idmission-web-sdk 2.2.32 → 2.2.34
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/video_id/IdVideoCapture.d.ts +1 -1
- package/dist/components/video_id/IdVideoCapture.d.ts.map +1 -1
- package/dist/components/video_id/IdVideoCaptureWizard.d.ts.map +1 -1
- package/dist/sdk2.cjs.development.js +304 -495
- 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 +304 -495
- package/dist/sdk2.esm.js.map +1 -1
- package/dist/sdk2.umd.development.js +304 -495
- 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/version.d.ts +1 -1
- package/package.json +1 -1
|
@@ -211,7 +211,7 @@
|
|
|
211
211
|
return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
|
|
212
212
|
};
|
|
213
213
|
|
|
214
|
-
var webSdkVersion = '2.2.
|
|
214
|
+
var webSdkVersion = '2.2.34';
|
|
215
215
|
|
|
216
216
|
function getPlatform() {
|
|
217
217
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
@@ -372,7 +372,7 @@
|
|
|
372
372
|
});
|
|
373
373
|
}
|
|
374
374
|
|
|
375
|
-
var PageContainerDiv = styled.div(templateObject_1$
|
|
375
|
+
var PageContainerDiv = styled.div(templateObject_1$J || (templateObject_1$J = __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) {
|
|
376
376
|
var _a;
|
|
377
377
|
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 ");
|
|
378
378
|
}, function (props) {
|
|
@@ -412,7 +412,7 @@
|
|
|
412
412
|
}, dimensionsCalculated && children);
|
|
413
413
|
});
|
|
414
414
|
PageContainer.displayName = 'PageContainer';
|
|
415
|
-
var templateObject_1$
|
|
415
|
+
var templateObject_1$J;
|
|
416
416
|
|
|
417
417
|
var LoaderButton = function LoaderButton(_a) {
|
|
418
418
|
var children = _a.children,
|
|
@@ -471,30 +471,30 @@
|
|
|
471
471
|
className: "ladda-label"
|
|
472
472
|
}, children));
|
|
473
473
|
};
|
|
474
|
-
var StyledButton = styled.button(templateObject_1$J || (templateObject_1$J = __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) {
|
|
474
|
+
var StyledButton = styled.button(templateObject_1$I || (templateObject_1$I = __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) {
|
|
475
475
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
|
|
476
476
|
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 ");
|
|
477
477
|
});
|
|
478
|
-
var templateObject_1$
|
|
478
|
+
var templateObject_1$I;
|
|
479
479
|
|
|
480
|
-
var OverlayContainer = styled(PageContainer)(templateObject_1$
|
|
480
|
+
var OverlayContainer = styled(PageContainer)(templateObject_1$H || (templateObject_1$H = __makeTemplateObject(["\n background: ", ";\n ", "\n z-index: 10000;\n"], ["\n background: ", ";\n ", "\n z-index: 10000;\n"])), function (props) {
|
|
481
481
|
return props.theme.background ? "".concat(props.theme.background) : "white";
|
|
482
482
|
}, function (props) {
|
|
483
483
|
return props.theme.textColor ? "color: ".concat(props.theme.textColor, ";") : "";
|
|
484
484
|
});
|
|
485
|
-
var OverlayInner$2 = styled.div(templateObject_2$
|
|
485
|
+
var OverlayInner$2 = styled.div(templateObject_2$y || (templateObject_2$y = __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) {
|
|
486
486
|
var _a;
|
|
487
487
|
return (_a = props.theme.textAlign) !== null && _a !== void 0 ? _a : 'center';
|
|
488
488
|
}, function (props) {
|
|
489
489
|
return props.theme.padding ? "box-sizing: border-box; padding: ".concat(props.theme.padding, ";") : "";
|
|
490
490
|
});
|
|
491
|
-
var OverlayImageContainer = styled.div(templateObject_3$
|
|
492
|
-
var OverlayImageRow = styled.div(templateObject_4$
|
|
493
|
-
var GrayOverlayContainer = styled(OverlayContainer)(templateObject_5$
|
|
494
|
-
var ButtonsColumn = styled.div(templateObject_6$
|
|
495
|
-
var WideButton = styled(LoaderButton)(templateObject_7$
|
|
491
|
+
var OverlayImageContainer = styled.div(templateObject_3$p || (templateObject_3$p = __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"])));
|
|
492
|
+
var OverlayImageRow = styled.div(templateObject_4$j || (templateObject_4$j = __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"])));
|
|
493
|
+
var GrayOverlayContainer = styled(OverlayContainer)(templateObject_5$b || (templateObject_5$b = __makeTemplateObject(["\n background: #f7f6fb;\n"], ["\n background: #f7f6fb;\n"])));
|
|
494
|
+
var ButtonsColumn = styled.div(templateObject_6$8 || (templateObject_6$8 = __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"])));
|
|
495
|
+
var WideButton = styled(LoaderButton)(templateObject_7$5 || (templateObject_7$5 = __makeTemplateObject(["\n width: 100%;\n border-radius: 30px;\n"], ["\n width: 100%;\n border-radius: 30px;\n"])));
|
|
496
496
|
var WideBorderButton = styled(WideButton)(templateObject_8$3 || (templateObject_8$3 = __makeTemplateObject(["\n color: black;\n background: white;\n border: 1px solid var(--idm-color-secondary-500);\n box-sizing: border-box;\n"], ["\n color: black;\n background: white;\n border: 1px solid var(--idm-color-secondary-500);\n box-sizing: border-box;\n"])));
|
|
497
|
-
var templateObject_1$
|
|
497
|
+
var templateObject_1$H, templateObject_2$y, templateObject_3$p, templateObject_4$j, templateObject_5$b, templateObject_6$8, templateObject_7$5, templateObject_8$3;
|
|
498
498
|
|
|
499
499
|
function _extends() {
|
|
500
500
|
return _extends = Object.assign ? Object.assign.bind() : function (n) {
|
|
@@ -1049,13 +1049,13 @@
|
|
|
1049
1049
|
}, retryText)))));
|
|
1050
1050
|
};
|
|
1051
1051
|
|
|
1052
|
-
var wavesAnimation = styled.keyframes(templateObject_1$
|
|
1053
|
-
var progressBarAnimation = styled.keyframes(templateObject_2$
|
|
1054
|
-
var dualRingSpinnerAnimation = styled.keyframes(templateObject_3$
|
|
1055
|
-
var progressBorderAnimation = styled.keyframes(templateObject_4$
|
|
1056
|
-
var templateObject_1$
|
|
1052
|
+
var wavesAnimation = styled.keyframes(templateObject_1$G || (templateObject_1$G = __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"])));
|
|
1053
|
+
var progressBarAnimation = styled.keyframes(templateObject_2$x || (templateObject_2$x = __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"])));
|
|
1054
|
+
var dualRingSpinnerAnimation = styled.keyframes(templateObject_3$o || (templateObject_3$o = __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"])));
|
|
1055
|
+
var progressBorderAnimation = styled.keyframes(templateObject_4$i || (templateObject_4$i = __makeTemplateObject(["\n to {\n stroke-dashoffset: 0;\n }\n"], ["\n to {\n stroke-dashoffset: 0;\n }\n"])));
|
|
1056
|
+
var templateObject_1$G, templateObject_2$x, templateObject_3$o, templateObject_4$i;
|
|
1057
1057
|
|
|
1058
|
-
var Spinner$1 = styled.div(templateObject_1$
|
|
1058
|
+
var Spinner$1 = styled.div(templateObject_1$F || (templateObject_1$F = __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) {
|
|
1059
1059
|
var $size = _a.$size;
|
|
1060
1060
|
return $size !== null && $size !== void 0 ? $size : 80;
|
|
1061
1061
|
}, function (_a) {
|
|
@@ -1080,7 +1080,7 @@
|
|
|
1080
1080
|
var $color = _a.$color;
|
|
1081
1081
|
return $color !== null && $color !== void 0 ? $color : '#888';
|
|
1082
1082
|
}, dualRingSpinnerAnimation);
|
|
1083
|
-
var templateObject_1$
|
|
1083
|
+
var templateObject_1$F;
|
|
1084
1084
|
|
|
1085
1085
|
exports.defaultAuthUrl = 'https://portal-api.idmission.com';
|
|
1086
1086
|
var allowedAuthUrls = ['https://portal-api.idmission.com', 'https://portal-api-uat.idmission.com', 'https://portal-api-demo.idmission.com', 'https://portal-api-dev.idmission.com', 'http://localhost:10000'];
|
|
@@ -3051,7 +3051,7 @@
|
|
|
3051
3051
|
return [frameWidth, frameHeight];
|
|
3052
3052
|
}
|
|
3053
3053
|
|
|
3054
|
-
var InvisibleCanvas = styled.canvas(templateObject_1$
|
|
3054
|
+
var InvisibleCanvas = styled.canvas(templateObject_1$E || (templateObject_1$E = __makeTemplateObject(["\n display: none;\n"], ["\n display: none;\n"])));
|
|
3055
3055
|
function drawToCanvas(canvas, frame, width, height) {
|
|
3056
3056
|
if (!canvas) return;
|
|
3057
3057
|
var ctx = canvas.getContext('2d');
|
|
@@ -3071,7 +3071,7 @@
|
|
|
3071
3071
|
var _a;
|
|
3072
3072
|
(_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);
|
|
3073
3073
|
}
|
|
3074
|
-
var templateObject_1$
|
|
3074
|
+
var templateObject_1$E;
|
|
3075
3075
|
|
|
3076
3076
|
function listAvailableCameras(facingMode_1) {
|
|
3077
3077
|
return __awaiter(this, arguments, void 0, function (facingMode, requestMicAccess) {
|
|
@@ -9174,7 +9174,7 @@
|
|
|
9174
9174
|
_b = _a.requireVerticalFaceCentering,
|
|
9175
9175
|
requireVerticalFaceCentering = _b === void 0 ? true : _b,
|
|
9176
9176
|
_c = _a.stabilityThreshold,
|
|
9177
|
-
stabilityThreshold = _c === void 0 ? 0.
|
|
9177
|
+
stabilityThreshold = _c === void 0 ? 0.75 : _c;
|
|
9178
9178
|
var face = faces[0];
|
|
9179
9179
|
var faceNotDetected = faces.length === 0;
|
|
9180
9180
|
var faceNotCentered = requireVerticalFaceCentering,
|
|
@@ -10809,12 +10809,12 @@
|
|
|
10809
10809
|
if (!portalLocation) return element;
|
|
10810
10810
|
return /*#__PURE__*/reactDom.createPortal(element, portalLocation);
|
|
10811
10811
|
}
|
|
10812
|
-
var DebugStatsPaneDiv = styled.span(templateObject_1$
|
|
10813
|
-
var ObjectDetectionDebugOverlayDiv = styled.div(templateObject_2$
|
|
10812
|
+
var DebugStatsPaneDiv = styled.span(templateObject_1$D || (templateObject_1$D = __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"])));
|
|
10813
|
+
var ObjectDetectionDebugOverlayDiv = styled.div(templateObject_2$w || (templateObject_2$w = __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"], ["\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"])), function (_a) {
|
|
10814
10814
|
var $flipX = _a.$flipX;
|
|
10815
10815
|
return $flipX ? 'transform: scaleX(-1);' : '';
|
|
10816
10816
|
});
|
|
10817
|
-
var ObjectDetectionDebugBox = styled.div(templateObject_3$
|
|
10817
|
+
var ObjectDetectionDebugBox = styled.div(templateObject_3$n || (templateObject_3$n = __makeTemplateObject(["\n font: 10px monospace;\n position: absolute;\n border: 3px solid ", ";\n color: ", ";\n ", "\n"], ["\n font: 10px monospace;\n position: absolute;\n border: 3px solid ", ";\n color: ", ";\n ", "\n"])), function (_a) {
|
|
10818
10818
|
var $color = _a.$color;
|
|
10819
10819
|
return $color !== null && $color !== void 0 ? $color : 'green';
|
|
10820
10820
|
}, function (_a) {
|
|
@@ -10824,7 +10824,7 @@
|
|
|
10824
10824
|
var $flipX = _a.$flipX;
|
|
10825
10825
|
return $flipX ? 'transform: scaleX(-1);' : '';
|
|
10826
10826
|
});
|
|
10827
|
-
var FaceDetectionKeypointMarker = styled.div(templateObject_4$
|
|
10827
|
+
var FaceDetectionKeypointMarker = styled.div(templateObject_4$h || (templateObject_4$h = __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"], ["\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"])), function (_a) {
|
|
10828
10828
|
var $color = _a.$color;
|
|
10829
10829
|
return $color !== null && $color !== void 0 ? $color : 'red';
|
|
10830
10830
|
}, function (_a) {
|
|
@@ -11015,7 +11015,7 @@
|
|
|
11015
11015
|
}
|
|
11016
11016
|
});
|
|
11017
11017
|
}
|
|
11018
|
-
var templateObject_1$
|
|
11018
|
+
var templateObject_1$D, templateObject_2$w, templateObject_3$n, templateObject_4$h;
|
|
11019
11019
|
|
|
11020
11020
|
var enTranslation = {};
|
|
11021
11021
|
|
|
@@ -13982,7 +13982,7 @@
|
|
|
13982
13982
|
}, [fallbacks, i18n.language, t, verbiage]);
|
|
13983
13983
|
}
|
|
13984
13984
|
|
|
13985
|
-
var GuidanceMessageContainerDiv = styled.div(templateObject_1$
|
|
13985
|
+
var GuidanceMessageContainerDiv = styled.div(templateObject_1$C || (templateObject_1$C = __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) {
|
|
13986
13986
|
var $top = _a.$top;
|
|
13987
13987
|
return $top !== null && $top !== void 0 ? $top : '10vh';
|
|
13988
13988
|
}, function (_a) {
|
|
@@ -13995,14 +13995,14 @@
|
|
|
13995
13995
|
if (!portalLocation) return element;
|
|
13996
13996
|
return /*#__PURE__*/reactDom.createPortal(element, portalLocation);
|
|
13997
13997
|
};
|
|
13998
|
-
var GuidanceMessage = styled.div(templateObject_2$
|
|
13998
|
+
var GuidanceMessage = styled.div(templateObject_2$v || (templateObject_2$v = __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) {
|
|
13999
13999
|
var _a, _b, _c, _d, _e, _f;
|
|
14000
14000
|
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';
|
|
14001
14001
|
}, function (props) {
|
|
14002
14002
|
var _a, _b, _c, _d, _e, _f;
|
|
14003
14003
|
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';
|
|
14004
14004
|
});
|
|
14005
|
-
var templateObject_1$
|
|
14005
|
+
var templateObject_1$C, templateObject_2$v;
|
|
14006
14006
|
|
|
14007
14007
|
function OverrideWrongDocumentTypeGuidanceDialog(_a) {
|
|
14008
14008
|
var _b = _a.classNames,
|
|
@@ -14017,7 +14017,7 @@
|
|
|
14017
14017
|
buttonText: 'OK'
|
|
14018
14018
|
});
|
|
14019
14019
|
if (!state.allowOverrideWrongDocumentTypeGuidance) return null;
|
|
14020
|
-
return /*#__PURE__*/React.createElement(Container$
|
|
14020
|
+
return /*#__PURE__*/React.createElement(Container$1, {
|
|
14021
14021
|
className: classNames.container
|
|
14022
14022
|
}, /*#__PURE__*/React.createElement(InnerContainer, {
|
|
14023
14023
|
className: classNames.inner
|
|
@@ -14035,18 +14035,18 @@
|
|
|
14035
14035
|
}
|
|
14036
14036
|
}, verbiage.buttonText))));
|
|
14037
14037
|
}
|
|
14038
|
-
var Container$
|
|
14038
|
+
var Container$1 = styled.div(templateObject_1$B || (templateObject_1$B = __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) {
|
|
14039
14039
|
var _a, _b, _c;
|
|
14040
14040
|
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';
|
|
14041
14041
|
}, function (props) {
|
|
14042
14042
|
var _a, _b, _c;
|
|
14043
14043
|
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';
|
|
14044
14044
|
});
|
|
14045
|
-
var InnerContainer = styled.div(templateObject_2$
|
|
14046
|
-
var Message = styled.span(templateObject_3$
|
|
14047
|
-
var ButtonContainer = styled.div(templateObject_4$
|
|
14048
|
-
var Button = styled(LoaderButton)(templateObject_5$
|
|
14049
|
-
var templateObject_1$
|
|
14045
|
+
var InnerContainer = styled.div(templateObject_2$u || (templateObject_2$u = __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"])));
|
|
14046
|
+
var Message = styled.span(templateObject_3$m || (templateObject_3$m = __makeTemplateObject(["\n display: block;\n margin: auto 12px auto 0;\n"], ["\n display: block;\n margin: auto 12px auto 0;\n"])));
|
|
14047
|
+
var ButtonContainer = styled.div(templateObject_4$g || (templateObject_4$g = __makeTemplateObject(["\n display: flex;\n margin-left: auto;\n"], ["\n display: flex;\n margin-left: auto;\n"])));
|
|
14048
|
+
var Button = styled(LoaderButton)(templateObject_5$a || (templateObject_5$a = __makeTemplateObject(["\n white-space: nowrap;\n margin: auto;\n"], ["\n white-space: nowrap;\n margin: auto;\n"])));
|
|
14049
|
+
var templateObject_1$B, templateObject_2$u, templateObject_3$m, templateObject_4$g, templateObject_5$a;
|
|
14050
14050
|
|
|
14051
14051
|
var IdCapture = function IdCapture(_a) {
|
|
14052
14052
|
var _b, _c, _d, _e, _f, _g, _h, _j;
|
|
@@ -14241,13 +14241,13 @@
|
|
|
14241
14241
|
finished: true
|
|
14242
14242
|
}, verbiage.retryBtnText)));
|
|
14243
14243
|
};
|
|
14244
|
-
var StyledOverlayInner$3 = styled(OverlayInner$2)(templateObject_1$
|
|
14245
|
-
var StyledOverlayImageContainer$3 = styled(OverlayImageContainer)(templateObject_2$
|
|
14246
|
-
var Description$4 = styled.p(templateObject_3$
|
|
14247
|
-
var RetryButton$1 = styled(LoaderButton)(templateObject_4$
|
|
14248
|
-
var templateObject_1$
|
|
14244
|
+
var StyledOverlayInner$3 = styled(OverlayInner$2)(templateObject_1$A || (templateObject_1$A = __makeTemplateObject(["\n max-width: 500px;\n height: auto;\n margin: auto;\n"], ["\n max-width: 500px;\n height: auto;\n margin: auto;\n"])));
|
|
14245
|
+
var StyledOverlayImageContainer$3 = styled(OverlayImageContainer)(templateObject_2$t || (templateObject_2$t = __makeTemplateObject(["\n flex-grow: 0;\n"], ["\n flex-grow: 0;\n"])));
|
|
14246
|
+
var Description$4 = styled.p(templateObject_3$l || (templateObject_3$l = __makeTemplateObject(["\n line-height: 1.5;\n margin-bottom: 50px;\n"], ["\n line-height: 1.5;\n margin-bottom: 50px;\n"])));
|
|
14247
|
+
var RetryButton$1 = styled(LoaderButton)(templateObject_4$f || (templateObject_4$f = __makeTemplateObject(["\n width: 200px;\n margin: 0 auto;\n"], ["\n width: 200px;\n margin: 0 auto;\n"])));
|
|
14248
|
+
var templateObject_1$A, templateObject_2$t, templateObject_3$l, templateObject_4$f;
|
|
14249
14249
|
|
|
14250
|
-
var ExitCaptureStyledButton = styled.button(templateObject_1$
|
|
14250
|
+
var ExitCaptureStyledButton = styled.button(templateObject_1$z || (templateObject_1$z = __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"])));
|
|
14251
14251
|
var ExitCaptureButton = function ExitCaptureButton(_a) {
|
|
14252
14252
|
var onClick = _a.onClick,
|
|
14253
14253
|
className = _a.className;
|
|
@@ -14291,11 +14291,11 @@
|
|
|
14291
14291
|
y2: "19.75"
|
|
14292
14292
|
}))));
|
|
14293
14293
|
};
|
|
14294
|
-
var templateObject_1$A;
|
|
14295
|
-
|
|
14296
|
-
var ButtonsRow = styled.div(templateObject_1$z || (templateObject_1$z = __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"])));
|
|
14297
14294
|
var templateObject_1$z;
|
|
14298
14295
|
|
|
14296
|
+
var ButtonsRow = styled.div(templateObject_1$y || (templateObject_1$y = __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"])));
|
|
14297
|
+
var templateObject_1$y;
|
|
14298
|
+
|
|
14299
14299
|
function IdCaptureLoadingGraphic(props) {
|
|
14300
14300
|
var isMobile = window.innerHeight > window.innerWidth;
|
|
14301
14301
|
return isMobile ? ( /*#__PURE__*/React.createElement(IdCaptureLoadingGraphicMobile, _assign({}, props))) : ( /*#__PURE__*/React.createElement(IdCaptureLoadingGraphicDesktop, _assign({}, props)));
|
|
@@ -14985,24 +14985,24 @@
|
|
|
14985
14985
|
}
|
|
14986
14986
|
}, verbiage.continueText))))));
|
|
14987
14987
|
};
|
|
14988
|
-
var OverlayInner$1 = styled.div(templateObject_1$
|
|
14988
|
+
var OverlayInner$1 = styled.div(templateObject_1$x || (templateObject_1$x = __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) {
|
|
14989
14989
|
var _a, _b, _c, _d;
|
|
14990
14990
|
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';
|
|
14991
14991
|
}, function (props) {
|
|
14992
14992
|
var _a, _b, _c, _d;
|
|
14993
14993
|
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';
|
|
14994
14994
|
});
|
|
14995
|
-
var OverlayHeader$1 = styled.div(templateObject_2$
|
|
14995
|
+
var OverlayHeader$1 = styled.div(templateObject_2$s || (templateObject_2$s = __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) {
|
|
14996
14996
|
var _a;
|
|
14997
14997
|
return (_a = props.theme.textAlign) !== null && _a !== void 0 ? _a : 'center';
|
|
14998
14998
|
}, function (props) {
|
|
14999
14999
|
return props.theme.padding ? "box-sizing: border-box; padding: ".concat(props.theme.padding, ";") : "";
|
|
15000
15000
|
});
|
|
15001
|
-
var StyledGuidanceMessage$2 = styled(GuidanceMessage)(templateObject_3$
|
|
15002
|
-
var StyledOverlayImageContainer$2 = styled(OverlayImageContainer)(templateObject_4$
|
|
15003
|
-
var ContinuityCameraCheckboxContainer$1 = styled.div(templateObject_5$
|
|
15004
|
-
var ContinuityCameraCheckboxInner = styled(GuidanceMessage)(templateObject_6$
|
|
15005
|
-
var ContinuityCameraCheckbox$1 = styled.input(templateObject_7$
|
|
15001
|
+
var StyledGuidanceMessage$2 = styled(GuidanceMessage)(templateObject_3$k || (templateObject_3$k = __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"])));
|
|
15002
|
+
var StyledOverlayImageContainer$2 = styled(OverlayImageContainer)(templateObject_4$e || (templateObject_4$e = __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"])));
|
|
15003
|
+
var ContinuityCameraCheckboxContainer$1 = styled.div(templateObject_5$9 || (templateObject_5$9 = __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"])));
|
|
15004
|
+
var ContinuityCameraCheckboxInner = styled(GuidanceMessage)(templateObject_6$7 || (templateObject_6$7 = __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"])));
|
|
15005
|
+
var ContinuityCameraCheckbox$1 = styled.input(templateObject_7$4 || (templateObject_7$4 = __makeTemplateObject(["\n margin-right: 8px;\n"], ["\n margin-right: 8px;\n"])));
|
|
15006
15006
|
var StyledButtonsRow$a = styled(ButtonsRow)(templateObject_8$2 || (templateObject_8$2 = __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) {
|
|
15007
15007
|
var _a, _b, _c, _d;
|
|
15008
15008
|
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';
|
|
@@ -15037,10 +15037,10 @@
|
|
|
15037
15037
|
var _a, _b, _c, _d, _e, _f;
|
|
15038
15038
|
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, ";") : '';
|
|
15039
15039
|
});
|
|
15040
|
-
var templateObject_1$
|
|
15040
|
+
var templateObject_1$x, templateObject_2$s, templateObject_3$k, templateObject_4$e, templateObject_5$9, templateObject_6$7, templateObject_7$4, templateObject_8$2, templateObject_9$2, templateObject_10$1, templateObject_11$1, templateObject_12$1, templateObject_13$1, templateObject_14$1, templateObject_15$1, templateObject_16, templateObject_17, templateObject_18;
|
|
15041
15041
|
|
|
15042
|
-
var ContinuityCameraCheckboxContainer = styled.div(templateObject_1$
|
|
15043
|
-
var ContinuityCameraCheckbox = styled.input(templateObject_2$
|
|
15042
|
+
var ContinuityCameraCheckboxContainer = styled.div(templateObject_1$w || (templateObject_1$w = __makeTemplateObject(["\n margin-top: 15px;\n margin-bottom: 15px;\n"], ["\n margin-top: 15px;\n margin-bottom: 15px;\n"])));
|
|
15043
|
+
var ContinuityCameraCheckbox = styled.input(templateObject_2$r || (templateObject_2$r = __makeTemplateObject(["\n margin-right: 8px;\n"], ["\n margin-right: 8px;\n"])));
|
|
15044
15044
|
var IdCaptureLoadingOverlayLegacy = function IdCaptureLoadingOverlayLegacy(_a) {
|
|
15045
15045
|
var _b, _c, _d, _e;
|
|
15046
15046
|
var onDismissed = _a.onDismissed,
|
|
@@ -15151,7 +15151,7 @@
|
|
|
15151
15151
|
}
|
|
15152
15152
|
}, cameraReady && modelsReady ? verbiage.continueText : modelsReady ? verbiage.cameraInitializingText : modelDownloadProgress >= 100 ? verbiage.modelsWarmingUpText : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)"))));
|
|
15153
15153
|
};
|
|
15154
|
-
var templateObject_1$
|
|
15154
|
+
var templateObject_1$w, templateObject_2$r;
|
|
15155
15155
|
|
|
15156
15156
|
var components$1 = {
|
|
15157
15157
|
"default": IdCaptureLoadingOverlayDefault,
|
|
@@ -15209,9 +15209,9 @@
|
|
|
15209
15209
|
});
|
|
15210
15210
|
};
|
|
15211
15211
|
|
|
15212
|
-
var Card = styled.div(templateObject_1$
|
|
15213
|
-
var FlexCard = styled(Card)(templateObject_2$
|
|
15214
|
-
var templateObject_1$
|
|
15212
|
+
var Card = styled.div(templateObject_1$v || (templateObject_1$v = __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"])));
|
|
15213
|
+
var FlexCard = styled(Card)(templateObject_2$q || (templateObject_2$q = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n"], ["\n display: flex;\n flex-direction: column;\n"])));
|
|
15214
|
+
var templateObject_1$v, templateObject_2$q;
|
|
15215
15215
|
|
|
15216
15216
|
var IdCaptureSuccess = function IdCaptureSuccess(_a) {
|
|
15217
15217
|
var capturedDocuments = _a.capturedDocuments,
|
|
@@ -15286,13 +15286,13 @@
|
|
|
15286
15286
|
finished: true
|
|
15287
15287
|
}, verbiage.retryText)))));
|
|
15288
15288
|
};
|
|
15289
|
-
var Heading$a = styled.h1(templateObject_1$
|
|
15290
|
-
var ImagesContainer = styled(OverlayImageContainer)(templateObject_2$
|
|
15291
|
-
var ImageRow = styled(OverlayImageRow)(templateObject_3$
|
|
15292
|
-
var ImageCol$1 = styled.div(templateObject_4$
|
|
15293
|
-
var StyledImage = styled(CapturedDocumentImg)(templateObject_5$
|
|
15294
|
-
var DebugPre = styled.pre(templateObject_6$
|
|
15295
|
-
var templateObject_1$
|
|
15289
|
+
var Heading$a = styled.h1(templateObject_1$u || (templateObject_1$u = __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"])));
|
|
15290
|
+
var ImagesContainer = styled(OverlayImageContainer)(templateObject_2$p || (templateObject_2$p = __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"])));
|
|
15291
|
+
var ImageRow = styled(OverlayImageRow)(templateObject_3$j || (templateObject_3$j = __makeTemplateObject(["\n max-width: 100%;\n flex-direction: column;\n display: grid;\n grid-gap: 12px;\n //grid-template-columns: 1fr 1fr;\n"], ["\n max-width: 100%;\n flex-direction: column;\n display: grid;\n grid-gap: 12px;\n //grid-template-columns: 1fr 1fr;\n"])));
|
|
15292
|
+
var ImageCol$1 = styled.div(templateObject_4$d || (templateObject_4$d = __makeTemplateObject(["\n width: 100%;\n max-height: none !important;\n"], ["\n width: 100%;\n max-height: none !important;\n"])));
|
|
15293
|
+
var StyledImage = styled(CapturedDocumentImg)(templateObject_5$8 || (templateObject_5$8 = __makeTemplateObject(["\n width: 100%;\n border-radius: 12px;\n"], ["\n width: 100%;\n border-radius: 12px;\n"])));
|
|
15294
|
+
var DebugPre = styled.pre(templateObject_6$6 || (templateObject_6$6 = __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"])));
|
|
15295
|
+
var templateObject_1$u, templateObject_2$p, templateObject_3$j, templateObject_4$d, templateObject_5$8, templateObject_6$6;
|
|
15296
15296
|
|
|
15297
15297
|
function useShowSuccessScreen(skipSuccessScreen, successScreenReady, onDoneCallback) {
|
|
15298
15298
|
var _this = this;
|
|
@@ -15344,10 +15344,10 @@
|
|
|
15344
15344
|
canvas.style.height = '0';
|
|
15345
15345
|
}
|
|
15346
15346
|
|
|
15347
|
-
var IdCardGuideImageContainer = styled(IdCardBorder)(templateObject_1$
|
|
15347
|
+
var IdCardGuideImageContainer = styled(IdCardBorder)(templateObject_1$t || (templateObject_1$t = __makeTemplateObject(["\n position: relative;\n ", "\n box-sizing: border-box;\n"], ["\n position: relative;\n ", "\n box-sizing: border-box;\n"])), function (props) {
|
|
15348
15348
|
return props.$isVisible ? '' : 'opacity: 0;';
|
|
15349
15349
|
});
|
|
15350
|
-
var IdCardGuideImage = styled.img(templateObject_2$
|
|
15350
|
+
var IdCardGuideImage = styled.img(templateObject_2$o || (templateObject_2$o = __makeTemplateObject(["\n ", "\n ", "\n"], ["\n ", "\n ", "\n"])), function (props) {
|
|
15351
15351
|
return props.$isMirrored ? 'transform: scaleX(-1);' : '';
|
|
15352
15352
|
}, function (props) {
|
|
15353
15353
|
return props.$isInvisible ? 'opacity: 0;' : '';
|
|
@@ -15489,16 +15489,16 @@
|
|
|
15489
15489
|
className: isProgressBar ? "idmSdkProgressBorder ".concat(progressPaused ? 'idmSdkProgressPaused' : '') : ''
|
|
15490
15490
|
}));
|
|
15491
15491
|
}
|
|
15492
|
-
var IdCardBorderContainer = styled.div(templateObject_3$
|
|
15493
|
-
var SvgOverlay = styled.svg(templateObject_4$
|
|
15494
|
-
var IdCardBorderRect = styled.rect(templateObject_5$
|
|
15492
|
+
var IdCardBorderContainer = styled.div(templateObject_3$i || (templateObject_3$i = __makeTemplateObject(["\n & > .idmSdkWaves {\n position: absolute;\n animation: ", " 2s ease-out infinite;\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 & > .idmSdkWaves {\n position: absolute;\n animation: ", " 2s ease-out infinite;\n\n &:nth-child(2) {\n animation-delay: 0.66s;\n }\n\n &:nth-child(3) {\n animation-delay: 1.33s;\n }\n }\n"])), wavesAnimation);
|
|
15493
|
+
var SvgOverlay = styled.svg(templateObject_4$c || (templateObject_4$c = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n"])));
|
|
15494
|
+
var IdCardBorderRect = styled.rect(templateObject_5$7 || (templateObject_5$7 = __makeTemplateObject(["\n &.idmSdkProgressBorder {\n animation: ", " ", "\n ", ";\n }\n\n &.idmSdkProgressPaused {\n animation-play-state: paused;\n }\n"], ["\n &.idmSdkProgressBorder {\n animation: ", " ", "\n ", ";\n }\n\n &.idmSdkProgressPaused {\n animation-play-state: paused;\n }\n"])), progressBorderAnimation, function (props) {
|
|
15495
15495
|
var _a;
|
|
15496
15496
|
return (_a = props.$speed) !== null && _a !== void 0 ? _a : '3s';
|
|
15497
15497
|
}, function (props) {
|
|
15498
15498
|
var _a;
|
|
15499
15499
|
return (_a = props.$fillMode) !== null && _a !== void 0 ? _a : 'forwards';
|
|
15500
15500
|
});
|
|
15501
|
-
var templateObject_1$
|
|
15501
|
+
var templateObject_1$t, templateObject_2$o, templateObject_3$i, templateObject_4$c, templateObject_5$7;
|
|
15502
15502
|
|
|
15503
15503
|
var defaultIdCaptureGuideImages = {
|
|
15504
15504
|
portrait: {
|
|
@@ -15604,81 +15604,12 @@
|
|
|
15604
15604
|
return allowPortraitOnMobile && window.innerWidth < window.innerHeight ? 'portrait' : 'landscape';
|
|
15605
15605
|
}
|
|
15606
15606
|
|
|
15607
|
-
var
|
|
15608
|
-
var _b;
|
|
15609
|
-
var _c = _a.idCaptureGuideImages,
|
|
15610
|
-
idCaptureGuideImages = _c === void 0 ? defaultIdCaptureGuideImages : _c,
|
|
15611
|
-
_d = _a.classNames,
|
|
15612
|
-
classNames = _d === void 0 ? {} : _d,
|
|
15613
|
-
borderWidth = _a.borderWidth,
|
|
15614
|
-
borderColor = _a.borderColor,
|
|
15615
|
-
borderRadius = _a.borderRadius,
|
|
15616
|
-
imageStyle = _a.imageStyle;
|
|
15617
|
-
var cameraRef = React.useContext(CameraStateContext).cameraRef;
|
|
15618
|
-
var isMirrored = !((_b = cameraRef.current) === null || _b === void 0 ? void 0 : _b.isRearFacing);
|
|
15619
|
-
var _e = React.useState(1),
|
|
15620
|
-
transitionTime = _e[0],
|
|
15621
|
-
setTransitionTime = _e[1];
|
|
15622
|
-
var _f = React.useState(0),
|
|
15623
|
-
rotationAngle = _f[0],
|
|
15624
|
-
setRotationAngle = _f[1];
|
|
15625
|
-
var frontTransforms = ["rotateY(".concat(rotationAngle, "deg)")];
|
|
15626
|
-
if (isMirrored) frontTransforms.push('scaleX(-1)');
|
|
15627
|
-
var backTransforms = ["rotateY(".concat(180 - rotationAngle, "deg)")];
|
|
15628
|
-
if (isMirrored) backTransforms.push('scaleX(-1)');
|
|
15629
|
-
React.useEffect(function () {
|
|
15630
|
-
var timeout;
|
|
15631
|
-
function doFlip() {
|
|
15632
|
-
setTransitionTime(1);
|
|
15633
|
-
setRotationAngle(180);
|
|
15634
|
-
timeout = setTimeout(function () {
|
|
15635
|
-
setTransitionTime(0);
|
|
15636
|
-
setRotationAngle(0);
|
|
15637
|
-
}, 1500);
|
|
15638
|
-
}
|
|
15639
|
-
var interval = setInterval(doFlip, 2500);
|
|
15640
|
-
timeout = setTimeout(doFlip, 250);
|
|
15641
|
-
return function () {
|
|
15642
|
-
clearInterval(interval);
|
|
15643
|
-
clearTimeout(timeout);
|
|
15644
|
-
};
|
|
15645
|
-
}, []);
|
|
15646
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FlipImageContainer, {
|
|
15647
|
-
className: classNames.frontImageContainer,
|
|
15648
|
-
status: "disabled",
|
|
15649
|
-
borderWidth: borderWidth,
|
|
15650
|
-
borderColor: borderColor,
|
|
15651
|
-
borderRadius: borderRadius,
|
|
15652
|
-
"$transforms": frontTransforms.join(' '),
|
|
15653
|
-
"$transitionTime": transitionTime,
|
|
15654
|
-
"$isVisible": true
|
|
15655
|
-
}, /*#__PURE__*/React.createElement(IdCardGuideImage, {
|
|
15656
|
-
src: idCaptureGuideImages.landscape.SHOW_ID_FRONT.url,
|
|
15657
|
-
className: classNames.frontImage,
|
|
15658
|
-
alt: "",
|
|
15659
|
-
style: imageStyle
|
|
15660
|
-
})), /*#__PURE__*/React.createElement(FlipImageContainer, {
|
|
15661
|
-
className: classNames.backImageContainer,
|
|
15662
|
-
status: "disabled",
|
|
15663
|
-
borderWidth: borderWidth,
|
|
15664
|
-
borderColor: borderColor,
|
|
15665
|
-
borderRadius: borderRadius,
|
|
15666
|
-
"$transforms": backTransforms.join(' '),
|
|
15667
|
-
"$transitionTime": transitionTime,
|
|
15668
|
-
"$isVisible": true
|
|
15669
|
-
}, /*#__PURE__*/React.createElement(IdCardGuideImage, {
|
|
15670
|
-
src: idCaptureGuideImages.landscape.SHOW_ID_BACK.url,
|
|
15671
|
-
className: classNames.backImage,
|
|
15672
|
-
alt: "",
|
|
15673
|
-
style: imageStyle
|
|
15674
|
-
})));
|
|
15675
|
-
};
|
|
15676
|
-
var FlipImageContainer = styled(IdCardGuideImageContainer)(templateObject_1$t || (templateObject_1$t = __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) {
|
|
15607
|
+
var FlipImageContainer = styled(IdCardGuideImageContainer)(templateObject_1$s || (templateObject_1$s = __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) {
|
|
15677
15608
|
return props.$transitionTime;
|
|
15678
15609
|
}, function (props) {
|
|
15679
15610
|
return props.$transforms;
|
|
15680
15611
|
});
|
|
15681
|
-
var templateObject_1$
|
|
15612
|
+
var templateObject_1$s;
|
|
15682
15613
|
|
|
15683
15614
|
var GuideOrientationContext = /*#__PURE__*/React.createContext({
|
|
15684
15615
|
orientation: 'landscape',
|
|
@@ -15967,10 +15898,10 @@
|
|
|
15967
15898
|
return v;
|
|
15968
15899
|
}).join(' ');
|
|
15969
15900
|
};
|
|
15970
|
-
var StyledPageContainer = styled(PageContainerDiv)(templateObject_1$
|
|
15971
|
-
var GuidesContainer = styled.div(templateObject_2$
|
|
15972
|
-
var GuideCenterRow = styled.div(templateObject_3$
|
|
15973
|
-
var GuideRegion = styled.div(templateObject_4$
|
|
15901
|
+
var StyledPageContainer = styled(PageContainerDiv)(templateObject_1$r || (templateObject_1$r = __makeTemplateObject(["\n z-index: 1000;\n overflow-y: hidden;\n"], ["\n z-index: 1000;\n overflow-y: hidden;\n"])));
|
|
15902
|
+
var GuidesContainer = styled.div(templateObject_2$n || (templateObject_2$n = __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"])));
|
|
15903
|
+
var GuideCenterRow = styled.div(templateObject_3$h || (templateObject_3$h = __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"])));
|
|
15904
|
+
var GuideRegion = styled.div(templateObject_4$b || (templateObject_4$b = __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) {
|
|
15974
15905
|
var _a, _b, _c, _d, _e;
|
|
15975
15906
|
return (_e = (_a = props.$maskColor) !== null && _a !== void 0 ? _a : (_d = (_c = (_b = props.theme) === null || _b === void 0 ? void 0 : _b.idCapture) === null || _c === void 0 ? void 0 : _c.guideOverlay) === null || _d === void 0 ? void 0 : _d.backgroundColor) !== null && _e !== void 0 ? _e : 'rgba(0, 0, 0, 0.5)';
|
|
15976
15907
|
}, function (props) {
|
|
@@ -15981,13 +15912,13 @@
|
|
|
15981
15912
|
}, function (props) {
|
|
15982
15913
|
return props.$minHeight ? "min-height: ".concat(props.$minHeight, "px;") : "";
|
|
15983
15914
|
});
|
|
15984
|
-
var Spacer = styled(GuideRegion)(templateObject_5$
|
|
15985
|
-
var GuideCenterRegion = styled.div(templateObject_6$
|
|
15915
|
+
var Spacer = styled(GuideRegion)(templateObject_5$6 || (templateObject_5$6 = __makeTemplateObject(["\n display: block;\n width: auto;\n"], ["\n display: block;\n width: auto;\n"])));
|
|
15916
|
+
var GuideCenterRegion = styled.div(templateObject_6$5 || (templateObject_6$5 = __makeTemplateObject(["\n ", "\n ", "\n box-sizing: border-box;\n display: flex;\n flex: 1;\n max-height: 100%;\n height: 100%;\n"], ["\n ", "\n ", "\n box-sizing: border-box;\n display: flex;\n flex: 1;\n max-height: 100%;\n height: 100%;\n"])), function (props) {
|
|
15986
15917
|
return props.$minWidth ? "min-width: ".concat(props.$minWidth, "px;") : "";
|
|
15987
15918
|
}, function (props) {
|
|
15988
15919
|
return props.$isMirrored ? 'transform: scaleX(-1);' : '';
|
|
15989
15920
|
});
|
|
15990
|
-
var GuideCenterBorder = styled.div(templateObject_7$
|
|
15921
|
+
var GuideCenterBorder = styled.div(templateObject_7$3 || (templateObject_7$3 = __makeTemplateObject(["\n box-sizing: border-box;\n border: ", ";\n display: flex;\n flex: 1;\n justify-content: center;\n max-height: 100%;\n min-height: 0;\n position: relative;\n ", "\n"], ["\n box-sizing: border-box;\n border: ", ";\n display: flex;\n flex: 1;\n justify-content: center;\n max-height: 100%;\n min-height: 0;\n position: relative;\n ", "\n"])), function (props) {
|
|
15991
15922
|
var _a, _b;
|
|
15992
15923
|
return "".concat((_a = props.$borderWidth) !== null && _a !== void 0 ? _a : 4, "px solid ").concat((_b = props.$borderColor) !== null && _b !== void 0 ? _b : 'white');
|
|
15993
15924
|
}, function (props) {
|
|
@@ -15995,7 +15926,7 @@
|
|
|
15995
15926
|
});
|
|
15996
15927
|
var GuideText = styled.span(templateObject_8$1 || (templateObject_8$1 = __makeTemplateObject(["\n align-content: center;\n margin-top: 12px;\n margin-bottom: 12px;\n"], ["\n align-content: center;\n margin-top: 12px;\n margin-bottom: 12px;\n"])));
|
|
15997
15928
|
var GuideCenterInner = styled.div(templateObject_9$1 || (templateObject_9$1 = __makeTemplateObject(["\n position: relative;\n margin: auto;\n"], ["\n position: relative;\n margin: auto;\n"])));
|
|
15998
|
-
var templateObject_1$
|
|
15929
|
+
var templateObject_1$r, templateObject_2$n, templateObject_3$h, templateObject_4$b, templateObject_5$6, templateObject_6$5, templateObject_7$3, templateObject_8$1, templateObject_9$1;
|
|
15999
15930
|
|
|
16000
15931
|
var IdCaptureFitGuide = function IdCaptureFitGuide(_a) {
|
|
16001
15932
|
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
|
|
@@ -16138,11 +16069,11 @@
|
|
|
16138
16069
|
progress: progress
|
|
16139
16070
|
}));
|
|
16140
16071
|
};
|
|
16141
|
-
var CanvasWrapper$1 = styled.div(templateObject_1$
|
|
16072
|
+
var CanvasWrapper$1 = styled.div(templateObject_1$q || (templateObject_1$q = __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) {
|
|
16142
16073
|
return props.$maskColor;
|
|
16143
16074
|
});
|
|
16144
|
-
var Canvas$1 = styled.canvas(templateObject_2$
|
|
16145
|
-
var templateObject_1$
|
|
16075
|
+
var Canvas$1 = styled.canvas(templateObject_2$m || (templateObject_2$m = __makeTemplateObject(["\n display: block;\n"], ["\n display: block;\n"])));
|
|
16076
|
+
var templateObject_1$q, templateObject_2$m;
|
|
16146
16077
|
|
|
16147
16078
|
function IdCaptureGuides(_a) {
|
|
16148
16079
|
var _b, _c;
|
|
@@ -16282,11 +16213,11 @@
|
|
|
16282
16213
|
onError: onError
|
|
16283
16214
|
})));
|
|
16284
16215
|
};
|
|
16285
|
-
var StyledSpinner = styled(Spinner$1)(templateObject_1$
|
|
16286
|
-
var ImagePreviewWrapper = styled.div(templateObject_2$
|
|
16287
|
-
var ImagePreviewText = styled.div(templateObject_3$
|
|
16288
|
-
var ImagePreviewImageWrapper = styled.div(templateObject_4$
|
|
16289
|
-
var templateObject_1$
|
|
16216
|
+
var StyledSpinner = styled(Spinner$1)(templateObject_1$p || (templateObject_1$p = __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"])));
|
|
16217
|
+
var ImagePreviewWrapper = styled.div(templateObject_2$l || (templateObject_2$l = __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"])));
|
|
16218
|
+
var ImagePreviewText = styled.div(templateObject_3$g || (templateObject_3$g = __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"])));
|
|
16219
|
+
var ImagePreviewImageWrapper = styled.div(templateObject_4$a || (templateObject_4$a = __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"])));
|
|
16220
|
+
var templateObject_1$p, templateObject_2$l, templateObject_3$g, templateObject_4$a;
|
|
16290
16221
|
|
|
16291
16222
|
var CameraVideoTag = function CameraVideoTag(_a) {
|
|
16292
16223
|
var _b;
|
|
@@ -16325,10 +16256,10 @@
|
|
|
16325
16256
|
"$isRearFacing": (_b = cameraRef.current) === null || _b === void 0 ? void 0 : _b.isRearFacing
|
|
16326
16257
|
});
|
|
16327
16258
|
};
|
|
16328
|
-
var FullscreenVideoTag = styled.video(templateObject_1$
|
|
16259
|
+
var FullscreenVideoTag = styled.video(templateObject_1$o || (templateObject_1$o = __makeTemplateObject(["\n transform: ", ";\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 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) {
|
|
16329
16260
|
return props.$isRearFacing ? '' : 'scaleX(-1)';
|
|
16330
16261
|
});
|
|
16331
|
-
var templateObject_1$
|
|
16262
|
+
var templateObject_1$o;
|
|
16332
16263
|
|
|
16333
16264
|
var documentCaptureInitialState = {
|
|
16334
16265
|
documents: [],
|
|
@@ -16684,16 +16615,16 @@
|
|
|
16684
16615
|
ref: canvasRef
|
|
16685
16616
|
}));
|
|
16686
16617
|
};
|
|
16687
|
-
var CanvasWrapper = styled.div(templateObject_1$
|
|
16618
|
+
var CanvasWrapper = styled.div(templateObject_1$n || (templateObject_1$n = __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) {
|
|
16688
16619
|
return props.$maskColor;
|
|
16689
16620
|
});
|
|
16690
|
-
var Canvas = styled.canvas(templateObject_2$
|
|
16691
|
-
var templateObject_1$
|
|
16621
|
+
var Canvas = styled.canvas(templateObject_2$k || (templateObject_2$k = __makeTemplateObject(["\n display: block;\n"], ["\n display: block;\n"])));
|
|
16622
|
+
var templateObject_1$n, templateObject_2$k;
|
|
16692
16623
|
|
|
16693
|
-
var CameraFeedWrapper = styled.div(templateObject_1$
|
|
16624
|
+
var CameraFeedWrapper = styled.div(templateObject_1$m || (templateObject_1$m = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
16694
16625
|
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;") : "";
|
|
16695
16626
|
});
|
|
16696
|
-
var templateObject_1$
|
|
16627
|
+
var templateObject_1$m;
|
|
16697
16628
|
|
|
16698
16629
|
var DocumentCaptureScreen = function DocumentCaptureScreen(_a) {
|
|
16699
16630
|
var _b, _c, _d, _e, _f, _g, _h;
|
|
@@ -16843,21 +16774,21 @@
|
|
|
16843
16774
|
disabled: !cameraReady || capturing
|
|
16844
16775
|
}, !cameraReady ? verbiage.loadingBtnText : capturing ? verbiage.capturingBtnText : verbiage.captureBtnText))))));
|
|
16845
16776
|
};
|
|
16846
|
-
var CaptureContainer = styled.div(templateObject_1$
|
|
16847
|
-
var HeadingRow = styled.div(templateObject_2$
|
|
16777
|
+
var CaptureContainer = styled.div(templateObject_1$l || (templateObject_1$l = __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"])));
|
|
16778
|
+
var HeadingRow = styled.div(templateObject_2$j || (templateObject_2$j = __makeTemplateObject(["\n background: ", ";\n text-align: center;\n color: white;\n"], ["\n background: ", ";\n text-align: center;\n color: white;\n"])), function (props) {
|
|
16848
16779
|
return props.$maskColor;
|
|
16849
16780
|
});
|
|
16850
|
-
var Heading$9 = styled.h1(templateObject_3$
|
|
16851
|
-
var FooterRow = styled.div(templateObject_4$
|
|
16781
|
+
var Heading$9 = styled.h1(templateObject_3$f || (templateObject_3$f = __makeTemplateObject(["\n font-size: 22px;\n"], ["\n font-size: 22px;\n"])));
|
|
16782
|
+
var FooterRow = styled.div(templateObject_4$9 || (templateObject_4$9 = __makeTemplateObject(["\n background: ", ";\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: 0 20px 20px;\n height: auto;\n color: white;\n"], ["\n background: ", ";\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: 0 20px 20px;\n height: auto;\n color: white;\n"])), function (props) {
|
|
16852
16783
|
return props.$maskColor;
|
|
16853
16784
|
});
|
|
16854
|
-
var Instructions = styled.div(templateObject_5$
|
|
16785
|
+
var Instructions = styled.div(templateObject_5$5 || (templateObject_5$5 = __makeTemplateObject(["\n max-height: ", ";\n overflow-y: auto;\n"], ["\n max-height: ", ";\n overflow-y: auto;\n"])), function (props) {
|
|
16855
16786
|
var _a, _b, _c;
|
|
16856
16787
|
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';
|
|
16857
16788
|
});
|
|
16858
|
-
var StyledButtonsRow$9 = styled(ButtonsRow)(templateObject_6$
|
|
16859
|
-
var PreviewImage = styled.img(templateObject_7$
|
|
16860
|
-
var templateObject_1$
|
|
16789
|
+
var StyledButtonsRow$9 = styled(ButtonsRow)(templateObject_6$4 || (templateObject_6$4 = __makeTemplateObject(["\n padding-top: 20px;\n"], ["\n padding-top: 20px;\n"])));
|
|
16790
|
+
var PreviewImage = styled.img(templateObject_7$2 || (templateObject_7$2 = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n object-fit: cover;\n"], ["\n width: 100%;\n height: 100%;\n object-fit: cover;\n"])));
|
|
16791
|
+
var templateObject_1$l, templateObject_2$j, templateObject_3$f, templateObject_4$9, templateObject_5$5, templateObject_6$4, templateObject_7$2;
|
|
16861
16792
|
|
|
16862
16793
|
var DocumentCaptureWizard = function DocumentCaptureWizard(_a) {
|
|
16863
16794
|
var onSuccess = _a.onSuccess,
|
|
@@ -17126,13 +17057,13 @@
|
|
|
17126
17057
|
}
|
|
17127
17058
|
}, verbiage.doneBtnText))))));
|
|
17128
17059
|
};
|
|
17129
|
-
var StyledOverlayInner$2 = styled(OverlayInner$2)(templateObject_1$
|
|
17130
|
-
var Heading$8 = styled.h3(templateObject_2$
|
|
17131
|
-
var Description$3 = styled.p(templateObject_3$
|
|
17132
|
-
var Instruction = styled.p(templateObject_4$
|
|
17133
|
-
var ImageCol = styled.div(templateObject_5$
|
|
17134
|
-
var StyledButtonsRow$8 = styled(ButtonsRow)(templateObject_6$
|
|
17135
|
-
var templateObject_1$
|
|
17060
|
+
var StyledOverlayInner$2 = styled(OverlayInner$2)(templateObject_1$k || (templateObject_1$k = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
17061
|
+
var Heading$8 = styled.h3(templateObject_2$i || (templateObject_2$i = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
17062
|
+
var Description$3 = styled.p(templateObject_3$e || (templateObject_3$e = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
17063
|
+
var Instruction = styled.p(templateObject_4$8 || (templateObject_4$8 = __makeTemplateObject(["\n font-weight: bold;\n"], ["\n font-weight: bold;\n"])));
|
|
17064
|
+
var ImageCol = styled.div(templateObject_5$4 || (templateObject_5$4 = __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"])));
|
|
17065
|
+
var StyledButtonsRow$8 = styled(ButtonsRow)(templateObject_6$3 || (templateObject_6$3 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
17066
|
+
var templateObject_1$k, templateObject_2$i, templateObject_3$e, templateObject_4$8, templateObject_5$4, templateObject_6$3;
|
|
17136
17067
|
|
|
17137
17068
|
function ScalingCameraFeed() {
|
|
17138
17069
|
var _a = React.useContext(IdCaptureStateContext),
|
|
@@ -17818,7 +17749,7 @@
|
|
|
17818
17749
|
}))));
|
|
17819
17750
|
});
|
|
17820
17751
|
HeadGuideSvg.displayName = 'HeadGuideSvg';
|
|
17821
|
-
var PulsingHeadGuideContainer = styled.div(templateObject_1$
|
|
17752
|
+
var PulsingHeadGuideContainer = styled.div(templateObject_1$j || (templateObject_1$j = __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\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\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);
|
|
17822
17753
|
function HeadGuide(_a) {
|
|
17823
17754
|
var _b;
|
|
17824
17755
|
var _c = _a.status,
|
|
@@ -17868,8 +17799,8 @@
|
|
|
17868
17799
|
height: parentHeight
|
|
17869
17800
|
})));
|
|
17870
17801
|
}
|
|
17871
|
-
var AbsoluteSvg = styled.svg(templateObject_2$
|
|
17872
|
-
var RelativeSvgContainer = styled.div(templateObject_3$
|
|
17802
|
+
var AbsoluteSvg = styled.svg(templateObject_2$h || (templateObject_2$h = __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"])));
|
|
17803
|
+
var RelativeSvgContainer = styled.div(templateObject_3$d || (templateObject_3$d = __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) {
|
|
17873
17804
|
return props.$verticalAlign === 'bottom' ? 'flex-end' : 'center';
|
|
17874
17805
|
});
|
|
17875
17806
|
function SelfieCaptureAnimatedMask(_a) {
|
|
@@ -18096,10 +18027,10 @@
|
|
|
18096
18027
|
status: status
|
|
18097
18028
|
}));
|
|
18098
18029
|
}
|
|
18099
|
-
var templateObject_1$
|
|
18030
|
+
var templateObject_1$j, templateObject_2$h, templateObject_3$d;
|
|
18100
18031
|
|
|
18101
|
-
var FaceCaptureGuideContainer = styled.div(templateObject_1$
|
|
18102
|
-
var FaceCaptureGuideInner = styled.div(templateObject_2$
|
|
18032
|
+
var FaceCaptureGuideContainer = styled.div(templateObject_1$i || (templateObject_1$i = __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"])));
|
|
18033
|
+
var FaceCaptureGuideInner = styled.div(templateObject_2$g || (templateObject_2$g = __makeTemplateObject(["\n position: relative;\n height: 60%;\n"], ["\n position: relative;\n height: 60%;\n"])));
|
|
18103
18034
|
var FaceCaptureGuideOverlay = function FaceCaptureGuideOverlay(_a) {
|
|
18104
18035
|
var _b = _a.classNames,
|
|
18105
18036
|
classNames = _b === void 0 ? {} : _b,
|
|
@@ -18121,7 +18052,7 @@
|
|
|
18121
18052
|
verticalAlign: "center"
|
|
18122
18053
|
})));
|
|
18123
18054
|
};
|
|
18124
|
-
var templateObject_1$
|
|
18055
|
+
var templateObject_1$i, templateObject_2$g;
|
|
18125
18056
|
|
|
18126
18057
|
var SelfieGuidanceModelsContext = /*#__PURE__*/React.createContext({
|
|
18127
18058
|
start: function start() {
|
|
@@ -18425,12 +18356,12 @@
|
|
|
18425
18356
|
}
|
|
18426
18357
|
}, !image ? invalidSelfie ? verbiage.retryButtonText : verbiage.captureBtnText : loading ? verbiage.doneBtnLoadingText : verbiage.doneBtnText)))));
|
|
18427
18358
|
};
|
|
18428
|
-
var StyledOverlayInner$1 = styled(OverlayInner$2)(templateObject_1$
|
|
18429
|
-
var Heading$7 = styled.h3(templateObject_2$
|
|
18430
|
-
var Description$2 = styled.p(templateObject_3$
|
|
18431
|
-
var ImageContainer$6 = styled(OverlayImageContainer)(templateObject_4$
|
|
18432
|
-
var StyledButtonsRow$7 = styled(ButtonsRow)(templateObject_5$
|
|
18433
|
-
var templateObject_1$
|
|
18359
|
+
var StyledOverlayInner$1 = styled(OverlayInner$2)(templateObject_1$h || (templateObject_1$h = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
18360
|
+
var Heading$7 = styled.h3(templateObject_2$f || (templateObject_2$f = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
18361
|
+
var Description$2 = styled.p(templateObject_3$c || (templateObject_3$c = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
18362
|
+
var ImageContainer$6 = styled(OverlayImageContainer)(templateObject_4$7 || (templateObject_4$7 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
18363
|
+
var StyledButtonsRow$7 = styled(ButtonsRow)(templateObject_5$3 || (templateObject_5$3 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
18364
|
+
var templateObject_1$h, templateObject_2$f, templateObject_3$c, templateObject_4$7, templateObject_5$3;
|
|
18434
18365
|
|
|
18435
18366
|
var initialState$3 = {
|
|
18436
18367
|
busy: false,
|
|
@@ -18974,9 +18905,9 @@
|
|
|
18974
18905
|
finished: true
|
|
18975
18906
|
}, verbiage.retryBtnText)))));
|
|
18976
18907
|
};
|
|
18977
|
-
var ImageContainer$5 = styled.div(templateObject_1$
|
|
18978
|
-
var Heading$6 = styled.h3(templateObject_2$
|
|
18979
|
-
var templateObject_1$
|
|
18908
|
+
var ImageContainer$5 = styled.div(templateObject_1$g || (templateObject_1$g = __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"])));
|
|
18909
|
+
var Heading$6 = styled.h3(templateObject_2$e || (templateObject_2$e = __makeTemplateObject(["\n font-size: 1.2rem;\n margin: 0;\n"], ["\n font-size: 1.2rem;\n margin: 0;\n"])));
|
|
18910
|
+
var templateObject_1$g, templateObject_2$e;
|
|
18980
18911
|
|
|
18981
18912
|
var FaceLivenessFailure = function FaceLivenessFailure(_a) {
|
|
18982
18913
|
var _b = _a.canRetry,
|
|
@@ -19025,9 +18956,9 @@
|
|
|
19025
18956
|
finished: true
|
|
19026
18957
|
}, verbiage.exitBtnText)))));
|
|
19027
18958
|
};
|
|
19028
|
-
var ImageContainer$4 = styled(OverlayImageContainer)(templateObject_1$
|
|
19029
|
-
var Heading$5 = styled.h3(templateObject_2$
|
|
19030
|
-
var templateObject_1$
|
|
18959
|
+
var ImageContainer$4 = styled(OverlayImageContainer)(templateObject_1$f || (templateObject_1$f = __makeTemplateObject(["\n max-height: calc(100vh - 185px);\n"], ["\n max-height: calc(100vh - 185px);\n"])));
|
|
18960
|
+
var Heading$5 = styled.h3(templateObject_2$d || (templateObject_2$d = __makeTemplateObject(["\n margin-bottom: 36px;\n"], ["\n margin-bottom: 36px;\n"])));
|
|
18961
|
+
var templateObject_1$f, templateObject_2$d;
|
|
19031
18962
|
|
|
19032
18963
|
var MicrophoneAccessDeniedOverlay = function MicrophoneAccessDeniedOverlay(_a) {
|
|
19033
18964
|
var _b;
|
|
@@ -19068,11 +18999,11 @@
|
|
|
19068
18999
|
finished: true
|
|
19069
19000
|
}, verbiage.retryBtnText)));
|
|
19070
19001
|
};
|
|
19071
|
-
var StyledOverlayInner = styled(OverlayInner$2)(templateObject_1$
|
|
19072
|
-
var StyledOverlayImageContainer$1 = styled(OverlayImageContainer)(templateObject_2$
|
|
19073
|
-
var Description$1 = styled.p(templateObject_3$
|
|
19074
|
-
var RetryButton = styled(LoaderButton)(templateObject_4$
|
|
19075
|
-
var templateObject_1$
|
|
19002
|
+
var StyledOverlayInner = styled(OverlayInner$2)(templateObject_1$e || (templateObject_1$e = __makeTemplateObject(["\n max-width: 500px;\n height: auto;\n margin: auto;\n"], ["\n max-width: 500px;\n height: auto;\n margin: auto;\n"])));
|
|
19003
|
+
var StyledOverlayImageContainer$1 = styled(OverlayImageContainer)(templateObject_2$c || (templateObject_2$c = __makeTemplateObject(["\n flex-grow: 0;\n"], ["\n flex-grow: 0;\n"])));
|
|
19004
|
+
var Description$1 = styled.p(templateObject_3$b || (templateObject_3$b = __makeTemplateObject(["\n line-height: 1.5;\n margin-bottom: 50px;\n"], ["\n line-height: 1.5;\n margin-bottom: 50px;\n"])));
|
|
19005
|
+
var RetryButton = styled(LoaderButton)(templateObject_4$6 || (templateObject_4$6 = __makeTemplateObject(["\n width: 200px;\n margin: 0 auto;\n"], ["\n width: 200px;\n margin: 0 auto;\n"])));
|
|
19006
|
+
var templateObject_1$e, templateObject_2$c, templateObject_3$b, templateObject_4$6;
|
|
19076
19007
|
|
|
19077
19008
|
var SelfieCaptureLoadingOverlayLegacy = function SelfieCaptureLoadingOverlayLegacy(_a) {
|
|
19078
19009
|
var onDismissed = _a.onDismissed,
|
|
@@ -19155,9 +19086,9 @@
|
|
|
19155
19086
|
}
|
|
19156
19087
|
}, cameraReady && allModelsReady ? verbiage.continueText : allModelsReady ? verbiage.cameraInitializingText : modelDownloadProgress >= 100 ? "".concat(verbiage.modelsWarmingUpText) : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)")))));
|
|
19157
19088
|
};
|
|
19158
|
-
var StyledGuidanceMessage$1 = styled(GuidanceMessage)(templateObject_1$
|
|
19159
|
-
var StyledButtonsRow$6 = styled(ButtonsRow)(templateObject_2$
|
|
19160
|
-
var templateObject_1$
|
|
19089
|
+
var StyledGuidanceMessage$1 = styled(GuidanceMessage)(templateObject_1$d || (templateObject_1$d = __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"])));
|
|
19090
|
+
var StyledButtonsRow$6 = styled(ButtonsRow)(templateObject_2$b || (templateObject_2$b = __makeTemplateObject(["\n flex-direction: column;\n padding-top: 25px;\n"], ["\n flex-direction: column;\n padding-top: 25px;\n"])));
|
|
19091
|
+
var templateObject_1$d, templateObject_2$b;
|
|
19161
19092
|
|
|
19162
19093
|
var legacyInstructionImageUrl = "".concat(DEFAULT_CDN_URL, "/Selfie-Image-1.png");
|
|
19163
19094
|
var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDefault(_a) {
|
|
@@ -19282,30 +19213,30 @@
|
|
|
19282
19213
|
}
|
|
19283
19214
|
}, verbiage.continueText))))));
|
|
19284
19215
|
};
|
|
19285
|
-
var OverlayInner = styled.div(templateObject_1$
|
|
19216
|
+
var OverlayInner = styled.div(templateObject_1$c || (templateObject_1$c = __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) {
|
|
19286
19217
|
var _a, _b, _c, _d;
|
|
19287
19218
|
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';
|
|
19288
19219
|
}, function (props) {
|
|
19289
19220
|
var _a, _b, _c, _d;
|
|
19290
19221
|
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';
|
|
19291
19222
|
});
|
|
19292
|
-
var OverlayHeader = styled.div(templateObject_2$
|
|
19223
|
+
var OverlayHeader = styled.div(templateObject_2$a || (templateObject_2$a = __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) {
|
|
19293
19224
|
var _a;
|
|
19294
19225
|
return (_a = props.theme.textAlign) !== null && _a !== void 0 ? _a : 'center';
|
|
19295
19226
|
}, function (props) {
|
|
19296
19227
|
return props.theme.padding ? "box-sizing: border-box; padding: ".concat(props.theme.padding, ";") : "";
|
|
19297
19228
|
});
|
|
19298
|
-
var StyledGuidanceMessage = styled(GuidanceMessage)(templateObject_3$
|
|
19299
|
-
var StyledButtonsRow$5 = styled(ButtonsRow)(templateObject_4$
|
|
19229
|
+
var StyledGuidanceMessage = styled(GuidanceMessage)(templateObject_3$a || (templateObject_3$a = __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"])));
|
|
19230
|
+
var StyledButtonsRow$5 = styled(ButtonsRow)(templateObject_4$5 || (templateObject_4$5 = __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) {
|
|
19300
19231
|
var _a, _b, _c, _d;
|
|
19301
19232
|
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';
|
|
19302
19233
|
}, function (props) {
|
|
19303
19234
|
var _a, _b, _c, _d, _e, _f;
|
|
19304
19235
|
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, ";") : '';
|
|
19305
19236
|
});
|
|
19306
|
-
var StyledOverlayImageContainer = styled(OverlayImageContainer)(templateObject_5$
|
|
19307
|
-
var LoadingListContainer = styled.div(templateObject_6$
|
|
19308
|
-
var LoadingList = styled.ul(templateObject_7$
|
|
19237
|
+
var StyledOverlayImageContainer = styled(OverlayImageContainer)(templateObject_5$2 || (templateObject_5$2 = __makeTemplateObject(["\n padding: 0;\n\n & > svg {\n height: 100%;\n }\n"], ["\n padding: 0;\n\n & > svg {\n height: 100%;\n }\n"])));
|
|
19238
|
+
var LoadingListContainer = styled.div(templateObject_6$2 || (templateObject_6$2 = __makeTemplateObject(["\n display: flex;\n position: relative;\n z-index: 2;\n"], ["\n display: flex;\n position: relative;\n z-index: 2;\n"])));
|
|
19239
|
+
var LoadingList = styled.ul(templateObject_7$1 || (templateObject_7$1 = __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"])));
|
|
19309
19240
|
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"])));
|
|
19310
19241
|
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"])));
|
|
19311
19242
|
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) {
|
|
@@ -19331,7 +19262,7 @@
|
|
|
19331
19262
|
var _a, _b, _c, _d, _e, _f;
|
|
19332
19263
|
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, ";") : '';
|
|
19333
19264
|
});
|
|
19334
|
-
var templateObject_1$
|
|
19265
|
+
var templateObject_1$c, templateObject_2$a, templateObject_3$a, templateObject_4$5, templateObject_5$2, templateObject_6$2, templateObject_7$1, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15;
|
|
19335
19266
|
|
|
19336
19267
|
var components = {
|
|
19337
19268
|
"default": SelfieCaptureLoadingOverlayDefault,
|
|
@@ -19660,7 +19591,7 @@
|
|
|
19660
19591
|
}
|
|
19661
19592
|
return /*#__PURE__*/React.createElement(OverlayContainer, {
|
|
19662
19593
|
className: classNames.container
|
|
19663
|
-
}, /*#__PURE__*/React.createElement(Inner$
|
|
19594
|
+
}, /*#__PURE__*/React.createElement(Inner$1, {
|
|
19664
19595
|
className: classNames.inner
|
|
19665
19596
|
}, /*#__PURE__*/React.createElement(Heading$4, {
|
|
19666
19597
|
className: classNames.heading
|
|
@@ -19690,11 +19621,11 @@
|
|
|
19690
19621
|
}
|
|
19691
19622
|
}, verbiage.captureBtnText)))));
|
|
19692
19623
|
};
|
|
19693
|
-
var Inner$
|
|
19694
|
-
var Heading$4 = styled.h3(templateObject_2$
|
|
19695
|
-
var Description = styled.p(templateObject_3$
|
|
19696
|
-
var StyledButtonsRow$4 = styled(ButtonsRow)(templateObject_4$
|
|
19697
|
-
var templateObject_1$
|
|
19624
|
+
var Inner$1 = styled(OverlayInner$2)(templateObject_1$b || (templateObject_1$b = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
19625
|
+
var Heading$4 = styled.h3(templateObject_2$9 || (templateObject_2$9 = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
19626
|
+
var Description = styled.p(templateObject_3$9 || (templateObject_3$9 = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
19627
|
+
var StyledButtonsRow$4 = styled(ButtonsRow)(templateObject_4$4 || (templateObject_4$4 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
19628
|
+
var templateObject_1$b, templateObject_2$9, templateObject_3$9, templateObject_4$4;
|
|
19698
19629
|
|
|
19699
19630
|
var AdditionalDocumentCaptureWizard = function AdditionalDocumentCaptureWizard(_a) {
|
|
19700
19631
|
var documents = _a.documents,
|
|
@@ -20606,7 +20537,7 @@
|
|
|
20606
20537
|
});
|
|
20607
20538
|
}
|
|
20608
20539
|
|
|
20609
|
-
var SignaturePaperBacking = styled.div(templateObject_1$
|
|
20540
|
+
var SignaturePaperBacking = styled.div(templateObject_1$a || (templateObject_1$a = __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) {
|
|
20610
20541
|
var _a, _b;
|
|
20611
20542
|
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, ";") : "";
|
|
20612
20543
|
}, function (props) {
|
|
@@ -20616,8 +20547,8 @@
|
|
|
20616
20547
|
var _a, _b;
|
|
20617
20548
|
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, ";") : "";
|
|
20618
20549
|
});
|
|
20619
|
-
var SignatureCanvasContainer$1 = styled.div(templateObject_2$
|
|
20620
|
-
var SignaturePad = styled.div(templateObject_3$
|
|
20550
|
+
var SignatureCanvasContainer$1 = styled.div(templateObject_2$8 || (templateObject_2$8 = __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"])));
|
|
20551
|
+
var SignaturePad = styled.div(templateObject_3$8 || (templateObject_3$8 = __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) {
|
|
20621
20552
|
var _a, _b, _c;
|
|
20622
20553
|
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)';
|
|
20623
20554
|
}, function (props) {
|
|
@@ -20627,8 +20558,8 @@
|
|
|
20627
20558
|
var _a, _b, _c;
|
|
20628
20559
|
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';
|
|
20629
20560
|
});
|
|
20630
|
-
var SignatureButtonsContainer = styled(ButtonsRow)(templateObject_4$
|
|
20631
|
-
var templateObject_1$
|
|
20561
|
+
var SignatureButtonsContainer = styled(ButtonsRow)(templateObject_4$3 || (templateObject_4$3 = __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"])));
|
|
20562
|
+
var templateObject_1$a, templateObject_2$8, templateObject_3$8, templateObject_4$3;
|
|
20632
20563
|
|
|
20633
20564
|
var SignatureCapture = function SignatureCapture(_a) {
|
|
20634
20565
|
var _b;
|
|
@@ -20699,8 +20630,8 @@
|
|
|
20699
20630
|
finished: true
|
|
20700
20631
|
}, verbiage.acceptBtnText)))));
|
|
20701
20632
|
};
|
|
20702
|
-
var AcceptBtn$1 = styled(LoaderButton)(templateObject_1$
|
|
20703
|
-
var templateObject_1$
|
|
20633
|
+
var AcceptBtn$1 = styled(LoaderButton)(templateObject_1$9 || (templateObject_1$9 = __makeTemplateObject(["\n margin-left: auto;\n"], ["\n margin-left: auto;\n"])));
|
|
20634
|
+
var templateObject_1$9;
|
|
20704
20635
|
|
|
20705
20636
|
var useVideoRecorder = function useVideoRecorder(camera, audioStream, mergeAVStreams) {
|
|
20706
20637
|
if (mergeAVStreams === void 0) {
|
|
@@ -21060,11 +20991,11 @@
|
|
|
21060
20991
|
className: classNames.signatureCanvas
|
|
21061
20992
|
};
|
|
21062
20993
|
}, [classNames.signatureCanvas, height, width]);
|
|
21063
|
-
return /*#__PURE__*/React.createElement(Container
|
|
20994
|
+
return /*#__PURE__*/React.createElement(Container, {
|
|
21064
20995
|
className: classNames.container
|
|
21065
|
-
}, /*#__PURE__*/React.createElement(Inner
|
|
20996
|
+
}, /*#__PURE__*/React.createElement(Inner, {
|
|
21066
20997
|
className: classNames.inner
|
|
21067
|
-
}, /*#__PURE__*/React.createElement(FaceGuideContainer
|
|
20998
|
+
}, /*#__PURE__*/React.createElement(FaceGuideContainer, {
|
|
21068
20999
|
className: classNames.faceGuideContainer
|
|
21069
21000
|
}, /*#__PURE__*/React.createElement(StyledSelfieCaptureAnimatedMask, {
|
|
21070
21001
|
className: classNames.faceGuide,
|
|
@@ -21099,19 +21030,19 @@
|
|
|
21099
21030
|
finished: true
|
|
21100
21031
|
}, verbiage.acceptSignatureBtnText))))));
|
|
21101
21032
|
}
|
|
21102
|
-
var Container
|
|
21033
|
+
var Container = styled.div(templateObject_1$8 || (templateObject_1$8 = __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) {
|
|
21103
21034
|
var _a;
|
|
21104
21035
|
return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
|
|
21105
21036
|
});
|
|
21106
|
-
var Inner
|
|
21107
|
-
var FaceGuideContainer
|
|
21108
|
-
var StyledSelfieCaptureAnimatedMask = styled(SelfieCaptureAnimatedMaskWithStatus)(templateObject_4$
|
|
21109
|
-
var SignaturePadContainer = styled.div(templateObject_5$
|
|
21110
|
-
var SignatureCanvasContainer = styled.div(templateObject_6$
|
|
21037
|
+
var Inner = styled.div(templateObject_2$7 || (templateObject_2$7 = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n max-height: 1280px;\n display: flex;\n margin: auto;\n align-items: center;\n flex-direction: column;\n"], ["\n width: 100%;\n height: 100%;\n max-height: 1280px;\n display: flex;\n margin: auto;\n align-items: center;\n flex-direction: column;\n"])));
|
|
21038
|
+
var FaceGuideContainer = styled.div(templateObject_3$7 || (templateObject_3$7 = __makeTemplateObject(["\n position: relative;\n height: 50%;\n"], ["\n position: relative;\n height: 50%;\n"])));
|
|
21039
|
+
var StyledSelfieCaptureAnimatedMask = styled(SelfieCaptureAnimatedMaskWithStatus)(templateObject_4$2 || (templateObject_4$2 = __makeTemplateObject(["\n max-width: 100%;\n height: 100%;\n"], ["\n max-width: 100%;\n height: 100%;\n"])));
|
|
21040
|
+
var SignaturePadContainer = styled.div(templateObject_5$1 || (templateObject_5$1 = __makeTemplateObject(["\n position: relative;\n max-width: 100%;\n height: 50%;\n aspect-ratio: 2;\n"], ["\n position: relative;\n max-width: 100%;\n height: 50%;\n aspect-ratio: 2;\n"])));
|
|
21041
|
+
var SignatureCanvasContainer = styled.div(templateObject_6$1 || (templateObject_6$1 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: calc(100% - 67px);\n ", "\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: calc(100% - 67px);\n ", "\n"])), function (props) {
|
|
21111
21042
|
return props.$disabled ? 'opacity: 0.5; pointer-events: none;' : '';
|
|
21112
21043
|
});
|
|
21113
|
-
var AcceptBtn = styled(LoaderButton)(templateObject_7
|
|
21114
|
-
var templateObject_1$
|
|
21044
|
+
var AcceptBtn = styled(LoaderButton)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n margin-left: auto;\n"], ["\n margin-left: auto;\n"])));
|
|
21045
|
+
var templateObject_1$8, templateObject_2$7, templateObject_3$7, templateObject_4$2, templateObject_5$1, templateObject_6$1, templateObject_7;
|
|
21115
21046
|
|
|
21116
21047
|
var VideoSignatureCapture = function VideoSignatureCapture(_a) {
|
|
21117
21048
|
var _b, _c, _d;
|
|
@@ -21239,8 +21170,8 @@
|
|
|
21239
21170
|
finished: true
|
|
21240
21171
|
}, verbiage.doneBtnText))));
|
|
21241
21172
|
};
|
|
21242
|
-
var StyledVideo$1 = styled.video(templateObject_1$
|
|
21243
|
-
var templateObject_1$
|
|
21173
|
+
var StyledVideo$1 = styled.video(templateObject_1$7 || (templateObject_1$7 = __makeTemplateObject(["\n margin-left: auto;\n margin-right: auto;\n max-width: 100%;\n"], ["\n margin-left: auto;\n margin-right: auto;\n max-width: 100%;\n"])));
|
|
21174
|
+
var templateObject_1$7;
|
|
21244
21175
|
|
|
21245
21176
|
var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
21246
21177
|
var _b;
|
|
@@ -21433,127 +21364,6 @@
|
|
|
21433
21364
|
}()));
|
|
21434
21365
|
};
|
|
21435
21366
|
|
|
21436
|
-
var IdVideoCaptureGuides = function IdVideoCaptureGuides(_a) {
|
|
21437
|
-
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
|
|
21438
|
-
var _0 = _a.requestedAction,
|
|
21439
|
-
requestedAction = _0 === void 0 ? 'SHOW_ID_FRONT' : _0,
|
|
21440
|
-
_1 = _a.satisfied,
|
|
21441
|
-
satisfied = _1 === void 0 ? false : _1,
|
|
21442
|
-
_2 = _a.faceGuideStatus,
|
|
21443
|
-
faceGuideStatus = _2 === void 0 ? 'success' : _2,
|
|
21444
|
-
faceGuideBorderWidth = _a.faceGuideBorderWidth,
|
|
21445
|
-
faceGuideBorderColor = _a.faceGuideBorderColor,
|
|
21446
|
-
_3 = _a.idCardGuideStatus,
|
|
21447
|
-
idCardGuideStatus = _3 === void 0 ? 'ready' : _3,
|
|
21448
|
-
idCardGuideBorderWidth = _a.idCardGuideBorderWidth,
|
|
21449
|
-
idCardGuideBorderColor = _a.idCardGuideBorderColor,
|
|
21450
|
-
idCardCaptureProgress = _a.idCardCaptureProgress,
|
|
21451
|
-
_4 = _a.idCardCaptureGuideImages,
|
|
21452
|
-
userSuppliedImages = _4 === void 0 ? defaultIdCaptureGuideImages : _4,
|
|
21453
|
-
_5 = _a.classNames,
|
|
21454
|
-
classNames = _5 === void 0 ? {} : _5,
|
|
21455
|
-
_6 = _a.verbiage,
|
|
21456
|
-
rawVerbiage = _6 === void 0 ? {} : _6;
|
|
21457
|
-
var cameraRef = React.useContext(CameraStateContext).cameraRef;
|
|
21458
|
-
var verbiage = useTranslations(rawVerbiage, {
|
|
21459
|
-
idFrontInstructionText: 'Display the front of your ID card...',
|
|
21460
|
-
idBackInstructionText: 'Display the back of your ID card...',
|
|
21461
|
-
flipIdInstructionText: 'Please flip your ID card...',
|
|
21462
|
-
verifyLivenessInstructionText: 'Performing facial recognition, please hold still...'
|
|
21463
|
-
});
|
|
21464
|
-
var instructionText = requestedAction === 'VERIFY_LIVENESS' ? verbiage.verifyLivenessInstructionText : requestedAction === 'SHOW_ID_FRONT' ? verbiage.idFrontInstructionText : requestedAction === 'FLIP_ID' ? verbiage.flipIdInstructionText : verbiage.idBackInstructionText;
|
|
21465
|
-
var theme = styled.useTheme();
|
|
21466
|
-
if (faceGuideBorderWidth === undefined) faceGuideBorderWidth = (_d = (_c = (_b = theme.idVideoCapture) === null || _b === void 0 ? void 0 : _b.faceGuides) === null || _c === void 0 ? void 0 : _c.borderWidth) !== null && _d !== void 0 ? _d : 5;
|
|
21467
|
-
if (faceGuideBorderColor === undefined) faceGuideBorderColor = (_j = satisfied ? (_f = (_e = theme.idVideoCapture) === null || _e === void 0 ? void 0 : _e.faceGuides) === null || _f === void 0 ? void 0 : _f.satisfiedColor : (_h = (_g = theme.idVideoCapture) === null || _g === void 0 ? void 0 : _g.faceGuides) === null || _h === void 0 ? void 0 : _h.unsatisfiedColor) !== null && _j !== void 0 ? _j : '#D6DCE7';
|
|
21468
|
-
if (idCardGuideBorderWidth === undefined) idCardGuideBorderWidth = (_m = (_l = (_k = theme.idVideoCapture) === null || _k === void 0 ? void 0 : _k.idCardGuides) === null || _l === void 0 ? void 0 : _l.borderWidth) !== null && _m !== void 0 ? _m : 20;
|
|
21469
|
-
if (idCardGuideBorderColor === undefined) idCardGuideBorderColor = (_s = satisfied ? (_p = (_o = theme.idVideoCapture) === null || _o === void 0 ? void 0 : _o.idCardGuides) === null || _p === void 0 ? void 0 : _p.satisfiedColor : (_r = (_q = theme.idVideoCapture) === null || _q === void 0 ? void 0 : _q.idCardGuides) === null || _r === void 0 ? void 0 : _r.unsatisfiedColor) !== null && _s !== void 0 ? _s : '#D6DCE7';
|
|
21470
|
-
var _7 = useResizeObserver(),
|
|
21471
|
-
idCardGuideRef = _7.ref,
|
|
21472
|
-
_8 = _7.width,
|
|
21473
|
-
idCardGuideWidth = _8 === void 0 ? 0 : _8,
|
|
21474
|
-
_9 = _7.height,
|
|
21475
|
-
idCardGuideHeight = _9 === void 0 ? 0 : _9;
|
|
21476
|
-
var idCaptureGuideImages = useGuideImages(userSuppliedImages);
|
|
21477
|
-
var idCaptureGuideImagesByUrl = useGuideImagesByUrl(idCaptureGuideImages);
|
|
21478
|
-
var _10 = React.useState(undefined),
|
|
21479
|
-
aspectRatio = _10[0],
|
|
21480
|
-
setAspectRatio = _10[1];
|
|
21481
|
-
var onImageLoaded = React.useCallback(function (e) {
|
|
21482
|
-
var _a, _b, _c, _d;
|
|
21483
|
-
var img = e.currentTarget;
|
|
21484
|
-
var imageByUrl = idCaptureGuideImagesByUrl[img.src];
|
|
21485
|
-
var naturalWidth = (_b = (_a = imageByUrl === null || imageByUrl === void 0 ? void 0 : imageByUrl.width) !== null && _a !== void 0 ? _a : img.naturalWidth) !== null && _b !== void 0 ? _b : 0;
|
|
21486
|
-
var naturalHeight = (_d = (_c = imageByUrl === null || imageByUrl === void 0 ? void 0 : imageByUrl.height) !== null && _c !== void 0 ? _c : img.naturalHeight) !== null && _d !== void 0 ? _d : 0;
|
|
21487
|
-
setAspectRatio(naturalHeight > 0 ? naturalWidth / naturalHeight : undefined);
|
|
21488
|
-
}, [idCaptureGuideImagesByUrl]);
|
|
21489
|
-
var idCardImageStyle = React.useMemo(function () {
|
|
21490
|
-
return {
|
|
21491
|
-
maxWidth: idCardGuideWidth > idCardGuideHeight ? idCardGuideWidth : undefined,
|
|
21492
|
-
maxHeight: idCardGuideHeight > idCardGuideWidth ? idCardGuideHeight : undefined,
|
|
21493
|
-
height: '100%',
|
|
21494
|
-
aspectRatio: aspectRatio
|
|
21495
|
-
};
|
|
21496
|
-
}, [idCardGuideWidth, idCardGuideHeight, aspectRatio]);
|
|
21497
|
-
var disableIdGuides = ((_u = (_t = theme.idVideoCapture) === null || _t === void 0 ? void 0 : _t.idCardGuides) === null || _u === void 0 ? void 0 : _u.disableDuringLivenessCheck) && requestedAction === 'VERIFY_LIVENESS';
|
|
21498
|
-
return /*#__PURE__*/React.createElement(Container, {
|
|
21499
|
-
className: classNames.container
|
|
21500
|
-
}, /*#__PURE__*/React.createElement(Inner, null, /*#__PURE__*/React.createElement(FaceGuideContainer, {
|
|
21501
|
-
className: classNames.faceGuideContainer
|
|
21502
|
-
}, /*#__PURE__*/React.createElement(SelfieCaptureAnimatedMaskWithStatus, {
|
|
21503
|
-
className: classNames.faceGuide,
|
|
21504
|
-
status: requestedAction === 'VERIFY_LIVENESS' ? faceGuideStatus : 'success',
|
|
21505
|
-
borderWidth: faceGuideBorderWidth,
|
|
21506
|
-
borderColor: faceGuideBorderColor,
|
|
21507
|
-
verticalAlign: "bottom"
|
|
21508
|
-
})), !disableIdGuides && ( /*#__PURE__*/React.createElement(IdCardGuideContainer, {
|
|
21509
|
-
className: classNames.idCardGuideContainer,
|
|
21510
|
-
ref: idCardGuideRef
|
|
21511
|
-
}, /*#__PURE__*/React.createElement(IdCardGuideInner, {
|
|
21512
|
-
className: classNames.idCardGuideInner,
|
|
21513
|
-
style: {
|
|
21514
|
-
aspectRatio: aspectRatio
|
|
21515
|
-
}
|
|
21516
|
-
}, /*#__PURE__*/React.createElement(IdCardGuideImageContainer, {
|
|
21517
|
-
className: classNames.idCardGuideImageContainer,
|
|
21518
|
-
status: requestedAction === 'VERIFY_LIVENESS' ? 'disabled' : idCardGuideStatus,
|
|
21519
|
-
borderWidth: idCardGuideBorderWidth,
|
|
21520
|
-
borderColor: idCardGuideBorderColor,
|
|
21521
|
-
aspectRatio: aspectRatio,
|
|
21522
|
-
"$isVisible": requestedAction !== 'FLIP_ID',
|
|
21523
|
-
progress: requestedAction === 'VERIFY_LIVENESS' ? undefined : idCardCaptureProgress
|
|
21524
|
-
}, /*#__PURE__*/React.createElement(IdCardGuideImage, {
|
|
21525
|
-
alt: "",
|
|
21526
|
-
className: classNames.idCardGuideImage,
|
|
21527
|
-
"$isMirrored": !((_v = cameraRef.current) === null || _v === void 0 ? void 0 : _v.isRearFacing),
|
|
21528
|
-
style: idCardImageStyle,
|
|
21529
|
-
src: requestedAction === 'SHOW_ID_BACK' ? idCaptureGuideImages.landscape.SHOW_ID_BACK.url : idCaptureGuideImages.landscape.SHOW_ID_FRONT.url,
|
|
21530
|
-
onLoad: onImageLoaded
|
|
21531
|
-
})), requestedAction === 'FLIP_ID' && ( /*#__PURE__*/React.createElement(IdVideoCaptureFlipIdPrompt, {
|
|
21532
|
-
idCaptureGuideImages: idCaptureGuideImages,
|
|
21533
|
-
classNames: classNames.flipIdPrompt,
|
|
21534
|
-
borderWidth: idCardGuideBorderWidth,
|
|
21535
|
-
borderColor: idCardGuideBorderColor,
|
|
21536
|
-
imageStyle: idCardImageStyle
|
|
21537
|
-
}))), /*#__PURE__*/React.createElement(IdCardGuideInstructionsContainer, {
|
|
21538
|
-
className: classNames.idCardGuideInstructionsContainer
|
|
21539
|
-
}, /*#__PURE__*/React.createElement(IdCardGuideInstructions, {
|
|
21540
|
-
className: classNames.idCardGuideInstructions,
|
|
21541
|
-
"$textColor": (_x = (_w = theme.idVideoCapture) === null || _w === void 0 ? void 0 : _w.idCardGuides) === null || _x === void 0 ? void 0 : _x.instructionsTextColor,
|
|
21542
|
-
"$background": (_z = (_y = theme.idVideoCapture) === null || _y === void 0 ? void 0 : _y.idCardGuides) === null || _z === void 0 ? void 0 : _z.instructionsBackgroundColor
|
|
21543
|
-
}, instructionText))))));
|
|
21544
|
-
};
|
|
21545
|
-
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) {
|
|
21546
|
-
var _a;
|
|
21547
|
-
return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
|
|
21548
|
-
});
|
|
21549
|
-
var Inner = styled.div(templateObject_2$7 || (templateObject_2$7 = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n max-height: 1280px;\n display: flex;\n margin: auto;\n align-items: center;\n flex-direction: column;\n justify-content: center;\n"], ["\n width: 100%;\n height: 100%;\n max-height: 1280px;\n display: flex;\n margin: auto;\n align-items: center;\n flex-direction: column;\n justify-content: center;\n"])));
|
|
21550
|
-
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"])));
|
|
21551
|
-
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"])));
|
|
21552
|
-
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"])));
|
|
21553
|
-
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"])));
|
|
21554
|
-
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"])));
|
|
21555
|
-
var templateObject_1$7, templateObject_2$7, templateObject_3$7, templateObject_4$2, templateObject_5$1, templateObject_6$1, templateObject_7;
|
|
21556
|
-
|
|
21557
21367
|
var ReadTextPrompt = function ReadTextPrompt(_a) {
|
|
21558
21368
|
var text = _a.text,
|
|
21559
21369
|
onComplete = _a.onComplete,
|
|
@@ -21693,90 +21503,90 @@
|
|
|
21693
21503
|
onExitCapture = _a.onExitCapture,
|
|
21694
21504
|
_x = _a.idCaptureModelsEnabled,
|
|
21695
21505
|
idCaptureModelsEnabled = _x === void 0 ? true : _x,
|
|
21696
|
-
|
|
21697
|
-
|
|
21698
|
-
|
|
21699
|
-
idCardFrontDelay =
|
|
21700
|
-
|
|
21701
|
-
videoIdCaptureThresholds =
|
|
21702
|
-
|
|
21703
|
-
skipShowIdCardBack =
|
|
21704
|
-
|
|
21705
|
-
captureCountdownSeconds =
|
|
21506
|
+
// idCardCaptureGuideImages = defaultIdCaptureGuideImages,
|
|
21507
|
+
_y = _a.idCardFrontDelay,
|
|
21508
|
+
// idCardCaptureGuideImages = defaultIdCaptureGuideImages,
|
|
21509
|
+
idCardFrontDelay = _y === void 0 ? 1000 : _y,
|
|
21510
|
+
_z = _a.videoIdCaptureThresholds,
|
|
21511
|
+
videoIdCaptureThresholds = _z === void 0 ? defaultVideoIdCaptureThresholds : _z,
|
|
21512
|
+
_0 = _a.skipShowIdCardBack,
|
|
21513
|
+
skipShowIdCardBack = _0 === void 0 ? false : _0,
|
|
21514
|
+
_1 = _a.captureCountdownSeconds,
|
|
21515
|
+
captureCountdownSeconds = _1 === void 0 ? 3 : _1,
|
|
21706
21516
|
readTextPrompt = _a.readTextPrompt,
|
|
21707
|
-
|
|
21708
|
-
readTextTimeoutDurationMs =
|
|
21709
|
-
|
|
21710
|
-
readTextMinReadingMs =
|
|
21711
|
-
|
|
21712
|
-
disableFaceDetectionWhileAudioCapture =
|
|
21713
|
-
|
|
21714
|
-
disableFaceDetectionWhileAudioCaptureMsDelay =
|
|
21715
|
-
|
|
21716
|
-
mergeAVStreams =
|
|
21717
|
-
|
|
21718
|
-
classNames =
|
|
21719
|
-
|
|
21720
|
-
|
|
21721
|
-
|
|
21722
|
-
rawVerbiage =
|
|
21723
|
-
|
|
21724
|
-
debugMode =
|
|
21725
|
-
var
|
|
21726
|
-
ref =
|
|
21727
|
-
|
|
21728
|
-
width =
|
|
21729
|
-
|
|
21730
|
-
height =
|
|
21731
|
-
var
|
|
21732
|
-
cameraRef =
|
|
21733
|
-
videoRef =
|
|
21734
|
-
videoLoaded =
|
|
21735
|
-
cameraReady =
|
|
21736
|
-
microphoneReady =
|
|
21737
|
-
audioStream =
|
|
21738
|
-
setVideoLoaded =
|
|
21739
|
-
var
|
|
21740
|
-
detectedObjects =
|
|
21741
|
-
setDetectedObjects =
|
|
21517
|
+
_2 = _a.readTextTimeoutDurationMs,
|
|
21518
|
+
readTextTimeoutDurationMs = _2 === void 0 ? 15000 : _2,
|
|
21519
|
+
_3 = _a.readTextMinReadingMs,
|
|
21520
|
+
readTextMinReadingMs = _3 === void 0 ? 10000 : _3,
|
|
21521
|
+
_4 = _a.disableFaceDetectionWhileAudioCapture,
|
|
21522
|
+
disableFaceDetectionWhileAudioCapture = _4 === void 0 ? false : _4,
|
|
21523
|
+
_5 = _a.disableFaceDetectionWhileAudioCaptureMsDelay,
|
|
21524
|
+
disableFaceDetectionWhileAudioCaptureMsDelay = _5 === void 0 ? 2000 : _5,
|
|
21525
|
+
_6 = _a.mergeAVStreams,
|
|
21526
|
+
mergeAVStreams = _6 === void 0 ? false : _6,
|
|
21527
|
+
_7 = _a.classNames,
|
|
21528
|
+
classNames = _7 === void 0 ? {} : _7,
|
|
21529
|
+
// colors = {},
|
|
21530
|
+
_8 = _a.verbiage,
|
|
21531
|
+
// colors = {},
|
|
21532
|
+
rawVerbiage = _8 === void 0 ? {} : _8,
|
|
21533
|
+
_9 = _a.debugMode,
|
|
21534
|
+
debugMode = _9 === void 0 ? false : _9;
|
|
21535
|
+
var _10 = useResizeObserver(),
|
|
21536
|
+
ref = _10.ref,
|
|
21537
|
+
_11 = _10.width,
|
|
21538
|
+
width = _11 === void 0 ? 1 : _11,
|
|
21539
|
+
_12 = _10.height,
|
|
21540
|
+
height = _12 === void 0 ? 1 : _12;
|
|
21541
|
+
var _13 = React.useContext(CameraStateContext),
|
|
21542
|
+
cameraRef = _13.cameraRef,
|
|
21543
|
+
videoRef = _13.videoRef,
|
|
21544
|
+
videoLoaded = _13.videoLoaded,
|
|
21545
|
+
cameraReady = _13.cameraReady,
|
|
21546
|
+
microphoneReady = _13.microphoneReady,
|
|
21547
|
+
audioStream = _13.audioStream,
|
|
21548
|
+
setVideoLoaded = _13.setVideoLoaded;
|
|
21549
|
+
var _14 = React.useState([]),
|
|
21550
|
+
detectedObjects = _14[0],
|
|
21551
|
+
setDetectedObjects = _14[1];
|
|
21552
|
+
var _15 = React.useState(null),
|
|
21553
|
+
face = _15[0],
|
|
21554
|
+
setFace = _15[1];
|
|
21555
|
+
var _16 = React.useContext(IdCaptureModelsContext),
|
|
21556
|
+
idModelsReady = _16.ready,
|
|
21557
|
+
startIdModels = _16.start,
|
|
21558
|
+
stopIdModels = _16.stop,
|
|
21559
|
+
onIdPredictionMade = _16.onPredictionMade,
|
|
21560
|
+
setThresholds = _16.setThresholds,
|
|
21561
|
+
setDocumentDetectionBoundaries = _16.setDocumentDetectionBoundaries,
|
|
21562
|
+
bestFrameDetails = _16.bestFrameDetails,
|
|
21563
|
+
resetBestFrame = _16.resetBestFrame,
|
|
21564
|
+
idModelError = _16.modelError;
|
|
21742
21565
|
var _17 = React.useState(null),
|
|
21743
|
-
|
|
21744
|
-
|
|
21745
|
-
var _18 = React.useContext(
|
|
21746
|
-
|
|
21747
|
-
|
|
21748
|
-
|
|
21749
|
-
|
|
21750
|
-
|
|
21751
|
-
|
|
21752
|
-
|
|
21753
|
-
|
|
21754
|
-
|
|
21755
|
-
|
|
21756
|
-
|
|
21757
|
-
|
|
21758
|
-
|
|
21759
|
-
|
|
21760
|
-
|
|
21761
|
-
|
|
21762
|
-
|
|
21763
|
-
stopSelfieGuidance = _21.stop,
|
|
21764
|
-
onSelfiePredictionMade = _21.onPredictionMade,
|
|
21765
|
-
selfieModelError = _21.error;
|
|
21766
|
-
var _22 = useVideoRecorder(cameraRef.current, audioStream, mergeAVStreams),
|
|
21767
|
-
isRecordingVideo = _22.isRecordingVideo,
|
|
21768
|
-
startRecordingVideo = _22.startRecordingVideo,
|
|
21769
|
-
startRecordingAudio = _22.startRecordingAudio,
|
|
21770
|
-
stopRecordingVideo = _22.stopRecordingVideo,
|
|
21771
|
-
stopRecordingAudio = _22.stopRecordingAudio,
|
|
21772
|
-
videoRecordingUnintentionallyStopped = _22.videoRecordingUnintentionallyStopped,
|
|
21773
|
-
audioRecordingUnintentionallyStopped = _22.audioRecordingUnintentionallyStopped,
|
|
21774
|
-
videoUrl = _22.videoUrl,
|
|
21775
|
-
audioUrl = _22.audioUrl;
|
|
21566
|
+
videoStartsAt = _17[0],
|
|
21567
|
+
setVideoStartsAt = _17[1];
|
|
21568
|
+
var _18 = React.useContext(SubmissionContext),
|
|
21569
|
+
setIdCaptureVideoAudioStartsAt = _18.setIdCaptureVideoAudioStartsAt,
|
|
21570
|
+
setExpectedAudioText = _18.setExpectedAudioText;
|
|
21571
|
+
var _19 = React.useContext(SelfieGuidanceModelsContext),
|
|
21572
|
+
startSelfieGuidance = _19.start,
|
|
21573
|
+
stopSelfieGuidance = _19.stop,
|
|
21574
|
+
onSelfiePredictionMade = _19.onPredictionMade,
|
|
21575
|
+
selfieModelError = _19.error;
|
|
21576
|
+
var _20 = useVideoRecorder(cameraRef.current, audioStream, mergeAVStreams),
|
|
21577
|
+
isRecordingVideo = _20.isRecordingVideo,
|
|
21578
|
+
startRecordingVideo = _20.startRecordingVideo,
|
|
21579
|
+
startRecordingAudio = _20.startRecordingAudio,
|
|
21580
|
+
stopRecordingVideo = _20.stopRecordingVideo,
|
|
21581
|
+
stopRecordingAudio = _20.stopRecordingAudio,
|
|
21582
|
+
videoRecordingUnintentionallyStopped = _20.videoRecordingUnintentionallyStopped,
|
|
21583
|
+
audioRecordingUnintentionallyStopped = _20.audioRecordingUnintentionallyStopped,
|
|
21584
|
+
videoUrl = _20.videoUrl,
|
|
21585
|
+
audioUrl = _20.audioUrl;
|
|
21776
21586
|
var countdownTimeoutRef = React.useRef(undefined);
|
|
21777
|
-
var
|
|
21778
|
-
countdownRemaining =
|
|
21779
|
-
setCountdownRemaining =
|
|
21587
|
+
var _21 = React.useState(-1),
|
|
21588
|
+
countdownRemaining = _21[0],
|
|
21589
|
+
setCountdownRemaining = _21[1];
|
|
21780
21590
|
React.useEffect(function () {
|
|
21781
21591
|
if (!isRecordingVideo && !videoUrl) {
|
|
21782
21592
|
startRecordingVideo();
|
|
@@ -21796,9 +21606,9 @@
|
|
|
21796
21606
|
onRecordingFailed === null || onRecordingFailed === void 0 ? void 0 : onRecordingFailed();
|
|
21797
21607
|
}
|
|
21798
21608
|
}, [audioRecordingUnintentionallyStopped, onRecordingFailed, videoRecordingUnintentionallyStopped]);
|
|
21799
|
-
var
|
|
21800
|
-
requestedAction =
|
|
21801
|
-
setRequestedAction =
|
|
21609
|
+
var _22 = React.useState('SHOW_ID_FRONT'),
|
|
21610
|
+
requestedAction = _22[0],
|
|
21611
|
+
setRequestedAction = _22[1];
|
|
21802
21612
|
var shouldRunIdModels = idCaptureModelsEnabled && videoLoaded && cameraReady && idModelsReady && !idModelError && requestedAction !== 'READ_TEXT' && (!readTextPrompt || microphoneReady);
|
|
21803
21613
|
React.useEffect(function startModelsWhenCapturing() {
|
|
21804
21614
|
if (!shouldRunIdModels) return;
|
|
@@ -21818,18 +21628,18 @@
|
|
|
21818
21628
|
bottom: 1
|
|
21819
21629
|
});
|
|
21820
21630
|
}, [setDocumentDetectionBoundaries]);
|
|
21631
|
+
var _23 = React.useState(0),
|
|
21632
|
+
currentDetectionScore = _23[0],
|
|
21633
|
+
setCurrentDetectionScore = _23[1];
|
|
21634
|
+
var _24 = React.useState('none'),
|
|
21635
|
+
currentDetectedDocumentType = _24[0],
|
|
21636
|
+
setCurrentDetectedDocumentType = _24[1];
|
|
21821
21637
|
var _25 = React.useState(0),
|
|
21822
|
-
|
|
21823
|
-
|
|
21824
|
-
var _26 = React.useState(
|
|
21825
|
-
|
|
21826
|
-
|
|
21827
|
-
var _27 = React.useState(0),
|
|
21828
|
-
currentFocusScore = _27[0],
|
|
21829
|
-
setCurrentFocusScore = _27[1];
|
|
21830
|
-
var _28 = React.useState(0),
|
|
21831
|
-
goodFramesCount = _28[0],
|
|
21832
|
-
setGoodFramesCount = _28[1];
|
|
21638
|
+
currentFocusScore = _25[0],
|
|
21639
|
+
setCurrentFocusScore = _25[1];
|
|
21640
|
+
var _26 = React.useState(0),
|
|
21641
|
+
goodFramesCount = _26[0],
|
|
21642
|
+
setGoodFramesCount = _26[1];
|
|
21833
21643
|
var goodFramesThreshold = requestedAction === 'SHOW_ID_FRONT' ? videoIdCaptureThresholds.goodFrames.idCardFront : videoIdCaptureThresholds.goodFrames.idCardBack;
|
|
21834
21644
|
var goodFramesThresholdMet = goodFramesCount >= goodFramesThreshold;
|
|
21835
21645
|
React.useEffect(function () {
|
|
@@ -21850,9 +21660,9 @@
|
|
|
21850
21660
|
} : 0);
|
|
21851
21661
|
});
|
|
21852
21662
|
}, [idCaptureModelsEnabled, onIdPredictionMade, idModelError, requestedAction, videoIdCaptureThresholds.flipShortcutThreshold]);
|
|
21853
|
-
var
|
|
21854
|
-
idFrontCaptureStartedAt =
|
|
21855
|
-
setFirstGoodFrameTime =
|
|
21663
|
+
var _27 = React.useState(null),
|
|
21664
|
+
idFrontCaptureStartedAt = _27[0],
|
|
21665
|
+
setFirstGoodFrameTime = _27[1];
|
|
21856
21666
|
React.useEffect(function () {
|
|
21857
21667
|
if (goodFramesCount === 1) setFirstGoodFrameTime(new Date().getTime());
|
|
21858
21668
|
}, [goodFramesCount]);
|
|
@@ -21873,9 +21683,9 @@
|
|
|
21873
21683
|
var frameHeight = (_e = (_d = videoRef.current) === null || _d === void 0 ? void 0 : _d.videoHeight) !== null && _e !== void 0 ? _e : 0;
|
|
21874
21684
|
var faceBox = face === null || face === void 0 ? void 0 : face.box;
|
|
21875
21685
|
var faceCentered = !faceBox || !frameWidth || faceBox.xMin > frameWidth * edgeBoundary && faceBox.yMin > frameHeight * edgeBoundary && faceBox.xMax < frameWidth * (1 - edgeBoundary) && faceBox.yMax < frameHeight * (1 - edgeBoundary);
|
|
21876
|
-
var
|
|
21877
|
-
countdownStartedAt =
|
|
21878
|
-
setCountdownStartedAt =
|
|
21686
|
+
var _28 = React.useState(),
|
|
21687
|
+
countdownStartedAt = _28[0],
|
|
21688
|
+
setCountdownStartedAt = _28[1];
|
|
21879
21689
|
var photoCanvas = React.useRef(null);
|
|
21880
21690
|
var frameLock = React.useRef(false);
|
|
21881
21691
|
var captureFrame = React.useCallback(function () {
|
|
@@ -21998,9 +21808,9 @@
|
|
|
21998
21808
|
stopSelfieGuidance();
|
|
21999
21809
|
};
|
|
22000
21810
|
}, [startSelfieGuidance, stopSelfieGuidance]);
|
|
22001
|
-
var
|
|
22002
|
-
numFramesWithoutFaces =
|
|
22003
|
-
setNumFramesWithoutFaces =
|
|
21811
|
+
var _29 = React.useState(0),
|
|
21812
|
+
numFramesWithoutFaces = _29[0],
|
|
21813
|
+
setNumFramesWithoutFaces = _29[1];
|
|
22004
21814
|
onSelfiePredictionMade(f(React.useCallback(function (_a) {
|
|
22005
21815
|
var face = _a.face;
|
|
22006
21816
|
if (selfieModelError) return;
|
|
@@ -22016,12 +21826,12 @@
|
|
|
22016
21826
|
}
|
|
22017
21827
|
}, [disableFaceDetectionWhileAudioCapture, disableFaceDetectionWhileAudioCaptureMsDelay, numFramesWithoutFaces, onFaceNotDetected, timeoutStartedAt]);
|
|
22018
21828
|
var theme = styled.useTheme();
|
|
22019
|
-
var
|
|
21829
|
+
var _30 = useTranslations(rawVerbiage, {
|
|
22020
21830
|
faceNotCenteredText: 'Please move your face to the center...',
|
|
22021
21831
|
captureBtnText: 'Capture'
|
|
22022
21832
|
}),
|
|
22023
|
-
captureBtnText =
|
|
22024
|
-
faceNotCenteredText =
|
|
21833
|
+
captureBtnText = _30.captureBtnText,
|
|
21834
|
+
faceNotCenteredText = _30.faceNotCenteredText;
|
|
22025
21835
|
var debugScalingDetails = useDebugScalingDetails({
|
|
22026
21836
|
enabled: debugMode,
|
|
22027
21837
|
pageWidth: width,
|
|
@@ -22046,17 +21856,7 @@
|
|
|
22046
21856
|
classNames: classNames.readTextPrompt,
|
|
22047
21857
|
verbiage: rawVerbiage.readTextPrompt,
|
|
22048
21858
|
onComplete: stopRecording
|
|
22049
|
-
})) : ( /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(
|
|
22050
|
-
classNames: classNames.guides,
|
|
22051
|
-
verbiage: rawVerbiage.guides,
|
|
22052
|
-
requestedAction: requestedAction,
|
|
22053
|
-
satisfied: satisfied,
|
|
22054
|
-
idCardGuideStatus: countdownStartedAt ? 'capturing' : 'ready',
|
|
22055
|
-
idCardCaptureProgress: !!countdownStartedAt ? 1 : 0,
|
|
22056
|
-
idCardCaptureGuideImages: idCardCaptureGuideImages,
|
|
22057
|
-
faceGuideBorderColor: satisfied ? colors.guidesSatisfiedColor : colors.guidesUnsatisfiedColor,
|
|
22058
|
-
idCardGuideBorderColor: satisfied ? colors.guidesSatisfiedColor : colors.guidesUnsatisfiedColor
|
|
22059
|
-
}), debugMode && capturingId && ( /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ObjectDetectionDebugOverlayDiv, {
|
|
21859
|
+
})) : ( /*#__PURE__*/React.createElement(React.Fragment, null, debugMode && capturingId && ( /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ObjectDetectionDebugOverlayDiv, {
|
|
22060
21860
|
"$flipX": !((_l = cameraRef.current) === null || _l === void 0 ? void 0 : _l.isRearFacing)
|
|
22061
21861
|
}, detectedObjects.map(function (obj, i) {
|
|
22062
21862
|
var _a;
|
|
@@ -22356,18 +22156,27 @@
|
|
|
22356
22156
|
onExitCapture === null || onExitCapture === void 0 ? void 0 : onExitCapture();
|
|
22357
22157
|
}, [onExitCapture]);
|
|
22358
22158
|
var faceLivenessGuides = React.useCallback(function (_a) {
|
|
22359
|
-
|
|
22360
|
-
|
|
22361
|
-
|
|
22362
|
-
|
|
22363
|
-
|
|
22364
|
-
|
|
22365
|
-
|
|
22366
|
-
|
|
22367
|
-
|
|
22368
|
-
|
|
22369
|
-
|
|
22370
|
-
|
|
22159
|
+
return null;
|
|
22160
|
+
},
|
|
22161
|
+
// <IdVideoCaptureGuides
|
|
22162
|
+
// idCardCaptureGuideImages={idCaptureGuideImages}
|
|
22163
|
+
// classNames={classNames.idVideoCapture?.guides}
|
|
22164
|
+
// verbiage={verbiage.idVideoCapture?.guides}
|
|
22165
|
+
// requestedAction="VERIFY_LIVENESS"
|
|
22166
|
+
// faceGuideStatus={status}
|
|
22167
|
+
// faceGuideBorderColor={
|
|
22168
|
+
// status === 'success'
|
|
22169
|
+
// ? colors.idVideoCapture?.guidesSatisfiedColor
|
|
22170
|
+
// : colors.idVideoCapture?.guidesUnsatisfiedColor
|
|
22171
|
+
// }
|
|
22172
|
+
// idCardGuideStatus="disabled"
|
|
22173
|
+
// // idCardGuideBorderColor={
|
|
22174
|
+
// // status === 'success'
|
|
22175
|
+
// // ? colors.idVideoCapture?.guidesSatisfiedColor
|
|
22176
|
+
// // : colors.idVideoCapture?.guidesUnsatisfiedColor
|
|
22177
|
+
// // }
|
|
22178
|
+
// />
|
|
22179
|
+
[(_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]);
|
|
22371
22180
|
if (submissionStatus === SubmissionStatus.SUBMITTING) {
|
|
22372
22181
|
return /*#__PURE__*/React.createElement(PageContainer, {
|
|
22373
22182
|
className: "flex"
|