idmission-web-sdk 2.2.174 → 2.2.175
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/CompositeWizard.d.ts.map +1 -1
- package/dist/components/common/Page.d.ts +13 -0
- package/dist/components/common/Page.d.ts.map +1 -0
- package/dist/components/common/debug.d.ts.map +1 -1
- package/dist/components/common/overlay.d.ts +26 -29
- package/dist/components/common/overlay.d.ts.map +1 -1
- package/dist/components/common/spinner.d.ts +1 -4
- package/dist/components/common/spinner.d.ts.map +1 -1
- package/dist/components/customer_flows/CustomerBiometricsEnrollment.d.ts +0 -1
- package/dist/components/customer_flows/CustomerBiometricsEnrollment.d.ts.map +1 -1
- package/dist/components/customer_flows/CustomerIdAndBiometricsEnrollment.d.ts +0 -1
- package/dist/components/customer_flows/CustomerIdAndBiometricsEnrollment.d.ts.map +1 -1
- package/dist/components/customer_flows/CustomerIdentification.d.ts.map +1 -1
- package/dist/components/customer_flows/CustomerVerification.d.ts.map +1 -1
- package/dist/components/customer_flows/DocumentCapture.d.ts.map +1 -1
- package/dist/components/customer_flows/FaceValidation.d.ts +1 -3
- package/dist/components/customer_flows/FaceValidation.d.ts.map +1 -1
- package/dist/components/customer_flows/IdAndFaceValidation.d.ts +0 -1
- package/dist/components/customer_flows/IdAndFaceValidation.d.ts.map +1 -1
- package/dist/components/customer_flows/IdValidation.d.ts.map +1 -1
- package/dist/components/customer_flows/SignatureKYC.d.ts.map +1 -1
- package/dist/components/customer_flows/VideoIdValidation.d.ts +0 -1
- package/dist/components/customer_flows/VideoIdValidation.d.ts.map +1 -1
- package/dist/components/customer_identification/CustomerIdentificationWizard.d.ts.map +1 -1
- package/dist/components/customer_verification/CustomerVerificationWizard.d.ts.map +1 -1
- package/dist/components/document_capture/DocumentCaptureScreen.d.ts.map +1 -1
- package/dist/components/face_liveness/FaceCaptureGuideOverlay.d.ts.map +1 -1
- package/dist/components/face_liveness/FaceLivenessWizard.d.ts.map +1 -1
- package/dist/components/id_capture/IdCapture.d.ts.map +1 -1
- package/dist/components/id_capture/IdCaptureGuideOverlay.d.ts.map +1 -1
- package/dist/components/id_capture/IdCaptureLoadingGraphic.d.ts +1 -1
- package/dist/components/id_capture/IdCaptureLoadingGraphic.d.ts.map +1 -1
- package/dist/components/id_capture/IdCaptureLoadingOverlayDefault.d.ts.map +1 -1
- package/dist/components/id_capture/IdCaptureWizard.d.ts.map +1 -1
- package/dist/components/selfie_capture/SelfieCapture.d.ts.map +1 -1
- package/dist/components/selfie_capture/SelfieCaptureLoadingGraphic.d.ts +3 -1
- package/dist/components/selfie_capture/SelfieCaptureLoadingGraphic.d.ts.map +1 -1
- package/dist/components/selfie_capture/SelfieCaptureLoadingOverlayDefault.d.ts.map +1 -1
- package/dist/components/video_id/IdVideoCaptureGuides.d.ts.map +1 -1
- package/dist/components/video_id/IdVideoCaptureWizard.d.ts +1 -0
- package/dist/components/video_id/IdVideoCaptureWizard.d.ts.map +1 -1
- package/dist/components/video_signature_capture/VideoSignatureCapture.d.ts.map +1 -1
- package/dist/components/video_signature_capture/VideoSignatureWizard.d.ts.map +1 -1
- package/dist/lib/locales/de.d.ts +1 -1
- package/dist/lib/locales/es.d.ts +2 -2
- package/dist/lib/locales/fr.d.ts +2 -2
- package/dist/lib/locales/index.d.ts +15 -15
- package/dist/lib/locales/it.d.ts +2 -2
- package/dist/lib/locales/ja.d.ts +2 -2
- package/dist/lib/locales/pt.d.ts +2 -2
- package/dist/lib/locales/ru.d.ts +2 -2
- package/dist/lib/locales/zh.d.ts +2 -2
- package/dist/sdk2.cjs.development.js +932 -884
- package/dist/sdk2.cjs.development.js.map +1 -1
- package/dist/sdk2.cjs.production.js +1 -1
- package/dist/sdk2.cjs.production.js.map +1 -1
- package/dist/sdk2.esm.js +934 -886
- package/dist/sdk2.esm.js.map +1 -1
- package/dist/sdk2.umd.development.js +935 -887
- package/dist/sdk2.umd.development.js.map +1 -1
- package/dist/sdk2.umd.production.js +1 -1
- package/dist/sdk2.umd.production.js.map +1 -1
- package/dist/themes/index.d.ts +1 -3
- package/dist/themes/index.d.ts.map +1 -1
- package/dist/version.d.ts +1 -1
- package/package.json +3 -3
- package/dist/components/common/SdkPage.d.ts +0 -18
- package/dist/components/common/SdkPage.d.ts.map +0 -1
package/dist/sdk2.esm.js
CHANGED
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import React__default, {
|
|
2
|
+
import React__default, { forwardRef, useState, useEffect, useRef, useContext, createContext, useReducer, useCallback, useMemo, useLayoutEffect } from 'react';
|
|
3
3
|
import * as ReactDOM from 'react-dom/client';
|
|
4
4
|
import platform from 'platform';
|
|
5
|
-
import styled, {
|
|
6
|
-
import { createPortal } from 'react-dom';
|
|
5
|
+
import styled, { useTheme, keyframes, ThemeProvider as ThemeProvider$1 } from 'styled-components';
|
|
7
6
|
import { useTranslation, initReactI18next } from 'react-i18next';
|
|
8
7
|
import { Upload } from 'tus-js-client';
|
|
9
8
|
import SparkMD5 from 'spark-md5';
|
|
@@ -14,6 +13,7 @@ import i18n from 'i18next';
|
|
|
14
13
|
import { useDebouncedCallback, useThrottledCallback } from 'use-debounce';
|
|
15
14
|
import { devtools } from 'zustand/middleware';
|
|
16
15
|
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.175';
|
|
208
208
|
|
|
209
209
|
function getPlatform() {
|
|
210
210
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
@@ -369,6 +369,48 @@ 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
|
+
|
|
372
414
|
var LoaderButton = function LoaderButton(_a) {
|
|
373
415
|
var children = _a.children,
|
|
374
416
|
className = _a.className,
|
|
@@ -424,60 +466,29 @@ var LoaderButton = function LoaderButton(_a) {
|
|
|
424
466
|
className: "ladda-label"
|
|
425
467
|
}, children));
|
|
426
468
|
};
|
|
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) {
|
|
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) {
|
|
428
470
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
|
|
429
471
|
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 ");
|
|
430
472
|
});
|
|
431
|
-
var templateObject_1$
|
|
473
|
+
var templateObject_1$M;
|
|
432
474
|
|
|
433
|
-
var
|
|
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;
|
|
463
|
-
|
|
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) {
|
|
475
|
+
var OverlayContainer = styled(PageContainer)(templateObject_1$L || (templateObject_1$L = __makeTemplateObject(["\n background: ", ";\n ", "\n z-index: 10000;\n"], ["\n background: ", ";\n ", "\n z-index: 10000;\n"])), function (props) {
|
|
465
476
|
return props.theme.background ? "".concat(props.theme.background) : "white";
|
|
466
477
|
}, function (props) {
|
|
467
478
|
return props.theme.textColor ? "color: ".concat(props.theme.textColor, ";") : "";
|
|
468
479
|
});
|
|
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) {
|
|
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 max-width: 100dvw;\n max-height: 100dvh;\n width: 100%;\n height: 100%;\n ", "\n"], ["\n text-align: ", ";\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n max-width: 100dvw;\n max-height: 100dvh;\n width: 100%;\n height: 100%;\n ", "\n"])), function (props) {
|
|
470
481
|
var _a;
|
|
471
482
|
return (_a = props.theme.textAlign) !== null && _a !== void 0 ? _a : 'center';
|
|
472
483
|
}, function (props) {
|
|
473
484
|
return props.theme.padding ? "box-sizing: border-box; padding: ".concat(props.theme.padding, ";") : "";
|
|
474
485
|
});
|
|
475
|
-
var OverlayImageContainer = styled.div(templateObject_3$
|
|
476
|
-
var OverlayImageRow = styled.div(templateObject_4$
|
|
486
|
+
var OverlayImageContainer = styled.div(templateObject_3$s || (templateObject_3$s = __makeTemplateObject(["\n position: relative;\n display: flex;\n flex-grow: 1;\n padding-bottom: 25px;\n max-width: 100dvw;\n max-height: 100dvh;\n overflow: hidden;\n\n & > img,\n & > svg {\n margin: 0 auto;\n width: max-content;\n max-width: 100%;\n max-height: 100%;\n aspect-ratio: initial;\n object-fit: contain;\n display: block;\n }\n"], ["\n position: relative;\n display: flex;\n flex-grow: 1;\n padding-bottom: 25px;\n max-width: 100dvw;\n max-height: 100dvh;\n overflow: hidden;\n\n & > img,\n & > svg {\n margin: 0 auto;\n width: max-content;\n max-width: 100%;\n max-height: 100%;\n aspect-ratio: initial;\n object-fit: contain;\n display: block;\n }\n"])));
|
|
487
|
+
var OverlayImageRow = styled.div(templateObject_4$m || (templateObject_4$m = __makeTemplateObject(["\n display: flex;\n margin: auto;\n\n & > div {\n max-height: calc(100vh - 320px);\n\n & > img {\n width: 100%;\n max-height: 100%;\n height: auto;\n object-fit: contain;\n }\n }\n"], ["\n display: flex;\n margin: auto;\n\n & > div {\n max-height: calc(100vh - 320px);\n\n & > img {\n width: 100%;\n max-height: 100%;\n height: auto;\n object-fit: contain;\n }\n }\n"])));
|
|
477
488
|
var GrayOverlayContainer = styled(OverlayContainer)(templateObject_5$d || (templateObject_5$d = __makeTemplateObject(["\n background: #f7f6fb;\n"], ["\n background: #f7f6fb;\n"])));
|
|
478
489
|
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"])));
|
|
479
490
|
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"])));
|
|
480
|
-
var WideBorderButton = styled(WideButton)(templateObject_8$
|
|
491
|
+
var WideBorderButton = styled(WideButton)(templateObject_8$4 || (templateObject_8$4 = __makeTemplateObject(["\n color: ", ";\n background: ", ";\n border: 1px solid\n ", ";\n box-sizing: border-box;\n"], ["\n color: ", ";\n background: ", ";\n border: 1px solid\n ", ";\n box-sizing: border-box;\n"])), function (props) {
|
|
481
492
|
var _a, _b;
|
|
482
493
|
return (_b = (_a = props.colors) === null || _a === void 0 ? void 0 : _a.textColor) !== null && _b !== void 0 ? _b : 'black';
|
|
483
494
|
}, function (props) {
|
|
@@ -487,26 +498,7 @@ var WideBorderButton = styled(WideButton)(templateObject_8$3 || (templateObject_
|
|
|
487
498
|
var _a, _b;
|
|
488
499
|
return (_b = (_a = props.colors) === null || _a === void 0 ? void 0 : _a.borderColor) !== null && _b !== void 0 ? _b : 'var(--idm-color-secondary-500)';
|
|
489
500
|
});
|
|
490
|
-
var
|
|
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;
|
|
501
|
+
var templateObject_1$L, templateObject_2$C, templateObject_3$s, templateObject_4$m, templateObject_5$d, templateObject_6$a, templateObject_7$7, templateObject_8$4;
|
|
510
502
|
|
|
511
503
|
var GeolocationAccessDeniedOverlay = function GeolocationAccessDeniedOverlay(_a) {
|
|
512
504
|
var accessBlockedImageUrl = _a.accessBlockedImageUrl;
|
|
@@ -2135,7 +2127,7 @@ function getFrameDimensions(frame) {
|
|
|
2135
2127
|
return [frameWidth, frameHeight];
|
|
2136
2128
|
}
|
|
2137
2129
|
|
|
2138
|
-
var InvisibleCanvas = styled.canvas(templateObject_1$
|
|
2130
|
+
var InvisibleCanvas = styled.canvas(templateObject_1$K || (templateObject_1$K = __makeTemplateObject(["\n display: none;\n"], ["\n display: none;\n"])));
|
|
2139
2131
|
function drawToCanvas(canvas, frame, width, height) {
|
|
2140
2132
|
if (!canvas) return;
|
|
2141
2133
|
var ctx = canvas.getContext('2d');
|
|
@@ -2155,7 +2147,7 @@ function clearCanvas(canvas) {
|
|
|
2155
2147
|
var _a;
|
|
2156
2148
|
(_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);
|
|
2157
2149
|
}
|
|
2158
|
-
var templateObject_1$
|
|
2150
|
+
var templateObject_1$K;
|
|
2159
2151
|
|
|
2160
2152
|
function cropToShoulders(rawCanvas, cropCanvas, resizeCanvas, frame, face, quality, maxHeight) {
|
|
2161
2153
|
if (quality === void 0) {
|
|
@@ -3611,8 +3603,8 @@ var es = {
|
|
|
3611
3603
|
'Document out of focus - try improving the lighting': 'Documento no enfocado, hay que tratar de mejorar la iluminación',
|
|
3612
3604
|
'ID card front detected - please flip your ID card': 'Frente de la ID detectado, por favor hay que voltearla',
|
|
3613
3605
|
'ID card back detected - please flip your ID card': 'Reverso de la ID detectado, por favor hay que voltearla',
|
|
3614
|
-
'ID card detected please scan a passport instead': 'Se ha detectado una credencial, por favor hay que escanear un pasaporte',
|
|
3615
|
-
'Passport detected please scan an ID card instead': 'Se ha detectado un pasaporte, por favor hay que escanear una credencial',
|
|
3606
|
+
'ID card detected, please scan a passport instead': 'Se ha detectado una credencial, por favor hay que escanear un pasaporte',
|
|
3607
|
+
'Passport detected, please scan an ID card instead': 'Se ha detectado un pasaporte, por favor hay que escanear una credencial',
|
|
3616
3608
|
'Document detected, hold still...': 'Se ha detectado el documento, no moverse por favor...',
|
|
3617
3609
|
'ID card front detected, hold still...': 'Frente de la ID detectado, no moverse...',
|
|
3618
3610
|
'ID card back detected, hold still...': 'Reverso de la ID detectado, no moverse...',
|
|
@@ -3739,7 +3731,7 @@ var de = {
|
|
|
3739
3731
|
'Document out of focus - try improving the lighting': 'Dokument unscharf - versuchen Sie, die Beleuchtung zu verbessern',
|
|
3740
3732
|
'ID card front detected - please flip your ID card': 'Vorderseite des Ausweises erkannt - bitte Ihren Ausweis umdrehen',
|
|
3741
3733
|
'ID card back detected - please flip your ID card': 'Rückseite des Ausweises erkannt - bitte Ihren Ausweis umdrehen',
|
|
3742
|
-
'ID card detected please scan a passport instead': 'Ausweis erkannt, bitte stattdessen einen Pass scannen',
|
|
3734
|
+
'ID card detected, please scan a passport instead': 'Ausweis erkannt, bitte stattdessen einen Pass scannen',
|
|
3743
3735
|
'Passport detected, please scan an ID card instead': 'Pass erkannt, bitte stattdessen einen Ausweis scannen',
|
|
3744
3736
|
'Document detected, hold still...': 'Dokument erkannt, stillhalten...',
|
|
3745
3737
|
'ID card front detected, hold still...': 'Vorderseite des Ausweises erkannt, stillhalten...',
|
|
@@ -3867,8 +3859,8 @@ var fr = {
|
|
|
3867
3859
|
'Document out of focus - try improving the lighting': "Document flou - essayez d'améliorer l'éclairage",
|
|
3868
3860
|
'ID card front detected - please flip your ID card': "Recto de la carte d'identité détecté - veuillez retourner votre carte d'identité",
|
|
3869
3861
|
'ID card back detected - please flip your ID card': "Verso de la carte d'identité détectée - veuillez retourner votre carte d'identité",
|
|
3870
|
-
'ID card detected please scan a passport instead': "Carte d'identité détectée, veuillez scanner plutôt un passeport",
|
|
3871
|
-
'Passport detected please scan an ID card instead': "Passeport détecté, veuillez scanner plutôt une carte d'identité",
|
|
3862
|
+
'ID card detected, please scan a passport instead': "Carte d'identité détectée, veuillez scanner plutôt un passeport",
|
|
3863
|
+
'Passport detected, please scan an ID card instead': "Passeport détecté, veuillez scanner plutôt une carte d'identité",
|
|
3872
3864
|
'Document detected, hold still...': 'Document détecté, restez immobile...',
|
|
3873
3865
|
'ID card front detected, hold still...': "Recto de la carte d'identité détecté, restez immobile...",
|
|
3874
3866
|
'ID card back detected, hold still...': "Verso de la carte d'identité détecté, restez immobile...",
|
|
@@ -3995,8 +3987,8 @@ var it = {
|
|
|
3995
3987
|
'Document out of focus - try improving the lighting': "Documento fuori fuoco - provare a migliorare l'illuminazione",
|
|
3996
3988
|
'ID card front detected - please flip your ID card': "Fronte del documento d'identità rilevato - Girare il documento d'identità",
|
|
3997
3989
|
'ID card back detected - please flip your ID card': "Retro del documento d'identità rilevato - Girare il documento d'identità",
|
|
3998
|
-
'ID card detected please scan a passport instead': "Documento d'identità rilevato, scansionare un passaporto al suo posto",
|
|
3999
|
-
'Passport detected please scan an ID card instead': "Passaporto rilevato, scansionare una documento d'identità al suo posto",
|
|
3990
|
+
'ID card detected, please scan a passport instead': "Documento d'identità rilevato, scansionare un passaporto al suo posto",
|
|
3991
|
+
'Passport detected, please scan an ID card instead': "Passaporto rilevato, scansionare una documento d'identità al suo posto",
|
|
4000
3992
|
'Document detected, hold still...': 'Documento rilevato, tenere fermo...',
|
|
4001
3993
|
'ID card front detected, hold still...': "Fronte documento d'identità rilevato, tenere fermo...",
|
|
4002
3994
|
'ID card back detected, hold still...': "Retro documento d'identità rilevato, tenere fermo...",
|
|
@@ -4123,8 +4115,8 @@ var ja = {
|
|
|
4123
4115
|
'Document out of focus - try improving the lighting': 'ドキュメントの焦点がぼやけています。照明を調節してください',
|
|
4124
4116
|
'ID card front detected - please flip your ID card': '身分証の正面が検出されました。身分証を裏返してください',
|
|
4125
4117
|
'ID card back detected - please flip your ID card': '身分証の背面が検出されました。身分証を裏返してください',
|
|
4126
|
-
'ID card detected please scan a passport instead': '身分証が検出されました。パスポートをスキャンしてください',
|
|
4127
|
-
'Passport detected please scan an ID card instead': 'パスポートが検出されました。身分証をスキャンしてください',
|
|
4118
|
+
'ID card detected, please scan a passport instead': '身分証が検出されました。パスポートをスキャンしてください',
|
|
4119
|
+
'Passport detected, please scan an ID card instead': 'パスポートが検出されました。身分証をスキャンしてください',
|
|
4128
4120
|
'Document detected, hold still...': 'ドキュメントが検出されました。動かないようにしてください…',
|
|
4129
4121
|
'ID card front detected, hold still...': '身分証の正面が検出されました。動かないようにしてください…',
|
|
4130
4122
|
'ID card back detected, hold still...': '身分証の背面が検出されました。動かないようにしてください…',
|
|
@@ -4251,8 +4243,8 @@ var pt = {
|
|
|
4251
4243
|
'Document out of focus - try improving the lighting': 'Documento fora de foco - tente melhorar a iluminação',
|
|
4252
4244
|
'ID card front detected - please flip your ID card': 'Detectada a frente da carteira de identidade - vire a carteira de identidade',
|
|
4253
4245
|
'ID card back detected - please flip your ID card': 'Detectado o verso da carteira de identidade - vire a carteira de identidade',
|
|
4254
|
-
'ID card detected please scan a passport instead': 'Detectada a carteira de identidade - escaneie um passaporte em seu lugar',
|
|
4255
|
-
'Passport detected please scan an ID card instead': 'Detectado passaporte, escaneie uma carteira de identidade em seu lugar',
|
|
4246
|
+
'ID card detected, please scan a passport instead': 'Detectada a carteira de identidade - escaneie um passaporte em seu lugar',
|
|
4247
|
+
'Passport detected, please scan an ID card instead': 'Detectado passaporte, escaneie uma carteira de identidade em seu lugar',
|
|
4256
4248
|
'Document detected, hold still...': 'Documento detectado - mantenha-se imóvel...',
|
|
4257
4249
|
'ID card front detected, hold still...': 'Detectada a frente da carteira de identidade - mantenha-se imóvel...',
|
|
4258
4250
|
'ID card back detected, hold still...': 'Detectado o verso da carteira de identidade - mantenha-se imóvel...',
|
|
@@ -4379,8 +4371,8 @@ var ru = {
|
|
|
4379
4371
|
'Document out of focus – try improving the lighting': 'Документ не в фокусе, попробуйте улучшить освещение',
|
|
4380
4372
|
'ID card front detected - please flip your ID card': 'Обнаружена лицевая сторона удостоверения личности, переверните удостоверение личности',
|
|
4381
4373
|
'ID card back detected - please flip your ID card': 'Обнаружена обратная сторона удостоверения личности, переверните удостоверение личности',
|
|
4382
|
-
'ID card detected please scan a passport instead': 'Обнаружено удостоверение личности, отсканируйте вместо него паспорт',
|
|
4383
|
-
'Passport detected please scan an ID card instead': 'Обнаружен паспорт, отсканируйте вместо него удостоверение личности',
|
|
4374
|
+
'ID card detected, please scan a passport instead': 'Обнаружено удостоверение личности, отсканируйте вместо него паспорт',
|
|
4375
|
+
'Passport detected, please scan an ID card instead': 'Обнаружен паспорт, отсканируйте вместо него удостоверение личности',
|
|
4384
4376
|
'Document detected, hold still...': 'Обнаружен документ, не двигайтесь…',
|
|
4385
4377
|
'ID card front detected, hold still...': 'Обнаружена лицевая сторона удостоверения личности, не двигайтесь…',
|
|
4386
4378
|
'ID card back detected, hold still...': 'Обнаружена обратная сторона удостоверения личности, не двигайтесь…',
|
|
@@ -4507,8 +4499,8 @@ var zh = {
|
|
|
4507
4499
|
'Document out of focus - try improving the lighting': '文件失焦 - 請嘗試改善燈光',
|
|
4508
4500
|
'ID card front detected - please flip your ID card': '偵測到證件正面 - 請將證件翻面',
|
|
4509
4501
|
'ID card back detected - please flip your ID card': '偵測到證件背面 - 請將證件翻面',
|
|
4510
|
-
'ID card detected please scan a passport instead': '偵測到證件，請掃描護照',
|
|
4511
|
-
'Passport detected please scan an ID card instead': '偵測到護照，請掃描證件',
|
|
4502
|
+
'ID card detected, please scan a passport instead': '偵測到證件，請掃描護照',
|
|
4503
|
+
'Passport detected, please scan an ID card instead': '偵測到護照，請掃描證件',
|
|
4512
4504
|
'Document detected, hold still...': '偵測到的文件保持不動...',
|
|
4513
4505
|
'ID card front detected, hold still...': '偵測到的證件正面保持不動...',
|
|
4514
4506
|
'ID card back detected, hold still...': '偵測到的證件背面保持不動...',
|
|
@@ -5122,14 +5114,14 @@ function CameraTamperSeal(_a) {
|
|
|
5122
5114
|
className: classNames.message
|
|
5123
5115
|
}, messageText)));
|
|
5124
5116
|
}
|
|
5125
|
-
var StyledOverlayInner$4 = styled(OverlayInner$2)(templateObject_1$
|
|
5117
|
+
var StyledOverlayInner$4 = styled(OverlayInner$2)(templateObject_1$J || (templateObject_1$J = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
5126
5118
|
var StyledOverlayHeading = styled.h3(templateObject_2$B || (templateObject_2$B = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
5127
5119
|
function useCameraStore(selector) {
|
|
5128
5120
|
var store = useContext(CameraStoreContext);
|
|
5129
5121
|
if (!store) throw new Error('useCameraStore cannot be used without Provider');
|
|
5130
5122
|
return useStore(store, selector);
|
|
5131
5123
|
}
|
|
5132
|
-
var templateObject_1$
|
|
5124
|
+
var templateObject_1$J, templateObject_2$B;
|
|
5133
5125
|
|
|
5134
5126
|
var DocumentDetectionModelContext = /*#__PURE__*/createContext({
|
|
5135
5127
|
startDocumentDetection: function startDocumentDetection() {
|
|
@@ -6094,12 +6086,12 @@ function DebugStatsPane(_a) {
|
|
|
6094
6086
|
if (!portalLocation) return element;
|
|
6095
6087
|
return /*#__PURE__*/createPortal(element, portalLocation);
|
|
6096
6088
|
}
|
|
6097
|
-
var DebugStatsPaneDiv = styled.span(templateObject_1$
|
|
6098
|
-
var ObjectDetectionDebugOverlayDiv = styled.div(templateObject_2$A || (templateObject_2$A = __makeTemplateObject(["\n position: absolute;\n z-index: 1001;\n
|
|
6089
|
+
var DebugStatsPaneDiv = styled.span(templateObject_1$I || (templateObject_1$I = __makeTemplateObject(["\n font-size: 16px;\n font-family: monospace;\n position: absolute;\n left: 20px;\n bottom: 20px;\n margin-right: 20px;\n padding: 8px;\n color: limegreen;\n background: rgba(0, 0, 0, 0.5);\n z-index: 10002;\n"], ["\n font-size: 16px;\n font-family: monospace;\n position: absolute;\n left: 20px;\n bottom: 20px;\n margin-right: 20px;\n padding: 8px;\n color: limegreen;\n background: rgba(0, 0, 0, 0.5);\n z-index: 10002;\n"])));
|
|
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) {
|
|
6099
6091
|
var $flipX = _a.$flipX;
|
|
6100
6092
|
return $flipX ? 'transform: scaleX(-1);' : '';
|
|
6101
6093
|
});
|
|
6102
|
-
var ObjectDetectionDebugBox = styled.div(templateObject_3$
|
|
6094
|
+
var ObjectDetectionDebugBox = styled.div(templateObject_3$r || (templateObject_3$r = __makeTemplateObject(["\n font: 10px monospace;\n position: absolute;\n border: 3px solid ", ";\n color: ", ";\n ", "\n transform-style: preserve-3d;\n"], ["\n font: 10px monospace;\n position: absolute;\n border: 3px solid ", ";\n color: ", ";\n ", "\n transform-style: preserve-3d;\n"])), function (_a) {
|
|
6103
6095
|
var $color = _a.$color;
|
|
6104
6096
|
return $color !== null && $color !== void 0 ? $color : 'green';
|
|
6105
6097
|
}, function (_a) {
|
|
@@ -6109,7 +6101,7 @@ var ObjectDetectionDebugBox = styled.div(templateObject_3$q || (templateObject_3
|
|
|
6109
6101
|
var $flipX = _a.$flipX;
|
|
6110
6102
|
return $flipX ? 'transform: scaleX(-1);' : '';
|
|
6111
6103
|
});
|
|
6112
|
-
var FaceDetectionKeypointMarker = styled.div(templateObject_4$
|
|
6104
|
+
var FaceDetectionKeypointMarker = styled.div(templateObject_4$l || (templateObject_4$l = __makeTemplateObject(["\n position: absolute;\n width: 4px;\n height: 4px;\n border: 2px solid ", ";\n font: 10px monospace;\n color: ", ";\n border-radius: 50%;\n ", "\n transform-style: preserve-3d;\n"], ["\n position: absolute;\n width: 4px;\n height: 4px;\n border: 2px solid ", ";\n font: 10px monospace;\n color: ", ";\n border-radius: 50%;\n ", "\n transform-style: preserve-3d;\n"])), function (_a) {
|
|
6113
6105
|
var $color = _a.$color;
|
|
6114
6106
|
return $color !== null && $color !== void 0 ? $color : 'red';
|
|
6115
6107
|
}, function (_a) {
|
|
@@ -6300,7 +6292,29 @@ function SelfieCaptureFaceKeypoint(_a) {
|
|
|
6300
6292
|
}
|
|
6301
6293
|
});
|
|
6302
6294
|
}
|
|
6303
|
-
var templateObject_1$
|
|
6295
|
+
var templateObject_1$I, templateObject_2$A, templateObject_3$r, templateObject_4$l;
|
|
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;
|
|
6304
6318
|
|
|
6305
6319
|
function OverrideWrongDocumentTypeGuidanceDialog(_a) {
|
|
6306
6320
|
var _b = _a.classNames,
|
|
@@ -6315,7 +6329,7 @@ function OverrideWrongDocumentTypeGuidanceDialog(_a) {
|
|
|
6315
6329
|
buttonText: 'OK'
|
|
6316
6330
|
});
|
|
6317
6331
|
if (!allowOverrideWrongDocumentTypeGuidance) return null;
|
|
6318
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
6332
|
+
return /*#__PURE__*/React__default.createElement(Container$2, {
|
|
6319
6333
|
className: classNames.container
|
|
6320
6334
|
}, /*#__PURE__*/React__default.createElement(InnerContainer, {
|
|
6321
6335
|
className: classNames.inner
|
|
@@ -6333,18 +6347,18 @@ function OverrideWrongDocumentTypeGuidanceDialog(_a) {
|
|
|
6333
6347
|
}
|
|
6334
6348
|
}, verbiage.buttonText))));
|
|
6335
6349
|
}
|
|
6336
|
-
var Container$
|
|
6350
|
+
var Container$2 = styled.div(templateObject_1$G || (templateObject_1$G = __makeTemplateObject(["\n position: fixed;\n left: 0;\n bottom: 0;\n width: 100dvw;\n background: ", ";\n color: ", ";\n display: flex;\n z-index: 100001;\n"], ["\n position: fixed;\n left: 0;\n bottom: 0;\n width: 100dvw;\n background: ", ";\n color: ", ";\n display: flex;\n z-index: 100001;\n"])), function (props) {
|
|
6337
6351
|
var _a, _b, _c;
|
|
6338
6352
|
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';
|
|
6339
6353
|
}, function (props) {
|
|
6340
6354
|
var _a, _b, _c;
|
|
6341
6355
|
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';
|
|
6342
6356
|
});
|
|
6343
|
-
var InnerContainer = styled.div(templateObject_2$
|
|
6344
|
-
var Message = styled.span(templateObject_3$
|
|
6345
|
-
var ButtonContainer = styled.div(templateObject_4$
|
|
6357
|
+
var InnerContainer = styled.div(templateObject_2$y || (templateObject_2$y = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n padding: 16px 24px;\n margin: auto 0;\n width: 100%;\n"], ["\n display: flex;\n flex-direction: row;\n padding: 16px 24px;\n margin: auto 0;\n width: 100%;\n"])));
|
|
6358
|
+
var Message = styled.span(templateObject_3$q || (templateObject_3$q = __makeTemplateObject(["\n display: block;\n margin: auto 12px auto 0;\n"], ["\n display: block;\n margin: auto 12px auto 0;\n"])));
|
|
6359
|
+
var ButtonContainer = styled.div(templateObject_4$k || (templateObject_4$k = __makeTemplateObject(["\n display: flex;\n margin-left: auto;\n"], ["\n display: flex;\n margin-left: auto;\n"])));
|
|
6346
6360
|
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"])));
|
|
6347
|
-
var templateObject_1$G, templateObject_2$
|
|
6361
|
+
var templateObject_1$G, templateObject_2$y, templateObject_3$q, templateObject_4$k, templateObject_5$c;
|
|
6348
6362
|
|
|
6349
6363
|
// This is a simplified version of https://github.com/ZeeCoder/use-resize-observer.
|
|
6350
6364
|
// We have removed all options and made it compliant with React Compiler/React 19.
|
|
@@ -6463,37 +6477,37 @@ function extractSize(entry, sizeType) {
|
|
|
6463
6477
|
}
|
|
6464
6478
|
|
|
6465
6479
|
var IdCapture = function IdCapture(_a) {
|
|
6466
|
-
var _b, _c, _d, _e, _f, _g;
|
|
6480
|
+
var _b, _c, _d, _e, _f, _g, _h;
|
|
6467
6481
|
var requiredDocumentType = _a.requiredDocumentType,
|
|
6468
|
-
|
|
6469
|
-
thresholds =
|
|
6482
|
+
_j = _a.thresholds,
|
|
6483
|
+
thresholds = _j === void 0 ? defaultIdCaptureThresholds : _j,
|
|
6470
6484
|
guidanceMessage = _a.guidanceMessage,
|
|
6471
6485
|
guidanceSatisfied = _a.guidanceSatisfied,
|
|
6472
6486
|
onCapture = _a.onCapture,
|
|
6473
|
-
|
|
6474
|
-
classNames =
|
|
6475
|
-
|
|
6476
|
-
colors =
|
|
6477
|
-
|
|
6478
|
-
rawVerbiage =
|
|
6479
|
-
|
|
6480
|
-
debugMode =
|
|
6481
|
-
var
|
|
6482
|
-
ref =
|
|
6483
|
-
|
|
6484
|
-
width =
|
|
6485
|
-
|
|
6486
|
-
height =
|
|
6487
|
+
_k = _a.classNames,
|
|
6488
|
+
classNames = _k === void 0 ? {} : _k,
|
|
6489
|
+
_l = _a.colors,
|
|
6490
|
+
colors = _l === void 0 ? {} : _l,
|
|
6491
|
+
_m = _a.verbiage,
|
|
6492
|
+
rawVerbiage = _m === void 0 ? {} : _m,
|
|
6493
|
+
_o = _a.debugMode,
|
|
6494
|
+
debugMode = _o === void 0 ? false : _o;
|
|
6495
|
+
var _p = useResizeObserver(),
|
|
6496
|
+
ref = _p.ref,
|
|
6497
|
+
_q = _p.width,
|
|
6498
|
+
width = _q === void 0 ? 1 : _q,
|
|
6499
|
+
_r = _p.height,
|
|
6500
|
+
height = _r === void 0 ? 1 : _r;
|
|
6487
6501
|
var state = useIdCaptureStore();
|
|
6488
|
-
var
|
|
6489
|
-
camera =
|
|
6490
|
-
isRearFacing =
|
|
6491
|
-
var
|
|
6492
|
-
modelsReady =
|
|
6493
|
-
setThresholds =
|
|
6494
|
-
detectionTime =
|
|
6495
|
-
focusPredictionTime =
|
|
6496
|
-
getBestFrame =
|
|
6502
|
+
var _s = useCameraStore(),
|
|
6503
|
+
camera = _s.camera,
|
|
6504
|
+
isRearFacing = _s.isRearFacing;
|
|
6505
|
+
var _t = useContext(IdCaptureModelsContext),
|
|
6506
|
+
modelsReady = _t.ready,
|
|
6507
|
+
setThresholds = _t.setThresholds,
|
|
6508
|
+
detectionTime = _t.detectionTime,
|
|
6509
|
+
focusPredictionTime = _t.focusPredictionTime,
|
|
6510
|
+
getBestFrame = _t.getBestFrame;
|
|
6497
6511
|
useEffect(function () {
|
|
6498
6512
|
return dispatchIdCaptureAction({
|
|
6499
6513
|
type: 'captureInitialized'
|
|
@@ -6566,6 +6580,11 @@ var IdCapture = function IdCapture(_a) {
|
|
|
6566
6580
|
var theme = useTheme();
|
|
6567
6581
|
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');
|
|
6568
6582
|
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
|
+
// )
|
|
6569
6588
|
var verbiage = useTranslations(rawVerbiage, {
|
|
6570
6589
|
instructionText: 'Scan the front of ID',
|
|
6571
6590
|
processingIdCardText: 'ID card front captured.',
|
|
@@ -6590,12 +6609,12 @@ var IdCapture = function IdCapture(_a) {
|
|
|
6590
6609
|
var satisfied = state.isGoodFrame;
|
|
6591
6610
|
if (typeof guidanceSatisfied === 'boolean') satisfied = guidanceSatisfied;
|
|
6592
6611
|
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 : '');
|
|
6593
|
-
return /*#__PURE__*/React__default.createElement(
|
|
6612
|
+
return /*#__PURE__*/React__default.createElement(PageContainer, {
|
|
6594
6613
|
ref: ref,
|
|
6595
|
-
className: classNames.container
|
|
6614
|
+
className: "flex ".concat((_h = classNames.container) !== null && _h !== void 0 ? _h : '')
|
|
6596
6615
|
}, guidanceMessage !== '' && ( /*#__PURE__*/React__default.createElement(GuidanceMessageContainer, {
|
|
6597
6616
|
"$top": "",
|
|
6598
|
-
"$bottom": "12.
|
|
6617
|
+
"$bottom": "12.5dvh",
|
|
6599
6618
|
className: classNames.guidanceMessageContainer
|
|
6600
6619
|
}, /*#__PURE__*/React__default.createElement(GuidanceMessage, {
|
|
6601
6620
|
"$variant": satisfied ? 'positive' : 'default',
|
|
@@ -6643,7 +6662,7 @@ var CameraAccessDeniedOverlay = function CameraAccessDeniedOverlay(_a) {
|
|
|
6643
6662
|
className: "flex ".concat((_b = classNames.container) !== null && _b !== void 0 ? _b : '')
|
|
6644
6663
|
}, /*#__PURE__*/React__default.createElement(StyledOverlayInner$3, {
|
|
6645
6664
|
className: classNames.inner
|
|
6646
|
-
}, /*#__PURE__*/React__default.createElement(StyledOverlayImageContainer$
|
|
6665
|
+
}, /*#__PURE__*/React__default.createElement(StyledOverlayImageContainer$3, {
|
|
6647
6666
|
className: classNames.imageContainer
|
|
6648
6667
|
}, /*#__PURE__*/React__default.createElement("img", {
|
|
6649
6668
|
src: assets.imageUrl,
|
|
@@ -6662,10 +6681,10 @@ var CameraAccessDeniedOverlay = function CameraAccessDeniedOverlay(_a) {
|
|
|
6662
6681
|
}, verbiage.retryBtnText)));
|
|
6663
6682
|
};
|
|
6664
6683
|
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"])));
|
|
6665
|
-
var StyledOverlayImageContainer$
|
|
6666
|
-
var Description$4 = styled.p(templateObject_3$
|
|
6667
|
-
var RetryButton$1 = styled(LoaderButton)(templateObject_4$
|
|
6668
|
-
var templateObject_1$F, templateObject_2$
|
|
6684
|
+
var StyledOverlayImageContainer$3 = styled(OverlayImageContainer)(templateObject_2$x || (templateObject_2$x = __makeTemplateObject(["\n flex-grow: 0;\n"], ["\n flex-grow: 0;\n"])));
|
|
6685
|
+
var Description$4 = styled.p(templateObject_3$p || (templateObject_3$p = __makeTemplateObject(["\n line-height: 1.5;\n margin-bottom: 50px;\n"], ["\n line-height: 1.5;\n margin-bottom: 50px;\n"])));
|
|
6686
|
+
var RetryButton$1 = styled(LoaderButton)(templateObject_4$j || (templateObject_4$j = __makeTemplateObject(["\n width: 200px;\n margin: 0 auto;\n"], ["\n width: 200px;\n margin: 0 auto;\n"])));
|
|
6687
|
+
var templateObject_1$F, templateObject_2$x, templateObject_3$p, templateObject_4$j;
|
|
6669
6688
|
|
|
6670
6689
|
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"])));
|
|
6671
6690
|
var ExitCaptureButton = function ExitCaptureButton(_a) {
|
|
@@ -6713,16 +6732,23 @@ var ExitCaptureButton = function ExitCaptureButton(_a) {
|
|
|
6713
6732
|
};
|
|
6714
6733
|
var templateObject_1$E;
|
|
6715
6734
|
|
|
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
|
+
|
|
6716
6738
|
function IdCaptureLoadingGraphic(props) {
|
|
6717
6739
|
var isMobile = window.innerHeight > window.innerWidth;
|
|
6718
6740
|
return isMobile ? ( /*#__PURE__*/React__default.createElement(IdCaptureLoadingGraphicMobile, _assign({}, props))) : ( /*#__PURE__*/React__default.createElement(IdCaptureLoadingGraphicDesktop, _assign({}, props)));
|
|
6719
6741
|
}
|
|
6720
6742
|
function IdCaptureLoadingGraphicDesktop(_a) {
|
|
6721
6743
|
var _b, _c, _d, _e, _f, _g;
|
|
6722
|
-
var
|
|
6723
|
-
|
|
6724
|
-
|
|
6725
|
-
|
|
6744
|
+
var _h = _a.width,
|
|
6745
|
+
width = _h === void 0 ? 698 : _h,
|
|
6746
|
+
_j = _a.height,
|
|
6747
|
+
height = _j === void 0 ? 452 : _j,
|
|
6748
|
+
className = _a.className;
|
|
6749
|
+
var _k = useState(0),
|
|
6750
|
+
frame = _k[0],
|
|
6751
|
+
setFrame = _k[1];
|
|
6726
6752
|
useEffect(function () {
|
|
6727
6753
|
var i = setInterval(function () {
|
|
6728
6754
|
setFrame(function (n) {
|
|
@@ -6738,6 +6764,8 @@ function IdCaptureLoadingGraphicDesktop(_a) {
|
|
|
6738
6764
|
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;
|
|
6739
6765
|
return /*#__PURE__*/React__default.createElement(LoadingGraphicWrapper, null, /*#__PURE__*/React__default.createElement(LoadingGraphicSvg, {
|
|
6740
6766
|
className: className,
|
|
6767
|
+
width: width,
|
|
6768
|
+
height: height,
|
|
6741
6769
|
"$frame": frame,
|
|
6742
6770
|
"$borderColor": accentColor,
|
|
6743
6771
|
viewBox: "0 0 698 452",
|
|
@@ -7186,21 +7214,21 @@ function IdCaptureLoadingGraphicMobile(_a) {
|
|
|
7186
7214
|
fill: "white"
|
|
7187
7215
|
}))));
|
|
7188
7216
|
}
|
|
7189
|
-
var LoadingGraphicWrapper = styled.div(templateObject_1$
|
|
7190
|
-
var LoadingGraphicSvg = styled.svg(templateObject_2$
|
|
7217
|
+
var LoadingGraphicWrapper = styled.div(templateObject_1$C || (templateObject_1$C = __makeTemplateObject(["\n display: flex;\n width: 100%;\n height: 100%;\n"], ["\n display: flex;\n width: 100%;\n height: 100%;\n"])));
|
|
7218
|
+
var LoadingGraphicSvg = styled.svg(templateObject_2$w || (templateObject_2$w = __makeTemplateObject(["\n margin: auto;\n transform: scale(\n ", "\n );\n transform-style: preserve-3d;\n transition:\n transform 0.2s linear,\n border-width 0.2s linear;\n border: ", "px solid\n ", ";\n"], ["\n margin: auto;\n transform: scale(\n ", "\n );\n transform-style: preserve-3d;\n transition:\n transform 0.2s linear,\n border-width 0.2s linear;\n border: ", "px solid\n ", ";\n"])), function (props) {
|
|
7191
7219
|
return props.$frame > 1 ? 1 : props.$frame === 1 ? 1.25 : 0.75;
|
|
7192
7220
|
}, function (props) {
|
|
7193
7221
|
return props.$frame >= 5 ? 10 : 0;
|
|
7194
7222
|
}, function (props) {
|
|
7195
7223
|
return props.$borderColor;
|
|
7196
7224
|
});
|
|
7197
|
-
var LoadingGraphicCardGroup = styled.g(templateObject_3$
|
|
7225
|
+
var LoadingGraphicCardGroup = styled.g(templateObject_3$o || (templateObject_3$o = __makeTemplateObject(["\n transform: translate(", ", 0);\n transform-style: preserve-3d;\n transition: transform 0.3s linear;\n"], ["\n transform: translate(", ", 0);\n transform-style: preserve-3d;\n transition: transform 0.3s linear;\n"])), function (props) {
|
|
7198
7226
|
return props.$offScreen ? '-500px' : '0';
|
|
7199
7227
|
});
|
|
7200
|
-
var LoadingGraphicPhoneGroup = styled.g(templateObject_4$
|
|
7228
|
+
var LoadingGraphicPhoneGroup = styled.g(templateObject_4$i || (templateObject_4$i = __makeTemplateObject(["\n transform: translate(", ", 0);\n transform-style: preserve-3d;\n transition: transform 0.3s linear;\n"], ["\n transform: translate(", ", 0);\n transform-style: preserve-3d;\n transition: transform 0.3s linear;\n"])), function (props) {
|
|
7201
7229
|
return props.$offScreen ? '40px' : '0';
|
|
7202
7230
|
});
|
|
7203
|
-
var templateObject_1$
|
|
7231
|
+
var templateObject_1$C, templateObject_2$w, templateObject_3$o, templateObject_4$i;
|
|
7204
7232
|
|
|
7205
7233
|
function LoadingListItemIndicator(_a) {
|
|
7206
7234
|
var _b = _a.state,
|
|
@@ -7251,6 +7279,12 @@ function LoadingListItemIndicator(_a) {
|
|
|
7251
7279
|
}))))));
|
|
7252
7280
|
}
|
|
7253
7281
|
|
|
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
|
+
|
|
7254
7288
|
var legacyInstructionImageUrl$1 = "".concat(DEFAULT_CDN_URL, "/WebSDK-Instruction-DL-Capture-3-Portrait.png");
|
|
7255
7289
|
var IdCaptureLoadingOverlayDefault = function IdCaptureLoadingOverlayDefault(_a) {
|
|
7256
7290
|
var _b, _c, _d, _e;
|
|
@@ -7331,10 +7365,13 @@ var IdCaptureLoadingOverlayDefault = function IdCaptureLoadingOverlayDefault(_a)
|
|
|
7331
7365
|
}, onUserCancel && ( /*#__PURE__*/React__default.createElement(ExitCaptureButton, {
|
|
7332
7366
|
onClick: onUserCancel,
|
|
7333
7367
|
className: classNames.cancelBtn
|
|
7334
|
-
})), customOverlayContent || ( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(
|
|
7368
|
+
})), customOverlayContent || ( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(OverlayHeader$1, null, /*#__PURE__*/React__default.createElement(StyledGuidanceMessage$2, {
|
|
7335
7369
|
className: classNames.heading
|
|
7336
|
-
}, verbiage.headingText)), /*#__PURE__*/React__default.createElement(
|
|
7337
|
-
className: classNames.imageContainer
|
|
7370
|
+
}, verbiage.headingText)), /*#__PURE__*/React__default.createElement(StyledOverlayImageContainer$2, {
|
|
7371
|
+
className: classNames.imageContainer,
|
|
7372
|
+
style: {
|
|
7373
|
+
pointerEvents: 'none'
|
|
7374
|
+
}
|
|
7338
7375
|
}, (assets === null || assets === void 0 ? void 0 : assets.instructionImageUrl) && assets.instructionImageUrl !== legacyInstructionImageUrl$1 ? ( /*#__PURE__*/React__default.createElement(CustomLoadingGraphic$1, {
|
|
7339
7376
|
ref: imageRef,
|
|
7340
7377
|
alt: verbiage.headingText,
|
|
@@ -7358,27 +7395,27 @@ var IdCaptureLoadingOverlayDefault = function IdCaptureLoadingOverlayDefault(_a)
|
|
|
7358
7395
|
}), /*#__PURE__*/React__default.createElement("label", {
|
|
7359
7396
|
htmlFor: "use-continuity-camera",
|
|
7360
7397
|
className: classNames.continuityCameraCheckboxLabel
|
|
7361
|
-
}, verbiage.useContinuityCameraText)))), /*#__PURE__*/React__default.createElement(
|
|
7398
|
+
}, verbiage.useContinuityCameraText)))), /*#__PURE__*/React__default.createElement(StyledButtonsRow$a, {
|
|
7362
7399
|
className: classNames.buttonsRow
|
|
7363
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
7400
|
+
}, /*#__PURE__*/React__default.createElement(ProgressContainer$1, {
|
|
7364
7401
|
className: classNames.progressContainer
|
|
7365
7402
|
}, /*#__PURE__*/React__default.createElement(ProgressBarBackground$1, {
|
|
7366
7403
|
className: classNames.progressBackground
|
|
7367
|
-
}), /*#__PURE__*/React__default.createElement(
|
|
7404
|
+
}), /*#__PURE__*/React__default.createElement(ProgressBar$1, {
|
|
7368
7405
|
"$progress": modelDownloadProgress,
|
|
7369
7406
|
className: classNames.progressBar
|
|
7370
7407
|
}, /*#__PURE__*/React__default.createElement(ProgressIndicator$1, {
|
|
7371
7408
|
className: classNames.progressIndicator
|
|
7372
|
-
}))), /*#__PURE__*/React__default.createElement(
|
|
7409
|
+
}))), /*#__PURE__*/React__default.createElement(LoadingListContainer$1, {
|
|
7373
7410
|
className: classNames.loadingListContainer
|
|
7374
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
7411
|
+
}, /*#__PURE__*/React__default.createElement(LoadingList$1, {
|
|
7375
7412
|
className: classNames.loadingList
|
|
7376
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
7413
|
+
}, /*#__PURE__*/React__default.createElement(LoadingListItem$1, {
|
|
7377
7414
|
className: cn(classNames.loadingListItem, cameraReady ? 'done' : 'running')
|
|
7378
7415
|
}, /*#__PURE__*/React__default.createElement(LoadingListItemIndicator, {
|
|
7379
7416
|
className: classNames.loadingListItemIndicator,
|
|
7380
7417
|
state: cameraReady ? 'done' : 'running'
|
|
7381
|
-
}), cameraReady ? verbiage.cameraInitializedText : verbiage.cameraInitializingText), /*#__PURE__*/React__default.createElement(
|
|
7418
|
+
}), cameraReady ? verbiage.cameraInitializedText : verbiage.cameraInitializingText), /*#__PURE__*/React__default.createElement(LoadingListItem$1, {
|
|
7382
7419
|
className: cn(classNames.loadingListItem, sessionReady && modelsReady ? 'done' : 'running')
|
|
7383
7420
|
}, /*#__PURE__*/React__default.createElement(LoadingListItemIndicator, {
|
|
7384
7421
|
className: classNames.loadingListItemIndicator,
|
|
@@ -7397,34 +7434,52 @@ var IdCaptureLoadingOverlayDefault = function IdCaptureLoadingOverlayDefault(_a)
|
|
|
7397
7434
|
}
|
|
7398
7435
|
}, verbiage.continueText))))));
|
|
7399
7436
|
};
|
|
7400
|
-
var OverlayInner$1 = styled(
|
|
7437
|
+
var OverlayInner$1 = styled.div(templateObject_1$A || (templateObject_1$A = __makeTemplateObject(["\n height: 100dvh;\n display: flex;\n flex-direction: column;\n background: ", ";\n color: ", ";\n"], ["\n height: 100dvh;\n display: flex;\n flex-direction: column;\n background: ", ";\n color: ", ";\n"])), function (props) {
|
|
7401
7438
|
var _a, _b, _c, _d;
|
|
7402
7439
|
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';
|
|
7403
7440
|
}, function (props) {
|
|
7404
7441
|
var _a, _b, _c, _d;
|
|
7405
7442
|
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';
|
|
7406
7443
|
});
|
|
7407
|
-
var
|
|
7408
|
-
var
|
|
7409
|
-
|
|
7410
|
-
|
|
7444
|
+
var OverlayHeader$1 = styled.div(templateObject_2$u || (templateObject_2$u = __makeTemplateObject(["\n text-align: ", ";\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n ", "\n padding-bottom: 0;\n"], ["\n text-align: ", ";\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n ", "\n padding-bottom: 0;\n"])), function (props) {
|
|
7445
|
+
var _a;
|
|
7446
|
+
return (_a = props.theme.textAlign) !== null && _a !== void 0 ? _a : 'center';
|
|
7447
|
+
}, function (props) {
|
|
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) {
|
|
7411
7456
|
var _a, _b, _c, _d;
|
|
7412
7457
|
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';
|
|
7413
7458
|
}, function (props) {
|
|
7414
7459
|
var _a, _b, _c, _d, _e, _f;
|
|
7415
7460
|
return ((_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.idCapture) === null || _b === void 0 ? void 0 : _b.loadingOverlay) === null || _c === void 0 ? void 0 : _c.progressBarFontSize) ? "font-size: ".concat((_f = (_e = (_d = props.theme) === null || _d === void 0 ? void 0 : _d.idCapture) === null || _e === void 0 ? void 0 : _e.loadingOverlay) === null || _f === void 0 ? void 0 : _f.progressBarFontSize, ";") : '';
|
|
7416
7461
|
});
|
|
7417
|
-
var
|
|
7462
|
+
var LoadingListContainer$1 = styled.div(templateObject_9$3 || (templateObject_9$3 = __makeTemplateObject(["\n display: flex;\n position: relative;\n z-index: 2;\n"], ["\n display: flex;\n position: relative;\n z-index: 2;\n"])));
|
|
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) {
|
|
7418
7467
|
var _a, _b, _c, _d;
|
|
7419
7468
|
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)';
|
|
7420
7469
|
}, function (props) {
|
|
7421
7470
|
var _a, _b, _c, _d;
|
|
7422
7471
|
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;
|
|
7423
7472
|
});
|
|
7424
|
-
var
|
|
7425
|
-
|
|
7426
|
-
|
|
7427
|
-
var
|
|
7473
|
+
var ProgressBar$1 = styled.span(templateObject_14$1 || (templateObject_14$1 = __makeTemplateObject(["\n display: block;\n width: ", "%;\n height: 100%;\n left: 0;\n position: absolute;\n"], ["\n display: block;\n width: ", "%;\n height: 100%;\n left: 0;\n position: absolute;\n"])), function (props) {
|
|
7474
|
+
return props.$progress;
|
|
7475
|
+
});
|
|
7476
|
+
var ProgressIndicator$1 = styled.span(templateObject_15$1 || (templateObject_15$1 = __makeTemplateObject(["\n display: block;\n height: 100%;\n background: ", ";\n animation: ", " 3s ease-in-out;\n animation-fill-mode: both;\n"], ["\n display: block;\n height: 100%;\n background: ", ";\n animation: ", " 3s ease-in-out;\n animation-fill-mode: both;\n"])), function (props) {
|
|
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) {
|
|
7428
7483
|
var _a, _b, _c, _d, _e, _f;
|
|
7429
7484
|
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, ";") : '';
|
|
7430
7485
|
}, function (props) {
|
|
@@ -7434,10 +7489,10 @@ var ContinueButton$1 = styled(LoaderButton)(templateObject_10$1 || (templateObje
|
|
|
7434
7489
|
var _a, _b, _c, _d, _e, _f;
|
|
7435
7490
|
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, ";") : '';
|
|
7436
7491
|
});
|
|
7437
|
-
var templateObject_1$
|
|
7492
|
+
var templateObject_1$A, templateObject_2$u, templateObject_3$m, templateObject_4$g, templateObject_5$b, templateObject_6$9, templateObject_7$6, templateObject_8$3, templateObject_9$3, templateObject_10$2, templateObject_11$2, templateObject_12$2, templateObject_13$2, templateObject_14$1, templateObject_15$1, templateObject_16, templateObject_17, templateObject_18;
|
|
7438
7493
|
|
|
7439
|
-
var ContinuityCameraCheckboxContainer = styled.div(templateObject_1$
|
|
7440
|
-
var ContinuityCameraCheckbox = styled.input(templateObject_2$
|
|
7494
|
+
var ContinuityCameraCheckboxContainer = styled.div(templateObject_1$z || (templateObject_1$z = __makeTemplateObject(["\n margin-top: 15px;\n margin-bottom: 15px;\n"], ["\n margin-top: 15px;\n margin-bottom: 15px;\n"])));
|
|
7495
|
+
var ContinuityCameraCheckbox = styled.input(templateObject_2$t || (templateObject_2$t = __makeTemplateObject(["\n margin-right: 8px;\n"], ["\n margin-right: 8px;\n"])));
|
|
7441
7496
|
var IdCaptureLoadingOverlayLegacy = function IdCaptureLoadingOverlayLegacy(_a) {
|
|
7442
7497
|
var _b, _c, _d, _e;
|
|
7443
7498
|
var onDismissed = _a.onDismissed,
|
|
@@ -7558,7 +7613,7 @@ var IdCaptureLoadingOverlayLegacy = function IdCaptureLoadingOverlayLegacy(_a) {
|
|
|
7558
7613
|
}
|
|
7559
7614
|
}, ready ? verbiage.continueText : modelsReady ? verbiage.cameraInitializingText : modelDownloadProgress >= 100 ? verbiage.modelsWarmingUpText : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)"))));
|
|
7560
7615
|
};
|
|
7561
|
-
var templateObject_1$
|
|
7616
|
+
var templateObject_1$z, templateObject_2$t;
|
|
7562
7617
|
|
|
7563
7618
|
var components$1 = {
|
|
7564
7619
|
"default": IdCaptureLoadingOverlayDefault,
|
|
@@ -7616,9 +7671,9 @@ var CapturedDocumentImg = function CapturedDocumentImg(_a) {
|
|
|
7616
7671
|
});
|
|
7617
7672
|
};
|
|
7618
7673
|
|
|
7619
|
-
var Card = styled.div(templateObject_1$
|
|
7620
|
-
var FlexCard = styled(Card)(templateObject_2$
|
|
7621
|
-
var templateObject_1$
|
|
7674
|
+
var Card = styled.div(templateObject_1$y || (templateObject_1$y = __makeTemplateObject(["\n background: white;\n border-radius: 8px;\n padding: 24px;\n box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);\n margin: auto;\n max-width: min(500px, 100dvw - 48px);\n max-height: 100%;\n overflow: auto;\n box-sizing: border-box;\n"], ["\n background: white;\n border-radius: 8px;\n padding: 24px;\n box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);\n margin: auto;\n max-width: min(500px, 100dvw - 48px);\n max-height: 100%;\n overflow: auto;\n box-sizing: border-box;\n"])));
|
|
7675
|
+
var FlexCard = styled(Card)(templateObject_2$s || (templateObject_2$s = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n"], ["\n display: flex;\n flex-direction: column;\n"])));
|
|
7676
|
+
var templateObject_1$y, templateObject_2$s;
|
|
7622
7677
|
|
|
7623
7678
|
var imageDisplayOrder = ['idCardFront', 'idCardBack', 'passport', 'singlePage', 'idFrontIrImage', 'idBackIrImage', 'idFrontUvImage', 'idBackUvImage'];
|
|
7624
7679
|
var IdCaptureSuccess = function IdCaptureSuccess(_a) {
|
|
@@ -7680,13 +7735,13 @@ var IdCaptureSuccess = function IdCaptureSuccess(_a) {
|
|
|
7680
7735
|
finished: true
|
|
7681
7736
|
}, verbiage.retryText)))));
|
|
7682
7737
|
};
|
|
7683
|
-
var Heading$a = styled.h1(templateObject_1$
|
|
7684
|
-
var ImagesContainer = styled(OverlayImageContainer)(templateObject_2$
|
|
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
|
|
7686
|
-
var ImageCol$1 = styled.div(templateObject_4$f || (templateObject_4$f = __makeTemplateObject(["\n width:
|
|
7738
|
+
var Heading$a = styled.h1(templateObject_1$x || (templateObject_1$x = __makeTemplateObject(["\n font-size: 1.5rem;\n margin-top: 0;\n margin-bottom: 1.5rem;\n"], ["\n font-size: 1.5rem;\n margin-top: 0;\n margin-bottom: 1.5rem;\n"])));
|
|
7739
|
+
var ImagesContainer = styled(OverlayImageContainer)(templateObject_2$r || (templateObject_2$r = __makeTemplateObject(["\n flex-grow: 1;\n overflow-y: auto;\n padding-bottom: 0;\n max-width: 100%;\n"], ["\n flex-grow: 1;\n overflow-y: auto;\n padding-bottom: 0;\n max-width: 100%;\n"])));
|
|
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"])));
|
|
7687
7742
|
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"])));
|
|
7688
|
-
var DebugPre = styled.pre(templateObject_6$8 || (templateObject_6$8 = __makeTemplateObject(["\n
|
|
7689
|
-
var templateObject_1$
|
|
7743
|
+
var DebugPre = styled.pre(templateObject_6$8 || (templateObject_6$8 = __makeTemplateObject(["\n text-align: left;\n max-width: min(450px, 100dvw - 100px);\n overflow-x: auto;\n"], ["\n text-align: left;\n max-width: min(450px, 100dvw - 100px);\n overflow-x: auto;\n"])));
|
|
7744
|
+
var templateObject_1$x, templateObject_2$r, templateObject_3$l, templateObject_4$f, templateObject_5$a, templateObject_6$8;
|
|
7690
7745
|
|
|
7691
7746
|
function useShowSuccessScreen(skipSuccessScreen, successScreenReady, onDoneCallback) {
|
|
7692
7747
|
var _this = this;
|
|
@@ -7738,10 +7793,10 @@ function resetCanvasDimensions(canvas) {
|
|
|
7738
7793
|
canvas.style.height = '0';
|
|
7739
7794
|
}
|
|
7740
7795
|
|
|
7741
|
-
var IdCardGuideImageContainer = styled(IdCardBorder)(templateObject_1$
|
|
7796
|
+
var IdCardGuideImageContainer = styled(IdCardBorder)(templateObject_1$w || (templateObject_1$w = __makeTemplateObject(["\n position: relative;\n ", "\n box-sizing: border-box;\n"], ["\n position: relative;\n ", "\n box-sizing: border-box;\n"])), function (props) {
|
|
7742
7797
|
return props.$isVisible ? '' : 'opacity: 0;';
|
|
7743
7798
|
});
|
|
7744
|
-
var IdCardGuideImage = styled.img(templateObject_2$
|
|
7799
|
+
var IdCardGuideImage = styled.img(templateObject_2$q || (templateObject_2$q = __makeTemplateObject(["\n transform-style: preserve-3d;\n ", "\n ", "\n"], ["\n transform-style: preserve-3d;\n ", "\n ", "\n"])), function (props) {
|
|
7745
7800
|
return props.$isMirrored ? 'transform: scaleX(-1);' : '';
|
|
7746
7801
|
}, function (props) {
|
|
7747
7802
|
return props.$isInvisible ? 'opacity: 0;' : '';
|
|
@@ -7894,7 +7949,7 @@ var IdCardBorderRect = styled.rect(templateObject_5$9 || (templateObject_5$9 = _
|
|
|
7894
7949
|
var _a;
|
|
7895
7950
|
return (_a = props.$fillMode) !== null && _a !== void 0 ? _a : 'forwards';
|
|
7896
7951
|
});
|
|
7897
|
-
var templateObject_1$
|
|
7952
|
+
var templateObject_1$w, templateObject_2$q, templateObject_3$k, templateObject_4$e, templateObject_5$9;
|
|
7898
7953
|
|
|
7899
7954
|
var defaultIdCaptureGuideImages = {
|
|
7900
7955
|
portrait: {
|
|
@@ -8070,12 +8125,12 @@ var IdVideoCaptureFlipIdPrompt = function IdVideoCaptureFlipIdPrompt(_a) {
|
|
|
8070
8125
|
style: imageStyle
|
|
8071
8126
|
})));
|
|
8072
8127
|
};
|
|
8073
|
-
var FlipImageContainer = styled(IdCardGuideImageContainer)(templateObject_1$
|
|
8128
|
+
var FlipImageContainer = styled(IdCardGuideImageContainer)(templateObject_1$v || (templateObject_1$v = __makeTemplateObject(["\n backface-visibility: hidden;\n transition: transform ", "s;\n transform: ", ";\n transform-style: preserve-3d;\n position: absolute;\n display: block;\n top: 0;\n width: 100%;\n max-height: 100%;\n"], ["\n backface-visibility: hidden;\n transition: transform ", "s;\n transform: ", ";\n transform-style: preserve-3d;\n position: absolute;\n display: block;\n top: 0;\n width: 100%;\n max-height: 100%;\n"])), function (props) {
|
|
8074
8129
|
return props.$transitionTime;
|
|
8075
8130
|
}, function (props) {
|
|
8076
8131
|
return props.$transforms;
|
|
8077
8132
|
});
|
|
8078
|
-
var templateObject_1$
|
|
8133
|
+
var templateObject_1$v;
|
|
8079
8134
|
|
|
8080
8135
|
var GuideOrientationContext = /*#__PURE__*/createContext({
|
|
8081
8136
|
orientation: 'landscape',
|
|
@@ -8362,8 +8417,8 @@ var regionClsx = function regionClsx(classNames, which) {
|
|
|
8362
8417
|
return v;
|
|
8363
8418
|
}).join(' ');
|
|
8364
8419
|
};
|
|
8365
|
-
var StyledPageContainer = styled
|
|
8366
|
-
var GuidesContainer = styled.div(templateObject_2$
|
|
8420
|
+
var StyledPageContainer = styled(PageContainerDiv)(templateObject_1$u || (templateObject_1$u = __makeTemplateObject(["\n z-index: 1000;\n overflow-y: hidden;\n"], ["\n z-index: 1000;\n overflow-y: hidden;\n"])));
|
|
8421
|
+
var GuidesContainer = styled.div(templateObject_2$p || (templateObject_2$p = __makeTemplateObject(["\n display: flex;\n flex-flow: column nowrap;\n width: 100dvw;\n height: 100dvh;\n"], ["\n display: flex;\n flex-flow: column nowrap;\n width: 100dvw;\n height: 100dvh;\n"])));
|
|
8367
8422
|
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"])));
|
|
8368
8423
|
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) {
|
|
8369
8424
|
var _a, _b, _c, _d, _e;
|
|
@@ -8388,9 +8443,9 @@ var GuideCenterBorder = styled.div(templateObject_7$5 || (templateObject_7$5 = _
|
|
|
8388
8443
|
}, function (props) {
|
|
8389
8444
|
return props.$padding ? "padding: ".concat(props.$padding, "px;") : '';
|
|
8390
8445
|
});
|
|
8391
|
-
var GuideText = styled.span(templateObject_8$
|
|
8392
|
-
var GuideCenterInner = styled.div(templateObject_9$
|
|
8393
|
-
var templateObject_1$
|
|
8446
|
+
var GuideText = styled.span(templateObject_8$2 || (templateObject_8$2 = __makeTemplateObject(["\n align-content: center;\n margin-top: 12px;\n margin-bottom: 12px;\n"], ["\n align-content: center;\n margin-top: 12px;\n margin-bottom: 12px;\n"])));
|
|
8447
|
+
var GuideCenterInner = styled.div(templateObject_9$2 || (templateObject_9$2 = __makeTemplateObject(["\n position: relative;\n margin: auto;\n"], ["\n position: relative;\n margin: auto;\n"])));
|
|
8448
|
+
var templateObject_1$u, templateObject_2$p, templateObject_3$j, templateObject_4$d, templateObject_5$8, templateObject_6$7, templateObject_7$5, templateObject_8$2, templateObject_9$2;
|
|
8394
8449
|
|
|
8395
8450
|
var IdCaptureFitGuide = function IdCaptureFitGuide(_a) {
|
|
8396
8451
|
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
|
|
@@ -8531,11 +8586,11 @@ var IdCaptureFitGuide = function IdCaptureFitGuide(_a) {
|
|
|
8531
8586
|
progress: progress
|
|
8532
8587
|
}));
|
|
8533
8588
|
};
|
|
8534
|
-
var CanvasWrapper$1 = styled.div(templateObject_1$
|
|
8589
|
+
var CanvasWrapper$1 = styled.div(templateObject_1$t || (templateObject_1$t = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n flex-grow: 1;\n background-clip: padding-box;\n box-shadow: inset 0 0 0 2px ", ";\n z-index: -1;\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n flex-grow: 1;\n background-clip: padding-box;\n box-shadow: inset 0 0 0 2px ", ";\n z-index: -1;\n"])), function (props) {
|
|
8535
8590
|
return props.$maskColor;
|
|
8536
8591
|
});
|
|
8537
|
-
var Canvas$1 = styled.canvas(templateObject_2$
|
|
8538
|
-
var templateObject_1$
|
|
8592
|
+
var Canvas$1 = styled.canvas(templateObject_2$o || (templateObject_2$o = __makeTemplateObject(["\n display: block;\n"], ["\n display: block;\n"])));
|
|
8593
|
+
var templateObject_1$t, templateObject_2$o;
|
|
8539
8594
|
|
|
8540
8595
|
function IdCaptureGuides(_a) {
|
|
8541
8596
|
var _b = _a.guideType,
|
|
@@ -8591,7 +8646,7 @@ function IdCaptureGuides(_a) {
|
|
|
8591
8646
|
})));
|
|
8592
8647
|
}
|
|
8593
8648
|
|
|
8594
|
-
var Spinner = styled.div(templateObject_1$
|
|
8649
|
+
var Spinner = styled.div(templateObject_1$s || (templateObject_1$s = __makeTemplateObject(["\n display: inline-block;\n width: ", "px;\n height: ", "px;\n margin: auto;\n\n &:after {\n content: ' ';\n display: block;\n width: ", "px;\n height: ", "px;\n margin: 8px;\n border-radius: 50%;\n border: ", "px solid\n ", ";\n border-color: ", " transparent\n ", " transparent;\n animation: ", " 1.2s linear infinite;\n box-sizing: content-box;\n }\n"], ["\n display: inline-block;\n width: ", "px;\n height: ", "px;\n margin: auto;\n\n &:after {\n content: ' ';\n display: block;\n width: ", "px;\n height: ", "px;\n margin: 8px;\n border-radius: 50%;\n border: ", "px solid\n ", ";\n border-color: ", " transparent\n ", " transparent;\n animation: ", " 1.2s linear infinite;\n box-sizing: content-box;\n }\n"])), function (_a) {
|
|
8595
8650
|
var $size = _a.$size;
|
|
8596
8651
|
return $size !== null && $size !== void 0 ? $size : 80;
|
|
8597
8652
|
}, function (_a) {
|
|
@@ -8616,11 +8671,7 @@ var Spinner = styled.div(templateObject_1$u || (templateObject_1$u = __makeTempl
|
|
|
8616
8671
|
var $color = _a.$color;
|
|
8617
8672
|
return $color !== null && $color !== void 0 ? $color : '#888';
|
|
8618
8673
|
}, dualRingSpinnerAnimation);
|
|
8619
|
-
var
|
|
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;
|
|
8674
|
+
var templateObject_1$s;
|
|
8624
8675
|
|
|
8625
8676
|
var IdCaptureImagePreview = function IdCaptureImagePreview(_a) {
|
|
8626
8677
|
var _b = _a.classNames,
|
|
@@ -8707,11 +8758,11 @@ var SelfieProgressPreview = function SelfieProgressPreview(_a) {
|
|
|
8707
8758
|
onError: onError
|
|
8708
8759
|
})));
|
|
8709
8760
|
};
|
|
8710
|
-
var StyledSpinner = styled(Spinner)(templateObject_1$
|
|
8711
|
-
var ImagePreviewWrapper = styled.div(templateObject_2$
|
|
8761
|
+
var StyledSpinner = styled(Spinner)(templateObject_1$r || (templateObject_1$r = __makeTemplateObject(["\n position: relative;\n top: 4px;\n left: -3px;\n margin: 0 3px 0 -12px;\n"], ["\n position: relative;\n top: 4px;\n left: -3px;\n margin: 0 3px 0 -12px;\n"])));
|
|
8762
|
+
var ImagePreviewWrapper = styled.div(templateObject_2$n || (templateObject_2$n = __makeTemplateObject(["\n position: absolute;\n display: flex;\n flex-direction: column;\n height: 33%;\n bottom: 12px;\n right: 12px;\n"], ["\n position: absolute;\n display: flex;\n flex-direction: column;\n height: 33%;\n bottom: 12px;\n right: 12px;\n"])));
|
|
8712
8763
|
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"])));
|
|
8713
8764
|
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"])));
|
|
8714
|
-
var templateObject_1$
|
|
8765
|
+
var templateObject_1$r, templateObject_2$n, templateObject_3$i, templateObject_4$c;
|
|
8715
8766
|
|
|
8716
8767
|
var documentCaptureInitialState = {
|
|
8717
8768
|
documents: [],
|
|
@@ -9059,16 +9110,16 @@ var DocumentCaptureGuideOverlay = function DocumentCaptureGuideOverlay(_a) {
|
|
|
9059
9110
|
ref: canvasRef
|
|
9060
9111
|
}));
|
|
9061
9112
|
};
|
|
9062
|
-
var CanvasWrapper = styled.div(templateObject_1$
|
|
9113
|
+
var CanvasWrapper = styled.div(templateObject_1$q || (templateObject_1$q = __makeTemplateObject(["\n flex-grow: 1;\n background-clip: padding-box;\n box-shadow: inset 0 0 0 2px ", ";\n"], ["\n flex-grow: 1;\n background-clip: padding-box;\n box-shadow: inset 0 0 0 2px ", ";\n"])), function (props) {
|
|
9063
9114
|
return props.$maskColor;
|
|
9064
9115
|
});
|
|
9065
|
-
var Canvas = styled.canvas(templateObject_2$
|
|
9066
|
-
var templateObject_1$
|
|
9116
|
+
var Canvas = styled.canvas(templateObject_2$m || (templateObject_2$m = __makeTemplateObject(["\n display: block;\n"], ["\n display: block;\n"])));
|
|
9117
|
+
var templateObject_1$q, templateObject_2$m;
|
|
9067
9118
|
|
|
9068
|
-
var CameraFeedWrapper = styled.div(templateObject_1$
|
|
9119
|
+
var CameraFeedWrapper = styled.div(templateObject_1$p || (templateObject_1$p = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
9069
9120
|
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;") : "";
|
|
9070
9121
|
});
|
|
9071
|
-
var templateObject_1$
|
|
9122
|
+
var templateObject_1$p;
|
|
9072
9123
|
|
|
9073
9124
|
var CameraVideoTag = function CameraVideoTag(props) {
|
|
9074
9125
|
var _a = useCameraStore(useShallow(function (store) {
|
|
@@ -9099,46 +9150,46 @@ var CameraVideoTag = function CameraVideoTag(props) {
|
|
|
9099
9150
|
"$isRearFacing": isRearFacing
|
|
9100
9151
|
}, props));
|
|
9101
9152
|
};
|
|
9102
|
-
var FullscreenVideoTag = styled.video(templateObject_1$
|
|
9153
|
+
var FullscreenVideoTag = styled.video(templateObject_1$o || (templateObject_1$o = __makeTemplateObject(["\n transform: ", ";\n transform-style: preserve-3d;\n min-width: 100%;\n min-height: 100%;\n width: auto;\n height: auto;\n max-width: 100%;\n max-height: 100%;\n object-fit: cover;\n background: black;\n z-index: -2;\n"], ["\n transform: ", ";\n transform-style: preserve-3d;\n min-width: 100%;\n min-height: 100%;\n width: auto;\n height: auto;\n max-width: 100%;\n max-height: 100%;\n object-fit: cover;\n background: black;\n z-index: -2;\n"])), function (props) {
|
|
9103
9154
|
return props.$isRearFacing ? '' : 'scaleX(-1)';
|
|
9104
9155
|
});
|
|
9105
|
-
var templateObject_1$
|
|
9156
|
+
var templateObject_1$o;
|
|
9106
9157
|
|
|
9107
9158
|
var DocumentCaptureScreen = function DocumentCaptureScreen(_a) {
|
|
9108
|
-
var _b, _c, _d, _e;
|
|
9159
|
+
var _b, _c, _d, _e, _f;
|
|
9109
9160
|
var onCaptureClicked = _a.onCaptureClicked,
|
|
9110
|
-
|
|
9111
|
-
classNames =
|
|
9112
|
-
|
|
9113
|
-
rawVerbiage =
|
|
9114
|
-
var
|
|
9115
|
-
|
|
9116
|
-
documents =
|
|
9117
|
-
currentDocumentIndex =
|
|
9118
|
-
rectX =
|
|
9119
|
-
rectY =
|
|
9120
|
-
rectWidth =
|
|
9121
|
-
rectHeight =
|
|
9122
|
-
rectOffsetTop =
|
|
9123
|
-
capturing =
|
|
9124
|
-
uploadCapturedDocument =
|
|
9125
|
-
dispatch =
|
|
9126
|
-
var
|
|
9127
|
-
title =
|
|
9128
|
-
aspectRatio =
|
|
9129
|
-
cameraFeedMode =
|
|
9130
|
-
instructions =
|
|
9131
|
-
contentUrl =
|
|
9132
|
-
content =
|
|
9133
|
-
uploadState =
|
|
9134
|
-
var
|
|
9135
|
-
videoStream =
|
|
9136
|
-
cameraReady =
|
|
9137
|
-
cameraAccessDenied =
|
|
9138
|
-
requestCameraAccess =
|
|
9139
|
-
var
|
|
9140
|
-
cameraAccessRequested =
|
|
9141
|
-
setCameraAccessRequested =
|
|
9161
|
+
_g = _a.classNames,
|
|
9162
|
+
classNames = _g === void 0 ? {} : _g,
|
|
9163
|
+
_h = _a.verbiage,
|
|
9164
|
+
rawVerbiage = _h === void 0 ? {} : _h;
|
|
9165
|
+
var _j = useDocumentCaptureState(),
|
|
9166
|
+
_k = _j[0],
|
|
9167
|
+
documents = _k.documents,
|
|
9168
|
+
currentDocumentIndex = _k.currentDocumentIndex,
|
|
9169
|
+
rectX = _k.rectX,
|
|
9170
|
+
rectY = _k.rectY,
|
|
9171
|
+
rectWidth = _k.rectWidth,
|
|
9172
|
+
rectHeight = _k.rectHeight,
|
|
9173
|
+
rectOffsetTop = _k.rectOffsetTop,
|
|
9174
|
+
capturing = _k.capturing,
|
|
9175
|
+
uploadCapturedDocument = _k.uploadCapturedDocument,
|
|
9176
|
+
dispatch = _j[1];
|
|
9177
|
+
var _l = (_b = documents[currentDocumentIndex]) !== null && _b !== void 0 ? _b : {},
|
|
9178
|
+
title = _l.title,
|
|
9179
|
+
aspectRatio = _l.aspectRatio,
|
|
9180
|
+
cameraFeedMode = _l.cameraFeedMode,
|
|
9181
|
+
instructions = _l.instructions,
|
|
9182
|
+
contentUrl = _l.contentUrl,
|
|
9183
|
+
content = _l.content,
|
|
9184
|
+
uploadState = _l.uploadState;
|
|
9185
|
+
var _m = useCameraStore(),
|
|
9186
|
+
videoStream = _m.videoStream,
|
|
9187
|
+
cameraReady = _m.cameraReady,
|
|
9188
|
+
cameraAccessDenied = _m.cameraAccessDenied,
|
|
9189
|
+
requestCameraAccess = _m.requestCameraAccess;
|
|
9190
|
+
var _o = useState(false),
|
|
9191
|
+
cameraAccessRequested = _o[0],
|
|
9192
|
+
setCameraAccessRequested = _o[1];
|
|
9142
9193
|
var cameraAccessNeeded =
|
|
9143
9194
|
// we should force the browser to ask for camera access if...
|
|
9144
9195
|
uploadState === 'not_started' &&
|
|
@@ -9186,7 +9237,9 @@ var DocumentCaptureScreen = function DocumentCaptureScreen(_a) {
|
|
|
9186
9237
|
});
|
|
9187
9238
|
});
|
|
9188
9239
|
}
|
|
9189
|
-
return /*#__PURE__*/React__default.createElement(
|
|
9240
|
+
return /*#__PURE__*/React__default.createElement(PageContainer, {
|
|
9241
|
+
className: "flex ".concat((_f = classNames.container) !== null && _f !== void 0 ? _f : '')
|
|
9242
|
+
}, /*#__PURE__*/React__default.createElement(CameraFeedWrapper, {
|
|
9190
9243
|
className: classNames.cameraFeedWrapper,
|
|
9191
9244
|
"$mode": cameraFeedMode !== null && cameraFeedMode !== void 0 ? cameraFeedMode : 'snapToGuides',
|
|
9192
9245
|
"$x": rectX,
|
|
@@ -9215,7 +9268,7 @@ var DocumentCaptureScreen = function DocumentCaptureScreen(_a) {
|
|
|
9215
9268
|
className: classNames.footerRow
|
|
9216
9269
|
}, instructions && ( /*#__PURE__*/React__default.createElement(Instructions, {
|
|
9217
9270
|
className: classNames.instructions
|
|
9218
|
-
}, instructions)), /*#__PURE__*/React__default.createElement(StyledButtonsRow$
|
|
9271
|
+
}, instructions)), /*#__PURE__*/React__default.createElement(StyledButtonsRow$9, {
|
|
9219
9272
|
className: classNames.buttonsRow
|
|
9220
9273
|
}, cameraAccessDenied ? ( /*#__PURE__*/React__default.createElement(LoaderButton, {
|
|
9221
9274
|
className: classNames.retryCameraAccessBtn,
|
|
@@ -9250,8 +9303,8 @@ var DocumentCaptureScreen = function DocumentCaptureScreen(_a) {
|
|
|
9250
9303
|
disabled: !cameraReady || capturing
|
|
9251
9304
|
}, !cameraReady ? verbiage.loadingBtnText : capturing ? verbiage.capturingBtnText : verbiage.captureBtnText))))));
|
|
9252
9305
|
};
|
|
9253
|
-
var CaptureContainer = styled.div(templateObject_1$
|
|
9254
|
-
var HeadingRow = styled.div(templateObject_2$
|
|
9306
|
+
var CaptureContainer = styled.div(templateObject_1$n || (templateObject_1$n = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: var(--app-height);\n"], ["\n display: flex;\n flex-direction: column;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: var(--app-height);\n"])));
|
|
9307
|
+
var HeadingRow = styled.div(templateObject_2$l || (templateObject_2$l = __makeTemplateObject(["\n background: ", ";\n text-align: center;\n color: white;\n"], ["\n background: ", ";\n text-align: center;\n color: white;\n"])), function (props) {
|
|
9255
9308
|
return props.$maskColor;
|
|
9256
9309
|
});
|
|
9257
9310
|
var Heading$9 = styled.h1(templateObject_3$h || (templateObject_3$h = __makeTemplateObject(["\n font-size: 22px;\n"], ["\n font-size: 22px;\n"])));
|
|
@@ -9262,9 +9315,9 @@ var Instructions = styled.div(templateObject_5$7 || (templateObject_5$7 = __make
|
|
|
9262
9315
|
var _a, _b, _c;
|
|
9263
9316
|
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';
|
|
9264
9317
|
});
|
|
9265
|
-
var StyledButtonsRow$
|
|
9318
|
+
var StyledButtonsRow$9 = styled(ButtonsRow)(templateObject_6$6 || (templateObject_6$6 = __makeTemplateObject(["\n padding-top: 20px;\n"], ["\n padding-top: 20px;\n"])));
|
|
9266
9319
|
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"])));
|
|
9267
|
-
var templateObject_1$
|
|
9320
|
+
var templateObject_1$n, templateObject_2$l, templateObject_3$h, templateObject_4$b, templateObject_5$7, templateObject_6$6, templateObject_7$4;
|
|
9268
9321
|
|
|
9269
9322
|
var DocumentCaptureWizard = function DocumentCaptureWizard(_a) {
|
|
9270
9323
|
var onSuccess = _a.onSuccess,
|
|
@@ -9510,7 +9563,7 @@ var IdCaptureFallback = function IdCaptureFallback(_a) {
|
|
|
9510
9563
|
capture: "environment",
|
|
9511
9564
|
onChange: onFileSelected,
|
|
9512
9565
|
hidden: true
|
|
9513
|
-
}), /*#__PURE__*/React__default.createElement(StyledButtonsRow$
|
|
9566
|
+
}), /*#__PURE__*/React__default.createElement(StyledButtonsRow$8, {
|
|
9514
9567
|
className: classNames.buttonsRow
|
|
9515
9568
|
}, images.length < maxImageCount && ( /*#__PURE__*/React__default.createElement(LoaderButton, {
|
|
9516
9569
|
variant: images.length > 0 ? 'secondary' : 'positive',
|
|
@@ -9535,13 +9588,13 @@ var IdCaptureFallback = function IdCaptureFallback(_a) {
|
|
|
9535
9588
|
}
|
|
9536
9589
|
}, verbiage.doneBtnText))))));
|
|
9537
9590
|
};
|
|
9538
|
-
var StyledOverlayInner$2 = styled(OverlayInner$2)(templateObject_1$
|
|
9539
|
-
var Heading$8 = styled.h3(templateObject_2$
|
|
9591
|
+
var StyledOverlayInner$2 = styled(OverlayInner$2)(templateObject_1$m || (templateObject_1$m = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
9592
|
+
var Heading$8 = styled.h3(templateObject_2$k || (templateObject_2$k = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
9540
9593
|
var Description$3 = styled.p(templateObject_3$g || (templateObject_3$g = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
9541
9594
|
var Instruction = styled.p(templateObject_4$a || (templateObject_4$a = __makeTemplateObject(["\n font-weight: bold;\n"], ["\n font-weight: bold;\n"])));
|
|
9542
9595
|
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"])));
|
|
9543
|
-
var StyledButtonsRow$
|
|
9544
|
-
var templateObject_1$
|
|
9596
|
+
var StyledButtonsRow$8 = styled(ButtonsRow)(templateObject_6$5 || (templateObject_6$5 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
9597
|
+
var templateObject_1$m, templateObject_2$k, templateObject_3$g, templateObject_4$a, templateObject_5$6, templateObject_6$5;
|
|
9545
9598
|
|
|
9546
9599
|
function ScalingCameraFeed() {
|
|
9547
9600
|
var _a = useIdCaptureStore(),
|
|
@@ -9893,24 +9946,24 @@ function FilePickerButton(_a) {
|
|
|
9893
9946
|
}
|
|
9894
9947
|
}, file ? "".concat(file.name, " (").concat(humanFileSize(file.size), ")") : filePickerLoading ? loadingText : children));
|
|
9895
9948
|
}
|
|
9896
|
-
var ScreenContainer = styled.div(templateObject_1$
|
|
9949
|
+
var ScreenContainer = styled.div(templateObject_1$l || (templateObject_1$l = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n height: 100dvh;\n width: 100dvw;\n position: relative;\n font-family: ", ";\n"], ["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n height: 100dvh;\n width: 100dvw;\n position: relative;\n font-family: ", ";\n"])), function (props) {
|
|
9897
9950
|
var _a;
|
|
9898
9951
|
return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
|
|
9899
9952
|
});
|
|
9900
|
-
var ScreenPanel = styled.div(templateObject_2$
|
|
9953
|
+
var ScreenPanel = styled.div(templateObject_2$j || (templateObject_2$j = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 100%;\n flex-grow: 1;\n background: #f7f6fb;\n box-sizing: border-box;\n padding: 40px;\n"], ["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 100%;\n flex-grow: 1;\n background: #f7f6fb;\n box-sizing: border-box;\n padding: 40px;\n"])));
|
|
9901
9954
|
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"])));
|
|
9902
9955
|
var ScreenPanelHeading = styled.h3(templateObject_4$9 || (templateObject_4$9 = __makeTemplateObject(["\n margin: 0 0 30px;\n"], ["\n margin: 0 0 30px;\n"])));
|
|
9903
9956
|
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"])));
|
|
9904
9957
|
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"])));
|
|
9905
9958
|
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"])));
|
|
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) {
|
|
9959
|
+
var UploadIdBackHelpText = styled.p(templateObject_8$1 || (templateObject_8$1 = __makeTemplateObject(["\n color: #323232;\n font-style: italic;\n margin: 30px 0 0;\n"], ["\n color: #323232;\n font-style: italic;\n margin: 30px 0 0;\n"])));
|
|
9960
|
+
var Button = styled(WideBorderButton)(templateObject_9$1 || (templateObject_9$1 = __makeTemplateObject(["\n width: auto;\n font-weight: 500;\n padding-left: 40px;\n padding-right: 40px;\n transition: background-color 0.3s ease;\n background-color: #ffffff;\n white-space: nowrap;\n\n &:disabled,\n &.disabled {\n background-color: #f1f1f1 !important;\n border-color: #dbdbdb !important;\n color: #323232 !important;\n }\n\n &:hover {\n filter: none;\n background-color: #fafafa !important;\n }\n"], ["\n width: auto;\n font-weight: 500;\n padding-left: 40px;\n padding-right: 40px;\n transition: background-color 0.3s ease;\n background-color: #ffffff;\n white-space: nowrap;\n\n &:disabled,\n &.disabled {\n background-color: #f1f1f1 !important;\n border-color: #dbdbdb !important;\n color: #323232 !important;\n }\n\n &:hover {\n filter: none;\n background-color: #fafafa !important;\n }\n"])));
|
|
9961
|
+
var Modal = styled.div(templateObject_10$1 || (templateObject_10$1 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.5);\n z-index: 10000;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.5);\n z-index: 10000;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n"])));
|
|
9962
|
+
var Dialog = styled.div(templateObject_11$1 || (templateObject_11$1 = __makeTemplateObject(["\n width: 100%;\n max-width: 500px;\n height: 100%;\n max-height: 600px;\n background: white;\n border-radius: 25px;\n overflow: auto;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\n font-family: ", ";\n //margin: 25px;\n"], ["\n width: 100%;\n max-width: 500px;\n height: 100%;\n max-height: 600px;\n background: white;\n border-radius: 25px;\n overflow: auto;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\n font-family: ", ";\n //margin: 25px;\n"])), function (props) {
|
|
9910
9963
|
var _a;
|
|
9911
9964
|
return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
|
|
9912
9965
|
});
|
|
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"])));
|
|
9966
|
+
var ModalCloseButton = styled.button(templateObject_12$1 || (templateObject_12$1 = __makeTemplateObject(["\n width: 60px;\n height: 60px;\n background: black;\n color: whitesmoke;\n border-radius: 50%;\n font-size: 32px;\n border: none;\n cursor: pointer;\n margin: 20px 0;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\n transition: background 0.3s ease;\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n padding: 0;\n\n &:hover {\n background: #222;\n color: white;\n }\n"], ["\n width: 60px;\n height: 60px;\n background: black;\n color: whitesmoke;\n border-radius: 50%;\n font-size: 32px;\n border: none;\n cursor: pointer;\n margin: 20px 0;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\n transition: background 0.3s ease;\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n padding: 0;\n\n &:hover {\n background: #222;\n color: white;\n }\n"])));
|
|
9914
9967
|
function XIcon(props) {
|
|
9915
9968
|
return /*#__PURE__*/React__default.createElement("svg", _assign({
|
|
9916
9969
|
width: "25",
|
|
@@ -10161,7 +10214,7 @@ function IdDocumentIcon(props) {
|
|
|
10161
10214
|
strokeWidth: "3"
|
|
10162
10215
|
}));
|
|
10163
10216
|
}
|
|
10164
|
-
var InlineSvg = styled.svg(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n display: inline;\n"], ["\n display: inline;\n"])));
|
|
10217
|
+
var InlineSvg = styled.svg(templateObject_13$1 || (templateObject_13$1 = __makeTemplateObject(["\n display: inline;\n"], ["\n display: inline;\n"])));
|
|
10165
10218
|
function humanFileSize(bytes, si, dp) {
|
|
10166
10219
|
if (si === void 0) {
|
|
10167
10220
|
si = false;
|
|
@@ -10182,87 +10235,87 @@ function humanFileSize(bytes, si, dp) {
|
|
|
10182
10235
|
} while (Math.round(Math.abs(bytes) * r) / r >= thresh && u < units.length - 1);
|
|
10183
10236
|
return bytes.toFixed(dp) + ' ' + units[u];
|
|
10184
10237
|
}
|
|
10185
|
-
var templateObject_1$
|
|
10238
|
+
var templateObject_1$l, templateObject_2$j, templateObject_3$f, templateObject_4$9, templateObject_5$5, templateObject_6$4, templateObject_7$3, templateObject_8$1, templateObject_9$1, templateObject_10$1, templateObject_11$1, templateObject_12$1, templateObject_13$1;
|
|
10186
10239
|
|
|
10187
10240
|
var IdCaptureWizard = function IdCaptureWizard(_a) {
|
|
10188
|
-
var _b, _c, _d, _e, _f;
|
|
10241
|
+
var _b, _c, _d, _e, _f, _g;
|
|
10189
10242
|
var onSuccess = _a.onSuccess,
|
|
10190
10243
|
onExitCapture = _a.onExitCapture,
|
|
10191
10244
|
onUserCancel = _a.onUserCancel,
|
|
10192
|
-
|
|
10193
|
-
loadingOverlayMode =
|
|
10245
|
+
_h = _a.loadingOverlayMode,
|
|
10246
|
+
loadingOverlayMode = _h === void 0 ? 'default' : _h,
|
|
10194
10247
|
customOverlayContent = _a.customOverlayContent,
|
|
10195
10248
|
onLoadingOverlayDismissed = _a.onLoadingOverlayDismissed,
|
|
10196
10249
|
precapturedDocuments = _a.precapturedDocuments,
|
|
10197
|
-
|
|
10198
|
-
captureRequirement =
|
|
10199
|
-
|
|
10200
|
-
allowSinglePageIdCapture =
|
|
10201
|
-
|
|
10202
|
-
separateIdCardCaptureSequence =
|
|
10203
|
-
|
|
10204
|
-
thresholds =
|
|
10205
|
-
|
|
10206
|
-
skipSuccessScreen =
|
|
10250
|
+
_j = _a.captureRequirement,
|
|
10251
|
+
captureRequirement = _j === void 0 ? 'idCardOrPassport' : _j,
|
|
10252
|
+
_k = _a.allowSinglePageIdCapture,
|
|
10253
|
+
allowSinglePageIdCapture = _k === void 0 ? false : _k,
|
|
10254
|
+
_l = _a.separateIdCardCaptureSequence,
|
|
10255
|
+
separateIdCardCaptureSequence = _l === void 0 ? false : _l,
|
|
10256
|
+
_m = _a.thresholds,
|
|
10257
|
+
thresholds = _m === void 0 ? defaultIdCaptureThresholds : _m,
|
|
10258
|
+
_o = _a.skipSuccessScreen,
|
|
10259
|
+
skipSuccessScreen = _o === void 0 ? false : _o,
|
|
10207
10260
|
instructions = _a.instructions,
|
|
10208
|
-
|
|
10209
|
-
releaseCameraAccessOnExit =
|
|
10210
|
-
|
|
10211
|
-
guideType =
|
|
10212
|
-
|
|
10213
|
-
portraitGuidesOnMobile =
|
|
10214
|
-
|
|
10215
|
-
rotateLoadingOverlayImageWhenPortrait =
|
|
10216
|
-
|
|
10217
|
-
silentFallback =
|
|
10218
|
-
|
|
10219
|
-
forceFallbackMode =
|
|
10220
|
-
|
|
10221
|
-
allowIdCardBackToFrontCapture =
|
|
10222
|
-
|
|
10223
|
-
enableOverrideWrongDocumentTypeDialog =
|
|
10224
|
-
|
|
10225
|
-
allowOverrideWrongDocumentTypeAfterMs =
|
|
10226
|
-
|
|
10227
|
-
allowUploadingDocumentsFromStorage =
|
|
10228
|
-
|
|
10229
|
-
guideImages =
|
|
10230
|
-
|
|
10231
|
-
assets =
|
|
10232
|
-
|
|
10233
|
-
classNames =
|
|
10234
|
-
|
|
10235
|
-
colors =
|
|
10236
|
-
|
|
10237
|
-
verbiage =
|
|
10238
|
-
|
|
10239
|
-
debugMode =
|
|
10261
|
+
_p = _a.releaseCameraAccessOnExit,
|
|
10262
|
+
releaseCameraAccessOnExit = _p === void 0 ? true : _p,
|
|
10263
|
+
_q = _a.guideType,
|
|
10264
|
+
guideType = _q === void 0 ? 'fit' : _q,
|
|
10265
|
+
_r = _a.portraitGuidesOnMobile,
|
|
10266
|
+
portraitGuidesOnMobile = _r === void 0 ? true : _r,
|
|
10267
|
+
_s = _a.rotateLoadingOverlayImageWhenPortrait,
|
|
10268
|
+
rotateLoadingOverlayImageWhenPortrait = _s === void 0 ? true : _s,
|
|
10269
|
+
_t = _a.silentFallback,
|
|
10270
|
+
silentFallback = _t === void 0 ? false : _t,
|
|
10271
|
+
_u = _a.forceFallbackMode,
|
|
10272
|
+
forceFallbackMode = _u === void 0 ? false : _u,
|
|
10273
|
+
_v = _a.allowIdCardBackToFrontCapture,
|
|
10274
|
+
allowIdCardBackToFrontCapture = _v === void 0 ? false : _v,
|
|
10275
|
+
_w = _a.enableOverrideWrongDocumentTypeDialog,
|
|
10276
|
+
enableOverrideWrongDocumentTypeDialog = _w === void 0 ? false : _w,
|
|
10277
|
+
_x = _a.allowOverrideWrongDocumentTypeAfterMs,
|
|
10278
|
+
allowOverrideWrongDocumentTypeAfterMs = _x === void 0 ? 8000 : _x,
|
|
10279
|
+
_y = _a.allowUploadingDocumentsFromStorage,
|
|
10280
|
+
allowUploadingDocumentsFromStorage = _y === void 0 ? false : _y,
|
|
10281
|
+
_z = _a.guideImages,
|
|
10282
|
+
guideImages = _z === void 0 ? defaultIdCaptureGuideImages : _z,
|
|
10283
|
+
_0 = _a.assets,
|
|
10284
|
+
assets = _0 === void 0 ? {} : _0,
|
|
10285
|
+
_1 = _a.classNames,
|
|
10286
|
+
classNames = _1 === void 0 ? {} : _1,
|
|
10287
|
+
_2 = _a.colors,
|
|
10288
|
+
colors = _2 === void 0 ? {} : _2,
|
|
10289
|
+
_3 = _a.verbiage,
|
|
10290
|
+
verbiage = _3 === void 0 ? {} : _3,
|
|
10291
|
+
_4 = _a.debugMode,
|
|
10292
|
+
debugMode = _4 === void 0 ? false : _4;
|
|
10240
10293
|
var state = useIdCaptureStore();
|
|
10241
|
-
var
|
|
10242
|
-
cameraAccessDenied =
|
|
10243
|
-
requestCameraAccess =
|
|
10244
|
-
releaseCameraAccess =
|
|
10245
|
-
var
|
|
10246
|
-
overlayDismissed =
|
|
10247
|
-
setOverlayDismissed =
|
|
10248
|
-
var
|
|
10249
|
-
submissionStatus =
|
|
10250
|
-
setIdFrontImage =
|
|
10251
|
-
setIdBackImage =
|
|
10252
|
-
setPassportImage =
|
|
10253
|
-
setIdFrontIrImage =
|
|
10254
|
-
setIdBackIrImage =
|
|
10255
|
-
setIdFrontUvImage =
|
|
10256
|
-
setIdBackUvImage =
|
|
10257
|
-
logIdFrontCaptureAttempt =
|
|
10258
|
-
logIdBackCaptureAttempt =
|
|
10259
|
-
var
|
|
10260
|
-
start =
|
|
10261
|
-
stop =
|
|
10262
|
-
onPredictionMade =
|
|
10263
|
-
setRequiredDocumentType =
|
|
10264
|
-
modelError =
|
|
10265
|
-
resetBestFrame =
|
|
10294
|
+
var _5 = useCameraStore(),
|
|
10295
|
+
cameraAccessDenied = _5.cameraAccessDenied,
|
|
10296
|
+
requestCameraAccess = _5.requestCameraAccess,
|
|
10297
|
+
releaseCameraAccess = _5.releaseCameraAccess;
|
|
10298
|
+
var _6 = useState(false),
|
|
10299
|
+
overlayDismissed = _6[0],
|
|
10300
|
+
setOverlayDismissed = _6[1];
|
|
10301
|
+
var _7 = useContext(SubmissionContext),
|
|
10302
|
+
submissionStatus = _7.submissionStatus,
|
|
10303
|
+
setIdFrontImage = _7.setIdFrontImage,
|
|
10304
|
+
setIdBackImage = _7.setIdBackImage,
|
|
10305
|
+
setPassportImage = _7.setPassportImage,
|
|
10306
|
+
setIdFrontIrImage = _7.setIdFrontIrImage,
|
|
10307
|
+
setIdBackIrImage = _7.setIdBackIrImage,
|
|
10308
|
+
setIdFrontUvImage = _7.setIdFrontUvImage,
|
|
10309
|
+
setIdBackUvImage = _7.setIdBackUvImage,
|
|
10310
|
+
logIdFrontCaptureAttempt = _7.logIdFrontCaptureAttempt,
|
|
10311
|
+
logIdBackCaptureAttempt = _7.logIdBackCaptureAttempt;
|
|
10312
|
+
var _8 = useIdCaptureModelsContext(),
|
|
10313
|
+
start = _8.start,
|
|
10314
|
+
stop = _8.stop,
|
|
10315
|
+
onPredictionMade = _8.onPredictionMade,
|
|
10316
|
+
setRequiredDocumentType = _8.setRequiredDocumentType,
|
|
10317
|
+
modelError = _8.modelError,
|
|
10318
|
+
resetBestFrame = _8.resetBestFrame;
|
|
10266
10319
|
useEffect(function () {
|
|
10267
10320
|
dispatchIdCaptureAction({
|
|
10268
10321
|
type: 'configureWizard',
|
|
@@ -10374,9 +10427,9 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
|
|
|
10374
10427
|
type: 'resetWizard'
|
|
10375
10428
|
});
|
|
10376
10429
|
}, []);
|
|
10377
|
-
var
|
|
10378
|
-
attempt =
|
|
10379
|
-
setAttempt =
|
|
10430
|
+
var _9 = useState(0),
|
|
10431
|
+
attempt = _9[0],
|
|
10432
|
+
setAttempt = _9[1];
|
|
10380
10433
|
var onExit = useCallback(function () {
|
|
10381
10434
|
releaseCameraAccess();
|
|
10382
10435
|
setOverlayDismissed(false);
|
|
@@ -10467,9 +10520,9 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
|
|
|
10467
10520
|
});
|
|
10468
10521
|
});
|
|
10469
10522
|
}, []);
|
|
10470
|
-
var
|
|
10471
|
-
progressStarted =
|
|
10472
|
-
setProgressStarted =
|
|
10523
|
+
var _10 = useState(false),
|
|
10524
|
+
progressStarted = _10[0],
|
|
10525
|
+
setProgressStarted = _10[1];
|
|
10473
10526
|
useEffect(function () {
|
|
10474
10527
|
if (state.captureState === 'capturing') {
|
|
10475
10528
|
setProgressStarted(false);
|
|
@@ -10499,7 +10552,9 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
|
|
|
10499
10552
|
}
|
|
10500
10553
|
var requestedAction = state.captureState === 'requestingFlip' ? 'FLIP_ID' : state.requestedDocumentType === 'idCardBack' ? 'SHOW_ID_BACK' : state.requestedDocumentType === 'passport' ? 'SHOW_PASSPORT' : 'SHOW_ID_FRONT';
|
|
10501
10554
|
var guidesStatus = !overlayDismissed ? 'disabled' : state.isGoodFrame ? 'capturing' : 'ready';
|
|
10502
|
-
return /*#__PURE__*/React__default.createElement(
|
|
10555
|
+
return /*#__PURE__*/React__default.createElement(PageContainer, {
|
|
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, {
|
|
10503
10558
|
requiredDocumentType: state.requestedDocumentType,
|
|
10504
10559
|
thresholds: thresholds,
|
|
10505
10560
|
onCapture: onCapture,
|
|
@@ -10519,15 +10574,15 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
|
|
|
10519
10574
|
colors: colors,
|
|
10520
10575
|
verbiage: idCaptureVerbiage,
|
|
10521
10576
|
isBackToFront: state.allowIdCardBackToFrontCapture && 'idCardBack' in state.capturedDocuments
|
|
10522
|
-
}), debugMode && !((
|
|
10523
|
-
classNames: (
|
|
10524
|
-
text: (
|
|
10577
|
+
}), debugMode && !((_d = (_c = theme.idCapture) === null || _c === void 0 ? void 0 : _c.capturePreview) === null || _d === void 0 ? void 0 : _d.disabled) && state.captureState === 'requestingFlip' && !separateIdCardCaptureSequence && state.imageUrl && ( /*#__PURE__*/React__default.createElement(IdCaptureImagePreview, {
|
|
10578
|
+
classNames: (_e = classNames.capture) === null || _e === void 0 ? void 0 : _e.imagePreview,
|
|
10579
|
+
text: (_f = idCaptureVerbiages === null || idCaptureVerbiages === void 0 ? void 0 : idCaptureVerbiages.idCardFront) === null || _f === void 0 ? void 0 : _f.processingIdCardText,
|
|
10525
10580
|
imageUrl: state.imageUrl
|
|
10526
10581
|
})), state.captureState !== 'complete' && ( /*#__PURE__*/React__default.createElement("div", {
|
|
10527
10582
|
id: "idmission-above-guides-content"
|
|
10528
10583
|
})), /*#__PURE__*/React__default.createElement(ExitCaptureButton, {
|
|
10529
10584
|
onClick: onExit,
|
|
10530
|
-
className: (
|
|
10585
|
+
className: (_g = classNames.capture) === null || _g === void 0 ? void 0 : _g.exitCaptureBtn
|
|
10531
10586
|
}), !overlayDismissed && ( /*#__PURE__*/React__default.createElement(IdCaptureLoadingOverlay, {
|
|
10532
10587
|
key: "loading".concat(attempt),
|
|
10533
10588
|
mode: loadingOverlayMode,
|
|
@@ -10567,10 +10622,14 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
|
|
|
10567
10622
|
|
|
10568
10623
|
function SelfieCaptureLoadingGraphic(_a) {
|
|
10569
10624
|
var _b, _c, _d;
|
|
10570
|
-
var
|
|
10571
|
-
|
|
10572
|
-
|
|
10573
|
-
|
|
10625
|
+
var _e = _a.width,
|
|
10626
|
+
width = _e === void 0 ? 840 : _e,
|
|
10627
|
+
_f = _a.height,
|
|
10628
|
+
height = _f === void 0 ? 740 : _f,
|
|
10629
|
+
className = _a.className;
|
|
10630
|
+
var _g = useState(1),
|
|
10631
|
+
frame = _g[0],
|
|
10632
|
+
setFrame = _g[1];
|
|
10574
10633
|
useEffect(function () {
|
|
10575
10634
|
var i = setInterval(function () {
|
|
10576
10635
|
setFrame(function (n) {
|
|
@@ -10584,6 +10643,8 @@ function SelfieCaptureLoadingGraphic(_a) {
|
|
|
10584
10643
|
var theme = useTheme();
|
|
10585
10644
|
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)';
|
|
10586
10645
|
return /*#__PURE__*/React__default.createElement("svg", {
|
|
10646
|
+
width: width,
|
|
10647
|
+
height: height,
|
|
10587
10648
|
className: className,
|
|
10588
10649
|
viewBox: "0 0 840 740",
|
|
10589
10650
|
fill: "none",
|
|
@@ -10875,7 +10936,7 @@ var HeadGuideSvg = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
10875
10936
|
}))));
|
|
10876
10937
|
});
|
|
10877
10938
|
HeadGuideSvg.displayName = 'HeadGuideSvg';
|
|
10878
|
-
var PulsingHeadGuideContainer = styled.div(templateObject_1$
|
|
10939
|
+
var PulsingHeadGuideContainer = styled.div(templateObject_1$k || (templateObject_1$k = __makeTemplateObject(["\n display: flex;\n position: relative;\n height: 100%;\n max-height: 100%;\n\n & > .idmSdkWaves {\n position: absolute;\n animation: ", " 2s ease-out infinite;\n transform-style: preserve-3d;\n\n &:nth-child(2) {\n animation-delay: 0.66s;\n }\n\n &:nth-child(3) {\n animation-delay: 1.33s;\n }\n }\n\n & > .idmSdkWavesOrigin {\n position: relative;\n }\n"], ["\n display: flex;\n position: relative;\n height: 100%;\n max-height: 100%;\n\n & > .idmSdkWaves {\n position: absolute;\n animation: ", " 2s ease-out infinite;\n transform-style: preserve-3d;\n\n &:nth-child(2) {\n animation-delay: 0.66s;\n }\n\n &:nth-child(3) {\n animation-delay: 1.33s;\n }\n }\n\n & > .idmSdkWavesOrigin {\n position: relative;\n }\n"])), wavesAnimation);
|
|
10879
10940
|
function HeadGuide(_a) {
|
|
10880
10941
|
var _b;
|
|
10881
10942
|
var _c = _a.status,
|
|
@@ -10925,7 +10986,7 @@ function HeadGuide(_a) {
|
|
|
10925
10986
|
height: parentHeight
|
|
10926
10987
|
})));
|
|
10927
10988
|
}
|
|
10928
|
-
var AbsoluteSvg = styled.svg(templateObject_2$
|
|
10989
|
+
var AbsoluteSvg = styled.svg(templateObject_2$i || (templateObject_2$i = __makeTemplateObject(["\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n"], ["\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n"])));
|
|
10929
10990
|
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) {
|
|
10930
10991
|
return props.$verticalAlign === 'bottom' ? 'flex-end' : 'center';
|
|
10931
10992
|
});
|
|
@@ -11153,10 +11214,10 @@ function SelfieCaptureAnimatedMaskWithStatus(_a) {
|
|
|
11153
11214
|
status: status
|
|
11154
11215
|
}));
|
|
11155
11216
|
}
|
|
11156
|
-
var templateObject_1$
|
|
11217
|
+
var templateObject_1$k, templateObject_2$i, templateObject_3$e;
|
|
11157
11218
|
|
|
11158
|
-
var FaceCaptureGuideContainer = styled.div(templateObject_1$
|
|
11159
|
-
var FaceCaptureGuideInner = styled.div(templateObject_2$
|
|
11219
|
+
var FaceCaptureGuideContainer = styled.div(templateObject_1$j || (templateObject_1$j = __makeTemplateObject(["\n position: fixed;\n z-index: 1000;\n width: 100dvw;\n height: 100dvh;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 40px;\n box-sizing: border-box;\n"], ["\n position: fixed;\n z-index: 1000;\n width: 100dvw;\n height: 100dvh;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 40px;\n box-sizing: border-box;\n"])));
|
|
11220
|
+
var FaceCaptureGuideInner = styled.div(templateObject_2$h || (templateObject_2$h = __makeTemplateObject(["\n position: relative;\n height: 60%;\n"], ["\n position: relative;\n height: 60%;\n"])));
|
|
11160
11221
|
var FaceCaptureGuideOverlay = function FaceCaptureGuideOverlay(_a) {
|
|
11161
11222
|
var _b = _a.classNames,
|
|
11162
11223
|
classNames = _b === void 0 ? {} : _b,
|
|
@@ -11178,7 +11239,7 @@ var FaceCaptureGuideOverlay = function FaceCaptureGuideOverlay(_a) {
|
|
|
11178
11239
|
verticalAlign: "center"
|
|
11179
11240
|
})));
|
|
11180
11241
|
};
|
|
11181
|
-
var templateObject_1$
|
|
11242
|
+
var templateObject_1$j, templateObject_2$h;
|
|
11182
11243
|
|
|
11183
11244
|
var SelfieGuidanceModelsContext = /*#__PURE__*/createContext({
|
|
11184
11245
|
start: function start() {
|
|
@@ -11463,7 +11524,7 @@ var SelfieCaptureFallback = function SelfieCaptureFallback(_a) {
|
|
|
11463
11524
|
src: image,
|
|
11464
11525
|
alt: "",
|
|
11465
11526
|
className: classNames.image
|
|
11466
|
-
}))), /*#__PURE__*/React__default.createElement(StyledButtonsRow$
|
|
11527
|
+
}))), /*#__PURE__*/React__default.createElement(StyledButtonsRow$7, {
|
|
11467
11528
|
className: classNames.buttonsRow
|
|
11468
11529
|
}, image && !loading && !isMobile() && ( /*#__PURE__*/React__default.createElement(LoaderButton, {
|
|
11469
11530
|
className: classNames.retryCaptureBtn,
|
|
@@ -11498,12 +11559,12 @@ var SelfieCaptureFallback = function SelfieCaptureFallback(_a) {
|
|
|
11498
11559
|
}
|
|
11499
11560
|
}, !image ? invalidSelfie ? verbiage.retryButtonText : verbiage.captureBtnText : loading ? verbiage.doneBtnLoadingText : verbiage.doneBtnText)))));
|
|
11500
11561
|
};
|
|
11501
|
-
var StyledOverlayInner$1 = styled(OverlayInner$2)(templateObject_1$
|
|
11502
|
-
var Heading$7 = styled.h3(templateObject_2$
|
|
11562
|
+
var StyledOverlayInner$1 = styled(OverlayInner$2)(templateObject_1$i || (templateObject_1$i = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
11563
|
+
var Heading$7 = styled.h3(templateObject_2$g || (templateObject_2$g = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
11503
11564
|
var Description$2 = styled.p(templateObject_3$d || (templateObject_3$d = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
11504
11565
|
var ImageContainer$6 = styled(OverlayImageContainer)(templateObject_4$8 || (templateObject_4$8 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
11505
|
-
var StyledButtonsRow$
|
|
11506
|
-
var templateObject_1$
|
|
11566
|
+
var StyledButtonsRow$7 = styled(ButtonsRow)(templateObject_5$4 || (templateObject_5$4 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
11567
|
+
var templateObject_1$i, templateObject_2$g, templateObject_3$d, templateObject_4$8, templateObject_5$4;
|
|
11507
11568
|
|
|
11508
11569
|
var initialState$3 = {
|
|
11509
11570
|
busy: false,
|
|
@@ -11531,7 +11592,7 @@ var reducer$3 = function reducer(state, action) {
|
|
|
11531
11592
|
}
|
|
11532
11593
|
};
|
|
11533
11594
|
var SelfieCapture = function SelfieCapture(_a) {
|
|
11534
|
-
var _b, _c, _d, _e, _f;
|
|
11595
|
+
var _b, _c, _d, _e, _f, _g;
|
|
11535
11596
|
var onGuidanceSatisfied = _a.onGuidanceSatisfied,
|
|
11536
11597
|
onGuidanceNotSatisfied = _a.onGuidanceNotSatisfied,
|
|
11537
11598
|
onFaceDetected = _a.onFaceDetected,
|
|
@@ -11539,46 +11600,46 @@ var SelfieCapture = function SelfieCapture(_a) {
|
|
|
11539
11600
|
onSelfieCaptured = _a.onSelfieCaptured,
|
|
11540
11601
|
onTimeout = _a.onTimeout,
|
|
11541
11602
|
onExit = _a.onExit,
|
|
11542
|
-
|
|
11543
|
-
timeoutDurationMs =
|
|
11603
|
+
_h = _a.timeoutDurationMs,
|
|
11604
|
+
timeoutDurationMs = _h === void 0 ? 15000 : _h,
|
|
11544
11605
|
guidanceMessage = _a.guidanceMessage,
|
|
11545
11606
|
guidanceSatisfied = _a.guidanceSatisfied,
|
|
11546
11607
|
guidesComponent = _a.guidesComponent,
|
|
11547
|
-
|
|
11548
|
-
shouldCapture =
|
|
11549
|
-
|
|
11550
|
-
classNames =
|
|
11551
|
-
|
|
11552
|
-
colors =
|
|
11553
|
-
|
|
11554
|
-
rawVerbiage =
|
|
11555
|
-
|
|
11556
|
-
debugMode =
|
|
11557
|
-
var
|
|
11558
|
-
ref =
|
|
11559
|
-
|
|
11560
|
-
width =
|
|
11561
|
-
|
|
11562
|
-
height =
|
|
11563
|
-
var
|
|
11564
|
-
|
|
11565
|
-
busy =
|
|
11566
|
-
prediction =
|
|
11567
|
-
dispatch =
|
|
11608
|
+
_j = _a.shouldCapture,
|
|
11609
|
+
shouldCapture = _j === void 0 ? true : _j,
|
|
11610
|
+
_k = _a.classNames,
|
|
11611
|
+
classNames = _k === void 0 ? {} : _k,
|
|
11612
|
+
_l = _a.colors,
|
|
11613
|
+
colors = _l === void 0 ? {} : _l,
|
|
11614
|
+
_m = _a.verbiage,
|
|
11615
|
+
rawVerbiage = _m === void 0 ? {} : _m,
|
|
11616
|
+
_o = _a.debugMode,
|
|
11617
|
+
debugMode = _o === void 0 ? false : _o;
|
|
11618
|
+
var _p = useResizeObserver(),
|
|
11619
|
+
ref = _p.ref,
|
|
11620
|
+
_q = _p.width,
|
|
11621
|
+
width = _q === void 0 ? 1 : _q,
|
|
11622
|
+
_r = _p.height,
|
|
11623
|
+
height = _r === void 0 ? 1 : _r;
|
|
11624
|
+
var _s = useReducer(reducer$3, initialState$3),
|
|
11625
|
+
_t = _s[0],
|
|
11626
|
+
busy = _t.busy,
|
|
11627
|
+
prediction = _t.prediction,
|
|
11628
|
+
dispatch = _s[1];
|
|
11568
11629
|
var lastPredictionCanvas = useRef(null);
|
|
11569
|
-
var
|
|
11630
|
+
var _u = useCameraStore(useShallow(function (state) {
|
|
11570
11631
|
return {
|
|
11571
11632
|
camera: state.camera,
|
|
11572
11633
|
cameraReady: state.cameraReady,
|
|
11573
11634
|
videoRef: state.videoRef
|
|
11574
11635
|
};
|
|
11575
11636
|
})),
|
|
11576
|
-
camera =
|
|
11577
|
-
videoRef =
|
|
11578
|
-
var
|
|
11579
|
-
onPredictionMade =
|
|
11580
|
-
canvasRef =
|
|
11581
|
-
guidanceError =
|
|
11637
|
+
camera = _u.camera,
|
|
11638
|
+
videoRef = _u.videoRef;
|
|
11639
|
+
var _v = useContext(SelfieGuidanceModelsContext),
|
|
11640
|
+
onPredictionMade = _v.onPredictionMade,
|
|
11641
|
+
canvasRef = _v.canvasRef,
|
|
11642
|
+
guidanceError = _v.error;
|
|
11582
11643
|
onPredictionMade(useThrottledCallback(useCallback(function (prediction) {
|
|
11583
11644
|
return __awaiter(void 0, void 0, void 0, function () {
|
|
11584
11645
|
return __generator(this, function (_a) {
|
|
@@ -11623,9 +11684,9 @@ var SelfieCapture = function SelfieCapture(_a) {
|
|
|
11623
11684
|
if (timer) clearTimeout(timer);
|
|
11624
11685
|
};
|
|
11625
11686
|
}, [onSelfieCaptureStarted, onSelfieCaptured, prediction]);
|
|
11626
|
-
var
|
|
11627
|
-
timedOut =
|
|
11628
|
-
timeoutStartedAt =
|
|
11687
|
+
var _w = useTimeout(timeoutDurationMs, onTimeout),
|
|
11688
|
+
timedOut = _w.timedOut,
|
|
11689
|
+
timeoutStartedAt = _w.timeoutStartedAt;
|
|
11629
11690
|
var debugScalingDetails = useDebugScalingDetails({
|
|
11630
11691
|
enabled: debugMode,
|
|
11631
11692
|
pageWidth: width,
|
|
@@ -11653,9 +11714,9 @@ var SelfieCapture = function SelfieCapture(_a) {
|
|
|
11653
11714
|
});
|
|
11654
11715
|
}
|
|
11655
11716
|
var GuidesComponent = guidesComponent !== null && guidesComponent !== void 0 ? guidesComponent : FaceCaptureGuideOverlay;
|
|
11656
|
-
return /*#__PURE__*/React__default.createElement(
|
|
11717
|
+
return /*#__PURE__*/React__default.createElement(PageContainer, {
|
|
11657
11718
|
ref: ref,
|
|
11658
|
-
className: classNames.container
|
|
11719
|
+
className: "flex ".concat((_g = classNames.container) !== null && _g !== void 0 ? _g : '')
|
|
11659
11720
|
}, /*#__PURE__*/React__default.createElement(InvisibleCanvas, {
|
|
11660
11721
|
ref: lastPredictionCanvas
|
|
11661
11722
|
}), /*#__PURE__*/React__default.createElement(GuidesComponent, {
|
|
@@ -11675,8 +11736,6 @@ var SelfieCapture = function SelfieCapture(_a) {
|
|
|
11675
11736
|
className: classNames.exitCaptureBtn
|
|
11676
11737
|
}));
|
|
11677
11738
|
};
|
|
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;
|
|
11680
11739
|
|
|
11681
11740
|
var initialState$2 = {
|
|
11682
11741
|
frame: null,
|
|
@@ -12064,9 +12123,9 @@ var FaceLivenessSuccess = function FaceLivenessSuccess(_a) {
|
|
|
12064
12123
|
finished: true
|
|
12065
12124
|
}, verbiage.retryBtnText)))));
|
|
12066
12125
|
};
|
|
12067
|
-
var ImageContainer$5 = styled.div(templateObject_1$
|
|
12068
|
-
var Heading$6 = styled.h3(templateObject_2$
|
|
12069
|
-
var templateObject_1$
|
|
12126
|
+
var ImageContainer$5 = styled.div(templateObject_1$h || (templateObject_1$h = __makeTemplateObject(["\n position: relative;\n flex-grow: 1;\n margin-bottom: 25px;\n max-width: 100dvw;\n max-height: 100dvh;\n overflow-y: auto;\n border-radius: 12px;\n\n & > img,\n & > svg {\n width: 100%;\n max-width: 100%;\n margin: 0 auto;\n display: block;\n border-radius: 12px;\n }\n"], ["\n position: relative;\n flex-grow: 1;\n margin-bottom: 25px;\n max-width: 100dvw;\n max-height: 100dvh;\n overflow-y: auto;\n border-radius: 12px;\n\n & > img,\n & > svg {\n width: 100%;\n max-width: 100%;\n margin: 0 auto;\n display: block;\n border-radius: 12px;\n }\n"])));
|
|
12127
|
+
var Heading$6 = styled.h3(templateObject_2$f || (templateObject_2$f = __makeTemplateObject(["\n font-size: 1.2rem;\n margin: 0;\n"], ["\n font-size: 1.2rem;\n margin: 0;\n"])));
|
|
12128
|
+
var templateObject_1$h, templateObject_2$f;
|
|
12070
12129
|
|
|
12071
12130
|
var FaceLivenessFailure = function FaceLivenessFailure(_a) {
|
|
12072
12131
|
var _b = _a.canRetry,
|
|
@@ -12115,9 +12174,9 @@ var FaceLivenessFailure = function FaceLivenessFailure(_a) {
|
|
|
12115
12174
|
finished: true
|
|
12116
12175
|
}, verbiage.exitBtnText)))));
|
|
12117
12176
|
};
|
|
12118
|
-
var ImageContainer$4 = styled(OverlayImageContainer)(templateObject_1$
|
|
12119
|
-
var Heading$5 = styled.h3(templateObject_2$
|
|
12120
|
-
var templateObject_1$
|
|
12177
|
+
var ImageContainer$4 = styled(OverlayImageContainer)(templateObject_1$g || (templateObject_1$g = __makeTemplateObject(["\n max-height: calc(100vh - 185px);\n"], ["\n max-height: calc(100vh - 185px);\n"])));
|
|
12178
|
+
var Heading$5 = styled.h3(templateObject_2$e || (templateObject_2$e = __makeTemplateObject(["\n margin-bottom: 36px;\n"], ["\n margin-bottom: 36px;\n"])));
|
|
12179
|
+
var templateObject_1$g, templateObject_2$e;
|
|
12121
12180
|
|
|
12122
12181
|
var MicrophoneAccessDeniedOverlay = function MicrophoneAccessDeniedOverlay(_a) {
|
|
12123
12182
|
var _b;
|
|
@@ -12142,7 +12201,7 @@ var MicrophoneAccessDeniedOverlay = function MicrophoneAccessDeniedOverlay(_a) {
|
|
|
12142
12201
|
className: "flex ".concat((_b = classNames.container) !== null && _b !== void 0 ? _b : '')
|
|
12143
12202
|
}, /*#__PURE__*/React__default.createElement(StyledOverlayInner, {
|
|
12144
12203
|
className: classNames.inner
|
|
12145
|
-
}, /*#__PURE__*/React__default.createElement(StyledOverlayImageContainer, {
|
|
12204
|
+
}, /*#__PURE__*/React__default.createElement(StyledOverlayImageContainer$1, {
|
|
12146
12205
|
className: classNames.imageContainer
|
|
12147
12206
|
}, /*#__PURE__*/React__default.createElement("img", {
|
|
12148
12207
|
src: assets.imageUrl,
|
|
@@ -12160,11 +12219,11 @@ var MicrophoneAccessDeniedOverlay = function MicrophoneAccessDeniedOverlay(_a) {
|
|
|
12160
12219
|
finished: true
|
|
12161
12220
|
}, verbiage.retryBtnText)));
|
|
12162
12221
|
};
|
|
12163
|
-
var StyledOverlayInner = styled(OverlayInner$2)(templateObject_1$
|
|
12164
|
-
var StyledOverlayImageContainer = styled(OverlayImageContainer)(templateObject_2$
|
|
12222
|
+
var StyledOverlayInner = styled(OverlayInner$2)(templateObject_1$f || (templateObject_1$f = __makeTemplateObject(["\n max-width: 500px;\n height: auto;\n margin: auto;\n"], ["\n max-width: 500px;\n height: auto;\n margin: auto;\n"])));
|
|
12223
|
+
var StyledOverlayImageContainer$1 = styled(OverlayImageContainer)(templateObject_2$d || (templateObject_2$d = __makeTemplateObject(["\n flex-grow: 0;\n"], ["\n flex-grow: 0;\n"])));
|
|
12165
12224
|
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"])));
|
|
12166
12225
|
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"])));
|
|
12167
|
-
var templateObject_1$
|
|
12226
|
+
var templateObject_1$f, templateObject_2$d, templateObject_3$c, templateObject_4$7;
|
|
12168
12227
|
|
|
12169
12228
|
var SelfieCaptureLoadingOverlayLegacy = function SelfieCaptureLoadingOverlayLegacy(_a) {
|
|
12170
12229
|
var onDismissed = _a.onDismissed,
|
|
@@ -12236,13 +12295,13 @@ var SelfieCaptureLoadingOverlayLegacy = function SelfieCaptureLoadingOverlayLega
|
|
|
12236
12295
|
}, verbiage.headingText), onUserCancel && ( /*#__PURE__*/React__default.createElement(ExitCaptureButton, {
|
|
12237
12296
|
onClick: onUserCancel,
|
|
12238
12297
|
className: classNames.cancelBtn
|
|
12239
|
-
})), /*#__PURE__*/React__default.createElement(StyledGuidanceMessage, null, verbiage.removeEyeCoveringsText, /*#__PURE__*/React__default.createElement("br", null), verbiage.avoidExcessiveBacklightingText), /*#__PURE__*/React__default.createElement(OverlayImageContainer, {
|
|
12298
|
+
})), /*#__PURE__*/React__default.createElement(StyledGuidanceMessage$1, null, verbiage.removeEyeCoveringsText, /*#__PURE__*/React__default.createElement("br", null), verbiage.avoidExcessiveBacklightingText), /*#__PURE__*/React__default.createElement(OverlayImageContainer, {
|
|
12240
12299
|
className: classNames.imageContainer
|
|
12241
12300
|
}, /*#__PURE__*/React__default.createElement("img", {
|
|
12242
12301
|
className: classNames.image,
|
|
12243
12302
|
alt: verbiage.headingText,
|
|
12244
12303
|
src: assets.instructionImageUrl
|
|
12245
|
-
})), /*#__PURE__*/React__default.createElement(StyledButtonsRow$
|
|
12304
|
+
})), /*#__PURE__*/React__default.createElement(StyledButtonsRow$6, {
|
|
12246
12305
|
className: classNames.buttonsRow
|
|
12247
12306
|
}, /*#__PURE__*/React__default.createElement(LoaderButton, {
|
|
12248
12307
|
variant: "positive",
|
|
@@ -12256,11 +12315,18 @@ var SelfieCaptureLoadingOverlayLegacy = function SelfieCaptureLoadingOverlayLega
|
|
|
12256
12315
|
}
|
|
12257
12316
|
}, ready ? verbiage.continueText : allModelsReady ? verbiage.cameraInitializingText : modelDownloadProgress >= 100 ? "".concat(verbiage.modelsWarmingUpText) : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)")))));
|
|
12258
12317
|
};
|
|
12259
|
-
var StyledGuidanceMessage = styled(GuidanceMessage)(templateObject_1$
|
|
12260
|
-
var StyledButtonsRow$
|
|
12261
|
-
var templateObject_1$
|
|
12318
|
+
var StyledGuidanceMessage$1 = styled(GuidanceMessage)(templateObject_1$e || (templateObject_1$e = __makeTemplateObject(["\n padding: 12px 24px;\n font-weight: normal;\n line-height: 1.5;\n margin-bottom: -30px;\n"], ["\n padding: 12px 24px;\n font-weight: normal;\n line-height: 1.5;\n margin-bottom: -30px;\n"])));
|
|
12319
|
+
var StyledButtonsRow$6 = styled(ButtonsRow)(templateObject_2$c || (templateObject_2$c = __makeTemplateObject(["\n flex-direction: column;\n padding-top: 25px;\n"], ["\n flex-direction: column;\n padding-top: 25px;\n"])));
|
|
12320
|
+
var templateObject_1$e, templateObject_2$c;
|
|
12262
12321
|
|
|
12263
12322
|
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
|
+
});
|
|
12264
12330
|
var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDefault(_a) {
|
|
12265
12331
|
var onDismissed = _a.onDismissed,
|
|
12266
12332
|
onUserCancel = _a.onUserCancel,
|
|
@@ -12343,11 +12409,11 @@ var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDef
|
|
|
12343
12409
|
}, onUserCancel && ( /*#__PURE__*/React__default.createElement(ExitCaptureButton, {
|
|
12344
12410
|
onClick: onUserCancel,
|
|
12345
12411
|
className: classNames.cancelBtn
|
|
12346
|
-
})), customOverlayContent || ( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(
|
|
12412
|
+
})), customOverlayContent || ( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(OverlayHeader, {
|
|
12347
12413
|
className: classNames.headingContainer
|
|
12348
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
12414
|
+
}, /*#__PURE__*/React__default.createElement(StyledGuidanceMessage, {
|
|
12349
12415
|
className: classNames.heading
|
|
12350
|
-
}, headingText)), /*#__PURE__*/React__default.createElement(
|
|
12416
|
+
}, headingText)), /*#__PURE__*/React__default.createElement(StyledOverlayImageContainer, {
|
|
12351
12417
|
className: classNames.imageContainer
|
|
12352
12418
|
}, (assets === null || assets === void 0 ? void 0 : assets.instructionImageUrl) && assets.instructionImageUrl !== legacyInstructionImageUrl ? ( /*#__PURE__*/React__default.createElement(CustomLoadingGraphic, {
|
|
12353
12419
|
className: classNames.image,
|
|
@@ -12355,32 +12421,32 @@ var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDef
|
|
|
12355
12421
|
src: assets.instructionImageUrl
|
|
12356
12422
|
})) : ( /*#__PURE__*/React__default.createElement(SelfieCaptureLoadingGraphic, {
|
|
12357
12423
|
className: classNames.image
|
|
12358
|
-
}))))), /*#__PURE__*/React__default.createElement(
|
|
12424
|
+
}))))), /*#__PURE__*/React__default.createElement(StyledButtonsRow$5, {
|
|
12359
12425
|
className: classNames.buttonsRow
|
|
12360
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
12426
|
+
}, /*#__PURE__*/React__default.createElement(ProgressContainer, {
|
|
12361
12427
|
className: classNames.progressContainer
|
|
12362
12428
|
}, /*#__PURE__*/React__default.createElement(ProgressBarBackground, {
|
|
12363
12429
|
className: classNames.progressBackground
|
|
12364
|
-
}), /*#__PURE__*/React__default.createElement(
|
|
12430
|
+
}), /*#__PURE__*/React__default.createElement(ProgressBar, {
|
|
12365
12431
|
"$progress": modelDownloadProgress,
|
|
12366
12432
|
className: classNames.progressBar
|
|
12367
12433
|
}, /*#__PURE__*/React__default.createElement(ProgressIndicator, {
|
|
12368
12434
|
className: classNames.progressIndicator
|
|
12369
|
-
}))), /*#__PURE__*/React__default.createElement(
|
|
12435
|
+
}))), /*#__PURE__*/React__default.createElement(LoadingListContainer, {
|
|
12370
12436
|
className: classNames.loadingListContainer
|
|
12371
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
12437
|
+
}, /*#__PURE__*/React__default.createElement(LoadingList, {
|
|
12372
12438
|
className: classNames.loadingList
|
|
12373
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
12439
|
+
}, /*#__PURE__*/React__default.createElement(LoadingListItem, {
|
|
12374
12440
|
className: cn(classNames.loadingListItem, cameraReady ? 'done' : 'running')
|
|
12375
12441
|
}, /*#__PURE__*/React__default.createElement(LoadingListItemIndicator, {
|
|
12376
12442
|
className: classNames.loadingListItemIndicator,
|
|
12377
12443
|
state: cameraReady ? 'done' : 'running'
|
|
12378
|
-
}), cameraReady ? verbiage.cameraInitializedText : verbiage.cameraInitializingText), /*#__PURE__*/React__default.createElement(
|
|
12444
|
+
}), cameraReady ? verbiage.cameraInitializedText : verbiage.cameraInitializingText), /*#__PURE__*/React__default.createElement(LoadingListItem, {
|
|
12379
12445
|
className: cn(classNames.loadingListItem, sessionReady && allModelsReady ? 'done' : 'running')
|
|
12380
12446
|
}, /*#__PURE__*/React__default.createElement(LoadingListItemIndicator, {
|
|
12381
12447
|
className: classNames.loadingListItemIndicator,
|
|
12382
12448
|
state: sessionReady && allModelsReady ? 'done' : 'running'
|
|
12383
|
-
}), !sessionReady ? verbiage.sessionCheckingText : allModelsReady ? verbiage.modelsReadyText : modelDownloadProgress >= 100 ? verbiage.modelsWarmingUpText : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)")))), /*#__PURE__*/React__default.createElement(ContinueButtonContainer, {
|
|
12449
|
+
}), !sessionReady ? verbiage.sessionCheckingText : !allModelsReady ? verbiage.modelsReadyText : modelDownloadProgress >= 100 ? verbiage.modelsWarmingUpText : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)")))), /*#__PURE__*/React__default.createElement(ContinueButtonContainer, {
|
|
12384
12450
|
className: classNames.continueBtnContainer
|
|
12385
12451
|
}, ready && ( /*#__PURE__*/React__default.createElement(ContinueButton, {
|
|
12386
12452
|
autoFocus: true,
|
|
@@ -12394,34 +12460,42 @@ var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDef
|
|
|
12394
12460
|
}
|
|
12395
12461
|
}, verbiage.continueText))))));
|
|
12396
12462
|
};
|
|
12397
|
-
var
|
|
12398
|
-
var _a
|
|
12399
|
-
return (
|
|
12463
|
+
var OverlayHeader = styled.div(templateObject_2$b || (templateObject_2$b = __makeTemplateObject(["\n text-align: ", ";\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n ", "\n padding-bottom: 0;\n"], ["\n text-align: ", ";\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n ", "\n padding-bottom: 0;\n"])), function (props) {
|
|
12464
|
+
var _a;
|
|
12465
|
+
return (_a = props.theme.textAlign) !== null && _a !== void 0 ? _a : 'center';
|
|
12400
12466
|
}, function (props) {
|
|
12401
|
-
|
|
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';
|
|
12467
|
+
return props.theme.padding ? "box-sizing: border-box; padding: ".concat(props.theme.padding, ";") : "";
|
|
12403
12468
|
});
|
|
12404
|
-
var
|
|
12469
|
+
var StyledGuidanceMessage = styled(GuidanceMessage)(templateObject_3$b || (templateObject_3$b = __makeTemplateObject(["\n padding: 16px 24px;\n margin-top: 16px;\n font-size: 18px;\n font-weight: bold;\n background: white;\n box-shadow:\n 0 1px 3px 0 rgb(0 0 0 / 0.1),\n 0 1px 2px -1px rgb(0 0 0 / 0.1);\n"], ["\n padding: 16px 24px;\n margin-top: 16px;\n font-size: 18px;\n font-weight: bold;\n background: white;\n box-shadow:\n 0 1px 3px 0 rgb(0 0 0 / 0.1),\n 0 1px 2px -1px rgb(0 0 0 / 0.1);\n"])));
|
|
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) {
|
|
12405
12471
|
var _a, _b, _c, _d;
|
|
12406
12472
|
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';
|
|
12407
12473
|
}, function (props) {
|
|
12408
12474
|
var _a, _b, _c, _d, _e, _f;
|
|
12409
12475
|
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, ";") : '';
|
|
12410
12476
|
});
|
|
12411
|
-
var
|
|
12477
|
+
var StyledOverlayImageContainer = styled(OverlayImageContainer)(templateObject_5$3 || (templateObject_5$3 = __makeTemplateObject(["\n padding: 0;\n\n & > svg {\n height: 100%;\n }\n"], ["\n padding: 0;\n\n & > svg {\n height: 100%;\n }\n"])));
|
|
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) {
|
|
12412
12483
|
var _a, _b, _c, _d;
|
|
12413
12484
|
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)';
|
|
12414
12485
|
}, function (props) {
|
|
12415
12486
|
var _a, _b, _c, _d;
|
|
12416
12487
|
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;
|
|
12417
12488
|
});
|
|
12418
|
-
var
|
|
12489
|
+
var ProgressBar = styled.span(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n display: block;\n width: ", "%;\n height: 100%;\n left: 0;\n position: absolute;\n"], ["\n display: block;\n width: ", "%;\n height: 100%;\n left: 0;\n position: absolute;\n"])), function (props) {
|
|
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) {
|
|
12419
12493
|
var _a, _b, _c, _d;
|
|
12420
12494
|
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)';
|
|
12421
|
-
});
|
|
12422
|
-
var CustomLoadingGraphic = styled.img(
|
|
12423
|
-
var ContinueButtonContainer = styled.div(
|
|
12424
|
-
var ContinueButton = styled(LoaderButton)(
|
|
12495
|
+
}, progressBarAnimation);
|
|
12496
|
+
var CustomLoadingGraphic = styled.img(templateObject_13 || (templateObject_13 = __makeTemplateObject([""], [""])));
|
|
12497
|
+
var ContinueButtonContainer = styled.div(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n display: flex;\n"], ["\n display: flex;\n"])));
|
|
12498
|
+
var ContinueButton = styled(LoaderButton)(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n margin: auto;\n white-space: nowrap;\n ", "\n ", "\n \n &:focus-visible {\n ", "\n box-shadow: none;\n }\n"], ["\n margin: auto;\n white-space: nowrap;\n ", "\n ", "\n \n &:focus-visible {\n ", "\n box-shadow: none;\n }\n"])), function (props) {
|
|
12425
12499
|
var _a, _b, _c, _d, _e, _f;
|
|
12426
12500
|
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, ";") : '';
|
|
12427
12501
|
}, function (props) {
|
|
@@ -12431,7 +12505,7 @@ var ContinueButton = styled(LoaderButton)(templateObject_7$2 || (templateObject_
|
|
|
12431
12505
|
var _a, _b, _c, _d, _e, _f;
|
|
12432
12506
|
return ((_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.selfieCapture) === null || _b === void 0 ? void 0 : _b.loadingOverlay) === null || _c === void 0 ? void 0 : _c.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, ";") : '';
|
|
12433
12507
|
});
|
|
12434
|
-
var templateObject_1$
|
|
12508
|
+
var templateObject_1$d, templateObject_2$b, templateObject_3$b, templateObject_4$6, templateObject_5$3, templateObject_6$3, templateObject_7$2, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15;
|
|
12435
12509
|
|
|
12436
12510
|
var components = {
|
|
12437
12511
|
"default": SelfieCaptureLoadingOverlayDefault,
|
|
@@ -12447,7 +12521,7 @@ var SelfieCaptureLoadingOverlay = function SelfieCaptureLoadingOverlay(_a) {
|
|
|
12447
12521
|
};
|
|
12448
12522
|
|
|
12449
12523
|
var FaceLivenessWizard = function FaceLivenessWizard(_a) {
|
|
12450
|
-
var _b;
|
|
12524
|
+
var _b, _c, _d;
|
|
12451
12525
|
var onComplete = _a.onComplete,
|
|
12452
12526
|
onSuccess = _a.onSuccess,
|
|
12453
12527
|
onFailure = _a.onFailure,
|
|
@@ -12457,70 +12531,70 @@ var FaceLivenessWizard = function FaceLivenessWizard(_a) {
|
|
|
12457
12531
|
onExitAfterFailure = _a.onExitAfterFailure,
|
|
12458
12532
|
onUserCancel = _a.onUserCancel,
|
|
12459
12533
|
precapturedDocuments = _a.precapturedDocuments,
|
|
12460
|
-
|
|
12461
|
-
loadingOverlayMode =
|
|
12534
|
+
_e = _a.loadingOverlayMode,
|
|
12535
|
+
loadingOverlayMode = _e === void 0 ? 'default' : _e,
|
|
12462
12536
|
customOverlayContent = _a.customOverlayContent,
|
|
12463
12537
|
onLoadingOverlayDismissed = _a.onLoadingOverlayDismissed,
|
|
12464
|
-
|
|
12465
|
-
initialCaptureDelayMs =
|
|
12466
|
-
|
|
12467
|
-
timeoutDurationMs =
|
|
12468
|
-
|
|
12469
|
-
maxRetries =
|
|
12470
|
-
|
|
12471
|
-
skipSuccessScreen =
|
|
12472
|
-
|
|
12473
|
-
allowLivenessFailure =
|
|
12474
|
-
|
|
12475
|
-
renderCameraFeed =
|
|
12476
|
-
|
|
12477
|
-
releaseCameraAccessOnExit =
|
|
12478
|
-
|
|
12479
|
-
silentFallback =
|
|
12480
|
-
|
|
12481
|
-
waitForIdCaptureModels =
|
|
12538
|
+
_f = _a.initialCaptureDelayMs,
|
|
12539
|
+
initialCaptureDelayMs = _f === void 0 ? 1000 : _f,
|
|
12540
|
+
_g = _a.timeoutDurationMs,
|
|
12541
|
+
timeoutDurationMs = _g === void 0 ? 15000 : _g,
|
|
12542
|
+
_h = _a.maxRetries,
|
|
12543
|
+
maxRetries = _h === void 0 ? 2 : _h,
|
|
12544
|
+
_j = _a.skipSuccessScreen,
|
|
12545
|
+
skipSuccessScreen = _j === void 0 ? false : _j,
|
|
12546
|
+
_k = _a.allowLivenessFailure,
|
|
12547
|
+
allowLivenessFailure = _k === void 0 ? false : _k,
|
|
12548
|
+
_l = _a.renderCameraFeed,
|
|
12549
|
+
renderCameraFeed = _l === void 0 ? true : _l,
|
|
12550
|
+
_m = _a.releaseCameraAccessOnExit,
|
|
12551
|
+
releaseCameraAccessOnExit = _m === void 0 ? true : _m,
|
|
12552
|
+
_o = _a.silentFallback,
|
|
12553
|
+
silentFallback = _o === void 0 ? false : _o,
|
|
12554
|
+
_p = _a.waitForIdCaptureModels,
|
|
12555
|
+
waitForIdCaptureModels = _p === void 0 ? false : _p,
|
|
12482
12556
|
guidesComponent = _a.guidesComponent,
|
|
12483
12557
|
disableCapturePreview = _a.disableCapturePreview,
|
|
12484
|
-
|
|
12485
|
-
assets =
|
|
12486
|
-
|
|
12487
|
-
classNames =
|
|
12488
|
-
|
|
12489
|
-
colors =
|
|
12490
|
-
|
|
12491
|
-
verbiage =
|
|
12492
|
-
|
|
12493
|
-
debugMode =
|
|
12494
|
-
var
|
|
12495
|
-
submissionResponse =
|
|
12496
|
-
livenessCheckRequest =
|
|
12497
|
-
setSelfieImage =
|
|
12498
|
-
logSelfieCaptureAttempt =
|
|
12499
|
-
var
|
|
12558
|
+
_q = _a.assets,
|
|
12559
|
+
assets = _q === void 0 ? {} : _q,
|
|
12560
|
+
_r = _a.classNames,
|
|
12561
|
+
classNames = _r === void 0 ? {} : _r,
|
|
12562
|
+
_s = _a.colors,
|
|
12563
|
+
colors = _s === void 0 ? {} : _s,
|
|
12564
|
+
_t = _a.verbiage,
|
|
12565
|
+
verbiage = _t === void 0 ? {} : _t,
|
|
12566
|
+
_u = _a.debugMode,
|
|
12567
|
+
debugMode = _u === void 0 ? false : _u;
|
|
12568
|
+
var _v = useContext(SubmissionContext),
|
|
12569
|
+
submissionResponse = _v.submissionResponse,
|
|
12570
|
+
livenessCheckRequest = _v.livenessCheckRequest,
|
|
12571
|
+
setSelfieImage = _v.setSelfieImage,
|
|
12572
|
+
logSelfieCaptureAttempt = _v.logSelfieCaptureAttempt;
|
|
12573
|
+
var _w = useCameraStore(useShallow(function (state) {
|
|
12500
12574
|
return {
|
|
12501
12575
|
cameraAccessDenied: state.cameraAccessDenied,
|
|
12502
12576
|
requestCameraAccess: state.requestCameraAccess,
|
|
12503
12577
|
releaseCameraAccess: state.releaseCameraAccess
|
|
12504
12578
|
};
|
|
12505
12579
|
})),
|
|
12506
|
-
cameraAccessDenied =
|
|
12507
|
-
requestCameraAccess =
|
|
12508
|
-
releaseCameraAccess =
|
|
12509
|
-
var
|
|
12510
|
-
faceCropImageUrl =
|
|
12511
|
-
setFaceCropImageUrl =
|
|
12512
|
-
var
|
|
12513
|
-
retryCount =
|
|
12514
|
-
setRetryCount =
|
|
12515
|
-
var
|
|
12516
|
-
captureState =
|
|
12517
|
-
setCaptureState =
|
|
12580
|
+
cameraAccessDenied = _w.cameraAccessDenied,
|
|
12581
|
+
requestCameraAccess = _w.requestCameraAccess,
|
|
12582
|
+
releaseCameraAccess = _w.releaseCameraAccess;
|
|
12583
|
+
var _x = useState(''),
|
|
12584
|
+
faceCropImageUrl = _x[0],
|
|
12585
|
+
setFaceCropImageUrl = _x[1];
|
|
12586
|
+
var _y = useState(0),
|
|
12587
|
+
retryCount = _y[0],
|
|
12588
|
+
setRetryCount = _y[1];
|
|
12589
|
+
var _z = useState('LOADING'),
|
|
12590
|
+
captureState = _z[0],
|
|
12591
|
+
setCaptureState = _z[1];
|
|
12518
12592
|
var captureStartedAt = useRef();
|
|
12519
12593
|
var operationStartedAt = useRef();
|
|
12520
12594
|
var livenessScore = useRef();
|
|
12521
|
-
var
|
|
12522
|
-
start =
|
|
12523
|
-
stop =
|
|
12595
|
+
var _0 = useContext(SelfieGuidanceModelsContext),
|
|
12596
|
+
start = _0.start,
|
|
12597
|
+
stop = _0.stop;
|
|
12524
12598
|
useEffect(function () {
|
|
12525
12599
|
if (precapturedDocuments === null || precapturedDocuments === void 0 ? void 0 : precapturedDocuments.selfie) {
|
|
12526
12600
|
setSelfieImage(precapturedDocuments.selfie.imageData);
|
|
@@ -12604,9 +12678,9 @@ var FaceLivenessWizard = function FaceLivenessWizard(_a) {
|
|
|
12604
12678
|
}
|
|
12605
12679
|
onDenied === null || onDenied === void 0 ? void 0 : onDenied(submissionResponse, livenessCheckRequest);
|
|
12606
12680
|
}, [allowLivenessFailure, onDenied, submissionResponse, livenessCheckRequest]);
|
|
12607
|
-
var
|
|
12608
|
-
attempt =
|
|
12609
|
-
setAttempt =
|
|
12681
|
+
var _1 = useState(0),
|
|
12682
|
+
attempt = _1[0],
|
|
12683
|
+
setAttempt = _1[1];
|
|
12610
12684
|
var onExitCallback = useCallback(function () {
|
|
12611
12685
|
setAttempt(function (n) {
|
|
12612
12686
|
return n + 1;
|
|
@@ -12654,8 +12728,10 @@ var FaceLivenessWizard = function FaceLivenessWizard(_a) {
|
|
|
12654
12728
|
}, [livenessCheckRequest, onExitAfterFailure, releaseCameraAccess, releaseCameraAccessOnExit, submissionResponse]);
|
|
12655
12729
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(InvisibleCanvas, {
|
|
12656
12730
|
ref: resizeCanvas
|
|
12657
|
-
}),
|
|
12658
|
-
className: (_b = classNames.capture) === null || _b === void 0 ? void 0 : _b.
|
|
12731
|
+
}), /*#__PURE__*/React__default.createElement(PageContainer, {
|
|
12732
|
+
className: "flex ".concat((_c = (_b = classNames.capture) === null || _b === void 0 ? void 0 : _b.container) !== null && _c !== void 0 ? _c : '')
|
|
12733
|
+
}, renderCameraFeed && ( /*#__PURE__*/React__default.createElement(CameraVideoTag, {
|
|
12734
|
+
className: (_d = classNames.capture) === null || _d === void 0 ? void 0 : _d.cameraFeed
|
|
12659
12735
|
})), captureState !== 'LOADING' && function () {
|
|
12660
12736
|
switch (captureState) {
|
|
12661
12737
|
case 'CAPTURING':
|
|
@@ -12705,7 +12781,7 @@ var FaceLivenessWizard = function FaceLivenessWizard(_a) {
|
|
|
12705
12781
|
default:
|
|
12706
12782
|
return null;
|
|
12707
12783
|
}
|
|
12708
|
-
}(), /*#__PURE__*/React__default.createElement(SelfieCaptureLoadingOverlay, {
|
|
12784
|
+
}()), /*#__PURE__*/React__default.createElement(SelfieCaptureLoadingOverlay, {
|
|
12709
12785
|
key: attempt,
|
|
12710
12786
|
mode: loadingOverlayMode,
|
|
12711
12787
|
customOverlayContent: customOverlayContent,
|
|
@@ -12832,11 +12908,11 @@ var AdditionalDocumentCapture = function AdditionalDocumentCapture(_a) {
|
|
|
12832
12908
|
}
|
|
12833
12909
|
}, verbiage.captureBtnText)))));
|
|
12834
12910
|
};
|
|
12835
|
-
var Inner$2 = styled(OverlayInner$2)(templateObject_1$
|
|
12836
|
-
var Heading$4 = styled.h3(templateObject_2$
|
|
12911
|
+
var Inner$2 = styled(OverlayInner$2)(templateObject_1$c || (templateObject_1$c = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
12912
|
+
var Heading$4 = styled.h3(templateObject_2$a || (templateObject_2$a = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
12837
12913
|
var Description = styled.p(templateObject_3$a || (templateObject_3$a = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
12838
|
-
var StyledButtonsRow$4 = styled(ButtonsRow
|
|
12839
|
-
var templateObject_1$
|
|
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$c, templateObject_2$a, templateObject_3$a, templateObject_4$5;
|
|
12840
12916
|
|
|
12841
12917
|
var AdditionalDocumentCaptureWizard = function AdditionalDocumentCaptureWizard(_a) {
|
|
12842
12918
|
var documents = _a.documents,
|
|
@@ -12986,7 +13062,7 @@ function convertSVGtoImg(svgData_1) {
|
|
|
12986
13062
|
});
|
|
12987
13063
|
}
|
|
12988
13064
|
|
|
12989
|
-
var SignaturePaperBacking = styled.div(templateObject_1$
|
|
13065
|
+
var SignaturePaperBacking = styled.div(templateObject_1$b || (templateObject_1$b = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n ", "\n ", "\n ", "\n"], ["\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n ", "\n ", "\n ", "\n"])), function (props) {
|
|
12990
13066
|
var _a, _b;
|
|
12991
13067
|
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, ";") : "";
|
|
12992
13068
|
}, function (props) {
|
|
@@ -12996,7 +13072,7 @@ var SignaturePaperBacking = styled.div(templateObject_1$c || (templateObject_1$c
|
|
|
12996
13072
|
var _a, _b;
|
|
12997
13073
|
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, ";") : "";
|
|
12998
13074
|
});
|
|
12999
|
-
var SignatureCanvasContainer$1 = styled.div(templateObject_2$
|
|
13075
|
+
var SignatureCanvasContainer$1 = styled.div(templateObject_2$9 || (templateObject_2$9 = __makeTemplateObject(["\n position: absolute;\n top: 25%;\n left: 15%;\n width: 70%;\n height: 50%;\n\n @media (max-width: 800px) {\n top: 15%;\n left: 2%;\n width: 96%;\n height: 70%;\n }\n"], ["\n position: absolute;\n top: 25%;\n left: 15%;\n width: 70%;\n height: 50%;\n\n @media (max-width: 800px) {\n top: 15%;\n left: 2%;\n width: 96%;\n height: 70%;\n }\n"])));
|
|
13000
13076
|
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) {
|
|
13001
13077
|
var _a, _b, _c;
|
|
13002
13078
|
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)';
|
|
@@ -13007,35 +13083,8 @@ var SignaturePad = styled.div(templateObject_3$9 || (templateObject_3$9 = __make
|
|
|
13007
13083
|
var _a, _b, _c;
|
|
13008
13084
|
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';
|
|
13009
13085
|
});
|
|
13010
|
-
var SignatureButtonsContainer = styled(ButtonsRow
|
|
13011
|
-
var templateObject_1$
|
|
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;
|
|
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$b, templateObject_2$9, templateObject_3$9, templateObject_4$4;
|
|
13039
13088
|
|
|
13040
13089
|
var SignatureCapture = function SignatureCapture(_a) {
|
|
13041
13090
|
var onAccept = _a.onAccept,
|
|
@@ -13070,7 +13119,7 @@ var SignatureCapture = function SignatureCapture(_a) {
|
|
|
13070
13119
|
});
|
|
13071
13120
|
});
|
|
13072
13121
|
}
|
|
13073
|
-
return /*#__PURE__*/React__default.createElement(
|
|
13122
|
+
return /*#__PURE__*/React__default.createElement(PageContainer, {
|
|
13074
13123
|
className: classNames.container
|
|
13075
13124
|
}, /*#__PURE__*/React__default.createElement(SignaturePaperBacking, {
|
|
13076
13125
|
className: classNames.inner
|
|
@@ -13577,7 +13626,7 @@ function VideoSignatureGuides(_a) {
|
|
|
13577
13626
|
finished: true
|
|
13578
13627
|
}, verbiage.acceptSignatureBtnText))))));
|
|
13579
13628
|
}
|
|
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
|
|
13629
|
+
var Container$1 = styled.div(templateObject_1$9 || (templateObject_1$9 = __makeTemplateObject(["\n display: flex;\n max-height: 100%;\n position: absolute;\n z-index: 1000;\n width: 100dvw;\n height: 100dvh;\n font-family: ", ";\n box-sizing: border-box;\n overflow: hidden;\n padding: 40px;\n"], ["\n display: flex;\n max-height: 100%;\n position: absolute;\n z-index: 1000;\n width: 100dvw;\n height: 100dvh;\n font-family: ", ";\n box-sizing: border-box;\n overflow: hidden;\n padding: 40px;\n"])), function (props) {
|
|
13581
13630
|
var _a;
|
|
13582
13631
|
return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
|
|
13583
13632
|
});
|
|
@@ -13593,34 +13642,35 @@ var templateObject_1$9, templateObject_2$8, templateObject_3$8, templateObject_4
|
|
|
13593
13642
|
|
|
13594
13643
|
var DEFAULT_MIN_SIGNATURE_PAD_POINTS = 10;
|
|
13595
13644
|
var VideoSignatureCapture = function VideoSignatureCapture(_a) {
|
|
13645
|
+
var _b;
|
|
13596
13646
|
var onVideoCaptured = _a.onVideoCaptured,
|
|
13597
13647
|
onFaceNotDetected = _a.onFaceNotDetected,
|
|
13598
13648
|
onExit = _a.onExit,
|
|
13599
|
-
|
|
13600
|
-
restartVideoOnSignaturePadCleared =
|
|
13649
|
+
_c = _a.restartVideoOnSignaturePadCleared,
|
|
13650
|
+
restartVideoOnSignaturePadCleared = _c === void 0 ? true : _c,
|
|
13601
13651
|
guidesComponent = _a.guidesComponent,
|
|
13602
|
-
|
|
13603
|
-
minSignaturePadPoints =
|
|
13604
|
-
|
|
13605
|
-
classNames =
|
|
13606
|
-
|
|
13607
|
-
colors =
|
|
13608
|
-
|
|
13609
|
-
rawVerbiage =
|
|
13610
|
-
|
|
13611
|
-
debugMode =
|
|
13652
|
+
_d = _a.minSignaturePadPoints,
|
|
13653
|
+
minSignaturePadPoints = _d === void 0 ? DEFAULT_MIN_SIGNATURE_PAD_POINTS : _d,
|
|
13654
|
+
_e = _a.classNames,
|
|
13655
|
+
classNames = _e === void 0 ? {} : _e,
|
|
13656
|
+
_f = _a.colors,
|
|
13657
|
+
colors = _f === void 0 ? {} : _f,
|
|
13658
|
+
_g = _a.verbiage,
|
|
13659
|
+
rawVerbiage = _g === void 0 ? {} : _g,
|
|
13660
|
+
_h = _a.debugMode,
|
|
13661
|
+
debugMode = _h === void 0 ? false : _h;
|
|
13612
13662
|
var camera = useCameraStore(function (state) {
|
|
13613
13663
|
return state.camera;
|
|
13614
13664
|
});
|
|
13615
13665
|
var onPredictionMade = useContext(SelfieGuidanceModelsContext).onPredictionMade;
|
|
13616
|
-
var
|
|
13617
|
-
signatureData =
|
|
13618
|
-
signatureDataUrl =
|
|
13619
|
-
signatureVideoData =
|
|
13620
|
-
startRecording =
|
|
13621
|
-
stopRecording =
|
|
13622
|
-
clearRecordedData =
|
|
13623
|
-
isRecording =
|
|
13666
|
+
var _j = useVideoSignatureContext(),
|
|
13667
|
+
signatureData = _j.signatureData,
|
|
13668
|
+
signatureDataUrl = _j.signatureDataUrl,
|
|
13669
|
+
signatureVideoData = _j.signatureVideoData,
|
|
13670
|
+
startRecording = _j.startRecording,
|
|
13671
|
+
stopRecording = _j.stopRecording,
|
|
13672
|
+
clearRecordedData = _j.clearRecordedData,
|
|
13673
|
+
isRecording = _j.isRecording;
|
|
13624
13674
|
useEffect(function () {
|
|
13625
13675
|
startRecording();
|
|
13626
13676
|
return stopRecording;
|
|
@@ -13635,9 +13685,9 @@ var VideoSignatureCapture = function VideoSignatureCapture(_a) {
|
|
|
13635
13685
|
onVideoCaptured === null || onVideoCaptured === void 0 ? void 0 : onVideoCaptured(signatureVideoData, signatureData, signatureDataUrl);
|
|
13636
13686
|
}
|
|
13637
13687
|
}, [onVideoCaptured, signatureData, signatureDataUrl, signatureVideoData]);
|
|
13638
|
-
var
|
|
13639
|
-
numFramesWithoutFaces =
|
|
13640
|
-
setNumFramesWithoutFaces =
|
|
13688
|
+
var _k = useState(0),
|
|
13689
|
+
numFramesWithoutFaces = _k[0],
|
|
13690
|
+
setNumFramesWithoutFaces = _k[1];
|
|
13641
13691
|
useEffect(function () {
|
|
13642
13692
|
onPredictionMade(function (_a) {
|
|
13643
13693
|
var face = _a.face;
|
|
@@ -13652,8 +13702,8 @@ var VideoSignatureCapture = function VideoSignatureCapture(_a) {
|
|
|
13652
13702
|
}
|
|
13653
13703
|
}, [numFramesWithoutFaces, onFaceNotDetected]);
|
|
13654
13704
|
var GuidesComponent = guidesComponent !== null && guidesComponent !== void 0 ? guidesComponent : VideoSignatureGuides;
|
|
13655
|
-
return /*#__PURE__*/React__default.createElement(
|
|
13656
|
-
className: classNames.container
|
|
13705
|
+
return /*#__PURE__*/React__default.createElement(PageContainer, {
|
|
13706
|
+
className: "flex ".concat((_b = classNames.container) !== null && _b !== void 0 ? _b : '')
|
|
13657
13707
|
}, verbiage.guidanceMessageText && ( /*#__PURE__*/React__default.createElement(GuidanceMessageContainer, {
|
|
13658
13708
|
"$top": "10vh",
|
|
13659
13709
|
className: classNames.guidanceMessageContainer
|
|
@@ -13711,7 +13761,7 @@ var VideoSignatureSuccess = function VideoSignatureSuccess(_a) {
|
|
|
13711
13761
|
style: {
|
|
13712
13762
|
display: 'none'
|
|
13713
13763
|
}
|
|
13714
|
-
})), /*#__PURE__*/React__default.createElement(ButtonsRow
|
|
13764
|
+
})), /*#__PURE__*/React__default.createElement(ButtonsRow, {
|
|
13715
13765
|
className: classNames.buttonsRow
|
|
13716
13766
|
}, /*#__PURE__*/React__default.createElement(LoaderButton, {
|
|
13717
13767
|
variant: "warning",
|
|
@@ -13731,56 +13781,57 @@ var StyledVideo$1 = styled.video(templateObject_1$8 || (templateObject_1$8 = __m
|
|
|
13731
13781
|
var templateObject_1$8;
|
|
13732
13782
|
|
|
13733
13783
|
var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
13784
|
+
var _b;
|
|
13734
13785
|
var onComplete = _a.onComplete,
|
|
13735
13786
|
onVideoCaptured = _a.onVideoCaptured,
|
|
13736
13787
|
onRetryClicked = _a.onRetryClicked,
|
|
13737
13788
|
onExitCapture = _a.onExitCapture,
|
|
13738
13789
|
onUserCancel = _a.onUserCancel,
|
|
13739
13790
|
onLoadingOverlayDismissed = _a.onLoadingOverlayDismissed,
|
|
13740
|
-
|
|
13741
|
-
loadingOverlayMode =
|
|
13791
|
+
_c = _a.loadingOverlayMode,
|
|
13792
|
+
loadingOverlayMode = _c === void 0 ? 'default' : _c,
|
|
13742
13793
|
customOverlayContent = _a.customOverlayContent,
|
|
13743
|
-
|
|
13744
|
-
skipSuccessScreen =
|
|
13745
|
-
|
|
13746
|
-
captureAudio =
|
|
13747
|
-
|
|
13748
|
-
minSignaturePadPoints =
|
|
13749
|
-
|
|
13750
|
-
allowSignatureAfterLivenessCheckFailure =
|
|
13751
|
-
|
|
13752
|
-
restartVideoOnSignaturePadCleared =
|
|
13794
|
+
_d = _a.skipSuccessScreen,
|
|
13795
|
+
skipSuccessScreen = _d === void 0 ? false : _d,
|
|
13796
|
+
_e = _a.captureAudio,
|
|
13797
|
+
captureAudio = _e === void 0 ? false : _e,
|
|
13798
|
+
_f = _a.minSignaturePadPoints,
|
|
13799
|
+
minSignaturePadPoints = _f === void 0 ? DEFAULT_MIN_SIGNATURE_PAD_POINTS : _f,
|
|
13800
|
+
_g = _a.allowSignatureAfterLivenessCheckFailure,
|
|
13801
|
+
allowSignatureAfterLivenessCheckFailure = _g === void 0 ? false : _g,
|
|
13802
|
+
_h = _a.restartVideoOnSignaturePadCleared,
|
|
13803
|
+
restartVideoOnSignaturePadCleared = _h === void 0 ? true : _h,
|
|
13753
13804
|
faceLivenessProps = _a.faceLivenessProps,
|
|
13754
|
-
|
|
13755
|
-
assets =
|
|
13756
|
-
|
|
13757
|
-
classNames =
|
|
13758
|
-
|
|
13759
|
-
colors =
|
|
13760
|
-
|
|
13761
|
-
verbiage =
|
|
13762
|
-
|
|
13763
|
-
debugMode =
|
|
13764
|
-
var
|
|
13765
|
-
selfieImage =
|
|
13766
|
-
setSelfieImage =
|
|
13767
|
-
setSignatureData =
|
|
13768
|
-
setSignatureVideoUrl =
|
|
13769
|
-
logSelfieCaptureAttempt =
|
|
13805
|
+
_j = _a.assets,
|
|
13806
|
+
assets = _j === void 0 ? {} : _j,
|
|
13807
|
+
_k = _a.classNames,
|
|
13808
|
+
classNames = _k === void 0 ? {} : _k,
|
|
13809
|
+
_l = _a.colors,
|
|
13810
|
+
colors = _l === void 0 ? {} : _l,
|
|
13811
|
+
_m = _a.verbiage,
|
|
13812
|
+
verbiage = _m === void 0 ? {} : _m,
|
|
13813
|
+
_o = _a.debugMode,
|
|
13814
|
+
debugMode = _o === void 0 ? false : _o;
|
|
13815
|
+
var _p = useContext(SubmissionContext),
|
|
13816
|
+
selfieImage = _p.selfieImage,
|
|
13817
|
+
setSelfieImage = _p.setSelfieImage,
|
|
13818
|
+
setSignatureData = _p.setSignatureData,
|
|
13819
|
+
setSignatureVideoUrl = _p.setSignatureVideoUrl,
|
|
13820
|
+
logSelfieCaptureAttempt = _p.logSelfieCaptureAttempt;
|
|
13770
13821
|
var cameraAccessDenied = useCameraStore(useShallow(function (state) {
|
|
13771
13822
|
return {
|
|
13772
13823
|
cameraAccessDenied: state.cameraAccessDenied
|
|
13773
13824
|
};
|
|
13774
13825
|
})).cameraAccessDenied;
|
|
13775
|
-
var
|
|
13776
|
-
captureState =
|
|
13777
|
-
setCaptureState =
|
|
13826
|
+
var _q = useState('CHECKING_LIVENESS'),
|
|
13827
|
+
captureState = _q[0],
|
|
13828
|
+
setCaptureState = _q[1];
|
|
13778
13829
|
var operationStartedAt = useRef();
|
|
13779
13830
|
var captureStartedAt = useRef();
|
|
13780
13831
|
var captureEndedAt = useRef();
|
|
13781
|
-
var
|
|
13782
|
-
start =
|
|
13783
|
-
stop =
|
|
13832
|
+
var _r = useContext(SelfieGuidanceModelsContext),
|
|
13833
|
+
start = _r.start,
|
|
13834
|
+
stop = _r.stop;
|
|
13784
13835
|
useEffect(function () {
|
|
13785
13836
|
operationStartedAt.current = new Date();
|
|
13786
13837
|
}, []);
|
|
@@ -13816,9 +13867,9 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
|
13816
13867
|
setSelfieImage(selfieFromRequest);
|
|
13817
13868
|
}
|
|
13818
13869
|
}, [logCaptureMetadata, onFaceLivenessSuccessProp, selfieImage, setSelfieImage]);
|
|
13819
|
-
var
|
|
13820
|
-
signatureImageUrl =
|
|
13821
|
-
setSignatureImageUrl =
|
|
13870
|
+
var _s = useState(null),
|
|
13871
|
+
signatureImageUrl = _s[0],
|
|
13872
|
+
setSignatureImageUrl = _s[1];
|
|
13822
13873
|
var onSignatureCaptureCompleted = useCallback(function (videoData, signatureData, signatureImageData) {
|
|
13823
13874
|
setSignatureData(signatureData);
|
|
13824
13875
|
setSignatureVideoUrl(URL.createObjectURL(videoData));
|
|
@@ -13829,9 +13880,9 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
|
13829
13880
|
var onSignatureCaptureFacesNotDetected = useCallback(function () {
|
|
13830
13881
|
setCaptureState('CHECKING_LIVENESS');
|
|
13831
13882
|
}, []);
|
|
13832
|
-
var
|
|
13833
|
-
attempt =
|
|
13834
|
-
setAttempt =
|
|
13883
|
+
var _t = useState(0),
|
|
13884
|
+
attempt = _t[0],
|
|
13885
|
+
setAttempt = _t[1];
|
|
13835
13886
|
var onRetry = useCallback(function () {
|
|
13836
13887
|
onRetryClicked === null || onRetryClicked === void 0 ? void 0 : onRetryClicked();
|
|
13837
13888
|
setAttempt(function (n) {
|
|
@@ -13868,6 +13919,8 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
|
13868
13919
|
}, [faceLivenessOnLoadingOverlayDismissed, onLoadingOverlayDismissed]);
|
|
13869
13920
|
return /*#__PURE__*/React__default.createElement(VideoSignatureContextProvider, {
|
|
13870
13921
|
captureAudio: captureAudio
|
|
13922
|
+
}, /*#__PURE__*/React__default.createElement(PageContainer, {
|
|
13923
|
+
className: "flex ".concat((_b = classNames === null || classNames === void 0 ? void 0 : classNames.container) !== null && _b !== void 0 ? _b : '')
|
|
13871
13924
|
}, /*#__PURE__*/React__default.createElement(CameraVideoTag, {
|
|
13872
13925
|
className: classNames.cameraFeed
|
|
13873
13926
|
}), function () {
|
|
@@ -13917,7 +13970,7 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
|
13917
13970
|
default:
|
|
13918
13971
|
return null;
|
|
13919
13972
|
}
|
|
13920
|
-
}());
|
|
13973
|
+
}()));
|
|
13921
13974
|
};
|
|
13922
13975
|
function VideoSignatureWizardGuides(_a) {
|
|
13923
13976
|
var status = _a.status,
|
|
@@ -14083,7 +14136,7 @@ var IdVideoCaptureGuides = function IdVideoCaptureGuides(_a) {
|
|
|
14083
14136
|
"$background": (_y = (_x = theme.idVideoCapture) === null || _x === void 0 ? void 0 : _x.idCardGuides) === null || _y === void 0 ? void 0 : _y.instructionsBackgroundColor
|
|
14084
14137
|
}, instructionText))))));
|
|
14085
14138
|
};
|
|
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
|
|
14139
|
+
var Container = styled.div(templateObject_1$7 || (templateObject_1$7 = __makeTemplateObject(["\n display: flex;\n max-height: 100%;\n position: absolute;\n z-index: 1000;\n width: 100dvw;\n height: 100dvh;\n font-family: ", ";\n box-sizing: border-box;\n overflow: hidden;\n padding: 40px;\n"], ["\n display: flex;\n max-height: 100%;\n position: absolute;\n z-index: 1000;\n width: 100dvw;\n height: 100dvh;\n font-family: ", ";\n box-sizing: border-box;\n overflow: hidden;\n padding: 40px;\n"])), function (props) {
|
|
14087
14140
|
var _a;
|
|
14088
14141
|
return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
|
|
14089
14142
|
});
|
|
@@ -14091,7 +14144,7 @@ var Inner = styled.div(templateObject_2$7 || (templateObject_2$7 = __makeTemplat
|
|
|
14091
14144
|
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"])));
|
|
14092
14145
|
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"])));
|
|
14093
14146
|
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"])));
|
|
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:
|
|
14147
|
+
var IdCardGuideInstructionsContainer = styled.div(templateObject_6$1 || (templateObject_6$1 = __makeTemplateObject(["\n width: 100%;\n text-align: center;\n color: white;\n display: flex;\n flex-direction: column;\n justify-content: end;\n padding: 0 40px;\n position: fixed;\n bottom: 14px;\n left: 0;\n right: 0;\n box-sizing: border-box;\n"], ["\n width: 100%;\n text-align: center;\n color: white;\n display: flex;\n flex-direction: column;\n justify-content: end;\n padding: 0 40px;\n position: fixed;\n bottom: 14px;\n left: 0;\n right: 0;\n box-sizing: border-box;\n"])));
|
|
14095
14148
|
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"])));
|
|
14096
14149
|
var templateObject_1$7, templateObject_2$7, templateObject_3$7, templateObject_4$2, templateObject_5$1, templateObject_6$1, templateObject_7;
|
|
14097
14150
|
|
|
@@ -14183,7 +14236,7 @@ var ReadTextPromptText = styled.div(templateObject_3$6 || (templateObject_3$6 =
|
|
|
14183
14236
|
var _a, _b, _c, _d, _e, _f;
|
|
14184
14237
|
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, ";") : "";
|
|
14185
14238
|
});
|
|
14186
|
-
var ReadTextPromptButtonsRow = styled(ButtonsRow
|
|
14239
|
+
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"])));
|
|
14187
14240
|
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) {
|
|
14188
14241
|
var _a, _b, _c, _d, _e, _f;
|
|
14189
14242
|
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, ";") : "";
|
|
@@ -14232,103 +14285,103 @@ var defaultVideoIdCaptureThresholds = {
|
|
|
14232
14285
|
flipShortcutThreshold: 0.7
|
|
14233
14286
|
};
|
|
14234
14287
|
var IdVideoCapture = function IdVideoCapture(_a) {
|
|
14235
|
-
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
|
|
14288
|
+
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
|
|
14236
14289
|
var onComplete = _a.onComplete,
|
|
14237
14290
|
onIdFrontImageCaptured = _a.onIdFrontImageCaptured,
|
|
14238
14291
|
onIdBackImageCaptured = _a.onIdBackImageCaptured,
|
|
14239
14292
|
onFaceNotDetected = _a.onFaceNotDetected,
|
|
14240
14293
|
onRecordingFailed = _a.onRecordingFailed,
|
|
14241
14294
|
onExitCapture = _a.onExitCapture,
|
|
14242
|
-
|
|
14243
|
-
idCaptureModelsEnabled =
|
|
14244
|
-
|
|
14245
|
-
idDocumentType =
|
|
14246
|
-
|
|
14247
|
-
idCaptureGuideImages =
|
|
14248
|
-
|
|
14249
|
-
idCardFrontDelay =
|
|
14250
|
-
|
|
14251
|
-
videoIdCaptureThresholds =
|
|
14252
|
-
|
|
14253
|
-
skipShowIdCardBack =
|
|
14254
|
-
|
|
14255
|
-
captureCountdownSeconds =
|
|
14295
|
+
_w = _a.idCaptureModelsEnabled,
|
|
14296
|
+
idCaptureModelsEnabled = _w === void 0 ? true : _w,
|
|
14297
|
+
_x = _a.idDocumentType,
|
|
14298
|
+
idDocumentType = _x === void 0 ? 'idCard' : _x,
|
|
14299
|
+
_y = _a.idCaptureGuideImages,
|
|
14300
|
+
idCaptureGuideImages = _y === void 0 ? defaultIdCaptureGuideImages : _y,
|
|
14301
|
+
_z = _a.idCardFrontDelay,
|
|
14302
|
+
idCardFrontDelay = _z === void 0 ? 1000 : _z,
|
|
14303
|
+
_0 = _a.videoIdCaptureThresholds,
|
|
14304
|
+
videoIdCaptureThresholds = _0 === void 0 ? defaultVideoIdCaptureThresholds : _0,
|
|
14305
|
+
_1 = _a.skipShowIdCardBack,
|
|
14306
|
+
skipShowIdCardBack = _1 === void 0 ? false : _1,
|
|
14307
|
+
_2 = _a.captureCountdownSeconds,
|
|
14308
|
+
captureCountdownSeconds = _2 === void 0 ? 3 : _2,
|
|
14256
14309
|
readTextPrompt = _a.readTextPrompt,
|
|
14257
|
-
|
|
14258
|
-
readTextTimeoutDurationMs =
|
|
14259
|
-
|
|
14260
|
-
readTextMinReadingMs =
|
|
14261
|
-
|
|
14262
|
-
disableFaceDetectionWhileAudioCapture =
|
|
14263
|
-
|
|
14264
|
-
disableFaceDetectionWhileAudioCaptureMsDelay =
|
|
14265
|
-
|
|
14266
|
-
mergeAVStreams =
|
|
14267
|
-
|
|
14268
|
-
classNames =
|
|
14269
|
-
|
|
14270
|
-
colors =
|
|
14271
|
-
|
|
14272
|
-
rawVerbiage =
|
|
14273
|
-
|
|
14274
|
-
debugMode =
|
|
14275
|
-
var
|
|
14276
|
-
ref =
|
|
14277
|
-
|
|
14278
|
-
width =
|
|
14279
|
-
|
|
14280
|
-
height =
|
|
14281
|
-
var
|
|
14282
|
-
camera =
|
|
14283
|
-
videoRef =
|
|
14284
|
-
videoLoaded =
|
|
14285
|
-
cameraReady =
|
|
14286
|
-
microphoneReady =
|
|
14287
|
-
audioStream =
|
|
14288
|
-
isRearFacing =
|
|
14289
|
-
releaseCameraAccess =
|
|
14290
|
-
var
|
|
14291
|
-
detectedObjects =
|
|
14292
|
-
setDetectedObjects =
|
|
14293
|
-
var
|
|
14294
|
-
face =
|
|
14295
|
-
setFace =
|
|
14296
|
-
var
|
|
14297
|
-
idModelsReady =
|
|
14298
|
-
startIdModels =
|
|
14299
|
-
stopIdModels =
|
|
14300
|
-
onIdPredictionMade =
|
|
14301
|
-
setThresholds =
|
|
14302
|
-
setRequiredDocumentType =
|
|
14303
|
-
setDocumentDetectionBoundaries =
|
|
14304
|
-
bestFrameDetails =
|
|
14305
|
-
resetBestFrame =
|
|
14306
|
-
idModelError =
|
|
14307
|
-
var
|
|
14308
|
-
videoStartsAt =
|
|
14309
|
-
setVideoStartsAt =
|
|
14310
|
-
var
|
|
14311
|
-
setIdCaptureVideoAudioStartsAt =
|
|
14312
|
-
setExpectedAudioText =
|
|
14313
|
-
var
|
|
14314
|
-
startSelfieGuidance =
|
|
14315
|
-
stopSelfieGuidance =
|
|
14316
|
-
onSelfiePredictionMade =
|
|
14317
|
-
selfieModelError =
|
|
14318
|
-
var
|
|
14319
|
-
isRecordingVideo =
|
|
14320
|
-
startRecordingVideo =
|
|
14321
|
-
startRecordingAudio =
|
|
14322
|
-
stopRecordingVideo =
|
|
14323
|
-
stopRecordingAudio =
|
|
14324
|
-
videoRecordingUnintentionallyStopped =
|
|
14325
|
-
audioRecordingUnintentionallyStopped =
|
|
14326
|
-
videoUrl =
|
|
14327
|
-
audioUrl =
|
|
14310
|
+
_3 = _a.readTextTimeoutDurationMs,
|
|
14311
|
+
readTextTimeoutDurationMs = _3 === void 0 ? 15000 : _3,
|
|
14312
|
+
_4 = _a.readTextMinReadingMs,
|
|
14313
|
+
readTextMinReadingMs = _4 === void 0 ? 10000 : _4,
|
|
14314
|
+
_5 = _a.disableFaceDetectionWhileAudioCapture,
|
|
14315
|
+
disableFaceDetectionWhileAudioCapture = _5 === void 0 ? false : _5,
|
|
14316
|
+
_6 = _a.disableFaceDetectionWhileAudioCaptureMsDelay,
|
|
14317
|
+
disableFaceDetectionWhileAudioCaptureMsDelay = _6 === void 0 ? 2000 : _6,
|
|
14318
|
+
_7 = _a.mergeAVStreams,
|
|
14319
|
+
mergeAVStreams = _7 === void 0 ? false : _7,
|
|
14320
|
+
_8 = _a.classNames,
|
|
14321
|
+
classNames = _8 === void 0 ? {} : _8,
|
|
14322
|
+
_9 = _a.colors,
|
|
14323
|
+
colors = _9 === void 0 ? {} : _9,
|
|
14324
|
+
_10 = _a.verbiage,
|
|
14325
|
+
rawVerbiage = _10 === void 0 ? {} : _10,
|
|
14326
|
+
_11 = _a.debugMode,
|
|
14327
|
+
debugMode = _11 === void 0 ? false : _11;
|
|
14328
|
+
var _12 = useResizeObserver(),
|
|
14329
|
+
ref = _12.ref,
|
|
14330
|
+
_13 = _12.width,
|
|
14331
|
+
width = _13 === void 0 ? 1 : _13,
|
|
14332
|
+
_14 = _12.height,
|
|
14333
|
+
height = _14 === void 0 ? 1 : _14;
|
|
14334
|
+
var _15 = useCameraStore(),
|
|
14335
|
+
camera = _15.camera,
|
|
14336
|
+
videoRef = _15.videoRef,
|
|
14337
|
+
videoLoaded = _15.videoLoaded,
|
|
14338
|
+
cameraReady = _15.cameraReady,
|
|
14339
|
+
microphoneReady = _15.microphoneReady,
|
|
14340
|
+
audioStream = _15.audioStream,
|
|
14341
|
+
isRearFacing = _15.isRearFacing,
|
|
14342
|
+
releaseCameraAccess = _15.releaseCameraAccess;
|
|
14343
|
+
var _16 = useState([]),
|
|
14344
|
+
detectedObjects = _16[0],
|
|
14345
|
+
setDetectedObjects = _16[1];
|
|
14346
|
+
var _17 = useState(null),
|
|
14347
|
+
face = _17[0],
|
|
14348
|
+
setFace = _17[1];
|
|
14349
|
+
var _18 = useContext(IdCaptureModelsContext),
|
|
14350
|
+
idModelsReady = _18.ready,
|
|
14351
|
+
startIdModels = _18.start,
|
|
14352
|
+
stopIdModels = _18.stop,
|
|
14353
|
+
onIdPredictionMade = _18.onPredictionMade,
|
|
14354
|
+
setThresholds = _18.setThresholds,
|
|
14355
|
+
setRequiredDocumentType = _18.setRequiredDocumentType,
|
|
14356
|
+
setDocumentDetectionBoundaries = _18.setDocumentDetectionBoundaries,
|
|
14357
|
+
bestFrameDetails = _18.bestFrameDetails,
|
|
14358
|
+
resetBestFrame = _18.resetBestFrame,
|
|
14359
|
+
idModelError = _18.modelError;
|
|
14360
|
+
var _19 = useState(null),
|
|
14361
|
+
videoStartsAt = _19[0],
|
|
14362
|
+
setVideoStartsAt = _19[1];
|
|
14363
|
+
var _20 = useContext(SubmissionContext),
|
|
14364
|
+
setIdCaptureVideoAudioStartsAt = _20.setIdCaptureVideoAudioStartsAt,
|
|
14365
|
+
setExpectedAudioText = _20.setExpectedAudioText;
|
|
14366
|
+
var _21 = useContext(SelfieGuidanceModelsContext),
|
|
14367
|
+
startSelfieGuidance = _21.start,
|
|
14368
|
+
stopSelfieGuidance = _21.stop,
|
|
14369
|
+
onSelfiePredictionMade = _21.onPredictionMade,
|
|
14370
|
+
selfieModelError = _21.error;
|
|
14371
|
+
var _22 = useVideoRecorder(camera, audioStream, mergeAVStreams),
|
|
14372
|
+
isRecordingVideo = _22.isRecordingVideo,
|
|
14373
|
+
startRecordingVideo = _22.startRecordingVideo,
|
|
14374
|
+
startRecordingAudio = _22.startRecordingAudio,
|
|
14375
|
+
stopRecordingVideo = _22.stopRecordingVideo,
|
|
14376
|
+
stopRecordingAudio = _22.stopRecordingAudio,
|
|
14377
|
+
videoRecordingUnintentionallyStopped = _22.videoRecordingUnintentionallyStopped,
|
|
14378
|
+
audioRecordingUnintentionallyStopped = _22.audioRecordingUnintentionallyStopped,
|
|
14379
|
+
videoUrl = _22.videoUrl,
|
|
14380
|
+
audioUrl = _22.audioUrl;
|
|
14328
14381
|
var countdownTimeoutRef = useRef(undefined);
|
|
14329
|
-
var
|
|
14330
|
-
countdownRemaining =
|
|
14331
|
-
setCountdownRemaining =
|
|
14382
|
+
var _23 = useState(-1),
|
|
14383
|
+
countdownRemaining = _23[0],
|
|
14384
|
+
setCountdownRemaining = _23[1];
|
|
14332
14385
|
useEffect(function () {
|
|
14333
14386
|
if (!isRecordingVideo && !videoUrl) {
|
|
14334
14387
|
startRecordingVideo();
|
|
@@ -14348,9 +14401,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
14348
14401
|
onRecordingFailed === null || onRecordingFailed === void 0 ? void 0 : onRecordingFailed();
|
|
14349
14402
|
}
|
|
14350
14403
|
}, [audioRecordingUnintentionallyStopped, microphoneReady, onRecordingFailed, readTextPrompt, videoRecordingUnintentionallyStopped]);
|
|
14351
|
-
var
|
|
14352
|
-
requestedAction =
|
|
14353
|
-
setRequestedAction =
|
|
14404
|
+
var _24 = useState(idDocumentType === 'idCard' ? 'SHOW_ID_FRONT' : 'SHOW_PASSPORT'),
|
|
14405
|
+
requestedAction = _24[0],
|
|
14406
|
+
setRequestedAction = _24[1];
|
|
14354
14407
|
var shouldRunIdModels = idCaptureModelsEnabled && videoLoaded && cameraReady && idModelsReady && !idModelError && requestedAction !== 'READ_TEXT' && (!readTextPrompt || microphoneReady);
|
|
14355
14408
|
useEffect(function startModelsWhenCapturing() {
|
|
14356
14409
|
if (!shouldRunIdModels) return;
|
|
@@ -14389,23 +14442,23 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
14389
14442
|
bottom: 0
|
|
14390
14443
|
});
|
|
14391
14444
|
}, [setDocumentDetectionBoundaries]);
|
|
14392
|
-
var
|
|
14393
|
-
currentDetectionScore =
|
|
14394
|
-
setCurrentDetectionScore =
|
|
14395
|
-
var
|
|
14396
|
-
currentDetectedDocumentType =
|
|
14397
|
-
setCurrentDetectedDocumentType =
|
|
14398
|
-
var _26 = useState(0),
|
|
14399
|
-
currentFocusScore = _26[0],
|
|
14400
|
-
setCurrentFocusScore = _26[1];
|
|
14445
|
+
var _25 = useState(0),
|
|
14446
|
+
currentDetectionScore = _25[0],
|
|
14447
|
+
setCurrentDetectionScore = _25[1];
|
|
14448
|
+
var _26 = useState('none'),
|
|
14449
|
+
currentDetectedDocumentType = _26[0],
|
|
14450
|
+
setCurrentDetectedDocumentType = _26[1];
|
|
14401
14451
|
var _27 = useState(0),
|
|
14402
|
-
|
|
14403
|
-
|
|
14452
|
+
currentFocusScore = _27[0],
|
|
14453
|
+
setCurrentFocusScore = _27[1];
|
|
14454
|
+
var _28 = useState(0),
|
|
14455
|
+
goodFramesCount = _28[0],
|
|
14456
|
+
setGoodFramesCount = _28[1];
|
|
14404
14457
|
var goodFramesThreshold = requestedAction === 'SHOW_PASSPORT' ? adjustedThresholds.goodFrames.passport : requestedAction === 'SHOW_ID_FRONT' ? adjustedThresholds.goodFrames.idCardFront : adjustedThresholds.goodFrames.idCardBack;
|
|
14405
14458
|
var goodFramesThresholdMet = goodFramesCount >= goodFramesThreshold;
|
|
14406
|
-
var
|
|
14407
|
-
isSinglePage =
|
|
14408
|
-
setIsSinglePage =
|
|
14459
|
+
var _29 = useState(false),
|
|
14460
|
+
isSinglePage = _29[0],
|
|
14461
|
+
setIsSinglePage = _29[1];
|
|
14409
14462
|
useEffect(function () {
|
|
14410
14463
|
if (!idCaptureModelsEnabled || idModelError) return;
|
|
14411
14464
|
onIdPredictionMade(function (prediction) {
|
|
@@ -14425,9 +14478,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
14425
14478
|
} : 0);
|
|
14426
14479
|
});
|
|
14427
14480
|
}, [idCaptureModelsEnabled, onIdPredictionMade, idModelError, requestedAction, adjustedThresholds.flipShortcutThreshold]);
|
|
14428
|
-
var
|
|
14429
|
-
idFrontCaptureStartedAt =
|
|
14430
|
-
setFirstGoodFrameTime =
|
|
14481
|
+
var _30 = useState(null),
|
|
14482
|
+
idFrontCaptureStartedAt = _30[0],
|
|
14483
|
+
setFirstGoodFrameTime = _30[1];
|
|
14431
14484
|
useEffect(function () {
|
|
14432
14485
|
if (goodFramesCount === 1) setFirstGoodFrameTime(new Date().getTime());
|
|
14433
14486
|
}, [goodFramesCount]);
|
|
@@ -14448,9 +14501,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
14448
14501
|
var frameHeight = (_e = (_d = videoRef.current) === null || _d === void 0 ? void 0 : _d.videoHeight) !== null && _e !== void 0 ? _e : 0;
|
|
14449
14502
|
var faceBox = face === null || face === void 0 ? void 0 : face.box;
|
|
14450
14503
|
var faceCentered = !faceBox || !frameWidth || faceBox.xMin > frameWidth * edgeBoundary && faceBox.yMin > frameHeight * edgeBoundary && faceBox.xMax < frameWidth * (1 - edgeBoundary) && faceBox.yMax < frameHeight * (1 - edgeBoundary);
|
|
14451
|
-
var
|
|
14452
|
-
countdownStartedAt =
|
|
14453
|
-
setCountdownStartedAt =
|
|
14504
|
+
var _31 = useState(),
|
|
14505
|
+
countdownStartedAt = _31[0],
|
|
14506
|
+
setCountdownStartedAt = _31[1];
|
|
14454
14507
|
var photoCanvas = useRef(null);
|
|
14455
14508
|
var frameLock = useRef(false);
|
|
14456
14509
|
var captureFrame = useCallback(function () {
|
|
@@ -14560,9 +14613,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
14560
14613
|
stopSelfieGuidance();
|
|
14561
14614
|
};
|
|
14562
14615
|
}, [startSelfieGuidance, stopSelfieGuidance]);
|
|
14563
|
-
var
|
|
14564
|
-
numFramesWithoutFaces =
|
|
14565
|
-
setNumFramesWithoutFaces =
|
|
14616
|
+
var _32 = useState(0),
|
|
14617
|
+
numFramesWithoutFaces = _32[0],
|
|
14618
|
+
setNumFramesWithoutFaces = _32[1];
|
|
14566
14619
|
onSelfiePredictionMade(useThrottledCallback(useCallback(function (_a) {
|
|
14567
14620
|
var face = _a.face;
|
|
14568
14621
|
if (selfieModelError) return;
|
|
@@ -14578,12 +14631,12 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
14578
14631
|
}
|
|
14579
14632
|
}, [disableFaceDetectionWhileAudioCapture, disableFaceDetectionWhileAudioCaptureMsDelay, numFramesWithoutFaces, onFaceNotDetected, timeoutStartedAt]);
|
|
14580
14633
|
var theme = useTheme();
|
|
14581
|
-
var
|
|
14634
|
+
var _33 = useTranslations(rawVerbiage, {
|
|
14582
14635
|
faceNotCenteredText: 'Please move your face to the center...',
|
|
14583
14636
|
captureBtnText: 'Capture'
|
|
14584
14637
|
}),
|
|
14585
|
-
captureBtnText =
|
|
14586
|
-
faceNotCenteredText =
|
|
14638
|
+
captureBtnText = _33.captureBtnText,
|
|
14639
|
+
faceNotCenteredText = _33.faceNotCenteredText;
|
|
14587
14640
|
var debugScalingDetails = useDebugScalingDetails({
|
|
14588
14641
|
enabled: debugMode,
|
|
14589
14642
|
pageWidth: width,
|
|
@@ -14593,9 +14646,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
14593
14646
|
});
|
|
14594
14647
|
var capturingId = ['SHOW_ID_FRONT', 'SHOW_ID_BACK', 'SHOW_PASSPORT'].includes(requestedAction);
|
|
14595
14648
|
var guidanceText = !faceCentered ? faceNotCenteredText : undefined;
|
|
14596
|
-
return /*#__PURE__*/React__default.createElement(
|
|
14649
|
+
return /*#__PURE__*/React__default.createElement(PageContainer, {
|
|
14597
14650
|
ref: ref,
|
|
14598
|
-
className: classNames.container
|
|
14651
|
+
className: "flex ".concat((_k = classNames.container) !== null && _k !== void 0 ? _k : '')
|
|
14599
14652
|
}, /*#__PURE__*/React__default.createElement(InvisibleCanvas, {
|
|
14600
14653
|
ref: photoCanvas
|
|
14601
14654
|
}), requestedAction === 'READ_TEXT' ? ( /*#__PURE__*/React__default.createElement(ReadTextPrompt, {
|
|
@@ -14634,9 +14687,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
14634
14687
|
className: classNames.guidanceMessageContainer
|
|
14635
14688
|
}, /*#__PURE__*/React__default.createElement(GuidanceMessage, {
|
|
14636
14689
|
className: classNames.guidanceMessage,
|
|
14637
|
-
"$background": (
|
|
14638
|
-
"$textColor": (
|
|
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:", ' ', (
|
|
14690
|
+
"$background": (_o = (_m = (_l = theme.guidanceMessages) === null || _l === void 0 ? void 0 : _l.negative) === null || _m === void 0 ? void 0 : _m.backgroundColor) !== null && _o !== void 0 ? _o : 'red',
|
|
14691
|
+
"$textColor": (_r = (_q = (_p = theme.guidanceMessages) === null || _p === void 0 ? void 0 : _p.negative) === null || _q === void 0 ? void 0 : _q.textColor) !== null && _r !== void 0 ? _r : 'white'
|
|
14692
|
+
}, 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:", ' ', (_t = (_s = bestFrameDetails.current) === null || _s === void 0 ? void 0 : _s.detectionScore) !== null && _t !== void 0 ? _t : 0, /*#__PURE__*/React__default.createElement("br", null), "Best Frame Focus Score: ", (_v = (_u = bestFrameDetails.current) === null || _u === void 0 ? void 0 : _u.focusScore) !== null && _v !== void 0 ? _v : 0)), countdownRemaining > 0 && capturingId && ( /*#__PURE__*/React__default.createElement(CountdownContainer, {
|
|
14640
14693
|
className: classNames.countdownContainer
|
|
14641
14694
|
}, /*#__PURE__*/React__default.createElement(Countdown, {
|
|
14642
14695
|
className: classNames.countdown
|
|
@@ -14654,9 +14707,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
14654
14707
|
className: classNames.exitCaptureBtn
|
|
14655
14708
|
}));
|
|
14656
14709
|
};
|
|
14657
|
-
var CountdownContainer = styled.div(templateObject_1$5 || (templateObject_1$5 = __makeTemplateObject(["\n position:
|
|
14710
|
+
var CountdownContainer = styled.div(templateObject_1$5 || (templateObject_1$5 = __makeTemplateObject(["\n position: fixed;\n top: 0;\n left: 0;\n width: 100dvw;\n height: 100dvh;\n z-index: 99999;\n display: flex;\n"], ["\n position: fixed;\n top: 0;\n left: 0;\n width: 100dvw;\n height: 100dvh;\n z-index: 99999;\n display: flex;\n"])));
|
|
14658
14711
|
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"])));
|
|
14659
|
-
var CaptureButtonContainer = styled.div(templateObject_3$5 || (templateObject_3$5 = __makeTemplateObject(["\n position:
|
|
14712
|
+
var CaptureButtonContainer = styled.div(templateObject_3$5 || (templateObject_3$5 = __makeTemplateObject(["\n position: fixed;\n bottom: 0;\n width: 100dvw;\n display: flex;\n z-index: 100000;\n"], ["\n position: fixed;\n bottom: 0;\n width: 100dvw;\n display: flex;\n z-index: 100000;\n"])));
|
|
14660
14713
|
var CaptureButton = styled(LoaderButton)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n margin: 0 auto 25px;\n"], ["\n margin: 0 auto 25px;\n"])));
|
|
14661
14714
|
function evaluateShouldSkip(value) {
|
|
14662
14715
|
if (value === true) return true;
|
|
@@ -14764,7 +14817,7 @@ var IdVideoCaptureSuccess = function IdVideoCaptureSuccess(_a) {
|
|
|
14764
14817
|
})) : ( /*#__PURE__*/React__default.createElement("img", {
|
|
14765
14818
|
src: idBackImageUrl,
|
|
14766
14819
|
alt: "ID Back Image"
|
|
14767
|
-
}))), /*#__PURE__*/React__default.createElement(ButtonsRow
|
|
14820
|
+
}))), /*#__PURE__*/React__default.createElement(ButtonsRow, {
|
|
14768
14821
|
className: classNames.buttonsRow
|
|
14769
14822
|
}, /*#__PURE__*/React__default.createElement(LoaderButton, {
|
|
14770
14823
|
variant: "warning",
|
|
@@ -14789,7 +14842,7 @@ var AssetSelectorOption = styled.div(templateObject_3$4 || (templateObject_3$4 =
|
|
|
14789
14842
|
var templateObject_1$4, templateObject_2$4, templateObject_3$4;
|
|
14790
14843
|
|
|
14791
14844
|
var VideoIdWizard = function VideoIdWizard(_a) {
|
|
14792
|
-
var _b, _c, _d, _e, _f, _g, _h, _j;
|
|
14845
|
+
var _b, _c, _d, _e, _f, _g, _h, _j, _k;
|
|
14793
14846
|
var onComplete = _a.onComplete,
|
|
14794
14847
|
onExitCapture = _a.onExitCapture,
|
|
14795
14848
|
onExitAfterFailure = _a.onExitAfterFailure,
|
|
@@ -14798,73 +14851,73 @@ var VideoIdWizard = function VideoIdWizard(_a) {
|
|
|
14798
14851
|
onCameraAccessDenied = _a.onCameraAccessDenied,
|
|
14799
14852
|
onCameraTamperingDetected = _a.onCameraTamperingDetected,
|
|
14800
14853
|
onMicrophoneAccessDenied = _a.onMicrophoneAccessDenied,
|
|
14801
|
-
|
|
14802
|
-
idCaptureProps =
|
|
14803
|
-
|
|
14804
|
-
faceLivenessProps =
|
|
14805
|
-
|
|
14806
|
-
idCaptureModelsEnabled =
|
|
14807
|
-
|
|
14808
|
-
videoIdCaptureThresholds =
|
|
14854
|
+
_l = _a.idCaptureProps,
|
|
14855
|
+
idCaptureProps = _l === void 0 ? {} : _l,
|
|
14856
|
+
_m = _a.faceLivenessProps,
|
|
14857
|
+
faceLivenessProps = _m === void 0 ? {} : _m,
|
|
14858
|
+
_o = _a.idCaptureModelsEnabled,
|
|
14859
|
+
idCaptureModelsEnabled = _o === void 0 ? true : _o,
|
|
14860
|
+
_p = _a.videoIdCaptureThresholds,
|
|
14861
|
+
videoIdCaptureThresholds = _p === void 0 ? defaultVideoIdCaptureThresholds : _p,
|
|
14809
14862
|
readTextPrompt = _a.readTextPrompt,
|
|
14810
14863
|
readTextTimeoutDurationMs = _a.readTextTimeoutDurationMs,
|
|
14811
14864
|
readTextMinReadingMs = _a.readTextMinReadingMs,
|
|
14812
|
-
|
|
14813
|
-
skipIdCapture =
|
|
14814
|
-
|
|
14815
|
-
skipShowIdCardBack =
|
|
14816
|
-
|
|
14817
|
-
skipSuccessScreen =
|
|
14818
|
-
|
|
14819
|
-
idCaptureLoadingOverlayMode =
|
|
14865
|
+
_q = _a.skipIdCapture,
|
|
14866
|
+
skipIdCapture = _q === void 0 ? false : _q,
|
|
14867
|
+
_r = _a.skipShowIdCardBack,
|
|
14868
|
+
skipShowIdCardBack = _r === void 0 ? false : _r,
|
|
14869
|
+
_s = _a.skipSuccessScreen,
|
|
14870
|
+
skipSuccessScreen = _s === void 0 ? false : _s,
|
|
14871
|
+
_t = _a.idCaptureLoadingOverlayMode,
|
|
14872
|
+
idCaptureLoadingOverlayMode = _t === void 0 ? 'default' : _t,
|
|
14820
14873
|
customOverlayContent = _a.customOverlayContent,
|
|
14821
14874
|
onLoadingOverlayDismissed = _a.onLoadingOverlayDismissed,
|
|
14822
|
-
|
|
14823
|
-
idDocumentType =
|
|
14824
|
-
|
|
14825
|
-
idCaptureGuideType =
|
|
14826
|
-
|
|
14827
|
-
idCaptureGuideImages =
|
|
14828
|
-
|
|
14829
|
-
idCapturePortraitGuidesOnMobile =
|
|
14830
|
-
|
|
14831
|
-
idCaptureRotateLoadingOverlayImageWhenPortrait =
|
|
14832
|
-
|
|
14833
|
-
idCaptureModelLoadTimeoutMs =
|
|
14834
|
-
|
|
14835
|
-
faceLivenessLoadingOverlayMode =
|
|
14836
|
-
|
|
14837
|
-
disableFaceDetectionWhileAudioCapture =
|
|
14838
|
-
|
|
14839
|
-
disableFaceDetectionWhileAudioCaptureMsDelay =
|
|
14840
|
-
|
|
14841
|
-
silentFallback =
|
|
14842
|
-
|
|
14843
|
-
mergeAVStreams =
|
|
14844
|
-
|
|
14845
|
-
assets =
|
|
14846
|
-
|
|
14847
|
-
classNames =
|
|
14848
|
-
|
|
14849
|
-
colors =
|
|
14850
|
-
|
|
14851
|
-
verbiage =
|
|
14852
|
-
|
|
14853
|
-
debugMode =
|
|
14854
|
-
var
|
|
14855
|
-
passportImage =
|
|
14856
|
-
submissionStatus =
|
|
14857
|
-
idCaptureVideoUrl =
|
|
14858
|
-
idCaptureVideoAudioUrl =
|
|
14859
|
-
idCaptureVideoIdFrontImage =
|
|
14860
|
-
idCaptureVideoIdBackImage =
|
|
14861
|
-
setIdCaptureVideoUrl =
|
|
14862
|
-
setIdCaptureVideoIdFrontImage =
|
|
14863
|
-
setIdCaptureVideoIdBackImage =
|
|
14864
|
-
setIdCaptureVideoAudioUrl =
|
|
14865
|
-
var
|
|
14866
|
-
captureState =
|
|
14867
|
-
setCaptureState =
|
|
14875
|
+
_u = _a.idDocumentType,
|
|
14876
|
+
idDocumentType = _u === void 0 ? 'idCardOrPassport' : _u,
|
|
14877
|
+
_v = _a.idCaptureGuideType,
|
|
14878
|
+
idCaptureGuideType = _v === void 0 ? 'fit' : _v,
|
|
14879
|
+
_w = _a.idCaptureGuideImages,
|
|
14880
|
+
idCaptureGuideImages = _w === void 0 ? defaultIdCaptureGuideImages : _w,
|
|
14881
|
+
_x = _a.idCapturePortraitGuidesOnMobile,
|
|
14882
|
+
idCapturePortraitGuidesOnMobile = _x === void 0 ? true : _x,
|
|
14883
|
+
_y = _a.idCaptureRotateLoadingOverlayImageWhenPortrait,
|
|
14884
|
+
idCaptureRotateLoadingOverlayImageWhenPortrait = _y === void 0 ? true : _y,
|
|
14885
|
+
_z = _a.idCaptureModelLoadTimeoutMs,
|
|
14886
|
+
idCaptureModelLoadTimeoutMs = _z === void 0 ? defaultDocumentDetectionModelLoadTimeoutMs : _z,
|
|
14887
|
+
_0 = _a.faceLivenessLoadingOverlayMode,
|
|
14888
|
+
faceLivenessLoadingOverlayMode = _0 === void 0 ? 'default' : _0,
|
|
14889
|
+
_1 = _a.disableFaceDetectionWhileAudioCapture,
|
|
14890
|
+
disableFaceDetectionWhileAudioCapture = _1 === void 0 ? true : _1,
|
|
14891
|
+
_2 = _a.disableFaceDetectionWhileAudioCaptureMsDelay,
|
|
14892
|
+
disableFaceDetectionWhileAudioCaptureMsDelay = _2 === void 0 ? 2000 : _2,
|
|
14893
|
+
_3 = _a.silentFallback,
|
|
14894
|
+
silentFallback = _3 === void 0 ? false : _3,
|
|
14895
|
+
_4 = _a.mergeAVStreams,
|
|
14896
|
+
mergeAVStreams = _4 === void 0 ? false : _4,
|
|
14897
|
+
_5 = _a.assets,
|
|
14898
|
+
assets = _5 === void 0 ? {} : _5,
|
|
14899
|
+
_6 = _a.classNames,
|
|
14900
|
+
classNames = _6 === void 0 ? {} : _6,
|
|
14901
|
+
_7 = _a.colors,
|
|
14902
|
+
colors = _7 === void 0 ? {} : _7,
|
|
14903
|
+
_8 = _a.verbiage,
|
|
14904
|
+
verbiage = _8 === void 0 ? {} : _8,
|
|
14905
|
+
_9 = _a.debugMode,
|
|
14906
|
+
debugMode = _9 === void 0 ? false : _9;
|
|
14907
|
+
var _10 = useContext(SubmissionContext),
|
|
14908
|
+
passportImage = _10.passportImage,
|
|
14909
|
+
submissionStatus = _10.submissionStatus,
|
|
14910
|
+
idCaptureVideoUrl = _10.idCaptureVideoUrl,
|
|
14911
|
+
idCaptureVideoAudioUrl = _10.idCaptureVideoAudioUrl,
|
|
14912
|
+
idCaptureVideoIdFrontImage = _10.idCaptureVideoIdFrontImage,
|
|
14913
|
+
idCaptureVideoIdBackImage = _10.idCaptureVideoIdBackImage,
|
|
14914
|
+
setIdCaptureVideoUrl = _10.setIdCaptureVideoUrl,
|
|
14915
|
+
setIdCaptureVideoIdFrontImage = _10.setIdCaptureVideoIdFrontImage,
|
|
14916
|
+
setIdCaptureVideoIdBackImage = _10.setIdCaptureVideoIdBackImage,
|
|
14917
|
+
setIdCaptureVideoAudioUrl = _10.setIdCaptureVideoAudioUrl;
|
|
14918
|
+
var _11 = useState('CAPTURING_ID'),
|
|
14919
|
+
captureState = _11[0],
|
|
14920
|
+
setCaptureState = _11[1];
|
|
14868
14921
|
useEffect(function () {
|
|
14869
14922
|
if (skipIdCapture && captureState === 'CAPTURING_ID') setCaptureState('CHECKING_LIVENESS');
|
|
14870
14923
|
}, [captureState, skipIdCapture]);
|
|
@@ -14895,9 +14948,9 @@ var VideoIdWizard = function VideoIdWizard(_a) {
|
|
|
14895
14948
|
var onVideoCaptureFaceNotDetected = useCallback(function () {
|
|
14896
14949
|
setCaptureState('CHECKING_LIVENESS');
|
|
14897
14950
|
}, []);
|
|
14898
|
-
var
|
|
14899
|
-
attempt =
|
|
14900
|
-
setAttempt =
|
|
14951
|
+
var _12 = useState(0),
|
|
14952
|
+
attempt = _12[0],
|
|
14953
|
+
setAttempt = _12[1];
|
|
14901
14954
|
var userSuppliedExitAfterFailure = onExitAfterFailure !== null && onExitAfterFailure !== void 0 ? onExitAfterFailure : faceLivenessProps.onExitAfterFailure;
|
|
14902
14955
|
var onFaceCaptureExitAfterFailure = useCallback(function (resp, req) {
|
|
14903
14956
|
userSuppliedExitAfterFailure === null || userSuppliedExitAfterFailure === void 0 ? void 0 : userSuppliedExitAfterFailure(resp, req);
|
|
@@ -14943,6 +14996,11 @@ var VideoIdWizard = function VideoIdWizard(_a) {
|
|
|
14943
14996
|
idCardGuideStatus: "disabled"
|
|
14944
14997
|
});
|
|
14945
14998
|
}, [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]);
|
|
14999
|
+
if (submissionStatus === SubmissionStatus.SUBMITTING) {
|
|
15000
|
+
return /*#__PURE__*/React__default.createElement(PageContainer, {
|
|
15001
|
+
className: "flex"
|
|
15002
|
+
}, /*#__PURE__*/React__default.createElement(Spinner, null));
|
|
15003
|
+
}
|
|
14946
15004
|
return /*#__PURE__*/React__default.createElement(CameraStoreProvider, {
|
|
14947
15005
|
preferIphoneContinuityCamera: isCapturingId,
|
|
14948
15006
|
preferFrontFacingCamera: !isCapturingId,
|
|
@@ -14966,9 +15024,11 @@ var VideoIdWizard = function VideoIdWizard(_a) {
|
|
|
14966
15024
|
onModelError: faceLivenessProps === null || faceLivenessProps === void 0 ? void 0 : faceLivenessProps.onModelError,
|
|
14967
15025
|
modelLoadTimeoutMs: faceLivenessProps === null || faceLivenessProps === void 0 ? void 0 : faceLivenessProps.modelLoadTimeoutMs,
|
|
14968
15026
|
requireVerticalFaceCentering: false
|
|
14969
|
-
},
|
|
15027
|
+
}, /*#__PURE__*/React__default.createElement(PageContainer, {
|
|
15028
|
+
className: "flex ".concat((_k = classNames.container) !== null && _k !== void 0 ? _k : '')
|
|
15029
|
+
}, ['CHECKING_LIVENESS', 'CAPTURING_VIDEO'].includes(captureState) && /*#__PURE__*/React__default.createElement(CameraVideoTag, {
|
|
14970
15030
|
className: classNames.cameraFeed
|
|
14971
|
-
})
|
|
15031
|
+
}), function () {
|
|
14972
15032
|
switch (captureState) {
|
|
14973
15033
|
case 'CAPTURING_ID':
|
|
14974
15034
|
return /*#__PURE__*/React__default.createElement(IdCaptureStateProvider, null, /*#__PURE__*/React__default.createElement(GuideOrientationContextProvider, null, /*#__PURE__*/React__default.createElement(IdCaptureWizard, _assign({
|
|
@@ -15058,7 +15118,7 @@ var VideoIdWizard = function VideoIdWizard(_a) {
|
|
|
15058
15118
|
default:
|
|
15059
15119
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
|
|
15060
15120
|
}
|
|
15061
|
-
}())));
|
|
15121
|
+
}()))));
|
|
15062
15122
|
};
|
|
15063
15123
|
|
|
15064
15124
|
function CompositeWizard(_a) {
|
|
@@ -15184,7 +15244,9 @@ function CompositeWizard(_a) {
|
|
|
15184
15244
|
if (isComplete) {
|
|
15185
15245
|
switch (submissionStatus) {
|
|
15186
15246
|
case SubmissionStatus.SUBMITTING:
|
|
15187
|
-
return /*#__PURE__*/React__default.createElement(
|
|
15247
|
+
return /*#__PURE__*/React__default.createElement(PageContainer, {
|
|
15248
|
+
className: "flex"
|
|
15249
|
+
}, /*#__PURE__*/React__default.createElement(Spinner, null));
|
|
15188
15250
|
case SubmissionStatus.SUBMITTED:
|
|
15189
15251
|
if (debugMode) return /*#__PURE__*/React__default.createElement(SubmissionSuccess, null);
|
|
15190
15252
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
|
|
@@ -15708,8 +15770,6 @@ var IdValidation = function IdValidation(_a) {
|
|
|
15708
15770
|
geolocationEnabled: geolocationEnabled,
|
|
15709
15771
|
geolocationRequired: geolocationRequired,
|
|
15710
15772
|
useDocumentServiceForLivenessChecks: useDocumentServiceForLivenessChecks
|
|
15711
|
-
}, /*#__PURE__*/React__default.createElement(SdkPage, {
|
|
15712
|
-
className: classNames === null || classNames === void 0 ? void 0 : classNames.container
|
|
15713
15773
|
}, /*#__PURE__*/React__default.createElement(CompositeWizard, {
|
|
15714
15774
|
checks: useMemo(function () {
|
|
15715
15775
|
return ['IdCapture'];
|
|
@@ -15723,7 +15783,7 @@ var IdValidation = function IdValidation(_a) {
|
|
|
15723
15783
|
onCameraAccessDenied: onCameraAccessDenied,
|
|
15724
15784
|
onCameraTamperingDetected: onCameraTamperingDetected,
|
|
15725
15785
|
debugMode: debugMode
|
|
15726
|
-
}))))
|
|
15786
|
+
}))));
|
|
15727
15787
|
};
|
|
15728
15788
|
|
|
15729
15789
|
/** Render a fullscreen capture component that analyzes frames from the user's front-facing camera to determine whether a live human face is present. */
|
|
@@ -15846,8 +15906,6 @@ var FaceValidation = function FaceValidation(_a) {
|
|
|
15846
15906
|
useDocumentServiceForLivenessChecks: useDocumentServiceForLivenessChecks,
|
|
15847
15907
|
estimateAge: estimateAge,
|
|
15848
15908
|
predictGender: predictGender
|
|
15849
|
-
}, /*#__PURE__*/React__default.createElement(SdkPage, {
|
|
15850
|
-
className: classNames === null || classNames === void 0 ? void 0 : classNames.container
|
|
15851
15909
|
}, /*#__PURE__*/React__default.createElement(CompositeWizard, {
|
|
15852
15910
|
checks: useMemo(function () {
|
|
15853
15911
|
return ['FaceLiveness'];
|
|
@@ -15856,7 +15914,7 @@ var FaceValidation = function FaceValidation(_a) {
|
|
|
15856
15914
|
onCameraAccessDenied: onCameraAccessDenied,
|
|
15857
15915
|
onCameraTamperingDetected: onCameraTamperingDetected,
|
|
15858
15916
|
debugMode: debugMode
|
|
15859
|
-
}))))
|
|
15917
|
+
}))));
|
|
15860
15918
|
};
|
|
15861
15919
|
|
|
15862
15920
|
/**
|
|
@@ -16105,8 +16163,6 @@ var IdAndFaceValidation = function IdAndFaceValidation(_a) {
|
|
|
16105
16163
|
geolocationEnabled: geolocationEnabled,
|
|
16106
16164
|
geolocationRequired: geolocationRequired,
|
|
16107
16165
|
useDocumentServiceForLivenessChecks: useDocumentServiceForLivenessChecks
|
|
16108
|
-
}, /*#__PURE__*/React__default.createElement(SdkPage, {
|
|
16109
|
-
className: classNames === null || classNames === void 0 ? void 0 : classNames.container
|
|
16110
16166
|
}, /*#__PURE__*/React__default.createElement(CompositeWizard, {
|
|
16111
16167
|
checks: checks,
|
|
16112
16168
|
idCaptureProps: idCaptureProps,
|
|
@@ -16119,7 +16175,7 @@ var IdAndFaceValidation = function IdAndFaceValidation(_a) {
|
|
|
16119
16175
|
onCameraAccessDenied: onCameraAccessDenied,
|
|
16120
16176
|
onCameraTamperingDetected: onCameraTamperingDetected,
|
|
16121
16177
|
debugMode: debugMode
|
|
16122
|
-
}))))
|
|
16178
|
+
}))));
|
|
16123
16179
|
};
|
|
16124
16180
|
|
|
16125
16181
|
/**
|
|
@@ -16392,8 +16448,6 @@ var CustomerIdAndBiometricsEnrollment = function CustomerIdAndBiometricsEnrollme
|
|
|
16392
16448
|
geolocationEnabled: geolocationEnabled,
|
|
16393
16449
|
geolocationRequired: geolocationRequired,
|
|
16394
16450
|
useDocumentServiceForLivenessChecks: useDocumentServiceForLivenessChecks
|
|
16395
|
-
}, /*#__PURE__*/React__default.createElement(SdkPage, {
|
|
16396
|
-
className: classNames === null || classNames === void 0 ? void 0 : classNames.container
|
|
16397
16451
|
}, /*#__PURE__*/React__default.createElement(CompositeWizard, {
|
|
16398
16452
|
checks: checks,
|
|
16399
16453
|
idCaptureProps: idCaptureProps,
|
|
@@ -16407,7 +16461,7 @@ var CustomerIdAndBiometricsEnrollment = function CustomerIdAndBiometricsEnrollme
|
|
|
16407
16461
|
onCameraAccessDenied: onCameraAccessDenied,
|
|
16408
16462
|
onCameraTamperingDetected: onCameraTamperingDetected,
|
|
16409
16463
|
debugMode: debugMode
|
|
16410
|
-
}))))
|
|
16464
|
+
}))));
|
|
16411
16465
|
};
|
|
16412
16466
|
|
|
16413
16467
|
var ALLOWED_RETRIES$3 = 0;
|
|
@@ -16650,8 +16704,8 @@ var CustomerVerificationSuccess = function CustomerVerificationSuccess(_a) {
|
|
|
16650
16704
|
}, verbiage.doneBtnText))));
|
|
16651
16705
|
};
|
|
16652
16706
|
var Heading$3 = styled.h3(templateObject_1$3 || (templateObject_1$3 = __makeTemplateObject(["\n margin-bottom: 24px;\n"], ["\n margin-bottom: 24px;\n"])));
|
|
16653
|
-
var ImageContainer$3 = styled(ButtonsRow
|
|
16654
|
-
var StyledButtonsRow$3 = styled(ButtonsRow
|
|
16707
|
+
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"])));
|
|
16708
|
+
var StyledButtonsRow$3 = styled(ButtonsRow)(templateObject_3$3 || (templateObject_3$3 = __makeTemplateObject(["\n margin-top: 24px;\n"], ["\n margin-top: 24px;\n"])));
|
|
16655
16709
|
var templateObject_1$3, templateObject_2$3, templateObject_3$3;
|
|
16656
16710
|
|
|
16657
16711
|
var CustomerVerificationFailure = function CustomerVerificationFailure(_a) {
|
|
@@ -16702,12 +16756,13 @@ var CustomerVerificationFailure = function CustomerVerificationFailure(_a) {
|
|
|
16702
16756
|
}, verbiage.exitBtnText))));
|
|
16703
16757
|
};
|
|
16704
16758
|
var Heading$2 = styled.h3(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject(["\n margin-bottom: 24px;\n"], ["\n margin-bottom: 24px;\n"])));
|
|
16705
|
-
var ImageContainer$2 = styled(ButtonsRow
|
|
16706
|
-
var StyledButtonsRow$2 = styled(ButtonsRow
|
|
16759
|
+
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"])));
|
|
16760
|
+
var StyledButtonsRow$2 = styled(ButtonsRow)(templateObject_3$2 || (templateObject_3$2 = __makeTemplateObject(["\n margin-top: 24px;\n"], ["\n margin-top: 24px;\n"])));
|
|
16707
16761
|
var templateObject_1$2, templateObject_2$2, templateObject_3$2;
|
|
16708
16762
|
|
|
16709
16763
|
var ALLOWED_RETRIES$2 = 2;
|
|
16710
16764
|
var CustomerVerificationWizard = function CustomerVerificationWizard(_a) {
|
|
16765
|
+
var _b;
|
|
16711
16766
|
var onComplete = _a.onComplete,
|
|
16712
16767
|
onCustomerMatched = _a.onCustomerMatched,
|
|
16713
16768
|
onCustomerNotMatched = _a.onCustomerNotMatched,
|
|
@@ -16716,33 +16771,33 @@ var CustomerVerificationWizard = function CustomerVerificationWizard(_a) {
|
|
|
16716
16771
|
onUserCancel = _a.onUserCancel,
|
|
16717
16772
|
onCaptureGuidanceTimeout = _a.onCaptureGuidanceTimeout,
|
|
16718
16773
|
captureGuidanceTimeoutDurationMs = _a.captureGuidanceTimeoutDurationMs,
|
|
16719
|
-
|
|
16720
|
-
skipSuccessScreen =
|
|
16721
|
-
|
|
16722
|
-
loadingOverlayMode =
|
|
16723
|
-
|
|
16724
|
-
assets =
|
|
16725
|
-
|
|
16726
|
-
classNames =
|
|
16727
|
-
|
|
16728
|
-
colors =
|
|
16729
|
-
|
|
16730
|
-
verbiage =
|
|
16731
|
-
|
|
16732
|
-
debugMode =
|
|
16733
|
-
var
|
|
16734
|
-
submissionRequest =
|
|
16735
|
-
submissionResponse =
|
|
16736
|
-
selfieImage =
|
|
16737
|
-
var
|
|
16738
|
-
captureState =
|
|
16739
|
-
setCaptureState =
|
|
16740
|
-
var
|
|
16741
|
-
cameraAccessDenied =
|
|
16742
|
-
releaseCameraAccess =
|
|
16743
|
-
var
|
|
16744
|
-
start =
|
|
16745
|
-
stop =
|
|
16774
|
+
_c = _a.skipSuccessScreen,
|
|
16775
|
+
skipSuccessScreen = _c === void 0 ? false : _c,
|
|
16776
|
+
_d = _a.loadingOverlayMode,
|
|
16777
|
+
loadingOverlayMode = _d === void 0 ? 'default' : _d,
|
|
16778
|
+
_e = _a.assets,
|
|
16779
|
+
assets = _e === void 0 ? {} : _e,
|
|
16780
|
+
_f = _a.classNames,
|
|
16781
|
+
classNames = _f === void 0 ? {} : _f,
|
|
16782
|
+
_g = _a.colors,
|
|
16783
|
+
colors = _g === void 0 ? {} : _g,
|
|
16784
|
+
_h = _a.verbiage,
|
|
16785
|
+
verbiage = _h === void 0 ? {} : _h,
|
|
16786
|
+
_j = _a.debugMode,
|
|
16787
|
+
debugMode = _j === void 0 ? false : _j;
|
|
16788
|
+
var _k = useContext(SubmissionContext),
|
|
16789
|
+
submissionRequest = _k.submissionRequest,
|
|
16790
|
+
submissionResponse = _k.submissionResponse,
|
|
16791
|
+
selfieImage = _k.selfieImage;
|
|
16792
|
+
var _l = useState('LOADING'),
|
|
16793
|
+
captureState = _l[0],
|
|
16794
|
+
setCaptureState = _l[1];
|
|
16795
|
+
var _m = useCameraStore(),
|
|
16796
|
+
cameraAccessDenied = _m.cameraAccessDenied,
|
|
16797
|
+
releaseCameraAccess = _m.releaseCameraAccess;
|
|
16798
|
+
var _o = useContext(SelfieGuidanceModelsContext),
|
|
16799
|
+
start = _o.start,
|
|
16800
|
+
stop = _o.stop;
|
|
16746
16801
|
useEffect(function () {
|
|
16747
16802
|
if (captureState !== 'CAPTURING') return;
|
|
16748
16803
|
start();
|
|
@@ -16772,9 +16827,9 @@ var CustomerVerificationWizard = function CustomerVerificationWizard(_a) {
|
|
|
16772
16827
|
setCaptureState('FAILED');
|
|
16773
16828
|
onCaptureGuidanceTimeout === null || onCaptureGuidanceTimeout === void 0 ? void 0 : onCaptureGuidanceTimeout();
|
|
16774
16829
|
}, [onCaptureGuidanceTimeout]);
|
|
16775
|
-
var
|
|
16776
|
-
attempt =
|
|
16777
|
-
setAttempt =
|
|
16830
|
+
var _p = useState(0),
|
|
16831
|
+
attempt = _p[0],
|
|
16832
|
+
setAttempt = _p[1];
|
|
16778
16833
|
var onExitCallback = useCallback(function () {
|
|
16779
16834
|
setAttempt(function (n) {
|
|
16780
16835
|
return n + 1;
|
|
@@ -16795,7 +16850,9 @@ var CustomerVerificationWizard = function CustomerVerificationWizard(_a) {
|
|
|
16795
16850
|
setCaptureState('LOADING');
|
|
16796
16851
|
}
|
|
16797
16852
|
}, [cameraAccessDenied]);
|
|
16798
|
-
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(
|
|
16853
|
+
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(PageContainer, {
|
|
16854
|
+
className: "flex ".concat((_b = classNames.container) !== null && _b !== void 0 ? _b : '')
|
|
16855
|
+
}, /*#__PURE__*/React__default.createElement(CameraVideoTag, {
|
|
16799
16856
|
className: classNames.cameraFeed
|
|
16800
16857
|
}), captureState !== 'LOADING' && function () {
|
|
16801
16858
|
switch (captureState) {
|
|
@@ -16846,7 +16903,7 @@ var CustomerVerificationWizard = function CustomerVerificationWizard(_a) {
|
|
|
16846
16903
|
default:
|
|
16847
16904
|
return null;
|
|
16848
16905
|
}
|
|
16849
|
-
}(), /*#__PURE__*/React__default.createElement(SelfieCaptureLoadingOverlay, {
|
|
16906
|
+
}()), /*#__PURE__*/React__default.createElement(SelfieCaptureLoadingOverlay, {
|
|
16850
16907
|
key: attempt,
|
|
16851
16908
|
mode: loadingOverlayMode,
|
|
16852
16909
|
assets: assets.loadingOverlay,
|
|
@@ -16962,8 +17019,6 @@ var CustomerVerification = function CustomerVerification(_a) {
|
|
|
16962
17019
|
autoStart: false,
|
|
16963
17020
|
onModelError: onModelError,
|
|
16964
17021
|
modelLoadTimeoutMs: modelLoadTimeoutMs
|
|
16965
|
-
}, /*#__PURE__*/React__default.createElement(SdkPage, {
|
|
16966
|
-
className: classNames === null || classNames === void 0 ? void 0 : classNames.container
|
|
16967
17022
|
}, /*#__PURE__*/React__default.createElement(CustomerVerificationWizard, {
|
|
16968
17023
|
onComplete: onComplete,
|
|
16969
17024
|
onCustomerMatched: onCustomerMatched,
|
|
@@ -16979,7 +17034,7 @@ var CustomerVerification = function CustomerVerification(_a) {
|
|
|
16979
17034
|
colors: colors,
|
|
16980
17035
|
verbiage: verbiage,
|
|
16981
17036
|
debugMode: debugMode
|
|
16982
|
-
}))))))
|
|
17037
|
+
}))))));
|
|
16983
17038
|
};
|
|
16984
17039
|
|
|
16985
17040
|
var ALLOWED_RETRIES$1 = 0;
|
|
@@ -17220,8 +17275,8 @@ var CustomerIdentificationSuccess = function CustomerIdentificationSuccess(_a) {
|
|
|
17220
17275
|
}, verbiage.doneBtnText))));
|
|
17221
17276
|
};
|
|
17222
17277
|
var Heading$1 = styled.h3(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject(["\n margin-bottom: 24px;\n"], ["\n margin-bottom: 24px;\n"])));
|
|
17223
|
-
var ImageContainer$1 = styled(ButtonsRow
|
|
17224
|
-
var StyledButtonsRow$1 = styled(ButtonsRow
|
|
17278
|
+
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"])));
|
|
17279
|
+
var StyledButtonsRow$1 = styled(ButtonsRow)(templateObject_3$1 || (templateObject_3$1 = __makeTemplateObject(["\n margin-top: 24px;\n"], ["\n margin-top: 24px;\n"])));
|
|
17225
17280
|
var templateObject_1$1, templateObject_2$1, templateObject_3$1;
|
|
17226
17281
|
|
|
17227
17282
|
var CustomerIdentificationFailure = function CustomerIdentificationFailure(_a) {
|
|
@@ -17272,12 +17327,13 @@ var CustomerIdentificationFailure = function CustomerIdentificationFailure(_a) {
|
|
|
17272
17327
|
}, verbiage.exitBtnText))));
|
|
17273
17328
|
};
|
|
17274
17329
|
var Heading = styled.h3(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n margin-bottom: 24px;\n"], ["\n margin-bottom: 24px;\n"])));
|
|
17275
|
-
var ImageContainer = styled(ButtonsRow
|
|
17276
|
-
var StyledButtonsRow = styled(ButtonsRow
|
|
17330
|
+
var ImageContainer = styled(ButtonsRow)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n max-height: calc(100vh - 185px);\n"], ["\n max-height: calc(100vh - 185px);\n"])));
|
|
17331
|
+
var StyledButtonsRow = styled(ButtonsRow)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n margin-top: 24px;\n"], ["\n margin-top: 24px;\n"])));
|
|
17277
17332
|
var templateObject_1, templateObject_2, templateObject_3;
|
|
17278
17333
|
|
|
17279
17334
|
var ALLOWED_RETRIES = 2;
|
|
17280
17335
|
var CustomerIdentificationWizard = function CustomerIdentificationWizard(_a) {
|
|
17336
|
+
var _b;
|
|
17281
17337
|
var onComplete = _a.onComplete,
|
|
17282
17338
|
onCustomerMatched = _a.onCustomerMatched,
|
|
17283
17339
|
onCustomerNotMatched = _a.onCustomerNotMatched,
|
|
@@ -17286,33 +17342,33 @@ var CustomerIdentificationWizard = function CustomerIdentificationWizard(_a) {
|
|
|
17286
17342
|
onUserCancel = _a.onUserCancel,
|
|
17287
17343
|
onCaptureGuidanceTimeout = _a.onCaptureGuidanceTimeout,
|
|
17288
17344
|
captureGuidanceTimeoutDurationMs = _a.captureGuidanceTimeoutDurationMs,
|
|
17289
|
-
|
|
17290
|
-
skipSuccessScreen =
|
|
17291
|
-
|
|
17292
|
-
loadingOverlayMode =
|
|
17293
|
-
|
|
17294
|
-
assets =
|
|
17295
|
-
|
|
17296
|
-
classNames =
|
|
17297
|
-
|
|
17298
|
-
colors =
|
|
17299
|
-
|
|
17300
|
-
verbiage =
|
|
17301
|
-
|
|
17302
|
-
debugMode =
|
|
17303
|
-
var
|
|
17304
|
-
submissionResponse =
|
|
17305
|
-
submissionRequest =
|
|
17306
|
-
selfieImage =
|
|
17307
|
-
var
|
|
17308
|
-
captureState =
|
|
17309
|
-
setCaptureState =
|
|
17310
|
-
var
|
|
17311
|
-
cameraAccessDenied =
|
|
17312
|
-
releaseCameraAccess =
|
|
17313
|
-
var
|
|
17314
|
-
start =
|
|
17315
|
-
stop =
|
|
17345
|
+
_c = _a.skipSuccessScreen,
|
|
17346
|
+
skipSuccessScreen = _c === void 0 ? false : _c,
|
|
17347
|
+
_d = _a.loadingOverlayMode,
|
|
17348
|
+
loadingOverlayMode = _d === void 0 ? 'default' : _d,
|
|
17349
|
+
_e = _a.assets,
|
|
17350
|
+
assets = _e === void 0 ? {} : _e,
|
|
17351
|
+
_f = _a.classNames,
|
|
17352
|
+
classNames = _f === void 0 ? {} : _f,
|
|
17353
|
+
_g = _a.colors,
|
|
17354
|
+
colors = _g === void 0 ? {} : _g,
|
|
17355
|
+
_h = _a.verbiage,
|
|
17356
|
+
verbiage = _h === void 0 ? {} : _h,
|
|
17357
|
+
_j = _a.debugMode,
|
|
17358
|
+
debugMode = _j === void 0 ? false : _j;
|
|
17359
|
+
var _k = useContext(SubmissionContext),
|
|
17360
|
+
submissionResponse = _k.submissionResponse,
|
|
17361
|
+
submissionRequest = _k.submissionRequest,
|
|
17362
|
+
selfieImage = _k.selfieImage;
|
|
17363
|
+
var _l = useState('LOADING'),
|
|
17364
|
+
captureState = _l[0],
|
|
17365
|
+
setCaptureState = _l[1];
|
|
17366
|
+
var _m = useCameraStore(),
|
|
17367
|
+
cameraAccessDenied = _m.cameraAccessDenied,
|
|
17368
|
+
releaseCameraAccess = _m.releaseCameraAccess;
|
|
17369
|
+
var _o = useContext(SelfieGuidanceModelsContext),
|
|
17370
|
+
start = _o.start,
|
|
17371
|
+
stop = _o.stop;
|
|
17316
17372
|
useEffect(function () {
|
|
17317
17373
|
if (captureState !== 'CAPTURING') return;
|
|
17318
17374
|
start();
|
|
@@ -17342,9 +17398,9 @@ var CustomerIdentificationWizard = function CustomerIdentificationWizard(_a) {
|
|
|
17342
17398
|
setCaptureState('FAILED');
|
|
17343
17399
|
onCaptureGuidanceTimeout === null || onCaptureGuidanceTimeout === void 0 ? void 0 : onCaptureGuidanceTimeout();
|
|
17344
17400
|
}, [onCaptureGuidanceTimeout]);
|
|
17345
|
-
var
|
|
17346
|
-
attempt =
|
|
17347
|
-
setAttempt =
|
|
17401
|
+
var _p = useState(0),
|
|
17402
|
+
attempt = _p[0],
|
|
17403
|
+
setAttempt = _p[1];
|
|
17348
17404
|
var onExitCallback = useCallback(function () {
|
|
17349
17405
|
setAttempt(function (n) {
|
|
17350
17406
|
return n + 1;
|
|
@@ -17365,7 +17421,9 @@ var CustomerIdentificationWizard = function CustomerIdentificationWizard(_a) {
|
|
|
17365
17421
|
setCaptureState('LOADING');
|
|
17366
17422
|
}
|
|
17367
17423
|
}, [cameraAccessDenied]);
|
|
17368
|
-
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(
|
|
17424
|
+
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(PageContainer, {
|
|
17425
|
+
className: "flex ".concat((_b = classNames.container) !== null && _b !== void 0 ? _b : '')
|
|
17426
|
+
}, /*#__PURE__*/React__default.createElement(CameraVideoTag, {
|
|
17369
17427
|
className: classNames.cameraFeed
|
|
17370
17428
|
}), captureState !== 'LOADING' && function () {
|
|
17371
17429
|
switch (captureState) {
|
|
@@ -17416,7 +17474,7 @@ var CustomerIdentificationWizard = function CustomerIdentificationWizard(_a) {
|
|
|
17416
17474
|
default:
|
|
17417
17475
|
return null;
|
|
17418
17476
|
}
|
|
17419
|
-
}(), /*#__PURE__*/React__default.createElement(SelfieCaptureLoadingOverlay, {
|
|
17477
|
+
}()), /*#__PURE__*/React__default.createElement(SelfieCaptureLoadingOverlay, {
|
|
17420
17478
|
key: attempt,
|
|
17421
17479
|
mode: loadingOverlayMode,
|
|
17422
17480
|
assets: assets.loadingOverlay,
|
|
@@ -17530,8 +17588,6 @@ var CustomerIdentification = function CustomerIdentification(_a) {
|
|
|
17530
17588
|
autoStart: false,
|
|
17531
17589
|
modelLoadTimeoutMs: modelLoadTimeoutMs,
|
|
17532
17590
|
onModelError: onModelError
|
|
17533
|
-
}, /*#__PURE__*/React__default.createElement(SdkPage, {
|
|
17534
|
-
className: classNames === null || classNames === void 0 ? void 0 : classNames.container
|
|
17535
17591
|
}, /*#__PURE__*/React__default.createElement(CustomerIdentificationWizard, {
|
|
17536
17592
|
onComplete: onComplete,
|
|
17537
17593
|
onCustomerMatched: onCustomerMatched,
|
|
@@ -17548,7 +17604,7 @@ var CustomerIdentification = function CustomerIdentification(_a) {
|
|
|
17548
17604
|
colors: colors,
|
|
17549
17605
|
verbiage: verbiage,
|
|
17550
17606
|
debugMode: debugMode
|
|
17551
|
-
}))))))
|
|
17607
|
+
}))))));
|
|
17552
17608
|
};
|
|
17553
17609
|
|
|
17554
17610
|
/** Render a fullscreen capture component that captures a video of the user signing the screen. */
|
|
@@ -17630,8 +17686,6 @@ var SignatureKYC = function SignatureKYC(_a) {
|
|
|
17630
17686
|
geolocationEnabled: geolocationEnabled,
|
|
17631
17687
|
geolocationRequired: geolocationRequired,
|
|
17632
17688
|
useDocumentServiceForLivenessChecks: useDocumentServiceForLivenessChecks
|
|
17633
|
-
}, /*#__PURE__*/React__default.createElement(SdkPage, {
|
|
17634
|
-
className: classNames === null || classNames === void 0 ? void 0 : classNames.container
|
|
17635
17689
|
}, /*#__PURE__*/React__default.createElement(CompositeWizard, {
|
|
17636
17690
|
debugMode: debugMode,
|
|
17637
17691
|
checks: useMemo(function () {
|
|
@@ -17659,7 +17713,7 @@ var SignatureKYC = function SignatureKYC(_a) {
|
|
|
17659
17713
|
onUserCancel: onUserCancel
|
|
17660
17714
|
};
|
|
17661
17715
|
}, [customOverlayContent, onLoadingOverlayDismissed, loadingOverlayMode, skipSuccessScreen, captureAudio, minSignaturePadPoints, modelLoadTimeoutMs, faceLivenessProps, allowSignatureAfterLivenessCheckFailure, restartVideoOnSignaturePadCleared, classNames, colors, debugMode, verbiage, onModelError, onUserCancel])
|
|
17662
|
-
}))))
|
|
17716
|
+
}))));
|
|
17663
17717
|
};
|
|
17664
17718
|
|
|
17665
17719
|
/**
|
|
@@ -17881,8 +17935,6 @@ var VideoIdValidation = function VideoIdValidation(_a) {
|
|
|
17881
17935
|
geolocationEnabled: geolocationEnabled,
|
|
17882
17936
|
geolocationRequired: geolocationRequired,
|
|
17883
17937
|
useDocumentServiceForLivenessChecks: useDocumentServiceForLivenessChecks
|
|
17884
|
-
}, /*#__PURE__*/React__default.createElement(SdkPage, {
|
|
17885
|
-
className: classNames === null || classNames === void 0 ? void 0 : classNames.container
|
|
17886
17938
|
}, /*#__PURE__*/React__default.createElement(CompositeWizard, {
|
|
17887
17939
|
checks: useMemo(function () {
|
|
17888
17940
|
return ['VideoIdCapture'];
|
|
@@ -17897,7 +17949,7 @@ var VideoIdValidation = function VideoIdValidation(_a) {
|
|
|
17897
17949
|
onCameraTamperingDetected: onCameraTamperingDetected,
|
|
17898
17950
|
onMicrophoneAccessDenied: onMicrophoneAccessDenied,
|
|
17899
17951
|
debugMode: debugMode
|
|
17900
|
-
}))))
|
|
17952
|
+
}))));
|
|
17901
17953
|
};
|
|
17902
17954
|
|
|
17903
17955
|
/** 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. */
|
|
@@ -18061,8 +18113,6 @@ var CustomerBiometricsEnrollment = function CustomerBiometricsEnrollment(_a) {
|
|
|
18061
18113
|
geolocationEnabled: geolocationEnabled,
|
|
18062
18114
|
geolocationRequired: geolocationRequired,
|
|
18063
18115
|
useDocumentServiceForLivenessChecks: useDocumentServiceForLivenessChecks
|
|
18064
|
-
}, /*#__PURE__*/React__default.createElement(SdkPage, {
|
|
18065
|
-
className: classNames === null || classNames === void 0 ? void 0 : classNames.container
|
|
18066
18116
|
}, /*#__PURE__*/React__default.createElement(CompositeWizard, {
|
|
18067
18117
|
checks: useMemo(function () {
|
|
18068
18118
|
return ['FaceLiveness'];
|
|
@@ -18076,7 +18126,7 @@ var CustomerBiometricsEnrollment = function CustomerBiometricsEnrollment(_a) {
|
|
|
18076
18126
|
onCameraAccessDenied: onCameraAccessDenied,
|
|
18077
18127
|
onCameraTamperingDetected: onCameraTamperingDetected,
|
|
18078
18128
|
debugMode: debugMode
|
|
18079
|
-
}))))
|
|
18129
|
+
}))));
|
|
18080
18130
|
};
|
|
18081
18131
|
|
|
18082
18132
|
/**
|
|
@@ -18149,8 +18199,6 @@ var DocumentCapture = function DocumentCapture(_a) {
|
|
|
18149
18199
|
onCameraTamperingDetected: onCameraTamperingDetected,
|
|
18150
18200
|
classNames: classNames === null || classNames === void 0 ? void 0 : classNames.cameraStoreProvider,
|
|
18151
18201
|
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
|
|
18154
18202
|
}, /*#__PURE__*/React__default.createElement(DocumentCaptureWizard, {
|
|
18155
18203
|
onSuccess: onComplete,
|
|
18156
18204
|
onExitCapture: onExitCapture,
|
|
@@ -18161,7 +18209,7 @@ var DocumentCapture = function DocumentCapture(_a) {
|
|
|
18161
18209
|
instructions: instructions,
|
|
18162
18210
|
classNames: classNames,
|
|
18163
18211
|
verbiage: verbiage
|
|
18164
|
-
})))))
|
|
18212
|
+
})))));
|
|
18165
18213
|
};
|
|
18166
18214
|
|
|
18167
18215
|
initializeI18n();
|