idmission-web-sdk 2.2.174 → 2.2.175
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/Page.d.ts +13 -0
- package/dist/components/common/Page.d.ts.map +1 -0
- package/dist/components/common/debug.d.ts.map +1 -1
- package/dist/components/common/overlay.d.ts +26 -29
- package/dist/components/common/overlay.d.ts.map +1 -1
- package/dist/components/common/spinner.d.ts +1 -4
- package/dist/components/common/spinner.d.ts.map +1 -1
- package/dist/components/customer_flows/CustomerBiometricsEnrollment.d.ts +0 -1
- package/dist/components/customer_flows/CustomerBiometricsEnrollment.d.ts.map +1 -1
- package/dist/components/customer_flows/CustomerIdAndBiometricsEnrollment.d.ts +0 -1
- 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 +1 -3
- package/dist/components/customer_flows/FaceValidation.d.ts.map +1 -1
- package/dist/components/customer_flows/IdAndFaceValidation.d.ts +0 -1
- 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 +0 -1
- 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 +3 -1
- 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 +1 -0
- package/dist/components/video_id/IdVideoCaptureWizard.d.ts.map +1 -1
- package/dist/components/video_signature_capture/VideoSignatureCapture.d.ts.map +1 -1
- package/dist/components/video_signature_capture/VideoSignatureWizard.d.ts.map +1 -1
- package/dist/lib/locales/de.d.ts +1 -1
- package/dist/lib/locales/es.d.ts +2 -2
- package/dist/lib/locales/fr.d.ts +2 -2
- package/dist/lib/locales/index.d.ts +15 -15
- package/dist/lib/locales/it.d.ts +2 -2
- package/dist/lib/locales/ja.d.ts +2 -2
- package/dist/lib/locales/pt.d.ts +2 -2
- package/dist/lib/locales/ru.d.ts +2 -2
- package/dist/lib/locales/zh.d.ts +2 -2
- package/dist/sdk2.cjs.development.js +932 -884
- 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 +934 -886
- package/dist/sdk2.esm.js.map +1 -1
- package/dist/sdk2.umd.development.js +935 -887
- 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 +1 -3
- 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/SdkPage.d.ts +0 -18
- package/dist/components/common/SdkPage.d.ts.map +0 -1
|
@@ -4,7 +4,6 @@ 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');
|
|
8
7
|
var reactI18next = require('react-i18next');
|
|
9
8
|
var tusJsClient = require('tus-js-client');
|
|
10
9
|
var SparkMD5 = require('spark-md5');
|
|
@@ -15,6 +14,7 @@ var i18n = require('i18next');
|
|
|
15
14
|
var useDebounce = require('use-debounce');
|
|
16
15
|
var middleware = require('zustand/middleware');
|
|
17
16
|
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.175';
|
|
239
239
|
|
|
240
240
|
function getPlatform() {
|
|
241
241
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
@@ -400,6 +400,48 @@ 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
|
+
|
|
403
445
|
var LoaderButton = function LoaderButton(_a) {
|
|
404
446
|
var children = _a.children,
|
|
405
447
|
className = _a.className,
|
|
@@ -455,60 +497,29 @@ var LoaderButton = function LoaderButton(_a) {
|
|
|
455
497
|
className: "ladda-label"
|
|
456
498
|
}, children));
|
|
457
499
|
};
|
|
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) {
|
|
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) {
|
|
459
501
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
|
|
460
502
|
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 ");
|
|
461
503
|
});
|
|
462
|
-
var templateObject_1$
|
|
504
|
+
var templateObject_1$M;
|
|
463
505
|
|
|
464
|
-
var
|
|
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;
|
|
494
|
-
|
|
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) {
|
|
506
|
+
var OverlayContainer = styled__default.default(PageContainer)(templateObject_1$L || (templateObject_1$L = __makeTemplateObject(["\n background: ", ";\n ", "\n z-index: 10000;\n"], ["\n background: ", ";\n ", "\n z-index: 10000;\n"])), function (props) {
|
|
496
507
|
return props.theme.background ? "".concat(props.theme.background) : "white";
|
|
497
508
|
}, function (props) {
|
|
498
509
|
return props.theme.textColor ? "color: ".concat(props.theme.textColor, ";") : "";
|
|
499
510
|
});
|
|
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) {
|
|
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 max-width: 100dvw;\n max-height: 100dvh;\n width: 100%;\n height: 100%;\n ", "\n"], ["\n text-align: ", ";\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n max-width: 100dvw;\n max-height: 100dvh;\n width: 100%;\n height: 100%;\n ", "\n"])), function (props) {
|
|
501
512
|
var _a;
|
|
502
513
|
return (_a = props.theme.textAlign) !== null && _a !== void 0 ? _a : 'center';
|
|
503
514
|
}, function (props) {
|
|
504
515
|
return props.theme.padding ? "box-sizing: border-box; padding: ".concat(props.theme.padding, ";") : "";
|
|
505
516
|
});
|
|
506
|
-
var OverlayImageContainer = styled__default.default.div(templateObject_3$
|
|
507
|
-
var OverlayImageRow = styled__default.default.div(templateObject_4$
|
|
517
|
+
var OverlayImageContainer = styled__default.default.div(templateObject_3$s || (templateObject_3$s = __makeTemplateObject(["\n position: relative;\n display: flex;\n flex-grow: 1;\n padding-bottom: 25px;\n max-width: 100dvw;\n max-height: 100dvh;\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 max-width: 100dvw;\n max-height: 100dvh;\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"])));
|
|
518
|
+
var OverlayImageRow = styled__default.default.div(templateObject_4$m || (templateObject_4$m = __makeTemplateObject(["\n display: flex;\n margin: auto;\n\n & > div {\n max-height: calc(100vh - 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(100vh - 320px);\n\n & > img {\n width: 100%;\n max-height: 100%;\n height: auto;\n object-fit: contain;\n }\n }\n"])));
|
|
508
519
|
var GrayOverlayContainer = styled__default.default(OverlayContainer)(templateObject_5$d || (templateObject_5$d = __makeTemplateObject(["\n background: #f7f6fb;\n"], ["\n background: #f7f6fb;\n"])));
|
|
509
520
|
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"])));
|
|
510
521
|
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"])));
|
|
511
|
-
var WideBorderButton = styled__default.default(WideButton)(templateObject_8$
|
|
522
|
+
var WideBorderButton = styled__default.default(WideButton)(templateObject_8$4 || (templateObject_8$4 = __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) {
|
|
512
523
|
var _a, _b;
|
|
513
524
|
return (_b = (_a = props.colors) === null || _a === void 0 ? void 0 : _a.textColor) !== null && _b !== void 0 ? _b : 'black';
|
|
514
525
|
}, function (props) {
|
|
@@ -518,26 +529,7 @@ var WideBorderButton = styled__default.default(WideButton)(templateObject_8$3 ||
|
|
|
518
529
|
var _a, _b;
|
|
519
530
|
return (_b = (_a = props.colors) === null || _a === void 0 ? void 0 : _a.borderColor) !== null && _b !== void 0 ? _b : 'var(--idm-color-secondary-500)';
|
|
520
531
|
});
|
|
521
|
-
var
|
|
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;
|
|
532
|
+
var templateObject_1$L, templateObject_2$C, templateObject_3$s, templateObject_4$m, templateObject_5$d, templateObject_6$a, templateObject_7$7, templateObject_8$4;
|
|
541
533
|
|
|
542
534
|
var GeolocationAccessDeniedOverlay = function GeolocationAccessDeniedOverlay(_a) {
|
|
543
535
|
var accessBlockedImageUrl = _a.accessBlockedImageUrl;
|
|
@@ -2166,7 +2158,7 @@ function getFrameDimensions(frame) {
|
|
|
2166
2158
|
return [frameWidth, frameHeight];
|
|
2167
2159
|
}
|
|
2168
2160
|
|
|
2169
|
-
var InvisibleCanvas = styled__default.default.canvas(templateObject_1$
|
|
2161
|
+
var InvisibleCanvas = styled__default.default.canvas(templateObject_1$K || (templateObject_1$K = __makeTemplateObject(["\n display: none;\n"], ["\n display: none;\n"])));
|
|
2170
2162
|
function drawToCanvas(canvas, frame, width, height) {
|
|
2171
2163
|
if (!canvas) return;
|
|
2172
2164
|
var ctx = canvas.getContext('2d');
|
|
@@ -2186,7 +2178,7 @@ function clearCanvas(canvas) {
|
|
|
2186
2178
|
var _a;
|
|
2187
2179
|
(_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);
|
|
2188
2180
|
}
|
|
2189
|
-
var templateObject_1$
|
|
2181
|
+
var templateObject_1$K;
|
|
2190
2182
|
|
|
2191
2183
|
function cropToShoulders(rawCanvas, cropCanvas, resizeCanvas, frame, face, quality, maxHeight) {
|
|
2192
2184
|
if (quality === void 0) {
|
|
@@ -3642,8 +3634,8 @@ var es = {
|
|
|
3642
3634
|
'Document out of focus - try improving the lighting': 'Documento no enfocado, hay que tratar de mejorar la iluminación',
|
|
3643
3635
|
'ID card front detected - please flip your ID card': 'Frente de la ID detectado, por favor hay que voltearla',
|
|
3644
3636
|
'ID card back detected - please flip your ID card': 'Reverso de la ID detectado, por favor hay que voltearla',
|
|
3645
|
-
'ID card detected please scan a passport instead': 'Se ha detectado una credencial, por favor hay que escanear un pasaporte',
|
|
3646
|
-
'Passport detected please scan an ID card instead': 'Se ha detectado un pasaporte, por favor hay que escanear una credencial',
|
|
3637
|
+
'ID card detected, please scan a passport instead': 'Se ha detectado una credencial, por favor hay que escanear un pasaporte',
|
|
3638
|
+
'Passport detected, please scan an ID card instead': 'Se ha detectado un pasaporte, por favor hay que escanear una credencial',
|
|
3647
3639
|
'Document detected, hold still...': 'Se ha detectado el documento, no moverse por favor...',
|
|
3648
3640
|
'ID card front detected, hold still...': 'Frente de la ID detectado, no moverse...',
|
|
3649
3641
|
'ID card back detected, hold still...': 'Reverso de la ID detectado, no moverse...',
|
|
@@ -3770,7 +3762,7 @@ var de = {
|
|
|
3770
3762
|
'Document out of focus - try improving the lighting': 'Dokument unscharf - versuchen Sie, die Beleuchtung zu verbessern',
|
|
3771
3763
|
'ID card front detected - please flip your ID card': 'Vorderseite des Ausweises erkannt - bitte Ihren Ausweis umdrehen',
|
|
3772
3764
|
'ID card back detected - please flip your ID card': 'Rückseite des Ausweises erkannt - bitte Ihren Ausweis umdrehen',
|
|
3773
|
-
'ID card detected please scan a passport instead': 'Ausweis erkannt, bitte stattdessen einen Pass scannen',
|
|
3765
|
+
'ID card detected, please scan a passport instead': 'Ausweis erkannt, bitte stattdessen einen Pass scannen',
|
|
3774
3766
|
'Passport detected, please scan an ID card instead': 'Pass erkannt, bitte stattdessen einen Ausweis scannen',
|
|
3775
3767
|
'Document detected, hold still...': 'Dokument erkannt, stillhalten...',
|
|
3776
3768
|
'ID card front detected, hold still...': 'Vorderseite des Ausweises erkannt, stillhalten...',
|
|
@@ -3898,8 +3890,8 @@ var fr = {
|
|
|
3898
3890
|
'Document out of focus - try improving the lighting': "Document flou - essayez d'améliorer l'éclairage",
|
|
3899
3891
|
'ID card front detected - please flip your ID card': "Recto de la carte d'identité détecté - veuillez retourner votre carte d'identité",
|
|
3900
3892
|
'ID card back detected - please flip your ID card': "Verso de la carte d'identité détectée - veuillez retourner votre carte d'identité",
|
|
3901
|
-
'ID card detected please scan a passport instead': "Carte d'identité détectée, veuillez scanner plutôt un passeport",
|
|
3902
|
-
'Passport detected please scan an ID card instead': "Passeport détecté, veuillez scanner plutôt une carte d'identité",
|
|
3893
|
+
'ID card detected, please scan a passport instead': "Carte d'identité détectée, veuillez scanner plutôt un passeport",
|
|
3894
|
+
'Passport detected, please scan an ID card instead': "Passeport détecté, veuillez scanner plutôt une carte d'identité",
|
|
3903
3895
|
'Document detected, hold still...': 'Document détecté, restez immobile...',
|
|
3904
3896
|
'ID card front detected, hold still...': "Recto de la carte d'identité détecté, restez immobile...",
|
|
3905
3897
|
'ID card back detected, hold still...': "Verso de la carte d'identité détecté, restez immobile...",
|
|
@@ -4026,8 +4018,8 @@ var it = {
|
|
|
4026
4018
|
'Document out of focus - try improving the lighting': "Documento fuori fuoco - provare a migliorare l'illuminazione",
|
|
4027
4019
|
'ID card front detected - please flip your ID card': "Fronte del documento d'identità rilevato - Girare il documento d'identità",
|
|
4028
4020
|
'ID card back detected - please flip your ID card': "Retro del documento d'identità rilevato - Girare il documento d'identità",
|
|
4029
|
-
'ID card detected please scan a passport instead': "Documento d'identità rilevato, scansionare un passaporto al suo posto",
|
|
4030
|
-
'Passport detected please scan an ID card instead': "Passaporto rilevato, scansionare una documento d'identità al suo posto",
|
|
4021
|
+
'ID card detected, please scan a passport instead': "Documento d'identità rilevato, scansionare un passaporto al suo posto",
|
|
4022
|
+
'Passport detected, please scan an ID card instead': "Passaporto rilevato, scansionare una documento d'identità al suo posto",
|
|
4031
4023
|
'Document detected, hold still...': 'Documento rilevato, tenere fermo...',
|
|
4032
4024
|
'ID card front detected, hold still...': "Fronte documento d'identità rilevato, tenere fermo...",
|
|
4033
4025
|
'ID card back detected, hold still...': "Retro documento d'identità rilevato, tenere fermo...",
|
|
@@ -4154,8 +4146,8 @@ var ja = {
|
|
|
4154
4146
|
'Document out of focus - try improving the lighting': 'ドキュメントの焦点がぼやけています。照明を調節してください',
|
|
4155
4147
|
'ID card front detected - please flip your ID card': '身分証の正面が検出されました。身分証を裏返してください',
|
|
4156
4148
|
'ID card back detected - please flip your ID card': '身分証の背面が検出されました。身分証を裏返してください',
|
|
4157
|
-
'ID card detected please scan a passport instead': '身分証が検出されました。パスポートをスキャンしてください',
|
|
4158
|
-
'Passport detected please scan an ID card instead': 'パスポートが検出されました。身分証をスキャンしてください',
|
|
4149
|
+
'ID card detected, please scan a passport instead': '身分証が検出されました。パスポートをスキャンしてください',
|
|
4150
|
+
'Passport detected, please scan an ID card instead': 'パスポートが検出されました。身分証をスキャンしてください',
|
|
4159
4151
|
'Document detected, hold still...': 'ドキュメントが検出されました。動かないようにしてください…',
|
|
4160
4152
|
'ID card front detected, hold still...': '身分証の正面が検出されました。動かないようにしてください…',
|
|
4161
4153
|
'ID card back detected, hold still...': '身分証の背面が検出されました。動かないようにしてください…',
|
|
@@ -4282,8 +4274,8 @@ var pt = {
|
|
|
4282
4274
|
'Document out of focus - try improving the lighting': 'Documento fora de foco - tente melhorar a iluminação',
|
|
4283
4275
|
'ID card front detected - please flip your ID card': 'Detectada a frente da carteira de identidade - vire a carteira de identidade',
|
|
4284
4276
|
'ID card back detected - please flip your ID card': 'Detectado o verso da carteira de identidade - vire a carteira de identidade',
|
|
4285
|
-
'ID card detected please scan a passport instead': 'Detectada a carteira de identidade - escaneie um passaporte em seu lugar',
|
|
4286
|
-
'Passport detected please scan an ID card instead': 'Detectado passaporte, escaneie uma carteira de identidade em seu lugar',
|
|
4277
|
+
'ID card detected, please scan a passport instead': 'Detectada a carteira de identidade - escaneie um passaporte em seu lugar',
|
|
4278
|
+
'Passport detected, please scan an ID card instead': 'Detectado passaporte, escaneie uma carteira de identidade em seu lugar',
|
|
4287
4279
|
'Document detected, hold still...': 'Documento detectado - mantenha-se imóvel...',
|
|
4288
4280
|
'ID card front detected, hold still...': 'Detectada a frente da carteira de identidade - mantenha-se imóvel...',
|
|
4289
4281
|
'ID card back detected, hold still...': 'Detectado o verso da carteira de identidade - mantenha-se imóvel...',
|
|
@@ -4410,8 +4402,8 @@ var ru = {
|
|
|
4410
4402
|
'Document out of focus – try improving the lighting': 'Документ не в фокусе, попробуйте улучшить освещение',
|
|
4411
4403
|
'ID card front detected - please flip your ID card': 'Обнаружена лицевая сторона удостоверения личности, переверните удостоверение личности',
|
|
4412
4404
|
'ID card back detected - please flip your ID card': 'Обнаружена обратная сторона удостоверения личности, переверните удостоверение личности',
|
|
4413
|
-
'ID card detected please scan a passport instead': 'Обнаружено удостоверение личности, отсканируйте вместо него паспорт',
|
|
4414
|
-
'Passport detected please scan an ID card instead': 'Обнаружен паспорт, отсканируйте вместо него удостоверение личности',
|
|
4405
|
+
'ID card detected, please scan a passport instead': 'Обнаружено удостоверение личности, отсканируйте вместо него паспорт',
|
|
4406
|
+
'Passport detected, please scan an ID card instead': 'Обнаружен паспорт, отсканируйте вместо него удостоверение личности',
|
|
4415
4407
|
'Document detected, hold still...': 'Обнаружен документ, не двигайтесь…',
|
|
4416
4408
|
'ID card front detected, hold still...': 'Обнаружена лицевая сторона удостоверения личности, не двигайтесь…',
|
|
4417
4409
|
'ID card back detected, hold still...': 'Обнаружена обратная сторона удостоверения личности, не двигайтесь…',
|
|
@@ -4538,8 +4530,8 @@ var zh = {
|
|
|
4538
4530
|
'Document out of focus - try improving the lighting': '文件失焦 - 請嘗試改善燈光',
|
|
4539
4531
|
'ID card front detected - please flip your ID card': '偵測到證件正面 - 請將證件翻面',
|
|
4540
4532
|
'ID card back detected - please flip your ID card': '偵測到證件背面 - 請將證件翻面',
|
|
4541
|
-
'ID card detected please scan a passport instead': '偵測到證件，請掃描護照',
|
|
4542
|
-
'Passport detected please scan an ID card instead': '偵測到護照，請掃描證件',
|
|
4533
|
+
'ID card detected, please scan a passport instead': '偵測到證件，請掃描護照',
|
|
4534
|
+
'Passport detected, please scan an ID card instead': '偵測到護照，請掃描證件',
|
|
4543
4535
|
'Document detected, hold still...': '偵測到的文件保持不動...',
|
|
4544
4536
|
'ID card front detected, hold still...': '偵測到的證件正面保持不動...',
|
|
4545
4537
|
'ID card back detected, hold still...': '偵測到的證件背面保持不動...',
|
|
@@ -5153,14 +5145,14 @@ function CameraTamperSeal(_a) {
|
|
|
5153
5145
|
className: classNames.message
|
|
5154
5146
|
}, messageText)));
|
|
5155
5147
|
}
|
|
5156
|
-
var StyledOverlayInner$4 = styled__default.default(OverlayInner$2)(templateObject_1$
|
|
5148
|
+
var StyledOverlayInner$4 = styled__default.default(OverlayInner$2)(templateObject_1$J || (templateObject_1$J = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
5157
5149
|
var StyledOverlayHeading = styled__default.default.h3(templateObject_2$B || (templateObject_2$B = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
5158
5150
|
function useCameraStore(selector) {
|
|
5159
5151
|
var store = React.useContext(CameraStoreContext);
|
|
5160
5152
|
if (!store) throw new Error('useCameraStore cannot be used without Provider');
|
|
5161
5153
|
return zustand.useStore(store, selector);
|
|
5162
5154
|
}
|
|
5163
|
-
var templateObject_1$
|
|
5155
|
+
var templateObject_1$J, templateObject_2$B;
|
|
5164
5156
|
|
|
5165
5157
|
var DocumentDetectionModelContext = /*#__PURE__*/React.createContext({
|
|
5166
5158
|
startDocumentDetection: function startDocumentDetection() {
|
|
@@ -6125,12 +6117,12 @@ function DebugStatsPane(_a) {
|
|
|
6125
6117
|
if (!portalLocation) return element;
|
|
6126
6118
|
return /*#__PURE__*/reactDom.createPortal(element, portalLocation);
|
|
6127
6119
|
}
|
|
6128
|
-
var DebugStatsPaneDiv = styled__default.default.span(templateObject_1$
|
|
6129
|
-
var ObjectDetectionDebugOverlayDiv = styled__default.default.div(templateObject_2$A || (templateObject_2$A = __makeTemplateObject(["\n position: absolute;\n z-index: 1001;\n
|
|
6120
|
+
var DebugStatsPaneDiv = styled__default.default.span(templateObject_1$I || (templateObject_1$I = __makeTemplateObject(["\n font-size: 16px;\n font-family: monospace;\n position: absolute;\n left: 20px;\n bottom: 20px;\n margin-right: 20px;\n padding: 8px;\n color: limegreen;\n background: rgba(0, 0, 0, 0.5);\n z-index: 10002;\n"], ["\n font-size: 16px;\n font-family: monospace;\n position: absolute;\n left: 20px;\n bottom: 20px;\n margin-right: 20px;\n padding: 8px;\n color: limegreen;\n background: rgba(0, 0, 0, 0.5);\n z-index: 10002;\n"])));
|
|
6121
|
+
var ObjectDetectionDebugOverlayDiv = styled__default.default.div(templateObject_2$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) {
|
|
6130
6122
|
var $flipX = _a.$flipX;
|
|
6131
6123
|
return $flipX ? 'transform: scaleX(-1);' : '';
|
|
6132
6124
|
});
|
|
6133
|
-
var ObjectDetectionDebugBox = styled__default.default.div(templateObject_3$
|
|
6125
|
+
var ObjectDetectionDebugBox = styled__default.default.div(templateObject_3$r || (templateObject_3$r = __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) {
|
|
6134
6126
|
var $color = _a.$color;
|
|
6135
6127
|
return $color !== null && $color !== void 0 ? $color : 'green';
|
|
6136
6128
|
}, function (_a) {
|
|
@@ -6140,7 +6132,7 @@ var ObjectDetectionDebugBox = styled__default.default.div(templateObject_3$q ||
|
|
|
6140
6132
|
var $flipX = _a.$flipX;
|
|
6141
6133
|
return $flipX ? 'transform: scaleX(-1);' : '';
|
|
6142
6134
|
});
|
|
6143
|
-
var FaceDetectionKeypointMarker = styled__default.default.div(templateObject_4$
|
|
6135
|
+
var FaceDetectionKeypointMarker = styled__default.default.div(templateObject_4$l || (templateObject_4$l = __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) {
|
|
6144
6136
|
var $color = _a.$color;
|
|
6145
6137
|
return $color !== null && $color !== void 0 ? $color : 'red';
|
|
6146
6138
|
}, function (_a) {
|
|
@@ -6331,7 +6323,29 @@ function SelfieCaptureFaceKeypoint(_a) {
|
|
|
6331
6323
|
}
|
|
6332
6324
|
});
|
|
6333
6325
|
}
|
|
6334
|
-
var templateObject_1$
|
|
6326
|
+
var templateObject_1$I, templateObject_2$A, templateObject_3$r, templateObject_4$l;
|
|
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;
|
|
6335
6349
|
|
|
6336
6350
|
function OverrideWrongDocumentTypeGuidanceDialog(_a) {
|
|
6337
6351
|
var _b = _a.classNames,
|
|
@@ -6346,7 +6360,7 @@ function OverrideWrongDocumentTypeGuidanceDialog(_a) {
|
|
|
6346
6360
|
buttonText: 'OK'
|
|
6347
6361
|
});
|
|
6348
6362
|
if (!allowOverrideWrongDocumentTypeGuidance) return null;
|
|
6349
|
-
return /*#__PURE__*/React__namespace.default.createElement(Container$
|
|
6363
|
+
return /*#__PURE__*/React__namespace.default.createElement(Container$2, {
|
|
6350
6364
|
className: classNames.container
|
|
6351
6365
|
}, /*#__PURE__*/React__namespace.default.createElement(InnerContainer, {
|
|
6352
6366
|
className: classNames.inner
|
|
@@ -6364,18 +6378,18 @@ function OverrideWrongDocumentTypeGuidanceDialog(_a) {
|
|
|
6364
6378
|
}
|
|
6365
6379
|
}, verbiage.buttonText))));
|
|
6366
6380
|
}
|
|
6367
|
-
var Container$
|
|
6381
|
+
var Container$2 = styled__default.default.div(templateObject_1$G || (templateObject_1$G = __makeTemplateObject(["\n position: fixed;\n left: 0;\n bottom: 0;\n width: 100dvw;\n background: ", ";\n color: ", ";\n display: flex;\n z-index: 100001;\n"], ["\n position: fixed;\n left: 0;\n bottom: 0;\n width: 100dvw;\n background: ", ";\n color: ", ";\n display: flex;\n z-index: 100001;\n"])), function (props) {
|
|
6368
6382
|
var _a, _b, _c;
|
|
6369
6383
|
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';
|
|
6370
6384
|
}, function (props) {
|
|
6371
6385
|
var _a, _b, _c;
|
|
6372
6386
|
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';
|
|
6373
6387
|
});
|
|
6374
|
-
var InnerContainer = styled__default.default.div(templateObject_2$
|
|
6375
|
-
var Message = styled__default.default.span(templateObject_3$
|
|
6376
|
-
var ButtonContainer = styled__default.default.div(templateObject_4$
|
|
6388
|
+
var InnerContainer = styled__default.default.div(templateObject_2$y || (templateObject_2$y = __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"])));
|
|
6389
|
+
var Message = styled__default.default.span(templateObject_3$q || (templateObject_3$q = __makeTemplateObject(["\n display: block;\n margin: auto 12px auto 0;\n"], ["\n display: block;\n margin: auto 12px auto 0;\n"])));
|
|
6390
|
+
var ButtonContainer = styled__default.default.div(templateObject_4$k || (templateObject_4$k = __makeTemplateObject(["\n display: flex;\n margin-left: auto;\n"], ["\n display: flex;\n margin-left: auto;\n"])));
|
|
6377
6391
|
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"])));
|
|
6378
|
-
var templateObject_1$G, templateObject_2$
|
|
6392
|
+
var templateObject_1$G, templateObject_2$y, templateObject_3$q, templateObject_4$k, templateObject_5$c;
|
|
6379
6393
|
|
|
6380
6394
|
// This is a simplified version of https://github.com/ZeeCoder/use-resize-observer.
|
|
6381
6395
|
// We have removed all options and made it compliant with React Compiler/React 19.
|
|
@@ -6494,37 +6508,37 @@ function extractSize(entry, sizeType) {
|
|
|
6494
6508
|
}
|
|
6495
6509
|
|
|
6496
6510
|
var IdCapture = function IdCapture(_a) {
|
|
6497
|
-
var _b, _c, _d, _e, _f, _g;
|
|
6511
|
+
var _b, _c, _d, _e, _f, _g, _h;
|
|
6498
6512
|
var requiredDocumentType = _a.requiredDocumentType,
|
|
6499
|
-
|
|
6500
|
-
thresholds =
|
|
6513
|
+
_j = _a.thresholds,
|
|
6514
|
+
thresholds = _j === void 0 ? defaultIdCaptureThresholds : _j,
|
|
6501
6515
|
guidanceMessage = _a.guidanceMessage,
|
|
6502
6516
|
guidanceSatisfied = _a.guidanceSatisfied,
|
|
6503
6517
|
onCapture = _a.onCapture,
|
|
6504
|
-
|
|
6505
|
-
classNames =
|
|
6506
|
-
|
|
6507
|
-
colors =
|
|
6508
|
-
|
|
6509
|
-
rawVerbiage =
|
|
6510
|
-
|
|
6511
|
-
debugMode =
|
|
6512
|
-
var
|
|
6513
|
-
ref =
|
|
6514
|
-
|
|
6515
|
-
width =
|
|
6516
|
-
|
|
6517
|
-
height =
|
|
6518
|
+
_k = _a.classNames,
|
|
6519
|
+
classNames = _k === void 0 ? {} : _k,
|
|
6520
|
+
_l = _a.colors,
|
|
6521
|
+
colors = _l === void 0 ? {} : _l,
|
|
6522
|
+
_m = _a.verbiage,
|
|
6523
|
+
rawVerbiage = _m === void 0 ? {} : _m,
|
|
6524
|
+
_o = _a.debugMode,
|
|
6525
|
+
debugMode = _o === void 0 ? false : _o;
|
|
6526
|
+
var _p = useResizeObserver(),
|
|
6527
|
+
ref = _p.ref,
|
|
6528
|
+
_q = _p.width,
|
|
6529
|
+
width = _q === void 0 ? 1 : _q,
|
|
6530
|
+
_r = _p.height,
|
|
6531
|
+
height = _r === void 0 ? 1 : _r;
|
|
6518
6532
|
var state = useIdCaptureStore();
|
|
6519
|
-
var
|
|
6520
|
-
camera =
|
|
6521
|
-
isRearFacing =
|
|
6522
|
-
var
|
|
6523
|
-
modelsReady =
|
|
6524
|
-
setThresholds =
|
|
6525
|
-
detectionTime =
|
|
6526
|
-
focusPredictionTime =
|
|
6527
|
-
getBestFrame =
|
|
6533
|
+
var _s = useCameraStore(),
|
|
6534
|
+
camera = _s.camera,
|
|
6535
|
+
isRearFacing = _s.isRearFacing;
|
|
6536
|
+
var _t = React.useContext(IdCaptureModelsContext),
|
|
6537
|
+
modelsReady = _t.ready,
|
|
6538
|
+
setThresholds = _t.setThresholds,
|
|
6539
|
+
detectionTime = _t.detectionTime,
|
|
6540
|
+
focusPredictionTime = _t.focusPredictionTime,
|
|
6541
|
+
getBestFrame = _t.getBestFrame;
|
|
6528
6542
|
React.useEffect(function () {
|
|
6529
6543
|
return dispatchIdCaptureAction({
|
|
6530
6544
|
type: 'captureInitialized'
|
|
@@ -6597,6 +6611,11 @@ var IdCapture = function IdCapture(_a) {
|
|
|
6597
6611
|
var theme = styled.useTheme();
|
|
6598
6612
|
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');
|
|
6599
6613
|
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
|
+
// )
|
|
6600
6619
|
var verbiage = useTranslations(rawVerbiage, {
|
|
6601
6620
|
instructionText: 'Scan the front of ID',
|
|
6602
6621
|
processingIdCardText: 'ID card front captured.',
|
|
@@ -6621,12 +6640,12 @@ var IdCapture = function IdCapture(_a) {
|
|
|
6621
6640
|
var satisfied = state.isGoodFrame;
|
|
6622
6641
|
if (typeof guidanceSatisfied === 'boolean') satisfied = guidanceSatisfied;
|
|
6623
6642
|
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 : '');
|
|
6624
|
-
return /*#__PURE__*/React__namespace.default.createElement(
|
|
6643
|
+
return /*#__PURE__*/React__namespace.default.createElement(PageContainer, {
|
|
6625
6644
|
ref: ref,
|
|
6626
|
-
className: classNames.container
|
|
6645
|
+
className: "flex ".concat((_h = classNames.container) !== null && _h !== void 0 ? _h : '')
|
|
6627
6646
|
}, guidanceMessage !== '' && ( /*#__PURE__*/React__namespace.default.createElement(GuidanceMessageContainer, {
|
|
6628
6647
|
"$top": "",
|
|
6629
|
-
"$bottom": "12.
|
|
6648
|
+
"$bottom": "12.5dvh",
|
|
6630
6649
|
className: classNames.guidanceMessageContainer
|
|
6631
6650
|
}, /*#__PURE__*/React__namespace.default.createElement(GuidanceMessage, {
|
|
6632
6651
|
"$variant": satisfied ? 'positive' : 'default',
|
|
@@ -6674,7 +6693,7 @@ var CameraAccessDeniedOverlay = function CameraAccessDeniedOverlay(_a) {
|
|
|
6674
6693
|
className: "flex ".concat((_b = classNames.container) !== null && _b !== void 0 ? _b : '')
|
|
6675
6694
|
}, /*#__PURE__*/React__namespace.default.createElement(StyledOverlayInner$3, {
|
|
6676
6695
|
className: classNames.inner
|
|
6677
|
-
}, /*#__PURE__*/React__namespace.default.createElement(StyledOverlayImageContainer$
|
|
6696
|
+
}, /*#__PURE__*/React__namespace.default.createElement(StyledOverlayImageContainer$3, {
|
|
6678
6697
|
className: classNames.imageContainer
|
|
6679
6698
|
}, /*#__PURE__*/React__namespace.default.createElement("img", {
|
|
6680
6699
|
src: assets.imageUrl,
|
|
@@ -6693,10 +6712,10 @@ var CameraAccessDeniedOverlay = function CameraAccessDeniedOverlay(_a) {
|
|
|
6693
6712
|
}, verbiage.retryBtnText)));
|
|
6694
6713
|
};
|
|
6695
6714
|
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"])));
|
|
6696
|
-
var StyledOverlayImageContainer$
|
|
6697
|
-
var Description$4 = styled__default.default.p(templateObject_3$
|
|
6698
|
-
var RetryButton$1 = styled__default.default(LoaderButton)(templateObject_4$
|
|
6699
|
-
var templateObject_1$F, templateObject_2$
|
|
6715
|
+
var StyledOverlayImageContainer$3 = styled__default.default(OverlayImageContainer)(templateObject_2$x || (templateObject_2$x = __makeTemplateObject(["\n flex-grow: 0;\n"], ["\n flex-grow: 0;\n"])));
|
|
6716
|
+
var Description$4 = styled__default.default.p(templateObject_3$p || (templateObject_3$p = __makeTemplateObject(["\n line-height: 1.5;\n margin-bottom: 50px;\n"], ["\n line-height: 1.5;\n margin-bottom: 50px;\n"])));
|
|
6717
|
+
var RetryButton$1 = styled__default.default(LoaderButton)(templateObject_4$j || (templateObject_4$j = __makeTemplateObject(["\n width: 200px;\n margin: 0 auto;\n"], ["\n width: 200px;\n margin: 0 auto;\n"])));
|
|
6718
|
+
var templateObject_1$F, templateObject_2$x, templateObject_3$p, templateObject_4$j;
|
|
6700
6719
|
|
|
6701
6720
|
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"])));
|
|
6702
6721
|
var ExitCaptureButton = function ExitCaptureButton(_a) {
|
|
@@ -6744,16 +6763,23 @@ var ExitCaptureButton = function ExitCaptureButton(_a) {
|
|
|
6744
6763
|
};
|
|
6745
6764
|
var templateObject_1$E;
|
|
6746
6765
|
|
|
6766
|
+
var ButtonsRow = styled__default.default.div(templateObject_1$D || (templateObject_1$D = __makeTemplateObject(["\n display: flex;\n gap: 0 15px;\n justify-content: center;\n"], ["\n display: flex;\n gap: 0 15px;\n justify-content: center;\n"])));
|
|
6767
|
+
var templateObject_1$D;
|
|
6768
|
+
|
|
6747
6769
|
function IdCaptureLoadingGraphic(props) {
|
|
6748
6770
|
var isMobile = window.innerHeight > window.innerWidth;
|
|
6749
6771
|
return isMobile ? ( /*#__PURE__*/React__namespace.default.createElement(IdCaptureLoadingGraphicMobile, _assign({}, props))) : ( /*#__PURE__*/React__namespace.default.createElement(IdCaptureLoadingGraphicDesktop, _assign({}, props)));
|
|
6750
6772
|
}
|
|
6751
6773
|
function IdCaptureLoadingGraphicDesktop(_a) {
|
|
6752
6774
|
var _b, _c, _d, _e, _f, _g;
|
|
6753
|
-
var
|
|
6754
|
-
|
|
6755
|
-
|
|
6756
|
-
|
|
6775
|
+
var _h = _a.width,
|
|
6776
|
+
width = _h === void 0 ? 698 : _h,
|
|
6777
|
+
_j = _a.height,
|
|
6778
|
+
height = _j === void 0 ? 452 : _j,
|
|
6779
|
+
className = _a.className;
|
|
6780
|
+
var _k = React.useState(0),
|
|
6781
|
+
frame = _k[0],
|
|
6782
|
+
setFrame = _k[1];
|
|
6757
6783
|
React.useEffect(function () {
|
|
6758
6784
|
var i = setInterval(function () {
|
|
6759
6785
|
setFrame(function (n) {
|
|
@@ -6769,6 +6795,8 @@ function IdCaptureLoadingGraphicDesktop(_a) {
|
|
|
6769
6795
|
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;
|
|
6770
6796
|
return /*#__PURE__*/React__namespace.default.createElement(LoadingGraphicWrapper, null, /*#__PURE__*/React__namespace.default.createElement(LoadingGraphicSvg, {
|
|
6771
6797
|
className: className,
|
|
6798
|
+
width: width,
|
|
6799
|
+
height: height,
|
|
6772
6800
|
"$frame": frame,
|
|
6773
6801
|
"$borderColor": accentColor,
|
|
6774
6802
|
viewBox: "0 0 698 452",
|
|
@@ -7217,21 +7245,21 @@ function IdCaptureLoadingGraphicMobile(_a) {
|
|
|
7217
7245
|
fill: "white"
|
|
7218
7246
|
}))));
|
|
7219
7247
|
}
|
|
7220
|
-
var LoadingGraphicWrapper = styled__default.default.div(templateObject_1$
|
|
7221
|
-
var LoadingGraphicSvg = styled__default.default.svg(templateObject_2$
|
|
7248
|
+
var LoadingGraphicWrapper = styled__default.default.div(templateObject_1$C || (templateObject_1$C = __makeTemplateObject(["\n display: flex;\n width: 100%;\n height: 100%;\n"], ["\n display: flex;\n width: 100%;\n height: 100%;\n"])));
|
|
7249
|
+
var LoadingGraphicSvg = styled__default.default.svg(templateObject_2$w || (templateObject_2$w = __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"], ["\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"])), function (props) {
|
|
7222
7250
|
return props.$frame > 1 ? 1 : props.$frame === 1 ? 1.25 : 0.75;
|
|
7223
7251
|
}, function (props) {
|
|
7224
7252
|
return props.$frame >= 5 ? 10 : 0;
|
|
7225
7253
|
}, function (props) {
|
|
7226
7254
|
return props.$borderColor;
|
|
7227
7255
|
});
|
|
7228
|
-
var LoadingGraphicCardGroup = styled__default.default.g(templateObject_3$
|
|
7256
|
+
var LoadingGraphicCardGroup = styled__default.default.g(templateObject_3$o || (templateObject_3$o = __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) {
|
|
7229
7257
|
return props.$offScreen ? '-500px' : '0';
|
|
7230
7258
|
});
|
|
7231
|
-
var LoadingGraphicPhoneGroup = styled__default.default.g(templateObject_4$
|
|
7259
|
+
var LoadingGraphicPhoneGroup = styled__default.default.g(templateObject_4$i || (templateObject_4$i = __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) {
|
|
7232
7260
|
return props.$offScreen ? '40px' : '0';
|
|
7233
7261
|
});
|
|
7234
|
-
var templateObject_1$
|
|
7262
|
+
var templateObject_1$C, templateObject_2$w, templateObject_3$o, templateObject_4$i;
|
|
7235
7263
|
|
|
7236
7264
|
function LoadingListItemIndicator(_a) {
|
|
7237
7265
|
var _b = _a.state,
|
|
@@ -7282,6 +7310,12 @@ function LoadingListItemIndicator(_a) {
|
|
|
7282
7310
|
}))))));
|
|
7283
7311
|
}
|
|
7284
7312
|
|
|
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
|
+
|
|
7285
7319
|
var legacyInstructionImageUrl$1 = "".concat(DEFAULT_CDN_URL, "/WebSDK-Instruction-DL-Capture-3-Portrait.png");
|
|
7286
7320
|
var IdCaptureLoadingOverlayDefault = function IdCaptureLoadingOverlayDefault(_a) {
|
|
7287
7321
|
var _b, _c, _d, _e;
|
|
@@ -7362,10 +7396,13 @@ var IdCaptureLoadingOverlayDefault = function IdCaptureLoadingOverlayDefault(_a)
|
|
|
7362
7396
|
}, onUserCancel && ( /*#__PURE__*/React__namespace.default.createElement(ExitCaptureButton, {
|
|
7363
7397
|
onClick: onUserCancel,
|
|
7364
7398
|
className: classNames.cancelBtn
|
|
7365
|
-
})), customOverlayContent || ( /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(
|
|
7399
|
+
})), customOverlayContent || ( /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(OverlayHeader$1, null, /*#__PURE__*/React__namespace.default.createElement(StyledGuidanceMessage$2, {
|
|
7366
7400
|
className: classNames.heading
|
|
7367
|
-
}, verbiage.headingText)), /*#__PURE__*/React__namespace.default.createElement(
|
|
7368
|
-
className: classNames.imageContainer
|
|
7401
|
+
}, verbiage.headingText)), /*#__PURE__*/React__namespace.default.createElement(StyledOverlayImageContainer$2, {
|
|
7402
|
+
className: classNames.imageContainer,
|
|
7403
|
+
style: {
|
|
7404
|
+
pointerEvents: 'none'
|
|
7405
|
+
}
|
|
7369
7406
|
}, (assets === null || assets === void 0 ? void 0 : assets.instructionImageUrl) && assets.instructionImageUrl !== legacyInstructionImageUrl$1 ? ( /*#__PURE__*/React__namespace.default.createElement(CustomLoadingGraphic$1, {
|
|
7370
7407
|
ref: imageRef,
|
|
7371
7408
|
alt: verbiage.headingText,
|
|
@@ -7389,27 +7426,27 @@ var IdCaptureLoadingOverlayDefault = function IdCaptureLoadingOverlayDefault(_a)
|
|
|
7389
7426
|
}), /*#__PURE__*/React__namespace.default.createElement("label", {
|
|
7390
7427
|
htmlFor: "use-continuity-camera",
|
|
7391
7428
|
className: classNames.continuityCameraCheckboxLabel
|
|
7392
|
-
}, verbiage.useContinuityCameraText)))), /*#__PURE__*/React__namespace.default.createElement(
|
|
7429
|
+
}, verbiage.useContinuityCameraText)))), /*#__PURE__*/React__namespace.default.createElement(StyledButtonsRow$a, {
|
|
7393
7430
|
className: classNames.buttonsRow
|
|
7394
|
-
}, /*#__PURE__*/React__namespace.default.createElement(
|
|
7431
|
+
}, /*#__PURE__*/React__namespace.default.createElement(ProgressContainer$1, {
|
|
7395
7432
|
className: classNames.progressContainer
|
|
7396
7433
|
}, /*#__PURE__*/React__namespace.default.createElement(ProgressBarBackground$1, {
|
|
7397
7434
|
className: classNames.progressBackground
|
|
7398
|
-
}), /*#__PURE__*/React__namespace.default.createElement(
|
|
7435
|
+
}), /*#__PURE__*/React__namespace.default.createElement(ProgressBar$1, {
|
|
7399
7436
|
"$progress": modelDownloadProgress,
|
|
7400
7437
|
className: classNames.progressBar
|
|
7401
7438
|
}, /*#__PURE__*/React__namespace.default.createElement(ProgressIndicator$1, {
|
|
7402
7439
|
className: classNames.progressIndicator
|
|
7403
|
-
}))), /*#__PURE__*/React__namespace.default.createElement(
|
|
7440
|
+
}))), /*#__PURE__*/React__namespace.default.createElement(LoadingListContainer$1, {
|
|
7404
7441
|
className: classNames.loadingListContainer
|
|
7405
|
-
}, /*#__PURE__*/React__namespace.default.createElement(
|
|
7442
|
+
}, /*#__PURE__*/React__namespace.default.createElement(LoadingList$1, {
|
|
7406
7443
|
className: classNames.loadingList
|
|
7407
|
-
}, /*#__PURE__*/React__namespace.default.createElement(
|
|
7444
|
+
}, /*#__PURE__*/React__namespace.default.createElement(LoadingListItem$1, {
|
|
7408
7445
|
className: cn__default.default(classNames.loadingListItem, cameraReady ? 'done' : 'running')
|
|
7409
7446
|
}, /*#__PURE__*/React__namespace.default.createElement(LoadingListItemIndicator, {
|
|
7410
7447
|
className: classNames.loadingListItemIndicator,
|
|
7411
7448
|
state: cameraReady ? 'done' : 'running'
|
|
7412
|
-
}), cameraReady ? verbiage.cameraInitializedText : verbiage.cameraInitializingText), /*#__PURE__*/React__namespace.default.createElement(
|
|
7449
|
+
}), cameraReady ? verbiage.cameraInitializedText : verbiage.cameraInitializingText), /*#__PURE__*/React__namespace.default.createElement(LoadingListItem$1, {
|
|
7413
7450
|
className: cn__default.default(classNames.loadingListItem, sessionReady && modelsReady ? 'done' : 'running')
|
|
7414
7451
|
}, /*#__PURE__*/React__namespace.default.createElement(LoadingListItemIndicator, {
|
|
7415
7452
|
className: classNames.loadingListItemIndicator,
|
|
@@ -7428,34 +7465,52 @@ var IdCaptureLoadingOverlayDefault = function IdCaptureLoadingOverlayDefault(_a)
|
|
|
7428
7465
|
}
|
|
7429
7466
|
}, verbiage.continueText))))));
|
|
7430
7467
|
};
|
|
7431
|
-
var OverlayInner$1 = styled__default.default(
|
|
7468
|
+
var OverlayInner$1 = styled__default.default.div(templateObject_1$A || (templateObject_1$A = __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) {
|
|
7432
7469
|
var _a, _b, _c, _d;
|
|
7433
7470
|
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';
|
|
7434
7471
|
}, function (props) {
|
|
7435
7472
|
var _a, _b, _c, _d;
|
|
7436
7473
|
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';
|
|
7437
7474
|
});
|
|
7438
|
-
var
|
|
7439
|
-
var
|
|
7440
|
-
|
|
7441
|
-
|
|
7475
|
+
var OverlayHeader$1 = styled__default.default.div(templateObject_2$u || (templateObject_2$u = __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) {
|
|
7476
|
+
var _a;
|
|
7477
|
+
return (_a = props.theme.textAlign) !== null && _a !== void 0 ? _a : 'center';
|
|
7478
|
+
}, function (props) {
|
|
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) {
|
|
7442
7487
|
var _a, _b, _c, _d;
|
|
7443
7488
|
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';
|
|
7444
7489
|
}, function (props) {
|
|
7445
7490
|
var _a, _b, _c, _d, _e, _f;
|
|
7446
7491
|
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, ";") : '';
|
|
7447
7492
|
});
|
|
7448
|
-
var
|
|
7493
|
+
var LoadingListContainer$1 = styled__default.default.div(templateObject_9$3 || (templateObject_9$3 = __makeTemplateObject(["\n display: flex;\n position: relative;\n z-index: 2;\n"], ["\n display: flex;\n position: relative;\n z-index: 2;\n"])));
|
|
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) {
|
|
7449
7498
|
var _a, _b, _c, _d;
|
|
7450
7499
|
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)';
|
|
7451
7500
|
}, function (props) {
|
|
7452
7501
|
var _a, _b, _c, _d;
|
|
7453
7502
|
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;
|
|
7454
7503
|
});
|
|
7455
|
-
var
|
|
7456
|
-
|
|
7457
|
-
|
|
7458
|
-
var
|
|
7504
|
+
var ProgressBar$1 = styled__default.default.span(templateObject_14$1 || (templateObject_14$1 = __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) {
|
|
7505
|
+
return props.$progress;
|
|
7506
|
+
});
|
|
7507
|
+
var ProgressIndicator$1 = styled__default.default.span(templateObject_15$1 || (templateObject_15$1 = __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) {
|
|
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) {
|
|
7459
7514
|
var _a, _b, _c, _d, _e, _f;
|
|
7460
7515
|
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, ";") : '';
|
|
7461
7516
|
}, function (props) {
|
|
@@ -7465,10 +7520,10 @@ var ContinueButton$1 = styled__default.default(LoaderButton)(templateObject_10$1
|
|
|
7465
7520
|
var _a, _b, _c, _d, _e, _f;
|
|
7466
7521
|
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, ";") : '';
|
|
7467
7522
|
});
|
|
7468
|
-
var templateObject_1$
|
|
7523
|
+
var templateObject_1$A, templateObject_2$u, templateObject_3$m, templateObject_4$g, templateObject_5$b, templateObject_6$9, templateObject_7$6, templateObject_8$3, templateObject_9$3, templateObject_10$2, templateObject_11$2, templateObject_12$2, templateObject_13$2, templateObject_14$1, templateObject_15$1, templateObject_16, templateObject_17, templateObject_18;
|
|
7469
7524
|
|
|
7470
|
-
var ContinuityCameraCheckboxContainer = styled__default.default.div(templateObject_1$
|
|
7471
|
-
var ContinuityCameraCheckbox = styled__default.default.input(templateObject_2$
|
|
7525
|
+
var ContinuityCameraCheckboxContainer = styled__default.default.div(templateObject_1$z || (templateObject_1$z = __makeTemplateObject(["\n margin-top: 15px;\n margin-bottom: 15px;\n"], ["\n margin-top: 15px;\n margin-bottom: 15px;\n"])));
|
|
7526
|
+
var ContinuityCameraCheckbox = styled__default.default.input(templateObject_2$t || (templateObject_2$t = __makeTemplateObject(["\n margin-right: 8px;\n"], ["\n margin-right: 8px;\n"])));
|
|
7472
7527
|
var IdCaptureLoadingOverlayLegacy = function IdCaptureLoadingOverlayLegacy(_a) {
|
|
7473
7528
|
var _b, _c, _d, _e;
|
|
7474
7529
|
var onDismissed = _a.onDismissed,
|
|
@@ -7589,7 +7644,7 @@ var IdCaptureLoadingOverlayLegacy = function IdCaptureLoadingOverlayLegacy(_a) {
|
|
|
7589
7644
|
}
|
|
7590
7645
|
}, ready ? verbiage.continueText : modelsReady ? verbiage.cameraInitializingText : modelDownloadProgress >= 100 ? verbiage.modelsWarmingUpText : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)"))));
|
|
7591
7646
|
};
|
|
7592
|
-
var templateObject_1$
|
|
7647
|
+
var templateObject_1$z, templateObject_2$t;
|
|
7593
7648
|
|
|
7594
7649
|
var components$1 = {
|
|
7595
7650
|
"default": IdCaptureLoadingOverlayDefault,
|
|
@@ -7647,9 +7702,9 @@ var CapturedDocumentImg = function CapturedDocumentImg(_a) {
|
|
|
7647
7702
|
});
|
|
7648
7703
|
};
|
|
7649
7704
|
|
|
7650
|
-
var Card = styled__default.default.div(templateObject_1$
|
|
7651
|
-
var FlexCard = styled__default.default(Card)(templateObject_2$
|
|
7652
|
-
var templateObject_1$
|
|
7705
|
+
var Card = styled__default.default.div(templateObject_1$y || (templateObject_1$y = __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, 100dvw - 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, 100dvw - 48px);\n max-height: 100%;\n overflow: auto;\n box-sizing: border-box;\n"])));
|
|
7706
|
+
var FlexCard = styled__default.default(Card)(templateObject_2$s || (templateObject_2$s = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n"], ["\n display: flex;\n flex-direction: column;\n"])));
|
|
7707
|
+
var templateObject_1$y, templateObject_2$s;
|
|
7653
7708
|
|
|
7654
7709
|
var imageDisplayOrder = ['idCardFront', 'idCardBack', 'passport', 'singlePage', 'idFrontIrImage', 'idBackIrImage', 'idFrontUvImage', 'idBackUvImage'];
|
|
7655
7710
|
var IdCaptureSuccess = function IdCaptureSuccess(_a) {
|
|
@@ -7711,13 +7766,13 @@ var IdCaptureSuccess = function IdCaptureSuccess(_a) {
|
|
|
7711
7766
|
finished: true
|
|
7712
7767
|
}, verbiage.retryText)))));
|
|
7713
7768
|
};
|
|
7714
|
-
var Heading$a = styled__default.default.h1(templateObject_1$
|
|
7715
|
-
var ImagesContainer = styled__default.default(OverlayImageContainer)(templateObject_2$
|
|
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
|
|
7717
|
-
var ImageCol$1 = styled__default.default.div(templateObject_4$f || (templateObject_4$f = __makeTemplateObject(["\n width:
|
|
7769
|
+
var Heading$a = styled__default.default.h1(templateObject_1$x || (templateObject_1$x = __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"])));
|
|
7770
|
+
var ImagesContainer = styled__default.default(OverlayImageContainer)(templateObject_2$r || (templateObject_2$r = __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"])));
|
|
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"])));
|
|
7718
7773
|
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"])));
|
|
7719
|
-
var DebugPre = styled__default.default.pre(templateObject_6$8 || (templateObject_6$8 = __makeTemplateObject(["\n
|
|
7720
|
-
var templateObject_1$
|
|
7774
|
+
var DebugPre = styled__default.default.pre(templateObject_6$8 || (templateObject_6$8 = __makeTemplateObject(["\n text-align: left;\n max-width: min(450px, 100dvw - 100px);\n overflow-x: auto;\n"], ["\n text-align: left;\n max-width: min(450px, 100dvw - 100px);\n overflow-x: auto;\n"])));
|
|
7775
|
+
var templateObject_1$x, templateObject_2$r, templateObject_3$l, templateObject_4$f, templateObject_5$a, templateObject_6$8;
|
|
7721
7776
|
|
|
7722
7777
|
function useShowSuccessScreen(skipSuccessScreen, successScreenReady, onDoneCallback) {
|
|
7723
7778
|
var _this = this;
|
|
@@ -7769,10 +7824,10 @@ function resetCanvasDimensions(canvas) {
|
|
|
7769
7824
|
canvas.style.height = '0';
|
|
7770
7825
|
}
|
|
7771
7826
|
|
|
7772
|
-
var IdCardGuideImageContainer = styled__default.default(IdCardBorder)(templateObject_1$
|
|
7827
|
+
var IdCardGuideImageContainer = styled__default.default(IdCardBorder)(templateObject_1$w || (templateObject_1$w = __makeTemplateObject(["\n position: relative;\n ", "\n box-sizing: border-box;\n"], ["\n position: relative;\n ", "\n box-sizing: border-box;\n"])), function (props) {
|
|
7773
7828
|
return props.$isVisible ? '' : 'opacity: 0;';
|
|
7774
7829
|
});
|
|
7775
|
-
var IdCardGuideImage = styled__default.default.img(templateObject_2$
|
|
7830
|
+
var IdCardGuideImage = styled__default.default.img(templateObject_2$q || (templateObject_2$q = __makeTemplateObject(["\n transform-style: preserve-3d;\n ", "\n ", "\n"], ["\n transform-style: preserve-3d;\n ", "\n ", "\n"])), function (props) {
|
|
7776
7831
|
return props.$isMirrored ? 'transform: scaleX(-1);' : '';
|
|
7777
7832
|
}, function (props) {
|
|
7778
7833
|
return props.$isInvisible ? 'opacity: 0;' : '';
|
|
@@ -7925,7 +7980,7 @@ var IdCardBorderRect = styled__default.default.rect(templateObject_5$9 || (templ
|
|
|
7925
7980
|
var _a;
|
|
7926
7981
|
return (_a = props.$fillMode) !== null && _a !== void 0 ? _a : 'forwards';
|
|
7927
7982
|
});
|
|
7928
|
-
var templateObject_1$
|
|
7983
|
+
var templateObject_1$w, templateObject_2$q, templateObject_3$k, templateObject_4$e, templateObject_5$9;
|
|
7929
7984
|
|
|
7930
7985
|
var defaultIdCaptureGuideImages = {
|
|
7931
7986
|
portrait: {
|
|
@@ -8101,12 +8156,12 @@ var IdVideoCaptureFlipIdPrompt = function IdVideoCaptureFlipIdPrompt(_a) {
|
|
|
8101
8156
|
style: imageStyle
|
|
8102
8157
|
})));
|
|
8103
8158
|
};
|
|
8104
|
-
var FlipImageContainer = styled__default.default(IdCardGuideImageContainer)(templateObject_1$
|
|
8159
|
+
var FlipImageContainer = styled__default.default(IdCardGuideImageContainer)(templateObject_1$v || (templateObject_1$v = __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) {
|
|
8105
8160
|
return props.$transitionTime;
|
|
8106
8161
|
}, function (props) {
|
|
8107
8162
|
return props.$transforms;
|
|
8108
8163
|
});
|
|
8109
|
-
var templateObject_1$
|
|
8164
|
+
var templateObject_1$v;
|
|
8110
8165
|
|
|
8111
8166
|
var GuideOrientationContext = /*#__PURE__*/React.createContext({
|
|
8112
8167
|
orientation: 'landscape',
|
|
@@ -8393,8 +8448,8 @@ var regionClsx = function regionClsx(classNames, which) {
|
|
|
8393
8448
|
return v;
|
|
8394
8449
|
}).join(' ');
|
|
8395
8450
|
};
|
|
8396
|
-
var StyledPageContainer = styled__default.default
|
|
8397
|
-
var GuidesContainer = styled__default.default.div(templateObject_2$
|
|
8451
|
+
var StyledPageContainer = styled__default.default(PageContainerDiv)(templateObject_1$u || (templateObject_1$u = __makeTemplateObject(["\n z-index: 1000;\n overflow-y: hidden;\n"], ["\n z-index: 1000;\n overflow-y: hidden;\n"])));
|
|
8452
|
+
var GuidesContainer = styled__default.default.div(templateObject_2$p || (templateObject_2$p = __makeTemplateObject(["\n display: flex;\n flex-flow: column nowrap;\n width: 100dvw;\n height: 100dvh;\n"], ["\n display: flex;\n flex-flow: column nowrap;\n width: 100dvw;\n height: 100dvh;\n"])));
|
|
8398
8453
|
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"])));
|
|
8399
8454
|
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) {
|
|
8400
8455
|
var _a, _b, _c, _d, _e;
|
|
@@ -8419,9 +8474,9 @@ var GuideCenterBorder = styled__default.default.div(templateObject_7$5 || (templ
|
|
|
8419
8474
|
}, function (props) {
|
|
8420
8475
|
return props.$padding ? "padding: ".concat(props.$padding, "px;") : '';
|
|
8421
8476
|
});
|
|
8422
|
-
var GuideText = styled__default.default.span(templateObject_8$
|
|
8423
|
-
var GuideCenterInner = styled__default.default.div(templateObject_9$
|
|
8424
|
-
var templateObject_1$
|
|
8477
|
+
var GuideText = styled__default.default.span(templateObject_8$2 || (templateObject_8$2 = __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"])));
|
|
8478
|
+
var GuideCenterInner = styled__default.default.div(templateObject_9$2 || (templateObject_9$2 = __makeTemplateObject(["\n position: relative;\n margin: auto;\n"], ["\n position: relative;\n margin: auto;\n"])));
|
|
8479
|
+
var templateObject_1$u, templateObject_2$p, templateObject_3$j, templateObject_4$d, templateObject_5$8, templateObject_6$7, templateObject_7$5, templateObject_8$2, templateObject_9$2;
|
|
8425
8480
|
|
|
8426
8481
|
var IdCaptureFitGuide = function IdCaptureFitGuide(_a) {
|
|
8427
8482
|
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
|
|
@@ -8562,11 +8617,11 @@ var IdCaptureFitGuide = function IdCaptureFitGuide(_a) {
|
|
|
8562
8617
|
progress: progress
|
|
8563
8618
|
}));
|
|
8564
8619
|
};
|
|
8565
|
-
var CanvasWrapper$1 = styled__default.default.div(templateObject_1$
|
|
8620
|
+
var CanvasWrapper$1 = styled__default.default.div(templateObject_1$t || (templateObject_1$t = __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) {
|
|
8566
8621
|
return props.$maskColor;
|
|
8567
8622
|
});
|
|
8568
|
-
var Canvas$1 = styled__default.default.canvas(templateObject_2$
|
|
8569
|
-
var templateObject_1$
|
|
8623
|
+
var Canvas$1 = styled__default.default.canvas(templateObject_2$o || (templateObject_2$o = __makeTemplateObject(["\n display: block;\n"], ["\n display: block;\n"])));
|
|
8624
|
+
var templateObject_1$t, templateObject_2$o;
|
|
8570
8625
|
|
|
8571
8626
|
function IdCaptureGuides(_a) {
|
|
8572
8627
|
var _b = _a.guideType,
|
|
@@ -8622,7 +8677,7 @@ function IdCaptureGuides(_a) {
|
|
|
8622
8677
|
})));
|
|
8623
8678
|
}
|
|
8624
8679
|
|
|
8625
|
-
var Spinner = styled__default.default.div(templateObject_1$
|
|
8680
|
+
var Spinner = styled__default.default.div(templateObject_1$s || (templateObject_1$s = __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) {
|
|
8626
8681
|
var $size = _a.$size;
|
|
8627
8682
|
return $size !== null && $size !== void 0 ? $size : 80;
|
|
8628
8683
|
}, function (_a) {
|
|
@@ -8647,11 +8702,7 @@ var Spinner = styled__default.default.div(templateObject_1$u || (templateObject_
|
|
|
8647
8702
|
var $color = _a.$color;
|
|
8648
8703
|
return $color !== null && $color !== void 0 ? $color : '#888';
|
|
8649
8704
|
}, dualRingSpinnerAnimation);
|
|
8650
|
-
var
|
|
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;
|
|
8705
|
+
var templateObject_1$s;
|
|
8655
8706
|
|
|
8656
8707
|
var IdCaptureImagePreview = function IdCaptureImagePreview(_a) {
|
|
8657
8708
|
var _b = _a.classNames,
|
|
@@ -8738,11 +8789,11 @@ var SelfieProgressPreview = function SelfieProgressPreview(_a) {
|
|
|
8738
8789
|
onError: onError
|
|
8739
8790
|
})));
|
|
8740
8791
|
};
|
|
8741
|
-
var StyledSpinner = styled__default.default(Spinner)(templateObject_1$
|
|
8742
|
-
var ImagePreviewWrapper = styled__default.default.div(templateObject_2$
|
|
8792
|
+
var StyledSpinner = styled__default.default(Spinner)(templateObject_1$r || (templateObject_1$r = __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"])));
|
|
8793
|
+
var ImagePreviewWrapper = styled__default.default.div(templateObject_2$n || (templateObject_2$n = __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"])));
|
|
8743
8794
|
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"])));
|
|
8744
8795
|
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"])));
|
|
8745
|
-
var templateObject_1$
|
|
8796
|
+
var templateObject_1$r, templateObject_2$n, templateObject_3$i, templateObject_4$c;
|
|
8746
8797
|
|
|
8747
8798
|
var documentCaptureInitialState = {
|
|
8748
8799
|
documents: [],
|
|
@@ -9090,16 +9141,16 @@ var DocumentCaptureGuideOverlay = function DocumentCaptureGuideOverlay(_a) {
|
|
|
9090
9141
|
ref: canvasRef
|
|
9091
9142
|
}));
|
|
9092
9143
|
};
|
|
9093
|
-
var CanvasWrapper = styled__default.default.div(templateObject_1$
|
|
9144
|
+
var CanvasWrapper = styled__default.default.div(templateObject_1$q || (templateObject_1$q = __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) {
|
|
9094
9145
|
return props.$maskColor;
|
|
9095
9146
|
});
|
|
9096
|
-
var Canvas = styled__default.default.canvas(templateObject_2$
|
|
9097
|
-
var templateObject_1$
|
|
9147
|
+
var Canvas = styled__default.default.canvas(templateObject_2$m || (templateObject_2$m = __makeTemplateObject(["\n display: block;\n"], ["\n display: block;\n"])));
|
|
9148
|
+
var templateObject_1$q, templateObject_2$m;
|
|
9098
9149
|
|
|
9099
|
-
var CameraFeedWrapper = styled__default.default.div(templateObject_1$
|
|
9150
|
+
var CameraFeedWrapper = styled__default.default.div(templateObject_1$p || (templateObject_1$p = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
9100
9151
|
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;") : "";
|
|
9101
9152
|
});
|
|
9102
|
-
var templateObject_1$
|
|
9153
|
+
var templateObject_1$p;
|
|
9103
9154
|
|
|
9104
9155
|
var CameraVideoTag = function CameraVideoTag(props) {
|
|
9105
9156
|
var _a = useCameraStore(shallow.useShallow(function (store) {
|
|
@@ -9130,46 +9181,46 @@ var CameraVideoTag = function CameraVideoTag(props) {
|
|
|
9130
9181
|
"$isRearFacing": isRearFacing
|
|
9131
9182
|
}, props));
|
|
9132
9183
|
};
|
|
9133
|
-
var FullscreenVideoTag = styled__default.default.video(templateObject_1$
|
|
9184
|
+
var FullscreenVideoTag = styled__default.default.video(templateObject_1$o || (templateObject_1$o = __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) {
|
|
9134
9185
|
return props.$isRearFacing ? '' : 'scaleX(-1)';
|
|
9135
9186
|
});
|
|
9136
|
-
var templateObject_1$
|
|
9187
|
+
var templateObject_1$o;
|
|
9137
9188
|
|
|
9138
9189
|
var DocumentCaptureScreen = function DocumentCaptureScreen(_a) {
|
|
9139
|
-
var _b, _c, _d, _e;
|
|
9190
|
+
var _b, _c, _d, _e, _f;
|
|
9140
9191
|
var onCaptureClicked = _a.onCaptureClicked,
|
|
9141
|
-
|
|
9142
|
-
classNames =
|
|
9143
|
-
|
|
9144
|
-
rawVerbiage =
|
|
9145
|
-
var
|
|
9146
|
-
|
|
9147
|
-
documents =
|
|
9148
|
-
currentDocumentIndex =
|
|
9149
|
-
rectX =
|
|
9150
|
-
rectY =
|
|
9151
|
-
rectWidth =
|
|
9152
|
-
rectHeight =
|
|
9153
|
-
rectOffsetTop =
|
|
9154
|
-
capturing =
|
|
9155
|
-
uploadCapturedDocument =
|
|
9156
|
-
dispatch =
|
|
9157
|
-
var
|
|
9158
|
-
title =
|
|
9159
|
-
aspectRatio =
|
|
9160
|
-
cameraFeedMode =
|
|
9161
|
-
instructions =
|
|
9162
|
-
contentUrl =
|
|
9163
|
-
content =
|
|
9164
|
-
uploadState =
|
|
9165
|
-
var
|
|
9166
|
-
videoStream =
|
|
9167
|
-
cameraReady =
|
|
9168
|
-
cameraAccessDenied =
|
|
9169
|
-
requestCameraAccess =
|
|
9170
|
-
var
|
|
9171
|
-
cameraAccessRequested =
|
|
9172
|
-
setCameraAccessRequested =
|
|
9192
|
+
_g = _a.classNames,
|
|
9193
|
+
classNames = _g === void 0 ? {} : _g,
|
|
9194
|
+
_h = _a.verbiage,
|
|
9195
|
+
rawVerbiage = _h === void 0 ? {} : _h;
|
|
9196
|
+
var _j = useDocumentCaptureState(),
|
|
9197
|
+
_k = _j[0],
|
|
9198
|
+
documents = _k.documents,
|
|
9199
|
+
currentDocumentIndex = _k.currentDocumentIndex,
|
|
9200
|
+
rectX = _k.rectX,
|
|
9201
|
+
rectY = _k.rectY,
|
|
9202
|
+
rectWidth = _k.rectWidth,
|
|
9203
|
+
rectHeight = _k.rectHeight,
|
|
9204
|
+
rectOffsetTop = _k.rectOffsetTop,
|
|
9205
|
+
capturing = _k.capturing,
|
|
9206
|
+
uploadCapturedDocument = _k.uploadCapturedDocument,
|
|
9207
|
+
dispatch = _j[1];
|
|
9208
|
+
var _l = (_b = documents[currentDocumentIndex]) !== null && _b !== void 0 ? _b : {},
|
|
9209
|
+
title = _l.title,
|
|
9210
|
+
aspectRatio = _l.aspectRatio,
|
|
9211
|
+
cameraFeedMode = _l.cameraFeedMode,
|
|
9212
|
+
instructions = _l.instructions,
|
|
9213
|
+
contentUrl = _l.contentUrl,
|
|
9214
|
+
content = _l.content,
|
|
9215
|
+
uploadState = _l.uploadState;
|
|
9216
|
+
var _m = useCameraStore(),
|
|
9217
|
+
videoStream = _m.videoStream,
|
|
9218
|
+
cameraReady = _m.cameraReady,
|
|
9219
|
+
cameraAccessDenied = _m.cameraAccessDenied,
|
|
9220
|
+
requestCameraAccess = _m.requestCameraAccess;
|
|
9221
|
+
var _o = React.useState(false),
|
|
9222
|
+
cameraAccessRequested = _o[0],
|
|
9223
|
+
setCameraAccessRequested = _o[1];
|
|
9173
9224
|
var cameraAccessNeeded =
|
|
9174
9225
|
// we should force the browser to ask for camera access if...
|
|
9175
9226
|
uploadState === 'not_started' &&
|
|
@@ -9217,7 +9268,9 @@ var DocumentCaptureScreen = function DocumentCaptureScreen(_a) {
|
|
|
9217
9268
|
});
|
|
9218
9269
|
});
|
|
9219
9270
|
}
|
|
9220
|
-
return /*#__PURE__*/React__namespace.default.createElement(
|
|
9271
|
+
return /*#__PURE__*/React__namespace.default.createElement(PageContainer, {
|
|
9272
|
+
className: "flex ".concat((_f = classNames.container) !== null && _f !== void 0 ? _f : '')
|
|
9273
|
+
}, /*#__PURE__*/React__namespace.default.createElement(CameraFeedWrapper, {
|
|
9221
9274
|
className: classNames.cameraFeedWrapper,
|
|
9222
9275
|
"$mode": cameraFeedMode !== null && cameraFeedMode !== void 0 ? cameraFeedMode : 'snapToGuides',
|
|
9223
9276
|
"$x": rectX,
|
|
@@ -9246,7 +9299,7 @@ var DocumentCaptureScreen = function DocumentCaptureScreen(_a) {
|
|
|
9246
9299
|
className: classNames.footerRow
|
|
9247
9300
|
}, instructions && ( /*#__PURE__*/React__namespace.default.createElement(Instructions, {
|
|
9248
9301
|
className: classNames.instructions
|
|
9249
|
-
}, instructions)), /*#__PURE__*/React__namespace.default.createElement(StyledButtonsRow$
|
|
9302
|
+
}, instructions)), /*#__PURE__*/React__namespace.default.createElement(StyledButtonsRow$9, {
|
|
9250
9303
|
className: classNames.buttonsRow
|
|
9251
9304
|
}, cameraAccessDenied ? ( /*#__PURE__*/React__namespace.default.createElement(LoaderButton, {
|
|
9252
9305
|
className: classNames.retryCameraAccessBtn,
|
|
@@ -9281,8 +9334,8 @@ var DocumentCaptureScreen = function DocumentCaptureScreen(_a) {
|
|
|
9281
9334
|
disabled: !cameraReady || capturing
|
|
9282
9335
|
}, !cameraReady ? verbiage.loadingBtnText : capturing ? verbiage.capturingBtnText : verbiage.captureBtnText))))));
|
|
9283
9336
|
};
|
|
9284
|
-
var CaptureContainer = styled__default.default.div(templateObject_1$
|
|
9285
|
-
var HeadingRow = styled__default.default.div(templateObject_2$
|
|
9337
|
+
var CaptureContainer = styled__default.default.div(templateObject_1$n || (templateObject_1$n = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: var(--app-height);\n"], ["\n display: flex;\n flex-direction: column;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: var(--app-height);\n"])));
|
|
9338
|
+
var HeadingRow = styled__default.default.div(templateObject_2$l || (templateObject_2$l = __makeTemplateObject(["\n background: ", ";\n text-align: center;\n color: white;\n"], ["\n background: ", ";\n text-align: center;\n color: white;\n"])), function (props) {
|
|
9286
9339
|
return props.$maskColor;
|
|
9287
9340
|
});
|
|
9288
9341
|
var Heading$9 = styled__default.default.h1(templateObject_3$h || (templateObject_3$h = __makeTemplateObject(["\n font-size: 22px;\n"], ["\n font-size: 22px;\n"])));
|
|
@@ -9293,9 +9346,9 @@ var Instructions = styled__default.default.div(templateObject_5$7 || (templateOb
|
|
|
9293
9346
|
var _a, _b, _c;
|
|
9294
9347
|
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';
|
|
9295
9348
|
});
|
|
9296
|
-
var StyledButtonsRow$
|
|
9349
|
+
var StyledButtonsRow$9 = styled__default.default(ButtonsRow)(templateObject_6$6 || (templateObject_6$6 = __makeTemplateObject(["\n padding-top: 20px;\n"], ["\n padding-top: 20px;\n"])));
|
|
9297
9350
|
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"])));
|
|
9298
|
-
var templateObject_1$
|
|
9351
|
+
var templateObject_1$n, templateObject_2$l, templateObject_3$h, templateObject_4$b, templateObject_5$7, templateObject_6$6, templateObject_7$4;
|
|
9299
9352
|
|
|
9300
9353
|
var DocumentCaptureWizard = function DocumentCaptureWizard(_a) {
|
|
9301
9354
|
var onSuccess = _a.onSuccess,
|
|
@@ -9541,7 +9594,7 @@ var IdCaptureFallback = function IdCaptureFallback(_a) {
|
|
|
9541
9594
|
capture: "environment",
|
|
9542
9595
|
onChange: onFileSelected,
|
|
9543
9596
|
hidden: true
|
|
9544
|
-
}), /*#__PURE__*/React__namespace.default.createElement(StyledButtonsRow$
|
|
9597
|
+
}), /*#__PURE__*/React__namespace.default.createElement(StyledButtonsRow$8, {
|
|
9545
9598
|
className: classNames.buttonsRow
|
|
9546
9599
|
}, images.length < maxImageCount && ( /*#__PURE__*/React__namespace.default.createElement(LoaderButton, {
|
|
9547
9600
|
variant: images.length > 0 ? 'secondary' : 'positive',
|
|
@@ -9566,13 +9619,13 @@ var IdCaptureFallback = function IdCaptureFallback(_a) {
|
|
|
9566
9619
|
}
|
|
9567
9620
|
}, verbiage.doneBtnText))))));
|
|
9568
9621
|
};
|
|
9569
|
-
var StyledOverlayInner$2 = styled__default.default(OverlayInner$2)(templateObject_1$
|
|
9570
|
-
var Heading$8 = styled__default.default.h3(templateObject_2$
|
|
9622
|
+
var StyledOverlayInner$2 = styled__default.default(OverlayInner$2)(templateObject_1$m || (templateObject_1$m = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
9623
|
+
var Heading$8 = styled__default.default.h3(templateObject_2$k || (templateObject_2$k = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
9571
9624
|
var Description$3 = styled__default.default.p(templateObject_3$g || (templateObject_3$g = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
9572
9625
|
var Instruction = styled__default.default.p(templateObject_4$a || (templateObject_4$a = __makeTemplateObject(["\n font-weight: bold;\n"], ["\n font-weight: bold;\n"])));
|
|
9573
9626
|
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"])));
|
|
9574
|
-
var StyledButtonsRow$
|
|
9575
|
-
var templateObject_1$
|
|
9627
|
+
var StyledButtonsRow$8 = styled__default.default(ButtonsRow)(templateObject_6$5 || (templateObject_6$5 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
9628
|
+
var templateObject_1$m, templateObject_2$k, templateObject_3$g, templateObject_4$a, templateObject_5$6, templateObject_6$5;
|
|
9576
9629
|
|
|
9577
9630
|
function ScalingCameraFeed() {
|
|
9578
9631
|
var _a = useIdCaptureStore(),
|
|
@@ -9924,24 +9977,24 @@ function FilePickerButton(_a) {
|
|
|
9924
9977
|
}
|
|
9925
9978
|
}, file ? "".concat(file.name, " (").concat(humanFileSize(file.size), ")") : filePickerLoading ? loadingText : children));
|
|
9926
9979
|
}
|
|
9927
|
-
var ScreenContainer = styled__default.default.div(templateObject_1$
|
|
9980
|
+
var ScreenContainer = styled__default.default.div(templateObject_1$l || (templateObject_1$l = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n height: 100dvh;\n width: 100dvw;\n position: relative;\n font-family: ", ";\n"], ["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n height: 100dvh;\n width: 100dvw;\n position: relative;\n font-family: ", ";\n"])), function (props) {
|
|
9928
9981
|
var _a;
|
|
9929
9982
|
return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
|
|
9930
9983
|
});
|
|
9931
|
-
var ScreenPanel = styled__default.default.div(templateObject_2$
|
|
9984
|
+
var ScreenPanel = styled__default.default.div(templateObject_2$j || (templateObject_2$j = __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"])));
|
|
9932
9985
|
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"])));
|
|
9933
9986
|
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"])));
|
|
9934
9987
|
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"])));
|
|
9935
9988
|
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"])));
|
|
9936
9989
|
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"])));
|
|
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) {
|
|
9990
|
+
var UploadIdBackHelpText = styled__default.default.p(templateObject_8$1 || (templateObject_8$1 = __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"])));
|
|
9991
|
+
var Button = styled__default.default(WideBorderButton)(templateObject_9$1 || (templateObject_9$1 = __makeTemplateObject(["\n width: auto;\n font-weight: 500;\n padding-left: 40px;\n padding-right: 40px;\n transition: background-color 0.3s ease;\n background-color: #ffffff;\n white-space: nowrap;\n\n &:disabled,\n &.disabled {\n background-color: #f1f1f1 !important;\n border-color: #dbdbdb !important;\n color: #323232 !important;\n }\n\n &:hover {\n filter: none;\n background-color: #fafafa !important;\n }\n"], ["\n width: auto;\n font-weight: 500;\n padding-left: 40px;\n padding-right: 40px;\n transition: background-color 0.3s ease;\n background-color: #ffffff;\n white-space: nowrap;\n\n &:disabled,\n &.disabled {\n background-color: #f1f1f1 !important;\n border-color: #dbdbdb !important;\n color: #323232 !important;\n }\n\n &:hover {\n filter: none;\n background-color: #fafafa !important;\n }\n"])));
|
|
9992
|
+
var Modal = styled__default.default.div(templateObject_10$1 || (templateObject_10$1 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.5);\n z-index: 10000;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.5);\n z-index: 10000;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n"])));
|
|
9993
|
+
var Dialog = styled__default.default.div(templateObject_11$1 || (templateObject_11$1 = __makeTemplateObject(["\n width: 100%;\n max-width: 500px;\n height: 100%;\n max-height: 600px;\n background: white;\n border-radius: 25px;\n overflow: auto;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\n font-family: ", ";\n //margin: 25px;\n"], ["\n width: 100%;\n max-width: 500px;\n height: 100%;\n max-height: 600px;\n background: white;\n border-radius: 25px;\n overflow: auto;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\n font-family: ", ";\n //margin: 25px;\n"])), function (props) {
|
|
9941
9994
|
var _a;
|
|
9942
9995
|
return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
|
|
9943
9996
|
});
|
|
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"])));
|
|
9997
|
+
var ModalCloseButton = styled__default.default.button(templateObject_12$1 || (templateObject_12$1 = __makeTemplateObject(["\n width: 60px;\n height: 60px;\n background: black;\n color: whitesmoke;\n border-radius: 50%;\n font-size: 32px;\n border: none;\n cursor: pointer;\n margin: 20px 0;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\n transition: background 0.3s ease;\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n padding: 0;\n\n &:hover {\n background: #222;\n color: white;\n }\n"], ["\n width: 60px;\n height: 60px;\n background: black;\n color: whitesmoke;\n border-radius: 50%;\n font-size: 32px;\n border: none;\n cursor: pointer;\n margin: 20px 0;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\n transition: background 0.3s ease;\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n padding: 0;\n\n &:hover {\n background: #222;\n color: white;\n }\n"])));
|
|
9945
9998
|
function XIcon(props) {
|
|
9946
9999
|
return /*#__PURE__*/React__namespace.default.createElement("svg", _assign({
|
|
9947
10000
|
width: "25",
|
|
@@ -10192,7 +10245,7 @@ function IdDocumentIcon(props) {
|
|
|
10192
10245
|
strokeWidth: "3"
|
|
10193
10246
|
}));
|
|
10194
10247
|
}
|
|
10195
|
-
var InlineSvg = styled__default.default.svg(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n display: inline;\n"], ["\n display: inline;\n"])));
|
|
10248
|
+
var InlineSvg = styled__default.default.svg(templateObject_13$1 || (templateObject_13$1 = __makeTemplateObject(["\n display: inline;\n"], ["\n display: inline;\n"])));
|
|
10196
10249
|
function humanFileSize(bytes, si, dp) {
|
|
10197
10250
|
if (si === void 0) {
|
|
10198
10251
|
si = false;
|
|
@@ -10213,87 +10266,87 @@ function humanFileSize(bytes, si, dp) {
|
|
|
10213
10266
|
} while (Math.round(Math.abs(bytes) * r) / r >= thresh && u < units.length - 1);
|
|
10214
10267
|
return bytes.toFixed(dp) + ' ' + units[u];
|
|
10215
10268
|
}
|
|
10216
|
-
var templateObject_1$
|
|
10269
|
+
var templateObject_1$l, templateObject_2$j, templateObject_3$f, templateObject_4$9, templateObject_5$5, templateObject_6$4, templateObject_7$3, templateObject_8$1, templateObject_9$1, templateObject_10$1, templateObject_11$1, templateObject_12$1, templateObject_13$1;
|
|
10217
10270
|
|
|
10218
10271
|
var IdCaptureWizard = function IdCaptureWizard(_a) {
|
|
10219
|
-
var _b, _c, _d, _e, _f;
|
|
10272
|
+
var _b, _c, _d, _e, _f, _g;
|
|
10220
10273
|
var onSuccess = _a.onSuccess,
|
|
10221
10274
|
onExitCapture = _a.onExitCapture,
|
|
10222
10275
|
onUserCancel = _a.onUserCancel,
|
|
10223
|
-
|
|
10224
|
-
loadingOverlayMode =
|
|
10276
|
+
_h = _a.loadingOverlayMode,
|
|
10277
|
+
loadingOverlayMode = _h === void 0 ? 'default' : _h,
|
|
10225
10278
|
customOverlayContent = _a.customOverlayContent,
|
|
10226
10279
|
onLoadingOverlayDismissed = _a.onLoadingOverlayDismissed,
|
|
10227
10280
|
precapturedDocuments = _a.precapturedDocuments,
|
|
10228
|
-
|
|
10229
|
-
captureRequirement =
|
|
10230
|
-
|
|
10231
|
-
allowSinglePageIdCapture =
|
|
10232
|
-
|
|
10233
|
-
separateIdCardCaptureSequence =
|
|
10234
|
-
|
|
10235
|
-
thresholds =
|
|
10236
|
-
|
|
10237
|
-
skipSuccessScreen =
|
|
10281
|
+
_j = _a.captureRequirement,
|
|
10282
|
+
captureRequirement = _j === void 0 ? 'idCardOrPassport' : _j,
|
|
10283
|
+
_k = _a.allowSinglePageIdCapture,
|
|
10284
|
+
allowSinglePageIdCapture = _k === void 0 ? false : _k,
|
|
10285
|
+
_l = _a.separateIdCardCaptureSequence,
|
|
10286
|
+
separateIdCardCaptureSequence = _l === void 0 ? false : _l,
|
|
10287
|
+
_m = _a.thresholds,
|
|
10288
|
+
thresholds = _m === void 0 ? defaultIdCaptureThresholds : _m,
|
|
10289
|
+
_o = _a.skipSuccessScreen,
|
|
10290
|
+
skipSuccessScreen = _o === void 0 ? false : _o,
|
|
10238
10291
|
instructions = _a.instructions,
|
|
10239
|
-
|
|
10240
|
-
releaseCameraAccessOnExit =
|
|
10241
|
-
|
|
10242
|
-
guideType =
|
|
10243
|
-
|
|
10244
|
-
portraitGuidesOnMobile =
|
|
10245
|
-
|
|
10246
|
-
rotateLoadingOverlayImageWhenPortrait =
|
|
10247
|
-
|
|
10248
|
-
silentFallback =
|
|
10249
|
-
|
|
10250
|
-
forceFallbackMode =
|
|
10251
|
-
|
|
10252
|
-
allowIdCardBackToFrontCapture =
|
|
10253
|
-
|
|
10254
|
-
enableOverrideWrongDocumentTypeDialog =
|
|
10255
|
-
|
|
10256
|
-
allowOverrideWrongDocumentTypeAfterMs =
|
|
10257
|
-
|
|
10258
|
-
allowUploadingDocumentsFromStorage =
|
|
10259
|
-
|
|
10260
|
-
guideImages =
|
|
10261
|
-
|
|
10262
|
-
assets =
|
|
10263
|
-
|
|
10264
|
-
classNames =
|
|
10265
|
-
|
|
10266
|
-
colors =
|
|
10267
|
-
|
|
10268
|
-
verbiage =
|
|
10269
|
-
|
|
10270
|
-
debugMode =
|
|
10292
|
+
_p = _a.releaseCameraAccessOnExit,
|
|
10293
|
+
releaseCameraAccessOnExit = _p === void 0 ? true : _p,
|
|
10294
|
+
_q = _a.guideType,
|
|
10295
|
+
guideType = _q === void 0 ? 'fit' : _q,
|
|
10296
|
+
_r = _a.portraitGuidesOnMobile,
|
|
10297
|
+
portraitGuidesOnMobile = _r === void 0 ? true : _r,
|
|
10298
|
+
_s = _a.rotateLoadingOverlayImageWhenPortrait,
|
|
10299
|
+
rotateLoadingOverlayImageWhenPortrait = _s === void 0 ? true : _s,
|
|
10300
|
+
_t = _a.silentFallback,
|
|
10301
|
+
silentFallback = _t === void 0 ? false : _t,
|
|
10302
|
+
_u = _a.forceFallbackMode,
|
|
10303
|
+
forceFallbackMode = _u === void 0 ? false : _u,
|
|
10304
|
+
_v = _a.allowIdCardBackToFrontCapture,
|
|
10305
|
+
allowIdCardBackToFrontCapture = _v === void 0 ? false : _v,
|
|
10306
|
+
_w = _a.enableOverrideWrongDocumentTypeDialog,
|
|
10307
|
+
enableOverrideWrongDocumentTypeDialog = _w === void 0 ? false : _w,
|
|
10308
|
+
_x = _a.allowOverrideWrongDocumentTypeAfterMs,
|
|
10309
|
+
allowOverrideWrongDocumentTypeAfterMs = _x === void 0 ? 8000 : _x,
|
|
10310
|
+
_y = _a.allowUploadingDocumentsFromStorage,
|
|
10311
|
+
allowUploadingDocumentsFromStorage = _y === void 0 ? false : _y,
|
|
10312
|
+
_z = _a.guideImages,
|
|
10313
|
+
guideImages = _z === void 0 ? defaultIdCaptureGuideImages : _z,
|
|
10314
|
+
_0 = _a.assets,
|
|
10315
|
+
assets = _0 === void 0 ? {} : _0,
|
|
10316
|
+
_1 = _a.classNames,
|
|
10317
|
+
classNames = _1 === void 0 ? {} : _1,
|
|
10318
|
+
_2 = _a.colors,
|
|
10319
|
+
colors = _2 === void 0 ? {} : _2,
|
|
10320
|
+
_3 = _a.verbiage,
|
|
10321
|
+
verbiage = _3 === void 0 ? {} : _3,
|
|
10322
|
+
_4 = _a.debugMode,
|
|
10323
|
+
debugMode = _4 === void 0 ? false : _4;
|
|
10271
10324
|
var state = useIdCaptureStore();
|
|
10272
|
-
var
|
|
10273
|
-
cameraAccessDenied =
|
|
10274
|
-
requestCameraAccess =
|
|
10275
|
-
releaseCameraAccess =
|
|
10276
|
-
var
|
|
10277
|
-
overlayDismissed =
|
|
10278
|
-
setOverlayDismissed =
|
|
10279
|
-
var
|
|
10280
|
-
submissionStatus =
|
|
10281
|
-
setIdFrontImage =
|
|
10282
|
-
setIdBackImage =
|
|
10283
|
-
setPassportImage =
|
|
10284
|
-
setIdFrontIrImage =
|
|
10285
|
-
setIdBackIrImage =
|
|
10286
|
-
setIdFrontUvImage =
|
|
10287
|
-
setIdBackUvImage =
|
|
10288
|
-
logIdFrontCaptureAttempt =
|
|
10289
|
-
logIdBackCaptureAttempt =
|
|
10290
|
-
var
|
|
10291
|
-
start =
|
|
10292
|
-
stop =
|
|
10293
|
-
onPredictionMade =
|
|
10294
|
-
setRequiredDocumentType =
|
|
10295
|
-
modelError =
|
|
10296
|
-
resetBestFrame =
|
|
10325
|
+
var _5 = useCameraStore(),
|
|
10326
|
+
cameraAccessDenied = _5.cameraAccessDenied,
|
|
10327
|
+
requestCameraAccess = _5.requestCameraAccess,
|
|
10328
|
+
releaseCameraAccess = _5.releaseCameraAccess;
|
|
10329
|
+
var _6 = React.useState(false),
|
|
10330
|
+
overlayDismissed = _6[0],
|
|
10331
|
+
setOverlayDismissed = _6[1];
|
|
10332
|
+
var _7 = React.useContext(SubmissionContext),
|
|
10333
|
+
submissionStatus = _7.submissionStatus,
|
|
10334
|
+
setIdFrontImage = _7.setIdFrontImage,
|
|
10335
|
+
setIdBackImage = _7.setIdBackImage,
|
|
10336
|
+
setPassportImage = _7.setPassportImage,
|
|
10337
|
+
setIdFrontIrImage = _7.setIdFrontIrImage,
|
|
10338
|
+
setIdBackIrImage = _7.setIdBackIrImage,
|
|
10339
|
+
setIdFrontUvImage = _7.setIdFrontUvImage,
|
|
10340
|
+
setIdBackUvImage = _7.setIdBackUvImage,
|
|
10341
|
+
logIdFrontCaptureAttempt = _7.logIdFrontCaptureAttempt,
|
|
10342
|
+
logIdBackCaptureAttempt = _7.logIdBackCaptureAttempt;
|
|
10343
|
+
var _8 = useIdCaptureModelsContext(),
|
|
10344
|
+
start = _8.start,
|
|
10345
|
+
stop = _8.stop,
|
|
10346
|
+
onPredictionMade = _8.onPredictionMade,
|
|
10347
|
+
setRequiredDocumentType = _8.setRequiredDocumentType,
|
|
10348
|
+
modelError = _8.modelError,
|
|
10349
|
+
resetBestFrame = _8.resetBestFrame;
|
|
10297
10350
|
React.useEffect(function () {
|
|
10298
10351
|
dispatchIdCaptureAction({
|
|
10299
10352
|
type: 'configureWizard',
|
|
@@ -10405,9 +10458,9 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
|
|
|
10405
10458
|
type: 'resetWizard'
|
|
10406
10459
|
});
|
|
10407
10460
|
}, []);
|
|
10408
|
-
var
|
|
10409
|
-
attempt =
|
|
10410
|
-
setAttempt =
|
|
10461
|
+
var _9 = React.useState(0),
|
|
10462
|
+
attempt = _9[0],
|
|
10463
|
+
setAttempt = _9[1];
|
|
10411
10464
|
var onExit = React.useCallback(function () {
|
|
10412
10465
|
releaseCameraAccess();
|
|
10413
10466
|
setOverlayDismissed(false);
|
|
@@ -10498,9 +10551,9 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
|
|
|
10498
10551
|
});
|
|
10499
10552
|
});
|
|
10500
10553
|
}, []);
|
|
10501
|
-
var
|
|
10502
|
-
progressStarted =
|
|
10503
|
-
setProgressStarted =
|
|
10554
|
+
var _10 = React.useState(false),
|
|
10555
|
+
progressStarted = _10[0],
|
|
10556
|
+
setProgressStarted = _10[1];
|
|
10504
10557
|
React.useEffect(function () {
|
|
10505
10558
|
if (state.captureState === 'capturing') {
|
|
10506
10559
|
setProgressStarted(false);
|
|
@@ -10530,7 +10583,9 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
|
|
|
10530
10583
|
}
|
|
10531
10584
|
var requestedAction = state.captureState === 'requestingFlip' ? 'FLIP_ID' : state.requestedDocumentType === 'idCardBack' ? 'SHOW_ID_BACK' : state.requestedDocumentType === 'passport' ? 'SHOW_PASSPORT' : 'SHOW_ID_FRONT';
|
|
10532
10585
|
var guidesStatus = !overlayDismissed ? 'disabled' : state.isGoodFrame ? 'capturing' : 'ready';
|
|
10533
|
-
return /*#__PURE__*/React__namespace.default.createElement(
|
|
10586
|
+
return /*#__PURE__*/React__namespace.default.createElement(PageContainer, {
|
|
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, {
|
|
10534
10589
|
requiredDocumentType: state.requestedDocumentType,
|
|
10535
10590
|
thresholds: thresholds,
|
|
10536
10591
|
onCapture: onCapture,
|
|
@@ -10550,15 +10605,15 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
|
|
|
10550
10605
|
colors: colors,
|
|
10551
10606
|
verbiage: idCaptureVerbiage,
|
|
10552
10607
|
isBackToFront: state.allowIdCardBackToFrontCapture && 'idCardBack' in state.capturedDocuments
|
|
10553
|
-
}), debugMode && !((
|
|
10554
|
-
classNames: (
|
|
10555
|
-
text: (
|
|
10608
|
+
}), debugMode && !((_d = (_c = theme.idCapture) === null || _c === void 0 ? void 0 : _c.capturePreview) === null || _d === void 0 ? void 0 : _d.disabled) && state.captureState === 'requestingFlip' && !separateIdCardCaptureSequence && state.imageUrl && ( /*#__PURE__*/React__namespace.default.createElement(IdCaptureImagePreview, {
|
|
10609
|
+
classNames: (_e = classNames.capture) === null || _e === void 0 ? void 0 : _e.imagePreview,
|
|
10610
|
+
text: (_f = idCaptureVerbiages === null || idCaptureVerbiages === void 0 ? void 0 : idCaptureVerbiages.idCardFront) === null || _f === void 0 ? void 0 : _f.processingIdCardText,
|
|
10556
10611
|
imageUrl: state.imageUrl
|
|
10557
10612
|
})), state.captureState !== 'complete' && ( /*#__PURE__*/React__namespace.default.createElement("div", {
|
|
10558
10613
|
id: "idmission-above-guides-content"
|
|
10559
10614
|
})), /*#__PURE__*/React__namespace.default.createElement(ExitCaptureButton, {
|
|
10560
10615
|
onClick: onExit,
|
|
10561
|
-
className: (
|
|
10616
|
+
className: (_g = classNames.capture) === null || _g === void 0 ? void 0 : _g.exitCaptureBtn
|
|
10562
10617
|
}), !overlayDismissed && ( /*#__PURE__*/React__namespace.default.createElement(IdCaptureLoadingOverlay, {
|
|
10563
10618
|
key: "loading".concat(attempt),
|
|
10564
10619
|
mode: loadingOverlayMode,
|
|
@@ -10598,10 +10653,14 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
|
|
|
10598
10653
|
|
|
10599
10654
|
function SelfieCaptureLoadingGraphic(_a) {
|
|
10600
10655
|
var _b, _c, _d;
|
|
10601
|
-
var
|
|
10602
|
-
|
|
10603
|
-
|
|
10604
|
-
|
|
10656
|
+
var _e = _a.width,
|
|
10657
|
+
width = _e === void 0 ? 840 : _e,
|
|
10658
|
+
_f = _a.height,
|
|
10659
|
+
height = _f === void 0 ? 740 : _f,
|
|
10660
|
+
className = _a.className;
|
|
10661
|
+
var _g = React.useState(1),
|
|
10662
|
+
frame = _g[0],
|
|
10663
|
+
setFrame = _g[1];
|
|
10605
10664
|
React.useEffect(function () {
|
|
10606
10665
|
var i = setInterval(function () {
|
|
10607
10666
|
setFrame(function (n) {
|
|
@@ -10615,6 +10674,8 @@ function SelfieCaptureLoadingGraphic(_a) {
|
|
|
10615
10674
|
var theme = styled.useTheme();
|
|
10616
10675
|
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)';
|
|
10617
10676
|
return /*#__PURE__*/React__namespace.default.createElement("svg", {
|
|
10677
|
+
width: width,
|
|
10678
|
+
height: height,
|
|
10618
10679
|
className: className,
|
|
10619
10680
|
viewBox: "0 0 840 740",
|
|
10620
10681
|
fill: "none",
|
|
@@ -10906,7 +10967,7 @@ var HeadGuideSvg = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
10906
10967
|
}))));
|
|
10907
10968
|
});
|
|
10908
10969
|
HeadGuideSvg.displayName = 'HeadGuideSvg';
|
|
10909
|
-
var PulsingHeadGuideContainer = styled__default.default.div(templateObject_1$
|
|
10970
|
+
var PulsingHeadGuideContainer = styled__default.default.div(templateObject_1$k || (templateObject_1$k = __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);
|
|
10910
10971
|
function HeadGuide(_a) {
|
|
10911
10972
|
var _b;
|
|
10912
10973
|
var _c = _a.status,
|
|
@@ -10956,7 +11017,7 @@ function HeadGuide(_a) {
|
|
|
10956
11017
|
height: parentHeight
|
|
10957
11018
|
})));
|
|
10958
11019
|
}
|
|
10959
|
-
var AbsoluteSvg = styled__default.default.svg(templateObject_2$
|
|
11020
|
+
var AbsoluteSvg = styled__default.default.svg(templateObject_2$i || (templateObject_2$i = __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"])));
|
|
10960
11021
|
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) {
|
|
10961
11022
|
return props.$verticalAlign === 'bottom' ? 'flex-end' : 'center';
|
|
10962
11023
|
});
|
|
@@ -11184,10 +11245,10 @@ function SelfieCaptureAnimatedMaskWithStatus(_a) {
|
|
|
11184
11245
|
status: status
|
|
11185
11246
|
}));
|
|
11186
11247
|
}
|
|
11187
|
-
var templateObject_1$
|
|
11248
|
+
var templateObject_1$k, templateObject_2$i, templateObject_3$e;
|
|
11188
11249
|
|
|
11189
|
-
var FaceCaptureGuideContainer = styled__default.default.div(templateObject_1$
|
|
11190
|
-
var FaceCaptureGuideInner = styled__default.default.div(templateObject_2$
|
|
11250
|
+
var FaceCaptureGuideContainer = styled__default.default.div(templateObject_1$j || (templateObject_1$j = __makeTemplateObject(["\n position: fixed;\n z-index: 1000;\n width: 100dvw;\n height: 100dvh;\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: fixed;\n z-index: 1000;\n width: 100dvw;\n height: 100dvh;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 40px;\n box-sizing: border-box;\n"])));
|
|
11251
|
+
var FaceCaptureGuideInner = styled__default.default.div(templateObject_2$h || (templateObject_2$h = __makeTemplateObject(["\n position: relative;\n height: 60%;\n"], ["\n position: relative;\n height: 60%;\n"])));
|
|
11191
11252
|
var FaceCaptureGuideOverlay = function FaceCaptureGuideOverlay(_a) {
|
|
11192
11253
|
var _b = _a.classNames,
|
|
11193
11254
|
classNames = _b === void 0 ? {} : _b,
|
|
@@ -11209,7 +11270,7 @@ var FaceCaptureGuideOverlay = function FaceCaptureGuideOverlay(_a) {
|
|
|
11209
11270
|
verticalAlign: "center"
|
|
11210
11271
|
})));
|
|
11211
11272
|
};
|
|
11212
|
-
var templateObject_1$
|
|
11273
|
+
var templateObject_1$j, templateObject_2$h;
|
|
11213
11274
|
|
|
11214
11275
|
var SelfieGuidanceModelsContext = /*#__PURE__*/React.createContext({
|
|
11215
11276
|
start: function start() {
|
|
@@ -11494,7 +11555,7 @@ var SelfieCaptureFallback = function SelfieCaptureFallback(_a) {
|
|
|
11494
11555
|
src: image,
|
|
11495
11556
|
alt: "",
|
|
11496
11557
|
className: classNames.image
|
|
11497
|
-
}))), /*#__PURE__*/React__namespace.default.createElement(StyledButtonsRow$
|
|
11558
|
+
}))), /*#__PURE__*/React__namespace.default.createElement(StyledButtonsRow$7, {
|
|
11498
11559
|
className: classNames.buttonsRow
|
|
11499
11560
|
}, image && !loading && !isMobile() && ( /*#__PURE__*/React__namespace.default.createElement(LoaderButton, {
|
|
11500
11561
|
className: classNames.retryCaptureBtn,
|
|
@@ -11529,12 +11590,12 @@ var SelfieCaptureFallback = function SelfieCaptureFallback(_a) {
|
|
|
11529
11590
|
}
|
|
11530
11591
|
}, !image ? invalidSelfie ? verbiage.retryButtonText : verbiage.captureBtnText : loading ? verbiage.doneBtnLoadingText : verbiage.doneBtnText)))));
|
|
11531
11592
|
};
|
|
11532
|
-
var StyledOverlayInner$1 = styled__default.default(OverlayInner$2)(templateObject_1$
|
|
11533
|
-
var Heading$7 = styled__default.default.h3(templateObject_2$
|
|
11593
|
+
var StyledOverlayInner$1 = styled__default.default(OverlayInner$2)(templateObject_1$i || (templateObject_1$i = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
11594
|
+
var Heading$7 = styled__default.default.h3(templateObject_2$g || (templateObject_2$g = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
11534
11595
|
var Description$2 = styled__default.default.p(templateObject_3$d || (templateObject_3$d = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
11535
11596
|
var ImageContainer$6 = styled__default.default(OverlayImageContainer)(templateObject_4$8 || (templateObject_4$8 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
11536
|
-
var StyledButtonsRow$
|
|
11537
|
-
var templateObject_1$
|
|
11597
|
+
var StyledButtonsRow$7 = styled__default.default(ButtonsRow)(templateObject_5$4 || (templateObject_5$4 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
11598
|
+
var templateObject_1$i, templateObject_2$g, templateObject_3$d, templateObject_4$8, templateObject_5$4;
|
|
11538
11599
|
|
|
11539
11600
|
var initialState$3 = {
|
|
11540
11601
|
busy: false,
|
|
@@ -11562,7 +11623,7 @@ var reducer$3 = function reducer(state, action) {
|
|
|
11562
11623
|
}
|
|
11563
11624
|
};
|
|
11564
11625
|
var SelfieCapture = function SelfieCapture(_a) {
|
|
11565
|
-
var _b, _c, _d, _e, _f;
|
|
11626
|
+
var _b, _c, _d, _e, _f, _g;
|
|
11566
11627
|
var onGuidanceSatisfied = _a.onGuidanceSatisfied,
|
|
11567
11628
|
onGuidanceNotSatisfied = _a.onGuidanceNotSatisfied,
|
|
11568
11629
|
onFaceDetected = _a.onFaceDetected,
|
|
@@ -11570,46 +11631,46 @@ var SelfieCapture = function SelfieCapture(_a) {
|
|
|
11570
11631
|
onSelfieCaptured = _a.onSelfieCaptured,
|
|
11571
11632
|
onTimeout = _a.onTimeout,
|
|
11572
11633
|
onExit = _a.onExit,
|
|
11573
|
-
|
|
11574
|
-
timeoutDurationMs =
|
|
11634
|
+
_h = _a.timeoutDurationMs,
|
|
11635
|
+
timeoutDurationMs = _h === void 0 ? 15000 : _h,
|
|
11575
11636
|
guidanceMessage = _a.guidanceMessage,
|
|
11576
11637
|
guidanceSatisfied = _a.guidanceSatisfied,
|
|
11577
11638
|
guidesComponent = _a.guidesComponent,
|
|
11578
|
-
|
|
11579
|
-
shouldCapture =
|
|
11580
|
-
|
|
11581
|
-
classNames =
|
|
11582
|
-
|
|
11583
|
-
colors =
|
|
11584
|
-
|
|
11585
|
-
rawVerbiage =
|
|
11586
|
-
|
|
11587
|
-
debugMode =
|
|
11588
|
-
var
|
|
11589
|
-
ref =
|
|
11590
|
-
|
|
11591
|
-
width =
|
|
11592
|
-
|
|
11593
|
-
height =
|
|
11594
|
-
var
|
|
11595
|
-
|
|
11596
|
-
busy =
|
|
11597
|
-
prediction =
|
|
11598
|
-
dispatch =
|
|
11639
|
+
_j = _a.shouldCapture,
|
|
11640
|
+
shouldCapture = _j === void 0 ? true : _j,
|
|
11641
|
+
_k = _a.classNames,
|
|
11642
|
+
classNames = _k === void 0 ? {} : _k,
|
|
11643
|
+
_l = _a.colors,
|
|
11644
|
+
colors = _l === void 0 ? {} : _l,
|
|
11645
|
+
_m = _a.verbiage,
|
|
11646
|
+
rawVerbiage = _m === void 0 ? {} : _m,
|
|
11647
|
+
_o = _a.debugMode,
|
|
11648
|
+
debugMode = _o === void 0 ? false : _o;
|
|
11649
|
+
var _p = useResizeObserver(),
|
|
11650
|
+
ref = _p.ref,
|
|
11651
|
+
_q = _p.width,
|
|
11652
|
+
width = _q === void 0 ? 1 : _q,
|
|
11653
|
+
_r = _p.height,
|
|
11654
|
+
height = _r === void 0 ? 1 : _r;
|
|
11655
|
+
var _s = React.useReducer(reducer$3, initialState$3),
|
|
11656
|
+
_t = _s[0],
|
|
11657
|
+
busy = _t.busy,
|
|
11658
|
+
prediction = _t.prediction,
|
|
11659
|
+
dispatch = _s[1];
|
|
11599
11660
|
var lastPredictionCanvas = React.useRef(null);
|
|
11600
|
-
var
|
|
11661
|
+
var _u = useCameraStore(shallow.useShallow(function (state) {
|
|
11601
11662
|
return {
|
|
11602
11663
|
camera: state.camera,
|
|
11603
11664
|
cameraReady: state.cameraReady,
|
|
11604
11665
|
videoRef: state.videoRef
|
|
11605
11666
|
};
|
|
11606
11667
|
})),
|
|
11607
|
-
camera =
|
|
11608
|
-
videoRef =
|
|
11609
|
-
var
|
|
11610
|
-
onPredictionMade =
|
|
11611
|
-
canvasRef =
|
|
11612
|
-
guidanceError =
|
|
11668
|
+
camera = _u.camera,
|
|
11669
|
+
videoRef = _u.videoRef;
|
|
11670
|
+
var _v = React.useContext(SelfieGuidanceModelsContext),
|
|
11671
|
+
onPredictionMade = _v.onPredictionMade,
|
|
11672
|
+
canvasRef = _v.canvasRef,
|
|
11673
|
+
guidanceError = _v.error;
|
|
11613
11674
|
onPredictionMade(useDebounce.useThrottledCallback(React.useCallback(function (prediction) {
|
|
11614
11675
|
return __awaiter(void 0, void 0, void 0, function () {
|
|
11615
11676
|
return __generator(this, function (_a) {
|
|
@@ -11654,9 +11715,9 @@ var SelfieCapture = function SelfieCapture(_a) {
|
|
|
11654
11715
|
if (timer) clearTimeout(timer);
|
|
11655
11716
|
};
|
|
11656
11717
|
}, [onSelfieCaptureStarted, onSelfieCaptured, prediction]);
|
|
11657
|
-
var
|
|
11658
|
-
timedOut =
|
|
11659
|
-
timeoutStartedAt =
|
|
11718
|
+
var _w = useTimeout(timeoutDurationMs, onTimeout),
|
|
11719
|
+
timedOut = _w.timedOut,
|
|
11720
|
+
timeoutStartedAt = _w.timeoutStartedAt;
|
|
11660
11721
|
var debugScalingDetails = useDebugScalingDetails({
|
|
11661
11722
|
enabled: debugMode,
|
|
11662
11723
|
pageWidth: width,
|
|
@@ -11684,9 +11745,9 @@ var SelfieCapture = function SelfieCapture(_a) {
|
|
|
11684
11745
|
});
|
|
11685
11746
|
}
|
|
11686
11747
|
var GuidesComponent = guidesComponent !== null && guidesComponent !== void 0 ? guidesComponent : FaceCaptureGuideOverlay;
|
|
11687
|
-
return /*#__PURE__*/React__namespace.default.createElement(
|
|
11748
|
+
return /*#__PURE__*/React__namespace.default.createElement(PageContainer, {
|
|
11688
11749
|
ref: ref,
|
|
11689
|
-
className: classNames.container
|
|
11750
|
+
className: "flex ".concat((_g = classNames.container) !== null && _g !== void 0 ? _g : '')
|
|
11690
11751
|
}, /*#__PURE__*/React__namespace.default.createElement(InvisibleCanvas, {
|
|
11691
11752
|
ref: lastPredictionCanvas
|
|
11692
11753
|
}), /*#__PURE__*/React__namespace.default.createElement(GuidesComponent, {
|
|
@@ -11706,8 +11767,6 @@ var SelfieCapture = function SelfieCapture(_a) {
|
|
|
11706
11767
|
className: classNames.exitCaptureBtn
|
|
11707
11768
|
}));
|
|
11708
11769
|
};
|
|
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;
|
|
11711
11770
|
|
|
11712
11771
|
var initialState$2 = {
|
|
11713
11772
|
frame: null,
|
|
@@ -12095,9 +12154,9 @@ var FaceLivenessSuccess = function FaceLivenessSuccess(_a) {
|
|
|
12095
12154
|
finished: true
|
|
12096
12155
|
}, verbiage.retryBtnText)))));
|
|
12097
12156
|
};
|
|
12098
|
-
var ImageContainer$5 = styled__default.default.div(templateObject_1$
|
|
12099
|
-
var Heading$6 = styled__default.default.h3(templateObject_2$
|
|
12100
|
-
var templateObject_1$
|
|
12157
|
+
var ImageContainer$5 = styled__default.default.div(templateObject_1$h || (templateObject_1$h = __makeTemplateObject(["\n position: relative;\n flex-grow: 1;\n margin-bottom: 25px;\n max-width: 100dvw;\n max-height: 100dvh;\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: 100dvw;\n max-height: 100dvh;\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"])));
|
|
12158
|
+
var Heading$6 = styled__default.default.h3(templateObject_2$f || (templateObject_2$f = __makeTemplateObject(["\n font-size: 1.2rem;\n margin: 0;\n"], ["\n font-size: 1.2rem;\n margin: 0;\n"])));
|
|
12159
|
+
var templateObject_1$h, templateObject_2$f;
|
|
12101
12160
|
|
|
12102
12161
|
var FaceLivenessFailure = function FaceLivenessFailure(_a) {
|
|
12103
12162
|
var _b = _a.canRetry,
|
|
@@ -12146,9 +12205,9 @@ var FaceLivenessFailure = function FaceLivenessFailure(_a) {
|
|
|
12146
12205
|
finished: true
|
|
12147
12206
|
}, verbiage.exitBtnText)))));
|
|
12148
12207
|
};
|
|
12149
|
-
var ImageContainer$4 = styled__default.default(OverlayImageContainer)(templateObject_1$
|
|
12150
|
-
var Heading$5 = styled__default.default.h3(templateObject_2$
|
|
12151
|
-
var templateObject_1$
|
|
12208
|
+
var ImageContainer$4 = styled__default.default(OverlayImageContainer)(templateObject_1$g || (templateObject_1$g = __makeTemplateObject(["\n max-height: calc(100vh - 185px);\n"], ["\n max-height: calc(100vh - 185px);\n"])));
|
|
12209
|
+
var Heading$5 = styled__default.default.h3(templateObject_2$e || (templateObject_2$e = __makeTemplateObject(["\n margin-bottom: 36px;\n"], ["\n margin-bottom: 36px;\n"])));
|
|
12210
|
+
var templateObject_1$g, templateObject_2$e;
|
|
12152
12211
|
|
|
12153
12212
|
var MicrophoneAccessDeniedOverlay = function MicrophoneAccessDeniedOverlay(_a) {
|
|
12154
12213
|
var _b;
|
|
@@ -12173,7 +12232,7 @@ var MicrophoneAccessDeniedOverlay = function MicrophoneAccessDeniedOverlay(_a) {
|
|
|
12173
12232
|
className: "flex ".concat((_b = classNames.container) !== null && _b !== void 0 ? _b : '')
|
|
12174
12233
|
}, /*#__PURE__*/React__namespace.default.createElement(StyledOverlayInner, {
|
|
12175
12234
|
className: classNames.inner
|
|
12176
|
-
}, /*#__PURE__*/React__namespace.default.createElement(StyledOverlayImageContainer, {
|
|
12235
|
+
}, /*#__PURE__*/React__namespace.default.createElement(StyledOverlayImageContainer$1, {
|
|
12177
12236
|
className: classNames.imageContainer
|
|
12178
12237
|
}, /*#__PURE__*/React__namespace.default.createElement("img", {
|
|
12179
12238
|
src: assets.imageUrl,
|
|
@@ -12191,11 +12250,11 @@ var MicrophoneAccessDeniedOverlay = function MicrophoneAccessDeniedOverlay(_a) {
|
|
|
12191
12250
|
finished: true
|
|
12192
12251
|
}, verbiage.retryBtnText)));
|
|
12193
12252
|
};
|
|
12194
|
-
var StyledOverlayInner = styled__default.default(OverlayInner$2)(templateObject_1$
|
|
12195
|
-
var StyledOverlayImageContainer = styled__default.default(OverlayImageContainer)(templateObject_2$
|
|
12253
|
+
var StyledOverlayInner = 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"])));
|
|
12254
|
+
var StyledOverlayImageContainer$1 = styled__default.default(OverlayImageContainer)(templateObject_2$d || (templateObject_2$d = __makeTemplateObject(["\n flex-grow: 0;\n"], ["\n flex-grow: 0;\n"])));
|
|
12196
12255
|
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"])));
|
|
12197
12256
|
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"])));
|
|
12198
|
-
var templateObject_1$
|
|
12257
|
+
var templateObject_1$f, templateObject_2$d, templateObject_3$c, templateObject_4$7;
|
|
12199
12258
|
|
|
12200
12259
|
var SelfieCaptureLoadingOverlayLegacy = function SelfieCaptureLoadingOverlayLegacy(_a) {
|
|
12201
12260
|
var onDismissed = _a.onDismissed,
|
|
@@ -12267,13 +12326,13 @@ var SelfieCaptureLoadingOverlayLegacy = function SelfieCaptureLoadingOverlayLega
|
|
|
12267
12326
|
}, verbiage.headingText), onUserCancel && ( /*#__PURE__*/React__namespace.default.createElement(ExitCaptureButton, {
|
|
12268
12327
|
onClick: onUserCancel,
|
|
12269
12328
|
className: classNames.cancelBtn
|
|
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, {
|
|
12329
|
+
})), /*#__PURE__*/React__namespace.default.createElement(StyledGuidanceMessage$1, null, verbiage.removeEyeCoveringsText, /*#__PURE__*/React__namespace.default.createElement("br", null), verbiage.avoidExcessiveBacklightingText), /*#__PURE__*/React__namespace.default.createElement(OverlayImageContainer, {
|
|
12271
12330
|
className: classNames.imageContainer
|
|
12272
12331
|
}, /*#__PURE__*/React__namespace.default.createElement("img", {
|
|
12273
12332
|
className: classNames.image,
|
|
12274
12333
|
alt: verbiage.headingText,
|
|
12275
12334
|
src: assets.instructionImageUrl
|
|
12276
|
-
})), /*#__PURE__*/React__namespace.default.createElement(StyledButtonsRow$
|
|
12335
|
+
})), /*#__PURE__*/React__namespace.default.createElement(StyledButtonsRow$6, {
|
|
12277
12336
|
className: classNames.buttonsRow
|
|
12278
12337
|
}, /*#__PURE__*/React__namespace.default.createElement(LoaderButton, {
|
|
12279
12338
|
variant: "positive",
|
|
@@ -12287,11 +12346,18 @@ var SelfieCaptureLoadingOverlayLegacy = function SelfieCaptureLoadingOverlayLega
|
|
|
12287
12346
|
}
|
|
12288
12347
|
}, ready ? verbiage.continueText : allModelsReady ? verbiage.cameraInitializingText : modelDownloadProgress >= 100 ? "".concat(verbiage.modelsWarmingUpText) : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)")))));
|
|
12289
12348
|
};
|
|
12290
|
-
var StyledGuidanceMessage = styled__default.default(GuidanceMessage)(templateObject_1$
|
|
12291
|
-
var StyledButtonsRow$
|
|
12292
|
-
var templateObject_1$
|
|
12349
|
+
var StyledGuidanceMessage$1 = styled__default.default(GuidanceMessage)(templateObject_1$e || (templateObject_1$e = __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"])));
|
|
12350
|
+
var StyledButtonsRow$6 = styled__default.default(ButtonsRow)(templateObject_2$c || (templateObject_2$c = __makeTemplateObject(["\n flex-direction: column;\n padding-top: 25px;\n"], ["\n flex-direction: column;\n padding-top: 25px;\n"])));
|
|
12351
|
+
var templateObject_1$e, templateObject_2$c;
|
|
12293
12352
|
|
|
12294
12353
|
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
|
+
});
|
|
12295
12361
|
var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDefault(_a) {
|
|
12296
12362
|
var onDismissed = _a.onDismissed,
|
|
12297
12363
|
onUserCancel = _a.onUserCancel,
|
|
@@ -12374,11 +12440,11 @@ var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDef
|
|
|
12374
12440
|
}, onUserCancel && ( /*#__PURE__*/React__namespace.default.createElement(ExitCaptureButton, {
|
|
12375
12441
|
onClick: onUserCancel,
|
|
12376
12442
|
className: classNames.cancelBtn
|
|
12377
|
-
})), customOverlayContent || ( /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(
|
|
12443
|
+
})), customOverlayContent || ( /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(OverlayHeader, {
|
|
12378
12444
|
className: classNames.headingContainer
|
|
12379
|
-
}, /*#__PURE__*/React__namespace.default.createElement(
|
|
12445
|
+
}, /*#__PURE__*/React__namespace.default.createElement(StyledGuidanceMessage, {
|
|
12380
12446
|
className: classNames.heading
|
|
12381
|
-
}, headingText)), /*#__PURE__*/React__namespace.default.createElement(
|
|
12447
|
+
}, headingText)), /*#__PURE__*/React__namespace.default.createElement(StyledOverlayImageContainer, {
|
|
12382
12448
|
className: classNames.imageContainer
|
|
12383
12449
|
}, (assets === null || assets === void 0 ? void 0 : assets.instructionImageUrl) && assets.instructionImageUrl !== legacyInstructionImageUrl ? ( /*#__PURE__*/React__namespace.default.createElement(CustomLoadingGraphic, {
|
|
12384
12450
|
className: classNames.image,
|
|
@@ -12386,32 +12452,32 @@ var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDef
|
|
|
12386
12452
|
src: assets.instructionImageUrl
|
|
12387
12453
|
})) : ( /*#__PURE__*/React__namespace.default.createElement(SelfieCaptureLoadingGraphic, {
|
|
12388
12454
|
className: classNames.image
|
|
12389
|
-
}))))), /*#__PURE__*/React__namespace.default.createElement(
|
|
12455
|
+
}))))), /*#__PURE__*/React__namespace.default.createElement(StyledButtonsRow$5, {
|
|
12390
12456
|
className: classNames.buttonsRow
|
|
12391
|
-
}, /*#__PURE__*/React__namespace.default.createElement(
|
|
12457
|
+
}, /*#__PURE__*/React__namespace.default.createElement(ProgressContainer, {
|
|
12392
12458
|
className: classNames.progressContainer
|
|
12393
12459
|
}, /*#__PURE__*/React__namespace.default.createElement(ProgressBarBackground, {
|
|
12394
12460
|
className: classNames.progressBackground
|
|
12395
|
-
}), /*#__PURE__*/React__namespace.default.createElement(
|
|
12461
|
+
}), /*#__PURE__*/React__namespace.default.createElement(ProgressBar, {
|
|
12396
12462
|
"$progress": modelDownloadProgress,
|
|
12397
12463
|
className: classNames.progressBar
|
|
12398
12464
|
}, /*#__PURE__*/React__namespace.default.createElement(ProgressIndicator, {
|
|
12399
12465
|
className: classNames.progressIndicator
|
|
12400
|
-
}))), /*#__PURE__*/React__namespace.default.createElement(
|
|
12466
|
+
}))), /*#__PURE__*/React__namespace.default.createElement(LoadingListContainer, {
|
|
12401
12467
|
className: classNames.loadingListContainer
|
|
12402
|
-
}, /*#__PURE__*/React__namespace.default.createElement(
|
|
12468
|
+
}, /*#__PURE__*/React__namespace.default.createElement(LoadingList, {
|
|
12403
12469
|
className: classNames.loadingList
|
|
12404
|
-
}, /*#__PURE__*/React__namespace.default.createElement(
|
|
12470
|
+
}, /*#__PURE__*/React__namespace.default.createElement(LoadingListItem, {
|
|
12405
12471
|
className: cn__default.default(classNames.loadingListItem, cameraReady ? 'done' : 'running')
|
|
12406
12472
|
}, /*#__PURE__*/React__namespace.default.createElement(LoadingListItemIndicator, {
|
|
12407
12473
|
className: classNames.loadingListItemIndicator,
|
|
12408
12474
|
state: cameraReady ? 'done' : 'running'
|
|
12409
|
-
}), cameraReady ? verbiage.cameraInitializedText : verbiage.cameraInitializingText), /*#__PURE__*/React__namespace.default.createElement(
|
|
12475
|
+
}), cameraReady ? verbiage.cameraInitializedText : verbiage.cameraInitializingText), /*#__PURE__*/React__namespace.default.createElement(LoadingListItem, {
|
|
12410
12476
|
className: cn__default.default(classNames.loadingListItem, sessionReady && allModelsReady ? 'done' : 'running')
|
|
12411
12477
|
}, /*#__PURE__*/React__namespace.default.createElement(LoadingListItemIndicator, {
|
|
12412
12478
|
className: classNames.loadingListItemIndicator,
|
|
12413
12479
|
state: sessionReady && allModelsReady ? 'done' : 'running'
|
|
12414
|
-
}), !sessionReady ? verbiage.sessionCheckingText : allModelsReady ? verbiage.modelsReadyText : modelDownloadProgress >= 100 ? verbiage.modelsWarmingUpText : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)")))), /*#__PURE__*/React__namespace.default.createElement(ContinueButtonContainer, {
|
|
12480
|
+
}), !sessionReady ? verbiage.sessionCheckingText : !allModelsReady ? verbiage.modelsReadyText : modelDownloadProgress >= 100 ? verbiage.modelsWarmingUpText : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)")))), /*#__PURE__*/React__namespace.default.createElement(ContinueButtonContainer, {
|
|
12415
12481
|
className: classNames.continueBtnContainer
|
|
12416
12482
|
}, ready && ( /*#__PURE__*/React__namespace.default.createElement(ContinueButton, {
|
|
12417
12483
|
autoFocus: true,
|
|
@@ -12425,34 +12491,42 @@ var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDef
|
|
|
12425
12491
|
}
|
|
12426
12492
|
}, verbiage.continueText))))));
|
|
12427
12493
|
};
|
|
12428
|
-
var
|
|
12429
|
-
var _a
|
|
12430
|
-
return (
|
|
12494
|
+
var OverlayHeader = styled__default.default.div(templateObject_2$b || (templateObject_2$b = __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) {
|
|
12495
|
+
var _a;
|
|
12496
|
+
return (_a = props.theme.textAlign) !== null && _a !== void 0 ? _a : 'center';
|
|
12431
12497
|
}, function (props) {
|
|
12432
|
-
|
|
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';
|
|
12498
|
+
return props.theme.padding ? "box-sizing: border-box; padding: ".concat(props.theme.padding, ";") : "";
|
|
12434
12499
|
});
|
|
12435
|
-
var
|
|
12500
|
+
var StyledGuidanceMessage = styled__default.default(GuidanceMessage)(templateObject_3$b || (templateObject_3$b = __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"])));
|
|
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) {
|
|
12436
12502
|
var _a, _b, _c, _d;
|
|
12437
12503
|
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';
|
|
12438
12504
|
}, function (props) {
|
|
12439
12505
|
var _a, _b, _c, _d, _e, _f;
|
|
12440
12506
|
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, ";") : '';
|
|
12441
12507
|
});
|
|
12442
|
-
var
|
|
12508
|
+
var StyledOverlayImageContainer = styled__default.default(OverlayImageContainer)(templateObject_5$3 || (templateObject_5$3 = __makeTemplateObject(["\n padding: 0;\n\n & > svg {\n height: 100%;\n }\n"], ["\n padding: 0;\n\n & > svg {\n height: 100%;\n }\n"])));
|
|
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) {
|
|
12443
12514
|
var _a, _b, _c, _d;
|
|
12444
12515
|
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)';
|
|
12445
12516
|
}, function (props) {
|
|
12446
12517
|
var _a, _b, _c, _d;
|
|
12447
12518
|
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;
|
|
12448
12519
|
});
|
|
12449
|
-
var
|
|
12520
|
+
var ProgressBar = styled__default.default.span(templateObject_11 || (templateObject_11 = __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) {
|
|
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) {
|
|
12450
12524
|
var _a, _b, _c, _d;
|
|
12451
12525
|
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)';
|
|
12452
|
-
});
|
|
12453
|
-
var CustomLoadingGraphic = styled__default.default.img(
|
|
12454
|
-
var ContinueButtonContainer = styled__default.default.div(
|
|
12455
|
-
var ContinueButton = styled__default.default(LoaderButton)(
|
|
12526
|
+
}, progressBarAnimation);
|
|
12527
|
+
var CustomLoadingGraphic = styled__default.default.img(templateObject_13 || (templateObject_13 = __makeTemplateObject([""], [""])));
|
|
12528
|
+
var ContinueButtonContainer = styled__default.default.div(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n display: flex;\n"], ["\n display: flex;\n"])));
|
|
12529
|
+
var ContinueButton = styled__default.default(LoaderButton)(templateObject_15 || (templateObject_15 = __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) {
|
|
12456
12530
|
var _a, _b, _c, _d, _e, _f;
|
|
12457
12531
|
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, ";") : '';
|
|
12458
12532
|
}, function (props) {
|
|
@@ -12462,7 +12536,7 @@ var ContinueButton = styled__default.default(LoaderButton)(templateObject_7$2 ||
|
|
|
12462
12536
|
var _a, _b, _c, _d, _e, _f;
|
|
12463
12537
|
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, ";") : '';
|
|
12464
12538
|
});
|
|
12465
|
-
var templateObject_1$
|
|
12539
|
+
var templateObject_1$d, templateObject_2$b, templateObject_3$b, templateObject_4$6, templateObject_5$3, templateObject_6$3, templateObject_7$2, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15;
|
|
12466
12540
|
|
|
12467
12541
|
var components = {
|
|
12468
12542
|
"default": SelfieCaptureLoadingOverlayDefault,
|
|
@@ -12478,7 +12552,7 @@ var SelfieCaptureLoadingOverlay = function SelfieCaptureLoadingOverlay(_a) {
|
|
|
12478
12552
|
};
|
|
12479
12553
|
|
|
12480
12554
|
var FaceLivenessWizard = function FaceLivenessWizard(_a) {
|
|
12481
|
-
var _b;
|
|
12555
|
+
var _b, _c, _d;
|
|
12482
12556
|
var onComplete = _a.onComplete,
|
|
12483
12557
|
onSuccess = _a.onSuccess,
|
|
12484
12558
|
onFailure = _a.onFailure,
|
|
@@ -12488,70 +12562,70 @@ var FaceLivenessWizard = function FaceLivenessWizard(_a) {
|
|
|
12488
12562
|
onExitAfterFailure = _a.onExitAfterFailure,
|
|
12489
12563
|
onUserCancel = _a.onUserCancel,
|
|
12490
12564
|
precapturedDocuments = _a.precapturedDocuments,
|
|
12491
|
-
|
|
12492
|
-
loadingOverlayMode =
|
|
12565
|
+
_e = _a.loadingOverlayMode,
|
|
12566
|
+
loadingOverlayMode = _e === void 0 ? 'default' : _e,
|
|
12493
12567
|
customOverlayContent = _a.customOverlayContent,
|
|
12494
12568
|
onLoadingOverlayDismissed = _a.onLoadingOverlayDismissed,
|
|
12495
|
-
|
|
12496
|
-
initialCaptureDelayMs =
|
|
12497
|
-
|
|
12498
|
-
timeoutDurationMs =
|
|
12499
|
-
|
|
12500
|
-
maxRetries =
|
|
12501
|
-
|
|
12502
|
-
skipSuccessScreen =
|
|
12503
|
-
|
|
12504
|
-
allowLivenessFailure =
|
|
12505
|
-
|
|
12506
|
-
renderCameraFeed =
|
|
12507
|
-
|
|
12508
|
-
releaseCameraAccessOnExit =
|
|
12509
|
-
|
|
12510
|
-
silentFallback =
|
|
12511
|
-
|
|
12512
|
-
waitForIdCaptureModels =
|
|
12569
|
+
_f = _a.initialCaptureDelayMs,
|
|
12570
|
+
initialCaptureDelayMs = _f === void 0 ? 1000 : _f,
|
|
12571
|
+
_g = _a.timeoutDurationMs,
|
|
12572
|
+
timeoutDurationMs = _g === void 0 ? 15000 : _g,
|
|
12573
|
+
_h = _a.maxRetries,
|
|
12574
|
+
maxRetries = _h === void 0 ? 2 : _h,
|
|
12575
|
+
_j = _a.skipSuccessScreen,
|
|
12576
|
+
skipSuccessScreen = _j === void 0 ? false : _j,
|
|
12577
|
+
_k = _a.allowLivenessFailure,
|
|
12578
|
+
allowLivenessFailure = _k === void 0 ? false : _k,
|
|
12579
|
+
_l = _a.renderCameraFeed,
|
|
12580
|
+
renderCameraFeed = _l === void 0 ? true : _l,
|
|
12581
|
+
_m = _a.releaseCameraAccessOnExit,
|
|
12582
|
+
releaseCameraAccessOnExit = _m === void 0 ? true : _m,
|
|
12583
|
+
_o = _a.silentFallback,
|
|
12584
|
+
silentFallback = _o === void 0 ? false : _o,
|
|
12585
|
+
_p = _a.waitForIdCaptureModels,
|
|
12586
|
+
waitForIdCaptureModels = _p === void 0 ? false : _p,
|
|
12513
12587
|
guidesComponent = _a.guidesComponent,
|
|
12514
12588
|
disableCapturePreview = _a.disableCapturePreview,
|
|
12515
|
-
|
|
12516
|
-
assets =
|
|
12517
|
-
|
|
12518
|
-
classNames =
|
|
12519
|
-
|
|
12520
|
-
colors =
|
|
12521
|
-
|
|
12522
|
-
verbiage =
|
|
12523
|
-
|
|
12524
|
-
debugMode =
|
|
12525
|
-
var
|
|
12526
|
-
submissionResponse =
|
|
12527
|
-
livenessCheckRequest =
|
|
12528
|
-
setSelfieImage =
|
|
12529
|
-
logSelfieCaptureAttempt =
|
|
12530
|
-
var
|
|
12589
|
+
_q = _a.assets,
|
|
12590
|
+
assets = _q === void 0 ? {} : _q,
|
|
12591
|
+
_r = _a.classNames,
|
|
12592
|
+
classNames = _r === void 0 ? {} : _r,
|
|
12593
|
+
_s = _a.colors,
|
|
12594
|
+
colors = _s === void 0 ? {} : _s,
|
|
12595
|
+
_t = _a.verbiage,
|
|
12596
|
+
verbiage = _t === void 0 ? {} : _t,
|
|
12597
|
+
_u = _a.debugMode,
|
|
12598
|
+
debugMode = _u === void 0 ? false : _u;
|
|
12599
|
+
var _v = React.useContext(SubmissionContext),
|
|
12600
|
+
submissionResponse = _v.submissionResponse,
|
|
12601
|
+
livenessCheckRequest = _v.livenessCheckRequest,
|
|
12602
|
+
setSelfieImage = _v.setSelfieImage,
|
|
12603
|
+
logSelfieCaptureAttempt = _v.logSelfieCaptureAttempt;
|
|
12604
|
+
var _w = useCameraStore(shallow.useShallow(function (state) {
|
|
12531
12605
|
return {
|
|
12532
12606
|
cameraAccessDenied: state.cameraAccessDenied,
|
|
12533
12607
|
requestCameraAccess: state.requestCameraAccess,
|
|
12534
12608
|
releaseCameraAccess: state.releaseCameraAccess
|
|
12535
12609
|
};
|
|
12536
12610
|
})),
|
|
12537
|
-
cameraAccessDenied =
|
|
12538
|
-
requestCameraAccess =
|
|
12539
|
-
releaseCameraAccess =
|
|
12540
|
-
var
|
|
12541
|
-
faceCropImageUrl =
|
|
12542
|
-
setFaceCropImageUrl =
|
|
12543
|
-
var
|
|
12544
|
-
retryCount =
|
|
12545
|
-
setRetryCount =
|
|
12546
|
-
var
|
|
12547
|
-
captureState =
|
|
12548
|
-
setCaptureState =
|
|
12611
|
+
cameraAccessDenied = _w.cameraAccessDenied,
|
|
12612
|
+
requestCameraAccess = _w.requestCameraAccess,
|
|
12613
|
+
releaseCameraAccess = _w.releaseCameraAccess;
|
|
12614
|
+
var _x = React.useState(''),
|
|
12615
|
+
faceCropImageUrl = _x[0],
|
|
12616
|
+
setFaceCropImageUrl = _x[1];
|
|
12617
|
+
var _y = React.useState(0),
|
|
12618
|
+
retryCount = _y[0],
|
|
12619
|
+
setRetryCount = _y[1];
|
|
12620
|
+
var _z = React.useState('LOADING'),
|
|
12621
|
+
captureState = _z[0],
|
|
12622
|
+
setCaptureState = _z[1];
|
|
12549
12623
|
var captureStartedAt = React.useRef();
|
|
12550
12624
|
var operationStartedAt = React.useRef();
|
|
12551
12625
|
var livenessScore = React.useRef();
|
|
12552
|
-
var
|
|
12553
|
-
start =
|
|
12554
|
-
stop =
|
|
12626
|
+
var _0 = React.useContext(SelfieGuidanceModelsContext),
|
|
12627
|
+
start = _0.start,
|
|
12628
|
+
stop = _0.stop;
|
|
12555
12629
|
React.useEffect(function () {
|
|
12556
12630
|
if (precapturedDocuments === null || precapturedDocuments === void 0 ? void 0 : precapturedDocuments.selfie) {
|
|
12557
12631
|
setSelfieImage(precapturedDocuments.selfie.imageData);
|
|
@@ -12635,9 +12709,9 @@ var FaceLivenessWizard = function FaceLivenessWizard(_a) {
|
|
|
12635
12709
|
}
|
|
12636
12710
|
onDenied === null || onDenied === void 0 ? void 0 : onDenied(submissionResponse, livenessCheckRequest);
|
|
12637
12711
|
}, [allowLivenessFailure, onDenied, submissionResponse, livenessCheckRequest]);
|
|
12638
|
-
var
|
|
12639
|
-
attempt =
|
|
12640
|
-
setAttempt =
|
|
12712
|
+
var _1 = React.useState(0),
|
|
12713
|
+
attempt = _1[0],
|
|
12714
|
+
setAttempt = _1[1];
|
|
12641
12715
|
var onExitCallback = React.useCallback(function () {
|
|
12642
12716
|
setAttempt(function (n) {
|
|
12643
12717
|
return n + 1;
|
|
@@ -12685,8 +12759,10 @@ var FaceLivenessWizard = function FaceLivenessWizard(_a) {
|
|
|
12685
12759
|
}, [livenessCheckRequest, onExitAfterFailure, releaseCameraAccess, releaseCameraAccessOnExit, submissionResponse]);
|
|
12686
12760
|
return /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(InvisibleCanvas, {
|
|
12687
12761
|
ref: resizeCanvas
|
|
12688
|
-
}),
|
|
12689
|
-
className: (_b = classNames.capture) === null || _b === void 0 ? void 0 : _b.
|
|
12762
|
+
}), /*#__PURE__*/React__namespace.default.createElement(PageContainer, {
|
|
12763
|
+
className: "flex ".concat((_c = (_b = classNames.capture) === null || _b === void 0 ? void 0 : _b.container) !== null && _c !== void 0 ? _c : '')
|
|
12764
|
+
}, renderCameraFeed && ( /*#__PURE__*/React__namespace.default.createElement(CameraVideoTag, {
|
|
12765
|
+
className: (_d = classNames.capture) === null || _d === void 0 ? void 0 : _d.cameraFeed
|
|
12690
12766
|
})), captureState !== 'LOADING' && function () {
|
|
12691
12767
|
switch (captureState) {
|
|
12692
12768
|
case 'CAPTURING':
|
|
@@ -12736,7 +12812,7 @@ var FaceLivenessWizard = function FaceLivenessWizard(_a) {
|
|
|
12736
12812
|
default:
|
|
12737
12813
|
return null;
|
|
12738
12814
|
}
|
|
12739
|
-
}(), /*#__PURE__*/React__namespace.default.createElement(SelfieCaptureLoadingOverlay, {
|
|
12815
|
+
}()), /*#__PURE__*/React__namespace.default.createElement(SelfieCaptureLoadingOverlay, {
|
|
12740
12816
|
key: attempt,
|
|
12741
12817
|
mode: loadingOverlayMode,
|
|
12742
12818
|
customOverlayContent: customOverlayContent,
|
|
@@ -12863,11 +12939,11 @@ var AdditionalDocumentCapture = function AdditionalDocumentCapture(_a) {
|
|
|
12863
12939
|
}
|
|
12864
12940
|
}, verbiage.captureBtnText)))));
|
|
12865
12941
|
};
|
|
12866
|
-
var Inner$2 = styled__default.default(OverlayInner$2)(templateObject_1$
|
|
12867
|
-
var Heading$4 = styled__default.default.h3(templateObject_2$
|
|
12942
|
+
var Inner$2 = styled__default.default(OverlayInner$2)(templateObject_1$c || (templateObject_1$c = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
12943
|
+
var Heading$4 = styled__default.default.h3(templateObject_2$a || (templateObject_2$a = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
12868
12944
|
var Description = styled__default.default.p(templateObject_3$a || (templateObject_3$a = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
12869
|
-
var StyledButtonsRow$4 = styled__default.default(ButtonsRow
|
|
12870
|
-
var templateObject_1$
|
|
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$c, templateObject_2$a, templateObject_3$a, templateObject_4$5;
|
|
12871
12947
|
|
|
12872
12948
|
var AdditionalDocumentCaptureWizard = function AdditionalDocumentCaptureWizard(_a) {
|
|
12873
12949
|
var documents = _a.documents,
|
|
@@ -13017,7 +13093,7 @@ function convertSVGtoImg(svgData_1) {
|
|
|
13017
13093
|
});
|
|
13018
13094
|
}
|
|
13019
13095
|
|
|
13020
|
-
var SignaturePaperBacking = styled__default.default.div(templateObject_1$
|
|
13096
|
+
var SignaturePaperBacking = styled__default.default.div(templateObject_1$b || (templateObject_1$b = __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) {
|
|
13021
13097
|
var _a, _b;
|
|
13022
13098
|
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, ";") : "";
|
|
13023
13099
|
}, function (props) {
|
|
@@ -13027,7 +13103,7 @@ var SignaturePaperBacking = styled__default.default.div(templateObject_1$c || (t
|
|
|
13027
13103
|
var _a, _b;
|
|
13028
13104
|
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, ";") : "";
|
|
13029
13105
|
});
|
|
13030
|
-
var SignatureCanvasContainer$1 = styled__default.default.div(templateObject_2$
|
|
13106
|
+
var SignatureCanvasContainer$1 = styled__default.default.div(templateObject_2$9 || (templateObject_2$9 = __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"])));
|
|
13031
13107
|
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) {
|
|
13032
13108
|
var _a, _b, _c;
|
|
13033
13109
|
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)';
|
|
@@ -13038,35 +13114,8 @@ var SignaturePad = styled__default.default.div(templateObject_3$9 || (templateOb
|
|
|
13038
13114
|
var _a, _b, _c;
|
|
13039
13115
|
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';
|
|
13040
13116
|
});
|
|
13041
|
-
var SignatureButtonsContainer = styled__default.default(ButtonsRow
|
|
13042
|
-
var templateObject_1$
|
|
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;
|
|
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$b, templateObject_2$9, templateObject_3$9, templateObject_4$4;
|
|
13070
13119
|
|
|
13071
13120
|
var SignatureCapture = function SignatureCapture(_a) {
|
|
13072
13121
|
var onAccept = _a.onAccept,
|
|
@@ -13101,7 +13150,7 @@ var SignatureCapture = function SignatureCapture(_a) {
|
|
|
13101
13150
|
});
|
|
13102
13151
|
});
|
|
13103
13152
|
}
|
|
13104
|
-
return /*#__PURE__*/React__namespace.default.createElement(
|
|
13153
|
+
return /*#__PURE__*/React__namespace.default.createElement(PageContainer, {
|
|
13105
13154
|
className: classNames.container
|
|
13106
13155
|
}, /*#__PURE__*/React__namespace.default.createElement(SignaturePaperBacking, {
|
|
13107
13156
|
className: classNames.inner
|
|
@@ -13608,7 +13657,7 @@ function VideoSignatureGuides(_a) {
|
|
|
13608
13657
|
finished: true
|
|
13609
13658
|
}, verbiage.acceptSignatureBtnText))))));
|
|
13610
13659
|
}
|
|
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
|
|
13660
|
+
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 width: 100dvw;\n height: 100dvh;\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 width: 100dvw;\n height: 100dvh;\n font-family: ", ";\n box-sizing: border-box;\n overflow: hidden;\n padding: 40px;\n"])), function (props) {
|
|
13612
13661
|
var _a;
|
|
13613
13662
|
return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
|
|
13614
13663
|
});
|
|
@@ -13624,34 +13673,35 @@ var templateObject_1$9, templateObject_2$8, templateObject_3$8, templateObject_4
|
|
|
13624
13673
|
|
|
13625
13674
|
var DEFAULT_MIN_SIGNATURE_PAD_POINTS = 10;
|
|
13626
13675
|
var VideoSignatureCapture = function VideoSignatureCapture(_a) {
|
|
13676
|
+
var _b;
|
|
13627
13677
|
var onVideoCaptured = _a.onVideoCaptured,
|
|
13628
13678
|
onFaceNotDetected = _a.onFaceNotDetected,
|
|
13629
13679
|
onExit = _a.onExit,
|
|
13630
|
-
|
|
13631
|
-
restartVideoOnSignaturePadCleared =
|
|
13680
|
+
_c = _a.restartVideoOnSignaturePadCleared,
|
|
13681
|
+
restartVideoOnSignaturePadCleared = _c === void 0 ? true : _c,
|
|
13632
13682
|
guidesComponent = _a.guidesComponent,
|
|
13633
|
-
|
|
13634
|
-
minSignaturePadPoints =
|
|
13635
|
-
|
|
13636
|
-
classNames =
|
|
13637
|
-
|
|
13638
|
-
colors =
|
|
13639
|
-
|
|
13640
|
-
rawVerbiage =
|
|
13641
|
-
|
|
13642
|
-
debugMode =
|
|
13683
|
+
_d = _a.minSignaturePadPoints,
|
|
13684
|
+
minSignaturePadPoints = _d === void 0 ? DEFAULT_MIN_SIGNATURE_PAD_POINTS : _d,
|
|
13685
|
+
_e = _a.classNames,
|
|
13686
|
+
classNames = _e === void 0 ? {} : _e,
|
|
13687
|
+
_f = _a.colors,
|
|
13688
|
+
colors = _f === void 0 ? {} : _f,
|
|
13689
|
+
_g = _a.verbiage,
|
|
13690
|
+
rawVerbiage = _g === void 0 ? {} : _g,
|
|
13691
|
+
_h = _a.debugMode,
|
|
13692
|
+
debugMode = _h === void 0 ? false : _h;
|
|
13643
13693
|
var camera = useCameraStore(function (state) {
|
|
13644
13694
|
return state.camera;
|
|
13645
13695
|
});
|
|
13646
13696
|
var onPredictionMade = React.useContext(SelfieGuidanceModelsContext).onPredictionMade;
|
|
13647
|
-
var
|
|
13648
|
-
signatureData =
|
|
13649
|
-
signatureDataUrl =
|
|
13650
|
-
signatureVideoData =
|
|
13651
|
-
startRecording =
|
|
13652
|
-
stopRecording =
|
|
13653
|
-
clearRecordedData =
|
|
13654
|
-
isRecording =
|
|
13697
|
+
var _j = useVideoSignatureContext(),
|
|
13698
|
+
signatureData = _j.signatureData,
|
|
13699
|
+
signatureDataUrl = _j.signatureDataUrl,
|
|
13700
|
+
signatureVideoData = _j.signatureVideoData,
|
|
13701
|
+
startRecording = _j.startRecording,
|
|
13702
|
+
stopRecording = _j.stopRecording,
|
|
13703
|
+
clearRecordedData = _j.clearRecordedData,
|
|
13704
|
+
isRecording = _j.isRecording;
|
|
13655
13705
|
React.useEffect(function () {
|
|
13656
13706
|
startRecording();
|
|
13657
13707
|
return stopRecording;
|
|
@@ -13666,9 +13716,9 @@ var VideoSignatureCapture = function VideoSignatureCapture(_a) {
|
|
|
13666
13716
|
onVideoCaptured === null || onVideoCaptured === void 0 ? void 0 : onVideoCaptured(signatureVideoData, signatureData, signatureDataUrl);
|
|
13667
13717
|
}
|
|
13668
13718
|
}, [onVideoCaptured, signatureData, signatureDataUrl, signatureVideoData]);
|
|
13669
|
-
var
|
|
13670
|
-
numFramesWithoutFaces =
|
|
13671
|
-
setNumFramesWithoutFaces =
|
|
13719
|
+
var _k = React.useState(0),
|
|
13720
|
+
numFramesWithoutFaces = _k[0],
|
|
13721
|
+
setNumFramesWithoutFaces = _k[1];
|
|
13672
13722
|
React.useEffect(function () {
|
|
13673
13723
|
onPredictionMade(function (_a) {
|
|
13674
13724
|
var face = _a.face;
|
|
@@ -13683,8 +13733,8 @@ var VideoSignatureCapture = function VideoSignatureCapture(_a) {
|
|
|
13683
13733
|
}
|
|
13684
13734
|
}, [numFramesWithoutFaces, onFaceNotDetected]);
|
|
13685
13735
|
var GuidesComponent = guidesComponent !== null && guidesComponent !== void 0 ? guidesComponent : VideoSignatureGuides;
|
|
13686
|
-
return /*#__PURE__*/React__namespace.default.createElement(
|
|
13687
|
-
className: classNames.container
|
|
13736
|
+
return /*#__PURE__*/React__namespace.default.createElement(PageContainer, {
|
|
13737
|
+
className: "flex ".concat((_b = classNames.container) !== null && _b !== void 0 ? _b : '')
|
|
13688
13738
|
}, verbiage.guidanceMessageText && ( /*#__PURE__*/React__namespace.default.createElement(GuidanceMessageContainer, {
|
|
13689
13739
|
"$top": "10vh",
|
|
13690
13740
|
className: classNames.guidanceMessageContainer
|
|
@@ -13742,7 +13792,7 @@ var VideoSignatureSuccess = function VideoSignatureSuccess(_a) {
|
|
|
13742
13792
|
style: {
|
|
13743
13793
|
display: 'none'
|
|
13744
13794
|
}
|
|
13745
|
-
})), /*#__PURE__*/React__namespace.default.createElement(ButtonsRow
|
|
13795
|
+
})), /*#__PURE__*/React__namespace.default.createElement(ButtonsRow, {
|
|
13746
13796
|
className: classNames.buttonsRow
|
|
13747
13797
|
}, /*#__PURE__*/React__namespace.default.createElement(LoaderButton, {
|
|
13748
13798
|
variant: "warning",
|
|
@@ -13762,56 +13812,57 @@ var StyledVideo$1 = styled__default.default.video(templateObject_1$8 || (templat
|
|
|
13762
13812
|
var templateObject_1$8;
|
|
13763
13813
|
|
|
13764
13814
|
var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
13815
|
+
var _b;
|
|
13765
13816
|
var onComplete = _a.onComplete,
|
|
13766
13817
|
onVideoCaptured = _a.onVideoCaptured,
|
|
13767
13818
|
onRetryClicked = _a.onRetryClicked,
|
|
13768
13819
|
onExitCapture = _a.onExitCapture,
|
|
13769
13820
|
onUserCancel = _a.onUserCancel,
|
|
13770
13821
|
onLoadingOverlayDismissed = _a.onLoadingOverlayDismissed,
|
|
13771
|
-
|
|
13772
|
-
loadingOverlayMode =
|
|
13822
|
+
_c = _a.loadingOverlayMode,
|
|
13823
|
+
loadingOverlayMode = _c === void 0 ? 'default' : _c,
|
|
13773
13824
|
customOverlayContent = _a.customOverlayContent,
|
|
13774
|
-
|
|
13775
|
-
skipSuccessScreen =
|
|
13776
|
-
|
|
13777
|
-
captureAudio =
|
|
13778
|
-
|
|
13779
|
-
minSignaturePadPoints =
|
|
13780
|
-
|
|
13781
|
-
allowSignatureAfterLivenessCheckFailure =
|
|
13782
|
-
|
|
13783
|
-
restartVideoOnSignaturePadCleared =
|
|
13825
|
+
_d = _a.skipSuccessScreen,
|
|
13826
|
+
skipSuccessScreen = _d === void 0 ? false : _d,
|
|
13827
|
+
_e = _a.captureAudio,
|
|
13828
|
+
captureAudio = _e === void 0 ? false : _e,
|
|
13829
|
+
_f = _a.minSignaturePadPoints,
|
|
13830
|
+
minSignaturePadPoints = _f === void 0 ? DEFAULT_MIN_SIGNATURE_PAD_POINTS : _f,
|
|
13831
|
+
_g = _a.allowSignatureAfterLivenessCheckFailure,
|
|
13832
|
+
allowSignatureAfterLivenessCheckFailure = _g === void 0 ? false : _g,
|
|
13833
|
+
_h = _a.restartVideoOnSignaturePadCleared,
|
|
13834
|
+
restartVideoOnSignaturePadCleared = _h === void 0 ? true : _h,
|
|
13784
13835
|
faceLivenessProps = _a.faceLivenessProps,
|
|
13785
|
-
|
|
13786
|
-
assets =
|
|
13787
|
-
|
|
13788
|
-
classNames =
|
|
13789
|
-
|
|
13790
|
-
colors =
|
|
13791
|
-
|
|
13792
|
-
verbiage =
|
|
13793
|
-
|
|
13794
|
-
debugMode =
|
|
13795
|
-
var
|
|
13796
|
-
selfieImage =
|
|
13797
|
-
setSelfieImage =
|
|
13798
|
-
setSignatureData =
|
|
13799
|
-
setSignatureVideoUrl =
|
|
13800
|
-
logSelfieCaptureAttempt =
|
|
13836
|
+
_j = _a.assets,
|
|
13837
|
+
assets = _j === void 0 ? {} : _j,
|
|
13838
|
+
_k = _a.classNames,
|
|
13839
|
+
classNames = _k === void 0 ? {} : _k,
|
|
13840
|
+
_l = _a.colors,
|
|
13841
|
+
colors = _l === void 0 ? {} : _l,
|
|
13842
|
+
_m = _a.verbiage,
|
|
13843
|
+
verbiage = _m === void 0 ? {} : _m,
|
|
13844
|
+
_o = _a.debugMode,
|
|
13845
|
+
debugMode = _o === void 0 ? false : _o;
|
|
13846
|
+
var _p = React.useContext(SubmissionContext),
|
|
13847
|
+
selfieImage = _p.selfieImage,
|
|
13848
|
+
setSelfieImage = _p.setSelfieImage,
|
|
13849
|
+
setSignatureData = _p.setSignatureData,
|
|
13850
|
+
setSignatureVideoUrl = _p.setSignatureVideoUrl,
|
|
13851
|
+
logSelfieCaptureAttempt = _p.logSelfieCaptureAttempt;
|
|
13801
13852
|
var cameraAccessDenied = useCameraStore(shallow.useShallow(function (state) {
|
|
13802
13853
|
return {
|
|
13803
13854
|
cameraAccessDenied: state.cameraAccessDenied
|
|
13804
13855
|
};
|
|
13805
13856
|
})).cameraAccessDenied;
|
|
13806
|
-
var
|
|
13807
|
-
captureState =
|
|
13808
|
-
setCaptureState =
|
|
13857
|
+
var _q = React.useState('CHECKING_LIVENESS'),
|
|
13858
|
+
captureState = _q[0],
|
|
13859
|
+
setCaptureState = _q[1];
|
|
13809
13860
|
var operationStartedAt = React.useRef();
|
|
13810
13861
|
var captureStartedAt = React.useRef();
|
|
13811
13862
|
var captureEndedAt = React.useRef();
|
|
13812
|
-
var
|
|
13813
|
-
start =
|
|
13814
|
-
stop =
|
|
13863
|
+
var _r = React.useContext(SelfieGuidanceModelsContext),
|
|
13864
|
+
start = _r.start,
|
|
13865
|
+
stop = _r.stop;
|
|
13815
13866
|
React.useEffect(function () {
|
|
13816
13867
|
operationStartedAt.current = new Date();
|
|
13817
13868
|
}, []);
|
|
@@ -13847,9 +13898,9 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
|
13847
13898
|
setSelfieImage(selfieFromRequest);
|
|
13848
13899
|
}
|
|
13849
13900
|
}, [logCaptureMetadata, onFaceLivenessSuccessProp, selfieImage, setSelfieImage]);
|
|
13850
|
-
var
|
|
13851
|
-
signatureImageUrl =
|
|
13852
|
-
setSignatureImageUrl =
|
|
13901
|
+
var _s = React.useState(null),
|
|
13902
|
+
signatureImageUrl = _s[0],
|
|
13903
|
+
setSignatureImageUrl = _s[1];
|
|
13853
13904
|
var onSignatureCaptureCompleted = React.useCallback(function (videoData, signatureData, signatureImageData) {
|
|
13854
13905
|
setSignatureData(signatureData);
|
|
13855
13906
|
setSignatureVideoUrl(URL.createObjectURL(videoData));
|
|
@@ -13860,9 +13911,9 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
|
13860
13911
|
var onSignatureCaptureFacesNotDetected = React.useCallback(function () {
|
|
13861
13912
|
setCaptureState('CHECKING_LIVENESS');
|
|
13862
13913
|
}, []);
|
|
13863
|
-
var
|
|
13864
|
-
attempt =
|
|
13865
|
-
setAttempt =
|
|
13914
|
+
var _t = React.useState(0),
|
|
13915
|
+
attempt = _t[0],
|
|
13916
|
+
setAttempt = _t[1];
|
|
13866
13917
|
var onRetry = React.useCallback(function () {
|
|
13867
13918
|
onRetryClicked === null || onRetryClicked === void 0 ? void 0 : onRetryClicked();
|
|
13868
13919
|
setAttempt(function (n) {
|
|
@@ -13899,6 +13950,8 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
|
13899
13950
|
}, [faceLivenessOnLoadingOverlayDismissed, onLoadingOverlayDismissed]);
|
|
13900
13951
|
return /*#__PURE__*/React__namespace.default.createElement(VideoSignatureContextProvider, {
|
|
13901
13952
|
captureAudio: captureAudio
|
|
13953
|
+
}, /*#__PURE__*/React__namespace.default.createElement(PageContainer, {
|
|
13954
|
+
className: "flex ".concat((_b = classNames === null || classNames === void 0 ? void 0 : classNames.container) !== null && _b !== void 0 ? _b : '')
|
|
13902
13955
|
}, /*#__PURE__*/React__namespace.default.createElement(CameraVideoTag, {
|
|
13903
13956
|
className: classNames.cameraFeed
|
|
13904
13957
|
}), function () {
|
|
@@ -13948,7 +14001,7 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
|
13948
14001
|
default:
|
|
13949
14002
|
return null;
|
|
13950
14003
|
}
|
|
13951
|
-
}());
|
|
14004
|
+
}()));
|
|
13952
14005
|
};
|
|
13953
14006
|
function VideoSignatureWizardGuides(_a) {
|
|
13954
14007
|
var status = _a.status,
|
|
@@ -14114,7 +14167,7 @@ var IdVideoCaptureGuides = function IdVideoCaptureGuides(_a) {
|
|
|
14114
14167
|
"$background": (_y = (_x = theme.idVideoCapture) === null || _x === void 0 ? void 0 : _x.idCardGuides) === null || _y === void 0 ? void 0 : _y.instructionsBackgroundColor
|
|
14115
14168
|
}, instructionText))))));
|
|
14116
14169
|
};
|
|
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
|
|
14170
|
+
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 width: 100dvw;\n height: 100dvh;\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 width: 100dvw;\n height: 100dvh;\n font-family: ", ";\n box-sizing: border-box;\n overflow: hidden;\n padding: 40px;\n"])), function (props) {
|
|
14118
14171
|
var _a;
|
|
14119
14172
|
return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
|
|
14120
14173
|
});
|
|
@@ -14122,7 +14175,7 @@ var Inner = styled__default.default.div(templateObject_2$7 || (templateObject_2$
|
|
|
14122
14175
|
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"])));
|
|
14123
14176
|
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"])));
|
|
14124
14177
|
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"])));
|
|
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:
|
|
14178
|
+
var IdCardGuideInstructionsContainer = styled__default.default.div(templateObject_6$1 || (templateObject_6$1 = __makeTemplateObject(["\n width: 100%;\n text-align: center;\n color: white;\n display: flex;\n flex-direction: column;\n justify-content: end;\n padding: 0 40px;\n position: fixed;\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: fixed;\n bottom: 14px;\n left: 0;\n right: 0;\n box-sizing: border-box;\n"])));
|
|
14126
14179
|
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"])));
|
|
14127
14180
|
var templateObject_1$7, templateObject_2$7, templateObject_3$7, templateObject_4$2, templateObject_5$1, templateObject_6$1, templateObject_7;
|
|
14128
14181
|
|
|
@@ -14214,7 +14267,7 @@ var ReadTextPromptText = styled__default.default.div(templateObject_3$6 || (temp
|
|
|
14214
14267
|
var _a, _b, _c, _d, _e, _f;
|
|
14215
14268
|
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, ";") : "";
|
|
14216
14269
|
});
|
|
14217
|
-
var ReadTextPromptButtonsRow = styled__default.default(ButtonsRow
|
|
14270
|
+
var ReadTextPromptButtonsRow = styled__default.default(ButtonsRow)(templateObject_4$1 || (templateObject_4$1 = __makeTemplateObject(["\n margin: 32px auto auto;\n gap: 20px;\n"], ["\n margin: 32px auto auto;\n gap: 20px;\n"])));
|
|
14218
14271
|
var ReadTextPromptTimeRemaining = styled__default.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n padding: 20px;\n\n ", ";\n ", ";\n ", ";\n"], ["\n padding: 20px;\n\n ", ";\n ", ";\n ", ";\n"])), function (props) {
|
|
14219
14272
|
var _a, _b, _c, _d, _e, _f;
|
|
14220
14273
|
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, ";") : "";
|
|
@@ -14263,103 +14316,103 @@ var defaultVideoIdCaptureThresholds = {
|
|
|
14263
14316
|
flipShortcutThreshold: 0.7
|
|
14264
14317
|
};
|
|
14265
14318
|
var IdVideoCapture = function IdVideoCapture(_a) {
|
|
14266
|
-
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
|
|
14319
|
+
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
|
|
14267
14320
|
var onComplete = _a.onComplete,
|
|
14268
14321
|
onIdFrontImageCaptured = _a.onIdFrontImageCaptured,
|
|
14269
14322
|
onIdBackImageCaptured = _a.onIdBackImageCaptured,
|
|
14270
14323
|
onFaceNotDetected = _a.onFaceNotDetected,
|
|
14271
14324
|
onRecordingFailed = _a.onRecordingFailed,
|
|
14272
14325
|
onExitCapture = _a.onExitCapture,
|
|
14273
|
-
|
|
14274
|
-
idCaptureModelsEnabled =
|
|
14275
|
-
|
|
14276
|
-
idDocumentType =
|
|
14277
|
-
|
|
14278
|
-
idCaptureGuideImages =
|
|
14279
|
-
|
|
14280
|
-
idCardFrontDelay =
|
|
14281
|
-
|
|
14282
|
-
videoIdCaptureThresholds =
|
|
14283
|
-
|
|
14284
|
-
skipShowIdCardBack =
|
|
14285
|
-
|
|
14286
|
-
captureCountdownSeconds =
|
|
14326
|
+
_w = _a.idCaptureModelsEnabled,
|
|
14327
|
+
idCaptureModelsEnabled = _w === void 0 ? true : _w,
|
|
14328
|
+
_x = _a.idDocumentType,
|
|
14329
|
+
idDocumentType = _x === void 0 ? 'idCard' : _x,
|
|
14330
|
+
_y = _a.idCaptureGuideImages,
|
|
14331
|
+
idCaptureGuideImages = _y === void 0 ? defaultIdCaptureGuideImages : _y,
|
|
14332
|
+
_z = _a.idCardFrontDelay,
|
|
14333
|
+
idCardFrontDelay = _z === void 0 ? 1000 : _z,
|
|
14334
|
+
_0 = _a.videoIdCaptureThresholds,
|
|
14335
|
+
videoIdCaptureThresholds = _0 === void 0 ? defaultVideoIdCaptureThresholds : _0,
|
|
14336
|
+
_1 = _a.skipShowIdCardBack,
|
|
14337
|
+
skipShowIdCardBack = _1 === void 0 ? false : _1,
|
|
14338
|
+
_2 = _a.captureCountdownSeconds,
|
|
14339
|
+
captureCountdownSeconds = _2 === void 0 ? 3 : _2,
|
|
14287
14340
|
readTextPrompt = _a.readTextPrompt,
|
|
14288
|
-
|
|
14289
|
-
readTextTimeoutDurationMs =
|
|
14290
|
-
|
|
14291
|
-
readTextMinReadingMs =
|
|
14292
|
-
|
|
14293
|
-
disableFaceDetectionWhileAudioCapture =
|
|
14294
|
-
|
|
14295
|
-
disableFaceDetectionWhileAudioCaptureMsDelay =
|
|
14296
|
-
|
|
14297
|
-
mergeAVStreams =
|
|
14298
|
-
|
|
14299
|
-
classNames =
|
|
14300
|
-
|
|
14301
|
-
colors =
|
|
14302
|
-
|
|
14303
|
-
rawVerbiage =
|
|
14304
|
-
|
|
14305
|
-
debugMode =
|
|
14306
|
-
var
|
|
14307
|
-
ref =
|
|
14308
|
-
|
|
14309
|
-
width =
|
|
14310
|
-
|
|
14311
|
-
height =
|
|
14312
|
-
var
|
|
14313
|
-
camera =
|
|
14314
|
-
videoRef =
|
|
14315
|
-
videoLoaded =
|
|
14316
|
-
cameraReady =
|
|
14317
|
-
microphoneReady =
|
|
14318
|
-
audioStream =
|
|
14319
|
-
isRearFacing =
|
|
14320
|
-
releaseCameraAccess =
|
|
14321
|
-
var
|
|
14322
|
-
detectedObjects =
|
|
14323
|
-
setDetectedObjects =
|
|
14324
|
-
var
|
|
14325
|
-
face =
|
|
14326
|
-
setFace =
|
|
14327
|
-
var
|
|
14328
|
-
idModelsReady =
|
|
14329
|
-
startIdModels =
|
|
14330
|
-
stopIdModels =
|
|
14331
|
-
onIdPredictionMade =
|
|
14332
|
-
setThresholds =
|
|
14333
|
-
setRequiredDocumentType =
|
|
14334
|
-
setDocumentDetectionBoundaries =
|
|
14335
|
-
bestFrameDetails =
|
|
14336
|
-
resetBestFrame =
|
|
14337
|
-
idModelError =
|
|
14338
|
-
var
|
|
14339
|
-
videoStartsAt =
|
|
14340
|
-
setVideoStartsAt =
|
|
14341
|
-
var
|
|
14342
|
-
setIdCaptureVideoAudioStartsAt =
|
|
14343
|
-
setExpectedAudioText =
|
|
14344
|
-
var
|
|
14345
|
-
startSelfieGuidance =
|
|
14346
|
-
stopSelfieGuidance =
|
|
14347
|
-
onSelfiePredictionMade =
|
|
14348
|
-
selfieModelError =
|
|
14349
|
-
var
|
|
14350
|
-
isRecordingVideo =
|
|
14351
|
-
startRecordingVideo =
|
|
14352
|
-
startRecordingAudio =
|
|
14353
|
-
stopRecordingVideo =
|
|
14354
|
-
stopRecordingAudio =
|
|
14355
|
-
videoRecordingUnintentionallyStopped =
|
|
14356
|
-
audioRecordingUnintentionallyStopped =
|
|
14357
|
-
videoUrl =
|
|
14358
|
-
audioUrl =
|
|
14341
|
+
_3 = _a.readTextTimeoutDurationMs,
|
|
14342
|
+
readTextTimeoutDurationMs = _3 === void 0 ? 15000 : _3,
|
|
14343
|
+
_4 = _a.readTextMinReadingMs,
|
|
14344
|
+
readTextMinReadingMs = _4 === void 0 ? 10000 : _4,
|
|
14345
|
+
_5 = _a.disableFaceDetectionWhileAudioCapture,
|
|
14346
|
+
disableFaceDetectionWhileAudioCapture = _5 === void 0 ? false : _5,
|
|
14347
|
+
_6 = _a.disableFaceDetectionWhileAudioCaptureMsDelay,
|
|
14348
|
+
disableFaceDetectionWhileAudioCaptureMsDelay = _6 === void 0 ? 2000 : _6,
|
|
14349
|
+
_7 = _a.mergeAVStreams,
|
|
14350
|
+
mergeAVStreams = _7 === void 0 ? false : _7,
|
|
14351
|
+
_8 = _a.classNames,
|
|
14352
|
+
classNames = _8 === void 0 ? {} : _8,
|
|
14353
|
+
_9 = _a.colors,
|
|
14354
|
+
colors = _9 === void 0 ? {} : _9,
|
|
14355
|
+
_10 = _a.verbiage,
|
|
14356
|
+
rawVerbiage = _10 === void 0 ? {} : _10,
|
|
14357
|
+
_11 = _a.debugMode,
|
|
14358
|
+
debugMode = _11 === void 0 ? false : _11;
|
|
14359
|
+
var _12 = useResizeObserver(),
|
|
14360
|
+
ref = _12.ref,
|
|
14361
|
+
_13 = _12.width,
|
|
14362
|
+
width = _13 === void 0 ? 1 : _13,
|
|
14363
|
+
_14 = _12.height,
|
|
14364
|
+
height = _14 === void 0 ? 1 : _14;
|
|
14365
|
+
var _15 = useCameraStore(),
|
|
14366
|
+
camera = _15.camera,
|
|
14367
|
+
videoRef = _15.videoRef,
|
|
14368
|
+
videoLoaded = _15.videoLoaded,
|
|
14369
|
+
cameraReady = _15.cameraReady,
|
|
14370
|
+
microphoneReady = _15.microphoneReady,
|
|
14371
|
+
audioStream = _15.audioStream,
|
|
14372
|
+
isRearFacing = _15.isRearFacing,
|
|
14373
|
+
releaseCameraAccess = _15.releaseCameraAccess;
|
|
14374
|
+
var _16 = React.useState([]),
|
|
14375
|
+
detectedObjects = _16[0],
|
|
14376
|
+
setDetectedObjects = _16[1];
|
|
14377
|
+
var _17 = React.useState(null),
|
|
14378
|
+
face = _17[0],
|
|
14379
|
+
setFace = _17[1];
|
|
14380
|
+
var _18 = React.useContext(IdCaptureModelsContext),
|
|
14381
|
+
idModelsReady = _18.ready,
|
|
14382
|
+
startIdModels = _18.start,
|
|
14383
|
+
stopIdModels = _18.stop,
|
|
14384
|
+
onIdPredictionMade = _18.onPredictionMade,
|
|
14385
|
+
setThresholds = _18.setThresholds,
|
|
14386
|
+
setRequiredDocumentType = _18.setRequiredDocumentType,
|
|
14387
|
+
setDocumentDetectionBoundaries = _18.setDocumentDetectionBoundaries,
|
|
14388
|
+
bestFrameDetails = _18.bestFrameDetails,
|
|
14389
|
+
resetBestFrame = _18.resetBestFrame,
|
|
14390
|
+
idModelError = _18.modelError;
|
|
14391
|
+
var _19 = React.useState(null),
|
|
14392
|
+
videoStartsAt = _19[0],
|
|
14393
|
+
setVideoStartsAt = _19[1];
|
|
14394
|
+
var _20 = React.useContext(SubmissionContext),
|
|
14395
|
+
setIdCaptureVideoAudioStartsAt = _20.setIdCaptureVideoAudioStartsAt,
|
|
14396
|
+
setExpectedAudioText = _20.setExpectedAudioText;
|
|
14397
|
+
var _21 = React.useContext(SelfieGuidanceModelsContext),
|
|
14398
|
+
startSelfieGuidance = _21.start,
|
|
14399
|
+
stopSelfieGuidance = _21.stop,
|
|
14400
|
+
onSelfiePredictionMade = _21.onPredictionMade,
|
|
14401
|
+
selfieModelError = _21.error;
|
|
14402
|
+
var _22 = useVideoRecorder(camera, audioStream, mergeAVStreams),
|
|
14403
|
+
isRecordingVideo = _22.isRecordingVideo,
|
|
14404
|
+
startRecordingVideo = _22.startRecordingVideo,
|
|
14405
|
+
startRecordingAudio = _22.startRecordingAudio,
|
|
14406
|
+
stopRecordingVideo = _22.stopRecordingVideo,
|
|
14407
|
+
stopRecordingAudio = _22.stopRecordingAudio,
|
|
14408
|
+
videoRecordingUnintentionallyStopped = _22.videoRecordingUnintentionallyStopped,
|
|
14409
|
+
audioRecordingUnintentionallyStopped = _22.audioRecordingUnintentionallyStopped,
|
|
14410
|
+
videoUrl = _22.videoUrl,
|
|
14411
|
+
audioUrl = _22.audioUrl;
|
|
14359
14412
|
var countdownTimeoutRef = React.useRef(undefined);
|
|
14360
|
-
var
|
|
14361
|
-
countdownRemaining =
|
|
14362
|
-
setCountdownRemaining =
|
|
14413
|
+
var _23 = React.useState(-1),
|
|
14414
|
+
countdownRemaining = _23[0],
|
|
14415
|
+
setCountdownRemaining = _23[1];
|
|
14363
14416
|
React.useEffect(function () {
|
|
14364
14417
|
if (!isRecordingVideo && !videoUrl) {
|
|
14365
14418
|
startRecordingVideo();
|
|
@@ -14379,9 +14432,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
14379
14432
|
onRecordingFailed === null || onRecordingFailed === void 0 ? void 0 : onRecordingFailed();
|
|
14380
14433
|
}
|
|
14381
14434
|
}, [audioRecordingUnintentionallyStopped, microphoneReady, onRecordingFailed, readTextPrompt, videoRecordingUnintentionallyStopped]);
|
|
14382
|
-
var
|
|
14383
|
-
requestedAction =
|
|
14384
|
-
setRequestedAction =
|
|
14435
|
+
var _24 = React.useState(idDocumentType === 'idCard' ? 'SHOW_ID_FRONT' : 'SHOW_PASSPORT'),
|
|
14436
|
+
requestedAction = _24[0],
|
|
14437
|
+
setRequestedAction = _24[1];
|
|
14385
14438
|
var shouldRunIdModels = idCaptureModelsEnabled && videoLoaded && cameraReady && idModelsReady && !idModelError && requestedAction !== 'READ_TEXT' && (!readTextPrompt || microphoneReady);
|
|
14386
14439
|
React.useEffect(function startModelsWhenCapturing() {
|
|
14387
14440
|
if (!shouldRunIdModels) return;
|
|
@@ -14420,23 +14473,23 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
14420
14473
|
bottom: 0
|
|
14421
14474
|
});
|
|
14422
14475
|
}, [setDocumentDetectionBoundaries]);
|
|
14423
|
-
var
|
|
14424
|
-
currentDetectionScore =
|
|
14425
|
-
setCurrentDetectionScore =
|
|
14426
|
-
var
|
|
14427
|
-
currentDetectedDocumentType =
|
|
14428
|
-
setCurrentDetectedDocumentType =
|
|
14429
|
-
var _26 = React.useState(0),
|
|
14430
|
-
currentFocusScore = _26[0],
|
|
14431
|
-
setCurrentFocusScore = _26[1];
|
|
14476
|
+
var _25 = React.useState(0),
|
|
14477
|
+
currentDetectionScore = _25[0],
|
|
14478
|
+
setCurrentDetectionScore = _25[1];
|
|
14479
|
+
var _26 = React.useState('none'),
|
|
14480
|
+
currentDetectedDocumentType = _26[0],
|
|
14481
|
+
setCurrentDetectedDocumentType = _26[1];
|
|
14432
14482
|
var _27 = React.useState(0),
|
|
14433
|
-
|
|
14434
|
-
|
|
14483
|
+
currentFocusScore = _27[0],
|
|
14484
|
+
setCurrentFocusScore = _27[1];
|
|
14485
|
+
var _28 = React.useState(0),
|
|
14486
|
+
goodFramesCount = _28[0],
|
|
14487
|
+
setGoodFramesCount = _28[1];
|
|
14435
14488
|
var goodFramesThreshold = requestedAction === 'SHOW_PASSPORT' ? adjustedThresholds.goodFrames.passport : requestedAction === 'SHOW_ID_FRONT' ? adjustedThresholds.goodFrames.idCardFront : adjustedThresholds.goodFrames.idCardBack;
|
|
14436
14489
|
var goodFramesThresholdMet = goodFramesCount >= goodFramesThreshold;
|
|
14437
|
-
var
|
|
14438
|
-
isSinglePage =
|
|
14439
|
-
setIsSinglePage =
|
|
14490
|
+
var _29 = React.useState(false),
|
|
14491
|
+
isSinglePage = _29[0],
|
|
14492
|
+
setIsSinglePage = _29[1];
|
|
14440
14493
|
React.useEffect(function () {
|
|
14441
14494
|
if (!idCaptureModelsEnabled || idModelError) return;
|
|
14442
14495
|
onIdPredictionMade(function (prediction) {
|
|
@@ -14456,9 +14509,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
14456
14509
|
} : 0);
|
|
14457
14510
|
});
|
|
14458
14511
|
}, [idCaptureModelsEnabled, onIdPredictionMade, idModelError, requestedAction, adjustedThresholds.flipShortcutThreshold]);
|
|
14459
|
-
var
|
|
14460
|
-
idFrontCaptureStartedAt =
|
|
14461
|
-
setFirstGoodFrameTime =
|
|
14512
|
+
var _30 = React.useState(null),
|
|
14513
|
+
idFrontCaptureStartedAt = _30[0],
|
|
14514
|
+
setFirstGoodFrameTime = _30[1];
|
|
14462
14515
|
React.useEffect(function () {
|
|
14463
14516
|
if (goodFramesCount === 1) setFirstGoodFrameTime(new Date().getTime());
|
|
14464
14517
|
}, [goodFramesCount]);
|
|
@@ -14479,9 +14532,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
14479
14532
|
var frameHeight = (_e = (_d = videoRef.current) === null || _d === void 0 ? void 0 : _d.videoHeight) !== null && _e !== void 0 ? _e : 0;
|
|
14480
14533
|
var faceBox = face === null || face === void 0 ? void 0 : face.box;
|
|
14481
14534
|
var faceCentered = !faceBox || !frameWidth || faceBox.xMin > frameWidth * edgeBoundary && faceBox.yMin > frameHeight * edgeBoundary && faceBox.xMax < frameWidth * (1 - edgeBoundary) && faceBox.yMax < frameHeight * (1 - edgeBoundary);
|
|
14482
|
-
var
|
|
14483
|
-
countdownStartedAt =
|
|
14484
|
-
setCountdownStartedAt =
|
|
14535
|
+
var _31 = React.useState(),
|
|
14536
|
+
countdownStartedAt = _31[0],
|
|
14537
|
+
setCountdownStartedAt = _31[1];
|
|
14485
14538
|
var photoCanvas = React.useRef(null);
|
|
14486
14539
|
var frameLock = React.useRef(false);
|
|
14487
14540
|
var captureFrame = React.useCallback(function () {
|
|
@@ -14591,9 +14644,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
14591
14644
|
stopSelfieGuidance();
|
|
14592
14645
|
};
|
|
14593
14646
|
}, [startSelfieGuidance, stopSelfieGuidance]);
|
|
14594
|
-
var
|
|
14595
|
-
numFramesWithoutFaces =
|
|
14596
|
-
setNumFramesWithoutFaces =
|
|
14647
|
+
var _32 = React.useState(0),
|
|
14648
|
+
numFramesWithoutFaces = _32[0],
|
|
14649
|
+
setNumFramesWithoutFaces = _32[1];
|
|
14597
14650
|
onSelfiePredictionMade(useDebounce.useThrottledCallback(React.useCallback(function (_a) {
|
|
14598
14651
|
var face = _a.face;
|
|
14599
14652
|
if (selfieModelError) return;
|
|
@@ -14609,12 +14662,12 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
14609
14662
|
}
|
|
14610
14663
|
}, [disableFaceDetectionWhileAudioCapture, disableFaceDetectionWhileAudioCaptureMsDelay, numFramesWithoutFaces, onFaceNotDetected, timeoutStartedAt]);
|
|
14611
14664
|
var theme = styled.useTheme();
|
|
14612
|
-
var
|
|
14665
|
+
var _33 = useTranslations(rawVerbiage, {
|
|
14613
14666
|
faceNotCenteredText: 'Please move your face to the center...',
|
|
14614
14667
|
captureBtnText: 'Capture'
|
|
14615
14668
|
}),
|
|
14616
|
-
captureBtnText =
|
|
14617
|
-
faceNotCenteredText =
|
|
14669
|
+
captureBtnText = _33.captureBtnText,
|
|
14670
|
+
faceNotCenteredText = _33.faceNotCenteredText;
|
|
14618
14671
|
var debugScalingDetails = useDebugScalingDetails({
|
|
14619
14672
|
enabled: debugMode,
|
|
14620
14673
|
pageWidth: width,
|
|
@@ -14624,9 +14677,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
14624
14677
|
});
|
|
14625
14678
|
var capturingId = ['SHOW_ID_FRONT', 'SHOW_ID_BACK', 'SHOW_PASSPORT'].includes(requestedAction);
|
|
14626
14679
|
var guidanceText = !faceCentered ? faceNotCenteredText : undefined;
|
|
14627
|
-
return /*#__PURE__*/React__namespace.default.createElement(
|
|
14680
|
+
return /*#__PURE__*/React__namespace.default.createElement(PageContainer, {
|
|
14628
14681
|
ref: ref,
|
|
14629
|
-
className: classNames.container
|
|
14682
|
+
className: "flex ".concat((_k = classNames.container) !== null && _k !== void 0 ? _k : '')
|
|
14630
14683
|
}, /*#__PURE__*/React__namespace.default.createElement(InvisibleCanvas, {
|
|
14631
14684
|
ref: photoCanvas
|
|
14632
14685
|
}), requestedAction === 'READ_TEXT' ? ( /*#__PURE__*/React__namespace.default.createElement(ReadTextPrompt, {
|
|
@@ -14665,9 +14718,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
14665
14718
|
className: classNames.guidanceMessageContainer
|
|
14666
14719
|
}, /*#__PURE__*/React__namespace.default.createElement(GuidanceMessage, {
|
|
14667
14720
|
className: classNames.guidanceMessage,
|
|
14668
|
-
"$background": (
|
|
14669
|
-
"$textColor": (
|
|
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:", ' ', (
|
|
14721
|
+
"$background": (_o = (_m = (_l = theme.guidanceMessages) === null || _l === void 0 ? void 0 : _l.negative) === null || _m === void 0 ? void 0 : _m.backgroundColor) !== null && _o !== void 0 ? _o : 'red',
|
|
14722
|
+
"$textColor": (_r = (_q = (_p = theme.guidanceMessages) === null || _p === void 0 ? void 0 : _p.negative) === null || _q === void 0 ? void 0 : _q.textColor) !== null && _r !== void 0 ? _r : 'white'
|
|
14723
|
+
}, guidanceText))), debugMode && ( /*#__PURE__*/React__namespace.default.createElement(DebugStatsPane, null, camera ? ( /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, "\u2705 Camera: ", camera.label, " (", camera.width, "x", camera.height, ")")) : '❌ Camera not ready', /*#__PURE__*/React__namespace.default.createElement("br", null), isRecordingVideo ? '✅ Recording' : '❌ Not recording', /*#__PURE__*/React__namespace.default.createElement("br", null), goodFramesThresholdMet ? '✅' : '❌', " Good Frame Count:", ' ', goodFramesCount, "/", goodFramesThreshold, /*#__PURE__*/React__namespace.default.createElement("br", null), "Document Type: ", currentDetectedDocumentType, /*#__PURE__*/React__namespace.default.createElement("br", null), "Detection Score: ", currentDetectionScore, /*#__PURE__*/React__namespace.default.createElement("br", null), "Focus Score: ", currentFocusScore, /*#__PURE__*/React__namespace.default.createElement("br", null), "Best Frame Detection Score:", ' ', (_t = (_s = bestFrameDetails.current) === null || _s === void 0 ? void 0 : _s.detectionScore) !== null && _t !== void 0 ? _t : 0, /*#__PURE__*/React__namespace.default.createElement("br", null), "Best Frame Focus Score: ", (_v = (_u = bestFrameDetails.current) === null || _u === void 0 ? void 0 : _u.focusScore) !== null && _v !== void 0 ? _v : 0)), countdownRemaining > 0 && capturingId && ( /*#__PURE__*/React__namespace.default.createElement(CountdownContainer, {
|
|
14671
14724
|
className: classNames.countdownContainer
|
|
14672
14725
|
}, /*#__PURE__*/React__namespace.default.createElement(Countdown, {
|
|
14673
14726
|
className: classNames.countdown
|
|
@@ -14685,9 +14738,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
14685
14738
|
className: classNames.exitCaptureBtn
|
|
14686
14739
|
}));
|
|
14687
14740
|
};
|
|
14688
|
-
var CountdownContainer = styled__default.default.div(templateObject_1$5 || (templateObject_1$5 = __makeTemplateObject(["\n position:
|
|
14741
|
+
var CountdownContainer = styled__default.default.div(templateObject_1$5 || (templateObject_1$5 = __makeTemplateObject(["\n position: fixed;\n top: 0;\n left: 0;\n width: 100dvw;\n height: 100dvh;\n z-index: 99999;\n display: flex;\n"], ["\n position: fixed;\n top: 0;\n left: 0;\n width: 100dvw;\n height: 100dvh;\n z-index: 99999;\n display: flex;\n"])));
|
|
14689
14742
|
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"])));
|
|
14690
|
-
var CaptureButtonContainer = styled__default.default.div(templateObject_3$5 || (templateObject_3$5 = __makeTemplateObject(["\n position:
|
|
14743
|
+
var CaptureButtonContainer = styled__default.default.div(templateObject_3$5 || (templateObject_3$5 = __makeTemplateObject(["\n position: fixed;\n bottom: 0;\n width: 100dvw;\n display: flex;\n z-index: 100000;\n"], ["\n position: fixed;\n bottom: 0;\n width: 100dvw;\n display: flex;\n z-index: 100000;\n"])));
|
|
14691
14744
|
var CaptureButton = styled__default.default(LoaderButton)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n margin: 0 auto 25px;\n"], ["\n margin: 0 auto 25px;\n"])));
|
|
14692
14745
|
function evaluateShouldSkip(value) {
|
|
14693
14746
|
if (value === true) return true;
|
|
@@ -14795,7 +14848,7 @@ var IdVideoCaptureSuccess = function IdVideoCaptureSuccess(_a) {
|
|
|
14795
14848
|
})) : ( /*#__PURE__*/React__namespace.default.createElement("img", {
|
|
14796
14849
|
src: idBackImageUrl,
|
|
14797
14850
|
alt: "ID Back Image"
|
|
14798
|
-
}))), /*#__PURE__*/React__namespace.default.createElement(ButtonsRow
|
|
14851
|
+
}))), /*#__PURE__*/React__namespace.default.createElement(ButtonsRow, {
|
|
14799
14852
|
className: classNames.buttonsRow
|
|
14800
14853
|
}, /*#__PURE__*/React__namespace.default.createElement(LoaderButton, {
|
|
14801
14854
|
variant: "warning",
|
|
@@ -14820,7 +14873,7 @@ var AssetSelectorOption = styled__default.default.div(templateObject_3$4 || (tem
|
|
|
14820
14873
|
var templateObject_1$4, templateObject_2$4, templateObject_3$4;
|
|
14821
14874
|
|
|
14822
14875
|
var VideoIdWizard = function VideoIdWizard(_a) {
|
|
14823
|
-
var _b, _c, _d, _e, _f, _g, _h, _j;
|
|
14876
|
+
var _b, _c, _d, _e, _f, _g, _h, _j, _k;
|
|
14824
14877
|
var onComplete = _a.onComplete,
|
|
14825
14878
|
onExitCapture = _a.onExitCapture,
|
|
14826
14879
|
onExitAfterFailure = _a.onExitAfterFailure,
|
|
@@ -14829,73 +14882,73 @@ var VideoIdWizard = function VideoIdWizard(_a) {
|
|
|
14829
14882
|
onCameraAccessDenied = _a.onCameraAccessDenied,
|
|
14830
14883
|
onCameraTamperingDetected = _a.onCameraTamperingDetected,
|
|
14831
14884
|
onMicrophoneAccessDenied = _a.onMicrophoneAccessDenied,
|
|
14832
|
-
|
|
14833
|
-
idCaptureProps =
|
|
14834
|
-
|
|
14835
|
-
faceLivenessProps =
|
|
14836
|
-
|
|
14837
|
-
idCaptureModelsEnabled =
|
|
14838
|
-
|
|
14839
|
-
videoIdCaptureThresholds =
|
|
14885
|
+
_l = _a.idCaptureProps,
|
|
14886
|
+
idCaptureProps = _l === void 0 ? {} : _l,
|
|
14887
|
+
_m = _a.faceLivenessProps,
|
|
14888
|
+
faceLivenessProps = _m === void 0 ? {} : _m,
|
|
14889
|
+
_o = _a.idCaptureModelsEnabled,
|
|
14890
|
+
idCaptureModelsEnabled = _o === void 0 ? true : _o,
|
|
14891
|
+
_p = _a.videoIdCaptureThresholds,
|
|
14892
|
+
videoIdCaptureThresholds = _p === void 0 ? defaultVideoIdCaptureThresholds : _p,
|
|
14840
14893
|
readTextPrompt = _a.readTextPrompt,
|
|
14841
14894
|
readTextTimeoutDurationMs = _a.readTextTimeoutDurationMs,
|
|
14842
14895
|
readTextMinReadingMs = _a.readTextMinReadingMs,
|
|
14843
|
-
|
|
14844
|
-
skipIdCapture =
|
|
14845
|
-
|
|
14846
|
-
skipShowIdCardBack =
|
|
14847
|
-
|
|
14848
|
-
skipSuccessScreen =
|
|
14849
|
-
|
|
14850
|
-
idCaptureLoadingOverlayMode =
|
|
14896
|
+
_q = _a.skipIdCapture,
|
|
14897
|
+
skipIdCapture = _q === void 0 ? false : _q,
|
|
14898
|
+
_r = _a.skipShowIdCardBack,
|
|
14899
|
+
skipShowIdCardBack = _r === void 0 ? false : _r,
|
|
14900
|
+
_s = _a.skipSuccessScreen,
|
|
14901
|
+
skipSuccessScreen = _s === void 0 ? false : _s,
|
|
14902
|
+
_t = _a.idCaptureLoadingOverlayMode,
|
|
14903
|
+
idCaptureLoadingOverlayMode = _t === void 0 ? 'default' : _t,
|
|
14851
14904
|
customOverlayContent = _a.customOverlayContent,
|
|
14852
14905
|
onLoadingOverlayDismissed = _a.onLoadingOverlayDismissed,
|
|
14853
|
-
|
|
14854
|
-
idDocumentType =
|
|
14855
|
-
|
|
14856
|
-
idCaptureGuideType =
|
|
14857
|
-
|
|
14858
|
-
idCaptureGuideImages =
|
|
14859
|
-
|
|
14860
|
-
idCapturePortraitGuidesOnMobile =
|
|
14861
|
-
|
|
14862
|
-
idCaptureRotateLoadingOverlayImageWhenPortrait =
|
|
14863
|
-
|
|
14864
|
-
idCaptureModelLoadTimeoutMs =
|
|
14865
|
-
|
|
14866
|
-
faceLivenessLoadingOverlayMode =
|
|
14867
|
-
|
|
14868
|
-
disableFaceDetectionWhileAudioCapture =
|
|
14869
|
-
|
|
14870
|
-
disableFaceDetectionWhileAudioCaptureMsDelay =
|
|
14871
|
-
|
|
14872
|
-
silentFallback =
|
|
14873
|
-
|
|
14874
|
-
mergeAVStreams =
|
|
14875
|
-
|
|
14876
|
-
assets =
|
|
14877
|
-
|
|
14878
|
-
classNames =
|
|
14879
|
-
|
|
14880
|
-
colors =
|
|
14881
|
-
|
|
14882
|
-
verbiage =
|
|
14883
|
-
|
|
14884
|
-
debugMode =
|
|
14885
|
-
var
|
|
14886
|
-
passportImage =
|
|
14887
|
-
submissionStatus =
|
|
14888
|
-
idCaptureVideoUrl =
|
|
14889
|
-
idCaptureVideoAudioUrl =
|
|
14890
|
-
idCaptureVideoIdFrontImage =
|
|
14891
|
-
idCaptureVideoIdBackImage =
|
|
14892
|
-
setIdCaptureVideoUrl =
|
|
14893
|
-
setIdCaptureVideoIdFrontImage =
|
|
14894
|
-
setIdCaptureVideoIdBackImage =
|
|
14895
|
-
setIdCaptureVideoAudioUrl =
|
|
14896
|
-
var
|
|
14897
|
-
captureState =
|
|
14898
|
-
setCaptureState =
|
|
14906
|
+
_u = _a.idDocumentType,
|
|
14907
|
+
idDocumentType = _u === void 0 ? 'idCardOrPassport' : _u,
|
|
14908
|
+
_v = _a.idCaptureGuideType,
|
|
14909
|
+
idCaptureGuideType = _v === void 0 ? 'fit' : _v,
|
|
14910
|
+
_w = _a.idCaptureGuideImages,
|
|
14911
|
+
idCaptureGuideImages = _w === void 0 ? defaultIdCaptureGuideImages : _w,
|
|
14912
|
+
_x = _a.idCapturePortraitGuidesOnMobile,
|
|
14913
|
+
idCapturePortraitGuidesOnMobile = _x === void 0 ? true : _x,
|
|
14914
|
+
_y = _a.idCaptureRotateLoadingOverlayImageWhenPortrait,
|
|
14915
|
+
idCaptureRotateLoadingOverlayImageWhenPortrait = _y === void 0 ? true : _y,
|
|
14916
|
+
_z = _a.idCaptureModelLoadTimeoutMs,
|
|
14917
|
+
idCaptureModelLoadTimeoutMs = _z === void 0 ? defaultDocumentDetectionModelLoadTimeoutMs : _z,
|
|
14918
|
+
_0 = _a.faceLivenessLoadingOverlayMode,
|
|
14919
|
+
faceLivenessLoadingOverlayMode = _0 === void 0 ? 'default' : _0,
|
|
14920
|
+
_1 = _a.disableFaceDetectionWhileAudioCapture,
|
|
14921
|
+
disableFaceDetectionWhileAudioCapture = _1 === void 0 ? true : _1,
|
|
14922
|
+
_2 = _a.disableFaceDetectionWhileAudioCaptureMsDelay,
|
|
14923
|
+
disableFaceDetectionWhileAudioCaptureMsDelay = _2 === void 0 ? 2000 : _2,
|
|
14924
|
+
_3 = _a.silentFallback,
|
|
14925
|
+
silentFallback = _3 === void 0 ? false : _3,
|
|
14926
|
+
_4 = _a.mergeAVStreams,
|
|
14927
|
+
mergeAVStreams = _4 === void 0 ? false : _4,
|
|
14928
|
+
_5 = _a.assets,
|
|
14929
|
+
assets = _5 === void 0 ? {} : _5,
|
|
14930
|
+
_6 = _a.classNames,
|
|
14931
|
+
classNames = _6 === void 0 ? {} : _6,
|
|
14932
|
+
_7 = _a.colors,
|
|
14933
|
+
colors = _7 === void 0 ? {} : _7,
|
|
14934
|
+
_8 = _a.verbiage,
|
|
14935
|
+
verbiage = _8 === void 0 ? {} : _8,
|
|
14936
|
+
_9 = _a.debugMode,
|
|
14937
|
+
debugMode = _9 === void 0 ? false : _9;
|
|
14938
|
+
var _10 = React.useContext(SubmissionContext),
|
|
14939
|
+
passportImage = _10.passportImage,
|
|
14940
|
+
submissionStatus = _10.submissionStatus,
|
|
14941
|
+
idCaptureVideoUrl = _10.idCaptureVideoUrl,
|
|
14942
|
+
idCaptureVideoAudioUrl = _10.idCaptureVideoAudioUrl,
|
|
14943
|
+
idCaptureVideoIdFrontImage = _10.idCaptureVideoIdFrontImage,
|
|
14944
|
+
idCaptureVideoIdBackImage = _10.idCaptureVideoIdBackImage,
|
|
14945
|
+
setIdCaptureVideoUrl = _10.setIdCaptureVideoUrl,
|
|
14946
|
+
setIdCaptureVideoIdFrontImage = _10.setIdCaptureVideoIdFrontImage,
|
|
14947
|
+
setIdCaptureVideoIdBackImage = _10.setIdCaptureVideoIdBackImage,
|
|
14948
|
+
setIdCaptureVideoAudioUrl = _10.setIdCaptureVideoAudioUrl;
|
|
14949
|
+
var _11 = React.useState('CAPTURING_ID'),
|
|
14950
|
+
captureState = _11[0],
|
|
14951
|
+
setCaptureState = _11[1];
|
|
14899
14952
|
React.useEffect(function () {
|
|
14900
14953
|
if (skipIdCapture && captureState === 'CAPTURING_ID') setCaptureState('CHECKING_LIVENESS');
|
|
14901
14954
|
}, [captureState, skipIdCapture]);
|
|
@@ -14926,9 +14979,9 @@ var VideoIdWizard = function VideoIdWizard(_a) {
|
|
|
14926
14979
|
var onVideoCaptureFaceNotDetected = React.useCallback(function () {
|
|
14927
14980
|
setCaptureState('CHECKING_LIVENESS');
|
|
14928
14981
|
}, []);
|
|
14929
|
-
var
|
|
14930
|
-
attempt =
|
|
14931
|
-
setAttempt =
|
|
14982
|
+
var _12 = React.useState(0),
|
|
14983
|
+
attempt = _12[0],
|
|
14984
|
+
setAttempt = _12[1];
|
|
14932
14985
|
var userSuppliedExitAfterFailure = onExitAfterFailure !== null && onExitAfterFailure !== void 0 ? onExitAfterFailure : faceLivenessProps.onExitAfterFailure;
|
|
14933
14986
|
var onFaceCaptureExitAfterFailure = React.useCallback(function (resp, req) {
|
|
14934
14987
|
userSuppliedExitAfterFailure === null || userSuppliedExitAfterFailure === void 0 ? void 0 : userSuppliedExitAfterFailure(resp, req);
|
|
@@ -14974,6 +15027,11 @@ var VideoIdWizard = function VideoIdWizard(_a) {
|
|
|
14974
15027
|
idCardGuideStatus: "disabled"
|
|
14975
15028
|
});
|
|
14976
15029
|
}, [capturedIdDocumentType, (_b = classNames.idVideoCapture) === null || _b === void 0 ? void 0 : _b.guides, (_c = colors.idVideoCapture) === null || _c === void 0 ? void 0 : _c.guidesSatisfiedColor, (_d = colors.idVideoCapture) === null || _d === void 0 ? void 0 : _d.guidesUnsatisfiedColor, idCaptureGuideImages, (_e = verbiage.idVideoCapture) === null || _e === void 0 ? void 0 : _e.guides]);
|
|
15030
|
+
if (submissionStatus === SubmissionStatus.SUBMITTING) {
|
|
15031
|
+
return /*#__PURE__*/React__namespace.default.createElement(PageContainer, {
|
|
15032
|
+
className: "flex"
|
|
15033
|
+
}, /*#__PURE__*/React__namespace.default.createElement(Spinner, null));
|
|
15034
|
+
}
|
|
14977
15035
|
return /*#__PURE__*/React__namespace.default.createElement(CameraStoreProvider, {
|
|
14978
15036
|
preferIphoneContinuityCamera: isCapturingId,
|
|
14979
15037
|
preferFrontFacingCamera: !isCapturingId,
|
|
@@ -14997,9 +15055,11 @@ var VideoIdWizard = function VideoIdWizard(_a) {
|
|
|
14997
15055
|
onModelError: faceLivenessProps === null || faceLivenessProps === void 0 ? void 0 : faceLivenessProps.onModelError,
|
|
14998
15056
|
modelLoadTimeoutMs: faceLivenessProps === null || faceLivenessProps === void 0 ? void 0 : faceLivenessProps.modelLoadTimeoutMs,
|
|
14999
15057
|
requireVerticalFaceCentering: false
|
|
15000
|
-
},
|
|
15058
|
+
}, /*#__PURE__*/React__namespace.default.createElement(PageContainer, {
|
|
15059
|
+
className: "flex ".concat((_k = classNames.container) !== null && _k !== void 0 ? _k : '')
|
|
15060
|
+
}, ['CHECKING_LIVENESS', 'CAPTURING_VIDEO'].includes(captureState) && /*#__PURE__*/React__namespace.default.createElement(CameraVideoTag, {
|
|
15001
15061
|
className: classNames.cameraFeed
|
|
15002
|
-
})
|
|
15062
|
+
}), function () {
|
|
15003
15063
|
switch (captureState) {
|
|
15004
15064
|
case 'CAPTURING_ID':
|
|
15005
15065
|
return /*#__PURE__*/React__namespace.default.createElement(IdCaptureStateProvider, null, /*#__PURE__*/React__namespace.default.createElement(GuideOrientationContextProvider, null, /*#__PURE__*/React__namespace.default.createElement(IdCaptureWizard, _assign({
|
|
@@ -15089,7 +15149,7 @@ var VideoIdWizard = function VideoIdWizard(_a) {
|
|
|
15089
15149
|
default:
|
|
15090
15150
|
return /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null);
|
|
15091
15151
|
}
|
|
15092
|
-
}())));
|
|
15152
|
+
}()))));
|
|
15093
15153
|
};
|
|
15094
15154
|
|
|
15095
15155
|
function CompositeWizard(_a) {
|
|
@@ -15215,7 +15275,9 @@ function CompositeWizard(_a) {
|
|
|
15215
15275
|
if (isComplete) {
|
|
15216
15276
|
switch (submissionStatus) {
|
|
15217
15277
|
case SubmissionStatus.SUBMITTING:
|
|
15218
|
-
return /*#__PURE__*/React__namespace.default.createElement(
|
|
15278
|
+
return /*#__PURE__*/React__namespace.default.createElement(PageContainer, {
|
|
15279
|
+
className: "flex"
|
|
15280
|
+
}, /*#__PURE__*/React__namespace.default.createElement(Spinner, null));
|
|
15219
15281
|
case SubmissionStatus.SUBMITTED:
|
|
15220
15282
|
if (debugMode) return /*#__PURE__*/React__namespace.default.createElement(SubmissionSuccess, null);
|
|
15221
15283
|
return /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null);
|
|
@@ -15739,8 +15801,6 @@ var IdValidation = function IdValidation(_a) {
|
|
|
15739
15801
|
geolocationEnabled: geolocationEnabled,
|
|
15740
15802
|
geolocationRequired: geolocationRequired,
|
|
15741
15803
|
useDocumentServiceForLivenessChecks: useDocumentServiceForLivenessChecks
|
|
15742
|
-
}, /*#__PURE__*/React__namespace.default.createElement(SdkPage, {
|
|
15743
|
-
className: classNames === null || classNames === void 0 ? void 0 : classNames.container
|
|
15744
15804
|
}, /*#__PURE__*/React__namespace.default.createElement(CompositeWizard, {
|
|
15745
15805
|
checks: React.useMemo(function () {
|
|
15746
15806
|
return ['IdCapture'];
|
|
@@ -15754,7 +15814,7 @@ var IdValidation = function IdValidation(_a) {
|
|
|
15754
15814
|
onCameraAccessDenied: onCameraAccessDenied,
|
|
15755
15815
|
onCameraTamperingDetected: onCameraTamperingDetected,
|
|
15756
15816
|
debugMode: debugMode
|
|
15757
|
-
}))))
|
|
15817
|
+
}))));
|
|
15758
15818
|
};
|
|
15759
15819
|
|
|
15760
15820
|
/** Render a fullscreen capture component that analyzes frames from the user's front-facing camera to determine whether a live human face is present. */
|
|
@@ -15877,8 +15937,6 @@ var FaceValidation = function FaceValidation(_a) {
|
|
|
15877
15937
|
useDocumentServiceForLivenessChecks: useDocumentServiceForLivenessChecks,
|
|
15878
15938
|
estimateAge: estimateAge,
|
|
15879
15939
|
predictGender: predictGender
|
|
15880
|
-
}, /*#__PURE__*/React__namespace.default.createElement(SdkPage, {
|
|
15881
|
-
className: classNames === null || classNames === void 0 ? void 0 : classNames.container
|
|
15882
15940
|
}, /*#__PURE__*/React__namespace.default.createElement(CompositeWizard, {
|
|
15883
15941
|
checks: React.useMemo(function () {
|
|
15884
15942
|
return ['FaceLiveness'];
|
|
@@ -15887,7 +15945,7 @@ var FaceValidation = function FaceValidation(_a) {
|
|
|
15887
15945
|
onCameraAccessDenied: onCameraAccessDenied,
|
|
15888
15946
|
onCameraTamperingDetected: onCameraTamperingDetected,
|
|
15889
15947
|
debugMode: debugMode
|
|
15890
|
-
}))))
|
|
15948
|
+
}))));
|
|
15891
15949
|
};
|
|
15892
15950
|
|
|
15893
15951
|
/**
|
|
@@ -16136,8 +16194,6 @@ var IdAndFaceValidation = function IdAndFaceValidation(_a) {
|
|
|
16136
16194
|
geolocationEnabled: geolocationEnabled,
|
|
16137
16195
|
geolocationRequired: geolocationRequired,
|
|
16138
16196
|
useDocumentServiceForLivenessChecks: useDocumentServiceForLivenessChecks
|
|
16139
|
-
}, /*#__PURE__*/React__namespace.default.createElement(SdkPage, {
|
|
16140
|
-
className: classNames === null || classNames === void 0 ? void 0 : classNames.container
|
|
16141
16197
|
}, /*#__PURE__*/React__namespace.default.createElement(CompositeWizard, {
|
|
16142
16198
|
checks: checks,
|
|
16143
16199
|
idCaptureProps: idCaptureProps,
|
|
@@ -16150,7 +16206,7 @@ var IdAndFaceValidation = function IdAndFaceValidation(_a) {
|
|
|
16150
16206
|
onCameraAccessDenied: onCameraAccessDenied,
|
|
16151
16207
|
onCameraTamperingDetected: onCameraTamperingDetected,
|
|
16152
16208
|
debugMode: debugMode
|
|
16153
|
-
}))))
|
|
16209
|
+
}))));
|
|
16154
16210
|
};
|
|
16155
16211
|
|
|
16156
16212
|
/**
|
|
@@ -16423,8 +16479,6 @@ var CustomerIdAndBiometricsEnrollment = function CustomerIdAndBiometricsEnrollme
|
|
|
16423
16479
|
geolocationEnabled: geolocationEnabled,
|
|
16424
16480
|
geolocationRequired: geolocationRequired,
|
|
16425
16481
|
useDocumentServiceForLivenessChecks: useDocumentServiceForLivenessChecks
|
|
16426
|
-
}, /*#__PURE__*/React__namespace.default.createElement(SdkPage, {
|
|
16427
|
-
className: classNames === null || classNames === void 0 ? void 0 : classNames.container
|
|
16428
16482
|
}, /*#__PURE__*/React__namespace.default.createElement(CompositeWizard, {
|
|
16429
16483
|
checks: checks,
|
|
16430
16484
|
idCaptureProps: idCaptureProps,
|
|
@@ -16438,7 +16492,7 @@ var CustomerIdAndBiometricsEnrollment = function CustomerIdAndBiometricsEnrollme
|
|
|
16438
16492
|
onCameraAccessDenied: onCameraAccessDenied,
|
|
16439
16493
|
onCameraTamperingDetected: onCameraTamperingDetected,
|
|
16440
16494
|
debugMode: debugMode
|
|
16441
|
-
}))))
|
|
16495
|
+
}))));
|
|
16442
16496
|
};
|
|
16443
16497
|
|
|
16444
16498
|
var ALLOWED_RETRIES$3 = 0;
|
|
@@ -16681,8 +16735,8 @@ var CustomerVerificationSuccess = function CustomerVerificationSuccess(_a) {
|
|
|
16681
16735
|
}, verbiage.doneBtnText))));
|
|
16682
16736
|
};
|
|
16683
16737
|
var Heading$3 = styled__default.default.h3(templateObject_1$3 || (templateObject_1$3 = __makeTemplateObject(["\n margin-bottom: 24px;\n"], ["\n margin-bottom: 24px;\n"])));
|
|
16684
|
-
var ImageContainer$3 = styled__default.default(ButtonsRow
|
|
16685
|
-
var StyledButtonsRow$3 = styled__default.default(ButtonsRow
|
|
16738
|
+
var ImageContainer$3 = styled__default.default(ButtonsRow)(templateObject_2$3 || (templateObject_2$3 = __makeTemplateObject(["\n max-height: calc(100vh - 185px);\n"], ["\n max-height: calc(100vh - 185px);\n"])));
|
|
16739
|
+
var StyledButtonsRow$3 = styled__default.default(ButtonsRow)(templateObject_3$3 || (templateObject_3$3 = __makeTemplateObject(["\n margin-top: 24px;\n"], ["\n margin-top: 24px;\n"])));
|
|
16686
16740
|
var templateObject_1$3, templateObject_2$3, templateObject_3$3;
|
|
16687
16741
|
|
|
16688
16742
|
var CustomerVerificationFailure = function CustomerVerificationFailure(_a) {
|
|
@@ -16733,12 +16787,13 @@ var CustomerVerificationFailure = function CustomerVerificationFailure(_a) {
|
|
|
16733
16787
|
}, verbiage.exitBtnText))));
|
|
16734
16788
|
};
|
|
16735
16789
|
var Heading$2 = styled__default.default.h3(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject(["\n margin-bottom: 24px;\n"], ["\n margin-bottom: 24px;\n"])));
|
|
16736
|
-
var ImageContainer$2 = styled__default.default(ButtonsRow
|
|
16737
|
-
var StyledButtonsRow$2 = styled__default.default(ButtonsRow
|
|
16790
|
+
var ImageContainer$2 = styled__default.default(ButtonsRow)(templateObject_2$2 || (templateObject_2$2 = __makeTemplateObject(["\n max-height: calc(100vh - 185px);\n"], ["\n max-height: calc(100vh - 185px);\n"])));
|
|
16791
|
+
var StyledButtonsRow$2 = styled__default.default(ButtonsRow)(templateObject_3$2 || (templateObject_3$2 = __makeTemplateObject(["\n margin-top: 24px;\n"], ["\n margin-top: 24px;\n"])));
|
|
16738
16792
|
var templateObject_1$2, templateObject_2$2, templateObject_3$2;
|
|
16739
16793
|
|
|
16740
16794
|
var ALLOWED_RETRIES$2 = 2;
|
|
16741
16795
|
var CustomerVerificationWizard = function CustomerVerificationWizard(_a) {
|
|
16796
|
+
var _b;
|
|
16742
16797
|
var onComplete = _a.onComplete,
|
|
16743
16798
|
onCustomerMatched = _a.onCustomerMatched,
|
|
16744
16799
|
onCustomerNotMatched = _a.onCustomerNotMatched,
|
|
@@ -16747,33 +16802,33 @@ var CustomerVerificationWizard = function CustomerVerificationWizard(_a) {
|
|
|
16747
16802
|
onUserCancel = _a.onUserCancel,
|
|
16748
16803
|
onCaptureGuidanceTimeout = _a.onCaptureGuidanceTimeout,
|
|
16749
16804
|
captureGuidanceTimeoutDurationMs = _a.captureGuidanceTimeoutDurationMs,
|
|
16750
|
-
|
|
16751
|
-
skipSuccessScreen =
|
|
16752
|
-
|
|
16753
|
-
loadingOverlayMode =
|
|
16754
|
-
|
|
16755
|
-
assets =
|
|
16756
|
-
|
|
16757
|
-
classNames =
|
|
16758
|
-
|
|
16759
|
-
colors =
|
|
16760
|
-
|
|
16761
|
-
verbiage =
|
|
16762
|
-
|
|
16763
|
-
debugMode =
|
|
16764
|
-
var
|
|
16765
|
-
submissionRequest =
|
|
16766
|
-
submissionResponse =
|
|
16767
|
-
selfieImage =
|
|
16768
|
-
var
|
|
16769
|
-
captureState =
|
|
16770
|
-
setCaptureState =
|
|
16771
|
-
var
|
|
16772
|
-
cameraAccessDenied =
|
|
16773
|
-
releaseCameraAccess =
|
|
16774
|
-
var
|
|
16775
|
-
start =
|
|
16776
|
-
stop =
|
|
16805
|
+
_c = _a.skipSuccessScreen,
|
|
16806
|
+
skipSuccessScreen = _c === void 0 ? false : _c,
|
|
16807
|
+
_d = _a.loadingOverlayMode,
|
|
16808
|
+
loadingOverlayMode = _d === void 0 ? 'default' : _d,
|
|
16809
|
+
_e = _a.assets,
|
|
16810
|
+
assets = _e === void 0 ? {} : _e,
|
|
16811
|
+
_f = _a.classNames,
|
|
16812
|
+
classNames = _f === void 0 ? {} : _f,
|
|
16813
|
+
_g = _a.colors,
|
|
16814
|
+
colors = _g === void 0 ? {} : _g,
|
|
16815
|
+
_h = _a.verbiage,
|
|
16816
|
+
verbiage = _h === void 0 ? {} : _h,
|
|
16817
|
+
_j = _a.debugMode,
|
|
16818
|
+
debugMode = _j === void 0 ? false : _j;
|
|
16819
|
+
var _k = React.useContext(SubmissionContext),
|
|
16820
|
+
submissionRequest = _k.submissionRequest,
|
|
16821
|
+
submissionResponse = _k.submissionResponse,
|
|
16822
|
+
selfieImage = _k.selfieImage;
|
|
16823
|
+
var _l = React.useState('LOADING'),
|
|
16824
|
+
captureState = _l[0],
|
|
16825
|
+
setCaptureState = _l[1];
|
|
16826
|
+
var _m = useCameraStore(),
|
|
16827
|
+
cameraAccessDenied = _m.cameraAccessDenied,
|
|
16828
|
+
releaseCameraAccess = _m.releaseCameraAccess;
|
|
16829
|
+
var _o = React.useContext(SelfieGuidanceModelsContext),
|
|
16830
|
+
start = _o.start,
|
|
16831
|
+
stop = _o.stop;
|
|
16777
16832
|
React.useEffect(function () {
|
|
16778
16833
|
if (captureState !== 'CAPTURING') return;
|
|
16779
16834
|
start();
|
|
@@ -16803,9 +16858,9 @@ var CustomerVerificationWizard = function CustomerVerificationWizard(_a) {
|
|
|
16803
16858
|
setCaptureState('FAILED');
|
|
16804
16859
|
onCaptureGuidanceTimeout === null || onCaptureGuidanceTimeout === void 0 ? void 0 : onCaptureGuidanceTimeout();
|
|
16805
16860
|
}, [onCaptureGuidanceTimeout]);
|
|
16806
|
-
var
|
|
16807
|
-
attempt =
|
|
16808
|
-
setAttempt =
|
|
16861
|
+
var _p = React.useState(0),
|
|
16862
|
+
attempt = _p[0],
|
|
16863
|
+
setAttempt = _p[1];
|
|
16809
16864
|
var onExitCallback = React.useCallback(function () {
|
|
16810
16865
|
setAttempt(function (n) {
|
|
16811
16866
|
return n + 1;
|
|
@@ -16826,7 +16881,9 @@ var CustomerVerificationWizard = function CustomerVerificationWizard(_a) {
|
|
|
16826
16881
|
setCaptureState('LOADING');
|
|
16827
16882
|
}
|
|
16828
16883
|
}, [cameraAccessDenied]);
|
|
16829
|
-
return /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(
|
|
16884
|
+
return /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(PageContainer, {
|
|
16885
|
+
className: "flex ".concat((_b = classNames.container) !== null && _b !== void 0 ? _b : '')
|
|
16886
|
+
}, /*#__PURE__*/React__namespace.default.createElement(CameraVideoTag, {
|
|
16830
16887
|
className: classNames.cameraFeed
|
|
16831
16888
|
}), captureState !== 'LOADING' && function () {
|
|
16832
16889
|
switch (captureState) {
|
|
@@ -16877,7 +16934,7 @@ var CustomerVerificationWizard = function CustomerVerificationWizard(_a) {
|
|
|
16877
16934
|
default:
|
|
16878
16935
|
return null;
|
|
16879
16936
|
}
|
|
16880
|
-
}(), /*#__PURE__*/React__namespace.default.createElement(SelfieCaptureLoadingOverlay, {
|
|
16937
|
+
}()), /*#__PURE__*/React__namespace.default.createElement(SelfieCaptureLoadingOverlay, {
|
|
16881
16938
|
key: attempt,
|
|
16882
16939
|
mode: loadingOverlayMode,
|
|
16883
16940
|
assets: assets.loadingOverlay,
|
|
@@ -16993,8 +17050,6 @@ var CustomerVerification = function CustomerVerification(_a) {
|
|
|
16993
17050
|
autoStart: false,
|
|
16994
17051
|
onModelError: onModelError,
|
|
16995
17052
|
modelLoadTimeoutMs: modelLoadTimeoutMs
|
|
16996
|
-
}, /*#__PURE__*/React__namespace.default.createElement(SdkPage, {
|
|
16997
|
-
className: classNames === null || classNames === void 0 ? void 0 : classNames.container
|
|
16998
17053
|
}, /*#__PURE__*/React__namespace.default.createElement(CustomerVerificationWizard, {
|
|
16999
17054
|
onComplete: onComplete,
|
|
17000
17055
|
onCustomerMatched: onCustomerMatched,
|
|
@@ -17010,7 +17065,7 @@ var CustomerVerification = function CustomerVerification(_a) {
|
|
|
17010
17065
|
colors: colors,
|
|
17011
17066
|
verbiage: verbiage,
|
|
17012
17067
|
debugMode: debugMode
|
|
17013
|
-
}))))))
|
|
17068
|
+
}))))));
|
|
17014
17069
|
};
|
|
17015
17070
|
|
|
17016
17071
|
var ALLOWED_RETRIES$1 = 0;
|
|
@@ -17251,8 +17306,8 @@ var CustomerIdentificationSuccess = function CustomerIdentificationSuccess(_a) {
|
|
|
17251
17306
|
}, verbiage.doneBtnText))));
|
|
17252
17307
|
};
|
|
17253
17308
|
var Heading$1 = styled__default.default.h3(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject(["\n margin-bottom: 24px;\n"], ["\n margin-bottom: 24px;\n"])));
|
|
17254
|
-
var ImageContainer$1 = styled__default.default(ButtonsRow
|
|
17255
|
-
var StyledButtonsRow$1 = styled__default.default(ButtonsRow
|
|
17309
|
+
var ImageContainer$1 = styled__default.default(ButtonsRow)(templateObject_2$1 || (templateObject_2$1 = __makeTemplateObject(["\n max-height: calc(100vh - 185px);\n"], ["\n max-height: calc(100vh - 185px);\n"])));
|
|
17310
|
+
var StyledButtonsRow$1 = styled__default.default(ButtonsRow)(templateObject_3$1 || (templateObject_3$1 = __makeTemplateObject(["\n margin-top: 24px;\n"], ["\n margin-top: 24px;\n"])));
|
|
17256
17311
|
var templateObject_1$1, templateObject_2$1, templateObject_3$1;
|
|
17257
17312
|
|
|
17258
17313
|
var CustomerIdentificationFailure = function CustomerIdentificationFailure(_a) {
|
|
@@ -17303,12 +17358,13 @@ var CustomerIdentificationFailure = function CustomerIdentificationFailure(_a) {
|
|
|
17303
17358
|
}, verbiage.exitBtnText))));
|
|
17304
17359
|
};
|
|
17305
17360
|
var Heading = styled__default.default.h3(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n margin-bottom: 24px;\n"], ["\n margin-bottom: 24px;\n"])));
|
|
17306
|
-
var ImageContainer = styled__default.default(ButtonsRow
|
|
17307
|
-
var StyledButtonsRow = styled__default.default(ButtonsRow
|
|
17361
|
+
var ImageContainer = styled__default.default(ButtonsRow)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n max-height: calc(100vh - 185px);\n"], ["\n max-height: calc(100vh - 185px);\n"])));
|
|
17362
|
+
var StyledButtonsRow = styled__default.default(ButtonsRow)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n margin-top: 24px;\n"], ["\n margin-top: 24px;\n"])));
|
|
17308
17363
|
var templateObject_1, templateObject_2, templateObject_3;
|
|
17309
17364
|
|
|
17310
17365
|
var ALLOWED_RETRIES = 2;
|
|
17311
17366
|
var CustomerIdentificationWizard = function CustomerIdentificationWizard(_a) {
|
|
17367
|
+
var _b;
|
|
17312
17368
|
var onComplete = _a.onComplete,
|
|
17313
17369
|
onCustomerMatched = _a.onCustomerMatched,
|
|
17314
17370
|
onCustomerNotMatched = _a.onCustomerNotMatched,
|
|
@@ -17317,33 +17373,33 @@ var CustomerIdentificationWizard = function CustomerIdentificationWizard(_a) {
|
|
|
17317
17373
|
onUserCancel = _a.onUserCancel,
|
|
17318
17374
|
onCaptureGuidanceTimeout = _a.onCaptureGuidanceTimeout,
|
|
17319
17375
|
captureGuidanceTimeoutDurationMs = _a.captureGuidanceTimeoutDurationMs,
|
|
17320
|
-
|
|
17321
|
-
skipSuccessScreen =
|
|
17322
|
-
|
|
17323
|
-
loadingOverlayMode =
|
|
17324
|
-
|
|
17325
|
-
assets =
|
|
17326
|
-
|
|
17327
|
-
classNames =
|
|
17328
|
-
|
|
17329
|
-
colors =
|
|
17330
|
-
|
|
17331
|
-
verbiage =
|
|
17332
|
-
|
|
17333
|
-
debugMode =
|
|
17334
|
-
var
|
|
17335
|
-
submissionResponse =
|
|
17336
|
-
submissionRequest =
|
|
17337
|
-
selfieImage =
|
|
17338
|
-
var
|
|
17339
|
-
captureState =
|
|
17340
|
-
setCaptureState =
|
|
17341
|
-
var
|
|
17342
|
-
cameraAccessDenied =
|
|
17343
|
-
releaseCameraAccess =
|
|
17344
|
-
var
|
|
17345
|
-
start =
|
|
17346
|
-
stop =
|
|
17376
|
+
_c = _a.skipSuccessScreen,
|
|
17377
|
+
skipSuccessScreen = _c === void 0 ? false : _c,
|
|
17378
|
+
_d = _a.loadingOverlayMode,
|
|
17379
|
+
loadingOverlayMode = _d === void 0 ? 'default' : _d,
|
|
17380
|
+
_e = _a.assets,
|
|
17381
|
+
assets = _e === void 0 ? {} : _e,
|
|
17382
|
+
_f = _a.classNames,
|
|
17383
|
+
classNames = _f === void 0 ? {} : _f,
|
|
17384
|
+
_g = _a.colors,
|
|
17385
|
+
colors = _g === void 0 ? {} : _g,
|
|
17386
|
+
_h = _a.verbiage,
|
|
17387
|
+
verbiage = _h === void 0 ? {} : _h,
|
|
17388
|
+
_j = _a.debugMode,
|
|
17389
|
+
debugMode = _j === void 0 ? false : _j;
|
|
17390
|
+
var _k = React.useContext(SubmissionContext),
|
|
17391
|
+
submissionResponse = _k.submissionResponse,
|
|
17392
|
+
submissionRequest = _k.submissionRequest,
|
|
17393
|
+
selfieImage = _k.selfieImage;
|
|
17394
|
+
var _l = React.useState('LOADING'),
|
|
17395
|
+
captureState = _l[0],
|
|
17396
|
+
setCaptureState = _l[1];
|
|
17397
|
+
var _m = useCameraStore(),
|
|
17398
|
+
cameraAccessDenied = _m.cameraAccessDenied,
|
|
17399
|
+
releaseCameraAccess = _m.releaseCameraAccess;
|
|
17400
|
+
var _o = React.useContext(SelfieGuidanceModelsContext),
|
|
17401
|
+
start = _o.start,
|
|
17402
|
+
stop = _o.stop;
|
|
17347
17403
|
React.useEffect(function () {
|
|
17348
17404
|
if (captureState !== 'CAPTURING') return;
|
|
17349
17405
|
start();
|
|
@@ -17373,9 +17429,9 @@ var CustomerIdentificationWizard = function CustomerIdentificationWizard(_a) {
|
|
|
17373
17429
|
setCaptureState('FAILED');
|
|
17374
17430
|
onCaptureGuidanceTimeout === null || onCaptureGuidanceTimeout === void 0 ? void 0 : onCaptureGuidanceTimeout();
|
|
17375
17431
|
}, [onCaptureGuidanceTimeout]);
|
|
17376
|
-
var
|
|
17377
|
-
attempt =
|
|
17378
|
-
setAttempt =
|
|
17432
|
+
var _p = React.useState(0),
|
|
17433
|
+
attempt = _p[0],
|
|
17434
|
+
setAttempt = _p[1];
|
|
17379
17435
|
var onExitCallback = React.useCallback(function () {
|
|
17380
17436
|
setAttempt(function (n) {
|
|
17381
17437
|
return n + 1;
|
|
@@ -17396,7 +17452,9 @@ var CustomerIdentificationWizard = function CustomerIdentificationWizard(_a) {
|
|
|
17396
17452
|
setCaptureState('LOADING');
|
|
17397
17453
|
}
|
|
17398
17454
|
}, [cameraAccessDenied]);
|
|
17399
|
-
return /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(
|
|
17455
|
+
return /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(PageContainer, {
|
|
17456
|
+
className: "flex ".concat((_b = classNames.container) !== null && _b !== void 0 ? _b : '')
|
|
17457
|
+
}, /*#__PURE__*/React__namespace.default.createElement(CameraVideoTag, {
|
|
17400
17458
|
className: classNames.cameraFeed
|
|
17401
17459
|
}), captureState !== 'LOADING' && function () {
|
|
17402
17460
|
switch (captureState) {
|
|
@@ -17447,7 +17505,7 @@ var CustomerIdentificationWizard = function CustomerIdentificationWizard(_a) {
|
|
|
17447
17505
|
default:
|
|
17448
17506
|
return null;
|
|
17449
17507
|
}
|
|
17450
|
-
}(), /*#__PURE__*/React__namespace.default.createElement(SelfieCaptureLoadingOverlay, {
|
|
17508
|
+
}()), /*#__PURE__*/React__namespace.default.createElement(SelfieCaptureLoadingOverlay, {
|
|
17451
17509
|
key: attempt,
|
|
17452
17510
|
mode: loadingOverlayMode,
|
|
17453
17511
|
assets: assets.loadingOverlay,
|
|
@@ -17561,8 +17619,6 @@ var CustomerIdentification = function CustomerIdentification(_a) {
|
|
|
17561
17619
|
autoStart: false,
|
|
17562
17620
|
modelLoadTimeoutMs: modelLoadTimeoutMs,
|
|
17563
17621
|
onModelError: onModelError
|
|
17564
|
-
}, /*#__PURE__*/React__namespace.default.createElement(SdkPage, {
|
|
17565
|
-
className: classNames === null || classNames === void 0 ? void 0 : classNames.container
|
|
17566
17622
|
}, /*#__PURE__*/React__namespace.default.createElement(CustomerIdentificationWizard, {
|
|
17567
17623
|
onComplete: onComplete,
|
|
17568
17624
|
onCustomerMatched: onCustomerMatched,
|
|
@@ -17579,7 +17635,7 @@ var CustomerIdentification = function CustomerIdentification(_a) {
|
|
|
17579
17635
|
colors: colors,
|
|
17580
17636
|
verbiage: verbiage,
|
|
17581
17637
|
debugMode: debugMode
|
|
17582
|
-
}))))))
|
|
17638
|
+
}))))));
|
|
17583
17639
|
};
|
|
17584
17640
|
|
|
17585
17641
|
/** Render a fullscreen capture component that captures a video of the user signing the screen. */
|
|
@@ -17661,8 +17717,6 @@ var SignatureKYC = function SignatureKYC(_a) {
|
|
|
17661
17717
|
geolocationEnabled: geolocationEnabled,
|
|
17662
17718
|
geolocationRequired: geolocationRequired,
|
|
17663
17719
|
useDocumentServiceForLivenessChecks: useDocumentServiceForLivenessChecks
|
|
17664
|
-
}, /*#__PURE__*/React__namespace.default.createElement(SdkPage, {
|
|
17665
|
-
className: classNames === null || classNames === void 0 ? void 0 : classNames.container
|
|
17666
17720
|
}, /*#__PURE__*/React__namespace.default.createElement(CompositeWizard, {
|
|
17667
17721
|
debugMode: debugMode,
|
|
17668
17722
|
checks: React.useMemo(function () {
|
|
@@ -17690,7 +17744,7 @@ var SignatureKYC = function SignatureKYC(_a) {
|
|
|
17690
17744
|
onUserCancel: onUserCancel
|
|
17691
17745
|
};
|
|
17692
17746
|
}, [customOverlayContent, onLoadingOverlayDismissed, loadingOverlayMode, skipSuccessScreen, captureAudio, minSignaturePadPoints, modelLoadTimeoutMs, faceLivenessProps, allowSignatureAfterLivenessCheckFailure, restartVideoOnSignaturePadCleared, classNames, colors, debugMode, verbiage, onModelError, onUserCancel])
|
|
17693
|
-
}))))
|
|
17747
|
+
}))));
|
|
17694
17748
|
};
|
|
17695
17749
|
|
|
17696
17750
|
/**
|
|
@@ -17912,8 +17966,6 @@ var VideoIdValidation = function VideoIdValidation(_a) {
|
|
|
17912
17966
|
geolocationEnabled: geolocationEnabled,
|
|
17913
17967
|
geolocationRequired: geolocationRequired,
|
|
17914
17968
|
useDocumentServiceForLivenessChecks: useDocumentServiceForLivenessChecks
|
|
17915
|
-
}, /*#__PURE__*/React__namespace.default.createElement(SdkPage, {
|
|
17916
|
-
className: classNames === null || classNames === void 0 ? void 0 : classNames.container
|
|
17917
17969
|
}, /*#__PURE__*/React__namespace.default.createElement(CompositeWizard, {
|
|
17918
17970
|
checks: React.useMemo(function () {
|
|
17919
17971
|
return ['VideoIdCapture'];
|
|
@@ -17928,7 +17980,7 @@ var VideoIdValidation = function VideoIdValidation(_a) {
|
|
|
17928
17980
|
onCameraTamperingDetected: onCameraTamperingDetected,
|
|
17929
17981
|
onMicrophoneAccessDenied: onMicrophoneAccessDenied,
|
|
17930
17982
|
debugMode: debugMode
|
|
17931
|
-
}))))
|
|
17983
|
+
}))));
|
|
17932
17984
|
};
|
|
17933
17985
|
|
|
17934
17986
|
/** 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. */
|
|
@@ -18092,8 +18144,6 @@ var CustomerBiometricsEnrollment = function CustomerBiometricsEnrollment(_a) {
|
|
|
18092
18144
|
geolocationEnabled: geolocationEnabled,
|
|
18093
18145
|
geolocationRequired: geolocationRequired,
|
|
18094
18146
|
useDocumentServiceForLivenessChecks: useDocumentServiceForLivenessChecks
|
|
18095
|
-
}, /*#__PURE__*/React__namespace.default.createElement(SdkPage, {
|
|
18096
|
-
className: classNames === null || classNames === void 0 ? void 0 : classNames.container
|
|
18097
18147
|
}, /*#__PURE__*/React__namespace.default.createElement(CompositeWizard, {
|
|
18098
18148
|
checks: React.useMemo(function () {
|
|
18099
18149
|
return ['FaceLiveness'];
|
|
@@ -18107,7 +18157,7 @@ var CustomerBiometricsEnrollment = function CustomerBiometricsEnrollment(_a) {
|
|
|
18107
18157
|
onCameraAccessDenied: onCameraAccessDenied,
|
|
18108
18158
|
onCameraTamperingDetected: onCameraTamperingDetected,
|
|
18109
18159
|
debugMode: debugMode
|
|
18110
|
-
}))))
|
|
18160
|
+
}))));
|
|
18111
18161
|
};
|
|
18112
18162
|
|
|
18113
18163
|
/**
|
|
@@ -18180,8 +18230,6 @@ var DocumentCapture = function DocumentCapture(_a) {
|
|
|
18180
18230
|
onCameraTamperingDetected: onCameraTamperingDetected,
|
|
18181
18231
|
classNames: classNames === null || classNames === void 0 ? void 0 : classNames.cameraStoreProvider,
|
|
18182
18232
|
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
|
|
18185
18233
|
}, /*#__PURE__*/React__namespace.default.createElement(DocumentCaptureWizard, {
|
|
18186
18234
|
onSuccess: onComplete,
|
|
18187
18235
|
onExitCapture: onExitCapture,
|
|
@@ -18192,7 +18240,7 @@ var DocumentCapture = function DocumentCapture(_a) {
|
|
|
18192
18240
|
instructions: instructions,
|
|
18193
18241
|
classNames: classNames,
|
|
18194
18242
|
verbiage: verbiage
|
|
18195
|
-
})))))
|
|
18243
|
+
})))));
|
|
18196
18244
|
};
|
|
18197
18245
|
|
|
18198
18246
|
initializeI18n();
|