idmission-web-sdk 2.2.172 → 2.2.174
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/CompositeWizard.d.ts.map +1 -1
- package/dist/components/common/SdkPage.d.ts +18 -0
- package/dist/components/common/SdkPage.d.ts.map +1 -0
- package/dist/components/common/debug.d.ts.map +1 -1
- package/dist/components/common/overlay.d.ts +29 -26
- package/dist/components/common/overlay.d.ts.map +1 -1
- package/dist/components/common/spinner.d.ts +4 -1
- package/dist/components/common/spinner.d.ts.map +1 -1
- package/dist/components/customer_flows/CustomerBiometricsEnrollment.d.ts +1 -0
- package/dist/components/customer_flows/CustomerBiometricsEnrollment.d.ts.map +1 -1
- package/dist/components/customer_flows/CustomerIdAndBiometricsEnrollment.d.ts +1 -0
- package/dist/components/customer_flows/CustomerIdAndBiometricsEnrollment.d.ts.map +1 -1
- package/dist/components/customer_flows/CustomerIdentification.d.ts.map +1 -1
- package/dist/components/customer_flows/CustomerVerification.d.ts.map +1 -1
- package/dist/components/customer_flows/DocumentCapture.d.ts.map +1 -1
- package/dist/components/customer_flows/FaceValidation.d.ts +3 -1
- package/dist/components/customer_flows/FaceValidation.d.ts.map +1 -1
- package/dist/components/customer_flows/IdAndFaceValidation.d.ts +1 -0
- package/dist/components/customer_flows/IdAndFaceValidation.d.ts.map +1 -1
- package/dist/components/customer_flows/IdValidation.d.ts.map +1 -1
- package/dist/components/customer_flows/SignatureKYC.d.ts.map +1 -1
- package/dist/components/customer_flows/VideoIdValidation.d.ts +1 -0
- package/dist/components/customer_flows/VideoIdValidation.d.ts.map +1 -1
- package/dist/components/customer_identification/CustomerIdentificationWizard.d.ts.map +1 -1
- package/dist/components/customer_verification/CustomerVerificationWizard.d.ts.map +1 -1
- package/dist/components/document_capture/DocumentCaptureScreen.d.ts.map +1 -1
- package/dist/components/face_liveness/FaceCaptureGuideOverlay.d.ts.map +1 -1
- package/dist/components/face_liveness/FaceLivenessWizard.d.ts.map +1 -1
- package/dist/components/id_capture/IdCapture.d.ts.map +1 -1
- package/dist/components/id_capture/IdCaptureGuideOverlay.d.ts.map +1 -1
- package/dist/components/id_capture/IdCaptureLoadingGraphic.d.ts +1 -1
- package/dist/components/id_capture/IdCaptureLoadingGraphic.d.ts.map +1 -1
- package/dist/components/id_capture/IdCaptureLoadingOverlayDefault.d.ts.map +1 -1
- package/dist/components/id_capture/IdCaptureWizard.d.ts.map +1 -1
- package/dist/components/selfie_capture/SelfieCapture.d.ts.map +1 -1
- package/dist/components/selfie_capture/SelfieCaptureLoadingGraphic.d.ts +1 -3
- package/dist/components/selfie_capture/SelfieCaptureLoadingGraphic.d.ts.map +1 -1
- package/dist/components/selfie_capture/SelfieCaptureLoadingOverlayDefault.d.ts.map +1 -1
- package/dist/components/video_id/IdVideoCaptureGuides.d.ts.map +1 -1
- package/dist/components/video_id/IdVideoCaptureWizard.d.ts +0 -1
- package/dist/components/video_id/IdVideoCaptureWizard.d.ts.map +1 -1
- package/dist/components/video_signature_capture/VideoSignatureCapture.d.ts.map +1 -1
- package/dist/components/video_signature_capture/VideoSignatureGuides.d.ts.map +1 -1
- package/dist/components/video_signature_capture/VideoSignatureWizard.d.ts.map +1 -1
- package/dist/sdk2.cjs.development.js +884 -923
- package/dist/sdk2.cjs.development.js.map +1 -1
- package/dist/sdk2.cjs.production.js +1 -1
- package/dist/sdk2.cjs.production.js.map +1 -1
- package/dist/sdk2.esm.js +886 -925
- package/dist/sdk2.esm.js.map +1 -1
- package/dist/sdk2.umd.development.js +887 -926
- package/dist/sdk2.umd.development.js.map +1 -1
- package/dist/sdk2.umd.production.js +1 -1
- package/dist/sdk2.umd.production.js.map +1 -1
- package/dist/themes/index.d.ts +3 -1
- package/dist/themes/index.d.ts.map +1 -1
- package/dist/version.d.ts +1 -1
- package/package.json +3 -3
- package/dist/components/common/Page.d.ts +0 -13
- package/dist/components/common/Page.d.ts.map +0 -1
package/dist/sdk2.esm.js
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import React__default, {
|
|
2
|
+
import React__default, { useRef, useState, useEffect, useContext, createContext, useReducer, useCallback, useMemo, useLayoutEffect, forwardRef } from 'react';
|
|
3
3
|
import * as ReactDOM from 'react-dom/client';
|
|
4
4
|
import platform from 'platform';
|
|
5
|
-
import styled, {
|
|
5
|
+
import styled, { keyframes, useTheme, ThemeProvider as ThemeProvider$1 } from 'styled-components';
|
|
6
|
+
import { createPortal } from 'react-dom';
|
|
6
7
|
import { useTranslation, initReactI18next } from 'react-i18next';
|
|
7
8
|
import { Upload } from 'tus-js-client';
|
|
8
9
|
import SparkMD5 from 'spark-md5';
|
|
@@ -13,7 +14,6 @@ import i18n from 'i18next';
|
|
|
13
14
|
import { useDebouncedCallback, useThrottledCallback } from 'use-debounce';
|
|
14
15
|
import { devtools } from 'zustand/middleware';
|
|
15
16
|
import { useShallow } from 'zustand/react/shallow';
|
|
16
|
-
import { createPortal } from 'react-dom';
|
|
17
17
|
import cn from 'clsx';
|
|
18
18
|
import SignatureCanvas from 'react-signature-canvas';
|
|
19
19
|
|
|
@@ -204,7 +204,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
|
|
|
204
204
|
return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
|
|
205
205
|
};
|
|
206
206
|
|
|
207
|
-
var webSdkVersion = '2.2.
|
|
207
|
+
var webSdkVersion = '2.2.174';
|
|
208
208
|
|
|
209
209
|
function getPlatform() {
|
|
210
210
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
@@ -369,48 +369,6 @@ function videoDataUrlToB64(url) {
|
|
|
369
369
|
});
|
|
370
370
|
}
|
|
371
371
|
|
|
372
|
-
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) {
|
|
373
|
-
var _a;
|
|
374
|
-
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 ");
|
|
375
|
-
}, function (props) {
|
|
376
|
-
return props.theme.fontFamily ? "font-family: ".concat(props.theme.fontFamily, ";") : "";
|
|
377
|
-
});
|
|
378
|
-
var PageContainer = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
379
|
-
var children = _a.children,
|
|
380
|
-
className = _a.className,
|
|
381
|
-
_b = _a.heightOffset,
|
|
382
|
-
heightOffset = _b === void 0 ? 0 : _b,
|
|
383
|
-
style = _a.style,
|
|
384
|
-
onClick = _a.onClick;
|
|
385
|
-
var _c = useState(false),
|
|
386
|
-
dimensionsCalculated = _c[0],
|
|
387
|
-
setDimensionsCalculated = _c[1];
|
|
388
|
-
useEffect(function () {
|
|
389
|
-
if (typeof window === 'undefined') return;
|
|
390
|
-
setDimensionsCalculated(false);
|
|
391
|
-
var calcAppDimensions = function calcAppDimensions() {
|
|
392
|
-
var doc = document.documentElement;
|
|
393
|
-
doc.style.setProperty('--app-width', "".concat(window.innerWidth, "px"));
|
|
394
|
-
doc.style.setProperty('--app-height', "".concat(window.innerHeight, "px"));
|
|
395
|
-
};
|
|
396
|
-
window.addEventListener('resize', calcAppDimensions);
|
|
397
|
-
calcAppDimensions();
|
|
398
|
-
setDimensionsCalculated(true);
|
|
399
|
-
return function () {
|
|
400
|
-
window.removeEventListener('resize', calcAppDimensions);
|
|
401
|
-
};
|
|
402
|
-
}, []);
|
|
403
|
-
return /*#__PURE__*/React__default.createElement(PageContainerDiv, {
|
|
404
|
-
ref: ref,
|
|
405
|
-
style: style,
|
|
406
|
-
onClick: onClick,
|
|
407
|
-
className: className,
|
|
408
|
-
"$heightOffset": heightOffset
|
|
409
|
-
}, dimensionsCalculated && children);
|
|
410
|
-
});
|
|
411
|
-
PageContainer.displayName = 'PageContainer';
|
|
412
|
-
var templateObject_1$N;
|
|
413
|
-
|
|
414
372
|
var LoaderButton = function LoaderButton(_a) {
|
|
415
373
|
var children = _a.children,
|
|
416
374
|
className = _a.className,
|
|
@@ -466,29 +424,60 @@ var LoaderButton = function LoaderButton(_a) {
|
|
|
466
424
|
className: "ladda-label"
|
|
467
425
|
}, children));
|
|
468
426
|
};
|
|
469
|
-
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) {
|
|
427
|
+
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) {
|
|
470
428
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
|
|
471
429
|
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 ");
|
|
472
430
|
});
|
|
473
|
-
var templateObject_1$
|
|
431
|
+
var templateObject_1$O;
|
|
432
|
+
|
|
433
|
+
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"])));
|
|
434
|
+
var templateObject_1$N;
|
|
435
|
+
|
|
436
|
+
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) {
|
|
437
|
+
var $top = _a.$top;
|
|
438
|
+
return $top !== null && $top !== void 0 ? $top : '10vh';
|
|
439
|
+
}, function (_a) {
|
|
440
|
+
var $bottom = _a.$bottom;
|
|
441
|
+
return $bottom ? "bottom: ".concat($bottom, ";") : "";
|
|
442
|
+
});
|
|
443
|
+
var GuidanceMessageContainer = function GuidanceMessageContainer(props) {
|
|
444
|
+
var element = /*#__PURE__*/React__default.createElement(GuidanceMessageContainerDiv, _assign({}, props));
|
|
445
|
+
var portalLocation = document.getElementById('idmission-above-guides-content');
|
|
446
|
+
if (!portalLocation) return element;
|
|
447
|
+
return /*#__PURE__*/createPortal(element, portalLocation);
|
|
448
|
+
};
|
|
449
|
+
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) {
|
|
450
|
+
var _a, _b, _c, _d, _e, _f;
|
|
451
|
+
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';
|
|
452
|
+
}, function (props) {
|
|
453
|
+
var _a, _b, _c, _d, _e, _f;
|
|
454
|
+
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';
|
|
455
|
+
});
|
|
456
|
+
var templateObject_1$M, templateObject_2$E;
|
|
457
|
+
|
|
458
|
+
var wavesAnimation = keyframes(templateObject_1$L || (templateObject_1$L = __makeTemplateObject(["\n 0% {\n opacity: 0;\n transform: scale3d(1, 1, 1);\n }\n 80% {\n opacity: 1;\n }\n 100% {\n transform: scale3d(2, 2, 1);\n opacity: 0;\n }\n"], ["\n 0% {\n opacity: 0;\n transform: scale3d(1, 1, 1);\n }\n 80% {\n opacity: 1;\n }\n 100% {\n transform: scale3d(2, 2, 1);\n opacity: 0;\n }\n"])));
|
|
459
|
+
var progressBarAnimation = 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"])));
|
|
460
|
+
var dualRingSpinnerAnimation = 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"])));
|
|
461
|
+
var progressBorderAnimation = keyframes(templateObject_4$m || (templateObject_4$m = __makeTemplateObject(["\n to {\n stroke-dashoffset: 0;\n }\n"], ["\n to {\n stroke-dashoffset: 0;\n }\n"])));
|
|
462
|
+
var templateObject_1$L, templateObject_2$D, templateObject_3$s, templateObject_4$m;
|
|
474
463
|
|
|
475
|
-
var OverlayContainer = styled(
|
|
464
|
+
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) {
|
|
476
465
|
return props.theme.background ? "".concat(props.theme.background) : "white";
|
|
477
466
|
}, function (props) {
|
|
478
467
|
return props.theme.textColor ? "color: ".concat(props.theme.textColor, ";") : "";
|
|
479
468
|
});
|
|
480
|
-
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
|
|
469
|
+
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) {
|
|
481
470
|
var _a;
|
|
482
471
|
return (_a = props.theme.textAlign) !== null && _a !== void 0 ? _a : 'center';
|
|
483
472
|
}, function (props) {
|
|
484
473
|
return props.theme.padding ? "box-sizing: border-box; padding: ".concat(props.theme.padding, ";") : "";
|
|
485
474
|
});
|
|
486
|
-
var OverlayImageContainer = styled.div(templateObject_3$
|
|
487
|
-
var OverlayImageRow = styled.div(templateObject_4$
|
|
475
|
+
var OverlayImageContainer = styled.div(templateObject_3$r || (templateObject_3$r = __makeTemplateObject(["\n position: relative;\n display: flex;\n flex-grow: 1;\n padding-bottom: 25px;\n overflow: hidden;\n\n & > img,\n & > svg {\n margin: 0 auto;\n width: max-content;\n max-width: 100%;\n max-height: 100%;\n aspect-ratio: initial;\n object-fit: contain;\n display: block;\n }\n"], ["\n position: relative;\n display: flex;\n flex-grow: 1;\n padding-bottom: 25px;\n overflow: hidden;\n\n & > img,\n & > svg {\n margin: 0 auto;\n width: max-content;\n max-width: 100%;\n max-height: 100%;\n aspect-ratio: initial;\n object-fit: contain;\n display: block;\n }\n"])));
|
|
476
|
+
var OverlayImageRow = styled.div(templateObject_4$l || (templateObject_4$l = __makeTemplateObject(["\n display: flex;\n margin: auto;\n\n & > div {\n max-height: calc(100% - 320px);\n\n & > img {\n width: 100%;\n max-height: 100%;\n height: auto;\n object-fit: contain;\n }\n }\n"], ["\n display: flex;\n margin: auto;\n\n & > div {\n max-height: calc(100% - 320px);\n\n & > img {\n width: 100%;\n max-height: 100%;\n height: auto;\n object-fit: contain;\n }\n }\n"])));
|
|
488
477
|
var GrayOverlayContainer = styled(OverlayContainer)(templateObject_5$d || (templateObject_5$d = __makeTemplateObject(["\n background: #f7f6fb;\n"], ["\n background: #f7f6fb;\n"])));
|
|
489
478
|
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"])));
|
|
490
479
|
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"])));
|
|
491
|
-
var WideBorderButton = styled(WideButton)(templateObject_8$
|
|
480
|
+
var WideBorderButton = styled(WideButton)(templateObject_8$3 || (templateObject_8$3 = __makeTemplateObject(["\n color: ", ";\n background: ", ";\n border: 1px solid\n ", ";\n box-sizing: border-box;\n"], ["\n color: ", ";\n background: ", ";\n border: 1px solid\n ", ";\n box-sizing: border-box;\n"])), function (props) {
|
|
492
481
|
var _a, _b;
|
|
493
482
|
return (_b = (_a = props.colors) === null || _a === void 0 ? void 0 : _a.textColor) !== null && _b !== void 0 ? _b : 'black';
|
|
494
483
|
}, function (props) {
|
|
@@ -498,7 +487,26 @@ var WideBorderButton = styled(WideButton)(templateObject_8$4 || (templateObject_
|
|
|
498
487
|
var _a, _b;
|
|
499
488
|
return (_b = (_a = props.colors) === null || _a === void 0 ? void 0 : _a.borderColor) !== null && _b !== void 0 ? _b : 'var(--idm-color-secondary-500)';
|
|
500
489
|
});
|
|
501
|
-
var
|
|
490
|
+
var LoadingOverlayInner = styled(OverlayInner$2)(templateObject_9$3 || (templateObject_9$3 = __makeTemplateObject(["\n position: relative;\n height: 100%;\n display: flex;\n flex-direction: column;\n padding: 0;\n"], ["\n position: relative;\n height: 100%;\n display: flex;\n flex-direction: column;\n padding: 0;\n"])));
|
|
491
|
+
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) {
|
|
492
|
+
var _a;
|
|
493
|
+
return (_a = props.theme.textAlign) !== null && _a !== void 0 ? _a : 'center';
|
|
494
|
+
}, function (props) {
|
|
495
|
+
return props.theme.padding ? "box-sizing: border-box; padding: ".concat(props.theme.padding, ";") : "";
|
|
496
|
+
});
|
|
497
|
+
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"])));
|
|
498
|
+
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"])));
|
|
499
|
+
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"])));
|
|
500
|
+
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) {
|
|
501
|
+
return props.$progress;
|
|
502
|
+
});
|
|
503
|
+
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);
|
|
504
|
+
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"])));
|
|
505
|
+
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"])));
|
|
506
|
+
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"])));
|
|
507
|
+
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"])));
|
|
508
|
+
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"])));
|
|
509
|
+
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;
|
|
502
510
|
|
|
503
511
|
var GeolocationAccessDeniedOverlay = function GeolocationAccessDeniedOverlay(_a) {
|
|
504
512
|
var accessBlockedImageUrl = _a.accessBlockedImageUrl;
|
|
@@ -2127,7 +2135,7 @@ function getFrameDimensions(frame) {
|
|
|
2127
2135
|
return [frameWidth, frameHeight];
|
|
2128
2136
|
}
|
|
2129
2137
|
|
|
2130
|
-
var InvisibleCanvas = styled.canvas(templateObject_1$
|
|
2138
|
+
var InvisibleCanvas = styled.canvas(templateObject_1$J || (templateObject_1$J = __makeTemplateObject(["\n display: none;\n"], ["\n display: none;\n"])));
|
|
2131
2139
|
function drawToCanvas(canvas, frame, width, height) {
|
|
2132
2140
|
if (!canvas) return;
|
|
2133
2141
|
var ctx = canvas.getContext('2d');
|
|
@@ -2147,7 +2155,7 @@ function clearCanvas(canvas) {
|
|
|
2147
2155
|
var _a;
|
|
2148
2156
|
(_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);
|
|
2149
2157
|
}
|
|
2150
|
-
var templateObject_1$
|
|
2158
|
+
var templateObject_1$J;
|
|
2151
2159
|
|
|
2152
2160
|
function cropToShoulders(rawCanvas, cropCanvas, resizeCanvas, frame, face, quality, maxHeight) {
|
|
2153
2161
|
if (quality === void 0) {
|
|
@@ -5114,14 +5122,14 @@ function CameraTamperSeal(_a) {
|
|
|
5114
5122
|
className: classNames.message
|
|
5115
5123
|
}, messageText)));
|
|
5116
5124
|
}
|
|
5117
|
-
var StyledOverlayInner$4 = styled(OverlayInner$2)(templateObject_1$
|
|
5125
|
+
var StyledOverlayInner$4 = styled(OverlayInner$2)(templateObject_1$I || (templateObject_1$I = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
5118
5126
|
var StyledOverlayHeading = styled.h3(templateObject_2$B || (templateObject_2$B = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
5119
5127
|
function useCameraStore(selector) {
|
|
5120
5128
|
var store = useContext(CameraStoreContext);
|
|
5121
5129
|
if (!store) throw new Error('useCameraStore cannot be used without Provider');
|
|
5122
5130
|
return useStore(store, selector);
|
|
5123
5131
|
}
|
|
5124
|
-
var templateObject_1$
|
|
5132
|
+
var templateObject_1$I, templateObject_2$B;
|
|
5125
5133
|
|
|
5126
5134
|
var DocumentDetectionModelContext = /*#__PURE__*/createContext({
|
|
5127
5135
|
startDocumentDetection: function startDocumentDetection() {
|
|
@@ -6086,12 +6094,12 @@ function DebugStatsPane(_a) {
|
|
|
6086
6094
|
if (!portalLocation) return element;
|
|
6087
6095
|
return /*#__PURE__*/createPortal(element, portalLocation);
|
|
6088
6096
|
}
|
|
6089
|
-
var DebugStatsPaneDiv = styled.span(templateObject_1$
|
|
6090
|
-
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) {
|
|
6097
|
+
var DebugStatsPaneDiv = styled.span(templateObject_1$H || (templateObject_1$H = __makeTemplateObject(["\n font-size: 16px;\n font-family: monospace;\n position: absolute;\n left: 20px;\n bottom: 20px;\n margin-right: 20px;\n padding: 8px;\n color: limegreen;\n background: rgba(0, 0, 0, 0.5);\n z-index: 10002;\n"], ["\n font-size: 16px;\n font-family: monospace;\n position: absolute;\n left: 20px;\n bottom: 20px;\n margin-right: 20px;\n padding: 8px;\n color: limegreen;\n background: rgba(0, 0, 0, 0.5);\n z-index: 10002;\n"])));
|
|
6098
|
+
var ObjectDetectionDebugOverlayDiv = styled.div(templateObject_2$A || (templateObject_2$A = __makeTemplateObject(["\n position: absolute;\n z-index: 1001;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n max-width: 100%;\n max-height: 100%;\n overflow: hidden;\n ", "\n transform-style: preserve-3d;\n"], ["\n position: absolute;\n z-index: 1001;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n max-width: 100%;\n max-height: 100%;\n overflow: hidden;\n ", "\n transform-style: preserve-3d;\n"])), function (_a) {
|
|
6091
6099
|
var $flipX = _a.$flipX;
|
|
6092
6100
|
return $flipX ? 'transform: scaleX(-1);' : '';
|
|
6093
6101
|
});
|
|
6094
|
-
var ObjectDetectionDebugBox = styled.div(templateObject_3$
|
|
6102
|
+
var ObjectDetectionDebugBox = styled.div(templateObject_3$q || (templateObject_3$q = __makeTemplateObject(["\n font: 10px monospace;\n position: absolute;\n border: 3px solid ", ";\n color: ", ";\n ", "\n transform-style: preserve-3d;\n"], ["\n font: 10px monospace;\n position: absolute;\n border: 3px solid ", ";\n color: ", ";\n ", "\n transform-style: preserve-3d;\n"])), function (_a) {
|
|
6095
6103
|
var $color = _a.$color;
|
|
6096
6104
|
return $color !== null && $color !== void 0 ? $color : 'green';
|
|
6097
6105
|
}, function (_a) {
|
|
@@ -6101,7 +6109,7 @@ var ObjectDetectionDebugBox = styled.div(templateObject_3$r || (templateObject_3
|
|
|
6101
6109
|
var $flipX = _a.$flipX;
|
|
6102
6110
|
return $flipX ? 'transform: scaleX(-1);' : '';
|
|
6103
6111
|
});
|
|
6104
|
-
var FaceDetectionKeypointMarker = styled.div(templateObject_4$
|
|
6112
|
+
var FaceDetectionKeypointMarker = styled.div(templateObject_4$k || (templateObject_4$k = __makeTemplateObject(["\n position: absolute;\n width: 4px;\n height: 4px;\n border: 2px solid ", ";\n font: 10px monospace;\n color: ", ";\n border-radius: 50%;\n ", "\n transform-style: preserve-3d;\n"], ["\n position: absolute;\n width: 4px;\n height: 4px;\n border: 2px solid ", ";\n font: 10px monospace;\n color: ", ";\n border-radius: 50%;\n ", "\n transform-style: preserve-3d;\n"])), function (_a) {
|
|
6105
6113
|
var $color = _a.$color;
|
|
6106
6114
|
return $color !== null && $color !== void 0 ? $color : 'red';
|
|
6107
6115
|
}, function (_a) {
|
|
@@ -6292,29 +6300,7 @@ function SelfieCaptureFaceKeypoint(_a) {
|
|
|
6292
6300
|
}
|
|
6293
6301
|
});
|
|
6294
6302
|
}
|
|
6295
|
-
var templateObject_1$
|
|
6296
|
-
|
|
6297
|
-
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) {
|
|
6298
|
-
var $top = _a.$top;
|
|
6299
|
-
return $top !== null && $top !== void 0 ? $top : '10vh';
|
|
6300
|
-
}, function (_a) {
|
|
6301
|
-
var $bottom = _a.$bottom;
|
|
6302
|
-
return $bottom ? "bottom: ".concat($bottom, ";") : "";
|
|
6303
|
-
});
|
|
6304
|
-
var GuidanceMessageContainer = function GuidanceMessageContainer(props) {
|
|
6305
|
-
var element = /*#__PURE__*/React__default.createElement(GuidanceMessageContainerDiv, _assign({}, props));
|
|
6306
|
-
var portalLocation = document.getElementById('idmission-above-guides-content');
|
|
6307
|
-
if (!portalLocation) return element;
|
|
6308
|
-
return /*#__PURE__*/createPortal(element, portalLocation);
|
|
6309
|
-
};
|
|
6310
|
-
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) {
|
|
6311
|
-
var _a, _b, _c, _d, _e, _f;
|
|
6312
|
-
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';
|
|
6313
|
-
}, function (props) {
|
|
6314
|
-
var _a, _b, _c, _d, _e, _f;
|
|
6315
|
-
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';
|
|
6316
|
-
});
|
|
6317
|
-
var templateObject_1$H, templateObject_2$z;
|
|
6303
|
+
var templateObject_1$H, templateObject_2$A, templateObject_3$q, templateObject_4$k;
|
|
6318
6304
|
|
|
6319
6305
|
function OverrideWrongDocumentTypeGuidanceDialog(_a) {
|
|
6320
6306
|
var _b = _a.classNames,
|
|
@@ -6329,7 +6315,7 @@ function OverrideWrongDocumentTypeGuidanceDialog(_a) {
|
|
|
6329
6315
|
buttonText: 'OK'
|
|
6330
6316
|
});
|
|
6331
6317
|
if (!allowOverrideWrongDocumentTypeGuidance) return null;
|
|
6332
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
6318
|
+
return /*#__PURE__*/React__default.createElement(Container$3, {
|
|
6333
6319
|
className: classNames.container
|
|
6334
6320
|
}, /*#__PURE__*/React__default.createElement(InnerContainer, {
|
|
6335
6321
|
className: classNames.inner
|
|
@@ -6347,18 +6333,18 @@ function OverrideWrongDocumentTypeGuidanceDialog(_a) {
|
|
|
6347
6333
|
}
|
|
6348
6334
|
}, verbiage.buttonText))));
|
|
6349
6335
|
}
|
|
6350
|
-
var Container$
|
|
6336
|
+
var Container$3 = styled.div(templateObject_1$G || (templateObject_1$G = __makeTemplateObject(["\n position: fixed;\n left: 0;\n bottom: 0;\n width: 100%;\n background: ", ";\n color: ", ";\n display: flex;\n z-index: 100001;\n"], ["\n position: fixed;\n left: 0;\n bottom: 0;\n width: 100%;\n background: ", ";\n color: ", ";\n display: flex;\n z-index: 100001;\n"])), function (props) {
|
|
6351
6337
|
var _a, _b, _c;
|
|
6352
6338
|
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';
|
|
6353
6339
|
}, function (props) {
|
|
6354
6340
|
var _a, _b, _c;
|
|
6355
6341
|
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';
|
|
6356
6342
|
});
|
|
6357
|
-
var InnerContainer = styled.div(templateObject_2$
|
|
6358
|
-
var Message = styled.span(templateObject_3$
|
|
6359
|
-
var ButtonContainer = styled.div(templateObject_4$
|
|
6343
|
+
var InnerContainer = styled.div(templateObject_2$z || (templateObject_2$z = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n padding: 16px 24px;\n margin: auto 0;\n width: 100%;\n"], ["\n display: flex;\n flex-direction: row;\n padding: 16px 24px;\n margin: auto 0;\n width: 100%;\n"])));
|
|
6344
|
+
var Message = styled.span(templateObject_3$p || (templateObject_3$p = __makeTemplateObject(["\n display: block;\n margin: auto 12px auto 0;\n"], ["\n display: block;\n margin: auto 12px auto 0;\n"])));
|
|
6345
|
+
var ButtonContainer = styled.div(templateObject_4$j || (templateObject_4$j = __makeTemplateObject(["\n display: flex;\n margin-left: auto;\n"], ["\n display: flex;\n margin-left: auto;\n"])));
|
|
6360
6346
|
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"])));
|
|
6361
|
-
var templateObject_1$G, templateObject_2$
|
|
6347
|
+
var templateObject_1$G, templateObject_2$z, templateObject_3$p, templateObject_4$j, templateObject_5$c;
|
|
6362
6348
|
|
|
6363
6349
|
// This is a simplified version of https://github.com/ZeeCoder/use-resize-observer.
|
|
6364
6350
|
// We have removed all options and made it compliant with React Compiler/React 19.
|
|
@@ -6477,37 +6463,37 @@ function extractSize(entry, sizeType) {
|
|
|
6477
6463
|
}
|
|
6478
6464
|
|
|
6479
6465
|
var IdCapture = function IdCapture(_a) {
|
|
6480
|
-
var _b, _c, _d, _e, _f, _g
|
|
6466
|
+
var _b, _c, _d, _e, _f, _g;
|
|
6481
6467
|
var requiredDocumentType = _a.requiredDocumentType,
|
|
6482
|
-
|
|
6483
|
-
thresholds =
|
|
6468
|
+
_h = _a.thresholds,
|
|
6469
|
+
thresholds = _h === void 0 ? defaultIdCaptureThresholds : _h,
|
|
6484
6470
|
guidanceMessage = _a.guidanceMessage,
|
|
6485
6471
|
guidanceSatisfied = _a.guidanceSatisfied,
|
|
6486
6472
|
onCapture = _a.onCapture,
|
|
6487
|
-
|
|
6488
|
-
classNames =
|
|
6489
|
-
|
|
6490
|
-
colors =
|
|
6491
|
-
|
|
6492
|
-
rawVerbiage =
|
|
6493
|
-
|
|
6494
|
-
debugMode =
|
|
6495
|
-
var
|
|
6496
|
-
ref =
|
|
6497
|
-
|
|
6498
|
-
width =
|
|
6499
|
-
|
|
6500
|
-
height =
|
|
6473
|
+
_j = _a.classNames,
|
|
6474
|
+
classNames = _j === void 0 ? {} : _j,
|
|
6475
|
+
_k = _a.colors,
|
|
6476
|
+
colors = _k === void 0 ? {} : _k,
|
|
6477
|
+
_l = _a.verbiage,
|
|
6478
|
+
rawVerbiage = _l === void 0 ? {} : _l,
|
|
6479
|
+
_m = _a.debugMode,
|
|
6480
|
+
debugMode = _m === void 0 ? false : _m;
|
|
6481
|
+
var _o = useResizeObserver(),
|
|
6482
|
+
ref = _o.ref,
|
|
6483
|
+
_p = _o.width,
|
|
6484
|
+
width = _p === void 0 ? 1 : _p,
|
|
6485
|
+
_q = _o.height,
|
|
6486
|
+
height = _q === void 0 ? 1 : _q;
|
|
6501
6487
|
var state = useIdCaptureStore();
|
|
6502
|
-
var
|
|
6503
|
-
camera =
|
|
6504
|
-
isRearFacing =
|
|
6505
|
-
var
|
|
6506
|
-
modelsReady =
|
|
6507
|
-
setThresholds =
|
|
6508
|
-
detectionTime =
|
|
6509
|
-
focusPredictionTime =
|
|
6510
|
-
getBestFrame =
|
|
6488
|
+
var _r = useCameraStore(),
|
|
6489
|
+
camera = _r.camera,
|
|
6490
|
+
isRearFacing = _r.isRearFacing;
|
|
6491
|
+
var _s = useContext(IdCaptureModelsContext),
|
|
6492
|
+
modelsReady = _s.ready,
|
|
6493
|
+
setThresholds = _s.setThresholds,
|
|
6494
|
+
detectionTime = _s.detectionTime,
|
|
6495
|
+
focusPredictionTime = _s.focusPredictionTime,
|
|
6496
|
+
getBestFrame = _s.getBestFrame;
|
|
6511
6497
|
useEffect(function () {
|
|
6512
6498
|
return dispatchIdCaptureAction({
|
|
6513
6499
|
type: 'captureInitialized'
|
|
@@ -6580,11 +6566,6 @@ var IdCapture = function IdCapture(_a) {
|
|
|
6580
6566
|
var theme = useTheme();
|
|
6581
6567
|
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');
|
|
6582
6568
|
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');
|
|
6583
|
-
// console.log(
|
|
6584
|
-
// `${
|
|
6585
|
-
// documentTypeDisplayNames[state.detectedDocumentType]
|
|
6586
|
-
// } detected, hold still...`,
|
|
6587
|
-
// )
|
|
6588
6569
|
var verbiage = useTranslations(rawVerbiage, {
|
|
6589
6570
|
instructionText: 'Scan the front of ID',
|
|
6590
6571
|
processingIdCardText: 'ID card front captured.',
|
|
@@ -6609,12 +6590,12 @@ var IdCapture = function IdCapture(_a) {
|
|
|
6609
6590
|
var satisfied = state.isGoodFrame;
|
|
6610
6591
|
if (typeof guidanceSatisfied === 'boolean') satisfied = guidanceSatisfied;
|
|
6611
6592
|
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 : '');
|
|
6612
|
-
return /*#__PURE__*/React__default.createElement(
|
|
6593
|
+
return /*#__PURE__*/React__default.createElement("div", {
|
|
6613
6594
|
ref: ref,
|
|
6614
|
-
className:
|
|
6595
|
+
className: classNames.container
|
|
6615
6596
|
}, guidanceMessage !== '' && ( /*#__PURE__*/React__default.createElement(GuidanceMessageContainer, {
|
|
6616
6597
|
"$top": "",
|
|
6617
|
-
"$bottom": "12.
|
|
6598
|
+
"$bottom": "12.5%",
|
|
6618
6599
|
className: classNames.guidanceMessageContainer
|
|
6619
6600
|
}, /*#__PURE__*/React__default.createElement(GuidanceMessage, {
|
|
6620
6601
|
"$variant": satisfied ? 'positive' : 'default',
|
|
@@ -6662,7 +6643,7 @@ var CameraAccessDeniedOverlay = function CameraAccessDeniedOverlay(_a) {
|
|
|
6662
6643
|
className: "flex ".concat((_b = classNames.container) !== null && _b !== void 0 ? _b : '')
|
|
6663
6644
|
}, /*#__PURE__*/React__default.createElement(StyledOverlayInner$3, {
|
|
6664
6645
|
className: classNames.inner
|
|
6665
|
-
}, /*#__PURE__*/React__default.createElement(StyledOverlayImageContainer$
|
|
6646
|
+
}, /*#__PURE__*/React__default.createElement(StyledOverlayImageContainer$1, {
|
|
6666
6647
|
className: classNames.imageContainer
|
|
6667
6648
|
}, /*#__PURE__*/React__default.createElement("img", {
|
|
6668
6649
|
src: assets.imageUrl,
|
|
@@ -6681,10 +6662,10 @@ var CameraAccessDeniedOverlay = function CameraAccessDeniedOverlay(_a) {
|
|
|
6681
6662
|
}, verbiage.retryBtnText)));
|
|
6682
6663
|
};
|
|
6683
6664
|
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"])));
|
|
6684
|
-
var StyledOverlayImageContainer$
|
|
6685
|
-
var Description$4 = styled.p(templateObject_3$
|
|
6686
|
-
var RetryButton$1 = styled(LoaderButton)(templateObject_4$
|
|
6687
|
-
var templateObject_1$F, templateObject_2$
|
|
6665
|
+
var StyledOverlayImageContainer$1 = styled(OverlayImageContainer)(templateObject_2$y || (templateObject_2$y = __makeTemplateObject(["\n flex-grow: 0;\n"], ["\n flex-grow: 0;\n"])));
|
|
6666
|
+
var Description$4 = styled.p(templateObject_3$o || (templateObject_3$o = __makeTemplateObject(["\n line-height: 1.5;\n margin-bottom: 50px;\n"], ["\n line-height: 1.5;\n margin-bottom: 50px;\n"])));
|
|
6667
|
+
var RetryButton$1 = styled(LoaderButton)(templateObject_4$i || (templateObject_4$i = __makeTemplateObject(["\n width: 200px;\n margin: 0 auto;\n"], ["\n width: 200px;\n margin: 0 auto;\n"])));
|
|
6668
|
+
var templateObject_1$F, templateObject_2$y, templateObject_3$o, templateObject_4$i;
|
|
6688
6669
|
|
|
6689
6670
|
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"])));
|
|
6690
6671
|
var ExitCaptureButton = function ExitCaptureButton(_a) {
|
|
@@ -6732,23 +6713,16 @@ var ExitCaptureButton = function ExitCaptureButton(_a) {
|
|
|
6732
6713
|
};
|
|
6733
6714
|
var templateObject_1$E;
|
|
6734
6715
|
|
|
6735
|
-
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"])));
|
|
6736
|
-
var templateObject_1$D;
|
|
6737
|
-
|
|
6738
6716
|
function IdCaptureLoadingGraphic(props) {
|
|
6739
6717
|
var isMobile = window.innerHeight > window.innerWidth;
|
|
6740
6718
|
return isMobile ? ( /*#__PURE__*/React__default.createElement(IdCaptureLoadingGraphicMobile, _assign({}, props))) : ( /*#__PURE__*/React__default.createElement(IdCaptureLoadingGraphicDesktop, _assign({}, props)));
|
|
6741
6719
|
}
|
|
6742
6720
|
function IdCaptureLoadingGraphicDesktop(_a) {
|
|
6743
6721
|
var _b, _c, _d, _e, _f, _g;
|
|
6744
|
-
var
|
|
6745
|
-
|
|
6746
|
-
|
|
6747
|
-
|
|
6748
|
-
className = _a.className;
|
|
6749
|
-
var _k = useState(0),
|
|
6750
|
-
frame = _k[0],
|
|
6751
|
-
setFrame = _k[1];
|
|
6722
|
+
var className = _a.className;
|
|
6723
|
+
var _h = useState(0),
|
|
6724
|
+
frame = _h[0],
|
|
6725
|
+
setFrame = _h[1];
|
|
6752
6726
|
useEffect(function () {
|
|
6753
6727
|
var i = setInterval(function () {
|
|
6754
6728
|
setFrame(function (n) {
|
|
@@ -6764,8 +6738,6 @@ function IdCaptureLoadingGraphicDesktop(_a) {
|
|
|
6764
6738
|
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;
|
|
6765
6739
|
return /*#__PURE__*/React__default.createElement(LoadingGraphicWrapper, null, /*#__PURE__*/React__default.createElement(LoadingGraphicSvg, {
|
|
6766
6740
|
className: className,
|
|
6767
|
-
width: width,
|
|
6768
|
-
height: height,
|
|
6769
6741
|
"$frame": frame,
|
|
6770
6742
|
"$borderColor": accentColor,
|
|
6771
6743
|
viewBox: "0 0 698 452",
|
|
@@ -7214,21 +7186,21 @@ function IdCaptureLoadingGraphicMobile(_a) {
|
|
|
7214
7186
|
fill: "white"
|
|
7215
7187
|
}))));
|
|
7216
7188
|
}
|
|
7217
|
-
var LoadingGraphicWrapper = styled.div(templateObject_1$
|
|
7218
|
-
var LoadingGraphicSvg = styled.svg(templateObject_2$
|
|
7189
|
+
var LoadingGraphicWrapper = styled.div(templateObject_1$D || (templateObject_1$D = __makeTemplateObject(["\n display: flex;\n width: 100%;\n height: 100%;\n"], ["\n display: flex;\n width: 100%;\n height: 100%;\n"])));
|
|
7190
|
+
var LoadingGraphicSvg = styled.svg(templateObject_2$x || (templateObject_2$x = __makeTemplateObject(["\n margin: auto;\n transform: scale(\n ", "\n );\n transform-style: preserve-3d;\n transition:\n transform 0.2s linear,\n border-width 0.2s linear;\n border: ", "px solid\n ", ";\n max-height: 80%;\n max-width: 80%;\n"], ["\n margin: auto;\n transform: scale(\n ", "\n );\n transform-style: preserve-3d;\n transition:\n transform 0.2s linear,\n border-width 0.2s linear;\n border: ", "px solid\n ", ";\n max-height: 80%;\n max-width: 80%;\n"])), function (props) {
|
|
7219
7191
|
return props.$frame > 1 ? 1 : props.$frame === 1 ? 1.25 : 0.75;
|
|
7220
7192
|
}, function (props) {
|
|
7221
7193
|
return props.$frame >= 5 ? 10 : 0;
|
|
7222
7194
|
}, function (props) {
|
|
7223
7195
|
return props.$borderColor;
|
|
7224
7196
|
});
|
|
7225
|
-
var LoadingGraphicCardGroup = styled.g(templateObject_3$
|
|
7197
|
+
var LoadingGraphicCardGroup = styled.g(templateObject_3$n || (templateObject_3$n = __makeTemplateObject(["\n transform: translate(", ", 0);\n transform-style: preserve-3d;\n transition: transform 0.3s linear;\n"], ["\n transform: translate(", ", 0);\n transform-style: preserve-3d;\n transition: transform 0.3s linear;\n"])), function (props) {
|
|
7226
7198
|
return props.$offScreen ? '-500px' : '0';
|
|
7227
7199
|
});
|
|
7228
|
-
var LoadingGraphicPhoneGroup = styled.g(templateObject_4$
|
|
7200
|
+
var LoadingGraphicPhoneGroup = styled.g(templateObject_4$h || (templateObject_4$h = __makeTemplateObject(["\n transform: translate(", ", 0);\n transform-style: preserve-3d;\n transition: transform 0.3s linear;\n"], ["\n transform: translate(", ", 0);\n transform-style: preserve-3d;\n transition: transform 0.3s linear;\n"])), function (props) {
|
|
7229
7201
|
return props.$offScreen ? '40px' : '0';
|
|
7230
7202
|
});
|
|
7231
|
-
var templateObject_1$
|
|
7203
|
+
var templateObject_1$D, templateObject_2$x, templateObject_3$n, templateObject_4$h;
|
|
7232
7204
|
|
|
7233
7205
|
function LoadingListItemIndicator(_a) {
|
|
7234
7206
|
var _b = _a.state,
|
|
@@ -7279,12 +7251,6 @@ function LoadingListItemIndicator(_a) {
|
|
|
7279
7251
|
}))))));
|
|
7280
7252
|
}
|
|
7281
7253
|
|
|
7282
|
-
var wavesAnimation = 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"])));
|
|
7283
|
-
var progressBarAnimation = 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"])));
|
|
7284
|
-
var dualRingSpinnerAnimation = 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"])));
|
|
7285
|
-
var progressBorderAnimation = keyframes(templateObject_4$h || (templateObject_4$h = __makeTemplateObject(["\n to {\n stroke-dashoffset: 0;\n }\n"], ["\n to {\n stroke-dashoffset: 0;\n }\n"])));
|
|
7286
|
-
var templateObject_1$B, templateObject_2$v, templateObject_3$n, templateObject_4$h;
|
|
7287
|
-
|
|
7288
7254
|
var legacyInstructionImageUrl$1 = "".concat(DEFAULT_CDN_URL, "/WebSDK-Instruction-DL-Capture-3-Portrait.png");
|
|
7289
7255
|
var IdCaptureLoadingOverlayDefault = function IdCaptureLoadingOverlayDefault(_a) {
|
|
7290
7256
|
var _b, _c, _d, _e;
|
|
@@ -7365,13 +7331,10 @@ var IdCaptureLoadingOverlayDefault = function IdCaptureLoadingOverlayDefault(_a)
|
|
|
7365
7331
|
}, onUserCancel && ( /*#__PURE__*/React__default.createElement(ExitCaptureButton, {
|
|
7366
7332
|
onClick: onUserCancel,
|
|
7367
7333
|
className: classNames.cancelBtn
|
|
7368
|
-
})), customOverlayContent || ( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(
|
|
7334
|
+
})), customOverlayContent || ( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(LoadingOverlayHeader, null, /*#__PURE__*/React__default.createElement(LoadingOverlayGuidanceMessage, {
|
|
7369
7335
|
className: classNames.heading
|
|
7370
|
-
}, verbiage.headingText)), /*#__PURE__*/React__default.createElement(
|
|
7371
|
-
className: classNames.imageContainer
|
|
7372
|
-
style: {
|
|
7373
|
-
pointerEvents: 'none'
|
|
7374
|
-
}
|
|
7336
|
+
}, verbiage.headingText)), /*#__PURE__*/React__default.createElement(LoadingOverlayImageContainer, {
|
|
7337
|
+
className: classNames.imageContainer
|
|
7375
7338
|
}, (assets === null || assets === void 0 ? void 0 : assets.instructionImageUrl) && assets.instructionImageUrl !== legacyInstructionImageUrl$1 ? ( /*#__PURE__*/React__default.createElement(CustomLoadingGraphic$1, {
|
|
7376
7339
|
ref: imageRef,
|
|
7377
7340
|
alt: verbiage.headingText,
|
|
@@ -7395,27 +7358,27 @@ var IdCaptureLoadingOverlayDefault = function IdCaptureLoadingOverlayDefault(_a)
|
|
|
7395
7358
|
}), /*#__PURE__*/React__default.createElement("label", {
|
|
7396
7359
|
htmlFor: "use-continuity-camera",
|
|
7397
7360
|
className: classNames.continuityCameraCheckboxLabel
|
|
7398
|
-
}, verbiage.useContinuityCameraText)))), /*#__PURE__*/React__default.createElement(
|
|
7361
|
+
}, verbiage.useContinuityCameraText)))), /*#__PURE__*/React__default.createElement(ButtonsRow$1, {
|
|
7399
7362
|
className: classNames.buttonsRow
|
|
7400
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
7363
|
+
}, /*#__PURE__*/React__default.createElement(LoadingOverlayProgressContainer, {
|
|
7401
7364
|
className: classNames.progressContainer
|
|
7402
7365
|
}, /*#__PURE__*/React__default.createElement(ProgressBarBackground$1, {
|
|
7403
7366
|
className: classNames.progressBackground
|
|
7404
|
-
}), /*#__PURE__*/React__default.createElement(
|
|
7367
|
+
}), /*#__PURE__*/React__default.createElement(LoadingOverlayProgressBar, {
|
|
7405
7368
|
"$progress": modelDownloadProgress,
|
|
7406
7369
|
className: classNames.progressBar
|
|
7407
7370
|
}, /*#__PURE__*/React__default.createElement(ProgressIndicator$1, {
|
|
7408
7371
|
className: classNames.progressIndicator
|
|
7409
|
-
}))), /*#__PURE__*/React__default.createElement(
|
|
7372
|
+
}))), /*#__PURE__*/React__default.createElement(LoadingOverlayLoadingListContainer, {
|
|
7410
7373
|
className: classNames.loadingListContainer
|
|
7411
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
7374
|
+
}, /*#__PURE__*/React__default.createElement(LoadingOverlayLoadingList, {
|
|
7412
7375
|
className: classNames.loadingList
|
|
7413
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
7376
|
+
}, /*#__PURE__*/React__default.createElement(LoadingOverlayLoadingListItem, {
|
|
7414
7377
|
className: cn(classNames.loadingListItem, cameraReady ? 'done' : 'running')
|
|
7415
7378
|
}, /*#__PURE__*/React__default.createElement(LoadingListItemIndicator, {
|
|
7416
7379
|
className: classNames.loadingListItemIndicator,
|
|
7417
7380
|
state: cameraReady ? 'done' : 'running'
|
|
7418
|
-
}), cameraReady ? verbiage.cameraInitializedText : verbiage.cameraInitializingText), /*#__PURE__*/React__default.createElement(
|
|
7381
|
+
}), cameraReady ? verbiage.cameraInitializedText : verbiage.cameraInitializingText), /*#__PURE__*/React__default.createElement(LoadingOverlayLoadingListItem, {
|
|
7419
7382
|
className: cn(classNames.loadingListItem, sessionReady && modelsReady ? 'done' : 'running')
|
|
7420
7383
|
}, /*#__PURE__*/React__default.createElement(LoadingListItemIndicator, {
|
|
7421
7384
|
className: classNames.loadingListItemIndicator,
|
|
@@ -7434,52 +7397,34 @@ var IdCaptureLoadingOverlayDefault = function IdCaptureLoadingOverlayDefault(_a)
|
|
|
7434
7397
|
}
|
|
7435
7398
|
}, verbiage.continueText))))));
|
|
7436
7399
|
};
|
|
7437
|
-
var OverlayInner$1 = styled
|
|
7400
|
+
var OverlayInner$1 = styled(LoadingOverlayInner)(templateObject_1$C || (templateObject_1$C = __makeTemplateObject(["\n background: ", ";\n color: ", ";\n"], ["\n background: ", ";\n color: ", ";\n"])), function (props) {
|
|
7438
7401
|
var _a, _b, _c, _d;
|
|
7439
7402
|
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';
|
|
7440
7403
|
}, function (props) {
|
|
7441
7404
|
var _a, _b, _c, _d;
|
|
7442
7405
|
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';
|
|
7443
7406
|
});
|
|
7444
|
-
var
|
|
7445
|
-
|
|
7446
|
-
|
|
7447
|
-
|
|
7448
|
-
return props.theme.padding ? "box-sizing: border-box; padding: ".concat(props.theme.padding, ";") : "";
|
|
7449
|
-
});
|
|
7450
|
-
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"])));
|
|
7451
|
-
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"])));
|
|
7452
|
-
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"])));
|
|
7453
|
-
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"])));
|
|
7454
|
-
var ContinuityCameraCheckbox$1 = styled.input(templateObject_7$6 || (templateObject_7$6 = __makeTemplateObject(["\n margin-right: 8px;\n"], ["\n margin-right: 8px;\n"])));
|
|
7455
|
-
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) {
|
|
7407
|
+
var ContinuityCameraCheckboxContainer$1 = styled.div(templateObject_2$w || (templateObject_2$w = __makeTemplateObject(["\n position: absolute;\n bottom: 120px;\n width: 100%;\n display: flex;\n"], ["\n position: absolute;\n bottom: 120px;\n width: 100%;\n display: flex;\n"])));
|
|
7408
|
+
var ContinuityCameraCheckboxInner = styled(GuidanceMessage)(templateObject_3$m || (templateObject_3$m = __makeTemplateObject(["\n padding: 12px 18px;\n margin: 0 auto;\n font-size: 14px;\n font-weight: bold;\n background: white;\n box-shadow:\n 0 1px 3px 0 rgb(0 0 0 / 0.1),\n 0 1px 2px -1px rgb(0 0 0 / 0.1);\n"], ["\n padding: 12px 18px;\n margin: 0 auto;\n font-size: 14px;\n font-weight: bold;\n background: white;\n box-shadow:\n 0 1px 3px 0 rgb(0 0 0 / 0.1),\n 0 1px 2px -1px rgb(0 0 0 / 0.1);\n"])));
|
|
7409
|
+
var ContinuityCameraCheckbox$1 = styled.input(templateObject_4$g || (templateObject_4$g = __makeTemplateObject(["\n margin-right: 8px;\n"], ["\n margin-right: 8px;\n"])));
|
|
7410
|
+
var ButtonsRow$1 = styled(LoadingOverlayButtonsRow)(templateObject_5$b || (templateObject_5$b = __makeTemplateObject(["\n color: ", ";\n ", "\n"], ["\n color: ", ";\n ", "\n"])), function (props) {
|
|
7456
7411
|
var _a, _b, _c, _d;
|
|
7457
7412
|
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';
|
|
7458
7413
|
}, function (props) {
|
|
7459
7414
|
var _a, _b, _c, _d, _e, _f;
|
|
7460
7415
|
return ((_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.idCapture) === null || _b === void 0 ? void 0 : _b.loadingOverlay) === null || _c === void 0 ? void 0 : _c.progressBarFontSize) ? "font-size: ".concat((_f = (_e = (_d = props.theme) === null || _d === void 0 ? void 0 : _d.idCapture) === null || _e === void 0 ? void 0 : _e.loadingOverlay) === null || _f === void 0 ? void 0 : _f.progressBarFontSize, ";") : '';
|
|
7461
7416
|
});
|
|
7462
|
-
var
|
|
7463
|
-
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"])));
|
|
7464
|
-
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"])));
|
|
7465
|
-
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"])));
|
|
7466
|
-
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) {
|
|
7417
|
+
var ProgressBarBackground$1 = styled(LoadingOverlayProgressBarBackground)(templateObject_6$9 || (templateObject_6$9 = __makeTemplateObject(["\n background: ", ";\n opacity: ", ";\n"], ["\n background: ", ";\n opacity: ", ";\n"])), function (props) {
|
|
7467
7418
|
var _a, _b, _c, _d;
|
|
7468
7419
|
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)';
|
|
7469
7420
|
}, function (props) {
|
|
7470
7421
|
var _a, _b, _c, _d;
|
|
7471
7422
|
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;
|
|
7472
7423
|
});
|
|
7473
|
-
var
|
|
7474
|
-
|
|
7475
|
-
|
|
7476
|
-
var
|
|
7477
|
-
var _a, _b, _c, _d;
|
|
7478
|
-
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)';
|
|
7479
|
-
}, progressBarAnimation);
|
|
7480
|
-
var CustomLoadingGraphic$1 = styled.img(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n transform-style: preserve-3d;\n"], ["\n transform-style: preserve-3d;\n"])));
|
|
7481
|
-
var ContinueButtonContainer$1 = styled.div(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n display: flex;\n"], ["\n display: flex;\n"])));
|
|
7482
|
-
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) {
|
|
7424
|
+
var ProgressIndicator$1 = styled(LoadingOverlayProgressIndicator)(templateObject_7$6 || (templateObject_7$6 = __makeTemplateObject(["\n animation: ", " 3s ease-in-out;\n animation-fill-mode: both;\n"], ["\n animation: ", " 3s ease-in-out;\n animation-fill-mode: both;\n"])), progressBarAnimation);
|
|
7425
|
+
var CustomLoadingGraphic$1 = styled.img(templateObject_8$2 || (templateObject_8$2 = __makeTemplateObject(["\n transform-style: preserve-3d;\n"], ["\n transform-style: preserve-3d;\n"])));
|
|
7426
|
+
var ContinueButtonContainer$1 = styled.div(templateObject_9$2 || (templateObject_9$2 = __makeTemplateObject(["\n display: flex;\n"], ["\n display: flex;\n"])));
|
|
7427
|
+
var ContinueButton$1 = styled(LoaderButton)(templateObject_10$1 || (templateObject_10$1 = __makeTemplateObject(["\n margin: auto;\n white-space: nowrap;\n ", "\n ", "\n \n &:focus-visible {\n ", "\n box-shadow: none;\n }\n"], ["\n margin: auto;\n white-space: nowrap;\n ", "\n ", "\n \n &:focus-visible {\n ", "\n box-shadow: none;\n }\n"])), function (props) {
|
|
7483
7428
|
var _a, _b, _c, _d, _e, _f;
|
|
7484
7429
|
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, ";") : '';
|
|
7485
7430
|
}, function (props) {
|
|
@@ -7489,10 +7434,10 @@ var ContinueButton$1 = styled(LoaderButton)(templateObject_18 || (templateObject
|
|
|
7489
7434
|
var _a, _b, _c, _d, _e, _f;
|
|
7490
7435
|
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, ";") : '';
|
|
7491
7436
|
});
|
|
7492
|
-
var templateObject_1$
|
|
7437
|
+
var templateObject_1$C, templateObject_2$w, templateObject_3$m, templateObject_4$g, templateObject_5$b, templateObject_6$9, templateObject_7$6, templateObject_8$2, templateObject_9$2, templateObject_10$1;
|
|
7493
7438
|
|
|
7494
|
-
var ContinuityCameraCheckboxContainer = styled.div(templateObject_1$
|
|
7495
|
-
var ContinuityCameraCheckbox = styled.input(templateObject_2$
|
|
7439
|
+
var ContinuityCameraCheckboxContainer = styled.div(templateObject_1$B || (templateObject_1$B = __makeTemplateObject(["\n margin-top: 15px;\n margin-bottom: 15px;\n"], ["\n margin-top: 15px;\n margin-bottom: 15px;\n"])));
|
|
7440
|
+
var ContinuityCameraCheckbox = styled.input(templateObject_2$v || (templateObject_2$v = __makeTemplateObject(["\n margin-right: 8px;\n"], ["\n margin-right: 8px;\n"])));
|
|
7496
7441
|
var IdCaptureLoadingOverlayLegacy = function IdCaptureLoadingOverlayLegacy(_a) {
|
|
7497
7442
|
var _b, _c, _d, _e;
|
|
7498
7443
|
var onDismissed = _a.onDismissed,
|
|
@@ -7613,7 +7558,7 @@ var IdCaptureLoadingOverlayLegacy = function IdCaptureLoadingOverlayLegacy(_a) {
|
|
|
7613
7558
|
}
|
|
7614
7559
|
}, ready ? verbiage.continueText : modelsReady ? verbiage.cameraInitializingText : modelDownloadProgress >= 100 ? verbiage.modelsWarmingUpText : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)"))));
|
|
7615
7560
|
};
|
|
7616
|
-
var templateObject_1$
|
|
7561
|
+
var templateObject_1$B, templateObject_2$v;
|
|
7617
7562
|
|
|
7618
7563
|
var components$1 = {
|
|
7619
7564
|
"default": IdCaptureLoadingOverlayDefault,
|
|
@@ -7671,9 +7616,9 @@ var CapturedDocumentImg = function CapturedDocumentImg(_a) {
|
|
|
7671
7616
|
});
|
|
7672
7617
|
};
|
|
7673
7618
|
|
|
7674
|
-
var Card = styled.div(templateObject_1$
|
|
7675
|
-
var FlexCard = styled(Card)(templateObject_2$
|
|
7676
|
-
var templateObject_1$
|
|
7619
|
+
var Card = styled.div(templateObject_1$A || (templateObject_1$A = __makeTemplateObject(["\n background: white;\n border-radius: 8px;\n padding: 24px;\n box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);\n margin: auto;\n max-width: min(500px, 100% - 48px);\n max-height: 100%;\n overflow: auto;\n box-sizing: border-box;\n"], ["\n background: white;\n border-radius: 8px;\n padding: 24px;\n box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);\n margin: auto;\n max-width: min(500px, 100% - 48px);\n max-height: 100%;\n overflow: auto;\n box-sizing: border-box;\n"])));
|
|
7620
|
+
var FlexCard = styled(Card)(templateObject_2$u || (templateObject_2$u = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n"], ["\n display: flex;\n flex-direction: column;\n"])));
|
|
7621
|
+
var templateObject_1$A, templateObject_2$u;
|
|
7677
7622
|
|
|
7678
7623
|
var imageDisplayOrder = ['idCardFront', 'idCardBack', 'passport', 'singlePage', 'idFrontIrImage', 'idBackIrImage', 'idFrontUvImage', 'idBackUvImage'];
|
|
7679
7624
|
var IdCaptureSuccess = function IdCaptureSuccess(_a) {
|
|
@@ -7735,13 +7680,13 @@ var IdCaptureSuccess = function IdCaptureSuccess(_a) {
|
|
|
7735
7680
|
finished: true
|
|
7736
7681
|
}, verbiage.retryText)))));
|
|
7737
7682
|
};
|
|
7738
|
-
var Heading$a = styled.h1(templateObject_1$
|
|
7739
|
-
var ImagesContainer = styled(OverlayImageContainer)(templateObject_2$
|
|
7740
|
-
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"])));
|
|
7741
|
-
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"])));
|
|
7683
|
+
var Heading$a = styled.h1(templateObject_1$z || (templateObject_1$z = __makeTemplateObject(["\n font-size: 1.5rem;\n margin-top: 0;\n margin-bottom: 1.5rem;\n"], ["\n font-size: 1.5rem;\n margin-top: 0;\n margin-bottom: 1.5rem;\n"])));
|
|
7684
|
+
var ImagesContainer = styled(OverlayImageContainer)(templateObject_2$t || (templateObject_2$t = __makeTemplateObject(["\n flex-grow: 1;\n overflow-y: auto;\n padding-bottom: 0;\n max-width: 100%;\n"], ["\n flex-grow: 1;\n overflow-y: auto;\n padding-bottom: 0;\n max-width: 100%;\n"])));
|
|
7685
|
+
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 position: relative;\n width: 100%;\n"], ["\n max-width: 100%;\n flex-direction: column;\n display: grid;\n grid-gap: 12px;\n position: relative;\n width: 100%;\n"])));
|
|
7686
|
+
var ImageCol$1 = styled.div(templateObject_4$f || (templateObject_4$f = __makeTemplateObject(["\n width: 450px;\n max-width: 100%;\n max-height: none !important;\n"], ["\n width: 450px;\n max-width: 100%;\n max-height: none !important;\n"])));
|
|
7742
7687
|
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"])));
|
|
7743
|
-
var DebugPre = styled.pre(templateObject_6$8 || (templateObject_6$8 = __makeTemplateObject(["\n text-align: left;\n max-width:
|
|
7744
|
-
var templateObject_1$
|
|
7688
|
+
var DebugPre = styled.pre(templateObject_6$8 || (templateObject_6$8 = __makeTemplateObject(["\n display: block;\n text-align: left;\n width: 100%;\n max-width: 100%;\n overflow-x: auto;\n"], ["\n display: block;\n text-align: left;\n width: 100%;\n max-width: 100%;\n overflow-x: auto;\n"])));
|
|
7689
|
+
var templateObject_1$z, templateObject_2$t, templateObject_3$l, templateObject_4$f, templateObject_5$a, templateObject_6$8;
|
|
7745
7690
|
|
|
7746
7691
|
function useShowSuccessScreen(skipSuccessScreen, successScreenReady, onDoneCallback) {
|
|
7747
7692
|
var _this = this;
|
|
@@ -7793,10 +7738,10 @@ function resetCanvasDimensions(canvas) {
|
|
|
7793
7738
|
canvas.style.height = '0';
|
|
7794
7739
|
}
|
|
7795
7740
|
|
|
7796
|
-
var IdCardGuideImageContainer = styled(IdCardBorder)(templateObject_1$
|
|
7741
|
+
var IdCardGuideImageContainer = styled(IdCardBorder)(templateObject_1$y || (templateObject_1$y = __makeTemplateObject(["\n position: relative;\n ", "\n box-sizing: border-box;\n"], ["\n position: relative;\n ", "\n box-sizing: border-box;\n"])), function (props) {
|
|
7797
7742
|
return props.$isVisible ? '' : 'opacity: 0;';
|
|
7798
7743
|
});
|
|
7799
|
-
var IdCardGuideImage = styled.img(templateObject_2$
|
|
7744
|
+
var IdCardGuideImage = styled.img(templateObject_2$s || (templateObject_2$s = __makeTemplateObject(["\n transform-style: preserve-3d;\n ", "\n ", "\n"], ["\n transform-style: preserve-3d;\n ", "\n ", "\n"])), function (props) {
|
|
7800
7745
|
return props.$isMirrored ? 'transform: scaleX(-1);' : '';
|
|
7801
7746
|
}, function (props) {
|
|
7802
7747
|
return props.$isInvisible ? 'opacity: 0;' : '';
|
|
@@ -7949,7 +7894,7 @@ var IdCardBorderRect = styled.rect(templateObject_5$9 || (templateObject_5$9 = _
|
|
|
7949
7894
|
var _a;
|
|
7950
7895
|
return (_a = props.$fillMode) !== null && _a !== void 0 ? _a : 'forwards';
|
|
7951
7896
|
});
|
|
7952
|
-
var templateObject_1$
|
|
7897
|
+
var templateObject_1$y, templateObject_2$s, templateObject_3$k, templateObject_4$e, templateObject_5$9;
|
|
7953
7898
|
|
|
7954
7899
|
var defaultIdCaptureGuideImages = {
|
|
7955
7900
|
portrait: {
|
|
@@ -8125,12 +8070,12 @@ var IdVideoCaptureFlipIdPrompt = function IdVideoCaptureFlipIdPrompt(_a) {
|
|
|
8125
8070
|
style: imageStyle
|
|
8126
8071
|
})));
|
|
8127
8072
|
};
|
|
8128
|
-
var FlipImageContainer = styled(IdCardGuideImageContainer)(templateObject_1$
|
|
8073
|
+
var FlipImageContainer = styled(IdCardGuideImageContainer)(templateObject_1$x || (templateObject_1$x = __makeTemplateObject(["\n backface-visibility: hidden;\n transition: transform ", "s;\n transform: ", ";\n transform-style: preserve-3d;\n position: absolute;\n display: block;\n top: 0;\n width: 100%;\n max-height: 100%;\n"], ["\n backface-visibility: hidden;\n transition: transform ", "s;\n transform: ", ";\n transform-style: preserve-3d;\n position: absolute;\n display: block;\n top: 0;\n width: 100%;\n max-height: 100%;\n"])), function (props) {
|
|
8129
8074
|
return props.$transitionTime;
|
|
8130
8075
|
}, function (props) {
|
|
8131
8076
|
return props.$transforms;
|
|
8132
8077
|
});
|
|
8133
|
-
var templateObject_1$
|
|
8078
|
+
var templateObject_1$x;
|
|
8134
8079
|
|
|
8135
8080
|
var GuideOrientationContext = /*#__PURE__*/createContext({
|
|
8136
8081
|
orientation: 'landscape',
|
|
@@ -8417,8 +8362,8 @@ var regionClsx = function regionClsx(classNames, which) {
|
|
|
8417
8362
|
return v;
|
|
8418
8363
|
}).join(' ');
|
|
8419
8364
|
};
|
|
8420
|
-
var StyledPageContainer = styled(
|
|
8421
|
-
var GuidesContainer = styled.div(templateObject_2$
|
|
8365
|
+
var StyledPageContainer = styled.div(templateObject_1$w || (templateObject_1$w = __makeTemplateObject(["\n position: relative;\n width: 100%;\n height: 100%;\n z-index: 1000;\n overflow: hidden;\n"], ["\n position: relative;\n width: 100%;\n height: 100%;\n z-index: 1000;\n overflow: hidden;\n"])));
|
|
8366
|
+
var GuidesContainer = styled.div(templateObject_2$r || (templateObject_2$r = __makeTemplateObject(["\n display: flex;\n flex-flow: column nowrap;\n width: 100%;\n height: 100%;\n"], ["\n display: flex;\n flex-flow: column nowrap;\n width: 100%;\n height: 100%;\n"])));
|
|
8422
8367
|
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"])));
|
|
8423
8368
|
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) {
|
|
8424
8369
|
var _a, _b, _c, _d, _e;
|
|
@@ -8443,9 +8388,9 @@ var GuideCenterBorder = styled.div(templateObject_7$5 || (templateObject_7$5 = _
|
|
|
8443
8388
|
}, function (props) {
|
|
8444
8389
|
return props.$padding ? "padding: ".concat(props.$padding, "px;") : '';
|
|
8445
8390
|
});
|
|
8446
|
-
var GuideText = styled.span(templateObject_8$
|
|
8447
|
-
var GuideCenterInner = styled.div(templateObject_9$
|
|
8448
|
-
var templateObject_1$
|
|
8391
|
+
var GuideText = styled.span(templateObject_8$1 || (templateObject_8$1 = __makeTemplateObject(["\n align-content: center;\n margin-top: 12px;\n margin-bottom: 12px;\n"], ["\n align-content: center;\n margin-top: 12px;\n margin-bottom: 12px;\n"])));
|
|
8392
|
+
var GuideCenterInner = styled.div(templateObject_9$1 || (templateObject_9$1 = __makeTemplateObject(["\n position: relative;\n margin: auto;\n"], ["\n position: relative;\n margin: auto;\n"])));
|
|
8393
|
+
var templateObject_1$w, templateObject_2$r, templateObject_3$j, templateObject_4$d, templateObject_5$8, templateObject_6$7, templateObject_7$5, templateObject_8$1, templateObject_9$1;
|
|
8449
8394
|
|
|
8450
8395
|
var IdCaptureFitGuide = function IdCaptureFitGuide(_a) {
|
|
8451
8396
|
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
|
|
@@ -8586,11 +8531,11 @@ var IdCaptureFitGuide = function IdCaptureFitGuide(_a) {
|
|
|
8586
8531
|
progress: progress
|
|
8587
8532
|
}));
|
|
8588
8533
|
};
|
|
8589
|
-
var CanvasWrapper$1 = styled.div(templateObject_1$
|
|
8534
|
+
var CanvasWrapper$1 = styled.div(templateObject_1$v || (templateObject_1$v = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n flex-grow: 1;\n background-clip: padding-box;\n box-shadow: inset 0 0 0 2px ", ";\n z-index: -1;\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n flex-grow: 1;\n background-clip: padding-box;\n box-shadow: inset 0 0 0 2px ", ";\n z-index: -1;\n"])), function (props) {
|
|
8590
8535
|
return props.$maskColor;
|
|
8591
8536
|
});
|
|
8592
|
-
var Canvas$1 = styled.canvas(templateObject_2$
|
|
8593
|
-
var templateObject_1$
|
|
8537
|
+
var Canvas$1 = styled.canvas(templateObject_2$q || (templateObject_2$q = __makeTemplateObject(["\n display: block;\n"], ["\n display: block;\n"])));
|
|
8538
|
+
var templateObject_1$v, templateObject_2$q;
|
|
8594
8539
|
|
|
8595
8540
|
function IdCaptureGuides(_a) {
|
|
8596
8541
|
var _b = _a.guideType,
|
|
@@ -8646,7 +8591,7 @@ function IdCaptureGuides(_a) {
|
|
|
8646
8591
|
})));
|
|
8647
8592
|
}
|
|
8648
8593
|
|
|
8649
|
-
var Spinner = styled.div(templateObject_1$
|
|
8594
|
+
var Spinner = styled.div(templateObject_1$u || (templateObject_1$u = __makeTemplateObject(["\n display: inline-block;\n width: ", "px;\n height: ", "px;\n margin: auto;\n\n &:after {\n content: ' ';\n display: block;\n width: ", "px;\n height: ", "px;\n margin: 8px;\n border-radius: 50%;\n border: ", "px solid\n ", ";\n border-color: ", " transparent\n ", " transparent;\n animation: ", " 1.2s linear infinite;\n box-sizing: content-box;\n }\n"], ["\n display: inline-block;\n width: ", "px;\n height: ", "px;\n margin: auto;\n\n &:after {\n content: ' ';\n display: block;\n width: ", "px;\n height: ", "px;\n margin: 8px;\n border-radius: 50%;\n border: ", "px solid\n ", ";\n border-color: ", " transparent\n ", " transparent;\n animation: ", " 1.2s linear infinite;\n box-sizing: content-box;\n }\n"])), function (_a) {
|
|
8650
8595
|
var $size = _a.$size;
|
|
8651
8596
|
return $size !== null && $size !== void 0 ? $size : 80;
|
|
8652
8597
|
}, function (_a) {
|
|
@@ -8671,7 +8616,11 @@ var Spinner = styled.div(templateObject_1$s || (templateObject_1$s = __makeTempl
|
|
|
8671
8616
|
var $color = _a.$color;
|
|
8672
8617
|
return $color !== null && $color !== void 0 ? $color : '#888';
|
|
8673
8618
|
}, dualRingSpinnerAnimation);
|
|
8674
|
-
var
|
|
8619
|
+
var SpinnerPageContainer = styled.div(templateObject_2$p || (templateObject_2$p = __makeTemplateObject(["\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n"], ["\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n"])));
|
|
8620
|
+
function SpinnerPage() {
|
|
8621
|
+
return /*#__PURE__*/React__default.createElement(SpinnerPageContainer, null, /*#__PURE__*/React__default.createElement(Spinner, null));
|
|
8622
|
+
}
|
|
8623
|
+
var templateObject_1$u, templateObject_2$p;
|
|
8675
8624
|
|
|
8676
8625
|
var IdCaptureImagePreview = function IdCaptureImagePreview(_a) {
|
|
8677
8626
|
var _b = _a.classNames,
|
|
@@ -8758,11 +8707,11 @@ var SelfieProgressPreview = function SelfieProgressPreview(_a) {
|
|
|
8758
8707
|
onError: onError
|
|
8759
8708
|
})));
|
|
8760
8709
|
};
|
|
8761
|
-
var StyledSpinner = styled(Spinner)(templateObject_1$
|
|
8762
|
-
var ImagePreviewWrapper = styled.div(templateObject_2$
|
|
8710
|
+
var StyledSpinner = styled(Spinner)(templateObject_1$t || (templateObject_1$t = __makeTemplateObject(["\n position: relative;\n top: 4px;\n left: -3px;\n margin: 0 3px 0 -12px;\n"], ["\n position: relative;\n top: 4px;\n left: -3px;\n margin: 0 3px 0 -12px;\n"])));
|
|
8711
|
+
var ImagePreviewWrapper = styled.div(templateObject_2$o || (templateObject_2$o = __makeTemplateObject(["\n position: absolute;\n display: flex;\n flex-direction: column;\n height: 33%;\n bottom: 12px;\n right: 12px;\n"], ["\n position: absolute;\n display: flex;\n flex-direction: column;\n height: 33%;\n bottom: 12px;\n right: 12px;\n"])));
|
|
8763
8712
|
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"])));
|
|
8764
8713
|
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"])));
|
|
8765
|
-
var templateObject_1$
|
|
8714
|
+
var templateObject_1$t, templateObject_2$o, templateObject_3$i, templateObject_4$c;
|
|
8766
8715
|
|
|
8767
8716
|
var documentCaptureInitialState = {
|
|
8768
8717
|
documents: [],
|
|
@@ -9110,16 +9059,16 @@ var DocumentCaptureGuideOverlay = function DocumentCaptureGuideOverlay(_a) {
|
|
|
9110
9059
|
ref: canvasRef
|
|
9111
9060
|
}));
|
|
9112
9061
|
};
|
|
9113
|
-
var CanvasWrapper = styled.div(templateObject_1$
|
|
9062
|
+
var CanvasWrapper = styled.div(templateObject_1$s || (templateObject_1$s = __makeTemplateObject(["\n flex-grow: 1;\n background-clip: padding-box;\n box-shadow: inset 0 0 0 2px ", ";\n"], ["\n flex-grow: 1;\n background-clip: padding-box;\n box-shadow: inset 0 0 0 2px ", ";\n"])), function (props) {
|
|
9114
9063
|
return props.$maskColor;
|
|
9115
9064
|
});
|
|
9116
|
-
var Canvas = styled.canvas(templateObject_2$
|
|
9117
|
-
var templateObject_1$
|
|
9065
|
+
var Canvas = styled.canvas(templateObject_2$n || (templateObject_2$n = __makeTemplateObject(["\n display: block;\n"], ["\n display: block;\n"])));
|
|
9066
|
+
var templateObject_1$s, templateObject_2$n;
|
|
9118
9067
|
|
|
9119
|
-
var CameraFeedWrapper = styled.div(templateObject_1$
|
|
9068
|
+
var CameraFeedWrapper = styled.div(templateObject_1$r || (templateObject_1$r = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
9120
9069
|
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;") : "";
|
|
9121
9070
|
});
|
|
9122
|
-
var templateObject_1$
|
|
9071
|
+
var templateObject_1$r;
|
|
9123
9072
|
|
|
9124
9073
|
var CameraVideoTag = function CameraVideoTag(props) {
|
|
9125
9074
|
var _a = useCameraStore(useShallow(function (store) {
|
|
@@ -9150,46 +9099,46 @@ var CameraVideoTag = function CameraVideoTag(props) {
|
|
|
9150
9099
|
"$isRearFacing": isRearFacing
|
|
9151
9100
|
}, props));
|
|
9152
9101
|
};
|
|
9153
|
-
var FullscreenVideoTag = styled.video(templateObject_1$
|
|
9102
|
+
var FullscreenVideoTag = styled.video(templateObject_1$q || (templateObject_1$q = __makeTemplateObject(["\n transform: ", ";\n transform-style: preserve-3d;\n min-width: 100%;\n min-height: 100%;\n width: auto;\n height: auto;\n max-width: 100%;\n max-height: 100%;\n object-fit: cover;\n background: black;\n z-index: -2;\n"], ["\n transform: ", ";\n transform-style: preserve-3d;\n min-width: 100%;\n min-height: 100%;\n width: auto;\n height: auto;\n max-width: 100%;\n max-height: 100%;\n object-fit: cover;\n background: black;\n z-index: -2;\n"])), function (props) {
|
|
9154
9103
|
return props.$isRearFacing ? '' : 'scaleX(-1)';
|
|
9155
9104
|
});
|
|
9156
|
-
var templateObject_1$
|
|
9105
|
+
var templateObject_1$q;
|
|
9157
9106
|
|
|
9158
9107
|
var DocumentCaptureScreen = function DocumentCaptureScreen(_a) {
|
|
9159
|
-
var _b, _c, _d, _e
|
|
9108
|
+
var _b, _c, _d, _e;
|
|
9160
9109
|
var onCaptureClicked = _a.onCaptureClicked,
|
|
9161
|
-
|
|
9162
|
-
classNames =
|
|
9163
|
-
|
|
9164
|
-
rawVerbiage =
|
|
9165
|
-
var
|
|
9166
|
-
|
|
9167
|
-
documents =
|
|
9168
|
-
currentDocumentIndex =
|
|
9169
|
-
rectX =
|
|
9170
|
-
rectY =
|
|
9171
|
-
rectWidth =
|
|
9172
|
-
rectHeight =
|
|
9173
|
-
rectOffsetTop =
|
|
9174
|
-
capturing =
|
|
9175
|
-
uploadCapturedDocument =
|
|
9176
|
-
dispatch =
|
|
9177
|
-
var
|
|
9178
|
-
title =
|
|
9179
|
-
aspectRatio =
|
|
9180
|
-
cameraFeedMode =
|
|
9181
|
-
instructions =
|
|
9182
|
-
contentUrl =
|
|
9183
|
-
content =
|
|
9184
|
-
uploadState =
|
|
9185
|
-
var
|
|
9186
|
-
videoStream =
|
|
9187
|
-
cameraReady =
|
|
9188
|
-
cameraAccessDenied =
|
|
9189
|
-
requestCameraAccess =
|
|
9190
|
-
var
|
|
9191
|
-
cameraAccessRequested =
|
|
9192
|
-
setCameraAccessRequested =
|
|
9110
|
+
_f = _a.classNames,
|
|
9111
|
+
classNames = _f === void 0 ? {} : _f,
|
|
9112
|
+
_g = _a.verbiage,
|
|
9113
|
+
rawVerbiage = _g === void 0 ? {} : _g;
|
|
9114
|
+
var _h = useDocumentCaptureState(),
|
|
9115
|
+
_j = _h[0],
|
|
9116
|
+
documents = _j.documents,
|
|
9117
|
+
currentDocumentIndex = _j.currentDocumentIndex,
|
|
9118
|
+
rectX = _j.rectX,
|
|
9119
|
+
rectY = _j.rectY,
|
|
9120
|
+
rectWidth = _j.rectWidth,
|
|
9121
|
+
rectHeight = _j.rectHeight,
|
|
9122
|
+
rectOffsetTop = _j.rectOffsetTop,
|
|
9123
|
+
capturing = _j.capturing,
|
|
9124
|
+
uploadCapturedDocument = _j.uploadCapturedDocument,
|
|
9125
|
+
dispatch = _h[1];
|
|
9126
|
+
var _k = (_b = documents[currentDocumentIndex]) !== null && _b !== void 0 ? _b : {},
|
|
9127
|
+
title = _k.title,
|
|
9128
|
+
aspectRatio = _k.aspectRatio,
|
|
9129
|
+
cameraFeedMode = _k.cameraFeedMode,
|
|
9130
|
+
instructions = _k.instructions,
|
|
9131
|
+
contentUrl = _k.contentUrl,
|
|
9132
|
+
content = _k.content,
|
|
9133
|
+
uploadState = _k.uploadState;
|
|
9134
|
+
var _l = useCameraStore(),
|
|
9135
|
+
videoStream = _l.videoStream,
|
|
9136
|
+
cameraReady = _l.cameraReady,
|
|
9137
|
+
cameraAccessDenied = _l.cameraAccessDenied,
|
|
9138
|
+
requestCameraAccess = _l.requestCameraAccess;
|
|
9139
|
+
var _m = useState(false),
|
|
9140
|
+
cameraAccessRequested = _m[0],
|
|
9141
|
+
setCameraAccessRequested = _m[1];
|
|
9193
9142
|
var cameraAccessNeeded =
|
|
9194
9143
|
// we should force the browser to ask for camera access if...
|
|
9195
9144
|
uploadState === 'not_started' &&
|
|
@@ -9237,9 +9186,7 @@ var DocumentCaptureScreen = function DocumentCaptureScreen(_a) {
|
|
|
9237
9186
|
});
|
|
9238
9187
|
});
|
|
9239
9188
|
}
|
|
9240
|
-
return /*#__PURE__*/React__default.createElement(
|
|
9241
|
-
className: "flex ".concat((_f = classNames.container) !== null && _f !== void 0 ? _f : '')
|
|
9242
|
-
}, /*#__PURE__*/React__default.createElement(CameraFeedWrapper, {
|
|
9189
|
+
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(CameraFeedWrapper, {
|
|
9243
9190
|
className: classNames.cameraFeedWrapper,
|
|
9244
9191
|
"$mode": cameraFeedMode !== null && cameraFeedMode !== void 0 ? cameraFeedMode : 'snapToGuides',
|
|
9245
9192
|
"$x": rectX,
|
|
@@ -9268,7 +9215,7 @@ var DocumentCaptureScreen = function DocumentCaptureScreen(_a) {
|
|
|
9268
9215
|
className: classNames.footerRow
|
|
9269
9216
|
}, instructions && ( /*#__PURE__*/React__default.createElement(Instructions, {
|
|
9270
9217
|
className: classNames.instructions
|
|
9271
|
-
}, instructions)), /*#__PURE__*/React__default.createElement(StyledButtonsRow$
|
|
9218
|
+
}, instructions)), /*#__PURE__*/React__default.createElement(StyledButtonsRow$8, {
|
|
9272
9219
|
className: classNames.buttonsRow
|
|
9273
9220
|
}, cameraAccessDenied ? ( /*#__PURE__*/React__default.createElement(LoaderButton, {
|
|
9274
9221
|
className: classNames.retryCameraAccessBtn,
|
|
@@ -9303,8 +9250,8 @@ var DocumentCaptureScreen = function DocumentCaptureScreen(_a) {
|
|
|
9303
9250
|
disabled: !cameraReady || capturing
|
|
9304
9251
|
}, !cameraReady ? verbiage.loadingBtnText : capturing ? verbiage.capturingBtnText : verbiage.captureBtnText))))));
|
|
9305
9252
|
};
|
|
9306
|
-
var CaptureContainer = styled.div(templateObject_1$
|
|
9307
|
-
var HeadingRow = styled.div(templateObject_2$
|
|
9253
|
+
var CaptureContainer = styled.div(templateObject_1$p || (templateObject_1$p = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n"], ["\n display: flex;\n flex-direction: column;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n"])));
|
|
9254
|
+
var HeadingRow = styled.div(templateObject_2$m || (templateObject_2$m = __makeTemplateObject(["\n background: ", ";\n text-align: center;\n color: white;\n"], ["\n background: ", ";\n text-align: center;\n color: white;\n"])), function (props) {
|
|
9308
9255
|
return props.$maskColor;
|
|
9309
9256
|
});
|
|
9310
9257
|
var Heading$9 = styled.h1(templateObject_3$h || (templateObject_3$h = __makeTemplateObject(["\n font-size: 22px;\n"], ["\n font-size: 22px;\n"])));
|
|
@@ -9315,9 +9262,9 @@ var Instructions = styled.div(templateObject_5$7 || (templateObject_5$7 = __make
|
|
|
9315
9262
|
var _a, _b, _c;
|
|
9316
9263
|
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';
|
|
9317
9264
|
});
|
|
9318
|
-
var StyledButtonsRow$
|
|
9265
|
+
var StyledButtonsRow$8 = styled(ButtonsRow$2)(templateObject_6$6 || (templateObject_6$6 = __makeTemplateObject(["\n padding-top: 20px;\n"], ["\n padding-top: 20px;\n"])));
|
|
9319
9266
|
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"])));
|
|
9320
|
-
var templateObject_1$
|
|
9267
|
+
var templateObject_1$p, templateObject_2$m, templateObject_3$h, templateObject_4$b, templateObject_5$7, templateObject_6$6, templateObject_7$4;
|
|
9321
9268
|
|
|
9322
9269
|
var DocumentCaptureWizard = function DocumentCaptureWizard(_a) {
|
|
9323
9270
|
var onSuccess = _a.onSuccess,
|
|
@@ -9563,7 +9510,7 @@ var IdCaptureFallback = function IdCaptureFallback(_a) {
|
|
|
9563
9510
|
capture: "environment",
|
|
9564
9511
|
onChange: onFileSelected,
|
|
9565
9512
|
hidden: true
|
|
9566
|
-
}), /*#__PURE__*/React__default.createElement(StyledButtonsRow$
|
|
9513
|
+
}), /*#__PURE__*/React__default.createElement(StyledButtonsRow$7, {
|
|
9567
9514
|
className: classNames.buttonsRow
|
|
9568
9515
|
}, images.length < maxImageCount && ( /*#__PURE__*/React__default.createElement(LoaderButton, {
|
|
9569
9516
|
variant: images.length > 0 ? 'secondary' : 'positive',
|
|
@@ -9588,13 +9535,13 @@ var IdCaptureFallback = function IdCaptureFallback(_a) {
|
|
|
9588
9535
|
}
|
|
9589
9536
|
}, verbiage.doneBtnText))))));
|
|
9590
9537
|
};
|
|
9591
|
-
var StyledOverlayInner$2 = styled(OverlayInner$2)(templateObject_1$
|
|
9592
|
-
var Heading$8 = styled.h3(templateObject_2$
|
|
9538
|
+
var StyledOverlayInner$2 = styled(OverlayInner$2)(templateObject_1$o || (templateObject_1$o = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
9539
|
+
var Heading$8 = styled.h3(templateObject_2$l || (templateObject_2$l = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
9593
9540
|
var Description$3 = styled.p(templateObject_3$g || (templateObject_3$g = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
9594
9541
|
var Instruction = styled.p(templateObject_4$a || (templateObject_4$a = __makeTemplateObject(["\n font-weight: bold;\n"], ["\n font-weight: bold;\n"])));
|
|
9595
9542
|
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"])));
|
|
9596
|
-
var StyledButtonsRow$
|
|
9597
|
-
var templateObject_1$
|
|
9543
|
+
var StyledButtonsRow$7 = styled(ButtonsRow$2)(templateObject_6$5 || (templateObject_6$5 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
9544
|
+
var templateObject_1$o, templateObject_2$l, templateObject_3$g, templateObject_4$a, templateObject_5$6, templateObject_6$5;
|
|
9598
9545
|
|
|
9599
9546
|
function ScalingCameraFeed() {
|
|
9600
9547
|
var _a = useIdCaptureStore(),
|
|
@@ -9946,24 +9893,24 @@ function FilePickerButton(_a) {
|
|
|
9946
9893
|
}
|
|
9947
9894
|
}, file ? "".concat(file.name, " (").concat(humanFileSize(file.size), ")") : filePickerLoading ? loadingText : children));
|
|
9948
9895
|
}
|
|
9949
|
-
var ScreenContainer = styled.div(templateObject_1$
|
|
9896
|
+
var ScreenContainer = styled.div(templateObject_1$n || (templateObject_1$n = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n height: 100%;\n width: 100%;\n position: relative;\n font-family: ", ";\n"], ["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n height: 100%;\n width: 100%;\n position: relative;\n font-family: ", ";\n"])), function (props) {
|
|
9950
9897
|
var _a;
|
|
9951
9898
|
return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
|
|
9952
9899
|
});
|
|
9953
|
-
var ScreenPanel = styled.div(templateObject_2$
|
|
9900
|
+
var ScreenPanel = styled.div(templateObject_2$k || (templateObject_2$k = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 100%;\n flex-grow: 1;\n background: #f7f6fb;\n box-sizing: border-box;\n padding: 40px;\n"], ["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 100%;\n flex-grow: 1;\n background: #f7f6fb;\n box-sizing: border-box;\n padding: 40px;\n"])));
|
|
9954
9901
|
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"])));
|
|
9955
9902
|
var ScreenPanelHeading = styled.h3(templateObject_4$9 || (templateObject_4$9 = __makeTemplateObject(["\n margin: 0 0 30px;\n"], ["\n margin: 0 0 30px;\n"])));
|
|
9956
9903
|
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"])));
|
|
9957
9904
|
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"])));
|
|
9958
9905
|
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"])));
|
|
9959
|
-
var UploadIdBackHelpText = styled.p(templateObject_8
|
|
9960
|
-
var Button = styled(WideBorderButton)(templateObject_9
|
|
9961
|
-
var Modal = styled.div(templateObject_10
|
|
9962
|
-
var Dialog = styled.div(templateObject_11
|
|
9906
|
+
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"])));
|
|
9907
|
+
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"])));
|
|
9908
|
+
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"])));
|
|
9909
|
+
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) {
|
|
9963
9910
|
var _a;
|
|
9964
9911
|
return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
|
|
9965
9912
|
});
|
|
9966
|
-
var ModalCloseButton = styled.button(templateObject_12
|
|
9913
|
+
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"])));
|
|
9967
9914
|
function XIcon(props) {
|
|
9968
9915
|
return /*#__PURE__*/React__default.createElement("svg", _assign({
|
|
9969
9916
|
width: "25",
|
|
@@ -10214,7 +10161,7 @@ function IdDocumentIcon(props) {
|
|
|
10214
10161
|
strokeWidth: "3"
|
|
10215
10162
|
}));
|
|
10216
10163
|
}
|
|
10217
|
-
var InlineSvg = styled.svg(templateObject_13
|
|
10164
|
+
var InlineSvg = styled.svg(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n display: inline;\n"], ["\n display: inline;\n"])));
|
|
10218
10165
|
function humanFileSize(bytes, si, dp) {
|
|
10219
10166
|
if (si === void 0) {
|
|
10220
10167
|
si = false;
|
|
@@ -10235,87 +10182,87 @@ function humanFileSize(bytes, si, dp) {
|
|
|
10235
10182
|
} while (Math.round(Math.abs(bytes) * r) / r >= thresh && u < units.length - 1);
|
|
10236
10183
|
return bytes.toFixed(dp) + ' ' + units[u];
|
|
10237
10184
|
}
|
|
10238
|
-
var templateObject_1$
|
|
10185
|
+
var templateObject_1$n, templateObject_2$k, templateObject_3$f, templateObject_4$9, templateObject_5$5, templateObject_6$4, templateObject_7$3, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13;
|
|
10239
10186
|
|
|
10240
10187
|
var IdCaptureWizard = function IdCaptureWizard(_a) {
|
|
10241
|
-
var _b, _c, _d, _e, _f
|
|
10188
|
+
var _b, _c, _d, _e, _f;
|
|
10242
10189
|
var onSuccess = _a.onSuccess,
|
|
10243
10190
|
onExitCapture = _a.onExitCapture,
|
|
10244
10191
|
onUserCancel = _a.onUserCancel,
|
|
10245
|
-
|
|
10246
|
-
loadingOverlayMode =
|
|
10192
|
+
_g = _a.loadingOverlayMode,
|
|
10193
|
+
loadingOverlayMode = _g === void 0 ? 'default' : _g,
|
|
10247
10194
|
customOverlayContent = _a.customOverlayContent,
|
|
10248
10195
|
onLoadingOverlayDismissed = _a.onLoadingOverlayDismissed,
|
|
10249
10196
|
precapturedDocuments = _a.precapturedDocuments,
|
|
10250
|
-
|
|
10251
|
-
captureRequirement =
|
|
10252
|
-
|
|
10253
|
-
allowSinglePageIdCapture =
|
|
10254
|
-
|
|
10255
|
-
separateIdCardCaptureSequence =
|
|
10256
|
-
|
|
10257
|
-
thresholds =
|
|
10258
|
-
|
|
10259
|
-
skipSuccessScreen =
|
|
10197
|
+
_h = _a.captureRequirement,
|
|
10198
|
+
captureRequirement = _h === void 0 ? 'idCardOrPassport' : _h,
|
|
10199
|
+
_j = _a.allowSinglePageIdCapture,
|
|
10200
|
+
allowSinglePageIdCapture = _j === void 0 ? false : _j,
|
|
10201
|
+
_k = _a.separateIdCardCaptureSequence,
|
|
10202
|
+
separateIdCardCaptureSequence = _k === void 0 ? false : _k,
|
|
10203
|
+
_l = _a.thresholds,
|
|
10204
|
+
thresholds = _l === void 0 ? defaultIdCaptureThresholds : _l,
|
|
10205
|
+
_m = _a.skipSuccessScreen,
|
|
10206
|
+
skipSuccessScreen = _m === void 0 ? false : _m,
|
|
10260
10207
|
instructions = _a.instructions,
|
|
10261
|
-
|
|
10262
|
-
releaseCameraAccessOnExit =
|
|
10263
|
-
|
|
10264
|
-
guideType =
|
|
10265
|
-
|
|
10266
|
-
portraitGuidesOnMobile =
|
|
10267
|
-
|
|
10268
|
-
rotateLoadingOverlayImageWhenPortrait =
|
|
10269
|
-
|
|
10270
|
-
silentFallback =
|
|
10271
|
-
|
|
10272
|
-
forceFallbackMode =
|
|
10273
|
-
|
|
10274
|
-
allowIdCardBackToFrontCapture =
|
|
10275
|
-
|
|
10276
|
-
enableOverrideWrongDocumentTypeDialog =
|
|
10277
|
-
|
|
10278
|
-
allowOverrideWrongDocumentTypeAfterMs =
|
|
10279
|
-
|
|
10280
|
-
allowUploadingDocumentsFromStorage =
|
|
10281
|
-
|
|
10282
|
-
guideImages =
|
|
10283
|
-
|
|
10284
|
-
assets =
|
|
10285
|
-
|
|
10286
|
-
classNames =
|
|
10287
|
-
|
|
10288
|
-
colors =
|
|
10289
|
-
|
|
10290
|
-
verbiage =
|
|
10291
|
-
|
|
10292
|
-
debugMode =
|
|
10208
|
+
_o = _a.releaseCameraAccessOnExit,
|
|
10209
|
+
releaseCameraAccessOnExit = _o === void 0 ? true : _o,
|
|
10210
|
+
_p = _a.guideType,
|
|
10211
|
+
guideType = _p === void 0 ? 'fit' : _p,
|
|
10212
|
+
_q = _a.portraitGuidesOnMobile,
|
|
10213
|
+
portraitGuidesOnMobile = _q === void 0 ? true : _q,
|
|
10214
|
+
_r = _a.rotateLoadingOverlayImageWhenPortrait,
|
|
10215
|
+
rotateLoadingOverlayImageWhenPortrait = _r === void 0 ? true : _r,
|
|
10216
|
+
_s = _a.silentFallback,
|
|
10217
|
+
silentFallback = _s === void 0 ? false : _s,
|
|
10218
|
+
_t = _a.forceFallbackMode,
|
|
10219
|
+
forceFallbackMode = _t === void 0 ? false : _t,
|
|
10220
|
+
_u = _a.allowIdCardBackToFrontCapture,
|
|
10221
|
+
allowIdCardBackToFrontCapture = _u === void 0 ? false : _u,
|
|
10222
|
+
_v = _a.enableOverrideWrongDocumentTypeDialog,
|
|
10223
|
+
enableOverrideWrongDocumentTypeDialog = _v === void 0 ? false : _v,
|
|
10224
|
+
_w = _a.allowOverrideWrongDocumentTypeAfterMs,
|
|
10225
|
+
allowOverrideWrongDocumentTypeAfterMs = _w === void 0 ? 8000 : _w,
|
|
10226
|
+
_x = _a.allowUploadingDocumentsFromStorage,
|
|
10227
|
+
allowUploadingDocumentsFromStorage = _x === void 0 ? false : _x,
|
|
10228
|
+
_y = _a.guideImages,
|
|
10229
|
+
guideImages = _y === void 0 ? defaultIdCaptureGuideImages : _y,
|
|
10230
|
+
_z = _a.assets,
|
|
10231
|
+
assets = _z === void 0 ? {} : _z,
|
|
10232
|
+
_0 = _a.classNames,
|
|
10233
|
+
classNames = _0 === void 0 ? {} : _0,
|
|
10234
|
+
_1 = _a.colors,
|
|
10235
|
+
colors = _1 === void 0 ? {} : _1,
|
|
10236
|
+
_2 = _a.verbiage,
|
|
10237
|
+
verbiage = _2 === void 0 ? {} : _2,
|
|
10238
|
+
_3 = _a.debugMode,
|
|
10239
|
+
debugMode = _3 === void 0 ? false : _3;
|
|
10293
10240
|
var state = useIdCaptureStore();
|
|
10294
|
-
var
|
|
10295
|
-
cameraAccessDenied =
|
|
10296
|
-
requestCameraAccess =
|
|
10297
|
-
releaseCameraAccess =
|
|
10298
|
-
var
|
|
10299
|
-
overlayDismissed =
|
|
10300
|
-
setOverlayDismissed =
|
|
10301
|
-
var
|
|
10302
|
-
submissionStatus =
|
|
10303
|
-
setIdFrontImage =
|
|
10304
|
-
setIdBackImage =
|
|
10305
|
-
setPassportImage =
|
|
10306
|
-
setIdFrontIrImage =
|
|
10307
|
-
setIdBackIrImage =
|
|
10308
|
-
setIdFrontUvImage =
|
|
10309
|
-
setIdBackUvImage =
|
|
10310
|
-
logIdFrontCaptureAttempt =
|
|
10311
|
-
logIdBackCaptureAttempt =
|
|
10312
|
-
var
|
|
10313
|
-
start =
|
|
10314
|
-
stop =
|
|
10315
|
-
onPredictionMade =
|
|
10316
|
-
setRequiredDocumentType =
|
|
10317
|
-
modelError =
|
|
10318
|
-
resetBestFrame =
|
|
10241
|
+
var _4 = useCameraStore(),
|
|
10242
|
+
cameraAccessDenied = _4.cameraAccessDenied,
|
|
10243
|
+
requestCameraAccess = _4.requestCameraAccess,
|
|
10244
|
+
releaseCameraAccess = _4.releaseCameraAccess;
|
|
10245
|
+
var _5 = useState(false),
|
|
10246
|
+
overlayDismissed = _5[0],
|
|
10247
|
+
setOverlayDismissed = _5[1];
|
|
10248
|
+
var _6 = useContext(SubmissionContext),
|
|
10249
|
+
submissionStatus = _6.submissionStatus,
|
|
10250
|
+
setIdFrontImage = _6.setIdFrontImage,
|
|
10251
|
+
setIdBackImage = _6.setIdBackImage,
|
|
10252
|
+
setPassportImage = _6.setPassportImage,
|
|
10253
|
+
setIdFrontIrImage = _6.setIdFrontIrImage,
|
|
10254
|
+
setIdBackIrImage = _6.setIdBackIrImage,
|
|
10255
|
+
setIdFrontUvImage = _6.setIdFrontUvImage,
|
|
10256
|
+
setIdBackUvImage = _6.setIdBackUvImage,
|
|
10257
|
+
logIdFrontCaptureAttempt = _6.logIdFrontCaptureAttempt,
|
|
10258
|
+
logIdBackCaptureAttempt = _6.logIdBackCaptureAttempt;
|
|
10259
|
+
var _7 = useIdCaptureModelsContext(),
|
|
10260
|
+
start = _7.start,
|
|
10261
|
+
stop = _7.stop,
|
|
10262
|
+
onPredictionMade = _7.onPredictionMade,
|
|
10263
|
+
setRequiredDocumentType = _7.setRequiredDocumentType,
|
|
10264
|
+
modelError = _7.modelError,
|
|
10265
|
+
resetBestFrame = _7.resetBestFrame;
|
|
10319
10266
|
useEffect(function () {
|
|
10320
10267
|
dispatchIdCaptureAction({
|
|
10321
10268
|
type: 'configureWizard',
|
|
@@ -10427,9 +10374,9 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
|
|
|
10427
10374
|
type: 'resetWizard'
|
|
10428
10375
|
});
|
|
10429
10376
|
}, []);
|
|
10430
|
-
var
|
|
10431
|
-
attempt =
|
|
10432
|
-
setAttempt =
|
|
10377
|
+
var _8 = useState(0),
|
|
10378
|
+
attempt = _8[0],
|
|
10379
|
+
setAttempt = _8[1];
|
|
10433
10380
|
var onExit = useCallback(function () {
|
|
10434
10381
|
releaseCameraAccess();
|
|
10435
10382
|
setOverlayDismissed(false);
|
|
@@ -10520,9 +10467,9 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
|
|
|
10520
10467
|
});
|
|
10521
10468
|
});
|
|
10522
10469
|
}, []);
|
|
10523
|
-
var
|
|
10524
|
-
progressStarted =
|
|
10525
|
-
setProgressStarted =
|
|
10470
|
+
var _9 = useState(false),
|
|
10471
|
+
progressStarted = _9[0],
|
|
10472
|
+
setProgressStarted = _9[1];
|
|
10526
10473
|
useEffect(function () {
|
|
10527
10474
|
if (state.captureState === 'capturing') {
|
|
10528
10475
|
setProgressStarted(false);
|
|
@@ -10552,9 +10499,7 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
|
|
|
10552
10499
|
}
|
|
10553
10500
|
var requestedAction = state.captureState === 'requestingFlip' ? 'FLIP_ID' : state.requestedDocumentType === 'idCardBack' ? 'SHOW_ID_BACK' : state.requestedDocumentType === 'passport' ? 'SHOW_PASSPORT' : 'SHOW_ID_FRONT';
|
|
10554
10501
|
var guidesStatus = !overlayDismissed ? 'disabled' : state.isGoodFrame ? 'capturing' : 'ready';
|
|
10555
|
-
return /*#__PURE__*/React__default.createElement(
|
|
10556
|
-
className: "flex ".concat((_b = classNames === null || classNames === void 0 ? void 0 : classNames.container) !== null && _b !== void 0 ? _b : '')
|
|
10557
|
-
}, /*#__PURE__*/React__default.createElement(ScalingCameraFeed, null), overlayDismissed && state.captureState === 'capturing' && ( /*#__PURE__*/React__default.createElement(IdCapture, {
|
|
10502
|
+
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(ScalingCameraFeed, null), overlayDismissed && state.captureState === 'capturing' && ( /*#__PURE__*/React__default.createElement(IdCapture, {
|
|
10558
10503
|
requiredDocumentType: state.requestedDocumentType,
|
|
10559
10504
|
thresholds: thresholds,
|
|
10560
10505
|
onCapture: onCapture,
|
|
@@ -10574,15 +10519,15 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
|
|
|
10574
10519
|
colors: colors,
|
|
10575
10520
|
verbiage: idCaptureVerbiage,
|
|
10576
10521
|
isBackToFront: state.allowIdCardBackToFrontCapture && 'idCardBack' in state.capturedDocuments
|
|
10577
|
-
}), debugMode && !((
|
|
10578
|
-
classNames: (
|
|
10579
|
-
text: (
|
|
10522
|
+
}), debugMode && !((_c = (_b = theme.idCapture) === null || _b === void 0 ? void 0 : _b.capturePreview) === null || _c === void 0 ? void 0 : _c.disabled) && state.captureState === 'requestingFlip' && !separateIdCardCaptureSequence && state.imageUrl && ( /*#__PURE__*/React__default.createElement(IdCaptureImagePreview, {
|
|
10523
|
+
classNames: (_d = classNames.capture) === null || _d === void 0 ? void 0 : _d.imagePreview,
|
|
10524
|
+
text: (_e = idCaptureVerbiages === null || idCaptureVerbiages === void 0 ? void 0 : idCaptureVerbiages.idCardFront) === null || _e === void 0 ? void 0 : _e.processingIdCardText,
|
|
10580
10525
|
imageUrl: state.imageUrl
|
|
10581
10526
|
})), state.captureState !== 'complete' && ( /*#__PURE__*/React__default.createElement("div", {
|
|
10582
10527
|
id: "idmission-above-guides-content"
|
|
10583
10528
|
})), /*#__PURE__*/React__default.createElement(ExitCaptureButton, {
|
|
10584
10529
|
onClick: onExit,
|
|
10585
|
-
className: (
|
|
10530
|
+
className: (_f = classNames.capture) === null || _f === void 0 ? void 0 : _f.exitCaptureBtn
|
|
10586
10531
|
}), !overlayDismissed && ( /*#__PURE__*/React__default.createElement(IdCaptureLoadingOverlay, {
|
|
10587
10532
|
key: "loading".concat(attempt),
|
|
10588
10533
|
mode: loadingOverlayMode,
|
|
@@ -10622,14 +10567,10 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
|
|
|
10622
10567
|
|
|
10623
10568
|
function SelfieCaptureLoadingGraphic(_a) {
|
|
10624
10569
|
var _b, _c, _d;
|
|
10625
|
-
var
|
|
10626
|
-
|
|
10627
|
-
|
|
10628
|
-
|
|
10629
|
-
className = _a.className;
|
|
10630
|
-
var _g = useState(1),
|
|
10631
|
-
frame = _g[0],
|
|
10632
|
-
setFrame = _g[1];
|
|
10570
|
+
var className = _a.className;
|
|
10571
|
+
var _e = useState(1),
|
|
10572
|
+
frame = _e[0],
|
|
10573
|
+
setFrame = _e[1];
|
|
10633
10574
|
useEffect(function () {
|
|
10634
10575
|
var i = setInterval(function () {
|
|
10635
10576
|
setFrame(function (n) {
|
|
@@ -10643,8 +10584,6 @@ function SelfieCaptureLoadingGraphic(_a) {
|
|
|
10643
10584
|
var theme = useTheme();
|
|
10644
10585
|
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)';
|
|
10645
10586
|
return /*#__PURE__*/React__default.createElement("svg", {
|
|
10646
|
-
width: width,
|
|
10647
|
-
height: height,
|
|
10648
10587
|
className: className,
|
|
10649
10588
|
viewBox: "0 0 840 740",
|
|
10650
10589
|
fill: "none",
|
|
@@ -10936,7 +10875,7 @@ var HeadGuideSvg = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
10936
10875
|
}))));
|
|
10937
10876
|
});
|
|
10938
10877
|
HeadGuideSvg.displayName = 'HeadGuideSvg';
|
|
10939
|
-
var PulsingHeadGuideContainer = styled.div(templateObject_1$
|
|
10878
|
+
var PulsingHeadGuideContainer = styled.div(templateObject_1$m || (templateObject_1$m = __makeTemplateObject(["\n display: flex;\n position: relative;\n height: 100%;\n max-height: 100%;\n\n & > .idmSdkWaves {\n position: absolute;\n animation: ", " 2s ease-out infinite;\n transform-style: preserve-3d;\n\n &:nth-child(2) {\n animation-delay: 0.66s;\n }\n\n &:nth-child(3) {\n animation-delay: 1.33s;\n }\n }\n\n & > .idmSdkWavesOrigin {\n position: relative;\n }\n"], ["\n display: flex;\n position: relative;\n height: 100%;\n max-height: 100%;\n\n & > .idmSdkWaves {\n position: absolute;\n animation: ", " 2s ease-out infinite;\n transform-style: preserve-3d;\n\n &:nth-child(2) {\n animation-delay: 0.66s;\n }\n\n &:nth-child(3) {\n animation-delay: 1.33s;\n }\n }\n\n & > .idmSdkWavesOrigin {\n position: relative;\n }\n"])), wavesAnimation);
|
|
10940
10879
|
function HeadGuide(_a) {
|
|
10941
10880
|
var _b;
|
|
10942
10881
|
var _c = _a.status,
|
|
@@ -10986,7 +10925,7 @@ function HeadGuide(_a) {
|
|
|
10986
10925
|
height: parentHeight
|
|
10987
10926
|
})));
|
|
10988
10927
|
}
|
|
10989
|
-
var AbsoluteSvg = styled.svg(templateObject_2$
|
|
10928
|
+
var AbsoluteSvg = styled.svg(templateObject_2$j || (templateObject_2$j = __makeTemplateObject(["\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n"], ["\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n"])));
|
|
10990
10929
|
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) {
|
|
10991
10930
|
return props.$verticalAlign === 'bottom' ? 'flex-end' : 'center';
|
|
10992
10931
|
});
|
|
@@ -11214,10 +11153,10 @@ function SelfieCaptureAnimatedMaskWithStatus(_a) {
|
|
|
11214
11153
|
status: status
|
|
11215
11154
|
}));
|
|
11216
11155
|
}
|
|
11217
|
-
var templateObject_1$
|
|
11156
|
+
var templateObject_1$m, templateObject_2$j, templateObject_3$e;
|
|
11218
11157
|
|
|
11219
|
-
var FaceCaptureGuideContainer = styled.div(templateObject_1$
|
|
11220
|
-
var FaceCaptureGuideInner = styled.div(templateObject_2$
|
|
11158
|
+
var FaceCaptureGuideContainer = styled.div(templateObject_1$l || (templateObject_1$l = __makeTemplateObject(["\n position: absolute;\n z-index: 1000;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 40px;\n box-sizing: border-box;\n"], ["\n position: absolute;\n z-index: 1000;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 40px;\n box-sizing: border-box;\n"])));
|
|
11159
|
+
var FaceCaptureGuideInner = styled.div(templateObject_2$i || (templateObject_2$i = __makeTemplateObject(["\n position: relative;\n height: 60%;\n"], ["\n position: relative;\n height: 60%;\n"])));
|
|
11221
11160
|
var FaceCaptureGuideOverlay = function FaceCaptureGuideOverlay(_a) {
|
|
11222
11161
|
var _b = _a.classNames,
|
|
11223
11162
|
classNames = _b === void 0 ? {} : _b,
|
|
@@ -11239,7 +11178,7 @@ var FaceCaptureGuideOverlay = function FaceCaptureGuideOverlay(_a) {
|
|
|
11239
11178
|
verticalAlign: "center"
|
|
11240
11179
|
})));
|
|
11241
11180
|
};
|
|
11242
|
-
var templateObject_1$
|
|
11181
|
+
var templateObject_1$l, templateObject_2$i;
|
|
11243
11182
|
|
|
11244
11183
|
var SelfieGuidanceModelsContext = /*#__PURE__*/createContext({
|
|
11245
11184
|
start: function start() {
|
|
@@ -11524,7 +11463,7 @@ var SelfieCaptureFallback = function SelfieCaptureFallback(_a) {
|
|
|
11524
11463
|
src: image,
|
|
11525
11464
|
alt: "",
|
|
11526
11465
|
className: classNames.image
|
|
11527
|
-
}))), /*#__PURE__*/React__default.createElement(StyledButtonsRow$
|
|
11466
|
+
}))), /*#__PURE__*/React__default.createElement(StyledButtonsRow$6, {
|
|
11528
11467
|
className: classNames.buttonsRow
|
|
11529
11468
|
}, image && !loading && !isMobile() && ( /*#__PURE__*/React__default.createElement(LoaderButton, {
|
|
11530
11469
|
className: classNames.retryCaptureBtn,
|
|
@@ -11559,12 +11498,12 @@ var SelfieCaptureFallback = function SelfieCaptureFallback(_a) {
|
|
|
11559
11498
|
}
|
|
11560
11499
|
}, !image ? invalidSelfie ? verbiage.retryButtonText : verbiage.captureBtnText : loading ? verbiage.doneBtnLoadingText : verbiage.doneBtnText)))));
|
|
11561
11500
|
};
|
|
11562
|
-
var StyledOverlayInner$1 = styled(OverlayInner$2)(templateObject_1$
|
|
11563
|
-
var Heading$7 = styled.h3(templateObject_2$
|
|
11501
|
+
var StyledOverlayInner$1 = styled(OverlayInner$2)(templateObject_1$k || (templateObject_1$k = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
11502
|
+
var Heading$7 = styled.h3(templateObject_2$h || (templateObject_2$h = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
11564
11503
|
var Description$2 = styled.p(templateObject_3$d || (templateObject_3$d = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
11565
11504
|
var ImageContainer$6 = styled(OverlayImageContainer)(templateObject_4$8 || (templateObject_4$8 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
11566
|
-
var StyledButtonsRow$
|
|
11567
|
-
var templateObject_1$
|
|
11505
|
+
var StyledButtonsRow$6 = styled(ButtonsRow$2)(templateObject_5$4 || (templateObject_5$4 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
11506
|
+
var templateObject_1$k, templateObject_2$h, templateObject_3$d, templateObject_4$8, templateObject_5$4;
|
|
11568
11507
|
|
|
11569
11508
|
var initialState$3 = {
|
|
11570
11509
|
busy: false,
|
|
@@ -11592,7 +11531,7 @@ var reducer$3 = function reducer(state, action) {
|
|
|
11592
11531
|
}
|
|
11593
11532
|
};
|
|
11594
11533
|
var SelfieCapture = function SelfieCapture(_a) {
|
|
11595
|
-
var _b, _c, _d, _e, _f
|
|
11534
|
+
var _b, _c, _d, _e, _f;
|
|
11596
11535
|
var onGuidanceSatisfied = _a.onGuidanceSatisfied,
|
|
11597
11536
|
onGuidanceNotSatisfied = _a.onGuidanceNotSatisfied,
|
|
11598
11537
|
onFaceDetected = _a.onFaceDetected,
|
|
@@ -11600,46 +11539,46 @@ var SelfieCapture = function SelfieCapture(_a) {
|
|
|
11600
11539
|
onSelfieCaptured = _a.onSelfieCaptured,
|
|
11601
11540
|
onTimeout = _a.onTimeout,
|
|
11602
11541
|
onExit = _a.onExit,
|
|
11603
|
-
|
|
11604
|
-
timeoutDurationMs =
|
|
11542
|
+
_g = _a.timeoutDurationMs,
|
|
11543
|
+
timeoutDurationMs = _g === void 0 ? 15000 : _g,
|
|
11605
11544
|
guidanceMessage = _a.guidanceMessage,
|
|
11606
11545
|
guidanceSatisfied = _a.guidanceSatisfied,
|
|
11607
11546
|
guidesComponent = _a.guidesComponent,
|
|
11608
|
-
|
|
11609
|
-
shouldCapture =
|
|
11610
|
-
|
|
11611
|
-
classNames =
|
|
11612
|
-
|
|
11613
|
-
colors =
|
|
11614
|
-
|
|
11615
|
-
rawVerbiage =
|
|
11616
|
-
|
|
11617
|
-
debugMode =
|
|
11618
|
-
var
|
|
11619
|
-
ref =
|
|
11620
|
-
|
|
11621
|
-
width =
|
|
11622
|
-
|
|
11623
|
-
height =
|
|
11624
|
-
var
|
|
11625
|
-
|
|
11626
|
-
busy =
|
|
11627
|
-
prediction =
|
|
11628
|
-
dispatch =
|
|
11547
|
+
_h = _a.shouldCapture,
|
|
11548
|
+
shouldCapture = _h === void 0 ? true : _h,
|
|
11549
|
+
_j = _a.classNames,
|
|
11550
|
+
classNames = _j === void 0 ? {} : _j,
|
|
11551
|
+
_k = _a.colors,
|
|
11552
|
+
colors = _k === void 0 ? {} : _k,
|
|
11553
|
+
_l = _a.verbiage,
|
|
11554
|
+
rawVerbiage = _l === void 0 ? {} : _l,
|
|
11555
|
+
_m = _a.debugMode,
|
|
11556
|
+
debugMode = _m === void 0 ? false : _m;
|
|
11557
|
+
var _o = useResizeObserver(),
|
|
11558
|
+
ref = _o.ref,
|
|
11559
|
+
_p = _o.width,
|
|
11560
|
+
width = _p === void 0 ? 1 : _p,
|
|
11561
|
+
_q = _o.height,
|
|
11562
|
+
height = _q === void 0 ? 1 : _q;
|
|
11563
|
+
var _r = useReducer(reducer$3, initialState$3),
|
|
11564
|
+
_s = _r[0],
|
|
11565
|
+
busy = _s.busy,
|
|
11566
|
+
prediction = _s.prediction,
|
|
11567
|
+
dispatch = _r[1];
|
|
11629
11568
|
var lastPredictionCanvas = useRef(null);
|
|
11630
|
-
var
|
|
11569
|
+
var _t = useCameraStore(useShallow(function (state) {
|
|
11631
11570
|
return {
|
|
11632
11571
|
camera: state.camera,
|
|
11633
11572
|
cameraReady: state.cameraReady,
|
|
11634
11573
|
videoRef: state.videoRef
|
|
11635
11574
|
};
|
|
11636
11575
|
})),
|
|
11637
|
-
camera =
|
|
11638
|
-
videoRef =
|
|
11639
|
-
var
|
|
11640
|
-
onPredictionMade =
|
|
11641
|
-
canvasRef =
|
|
11642
|
-
guidanceError =
|
|
11576
|
+
camera = _t.camera,
|
|
11577
|
+
videoRef = _t.videoRef;
|
|
11578
|
+
var _u = useContext(SelfieGuidanceModelsContext),
|
|
11579
|
+
onPredictionMade = _u.onPredictionMade,
|
|
11580
|
+
canvasRef = _u.canvasRef,
|
|
11581
|
+
guidanceError = _u.error;
|
|
11643
11582
|
onPredictionMade(useThrottledCallback(useCallback(function (prediction) {
|
|
11644
11583
|
return __awaiter(void 0, void 0, void 0, function () {
|
|
11645
11584
|
return __generator(this, function (_a) {
|
|
@@ -11684,9 +11623,9 @@ var SelfieCapture = function SelfieCapture(_a) {
|
|
|
11684
11623
|
if (timer) clearTimeout(timer);
|
|
11685
11624
|
};
|
|
11686
11625
|
}, [onSelfieCaptureStarted, onSelfieCaptured, prediction]);
|
|
11687
|
-
var
|
|
11688
|
-
timedOut =
|
|
11689
|
-
timeoutStartedAt =
|
|
11626
|
+
var _v = useTimeout(timeoutDurationMs, onTimeout),
|
|
11627
|
+
timedOut = _v.timedOut,
|
|
11628
|
+
timeoutStartedAt = _v.timeoutStartedAt;
|
|
11690
11629
|
var debugScalingDetails = useDebugScalingDetails({
|
|
11691
11630
|
enabled: debugMode,
|
|
11692
11631
|
pageWidth: width,
|
|
@@ -11714,9 +11653,9 @@ var SelfieCapture = function SelfieCapture(_a) {
|
|
|
11714
11653
|
});
|
|
11715
11654
|
}
|
|
11716
11655
|
var GuidesComponent = guidesComponent !== null && guidesComponent !== void 0 ? guidesComponent : FaceCaptureGuideOverlay;
|
|
11717
|
-
return /*#__PURE__*/React__default.createElement(
|
|
11656
|
+
return /*#__PURE__*/React__default.createElement(Container$2, {
|
|
11718
11657
|
ref: ref,
|
|
11719
|
-
className:
|
|
11658
|
+
className: classNames.container
|
|
11720
11659
|
}, /*#__PURE__*/React__default.createElement(InvisibleCanvas, {
|
|
11721
11660
|
ref: lastPredictionCanvas
|
|
11722
11661
|
}), /*#__PURE__*/React__default.createElement(GuidesComponent, {
|
|
@@ -11736,6 +11675,8 @@ var SelfieCapture = function SelfieCapture(_a) {
|
|
|
11736
11675
|
className: classNames.exitCaptureBtn
|
|
11737
11676
|
}));
|
|
11738
11677
|
};
|
|
11678
|
+
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"])));
|
|
11679
|
+
var templateObject_1$j;
|
|
11739
11680
|
|
|
11740
11681
|
var initialState$2 = {
|
|
11741
11682
|
frame: null,
|
|
@@ -12123,9 +12064,9 @@ var FaceLivenessSuccess = function FaceLivenessSuccess(_a) {
|
|
|
12123
12064
|
finished: true
|
|
12124
12065
|
}, verbiage.retryBtnText)))));
|
|
12125
12066
|
};
|
|
12126
|
-
var ImageContainer$5 = styled.div(templateObject_1$
|
|
12127
|
-
var Heading$6 = styled.h3(templateObject_2$
|
|
12128
|
-
var templateObject_1$
|
|
12067
|
+
var ImageContainer$5 = styled.div(templateObject_1$i || (templateObject_1$i = __makeTemplateObject(["\n position: relative;\n flex-grow: 1;\n margin-bottom: 25px;\n max-width: 100%;\n max-height: 100%;\n overflow-y: auto;\n border-radius: 12px;\n\n & > img,\n & > svg {\n width: 100%;\n max-width: 100%;\n margin: 0 auto;\n display: block;\n border-radius: 12px;\n }\n"], ["\n position: relative;\n flex-grow: 1;\n margin-bottom: 25px;\n max-width: 100%;\n max-height: 100%;\n overflow-y: auto;\n border-radius: 12px;\n\n & > img,\n & > svg {\n width: 100%;\n max-width: 100%;\n margin: 0 auto;\n display: block;\n border-radius: 12px;\n }\n"])));
|
|
12068
|
+
var Heading$6 = styled.h3(templateObject_2$g || (templateObject_2$g = __makeTemplateObject(["\n font-size: 1.2rem;\n margin: 0;\n"], ["\n font-size: 1.2rem;\n margin: 0;\n"])));
|
|
12069
|
+
var templateObject_1$i, templateObject_2$g;
|
|
12129
12070
|
|
|
12130
12071
|
var FaceLivenessFailure = function FaceLivenessFailure(_a) {
|
|
12131
12072
|
var _b = _a.canRetry,
|
|
@@ -12174,9 +12115,9 @@ var FaceLivenessFailure = function FaceLivenessFailure(_a) {
|
|
|
12174
12115
|
finished: true
|
|
12175
12116
|
}, verbiage.exitBtnText)))));
|
|
12176
12117
|
};
|
|
12177
|
-
var ImageContainer$4 = styled(OverlayImageContainer)(templateObject_1$
|
|
12178
|
-
var Heading$5 = styled.h3(templateObject_2$
|
|
12179
|
-
var templateObject_1$
|
|
12118
|
+
var ImageContainer$4 = styled(OverlayImageContainer)(templateObject_1$h || (templateObject_1$h = __makeTemplateObject(["\n max-height: calc(100vh - 185px);\n"], ["\n max-height: calc(100vh - 185px);\n"])));
|
|
12119
|
+
var Heading$5 = styled.h3(templateObject_2$f || (templateObject_2$f = __makeTemplateObject(["\n margin-bottom: 36px;\n"], ["\n margin-bottom: 36px;\n"])));
|
|
12120
|
+
var templateObject_1$h, templateObject_2$f;
|
|
12180
12121
|
|
|
12181
12122
|
var MicrophoneAccessDeniedOverlay = function MicrophoneAccessDeniedOverlay(_a) {
|
|
12182
12123
|
var _b;
|
|
@@ -12201,7 +12142,7 @@ var MicrophoneAccessDeniedOverlay = function MicrophoneAccessDeniedOverlay(_a) {
|
|
|
12201
12142
|
className: "flex ".concat((_b = classNames.container) !== null && _b !== void 0 ? _b : '')
|
|
12202
12143
|
}, /*#__PURE__*/React__default.createElement(StyledOverlayInner, {
|
|
12203
12144
|
className: classNames.inner
|
|
12204
|
-
}, /*#__PURE__*/React__default.createElement(StyledOverlayImageContainer
|
|
12145
|
+
}, /*#__PURE__*/React__default.createElement(StyledOverlayImageContainer, {
|
|
12205
12146
|
className: classNames.imageContainer
|
|
12206
12147
|
}, /*#__PURE__*/React__default.createElement("img", {
|
|
12207
12148
|
src: assets.imageUrl,
|
|
@@ -12219,11 +12160,11 @@ var MicrophoneAccessDeniedOverlay = function MicrophoneAccessDeniedOverlay(_a) {
|
|
|
12219
12160
|
finished: true
|
|
12220
12161
|
}, verbiage.retryBtnText)));
|
|
12221
12162
|
};
|
|
12222
|
-
var StyledOverlayInner = styled(OverlayInner$2)(templateObject_1$
|
|
12223
|
-
var StyledOverlayImageContainer
|
|
12163
|
+
var StyledOverlayInner = styled(OverlayInner$2)(templateObject_1$g || (templateObject_1$g = __makeTemplateObject(["\n max-width: 500px;\n height: auto;\n margin: auto;\n"], ["\n max-width: 500px;\n height: auto;\n margin: auto;\n"])));
|
|
12164
|
+
var StyledOverlayImageContainer = styled(OverlayImageContainer)(templateObject_2$e || (templateObject_2$e = __makeTemplateObject(["\n flex-grow: 0;\n"], ["\n flex-grow: 0;\n"])));
|
|
12224
12165
|
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"])));
|
|
12225
12166
|
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"])));
|
|
12226
|
-
var templateObject_1$
|
|
12167
|
+
var templateObject_1$g, templateObject_2$e, templateObject_3$c, templateObject_4$7;
|
|
12227
12168
|
|
|
12228
12169
|
var SelfieCaptureLoadingOverlayLegacy = function SelfieCaptureLoadingOverlayLegacy(_a) {
|
|
12229
12170
|
var onDismissed = _a.onDismissed,
|
|
@@ -12295,13 +12236,13 @@ var SelfieCaptureLoadingOverlayLegacy = function SelfieCaptureLoadingOverlayLega
|
|
|
12295
12236
|
}, verbiage.headingText), onUserCancel && ( /*#__PURE__*/React__default.createElement(ExitCaptureButton, {
|
|
12296
12237
|
onClick: onUserCancel,
|
|
12297
12238
|
className: classNames.cancelBtn
|
|
12298
|
-
})), /*#__PURE__*/React__default.createElement(StyledGuidanceMessage
|
|
12239
|
+
})), /*#__PURE__*/React__default.createElement(StyledGuidanceMessage, null, verbiage.removeEyeCoveringsText, /*#__PURE__*/React__default.createElement("br", null), verbiage.avoidExcessiveBacklightingText), /*#__PURE__*/React__default.createElement(OverlayImageContainer, {
|
|
12299
12240
|
className: classNames.imageContainer
|
|
12300
12241
|
}, /*#__PURE__*/React__default.createElement("img", {
|
|
12301
12242
|
className: classNames.image,
|
|
12302
12243
|
alt: verbiage.headingText,
|
|
12303
12244
|
src: assets.instructionImageUrl
|
|
12304
|
-
})), /*#__PURE__*/React__default.createElement(StyledButtonsRow$
|
|
12245
|
+
})), /*#__PURE__*/React__default.createElement(StyledButtonsRow$5, {
|
|
12305
12246
|
className: classNames.buttonsRow
|
|
12306
12247
|
}, /*#__PURE__*/React__default.createElement(LoaderButton, {
|
|
12307
12248
|
variant: "positive",
|
|
@@ -12315,18 +12256,11 @@ var SelfieCaptureLoadingOverlayLegacy = function SelfieCaptureLoadingOverlayLega
|
|
|
12315
12256
|
}
|
|
12316
12257
|
}, ready ? verbiage.continueText : allModelsReady ? verbiage.cameraInitializingText : modelDownloadProgress >= 100 ? "".concat(verbiage.modelsWarmingUpText) : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)")))));
|
|
12317
12258
|
};
|
|
12318
|
-
var StyledGuidanceMessage
|
|
12319
|
-
var StyledButtonsRow$
|
|
12320
|
-
var templateObject_1$
|
|
12259
|
+
var StyledGuidanceMessage = styled(GuidanceMessage)(templateObject_1$f || (templateObject_1$f = __makeTemplateObject(["\n padding: 12px 24px;\n font-weight: normal;\n line-height: 1.5;\n margin-bottom: -30px;\n"], ["\n padding: 12px 24px;\n font-weight: normal;\n line-height: 1.5;\n margin-bottom: -30px;\n"])));
|
|
12260
|
+
var StyledButtonsRow$5 = styled(ButtonsRow$2)(templateObject_2$d || (templateObject_2$d = __makeTemplateObject(["\n flex-direction: column;\n padding-top: 25px;\n"], ["\n flex-direction: column;\n padding-top: 25px;\n"])));
|
|
12261
|
+
var templateObject_1$f, templateObject_2$d;
|
|
12321
12262
|
|
|
12322
12263
|
var legacyInstructionImageUrl = "".concat(DEFAULT_CDN_URL, "/Selfie-Image-1.png");
|
|
12323
|
-
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) {
|
|
12324
|
-
var _a, _b, _c, _d;
|
|
12325
|
-
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';
|
|
12326
|
-
}, function (props) {
|
|
12327
|
-
var _a, _b, _c, _d;
|
|
12328
|
-
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';
|
|
12329
|
-
});
|
|
12330
12264
|
var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDefault(_a) {
|
|
12331
12265
|
var onDismissed = _a.onDismissed,
|
|
12332
12266
|
onUserCancel = _a.onUserCancel,
|
|
@@ -12409,11 +12343,11 @@ var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDef
|
|
|
12409
12343
|
}, onUserCancel && ( /*#__PURE__*/React__default.createElement(ExitCaptureButton, {
|
|
12410
12344
|
onClick: onUserCancel,
|
|
12411
12345
|
className: classNames.cancelBtn
|
|
12412
|
-
})), customOverlayContent || ( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(
|
|
12346
|
+
})), customOverlayContent || ( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(LoadingOverlayHeader, {
|
|
12413
12347
|
className: classNames.headingContainer
|
|
12414
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
12348
|
+
}, /*#__PURE__*/React__default.createElement(LoadingOverlayGuidanceMessage, {
|
|
12415
12349
|
className: classNames.heading
|
|
12416
|
-
}, headingText)), /*#__PURE__*/React__default.createElement(
|
|
12350
|
+
}, headingText)), /*#__PURE__*/React__default.createElement(LoadingOverlayImageContainer, {
|
|
12417
12351
|
className: classNames.imageContainer
|
|
12418
12352
|
}, (assets === null || assets === void 0 ? void 0 : assets.instructionImageUrl) && assets.instructionImageUrl !== legacyInstructionImageUrl ? ( /*#__PURE__*/React__default.createElement(CustomLoadingGraphic, {
|
|
12419
12353
|
className: classNames.image,
|
|
@@ -12421,32 +12355,32 @@ var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDef
|
|
|
12421
12355
|
src: assets.instructionImageUrl
|
|
12422
12356
|
})) : ( /*#__PURE__*/React__default.createElement(SelfieCaptureLoadingGraphic, {
|
|
12423
12357
|
className: classNames.image
|
|
12424
|
-
}))))), /*#__PURE__*/React__default.createElement(
|
|
12358
|
+
}))))), /*#__PURE__*/React__default.createElement(ButtonsRow, {
|
|
12425
12359
|
className: classNames.buttonsRow
|
|
12426
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
12360
|
+
}, /*#__PURE__*/React__default.createElement(LoadingOverlayProgressContainer, {
|
|
12427
12361
|
className: classNames.progressContainer
|
|
12428
12362
|
}, /*#__PURE__*/React__default.createElement(ProgressBarBackground, {
|
|
12429
12363
|
className: classNames.progressBackground
|
|
12430
|
-
}), /*#__PURE__*/React__default.createElement(
|
|
12364
|
+
}), /*#__PURE__*/React__default.createElement(LoadingOverlayProgressBar, {
|
|
12431
12365
|
"$progress": modelDownloadProgress,
|
|
12432
12366
|
className: classNames.progressBar
|
|
12433
12367
|
}, /*#__PURE__*/React__default.createElement(ProgressIndicator, {
|
|
12434
12368
|
className: classNames.progressIndicator
|
|
12435
|
-
}))), /*#__PURE__*/React__default.createElement(
|
|
12369
|
+
}))), /*#__PURE__*/React__default.createElement(LoadingOverlayLoadingListContainer, {
|
|
12436
12370
|
className: classNames.loadingListContainer
|
|
12437
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
12371
|
+
}, /*#__PURE__*/React__default.createElement(LoadingOverlayLoadingList, {
|
|
12438
12372
|
className: classNames.loadingList
|
|
12439
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
12373
|
+
}, /*#__PURE__*/React__default.createElement(LoadingOverlayLoadingListItem, {
|
|
12440
12374
|
className: cn(classNames.loadingListItem, cameraReady ? 'done' : 'running')
|
|
12441
12375
|
}, /*#__PURE__*/React__default.createElement(LoadingListItemIndicator, {
|
|
12442
12376
|
className: classNames.loadingListItemIndicator,
|
|
12443
12377
|
state: cameraReady ? 'done' : 'running'
|
|
12444
|
-
}), cameraReady ? verbiage.cameraInitializedText : verbiage.cameraInitializingText), /*#__PURE__*/React__default.createElement(
|
|
12378
|
+
}), cameraReady ? verbiage.cameraInitializedText : verbiage.cameraInitializingText), /*#__PURE__*/React__default.createElement(LoadingOverlayLoadingListItem, {
|
|
12445
12379
|
className: cn(classNames.loadingListItem, sessionReady && allModelsReady ? 'done' : 'running')
|
|
12446
12380
|
}, /*#__PURE__*/React__default.createElement(LoadingListItemIndicator, {
|
|
12447
12381
|
className: classNames.loadingListItemIndicator,
|
|
12448
12382
|
state: sessionReady && allModelsReady ? 'done' : 'running'
|
|
12449
|
-
}), !sessionReady ? verbiage.sessionCheckingText :
|
|
12383
|
+
}), !sessionReady ? verbiage.sessionCheckingText : allModelsReady ? verbiage.modelsReadyText : modelDownloadProgress >= 100 ? verbiage.modelsWarmingUpText : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)")))), /*#__PURE__*/React__default.createElement(ContinueButtonContainer, {
|
|
12450
12384
|
className: classNames.continueBtnContainer
|
|
12451
12385
|
}, ready && ( /*#__PURE__*/React__default.createElement(ContinueButton, {
|
|
12452
12386
|
autoFocus: true,
|
|
@@ -12460,42 +12394,34 @@ var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDef
|
|
|
12460
12394
|
}
|
|
12461
12395
|
}, verbiage.continueText))))));
|
|
12462
12396
|
};
|
|
12463
|
-
var
|
|
12464
|
-
var _a;
|
|
12465
|
-
return (_a = props.theme.
|
|
12397
|
+
var OverlayInner = styled(LoadingOverlayInner)(templateObject_1$e || (templateObject_1$e = __makeTemplateObject(["\n background: ", ";\n color: ", ";\n"], ["\n background: ", ";\n color: ", ";\n"])), function (props) {
|
|
12398
|
+
var _a, _b, _c, _d;
|
|
12399
|
+
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';
|
|
12466
12400
|
}, function (props) {
|
|
12467
|
-
|
|
12401
|
+
var _a, _b, _c, _d;
|
|
12402
|
+
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';
|
|
12468
12403
|
});
|
|
12469
|
-
var
|
|
12470
|
-
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) {
|
|
12404
|
+
var ButtonsRow = styled(LoadingOverlayButtonsRow)(templateObject_2$c || (templateObject_2$c = __makeTemplateObject(["\n color: ", ";\n ", "\n"], ["\n color: ", ";\n ", "\n"])), function (props) {
|
|
12471
12405
|
var _a, _b, _c, _d;
|
|
12472
12406
|
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';
|
|
12473
12407
|
}, function (props) {
|
|
12474
12408
|
var _a, _b, _c, _d, _e, _f;
|
|
12475
12409
|
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, ";") : '';
|
|
12476
12410
|
});
|
|
12477
|
-
var
|
|
12478
|
-
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"])));
|
|
12479
|
-
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"])));
|
|
12480
|
-
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"])));
|
|
12481
|
-
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"])));
|
|
12482
|
-
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) {
|
|
12411
|
+
var ProgressBarBackground = styled(LoadingOverlayProgressBarBackground)(templateObject_3$b || (templateObject_3$b = __makeTemplateObject(["\n background: ", ";\n opacity: ", ";\n"], ["\n background: ", ";\n opacity: ", ";\n"])), function (props) {
|
|
12483
12412
|
var _a, _b, _c, _d;
|
|
12484
12413
|
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)';
|
|
12485
12414
|
}, function (props) {
|
|
12486
12415
|
var _a, _b, _c, _d;
|
|
12487
12416
|
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;
|
|
12488
12417
|
});
|
|
12489
|
-
var
|
|
12490
|
-
return props.$progress;
|
|
12491
|
-
});
|
|
12492
|
-
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) {
|
|
12418
|
+
var ProgressIndicator = styled(LoadingOverlayProgressIndicator)(templateObject_4$6 || (templateObject_4$6 = __makeTemplateObject(["\n background: ", ";\n"], ["\n background: ", ";\n"])), function (props) {
|
|
12493
12419
|
var _a, _b, _c, _d;
|
|
12494
12420
|
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)';
|
|
12495
|
-
}
|
|
12496
|
-
var CustomLoadingGraphic = styled.img(
|
|
12497
|
-
var ContinueButtonContainer = styled.div(
|
|
12498
|
-
var ContinueButton = styled(LoaderButton)(
|
|
12421
|
+
});
|
|
12422
|
+
var CustomLoadingGraphic = styled.img(templateObject_5$3 || (templateObject_5$3 = __makeTemplateObject(["\n transform-style: preserve-3d;\n"], ["\n transform-style: preserve-3d;\n"])));
|
|
12423
|
+
var ContinueButtonContainer = styled.div(templateObject_6$3 || (templateObject_6$3 = __makeTemplateObject(["\n display: flex;\n"], ["\n display: flex;\n"])));
|
|
12424
|
+
var ContinueButton = styled(LoaderButton)(templateObject_7$2 || (templateObject_7$2 = __makeTemplateObject(["\n margin: auto;\n white-space: nowrap;\n ", "\n ", "\n \n &:focus-visible {\n ", "\n box-shadow: none;\n }\n"], ["\n margin: auto;\n white-space: nowrap;\n ", "\n ", "\n \n &:focus-visible {\n ", "\n box-shadow: none;\n }\n"])), function (props) {
|
|
12499
12425
|
var _a, _b, _c, _d, _e, _f;
|
|
12500
12426
|
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, ";") : '';
|
|
12501
12427
|
}, function (props) {
|
|
@@ -12505,7 +12431,7 @@ var ContinueButton = styled(LoaderButton)(templateObject_15 || (templateObject_1
|
|
|
12505
12431
|
var _a, _b, _c, _d, _e, _f;
|
|
12506
12432
|
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, ";") : '';
|
|
12507
12433
|
});
|
|
12508
|
-
var templateObject_1$
|
|
12434
|
+
var templateObject_1$e, templateObject_2$c, templateObject_3$b, templateObject_4$6, templateObject_5$3, templateObject_6$3, templateObject_7$2;
|
|
12509
12435
|
|
|
12510
12436
|
var components = {
|
|
12511
12437
|
"default": SelfieCaptureLoadingOverlayDefault,
|
|
@@ -12521,7 +12447,7 @@ var SelfieCaptureLoadingOverlay = function SelfieCaptureLoadingOverlay(_a) {
|
|
|
12521
12447
|
};
|
|
12522
12448
|
|
|
12523
12449
|
var FaceLivenessWizard = function FaceLivenessWizard(_a) {
|
|
12524
|
-
var _b
|
|
12450
|
+
var _b;
|
|
12525
12451
|
var onComplete = _a.onComplete,
|
|
12526
12452
|
onSuccess = _a.onSuccess,
|
|
12527
12453
|
onFailure = _a.onFailure,
|
|
@@ -12531,70 +12457,70 @@ var FaceLivenessWizard = function FaceLivenessWizard(_a) {
|
|
|
12531
12457
|
onExitAfterFailure = _a.onExitAfterFailure,
|
|
12532
12458
|
onUserCancel = _a.onUserCancel,
|
|
12533
12459
|
precapturedDocuments = _a.precapturedDocuments,
|
|
12534
|
-
|
|
12535
|
-
loadingOverlayMode =
|
|
12460
|
+
_c = _a.loadingOverlayMode,
|
|
12461
|
+
loadingOverlayMode = _c === void 0 ? 'default' : _c,
|
|
12536
12462
|
customOverlayContent = _a.customOverlayContent,
|
|
12537
12463
|
onLoadingOverlayDismissed = _a.onLoadingOverlayDismissed,
|
|
12538
|
-
|
|
12539
|
-
initialCaptureDelayMs =
|
|
12540
|
-
|
|
12541
|
-
timeoutDurationMs =
|
|
12542
|
-
|
|
12543
|
-
maxRetries =
|
|
12544
|
-
|
|
12545
|
-
skipSuccessScreen =
|
|
12546
|
-
|
|
12547
|
-
allowLivenessFailure =
|
|
12548
|
-
|
|
12549
|
-
renderCameraFeed =
|
|
12550
|
-
|
|
12551
|
-
releaseCameraAccessOnExit =
|
|
12552
|
-
|
|
12553
|
-
silentFallback =
|
|
12554
|
-
|
|
12555
|
-
waitForIdCaptureModels =
|
|
12464
|
+
_d = _a.initialCaptureDelayMs,
|
|
12465
|
+
initialCaptureDelayMs = _d === void 0 ? 1000 : _d,
|
|
12466
|
+
_e = _a.timeoutDurationMs,
|
|
12467
|
+
timeoutDurationMs = _e === void 0 ? 15000 : _e,
|
|
12468
|
+
_f = _a.maxRetries,
|
|
12469
|
+
maxRetries = _f === void 0 ? 2 : _f,
|
|
12470
|
+
_g = _a.skipSuccessScreen,
|
|
12471
|
+
skipSuccessScreen = _g === void 0 ? false : _g,
|
|
12472
|
+
_h = _a.allowLivenessFailure,
|
|
12473
|
+
allowLivenessFailure = _h === void 0 ? false : _h,
|
|
12474
|
+
_j = _a.renderCameraFeed,
|
|
12475
|
+
renderCameraFeed = _j === void 0 ? true : _j,
|
|
12476
|
+
_k = _a.releaseCameraAccessOnExit,
|
|
12477
|
+
releaseCameraAccessOnExit = _k === void 0 ? true : _k,
|
|
12478
|
+
_l = _a.silentFallback,
|
|
12479
|
+
silentFallback = _l === void 0 ? false : _l,
|
|
12480
|
+
_m = _a.waitForIdCaptureModels,
|
|
12481
|
+
waitForIdCaptureModels = _m === void 0 ? false : _m,
|
|
12556
12482
|
guidesComponent = _a.guidesComponent,
|
|
12557
12483
|
disableCapturePreview = _a.disableCapturePreview,
|
|
12558
|
-
|
|
12559
|
-
assets =
|
|
12560
|
-
|
|
12561
|
-
classNames =
|
|
12562
|
-
|
|
12563
|
-
colors =
|
|
12564
|
-
|
|
12565
|
-
verbiage =
|
|
12566
|
-
|
|
12567
|
-
debugMode =
|
|
12568
|
-
var
|
|
12569
|
-
submissionResponse =
|
|
12570
|
-
livenessCheckRequest =
|
|
12571
|
-
setSelfieImage =
|
|
12572
|
-
logSelfieCaptureAttempt =
|
|
12573
|
-
var
|
|
12484
|
+
_o = _a.assets,
|
|
12485
|
+
assets = _o === void 0 ? {} : _o,
|
|
12486
|
+
_p = _a.classNames,
|
|
12487
|
+
classNames = _p === void 0 ? {} : _p,
|
|
12488
|
+
_q = _a.colors,
|
|
12489
|
+
colors = _q === void 0 ? {} : _q,
|
|
12490
|
+
_r = _a.verbiage,
|
|
12491
|
+
verbiage = _r === void 0 ? {} : _r,
|
|
12492
|
+
_s = _a.debugMode,
|
|
12493
|
+
debugMode = _s === void 0 ? false : _s;
|
|
12494
|
+
var _t = useContext(SubmissionContext),
|
|
12495
|
+
submissionResponse = _t.submissionResponse,
|
|
12496
|
+
livenessCheckRequest = _t.livenessCheckRequest,
|
|
12497
|
+
setSelfieImage = _t.setSelfieImage,
|
|
12498
|
+
logSelfieCaptureAttempt = _t.logSelfieCaptureAttempt;
|
|
12499
|
+
var _u = useCameraStore(useShallow(function (state) {
|
|
12574
12500
|
return {
|
|
12575
12501
|
cameraAccessDenied: state.cameraAccessDenied,
|
|
12576
12502
|
requestCameraAccess: state.requestCameraAccess,
|
|
12577
12503
|
releaseCameraAccess: state.releaseCameraAccess
|
|
12578
12504
|
};
|
|
12579
12505
|
})),
|
|
12580
|
-
cameraAccessDenied =
|
|
12581
|
-
requestCameraAccess =
|
|
12582
|
-
releaseCameraAccess =
|
|
12583
|
-
var
|
|
12584
|
-
faceCropImageUrl =
|
|
12585
|
-
setFaceCropImageUrl =
|
|
12586
|
-
var
|
|
12587
|
-
retryCount =
|
|
12588
|
-
setRetryCount =
|
|
12589
|
-
var
|
|
12590
|
-
captureState =
|
|
12591
|
-
setCaptureState =
|
|
12506
|
+
cameraAccessDenied = _u.cameraAccessDenied,
|
|
12507
|
+
requestCameraAccess = _u.requestCameraAccess,
|
|
12508
|
+
releaseCameraAccess = _u.releaseCameraAccess;
|
|
12509
|
+
var _v = useState(''),
|
|
12510
|
+
faceCropImageUrl = _v[0],
|
|
12511
|
+
setFaceCropImageUrl = _v[1];
|
|
12512
|
+
var _w = useState(0),
|
|
12513
|
+
retryCount = _w[0],
|
|
12514
|
+
setRetryCount = _w[1];
|
|
12515
|
+
var _x = useState('LOADING'),
|
|
12516
|
+
captureState = _x[0],
|
|
12517
|
+
setCaptureState = _x[1];
|
|
12592
12518
|
var captureStartedAt = useRef();
|
|
12593
12519
|
var operationStartedAt = useRef();
|
|
12594
12520
|
var livenessScore = useRef();
|
|
12595
|
-
var
|
|
12596
|
-
start =
|
|
12597
|
-
stop =
|
|
12521
|
+
var _y = useContext(SelfieGuidanceModelsContext),
|
|
12522
|
+
start = _y.start,
|
|
12523
|
+
stop = _y.stop;
|
|
12598
12524
|
useEffect(function () {
|
|
12599
12525
|
if (precapturedDocuments === null || precapturedDocuments === void 0 ? void 0 : precapturedDocuments.selfie) {
|
|
12600
12526
|
setSelfieImage(precapturedDocuments.selfie.imageData);
|
|
@@ -12678,9 +12604,9 @@ var FaceLivenessWizard = function FaceLivenessWizard(_a) {
|
|
|
12678
12604
|
}
|
|
12679
12605
|
onDenied === null || onDenied === void 0 ? void 0 : onDenied(submissionResponse, livenessCheckRequest);
|
|
12680
12606
|
}, [allowLivenessFailure, onDenied, submissionResponse, livenessCheckRequest]);
|
|
12681
|
-
var
|
|
12682
|
-
attempt =
|
|
12683
|
-
setAttempt =
|
|
12607
|
+
var _z = useState(0),
|
|
12608
|
+
attempt = _z[0],
|
|
12609
|
+
setAttempt = _z[1];
|
|
12684
12610
|
var onExitCallback = useCallback(function () {
|
|
12685
12611
|
setAttempt(function (n) {
|
|
12686
12612
|
return n + 1;
|
|
@@ -12728,10 +12654,8 @@ var FaceLivenessWizard = function FaceLivenessWizard(_a) {
|
|
|
12728
12654
|
}, [livenessCheckRequest, onExitAfterFailure, releaseCameraAccess, releaseCameraAccessOnExit, submissionResponse]);
|
|
12729
12655
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(InvisibleCanvas, {
|
|
12730
12656
|
ref: resizeCanvas
|
|
12731
|
-
}), /*#__PURE__*/React__default.createElement(
|
|
12732
|
-
className:
|
|
12733
|
-
}, renderCameraFeed && ( /*#__PURE__*/React__default.createElement(CameraVideoTag, {
|
|
12734
|
-
className: (_d = classNames.capture) === null || _d === void 0 ? void 0 : _d.cameraFeed
|
|
12657
|
+
}), renderCameraFeed && ( /*#__PURE__*/React__default.createElement(CameraVideoTag, {
|
|
12658
|
+
className: (_b = classNames.capture) === null || _b === void 0 ? void 0 : _b.cameraFeed
|
|
12735
12659
|
})), captureState !== 'LOADING' && function () {
|
|
12736
12660
|
switch (captureState) {
|
|
12737
12661
|
case 'CAPTURING':
|
|
@@ -12781,7 +12705,7 @@ var FaceLivenessWizard = function FaceLivenessWizard(_a) {
|
|
|
12781
12705
|
default:
|
|
12782
12706
|
return null;
|
|
12783
12707
|
}
|
|
12784
|
-
}()
|
|
12708
|
+
}(), /*#__PURE__*/React__default.createElement(SelfieCaptureLoadingOverlay, {
|
|
12785
12709
|
key: attempt,
|
|
12786
12710
|
mode: loadingOverlayMode,
|
|
12787
12711
|
customOverlayContent: customOverlayContent,
|
|
@@ -12908,11 +12832,11 @@ var AdditionalDocumentCapture = function AdditionalDocumentCapture(_a) {
|
|
|
12908
12832
|
}
|
|
12909
12833
|
}, verbiage.captureBtnText)))));
|
|
12910
12834
|
};
|
|
12911
|
-
var Inner$2 = styled(OverlayInner$2)(templateObject_1$
|
|
12912
|
-
var Heading$4 = styled.h3(templateObject_2$
|
|
12835
|
+
var Inner$2 = styled(OverlayInner$2)(templateObject_1$d || (templateObject_1$d = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
12836
|
+
var Heading$4 = styled.h3(templateObject_2$b || (templateObject_2$b = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
12913
12837
|
var Description = styled.p(templateObject_3$a || (templateObject_3$a = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
12914
|
-
var StyledButtonsRow$4 = styled(ButtonsRow)(templateObject_4$5 || (templateObject_4$5 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
12915
|
-
var templateObject_1$
|
|
12838
|
+
var StyledButtonsRow$4 = styled(ButtonsRow$2)(templateObject_4$5 || (templateObject_4$5 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
12839
|
+
var templateObject_1$d, templateObject_2$b, templateObject_3$a, templateObject_4$5;
|
|
12916
12840
|
|
|
12917
12841
|
var AdditionalDocumentCaptureWizard = function AdditionalDocumentCaptureWizard(_a) {
|
|
12918
12842
|
var documents = _a.documents,
|
|
@@ -13062,7 +12986,7 @@ function convertSVGtoImg(svgData_1) {
|
|
|
13062
12986
|
});
|
|
13063
12987
|
}
|
|
13064
12988
|
|
|
13065
|
-
var SignaturePaperBacking = styled.div(templateObject_1$
|
|
12989
|
+
var SignaturePaperBacking = styled.div(templateObject_1$c || (templateObject_1$c = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n ", "\n ", "\n ", "\n"], ["\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n ", "\n ", "\n ", "\n"])), function (props) {
|
|
13066
12990
|
var _a, _b;
|
|
13067
12991
|
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, ";") : "";
|
|
13068
12992
|
}, function (props) {
|
|
@@ -13072,7 +12996,7 @@ var SignaturePaperBacking = styled.div(templateObject_1$b || (templateObject_1$b
|
|
|
13072
12996
|
var _a, _b;
|
|
13073
12997
|
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, ";") : "";
|
|
13074
12998
|
});
|
|
13075
|
-
var SignatureCanvasContainer$1 = styled.div(templateObject_2$
|
|
12999
|
+
var SignatureCanvasContainer$1 = styled.div(templateObject_2$a || (templateObject_2$a = __makeTemplateObject(["\n position: absolute;\n top: 25%;\n left: 15%;\n width: 70%;\n height: 50%;\n\n @media (max-width: 800px) {\n top: 15%;\n left: 2%;\n width: 96%;\n height: 70%;\n }\n"], ["\n position: absolute;\n top: 25%;\n left: 15%;\n width: 70%;\n height: 50%;\n\n @media (max-width: 800px) {\n top: 15%;\n left: 2%;\n width: 96%;\n height: 70%;\n }\n"])));
|
|
13076
13000
|
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) {
|
|
13077
13001
|
var _a, _b, _c;
|
|
13078
13002
|
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)';
|
|
@@ -13083,8 +13007,35 @@ var SignaturePad = styled.div(templateObject_3$9 || (templateObject_3$9 = __make
|
|
|
13083
13007
|
var _a, _b, _c;
|
|
13084
13008
|
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';
|
|
13085
13009
|
});
|
|
13086
|
-
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"])));
|
|
13087
|
-
var templateObject_1$
|
|
13010
|
+
var SignatureButtonsContainer = styled(ButtonsRow$2)(templateObject_4$4 || (templateObject_4$4 = __makeTemplateObject(["\n flex-grow: 0;\n padding-top: 12px;\n display: flex;\n z-index: 1000;\n position: relative;\n"], ["\n flex-grow: 0;\n padding-top: 12px;\n display: flex;\n z-index: 1000;\n position: relative;\n"])));
|
|
13011
|
+
var templateObject_1$c, templateObject_2$a, templateObject_3$9, templateObject_4$4;
|
|
13012
|
+
|
|
13013
|
+
var SdkPage = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
13014
|
+
var children = _a.children,
|
|
13015
|
+
className = _a.className,
|
|
13016
|
+
_b = _a.heightOffset,
|
|
13017
|
+
heightOffset = _b === void 0 ? 0 : _b,
|
|
13018
|
+
style = _a.style,
|
|
13019
|
+
onClick = _a.onClick;
|
|
13020
|
+
var theme = useTheme();
|
|
13021
|
+
return /*#__PURE__*/React__default.createElement(SdkPageOuter, {
|
|
13022
|
+
ref: ref,
|
|
13023
|
+
style: style,
|
|
13024
|
+
onClick: onClick,
|
|
13025
|
+
className: className,
|
|
13026
|
+
"$heightOffset": heightOffset
|
|
13027
|
+
}, theme.header && /*#__PURE__*/React__default.createElement(theme.header, null), /*#__PURE__*/React__default.createElement(SdkPageInner, null, children), theme.footer && /*#__PURE__*/React__default.createElement(theme.footer, null));
|
|
13028
|
+
});
|
|
13029
|
+
SdkPage.displayName = 'SdkPage';
|
|
13030
|
+
var SdkPageOuter = styled.div.attrs({
|
|
13031
|
+
className: 'sdk-page-outer'
|
|
13032
|
+
})(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) {
|
|
13033
|
+
return props.theme.fontFamily ? "font-family: ".concat(props.theme.fontFamily, ";") : "";
|
|
13034
|
+
}, function (props) {
|
|
13035
|
+
return props.theme.isFullscreen === false ? "" : "\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n ";
|
|
13036
|
+
});
|
|
13037
|
+
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"])));
|
|
13038
|
+
var templateObject_1$b, templateObject_2$9;
|
|
13088
13039
|
|
|
13089
13040
|
var SignatureCapture = function SignatureCapture(_a) {
|
|
13090
13041
|
var onAccept = _a.onAccept,
|
|
@@ -13119,7 +13070,7 @@ var SignatureCapture = function SignatureCapture(_a) {
|
|
|
13119
13070
|
});
|
|
13120
13071
|
});
|
|
13121
13072
|
}
|
|
13122
|
-
return /*#__PURE__*/React__default.createElement(
|
|
13073
|
+
return /*#__PURE__*/React__default.createElement(SdkPage, {
|
|
13123
13074
|
className: classNames.container
|
|
13124
13075
|
}, /*#__PURE__*/React__default.createElement(SignaturePaperBacking, {
|
|
13125
13076
|
className: classNames.inner
|
|
@@ -13551,8 +13502,11 @@ function VideoSignatureGuides(_a) {
|
|
|
13551
13502
|
signaturePad = _h.signaturePad,
|
|
13552
13503
|
onAcceptClicked = _h.onAcceptClicked;
|
|
13553
13504
|
var _j = useState(true),
|
|
13554
|
-
|
|
13555
|
-
|
|
13505
|
+
signaturePadEmpty = _j[0],
|
|
13506
|
+
setSignaturePadEmpty = _j[1];
|
|
13507
|
+
var _k = useState(false),
|
|
13508
|
+
signatureValid = _k[0],
|
|
13509
|
+
setSignatureValid = _k[1];
|
|
13556
13510
|
var verbiage = useTranslations(rawVerbiage, {
|
|
13557
13511
|
clearSignatureBtnText: 'Clear',
|
|
13558
13512
|
acceptSignatureBtnText: 'Accept'
|
|
@@ -13564,7 +13518,9 @@ function VideoSignatureGuides(_a) {
|
|
|
13564
13518
|
className: classNames.signatureCanvas
|
|
13565
13519
|
};
|
|
13566
13520
|
}, [classNames.signatureCanvas, height, width]);
|
|
13567
|
-
var
|
|
13521
|
+
var isSigning = requestedAction === 'CAPTURE_SIGNATURE';
|
|
13522
|
+
var canClear = isSigning && !signaturePadEmpty;
|
|
13523
|
+
var canSubmit = isSigning && signatureValid;
|
|
13568
13524
|
return /*#__PURE__*/React__default.createElement(Container$1, {
|
|
13569
13525
|
className: classNames.container
|
|
13570
13526
|
}, /*#__PURE__*/React__default.createElement(Inner$1, {
|
|
@@ -13588,23 +13544,27 @@ function VideoSignatureGuides(_a) {
|
|
|
13588
13544
|
}, /*#__PURE__*/React__default.createElement(SignatureCanvas, {
|
|
13589
13545
|
ref: signaturePad,
|
|
13590
13546
|
canvasProps: canvasProps,
|
|
13547
|
+
onBegin: function onBegin() {
|
|
13548
|
+
return setSignaturePadEmpty(false);
|
|
13549
|
+
},
|
|
13591
13550
|
onEnd: function onEnd() {
|
|
13592
13551
|
var _a, _b;
|
|
13593
13552
|
var strokes = (_b = (_a = signaturePad === null || signaturePad === void 0 ? void 0 : signaturePad.current) === null || _a === void 0 ? void 0 : _a.toData()) !== null && _b !== void 0 ? _b : [];
|
|
13594
13553
|
var points = strokes.flatMap(function (point) {
|
|
13595
13554
|
return point;
|
|
13596
13555
|
});
|
|
13597
|
-
|
|
13556
|
+
setSignatureValid(points.length >= minSignaturePadPoints);
|
|
13598
13557
|
}
|
|
13599
13558
|
})), /*#__PURE__*/React__default.createElement(SignatureButtonsContainer, {
|
|
13600
13559
|
className: classNames.signatureButtonsRow
|
|
13601
13560
|
}, /*#__PURE__*/React__default.createElement(LoaderButton, {
|
|
13602
13561
|
variant: "secondary",
|
|
13603
13562
|
className: classNames.clearSignatureBtn,
|
|
13604
|
-
disabled: !
|
|
13563
|
+
disabled: !canClear,
|
|
13605
13564
|
onClick: function onClick() {
|
|
13606
13565
|
var _a;
|
|
13607
|
-
|
|
13566
|
+
setSignaturePadEmpty(true);
|
|
13567
|
+
setSignatureValid(false);
|
|
13608
13568
|
(_a = signaturePad === null || signaturePad === void 0 ? void 0 : signaturePad.current) === null || _a === void 0 ? void 0 : _a.clear();
|
|
13609
13569
|
onClearSignaturePadClicked === null || onClearSignaturePadClicked === void 0 ? void 0 : onClearSignaturePadClicked();
|
|
13610
13570
|
},
|
|
@@ -13617,7 +13577,7 @@ function VideoSignatureGuides(_a) {
|
|
|
13617
13577
|
finished: true
|
|
13618
13578
|
}, verbiage.acceptSignatureBtnText))))));
|
|
13619
13579
|
}
|
|
13620
|
-
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
|
|
13580
|
+
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 top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n font-family: ", ";\n box-sizing: border-box;\n overflow: hidden;\n padding: 40px;\n"], ["\n display: flex;\n max-height: 100%;\n position: absolute;\n z-index: 1000;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n font-family: ", ";\n box-sizing: border-box;\n overflow: hidden;\n padding: 40px;\n"])), function (props) {
|
|
13621
13581
|
var _a;
|
|
13622
13582
|
return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
|
|
13623
13583
|
});
|
|
@@ -13633,35 +13593,34 @@ var templateObject_1$9, templateObject_2$8, templateObject_3$8, templateObject_4
|
|
|
13633
13593
|
|
|
13634
13594
|
var DEFAULT_MIN_SIGNATURE_PAD_POINTS = 10;
|
|
13635
13595
|
var VideoSignatureCapture = function VideoSignatureCapture(_a) {
|
|
13636
|
-
var _b;
|
|
13637
13596
|
var onVideoCaptured = _a.onVideoCaptured,
|
|
13638
13597
|
onFaceNotDetected = _a.onFaceNotDetected,
|
|
13639
13598
|
onExit = _a.onExit,
|
|
13640
|
-
|
|
13641
|
-
restartVideoOnSignaturePadCleared =
|
|
13599
|
+
_b = _a.restartVideoOnSignaturePadCleared,
|
|
13600
|
+
restartVideoOnSignaturePadCleared = _b === void 0 ? true : _b,
|
|
13642
13601
|
guidesComponent = _a.guidesComponent,
|
|
13643
|
-
|
|
13644
|
-
minSignaturePadPoints =
|
|
13645
|
-
|
|
13646
|
-
classNames =
|
|
13647
|
-
|
|
13648
|
-
colors =
|
|
13649
|
-
|
|
13650
|
-
rawVerbiage =
|
|
13651
|
-
|
|
13652
|
-
debugMode =
|
|
13602
|
+
_c = _a.minSignaturePadPoints,
|
|
13603
|
+
minSignaturePadPoints = _c === void 0 ? DEFAULT_MIN_SIGNATURE_PAD_POINTS : _c,
|
|
13604
|
+
_d = _a.classNames,
|
|
13605
|
+
classNames = _d === void 0 ? {} : _d,
|
|
13606
|
+
_e = _a.colors,
|
|
13607
|
+
colors = _e === void 0 ? {} : _e,
|
|
13608
|
+
_f = _a.verbiage,
|
|
13609
|
+
rawVerbiage = _f === void 0 ? {} : _f,
|
|
13610
|
+
_g = _a.debugMode,
|
|
13611
|
+
debugMode = _g === void 0 ? false : _g;
|
|
13653
13612
|
var camera = useCameraStore(function (state) {
|
|
13654
13613
|
return state.camera;
|
|
13655
13614
|
});
|
|
13656
13615
|
var onPredictionMade = useContext(SelfieGuidanceModelsContext).onPredictionMade;
|
|
13657
|
-
var
|
|
13658
|
-
signatureData =
|
|
13659
|
-
signatureDataUrl =
|
|
13660
|
-
signatureVideoData =
|
|
13661
|
-
startRecording =
|
|
13662
|
-
stopRecording =
|
|
13663
|
-
clearRecordedData =
|
|
13664
|
-
isRecording =
|
|
13616
|
+
var _h = useVideoSignatureContext(),
|
|
13617
|
+
signatureData = _h.signatureData,
|
|
13618
|
+
signatureDataUrl = _h.signatureDataUrl,
|
|
13619
|
+
signatureVideoData = _h.signatureVideoData,
|
|
13620
|
+
startRecording = _h.startRecording,
|
|
13621
|
+
stopRecording = _h.stopRecording,
|
|
13622
|
+
clearRecordedData = _h.clearRecordedData,
|
|
13623
|
+
isRecording = _h.isRecording;
|
|
13665
13624
|
useEffect(function () {
|
|
13666
13625
|
startRecording();
|
|
13667
13626
|
return stopRecording;
|
|
@@ -13676,9 +13635,9 @@ var VideoSignatureCapture = function VideoSignatureCapture(_a) {
|
|
|
13676
13635
|
onVideoCaptured === null || onVideoCaptured === void 0 ? void 0 : onVideoCaptured(signatureVideoData, signatureData, signatureDataUrl);
|
|
13677
13636
|
}
|
|
13678
13637
|
}, [onVideoCaptured, signatureData, signatureDataUrl, signatureVideoData]);
|
|
13679
|
-
var
|
|
13680
|
-
numFramesWithoutFaces =
|
|
13681
|
-
setNumFramesWithoutFaces =
|
|
13638
|
+
var _j = useState(0),
|
|
13639
|
+
numFramesWithoutFaces = _j[0],
|
|
13640
|
+
setNumFramesWithoutFaces = _j[1];
|
|
13682
13641
|
useEffect(function () {
|
|
13683
13642
|
onPredictionMade(function (_a) {
|
|
13684
13643
|
var face = _a.face;
|
|
@@ -13693,8 +13652,8 @@ var VideoSignatureCapture = function VideoSignatureCapture(_a) {
|
|
|
13693
13652
|
}
|
|
13694
13653
|
}, [numFramesWithoutFaces, onFaceNotDetected]);
|
|
13695
13654
|
var GuidesComponent = guidesComponent !== null && guidesComponent !== void 0 ? guidesComponent : VideoSignatureGuides;
|
|
13696
|
-
return /*#__PURE__*/React__default.createElement(
|
|
13697
|
-
className:
|
|
13655
|
+
return /*#__PURE__*/React__default.createElement("div", {
|
|
13656
|
+
className: classNames.container
|
|
13698
13657
|
}, verbiage.guidanceMessageText && ( /*#__PURE__*/React__default.createElement(GuidanceMessageContainer, {
|
|
13699
13658
|
"$top": "10vh",
|
|
13700
13659
|
className: classNames.guidanceMessageContainer
|
|
@@ -13752,7 +13711,7 @@ var VideoSignatureSuccess = function VideoSignatureSuccess(_a) {
|
|
|
13752
13711
|
style: {
|
|
13753
13712
|
display: 'none'
|
|
13754
13713
|
}
|
|
13755
|
-
})), /*#__PURE__*/React__default.createElement(ButtonsRow, {
|
|
13714
|
+
})), /*#__PURE__*/React__default.createElement(ButtonsRow$2, {
|
|
13756
13715
|
className: classNames.buttonsRow
|
|
13757
13716
|
}, /*#__PURE__*/React__default.createElement(LoaderButton, {
|
|
13758
13717
|
variant: "warning",
|
|
@@ -13772,57 +13731,56 @@ var StyledVideo$1 = styled.video(templateObject_1$8 || (templateObject_1$8 = __m
|
|
|
13772
13731
|
var templateObject_1$8;
|
|
13773
13732
|
|
|
13774
13733
|
var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
13775
|
-
var _b;
|
|
13776
13734
|
var onComplete = _a.onComplete,
|
|
13777
13735
|
onVideoCaptured = _a.onVideoCaptured,
|
|
13778
13736
|
onRetryClicked = _a.onRetryClicked,
|
|
13779
13737
|
onExitCapture = _a.onExitCapture,
|
|
13780
13738
|
onUserCancel = _a.onUserCancel,
|
|
13781
13739
|
onLoadingOverlayDismissed = _a.onLoadingOverlayDismissed,
|
|
13782
|
-
|
|
13783
|
-
loadingOverlayMode =
|
|
13740
|
+
_b = _a.loadingOverlayMode,
|
|
13741
|
+
loadingOverlayMode = _b === void 0 ? 'default' : _b,
|
|
13784
13742
|
customOverlayContent = _a.customOverlayContent,
|
|
13785
|
-
|
|
13786
|
-
skipSuccessScreen =
|
|
13787
|
-
|
|
13788
|
-
captureAudio =
|
|
13789
|
-
|
|
13790
|
-
minSignaturePadPoints =
|
|
13791
|
-
|
|
13792
|
-
allowSignatureAfterLivenessCheckFailure =
|
|
13793
|
-
|
|
13794
|
-
restartVideoOnSignaturePadCleared =
|
|
13743
|
+
_c = _a.skipSuccessScreen,
|
|
13744
|
+
skipSuccessScreen = _c === void 0 ? false : _c,
|
|
13745
|
+
_d = _a.captureAudio,
|
|
13746
|
+
captureAudio = _d === void 0 ? false : _d,
|
|
13747
|
+
_e = _a.minSignaturePadPoints,
|
|
13748
|
+
minSignaturePadPoints = _e === void 0 ? DEFAULT_MIN_SIGNATURE_PAD_POINTS : _e,
|
|
13749
|
+
_f = _a.allowSignatureAfterLivenessCheckFailure,
|
|
13750
|
+
allowSignatureAfterLivenessCheckFailure = _f === void 0 ? false : _f,
|
|
13751
|
+
_g = _a.restartVideoOnSignaturePadCleared,
|
|
13752
|
+
restartVideoOnSignaturePadCleared = _g === void 0 ? true : _g,
|
|
13795
13753
|
faceLivenessProps = _a.faceLivenessProps,
|
|
13796
|
-
|
|
13797
|
-
assets =
|
|
13798
|
-
|
|
13799
|
-
classNames =
|
|
13800
|
-
|
|
13801
|
-
colors =
|
|
13802
|
-
|
|
13803
|
-
verbiage =
|
|
13804
|
-
|
|
13805
|
-
debugMode =
|
|
13806
|
-
var
|
|
13807
|
-
selfieImage =
|
|
13808
|
-
setSelfieImage =
|
|
13809
|
-
setSignatureData =
|
|
13810
|
-
setSignatureVideoUrl =
|
|
13811
|
-
logSelfieCaptureAttempt =
|
|
13754
|
+
_h = _a.assets,
|
|
13755
|
+
assets = _h === void 0 ? {} : _h,
|
|
13756
|
+
_j = _a.classNames,
|
|
13757
|
+
classNames = _j === void 0 ? {} : _j,
|
|
13758
|
+
_k = _a.colors,
|
|
13759
|
+
colors = _k === void 0 ? {} : _k,
|
|
13760
|
+
_l = _a.verbiage,
|
|
13761
|
+
verbiage = _l === void 0 ? {} : _l,
|
|
13762
|
+
_m = _a.debugMode,
|
|
13763
|
+
debugMode = _m === void 0 ? false : _m;
|
|
13764
|
+
var _o = useContext(SubmissionContext),
|
|
13765
|
+
selfieImage = _o.selfieImage,
|
|
13766
|
+
setSelfieImage = _o.setSelfieImage,
|
|
13767
|
+
setSignatureData = _o.setSignatureData,
|
|
13768
|
+
setSignatureVideoUrl = _o.setSignatureVideoUrl,
|
|
13769
|
+
logSelfieCaptureAttempt = _o.logSelfieCaptureAttempt;
|
|
13812
13770
|
var cameraAccessDenied = useCameraStore(useShallow(function (state) {
|
|
13813
13771
|
return {
|
|
13814
13772
|
cameraAccessDenied: state.cameraAccessDenied
|
|
13815
13773
|
};
|
|
13816
13774
|
})).cameraAccessDenied;
|
|
13817
|
-
var
|
|
13818
|
-
captureState =
|
|
13819
|
-
setCaptureState =
|
|
13775
|
+
var _p = useState('CHECKING_LIVENESS'),
|
|
13776
|
+
captureState = _p[0],
|
|
13777
|
+
setCaptureState = _p[1];
|
|
13820
13778
|
var operationStartedAt = useRef();
|
|
13821
13779
|
var captureStartedAt = useRef();
|
|
13822
13780
|
var captureEndedAt = useRef();
|
|
13823
|
-
var
|
|
13824
|
-
start =
|
|
13825
|
-
stop =
|
|
13781
|
+
var _q = useContext(SelfieGuidanceModelsContext),
|
|
13782
|
+
start = _q.start,
|
|
13783
|
+
stop = _q.stop;
|
|
13826
13784
|
useEffect(function () {
|
|
13827
13785
|
operationStartedAt.current = new Date();
|
|
13828
13786
|
}, []);
|
|
@@ -13858,9 +13816,9 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
|
13858
13816
|
setSelfieImage(selfieFromRequest);
|
|
13859
13817
|
}
|
|
13860
13818
|
}, [logCaptureMetadata, onFaceLivenessSuccessProp, selfieImage, setSelfieImage]);
|
|
13861
|
-
var
|
|
13862
|
-
signatureImageUrl =
|
|
13863
|
-
setSignatureImageUrl =
|
|
13819
|
+
var _r = useState(null),
|
|
13820
|
+
signatureImageUrl = _r[0],
|
|
13821
|
+
setSignatureImageUrl = _r[1];
|
|
13864
13822
|
var onSignatureCaptureCompleted = useCallback(function (videoData, signatureData, signatureImageData) {
|
|
13865
13823
|
setSignatureData(signatureData);
|
|
13866
13824
|
setSignatureVideoUrl(URL.createObjectURL(videoData));
|
|
@@ -13871,9 +13829,9 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
|
13871
13829
|
var onSignatureCaptureFacesNotDetected = useCallback(function () {
|
|
13872
13830
|
setCaptureState('CHECKING_LIVENESS');
|
|
13873
13831
|
}, []);
|
|
13874
|
-
var
|
|
13875
|
-
attempt =
|
|
13876
|
-
setAttempt =
|
|
13832
|
+
var _s = useState(0),
|
|
13833
|
+
attempt = _s[0],
|
|
13834
|
+
setAttempt = _s[1];
|
|
13877
13835
|
var onRetry = useCallback(function () {
|
|
13878
13836
|
onRetryClicked === null || onRetryClicked === void 0 ? void 0 : onRetryClicked();
|
|
13879
13837
|
setAttempt(function (n) {
|
|
@@ -13910,8 +13868,6 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
|
13910
13868
|
}, [faceLivenessOnLoadingOverlayDismissed, onLoadingOverlayDismissed]);
|
|
13911
13869
|
return /*#__PURE__*/React__default.createElement(VideoSignatureContextProvider, {
|
|
13912
13870
|
captureAudio: captureAudio
|
|
13913
|
-
}, /*#__PURE__*/React__default.createElement(PageContainer, {
|
|
13914
|
-
className: "flex ".concat((_b = classNames === null || classNames === void 0 ? void 0 : classNames.container) !== null && _b !== void 0 ? _b : '')
|
|
13915
13871
|
}, /*#__PURE__*/React__default.createElement(CameraVideoTag, {
|
|
13916
13872
|
className: classNames.cameraFeed
|
|
13917
13873
|
}), function () {
|
|
@@ -13961,7 +13917,7 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
|
13961
13917
|
default:
|
|
13962
13918
|
return null;
|
|
13963
13919
|
}
|
|
13964
|
-
}())
|
|
13920
|
+
}());
|
|
13965
13921
|
};
|
|
13966
13922
|
function VideoSignatureWizardGuides(_a) {
|
|
13967
13923
|
var status = _a.status,
|
|
@@ -14127,7 +14083,7 @@ var IdVideoCaptureGuides = function IdVideoCaptureGuides(_a) {
|
|
|
14127
14083
|
"$background": (_y = (_x = theme.idVideoCapture) === null || _x === void 0 ? void 0 : _x.idCardGuides) === null || _y === void 0 ? void 0 : _y.instructionsBackgroundColor
|
|
14128
14084
|
}, instructionText))))));
|
|
14129
14085
|
};
|
|
14130
|
-
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
|
|
14086
|
+
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 top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n font-family: ", ";\n box-sizing: border-box;\n overflow: hidden;\n padding: 40px;\n"], ["\n display: flex;\n max-height: 100%;\n position: absolute;\n z-index: 1000;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n font-family: ", ";\n box-sizing: border-box;\n overflow: hidden;\n padding: 40px;\n"])), function (props) {
|
|
14131
14087
|
var _a;
|
|
14132
14088
|
return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
|
|
14133
14089
|
});
|
|
@@ -14135,7 +14091,7 @@ var Inner = styled.div(templateObject_2$7 || (templateObject_2$7 = __makeTemplat
|
|
|
14135
14091
|
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"])));
|
|
14136
14092
|
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"])));
|
|
14137
14093
|
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"])));
|
|
14138
|
-
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:
|
|
14094
|
+
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: absolute;\n bottom: 14px;\n left: 0;\n right: 0;\n box-sizing: border-box;\n"], ["\n width: 100%;\n text-align: center;\n color: white;\n display: flex;\n flex-direction: column;\n justify-content: end;\n padding: 0 40px;\n position: absolute;\n bottom: 14px;\n left: 0;\n right: 0;\n box-sizing: border-box;\n"])));
|
|
14139
14095
|
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"])));
|
|
14140
14096
|
var templateObject_1$7, templateObject_2$7, templateObject_3$7, templateObject_4$2, templateObject_5$1, templateObject_6$1, templateObject_7;
|
|
14141
14097
|
|
|
@@ -14227,7 +14183,7 @@ var ReadTextPromptText = styled.div(templateObject_3$6 || (templateObject_3$6 =
|
|
|
14227
14183
|
var _a, _b, _c, _d, _e, _f;
|
|
14228
14184
|
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, ";") : "";
|
|
14229
14185
|
});
|
|
14230
|
-
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"])));
|
|
14186
|
+
var ReadTextPromptButtonsRow = styled(ButtonsRow$2)(templateObject_4$1 || (templateObject_4$1 = __makeTemplateObject(["\n margin: 32px auto auto;\n gap: 20px;\n"], ["\n margin: 32px auto auto;\n gap: 20px;\n"])));
|
|
14231
14187
|
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) {
|
|
14232
14188
|
var _a, _b, _c, _d, _e, _f;
|
|
14233
14189
|
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, ";") : "";
|
|
@@ -14276,103 +14232,103 @@ var defaultVideoIdCaptureThresholds = {
|
|
|
14276
14232
|
flipShortcutThreshold: 0.7
|
|
14277
14233
|
};
|
|
14278
14234
|
var IdVideoCapture = function IdVideoCapture(_a) {
|
|
14279
|
-
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u
|
|
14235
|
+
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
|
|
14280
14236
|
var onComplete = _a.onComplete,
|
|
14281
14237
|
onIdFrontImageCaptured = _a.onIdFrontImageCaptured,
|
|
14282
14238
|
onIdBackImageCaptured = _a.onIdBackImageCaptured,
|
|
14283
14239
|
onFaceNotDetected = _a.onFaceNotDetected,
|
|
14284
14240
|
onRecordingFailed = _a.onRecordingFailed,
|
|
14285
14241
|
onExitCapture = _a.onExitCapture,
|
|
14286
|
-
|
|
14287
|
-
idCaptureModelsEnabled =
|
|
14288
|
-
|
|
14289
|
-
idDocumentType =
|
|
14290
|
-
|
|
14291
|
-
idCaptureGuideImages =
|
|
14292
|
-
|
|
14293
|
-
idCardFrontDelay =
|
|
14294
|
-
|
|
14295
|
-
videoIdCaptureThresholds =
|
|
14296
|
-
|
|
14297
|
-
skipShowIdCardBack =
|
|
14298
|
-
|
|
14299
|
-
captureCountdownSeconds =
|
|
14242
|
+
_v = _a.idCaptureModelsEnabled,
|
|
14243
|
+
idCaptureModelsEnabled = _v === void 0 ? true : _v,
|
|
14244
|
+
_w = _a.idDocumentType,
|
|
14245
|
+
idDocumentType = _w === void 0 ? 'idCard' : _w,
|
|
14246
|
+
_x = _a.idCaptureGuideImages,
|
|
14247
|
+
idCaptureGuideImages = _x === void 0 ? defaultIdCaptureGuideImages : _x,
|
|
14248
|
+
_y = _a.idCardFrontDelay,
|
|
14249
|
+
idCardFrontDelay = _y === void 0 ? 1000 : _y,
|
|
14250
|
+
_z = _a.videoIdCaptureThresholds,
|
|
14251
|
+
videoIdCaptureThresholds = _z === void 0 ? defaultVideoIdCaptureThresholds : _z,
|
|
14252
|
+
_0 = _a.skipShowIdCardBack,
|
|
14253
|
+
skipShowIdCardBack = _0 === void 0 ? false : _0,
|
|
14254
|
+
_1 = _a.captureCountdownSeconds,
|
|
14255
|
+
captureCountdownSeconds = _1 === void 0 ? 3 : _1,
|
|
14300
14256
|
readTextPrompt = _a.readTextPrompt,
|
|
14301
|
-
|
|
14302
|
-
readTextTimeoutDurationMs =
|
|
14303
|
-
|
|
14304
|
-
readTextMinReadingMs =
|
|
14305
|
-
|
|
14306
|
-
disableFaceDetectionWhileAudioCapture =
|
|
14307
|
-
|
|
14308
|
-
disableFaceDetectionWhileAudioCaptureMsDelay =
|
|
14309
|
-
|
|
14310
|
-
mergeAVStreams =
|
|
14311
|
-
|
|
14312
|
-
classNames =
|
|
14313
|
-
|
|
14314
|
-
colors =
|
|
14315
|
-
|
|
14316
|
-
rawVerbiage =
|
|
14317
|
-
|
|
14318
|
-
debugMode =
|
|
14319
|
-
var
|
|
14320
|
-
ref =
|
|
14321
|
-
|
|
14322
|
-
width =
|
|
14323
|
-
|
|
14324
|
-
height =
|
|
14325
|
-
var
|
|
14326
|
-
camera =
|
|
14327
|
-
videoRef =
|
|
14328
|
-
videoLoaded =
|
|
14329
|
-
cameraReady =
|
|
14330
|
-
microphoneReady =
|
|
14331
|
-
audioStream =
|
|
14332
|
-
isRearFacing =
|
|
14333
|
-
releaseCameraAccess =
|
|
14334
|
-
var
|
|
14335
|
-
detectedObjects =
|
|
14336
|
-
setDetectedObjects =
|
|
14337
|
-
var
|
|
14338
|
-
face =
|
|
14339
|
-
setFace =
|
|
14340
|
-
var
|
|
14341
|
-
idModelsReady =
|
|
14342
|
-
startIdModels =
|
|
14343
|
-
stopIdModels =
|
|
14344
|
-
onIdPredictionMade =
|
|
14345
|
-
setThresholds =
|
|
14346
|
-
setRequiredDocumentType =
|
|
14347
|
-
setDocumentDetectionBoundaries =
|
|
14348
|
-
bestFrameDetails =
|
|
14349
|
-
resetBestFrame =
|
|
14350
|
-
idModelError =
|
|
14351
|
-
var
|
|
14352
|
-
videoStartsAt =
|
|
14353
|
-
setVideoStartsAt =
|
|
14354
|
-
var
|
|
14355
|
-
setIdCaptureVideoAudioStartsAt =
|
|
14356
|
-
setExpectedAudioText =
|
|
14357
|
-
var
|
|
14358
|
-
startSelfieGuidance =
|
|
14359
|
-
stopSelfieGuidance =
|
|
14360
|
-
onSelfiePredictionMade =
|
|
14361
|
-
selfieModelError =
|
|
14362
|
-
var
|
|
14363
|
-
isRecordingVideo =
|
|
14364
|
-
startRecordingVideo =
|
|
14365
|
-
startRecordingAudio =
|
|
14366
|
-
stopRecordingVideo =
|
|
14367
|
-
stopRecordingAudio =
|
|
14368
|
-
videoRecordingUnintentionallyStopped =
|
|
14369
|
-
audioRecordingUnintentionallyStopped =
|
|
14370
|
-
videoUrl =
|
|
14371
|
-
audioUrl =
|
|
14257
|
+
_2 = _a.readTextTimeoutDurationMs,
|
|
14258
|
+
readTextTimeoutDurationMs = _2 === void 0 ? 15000 : _2,
|
|
14259
|
+
_3 = _a.readTextMinReadingMs,
|
|
14260
|
+
readTextMinReadingMs = _3 === void 0 ? 10000 : _3,
|
|
14261
|
+
_4 = _a.disableFaceDetectionWhileAudioCapture,
|
|
14262
|
+
disableFaceDetectionWhileAudioCapture = _4 === void 0 ? false : _4,
|
|
14263
|
+
_5 = _a.disableFaceDetectionWhileAudioCaptureMsDelay,
|
|
14264
|
+
disableFaceDetectionWhileAudioCaptureMsDelay = _5 === void 0 ? 2000 : _5,
|
|
14265
|
+
_6 = _a.mergeAVStreams,
|
|
14266
|
+
mergeAVStreams = _6 === void 0 ? false : _6,
|
|
14267
|
+
_7 = _a.classNames,
|
|
14268
|
+
classNames = _7 === void 0 ? {} : _7,
|
|
14269
|
+
_8 = _a.colors,
|
|
14270
|
+
colors = _8 === void 0 ? {} : _8,
|
|
14271
|
+
_9 = _a.verbiage,
|
|
14272
|
+
rawVerbiage = _9 === void 0 ? {} : _9,
|
|
14273
|
+
_10 = _a.debugMode,
|
|
14274
|
+
debugMode = _10 === void 0 ? false : _10;
|
|
14275
|
+
var _11 = useResizeObserver(),
|
|
14276
|
+
ref = _11.ref,
|
|
14277
|
+
_12 = _11.width,
|
|
14278
|
+
width = _12 === void 0 ? 1 : _12,
|
|
14279
|
+
_13 = _11.height,
|
|
14280
|
+
height = _13 === void 0 ? 1 : _13;
|
|
14281
|
+
var _14 = useCameraStore(),
|
|
14282
|
+
camera = _14.camera,
|
|
14283
|
+
videoRef = _14.videoRef,
|
|
14284
|
+
videoLoaded = _14.videoLoaded,
|
|
14285
|
+
cameraReady = _14.cameraReady,
|
|
14286
|
+
microphoneReady = _14.microphoneReady,
|
|
14287
|
+
audioStream = _14.audioStream,
|
|
14288
|
+
isRearFacing = _14.isRearFacing,
|
|
14289
|
+
releaseCameraAccess = _14.releaseCameraAccess;
|
|
14290
|
+
var _15 = useState([]),
|
|
14291
|
+
detectedObjects = _15[0],
|
|
14292
|
+
setDetectedObjects = _15[1];
|
|
14293
|
+
var _16 = useState(null),
|
|
14294
|
+
face = _16[0],
|
|
14295
|
+
setFace = _16[1];
|
|
14296
|
+
var _17 = useContext(IdCaptureModelsContext),
|
|
14297
|
+
idModelsReady = _17.ready,
|
|
14298
|
+
startIdModels = _17.start,
|
|
14299
|
+
stopIdModels = _17.stop,
|
|
14300
|
+
onIdPredictionMade = _17.onPredictionMade,
|
|
14301
|
+
setThresholds = _17.setThresholds,
|
|
14302
|
+
setRequiredDocumentType = _17.setRequiredDocumentType,
|
|
14303
|
+
setDocumentDetectionBoundaries = _17.setDocumentDetectionBoundaries,
|
|
14304
|
+
bestFrameDetails = _17.bestFrameDetails,
|
|
14305
|
+
resetBestFrame = _17.resetBestFrame,
|
|
14306
|
+
idModelError = _17.modelError;
|
|
14307
|
+
var _18 = useState(null),
|
|
14308
|
+
videoStartsAt = _18[0],
|
|
14309
|
+
setVideoStartsAt = _18[1];
|
|
14310
|
+
var _19 = useContext(SubmissionContext),
|
|
14311
|
+
setIdCaptureVideoAudioStartsAt = _19.setIdCaptureVideoAudioStartsAt,
|
|
14312
|
+
setExpectedAudioText = _19.setExpectedAudioText;
|
|
14313
|
+
var _20 = useContext(SelfieGuidanceModelsContext),
|
|
14314
|
+
startSelfieGuidance = _20.start,
|
|
14315
|
+
stopSelfieGuidance = _20.stop,
|
|
14316
|
+
onSelfiePredictionMade = _20.onPredictionMade,
|
|
14317
|
+
selfieModelError = _20.error;
|
|
14318
|
+
var _21 = useVideoRecorder(camera, audioStream, mergeAVStreams),
|
|
14319
|
+
isRecordingVideo = _21.isRecordingVideo,
|
|
14320
|
+
startRecordingVideo = _21.startRecordingVideo,
|
|
14321
|
+
startRecordingAudio = _21.startRecordingAudio,
|
|
14322
|
+
stopRecordingVideo = _21.stopRecordingVideo,
|
|
14323
|
+
stopRecordingAudio = _21.stopRecordingAudio,
|
|
14324
|
+
videoRecordingUnintentionallyStopped = _21.videoRecordingUnintentionallyStopped,
|
|
14325
|
+
audioRecordingUnintentionallyStopped = _21.audioRecordingUnintentionallyStopped,
|
|
14326
|
+
videoUrl = _21.videoUrl,
|
|
14327
|
+
audioUrl = _21.audioUrl;
|
|
14372
14328
|
var countdownTimeoutRef = useRef(undefined);
|
|
14373
|
-
var
|
|
14374
|
-
countdownRemaining =
|
|
14375
|
-
setCountdownRemaining =
|
|
14329
|
+
var _22 = useState(-1),
|
|
14330
|
+
countdownRemaining = _22[0],
|
|
14331
|
+
setCountdownRemaining = _22[1];
|
|
14376
14332
|
useEffect(function () {
|
|
14377
14333
|
if (!isRecordingVideo && !videoUrl) {
|
|
14378
14334
|
startRecordingVideo();
|
|
@@ -14392,9 +14348,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
14392
14348
|
onRecordingFailed === null || onRecordingFailed === void 0 ? void 0 : onRecordingFailed();
|
|
14393
14349
|
}
|
|
14394
14350
|
}, [audioRecordingUnintentionallyStopped, microphoneReady, onRecordingFailed, readTextPrompt, videoRecordingUnintentionallyStopped]);
|
|
14395
|
-
var
|
|
14396
|
-
requestedAction =
|
|
14397
|
-
setRequestedAction =
|
|
14351
|
+
var _23 = useState(idDocumentType === 'idCard' ? 'SHOW_ID_FRONT' : 'SHOW_PASSPORT'),
|
|
14352
|
+
requestedAction = _23[0],
|
|
14353
|
+
setRequestedAction = _23[1];
|
|
14398
14354
|
var shouldRunIdModels = idCaptureModelsEnabled && videoLoaded && cameraReady && idModelsReady && !idModelError && requestedAction !== 'READ_TEXT' && (!readTextPrompt || microphoneReady);
|
|
14399
14355
|
useEffect(function startModelsWhenCapturing() {
|
|
14400
14356
|
if (!shouldRunIdModels) return;
|
|
@@ -14433,23 +14389,23 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
14433
14389
|
bottom: 0
|
|
14434
14390
|
});
|
|
14435
14391
|
}, [setDocumentDetectionBoundaries]);
|
|
14436
|
-
var
|
|
14437
|
-
currentDetectionScore =
|
|
14438
|
-
setCurrentDetectionScore =
|
|
14439
|
-
var
|
|
14440
|
-
currentDetectedDocumentType =
|
|
14441
|
-
setCurrentDetectedDocumentType =
|
|
14392
|
+
var _24 = useState(0),
|
|
14393
|
+
currentDetectionScore = _24[0],
|
|
14394
|
+
setCurrentDetectionScore = _24[1];
|
|
14395
|
+
var _25 = useState('none'),
|
|
14396
|
+
currentDetectedDocumentType = _25[0],
|
|
14397
|
+
setCurrentDetectedDocumentType = _25[1];
|
|
14398
|
+
var _26 = useState(0),
|
|
14399
|
+
currentFocusScore = _26[0],
|
|
14400
|
+
setCurrentFocusScore = _26[1];
|
|
14442
14401
|
var _27 = useState(0),
|
|
14443
|
-
|
|
14444
|
-
|
|
14445
|
-
var _28 = useState(0),
|
|
14446
|
-
goodFramesCount = _28[0],
|
|
14447
|
-
setGoodFramesCount = _28[1];
|
|
14402
|
+
goodFramesCount = _27[0],
|
|
14403
|
+
setGoodFramesCount = _27[1];
|
|
14448
14404
|
var goodFramesThreshold = requestedAction === 'SHOW_PASSPORT' ? adjustedThresholds.goodFrames.passport : requestedAction === 'SHOW_ID_FRONT' ? adjustedThresholds.goodFrames.idCardFront : adjustedThresholds.goodFrames.idCardBack;
|
|
14449
14405
|
var goodFramesThresholdMet = goodFramesCount >= goodFramesThreshold;
|
|
14450
|
-
var
|
|
14451
|
-
isSinglePage =
|
|
14452
|
-
setIsSinglePage =
|
|
14406
|
+
var _28 = useState(false),
|
|
14407
|
+
isSinglePage = _28[0],
|
|
14408
|
+
setIsSinglePage = _28[1];
|
|
14453
14409
|
useEffect(function () {
|
|
14454
14410
|
if (!idCaptureModelsEnabled || idModelError) return;
|
|
14455
14411
|
onIdPredictionMade(function (prediction) {
|
|
@@ -14469,9 +14425,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
14469
14425
|
} : 0);
|
|
14470
14426
|
});
|
|
14471
14427
|
}, [idCaptureModelsEnabled, onIdPredictionMade, idModelError, requestedAction, adjustedThresholds.flipShortcutThreshold]);
|
|
14472
|
-
var
|
|
14473
|
-
idFrontCaptureStartedAt =
|
|
14474
|
-
setFirstGoodFrameTime =
|
|
14428
|
+
var _29 = useState(null),
|
|
14429
|
+
idFrontCaptureStartedAt = _29[0],
|
|
14430
|
+
setFirstGoodFrameTime = _29[1];
|
|
14475
14431
|
useEffect(function () {
|
|
14476
14432
|
if (goodFramesCount === 1) setFirstGoodFrameTime(new Date().getTime());
|
|
14477
14433
|
}, [goodFramesCount]);
|
|
@@ -14492,9 +14448,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
14492
14448
|
var frameHeight = (_e = (_d = videoRef.current) === null || _d === void 0 ? void 0 : _d.videoHeight) !== null && _e !== void 0 ? _e : 0;
|
|
14493
14449
|
var faceBox = face === null || face === void 0 ? void 0 : face.box;
|
|
14494
14450
|
var faceCentered = !faceBox || !frameWidth || faceBox.xMin > frameWidth * edgeBoundary && faceBox.yMin > frameHeight * edgeBoundary && faceBox.xMax < frameWidth * (1 - edgeBoundary) && faceBox.yMax < frameHeight * (1 - edgeBoundary);
|
|
14495
|
-
var
|
|
14496
|
-
countdownStartedAt =
|
|
14497
|
-
setCountdownStartedAt =
|
|
14451
|
+
var _30 = useState(),
|
|
14452
|
+
countdownStartedAt = _30[0],
|
|
14453
|
+
setCountdownStartedAt = _30[1];
|
|
14498
14454
|
var photoCanvas = useRef(null);
|
|
14499
14455
|
var frameLock = useRef(false);
|
|
14500
14456
|
var captureFrame = useCallback(function () {
|
|
@@ -14604,9 +14560,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
14604
14560
|
stopSelfieGuidance();
|
|
14605
14561
|
};
|
|
14606
14562
|
}, [startSelfieGuidance, stopSelfieGuidance]);
|
|
14607
|
-
var
|
|
14608
|
-
numFramesWithoutFaces =
|
|
14609
|
-
setNumFramesWithoutFaces =
|
|
14563
|
+
var _31 = useState(0),
|
|
14564
|
+
numFramesWithoutFaces = _31[0],
|
|
14565
|
+
setNumFramesWithoutFaces = _31[1];
|
|
14610
14566
|
onSelfiePredictionMade(useThrottledCallback(useCallback(function (_a) {
|
|
14611
14567
|
var face = _a.face;
|
|
14612
14568
|
if (selfieModelError) return;
|
|
@@ -14622,12 +14578,12 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
14622
14578
|
}
|
|
14623
14579
|
}, [disableFaceDetectionWhileAudioCapture, disableFaceDetectionWhileAudioCaptureMsDelay, numFramesWithoutFaces, onFaceNotDetected, timeoutStartedAt]);
|
|
14624
14580
|
var theme = useTheme();
|
|
14625
|
-
var
|
|
14581
|
+
var _32 = useTranslations(rawVerbiage, {
|
|
14626
14582
|
faceNotCenteredText: 'Please move your face to the center...',
|
|
14627
14583
|
captureBtnText: 'Capture'
|
|
14628
14584
|
}),
|
|
14629
|
-
captureBtnText =
|
|
14630
|
-
faceNotCenteredText =
|
|
14585
|
+
captureBtnText = _32.captureBtnText,
|
|
14586
|
+
faceNotCenteredText = _32.faceNotCenteredText;
|
|
14631
14587
|
var debugScalingDetails = useDebugScalingDetails({
|
|
14632
14588
|
enabled: debugMode,
|
|
14633
14589
|
pageWidth: width,
|
|
@@ -14637,9 +14593,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
14637
14593
|
});
|
|
14638
14594
|
var capturingId = ['SHOW_ID_FRONT', 'SHOW_ID_BACK', 'SHOW_PASSPORT'].includes(requestedAction);
|
|
14639
14595
|
var guidanceText = !faceCentered ? faceNotCenteredText : undefined;
|
|
14640
|
-
return /*#__PURE__*/React__default.createElement(
|
|
14596
|
+
return /*#__PURE__*/React__default.createElement(SdkPage, {
|
|
14641
14597
|
ref: ref,
|
|
14642
|
-
className:
|
|
14598
|
+
className: classNames.container
|
|
14643
14599
|
}, /*#__PURE__*/React__default.createElement(InvisibleCanvas, {
|
|
14644
14600
|
ref: photoCanvas
|
|
14645
14601
|
}), requestedAction === 'READ_TEXT' ? ( /*#__PURE__*/React__default.createElement(ReadTextPrompt, {
|
|
@@ -14678,9 +14634,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
14678
14634
|
className: classNames.guidanceMessageContainer
|
|
14679
14635
|
}, /*#__PURE__*/React__default.createElement(GuidanceMessage, {
|
|
14680
14636
|
className: classNames.guidanceMessage,
|
|
14681
|
-
"$background": (
|
|
14682
|
-
"$textColor": (
|
|
14683
|
-
}, guidanceText))), debugMode && ( /*#__PURE__*/React__default.createElement(DebugStatsPane, null, camera ? ( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, "\u2705 Camera: ", camera.label, " (", camera.width, "x", camera.height, ")")) : '❌ Camera not ready', /*#__PURE__*/React__default.createElement("br", null), isRecordingVideo ? '✅ Recording' : '❌ Not recording', /*#__PURE__*/React__default.createElement("br", null), goodFramesThresholdMet ? '✅' : '❌', " Good Frame Count:", ' ', goodFramesCount, "/", goodFramesThreshold, /*#__PURE__*/React__default.createElement("br", null), "Document Type: ", currentDetectedDocumentType, /*#__PURE__*/React__default.createElement("br", null), "Detection Score: ", currentDetectionScore, /*#__PURE__*/React__default.createElement("br", null), "Focus Score: ", currentFocusScore, /*#__PURE__*/React__default.createElement("br", null), "Best Frame Detection Score:", ' ', (
|
|
14637
|
+
"$background": (_m = (_l = (_k = theme.guidanceMessages) === null || _k === void 0 ? void 0 : _k.negative) === null || _l === void 0 ? void 0 : _l.backgroundColor) !== null && _m !== void 0 ? _m : 'red',
|
|
14638
|
+
"$textColor": (_q = (_p = (_o = theme.guidanceMessages) === null || _o === void 0 ? void 0 : _o.negative) === null || _p === void 0 ? void 0 : _p.textColor) !== null && _q !== void 0 ? _q : 'white'
|
|
14639
|
+
}, guidanceText))), debugMode && ( /*#__PURE__*/React__default.createElement(DebugStatsPane, null, camera ? ( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, "\u2705 Camera: ", camera.label, " (", camera.width, "x", camera.height, ")")) : '❌ Camera not ready', /*#__PURE__*/React__default.createElement("br", null), isRecordingVideo ? '✅ Recording' : '❌ Not recording', /*#__PURE__*/React__default.createElement("br", null), goodFramesThresholdMet ? '✅' : '❌', " Good Frame Count:", ' ', goodFramesCount, "/", goodFramesThreshold, /*#__PURE__*/React__default.createElement("br", null), "Document Type: ", currentDetectedDocumentType, /*#__PURE__*/React__default.createElement("br", null), "Detection Score: ", currentDetectionScore, /*#__PURE__*/React__default.createElement("br", null), "Focus Score: ", currentFocusScore, /*#__PURE__*/React__default.createElement("br", null), "Best Frame Detection Score:", ' ', (_s = (_r = bestFrameDetails.current) === null || _r === void 0 ? void 0 : _r.detectionScore) !== null && _s !== void 0 ? _s : 0, /*#__PURE__*/React__default.createElement("br", null), "Best Frame Focus Score: ", (_u = (_t = bestFrameDetails.current) === null || _t === void 0 ? void 0 : _t.focusScore) !== null && _u !== void 0 ? _u : 0)), countdownRemaining > 0 && capturingId && ( /*#__PURE__*/React__default.createElement(CountdownContainer, {
|
|
14684
14640
|
className: classNames.countdownContainer
|
|
14685
14641
|
}, /*#__PURE__*/React__default.createElement(Countdown, {
|
|
14686
14642
|
className: classNames.countdown
|
|
@@ -14698,9 +14654,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
14698
14654
|
className: classNames.exitCaptureBtn
|
|
14699
14655
|
}));
|
|
14700
14656
|
};
|
|
14701
|
-
var CountdownContainer = styled.div(templateObject_1$5 || (templateObject_1$5 = __makeTemplateObject(["\n position:
|
|
14657
|
+
var CountdownContainer = styled.div(templateObject_1$5 || (templateObject_1$5 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 99999;\n display: flex;\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 99999;\n display: flex;\n"])));
|
|
14702
14658
|
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"])));
|
|
14703
|
-
var CaptureButtonContainer = styled.div(templateObject_3$5 || (templateObject_3$5 = __makeTemplateObject(["\n position:
|
|
14659
|
+
var CaptureButtonContainer = styled.div(templateObject_3$5 || (templateObject_3$5 = __makeTemplateObject(["\n position: absolute;\n bottom: 0;\n width: 100%;\n display: flex;\n z-index: 100000;\n"], ["\n position: absolute;\n bottom: 0;\n width: 100%;\n display: flex;\n z-index: 100000;\n"])));
|
|
14704
14660
|
var CaptureButton = styled(LoaderButton)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n margin: 0 auto 25px;\n"], ["\n margin: 0 auto 25px;\n"])));
|
|
14705
14661
|
function evaluateShouldSkip(value) {
|
|
14706
14662
|
if (value === true) return true;
|
|
@@ -14808,7 +14764,7 @@ var IdVideoCaptureSuccess = function IdVideoCaptureSuccess(_a) {
|
|
|
14808
14764
|
})) : ( /*#__PURE__*/React__default.createElement("img", {
|
|
14809
14765
|
src: idBackImageUrl,
|
|
14810
14766
|
alt: "ID Back Image"
|
|
14811
|
-
}))), /*#__PURE__*/React__default.createElement(ButtonsRow, {
|
|
14767
|
+
}))), /*#__PURE__*/React__default.createElement(ButtonsRow$2, {
|
|
14812
14768
|
className: classNames.buttonsRow
|
|
14813
14769
|
}, /*#__PURE__*/React__default.createElement(LoaderButton, {
|
|
14814
14770
|
variant: "warning",
|
|
@@ -14833,7 +14789,7 @@ var AssetSelectorOption = styled.div(templateObject_3$4 || (templateObject_3$4 =
|
|
|
14833
14789
|
var templateObject_1$4, templateObject_2$4, templateObject_3$4;
|
|
14834
14790
|
|
|
14835
14791
|
var VideoIdWizard = function VideoIdWizard(_a) {
|
|
14836
|
-
var _b, _c, _d, _e, _f, _g, _h, _j
|
|
14792
|
+
var _b, _c, _d, _e, _f, _g, _h, _j;
|
|
14837
14793
|
var onComplete = _a.onComplete,
|
|
14838
14794
|
onExitCapture = _a.onExitCapture,
|
|
14839
14795
|
onExitAfterFailure = _a.onExitAfterFailure,
|
|
@@ -14842,73 +14798,73 @@ var VideoIdWizard = function VideoIdWizard(_a) {
|
|
|
14842
14798
|
onCameraAccessDenied = _a.onCameraAccessDenied,
|
|
14843
14799
|
onCameraTamperingDetected = _a.onCameraTamperingDetected,
|
|
14844
14800
|
onMicrophoneAccessDenied = _a.onMicrophoneAccessDenied,
|
|
14845
|
-
|
|
14846
|
-
idCaptureProps =
|
|
14847
|
-
|
|
14848
|
-
faceLivenessProps =
|
|
14849
|
-
|
|
14850
|
-
idCaptureModelsEnabled =
|
|
14851
|
-
|
|
14852
|
-
videoIdCaptureThresholds =
|
|
14801
|
+
_k = _a.idCaptureProps,
|
|
14802
|
+
idCaptureProps = _k === void 0 ? {} : _k,
|
|
14803
|
+
_l = _a.faceLivenessProps,
|
|
14804
|
+
faceLivenessProps = _l === void 0 ? {} : _l,
|
|
14805
|
+
_m = _a.idCaptureModelsEnabled,
|
|
14806
|
+
idCaptureModelsEnabled = _m === void 0 ? true : _m,
|
|
14807
|
+
_o = _a.videoIdCaptureThresholds,
|
|
14808
|
+
videoIdCaptureThresholds = _o === void 0 ? defaultVideoIdCaptureThresholds : _o,
|
|
14853
14809
|
readTextPrompt = _a.readTextPrompt,
|
|
14854
14810
|
readTextTimeoutDurationMs = _a.readTextTimeoutDurationMs,
|
|
14855
14811
|
readTextMinReadingMs = _a.readTextMinReadingMs,
|
|
14856
|
-
|
|
14857
|
-
skipIdCapture =
|
|
14858
|
-
|
|
14859
|
-
skipShowIdCardBack =
|
|
14860
|
-
|
|
14861
|
-
skipSuccessScreen =
|
|
14862
|
-
|
|
14863
|
-
idCaptureLoadingOverlayMode =
|
|
14812
|
+
_p = _a.skipIdCapture,
|
|
14813
|
+
skipIdCapture = _p === void 0 ? false : _p,
|
|
14814
|
+
_q = _a.skipShowIdCardBack,
|
|
14815
|
+
skipShowIdCardBack = _q === void 0 ? false : _q,
|
|
14816
|
+
_r = _a.skipSuccessScreen,
|
|
14817
|
+
skipSuccessScreen = _r === void 0 ? false : _r,
|
|
14818
|
+
_s = _a.idCaptureLoadingOverlayMode,
|
|
14819
|
+
idCaptureLoadingOverlayMode = _s === void 0 ? 'default' : _s,
|
|
14864
14820
|
customOverlayContent = _a.customOverlayContent,
|
|
14865
14821
|
onLoadingOverlayDismissed = _a.onLoadingOverlayDismissed,
|
|
14866
|
-
|
|
14867
|
-
idDocumentType =
|
|
14868
|
-
|
|
14869
|
-
idCaptureGuideType =
|
|
14870
|
-
|
|
14871
|
-
idCaptureGuideImages =
|
|
14872
|
-
|
|
14873
|
-
idCapturePortraitGuidesOnMobile =
|
|
14874
|
-
|
|
14875
|
-
idCaptureRotateLoadingOverlayImageWhenPortrait =
|
|
14876
|
-
|
|
14877
|
-
idCaptureModelLoadTimeoutMs =
|
|
14878
|
-
|
|
14879
|
-
faceLivenessLoadingOverlayMode =
|
|
14880
|
-
|
|
14881
|
-
disableFaceDetectionWhileAudioCapture =
|
|
14882
|
-
|
|
14883
|
-
disableFaceDetectionWhileAudioCaptureMsDelay =
|
|
14884
|
-
|
|
14885
|
-
silentFallback =
|
|
14886
|
-
|
|
14887
|
-
mergeAVStreams =
|
|
14888
|
-
|
|
14889
|
-
assets =
|
|
14890
|
-
|
|
14891
|
-
classNames =
|
|
14892
|
-
|
|
14893
|
-
colors =
|
|
14894
|
-
|
|
14895
|
-
verbiage =
|
|
14896
|
-
|
|
14897
|
-
debugMode =
|
|
14898
|
-
var
|
|
14899
|
-
passportImage =
|
|
14900
|
-
submissionStatus =
|
|
14901
|
-
idCaptureVideoUrl =
|
|
14902
|
-
idCaptureVideoAudioUrl =
|
|
14903
|
-
idCaptureVideoIdFrontImage =
|
|
14904
|
-
idCaptureVideoIdBackImage =
|
|
14905
|
-
setIdCaptureVideoUrl =
|
|
14906
|
-
setIdCaptureVideoIdFrontImage =
|
|
14907
|
-
setIdCaptureVideoIdBackImage =
|
|
14908
|
-
setIdCaptureVideoAudioUrl =
|
|
14909
|
-
var
|
|
14910
|
-
captureState =
|
|
14911
|
-
setCaptureState =
|
|
14822
|
+
_t = _a.idDocumentType,
|
|
14823
|
+
idDocumentType = _t === void 0 ? 'idCardOrPassport' : _t,
|
|
14824
|
+
_u = _a.idCaptureGuideType,
|
|
14825
|
+
idCaptureGuideType = _u === void 0 ? 'fit' : _u,
|
|
14826
|
+
_v = _a.idCaptureGuideImages,
|
|
14827
|
+
idCaptureGuideImages = _v === void 0 ? defaultIdCaptureGuideImages : _v,
|
|
14828
|
+
_w = _a.idCapturePortraitGuidesOnMobile,
|
|
14829
|
+
idCapturePortraitGuidesOnMobile = _w === void 0 ? true : _w,
|
|
14830
|
+
_x = _a.idCaptureRotateLoadingOverlayImageWhenPortrait,
|
|
14831
|
+
idCaptureRotateLoadingOverlayImageWhenPortrait = _x === void 0 ? true : _x,
|
|
14832
|
+
_y = _a.idCaptureModelLoadTimeoutMs,
|
|
14833
|
+
idCaptureModelLoadTimeoutMs = _y === void 0 ? defaultDocumentDetectionModelLoadTimeoutMs : _y,
|
|
14834
|
+
_z = _a.faceLivenessLoadingOverlayMode,
|
|
14835
|
+
faceLivenessLoadingOverlayMode = _z === void 0 ? 'default' : _z,
|
|
14836
|
+
_0 = _a.disableFaceDetectionWhileAudioCapture,
|
|
14837
|
+
disableFaceDetectionWhileAudioCapture = _0 === void 0 ? true : _0,
|
|
14838
|
+
_1 = _a.disableFaceDetectionWhileAudioCaptureMsDelay,
|
|
14839
|
+
disableFaceDetectionWhileAudioCaptureMsDelay = _1 === void 0 ? 2000 : _1,
|
|
14840
|
+
_2 = _a.silentFallback,
|
|
14841
|
+
silentFallback = _2 === void 0 ? false : _2,
|
|
14842
|
+
_3 = _a.mergeAVStreams,
|
|
14843
|
+
mergeAVStreams = _3 === void 0 ? false : _3,
|
|
14844
|
+
_4 = _a.assets,
|
|
14845
|
+
assets = _4 === void 0 ? {} : _4,
|
|
14846
|
+
_5 = _a.classNames,
|
|
14847
|
+
classNames = _5 === void 0 ? {} : _5,
|
|
14848
|
+
_6 = _a.colors,
|
|
14849
|
+
colors = _6 === void 0 ? {} : _6,
|
|
14850
|
+
_7 = _a.verbiage,
|
|
14851
|
+
verbiage = _7 === void 0 ? {} : _7,
|
|
14852
|
+
_8 = _a.debugMode,
|
|
14853
|
+
debugMode = _8 === void 0 ? false : _8;
|
|
14854
|
+
var _9 = useContext(SubmissionContext),
|
|
14855
|
+
passportImage = _9.passportImage,
|
|
14856
|
+
submissionStatus = _9.submissionStatus,
|
|
14857
|
+
idCaptureVideoUrl = _9.idCaptureVideoUrl,
|
|
14858
|
+
idCaptureVideoAudioUrl = _9.idCaptureVideoAudioUrl,
|
|
14859
|
+
idCaptureVideoIdFrontImage = _9.idCaptureVideoIdFrontImage,
|
|
14860
|
+
idCaptureVideoIdBackImage = _9.idCaptureVideoIdBackImage,
|
|
14861
|
+
setIdCaptureVideoUrl = _9.setIdCaptureVideoUrl,
|
|
14862
|
+
setIdCaptureVideoIdFrontImage = _9.setIdCaptureVideoIdFrontImage,
|
|
14863
|
+
setIdCaptureVideoIdBackImage = _9.setIdCaptureVideoIdBackImage,
|
|
14864
|
+
setIdCaptureVideoAudioUrl = _9.setIdCaptureVideoAudioUrl;
|
|
14865
|
+
var _10 = useState('CAPTURING_ID'),
|
|
14866
|
+
captureState = _10[0],
|
|
14867
|
+
setCaptureState = _10[1];
|
|
14912
14868
|
useEffect(function () {
|
|
14913
14869
|
if (skipIdCapture && captureState === 'CAPTURING_ID') setCaptureState('CHECKING_LIVENESS');
|
|
14914
14870
|
}, [captureState, skipIdCapture]);
|
|
@@ -14939,9 +14895,9 @@ var VideoIdWizard = function VideoIdWizard(_a) {
|
|
|
14939
14895
|
var onVideoCaptureFaceNotDetected = useCallback(function () {
|
|
14940
14896
|
setCaptureState('CHECKING_LIVENESS');
|
|
14941
14897
|
}, []);
|
|
14942
|
-
var
|
|
14943
|
-
attempt =
|
|
14944
|
-
setAttempt =
|
|
14898
|
+
var _11 = useState(0),
|
|
14899
|
+
attempt = _11[0],
|
|
14900
|
+
setAttempt = _11[1];
|
|
14945
14901
|
var userSuppliedExitAfterFailure = onExitAfterFailure !== null && onExitAfterFailure !== void 0 ? onExitAfterFailure : faceLivenessProps.onExitAfterFailure;
|
|
14946
14902
|
var onFaceCaptureExitAfterFailure = useCallback(function (resp, req) {
|
|
14947
14903
|
userSuppliedExitAfterFailure === null || userSuppliedExitAfterFailure === void 0 ? void 0 : userSuppliedExitAfterFailure(resp, req);
|
|
@@ -14987,11 +14943,6 @@ var VideoIdWizard = function VideoIdWizard(_a) {
|
|
|
14987
14943
|
idCardGuideStatus: "disabled"
|
|
14988
14944
|
});
|
|
14989
14945
|
}, [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]);
|
|
14990
|
-
if (submissionStatus === SubmissionStatus.SUBMITTING) {
|
|
14991
|
-
return /*#__PURE__*/React__default.createElement(PageContainer, {
|
|
14992
|
-
className: "flex"
|
|
14993
|
-
}, /*#__PURE__*/React__default.createElement(Spinner, null));
|
|
14994
|
-
}
|
|
14995
14946
|
return /*#__PURE__*/React__default.createElement(CameraStoreProvider, {
|
|
14996
14947
|
preferIphoneContinuityCamera: isCapturingId,
|
|
14997
14948
|
preferFrontFacingCamera: !isCapturingId,
|
|
@@ -15015,11 +14966,9 @@ var VideoIdWizard = function VideoIdWizard(_a) {
|
|
|
15015
14966
|
onModelError: faceLivenessProps === null || faceLivenessProps === void 0 ? void 0 : faceLivenessProps.onModelError,
|
|
15016
14967
|
modelLoadTimeoutMs: faceLivenessProps === null || faceLivenessProps === void 0 ? void 0 : faceLivenessProps.modelLoadTimeoutMs,
|
|
15017
14968
|
requireVerticalFaceCentering: false
|
|
15018
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
15019
|
-
className: "flex ".concat((_k = classNames.container) !== null && _k !== void 0 ? _k : '')
|
|
15020
|
-
}, ['CHECKING_LIVENESS', 'CAPTURING_VIDEO'].includes(captureState) && /*#__PURE__*/React__default.createElement(CameraVideoTag, {
|
|
14969
|
+
}, ['CHECKING_LIVENESS', 'CAPTURING_VIDEO'].includes(captureState) && ( /*#__PURE__*/React__default.createElement(CameraVideoTag, {
|
|
15021
14970
|
className: classNames.cameraFeed
|
|
15022
|
-
}), function () {
|
|
14971
|
+
})), function () {
|
|
15023
14972
|
switch (captureState) {
|
|
15024
14973
|
case 'CAPTURING_ID':
|
|
15025
14974
|
return /*#__PURE__*/React__default.createElement(IdCaptureStateProvider, null, /*#__PURE__*/React__default.createElement(GuideOrientationContextProvider, null, /*#__PURE__*/React__default.createElement(IdCaptureWizard, _assign({
|
|
@@ -15109,7 +15058,7 @@ var VideoIdWizard = function VideoIdWizard(_a) {
|
|
|
15109
15058
|
default:
|
|
15110
15059
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
|
|
15111
15060
|
}
|
|
15112
|
-
}())))
|
|
15061
|
+
}())));
|
|
15113
15062
|
};
|
|
15114
15063
|
|
|
15115
15064
|
function CompositeWizard(_a) {
|
|
@@ -15235,9 +15184,7 @@ function CompositeWizard(_a) {
|
|
|
15235
15184
|
if (isComplete) {
|
|
15236
15185
|
switch (submissionStatus) {
|
|
15237
15186
|
case SubmissionStatus.SUBMITTING:
|
|
15238
|
-
return /*#__PURE__*/React__default.createElement(
|
|
15239
|
-
className: "flex"
|
|
15240
|
-
}, /*#__PURE__*/React__default.createElement(Spinner, null));
|
|
15187
|
+
return /*#__PURE__*/React__default.createElement(SpinnerPage, null);
|
|
15241
15188
|
case SubmissionStatus.SUBMITTED:
|
|
15242
15189
|
if (debugMode) return /*#__PURE__*/React__default.createElement(SubmissionSuccess, null);
|
|
15243
15190
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
|
|
@@ -15761,6 +15708,8 @@ var IdValidation = function IdValidation(_a) {
|
|
|
15761
15708
|
geolocationEnabled: geolocationEnabled,
|
|
15762
15709
|
geolocationRequired: geolocationRequired,
|
|
15763
15710
|
useDocumentServiceForLivenessChecks: useDocumentServiceForLivenessChecks
|
|
15711
|
+
}, /*#__PURE__*/React__default.createElement(SdkPage, {
|
|
15712
|
+
className: classNames === null || classNames === void 0 ? void 0 : classNames.container
|
|
15764
15713
|
}, /*#__PURE__*/React__default.createElement(CompositeWizard, {
|
|
15765
15714
|
checks: useMemo(function () {
|
|
15766
15715
|
return ['IdCapture'];
|
|
@@ -15774,7 +15723,7 @@ var IdValidation = function IdValidation(_a) {
|
|
|
15774
15723
|
onCameraAccessDenied: onCameraAccessDenied,
|
|
15775
15724
|
onCameraTamperingDetected: onCameraTamperingDetected,
|
|
15776
15725
|
debugMode: debugMode
|
|
15777
|
-
}))));
|
|
15726
|
+
})))));
|
|
15778
15727
|
};
|
|
15779
15728
|
|
|
15780
15729
|
/** Render a fullscreen capture component that analyzes frames from the user's front-facing camera to determine whether a live human face is present. */
|
|
@@ -15897,6 +15846,8 @@ var FaceValidation = function FaceValidation(_a) {
|
|
|
15897
15846
|
useDocumentServiceForLivenessChecks: useDocumentServiceForLivenessChecks,
|
|
15898
15847
|
estimateAge: estimateAge,
|
|
15899
15848
|
predictGender: predictGender
|
|
15849
|
+
}, /*#__PURE__*/React__default.createElement(SdkPage, {
|
|
15850
|
+
className: classNames === null || classNames === void 0 ? void 0 : classNames.container
|
|
15900
15851
|
}, /*#__PURE__*/React__default.createElement(CompositeWizard, {
|
|
15901
15852
|
checks: useMemo(function () {
|
|
15902
15853
|
return ['FaceLiveness'];
|
|
@@ -15905,7 +15856,7 @@ var FaceValidation = function FaceValidation(_a) {
|
|
|
15905
15856
|
onCameraAccessDenied: onCameraAccessDenied,
|
|
15906
15857
|
onCameraTamperingDetected: onCameraTamperingDetected,
|
|
15907
15858
|
debugMode: debugMode
|
|
15908
|
-
}))));
|
|
15859
|
+
})))));
|
|
15909
15860
|
};
|
|
15910
15861
|
|
|
15911
15862
|
/**
|
|
@@ -16154,6 +16105,8 @@ var IdAndFaceValidation = function IdAndFaceValidation(_a) {
|
|
|
16154
16105
|
geolocationEnabled: geolocationEnabled,
|
|
16155
16106
|
geolocationRequired: geolocationRequired,
|
|
16156
16107
|
useDocumentServiceForLivenessChecks: useDocumentServiceForLivenessChecks
|
|
16108
|
+
}, /*#__PURE__*/React__default.createElement(SdkPage, {
|
|
16109
|
+
className: classNames === null || classNames === void 0 ? void 0 : classNames.container
|
|
16157
16110
|
}, /*#__PURE__*/React__default.createElement(CompositeWizard, {
|
|
16158
16111
|
checks: checks,
|
|
16159
16112
|
idCaptureProps: idCaptureProps,
|
|
@@ -16166,7 +16119,7 @@ var IdAndFaceValidation = function IdAndFaceValidation(_a) {
|
|
|
16166
16119
|
onCameraAccessDenied: onCameraAccessDenied,
|
|
16167
16120
|
onCameraTamperingDetected: onCameraTamperingDetected,
|
|
16168
16121
|
debugMode: debugMode
|
|
16169
|
-
}))));
|
|
16122
|
+
})))));
|
|
16170
16123
|
};
|
|
16171
16124
|
|
|
16172
16125
|
/**
|
|
@@ -16439,6 +16392,8 @@ var CustomerIdAndBiometricsEnrollment = function CustomerIdAndBiometricsEnrollme
|
|
|
16439
16392
|
geolocationEnabled: geolocationEnabled,
|
|
16440
16393
|
geolocationRequired: geolocationRequired,
|
|
16441
16394
|
useDocumentServiceForLivenessChecks: useDocumentServiceForLivenessChecks
|
|
16395
|
+
}, /*#__PURE__*/React__default.createElement(SdkPage, {
|
|
16396
|
+
className: classNames === null || classNames === void 0 ? void 0 : classNames.container
|
|
16442
16397
|
}, /*#__PURE__*/React__default.createElement(CompositeWizard, {
|
|
16443
16398
|
checks: checks,
|
|
16444
16399
|
idCaptureProps: idCaptureProps,
|
|
@@ -16452,7 +16407,7 @@ var CustomerIdAndBiometricsEnrollment = function CustomerIdAndBiometricsEnrollme
|
|
|
16452
16407
|
onCameraAccessDenied: onCameraAccessDenied,
|
|
16453
16408
|
onCameraTamperingDetected: onCameraTamperingDetected,
|
|
16454
16409
|
debugMode: debugMode
|
|
16455
|
-
}))));
|
|
16410
|
+
})))));
|
|
16456
16411
|
};
|
|
16457
16412
|
|
|
16458
16413
|
var ALLOWED_RETRIES$3 = 0;
|
|
@@ -16695,8 +16650,8 @@ var CustomerVerificationSuccess = function CustomerVerificationSuccess(_a) {
|
|
|
16695
16650
|
}, verbiage.doneBtnText))));
|
|
16696
16651
|
};
|
|
16697
16652
|
var Heading$3 = styled.h3(templateObject_1$3 || (templateObject_1$3 = __makeTemplateObject(["\n margin-bottom: 24px;\n"], ["\n margin-bottom: 24px;\n"])));
|
|
16698
|
-
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"])));
|
|
16699
|
-
var StyledButtonsRow$3 = styled(ButtonsRow)(templateObject_3$3 || (templateObject_3$3 = __makeTemplateObject(["\n margin-top: 24px;\n"], ["\n margin-top: 24px;\n"])));
|
|
16653
|
+
var ImageContainer$3 = styled(ButtonsRow$2)(templateObject_2$3 || (templateObject_2$3 = __makeTemplateObject(["\n max-height: calc(100vh - 185px);\n"], ["\n max-height: calc(100vh - 185px);\n"])));
|
|
16654
|
+
var StyledButtonsRow$3 = styled(ButtonsRow$2)(templateObject_3$3 || (templateObject_3$3 = __makeTemplateObject(["\n margin-top: 24px;\n"], ["\n margin-top: 24px;\n"])));
|
|
16700
16655
|
var templateObject_1$3, templateObject_2$3, templateObject_3$3;
|
|
16701
16656
|
|
|
16702
16657
|
var CustomerVerificationFailure = function CustomerVerificationFailure(_a) {
|
|
@@ -16747,13 +16702,12 @@ var CustomerVerificationFailure = function CustomerVerificationFailure(_a) {
|
|
|
16747
16702
|
}, verbiage.exitBtnText))));
|
|
16748
16703
|
};
|
|
16749
16704
|
var Heading$2 = styled.h3(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject(["\n margin-bottom: 24px;\n"], ["\n margin-bottom: 24px;\n"])));
|
|
16750
|
-
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"])));
|
|
16751
|
-
var StyledButtonsRow$2 = styled(ButtonsRow)(templateObject_3$2 || (templateObject_3$2 = __makeTemplateObject(["\n margin-top: 24px;\n"], ["\n margin-top: 24px;\n"])));
|
|
16705
|
+
var ImageContainer$2 = styled(ButtonsRow$2)(templateObject_2$2 || (templateObject_2$2 = __makeTemplateObject(["\n max-height: calc(100vh - 185px);\n"], ["\n max-height: calc(100vh - 185px);\n"])));
|
|
16706
|
+
var StyledButtonsRow$2 = styled(ButtonsRow$2)(templateObject_3$2 || (templateObject_3$2 = __makeTemplateObject(["\n margin-top: 24px;\n"], ["\n margin-top: 24px;\n"])));
|
|
16752
16707
|
var templateObject_1$2, templateObject_2$2, templateObject_3$2;
|
|
16753
16708
|
|
|
16754
16709
|
var ALLOWED_RETRIES$2 = 2;
|
|
16755
16710
|
var CustomerVerificationWizard = function CustomerVerificationWizard(_a) {
|
|
16756
|
-
var _b;
|
|
16757
16711
|
var onComplete = _a.onComplete,
|
|
16758
16712
|
onCustomerMatched = _a.onCustomerMatched,
|
|
16759
16713
|
onCustomerNotMatched = _a.onCustomerNotMatched,
|
|
@@ -16762,33 +16716,33 @@ var CustomerVerificationWizard = function CustomerVerificationWizard(_a) {
|
|
|
16762
16716
|
onUserCancel = _a.onUserCancel,
|
|
16763
16717
|
onCaptureGuidanceTimeout = _a.onCaptureGuidanceTimeout,
|
|
16764
16718
|
captureGuidanceTimeoutDurationMs = _a.captureGuidanceTimeoutDurationMs,
|
|
16765
|
-
|
|
16766
|
-
skipSuccessScreen =
|
|
16767
|
-
|
|
16768
|
-
loadingOverlayMode =
|
|
16769
|
-
|
|
16770
|
-
assets =
|
|
16771
|
-
|
|
16772
|
-
classNames =
|
|
16773
|
-
|
|
16774
|
-
colors =
|
|
16775
|
-
|
|
16776
|
-
verbiage =
|
|
16777
|
-
|
|
16778
|
-
debugMode =
|
|
16779
|
-
var
|
|
16780
|
-
submissionRequest =
|
|
16781
|
-
submissionResponse =
|
|
16782
|
-
selfieImage =
|
|
16783
|
-
var
|
|
16784
|
-
captureState =
|
|
16785
|
-
setCaptureState =
|
|
16786
|
-
var
|
|
16787
|
-
cameraAccessDenied =
|
|
16788
|
-
releaseCameraAccess =
|
|
16789
|
-
var
|
|
16790
|
-
start =
|
|
16791
|
-
stop =
|
|
16719
|
+
_b = _a.skipSuccessScreen,
|
|
16720
|
+
skipSuccessScreen = _b === void 0 ? false : _b,
|
|
16721
|
+
_c = _a.loadingOverlayMode,
|
|
16722
|
+
loadingOverlayMode = _c === void 0 ? 'default' : _c,
|
|
16723
|
+
_d = _a.assets,
|
|
16724
|
+
assets = _d === void 0 ? {} : _d,
|
|
16725
|
+
_e = _a.classNames,
|
|
16726
|
+
classNames = _e === void 0 ? {} : _e,
|
|
16727
|
+
_f = _a.colors,
|
|
16728
|
+
colors = _f === void 0 ? {} : _f,
|
|
16729
|
+
_g = _a.verbiage,
|
|
16730
|
+
verbiage = _g === void 0 ? {} : _g,
|
|
16731
|
+
_h = _a.debugMode,
|
|
16732
|
+
debugMode = _h === void 0 ? false : _h;
|
|
16733
|
+
var _j = useContext(SubmissionContext),
|
|
16734
|
+
submissionRequest = _j.submissionRequest,
|
|
16735
|
+
submissionResponse = _j.submissionResponse,
|
|
16736
|
+
selfieImage = _j.selfieImage;
|
|
16737
|
+
var _k = useState('LOADING'),
|
|
16738
|
+
captureState = _k[0],
|
|
16739
|
+
setCaptureState = _k[1];
|
|
16740
|
+
var _l = useCameraStore(),
|
|
16741
|
+
cameraAccessDenied = _l.cameraAccessDenied,
|
|
16742
|
+
releaseCameraAccess = _l.releaseCameraAccess;
|
|
16743
|
+
var _m = useContext(SelfieGuidanceModelsContext),
|
|
16744
|
+
start = _m.start,
|
|
16745
|
+
stop = _m.stop;
|
|
16792
16746
|
useEffect(function () {
|
|
16793
16747
|
if (captureState !== 'CAPTURING') return;
|
|
16794
16748
|
start();
|
|
@@ -16818,9 +16772,9 @@ var CustomerVerificationWizard = function CustomerVerificationWizard(_a) {
|
|
|
16818
16772
|
setCaptureState('FAILED');
|
|
16819
16773
|
onCaptureGuidanceTimeout === null || onCaptureGuidanceTimeout === void 0 ? void 0 : onCaptureGuidanceTimeout();
|
|
16820
16774
|
}, [onCaptureGuidanceTimeout]);
|
|
16821
|
-
var
|
|
16822
|
-
attempt =
|
|
16823
|
-
setAttempt =
|
|
16775
|
+
var _o = useState(0),
|
|
16776
|
+
attempt = _o[0],
|
|
16777
|
+
setAttempt = _o[1];
|
|
16824
16778
|
var onExitCallback = useCallback(function () {
|
|
16825
16779
|
setAttempt(function (n) {
|
|
16826
16780
|
return n + 1;
|
|
@@ -16841,9 +16795,7 @@ var CustomerVerificationWizard = function CustomerVerificationWizard(_a) {
|
|
|
16841
16795
|
setCaptureState('LOADING');
|
|
16842
16796
|
}
|
|
16843
16797
|
}, [cameraAccessDenied]);
|
|
16844
|
-
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(
|
|
16845
|
-
className: "flex ".concat((_b = classNames.container) !== null && _b !== void 0 ? _b : '')
|
|
16846
|
-
}, /*#__PURE__*/React__default.createElement(CameraVideoTag, {
|
|
16798
|
+
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(CameraVideoTag, {
|
|
16847
16799
|
className: classNames.cameraFeed
|
|
16848
16800
|
}), captureState !== 'LOADING' && function () {
|
|
16849
16801
|
switch (captureState) {
|
|
@@ -16894,7 +16846,7 @@ var CustomerVerificationWizard = function CustomerVerificationWizard(_a) {
|
|
|
16894
16846
|
default:
|
|
16895
16847
|
return null;
|
|
16896
16848
|
}
|
|
16897
|
-
}()
|
|
16849
|
+
}(), /*#__PURE__*/React__default.createElement(SelfieCaptureLoadingOverlay, {
|
|
16898
16850
|
key: attempt,
|
|
16899
16851
|
mode: loadingOverlayMode,
|
|
16900
16852
|
assets: assets.loadingOverlay,
|
|
@@ -17010,6 +16962,8 @@ var CustomerVerification = function CustomerVerification(_a) {
|
|
|
17010
16962
|
autoStart: false,
|
|
17011
16963
|
onModelError: onModelError,
|
|
17012
16964
|
modelLoadTimeoutMs: modelLoadTimeoutMs
|
|
16965
|
+
}, /*#__PURE__*/React__default.createElement(SdkPage, {
|
|
16966
|
+
className: classNames === null || classNames === void 0 ? void 0 : classNames.container
|
|
17013
16967
|
}, /*#__PURE__*/React__default.createElement(CustomerVerificationWizard, {
|
|
17014
16968
|
onComplete: onComplete,
|
|
17015
16969
|
onCustomerMatched: onCustomerMatched,
|
|
@@ -17025,7 +16979,7 @@ var CustomerVerification = function CustomerVerification(_a) {
|
|
|
17025
16979
|
colors: colors,
|
|
17026
16980
|
verbiage: verbiage,
|
|
17027
16981
|
debugMode: debugMode
|
|
17028
|
-
}))))));
|
|
16982
|
+
})))))));
|
|
17029
16983
|
};
|
|
17030
16984
|
|
|
17031
16985
|
var ALLOWED_RETRIES$1 = 0;
|
|
@@ -17266,8 +17220,8 @@ var CustomerIdentificationSuccess = function CustomerIdentificationSuccess(_a) {
|
|
|
17266
17220
|
}, verbiage.doneBtnText))));
|
|
17267
17221
|
};
|
|
17268
17222
|
var Heading$1 = styled.h3(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject(["\n margin-bottom: 24px;\n"], ["\n margin-bottom: 24px;\n"])));
|
|
17269
|
-
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"])));
|
|
17270
|
-
var StyledButtonsRow$1 = styled(ButtonsRow)(templateObject_3$1 || (templateObject_3$1 = __makeTemplateObject(["\n margin-top: 24px;\n"], ["\n margin-top: 24px;\n"])));
|
|
17223
|
+
var ImageContainer$1 = styled(ButtonsRow$2)(templateObject_2$1 || (templateObject_2$1 = __makeTemplateObject(["\n max-height: calc(100vh - 185px);\n"], ["\n max-height: calc(100vh - 185px);\n"])));
|
|
17224
|
+
var StyledButtonsRow$1 = styled(ButtonsRow$2)(templateObject_3$1 || (templateObject_3$1 = __makeTemplateObject(["\n margin-top: 24px;\n"], ["\n margin-top: 24px;\n"])));
|
|
17271
17225
|
var templateObject_1$1, templateObject_2$1, templateObject_3$1;
|
|
17272
17226
|
|
|
17273
17227
|
var CustomerIdentificationFailure = function CustomerIdentificationFailure(_a) {
|
|
@@ -17318,13 +17272,12 @@ var CustomerIdentificationFailure = function CustomerIdentificationFailure(_a) {
|
|
|
17318
17272
|
}, verbiage.exitBtnText))));
|
|
17319
17273
|
};
|
|
17320
17274
|
var Heading = styled.h3(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n margin-bottom: 24px;\n"], ["\n margin-bottom: 24px;\n"])));
|
|
17321
|
-
var ImageContainer = styled(ButtonsRow)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n max-height: calc(100vh - 185px);\n"], ["\n max-height: calc(100vh - 185px);\n"])));
|
|
17322
|
-
var StyledButtonsRow = styled(ButtonsRow)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n margin-top: 24px;\n"], ["\n margin-top: 24px;\n"])));
|
|
17275
|
+
var ImageContainer = styled(ButtonsRow$2)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n max-height: calc(100vh - 185px);\n"], ["\n max-height: calc(100vh - 185px);\n"])));
|
|
17276
|
+
var StyledButtonsRow = styled(ButtonsRow$2)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n margin-top: 24px;\n"], ["\n margin-top: 24px;\n"])));
|
|
17323
17277
|
var templateObject_1, templateObject_2, templateObject_3;
|
|
17324
17278
|
|
|
17325
17279
|
var ALLOWED_RETRIES = 2;
|
|
17326
17280
|
var CustomerIdentificationWizard = function CustomerIdentificationWizard(_a) {
|
|
17327
|
-
var _b;
|
|
17328
17281
|
var onComplete = _a.onComplete,
|
|
17329
17282
|
onCustomerMatched = _a.onCustomerMatched,
|
|
17330
17283
|
onCustomerNotMatched = _a.onCustomerNotMatched,
|
|
@@ -17333,33 +17286,33 @@ var CustomerIdentificationWizard = function CustomerIdentificationWizard(_a) {
|
|
|
17333
17286
|
onUserCancel = _a.onUserCancel,
|
|
17334
17287
|
onCaptureGuidanceTimeout = _a.onCaptureGuidanceTimeout,
|
|
17335
17288
|
captureGuidanceTimeoutDurationMs = _a.captureGuidanceTimeoutDurationMs,
|
|
17336
|
-
|
|
17337
|
-
skipSuccessScreen =
|
|
17338
|
-
|
|
17339
|
-
loadingOverlayMode =
|
|
17340
|
-
|
|
17341
|
-
assets =
|
|
17342
|
-
|
|
17343
|
-
classNames =
|
|
17344
|
-
|
|
17345
|
-
colors =
|
|
17346
|
-
|
|
17347
|
-
verbiage =
|
|
17348
|
-
|
|
17349
|
-
debugMode =
|
|
17350
|
-
var
|
|
17351
|
-
submissionResponse =
|
|
17352
|
-
submissionRequest =
|
|
17353
|
-
selfieImage =
|
|
17354
|
-
var
|
|
17355
|
-
captureState =
|
|
17356
|
-
setCaptureState =
|
|
17357
|
-
var
|
|
17358
|
-
cameraAccessDenied =
|
|
17359
|
-
releaseCameraAccess =
|
|
17360
|
-
var
|
|
17361
|
-
start =
|
|
17362
|
-
stop =
|
|
17289
|
+
_b = _a.skipSuccessScreen,
|
|
17290
|
+
skipSuccessScreen = _b === void 0 ? false : _b,
|
|
17291
|
+
_c = _a.loadingOverlayMode,
|
|
17292
|
+
loadingOverlayMode = _c === void 0 ? 'default' : _c,
|
|
17293
|
+
_d = _a.assets,
|
|
17294
|
+
assets = _d === void 0 ? {} : _d,
|
|
17295
|
+
_e = _a.classNames,
|
|
17296
|
+
classNames = _e === void 0 ? {} : _e,
|
|
17297
|
+
_f = _a.colors,
|
|
17298
|
+
colors = _f === void 0 ? {} : _f,
|
|
17299
|
+
_g = _a.verbiage,
|
|
17300
|
+
verbiage = _g === void 0 ? {} : _g,
|
|
17301
|
+
_h = _a.debugMode,
|
|
17302
|
+
debugMode = _h === void 0 ? false : _h;
|
|
17303
|
+
var _j = useContext(SubmissionContext),
|
|
17304
|
+
submissionResponse = _j.submissionResponse,
|
|
17305
|
+
submissionRequest = _j.submissionRequest,
|
|
17306
|
+
selfieImage = _j.selfieImage;
|
|
17307
|
+
var _k = useState('LOADING'),
|
|
17308
|
+
captureState = _k[0],
|
|
17309
|
+
setCaptureState = _k[1];
|
|
17310
|
+
var _l = useCameraStore(),
|
|
17311
|
+
cameraAccessDenied = _l.cameraAccessDenied,
|
|
17312
|
+
releaseCameraAccess = _l.releaseCameraAccess;
|
|
17313
|
+
var _m = useContext(SelfieGuidanceModelsContext),
|
|
17314
|
+
start = _m.start,
|
|
17315
|
+
stop = _m.stop;
|
|
17363
17316
|
useEffect(function () {
|
|
17364
17317
|
if (captureState !== 'CAPTURING') return;
|
|
17365
17318
|
start();
|
|
@@ -17389,9 +17342,9 @@ var CustomerIdentificationWizard = function CustomerIdentificationWizard(_a) {
|
|
|
17389
17342
|
setCaptureState('FAILED');
|
|
17390
17343
|
onCaptureGuidanceTimeout === null || onCaptureGuidanceTimeout === void 0 ? void 0 : onCaptureGuidanceTimeout();
|
|
17391
17344
|
}, [onCaptureGuidanceTimeout]);
|
|
17392
|
-
var
|
|
17393
|
-
attempt =
|
|
17394
|
-
setAttempt =
|
|
17345
|
+
var _o = useState(0),
|
|
17346
|
+
attempt = _o[0],
|
|
17347
|
+
setAttempt = _o[1];
|
|
17395
17348
|
var onExitCallback = useCallback(function () {
|
|
17396
17349
|
setAttempt(function (n) {
|
|
17397
17350
|
return n + 1;
|
|
@@ -17412,9 +17365,7 @@ var CustomerIdentificationWizard = function CustomerIdentificationWizard(_a) {
|
|
|
17412
17365
|
setCaptureState('LOADING');
|
|
17413
17366
|
}
|
|
17414
17367
|
}, [cameraAccessDenied]);
|
|
17415
|
-
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(
|
|
17416
|
-
className: "flex ".concat((_b = classNames.container) !== null && _b !== void 0 ? _b : '')
|
|
17417
|
-
}, /*#__PURE__*/React__default.createElement(CameraVideoTag, {
|
|
17368
|
+
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(CameraVideoTag, {
|
|
17418
17369
|
className: classNames.cameraFeed
|
|
17419
17370
|
}), captureState !== 'LOADING' && function () {
|
|
17420
17371
|
switch (captureState) {
|
|
@@ -17465,7 +17416,7 @@ var CustomerIdentificationWizard = function CustomerIdentificationWizard(_a) {
|
|
|
17465
17416
|
default:
|
|
17466
17417
|
return null;
|
|
17467
17418
|
}
|
|
17468
|
-
}()
|
|
17419
|
+
}(), /*#__PURE__*/React__default.createElement(SelfieCaptureLoadingOverlay, {
|
|
17469
17420
|
key: attempt,
|
|
17470
17421
|
mode: loadingOverlayMode,
|
|
17471
17422
|
assets: assets.loadingOverlay,
|
|
@@ -17579,6 +17530,8 @@ var CustomerIdentification = function CustomerIdentification(_a) {
|
|
|
17579
17530
|
autoStart: false,
|
|
17580
17531
|
modelLoadTimeoutMs: modelLoadTimeoutMs,
|
|
17581
17532
|
onModelError: onModelError
|
|
17533
|
+
}, /*#__PURE__*/React__default.createElement(SdkPage, {
|
|
17534
|
+
className: classNames === null || classNames === void 0 ? void 0 : classNames.container
|
|
17582
17535
|
}, /*#__PURE__*/React__default.createElement(CustomerIdentificationWizard, {
|
|
17583
17536
|
onComplete: onComplete,
|
|
17584
17537
|
onCustomerMatched: onCustomerMatched,
|
|
@@ -17595,7 +17548,7 @@ var CustomerIdentification = function CustomerIdentification(_a) {
|
|
|
17595
17548
|
colors: colors,
|
|
17596
17549
|
verbiage: verbiage,
|
|
17597
17550
|
debugMode: debugMode
|
|
17598
|
-
}))))));
|
|
17551
|
+
})))))));
|
|
17599
17552
|
};
|
|
17600
17553
|
|
|
17601
17554
|
/** Render a fullscreen capture component that captures a video of the user signing the screen. */
|
|
@@ -17677,6 +17630,8 @@ var SignatureKYC = function SignatureKYC(_a) {
|
|
|
17677
17630
|
geolocationEnabled: geolocationEnabled,
|
|
17678
17631
|
geolocationRequired: geolocationRequired,
|
|
17679
17632
|
useDocumentServiceForLivenessChecks: useDocumentServiceForLivenessChecks
|
|
17633
|
+
}, /*#__PURE__*/React__default.createElement(SdkPage, {
|
|
17634
|
+
className: classNames === null || classNames === void 0 ? void 0 : classNames.container
|
|
17680
17635
|
}, /*#__PURE__*/React__default.createElement(CompositeWizard, {
|
|
17681
17636
|
debugMode: debugMode,
|
|
17682
17637
|
checks: useMemo(function () {
|
|
@@ -17704,7 +17659,7 @@ var SignatureKYC = function SignatureKYC(_a) {
|
|
|
17704
17659
|
onUserCancel: onUserCancel
|
|
17705
17660
|
};
|
|
17706
17661
|
}, [customOverlayContent, onLoadingOverlayDismissed, loadingOverlayMode, skipSuccessScreen, captureAudio, minSignaturePadPoints, modelLoadTimeoutMs, faceLivenessProps, allowSignatureAfterLivenessCheckFailure, restartVideoOnSignaturePadCleared, classNames, colors, debugMode, verbiage, onModelError, onUserCancel])
|
|
17707
|
-
}))));
|
|
17662
|
+
})))));
|
|
17708
17663
|
};
|
|
17709
17664
|
|
|
17710
17665
|
/**
|
|
@@ -17926,6 +17881,8 @@ var VideoIdValidation = function VideoIdValidation(_a) {
|
|
|
17926
17881
|
geolocationEnabled: geolocationEnabled,
|
|
17927
17882
|
geolocationRequired: geolocationRequired,
|
|
17928
17883
|
useDocumentServiceForLivenessChecks: useDocumentServiceForLivenessChecks
|
|
17884
|
+
}, /*#__PURE__*/React__default.createElement(SdkPage, {
|
|
17885
|
+
className: classNames === null || classNames === void 0 ? void 0 : classNames.container
|
|
17929
17886
|
}, /*#__PURE__*/React__default.createElement(CompositeWizard, {
|
|
17930
17887
|
checks: useMemo(function () {
|
|
17931
17888
|
return ['VideoIdCapture'];
|
|
@@ -17940,7 +17897,7 @@ var VideoIdValidation = function VideoIdValidation(_a) {
|
|
|
17940
17897
|
onCameraTamperingDetected: onCameraTamperingDetected,
|
|
17941
17898
|
onMicrophoneAccessDenied: onMicrophoneAccessDenied,
|
|
17942
17899
|
debugMode: debugMode
|
|
17943
|
-
}))));
|
|
17900
|
+
})))));
|
|
17944
17901
|
};
|
|
17945
17902
|
|
|
17946
17903
|
/** 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. */
|
|
@@ -18104,6 +18061,8 @@ var CustomerBiometricsEnrollment = function CustomerBiometricsEnrollment(_a) {
|
|
|
18104
18061
|
geolocationEnabled: geolocationEnabled,
|
|
18105
18062
|
geolocationRequired: geolocationRequired,
|
|
18106
18063
|
useDocumentServiceForLivenessChecks: useDocumentServiceForLivenessChecks
|
|
18064
|
+
}, /*#__PURE__*/React__default.createElement(SdkPage, {
|
|
18065
|
+
className: classNames === null || classNames === void 0 ? void 0 : classNames.container
|
|
18107
18066
|
}, /*#__PURE__*/React__default.createElement(CompositeWizard, {
|
|
18108
18067
|
checks: useMemo(function () {
|
|
18109
18068
|
return ['FaceLiveness'];
|
|
@@ -18117,7 +18076,7 @@ var CustomerBiometricsEnrollment = function CustomerBiometricsEnrollment(_a) {
|
|
|
18117
18076
|
onCameraAccessDenied: onCameraAccessDenied,
|
|
18118
18077
|
onCameraTamperingDetected: onCameraTamperingDetected,
|
|
18119
18078
|
debugMode: debugMode
|
|
18120
|
-
}))));
|
|
18079
|
+
})))));
|
|
18121
18080
|
};
|
|
18122
18081
|
|
|
18123
18082
|
/**
|
|
@@ -18190,6 +18149,8 @@ var DocumentCapture = function DocumentCapture(_a) {
|
|
|
18190
18149
|
onCameraTamperingDetected: onCameraTamperingDetected,
|
|
18191
18150
|
classNames: classNames === null || classNames === void 0 ? void 0 : classNames.cameraStoreProvider,
|
|
18192
18151
|
verbiage: verbiage === null || verbiage === void 0 ? void 0 : verbiage.cameraStoreProvider
|
|
18152
|
+
}, /*#__PURE__*/React__default.createElement(SdkPage, {
|
|
18153
|
+
className: classNames === null || classNames === void 0 ? void 0 : classNames.container
|
|
18193
18154
|
}, /*#__PURE__*/React__default.createElement(DocumentCaptureWizard, {
|
|
18194
18155
|
onSuccess: onComplete,
|
|
18195
18156
|
onExitCapture: onExitCapture,
|
|
@@ -18200,7 +18161,7 @@ var DocumentCapture = function DocumentCapture(_a) {
|
|
|
18200
18161
|
instructions: instructions,
|
|
18201
18162
|
classNames: classNames,
|
|
18202
18163
|
verbiage: verbiage
|
|
18203
|
-
})))));
|
|
18164
|
+
}))))));
|
|
18204
18165
|
};
|
|
18205
18166
|
|
|
18206
18167
|
initializeI18n();
|