idmission-web-sdk 2.2.34 → 2.2.35
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/camera/CameraVideoTag.d.ts.map +1 -1
- package/dist/components/common/debug.d.ts.map +1 -1
- package/dist/components/id_capture/IdCaptureGuideOverlay.d.ts.map +1 -1
- package/dist/components/id_capture/IdCaptureGuidesCommon.d.ts.map +1 -1
- package/dist/components/id_capture/IdCaptureLoadingGraphic.d.ts.map +1 -1
- package/dist/components/selfie_capture/SelfieCaptureLoadingGraphic.d.ts.map +1 -1
- 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 +518 -328
- 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 +518 -328
- package/dist/sdk2.esm.js.map +1 -1
- package/dist/sdk2.umd.development.js +518 -328
- 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 +3 -3
|
@@ -232,7 +232,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
|
|
|
232
232
|
return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
|
|
233
233
|
};
|
|
234
234
|
|
|
235
|
-
var webSdkVersion = '2.2.
|
|
235
|
+
var webSdkVersion = '2.2.35';
|
|
236
236
|
|
|
237
237
|
function getPlatform() {
|
|
238
238
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
@@ -393,7 +393,7 @@ function videoDataUrlToB64(url) {
|
|
|
393
393
|
});
|
|
394
394
|
}
|
|
395
395
|
|
|
396
|
-
var PageContainerDiv = styled__default.default.div(templateObject_1$
|
|
396
|
+
var PageContainerDiv = styled__default.default.div(templateObject_1$L || (templateObject_1$L = __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) {
|
|
397
397
|
var _a;
|
|
398
398
|
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 ");
|
|
399
399
|
}, function (props) {
|
|
@@ -433,7 +433,7 @@ var PageContainer = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
433
433
|
}, dimensionsCalculated && children);
|
|
434
434
|
});
|
|
435
435
|
PageContainer.displayName = 'PageContainer';
|
|
436
|
-
var templateObject_1$
|
|
436
|
+
var templateObject_1$L;
|
|
437
437
|
|
|
438
438
|
var LoaderButton = function LoaderButton(_a) {
|
|
439
439
|
var children = _a.children,
|
|
@@ -492,30 +492,30 @@ var LoaderButton = function LoaderButton(_a) {
|
|
|
492
492
|
className: "ladda-label"
|
|
493
493
|
}, children));
|
|
494
494
|
};
|
|
495
|
-
var StyledButton = styled__default.default.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) {
|
|
495
|
+
var StyledButton = styled__default.default.button(templateObject_1$K || (templateObject_1$K = __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) {
|
|
496
496
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
|
|
497
497
|
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 ");
|
|
498
498
|
});
|
|
499
|
-
var templateObject_1$
|
|
499
|
+
var templateObject_1$K;
|
|
500
500
|
|
|
501
|
-
var OverlayContainer = styled__default.default(PageContainer)(templateObject_1$
|
|
501
|
+
var OverlayContainer = styled__default.default(PageContainer)(templateObject_1$J || (templateObject_1$J = __makeTemplateObject(["\n background: ", ";\n ", "\n z-index: 10000;\n"], ["\n background: ", ";\n ", "\n z-index: 10000;\n"])), function (props) {
|
|
502
502
|
return props.theme.background ? "".concat(props.theme.background) : "white";
|
|
503
503
|
}, function (props) {
|
|
504
504
|
return props.theme.textColor ? "color: ".concat(props.theme.textColor, ";") : "";
|
|
505
505
|
});
|
|
506
|
-
var OverlayInner$2 = styled__default.default.div(templateObject_2$
|
|
506
|
+
var OverlayInner$2 = styled__default.default.div(templateObject_2$A || (templateObject_2$A = __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) {
|
|
507
507
|
var _a;
|
|
508
508
|
return (_a = props.theme.textAlign) !== null && _a !== void 0 ? _a : 'center';
|
|
509
509
|
}, function (props) {
|
|
510
510
|
return props.theme.padding ? "box-sizing: border-box; padding: ".concat(props.theme.padding, ";") : "";
|
|
511
511
|
});
|
|
512
|
-
var OverlayImageContainer = styled__default.default.div(templateObject_3$
|
|
513
|
-
var OverlayImageRow = styled__default.default.div(templateObject_4$
|
|
514
|
-
var GrayOverlayContainer = styled__default.default(OverlayContainer)(templateObject_5$
|
|
515
|
-
var ButtonsColumn = styled__default.default.div(templateObject_6$
|
|
516
|
-
var WideButton = styled__default.default(LoaderButton)(templateObject_7$
|
|
512
|
+
var OverlayImageContainer = styled__default.default.div(templateObject_3$r || (templateObject_3$r = __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"])));
|
|
513
|
+
var OverlayImageRow = styled__default.default.div(templateObject_4$l || (templateObject_4$l = __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"])));
|
|
514
|
+
var GrayOverlayContainer = styled__default.default(OverlayContainer)(templateObject_5$c || (templateObject_5$c = __makeTemplateObject(["\n background: #f7f6fb;\n"], ["\n background: #f7f6fb;\n"])));
|
|
515
|
+
var ButtonsColumn = styled__default.default.div(templateObject_6$9 || (templateObject_6$9 = __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"])));
|
|
516
|
+
var WideButton = styled__default.default(LoaderButton)(templateObject_7$6 || (templateObject_7$6 = __makeTemplateObject(["\n width: 100%;\n border-radius: 30px;\n"], ["\n width: 100%;\n border-radius: 30px;\n"])));
|
|
517
517
|
var WideBorderButton = styled__default.default(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"])));
|
|
518
|
-
var templateObject_1$
|
|
518
|
+
var templateObject_1$J, templateObject_2$A, templateObject_3$r, templateObject_4$l, templateObject_5$c, templateObject_6$9, templateObject_7$6, templateObject_8$3;
|
|
519
519
|
|
|
520
520
|
var GeolocationAccessDeniedOverlay = function GeolocationAccessDeniedOverlay(_a) {
|
|
521
521
|
var accessBlockedImageUrl = _a.accessBlockedImageUrl;
|
|
@@ -762,13 +762,13 @@ var SessionValidationErrorOverlay = function SessionValidationErrorOverlay(_a) {
|
|
|
762
762
|
}, retryText)))));
|
|
763
763
|
};
|
|
764
764
|
|
|
765
|
-
var wavesAnimation = styled.keyframes(templateObject_1$
|
|
766
|
-
var progressBarAnimation = styled.keyframes(templateObject_2$
|
|
767
|
-
var dualRingSpinnerAnimation = styled.keyframes(templateObject_3$
|
|
768
|
-
var progressBorderAnimation = styled.keyframes(templateObject_4$
|
|
769
|
-
var templateObject_1$
|
|
765
|
+
var wavesAnimation = styled.keyframes(templateObject_1$I || (templateObject_1$I = __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"])));
|
|
766
|
+
var progressBarAnimation = styled.keyframes(templateObject_2$z || (templateObject_2$z = __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"])));
|
|
767
|
+
var dualRingSpinnerAnimation = styled.keyframes(templateObject_3$q || (templateObject_3$q = __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"])));
|
|
768
|
+
var progressBorderAnimation = styled.keyframes(templateObject_4$k || (templateObject_4$k = __makeTemplateObject(["\n to {\n stroke-dashoffset: 0;\n }\n"], ["\n to {\n stroke-dashoffset: 0;\n }\n"])));
|
|
769
|
+
var templateObject_1$I, templateObject_2$z, templateObject_3$q, templateObject_4$k;
|
|
770
770
|
|
|
771
|
-
var Spinner = styled__default.default.div(templateObject_1$
|
|
771
|
+
var Spinner = styled__default.default.div(templateObject_1$H || (templateObject_1$H = __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) {
|
|
772
772
|
var $size = _a.$size;
|
|
773
773
|
return $size !== null && $size !== void 0 ? $size : 80;
|
|
774
774
|
}, function (_a) {
|
|
@@ -793,7 +793,7 @@ var Spinner = styled__default.default.div(templateObject_1$F || (templateObject_
|
|
|
793
793
|
var $color = _a.$color;
|
|
794
794
|
return $color !== null && $color !== void 0 ? $color : '#888';
|
|
795
795
|
}, dualRingSpinnerAnimation);
|
|
796
|
-
var templateObject_1$
|
|
796
|
+
var templateObject_1$H;
|
|
797
797
|
|
|
798
798
|
exports.defaultAuthUrl = 'https://portal-api.idmission.com';
|
|
799
799
|
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'];
|
|
@@ -1931,7 +1931,7 @@ function getFrameDimensions(frame) {
|
|
|
1931
1931
|
return [frameWidth, frameHeight];
|
|
1932
1932
|
}
|
|
1933
1933
|
|
|
1934
|
-
var InvisibleCanvas = styled__default.default.canvas(templateObject_1$
|
|
1934
|
+
var InvisibleCanvas = styled__default.default.canvas(templateObject_1$G || (templateObject_1$G = __makeTemplateObject(["\n display: none;\n"], ["\n display: none;\n"])));
|
|
1935
1935
|
function drawToCanvas(canvas, frame, width, height) {
|
|
1936
1936
|
if (!canvas) return;
|
|
1937
1937
|
var ctx = canvas.getContext('2d');
|
|
@@ -1951,7 +1951,7 @@ function clearCanvas(canvas) {
|
|
|
1951
1951
|
var _a;
|
|
1952
1952
|
(_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);
|
|
1953
1953
|
}
|
|
1954
|
-
var templateObject_1$
|
|
1954
|
+
var templateObject_1$G;
|
|
1955
1955
|
|
|
1956
1956
|
function listAvailableCameras(facingMode_1) {
|
|
1957
1957
|
return __awaiter(this, arguments, void 0, function (facingMode, requestMicAccess) {
|
|
@@ -4682,12 +4682,12 @@ function DebugStatsPane(_a) {
|
|
|
4682
4682
|
if (!portalLocation) return element;
|
|
4683
4683
|
return /*#__PURE__*/reactDom.createPortal(element, portalLocation);
|
|
4684
4684
|
}
|
|
4685
|
-
var DebugStatsPaneDiv = styled__default.default.span(templateObject_1$
|
|
4686
|
-
var ObjectDetectionDebugOverlayDiv = styled__default.default.div(templateObject_2$
|
|
4685
|
+
var DebugStatsPaneDiv = styled__default.default.span(templateObject_1$F || (templateObject_1$F = __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"])));
|
|
4686
|
+
var ObjectDetectionDebugOverlayDiv = styled__default.default.div(templateObject_2$y || (templateObject_2$y = __makeTemplateObject(["\n position: absolute;\n z-index: 1001;\n width: 100%;\n height: 100%;\n max-width: 100%;\n max-height: 100%;\n overflow: hidden;\n ", "\n transform-style: preserve-3d;\n"], ["\n position: absolute;\n z-index: 1001;\n width: 100%;\n height: 100%;\n max-width: 100%;\n max-height: 100%;\n overflow: hidden;\n ", "\n transform-style: preserve-3d;\n"])), function (_a) {
|
|
4687
4687
|
var $flipX = _a.$flipX;
|
|
4688
4688
|
return $flipX ? 'transform: scaleX(-1);' : '';
|
|
4689
4689
|
});
|
|
4690
|
-
var ObjectDetectionDebugBox = styled__default.default.div(templateObject_3$
|
|
4690
|
+
var ObjectDetectionDebugBox = styled__default.default.div(templateObject_3$p || (templateObject_3$p = __makeTemplateObject(["\n font: 10px monospace;\n position: absolute;\n border: 3px solid ", ";\n color: ", ";\n ", "\n transform-style: preserve-3d;\n"], ["\n font: 10px monospace;\n position: absolute;\n border: 3px solid ", ";\n color: ", ";\n ", "\n transform-style: preserve-3d;\n"])), function (_a) {
|
|
4691
4691
|
var $color = _a.$color;
|
|
4692
4692
|
return $color !== null && $color !== void 0 ? $color : 'green';
|
|
4693
4693
|
}, function (_a) {
|
|
@@ -4697,7 +4697,7 @@ var ObjectDetectionDebugBox = styled__default.default.div(templateObject_3$n ||
|
|
|
4697
4697
|
var $flipX = _a.$flipX;
|
|
4698
4698
|
return $flipX ? 'transform: scaleX(-1);' : '';
|
|
4699
4699
|
});
|
|
4700
|
-
var FaceDetectionKeypointMarker = styled__default.default.div(templateObject_4$
|
|
4700
|
+
var FaceDetectionKeypointMarker = styled__default.default.div(templateObject_4$j || (templateObject_4$j = __makeTemplateObject(["\n position: absolute;\n width: 4px;\n height: 4px;\n border: 2px solid ", ";\n font: 10px monospace;\n color: ", ";\n border-radius: 50%;\n ", "\n transform-style: preserve-3d;\n"], ["\n position: absolute;\n width: 4px;\n height: 4px;\n border: 2px solid ", ";\n font: 10px monospace;\n color: ", ";\n border-radius: 50%;\n ", "\n transform-style: preserve-3d;\n"])), function (_a) {
|
|
4701
4701
|
var $color = _a.$color;
|
|
4702
4702
|
return $color !== null && $color !== void 0 ? $color : 'red';
|
|
4703
4703
|
}, function (_a) {
|
|
@@ -4888,7 +4888,7 @@ function SelfieCaptureFaceKeypoint(_a) {
|
|
|
4888
4888
|
}
|
|
4889
4889
|
});
|
|
4890
4890
|
}
|
|
4891
|
-
var templateObject_1$
|
|
4891
|
+
var templateObject_1$F, templateObject_2$y, templateObject_3$p, templateObject_4$j;
|
|
4892
4892
|
|
|
4893
4893
|
var enTranslation = {};
|
|
4894
4894
|
|
|
@@ -5065,7 +5065,7 @@ function useTranslations(verbiage, fallbacks) {
|
|
|
5065
5065
|
}, [fallbacks, i18n.language, t, verbiage]);
|
|
5066
5066
|
}
|
|
5067
5067
|
|
|
5068
|
-
var GuidanceMessageContainerDiv = styled__default.default.div(templateObject_1$
|
|
5068
|
+
var GuidanceMessageContainerDiv = styled__default.default.div(templateObject_1$E || (templateObject_1$E = __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) {
|
|
5069
5069
|
var $top = _a.$top;
|
|
5070
5070
|
return $top !== null && $top !== void 0 ? $top : '10vh';
|
|
5071
5071
|
}, function (_a) {
|
|
@@ -5078,14 +5078,14 @@ var GuidanceMessageContainer = function GuidanceMessageContainer(props) {
|
|
|
5078
5078
|
if (!portalLocation) return element;
|
|
5079
5079
|
return /*#__PURE__*/reactDom.createPortal(element, portalLocation);
|
|
5080
5080
|
};
|
|
5081
|
-
var GuidanceMessage = styled__default.default.div(templateObject_2$
|
|
5081
|
+
var GuidanceMessage = styled__default.default.div(templateObject_2$x || (templateObject_2$x = __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) {
|
|
5082
5082
|
var _a, _b, _c, _d, _e, _f;
|
|
5083
5083
|
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';
|
|
5084
5084
|
}, function (props) {
|
|
5085
5085
|
var _a, _b, _c, _d, _e, _f;
|
|
5086
5086
|
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';
|
|
5087
5087
|
});
|
|
5088
|
-
var templateObject_1$
|
|
5088
|
+
var templateObject_1$E, templateObject_2$x;
|
|
5089
5089
|
|
|
5090
5090
|
function OverrideWrongDocumentTypeGuidanceDialog(_a) {
|
|
5091
5091
|
var _b = _a.classNames,
|
|
@@ -5100,7 +5100,7 @@ function OverrideWrongDocumentTypeGuidanceDialog(_a) {
|
|
|
5100
5100
|
buttonText: 'OK'
|
|
5101
5101
|
});
|
|
5102
5102
|
if (!state.allowOverrideWrongDocumentTypeGuidance) return null;
|
|
5103
|
-
return /*#__PURE__*/React__namespace.default.createElement(Container$
|
|
5103
|
+
return /*#__PURE__*/React__namespace.default.createElement(Container$2, {
|
|
5104
5104
|
className: classNames.container
|
|
5105
5105
|
}, /*#__PURE__*/React__namespace.default.createElement(InnerContainer, {
|
|
5106
5106
|
className: classNames.inner
|
|
@@ -5118,18 +5118,18 @@ function OverrideWrongDocumentTypeGuidanceDialog(_a) {
|
|
|
5118
5118
|
}
|
|
5119
5119
|
}, verbiage.buttonText))));
|
|
5120
5120
|
}
|
|
5121
|
-
var Container$
|
|
5121
|
+
var Container$2 = styled__default.default.div(templateObject_1$D || (templateObject_1$D = __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) {
|
|
5122
5122
|
var _a, _b, _c;
|
|
5123
5123
|
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';
|
|
5124
5124
|
}, function (props) {
|
|
5125
5125
|
var _a, _b, _c;
|
|
5126
5126
|
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';
|
|
5127
5127
|
});
|
|
5128
|
-
var InnerContainer = styled__default.default.div(templateObject_2$
|
|
5129
|
-
var Message = styled__default.default.span(templateObject_3$
|
|
5130
|
-
var ButtonContainer = styled__default.default.div(templateObject_4$
|
|
5131
|
-
var Button = styled__default.default(LoaderButton)(templateObject_5$
|
|
5132
|
-
var templateObject_1$
|
|
5128
|
+
var InnerContainer = styled__default.default.div(templateObject_2$w || (templateObject_2$w = __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"])));
|
|
5129
|
+
var Message = styled__default.default.span(templateObject_3$o || (templateObject_3$o = __makeTemplateObject(["\n display: block;\n margin: auto 12px auto 0;\n"], ["\n display: block;\n margin: auto 12px auto 0;\n"])));
|
|
5130
|
+
var ButtonContainer = styled__default.default.div(templateObject_4$i || (templateObject_4$i = __makeTemplateObject(["\n display: flex;\n margin-left: auto;\n"], ["\n display: flex;\n margin-left: auto;\n"])));
|
|
5131
|
+
var Button = styled__default.default(LoaderButton)(templateObject_5$b || (templateObject_5$b = __makeTemplateObject(["\n white-space: nowrap;\n margin: auto;\n"], ["\n white-space: nowrap;\n margin: auto;\n"])));
|
|
5132
|
+
var templateObject_1$D, templateObject_2$w, templateObject_3$o, templateObject_4$i, templateObject_5$b;
|
|
5133
5133
|
|
|
5134
5134
|
var IdCapture = function IdCapture(_a) {
|
|
5135
5135
|
var _b, _c, _d, _e, _f, _g, _h, _j;
|
|
@@ -5324,13 +5324,13 @@ var CameraAccessDeniedOverlay = function CameraAccessDeniedOverlay(_a) {
|
|
|
5324
5324
|
finished: true
|
|
5325
5325
|
}, verbiage.retryBtnText)));
|
|
5326
5326
|
};
|
|
5327
|
-
var StyledOverlayInner$3 = styled__default.default(OverlayInner$2)(templateObject_1$
|
|
5328
|
-
var StyledOverlayImageContainer$3 = styled__default.default(OverlayImageContainer)(templateObject_2$
|
|
5329
|
-
var Description$4 = styled__default.default.p(templateObject_3$
|
|
5330
|
-
var RetryButton$1 = styled__default.default(LoaderButton)(templateObject_4$
|
|
5331
|
-
var templateObject_1$
|
|
5327
|
+
var StyledOverlayInner$3 = styled__default.default(OverlayInner$2)(templateObject_1$C || (templateObject_1$C = __makeTemplateObject(["\n max-width: 500px;\n height: auto;\n margin: auto;\n"], ["\n max-width: 500px;\n height: auto;\n margin: auto;\n"])));
|
|
5328
|
+
var StyledOverlayImageContainer$3 = styled__default.default(OverlayImageContainer)(templateObject_2$v || (templateObject_2$v = __makeTemplateObject(["\n flex-grow: 0;\n"], ["\n flex-grow: 0;\n"])));
|
|
5329
|
+
var Description$4 = styled__default.default.p(templateObject_3$n || (templateObject_3$n = __makeTemplateObject(["\n line-height: 1.5;\n margin-bottom: 50px;\n"], ["\n line-height: 1.5;\n margin-bottom: 50px;\n"])));
|
|
5330
|
+
var RetryButton$1 = styled__default.default(LoaderButton)(templateObject_4$h || (templateObject_4$h = __makeTemplateObject(["\n width: 200px;\n margin: 0 auto;\n"], ["\n width: 200px;\n margin: 0 auto;\n"])));
|
|
5331
|
+
var templateObject_1$C, templateObject_2$v, templateObject_3$n, templateObject_4$h;
|
|
5332
5332
|
|
|
5333
|
-
var ExitCaptureStyledButton = styled__default.default.button(templateObject_1$
|
|
5333
|
+
var ExitCaptureStyledButton = styled__default.default.button(templateObject_1$B || (templateObject_1$B = __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"])));
|
|
5334
5334
|
var ExitCaptureButton = function ExitCaptureButton(_a) {
|
|
5335
5335
|
var onClick = _a.onClick,
|
|
5336
5336
|
className = _a.className;
|
|
@@ -5374,10 +5374,10 @@ var ExitCaptureButton = function ExitCaptureButton(_a) {
|
|
|
5374
5374
|
y2: "19.75"
|
|
5375
5375
|
}))));
|
|
5376
5376
|
};
|
|
5377
|
-
var templateObject_1$
|
|
5377
|
+
var templateObject_1$B;
|
|
5378
5378
|
|
|
5379
|
-
var ButtonsRow = styled__default.default.div(templateObject_1$
|
|
5380
|
-
var templateObject_1$
|
|
5379
|
+
var ButtonsRow = styled__default.default.div(templateObject_1$A || (templateObject_1$A = __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"])));
|
|
5380
|
+
var templateObject_1$A;
|
|
5381
5381
|
|
|
5382
5382
|
function IdCaptureLoadingGraphic(props) {
|
|
5383
5383
|
var isMobile = window.innerHeight > window.innerWidth;
|
|
@@ -5406,25 +5406,15 @@ function IdCaptureLoadingGraphicDesktop(_a) {
|
|
|
5406
5406
|
var theme = styled.useTheme();
|
|
5407
5407
|
var accentColor = (_d = (_c = (_b = theme.idCapture) === null || _b === void 0 ? void 0 : _b.loadingOverlay) === null || _c === void 0 ? void 0 : _c.loadingGraphicAccentColor) !== null && _d !== void 0 ? _d : 'var(--idm-color-positive-600)';
|
|
5408
5408
|
var accentOpacity = (_g = (_f = (_e = theme.idCapture) === null || _e === void 0 ? void 0 : _e.loadingOverlay) === null || _f === void 0 ? void 0 : _f.loadingGraphicAccentOpacity) !== null && _g !== void 0 ? _g : 0.2;
|
|
5409
|
-
return /*#__PURE__*/React__namespace.default.createElement(
|
|
5410
|
-
style: {
|
|
5411
|
-
display: 'flex',
|
|
5412
|
-
width: '100%',
|
|
5413
|
-
height: '100%'
|
|
5414
|
-
}
|
|
5415
|
-
}, /*#__PURE__*/React__namespace.default.createElement("svg", {
|
|
5409
|
+
return /*#__PURE__*/React__namespace.default.createElement(LoadingGraphicWrapper, null, /*#__PURE__*/React__namespace.default.createElement(LoadingGraphicSvg, {
|
|
5416
5410
|
className: className,
|
|
5417
5411
|
width: width,
|
|
5418
5412
|
height: height,
|
|
5413
|
+
"$frame": frame,
|
|
5414
|
+
"$borderColor": accentColor,
|
|
5419
5415
|
viewBox: "0 0 698 452",
|
|
5420
5416
|
fill: "none",
|
|
5421
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
5422
|
-
style: {
|
|
5423
|
-
margin: 'auto',
|
|
5424
|
-
transform: "scale(".concat(frame > 1 ? 1 : frame === 1 ? 1.25 : 0.75, ")"),
|
|
5425
|
-
transition: 'transform 0.2s linear, border-width 0.2s linear',
|
|
5426
|
-
border: "".concat(frame >= 5 ? 10 : 0, "px solid ").concat(accentColor)
|
|
5427
|
-
}
|
|
5417
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
5428
5418
|
}, /*#__PURE__*/React__namespace.default.createElement("g", {
|
|
5429
5419
|
filter: frame === 1 ? 'url(#filter0_f_91_884)' : undefined
|
|
5430
5420
|
}, /*#__PURE__*/React__namespace.default.createElement("path", {
|
|
@@ -5652,12 +5642,9 @@ function IdCaptureLoadingGraphicMobile(_a) {
|
|
|
5652
5642
|
viewBox: "0 0 428 747",
|
|
5653
5643
|
fill: "none",
|
|
5654
5644
|
xmlns: "http://www.w3.org/2000/svg"
|
|
5655
|
-
}, /*#__PURE__*/React__namespace.default.createElement(
|
|
5645
|
+
}, /*#__PURE__*/React__namespace.default.createElement(LoadingGraphicCardGroup, {
|
|
5656
5646
|
id: "card",
|
|
5657
|
-
|
|
5658
|
-
transform: "translate(".concat(frame < 1 ? '-500px' : '0', ", 0)"),
|
|
5659
|
-
transition: 'transform 0.3s linear'
|
|
5660
|
-
}
|
|
5647
|
+
"$offScreen": frame < 1
|
|
5661
5648
|
}, /*#__PURE__*/React__namespace.default.createElement("path", {
|
|
5662
5649
|
d: "M76.5001 181.274C76.5001 176.027 80.7534 171.774 86.0001 171.774L342 171.774C347.247 171.774 351.5 176.027 351.5 181.274L351.5 586C351.5 591.247 347.247 595.5 342 595.5L86.0001 595.5C80.7534 595.5 76.5001 591.247 76.5001 586L76.5001 181.274Z",
|
|
5663
5650
|
fill: "#F3F3F3",
|
|
@@ -5840,13 +5827,10 @@ function IdCaptureLoadingGraphicMobile(_a) {
|
|
|
5840
5827
|
strokeWidth: "5",
|
|
5841
5828
|
strokeLinecap: "round",
|
|
5842
5829
|
strokeLinejoin: "round"
|
|
5843
|
-
}))), /*#__PURE__*/React__namespace.default.createElement(
|
|
5830
|
+
}))), /*#__PURE__*/React__namespace.default.createElement(LoadingGraphicPhoneGroup, {
|
|
5844
5831
|
id: "phone",
|
|
5845
5832
|
clipPath: "url(#clip0_29_1778)",
|
|
5846
|
-
|
|
5847
|
-
transform: "translate(".concat(frame < 1 ? '40px' : '0', ", 0)"),
|
|
5848
|
-
transition: 'transform 0.3s linear'
|
|
5849
|
-
}
|
|
5833
|
+
"$offScreen": frame < 1
|
|
5850
5834
|
}, /*#__PURE__*/React__namespace.default.createElement("rect", {
|
|
5851
5835
|
x: "154",
|
|
5852
5836
|
y: "693",
|
|
@@ -5874,6 +5858,21 @@ function IdCaptureLoadingGraphicMobile(_a) {
|
|
|
5874
5858
|
fill: "white"
|
|
5875
5859
|
}))));
|
|
5876
5860
|
}
|
|
5861
|
+
var LoadingGraphicWrapper = styled__default.default.div(templateObject_1$z || (templateObject_1$z = __makeTemplateObject(["\n display: flex;\n width: 100%;\n height: 100%;\n"], ["\n display: flex;\n width: 100%;\n height: 100%;\n"])));
|
|
5862
|
+
var LoadingGraphicSvg = styled__default.default.svg(templateObject_2$u || (templateObject_2$u = __makeTemplateObject(["\n margin: auto;\n transform: scale(\n ", "\n );\n transform-style: preserve-3d;\n transition:\n transform 0.2s linear,\n border-width 0.2s linear;\n border: ", "px solid\n ", ";\n"], ["\n margin: auto;\n transform: scale(\n ", "\n );\n transform-style: preserve-3d;\n transition:\n transform 0.2s linear,\n border-width 0.2s linear;\n border: ", "px solid\n ", ";\n"])), function (props) {
|
|
5863
|
+
return props.$frame > 1 ? 1 : props.$frame === 1 ? 1.25 : 0.75;
|
|
5864
|
+
}, function (props) {
|
|
5865
|
+
return props.$frame >= 5 ? 10 : 0;
|
|
5866
|
+
}, function (props) {
|
|
5867
|
+
return props.$borderColor;
|
|
5868
|
+
});
|
|
5869
|
+
var LoadingGraphicCardGroup = styled__default.default.g(templateObject_3$m || (templateObject_3$m = __makeTemplateObject(["\n transform: translate(", ", 0);\n transform-style: preserve-3d;\n transition: transform 0.3s linear;\n"], ["\n transform: translate(", ", 0);\n transform-style: preserve-3d;\n transition: transform 0.3s linear;\n"])), function (props) {
|
|
5870
|
+
return props.$offScreen ? '-500px' : '0';
|
|
5871
|
+
});
|
|
5872
|
+
var LoadingGraphicPhoneGroup = styled__default.default.g(templateObject_4$g || (templateObject_4$g = __makeTemplateObject(["\n transform: translate(", ", 0);\n transform-style: preserve-3d;\n transition: transform 0.3s linear;\n"], ["\n transform: translate(", ", 0);\n transform-style: preserve-3d;\n transition: transform 0.3s linear;\n"])), function (props) {
|
|
5873
|
+
return props.$offScreen ? '40px' : '0';
|
|
5874
|
+
});
|
|
5875
|
+
var templateObject_1$z, templateObject_2$u, templateObject_3$m, templateObject_4$g;
|
|
5877
5876
|
|
|
5878
5877
|
function LoadingListItemIndicator(_a) {
|
|
5879
5878
|
var _b = _a.state,
|
|
@@ -6068,24 +6067,24 @@ var IdCaptureLoadingOverlayDefault = function IdCaptureLoadingOverlayDefault(_a)
|
|
|
6068
6067
|
}
|
|
6069
6068
|
}, verbiage.continueText))))));
|
|
6070
6069
|
};
|
|
6071
|
-
var OverlayInner$1 = styled__default.default.div(templateObject_1$
|
|
6070
|
+
var OverlayInner$1 = styled__default.default.div(templateObject_1$y || (templateObject_1$y = __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) {
|
|
6072
6071
|
var _a, _b, _c, _d;
|
|
6073
6072
|
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';
|
|
6074
6073
|
}, function (props) {
|
|
6075
6074
|
var _a, _b, _c, _d;
|
|
6076
6075
|
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';
|
|
6077
6076
|
});
|
|
6078
|
-
var OverlayHeader$1 = styled__default.default.div(templateObject_2$
|
|
6077
|
+
var OverlayHeader$1 = styled__default.default.div(templateObject_2$t || (templateObject_2$t = __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) {
|
|
6079
6078
|
var _a;
|
|
6080
6079
|
return (_a = props.theme.textAlign) !== null && _a !== void 0 ? _a : 'center';
|
|
6081
6080
|
}, function (props) {
|
|
6082
6081
|
return props.theme.padding ? "box-sizing: border-box; padding: ".concat(props.theme.padding, ";") : "";
|
|
6083
6082
|
});
|
|
6084
|
-
var StyledGuidanceMessage$2 = styled__default.default(GuidanceMessage)(templateObject_3$
|
|
6085
|
-
var StyledOverlayImageContainer$2 = styled__default.default(OverlayImageContainer)(templateObject_4$
|
|
6086
|
-
var ContinuityCameraCheckboxContainer$1 = styled__default.default.div(templateObject_5$
|
|
6087
|
-
var ContinuityCameraCheckboxInner = styled__default.default(GuidanceMessage)(templateObject_6$
|
|
6088
|
-
var ContinuityCameraCheckbox$1 = styled__default.default.input(templateObject_7$
|
|
6083
|
+
var StyledGuidanceMessage$2 = styled__default.default(GuidanceMessage)(templateObject_3$l || (templateObject_3$l = __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"])));
|
|
6084
|
+
var StyledOverlayImageContainer$2 = styled__default.default(OverlayImageContainer)(templateObject_4$f || (templateObject_4$f = __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"])));
|
|
6085
|
+
var ContinuityCameraCheckboxContainer$1 = styled__default.default.div(templateObject_5$a || (templateObject_5$a = __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"])));
|
|
6086
|
+
var ContinuityCameraCheckboxInner = styled__default.default(GuidanceMessage)(templateObject_6$8 || (templateObject_6$8 = __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"])));
|
|
6087
|
+
var ContinuityCameraCheckbox$1 = styled__default.default.input(templateObject_7$5 || (templateObject_7$5 = __makeTemplateObject(["\n margin-right: 8px;\n"], ["\n margin-right: 8px;\n"])));
|
|
6089
6088
|
var StyledButtonsRow$a = styled__default.default(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) {
|
|
6090
6089
|
var _a, _b, _c, _d;
|
|
6091
6090
|
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';
|
|
@@ -6111,7 +6110,7 @@ var ProgressIndicator$1 = styled__default.default.span(templateObject_15$1 || (t
|
|
|
6111
6110
|
var _a, _b, _c, _d;
|
|
6112
6111
|
return (_d = (_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.idCapture) === null || _b === void 0 ? void 0 : _b.loadingOverlay) === null || _c === void 0 ? void 0 : _c.progressBarIndicatorColor) !== null && _d !== void 0 ? _d : 'var(--idm-color-positive-600)';
|
|
6113
6112
|
}, progressBarAnimation);
|
|
6114
|
-
var CustomLoadingGraphic$1 = styled__default.default.img(templateObject_16 || (templateObject_16 = __makeTemplateObject([""], [""])));
|
|
6113
|
+
var CustomLoadingGraphic$1 = styled__default.default.img(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n transform-style: preserve-3d;\n"], ["\n transform-style: preserve-3d;\n"])));
|
|
6115
6114
|
var ContinueButtonContainer$1 = styled__default.default.div(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n display: flex;\n"], ["\n display: flex;\n"])));
|
|
6116
6115
|
var ContinueButton$1 = styled__default.default(LoaderButton)(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n margin: auto;\n white-space: nowrap;\n ", "\n ", "\n"], ["\n margin: auto;\n white-space: nowrap;\n ", "\n ", "\n"])), function (props) {
|
|
6117
6116
|
var _a, _b, _c, _d, _e, _f;
|
|
@@ -6120,10 +6119,10 @@ var ContinueButton$1 = styled__default.default(LoaderButton)(templateObject_18 |
|
|
|
6120
6119
|
var _a, _b, _c, _d, _e, _f;
|
|
6121
6120
|
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, ";") : '';
|
|
6122
6121
|
});
|
|
6123
|
-
var templateObject_1$
|
|
6122
|
+
var templateObject_1$y, templateObject_2$t, templateObject_3$l, templateObject_4$f, templateObject_5$a, templateObject_6$8, templateObject_7$5, 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;
|
|
6124
6123
|
|
|
6125
|
-
var ContinuityCameraCheckboxContainer = styled__default.default.div(templateObject_1$
|
|
6126
|
-
var ContinuityCameraCheckbox = styled__default.default.input(templateObject_2$
|
|
6124
|
+
var ContinuityCameraCheckboxContainer = styled__default.default.div(templateObject_1$x || (templateObject_1$x = __makeTemplateObject(["\n margin-top: 15px;\n margin-bottom: 15px;\n"], ["\n margin-top: 15px;\n margin-bottom: 15px;\n"])));
|
|
6125
|
+
var ContinuityCameraCheckbox = styled__default.default.input(templateObject_2$s || (templateObject_2$s = __makeTemplateObject(["\n margin-right: 8px;\n"], ["\n margin-right: 8px;\n"])));
|
|
6127
6126
|
var IdCaptureLoadingOverlayLegacy = function IdCaptureLoadingOverlayLegacy(_a) {
|
|
6128
6127
|
var _b, _c, _d, _e;
|
|
6129
6128
|
var onDismissed = _a.onDismissed,
|
|
@@ -6234,7 +6233,7 @@ var IdCaptureLoadingOverlayLegacy = function IdCaptureLoadingOverlayLegacy(_a) {
|
|
|
6234
6233
|
}
|
|
6235
6234
|
}, cameraReady && modelsReady ? verbiage.continueText : modelsReady ? verbiage.cameraInitializingText : modelDownloadProgress >= 100 ? verbiage.modelsWarmingUpText : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)"))));
|
|
6236
6235
|
};
|
|
6237
|
-
var templateObject_1$
|
|
6236
|
+
var templateObject_1$x, templateObject_2$s;
|
|
6238
6237
|
|
|
6239
6238
|
var components$1 = {
|
|
6240
6239
|
"default": IdCaptureLoadingOverlayDefault,
|
|
@@ -6292,9 +6291,9 @@ var CapturedDocumentImg = function CapturedDocumentImg(_a) {
|
|
|
6292
6291
|
});
|
|
6293
6292
|
};
|
|
6294
6293
|
|
|
6295
|
-
var Card = styled__default.default.div(templateObject_1$
|
|
6296
|
-
var FlexCard = styled__default.default(Card)(templateObject_2$
|
|
6297
|
-
var templateObject_1$
|
|
6294
|
+
var Card = styled__default.default.div(templateObject_1$w || (templateObject_1$w = __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"])));
|
|
6295
|
+
var FlexCard = styled__default.default(Card)(templateObject_2$r || (templateObject_2$r = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n"], ["\n display: flex;\n flex-direction: column;\n"])));
|
|
6296
|
+
var templateObject_1$w, templateObject_2$r;
|
|
6298
6297
|
|
|
6299
6298
|
var IdCaptureSuccess = function IdCaptureSuccess(_a) {
|
|
6300
6299
|
var capturedDocuments = _a.capturedDocuments,
|
|
@@ -6369,13 +6368,13 @@ var IdCaptureSuccess = function IdCaptureSuccess(_a) {
|
|
|
6369
6368
|
finished: true
|
|
6370
6369
|
}, verbiage.retryText)))));
|
|
6371
6370
|
};
|
|
6372
|
-
var Heading$a = styled__default.default.h1(templateObject_1$
|
|
6373
|
-
var ImagesContainer = styled__default.default(OverlayImageContainer)(templateObject_2$
|
|
6374
|
-
var ImageRow = styled__default.default(OverlayImageRow)(templateObject_3$
|
|
6375
|
-
var ImageCol$1 = styled__default.default.div(templateObject_4$
|
|
6376
|
-
var StyledImage = styled__default.default(CapturedDocumentImg)(templateObject_5$
|
|
6377
|
-
var DebugPre = styled__default.default.pre(templateObject_6$
|
|
6378
|
-
var templateObject_1$
|
|
6371
|
+
var Heading$a = styled__default.default.h1(templateObject_1$v || (templateObject_1$v = __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"])));
|
|
6372
|
+
var ImagesContainer = styled__default.default(OverlayImageContainer)(templateObject_2$q || (templateObject_2$q = __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"])));
|
|
6373
|
+
var ImageRow = styled__default.default(OverlayImageRow)(templateObject_3$k || (templateObject_3$k = __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"])));
|
|
6374
|
+
var ImageCol$1 = styled__default.default.div(templateObject_4$e || (templateObject_4$e = __makeTemplateObject(["\n width: 100%;\n max-height: none !important;\n"], ["\n width: 100%;\n max-height: none !important;\n"])));
|
|
6375
|
+
var StyledImage = styled__default.default(CapturedDocumentImg)(templateObject_5$9 || (templateObject_5$9 = __makeTemplateObject(["\n width: 100%;\n border-radius: 12px;\n"], ["\n width: 100%;\n border-radius: 12px;\n"])));
|
|
6376
|
+
var DebugPre = styled__default.default.pre(templateObject_6$7 || (templateObject_6$7 = __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"])));
|
|
6377
|
+
var templateObject_1$v, templateObject_2$q, templateObject_3$k, templateObject_4$e, templateObject_5$9, templateObject_6$7;
|
|
6379
6378
|
|
|
6380
6379
|
function useShowSuccessScreen(skipSuccessScreen, successScreenReady, onDoneCallback) {
|
|
6381
6380
|
var _this = this;
|
|
@@ -6427,10 +6426,10 @@ function resetCanvasDimensions(canvas) {
|
|
|
6427
6426
|
canvas.style.height = '0';
|
|
6428
6427
|
}
|
|
6429
6428
|
|
|
6430
|
-
var IdCardGuideImageContainer = styled__default.default(IdCardBorder)(templateObject_1$
|
|
6429
|
+
var IdCardGuideImageContainer = styled__default.default(IdCardBorder)(templateObject_1$u || (templateObject_1$u = __makeTemplateObject(["\n position: relative;\n ", "\n box-sizing: border-box;\n"], ["\n position: relative;\n ", "\n box-sizing: border-box;\n"])), function (props) {
|
|
6431
6430
|
return props.$isVisible ? '' : 'opacity: 0;';
|
|
6432
6431
|
});
|
|
6433
|
-
var IdCardGuideImage = styled__default.default.img(templateObject_2$
|
|
6432
|
+
var IdCardGuideImage = styled__default.default.img(templateObject_2$p || (templateObject_2$p = __makeTemplateObject(["\n transform-style: preserve-3d;\n ", "\n ", "\n"], ["\n transform-style: preserve-3d;\n ", "\n ", "\n"])), function (props) {
|
|
6434
6433
|
return props.$isMirrored ? 'transform: scaleX(-1);' : '';
|
|
6435
6434
|
}, function (props) {
|
|
6436
6435
|
return props.$isInvisible ? 'opacity: 0;' : '';
|
|
@@ -6572,16 +6571,16 @@ function IdCardBorderSvg(_a) {
|
|
|
6572
6571
|
className: isProgressBar ? "idmSdkProgressBorder ".concat(progressPaused ? 'idmSdkProgressPaused' : '') : ''
|
|
6573
6572
|
}));
|
|
6574
6573
|
}
|
|
6575
|
-
var IdCardBorderContainer = styled__default.default.div(templateObject_3$
|
|
6576
|
-
var SvgOverlay = styled__default.default.svg(templateObject_4$
|
|
6577
|
-
var IdCardBorderRect = styled__default.default.rect(templateObject_5$
|
|
6574
|
+
var IdCardBorderContainer = styled__default.default.div(templateObject_3$j || (templateObject_3$j = __makeTemplateObject(["\n & > .idmSdkWaves {\n position: absolute;\n animation: ", " 2s ease-out infinite;\n transform-style: preserve-3d;\n\n &:nth-child(2) {\n animation-delay: 0.66s;\n }\n\n &:nth-child(3) {\n animation-delay: 1.33s;\n }\n }\n"], ["\n & > .idmSdkWaves {\n position: absolute;\n animation: ", " 2s ease-out infinite;\n transform-style: preserve-3d;\n\n &:nth-child(2) {\n animation-delay: 0.66s;\n }\n\n &:nth-child(3) {\n animation-delay: 1.33s;\n }\n }\n"])), wavesAnimation);
|
|
6575
|
+
var SvgOverlay = styled__default.default.svg(templateObject_4$d || (templateObject_4$d = __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"])));
|
|
6576
|
+
var IdCardBorderRect = styled__default.default.rect(templateObject_5$8 || (templateObject_5$8 = __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) {
|
|
6578
6577
|
var _a;
|
|
6579
6578
|
return (_a = props.$speed) !== null && _a !== void 0 ? _a : '3s';
|
|
6580
6579
|
}, function (props) {
|
|
6581
6580
|
var _a;
|
|
6582
6581
|
return (_a = props.$fillMode) !== null && _a !== void 0 ? _a : 'forwards';
|
|
6583
6582
|
});
|
|
6584
|
-
var templateObject_1$
|
|
6583
|
+
var templateObject_1$u, templateObject_2$p, templateObject_3$j, templateObject_4$d, templateObject_5$8;
|
|
6585
6584
|
|
|
6586
6585
|
var defaultIdCaptureGuideImages = {
|
|
6587
6586
|
portrait: {
|
|
@@ -6687,12 +6686,81 @@ function getOrientation(allowPortraitOnMobile) {
|
|
|
6687
6686
|
return allowPortraitOnMobile && window.innerWidth < window.innerHeight ? 'portrait' : 'landscape';
|
|
6688
6687
|
}
|
|
6689
6688
|
|
|
6690
|
-
var
|
|
6689
|
+
var IdVideoCaptureFlipIdPrompt = function IdVideoCaptureFlipIdPrompt(_a) {
|
|
6690
|
+
var _b;
|
|
6691
|
+
var _c = _a.idCaptureGuideImages,
|
|
6692
|
+
idCaptureGuideImages = _c === void 0 ? defaultIdCaptureGuideImages : _c,
|
|
6693
|
+
_d = _a.classNames,
|
|
6694
|
+
classNames = _d === void 0 ? {} : _d,
|
|
6695
|
+
borderWidth = _a.borderWidth,
|
|
6696
|
+
borderColor = _a.borderColor,
|
|
6697
|
+
borderRadius = _a.borderRadius,
|
|
6698
|
+
imageStyle = _a.imageStyle;
|
|
6699
|
+
var cameraRef = React.useContext(CameraStateContext).cameraRef;
|
|
6700
|
+
var isMirrored = !((_b = cameraRef.current) === null || _b === void 0 ? void 0 : _b.isRearFacing);
|
|
6701
|
+
var _e = React.useState(1),
|
|
6702
|
+
transitionTime = _e[0],
|
|
6703
|
+
setTransitionTime = _e[1];
|
|
6704
|
+
var _f = React.useState(0),
|
|
6705
|
+
rotationAngle = _f[0],
|
|
6706
|
+
setRotationAngle = _f[1];
|
|
6707
|
+
var frontTransforms = ["rotateY(".concat(rotationAngle, "deg)")];
|
|
6708
|
+
if (isMirrored) frontTransforms.push('scaleX(-1)');
|
|
6709
|
+
var backTransforms = ["rotateY(".concat(180 - rotationAngle, "deg)")];
|
|
6710
|
+
if (isMirrored) backTransforms.push('scaleX(-1)');
|
|
6711
|
+
React.useEffect(function () {
|
|
6712
|
+
var timeout;
|
|
6713
|
+
function doFlip() {
|
|
6714
|
+
setTransitionTime(1);
|
|
6715
|
+
setRotationAngle(180);
|
|
6716
|
+
timeout = setTimeout(function () {
|
|
6717
|
+
setTransitionTime(0);
|
|
6718
|
+
setRotationAngle(0);
|
|
6719
|
+
}, 1500);
|
|
6720
|
+
}
|
|
6721
|
+
var interval = setInterval(doFlip, 2500);
|
|
6722
|
+
timeout = setTimeout(doFlip, 250);
|
|
6723
|
+
return function () {
|
|
6724
|
+
clearInterval(interval);
|
|
6725
|
+
clearTimeout(timeout);
|
|
6726
|
+
};
|
|
6727
|
+
}, []);
|
|
6728
|
+
return /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(FlipImageContainer, {
|
|
6729
|
+
className: classNames.frontImageContainer,
|
|
6730
|
+
status: "disabled",
|
|
6731
|
+
borderWidth: borderWidth,
|
|
6732
|
+
borderColor: borderColor,
|
|
6733
|
+
borderRadius: borderRadius,
|
|
6734
|
+
"$transforms": frontTransforms.join(' '),
|
|
6735
|
+
"$transitionTime": transitionTime,
|
|
6736
|
+
"$isVisible": true
|
|
6737
|
+
}, /*#__PURE__*/React__namespace.default.createElement(IdCardGuideImage, {
|
|
6738
|
+
src: idCaptureGuideImages.landscape.SHOW_ID_FRONT.url,
|
|
6739
|
+
className: classNames.frontImage,
|
|
6740
|
+
alt: "",
|
|
6741
|
+
style: imageStyle
|
|
6742
|
+
})), /*#__PURE__*/React__namespace.default.createElement(FlipImageContainer, {
|
|
6743
|
+
className: classNames.backImageContainer,
|
|
6744
|
+
status: "disabled",
|
|
6745
|
+
borderWidth: borderWidth,
|
|
6746
|
+
borderColor: borderColor,
|
|
6747
|
+
borderRadius: borderRadius,
|
|
6748
|
+
"$transforms": backTransforms.join(' '),
|
|
6749
|
+
"$transitionTime": transitionTime,
|
|
6750
|
+
"$isVisible": true
|
|
6751
|
+
}, /*#__PURE__*/React__namespace.default.createElement(IdCardGuideImage, {
|
|
6752
|
+
src: idCaptureGuideImages.landscape.SHOW_ID_BACK.url,
|
|
6753
|
+
className: classNames.backImage,
|
|
6754
|
+
alt: "",
|
|
6755
|
+
style: imageStyle
|
|
6756
|
+
})));
|
|
6757
|
+
};
|
|
6758
|
+
var FlipImageContainer = styled__default.default(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) {
|
|
6691
6759
|
return props.$transitionTime;
|
|
6692
6760
|
}, function (props) {
|
|
6693
6761
|
return props.$transforms;
|
|
6694
6762
|
});
|
|
6695
|
-
var templateObject_1$
|
|
6763
|
+
var templateObject_1$t;
|
|
6696
6764
|
|
|
6697
6765
|
var GuideOrientationContext = /*#__PURE__*/React.createContext({
|
|
6698
6766
|
orientation: 'landscape',
|
|
@@ -6981,10 +7049,10 @@ var regionClsx = function regionClsx(classNames, which) {
|
|
|
6981
7049
|
return v;
|
|
6982
7050
|
}).join(' ');
|
|
6983
7051
|
};
|
|
6984
|
-
var StyledPageContainer = styled__default.default(PageContainerDiv)(templateObject_1$
|
|
6985
|
-
var GuidesContainer = styled__default.default.div(templateObject_2$
|
|
6986
|
-
var GuideCenterRow = styled__default.default.div(templateObject_3$
|
|
6987
|
-
var GuideRegion = styled__default.default.div(templateObject_4$
|
|
7052
|
+
var StyledPageContainer = styled__default.default(PageContainerDiv)(templateObject_1$s || (templateObject_1$s = __makeTemplateObject(["\n z-index: 1000;\n overflow-y: hidden;\n"], ["\n z-index: 1000;\n overflow-y: hidden;\n"])));
|
|
7053
|
+
var GuidesContainer = styled__default.default.div(templateObject_2$o || (templateObject_2$o = __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"])));
|
|
7054
|
+
var GuideCenterRow = styled__default.default.div(templateObject_3$i || (templateObject_3$i = __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"])));
|
|
7055
|
+
var GuideRegion = styled__default.default.div(templateObject_4$c || (templateObject_4$c = __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) {
|
|
6988
7056
|
var _a, _b, _c, _d, _e;
|
|
6989
7057
|
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)';
|
|
6990
7058
|
}, function (props) {
|
|
@@ -6995,13 +7063,13 @@ var GuideRegion = styled__default.default.div(templateObject_4$b || (templateObj
|
|
|
6995
7063
|
}, function (props) {
|
|
6996
7064
|
return props.$minHeight ? "min-height: ".concat(props.$minHeight, "px;") : "";
|
|
6997
7065
|
});
|
|
6998
|
-
var Spacer = styled__default.default(GuideRegion)(templateObject_5$
|
|
6999
|
-
var GuideCenterRegion = styled__default.default.div(templateObject_6$
|
|
7066
|
+
var Spacer = styled__default.default(GuideRegion)(templateObject_5$7 || (templateObject_5$7 = __makeTemplateObject(["\n display: block;\n width: auto;\n"], ["\n display: block;\n width: auto;\n"])));
|
|
7067
|
+
var GuideCenterRegion = styled__default.default.div(templateObject_6$6 || (templateObject_6$6 = __makeTemplateObject(["\n ", "\n ", "\n transform-style: preserve-3d;\n box-sizing: border-box;\n display: flex;\n flex: 1;\n max-height: 100%;\n height: 100%;\n"], ["\n ", "\n ", "\n transform-style: preserve-3d;\n box-sizing: border-box;\n display: flex;\n flex: 1;\n max-height: 100%;\n height: 100%;\n"])), function (props) {
|
|
7000
7068
|
return props.$minWidth ? "min-width: ".concat(props.$minWidth, "px;") : "";
|
|
7001
7069
|
}, function (props) {
|
|
7002
7070
|
return props.$isMirrored ? 'transform: scaleX(-1);' : '';
|
|
7003
7071
|
});
|
|
7004
|
-
var GuideCenterBorder = styled__default.default.div(templateObject_7$
|
|
7072
|
+
var GuideCenterBorder = styled__default.default.div(templateObject_7$4 || (templateObject_7$4 = __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) {
|
|
7005
7073
|
var _a, _b;
|
|
7006
7074
|
return "".concat((_a = props.$borderWidth) !== null && _a !== void 0 ? _a : 4, "px solid ").concat((_b = props.$borderColor) !== null && _b !== void 0 ? _b : 'white');
|
|
7007
7075
|
}, function (props) {
|
|
@@ -7009,7 +7077,7 @@ var GuideCenterBorder = styled__default.default.div(templateObject_7$3 || (templ
|
|
|
7009
7077
|
});
|
|
7010
7078
|
var GuideText = styled__default.default.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"])));
|
|
7011
7079
|
var GuideCenterInner = styled__default.default.div(templateObject_9$1 || (templateObject_9$1 = __makeTemplateObject(["\n position: relative;\n margin: auto;\n"], ["\n position: relative;\n margin: auto;\n"])));
|
|
7012
|
-
var templateObject_1$
|
|
7080
|
+
var templateObject_1$s, templateObject_2$o, templateObject_3$i, templateObject_4$c, templateObject_5$7, templateObject_6$6, templateObject_7$4, templateObject_8$1, templateObject_9$1;
|
|
7013
7081
|
|
|
7014
7082
|
var IdCaptureFitGuide = function IdCaptureFitGuide(_a) {
|
|
7015
7083
|
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
|
|
@@ -7152,11 +7220,11 @@ var IdCaptureFitGuide = function IdCaptureFitGuide(_a) {
|
|
|
7152
7220
|
progress: progress
|
|
7153
7221
|
}));
|
|
7154
7222
|
};
|
|
7155
|
-
var CanvasWrapper$1 = styled__default.default.div(templateObject_1$
|
|
7223
|
+
var CanvasWrapper$1 = styled__default.default.div(templateObject_1$r || (templateObject_1$r = __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) {
|
|
7156
7224
|
return props.$maskColor;
|
|
7157
7225
|
});
|
|
7158
|
-
var Canvas$1 = styled__default.default.canvas(templateObject_2$
|
|
7159
|
-
var templateObject_1$
|
|
7226
|
+
var Canvas$1 = styled__default.default.canvas(templateObject_2$n || (templateObject_2$n = __makeTemplateObject(["\n display: block;\n"], ["\n display: block;\n"])));
|
|
7227
|
+
var templateObject_1$r, templateObject_2$n;
|
|
7160
7228
|
|
|
7161
7229
|
function IdCaptureGuides(_a) {
|
|
7162
7230
|
var _b, _c;
|
|
@@ -7296,11 +7364,11 @@ var SelfieProgressPreview = function SelfieProgressPreview(_a) {
|
|
|
7296
7364
|
onError: onError
|
|
7297
7365
|
})));
|
|
7298
7366
|
};
|
|
7299
|
-
var StyledSpinner = styled__default.default(Spinner)(templateObject_1$
|
|
7300
|
-
var ImagePreviewWrapper = styled__default.default.div(templateObject_2$
|
|
7301
|
-
var ImagePreviewText = styled__default.default.div(templateObject_3$
|
|
7302
|
-
var ImagePreviewImageWrapper = styled__default.default.div(templateObject_4$
|
|
7303
|
-
var templateObject_1$
|
|
7367
|
+
var StyledSpinner = styled__default.default(Spinner)(templateObject_1$q || (templateObject_1$q = __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"])));
|
|
7368
|
+
var ImagePreviewWrapper = styled__default.default.div(templateObject_2$m || (templateObject_2$m = __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"])));
|
|
7369
|
+
var ImagePreviewText = styled__default.default.div(templateObject_3$h || (templateObject_3$h = __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"])));
|
|
7370
|
+
var ImagePreviewImageWrapper = styled__default.default.div(templateObject_4$b || (templateObject_4$b = __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"])));
|
|
7371
|
+
var templateObject_1$q, templateObject_2$m, templateObject_3$h, templateObject_4$b;
|
|
7304
7372
|
|
|
7305
7373
|
var CameraVideoTag = function CameraVideoTag(_a) {
|
|
7306
7374
|
var _b;
|
|
@@ -7339,10 +7407,10 @@ var CameraVideoTag = function CameraVideoTag(_a) {
|
|
|
7339
7407
|
"$isRearFacing": (_b = cameraRef.current) === null || _b === void 0 ? void 0 : _b.isRearFacing
|
|
7340
7408
|
});
|
|
7341
7409
|
};
|
|
7342
|
-
var FullscreenVideoTag = styled__default.default.video(templateObject_1$
|
|
7410
|
+
var FullscreenVideoTag = styled__default.default.video(templateObject_1$p || (templateObject_1$p = __makeTemplateObject(["\n transform: ", ";\n transform-style: preserve-3d;\n min-width: 100%;\n min-height: 100%;\n width: auto;\n height: auto;\n max-width: 100%;\n max-height: 100%;\n object-fit: cover;\n background: black;\n z-index: -2;\n"], ["\n transform: ", ";\n transform-style: preserve-3d;\n min-width: 100%;\n min-height: 100%;\n width: auto;\n height: auto;\n max-width: 100%;\n max-height: 100%;\n object-fit: cover;\n background: black;\n z-index: -2;\n"])), function (props) {
|
|
7343
7411
|
return props.$isRearFacing ? '' : 'scaleX(-1)';
|
|
7344
7412
|
});
|
|
7345
|
-
var templateObject_1$
|
|
7413
|
+
var templateObject_1$p;
|
|
7346
7414
|
|
|
7347
7415
|
var documentCaptureInitialState = {
|
|
7348
7416
|
documents: [],
|
|
@@ -7698,16 +7766,16 @@ var DocumentCaptureGuideOverlay = function DocumentCaptureGuideOverlay(_a) {
|
|
|
7698
7766
|
ref: canvasRef
|
|
7699
7767
|
}));
|
|
7700
7768
|
};
|
|
7701
|
-
var CanvasWrapper = styled__default.default.div(templateObject_1$
|
|
7769
|
+
var CanvasWrapper = styled__default.default.div(templateObject_1$o || (templateObject_1$o = __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) {
|
|
7702
7770
|
return props.$maskColor;
|
|
7703
7771
|
});
|
|
7704
|
-
var Canvas = styled__default.default.canvas(templateObject_2$
|
|
7705
|
-
var templateObject_1$
|
|
7772
|
+
var Canvas = styled__default.default.canvas(templateObject_2$l || (templateObject_2$l = __makeTemplateObject(["\n display: block;\n"], ["\n display: block;\n"])));
|
|
7773
|
+
var templateObject_1$o, templateObject_2$l;
|
|
7706
7774
|
|
|
7707
|
-
var CameraFeedWrapper = styled__default.default.div(templateObject_1$
|
|
7775
|
+
var CameraFeedWrapper = styled__default.default.div(templateObject_1$n || (templateObject_1$n = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
7708
7776
|
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;") : "";
|
|
7709
7777
|
});
|
|
7710
|
-
var templateObject_1$
|
|
7778
|
+
var templateObject_1$n;
|
|
7711
7779
|
|
|
7712
7780
|
var DocumentCaptureScreen = function DocumentCaptureScreen(_a) {
|
|
7713
7781
|
var _b, _c, _d, _e, _f, _g, _h;
|
|
@@ -7857,21 +7925,21 @@ var DocumentCaptureScreen = function DocumentCaptureScreen(_a) {
|
|
|
7857
7925
|
disabled: !cameraReady || capturing
|
|
7858
7926
|
}, !cameraReady ? verbiage.loadingBtnText : capturing ? verbiage.capturingBtnText : verbiage.captureBtnText))))));
|
|
7859
7927
|
};
|
|
7860
|
-
var CaptureContainer = styled__default.default.div(templateObject_1$
|
|
7861
|
-
var HeadingRow = styled__default.default.div(templateObject_2$
|
|
7928
|
+
var CaptureContainer = styled__default.default.div(templateObject_1$m || (templateObject_1$m = __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"])));
|
|
7929
|
+
var HeadingRow = styled__default.default.div(templateObject_2$k || (templateObject_2$k = __makeTemplateObject(["\n background: ", ";\n text-align: center;\n color: white;\n"], ["\n background: ", ";\n text-align: center;\n color: white;\n"])), function (props) {
|
|
7862
7930
|
return props.$maskColor;
|
|
7863
7931
|
});
|
|
7864
|
-
var Heading$9 = styled__default.default.h1(templateObject_3$
|
|
7865
|
-
var FooterRow = styled__default.default.div(templateObject_4$
|
|
7932
|
+
var Heading$9 = styled__default.default.h1(templateObject_3$g || (templateObject_3$g = __makeTemplateObject(["\n font-size: 22px;\n"], ["\n font-size: 22px;\n"])));
|
|
7933
|
+
var FooterRow = styled__default.default.div(templateObject_4$a || (templateObject_4$a = __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) {
|
|
7866
7934
|
return props.$maskColor;
|
|
7867
7935
|
});
|
|
7868
|
-
var Instructions = styled__default.default.div(templateObject_5$
|
|
7936
|
+
var Instructions = styled__default.default.div(templateObject_5$6 || (templateObject_5$6 = __makeTemplateObject(["\n max-height: ", ";\n overflow-y: auto;\n"], ["\n max-height: ", ";\n overflow-y: auto;\n"])), function (props) {
|
|
7869
7937
|
var _a, _b, _c;
|
|
7870
7938
|
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';
|
|
7871
7939
|
});
|
|
7872
|
-
var StyledButtonsRow$9 = styled__default.default(ButtonsRow)(templateObject_6$
|
|
7873
|
-
var PreviewImage = styled__default.default.img(templateObject_7$
|
|
7874
|
-
var templateObject_1$
|
|
7940
|
+
var StyledButtonsRow$9 = styled__default.default(ButtonsRow)(templateObject_6$5 || (templateObject_6$5 = __makeTemplateObject(["\n padding-top: 20px;\n"], ["\n padding-top: 20px;\n"])));
|
|
7941
|
+
var PreviewImage = styled__default.default.img(templateObject_7$3 || (templateObject_7$3 = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n object-fit: cover;\n"], ["\n width: 100%;\n height: 100%;\n object-fit: cover;\n"])));
|
|
7942
|
+
var templateObject_1$m, templateObject_2$k, templateObject_3$g, templateObject_4$a, templateObject_5$6, templateObject_6$5, templateObject_7$3;
|
|
7875
7943
|
|
|
7876
7944
|
var DocumentCaptureWizard = function DocumentCaptureWizard(_a) {
|
|
7877
7945
|
var onSuccess = _a.onSuccess,
|
|
@@ -8140,13 +8208,13 @@ var IdCaptureFallback = function IdCaptureFallback(_a) {
|
|
|
8140
8208
|
}
|
|
8141
8209
|
}, verbiage.doneBtnText))))));
|
|
8142
8210
|
};
|
|
8143
|
-
var StyledOverlayInner$2 = styled__default.default(OverlayInner$2)(templateObject_1$
|
|
8144
|
-
var Heading$8 = styled__default.default.h3(templateObject_2$
|
|
8145
|
-
var Description$3 = styled__default.default.p(templateObject_3$
|
|
8146
|
-
var Instruction = styled__default.default.p(templateObject_4$
|
|
8147
|
-
var ImageCol = styled__default.default.div(templateObject_5$
|
|
8148
|
-
var StyledButtonsRow$8 = styled__default.default(ButtonsRow)(templateObject_6$
|
|
8149
|
-
var templateObject_1$
|
|
8211
|
+
var StyledOverlayInner$2 = styled__default.default(OverlayInner$2)(templateObject_1$l || (templateObject_1$l = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
8212
|
+
var Heading$8 = styled__default.default.h3(templateObject_2$j || (templateObject_2$j = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
8213
|
+
var Description$3 = styled__default.default.p(templateObject_3$f || (templateObject_3$f = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
8214
|
+
var Instruction = styled__default.default.p(templateObject_4$9 || (templateObject_4$9 = __makeTemplateObject(["\n font-weight: bold;\n"], ["\n font-weight: bold;\n"])));
|
|
8215
|
+
var ImageCol = styled__default.default.div(templateObject_5$5 || (templateObject_5$5 = __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"])));
|
|
8216
|
+
var StyledButtonsRow$8 = styled__default.default(ButtonsRow)(templateObject_6$4 || (templateObject_6$4 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
8217
|
+
var templateObject_1$l, templateObject_2$j, templateObject_3$f, templateObject_4$9, templateObject_5$5, templateObject_6$4;
|
|
8150
8218
|
|
|
8151
8219
|
function ScalingCameraFeed() {
|
|
8152
8220
|
var _a = React.useContext(IdCaptureStateContext),
|
|
@@ -8832,7 +8900,7 @@ var HeadGuideSvg = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
8832
8900
|
}))));
|
|
8833
8901
|
});
|
|
8834
8902
|
HeadGuideSvg.displayName = 'HeadGuideSvg';
|
|
8835
|
-
var PulsingHeadGuideContainer = styled__default.default.div(templateObject_1$
|
|
8903
|
+
var PulsingHeadGuideContainer = styled__default.default.div(templateObject_1$k || (templateObject_1$k = __makeTemplateObject(["\n display: flex;\n position: relative;\n height: 100%;\n max-height: 100%;\n\n & > .idmSdkWaves {\n position: absolute;\n animation: ", " 2s ease-out infinite;\n transform-style: preserve-3d;\n\n &:nth-child(2) {\n animation-delay: 0.66s;\n }\n\n &:nth-child(3) {\n animation-delay: 1.33s;\n }\n }\n\n & > .idmSdkWavesOrigin {\n position: relative;\n }\n"], ["\n display: flex;\n position: relative;\n height: 100%;\n max-height: 100%;\n\n & > .idmSdkWaves {\n position: absolute;\n animation: ", " 2s ease-out infinite;\n transform-style: preserve-3d;\n\n &:nth-child(2) {\n animation-delay: 0.66s;\n }\n\n &:nth-child(3) {\n animation-delay: 1.33s;\n }\n }\n\n & > .idmSdkWavesOrigin {\n position: relative;\n }\n"])), wavesAnimation);
|
|
8836
8904
|
function HeadGuide(_a) {
|
|
8837
8905
|
var _b;
|
|
8838
8906
|
var _c = _a.status,
|
|
@@ -8882,8 +8950,8 @@ function HeadGuide(_a) {
|
|
|
8882
8950
|
height: parentHeight
|
|
8883
8951
|
})));
|
|
8884
8952
|
}
|
|
8885
|
-
var AbsoluteSvg = styled__default.default.svg(templateObject_2$
|
|
8886
|
-
var RelativeSvgContainer = styled__default.default.div(templateObject_3$
|
|
8953
|
+
var AbsoluteSvg = styled__default.default.svg(templateObject_2$i || (templateObject_2$i = __makeTemplateObject(["\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n"], ["\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n"])));
|
|
8954
|
+
var RelativeSvgContainer = styled__default.default.div(templateObject_3$e || (templateObject_3$e = __makeTemplateObject(["\n position: relative;\n height: 100%;\n display: flex;\n align-items: ", ";\n"], ["\n position: relative;\n height: 100%;\n display: flex;\n align-items: ", ";\n"])), function (props) {
|
|
8887
8955
|
return props.$verticalAlign === 'bottom' ? 'flex-end' : 'center';
|
|
8888
8956
|
});
|
|
8889
8957
|
function SelfieCaptureAnimatedMask(_a) {
|
|
@@ -9110,10 +9178,10 @@ function SelfieCaptureAnimatedMaskWithStatus(_a) {
|
|
|
9110
9178
|
status: status
|
|
9111
9179
|
}));
|
|
9112
9180
|
}
|
|
9113
|
-
var templateObject_1$
|
|
9181
|
+
var templateObject_1$k, templateObject_2$i, templateObject_3$e;
|
|
9114
9182
|
|
|
9115
|
-
var FaceCaptureGuideContainer = styled__default.default.div(templateObject_1$
|
|
9116
|
-
var FaceCaptureGuideInner = styled__default.default.div(templateObject_2$
|
|
9183
|
+
var FaceCaptureGuideContainer = styled__default.default.div(templateObject_1$j || (templateObject_1$j = __makeTemplateObject(["\n position: fixed;\n z-index: 1000;\n width: 100dvw;\n height: 100dvh;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 40px;\n box-sizing: border-box;\n"], ["\n position: fixed;\n z-index: 1000;\n width: 100dvw;\n height: 100dvh;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 40px;\n box-sizing: border-box;\n"])));
|
|
9184
|
+
var FaceCaptureGuideInner = styled__default.default.div(templateObject_2$h || (templateObject_2$h = __makeTemplateObject(["\n position: relative;\n height: 60%;\n"], ["\n position: relative;\n height: 60%;\n"])));
|
|
9117
9185
|
var FaceCaptureGuideOverlay = function FaceCaptureGuideOverlay(_a) {
|
|
9118
9186
|
var _b = _a.classNames,
|
|
9119
9187
|
classNames = _b === void 0 ? {} : _b,
|
|
@@ -9135,7 +9203,7 @@ var FaceCaptureGuideOverlay = function FaceCaptureGuideOverlay(_a) {
|
|
|
9135
9203
|
verticalAlign: "center"
|
|
9136
9204
|
})));
|
|
9137
9205
|
};
|
|
9138
|
-
var templateObject_1$
|
|
9206
|
+
var templateObject_1$j, templateObject_2$h;
|
|
9139
9207
|
|
|
9140
9208
|
var SelfieGuidanceModelsContext = /*#__PURE__*/React.createContext({
|
|
9141
9209
|
start: function start() {
|
|
@@ -9439,12 +9507,12 @@ var SelfieCaptureFallback = function SelfieCaptureFallback(_a) {
|
|
|
9439
9507
|
}
|
|
9440
9508
|
}, !image ? invalidSelfie ? verbiage.retryButtonText : verbiage.captureBtnText : loading ? verbiage.doneBtnLoadingText : verbiage.doneBtnText)))));
|
|
9441
9509
|
};
|
|
9442
|
-
var StyledOverlayInner$1 = styled__default.default(OverlayInner$2)(templateObject_1$
|
|
9443
|
-
var Heading$7 = styled__default.default.h3(templateObject_2$
|
|
9444
|
-
var Description$2 = styled__default.default.p(templateObject_3$
|
|
9445
|
-
var ImageContainer$6 = styled__default.default(OverlayImageContainer)(templateObject_4$
|
|
9446
|
-
var StyledButtonsRow$7 = styled__default.default(ButtonsRow)(templateObject_5$
|
|
9447
|
-
var templateObject_1$
|
|
9510
|
+
var StyledOverlayInner$1 = styled__default.default(OverlayInner$2)(templateObject_1$i || (templateObject_1$i = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
9511
|
+
var Heading$7 = styled__default.default.h3(templateObject_2$g || (templateObject_2$g = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
9512
|
+
var Description$2 = styled__default.default.p(templateObject_3$d || (templateObject_3$d = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
9513
|
+
var ImageContainer$6 = styled__default.default(OverlayImageContainer)(templateObject_4$8 || (templateObject_4$8 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
9514
|
+
var StyledButtonsRow$7 = styled__default.default(ButtonsRow)(templateObject_5$4 || (templateObject_5$4 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
9515
|
+
var templateObject_1$i, templateObject_2$g, templateObject_3$d, templateObject_4$8, templateObject_5$4;
|
|
9448
9516
|
|
|
9449
9517
|
var initialState$3 = {
|
|
9450
9518
|
busy: false,
|
|
@@ -9988,9 +10056,9 @@ var FaceLivenessSuccess = function FaceLivenessSuccess(_a) {
|
|
|
9988
10056
|
finished: true
|
|
9989
10057
|
}, verbiage.retryBtnText)))));
|
|
9990
10058
|
};
|
|
9991
|
-
var ImageContainer$5 = styled__default.default.div(templateObject_1$
|
|
9992
|
-
var Heading$6 = styled__default.default.h3(templateObject_2$
|
|
9993
|
-
var templateObject_1$
|
|
10059
|
+
var ImageContainer$5 = styled__default.default.div(templateObject_1$h || (templateObject_1$h = __makeTemplateObject(["\n position: relative;\n flex-grow: 1;\n margin-bottom: 25px;\n max-width: 100dvw;\n max-height: 100dvh;\n overflow-y: auto;\n border-radius: 12px;\n\n & > img,\n & > svg {\n width: 100%;\n max-width: 100%;\n margin: 0 auto;\n display: block;\n border-radius: 12px;\n }\n"], ["\n position: relative;\n flex-grow: 1;\n margin-bottom: 25px;\n max-width: 100dvw;\n max-height: 100dvh;\n overflow-y: auto;\n border-radius: 12px;\n\n & > img,\n & > svg {\n width: 100%;\n max-width: 100%;\n margin: 0 auto;\n display: block;\n border-radius: 12px;\n }\n"])));
|
|
10060
|
+
var Heading$6 = styled__default.default.h3(templateObject_2$f || (templateObject_2$f = __makeTemplateObject(["\n font-size: 1.2rem;\n margin: 0;\n"], ["\n font-size: 1.2rem;\n margin: 0;\n"])));
|
|
10061
|
+
var templateObject_1$h, templateObject_2$f;
|
|
9994
10062
|
|
|
9995
10063
|
var FaceLivenessFailure = function FaceLivenessFailure(_a) {
|
|
9996
10064
|
var _b = _a.canRetry,
|
|
@@ -10039,9 +10107,9 @@ var FaceLivenessFailure = function FaceLivenessFailure(_a) {
|
|
|
10039
10107
|
finished: true
|
|
10040
10108
|
}, verbiage.exitBtnText)))));
|
|
10041
10109
|
};
|
|
10042
|
-
var ImageContainer$4 = styled__default.default(OverlayImageContainer)(templateObject_1$
|
|
10043
|
-
var Heading$5 = styled__default.default.h3(templateObject_2$
|
|
10044
|
-
var templateObject_1$
|
|
10110
|
+
var ImageContainer$4 = styled__default.default(OverlayImageContainer)(templateObject_1$g || (templateObject_1$g = __makeTemplateObject(["\n max-height: calc(100vh - 185px);\n"], ["\n max-height: calc(100vh - 185px);\n"])));
|
|
10111
|
+
var Heading$5 = styled__default.default.h3(templateObject_2$e || (templateObject_2$e = __makeTemplateObject(["\n margin-bottom: 36px;\n"], ["\n margin-bottom: 36px;\n"])));
|
|
10112
|
+
var templateObject_1$g, templateObject_2$e;
|
|
10045
10113
|
|
|
10046
10114
|
var MicrophoneAccessDeniedOverlay = function MicrophoneAccessDeniedOverlay(_a) {
|
|
10047
10115
|
var _b;
|
|
@@ -10082,11 +10150,11 @@ var MicrophoneAccessDeniedOverlay = function MicrophoneAccessDeniedOverlay(_a) {
|
|
|
10082
10150
|
finished: true
|
|
10083
10151
|
}, verbiage.retryBtnText)));
|
|
10084
10152
|
};
|
|
10085
|
-
var StyledOverlayInner = styled__default.default(OverlayInner$2)(templateObject_1$
|
|
10086
|
-
var StyledOverlayImageContainer$1 = styled__default.default(OverlayImageContainer)(templateObject_2$
|
|
10087
|
-
var Description$1 = styled__default.default.p(templateObject_3$
|
|
10088
|
-
var RetryButton = styled__default.default(LoaderButton)(templateObject_4$
|
|
10089
|
-
var templateObject_1$
|
|
10153
|
+
var StyledOverlayInner = styled__default.default(OverlayInner$2)(templateObject_1$f || (templateObject_1$f = __makeTemplateObject(["\n max-width: 500px;\n height: auto;\n margin: auto;\n"], ["\n max-width: 500px;\n height: auto;\n margin: auto;\n"])));
|
|
10154
|
+
var StyledOverlayImageContainer$1 = styled__default.default(OverlayImageContainer)(templateObject_2$d || (templateObject_2$d = __makeTemplateObject(["\n flex-grow: 0;\n"], ["\n flex-grow: 0;\n"])));
|
|
10155
|
+
var Description$1 = styled__default.default.p(templateObject_3$c || (templateObject_3$c = __makeTemplateObject(["\n line-height: 1.5;\n margin-bottom: 50px;\n"], ["\n line-height: 1.5;\n margin-bottom: 50px;\n"])));
|
|
10156
|
+
var RetryButton = styled__default.default(LoaderButton)(templateObject_4$7 || (templateObject_4$7 = __makeTemplateObject(["\n width: 200px;\n margin: 0 auto;\n"], ["\n width: 200px;\n margin: 0 auto;\n"])));
|
|
10157
|
+
var templateObject_1$f, templateObject_2$d, templateObject_3$c, templateObject_4$7;
|
|
10090
10158
|
|
|
10091
10159
|
var SelfieCaptureLoadingOverlayLegacy = function SelfieCaptureLoadingOverlayLegacy(_a) {
|
|
10092
10160
|
var onDismissed = _a.onDismissed,
|
|
@@ -10169,9 +10237,9 @@ var SelfieCaptureLoadingOverlayLegacy = function SelfieCaptureLoadingOverlayLega
|
|
|
10169
10237
|
}
|
|
10170
10238
|
}, cameraReady && allModelsReady ? verbiage.continueText : allModelsReady ? verbiage.cameraInitializingText : modelDownloadProgress >= 100 ? "".concat(verbiage.modelsWarmingUpText) : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)")))));
|
|
10171
10239
|
};
|
|
10172
|
-
var StyledGuidanceMessage$1 = styled__default.default(GuidanceMessage)(templateObject_1$
|
|
10173
|
-
var StyledButtonsRow$6 = styled__default.default(ButtonsRow)(templateObject_2$
|
|
10174
|
-
var templateObject_1$
|
|
10240
|
+
var StyledGuidanceMessage$1 = styled__default.default(GuidanceMessage)(templateObject_1$e || (templateObject_1$e = __makeTemplateObject(["\n padding: 12px 24px;\n font-weight: normal;\n line-height: 1.5;\n margin-bottom: -30px;\n"], ["\n padding: 12px 24px;\n font-weight: normal;\n line-height: 1.5;\n margin-bottom: -30px;\n"])));
|
|
10241
|
+
var StyledButtonsRow$6 = styled__default.default(ButtonsRow)(templateObject_2$c || (templateObject_2$c = __makeTemplateObject(["\n flex-direction: column;\n padding-top: 25px;\n"], ["\n flex-direction: column;\n padding-top: 25px;\n"])));
|
|
10242
|
+
var templateObject_1$e, templateObject_2$c;
|
|
10175
10243
|
|
|
10176
10244
|
var legacyInstructionImageUrl = "".concat(DEFAULT_CDN_URL, "/Selfie-Image-1.png");
|
|
10177
10245
|
var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDefault(_a) {
|
|
@@ -10296,30 +10364,30 @@ var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDef
|
|
|
10296
10364
|
}
|
|
10297
10365
|
}, verbiage.continueText))))));
|
|
10298
10366
|
};
|
|
10299
|
-
var OverlayInner = styled__default.default.div(templateObject_1$
|
|
10367
|
+
var OverlayInner = styled__default.default.div(templateObject_1$d || (templateObject_1$d = __makeTemplateObject(["\n height: 100dvh;\n display: flex;\n flex-direction: column;\n background: ", ";\n color: ", ";\n"], ["\n height: 100dvh;\n display: flex;\n flex-direction: column;\n background: ", ";\n color: ", ";\n"])), function (props) {
|
|
10300
10368
|
var _a, _b, _c, _d;
|
|
10301
10369
|
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';
|
|
10302
10370
|
}, function (props) {
|
|
10303
10371
|
var _a, _b, _c, _d;
|
|
10304
10372
|
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';
|
|
10305
10373
|
});
|
|
10306
|
-
var OverlayHeader = styled__default.default.div(templateObject_2$
|
|
10374
|
+
var OverlayHeader = styled__default.default.div(templateObject_2$b || (templateObject_2$b = __makeTemplateObject(["\n text-align: ", ";\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n ", "\n padding-bottom: 0;\n"], ["\n text-align: ", ";\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n ", "\n padding-bottom: 0;\n"])), function (props) {
|
|
10307
10375
|
var _a;
|
|
10308
10376
|
return (_a = props.theme.textAlign) !== null && _a !== void 0 ? _a : 'center';
|
|
10309
10377
|
}, function (props) {
|
|
10310
10378
|
return props.theme.padding ? "box-sizing: border-box; padding: ".concat(props.theme.padding, ";") : "";
|
|
10311
10379
|
});
|
|
10312
|
-
var StyledGuidanceMessage = styled__default.default(GuidanceMessage)(templateObject_3$
|
|
10313
|
-
var StyledButtonsRow$5 = styled__default.default(ButtonsRow)(templateObject_4$
|
|
10380
|
+
var StyledGuidanceMessage = styled__default.default(GuidanceMessage)(templateObject_3$b || (templateObject_3$b = __makeTemplateObject(["\n padding: 16px 24px;\n margin-top: 16px;\n font-size: 18px;\n font-weight: bold;\n background: white;\n box-shadow:\n 0 1px 3px 0 rgb(0 0 0 / 0.1),\n 0 1px 2px -1px rgb(0 0 0 / 0.1);\n"], ["\n padding: 16px 24px;\n margin-top: 16px;\n font-size: 18px;\n font-weight: bold;\n background: white;\n box-shadow:\n 0 1px 3px 0 rgb(0 0 0 / 0.1),\n 0 1px 2px -1px rgb(0 0 0 / 0.1);\n"])));
|
|
10381
|
+
var StyledButtonsRow$5 = styled__default.default(ButtonsRow)(templateObject_4$6 || (templateObject_4$6 = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n padding: 15px 25px;\n height: 100px;\n color: ", ";\n ", "\n position: fixed;\n bottom: 0;\n left: 0;\n width: 100dvw;\n box-sizing: border-box;\n"], ["\n display: flex;\n flex-direction: row;\n padding: 15px 25px;\n height: 100px;\n color: ", ";\n ", "\n position: fixed;\n bottom: 0;\n left: 0;\n width: 100dvw;\n box-sizing: border-box;\n"])), function (props) {
|
|
10314
10382
|
var _a, _b, _c, _d;
|
|
10315
10383
|
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';
|
|
10316
10384
|
}, function (props) {
|
|
10317
10385
|
var _a, _b, _c, _d, _e, _f;
|
|
10318
10386
|
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, ";") : '';
|
|
10319
10387
|
});
|
|
10320
|
-
var StyledOverlayImageContainer = styled__default.default(OverlayImageContainer)(templateObject_5$
|
|
10321
|
-
var LoadingListContainer = styled__default.default.div(templateObject_6$
|
|
10322
|
-
var LoadingList = styled__default.default.ul(templateObject_7$
|
|
10388
|
+
var StyledOverlayImageContainer = styled__default.default(OverlayImageContainer)(templateObject_5$3 || (templateObject_5$3 = __makeTemplateObject(["\n padding: 0;\n\n & > svg {\n height: 100%;\n }\n"], ["\n padding: 0;\n\n & > svg {\n height: 100%;\n }\n"])));
|
|
10389
|
+
var LoadingListContainer = styled__default.default.div(templateObject_6$3 || (templateObject_6$3 = __makeTemplateObject(["\n display: flex;\n position: relative;\n z-index: 2;\n"], ["\n display: flex;\n position: relative;\n z-index: 2;\n"])));
|
|
10390
|
+
var LoadingList = styled__default.default.ul(templateObject_7$2 || (templateObject_7$2 = __makeTemplateObject(["\n display: block;\n margin: auto;\n list-style: none;\n padding: 0;\n"], ["\n display: block;\n margin: auto;\n list-style: none;\n padding: 0;\n"])));
|
|
10323
10391
|
var LoadingListItem = styled__default.default.li(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n display: inline-flex;\n justify-content: center;\n align-items: center;\n padding: 2px 1.25rem 2px 0;\n line-height: 1rem;\n"], ["\n display: inline-flex;\n justify-content: center;\n align-items: center;\n padding: 2px 1.25rem 2px 0;\n line-height: 1rem;\n"])));
|
|
10324
10392
|
var ProgressContainer = styled__default.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n"])));
|
|
10325
10393
|
var ProgressBarBackground = styled__default.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: ", ";\n opacity: ", ";\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: ", ";\n opacity: ", ";\n"])), function (props) {
|
|
@@ -10345,7 +10413,7 @@ var ContinueButton = styled__default.default(LoaderButton)(templateObject_15 ||
|
|
|
10345
10413
|
var _a, _b, _c, _d, _e, _f;
|
|
10346
10414
|
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, ";") : '';
|
|
10347
10415
|
});
|
|
10348
|
-
var templateObject_1$
|
|
10416
|
+
var templateObject_1$d, templateObject_2$b, templateObject_3$b, templateObject_4$6, templateObject_5$3, templateObject_6$3, templateObject_7$2, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15;
|
|
10349
10417
|
|
|
10350
10418
|
var components = {
|
|
10351
10419
|
"default": SelfieCaptureLoadingOverlayDefault,
|
|
@@ -10674,7 +10742,7 @@ var AdditionalDocumentCapture = function AdditionalDocumentCapture(_a) {
|
|
|
10674
10742
|
}
|
|
10675
10743
|
return /*#__PURE__*/React__namespace.default.createElement(OverlayContainer, {
|
|
10676
10744
|
className: classNames.container
|
|
10677
|
-
}, /*#__PURE__*/React__namespace.default.createElement(Inner$
|
|
10745
|
+
}, /*#__PURE__*/React__namespace.default.createElement(Inner$2, {
|
|
10678
10746
|
className: classNames.inner
|
|
10679
10747
|
}, /*#__PURE__*/React__namespace.default.createElement(Heading$4, {
|
|
10680
10748
|
className: classNames.heading
|
|
@@ -10704,11 +10772,11 @@ var AdditionalDocumentCapture = function AdditionalDocumentCapture(_a) {
|
|
|
10704
10772
|
}
|
|
10705
10773
|
}, verbiage.captureBtnText)))));
|
|
10706
10774
|
};
|
|
10707
|
-
var Inner$
|
|
10708
|
-
var Heading$4 = styled__default.default.h3(templateObject_2$
|
|
10709
|
-
var Description = styled__default.default.p(templateObject_3$
|
|
10710
|
-
var StyledButtonsRow$4 = styled__default.default(ButtonsRow)(templateObject_4$
|
|
10711
|
-
var templateObject_1$
|
|
10775
|
+
var Inner$2 = styled__default.default(OverlayInner$2)(templateObject_1$c || (templateObject_1$c = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
10776
|
+
var Heading$4 = styled__default.default.h3(templateObject_2$a || (templateObject_2$a = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
10777
|
+
var Description = styled__default.default.p(templateObject_3$a || (templateObject_3$a = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
10778
|
+
var StyledButtonsRow$4 = styled__default.default(ButtonsRow)(templateObject_4$5 || (templateObject_4$5 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
10779
|
+
var templateObject_1$c, templateObject_2$a, templateObject_3$a, templateObject_4$5;
|
|
10712
10780
|
|
|
10713
10781
|
var AdditionalDocumentCaptureWizard = function AdditionalDocumentCaptureWizard(_a) {
|
|
10714
10782
|
var documents = _a.documents,
|
|
@@ -10852,7 +10920,7 @@ function convertSVGtoImg(svgData_1) {
|
|
|
10852
10920
|
});
|
|
10853
10921
|
}
|
|
10854
10922
|
|
|
10855
|
-
var SignaturePaperBacking = styled__default.default.div(templateObject_1$
|
|
10923
|
+
var SignaturePaperBacking = styled__default.default.div(templateObject_1$b || (templateObject_1$b = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n ", "\n ", "\n ", "\n"], ["\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n ", "\n ", "\n ", "\n"])), function (props) {
|
|
10856
10924
|
var _a, _b;
|
|
10857
10925
|
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, ";") : "";
|
|
10858
10926
|
}, function (props) {
|
|
@@ -10862,8 +10930,8 @@ var SignaturePaperBacking = styled__default.default.div(templateObject_1$a || (t
|
|
|
10862
10930
|
var _a, _b;
|
|
10863
10931
|
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, ";") : "";
|
|
10864
10932
|
});
|
|
10865
|
-
var SignatureCanvasContainer$1 = styled__default.default.div(templateObject_2$
|
|
10866
|
-
var SignaturePad = styled__default.default.div(templateObject_3$
|
|
10933
|
+
var SignatureCanvasContainer$1 = styled__default.default.div(templateObject_2$9 || (templateObject_2$9 = __makeTemplateObject(["\n position: absolute;\n top: 25%;\n left: 15%;\n width: 70%;\n height: 50%;\n\n @media (max-width: 800px) {\n top: 15%;\n left: 2%;\n width: 96%;\n height: 70%;\n }\n"], ["\n position: absolute;\n top: 25%;\n left: 15%;\n width: 70%;\n height: 50%;\n\n @media (max-width: 800px) {\n top: 15%;\n left: 2%;\n width: 96%;\n height: 70%;\n }\n"])));
|
|
10934
|
+
var SignaturePad = styled__default.default.div(templateObject_3$9 || (templateObject_3$9 = __makeTemplateObject(["\n position: relative;\n background: ", ";\n border: ", ";\n border-radius: ", ";\n flex-grow: 1;\n z-index: 100;\n height: 100%;\n"], ["\n position: relative;\n background: ", ";\n border: ", ";\n border-radius: ", ";\n flex-grow: 1;\n z-index: 100;\n height: 100%;\n"])), function (props) {
|
|
10867
10935
|
var _a, _b, _c;
|
|
10868
10936
|
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)';
|
|
10869
10937
|
}, function (props) {
|
|
@@ -10873,8 +10941,8 @@ var SignaturePad = styled__default.default.div(templateObject_3$8 || (templateOb
|
|
|
10873
10941
|
var _a, _b, _c;
|
|
10874
10942
|
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';
|
|
10875
10943
|
});
|
|
10876
|
-
var SignatureButtonsContainer = styled__default.default(ButtonsRow)(templateObject_4$
|
|
10877
|
-
var templateObject_1$
|
|
10944
|
+
var SignatureButtonsContainer = styled__default.default(ButtonsRow)(templateObject_4$4 || (templateObject_4$4 = __makeTemplateObject(["\n flex-grow: 0;\n padding-top: 12px;\n display: flex;\n z-index: 1000;\n position: relative;\n"], ["\n flex-grow: 0;\n padding-top: 12px;\n display: flex;\n z-index: 1000;\n position: relative;\n"])));
|
|
10945
|
+
var templateObject_1$b, templateObject_2$9, templateObject_3$9, templateObject_4$4;
|
|
10878
10946
|
|
|
10879
10947
|
var SignatureCapture = function SignatureCapture(_a) {
|
|
10880
10948
|
var _b;
|
|
@@ -10945,8 +11013,8 @@ var SignatureCapture = function SignatureCapture(_a) {
|
|
|
10945
11013
|
finished: true
|
|
10946
11014
|
}, verbiage.acceptBtnText)))));
|
|
10947
11015
|
};
|
|
10948
|
-
var AcceptBtn$1 = styled__default.default(LoaderButton)(templateObject_1$
|
|
10949
|
-
var templateObject_1$
|
|
11016
|
+
var AcceptBtn$1 = styled__default.default(LoaderButton)(templateObject_1$a || (templateObject_1$a = __makeTemplateObject(["\n margin-left: auto;\n"], ["\n margin-left: auto;\n"])));
|
|
11017
|
+
var templateObject_1$a;
|
|
10950
11018
|
|
|
10951
11019
|
var useVideoRecorder = function useVideoRecorder(camera, audioStream, mergeAVStreams) {
|
|
10952
11020
|
if (mergeAVStreams === void 0) {
|
|
@@ -11306,11 +11374,11 @@ function VideoSignatureGuides(_a) {
|
|
|
11306
11374
|
className: classNames.signatureCanvas
|
|
11307
11375
|
};
|
|
11308
11376
|
}, [classNames.signatureCanvas, height, width]);
|
|
11309
|
-
return /*#__PURE__*/React__namespace.default.createElement(Container, {
|
|
11377
|
+
return /*#__PURE__*/React__namespace.default.createElement(Container$1, {
|
|
11310
11378
|
className: classNames.container
|
|
11311
|
-
}, /*#__PURE__*/React__namespace.default.createElement(Inner, {
|
|
11379
|
+
}, /*#__PURE__*/React__namespace.default.createElement(Inner$1, {
|
|
11312
11380
|
className: classNames.inner
|
|
11313
|
-
}, /*#__PURE__*/React__namespace.default.createElement(FaceGuideContainer, {
|
|
11381
|
+
}, /*#__PURE__*/React__namespace.default.createElement(FaceGuideContainer$1, {
|
|
11314
11382
|
className: classNames.faceGuideContainer
|
|
11315
11383
|
}, /*#__PURE__*/React__namespace.default.createElement(StyledSelfieCaptureAnimatedMask, {
|
|
11316
11384
|
className: classNames.faceGuide,
|
|
@@ -11345,19 +11413,19 @@ function VideoSignatureGuides(_a) {
|
|
|
11345
11413
|
finished: true
|
|
11346
11414
|
}, verbiage.acceptSignatureBtnText))))));
|
|
11347
11415
|
}
|
|
11348
|
-
var Container = styled__default.default.div(templateObject_1$
|
|
11416
|
+
var Container$1 = styled__default.default.div(templateObject_1$9 || (templateObject_1$9 = __makeTemplateObject(["\n display: flex;\n max-height: 100%;\n position: absolute;\n z-index: 1000;\n width: 100dvw;\n height: 100dvh;\n font-family: ", ";\n box-sizing: border-box;\n overflow: hidden;\n padding: 40px;\n"], ["\n display: flex;\n max-height: 100%;\n position: absolute;\n z-index: 1000;\n width: 100dvw;\n height: 100dvh;\n font-family: ", ";\n box-sizing: border-box;\n overflow: hidden;\n padding: 40px;\n"])), function (props) {
|
|
11349
11417
|
var _a;
|
|
11350
11418
|
return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
|
|
11351
11419
|
});
|
|
11352
|
-
var Inner = styled__default.default.div(templateObject_2$
|
|
11353
|
-
var FaceGuideContainer = styled__default.default.div(templateObject_3$
|
|
11354
|
-
var StyledSelfieCaptureAnimatedMask = styled__default.default(SelfieCaptureAnimatedMaskWithStatus)(templateObject_4$
|
|
11355
|
-
var SignaturePadContainer = styled__default.default.div(templateObject_5$
|
|
11356
|
-
var SignatureCanvasContainer = styled__default.default.div(templateObject_6$
|
|
11420
|
+
var Inner$1 = styled__default.default.div(templateObject_2$8 || (templateObject_2$8 = __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"])));
|
|
11421
|
+
var FaceGuideContainer$1 = styled__default.default.div(templateObject_3$8 || (templateObject_3$8 = __makeTemplateObject(["\n position: relative;\n height: 50%;\n"], ["\n position: relative;\n height: 50%;\n"])));
|
|
11422
|
+
var StyledSelfieCaptureAnimatedMask = styled__default.default(SelfieCaptureAnimatedMaskWithStatus)(templateObject_4$3 || (templateObject_4$3 = __makeTemplateObject(["\n max-width: 100%;\n height: 100%;\n"], ["\n max-width: 100%;\n height: 100%;\n"])));
|
|
11423
|
+
var SignaturePadContainer = styled__default.default.div(templateObject_5$2 || (templateObject_5$2 = __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"])));
|
|
11424
|
+
var SignatureCanvasContainer = styled__default.default.div(templateObject_6$2 || (templateObject_6$2 = __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) {
|
|
11357
11425
|
return props.$disabled ? 'opacity: 0.5; pointer-events: none;' : '';
|
|
11358
11426
|
});
|
|
11359
|
-
var AcceptBtn = styled__default.default(LoaderButton)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n margin-left: auto;\n"], ["\n margin-left: auto;\n"])));
|
|
11360
|
-
var templateObject_1$
|
|
11427
|
+
var AcceptBtn = styled__default.default(LoaderButton)(templateObject_7$1 || (templateObject_7$1 = __makeTemplateObject(["\n margin-left: auto;\n"], ["\n margin-left: auto;\n"])));
|
|
11428
|
+
var templateObject_1$9, templateObject_2$8, templateObject_3$8, templateObject_4$3, templateObject_5$2, templateObject_6$2, templateObject_7$1;
|
|
11361
11429
|
|
|
11362
11430
|
var VideoSignatureCapture = function VideoSignatureCapture(_a) {
|
|
11363
11431
|
var _b, _c, _d;
|
|
@@ -11485,8 +11553,8 @@ var VideoSignatureSuccess = function VideoSignatureSuccess(_a) {
|
|
|
11485
11553
|
finished: true
|
|
11486
11554
|
}, verbiage.doneBtnText))));
|
|
11487
11555
|
};
|
|
11488
|
-
var StyledVideo$1 = styled__default.default.video(templateObject_1$
|
|
11489
|
-
var templateObject_1$
|
|
11556
|
+
var StyledVideo$1 = styled__default.default.video(templateObject_1$8 || (templateObject_1$8 = __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"])));
|
|
11557
|
+
var templateObject_1$8;
|
|
11490
11558
|
|
|
11491
11559
|
var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
11492
11560
|
var _b;
|
|
@@ -11679,6 +11747,127 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
|
11679
11747
|
}()));
|
|
11680
11748
|
};
|
|
11681
11749
|
|
|
11750
|
+
var IdVideoCaptureGuides = function IdVideoCaptureGuides(_a) {
|
|
11751
|
+
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
|
|
11752
|
+
var _0 = _a.requestedAction,
|
|
11753
|
+
requestedAction = _0 === void 0 ? 'SHOW_ID_FRONT' : _0,
|
|
11754
|
+
_1 = _a.satisfied,
|
|
11755
|
+
satisfied = _1 === void 0 ? false : _1,
|
|
11756
|
+
_2 = _a.faceGuideStatus,
|
|
11757
|
+
faceGuideStatus = _2 === void 0 ? 'success' : _2,
|
|
11758
|
+
faceGuideBorderWidth = _a.faceGuideBorderWidth,
|
|
11759
|
+
faceGuideBorderColor = _a.faceGuideBorderColor,
|
|
11760
|
+
_3 = _a.idCardGuideStatus,
|
|
11761
|
+
idCardGuideStatus = _3 === void 0 ? 'ready' : _3,
|
|
11762
|
+
idCardGuideBorderWidth = _a.idCardGuideBorderWidth,
|
|
11763
|
+
idCardGuideBorderColor = _a.idCardGuideBorderColor,
|
|
11764
|
+
idCardCaptureProgress = _a.idCardCaptureProgress,
|
|
11765
|
+
_4 = _a.idCardCaptureGuideImages,
|
|
11766
|
+
userSuppliedImages = _4 === void 0 ? defaultIdCaptureGuideImages : _4,
|
|
11767
|
+
_5 = _a.classNames,
|
|
11768
|
+
classNames = _5 === void 0 ? {} : _5,
|
|
11769
|
+
_6 = _a.verbiage,
|
|
11770
|
+
rawVerbiage = _6 === void 0 ? {} : _6;
|
|
11771
|
+
var cameraRef = React.useContext(CameraStateContext).cameraRef;
|
|
11772
|
+
var verbiage = useTranslations(rawVerbiage, {
|
|
11773
|
+
idFrontInstructionText: 'Display the front of your ID card...',
|
|
11774
|
+
idBackInstructionText: 'Display the back of your ID card...',
|
|
11775
|
+
flipIdInstructionText: 'Please flip your ID card...',
|
|
11776
|
+
verifyLivenessInstructionText: 'Performing facial recognition, please hold still...'
|
|
11777
|
+
});
|
|
11778
|
+
var instructionText = requestedAction === 'VERIFY_LIVENESS' ? verbiage.verifyLivenessInstructionText : requestedAction === 'SHOW_ID_FRONT' ? verbiage.idFrontInstructionText : requestedAction === 'FLIP_ID' ? verbiage.flipIdInstructionText : verbiage.idBackInstructionText;
|
|
11779
|
+
var theme = styled.useTheme();
|
|
11780
|
+
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;
|
|
11781
|
+
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';
|
|
11782
|
+
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;
|
|
11783
|
+
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';
|
|
11784
|
+
var _7 = useResizeObserver__default.default(),
|
|
11785
|
+
idCardGuideRef = _7.ref,
|
|
11786
|
+
_8 = _7.width,
|
|
11787
|
+
idCardGuideWidth = _8 === void 0 ? 0 : _8,
|
|
11788
|
+
_9 = _7.height,
|
|
11789
|
+
idCardGuideHeight = _9 === void 0 ? 0 : _9;
|
|
11790
|
+
var idCaptureGuideImages = useGuideImages(userSuppliedImages);
|
|
11791
|
+
var idCaptureGuideImagesByUrl = useGuideImagesByUrl(idCaptureGuideImages);
|
|
11792
|
+
var _10 = React.useState(undefined),
|
|
11793
|
+
aspectRatio = _10[0],
|
|
11794
|
+
setAspectRatio = _10[1];
|
|
11795
|
+
var onImageLoaded = React.useCallback(function (e) {
|
|
11796
|
+
var _a, _b, _c, _d;
|
|
11797
|
+
var img = e.currentTarget;
|
|
11798
|
+
var imageByUrl = idCaptureGuideImagesByUrl[img.src];
|
|
11799
|
+
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;
|
|
11800
|
+
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;
|
|
11801
|
+
setAspectRatio(naturalHeight > 0 ? naturalWidth / naturalHeight : undefined);
|
|
11802
|
+
}, [idCaptureGuideImagesByUrl]);
|
|
11803
|
+
var idCardImageStyle = React.useMemo(function () {
|
|
11804
|
+
return {
|
|
11805
|
+
maxWidth: idCardGuideWidth > idCardGuideHeight ? idCardGuideWidth : undefined,
|
|
11806
|
+
maxHeight: idCardGuideHeight > idCardGuideWidth ? idCardGuideHeight : undefined,
|
|
11807
|
+
height: '100%',
|
|
11808
|
+
aspectRatio: aspectRatio
|
|
11809
|
+
};
|
|
11810
|
+
}, [idCardGuideWidth, idCardGuideHeight, aspectRatio]);
|
|
11811
|
+
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';
|
|
11812
|
+
return /*#__PURE__*/React__namespace.default.createElement(Container, {
|
|
11813
|
+
className: classNames.container
|
|
11814
|
+
}, /*#__PURE__*/React__namespace.default.createElement(Inner, null, /*#__PURE__*/React__namespace.default.createElement(FaceGuideContainer, {
|
|
11815
|
+
className: classNames.faceGuideContainer
|
|
11816
|
+
}, /*#__PURE__*/React__namespace.default.createElement(SelfieCaptureAnimatedMaskWithStatus, {
|
|
11817
|
+
className: classNames.faceGuide,
|
|
11818
|
+
status: requestedAction === 'VERIFY_LIVENESS' ? faceGuideStatus : 'success',
|
|
11819
|
+
borderWidth: faceGuideBorderWidth,
|
|
11820
|
+
borderColor: faceGuideBorderColor,
|
|
11821
|
+
verticalAlign: "bottom"
|
|
11822
|
+
})), !disableIdGuides && ( /*#__PURE__*/React__namespace.default.createElement(IdCardGuideContainer, {
|
|
11823
|
+
className: classNames.idCardGuideContainer,
|
|
11824
|
+
ref: idCardGuideRef
|
|
11825
|
+
}, /*#__PURE__*/React__namespace.default.createElement(IdCardGuideInner, {
|
|
11826
|
+
className: classNames.idCardGuideInner,
|
|
11827
|
+
style: {
|
|
11828
|
+
aspectRatio: aspectRatio
|
|
11829
|
+
}
|
|
11830
|
+
}, /*#__PURE__*/React__namespace.default.createElement(IdCardGuideImageContainer, {
|
|
11831
|
+
className: classNames.idCardGuideImageContainer,
|
|
11832
|
+
status: requestedAction === 'VERIFY_LIVENESS' ? 'disabled' : idCardGuideStatus,
|
|
11833
|
+
borderWidth: idCardGuideBorderWidth,
|
|
11834
|
+
borderColor: idCardGuideBorderColor,
|
|
11835
|
+
aspectRatio: aspectRatio,
|
|
11836
|
+
"$isVisible": requestedAction !== 'FLIP_ID',
|
|
11837
|
+
progress: requestedAction === 'VERIFY_LIVENESS' ? undefined : idCardCaptureProgress
|
|
11838
|
+
}, /*#__PURE__*/React__namespace.default.createElement(IdCardGuideImage, {
|
|
11839
|
+
alt: "",
|
|
11840
|
+
className: classNames.idCardGuideImage,
|
|
11841
|
+
"$isMirrored": !((_v = cameraRef.current) === null || _v === void 0 ? void 0 : _v.isRearFacing),
|
|
11842
|
+
style: idCardImageStyle,
|
|
11843
|
+
src: requestedAction === 'SHOW_ID_BACK' ? idCaptureGuideImages.landscape.SHOW_ID_BACK.url : idCaptureGuideImages.landscape.SHOW_ID_FRONT.url,
|
|
11844
|
+
onLoad: onImageLoaded
|
|
11845
|
+
})), requestedAction === 'FLIP_ID' && ( /*#__PURE__*/React__namespace.default.createElement(IdVideoCaptureFlipIdPrompt, {
|
|
11846
|
+
idCaptureGuideImages: idCaptureGuideImages,
|
|
11847
|
+
classNames: classNames.flipIdPrompt,
|
|
11848
|
+
borderWidth: idCardGuideBorderWidth,
|
|
11849
|
+
borderColor: idCardGuideBorderColor,
|
|
11850
|
+
imageStyle: idCardImageStyle
|
|
11851
|
+
}))), /*#__PURE__*/React__namespace.default.createElement(IdCardGuideInstructionsContainer, {
|
|
11852
|
+
className: classNames.idCardGuideInstructionsContainer
|
|
11853
|
+
}, /*#__PURE__*/React__namespace.default.createElement(IdCardGuideInstructions, {
|
|
11854
|
+
className: classNames.idCardGuideInstructions,
|
|
11855
|
+
"$textColor": (_x = (_w = theme.idVideoCapture) === null || _w === void 0 ? void 0 : _w.idCardGuides) === null || _x === void 0 ? void 0 : _x.instructionsTextColor,
|
|
11856
|
+
"$background": (_z = (_y = theme.idVideoCapture) === null || _y === void 0 ? void 0 : _y.idCardGuides) === null || _z === void 0 ? void 0 : _z.instructionsBackgroundColor
|
|
11857
|
+
}, instructionText))))));
|
|
11858
|
+
};
|
|
11859
|
+
var Container = styled__default.default.div(templateObject_1$7 || (templateObject_1$7 = __makeTemplateObject(["\n display: flex;\n max-height: 100%;\n position: absolute;\n z-index: 1000;\n width: 100dvw;\n height: 100dvh;\n font-family: ", ";\n box-sizing: border-box;\n overflow: hidden;\n padding: 40px;\n"], ["\n display: flex;\n max-height: 100%;\n position: absolute;\n z-index: 1000;\n width: 100dvw;\n height: 100dvh;\n font-family: ", ";\n box-sizing: border-box;\n overflow: hidden;\n padding: 40px;\n"])), function (props) {
|
|
11860
|
+
var _a;
|
|
11861
|
+
return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
|
|
11862
|
+
});
|
|
11863
|
+
var Inner = styled__default.default.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"])));
|
|
11864
|
+
var FaceGuideContainer = styled__default.default.div(templateObject_3$7 || (templateObject_3$7 = __makeTemplateObject(["\n position: relative;\n height: 65%;\n"], ["\n position: relative;\n height: 65%;\n"])));
|
|
11865
|
+
var IdCardGuideContainer = styled__default.default.div(templateObject_4$2 || (templateObject_4$2 = __makeTemplateObject(["\n display: flex;\n flex-flow: column nowrap;\n margin: 0 auto;\n position: relative;\n max-width: 100%;\n height: 35%;\n"], ["\n display: flex;\n flex-flow: column nowrap;\n margin: 0 auto;\n position: relative;\n max-width: 100%;\n height: 35%;\n"])));
|
|
11866
|
+
var IdCardGuideInner = styled__default.default.div(templateObject_5$1 || (templateObject_5$1 = __makeTemplateObject(["\n position: relative;\n height: 100%;\n width: 100%;\n"], ["\n position: relative;\n height: 100%;\n width: 100%;\n"])));
|
|
11867
|
+
var IdCardGuideInstructionsContainer = styled__default.default.div(templateObject_6$1 || (templateObject_6$1 = __makeTemplateObject(["\n width: 100%;\n text-align: center;\n color: white;\n display: flex;\n flex-direction: column;\n justify-content: end;\n padding: 0 40px;\n position: fixed;\n bottom: 14px;\n left: 0;\n right: 0;\n box-sizing: border-box;\n"], ["\n width: 100%;\n text-align: center;\n color: white;\n display: flex;\n flex-direction: column;\n justify-content: end;\n padding: 0 40px;\n position: fixed;\n bottom: 14px;\n left: 0;\n right: 0;\n box-sizing: border-box;\n"])));
|
|
11868
|
+
var IdCardGuideInstructions = styled__default.default(GuidanceMessage)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n align-content: center;\n margin: 12px auto;\n padding: 8px 12px;\n font-weight: bold;\n font-size: 18px;\n"], ["\n align-content: center;\n margin: 12px auto;\n padding: 8px 12px;\n font-weight: bold;\n font-size: 18px;\n"])));
|
|
11869
|
+
var templateObject_1$7, templateObject_2$7, templateObject_3$7, templateObject_4$2, templateObject_5$1, templateObject_6$1, templateObject_7;
|
|
11870
|
+
|
|
11682
11871
|
var ReadTextPrompt = function ReadTextPrompt(_a) {
|
|
11683
11872
|
var text = _a.text,
|
|
11684
11873
|
onComplete = _a.onComplete,
|
|
@@ -11818,90 +12007,90 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
11818
12007
|
onExitCapture = _a.onExitCapture,
|
|
11819
12008
|
_x = _a.idCaptureModelsEnabled,
|
|
11820
12009
|
idCaptureModelsEnabled = _x === void 0 ? true : _x,
|
|
11821
|
-
|
|
11822
|
-
|
|
11823
|
-
|
|
11824
|
-
idCardFrontDelay =
|
|
11825
|
-
|
|
11826
|
-
videoIdCaptureThresholds =
|
|
11827
|
-
|
|
11828
|
-
skipShowIdCardBack =
|
|
11829
|
-
|
|
11830
|
-
captureCountdownSeconds =
|
|
12010
|
+
_y = _a.idCardCaptureGuideImages,
|
|
12011
|
+
idCardCaptureGuideImages = _y === void 0 ? defaultIdCaptureGuideImages : _y,
|
|
12012
|
+
_z = _a.idCardFrontDelay,
|
|
12013
|
+
idCardFrontDelay = _z === void 0 ? 1000 : _z,
|
|
12014
|
+
_0 = _a.videoIdCaptureThresholds,
|
|
12015
|
+
videoIdCaptureThresholds = _0 === void 0 ? defaultVideoIdCaptureThresholds : _0,
|
|
12016
|
+
_1 = _a.skipShowIdCardBack,
|
|
12017
|
+
skipShowIdCardBack = _1 === void 0 ? false : _1,
|
|
12018
|
+
_2 = _a.captureCountdownSeconds,
|
|
12019
|
+
captureCountdownSeconds = _2 === void 0 ? 3 : _2,
|
|
11831
12020
|
readTextPrompt = _a.readTextPrompt,
|
|
11832
|
-
|
|
11833
|
-
readTextTimeoutDurationMs =
|
|
11834
|
-
|
|
11835
|
-
readTextMinReadingMs =
|
|
11836
|
-
|
|
11837
|
-
disableFaceDetectionWhileAudioCapture =
|
|
11838
|
-
|
|
11839
|
-
disableFaceDetectionWhileAudioCaptureMsDelay =
|
|
11840
|
-
|
|
11841
|
-
mergeAVStreams =
|
|
11842
|
-
|
|
11843
|
-
classNames =
|
|
11844
|
-
|
|
11845
|
-
|
|
11846
|
-
|
|
11847
|
-
rawVerbiage =
|
|
11848
|
-
|
|
11849
|
-
debugMode =
|
|
11850
|
-
var
|
|
11851
|
-
ref =
|
|
11852
|
-
|
|
11853
|
-
width =
|
|
11854
|
-
|
|
11855
|
-
height =
|
|
11856
|
-
var
|
|
11857
|
-
cameraRef =
|
|
11858
|
-
videoRef =
|
|
11859
|
-
videoLoaded =
|
|
11860
|
-
cameraReady =
|
|
11861
|
-
microphoneReady =
|
|
11862
|
-
audioStream =
|
|
11863
|
-
setVideoLoaded =
|
|
11864
|
-
var
|
|
11865
|
-
detectedObjects =
|
|
11866
|
-
setDetectedObjects =
|
|
11867
|
-
var _15 = React.useState(null),
|
|
11868
|
-
face = _15[0],
|
|
11869
|
-
setFace = _15[1];
|
|
11870
|
-
var _16 = React.useContext(IdCaptureModelsContext),
|
|
11871
|
-
idModelsReady = _16.ready,
|
|
11872
|
-
startIdModels = _16.start,
|
|
11873
|
-
stopIdModels = _16.stop,
|
|
11874
|
-
onIdPredictionMade = _16.onPredictionMade,
|
|
11875
|
-
setThresholds = _16.setThresholds,
|
|
11876
|
-
setDocumentDetectionBoundaries = _16.setDocumentDetectionBoundaries,
|
|
11877
|
-
bestFrameDetails = _16.bestFrameDetails,
|
|
11878
|
-
resetBestFrame = _16.resetBestFrame,
|
|
11879
|
-
idModelError = _16.modelError;
|
|
12021
|
+
_3 = _a.readTextTimeoutDurationMs,
|
|
12022
|
+
readTextTimeoutDurationMs = _3 === void 0 ? 15000 : _3,
|
|
12023
|
+
_4 = _a.readTextMinReadingMs,
|
|
12024
|
+
readTextMinReadingMs = _4 === void 0 ? 10000 : _4,
|
|
12025
|
+
_5 = _a.disableFaceDetectionWhileAudioCapture,
|
|
12026
|
+
disableFaceDetectionWhileAudioCapture = _5 === void 0 ? false : _5,
|
|
12027
|
+
_6 = _a.disableFaceDetectionWhileAudioCaptureMsDelay,
|
|
12028
|
+
disableFaceDetectionWhileAudioCaptureMsDelay = _6 === void 0 ? 2000 : _6,
|
|
12029
|
+
_7 = _a.mergeAVStreams,
|
|
12030
|
+
mergeAVStreams = _7 === void 0 ? false : _7,
|
|
12031
|
+
_8 = _a.classNames,
|
|
12032
|
+
classNames = _8 === void 0 ? {} : _8,
|
|
12033
|
+
_9 = _a.colors,
|
|
12034
|
+
colors = _9 === void 0 ? {} : _9,
|
|
12035
|
+
_10 = _a.verbiage,
|
|
12036
|
+
rawVerbiage = _10 === void 0 ? {} : _10,
|
|
12037
|
+
_11 = _a.debugMode,
|
|
12038
|
+
debugMode = _11 === void 0 ? false : _11;
|
|
12039
|
+
var _12 = useResizeObserver__default.default(),
|
|
12040
|
+
ref = _12.ref,
|
|
12041
|
+
_13 = _12.width,
|
|
12042
|
+
width = _13 === void 0 ? 1 : _13,
|
|
12043
|
+
_14 = _12.height,
|
|
12044
|
+
height = _14 === void 0 ? 1 : _14;
|
|
12045
|
+
var _15 = React.useContext(CameraStateContext),
|
|
12046
|
+
cameraRef = _15.cameraRef,
|
|
12047
|
+
videoRef = _15.videoRef,
|
|
12048
|
+
videoLoaded = _15.videoLoaded,
|
|
12049
|
+
cameraReady = _15.cameraReady,
|
|
12050
|
+
microphoneReady = _15.microphoneReady,
|
|
12051
|
+
audioStream = _15.audioStream,
|
|
12052
|
+
setVideoLoaded = _15.setVideoLoaded;
|
|
12053
|
+
var _16 = React.useState([]),
|
|
12054
|
+
detectedObjects = _16[0],
|
|
12055
|
+
setDetectedObjects = _16[1];
|
|
11880
12056
|
var _17 = React.useState(null),
|
|
11881
|
-
|
|
11882
|
-
|
|
11883
|
-
var _18 = React.useContext(
|
|
11884
|
-
|
|
11885
|
-
|
|
11886
|
-
|
|
11887
|
-
|
|
11888
|
-
|
|
11889
|
-
|
|
11890
|
-
|
|
11891
|
-
|
|
11892
|
-
|
|
11893
|
-
|
|
11894
|
-
|
|
11895
|
-
|
|
11896
|
-
|
|
11897
|
-
|
|
11898
|
-
|
|
11899
|
-
|
|
11900
|
-
|
|
12057
|
+
face = _17[0],
|
|
12058
|
+
setFace = _17[1];
|
|
12059
|
+
var _18 = React.useContext(IdCaptureModelsContext),
|
|
12060
|
+
idModelsReady = _18.ready,
|
|
12061
|
+
startIdModels = _18.start,
|
|
12062
|
+
stopIdModels = _18.stop,
|
|
12063
|
+
onIdPredictionMade = _18.onPredictionMade,
|
|
12064
|
+
setThresholds = _18.setThresholds,
|
|
12065
|
+
setDocumentDetectionBoundaries = _18.setDocumentDetectionBoundaries,
|
|
12066
|
+
bestFrameDetails = _18.bestFrameDetails,
|
|
12067
|
+
resetBestFrame = _18.resetBestFrame,
|
|
12068
|
+
idModelError = _18.modelError;
|
|
12069
|
+
var _19 = React.useState(null),
|
|
12070
|
+
videoStartsAt = _19[0],
|
|
12071
|
+
setVideoStartsAt = _19[1];
|
|
12072
|
+
var _20 = React.useContext(SubmissionContext),
|
|
12073
|
+
setIdCaptureVideoAudioStartsAt = _20.setIdCaptureVideoAudioStartsAt,
|
|
12074
|
+
setExpectedAudioText = _20.setExpectedAudioText;
|
|
12075
|
+
var _21 = React.useContext(SelfieGuidanceModelsContext),
|
|
12076
|
+
startSelfieGuidance = _21.start,
|
|
12077
|
+
stopSelfieGuidance = _21.stop,
|
|
12078
|
+
onSelfiePredictionMade = _21.onPredictionMade,
|
|
12079
|
+
selfieModelError = _21.error;
|
|
12080
|
+
var _22 = useVideoRecorder(cameraRef.current, audioStream, mergeAVStreams),
|
|
12081
|
+
isRecordingVideo = _22.isRecordingVideo,
|
|
12082
|
+
startRecordingVideo = _22.startRecordingVideo,
|
|
12083
|
+
startRecordingAudio = _22.startRecordingAudio,
|
|
12084
|
+
stopRecordingVideo = _22.stopRecordingVideo,
|
|
12085
|
+
stopRecordingAudio = _22.stopRecordingAudio,
|
|
12086
|
+
videoRecordingUnintentionallyStopped = _22.videoRecordingUnintentionallyStopped,
|
|
12087
|
+
audioRecordingUnintentionallyStopped = _22.audioRecordingUnintentionallyStopped,
|
|
12088
|
+
videoUrl = _22.videoUrl,
|
|
12089
|
+
audioUrl = _22.audioUrl;
|
|
11901
12090
|
var countdownTimeoutRef = React.useRef(undefined);
|
|
11902
|
-
var
|
|
11903
|
-
countdownRemaining =
|
|
11904
|
-
setCountdownRemaining =
|
|
12091
|
+
var _23 = React.useState(-1),
|
|
12092
|
+
countdownRemaining = _23[0],
|
|
12093
|
+
setCountdownRemaining = _23[1];
|
|
11905
12094
|
React.useEffect(function () {
|
|
11906
12095
|
if (!isRecordingVideo && !videoUrl) {
|
|
11907
12096
|
startRecordingVideo();
|
|
@@ -11921,9 +12110,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
11921
12110
|
onRecordingFailed === null || onRecordingFailed === void 0 ? void 0 : onRecordingFailed();
|
|
11922
12111
|
}
|
|
11923
12112
|
}, [audioRecordingUnintentionallyStopped, onRecordingFailed, videoRecordingUnintentionallyStopped]);
|
|
11924
|
-
var
|
|
11925
|
-
requestedAction =
|
|
11926
|
-
setRequestedAction =
|
|
12113
|
+
var _24 = React.useState('SHOW_ID_FRONT'),
|
|
12114
|
+
requestedAction = _24[0],
|
|
12115
|
+
setRequestedAction = _24[1];
|
|
11927
12116
|
var shouldRunIdModels = idCaptureModelsEnabled && videoLoaded && cameraReady && idModelsReady && !idModelError && requestedAction !== 'READ_TEXT' && (!readTextPrompt || microphoneReady);
|
|
11928
12117
|
React.useEffect(function startModelsWhenCapturing() {
|
|
11929
12118
|
if (!shouldRunIdModels) return;
|
|
@@ -11943,18 +12132,18 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
11943
12132
|
bottom: 1
|
|
11944
12133
|
});
|
|
11945
12134
|
}, [setDocumentDetectionBoundaries]);
|
|
11946
|
-
var _23 = React.useState(0),
|
|
11947
|
-
currentDetectionScore = _23[0],
|
|
11948
|
-
setCurrentDetectionScore = _23[1];
|
|
11949
|
-
var _24 = React.useState('none'),
|
|
11950
|
-
currentDetectedDocumentType = _24[0],
|
|
11951
|
-
setCurrentDetectedDocumentType = _24[1];
|
|
11952
12135
|
var _25 = React.useState(0),
|
|
11953
|
-
|
|
11954
|
-
|
|
11955
|
-
var _26 = React.useState(
|
|
11956
|
-
|
|
11957
|
-
|
|
12136
|
+
currentDetectionScore = _25[0],
|
|
12137
|
+
setCurrentDetectionScore = _25[1];
|
|
12138
|
+
var _26 = React.useState('none'),
|
|
12139
|
+
currentDetectedDocumentType = _26[0],
|
|
12140
|
+
setCurrentDetectedDocumentType = _26[1];
|
|
12141
|
+
var _27 = React.useState(0),
|
|
12142
|
+
currentFocusScore = _27[0],
|
|
12143
|
+
setCurrentFocusScore = _27[1];
|
|
12144
|
+
var _28 = React.useState(0),
|
|
12145
|
+
goodFramesCount = _28[0],
|
|
12146
|
+
setGoodFramesCount = _28[1];
|
|
11958
12147
|
var goodFramesThreshold = requestedAction === 'SHOW_ID_FRONT' ? videoIdCaptureThresholds.goodFrames.idCardFront : videoIdCaptureThresholds.goodFrames.idCardBack;
|
|
11959
12148
|
var goodFramesThresholdMet = goodFramesCount >= goodFramesThreshold;
|
|
11960
12149
|
React.useEffect(function () {
|
|
@@ -11975,9 +12164,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
11975
12164
|
} : 0);
|
|
11976
12165
|
});
|
|
11977
12166
|
}, [idCaptureModelsEnabled, onIdPredictionMade, idModelError, requestedAction, videoIdCaptureThresholds.flipShortcutThreshold]);
|
|
11978
|
-
var
|
|
11979
|
-
idFrontCaptureStartedAt =
|
|
11980
|
-
setFirstGoodFrameTime =
|
|
12167
|
+
var _29 = React.useState(null),
|
|
12168
|
+
idFrontCaptureStartedAt = _29[0],
|
|
12169
|
+
setFirstGoodFrameTime = _29[1];
|
|
11981
12170
|
React.useEffect(function () {
|
|
11982
12171
|
if (goodFramesCount === 1) setFirstGoodFrameTime(new Date().getTime());
|
|
11983
12172
|
}, [goodFramesCount]);
|
|
@@ -11998,9 +12187,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
11998
12187
|
var frameHeight = (_e = (_d = videoRef.current) === null || _d === void 0 ? void 0 : _d.videoHeight) !== null && _e !== void 0 ? _e : 0;
|
|
11999
12188
|
var faceBox = face === null || face === void 0 ? void 0 : face.box;
|
|
12000
12189
|
var faceCentered = !faceBox || !frameWidth || faceBox.xMin > frameWidth * edgeBoundary && faceBox.yMin > frameHeight * edgeBoundary && faceBox.xMax < frameWidth * (1 - edgeBoundary) && faceBox.yMax < frameHeight * (1 - edgeBoundary);
|
|
12001
|
-
var
|
|
12002
|
-
countdownStartedAt =
|
|
12003
|
-
setCountdownStartedAt =
|
|
12190
|
+
var _30 = React.useState(),
|
|
12191
|
+
countdownStartedAt = _30[0],
|
|
12192
|
+
setCountdownStartedAt = _30[1];
|
|
12004
12193
|
var photoCanvas = React.useRef(null);
|
|
12005
12194
|
var frameLock = React.useRef(false);
|
|
12006
12195
|
var captureFrame = React.useCallback(function () {
|
|
@@ -12123,9 +12312,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
12123
12312
|
stopSelfieGuidance();
|
|
12124
12313
|
};
|
|
12125
12314
|
}, [startSelfieGuidance, stopSelfieGuidance]);
|
|
12126
|
-
var
|
|
12127
|
-
numFramesWithoutFaces =
|
|
12128
|
-
setNumFramesWithoutFaces =
|
|
12315
|
+
var _31 = React.useState(0),
|
|
12316
|
+
numFramesWithoutFaces = _31[0],
|
|
12317
|
+
setNumFramesWithoutFaces = _31[1];
|
|
12129
12318
|
onSelfiePredictionMade(useDebounce.useThrottledCallback(React.useCallback(function (_a) {
|
|
12130
12319
|
var face = _a.face;
|
|
12131
12320
|
if (selfieModelError) return;
|
|
@@ -12141,12 +12330,12 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
12141
12330
|
}
|
|
12142
12331
|
}, [disableFaceDetectionWhileAudioCapture, disableFaceDetectionWhileAudioCaptureMsDelay, numFramesWithoutFaces, onFaceNotDetected, timeoutStartedAt]);
|
|
12143
12332
|
var theme = styled.useTheme();
|
|
12144
|
-
var
|
|
12333
|
+
var _32 = useTranslations(rawVerbiage, {
|
|
12145
12334
|
faceNotCenteredText: 'Please move your face to the center...',
|
|
12146
12335
|
captureBtnText: 'Capture'
|
|
12147
12336
|
}),
|
|
12148
|
-
captureBtnText =
|
|
12149
|
-
faceNotCenteredText =
|
|
12337
|
+
captureBtnText = _32.captureBtnText,
|
|
12338
|
+
faceNotCenteredText = _32.faceNotCenteredText;
|
|
12150
12339
|
var debugScalingDetails = useDebugScalingDetails({
|
|
12151
12340
|
enabled: debugMode,
|
|
12152
12341
|
pageWidth: width,
|
|
@@ -12171,7 +12360,17 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
12171
12360
|
classNames: classNames.readTextPrompt,
|
|
12172
12361
|
verbiage: rawVerbiage.readTextPrompt,
|
|
12173
12362
|
onComplete: stopRecording
|
|
12174
|
-
})) : ( /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null,
|
|
12363
|
+
})) : ( /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(IdVideoCaptureGuides, {
|
|
12364
|
+
classNames: classNames.guides,
|
|
12365
|
+
verbiage: rawVerbiage.guides,
|
|
12366
|
+
requestedAction: requestedAction,
|
|
12367
|
+
satisfied: satisfied,
|
|
12368
|
+
idCardGuideStatus: countdownStartedAt ? 'capturing' : 'ready',
|
|
12369
|
+
idCardCaptureProgress: !!countdownStartedAt ? 1 : 0,
|
|
12370
|
+
idCardCaptureGuideImages: idCardCaptureGuideImages,
|
|
12371
|
+
faceGuideBorderColor: satisfied ? colors.guidesSatisfiedColor : colors.guidesUnsatisfiedColor,
|
|
12372
|
+
idCardGuideBorderColor: satisfied ? colors.guidesSatisfiedColor : colors.guidesUnsatisfiedColor
|
|
12373
|
+
}), debugMode && capturingId && ( /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(ObjectDetectionDebugOverlayDiv, {
|
|
12175
12374
|
"$flipX": !((_l = cameraRef.current) === null || _l === void 0 ? void 0 : _l.isRearFacing)
|
|
12176
12375
|
}, detectedObjects.map(function (obj, i) {
|
|
12177
12376
|
var _a;
|
|
@@ -12471,27 +12670,18 @@ var VideoIdWizard = function VideoIdWizard(_a) {
|
|
|
12471
12670
|
onExitCapture === null || onExitCapture === void 0 ? void 0 : onExitCapture();
|
|
12472
12671
|
}, [onExitCapture]);
|
|
12473
12672
|
var faceLivenessGuides = React.useCallback(function (_a) {
|
|
12474
|
-
|
|
12475
|
-
|
|
12476
|
-
|
|
12477
|
-
|
|
12478
|
-
|
|
12479
|
-
|
|
12480
|
-
|
|
12481
|
-
|
|
12482
|
-
|
|
12483
|
-
|
|
12484
|
-
|
|
12485
|
-
|
|
12486
|
-
// }
|
|
12487
|
-
// idCardGuideStatus="disabled"
|
|
12488
|
-
// // idCardGuideBorderColor={
|
|
12489
|
-
// // status === 'success'
|
|
12490
|
-
// // ? colors.idVideoCapture?.guidesSatisfiedColor
|
|
12491
|
-
// // : colors.idVideoCapture?.guidesUnsatisfiedColor
|
|
12492
|
-
// // }
|
|
12493
|
-
// />
|
|
12494
|
-
[(_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]);
|
|
12673
|
+
var _b, _c, _d, _e;
|
|
12674
|
+
var status = _a.status;
|
|
12675
|
+
return /*#__PURE__*/React__namespace.default.createElement(IdVideoCaptureGuides, {
|
|
12676
|
+
idCardCaptureGuideImages: idCaptureGuideImages,
|
|
12677
|
+
classNames: (_b = classNames.idVideoCapture) === null || _b === void 0 ? void 0 : _b.guides,
|
|
12678
|
+
verbiage: (_c = verbiage.idVideoCapture) === null || _c === void 0 ? void 0 : _c.guides,
|
|
12679
|
+
requestedAction: "VERIFY_LIVENESS",
|
|
12680
|
+
faceGuideStatus: status,
|
|
12681
|
+
faceGuideBorderColor: status === 'success' ? (_d = colors.idVideoCapture) === null || _d === void 0 ? void 0 : _d.guidesSatisfiedColor : (_e = colors.idVideoCapture) === null || _e === void 0 ? void 0 : _e.guidesUnsatisfiedColor,
|
|
12682
|
+
idCardGuideStatus: "disabled"
|
|
12683
|
+
});
|
|
12684
|
+
}, [(_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]);
|
|
12495
12685
|
if (submissionStatus === SubmissionStatus.SUBMITTING) {
|
|
12496
12686
|
return /*#__PURE__*/React__namespace.default.createElement(PageContainer, {
|
|
12497
12687
|
className: "flex"
|