idmission-web-sdk 2.2.175 → 2.2.176
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/CompositeWizard.d.ts.map +1 -1
- package/dist/components/common/SdkPage.d.ts +18 -0
- package/dist/components/common/SdkPage.d.ts.map +1 -0
- package/dist/components/common/debug.d.ts.map +1 -1
- package/dist/components/common/overlay.d.ts +29 -26
- package/dist/components/common/overlay.d.ts.map +1 -1
- package/dist/components/common/spinner.d.ts +4 -1
- package/dist/components/common/spinner.d.ts.map +1 -1
- package/dist/components/customer_flows/CustomerBiometricsEnrollment.d.ts +1 -0
- package/dist/components/customer_flows/CustomerBiometricsEnrollment.d.ts.map +1 -1
- package/dist/components/customer_flows/CustomerIdAndBiometricsEnrollment.d.ts +1 -0
- package/dist/components/customer_flows/CustomerIdAndBiometricsEnrollment.d.ts.map +1 -1
- package/dist/components/customer_flows/CustomerIdentification.d.ts.map +1 -1
- package/dist/components/customer_flows/CustomerVerification.d.ts.map +1 -1
- package/dist/components/customer_flows/DocumentCapture.d.ts.map +1 -1
- package/dist/components/customer_flows/FaceValidation.d.ts +3 -1
- package/dist/components/customer_flows/FaceValidation.d.ts.map +1 -1
- package/dist/components/customer_flows/IdAndFaceValidation.d.ts +1 -0
- package/dist/components/customer_flows/IdAndFaceValidation.d.ts.map +1 -1
- package/dist/components/customer_flows/IdValidation.d.ts.map +1 -1
- package/dist/components/customer_flows/SignatureKYC.d.ts.map +1 -1
- package/dist/components/customer_flows/VideoIdValidation.d.ts +1 -0
- package/dist/components/customer_flows/VideoIdValidation.d.ts.map +1 -1
- package/dist/components/customer_identification/CustomerIdentificationWizard.d.ts.map +1 -1
- package/dist/components/customer_verification/CustomerVerificationWizard.d.ts.map +1 -1
- package/dist/components/document_capture/DocumentCaptureScreen.d.ts.map +1 -1
- package/dist/components/face_liveness/FaceCaptureGuideOverlay.d.ts.map +1 -1
- package/dist/components/face_liveness/FaceLivenessWizard.d.ts.map +1 -1
- package/dist/components/id_capture/IdCapture.d.ts.map +1 -1
- package/dist/components/id_capture/IdCaptureGuideOverlay.d.ts.map +1 -1
- package/dist/components/id_capture/IdCaptureLoadingGraphic.d.ts +1 -1
- package/dist/components/id_capture/IdCaptureLoadingGraphic.d.ts.map +1 -1
- package/dist/components/id_capture/IdCaptureLoadingOverlayDefault.d.ts.map +1 -1
- package/dist/components/id_capture/IdCaptureWizard.d.ts.map +1 -1
- package/dist/components/selfie_capture/SelfieCapture.d.ts.map +1 -1
- package/dist/components/selfie_capture/SelfieCaptureLoadingGraphic.d.ts +1 -3
- package/dist/components/selfie_capture/SelfieCaptureLoadingGraphic.d.ts.map +1 -1
- package/dist/components/selfie_capture/SelfieCaptureLoadingOverlayDefault.d.ts.map +1 -1
- package/dist/components/signature_capture/SignatureCapture.d.ts.map +1 -1
- package/dist/components/submission/SubmissionSuccess.d.ts.map +1 -1
- package/dist/components/video_id/IdVideoCapture.d.ts.map +1 -1
- package/dist/components/video_id/IdVideoCaptureGuides.d.ts.map +1 -1
- package/dist/components/video_id/IdVideoCaptureWizard.d.ts +0 -1
- package/dist/components/video_id/IdVideoCaptureWizard.d.ts.map +1 -1
- package/dist/components/video_signature_capture/VideoSignatureCapture.d.ts.map +1 -1
- package/dist/components/video_signature_capture/VideoSignatureWizard.d.ts.map +1 -1
- package/dist/sdk2.cjs.development.js +910 -954
- 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 +912 -956
- package/dist/sdk2.esm.js.map +1 -1
- package/dist/sdk2.umd.development.js +913 -957
- package/dist/sdk2.umd.development.js.map +1 -1
- package/dist/sdk2.umd.production.js +1 -1
- package/dist/sdk2.umd.production.js.map +1 -1
- package/dist/themes/index.d.ts +3 -1
- package/dist/themes/index.d.ts.map +1 -1
- package/dist/version.d.ts +1 -1
- package/package.json +3 -3
- package/dist/components/common/Page.d.ts +0 -13
- package/dist/components/common/Page.d.ts.map +0 -1
|
@@ -4,6 +4,7 @@ var React = require('react');
|
|
|
4
4
|
var ReactDOM = require('react-dom/client');
|
|
5
5
|
var platform = require('platform');
|
|
6
6
|
var styled = require('styled-components');
|
|
7
|
+
var reactDom = require('react-dom');
|
|
7
8
|
var reactI18next = require('react-i18next');
|
|
8
9
|
var tusJsClient = require('tus-js-client');
|
|
9
10
|
var SparkMD5 = require('spark-md5');
|
|
@@ -14,7 +15,6 @@ var i18n = require('i18next');
|
|
|
14
15
|
var useDebounce = require('use-debounce');
|
|
15
16
|
var middleware = require('zustand/middleware');
|
|
16
17
|
var shallow = require('zustand/react/shallow');
|
|
17
|
-
var reactDom = require('react-dom');
|
|
18
18
|
var cn = require('clsx');
|
|
19
19
|
var SignatureCanvas = require('react-signature-canvas');
|
|
20
20
|
|
|
@@ -235,7 +235,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
|
|
|
235
235
|
return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
|
|
236
236
|
};
|
|
237
237
|
|
|
238
|
-
var webSdkVersion = '2.2.
|
|
238
|
+
var webSdkVersion = '2.2.176';
|
|
239
239
|
|
|
240
240
|
function getPlatform() {
|
|
241
241
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
@@ -400,48 +400,6 @@ function videoDataUrlToB64(url) {
|
|
|
400
400
|
});
|
|
401
401
|
}
|
|
402
402
|
|
|
403
|
-
var PageContainerDiv = styled__default.default.div(templateObject_1$N || (templateObject_1$N = __makeTemplateObject(["\n ", "\n\n ", "\n\n &.flex {\n display: flex;\n }\n\n &.padded {\n box-sizing: border-box;\n padding: 16px 24px;\n }\n"], ["\n ", "\n\n ", "\n\n &.flex {\n display: flex;\n }\n\n &.padded {\n box-sizing: border-box;\n padding: 16px 24px;\n }\n"])), function (props) {
|
|
404
|
-
var _a;
|
|
405
|
-
return props.theme.isFullscreen === false ? "" : "\n position: fixed;\n top: 0;\n left: 0;\n width: var(--app-width);\n height: calc(\n var(--app-height) - ".concat((_a = props.$heightOffset) !== null && _a !== void 0 ? _a : 0, "px\n );\n overflow-x: hidden;\n overflow-y: auto;\n ");
|
|
406
|
-
}, function (props) {
|
|
407
|
-
return props.theme.fontFamily ? "font-family: ".concat(props.theme.fontFamily, ";") : "";
|
|
408
|
-
});
|
|
409
|
-
var PageContainer = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
410
|
-
var children = _a.children,
|
|
411
|
-
className = _a.className,
|
|
412
|
-
_b = _a.heightOffset,
|
|
413
|
-
heightOffset = _b === void 0 ? 0 : _b,
|
|
414
|
-
style = _a.style,
|
|
415
|
-
onClick = _a.onClick;
|
|
416
|
-
var _c = React.useState(false),
|
|
417
|
-
dimensionsCalculated = _c[0],
|
|
418
|
-
setDimensionsCalculated = _c[1];
|
|
419
|
-
React.useEffect(function () {
|
|
420
|
-
if (typeof window === 'undefined') return;
|
|
421
|
-
setDimensionsCalculated(false);
|
|
422
|
-
var calcAppDimensions = function calcAppDimensions() {
|
|
423
|
-
var doc = document.documentElement;
|
|
424
|
-
doc.style.setProperty('--app-width', "".concat(window.innerWidth, "px"));
|
|
425
|
-
doc.style.setProperty('--app-height', "".concat(window.innerHeight, "px"));
|
|
426
|
-
};
|
|
427
|
-
window.addEventListener('resize', calcAppDimensions);
|
|
428
|
-
calcAppDimensions();
|
|
429
|
-
setDimensionsCalculated(true);
|
|
430
|
-
return function () {
|
|
431
|
-
window.removeEventListener('resize', calcAppDimensions);
|
|
432
|
-
};
|
|
433
|
-
}, []);
|
|
434
|
-
return /*#__PURE__*/React__namespace.default.createElement(PageContainerDiv, {
|
|
435
|
-
ref: ref,
|
|
436
|
-
style: style,
|
|
437
|
-
onClick: onClick,
|
|
438
|
-
className: className,
|
|
439
|
-
"$heightOffset": heightOffset
|
|
440
|
-
}, dimensionsCalculated && children);
|
|
441
|
-
});
|
|
442
|
-
PageContainer.displayName = 'PageContainer';
|
|
443
|
-
var templateObject_1$N;
|
|
444
|
-
|
|
445
403
|
var LoaderButton = function LoaderButton(_a) {
|
|
446
404
|
var children = _a.children,
|
|
447
405
|
className = _a.className,
|
|
@@ -497,29 +455,60 @@ var LoaderButton = function LoaderButton(_a) {
|
|
|
497
455
|
className: "ladda-label"
|
|
498
456
|
}, children));
|
|
499
457
|
};
|
|
500
|
-
var StyledButton = styled__default.default.button(templateObject_1$M || (templateObject_1$M = __makeTemplateObject(["\n ", "\n\n /*!\n * Ladda\n * http://lab.hakim.se/ladda\n * MIT licensed\n *\n * Copyright (C) 2018 Hakim El Hattab, http://hakim.se\n */\n\n position: relative;\n\n .ladda-spinner {\n position: absolute;\n z-index: 2;\n display: inline-block;\n width: 32px;\n top: 50%;\n margin-top: 0;\n opacity: 0;\n pointer-events: none;\n }\n .ladda-label {\n position: relative;\n z-index: 3;\n }\n .ladda-progress {\n position: absolute;\n width: 0;\n height: 100%;\n left: 0;\n top: 0;\n background: rgba(0, 0, 0, 0.2);\n display: none;\n transition: 0.1s linear all !important;\n }\n &[data-loading] .ladda-progress {\n display: block;\n }\n\n transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;\n\n .ladda-spinner,\n .ladda-label {\n transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;\n }\n &[data-style='zoom-in'],\n &[data-style='zoom-in'] .ladda-spinner,\n &[data-style='zoom-in'] .ladda-label,\n &[data-style='zoom-out'],\n &[data-style='zoom-out'] .ladda-spinner,\n &[data-style='zoom-out'] .ladda-label {\n transition: 0.3s ease all !important;\n }\n &[data-style='expand-right'] .ladda-spinner {\n right: -6px;\n }\n &[data-style='expand-right'][data-size='s'] .ladda-spinner,\n &[data-style='expand-right'][data-size='xs'] .ladda-spinner {\n right: -12px;\n }\n &[data-style='expand-right'][data-loading] {\n padding-right: 56px;\n }\n &[data-style='expand-right'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='expand-right'][data-loading][data-size='s'],\n &[data-style='expand-right'][data-loading][data-size='xs'] {\n padding-right: 40px;\n }\n &[data-style='expand-left'] .ladda-spinner {\n left: 26px;\n }\n &[data-style='expand-left'][data-size='s'] .ladda-spinner,\n &[data-style='expand-left'][data-size='xs'] .ladda-spinner {\n left: 4px;\n }\n &[data-style='expand-left'][data-loading] {\n padding-left: 56px;\n }\n &[data-style='expand-left'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='expand-left'][data-loading][data-size='s'],\n &[data-style='expand-left'][data-loading][data-size='xs'] {\n padding-left: 40px;\n }\n &[data-style='expand-up'] {\n overflow: hidden;\n }\n &[data-style='expand-up'] .ladda-spinner {\n top: -32px;\n left: 50%;\n margin-left: 0;\n }\n &[data-style='expand-up'][data-loading] {\n padding-top: 54px;\n }\n &[data-style='expand-up'][data-loading] .ladda-spinner {\n opacity: 1;\n top: 26px;\n margin-top: 0;\n }\n &[data-style='expand-up'][data-loading][data-size='s'],\n &[data-style='expand-up'][data-loading][data-size='xs'] {\n padding-top: 32px;\n }\n &[data-style='expand-up'][data-loading][data-size='s'] .ladda-spinner,\n &[data-style='expand-up'][data-loading][data-size='xs'] .ladda-spinner {\n top: 4px;\n }\n &[data-style='expand-down'] {\n overflow: hidden;\n }\n &[data-style='expand-down'] .ladda-spinner {\n top: 62px;\n left: 50%;\n margin-left: 0;\n }\n &[data-style='expand-down'][data-size='s'] .ladda-spinner,\n &[data-style='expand-down'][data-size='xs'] .ladda-spinner {\n top: 40px;\n }\n &[data-style='expand-down'][data-loading] {\n padding-bottom: 54px;\n }\n &[data-style='expand-down'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='expand-down'][data-loading][data-size='s'],\n &[data-style='expand-down'][data-loading][data-size='xs'] {\n padding-bottom: 32px;\n }\n &[data-style='slide-left'] {\n overflow: hidden;\n }\n &[data-style='slide-left'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-left'] .ladda-spinner {\n left: 100%;\n margin-left: 0;\n }\n &[data-style='slide-left'][data-loading] .ladda-label {\n opacity: 0;\n left: -100%;\n }\n &[data-style='slide-left'][data-loading] .ladda-spinner {\n opacity: 1;\n left: 50%;\n }\n &[data-style='slide-right'] {\n overflow: hidden;\n }\n &[data-style='slide-right'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-right'] .ladda-spinner {\n right: 100%;\n margin-left: 0;\n left: 16px;\n }\n [dir='rtl'] &[data-style='slide-right'] .ladda-spinner {\n right: auto;\n }\n &[data-style='slide-right'][data-loading] .ladda-label {\n opacity: 0;\n left: 100%;\n }\n &[data-style='slide-right'][data-loading] .ladda-spinner {\n opacity: 1;\n left: 50%;\n }\n &[data-style='slide-up'] {\n overflow: hidden;\n }\n &[data-style='slide-up'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-up'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n margin-top: 1em;\n }\n &[data-style='slide-up'][data-loading] .ladda-label {\n opacity: 0;\n top: -1em;\n }\n &[data-style='slide-up'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-top: 0;\n }\n &[data-style='slide-down'] {\n overflow: hidden;\n }\n &[data-style='slide-down'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-down'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n margin-top: -2em;\n }\n &[data-style='slide-down'][data-loading] .ladda-label {\n opacity: 0;\n top: 1em;\n }\n &[data-style='slide-down'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-top: 0;\n }\n &[data-style='zoom-out'] {\n overflow: hidden;\n }\n &[data-style='zoom-out'] .ladda-spinner {\n left: 50%;\n margin-left: 32px;\n transform: scale(2.5);\n }\n &[data-style='zoom-out'] .ladda-label {\n position: relative;\n display: inline-block;\n }\n &[data-style='zoom-out'][data-loading] .ladda-label {\n opacity: 0;\n transform: scale(0.5);\n }\n &[data-style='zoom-out'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-left: 0;\n transform: none;\n }\n &[data-style='zoom-in'] {\n overflow: hidden;\n }\n &[data-style='zoom-in'] .ladda-spinner {\n left: 50%;\n margin-left: -16px;\n transform: scale(0.2);\n }\n &[data-style='zoom-in'] .ladda-label {\n position: relative;\n display: inline-block;\n }\n &[data-style='zoom-in'][data-loading] .ladda-label {\n opacity: 0;\n transform: scale(2.2);\n }\n &[data-style='zoom-in'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-left: 0;\n transform: none;\n }\n &[data-style='contract'] {\n overflow: hidden;\n width: 100px;\n }\n &[data-style='contract'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n }\n &[data-style='contract'][data-loading] {\n border-radius: 50%;\n width: 52px;\n }\n &[data-style='contract'][data-loading] .ladda-label {\n opacity: 0;\n }\n &[data-style='contract'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='contract-overlay'] {\n overflow: hidden;\n width: 100px;\n box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0);\n }\n &[data-style='contract-overlay'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n }\n &[data-style='contract-overlay'][data-loading] {\n border-radius: 50%;\n width: 52px;\n box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0.8);\n }\n &[data-style='contract-overlay'][data-loading] .ladda-label {\n opacity: 0;\n }\n &[data-style='contract-overlay'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n [dir='rtl'] .ladda-spinner > div {\n left: 25% !important;\n }\n"], ["\n ", "\n\n /*!\n * Ladda\n * http://lab.hakim.se/ladda\n * MIT licensed\n *\n * Copyright (C) 2018 Hakim El Hattab, http://hakim.se\n */\n\n position: relative;\n\n .ladda-spinner {\n position: absolute;\n z-index: 2;\n display: inline-block;\n width: 32px;\n top: 50%;\n margin-top: 0;\n opacity: 0;\n pointer-events: none;\n }\n .ladda-label {\n position: relative;\n z-index: 3;\n }\n .ladda-progress {\n position: absolute;\n width: 0;\n height: 100%;\n left: 0;\n top: 0;\n background: rgba(0, 0, 0, 0.2);\n display: none;\n transition: 0.1s linear all !important;\n }\n &[data-loading] .ladda-progress {\n display: block;\n }\n\n transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;\n\n .ladda-spinner,\n .ladda-label {\n transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;\n }\n &[data-style='zoom-in'],\n &[data-style='zoom-in'] .ladda-spinner,\n &[data-style='zoom-in'] .ladda-label,\n &[data-style='zoom-out'],\n &[data-style='zoom-out'] .ladda-spinner,\n &[data-style='zoom-out'] .ladda-label {\n transition: 0.3s ease all !important;\n }\n &[data-style='expand-right'] .ladda-spinner {\n right: -6px;\n }\n &[data-style='expand-right'][data-size='s'] .ladda-spinner,\n &[data-style='expand-right'][data-size='xs'] .ladda-spinner {\n right: -12px;\n }\n &[data-style='expand-right'][data-loading] {\n padding-right: 56px;\n }\n &[data-style='expand-right'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='expand-right'][data-loading][data-size='s'],\n &[data-style='expand-right'][data-loading][data-size='xs'] {\n padding-right: 40px;\n }\n &[data-style='expand-left'] .ladda-spinner {\n left: 26px;\n }\n &[data-style='expand-left'][data-size='s'] .ladda-spinner,\n &[data-style='expand-left'][data-size='xs'] .ladda-spinner {\n left: 4px;\n }\n &[data-style='expand-left'][data-loading] {\n padding-left: 56px;\n }\n &[data-style='expand-left'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='expand-left'][data-loading][data-size='s'],\n &[data-style='expand-left'][data-loading][data-size='xs'] {\n padding-left: 40px;\n }\n &[data-style='expand-up'] {\n overflow: hidden;\n }\n &[data-style='expand-up'] .ladda-spinner {\n top: -32px;\n left: 50%;\n margin-left: 0;\n }\n &[data-style='expand-up'][data-loading] {\n padding-top: 54px;\n }\n &[data-style='expand-up'][data-loading] .ladda-spinner {\n opacity: 1;\n top: 26px;\n margin-top: 0;\n }\n &[data-style='expand-up'][data-loading][data-size='s'],\n &[data-style='expand-up'][data-loading][data-size='xs'] {\n padding-top: 32px;\n }\n &[data-style='expand-up'][data-loading][data-size='s'] .ladda-spinner,\n &[data-style='expand-up'][data-loading][data-size='xs'] .ladda-spinner {\n top: 4px;\n }\n &[data-style='expand-down'] {\n overflow: hidden;\n }\n &[data-style='expand-down'] .ladda-spinner {\n top: 62px;\n left: 50%;\n margin-left: 0;\n }\n &[data-style='expand-down'][data-size='s'] .ladda-spinner,\n &[data-style='expand-down'][data-size='xs'] .ladda-spinner {\n top: 40px;\n }\n &[data-style='expand-down'][data-loading] {\n padding-bottom: 54px;\n }\n &[data-style='expand-down'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='expand-down'][data-loading][data-size='s'],\n &[data-style='expand-down'][data-loading][data-size='xs'] {\n padding-bottom: 32px;\n }\n &[data-style='slide-left'] {\n overflow: hidden;\n }\n &[data-style='slide-left'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-left'] .ladda-spinner {\n left: 100%;\n margin-left: 0;\n }\n &[data-style='slide-left'][data-loading] .ladda-label {\n opacity: 0;\n left: -100%;\n }\n &[data-style='slide-left'][data-loading] .ladda-spinner {\n opacity: 1;\n left: 50%;\n }\n &[data-style='slide-right'] {\n overflow: hidden;\n }\n &[data-style='slide-right'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-right'] .ladda-spinner {\n right: 100%;\n margin-left: 0;\n left: 16px;\n }\n [dir='rtl'] &[data-style='slide-right'] .ladda-spinner {\n right: auto;\n }\n &[data-style='slide-right'][data-loading] .ladda-label {\n opacity: 0;\n left: 100%;\n }\n &[data-style='slide-right'][data-loading] .ladda-spinner {\n opacity: 1;\n left: 50%;\n }\n &[data-style='slide-up'] {\n overflow: hidden;\n }\n &[data-style='slide-up'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-up'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n margin-top: 1em;\n }\n &[data-style='slide-up'][data-loading] .ladda-label {\n opacity: 0;\n top: -1em;\n }\n &[data-style='slide-up'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-top: 0;\n }\n &[data-style='slide-down'] {\n overflow: hidden;\n }\n &[data-style='slide-down'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-down'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n margin-top: -2em;\n }\n &[data-style='slide-down'][data-loading] .ladda-label {\n opacity: 0;\n top: 1em;\n }\n &[data-style='slide-down'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-top: 0;\n }\n &[data-style='zoom-out'] {\n overflow: hidden;\n }\n &[data-style='zoom-out'] .ladda-spinner {\n left: 50%;\n margin-left: 32px;\n transform: scale(2.5);\n }\n &[data-style='zoom-out'] .ladda-label {\n position: relative;\n display: inline-block;\n }\n &[data-style='zoom-out'][data-loading] .ladda-label {\n opacity: 0;\n transform: scale(0.5);\n }\n &[data-style='zoom-out'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-left: 0;\n transform: none;\n }\n &[data-style='zoom-in'] {\n overflow: hidden;\n }\n &[data-style='zoom-in'] .ladda-spinner {\n left: 50%;\n margin-left: -16px;\n transform: scale(0.2);\n }\n &[data-style='zoom-in'] .ladda-label {\n position: relative;\n display: inline-block;\n }\n &[data-style='zoom-in'][data-loading] .ladda-label {\n opacity: 0;\n transform: scale(2.2);\n }\n &[data-style='zoom-in'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-left: 0;\n transform: none;\n }\n &[data-style='contract'] {\n overflow: hidden;\n width: 100px;\n }\n &[data-style='contract'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n }\n &[data-style='contract'][data-loading] {\n border-radius: 50%;\n width: 52px;\n }\n &[data-style='contract'][data-loading] .ladda-label {\n opacity: 0;\n }\n &[data-style='contract'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='contract-overlay'] {\n overflow: hidden;\n width: 100px;\n box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0);\n }\n &[data-style='contract-overlay'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n }\n &[data-style='contract-overlay'][data-loading] {\n border-radius: 50%;\n width: 52px;\n box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0.8);\n }\n &[data-style='contract-overlay'][data-loading] .ladda-label {\n opacity: 0;\n }\n &[data-style='contract-overlay'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n [dir='rtl'] .ladda-spinner > div {\n left: 25% !important;\n }\n"])), function (props) {
|
|
458
|
+
var StyledButton = styled__default.default.button(templateObject_1$P || (templateObject_1$P = __makeTemplateObject(["\n ", "\n\n /*!\n * Ladda\n * http://lab.hakim.se/ladda\n * MIT licensed\n *\n * Copyright (C) 2018 Hakim El Hattab, http://hakim.se\n */\n\n position: relative;\n\n .ladda-spinner {\n position: absolute;\n z-index: 2;\n display: inline-block;\n width: 32px;\n top: 50%;\n margin-top: 0;\n opacity: 0;\n pointer-events: none;\n }\n .ladda-label {\n position: relative;\n z-index: 3;\n }\n .ladda-progress {\n position: absolute;\n width: 0;\n height: 100%;\n left: 0;\n top: 0;\n background: rgba(0, 0, 0, 0.2);\n display: none;\n transition: 0.1s linear all !important;\n }\n &[data-loading] .ladda-progress {\n display: block;\n }\n\n transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;\n\n .ladda-spinner,\n .ladda-label {\n transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;\n }\n &[data-style='zoom-in'],\n &[data-style='zoom-in'] .ladda-spinner,\n &[data-style='zoom-in'] .ladda-label,\n &[data-style='zoom-out'],\n &[data-style='zoom-out'] .ladda-spinner,\n &[data-style='zoom-out'] .ladda-label {\n transition: 0.3s ease all !important;\n }\n &[data-style='expand-right'] .ladda-spinner {\n right: -6px;\n }\n &[data-style='expand-right'][data-size='s'] .ladda-spinner,\n &[data-style='expand-right'][data-size='xs'] .ladda-spinner {\n right: -12px;\n }\n &[data-style='expand-right'][data-loading] {\n padding-right: 56px;\n }\n &[data-style='expand-right'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='expand-right'][data-loading][data-size='s'],\n &[data-style='expand-right'][data-loading][data-size='xs'] {\n padding-right: 40px;\n }\n &[data-style='expand-left'] .ladda-spinner {\n left: 26px;\n }\n &[data-style='expand-left'][data-size='s'] .ladda-spinner,\n &[data-style='expand-left'][data-size='xs'] .ladda-spinner {\n left: 4px;\n }\n &[data-style='expand-left'][data-loading] {\n padding-left: 56px;\n }\n &[data-style='expand-left'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='expand-left'][data-loading][data-size='s'],\n &[data-style='expand-left'][data-loading][data-size='xs'] {\n padding-left: 40px;\n }\n &[data-style='expand-up'] {\n overflow: hidden;\n }\n &[data-style='expand-up'] .ladda-spinner {\n top: -32px;\n left: 50%;\n margin-left: 0;\n }\n &[data-style='expand-up'][data-loading] {\n padding-top: 54px;\n }\n &[data-style='expand-up'][data-loading] .ladda-spinner {\n opacity: 1;\n top: 26px;\n margin-top: 0;\n }\n &[data-style='expand-up'][data-loading][data-size='s'],\n &[data-style='expand-up'][data-loading][data-size='xs'] {\n padding-top: 32px;\n }\n &[data-style='expand-up'][data-loading][data-size='s'] .ladda-spinner,\n &[data-style='expand-up'][data-loading][data-size='xs'] .ladda-spinner {\n top: 4px;\n }\n &[data-style='expand-down'] {\n overflow: hidden;\n }\n &[data-style='expand-down'] .ladda-spinner {\n top: 62px;\n left: 50%;\n margin-left: 0;\n }\n &[data-style='expand-down'][data-size='s'] .ladda-spinner,\n &[data-style='expand-down'][data-size='xs'] .ladda-spinner {\n top: 40px;\n }\n &[data-style='expand-down'][data-loading] {\n padding-bottom: 54px;\n }\n &[data-style='expand-down'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='expand-down'][data-loading][data-size='s'],\n &[data-style='expand-down'][data-loading][data-size='xs'] {\n padding-bottom: 32px;\n }\n &[data-style='slide-left'] {\n overflow: hidden;\n }\n &[data-style='slide-left'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-left'] .ladda-spinner {\n left: 100%;\n margin-left: 0;\n }\n &[data-style='slide-left'][data-loading] .ladda-label {\n opacity: 0;\n left: -100%;\n }\n &[data-style='slide-left'][data-loading] .ladda-spinner {\n opacity: 1;\n left: 50%;\n }\n &[data-style='slide-right'] {\n overflow: hidden;\n }\n &[data-style='slide-right'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-right'] .ladda-spinner {\n right: 100%;\n margin-left: 0;\n left: 16px;\n }\n [dir='rtl'] &[data-style='slide-right'] .ladda-spinner {\n right: auto;\n }\n &[data-style='slide-right'][data-loading] .ladda-label {\n opacity: 0;\n left: 100%;\n }\n &[data-style='slide-right'][data-loading] .ladda-spinner {\n opacity: 1;\n left: 50%;\n }\n &[data-style='slide-up'] {\n overflow: hidden;\n }\n &[data-style='slide-up'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-up'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n margin-top: 1em;\n }\n &[data-style='slide-up'][data-loading] .ladda-label {\n opacity: 0;\n top: -1em;\n }\n &[data-style='slide-up'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-top: 0;\n }\n &[data-style='slide-down'] {\n overflow: hidden;\n }\n &[data-style='slide-down'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-down'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n margin-top: -2em;\n }\n &[data-style='slide-down'][data-loading] .ladda-label {\n opacity: 0;\n top: 1em;\n }\n &[data-style='slide-down'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-top: 0;\n }\n &[data-style='zoom-out'] {\n overflow: hidden;\n }\n &[data-style='zoom-out'] .ladda-spinner {\n left: 50%;\n margin-left: 32px;\n transform: scale(2.5);\n }\n &[data-style='zoom-out'] .ladda-label {\n position: relative;\n display: inline-block;\n }\n &[data-style='zoom-out'][data-loading] .ladda-label {\n opacity: 0;\n transform: scale(0.5);\n }\n &[data-style='zoom-out'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-left: 0;\n transform: none;\n }\n &[data-style='zoom-in'] {\n overflow: hidden;\n }\n &[data-style='zoom-in'] .ladda-spinner {\n left: 50%;\n margin-left: -16px;\n transform: scale(0.2);\n }\n &[data-style='zoom-in'] .ladda-label {\n position: relative;\n display: inline-block;\n }\n &[data-style='zoom-in'][data-loading] .ladda-label {\n opacity: 0;\n transform: scale(2.2);\n }\n &[data-style='zoom-in'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-left: 0;\n transform: none;\n }\n &[data-style='contract'] {\n overflow: hidden;\n width: 100px;\n }\n &[data-style='contract'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n }\n &[data-style='contract'][data-loading] {\n border-radius: 50%;\n width: 52px;\n }\n &[data-style='contract'][data-loading] .ladda-label {\n opacity: 0;\n }\n &[data-style='contract'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='contract-overlay'] {\n overflow: hidden;\n width: 100px;\n box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0);\n }\n &[data-style='contract-overlay'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n }\n &[data-style='contract-overlay'][data-loading] {\n border-radius: 50%;\n width: 52px;\n box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0.8);\n }\n &[data-style='contract-overlay'][data-loading] .ladda-label {\n opacity: 0;\n }\n &[data-style='contract-overlay'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n [dir='rtl'] .ladda-spinner > div {\n left: 25% !important;\n }\n"], ["\n ", "\n\n /*!\n * Ladda\n * http://lab.hakim.se/ladda\n * MIT licensed\n *\n * Copyright (C) 2018 Hakim El Hattab, http://hakim.se\n */\n\n position: relative;\n\n .ladda-spinner {\n position: absolute;\n z-index: 2;\n display: inline-block;\n width: 32px;\n top: 50%;\n margin-top: 0;\n opacity: 0;\n pointer-events: none;\n }\n .ladda-label {\n position: relative;\n z-index: 3;\n }\n .ladda-progress {\n position: absolute;\n width: 0;\n height: 100%;\n left: 0;\n top: 0;\n background: rgba(0, 0, 0, 0.2);\n display: none;\n transition: 0.1s linear all !important;\n }\n &[data-loading] .ladda-progress {\n display: block;\n }\n\n transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;\n\n .ladda-spinner,\n .ladda-label {\n transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;\n }\n &[data-style='zoom-in'],\n &[data-style='zoom-in'] .ladda-spinner,\n &[data-style='zoom-in'] .ladda-label,\n &[data-style='zoom-out'],\n &[data-style='zoom-out'] .ladda-spinner,\n &[data-style='zoom-out'] .ladda-label {\n transition: 0.3s ease all !important;\n }\n &[data-style='expand-right'] .ladda-spinner {\n right: -6px;\n }\n &[data-style='expand-right'][data-size='s'] .ladda-spinner,\n &[data-style='expand-right'][data-size='xs'] .ladda-spinner {\n right: -12px;\n }\n &[data-style='expand-right'][data-loading] {\n padding-right: 56px;\n }\n &[data-style='expand-right'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='expand-right'][data-loading][data-size='s'],\n &[data-style='expand-right'][data-loading][data-size='xs'] {\n padding-right: 40px;\n }\n &[data-style='expand-left'] .ladda-spinner {\n left: 26px;\n }\n &[data-style='expand-left'][data-size='s'] .ladda-spinner,\n &[data-style='expand-left'][data-size='xs'] .ladda-spinner {\n left: 4px;\n }\n &[data-style='expand-left'][data-loading] {\n padding-left: 56px;\n }\n &[data-style='expand-left'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='expand-left'][data-loading][data-size='s'],\n &[data-style='expand-left'][data-loading][data-size='xs'] {\n padding-left: 40px;\n }\n &[data-style='expand-up'] {\n overflow: hidden;\n }\n &[data-style='expand-up'] .ladda-spinner {\n top: -32px;\n left: 50%;\n margin-left: 0;\n }\n &[data-style='expand-up'][data-loading] {\n padding-top: 54px;\n }\n &[data-style='expand-up'][data-loading] .ladda-spinner {\n opacity: 1;\n top: 26px;\n margin-top: 0;\n }\n &[data-style='expand-up'][data-loading][data-size='s'],\n &[data-style='expand-up'][data-loading][data-size='xs'] {\n padding-top: 32px;\n }\n &[data-style='expand-up'][data-loading][data-size='s'] .ladda-spinner,\n &[data-style='expand-up'][data-loading][data-size='xs'] .ladda-spinner {\n top: 4px;\n }\n &[data-style='expand-down'] {\n overflow: hidden;\n }\n &[data-style='expand-down'] .ladda-spinner {\n top: 62px;\n left: 50%;\n margin-left: 0;\n }\n &[data-style='expand-down'][data-size='s'] .ladda-spinner,\n &[data-style='expand-down'][data-size='xs'] .ladda-spinner {\n top: 40px;\n }\n &[data-style='expand-down'][data-loading] {\n padding-bottom: 54px;\n }\n &[data-style='expand-down'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='expand-down'][data-loading][data-size='s'],\n &[data-style='expand-down'][data-loading][data-size='xs'] {\n padding-bottom: 32px;\n }\n &[data-style='slide-left'] {\n overflow: hidden;\n }\n &[data-style='slide-left'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-left'] .ladda-spinner {\n left: 100%;\n margin-left: 0;\n }\n &[data-style='slide-left'][data-loading] .ladda-label {\n opacity: 0;\n left: -100%;\n }\n &[data-style='slide-left'][data-loading] .ladda-spinner {\n opacity: 1;\n left: 50%;\n }\n &[data-style='slide-right'] {\n overflow: hidden;\n }\n &[data-style='slide-right'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-right'] .ladda-spinner {\n right: 100%;\n margin-left: 0;\n left: 16px;\n }\n [dir='rtl'] &[data-style='slide-right'] .ladda-spinner {\n right: auto;\n }\n &[data-style='slide-right'][data-loading] .ladda-label {\n opacity: 0;\n left: 100%;\n }\n &[data-style='slide-right'][data-loading] .ladda-spinner {\n opacity: 1;\n left: 50%;\n }\n &[data-style='slide-up'] {\n overflow: hidden;\n }\n &[data-style='slide-up'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-up'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n margin-top: 1em;\n }\n &[data-style='slide-up'][data-loading] .ladda-label {\n opacity: 0;\n top: -1em;\n }\n &[data-style='slide-up'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-top: 0;\n }\n &[data-style='slide-down'] {\n overflow: hidden;\n }\n &[data-style='slide-down'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-down'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n margin-top: -2em;\n }\n &[data-style='slide-down'][data-loading] .ladda-label {\n opacity: 0;\n top: 1em;\n }\n &[data-style='slide-down'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-top: 0;\n }\n &[data-style='zoom-out'] {\n overflow: hidden;\n }\n &[data-style='zoom-out'] .ladda-spinner {\n left: 50%;\n margin-left: 32px;\n transform: scale(2.5);\n }\n &[data-style='zoom-out'] .ladda-label {\n position: relative;\n display: inline-block;\n }\n &[data-style='zoom-out'][data-loading] .ladda-label {\n opacity: 0;\n transform: scale(0.5);\n }\n &[data-style='zoom-out'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-left: 0;\n transform: none;\n }\n &[data-style='zoom-in'] {\n overflow: hidden;\n }\n &[data-style='zoom-in'] .ladda-spinner {\n left: 50%;\n margin-left: -16px;\n transform: scale(0.2);\n }\n &[data-style='zoom-in'] .ladda-label {\n position: relative;\n display: inline-block;\n }\n &[data-style='zoom-in'][data-loading] .ladda-label {\n opacity: 0;\n transform: scale(2.2);\n }\n &[data-style='zoom-in'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-left: 0;\n transform: none;\n }\n &[data-style='contract'] {\n overflow: hidden;\n width: 100px;\n }\n &[data-style='contract'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n }\n &[data-style='contract'][data-loading] {\n border-radius: 50%;\n width: 52px;\n }\n &[data-style='contract'][data-loading] .ladda-label {\n opacity: 0;\n }\n &[data-style='contract'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='contract-overlay'] {\n overflow: hidden;\n width: 100px;\n box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0);\n }\n &[data-style='contract-overlay'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n }\n &[data-style='contract-overlay'][data-loading] {\n border-radius: 50%;\n width: 52px;\n box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0.8);\n }\n &[data-style='contract-overlay'][data-loading] .ladda-label {\n opacity: 0;\n }\n &[data-style='contract-overlay'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n [dir='rtl'] .ladda-spinner > div {\n left: 25% !important;\n }\n"])), function (props) {
|
|
501
459
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
|
|
502
460
|
return ((_a = props.theme.buttons) === null || _a === void 0 ? void 0 : _a.style) === 'bootstrap' && "\n border-radius: 0;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n text-transform: none;\n -webkit-appearance: button;\n \n &:not(:disabled),\n &[type='button']:not(:disabled),\n &[type='reset']:not(:disabled),\n &[type='submit']:not(:disabled) {\n cursor: pointer;\n }\n \n &:focus:not(:focus-visible) {\n outline: 0;\n }\n \n --bs-btn-padding-x: 0.75rem;\n --bs-btn-padding-y: 0.375rem;\n --bs-btn-font-family: ;\n --bs-btn-font-size: 1rem;\n --bs-btn-font-weight: 400;\n --bs-btn-line-height: 1.5;\n --bs-btn-color: var(--bs-body-color);\n --bs-btn-bg: transparent;\n --bs-btn-border-width: var(--bs-border-width);\n --bs-btn-border-color: transparent;\n --bs-btn-border-radius: var(--bs-border-radius);\n --bs-btn-hover-border-color: transparent;\n --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),\n 0 1px 1px rgba(0, 0, 0, 0.075);\n --bs-btn-disabled-opacity: 0.65;\n --bs-btn-focus-box-shadow: 0 0 0 0.25rem\n rgba(var(--bs-btn-focus-shadow-rgb), 0.5);\n display: inline-block;\n padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);\n font-family: var(--bs-btn-font-family);\n font-size: var(--bs-btn-font-size);\n font-weight: var(--bs-btn-font-weight);\n line-height: var(--bs-btn-line-height);\n color: var(--bs-btn-color);\n text-align: center;\n text-decoration: none;\n vertical-align: middle;\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);\n border-radius: var(--bs-btn-border-radius);\n background-color: var(--bs-btn-bg);\n //transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,\n // border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n \n @media (prefers-reduced-motion: reduce) {\n transition: none;\n }\n \n &:hover {\n filter: brightness(1.15);\n }\n \n &:focus-visible {\n color: var(--bs-btn-hover-color);\n background-color: var(--bs-btn-hover-bg);\n border-color: var(--bs-btn-hover-border-color);\n outline: 0;\n box-shadow: var(--bs-btn-focus-box-shadow);\n }\n \n &:disabled,\n &.disabled,\n fieldset:disabled & {\n color: var(--bs-btn-disabled-color);\n pointer-events: none;\n background-color: var(--bs-btn-disabled-bg);\n border-color: var(--bs-btn-disabled-border-color);\n opacity: var(--bs-btn-disabled-opacity);\n }\n \n --bs-btn-color: ".concat((_f = (_b = props.$textColor) !== null && _b !== void 0 ? _b : (_e = (_c = props.theme.buttons) === null || _c === void 0 ? void 0 : _c[(_d = props.$variant) !== null && _d !== void 0 ? _d : 'primary']) === null || _e === void 0 ? void 0 : _e.textColor) !== null && _f !== void 0 ? _f : '#fff', ";\n --bs-btn-bg: ").concat((_l = (_g = props.$backgroundColor) !== null && _g !== void 0 ? _g : (_k = (_h = props.theme.buttons) === null || _h === void 0 ? void 0 : _h[(_j = props.$variant) !== null && _j !== void 0 ? _j : 'primary']) === null || _k === void 0 ? void 0 : _k.backgroundColor) !== null && _l !== void 0 ? _l : '#0d6efd', ";\n --bs-btn-border-color: var(--bs-btn-bg);\n --bs-btn-focus-shadow-rgb: 49, 132, 253;\n --bs-btn-active-color: #fff;\n --bs-btn-active-bg: #0a58ca;\n --bs-btn-active-border-color: #0a53be;\n --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n --bs-btn-disabled-color: ").concat((_q = (_m = props.$disabledTextColor) !== null && _m !== void 0 ? _m : (_p = (_o = props.theme.buttons) === null || _o === void 0 ? void 0 : _o.loading) === null || _p === void 0 ? void 0 : _p.textColor) !== null && _q !== void 0 ? _q : '#fff', ";\n --bs-btn-disabled-bg: ").concat((_u = (_r = props.$disabledBackgroundColor) !== null && _r !== void 0 ? _r : (_t = (_s = props.theme.buttons) === null || _s === void 0 ? void 0 : _s.loading) === null || _t === void 0 ? void 0 : _t.backgroundColor) !== null && _u !== void 0 ? _u : 'gray', ";\n --bs-btn-disabled-border-color: ").concat((_v = props.$disabledBackgroundColor) !== null && _v !== void 0 ? _v : '#0d6efd', ";\n \n --bs-btn-padding-y: 14px;\n --bs-btn-padding-x: 1rem;\n --bs-btn-font-size: 18px;\n --bs-btn-border-radius: 4px;\n ");
|
|
503
461
|
});
|
|
504
|
-
var templateObject_1$
|
|
462
|
+
var templateObject_1$P;
|
|
505
463
|
|
|
506
|
-
var
|
|
464
|
+
var ButtonsRow$2 = styled__default.default.div(templateObject_1$O || (templateObject_1$O = __makeTemplateObject(["\n display: flex;\n gap: 0 15px;\n justify-content: center;\n"], ["\n display: flex;\n gap: 0 15px;\n justify-content: center;\n"])));
|
|
465
|
+
var templateObject_1$O;
|
|
466
|
+
|
|
467
|
+
var GuidanceMessageContainerDiv = styled__default.default.div(templateObject_1$N || (templateObject_1$N = __makeTemplateObject(["\n position: absolute;\n top: calc(", ");\n ", "\n font-weight: bold;\n width: 100%;\n display: flex;\n"], ["\n position: absolute;\n top: calc(", ");\n ", "\n font-weight: bold;\n width: 100%;\n display: flex;\n"])), function (_a) {
|
|
468
|
+
var $top = _a.$top;
|
|
469
|
+
return $top !== null && $top !== void 0 ? $top : '10vh';
|
|
470
|
+
}, function (_a) {
|
|
471
|
+
var $bottom = _a.$bottom;
|
|
472
|
+
return $bottom ? "bottom: ".concat($bottom, ";") : "";
|
|
473
|
+
});
|
|
474
|
+
var GuidanceMessageContainer = function GuidanceMessageContainer(props) {
|
|
475
|
+
var element = /*#__PURE__*/React__namespace.default.createElement(GuidanceMessageContainerDiv, _assign({}, props));
|
|
476
|
+
var portalLocation = document.getElementById('idmission-above-guides-content');
|
|
477
|
+
if (!portalLocation) return element;
|
|
478
|
+
return /*#__PURE__*/reactDom.createPortal(element, portalLocation);
|
|
479
|
+
};
|
|
480
|
+
var GuidanceMessage = styled__default.default.div(templateObject_2$F || (templateObject_2$F = __makeTemplateObject(["\n margin-left: auto;\n margin-right: auto;\n background: ", ";\n color: ", ";\n padding: 10px 12px 8px;\n border-radius: 8px;\n z-index: 10001;\n"], ["\n margin-left: auto;\n margin-right: auto;\n background: ", ";\n color: ", ";\n padding: 10px 12px 8px;\n border-radius: 8px;\n z-index: 10001;\n"])), function (props) {
|
|
481
|
+
var _a, _b, _c, _d, _e, _f;
|
|
482
|
+
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 : '#ccc';
|
|
483
|
+
}, function (props) {
|
|
484
|
+
var _a, _b, _c, _d, _e, _f;
|
|
485
|
+
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';
|
|
486
|
+
});
|
|
487
|
+
var templateObject_1$N, templateObject_2$F;
|
|
488
|
+
|
|
489
|
+
var wavesAnimation = styled.keyframes(templateObject_1$M || (templateObject_1$M = __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"])));
|
|
490
|
+
var progressBarAnimation = styled.keyframes(templateObject_2$E || (templateObject_2$E = __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"])));
|
|
491
|
+
var dualRingSpinnerAnimation = styled.keyframes(templateObject_3$s || (templateObject_3$s = __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"])));
|
|
492
|
+
var progressBorderAnimation = styled.keyframes(templateObject_4$m || (templateObject_4$m = __makeTemplateObject(["\n to {\n stroke-dashoffset: 0;\n }\n"], ["\n to {\n stroke-dashoffset: 0;\n }\n"])));
|
|
493
|
+
var templateObject_1$M, templateObject_2$E, templateObject_3$s, templateObject_4$m;
|
|
494
|
+
|
|
495
|
+
var OverlayContainer = styled__default.default.div(templateObject_1$L || (templateObject_1$L = __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) {
|
|
507
496
|
return props.theme.background ? "".concat(props.theme.background) : "white";
|
|
508
497
|
}, function (props) {
|
|
509
498
|
return props.theme.textColor ? "color: ".concat(props.theme.textColor, ";") : "";
|
|
510
499
|
});
|
|
511
|
-
var OverlayInner$2 = styled__default.default.div(templateObject_2$
|
|
500
|
+
var OverlayInner$2 = styled__default.default.div(templateObject_2$D || (templateObject_2$D = __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) {
|
|
512
501
|
var _a;
|
|
513
502
|
return (_a = props.theme.textAlign) !== null && _a !== void 0 ? _a : 'center';
|
|
514
503
|
}, function (props) {
|
|
515
504
|
return props.theme.padding ? "box-sizing: border-box; padding: ".concat(props.theme.padding, ";") : "";
|
|
516
505
|
});
|
|
517
|
-
var OverlayImageContainer = styled__default.default.div(templateObject_3$
|
|
518
|
-
var OverlayImageRow = styled__default.default.div(templateObject_4$
|
|
519
|
-
var GrayOverlayContainer = styled__default.default(OverlayContainer)(templateObject_5$
|
|
506
|
+
var OverlayImageContainer = styled__default.default.div(templateObject_3$r || (templateObject_3$r = __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"])));
|
|
507
|
+
var OverlayImageRow = styled__default.default.div(templateObject_4$l || (templateObject_4$l = __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"])));
|
|
508
|
+
var GrayOverlayContainer = styled__default.default(OverlayContainer)(templateObject_5$e || (templateObject_5$e = __makeTemplateObject(["\n background: #f7f6fb;\n"], ["\n background: #f7f6fb;\n"])));
|
|
520
509
|
var ButtonsColumn = styled__default.default.div(templateObject_6$a || (templateObject_6$a = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n gap: 15px 0;\n justify-content: center;\n margin-top: 24px;\n"], ["\n display: flex;\n flex-direction: column;\n gap: 15px 0;\n justify-content: center;\n margin-top: 24px;\n"])));
|
|
521
510
|
var WideButton = styled__default.default(LoaderButton)(templateObject_7$7 || (templateObject_7$7 = __makeTemplateObject(["\n width: 100%;\n border-radius: 30px;\n"], ["\n width: 100%;\n border-radius: 30px;\n"])));
|
|
522
|
-
var WideBorderButton = styled__default.default(WideButton)(templateObject_8$
|
|
511
|
+
var WideBorderButton = styled__default.default(WideButton)(templateObject_8$3 || (templateObject_8$3 = __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) {
|
|
523
512
|
var _a, _b;
|
|
524
513
|
return (_b = (_a = props.colors) === null || _a === void 0 ? void 0 : _a.textColor) !== null && _b !== void 0 ? _b : 'black';
|
|
525
514
|
}, function (props) {
|
|
@@ -529,7 +518,26 @@ var WideBorderButton = styled__default.default(WideButton)(templateObject_8$4 ||
|
|
|
529
518
|
var _a, _b;
|
|
530
519
|
return (_b = (_a = props.colors) === null || _a === void 0 ? void 0 : _a.borderColor) !== null && _b !== void 0 ? _b : 'var(--idm-color-secondary-500)';
|
|
531
520
|
});
|
|
532
|
-
var
|
|
521
|
+
var LoadingOverlayInner = styled__default.default(OverlayInner$2)(templateObject_9$3 || (templateObject_9$3 = __makeTemplateObject(["\n position: relative;\n height: 100%;\n display: flex;\n flex-direction: column;\n padding: 0;\n"], ["\n position: relative;\n height: 100%;\n display: flex;\n flex-direction: column;\n padding: 0;\n"])));
|
|
522
|
+
var LoadingOverlayHeader = styled__default.default.div(templateObject_10$2 || (templateObject_10$2 = __makeTemplateObject(["\n text-align: ", ";\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n ", "\n padding-bottom: 0;\n"], ["\n text-align: ", ";\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n ", "\n padding-bottom: 0;\n"])), function (props) {
|
|
523
|
+
var _a;
|
|
524
|
+
return (_a = props.theme.textAlign) !== null && _a !== void 0 ? _a : 'center';
|
|
525
|
+
}, function (props) {
|
|
526
|
+
return props.theme.padding ? "box-sizing: border-box; padding: ".concat(props.theme.padding, ";") : "";
|
|
527
|
+
});
|
|
528
|
+
var LoadingOverlayGuidanceMessage = styled__default.default(GuidanceMessage)(templateObject_11$1 || (templateObject_11$1 = __makeTemplateObject(["\n padding: 16px 24px;\n margin-top: 16px;\n font-size: 18px;\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 padding: 16px 24px;\n margin-top: 16px;\n font-size: 18px;\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"])));
|
|
529
|
+
var LoadingOverlayImageContainer = styled__default.default(OverlayImageContainer)(templateObject_12$1 || (templateObject_12$1 = __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"])));
|
|
530
|
+
var LoadingOverlayProgressBarBackground = styled__default.default.div(templateObject_13$1 || (templateObject_13$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"])));
|
|
531
|
+
var LoadingOverlayProgressBar = styled__default.default.span(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n display: block;\n width: ", "%;\n height: 100%;\n left: 0;\n position: absolute;\n"], ["\n display: block;\n width: ", "%;\n height: 100%;\n left: 0;\n position: absolute;\n"])), function (props) {
|
|
532
|
+
return props.$progress;
|
|
533
|
+
});
|
|
534
|
+
var LoadingOverlayProgressIndicator = styled__default.default.span(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);
|
|
535
|
+
var LoadingOverlayButtonsRow = styled__default.default(ButtonsRow$2)(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n padding: 15px 25px;\n min-height: 100px;\n width: 100%;\n box-sizing: border-box;\n position: relative;\n"], ["\n display: flex;\n flex-direction: row;\n padding: 15px 25px;\n min-height: 100px;\n width: 100%;\n box-sizing: border-box;\n position: relative;\n"])));
|
|
536
|
+
var LoadingOverlayLoadingListContainer = styled__default.default.div(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n display: flex;\n position: relative;\n z-index: 2;\n"], ["\n display: flex;\n position: relative;\n z-index: 2;\n"])));
|
|
537
|
+
var LoadingOverlayLoadingList = styled__default.default.ul(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n display: block;\n margin: auto;\n list-style: none;\n padding: 0;\n"], ["\n display: block;\n margin: auto;\n list-style: none;\n padding: 0;\n"])));
|
|
538
|
+
var LoadingOverlayLoadingListItem = styled__default.default.li(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n display: inline-flex;\n justify-content: center;\n align-items: center;\n padding: 2px 1.25rem 2px 0;\n line-height: 1rem;\n"], ["\n display: inline-flex;\n justify-content: center;\n align-items: center;\n padding: 2px 1.25rem 2px 0;\n line-height: 1rem;\n"])));
|
|
539
|
+
var LoadingOverlayProgressContainer = styled__default.default.div(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n"])));
|
|
540
|
+
var templateObject_1$L, templateObject_2$D, templateObject_3$r, templateObject_4$l, templateObject_5$e, templateObject_6$a, templateObject_7$7, templateObject_8$3, templateObject_9$3, templateObject_10$2, templateObject_11$1, templateObject_12$1, templateObject_13$1, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20;
|
|
533
541
|
|
|
534
542
|
var GeolocationAccessDeniedOverlay = function GeolocationAccessDeniedOverlay(_a) {
|
|
535
543
|
var accessBlockedImageUrl = _a.accessBlockedImageUrl;
|
|
@@ -5146,13 +5154,13 @@ function CameraTamperSeal(_a) {
|
|
|
5146
5154
|
}, messageText)));
|
|
5147
5155
|
}
|
|
5148
5156
|
var StyledOverlayInner$4 = styled__default.default(OverlayInner$2)(templateObject_1$J || (templateObject_1$J = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
5149
|
-
var StyledOverlayHeading = styled__default.default.h3(templateObject_2$
|
|
5157
|
+
var StyledOverlayHeading = styled__default.default.h3(templateObject_2$C || (templateObject_2$C = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
5150
5158
|
function useCameraStore(selector) {
|
|
5151
5159
|
var store = React.useContext(CameraStoreContext);
|
|
5152
5160
|
if (!store) throw new Error('useCameraStore cannot be used without Provider');
|
|
5153
5161
|
return zustand.useStore(store, selector);
|
|
5154
5162
|
}
|
|
5155
|
-
var templateObject_1$J, templateObject_2$
|
|
5163
|
+
var templateObject_1$J, templateObject_2$C;
|
|
5156
5164
|
|
|
5157
5165
|
var DocumentDetectionModelContext = /*#__PURE__*/React.createContext({
|
|
5158
5166
|
startDocumentDetection: function startDocumentDetection() {
|
|
@@ -6118,11 +6126,11 @@ function DebugStatsPane(_a) {
|
|
|
6118
6126
|
return /*#__PURE__*/reactDom.createPortal(element, portalLocation);
|
|
6119
6127
|
}
|
|
6120
6128
|
var DebugStatsPaneDiv = styled__default.default.span(templateObject_1$I || (templateObject_1$I = __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"], ["\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"])));
|
|
6121
|
-
var ObjectDetectionDebugOverlayDiv = styled__default.default.div(templateObject_2$
|
|
6129
|
+
var ObjectDetectionDebugOverlayDiv = styled__default.default.div(templateObject_2$B || (templateObject_2$B = __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 ", "\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 ", "\n transform-style: preserve-3d;\n"])), function (_a) {
|
|
6122
6130
|
var $flipX = _a.$flipX;
|
|
6123
6131
|
return $flipX ? 'transform: scaleX(-1);' : '';
|
|
6124
6132
|
});
|
|
6125
|
-
var ObjectDetectionDebugBox = styled__default.default.div(templateObject_3$
|
|
6133
|
+
var ObjectDetectionDebugBox = styled__default.default.div(templateObject_3$q || (templateObject_3$q = __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) {
|
|
6126
6134
|
var $color = _a.$color;
|
|
6127
6135
|
return $color !== null && $color !== void 0 ? $color : 'green';
|
|
6128
6136
|
}, function (_a) {
|
|
@@ -6132,7 +6140,7 @@ var ObjectDetectionDebugBox = styled__default.default.div(templateObject_3$r ||
|
|
|
6132
6140
|
var $flipX = _a.$flipX;
|
|
6133
6141
|
return $flipX ? 'transform: scaleX(-1);' : '';
|
|
6134
6142
|
});
|
|
6135
|
-
var FaceDetectionKeypointMarker = styled__default.default.div(templateObject_4$
|
|
6143
|
+
var FaceDetectionKeypointMarker = styled__default.default.div(templateObject_4$k || (templateObject_4$k = __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) {
|
|
6136
6144
|
var $color = _a.$color;
|
|
6137
6145
|
return $color !== null && $color !== void 0 ? $color : 'red';
|
|
6138
6146
|
}, function (_a) {
|
|
@@ -6323,29 +6331,7 @@ function SelfieCaptureFaceKeypoint(_a) {
|
|
|
6323
6331
|
}
|
|
6324
6332
|
});
|
|
6325
6333
|
}
|
|
6326
|
-
var templateObject_1$I, templateObject_2$
|
|
6327
|
-
|
|
6328
|
-
var GuidanceMessageContainerDiv = styled__default.default.div(templateObject_1$H || (templateObject_1$H = __makeTemplateObject(["\n position: absolute;\n top: calc(", ");\n ", "\n font-weight: bold;\n width: 100%;\n display: flex;\n"], ["\n position: absolute;\n top: calc(", ");\n ", "\n font-weight: bold;\n width: 100%;\n display: flex;\n"])), function (_a) {
|
|
6329
|
-
var $top = _a.$top;
|
|
6330
|
-
return $top !== null && $top !== void 0 ? $top : '10vh';
|
|
6331
|
-
}, function (_a) {
|
|
6332
|
-
var $bottom = _a.$bottom;
|
|
6333
|
-
return $bottom ? "bottom: ".concat($bottom, ";") : "";
|
|
6334
|
-
});
|
|
6335
|
-
var GuidanceMessageContainer = function GuidanceMessageContainer(props) {
|
|
6336
|
-
var element = /*#__PURE__*/React__namespace.default.createElement(GuidanceMessageContainerDiv, _assign({}, props));
|
|
6337
|
-
var portalLocation = document.getElementById('idmission-above-guides-content');
|
|
6338
|
-
if (!portalLocation) return element;
|
|
6339
|
-
return /*#__PURE__*/reactDom.createPortal(element, portalLocation);
|
|
6340
|
-
};
|
|
6341
|
-
var GuidanceMessage = styled__default.default.div(templateObject_2$z || (templateObject_2$z = __makeTemplateObject(["\n margin-left: auto;\n margin-right: auto;\n background: ", ";\n color: ", ";\n padding: 10px 12px 8px;\n border-radius: 8px;\n z-index: 10001;\n"], ["\n margin-left: auto;\n margin-right: auto;\n background: ", ";\n color: ", ";\n padding: 10px 12px 8px;\n border-radius: 8px;\n z-index: 10001;\n"])), function (props) {
|
|
6342
|
-
var _a, _b, _c, _d, _e, _f;
|
|
6343
|
-
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 : '#ccc';
|
|
6344
|
-
}, function (props) {
|
|
6345
|
-
var _a, _b, _c, _d, _e, _f;
|
|
6346
|
-
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';
|
|
6347
|
-
});
|
|
6348
|
-
var templateObject_1$H, templateObject_2$z;
|
|
6334
|
+
var templateObject_1$I, templateObject_2$B, templateObject_3$q, templateObject_4$k;
|
|
6349
6335
|
|
|
6350
6336
|
function OverrideWrongDocumentTypeGuidanceDialog(_a) {
|
|
6351
6337
|
var _b = _a.classNames,
|
|
@@ -6360,7 +6346,7 @@ function OverrideWrongDocumentTypeGuidanceDialog(_a) {
|
|
|
6360
6346
|
buttonText: 'OK'
|
|
6361
6347
|
});
|
|
6362
6348
|
if (!allowOverrideWrongDocumentTypeGuidance) return null;
|
|
6363
|
-
return /*#__PURE__*/React__namespace.default.createElement(Container$
|
|
6349
|
+
return /*#__PURE__*/React__namespace.default.createElement(Container$6, {
|
|
6364
6350
|
className: classNames.container
|
|
6365
6351
|
}, /*#__PURE__*/React__namespace.default.createElement(InnerContainer, {
|
|
6366
6352
|
className: classNames.inner
|
|
@@ -6378,18 +6364,18 @@ function OverrideWrongDocumentTypeGuidanceDialog(_a) {
|
|
|
6378
6364
|
}
|
|
6379
6365
|
}, verbiage.buttonText))));
|
|
6380
6366
|
}
|
|
6381
|
-
var Container$
|
|
6367
|
+
var Container$6 = styled__default.default.div(templateObject_1$H || (templateObject_1$H = __makeTemplateObject(["\n position: fixed;\n left: 0;\n bottom: 0;\n width: 100%;\n background: ", ";\n color: ", ";\n display: flex;\n z-index: 100001;\n"], ["\n position: fixed;\n left: 0;\n bottom: 0;\n width: 100%;\n background: ", ";\n color: ", ";\n display: flex;\n z-index: 100001;\n"])), function (props) {
|
|
6382
6368
|
var _a, _b, _c;
|
|
6383
6369
|
return (_c = (_b = (_a = props.theme.idCapture) === null || _a === void 0 ? void 0 : _a.overrideWrongDocumentTypeGuidance) === null || _b === void 0 ? void 0 : _b.backgroundColor) !== null && _c !== void 0 ? _c : '#eed202';
|
|
6384
6370
|
}, function (props) {
|
|
6385
6371
|
var _a, _b, _c;
|
|
6386
6372
|
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';
|
|
6387
6373
|
});
|
|
6388
|
-
var InnerContainer = styled__default.default.div(templateObject_2$
|
|
6389
|
-
var Message = styled__default.default.span(templateObject_3$
|
|
6390
|
-
var ButtonContainer = styled__default.default.div(templateObject_4$
|
|
6391
|
-
var Button$1 = styled__default.default(LoaderButton)(templateObject_5$
|
|
6392
|
-
var templateObject_1$
|
|
6374
|
+
var InnerContainer = styled__default.default.div(templateObject_2$A || (templateObject_2$A = __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"])));
|
|
6375
|
+
var Message = styled__default.default.span(templateObject_3$p || (templateObject_3$p = __makeTemplateObject(["\n display: block;\n margin: auto 12px auto 0;\n"], ["\n display: block;\n margin: auto 12px auto 0;\n"])));
|
|
6376
|
+
var ButtonContainer = styled__default.default.div(templateObject_4$j || (templateObject_4$j = __makeTemplateObject(["\n display: flex;\n margin-left: auto;\n"], ["\n display: flex;\n margin-left: auto;\n"])));
|
|
6377
|
+
var Button$1 = styled__default.default(LoaderButton)(templateObject_5$d || (templateObject_5$d = __makeTemplateObject(["\n white-space: nowrap;\n margin: auto;\n"], ["\n white-space: nowrap;\n margin: auto;\n"])));
|
|
6378
|
+
var templateObject_1$H, templateObject_2$A, templateObject_3$p, templateObject_4$j, templateObject_5$d;
|
|
6393
6379
|
|
|
6394
6380
|
// This is a simplified version of https://github.com/ZeeCoder/use-resize-observer.
|
|
6395
6381
|
// We have removed all options and made it compliant with React Compiler/React 19.
|
|
@@ -6508,37 +6494,37 @@ function extractSize(entry, sizeType) {
|
|
|
6508
6494
|
}
|
|
6509
6495
|
|
|
6510
6496
|
var IdCapture = function IdCapture(_a) {
|
|
6511
|
-
var _b, _c, _d, _e, _f, _g
|
|
6497
|
+
var _b, _c, _d, _e, _f, _g;
|
|
6512
6498
|
var requiredDocumentType = _a.requiredDocumentType,
|
|
6513
|
-
|
|
6514
|
-
thresholds =
|
|
6499
|
+
_h = _a.thresholds,
|
|
6500
|
+
thresholds = _h === void 0 ? defaultIdCaptureThresholds : _h,
|
|
6515
6501
|
guidanceMessage = _a.guidanceMessage,
|
|
6516
6502
|
guidanceSatisfied = _a.guidanceSatisfied,
|
|
6517
6503
|
onCapture = _a.onCapture,
|
|
6518
|
-
|
|
6519
|
-
classNames =
|
|
6520
|
-
|
|
6521
|
-
colors =
|
|
6522
|
-
|
|
6523
|
-
rawVerbiage =
|
|
6524
|
-
|
|
6525
|
-
debugMode =
|
|
6526
|
-
var
|
|
6527
|
-
ref =
|
|
6528
|
-
|
|
6529
|
-
width =
|
|
6530
|
-
|
|
6531
|
-
height =
|
|
6504
|
+
_j = _a.classNames,
|
|
6505
|
+
classNames = _j === void 0 ? {} : _j,
|
|
6506
|
+
_k = _a.colors,
|
|
6507
|
+
colors = _k === void 0 ? {} : _k,
|
|
6508
|
+
_l = _a.verbiage,
|
|
6509
|
+
rawVerbiage = _l === void 0 ? {} : _l,
|
|
6510
|
+
_m = _a.debugMode,
|
|
6511
|
+
debugMode = _m === void 0 ? false : _m;
|
|
6512
|
+
var _o = useResizeObserver(),
|
|
6513
|
+
ref = _o.ref,
|
|
6514
|
+
_p = _o.width,
|
|
6515
|
+
width = _p === void 0 ? 1 : _p,
|
|
6516
|
+
_q = _o.height,
|
|
6517
|
+
height = _q === void 0 ? 1 : _q;
|
|
6532
6518
|
var state = useIdCaptureStore();
|
|
6533
|
-
var
|
|
6534
|
-
camera =
|
|
6535
|
-
isRearFacing =
|
|
6536
|
-
var
|
|
6537
|
-
modelsReady =
|
|
6538
|
-
setThresholds =
|
|
6539
|
-
detectionTime =
|
|
6540
|
-
focusPredictionTime =
|
|
6541
|
-
getBestFrame =
|
|
6519
|
+
var _r = useCameraStore(),
|
|
6520
|
+
camera = _r.camera,
|
|
6521
|
+
isRearFacing = _r.isRearFacing;
|
|
6522
|
+
var _s = React.useContext(IdCaptureModelsContext),
|
|
6523
|
+
modelsReady = _s.ready,
|
|
6524
|
+
setThresholds = _s.setThresholds,
|
|
6525
|
+
detectionTime = _s.detectionTime,
|
|
6526
|
+
focusPredictionTime = _s.focusPredictionTime,
|
|
6527
|
+
getBestFrame = _s.getBestFrame;
|
|
6542
6528
|
React.useEffect(function () {
|
|
6543
6529
|
return dispatchIdCaptureAction({
|
|
6544
6530
|
type: 'captureInitialized'
|
|
@@ -6611,11 +6597,6 @@ var IdCapture = function IdCapture(_a) {
|
|
|
6611
6597
|
var theme = styled.useTheme();
|
|
6612
6598
|
colors.guideBoxUnsatisfiedColor || (colors.guideBoxUnsatisfiedColor = (_d = (_c = (_b = theme.idCapture) === null || _b === void 0 ? void 0 : _b.guideBox) === null || _c === void 0 ? void 0 : _c.unsatisfiedColor) !== null && _d !== void 0 ? _d : 'white');
|
|
6613
6599
|
colors.guideBoxSatisfiedColor || (colors.guideBoxSatisfiedColor = (_g = (_f = (_e = theme.idCapture) === null || _e === void 0 ? void 0 : _e.guideBox) === null || _f === void 0 ? void 0 : _f.satisfiedColor) !== null && _g !== void 0 ? _g : 'green');
|
|
6614
|
-
// console.log(
|
|
6615
|
-
// `${
|
|
6616
|
-
// documentTypeDisplayNames[state.detectedDocumentType]
|
|
6617
|
-
// } detected, hold still...`,
|
|
6618
|
-
// )
|
|
6619
6600
|
var verbiage = useTranslations(rawVerbiage, {
|
|
6620
6601
|
instructionText: 'Scan the front of ID',
|
|
6621
6602
|
processingIdCardText: 'ID card front captured.',
|
|
@@ -6640,12 +6621,12 @@ var IdCapture = function IdCapture(_a) {
|
|
|
6640
6621
|
var satisfied = state.isGoodFrame;
|
|
6641
6622
|
if (typeof guidanceSatisfied === 'boolean') satisfied = guidanceSatisfied;
|
|
6642
6623
|
guidanceMessage || (guidanceMessage = satisfied ? verbiage.guidanceSatisfiedText : !state.detectionThresholdMet ? verbiage.guidanceNotDetectedText : state.backDetectedFirst ? verbiage.guidanceBackDetectedFirstText : state.flipRequired ? verbiage.guidancePleaseFlipText : state.idCardDetectedButNotAllowed ? verbiage.guidanceIdCardNotAllowedText : state.passportDetectedButNotAllowed ? verbiage.guidancePassportNotAllowedText : !state.documentInBounds ? verbiage.guidanceNotCenteredText : state.documentTooClose ? verbiage.guidanceTooCloseText : !state.documentIsStable ? verbiage.guidanceNotStableText : !state.focusThresholdMet ? verbiage.guidanceTooBlurryText : '');
|
|
6643
|
-
return /*#__PURE__*/React__namespace.default.createElement(
|
|
6624
|
+
return /*#__PURE__*/React__namespace.default.createElement("div", {
|
|
6644
6625
|
ref: ref,
|
|
6645
|
-
className:
|
|
6626
|
+
className: classNames.container
|
|
6646
6627
|
}, guidanceMessage !== '' && ( /*#__PURE__*/React__namespace.default.createElement(GuidanceMessageContainer, {
|
|
6647
6628
|
"$top": "",
|
|
6648
|
-
"$bottom": "12.
|
|
6629
|
+
"$bottom": "12.5%",
|
|
6649
6630
|
className: classNames.guidanceMessageContainer
|
|
6650
6631
|
}, /*#__PURE__*/React__namespace.default.createElement(GuidanceMessage, {
|
|
6651
6632
|
"$variant": satisfied ? 'positive' : 'default',
|
|
@@ -6693,7 +6674,7 @@ var CameraAccessDeniedOverlay = function CameraAccessDeniedOverlay(_a) {
|
|
|
6693
6674
|
className: "flex ".concat((_b = classNames.container) !== null && _b !== void 0 ? _b : '')
|
|
6694
6675
|
}, /*#__PURE__*/React__namespace.default.createElement(StyledOverlayInner$3, {
|
|
6695
6676
|
className: classNames.inner
|
|
6696
|
-
}, /*#__PURE__*/React__namespace.default.createElement(StyledOverlayImageContainer$
|
|
6677
|
+
}, /*#__PURE__*/React__namespace.default.createElement(StyledOverlayImageContainer$1, {
|
|
6697
6678
|
className: classNames.imageContainer
|
|
6698
6679
|
}, /*#__PURE__*/React__namespace.default.createElement("img", {
|
|
6699
6680
|
src: assets.imageUrl,
|
|
@@ -6711,13 +6692,13 @@ var CameraAccessDeniedOverlay = function CameraAccessDeniedOverlay(_a) {
|
|
|
6711
6692
|
finished: true
|
|
6712
6693
|
}, verbiage.retryBtnText)));
|
|
6713
6694
|
};
|
|
6714
|
-
var StyledOverlayInner$3 = styled__default.default(OverlayInner$2)(templateObject_1$
|
|
6715
|
-
var StyledOverlayImageContainer$
|
|
6716
|
-
var Description$4 = styled__default.default.p(templateObject_3$
|
|
6717
|
-
var RetryButton$1 = styled__default.default(LoaderButton)(templateObject_4$
|
|
6718
|
-
var templateObject_1$
|
|
6695
|
+
var StyledOverlayInner$3 = styled__default.default(OverlayInner$2)(templateObject_1$G || (templateObject_1$G = __makeTemplateObject(["\n max-width: 500px;\n height: auto;\n margin: auto;\n"], ["\n max-width: 500px;\n height: auto;\n margin: auto;\n"])));
|
|
6696
|
+
var StyledOverlayImageContainer$1 = styled__default.default(OverlayImageContainer)(templateObject_2$z || (templateObject_2$z = __makeTemplateObject(["\n flex-grow: 0;\n"], ["\n flex-grow: 0;\n"])));
|
|
6697
|
+
var Description$4 = styled__default.default.p(templateObject_3$o || (templateObject_3$o = __makeTemplateObject(["\n line-height: 1.5;\n margin-bottom: 50px;\n"], ["\n line-height: 1.5;\n margin-bottom: 50px;\n"])));
|
|
6698
|
+
var RetryButton$1 = styled__default.default(LoaderButton)(templateObject_4$i || (templateObject_4$i = __makeTemplateObject(["\n width: 200px;\n margin: 0 auto;\n"], ["\n width: 200px;\n margin: 0 auto;\n"])));
|
|
6699
|
+
var templateObject_1$G, templateObject_2$z, templateObject_3$o, templateObject_4$i;
|
|
6719
6700
|
|
|
6720
|
-
var ExitCaptureStyledButton = styled__default.default.button(templateObject_1$
|
|
6701
|
+
var ExitCaptureStyledButton = styled__default.default.button(templateObject_1$F || (templateObject_1$F = __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: 1002;\n border: none;\n border-radius: 4px;\n background: #ccc;\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: 1002;\n border: none;\n border-radius: 4px;\n background: #ccc;\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"])));
|
|
6721
6702
|
var ExitCaptureButton = function ExitCaptureButton(_a) {
|
|
6722
6703
|
var onClick = _a.onClick,
|
|
6723
6704
|
className = _a.className;
|
|
@@ -6761,10 +6742,7 @@ var ExitCaptureButton = function ExitCaptureButton(_a) {
|
|
|
6761
6742
|
y2: "19.75"
|
|
6762
6743
|
}))));
|
|
6763
6744
|
};
|
|
6764
|
-
var templateObject_1$
|
|
6765
|
-
|
|
6766
|
-
var ButtonsRow = styled__default.default.div(templateObject_1$D || (templateObject_1$D = __makeTemplateObject(["\n display: flex;\n gap: 0 15px;\n justify-content: center;\n"], ["\n display: flex;\n gap: 0 15px;\n justify-content: center;\n"])));
|
|
6767
|
-
var templateObject_1$D;
|
|
6745
|
+
var templateObject_1$F;
|
|
6768
6746
|
|
|
6769
6747
|
function IdCaptureLoadingGraphic(props) {
|
|
6770
6748
|
var isMobile = window.innerHeight > window.innerWidth;
|
|
@@ -6772,14 +6750,10 @@ function IdCaptureLoadingGraphic(props) {
|
|
|
6772
6750
|
}
|
|
6773
6751
|
function IdCaptureLoadingGraphicDesktop(_a) {
|
|
6774
6752
|
var _b, _c, _d, _e, _f, _g;
|
|
6775
|
-
var
|
|
6776
|
-
|
|
6777
|
-
|
|
6778
|
-
|
|
6779
|
-
className = _a.className;
|
|
6780
|
-
var _k = React.useState(0),
|
|
6781
|
-
frame = _k[0],
|
|
6782
|
-
setFrame = _k[1];
|
|
6753
|
+
var className = _a.className;
|
|
6754
|
+
var _h = React.useState(0),
|
|
6755
|
+
frame = _h[0],
|
|
6756
|
+
setFrame = _h[1];
|
|
6783
6757
|
React.useEffect(function () {
|
|
6784
6758
|
var i = setInterval(function () {
|
|
6785
6759
|
setFrame(function (n) {
|
|
@@ -6795,8 +6769,6 @@ function IdCaptureLoadingGraphicDesktop(_a) {
|
|
|
6795
6769
|
var accentOpacity = (_g = (_f = (_e = theme.idCapture) === null || _e === void 0 ? void 0 : _e.loadingOverlay) === null || _f === void 0 ? void 0 : _f.loadingGraphicAccentOpacity) !== null && _g !== void 0 ? _g : 0.2;
|
|
6796
6770
|
return /*#__PURE__*/React__namespace.default.createElement(LoadingGraphicWrapper, null, /*#__PURE__*/React__namespace.default.createElement(LoadingGraphicSvg, {
|
|
6797
6771
|
className: className,
|
|
6798
|
-
width: width,
|
|
6799
|
-
height: height,
|
|
6800
6772
|
"$frame": frame,
|
|
6801
6773
|
"$borderColor": accentColor,
|
|
6802
6774
|
viewBox: "0 0 698 452",
|
|
@@ -7245,21 +7217,21 @@ function IdCaptureLoadingGraphicMobile(_a) {
|
|
|
7245
7217
|
fill: "white"
|
|
7246
7218
|
}))));
|
|
7247
7219
|
}
|
|
7248
|
-
var LoadingGraphicWrapper = styled__default.default.div(templateObject_1$
|
|
7249
|
-
var LoadingGraphicSvg = styled__default.default.svg(templateObject_2$
|
|
7220
|
+
var LoadingGraphicWrapper = styled__default.default.div(templateObject_1$E || (templateObject_1$E = __makeTemplateObject(["\n display: flex;\n width: 100%;\n height: 100%;\n"], ["\n display: flex;\n width: 100%;\n height: 100%;\n"])));
|
|
7221
|
+
var LoadingGraphicSvg = styled__default.default.svg(templateObject_2$y || (templateObject_2$y = __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) {
|
|
7250
7222
|
return props.$frame > 1 ? 1 : props.$frame === 1 ? 1.25 : 0.75;
|
|
7251
7223
|
}, function (props) {
|
|
7252
7224
|
return props.$frame >= 5 ? 10 : 0;
|
|
7253
7225
|
}, function (props) {
|
|
7254
7226
|
return props.$borderColor;
|
|
7255
7227
|
});
|
|
7256
|
-
var LoadingGraphicCardGroup = styled__default.default.g(templateObject_3$
|
|
7228
|
+
var LoadingGraphicCardGroup = styled__default.default.g(templateObject_3$n || (templateObject_3$n = __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) {
|
|
7257
7229
|
return props.$offScreen ? '-500px' : '0';
|
|
7258
7230
|
});
|
|
7259
|
-
var LoadingGraphicPhoneGroup = styled__default.default.g(templateObject_4$
|
|
7231
|
+
var LoadingGraphicPhoneGroup = styled__default.default.g(templateObject_4$h || (templateObject_4$h = __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) {
|
|
7260
7232
|
return props.$offScreen ? '40px' : '0';
|
|
7261
7233
|
});
|
|
7262
|
-
var templateObject_1$
|
|
7234
|
+
var templateObject_1$E, templateObject_2$y, templateObject_3$n, templateObject_4$h;
|
|
7263
7235
|
|
|
7264
7236
|
function LoadingListItemIndicator(_a) {
|
|
7265
7237
|
var _b = _a.state,
|
|
@@ -7310,12 +7282,6 @@ function LoadingListItemIndicator(_a) {
|
|
|
7310
7282
|
}))))));
|
|
7311
7283
|
}
|
|
7312
7284
|
|
|
7313
|
-
var wavesAnimation = styled.keyframes(templateObject_1$B || (templateObject_1$B = __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"])));
|
|
7314
|
-
var progressBarAnimation = styled.keyframes(templateObject_2$v || (templateObject_2$v = __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"])));
|
|
7315
|
-
var dualRingSpinnerAnimation = styled.keyframes(templateObject_3$n || (templateObject_3$n = __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"])));
|
|
7316
|
-
var progressBorderAnimation = styled.keyframes(templateObject_4$h || (templateObject_4$h = __makeTemplateObject(["\n to {\n stroke-dashoffset: 0;\n }\n"], ["\n to {\n stroke-dashoffset: 0;\n }\n"])));
|
|
7317
|
-
var templateObject_1$B, templateObject_2$v, templateObject_3$n, templateObject_4$h;
|
|
7318
|
-
|
|
7319
7285
|
var legacyInstructionImageUrl$1 = "".concat(DEFAULT_CDN_URL, "/WebSDK-Instruction-DL-Capture-3-Portrait.png");
|
|
7320
7286
|
var IdCaptureLoadingOverlayDefault = function IdCaptureLoadingOverlayDefault(_a) {
|
|
7321
7287
|
var _b, _c, _d, _e;
|
|
@@ -7396,13 +7362,10 @@ var IdCaptureLoadingOverlayDefault = function IdCaptureLoadingOverlayDefault(_a)
|
|
|
7396
7362
|
}, onUserCancel && ( /*#__PURE__*/React__namespace.default.createElement(ExitCaptureButton, {
|
|
7397
7363
|
onClick: onUserCancel,
|
|
7398
7364
|
className: classNames.cancelBtn
|
|
7399
|
-
})), customOverlayContent || ( /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(
|
|
7365
|
+
})), customOverlayContent || ( /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(LoadingOverlayHeader, null, /*#__PURE__*/React__namespace.default.createElement(LoadingOverlayGuidanceMessage, {
|
|
7400
7366
|
className: classNames.heading
|
|
7401
|
-
}, verbiage.headingText)), /*#__PURE__*/React__namespace.default.createElement(
|
|
7402
|
-
className: classNames.imageContainer
|
|
7403
|
-
style: {
|
|
7404
|
-
pointerEvents: 'none'
|
|
7405
|
-
}
|
|
7367
|
+
}, verbiage.headingText)), /*#__PURE__*/React__namespace.default.createElement(LoadingOverlayImageContainer, {
|
|
7368
|
+
className: classNames.imageContainer
|
|
7406
7369
|
}, (assets === null || assets === void 0 ? void 0 : assets.instructionImageUrl) && assets.instructionImageUrl !== legacyInstructionImageUrl$1 ? ( /*#__PURE__*/React__namespace.default.createElement(CustomLoadingGraphic$1, {
|
|
7407
7370
|
ref: imageRef,
|
|
7408
7371
|
alt: verbiage.headingText,
|
|
@@ -7426,27 +7389,27 @@ var IdCaptureLoadingOverlayDefault = function IdCaptureLoadingOverlayDefault(_a)
|
|
|
7426
7389
|
}), /*#__PURE__*/React__namespace.default.createElement("label", {
|
|
7427
7390
|
htmlFor: "use-continuity-camera",
|
|
7428
7391
|
className: classNames.continuityCameraCheckboxLabel
|
|
7429
|
-
}, verbiage.useContinuityCameraText)))), /*#__PURE__*/React__namespace.default.createElement(
|
|
7392
|
+
}, verbiage.useContinuityCameraText)))), /*#__PURE__*/React__namespace.default.createElement(ButtonsRow$1, {
|
|
7430
7393
|
className: classNames.buttonsRow
|
|
7431
|
-
}, /*#__PURE__*/React__namespace.default.createElement(
|
|
7394
|
+
}, /*#__PURE__*/React__namespace.default.createElement(LoadingOverlayProgressContainer, {
|
|
7432
7395
|
className: classNames.progressContainer
|
|
7433
7396
|
}, /*#__PURE__*/React__namespace.default.createElement(ProgressBarBackground$1, {
|
|
7434
7397
|
className: classNames.progressBackground
|
|
7435
|
-
}), /*#__PURE__*/React__namespace.default.createElement(
|
|
7398
|
+
}), /*#__PURE__*/React__namespace.default.createElement(LoadingOverlayProgressBar, {
|
|
7436
7399
|
"$progress": modelDownloadProgress,
|
|
7437
7400
|
className: classNames.progressBar
|
|
7438
7401
|
}, /*#__PURE__*/React__namespace.default.createElement(ProgressIndicator$1, {
|
|
7439
7402
|
className: classNames.progressIndicator
|
|
7440
|
-
}))), /*#__PURE__*/React__namespace.default.createElement(
|
|
7403
|
+
}))), /*#__PURE__*/React__namespace.default.createElement(LoadingOverlayLoadingListContainer, {
|
|
7441
7404
|
className: classNames.loadingListContainer
|
|
7442
|
-
}, /*#__PURE__*/React__namespace.default.createElement(
|
|
7405
|
+
}, /*#__PURE__*/React__namespace.default.createElement(LoadingOverlayLoadingList, {
|
|
7443
7406
|
className: classNames.loadingList
|
|
7444
|
-
}, /*#__PURE__*/React__namespace.default.createElement(
|
|
7407
|
+
}, /*#__PURE__*/React__namespace.default.createElement(LoadingOverlayLoadingListItem, {
|
|
7445
7408
|
className: cn__default.default(classNames.loadingListItem, cameraReady ? 'done' : 'running')
|
|
7446
7409
|
}, /*#__PURE__*/React__namespace.default.createElement(LoadingListItemIndicator, {
|
|
7447
7410
|
className: classNames.loadingListItemIndicator,
|
|
7448
7411
|
state: cameraReady ? 'done' : 'running'
|
|
7449
|
-
}), cameraReady ? verbiage.cameraInitializedText : verbiage.cameraInitializingText), /*#__PURE__*/React__namespace.default.createElement(
|
|
7412
|
+
}), cameraReady ? verbiage.cameraInitializedText : verbiage.cameraInitializingText), /*#__PURE__*/React__namespace.default.createElement(LoadingOverlayLoadingListItem, {
|
|
7450
7413
|
className: cn__default.default(classNames.loadingListItem, sessionReady && modelsReady ? 'done' : 'running')
|
|
7451
7414
|
}, /*#__PURE__*/React__namespace.default.createElement(LoadingListItemIndicator, {
|
|
7452
7415
|
className: classNames.loadingListItemIndicator,
|
|
@@ -7465,52 +7428,34 @@ var IdCaptureLoadingOverlayDefault = function IdCaptureLoadingOverlayDefault(_a)
|
|
|
7465
7428
|
}
|
|
7466
7429
|
}, verbiage.continueText))))));
|
|
7467
7430
|
};
|
|
7468
|
-
var OverlayInner$1 = styled__default.default
|
|
7431
|
+
var OverlayInner$1 = styled__default.default(LoadingOverlayInner)(templateObject_1$D || (templateObject_1$D = __makeTemplateObject(["\n background: ", ";\n color: ", ";\n"], ["\n background: ", ";\n color: ", ";\n"])), function (props) {
|
|
7469
7432
|
var _a, _b, _c, _d;
|
|
7470
7433
|
return (_d = (_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.idCapture) === null || _b === void 0 ? void 0 : _b.loadingOverlay) === null || _c === void 0 ? void 0 : _c.backgroundColor) !== null && _d !== void 0 ? _d : '#ecedf3';
|
|
7471
7434
|
}, function (props) {
|
|
7472
7435
|
var _a, _b, _c, _d;
|
|
7473
7436
|
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';
|
|
7474
7437
|
});
|
|
7475
|
-
var
|
|
7476
|
-
|
|
7477
|
-
|
|
7478
|
-
|
|
7479
|
-
return props.theme.padding ? "box-sizing: border-box; padding: ".concat(props.theme.padding, ";") : "";
|
|
7480
|
-
});
|
|
7481
|
-
var StyledGuidanceMessage$2 = styled__default.default(GuidanceMessage)(templateObject_3$m || (templateObject_3$m = __makeTemplateObject(["\n padding: 16px 24px;\n margin-top: 16px;\n font-size: 18px;\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 padding: 16px 24px;\n margin-top: 16px;\n font-size: 18px;\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"])));
|
|
7482
|
-
var StyledOverlayImageContainer$2 = styled__default.default(OverlayImageContainer)(templateObject_4$g || (templateObject_4$g = __makeTemplateObject(["\n padding: 0 0 100px;\n\n & > svg {\n height: 100%;\n }\n"], ["\n padding: 0 0 100px;\n\n & > svg {\n height: 100%;\n }\n"])));
|
|
7483
|
-
var ContinuityCameraCheckboxContainer$1 = styled__default.default.div(templateObject_5$b || (templateObject_5$b = __makeTemplateObject(["\n position: fixed;\n bottom: 120px;\n width: 100dvw;\n display: flex;\n"], ["\n position: fixed;\n bottom: 120px;\n width: 100dvw;\n display: flex;\n"])));
|
|
7484
|
-
var ContinuityCameraCheckboxInner = styled__default.default(GuidanceMessage)(templateObject_6$9 || (templateObject_6$9 = __makeTemplateObject(["\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 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"])));
|
|
7485
|
-
var ContinuityCameraCheckbox$1 = styled__default.default.input(templateObject_7$6 || (templateObject_7$6 = __makeTemplateObject(["\n margin-right: 8px;\n"], ["\n margin-right: 8px;\n"])));
|
|
7486
|
-
var StyledButtonsRow$a = styled__default.default(ButtonsRow)(templateObject_8$3 || (templateObject_8$3 = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n padding: 15px 25px;\n height: 100px;\n color: ", ";\n ", "\n position: fixed;\n bottom: 0;\n left: 0;\n width: 100dvw;\n box-sizing: border-box;\n"], ["\n display: flex;\n flex-direction: row;\n padding: 15px 25px;\n height: 100px;\n color: ", ";\n ", "\n position: fixed;\n bottom: 0;\n left: 0;\n width: 100dvw;\n box-sizing: border-box;\n"])), function (props) {
|
|
7438
|
+
var ContinuityCameraCheckboxContainer$1 = styled__default.default.div(templateObject_2$x || (templateObject_2$x = __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"])));
|
|
7439
|
+
var ContinuityCameraCheckboxInner = styled__default.default(GuidanceMessage)(templateObject_3$m || (templateObject_3$m = __makeTemplateObject(["\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 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"])));
|
|
7440
|
+
var ContinuityCameraCheckbox$1 = styled__default.default.input(templateObject_4$g || (templateObject_4$g = __makeTemplateObject(["\n margin-right: 8px;\n"], ["\n margin-right: 8px;\n"])));
|
|
7441
|
+
var ButtonsRow$1 = styled__default.default(LoadingOverlayButtonsRow)(templateObject_5$c || (templateObject_5$c = __makeTemplateObject(["\n color: ", ";\n ", "\n"], ["\n color: ", ";\n ", "\n"])), function (props) {
|
|
7487
7442
|
var _a, _b, _c, _d;
|
|
7488
7443
|
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';
|
|
7489
7444
|
}, function (props) {
|
|
7490
7445
|
var _a, _b, _c, _d, _e, _f;
|
|
7491
7446
|
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, ";") : '';
|
|
7492
7447
|
});
|
|
7493
|
-
var
|
|
7494
|
-
var LoadingList$1 = styled__default.default.ul(templateObject_10$2 || (templateObject_10$2 = __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"])));
|
|
7495
|
-
var LoadingListItem$1 = styled__default.default.li(templateObject_11$2 || (templateObject_11$2 = __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"])));
|
|
7496
|
-
var ProgressContainer$1 = styled__default.default.div(templateObject_12$2 || (templateObject_12$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"])));
|
|
7497
|
-
var ProgressBarBackground$1 = styled__default.default.div(templateObject_13$2 || (templateObject_13$2 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: ", ";\n opacity: ", ";\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: ", ";\n opacity: ", ";\n"])), function (props) {
|
|
7448
|
+
var ProgressBarBackground$1 = styled__default.default(LoadingOverlayProgressBarBackground)(templateObject_6$9 || (templateObject_6$9 = __makeTemplateObject(["\n background: ", ";\n opacity: ", ";\n"], ["\n background: ", ";\n opacity: ", ";\n"])), function (props) {
|
|
7498
7449
|
var _a, _b, _c, _d;
|
|
7499
7450
|
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)';
|
|
7500
7451
|
}, function (props) {
|
|
7501
7452
|
var _a, _b, _c, _d;
|
|
7502
7453
|
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;
|
|
7503
7454
|
});
|
|
7504
|
-
var
|
|
7505
|
-
|
|
7506
|
-
|
|
7507
|
-
var
|
|
7508
|
-
var _a, _b, _c, _d;
|
|
7509
|
-
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-positive-600)';
|
|
7510
|
-
}, progressBarAnimation);
|
|
7511
|
-
var CustomLoadingGraphic$1 = styled__default.default.img(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n transform-style: preserve-3d;\n"], ["\n transform-style: preserve-3d;\n"])));
|
|
7512
|
-
var ContinueButtonContainer$1 = styled__default.default.div(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n display: flex;\n"], ["\n display: flex;\n"])));
|
|
7513
|
-
var ContinueButton$1 = styled__default.default(LoaderButton)(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n margin: auto;\n white-space: nowrap;\n ", "\n ", "\n \n &:focus-visible {\n ", "\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"])), function (props) {
|
|
7455
|
+
var ProgressIndicator$1 = styled__default.default(LoadingOverlayProgressIndicator)(templateObject_7$6 || (templateObject_7$6 = __makeTemplateObject(["\n animation: ", " 3s ease-in-out;\n animation-fill-mode: both;\n"], ["\n animation: ", " 3s ease-in-out;\n animation-fill-mode: both;\n"])), progressBarAnimation);
|
|
7456
|
+
var CustomLoadingGraphic$1 = styled__default.default.img(templateObject_8$2 || (templateObject_8$2 = __makeTemplateObject(["\n transform-style: preserve-3d;\n"], ["\n transform-style: preserve-3d;\n"])));
|
|
7457
|
+
var ContinueButtonContainer$1 = styled__default.default.div(templateObject_9$2 || (templateObject_9$2 = __makeTemplateObject(["\n display: flex;\n"], ["\n display: flex;\n"])));
|
|
7458
|
+
var ContinueButton$1 = styled__default.default(LoaderButton)(templateObject_10$1 || (templateObject_10$1 = __makeTemplateObject(["\n margin: auto;\n white-space: nowrap;\n ", "\n ", "\n \n &:focus-visible {\n ", "\n box-shadow: none;\n }\n"], ["\n margin: auto;\n white-space: nowrap;\n ", "\n ", "\n \n &:focus-visible {\n ", "\n box-shadow: none;\n }\n"])), function (props) {
|
|
7514
7459
|
var _a, _b, _c, _d, _e, _f;
|
|
7515
7460
|
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, ";") : '';
|
|
7516
7461
|
}, function (props) {
|
|
@@ -7520,10 +7465,10 @@ var ContinueButton$1 = styled__default.default(LoaderButton)(templateObject_18 |
|
|
|
7520
7465
|
var _a, _b, _c, _d, _e, _f;
|
|
7521
7466
|
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.continueBtnBorder) ? "border: ".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.continueBtnBorder, ";") : '';
|
|
7522
7467
|
});
|
|
7523
|
-
var templateObject_1$
|
|
7468
|
+
var templateObject_1$D, templateObject_2$x, templateObject_3$m, templateObject_4$g, templateObject_5$c, templateObject_6$9, templateObject_7$6, templateObject_8$2, templateObject_9$2, templateObject_10$1;
|
|
7524
7469
|
|
|
7525
|
-
var ContinuityCameraCheckboxContainer = styled__default.default.div(templateObject_1$
|
|
7526
|
-
var ContinuityCameraCheckbox = styled__default.default.input(templateObject_2$
|
|
7470
|
+
var ContinuityCameraCheckboxContainer = styled__default.default.div(templateObject_1$C || (templateObject_1$C = __makeTemplateObject(["\n margin-top: 15px;\n margin-bottom: 15px;\n"], ["\n margin-top: 15px;\n margin-bottom: 15px;\n"])));
|
|
7471
|
+
var ContinuityCameraCheckbox = styled__default.default.input(templateObject_2$w || (templateObject_2$w = __makeTemplateObject(["\n margin-right: 8px;\n"], ["\n margin-right: 8px;\n"])));
|
|
7527
7472
|
var IdCaptureLoadingOverlayLegacy = function IdCaptureLoadingOverlayLegacy(_a) {
|
|
7528
7473
|
var _b, _c, _d, _e;
|
|
7529
7474
|
var onDismissed = _a.onDismissed,
|
|
@@ -7644,7 +7589,7 @@ var IdCaptureLoadingOverlayLegacy = function IdCaptureLoadingOverlayLegacy(_a) {
|
|
|
7644
7589
|
}
|
|
7645
7590
|
}, ready ? verbiage.continueText : modelsReady ? verbiage.cameraInitializingText : modelDownloadProgress >= 100 ? verbiage.modelsWarmingUpText : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)"))));
|
|
7646
7591
|
};
|
|
7647
|
-
var templateObject_1$
|
|
7592
|
+
var templateObject_1$C, templateObject_2$w;
|
|
7648
7593
|
|
|
7649
7594
|
var components$1 = {
|
|
7650
7595
|
"default": IdCaptureLoadingOverlayDefault,
|
|
@@ -7702,9 +7647,9 @@ var CapturedDocumentImg = function CapturedDocumentImg(_a) {
|
|
|
7702
7647
|
});
|
|
7703
7648
|
};
|
|
7704
7649
|
|
|
7705
|
-
var Card = styled__default.default.div(templateObject_1$
|
|
7706
|
-
var FlexCard = styled__default.default(Card)(templateObject_2$
|
|
7707
|
-
var templateObject_1$
|
|
7650
|
+
var Card = styled__default.default.div(templateObject_1$B || (templateObject_1$B = __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"])));
|
|
7651
|
+
var FlexCard = styled__default.default(Card)(templateObject_2$v || (templateObject_2$v = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n"], ["\n display: flex;\n flex-direction: column;\n"])));
|
|
7652
|
+
var templateObject_1$B, templateObject_2$v;
|
|
7708
7653
|
|
|
7709
7654
|
var imageDisplayOrder = ['idCardFront', 'idCardBack', 'passport', 'singlePage', 'idFrontIrImage', 'idBackIrImage', 'idFrontUvImage', 'idBackUvImage'];
|
|
7710
7655
|
var IdCaptureSuccess = function IdCaptureSuccess(_a) {
|
|
@@ -7766,13 +7711,13 @@ var IdCaptureSuccess = function IdCaptureSuccess(_a) {
|
|
|
7766
7711
|
finished: true
|
|
7767
7712
|
}, verbiage.retryText)))));
|
|
7768
7713
|
};
|
|
7769
|
-
var Heading$a = styled__default.default.h1(templateObject_1$
|
|
7770
|
-
var ImagesContainer = styled__default.default(OverlayImageContainer)(templateObject_2$
|
|
7771
|
-
var ImageRow = styled__default.default(OverlayImageRow)(templateObject_3$l || (templateObject_3$l = __makeTemplateObject(["\n max-width: 100%;\n flex-direction: column;\n
|
|
7772
|
-
var ImageCol$1 = styled__default.default.div(templateObject_4$f || (templateObject_4$f = __makeTemplateObject(["\n width: 100%;\n max-height: none !important;\n"], ["\n width: 100%;\n max-height: none !important;\n"])));
|
|
7773
|
-
var StyledImage = styled__default.default(CapturedDocumentImg)(templateObject_5$
|
|
7774
|
-
var DebugPre = styled__default.default.pre(templateObject_6$8 || (templateObject_6$8 = __makeTemplateObject(["\n text-align: left;\n max-width:
|
|
7775
|
-
var templateObject_1$
|
|
7714
|
+
var Heading$a = styled__default.default.h1(templateObject_1$A || (templateObject_1$A = __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"])));
|
|
7715
|
+
var ImagesContainer = styled__default.default(OverlayImageContainer)(templateObject_2$u || (templateObject_2$u = __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"])));
|
|
7716
|
+
var ImageRow = styled__default.default(OverlayImageRow)(templateObject_3$l || (templateObject_3$l = __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"])));
|
|
7717
|
+
var ImageCol$1 = styled__default.default.div(templateObject_4$f || (templateObject_4$f = __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"])));
|
|
7718
|
+
var StyledImage = styled__default.default(CapturedDocumentImg)(templateObject_5$b || (templateObject_5$b = __makeTemplateObject(["\n width: 100%;\n border-radius: 12px;\n"], ["\n width: 100%;\n border-radius: 12px;\n"])));
|
|
7719
|
+
var DebugPre = styled__default.default.pre(templateObject_6$8 || (templateObject_6$8 = __makeTemplateObject(["\n display: block;\n text-align: left;\n width: 100%;\n max-width: 100%;\n overflow-x: auto;\n"], ["\n display: block;\n text-align: left;\n width: 100%;\n max-width: 100%;\n overflow-x: auto;\n"])));
|
|
7720
|
+
var templateObject_1$A, templateObject_2$u, templateObject_3$l, templateObject_4$f, templateObject_5$b, templateObject_6$8;
|
|
7776
7721
|
|
|
7777
7722
|
function useShowSuccessScreen(skipSuccessScreen, successScreenReady, onDoneCallback) {
|
|
7778
7723
|
var _this = this;
|
|
@@ -7824,10 +7769,10 @@ function resetCanvasDimensions(canvas) {
|
|
|
7824
7769
|
canvas.style.height = '0';
|
|
7825
7770
|
}
|
|
7826
7771
|
|
|
7827
|
-
var IdCardGuideImageContainer = styled__default.default(IdCardBorder)(templateObject_1$
|
|
7772
|
+
var IdCardGuideImageContainer = styled__default.default(IdCardBorder)(templateObject_1$z || (templateObject_1$z = __makeTemplateObject(["\n position: relative;\n ", "\n box-sizing: border-box;\n"], ["\n position: relative;\n ", "\n box-sizing: border-box;\n"])), function (props) {
|
|
7828
7773
|
return props.$isVisible ? '' : 'opacity: 0;';
|
|
7829
7774
|
});
|
|
7830
|
-
var IdCardGuideImage = styled__default.default.img(templateObject_2$
|
|
7775
|
+
var IdCardGuideImage = styled__default.default.img(templateObject_2$t || (templateObject_2$t = __makeTemplateObject(["\n transform-style: preserve-3d;\n ", "\n ", "\n"], ["\n transform-style: preserve-3d;\n ", "\n ", "\n"])), function (props) {
|
|
7831
7776
|
return props.$isMirrored ? 'transform: scaleX(-1);' : '';
|
|
7832
7777
|
}, function (props) {
|
|
7833
7778
|
return props.$isInvisible ? 'opacity: 0;' : '';
|
|
@@ -7973,14 +7918,14 @@ function IdCardBorderSvg(_a) {
|
|
|
7973
7918
|
}
|
|
7974
7919
|
var IdCardBorderContainer = styled__default.default.div(templateObject_3$k || (templateObject_3$k = __makeTemplateObject(["\n & > .idmSdkWaves {\n position: absolute;\n animation: ", " 2s ease-out infinite;\n transform-style: preserve-3d;\n\n &:nth-child(2) {\n animation-delay: 0.66s;\n }\n\n &:nth-child(3) {\n animation-delay: 1.33s;\n }\n }\n"], ["\n & > .idmSdkWaves {\n position: absolute;\n animation: ", " 2s ease-out infinite;\n transform-style: preserve-3d;\n\n &:nth-child(2) {\n animation-delay: 0.66s;\n }\n\n &:nth-child(3) {\n animation-delay: 1.33s;\n }\n }\n"])), wavesAnimation);
|
|
7975
7920
|
var SvgOverlay = styled__default.default.svg(templateObject_4$e || (templateObject_4$e = __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"])));
|
|
7976
|
-
var IdCardBorderRect = styled__default.default.rect(templateObject_5$
|
|
7921
|
+
var IdCardBorderRect = styled__default.default.rect(templateObject_5$a || (templateObject_5$a = __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) {
|
|
7977
7922
|
var _a;
|
|
7978
7923
|
return (_a = props.$speed) !== null && _a !== void 0 ? _a : '3s';
|
|
7979
7924
|
}, function (props) {
|
|
7980
7925
|
var _a;
|
|
7981
7926
|
return (_a = props.$fillMode) !== null && _a !== void 0 ? _a : 'forwards';
|
|
7982
7927
|
});
|
|
7983
|
-
var templateObject_1$
|
|
7928
|
+
var templateObject_1$z, templateObject_2$t, templateObject_3$k, templateObject_4$e, templateObject_5$a;
|
|
7984
7929
|
|
|
7985
7930
|
var defaultIdCaptureGuideImages = {
|
|
7986
7931
|
portrait: {
|
|
@@ -8156,12 +8101,12 @@ var IdVideoCaptureFlipIdPrompt = function IdVideoCaptureFlipIdPrompt(_a) {
|
|
|
8156
8101
|
style: imageStyle
|
|
8157
8102
|
})));
|
|
8158
8103
|
};
|
|
8159
|
-
var FlipImageContainer = styled__default.default(IdCardGuideImageContainer)(templateObject_1$
|
|
8104
|
+
var FlipImageContainer = styled__default.default(IdCardGuideImageContainer)(templateObject_1$y || (templateObject_1$y = __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 width: 100%;\n max-height: 100%;\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 width: 100%;\n max-height: 100%;\n"])), function (props) {
|
|
8160
8105
|
return props.$transitionTime;
|
|
8161
8106
|
}, function (props) {
|
|
8162
8107
|
return props.$transforms;
|
|
8163
8108
|
});
|
|
8164
|
-
var templateObject_1$
|
|
8109
|
+
var templateObject_1$y;
|
|
8165
8110
|
|
|
8166
8111
|
var GuideOrientationContext = /*#__PURE__*/React.createContext({
|
|
8167
8112
|
orientation: 'landscape',
|
|
@@ -8448,8 +8393,8 @@ var regionClsx = function regionClsx(classNames, which) {
|
|
|
8448
8393
|
return v;
|
|
8449
8394
|
}).join(' ');
|
|
8450
8395
|
};
|
|
8451
|
-
var StyledPageContainer = styled__default.default(
|
|
8452
|
-
var GuidesContainer = styled__default.default.div(templateObject_2$
|
|
8396
|
+
var StyledPageContainer = styled__default.default.div(templateObject_1$x || (templateObject_1$x = __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"])));
|
|
8397
|
+
var GuidesContainer = styled__default.default.div(templateObject_2$s || (templateObject_2$s = __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"])));
|
|
8453
8398
|
var GuideCenterRow = styled__default.default.div(templateObject_3$j || (templateObject_3$j = __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"])));
|
|
8454
8399
|
var GuideRegion = styled__default.default.div(templateObject_4$d || (templateObject_4$d = __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) {
|
|
8455
8400
|
var _a, _b, _c, _d, _e;
|
|
@@ -8462,7 +8407,7 @@ var GuideRegion = styled__default.default.div(templateObject_4$d || (templateObj
|
|
|
8462
8407
|
}, function (props) {
|
|
8463
8408
|
return props.$minHeight ? "min-height: ".concat(props.$minHeight, "px;") : "";
|
|
8464
8409
|
});
|
|
8465
|
-
var Spacer = styled__default.default(GuideRegion)(templateObject_5$
|
|
8410
|
+
var Spacer = styled__default.default(GuideRegion)(templateObject_5$9 || (templateObject_5$9 = __makeTemplateObject(["\n display: block;\n width: auto;\n"], ["\n display: block;\n width: auto;\n"])));
|
|
8466
8411
|
var GuideCenterRegion = styled__default.default.div(templateObject_6$7 || (templateObject_6$7 = __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) {
|
|
8467
8412
|
return props.$minWidth ? "min-width: ".concat(props.$minWidth, "px;") : "";
|
|
8468
8413
|
}, function (props) {
|
|
@@ -8474,9 +8419,9 @@ var GuideCenterBorder = styled__default.default.div(templateObject_7$5 || (templ
|
|
|
8474
8419
|
}, function (props) {
|
|
8475
8420
|
return props.$padding ? "padding: ".concat(props.$padding, "px;") : '';
|
|
8476
8421
|
});
|
|
8477
|
-
var GuideText = styled__default.default.span(templateObject_8$
|
|
8478
|
-
var GuideCenterInner = styled__default.default.div(templateObject_9$
|
|
8479
|
-
var templateObject_1$
|
|
8422
|
+
var GuideText = styled__default.default.span(templateObject_8$1 || (templateObject_8$1 = __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"])));
|
|
8423
|
+
var GuideCenterInner = styled__default.default.div(templateObject_9$1 || (templateObject_9$1 = __makeTemplateObject(["\n position: relative;\n margin: auto;\n"], ["\n position: relative;\n margin: auto;\n"])));
|
|
8424
|
+
var templateObject_1$x, templateObject_2$s, templateObject_3$j, templateObject_4$d, templateObject_5$9, templateObject_6$7, templateObject_7$5, templateObject_8$1, templateObject_9$1;
|
|
8480
8425
|
|
|
8481
8426
|
var IdCaptureFitGuide = function IdCaptureFitGuide(_a) {
|
|
8482
8427
|
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
|
|
@@ -8617,11 +8562,11 @@ var IdCaptureFitGuide = function IdCaptureFitGuide(_a) {
|
|
|
8617
8562
|
progress: progress
|
|
8618
8563
|
}));
|
|
8619
8564
|
};
|
|
8620
|
-
var CanvasWrapper$1 = styled__default.default.div(templateObject_1$
|
|
8565
|
+
var CanvasWrapper$1 = styled__default.default.div(templateObject_1$w || (templateObject_1$w = __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) {
|
|
8621
8566
|
return props.$maskColor;
|
|
8622
8567
|
});
|
|
8623
|
-
var Canvas$1 = styled__default.default.canvas(templateObject_2$
|
|
8624
|
-
var templateObject_1$
|
|
8568
|
+
var Canvas$1 = styled__default.default.canvas(templateObject_2$r || (templateObject_2$r = __makeTemplateObject(["\n display: block;\n"], ["\n display: block;\n"])));
|
|
8569
|
+
var templateObject_1$w, templateObject_2$r;
|
|
8625
8570
|
|
|
8626
8571
|
function IdCaptureGuides(_a) {
|
|
8627
8572
|
var _b = _a.guideType,
|
|
@@ -8677,7 +8622,7 @@ function IdCaptureGuides(_a) {
|
|
|
8677
8622
|
})));
|
|
8678
8623
|
}
|
|
8679
8624
|
|
|
8680
|
-
var Spinner = styled__default.default.div(templateObject_1$
|
|
8625
|
+
var Spinner = styled__default.default.div(templateObject_1$v || (templateObject_1$v = __makeTemplateObject(["\n display: inline-block;\n width: ", "px;\n height: ", "px;\n margin: auto;\n\n &:after {\n content: ' ';\n display: block;\n width: ", "px;\n height: ", "px;\n margin: 8px;\n border-radius: 50%;\n border: ", "px solid\n ", ";\n border-color: ", " transparent\n ", " transparent;\n animation: ", " 1.2s linear infinite;\n box-sizing: content-box;\n }\n"], ["\n display: inline-block;\n width: ", "px;\n height: ", "px;\n margin: auto;\n\n &:after {\n content: ' ';\n display: block;\n width: ", "px;\n height: ", "px;\n margin: 8px;\n border-radius: 50%;\n border: ", "px solid\n ", ";\n border-color: ", " transparent\n ", " transparent;\n animation: ", " 1.2s linear infinite;\n box-sizing: content-box;\n }\n"])), function (_a) {
|
|
8681
8626
|
var $size = _a.$size;
|
|
8682
8627
|
return $size !== null && $size !== void 0 ? $size : 80;
|
|
8683
8628
|
}, function (_a) {
|
|
@@ -8702,7 +8647,11 @@ var Spinner = styled__default.default.div(templateObject_1$s || (templateObject_
|
|
|
8702
8647
|
var $color = _a.$color;
|
|
8703
8648
|
return $color !== null && $color !== void 0 ? $color : '#888';
|
|
8704
8649
|
}, dualRingSpinnerAnimation);
|
|
8705
|
-
var
|
|
8650
|
+
var SpinnerPageContainer = styled__default.default.div(templateObject_2$q || (templateObject_2$q = __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"])));
|
|
8651
|
+
function SpinnerPage() {
|
|
8652
|
+
return /*#__PURE__*/React__namespace.default.createElement(SpinnerPageContainer, null, /*#__PURE__*/React__namespace.default.createElement(Spinner, null));
|
|
8653
|
+
}
|
|
8654
|
+
var templateObject_1$v, templateObject_2$q;
|
|
8706
8655
|
|
|
8707
8656
|
var IdCaptureImagePreview = function IdCaptureImagePreview(_a) {
|
|
8708
8657
|
var _b = _a.classNames,
|
|
@@ -8789,11 +8738,11 @@ var SelfieProgressPreview = function SelfieProgressPreview(_a) {
|
|
|
8789
8738
|
onError: onError
|
|
8790
8739
|
})));
|
|
8791
8740
|
};
|
|
8792
|
-
var StyledSpinner = styled__default.default(Spinner)(templateObject_1$
|
|
8793
|
-
var ImagePreviewWrapper = styled__default.default.div(templateObject_2$
|
|
8741
|
+
var StyledSpinner = styled__default.default(Spinner)(templateObject_1$u || (templateObject_1$u = __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"])));
|
|
8742
|
+
var ImagePreviewWrapper = styled__default.default.div(templateObject_2$p || (templateObject_2$p = __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"])));
|
|
8794
8743
|
var ImagePreviewText = styled__default.default.div(templateObject_3$i || (templateObject_3$i = __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"])));
|
|
8795
8744
|
var ImagePreviewImageWrapper = styled__default.default.div(templateObject_4$c || (templateObject_4$c = __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"])));
|
|
8796
|
-
var templateObject_1$
|
|
8745
|
+
var templateObject_1$u, templateObject_2$p, templateObject_3$i, templateObject_4$c;
|
|
8797
8746
|
|
|
8798
8747
|
var documentCaptureInitialState = {
|
|
8799
8748
|
documents: [],
|
|
@@ -9141,16 +9090,16 @@ var DocumentCaptureGuideOverlay = function DocumentCaptureGuideOverlay(_a) {
|
|
|
9141
9090
|
ref: canvasRef
|
|
9142
9091
|
}));
|
|
9143
9092
|
};
|
|
9144
|
-
var CanvasWrapper = styled__default.default.div(templateObject_1$
|
|
9093
|
+
var CanvasWrapper = styled__default.default.div(templateObject_1$t || (templateObject_1$t = __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) {
|
|
9145
9094
|
return props.$maskColor;
|
|
9146
9095
|
});
|
|
9147
|
-
var Canvas = styled__default.default.canvas(templateObject_2$
|
|
9148
|
-
var templateObject_1$
|
|
9096
|
+
var Canvas = styled__default.default.canvas(templateObject_2$o || (templateObject_2$o = __makeTemplateObject(["\n display: block;\n"], ["\n display: block;\n"])));
|
|
9097
|
+
var templateObject_1$t, templateObject_2$o;
|
|
9149
9098
|
|
|
9150
|
-
var CameraFeedWrapper = styled__default.default.div(templateObject_1$
|
|
9099
|
+
var CameraFeedWrapper = styled__default.default.div(templateObject_1$s || (templateObject_1$s = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
9151
9100
|
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;") : "";
|
|
9152
9101
|
});
|
|
9153
|
-
var templateObject_1$
|
|
9102
|
+
var templateObject_1$s;
|
|
9154
9103
|
|
|
9155
9104
|
var CameraVideoTag = function CameraVideoTag(props) {
|
|
9156
9105
|
var _a = useCameraStore(shallow.useShallow(function (store) {
|
|
@@ -9181,46 +9130,46 @@ var CameraVideoTag = function CameraVideoTag(props) {
|
|
|
9181
9130
|
"$isRearFacing": isRearFacing
|
|
9182
9131
|
}, props));
|
|
9183
9132
|
};
|
|
9184
|
-
var FullscreenVideoTag = styled__default.default.video(templateObject_1$
|
|
9133
|
+
var FullscreenVideoTag = styled__default.default.video(templateObject_1$r || (templateObject_1$r = __makeTemplateObject(["\n transform: ", ";\n transform-style: preserve-3d;\n min-width: 100%;\n min-height: 100%;\n width: auto;\n height: auto;\n max-width: 100%;\n max-height: 100%;\n object-fit: cover;\n background: black;\n z-index: -2;\n"], ["\n transform: ", ";\n transform-style: preserve-3d;\n min-width: 100%;\n min-height: 100%;\n width: auto;\n height: auto;\n max-width: 100%;\n max-height: 100%;\n object-fit: cover;\n background: black;\n z-index: -2;\n"])), function (props) {
|
|
9185
9134
|
return props.$isRearFacing ? '' : 'scaleX(-1)';
|
|
9186
9135
|
});
|
|
9187
|
-
var templateObject_1$
|
|
9136
|
+
var templateObject_1$r;
|
|
9188
9137
|
|
|
9189
9138
|
var DocumentCaptureScreen = function DocumentCaptureScreen(_a) {
|
|
9190
|
-
var _b, _c, _d, _e
|
|
9139
|
+
var _b, _c, _d, _e;
|
|
9191
9140
|
var onCaptureClicked = _a.onCaptureClicked,
|
|
9192
|
-
|
|
9193
|
-
classNames =
|
|
9194
|
-
|
|
9195
|
-
rawVerbiage =
|
|
9196
|
-
var
|
|
9197
|
-
|
|
9198
|
-
documents =
|
|
9199
|
-
currentDocumentIndex =
|
|
9200
|
-
rectX =
|
|
9201
|
-
rectY =
|
|
9202
|
-
rectWidth =
|
|
9203
|
-
rectHeight =
|
|
9204
|
-
rectOffsetTop =
|
|
9205
|
-
capturing =
|
|
9206
|
-
uploadCapturedDocument =
|
|
9207
|
-
dispatch =
|
|
9208
|
-
var
|
|
9209
|
-
title =
|
|
9210
|
-
aspectRatio =
|
|
9211
|
-
cameraFeedMode =
|
|
9212
|
-
instructions =
|
|
9213
|
-
contentUrl =
|
|
9214
|
-
content =
|
|
9215
|
-
uploadState =
|
|
9216
|
-
var
|
|
9217
|
-
videoStream =
|
|
9218
|
-
cameraReady =
|
|
9219
|
-
cameraAccessDenied =
|
|
9220
|
-
requestCameraAccess =
|
|
9221
|
-
var
|
|
9222
|
-
cameraAccessRequested =
|
|
9223
|
-
setCameraAccessRequested =
|
|
9141
|
+
_f = _a.classNames,
|
|
9142
|
+
classNames = _f === void 0 ? {} : _f,
|
|
9143
|
+
_g = _a.verbiage,
|
|
9144
|
+
rawVerbiage = _g === void 0 ? {} : _g;
|
|
9145
|
+
var _h = useDocumentCaptureState(),
|
|
9146
|
+
_j = _h[0],
|
|
9147
|
+
documents = _j.documents,
|
|
9148
|
+
currentDocumentIndex = _j.currentDocumentIndex,
|
|
9149
|
+
rectX = _j.rectX,
|
|
9150
|
+
rectY = _j.rectY,
|
|
9151
|
+
rectWidth = _j.rectWidth,
|
|
9152
|
+
rectHeight = _j.rectHeight,
|
|
9153
|
+
rectOffsetTop = _j.rectOffsetTop,
|
|
9154
|
+
capturing = _j.capturing,
|
|
9155
|
+
uploadCapturedDocument = _j.uploadCapturedDocument,
|
|
9156
|
+
dispatch = _h[1];
|
|
9157
|
+
var _k = (_b = documents[currentDocumentIndex]) !== null && _b !== void 0 ? _b : {},
|
|
9158
|
+
title = _k.title,
|
|
9159
|
+
aspectRatio = _k.aspectRatio,
|
|
9160
|
+
cameraFeedMode = _k.cameraFeedMode,
|
|
9161
|
+
instructions = _k.instructions,
|
|
9162
|
+
contentUrl = _k.contentUrl,
|
|
9163
|
+
content = _k.content,
|
|
9164
|
+
uploadState = _k.uploadState;
|
|
9165
|
+
var _l = useCameraStore(),
|
|
9166
|
+
videoStream = _l.videoStream,
|
|
9167
|
+
cameraReady = _l.cameraReady,
|
|
9168
|
+
cameraAccessDenied = _l.cameraAccessDenied,
|
|
9169
|
+
requestCameraAccess = _l.requestCameraAccess;
|
|
9170
|
+
var _m = React.useState(false),
|
|
9171
|
+
cameraAccessRequested = _m[0],
|
|
9172
|
+
setCameraAccessRequested = _m[1];
|
|
9224
9173
|
var cameraAccessNeeded =
|
|
9225
9174
|
// we should force the browser to ask for camera access if...
|
|
9226
9175
|
uploadState === 'not_started' &&
|
|
@@ -9268,9 +9217,7 @@ var DocumentCaptureScreen = function DocumentCaptureScreen(_a) {
|
|
|
9268
9217
|
});
|
|
9269
9218
|
});
|
|
9270
9219
|
}
|
|
9271
|
-
return /*#__PURE__*/React__namespace.default.createElement(
|
|
9272
|
-
className: "flex ".concat((_f = classNames.container) !== null && _f !== void 0 ? _f : '')
|
|
9273
|
-
}, /*#__PURE__*/React__namespace.default.createElement(CameraFeedWrapper, {
|
|
9220
|
+
return /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(CameraFeedWrapper, {
|
|
9274
9221
|
className: classNames.cameraFeedWrapper,
|
|
9275
9222
|
"$mode": cameraFeedMode !== null && cameraFeedMode !== void 0 ? cameraFeedMode : 'snapToGuides',
|
|
9276
9223
|
"$x": rectX,
|
|
@@ -9299,7 +9246,7 @@ var DocumentCaptureScreen = function DocumentCaptureScreen(_a) {
|
|
|
9299
9246
|
className: classNames.footerRow
|
|
9300
9247
|
}, instructions && ( /*#__PURE__*/React__namespace.default.createElement(Instructions, {
|
|
9301
9248
|
className: classNames.instructions
|
|
9302
|
-
}, instructions)), /*#__PURE__*/React__namespace.default.createElement(StyledButtonsRow$
|
|
9249
|
+
}, instructions)), /*#__PURE__*/React__namespace.default.createElement(StyledButtonsRow$8, {
|
|
9303
9250
|
className: classNames.buttonsRow
|
|
9304
9251
|
}, cameraAccessDenied ? ( /*#__PURE__*/React__namespace.default.createElement(LoaderButton, {
|
|
9305
9252
|
className: classNames.retryCameraAccessBtn,
|
|
@@ -9334,21 +9281,21 @@ var DocumentCaptureScreen = function DocumentCaptureScreen(_a) {
|
|
|
9334
9281
|
disabled: !cameraReady || capturing
|
|
9335
9282
|
}, !cameraReady ? verbiage.loadingBtnText : capturing ? verbiage.capturingBtnText : verbiage.captureBtnText))))));
|
|
9336
9283
|
};
|
|
9337
|
-
var CaptureContainer = styled__default.default.div(templateObject_1$
|
|
9338
|
-
var HeadingRow = styled__default.default.div(templateObject_2$
|
|
9284
|
+
var CaptureContainer = styled__default.default.div(templateObject_1$q || (templateObject_1$q = __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"])));
|
|
9285
|
+
var HeadingRow = styled__default.default.div(templateObject_2$n || (templateObject_2$n = __makeTemplateObject(["\n background: ", ";\n text-align: center;\n color: white;\n"], ["\n background: ", ";\n text-align: center;\n color: white;\n"])), function (props) {
|
|
9339
9286
|
return props.$maskColor;
|
|
9340
9287
|
});
|
|
9341
9288
|
var Heading$9 = styled__default.default.h1(templateObject_3$h || (templateObject_3$h = __makeTemplateObject(["\n font-size: 22px;\n"], ["\n font-size: 22px;\n"])));
|
|
9342
9289
|
var FooterRow = styled__default.default.div(templateObject_4$b || (templateObject_4$b = __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) {
|
|
9343
9290
|
return props.$maskColor;
|
|
9344
9291
|
});
|
|
9345
|
-
var Instructions = styled__default.default.div(templateObject_5$
|
|
9292
|
+
var Instructions = styled__default.default.div(templateObject_5$8 || (templateObject_5$8 = __makeTemplateObject(["\n max-height: ", ";\n overflow-y: auto;\n"], ["\n max-height: ", ";\n overflow-y: auto;\n"])), function (props) {
|
|
9346
9293
|
var _a, _b, _c;
|
|
9347
9294
|
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';
|
|
9348
9295
|
});
|
|
9349
|
-
var StyledButtonsRow$
|
|
9296
|
+
var StyledButtonsRow$8 = styled__default.default(ButtonsRow$2)(templateObject_6$6 || (templateObject_6$6 = __makeTemplateObject(["\n padding-top: 20px;\n"], ["\n padding-top: 20px;\n"])));
|
|
9350
9297
|
var PreviewImage = styled__default.default.img(templateObject_7$4 || (templateObject_7$4 = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n object-fit: cover;\n"], ["\n width: 100%;\n height: 100%;\n object-fit: cover;\n"])));
|
|
9351
|
-
var templateObject_1$
|
|
9298
|
+
var templateObject_1$q, templateObject_2$n, templateObject_3$h, templateObject_4$b, templateObject_5$8, templateObject_6$6, templateObject_7$4;
|
|
9352
9299
|
|
|
9353
9300
|
var DocumentCaptureWizard = function DocumentCaptureWizard(_a) {
|
|
9354
9301
|
var onSuccess = _a.onSuccess,
|
|
@@ -9594,7 +9541,7 @@ var IdCaptureFallback = function IdCaptureFallback(_a) {
|
|
|
9594
9541
|
capture: "environment",
|
|
9595
9542
|
onChange: onFileSelected,
|
|
9596
9543
|
hidden: true
|
|
9597
|
-
}), /*#__PURE__*/React__namespace.default.createElement(StyledButtonsRow$
|
|
9544
|
+
}), /*#__PURE__*/React__namespace.default.createElement(StyledButtonsRow$7, {
|
|
9598
9545
|
className: classNames.buttonsRow
|
|
9599
9546
|
}, images.length < maxImageCount && ( /*#__PURE__*/React__namespace.default.createElement(LoaderButton, {
|
|
9600
9547
|
variant: images.length > 0 ? 'secondary' : 'positive',
|
|
@@ -9619,13 +9566,13 @@ var IdCaptureFallback = function IdCaptureFallback(_a) {
|
|
|
9619
9566
|
}
|
|
9620
9567
|
}, verbiage.doneBtnText))))));
|
|
9621
9568
|
};
|
|
9622
|
-
var StyledOverlayInner$2 = styled__default.default(OverlayInner$2)(templateObject_1$
|
|
9623
|
-
var Heading$8 = styled__default.default.h3(templateObject_2$
|
|
9569
|
+
var StyledOverlayInner$2 = styled__default.default(OverlayInner$2)(templateObject_1$p || (templateObject_1$p = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
9570
|
+
var Heading$8 = styled__default.default.h3(templateObject_2$m || (templateObject_2$m = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
9624
9571
|
var Description$3 = styled__default.default.p(templateObject_3$g || (templateObject_3$g = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
9625
9572
|
var Instruction = styled__default.default.p(templateObject_4$a || (templateObject_4$a = __makeTemplateObject(["\n font-weight: bold;\n"], ["\n font-weight: bold;\n"])));
|
|
9626
|
-
var ImageCol = styled__default.default.div(templateObject_5$
|
|
9627
|
-
var StyledButtonsRow$
|
|
9628
|
-
var templateObject_1$
|
|
9573
|
+
var ImageCol = styled__default.default.div(templateObject_5$7 || (templateObject_5$7 = __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"])));
|
|
9574
|
+
var StyledButtonsRow$7 = styled__default.default(ButtonsRow$2)(templateObject_6$5 || (templateObject_6$5 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
9575
|
+
var templateObject_1$p, templateObject_2$m, templateObject_3$g, templateObject_4$a, templateObject_5$7, templateObject_6$5;
|
|
9629
9576
|
|
|
9630
9577
|
function ScalingCameraFeed() {
|
|
9631
9578
|
var _a = useIdCaptureStore(),
|
|
@@ -9977,24 +9924,24 @@ function FilePickerButton(_a) {
|
|
|
9977
9924
|
}
|
|
9978
9925
|
}, file ? "".concat(file.name, " (").concat(humanFileSize(file.size), ")") : filePickerLoading ? loadingText : children));
|
|
9979
9926
|
}
|
|
9980
|
-
var ScreenContainer = styled__default.default.div(templateObject_1$
|
|
9927
|
+
var ScreenContainer = styled__default.default.div(templateObject_1$o || (templateObject_1$o = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n height: 100%;\n width: 100%;\n position: relative;\n font-family: ", ";\n"], ["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n height: 100%;\n width: 100%;\n position: relative;\n font-family: ", ";\n"])), function (props) {
|
|
9981
9928
|
var _a;
|
|
9982
9929
|
return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
|
|
9983
9930
|
});
|
|
9984
|
-
var ScreenPanel = styled__default.default.div(templateObject_2$
|
|
9931
|
+
var ScreenPanel = styled__default.default.div(templateObject_2$l || (templateObject_2$l = __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"])));
|
|
9985
9932
|
var SelectIdCardScreenPanel = styled__default.default(ScreenPanel)(templateObject_3$f || (templateObject_3$f = __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"])));
|
|
9986
9933
|
var ScreenPanelHeading = styled__default.default.h3(templateObject_4$9 || (templateObject_4$9 = __makeTemplateObject(["\n margin: 0 0 30px;\n"], ["\n margin: 0 0 30px;\n"])));
|
|
9987
|
-
var ScreenActionsBar = styled__default.default.div(templateObject_5$
|
|
9934
|
+
var ScreenActionsBar = styled__default.default.div(templateObject_5$6 || (templateObject_5$6 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: end;\n gap: 20px;\n padding: 20px;\n width: 100%;\n box-sizing: border-box;\n border-top: 1px solid #ccc;\n\n @media (max-width: 600px) {\n justify-content: center;\n }\n"], ["\n display: flex;\n align-items: center;\n justify-content: end;\n gap: 20px;\n padding: 20px;\n width: 100%;\n box-sizing: border-box;\n border-top: 1px solid #ccc;\n\n @media (max-width: 600px) {\n justify-content: center;\n }\n"])));
|
|
9988
9935
|
var DashedSeparator = styled__default.default.div(templateObject_6$4 || (templateObject_6$4 = __makeTemplateObject(["\n width: 100%;\n height: 0;\n border-top: 2px solid #606060;\n border-top-style: dashed;\n display: flex;\n align-items: center;\n justify-content: center;\n"], ["\n width: 100%;\n height: 0;\n border-top: 2px solid #606060;\n border-top-style: dashed;\n display: flex;\n align-items: center;\n justify-content: center;\n"])));
|
|
9989
9936
|
var OrWrapper = styled__default.default.div(templateObject_7$3 || (templateObject_7$3 = __makeTemplateObject(["\n color: #323232;\n font-weight: bold;\n background: white;\n border-radius: 50%;\n top: -2px;\n position: relative;\n width: 60px;\n height: 60px;\n display: flex;\n align-items: center;\n justify-content: center;\n"], ["\n color: #323232;\n font-weight: bold;\n background: white;\n border-radius: 50%;\n top: -2px;\n position: relative;\n width: 60px;\n height: 60px;\n display: flex;\n align-items: center;\n justify-content: center;\n"])));
|
|
9990
|
-
var UploadIdBackHelpText = styled__default.default.p(templateObject_8
|
|
9991
|
-
var Button = styled__default.default(WideBorderButton)(templateObject_9
|
|
9992
|
-
var Modal = styled__default.default.div(templateObject_10
|
|
9993
|
-
var Dialog = styled__default.default.div(templateObject_11
|
|
9937
|
+
var UploadIdBackHelpText = styled__default.default.p(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n color: #323232;\n font-style: italic;\n margin: 30px 0 0;\n"], ["\n color: #323232;\n font-style: italic;\n margin: 30px 0 0;\n"])));
|
|
9938
|
+
var Button = styled__default.default(WideBorderButton)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n width: auto;\n font-weight: 500;\n padding-left: 40px;\n padding-right: 40px;\n transition: background-color 0.3s ease;\n background-color: #ffffff;\n white-space: nowrap;\n\n &:disabled,\n &.disabled {\n background-color: #f1f1f1 !important;\n border-color: #dbdbdb !important;\n color: #323232 !important;\n }\n\n &:hover {\n filter: none;\n background-color: #fafafa !important;\n }\n"], ["\n width: auto;\n font-weight: 500;\n padding-left: 40px;\n padding-right: 40px;\n transition: background-color 0.3s ease;\n background-color: #ffffff;\n white-space: nowrap;\n\n &:disabled,\n &.disabled {\n background-color: #f1f1f1 !important;\n border-color: #dbdbdb !important;\n color: #323232 !important;\n }\n\n &:hover {\n filter: none;\n background-color: #fafafa !important;\n }\n"])));
|
|
9939
|
+
var Modal = styled__default.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.5);\n z-index: 10000;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.5);\n z-index: 10000;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n"])));
|
|
9940
|
+
var Dialog = styled__default.default.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n width: 100%;\n max-width: 500px;\n height: 100%;\n max-height: 600px;\n background: white;\n border-radius: 25px;\n overflow: auto;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\n font-family: ", ";\n //margin: 25px;\n"], ["\n width: 100%;\n max-width: 500px;\n height: 100%;\n max-height: 600px;\n background: white;\n border-radius: 25px;\n overflow: auto;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\n font-family: ", ";\n //margin: 25px;\n"])), function (props) {
|
|
9994
9941
|
var _a;
|
|
9995
9942
|
return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
|
|
9996
9943
|
});
|
|
9997
|
-
var ModalCloseButton = styled__default.default.button(templateObject_12
|
|
9944
|
+
var ModalCloseButton = styled__default.default.button(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n width: 60px;\n height: 60px;\n background: black;\n color: whitesmoke;\n border-radius: 50%;\n font-size: 32px;\n border: none;\n cursor: pointer;\n margin: 20px 0;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\n transition: background 0.3s ease;\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n padding: 0;\n\n &:hover {\n background: #222;\n color: white;\n }\n"], ["\n width: 60px;\n height: 60px;\n background: black;\n color: whitesmoke;\n border-radius: 50%;\n font-size: 32px;\n border: none;\n cursor: pointer;\n margin: 20px 0;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\n transition: background 0.3s ease;\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n padding: 0;\n\n &:hover {\n background: #222;\n color: white;\n }\n"])));
|
|
9998
9945
|
function XIcon(props) {
|
|
9999
9946
|
return /*#__PURE__*/React__namespace.default.createElement("svg", _assign({
|
|
10000
9947
|
width: "25",
|
|
@@ -10245,7 +10192,7 @@ function IdDocumentIcon(props) {
|
|
|
10245
10192
|
strokeWidth: "3"
|
|
10246
10193
|
}));
|
|
10247
10194
|
}
|
|
10248
|
-
var InlineSvg = styled__default.default.svg(templateObject_13
|
|
10195
|
+
var InlineSvg = styled__default.default.svg(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n display: inline;\n"], ["\n display: inline;\n"])));
|
|
10249
10196
|
function humanFileSize(bytes, si, dp) {
|
|
10250
10197
|
if (si === void 0) {
|
|
10251
10198
|
si = false;
|
|
@@ -10266,87 +10213,87 @@ function humanFileSize(bytes, si, dp) {
|
|
|
10266
10213
|
} while (Math.round(Math.abs(bytes) * r) / r >= thresh && u < units.length - 1);
|
|
10267
10214
|
return bytes.toFixed(dp) + ' ' + units[u];
|
|
10268
10215
|
}
|
|
10269
|
-
var templateObject_1$
|
|
10216
|
+
var templateObject_1$o, templateObject_2$l, templateObject_3$f, templateObject_4$9, templateObject_5$6, templateObject_6$4, templateObject_7$3, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13;
|
|
10270
10217
|
|
|
10271
10218
|
var IdCaptureWizard = function IdCaptureWizard(_a) {
|
|
10272
|
-
var _b, _c, _d, _e, _f
|
|
10219
|
+
var _b, _c, _d, _e, _f;
|
|
10273
10220
|
var onSuccess = _a.onSuccess,
|
|
10274
10221
|
onExitCapture = _a.onExitCapture,
|
|
10275
10222
|
onUserCancel = _a.onUserCancel,
|
|
10276
|
-
|
|
10277
|
-
loadingOverlayMode =
|
|
10223
|
+
_g = _a.loadingOverlayMode,
|
|
10224
|
+
loadingOverlayMode = _g === void 0 ? 'default' : _g,
|
|
10278
10225
|
customOverlayContent = _a.customOverlayContent,
|
|
10279
10226
|
onLoadingOverlayDismissed = _a.onLoadingOverlayDismissed,
|
|
10280
10227
|
precapturedDocuments = _a.precapturedDocuments,
|
|
10281
|
-
|
|
10282
|
-
captureRequirement =
|
|
10283
|
-
|
|
10284
|
-
allowSinglePageIdCapture =
|
|
10285
|
-
|
|
10286
|
-
separateIdCardCaptureSequence =
|
|
10287
|
-
|
|
10288
|
-
thresholds =
|
|
10289
|
-
|
|
10290
|
-
skipSuccessScreen =
|
|
10228
|
+
_h = _a.captureRequirement,
|
|
10229
|
+
captureRequirement = _h === void 0 ? 'idCardOrPassport' : _h,
|
|
10230
|
+
_j = _a.allowSinglePageIdCapture,
|
|
10231
|
+
allowSinglePageIdCapture = _j === void 0 ? false : _j,
|
|
10232
|
+
_k = _a.separateIdCardCaptureSequence,
|
|
10233
|
+
separateIdCardCaptureSequence = _k === void 0 ? false : _k,
|
|
10234
|
+
_l = _a.thresholds,
|
|
10235
|
+
thresholds = _l === void 0 ? defaultIdCaptureThresholds : _l,
|
|
10236
|
+
_m = _a.skipSuccessScreen,
|
|
10237
|
+
skipSuccessScreen = _m === void 0 ? false : _m,
|
|
10291
10238
|
instructions = _a.instructions,
|
|
10292
|
-
|
|
10293
|
-
releaseCameraAccessOnExit =
|
|
10294
|
-
|
|
10295
|
-
guideType =
|
|
10296
|
-
|
|
10297
|
-
portraitGuidesOnMobile =
|
|
10298
|
-
|
|
10299
|
-
rotateLoadingOverlayImageWhenPortrait =
|
|
10300
|
-
|
|
10301
|
-
silentFallback =
|
|
10302
|
-
|
|
10303
|
-
forceFallbackMode =
|
|
10304
|
-
|
|
10305
|
-
allowIdCardBackToFrontCapture =
|
|
10306
|
-
|
|
10307
|
-
enableOverrideWrongDocumentTypeDialog =
|
|
10308
|
-
|
|
10309
|
-
allowOverrideWrongDocumentTypeAfterMs =
|
|
10310
|
-
|
|
10311
|
-
allowUploadingDocumentsFromStorage =
|
|
10312
|
-
|
|
10313
|
-
guideImages =
|
|
10314
|
-
|
|
10315
|
-
assets =
|
|
10316
|
-
|
|
10317
|
-
classNames =
|
|
10318
|
-
|
|
10319
|
-
colors =
|
|
10320
|
-
|
|
10321
|
-
verbiage =
|
|
10322
|
-
|
|
10323
|
-
debugMode =
|
|
10239
|
+
_o = _a.releaseCameraAccessOnExit,
|
|
10240
|
+
releaseCameraAccessOnExit = _o === void 0 ? true : _o,
|
|
10241
|
+
_p = _a.guideType,
|
|
10242
|
+
guideType = _p === void 0 ? 'fit' : _p,
|
|
10243
|
+
_q = _a.portraitGuidesOnMobile,
|
|
10244
|
+
portraitGuidesOnMobile = _q === void 0 ? true : _q,
|
|
10245
|
+
_r = _a.rotateLoadingOverlayImageWhenPortrait,
|
|
10246
|
+
rotateLoadingOverlayImageWhenPortrait = _r === void 0 ? true : _r,
|
|
10247
|
+
_s = _a.silentFallback,
|
|
10248
|
+
silentFallback = _s === void 0 ? false : _s,
|
|
10249
|
+
_t = _a.forceFallbackMode,
|
|
10250
|
+
forceFallbackMode = _t === void 0 ? false : _t,
|
|
10251
|
+
_u = _a.allowIdCardBackToFrontCapture,
|
|
10252
|
+
allowIdCardBackToFrontCapture = _u === void 0 ? false : _u,
|
|
10253
|
+
_v = _a.enableOverrideWrongDocumentTypeDialog,
|
|
10254
|
+
enableOverrideWrongDocumentTypeDialog = _v === void 0 ? false : _v,
|
|
10255
|
+
_w = _a.allowOverrideWrongDocumentTypeAfterMs,
|
|
10256
|
+
allowOverrideWrongDocumentTypeAfterMs = _w === void 0 ? 8000 : _w,
|
|
10257
|
+
_x = _a.allowUploadingDocumentsFromStorage,
|
|
10258
|
+
allowUploadingDocumentsFromStorage = _x === void 0 ? false : _x,
|
|
10259
|
+
_y = _a.guideImages,
|
|
10260
|
+
guideImages = _y === void 0 ? defaultIdCaptureGuideImages : _y,
|
|
10261
|
+
_z = _a.assets,
|
|
10262
|
+
assets = _z === void 0 ? {} : _z,
|
|
10263
|
+
_0 = _a.classNames,
|
|
10264
|
+
classNames = _0 === void 0 ? {} : _0,
|
|
10265
|
+
_1 = _a.colors,
|
|
10266
|
+
colors = _1 === void 0 ? {} : _1,
|
|
10267
|
+
_2 = _a.verbiage,
|
|
10268
|
+
verbiage = _2 === void 0 ? {} : _2,
|
|
10269
|
+
_3 = _a.debugMode,
|
|
10270
|
+
debugMode = _3 === void 0 ? false : _3;
|
|
10324
10271
|
var state = useIdCaptureStore();
|
|
10325
|
-
var
|
|
10326
|
-
cameraAccessDenied =
|
|
10327
|
-
requestCameraAccess =
|
|
10328
|
-
releaseCameraAccess =
|
|
10329
|
-
var
|
|
10330
|
-
overlayDismissed =
|
|
10331
|
-
setOverlayDismissed =
|
|
10332
|
-
var
|
|
10333
|
-
submissionStatus =
|
|
10334
|
-
setIdFrontImage =
|
|
10335
|
-
setIdBackImage =
|
|
10336
|
-
setPassportImage =
|
|
10337
|
-
setIdFrontIrImage =
|
|
10338
|
-
setIdBackIrImage =
|
|
10339
|
-
setIdFrontUvImage =
|
|
10340
|
-
setIdBackUvImage =
|
|
10341
|
-
logIdFrontCaptureAttempt =
|
|
10342
|
-
logIdBackCaptureAttempt =
|
|
10343
|
-
var
|
|
10344
|
-
start =
|
|
10345
|
-
stop =
|
|
10346
|
-
onPredictionMade =
|
|
10347
|
-
setRequiredDocumentType =
|
|
10348
|
-
modelError =
|
|
10349
|
-
resetBestFrame =
|
|
10272
|
+
var _4 = useCameraStore(),
|
|
10273
|
+
cameraAccessDenied = _4.cameraAccessDenied,
|
|
10274
|
+
requestCameraAccess = _4.requestCameraAccess,
|
|
10275
|
+
releaseCameraAccess = _4.releaseCameraAccess;
|
|
10276
|
+
var _5 = React.useState(false),
|
|
10277
|
+
overlayDismissed = _5[0],
|
|
10278
|
+
setOverlayDismissed = _5[1];
|
|
10279
|
+
var _6 = React.useContext(SubmissionContext),
|
|
10280
|
+
submissionStatus = _6.submissionStatus,
|
|
10281
|
+
setIdFrontImage = _6.setIdFrontImage,
|
|
10282
|
+
setIdBackImage = _6.setIdBackImage,
|
|
10283
|
+
setPassportImage = _6.setPassportImage,
|
|
10284
|
+
setIdFrontIrImage = _6.setIdFrontIrImage,
|
|
10285
|
+
setIdBackIrImage = _6.setIdBackIrImage,
|
|
10286
|
+
setIdFrontUvImage = _6.setIdFrontUvImage,
|
|
10287
|
+
setIdBackUvImage = _6.setIdBackUvImage,
|
|
10288
|
+
logIdFrontCaptureAttempt = _6.logIdFrontCaptureAttempt,
|
|
10289
|
+
logIdBackCaptureAttempt = _6.logIdBackCaptureAttempt;
|
|
10290
|
+
var _7 = useIdCaptureModelsContext(),
|
|
10291
|
+
start = _7.start,
|
|
10292
|
+
stop = _7.stop,
|
|
10293
|
+
onPredictionMade = _7.onPredictionMade,
|
|
10294
|
+
setRequiredDocumentType = _7.setRequiredDocumentType,
|
|
10295
|
+
modelError = _7.modelError,
|
|
10296
|
+
resetBestFrame = _7.resetBestFrame;
|
|
10350
10297
|
React.useEffect(function () {
|
|
10351
10298
|
dispatchIdCaptureAction({
|
|
10352
10299
|
type: 'configureWizard',
|
|
@@ -10458,9 +10405,9 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
|
|
|
10458
10405
|
type: 'resetWizard'
|
|
10459
10406
|
});
|
|
10460
10407
|
}, []);
|
|
10461
|
-
var
|
|
10462
|
-
attempt =
|
|
10463
|
-
setAttempt =
|
|
10408
|
+
var _8 = React.useState(0),
|
|
10409
|
+
attempt = _8[0],
|
|
10410
|
+
setAttempt = _8[1];
|
|
10464
10411
|
var onExit = React.useCallback(function () {
|
|
10465
10412
|
releaseCameraAccess();
|
|
10466
10413
|
setOverlayDismissed(false);
|
|
@@ -10551,9 +10498,9 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
|
|
|
10551
10498
|
});
|
|
10552
10499
|
});
|
|
10553
10500
|
}, []);
|
|
10554
|
-
var
|
|
10555
|
-
progressStarted =
|
|
10556
|
-
setProgressStarted =
|
|
10501
|
+
var _9 = React.useState(false),
|
|
10502
|
+
progressStarted = _9[0],
|
|
10503
|
+
setProgressStarted = _9[1];
|
|
10557
10504
|
React.useEffect(function () {
|
|
10558
10505
|
if (state.captureState === 'capturing') {
|
|
10559
10506
|
setProgressStarted(false);
|
|
@@ -10583,9 +10530,7 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
|
|
|
10583
10530
|
}
|
|
10584
10531
|
var requestedAction = state.captureState === 'requestingFlip' ? 'FLIP_ID' : state.requestedDocumentType === 'idCardBack' ? 'SHOW_ID_BACK' : state.requestedDocumentType === 'passport' ? 'SHOW_PASSPORT' : 'SHOW_ID_FRONT';
|
|
10585
10532
|
var guidesStatus = !overlayDismissed ? 'disabled' : state.isGoodFrame ? 'capturing' : 'ready';
|
|
10586
|
-
return /*#__PURE__*/React__namespace.default.createElement(
|
|
10587
|
-
className: "flex ".concat((_b = classNames === null || classNames === void 0 ? void 0 : classNames.container) !== null && _b !== void 0 ? _b : '')
|
|
10588
|
-
}, /*#__PURE__*/React__namespace.default.createElement(ScalingCameraFeed, null), overlayDismissed && state.captureState === 'capturing' && ( /*#__PURE__*/React__namespace.default.createElement(IdCapture, {
|
|
10533
|
+
return /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(ScalingCameraFeed, null), overlayDismissed && state.captureState === 'capturing' && ( /*#__PURE__*/React__namespace.default.createElement(IdCapture, {
|
|
10589
10534
|
requiredDocumentType: state.requestedDocumentType,
|
|
10590
10535
|
thresholds: thresholds,
|
|
10591
10536
|
onCapture: onCapture,
|
|
@@ -10605,15 +10550,15 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
|
|
|
10605
10550
|
colors: colors,
|
|
10606
10551
|
verbiage: idCaptureVerbiage,
|
|
10607
10552
|
isBackToFront: state.allowIdCardBackToFrontCapture && 'idCardBack' in state.capturedDocuments
|
|
10608
|
-
}), debugMode && !((
|
|
10609
|
-
classNames: (
|
|
10610
|
-
text: (
|
|
10553
|
+
}), debugMode && !((_c = (_b = theme.idCapture) === null || _b === void 0 ? void 0 : _b.capturePreview) === null || _c === void 0 ? void 0 : _c.disabled) && state.captureState === 'requestingFlip' && !separateIdCardCaptureSequence && state.imageUrl && ( /*#__PURE__*/React__namespace.default.createElement(IdCaptureImagePreview, {
|
|
10554
|
+
classNames: (_d = classNames.capture) === null || _d === void 0 ? void 0 : _d.imagePreview,
|
|
10555
|
+
text: (_e = idCaptureVerbiages === null || idCaptureVerbiages === void 0 ? void 0 : idCaptureVerbiages.idCardFront) === null || _e === void 0 ? void 0 : _e.processingIdCardText,
|
|
10611
10556
|
imageUrl: state.imageUrl
|
|
10612
10557
|
})), state.captureState !== 'complete' && ( /*#__PURE__*/React__namespace.default.createElement("div", {
|
|
10613
10558
|
id: "idmission-above-guides-content"
|
|
10614
10559
|
})), /*#__PURE__*/React__namespace.default.createElement(ExitCaptureButton, {
|
|
10615
10560
|
onClick: onExit,
|
|
10616
|
-
className: (
|
|
10561
|
+
className: (_f = classNames.capture) === null || _f === void 0 ? void 0 : _f.exitCaptureBtn
|
|
10617
10562
|
}), !overlayDismissed && ( /*#__PURE__*/React__namespace.default.createElement(IdCaptureLoadingOverlay, {
|
|
10618
10563
|
key: "loading".concat(attempt),
|
|
10619
10564
|
mode: loadingOverlayMode,
|
|
@@ -10653,14 +10598,10 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
|
|
|
10653
10598
|
|
|
10654
10599
|
function SelfieCaptureLoadingGraphic(_a) {
|
|
10655
10600
|
var _b, _c, _d;
|
|
10656
|
-
var
|
|
10657
|
-
|
|
10658
|
-
|
|
10659
|
-
|
|
10660
|
-
className = _a.className;
|
|
10661
|
-
var _g = React.useState(1),
|
|
10662
|
-
frame = _g[0],
|
|
10663
|
-
setFrame = _g[1];
|
|
10601
|
+
var className = _a.className;
|
|
10602
|
+
var _e = React.useState(1),
|
|
10603
|
+
frame = _e[0],
|
|
10604
|
+
setFrame = _e[1];
|
|
10664
10605
|
React.useEffect(function () {
|
|
10665
10606
|
var i = setInterval(function () {
|
|
10666
10607
|
setFrame(function (n) {
|
|
@@ -10674,8 +10615,6 @@ function SelfieCaptureLoadingGraphic(_a) {
|
|
|
10674
10615
|
var theme = styled.useTheme();
|
|
10675
10616
|
var satisfiedColor = (_d = (_c = (_b = theme.selfieCapture) === null || _b === void 0 ? void 0 : _b.guides) === null || _c === void 0 ? void 0 : _c.satisfiedColor) !== null && _d !== void 0 ? _d : 'var(--idm-color-positive-600)';
|
|
10676
10617
|
return /*#__PURE__*/React__namespace.default.createElement("svg", {
|
|
10677
|
-
width: width,
|
|
10678
|
-
height: height,
|
|
10679
10618
|
className: className,
|
|
10680
10619
|
viewBox: "0 0 840 740",
|
|
10681
10620
|
fill: "none",
|
|
@@ -10967,7 +10906,7 @@ var HeadGuideSvg = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
10967
10906
|
}))));
|
|
10968
10907
|
});
|
|
10969
10908
|
HeadGuideSvg.displayName = 'HeadGuideSvg';
|
|
10970
|
-
var PulsingHeadGuideContainer = styled__default.default.div(templateObject_1$
|
|
10909
|
+
var PulsingHeadGuideContainer = styled__default.default.div(templateObject_1$n || (templateObject_1$n = __makeTemplateObject(["\n display: flex;\n position: relative;\n height: 100%;\n max-height: 100%;\n\n & > .idmSdkWaves {\n position: absolute;\n animation: ", " 2s ease-out infinite;\n transform-style: preserve-3d;\n\n &:nth-child(2) {\n animation-delay: 0.66s;\n }\n\n &:nth-child(3) {\n animation-delay: 1.33s;\n }\n }\n\n & > .idmSdkWavesOrigin {\n position: relative;\n }\n"], ["\n display: flex;\n position: relative;\n height: 100%;\n max-height: 100%;\n\n & > .idmSdkWaves {\n position: absolute;\n animation: ", " 2s ease-out infinite;\n transform-style: preserve-3d;\n\n &:nth-child(2) {\n animation-delay: 0.66s;\n }\n\n &:nth-child(3) {\n animation-delay: 1.33s;\n }\n }\n\n & > .idmSdkWavesOrigin {\n position: relative;\n }\n"])), wavesAnimation);
|
|
10971
10910
|
function HeadGuide(_a) {
|
|
10972
10911
|
var _b;
|
|
10973
10912
|
var _c = _a.status,
|
|
@@ -11017,7 +10956,7 @@ function HeadGuide(_a) {
|
|
|
11017
10956
|
height: parentHeight
|
|
11018
10957
|
})));
|
|
11019
10958
|
}
|
|
11020
|
-
var AbsoluteSvg = styled__default.default.svg(templateObject_2$
|
|
10959
|
+
var AbsoluteSvg = styled__default.default.svg(templateObject_2$k || (templateObject_2$k = __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"])));
|
|
11021
10960
|
var RelativeSvgContainer = styled__default.default.div(templateObject_3$e || (templateObject_3$e = __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) {
|
|
11022
10961
|
return props.$verticalAlign === 'bottom' ? 'flex-end' : 'center';
|
|
11023
10962
|
});
|
|
@@ -11245,10 +11184,10 @@ function SelfieCaptureAnimatedMaskWithStatus(_a) {
|
|
|
11245
11184
|
status: status
|
|
11246
11185
|
}));
|
|
11247
11186
|
}
|
|
11248
|
-
var templateObject_1$
|
|
11187
|
+
var templateObject_1$n, templateObject_2$k, templateObject_3$e;
|
|
11249
11188
|
|
|
11250
|
-
var FaceCaptureGuideContainer = styled__default.default.div(templateObject_1$
|
|
11251
|
-
var FaceCaptureGuideInner = styled__default.default.div(templateObject_2$
|
|
11189
|
+
var FaceCaptureGuideContainer = styled__default.default.div(templateObject_1$m || (templateObject_1$m = __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"])));
|
|
11190
|
+
var FaceCaptureGuideInner = styled__default.default.div(templateObject_2$j || (templateObject_2$j = __makeTemplateObject(["\n position: relative;\n height: 60%;\n"], ["\n position: relative;\n height: 60%;\n"])));
|
|
11252
11191
|
var FaceCaptureGuideOverlay = function FaceCaptureGuideOverlay(_a) {
|
|
11253
11192
|
var _b = _a.classNames,
|
|
11254
11193
|
classNames = _b === void 0 ? {} : _b,
|
|
@@ -11270,7 +11209,7 @@ var FaceCaptureGuideOverlay = function FaceCaptureGuideOverlay(_a) {
|
|
|
11270
11209
|
verticalAlign: "center"
|
|
11271
11210
|
})));
|
|
11272
11211
|
};
|
|
11273
|
-
var templateObject_1$
|
|
11212
|
+
var templateObject_1$m, templateObject_2$j;
|
|
11274
11213
|
|
|
11275
11214
|
var SelfieGuidanceModelsContext = /*#__PURE__*/React.createContext({
|
|
11276
11215
|
start: function start() {
|
|
@@ -11555,7 +11494,7 @@ var SelfieCaptureFallback = function SelfieCaptureFallback(_a) {
|
|
|
11555
11494
|
src: image,
|
|
11556
11495
|
alt: "",
|
|
11557
11496
|
className: classNames.image
|
|
11558
|
-
}))), /*#__PURE__*/React__namespace.default.createElement(StyledButtonsRow$
|
|
11497
|
+
}))), /*#__PURE__*/React__namespace.default.createElement(StyledButtonsRow$6, {
|
|
11559
11498
|
className: classNames.buttonsRow
|
|
11560
11499
|
}, image && !loading && !isMobile() && ( /*#__PURE__*/React__namespace.default.createElement(LoaderButton, {
|
|
11561
11500
|
className: classNames.retryCaptureBtn,
|
|
@@ -11590,12 +11529,12 @@ var SelfieCaptureFallback = function SelfieCaptureFallback(_a) {
|
|
|
11590
11529
|
}
|
|
11591
11530
|
}, !image ? invalidSelfie ? verbiage.retryButtonText : verbiage.captureBtnText : loading ? verbiage.doneBtnLoadingText : verbiage.doneBtnText)))));
|
|
11592
11531
|
};
|
|
11593
|
-
var StyledOverlayInner$1 = styled__default.default(OverlayInner$2)(templateObject_1$
|
|
11594
|
-
var Heading$7 = styled__default.default.h3(templateObject_2$
|
|
11532
|
+
var StyledOverlayInner$1 = styled__default.default(OverlayInner$2)(templateObject_1$l || (templateObject_1$l = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
11533
|
+
var Heading$7 = styled__default.default.h3(templateObject_2$i || (templateObject_2$i = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
11595
11534
|
var Description$2 = styled__default.default.p(templateObject_3$d || (templateObject_3$d = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
11596
11535
|
var ImageContainer$6 = styled__default.default(OverlayImageContainer)(templateObject_4$8 || (templateObject_4$8 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
11597
|
-
var StyledButtonsRow$
|
|
11598
|
-
var templateObject_1$
|
|
11536
|
+
var StyledButtonsRow$6 = styled__default.default(ButtonsRow$2)(templateObject_5$5 || (templateObject_5$5 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
11537
|
+
var templateObject_1$l, templateObject_2$i, templateObject_3$d, templateObject_4$8, templateObject_5$5;
|
|
11599
11538
|
|
|
11600
11539
|
var initialState$3 = {
|
|
11601
11540
|
busy: false,
|
|
@@ -11623,7 +11562,7 @@ var reducer$3 = function reducer(state, action) {
|
|
|
11623
11562
|
}
|
|
11624
11563
|
};
|
|
11625
11564
|
var SelfieCapture = function SelfieCapture(_a) {
|
|
11626
|
-
var _b, _c, _d, _e, _f
|
|
11565
|
+
var _b, _c, _d, _e, _f;
|
|
11627
11566
|
var onGuidanceSatisfied = _a.onGuidanceSatisfied,
|
|
11628
11567
|
onGuidanceNotSatisfied = _a.onGuidanceNotSatisfied,
|
|
11629
11568
|
onFaceDetected = _a.onFaceDetected,
|
|
@@ -11631,46 +11570,46 @@ var SelfieCapture = function SelfieCapture(_a) {
|
|
|
11631
11570
|
onSelfieCaptured = _a.onSelfieCaptured,
|
|
11632
11571
|
onTimeout = _a.onTimeout,
|
|
11633
11572
|
onExit = _a.onExit,
|
|
11634
|
-
|
|
11635
|
-
timeoutDurationMs =
|
|
11573
|
+
_g = _a.timeoutDurationMs,
|
|
11574
|
+
timeoutDurationMs = _g === void 0 ? 15000 : _g,
|
|
11636
11575
|
guidanceMessage = _a.guidanceMessage,
|
|
11637
11576
|
guidanceSatisfied = _a.guidanceSatisfied,
|
|
11638
11577
|
guidesComponent = _a.guidesComponent,
|
|
11639
|
-
|
|
11640
|
-
shouldCapture =
|
|
11641
|
-
|
|
11642
|
-
classNames =
|
|
11643
|
-
|
|
11644
|
-
colors =
|
|
11645
|
-
|
|
11646
|
-
rawVerbiage =
|
|
11647
|
-
|
|
11648
|
-
debugMode =
|
|
11649
|
-
var
|
|
11650
|
-
ref =
|
|
11651
|
-
|
|
11652
|
-
width =
|
|
11653
|
-
|
|
11654
|
-
height =
|
|
11655
|
-
var
|
|
11656
|
-
|
|
11657
|
-
busy =
|
|
11658
|
-
prediction =
|
|
11659
|
-
dispatch =
|
|
11578
|
+
_h = _a.shouldCapture,
|
|
11579
|
+
shouldCapture = _h === void 0 ? true : _h,
|
|
11580
|
+
_j = _a.classNames,
|
|
11581
|
+
classNames = _j === void 0 ? {} : _j,
|
|
11582
|
+
_k = _a.colors,
|
|
11583
|
+
colors = _k === void 0 ? {} : _k,
|
|
11584
|
+
_l = _a.verbiage,
|
|
11585
|
+
rawVerbiage = _l === void 0 ? {} : _l,
|
|
11586
|
+
_m = _a.debugMode,
|
|
11587
|
+
debugMode = _m === void 0 ? false : _m;
|
|
11588
|
+
var _o = useResizeObserver(),
|
|
11589
|
+
ref = _o.ref,
|
|
11590
|
+
_p = _o.width,
|
|
11591
|
+
width = _p === void 0 ? 1 : _p,
|
|
11592
|
+
_q = _o.height,
|
|
11593
|
+
height = _q === void 0 ? 1 : _q;
|
|
11594
|
+
var _r = React.useReducer(reducer$3, initialState$3),
|
|
11595
|
+
_s = _r[0],
|
|
11596
|
+
busy = _s.busy,
|
|
11597
|
+
prediction = _s.prediction,
|
|
11598
|
+
dispatch = _r[1];
|
|
11660
11599
|
var lastPredictionCanvas = React.useRef(null);
|
|
11661
|
-
var
|
|
11600
|
+
var _t = useCameraStore(shallow.useShallow(function (state) {
|
|
11662
11601
|
return {
|
|
11663
11602
|
camera: state.camera,
|
|
11664
11603
|
cameraReady: state.cameraReady,
|
|
11665
11604
|
videoRef: state.videoRef
|
|
11666
11605
|
};
|
|
11667
11606
|
})),
|
|
11668
|
-
camera =
|
|
11669
|
-
videoRef =
|
|
11670
|
-
var
|
|
11671
|
-
onPredictionMade =
|
|
11672
|
-
canvasRef =
|
|
11673
|
-
guidanceError =
|
|
11607
|
+
camera = _t.camera,
|
|
11608
|
+
videoRef = _t.videoRef;
|
|
11609
|
+
var _u = React.useContext(SelfieGuidanceModelsContext),
|
|
11610
|
+
onPredictionMade = _u.onPredictionMade,
|
|
11611
|
+
canvasRef = _u.canvasRef,
|
|
11612
|
+
guidanceError = _u.error;
|
|
11674
11613
|
onPredictionMade(useDebounce.useThrottledCallback(React.useCallback(function (prediction) {
|
|
11675
11614
|
return __awaiter(void 0, void 0, void 0, function () {
|
|
11676
11615
|
return __generator(this, function (_a) {
|
|
@@ -11715,9 +11654,9 @@ var SelfieCapture = function SelfieCapture(_a) {
|
|
|
11715
11654
|
if (timer) clearTimeout(timer);
|
|
11716
11655
|
};
|
|
11717
11656
|
}, [onSelfieCaptureStarted, onSelfieCaptured, prediction]);
|
|
11718
|
-
var
|
|
11719
|
-
timedOut =
|
|
11720
|
-
timeoutStartedAt =
|
|
11657
|
+
var _v = useTimeout(timeoutDurationMs, onTimeout),
|
|
11658
|
+
timedOut = _v.timedOut,
|
|
11659
|
+
timeoutStartedAt = _v.timeoutStartedAt;
|
|
11721
11660
|
var debugScalingDetails = useDebugScalingDetails({
|
|
11722
11661
|
enabled: debugMode,
|
|
11723
11662
|
pageWidth: width,
|
|
@@ -11745,9 +11684,9 @@ var SelfieCapture = function SelfieCapture(_a) {
|
|
|
11745
11684
|
});
|
|
11746
11685
|
}
|
|
11747
11686
|
var GuidesComponent = guidesComponent !== null && guidesComponent !== void 0 ? guidesComponent : FaceCaptureGuideOverlay;
|
|
11748
|
-
return /*#__PURE__*/React__namespace.default.createElement(
|
|
11687
|
+
return /*#__PURE__*/React__namespace.default.createElement(Container$5, {
|
|
11749
11688
|
ref: ref,
|
|
11750
|
-
className:
|
|
11689
|
+
className: classNames.container
|
|
11751
11690
|
}, /*#__PURE__*/React__namespace.default.createElement(InvisibleCanvas, {
|
|
11752
11691
|
ref: lastPredictionCanvas
|
|
11753
11692
|
}), /*#__PURE__*/React__namespace.default.createElement(GuidesComponent, {
|
|
@@ -11767,6 +11706,8 @@ var SelfieCapture = function SelfieCapture(_a) {
|
|
|
11767
11706
|
className: classNames.exitCaptureBtn
|
|
11768
11707
|
}));
|
|
11769
11708
|
};
|
|
11709
|
+
var Container$5 = styled__default.default.div(templateObject_1$k || (templateObject_1$k = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n"], ["\n width: 100%;\n height: 100%;\n"])));
|
|
11710
|
+
var templateObject_1$k;
|
|
11770
11711
|
|
|
11771
11712
|
var initialState$2 = {
|
|
11772
11713
|
frame: null,
|
|
@@ -12154,9 +12095,9 @@ var FaceLivenessSuccess = function FaceLivenessSuccess(_a) {
|
|
|
12154
12095
|
finished: true
|
|
12155
12096
|
}, verbiage.retryBtnText)))));
|
|
12156
12097
|
};
|
|
12157
|
-
var ImageContainer$5 = styled__default.default.div(templateObject_1$
|
|
12158
|
-
var Heading$6 = styled__default.default.h3(templateObject_2$
|
|
12159
|
-
var templateObject_1$
|
|
12098
|
+
var ImageContainer$5 = styled__default.default.div(templateObject_1$j || (templateObject_1$j = __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"])));
|
|
12099
|
+
var Heading$6 = styled__default.default.h3(templateObject_2$h || (templateObject_2$h = __makeTemplateObject(["\n font-size: 1.2rem;\n margin: 0;\n"], ["\n font-size: 1.2rem;\n margin: 0;\n"])));
|
|
12100
|
+
var templateObject_1$j, templateObject_2$h;
|
|
12160
12101
|
|
|
12161
12102
|
var FaceLivenessFailure = function FaceLivenessFailure(_a) {
|
|
12162
12103
|
var _b = _a.canRetry,
|
|
@@ -12205,9 +12146,9 @@ var FaceLivenessFailure = function FaceLivenessFailure(_a) {
|
|
|
12205
12146
|
finished: true
|
|
12206
12147
|
}, verbiage.exitBtnText)))));
|
|
12207
12148
|
};
|
|
12208
|
-
var ImageContainer$4 = styled__default.default(OverlayImageContainer)(templateObject_1$
|
|
12209
|
-
var Heading$5 = styled__default.default.h3(templateObject_2$
|
|
12210
|
-
var templateObject_1$
|
|
12149
|
+
var ImageContainer$4 = styled__default.default(OverlayImageContainer)(templateObject_1$i || (templateObject_1$i = __makeTemplateObject(["\n max-height: calc(100vh - 185px);\n"], ["\n max-height: calc(100vh - 185px);\n"])));
|
|
12150
|
+
var Heading$5 = styled__default.default.h3(templateObject_2$g || (templateObject_2$g = __makeTemplateObject(["\n margin-bottom: 36px;\n"], ["\n margin-bottom: 36px;\n"])));
|
|
12151
|
+
var templateObject_1$i, templateObject_2$g;
|
|
12211
12152
|
|
|
12212
12153
|
var MicrophoneAccessDeniedOverlay = function MicrophoneAccessDeniedOverlay(_a) {
|
|
12213
12154
|
var _b;
|
|
@@ -12232,7 +12173,7 @@ var MicrophoneAccessDeniedOverlay = function MicrophoneAccessDeniedOverlay(_a) {
|
|
|
12232
12173
|
className: "flex ".concat((_b = classNames.container) !== null && _b !== void 0 ? _b : '')
|
|
12233
12174
|
}, /*#__PURE__*/React__namespace.default.createElement(StyledOverlayInner, {
|
|
12234
12175
|
className: classNames.inner
|
|
12235
|
-
}, /*#__PURE__*/React__namespace.default.createElement(StyledOverlayImageContainer
|
|
12176
|
+
}, /*#__PURE__*/React__namespace.default.createElement(StyledOverlayImageContainer, {
|
|
12236
12177
|
className: classNames.imageContainer
|
|
12237
12178
|
}, /*#__PURE__*/React__namespace.default.createElement("img", {
|
|
12238
12179
|
src: assets.imageUrl,
|
|
@@ -12250,11 +12191,11 @@ var MicrophoneAccessDeniedOverlay = function MicrophoneAccessDeniedOverlay(_a) {
|
|
|
12250
12191
|
finished: true
|
|
12251
12192
|
}, verbiage.retryBtnText)));
|
|
12252
12193
|
};
|
|
12253
|
-
var StyledOverlayInner = styled__default.default(OverlayInner$2)(templateObject_1$
|
|
12254
|
-
var StyledOverlayImageContainer
|
|
12194
|
+
var StyledOverlayInner = styled__default.default(OverlayInner$2)(templateObject_1$h || (templateObject_1$h = __makeTemplateObject(["\n max-width: 500px;\n height: auto;\n margin: auto;\n"], ["\n max-width: 500px;\n height: auto;\n margin: auto;\n"])));
|
|
12195
|
+
var StyledOverlayImageContainer = styled__default.default(OverlayImageContainer)(templateObject_2$f || (templateObject_2$f = __makeTemplateObject(["\n flex-grow: 0;\n"], ["\n flex-grow: 0;\n"])));
|
|
12255
12196
|
var Description$1 = styled__default.default.p(templateObject_3$c || (templateObject_3$c = __makeTemplateObject(["\n line-height: 1.5;\n margin-bottom: 50px;\n"], ["\n line-height: 1.5;\n margin-bottom: 50px;\n"])));
|
|
12256
12197
|
var RetryButton = styled__default.default(LoaderButton)(templateObject_4$7 || (templateObject_4$7 = __makeTemplateObject(["\n width: 200px;\n margin: 0 auto;\n"], ["\n width: 200px;\n margin: 0 auto;\n"])));
|
|
12257
|
-
var templateObject_1$
|
|
12198
|
+
var templateObject_1$h, templateObject_2$f, templateObject_3$c, templateObject_4$7;
|
|
12258
12199
|
|
|
12259
12200
|
var SelfieCaptureLoadingOverlayLegacy = function SelfieCaptureLoadingOverlayLegacy(_a) {
|
|
12260
12201
|
var onDismissed = _a.onDismissed,
|
|
@@ -12326,13 +12267,13 @@ var SelfieCaptureLoadingOverlayLegacy = function SelfieCaptureLoadingOverlayLega
|
|
|
12326
12267
|
}, verbiage.headingText), onUserCancel && ( /*#__PURE__*/React__namespace.default.createElement(ExitCaptureButton, {
|
|
12327
12268
|
onClick: onUserCancel,
|
|
12328
12269
|
className: classNames.cancelBtn
|
|
12329
|
-
})), /*#__PURE__*/React__namespace.default.createElement(StyledGuidanceMessage
|
|
12270
|
+
})), /*#__PURE__*/React__namespace.default.createElement(StyledGuidanceMessage, null, verbiage.removeEyeCoveringsText, /*#__PURE__*/React__namespace.default.createElement("br", null), verbiage.avoidExcessiveBacklightingText), /*#__PURE__*/React__namespace.default.createElement(OverlayImageContainer, {
|
|
12330
12271
|
className: classNames.imageContainer
|
|
12331
12272
|
}, /*#__PURE__*/React__namespace.default.createElement("img", {
|
|
12332
12273
|
className: classNames.image,
|
|
12333
12274
|
alt: verbiage.headingText,
|
|
12334
12275
|
src: assets.instructionImageUrl
|
|
12335
|
-
})), /*#__PURE__*/React__namespace.default.createElement(StyledButtonsRow$
|
|
12276
|
+
})), /*#__PURE__*/React__namespace.default.createElement(StyledButtonsRow$5, {
|
|
12336
12277
|
className: classNames.buttonsRow
|
|
12337
12278
|
}, /*#__PURE__*/React__namespace.default.createElement(LoaderButton, {
|
|
12338
12279
|
variant: "positive",
|
|
@@ -12346,18 +12287,11 @@ var SelfieCaptureLoadingOverlayLegacy = function SelfieCaptureLoadingOverlayLega
|
|
|
12346
12287
|
}
|
|
12347
12288
|
}, ready ? verbiage.continueText : allModelsReady ? verbiage.cameraInitializingText : modelDownloadProgress >= 100 ? "".concat(verbiage.modelsWarmingUpText) : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)")))));
|
|
12348
12289
|
};
|
|
12349
|
-
var StyledGuidanceMessage
|
|
12350
|
-
var StyledButtonsRow$
|
|
12351
|
-
var templateObject_1$
|
|
12290
|
+
var StyledGuidanceMessage = styled__default.default(GuidanceMessage)(templateObject_1$g || (templateObject_1$g = __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"])));
|
|
12291
|
+
var StyledButtonsRow$5 = styled__default.default(ButtonsRow$2)(templateObject_2$e || (templateObject_2$e = __makeTemplateObject(["\n flex-direction: column;\n padding-top: 25px;\n"], ["\n flex-direction: column;\n padding-top: 25px;\n"])));
|
|
12292
|
+
var templateObject_1$g, templateObject_2$e;
|
|
12352
12293
|
|
|
12353
12294
|
var legacyInstructionImageUrl = "".concat(DEFAULT_CDN_URL, "/Selfie-Image-1.png");
|
|
12354
|
-
var OverlayInner = styled__default.default.div(templateObject_1$d || (templateObject_1$d = __makeTemplateObject(["\n height: 100dvh;\n display: flex;\n flex-direction: column;\n background: ", ";\n color: ", ";\n"], ["\n height: 100dvh;\n display: flex;\n flex-direction: column;\n background: ", ";\n color: ", ";\n"])), function (props) {
|
|
12355
|
-
var _a, _b, _c, _d;
|
|
12356
|
-
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.backgroundColor) !== null && _d !== void 0 ? _d : '#ecedf3';
|
|
12357
|
-
}, function (props) {
|
|
12358
|
-
var _a, _b, _c, _d;
|
|
12359
|
-
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';
|
|
12360
|
-
});
|
|
12361
12295
|
var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDefault(_a) {
|
|
12362
12296
|
var onDismissed = _a.onDismissed,
|
|
12363
12297
|
onUserCancel = _a.onUserCancel,
|
|
@@ -12440,11 +12374,11 @@ var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDef
|
|
|
12440
12374
|
}, onUserCancel && ( /*#__PURE__*/React__namespace.default.createElement(ExitCaptureButton, {
|
|
12441
12375
|
onClick: onUserCancel,
|
|
12442
12376
|
className: classNames.cancelBtn
|
|
12443
|
-
})), customOverlayContent || ( /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(
|
|
12377
|
+
})), customOverlayContent || ( /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(LoadingOverlayHeader, {
|
|
12444
12378
|
className: classNames.headingContainer
|
|
12445
|
-
}, /*#__PURE__*/React__namespace.default.createElement(
|
|
12379
|
+
}, /*#__PURE__*/React__namespace.default.createElement(LoadingOverlayGuidanceMessage, {
|
|
12446
12380
|
className: classNames.heading
|
|
12447
|
-
}, headingText)), /*#__PURE__*/React__namespace.default.createElement(
|
|
12381
|
+
}, headingText)), /*#__PURE__*/React__namespace.default.createElement(LoadingOverlayImageContainer, {
|
|
12448
12382
|
className: classNames.imageContainer
|
|
12449
12383
|
}, (assets === null || assets === void 0 ? void 0 : assets.instructionImageUrl) && assets.instructionImageUrl !== legacyInstructionImageUrl ? ( /*#__PURE__*/React__namespace.default.createElement(CustomLoadingGraphic, {
|
|
12450
12384
|
className: classNames.image,
|
|
@@ -12452,32 +12386,32 @@ var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDef
|
|
|
12452
12386
|
src: assets.instructionImageUrl
|
|
12453
12387
|
})) : ( /*#__PURE__*/React__namespace.default.createElement(SelfieCaptureLoadingGraphic, {
|
|
12454
12388
|
className: classNames.image
|
|
12455
|
-
}))))), /*#__PURE__*/React__namespace.default.createElement(
|
|
12389
|
+
}))))), /*#__PURE__*/React__namespace.default.createElement(ButtonsRow, {
|
|
12456
12390
|
className: classNames.buttonsRow
|
|
12457
|
-
}, /*#__PURE__*/React__namespace.default.createElement(
|
|
12391
|
+
}, /*#__PURE__*/React__namespace.default.createElement(LoadingOverlayProgressContainer, {
|
|
12458
12392
|
className: classNames.progressContainer
|
|
12459
12393
|
}, /*#__PURE__*/React__namespace.default.createElement(ProgressBarBackground, {
|
|
12460
12394
|
className: classNames.progressBackground
|
|
12461
|
-
}), /*#__PURE__*/React__namespace.default.createElement(
|
|
12395
|
+
}), /*#__PURE__*/React__namespace.default.createElement(LoadingOverlayProgressBar, {
|
|
12462
12396
|
"$progress": modelDownloadProgress,
|
|
12463
12397
|
className: classNames.progressBar
|
|
12464
12398
|
}, /*#__PURE__*/React__namespace.default.createElement(ProgressIndicator, {
|
|
12465
12399
|
className: classNames.progressIndicator
|
|
12466
|
-
}))), /*#__PURE__*/React__namespace.default.createElement(
|
|
12400
|
+
}))), /*#__PURE__*/React__namespace.default.createElement(LoadingOverlayLoadingListContainer, {
|
|
12467
12401
|
className: classNames.loadingListContainer
|
|
12468
|
-
}, /*#__PURE__*/React__namespace.default.createElement(
|
|
12402
|
+
}, /*#__PURE__*/React__namespace.default.createElement(LoadingOverlayLoadingList, {
|
|
12469
12403
|
className: classNames.loadingList
|
|
12470
|
-
}, /*#__PURE__*/React__namespace.default.createElement(
|
|
12404
|
+
}, /*#__PURE__*/React__namespace.default.createElement(LoadingOverlayLoadingListItem, {
|
|
12471
12405
|
className: cn__default.default(classNames.loadingListItem, cameraReady ? 'done' : 'running')
|
|
12472
12406
|
}, /*#__PURE__*/React__namespace.default.createElement(LoadingListItemIndicator, {
|
|
12473
12407
|
className: classNames.loadingListItemIndicator,
|
|
12474
12408
|
state: cameraReady ? 'done' : 'running'
|
|
12475
|
-
}), cameraReady ? verbiage.cameraInitializedText : verbiage.cameraInitializingText), /*#__PURE__*/React__namespace.default.createElement(
|
|
12409
|
+
}), cameraReady ? verbiage.cameraInitializedText : verbiage.cameraInitializingText), /*#__PURE__*/React__namespace.default.createElement(LoadingOverlayLoadingListItem, {
|
|
12476
12410
|
className: cn__default.default(classNames.loadingListItem, sessionReady && allModelsReady ? 'done' : 'running')
|
|
12477
12411
|
}, /*#__PURE__*/React__namespace.default.createElement(LoadingListItemIndicator, {
|
|
12478
12412
|
className: classNames.loadingListItemIndicator,
|
|
12479
12413
|
state: sessionReady && allModelsReady ? 'done' : 'running'
|
|
12480
|
-
}), !sessionReady ? verbiage.sessionCheckingText :
|
|
12414
|
+
}), !sessionReady ? verbiage.sessionCheckingText : allModelsReady ? verbiage.modelsReadyText : modelDownloadProgress >= 100 ? verbiage.modelsWarmingUpText : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)")))), /*#__PURE__*/React__namespace.default.createElement(ContinueButtonContainer, {
|
|
12481
12415
|
className: classNames.continueBtnContainer
|
|
12482
12416
|
}, ready && ( /*#__PURE__*/React__namespace.default.createElement(ContinueButton, {
|
|
12483
12417
|
autoFocus: true,
|
|
@@ -12491,42 +12425,34 @@ var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDef
|
|
|
12491
12425
|
}
|
|
12492
12426
|
}, verbiage.continueText))))));
|
|
12493
12427
|
};
|
|
12494
|
-
var
|
|
12495
|
-
var _a;
|
|
12496
|
-
return (_a = props.theme.
|
|
12428
|
+
var OverlayInner = styled__default.default(LoadingOverlayInner)(templateObject_1$f || (templateObject_1$f = __makeTemplateObject(["\n background: ", ";\n color: ", ";\n"], ["\n background: ", ";\n color: ", ";\n"])), function (props) {
|
|
12429
|
+
var _a, _b, _c, _d;
|
|
12430
|
+
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.backgroundColor) !== null && _d !== void 0 ? _d : '#ecedf3';
|
|
12497
12431
|
}, function (props) {
|
|
12498
|
-
|
|
12432
|
+
var _a, _b, _c, _d;
|
|
12433
|
+
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';
|
|
12499
12434
|
});
|
|
12500
|
-
var
|
|
12501
|
-
var StyledButtonsRow$5 = styled__default.default(ButtonsRow)(templateObject_4$6 || (templateObject_4$6 = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n padding: 15px 25px;\n height: 100px;\n color: ", ";\n ", "\n position: fixed;\n bottom: 0;\n left: 0;\n width: 100dvw;\n box-sizing: border-box;\n"], ["\n display: flex;\n flex-direction: row;\n padding: 15px 25px;\n height: 100px;\n color: ", ";\n ", "\n position: fixed;\n bottom: 0;\n left: 0;\n width: 100dvw;\n box-sizing: border-box;\n"])), function (props) {
|
|
12435
|
+
var ButtonsRow = styled__default.default(LoadingOverlayButtonsRow)(templateObject_2$d || (templateObject_2$d = __makeTemplateObject(["\n color: ", ";\n ", "\n"], ["\n color: ", ";\n ", "\n"])), function (props) {
|
|
12502
12436
|
var _a, _b, _c, _d;
|
|
12503
12437
|
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';
|
|
12504
12438
|
}, function (props) {
|
|
12505
12439
|
var _a, _b, _c, _d, _e, _f;
|
|
12506
12440
|
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, ";") : '';
|
|
12507
12441
|
});
|
|
12508
|
-
var
|
|
12509
|
-
var LoadingListContainer = styled__default.default.div(templateObject_6$3 || (templateObject_6$3 = __makeTemplateObject(["\n display: flex;\n position: relative;\n z-index: 2;\n"], ["\n display: flex;\n position: relative;\n z-index: 2;\n"])));
|
|
12510
|
-
var LoadingList = styled__default.default.ul(templateObject_7$2 || (templateObject_7$2 = __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"])));
|
|
12511
|
-
var LoadingListItem = styled__default.default.li(templateObject_8 || (templateObject_8 = __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"])));
|
|
12512
|
-
var ProgressContainer = styled__default.default.div(templateObject_9 || (templateObject_9 = __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"])));
|
|
12513
|
-
var ProgressBarBackground = styled__default.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: ", ";\n opacity: ", ";\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: ", ";\n opacity: ", ";\n"])), function (props) {
|
|
12442
|
+
var ProgressBarBackground = styled__default.default(LoadingOverlayProgressBarBackground)(templateObject_3$b || (templateObject_3$b = __makeTemplateObject(["\n background: ", ";\n opacity: ", ";\n"], ["\n background: ", ";\n opacity: ", ";\n"])), function (props) {
|
|
12514
12443
|
var _a, _b, _c, _d;
|
|
12515
12444
|
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)';
|
|
12516
12445
|
}, function (props) {
|
|
12517
12446
|
var _a, _b, _c, _d;
|
|
12518
12447
|
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;
|
|
12519
12448
|
});
|
|
12520
|
-
var
|
|
12521
|
-
return props.$progress;
|
|
12522
|
-
});
|
|
12523
|
-
var ProgressIndicator = styled__default.default.span(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n display: block;\n height: 100%;\n background: ", ";\n animation: ", " 3s ease-in-out;\n animation-fill-mode: both;\n"], ["\n display: block;\n height: 100%;\n background: ", ";\n animation: ", " 3s ease-in-out;\n animation-fill-mode: both;\n"])), function (props) {
|
|
12449
|
+
var ProgressIndicator = styled__default.default(LoadingOverlayProgressIndicator)(templateObject_4$6 || (templateObject_4$6 = __makeTemplateObject(["\n background: ", ";\n"], ["\n background: ", ";\n"])), function (props) {
|
|
12524
12450
|
var _a, _b, _c, _d;
|
|
12525
12451
|
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)';
|
|
12526
|
-
}
|
|
12527
|
-
var CustomLoadingGraphic = styled__default.default.img(
|
|
12528
|
-
var ContinueButtonContainer = styled__default.default.div(
|
|
12529
|
-
var ContinueButton = styled__default.default(LoaderButton)(
|
|
12452
|
+
});
|
|
12453
|
+
var CustomLoadingGraphic = styled__default.default.img(templateObject_5$4 || (templateObject_5$4 = __makeTemplateObject(["\n transform-style: preserve-3d;\n"], ["\n transform-style: preserve-3d;\n"])));
|
|
12454
|
+
var ContinueButtonContainer = styled__default.default.div(templateObject_6$3 || (templateObject_6$3 = __makeTemplateObject(["\n display: flex;\n"], ["\n display: flex;\n"])));
|
|
12455
|
+
var ContinueButton = styled__default.default(LoaderButton)(templateObject_7$2 || (templateObject_7$2 = __makeTemplateObject(["\n margin: auto;\n white-space: nowrap;\n ", "\n ", "\n \n &:focus-visible {\n ", "\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"])), function (props) {
|
|
12530
12456
|
var _a, _b, _c, _d, _e, _f;
|
|
12531
12457
|
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, ";") : '';
|
|
12532
12458
|
}, function (props) {
|
|
@@ -12536,7 +12462,7 @@ var ContinueButton = styled__default.default(LoaderButton)(templateObject_15 ||
|
|
|
12536
12462
|
var _a, _b, _c, _d, _e, _f;
|
|
12537
12463
|
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.continueBtnBorder) ? "border: ".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.continueBtnBorder, ";") : '';
|
|
12538
12464
|
});
|
|
12539
|
-
var templateObject_1$
|
|
12465
|
+
var templateObject_1$f, templateObject_2$d, templateObject_3$b, templateObject_4$6, templateObject_5$4, templateObject_6$3, templateObject_7$2;
|
|
12540
12466
|
|
|
12541
12467
|
var components = {
|
|
12542
12468
|
"default": SelfieCaptureLoadingOverlayDefault,
|
|
@@ -12552,7 +12478,7 @@ var SelfieCaptureLoadingOverlay = function SelfieCaptureLoadingOverlay(_a) {
|
|
|
12552
12478
|
};
|
|
12553
12479
|
|
|
12554
12480
|
var FaceLivenessWizard = function FaceLivenessWizard(_a) {
|
|
12555
|
-
var _b
|
|
12481
|
+
var _b;
|
|
12556
12482
|
var onComplete = _a.onComplete,
|
|
12557
12483
|
onSuccess = _a.onSuccess,
|
|
12558
12484
|
onFailure = _a.onFailure,
|
|
@@ -12562,70 +12488,70 @@ var FaceLivenessWizard = function FaceLivenessWizard(_a) {
|
|
|
12562
12488
|
onExitAfterFailure = _a.onExitAfterFailure,
|
|
12563
12489
|
onUserCancel = _a.onUserCancel,
|
|
12564
12490
|
precapturedDocuments = _a.precapturedDocuments,
|
|
12565
|
-
|
|
12566
|
-
loadingOverlayMode =
|
|
12491
|
+
_c = _a.loadingOverlayMode,
|
|
12492
|
+
loadingOverlayMode = _c === void 0 ? 'default' : _c,
|
|
12567
12493
|
customOverlayContent = _a.customOverlayContent,
|
|
12568
12494
|
onLoadingOverlayDismissed = _a.onLoadingOverlayDismissed,
|
|
12569
|
-
|
|
12570
|
-
initialCaptureDelayMs =
|
|
12571
|
-
|
|
12572
|
-
timeoutDurationMs =
|
|
12573
|
-
|
|
12574
|
-
maxRetries =
|
|
12575
|
-
|
|
12576
|
-
skipSuccessScreen =
|
|
12577
|
-
|
|
12578
|
-
allowLivenessFailure =
|
|
12579
|
-
|
|
12580
|
-
renderCameraFeed =
|
|
12581
|
-
|
|
12582
|
-
releaseCameraAccessOnExit =
|
|
12583
|
-
|
|
12584
|
-
silentFallback =
|
|
12585
|
-
|
|
12586
|
-
waitForIdCaptureModels =
|
|
12495
|
+
_d = _a.initialCaptureDelayMs,
|
|
12496
|
+
initialCaptureDelayMs = _d === void 0 ? 1000 : _d,
|
|
12497
|
+
_e = _a.timeoutDurationMs,
|
|
12498
|
+
timeoutDurationMs = _e === void 0 ? 15000 : _e,
|
|
12499
|
+
_f = _a.maxRetries,
|
|
12500
|
+
maxRetries = _f === void 0 ? 2 : _f,
|
|
12501
|
+
_g = _a.skipSuccessScreen,
|
|
12502
|
+
skipSuccessScreen = _g === void 0 ? false : _g,
|
|
12503
|
+
_h = _a.allowLivenessFailure,
|
|
12504
|
+
allowLivenessFailure = _h === void 0 ? false : _h,
|
|
12505
|
+
_j = _a.renderCameraFeed,
|
|
12506
|
+
renderCameraFeed = _j === void 0 ? true : _j,
|
|
12507
|
+
_k = _a.releaseCameraAccessOnExit,
|
|
12508
|
+
releaseCameraAccessOnExit = _k === void 0 ? true : _k,
|
|
12509
|
+
_l = _a.silentFallback,
|
|
12510
|
+
silentFallback = _l === void 0 ? false : _l,
|
|
12511
|
+
_m = _a.waitForIdCaptureModels,
|
|
12512
|
+
waitForIdCaptureModels = _m === void 0 ? false : _m,
|
|
12587
12513
|
guidesComponent = _a.guidesComponent,
|
|
12588
12514
|
disableCapturePreview = _a.disableCapturePreview,
|
|
12589
|
-
|
|
12590
|
-
assets =
|
|
12591
|
-
|
|
12592
|
-
classNames =
|
|
12593
|
-
|
|
12594
|
-
colors =
|
|
12595
|
-
|
|
12596
|
-
verbiage =
|
|
12597
|
-
|
|
12598
|
-
debugMode =
|
|
12599
|
-
var
|
|
12600
|
-
submissionResponse =
|
|
12601
|
-
livenessCheckRequest =
|
|
12602
|
-
setSelfieImage =
|
|
12603
|
-
logSelfieCaptureAttempt =
|
|
12604
|
-
var
|
|
12515
|
+
_o = _a.assets,
|
|
12516
|
+
assets = _o === void 0 ? {} : _o,
|
|
12517
|
+
_p = _a.classNames,
|
|
12518
|
+
classNames = _p === void 0 ? {} : _p,
|
|
12519
|
+
_q = _a.colors,
|
|
12520
|
+
colors = _q === void 0 ? {} : _q,
|
|
12521
|
+
_r = _a.verbiage,
|
|
12522
|
+
verbiage = _r === void 0 ? {} : _r,
|
|
12523
|
+
_s = _a.debugMode,
|
|
12524
|
+
debugMode = _s === void 0 ? false : _s;
|
|
12525
|
+
var _t = React.useContext(SubmissionContext),
|
|
12526
|
+
submissionResponse = _t.submissionResponse,
|
|
12527
|
+
livenessCheckRequest = _t.livenessCheckRequest,
|
|
12528
|
+
setSelfieImage = _t.setSelfieImage,
|
|
12529
|
+
logSelfieCaptureAttempt = _t.logSelfieCaptureAttempt;
|
|
12530
|
+
var _u = useCameraStore(shallow.useShallow(function (state) {
|
|
12605
12531
|
return {
|
|
12606
12532
|
cameraAccessDenied: state.cameraAccessDenied,
|
|
12607
12533
|
requestCameraAccess: state.requestCameraAccess,
|
|
12608
12534
|
releaseCameraAccess: state.releaseCameraAccess
|
|
12609
12535
|
};
|
|
12610
12536
|
})),
|
|
12611
|
-
cameraAccessDenied =
|
|
12612
|
-
requestCameraAccess =
|
|
12613
|
-
releaseCameraAccess =
|
|
12614
|
-
var
|
|
12615
|
-
faceCropImageUrl =
|
|
12616
|
-
setFaceCropImageUrl =
|
|
12617
|
-
var
|
|
12618
|
-
retryCount =
|
|
12619
|
-
setRetryCount =
|
|
12620
|
-
var
|
|
12621
|
-
captureState =
|
|
12622
|
-
setCaptureState =
|
|
12537
|
+
cameraAccessDenied = _u.cameraAccessDenied,
|
|
12538
|
+
requestCameraAccess = _u.requestCameraAccess,
|
|
12539
|
+
releaseCameraAccess = _u.releaseCameraAccess;
|
|
12540
|
+
var _v = React.useState(''),
|
|
12541
|
+
faceCropImageUrl = _v[0],
|
|
12542
|
+
setFaceCropImageUrl = _v[1];
|
|
12543
|
+
var _w = React.useState(0),
|
|
12544
|
+
retryCount = _w[0],
|
|
12545
|
+
setRetryCount = _w[1];
|
|
12546
|
+
var _x = React.useState('LOADING'),
|
|
12547
|
+
captureState = _x[0],
|
|
12548
|
+
setCaptureState = _x[1];
|
|
12623
12549
|
var captureStartedAt = React.useRef();
|
|
12624
12550
|
var operationStartedAt = React.useRef();
|
|
12625
12551
|
var livenessScore = React.useRef();
|
|
12626
|
-
var
|
|
12627
|
-
start =
|
|
12628
|
-
stop =
|
|
12552
|
+
var _y = React.useContext(SelfieGuidanceModelsContext),
|
|
12553
|
+
start = _y.start,
|
|
12554
|
+
stop = _y.stop;
|
|
12629
12555
|
React.useEffect(function () {
|
|
12630
12556
|
if (precapturedDocuments === null || precapturedDocuments === void 0 ? void 0 : precapturedDocuments.selfie) {
|
|
12631
12557
|
setSelfieImage(precapturedDocuments.selfie.imageData);
|
|
@@ -12709,9 +12635,9 @@ var FaceLivenessWizard = function FaceLivenessWizard(_a) {
|
|
|
12709
12635
|
}
|
|
12710
12636
|
onDenied === null || onDenied === void 0 ? void 0 : onDenied(submissionResponse, livenessCheckRequest);
|
|
12711
12637
|
}, [allowLivenessFailure, onDenied, submissionResponse, livenessCheckRequest]);
|
|
12712
|
-
var
|
|
12713
|
-
attempt =
|
|
12714
|
-
setAttempt =
|
|
12638
|
+
var _z = React.useState(0),
|
|
12639
|
+
attempt = _z[0],
|
|
12640
|
+
setAttempt = _z[1];
|
|
12715
12641
|
var onExitCallback = React.useCallback(function () {
|
|
12716
12642
|
setAttempt(function (n) {
|
|
12717
12643
|
return n + 1;
|
|
@@ -12759,10 +12685,8 @@ var FaceLivenessWizard = function FaceLivenessWizard(_a) {
|
|
|
12759
12685
|
}, [livenessCheckRequest, onExitAfterFailure, releaseCameraAccess, releaseCameraAccessOnExit, submissionResponse]);
|
|
12760
12686
|
return /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(InvisibleCanvas, {
|
|
12761
12687
|
ref: resizeCanvas
|
|
12762
|
-
}), /*#__PURE__*/React__namespace.default.createElement(
|
|
12763
|
-
className:
|
|
12764
|
-
}, renderCameraFeed && ( /*#__PURE__*/React__namespace.default.createElement(CameraVideoTag, {
|
|
12765
|
-
className: (_d = classNames.capture) === null || _d === void 0 ? void 0 : _d.cameraFeed
|
|
12688
|
+
}), renderCameraFeed && ( /*#__PURE__*/React__namespace.default.createElement(CameraVideoTag, {
|
|
12689
|
+
className: (_b = classNames.capture) === null || _b === void 0 ? void 0 : _b.cameraFeed
|
|
12766
12690
|
})), captureState !== 'LOADING' && function () {
|
|
12767
12691
|
switch (captureState) {
|
|
12768
12692
|
case 'CAPTURING':
|
|
@@ -12812,7 +12736,7 @@ var FaceLivenessWizard = function FaceLivenessWizard(_a) {
|
|
|
12812
12736
|
default:
|
|
12813
12737
|
return null;
|
|
12814
12738
|
}
|
|
12815
|
-
}()
|
|
12739
|
+
}(), /*#__PURE__*/React__namespace.default.createElement(SelfieCaptureLoadingOverlay, {
|
|
12816
12740
|
key: attempt,
|
|
12817
12741
|
mode: loadingOverlayMode,
|
|
12818
12742
|
customOverlayContent: customOverlayContent,
|
|
@@ -12846,24 +12770,26 @@ var SubmissionSuccess = function SubmissionSuccess() {
|
|
|
12846
12770
|
}
|
|
12847
12771
|
return JSON.stringify(body, null, 2);
|
|
12848
12772
|
}, [submissionRequest, truncateImages]);
|
|
12849
|
-
return /*#__PURE__*/React__namespace.default.createElement(
|
|
12773
|
+
return /*#__PURE__*/React__namespace.default.createElement(Container$4, null, /*#__PURE__*/React__namespace.default.createElement("h3", null, "Submission completed!"), /*#__PURE__*/React__namespace.default.createElement(LoaderButton, {
|
|
12850
12774
|
onClick: function onClick() {
|
|
12851
|
-
setShowRequestBody(!showRequestBody);
|
|
12775
|
+
return setShowRequestBody(!showRequestBody);
|
|
12852
12776
|
}
|
|
12853
|
-
}, showRequestBody ? 'Hide' : 'Show', " request body"), showRequestBody && ( /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(
|
|
12777
|
+
}, showRequestBody ? 'Hide' : 'Show', " request body"), showRequestBody && ( /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(LoaderButton, {
|
|
12854
12778
|
style: {
|
|
12855
12779
|
marginLeft: 8
|
|
12856
12780
|
},
|
|
12857
12781
|
onClick: function onClick() {
|
|
12858
|
-
setTruncateImages(!truncateImages);
|
|
12782
|
+
return setTruncateImages(!truncateImages);
|
|
12859
12783
|
}
|
|
12860
12784
|
}, truncateImages ? 'Display full images' : 'Truncate images'), /*#__PURE__*/React__namespace.default.createElement("h5", null, "Request Body"), /*#__PURE__*/React__namespace.default.createElement("pre", null, requestBodyDisplay))), /*#__PURE__*/React__namespace.default.createElement("h5", null, "Response Body"), /*#__PURE__*/React__namespace.default.createElement("pre", null, JSON.stringify(submissionResponse, null, 2)));
|
|
12861
12785
|
};
|
|
12786
|
+
var Container$4 = styled__default.default.div(templateObject_1$e || (templateObject_1$e = __makeTemplateObject(["\n padding: 16px;\n overflow: auto;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n"], ["\n padding: 16px;\n overflow: auto;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n"])));
|
|
12862
12787
|
function truncate(str, max_chars) {
|
|
12863
12788
|
var truncated = str.split('').splice(0, max_chars).join('');
|
|
12864
12789
|
if (truncated.length < str.length) truncated += '...';
|
|
12865
12790
|
return truncated;
|
|
12866
12791
|
}
|
|
12792
|
+
var templateObject_1$e;
|
|
12867
12793
|
|
|
12868
12794
|
var AdditionalDocumentCapture = function AdditionalDocumentCapture(_a) {
|
|
12869
12795
|
var document = _a.document,
|
|
@@ -12939,11 +12865,11 @@ var AdditionalDocumentCapture = function AdditionalDocumentCapture(_a) {
|
|
|
12939
12865
|
}
|
|
12940
12866
|
}, verbiage.captureBtnText)))));
|
|
12941
12867
|
};
|
|
12942
|
-
var Inner$2 = styled__default.default(OverlayInner$2)(templateObject_1$
|
|
12943
|
-
var Heading$4 = styled__default.default.h3(templateObject_2$
|
|
12868
|
+
var Inner$2 = styled__default.default(OverlayInner$2)(templateObject_1$d || (templateObject_1$d = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
12869
|
+
var Heading$4 = styled__default.default.h3(templateObject_2$c || (templateObject_2$c = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
12944
12870
|
var Description = styled__default.default.p(templateObject_3$a || (templateObject_3$a = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
12945
|
-
var StyledButtonsRow$4 = styled__default.default(ButtonsRow)(templateObject_4$5 || (templateObject_4$5 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
12946
|
-
var templateObject_1$
|
|
12871
|
+
var StyledButtonsRow$4 = styled__default.default(ButtonsRow$2)(templateObject_4$5 || (templateObject_4$5 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
12872
|
+
var templateObject_1$d, templateObject_2$c, templateObject_3$a, templateObject_4$5;
|
|
12947
12873
|
|
|
12948
12874
|
var AdditionalDocumentCaptureWizard = function AdditionalDocumentCaptureWizard(_a) {
|
|
12949
12875
|
var documents = _a.documents,
|
|
@@ -13093,7 +13019,7 @@ function convertSVGtoImg(svgData_1) {
|
|
|
13093
13019
|
});
|
|
13094
13020
|
}
|
|
13095
13021
|
|
|
13096
|
-
var SignaturePaperBacking = styled__default.default.div(templateObject_1$
|
|
13022
|
+
var SignaturePaperBacking = styled__default.default.div(templateObject_1$c || (templateObject_1$c = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n ", "\n ", "\n ", "\n"], ["\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n ", "\n ", "\n ", "\n"])), function (props) {
|
|
13097
13023
|
var _a, _b;
|
|
13098
13024
|
return ((_a = props.theme.signatureCapture) === null || _a === void 0 ? void 0 : _a.background) ? "background: ".concat((_b = props.theme.signatureCapture) === null || _b === void 0 ? void 0 : _b.background, ";") : "";
|
|
13099
13025
|
}, function (props) {
|
|
@@ -13103,7 +13029,7 @@ var SignaturePaperBacking = styled__default.default.div(templateObject_1$b || (t
|
|
|
13103
13029
|
var _a, _b;
|
|
13104
13030
|
return ((_a = props.theme.signatureCapture) === null || _a === void 0 ? void 0 : _a.backgroundPosition) ? "background-position: ".concat((_b = props.theme.signatureCapture) === null || _b === void 0 ? void 0 : _b.backgroundPosition, ";") : "";
|
|
13105
13031
|
});
|
|
13106
|
-
var SignatureCanvasContainer$1 = styled__default.default.div(templateObject_2$
|
|
13032
|
+
var SignatureCanvasContainer$1 = styled__default.default.div(templateObject_2$b || (templateObject_2$b = __makeTemplateObject(["\n position: absolute;\n top: 25%;\n left: 15%;\n width: 70%;\n height: 50%;\n\n @media (max-width: 800px) {\n top: 15%;\n left: 2%;\n width: 96%;\n height: 70%;\n }\n"], ["\n position: absolute;\n top: 25%;\n left: 15%;\n width: 70%;\n height: 50%;\n\n @media (max-width: 800px) {\n top: 15%;\n left: 2%;\n width: 96%;\n height: 70%;\n }\n"])));
|
|
13107
13033
|
var SignaturePad = styled__default.default.div(templateObject_3$9 || (templateObject_3$9 = __makeTemplateObject(["\n position: relative;\n background: ", ";\n border: ", ";\n border-radius: ", ";\n flex-grow: 1;\n z-index: 100;\n height: 100%;\n"], ["\n position: relative;\n background: ", ";\n border: ", ";\n border-radius: ", ";\n flex-grow: 1;\n z-index: 100;\n height: 100%;\n"])), function (props) {
|
|
13108
13034
|
var _a, _b, _c;
|
|
13109
13035
|
return (_c = (_b = (_a = props.theme.signatureCapture) === null || _a === void 0 ? void 0 : _a.canvas) === null || _b === void 0 ? void 0 : _b.background) !== null && _c !== void 0 ? _c : 'rgba(255, 255, 255, 0.5)';
|
|
@@ -13114,8 +13040,8 @@ var SignaturePad = styled__default.default.div(templateObject_3$9 || (templateOb
|
|
|
13114
13040
|
var _a, _b, _c;
|
|
13115
13041
|
return (_c = (_b = (_a = props.theme.signatureCapture) === null || _a === void 0 ? void 0 : _a.canvas) === null || _b === void 0 ? void 0 : _b.borderRadius) !== null && _c !== void 0 ? _c : '16px';
|
|
13116
13042
|
});
|
|
13117
|
-
var SignatureButtonsContainer = styled__default.default(ButtonsRow)(templateObject_4$4 || (templateObject_4$4 = __makeTemplateObject(["\n flex-grow: 0;\n padding-top: 12px;\n display: flex;\n z-index: 1000;\n position: relative;\n"], ["\n flex-grow: 0;\n padding-top: 12px;\n display: flex;\n z-index: 1000;\n position: relative;\n"])));
|
|
13118
|
-
var templateObject_1$
|
|
13043
|
+
var SignatureButtonsContainer = styled__default.default(ButtonsRow$2)(templateObject_4$4 || (templateObject_4$4 = __makeTemplateObject(["\n flex-grow: 0;\n padding-top: 12px;\n display: flex;\n z-index: 1000;\n position: relative;\n"], ["\n flex-grow: 0;\n padding-top: 12px;\n display: flex;\n z-index: 1000;\n position: relative;\n"])));
|
|
13044
|
+
var templateObject_1$c, templateObject_2$b, templateObject_3$9, templateObject_4$4;
|
|
13119
13045
|
|
|
13120
13046
|
var SignatureCapture = function SignatureCapture(_a) {
|
|
13121
13047
|
var onAccept = _a.onAccept,
|
|
@@ -13150,7 +13076,7 @@ var SignatureCapture = function SignatureCapture(_a) {
|
|
|
13150
13076
|
});
|
|
13151
13077
|
});
|
|
13152
13078
|
}
|
|
13153
|
-
return /*#__PURE__*/React__namespace.default.createElement(
|
|
13079
|
+
return /*#__PURE__*/React__namespace.default.createElement(Container$3, {
|
|
13154
13080
|
className: classNames.container
|
|
13155
13081
|
}, /*#__PURE__*/React__namespace.default.createElement(SignaturePaperBacking, {
|
|
13156
13082
|
className: classNames.inner
|
|
@@ -13188,8 +13114,9 @@ var SignatureCapture = function SignatureCapture(_a) {
|
|
|
13188
13114
|
finished: true
|
|
13189
13115
|
}, verbiage.acceptBtnText)))));
|
|
13190
13116
|
};
|
|
13191
|
-
var
|
|
13192
|
-
var
|
|
13117
|
+
var Container$3 = styled__default.default.div(templateObject_1$b || (templateObject_1$b = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n position: relative;\n"], ["\n width: 100%;\n height: 100%;\n position: relative;\n"])));
|
|
13118
|
+
var AcceptBtn$1 = styled__default.default(LoaderButton)(templateObject_2$a || (templateObject_2$a = __makeTemplateObject(["\n margin-left: auto;\n"], ["\n margin-left: auto;\n"])));
|
|
13119
|
+
var templateObject_1$b, templateObject_2$a;
|
|
13193
13120
|
|
|
13194
13121
|
var useVideoRecorder = function useVideoRecorder(camera, audioStream, mergeAVStreams) {
|
|
13195
13122
|
if (mergeAVStreams === void 0) {
|
|
@@ -13601,7 +13528,7 @@ function VideoSignatureGuides(_a) {
|
|
|
13601
13528
|
var isSigning = requestedAction === 'CAPTURE_SIGNATURE';
|
|
13602
13529
|
var canClear = isSigning && !signaturePadEmpty;
|
|
13603
13530
|
var canSubmit = isSigning && signatureValid;
|
|
13604
|
-
return /*#__PURE__*/React__namespace.default.createElement(Container$
|
|
13531
|
+
return /*#__PURE__*/React__namespace.default.createElement(Container$2, {
|
|
13605
13532
|
className: classNames.container
|
|
13606
13533
|
}, /*#__PURE__*/React__namespace.default.createElement(Inner$1, {
|
|
13607
13534
|
className: classNames.inner
|
|
@@ -13657,51 +13584,50 @@ function VideoSignatureGuides(_a) {
|
|
|
13657
13584
|
finished: true
|
|
13658
13585
|
}, verbiage.acceptSignatureBtnText))))));
|
|
13659
13586
|
}
|
|
13660
|
-
var Container$
|
|
13587
|
+
var Container$2 = styled__default.default.div(templateObject_1$a || (templateObject_1$a = __makeTemplateObject(["\n display: flex;\n max-height: 100%;\n position: absolute;\n z-index: 1000;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n font-family: ", ";\n box-sizing: border-box;\n overflow: hidden;\n padding: 40px;\n"], ["\n display: flex;\n max-height: 100%;\n position: absolute;\n z-index: 1000;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n font-family: ", ";\n box-sizing: border-box;\n overflow: hidden;\n padding: 40px;\n"])), function (props) {
|
|
13661
13588
|
var _a;
|
|
13662
13589
|
return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
|
|
13663
13590
|
});
|
|
13664
|
-
var Inner$1 = styled__default.default.div(templateObject_2$
|
|
13591
|
+
var Inner$1 = styled__default.default.div(templateObject_2$9 || (templateObject_2$9 = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n max-height: 1280px;\n display: flex;\n margin: auto;\n align-items: center;\n flex-direction: column;\n"], ["\n width: 100%;\n height: 100%;\n max-height: 1280px;\n display: flex;\n margin: auto;\n align-items: center;\n flex-direction: column;\n"])));
|
|
13665
13592
|
var FaceGuideContainer$1 = styled__default.default.div(templateObject_3$8 || (templateObject_3$8 = __makeTemplateObject(["\n position: relative;\n height: 50%;\n"], ["\n position: relative;\n height: 50%;\n"])));
|
|
13666
13593
|
var StyledSelfieCaptureAnimatedMask = styled__default.default(SelfieCaptureAnimatedMaskWithStatus)(templateObject_4$3 || (templateObject_4$3 = __makeTemplateObject(["\n max-width: 100%;\n height: 100%;\n"], ["\n max-width: 100%;\n height: 100%;\n"])));
|
|
13667
|
-
var SignaturePadContainer = styled__default.default.div(templateObject_5$
|
|
13594
|
+
var SignaturePadContainer = styled__default.default.div(templateObject_5$3 || (templateObject_5$3 = __makeTemplateObject(["\n position: relative;\n max-width: 100%;\n height: 50%;\n aspect-ratio: 2;\n"], ["\n position: relative;\n max-width: 100%;\n height: 50%;\n aspect-ratio: 2;\n"])));
|
|
13668
13595
|
var SignatureCanvasContainer = styled__default.default.div(templateObject_6$2 || (templateObject_6$2 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: calc(100% - 67px);\n ", "\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: calc(100% - 67px);\n ", "\n"])), function (props) {
|
|
13669
13596
|
return props.$disabled ? 'opacity: 0.5; pointer-events: none;' : '';
|
|
13670
13597
|
});
|
|
13671
13598
|
var AcceptBtn = styled__default.default(LoaderButton)(templateObject_7$1 || (templateObject_7$1 = __makeTemplateObject(["\n margin-left: auto;\n"], ["\n margin-left: auto;\n"])));
|
|
13672
|
-
var templateObject_1$
|
|
13599
|
+
var templateObject_1$a, templateObject_2$9, templateObject_3$8, templateObject_4$3, templateObject_5$3, templateObject_6$2, templateObject_7$1;
|
|
13673
13600
|
|
|
13674
13601
|
var DEFAULT_MIN_SIGNATURE_PAD_POINTS = 10;
|
|
13675
13602
|
var VideoSignatureCapture = function VideoSignatureCapture(_a) {
|
|
13676
|
-
var _b;
|
|
13677
13603
|
var onVideoCaptured = _a.onVideoCaptured,
|
|
13678
13604
|
onFaceNotDetected = _a.onFaceNotDetected,
|
|
13679
13605
|
onExit = _a.onExit,
|
|
13680
|
-
|
|
13681
|
-
restartVideoOnSignaturePadCleared =
|
|
13606
|
+
_b = _a.restartVideoOnSignaturePadCleared,
|
|
13607
|
+
restartVideoOnSignaturePadCleared = _b === void 0 ? true : _b,
|
|
13682
13608
|
guidesComponent = _a.guidesComponent,
|
|
13683
|
-
|
|
13684
|
-
minSignaturePadPoints =
|
|
13685
|
-
|
|
13686
|
-
classNames =
|
|
13687
|
-
|
|
13688
|
-
colors =
|
|
13689
|
-
|
|
13690
|
-
rawVerbiage =
|
|
13691
|
-
|
|
13692
|
-
debugMode =
|
|
13609
|
+
_c = _a.minSignaturePadPoints,
|
|
13610
|
+
minSignaturePadPoints = _c === void 0 ? DEFAULT_MIN_SIGNATURE_PAD_POINTS : _c,
|
|
13611
|
+
_d = _a.classNames,
|
|
13612
|
+
classNames = _d === void 0 ? {} : _d,
|
|
13613
|
+
_e = _a.colors,
|
|
13614
|
+
colors = _e === void 0 ? {} : _e,
|
|
13615
|
+
_f = _a.verbiage,
|
|
13616
|
+
rawVerbiage = _f === void 0 ? {} : _f,
|
|
13617
|
+
_g = _a.debugMode,
|
|
13618
|
+
debugMode = _g === void 0 ? false : _g;
|
|
13693
13619
|
var camera = useCameraStore(function (state) {
|
|
13694
13620
|
return state.camera;
|
|
13695
13621
|
});
|
|
13696
13622
|
var onPredictionMade = React.useContext(SelfieGuidanceModelsContext).onPredictionMade;
|
|
13697
|
-
var
|
|
13698
|
-
signatureData =
|
|
13699
|
-
signatureDataUrl =
|
|
13700
|
-
signatureVideoData =
|
|
13701
|
-
startRecording =
|
|
13702
|
-
stopRecording =
|
|
13703
|
-
clearRecordedData =
|
|
13704
|
-
isRecording =
|
|
13623
|
+
var _h = useVideoSignatureContext(),
|
|
13624
|
+
signatureData = _h.signatureData,
|
|
13625
|
+
signatureDataUrl = _h.signatureDataUrl,
|
|
13626
|
+
signatureVideoData = _h.signatureVideoData,
|
|
13627
|
+
startRecording = _h.startRecording,
|
|
13628
|
+
stopRecording = _h.stopRecording,
|
|
13629
|
+
clearRecordedData = _h.clearRecordedData,
|
|
13630
|
+
isRecording = _h.isRecording;
|
|
13705
13631
|
React.useEffect(function () {
|
|
13706
13632
|
startRecording();
|
|
13707
13633
|
return stopRecording;
|
|
@@ -13716,9 +13642,9 @@ var VideoSignatureCapture = function VideoSignatureCapture(_a) {
|
|
|
13716
13642
|
onVideoCaptured === null || onVideoCaptured === void 0 ? void 0 : onVideoCaptured(signatureVideoData, signatureData, signatureDataUrl);
|
|
13717
13643
|
}
|
|
13718
13644
|
}, [onVideoCaptured, signatureData, signatureDataUrl, signatureVideoData]);
|
|
13719
|
-
var
|
|
13720
|
-
numFramesWithoutFaces =
|
|
13721
|
-
setNumFramesWithoutFaces =
|
|
13645
|
+
var _j = React.useState(0),
|
|
13646
|
+
numFramesWithoutFaces = _j[0],
|
|
13647
|
+
setNumFramesWithoutFaces = _j[1];
|
|
13722
13648
|
React.useEffect(function () {
|
|
13723
13649
|
onPredictionMade(function (_a) {
|
|
13724
13650
|
var face = _a.face;
|
|
@@ -13733,8 +13659,8 @@ var VideoSignatureCapture = function VideoSignatureCapture(_a) {
|
|
|
13733
13659
|
}
|
|
13734
13660
|
}, [numFramesWithoutFaces, onFaceNotDetected]);
|
|
13735
13661
|
var GuidesComponent = guidesComponent !== null && guidesComponent !== void 0 ? guidesComponent : VideoSignatureGuides;
|
|
13736
|
-
return /*#__PURE__*/React__namespace.default.createElement(
|
|
13737
|
-
className:
|
|
13662
|
+
return /*#__PURE__*/React__namespace.default.createElement("div", {
|
|
13663
|
+
className: classNames.container
|
|
13738
13664
|
}, verbiage.guidanceMessageText && ( /*#__PURE__*/React__namespace.default.createElement(GuidanceMessageContainer, {
|
|
13739
13665
|
"$top": "10vh",
|
|
13740
13666
|
className: classNames.guidanceMessageContainer
|
|
@@ -13792,7 +13718,7 @@ var VideoSignatureSuccess = function VideoSignatureSuccess(_a) {
|
|
|
13792
13718
|
style: {
|
|
13793
13719
|
display: 'none'
|
|
13794
13720
|
}
|
|
13795
|
-
})), /*#__PURE__*/React__namespace.default.createElement(ButtonsRow, {
|
|
13721
|
+
})), /*#__PURE__*/React__namespace.default.createElement(ButtonsRow$2, {
|
|
13796
13722
|
className: classNames.buttonsRow
|
|
13797
13723
|
}, /*#__PURE__*/React__namespace.default.createElement(LoaderButton, {
|
|
13798
13724
|
variant: "warning",
|
|
@@ -13808,61 +13734,60 @@ var VideoSignatureSuccess = function VideoSignatureSuccess(_a) {
|
|
|
13808
13734
|
finished: true
|
|
13809
13735
|
}, verbiage.doneBtnText))));
|
|
13810
13736
|
};
|
|
13811
|
-
var StyledVideo$1 = styled__default.default.video(templateObject_1$
|
|
13812
|
-
var templateObject_1$
|
|
13737
|
+
var StyledVideo$1 = styled__default.default.video(templateObject_1$9 || (templateObject_1$9 = __makeTemplateObject(["\n margin-left: auto;\n margin-right: auto;\n max-width: 100%;\n"], ["\n margin-left: auto;\n margin-right: auto;\n max-width: 100%;\n"])));
|
|
13738
|
+
var templateObject_1$9;
|
|
13813
13739
|
|
|
13814
13740
|
var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
13815
|
-
var _b;
|
|
13816
13741
|
var onComplete = _a.onComplete,
|
|
13817
13742
|
onVideoCaptured = _a.onVideoCaptured,
|
|
13818
13743
|
onRetryClicked = _a.onRetryClicked,
|
|
13819
13744
|
onExitCapture = _a.onExitCapture,
|
|
13820
13745
|
onUserCancel = _a.onUserCancel,
|
|
13821
13746
|
onLoadingOverlayDismissed = _a.onLoadingOverlayDismissed,
|
|
13822
|
-
|
|
13823
|
-
loadingOverlayMode =
|
|
13747
|
+
_b = _a.loadingOverlayMode,
|
|
13748
|
+
loadingOverlayMode = _b === void 0 ? 'default' : _b,
|
|
13824
13749
|
customOverlayContent = _a.customOverlayContent,
|
|
13825
|
-
|
|
13826
|
-
skipSuccessScreen =
|
|
13827
|
-
|
|
13828
|
-
captureAudio =
|
|
13829
|
-
|
|
13830
|
-
minSignaturePadPoints =
|
|
13831
|
-
|
|
13832
|
-
allowSignatureAfterLivenessCheckFailure =
|
|
13833
|
-
|
|
13834
|
-
restartVideoOnSignaturePadCleared =
|
|
13750
|
+
_c = _a.skipSuccessScreen,
|
|
13751
|
+
skipSuccessScreen = _c === void 0 ? false : _c,
|
|
13752
|
+
_d = _a.captureAudio,
|
|
13753
|
+
captureAudio = _d === void 0 ? false : _d,
|
|
13754
|
+
_e = _a.minSignaturePadPoints,
|
|
13755
|
+
minSignaturePadPoints = _e === void 0 ? DEFAULT_MIN_SIGNATURE_PAD_POINTS : _e,
|
|
13756
|
+
_f = _a.allowSignatureAfterLivenessCheckFailure,
|
|
13757
|
+
allowSignatureAfterLivenessCheckFailure = _f === void 0 ? false : _f,
|
|
13758
|
+
_g = _a.restartVideoOnSignaturePadCleared,
|
|
13759
|
+
restartVideoOnSignaturePadCleared = _g === void 0 ? true : _g,
|
|
13835
13760
|
faceLivenessProps = _a.faceLivenessProps,
|
|
13836
|
-
|
|
13837
|
-
assets =
|
|
13838
|
-
|
|
13839
|
-
classNames =
|
|
13840
|
-
|
|
13841
|
-
colors =
|
|
13842
|
-
|
|
13843
|
-
verbiage =
|
|
13844
|
-
|
|
13845
|
-
debugMode =
|
|
13846
|
-
var
|
|
13847
|
-
selfieImage =
|
|
13848
|
-
setSelfieImage =
|
|
13849
|
-
setSignatureData =
|
|
13850
|
-
setSignatureVideoUrl =
|
|
13851
|
-
logSelfieCaptureAttempt =
|
|
13761
|
+
_h = _a.assets,
|
|
13762
|
+
assets = _h === void 0 ? {} : _h,
|
|
13763
|
+
_j = _a.classNames,
|
|
13764
|
+
classNames = _j === void 0 ? {} : _j,
|
|
13765
|
+
_k = _a.colors,
|
|
13766
|
+
colors = _k === void 0 ? {} : _k,
|
|
13767
|
+
_l = _a.verbiage,
|
|
13768
|
+
verbiage = _l === void 0 ? {} : _l,
|
|
13769
|
+
_m = _a.debugMode,
|
|
13770
|
+
debugMode = _m === void 0 ? false : _m;
|
|
13771
|
+
var _o = React.useContext(SubmissionContext),
|
|
13772
|
+
selfieImage = _o.selfieImage,
|
|
13773
|
+
setSelfieImage = _o.setSelfieImage,
|
|
13774
|
+
setSignatureData = _o.setSignatureData,
|
|
13775
|
+
setSignatureVideoUrl = _o.setSignatureVideoUrl,
|
|
13776
|
+
logSelfieCaptureAttempt = _o.logSelfieCaptureAttempt;
|
|
13852
13777
|
var cameraAccessDenied = useCameraStore(shallow.useShallow(function (state) {
|
|
13853
13778
|
return {
|
|
13854
13779
|
cameraAccessDenied: state.cameraAccessDenied
|
|
13855
13780
|
};
|
|
13856
13781
|
})).cameraAccessDenied;
|
|
13857
|
-
var
|
|
13858
|
-
captureState =
|
|
13859
|
-
setCaptureState =
|
|
13782
|
+
var _p = React.useState('CHECKING_LIVENESS'),
|
|
13783
|
+
captureState = _p[0],
|
|
13784
|
+
setCaptureState = _p[1];
|
|
13860
13785
|
var operationStartedAt = React.useRef();
|
|
13861
13786
|
var captureStartedAt = React.useRef();
|
|
13862
13787
|
var captureEndedAt = React.useRef();
|
|
13863
|
-
var
|
|
13864
|
-
start =
|
|
13865
|
-
stop =
|
|
13788
|
+
var _q = React.useContext(SelfieGuidanceModelsContext),
|
|
13789
|
+
start = _q.start,
|
|
13790
|
+
stop = _q.stop;
|
|
13866
13791
|
React.useEffect(function () {
|
|
13867
13792
|
operationStartedAt.current = new Date();
|
|
13868
13793
|
}, []);
|
|
@@ -13898,9 +13823,9 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
|
13898
13823
|
setSelfieImage(selfieFromRequest);
|
|
13899
13824
|
}
|
|
13900
13825
|
}, [logCaptureMetadata, onFaceLivenessSuccessProp, selfieImage, setSelfieImage]);
|
|
13901
|
-
var
|
|
13902
|
-
signatureImageUrl =
|
|
13903
|
-
setSignatureImageUrl =
|
|
13826
|
+
var _r = React.useState(null),
|
|
13827
|
+
signatureImageUrl = _r[0],
|
|
13828
|
+
setSignatureImageUrl = _r[1];
|
|
13904
13829
|
var onSignatureCaptureCompleted = React.useCallback(function (videoData, signatureData, signatureImageData) {
|
|
13905
13830
|
setSignatureData(signatureData);
|
|
13906
13831
|
setSignatureVideoUrl(URL.createObjectURL(videoData));
|
|
@@ -13911,9 +13836,9 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
|
13911
13836
|
var onSignatureCaptureFacesNotDetected = React.useCallback(function () {
|
|
13912
13837
|
setCaptureState('CHECKING_LIVENESS');
|
|
13913
13838
|
}, []);
|
|
13914
|
-
var
|
|
13915
|
-
attempt =
|
|
13916
|
-
setAttempt =
|
|
13839
|
+
var _s = React.useState(0),
|
|
13840
|
+
attempt = _s[0],
|
|
13841
|
+
setAttempt = _s[1];
|
|
13917
13842
|
var onRetry = React.useCallback(function () {
|
|
13918
13843
|
onRetryClicked === null || onRetryClicked === void 0 ? void 0 : onRetryClicked();
|
|
13919
13844
|
setAttempt(function (n) {
|
|
@@ -13950,8 +13875,6 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
|
13950
13875
|
}, [faceLivenessOnLoadingOverlayDismissed, onLoadingOverlayDismissed]);
|
|
13951
13876
|
return /*#__PURE__*/React__namespace.default.createElement(VideoSignatureContextProvider, {
|
|
13952
13877
|
captureAudio: captureAudio
|
|
13953
|
-
}, /*#__PURE__*/React__namespace.default.createElement(PageContainer, {
|
|
13954
|
-
className: "flex ".concat((_b = classNames === null || classNames === void 0 ? void 0 : classNames.container) !== null && _b !== void 0 ? _b : '')
|
|
13955
13878
|
}, /*#__PURE__*/React__namespace.default.createElement(CameraVideoTag, {
|
|
13956
13879
|
className: classNames.cameraFeed
|
|
13957
13880
|
}), function () {
|
|
@@ -14001,7 +13924,7 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
|
14001
13924
|
default:
|
|
14002
13925
|
return null;
|
|
14003
13926
|
}
|
|
14004
|
-
}())
|
|
13927
|
+
}());
|
|
14005
13928
|
};
|
|
14006
13929
|
function VideoSignatureWizardGuides(_a) {
|
|
14007
13930
|
var status = _a.status,
|
|
@@ -14120,7 +14043,7 @@ var IdVideoCaptureGuides = function IdVideoCaptureGuides(_a) {
|
|
|
14120
14043
|
};
|
|
14121
14044
|
}, [idCardGuideWidth, idCardGuideHeight, aspectRatio]);
|
|
14122
14045
|
var disableIdGuides = ((_u = (_t = theme.idVideoCapture) === null || _t === void 0 ? void 0 : _t.idCardGuides) === null || _u === void 0 ? void 0 : _u.disableDuringLivenessCheck) && requestedAction === 'VERIFY_LIVENESS';
|
|
14123
|
-
return /*#__PURE__*/React__namespace.default.createElement(Container, {
|
|
14046
|
+
return /*#__PURE__*/React__namespace.default.createElement(Container$1, {
|
|
14124
14047
|
className: classNames.container
|
|
14125
14048
|
}, /*#__PURE__*/React__namespace.default.createElement(Inner, null, /*#__PURE__*/React__namespace.default.createElement(FaceGuideContainer, {
|
|
14126
14049
|
className: classNames.faceGuideContainer
|
|
@@ -14159,25 +14082,25 @@ var IdVideoCaptureGuides = function IdVideoCaptureGuides(_a) {
|
|
|
14159
14082
|
borderWidth: idCardGuideBorderWidth,
|
|
14160
14083
|
borderColor: idCardGuideBorderColor,
|
|
14161
14084
|
imageStyle: idCardImageStyle
|
|
14162
|
-
}))), /*#__PURE__*/React__namespace.default.createElement(IdCardGuideInstructionsContainer, {
|
|
14085
|
+
}))))), /*#__PURE__*/React__namespace.default.createElement(IdCardGuideInstructionsContainer, {
|
|
14163
14086
|
className: classNames.idCardGuideInstructionsContainer
|
|
14164
14087
|
}, /*#__PURE__*/React__namespace.default.createElement(IdCardGuideInstructions, {
|
|
14165
14088
|
className: classNames.idCardGuideInstructions,
|
|
14166
14089
|
"$textColor": (_w = (_v = theme.idVideoCapture) === null || _v === void 0 ? void 0 : _v.idCardGuides) === null || _w === void 0 ? void 0 : _w.instructionsTextColor,
|
|
14167
14090
|
"$background": (_y = (_x = theme.idVideoCapture) === null || _x === void 0 ? void 0 : _x.idCardGuides) === null || _y === void 0 ? void 0 : _y.instructionsBackgroundColor
|
|
14168
|
-
}, instructionText))))
|
|
14091
|
+
}, instructionText))));
|
|
14169
14092
|
};
|
|
14170
|
-
var Container = styled__default.default.div(templateObject_1$
|
|
14093
|
+
var Container$1 = styled__default.default.div(templateObject_1$8 || (templateObject_1$8 = __makeTemplateObject(["\n display: flex;\n max-height: 100%;\n position: absolute;\n z-index: 1000;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n font-family: ", ";\n box-sizing: border-box;\n overflow: hidden;\n padding: 40px;\n"], ["\n display: flex;\n max-height: 100%;\n position: absolute;\n z-index: 1000;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n font-family: ", ";\n box-sizing: border-box;\n overflow: hidden;\n padding: 40px;\n"])), function (props) {
|
|
14171
14094
|
var _a;
|
|
14172
14095
|
return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
|
|
14173
14096
|
});
|
|
14174
|
-
var Inner = styled__default.default.div(templateObject_2$
|
|
14097
|
+
var Inner = styled__default.default.div(templateObject_2$8 || (templateObject_2$8 = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n max-height: 1280px;\n display: flex;\n margin: auto;\n align-items: center;\n flex-direction: column;\n justify-content: center;\n"], ["\n width: 100%;\n height: 100%;\n max-height: 1280px;\n display: flex;\n margin: auto;\n align-items: center;\n flex-direction: column;\n justify-content: center;\n"])));
|
|
14175
14098
|
var FaceGuideContainer = styled__default.default.div(templateObject_3$7 || (templateObject_3$7 = __makeTemplateObject(["\n position: relative;\n height: 65%;\n"], ["\n position: relative;\n height: 65%;\n"])));
|
|
14176
14099
|
var IdCardGuideContainer = styled__default.default.div(templateObject_4$2 || (templateObject_4$2 = __makeTemplateObject(["\n display: flex;\n flex-flow: column nowrap;\n margin: 0 auto;\n position: relative;\n max-width: 100%;\n height: 35%;\n"], ["\n display: flex;\n flex-flow: column nowrap;\n margin: 0 auto;\n position: relative;\n max-width: 100%;\n height: 35%;\n"])));
|
|
14177
|
-
var IdCardGuideInner = styled__default.default.div(templateObject_5$
|
|
14178
|
-
var IdCardGuideInstructionsContainer = styled__default.default.div(templateObject_6$1 || (templateObject_6$1 = __makeTemplateObject(["\n width: 100%;\n text-align: center;\n color: white;\n display: flex;\n flex-direction: column;\n justify-content: end;\n
|
|
14179
|
-
var IdCardGuideInstructions = styled__default.default(GuidanceMessage)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n align-content: center;\n
|
|
14180
|
-
var templateObject_1$
|
|
14100
|
+
var IdCardGuideInner = styled__default.default.div(templateObject_5$2 || (templateObject_5$2 = __makeTemplateObject(["\n position: relative;\n height: 100%;\n width: 100%;\n"], ["\n position: relative;\n height: 100%;\n width: 100%;\n"])));
|
|
14101
|
+
var IdCardGuideInstructionsContainer = styled__default.default.div(templateObject_6$1 || (templateObject_6$1 = __makeTemplateObject(["\n width: 100%;\n text-align: center;\n color: white;\n display: flex;\n flex-direction: column;\n justify-content: end;\n position: absolute;\n bottom: 16px;\n left: 0;\n right: 0;\n box-sizing: border-box;\n"], ["\n width: 100%;\n text-align: center;\n color: white;\n display: flex;\n flex-direction: column;\n justify-content: end;\n position: absolute;\n bottom: 16px;\n left: 0;\n right: 0;\n box-sizing: border-box;\n"])));
|
|
14102
|
+
var IdCardGuideInstructions = styled__default.default(GuidanceMessage)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n align-content: center;\n padding: 8px 12px;\n font-weight: bold;\n font-size: 18px;\n"], ["\n align-content: center;\n padding: 8px 12px;\n font-weight: bold;\n font-size: 18px;\n"])));
|
|
14103
|
+
var templateObject_1$8, templateObject_2$8, templateObject_3$7, templateObject_4$2, templateObject_5$2, templateObject_6$1, templateObject_7;
|
|
14181
14104
|
|
|
14182
14105
|
var ReadTextPrompt = function ReadTextPrompt(_a) {
|
|
14183
14106
|
var text = _a.text,
|
|
@@ -14246,8 +14169,8 @@ var ReadTextPrompt = function ReadTextPrompt(_a) {
|
|
|
14246
14169
|
finished: true
|
|
14247
14170
|
}, verbiage.doneBtnText)));
|
|
14248
14171
|
};
|
|
14249
|
-
var ReadTextPromptContainer = styled__default.default.div(templateObject_1$
|
|
14250
|
-
var ReadTextPromptHeading = styled__default.default.div(templateObject_2$
|
|
14172
|
+
var ReadTextPromptContainer = styled__default.default.div(templateObject_1$7 || (templateObject_1$7 = __makeTemplateObject(["\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n display: flex;\n flex-direction: column;\n"], ["\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n display: flex;\n flex-direction: column;\n"])));
|
|
14173
|
+
var ReadTextPromptHeading = styled__default.default.div(templateObject_2$7 || (templateObject_2$7 = __makeTemplateObject(["\n padding: 20px;\n font-weight: bold;\n margin: auto auto 32px;\n\n ", ";\n ", ";\n ", ";\n"], ["\n padding: 20px;\n font-weight: bold;\n margin: auto auto 32px;\n\n ", ";\n ", ";\n ", ";\n"])), function (props) {
|
|
14251
14174
|
var _a, _b, _c, _d, _e, _f;
|
|
14252
14175
|
return ((_c = (_b = (_a = props.theme.idVideoCapture) === null || _a === void 0 ? void 0 : _a.readTextPrompt) === null || _b === void 0 ? void 0 : _b.heading) === null || _c === void 0 ? void 0 : _c.backgroundColor) ? "background: ".concat((_f = (_e = (_d = props.theme.idVideoCapture) === null || _d === void 0 ? void 0 : _d.readTextPrompt) === null || _e === void 0 ? void 0 : _e.heading) === null || _f === void 0 ? void 0 : _f.backgroundColor, ";") : "";
|
|
14253
14176
|
}, function (props) {
|
|
@@ -14267,8 +14190,8 @@ var ReadTextPromptText = styled__default.default.div(templateObject_3$6 || (temp
|
|
|
14267
14190
|
var _a, _b, _c, _d, _e, _f;
|
|
14268
14191
|
return ((_c = (_b = (_a = props.theme.idVideoCapture) === null || _a === void 0 ? void 0 : _a.readTextPrompt) === null || _b === void 0 ? void 0 : _b.prompt) === null || _c === void 0 ? void 0 : _c.borderRadius) ? "border-radius: ".concat((_f = (_e = (_d = props.theme.idVideoCapture) === null || _d === void 0 ? void 0 : _d.readTextPrompt) === null || _e === void 0 ? void 0 : _e.prompt) === null || _f === void 0 ? void 0 : _f.borderRadius, ";") : "";
|
|
14269
14192
|
});
|
|
14270
|
-
var ReadTextPromptButtonsRow = styled__default.default(ButtonsRow)(templateObject_4$1 || (templateObject_4$1 = __makeTemplateObject(["\n margin: 32px auto auto;\n gap: 20px;\n"], ["\n margin: 32px auto auto;\n gap: 20px;\n"])));
|
|
14271
|
-
var ReadTextPromptTimeRemaining = styled__default.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n padding: 20px;\n\n ", ";\n ", ";\n ", ";\n"], ["\n padding: 20px;\n\n ", ";\n ", ";\n ", ";\n"])), function (props) {
|
|
14193
|
+
var ReadTextPromptButtonsRow = styled__default.default(ButtonsRow$2)(templateObject_4$1 || (templateObject_4$1 = __makeTemplateObject(["\n margin: 32px auto auto;\n gap: 20px;\n"], ["\n margin: 32px auto auto;\n gap: 20px;\n"])));
|
|
14194
|
+
var ReadTextPromptTimeRemaining = styled__default.default.div(templateObject_5$1 || (templateObject_5$1 = __makeTemplateObject(["\n padding: 20px;\n\n ", ";\n ", ";\n ", ";\n"], ["\n padding: 20px;\n\n ", ";\n ", ";\n ", ";\n"])), function (props) {
|
|
14272
14195
|
var _a, _b, _c, _d, _e, _f;
|
|
14273
14196
|
return ((_c = (_b = (_a = props.theme.idVideoCapture) === null || _a === void 0 ? void 0 : _a.readTextPrompt) === null || _b === void 0 ? void 0 : _b.timeRemaining) === null || _c === void 0 ? void 0 : _c.backgroundColor) ? "background: ".concat((_f = (_e = (_d = props.theme.idVideoCapture) === null || _d === void 0 ? void 0 : _d.readTextPrompt) === null || _e === void 0 ? void 0 : _e.timeRemaining) === null || _f === void 0 ? void 0 : _f.backgroundColor, ";") : "";
|
|
14274
14197
|
}, function (props) {
|
|
@@ -14279,7 +14202,7 @@ var ReadTextPromptTimeRemaining = styled__default.default.div(templateObject_5 |
|
|
|
14279
14202
|
return ((_c = (_b = (_a = props.theme.idVideoCapture) === null || _a === void 0 ? void 0 : _a.readTextPrompt) === null || _b === void 0 ? void 0 : _b.timeRemaining) === null || _c === void 0 ? void 0 : _c.borderRadius) ? "border-radius: ".concat((_f = (_e = (_d = props.theme.idVideoCapture) === null || _d === void 0 ? void 0 : _d.readTextPrompt) === null || _e === void 0 ? void 0 : _e.timeRemaining) === null || _f === void 0 ? void 0 : _f.borderRadius, ";") : "";
|
|
14280
14203
|
});
|
|
14281
14204
|
var DoneButton = styled__default.default(LoaderButton)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n margin: auto 0;\n"], ["\n margin: auto 0;\n"])));
|
|
14282
|
-
var templateObject_1$
|
|
14205
|
+
var templateObject_1$7, templateObject_2$7, templateObject_3$6, templateObject_4$1, templateObject_5$1, templateObject_6;
|
|
14283
14206
|
|
|
14284
14207
|
var edgeBoundary = 0.05;
|
|
14285
14208
|
var defaultVideoIdCaptureThresholds = {
|
|
@@ -14316,103 +14239,103 @@ var defaultVideoIdCaptureThresholds = {
|
|
|
14316
14239
|
flipShortcutThreshold: 0.7
|
|
14317
14240
|
};
|
|
14318
14241
|
var IdVideoCapture = function IdVideoCapture(_a) {
|
|
14319
|
-
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u
|
|
14242
|
+
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
|
|
14320
14243
|
var onComplete = _a.onComplete,
|
|
14321
14244
|
onIdFrontImageCaptured = _a.onIdFrontImageCaptured,
|
|
14322
14245
|
onIdBackImageCaptured = _a.onIdBackImageCaptured,
|
|
14323
14246
|
onFaceNotDetected = _a.onFaceNotDetected,
|
|
14324
14247
|
onRecordingFailed = _a.onRecordingFailed,
|
|
14325
14248
|
onExitCapture = _a.onExitCapture,
|
|
14326
|
-
|
|
14327
|
-
idCaptureModelsEnabled =
|
|
14328
|
-
|
|
14329
|
-
idDocumentType =
|
|
14330
|
-
|
|
14331
|
-
idCaptureGuideImages =
|
|
14332
|
-
|
|
14333
|
-
idCardFrontDelay =
|
|
14334
|
-
|
|
14335
|
-
videoIdCaptureThresholds =
|
|
14336
|
-
|
|
14337
|
-
skipShowIdCardBack =
|
|
14338
|
-
|
|
14339
|
-
captureCountdownSeconds =
|
|
14249
|
+
_v = _a.idCaptureModelsEnabled,
|
|
14250
|
+
idCaptureModelsEnabled = _v === void 0 ? true : _v,
|
|
14251
|
+
_w = _a.idDocumentType,
|
|
14252
|
+
idDocumentType = _w === void 0 ? 'idCard' : _w,
|
|
14253
|
+
_x = _a.idCaptureGuideImages,
|
|
14254
|
+
idCaptureGuideImages = _x === void 0 ? defaultIdCaptureGuideImages : _x,
|
|
14255
|
+
_y = _a.idCardFrontDelay,
|
|
14256
|
+
idCardFrontDelay = _y === void 0 ? 1000 : _y,
|
|
14257
|
+
_z = _a.videoIdCaptureThresholds,
|
|
14258
|
+
videoIdCaptureThresholds = _z === void 0 ? defaultVideoIdCaptureThresholds : _z,
|
|
14259
|
+
_0 = _a.skipShowIdCardBack,
|
|
14260
|
+
skipShowIdCardBack = _0 === void 0 ? false : _0,
|
|
14261
|
+
_1 = _a.captureCountdownSeconds,
|
|
14262
|
+
captureCountdownSeconds = _1 === void 0 ? 3 : _1,
|
|
14340
14263
|
readTextPrompt = _a.readTextPrompt,
|
|
14341
|
-
|
|
14342
|
-
readTextTimeoutDurationMs =
|
|
14343
|
-
|
|
14344
|
-
readTextMinReadingMs =
|
|
14345
|
-
|
|
14346
|
-
disableFaceDetectionWhileAudioCapture =
|
|
14347
|
-
|
|
14348
|
-
disableFaceDetectionWhileAudioCaptureMsDelay =
|
|
14349
|
-
|
|
14350
|
-
mergeAVStreams =
|
|
14351
|
-
|
|
14352
|
-
classNames =
|
|
14353
|
-
|
|
14354
|
-
colors =
|
|
14355
|
-
|
|
14356
|
-
rawVerbiage =
|
|
14357
|
-
|
|
14358
|
-
debugMode =
|
|
14359
|
-
var
|
|
14360
|
-
ref =
|
|
14361
|
-
|
|
14362
|
-
width =
|
|
14363
|
-
|
|
14364
|
-
height =
|
|
14365
|
-
var
|
|
14366
|
-
camera =
|
|
14367
|
-
videoRef =
|
|
14368
|
-
videoLoaded =
|
|
14369
|
-
cameraReady =
|
|
14370
|
-
microphoneReady =
|
|
14371
|
-
audioStream =
|
|
14372
|
-
isRearFacing =
|
|
14373
|
-
releaseCameraAccess =
|
|
14374
|
-
var
|
|
14375
|
-
detectedObjects =
|
|
14376
|
-
setDetectedObjects =
|
|
14377
|
-
var
|
|
14378
|
-
face =
|
|
14379
|
-
setFace =
|
|
14380
|
-
var
|
|
14381
|
-
idModelsReady =
|
|
14382
|
-
startIdModels =
|
|
14383
|
-
stopIdModels =
|
|
14384
|
-
onIdPredictionMade =
|
|
14385
|
-
setThresholds =
|
|
14386
|
-
setRequiredDocumentType =
|
|
14387
|
-
setDocumentDetectionBoundaries =
|
|
14388
|
-
bestFrameDetails =
|
|
14389
|
-
resetBestFrame =
|
|
14390
|
-
idModelError =
|
|
14391
|
-
var
|
|
14392
|
-
videoStartsAt =
|
|
14393
|
-
setVideoStartsAt =
|
|
14394
|
-
var
|
|
14395
|
-
setIdCaptureVideoAudioStartsAt =
|
|
14396
|
-
setExpectedAudioText =
|
|
14397
|
-
var
|
|
14398
|
-
startSelfieGuidance =
|
|
14399
|
-
stopSelfieGuidance =
|
|
14400
|
-
onSelfiePredictionMade =
|
|
14401
|
-
selfieModelError =
|
|
14402
|
-
var
|
|
14403
|
-
isRecordingVideo =
|
|
14404
|
-
startRecordingVideo =
|
|
14405
|
-
startRecordingAudio =
|
|
14406
|
-
stopRecordingVideo =
|
|
14407
|
-
stopRecordingAudio =
|
|
14408
|
-
videoRecordingUnintentionallyStopped =
|
|
14409
|
-
audioRecordingUnintentionallyStopped =
|
|
14410
|
-
videoUrl =
|
|
14411
|
-
audioUrl =
|
|
14264
|
+
_2 = _a.readTextTimeoutDurationMs,
|
|
14265
|
+
readTextTimeoutDurationMs = _2 === void 0 ? 15000 : _2,
|
|
14266
|
+
_3 = _a.readTextMinReadingMs,
|
|
14267
|
+
readTextMinReadingMs = _3 === void 0 ? 10000 : _3,
|
|
14268
|
+
_4 = _a.disableFaceDetectionWhileAudioCapture,
|
|
14269
|
+
disableFaceDetectionWhileAudioCapture = _4 === void 0 ? false : _4,
|
|
14270
|
+
_5 = _a.disableFaceDetectionWhileAudioCaptureMsDelay,
|
|
14271
|
+
disableFaceDetectionWhileAudioCaptureMsDelay = _5 === void 0 ? 2000 : _5,
|
|
14272
|
+
_6 = _a.mergeAVStreams,
|
|
14273
|
+
mergeAVStreams = _6 === void 0 ? false : _6,
|
|
14274
|
+
_7 = _a.classNames,
|
|
14275
|
+
classNames = _7 === void 0 ? {} : _7,
|
|
14276
|
+
_8 = _a.colors,
|
|
14277
|
+
colors = _8 === void 0 ? {} : _8,
|
|
14278
|
+
_9 = _a.verbiage,
|
|
14279
|
+
rawVerbiage = _9 === void 0 ? {} : _9,
|
|
14280
|
+
_10 = _a.debugMode,
|
|
14281
|
+
debugMode = _10 === void 0 ? false : _10;
|
|
14282
|
+
var _11 = useResizeObserver(),
|
|
14283
|
+
ref = _11.ref,
|
|
14284
|
+
_12 = _11.width,
|
|
14285
|
+
width = _12 === void 0 ? 1 : _12,
|
|
14286
|
+
_13 = _11.height,
|
|
14287
|
+
height = _13 === void 0 ? 1 : _13;
|
|
14288
|
+
var _14 = useCameraStore(),
|
|
14289
|
+
camera = _14.camera,
|
|
14290
|
+
videoRef = _14.videoRef,
|
|
14291
|
+
videoLoaded = _14.videoLoaded,
|
|
14292
|
+
cameraReady = _14.cameraReady,
|
|
14293
|
+
microphoneReady = _14.microphoneReady,
|
|
14294
|
+
audioStream = _14.audioStream,
|
|
14295
|
+
isRearFacing = _14.isRearFacing,
|
|
14296
|
+
releaseCameraAccess = _14.releaseCameraAccess;
|
|
14297
|
+
var _15 = React.useState([]),
|
|
14298
|
+
detectedObjects = _15[0],
|
|
14299
|
+
setDetectedObjects = _15[1];
|
|
14300
|
+
var _16 = React.useState(null),
|
|
14301
|
+
face = _16[0],
|
|
14302
|
+
setFace = _16[1];
|
|
14303
|
+
var _17 = React.useContext(IdCaptureModelsContext),
|
|
14304
|
+
idModelsReady = _17.ready,
|
|
14305
|
+
startIdModels = _17.start,
|
|
14306
|
+
stopIdModels = _17.stop,
|
|
14307
|
+
onIdPredictionMade = _17.onPredictionMade,
|
|
14308
|
+
setThresholds = _17.setThresholds,
|
|
14309
|
+
setRequiredDocumentType = _17.setRequiredDocumentType,
|
|
14310
|
+
setDocumentDetectionBoundaries = _17.setDocumentDetectionBoundaries,
|
|
14311
|
+
bestFrameDetails = _17.bestFrameDetails,
|
|
14312
|
+
resetBestFrame = _17.resetBestFrame,
|
|
14313
|
+
idModelError = _17.modelError;
|
|
14314
|
+
var _18 = React.useState(null),
|
|
14315
|
+
videoStartsAt = _18[0],
|
|
14316
|
+
setVideoStartsAt = _18[1];
|
|
14317
|
+
var _19 = React.useContext(SubmissionContext),
|
|
14318
|
+
setIdCaptureVideoAudioStartsAt = _19.setIdCaptureVideoAudioStartsAt,
|
|
14319
|
+
setExpectedAudioText = _19.setExpectedAudioText;
|
|
14320
|
+
var _20 = React.useContext(SelfieGuidanceModelsContext),
|
|
14321
|
+
startSelfieGuidance = _20.start,
|
|
14322
|
+
stopSelfieGuidance = _20.stop,
|
|
14323
|
+
onSelfiePredictionMade = _20.onPredictionMade,
|
|
14324
|
+
selfieModelError = _20.error;
|
|
14325
|
+
var _21 = useVideoRecorder(camera, audioStream, mergeAVStreams),
|
|
14326
|
+
isRecordingVideo = _21.isRecordingVideo,
|
|
14327
|
+
startRecordingVideo = _21.startRecordingVideo,
|
|
14328
|
+
startRecordingAudio = _21.startRecordingAudio,
|
|
14329
|
+
stopRecordingVideo = _21.stopRecordingVideo,
|
|
14330
|
+
stopRecordingAudio = _21.stopRecordingAudio,
|
|
14331
|
+
videoRecordingUnintentionallyStopped = _21.videoRecordingUnintentionallyStopped,
|
|
14332
|
+
audioRecordingUnintentionallyStopped = _21.audioRecordingUnintentionallyStopped,
|
|
14333
|
+
videoUrl = _21.videoUrl,
|
|
14334
|
+
audioUrl = _21.audioUrl;
|
|
14412
14335
|
var countdownTimeoutRef = React.useRef(undefined);
|
|
14413
|
-
var
|
|
14414
|
-
countdownRemaining =
|
|
14415
|
-
setCountdownRemaining =
|
|
14336
|
+
var _22 = React.useState(-1),
|
|
14337
|
+
countdownRemaining = _22[0],
|
|
14338
|
+
setCountdownRemaining = _22[1];
|
|
14416
14339
|
React.useEffect(function () {
|
|
14417
14340
|
if (!isRecordingVideo && !videoUrl) {
|
|
14418
14341
|
startRecordingVideo();
|
|
@@ -14432,9 +14355,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
14432
14355
|
onRecordingFailed === null || onRecordingFailed === void 0 ? void 0 : onRecordingFailed();
|
|
14433
14356
|
}
|
|
14434
14357
|
}, [audioRecordingUnintentionallyStopped, microphoneReady, onRecordingFailed, readTextPrompt, videoRecordingUnintentionallyStopped]);
|
|
14435
|
-
var
|
|
14436
|
-
requestedAction =
|
|
14437
|
-
setRequestedAction =
|
|
14358
|
+
var _23 = React.useState(idDocumentType === 'idCard' ? 'SHOW_ID_FRONT' : 'SHOW_PASSPORT'),
|
|
14359
|
+
requestedAction = _23[0],
|
|
14360
|
+
setRequestedAction = _23[1];
|
|
14438
14361
|
var shouldRunIdModels = idCaptureModelsEnabled && videoLoaded && cameraReady && idModelsReady && !idModelError && requestedAction !== 'READ_TEXT' && (!readTextPrompt || microphoneReady);
|
|
14439
14362
|
React.useEffect(function startModelsWhenCapturing() {
|
|
14440
14363
|
if (!shouldRunIdModels) return;
|
|
@@ -14473,23 +14396,23 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
14473
14396
|
bottom: 0
|
|
14474
14397
|
});
|
|
14475
14398
|
}, [setDocumentDetectionBoundaries]);
|
|
14476
|
-
var
|
|
14477
|
-
currentDetectionScore =
|
|
14478
|
-
setCurrentDetectionScore =
|
|
14479
|
-
var
|
|
14480
|
-
currentDetectedDocumentType =
|
|
14481
|
-
setCurrentDetectedDocumentType =
|
|
14399
|
+
var _24 = React.useState(0),
|
|
14400
|
+
currentDetectionScore = _24[0],
|
|
14401
|
+
setCurrentDetectionScore = _24[1];
|
|
14402
|
+
var _25 = React.useState('none'),
|
|
14403
|
+
currentDetectedDocumentType = _25[0],
|
|
14404
|
+
setCurrentDetectedDocumentType = _25[1];
|
|
14405
|
+
var _26 = React.useState(0),
|
|
14406
|
+
currentFocusScore = _26[0],
|
|
14407
|
+
setCurrentFocusScore = _26[1];
|
|
14482
14408
|
var _27 = React.useState(0),
|
|
14483
|
-
|
|
14484
|
-
|
|
14485
|
-
var _28 = React.useState(0),
|
|
14486
|
-
goodFramesCount = _28[0],
|
|
14487
|
-
setGoodFramesCount = _28[1];
|
|
14409
|
+
goodFramesCount = _27[0],
|
|
14410
|
+
setGoodFramesCount = _27[1];
|
|
14488
14411
|
var goodFramesThreshold = requestedAction === 'SHOW_PASSPORT' ? adjustedThresholds.goodFrames.passport : requestedAction === 'SHOW_ID_FRONT' ? adjustedThresholds.goodFrames.idCardFront : adjustedThresholds.goodFrames.idCardBack;
|
|
14489
14412
|
var goodFramesThresholdMet = goodFramesCount >= goodFramesThreshold;
|
|
14490
|
-
var
|
|
14491
|
-
isSinglePage =
|
|
14492
|
-
setIsSinglePage =
|
|
14413
|
+
var _28 = React.useState(false),
|
|
14414
|
+
isSinglePage = _28[0],
|
|
14415
|
+
setIsSinglePage = _28[1];
|
|
14493
14416
|
React.useEffect(function () {
|
|
14494
14417
|
if (!idCaptureModelsEnabled || idModelError) return;
|
|
14495
14418
|
onIdPredictionMade(function (prediction) {
|
|
@@ -14509,9 +14432,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
14509
14432
|
} : 0);
|
|
14510
14433
|
});
|
|
14511
14434
|
}, [idCaptureModelsEnabled, onIdPredictionMade, idModelError, requestedAction, adjustedThresholds.flipShortcutThreshold]);
|
|
14512
|
-
var
|
|
14513
|
-
idFrontCaptureStartedAt =
|
|
14514
|
-
setFirstGoodFrameTime =
|
|
14435
|
+
var _29 = React.useState(null),
|
|
14436
|
+
idFrontCaptureStartedAt = _29[0],
|
|
14437
|
+
setFirstGoodFrameTime = _29[1];
|
|
14515
14438
|
React.useEffect(function () {
|
|
14516
14439
|
if (goodFramesCount === 1) setFirstGoodFrameTime(new Date().getTime());
|
|
14517
14440
|
}, [goodFramesCount]);
|
|
@@ -14532,9 +14455,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
14532
14455
|
var frameHeight = (_e = (_d = videoRef.current) === null || _d === void 0 ? void 0 : _d.videoHeight) !== null && _e !== void 0 ? _e : 0;
|
|
14533
14456
|
var faceBox = face === null || face === void 0 ? void 0 : face.box;
|
|
14534
14457
|
var faceCentered = !faceBox || !frameWidth || faceBox.xMin > frameWidth * edgeBoundary && faceBox.yMin > frameHeight * edgeBoundary && faceBox.xMax < frameWidth * (1 - edgeBoundary) && faceBox.yMax < frameHeight * (1 - edgeBoundary);
|
|
14535
|
-
var
|
|
14536
|
-
countdownStartedAt =
|
|
14537
|
-
setCountdownStartedAt =
|
|
14458
|
+
var _30 = React.useState(),
|
|
14459
|
+
countdownStartedAt = _30[0],
|
|
14460
|
+
setCountdownStartedAt = _30[1];
|
|
14538
14461
|
var photoCanvas = React.useRef(null);
|
|
14539
14462
|
var frameLock = React.useRef(false);
|
|
14540
14463
|
var captureFrame = React.useCallback(function () {
|
|
@@ -14644,9 +14567,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
14644
14567
|
stopSelfieGuidance();
|
|
14645
14568
|
};
|
|
14646
14569
|
}, [startSelfieGuidance, stopSelfieGuidance]);
|
|
14647
|
-
var
|
|
14648
|
-
numFramesWithoutFaces =
|
|
14649
|
-
setNumFramesWithoutFaces =
|
|
14570
|
+
var _31 = React.useState(0),
|
|
14571
|
+
numFramesWithoutFaces = _31[0],
|
|
14572
|
+
setNumFramesWithoutFaces = _31[1];
|
|
14650
14573
|
onSelfiePredictionMade(useDebounce.useThrottledCallback(React.useCallback(function (_a) {
|
|
14651
14574
|
var face = _a.face;
|
|
14652
14575
|
if (selfieModelError) return;
|
|
@@ -14662,12 +14585,12 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
14662
14585
|
}
|
|
14663
14586
|
}, [disableFaceDetectionWhileAudioCapture, disableFaceDetectionWhileAudioCaptureMsDelay, numFramesWithoutFaces, onFaceNotDetected, timeoutStartedAt]);
|
|
14664
14587
|
var theme = styled.useTheme();
|
|
14665
|
-
var
|
|
14588
|
+
var _32 = useTranslations(rawVerbiage, {
|
|
14666
14589
|
faceNotCenteredText: 'Please move your face to the center...',
|
|
14667
14590
|
captureBtnText: 'Capture'
|
|
14668
14591
|
}),
|
|
14669
|
-
captureBtnText =
|
|
14670
|
-
faceNotCenteredText =
|
|
14592
|
+
captureBtnText = _32.captureBtnText,
|
|
14593
|
+
faceNotCenteredText = _32.faceNotCenteredText;
|
|
14671
14594
|
var debugScalingDetails = useDebugScalingDetails({
|
|
14672
14595
|
enabled: debugMode,
|
|
14673
14596
|
pageWidth: width,
|
|
@@ -14677,9 +14600,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
14677
14600
|
});
|
|
14678
14601
|
var capturingId = ['SHOW_ID_FRONT', 'SHOW_ID_BACK', 'SHOW_PASSPORT'].includes(requestedAction);
|
|
14679
14602
|
var guidanceText = !faceCentered ? faceNotCenteredText : undefined;
|
|
14680
|
-
return /*#__PURE__*/React__namespace.default.createElement(
|
|
14603
|
+
return /*#__PURE__*/React__namespace.default.createElement(Container, {
|
|
14681
14604
|
ref: ref,
|
|
14682
|
-
className:
|
|
14605
|
+
className: classNames.container
|
|
14683
14606
|
}, /*#__PURE__*/React__namespace.default.createElement(InvisibleCanvas, {
|
|
14684
14607
|
ref: photoCanvas
|
|
14685
14608
|
}), requestedAction === 'READ_TEXT' ? ( /*#__PURE__*/React__namespace.default.createElement(ReadTextPrompt, {
|
|
@@ -14718,9 +14641,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
14718
14641
|
className: classNames.guidanceMessageContainer
|
|
14719
14642
|
}, /*#__PURE__*/React__namespace.default.createElement(GuidanceMessage, {
|
|
14720
14643
|
className: classNames.guidanceMessage,
|
|
14721
|
-
"$background": (
|
|
14722
|
-
"$textColor": (
|
|
14723
|
-
}, guidanceText))), debugMode && ( /*#__PURE__*/React__namespace.default.createElement(DebugStatsPane, null, camera ? ( /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, "\u2705 Camera: ", camera.label, " (", camera.width, "x", camera.height, ")")) : '❌ Camera not ready', /*#__PURE__*/React__namespace.default.createElement("br", null), isRecordingVideo ? '✅ Recording' : '❌ Not recording', /*#__PURE__*/React__namespace.default.createElement("br", null), goodFramesThresholdMet ? '✅' : '❌', " Good Frame Count:", ' ', goodFramesCount, "/", goodFramesThreshold, /*#__PURE__*/React__namespace.default.createElement("br", null), "Document Type: ", currentDetectedDocumentType, /*#__PURE__*/React__namespace.default.createElement("br", null), "Detection Score: ", currentDetectionScore, /*#__PURE__*/React__namespace.default.createElement("br", null), "Focus Score: ", currentFocusScore, /*#__PURE__*/React__namespace.default.createElement("br", null), "Best Frame Detection Score:", ' ', (
|
|
14644
|
+
"$background": (_m = (_l = (_k = theme.guidanceMessages) === null || _k === void 0 ? void 0 : _k.negative) === null || _l === void 0 ? void 0 : _l.backgroundColor) !== null && _m !== void 0 ? _m : 'red',
|
|
14645
|
+
"$textColor": (_q = (_p = (_o = theme.guidanceMessages) === null || _o === void 0 ? void 0 : _o.negative) === null || _p === void 0 ? void 0 : _p.textColor) !== null && _q !== void 0 ? _q : 'white'
|
|
14646
|
+
}, guidanceText))), debugMode && ( /*#__PURE__*/React__namespace.default.createElement(DebugStatsPane, null, camera ? ( /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, "\u2705 Camera: ", camera.label, " (", camera.width, "x", camera.height, ")")) : '❌ Camera not ready', /*#__PURE__*/React__namespace.default.createElement("br", null), isRecordingVideo ? '✅ Recording' : '❌ Not recording', /*#__PURE__*/React__namespace.default.createElement("br", null), goodFramesThresholdMet ? '✅' : '❌', " Good Frame Count:", ' ', goodFramesCount, "/", goodFramesThreshold, /*#__PURE__*/React__namespace.default.createElement("br", null), "Document Type: ", currentDetectedDocumentType, /*#__PURE__*/React__namespace.default.createElement("br", null), "Detection Score: ", currentDetectionScore, /*#__PURE__*/React__namespace.default.createElement("br", null), "Focus Score: ", currentFocusScore, /*#__PURE__*/React__namespace.default.createElement("br", null), "Best Frame Detection Score:", ' ', (_s = (_r = bestFrameDetails.current) === null || _r === void 0 ? void 0 : _r.detectionScore) !== null && _s !== void 0 ? _s : 0, /*#__PURE__*/React__namespace.default.createElement("br", null), "Best Frame Focus Score: ", (_u = (_t = bestFrameDetails.current) === null || _t === void 0 ? void 0 : _t.focusScore) !== null && _u !== void 0 ? _u : 0)), countdownRemaining > 0 && capturingId && ( /*#__PURE__*/React__namespace.default.createElement(CountdownContainer, {
|
|
14724
14647
|
className: classNames.countdownContainer
|
|
14725
14648
|
}, /*#__PURE__*/React__namespace.default.createElement(Countdown, {
|
|
14726
14649
|
className: classNames.countdown
|
|
@@ -14738,16 +14661,17 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
14738
14661
|
className: classNames.exitCaptureBtn
|
|
14739
14662
|
}));
|
|
14740
14663
|
};
|
|
14741
|
-
var
|
|
14742
|
-
var
|
|
14743
|
-
var
|
|
14744
|
-
var
|
|
14664
|
+
var Container = styled__default.default.div(templateObject_1$6 || (templateObject_1$6 = __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"])));
|
|
14665
|
+
var CountdownContainer = styled__default.default.div(templateObject_2$6 || (templateObject_2$6 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 99999;\n display: flex;\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 99999;\n display: flex;\n"])));
|
|
14666
|
+
var Countdown = styled__default.default.div(templateObject_3$5 || (templateObject_3$5 = __makeTemplateObject(["\n color: white;\n font-size: 64px;\n font-weight: bold;\n margin: auto;\n"], ["\n color: white;\n font-size: 64px;\n font-weight: bold;\n margin: auto;\n"])));
|
|
14667
|
+
var CaptureButtonContainer = styled__default.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n position: absolute;\n bottom: 0;\n width: 100%;\n display: flex;\n z-index: 100000;\n"], ["\n position: absolute;\n bottom: 0;\n width: 100%;\n display: flex;\n z-index: 100000;\n"])));
|
|
14668
|
+
var CaptureButton = styled__default.default(LoaderButton)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n margin: 0 auto 25px;\n"], ["\n margin: 0 auto 25px;\n"])));
|
|
14745
14669
|
function evaluateShouldSkip(value) {
|
|
14746
14670
|
if (value === true) return true;
|
|
14747
14671
|
if (typeof value === 'function') return value();
|
|
14748
14672
|
return false;
|
|
14749
14673
|
}
|
|
14750
|
-
var templateObject_1$
|
|
14674
|
+
var templateObject_1$6, templateObject_2$6, templateObject_3$5, templateObject_4, templateObject_5;
|
|
14751
14675
|
|
|
14752
14676
|
var IdVideoCaptureSuccess = function IdVideoCaptureSuccess(_a) {
|
|
14753
14677
|
var videoUrl = _a.videoUrl,
|
|
@@ -14848,7 +14772,7 @@ var IdVideoCaptureSuccess = function IdVideoCaptureSuccess(_a) {
|
|
|
14848
14772
|
})) : ( /*#__PURE__*/React__namespace.default.createElement("img", {
|
|
14849
14773
|
src: idBackImageUrl,
|
|
14850
14774
|
alt: "ID Back Image"
|
|
14851
|
-
}))), /*#__PURE__*/React__namespace.default.createElement(ButtonsRow, {
|
|
14775
|
+
}))), /*#__PURE__*/React__namespace.default.createElement(ButtonsRow$2, {
|
|
14852
14776
|
className: classNames.buttonsRow
|
|
14853
14777
|
}, /*#__PURE__*/React__namespace.default.createElement(LoaderButton, {
|
|
14854
14778
|
variant: "warning",
|
|
@@ -14867,13 +14791,13 @@ var IdVideoCaptureSuccess = function IdVideoCaptureSuccess(_a) {
|
|
|
14867
14791
|
finished: true
|
|
14868
14792
|
}, verbiage.doneBtnText))));
|
|
14869
14793
|
};
|
|
14870
|
-
var StyledVideo = styled__default.default.video(templateObject_1$
|
|
14871
|
-
var AssetSelectorOptions = styled__default.default.div(templateObject_2$
|
|
14794
|
+
var StyledVideo = styled__default.default.video(templateObject_1$5 || (templateObject_1$5 = __makeTemplateObject(["\n margin-left: auto;\n margin-right: auto;\n max-width: 100%;\n"], ["\n margin-left: auto;\n margin-right: auto;\n max-width: 100%;\n"])));
|
|
14795
|
+
var AssetSelectorOptions = styled__default.default.div(templateObject_2$5 || (templateObject_2$5 = __makeTemplateObject(["\n margin-bottom: 15px;\n display: flex;\n justify-content: center;\n"], ["\n margin-bottom: 15px;\n display: flex;\n justify-content: center;\n"])));
|
|
14872
14796
|
var AssetSelectorOption = styled__default.default.div(templateObject_3$4 || (templateObject_3$4 = __makeTemplateObject(["\n padding: 0 8px;\n display: flex;\n gap: 5px;\n align-items: center;\n\n & > input {\n margin: 0;\n padding: 0;\n display: block;\n }\n"], ["\n padding: 0 8px;\n display: flex;\n gap: 5px;\n align-items: center;\n\n & > input {\n margin: 0;\n padding: 0;\n display: block;\n }\n"])));
|
|
14873
|
-
var templateObject_1$
|
|
14797
|
+
var templateObject_1$5, templateObject_2$5, templateObject_3$4;
|
|
14874
14798
|
|
|
14875
14799
|
var VideoIdWizard = function VideoIdWizard(_a) {
|
|
14876
|
-
var _b, _c, _d, _e, _f, _g, _h, _j
|
|
14800
|
+
var _b, _c, _d, _e, _f, _g, _h, _j;
|
|
14877
14801
|
var onComplete = _a.onComplete,
|
|
14878
14802
|
onExitCapture = _a.onExitCapture,
|
|
14879
14803
|
onExitAfterFailure = _a.onExitAfterFailure,
|
|
@@ -14882,73 +14806,73 @@ var VideoIdWizard = function VideoIdWizard(_a) {
|
|
|
14882
14806
|
onCameraAccessDenied = _a.onCameraAccessDenied,
|
|
14883
14807
|
onCameraTamperingDetected = _a.onCameraTamperingDetected,
|
|
14884
14808
|
onMicrophoneAccessDenied = _a.onMicrophoneAccessDenied,
|
|
14885
|
-
|
|
14886
|
-
idCaptureProps =
|
|
14887
|
-
|
|
14888
|
-
faceLivenessProps =
|
|
14889
|
-
|
|
14890
|
-
idCaptureModelsEnabled =
|
|
14891
|
-
|
|
14892
|
-
videoIdCaptureThresholds =
|
|
14809
|
+
_k = _a.idCaptureProps,
|
|
14810
|
+
idCaptureProps = _k === void 0 ? {} : _k,
|
|
14811
|
+
_l = _a.faceLivenessProps,
|
|
14812
|
+
faceLivenessProps = _l === void 0 ? {} : _l,
|
|
14813
|
+
_m = _a.idCaptureModelsEnabled,
|
|
14814
|
+
idCaptureModelsEnabled = _m === void 0 ? true : _m,
|
|
14815
|
+
_o = _a.videoIdCaptureThresholds,
|
|
14816
|
+
videoIdCaptureThresholds = _o === void 0 ? defaultVideoIdCaptureThresholds : _o,
|
|
14893
14817
|
readTextPrompt = _a.readTextPrompt,
|
|
14894
14818
|
readTextTimeoutDurationMs = _a.readTextTimeoutDurationMs,
|
|
14895
14819
|
readTextMinReadingMs = _a.readTextMinReadingMs,
|
|
14896
|
-
|
|
14897
|
-
skipIdCapture =
|
|
14898
|
-
|
|
14899
|
-
skipShowIdCardBack =
|
|
14900
|
-
|
|
14901
|
-
skipSuccessScreen =
|
|
14902
|
-
|
|
14903
|
-
idCaptureLoadingOverlayMode =
|
|
14820
|
+
_p = _a.skipIdCapture,
|
|
14821
|
+
skipIdCapture = _p === void 0 ? false : _p,
|
|
14822
|
+
_q = _a.skipShowIdCardBack,
|
|
14823
|
+
skipShowIdCardBack = _q === void 0 ? false : _q,
|
|
14824
|
+
_r = _a.skipSuccessScreen,
|
|
14825
|
+
skipSuccessScreen = _r === void 0 ? false : _r,
|
|
14826
|
+
_s = _a.idCaptureLoadingOverlayMode,
|
|
14827
|
+
idCaptureLoadingOverlayMode = _s === void 0 ? 'default' : _s,
|
|
14904
14828
|
customOverlayContent = _a.customOverlayContent,
|
|
14905
14829
|
onLoadingOverlayDismissed = _a.onLoadingOverlayDismissed,
|
|
14906
|
-
|
|
14907
|
-
idDocumentType =
|
|
14908
|
-
|
|
14909
|
-
idCaptureGuideType =
|
|
14910
|
-
|
|
14911
|
-
idCaptureGuideImages =
|
|
14912
|
-
|
|
14913
|
-
idCapturePortraitGuidesOnMobile =
|
|
14914
|
-
|
|
14915
|
-
idCaptureRotateLoadingOverlayImageWhenPortrait =
|
|
14916
|
-
|
|
14917
|
-
idCaptureModelLoadTimeoutMs =
|
|
14918
|
-
|
|
14919
|
-
faceLivenessLoadingOverlayMode =
|
|
14920
|
-
|
|
14921
|
-
disableFaceDetectionWhileAudioCapture =
|
|
14922
|
-
|
|
14923
|
-
disableFaceDetectionWhileAudioCaptureMsDelay =
|
|
14924
|
-
|
|
14925
|
-
silentFallback =
|
|
14926
|
-
|
|
14927
|
-
mergeAVStreams =
|
|
14928
|
-
|
|
14929
|
-
assets =
|
|
14930
|
-
|
|
14931
|
-
classNames =
|
|
14932
|
-
|
|
14933
|
-
colors =
|
|
14934
|
-
|
|
14935
|
-
verbiage =
|
|
14936
|
-
|
|
14937
|
-
debugMode =
|
|
14938
|
-
var
|
|
14939
|
-
passportImage =
|
|
14940
|
-
submissionStatus =
|
|
14941
|
-
idCaptureVideoUrl =
|
|
14942
|
-
idCaptureVideoAudioUrl =
|
|
14943
|
-
idCaptureVideoIdFrontImage =
|
|
14944
|
-
idCaptureVideoIdBackImage =
|
|
14945
|
-
setIdCaptureVideoUrl =
|
|
14946
|
-
setIdCaptureVideoIdFrontImage =
|
|
14947
|
-
setIdCaptureVideoIdBackImage =
|
|
14948
|
-
setIdCaptureVideoAudioUrl =
|
|
14949
|
-
var
|
|
14950
|
-
captureState =
|
|
14951
|
-
setCaptureState =
|
|
14830
|
+
_t = _a.idDocumentType,
|
|
14831
|
+
idDocumentType = _t === void 0 ? 'idCardOrPassport' : _t,
|
|
14832
|
+
_u = _a.idCaptureGuideType,
|
|
14833
|
+
idCaptureGuideType = _u === void 0 ? 'fit' : _u,
|
|
14834
|
+
_v = _a.idCaptureGuideImages,
|
|
14835
|
+
idCaptureGuideImages = _v === void 0 ? defaultIdCaptureGuideImages : _v,
|
|
14836
|
+
_w = _a.idCapturePortraitGuidesOnMobile,
|
|
14837
|
+
idCapturePortraitGuidesOnMobile = _w === void 0 ? true : _w,
|
|
14838
|
+
_x = _a.idCaptureRotateLoadingOverlayImageWhenPortrait,
|
|
14839
|
+
idCaptureRotateLoadingOverlayImageWhenPortrait = _x === void 0 ? true : _x,
|
|
14840
|
+
_y = _a.idCaptureModelLoadTimeoutMs,
|
|
14841
|
+
idCaptureModelLoadTimeoutMs = _y === void 0 ? defaultDocumentDetectionModelLoadTimeoutMs : _y,
|
|
14842
|
+
_z = _a.faceLivenessLoadingOverlayMode,
|
|
14843
|
+
faceLivenessLoadingOverlayMode = _z === void 0 ? 'default' : _z,
|
|
14844
|
+
_0 = _a.disableFaceDetectionWhileAudioCapture,
|
|
14845
|
+
disableFaceDetectionWhileAudioCapture = _0 === void 0 ? true : _0,
|
|
14846
|
+
_1 = _a.disableFaceDetectionWhileAudioCaptureMsDelay,
|
|
14847
|
+
disableFaceDetectionWhileAudioCaptureMsDelay = _1 === void 0 ? 2000 : _1,
|
|
14848
|
+
_2 = _a.silentFallback,
|
|
14849
|
+
silentFallback = _2 === void 0 ? false : _2,
|
|
14850
|
+
_3 = _a.mergeAVStreams,
|
|
14851
|
+
mergeAVStreams = _3 === void 0 ? false : _3,
|
|
14852
|
+
_4 = _a.assets,
|
|
14853
|
+
assets = _4 === void 0 ? {} : _4,
|
|
14854
|
+
_5 = _a.classNames,
|
|
14855
|
+
classNames = _5 === void 0 ? {} : _5,
|
|
14856
|
+
_6 = _a.colors,
|
|
14857
|
+
colors = _6 === void 0 ? {} : _6,
|
|
14858
|
+
_7 = _a.verbiage,
|
|
14859
|
+
verbiage = _7 === void 0 ? {} : _7,
|
|
14860
|
+
_8 = _a.debugMode,
|
|
14861
|
+
debugMode = _8 === void 0 ? false : _8;
|
|
14862
|
+
var _9 = React.useContext(SubmissionContext),
|
|
14863
|
+
passportImage = _9.passportImage,
|
|
14864
|
+
submissionStatus = _9.submissionStatus,
|
|
14865
|
+
idCaptureVideoUrl = _9.idCaptureVideoUrl,
|
|
14866
|
+
idCaptureVideoAudioUrl = _9.idCaptureVideoAudioUrl,
|
|
14867
|
+
idCaptureVideoIdFrontImage = _9.idCaptureVideoIdFrontImage,
|
|
14868
|
+
idCaptureVideoIdBackImage = _9.idCaptureVideoIdBackImage,
|
|
14869
|
+
setIdCaptureVideoUrl = _9.setIdCaptureVideoUrl,
|
|
14870
|
+
setIdCaptureVideoIdFrontImage = _9.setIdCaptureVideoIdFrontImage,
|
|
14871
|
+
setIdCaptureVideoIdBackImage = _9.setIdCaptureVideoIdBackImage,
|
|
14872
|
+
setIdCaptureVideoAudioUrl = _9.setIdCaptureVideoAudioUrl;
|
|
14873
|
+
var _10 = React.useState('CAPTURING_ID'),
|
|
14874
|
+
captureState = _10[0],
|
|
14875
|
+
setCaptureState = _10[1];
|
|
14952
14876
|
React.useEffect(function () {
|
|
14953
14877
|
if (skipIdCapture && captureState === 'CAPTURING_ID') setCaptureState('CHECKING_LIVENESS');
|
|
14954
14878
|
}, [captureState, skipIdCapture]);
|
|
@@ -14979,9 +14903,9 @@ var VideoIdWizard = function VideoIdWizard(_a) {
|
|
|
14979
14903
|
var onVideoCaptureFaceNotDetected = React.useCallback(function () {
|
|
14980
14904
|
setCaptureState('CHECKING_LIVENESS');
|
|
14981
14905
|
}, []);
|
|
14982
|
-
var
|
|
14983
|
-
attempt =
|
|
14984
|
-
setAttempt =
|
|
14906
|
+
var _11 = React.useState(0),
|
|
14907
|
+
attempt = _11[0],
|
|
14908
|
+
setAttempt = _11[1];
|
|
14985
14909
|
var userSuppliedExitAfterFailure = onExitAfterFailure !== null && onExitAfterFailure !== void 0 ? onExitAfterFailure : faceLivenessProps.onExitAfterFailure;
|
|
14986
14910
|
var onFaceCaptureExitAfterFailure = React.useCallback(function (resp, req) {
|
|
14987
14911
|
userSuppliedExitAfterFailure === null || userSuppliedExitAfterFailure === void 0 ? void 0 : userSuppliedExitAfterFailure(resp, req);
|
|
@@ -15027,11 +14951,6 @@ var VideoIdWizard = function VideoIdWizard(_a) {
|
|
|
15027
14951
|
idCardGuideStatus: "disabled"
|
|
15028
14952
|
});
|
|
15029
14953
|
}, [capturedIdDocumentType, (_b = classNames.idVideoCapture) === null || _b === void 0 ? void 0 : _b.guides, (_c = colors.idVideoCapture) === null || _c === void 0 ? void 0 : _c.guidesSatisfiedColor, (_d = colors.idVideoCapture) === null || _d === void 0 ? void 0 : _d.guidesUnsatisfiedColor, idCaptureGuideImages, (_e = verbiage.idVideoCapture) === null || _e === void 0 ? void 0 : _e.guides]);
|
|
15030
|
-
if (submissionStatus === SubmissionStatus.SUBMITTING) {
|
|
15031
|
-
return /*#__PURE__*/React__namespace.default.createElement(PageContainer, {
|
|
15032
|
-
className: "flex"
|
|
15033
|
-
}, /*#__PURE__*/React__namespace.default.createElement(Spinner, null));
|
|
15034
|
-
}
|
|
15035
14954
|
return /*#__PURE__*/React__namespace.default.createElement(CameraStoreProvider, {
|
|
15036
14955
|
preferIphoneContinuityCamera: isCapturingId,
|
|
15037
14956
|
preferFrontFacingCamera: !isCapturingId,
|
|
@@ -15055,11 +14974,9 @@ var VideoIdWizard = function VideoIdWizard(_a) {
|
|
|
15055
14974
|
onModelError: faceLivenessProps === null || faceLivenessProps === void 0 ? void 0 : faceLivenessProps.onModelError,
|
|
15056
14975
|
modelLoadTimeoutMs: faceLivenessProps === null || faceLivenessProps === void 0 ? void 0 : faceLivenessProps.modelLoadTimeoutMs,
|
|
15057
14976
|
requireVerticalFaceCentering: false
|
|
15058
|
-
}, /*#__PURE__*/React__namespace.default.createElement(
|
|
15059
|
-
className: "flex ".concat((_k = classNames.container) !== null && _k !== void 0 ? _k : '')
|
|
15060
|
-
}, ['CHECKING_LIVENESS', 'CAPTURING_VIDEO'].includes(captureState) && /*#__PURE__*/React__namespace.default.createElement(CameraVideoTag, {
|
|
14977
|
+
}, ['CHECKING_LIVENESS', 'CAPTURING_VIDEO'].includes(captureState) && ( /*#__PURE__*/React__namespace.default.createElement(CameraVideoTag, {
|
|
15061
14978
|
className: classNames.cameraFeed
|
|
15062
|
-
}), function () {
|
|
14979
|
+
})), function () {
|
|
15063
14980
|
switch (captureState) {
|
|
15064
14981
|
case 'CAPTURING_ID':
|
|
15065
14982
|
return /*#__PURE__*/React__namespace.default.createElement(IdCaptureStateProvider, null, /*#__PURE__*/React__namespace.default.createElement(GuideOrientationContextProvider, null, /*#__PURE__*/React__namespace.default.createElement(IdCaptureWizard, _assign({
|
|
@@ -15149,7 +15066,7 @@ var VideoIdWizard = function VideoIdWizard(_a) {
|
|
|
15149
15066
|
default:
|
|
15150
15067
|
return /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null);
|
|
15151
15068
|
}
|
|
15152
|
-
}())))
|
|
15069
|
+
}())));
|
|
15153
15070
|
};
|
|
15154
15071
|
|
|
15155
15072
|
function CompositeWizard(_a) {
|
|
@@ -15275,9 +15192,7 @@ function CompositeWizard(_a) {
|
|
|
15275
15192
|
if (isComplete) {
|
|
15276
15193
|
switch (submissionStatus) {
|
|
15277
15194
|
case SubmissionStatus.SUBMITTING:
|
|
15278
|
-
return /*#__PURE__*/React__namespace.default.createElement(
|
|
15279
|
-
className: "flex"
|
|
15280
|
-
}, /*#__PURE__*/React__namespace.default.createElement(Spinner, null));
|
|
15195
|
+
return /*#__PURE__*/React__namespace.default.createElement(SpinnerPage, null);
|
|
15281
15196
|
case SubmissionStatus.SUBMITTED:
|
|
15282
15197
|
if (debugMode) return /*#__PURE__*/React__namespace.default.createElement(SubmissionSuccess, null);
|
|
15283
15198
|
return /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null);
|
|
@@ -15587,6 +15502,33 @@ var ThemeProvider = function ThemeProvider(_a) {
|
|
|
15587
15502
|
}, children);
|
|
15588
15503
|
};
|
|
15589
15504
|
|
|
15505
|
+
var SdkPage = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
15506
|
+
var children = _a.children,
|
|
15507
|
+
className = _a.className,
|
|
15508
|
+
_b = _a.heightOffset,
|
|
15509
|
+
heightOffset = _b === void 0 ? 0 : _b,
|
|
15510
|
+
style = _a.style,
|
|
15511
|
+
onClick = _a.onClick;
|
|
15512
|
+
var theme = styled.useTheme();
|
|
15513
|
+
return /*#__PURE__*/React__namespace.default.createElement(SdkPageOuter, {
|
|
15514
|
+
ref: ref,
|
|
15515
|
+
style: style,
|
|
15516
|
+
onClick: onClick,
|
|
15517
|
+
className: className,
|
|
15518
|
+
"$heightOffset": heightOffset
|
|
15519
|
+
}, theme.header && /*#__PURE__*/React__namespace.default.createElement(theme.header, null), /*#__PURE__*/React__namespace.default.createElement(SdkPageInner, null, children), theme.footer && /*#__PURE__*/React__namespace.default.createElement(theme.footer, null));
|
|
15520
|
+
});
|
|
15521
|
+
SdkPage.displayName = 'SdkPage';
|
|
15522
|
+
var SdkPageOuter = styled__default.default.div.attrs({
|
|
15523
|
+
className: 'sdk-page-outer'
|
|
15524
|
+
})(templateObject_1$4 || (templateObject_1$4 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n overflow: hidden;\n\n ", "\n\n ", "\n"], ["\n display: flex;\n flex-direction: column;\n overflow: hidden;\n\n ", "\n\n ", "\n"])), function (props) {
|
|
15525
|
+
return props.theme.fontFamily ? "font-family: ".concat(props.theme.fontFamily, ";") : "";
|
|
15526
|
+
}, function (props) {
|
|
15527
|
+
return props.theme.isFullscreen === false ? "" : "\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n ";
|
|
15528
|
+
});
|
|
15529
|
+
var SdkPageInner = styled__default.default.div(templateObject_2$4 || (templateObject_2$4 = __makeTemplateObject(["\n flex: 1;\n position: relative;\n overflow: hidden;\n"], ["\n flex: 1;\n position: relative;\n overflow: hidden;\n"])));
|
|
15530
|
+
var templateObject_1$4, templateObject_2$4;
|
|
15531
|
+
|
|
15590
15532
|
/**
|
|
15591
15533
|
* Render a fullscreen ID capture component that instructs the user to photograph both sides of their ID card, or full page of their passport.
|
|
15592
15534
|
*/
|
|
@@ -15801,6 +15743,8 @@ var IdValidation = function IdValidation(_a) {
|
|
|
15801
15743
|
geolocationEnabled: geolocationEnabled,
|
|
15802
15744
|
geolocationRequired: geolocationRequired,
|
|
15803
15745
|
useDocumentServiceForLivenessChecks: useDocumentServiceForLivenessChecks
|
|
15746
|
+
}, /*#__PURE__*/React__namespace.default.createElement(SdkPage, {
|
|
15747
|
+
className: classNames === null || classNames === void 0 ? void 0 : classNames.container
|
|
15804
15748
|
}, /*#__PURE__*/React__namespace.default.createElement(CompositeWizard, {
|
|
15805
15749
|
checks: React.useMemo(function () {
|
|
15806
15750
|
return ['IdCapture'];
|
|
@@ -15814,7 +15758,7 @@ var IdValidation = function IdValidation(_a) {
|
|
|
15814
15758
|
onCameraAccessDenied: onCameraAccessDenied,
|
|
15815
15759
|
onCameraTamperingDetected: onCameraTamperingDetected,
|
|
15816
15760
|
debugMode: debugMode
|
|
15817
|
-
}))));
|
|
15761
|
+
})))));
|
|
15818
15762
|
};
|
|
15819
15763
|
|
|
15820
15764
|
/** Render a fullscreen capture component that analyzes frames from the user's front-facing camera to determine whether a live human face is present. */
|
|
@@ -15937,6 +15881,8 @@ var FaceValidation = function FaceValidation(_a) {
|
|
|
15937
15881
|
useDocumentServiceForLivenessChecks: useDocumentServiceForLivenessChecks,
|
|
15938
15882
|
estimateAge: estimateAge,
|
|
15939
15883
|
predictGender: predictGender
|
|
15884
|
+
}, /*#__PURE__*/React__namespace.default.createElement(SdkPage, {
|
|
15885
|
+
className: classNames === null || classNames === void 0 ? void 0 : classNames.container
|
|
15940
15886
|
}, /*#__PURE__*/React__namespace.default.createElement(CompositeWizard, {
|
|
15941
15887
|
checks: React.useMemo(function () {
|
|
15942
15888
|
return ['FaceLiveness'];
|
|
@@ -15945,7 +15891,7 @@ var FaceValidation = function FaceValidation(_a) {
|
|
|
15945
15891
|
onCameraAccessDenied: onCameraAccessDenied,
|
|
15946
15892
|
onCameraTamperingDetected: onCameraTamperingDetected,
|
|
15947
15893
|
debugMode: debugMode
|
|
15948
|
-
}))));
|
|
15894
|
+
})))));
|
|
15949
15895
|
};
|
|
15950
15896
|
|
|
15951
15897
|
/**
|
|
@@ -16194,6 +16140,8 @@ var IdAndFaceValidation = function IdAndFaceValidation(_a) {
|
|
|
16194
16140
|
geolocationEnabled: geolocationEnabled,
|
|
16195
16141
|
geolocationRequired: geolocationRequired,
|
|
16196
16142
|
useDocumentServiceForLivenessChecks: useDocumentServiceForLivenessChecks
|
|
16143
|
+
}, /*#__PURE__*/React__namespace.default.createElement(SdkPage, {
|
|
16144
|
+
className: classNames === null || classNames === void 0 ? void 0 : classNames.container
|
|
16197
16145
|
}, /*#__PURE__*/React__namespace.default.createElement(CompositeWizard, {
|
|
16198
16146
|
checks: checks,
|
|
16199
16147
|
idCaptureProps: idCaptureProps,
|
|
@@ -16206,7 +16154,7 @@ var IdAndFaceValidation = function IdAndFaceValidation(_a) {
|
|
|
16206
16154
|
onCameraAccessDenied: onCameraAccessDenied,
|
|
16207
16155
|
onCameraTamperingDetected: onCameraTamperingDetected,
|
|
16208
16156
|
debugMode: debugMode
|
|
16209
|
-
}))));
|
|
16157
|
+
})))));
|
|
16210
16158
|
};
|
|
16211
16159
|
|
|
16212
16160
|
/**
|
|
@@ -16479,6 +16427,8 @@ var CustomerIdAndBiometricsEnrollment = function CustomerIdAndBiometricsEnrollme
|
|
|
16479
16427
|
geolocationEnabled: geolocationEnabled,
|
|
16480
16428
|
geolocationRequired: geolocationRequired,
|
|
16481
16429
|
useDocumentServiceForLivenessChecks: useDocumentServiceForLivenessChecks
|
|
16430
|
+
}, /*#__PURE__*/React__namespace.default.createElement(SdkPage, {
|
|
16431
|
+
className: classNames === null || classNames === void 0 ? void 0 : classNames.container
|
|
16482
16432
|
}, /*#__PURE__*/React__namespace.default.createElement(CompositeWizard, {
|
|
16483
16433
|
checks: checks,
|
|
16484
16434
|
idCaptureProps: idCaptureProps,
|
|
@@ -16492,7 +16442,7 @@ var CustomerIdAndBiometricsEnrollment = function CustomerIdAndBiometricsEnrollme
|
|
|
16492
16442
|
onCameraAccessDenied: onCameraAccessDenied,
|
|
16493
16443
|
onCameraTamperingDetected: onCameraTamperingDetected,
|
|
16494
16444
|
debugMode: debugMode
|
|
16495
|
-
}))));
|
|
16445
|
+
})))));
|
|
16496
16446
|
};
|
|
16497
16447
|
|
|
16498
16448
|
var ALLOWED_RETRIES$3 = 0;
|
|
@@ -16735,8 +16685,8 @@ var CustomerVerificationSuccess = function CustomerVerificationSuccess(_a) {
|
|
|
16735
16685
|
}, verbiage.doneBtnText))));
|
|
16736
16686
|
};
|
|
16737
16687
|
var Heading$3 = styled__default.default.h3(templateObject_1$3 || (templateObject_1$3 = __makeTemplateObject(["\n margin-bottom: 24px;\n"], ["\n margin-bottom: 24px;\n"])));
|
|
16738
|
-
var ImageContainer$3 = styled__default.default(ButtonsRow)(templateObject_2$3 || (templateObject_2$3 = __makeTemplateObject(["\n max-height: calc(100vh - 185px);\n"], ["\n max-height: calc(100vh - 185px);\n"])));
|
|
16739
|
-
var StyledButtonsRow$3 = styled__default.default(ButtonsRow)(templateObject_3$3 || (templateObject_3$3 = __makeTemplateObject(["\n margin-top: 24px;\n"], ["\n margin-top: 24px;\n"])));
|
|
16688
|
+
var ImageContainer$3 = styled__default.default(ButtonsRow$2)(templateObject_2$3 || (templateObject_2$3 = __makeTemplateObject(["\n max-height: calc(100vh - 185px);\n"], ["\n max-height: calc(100vh - 185px);\n"])));
|
|
16689
|
+
var StyledButtonsRow$3 = styled__default.default(ButtonsRow$2)(templateObject_3$3 || (templateObject_3$3 = __makeTemplateObject(["\n margin-top: 24px;\n"], ["\n margin-top: 24px;\n"])));
|
|
16740
16690
|
var templateObject_1$3, templateObject_2$3, templateObject_3$3;
|
|
16741
16691
|
|
|
16742
16692
|
var CustomerVerificationFailure = function CustomerVerificationFailure(_a) {
|
|
@@ -16787,13 +16737,12 @@ var CustomerVerificationFailure = function CustomerVerificationFailure(_a) {
|
|
|
16787
16737
|
}, verbiage.exitBtnText))));
|
|
16788
16738
|
};
|
|
16789
16739
|
var Heading$2 = styled__default.default.h3(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject(["\n margin-bottom: 24px;\n"], ["\n margin-bottom: 24px;\n"])));
|
|
16790
|
-
var ImageContainer$2 = styled__default.default(ButtonsRow)(templateObject_2$2 || (templateObject_2$2 = __makeTemplateObject(["\n max-height: calc(100vh - 185px);\n"], ["\n max-height: calc(100vh - 185px);\n"])));
|
|
16791
|
-
var StyledButtonsRow$2 = styled__default.default(ButtonsRow)(templateObject_3$2 || (templateObject_3$2 = __makeTemplateObject(["\n margin-top: 24px;\n"], ["\n margin-top: 24px;\n"])));
|
|
16740
|
+
var ImageContainer$2 = styled__default.default(ButtonsRow$2)(templateObject_2$2 || (templateObject_2$2 = __makeTemplateObject(["\n max-height: calc(100vh - 185px);\n"], ["\n max-height: calc(100vh - 185px);\n"])));
|
|
16741
|
+
var StyledButtonsRow$2 = styled__default.default(ButtonsRow$2)(templateObject_3$2 || (templateObject_3$2 = __makeTemplateObject(["\n margin-top: 24px;\n"], ["\n margin-top: 24px;\n"])));
|
|
16792
16742
|
var templateObject_1$2, templateObject_2$2, templateObject_3$2;
|
|
16793
16743
|
|
|
16794
16744
|
var ALLOWED_RETRIES$2 = 2;
|
|
16795
16745
|
var CustomerVerificationWizard = function CustomerVerificationWizard(_a) {
|
|
16796
|
-
var _b;
|
|
16797
16746
|
var onComplete = _a.onComplete,
|
|
16798
16747
|
onCustomerMatched = _a.onCustomerMatched,
|
|
16799
16748
|
onCustomerNotMatched = _a.onCustomerNotMatched,
|
|
@@ -16802,33 +16751,33 @@ var CustomerVerificationWizard = function CustomerVerificationWizard(_a) {
|
|
|
16802
16751
|
onUserCancel = _a.onUserCancel,
|
|
16803
16752
|
onCaptureGuidanceTimeout = _a.onCaptureGuidanceTimeout,
|
|
16804
16753
|
captureGuidanceTimeoutDurationMs = _a.captureGuidanceTimeoutDurationMs,
|
|
16805
|
-
|
|
16806
|
-
skipSuccessScreen =
|
|
16807
|
-
|
|
16808
|
-
loadingOverlayMode =
|
|
16809
|
-
|
|
16810
|
-
assets =
|
|
16811
|
-
|
|
16812
|
-
classNames =
|
|
16813
|
-
|
|
16814
|
-
colors =
|
|
16815
|
-
|
|
16816
|
-
verbiage =
|
|
16817
|
-
|
|
16818
|
-
debugMode =
|
|
16819
|
-
var
|
|
16820
|
-
submissionRequest =
|
|
16821
|
-
submissionResponse =
|
|
16822
|
-
selfieImage =
|
|
16823
|
-
var
|
|
16824
|
-
captureState =
|
|
16825
|
-
setCaptureState =
|
|
16826
|
-
var
|
|
16827
|
-
cameraAccessDenied =
|
|
16828
|
-
releaseCameraAccess =
|
|
16829
|
-
var
|
|
16830
|
-
start =
|
|
16831
|
-
stop =
|
|
16754
|
+
_b = _a.skipSuccessScreen,
|
|
16755
|
+
skipSuccessScreen = _b === void 0 ? false : _b,
|
|
16756
|
+
_c = _a.loadingOverlayMode,
|
|
16757
|
+
loadingOverlayMode = _c === void 0 ? 'default' : _c,
|
|
16758
|
+
_d = _a.assets,
|
|
16759
|
+
assets = _d === void 0 ? {} : _d,
|
|
16760
|
+
_e = _a.classNames,
|
|
16761
|
+
classNames = _e === void 0 ? {} : _e,
|
|
16762
|
+
_f = _a.colors,
|
|
16763
|
+
colors = _f === void 0 ? {} : _f,
|
|
16764
|
+
_g = _a.verbiage,
|
|
16765
|
+
verbiage = _g === void 0 ? {} : _g,
|
|
16766
|
+
_h = _a.debugMode,
|
|
16767
|
+
debugMode = _h === void 0 ? false : _h;
|
|
16768
|
+
var _j = React.useContext(SubmissionContext),
|
|
16769
|
+
submissionRequest = _j.submissionRequest,
|
|
16770
|
+
submissionResponse = _j.submissionResponse,
|
|
16771
|
+
selfieImage = _j.selfieImage;
|
|
16772
|
+
var _k = React.useState('LOADING'),
|
|
16773
|
+
captureState = _k[0],
|
|
16774
|
+
setCaptureState = _k[1];
|
|
16775
|
+
var _l = useCameraStore(),
|
|
16776
|
+
cameraAccessDenied = _l.cameraAccessDenied,
|
|
16777
|
+
releaseCameraAccess = _l.releaseCameraAccess;
|
|
16778
|
+
var _m = React.useContext(SelfieGuidanceModelsContext),
|
|
16779
|
+
start = _m.start,
|
|
16780
|
+
stop = _m.stop;
|
|
16832
16781
|
React.useEffect(function () {
|
|
16833
16782
|
if (captureState !== 'CAPTURING') return;
|
|
16834
16783
|
start();
|
|
@@ -16858,9 +16807,9 @@ var CustomerVerificationWizard = function CustomerVerificationWizard(_a) {
|
|
|
16858
16807
|
setCaptureState('FAILED');
|
|
16859
16808
|
onCaptureGuidanceTimeout === null || onCaptureGuidanceTimeout === void 0 ? void 0 : onCaptureGuidanceTimeout();
|
|
16860
16809
|
}, [onCaptureGuidanceTimeout]);
|
|
16861
|
-
var
|
|
16862
|
-
attempt =
|
|
16863
|
-
setAttempt =
|
|
16810
|
+
var _o = React.useState(0),
|
|
16811
|
+
attempt = _o[0],
|
|
16812
|
+
setAttempt = _o[1];
|
|
16864
16813
|
var onExitCallback = React.useCallback(function () {
|
|
16865
16814
|
setAttempt(function (n) {
|
|
16866
16815
|
return n + 1;
|
|
@@ -16881,9 +16830,7 @@ var CustomerVerificationWizard = function CustomerVerificationWizard(_a) {
|
|
|
16881
16830
|
setCaptureState('LOADING');
|
|
16882
16831
|
}
|
|
16883
16832
|
}, [cameraAccessDenied]);
|
|
16884
|
-
return /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(
|
|
16885
|
-
className: "flex ".concat((_b = classNames.container) !== null && _b !== void 0 ? _b : '')
|
|
16886
|
-
}, /*#__PURE__*/React__namespace.default.createElement(CameraVideoTag, {
|
|
16833
|
+
return /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(CameraVideoTag, {
|
|
16887
16834
|
className: classNames.cameraFeed
|
|
16888
16835
|
}), captureState !== 'LOADING' && function () {
|
|
16889
16836
|
switch (captureState) {
|
|
@@ -16934,7 +16881,7 @@ var CustomerVerificationWizard = function CustomerVerificationWizard(_a) {
|
|
|
16934
16881
|
default:
|
|
16935
16882
|
return null;
|
|
16936
16883
|
}
|
|
16937
|
-
}()
|
|
16884
|
+
}(), /*#__PURE__*/React__namespace.default.createElement(SelfieCaptureLoadingOverlay, {
|
|
16938
16885
|
key: attempt,
|
|
16939
16886
|
mode: loadingOverlayMode,
|
|
16940
16887
|
assets: assets.loadingOverlay,
|
|
@@ -17050,6 +16997,8 @@ var CustomerVerification = function CustomerVerification(_a) {
|
|
|
17050
16997
|
autoStart: false,
|
|
17051
16998
|
onModelError: onModelError,
|
|
17052
16999
|
modelLoadTimeoutMs: modelLoadTimeoutMs
|
|
17000
|
+
}, /*#__PURE__*/React__namespace.default.createElement(SdkPage, {
|
|
17001
|
+
className: classNames === null || classNames === void 0 ? void 0 : classNames.container
|
|
17053
17002
|
}, /*#__PURE__*/React__namespace.default.createElement(CustomerVerificationWizard, {
|
|
17054
17003
|
onComplete: onComplete,
|
|
17055
17004
|
onCustomerMatched: onCustomerMatched,
|
|
@@ -17065,7 +17014,7 @@ var CustomerVerification = function CustomerVerification(_a) {
|
|
|
17065
17014
|
colors: colors,
|
|
17066
17015
|
verbiage: verbiage,
|
|
17067
17016
|
debugMode: debugMode
|
|
17068
|
-
}))))));
|
|
17017
|
+
})))))));
|
|
17069
17018
|
};
|
|
17070
17019
|
|
|
17071
17020
|
var ALLOWED_RETRIES$1 = 0;
|
|
@@ -17306,8 +17255,8 @@ var CustomerIdentificationSuccess = function CustomerIdentificationSuccess(_a) {
|
|
|
17306
17255
|
}, verbiage.doneBtnText))));
|
|
17307
17256
|
};
|
|
17308
17257
|
var Heading$1 = styled__default.default.h3(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject(["\n margin-bottom: 24px;\n"], ["\n margin-bottom: 24px;\n"])));
|
|
17309
|
-
var ImageContainer$1 = styled__default.default(ButtonsRow)(templateObject_2$1 || (templateObject_2$1 = __makeTemplateObject(["\n max-height: calc(100vh - 185px);\n"], ["\n max-height: calc(100vh - 185px);\n"])));
|
|
17310
|
-
var StyledButtonsRow$1 = styled__default.default(ButtonsRow)(templateObject_3$1 || (templateObject_3$1 = __makeTemplateObject(["\n margin-top: 24px;\n"], ["\n margin-top: 24px;\n"])));
|
|
17258
|
+
var ImageContainer$1 = styled__default.default(ButtonsRow$2)(templateObject_2$1 || (templateObject_2$1 = __makeTemplateObject(["\n max-height: calc(100vh - 185px);\n"], ["\n max-height: calc(100vh - 185px);\n"])));
|
|
17259
|
+
var StyledButtonsRow$1 = styled__default.default(ButtonsRow$2)(templateObject_3$1 || (templateObject_3$1 = __makeTemplateObject(["\n margin-top: 24px;\n"], ["\n margin-top: 24px;\n"])));
|
|
17311
17260
|
var templateObject_1$1, templateObject_2$1, templateObject_3$1;
|
|
17312
17261
|
|
|
17313
17262
|
var CustomerIdentificationFailure = function CustomerIdentificationFailure(_a) {
|
|
@@ -17358,13 +17307,12 @@ var CustomerIdentificationFailure = function CustomerIdentificationFailure(_a) {
|
|
|
17358
17307
|
}, verbiage.exitBtnText))));
|
|
17359
17308
|
};
|
|
17360
17309
|
var Heading = styled__default.default.h3(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n margin-bottom: 24px;\n"], ["\n margin-bottom: 24px;\n"])));
|
|
17361
|
-
var ImageContainer = styled__default.default(ButtonsRow)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n max-height: calc(100vh - 185px);\n"], ["\n max-height: calc(100vh - 185px);\n"])));
|
|
17362
|
-
var StyledButtonsRow = styled__default.default(ButtonsRow)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n margin-top: 24px;\n"], ["\n margin-top: 24px;\n"])));
|
|
17310
|
+
var ImageContainer = styled__default.default(ButtonsRow$2)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n max-height: calc(100vh - 185px);\n"], ["\n max-height: calc(100vh - 185px);\n"])));
|
|
17311
|
+
var StyledButtonsRow = styled__default.default(ButtonsRow$2)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n margin-top: 24px;\n"], ["\n margin-top: 24px;\n"])));
|
|
17363
17312
|
var templateObject_1, templateObject_2, templateObject_3;
|
|
17364
17313
|
|
|
17365
17314
|
var ALLOWED_RETRIES = 2;
|
|
17366
17315
|
var CustomerIdentificationWizard = function CustomerIdentificationWizard(_a) {
|
|
17367
|
-
var _b;
|
|
17368
17316
|
var onComplete = _a.onComplete,
|
|
17369
17317
|
onCustomerMatched = _a.onCustomerMatched,
|
|
17370
17318
|
onCustomerNotMatched = _a.onCustomerNotMatched,
|
|
@@ -17373,33 +17321,33 @@ var CustomerIdentificationWizard = function CustomerIdentificationWizard(_a) {
|
|
|
17373
17321
|
onUserCancel = _a.onUserCancel,
|
|
17374
17322
|
onCaptureGuidanceTimeout = _a.onCaptureGuidanceTimeout,
|
|
17375
17323
|
captureGuidanceTimeoutDurationMs = _a.captureGuidanceTimeoutDurationMs,
|
|
17376
|
-
|
|
17377
|
-
skipSuccessScreen =
|
|
17378
|
-
|
|
17379
|
-
loadingOverlayMode =
|
|
17380
|
-
|
|
17381
|
-
assets =
|
|
17382
|
-
|
|
17383
|
-
classNames =
|
|
17384
|
-
|
|
17385
|
-
colors =
|
|
17386
|
-
|
|
17387
|
-
verbiage =
|
|
17388
|
-
|
|
17389
|
-
debugMode =
|
|
17390
|
-
var
|
|
17391
|
-
submissionResponse =
|
|
17392
|
-
submissionRequest =
|
|
17393
|
-
selfieImage =
|
|
17394
|
-
var
|
|
17395
|
-
captureState =
|
|
17396
|
-
setCaptureState =
|
|
17397
|
-
var
|
|
17398
|
-
cameraAccessDenied =
|
|
17399
|
-
releaseCameraAccess =
|
|
17400
|
-
var
|
|
17401
|
-
start =
|
|
17402
|
-
stop =
|
|
17324
|
+
_b = _a.skipSuccessScreen,
|
|
17325
|
+
skipSuccessScreen = _b === void 0 ? false : _b,
|
|
17326
|
+
_c = _a.loadingOverlayMode,
|
|
17327
|
+
loadingOverlayMode = _c === void 0 ? 'default' : _c,
|
|
17328
|
+
_d = _a.assets,
|
|
17329
|
+
assets = _d === void 0 ? {} : _d,
|
|
17330
|
+
_e = _a.classNames,
|
|
17331
|
+
classNames = _e === void 0 ? {} : _e,
|
|
17332
|
+
_f = _a.colors,
|
|
17333
|
+
colors = _f === void 0 ? {} : _f,
|
|
17334
|
+
_g = _a.verbiage,
|
|
17335
|
+
verbiage = _g === void 0 ? {} : _g,
|
|
17336
|
+
_h = _a.debugMode,
|
|
17337
|
+
debugMode = _h === void 0 ? false : _h;
|
|
17338
|
+
var _j = React.useContext(SubmissionContext),
|
|
17339
|
+
submissionResponse = _j.submissionResponse,
|
|
17340
|
+
submissionRequest = _j.submissionRequest,
|
|
17341
|
+
selfieImage = _j.selfieImage;
|
|
17342
|
+
var _k = React.useState('LOADING'),
|
|
17343
|
+
captureState = _k[0],
|
|
17344
|
+
setCaptureState = _k[1];
|
|
17345
|
+
var _l = useCameraStore(),
|
|
17346
|
+
cameraAccessDenied = _l.cameraAccessDenied,
|
|
17347
|
+
releaseCameraAccess = _l.releaseCameraAccess;
|
|
17348
|
+
var _m = React.useContext(SelfieGuidanceModelsContext),
|
|
17349
|
+
start = _m.start,
|
|
17350
|
+
stop = _m.stop;
|
|
17403
17351
|
React.useEffect(function () {
|
|
17404
17352
|
if (captureState !== 'CAPTURING') return;
|
|
17405
17353
|
start();
|
|
@@ -17429,9 +17377,9 @@ var CustomerIdentificationWizard = function CustomerIdentificationWizard(_a) {
|
|
|
17429
17377
|
setCaptureState('FAILED');
|
|
17430
17378
|
onCaptureGuidanceTimeout === null || onCaptureGuidanceTimeout === void 0 ? void 0 : onCaptureGuidanceTimeout();
|
|
17431
17379
|
}, [onCaptureGuidanceTimeout]);
|
|
17432
|
-
var
|
|
17433
|
-
attempt =
|
|
17434
|
-
setAttempt =
|
|
17380
|
+
var _o = React.useState(0),
|
|
17381
|
+
attempt = _o[0],
|
|
17382
|
+
setAttempt = _o[1];
|
|
17435
17383
|
var onExitCallback = React.useCallback(function () {
|
|
17436
17384
|
setAttempt(function (n) {
|
|
17437
17385
|
return n + 1;
|
|
@@ -17452,9 +17400,7 @@ var CustomerIdentificationWizard = function CustomerIdentificationWizard(_a) {
|
|
|
17452
17400
|
setCaptureState('LOADING');
|
|
17453
17401
|
}
|
|
17454
17402
|
}, [cameraAccessDenied]);
|
|
17455
|
-
return /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(
|
|
17456
|
-
className: "flex ".concat((_b = classNames.container) !== null && _b !== void 0 ? _b : '')
|
|
17457
|
-
}, /*#__PURE__*/React__namespace.default.createElement(CameraVideoTag, {
|
|
17403
|
+
return /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(CameraVideoTag, {
|
|
17458
17404
|
className: classNames.cameraFeed
|
|
17459
17405
|
}), captureState !== 'LOADING' && function () {
|
|
17460
17406
|
switch (captureState) {
|
|
@@ -17505,7 +17451,7 @@ var CustomerIdentificationWizard = function CustomerIdentificationWizard(_a) {
|
|
|
17505
17451
|
default:
|
|
17506
17452
|
return null;
|
|
17507
17453
|
}
|
|
17508
|
-
}()
|
|
17454
|
+
}(), /*#__PURE__*/React__namespace.default.createElement(SelfieCaptureLoadingOverlay, {
|
|
17509
17455
|
key: attempt,
|
|
17510
17456
|
mode: loadingOverlayMode,
|
|
17511
17457
|
assets: assets.loadingOverlay,
|
|
@@ -17619,6 +17565,8 @@ var CustomerIdentification = function CustomerIdentification(_a) {
|
|
|
17619
17565
|
autoStart: false,
|
|
17620
17566
|
modelLoadTimeoutMs: modelLoadTimeoutMs,
|
|
17621
17567
|
onModelError: onModelError
|
|
17568
|
+
}, /*#__PURE__*/React__namespace.default.createElement(SdkPage, {
|
|
17569
|
+
className: classNames === null || classNames === void 0 ? void 0 : classNames.container
|
|
17622
17570
|
}, /*#__PURE__*/React__namespace.default.createElement(CustomerIdentificationWizard, {
|
|
17623
17571
|
onComplete: onComplete,
|
|
17624
17572
|
onCustomerMatched: onCustomerMatched,
|
|
@@ -17635,7 +17583,7 @@ var CustomerIdentification = function CustomerIdentification(_a) {
|
|
|
17635
17583
|
colors: colors,
|
|
17636
17584
|
verbiage: verbiage,
|
|
17637
17585
|
debugMode: debugMode
|
|
17638
|
-
}))))));
|
|
17586
|
+
})))))));
|
|
17639
17587
|
};
|
|
17640
17588
|
|
|
17641
17589
|
/** Render a fullscreen capture component that captures a video of the user signing the screen. */
|
|
@@ -17717,6 +17665,8 @@ var SignatureKYC = function SignatureKYC(_a) {
|
|
|
17717
17665
|
geolocationEnabled: geolocationEnabled,
|
|
17718
17666
|
geolocationRequired: geolocationRequired,
|
|
17719
17667
|
useDocumentServiceForLivenessChecks: useDocumentServiceForLivenessChecks
|
|
17668
|
+
}, /*#__PURE__*/React__namespace.default.createElement(SdkPage, {
|
|
17669
|
+
className: classNames === null || classNames === void 0 ? void 0 : classNames.container
|
|
17720
17670
|
}, /*#__PURE__*/React__namespace.default.createElement(CompositeWizard, {
|
|
17721
17671
|
debugMode: debugMode,
|
|
17722
17672
|
checks: React.useMemo(function () {
|
|
@@ -17744,7 +17694,7 @@ var SignatureKYC = function SignatureKYC(_a) {
|
|
|
17744
17694
|
onUserCancel: onUserCancel
|
|
17745
17695
|
};
|
|
17746
17696
|
}, [customOverlayContent, onLoadingOverlayDismissed, loadingOverlayMode, skipSuccessScreen, captureAudio, minSignaturePadPoints, modelLoadTimeoutMs, faceLivenessProps, allowSignatureAfterLivenessCheckFailure, restartVideoOnSignaturePadCleared, classNames, colors, debugMode, verbiage, onModelError, onUserCancel])
|
|
17747
|
-
}))));
|
|
17697
|
+
})))));
|
|
17748
17698
|
};
|
|
17749
17699
|
|
|
17750
17700
|
/**
|
|
@@ -17966,6 +17916,8 @@ var VideoIdValidation = function VideoIdValidation(_a) {
|
|
|
17966
17916
|
geolocationEnabled: geolocationEnabled,
|
|
17967
17917
|
geolocationRequired: geolocationRequired,
|
|
17968
17918
|
useDocumentServiceForLivenessChecks: useDocumentServiceForLivenessChecks
|
|
17919
|
+
}, /*#__PURE__*/React__namespace.default.createElement(SdkPage, {
|
|
17920
|
+
className: classNames === null || classNames === void 0 ? void 0 : classNames.container
|
|
17969
17921
|
}, /*#__PURE__*/React__namespace.default.createElement(CompositeWizard, {
|
|
17970
17922
|
checks: React.useMemo(function () {
|
|
17971
17923
|
return ['VideoIdCapture'];
|
|
@@ -17980,7 +17932,7 @@ var VideoIdValidation = function VideoIdValidation(_a) {
|
|
|
17980
17932
|
onCameraTamperingDetected: onCameraTamperingDetected,
|
|
17981
17933
|
onMicrophoneAccessDenied: onMicrophoneAccessDenied,
|
|
17982
17934
|
debugMode: debugMode
|
|
17983
|
-
}))));
|
|
17935
|
+
})))));
|
|
17984
17936
|
};
|
|
17985
17937
|
|
|
17986
17938
|
/** Render a fullscreen capture component that performs FaceValidation, and then stores the results in IDmission's customer database using the supplied `enrollmentId` for later verification or 1:N matching. */
|
|
@@ -18144,6 +18096,8 @@ var CustomerBiometricsEnrollment = function CustomerBiometricsEnrollment(_a) {
|
|
|
18144
18096
|
geolocationEnabled: geolocationEnabled,
|
|
18145
18097
|
geolocationRequired: geolocationRequired,
|
|
18146
18098
|
useDocumentServiceForLivenessChecks: useDocumentServiceForLivenessChecks
|
|
18099
|
+
}, /*#__PURE__*/React__namespace.default.createElement(SdkPage, {
|
|
18100
|
+
className: classNames === null || classNames === void 0 ? void 0 : classNames.container
|
|
18147
18101
|
}, /*#__PURE__*/React__namespace.default.createElement(CompositeWizard, {
|
|
18148
18102
|
checks: React.useMemo(function () {
|
|
18149
18103
|
return ['FaceLiveness'];
|
|
@@ -18157,7 +18111,7 @@ var CustomerBiometricsEnrollment = function CustomerBiometricsEnrollment(_a) {
|
|
|
18157
18111
|
onCameraAccessDenied: onCameraAccessDenied,
|
|
18158
18112
|
onCameraTamperingDetected: onCameraTamperingDetected,
|
|
18159
18113
|
debugMode: debugMode
|
|
18160
|
-
}))));
|
|
18114
|
+
})))));
|
|
18161
18115
|
};
|
|
18162
18116
|
|
|
18163
18117
|
/**
|
|
@@ -18230,6 +18184,8 @@ var DocumentCapture = function DocumentCapture(_a) {
|
|
|
18230
18184
|
onCameraTamperingDetected: onCameraTamperingDetected,
|
|
18231
18185
|
classNames: classNames === null || classNames === void 0 ? void 0 : classNames.cameraStoreProvider,
|
|
18232
18186
|
verbiage: verbiage === null || verbiage === void 0 ? void 0 : verbiage.cameraStoreProvider
|
|
18187
|
+
}, /*#__PURE__*/React__namespace.default.createElement(SdkPage, {
|
|
18188
|
+
className: classNames === null || classNames === void 0 ? void 0 : classNames.container
|
|
18233
18189
|
}, /*#__PURE__*/React__namespace.default.createElement(DocumentCaptureWizard, {
|
|
18234
18190
|
onSuccess: onComplete,
|
|
18235
18191
|
onExitCapture: onExitCapture,
|
|
@@ -18240,7 +18196,7 @@ var DocumentCapture = function DocumentCapture(_a) {
|
|
|
18240
18196
|
instructions: instructions,
|
|
18241
18197
|
classNames: classNames,
|
|
18242
18198
|
verbiage: verbiage
|
|
18243
|
-
})))));
|
|
18199
|
+
}))))));
|
|
18244
18200
|
};
|
|
18245
18201
|
|
|
18246
18202
|
initializeI18n();
|