idmission-web-sdk 2.3.151 → 2.3.153
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/face_liveness/FaceLivenessCapture.d.ts.map +1 -1
- package/dist/components/face_liveness/FaceLivenessWizard.d.ts.map +1 -1
- package/dist/components/submission/SubmissionSuccess.d.ts.map +1 -1
- package/dist/sdk2.cjs.development.js +318 -170
- package/dist/sdk2.cjs.development.js.map +1 -1
- package/dist/sdk2.cjs.production.js +1 -1
- package/dist/sdk2.cjs.production.js.map +1 -1
- package/dist/sdk2.esm.js +318 -170
- package/dist/sdk2.esm.js.map +1 -1
- package/dist/sdk2.umd.development.js +318 -170
- package/dist/sdk2.umd.development.js.map +1 -1
- package/dist/sdk2.umd.production.js +1 -1
- package/dist/sdk2.umd.production.js.map +1 -1
- package/dist/version.d.ts +1 -1
- package/package.json +1 -1
|
@@ -211,7 +211,7 @@
|
|
|
211
211
|
return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
|
|
212
212
|
};
|
|
213
213
|
|
|
214
|
-
var webSdkVersion = '2.3.
|
|
214
|
+
var webSdkVersion = '2.3.153';
|
|
215
215
|
|
|
216
216
|
function getPlatform() {
|
|
217
217
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
@@ -474,38 +474,38 @@
|
|
|
474
474
|
if (!portalLocation) return element;
|
|
475
475
|
return /*#__PURE__*/reactDom.createPortal(element, portalLocation);
|
|
476
476
|
};
|
|
477
|
-
var GuidanceMessage = styled.div(templateObject_2$
|
|
477
|
+
var GuidanceMessage = styled.div(templateObject_2$K || (templateObject_2$K = __makeTemplateObject(["\n margin-left: auto;\n margin-right: auto;\n background: ", ";\n color: ", ";\n border-radius: 8px;\n z-index: 10001;\n padding: 16px 24px;\n font-size: 18px;\n font-weight: bold;\n box-shadow:\n 0 1px 3px 0 rgb(0 0 0 / 0.1),\n 0 1px 2px -1px rgb(0 0 0 / 0.1);\n"], ["\n margin-left: auto;\n margin-right: auto;\n background: ", ";\n color: ", ";\n border-radius: 8px;\n z-index: 10001;\n padding: 16px 24px;\n font-size: 18px;\n font-weight: bold;\n box-shadow:\n 0 1px 3px 0 rgb(0 0 0 / 0.1),\n 0 1px 2px -1px rgb(0 0 0 / 0.1);\n"])), function (props) {
|
|
478
478
|
var _a, _b, _c, _d, _e, _f;
|
|
479
479
|
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';
|
|
480
480
|
}, function (props) {
|
|
481
481
|
var _a, _b, _c, _d, _e, _f;
|
|
482
482
|
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';
|
|
483
483
|
});
|
|
484
|
-
var templateObject_1$P, templateObject_2$
|
|
484
|
+
var templateObject_1$P, templateObject_2$K;
|
|
485
485
|
|
|
486
486
|
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"])));
|
|
487
|
-
var progressBarAnimation = styled.keyframes(templateObject_2$
|
|
488
|
-
var dualRingSpinnerAnimation = styled.keyframes(templateObject_3$
|
|
489
|
-
var progressBorderAnimation = styled.keyframes(templateObject_4$
|
|
490
|
-
var templateObject_1$O, templateObject_2$
|
|
487
|
+
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"])));
|
|
488
|
+
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"])));
|
|
489
|
+
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"])));
|
|
490
|
+
var templateObject_1$O, templateObject_2$J, templateObject_3$v, templateObject_4$p;
|
|
491
491
|
|
|
492
492
|
var OverlayContainer = styled.div(templateObject_1$N || (templateObject_1$N = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n\n display: flex;\n flex-direction: column;\n\n overflow-x: hidden;\n overflow-y: auto;\n\n background: ", ";\n ", "\n\n z-index: 10000;\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n\n display: flex;\n flex-direction: column;\n\n overflow-x: hidden;\n overflow-y: auto;\n\n background: ", ";\n ", "\n\n z-index: 10000;\n"])), function (props) {
|
|
493
493
|
return props.theme.background ? "".concat(props.theme.background) : "white";
|
|
494
494
|
}, function (props) {
|
|
495
495
|
return props.theme.textColor ? "color: ".concat(props.theme.textColor, ";") : "";
|
|
496
496
|
});
|
|
497
|
-
var OverlayInner$2 = styled.div(templateObject_2$
|
|
497
|
+
var OverlayInner$2 = styled.div(templateObject_2$I || (templateObject_2$I = __makeTemplateObject(["\n text-align: ", ";\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n width: 100%;\n height: 100%;\n ", "\n"], ["\n text-align: ", ";\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n width: 100%;\n height: 100%;\n ", "\n"])), function (props) {
|
|
498
498
|
var _a;
|
|
499
499
|
return (_a = props.theme.textAlign) !== null && _a !== void 0 ? _a : 'center';
|
|
500
500
|
}, function (props) {
|
|
501
501
|
return props.theme.padding ? "box-sizing: border-box; padding: ".concat(props.theme.padding, ";") : "";
|
|
502
502
|
});
|
|
503
|
-
var OverlayImageContainer = styled.div(templateObject_3$
|
|
504
|
-
var OverlayImageRow = styled.div(templateObject_4$
|
|
505
|
-
var GrayOverlayContainer = styled(OverlayContainer)(templateObject_5$
|
|
506
|
-
var ButtonsColumn = styled.div(templateObject_6$
|
|
507
|
-
var WideButton = styled(LoaderButton)(templateObject_7$
|
|
508
|
-
var WideBorderButton = styled(WideButton)(templateObject_8$
|
|
503
|
+
var OverlayImageContainer = styled.div(templateObject_3$u || (templateObject_3$u = __makeTemplateObject(["\n position: relative;\n display: flex;\n flex-grow: 1;\n padding-bottom: 25px;\n overflow: hidden;\n\n & > img,\n & > svg {\n margin: 0 auto;\n width: max-content;\n max-width: 100%;\n max-height: 100%;\n aspect-ratio: initial;\n object-fit: contain;\n display: block;\n }\n"], ["\n position: relative;\n display: flex;\n flex-grow: 1;\n padding-bottom: 25px;\n overflow: hidden;\n\n & > img,\n & > svg {\n margin: 0 auto;\n width: max-content;\n max-width: 100%;\n max-height: 100%;\n aspect-ratio: initial;\n object-fit: contain;\n display: block;\n }\n"])));
|
|
504
|
+
var OverlayImageRow = styled.div(templateObject_4$o || (templateObject_4$o = __makeTemplateObject(["\n display: flex;\n margin: auto;\n\n & > div {\n max-height: calc(100% - 320px);\n\n & > img {\n width: 100%;\n max-height: 100%;\n height: auto;\n object-fit: contain;\n }\n }\n"], ["\n display: flex;\n margin: auto;\n\n & > div {\n max-height: calc(100% - 320px);\n\n & > img {\n width: 100%;\n max-height: 100%;\n height: auto;\n object-fit: contain;\n }\n }\n"])));
|
|
505
|
+
var GrayOverlayContainer = styled(OverlayContainer)(templateObject_5$g || (templateObject_5$g = __makeTemplateObject(["\n background: #f7f6fb;\n"], ["\n background: #f7f6fb;\n"])));
|
|
506
|
+
var ButtonsColumn = styled.div(templateObject_6$a || (templateObject_6$a = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n gap: 15px 0;\n justify-content: center;\n margin-top: 24px;\n"], ["\n display: flex;\n flex-direction: column;\n gap: 15px 0;\n justify-content: center;\n margin-top: 24px;\n"])));
|
|
507
|
+
var WideButton = styled(LoaderButton)(templateObject_7$6 || (templateObject_7$6 = __makeTemplateObject(["\n width: 100%;\n border-radius: 30px;\n"], ["\n width: 100%;\n border-radius: 30px;\n"])));
|
|
508
|
+
var WideBorderButton = styled(WideButton)(templateObject_8$5 || (templateObject_8$5 = __makeTemplateObject(["\n color: ", ";\n background: ", ";\n border: 1px solid\n ", ";\n box-sizing: border-box;\n"], ["\n color: ", ";\n background: ", ";\n border: 1px solid\n ", ";\n box-sizing: border-box;\n"])), function (props) {
|
|
509
509
|
var _a, _b;
|
|
510
510
|
return (_b = (_a = props.colors) === null || _a === void 0 ? void 0 : _a.textColor) !== null && _b !== void 0 ? _b : 'black';
|
|
511
511
|
}, function (props) {
|
|
@@ -515,34 +515,34 @@
|
|
|
515
515
|
var _a, _b;
|
|
516
516
|
return (_b = (_a = props.colors) === null || _a === void 0 ? void 0 : _a.borderColor) !== null && _b !== void 0 ? _b : 'var(--idm-color-secondary-500)';
|
|
517
517
|
});
|
|
518
|
-
var LoadingOverlayInner = styled(OverlayInner$2)(templateObject_9$
|
|
519
|
-
var LoadingOverlayHeader = styled.div(templateObject_10$
|
|
518
|
+
var LoadingOverlayInner = styled(OverlayInner$2)(templateObject_9$3 || (templateObject_9$3 = __makeTemplateObject(["\n position: relative;\n height: 100%;\n display: flex;\n flex-direction: column;\n padding: 0;\n"], ["\n position: relative;\n height: 100%;\n display: flex;\n flex-direction: column;\n padding: 0;\n"])));
|
|
519
|
+
var LoadingOverlayHeader = styled.div(templateObject_10$2 || (templateObject_10$2 = __makeTemplateObject(["\n text-align: ", ";\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n ", "\n padding-bottom: 0;\n"], ["\n text-align: ", ";\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n ", "\n padding-bottom: 0;\n"])), function (props) {
|
|
520
520
|
var _a;
|
|
521
521
|
return (_a = props.theme.textAlign) !== null && _a !== void 0 ? _a : 'center';
|
|
522
522
|
}, function (props) {
|
|
523
523
|
return props.theme.padding ? "box-sizing: border-box; padding: ".concat(props.theme.padding, ";") : "";
|
|
524
524
|
});
|
|
525
|
-
var LoadingOverlayGuidanceMessage = styled(GuidanceMessage)(templateObject_11$
|
|
526
|
-
var LoadingOverlayImageContainer = styled(OverlayImageContainer)(templateObject_12$
|
|
525
|
+
var LoadingOverlayGuidanceMessage = styled(GuidanceMessage)(templateObject_11$2 || (templateObject_11$2 = __makeTemplateObject(["\n padding: 16px 24px;\n margin-top: 16px;\n font-size: 18px;\n font-weight: bold;\n"], ["\n padding: 16px 24px;\n margin-top: 16px;\n font-size: 18px;\n font-weight: bold;\n"])));
|
|
526
|
+
var LoadingOverlayImageContainer = styled(OverlayImageContainer)(templateObject_12$2 || (templateObject_12$2 = __makeTemplateObject(["\n padding: 0;\n max-height: 100%;\n pointer-events: none;\n"], ["\n padding: 0;\n max-height: 100%;\n pointer-events: none;\n"])));
|
|
527
527
|
var LoadingOverlayProgressBarBackground = styled.div.attrs({
|
|
528
528
|
className: 'loading-overlay-progress-bar-background'
|
|
529
|
-
})(templateObject_13$
|
|
529
|
+
})(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"])));
|
|
530
530
|
var LoadingOverlayProgressBar = styled.span.attrs({
|
|
531
531
|
className: 'loading-overlay-progress-bar'
|
|
532
|
-
})(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) {
|
|
532
|
+
})(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) {
|
|
533
533
|
return props.$progress;
|
|
534
534
|
});
|
|
535
535
|
var LoadingOverlayProgressIndicator = styled.span.attrs({
|
|
536
536
|
className: 'loading-overlay-progress-indicator'
|
|
537
|
-
})(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);
|
|
538
|
-
var LoadingOverlayButtonsRow = styled(ButtonsRow$2)(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n padding: 15px 25px;\n min-height: 100px;\n width: 100%;\n box-sizing: border-box;\n position: relative;\n"], ["\n display: flex;\n flex-direction: row;\n padding: 15px 25px;\n min-height: 100px;\n width: 100%;\n box-sizing: border-box;\n position: relative;\n"])));
|
|
539
|
-
var LoadingOverlayLoadingListContainer = styled.div(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n display: flex;\n position: relative;\n z-index: 2;\n"], ["\n display: flex;\n position: relative;\n z-index: 2;\n"])));
|
|
540
|
-
var LoadingOverlayLoadingList = styled.ul(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n display: block;\n margin: auto;\n list-style: none;\n padding: 0;\n"], ["\n display: block;\n margin: auto;\n list-style: none;\n padding: 0;\n"])));
|
|
541
|
-
var LoadingOverlayLoadingListItem = styled.li(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n display: inline-flex;\n justify-content: center;\n align-items: center;\n padding: 2px 1.25rem 2px 0;\n line-height: 1rem;\n"], ["\n display: inline-flex;\n justify-content: center;\n align-items: center;\n padding: 2px 1.25rem 2px 0;\n line-height: 1rem;\n"])));
|
|
542
|
-
var LoadingOverlayProgressContainer = styled.div(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n"])));
|
|
543
|
-
var LoadingOverlayCustomLoadingGraphic = styled.img(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n transform-style: preserve-3d;\n"], ["\n transform-style: preserve-3d;\n"])));
|
|
544
|
-
var LoadingOverlayContinueButtonContainer = styled.div(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n display: flex;\n"], ["\n display: flex;\n"])));
|
|
545
|
-
var templateObject_1$N, templateObject_2$
|
|
537
|
+
})(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);
|
|
538
|
+
var LoadingOverlayButtonsRow = styled(ButtonsRow$2)(templateObject_16$1 || (templateObject_16$1 = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n padding: 15px 25px;\n min-height: 100px;\n width: 100%;\n box-sizing: border-box;\n position: relative;\n"], ["\n display: flex;\n flex-direction: row;\n padding: 15px 25px;\n min-height: 100px;\n width: 100%;\n box-sizing: border-box;\n position: relative;\n"])));
|
|
539
|
+
var LoadingOverlayLoadingListContainer = styled.div(templateObject_17$1 || (templateObject_17$1 = __makeTemplateObject(["\n display: flex;\n position: relative;\n z-index: 2;\n"], ["\n display: flex;\n position: relative;\n z-index: 2;\n"])));
|
|
540
|
+
var LoadingOverlayLoadingList = styled.ul(templateObject_18$1 || (templateObject_18$1 = __makeTemplateObject(["\n display: block;\n margin: auto;\n list-style: none;\n padding: 0;\n"], ["\n display: block;\n margin: auto;\n list-style: none;\n padding: 0;\n"])));
|
|
541
|
+
var LoadingOverlayLoadingListItem = styled.li(templateObject_19$1 || (templateObject_19$1 = __makeTemplateObject(["\n display: inline-flex;\n justify-content: center;\n align-items: center;\n padding: 2px 1.25rem 2px 0;\n line-height: 1rem;\n"], ["\n display: inline-flex;\n justify-content: center;\n align-items: center;\n padding: 2px 1.25rem 2px 0;\n line-height: 1rem;\n"])));
|
|
542
|
+
var LoadingOverlayProgressContainer = styled.div(templateObject_20$1 || (templateObject_20$1 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n"])));
|
|
543
|
+
var LoadingOverlayCustomLoadingGraphic = styled.img(templateObject_21$1 || (templateObject_21$1 = __makeTemplateObject(["\n transform-style: preserve-3d;\n"], ["\n transform-style: preserve-3d;\n"])));
|
|
544
|
+
var LoadingOverlayContinueButtonContainer = styled.div(templateObject_22$1 || (templateObject_22$1 = __makeTemplateObject(["\n display: flex;\n"], ["\n display: flex;\n"])));
|
|
545
|
+
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;
|
|
546
546
|
|
|
547
547
|
function _extends() {
|
|
548
548
|
return _extends = Object.assign ? Object.assign.bind() : function (n) {
|
|
@@ -9176,7 +9176,7 @@
|
|
|
9176
9176
|
}
|
|
9177
9177
|
|
|
9178
9178
|
var InvisibleCanvasContainer = styled.div(templateObject_1$M || (templateObject_1$M = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n pointer-events: none;\n user-select: none;\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n pointer-events: none;\n user-select: none;\n"])));
|
|
9179
|
-
var InvisibleCanvas = styled.canvas(templateObject_2$
|
|
9179
|
+
var InvisibleCanvas = styled.canvas(templateObject_2$H || (templateObject_2$H = __makeTemplateObject(["\n display: none;\n"], ["\n display: none;\n"])));
|
|
9180
9180
|
function drawToCanvas(canvas, frame, width, height) {
|
|
9181
9181
|
if (!canvas) return;
|
|
9182
9182
|
var ctx = canvas.getContext('2d');
|
|
@@ -9196,7 +9196,7 @@
|
|
|
9196
9196
|
var _a;
|
|
9197
9197
|
(_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);
|
|
9198
9198
|
}
|
|
9199
|
-
var templateObject_1$M, templateObject_2$
|
|
9199
|
+
var templateObject_1$M, templateObject_2$H;
|
|
9200
9200
|
|
|
9201
9201
|
function useFrameLoop(fn, options) {
|
|
9202
9202
|
if (options === void 0) {
|
|
@@ -13854,13 +13854,13 @@
|
|
|
13854
13854
|
}, messageText)));
|
|
13855
13855
|
}
|
|
13856
13856
|
var StyledOverlayInner$4 = styled(OverlayInner$2)(templateObject_1$L || (templateObject_1$L = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
13857
|
-
var StyledOverlayHeading = styled.h3(templateObject_2$
|
|
13857
|
+
var StyledOverlayHeading = styled.h3(templateObject_2$G || (templateObject_2$G = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
13858
13858
|
function useCameraStore(selector) {
|
|
13859
13859
|
var store = React.useContext(CameraStoreContext);
|
|
13860
13860
|
if (!store) throw new Error('useCameraStore cannot be used without Provider');
|
|
13861
13861
|
return useStore(store, selector);
|
|
13862
13862
|
}
|
|
13863
|
-
var templateObject_1$L, templateObject_2$
|
|
13863
|
+
var templateObject_1$L, templateObject_2$G;
|
|
13864
13864
|
|
|
13865
13865
|
var DocumentDetectionModelContext = /*#__PURE__*/React.createContext({
|
|
13866
13866
|
startDocumentDetection: function startDocumentDetection() {
|
|
@@ -15961,11 +15961,11 @@
|
|
|
15961
15961
|
return /*#__PURE__*/reactDom.createPortal(element, portalLocation);
|
|
15962
15962
|
}
|
|
15963
15963
|
var DebugStatsPaneDiv = styled.span(templateObject_1$K || (templateObject_1$K = __makeTemplateObject(["\n font-size: 16px;\n font-family: monospace;\n position: absolute;\n left: 20px;\n bottom: 20px;\n margin-right: 20px;\n padding: 8px;\n color: limegreen;\n background: rgba(0, 0, 0, 0.5);\n z-index: 10002;\n pointer-events: none;\n"], ["\n font-size: 16px;\n font-family: monospace;\n position: absolute;\n left: 20px;\n bottom: 20px;\n margin-right: 20px;\n padding: 8px;\n color: limegreen;\n background: rgba(0, 0, 0, 0.5);\n z-index: 10002;\n pointer-events: none;\n"])));
|
|
15964
|
-
var ObjectDetectionDebugOverlayDiv = styled.div(templateObject_2$
|
|
15964
|
+
var ObjectDetectionDebugOverlayDiv = styled.div(templateObject_2$F || (templateObject_2$F = __makeTemplateObject(["\n position: absolute;\n z-index: 1001;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n max-width: 100%;\n max-height: 100%;\n overflow: hidden;\n pointer-events: none;\n ", "\n transform-style: preserve-3d;\n"], ["\n position: absolute;\n z-index: 1001;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n max-width: 100%;\n max-height: 100%;\n overflow: hidden;\n pointer-events: none;\n ", "\n transform-style: preserve-3d;\n"])), function (_a) {
|
|
15965
15965
|
var $flipX = _a.$flipX;
|
|
15966
15966
|
return $flipX ? 'transform: scaleX(-1);' : '';
|
|
15967
15967
|
});
|
|
15968
|
-
var ObjectDetectionDebugBox = styled.div(templateObject_3$
|
|
15968
|
+
var ObjectDetectionDebugBox = styled.div(templateObject_3$t || (templateObject_3$t = __makeTemplateObject(["\n font: 10px monospace;\n position: absolute;\n border: 3px solid ", ";\n color: ", ";\n ", "\n transform-style: preserve-3d;\n"], ["\n font: 10px monospace;\n position: absolute;\n border: 3px solid ", ";\n color: ", ";\n ", "\n transform-style: preserve-3d;\n"])), function (_a) {
|
|
15969
15969
|
var $color = _a.$color;
|
|
15970
15970
|
return $color !== null && $color !== void 0 ? $color : 'green';
|
|
15971
15971
|
}, function (_a) {
|
|
@@ -15975,7 +15975,7 @@
|
|
|
15975
15975
|
var $flipX = _a.$flipX;
|
|
15976
15976
|
return $flipX ? 'transform: scaleX(-1);' : '';
|
|
15977
15977
|
});
|
|
15978
|
-
var FaceDetectionKeypointMarker = styled.div(templateObject_4$
|
|
15978
|
+
var FaceDetectionKeypointMarker = styled.div(templateObject_4$n || (templateObject_4$n = __makeTemplateObject(["\n position: absolute;\n width: 4px;\n height: 4px;\n border: 2px solid ", ";\n font: 10px monospace;\n color: ", ";\n border-radius: 50%;\n ", "\n transform-style: preserve-3d;\n"], ["\n position: absolute;\n width: 4px;\n height: 4px;\n border: 2px solid ", ";\n font: 10px monospace;\n color: ", ";\n border-radius: 50%;\n ", "\n transform-style: preserve-3d;\n"])), function (_a) {
|
|
15979
15979
|
var $color = _a.$color;
|
|
15980
15980
|
return $color !== null && $color !== void 0 ? $color : 'red';
|
|
15981
15981
|
}, function (_a) {
|
|
@@ -16172,7 +16172,7 @@
|
|
|
16172
16172
|
}
|
|
16173
16173
|
});
|
|
16174
16174
|
}
|
|
16175
|
-
var templateObject_1$K, templateObject_2$
|
|
16175
|
+
var templateObject_1$K, templateObject_2$F, templateObject_3$t, templateObject_4$n;
|
|
16176
16176
|
|
|
16177
16177
|
function OverrideWrongDocumentTypeGuidanceDialog(_a) {
|
|
16178
16178
|
var _b = _a.classNames,
|
|
@@ -16212,11 +16212,11 @@
|
|
|
16212
16212
|
var _a, _b, _c;
|
|
16213
16213
|
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';
|
|
16214
16214
|
});
|
|
16215
|
-
var InnerContainer = styled.div(templateObject_2$
|
|
16216
|
-
var Message = styled.span(templateObject_3$
|
|
16217
|
-
var ButtonContainer = styled.div(templateObject_4$
|
|
16218
|
-
var Button$1 = styled(LoaderButton)(templateObject_5$
|
|
16219
|
-
var templateObject_1$J, templateObject_2$
|
|
16215
|
+
var InnerContainer = styled.div(templateObject_2$E || (templateObject_2$E = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n padding: 16px 24px;\n margin: auto 0;\n width: 100%;\n"], ["\n display: flex;\n flex-direction: row;\n padding: 16px 24px;\n margin: auto 0;\n width: 100%;\n"])));
|
|
16216
|
+
var Message = styled.span(templateObject_3$s || (templateObject_3$s = __makeTemplateObject(["\n display: block;\n margin: auto 12px auto 0;\n"], ["\n display: block;\n margin: auto 12px auto 0;\n"])));
|
|
16217
|
+
var ButtonContainer = styled.div(templateObject_4$m || (templateObject_4$m = __makeTemplateObject(["\n display: flex;\n margin-left: auto;\n"], ["\n display: flex;\n margin-left: auto;\n"])));
|
|
16218
|
+
var Button$1 = styled(LoaderButton)(templateObject_5$f || (templateObject_5$f = __makeTemplateObject(["\n white-space: nowrap;\n margin: auto;\n"], ["\n white-space: nowrap;\n margin: auto;\n"])));
|
|
16219
|
+
var templateObject_1$J, templateObject_2$E, templateObject_3$s, templateObject_4$m, templateObject_5$f;
|
|
16220
16220
|
|
|
16221
16221
|
// This is a simplified version of https://github.com/ZeeCoder/use-resize-observer.
|
|
16222
16222
|
// We have removed all options and made it compliant with React Compiler/React 19.
|
|
@@ -16559,10 +16559,10 @@
|
|
|
16559
16559
|
}, verbiage.retryBtnText)));
|
|
16560
16560
|
};
|
|
16561
16561
|
var StyledOverlayInner$3 = styled(OverlayInner$2)(templateObject_1$I || (templateObject_1$I = __makeTemplateObject(["\n max-width: 500px;\n height: auto;\n margin: auto;\n"], ["\n max-width: 500px;\n height: auto;\n margin: auto;\n"])));
|
|
16562
|
-
var StyledOverlayImageContainer$1 = styled(OverlayImageContainer)(templateObject_2$
|
|
16563
|
-
var Description$4 = styled.p(templateObject_3$
|
|
16564
|
-
var RetryButton$1 = styled(LoaderButton)(templateObject_4$
|
|
16565
|
-
var templateObject_1$I, templateObject_2$
|
|
16562
|
+
var StyledOverlayImageContainer$1 = styled(OverlayImageContainer)(templateObject_2$D || (templateObject_2$D = __makeTemplateObject(["\n flex-grow: 0;\n"], ["\n flex-grow: 0;\n"])));
|
|
16563
|
+
var Description$4 = styled.p(templateObject_3$r || (templateObject_3$r = __makeTemplateObject(["\n line-height: 1.5;\n margin-bottom: 50px;\n"], ["\n line-height: 1.5;\n margin-bottom: 50px;\n"])));
|
|
16564
|
+
var RetryButton$1 = styled(LoaderButton)(templateObject_4$l || (templateObject_4$l = __makeTemplateObject(["\n width: 200px;\n margin: 0 auto;\n"], ["\n width: 200px;\n margin: 0 auto;\n"])));
|
|
16565
|
+
var templateObject_1$I, templateObject_2$D, templateObject_3$r, templateObject_4$l;
|
|
16566
16566
|
|
|
16567
16567
|
var ExitCaptureStyledButton = styled.button(templateObject_1$H || (templateObject_1$H = __makeTemplateObject(["\n position: absolute;\n top: 12px;\n right: 12px;\n font-size: 20px;\n width: 32px;\n height: 32px;\n font-family: monospace;\n z-index: 10002;\n border: none;\n border-radius: 4px;\n background: var(--idm-color-secondary-200);\n cursor: pointer;\n padding: 8px;\n box-sizing: border-box;\n display: flex;\n\n &:hover {\n background: #ddd;\n }\n\n & > svg {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n"], ["\n position: absolute;\n top: 12px;\n right: 12px;\n font-size: 20px;\n width: 32px;\n height: 32px;\n font-family: monospace;\n z-index: 10002;\n border: none;\n border-radius: 4px;\n background: var(--idm-color-secondary-200);\n cursor: pointer;\n padding: 8px;\n box-sizing: border-box;\n display: flex;\n\n &:hover {\n background: #ddd;\n }\n\n & > svg {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n"])));
|
|
16568
16568
|
var ExitCaptureButton = function ExitCaptureButton(_a) {
|
|
@@ -17084,20 +17084,20 @@
|
|
|
17084
17084
|
}))));
|
|
17085
17085
|
}
|
|
17086
17086
|
var LoadingGraphicWrapper = styled.div(templateObject_1$G || (templateObject_1$G = __makeTemplateObject(["\n display: flex;\n width: 100%;\n height: 100%;\n"], ["\n display: flex;\n width: 100%;\n height: 100%;\n"])));
|
|
17087
|
-
var LoadingGraphicSvg = styled.svg(templateObject_2$
|
|
17087
|
+
var LoadingGraphicSvg = styled.svg(templateObject_2$C || (templateObject_2$C = __makeTemplateObject(["\n margin: auto;\n transform: scale(\n ", "\n );\n transform-style: preserve-3d;\n transition:\n transform 0.2s linear,\n border-width 0.2s linear;\n border: ", "px solid\n ", ";\n max-height: 80%;\n max-width: 80%;\n"], ["\n margin: auto;\n transform: scale(\n ", "\n );\n transform-style: preserve-3d;\n transition:\n transform 0.2s linear,\n border-width 0.2s linear;\n border: ", "px solid\n ", ";\n max-height: 80%;\n max-width: 80%;\n"])), function (props) {
|
|
17088
17088
|
return props.$frame > 1 ? 1 : props.$frame === 1 ? 1.25 : 0.75;
|
|
17089
17089
|
}, function (props) {
|
|
17090
17090
|
return props.$frame >= 5 ? 10 : 0;
|
|
17091
17091
|
}, function (props) {
|
|
17092
17092
|
return props.$borderColor;
|
|
17093
17093
|
});
|
|
17094
|
-
var LoadingGraphicCardGroup = styled.g(templateObject_3$
|
|
17094
|
+
var LoadingGraphicCardGroup = styled.g(templateObject_3$q || (templateObject_3$q = __makeTemplateObject(["\n transform: translate(", ", 0);\n transform-style: preserve-3d;\n transition: transform 0.3s linear;\n"], ["\n transform: translate(", ", 0);\n transform-style: preserve-3d;\n transition: transform 0.3s linear;\n"])), function (props) {
|
|
17095
17095
|
return props.$offScreen ? '-500px' : '0';
|
|
17096
17096
|
});
|
|
17097
|
-
var LoadingGraphicPhoneGroup = styled.g(templateObject_4$
|
|
17097
|
+
var LoadingGraphicPhoneGroup = styled.g(templateObject_4$k || (templateObject_4$k = __makeTemplateObject(["\n transform: translate(", ", 0);\n transform-style: preserve-3d;\n transition: transform 0.3s linear;\n"], ["\n transform: translate(", ", 0);\n transform-style: preserve-3d;\n transition: transform 0.3s linear;\n"])), function (props) {
|
|
17098
17098
|
return props.$offScreen ? '40px' : '0';
|
|
17099
17099
|
});
|
|
17100
|
-
var templateObject_1$G, templateObject_2$
|
|
17100
|
+
var templateObject_1$G, templateObject_2$C, templateObject_3$q, templateObject_4$k;
|
|
17101
17101
|
|
|
17102
17102
|
function LoadingListItemIndicator(_a) {
|
|
17103
17103
|
var _b = _a.state,
|
|
@@ -17373,28 +17373,28 @@
|
|
|
17373
17373
|
var _a, _b, _c, _d;
|
|
17374
17374
|
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';
|
|
17375
17375
|
});
|
|
17376
|
-
var ContinuityCameraCheckboxContainer$1 = styled.div(templateObject_2$
|
|
17377
|
-
var ContinuityCameraCheckboxInner = styled(GuidanceMessage)(templateObject_3$
|
|
17378
|
-
var ContinuityCameraCheckbox$1 = styled.input(templateObject_4$
|
|
17379
|
-
var ButtonsRow$1 = styled(LoadingOverlayButtonsRow)(templateObject_5$
|
|
17376
|
+
var ContinuityCameraCheckboxContainer$1 = styled.div(templateObject_2$B || (templateObject_2$B = __makeTemplateObject(["\n position: absolute;\n bottom: 120px;\n width: 100%;\n display: flex;\n"], ["\n position: absolute;\n bottom: 120px;\n width: 100%;\n display: flex;\n"])));
|
|
17377
|
+
var ContinuityCameraCheckboxInner = styled(GuidanceMessage)(templateObject_3$p || (templateObject_3$p = __makeTemplateObject(["\n display: flex;\n gap: 8px;\n align-items: center;\n padding: 12px 18px;\n margin: 0 auto;\n font-size: 14px;\n font-weight: bold;\n background: white;\n box-shadow:\n 0 1px 3px 0 rgb(0 0 0 / 0.1),\n 0 1px 2px -1px rgb(0 0 0 / 0.1);\n"], ["\n display: flex;\n gap: 8px;\n align-items: center;\n padding: 12px 18px;\n margin: 0 auto;\n font-size: 14px;\n font-weight: bold;\n background: white;\n box-shadow:\n 0 1px 3px 0 rgb(0 0 0 / 0.1),\n 0 1px 2px -1px rgb(0 0 0 / 0.1);\n"])));
|
|
17378
|
+
var ContinuityCameraCheckbox$1 = styled.input(templateObject_4$j || (templateObject_4$j = __makeTemplateObject(["\n margin: 0;\n"], ["\n margin: 0;\n"])));
|
|
17379
|
+
var ButtonsRow$1 = styled(LoadingOverlayButtonsRow)(templateObject_5$e || (templateObject_5$e = __makeTemplateObject(["\n color: ", ";\n ", "\n"], ["\n color: ", ";\n ", "\n"])), function (props) {
|
|
17380
17380
|
var _a, _b, _c, _d;
|
|
17381
17381
|
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';
|
|
17382
17382
|
}, function (props) {
|
|
17383
17383
|
var _a, _b, _c, _d, _e, _f;
|
|
17384
17384
|
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, ";") : '';
|
|
17385
17385
|
});
|
|
17386
|
-
var ProgressBarBackground$1 = styled(LoadingOverlayProgressBarBackground)(templateObject_6$
|
|
17386
|
+
var ProgressBarBackground$1 = styled(LoadingOverlayProgressBarBackground)(templateObject_6$9 || (templateObject_6$9 = __makeTemplateObject(["\n background: ", ";\n opacity: ", ";\n"], ["\n background: ", ";\n opacity: ", ";\n"])), function (props) {
|
|
17387
17387
|
var _a, _b, _c, _d;
|
|
17388
17388
|
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)';
|
|
17389
17389
|
}, function (props) {
|
|
17390
17390
|
var _a, _b, _c, _d;
|
|
17391
17391
|
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;
|
|
17392
17392
|
});
|
|
17393
|
-
var ProgressIndicator$1 = styled(LoadingOverlayProgressIndicator)(templateObject_7$
|
|
17393
|
+
var ProgressIndicator$1 = styled(LoadingOverlayProgressIndicator)(templateObject_7$5 || (templateObject_7$5 = __makeTemplateObject(["\n background: ", ";\n"], ["\n background: ", ";\n"])), function (props) {
|
|
17394
17394
|
var _a, _b, _c, _d;
|
|
17395
17395
|
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)';
|
|
17396
17396
|
});
|
|
17397
|
-
var ContinueButton$1 = styled(LoaderButton)(templateObject_8$
|
|
17397
|
+
var ContinueButton$1 = styled(LoaderButton)(templateObject_8$4 || (templateObject_8$4 = __makeTemplateObject(["\n margin: auto;\n white-space: nowrap;\n ", "\n ", "\n \n &:focus-visible {\n ", "\n box-shadow: none;\n }\n\n &.disabled {\n background: ", ";\n color: ", ";\n border: ", ";\n }\n"], ["\n margin: auto;\n white-space: nowrap;\n ", "\n ", "\n \n &:focus-visible {\n ", "\n box-shadow: none;\n }\n\n &.disabled {\n background: ", ";\n color: ", ";\n border: ", ";\n }\n"])), function (props) {
|
|
17398
17398
|
var _a, _b, _c, _d, _e, _f;
|
|
17399
17399
|
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, ";") : '';
|
|
17400
17400
|
}, function (props) {
|
|
@@ -17413,10 +17413,10 @@
|
|
|
17413
17413
|
var _a, _b, _c, _d;
|
|
17414
17414
|
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';
|
|
17415
17415
|
});
|
|
17416
|
-
var templateObject_1$F, templateObject_2$
|
|
17416
|
+
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;
|
|
17417
17417
|
|
|
17418
17418
|
var ContinuityCameraCheckboxContainer = styled.div(templateObject_1$E || (templateObject_1$E = __makeTemplateObject(["\n margin-top: 15px;\n margin-bottom: 15px;\n"], ["\n margin-top: 15px;\n margin-bottom: 15px;\n"])));
|
|
17419
|
-
var ContinuityCameraCheckbox = styled.input(templateObject_2$
|
|
17419
|
+
var ContinuityCameraCheckbox = styled.input(templateObject_2$A || (templateObject_2$A = __makeTemplateObject(["\n margin-right: 8px;\n"], ["\n margin-right: 8px;\n"])));
|
|
17420
17420
|
var IdCaptureLoadingOverlayLegacy = function IdCaptureLoadingOverlayLegacy(_a) {
|
|
17421
17421
|
var _b, _c, _d, _e;
|
|
17422
17422
|
var onDismissed = _a.onDismissed,
|
|
@@ -17537,7 +17537,7 @@
|
|
|
17537
17537
|
}
|
|
17538
17538
|
}, ready ? verbiage.continueText : modelsReady ? verbiage.cameraInitializingText : modelDownloadProgress >= 100 ? verbiage.modelsWarmingUpText : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)"))));
|
|
17539
17539
|
};
|
|
17540
|
-
var templateObject_1$E, templateObject_2$
|
|
17540
|
+
var templateObject_1$E, templateObject_2$A;
|
|
17541
17541
|
|
|
17542
17542
|
var components$1 = {
|
|
17543
17543
|
"default": IdCaptureLoadingOverlayDefault,
|
|
@@ -17596,8 +17596,8 @@
|
|
|
17596
17596
|
};
|
|
17597
17597
|
|
|
17598
17598
|
var Card = styled.div(templateObject_1$D || (templateObject_1$D = __makeTemplateObject(["\n background: white;\n border-radius: 8px;\n padding: 24px;\n box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);\n margin: auto;\n max-width: min(500px, 100% - 48px);\n max-height: 100%;\n overflow: auto;\n box-sizing: border-box;\n"], ["\n background: white;\n border-radius: 8px;\n padding: 24px;\n box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);\n margin: auto;\n max-width: min(500px, 100% - 48px);\n max-height: 100%;\n overflow: auto;\n box-sizing: border-box;\n"])));
|
|
17599
|
-
var FlexCard = styled(Card)(templateObject_2$
|
|
17600
|
-
var templateObject_1$D, templateObject_2$
|
|
17599
|
+
var FlexCard = styled(Card)(templateObject_2$z || (templateObject_2$z = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n"], ["\n display: flex;\n flex-direction: column;\n"])));
|
|
17600
|
+
var templateObject_1$D, templateObject_2$z;
|
|
17601
17601
|
|
|
17602
17602
|
var imageDisplayOrder = ['idCardFront', 'idCardBack', 'idBarcodeImage', 'passport', 'singlePage', 'idFrontIrImage', 'idBackIrImage', 'idFrontUvImage', 'idBackUvImage'];
|
|
17603
17603
|
var IdCaptureSuccess = function IdCaptureSuccess(_a) {
|
|
@@ -17660,12 +17660,12 @@
|
|
|
17660
17660
|
}, verbiage.retryText)))));
|
|
17661
17661
|
};
|
|
17662
17662
|
var Heading$a = styled.h1(templateObject_1$C || (templateObject_1$C = __makeTemplateObject(["\n font-size: 1.5rem;\n margin-top: 0;\n margin-bottom: 1.5rem;\n"], ["\n font-size: 1.5rem;\n margin-top: 0;\n margin-bottom: 1.5rem;\n"])));
|
|
17663
|
-
var ImagesContainer = styled(OverlayImageContainer)(templateObject_2$
|
|
17664
|
-
var ImageRow = styled(OverlayImageRow)(templateObject_3$
|
|
17665
|
-
var ImageCol$1 = styled.div(templateObject_4$
|
|
17666
|
-
var StyledImage = styled(CapturedDocumentImg)(templateObject_5$
|
|
17667
|
-
var DebugPre = styled.pre(templateObject_6$
|
|
17668
|
-
var templateObject_1$C, templateObject_2$
|
|
17663
|
+
var ImagesContainer = styled(OverlayImageContainer)(templateObject_2$y || (templateObject_2$y = __makeTemplateObject(["\n flex-grow: 1;\n overflow-y: auto;\n padding-bottom: 0;\n max-width: 100%;\n"], ["\n flex-grow: 1;\n overflow-y: auto;\n padding-bottom: 0;\n max-width: 100%;\n"])));
|
|
17664
|
+
var ImageRow = styled(OverlayImageRow)(templateObject_3$o || (templateObject_3$o = __makeTemplateObject(["\n max-width: 100%;\n flex-direction: column;\n position: relative;\n width: 100%;\n"], ["\n max-width: 100%;\n flex-direction: column;\n position: relative;\n width: 100%;\n"])));
|
|
17665
|
+
var ImageCol$1 = styled.div(templateObject_4$i || (templateObject_4$i = __makeTemplateObject(["\n width: 450px;\n max-width: 100%;\n max-height: none !important;\n"], ["\n width: 450px;\n max-width: 100%;\n max-height: none !important;\n"])));
|
|
17666
|
+
var StyledImage = styled(CapturedDocumentImg)(templateObject_5$d || (templateObject_5$d = __makeTemplateObject(["\n width: 100%;\n border-radius: 12px;\n"], ["\n width: 100%;\n border-radius: 12px;\n"])));
|
|
17667
|
+
var DebugPre = styled.pre(templateObject_6$8 || (templateObject_6$8 = __makeTemplateObject(["\n display: block;\n text-align: left;\n width: 100%;\n max-width: 100%;\n overflow-x: auto;\n"], ["\n display: block;\n text-align: left;\n width: 100%;\n max-width: 100%;\n overflow-x: auto;\n"])));
|
|
17668
|
+
var templateObject_1$C, templateObject_2$y, templateObject_3$o, templateObject_4$i, templateObject_5$d, templateObject_6$8;
|
|
17669
17669
|
|
|
17670
17670
|
function useShowSuccessScreen(skipSuccessScreen, successScreenReady, onDoneCallback) {
|
|
17671
17671
|
var _this = this;
|
|
@@ -17722,7 +17722,7 @@
|
|
|
17722
17722
|
}, function (props) {
|
|
17723
17723
|
return props.$isMobile ? props.$isLandscape ? 'height: 100%;' : 'width: 80%;' : props.$isLandscape ? 'height: 70%;' : 'width: 82%;';
|
|
17724
17724
|
});
|
|
17725
|
-
var IdCardGuideImage = styled.img(templateObject_2$
|
|
17725
|
+
var IdCardGuideImage = styled.img(templateObject_2$x || (templateObject_2$x = __makeTemplateObject(["\n max-height: 100%;\n transform-style: preserve-3d;\n ", "\n ", "\n"], ["\n max-height: 100%;\n transform-style: preserve-3d;\n ", "\n ", "\n"])), function (props) {
|
|
17726
17726
|
return props.$isMirrored ? 'transform: scaleX(-1);' : '';
|
|
17727
17727
|
}, function (props) {
|
|
17728
17728
|
return props.$isInvisible ? 'opacity: 0;' : '';
|
|
@@ -17872,17 +17872,17 @@
|
|
|
17872
17872
|
className: isProgressBar ? "idmSdkProgressBorder ".concat(progressPaused ? 'idmSdkProgressPaused' : '') : ''
|
|
17873
17873
|
}));
|
|
17874
17874
|
}
|
|
17875
|
-
var IdCardBorderContainer = styled.div(templateObject_3$
|
|
17876
|
-
var IdCardBorderInner = styled.div(templateObject_4$
|
|
17877
|
-
var SvgOverlay = styled.svg(templateObject_5$
|
|
17878
|
-
var IdCardBorderRect = styled.rect(templateObject_6$
|
|
17875
|
+
var IdCardBorderContainer = styled.div(templateObject_3$n || (templateObject_3$n = __makeTemplateObject(["\n align-items: center;\n justify-content: center;\n display: flex;\n position: relative;\n margin: auto;\n\n & .idmSdkWaves {\n position: absolute;\n animation: ", " 2s ease-out infinite;\n transform-style: preserve-3d;\n\n &:nth-child(3) {\n animation-delay: 0.66s;\n }\n\n &:nth-child(4) {\n animation-delay: 1.33s;\n }\n }\n"], ["\n align-items: center;\n justify-content: center;\n display: flex;\n position: relative;\n margin: auto;\n\n & .idmSdkWaves {\n position: absolute;\n animation: ", " 2s ease-out infinite;\n transform-style: preserve-3d;\n\n &:nth-child(3) {\n animation-delay: 0.66s;\n }\n\n &:nth-child(4) {\n animation-delay: 1.33s;\n }\n }\n"])), wavesAnimation);
|
|
17876
|
+
var IdCardBorderInner = styled.div(templateObject_4$h || (templateObject_4$h = __makeTemplateObject(["\n max-height: 100%;\n max-width: 100%;\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n"], ["\n max-height: 100%;\n max-width: 100%;\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n"])));
|
|
17877
|
+
var SvgOverlay = styled.svg(templateObject_5$c || (templateObject_5$c = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n"])));
|
|
17878
|
+
var IdCardBorderRect = styled.rect(templateObject_6$7 || (templateObject_6$7 = __makeTemplateObject(["\n &.idmSdkProgressBorder {\n animation: ", " ", "\n ", ";\n }\n\n &.idmSdkProgressPaused {\n animation-play-state: paused;\n }\n"], ["\n &.idmSdkProgressBorder {\n animation: ", " ", "\n ", ";\n }\n\n &.idmSdkProgressPaused {\n animation-play-state: paused;\n }\n"])), progressBorderAnimation, function (props) {
|
|
17879
17879
|
var _a;
|
|
17880
17880
|
return (_a = props.$speed) !== null && _a !== void 0 ? _a : '3s';
|
|
17881
17881
|
}, function (props) {
|
|
17882
17882
|
var _a;
|
|
17883
17883
|
return (_a = props.$fillMode) !== null && _a !== void 0 ? _a : 'forwards';
|
|
17884
17884
|
});
|
|
17885
|
-
var templateObject_1$B, templateObject_2$
|
|
17885
|
+
var templateObject_1$B, templateObject_2$x, templateObject_3$n, templateObject_4$h, templateObject_5$c, templateObject_6$7;
|
|
17886
17886
|
|
|
17887
17887
|
var defaultIdCaptureGuideImages = {
|
|
17888
17888
|
portrait: {
|
|
@@ -18074,12 +18074,12 @@
|
|
|
18074
18074
|
var Wrapper$1 = styled.div(templateObject_1$A || (templateObject_1$A = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n ", "\n\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n"], ["\n display: flex;\n align-items: center;\n justify-content: center;\n ", "\n\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n"])), function (props) {
|
|
18075
18075
|
return props.$isLandscape ? 'height: 100%;' : 'height: 100%;';
|
|
18076
18076
|
});
|
|
18077
|
-
var FlipImageContainer = styled(IdCardGuideImageContainer)(templateObject_2$
|
|
18077
|
+
var FlipImageContainer = styled(IdCardGuideImageContainer)(templateObject_2$w || (templateObject_2$w = __makeTemplateObject(["\n backface-visibility: hidden;\n transition: transform ", "s;\n transform: ", ";\n transform-style: preserve-3d;\n position: absolute;\n display: block;\n top: 0;\n height: 100%; // todo: branch between desktop and mobile\n"], ["\n backface-visibility: hidden;\n transition: transform ", "s;\n transform: ", ";\n transform-style: preserve-3d;\n position: absolute;\n display: block;\n top: 0;\n height: 100%; // todo: branch between desktop and mobile\n"])), function (props) {
|
|
18078
18078
|
return props.$transitionTime;
|
|
18079
18079
|
}, function (props) {
|
|
18080
18080
|
return props.$transforms;
|
|
18081
18081
|
});
|
|
18082
|
-
var templateObject_1$A, templateObject_2$
|
|
18082
|
+
var templateObject_1$A, templateObject_2$w;
|
|
18083
18083
|
|
|
18084
18084
|
var GuideOrientationContext = /*#__PURE__*/React.createContext({
|
|
18085
18085
|
orientation: 'landscape',
|
|
@@ -18368,9 +18368,9 @@
|
|
|
18368
18368
|
}).join(' ');
|
|
18369
18369
|
};
|
|
18370
18370
|
var StyledPageContainer = styled.div(templateObject_1$y || (templateObject_1$y = __makeTemplateObject(["\n position: relative;\n width: 100%;\n height: 100%;\n z-index: 1000;\n overflow: hidden;\n"], ["\n position: relative;\n width: 100%;\n height: 100%;\n z-index: 1000;\n overflow: hidden;\n"])));
|
|
18371
|
-
var GuidesContainer = styled.div(templateObject_2$
|
|
18372
|
-
var GuideCenterRow = styled.div(templateObject_3$
|
|
18373
|
-
var GuideRegion = styled.div(templateObject_4$
|
|
18371
|
+
var GuidesContainer = styled.div(templateObject_2$v || (templateObject_2$v = __makeTemplateObject(["\n display: flex;\n flex-flow: column nowrap;\n width: 100%;\n height: 100%;\n"], ["\n display: flex;\n flex-flow: column nowrap;\n width: 100%;\n height: 100%;\n"])));
|
|
18372
|
+
var GuideCenterRow = styled.div(templateObject_3$m || (templateObject_3$m = __makeTemplateObject(["\n position: relative;\n display: flex;\n flex-flow: row nowrap;\n align-items: center;\n justify-items: center;\n box-sizing: border-box;\n max-width: 100%;\n max-height: 100%;\n min-height: 0;\n flex: 1;\n"], ["\n position: relative;\n display: flex;\n flex-flow: row nowrap;\n align-items: center;\n justify-items: center;\n box-sizing: border-box;\n max-width: 100%;\n max-height: 100%;\n min-height: 0;\n flex: 1;\n"])));
|
|
18373
|
+
var GuideRegion = styled.div(templateObject_4$g || (templateObject_4$g = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n justify-content: end;\n width: 100%;\n position: relative;\n z-index: 1000;\n background: ", ";\n color: ", ";\n text-align: center;\n ", "\n ", "\n"], ["\n display: flex;\n flex-direction: column;\n justify-content: end;\n width: 100%;\n position: relative;\n z-index: 1000;\n background: ", ";\n color: ", ";\n text-align: center;\n ", "\n ", "\n"])), function (props) {
|
|
18374
18374
|
var _a, _b, _c, _d, _e;
|
|
18375
18375
|
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)';
|
|
18376
18376
|
}, function (props) {
|
|
@@ -18381,23 +18381,23 @@
|
|
|
18381
18381
|
}, function (props) {
|
|
18382
18382
|
return props.$minHeight ? "min-height: ".concat(props.$minHeight, "px;") : "";
|
|
18383
18383
|
});
|
|
18384
|
-
var Spacer = styled(GuideRegion)(templateObject_5$
|
|
18385
|
-
var GuideCenterRegion = styled.div(templateObject_6$
|
|
18384
|
+
var Spacer = styled(GuideRegion)(templateObject_5$b || (templateObject_5$b = __makeTemplateObject(["\n display: block;\n width: auto;\n"], ["\n display: block;\n width: auto;\n"])));
|
|
18385
|
+
var GuideCenterRegion = styled.div(templateObject_6$6 || (templateObject_6$6 = __makeTemplateObject(["\n ", "\n ", "\n transform-style: preserve-3d;\n box-sizing: border-box;\n display: flex;\n flex: 1;\n max-height: 100%;\n height: 100%;\n"], ["\n ", "\n ", "\n transform-style: preserve-3d;\n box-sizing: border-box;\n display: flex;\n flex: 1;\n max-height: 100%;\n height: 100%;\n"])), function (props) {
|
|
18386
18386
|
return props.$minWidth ? "min-width: ".concat(props.$minWidth, "px;") : "";
|
|
18387
18387
|
}, function (props) {
|
|
18388
18388
|
return props.$isMirrored ? 'transform: scaleX(-1);' : '';
|
|
18389
18389
|
});
|
|
18390
|
-
var GuideCenterBorder = styled.div(templateObject_7$
|
|
18390
|
+
var GuideCenterBorder = styled.div(templateObject_7$4 || (templateObject_7$4 = __makeTemplateObject(["\n box-sizing: border-box;\n border: ", ";\n display: flex;\n flex: 1;\n justify-content: center;\n max-height: 100%;\n min-height: 0;\n max-width: 100%;\n position: relative;\n ", "\n"], ["\n box-sizing: border-box;\n border: ", ";\n display: flex;\n flex: 1;\n justify-content: center;\n max-height: 100%;\n min-height: 0;\n max-width: 100%;\n position: relative;\n ", "\n"])), function (props) {
|
|
18391
18391
|
var _a, _b;
|
|
18392
18392
|
return "".concat((_a = props.$borderWidth) !== null && _a !== void 0 ? _a : 4, "px solid ").concat((_b = props.$borderColor) !== null && _b !== void 0 ? _b : 'white');
|
|
18393
18393
|
}, function (props) {
|
|
18394
18394
|
return props.$padding ? "padding: ".concat(props.$padding, "px;") : '';
|
|
18395
18395
|
});
|
|
18396
|
-
var GuideText = styled.span(templateObject_8$
|
|
18397
|
-
var GuideCenterInner = styled.div(templateObject_9$
|
|
18396
|
+
var GuideText = styled.span(templateObject_8$3 || (templateObject_8$3 = __makeTemplateObject(["\n align-content: center;\n margin-top: 12px;\n margin-bottom: 12px;\n"], ["\n align-content: center;\n margin-top: 12px;\n margin-bottom: 12px;\n"])));
|
|
18397
|
+
var GuideCenterInner = styled.div(templateObject_9$2 || (templateObject_9$2 = __makeTemplateObject(["\n position: relative;\n top: 0;\n margin: auto;\n ", "\n max-height: 100%;\n max-width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n"], ["\n position: relative;\n top: 0;\n margin: auto;\n ", "\n max-height: 100%;\n max-width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n"])), function (props) {
|
|
18398
18398
|
return props.$isLandscape ? 'height: 100%;' : 'width: 90%;';
|
|
18399
18399
|
});
|
|
18400
|
-
var templateObject_1$y, templateObject_2$
|
|
18400
|
+
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;
|
|
18401
18401
|
|
|
18402
18402
|
var IdCaptureFitGuide = function IdCaptureFitGuide(_a) {
|
|
18403
18403
|
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
|
|
@@ -18541,8 +18541,8 @@
|
|
|
18541
18541
|
var CanvasWrapper$1 = styled.div(templateObject_1$x || (templateObject_1$x = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n flex-grow: 1;\n background-clip: padding-box;\n box-shadow: inset 0 0 0 2px ", ";\n z-index: -1;\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n flex-grow: 1;\n background-clip: padding-box;\n box-shadow: inset 0 0 0 2px ", ";\n z-index: -1;\n"])), function (props) {
|
|
18542
18542
|
return props.$maskColor;
|
|
18543
18543
|
});
|
|
18544
|
-
var Canvas$1 = styled.canvas(templateObject_2$
|
|
18545
|
-
var templateObject_1$x, templateObject_2$
|
|
18544
|
+
var Canvas$1 = styled.canvas(templateObject_2$u || (templateObject_2$u = __makeTemplateObject(["\n display: block;\n"], ["\n display: block;\n"])));
|
|
18545
|
+
var templateObject_1$x, templateObject_2$u;
|
|
18546
18546
|
|
|
18547
18547
|
function IdCaptureGuides(_a) {
|
|
18548
18548
|
var _b = _a.guideType,
|
|
@@ -18623,11 +18623,11 @@
|
|
|
18623
18623
|
var $color = _a.$color;
|
|
18624
18624
|
return $color !== null && $color !== void 0 ? $color : '#888';
|
|
18625
18625
|
}, dualRingSpinnerAnimation);
|
|
18626
|
-
var SpinnerPageContainer = styled.div(templateObject_2$
|
|
18626
|
+
var SpinnerPageContainer = styled.div(templateObject_2$t || (templateObject_2$t = __makeTemplateObject(["\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n"], ["\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n"])));
|
|
18627
18627
|
function SpinnerPage() {
|
|
18628
18628
|
return /*#__PURE__*/React.createElement(SpinnerPageContainer, null, /*#__PURE__*/React.createElement(Spinner$1, null));
|
|
18629
18629
|
}
|
|
18630
|
-
var templateObject_1$w, templateObject_2$
|
|
18630
|
+
var templateObject_1$w, templateObject_2$t;
|
|
18631
18631
|
|
|
18632
18632
|
var IdCaptureImagePreview = function IdCaptureImagePreview(_a) {
|
|
18633
18633
|
var _b = _a.classNames,
|
|
@@ -18715,10 +18715,10 @@
|
|
|
18715
18715
|
})));
|
|
18716
18716
|
};
|
|
18717
18717
|
var StyledSpinner = styled(Spinner$1)(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"])));
|
|
18718
|
-
var ImagePreviewWrapper = styled.div(templateObject_2$
|
|
18719
|
-
var ImagePreviewText = styled.div(templateObject_3$
|
|
18720
|
-
var ImagePreviewImageWrapper = styled.div(templateObject_4$
|
|
18721
|
-
var templateObject_1$v, templateObject_2$
|
|
18718
|
+
var ImagePreviewWrapper = styled.div(templateObject_2$s || (templateObject_2$s = __makeTemplateObject(["\n position: absolute;\n display: flex;\n flex-direction: column;\n height: 33%;\n bottom: 12px;\n right: 12px;\n"], ["\n position: absolute;\n display: flex;\n flex-direction: column;\n height: 33%;\n bottom: 12px;\n right: 12px;\n"])));
|
|
18719
|
+
var ImagePreviewText = styled.div(templateObject_3$l || (templateObject_3$l = __makeTemplateObject(["\n display: block;\n position: absolute;\n top: -32px;\n font:\n 14px -apple-system,\n BlinkMacSystemFont,\n 'Segoe UI',\n Roboto,\n Helvetica,\n Arial,\n sans-serif,\n 'Apple Color Emoji',\n 'Segoe UI Emoji',\n 'Segoe UI Symbol';\n color: white;\n text-align: center;\n margin: 0 auto;\n width: 100%;\n"], ["\n display: block;\n position: absolute;\n top: -32px;\n font:\n 14px -apple-system,\n BlinkMacSystemFont,\n 'Segoe UI',\n Roboto,\n Helvetica,\n Arial,\n sans-serif,\n 'Apple Color Emoji',\n 'Segoe UI Emoji',\n 'Segoe UI Symbol';\n color: white;\n text-align: center;\n margin: 0 auto;\n width: 100%;\n"])));
|
|
18720
|
+
var ImagePreviewImageWrapper = styled.div(templateObject_4$f || (templateObject_4$f = __makeTemplateObject(["\n position: relative;\n height: calc(100% - 8px);\n padding: 4px;\n border-radius: 4px;\n background: white;\n\n & > img {\n border-radius: 4px;\n width: auto;\n max-height: 100%;\n }\n"], ["\n position: relative;\n height: calc(100% - 8px);\n padding: 4px;\n border-radius: 4px;\n background: white;\n\n & > img {\n border-radius: 4px;\n width: auto;\n max-height: 100%;\n }\n"])));
|
|
18721
|
+
var templateObject_1$v, templateObject_2$s, templateObject_3$l, templateObject_4$f;
|
|
18722
18722
|
|
|
18723
18723
|
var documentCaptureInitialState = {
|
|
18724
18724
|
documents: [],
|
|
@@ -19067,8 +19067,8 @@
|
|
|
19067
19067
|
var CanvasWrapper = styled.div(templateObject_1$u || (templateObject_1$u = __makeTemplateObject(["\n flex-grow: 1;\n background-clip: padding-box;\n box-shadow: inset 0 0 0 2px ", ";\n"], ["\n flex-grow: 1;\n background-clip: padding-box;\n box-shadow: inset 0 0 0 2px ", ";\n"])), function (props) {
|
|
19068
19068
|
return props.$maskColor;
|
|
19069
19069
|
});
|
|
19070
|
-
var Canvas = styled.canvas(templateObject_2$
|
|
19071
|
-
var templateObject_1$u, templateObject_2$
|
|
19070
|
+
var Canvas = styled.canvas(templateObject_2$r || (templateObject_2$r = __makeTemplateObject(["\n display: block;\n"], ["\n display: block;\n"])));
|
|
19071
|
+
var templateObject_1$u, templateObject_2$r;
|
|
19072
19072
|
|
|
19073
19073
|
var CameraFeedWrapper = styled.div(templateObject_1$t || (templateObject_1$t = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
19074
19074
|
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;") : "";
|
|
@@ -19254,20 +19254,20 @@
|
|
|
19254
19254
|
}, !cameraReady ? verbiage.loadingBtnText : capturing ? verbiage.capturingBtnText : verbiage.captureBtnText))))));
|
|
19255
19255
|
};
|
|
19256
19256
|
var CaptureContainer = styled.div(templateObject_1$r || (templateObject_1$r = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n"], ["\n display: flex;\n flex-direction: column;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n"])));
|
|
19257
|
-
var HeadingRow = styled.div(templateObject_2$
|
|
19257
|
+
var HeadingRow = styled.div(templateObject_2$q || (templateObject_2$q = __makeTemplateObject(["\n background: ", ";\n text-align: center;\n color: white;\n"], ["\n background: ", ";\n text-align: center;\n color: white;\n"])), function (props) {
|
|
19258
19258
|
return props.$maskColor;
|
|
19259
19259
|
});
|
|
19260
|
-
var Heading$9 = styled.h1(templateObject_3$
|
|
19261
|
-
var FooterRow = styled.div(templateObject_4$
|
|
19260
|
+
var Heading$9 = styled.h1(templateObject_3$k || (templateObject_3$k = __makeTemplateObject(["\n font-size: 22px;\n"], ["\n font-size: 22px;\n"])));
|
|
19261
|
+
var FooterRow = styled.div(templateObject_4$e || (templateObject_4$e = __makeTemplateObject(["\n background: ", ";\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: 0 20px 20px;\n height: auto;\n color: white;\n"], ["\n background: ", ";\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: 0 20px 20px;\n height: auto;\n color: white;\n"])), function (props) {
|
|
19262
19262
|
return props.$maskColor;
|
|
19263
19263
|
});
|
|
19264
|
-
var Instructions = styled.div(templateObject_5$
|
|
19264
|
+
var Instructions = styled.div(templateObject_5$a || (templateObject_5$a = __makeTemplateObject(["\n max-height: ", ";\n overflow-y: auto;\n"], ["\n max-height: ", ";\n overflow-y: auto;\n"])), function (props) {
|
|
19265
19265
|
var _a, _b, _c;
|
|
19266
19266
|
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';
|
|
19267
19267
|
});
|
|
19268
|
-
var StyledButtonsRow$8 = styled(ButtonsRow$2)(templateObject_6$
|
|
19269
|
-
var PreviewImage = styled.img(templateObject_7$
|
|
19270
|
-
var templateObject_1$r, templateObject_2$
|
|
19268
|
+
var StyledButtonsRow$8 = styled(ButtonsRow$2)(templateObject_6$5 || (templateObject_6$5 = __makeTemplateObject(["\n padding-top: 20px;\n"], ["\n padding-top: 20px;\n"])));
|
|
19269
|
+
var PreviewImage = styled.img(templateObject_7$3 || (templateObject_7$3 = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n object-fit: cover;\n"], ["\n width: 100%;\n height: 100%;\n object-fit: cover;\n"])));
|
|
19270
|
+
var templateObject_1$r, templateObject_2$q, templateObject_3$k, templateObject_4$e, templateObject_5$a, templateObject_6$5, templateObject_7$3;
|
|
19271
19271
|
|
|
19272
19272
|
var DocumentCaptureWizard = function DocumentCaptureWizard(_a) {
|
|
19273
19273
|
var onSuccess = _a.onSuccess,
|
|
@@ -19539,12 +19539,12 @@
|
|
|
19539
19539
|
}, verbiage.doneBtnText))))));
|
|
19540
19540
|
};
|
|
19541
19541
|
var StyledOverlayInner$2 = styled(OverlayInner$2)(templateObject_1$q || (templateObject_1$q = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
19542
|
-
var Heading$8 = styled.h3(templateObject_2$
|
|
19543
|
-
var Description$3 = styled.p(templateObject_3$
|
|
19544
|
-
var Instruction = styled.p(templateObject_4$
|
|
19545
|
-
var ImageCol = styled.div(templateObject_5$
|
|
19546
|
-
var StyledButtonsRow$7 = styled(ButtonsRow$2)(templateObject_6$
|
|
19547
|
-
var templateObject_1$q, templateObject_2$
|
|
19542
|
+
var Heading$8 = styled.h3(templateObject_2$p || (templateObject_2$p = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
19543
|
+
var Description$3 = styled.p(templateObject_3$j || (templateObject_3$j = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
19544
|
+
var Instruction = styled.p(templateObject_4$d || (templateObject_4$d = __makeTemplateObject(["\n font-weight: bold;\n"], ["\n font-weight: bold;\n"])));
|
|
19545
|
+
var ImageCol = styled.div(templateObject_5$9 || (templateObject_5$9 = __makeTemplateObject(["\n display: flex;\n justify-content: center;\n flex-grow: 1;\n flex-basis: 0;\n"], ["\n display: flex;\n justify-content: center;\n flex-grow: 1;\n flex-basis: 0;\n"])));
|
|
19546
|
+
var StyledButtonsRow$7 = styled(ButtonsRow$2)(templateObject_6$4 || (templateObject_6$4 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
19547
|
+
var templateObject_1$q, templateObject_2$p, templateObject_3$j, templateObject_4$d, templateObject_5$9, templateObject_6$4;
|
|
19548
19548
|
|
|
19549
19549
|
function ScalingCameraFeed() {
|
|
19550
19550
|
var _a = useIdCaptureStore(),
|
|
@@ -19900,20 +19900,20 @@
|
|
|
19900
19900
|
var _a;
|
|
19901
19901
|
return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
|
|
19902
19902
|
});
|
|
19903
|
-
var ScreenPanel = styled.div(templateObject_2$
|
|
19904
|
-
var SelectIdCardScreenPanel = styled(ScreenPanel)(templateObject_3$
|
|
19905
|
-
var ScreenPanelHeading = styled.h3(templateObject_4$
|
|
19906
|
-
var ScreenActionsBar = styled.div(templateObject_5$
|
|
19907
|
-
var DashedSeparator = styled.div(templateObject_6$
|
|
19908
|
-
var OrWrapper = styled.div(templateObject_7$
|
|
19909
|
-
var UploadIdBackHelpText = styled.p(templateObject_8$
|
|
19910
|
-
var Button = styled(WideBorderButton)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n width: auto;\n font-weight: 500;\n padding-left: 40px;\n padding-right: 40px;\n transition: background-color 0.3s ease;\n background-color: #ffffff;\n white-space: nowrap;\n\n &:disabled,\n &.disabled {\n background-color: #f1f1f1 !important;\n border-color: #dbdbdb !important;\n color: #323232 !important;\n }\n\n &:hover {\n filter: none;\n background-color: #fafafa !important;\n }\n"], ["\n width: auto;\n font-weight: 500;\n padding-left: 40px;\n padding-right: 40px;\n transition: background-color 0.3s ease;\n background-color: #ffffff;\n white-space: nowrap;\n\n &:disabled,\n &.disabled {\n background-color: #f1f1f1 !important;\n border-color: #dbdbdb !important;\n color: #323232 !important;\n }\n\n &:hover {\n filter: none;\n background-color: #fafafa !important;\n }\n"])));
|
|
19911
|
-
var Modal = styled.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.5);\n z-index: 10000;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.5);\n z-index: 10000;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n"])));
|
|
19912
|
-
var Dialog = styled.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n width: 100%;\n max-width: 500px;\n height: 100%;\n max-height: 600px;\n background: white;\n border-radius: 25px;\n overflow: auto;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\n font-family: ", ";\n //margin: 25px;\n"], ["\n width: 100%;\n max-width: 500px;\n height: 100%;\n max-height: 600px;\n background: white;\n border-radius: 25px;\n overflow: auto;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\n font-family: ", ";\n //margin: 25px;\n"])), function (props) {
|
|
19903
|
+
var ScreenPanel = styled.div(templateObject_2$o || (templateObject_2$o = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 100%;\n flex-grow: 1;\n background: #f7f6fb;\n box-sizing: border-box;\n padding: 40px;\n"], ["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 100%;\n flex-grow: 1;\n background: #f7f6fb;\n box-sizing: border-box;\n padding: 40px;\n"])));
|
|
19904
|
+
var SelectIdCardScreenPanel = styled(ScreenPanel)(templateObject_3$i || (templateObject_3$i = __makeTemplateObject(["\n background: white;\n padding: 80px 0;\n\n @media (max-height: 1000px) {\n padding: 40px 0;\n }\n"], ["\n background: white;\n padding: 80px 0;\n\n @media (max-height: 1000px) {\n padding: 40px 0;\n }\n"])));
|
|
19905
|
+
var ScreenPanelHeading = styled.h3(templateObject_4$c || (templateObject_4$c = __makeTemplateObject(["\n margin: 0 0 30px;\n"], ["\n margin: 0 0 30px;\n"])));
|
|
19906
|
+
var ScreenActionsBar = styled.div(templateObject_5$8 || (templateObject_5$8 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: end;\n gap: 20px;\n padding: 20px;\n width: 100%;\n box-sizing: border-box;\n border-top: 1px solid #ccc;\n\n @media (max-width: 600px) {\n justify-content: center;\n }\n"], ["\n display: flex;\n align-items: center;\n justify-content: end;\n gap: 20px;\n padding: 20px;\n width: 100%;\n box-sizing: border-box;\n border-top: 1px solid #ccc;\n\n @media (max-width: 600px) {\n justify-content: center;\n }\n"])));
|
|
19907
|
+
var DashedSeparator = styled.div(templateObject_6$3 || (templateObject_6$3 = __makeTemplateObject(["\n width: 100%;\n height: 0;\n border-top: 2px solid #606060;\n border-top-style: dashed;\n display: flex;\n align-items: center;\n justify-content: center;\n"], ["\n width: 100%;\n height: 0;\n border-top: 2px solid #606060;\n border-top-style: dashed;\n display: flex;\n align-items: center;\n justify-content: center;\n"])));
|
|
19908
|
+
var OrWrapper = styled.div(templateObject_7$2 || (templateObject_7$2 = __makeTemplateObject(["\n color: #323232;\n font-weight: bold;\n background: white;\n border-radius: 50%;\n top: -2px;\n position: relative;\n width: 60px;\n height: 60px;\n display: flex;\n align-items: center;\n justify-content: center;\n"], ["\n color: #323232;\n font-weight: bold;\n background: white;\n border-radius: 50%;\n top: -2px;\n position: relative;\n width: 60px;\n height: 60px;\n display: flex;\n align-items: center;\n justify-content: center;\n"])));
|
|
19909
|
+
var UploadIdBackHelpText = styled.p(templateObject_8$2 || (templateObject_8$2 = __makeTemplateObject(["\n color: #323232;\n font-style: italic;\n margin: 30px 0 0;\n"], ["\n color: #323232;\n font-style: italic;\n margin: 30px 0 0;\n"])));
|
|
19910
|
+
var Button = styled(WideBorderButton)(templateObject_9$1 || (templateObject_9$1 = __makeTemplateObject(["\n width: auto;\n font-weight: 500;\n padding-left: 40px;\n padding-right: 40px;\n transition: background-color 0.3s ease;\n background-color: #ffffff;\n white-space: nowrap;\n\n &:disabled,\n &.disabled {\n background-color: #f1f1f1 !important;\n border-color: #dbdbdb !important;\n color: #323232 !important;\n }\n\n &:hover {\n filter: none;\n background-color: #fafafa !important;\n }\n"], ["\n width: auto;\n font-weight: 500;\n padding-left: 40px;\n padding-right: 40px;\n transition: background-color 0.3s ease;\n background-color: #ffffff;\n white-space: nowrap;\n\n &:disabled,\n &.disabled {\n background-color: #f1f1f1 !important;\n border-color: #dbdbdb !important;\n color: #323232 !important;\n }\n\n &:hover {\n filter: none;\n background-color: #fafafa !important;\n }\n"])));
|
|
19911
|
+
var Modal = styled.div(templateObject_10$1 || (templateObject_10$1 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.5);\n z-index: 10000;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.5);\n z-index: 10000;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n"])));
|
|
19912
|
+
var Dialog = styled.div(templateObject_11$1 || (templateObject_11$1 = __makeTemplateObject(["\n width: 100%;\n max-width: 500px;\n height: 100%;\n max-height: 600px;\n background: white;\n border-radius: 25px;\n overflow: auto;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\n font-family: ", ";\n //margin: 25px;\n"], ["\n width: 100%;\n max-width: 500px;\n height: 100%;\n max-height: 600px;\n background: white;\n border-radius: 25px;\n overflow: auto;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\n font-family: ", ";\n //margin: 25px;\n"])), function (props) {
|
|
19913
19913
|
var _a;
|
|
19914
19914
|
return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
|
|
19915
19915
|
});
|
|
19916
|
-
var ModalCloseButton = styled.button(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n width: 60px;\n height: 60px;\n background: black;\n color: whitesmoke;\n border-radius: 50%;\n font-size: 32px;\n border: none;\n cursor: pointer;\n margin: 20px 0;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\n transition: background 0.3s ease;\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n padding: 0;\n\n &:hover {\n background: #222;\n color: white;\n }\n"], ["\n width: 60px;\n height: 60px;\n background: black;\n color: whitesmoke;\n border-radius: 50%;\n font-size: 32px;\n border: none;\n cursor: pointer;\n margin: 20px 0;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\n transition: background 0.3s ease;\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n padding: 0;\n\n &:hover {\n background: #222;\n color: white;\n }\n"])));
|
|
19916
|
+
var ModalCloseButton = styled.button(templateObject_12$1 || (templateObject_12$1 = __makeTemplateObject(["\n width: 60px;\n height: 60px;\n background: black;\n color: whitesmoke;\n border-radius: 50%;\n font-size: 32px;\n border: none;\n cursor: pointer;\n margin: 20px 0;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\n transition: background 0.3s ease;\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n padding: 0;\n\n &:hover {\n background: #222;\n color: white;\n }\n"], ["\n width: 60px;\n height: 60px;\n background: black;\n color: whitesmoke;\n border-radius: 50%;\n font-size: 32px;\n border: none;\n cursor: pointer;\n margin: 20px 0;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\n transition: background 0.3s ease;\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n padding: 0;\n\n &:hover {\n background: #222;\n color: white;\n }\n"])));
|
|
19917
19917
|
function XIcon(props) {
|
|
19918
19918
|
return /*#__PURE__*/React.createElement("svg", _assign({
|
|
19919
19919
|
width: "25",
|
|
@@ -20164,7 +20164,7 @@
|
|
|
20164
20164
|
strokeWidth: "3"
|
|
20165
20165
|
}));
|
|
20166
20166
|
}
|
|
20167
|
-
var InlineSvg = styled.svg(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n display: inline;\n"], ["\n display: inline;\n"])));
|
|
20167
|
+
var InlineSvg = styled.svg(templateObject_13$1 || (templateObject_13$1 = __makeTemplateObject(["\n display: inline;\n"], ["\n display: inline;\n"])));
|
|
20168
20168
|
function humanFileSize(bytes, si, dp) {
|
|
20169
20169
|
if (si === void 0) {
|
|
20170
20170
|
si = false;
|
|
@@ -20185,7 +20185,7 @@
|
|
|
20185
20185
|
} while (Math.round(Math.abs(bytes) * r) / r >= thresh && u < units.length - 1);
|
|
20186
20186
|
return bytes.toFixed(dp) + ' ' + units[u];
|
|
20187
20187
|
}
|
|
20188
|
-
var templateObject_1$p, templateObject_2$
|
|
20188
|
+
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;
|
|
20189
20189
|
|
|
20190
20190
|
var lastDocumentDetectedAtDefaults = {
|
|
20191
20191
|
idCardFront: null,
|
|
@@ -21003,8 +21003,8 @@
|
|
|
21003
21003
|
height: parentHeight
|
|
21004
21004
|
})));
|
|
21005
21005
|
}
|
|
21006
|
-
var AbsoluteSvg = styled.svg(templateObject_2$
|
|
21007
|
-
var RelativeSvgContainer = styled.div(templateObject_3$
|
|
21006
|
+
var AbsoluteSvg = styled.svg(templateObject_2$n || (templateObject_2$n = __makeTemplateObject(["\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n"], ["\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n"])));
|
|
21007
|
+
var RelativeSvgContainer = styled.div(templateObject_3$h || (templateObject_3$h = __makeTemplateObject(["\n position: relative;\n height: 100%;\n display: flex;\n align-items: ", ";\n"], ["\n position: relative;\n height: 100%;\n display: flex;\n align-items: ", ";\n"])), function (props) {
|
|
21008
21008
|
return props.$verticalAlign === 'bottom' ? 'flex-end' : 'center';
|
|
21009
21009
|
});
|
|
21010
21010
|
function SelfieCaptureAnimatedMask(_a) {
|
|
@@ -21231,10 +21231,10 @@
|
|
|
21231
21231
|
status: status
|
|
21232
21232
|
}));
|
|
21233
21233
|
}
|
|
21234
|
-
var templateObject_1$o, templateObject_2$
|
|
21234
|
+
var templateObject_1$o, templateObject_2$n, templateObject_3$h;
|
|
21235
21235
|
|
|
21236
21236
|
var FaceCaptureGuideContainer = styled.div(templateObject_1$n || (templateObject_1$n = __makeTemplateObject(["\n position: absolute;\n z-index: 1000;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 40px;\n box-sizing: border-box;\n"], ["\n position: absolute;\n z-index: 1000;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 40px;\n box-sizing: border-box;\n"])));
|
|
21237
|
-
var FaceCaptureGuideInner = styled.div(templateObject_2$
|
|
21237
|
+
var FaceCaptureGuideInner = styled.div(templateObject_2$m || (templateObject_2$m = __makeTemplateObject(["\n position: relative;\n height: 60%;\n"], ["\n position: relative;\n height: 60%;\n"])));
|
|
21238
21238
|
var FaceCaptureGuideOverlay = function FaceCaptureGuideOverlay(_a) {
|
|
21239
21239
|
var _b = _a.classNames,
|
|
21240
21240
|
classNames = _b === void 0 ? {} : _b,
|
|
@@ -21256,7 +21256,7 @@
|
|
|
21256
21256
|
verticalAlign: "center"
|
|
21257
21257
|
})));
|
|
21258
21258
|
};
|
|
21259
|
-
var templateObject_1$n, templateObject_2$
|
|
21259
|
+
var templateObject_1$n, templateObject_2$m;
|
|
21260
21260
|
|
|
21261
21261
|
var defaultSelfieCaptureModelLoadTimeoutMs = 45000;
|
|
21262
21262
|
var detector = null;
|
|
@@ -22042,11 +22042,11 @@
|
|
|
22042
22042
|
}, !image ? invalidSelfie ? verbiage.retryButtonText : verbiage.captureBtnText : loading ? verbiage.doneBtnLoadingText : verbiage.doneBtnText)))));
|
|
22043
22043
|
};
|
|
22044
22044
|
var StyledOverlayInner$1 = styled(OverlayInner$2)(templateObject_1$m || (templateObject_1$m = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
22045
|
-
var Heading$7 = styled.h3(templateObject_2$
|
|
22046
|
-
var Description$2 = styled.p(templateObject_3$
|
|
22047
|
-
var ImageContainer$6 = styled(OverlayImageContainer)(templateObject_4$
|
|
22048
|
-
var StyledButtonsRow$6 = styled(ButtonsRow$2)(templateObject_5$
|
|
22049
|
-
var templateObject_1$m, templateObject_2$
|
|
22045
|
+
var Heading$7 = styled.h3(templateObject_2$l || (templateObject_2$l = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
22046
|
+
var Description$2 = styled.p(templateObject_3$g || (templateObject_3$g = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
22047
|
+
var ImageContainer$6 = styled(OverlayImageContainer)(templateObject_4$b || (templateObject_4$b = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
22048
|
+
var StyledButtonsRow$6 = styled(ButtonsRow$2)(templateObject_5$7 || (templateObject_5$7 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
22049
|
+
var templateObject_1$m, templateObject_2$l, templateObject_3$g, templateObject_4$b, templateObject_5$7;
|
|
22050
22050
|
|
|
22051
22051
|
var initialState$4 = {
|
|
22052
22052
|
busy: false,
|
|
@@ -22239,9 +22239,9 @@
|
|
|
22239
22239
|
}));
|
|
22240
22240
|
};
|
|
22241
22241
|
var Container$6 = styled.div(templateObject_1$l || (templateObject_1$l = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n"], ["\n width: 100%;\n height: 100%;\n"])));
|
|
22242
|
-
var CaptureButtonContainer$1 = styled.div(templateObject_2$
|
|
22243
|
-
var CaptureButton$1 = styled(LoaderButton)(templateObject_3$
|
|
22244
|
-
var templateObject_1$l, templateObject_2$
|
|
22242
|
+
var CaptureButtonContainer$1 = styled.div(templateObject_2$k || (templateObject_2$k = __makeTemplateObject(["\n position: absolute;\n bottom: 0;\n width: 100%;\n display: flex;\n z-index: 100000;\n box-sizing: border-box;\n padding: 0 12px 12px;\n"], ["\n position: absolute;\n bottom: 0;\n width: 100%;\n display: flex;\n z-index: 100000;\n box-sizing: border-box;\n padding: 0 12px 12px;\n"])));
|
|
22243
|
+
var CaptureButton$1 = styled(LoaderButton)(templateObject_3$f || (templateObject_3$f = __makeTemplateObject(["\n margin: 0 auto;\n width: 100%;\n border-radius: 30px;\n"], ["\n margin: 0 auto;\n width: 100%;\n border-radius: 30px;\n"])));
|
|
22244
|
+
var templateObject_1$l, templateObject_2$k, templateObject_3$f;
|
|
22245
22245
|
|
|
22246
22246
|
var initialState$3 = {
|
|
22247
22247
|
requestState: 'CAPTURING',
|
|
@@ -22504,8 +22504,7 @@
|
|
|
22504
22504
|
}, [modelError, onFailure, onDenied, state.timesLivenessCheckFailed]);
|
|
22505
22505
|
var callOnTimeoutHooks = React.useCallback(function () {
|
|
22506
22506
|
onTimeout === null || onTimeout === void 0 ? void 0 : onTimeout();
|
|
22507
|
-
|
|
22508
|
-
}, [onDenied, onTimeout]);
|
|
22507
|
+
}, [onTimeout]);
|
|
22509
22508
|
useTimeout(timeoutDurationMs, callOnTimeoutHooks, state.requestState === 'PASSED' || !!modelError, state.requestState === 'IN_PROGRESS');
|
|
22510
22509
|
var verbiage = useTranslations(rawVerbiage, {
|
|
22511
22510
|
guidanceLivenessCheckFailedText: 'Could not verify your face.',
|
|
@@ -22628,8 +22627,8 @@
|
|
|
22628
22627
|
}, verbiage.retryBtnText)))));
|
|
22629
22628
|
};
|
|
22630
22629
|
var ImageContainer$5 = styled.div(templateObject_1$k || (templateObject_1$k = __makeTemplateObject(["\n position: relative;\n flex-grow: 1;\n margin-bottom: 25px;\n max-width: 100%;\n max-height: 100%;\n overflow-y: auto;\n border-radius: 12px;\n\n & > img,\n & > svg {\n width: 100%;\n max-width: 100%;\n margin: 0 auto;\n display: block;\n border-radius: 12px;\n }\n"], ["\n position: relative;\n flex-grow: 1;\n margin-bottom: 25px;\n max-width: 100%;\n max-height: 100%;\n overflow-y: auto;\n border-radius: 12px;\n\n & > img,\n & > svg {\n width: 100%;\n max-width: 100%;\n margin: 0 auto;\n display: block;\n border-radius: 12px;\n }\n"])));
|
|
22631
|
-
var Heading$6 = styled.h3(templateObject_2$
|
|
22632
|
-
var templateObject_1$k, templateObject_2$
|
|
22630
|
+
var Heading$6 = styled.h3(templateObject_2$j || (templateObject_2$j = __makeTemplateObject(["\n font-size: 1.2rem;\n margin: 0;\n"], ["\n font-size: 1.2rem;\n margin: 0;\n"])));
|
|
22631
|
+
var templateObject_1$k, templateObject_2$j;
|
|
22633
22632
|
|
|
22634
22633
|
var FaceLivenessFailure = function FaceLivenessFailure(_a) {
|
|
22635
22634
|
var _b = _a.canRetry,
|
|
@@ -22679,8 +22678,8 @@
|
|
|
22679
22678
|
}, verbiage.exitBtnText)))));
|
|
22680
22679
|
};
|
|
22681
22680
|
var ImageContainer$4 = styled(OverlayImageContainer)(templateObject_1$j || (templateObject_1$j = __makeTemplateObject(["\n max-height: calc(100vh - 185px);\n"], ["\n max-height: calc(100vh - 185px);\n"])));
|
|
22682
|
-
var Heading$5 = styled.h3(templateObject_2$
|
|
22683
|
-
var templateObject_1$j, templateObject_2$
|
|
22681
|
+
var Heading$5 = styled.h3(templateObject_2$i || (templateObject_2$i = __makeTemplateObject(["\n margin-bottom: 36px;\n"], ["\n margin-bottom: 36px;\n"])));
|
|
22682
|
+
var templateObject_1$j, templateObject_2$i;
|
|
22684
22683
|
|
|
22685
22684
|
var MicrophoneAccessDeniedOverlay = function MicrophoneAccessDeniedOverlay(_a) {
|
|
22686
22685
|
var _b;
|
|
@@ -22724,10 +22723,10 @@
|
|
|
22724
22723
|
}, verbiage.retryBtnText)));
|
|
22725
22724
|
};
|
|
22726
22725
|
var StyledOverlayInner = styled(OverlayInner$2)(templateObject_1$i || (templateObject_1$i = __makeTemplateObject(["\n max-width: 500px;\n height: auto;\n margin: auto;\n"], ["\n max-width: 500px;\n height: auto;\n margin: auto;\n"])));
|
|
22727
|
-
var StyledOverlayImageContainer = styled(OverlayImageContainer)(templateObject_2$
|
|
22728
|
-
var Description$1 = styled.p(templateObject_3$
|
|
22729
|
-
var RetryButton = styled(LoaderButton)(templateObject_4$
|
|
22730
|
-
var templateObject_1$i, templateObject_2$
|
|
22726
|
+
var StyledOverlayImageContainer = styled(OverlayImageContainer)(templateObject_2$h || (templateObject_2$h = __makeTemplateObject(["\n flex-grow: 0;\n"], ["\n flex-grow: 0;\n"])));
|
|
22727
|
+
var Description$1 = styled.p(templateObject_3$e || (templateObject_3$e = __makeTemplateObject(["\n line-height: 1.5;\n margin-bottom: 50px;\n"], ["\n line-height: 1.5;\n margin-bottom: 50px;\n"])));
|
|
22728
|
+
var RetryButton = styled(LoaderButton)(templateObject_4$a || (templateObject_4$a = __makeTemplateObject(["\n width: 200px;\n margin: 0 auto;\n"], ["\n width: 200px;\n margin: 0 auto;\n"])));
|
|
22729
|
+
var templateObject_1$i, templateObject_2$h, templateObject_3$e, templateObject_4$a;
|
|
22731
22730
|
|
|
22732
22731
|
var SelfieCaptureLoadingOverlayLegacy = function SelfieCaptureLoadingOverlayLegacy(_a) {
|
|
22733
22732
|
var onDismissed = _a.onDismissed,
|
|
@@ -22820,8 +22819,8 @@
|
|
|
22820
22819
|
}, ready ? verbiage.continueText : allModelsReady ? verbiage.cameraInitializingText : modelDownloadProgress >= 100 ? "".concat(verbiage.modelsWarmingUpText) : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)")))));
|
|
22821
22820
|
};
|
|
22822
22821
|
var StyledGuidanceMessage = styled(GuidanceMessage)(templateObject_1$h || (templateObject_1$h = __makeTemplateObject(["\n padding: 12px 24px;\n font-weight: normal;\n line-height: 1.5;\n margin-bottom: -30px;\n"], ["\n padding: 12px 24px;\n font-weight: normal;\n line-height: 1.5;\n margin-bottom: -30px;\n"])));
|
|
22823
|
-
var StyledButtonsRow$5 = styled(ButtonsRow$2)(templateObject_2$
|
|
22824
|
-
var templateObject_1$h, templateObject_2$
|
|
22822
|
+
var StyledButtonsRow$5 = styled(ButtonsRow$2)(templateObject_2$g || (templateObject_2$g = __makeTemplateObject(["\n flex-direction: column;\n padding-top: 25px;\n"], ["\n flex-direction: column;\n padding-top: 25px;\n"])));
|
|
22823
|
+
var templateObject_1$h, templateObject_2$g;
|
|
22825
22824
|
|
|
22826
22825
|
var legacyInstructionImageUrl = "".concat(DEFAULT_CDN_URL, "/Selfie-Image-1.png");
|
|
22827
22826
|
var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDefault(_a) {
|
|
@@ -22996,25 +22995,25 @@
|
|
|
22996
22995
|
var _a, _b, _c, _d;
|
|
22997
22996
|
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';
|
|
22998
22997
|
});
|
|
22999
|
-
var ButtonsRow = styled(LoadingOverlayButtonsRow)(templateObject_2$
|
|
22998
|
+
var ButtonsRow = styled(LoadingOverlayButtonsRow)(templateObject_2$f || (templateObject_2$f = __makeTemplateObject(["\n color: ", ";\n ", "\n"], ["\n color: ", ";\n ", "\n"])), function (props) {
|
|
23000
22999
|
var _a, _b, _c, _d;
|
|
23001
23000
|
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';
|
|
23002
23001
|
}, function (props) {
|
|
23003
23002
|
var _a, _b, _c, _d, _e, _f;
|
|
23004
23003
|
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, ";") : '';
|
|
23005
23004
|
});
|
|
23006
|
-
var ProgressBarBackground = styled(LoadingOverlayProgressBarBackground)(templateObject_3$
|
|
23005
|
+
var ProgressBarBackground = styled(LoadingOverlayProgressBarBackground)(templateObject_3$d || (templateObject_3$d = __makeTemplateObject(["\n background: ", ";\n opacity: ", ";\n"], ["\n background: ", ";\n opacity: ", ";\n"])), function (props) {
|
|
23007
23006
|
var _a, _b, _c, _d;
|
|
23008
23007
|
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)';
|
|
23009
23008
|
}, function (props) {
|
|
23010
23009
|
var _a, _b, _c, _d;
|
|
23011
23010
|
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;
|
|
23012
23011
|
});
|
|
23013
|
-
var ProgressIndicator = styled(LoadingOverlayProgressIndicator)(templateObject_4$
|
|
23012
|
+
var ProgressIndicator = styled(LoadingOverlayProgressIndicator)(templateObject_4$9 || (templateObject_4$9 = __makeTemplateObject(["\n background: ", ";\n"], ["\n background: ", ";\n"])), function (props) {
|
|
23014
23013
|
var _a, _b, _c, _d;
|
|
23015
23014
|
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)';
|
|
23016
23015
|
});
|
|
23017
|
-
var ContinueButton = styled(LoaderButton)(templateObject_5$
|
|
23016
|
+
var ContinueButton = styled(LoaderButton)(templateObject_5$6 || (templateObject_5$6 = __makeTemplateObject(["\n margin: auto;\n white-space: nowrap;\n ", "\n ", "\n \n &:focus-visible {\n ", "\n box-shadow: none;\n }\n\n &.disabled {\n background: ", ";\n color: ", ";\n border: ", ";\n box-shadow: none;\n }\n"], ["\n margin: auto;\n white-space: nowrap;\n ", "\n ", "\n \n &:focus-visible {\n ", "\n box-shadow: none;\n }\n\n &.disabled {\n background: ", ";\n color: ", ";\n border: ", ";\n box-shadow: none;\n }\n"])), function (props) {
|
|
23018
23017
|
var _a, _b, _c, _d, _e, _f;
|
|
23019
23018
|
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, ";") : '';
|
|
23020
23019
|
}, function (props) {
|
|
@@ -23033,7 +23032,7 @@
|
|
|
23033
23032
|
var _a, _b, _c, _d;
|
|
23034
23033
|
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';
|
|
23035
23034
|
});
|
|
23036
|
-
var templateObject_1$g, templateObject_2$
|
|
23035
|
+
var templateObject_1$g, templateObject_2$f, templateObject_3$d, templateObject_4$9, templateObject_5$6;
|
|
23037
23036
|
|
|
23038
23037
|
var components = {
|
|
23039
23038
|
"default": SelfieCaptureLoadingOverlayDefault,
|
|
@@ -23203,6 +23202,8 @@
|
|
|
23203
23202
|
setSelfieImage(dataUrlToBase64Sync(dataURL));
|
|
23204
23203
|
}
|
|
23205
23204
|
onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(submissionResponse, livenessCheckRequest);
|
|
23205
|
+
} else {
|
|
23206
|
+
setCaptureState('FAILED');
|
|
23206
23207
|
}
|
|
23207
23208
|
onTimeout === null || onTimeout === void 0 ? void 0 : onTimeout();
|
|
23208
23209
|
}, [allowLivenessFailure, livenessCheckRequest, onSuccess, onTimeout, selfieGuidanceCanvasRef, setSelfieImage, submissionResponse]);
|
|
@@ -23355,18 +23356,63 @@
|
|
|
23355
23356
|
}, /*#__PURE__*/React.createElement(FaceLivenessWizard, _assign({}, faceLivenessProps))));
|
|
23356
23357
|
}
|
|
23357
23358
|
|
|
23359
|
+
var quickFactConfig = [{
|
|
23360
|
+
key: 'uniqueRequestId',
|
|
23361
|
+
label: 'Unique Request ID'
|
|
23362
|
+
}, {
|
|
23363
|
+
key: 'verificationResult',
|
|
23364
|
+
label: 'Overall Decision'
|
|
23365
|
+
}, {
|
|
23366
|
+
key: 'verificationResultCode',
|
|
23367
|
+
label: 'Result Code'
|
|
23368
|
+
}, {
|
|
23369
|
+
key: 'verificationResultId',
|
|
23370
|
+
label: 'Result ID'
|
|
23371
|
+
}, {
|
|
23372
|
+
key: 'realScore',
|
|
23373
|
+
label: 'Real Score'
|
|
23374
|
+
}, {
|
|
23375
|
+
key: 'estimatedAge',
|
|
23376
|
+
label: 'Estimated Age'
|
|
23377
|
+
}];
|
|
23378
|
+
var isRecord = function isRecord(value) {
|
|
23379
|
+
return typeof value === 'object' && value !== null;
|
|
23380
|
+
};
|
|
23381
|
+
var isDisplayablePrimitive = function isDisplayablePrimitive(value) {
|
|
23382
|
+
return ['string', 'number', 'boolean'].includes(typeof value);
|
|
23383
|
+
};
|
|
23384
|
+
var formatValue = function formatValue(value) {
|
|
23385
|
+
if (typeof value === 'boolean') return value ? 'Yes' : 'No';
|
|
23386
|
+
return "".concat(value);
|
|
23387
|
+
};
|
|
23388
|
+
var formatDecisionName = function formatDecisionName(rawKey) {
|
|
23389
|
+
return rawKey.replace(/^Decision_/, '').replace(/_/g, ' ');
|
|
23390
|
+
};
|
|
23391
|
+
var isDecisionDetail = function isDecisionDetail(value) {
|
|
23392
|
+
return isRecord(value) && (value.DecisionResult !== undefined || value.DecisionStateCode !== undefined);
|
|
23393
|
+
};
|
|
23358
23394
|
var SubmissionSuccess = function SubmissionSuccess() {
|
|
23359
|
-
var _a
|
|
23360
|
-
|
|
23361
|
-
|
|
23362
|
-
|
|
23363
|
-
|
|
23364
|
-
|
|
23365
|
-
|
|
23366
|
-
|
|
23367
|
-
|
|
23395
|
+
var _a;
|
|
23396
|
+
var _b = React.useContext(SubmissionContext),
|
|
23397
|
+
submissionRequest = _b.submissionRequest,
|
|
23398
|
+
submissionResponse = _b.submissionResponse;
|
|
23399
|
+
var _c = React.useState(false),
|
|
23400
|
+
showRequestBody = _c[0],
|
|
23401
|
+
setShowRequestBody = _c[1];
|
|
23402
|
+
var _d = React.useState(false),
|
|
23403
|
+
showResponseBody = _d[0],
|
|
23404
|
+
setShowResponseBody = _d[1];
|
|
23405
|
+
var _e = React.useState(true),
|
|
23406
|
+
truncateImages = _e[0],
|
|
23407
|
+
setTruncateImages = _e[1];
|
|
23408
|
+
var status = submissionResponse === null || submissionResponse === void 0 ? void 0 : submissionResponse.status;
|
|
23409
|
+
var resultData = React.useMemo(function () {
|
|
23410
|
+
var _a;
|
|
23411
|
+
return (_a = submissionResponse === null || submissionResponse === void 0 ? void 0 : submissionResponse.resultData) !== null && _a !== void 0 ? _a : {};
|
|
23412
|
+
}, [submissionResponse]);
|
|
23368
23413
|
var requestBodyDisplay = React.useMemo(function () {
|
|
23369
23414
|
var _a, _b, _c, _d, _e, _f;
|
|
23415
|
+
if (!submissionRequest) return 'No request payload captured.';
|
|
23370
23416
|
var body = JSON.parse(JSON.stringify(submissionRequest));
|
|
23371
23417
|
if (truncateImages) {
|
|
23372
23418
|
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);
|
|
@@ -23375,26 +23421,128 @@
|
|
|
23375
23421
|
}
|
|
23376
23422
|
return JSON.stringify(body, null, 2);
|
|
23377
23423
|
}, [submissionRequest, truncateImages]);
|
|
23378
|
-
|
|
23424
|
+
var responseBodyDisplay = React.useMemo(function () {
|
|
23425
|
+
if (!submissionResponse) return 'No response payload yet.';
|
|
23426
|
+
return JSON.stringify(submissionResponse, null, 2);
|
|
23427
|
+
}, [submissionResponse]);
|
|
23428
|
+
var quickFacts = React.useMemo(function () {
|
|
23429
|
+
return quickFactConfig.map(function (field) {
|
|
23430
|
+
var value = resultData[field.key];
|
|
23431
|
+
if (!isDisplayablePrimitive(value)) return null;
|
|
23432
|
+
return {
|
|
23433
|
+
label: field.label,
|
|
23434
|
+
value: formatValue(value),
|
|
23435
|
+
key: field.key
|
|
23436
|
+
};
|
|
23437
|
+
}).filter(Boolean);
|
|
23438
|
+
}, [resultData]);
|
|
23439
|
+
var consumedKeys = React.useMemo(function () {
|
|
23440
|
+
return new Set(__spreadArray(['verificationResultDetails'], quickFactConfig.map(function (item) {
|
|
23441
|
+
return item.key;
|
|
23442
|
+
}), true));
|
|
23443
|
+
}, []);
|
|
23444
|
+
var additionalDetails = React.useMemo(function () {
|
|
23445
|
+
return Object.entries(resultData).filter(function (_a) {
|
|
23446
|
+
var key = _a[0],
|
|
23447
|
+
value = _a[1];
|
|
23448
|
+
if (consumedKeys.has(key)) return false;
|
|
23449
|
+
if (!isDisplayablePrimitive(value)) return false;
|
|
23450
|
+
return true;
|
|
23451
|
+
}).map(function (_a) {
|
|
23452
|
+
var key = _a[0],
|
|
23453
|
+
value = _a[1];
|
|
23454
|
+
return {
|
|
23455
|
+
label: formatDecisionName(key),
|
|
23456
|
+
value: formatValue(value)
|
|
23457
|
+
};
|
|
23458
|
+
}).sort(function (a, b) {
|
|
23459
|
+
return a.label.localeCompare(b.label);
|
|
23460
|
+
});
|
|
23461
|
+
}, [consumedKeys, resultData]);
|
|
23462
|
+
var decisionDetails = React.useMemo(function () {
|
|
23463
|
+
var rawDetails = resultData.verificationResultDetails;
|
|
23464
|
+
if (!isRecord(rawDetails)) return [];
|
|
23465
|
+
return Object.entries(rawDetails).map(function (_a) {
|
|
23466
|
+
var _b, _c;
|
|
23467
|
+
var key = _a[0],
|
|
23468
|
+
value = _a[1];
|
|
23469
|
+
if (!isDecisionDetail(value)) return null;
|
|
23470
|
+
return {
|
|
23471
|
+
name: formatDecisionName(key),
|
|
23472
|
+
result: (_b = value.DecisionResult) !== null && _b !== void 0 ? _b : '—',
|
|
23473
|
+
code: (_c = value.DecisionStateCode) !== null && _c !== void 0 ? _c : '—'
|
|
23474
|
+
};
|
|
23475
|
+
}).filter(Boolean);
|
|
23476
|
+
}, [resultData]);
|
|
23477
|
+
return /*#__PURE__*/React.createElement(Container$5, null, /*#__PURE__*/React.createElement(Hero, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Title, null, "Submission completed!"), /*#__PURE__*/React.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.createElement(StatusBadge, {
|
|
23478
|
+
"data-variant": status.statusCode === '000' ? 'success' : 'error'
|
|
23479
|
+
}, "Status ", status.statusCode))), quickFacts.length > 0 && ( /*#__PURE__*/React.createElement(Section, null, /*#__PURE__*/React.createElement(SectionTitle, null, "At-a-glance overview"), /*#__PURE__*/React.createElement(SummaryGrid, null, quickFacts.map(function (fact) {
|
|
23480
|
+
return /*#__PURE__*/React.createElement(SummaryCard, {
|
|
23481
|
+
key: fact.key
|
|
23482
|
+
}, /*#__PURE__*/React.createElement(SummaryLabel, null, fact.label), /*#__PURE__*/React.createElement(SummaryValue, null, fact.value));
|
|
23483
|
+
})))), decisionDetails.length > 0 && ( /*#__PURE__*/React.createElement(Section, null, /*#__PURE__*/React.createElement(SectionTitle, null, "Decision breakdown"), /*#__PURE__*/React.createElement(SectionDescription, null, "High-level verdicts returned by the verification service."), /*#__PURE__*/React.createElement(DecisionList, null, decisionDetails.map(function (detail) {
|
|
23484
|
+
return /*#__PURE__*/React.createElement(DecisionCard, {
|
|
23485
|
+
key: detail.name
|
|
23486
|
+
}, /*#__PURE__*/React.createElement(DecisionName, null, detail.name), /*#__PURE__*/React.createElement(DecisionValues, null, /*#__PURE__*/React.createElement(DecisionResult, {
|
|
23487
|
+
"data-variant": detail.result === 'OK' ? 'success' : 'warning'
|
|
23488
|
+
}, detail.result), /*#__PURE__*/React.createElement(DecisionCode, null, "Code ", detail.code)));
|
|
23489
|
+
})))), additionalDetails.length > 0 && ( /*#__PURE__*/React.createElement(Section, null, /*#__PURE__*/React.createElement(SectionTitle, null, "Additional details"), /*#__PURE__*/React.createElement(DetailGrid, null, additionalDetails.map(function (detail) {
|
|
23490
|
+
return /*#__PURE__*/React.createElement(DetailItem, {
|
|
23491
|
+
key: detail.label
|
|
23492
|
+
}, /*#__PURE__*/React.createElement(SummaryLabel, null, detail.label), /*#__PURE__*/React.createElement(SummaryValue, null, detail.value));
|
|
23493
|
+
})))), /*#__PURE__*/React.createElement(Section, null, /*#__PURE__*/React.createElement(SectionTitle, null, "Raw payloads"), /*#__PURE__*/React.createElement(SectionDescription, null, "Need to dig deeper? Expand the payloads below to inspect the full JSON."), /*#__PURE__*/React.createElement(JsonControls, null, /*#__PURE__*/React.createElement(LoaderButton, {
|
|
23379
23494
|
onClick: function onClick() {
|
|
23380
|
-
return setShowRequestBody(
|
|
23495
|
+
return setShowRequestBody(function (prev) {
|
|
23496
|
+
return !prev;
|
|
23497
|
+
});
|
|
23381
23498
|
}
|
|
23382
|
-
}, showRequestBody ? 'Hide' : 'Show
|
|
23499
|
+
}, showRequestBody ? 'Hide request JSON' : 'Show request JSON'), /*#__PURE__*/React.createElement(LoaderButton, {
|
|
23500
|
+
onClick: function onClick() {
|
|
23501
|
+
return setShowResponseBody(function (prev) {
|
|
23502
|
+
return !prev;
|
|
23503
|
+
});
|
|
23504
|
+
}
|
|
23505
|
+
}, showResponseBody ? 'Hide response JSON' : 'Show response JSON')), showRequestBody && ( /*#__PURE__*/React.createElement(JsonBlock, null, /*#__PURE__*/React.createElement(JsonBlockHeader, null, /*#__PURE__*/React.createElement(JsonBlockTitle, null, "Request Body"), /*#__PURE__*/React.createElement(LoaderButton, {
|
|
23383
23506
|
style: {
|
|
23384
|
-
marginLeft:
|
|
23507
|
+
marginLeft: 'auto'
|
|
23385
23508
|
},
|
|
23386
23509
|
onClick: function onClick() {
|
|
23387
|
-
return setTruncateImages(
|
|
23510
|
+
return setTruncateImages(function (prev) {
|
|
23511
|
+
return !prev;
|
|
23512
|
+
});
|
|
23388
23513
|
}
|
|
23389
|
-
}, truncateImages ? 'Display full images' : 'Truncate images'), /*#__PURE__*/React.createElement("
|
|
23514
|
+
}, truncateImages ? 'Display full images' : 'Truncate images')), /*#__PURE__*/React.createElement("pre", null, requestBodyDisplay))), showResponseBody && ( /*#__PURE__*/React.createElement(JsonBlock, null, /*#__PURE__*/React.createElement(JsonBlockHeader, null, /*#__PURE__*/React.createElement(JsonBlockTitle, null, "Response Body")), /*#__PURE__*/React.createElement("pre", null, responseBodyDisplay)))));
|
|
23390
23515
|
};
|
|
23391
|
-
var Container$5 = styled.div(templateObject_1$f || (templateObject_1$f = __makeTemplateObject(["\n padding:
|
|
23392
|
-
|
|
23393
|
-
|
|
23516
|
+
var Container$5 = styled.div(templateObject_1$f || (templateObject_1$f = __makeTemplateObject(["\n padding: 24px;\n overflow: auto;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n background: #f6f7fb;\n"], ["\n padding: 24px;\n overflow: auto;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n background: #f6f7fb;\n"])));
|
|
23517
|
+
var Hero = styled.div(templateObject_2$e || (templateObject_2$e = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: flex-start;\n gap: 16px;\n margin-bottom: 24px;\n"], ["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: flex-start;\n gap: 16px;\n margin-bottom: 24px;\n"])));
|
|
23518
|
+
var Title = styled.h3(templateObject_3$c || (templateObject_3$c = __makeTemplateObject(["\n margin: 0;\n font-size: 24px;\n"], ["\n margin: 0;\n font-size: 24px;\n"])));
|
|
23519
|
+
var Subtitle = styled.p(templateObject_4$8 || (templateObject_4$8 = __makeTemplateObject(["\n margin: 4px 0 0;\n color: #4c4f5f;\n"], ["\n margin: 4px 0 0;\n color: #4c4f5f;\n"])));
|
|
23520
|
+
var StatusBadge = styled.span(templateObject_5$5 || (templateObject_5$5 = __makeTemplateObject(["\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 8px 16px;\n border-radius: 999px;\n font-weight: 600;\n background: #dde2f9;\n color: #1d1f26;\n\n &[data-variant='success'] {\n background: #ddf6e5;\n color: #116149;\n }\n\n &[data-variant='error'] {\n background: #ffe3e3;\n color: #a11a1a;\n }\n"], ["\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 8px 16px;\n border-radius: 999px;\n font-weight: 600;\n background: #dde2f9;\n color: #1d1f26;\n\n &[data-variant='success'] {\n background: #ddf6e5;\n color: #116149;\n }\n\n &[data-variant='error'] {\n background: #ffe3e3;\n color: #a11a1a;\n }\n"])));
|
|
23521
|
+
var Section = styled.section(templateObject_6$2 || (templateObject_6$2 = __makeTemplateObject(["\n margin-bottom: 32px;\n"], ["\n margin-bottom: 32px;\n"])));
|
|
23522
|
+
var SectionTitle = styled.h5(templateObject_7$1 || (templateObject_7$1 = __makeTemplateObject(["\n margin: 0 0 8px;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-size: 12px;\n color: #6f7487;\n"], ["\n margin: 0 0 8px;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-size: 12px;\n color: #6f7487;\n"])));
|
|
23523
|
+
var SectionDescription = styled.p(templateObject_8$1 || (templateObject_8$1 = __makeTemplateObject(["\n margin: 0 0 16px;\n color: #4c4f5f;\n"], ["\n margin: 0 0 16px;\n color: #4c4f5f;\n"])));
|
|
23524
|
+
var SummaryGrid = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 16px;\n"], ["\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 16px;\n"])));
|
|
23525
|
+
var SummaryCard = styled.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n background: #fff;\n border-radius: 12px;\n padding: 16px;\n box-shadow: 0 4px 24px rgba(16, 24, 64, 0.08);\n display: flex;\n flex-direction: column;\n gap: 8px;\n"], ["\n background: #fff;\n border-radius: 12px;\n padding: 16px;\n box-shadow: 0 4px 24px rgba(16, 24, 64, 0.08);\n display: flex;\n flex-direction: column;\n gap: 8px;\n"])));
|
|
23526
|
+
var SummaryLabel = styled.span(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n font-size: 12px;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n color: #8a8fa7;\n"], ["\n font-size: 12px;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n color: #8a8fa7;\n"])));
|
|
23527
|
+
var SummaryValue = styled.span(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n font-size: 18px;\n font-weight: 600;\n color: #1d1f26;\n word-break: break-word;\n"], ["\n font-size: 18px;\n font-weight: 600;\n color: #1d1f26;\n word-break: break-word;\n"])));
|
|
23528
|
+
var DecisionList = styled.div(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 16px;\n"], ["\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 16px;\n"])));
|
|
23529
|
+
var DecisionCard = styled(SummaryCard)(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n"], ["\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n"])));
|
|
23530
|
+
var DecisionName = styled.span(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n font-weight: 600;\n color: #1d1f26;\n text-transform: capitalize;\n"], ["\n font-weight: 600;\n color: #1d1f26;\n text-transform: capitalize;\n"])));
|
|
23531
|
+
var DecisionValues = styled.div(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n text-align: right;\n"], ["\n display: flex;\n flex-direction: column;\n text-align: right;\n"])));
|
|
23532
|
+
var DecisionResult = styled.span(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n font-weight: 600;\n color: #1d1f26;\n\n &[data-variant='success'] {\n color: #116149;\n }\n\n &[data-variant='warning'] {\n color: #b86e00;\n }\n"], ["\n font-weight: 600;\n color: #1d1f26;\n\n &[data-variant='success'] {\n color: #116149;\n }\n\n &[data-variant='warning'] {\n color: #b86e00;\n }\n"])));
|
|
23533
|
+
var DecisionCode = styled.span(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n font-size: 12px;\n color: #6f7487;\n"], ["\n font-size: 12px;\n color: #6f7487;\n"])));
|
|
23534
|
+
var DetailGrid = styled.div(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 16px;\n"], ["\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 16px;\n"])));
|
|
23535
|
+
var DetailItem = styled(SummaryCard)(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n min-height: 110px;\n"], ["\n min-height: 110px;\n"])));
|
|
23536
|
+
var JsonControls = styled.div(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n margin-bottom: 16px;\n"], ["\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n margin-bottom: 16px;\n"])));
|
|
23537
|
+
var JsonBlock = styled.div(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n background: #0f172a;\n color: #e2e8f0;\n border-radius: 12px;\n padding: 16px;\n margin-bottom: 16px;\n box-shadow: 0 8px 30px rgba(3, 7, 18, 0.4);\n\n pre {\n margin: 0;\n max-height: 300px;\n overflow: auto;\n font-size: 12px;\n line-height: 1.4;\n }\n"], ["\n background: #0f172a;\n color: #e2e8f0;\n border-radius: 12px;\n padding: 16px;\n margin-bottom: 16px;\n box-shadow: 0 8px 30px rgba(3, 7, 18, 0.4);\n\n pre {\n margin: 0;\n max-height: 300px;\n overflow: auto;\n font-size: 12px;\n line-height: 1.4;\n }\n"])));
|
|
23538
|
+
var JsonBlockHeader = styled.div(templateObject_23 || (templateObject_23 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n margin-bottom: 12px;\n"], ["\n display: flex;\n align-items: center;\n margin-bottom: 12px;\n"])));
|
|
23539
|
+
var JsonBlockTitle = styled.h6(templateObject_24 || (templateObject_24 = __makeTemplateObject(["\n margin: 0;\n font-size: 14px;\n font-weight: 600;\n color: #fff;\n"], ["\n margin: 0;\n font-size: 14px;\n font-weight: 600;\n color: #fff;\n"])));
|
|
23540
|
+
function truncate(str, maxChars) {
|
|
23541
|
+
var truncated = str.split('').splice(0, maxChars).join('');
|
|
23394
23542
|
if (truncated.length < str.length) truncated += '...';
|
|
23395
23543
|
return truncated;
|
|
23396
23544
|
}
|
|
23397
|
-
var templateObject_1$f;
|
|
23545
|
+
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;
|
|
23398
23546
|
|
|
23399
23547
|
var AdditionalDocumentCapture = function AdditionalDocumentCapture(_a) {
|
|
23400
23548
|
var document = _a.document,
|