idmission-web-sdk 2.2.172 → 2.2.174
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/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/VideoSignatureGuides.d.ts.map +1 -1
- package/dist/components/video_signature_capture/VideoSignatureWizard.d.ts.map +1 -1
- package/dist/sdk2.cjs.development.js +884 -923
- 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 +886 -925
- package/dist/sdk2.esm.js.map +1 -1
- package/dist/sdk2.umd.development.js +887 -926
- 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.174';
|
|
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$O || (templateObject_1$O = __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$O;
|
|
463
|
+
|
|
464
|
+
var ButtonsRow$2 = styled__default.default.div(templateObject_1$N || (templateObject_1$N = __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$N;
|
|
466
|
+
|
|
467
|
+
var GuidanceMessageContainerDiv = styled__default.default.div(templateObject_1$M || (templateObject_1$M = __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$E || (templateObject_2$E = __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$M, templateObject_2$E;
|
|
488
|
+
|
|
489
|
+
var wavesAnimation = styled.keyframes(templateObject_1$L || (templateObject_1$L = __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$D || (templateObject_2$D = __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$L, templateObject_2$D, templateObject_3$s, templateObject_4$m;
|
|
505
494
|
|
|
506
|
-
var OverlayContainer = styled__default.default(
|
|
495
|
+
var OverlayContainer = styled__default.default.div(templateObject_1$K || (templateObject_1$K = __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$C || (templateObject_2$C = __makeTemplateObject(["\n text-align: ", ";\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n
|
|
500
|
+
var OverlayInner$2 = styled__default.default.div(templateObject_2$C || (templateObject_2$C = __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$
|
|
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"])));
|
|
519
508
|
var GrayOverlayContainer = styled__default.default(OverlayContainer)(templateObject_5$d || (templateObject_5$d = __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$K, templateObject_2$C, templateObject_3$r, templateObject_4$l, templateObject_5$d, 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;
|
|
@@ -2158,7 +2166,7 @@ function getFrameDimensions(frame) {
|
|
|
2158
2166
|
return [frameWidth, frameHeight];
|
|
2159
2167
|
}
|
|
2160
2168
|
|
|
2161
|
-
var InvisibleCanvas = styled__default.default.canvas(templateObject_1$
|
|
2169
|
+
var InvisibleCanvas = styled__default.default.canvas(templateObject_1$J || (templateObject_1$J = __makeTemplateObject(["\n display: none;\n"], ["\n display: none;\n"])));
|
|
2162
2170
|
function drawToCanvas(canvas, frame, width, height) {
|
|
2163
2171
|
if (!canvas) return;
|
|
2164
2172
|
var ctx = canvas.getContext('2d');
|
|
@@ -2178,7 +2186,7 @@ function clearCanvas(canvas) {
|
|
|
2178
2186
|
var _a;
|
|
2179
2187
|
(_a = canvas === null || canvas === void 0 ? void 0 : canvas.getContext('2d')) === null || _a === void 0 ? void 0 : _a.clearRect(0, 0, canvas === null || canvas === void 0 ? void 0 : canvas.width, canvas === null || canvas === void 0 ? void 0 : canvas.height);
|
|
2180
2188
|
}
|
|
2181
|
-
var templateObject_1$
|
|
2189
|
+
var templateObject_1$J;
|
|
2182
2190
|
|
|
2183
2191
|
function cropToShoulders(rawCanvas, cropCanvas, resizeCanvas, frame, face, quality, maxHeight) {
|
|
2184
2192
|
if (quality === void 0) {
|
|
@@ -5145,14 +5153,14 @@ function CameraTamperSeal(_a) {
|
|
|
5145
5153
|
className: classNames.message
|
|
5146
5154
|
}, messageText)));
|
|
5147
5155
|
}
|
|
5148
|
-
var StyledOverlayInner$4 = styled__default.default(OverlayInner$2)(templateObject_1$
|
|
5156
|
+
var StyledOverlayInner$4 = styled__default.default(OverlayInner$2)(templateObject_1$I || (templateObject_1$I = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
5149
5157
|
var StyledOverlayHeading = styled__default.default.h3(templateObject_2$B || (templateObject_2$B = __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$
|
|
5163
|
+
var templateObject_1$I, templateObject_2$B;
|
|
5156
5164
|
|
|
5157
5165
|
var DocumentDetectionModelContext = /*#__PURE__*/React.createContext({
|
|
5158
5166
|
startDocumentDetection: function startDocumentDetection() {
|
|
@@ -6117,12 +6125,12 @@ function DebugStatsPane(_a) {
|
|
|
6117
6125
|
if (!portalLocation) return element;
|
|
6118
6126
|
return /*#__PURE__*/reactDom.createPortal(element, portalLocation);
|
|
6119
6127
|
}
|
|
6120
|
-
var DebugStatsPaneDiv = styled__default.default.span(templateObject_1$
|
|
6121
|
-
var ObjectDetectionDebugOverlayDiv = styled__default.default.div(templateObject_2$A || (templateObject_2$A = __makeTemplateObject(["\n position: absolute;\n z-index: 1001;\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 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) {
|
|
6128
|
+
var DebugStatsPaneDiv = styled__default.default.span(templateObject_1$H || (templateObject_1$H = __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"])));
|
|
6129
|
+
var ObjectDetectionDebugOverlayDiv = styled__default.default.div(templateObject_2$A || (templateObject_2$A = __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$
|
|
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$H, templateObject_2$A, 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$3, {
|
|
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$3 = styled__default.default.div(templateObject_1$G || (templateObject_1$G = __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$
|
|
6374
|
+
var InnerContainer = styled__default.default.div(templateObject_2$z || (templateObject_2$z = __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"])));
|
|
6391
6377
|
var Button$1 = styled__default.default(LoaderButton)(templateObject_5$c || (templateObject_5$c = __makeTemplateObject(["\n white-space: nowrap;\n margin: auto;\n"], ["\n white-space: nowrap;\n margin: auto;\n"])));
|
|
6392
|
-
var templateObject_1$G, templateObject_2$
|
|
6378
|
+
var templateObject_1$G, templateObject_2$z, templateObject_3$p, templateObject_4$j, templateObject_5$c;
|
|
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,
|
|
@@ -6712,10 +6693,10 @@ var CameraAccessDeniedOverlay = function CameraAccessDeniedOverlay(_a) {
|
|
|
6712
6693
|
}, verbiage.retryBtnText)));
|
|
6713
6694
|
};
|
|
6714
6695
|
var StyledOverlayInner$3 = styled__default.default(OverlayInner$2)(templateObject_1$F || (templateObject_1$F = __makeTemplateObject(["\n max-width: 500px;\n height: auto;\n margin: auto;\n"], ["\n max-width: 500px;\n height: auto;\n margin: auto;\n"])));
|
|
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$F, templateObject_2$
|
|
6696
|
+
var StyledOverlayImageContainer$1 = styled__default.default(OverlayImageContainer)(templateObject_2$y || (templateObject_2$y = __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$F, templateObject_2$y, templateObject_3$o, templateObject_4$i;
|
|
6719
6700
|
|
|
6720
6701
|
var ExitCaptureStyledButton = styled__default.default.button(templateObject_1$E || (templateObject_1$E = __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) {
|
|
@@ -6763,23 +6744,16 @@ var ExitCaptureButton = function ExitCaptureButton(_a) {
|
|
|
6763
6744
|
};
|
|
6764
6745
|
var templateObject_1$E;
|
|
6765
6746
|
|
|
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;
|
|
6768
|
-
|
|
6769
6747
|
function IdCaptureLoadingGraphic(props) {
|
|
6770
6748
|
var isMobile = window.innerHeight > window.innerWidth;
|
|
6771
6749
|
return isMobile ? ( /*#__PURE__*/React__namespace.default.createElement(IdCaptureLoadingGraphicMobile, _assign({}, props))) : ( /*#__PURE__*/React__namespace.default.createElement(IdCaptureLoadingGraphicDesktop, _assign({}, 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$D || (templateObject_1$D = __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$x || (templateObject_2$x = __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$D, templateObject_2$x, 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$C || (templateObject_1$C = __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$w || (templateObject_2$w = __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$b || (templateObject_5$b = __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$C, templateObject_2$w, templateObject_3$m, templateObject_4$g, templateObject_5$b, 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$B || (templateObject_1$B = __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$v || (templateObject_2$v = __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$B, templateObject_2$v;
|
|
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$A || (templateObject_1$A = __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$u || (templateObject_2$u = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n"], ["\n display: flex;\n flex-direction: column;\n"])));
|
|
7652
|
+
var templateObject_1$A, templateObject_2$u;
|
|
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 display: grid;\n grid-gap: 12px;\n"], ["\n max-width: 100%;\n flex-direction: column;\n display: grid;\n grid-gap: 12px;\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"])));
|
|
7714
|
+
var Heading$a = styled__default.default.h1(templateObject_1$z || (templateObject_1$z = __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$t || (templateObject_2$t = __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 display: grid;\n grid-gap: 12px;\n position: relative;\n width: 100%;\n"], ["\n max-width: 100%;\n flex-direction: column;\n display: grid;\n grid-gap: 12px;\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"])));
|
|
7773
7718
|
var StyledImage = styled__default.default(CapturedDocumentImg)(templateObject_5$a || (templateObject_5$a = __makeTemplateObject(["\n width: 100%;\n border-radius: 12px;\n"], ["\n width: 100%;\n border-radius: 12px;\n"])));
|
|
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$
|
|
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$z, templateObject_2$t, templateObject_3$l, templateObject_4$f, templateObject_5$a, 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$y || (templateObject_1$y = __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$s || (templateObject_2$s = __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;' : '';
|
|
@@ -7980,7 +7925,7 @@ var IdCardBorderRect = styled__default.default.rect(templateObject_5$9 || (templ
|
|
|
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$y, templateObject_2$s, templateObject_3$k, templateObject_4$e, templateObject_5$9;
|
|
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$x || (templateObject_1$x = __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$x;
|
|
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$w || (templateObject_1$w = __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$r || (templateObject_2$r = __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;
|
|
@@ -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$w, templateObject_2$r, templateObject_3$j, templateObject_4$d, templateObject_5$8, 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$v || (templateObject_1$v = __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$q || (templateObject_2$q = __makeTemplateObject(["\n display: block;\n"], ["\n display: block;\n"])));
|
|
8569
|
+
var templateObject_1$v, templateObject_2$q;
|
|
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$u || (templateObject_1$u = __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$p || (templateObject_2$p = __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$u, templateObject_2$p;
|
|
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$t || (templateObject_1$t = __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$o || (templateObject_2$o = __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$t, templateObject_2$o, 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$s || (templateObject_1$s = __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$n || (templateObject_2$n = __makeTemplateObject(["\n display: block;\n"], ["\n display: block;\n"])));
|
|
9097
|
+
var templateObject_1$s, templateObject_2$n;
|
|
9149
9098
|
|
|
9150
|
-
var CameraFeedWrapper = styled__default.default.div(templateObject_1$
|
|
9099
|
+
var CameraFeedWrapper = styled__default.default.div(templateObject_1$r || (templateObject_1$r = __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$r;
|
|
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$q || (templateObject_1$q = __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$q;
|
|
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,8 +9281,8 @@ 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$p || (templateObject_1$p = __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$m || (templateObject_2$m = __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"])));
|
|
@@ -9346,9 +9293,9 @@ var Instructions = styled__default.default.div(templateObject_5$7 || (templateOb
|
|
|
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$p, templateObject_2$m, templateObject_3$h, templateObject_4$b, templateObject_5$7, 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$o || (templateObject_1$o = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
9570
|
+
var Heading$8 = styled__default.default.h3(templateObject_2$l || (templateObject_2$l = __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
9573
|
var ImageCol = styled__default.default.div(templateObject_5$6 || (templateObject_5$6 = __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"])));
|
|
9627
|
-
var StyledButtonsRow$
|
|
9628
|
-
var templateObject_1$
|
|
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$o, templateObject_2$l, templateObject_3$g, templateObject_4$a, templateObject_5$6, 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$n || (templateObject_1$n = __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$k || (templateObject_2$k = __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
9934
|
var ScreenActionsBar = styled__default.default.div(templateObject_5$5 || (templateObject_5$5 = __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$n, templateObject_2$k, templateObject_3$f, templateObject_4$9, templateObject_5$5, 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$m || (templateObject_1$m = __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$j || (templateObject_2$j = __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$m, templateObject_2$j, 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$l || (templateObject_1$l = __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$i || (templateObject_2$i = __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$l, templateObject_2$i;
|
|
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$k || (templateObject_1$k = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
11533
|
+
var Heading$7 = styled__default.default.h3(templateObject_2$h || (templateObject_2$h = __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$4 || (templateObject_5$4 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
11537
|
+
var templateObject_1$k, templateObject_2$h, templateObject_3$d, templateObject_4$8, templateObject_5$4;
|
|
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$2, {
|
|
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$2 = styled__default.default.div(templateObject_1$j || (templateObject_1$j = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n"], ["\n width: 100%;\n height: 100%;\n"])));
|
|
11710
|
+
var templateObject_1$j;
|
|
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$i || (templateObject_1$i = __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$g || (templateObject_2$g = __makeTemplateObject(["\n font-size: 1.2rem;\n margin: 0;\n"], ["\n font-size: 1.2rem;\n margin: 0;\n"])));
|
|
12100
|
+
var templateObject_1$i, templateObject_2$g;
|
|
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$h || (templateObject_1$h = __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$f || (templateObject_2$f = __makeTemplateObject(["\n margin-bottom: 36px;\n"], ["\n margin-bottom: 36px;\n"])));
|
|
12151
|
+
var templateObject_1$h, templateObject_2$f;
|
|
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$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"])));
|
|
12195
|
+
var StyledOverlayImageContainer = styled__default.default(OverlayImageContainer)(templateObject_2$e || (templateObject_2$e = __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$g, templateObject_2$e, 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$f || (templateObject_1$f = __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$d || (templateObject_2$d = __makeTemplateObject(["\n flex-direction: column;\n padding-top: 25px;\n"], ["\n flex-direction: column;\n padding-top: 25px;\n"])));
|
|
12292
|
+
var templateObject_1$f, templateObject_2$d;
|
|
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$e || (templateObject_1$e = __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$c || (templateObject_2$c = __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$3 || (templateObject_5$3 = __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$e, templateObject_2$c, templateObject_3$b, templateObject_4$6, templateObject_5$3, 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,
|
|
@@ -12939,11 +12863,11 @@ var AdditionalDocumentCapture = function AdditionalDocumentCapture(_a) {
|
|
|
12939
12863
|
}
|
|
12940
12864
|
}, verbiage.captureBtnText)))));
|
|
12941
12865
|
};
|
|
12942
|
-
var Inner$2 = styled__default.default(OverlayInner$2)(templateObject_1$
|
|
12943
|
-
var Heading$4 = styled__default.default.h3(templateObject_2$
|
|
12866
|
+
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"])));
|
|
12867
|
+
var Heading$4 = styled__default.default.h3(templateObject_2$b || (templateObject_2$b = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
12944
12868
|
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$
|
|
12869
|
+
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"])));
|
|
12870
|
+
var templateObject_1$d, templateObject_2$b, templateObject_3$a, templateObject_4$5;
|
|
12947
12871
|
|
|
12948
12872
|
var AdditionalDocumentCaptureWizard = function AdditionalDocumentCaptureWizard(_a) {
|
|
12949
12873
|
var documents = _a.documents,
|
|
@@ -13093,7 +13017,7 @@ function convertSVGtoImg(svgData_1) {
|
|
|
13093
13017
|
});
|
|
13094
13018
|
}
|
|
13095
13019
|
|
|
13096
|
-
var SignaturePaperBacking = styled__default.default.div(templateObject_1$
|
|
13020
|
+
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
13021
|
var _a, _b;
|
|
13098
13022
|
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
13023
|
}, function (props) {
|
|
@@ -13103,7 +13027,7 @@ var SignaturePaperBacking = styled__default.default.div(templateObject_1$b || (t
|
|
|
13103
13027
|
var _a, _b;
|
|
13104
13028
|
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
13029
|
});
|
|
13106
|
-
var SignatureCanvasContainer$1 = styled__default.default.div(templateObject_2$
|
|
13030
|
+
var SignatureCanvasContainer$1 = styled__default.default.div(templateObject_2$a || (templateObject_2$a = __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
13031
|
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
13032
|
var _a, _b, _c;
|
|
13109
13033
|
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 +13038,35 @@ var SignaturePad = styled__default.default.div(templateObject_3$9 || (templateOb
|
|
|
13114
13038
|
var _a, _b, _c;
|
|
13115
13039
|
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
13040
|
});
|
|
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$
|
|
13041
|
+
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"])));
|
|
13042
|
+
var templateObject_1$c, templateObject_2$a, templateObject_3$9, templateObject_4$4;
|
|
13043
|
+
|
|
13044
|
+
var SdkPage = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
13045
|
+
var children = _a.children,
|
|
13046
|
+
className = _a.className,
|
|
13047
|
+
_b = _a.heightOffset,
|
|
13048
|
+
heightOffset = _b === void 0 ? 0 : _b,
|
|
13049
|
+
style = _a.style,
|
|
13050
|
+
onClick = _a.onClick;
|
|
13051
|
+
var theme = styled.useTheme();
|
|
13052
|
+
return /*#__PURE__*/React__namespace.default.createElement(SdkPageOuter, {
|
|
13053
|
+
ref: ref,
|
|
13054
|
+
style: style,
|
|
13055
|
+
onClick: onClick,
|
|
13056
|
+
className: className,
|
|
13057
|
+
"$heightOffset": heightOffset
|
|
13058
|
+
}, 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));
|
|
13059
|
+
});
|
|
13060
|
+
SdkPage.displayName = 'SdkPage';
|
|
13061
|
+
var SdkPageOuter = styled__default.default.div.attrs({
|
|
13062
|
+
className: 'sdk-page-outer'
|
|
13063
|
+
})(templateObject_1$b || (templateObject_1$b = __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) {
|
|
13064
|
+
return props.theme.fontFamily ? "font-family: ".concat(props.theme.fontFamily, ";") : "";
|
|
13065
|
+
}, function (props) {
|
|
13066
|
+
return props.theme.isFullscreen === false ? "" : "\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n ";
|
|
13067
|
+
});
|
|
13068
|
+
var SdkPageInner = styled__default.default.div(templateObject_2$9 || (templateObject_2$9 = __makeTemplateObject(["\n flex: 1;\n position: relative;\n overflow: hidden;\n"], ["\n flex: 1;\n position: relative;\n overflow: hidden;\n"])));
|
|
13069
|
+
var templateObject_1$b, templateObject_2$9;
|
|
13119
13070
|
|
|
13120
13071
|
var SignatureCapture = function SignatureCapture(_a) {
|
|
13121
13072
|
var onAccept = _a.onAccept,
|
|
@@ -13150,7 +13101,7 @@ var SignatureCapture = function SignatureCapture(_a) {
|
|
|
13150
13101
|
});
|
|
13151
13102
|
});
|
|
13152
13103
|
}
|
|
13153
|
-
return /*#__PURE__*/React__namespace.default.createElement(
|
|
13104
|
+
return /*#__PURE__*/React__namespace.default.createElement(SdkPage, {
|
|
13154
13105
|
className: classNames.container
|
|
13155
13106
|
}, /*#__PURE__*/React__namespace.default.createElement(SignaturePaperBacking, {
|
|
13156
13107
|
className: classNames.inner
|
|
@@ -13582,8 +13533,11 @@ function VideoSignatureGuides(_a) {
|
|
|
13582
13533
|
signaturePad = _h.signaturePad,
|
|
13583
13534
|
onAcceptClicked = _h.onAcceptClicked;
|
|
13584
13535
|
var _j = React.useState(true),
|
|
13585
|
-
|
|
13586
|
-
|
|
13536
|
+
signaturePadEmpty = _j[0],
|
|
13537
|
+
setSignaturePadEmpty = _j[1];
|
|
13538
|
+
var _k = React.useState(false),
|
|
13539
|
+
signatureValid = _k[0],
|
|
13540
|
+
setSignatureValid = _k[1];
|
|
13587
13541
|
var verbiage = useTranslations(rawVerbiage, {
|
|
13588
13542
|
clearSignatureBtnText: 'Clear',
|
|
13589
13543
|
acceptSignatureBtnText: 'Accept'
|
|
@@ -13595,7 +13549,9 @@ function VideoSignatureGuides(_a) {
|
|
|
13595
13549
|
className: classNames.signatureCanvas
|
|
13596
13550
|
};
|
|
13597
13551
|
}, [classNames.signatureCanvas, height, width]);
|
|
13598
|
-
var
|
|
13552
|
+
var isSigning = requestedAction === 'CAPTURE_SIGNATURE';
|
|
13553
|
+
var canClear = isSigning && !signaturePadEmpty;
|
|
13554
|
+
var canSubmit = isSigning && signatureValid;
|
|
13599
13555
|
return /*#__PURE__*/React__namespace.default.createElement(Container$1, {
|
|
13600
13556
|
className: classNames.container
|
|
13601
13557
|
}, /*#__PURE__*/React__namespace.default.createElement(Inner$1, {
|
|
@@ -13619,23 +13575,27 @@ function VideoSignatureGuides(_a) {
|
|
|
13619
13575
|
}, /*#__PURE__*/React__namespace.default.createElement(SignatureCanvas__default.default, {
|
|
13620
13576
|
ref: signaturePad,
|
|
13621
13577
|
canvasProps: canvasProps,
|
|
13578
|
+
onBegin: function onBegin() {
|
|
13579
|
+
return setSignaturePadEmpty(false);
|
|
13580
|
+
},
|
|
13622
13581
|
onEnd: function onEnd() {
|
|
13623
13582
|
var _a, _b;
|
|
13624
13583
|
var strokes = (_b = (_a = signaturePad === null || signaturePad === void 0 ? void 0 : signaturePad.current) === null || _a === void 0 ? void 0 : _a.toData()) !== null && _b !== void 0 ? _b : [];
|
|
13625
13584
|
var points = strokes.flatMap(function (point) {
|
|
13626
13585
|
return point;
|
|
13627
13586
|
});
|
|
13628
|
-
|
|
13587
|
+
setSignatureValid(points.length >= minSignaturePadPoints);
|
|
13629
13588
|
}
|
|
13630
13589
|
})), /*#__PURE__*/React__namespace.default.createElement(SignatureButtonsContainer, {
|
|
13631
13590
|
className: classNames.signatureButtonsRow
|
|
13632
13591
|
}, /*#__PURE__*/React__namespace.default.createElement(LoaderButton, {
|
|
13633
13592
|
variant: "secondary",
|
|
13634
13593
|
className: classNames.clearSignatureBtn,
|
|
13635
|
-
disabled: !
|
|
13594
|
+
disabled: !canClear,
|
|
13636
13595
|
onClick: function onClick() {
|
|
13637
13596
|
var _a;
|
|
13638
|
-
|
|
13597
|
+
setSignaturePadEmpty(true);
|
|
13598
|
+
setSignatureValid(false);
|
|
13639
13599
|
(_a = signaturePad === null || signaturePad === void 0 ? void 0 : signaturePad.current) === null || _a === void 0 ? void 0 : _a.clear();
|
|
13640
13600
|
onClearSignaturePadClicked === null || onClearSignaturePadClicked === void 0 ? void 0 : onClearSignaturePadClicked();
|
|
13641
13601
|
},
|
|
@@ -13648,7 +13608,7 @@ function VideoSignatureGuides(_a) {
|
|
|
13648
13608
|
finished: true
|
|
13649
13609
|
}, verbiage.acceptSignatureBtnText))))));
|
|
13650
13610
|
}
|
|
13651
|
-
var Container$1 = styled__default.default.div(templateObject_1$9 || (templateObject_1$9 = __makeTemplateObject(["\n display: flex;\n max-height: 100%;\n position: absolute;\n z-index: 1000;\n
|
|
13611
|
+
var Container$1 = styled__default.default.div(templateObject_1$9 || (templateObject_1$9 = __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) {
|
|
13652
13612
|
var _a;
|
|
13653
13613
|
return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
|
|
13654
13614
|
});
|
|
@@ -13664,35 +13624,34 @@ var templateObject_1$9, templateObject_2$8, templateObject_3$8, templateObject_4
|
|
|
13664
13624
|
|
|
13665
13625
|
var DEFAULT_MIN_SIGNATURE_PAD_POINTS = 10;
|
|
13666
13626
|
var VideoSignatureCapture = function VideoSignatureCapture(_a) {
|
|
13667
|
-
var _b;
|
|
13668
13627
|
var onVideoCaptured = _a.onVideoCaptured,
|
|
13669
13628
|
onFaceNotDetected = _a.onFaceNotDetected,
|
|
13670
13629
|
onExit = _a.onExit,
|
|
13671
|
-
|
|
13672
|
-
restartVideoOnSignaturePadCleared =
|
|
13630
|
+
_b = _a.restartVideoOnSignaturePadCleared,
|
|
13631
|
+
restartVideoOnSignaturePadCleared = _b === void 0 ? true : _b,
|
|
13673
13632
|
guidesComponent = _a.guidesComponent,
|
|
13674
|
-
|
|
13675
|
-
minSignaturePadPoints =
|
|
13676
|
-
|
|
13677
|
-
classNames =
|
|
13678
|
-
|
|
13679
|
-
colors =
|
|
13680
|
-
|
|
13681
|
-
rawVerbiage =
|
|
13682
|
-
|
|
13683
|
-
debugMode =
|
|
13633
|
+
_c = _a.minSignaturePadPoints,
|
|
13634
|
+
minSignaturePadPoints = _c === void 0 ? DEFAULT_MIN_SIGNATURE_PAD_POINTS : _c,
|
|
13635
|
+
_d = _a.classNames,
|
|
13636
|
+
classNames = _d === void 0 ? {} : _d,
|
|
13637
|
+
_e = _a.colors,
|
|
13638
|
+
colors = _e === void 0 ? {} : _e,
|
|
13639
|
+
_f = _a.verbiage,
|
|
13640
|
+
rawVerbiage = _f === void 0 ? {} : _f,
|
|
13641
|
+
_g = _a.debugMode,
|
|
13642
|
+
debugMode = _g === void 0 ? false : _g;
|
|
13684
13643
|
var camera = useCameraStore(function (state) {
|
|
13685
13644
|
return state.camera;
|
|
13686
13645
|
});
|
|
13687
13646
|
var onPredictionMade = React.useContext(SelfieGuidanceModelsContext).onPredictionMade;
|
|
13688
|
-
var
|
|
13689
|
-
signatureData =
|
|
13690
|
-
signatureDataUrl =
|
|
13691
|
-
signatureVideoData =
|
|
13692
|
-
startRecording =
|
|
13693
|
-
stopRecording =
|
|
13694
|
-
clearRecordedData =
|
|
13695
|
-
isRecording =
|
|
13647
|
+
var _h = useVideoSignatureContext(),
|
|
13648
|
+
signatureData = _h.signatureData,
|
|
13649
|
+
signatureDataUrl = _h.signatureDataUrl,
|
|
13650
|
+
signatureVideoData = _h.signatureVideoData,
|
|
13651
|
+
startRecording = _h.startRecording,
|
|
13652
|
+
stopRecording = _h.stopRecording,
|
|
13653
|
+
clearRecordedData = _h.clearRecordedData,
|
|
13654
|
+
isRecording = _h.isRecording;
|
|
13696
13655
|
React.useEffect(function () {
|
|
13697
13656
|
startRecording();
|
|
13698
13657
|
return stopRecording;
|
|
@@ -13707,9 +13666,9 @@ var VideoSignatureCapture = function VideoSignatureCapture(_a) {
|
|
|
13707
13666
|
onVideoCaptured === null || onVideoCaptured === void 0 ? void 0 : onVideoCaptured(signatureVideoData, signatureData, signatureDataUrl);
|
|
13708
13667
|
}
|
|
13709
13668
|
}, [onVideoCaptured, signatureData, signatureDataUrl, signatureVideoData]);
|
|
13710
|
-
var
|
|
13711
|
-
numFramesWithoutFaces =
|
|
13712
|
-
setNumFramesWithoutFaces =
|
|
13669
|
+
var _j = React.useState(0),
|
|
13670
|
+
numFramesWithoutFaces = _j[0],
|
|
13671
|
+
setNumFramesWithoutFaces = _j[1];
|
|
13713
13672
|
React.useEffect(function () {
|
|
13714
13673
|
onPredictionMade(function (_a) {
|
|
13715
13674
|
var face = _a.face;
|
|
@@ -13724,8 +13683,8 @@ var VideoSignatureCapture = function VideoSignatureCapture(_a) {
|
|
|
13724
13683
|
}
|
|
13725
13684
|
}, [numFramesWithoutFaces, onFaceNotDetected]);
|
|
13726
13685
|
var GuidesComponent = guidesComponent !== null && guidesComponent !== void 0 ? guidesComponent : VideoSignatureGuides;
|
|
13727
|
-
return /*#__PURE__*/React__namespace.default.createElement(
|
|
13728
|
-
className:
|
|
13686
|
+
return /*#__PURE__*/React__namespace.default.createElement("div", {
|
|
13687
|
+
className: classNames.container
|
|
13729
13688
|
}, verbiage.guidanceMessageText && ( /*#__PURE__*/React__namespace.default.createElement(GuidanceMessageContainer, {
|
|
13730
13689
|
"$top": "10vh",
|
|
13731
13690
|
className: classNames.guidanceMessageContainer
|
|
@@ -13783,7 +13742,7 @@ var VideoSignatureSuccess = function VideoSignatureSuccess(_a) {
|
|
|
13783
13742
|
style: {
|
|
13784
13743
|
display: 'none'
|
|
13785
13744
|
}
|
|
13786
|
-
})), /*#__PURE__*/React__namespace.default.createElement(ButtonsRow, {
|
|
13745
|
+
})), /*#__PURE__*/React__namespace.default.createElement(ButtonsRow$2, {
|
|
13787
13746
|
className: classNames.buttonsRow
|
|
13788
13747
|
}, /*#__PURE__*/React__namespace.default.createElement(LoaderButton, {
|
|
13789
13748
|
variant: "warning",
|
|
@@ -13803,57 +13762,56 @@ var StyledVideo$1 = styled__default.default.video(templateObject_1$8 || (templat
|
|
|
13803
13762
|
var templateObject_1$8;
|
|
13804
13763
|
|
|
13805
13764
|
var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
13806
|
-
var _b;
|
|
13807
13765
|
var onComplete = _a.onComplete,
|
|
13808
13766
|
onVideoCaptured = _a.onVideoCaptured,
|
|
13809
13767
|
onRetryClicked = _a.onRetryClicked,
|
|
13810
13768
|
onExitCapture = _a.onExitCapture,
|
|
13811
13769
|
onUserCancel = _a.onUserCancel,
|
|
13812
13770
|
onLoadingOverlayDismissed = _a.onLoadingOverlayDismissed,
|
|
13813
|
-
|
|
13814
|
-
loadingOverlayMode =
|
|
13771
|
+
_b = _a.loadingOverlayMode,
|
|
13772
|
+
loadingOverlayMode = _b === void 0 ? 'default' : _b,
|
|
13815
13773
|
customOverlayContent = _a.customOverlayContent,
|
|
13816
|
-
|
|
13817
|
-
skipSuccessScreen =
|
|
13818
|
-
|
|
13819
|
-
captureAudio =
|
|
13820
|
-
|
|
13821
|
-
minSignaturePadPoints =
|
|
13822
|
-
|
|
13823
|
-
allowSignatureAfterLivenessCheckFailure =
|
|
13824
|
-
|
|
13825
|
-
restartVideoOnSignaturePadCleared =
|
|
13774
|
+
_c = _a.skipSuccessScreen,
|
|
13775
|
+
skipSuccessScreen = _c === void 0 ? false : _c,
|
|
13776
|
+
_d = _a.captureAudio,
|
|
13777
|
+
captureAudio = _d === void 0 ? false : _d,
|
|
13778
|
+
_e = _a.minSignaturePadPoints,
|
|
13779
|
+
minSignaturePadPoints = _e === void 0 ? DEFAULT_MIN_SIGNATURE_PAD_POINTS : _e,
|
|
13780
|
+
_f = _a.allowSignatureAfterLivenessCheckFailure,
|
|
13781
|
+
allowSignatureAfterLivenessCheckFailure = _f === void 0 ? false : _f,
|
|
13782
|
+
_g = _a.restartVideoOnSignaturePadCleared,
|
|
13783
|
+
restartVideoOnSignaturePadCleared = _g === void 0 ? true : _g,
|
|
13826
13784
|
faceLivenessProps = _a.faceLivenessProps,
|
|
13827
|
-
|
|
13828
|
-
assets =
|
|
13829
|
-
|
|
13830
|
-
classNames =
|
|
13831
|
-
|
|
13832
|
-
colors =
|
|
13833
|
-
|
|
13834
|
-
verbiage =
|
|
13835
|
-
|
|
13836
|
-
debugMode =
|
|
13837
|
-
var
|
|
13838
|
-
selfieImage =
|
|
13839
|
-
setSelfieImage =
|
|
13840
|
-
setSignatureData =
|
|
13841
|
-
setSignatureVideoUrl =
|
|
13842
|
-
logSelfieCaptureAttempt =
|
|
13785
|
+
_h = _a.assets,
|
|
13786
|
+
assets = _h === void 0 ? {} : _h,
|
|
13787
|
+
_j = _a.classNames,
|
|
13788
|
+
classNames = _j === void 0 ? {} : _j,
|
|
13789
|
+
_k = _a.colors,
|
|
13790
|
+
colors = _k === void 0 ? {} : _k,
|
|
13791
|
+
_l = _a.verbiage,
|
|
13792
|
+
verbiage = _l === void 0 ? {} : _l,
|
|
13793
|
+
_m = _a.debugMode,
|
|
13794
|
+
debugMode = _m === void 0 ? false : _m;
|
|
13795
|
+
var _o = React.useContext(SubmissionContext),
|
|
13796
|
+
selfieImage = _o.selfieImage,
|
|
13797
|
+
setSelfieImage = _o.setSelfieImage,
|
|
13798
|
+
setSignatureData = _o.setSignatureData,
|
|
13799
|
+
setSignatureVideoUrl = _o.setSignatureVideoUrl,
|
|
13800
|
+
logSelfieCaptureAttempt = _o.logSelfieCaptureAttempt;
|
|
13843
13801
|
var cameraAccessDenied = useCameraStore(shallow.useShallow(function (state) {
|
|
13844
13802
|
return {
|
|
13845
13803
|
cameraAccessDenied: state.cameraAccessDenied
|
|
13846
13804
|
};
|
|
13847
13805
|
})).cameraAccessDenied;
|
|
13848
|
-
var
|
|
13849
|
-
captureState =
|
|
13850
|
-
setCaptureState =
|
|
13806
|
+
var _p = React.useState('CHECKING_LIVENESS'),
|
|
13807
|
+
captureState = _p[0],
|
|
13808
|
+
setCaptureState = _p[1];
|
|
13851
13809
|
var operationStartedAt = React.useRef();
|
|
13852
13810
|
var captureStartedAt = React.useRef();
|
|
13853
13811
|
var captureEndedAt = React.useRef();
|
|
13854
|
-
var
|
|
13855
|
-
start =
|
|
13856
|
-
stop =
|
|
13812
|
+
var _q = React.useContext(SelfieGuidanceModelsContext),
|
|
13813
|
+
start = _q.start,
|
|
13814
|
+
stop = _q.stop;
|
|
13857
13815
|
React.useEffect(function () {
|
|
13858
13816
|
operationStartedAt.current = new Date();
|
|
13859
13817
|
}, []);
|
|
@@ -13889,9 +13847,9 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
|
13889
13847
|
setSelfieImage(selfieFromRequest);
|
|
13890
13848
|
}
|
|
13891
13849
|
}, [logCaptureMetadata, onFaceLivenessSuccessProp, selfieImage, setSelfieImage]);
|
|
13892
|
-
var
|
|
13893
|
-
signatureImageUrl =
|
|
13894
|
-
setSignatureImageUrl =
|
|
13850
|
+
var _r = React.useState(null),
|
|
13851
|
+
signatureImageUrl = _r[0],
|
|
13852
|
+
setSignatureImageUrl = _r[1];
|
|
13895
13853
|
var onSignatureCaptureCompleted = React.useCallback(function (videoData, signatureData, signatureImageData) {
|
|
13896
13854
|
setSignatureData(signatureData);
|
|
13897
13855
|
setSignatureVideoUrl(URL.createObjectURL(videoData));
|
|
@@ -13902,9 +13860,9 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
|
13902
13860
|
var onSignatureCaptureFacesNotDetected = React.useCallback(function () {
|
|
13903
13861
|
setCaptureState('CHECKING_LIVENESS');
|
|
13904
13862
|
}, []);
|
|
13905
|
-
var
|
|
13906
|
-
attempt =
|
|
13907
|
-
setAttempt =
|
|
13863
|
+
var _s = React.useState(0),
|
|
13864
|
+
attempt = _s[0],
|
|
13865
|
+
setAttempt = _s[1];
|
|
13908
13866
|
var onRetry = React.useCallback(function () {
|
|
13909
13867
|
onRetryClicked === null || onRetryClicked === void 0 ? void 0 : onRetryClicked();
|
|
13910
13868
|
setAttempt(function (n) {
|
|
@@ -13941,8 +13899,6 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
|
13941
13899
|
}, [faceLivenessOnLoadingOverlayDismissed, onLoadingOverlayDismissed]);
|
|
13942
13900
|
return /*#__PURE__*/React__namespace.default.createElement(VideoSignatureContextProvider, {
|
|
13943
13901
|
captureAudio: captureAudio
|
|
13944
|
-
}, /*#__PURE__*/React__namespace.default.createElement(PageContainer, {
|
|
13945
|
-
className: "flex ".concat((_b = classNames === null || classNames === void 0 ? void 0 : classNames.container) !== null && _b !== void 0 ? _b : '')
|
|
13946
13902
|
}, /*#__PURE__*/React__namespace.default.createElement(CameraVideoTag, {
|
|
13947
13903
|
className: classNames.cameraFeed
|
|
13948
13904
|
}), function () {
|
|
@@ -13992,7 +13948,7 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
|
13992
13948
|
default:
|
|
13993
13949
|
return null;
|
|
13994
13950
|
}
|
|
13995
|
-
}())
|
|
13951
|
+
}());
|
|
13996
13952
|
};
|
|
13997
13953
|
function VideoSignatureWizardGuides(_a) {
|
|
13998
13954
|
var status = _a.status,
|
|
@@ -14158,7 +14114,7 @@ var IdVideoCaptureGuides = function IdVideoCaptureGuides(_a) {
|
|
|
14158
14114
|
"$background": (_y = (_x = theme.idVideoCapture) === null || _x === void 0 ? void 0 : _x.idCardGuides) === null || _y === void 0 ? void 0 : _y.instructionsBackgroundColor
|
|
14159
14115
|
}, instructionText))))));
|
|
14160
14116
|
};
|
|
14161
|
-
var Container = styled__default.default.div(templateObject_1$7 || (templateObject_1$7 = __makeTemplateObject(["\n display: flex;\n max-height: 100%;\n position: absolute;\n z-index: 1000;\n
|
|
14117
|
+
var Container = styled__default.default.div(templateObject_1$7 || (templateObject_1$7 = __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) {
|
|
14162
14118
|
var _a;
|
|
14163
14119
|
return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
|
|
14164
14120
|
});
|
|
@@ -14166,7 +14122,7 @@ var Inner = styled__default.default.div(templateObject_2$7 || (templateObject_2$
|
|
|
14166
14122
|
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"])));
|
|
14167
14123
|
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"])));
|
|
14168
14124
|
var IdCardGuideInner = styled__default.default.div(templateObject_5$1 || (templateObject_5$1 = __makeTemplateObject(["\n position: relative;\n height: 100%;\n width: 100%;\n"], ["\n position: relative;\n height: 100%;\n width: 100%;\n"])));
|
|
14169
|
-
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 padding: 0 40px;\n position:
|
|
14125
|
+
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 padding: 0 40px;\n position: absolute;\n bottom: 14px;\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 padding: 0 40px;\n position: absolute;\n bottom: 14px;\n left: 0;\n right: 0;\n box-sizing: border-box;\n"])));
|
|
14170
14126
|
var IdCardGuideInstructions = styled__default.default(GuidanceMessage)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n align-content: center;\n margin: 12px auto;\n padding: 8px 12px;\n font-weight: bold;\n font-size: 18px;\n"], ["\n align-content: center;\n margin: 12px auto;\n padding: 8px 12px;\n font-weight: bold;\n font-size: 18px;\n"])));
|
|
14171
14127
|
var templateObject_1$7, templateObject_2$7, templateObject_3$7, templateObject_4$2, templateObject_5$1, templateObject_6$1, templateObject_7;
|
|
14172
14128
|
|
|
@@ -14258,7 +14214,7 @@ var ReadTextPromptText = styled__default.default.div(templateObject_3$6 || (temp
|
|
|
14258
14214
|
var _a, _b, _c, _d, _e, _f;
|
|
14259
14215
|
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, ";") : "";
|
|
14260
14216
|
});
|
|
14261
|
-
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"])));
|
|
14217
|
+
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"])));
|
|
14262
14218
|
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) {
|
|
14263
14219
|
var _a, _b, _c, _d, _e, _f;
|
|
14264
14220
|
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, ";") : "";
|
|
@@ -14307,103 +14263,103 @@ var defaultVideoIdCaptureThresholds = {
|
|
|
14307
14263
|
flipShortcutThreshold: 0.7
|
|
14308
14264
|
};
|
|
14309
14265
|
var IdVideoCapture = function IdVideoCapture(_a) {
|
|
14310
|
-
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u
|
|
14266
|
+
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
|
|
14311
14267
|
var onComplete = _a.onComplete,
|
|
14312
14268
|
onIdFrontImageCaptured = _a.onIdFrontImageCaptured,
|
|
14313
14269
|
onIdBackImageCaptured = _a.onIdBackImageCaptured,
|
|
14314
14270
|
onFaceNotDetected = _a.onFaceNotDetected,
|
|
14315
14271
|
onRecordingFailed = _a.onRecordingFailed,
|
|
14316
14272
|
onExitCapture = _a.onExitCapture,
|
|
14317
|
-
|
|
14318
|
-
idCaptureModelsEnabled =
|
|
14319
|
-
|
|
14320
|
-
idDocumentType =
|
|
14321
|
-
|
|
14322
|
-
idCaptureGuideImages =
|
|
14323
|
-
|
|
14324
|
-
idCardFrontDelay =
|
|
14325
|
-
|
|
14326
|
-
videoIdCaptureThresholds =
|
|
14327
|
-
|
|
14328
|
-
skipShowIdCardBack =
|
|
14329
|
-
|
|
14330
|
-
captureCountdownSeconds =
|
|
14273
|
+
_v = _a.idCaptureModelsEnabled,
|
|
14274
|
+
idCaptureModelsEnabled = _v === void 0 ? true : _v,
|
|
14275
|
+
_w = _a.idDocumentType,
|
|
14276
|
+
idDocumentType = _w === void 0 ? 'idCard' : _w,
|
|
14277
|
+
_x = _a.idCaptureGuideImages,
|
|
14278
|
+
idCaptureGuideImages = _x === void 0 ? defaultIdCaptureGuideImages : _x,
|
|
14279
|
+
_y = _a.idCardFrontDelay,
|
|
14280
|
+
idCardFrontDelay = _y === void 0 ? 1000 : _y,
|
|
14281
|
+
_z = _a.videoIdCaptureThresholds,
|
|
14282
|
+
videoIdCaptureThresholds = _z === void 0 ? defaultVideoIdCaptureThresholds : _z,
|
|
14283
|
+
_0 = _a.skipShowIdCardBack,
|
|
14284
|
+
skipShowIdCardBack = _0 === void 0 ? false : _0,
|
|
14285
|
+
_1 = _a.captureCountdownSeconds,
|
|
14286
|
+
captureCountdownSeconds = _1 === void 0 ? 3 : _1,
|
|
14331
14287
|
readTextPrompt = _a.readTextPrompt,
|
|
14332
|
-
|
|
14333
|
-
readTextTimeoutDurationMs =
|
|
14334
|
-
|
|
14335
|
-
readTextMinReadingMs =
|
|
14336
|
-
|
|
14337
|
-
disableFaceDetectionWhileAudioCapture =
|
|
14338
|
-
|
|
14339
|
-
disableFaceDetectionWhileAudioCaptureMsDelay =
|
|
14340
|
-
|
|
14341
|
-
mergeAVStreams =
|
|
14342
|
-
|
|
14343
|
-
classNames =
|
|
14344
|
-
|
|
14345
|
-
colors =
|
|
14346
|
-
|
|
14347
|
-
rawVerbiage =
|
|
14348
|
-
|
|
14349
|
-
debugMode =
|
|
14350
|
-
var
|
|
14351
|
-
ref =
|
|
14352
|
-
|
|
14353
|
-
width =
|
|
14354
|
-
|
|
14355
|
-
height =
|
|
14356
|
-
var
|
|
14357
|
-
camera =
|
|
14358
|
-
videoRef =
|
|
14359
|
-
videoLoaded =
|
|
14360
|
-
cameraReady =
|
|
14361
|
-
microphoneReady =
|
|
14362
|
-
audioStream =
|
|
14363
|
-
isRearFacing =
|
|
14364
|
-
releaseCameraAccess =
|
|
14365
|
-
var
|
|
14366
|
-
detectedObjects =
|
|
14367
|
-
setDetectedObjects =
|
|
14368
|
-
var
|
|
14369
|
-
face =
|
|
14370
|
-
setFace =
|
|
14371
|
-
var
|
|
14372
|
-
idModelsReady =
|
|
14373
|
-
startIdModels =
|
|
14374
|
-
stopIdModels =
|
|
14375
|
-
onIdPredictionMade =
|
|
14376
|
-
setThresholds =
|
|
14377
|
-
setRequiredDocumentType =
|
|
14378
|
-
setDocumentDetectionBoundaries =
|
|
14379
|
-
bestFrameDetails =
|
|
14380
|
-
resetBestFrame =
|
|
14381
|
-
idModelError =
|
|
14382
|
-
var
|
|
14383
|
-
videoStartsAt =
|
|
14384
|
-
setVideoStartsAt =
|
|
14385
|
-
var
|
|
14386
|
-
setIdCaptureVideoAudioStartsAt =
|
|
14387
|
-
setExpectedAudioText =
|
|
14388
|
-
var
|
|
14389
|
-
startSelfieGuidance =
|
|
14390
|
-
stopSelfieGuidance =
|
|
14391
|
-
onSelfiePredictionMade =
|
|
14392
|
-
selfieModelError =
|
|
14393
|
-
var
|
|
14394
|
-
isRecordingVideo =
|
|
14395
|
-
startRecordingVideo =
|
|
14396
|
-
startRecordingAudio =
|
|
14397
|
-
stopRecordingVideo =
|
|
14398
|
-
stopRecordingAudio =
|
|
14399
|
-
videoRecordingUnintentionallyStopped =
|
|
14400
|
-
audioRecordingUnintentionallyStopped =
|
|
14401
|
-
videoUrl =
|
|
14402
|
-
audioUrl =
|
|
14288
|
+
_2 = _a.readTextTimeoutDurationMs,
|
|
14289
|
+
readTextTimeoutDurationMs = _2 === void 0 ? 15000 : _2,
|
|
14290
|
+
_3 = _a.readTextMinReadingMs,
|
|
14291
|
+
readTextMinReadingMs = _3 === void 0 ? 10000 : _3,
|
|
14292
|
+
_4 = _a.disableFaceDetectionWhileAudioCapture,
|
|
14293
|
+
disableFaceDetectionWhileAudioCapture = _4 === void 0 ? false : _4,
|
|
14294
|
+
_5 = _a.disableFaceDetectionWhileAudioCaptureMsDelay,
|
|
14295
|
+
disableFaceDetectionWhileAudioCaptureMsDelay = _5 === void 0 ? 2000 : _5,
|
|
14296
|
+
_6 = _a.mergeAVStreams,
|
|
14297
|
+
mergeAVStreams = _6 === void 0 ? false : _6,
|
|
14298
|
+
_7 = _a.classNames,
|
|
14299
|
+
classNames = _7 === void 0 ? {} : _7,
|
|
14300
|
+
_8 = _a.colors,
|
|
14301
|
+
colors = _8 === void 0 ? {} : _8,
|
|
14302
|
+
_9 = _a.verbiage,
|
|
14303
|
+
rawVerbiage = _9 === void 0 ? {} : _9,
|
|
14304
|
+
_10 = _a.debugMode,
|
|
14305
|
+
debugMode = _10 === void 0 ? false : _10;
|
|
14306
|
+
var _11 = useResizeObserver(),
|
|
14307
|
+
ref = _11.ref,
|
|
14308
|
+
_12 = _11.width,
|
|
14309
|
+
width = _12 === void 0 ? 1 : _12,
|
|
14310
|
+
_13 = _11.height,
|
|
14311
|
+
height = _13 === void 0 ? 1 : _13;
|
|
14312
|
+
var _14 = useCameraStore(),
|
|
14313
|
+
camera = _14.camera,
|
|
14314
|
+
videoRef = _14.videoRef,
|
|
14315
|
+
videoLoaded = _14.videoLoaded,
|
|
14316
|
+
cameraReady = _14.cameraReady,
|
|
14317
|
+
microphoneReady = _14.microphoneReady,
|
|
14318
|
+
audioStream = _14.audioStream,
|
|
14319
|
+
isRearFacing = _14.isRearFacing,
|
|
14320
|
+
releaseCameraAccess = _14.releaseCameraAccess;
|
|
14321
|
+
var _15 = React.useState([]),
|
|
14322
|
+
detectedObjects = _15[0],
|
|
14323
|
+
setDetectedObjects = _15[1];
|
|
14324
|
+
var _16 = React.useState(null),
|
|
14325
|
+
face = _16[0],
|
|
14326
|
+
setFace = _16[1];
|
|
14327
|
+
var _17 = React.useContext(IdCaptureModelsContext),
|
|
14328
|
+
idModelsReady = _17.ready,
|
|
14329
|
+
startIdModels = _17.start,
|
|
14330
|
+
stopIdModels = _17.stop,
|
|
14331
|
+
onIdPredictionMade = _17.onPredictionMade,
|
|
14332
|
+
setThresholds = _17.setThresholds,
|
|
14333
|
+
setRequiredDocumentType = _17.setRequiredDocumentType,
|
|
14334
|
+
setDocumentDetectionBoundaries = _17.setDocumentDetectionBoundaries,
|
|
14335
|
+
bestFrameDetails = _17.bestFrameDetails,
|
|
14336
|
+
resetBestFrame = _17.resetBestFrame,
|
|
14337
|
+
idModelError = _17.modelError;
|
|
14338
|
+
var _18 = React.useState(null),
|
|
14339
|
+
videoStartsAt = _18[0],
|
|
14340
|
+
setVideoStartsAt = _18[1];
|
|
14341
|
+
var _19 = React.useContext(SubmissionContext),
|
|
14342
|
+
setIdCaptureVideoAudioStartsAt = _19.setIdCaptureVideoAudioStartsAt,
|
|
14343
|
+
setExpectedAudioText = _19.setExpectedAudioText;
|
|
14344
|
+
var _20 = React.useContext(SelfieGuidanceModelsContext),
|
|
14345
|
+
startSelfieGuidance = _20.start,
|
|
14346
|
+
stopSelfieGuidance = _20.stop,
|
|
14347
|
+
onSelfiePredictionMade = _20.onPredictionMade,
|
|
14348
|
+
selfieModelError = _20.error;
|
|
14349
|
+
var _21 = useVideoRecorder(camera, audioStream, mergeAVStreams),
|
|
14350
|
+
isRecordingVideo = _21.isRecordingVideo,
|
|
14351
|
+
startRecordingVideo = _21.startRecordingVideo,
|
|
14352
|
+
startRecordingAudio = _21.startRecordingAudio,
|
|
14353
|
+
stopRecordingVideo = _21.stopRecordingVideo,
|
|
14354
|
+
stopRecordingAudio = _21.stopRecordingAudio,
|
|
14355
|
+
videoRecordingUnintentionallyStopped = _21.videoRecordingUnintentionallyStopped,
|
|
14356
|
+
audioRecordingUnintentionallyStopped = _21.audioRecordingUnintentionallyStopped,
|
|
14357
|
+
videoUrl = _21.videoUrl,
|
|
14358
|
+
audioUrl = _21.audioUrl;
|
|
14403
14359
|
var countdownTimeoutRef = React.useRef(undefined);
|
|
14404
|
-
var
|
|
14405
|
-
countdownRemaining =
|
|
14406
|
-
setCountdownRemaining =
|
|
14360
|
+
var _22 = React.useState(-1),
|
|
14361
|
+
countdownRemaining = _22[0],
|
|
14362
|
+
setCountdownRemaining = _22[1];
|
|
14407
14363
|
React.useEffect(function () {
|
|
14408
14364
|
if (!isRecordingVideo && !videoUrl) {
|
|
14409
14365
|
startRecordingVideo();
|
|
@@ -14423,9 +14379,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
14423
14379
|
onRecordingFailed === null || onRecordingFailed === void 0 ? void 0 : onRecordingFailed();
|
|
14424
14380
|
}
|
|
14425
14381
|
}, [audioRecordingUnintentionallyStopped, microphoneReady, onRecordingFailed, readTextPrompt, videoRecordingUnintentionallyStopped]);
|
|
14426
|
-
var
|
|
14427
|
-
requestedAction =
|
|
14428
|
-
setRequestedAction =
|
|
14382
|
+
var _23 = React.useState(idDocumentType === 'idCard' ? 'SHOW_ID_FRONT' : 'SHOW_PASSPORT'),
|
|
14383
|
+
requestedAction = _23[0],
|
|
14384
|
+
setRequestedAction = _23[1];
|
|
14429
14385
|
var shouldRunIdModels = idCaptureModelsEnabled && videoLoaded && cameraReady && idModelsReady && !idModelError && requestedAction !== 'READ_TEXT' && (!readTextPrompt || microphoneReady);
|
|
14430
14386
|
React.useEffect(function startModelsWhenCapturing() {
|
|
14431
14387
|
if (!shouldRunIdModels) return;
|
|
@@ -14464,23 +14420,23 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
14464
14420
|
bottom: 0
|
|
14465
14421
|
});
|
|
14466
14422
|
}, [setDocumentDetectionBoundaries]);
|
|
14467
|
-
var
|
|
14468
|
-
currentDetectionScore =
|
|
14469
|
-
setCurrentDetectionScore =
|
|
14470
|
-
var
|
|
14471
|
-
currentDetectedDocumentType =
|
|
14472
|
-
setCurrentDetectedDocumentType =
|
|
14423
|
+
var _24 = React.useState(0),
|
|
14424
|
+
currentDetectionScore = _24[0],
|
|
14425
|
+
setCurrentDetectionScore = _24[1];
|
|
14426
|
+
var _25 = React.useState('none'),
|
|
14427
|
+
currentDetectedDocumentType = _25[0],
|
|
14428
|
+
setCurrentDetectedDocumentType = _25[1];
|
|
14429
|
+
var _26 = React.useState(0),
|
|
14430
|
+
currentFocusScore = _26[0],
|
|
14431
|
+
setCurrentFocusScore = _26[1];
|
|
14473
14432
|
var _27 = React.useState(0),
|
|
14474
|
-
|
|
14475
|
-
|
|
14476
|
-
var _28 = React.useState(0),
|
|
14477
|
-
goodFramesCount = _28[0],
|
|
14478
|
-
setGoodFramesCount = _28[1];
|
|
14433
|
+
goodFramesCount = _27[0],
|
|
14434
|
+
setGoodFramesCount = _27[1];
|
|
14479
14435
|
var goodFramesThreshold = requestedAction === 'SHOW_PASSPORT' ? adjustedThresholds.goodFrames.passport : requestedAction === 'SHOW_ID_FRONT' ? adjustedThresholds.goodFrames.idCardFront : adjustedThresholds.goodFrames.idCardBack;
|
|
14480
14436
|
var goodFramesThresholdMet = goodFramesCount >= goodFramesThreshold;
|
|
14481
|
-
var
|
|
14482
|
-
isSinglePage =
|
|
14483
|
-
setIsSinglePage =
|
|
14437
|
+
var _28 = React.useState(false),
|
|
14438
|
+
isSinglePage = _28[0],
|
|
14439
|
+
setIsSinglePage = _28[1];
|
|
14484
14440
|
React.useEffect(function () {
|
|
14485
14441
|
if (!idCaptureModelsEnabled || idModelError) return;
|
|
14486
14442
|
onIdPredictionMade(function (prediction) {
|
|
@@ -14500,9 +14456,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
14500
14456
|
} : 0);
|
|
14501
14457
|
});
|
|
14502
14458
|
}, [idCaptureModelsEnabled, onIdPredictionMade, idModelError, requestedAction, adjustedThresholds.flipShortcutThreshold]);
|
|
14503
|
-
var
|
|
14504
|
-
idFrontCaptureStartedAt =
|
|
14505
|
-
setFirstGoodFrameTime =
|
|
14459
|
+
var _29 = React.useState(null),
|
|
14460
|
+
idFrontCaptureStartedAt = _29[0],
|
|
14461
|
+
setFirstGoodFrameTime = _29[1];
|
|
14506
14462
|
React.useEffect(function () {
|
|
14507
14463
|
if (goodFramesCount === 1) setFirstGoodFrameTime(new Date().getTime());
|
|
14508
14464
|
}, [goodFramesCount]);
|
|
@@ -14523,9 +14479,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
14523
14479
|
var frameHeight = (_e = (_d = videoRef.current) === null || _d === void 0 ? void 0 : _d.videoHeight) !== null && _e !== void 0 ? _e : 0;
|
|
14524
14480
|
var faceBox = face === null || face === void 0 ? void 0 : face.box;
|
|
14525
14481
|
var faceCentered = !faceBox || !frameWidth || faceBox.xMin > frameWidth * edgeBoundary && faceBox.yMin > frameHeight * edgeBoundary && faceBox.xMax < frameWidth * (1 - edgeBoundary) && faceBox.yMax < frameHeight * (1 - edgeBoundary);
|
|
14526
|
-
var
|
|
14527
|
-
countdownStartedAt =
|
|
14528
|
-
setCountdownStartedAt =
|
|
14482
|
+
var _30 = React.useState(),
|
|
14483
|
+
countdownStartedAt = _30[0],
|
|
14484
|
+
setCountdownStartedAt = _30[1];
|
|
14529
14485
|
var photoCanvas = React.useRef(null);
|
|
14530
14486
|
var frameLock = React.useRef(false);
|
|
14531
14487
|
var captureFrame = React.useCallback(function () {
|
|
@@ -14635,9 +14591,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
14635
14591
|
stopSelfieGuidance();
|
|
14636
14592
|
};
|
|
14637
14593
|
}, [startSelfieGuidance, stopSelfieGuidance]);
|
|
14638
|
-
var
|
|
14639
|
-
numFramesWithoutFaces =
|
|
14640
|
-
setNumFramesWithoutFaces =
|
|
14594
|
+
var _31 = React.useState(0),
|
|
14595
|
+
numFramesWithoutFaces = _31[0],
|
|
14596
|
+
setNumFramesWithoutFaces = _31[1];
|
|
14641
14597
|
onSelfiePredictionMade(useDebounce.useThrottledCallback(React.useCallback(function (_a) {
|
|
14642
14598
|
var face = _a.face;
|
|
14643
14599
|
if (selfieModelError) return;
|
|
@@ -14653,12 +14609,12 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
14653
14609
|
}
|
|
14654
14610
|
}, [disableFaceDetectionWhileAudioCapture, disableFaceDetectionWhileAudioCaptureMsDelay, numFramesWithoutFaces, onFaceNotDetected, timeoutStartedAt]);
|
|
14655
14611
|
var theme = styled.useTheme();
|
|
14656
|
-
var
|
|
14612
|
+
var _32 = useTranslations(rawVerbiage, {
|
|
14657
14613
|
faceNotCenteredText: 'Please move your face to the center...',
|
|
14658
14614
|
captureBtnText: 'Capture'
|
|
14659
14615
|
}),
|
|
14660
|
-
captureBtnText =
|
|
14661
|
-
faceNotCenteredText =
|
|
14616
|
+
captureBtnText = _32.captureBtnText,
|
|
14617
|
+
faceNotCenteredText = _32.faceNotCenteredText;
|
|
14662
14618
|
var debugScalingDetails = useDebugScalingDetails({
|
|
14663
14619
|
enabled: debugMode,
|
|
14664
14620
|
pageWidth: width,
|
|
@@ -14668,9 +14624,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
14668
14624
|
});
|
|
14669
14625
|
var capturingId = ['SHOW_ID_FRONT', 'SHOW_ID_BACK', 'SHOW_PASSPORT'].includes(requestedAction);
|
|
14670
14626
|
var guidanceText = !faceCentered ? faceNotCenteredText : undefined;
|
|
14671
|
-
return /*#__PURE__*/React__namespace.default.createElement(
|
|
14627
|
+
return /*#__PURE__*/React__namespace.default.createElement(SdkPage, {
|
|
14672
14628
|
ref: ref,
|
|
14673
|
-
className:
|
|
14629
|
+
className: classNames.container
|
|
14674
14630
|
}, /*#__PURE__*/React__namespace.default.createElement(InvisibleCanvas, {
|
|
14675
14631
|
ref: photoCanvas
|
|
14676
14632
|
}), requestedAction === 'READ_TEXT' ? ( /*#__PURE__*/React__namespace.default.createElement(ReadTextPrompt, {
|
|
@@ -14709,9 +14665,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
14709
14665
|
className: classNames.guidanceMessageContainer
|
|
14710
14666
|
}, /*#__PURE__*/React__namespace.default.createElement(GuidanceMessage, {
|
|
14711
14667
|
className: classNames.guidanceMessage,
|
|
14712
|
-
"$background": (
|
|
14713
|
-
"$textColor": (
|
|
14714
|
-
}, 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:", ' ', (
|
|
14668
|
+
"$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',
|
|
14669
|
+
"$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'
|
|
14670
|
+
}, 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, {
|
|
14715
14671
|
className: classNames.countdownContainer
|
|
14716
14672
|
}, /*#__PURE__*/React__namespace.default.createElement(Countdown, {
|
|
14717
14673
|
className: classNames.countdown
|
|
@@ -14729,9 +14685,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
14729
14685
|
className: classNames.exitCaptureBtn
|
|
14730
14686
|
}));
|
|
14731
14687
|
};
|
|
14732
|
-
var CountdownContainer = styled__default.default.div(templateObject_1$5 || (templateObject_1$5 = __makeTemplateObject(["\n position:
|
|
14688
|
+
var CountdownContainer = styled__default.default.div(templateObject_1$5 || (templateObject_1$5 = __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"])));
|
|
14733
14689
|
var Countdown = styled__default.default.div(templateObject_2$5 || (templateObject_2$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"])));
|
|
14734
|
-
var CaptureButtonContainer = styled__default.default.div(templateObject_3$5 || (templateObject_3$5 = __makeTemplateObject(["\n position:
|
|
14690
|
+
var CaptureButtonContainer = styled__default.default.div(templateObject_3$5 || (templateObject_3$5 = __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"])));
|
|
14735
14691
|
var CaptureButton = styled__default.default(LoaderButton)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n margin: 0 auto 25px;\n"], ["\n margin: 0 auto 25px;\n"])));
|
|
14736
14692
|
function evaluateShouldSkip(value) {
|
|
14737
14693
|
if (value === true) return true;
|
|
@@ -14839,7 +14795,7 @@ var IdVideoCaptureSuccess = function IdVideoCaptureSuccess(_a) {
|
|
|
14839
14795
|
})) : ( /*#__PURE__*/React__namespace.default.createElement("img", {
|
|
14840
14796
|
src: idBackImageUrl,
|
|
14841
14797
|
alt: "ID Back Image"
|
|
14842
|
-
}))), /*#__PURE__*/React__namespace.default.createElement(ButtonsRow, {
|
|
14798
|
+
}))), /*#__PURE__*/React__namespace.default.createElement(ButtonsRow$2, {
|
|
14843
14799
|
className: classNames.buttonsRow
|
|
14844
14800
|
}, /*#__PURE__*/React__namespace.default.createElement(LoaderButton, {
|
|
14845
14801
|
variant: "warning",
|
|
@@ -14864,7 +14820,7 @@ var AssetSelectorOption = styled__default.default.div(templateObject_3$4 || (tem
|
|
|
14864
14820
|
var templateObject_1$4, templateObject_2$4, templateObject_3$4;
|
|
14865
14821
|
|
|
14866
14822
|
var VideoIdWizard = function VideoIdWizard(_a) {
|
|
14867
|
-
var _b, _c, _d, _e, _f, _g, _h, _j
|
|
14823
|
+
var _b, _c, _d, _e, _f, _g, _h, _j;
|
|
14868
14824
|
var onComplete = _a.onComplete,
|
|
14869
14825
|
onExitCapture = _a.onExitCapture,
|
|
14870
14826
|
onExitAfterFailure = _a.onExitAfterFailure,
|
|
@@ -14873,73 +14829,73 @@ var VideoIdWizard = function VideoIdWizard(_a) {
|
|
|
14873
14829
|
onCameraAccessDenied = _a.onCameraAccessDenied,
|
|
14874
14830
|
onCameraTamperingDetected = _a.onCameraTamperingDetected,
|
|
14875
14831
|
onMicrophoneAccessDenied = _a.onMicrophoneAccessDenied,
|
|
14876
|
-
|
|
14877
|
-
idCaptureProps =
|
|
14878
|
-
|
|
14879
|
-
faceLivenessProps =
|
|
14880
|
-
|
|
14881
|
-
idCaptureModelsEnabled =
|
|
14882
|
-
|
|
14883
|
-
videoIdCaptureThresholds =
|
|
14832
|
+
_k = _a.idCaptureProps,
|
|
14833
|
+
idCaptureProps = _k === void 0 ? {} : _k,
|
|
14834
|
+
_l = _a.faceLivenessProps,
|
|
14835
|
+
faceLivenessProps = _l === void 0 ? {} : _l,
|
|
14836
|
+
_m = _a.idCaptureModelsEnabled,
|
|
14837
|
+
idCaptureModelsEnabled = _m === void 0 ? true : _m,
|
|
14838
|
+
_o = _a.videoIdCaptureThresholds,
|
|
14839
|
+
videoIdCaptureThresholds = _o === void 0 ? defaultVideoIdCaptureThresholds : _o,
|
|
14884
14840
|
readTextPrompt = _a.readTextPrompt,
|
|
14885
14841
|
readTextTimeoutDurationMs = _a.readTextTimeoutDurationMs,
|
|
14886
14842
|
readTextMinReadingMs = _a.readTextMinReadingMs,
|
|
14887
|
-
|
|
14888
|
-
skipIdCapture =
|
|
14889
|
-
|
|
14890
|
-
skipShowIdCardBack =
|
|
14891
|
-
|
|
14892
|
-
skipSuccessScreen =
|
|
14893
|
-
|
|
14894
|
-
idCaptureLoadingOverlayMode =
|
|
14843
|
+
_p = _a.skipIdCapture,
|
|
14844
|
+
skipIdCapture = _p === void 0 ? false : _p,
|
|
14845
|
+
_q = _a.skipShowIdCardBack,
|
|
14846
|
+
skipShowIdCardBack = _q === void 0 ? false : _q,
|
|
14847
|
+
_r = _a.skipSuccessScreen,
|
|
14848
|
+
skipSuccessScreen = _r === void 0 ? false : _r,
|
|
14849
|
+
_s = _a.idCaptureLoadingOverlayMode,
|
|
14850
|
+
idCaptureLoadingOverlayMode = _s === void 0 ? 'default' : _s,
|
|
14895
14851
|
customOverlayContent = _a.customOverlayContent,
|
|
14896
14852
|
onLoadingOverlayDismissed = _a.onLoadingOverlayDismissed,
|
|
14897
|
-
|
|
14898
|
-
idDocumentType =
|
|
14899
|
-
|
|
14900
|
-
idCaptureGuideType =
|
|
14901
|
-
|
|
14902
|
-
idCaptureGuideImages =
|
|
14903
|
-
|
|
14904
|
-
idCapturePortraitGuidesOnMobile =
|
|
14905
|
-
|
|
14906
|
-
idCaptureRotateLoadingOverlayImageWhenPortrait =
|
|
14907
|
-
|
|
14908
|
-
idCaptureModelLoadTimeoutMs =
|
|
14909
|
-
|
|
14910
|
-
faceLivenessLoadingOverlayMode =
|
|
14911
|
-
|
|
14912
|
-
disableFaceDetectionWhileAudioCapture =
|
|
14913
|
-
|
|
14914
|
-
disableFaceDetectionWhileAudioCaptureMsDelay =
|
|
14915
|
-
|
|
14916
|
-
silentFallback =
|
|
14917
|
-
|
|
14918
|
-
mergeAVStreams =
|
|
14919
|
-
|
|
14920
|
-
assets =
|
|
14921
|
-
|
|
14922
|
-
classNames =
|
|
14923
|
-
|
|
14924
|
-
colors =
|
|
14925
|
-
|
|
14926
|
-
verbiage =
|
|
14927
|
-
|
|
14928
|
-
debugMode =
|
|
14929
|
-
var
|
|
14930
|
-
passportImage =
|
|
14931
|
-
submissionStatus =
|
|
14932
|
-
idCaptureVideoUrl =
|
|
14933
|
-
idCaptureVideoAudioUrl =
|
|
14934
|
-
idCaptureVideoIdFrontImage =
|
|
14935
|
-
idCaptureVideoIdBackImage =
|
|
14936
|
-
setIdCaptureVideoUrl =
|
|
14937
|
-
setIdCaptureVideoIdFrontImage =
|
|
14938
|
-
setIdCaptureVideoIdBackImage =
|
|
14939
|
-
setIdCaptureVideoAudioUrl =
|
|
14940
|
-
var
|
|
14941
|
-
captureState =
|
|
14942
|
-
setCaptureState =
|
|
14853
|
+
_t = _a.idDocumentType,
|
|
14854
|
+
idDocumentType = _t === void 0 ? 'idCardOrPassport' : _t,
|
|
14855
|
+
_u = _a.idCaptureGuideType,
|
|
14856
|
+
idCaptureGuideType = _u === void 0 ? 'fit' : _u,
|
|
14857
|
+
_v = _a.idCaptureGuideImages,
|
|
14858
|
+
idCaptureGuideImages = _v === void 0 ? defaultIdCaptureGuideImages : _v,
|
|
14859
|
+
_w = _a.idCapturePortraitGuidesOnMobile,
|
|
14860
|
+
idCapturePortraitGuidesOnMobile = _w === void 0 ? true : _w,
|
|
14861
|
+
_x = _a.idCaptureRotateLoadingOverlayImageWhenPortrait,
|
|
14862
|
+
idCaptureRotateLoadingOverlayImageWhenPortrait = _x === void 0 ? true : _x,
|
|
14863
|
+
_y = _a.idCaptureModelLoadTimeoutMs,
|
|
14864
|
+
idCaptureModelLoadTimeoutMs = _y === void 0 ? defaultDocumentDetectionModelLoadTimeoutMs : _y,
|
|
14865
|
+
_z = _a.faceLivenessLoadingOverlayMode,
|
|
14866
|
+
faceLivenessLoadingOverlayMode = _z === void 0 ? 'default' : _z,
|
|
14867
|
+
_0 = _a.disableFaceDetectionWhileAudioCapture,
|
|
14868
|
+
disableFaceDetectionWhileAudioCapture = _0 === void 0 ? true : _0,
|
|
14869
|
+
_1 = _a.disableFaceDetectionWhileAudioCaptureMsDelay,
|
|
14870
|
+
disableFaceDetectionWhileAudioCaptureMsDelay = _1 === void 0 ? 2000 : _1,
|
|
14871
|
+
_2 = _a.silentFallback,
|
|
14872
|
+
silentFallback = _2 === void 0 ? false : _2,
|
|
14873
|
+
_3 = _a.mergeAVStreams,
|
|
14874
|
+
mergeAVStreams = _3 === void 0 ? false : _3,
|
|
14875
|
+
_4 = _a.assets,
|
|
14876
|
+
assets = _4 === void 0 ? {} : _4,
|
|
14877
|
+
_5 = _a.classNames,
|
|
14878
|
+
classNames = _5 === void 0 ? {} : _5,
|
|
14879
|
+
_6 = _a.colors,
|
|
14880
|
+
colors = _6 === void 0 ? {} : _6,
|
|
14881
|
+
_7 = _a.verbiage,
|
|
14882
|
+
verbiage = _7 === void 0 ? {} : _7,
|
|
14883
|
+
_8 = _a.debugMode,
|
|
14884
|
+
debugMode = _8 === void 0 ? false : _8;
|
|
14885
|
+
var _9 = React.useContext(SubmissionContext),
|
|
14886
|
+
passportImage = _9.passportImage,
|
|
14887
|
+
submissionStatus = _9.submissionStatus,
|
|
14888
|
+
idCaptureVideoUrl = _9.idCaptureVideoUrl,
|
|
14889
|
+
idCaptureVideoAudioUrl = _9.idCaptureVideoAudioUrl,
|
|
14890
|
+
idCaptureVideoIdFrontImage = _9.idCaptureVideoIdFrontImage,
|
|
14891
|
+
idCaptureVideoIdBackImage = _9.idCaptureVideoIdBackImage,
|
|
14892
|
+
setIdCaptureVideoUrl = _9.setIdCaptureVideoUrl,
|
|
14893
|
+
setIdCaptureVideoIdFrontImage = _9.setIdCaptureVideoIdFrontImage,
|
|
14894
|
+
setIdCaptureVideoIdBackImage = _9.setIdCaptureVideoIdBackImage,
|
|
14895
|
+
setIdCaptureVideoAudioUrl = _9.setIdCaptureVideoAudioUrl;
|
|
14896
|
+
var _10 = React.useState('CAPTURING_ID'),
|
|
14897
|
+
captureState = _10[0],
|
|
14898
|
+
setCaptureState = _10[1];
|
|
14943
14899
|
React.useEffect(function () {
|
|
14944
14900
|
if (skipIdCapture && captureState === 'CAPTURING_ID') setCaptureState('CHECKING_LIVENESS');
|
|
14945
14901
|
}, [captureState, skipIdCapture]);
|
|
@@ -14970,9 +14926,9 @@ var VideoIdWizard = function VideoIdWizard(_a) {
|
|
|
14970
14926
|
var onVideoCaptureFaceNotDetected = React.useCallback(function () {
|
|
14971
14927
|
setCaptureState('CHECKING_LIVENESS');
|
|
14972
14928
|
}, []);
|
|
14973
|
-
var
|
|
14974
|
-
attempt =
|
|
14975
|
-
setAttempt =
|
|
14929
|
+
var _11 = React.useState(0),
|
|
14930
|
+
attempt = _11[0],
|
|
14931
|
+
setAttempt = _11[1];
|
|
14976
14932
|
var userSuppliedExitAfterFailure = onExitAfterFailure !== null && onExitAfterFailure !== void 0 ? onExitAfterFailure : faceLivenessProps.onExitAfterFailure;
|
|
14977
14933
|
var onFaceCaptureExitAfterFailure = React.useCallback(function (resp, req) {
|
|
14978
14934
|
userSuppliedExitAfterFailure === null || userSuppliedExitAfterFailure === void 0 ? void 0 : userSuppliedExitAfterFailure(resp, req);
|
|
@@ -15018,11 +14974,6 @@ var VideoIdWizard = function VideoIdWizard(_a) {
|
|
|
15018
14974
|
idCardGuideStatus: "disabled"
|
|
15019
14975
|
});
|
|
15020
14976
|
}, [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]);
|
|
15021
|
-
if (submissionStatus === SubmissionStatus.SUBMITTING) {
|
|
15022
|
-
return /*#__PURE__*/React__namespace.default.createElement(PageContainer, {
|
|
15023
|
-
className: "flex"
|
|
15024
|
-
}, /*#__PURE__*/React__namespace.default.createElement(Spinner, null));
|
|
15025
|
-
}
|
|
15026
14977
|
return /*#__PURE__*/React__namespace.default.createElement(CameraStoreProvider, {
|
|
15027
14978
|
preferIphoneContinuityCamera: isCapturingId,
|
|
15028
14979
|
preferFrontFacingCamera: !isCapturingId,
|
|
@@ -15046,11 +14997,9 @@ var VideoIdWizard = function VideoIdWizard(_a) {
|
|
|
15046
14997
|
onModelError: faceLivenessProps === null || faceLivenessProps === void 0 ? void 0 : faceLivenessProps.onModelError,
|
|
15047
14998
|
modelLoadTimeoutMs: faceLivenessProps === null || faceLivenessProps === void 0 ? void 0 : faceLivenessProps.modelLoadTimeoutMs,
|
|
15048
14999
|
requireVerticalFaceCentering: false
|
|
15049
|
-
}, /*#__PURE__*/React__namespace.default.createElement(
|
|
15050
|
-
className: "flex ".concat((_k = classNames.container) !== null && _k !== void 0 ? _k : '')
|
|
15051
|
-
}, ['CHECKING_LIVENESS', 'CAPTURING_VIDEO'].includes(captureState) && /*#__PURE__*/React__namespace.default.createElement(CameraVideoTag, {
|
|
15000
|
+
}, ['CHECKING_LIVENESS', 'CAPTURING_VIDEO'].includes(captureState) && ( /*#__PURE__*/React__namespace.default.createElement(CameraVideoTag, {
|
|
15052
15001
|
className: classNames.cameraFeed
|
|
15053
|
-
}), function () {
|
|
15002
|
+
})), function () {
|
|
15054
15003
|
switch (captureState) {
|
|
15055
15004
|
case 'CAPTURING_ID':
|
|
15056
15005
|
return /*#__PURE__*/React__namespace.default.createElement(IdCaptureStateProvider, null, /*#__PURE__*/React__namespace.default.createElement(GuideOrientationContextProvider, null, /*#__PURE__*/React__namespace.default.createElement(IdCaptureWizard, _assign({
|
|
@@ -15140,7 +15089,7 @@ var VideoIdWizard = function VideoIdWizard(_a) {
|
|
|
15140
15089
|
default:
|
|
15141
15090
|
return /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null);
|
|
15142
15091
|
}
|
|
15143
|
-
}())))
|
|
15092
|
+
}())));
|
|
15144
15093
|
};
|
|
15145
15094
|
|
|
15146
15095
|
function CompositeWizard(_a) {
|
|
@@ -15266,9 +15215,7 @@ function CompositeWizard(_a) {
|
|
|
15266
15215
|
if (isComplete) {
|
|
15267
15216
|
switch (submissionStatus) {
|
|
15268
15217
|
case SubmissionStatus.SUBMITTING:
|
|
15269
|
-
return /*#__PURE__*/React__namespace.default.createElement(
|
|
15270
|
-
className: "flex"
|
|
15271
|
-
}, /*#__PURE__*/React__namespace.default.createElement(Spinner, null));
|
|
15218
|
+
return /*#__PURE__*/React__namespace.default.createElement(SpinnerPage, null);
|
|
15272
15219
|
case SubmissionStatus.SUBMITTED:
|
|
15273
15220
|
if (debugMode) return /*#__PURE__*/React__namespace.default.createElement(SubmissionSuccess, null);
|
|
15274
15221
|
return /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null);
|
|
@@ -15792,6 +15739,8 @@ var IdValidation = function IdValidation(_a) {
|
|
|
15792
15739
|
geolocationEnabled: geolocationEnabled,
|
|
15793
15740
|
geolocationRequired: geolocationRequired,
|
|
15794
15741
|
useDocumentServiceForLivenessChecks: useDocumentServiceForLivenessChecks
|
|
15742
|
+
}, /*#__PURE__*/React__namespace.default.createElement(SdkPage, {
|
|
15743
|
+
className: classNames === null || classNames === void 0 ? void 0 : classNames.container
|
|
15795
15744
|
}, /*#__PURE__*/React__namespace.default.createElement(CompositeWizard, {
|
|
15796
15745
|
checks: React.useMemo(function () {
|
|
15797
15746
|
return ['IdCapture'];
|
|
@@ -15805,7 +15754,7 @@ var IdValidation = function IdValidation(_a) {
|
|
|
15805
15754
|
onCameraAccessDenied: onCameraAccessDenied,
|
|
15806
15755
|
onCameraTamperingDetected: onCameraTamperingDetected,
|
|
15807
15756
|
debugMode: debugMode
|
|
15808
|
-
}))));
|
|
15757
|
+
})))));
|
|
15809
15758
|
};
|
|
15810
15759
|
|
|
15811
15760
|
/** Render a fullscreen capture component that analyzes frames from the user's front-facing camera to determine whether a live human face is present. */
|
|
@@ -15928,6 +15877,8 @@ var FaceValidation = function FaceValidation(_a) {
|
|
|
15928
15877
|
useDocumentServiceForLivenessChecks: useDocumentServiceForLivenessChecks,
|
|
15929
15878
|
estimateAge: estimateAge,
|
|
15930
15879
|
predictGender: predictGender
|
|
15880
|
+
}, /*#__PURE__*/React__namespace.default.createElement(SdkPage, {
|
|
15881
|
+
className: classNames === null || classNames === void 0 ? void 0 : classNames.container
|
|
15931
15882
|
}, /*#__PURE__*/React__namespace.default.createElement(CompositeWizard, {
|
|
15932
15883
|
checks: React.useMemo(function () {
|
|
15933
15884
|
return ['FaceLiveness'];
|
|
@@ -15936,7 +15887,7 @@ var FaceValidation = function FaceValidation(_a) {
|
|
|
15936
15887
|
onCameraAccessDenied: onCameraAccessDenied,
|
|
15937
15888
|
onCameraTamperingDetected: onCameraTamperingDetected,
|
|
15938
15889
|
debugMode: debugMode
|
|
15939
|
-
}))));
|
|
15890
|
+
})))));
|
|
15940
15891
|
};
|
|
15941
15892
|
|
|
15942
15893
|
/**
|
|
@@ -16185,6 +16136,8 @@ var IdAndFaceValidation = function IdAndFaceValidation(_a) {
|
|
|
16185
16136
|
geolocationEnabled: geolocationEnabled,
|
|
16186
16137
|
geolocationRequired: geolocationRequired,
|
|
16187
16138
|
useDocumentServiceForLivenessChecks: useDocumentServiceForLivenessChecks
|
|
16139
|
+
}, /*#__PURE__*/React__namespace.default.createElement(SdkPage, {
|
|
16140
|
+
className: classNames === null || classNames === void 0 ? void 0 : classNames.container
|
|
16188
16141
|
}, /*#__PURE__*/React__namespace.default.createElement(CompositeWizard, {
|
|
16189
16142
|
checks: checks,
|
|
16190
16143
|
idCaptureProps: idCaptureProps,
|
|
@@ -16197,7 +16150,7 @@ var IdAndFaceValidation = function IdAndFaceValidation(_a) {
|
|
|
16197
16150
|
onCameraAccessDenied: onCameraAccessDenied,
|
|
16198
16151
|
onCameraTamperingDetected: onCameraTamperingDetected,
|
|
16199
16152
|
debugMode: debugMode
|
|
16200
|
-
}))));
|
|
16153
|
+
})))));
|
|
16201
16154
|
};
|
|
16202
16155
|
|
|
16203
16156
|
/**
|
|
@@ -16470,6 +16423,8 @@ var CustomerIdAndBiometricsEnrollment = function CustomerIdAndBiometricsEnrollme
|
|
|
16470
16423
|
geolocationEnabled: geolocationEnabled,
|
|
16471
16424
|
geolocationRequired: geolocationRequired,
|
|
16472
16425
|
useDocumentServiceForLivenessChecks: useDocumentServiceForLivenessChecks
|
|
16426
|
+
}, /*#__PURE__*/React__namespace.default.createElement(SdkPage, {
|
|
16427
|
+
className: classNames === null || classNames === void 0 ? void 0 : classNames.container
|
|
16473
16428
|
}, /*#__PURE__*/React__namespace.default.createElement(CompositeWizard, {
|
|
16474
16429
|
checks: checks,
|
|
16475
16430
|
idCaptureProps: idCaptureProps,
|
|
@@ -16483,7 +16438,7 @@ var CustomerIdAndBiometricsEnrollment = function CustomerIdAndBiometricsEnrollme
|
|
|
16483
16438
|
onCameraAccessDenied: onCameraAccessDenied,
|
|
16484
16439
|
onCameraTamperingDetected: onCameraTamperingDetected,
|
|
16485
16440
|
debugMode: debugMode
|
|
16486
|
-
}))));
|
|
16441
|
+
})))));
|
|
16487
16442
|
};
|
|
16488
16443
|
|
|
16489
16444
|
var ALLOWED_RETRIES$3 = 0;
|
|
@@ -16726,8 +16681,8 @@ var CustomerVerificationSuccess = function CustomerVerificationSuccess(_a) {
|
|
|
16726
16681
|
}, verbiage.doneBtnText))));
|
|
16727
16682
|
};
|
|
16728
16683
|
var Heading$3 = styled__default.default.h3(templateObject_1$3 || (templateObject_1$3 = __makeTemplateObject(["\n margin-bottom: 24px;\n"], ["\n margin-bottom: 24px;\n"])));
|
|
16729
|
-
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"])));
|
|
16730
|
-
var StyledButtonsRow$3 = styled__default.default(ButtonsRow)(templateObject_3$3 || (templateObject_3$3 = __makeTemplateObject(["\n margin-top: 24px;\n"], ["\n margin-top: 24px;\n"])));
|
|
16684
|
+
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"])));
|
|
16685
|
+
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"])));
|
|
16731
16686
|
var templateObject_1$3, templateObject_2$3, templateObject_3$3;
|
|
16732
16687
|
|
|
16733
16688
|
var CustomerVerificationFailure = function CustomerVerificationFailure(_a) {
|
|
@@ -16778,13 +16733,12 @@ var CustomerVerificationFailure = function CustomerVerificationFailure(_a) {
|
|
|
16778
16733
|
}, verbiage.exitBtnText))));
|
|
16779
16734
|
};
|
|
16780
16735
|
var Heading$2 = styled__default.default.h3(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject(["\n margin-bottom: 24px;\n"], ["\n margin-bottom: 24px;\n"])));
|
|
16781
|
-
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"])));
|
|
16782
|
-
var StyledButtonsRow$2 = styled__default.default(ButtonsRow)(templateObject_3$2 || (templateObject_3$2 = __makeTemplateObject(["\n margin-top: 24px;\n"], ["\n margin-top: 24px;\n"])));
|
|
16736
|
+
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"])));
|
|
16737
|
+
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"])));
|
|
16783
16738
|
var templateObject_1$2, templateObject_2$2, templateObject_3$2;
|
|
16784
16739
|
|
|
16785
16740
|
var ALLOWED_RETRIES$2 = 2;
|
|
16786
16741
|
var CustomerVerificationWizard = function CustomerVerificationWizard(_a) {
|
|
16787
|
-
var _b;
|
|
16788
16742
|
var onComplete = _a.onComplete,
|
|
16789
16743
|
onCustomerMatched = _a.onCustomerMatched,
|
|
16790
16744
|
onCustomerNotMatched = _a.onCustomerNotMatched,
|
|
@@ -16793,33 +16747,33 @@ var CustomerVerificationWizard = function CustomerVerificationWizard(_a) {
|
|
|
16793
16747
|
onUserCancel = _a.onUserCancel,
|
|
16794
16748
|
onCaptureGuidanceTimeout = _a.onCaptureGuidanceTimeout,
|
|
16795
16749
|
captureGuidanceTimeoutDurationMs = _a.captureGuidanceTimeoutDurationMs,
|
|
16796
|
-
|
|
16797
|
-
skipSuccessScreen =
|
|
16798
|
-
|
|
16799
|
-
loadingOverlayMode =
|
|
16800
|
-
|
|
16801
|
-
assets =
|
|
16802
|
-
|
|
16803
|
-
classNames =
|
|
16804
|
-
|
|
16805
|
-
colors =
|
|
16806
|
-
|
|
16807
|
-
verbiage =
|
|
16808
|
-
|
|
16809
|
-
debugMode =
|
|
16810
|
-
var
|
|
16811
|
-
submissionRequest =
|
|
16812
|
-
submissionResponse =
|
|
16813
|
-
selfieImage =
|
|
16814
|
-
var
|
|
16815
|
-
captureState =
|
|
16816
|
-
setCaptureState =
|
|
16817
|
-
var
|
|
16818
|
-
cameraAccessDenied =
|
|
16819
|
-
releaseCameraAccess =
|
|
16820
|
-
var
|
|
16821
|
-
start =
|
|
16822
|
-
stop =
|
|
16750
|
+
_b = _a.skipSuccessScreen,
|
|
16751
|
+
skipSuccessScreen = _b === void 0 ? false : _b,
|
|
16752
|
+
_c = _a.loadingOverlayMode,
|
|
16753
|
+
loadingOverlayMode = _c === void 0 ? 'default' : _c,
|
|
16754
|
+
_d = _a.assets,
|
|
16755
|
+
assets = _d === void 0 ? {} : _d,
|
|
16756
|
+
_e = _a.classNames,
|
|
16757
|
+
classNames = _e === void 0 ? {} : _e,
|
|
16758
|
+
_f = _a.colors,
|
|
16759
|
+
colors = _f === void 0 ? {} : _f,
|
|
16760
|
+
_g = _a.verbiage,
|
|
16761
|
+
verbiage = _g === void 0 ? {} : _g,
|
|
16762
|
+
_h = _a.debugMode,
|
|
16763
|
+
debugMode = _h === void 0 ? false : _h;
|
|
16764
|
+
var _j = React.useContext(SubmissionContext),
|
|
16765
|
+
submissionRequest = _j.submissionRequest,
|
|
16766
|
+
submissionResponse = _j.submissionResponse,
|
|
16767
|
+
selfieImage = _j.selfieImage;
|
|
16768
|
+
var _k = React.useState('LOADING'),
|
|
16769
|
+
captureState = _k[0],
|
|
16770
|
+
setCaptureState = _k[1];
|
|
16771
|
+
var _l = useCameraStore(),
|
|
16772
|
+
cameraAccessDenied = _l.cameraAccessDenied,
|
|
16773
|
+
releaseCameraAccess = _l.releaseCameraAccess;
|
|
16774
|
+
var _m = React.useContext(SelfieGuidanceModelsContext),
|
|
16775
|
+
start = _m.start,
|
|
16776
|
+
stop = _m.stop;
|
|
16823
16777
|
React.useEffect(function () {
|
|
16824
16778
|
if (captureState !== 'CAPTURING') return;
|
|
16825
16779
|
start();
|
|
@@ -16849,9 +16803,9 @@ var CustomerVerificationWizard = function CustomerVerificationWizard(_a) {
|
|
|
16849
16803
|
setCaptureState('FAILED');
|
|
16850
16804
|
onCaptureGuidanceTimeout === null || onCaptureGuidanceTimeout === void 0 ? void 0 : onCaptureGuidanceTimeout();
|
|
16851
16805
|
}, [onCaptureGuidanceTimeout]);
|
|
16852
|
-
var
|
|
16853
|
-
attempt =
|
|
16854
|
-
setAttempt =
|
|
16806
|
+
var _o = React.useState(0),
|
|
16807
|
+
attempt = _o[0],
|
|
16808
|
+
setAttempt = _o[1];
|
|
16855
16809
|
var onExitCallback = React.useCallback(function () {
|
|
16856
16810
|
setAttempt(function (n) {
|
|
16857
16811
|
return n + 1;
|
|
@@ -16872,9 +16826,7 @@ var CustomerVerificationWizard = function CustomerVerificationWizard(_a) {
|
|
|
16872
16826
|
setCaptureState('LOADING');
|
|
16873
16827
|
}
|
|
16874
16828
|
}, [cameraAccessDenied]);
|
|
16875
|
-
return /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(
|
|
16876
|
-
className: "flex ".concat((_b = classNames.container) !== null && _b !== void 0 ? _b : '')
|
|
16877
|
-
}, /*#__PURE__*/React__namespace.default.createElement(CameraVideoTag, {
|
|
16829
|
+
return /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(CameraVideoTag, {
|
|
16878
16830
|
className: classNames.cameraFeed
|
|
16879
16831
|
}), captureState !== 'LOADING' && function () {
|
|
16880
16832
|
switch (captureState) {
|
|
@@ -16925,7 +16877,7 @@ var CustomerVerificationWizard = function CustomerVerificationWizard(_a) {
|
|
|
16925
16877
|
default:
|
|
16926
16878
|
return null;
|
|
16927
16879
|
}
|
|
16928
|
-
}()
|
|
16880
|
+
}(), /*#__PURE__*/React__namespace.default.createElement(SelfieCaptureLoadingOverlay, {
|
|
16929
16881
|
key: attempt,
|
|
16930
16882
|
mode: loadingOverlayMode,
|
|
16931
16883
|
assets: assets.loadingOverlay,
|
|
@@ -17041,6 +16993,8 @@ var CustomerVerification = function CustomerVerification(_a) {
|
|
|
17041
16993
|
autoStart: false,
|
|
17042
16994
|
onModelError: onModelError,
|
|
17043
16995
|
modelLoadTimeoutMs: modelLoadTimeoutMs
|
|
16996
|
+
}, /*#__PURE__*/React__namespace.default.createElement(SdkPage, {
|
|
16997
|
+
className: classNames === null || classNames === void 0 ? void 0 : classNames.container
|
|
17044
16998
|
}, /*#__PURE__*/React__namespace.default.createElement(CustomerVerificationWizard, {
|
|
17045
16999
|
onComplete: onComplete,
|
|
17046
17000
|
onCustomerMatched: onCustomerMatched,
|
|
@@ -17056,7 +17010,7 @@ var CustomerVerification = function CustomerVerification(_a) {
|
|
|
17056
17010
|
colors: colors,
|
|
17057
17011
|
verbiage: verbiage,
|
|
17058
17012
|
debugMode: debugMode
|
|
17059
|
-
}))))));
|
|
17013
|
+
})))))));
|
|
17060
17014
|
};
|
|
17061
17015
|
|
|
17062
17016
|
var ALLOWED_RETRIES$1 = 0;
|
|
@@ -17297,8 +17251,8 @@ var CustomerIdentificationSuccess = function CustomerIdentificationSuccess(_a) {
|
|
|
17297
17251
|
}, verbiage.doneBtnText))));
|
|
17298
17252
|
};
|
|
17299
17253
|
var Heading$1 = styled__default.default.h3(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject(["\n margin-bottom: 24px;\n"], ["\n margin-bottom: 24px;\n"])));
|
|
17300
|
-
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"])));
|
|
17301
|
-
var StyledButtonsRow$1 = styled__default.default(ButtonsRow)(templateObject_3$1 || (templateObject_3$1 = __makeTemplateObject(["\n margin-top: 24px;\n"], ["\n margin-top: 24px;\n"])));
|
|
17254
|
+
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"])));
|
|
17255
|
+
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"])));
|
|
17302
17256
|
var templateObject_1$1, templateObject_2$1, templateObject_3$1;
|
|
17303
17257
|
|
|
17304
17258
|
var CustomerIdentificationFailure = function CustomerIdentificationFailure(_a) {
|
|
@@ -17349,13 +17303,12 @@ var CustomerIdentificationFailure = function CustomerIdentificationFailure(_a) {
|
|
|
17349
17303
|
}, verbiage.exitBtnText))));
|
|
17350
17304
|
};
|
|
17351
17305
|
var Heading = styled__default.default.h3(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n margin-bottom: 24px;\n"], ["\n margin-bottom: 24px;\n"])));
|
|
17352
|
-
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"])));
|
|
17353
|
-
var StyledButtonsRow = styled__default.default(ButtonsRow)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n margin-top: 24px;\n"], ["\n margin-top: 24px;\n"])));
|
|
17306
|
+
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"])));
|
|
17307
|
+
var StyledButtonsRow = styled__default.default(ButtonsRow$2)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n margin-top: 24px;\n"], ["\n margin-top: 24px;\n"])));
|
|
17354
17308
|
var templateObject_1, templateObject_2, templateObject_3;
|
|
17355
17309
|
|
|
17356
17310
|
var ALLOWED_RETRIES = 2;
|
|
17357
17311
|
var CustomerIdentificationWizard = function CustomerIdentificationWizard(_a) {
|
|
17358
|
-
var _b;
|
|
17359
17312
|
var onComplete = _a.onComplete,
|
|
17360
17313
|
onCustomerMatched = _a.onCustomerMatched,
|
|
17361
17314
|
onCustomerNotMatched = _a.onCustomerNotMatched,
|
|
@@ -17364,33 +17317,33 @@ var CustomerIdentificationWizard = function CustomerIdentificationWizard(_a) {
|
|
|
17364
17317
|
onUserCancel = _a.onUserCancel,
|
|
17365
17318
|
onCaptureGuidanceTimeout = _a.onCaptureGuidanceTimeout,
|
|
17366
17319
|
captureGuidanceTimeoutDurationMs = _a.captureGuidanceTimeoutDurationMs,
|
|
17367
|
-
|
|
17368
|
-
skipSuccessScreen =
|
|
17369
|
-
|
|
17370
|
-
loadingOverlayMode =
|
|
17371
|
-
|
|
17372
|
-
assets =
|
|
17373
|
-
|
|
17374
|
-
classNames =
|
|
17375
|
-
|
|
17376
|
-
colors =
|
|
17377
|
-
|
|
17378
|
-
verbiage =
|
|
17379
|
-
|
|
17380
|
-
debugMode =
|
|
17381
|
-
var
|
|
17382
|
-
submissionResponse =
|
|
17383
|
-
submissionRequest =
|
|
17384
|
-
selfieImage =
|
|
17385
|
-
var
|
|
17386
|
-
captureState =
|
|
17387
|
-
setCaptureState =
|
|
17388
|
-
var
|
|
17389
|
-
cameraAccessDenied =
|
|
17390
|
-
releaseCameraAccess =
|
|
17391
|
-
var
|
|
17392
|
-
start =
|
|
17393
|
-
stop =
|
|
17320
|
+
_b = _a.skipSuccessScreen,
|
|
17321
|
+
skipSuccessScreen = _b === void 0 ? false : _b,
|
|
17322
|
+
_c = _a.loadingOverlayMode,
|
|
17323
|
+
loadingOverlayMode = _c === void 0 ? 'default' : _c,
|
|
17324
|
+
_d = _a.assets,
|
|
17325
|
+
assets = _d === void 0 ? {} : _d,
|
|
17326
|
+
_e = _a.classNames,
|
|
17327
|
+
classNames = _e === void 0 ? {} : _e,
|
|
17328
|
+
_f = _a.colors,
|
|
17329
|
+
colors = _f === void 0 ? {} : _f,
|
|
17330
|
+
_g = _a.verbiage,
|
|
17331
|
+
verbiage = _g === void 0 ? {} : _g,
|
|
17332
|
+
_h = _a.debugMode,
|
|
17333
|
+
debugMode = _h === void 0 ? false : _h;
|
|
17334
|
+
var _j = React.useContext(SubmissionContext),
|
|
17335
|
+
submissionResponse = _j.submissionResponse,
|
|
17336
|
+
submissionRequest = _j.submissionRequest,
|
|
17337
|
+
selfieImage = _j.selfieImage;
|
|
17338
|
+
var _k = React.useState('LOADING'),
|
|
17339
|
+
captureState = _k[0],
|
|
17340
|
+
setCaptureState = _k[1];
|
|
17341
|
+
var _l = useCameraStore(),
|
|
17342
|
+
cameraAccessDenied = _l.cameraAccessDenied,
|
|
17343
|
+
releaseCameraAccess = _l.releaseCameraAccess;
|
|
17344
|
+
var _m = React.useContext(SelfieGuidanceModelsContext),
|
|
17345
|
+
start = _m.start,
|
|
17346
|
+
stop = _m.stop;
|
|
17394
17347
|
React.useEffect(function () {
|
|
17395
17348
|
if (captureState !== 'CAPTURING') return;
|
|
17396
17349
|
start();
|
|
@@ -17420,9 +17373,9 @@ var CustomerIdentificationWizard = function CustomerIdentificationWizard(_a) {
|
|
|
17420
17373
|
setCaptureState('FAILED');
|
|
17421
17374
|
onCaptureGuidanceTimeout === null || onCaptureGuidanceTimeout === void 0 ? void 0 : onCaptureGuidanceTimeout();
|
|
17422
17375
|
}, [onCaptureGuidanceTimeout]);
|
|
17423
|
-
var
|
|
17424
|
-
attempt =
|
|
17425
|
-
setAttempt =
|
|
17376
|
+
var _o = React.useState(0),
|
|
17377
|
+
attempt = _o[0],
|
|
17378
|
+
setAttempt = _o[1];
|
|
17426
17379
|
var onExitCallback = React.useCallback(function () {
|
|
17427
17380
|
setAttempt(function (n) {
|
|
17428
17381
|
return n + 1;
|
|
@@ -17443,9 +17396,7 @@ var CustomerIdentificationWizard = function CustomerIdentificationWizard(_a) {
|
|
|
17443
17396
|
setCaptureState('LOADING');
|
|
17444
17397
|
}
|
|
17445
17398
|
}, [cameraAccessDenied]);
|
|
17446
|
-
return /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(
|
|
17447
|
-
className: "flex ".concat((_b = classNames.container) !== null && _b !== void 0 ? _b : '')
|
|
17448
|
-
}, /*#__PURE__*/React__namespace.default.createElement(CameraVideoTag, {
|
|
17399
|
+
return /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(CameraVideoTag, {
|
|
17449
17400
|
className: classNames.cameraFeed
|
|
17450
17401
|
}), captureState !== 'LOADING' && function () {
|
|
17451
17402
|
switch (captureState) {
|
|
@@ -17496,7 +17447,7 @@ var CustomerIdentificationWizard = function CustomerIdentificationWizard(_a) {
|
|
|
17496
17447
|
default:
|
|
17497
17448
|
return null;
|
|
17498
17449
|
}
|
|
17499
|
-
}()
|
|
17450
|
+
}(), /*#__PURE__*/React__namespace.default.createElement(SelfieCaptureLoadingOverlay, {
|
|
17500
17451
|
key: attempt,
|
|
17501
17452
|
mode: loadingOverlayMode,
|
|
17502
17453
|
assets: assets.loadingOverlay,
|
|
@@ -17610,6 +17561,8 @@ var CustomerIdentification = function CustomerIdentification(_a) {
|
|
|
17610
17561
|
autoStart: false,
|
|
17611
17562
|
modelLoadTimeoutMs: modelLoadTimeoutMs,
|
|
17612
17563
|
onModelError: onModelError
|
|
17564
|
+
}, /*#__PURE__*/React__namespace.default.createElement(SdkPage, {
|
|
17565
|
+
className: classNames === null || classNames === void 0 ? void 0 : classNames.container
|
|
17613
17566
|
}, /*#__PURE__*/React__namespace.default.createElement(CustomerIdentificationWizard, {
|
|
17614
17567
|
onComplete: onComplete,
|
|
17615
17568
|
onCustomerMatched: onCustomerMatched,
|
|
@@ -17626,7 +17579,7 @@ var CustomerIdentification = function CustomerIdentification(_a) {
|
|
|
17626
17579
|
colors: colors,
|
|
17627
17580
|
verbiage: verbiage,
|
|
17628
17581
|
debugMode: debugMode
|
|
17629
|
-
}))))));
|
|
17582
|
+
})))))));
|
|
17630
17583
|
};
|
|
17631
17584
|
|
|
17632
17585
|
/** Render a fullscreen capture component that captures a video of the user signing the screen. */
|
|
@@ -17708,6 +17661,8 @@ var SignatureKYC = function SignatureKYC(_a) {
|
|
|
17708
17661
|
geolocationEnabled: geolocationEnabled,
|
|
17709
17662
|
geolocationRequired: geolocationRequired,
|
|
17710
17663
|
useDocumentServiceForLivenessChecks: useDocumentServiceForLivenessChecks
|
|
17664
|
+
}, /*#__PURE__*/React__namespace.default.createElement(SdkPage, {
|
|
17665
|
+
className: classNames === null || classNames === void 0 ? void 0 : classNames.container
|
|
17711
17666
|
}, /*#__PURE__*/React__namespace.default.createElement(CompositeWizard, {
|
|
17712
17667
|
debugMode: debugMode,
|
|
17713
17668
|
checks: React.useMemo(function () {
|
|
@@ -17735,7 +17690,7 @@ var SignatureKYC = function SignatureKYC(_a) {
|
|
|
17735
17690
|
onUserCancel: onUserCancel
|
|
17736
17691
|
};
|
|
17737
17692
|
}, [customOverlayContent, onLoadingOverlayDismissed, loadingOverlayMode, skipSuccessScreen, captureAudio, minSignaturePadPoints, modelLoadTimeoutMs, faceLivenessProps, allowSignatureAfterLivenessCheckFailure, restartVideoOnSignaturePadCleared, classNames, colors, debugMode, verbiage, onModelError, onUserCancel])
|
|
17738
|
-
}))));
|
|
17693
|
+
})))));
|
|
17739
17694
|
};
|
|
17740
17695
|
|
|
17741
17696
|
/**
|
|
@@ -17957,6 +17912,8 @@ var VideoIdValidation = function VideoIdValidation(_a) {
|
|
|
17957
17912
|
geolocationEnabled: geolocationEnabled,
|
|
17958
17913
|
geolocationRequired: geolocationRequired,
|
|
17959
17914
|
useDocumentServiceForLivenessChecks: useDocumentServiceForLivenessChecks
|
|
17915
|
+
}, /*#__PURE__*/React__namespace.default.createElement(SdkPage, {
|
|
17916
|
+
className: classNames === null || classNames === void 0 ? void 0 : classNames.container
|
|
17960
17917
|
}, /*#__PURE__*/React__namespace.default.createElement(CompositeWizard, {
|
|
17961
17918
|
checks: React.useMemo(function () {
|
|
17962
17919
|
return ['VideoIdCapture'];
|
|
@@ -17971,7 +17928,7 @@ var VideoIdValidation = function VideoIdValidation(_a) {
|
|
|
17971
17928
|
onCameraTamperingDetected: onCameraTamperingDetected,
|
|
17972
17929
|
onMicrophoneAccessDenied: onMicrophoneAccessDenied,
|
|
17973
17930
|
debugMode: debugMode
|
|
17974
|
-
}))));
|
|
17931
|
+
})))));
|
|
17975
17932
|
};
|
|
17976
17933
|
|
|
17977
17934
|
/** 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. */
|
|
@@ -18135,6 +18092,8 @@ var CustomerBiometricsEnrollment = function CustomerBiometricsEnrollment(_a) {
|
|
|
18135
18092
|
geolocationEnabled: geolocationEnabled,
|
|
18136
18093
|
geolocationRequired: geolocationRequired,
|
|
18137
18094
|
useDocumentServiceForLivenessChecks: useDocumentServiceForLivenessChecks
|
|
18095
|
+
}, /*#__PURE__*/React__namespace.default.createElement(SdkPage, {
|
|
18096
|
+
className: classNames === null || classNames === void 0 ? void 0 : classNames.container
|
|
18138
18097
|
}, /*#__PURE__*/React__namespace.default.createElement(CompositeWizard, {
|
|
18139
18098
|
checks: React.useMemo(function () {
|
|
18140
18099
|
return ['FaceLiveness'];
|
|
@@ -18148,7 +18107,7 @@ var CustomerBiometricsEnrollment = function CustomerBiometricsEnrollment(_a) {
|
|
|
18148
18107
|
onCameraAccessDenied: onCameraAccessDenied,
|
|
18149
18108
|
onCameraTamperingDetected: onCameraTamperingDetected,
|
|
18150
18109
|
debugMode: debugMode
|
|
18151
|
-
}))));
|
|
18110
|
+
})))));
|
|
18152
18111
|
};
|
|
18153
18112
|
|
|
18154
18113
|
/**
|
|
@@ -18221,6 +18180,8 @@ var DocumentCapture = function DocumentCapture(_a) {
|
|
|
18221
18180
|
onCameraTamperingDetected: onCameraTamperingDetected,
|
|
18222
18181
|
classNames: classNames === null || classNames === void 0 ? void 0 : classNames.cameraStoreProvider,
|
|
18223
18182
|
verbiage: verbiage === null || verbiage === void 0 ? void 0 : verbiage.cameraStoreProvider
|
|
18183
|
+
}, /*#__PURE__*/React__namespace.default.createElement(SdkPage, {
|
|
18184
|
+
className: classNames === null || classNames === void 0 ? void 0 : classNames.container
|
|
18224
18185
|
}, /*#__PURE__*/React__namespace.default.createElement(DocumentCaptureWizard, {
|
|
18225
18186
|
onSuccess: onComplete,
|
|
18226
18187
|
onExitCapture: onExitCapture,
|
|
@@ -18231,7 +18192,7 @@ var DocumentCapture = function DocumentCapture(_a) {
|
|
|
18231
18192
|
instructions: instructions,
|
|
18232
18193
|
classNames: classNames,
|
|
18233
18194
|
verbiage: verbiage
|
|
18234
|
-
})))));
|
|
18195
|
+
}))))));
|
|
18235
18196
|
};
|
|
18236
18197
|
|
|
18237
18198
|
initializeI18n();
|