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
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
(function (global, factory) {
|
|
2
|
-
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('react-dom/client'), require('platform'), require('styled-components'), require('
|
|
3
|
-
typeof define === 'function' && define.amd ? define(['exports', 'react', 'react-dom/client', 'platform', 'styled-components', '
|
|
4
|
-
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.Sdk2 = {}, global.React, global.ReactDOM, global.platform, global.styled, global.
|
|
5
|
-
})(this, (function (exports, React, ReactDOM, platform, styled,
|
|
2
|
+
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('react-dom/client'), require('platform'), require('styled-components'), require('tus-js-client'), require('react-dom'), require('prop-types')) :
|
|
3
|
+
typeof define === 'function' && define.amd ? define(['exports', 'react', 'react-dom/client', 'platform', 'styled-components', 'tus-js-client', 'react-dom', 'prop-types'], factory) :
|
|
4
|
+
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.Sdk2 = {}, global.React, global.ReactDOM, global.platform, global.styled, global.tusJsClient, global.ReactDOM, global.PropTypes));
|
|
5
|
+
})(this, (function (exports, React, ReactDOM, platform, styled, tusJsClient, reactDom, require$$0) { 'use strict';
|
|
6
6
|
|
|
7
7
|
function _interopNamespaceDefault(e) {
|
|
8
8
|
var n = Object.create(null);
|
|
@@ -211,7 +211,7 @@
|
|
|
211
211
|
return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
|
|
212
212
|
};
|
|
213
213
|
|
|
214
|
-
var webSdkVersion = '2.2.
|
|
214
|
+
var webSdkVersion = '2.2.175';
|
|
215
215
|
|
|
216
216
|
function getPlatform() {
|
|
217
217
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
@@ -376,6 +376,48 @@
|
|
|
376
376
|
});
|
|
377
377
|
}
|
|
378
378
|
|
|
379
|
+
var PageContainerDiv = styled.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) {
|
|
380
|
+
var _a;
|
|
381
|
+
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 ");
|
|
382
|
+
}, function (props) {
|
|
383
|
+
return props.theme.fontFamily ? "font-family: ".concat(props.theme.fontFamily, ";") : "";
|
|
384
|
+
});
|
|
385
|
+
var PageContainer = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
386
|
+
var children = _a.children,
|
|
387
|
+
className = _a.className,
|
|
388
|
+
_b = _a.heightOffset,
|
|
389
|
+
heightOffset = _b === void 0 ? 0 : _b,
|
|
390
|
+
style = _a.style,
|
|
391
|
+
onClick = _a.onClick;
|
|
392
|
+
var _c = React.useState(false),
|
|
393
|
+
dimensionsCalculated = _c[0],
|
|
394
|
+
setDimensionsCalculated = _c[1];
|
|
395
|
+
React.useEffect(function () {
|
|
396
|
+
if (typeof window === 'undefined') return;
|
|
397
|
+
setDimensionsCalculated(false);
|
|
398
|
+
var calcAppDimensions = function calcAppDimensions() {
|
|
399
|
+
var doc = document.documentElement;
|
|
400
|
+
doc.style.setProperty('--app-width', "".concat(window.innerWidth, "px"));
|
|
401
|
+
doc.style.setProperty('--app-height', "".concat(window.innerHeight, "px"));
|
|
402
|
+
};
|
|
403
|
+
window.addEventListener('resize', calcAppDimensions);
|
|
404
|
+
calcAppDimensions();
|
|
405
|
+
setDimensionsCalculated(true);
|
|
406
|
+
return function () {
|
|
407
|
+
window.removeEventListener('resize', calcAppDimensions);
|
|
408
|
+
};
|
|
409
|
+
}, []);
|
|
410
|
+
return /*#__PURE__*/React.createElement(PageContainerDiv, {
|
|
411
|
+
ref: ref,
|
|
412
|
+
style: style,
|
|
413
|
+
onClick: onClick,
|
|
414
|
+
className: className,
|
|
415
|
+
"$heightOffset": heightOffset
|
|
416
|
+
}, dimensionsCalculated && children);
|
|
417
|
+
});
|
|
418
|
+
PageContainer.displayName = 'PageContainer';
|
|
419
|
+
var templateObject_1$N;
|
|
420
|
+
|
|
379
421
|
var LoaderButton = function LoaderButton(_a) {
|
|
380
422
|
var children = _a.children,
|
|
381
423
|
className = _a.className,
|
|
@@ -431,60 +473,29 @@
|
|
|
431
473
|
className: "ladda-label"
|
|
432
474
|
}, children));
|
|
433
475
|
};
|
|
434
|
-
var StyledButton = styled.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) {
|
|
476
|
+
var StyledButton = styled.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) {
|
|
435
477
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
|
|
436
478
|
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 ");
|
|
437
479
|
});
|
|
438
|
-
var templateObject_1$
|
|
439
|
-
|
|
440
|
-
var ButtonsRow$2 = styled.div(templateObject_1$N || (templateObject_1$N = __makeTemplateObject(["\n display: flex;\n gap: 0 15px;\n justify-content: center;\n"], ["\n display: flex;\n gap: 0 15px;\n justify-content: center;\n"])));
|
|
441
|
-
var templateObject_1$N;
|
|
442
|
-
|
|
443
|
-
var GuidanceMessageContainerDiv = styled.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) {
|
|
444
|
-
var $top = _a.$top;
|
|
445
|
-
return $top !== null && $top !== void 0 ? $top : '10vh';
|
|
446
|
-
}, function (_a) {
|
|
447
|
-
var $bottom = _a.$bottom;
|
|
448
|
-
return $bottom ? "bottom: ".concat($bottom, ";") : "";
|
|
449
|
-
});
|
|
450
|
-
var GuidanceMessageContainer = function GuidanceMessageContainer(props) {
|
|
451
|
-
var element = /*#__PURE__*/React.createElement(GuidanceMessageContainerDiv, _assign({}, props));
|
|
452
|
-
var portalLocation = document.getElementById('idmission-above-guides-content');
|
|
453
|
-
if (!portalLocation) return element;
|
|
454
|
-
return /*#__PURE__*/reactDom.createPortal(element, portalLocation);
|
|
455
|
-
};
|
|
456
|
-
var GuidanceMessage = styled.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) {
|
|
457
|
-
var _a, _b, _c, _d, _e, _f;
|
|
458
|
-
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';
|
|
459
|
-
}, function (props) {
|
|
460
|
-
var _a, _b, _c, _d, _e, _f;
|
|
461
|
-
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';
|
|
462
|
-
});
|
|
463
|
-
var templateObject_1$M, templateObject_2$E;
|
|
480
|
+
var templateObject_1$M;
|
|
464
481
|
|
|
465
|
-
var
|
|
466
|
-
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"])));
|
|
467
|
-
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"])));
|
|
468
|
-
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"])));
|
|
469
|
-
var templateObject_1$L, templateObject_2$D, templateObject_3$s, templateObject_4$m;
|
|
470
|
-
|
|
471
|
-
var OverlayContainer = styled.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) {
|
|
482
|
+
var OverlayContainer = styled(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) {
|
|
472
483
|
return props.theme.background ? "".concat(props.theme.background) : "white";
|
|
473
484
|
}, function (props) {
|
|
474
485
|
return props.theme.textColor ? "color: ".concat(props.theme.textColor, ";") : "";
|
|
475
486
|
});
|
|
476
|
-
var OverlayInner$2 = styled.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) {
|
|
487
|
+
var OverlayInner$2 = styled.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) {
|
|
477
488
|
var _a;
|
|
478
489
|
return (_a = props.theme.textAlign) !== null && _a !== void 0 ? _a : 'center';
|
|
479
490
|
}, function (props) {
|
|
480
491
|
return props.theme.padding ? "box-sizing: border-box; padding: ".concat(props.theme.padding, ";") : "";
|
|
481
492
|
});
|
|
482
|
-
var OverlayImageContainer = styled.div(templateObject_3$
|
|
483
|
-
var OverlayImageRow = styled.div(templateObject_4$
|
|
493
|
+
var OverlayImageContainer = styled.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"])));
|
|
494
|
+
var OverlayImageRow = styled.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"])));
|
|
484
495
|
var GrayOverlayContainer = styled(OverlayContainer)(templateObject_5$d || (templateObject_5$d = __makeTemplateObject(["\n background: #f7f6fb;\n"], ["\n background: #f7f6fb;\n"])));
|
|
485
496
|
var ButtonsColumn = styled.div(templateObject_6$a || (templateObject_6$a = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n gap: 15px 0;\n justify-content: center;\n margin-top: 24px;\n"], ["\n display: flex;\n flex-direction: column;\n gap: 15px 0;\n justify-content: center;\n margin-top: 24px;\n"])));
|
|
486
497
|
var WideButton = styled(LoaderButton)(templateObject_7$7 || (templateObject_7$7 = __makeTemplateObject(["\n width: 100%;\n border-radius: 30px;\n"], ["\n width: 100%;\n border-radius: 30px;\n"])));
|
|
487
|
-
var WideBorderButton = styled(WideButton)(templateObject_8$
|
|
498
|
+
var WideBorderButton = styled(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) {
|
|
488
499
|
var _a, _b;
|
|
489
500
|
return (_b = (_a = props.colors) === null || _a === void 0 ? void 0 : _a.textColor) !== null && _b !== void 0 ? _b : 'black';
|
|
490
501
|
}, function (props) {
|
|
@@ -494,26 +505,7 @@
|
|
|
494
505
|
var _a, _b;
|
|
495
506
|
return (_b = (_a = props.colors) === null || _a === void 0 ? void 0 : _a.borderColor) !== null && _b !== void 0 ? _b : 'var(--idm-color-secondary-500)';
|
|
496
507
|
});
|
|
497
|
-
var
|
|
498
|
-
var LoadingOverlayHeader = styled.div(templateObject_10$2 || (templateObject_10$2 = __makeTemplateObject(["\n text-align: ", ";\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n ", "\n padding-bottom: 0;\n"], ["\n text-align: ", ";\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n ", "\n padding-bottom: 0;\n"])), function (props) {
|
|
499
|
-
var _a;
|
|
500
|
-
return (_a = props.theme.textAlign) !== null && _a !== void 0 ? _a : 'center';
|
|
501
|
-
}, function (props) {
|
|
502
|
-
return props.theme.padding ? "box-sizing: border-box; padding: ".concat(props.theme.padding, ";") : "";
|
|
503
|
-
});
|
|
504
|
-
var LoadingOverlayGuidanceMessage = styled(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"])));
|
|
505
|
-
var LoadingOverlayImageContainer = styled(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"])));
|
|
506
|
-
var LoadingOverlayProgressBarBackground = styled.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"])));
|
|
507
|
-
var LoadingOverlayProgressBar = styled.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) {
|
|
508
|
-
return props.$progress;
|
|
509
|
-
});
|
|
510
|
-
var LoadingOverlayProgressIndicator = styled.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);
|
|
511
|
-
var LoadingOverlayButtonsRow = styled(ButtonsRow$2)(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n padding: 15px 25px;\n min-height: 100px;\n width: 100%;\n box-sizing: border-box;\n position: relative;\n"], ["\n display: flex;\n flex-direction: row;\n padding: 15px 25px;\n min-height: 100px;\n width: 100%;\n box-sizing: border-box;\n position: relative;\n"])));
|
|
512
|
-
var LoadingOverlayLoadingListContainer = styled.div(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n display: flex;\n position: relative;\n z-index: 2;\n"], ["\n display: flex;\n position: relative;\n z-index: 2;\n"])));
|
|
513
|
-
var LoadingOverlayLoadingList = styled.ul(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n display: block;\n margin: auto;\n list-style: none;\n padding: 0;\n"], ["\n display: block;\n margin: auto;\n list-style: none;\n padding: 0;\n"])));
|
|
514
|
-
var LoadingOverlayLoadingListItem = styled.li(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n display: inline-flex;\n justify-content: center;\n align-items: center;\n padding: 2px 1.25rem 2px 0;\n line-height: 1rem;\n"], ["\n display: inline-flex;\n justify-content: center;\n align-items: center;\n padding: 2px 1.25rem 2px 0;\n line-height: 1rem;\n"])));
|
|
515
|
-
var LoadingOverlayProgressContainer = styled.div(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n"])));
|
|
516
|
-
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;
|
|
508
|
+
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;
|
|
517
509
|
|
|
518
510
|
function _extends() {
|
|
519
511
|
return _extends = Object.assign ? Object.assign.bind() : function (n) {
|
|
@@ -8040,7 +8032,7 @@
|
|
|
8040
8032
|
return [frameWidth, frameHeight];
|
|
8041
8033
|
}
|
|
8042
8034
|
|
|
8043
|
-
var InvisibleCanvas = styled.canvas(templateObject_1$
|
|
8035
|
+
var InvisibleCanvas = styled.canvas(templateObject_1$K || (templateObject_1$K = __makeTemplateObject(["\n display: none;\n"], ["\n display: none;\n"])));
|
|
8044
8036
|
function drawToCanvas(canvas, frame, width, height) {
|
|
8045
8037
|
if (!canvas) return;
|
|
8046
8038
|
var ctx = canvas.getContext('2d');
|
|
@@ -8060,7 +8052,7 @@
|
|
|
8060
8052
|
var _a;
|
|
8061
8053
|
(_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);
|
|
8062
8054
|
}
|
|
8063
|
-
var templateObject_1$
|
|
8055
|
+
var templateObject_1$K;
|
|
8064
8056
|
|
|
8065
8057
|
function cropToShoulders(rawCanvas, cropCanvas, resizeCanvas, frame, face, quality, maxHeight) {
|
|
8066
8058
|
if (quality === void 0) {
|
|
@@ -12371,8 +12363,8 @@
|
|
|
12371
12363
|
'Document out of focus - try improving the lighting': 'Documento no enfocado, hay que tratar de mejorar la iluminación',
|
|
12372
12364
|
'ID card front detected - please flip your ID card': 'Frente de la ID detectado, por favor hay que voltearla',
|
|
12373
12365
|
'ID card back detected - please flip your ID card': 'Reverso de la ID detectado, por favor hay que voltearla',
|
|
12374
|
-
'ID card detected please scan a passport instead': 'Se ha detectado una credencial, por favor hay que escanear un pasaporte',
|
|
12375
|
-
'Passport detected please scan an ID card instead': 'Se ha detectado un pasaporte, por favor hay que escanear una credencial',
|
|
12366
|
+
'ID card detected, please scan a passport instead': 'Se ha detectado una credencial, por favor hay que escanear un pasaporte',
|
|
12367
|
+
'Passport detected, please scan an ID card instead': 'Se ha detectado un pasaporte, por favor hay que escanear una credencial',
|
|
12376
12368
|
'Document detected, hold still...': 'Se ha detectado el documento, no moverse por favor...',
|
|
12377
12369
|
'ID card front detected, hold still...': 'Frente de la ID detectado, no moverse...',
|
|
12378
12370
|
'ID card back detected, hold still...': 'Reverso de la ID detectado, no moverse...',
|
|
@@ -12499,7 +12491,7 @@
|
|
|
12499
12491
|
'Document out of focus - try improving the lighting': 'Dokument unscharf - versuchen Sie, die Beleuchtung zu verbessern',
|
|
12500
12492
|
'ID card front detected - please flip your ID card': 'Vorderseite des Ausweises erkannt - bitte Ihren Ausweis umdrehen',
|
|
12501
12493
|
'ID card back detected - please flip your ID card': 'Rückseite des Ausweises erkannt - bitte Ihren Ausweis umdrehen',
|
|
12502
|
-
'ID card detected please scan a passport instead': 'Ausweis erkannt, bitte stattdessen einen Pass scannen',
|
|
12494
|
+
'ID card detected, please scan a passport instead': 'Ausweis erkannt, bitte stattdessen einen Pass scannen',
|
|
12503
12495
|
'Passport detected, please scan an ID card instead': 'Pass erkannt, bitte stattdessen einen Ausweis scannen',
|
|
12504
12496
|
'Document detected, hold still...': 'Dokument erkannt, stillhalten...',
|
|
12505
12497
|
'ID card front detected, hold still...': 'Vorderseite des Ausweises erkannt, stillhalten...',
|
|
@@ -12627,8 +12619,8 @@
|
|
|
12627
12619
|
'Document out of focus - try improving the lighting': "Document flou - essayez d'améliorer l'éclairage",
|
|
12628
12620
|
'ID card front detected - please flip your ID card': "Recto de la carte d'identité détecté - veuillez retourner votre carte d'identité",
|
|
12629
12621
|
'ID card back detected - please flip your ID card': "Verso de la carte d'identité détectée - veuillez retourner votre carte d'identité",
|
|
12630
|
-
'ID card detected please scan a passport instead': "Carte d'identité détectée, veuillez scanner plutôt un passeport",
|
|
12631
|
-
'Passport detected please scan an ID card instead': "Passeport détecté, veuillez scanner plutôt une carte d'identité",
|
|
12622
|
+
'ID card detected, please scan a passport instead': "Carte d'identité détectée, veuillez scanner plutôt un passeport",
|
|
12623
|
+
'Passport detected, please scan an ID card instead': "Passeport détecté, veuillez scanner plutôt une carte d'identité",
|
|
12632
12624
|
'Document detected, hold still...': 'Document détecté, restez immobile...',
|
|
12633
12625
|
'ID card front detected, hold still...': "Recto de la carte d'identité détecté, restez immobile...",
|
|
12634
12626
|
'ID card back detected, hold still...': "Verso de la carte d'identité détecté, restez immobile...",
|
|
@@ -12755,8 +12747,8 @@
|
|
|
12755
12747
|
'Document out of focus - try improving the lighting': "Documento fuori fuoco - provare a migliorare l'illuminazione",
|
|
12756
12748
|
'ID card front detected - please flip your ID card': "Fronte del documento d'identità rilevato - Girare il documento d'identità",
|
|
12757
12749
|
'ID card back detected - please flip your ID card': "Retro del documento d'identità rilevato - Girare il documento d'identità",
|
|
12758
|
-
'ID card detected please scan a passport instead': "Documento d'identità rilevato, scansionare un passaporto al suo posto",
|
|
12759
|
-
'Passport detected please scan an ID card instead': "Passaporto rilevato, scansionare una documento d'identità al suo posto",
|
|
12750
|
+
'ID card detected, please scan a passport instead': "Documento d'identità rilevato, scansionare un passaporto al suo posto",
|
|
12751
|
+
'Passport detected, please scan an ID card instead': "Passaporto rilevato, scansionare una documento d'identità al suo posto",
|
|
12760
12752
|
'Document detected, hold still...': 'Documento rilevato, tenere fermo...',
|
|
12761
12753
|
'ID card front detected, hold still...': "Fronte documento d'identità rilevato, tenere fermo...",
|
|
12762
12754
|
'ID card back detected, hold still...': "Retro documento d'identità rilevato, tenere fermo...",
|
|
@@ -12883,8 +12875,8 @@
|
|
|
12883
12875
|
'Document out of focus - try improving the lighting': 'ドキュメントの焦点がぼやけています。照明を調節してください',
|
|
12884
12876
|
'ID card front detected - please flip your ID card': '身分証の正面が検出されました。身分証を裏返してください',
|
|
12885
12877
|
'ID card back detected - please flip your ID card': '身分証の背面が検出されました。身分証を裏返してください',
|
|
12886
|
-
'ID card detected please scan a passport instead': '身分証が検出されました。パスポートをスキャンしてください',
|
|
12887
|
-
'Passport detected please scan an ID card instead': 'パスポートが検出されました。身分証をスキャンしてください',
|
|
12878
|
+
'ID card detected, please scan a passport instead': '身分証が検出されました。パスポートをスキャンしてください',
|
|
12879
|
+
'Passport detected, please scan an ID card instead': 'パスポートが検出されました。身分証をスキャンしてください',
|
|
12888
12880
|
'Document detected, hold still...': 'ドキュメントが検出されました。動かないようにしてください…',
|
|
12889
12881
|
'ID card front detected, hold still...': '身分証の正面が検出されました。動かないようにしてください…',
|
|
12890
12882
|
'ID card back detected, hold still...': '身分証の背面が検出されました。動かないようにしてください…',
|
|
@@ -13011,8 +13003,8 @@
|
|
|
13011
13003
|
'Document out of focus - try improving the lighting': 'Documento fora de foco - tente melhorar a iluminação',
|
|
13012
13004
|
'ID card front detected - please flip your ID card': 'Detectada a frente da carteira de identidade - vire a carteira de identidade',
|
|
13013
13005
|
'ID card back detected - please flip your ID card': 'Detectado o verso da carteira de identidade - vire a carteira de identidade',
|
|
13014
|
-
'ID card detected please scan a passport instead': 'Detectada a carteira de identidade - escaneie um passaporte em seu lugar',
|
|
13015
|
-
'Passport detected please scan an ID card instead': 'Detectado passaporte, escaneie uma carteira de identidade em seu lugar',
|
|
13006
|
+
'ID card detected, please scan a passport instead': 'Detectada a carteira de identidade - escaneie um passaporte em seu lugar',
|
|
13007
|
+
'Passport detected, please scan an ID card instead': 'Detectado passaporte, escaneie uma carteira de identidade em seu lugar',
|
|
13016
13008
|
'Document detected, hold still...': 'Documento detectado - mantenha-se imóvel...',
|
|
13017
13009
|
'ID card front detected, hold still...': 'Detectada a frente da carteira de identidade - mantenha-se imóvel...',
|
|
13018
13010
|
'ID card back detected, hold still...': 'Detectado o verso da carteira de identidade - mantenha-se imóvel...',
|
|
@@ -13139,8 +13131,8 @@
|
|
|
13139
13131
|
'Document out of focus – try improving the lighting': 'Документ не в фокусе, попробуйте улучшить освещение',
|
|
13140
13132
|
'ID card front detected - please flip your ID card': 'Обнаружена лицевая сторона удостоверения личности, переверните удостоверение личности',
|
|
13141
13133
|
'ID card back detected - please flip your ID card': 'Обнаружена обратная сторона удостоверения личности, переверните удостоверение личности',
|
|
13142
|
-
'ID card detected please scan a passport instead': 'Обнаружено удостоверение личности, отсканируйте вместо него паспорт',
|
|
13143
|
-
'Passport detected please scan an ID card instead': 'Обнаружен паспорт, отсканируйте вместо него удостоверение личности',
|
|
13134
|
+
'ID card detected, please scan a passport instead': 'Обнаружено удостоверение личности, отсканируйте вместо него паспорт',
|
|
13135
|
+
'Passport detected, please scan an ID card instead': 'Обнаружен паспорт, отсканируйте вместо него удостоверение личности',
|
|
13144
13136
|
'Document detected, hold still...': 'Обнаружен документ, не двигайтесь…',
|
|
13145
13137
|
'ID card front detected, hold still...': 'Обнаружена лицевая сторона удостоверения личности, не двигайтесь…',
|
|
13146
13138
|
'ID card back detected, hold still...': 'Обнаружена обратная сторона удостоверения личности, не двигайтесь…',
|
|
@@ -13267,8 +13259,8 @@
|
|
|
13267
13259
|
'Document out of focus - try improving the lighting': '文件失焦 - 請嘗試改善燈光',
|
|
13268
13260
|
'ID card front detected - please flip your ID card': '偵測到證件正面 - 請將證件翻面',
|
|
13269
13261
|
'ID card back detected - please flip your ID card': '偵測到證件背面 - 請將證件翻面',
|
|
13270
|
-
'ID card detected please scan a passport instead': '偵測到證件，請掃描護照',
|
|
13271
|
-
'Passport detected please scan an ID card instead': '偵測到護照，請掃描證件',
|
|
13262
|
+
'ID card detected, please scan a passport instead': '偵測到證件，請掃描護照',
|
|
13263
|
+
'Passport detected, please scan an ID card instead': '偵測到護照，請掃描證件',
|
|
13272
13264
|
'Document detected, hold still...': '偵測到的文件保持不動...',
|
|
13273
13265
|
'ID card front detected, hold still...': '偵測到的證件正面保持不動...',
|
|
13274
13266
|
'ID card back detected, hold still...': '偵測到的證件背面保持不動...',
|
|
@@ -13882,14 +13874,14 @@
|
|
|
13882
13874
|
className: classNames.message
|
|
13883
13875
|
}, messageText)));
|
|
13884
13876
|
}
|
|
13885
|
-
var StyledOverlayInner$4 = styled(OverlayInner$2)(templateObject_1$
|
|
13877
|
+
var StyledOverlayInner$4 = styled(OverlayInner$2)(templateObject_1$J || (templateObject_1$J = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
13886
13878
|
var StyledOverlayHeading = styled.h3(templateObject_2$B || (templateObject_2$B = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
13887
13879
|
function useCameraStore(selector) {
|
|
13888
13880
|
var store = React.useContext(CameraStoreContext);
|
|
13889
13881
|
if (!store) throw new Error('useCameraStore cannot be used without Provider');
|
|
13890
13882
|
return useStore(store, selector);
|
|
13891
13883
|
}
|
|
13892
|
-
var templateObject_1$
|
|
13884
|
+
var templateObject_1$J, templateObject_2$B;
|
|
13893
13885
|
|
|
13894
13886
|
var DocumentDetectionModelContext = /*#__PURE__*/React.createContext({
|
|
13895
13887
|
startDocumentDetection: function startDocumentDetection() {
|
|
@@ -15217,12 +15209,12 @@
|
|
|
15217
15209
|
if (!portalLocation) return element;
|
|
15218
15210
|
return /*#__PURE__*/reactDom.createPortal(element, portalLocation);
|
|
15219
15211
|
}
|
|
15220
|
-
var DebugStatsPaneDiv = styled.span(templateObject_1$
|
|
15221
|
-
var ObjectDetectionDebugOverlayDiv = styled.div(templateObject_2$A || (templateObject_2$A = __makeTemplateObject(["\n position: absolute;\n z-index: 1001;\n
|
|
15212
|
+
var DebugStatsPaneDiv = styled.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"])));
|
|
15213
|
+
var ObjectDetectionDebugOverlayDiv = styled.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) {
|
|
15222
15214
|
var $flipX = _a.$flipX;
|
|
15223
15215
|
return $flipX ? 'transform: scaleX(-1);' : '';
|
|
15224
15216
|
});
|
|
15225
|
-
var ObjectDetectionDebugBox = styled.div(templateObject_3$
|
|
15217
|
+
var ObjectDetectionDebugBox = styled.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) {
|
|
15226
15218
|
var $color = _a.$color;
|
|
15227
15219
|
return $color !== null && $color !== void 0 ? $color : 'green';
|
|
15228
15220
|
}, function (_a) {
|
|
@@ -15232,7 +15224,7 @@
|
|
|
15232
15224
|
var $flipX = _a.$flipX;
|
|
15233
15225
|
return $flipX ? 'transform: scaleX(-1);' : '';
|
|
15234
15226
|
});
|
|
15235
|
-
var FaceDetectionKeypointMarker = styled.div(templateObject_4$
|
|
15227
|
+
var FaceDetectionKeypointMarker = styled.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) {
|
|
15236
15228
|
var $color = _a.$color;
|
|
15237
15229
|
return $color !== null && $color !== void 0 ? $color : 'red';
|
|
15238
15230
|
}, function (_a) {
|
|
@@ -15423,7 +15415,29 @@
|
|
|
15423
15415
|
}
|
|
15424
15416
|
});
|
|
15425
15417
|
}
|
|
15426
|
-
var templateObject_1$
|
|
15418
|
+
var templateObject_1$I, templateObject_2$A, templateObject_3$r, templateObject_4$l;
|
|
15419
|
+
|
|
15420
|
+
var GuidanceMessageContainerDiv = styled.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) {
|
|
15421
|
+
var $top = _a.$top;
|
|
15422
|
+
return $top !== null && $top !== void 0 ? $top : '10vh';
|
|
15423
|
+
}, function (_a) {
|
|
15424
|
+
var $bottom = _a.$bottom;
|
|
15425
|
+
return $bottom ? "bottom: ".concat($bottom, ";") : "";
|
|
15426
|
+
});
|
|
15427
|
+
var GuidanceMessageContainer = function GuidanceMessageContainer(props) {
|
|
15428
|
+
var element = /*#__PURE__*/React.createElement(GuidanceMessageContainerDiv, _assign({}, props));
|
|
15429
|
+
var portalLocation = document.getElementById('idmission-above-guides-content');
|
|
15430
|
+
if (!portalLocation) return element;
|
|
15431
|
+
return /*#__PURE__*/reactDom.createPortal(element, portalLocation);
|
|
15432
|
+
};
|
|
15433
|
+
var GuidanceMessage = styled.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) {
|
|
15434
|
+
var _a, _b, _c, _d, _e, _f;
|
|
15435
|
+
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';
|
|
15436
|
+
}, function (props) {
|
|
15437
|
+
var _a, _b, _c, _d, _e, _f;
|
|
15438
|
+
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';
|
|
15439
|
+
});
|
|
15440
|
+
var templateObject_1$H, templateObject_2$z;
|
|
15427
15441
|
|
|
15428
15442
|
function OverrideWrongDocumentTypeGuidanceDialog(_a) {
|
|
15429
15443
|
var _b = _a.classNames,
|
|
@@ -15438,7 +15452,7 @@
|
|
|
15438
15452
|
buttonText: 'OK'
|
|
15439
15453
|
});
|
|
15440
15454
|
if (!allowOverrideWrongDocumentTypeGuidance) return null;
|
|
15441
|
-
return /*#__PURE__*/React.createElement(Container$
|
|
15455
|
+
return /*#__PURE__*/React.createElement(Container$2, {
|
|
15442
15456
|
className: classNames.container
|
|
15443
15457
|
}, /*#__PURE__*/React.createElement(InnerContainer, {
|
|
15444
15458
|
className: classNames.inner
|
|
@@ -15456,18 +15470,18 @@
|
|
|
15456
15470
|
}
|
|
15457
15471
|
}, verbiage.buttonText))));
|
|
15458
15472
|
}
|
|
15459
|
-
var Container$
|
|
15473
|
+
var Container$2 = styled.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) {
|
|
15460
15474
|
var _a, _b, _c;
|
|
15461
15475
|
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';
|
|
15462
15476
|
}, function (props) {
|
|
15463
15477
|
var _a, _b, _c;
|
|
15464
15478
|
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';
|
|
15465
15479
|
});
|
|
15466
|
-
var InnerContainer = styled.div(templateObject_2$
|
|
15467
|
-
var Message = styled.span(templateObject_3$
|
|
15468
|
-
var ButtonContainer = styled.div(templateObject_4$
|
|
15480
|
+
var InnerContainer = styled.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"])));
|
|
15481
|
+
var Message = styled.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"])));
|
|
15482
|
+
var ButtonContainer = styled.div(templateObject_4$k || (templateObject_4$k = __makeTemplateObject(["\n display: flex;\n margin-left: auto;\n"], ["\n display: flex;\n margin-left: auto;\n"])));
|
|
15469
15483
|
var Button$1 = styled(LoaderButton)(templateObject_5$c || (templateObject_5$c = __makeTemplateObject(["\n white-space: nowrap;\n margin: auto;\n"], ["\n white-space: nowrap;\n margin: auto;\n"])));
|
|
15470
|
-
var templateObject_1$G, templateObject_2$
|
|
15484
|
+
var templateObject_1$G, templateObject_2$y, templateObject_3$q, templateObject_4$k, templateObject_5$c;
|
|
15471
15485
|
|
|
15472
15486
|
// This is a simplified version of https://github.com/ZeeCoder/use-resize-observer.
|
|
15473
15487
|
// We have removed all options and made it compliant with React Compiler/React 19.
|
|
@@ -15586,37 +15600,37 @@
|
|
|
15586
15600
|
}
|
|
15587
15601
|
|
|
15588
15602
|
var IdCapture = function IdCapture(_a) {
|
|
15589
|
-
var _b, _c, _d, _e, _f, _g;
|
|
15603
|
+
var _b, _c, _d, _e, _f, _g, _h;
|
|
15590
15604
|
var requiredDocumentType = _a.requiredDocumentType,
|
|
15591
|
-
|
|
15592
|
-
thresholds =
|
|
15605
|
+
_j = _a.thresholds,
|
|
15606
|
+
thresholds = _j === void 0 ? defaultIdCaptureThresholds : _j,
|
|
15593
15607
|
guidanceMessage = _a.guidanceMessage,
|
|
15594
15608
|
guidanceSatisfied = _a.guidanceSatisfied,
|
|
15595
15609
|
onCapture = _a.onCapture,
|
|
15596
|
-
|
|
15597
|
-
classNames =
|
|
15598
|
-
|
|
15599
|
-
colors =
|
|
15600
|
-
|
|
15601
|
-
rawVerbiage =
|
|
15602
|
-
|
|
15603
|
-
debugMode =
|
|
15604
|
-
var
|
|
15605
|
-
ref =
|
|
15606
|
-
|
|
15607
|
-
width =
|
|
15608
|
-
|
|
15609
|
-
height =
|
|
15610
|
+
_k = _a.classNames,
|
|
15611
|
+
classNames = _k === void 0 ? {} : _k,
|
|
15612
|
+
_l = _a.colors,
|
|
15613
|
+
colors = _l === void 0 ? {} : _l,
|
|
15614
|
+
_m = _a.verbiage,
|
|
15615
|
+
rawVerbiage = _m === void 0 ? {} : _m,
|
|
15616
|
+
_o = _a.debugMode,
|
|
15617
|
+
debugMode = _o === void 0 ? false : _o;
|
|
15618
|
+
var _p = useResizeObserver(),
|
|
15619
|
+
ref = _p.ref,
|
|
15620
|
+
_q = _p.width,
|
|
15621
|
+
width = _q === void 0 ? 1 : _q,
|
|
15622
|
+
_r = _p.height,
|
|
15623
|
+
height = _r === void 0 ? 1 : _r;
|
|
15610
15624
|
var state = useIdCaptureStore();
|
|
15611
|
-
var
|
|
15612
|
-
camera =
|
|
15613
|
-
isRearFacing =
|
|
15614
|
-
var
|
|
15615
|
-
modelsReady =
|
|
15616
|
-
setThresholds =
|
|
15617
|
-
detectionTime =
|
|
15618
|
-
focusPredictionTime =
|
|
15619
|
-
getBestFrame =
|
|
15625
|
+
var _s = useCameraStore(),
|
|
15626
|
+
camera = _s.camera,
|
|
15627
|
+
isRearFacing = _s.isRearFacing;
|
|
15628
|
+
var _t = React.useContext(IdCaptureModelsContext),
|
|
15629
|
+
modelsReady = _t.ready,
|
|
15630
|
+
setThresholds = _t.setThresholds,
|
|
15631
|
+
detectionTime = _t.detectionTime,
|
|
15632
|
+
focusPredictionTime = _t.focusPredictionTime,
|
|
15633
|
+
getBestFrame = _t.getBestFrame;
|
|
15620
15634
|
React.useEffect(function () {
|
|
15621
15635
|
return dispatchIdCaptureAction({
|
|
15622
15636
|
type: 'captureInitialized'
|
|
@@ -15689,6 +15703,11 @@
|
|
|
15689
15703
|
var theme = styled.useTheme();
|
|
15690
15704
|
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');
|
|
15691
15705
|
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');
|
|
15706
|
+
// console.log(
|
|
15707
|
+
// `${
|
|
15708
|
+
// documentTypeDisplayNames[state.detectedDocumentType]
|
|
15709
|
+
// } detected, hold still...`,
|
|
15710
|
+
// )
|
|
15692
15711
|
var verbiage = useTranslations(rawVerbiage, {
|
|
15693
15712
|
instructionText: 'Scan the front of ID',
|
|
15694
15713
|
processingIdCardText: 'ID card front captured.',
|
|
@@ -15713,12 +15732,12 @@
|
|
|
15713
15732
|
var satisfied = state.isGoodFrame;
|
|
15714
15733
|
if (typeof guidanceSatisfied === 'boolean') satisfied = guidanceSatisfied;
|
|
15715
15734
|
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 : '');
|
|
15716
|
-
return /*#__PURE__*/React.createElement(
|
|
15735
|
+
return /*#__PURE__*/React.createElement(PageContainer, {
|
|
15717
15736
|
ref: ref,
|
|
15718
|
-
className: classNames.container
|
|
15737
|
+
className: "flex ".concat((_h = classNames.container) !== null && _h !== void 0 ? _h : '')
|
|
15719
15738
|
}, guidanceMessage !== '' && ( /*#__PURE__*/React.createElement(GuidanceMessageContainer, {
|
|
15720
15739
|
"$top": "",
|
|
15721
|
-
"$bottom": "12.
|
|
15740
|
+
"$bottom": "12.5dvh",
|
|
15722
15741
|
className: classNames.guidanceMessageContainer
|
|
15723
15742
|
}, /*#__PURE__*/React.createElement(GuidanceMessage, {
|
|
15724
15743
|
"$variant": satisfied ? 'positive' : 'default',
|
|
@@ -15781,7 +15800,7 @@
|
|
|
15781
15800
|
className: "flex ".concat((_b = classNames.container) !== null && _b !== void 0 ? _b : '')
|
|
15782
15801
|
}, /*#__PURE__*/React.createElement(StyledOverlayInner$3, {
|
|
15783
15802
|
className: classNames.inner
|
|
15784
|
-
}, /*#__PURE__*/React.createElement(StyledOverlayImageContainer$
|
|
15803
|
+
}, /*#__PURE__*/React.createElement(StyledOverlayImageContainer$3, {
|
|
15785
15804
|
className: classNames.imageContainer
|
|
15786
15805
|
}, /*#__PURE__*/React.createElement("img", {
|
|
15787
15806
|
src: assets.imageUrl,
|
|
@@ -15800,10 +15819,10 @@
|
|
|
15800
15819
|
}, verbiage.retryBtnText)));
|
|
15801
15820
|
};
|
|
15802
15821
|
var StyledOverlayInner$3 = styled(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"])));
|
|
15803
|
-
var StyledOverlayImageContainer$
|
|
15804
|
-
var Description$4 = styled.p(templateObject_3$
|
|
15805
|
-
var RetryButton$1 = styled(LoaderButton)(templateObject_4$
|
|
15806
|
-
var templateObject_1$F, templateObject_2$
|
|
15822
|
+
var StyledOverlayImageContainer$3 = styled(OverlayImageContainer)(templateObject_2$x || (templateObject_2$x = __makeTemplateObject(["\n flex-grow: 0;\n"], ["\n flex-grow: 0;\n"])));
|
|
15823
|
+
var Description$4 = styled.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"])));
|
|
15824
|
+
var RetryButton$1 = styled(LoaderButton)(templateObject_4$j || (templateObject_4$j = __makeTemplateObject(["\n width: 200px;\n margin: 0 auto;\n"], ["\n width: 200px;\n margin: 0 auto;\n"])));
|
|
15825
|
+
var templateObject_1$F, templateObject_2$x, templateObject_3$p, templateObject_4$j;
|
|
15807
15826
|
|
|
15808
15827
|
var ExitCaptureStyledButton = styled.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"])));
|
|
15809
15828
|
var ExitCaptureButton = function ExitCaptureButton(_a) {
|
|
@@ -15851,16 +15870,23 @@
|
|
|
15851
15870
|
};
|
|
15852
15871
|
var templateObject_1$E;
|
|
15853
15872
|
|
|
15873
|
+
var ButtonsRow = styled.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"])));
|
|
15874
|
+
var templateObject_1$D;
|
|
15875
|
+
|
|
15854
15876
|
function IdCaptureLoadingGraphic(props) {
|
|
15855
15877
|
var isMobile = window.innerHeight > window.innerWidth;
|
|
15856
15878
|
return isMobile ? ( /*#__PURE__*/React.createElement(IdCaptureLoadingGraphicMobile, _assign({}, props))) : ( /*#__PURE__*/React.createElement(IdCaptureLoadingGraphicDesktop, _assign({}, props)));
|
|
15857
15879
|
}
|
|
15858
15880
|
function IdCaptureLoadingGraphicDesktop(_a) {
|
|
15859
15881
|
var _b, _c, _d, _e, _f, _g;
|
|
15860
|
-
var
|
|
15861
|
-
|
|
15862
|
-
|
|
15863
|
-
|
|
15882
|
+
var _h = _a.width,
|
|
15883
|
+
width = _h === void 0 ? 698 : _h,
|
|
15884
|
+
_j = _a.height,
|
|
15885
|
+
height = _j === void 0 ? 452 : _j,
|
|
15886
|
+
className = _a.className;
|
|
15887
|
+
var _k = React.useState(0),
|
|
15888
|
+
frame = _k[0],
|
|
15889
|
+
setFrame = _k[1];
|
|
15864
15890
|
React.useEffect(function () {
|
|
15865
15891
|
var i = setInterval(function () {
|
|
15866
15892
|
setFrame(function (n) {
|
|
@@ -15876,6 +15902,8 @@
|
|
|
15876
15902
|
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;
|
|
15877
15903
|
return /*#__PURE__*/React.createElement(LoadingGraphicWrapper, null, /*#__PURE__*/React.createElement(LoadingGraphicSvg, {
|
|
15878
15904
|
className: className,
|
|
15905
|
+
width: width,
|
|
15906
|
+
height: height,
|
|
15879
15907
|
"$frame": frame,
|
|
15880
15908
|
"$borderColor": accentColor,
|
|
15881
15909
|
viewBox: "0 0 698 452",
|
|
@@ -16324,21 +16352,21 @@
|
|
|
16324
16352
|
fill: "white"
|
|
16325
16353
|
}))));
|
|
16326
16354
|
}
|
|
16327
|
-
var LoadingGraphicWrapper = styled.div(templateObject_1$
|
|
16328
|
-
var LoadingGraphicSvg = styled.svg(templateObject_2$
|
|
16355
|
+
var LoadingGraphicWrapper = styled.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"])));
|
|
16356
|
+
var LoadingGraphicSvg = styled.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) {
|
|
16329
16357
|
return props.$frame > 1 ? 1 : props.$frame === 1 ? 1.25 : 0.75;
|
|
16330
16358
|
}, function (props) {
|
|
16331
16359
|
return props.$frame >= 5 ? 10 : 0;
|
|
16332
16360
|
}, function (props) {
|
|
16333
16361
|
return props.$borderColor;
|
|
16334
16362
|
});
|
|
16335
|
-
var LoadingGraphicCardGroup = styled.g(templateObject_3$
|
|
16363
|
+
var LoadingGraphicCardGroup = styled.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) {
|
|
16336
16364
|
return props.$offScreen ? '-500px' : '0';
|
|
16337
16365
|
});
|
|
16338
|
-
var LoadingGraphicPhoneGroup = styled.g(templateObject_4$
|
|
16366
|
+
var LoadingGraphicPhoneGroup = styled.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) {
|
|
16339
16367
|
return props.$offScreen ? '40px' : '0';
|
|
16340
16368
|
});
|
|
16341
|
-
var templateObject_1$
|
|
16369
|
+
var templateObject_1$C, templateObject_2$w, templateObject_3$o, templateObject_4$i;
|
|
16342
16370
|
|
|
16343
16371
|
function LoadingListItemIndicator(_a) {
|
|
16344
16372
|
var _b = _a.state,
|
|
@@ -16389,6 +16417,12 @@
|
|
|
16389
16417
|
}))))));
|
|
16390
16418
|
}
|
|
16391
16419
|
|
|
16420
|
+
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"])));
|
|
16421
|
+
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"])));
|
|
16422
|
+
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"])));
|
|
16423
|
+
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"])));
|
|
16424
|
+
var templateObject_1$B, templateObject_2$v, templateObject_3$n, templateObject_4$h;
|
|
16425
|
+
|
|
16392
16426
|
var legacyInstructionImageUrl$1 = "".concat(DEFAULT_CDN_URL, "/WebSDK-Instruction-DL-Capture-3-Portrait.png");
|
|
16393
16427
|
var IdCaptureLoadingOverlayDefault = function IdCaptureLoadingOverlayDefault(_a) {
|
|
16394
16428
|
var _b, _c, _d, _e;
|
|
@@ -16469,10 +16503,13 @@
|
|
|
16469
16503
|
}, onUserCancel && ( /*#__PURE__*/React.createElement(ExitCaptureButton, {
|
|
16470
16504
|
onClick: onUserCancel,
|
|
16471
16505
|
className: classNames.cancelBtn
|
|
16472
|
-
})), customOverlayContent || ( /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(
|
|
16506
|
+
})), customOverlayContent || ( /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(OverlayHeader$1, null, /*#__PURE__*/React.createElement(StyledGuidanceMessage$2, {
|
|
16473
16507
|
className: classNames.heading
|
|
16474
|
-
}, verbiage.headingText)), /*#__PURE__*/React.createElement(
|
|
16475
|
-
className: classNames.imageContainer
|
|
16508
|
+
}, verbiage.headingText)), /*#__PURE__*/React.createElement(StyledOverlayImageContainer$2, {
|
|
16509
|
+
className: classNames.imageContainer,
|
|
16510
|
+
style: {
|
|
16511
|
+
pointerEvents: 'none'
|
|
16512
|
+
}
|
|
16476
16513
|
}, (assets === null || assets === void 0 ? void 0 : assets.instructionImageUrl) && assets.instructionImageUrl !== legacyInstructionImageUrl$1 ? ( /*#__PURE__*/React.createElement(CustomLoadingGraphic$1, {
|
|
16477
16514
|
ref: imageRef,
|
|
16478
16515
|
alt: verbiage.headingText,
|
|
@@ -16496,27 +16533,27 @@
|
|
|
16496
16533
|
}), /*#__PURE__*/React.createElement("label", {
|
|
16497
16534
|
htmlFor: "use-continuity-camera",
|
|
16498
16535
|
className: classNames.continuityCameraCheckboxLabel
|
|
16499
|
-
}, verbiage.useContinuityCameraText)))), /*#__PURE__*/React.createElement(
|
|
16536
|
+
}, verbiage.useContinuityCameraText)))), /*#__PURE__*/React.createElement(StyledButtonsRow$a, {
|
|
16500
16537
|
className: classNames.buttonsRow
|
|
16501
|
-
}, /*#__PURE__*/React.createElement(
|
|
16538
|
+
}, /*#__PURE__*/React.createElement(ProgressContainer$1, {
|
|
16502
16539
|
className: classNames.progressContainer
|
|
16503
16540
|
}, /*#__PURE__*/React.createElement(ProgressBarBackground$1, {
|
|
16504
16541
|
className: classNames.progressBackground
|
|
16505
|
-
}), /*#__PURE__*/React.createElement(
|
|
16542
|
+
}), /*#__PURE__*/React.createElement(ProgressBar$1, {
|
|
16506
16543
|
"$progress": modelDownloadProgress,
|
|
16507
16544
|
className: classNames.progressBar
|
|
16508
16545
|
}, /*#__PURE__*/React.createElement(ProgressIndicator$1, {
|
|
16509
16546
|
className: classNames.progressIndicator
|
|
16510
|
-
}))), /*#__PURE__*/React.createElement(
|
|
16547
|
+
}))), /*#__PURE__*/React.createElement(LoadingListContainer$1, {
|
|
16511
16548
|
className: classNames.loadingListContainer
|
|
16512
|
-
}, /*#__PURE__*/React.createElement(
|
|
16549
|
+
}, /*#__PURE__*/React.createElement(LoadingList$1, {
|
|
16513
16550
|
className: classNames.loadingList
|
|
16514
|
-
}, /*#__PURE__*/React.createElement(
|
|
16551
|
+
}, /*#__PURE__*/React.createElement(LoadingListItem$1, {
|
|
16515
16552
|
className: clsx(classNames.loadingListItem, cameraReady ? 'done' : 'running')
|
|
16516
16553
|
}, /*#__PURE__*/React.createElement(LoadingListItemIndicator, {
|
|
16517
16554
|
className: classNames.loadingListItemIndicator,
|
|
16518
16555
|
state: cameraReady ? 'done' : 'running'
|
|
16519
|
-
}), cameraReady ? verbiage.cameraInitializedText : verbiage.cameraInitializingText), /*#__PURE__*/React.createElement(
|
|
16556
|
+
}), cameraReady ? verbiage.cameraInitializedText : verbiage.cameraInitializingText), /*#__PURE__*/React.createElement(LoadingListItem$1, {
|
|
16520
16557
|
className: clsx(classNames.loadingListItem, sessionReady && modelsReady ? 'done' : 'running')
|
|
16521
16558
|
}, /*#__PURE__*/React.createElement(LoadingListItemIndicator, {
|
|
16522
16559
|
className: classNames.loadingListItemIndicator,
|
|
@@ -16535,34 +16572,52 @@
|
|
|
16535
16572
|
}
|
|
16536
16573
|
}, verbiage.continueText))))));
|
|
16537
16574
|
};
|
|
16538
|
-
var OverlayInner$1 = styled(
|
|
16575
|
+
var OverlayInner$1 = styled.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) {
|
|
16539
16576
|
var _a, _b, _c, _d;
|
|
16540
16577
|
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';
|
|
16541
16578
|
}, function (props) {
|
|
16542
16579
|
var _a, _b, _c, _d;
|
|
16543
16580
|
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';
|
|
16544
16581
|
});
|
|
16545
|
-
var
|
|
16546
|
-
|
|
16547
|
-
|
|
16548
|
-
|
|
16582
|
+
var OverlayHeader$1 = styled.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) {
|
|
16583
|
+
var _a;
|
|
16584
|
+
return (_a = props.theme.textAlign) !== null && _a !== void 0 ? _a : 'center';
|
|
16585
|
+
}, function (props) {
|
|
16586
|
+
return props.theme.padding ? "box-sizing: border-box; padding: ".concat(props.theme.padding, ";") : "";
|
|
16587
|
+
});
|
|
16588
|
+
var StyledGuidanceMessage$2 = styled(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"])));
|
|
16589
|
+
var StyledOverlayImageContainer$2 = styled(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"])));
|
|
16590
|
+
var ContinuityCameraCheckboxContainer$1 = styled.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"])));
|
|
16591
|
+
var ContinuityCameraCheckboxInner = styled(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"])));
|
|
16592
|
+
var ContinuityCameraCheckbox$1 = styled.input(templateObject_7$6 || (templateObject_7$6 = __makeTemplateObject(["\n margin-right: 8px;\n"], ["\n margin-right: 8px;\n"])));
|
|
16593
|
+
var StyledButtonsRow$a = styled(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) {
|
|
16549
16594
|
var _a, _b, _c, _d;
|
|
16550
16595
|
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';
|
|
16551
16596
|
}, function (props) {
|
|
16552
16597
|
var _a, _b, _c, _d, _e, _f;
|
|
16553
16598
|
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, ";") : '';
|
|
16554
16599
|
});
|
|
16555
|
-
var
|
|
16600
|
+
var LoadingListContainer$1 = styled.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"])));
|
|
16601
|
+
var LoadingList$1 = styled.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"])));
|
|
16602
|
+
var LoadingListItem$1 = styled.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"])));
|
|
16603
|
+
var ProgressContainer$1 = styled.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"])));
|
|
16604
|
+
var ProgressBarBackground$1 = styled.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) {
|
|
16556
16605
|
var _a, _b, _c, _d;
|
|
16557
16606
|
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)';
|
|
16558
16607
|
}, function (props) {
|
|
16559
16608
|
var _a, _b, _c, _d;
|
|
16560
16609
|
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;
|
|
16561
16610
|
});
|
|
16562
|
-
var
|
|
16563
|
-
|
|
16564
|
-
|
|
16565
|
-
var
|
|
16611
|
+
var ProgressBar$1 = styled.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) {
|
|
16612
|
+
return props.$progress;
|
|
16613
|
+
});
|
|
16614
|
+
var ProgressIndicator$1 = styled.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) {
|
|
16615
|
+
var _a, _b, _c, _d;
|
|
16616
|
+
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)';
|
|
16617
|
+
}, progressBarAnimation);
|
|
16618
|
+
var CustomLoadingGraphic$1 = styled.img(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n transform-style: preserve-3d;\n"], ["\n transform-style: preserve-3d;\n"])));
|
|
16619
|
+
var ContinueButtonContainer$1 = styled.div(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n display: flex;\n"], ["\n display: flex;\n"])));
|
|
16620
|
+
var ContinueButton$1 = styled(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) {
|
|
16566
16621
|
var _a, _b, _c, _d, _e, _f;
|
|
16567
16622
|
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, ";") : '';
|
|
16568
16623
|
}, function (props) {
|
|
@@ -16572,10 +16627,10 @@
|
|
|
16572
16627
|
var _a, _b, _c, _d, _e, _f;
|
|
16573
16628
|
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, ";") : '';
|
|
16574
16629
|
});
|
|
16575
|
-
var templateObject_1$
|
|
16630
|
+
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;
|
|
16576
16631
|
|
|
16577
|
-
var ContinuityCameraCheckboxContainer = styled.div(templateObject_1$
|
|
16578
|
-
var ContinuityCameraCheckbox = styled.input(templateObject_2$
|
|
16632
|
+
var ContinuityCameraCheckboxContainer = styled.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"])));
|
|
16633
|
+
var ContinuityCameraCheckbox = styled.input(templateObject_2$t || (templateObject_2$t = __makeTemplateObject(["\n margin-right: 8px;\n"], ["\n margin-right: 8px;\n"])));
|
|
16579
16634
|
var IdCaptureLoadingOverlayLegacy = function IdCaptureLoadingOverlayLegacy(_a) {
|
|
16580
16635
|
var _b, _c, _d, _e;
|
|
16581
16636
|
var onDismissed = _a.onDismissed,
|
|
@@ -16696,7 +16751,7 @@
|
|
|
16696
16751
|
}
|
|
16697
16752
|
}, ready ? verbiage.continueText : modelsReady ? verbiage.cameraInitializingText : modelDownloadProgress >= 100 ? verbiage.modelsWarmingUpText : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)"))));
|
|
16698
16753
|
};
|
|
16699
|
-
var templateObject_1$
|
|
16754
|
+
var templateObject_1$z, templateObject_2$t;
|
|
16700
16755
|
|
|
16701
16756
|
var components$1 = {
|
|
16702
16757
|
"default": IdCaptureLoadingOverlayDefault,
|
|
@@ -16754,9 +16809,9 @@
|
|
|
16754
16809
|
});
|
|
16755
16810
|
};
|
|
16756
16811
|
|
|
16757
|
-
var Card = styled.div(templateObject_1$
|
|
16758
|
-
var FlexCard = styled(Card)(templateObject_2$
|
|
16759
|
-
var templateObject_1$
|
|
16812
|
+
var Card = styled.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"])));
|
|
16813
|
+
var FlexCard = styled(Card)(templateObject_2$s || (templateObject_2$s = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n"], ["\n display: flex;\n flex-direction: column;\n"])));
|
|
16814
|
+
var templateObject_1$y, templateObject_2$s;
|
|
16760
16815
|
|
|
16761
16816
|
var imageDisplayOrder = ['idCardFront', 'idCardBack', 'passport', 'singlePage', 'idFrontIrImage', 'idBackIrImage', 'idFrontUvImage', 'idBackUvImage'];
|
|
16762
16817
|
var IdCaptureSuccess = function IdCaptureSuccess(_a) {
|
|
@@ -16818,13 +16873,13 @@
|
|
|
16818
16873
|
finished: true
|
|
16819
16874
|
}, verbiage.retryText)))));
|
|
16820
16875
|
};
|
|
16821
|
-
var Heading$a = styled.h1(templateObject_1$
|
|
16822
|
-
var ImagesContainer = styled(OverlayImageContainer)(templateObject_2$
|
|
16823
|
-
var ImageRow = styled(OverlayImageRow)(templateObject_3$l || (templateObject_3$l = __makeTemplateObject(["\n max-width: 100%;\n flex-direction: column;\n display: grid;\n grid-gap: 12px;\n
|
|
16824
|
-
var ImageCol$1 = styled.div(templateObject_4$f || (templateObject_4$f = __makeTemplateObject(["\n width:
|
|
16876
|
+
var Heading$a = styled.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"])));
|
|
16877
|
+
var ImagesContainer = styled(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"])));
|
|
16878
|
+
var ImageRow = styled(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"])));
|
|
16879
|
+
var ImageCol$1 = styled.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"])));
|
|
16825
16880
|
var StyledImage = styled(CapturedDocumentImg)(templateObject_5$a || (templateObject_5$a = __makeTemplateObject(["\n width: 100%;\n border-radius: 12px;\n"], ["\n width: 100%;\n border-radius: 12px;\n"])));
|
|
16826
|
-
var DebugPre = styled.pre(templateObject_6$8 || (templateObject_6$8 = __makeTemplateObject(["\n
|
|
16827
|
-
var templateObject_1$
|
|
16881
|
+
var DebugPre = styled.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"])));
|
|
16882
|
+
var templateObject_1$x, templateObject_2$r, templateObject_3$l, templateObject_4$f, templateObject_5$a, templateObject_6$8;
|
|
16828
16883
|
|
|
16829
16884
|
function useShowSuccessScreen(skipSuccessScreen, successScreenReady, onDoneCallback) {
|
|
16830
16885
|
var _this = this;
|
|
@@ -16876,10 +16931,10 @@
|
|
|
16876
16931
|
canvas.style.height = '0';
|
|
16877
16932
|
}
|
|
16878
16933
|
|
|
16879
|
-
var IdCardGuideImageContainer = styled(IdCardBorder)(templateObject_1$
|
|
16934
|
+
var IdCardGuideImageContainer = styled(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) {
|
|
16880
16935
|
return props.$isVisible ? '' : 'opacity: 0;';
|
|
16881
16936
|
});
|
|
16882
|
-
var IdCardGuideImage = styled.img(templateObject_2$
|
|
16937
|
+
var IdCardGuideImage = styled.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) {
|
|
16883
16938
|
return props.$isMirrored ? 'transform: scaleX(-1);' : '';
|
|
16884
16939
|
}, function (props) {
|
|
16885
16940
|
return props.$isInvisible ? 'opacity: 0;' : '';
|
|
@@ -17032,7 +17087,7 @@
|
|
|
17032
17087
|
var _a;
|
|
17033
17088
|
return (_a = props.$fillMode) !== null && _a !== void 0 ? _a : 'forwards';
|
|
17034
17089
|
});
|
|
17035
|
-
var templateObject_1$
|
|
17090
|
+
var templateObject_1$w, templateObject_2$q, templateObject_3$k, templateObject_4$e, templateObject_5$9;
|
|
17036
17091
|
|
|
17037
17092
|
var defaultIdCaptureGuideImages = {
|
|
17038
17093
|
portrait: {
|
|
@@ -17208,12 +17263,12 @@
|
|
|
17208
17263
|
style: imageStyle
|
|
17209
17264
|
})));
|
|
17210
17265
|
};
|
|
17211
|
-
var FlipImageContainer = styled(IdCardGuideImageContainer)(templateObject_1$
|
|
17266
|
+
var FlipImageContainer = styled(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) {
|
|
17212
17267
|
return props.$transitionTime;
|
|
17213
17268
|
}, function (props) {
|
|
17214
17269
|
return props.$transforms;
|
|
17215
17270
|
});
|
|
17216
|
-
var templateObject_1$
|
|
17271
|
+
var templateObject_1$v;
|
|
17217
17272
|
|
|
17218
17273
|
var GuideOrientationContext = /*#__PURE__*/React.createContext({
|
|
17219
17274
|
orientation: 'landscape',
|
|
@@ -17500,8 +17555,8 @@
|
|
|
17500
17555
|
return v;
|
|
17501
17556
|
}).join(' ');
|
|
17502
17557
|
};
|
|
17503
|
-
var StyledPageContainer = styled
|
|
17504
|
-
var GuidesContainer = styled.div(templateObject_2$
|
|
17558
|
+
var StyledPageContainer = styled(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"])));
|
|
17559
|
+
var GuidesContainer = styled.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"])));
|
|
17505
17560
|
var GuideCenterRow = styled.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"])));
|
|
17506
17561
|
var GuideRegion = styled.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) {
|
|
17507
17562
|
var _a, _b, _c, _d, _e;
|
|
@@ -17526,9 +17581,9 @@
|
|
|
17526
17581
|
}, function (props) {
|
|
17527
17582
|
return props.$padding ? "padding: ".concat(props.$padding, "px;") : '';
|
|
17528
17583
|
});
|
|
17529
|
-
var GuideText = styled.span(templateObject_8$
|
|
17530
|
-
var GuideCenterInner = styled.div(templateObject_9$
|
|
17531
|
-
var templateObject_1$
|
|
17584
|
+
var GuideText = styled.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"])));
|
|
17585
|
+
var GuideCenterInner = styled.div(templateObject_9$2 || (templateObject_9$2 = __makeTemplateObject(["\n position: relative;\n margin: auto;\n"], ["\n position: relative;\n margin: auto;\n"])));
|
|
17586
|
+
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;
|
|
17532
17587
|
|
|
17533
17588
|
var IdCaptureFitGuide = function IdCaptureFitGuide(_a) {
|
|
17534
17589
|
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
|
|
@@ -17669,11 +17724,11 @@
|
|
|
17669
17724
|
progress: progress
|
|
17670
17725
|
}));
|
|
17671
17726
|
};
|
|
17672
|
-
var CanvasWrapper$1 = styled.div(templateObject_1$
|
|
17727
|
+
var CanvasWrapper$1 = styled.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) {
|
|
17673
17728
|
return props.$maskColor;
|
|
17674
17729
|
});
|
|
17675
|
-
var Canvas$1 = styled.canvas(templateObject_2$
|
|
17676
|
-
var templateObject_1$
|
|
17730
|
+
var Canvas$1 = styled.canvas(templateObject_2$o || (templateObject_2$o = __makeTemplateObject(["\n display: block;\n"], ["\n display: block;\n"])));
|
|
17731
|
+
var templateObject_1$t, templateObject_2$o;
|
|
17677
17732
|
|
|
17678
17733
|
function IdCaptureGuides(_a) {
|
|
17679
17734
|
var _b = _a.guideType,
|
|
@@ -17729,7 +17784,7 @@
|
|
|
17729
17784
|
})));
|
|
17730
17785
|
}
|
|
17731
17786
|
|
|
17732
|
-
var Spinner$1 = styled.div(templateObject_1$
|
|
17787
|
+
var Spinner$1 = styled.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) {
|
|
17733
17788
|
var $size = _a.$size;
|
|
17734
17789
|
return $size !== null && $size !== void 0 ? $size : 80;
|
|
17735
17790
|
}, function (_a) {
|
|
@@ -17754,11 +17809,7 @@
|
|
|
17754
17809
|
var $color = _a.$color;
|
|
17755
17810
|
return $color !== null && $color !== void 0 ? $color : '#888';
|
|
17756
17811
|
}, dualRingSpinnerAnimation);
|
|
17757
|
-
var
|
|
17758
|
-
function SpinnerPage() {
|
|
17759
|
-
return /*#__PURE__*/React.createElement(SpinnerPageContainer, null, /*#__PURE__*/React.createElement(Spinner$1, null));
|
|
17760
|
-
}
|
|
17761
|
-
var templateObject_1$u, templateObject_2$p;
|
|
17812
|
+
var templateObject_1$s;
|
|
17762
17813
|
|
|
17763
17814
|
var IdCaptureImagePreview = function IdCaptureImagePreview(_a) {
|
|
17764
17815
|
var _b = _a.classNames,
|
|
@@ -17845,11 +17896,11 @@
|
|
|
17845
17896
|
onError: onError
|
|
17846
17897
|
})));
|
|
17847
17898
|
};
|
|
17848
|
-
var StyledSpinner = styled(Spinner$1)(templateObject_1$
|
|
17849
|
-
var ImagePreviewWrapper = styled.div(templateObject_2$
|
|
17899
|
+
var StyledSpinner = styled(Spinner$1)(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"])));
|
|
17900
|
+
var ImagePreviewWrapper = styled.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"])));
|
|
17850
17901
|
var ImagePreviewText = styled.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"])));
|
|
17851
17902
|
var ImagePreviewImageWrapper = styled.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"])));
|
|
17852
|
-
var templateObject_1$
|
|
17903
|
+
var templateObject_1$r, templateObject_2$n, templateObject_3$i, templateObject_4$c;
|
|
17853
17904
|
|
|
17854
17905
|
var documentCaptureInitialState = {
|
|
17855
17906
|
documents: [],
|
|
@@ -18197,16 +18248,16 @@
|
|
|
18197
18248
|
ref: canvasRef
|
|
18198
18249
|
}));
|
|
18199
18250
|
};
|
|
18200
|
-
var CanvasWrapper = styled.div(templateObject_1$
|
|
18251
|
+
var CanvasWrapper = styled.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) {
|
|
18201
18252
|
return props.$maskColor;
|
|
18202
18253
|
});
|
|
18203
|
-
var Canvas = styled.canvas(templateObject_2$
|
|
18204
|
-
var templateObject_1$
|
|
18254
|
+
var Canvas = styled.canvas(templateObject_2$m || (templateObject_2$m = __makeTemplateObject(["\n display: block;\n"], ["\n display: block;\n"])));
|
|
18255
|
+
var templateObject_1$q, templateObject_2$m;
|
|
18205
18256
|
|
|
18206
|
-
var CameraFeedWrapper = styled.div(templateObject_1$
|
|
18257
|
+
var CameraFeedWrapper = styled.div(templateObject_1$p || (templateObject_1$p = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
18207
18258
|
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;") : "";
|
|
18208
18259
|
});
|
|
18209
|
-
var templateObject_1$
|
|
18260
|
+
var templateObject_1$p;
|
|
18210
18261
|
|
|
18211
18262
|
var CameraVideoTag = function CameraVideoTag(props) {
|
|
18212
18263
|
var _a = useCameraStore(useShallow(function (store) {
|
|
@@ -18237,46 +18288,46 @@
|
|
|
18237
18288
|
"$isRearFacing": isRearFacing
|
|
18238
18289
|
}, props));
|
|
18239
18290
|
};
|
|
18240
|
-
var FullscreenVideoTag = styled.video(templateObject_1$
|
|
18291
|
+
var FullscreenVideoTag = styled.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) {
|
|
18241
18292
|
return props.$isRearFacing ? '' : 'scaleX(-1)';
|
|
18242
18293
|
});
|
|
18243
|
-
var templateObject_1$
|
|
18294
|
+
var templateObject_1$o;
|
|
18244
18295
|
|
|
18245
18296
|
var DocumentCaptureScreen = function DocumentCaptureScreen(_a) {
|
|
18246
|
-
var _b, _c, _d, _e;
|
|
18297
|
+
var _b, _c, _d, _e, _f;
|
|
18247
18298
|
var onCaptureClicked = _a.onCaptureClicked,
|
|
18248
|
-
|
|
18249
|
-
classNames =
|
|
18250
|
-
|
|
18251
|
-
rawVerbiage =
|
|
18252
|
-
var
|
|
18253
|
-
|
|
18254
|
-
documents =
|
|
18255
|
-
currentDocumentIndex =
|
|
18256
|
-
rectX =
|
|
18257
|
-
rectY =
|
|
18258
|
-
rectWidth =
|
|
18259
|
-
rectHeight =
|
|
18260
|
-
rectOffsetTop =
|
|
18261
|
-
capturing =
|
|
18262
|
-
uploadCapturedDocument =
|
|
18263
|
-
dispatch =
|
|
18264
|
-
var
|
|
18265
|
-
title =
|
|
18266
|
-
aspectRatio =
|
|
18267
|
-
cameraFeedMode =
|
|
18268
|
-
instructions =
|
|
18269
|
-
contentUrl =
|
|
18270
|
-
content =
|
|
18271
|
-
uploadState =
|
|
18272
|
-
var
|
|
18273
|
-
videoStream =
|
|
18274
|
-
cameraReady =
|
|
18275
|
-
cameraAccessDenied =
|
|
18276
|
-
requestCameraAccess =
|
|
18277
|
-
var
|
|
18278
|
-
cameraAccessRequested =
|
|
18279
|
-
setCameraAccessRequested =
|
|
18299
|
+
_g = _a.classNames,
|
|
18300
|
+
classNames = _g === void 0 ? {} : _g,
|
|
18301
|
+
_h = _a.verbiage,
|
|
18302
|
+
rawVerbiage = _h === void 0 ? {} : _h;
|
|
18303
|
+
var _j = useDocumentCaptureState(),
|
|
18304
|
+
_k = _j[0],
|
|
18305
|
+
documents = _k.documents,
|
|
18306
|
+
currentDocumentIndex = _k.currentDocumentIndex,
|
|
18307
|
+
rectX = _k.rectX,
|
|
18308
|
+
rectY = _k.rectY,
|
|
18309
|
+
rectWidth = _k.rectWidth,
|
|
18310
|
+
rectHeight = _k.rectHeight,
|
|
18311
|
+
rectOffsetTop = _k.rectOffsetTop,
|
|
18312
|
+
capturing = _k.capturing,
|
|
18313
|
+
uploadCapturedDocument = _k.uploadCapturedDocument,
|
|
18314
|
+
dispatch = _j[1];
|
|
18315
|
+
var _l = (_b = documents[currentDocumentIndex]) !== null && _b !== void 0 ? _b : {},
|
|
18316
|
+
title = _l.title,
|
|
18317
|
+
aspectRatio = _l.aspectRatio,
|
|
18318
|
+
cameraFeedMode = _l.cameraFeedMode,
|
|
18319
|
+
instructions = _l.instructions,
|
|
18320
|
+
contentUrl = _l.contentUrl,
|
|
18321
|
+
content = _l.content,
|
|
18322
|
+
uploadState = _l.uploadState;
|
|
18323
|
+
var _m = useCameraStore(),
|
|
18324
|
+
videoStream = _m.videoStream,
|
|
18325
|
+
cameraReady = _m.cameraReady,
|
|
18326
|
+
cameraAccessDenied = _m.cameraAccessDenied,
|
|
18327
|
+
requestCameraAccess = _m.requestCameraAccess;
|
|
18328
|
+
var _o = React.useState(false),
|
|
18329
|
+
cameraAccessRequested = _o[0],
|
|
18330
|
+
setCameraAccessRequested = _o[1];
|
|
18280
18331
|
var cameraAccessNeeded =
|
|
18281
18332
|
// we should force the browser to ask for camera access if...
|
|
18282
18333
|
uploadState === 'not_started' &&
|
|
@@ -18324,7 +18375,9 @@
|
|
|
18324
18375
|
});
|
|
18325
18376
|
});
|
|
18326
18377
|
}
|
|
18327
|
-
return /*#__PURE__*/React.createElement(
|
|
18378
|
+
return /*#__PURE__*/React.createElement(PageContainer, {
|
|
18379
|
+
className: "flex ".concat((_f = classNames.container) !== null && _f !== void 0 ? _f : '')
|
|
18380
|
+
}, /*#__PURE__*/React.createElement(CameraFeedWrapper, {
|
|
18328
18381
|
className: classNames.cameraFeedWrapper,
|
|
18329
18382
|
"$mode": cameraFeedMode !== null && cameraFeedMode !== void 0 ? cameraFeedMode : 'snapToGuides',
|
|
18330
18383
|
"$x": rectX,
|
|
@@ -18353,7 +18406,7 @@
|
|
|
18353
18406
|
className: classNames.footerRow
|
|
18354
18407
|
}, instructions && ( /*#__PURE__*/React.createElement(Instructions, {
|
|
18355
18408
|
className: classNames.instructions
|
|
18356
|
-
}, instructions)), /*#__PURE__*/React.createElement(StyledButtonsRow$
|
|
18409
|
+
}, instructions)), /*#__PURE__*/React.createElement(StyledButtonsRow$9, {
|
|
18357
18410
|
className: classNames.buttonsRow
|
|
18358
18411
|
}, cameraAccessDenied ? ( /*#__PURE__*/React.createElement(LoaderButton, {
|
|
18359
18412
|
className: classNames.retryCameraAccessBtn,
|
|
@@ -18388,8 +18441,8 @@
|
|
|
18388
18441
|
disabled: !cameraReady || capturing
|
|
18389
18442
|
}, !cameraReady ? verbiage.loadingBtnText : capturing ? verbiage.capturingBtnText : verbiage.captureBtnText))))));
|
|
18390
18443
|
};
|
|
18391
|
-
var CaptureContainer = styled.div(templateObject_1$
|
|
18392
|
-
var HeadingRow = styled.div(templateObject_2$
|
|
18444
|
+
var CaptureContainer = styled.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"])));
|
|
18445
|
+
var HeadingRow = styled.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) {
|
|
18393
18446
|
return props.$maskColor;
|
|
18394
18447
|
});
|
|
18395
18448
|
var Heading$9 = styled.h1(templateObject_3$h || (templateObject_3$h = __makeTemplateObject(["\n font-size: 22px;\n"], ["\n font-size: 22px;\n"])));
|
|
@@ -18400,9 +18453,9 @@
|
|
|
18400
18453
|
var _a, _b, _c;
|
|
18401
18454
|
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';
|
|
18402
18455
|
});
|
|
18403
|
-
var StyledButtonsRow$
|
|
18456
|
+
var StyledButtonsRow$9 = styled(ButtonsRow)(templateObject_6$6 || (templateObject_6$6 = __makeTemplateObject(["\n padding-top: 20px;\n"], ["\n padding-top: 20px;\n"])));
|
|
18404
18457
|
var PreviewImage = styled.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"])));
|
|
18405
|
-
var templateObject_1$
|
|
18458
|
+
var templateObject_1$n, templateObject_2$l, templateObject_3$h, templateObject_4$b, templateObject_5$7, templateObject_6$6, templateObject_7$4;
|
|
18406
18459
|
|
|
18407
18460
|
var DocumentCaptureWizard = function DocumentCaptureWizard(_a) {
|
|
18408
18461
|
var onSuccess = _a.onSuccess,
|
|
@@ -18648,7 +18701,7 @@
|
|
|
18648
18701
|
capture: "environment",
|
|
18649
18702
|
onChange: onFileSelected,
|
|
18650
18703
|
hidden: true
|
|
18651
|
-
}), /*#__PURE__*/React.createElement(StyledButtonsRow$
|
|
18704
|
+
}), /*#__PURE__*/React.createElement(StyledButtonsRow$8, {
|
|
18652
18705
|
className: classNames.buttonsRow
|
|
18653
18706
|
}, images.length < maxImageCount && ( /*#__PURE__*/React.createElement(LoaderButton, {
|
|
18654
18707
|
variant: images.length > 0 ? 'secondary' : 'positive',
|
|
@@ -18673,13 +18726,13 @@
|
|
|
18673
18726
|
}
|
|
18674
18727
|
}, verbiage.doneBtnText))))));
|
|
18675
18728
|
};
|
|
18676
|
-
var StyledOverlayInner$2 = styled(OverlayInner$2)(templateObject_1$
|
|
18677
|
-
var Heading$8 = styled.h3(templateObject_2$
|
|
18729
|
+
var StyledOverlayInner$2 = styled(OverlayInner$2)(templateObject_1$m || (templateObject_1$m = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
18730
|
+
var Heading$8 = styled.h3(templateObject_2$k || (templateObject_2$k = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
18678
18731
|
var Description$3 = styled.p(templateObject_3$g || (templateObject_3$g = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
18679
18732
|
var Instruction = styled.p(templateObject_4$a || (templateObject_4$a = __makeTemplateObject(["\n font-weight: bold;\n"], ["\n font-weight: bold;\n"])));
|
|
18680
18733
|
var ImageCol = styled.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"])));
|
|
18681
|
-
var StyledButtonsRow$
|
|
18682
|
-
var templateObject_1$
|
|
18734
|
+
var StyledButtonsRow$8 = styled(ButtonsRow)(templateObject_6$5 || (templateObject_6$5 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
18735
|
+
var templateObject_1$m, templateObject_2$k, templateObject_3$g, templateObject_4$a, templateObject_5$6, templateObject_6$5;
|
|
18683
18736
|
|
|
18684
18737
|
function ScalingCameraFeed() {
|
|
18685
18738
|
var _a = useIdCaptureStore(),
|
|
@@ -19031,24 +19084,24 @@
|
|
|
19031
19084
|
}
|
|
19032
19085
|
}, file ? "".concat(file.name, " (").concat(humanFileSize(file.size), ")") : filePickerLoading ? loadingText : children));
|
|
19033
19086
|
}
|
|
19034
|
-
var ScreenContainer = styled.div(templateObject_1$
|
|
19087
|
+
var ScreenContainer = styled.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) {
|
|
19035
19088
|
var _a;
|
|
19036
19089
|
return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
|
|
19037
19090
|
});
|
|
19038
|
-
var ScreenPanel = styled.div(templateObject_2$
|
|
19091
|
+
var ScreenPanel = styled.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"])));
|
|
19039
19092
|
var SelectIdCardScreenPanel = styled(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"])));
|
|
19040
19093
|
var ScreenPanelHeading = styled.h3(templateObject_4$9 || (templateObject_4$9 = __makeTemplateObject(["\n margin: 0 0 30px;\n"], ["\n margin: 0 0 30px;\n"])));
|
|
19041
19094
|
var ScreenActionsBar = styled.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"])));
|
|
19042
19095
|
var DashedSeparator = styled.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"])));
|
|
19043
19096
|
var OrWrapper = styled.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"])));
|
|
19044
|
-
var UploadIdBackHelpText = styled.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"])));
|
|
19045
|
-
var Button = styled(WideBorderButton)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n width: auto;\n font-weight: 500;\n padding-left: 40px;\n padding-right: 40px;\n transition: background-color 0.3s ease;\n background-color: #ffffff;\n white-space: nowrap;\n\n &:disabled,\n &.disabled {\n background-color: #f1f1f1 !important;\n border-color: #dbdbdb !important;\n color: #323232 !important;\n }\n\n &:hover {\n filter: none;\n background-color: #fafafa !important;\n }\n"], ["\n width: auto;\n font-weight: 500;\n padding-left: 40px;\n padding-right: 40px;\n transition: background-color 0.3s ease;\n background-color: #ffffff;\n white-space: nowrap;\n\n &:disabled,\n &.disabled {\n background-color: #f1f1f1 !important;\n border-color: #dbdbdb !important;\n color: #323232 !important;\n }\n\n &:hover {\n filter: none;\n background-color: #fafafa !important;\n }\n"])));
|
|
19046
|
-
var Modal = styled.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.5);\n z-index: 10000;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.5);\n z-index: 10000;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n"])));
|
|
19047
|
-
var Dialog = styled.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n width: 100%;\n max-width: 500px;\n height: 100%;\n max-height: 600px;\n background: white;\n border-radius: 25px;\n overflow: auto;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\n font-family: ", ";\n //margin: 25px;\n"], ["\n width: 100%;\n max-width: 500px;\n height: 100%;\n max-height: 600px;\n background: white;\n border-radius: 25px;\n overflow: auto;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\n font-family: ", ";\n //margin: 25px;\n"])), function (props) {
|
|
19097
|
+
var UploadIdBackHelpText = styled.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"])));
|
|
19098
|
+
var Button = styled(WideBorderButton)(templateObject_9$1 || (templateObject_9$1 = __makeTemplateObject(["\n width: auto;\n font-weight: 500;\n padding-left: 40px;\n padding-right: 40px;\n transition: background-color 0.3s ease;\n background-color: #ffffff;\n white-space: nowrap;\n\n &:disabled,\n &.disabled {\n background-color: #f1f1f1 !important;\n border-color: #dbdbdb !important;\n color: #323232 !important;\n }\n\n &:hover {\n filter: none;\n background-color: #fafafa !important;\n }\n"], ["\n width: auto;\n font-weight: 500;\n padding-left: 40px;\n padding-right: 40px;\n transition: background-color 0.3s ease;\n background-color: #ffffff;\n white-space: nowrap;\n\n &:disabled,\n &.disabled {\n background-color: #f1f1f1 !important;\n border-color: #dbdbdb !important;\n color: #323232 !important;\n }\n\n &:hover {\n filter: none;\n background-color: #fafafa !important;\n }\n"])));
|
|
19099
|
+
var Modal = styled.div(templateObject_10$1 || (templateObject_10$1 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.5);\n z-index: 10000;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.5);\n z-index: 10000;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n"])));
|
|
19100
|
+
var Dialog = styled.div(templateObject_11$1 || (templateObject_11$1 = __makeTemplateObject(["\n width: 100%;\n max-width: 500px;\n height: 100%;\n max-height: 600px;\n background: white;\n border-radius: 25px;\n overflow: auto;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\n font-family: ", ";\n //margin: 25px;\n"], ["\n width: 100%;\n max-width: 500px;\n height: 100%;\n max-height: 600px;\n background: white;\n border-radius: 25px;\n overflow: auto;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\n font-family: ", ";\n //margin: 25px;\n"])), function (props) {
|
|
19048
19101
|
var _a;
|
|
19049
19102
|
return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
|
|
19050
19103
|
});
|
|
19051
|
-
var ModalCloseButton = styled.button(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n width: 60px;\n height: 60px;\n background: black;\n color: whitesmoke;\n border-radius: 50%;\n font-size: 32px;\n border: none;\n cursor: pointer;\n margin: 20px 0;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\n transition: background 0.3s ease;\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n padding: 0;\n\n &:hover {\n background: #222;\n color: white;\n }\n"], ["\n width: 60px;\n height: 60px;\n background: black;\n color: whitesmoke;\n border-radius: 50%;\n font-size: 32px;\n border: none;\n cursor: pointer;\n margin: 20px 0;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\n transition: background 0.3s ease;\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n padding: 0;\n\n &:hover {\n background: #222;\n color: white;\n }\n"])));
|
|
19104
|
+
var ModalCloseButton = styled.button(templateObject_12$1 || (templateObject_12$1 = __makeTemplateObject(["\n width: 60px;\n height: 60px;\n background: black;\n color: whitesmoke;\n border-radius: 50%;\n font-size: 32px;\n border: none;\n cursor: pointer;\n margin: 20px 0;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\n transition: background 0.3s ease;\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n padding: 0;\n\n &:hover {\n background: #222;\n color: white;\n }\n"], ["\n width: 60px;\n height: 60px;\n background: black;\n color: whitesmoke;\n border-radius: 50%;\n font-size: 32px;\n border: none;\n cursor: pointer;\n margin: 20px 0;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\n transition: background 0.3s ease;\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n padding: 0;\n\n &:hover {\n background: #222;\n color: white;\n }\n"])));
|
|
19052
19105
|
function XIcon(props) {
|
|
19053
19106
|
return /*#__PURE__*/React.createElement("svg", _assign({
|
|
19054
19107
|
width: "25",
|
|
@@ -19299,7 +19352,7 @@
|
|
|
19299
19352
|
strokeWidth: "3"
|
|
19300
19353
|
}));
|
|
19301
19354
|
}
|
|
19302
|
-
var InlineSvg = styled.svg(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n display: inline;\n"], ["\n display: inline;\n"])));
|
|
19355
|
+
var InlineSvg = styled.svg(templateObject_13$1 || (templateObject_13$1 = __makeTemplateObject(["\n display: inline;\n"], ["\n display: inline;\n"])));
|
|
19303
19356
|
function humanFileSize(bytes, si, dp) {
|
|
19304
19357
|
if (si === void 0) {
|
|
19305
19358
|
si = false;
|
|
@@ -19320,87 +19373,87 @@
|
|
|
19320
19373
|
} while (Math.round(Math.abs(bytes) * r) / r >= thresh && u < units.length - 1);
|
|
19321
19374
|
return bytes.toFixed(dp) + ' ' + units[u];
|
|
19322
19375
|
}
|
|
19323
|
-
var templateObject_1$
|
|
19376
|
+
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;
|
|
19324
19377
|
|
|
19325
19378
|
var IdCaptureWizard = function IdCaptureWizard(_a) {
|
|
19326
|
-
var _b, _c, _d, _e, _f;
|
|
19379
|
+
var _b, _c, _d, _e, _f, _g;
|
|
19327
19380
|
var onSuccess = _a.onSuccess,
|
|
19328
19381
|
onExitCapture = _a.onExitCapture,
|
|
19329
19382
|
onUserCancel = _a.onUserCancel,
|
|
19330
|
-
|
|
19331
|
-
loadingOverlayMode =
|
|
19383
|
+
_h = _a.loadingOverlayMode,
|
|
19384
|
+
loadingOverlayMode = _h === void 0 ? 'default' : _h,
|
|
19332
19385
|
customOverlayContent = _a.customOverlayContent,
|
|
19333
19386
|
onLoadingOverlayDismissed = _a.onLoadingOverlayDismissed,
|
|
19334
19387
|
precapturedDocuments = _a.precapturedDocuments,
|
|
19335
|
-
|
|
19336
|
-
captureRequirement =
|
|
19337
|
-
|
|
19338
|
-
allowSinglePageIdCapture =
|
|
19339
|
-
|
|
19340
|
-
separateIdCardCaptureSequence =
|
|
19341
|
-
|
|
19342
|
-
thresholds =
|
|
19343
|
-
|
|
19344
|
-
skipSuccessScreen =
|
|
19388
|
+
_j = _a.captureRequirement,
|
|
19389
|
+
captureRequirement = _j === void 0 ? 'idCardOrPassport' : _j,
|
|
19390
|
+
_k = _a.allowSinglePageIdCapture,
|
|
19391
|
+
allowSinglePageIdCapture = _k === void 0 ? false : _k,
|
|
19392
|
+
_l = _a.separateIdCardCaptureSequence,
|
|
19393
|
+
separateIdCardCaptureSequence = _l === void 0 ? false : _l,
|
|
19394
|
+
_m = _a.thresholds,
|
|
19395
|
+
thresholds = _m === void 0 ? defaultIdCaptureThresholds : _m,
|
|
19396
|
+
_o = _a.skipSuccessScreen,
|
|
19397
|
+
skipSuccessScreen = _o === void 0 ? false : _o,
|
|
19345
19398
|
instructions = _a.instructions,
|
|
19346
|
-
|
|
19347
|
-
releaseCameraAccessOnExit =
|
|
19348
|
-
|
|
19349
|
-
guideType =
|
|
19350
|
-
|
|
19351
|
-
portraitGuidesOnMobile =
|
|
19352
|
-
|
|
19353
|
-
rotateLoadingOverlayImageWhenPortrait =
|
|
19354
|
-
|
|
19355
|
-
silentFallback =
|
|
19356
|
-
|
|
19357
|
-
forceFallbackMode =
|
|
19358
|
-
|
|
19359
|
-
allowIdCardBackToFrontCapture =
|
|
19360
|
-
|
|
19361
|
-
enableOverrideWrongDocumentTypeDialog =
|
|
19362
|
-
|
|
19363
|
-
allowOverrideWrongDocumentTypeAfterMs =
|
|
19364
|
-
|
|
19365
|
-
allowUploadingDocumentsFromStorage =
|
|
19366
|
-
|
|
19367
|
-
guideImages =
|
|
19368
|
-
|
|
19369
|
-
assets =
|
|
19370
|
-
|
|
19371
|
-
classNames =
|
|
19372
|
-
|
|
19373
|
-
colors =
|
|
19374
|
-
|
|
19375
|
-
verbiage =
|
|
19376
|
-
|
|
19377
|
-
debugMode =
|
|
19399
|
+
_p = _a.releaseCameraAccessOnExit,
|
|
19400
|
+
releaseCameraAccessOnExit = _p === void 0 ? true : _p,
|
|
19401
|
+
_q = _a.guideType,
|
|
19402
|
+
guideType = _q === void 0 ? 'fit' : _q,
|
|
19403
|
+
_r = _a.portraitGuidesOnMobile,
|
|
19404
|
+
portraitGuidesOnMobile = _r === void 0 ? true : _r,
|
|
19405
|
+
_s = _a.rotateLoadingOverlayImageWhenPortrait,
|
|
19406
|
+
rotateLoadingOverlayImageWhenPortrait = _s === void 0 ? true : _s,
|
|
19407
|
+
_t = _a.silentFallback,
|
|
19408
|
+
silentFallback = _t === void 0 ? false : _t,
|
|
19409
|
+
_u = _a.forceFallbackMode,
|
|
19410
|
+
forceFallbackMode = _u === void 0 ? false : _u,
|
|
19411
|
+
_v = _a.allowIdCardBackToFrontCapture,
|
|
19412
|
+
allowIdCardBackToFrontCapture = _v === void 0 ? false : _v,
|
|
19413
|
+
_w = _a.enableOverrideWrongDocumentTypeDialog,
|
|
19414
|
+
enableOverrideWrongDocumentTypeDialog = _w === void 0 ? false : _w,
|
|
19415
|
+
_x = _a.allowOverrideWrongDocumentTypeAfterMs,
|
|
19416
|
+
allowOverrideWrongDocumentTypeAfterMs = _x === void 0 ? 8000 : _x,
|
|
19417
|
+
_y = _a.allowUploadingDocumentsFromStorage,
|
|
19418
|
+
allowUploadingDocumentsFromStorage = _y === void 0 ? false : _y,
|
|
19419
|
+
_z = _a.guideImages,
|
|
19420
|
+
guideImages = _z === void 0 ? defaultIdCaptureGuideImages : _z,
|
|
19421
|
+
_0 = _a.assets,
|
|
19422
|
+
assets = _0 === void 0 ? {} : _0,
|
|
19423
|
+
_1 = _a.classNames,
|
|
19424
|
+
classNames = _1 === void 0 ? {} : _1,
|
|
19425
|
+
_2 = _a.colors,
|
|
19426
|
+
colors = _2 === void 0 ? {} : _2,
|
|
19427
|
+
_3 = _a.verbiage,
|
|
19428
|
+
verbiage = _3 === void 0 ? {} : _3,
|
|
19429
|
+
_4 = _a.debugMode,
|
|
19430
|
+
debugMode = _4 === void 0 ? false : _4;
|
|
19378
19431
|
var state = useIdCaptureStore();
|
|
19379
|
-
var
|
|
19380
|
-
cameraAccessDenied =
|
|
19381
|
-
requestCameraAccess =
|
|
19382
|
-
releaseCameraAccess =
|
|
19383
|
-
var
|
|
19384
|
-
overlayDismissed =
|
|
19385
|
-
setOverlayDismissed =
|
|
19386
|
-
var
|
|
19387
|
-
submissionStatus =
|
|
19388
|
-
setIdFrontImage =
|
|
19389
|
-
setIdBackImage =
|
|
19390
|
-
setPassportImage =
|
|
19391
|
-
setIdFrontIrImage =
|
|
19392
|
-
setIdBackIrImage =
|
|
19393
|
-
setIdFrontUvImage =
|
|
19394
|
-
setIdBackUvImage =
|
|
19395
|
-
logIdFrontCaptureAttempt =
|
|
19396
|
-
logIdBackCaptureAttempt =
|
|
19397
|
-
var
|
|
19398
|
-
start =
|
|
19399
|
-
stop =
|
|
19400
|
-
onPredictionMade =
|
|
19401
|
-
setRequiredDocumentType =
|
|
19402
|
-
modelError =
|
|
19403
|
-
resetBestFrame =
|
|
19432
|
+
var _5 = useCameraStore(),
|
|
19433
|
+
cameraAccessDenied = _5.cameraAccessDenied,
|
|
19434
|
+
requestCameraAccess = _5.requestCameraAccess,
|
|
19435
|
+
releaseCameraAccess = _5.releaseCameraAccess;
|
|
19436
|
+
var _6 = React.useState(false),
|
|
19437
|
+
overlayDismissed = _6[0],
|
|
19438
|
+
setOverlayDismissed = _6[1];
|
|
19439
|
+
var _7 = React.useContext(SubmissionContext),
|
|
19440
|
+
submissionStatus = _7.submissionStatus,
|
|
19441
|
+
setIdFrontImage = _7.setIdFrontImage,
|
|
19442
|
+
setIdBackImage = _7.setIdBackImage,
|
|
19443
|
+
setPassportImage = _7.setPassportImage,
|
|
19444
|
+
setIdFrontIrImage = _7.setIdFrontIrImage,
|
|
19445
|
+
setIdBackIrImage = _7.setIdBackIrImage,
|
|
19446
|
+
setIdFrontUvImage = _7.setIdFrontUvImage,
|
|
19447
|
+
setIdBackUvImage = _7.setIdBackUvImage,
|
|
19448
|
+
logIdFrontCaptureAttempt = _7.logIdFrontCaptureAttempt,
|
|
19449
|
+
logIdBackCaptureAttempt = _7.logIdBackCaptureAttempt;
|
|
19450
|
+
var _8 = useIdCaptureModelsContext(),
|
|
19451
|
+
start = _8.start,
|
|
19452
|
+
stop = _8.stop,
|
|
19453
|
+
onPredictionMade = _8.onPredictionMade,
|
|
19454
|
+
setRequiredDocumentType = _8.setRequiredDocumentType,
|
|
19455
|
+
modelError = _8.modelError,
|
|
19456
|
+
resetBestFrame = _8.resetBestFrame;
|
|
19404
19457
|
React.useEffect(function () {
|
|
19405
19458
|
dispatchIdCaptureAction({
|
|
19406
19459
|
type: 'configureWizard',
|
|
@@ -19512,9 +19565,9 @@
|
|
|
19512
19565
|
type: 'resetWizard'
|
|
19513
19566
|
});
|
|
19514
19567
|
}, []);
|
|
19515
|
-
var
|
|
19516
|
-
attempt =
|
|
19517
|
-
setAttempt =
|
|
19568
|
+
var _9 = React.useState(0),
|
|
19569
|
+
attempt = _9[0],
|
|
19570
|
+
setAttempt = _9[1];
|
|
19518
19571
|
var onExit = React.useCallback(function () {
|
|
19519
19572
|
releaseCameraAccess();
|
|
19520
19573
|
setOverlayDismissed(false);
|
|
@@ -19605,9 +19658,9 @@
|
|
|
19605
19658
|
});
|
|
19606
19659
|
});
|
|
19607
19660
|
}, []);
|
|
19608
|
-
var
|
|
19609
|
-
progressStarted =
|
|
19610
|
-
setProgressStarted =
|
|
19661
|
+
var _10 = React.useState(false),
|
|
19662
|
+
progressStarted = _10[0],
|
|
19663
|
+
setProgressStarted = _10[1];
|
|
19611
19664
|
React.useEffect(function () {
|
|
19612
19665
|
if (state.captureState === 'capturing') {
|
|
19613
19666
|
setProgressStarted(false);
|
|
@@ -19637,7 +19690,9 @@
|
|
|
19637
19690
|
}
|
|
19638
19691
|
var requestedAction = state.captureState === 'requestingFlip' ? 'FLIP_ID' : state.requestedDocumentType === 'idCardBack' ? 'SHOW_ID_BACK' : state.requestedDocumentType === 'passport' ? 'SHOW_PASSPORT' : 'SHOW_ID_FRONT';
|
|
19639
19692
|
var guidesStatus = !overlayDismissed ? 'disabled' : state.isGoodFrame ? 'capturing' : 'ready';
|
|
19640
|
-
return /*#__PURE__*/React.createElement(
|
|
19693
|
+
return /*#__PURE__*/React.createElement(PageContainer, {
|
|
19694
|
+
className: "flex ".concat((_b = classNames === null || classNames === void 0 ? void 0 : classNames.container) !== null && _b !== void 0 ? _b : '')
|
|
19695
|
+
}, /*#__PURE__*/React.createElement(ScalingCameraFeed, null), overlayDismissed && state.captureState === 'capturing' && ( /*#__PURE__*/React.createElement(IdCapture, {
|
|
19641
19696
|
requiredDocumentType: state.requestedDocumentType,
|
|
19642
19697
|
thresholds: thresholds,
|
|
19643
19698
|
onCapture: onCapture,
|
|
@@ -19657,15 +19712,15 @@
|
|
|
19657
19712
|
colors: colors,
|
|
19658
19713
|
verbiage: idCaptureVerbiage,
|
|
19659
19714
|
isBackToFront: state.allowIdCardBackToFrontCapture && 'idCardBack' in state.capturedDocuments
|
|
19660
|
-
}), debugMode && !((
|
|
19661
|
-
classNames: (
|
|
19662
|
-
text: (
|
|
19715
|
+
}), 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.createElement(IdCaptureImagePreview, {
|
|
19716
|
+
classNames: (_e = classNames.capture) === null || _e === void 0 ? void 0 : _e.imagePreview,
|
|
19717
|
+
text: (_f = idCaptureVerbiages === null || idCaptureVerbiages === void 0 ? void 0 : idCaptureVerbiages.idCardFront) === null || _f === void 0 ? void 0 : _f.processingIdCardText,
|
|
19663
19718
|
imageUrl: state.imageUrl
|
|
19664
19719
|
})), state.captureState !== 'complete' && ( /*#__PURE__*/React.createElement("div", {
|
|
19665
19720
|
id: "idmission-above-guides-content"
|
|
19666
19721
|
})), /*#__PURE__*/React.createElement(ExitCaptureButton, {
|
|
19667
19722
|
onClick: onExit,
|
|
19668
|
-
className: (
|
|
19723
|
+
className: (_g = classNames.capture) === null || _g === void 0 ? void 0 : _g.exitCaptureBtn
|
|
19669
19724
|
}), !overlayDismissed && ( /*#__PURE__*/React.createElement(IdCaptureLoadingOverlay, {
|
|
19670
19725
|
key: "loading".concat(attempt),
|
|
19671
19726
|
mode: loadingOverlayMode,
|
|
@@ -19705,10 +19760,14 @@
|
|
|
19705
19760
|
|
|
19706
19761
|
function SelfieCaptureLoadingGraphic(_a) {
|
|
19707
19762
|
var _b, _c, _d;
|
|
19708
|
-
var
|
|
19709
|
-
|
|
19710
|
-
|
|
19711
|
-
|
|
19763
|
+
var _e = _a.width,
|
|
19764
|
+
width = _e === void 0 ? 840 : _e,
|
|
19765
|
+
_f = _a.height,
|
|
19766
|
+
height = _f === void 0 ? 740 : _f,
|
|
19767
|
+
className = _a.className;
|
|
19768
|
+
var _g = React.useState(1),
|
|
19769
|
+
frame = _g[0],
|
|
19770
|
+
setFrame = _g[1];
|
|
19712
19771
|
React.useEffect(function () {
|
|
19713
19772
|
var i = setInterval(function () {
|
|
19714
19773
|
setFrame(function (n) {
|
|
@@ -19722,6 +19781,8 @@
|
|
|
19722
19781
|
var theme = styled.useTheme();
|
|
19723
19782
|
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)';
|
|
19724
19783
|
return /*#__PURE__*/React.createElement("svg", {
|
|
19784
|
+
width: width,
|
|
19785
|
+
height: height,
|
|
19725
19786
|
className: className,
|
|
19726
19787
|
viewBox: "0 0 840 740",
|
|
19727
19788
|
fill: "none",
|
|
@@ -20013,7 +20074,7 @@
|
|
|
20013
20074
|
}))));
|
|
20014
20075
|
});
|
|
20015
20076
|
HeadGuideSvg.displayName = 'HeadGuideSvg';
|
|
20016
|
-
var PulsingHeadGuideContainer = styled.div(templateObject_1$
|
|
20077
|
+
var PulsingHeadGuideContainer = styled.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);
|
|
20017
20078
|
function HeadGuide(_a) {
|
|
20018
20079
|
var _b;
|
|
20019
20080
|
var _c = _a.status,
|
|
@@ -20063,7 +20124,7 @@
|
|
|
20063
20124
|
height: parentHeight
|
|
20064
20125
|
})));
|
|
20065
20126
|
}
|
|
20066
|
-
var AbsoluteSvg = styled.svg(templateObject_2$
|
|
20127
|
+
var AbsoluteSvg = styled.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"])));
|
|
20067
20128
|
var RelativeSvgContainer = styled.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) {
|
|
20068
20129
|
return props.$verticalAlign === 'bottom' ? 'flex-end' : 'center';
|
|
20069
20130
|
});
|
|
@@ -20291,10 +20352,10 @@
|
|
|
20291
20352
|
status: status
|
|
20292
20353
|
}));
|
|
20293
20354
|
}
|
|
20294
|
-
var templateObject_1$
|
|
20355
|
+
var templateObject_1$k, templateObject_2$i, templateObject_3$e;
|
|
20295
20356
|
|
|
20296
|
-
var FaceCaptureGuideContainer = styled.div(templateObject_1$
|
|
20297
|
-
var FaceCaptureGuideInner = styled.div(templateObject_2$
|
|
20357
|
+
var FaceCaptureGuideContainer = styled.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"])));
|
|
20358
|
+
var FaceCaptureGuideInner = styled.div(templateObject_2$h || (templateObject_2$h = __makeTemplateObject(["\n position: relative;\n height: 60%;\n"], ["\n position: relative;\n height: 60%;\n"])));
|
|
20298
20359
|
var FaceCaptureGuideOverlay = function FaceCaptureGuideOverlay(_a) {
|
|
20299
20360
|
var _b = _a.classNames,
|
|
20300
20361
|
classNames = _b === void 0 ? {} : _b,
|
|
@@ -20316,7 +20377,7 @@
|
|
|
20316
20377
|
verticalAlign: "center"
|
|
20317
20378
|
})));
|
|
20318
20379
|
};
|
|
20319
|
-
var templateObject_1$
|
|
20380
|
+
var templateObject_1$j, templateObject_2$h;
|
|
20320
20381
|
|
|
20321
20382
|
var SelfieGuidanceModelsContext = /*#__PURE__*/React.createContext({
|
|
20322
20383
|
start: function start() {
|
|
@@ -20601,7 +20662,7 @@
|
|
|
20601
20662
|
src: image,
|
|
20602
20663
|
alt: "",
|
|
20603
20664
|
className: classNames.image
|
|
20604
|
-
}))), /*#__PURE__*/React.createElement(StyledButtonsRow$
|
|
20665
|
+
}))), /*#__PURE__*/React.createElement(StyledButtonsRow$7, {
|
|
20605
20666
|
className: classNames.buttonsRow
|
|
20606
20667
|
}, image && !loading && !isMobile() && ( /*#__PURE__*/React.createElement(LoaderButton, {
|
|
20607
20668
|
className: classNames.retryCaptureBtn,
|
|
@@ -20636,12 +20697,12 @@
|
|
|
20636
20697
|
}
|
|
20637
20698
|
}, !image ? invalidSelfie ? verbiage.retryButtonText : verbiage.captureBtnText : loading ? verbiage.doneBtnLoadingText : verbiage.doneBtnText)))));
|
|
20638
20699
|
};
|
|
20639
|
-
var StyledOverlayInner$1 = styled(OverlayInner$2)(templateObject_1$
|
|
20640
|
-
var Heading$7 = styled.h3(templateObject_2$
|
|
20700
|
+
var StyledOverlayInner$1 = styled(OverlayInner$2)(templateObject_1$i || (templateObject_1$i = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
20701
|
+
var Heading$7 = styled.h3(templateObject_2$g || (templateObject_2$g = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
20641
20702
|
var Description$2 = styled.p(templateObject_3$d || (templateObject_3$d = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
20642
20703
|
var ImageContainer$6 = styled(OverlayImageContainer)(templateObject_4$8 || (templateObject_4$8 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
20643
|
-
var StyledButtonsRow$
|
|
20644
|
-
var templateObject_1$
|
|
20704
|
+
var StyledButtonsRow$7 = styled(ButtonsRow)(templateObject_5$4 || (templateObject_5$4 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
20705
|
+
var templateObject_1$i, templateObject_2$g, templateObject_3$d, templateObject_4$8, templateObject_5$4;
|
|
20645
20706
|
|
|
20646
20707
|
var initialState$3 = {
|
|
20647
20708
|
busy: false,
|
|
@@ -20669,7 +20730,7 @@
|
|
|
20669
20730
|
}
|
|
20670
20731
|
};
|
|
20671
20732
|
var SelfieCapture = function SelfieCapture(_a) {
|
|
20672
|
-
var _b, _c, _d, _e, _f;
|
|
20733
|
+
var _b, _c, _d, _e, _f, _g;
|
|
20673
20734
|
var onGuidanceSatisfied = _a.onGuidanceSatisfied,
|
|
20674
20735
|
onGuidanceNotSatisfied = _a.onGuidanceNotSatisfied,
|
|
20675
20736
|
onFaceDetected = _a.onFaceDetected,
|
|
@@ -20677,46 +20738,46 @@
|
|
|
20677
20738
|
onSelfieCaptured = _a.onSelfieCaptured,
|
|
20678
20739
|
onTimeout = _a.onTimeout,
|
|
20679
20740
|
onExit = _a.onExit,
|
|
20680
|
-
|
|
20681
|
-
timeoutDurationMs =
|
|
20741
|
+
_h = _a.timeoutDurationMs,
|
|
20742
|
+
timeoutDurationMs = _h === void 0 ? 15000 : _h,
|
|
20682
20743
|
guidanceMessage = _a.guidanceMessage,
|
|
20683
20744
|
guidanceSatisfied = _a.guidanceSatisfied,
|
|
20684
20745
|
guidesComponent = _a.guidesComponent,
|
|
20685
|
-
|
|
20686
|
-
shouldCapture =
|
|
20687
|
-
|
|
20688
|
-
classNames =
|
|
20689
|
-
|
|
20690
|
-
colors =
|
|
20691
|
-
|
|
20692
|
-
rawVerbiage =
|
|
20693
|
-
|
|
20694
|
-
debugMode =
|
|
20695
|
-
var
|
|
20696
|
-
ref =
|
|
20697
|
-
|
|
20698
|
-
width =
|
|
20699
|
-
|
|
20700
|
-
height =
|
|
20701
|
-
var
|
|
20702
|
-
|
|
20703
|
-
busy =
|
|
20704
|
-
prediction =
|
|
20705
|
-
dispatch =
|
|
20746
|
+
_j = _a.shouldCapture,
|
|
20747
|
+
shouldCapture = _j === void 0 ? true : _j,
|
|
20748
|
+
_k = _a.classNames,
|
|
20749
|
+
classNames = _k === void 0 ? {} : _k,
|
|
20750
|
+
_l = _a.colors,
|
|
20751
|
+
colors = _l === void 0 ? {} : _l,
|
|
20752
|
+
_m = _a.verbiage,
|
|
20753
|
+
rawVerbiage = _m === void 0 ? {} : _m,
|
|
20754
|
+
_o = _a.debugMode,
|
|
20755
|
+
debugMode = _o === void 0 ? false : _o;
|
|
20756
|
+
var _p = useResizeObserver(),
|
|
20757
|
+
ref = _p.ref,
|
|
20758
|
+
_q = _p.width,
|
|
20759
|
+
width = _q === void 0 ? 1 : _q,
|
|
20760
|
+
_r = _p.height,
|
|
20761
|
+
height = _r === void 0 ? 1 : _r;
|
|
20762
|
+
var _s = React.useReducer(reducer$3, initialState$3),
|
|
20763
|
+
_t = _s[0],
|
|
20764
|
+
busy = _t.busy,
|
|
20765
|
+
prediction = _t.prediction,
|
|
20766
|
+
dispatch = _s[1];
|
|
20706
20767
|
var lastPredictionCanvas = React.useRef(null);
|
|
20707
|
-
var
|
|
20768
|
+
var _u = useCameraStore(useShallow(function (state) {
|
|
20708
20769
|
return {
|
|
20709
20770
|
camera: state.camera,
|
|
20710
20771
|
cameraReady: state.cameraReady,
|
|
20711
20772
|
videoRef: state.videoRef
|
|
20712
20773
|
};
|
|
20713
20774
|
})),
|
|
20714
|
-
camera =
|
|
20715
|
-
videoRef =
|
|
20716
|
-
var
|
|
20717
|
-
onPredictionMade =
|
|
20718
|
-
canvasRef =
|
|
20719
|
-
guidanceError =
|
|
20775
|
+
camera = _u.camera,
|
|
20776
|
+
videoRef = _u.videoRef;
|
|
20777
|
+
var _v = React.useContext(SelfieGuidanceModelsContext),
|
|
20778
|
+
onPredictionMade = _v.onPredictionMade,
|
|
20779
|
+
canvasRef = _v.canvasRef,
|
|
20780
|
+
guidanceError = _v.error;
|
|
20720
20781
|
onPredictionMade(f(React.useCallback(function (prediction) {
|
|
20721
20782
|
return __awaiter(void 0, void 0, void 0, function () {
|
|
20722
20783
|
return __generator(this, function (_a) {
|
|
@@ -20761,9 +20822,9 @@
|
|
|
20761
20822
|
if (timer) clearTimeout(timer);
|
|
20762
20823
|
};
|
|
20763
20824
|
}, [onSelfieCaptureStarted, onSelfieCaptured, prediction]);
|
|
20764
|
-
var
|
|
20765
|
-
timedOut =
|
|
20766
|
-
timeoutStartedAt =
|
|
20825
|
+
var _w = useTimeout(timeoutDurationMs, onTimeout),
|
|
20826
|
+
timedOut = _w.timedOut,
|
|
20827
|
+
timeoutStartedAt = _w.timeoutStartedAt;
|
|
20767
20828
|
var debugScalingDetails = useDebugScalingDetails({
|
|
20768
20829
|
enabled: debugMode,
|
|
20769
20830
|
pageWidth: width,
|
|
@@ -20791,9 +20852,9 @@
|
|
|
20791
20852
|
});
|
|
20792
20853
|
}
|
|
20793
20854
|
var GuidesComponent = guidesComponent !== null && guidesComponent !== void 0 ? guidesComponent : FaceCaptureGuideOverlay;
|
|
20794
|
-
return /*#__PURE__*/React.createElement(
|
|
20855
|
+
return /*#__PURE__*/React.createElement(PageContainer, {
|
|
20795
20856
|
ref: ref,
|
|
20796
|
-
className: classNames.container
|
|
20857
|
+
className: "flex ".concat((_g = classNames.container) !== null && _g !== void 0 ? _g : '')
|
|
20797
20858
|
}, /*#__PURE__*/React.createElement(InvisibleCanvas, {
|
|
20798
20859
|
ref: lastPredictionCanvas
|
|
20799
20860
|
}), /*#__PURE__*/React.createElement(GuidesComponent, {
|
|
@@ -20813,8 +20874,6 @@
|
|
|
20813
20874
|
className: classNames.exitCaptureBtn
|
|
20814
20875
|
}));
|
|
20815
20876
|
};
|
|
20816
|
-
var Container$2 = styled.div(templateObject_1$j || (templateObject_1$j = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n"], ["\n width: 100%;\n height: 100%;\n"])));
|
|
20817
|
-
var templateObject_1$j;
|
|
20818
20877
|
|
|
20819
20878
|
var initialState$2 = {
|
|
20820
20879
|
frame: null,
|
|
@@ -21202,9 +21261,9 @@
|
|
|
21202
21261
|
finished: true
|
|
21203
21262
|
}, verbiage.retryBtnText)))));
|
|
21204
21263
|
};
|
|
21205
|
-
var ImageContainer$5 = styled.div(templateObject_1$
|
|
21206
|
-
var Heading$6 = styled.h3(templateObject_2$
|
|
21207
|
-
var templateObject_1$
|
|
21264
|
+
var ImageContainer$5 = styled.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"])));
|
|
21265
|
+
var Heading$6 = styled.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"])));
|
|
21266
|
+
var templateObject_1$h, templateObject_2$f;
|
|
21208
21267
|
|
|
21209
21268
|
var FaceLivenessFailure = function FaceLivenessFailure(_a) {
|
|
21210
21269
|
var _b = _a.canRetry,
|
|
@@ -21253,9 +21312,9 @@
|
|
|
21253
21312
|
finished: true
|
|
21254
21313
|
}, verbiage.exitBtnText)))));
|
|
21255
21314
|
};
|
|
21256
|
-
var ImageContainer$4 = styled(OverlayImageContainer)(templateObject_1$
|
|
21257
|
-
var Heading$5 = styled.h3(templateObject_2$
|
|
21258
|
-
var templateObject_1$
|
|
21315
|
+
var ImageContainer$4 = styled(OverlayImageContainer)(templateObject_1$g || (templateObject_1$g = __makeTemplateObject(["\n max-height: calc(100vh - 185px);\n"], ["\n max-height: calc(100vh - 185px);\n"])));
|
|
21316
|
+
var Heading$5 = styled.h3(templateObject_2$e || (templateObject_2$e = __makeTemplateObject(["\n margin-bottom: 36px;\n"], ["\n margin-bottom: 36px;\n"])));
|
|
21317
|
+
var templateObject_1$g, templateObject_2$e;
|
|
21259
21318
|
|
|
21260
21319
|
var MicrophoneAccessDeniedOverlay = function MicrophoneAccessDeniedOverlay(_a) {
|
|
21261
21320
|
var _b;
|
|
@@ -21280,7 +21339,7 @@
|
|
|
21280
21339
|
className: "flex ".concat((_b = classNames.container) !== null && _b !== void 0 ? _b : '')
|
|
21281
21340
|
}, /*#__PURE__*/React.createElement(StyledOverlayInner, {
|
|
21282
21341
|
className: classNames.inner
|
|
21283
|
-
}, /*#__PURE__*/React.createElement(StyledOverlayImageContainer, {
|
|
21342
|
+
}, /*#__PURE__*/React.createElement(StyledOverlayImageContainer$1, {
|
|
21284
21343
|
className: classNames.imageContainer
|
|
21285
21344
|
}, /*#__PURE__*/React.createElement("img", {
|
|
21286
21345
|
src: assets.imageUrl,
|
|
@@ -21298,11 +21357,11 @@
|
|
|
21298
21357
|
finished: true
|
|
21299
21358
|
}, verbiage.retryBtnText)));
|
|
21300
21359
|
};
|
|
21301
|
-
var StyledOverlayInner = styled(OverlayInner$2)(templateObject_1$
|
|
21302
|
-
var StyledOverlayImageContainer = styled(OverlayImageContainer)(templateObject_2$
|
|
21360
|
+
var StyledOverlayInner = styled(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"])));
|
|
21361
|
+
var StyledOverlayImageContainer$1 = styled(OverlayImageContainer)(templateObject_2$d || (templateObject_2$d = __makeTemplateObject(["\n flex-grow: 0;\n"], ["\n flex-grow: 0;\n"])));
|
|
21303
21362
|
var Description$1 = styled.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"])));
|
|
21304
21363
|
var RetryButton = styled(LoaderButton)(templateObject_4$7 || (templateObject_4$7 = __makeTemplateObject(["\n width: 200px;\n margin: 0 auto;\n"], ["\n width: 200px;\n margin: 0 auto;\n"])));
|
|
21305
|
-
var templateObject_1$
|
|
21364
|
+
var templateObject_1$f, templateObject_2$d, templateObject_3$c, templateObject_4$7;
|
|
21306
21365
|
|
|
21307
21366
|
var SelfieCaptureLoadingOverlayLegacy = function SelfieCaptureLoadingOverlayLegacy(_a) {
|
|
21308
21367
|
var onDismissed = _a.onDismissed,
|
|
@@ -21374,13 +21433,13 @@
|
|
|
21374
21433
|
}, verbiage.headingText), onUserCancel && ( /*#__PURE__*/React.createElement(ExitCaptureButton, {
|
|
21375
21434
|
onClick: onUserCancel,
|
|
21376
21435
|
className: classNames.cancelBtn
|
|
21377
|
-
})), /*#__PURE__*/React.createElement(StyledGuidanceMessage, null, verbiage.removeEyeCoveringsText, /*#__PURE__*/React.createElement("br", null), verbiage.avoidExcessiveBacklightingText), /*#__PURE__*/React.createElement(OverlayImageContainer, {
|
|
21436
|
+
})), /*#__PURE__*/React.createElement(StyledGuidanceMessage$1, null, verbiage.removeEyeCoveringsText, /*#__PURE__*/React.createElement("br", null), verbiage.avoidExcessiveBacklightingText), /*#__PURE__*/React.createElement(OverlayImageContainer, {
|
|
21378
21437
|
className: classNames.imageContainer
|
|
21379
21438
|
}, /*#__PURE__*/React.createElement("img", {
|
|
21380
21439
|
className: classNames.image,
|
|
21381
21440
|
alt: verbiage.headingText,
|
|
21382
21441
|
src: assets.instructionImageUrl
|
|
21383
|
-
})), /*#__PURE__*/React.createElement(StyledButtonsRow$
|
|
21442
|
+
})), /*#__PURE__*/React.createElement(StyledButtonsRow$6, {
|
|
21384
21443
|
className: classNames.buttonsRow
|
|
21385
21444
|
}, /*#__PURE__*/React.createElement(LoaderButton, {
|
|
21386
21445
|
variant: "positive",
|
|
@@ -21394,11 +21453,18 @@
|
|
|
21394
21453
|
}
|
|
21395
21454
|
}, ready ? verbiage.continueText : allModelsReady ? verbiage.cameraInitializingText : modelDownloadProgress >= 100 ? "".concat(verbiage.modelsWarmingUpText) : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)")))));
|
|
21396
21455
|
};
|
|
21397
|
-
var StyledGuidanceMessage = styled(GuidanceMessage)(templateObject_1$
|
|
21398
|
-
var StyledButtonsRow$
|
|
21399
|
-
var templateObject_1$
|
|
21456
|
+
var StyledGuidanceMessage$1 = styled(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"])));
|
|
21457
|
+
var StyledButtonsRow$6 = styled(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"])));
|
|
21458
|
+
var templateObject_1$e, templateObject_2$c;
|
|
21400
21459
|
|
|
21401
21460
|
var legacyInstructionImageUrl = "".concat(DEFAULT_CDN_URL, "/Selfie-Image-1.png");
|
|
21461
|
+
var OverlayInner = styled.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) {
|
|
21462
|
+
var _a, _b, _c, _d;
|
|
21463
|
+
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';
|
|
21464
|
+
}, function (props) {
|
|
21465
|
+
var _a, _b, _c, _d;
|
|
21466
|
+
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';
|
|
21467
|
+
});
|
|
21402
21468
|
var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDefault(_a) {
|
|
21403
21469
|
var onDismissed = _a.onDismissed,
|
|
21404
21470
|
onUserCancel = _a.onUserCancel,
|
|
@@ -21481,11 +21547,11 @@
|
|
|
21481
21547
|
}, onUserCancel && ( /*#__PURE__*/React.createElement(ExitCaptureButton, {
|
|
21482
21548
|
onClick: onUserCancel,
|
|
21483
21549
|
className: classNames.cancelBtn
|
|
21484
|
-
})), customOverlayContent || ( /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(
|
|
21550
|
+
})), customOverlayContent || ( /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(OverlayHeader, {
|
|
21485
21551
|
className: classNames.headingContainer
|
|
21486
|
-
}, /*#__PURE__*/React.createElement(
|
|
21552
|
+
}, /*#__PURE__*/React.createElement(StyledGuidanceMessage, {
|
|
21487
21553
|
className: classNames.heading
|
|
21488
|
-
}, headingText)), /*#__PURE__*/React.createElement(
|
|
21554
|
+
}, headingText)), /*#__PURE__*/React.createElement(StyledOverlayImageContainer, {
|
|
21489
21555
|
className: classNames.imageContainer
|
|
21490
21556
|
}, (assets === null || assets === void 0 ? void 0 : assets.instructionImageUrl) && assets.instructionImageUrl !== legacyInstructionImageUrl ? ( /*#__PURE__*/React.createElement(CustomLoadingGraphic, {
|
|
21491
21557
|
className: classNames.image,
|
|
@@ -21493,32 +21559,32 @@
|
|
|
21493
21559
|
src: assets.instructionImageUrl
|
|
21494
21560
|
})) : ( /*#__PURE__*/React.createElement(SelfieCaptureLoadingGraphic, {
|
|
21495
21561
|
className: classNames.image
|
|
21496
|
-
}))))), /*#__PURE__*/React.createElement(
|
|
21562
|
+
}))))), /*#__PURE__*/React.createElement(StyledButtonsRow$5, {
|
|
21497
21563
|
className: classNames.buttonsRow
|
|
21498
|
-
}, /*#__PURE__*/React.createElement(
|
|
21564
|
+
}, /*#__PURE__*/React.createElement(ProgressContainer, {
|
|
21499
21565
|
className: classNames.progressContainer
|
|
21500
21566
|
}, /*#__PURE__*/React.createElement(ProgressBarBackground, {
|
|
21501
21567
|
className: classNames.progressBackground
|
|
21502
|
-
}), /*#__PURE__*/React.createElement(
|
|
21568
|
+
}), /*#__PURE__*/React.createElement(ProgressBar, {
|
|
21503
21569
|
"$progress": modelDownloadProgress,
|
|
21504
21570
|
className: classNames.progressBar
|
|
21505
21571
|
}, /*#__PURE__*/React.createElement(ProgressIndicator, {
|
|
21506
21572
|
className: classNames.progressIndicator
|
|
21507
|
-
}))), /*#__PURE__*/React.createElement(
|
|
21573
|
+
}))), /*#__PURE__*/React.createElement(LoadingListContainer, {
|
|
21508
21574
|
className: classNames.loadingListContainer
|
|
21509
|
-
}, /*#__PURE__*/React.createElement(
|
|
21575
|
+
}, /*#__PURE__*/React.createElement(LoadingList, {
|
|
21510
21576
|
className: classNames.loadingList
|
|
21511
|
-
}, /*#__PURE__*/React.createElement(
|
|
21577
|
+
}, /*#__PURE__*/React.createElement(LoadingListItem, {
|
|
21512
21578
|
className: clsx(classNames.loadingListItem, cameraReady ? 'done' : 'running')
|
|
21513
21579
|
}, /*#__PURE__*/React.createElement(LoadingListItemIndicator, {
|
|
21514
21580
|
className: classNames.loadingListItemIndicator,
|
|
21515
21581
|
state: cameraReady ? 'done' : 'running'
|
|
21516
|
-
}), cameraReady ? verbiage.cameraInitializedText : verbiage.cameraInitializingText), /*#__PURE__*/React.createElement(
|
|
21582
|
+
}), cameraReady ? verbiage.cameraInitializedText : verbiage.cameraInitializingText), /*#__PURE__*/React.createElement(LoadingListItem, {
|
|
21517
21583
|
className: clsx(classNames.loadingListItem, sessionReady && allModelsReady ? 'done' : 'running')
|
|
21518
21584
|
}, /*#__PURE__*/React.createElement(LoadingListItemIndicator, {
|
|
21519
21585
|
className: classNames.loadingListItemIndicator,
|
|
21520
21586
|
state: sessionReady && allModelsReady ? 'done' : 'running'
|
|
21521
|
-
}), !sessionReady ? verbiage.sessionCheckingText : allModelsReady ? verbiage.modelsReadyText : modelDownloadProgress >= 100 ? verbiage.modelsWarmingUpText : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)")))), /*#__PURE__*/React.createElement(ContinueButtonContainer, {
|
|
21587
|
+
}), !sessionReady ? verbiage.sessionCheckingText : !allModelsReady ? verbiage.modelsReadyText : modelDownloadProgress >= 100 ? verbiage.modelsWarmingUpText : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)")))), /*#__PURE__*/React.createElement(ContinueButtonContainer, {
|
|
21522
21588
|
className: classNames.continueBtnContainer
|
|
21523
21589
|
}, ready && ( /*#__PURE__*/React.createElement(ContinueButton, {
|
|
21524
21590
|
autoFocus: true,
|
|
@@ -21532,34 +21598,42 @@
|
|
|
21532
21598
|
}
|
|
21533
21599
|
}, verbiage.continueText))))));
|
|
21534
21600
|
};
|
|
21535
|
-
var
|
|
21536
|
-
var _a
|
|
21537
|
-
return (
|
|
21601
|
+
var OverlayHeader = styled.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) {
|
|
21602
|
+
var _a;
|
|
21603
|
+
return (_a = props.theme.textAlign) !== null && _a !== void 0 ? _a : 'center';
|
|
21538
21604
|
}, function (props) {
|
|
21539
|
-
|
|
21540
|
-
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';
|
|
21605
|
+
return props.theme.padding ? "box-sizing: border-box; padding: ".concat(props.theme.padding, ";") : "";
|
|
21541
21606
|
});
|
|
21542
|
-
var
|
|
21607
|
+
var StyledGuidanceMessage = styled(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"])));
|
|
21608
|
+
var StyledButtonsRow$5 = styled(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) {
|
|
21543
21609
|
var _a, _b, _c, _d;
|
|
21544
21610
|
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';
|
|
21545
21611
|
}, function (props) {
|
|
21546
21612
|
var _a, _b, _c, _d, _e, _f;
|
|
21547
21613
|
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, ";") : '';
|
|
21548
21614
|
});
|
|
21549
|
-
var
|
|
21615
|
+
var StyledOverlayImageContainer = styled(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"])));
|
|
21616
|
+
var LoadingListContainer = styled.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"])));
|
|
21617
|
+
var LoadingList = styled.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"])));
|
|
21618
|
+
var LoadingListItem = styled.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"])));
|
|
21619
|
+
var ProgressContainer = styled.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"])));
|
|
21620
|
+
var ProgressBarBackground = styled.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) {
|
|
21550
21621
|
var _a, _b, _c, _d;
|
|
21551
21622
|
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)';
|
|
21552
21623
|
}, function (props) {
|
|
21553
21624
|
var _a, _b, _c, _d;
|
|
21554
21625
|
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;
|
|
21555
21626
|
});
|
|
21556
|
-
var
|
|
21627
|
+
var ProgressBar = styled.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) {
|
|
21628
|
+
return props.$progress;
|
|
21629
|
+
});
|
|
21630
|
+
var ProgressIndicator = styled.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) {
|
|
21557
21631
|
var _a, _b, _c, _d;
|
|
21558
21632
|
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)';
|
|
21559
|
-
});
|
|
21560
|
-
var CustomLoadingGraphic = styled.img(
|
|
21561
|
-
var ContinueButtonContainer = styled.div(
|
|
21562
|
-
var ContinueButton = styled(LoaderButton)(
|
|
21633
|
+
}, progressBarAnimation);
|
|
21634
|
+
var CustomLoadingGraphic = styled.img(templateObject_13 || (templateObject_13 = __makeTemplateObject([""], [""])));
|
|
21635
|
+
var ContinueButtonContainer = styled.div(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n display: flex;\n"], ["\n display: flex;\n"])));
|
|
21636
|
+
var ContinueButton = styled(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) {
|
|
21563
21637
|
var _a, _b, _c, _d, _e, _f;
|
|
21564
21638
|
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, ";") : '';
|
|
21565
21639
|
}, function (props) {
|
|
@@ -21569,7 +21643,7 @@
|
|
|
21569
21643
|
var _a, _b, _c, _d, _e, _f;
|
|
21570
21644
|
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, ";") : '';
|
|
21571
21645
|
});
|
|
21572
|
-
var templateObject_1$
|
|
21646
|
+
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;
|
|
21573
21647
|
|
|
21574
21648
|
var components = {
|
|
21575
21649
|
"default": SelfieCaptureLoadingOverlayDefault,
|
|
@@ -21585,7 +21659,7 @@
|
|
|
21585
21659
|
};
|
|
21586
21660
|
|
|
21587
21661
|
var FaceLivenessWizard = function FaceLivenessWizard(_a) {
|
|
21588
|
-
var _b;
|
|
21662
|
+
var _b, _c, _d;
|
|
21589
21663
|
var onComplete = _a.onComplete,
|
|
21590
21664
|
onSuccess = _a.onSuccess,
|
|
21591
21665
|
onFailure = _a.onFailure,
|
|
@@ -21595,70 +21669,70 @@
|
|
|
21595
21669
|
onExitAfterFailure = _a.onExitAfterFailure,
|
|
21596
21670
|
onUserCancel = _a.onUserCancel,
|
|
21597
21671
|
precapturedDocuments = _a.precapturedDocuments,
|
|
21598
|
-
|
|
21599
|
-
loadingOverlayMode =
|
|
21672
|
+
_e = _a.loadingOverlayMode,
|
|
21673
|
+
loadingOverlayMode = _e === void 0 ? 'default' : _e,
|
|
21600
21674
|
customOverlayContent = _a.customOverlayContent,
|
|
21601
21675
|
onLoadingOverlayDismissed = _a.onLoadingOverlayDismissed,
|
|
21602
|
-
|
|
21603
|
-
initialCaptureDelayMs =
|
|
21604
|
-
|
|
21605
|
-
timeoutDurationMs =
|
|
21606
|
-
|
|
21607
|
-
maxRetries =
|
|
21608
|
-
|
|
21609
|
-
skipSuccessScreen =
|
|
21610
|
-
|
|
21611
|
-
allowLivenessFailure =
|
|
21612
|
-
|
|
21613
|
-
renderCameraFeed =
|
|
21614
|
-
|
|
21615
|
-
releaseCameraAccessOnExit =
|
|
21616
|
-
|
|
21617
|
-
silentFallback =
|
|
21618
|
-
|
|
21619
|
-
waitForIdCaptureModels =
|
|
21676
|
+
_f = _a.initialCaptureDelayMs,
|
|
21677
|
+
initialCaptureDelayMs = _f === void 0 ? 1000 : _f,
|
|
21678
|
+
_g = _a.timeoutDurationMs,
|
|
21679
|
+
timeoutDurationMs = _g === void 0 ? 15000 : _g,
|
|
21680
|
+
_h = _a.maxRetries,
|
|
21681
|
+
maxRetries = _h === void 0 ? 2 : _h,
|
|
21682
|
+
_j = _a.skipSuccessScreen,
|
|
21683
|
+
skipSuccessScreen = _j === void 0 ? false : _j,
|
|
21684
|
+
_k = _a.allowLivenessFailure,
|
|
21685
|
+
allowLivenessFailure = _k === void 0 ? false : _k,
|
|
21686
|
+
_l = _a.renderCameraFeed,
|
|
21687
|
+
renderCameraFeed = _l === void 0 ? true : _l,
|
|
21688
|
+
_m = _a.releaseCameraAccessOnExit,
|
|
21689
|
+
releaseCameraAccessOnExit = _m === void 0 ? true : _m,
|
|
21690
|
+
_o = _a.silentFallback,
|
|
21691
|
+
silentFallback = _o === void 0 ? false : _o,
|
|
21692
|
+
_p = _a.waitForIdCaptureModels,
|
|
21693
|
+
waitForIdCaptureModels = _p === void 0 ? false : _p,
|
|
21620
21694
|
guidesComponent = _a.guidesComponent,
|
|
21621
21695
|
disableCapturePreview = _a.disableCapturePreview,
|
|
21622
|
-
|
|
21623
|
-
assets =
|
|
21624
|
-
|
|
21625
|
-
classNames =
|
|
21626
|
-
|
|
21627
|
-
colors =
|
|
21628
|
-
|
|
21629
|
-
verbiage =
|
|
21630
|
-
|
|
21631
|
-
debugMode =
|
|
21632
|
-
var
|
|
21633
|
-
submissionResponse =
|
|
21634
|
-
livenessCheckRequest =
|
|
21635
|
-
setSelfieImage =
|
|
21636
|
-
logSelfieCaptureAttempt =
|
|
21637
|
-
var
|
|
21696
|
+
_q = _a.assets,
|
|
21697
|
+
assets = _q === void 0 ? {} : _q,
|
|
21698
|
+
_r = _a.classNames,
|
|
21699
|
+
classNames = _r === void 0 ? {} : _r,
|
|
21700
|
+
_s = _a.colors,
|
|
21701
|
+
colors = _s === void 0 ? {} : _s,
|
|
21702
|
+
_t = _a.verbiage,
|
|
21703
|
+
verbiage = _t === void 0 ? {} : _t,
|
|
21704
|
+
_u = _a.debugMode,
|
|
21705
|
+
debugMode = _u === void 0 ? false : _u;
|
|
21706
|
+
var _v = React.useContext(SubmissionContext),
|
|
21707
|
+
submissionResponse = _v.submissionResponse,
|
|
21708
|
+
livenessCheckRequest = _v.livenessCheckRequest,
|
|
21709
|
+
setSelfieImage = _v.setSelfieImage,
|
|
21710
|
+
logSelfieCaptureAttempt = _v.logSelfieCaptureAttempt;
|
|
21711
|
+
var _w = useCameraStore(useShallow(function (state) {
|
|
21638
21712
|
return {
|
|
21639
21713
|
cameraAccessDenied: state.cameraAccessDenied,
|
|
21640
21714
|
requestCameraAccess: state.requestCameraAccess,
|
|
21641
21715
|
releaseCameraAccess: state.releaseCameraAccess
|
|
21642
21716
|
};
|
|
21643
21717
|
})),
|
|
21644
|
-
cameraAccessDenied =
|
|
21645
|
-
requestCameraAccess =
|
|
21646
|
-
releaseCameraAccess =
|
|
21647
|
-
var
|
|
21648
|
-
faceCropImageUrl =
|
|
21649
|
-
setFaceCropImageUrl =
|
|
21650
|
-
var
|
|
21651
|
-
retryCount =
|
|
21652
|
-
setRetryCount =
|
|
21653
|
-
var
|
|
21654
|
-
captureState =
|
|
21655
|
-
setCaptureState =
|
|
21718
|
+
cameraAccessDenied = _w.cameraAccessDenied,
|
|
21719
|
+
requestCameraAccess = _w.requestCameraAccess,
|
|
21720
|
+
releaseCameraAccess = _w.releaseCameraAccess;
|
|
21721
|
+
var _x = React.useState(''),
|
|
21722
|
+
faceCropImageUrl = _x[0],
|
|
21723
|
+
setFaceCropImageUrl = _x[1];
|
|
21724
|
+
var _y = React.useState(0),
|
|
21725
|
+
retryCount = _y[0],
|
|
21726
|
+
setRetryCount = _y[1];
|
|
21727
|
+
var _z = React.useState('LOADING'),
|
|
21728
|
+
captureState = _z[0],
|
|
21729
|
+
setCaptureState = _z[1];
|
|
21656
21730
|
var captureStartedAt = React.useRef();
|
|
21657
21731
|
var operationStartedAt = React.useRef();
|
|
21658
21732
|
var livenessScore = React.useRef();
|
|
21659
|
-
var
|
|
21660
|
-
start =
|
|
21661
|
-
stop =
|
|
21733
|
+
var _0 = React.useContext(SelfieGuidanceModelsContext),
|
|
21734
|
+
start = _0.start,
|
|
21735
|
+
stop = _0.stop;
|
|
21662
21736
|
React.useEffect(function () {
|
|
21663
21737
|
if (precapturedDocuments === null || precapturedDocuments === void 0 ? void 0 : precapturedDocuments.selfie) {
|
|
21664
21738
|
setSelfieImage(precapturedDocuments.selfie.imageData);
|
|
@@ -21742,9 +21816,9 @@
|
|
|
21742
21816
|
}
|
|
21743
21817
|
onDenied === null || onDenied === void 0 ? void 0 : onDenied(submissionResponse, livenessCheckRequest);
|
|
21744
21818
|
}, [allowLivenessFailure, onDenied, submissionResponse, livenessCheckRequest]);
|
|
21745
|
-
var
|
|
21746
|
-
attempt =
|
|
21747
|
-
setAttempt =
|
|
21819
|
+
var _1 = React.useState(0),
|
|
21820
|
+
attempt = _1[0],
|
|
21821
|
+
setAttempt = _1[1];
|
|
21748
21822
|
var onExitCallback = React.useCallback(function () {
|
|
21749
21823
|
setAttempt(function (n) {
|
|
21750
21824
|
return n + 1;
|
|
@@ -21792,8 +21866,10 @@
|
|
|
21792
21866
|
}, [livenessCheckRequest, onExitAfterFailure, releaseCameraAccess, releaseCameraAccessOnExit, submissionResponse]);
|
|
21793
21867
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(InvisibleCanvas, {
|
|
21794
21868
|
ref: resizeCanvas
|
|
21795
|
-
}),
|
|
21796
|
-
className: (_b = classNames.capture) === null || _b === void 0 ? void 0 : _b.
|
|
21869
|
+
}), /*#__PURE__*/React.createElement(PageContainer, {
|
|
21870
|
+
className: "flex ".concat((_c = (_b = classNames.capture) === null || _b === void 0 ? void 0 : _b.container) !== null && _c !== void 0 ? _c : '')
|
|
21871
|
+
}, renderCameraFeed && ( /*#__PURE__*/React.createElement(CameraVideoTag, {
|
|
21872
|
+
className: (_d = classNames.capture) === null || _d === void 0 ? void 0 : _d.cameraFeed
|
|
21797
21873
|
})), captureState !== 'LOADING' && function () {
|
|
21798
21874
|
switch (captureState) {
|
|
21799
21875
|
case 'CAPTURING':
|
|
@@ -21843,7 +21919,7 @@
|
|
|
21843
21919
|
default:
|
|
21844
21920
|
return null;
|
|
21845
21921
|
}
|
|
21846
|
-
}(), /*#__PURE__*/React.createElement(SelfieCaptureLoadingOverlay, {
|
|
21922
|
+
}()), /*#__PURE__*/React.createElement(SelfieCaptureLoadingOverlay, {
|
|
21847
21923
|
key: attempt,
|
|
21848
21924
|
mode: loadingOverlayMode,
|
|
21849
21925
|
customOverlayContent: customOverlayContent,
|
|
@@ -21970,11 +22046,11 @@
|
|
|
21970
22046
|
}
|
|
21971
22047
|
}, verbiage.captureBtnText)))));
|
|
21972
22048
|
};
|
|
21973
|
-
var Inner$2 = styled(OverlayInner$2)(templateObject_1$
|
|
21974
|
-
var Heading$4 = styled.h3(templateObject_2$
|
|
22049
|
+
var Inner$2 = styled(OverlayInner$2)(templateObject_1$c || (templateObject_1$c = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
22050
|
+
var Heading$4 = styled.h3(templateObject_2$a || (templateObject_2$a = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
21975
22051
|
var Description = styled.p(templateObject_3$a || (templateObject_3$a = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
21976
|
-
var StyledButtonsRow$4 = styled(ButtonsRow
|
|
21977
|
-
var templateObject_1$
|
|
22052
|
+
var StyledButtonsRow$4 = styled(ButtonsRow)(templateObject_4$5 || (templateObject_4$5 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
22053
|
+
var templateObject_1$c, templateObject_2$a, templateObject_3$a, templateObject_4$5;
|
|
21978
22054
|
|
|
21979
22055
|
var AdditionalDocumentCaptureWizard = function AdditionalDocumentCaptureWizard(_a) {
|
|
21980
22056
|
var documents = _a.documents,
|
|
@@ -22892,7 +22968,7 @@
|
|
|
22892
22968
|
});
|
|
22893
22969
|
}
|
|
22894
22970
|
|
|
22895
|
-
var SignaturePaperBacking = styled.div(templateObject_1$
|
|
22971
|
+
var SignaturePaperBacking = styled.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) {
|
|
22896
22972
|
var _a, _b;
|
|
22897
22973
|
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, ";") : "";
|
|
22898
22974
|
}, function (props) {
|
|
@@ -22902,7 +22978,7 @@
|
|
|
22902
22978
|
var _a, _b;
|
|
22903
22979
|
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, ";") : "";
|
|
22904
22980
|
});
|
|
22905
|
-
var SignatureCanvasContainer$1 = styled.div(templateObject_2$
|
|
22981
|
+
var SignatureCanvasContainer$1 = styled.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"])));
|
|
22906
22982
|
var SignaturePad = styled.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) {
|
|
22907
22983
|
var _a, _b, _c;
|
|
22908
22984
|
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)';
|
|
@@ -22913,35 +22989,8 @@
|
|
|
22913
22989
|
var _a, _b, _c;
|
|
22914
22990
|
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';
|
|
22915
22991
|
});
|
|
22916
|
-
var SignatureButtonsContainer = styled(ButtonsRow
|
|
22917
|
-
var templateObject_1$
|
|
22918
|
-
|
|
22919
|
-
var SdkPage = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
22920
|
-
var children = _a.children,
|
|
22921
|
-
className = _a.className,
|
|
22922
|
-
_b = _a.heightOffset,
|
|
22923
|
-
heightOffset = _b === void 0 ? 0 : _b,
|
|
22924
|
-
style = _a.style,
|
|
22925
|
-
onClick = _a.onClick;
|
|
22926
|
-
var theme = styled.useTheme();
|
|
22927
|
-
return /*#__PURE__*/React.createElement(SdkPageOuter, {
|
|
22928
|
-
ref: ref,
|
|
22929
|
-
style: style,
|
|
22930
|
-
onClick: onClick,
|
|
22931
|
-
className: className,
|
|
22932
|
-
"$heightOffset": heightOffset
|
|
22933
|
-
}, theme.header && /*#__PURE__*/React.createElement(theme.header, null), /*#__PURE__*/React.createElement(SdkPageInner, null, children), theme.footer && /*#__PURE__*/React.createElement(theme.footer, null));
|
|
22934
|
-
});
|
|
22935
|
-
SdkPage.displayName = 'SdkPage';
|
|
22936
|
-
var SdkPageOuter = styled.div.attrs({
|
|
22937
|
-
className: 'sdk-page-outer'
|
|
22938
|
-
})(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) {
|
|
22939
|
-
return props.theme.fontFamily ? "font-family: ".concat(props.theme.fontFamily, ";") : "";
|
|
22940
|
-
}, function (props) {
|
|
22941
|
-
return props.theme.isFullscreen === false ? "" : "\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n ";
|
|
22942
|
-
});
|
|
22943
|
-
var SdkPageInner = styled.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"])));
|
|
22944
|
-
var templateObject_1$b, templateObject_2$9;
|
|
22992
|
+
var SignatureButtonsContainer = styled(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"])));
|
|
22993
|
+
var templateObject_1$b, templateObject_2$9, templateObject_3$9, templateObject_4$4;
|
|
22945
22994
|
|
|
22946
22995
|
var SignatureCapture = function SignatureCapture(_a) {
|
|
22947
22996
|
var onAccept = _a.onAccept,
|
|
@@ -22976,7 +23025,7 @@
|
|
|
22976
23025
|
});
|
|
22977
23026
|
});
|
|
22978
23027
|
}
|
|
22979
|
-
return /*#__PURE__*/React.createElement(
|
|
23028
|
+
return /*#__PURE__*/React.createElement(PageContainer, {
|
|
22980
23029
|
className: classNames.container
|
|
22981
23030
|
}, /*#__PURE__*/React.createElement(SignaturePaperBacking, {
|
|
22982
23031
|
className: classNames.inner
|
|
@@ -23483,7 +23532,7 @@
|
|
|
23483
23532
|
finished: true
|
|
23484
23533
|
}, verbiage.acceptSignatureBtnText))))));
|
|
23485
23534
|
}
|
|
23486
|
-
var Container$1 = styled.div(templateObject_1$9 || (templateObject_1$9 = __makeTemplateObject(["\n display: flex;\n max-height: 100%;\n position: absolute;\n z-index: 1000;\n
|
|
23535
|
+
var Container$1 = styled.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) {
|
|
23487
23536
|
var _a;
|
|
23488
23537
|
return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
|
|
23489
23538
|
});
|
|
@@ -23499,34 +23548,35 @@
|
|
|
23499
23548
|
|
|
23500
23549
|
var DEFAULT_MIN_SIGNATURE_PAD_POINTS = 10;
|
|
23501
23550
|
var VideoSignatureCapture = function VideoSignatureCapture(_a) {
|
|
23551
|
+
var _b;
|
|
23502
23552
|
var onVideoCaptured = _a.onVideoCaptured,
|
|
23503
23553
|
onFaceNotDetected = _a.onFaceNotDetected,
|
|
23504
23554
|
onExit = _a.onExit,
|
|
23505
|
-
|
|
23506
|
-
restartVideoOnSignaturePadCleared =
|
|
23555
|
+
_c = _a.restartVideoOnSignaturePadCleared,
|
|
23556
|
+
restartVideoOnSignaturePadCleared = _c === void 0 ? true : _c,
|
|
23507
23557
|
guidesComponent = _a.guidesComponent,
|
|
23508
|
-
|
|
23509
|
-
minSignaturePadPoints =
|
|
23510
|
-
|
|
23511
|
-
classNames =
|
|
23512
|
-
|
|
23513
|
-
colors =
|
|
23514
|
-
|
|
23515
|
-
rawVerbiage =
|
|
23516
|
-
|
|
23517
|
-
debugMode =
|
|
23558
|
+
_d = _a.minSignaturePadPoints,
|
|
23559
|
+
minSignaturePadPoints = _d === void 0 ? DEFAULT_MIN_SIGNATURE_PAD_POINTS : _d,
|
|
23560
|
+
_e = _a.classNames,
|
|
23561
|
+
classNames = _e === void 0 ? {} : _e,
|
|
23562
|
+
_f = _a.colors,
|
|
23563
|
+
colors = _f === void 0 ? {} : _f,
|
|
23564
|
+
_g = _a.verbiage,
|
|
23565
|
+
rawVerbiage = _g === void 0 ? {} : _g,
|
|
23566
|
+
_h = _a.debugMode,
|
|
23567
|
+
debugMode = _h === void 0 ? false : _h;
|
|
23518
23568
|
var camera = useCameraStore(function (state) {
|
|
23519
23569
|
return state.camera;
|
|
23520
23570
|
});
|
|
23521
23571
|
var onPredictionMade = React.useContext(SelfieGuidanceModelsContext).onPredictionMade;
|
|
23522
|
-
var
|
|
23523
|
-
signatureData =
|
|
23524
|
-
signatureDataUrl =
|
|
23525
|
-
signatureVideoData =
|
|
23526
|
-
startRecording =
|
|
23527
|
-
stopRecording =
|
|
23528
|
-
clearRecordedData =
|
|
23529
|
-
isRecording =
|
|
23572
|
+
var _j = useVideoSignatureContext(),
|
|
23573
|
+
signatureData = _j.signatureData,
|
|
23574
|
+
signatureDataUrl = _j.signatureDataUrl,
|
|
23575
|
+
signatureVideoData = _j.signatureVideoData,
|
|
23576
|
+
startRecording = _j.startRecording,
|
|
23577
|
+
stopRecording = _j.stopRecording,
|
|
23578
|
+
clearRecordedData = _j.clearRecordedData,
|
|
23579
|
+
isRecording = _j.isRecording;
|
|
23530
23580
|
React.useEffect(function () {
|
|
23531
23581
|
startRecording();
|
|
23532
23582
|
return stopRecording;
|
|
@@ -23541,9 +23591,9 @@
|
|
|
23541
23591
|
onVideoCaptured === null || onVideoCaptured === void 0 ? void 0 : onVideoCaptured(signatureVideoData, signatureData, signatureDataUrl);
|
|
23542
23592
|
}
|
|
23543
23593
|
}, [onVideoCaptured, signatureData, signatureDataUrl, signatureVideoData]);
|
|
23544
|
-
var
|
|
23545
|
-
numFramesWithoutFaces =
|
|
23546
|
-
setNumFramesWithoutFaces =
|
|
23594
|
+
var _k = React.useState(0),
|
|
23595
|
+
numFramesWithoutFaces = _k[0],
|
|
23596
|
+
setNumFramesWithoutFaces = _k[1];
|
|
23547
23597
|
React.useEffect(function () {
|
|
23548
23598
|
onPredictionMade(function (_a) {
|
|
23549
23599
|
var face = _a.face;
|
|
@@ -23558,8 +23608,8 @@
|
|
|
23558
23608
|
}
|
|
23559
23609
|
}, [numFramesWithoutFaces, onFaceNotDetected]);
|
|
23560
23610
|
var GuidesComponent = guidesComponent !== null && guidesComponent !== void 0 ? guidesComponent : VideoSignatureGuides;
|
|
23561
|
-
return /*#__PURE__*/React.createElement(
|
|
23562
|
-
className: classNames.container
|
|
23611
|
+
return /*#__PURE__*/React.createElement(PageContainer, {
|
|
23612
|
+
className: "flex ".concat((_b = classNames.container) !== null && _b !== void 0 ? _b : '')
|
|
23563
23613
|
}, verbiage.guidanceMessageText && ( /*#__PURE__*/React.createElement(GuidanceMessageContainer, {
|
|
23564
23614
|
"$top": "10vh",
|
|
23565
23615
|
className: classNames.guidanceMessageContainer
|
|
@@ -23617,7 +23667,7 @@
|
|
|
23617
23667
|
style: {
|
|
23618
23668
|
display: 'none'
|
|
23619
23669
|
}
|
|
23620
|
-
})), /*#__PURE__*/React.createElement(ButtonsRow
|
|
23670
|
+
})), /*#__PURE__*/React.createElement(ButtonsRow, {
|
|
23621
23671
|
className: classNames.buttonsRow
|
|
23622
23672
|
}, /*#__PURE__*/React.createElement(LoaderButton, {
|
|
23623
23673
|
variant: "warning",
|
|
@@ -23637,56 +23687,57 @@
|
|
|
23637
23687
|
var templateObject_1$8;
|
|
23638
23688
|
|
|
23639
23689
|
var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
23690
|
+
var _b;
|
|
23640
23691
|
var onComplete = _a.onComplete,
|
|
23641
23692
|
onVideoCaptured = _a.onVideoCaptured,
|
|
23642
23693
|
onRetryClicked = _a.onRetryClicked,
|
|
23643
23694
|
onExitCapture = _a.onExitCapture,
|
|
23644
23695
|
onUserCancel = _a.onUserCancel,
|
|
23645
23696
|
onLoadingOverlayDismissed = _a.onLoadingOverlayDismissed,
|
|
23646
|
-
|
|
23647
|
-
loadingOverlayMode =
|
|
23697
|
+
_c = _a.loadingOverlayMode,
|
|
23698
|
+
loadingOverlayMode = _c === void 0 ? 'default' : _c,
|
|
23648
23699
|
customOverlayContent = _a.customOverlayContent,
|
|
23649
|
-
|
|
23650
|
-
skipSuccessScreen =
|
|
23651
|
-
|
|
23652
|
-
captureAudio =
|
|
23653
|
-
|
|
23654
|
-
minSignaturePadPoints =
|
|
23655
|
-
|
|
23656
|
-
allowSignatureAfterLivenessCheckFailure =
|
|
23657
|
-
|
|
23658
|
-
restartVideoOnSignaturePadCleared =
|
|
23700
|
+
_d = _a.skipSuccessScreen,
|
|
23701
|
+
skipSuccessScreen = _d === void 0 ? false : _d,
|
|
23702
|
+
_e = _a.captureAudio,
|
|
23703
|
+
captureAudio = _e === void 0 ? false : _e,
|
|
23704
|
+
_f = _a.minSignaturePadPoints,
|
|
23705
|
+
minSignaturePadPoints = _f === void 0 ? DEFAULT_MIN_SIGNATURE_PAD_POINTS : _f,
|
|
23706
|
+
_g = _a.allowSignatureAfterLivenessCheckFailure,
|
|
23707
|
+
allowSignatureAfterLivenessCheckFailure = _g === void 0 ? false : _g,
|
|
23708
|
+
_h = _a.restartVideoOnSignaturePadCleared,
|
|
23709
|
+
restartVideoOnSignaturePadCleared = _h === void 0 ? true : _h,
|
|
23659
23710
|
faceLivenessProps = _a.faceLivenessProps,
|
|
23660
|
-
|
|
23661
|
-
assets =
|
|
23662
|
-
|
|
23663
|
-
classNames =
|
|
23664
|
-
|
|
23665
|
-
colors =
|
|
23666
|
-
|
|
23667
|
-
verbiage =
|
|
23668
|
-
|
|
23669
|
-
debugMode =
|
|
23670
|
-
var
|
|
23671
|
-
selfieImage =
|
|
23672
|
-
setSelfieImage =
|
|
23673
|
-
setSignatureData =
|
|
23674
|
-
setSignatureVideoUrl =
|
|
23675
|
-
logSelfieCaptureAttempt =
|
|
23711
|
+
_j = _a.assets,
|
|
23712
|
+
assets = _j === void 0 ? {} : _j,
|
|
23713
|
+
_k = _a.classNames,
|
|
23714
|
+
classNames = _k === void 0 ? {} : _k,
|
|
23715
|
+
_l = _a.colors,
|
|
23716
|
+
colors = _l === void 0 ? {} : _l,
|
|
23717
|
+
_m = _a.verbiage,
|
|
23718
|
+
verbiage = _m === void 0 ? {} : _m,
|
|
23719
|
+
_o = _a.debugMode,
|
|
23720
|
+
debugMode = _o === void 0 ? false : _o;
|
|
23721
|
+
var _p = React.useContext(SubmissionContext),
|
|
23722
|
+
selfieImage = _p.selfieImage,
|
|
23723
|
+
setSelfieImage = _p.setSelfieImage,
|
|
23724
|
+
setSignatureData = _p.setSignatureData,
|
|
23725
|
+
setSignatureVideoUrl = _p.setSignatureVideoUrl,
|
|
23726
|
+
logSelfieCaptureAttempt = _p.logSelfieCaptureAttempt;
|
|
23676
23727
|
var cameraAccessDenied = useCameraStore(useShallow(function (state) {
|
|
23677
23728
|
return {
|
|
23678
23729
|
cameraAccessDenied: state.cameraAccessDenied
|
|
23679
23730
|
};
|
|
23680
23731
|
})).cameraAccessDenied;
|
|
23681
|
-
var
|
|
23682
|
-
captureState =
|
|
23683
|
-
setCaptureState =
|
|
23732
|
+
var _q = React.useState('CHECKING_LIVENESS'),
|
|
23733
|
+
captureState = _q[0],
|
|
23734
|
+
setCaptureState = _q[1];
|
|
23684
23735
|
var operationStartedAt = React.useRef();
|
|
23685
23736
|
var captureStartedAt = React.useRef();
|
|
23686
23737
|
var captureEndedAt = React.useRef();
|
|
23687
|
-
var
|
|
23688
|
-
start =
|
|
23689
|
-
stop =
|
|
23738
|
+
var _r = React.useContext(SelfieGuidanceModelsContext),
|
|
23739
|
+
start = _r.start,
|
|
23740
|
+
stop = _r.stop;
|
|
23690
23741
|
React.useEffect(function () {
|
|
23691
23742
|
operationStartedAt.current = new Date();
|
|
23692
23743
|
}, []);
|
|
@@ -23722,9 +23773,9 @@
|
|
|
23722
23773
|
setSelfieImage(selfieFromRequest);
|
|
23723
23774
|
}
|
|
23724
23775
|
}, [logCaptureMetadata, onFaceLivenessSuccessProp, selfieImage, setSelfieImage]);
|
|
23725
|
-
var
|
|
23726
|
-
signatureImageUrl =
|
|
23727
|
-
setSignatureImageUrl =
|
|
23776
|
+
var _s = React.useState(null),
|
|
23777
|
+
signatureImageUrl = _s[0],
|
|
23778
|
+
setSignatureImageUrl = _s[1];
|
|
23728
23779
|
var onSignatureCaptureCompleted = React.useCallback(function (videoData, signatureData, signatureImageData) {
|
|
23729
23780
|
setSignatureData(signatureData);
|
|
23730
23781
|
setSignatureVideoUrl(URL.createObjectURL(videoData));
|
|
@@ -23735,9 +23786,9 @@
|
|
|
23735
23786
|
var onSignatureCaptureFacesNotDetected = React.useCallback(function () {
|
|
23736
23787
|
setCaptureState('CHECKING_LIVENESS');
|
|
23737
23788
|
}, []);
|
|
23738
|
-
var
|
|
23739
|
-
attempt =
|
|
23740
|
-
setAttempt =
|
|
23789
|
+
var _t = React.useState(0),
|
|
23790
|
+
attempt = _t[0],
|
|
23791
|
+
setAttempt = _t[1];
|
|
23741
23792
|
var onRetry = React.useCallback(function () {
|
|
23742
23793
|
onRetryClicked === null || onRetryClicked === void 0 ? void 0 : onRetryClicked();
|
|
23743
23794
|
setAttempt(function (n) {
|
|
@@ -23774,6 +23825,8 @@
|
|
|
23774
23825
|
}, [faceLivenessOnLoadingOverlayDismissed, onLoadingOverlayDismissed]);
|
|
23775
23826
|
return /*#__PURE__*/React.createElement(VideoSignatureContextProvider, {
|
|
23776
23827
|
captureAudio: captureAudio
|
|
23828
|
+
}, /*#__PURE__*/React.createElement(PageContainer, {
|
|
23829
|
+
className: "flex ".concat((_b = classNames === null || classNames === void 0 ? void 0 : classNames.container) !== null && _b !== void 0 ? _b : '')
|
|
23777
23830
|
}, /*#__PURE__*/React.createElement(CameraVideoTag, {
|
|
23778
23831
|
className: classNames.cameraFeed
|
|
23779
23832
|
}), function () {
|
|
@@ -23823,7 +23876,7 @@
|
|
|
23823
23876
|
default:
|
|
23824
23877
|
return null;
|
|
23825
23878
|
}
|
|
23826
|
-
}());
|
|
23879
|
+
}()));
|
|
23827
23880
|
};
|
|
23828
23881
|
function VideoSignatureWizardGuides(_a) {
|
|
23829
23882
|
var status = _a.status,
|
|
@@ -23989,7 +24042,7 @@
|
|
|
23989
24042
|
"$background": (_y = (_x = theme.idVideoCapture) === null || _x === void 0 ? void 0 : _x.idCardGuides) === null || _y === void 0 ? void 0 : _y.instructionsBackgroundColor
|
|
23990
24043
|
}, instructionText))))));
|
|
23991
24044
|
};
|
|
23992
|
-
var Container = styled.div(templateObject_1$7 || (templateObject_1$7 = __makeTemplateObject(["\n display: flex;\n max-height: 100%;\n position: absolute;\n z-index: 1000;\n
|
|
24045
|
+
var Container = styled.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) {
|
|
23993
24046
|
var _a;
|
|
23994
24047
|
return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
|
|
23995
24048
|
});
|
|
@@ -23997,7 +24050,7 @@
|
|
|
23997
24050
|
var FaceGuideContainer = styled.div(templateObject_3$7 || (templateObject_3$7 = __makeTemplateObject(["\n position: relative;\n height: 65%;\n"], ["\n position: relative;\n height: 65%;\n"])));
|
|
23998
24051
|
var IdCardGuideContainer = styled.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"])));
|
|
23999
24052
|
var IdCardGuideInner = styled.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"])));
|
|
24000
|
-
var IdCardGuideInstructionsContainer = styled.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:
|
|
24053
|
+
var IdCardGuideInstructionsContainer = styled.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"])));
|
|
24001
24054
|
var IdCardGuideInstructions = styled(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"])));
|
|
24002
24055
|
var templateObject_1$7, templateObject_2$7, templateObject_3$7, templateObject_4$2, templateObject_5$1, templateObject_6$1, templateObject_7;
|
|
24003
24056
|
|
|
@@ -24089,7 +24142,7 @@
|
|
|
24089
24142
|
var _a, _b, _c, _d, _e, _f;
|
|
24090
24143
|
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, ";") : "";
|
|
24091
24144
|
});
|
|
24092
|
-
var ReadTextPromptButtonsRow = styled(ButtonsRow
|
|
24145
|
+
var ReadTextPromptButtonsRow = styled(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"])));
|
|
24093
24146
|
var ReadTextPromptTimeRemaining = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n padding: 20px;\n\n ", ";\n ", ";\n ", ";\n"], ["\n padding: 20px;\n\n ", ";\n ", ";\n ", ";\n"])), function (props) {
|
|
24094
24147
|
var _a, _b, _c, _d, _e, _f;
|
|
24095
24148
|
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, ";") : "";
|
|
@@ -24138,103 +24191,103 @@
|
|
|
24138
24191
|
flipShortcutThreshold: 0.7
|
|
24139
24192
|
};
|
|
24140
24193
|
var IdVideoCapture = function IdVideoCapture(_a) {
|
|
24141
|
-
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
|
|
24194
|
+
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
|
|
24142
24195
|
var onComplete = _a.onComplete,
|
|
24143
24196
|
onIdFrontImageCaptured = _a.onIdFrontImageCaptured,
|
|
24144
24197
|
onIdBackImageCaptured = _a.onIdBackImageCaptured,
|
|
24145
24198
|
onFaceNotDetected = _a.onFaceNotDetected,
|
|
24146
24199
|
onRecordingFailed = _a.onRecordingFailed,
|
|
24147
24200
|
onExitCapture = _a.onExitCapture,
|
|
24148
|
-
|
|
24149
|
-
idCaptureModelsEnabled =
|
|
24150
|
-
|
|
24151
|
-
idDocumentType =
|
|
24152
|
-
|
|
24153
|
-
idCaptureGuideImages =
|
|
24154
|
-
|
|
24155
|
-
idCardFrontDelay =
|
|
24156
|
-
|
|
24157
|
-
videoIdCaptureThresholds =
|
|
24158
|
-
|
|
24159
|
-
skipShowIdCardBack =
|
|
24160
|
-
|
|
24161
|
-
captureCountdownSeconds =
|
|
24201
|
+
_w = _a.idCaptureModelsEnabled,
|
|
24202
|
+
idCaptureModelsEnabled = _w === void 0 ? true : _w,
|
|
24203
|
+
_x = _a.idDocumentType,
|
|
24204
|
+
idDocumentType = _x === void 0 ? 'idCard' : _x,
|
|
24205
|
+
_y = _a.idCaptureGuideImages,
|
|
24206
|
+
idCaptureGuideImages = _y === void 0 ? defaultIdCaptureGuideImages : _y,
|
|
24207
|
+
_z = _a.idCardFrontDelay,
|
|
24208
|
+
idCardFrontDelay = _z === void 0 ? 1000 : _z,
|
|
24209
|
+
_0 = _a.videoIdCaptureThresholds,
|
|
24210
|
+
videoIdCaptureThresholds = _0 === void 0 ? defaultVideoIdCaptureThresholds : _0,
|
|
24211
|
+
_1 = _a.skipShowIdCardBack,
|
|
24212
|
+
skipShowIdCardBack = _1 === void 0 ? false : _1,
|
|
24213
|
+
_2 = _a.captureCountdownSeconds,
|
|
24214
|
+
captureCountdownSeconds = _2 === void 0 ? 3 : _2,
|
|
24162
24215
|
readTextPrompt = _a.readTextPrompt,
|
|
24163
|
-
|
|
24164
|
-
readTextTimeoutDurationMs =
|
|
24165
|
-
|
|
24166
|
-
readTextMinReadingMs =
|
|
24167
|
-
|
|
24168
|
-
disableFaceDetectionWhileAudioCapture =
|
|
24169
|
-
|
|
24170
|
-
disableFaceDetectionWhileAudioCaptureMsDelay =
|
|
24171
|
-
|
|
24172
|
-
mergeAVStreams =
|
|
24173
|
-
|
|
24174
|
-
classNames =
|
|
24175
|
-
|
|
24176
|
-
colors =
|
|
24177
|
-
|
|
24178
|
-
rawVerbiage =
|
|
24179
|
-
|
|
24180
|
-
debugMode =
|
|
24181
|
-
var
|
|
24182
|
-
ref =
|
|
24183
|
-
|
|
24184
|
-
width =
|
|
24185
|
-
|
|
24186
|
-
height =
|
|
24187
|
-
var
|
|
24188
|
-
camera =
|
|
24189
|
-
videoRef =
|
|
24190
|
-
videoLoaded =
|
|
24191
|
-
cameraReady =
|
|
24192
|
-
microphoneReady =
|
|
24193
|
-
audioStream =
|
|
24194
|
-
isRearFacing =
|
|
24195
|
-
releaseCameraAccess =
|
|
24196
|
-
var
|
|
24197
|
-
detectedObjects =
|
|
24198
|
-
setDetectedObjects =
|
|
24199
|
-
var
|
|
24200
|
-
face =
|
|
24201
|
-
setFace =
|
|
24202
|
-
var
|
|
24203
|
-
idModelsReady =
|
|
24204
|
-
startIdModels =
|
|
24205
|
-
stopIdModels =
|
|
24206
|
-
onIdPredictionMade =
|
|
24207
|
-
setThresholds =
|
|
24208
|
-
setRequiredDocumentType =
|
|
24209
|
-
setDocumentDetectionBoundaries =
|
|
24210
|
-
bestFrameDetails =
|
|
24211
|
-
resetBestFrame =
|
|
24212
|
-
idModelError =
|
|
24213
|
-
var
|
|
24214
|
-
videoStartsAt =
|
|
24215
|
-
setVideoStartsAt =
|
|
24216
|
-
var
|
|
24217
|
-
setIdCaptureVideoAudioStartsAt =
|
|
24218
|
-
setExpectedAudioText =
|
|
24219
|
-
var
|
|
24220
|
-
startSelfieGuidance =
|
|
24221
|
-
stopSelfieGuidance =
|
|
24222
|
-
onSelfiePredictionMade =
|
|
24223
|
-
selfieModelError =
|
|
24224
|
-
var
|
|
24225
|
-
isRecordingVideo =
|
|
24226
|
-
startRecordingVideo =
|
|
24227
|
-
startRecordingAudio =
|
|
24228
|
-
stopRecordingVideo =
|
|
24229
|
-
stopRecordingAudio =
|
|
24230
|
-
videoRecordingUnintentionallyStopped =
|
|
24231
|
-
audioRecordingUnintentionallyStopped =
|
|
24232
|
-
videoUrl =
|
|
24233
|
-
audioUrl =
|
|
24216
|
+
_3 = _a.readTextTimeoutDurationMs,
|
|
24217
|
+
readTextTimeoutDurationMs = _3 === void 0 ? 15000 : _3,
|
|
24218
|
+
_4 = _a.readTextMinReadingMs,
|
|
24219
|
+
readTextMinReadingMs = _4 === void 0 ? 10000 : _4,
|
|
24220
|
+
_5 = _a.disableFaceDetectionWhileAudioCapture,
|
|
24221
|
+
disableFaceDetectionWhileAudioCapture = _5 === void 0 ? false : _5,
|
|
24222
|
+
_6 = _a.disableFaceDetectionWhileAudioCaptureMsDelay,
|
|
24223
|
+
disableFaceDetectionWhileAudioCaptureMsDelay = _6 === void 0 ? 2000 : _6,
|
|
24224
|
+
_7 = _a.mergeAVStreams,
|
|
24225
|
+
mergeAVStreams = _7 === void 0 ? false : _7,
|
|
24226
|
+
_8 = _a.classNames,
|
|
24227
|
+
classNames = _8 === void 0 ? {} : _8,
|
|
24228
|
+
_9 = _a.colors,
|
|
24229
|
+
colors = _9 === void 0 ? {} : _9,
|
|
24230
|
+
_10 = _a.verbiage,
|
|
24231
|
+
rawVerbiage = _10 === void 0 ? {} : _10,
|
|
24232
|
+
_11 = _a.debugMode,
|
|
24233
|
+
debugMode = _11 === void 0 ? false : _11;
|
|
24234
|
+
var _12 = useResizeObserver(),
|
|
24235
|
+
ref = _12.ref,
|
|
24236
|
+
_13 = _12.width,
|
|
24237
|
+
width = _13 === void 0 ? 1 : _13,
|
|
24238
|
+
_14 = _12.height,
|
|
24239
|
+
height = _14 === void 0 ? 1 : _14;
|
|
24240
|
+
var _15 = useCameraStore(),
|
|
24241
|
+
camera = _15.camera,
|
|
24242
|
+
videoRef = _15.videoRef,
|
|
24243
|
+
videoLoaded = _15.videoLoaded,
|
|
24244
|
+
cameraReady = _15.cameraReady,
|
|
24245
|
+
microphoneReady = _15.microphoneReady,
|
|
24246
|
+
audioStream = _15.audioStream,
|
|
24247
|
+
isRearFacing = _15.isRearFacing,
|
|
24248
|
+
releaseCameraAccess = _15.releaseCameraAccess;
|
|
24249
|
+
var _16 = React.useState([]),
|
|
24250
|
+
detectedObjects = _16[0],
|
|
24251
|
+
setDetectedObjects = _16[1];
|
|
24252
|
+
var _17 = React.useState(null),
|
|
24253
|
+
face = _17[0],
|
|
24254
|
+
setFace = _17[1];
|
|
24255
|
+
var _18 = React.useContext(IdCaptureModelsContext),
|
|
24256
|
+
idModelsReady = _18.ready,
|
|
24257
|
+
startIdModels = _18.start,
|
|
24258
|
+
stopIdModels = _18.stop,
|
|
24259
|
+
onIdPredictionMade = _18.onPredictionMade,
|
|
24260
|
+
setThresholds = _18.setThresholds,
|
|
24261
|
+
setRequiredDocumentType = _18.setRequiredDocumentType,
|
|
24262
|
+
setDocumentDetectionBoundaries = _18.setDocumentDetectionBoundaries,
|
|
24263
|
+
bestFrameDetails = _18.bestFrameDetails,
|
|
24264
|
+
resetBestFrame = _18.resetBestFrame,
|
|
24265
|
+
idModelError = _18.modelError;
|
|
24266
|
+
var _19 = React.useState(null),
|
|
24267
|
+
videoStartsAt = _19[0],
|
|
24268
|
+
setVideoStartsAt = _19[1];
|
|
24269
|
+
var _20 = React.useContext(SubmissionContext),
|
|
24270
|
+
setIdCaptureVideoAudioStartsAt = _20.setIdCaptureVideoAudioStartsAt,
|
|
24271
|
+
setExpectedAudioText = _20.setExpectedAudioText;
|
|
24272
|
+
var _21 = React.useContext(SelfieGuidanceModelsContext),
|
|
24273
|
+
startSelfieGuidance = _21.start,
|
|
24274
|
+
stopSelfieGuidance = _21.stop,
|
|
24275
|
+
onSelfiePredictionMade = _21.onPredictionMade,
|
|
24276
|
+
selfieModelError = _21.error;
|
|
24277
|
+
var _22 = useVideoRecorder(camera, audioStream, mergeAVStreams),
|
|
24278
|
+
isRecordingVideo = _22.isRecordingVideo,
|
|
24279
|
+
startRecordingVideo = _22.startRecordingVideo,
|
|
24280
|
+
startRecordingAudio = _22.startRecordingAudio,
|
|
24281
|
+
stopRecordingVideo = _22.stopRecordingVideo,
|
|
24282
|
+
stopRecordingAudio = _22.stopRecordingAudio,
|
|
24283
|
+
videoRecordingUnintentionallyStopped = _22.videoRecordingUnintentionallyStopped,
|
|
24284
|
+
audioRecordingUnintentionallyStopped = _22.audioRecordingUnintentionallyStopped,
|
|
24285
|
+
videoUrl = _22.videoUrl,
|
|
24286
|
+
audioUrl = _22.audioUrl;
|
|
24234
24287
|
var countdownTimeoutRef = React.useRef(undefined);
|
|
24235
|
-
var
|
|
24236
|
-
countdownRemaining =
|
|
24237
|
-
setCountdownRemaining =
|
|
24288
|
+
var _23 = React.useState(-1),
|
|
24289
|
+
countdownRemaining = _23[0],
|
|
24290
|
+
setCountdownRemaining = _23[1];
|
|
24238
24291
|
React.useEffect(function () {
|
|
24239
24292
|
if (!isRecordingVideo && !videoUrl) {
|
|
24240
24293
|
startRecordingVideo();
|
|
@@ -24254,9 +24307,9 @@
|
|
|
24254
24307
|
onRecordingFailed === null || onRecordingFailed === void 0 ? void 0 : onRecordingFailed();
|
|
24255
24308
|
}
|
|
24256
24309
|
}, [audioRecordingUnintentionallyStopped, microphoneReady, onRecordingFailed, readTextPrompt, videoRecordingUnintentionallyStopped]);
|
|
24257
|
-
var
|
|
24258
|
-
requestedAction =
|
|
24259
|
-
setRequestedAction =
|
|
24310
|
+
var _24 = React.useState(idDocumentType === 'idCard' ? 'SHOW_ID_FRONT' : 'SHOW_PASSPORT'),
|
|
24311
|
+
requestedAction = _24[0],
|
|
24312
|
+
setRequestedAction = _24[1];
|
|
24260
24313
|
var shouldRunIdModels = idCaptureModelsEnabled && videoLoaded && cameraReady && idModelsReady && !idModelError && requestedAction !== 'READ_TEXT' && (!readTextPrompt || microphoneReady);
|
|
24261
24314
|
React.useEffect(function startModelsWhenCapturing() {
|
|
24262
24315
|
if (!shouldRunIdModels) return;
|
|
@@ -24295,23 +24348,23 @@
|
|
|
24295
24348
|
bottom: 0
|
|
24296
24349
|
});
|
|
24297
24350
|
}, [setDocumentDetectionBoundaries]);
|
|
24298
|
-
var
|
|
24299
|
-
currentDetectionScore =
|
|
24300
|
-
setCurrentDetectionScore =
|
|
24301
|
-
var
|
|
24302
|
-
currentDetectedDocumentType =
|
|
24303
|
-
setCurrentDetectedDocumentType =
|
|
24304
|
-
var _26 = React.useState(0),
|
|
24305
|
-
currentFocusScore = _26[0],
|
|
24306
|
-
setCurrentFocusScore = _26[1];
|
|
24351
|
+
var _25 = React.useState(0),
|
|
24352
|
+
currentDetectionScore = _25[0],
|
|
24353
|
+
setCurrentDetectionScore = _25[1];
|
|
24354
|
+
var _26 = React.useState('none'),
|
|
24355
|
+
currentDetectedDocumentType = _26[0],
|
|
24356
|
+
setCurrentDetectedDocumentType = _26[1];
|
|
24307
24357
|
var _27 = React.useState(0),
|
|
24308
|
-
|
|
24309
|
-
|
|
24358
|
+
currentFocusScore = _27[0],
|
|
24359
|
+
setCurrentFocusScore = _27[1];
|
|
24360
|
+
var _28 = React.useState(0),
|
|
24361
|
+
goodFramesCount = _28[0],
|
|
24362
|
+
setGoodFramesCount = _28[1];
|
|
24310
24363
|
var goodFramesThreshold = requestedAction === 'SHOW_PASSPORT' ? adjustedThresholds.goodFrames.passport : requestedAction === 'SHOW_ID_FRONT' ? adjustedThresholds.goodFrames.idCardFront : adjustedThresholds.goodFrames.idCardBack;
|
|
24311
24364
|
var goodFramesThresholdMet = goodFramesCount >= goodFramesThreshold;
|
|
24312
|
-
var
|
|
24313
|
-
isSinglePage =
|
|
24314
|
-
setIsSinglePage =
|
|
24365
|
+
var _29 = React.useState(false),
|
|
24366
|
+
isSinglePage = _29[0],
|
|
24367
|
+
setIsSinglePage = _29[1];
|
|
24315
24368
|
React.useEffect(function () {
|
|
24316
24369
|
if (!idCaptureModelsEnabled || idModelError) return;
|
|
24317
24370
|
onIdPredictionMade(function (prediction) {
|
|
@@ -24331,9 +24384,9 @@
|
|
|
24331
24384
|
} : 0);
|
|
24332
24385
|
});
|
|
24333
24386
|
}, [idCaptureModelsEnabled, onIdPredictionMade, idModelError, requestedAction, adjustedThresholds.flipShortcutThreshold]);
|
|
24334
|
-
var
|
|
24335
|
-
idFrontCaptureStartedAt =
|
|
24336
|
-
setFirstGoodFrameTime =
|
|
24387
|
+
var _30 = React.useState(null),
|
|
24388
|
+
idFrontCaptureStartedAt = _30[0],
|
|
24389
|
+
setFirstGoodFrameTime = _30[1];
|
|
24337
24390
|
React.useEffect(function () {
|
|
24338
24391
|
if (goodFramesCount === 1) setFirstGoodFrameTime(new Date().getTime());
|
|
24339
24392
|
}, [goodFramesCount]);
|
|
@@ -24354,9 +24407,9 @@
|
|
|
24354
24407
|
var frameHeight = (_e = (_d = videoRef.current) === null || _d === void 0 ? void 0 : _d.videoHeight) !== null && _e !== void 0 ? _e : 0;
|
|
24355
24408
|
var faceBox = face === null || face === void 0 ? void 0 : face.box;
|
|
24356
24409
|
var faceCentered = !faceBox || !frameWidth || faceBox.xMin > frameWidth * edgeBoundary && faceBox.yMin > frameHeight * edgeBoundary && faceBox.xMax < frameWidth * (1 - edgeBoundary) && faceBox.yMax < frameHeight * (1 - edgeBoundary);
|
|
24357
|
-
var
|
|
24358
|
-
countdownStartedAt =
|
|
24359
|
-
setCountdownStartedAt =
|
|
24410
|
+
var _31 = React.useState(),
|
|
24411
|
+
countdownStartedAt = _31[0],
|
|
24412
|
+
setCountdownStartedAt = _31[1];
|
|
24360
24413
|
var photoCanvas = React.useRef(null);
|
|
24361
24414
|
var frameLock = React.useRef(false);
|
|
24362
24415
|
var captureFrame = React.useCallback(function () {
|
|
@@ -24466,9 +24519,9 @@
|
|
|
24466
24519
|
stopSelfieGuidance();
|
|
24467
24520
|
};
|
|
24468
24521
|
}, [startSelfieGuidance, stopSelfieGuidance]);
|
|
24469
|
-
var
|
|
24470
|
-
numFramesWithoutFaces =
|
|
24471
|
-
setNumFramesWithoutFaces =
|
|
24522
|
+
var _32 = React.useState(0),
|
|
24523
|
+
numFramesWithoutFaces = _32[0],
|
|
24524
|
+
setNumFramesWithoutFaces = _32[1];
|
|
24472
24525
|
onSelfiePredictionMade(f(React.useCallback(function (_a) {
|
|
24473
24526
|
var face = _a.face;
|
|
24474
24527
|
if (selfieModelError) return;
|
|
@@ -24484,12 +24537,12 @@
|
|
|
24484
24537
|
}
|
|
24485
24538
|
}, [disableFaceDetectionWhileAudioCapture, disableFaceDetectionWhileAudioCaptureMsDelay, numFramesWithoutFaces, onFaceNotDetected, timeoutStartedAt]);
|
|
24486
24539
|
var theme = styled.useTheme();
|
|
24487
|
-
var
|
|
24540
|
+
var _33 = useTranslations(rawVerbiage, {
|
|
24488
24541
|
faceNotCenteredText: 'Please move your face to the center...',
|
|
24489
24542
|
captureBtnText: 'Capture'
|
|
24490
24543
|
}),
|
|
24491
|
-
captureBtnText =
|
|
24492
|
-
faceNotCenteredText =
|
|
24544
|
+
captureBtnText = _33.captureBtnText,
|
|
24545
|
+
faceNotCenteredText = _33.faceNotCenteredText;
|
|
24493
24546
|
var debugScalingDetails = useDebugScalingDetails({
|
|
24494
24547
|
enabled: debugMode,
|
|
24495
24548
|
pageWidth: width,
|
|
@@ -24499,9 +24552,9 @@
|
|
|
24499
24552
|
});
|
|
24500
24553
|
var capturingId = ['SHOW_ID_FRONT', 'SHOW_ID_BACK', 'SHOW_PASSPORT'].includes(requestedAction);
|
|
24501
24554
|
var guidanceText = !faceCentered ? faceNotCenteredText : undefined;
|
|
24502
|
-
return /*#__PURE__*/React.createElement(
|
|
24555
|
+
return /*#__PURE__*/React.createElement(PageContainer, {
|
|
24503
24556
|
ref: ref,
|
|
24504
|
-
className: classNames.container
|
|
24557
|
+
className: "flex ".concat((_k = classNames.container) !== null && _k !== void 0 ? _k : '')
|
|
24505
24558
|
}, /*#__PURE__*/React.createElement(InvisibleCanvas, {
|
|
24506
24559
|
ref: photoCanvas
|
|
24507
24560
|
}), requestedAction === 'READ_TEXT' ? ( /*#__PURE__*/React.createElement(ReadTextPrompt, {
|
|
@@ -24540,9 +24593,9 @@
|
|
|
24540
24593
|
className: classNames.guidanceMessageContainer
|
|
24541
24594
|
}, /*#__PURE__*/React.createElement(GuidanceMessage, {
|
|
24542
24595
|
className: classNames.guidanceMessage,
|
|
24543
|
-
"$background": (
|
|
24544
|
-
"$textColor": (
|
|
24545
|
-
}, guidanceText))), debugMode && ( /*#__PURE__*/React.createElement(DebugStatsPane, null, camera ? ( /*#__PURE__*/React.createElement(React.Fragment, null, "\u2705 Camera: ", camera.label, " (", camera.width, "x", camera.height, ")")) : '❌ Camera not ready', /*#__PURE__*/React.createElement("br", null), isRecordingVideo ? '✅ Recording' : '❌ Not recording', /*#__PURE__*/React.createElement("br", null), goodFramesThresholdMet ? '✅' : '❌', " Good Frame Count:", ' ', goodFramesCount, "/", goodFramesThreshold, /*#__PURE__*/React.createElement("br", null), "Document Type: ", currentDetectedDocumentType, /*#__PURE__*/React.createElement("br", null), "Detection Score: ", currentDetectionScore, /*#__PURE__*/React.createElement("br", null), "Focus Score: ", currentFocusScore, /*#__PURE__*/React.createElement("br", null), "Best Frame Detection Score:", ' ', (
|
|
24596
|
+
"$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',
|
|
24597
|
+
"$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'
|
|
24598
|
+
}, guidanceText))), debugMode && ( /*#__PURE__*/React.createElement(DebugStatsPane, null, camera ? ( /*#__PURE__*/React.createElement(React.Fragment, null, "\u2705 Camera: ", camera.label, " (", camera.width, "x", camera.height, ")")) : '❌ Camera not ready', /*#__PURE__*/React.createElement("br", null), isRecordingVideo ? '✅ Recording' : '❌ Not recording', /*#__PURE__*/React.createElement("br", null), goodFramesThresholdMet ? '✅' : '❌', " Good Frame Count:", ' ', goodFramesCount, "/", goodFramesThreshold, /*#__PURE__*/React.createElement("br", null), "Document Type: ", currentDetectedDocumentType, /*#__PURE__*/React.createElement("br", null), "Detection Score: ", currentDetectionScore, /*#__PURE__*/React.createElement("br", null), "Focus Score: ", currentFocusScore, /*#__PURE__*/React.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.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.createElement(CountdownContainer, {
|
|
24546
24599
|
className: classNames.countdownContainer
|
|
24547
24600
|
}, /*#__PURE__*/React.createElement(Countdown, {
|
|
24548
24601
|
className: classNames.countdown
|
|
@@ -24560,9 +24613,9 @@
|
|
|
24560
24613
|
className: classNames.exitCaptureBtn
|
|
24561
24614
|
}));
|
|
24562
24615
|
};
|
|
24563
|
-
var CountdownContainer = styled.div(templateObject_1$5 || (templateObject_1$5 = __makeTemplateObject(["\n position:
|
|
24616
|
+
var CountdownContainer = styled.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"])));
|
|
24564
24617
|
var Countdown = styled.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"])));
|
|
24565
|
-
var CaptureButtonContainer = styled.div(templateObject_3$5 || (templateObject_3$5 = __makeTemplateObject(["\n position:
|
|
24618
|
+
var CaptureButtonContainer = styled.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"])));
|
|
24566
24619
|
var CaptureButton = styled(LoaderButton)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n margin: 0 auto 25px;\n"], ["\n margin: 0 auto 25px;\n"])));
|
|
24567
24620
|
function evaluateShouldSkip(value) {
|
|
24568
24621
|
if (value === true) return true;
|
|
@@ -24670,7 +24723,7 @@
|
|
|
24670
24723
|
})) : ( /*#__PURE__*/React.createElement("img", {
|
|
24671
24724
|
src: idBackImageUrl,
|
|
24672
24725
|
alt: "ID Back Image"
|
|
24673
|
-
}))), /*#__PURE__*/React.createElement(ButtonsRow
|
|
24726
|
+
}))), /*#__PURE__*/React.createElement(ButtonsRow, {
|
|
24674
24727
|
className: classNames.buttonsRow
|
|
24675
24728
|
}, /*#__PURE__*/React.createElement(LoaderButton, {
|
|
24676
24729
|
variant: "warning",
|
|
@@ -24695,7 +24748,7 @@
|
|
|
24695
24748
|
var templateObject_1$4, templateObject_2$4, templateObject_3$4;
|
|
24696
24749
|
|
|
24697
24750
|
var VideoIdWizard = function VideoIdWizard(_a) {
|
|
24698
|
-
var _b, _c, _d, _e, _f, _g, _h, _j;
|
|
24751
|
+
var _b, _c, _d, _e, _f, _g, _h, _j, _k;
|
|
24699
24752
|
var onComplete = _a.onComplete,
|
|
24700
24753
|
onExitCapture = _a.onExitCapture,
|
|
24701
24754
|
onExitAfterFailure = _a.onExitAfterFailure,
|
|
@@ -24704,73 +24757,73 @@
|
|
|
24704
24757
|
onCameraAccessDenied = _a.onCameraAccessDenied,
|
|
24705
24758
|
onCameraTamperingDetected = _a.onCameraTamperingDetected,
|
|
24706
24759
|
onMicrophoneAccessDenied = _a.onMicrophoneAccessDenied,
|
|
24707
|
-
|
|
24708
|
-
idCaptureProps =
|
|
24709
|
-
|
|
24710
|
-
faceLivenessProps =
|
|
24711
|
-
|
|
24712
|
-
idCaptureModelsEnabled =
|
|
24713
|
-
|
|
24714
|
-
videoIdCaptureThresholds =
|
|
24760
|
+
_l = _a.idCaptureProps,
|
|
24761
|
+
idCaptureProps = _l === void 0 ? {} : _l,
|
|
24762
|
+
_m = _a.faceLivenessProps,
|
|
24763
|
+
faceLivenessProps = _m === void 0 ? {} : _m,
|
|
24764
|
+
_o = _a.idCaptureModelsEnabled,
|
|
24765
|
+
idCaptureModelsEnabled = _o === void 0 ? true : _o,
|
|
24766
|
+
_p = _a.videoIdCaptureThresholds,
|
|
24767
|
+
videoIdCaptureThresholds = _p === void 0 ? defaultVideoIdCaptureThresholds : _p,
|
|
24715
24768
|
readTextPrompt = _a.readTextPrompt,
|
|
24716
24769
|
readTextTimeoutDurationMs = _a.readTextTimeoutDurationMs,
|
|
24717
24770
|
readTextMinReadingMs = _a.readTextMinReadingMs,
|
|
24718
|
-
|
|
24719
|
-
skipIdCapture =
|
|
24720
|
-
|
|
24721
|
-
skipShowIdCardBack =
|
|
24722
|
-
|
|
24723
|
-
skipSuccessScreen =
|
|
24724
|
-
|
|
24725
|
-
idCaptureLoadingOverlayMode =
|
|
24771
|
+
_q = _a.skipIdCapture,
|
|
24772
|
+
skipIdCapture = _q === void 0 ? false : _q,
|
|
24773
|
+
_r = _a.skipShowIdCardBack,
|
|
24774
|
+
skipShowIdCardBack = _r === void 0 ? false : _r,
|
|
24775
|
+
_s = _a.skipSuccessScreen,
|
|
24776
|
+
skipSuccessScreen = _s === void 0 ? false : _s,
|
|
24777
|
+
_t = _a.idCaptureLoadingOverlayMode,
|
|
24778
|
+
idCaptureLoadingOverlayMode = _t === void 0 ? 'default' : _t,
|
|
24726
24779
|
customOverlayContent = _a.customOverlayContent,
|
|
24727
24780
|
onLoadingOverlayDismissed = _a.onLoadingOverlayDismissed,
|
|
24728
|
-
|
|
24729
|
-
idDocumentType =
|
|
24730
|
-
|
|
24731
|
-
idCaptureGuideType =
|
|
24732
|
-
|
|
24733
|
-
idCaptureGuideImages =
|
|
24734
|
-
|
|
24735
|
-
idCapturePortraitGuidesOnMobile =
|
|
24736
|
-
|
|
24737
|
-
idCaptureRotateLoadingOverlayImageWhenPortrait =
|
|
24738
|
-
|
|
24739
|
-
idCaptureModelLoadTimeoutMs =
|
|
24740
|
-
|
|
24741
|
-
faceLivenessLoadingOverlayMode =
|
|
24742
|
-
|
|
24743
|
-
disableFaceDetectionWhileAudioCapture =
|
|
24744
|
-
|
|
24745
|
-
disableFaceDetectionWhileAudioCaptureMsDelay =
|
|
24746
|
-
|
|
24747
|
-
silentFallback =
|
|
24748
|
-
|
|
24749
|
-
mergeAVStreams =
|
|
24750
|
-
|
|
24751
|
-
assets =
|
|
24752
|
-
|
|
24753
|
-
classNames =
|
|
24754
|
-
|
|
24755
|
-
colors =
|
|
24756
|
-
|
|
24757
|
-
verbiage =
|
|
24758
|
-
|
|
24759
|
-
debugMode =
|
|
24760
|
-
var
|
|
24761
|
-
passportImage =
|
|
24762
|
-
submissionStatus =
|
|
24763
|
-
idCaptureVideoUrl =
|
|
24764
|
-
idCaptureVideoAudioUrl =
|
|
24765
|
-
idCaptureVideoIdFrontImage =
|
|
24766
|
-
idCaptureVideoIdBackImage =
|
|
24767
|
-
setIdCaptureVideoUrl =
|
|
24768
|
-
setIdCaptureVideoIdFrontImage =
|
|
24769
|
-
setIdCaptureVideoIdBackImage =
|
|
24770
|
-
setIdCaptureVideoAudioUrl =
|
|
24771
|
-
var
|
|
24772
|
-
captureState =
|
|
24773
|
-
setCaptureState =
|
|
24781
|
+
_u = _a.idDocumentType,
|
|
24782
|
+
idDocumentType = _u === void 0 ? 'idCardOrPassport' : _u,
|
|
24783
|
+
_v = _a.idCaptureGuideType,
|
|
24784
|
+
idCaptureGuideType = _v === void 0 ? 'fit' : _v,
|
|
24785
|
+
_w = _a.idCaptureGuideImages,
|
|
24786
|
+
idCaptureGuideImages = _w === void 0 ? defaultIdCaptureGuideImages : _w,
|
|
24787
|
+
_x = _a.idCapturePortraitGuidesOnMobile,
|
|
24788
|
+
idCapturePortraitGuidesOnMobile = _x === void 0 ? true : _x,
|
|
24789
|
+
_y = _a.idCaptureRotateLoadingOverlayImageWhenPortrait,
|
|
24790
|
+
idCaptureRotateLoadingOverlayImageWhenPortrait = _y === void 0 ? true : _y,
|
|
24791
|
+
_z = _a.idCaptureModelLoadTimeoutMs,
|
|
24792
|
+
idCaptureModelLoadTimeoutMs = _z === void 0 ? defaultDocumentDetectionModelLoadTimeoutMs : _z,
|
|
24793
|
+
_0 = _a.faceLivenessLoadingOverlayMode,
|
|
24794
|
+
faceLivenessLoadingOverlayMode = _0 === void 0 ? 'default' : _0,
|
|
24795
|
+
_1 = _a.disableFaceDetectionWhileAudioCapture,
|
|
24796
|
+
disableFaceDetectionWhileAudioCapture = _1 === void 0 ? true : _1,
|
|
24797
|
+
_2 = _a.disableFaceDetectionWhileAudioCaptureMsDelay,
|
|
24798
|
+
disableFaceDetectionWhileAudioCaptureMsDelay = _2 === void 0 ? 2000 : _2,
|
|
24799
|
+
_3 = _a.silentFallback,
|
|
24800
|
+
silentFallback = _3 === void 0 ? false : _3,
|
|
24801
|
+
_4 = _a.mergeAVStreams,
|
|
24802
|
+
mergeAVStreams = _4 === void 0 ? false : _4,
|
|
24803
|
+
_5 = _a.assets,
|
|
24804
|
+
assets = _5 === void 0 ? {} : _5,
|
|
24805
|
+
_6 = _a.classNames,
|
|
24806
|
+
classNames = _6 === void 0 ? {} : _6,
|
|
24807
|
+
_7 = _a.colors,
|
|
24808
|
+
colors = _7 === void 0 ? {} : _7,
|
|
24809
|
+
_8 = _a.verbiage,
|
|
24810
|
+
verbiage = _8 === void 0 ? {} : _8,
|
|
24811
|
+
_9 = _a.debugMode,
|
|
24812
|
+
debugMode = _9 === void 0 ? false : _9;
|
|
24813
|
+
var _10 = React.useContext(SubmissionContext),
|
|
24814
|
+
passportImage = _10.passportImage,
|
|
24815
|
+
submissionStatus = _10.submissionStatus,
|
|
24816
|
+
idCaptureVideoUrl = _10.idCaptureVideoUrl,
|
|
24817
|
+
idCaptureVideoAudioUrl = _10.idCaptureVideoAudioUrl,
|
|
24818
|
+
idCaptureVideoIdFrontImage = _10.idCaptureVideoIdFrontImage,
|
|
24819
|
+
idCaptureVideoIdBackImage = _10.idCaptureVideoIdBackImage,
|
|
24820
|
+
setIdCaptureVideoUrl = _10.setIdCaptureVideoUrl,
|
|
24821
|
+
setIdCaptureVideoIdFrontImage = _10.setIdCaptureVideoIdFrontImage,
|
|
24822
|
+
setIdCaptureVideoIdBackImage = _10.setIdCaptureVideoIdBackImage,
|
|
24823
|
+
setIdCaptureVideoAudioUrl = _10.setIdCaptureVideoAudioUrl;
|
|
24824
|
+
var _11 = React.useState('CAPTURING_ID'),
|
|
24825
|
+
captureState = _11[0],
|
|
24826
|
+
setCaptureState = _11[1];
|
|
24774
24827
|
React.useEffect(function () {
|
|
24775
24828
|
if (skipIdCapture && captureState === 'CAPTURING_ID') setCaptureState('CHECKING_LIVENESS');
|
|
24776
24829
|
}, [captureState, skipIdCapture]);
|
|
@@ -24801,9 +24854,9 @@
|
|
|
24801
24854
|
var onVideoCaptureFaceNotDetected = React.useCallback(function () {
|
|
24802
24855
|
setCaptureState('CHECKING_LIVENESS');
|
|
24803
24856
|
}, []);
|
|
24804
|
-
var
|
|
24805
|
-
attempt =
|
|
24806
|
-
setAttempt =
|
|
24857
|
+
var _12 = React.useState(0),
|
|
24858
|
+
attempt = _12[0],
|
|
24859
|
+
setAttempt = _12[1];
|
|
24807
24860
|
var userSuppliedExitAfterFailure = onExitAfterFailure !== null && onExitAfterFailure !== void 0 ? onExitAfterFailure : faceLivenessProps.onExitAfterFailure;
|
|
24808
24861
|
var onFaceCaptureExitAfterFailure = React.useCallback(function (resp, req) {
|
|
24809
24862
|
userSuppliedExitAfterFailure === null || userSuppliedExitAfterFailure === void 0 ? void 0 : userSuppliedExitAfterFailure(resp, req);
|
|
@@ -24849,6 +24902,11 @@
|
|
|
24849
24902
|
idCardGuideStatus: "disabled"
|
|
24850
24903
|
});
|
|
24851
24904
|
}, [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]);
|
|
24905
|
+
if (submissionStatus === SubmissionStatus.SUBMITTING) {
|
|
24906
|
+
return /*#__PURE__*/React.createElement(PageContainer, {
|
|
24907
|
+
className: "flex"
|
|
24908
|
+
}, /*#__PURE__*/React.createElement(Spinner$1, null));
|
|
24909
|
+
}
|
|
24852
24910
|
return /*#__PURE__*/React.createElement(CameraStoreProvider, {
|
|
24853
24911
|
preferIphoneContinuityCamera: isCapturingId,
|
|
24854
24912
|
preferFrontFacingCamera: !isCapturingId,
|
|
@@ -24872,9 +24930,11 @@
|
|
|
24872
24930
|
onModelError: faceLivenessProps === null || faceLivenessProps === void 0 ? void 0 : faceLivenessProps.onModelError,
|
|
24873
24931
|
modelLoadTimeoutMs: faceLivenessProps === null || faceLivenessProps === void 0 ? void 0 : faceLivenessProps.modelLoadTimeoutMs,
|
|
24874
24932
|
requireVerticalFaceCentering: false
|
|
24875
|
-
},
|
|
24933
|
+
}, /*#__PURE__*/React.createElement(PageContainer, {
|
|
24934
|
+
className: "flex ".concat((_k = classNames.container) !== null && _k !== void 0 ? _k : '')
|
|
24935
|
+
}, ['CHECKING_LIVENESS', 'CAPTURING_VIDEO'].includes(captureState) && /*#__PURE__*/React.createElement(CameraVideoTag, {
|
|
24876
24936
|
className: classNames.cameraFeed
|
|
24877
|
-
})
|
|
24937
|
+
}), function () {
|
|
24878
24938
|
switch (captureState) {
|
|
24879
24939
|
case 'CAPTURING_ID':
|
|
24880
24940
|
return /*#__PURE__*/React.createElement(IdCaptureStateProvider, null, /*#__PURE__*/React.createElement(GuideOrientationContextProvider, null, /*#__PURE__*/React.createElement(IdCaptureWizard, _assign({
|
|
@@ -24964,7 +25024,7 @@
|
|
|
24964
25024
|
default:
|
|
24965
25025
|
return /*#__PURE__*/React.createElement(React.Fragment, null);
|
|
24966
25026
|
}
|
|
24967
|
-
}())));
|
|
25027
|
+
}()))));
|
|
24968
25028
|
};
|
|
24969
25029
|
|
|
24970
25030
|
function CompositeWizard(_a) {
|
|
@@ -25090,7 +25150,9 @@
|
|
|
25090
25150
|
if (isComplete) {
|
|
25091
25151
|
switch (submissionStatus) {
|
|
25092
25152
|
case SubmissionStatus.SUBMITTING:
|
|
25093
|
-
return /*#__PURE__*/React.createElement(
|
|
25153
|
+
return /*#__PURE__*/React.createElement(PageContainer, {
|
|
25154
|
+
className: "flex"
|
|
25155
|
+
}, /*#__PURE__*/React.createElement(Spinner$1, null));
|
|
25094
25156
|
case SubmissionStatus.SUBMITTED:
|
|
25095
25157
|
if (debugMode) return /*#__PURE__*/React.createElement(SubmissionSuccess, null);
|
|
25096
25158
|
return /*#__PURE__*/React.createElement(React.Fragment, null);
|
|
@@ -25614,8 +25676,6 @@
|
|
|
25614
25676
|
geolocationEnabled: geolocationEnabled,
|
|
25615
25677
|
geolocationRequired: geolocationRequired,
|
|
25616
25678
|
useDocumentServiceForLivenessChecks: useDocumentServiceForLivenessChecks
|
|
25617
|
-
}, /*#__PURE__*/React.createElement(SdkPage, {
|
|
25618
|
-
className: classNames === null || classNames === void 0 ? void 0 : classNames.container
|
|
25619
25679
|
}, /*#__PURE__*/React.createElement(CompositeWizard, {
|
|
25620
25680
|
checks: React.useMemo(function () {
|
|
25621
25681
|
return ['IdCapture'];
|
|
@@ -25629,7 +25689,7 @@
|
|
|
25629
25689
|
onCameraAccessDenied: onCameraAccessDenied,
|
|
25630
25690
|
onCameraTamperingDetected: onCameraTamperingDetected,
|
|
25631
25691
|
debugMode: debugMode
|
|
25632
|
-
}))))
|
|
25692
|
+
}))));
|
|
25633
25693
|
};
|
|
25634
25694
|
|
|
25635
25695
|
/** Render a fullscreen capture component that analyzes frames from the user's front-facing camera to determine whether a live human face is present. */
|
|
@@ -25752,8 +25812,6 @@
|
|
|
25752
25812
|
useDocumentServiceForLivenessChecks: useDocumentServiceForLivenessChecks,
|
|
25753
25813
|
estimateAge: estimateAge,
|
|
25754
25814
|
predictGender: predictGender
|
|
25755
|
-
}, /*#__PURE__*/React.createElement(SdkPage, {
|
|
25756
|
-
className: classNames === null || classNames === void 0 ? void 0 : classNames.container
|
|
25757
25815
|
}, /*#__PURE__*/React.createElement(CompositeWizard, {
|
|
25758
25816
|
checks: React.useMemo(function () {
|
|
25759
25817
|
return ['FaceLiveness'];
|
|
@@ -25762,7 +25820,7 @@
|
|
|
25762
25820
|
onCameraAccessDenied: onCameraAccessDenied,
|
|
25763
25821
|
onCameraTamperingDetected: onCameraTamperingDetected,
|
|
25764
25822
|
debugMode: debugMode
|
|
25765
|
-
}))))
|
|
25823
|
+
}))));
|
|
25766
25824
|
};
|
|
25767
25825
|
|
|
25768
25826
|
/**
|
|
@@ -26011,8 +26069,6 @@
|
|
|
26011
26069
|
geolocationEnabled: geolocationEnabled,
|
|
26012
26070
|
geolocationRequired: geolocationRequired,
|
|
26013
26071
|
useDocumentServiceForLivenessChecks: useDocumentServiceForLivenessChecks
|
|
26014
|
-
}, /*#__PURE__*/React.createElement(SdkPage, {
|
|
26015
|
-
className: classNames === null || classNames === void 0 ? void 0 : classNames.container
|
|
26016
26072
|
}, /*#__PURE__*/React.createElement(CompositeWizard, {
|
|
26017
26073
|
checks: checks,
|
|
26018
26074
|
idCaptureProps: idCaptureProps,
|
|
@@ -26025,7 +26081,7 @@
|
|
|
26025
26081
|
onCameraAccessDenied: onCameraAccessDenied,
|
|
26026
26082
|
onCameraTamperingDetected: onCameraTamperingDetected,
|
|
26027
26083
|
debugMode: debugMode
|
|
26028
|
-
}))))
|
|
26084
|
+
}))));
|
|
26029
26085
|
};
|
|
26030
26086
|
|
|
26031
26087
|
/**
|
|
@@ -26298,8 +26354,6 @@
|
|
|
26298
26354
|
geolocationEnabled: geolocationEnabled,
|
|
26299
26355
|
geolocationRequired: geolocationRequired,
|
|
26300
26356
|
useDocumentServiceForLivenessChecks: useDocumentServiceForLivenessChecks
|
|
26301
|
-
}, /*#__PURE__*/React.createElement(SdkPage, {
|
|
26302
|
-
className: classNames === null || classNames === void 0 ? void 0 : classNames.container
|
|
26303
26357
|
}, /*#__PURE__*/React.createElement(CompositeWizard, {
|
|
26304
26358
|
checks: checks,
|
|
26305
26359
|
idCaptureProps: idCaptureProps,
|
|
@@ -26313,7 +26367,7 @@
|
|
|
26313
26367
|
onCameraAccessDenied: onCameraAccessDenied,
|
|
26314
26368
|
onCameraTamperingDetected: onCameraTamperingDetected,
|
|
26315
26369
|
debugMode: debugMode
|
|
26316
|
-
}))))
|
|
26370
|
+
}))));
|
|
26317
26371
|
};
|
|
26318
26372
|
|
|
26319
26373
|
var ALLOWED_RETRIES$3 = 0;
|
|
@@ -26556,8 +26610,8 @@
|
|
|
26556
26610
|
}, verbiage.doneBtnText))));
|
|
26557
26611
|
};
|
|
26558
26612
|
var Heading$3 = styled.h3(templateObject_1$3 || (templateObject_1$3 = __makeTemplateObject(["\n margin-bottom: 24px;\n"], ["\n margin-bottom: 24px;\n"])));
|
|
26559
|
-
var ImageContainer$3 = styled(ButtonsRow
|
|
26560
|
-
var StyledButtonsRow$3 = styled(ButtonsRow
|
|
26613
|
+
var ImageContainer$3 = styled(ButtonsRow)(templateObject_2$3 || (templateObject_2$3 = __makeTemplateObject(["\n max-height: calc(100vh - 185px);\n"], ["\n max-height: calc(100vh - 185px);\n"])));
|
|
26614
|
+
var StyledButtonsRow$3 = styled(ButtonsRow)(templateObject_3$3 || (templateObject_3$3 = __makeTemplateObject(["\n margin-top: 24px;\n"], ["\n margin-top: 24px;\n"])));
|
|
26561
26615
|
var templateObject_1$3, templateObject_2$3, templateObject_3$3;
|
|
26562
26616
|
|
|
26563
26617
|
var CustomerVerificationFailure = function CustomerVerificationFailure(_a) {
|
|
@@ -26608,12 +26662,13 @@
|
|
|
26608
26662
|
}, verbiage.exitBtnText))));
|
|
26609
26663
|
};
|
|
26610
26664
|
var Heading$2 = styled.h3(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject(["\n margin-bottom: 24px;\n"], ["\n margin-bottom: 24px;\n"])));
|
|
26611
|
-
var ImageContainer$2 = styled(ButtonsRow
|
|
26612
|
-
var StyledButtonsRow$2 = styled(ButtonsRow
|
|
26665
|
+
var ImageContainer$2 = styled(ButtonsRow)(templateObject_2$2 || (templateObject_2$2 = __makeTemplateObject(["\n max-height: calc(100vh - 185px);\n"], ["\n max-height: calc(100vh - 185px);\n"])));
|
|
26666
|
+
var StyledButtonsRow$2 = styled(ButtonsRow)(templateObject_3$2 || (templateObject_3$2 = __makeTemplateObject(["\n margin-top: 24px;\n"], ["\n margin-top: 24px;\n"])));
|
|
26613
26667
|
var templateObject_1$2, templateObject_2$2, templateObject_3$2;
|
|
26614
26668
|
|
|
26615
26669
|
var ALLOWED_RETRIES$2 = 2;
|
|
26616
26670
|
var CustomerVerificationWizard = function CustomerVerificationWizard(_a) {
|
|
26671
|
+
var _b;
|
|
26617
26672
|
var onComplete = _a.onComplete,
|
|
26618
26673
|
onCustomerMatched = _a.onCustomerMatched,
|
|
26619
26674
|
onCustomerNotMatched = _a.onCustomerNotMatched,
|
|
@@ -26622,33 +26677,33 @@
|
|
|
26622
26677
|
onUserCancel = _a.onUserCancel,
|
|
26623
26678
|
onCaptureGuidanceTimeout = _a.onCaptureGuidanceTimeout,
|
|
26624
26679
|
captureGuidanceTimeoutDurationMs = _a.captureGuidanceTimeoutDurationMs,
|
|
26625
|
-
|
|
26626
|
-
skipSuccessScreen =
|
|
26627
|
-
|
|
26628
|
-
loadingOverlayMode =
|
|
26629
|
-
|
|
26630
|
-
assets =
|
|
26631
|
-
|
|
26632
|
-
classNames =
|
|
26633
|
-
|
|
26634
|
-
colors =
|
|
26635
|
-
|
|
26636
|
-
verbiage =
|
|
26637
|
-
|
|
26638
|
-
debugMode =
|
|
26639
|
-
var
|
|
26640
|
-
submissionRequest =
|
|
26641
|
-
submissionResponse =
|
|
26642
|
-
selfieImage =
|
|
26643
|
-
var
|
|
26644
|
-
captureState =
|
|
26645
|
-
setCaptureState =
|
|
26646
|
-
var
|
|
26647
|
-
cameraAccessDenied =
|
|
26648
|
-
releaseCameraAccess =
|
|
26649
|
-
var
|
|
26650
|
-
start =
|
|
26651
|
-
stop =
|
|
26680
|
+
_c = _a.skipSuccessScreen,
|
|
26681
|
+
skipSuccessScreen = _c === void 0 ? false : _c,
|
|
26682
|
+
_d = _a.loadingOverlayMode,
|
|
26683
|
+
loadingOverlayMode = _d === void 0 ? 'default' : _d,
|
|
26684
|
+
_e = _a.assets,
|
|
26685
|
+
assets = _e === void 0 ? {} : _e,
|
|
26686
|
+
_f = _a.classNames,
|
|
26687
|
+
classNames = _f === void 0 ? {} : _f,
|
|
26688
|
+
_g = _a.colors,
|
|
26689
|
+
colors = _g === void 0 ? {} : _g,
|
|
26690
|
+
_h = _a.verbiage,
|
|
26691
|
+
verbiage = _h === void 0 ? {} : _h,
|
|
26692
|
+
_j = _a.debugMode,
|
|
26693
|
+
debugMode = _j === void 0 ? false : _j;
|
|
26694
|
+
var _k = React.useContext(SubmissionContext),
|
|
26695
|
+
submissionRequest = _k.submissionRequest,
|
|
26696
|
+
submissionResponse = _k.submissionResponse,
|
|
26697
|
+
selfieImage = _k.selfieImage;
|
|
26698
|
+
var _l = React.useState('LOADING'),
|
|
26699
|
+
captureState = _l[0],
|
|
26700
|
+
setCaptureState = _l[1];
|
|
26701
|
+
var _m = useCameraStore(),
|
|
26702
|
+
cameraAccessDenied = _m.cameraAccessDenied,
|
|
26703
|
+
releaseCameraAccess = _m.releaseCameraAccess;
|
|
26704
|
+
var _o = React.useContext(SelfieGuidanceModelsContext),
|
|
26705
|
+
start = _o.start,
|
|
26706
|
+
stop = _o.stop;
|
|
26652
26707
|
React.useEffect(function () {
|
|
26653
26708
|
if (captureState !== 'CAPTURING') return;
|
|
26654
26709
|
start();
|
|
@@ -26678,9 +26733,9 @@
|
|
|
26678
26733
|
setCaptureState('FAILED');
|
|
26679
26734
|
onCaptureGuidanceTimeout === null || onCaptureGuidanceTimeout === void 0 ? void 0 : onCaptureGuidanceTimeout();
|
|
26680
26735
|
}, [onCaptureGuidanceTimeout]);
|
|
26681
|
-
var
|
|
26682
|
-
attempt =
|
|
26683
|
-
setAttempt =
|
|
26736
|
+
var _p = React.useState(0),
|
|
26737
|
+
attempt = _p[0],
|
|
26738
|
+
setAttempt = _p[1];
|
|
26684
26739
|
var onExitCallback = React.useCallback(function () {
|
|
26685
26740
|
setAttempt(function (n) {
|
|
26686
26741
|
return n + 1;
|
|
@@ -26701,7 +26756,9 @@
|
|
|
26701
26756
|
setCaptureState('LOADING');
|
|
26702
26757
|
}
|
|
26703
26758
|
}, [cameraAccessDenied]);
|
|
26704
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(
|
|
26759
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(PageContainer, {
|
|
26760
|
+
className: "flex ".concat((_b = classNames.container) !== null && _b !== void 0 ? _b : '')
|
|
26761
|
+
}, /*#__PURE__*/React.createElement(CameraVideoTag, {
|
|
26705
26762
|
className: classNames.cameraFeed
|
|
26706
26763
|
}), captureState !== 'LOADING' && function () {
|
|
26707
26764
|
switch (captureState) {
|
|
@@ -26752,7 +26809,7 @@
|
|
|
26752
26809
|
default:
|
|
26753
26810
|
return null;
|
|
26754
26811
|
}
|
|
26755
|
-
}(), /*#__PURE__*/React.createElement(SelfieCaptureLoadingOverlay, {
|
|
26812
|
+
}()), /*#__PURE__*/React.createElement(SelfieCaptureLoadingOverlay, {
|
|
26756
26813
|
key: attempt,
|
|
26757
26814
|
mode: loadingOverlayMode,
|
|
26758
26815
|
assets: assets.loadingOverlay,
|
|
@@ -26868,8 +26925,6 @@
|
|
|
26868
26925
|
autoStart: false,
|
|
26869
26926
|
onModelError: onModelError,
|
|
26870
26927
|
modelLoadTimeoutMs: modelLoadTimeoutMs
|
|
26871
|
-
}, /*#__PURE__*/React.createElement(SdkPage, {
|
|
26872
|
-
className: classNames === null || classNames === void 0 ? void 0 : classNames.container
|
|
26873
26928
|
}, /*#__PURE__*/React.createElement(CustomerVerificationWizard, {
|
|
26874
26929
|
onComplete: onComplete,
|
|
26875
26930
|
onCustomerMatched: onCustomerMatched,
|
|
@@ -26885,7 +26940,7 @@
|
|
|
26885
26940
|
colors: colors,
|
|
26886
26941
|
verbiage: verbiage,
|
|
26887
26942
|
debugMode: debugMode
|
|
26888
|
-
}))))))
|
|
26943
|
+
}))))));
|
|
26889
26944
|
};
|
|
26890
26945
|
|
|
26891
26946
|
var ALLOWED_RETRIES$1 = 0;
|
|
@@ -27126,8 +27181,8 @@
|
|
|
27126
27181
|
}, verbiage.doneBtnText))));
|
|
27127
27182
|
};
|
|
27128
27183
|
var Heading$1 = styled.h3(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject(["\n margin-bottom: 24px;\n"], ["\n margin-bottom: 24px;\n"])));
|
|
27129
|
-
var ImageContainer$1 = styled(ButtonsRow
|
|
27130
|
-
var StyledButtonsRow$1 = styled(ButtonsRow
|
|
27184
|
+
var ImageContainer$1 = styled(ButtonsRow)(templateObject_2$1 || (templateObject_2$1 = __makeTemplateObject(["\n max-height: calc(100vh - 185px);\n"], ["\n max-height: calc(100vh - 185px);\n"])));
|
|
27185
|
+
var StyledButtonsRow$1 = styled(ButtonsRow)(templateObject_3$1 || (templateObject_3$1 = __makeTemplateObject(["\n margin-top: 24px;\n"], ["\n margin-top: 24px;\n"])));
|
|
27131
27186
|
var templateObject_1$1, templateObject_2$1, templateObject_3$1;
|
|
27132
27187
|
|
|
27133
27188
|
var CustomerIdentificationFailure = function CustomerIdentificationFailure(_a) {
|
|
@@ -27178,12 +27233,13 @@
|
|
|
27178
27233
|
}, verbiage.exitBtnText))));
|
|
27179
27234
|
};
|
|
27180
27235
|
var Heading = styled.h3(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n margin-bottom: 24px;\n"], ["\n margin-bottom: 24px;\n"])));
|
|
27181
|
-
var ImageContainer = styled(ButtonsRow
|
|
27182
|
-
var StyledButtonsRow = styled(ButtonsRow
|
|
27236
|
+
var ImageContainer = styled(ButtonsRow)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n max-height: calc(100vh - 185px);\n"], ["\n max-height: calc(100vh - 185px);\n"])));
|
|
27237
|
+
var StyledButtonsRow = styled(ButtonsRow)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n margin-top: 24px;\n"], ["\n margin-top: 24px;\n"])));
|
|
27183
27238
|
var templateObject_1, templateObject_2, templateObject_3;
|
|
27184
27239
|
|
|
27185
27240
|
var ALLOWED_RETRIES = 2;
|
|
27186
27241
|
var CustomerIdentificationWizard = function CustomerIdentificationWizard(_a) {
|
|
27242
|
+
var _b;
|
|
27187
27243
|
var onComplete = _a.onComplete,
|
|
27188
27244
|
onCustomerMatched = _a.onCustomerMatched,
|
|
27189
27245
|
onCustomerNotMatched = _a.onCustomerNotMatched,
|
|
@@ -27192,33 +27248,33 @@
|
|
|
27192
27248
|
onUserCancel = _a.onUserCancel,
|
|
27193
27249
|
onCaptureGuidanceTimeout = _a.onCaptureGuidanceTimeout,
|
|
27194
27250
|
captureGuidanceTimeoutDurationMs = _a.captureGuidanceTimeoutDurationMs,
|
|
27195
|
-
|
|
27196
|
-
skipSuccessScreen =
|
|
27197
|
-
|
|
27198
|
-
loadingOverlayMode =
|
|
27199
|
-
|
|
27200
|
-
assets =
|
|
27201
|
-
|
|
27202
|
-
classNames =
|
|
27203
|
-
|
|
27204
|
-
colors =
|
|
27205
|
-
|
|
27206
|
-
verbiage =
|
|
27207
|
-
|
|
27208
|
-
debugMode =
|
|
27209
|
-
var
|
|
27210
|
-
submissionResponse =
|
|
27211
|
-
submissionRequest =
|
|
27212
|
-
selfieImage =
|
|
27213
|
-
var
|
|
27214
|
-
captureState =
|
|
27215
|
-
setCaptureState =
|
|
27216
|
-
var
|
|
27217
|
-
cameraAccessDenied =
|
|
27218
|
-
releaseCameraAccess =
|
|
27219
|
-
var
|
|
27220
|
-
start =
|
|
27221
|
-
stop =
|
|
27251
|
+
_c = _a.skipSuccessScreen,
|
|
27252
|
+
skipSuccessScreen = _c === void 0 ? false : _c,
|
|
27253
|
+
_d = _a.loadingOverlayMode,
|
|
27254
|
+
loadingOverlayMode = _d === void 0 ? 'default' : _d,
|
|
27255
|
+
_e = _a.assets,
|
|
27256
|
+
assets = _e === void 0 ? {} : _e,
|
|
27257
|
+
_f = _a.classNames,
|
|
27258
|
+
classNames = _f === void 0 ? {} : _f,
|
|
27259
|
+
_g = _a.colors,
|
|
27260
|
+
colors = _g === void 0 ? {} : _g,
|
|
27261
|
+
_h = _a.verbiage,
|
|
27262
|
+
verbiage = _h === void 0 ? {} : _h,
|
|
27263
|
+
_j = _a.debugMode,
|
|
27264
|
+
debugMode = _j === void 0 ? false : _j;
|
|
27265
|
+
var _k = React.useContext(SubmissionContext),
|
|
27266
|
+
submissionResponse = _k.submissionResponse,
|
|
27267
|
+
submissionRequest = _k.submissionRequest,
|
|
27268
|
+
selfieImage = _k.selfieImage;
|
|
27269
|
+
var _l = React.useState('LOADING'),
|
|
27270
|
+
captureState = _l[0],
|
|
27271
|
+
setCaptureState = _l[1];
|
|
27272
|
+
var _m = useCameraStore(),
|
|
27273
|
+
cameraAccessDenied = _m.cameraAccessDenied,
|
|
27274
|
+
releaseCameraAccess = _m.releaseCameraAccess;
|
|
27275
|
+
var _o = React.useContext(SelfieGuidanceModelsContext),
|
|
27276
|
+
start = _o.start,
|
|
27277
|
+
stop = _o.stop;
|
|
27222
27278
|
React.useEffect(function () {
|
|
27223
27279
|
if (captureState !== 'CAPTURING') return;
|
|
27224
27280
|
start();
|
|
@@ -27248,9 +27304,9 @@
|
|
|
27248
27304
|
setCaptureState('FAILED');
|
|
27249
27305
|
onCaptureGuidanceTimeout === null || onCaptureGuidanceTimeout === void 0 ? void 0 : onCaptureGuidanceTimeout();
|
|
27250
27306
|
}, [onCaptureGuidanceTimeout]);
|
|
27251
|
-
var
|
|
27252
|
-
attempt =
|
|
27253
|
-
setAttempt =
|
|
27307
|
+
var _p = React.useState(0),
|
|
27308
|
+
attempt = _p[0],
|
|
27309
|
+
setAttempt = _p[1];
|
|
27254
27310
|
var onExitCallback = React.useCallback(function () {
|
|
27255
27311
|
setAttempt(function (n) {
|
|
27256
27312
|
return n + 1;
|
|
@@ -27271,7 +27327,9 @@
|
|
|
27271
27327
|
setCaptureState('LOADING');
|
|
27272
27328
|
}
|
|
27273
27329
|
}, [cameraAccessDenied]);
|
|
27274
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(
|
|
27330
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(PageContainer, {
|
|
27331
|
+
className: "flex ".concat((_b = classNames.container) !== null && _b !== void 0 ? _b : '')
|
|
27332
|
+
}, /*#__PURE__*/React.createElement(CameraVideoTag, {
|
|
27275
27333
|
className: classNames.cameraFeed
|
|
27276
27334
|
}), captureState !== 'LOADING' && function () {
|
|
27277
27335
|
switch (captureState) {
|
|
@@ -27322,7 +27380,7 @@
|
|
|
27322
27380
|
default:
|
|
27323
27381
|
return null;
|
|
27324
27382
|
}
|
|
27325
|
-
}(), /*#__PURE__*/React.createElement(SelfieCaptureLoadingOverlay, {
|
|
27383
|
+
}()), /*#__PURE__*/React.createElement(SelfieCaptureLoadingOverlay, {
|
|
27326
27384
|
key: attempt,
|
|
27327
27385
|
mode: loadingOverlayMode,
|
|
27328
27386
|
assets: assets.loadingOverlay,
|
|
@@ -27436,8 +27494,6 @@
|
|
|
27436
27494
|
autoStart: false,
|
|
27437
27495
|
modelLoadTimeoutMs: modelLoadTimeoutMs,
|
|
27438
27496
|
onModelError: onModelError
|
|
27439
|
-
}, /*#__PURE__*/React.createElement(SdkPage, {
|
|
27440
|
-
className: classNames === null || classNames === void 0 ? void 0 : classNames.container
|
|
27441
27497
|
}, /*#__PURE__*/React.createElement(CustomerIdentificationWizard, {
|
|
27442
27498
|
onComplete: onComplete,
|
|
27443
27499
|
onCustomerMatched: onCustomerMatched,
|
|
@@ -27454,7 +27510,7 @@
|
|
|
27454
27510
|
colors: colors,
|
|
27455
27511
|
verbiage: verbiage,
|
|
27456
27512
|
debugMode: debugMode
|
|
27457
|
-
}))))))
|
|
27513
|
+
}))))));
|
|
27458
27514
|
};
|
|
27459
27515
|
|
|
27460
27516
|
/** Render a fullscreen capture component that captures a video of the user signing the screen. */
|
|
@@ -27536,8 +27592,6 @@
|
|
|
27536
27592
|
geolocationEnabled: geolocationEnabled,
|
|
27537
27593
|
geolocationRequired: geolocationRequired,
|
|
27538
27594
|
useDocumentServiceForLivenessChecks: useDocumentServiceForLivenessChecks
|
|
27539
|
-
}, /*#__PURE__*/React.createElement(SdkPage, {
|
|
27540
|
-
className: classNames === null || classNames === void 0 ? void 0 : classNames.container
|
|
27541
27595
|
}, /*#__PURE__*/React.createElement(CompositeWizard, {
|
|
27542
27596
|
debugMode: debugMode,
|
|
27543
27597
|
checks: React.useMemo(function () {
|
|
@@ -27565,7 +27619,7 @@
|
|
|
27565
27619
|
onUserCancel: onUserCancel
|
|
27566
27620
|
};
|
|
27567
27621
|
}, [customOverlayContent, onLoadingOverlayDismissed, loadingOverlayMode, skipSuccessScreen, captureAudio, minSignaturePadPoints, modelLoadTimeoutMs, faceLivenessProps, allowSignatureAfterLivenessCheckFailure, restartVideoOnSignaturePadCleared, classNames, colors, debugMode, verbiage, onModelError, onUserCancel])
|
|
27568
|
-
}))))
|
|
27622
|
+
}))));
|
|
27569
27623
|
};
|
|
27570
27624
|
|
|
27571
27625
|
/**
|
|
@@ -27787,8 +27841,6 @@
|
|
|
27787
27841
|
geolocationEnabled: geolocationEnabled,
|
|
27788
27842
|
geolocationRequired: geolocationRequired,
|
|
27789
27843
|
useDocumentServiceForLivenessChecks: useDocumentServiceForLivenessChecks
|
|
27790
|
-
}, /*#__PURE__*/React.createElement(SdkPage, {
|
|
27791
|
-
className: classNames === null || classNames === void 0 ? void 0 : classNames.container
|
|
27792
27844
|
}, /*#__PURE__*/React.createElement(CompositeWizard, {
|
|
27793
27845
|
checks: React.useMemo(function () {
|
|
27794
27846
|
return ['VideoIdCapture'];
|
|
@@ -27803,7 +27855,7 @@
|
|
|
27803
27855
|
onCameraTamperingDetected: onCameraTamperingDetected,
|
|
27804
27856
|
onMicrophoneAccessDenied: onMicrophoneAccessDenied,
|
|
27805
27857
|
debugMode: debugMode
|
|
27806
|
-
}))))
|
|
27858
|
+
}))));
|
|
27807
27859
|
};
|
|
27808
27860
|
|
|
27809
27861
|
/** 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. */
|
|
@@ -27967,8 +28019,6 @@
|
|
|
27967
28019
|
geolocationEnabled: geolocationEnabled,
|
|
27968
28020
|
geolocationRequired: geolocationRequired,
|
|
27969
28021
|
useDocumentServiceForLivenessChecks: useDocumentServiceForLivenessChecks
|
|
27970
|
-
}, /*#__PURE__*/React.createElement(SdkPage, {
|
|
27971
|
-
className: classNames === null || classNames === void 0 ? void 0 : classNames.container
|
|
27972
28022
|
}, /*#__PURE__*/React.createElement(CompositeWizard, {
|
|
27973
28023
|
checks: React.useMemo(function () {
|
|
27974
28024
|
return ['FaceLiveness'];
|
|
@@ -27982,7 +28032,7 @@
|
|
|
27982
28032
|
onCameraAccessDenied: onCameraAccessDenied,
|
|
27983
28033
|
onCameraTamperingDetected: onCameraTamperingDetected,
|
|
27984
28034
|
debugMode: debugMode
|
|
27985
|
-
}))))
|
|
28035
|
+
}))));
|
|
27986
28036
|
};
|
|
27987
28037
|
|
|
27988
28038
|
/**
|
|
@@ -28055,8 +28105,6 @@
|
|
|
28055
28105
|
onCameraTamperingDetected: onCameraTamperingDetected,
|
|
28056
28106
|
classNames: classNames === null || classNames === void 0 ? void 0 : classNames.cameraStoreProvider,
|
|
28057
28107
|
verbiage: verbiage === null || verbiage === void 0 ? void 0 : verbiage.cameraStoreProvider
|
|
28058
|
-
}, /*#__PURE__*/React.createElement(SdkPage, {
|
|
28059
|
-
className: classNames === null || classNames === void 0 ? void 0 : classNames.container
|
|
28060
28108
|
}, /*#__PURE__*/React.createElement(DocumentCaptureWizard, {
|
|
28061
28109
|
onSuccess: onComplete,
|
|
28062
28110
|
onExitCapture: onExitCapture,
|
|
@@ -28067,7 +28115,7 @@
|
|
|
28067
28115
|
instructions: instructions,
|
|
28068
28116
|
classNames: classNames,
|
|
28069
28117
|
verbiage: verbiage
|
|
28070
|
-
})))))
|
|
28118
|
+
})))));
|
|
28071
28119
|
};
|
|
28072
28120
|
|
|
28073
28121
|
initializeI18n();
|