idmission-web-sdk 2.2.33 → 2.2.34
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/video_id/IdVideoCapture.d.ts +1 -1
- package/dist/components/video_id/IdVideoCapture.d.ts.map +1 -1
- package/dist/components/video_id/IdVideoCaptureWizard.d.ts.map +1 -1
- package/dist/sdk2.cjs.development.js +303 -494
- 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 +303 -494
- package/dist/sdk2.esm.js.map +1 -1
- package/dist/sdk2.umd.development.js +303 -494
- 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.34';
|
|
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$J || (templateObject_1$J = __makeTemplateObject(["\n ", "\n\n ", "\n\n &.flex {\n display: flex;\n }\n\n &.padded {\n box-sizing: border-box;\n padding: 16px 24px;\n }\n"], ["\n ", "\n\n ", "\n\n &.flex {\n display: flex;\n }\n\n &.padded {\n box-sizing: border-box;\n padding: 16px 24px;\n }\n"])), function (props) {
|
|
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$J;
|
|
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$J || (templateObject_1$J = __makeTemplateObject(["\n ", "\n\n /*!\n * Ladda\n * http://lab.hakim.se/ladda\n * MIT licensed\n *\n * Copyright (C) 2018 Hakim El Hattab, http://hakim.se\n */\n\n position: relative;\n\n .ladda-spinner {\n position: absolute;\n z-index: 2;\n display: inline-block;\n width: 32px;\n top: 50%;\n margin-top: 0;\n opacity: 0;\n pointer-events: none;\n }\n .ladda-label {\n position: relative;\n z-index: 3;\n }\n .ladda-progress {\n position: absolute;\n width: 0;\n height: 100%;\n left: 0;\n top: 0;\n background: rgba(0, 0, 0, 0.2);\n display: none;\n transition: 0.1s linear all !important;\n }\n &[data-loading] .ladda-progress {\n display: block;\n }\n\n transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;\n\n .ladda-spinner,\n .ladda-label {\n transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;\n }\n &[data-style='zoom-in'],\n &[data-style='zoom-in'] .ladda-spinner,\n &[data-style='zoom-in'] .ladda-label,\n &[data-style='zoom-out'],\n &[data-style='zoom-out'] .ladda-spinner,\n &[data-style='zoom-out'] .ladda-label {\n transition: 0.3s ease all !important;\n }\n &[data-style='expand-right'] .ladda-spinner {\n right: -6px;\n }\n &[data-style='expand-right'][data-size='s'] .ladda-spinner,\n &[data-style='expand-right'][data-size='xs'] .ladda-spinner {\n right: -12px;\n }\n &[data-style='expand-right'][data-loading] {\n padding-right: 56px;\n }\n &[data-style='expand-right'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='expand-right'][data-loading][data-size='s'],\n &[data-style='expand-right'][data-loading][data-size='xs'] {\n padding-right: 40px;\n }\n &[data-style='expand-left'] .ladda-spinner {\n left: 26px;\n }\n &[data-style='expand-left'][data-size='s'] .ladda-spinner,\n &[data-style='expand-left'][data-size='xs'] .ladda-spinner {\n left: 4px;\n }\n &[data-style='expand-left'][data-loading] {\n padding-left: 56px;\n }\n &[data-style='expand-left'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='expand-left'][data-loading][data-size='s'],\n &[data-style='expand-left'][data-loading][data-size='xs'] {\n padding-left: 40px;\n }\n &[data-style='expand-up'] {\n overflow: hidden;\n }\n &[data-style='expand-up'] .ladda-spinner {\n top: -32px;\n left: 50%;\n margin-left: 0;\n }\n &[data-style='expand-up'][data-loading] {\n padding-top: 54px;\n }\n &[data-style='expand-up'][data-loading] .ladda-spinner {\n opacity: 1;\n top: 26px;\n margin-top: 0;\n }\n &[data-style='expand-up'][data-loading][data-size='s'],\n &[data-style='expand-up'][data-loading][data-size='xs'] {\n padding-top: 32px;\n }\n &[data-style='expand-up'][data-loading][data-size='s'] .ladda-spinner,\n &[data-style='expand-up'][data-loading][data-size='xs'] .ladda-spinner {\n top: 4px;\n }\n &[data-style='expand-down'] {\n overflow: hidden;\n }\n &[data-style='expand-down'] .ladda-spinner {\n top: 62px;\n left: 50%;\n margin-left: 0;\n }\n &[data-style='expand-down'][data-size='s'] .ladda-spinner,\n &[data-style='expand-down'][data-size='xs'] .ladda-spinner {\n top: 40px;\n }\n &[data-style='expand-down'][data-loading] {\n padding-bottom: 54px;\n }\n &[data-style='expand-down'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='expand-down'][data-loading][data-size='s'],\n &[data-style='expand-down'][data-loading][data-size='xs'] {\n padding-bottom: 32px;\n }\n &[data-style='slide-left'] {\n overflow: hidden;\n }\n &[data-style='slide-left'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-left'] .ladda-spinner {\n left: 100%;\n margin-left: 0;\n }\n &[data-style='slide-left'][data-loading] .ladda-label {\n opacity: 0;\n left: -100%;\n }\n &[data-style='slide-left'][data-loading] .ladda-spinner {\n opacity: 1;\n left: 50%;\n }\n &[data-style='slide-right'] {\n overflow: hidden;\n }\n &[data-style='slide-right'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-right'] .ladda-spinner {\n right: 100%;\n margin-left: 0;\n left: 16px;\n }\n [dir='rtl'] &[data-style='slide-right'] .ladda-spinner {\n right: auto;\n }\n &[data-style='slide-right'][data-loading] .ladda-label {\n opacity: 0;\n left: 100%;\n }\n &[data-style='slide-right'][data-loading] .ladda-spinner {\n opacity: 1;\n left: 50%;\n }\n &[data-style='slide-up'] {\n overflow: hidden;\n }\n &[data-style='slide-up'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-up'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n margin-top: 1em;\n }\n &[data-style='slide-up'][data-loading] .ladda-label {\n opacity: 0;\n top: -1em;\n }\n &[data-style='slide-up'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-top: 0;\n }\n &[data-style='slide-down'] {\n overflow: hidden;\n }\n &[data-style='slide-down'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-down'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n margin-top: -2em;\n }\n &[data-style='slide-down'][data-loading] .ladda-label {\n opacity: 0;\n top: 1em;\n }\n &[data-style='slide-down'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-top: 0;\n }\n &[data-style='zoom-out'] {\n overflow: hidden;\n }\n &[data-style='zoom-out'] .ladda-spinner {\n left: 50%;\n margin-left: 32px;\n transform: scale(2.5);\n }\n &[data-style='zoom-out'] .ladda-label {\n position: relative;\n display: inline-block;\n }\n &[data-style='zoom-out'][data-loading] .ladda-label {\n opacity: 0;\n transform: scale(0.5);\n }\n &[data-style='zoom-out'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-left: 0;\n transform: none;\n }\n &[data-style='zoom-in'] {\n overflow: hidden;\n }\n &[data-style='zoom-in'] .ladda-spinner {\n left: 50%;\n margin-left: -16px;\n transform: scale(0.2);\n }\n &[data-style='zoom-in'] .ladda-label {\n position: relative;\n display: inline-block;\n }\n &[data-style='zoom-in'][data-loading] .ladda-label {\n opacity: 0;\n transform: scale(2.2);\n }\n &[data-style='zoom-in'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-left: 0;\n transform: none;\n }\n &[data-style='contract'] {\n overflow: hidden;\n width: 100px;\n }\n &[data-style='contract'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n }\n &[data-style='contract'][data-loading] {\n border-radius: 50%;\n width: 52px;\n }\n &[data-style='contract'][data-loading] .ladda-label {\n opacity: 0;\n }\n &[data-style='contract'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='contract-overlay'] {\n overflow: hidden;\n width: 100px;\n box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0);\n }\n &[data-style='contract-overlay'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n }\n &[data-style='contract-overlay'][data-loading] {\n border-radius: 50%;\n width: 52px;\n box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0.8);\n }\n &[data-style='contract-overlay'][data-loading] .ladda-label {\n opacity: 0;\n }\n &[data-style='contract-overlay'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n [dir='rtl'] .ladda-spinner > div {\n left: 25% !important;\n }\n"], ["\n ", "\n\n /*!\n * Ladda\n * http://lab.hakim.se/ladda\n * MIT licensed\n *\n * Copyright (C) 2018 Hakim El Hattab, http://hakim.se\n */\n\n position: relative;\n\n .ladda-spinner {\n position: absolute;\n z-index: 2;\n display: inline-block;\n width: 32px;\n top: 50%;\n margin-top: 0;\n opacity: 0;\n pointer-events: none;\n }\n .ladda-label {\n position: relative;\n z-index: 3;\n }\n .ladda-progress {\n position: absolute;\n width: 0;\n height: 100%;\n left: 0;\n top: 0;\n background: rgba(0, 0, 0, 0.2);\n display: none;\n transition: 0.1s linear all !important;\n }\n &[data-loading] .ladda-progress {\n display: block;\n }\n\n transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;\n\n .ladda-spinner,\n .ladda-label {\n transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;\n }\n &[data-style='zoom-in'],\n &[data-style='zoom-in'] .ladda-spinner,\n &[data-style='zoom-in'] .ladda-label,\n &[data-style='zoom-out'],\n &[data-style='zoom-out'] .ladda-spinner,\n &[data-style='zoom-out'] .ladda-label {\n transition: 0.3s ease all !important;\n }\n &[data-style='expand-right'] .ladda-spinner {\n right: -6px;\n }\n &[data-style='expand-right'][data-size='s'] .ladda-spinner,\n &[data-style='expand-right'][data-size='xs'] .ladda-spinner {\n right: -12px;\n }\n &[data-style='expand-right'][data-loading] {\n padding-right: 56px;\n }\n &[data-style='expand-right'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='expand-right'][data-loading][data-size='s'],\n &[data-style='expand-right'][data-loading][data-size='xs'] {\n padding-right: 40px;\n }\n &[data-style='expand-left'] .ladda-spinner {\n left: 26px;\n }\n &[data-style='expand-left'][data-size='s'] .ladda-spinner,\n &[data-style='expand-left'][data-size='xs'] .ladda-spinner {\n left: 4px;\n }\n &[data-style='expand-left'][data-loading] {\n padding-left: 56px;\n }\n &[data-style='expand-left'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='expand-left'][data-loading][data-size='s'],\n &[data-style='expand-left'][data-loading][data-size='xs'] {\n padding-left: 40px;\n }\n &[data-style='expand-up'] {\n overflow: hidden;\n }\n &[data-style='expand-up'] .ladda-spinner {\n top: -32px;\n left: 50%;\n margin-left: 0;\n }\n &[data-style='expand-up'][data-loading] {\n padding-top: 54px;\n }\n &[data-style='expand-up'][data-loading] .ladda-spinner {\n opacity: 1;\n top: 26px;\n margin-top: 0;\n }\n &[data-style='expand-up'][data-loading][data-size='s'],\n &[data-style='expand-up'][data-loading][data-size='xs'] {\n padding-top: 32px;\n }\n &[data-style='expand-up'][data-loading][data-size='s'] .ladda-spinner,\n &[data-style='expand-up'][data-loading][data-size='xs'] .ladda-spinner {\n top: 4px;\n }\n &[data-style='expand-down'] {\n overflow: hidden;\n }\n &[data-style='expand-down'] .ladda-spinner {\n top: 62px;\n left: 50%;\n margin-left: 0;\n }\n &[data-style='expand-down'][data-size='s'] .ladda-spinner,\n &[data-style='expand-down'][data-size='xs'] .ladda-spinner {\n top: 40px;\n }\n &[data-style='expand-down'][data-loading] {\n padding-bottom: 54px;\n }\n &[data-style='expand-down'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='expand-down'][data-loading][data-size='s'],\n &[data-style='expand-down'][data-loading][data-size='xs'] {\n padding-bottom: 32px;\n }\n &[data-style='slide-left'] {\n overflow: hidden;\n }\n &[data-style='slide-left'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-left'] .ladda-spinner {\n left: 100%;\n margin-left: 0;\n }\n &[data-style='slide-left'][data-loading] .ladda-label {\n opacity: 0;\n left: -100%;\n }\n &[data-style='slide-left'][data-loading] .ladda-spinner {\n opacity: 1;\n left: 50%;\n }\n &[data-style='slide-right'] {\n overflow: hidden;\n }\n &[data-style='slide-right'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-right'] .ladda-spinner {\n right: 100%;\n margin-left: 0;\n left: 16px;\n }\n [dir='rtl'] &[data-style='slide-right'] .ladda-spinner {\n right: auto;\n }\n &[data-style='slide-right'][data-loading] .ladda-label {\n opacity: 0;\n left: 100%;\n }\n &[data-style='slide-right'][data-loading] .ladda-spinner {\n opacity: 1;\n left: 50%;\n }\n &[data-style='slide-up'] {\n overflow: hidden;\n }\n &[data-style='slide-up'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-up'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n margin-top: 1em;\n }\n &[data-style='slide-up'][data-loading] .ladda-label {\n opacity: 0;\n top: -1em;\n }\n &[data-style='slide-up'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-top: 0;\n }\n &[data-style='slide-down'] {\n overflow: hidden;\n }\n &[data-style='slide-down'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-down'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n margin-top: -2em;\n }\n &[data-style='slide-down'][data-loading] .ladda-label {\n opacity: 0;\n top: 1em;\n }\n &[data-style='slide-down'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-top: 0;\n }\n &[data-style='zoom-out'] {\n overflow: hidden;\n }\n &[data-style='zoom-out'] .ladda-spinner {\n left: 50%;\n margin-left: 32px;\n transform: scale(2.5);\n }\n &[data-style='zoom-out'] .ladda-label {\n position: relative;\n display: inline-block;\n }\n &[data-style='zoom-out'][data-loading] .ladda-label {\n opacity: 0;\n transform: scale(0.5);\n }\n &[data-style='zoom-out'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-left: 0;\n transform: none;\n }\n &[data-style='zoom-in'] {\n overflow: hidden;\n }\n &[data-style='zoom-in'] .ladda-spinner {\n left: 50%;\n margin-left: -16px;\n transform: scale(0.2);\n }\n &[data-style='zoom-in'] .ladda-label {\n position: relative;\n display: inline-block;\n }\n &[data-style='zoom-in'][data-loading] .ladda-label {\n opacity: 0;\n transform: scale(2.2);\n }\n &[data-style='zoom-in'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-left: 0;\n transform: none;\n }\n &[data-style='contract'] {\n overflow: hidden;\n width: 100px;\n }\n &[data-style='contract'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n }\n &[data-style='contract'][data-loading] {\n border-radius: 50%;\n width: 52px;\n }\n &[data-style='contract'][data-loading] .ladda-label {\n opacity: 0;\n }\n &[data-style='contract'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='contract-overlay'] {\n overflow: hidden;\n width: 100px;\n box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0);\n }\n &[data-style='contract-overlay'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n }\n &[data-style='contract-overlay'][data-loading] {\n border-radius: 50%;\n width: 52px;\n box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0.8);\n }\n &[data-style='contract-overlay'][data-loading] .ladda-label {\n opacity: 0;\n }\n &[data-style='contract-overlay'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n [dir='rtl'] .ladda-spinner > div {\n left: 25% !important;\n }\n"])), function (props) {
|
|
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) {
|
|
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$I;
|
|
500
500
|
|
|
501
|
-
var OverlayContainer = styled__default.default(PageContainer)(templateObject_1$
|
|
501
|
+
var OverlayContainer = styled__default.default(PageContainer)(templateObject_1$H || (templateObject_1$H = __makeTemplateObject(["\n background: ", ";\n ", "\n z-index: 10000;\n"], ["\n background: ", ";\n ", "\n z-index: 10000;\n"])), function (props) {
|
|
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$y || (templateObject_2$y = __makeTemplateObject(["\n text-align: ", ";\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n max-width: 100dvw;\n max-height: 100dvh;\n width: 100%;\n height: 100%;\n ", "\n"], ["\n text-align: ", ";\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n max-width: 100dvw;\n max-height: 100dvh;\n width: 100%;\n height: 100%;\n ", "\n"])), function (props) {
|
|
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$p || (templateObject_3$p = __makeTemplateObject(["\n position: relative;\n display: flex;\n flex-grow: 1;\n padding-bottom: 25px;\n max-width: 100dvw;\n max-height: 100dvh;\n overflow: hidden;\n\n & > img,\n & > svg {\n margin: 0 auto;\n width: max-content;\n max-width: 100%;\n max-height: 100%;\n aspect-ratio: initial;\n object-fit: contain;\n display: block;\n }\n"], ["\n position: relative;\n display: flex;\n flex-grow: 1;\n padding-bottom: 25px;\n max-width: 100dvw;\n max-height: 100dvh;\n overflow: hidden;\n\n & > img,\n & > svg {\n margin: 0 auto;\n width: max-content;\n max-width: 100%;\n max-height: 100%;\n aspect-ratio: initial;\n object-fit: contain;\n display: block;\n }\n"])));
|
|
513
|
+
var OverlayImageRow = styled__default.default.div(templateObject_4$j || (templateObject_4$j = __makeTemplateObject(["\n display: flex;\n margin: auto;\n\n & > div {\n max-height: calc(100vh - 320px);\n\n & > img {\n width: 100%;\n max-height: 100%;\n height: auto;\n object-fit: contain;\n }\n }\n"], ["\n display: flex;\n margin: auto;\n\n & > div {\n max-height: calc(100vh - 320px);\n\n & > img {\n width: 100%;\n max-height: 100%;\n height: auto;\n object-fit: contain;\n }\n }\n"])));
|
|
514
|
+
var GrayOverlayContainer = styled__default.default(OverlayContainer)(templateObject_5$b || (templateObject_5$b = __makeTemplateObject(["\n background: #f7f6fb;\n"], ["\n background: #f7f6fb;\n"])));
|
|
515
|
+
var ButtonsColumn = styled__default.default.div(templateObject_6$8 || (templateObject_6$8 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n gap: 15px 0;\n justify-content: center;\n margin-top: 24px;\n"], ["\n display: flex;\n flex-direction: column;\n gap: 15px 0;\n justify-content: center;\n margin-top: 24px;\n"])));
|
|
516
|
+
var WideButton = styled__default.default(LoaderButton)(templateObject_7$5 || (templateObject_7$5 = __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$H, templateObject_2$y, templateObject_3$p, templateObject_4$j, templateObject_5$b, templateObject_6$8, templateObject_7$5, 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$G || (templateObject_1$G = __makeTemplateObject(["\n 0% {\n opacity: 0;\n transform: scale3d(1, 1, 1);\n }\n 80% {\n opacity: 1;\n }\n 100% {\n transform: scale3d(2, 2, 1);\n opacity: 0;\n }\n"], ["\n 0% {\n opacity: 0;\n transform: scale3d(1, 1, 1);\n }\n 80% {\n opacity: 1;\n }\n 100% {\n transform: scale3d(2, 2, 1);\n opacity: 0;\n }\n"])));
|
|
766
|
+
var progressBarAnimation = styled.keyframes(templateObject_2$x || (templateObject_2$x = __makeTemplateObject(["\n 0% {\n width: 0;\n }\n 100% {\n width: 100%;\n }\n"], ["\n 0% {\n width: 0;\n }\n 100% {\n width: 100%;\n }\n"])));
|
|
767
|
+
var dualRingSpinnerAnimation = styled.keyframes(templateObject_3$o || (templateObject_3$o = __makeTemplateObject(["\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n"], ["\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n"])));
|
|
768
|
+
var progressBorderAnimation = styled.keyframes(templateObject_4$i || (templateObject_4$i = __makeTemplateObject(["\n to {\n stroke-dashoffset: 0;\n }\n"], ["\n to {\n stroke-dashoffset: 0;\n }\n"])));
|
|
769
|
+
var templateObject_1$G, templateObject_2$x, templateObject_3$o, templateObject_4$i;
|
|
770
770
|
|
|
771
|
-
var Spinner = styled__default.default.div(templateObject_1$
|
|
771
|
+
var Spinner = styled__default.default.div(templateObject_1$F || (templateObject_1$F = __makeTemplateObject(["\n display: inline-block;\n width: ", "px;\n height: ", "px;\n margin: auto;\n\n &:after {\n content: ' ';\n display: block;\n width: ", "px;\n height: ", "px;\n margin: 8px;\n border-radius: 50%;\n border: ", "px solid\n ", ";\n border-color: ", " transparent\n ", " transparent;\n animation: ", " 1.2s linear infinite;\n box-sizing: content-box;\n }\n"], ["\n display: inline-block;\n width: ", "px;\n height: ", "px;\n margin: auto;\n\n &:after {\n content: ' ';\n display: block;\n width: ", "px;\n height: ", "px;\n margin: 8px;\n border-radius: 50%;\n border: ", "px solid\n ", ";\n border-color: ", " transparent\n ", " transparent;\n animation: ", " 1.2s linear infinite;\n box-sizing: content-box;\n }\n"])), function (_a) {
|
|
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$G || (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$F;
|
|
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$E || (templateObject_1$E = __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$E;
|
|
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$D || (templateObject_1$D = __makeTemplateObject(["\n font-size: 16px;\n font-family: monospace;\n position: absolute;\n left: 20px;\n bottom: 20px;\n margin-right: 20px;\n padding: 8px;\n color: limegreen;\n background: rgba(0, 0, 0, 0.5);\n z-index: 10002;\n"], ["\n font-size: 16px;\n font-family: monospace;\n position: absolute;\n left: 20px;\n bottom: 20px;\n margin-right: 20px;\n padding: 8px;\n color: limegreen;\n background: rgba(0, 0, 0, 0.5);\n z-index: 10002;\n"])));
|
|
4686
|
+
var ObjectDetectionDebugOverlayDiv = styled__default.default.div(templateObject_2$w || (templateObject_2$w = __makeTemplateObject(["\n position: absolute;\n z-index: 1001;\n width: 100%;\n height: 100%;\n max-width: 100%;\n max-height: 100%;\n overflow: hidden;\n ", "\n"], ["\n position: absolute;\n z-index: 1001;\n width: 100%;\n height: 100%;\n max-width: 100%;\n max-height: 100%;\n overflow: hidden;\n ", "\n"])), function (_a) {
|
|
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$n || (templateObject_3$n = __makeTemplateObject(["\n font: 10px monospace;\n position: absolute;\n border: 3px solid ", ";\n color: ", ";\n ", "\n"], ["\n font: 10px monospace;\n position: absolute;\n border: 3px solid ", ";\n color: ", ";\n ", "\n"])), function (_a) {
|
|
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$o ||
|
|
|
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$h || (templateObject_4$h = __makeTemplateObject(["\n position: absolute;\n width: 4px;\n height: 4px;\n border: 2px solid ", ";\n font: 10px monospace;\n color: ", ";\n border-radius: 50%;\n ", "\n"], ["\n position: absolute;\n width: 4px;\n height: 4px;\n border: 2px solid ", ";\n font: 10px monospace;\n color: ", ";\n border-radius: 50%;\n ", "\n"])), function (_a) {
|
|
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$D, templateObject_2$w, templateObject_3$n, templateObject_4$h;
|
|
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$C || (templateObject_1$C = __makeTemplateObject(["\n position: absolute;\n top: calc(", ");\n ", "\n font-weight: bold;\n width: 100%;\n display: flex;\n"], ["\n position: absolute;\n top: calc(", ");\n ", "\n font-weight: bold;\n width: 100%;\n display: flex;\n"])), function (_a) {
|
|
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$v || (templateObject_2$v = __makeTemplateObject(["\n margin-left: auto;\n margin-right: auto;\n background: ", ";\n color: ", ";\n padding: 10px 12px 8px;\n border-radius: 8px;\n z-index: 10001;\n"], ["\n margin-left: auto;\n margin-right: auto;\n background: ", ";\n color: ", ";\n padding: 10px 12px 8px;\n border-radius: 8px;\n z-index: 10001;\n"])), function (props) {
|
|
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$C, templateObject_2$v;
|
|
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$1, {
|
|
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$1 = styled__default.default.div(templateObject_1$B || (templateObject_1$B = __makeTemplateObject(["\n position: fixed;\n left: 0;\n bottom: 0;\n width: 100dvw;\n background: ", ";\n color: ", ";\n display: flex;\n z-index: 100001;\n"], ["\n position: fixed;\n left: 0;\n bottom: 0;\n width: 100dvw;\n background: ", ";\n color: ", ";\n display: flex;\n z-index: 100001;\n"])), function (props) {
|
|
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$u || (templateObject_2$u = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n padding: 16px 24px;\n margin: auto 0;\n width: 100%;\n"], ["\n display: flex;\n flex-direction: row;\n padding: 16px 24px;\n margin: auto 0;\n width: 100%;\n"])));
|
|
5129
|
+
var Message = styled__default.default.span(templateObject_3$m || (templateObject_3$m = __makeTemplateObject(["\n display: block;\n margin: auto 12px auto 0;\n"], ["\n display: block;\n margin: auto 12px auto 0;\n"])));
|
|
5130
|
+
var ButtonContainer = styled__default.default.div(templateObject_4$g || (templateObject_4$g = __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$a || (templateObject_5$a = __makeTemplateObject(["\n white-space: nowrap;\n margin: auto;\n"], ["\n white-space: nowrap;\n margin: auto;\n"])));
|
|
5132
|
+
var templateObject_1$B, templateObject_2$u, templateObject_3$m, templateObject_4$g, templateObject_5$a;
|
|
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$A || (templateObject_1$A = __makeTemplateObject(["\n max-width: 500px;\n height: auto;\n margin: auto;\n"], ["\n max-width: 500px;\n height: auto;\n margin: auto;\n"])));
|
|
5328
|
+
var StyledOverlayImageContainer$3 = styled__default.default(OverlayImageContainer)(templateObject_2$t || (templateObject_2$t = __makeTemplateObject(["\n flex-grow: 0;\n"], ["\n flex-grow: 0;\n"])));
|
|
5329
|
+
var Description$4 = styled__default.default.p(templateObject_3$l || (templateObject_3$l = __makeTemplateObject(["\n line-height: 1.5;\n margin-bottom: 50px;\n"], ["\n line-height: 1.5;\n margin-bottom: 50px;\n"])));
|
|
5330
|
+
var RetryButton$1 = styled__default.default(LoaderButton)(templateObject_4$f || (templateObject_4$f = __makeTemplateObject(["\n width: 200px;\n margin: 0 auto;\n"], ["\n width: 200px;\n margin: 0 auto;\n"])));
|
|
5331
|
+
var templateObject_1$A, templateObject_2$t, templateObject_3$l, templateObject_4$f;
|
|
5332
5332
|
|
|
5333
|
-
var ExitCaptureStyledButton = styled__default.default.button(templateObject_1$
|
|
5333
|
+
var ExitCaptureStyledButton = styled__default.default.button(templateObject_1$z || (templateObject_1$z = __makeTemplateObject(["\n position: absolute;\n top: 12px;\n right: 12px;\n font-size: 20px;\n width: 32px;\n height: 32px;\n font-family: monospace;\n z-index: 1002;\n border: none;\n border-radius: 4px;\n background: #ccc;\n cursor: pointer;\n padding: 8px;\n box-sizing: border-box;\n display: flex;\n\n &:hover {\n background: #ddd;\n }\n\n & > svg {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n"], ["\n position: absolute;\n top: 12px;\n right: 12px;\n font-size: 20px;\n width: 32px;\n height: 32px;\n font-family: monospace;\n z-index: 1002;\n border: none;\n border-radius: 4px;\n background: #ccc;\n cursor: pointer;\n padding: 8px;\n box-sizing: border-box;\n display: flex;\n\n &:hover {\n background: #ddd;\n }\n\n & > svg {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n"])));
|
|
5334
5334
|
var ExitCaptureButton = function ExitCaptureButton(_a) {
|
|
5335
5335
|
var onClick = _a.onClick,
|
|
5336
5336
|
className = _a.className;
|
|
@@ -5374,11 +5374,11 @@ var ExitCaptureButton = function ExitCaptureButton(_a) {
|
|
|
5374
5374
|
y2: "19.75"
|
|
5375
5375
|
}))));
|
|
5376
5376
|
};
|
|
5377
|
-
var templateObject_1$A;
|
|
5378
|
-
|
|
5379
|
-
var ButtonsRow = styled__default.default.div(templateObject_1$z || (templateObject_1$z = __makeTemplateObject(["\n display: flex;\n gap: 0 15px;\n justify-content: center;\n"], ["\n display: flex;\n gap: 0 15px;\n justify-content: center;\n"])));
|
|
5380
5377
|
var templateObject_1$z;
|
|
5381
5378
|
|
|
5379
|
+
var ButtonsRow = styled__default.default.div(templateObject_1$y || (templateObject_1$y = __makeTemplateObject(["\n display: flex;\n gap: 0 15px;\n justify-content: center;\n"], ["\n display: flex;\n gap: 0 15px;\n justify-content: center;\n"])));
|
|
5380
|
+
var templateObject_1$y;
|
|
5381
|
+
|
|
5382
5382
|
function IdCaptureLoadingGraphic(props) {
|
|
5383
5383
|
var isMobile = window.innerHeight > window.innerWidth;
|
|
5384
5384
|
return isMobile ? ( /*#__PURE__*/React__namespace.default.createElement(IdCaptureLoadingGraphicMobile, _assign({}, props))) : ( /*#__PURE__*/React__namespace.default.createElement(IdCaptureLoadingGraphicDesktop, _assign({}, props)));
|
|
@@ -6068,24 +6068,24 @@ var IdCaptureLoadingOverlayDefault = function IdCaptureLoadingOverlayDefault(_a)
|
|
|
6068
6068
|
}
|
|
6069
6069
|
}, verbiage.continueText))))));
|
|
6070
6070
|
};
|
|
6071
|
-
var OverlayInner$1 = styled__default.default.div(templateObject_1$
|
|
6071
|
+
var OverlayInner$1 = styled__default.default.div(templateObject_1$x || (templateObject_1$x = __makeTemplateObject(["\n height: 100dvh;\n display: flex;\n flex-direction: column;\n background: ", ";\n color: ", ";\n"], ["\n height: 100dvh;\n display: flex;\n flex-direction: column;\n background: ", ";\n color: ", ";\n"])), function (props) {
|
|
6072
6072
|
var _a, _b, _c, _d;
|
|
6073
6073
|
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
6074
|
}, function (props) {
|
|
6075
6075
|
var _a, _b, _c, _d;
|
|
6076
6076
|
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
6077
|
});
|
|
6078
|
-
var OverlayHeader$1 = styled__default.default.div(templateObject_2$
|
|
6078
|
+
var OverlayHeader$1 = styled__default.default.div(templateObject_2$s || (templateObject_2$s = __makeTemplateObject(["\n text-align: ", ";\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n ", "\n padding-bottom: 0;\n"], ["\n text-align: ", ";\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n ", "\n padding-bottom: 0;\n"])), function (props) {
|
|
6079
6079
|
var _a;
|
|
6080
6080
|
return (_a = props.theme.textAlign) !== null && _a !== void 0 ? _a : 'center';
|
|
6081
6081
|
}, function (props) {
|
|
6082
6082
|
return props.theme.padding ? "box-sizing: border-box; padding: ".concat(props.theme.padding, ";") : "";
|
|
6083
6083
|
});
|
|
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$
|
|
6084
|
+
var StyledGuidanceMessage$2 = styled__default.default(GuidanceMessage)(templateObject_3$k || (templateObject_3$k = __makeTemplateObject(["\n padding: 16px 24px;\n margin-top: 16px;\n font-size: 18px;\n font-weight: bold;\n background: white;\n box-shadow:\n 0 1px 3px 0 rgb(0 0 0 / 0.1),\n 0 1px 2px -1px rgb(0 0 0 / 0.1);\n"], ["\n padding: 16px 24px;\n margin-top: 16px;\n font-size: 18px;\n font-weight: bold;\n background: white;\n box-shadow:\n 0 1px 3px 0 rgb(0 0 0 / 0.1),\n 0 1px 2px -1px rgb(0 0 0 / 0.1);\n"])));
|
|
6085
|
+
var StyledOverlayImageContainer$2 = styled__default.default(OverlayImageContainer)(templateObject_4$e || (templateObject_4$e = __makeTemplateObject(["\n padding: 0 0 100px;\n\n & > svg {\n height: 100%;\n }\n"], ["\n padding: 0 0 100px;\n\n & > svg {\n height: 100%;\n }\n"])));
|
|
6086
|
+
var ContinuityCameraCheckboxContainer$1 = styled__default.default.div(templateObject_5$9 || (templateObject_5$9 = __makeTemplateObject(["\n position: fixed;\n bottom: 120px;\n width: 100dvw;\n display: flex;\n"], ["\n position: fixed;\n bottom: 120px;\n width: 100dvw;\n display: flex;\n"])));
|
|
6087
|
+
var ContinuityCameraCheckboxInner = styled__default.default(GuidanceMessage)(templateObject_6$7 || (templateObject_6$7 = __makeTemplateObject(["\n padding: 12px 18px;\n margin: 0 auto;\n font-size: 14px;\n font-weight: bold;\n background: white;\n box-shadow:\n 0 1px 3px 0 rgb(0 0 0 / 0.1),\n 0 1px 2px -1px rgb(0 0 0 / 0.1);\n"], ["\n padding: 12px 18px;\n margin: 0 auto;\n font-size: 14px;\n font-weight: bold;\n background: white;\n box-shadow:\n 0 1px 3px 0 rgb(0 0 0 / 0.1),\n 0 1px 2px -1px rgb(0 0 0 / 0.1);\n"])));
|
|
6088
|
+
var ContinuityCameraCheckbox$1 = styled__default.default.input(templateObject_7$4 || (templateObject_7$4 = __makeTemplateObject(["\n margin-right: 8px;\n"], ["\n margin-right: 8px;\n"])));
|
|
6089
6089
|
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
6090
|
var _a, _b, _c, _d;
|
|
6091
6091
|
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';
|
|
@@ -6120,10 +6120,10 @@ var ContinueButton$1 = styled__default.default(LoaderButton)(templateObject_18 |
|
|
|
6120
6120
|
var _a, _b, _c, _d, _e, _f;
|
|
6121
6121
|
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
6122
|
});
|
|
6123
|
-
var templateObject_1$
|
|
6123
|
+
var templateObject_1$x, templateObject_2$s, templateObject_3$k, templateObject_4$e, templateObject_5$9, templateObject_6$7, templateObject_7$4, templateObject_8$2, templateObject_9$2, templateObject_10$1, templateObject_11$1, templateObject_12$1, templateObject_13$1, templateObject_14$1, templateObject_15$1, templateObject_16, templateObject_17, templateObject_18;
|
|
6124
6124
|
|
|
6125
|
-
var ContinuityCameraCheckboxContainer = styled__default.default.div(templateObject_1$
|
|
6126
|
-
var ContinuityCameraCheckbox = styled__default.default.input(templateObject_2$
|
|
6125
|
+
var ContinuityCameraCheckboxContainer = styled__default.default.div(templateObject_1$w || (templateObject_1$w = __makeTemplateObject(["\n margin-top: 15px;\n margin-bottom: 15px;\n"], ["\n margin-top: 15px;\n margin-bottom: 15px;\n"])));
|
|
6126
|
+
var ContinuityCameraCheckbox = styled__default.default.input(templateObject_2$r || (templateObject_2$r = __makeTemplateObject(["\n margin-right: 8px;\n"], ["\n margin-right: 8px;\n"])));
|
|
6127
6127
|
var IdCaptureLoadingOverlayLegacy = function IdCaptureLoadingOverlayLegacy(_a) {
|
|
6128
6128
|
var _b, _c, _d, _e;
|
|
6129
6129
|
var onDismissed = _a.onDismissed,
|
|
@@ -6234,7 +6234,7 @@ var IdCaptureLoadingOverlayLegacy = function IdCaptureLoadingOverlayLegacy(_a) {
|
|
|
6234
6234
|
}
|
|
6235
6235
|
}, cameraReady && modelsReady ? verbiage.continueText : modelsReady ? verbiage.cameraInitializingText : modelDownloadProgress >= 100 ? verbiage.modelsWarmingUpText : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)"))));
|
|
6236
6236
|
};
|
|
6237
|
-
var templateObject_1$
|
|
6237
|
+
var templateObject_1$w, templateObject_2$r;
|
|
6238
6238
|
|
|
6239
6239
|
var components$1 = {
|
|
6240
6240
|
"default": IdCaptureLoadingOverlayDefault,
|
|
@@ -6292,9 +6292,9 @@ var CapturedDocumentImg = function CapturedDocumentImg(_a) {
|
|
|
6292
6292
|
});
|
|
6293
6293
|
};
|
|
6294
6294
|
|
|
6295
|
-
var Card = styled__default.default.div(templateObject_1$
|
|
6296
|
-
var FlexCard = styled__default.default(Card)(templateObject_2$
|
|
6297
|
-
var templateObject_1$
|
|
6295
|
+
var Card = styled__default.default.div(templateObject_1$v || (templateObject_1$v = __makeTemplateObject(["\n background: white;\n border-radius: 8px;\n padding: 24px;\n box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);\n margin: auto;\n max-width: min(500px, 100dvw - 48px);\n max-height: 100%;\n overflow: auto;\n box-sizing: border-box;\n"], ["\n background: white;\n border-radius: 8px;\n padding: 24px;\n box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);\n margin: auto;\n max-width: min(500px, 100dvw - 48px);\n max-height: 100%;\n overflow: auto;\n box-sizing: border-box;\n"])));
|
|
6296
|
+
var FlexCard = styled__default.default(Card)(templateObject_2$q || (templateObject_2$q = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n"], ["\n display: flex;\n flex-direction: column;\n"])));
|
|
6297
|
+
var templateObject_1$v, templateObject_2$q;
|
|
6298
6298
|
|
|
6299
6299
|
var IdCaptureSuccess = function IdCaptureSuccess(_a) {
|
|
6300
6300
|
var capturedDocuments = _a.capturedDocuments,
|
|
@@ -6369,13 +6369,13 @@ var IdCaptureSuccess = function IdCaptureSuccess(_a) {
|
|
|
6369
6369
|
finished: true
|
|
6370
6370
|
}, verbiage.retryText)))));
|
|
6371
6371
|
};
|
|
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$
|
|
6372
|
+
var Heading$a = styled__default.default.h1(templateObject_1$u || (templateObject_1$u = __makeTemplateObject(["\n font-size: 1.5rem;\n margin-top: 0;\n margin-bottom: 1.5rem;\n"], ["\n font-size: 1.5rem;\n margin-top: 0;\n margin-bottom: 1.5rem;\n"])));
|
|
6373
|
+
var ImagesContainer = styled__default.default(OverlayImageContainer)(templateObject_2$p || (templateObject_2$p = __makeTemplateObject(["\n flex-grow: 1;\n overflow-y: auto;\n padding-bottom: 0;\n max-width: 100%;\n"], ["\n flex-grow: 1;\n overflow-y: auto;\n padding-bottom: 0;\n max-width: 100%;\n"])));
|
|
6374
|
+
var ImageRow = styled__default.default(OverlayImageRow)(templateObject_3$j || (templateObject_3$j = __makeTemplateObject(["\n max-width: 100%;\n flex-direction: column;\n display: grid;\n grid-gap: 12px;\n //grid-template-columns: 1fr 1fr;\n"], ["\n max-width: 100%;\n flex-direction: column;\n display: grid;\n grid-gap: 12px;\n //grid-template-columns: 1fr 1fr;\n"])));
|
|
6375
|
+
var ImageCol$1 = styled__default.default.div(templateObject_4$d || (templateObject_4$d = __makeTemplateObject(["\n width: 100%;\n max-height: none !important;\n"], ["\n width: 100%;\n max-height: none !important;\n"])));
|
|
6376
|
+
var StyledImage = styled__default.default(CapturedDocumentImg)(templateObject_5$8 || (templateObject_5$8 = __makeTemplateObject(["\n width: 100%;\n border-radius: 12px;\n"], ["\n width: 100%;\n border-radius: 12px;\n"])));
|
|
6377
|
+
var DebugPre = styled__default.default.pre(templateObject_6$6 || (templateObject_6$6 = __makeTemplateObject(["\n text-align: left;\n max-width: min(450px, 100dvw - 100px);\n overflow-x: auto;\n"], ["\n text-align: left;\n max-width: min(450px, 100dvw - 100px);\n overflow-x: auto;\n"])));
|
|
6378
|
+
var templateObject_1$u, templateObject_2$p, templateObject_3$j, templateObject_4$d, templateObject_5$8, templateObject_6$6;
|
|
6379
6379
|
|
|
6380
6380
|
function useShowSuccessScreen(skipSuccessScreen, successScreenReady, onDoneCallback) {
|
|
6381
6381
|
var _this = this;
|
|
@@ -6427,10 +6427,10 @@ function resetCanvasDimensions(canvas) {
|
|
|
6427
6427
|
canvas.style.height = '0';
|
|
6428
6428
|
}
|
|
6429
6429
|
|
|
6430
|
-
var IdCardGuideImageContainer = styled__default.default(IdCardBorder)(templateObject_1$
|
|
6430
|
+
var IdCardGuideImageContainer = styled__default.default(IdCardBorder)(templateObject_1$t || (templateObject_1$t = __makeTemplateObject(["\n position: relative;\n ", "\n box-sizing: border-box;\n"], ["\n position: relative;\n ", "\n box-sizing: border-box;\n"])), function (props) {
|
|
6431
6431
|
return props.$isVisible ? '' : 'opacity: 0;';
|
|
6432
6432
|
});
|
|
6433
|
-
var IdCardGuideImage = styled__default.default.img(templateObject_2$
|
|
6433
|
+
var IdCardGuideImage = styled__default.default.img(templateObject_2$o || (templateObject_2$o = __makeTemplateObject(["\n ", "\n ", "\n"], ["\n ", "\n ", "\n"])), function (props) {
|
|
6434
6434
|
return props.$isMirrored ? 'transform: scaleX(-1);' : '';
|
|
6435
6435
|
}, function (props) {
|
|
6436
6436
|
return props.$isInvisible ? 'opacity: 0;' : '';
|
|
@@ -6572,16 +6572,16 @@ function IdCardBorderSvg(_a) {
|
|
|
6572
6572
|
className: isProgressBar ? "idmSdkProgressBorder ".concat(progressPaused ? 'idmSdkProgressPaused' : '') : ''
|
|
6573
6573
|
}));
|
|
6574
6574
|
}
|
|
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$
|
|
6575
|
+
var IdCardBorderContainer = styled__default.default.div(templateObject_3$i || (templateObject_3$i = __makeTemplateObject(["\n & > .idmSdkWaves {\n position: absolute;\n animation: ", " 2s ease-out infinite;\n\n &:nth-child(2) {\n animation-delay: 0.66s;\n }\n\n &:nth-child(3) {\n animation-delay: 1.33s;\n }\n }\n"], ["\n & > .idmSdkWaves {\n position: absolute;\n animation: ", " 2s ease-out infinite;\n\n &:nth-child(2) {\n animation-delay: 0.66s;\n }\n\n &:nth-child(3) {\n animation-delay: 1.33s;\n }\n }\n"])), wavesAnimation);
|
|
6576
|
+
var SvgOverlay = styled__default.default.svg(templateObject_4$c || (templateObject_4$c = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n"])));
|
|
6577
|
+
var IdCardBorderRect = styled__default.default.rect(templateObject_5$7 || (templateObject_5$7 = __makeTemplateObject(["\n &.idmSdkProgressBorder {\n animation: ", " ", "\n ", ";\n }\n\n &.idmSdkProgressPaused {\n animation-play-state: paused;\n }\n"], ["\n &.idmSdkProgressBorder {\n animation: ", " ", "\n ", ";\n }\n\n &.idmSdkProgressPaused {\n animation-play-state: paused;\n }\n"])), progressBorderAnimation, function (props) {
|
|
6578
6578
|
var _a;
|
|
6579
6579
|
return (_a = props.$speed) !== null && _a !== void 0 ? _a : '3s';
|
|
6580
6580
|
}, function (props) {
|
|
6581
6581
|
var _a;
|
|
6582
6582
|
return (_a = props.$fillMode) !== null && _a !== void 0 ? _a : 'forwards';
|
|
6583
6583
|
});
|
|
6584
|
-
var templateObject_1$
|
|
6584
|
+
var templateObject_1$t, templateObject_2$o, templateObject_3$i, templateObject_4$c, templateObject_5$7;
|
|
6585
6585
|
|
|
6586
6586
|
var defaultIdCaptureGuideImages = {
|
|
6587
6587
|
portrait: {
|
|
@@ -6687,81 +6687,12 @@ function getOrientation(allowPortraitOnMobile) {
|
|
|
6687
6687
|
return allowPortraitOnMobile && window.innerWidth < window.innerHeight ? 'portrait' : 'landscape';
|
|
6688
6688
|
}
|
|
6689
6689
|
|
|
6690
|
-
var
|
|
6691
|
-
var _b;
|
|
6692
|
-
var _c = _a.idCaptureGuideImages,
|
|
6693
|
-
idCaptureGuideImages = _c === void 0 ? defaultIdCaptureGuideImages : _c,
|
|
6694
|
-
_d = _a.classNames,
|
|
6695
|
-
classNames = _d === void 0 ? {} : _d,
|
|
6696
|
-
borderWidth = _a.borderWidth,
|
|
6697
|
-
borderColor = _a.borderColor,
|
|
6698
|
-
borderRadius = _a.borderRadius,
|
|
6699
|
-
imageStyle = _a.imageStyle;
|
|
6700
|
-
var cameraRef = React.useContext(CameraStateContext).cameraRef;
|
|
6701
|
-
var isMirrored = !((_b = cameraRef.current) === null || _b === void 0 ? void 0 : _b.isRearFacing);
|
|
6702
|
-
var _e = React.useState(1),
|
|
6703
|
-
transitionTime = _e[0],
|
|
6704
|
-
setTransitionTime = _e[1];
|
|
6705
|
-
var _f = React.useState(0),
|
|
6706
|
-
rotationAngle = _f[0],
|
|
6707
|
-
setRotationAngle = _f[1];
|
|
6708
|
-
var frontTransforms = ["rotateY(".concat(rotationAngle, "deg)")];
|
|
6709
|
-
if (isMirrored) frontTransforms.push('scaleX(-1)');
|
|
6710
|
-
var backTransforms = ["rotateY(".concat(180 - rotationAngle, "deg)")];
|
|
6711
|
-
if (isMirrored) backTransforms.push('scaleX(-1)');
|
|
6712
|
-
React.useEffect(function () {
|
|
6713
|
-
var timeout;
|
|
6714
|
-
function doFlip() {
|
|
6715
|
-
setTransitionTime(1);
|
|
6716
|
-
setRotationAngle(180);
|
|
6717
|
-
timeout = setTimeout(function () {
|
|
6718
|
-
setTransitionTime(0);
|
|
6719
|
-
setRotationAngle(0);
|
|
6720
|
-
}, 1500);
|
|
6721
|
-
}
|
|
6722
|
-
var interval = setInterval(doFlip, 2500);
|
|
6723
|
-
timeout = setTimeout(doFlip, 250);
|
|
6724
|
-
return function () {
|
|
6725
|
-
clearInterval(interval);
|
|
6726
|
-
clearTimeout(timeout);
|
|
6727
|
-
};
|
|
6728
|
-
}, []);
|
|
6729
|
-
return /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(FlipImageContainer, {
|
|
6730
|
-
className: classNames.frontImageContainer,
|
|
6731
|
-
status: "disabled",
|
|
6732
|
-
borderWidth: borderWidth,
|
|
6733
|
-
borderColor: borderColor,
|
|
6734
|
-
borderRadius: borderRadius,
|
|
6735
|
-
"$transforms": frontTransforms.join(' '),
|
|
6736
|
-
"$transitionTime": transitionTime,
|
|
6737
|
-
"$isVisible": true
|
|
6738
|
-
}, /*#__PURE__*/React__namespace.default.createElement(IdCardGuideImage, {
|
|
6739
|
-
src: idCaptureGuideImages.landscape.SHOW_ID_FRONT.url,
|
|
6740
|
-
className: classNames.frontImage,
|
|
6741
|
-
alt: "",
|
|
6742
|
-
style: imageStyle
|
|
6743
|
-
})), /*#__PURE__*/React__namespace.default.createElement(FlipImageContainer, {
|
|
6744
|
-
className: classNames.backImageContainer,
|
|
6745
|
-
status: "disabled",
|
|
6746
|
-
borderWidth: borderWidth,
|
|
6747
|
-
borderColor: borderColor,
|
|
6748
|
-
borderRadius: borderRadius,
|
|
6749
|
-
"$transforms": backTransforms.join(' '),
|
|
6750
|
-
"$transitionTime": transitionTime,
|
|
6751
|
-
"$isVisible": true
|
|
6752
|
-
}, /*#__PURE__*/React__namespace.default.createElement(IdCardGuideImage, {
|
|
6753
|
-
src: idCaptureGuideImages.landscape.SHOW_ID_BACK.url,
|
|
6754
|
-
className: classNames.backImage,
|
|
6755
|
-
alt: "",
|
|
6756
|
-
style: imageStyle
|
|
6757
|
-
})));
|
|
6758
|
-
};
|
|
6759
|
-
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) {
|
|
6690
|
+
var FlipImageContainer = styled__default.default(IdCardGuideImageContainer)(templateObject_1$s || (templateObject_1$s = __makeTemplateObject(["\n backface-visibility: hidden;\n transition: transform ", "s;\n transform: ", ";\n transform-style: preserve-3d;\n position: absolute;\n display: block;\n top: 0;\n width: 100%;\n max-height: 100%;\n"], ["\n backface-visibility: hidden;\n transition: transform ", "s;\n transform: ", ";\n transform-style: preserve-3d;\n position: absolute;\n display: block;\n top: 0;\n width: 100%;\n max-height: 100%;\n"])), function (props) {
|
|
6760
6691
|
return props.$transitionTime;
|
|
6761
6692
|
}, function (props) {
|
|
6762
6693
|
return props.$transforms;
|
|
6763
6694
|
});
|
|
6764
|
-
var templateObject_1$
|
|
6695
|
+
var templateObject_1$s;
|
|
6765
6696
|
|
|
6766
6697
|
var GuideOrientationContext = /*#__PURE__*/React.createContext({
|
|
6767
6698
|
orientation: 'landscape',
|
|
@@ -7050,10 +6981,10 @@ var regionClsx = function regionClsx(classNames, which) {
|
|
|
7050
6981
|
return v;
|
|
7051
6982
|
}).join(' ');
|
|
7052
6983
|
};
|
|
7053
|
-
var StyledPageContainer = styled__default.default(PageContainerDiv)(templateObject_1$
|
|
7054
|
-
var GuidesContainer = styled__default.default.div(templateObject_2$
|
|
7055
|
-
var GuideCenterRow = styled__default.default.div(templateObject_3$
|
|
7056
|
-
var GuideRegion = styled__default.default.div(templateObject_4$
|
|
6984
|
+
var StyledPageContainer = styled__default.default(PageContainerDiv)(templateObject_1$r || (templateObject_1$r = __makeTemplateObject(["\n z-index: 1000;\n overflow-y: hidden;\n"], ["\n z-index: 1000;\n overflow-y: hidden;\n"])));
|
|
6985
|
+
var GuidesContainer = styled__default.default.div(templateObject_2$n || (templateObject_2$n = __makeTemplateObject(["\n display: flex;\n flex-flow: column nowrap;\n width: 100dvw;\n height: 100dvh;\n"], ["\n display: flex;\n flex-flow: column nowrap;\n width: 100dvw;\n height: 100dvh;\n"])));
|
|
6986
|
+
var GuideCenterRow = styled__default.default.div(templateObject_3$h || (templateObject_3$h = __makeTemplateObject(["\n position: relative;\n display: flex;\n flex-flow: row nowrap;\n align-items: center;\n justify-items: center;\n box-sizing: border-box;\n max-width: 100%;\n max-height: 100%;\n min-height: 0;\n flex: 1;\n"], ["\n position: relative;\n display: flex;\n flex-flow: row nowrap;\n align-items: center;\n justify-items: center;\n box-sizing: border-box;\n max-width: 100%;\n max-height: 100%;\n min-height: 0;\n flex: 1;\n"])));
|
|
6987
|
+
var GuideRegion = styled__default.default.div(templateObject_4$b || (templateObject_4$b = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n justify-content: end;\n width: 100%;\n position: relative;\n z-index: 1000;\n background: ", ";\n color: ", ";\n text-align: center;\n ", "\n ", "\n"], ["\n display: flex;\n flex-direction: column;\n justify-content: end;\n width: 100%;\n position: relative;\n z-index: 1000;\n background: ", ";\n color: ", ";\n text-align: center;\n ", "\n ", "\n"])), function (props) {
|
|
7057
6988
|
var _a, _b, _c, _d, _e;
|
|
7058
6989
|
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)';
|
|
7059
6990
|
}, function (props) {
|
|
@@ -7064,13 +6995,13 @@ var GuideRegion = styled__default.default.div(templateObject_4$c || (templateObj
|
|
|
7064
6995
|
}, function (props) {
|
|
7065
6996
|
return props.$minHeight ? "min-height: ".concat(props.$minHeight, "px;") : "";
|
|
7066
6997
|
});
|
|
7067
|
-
var Spacer = styled__default.default(GuideRegion)(templateObject_5$
|
|
7068
|
-
var GuideCenterRegion = styled__default.default.div(templateObject_6$
|
|
6998
|
+
var Spacer = styled__default.default(GuideRegion)(templateObject_5$6 || (templateObject_5$6 = __makeTemplateObject(["\n display: block;\n width: auto;\n"], ["\n display: block;\n width: auto;\n"])));
|
|
6999
|
+
var GuideCenterRegion = styled__default.default.div(templateObject_6$5 || (templateObject_6$5 = __makeTemplateObject(["\n ", "\n ", "\n box-sizing: border-box;\n display: flex;\n flex: 1;\n max-height: 100%;\n height: 100%;\n"], ["\n ", "\n ", "\n box-sizing: border-box;\n display: flex;\n flex: 1;\n max-height: 100%;\n height: 100%;\n"])), function (props) {
|
|
7069
7000
|
return props.$minWidth ? "min-width: ".concat(props.$minWidth, "px;") : "";
|
|
7070
7001
|
}, function (props) {
|
|
7071
7002
|
return props.$isMirrored ? 'transform: scaleX(-1);' : '';
|
|
7072
7003
|
});
|
|
7073
|
-
var GuideCenterBorder = styled__default.default.div(templateObject_7$
|
|
7004
|
+
var GuideCenterBorder = styled__default.default.div(templateObject_7$3 || (templateObject_7$3 = __makeTemplateObject(["\n box-sizing: border-box;\n border: ", ";\n display: flex;\n flex: 1;\n justify-content: center;\n max-height: 100%;\n min-height: 0;\n position: relative;\n ", "\n"], ["\n box-sizing: border-box;\n border: ", ";\n display: flex;\n flex: 1;\n justify-content: center;\n max-height: 100%;\n min-height: 0;\n position: relative;\n ", "\n"])), function (props) {
|
|
7074
7005
|
var _a, _b;
|
|
7075
7006
|
return "".concat((_a = props.$borderWidth) !== null && _a !== void 0 ? _a : 4, "px solid ").concat((_b = props.$borderColor) !== null && _b !== void 0 ? _b : 'white');
|
|
7076
7007
|
}, function (props) {
|
|
@@ -7078,7 +7009,7 @@ var GuideCenterBorder = styled__default.default.div(templateObject_7$4 || (templ
|
|
|
7078
7009
|
});
|
|
7079
7010
|
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"])));
|
|
7080
7011
|
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"])));
|
|
7081
|
-
var templateObject_1$
|
|
7012
|
+
var templateObject_1$r, templateObject_2$n, templateObject_3$h, templateObject_4$b, templateObject_5$6, templateObject_6$5, templateObject_7$3, templateObject_8$1, templateObject_9$1;
|
|
7082
7013
|
|
|
7083
7014
|
var IdCaptureFitGuide = function IdCaptureFitGuide(_a) {
|
|
7084
7015
|
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
|
|
@@ -7221,11 +7152,11 @@ var IdCaptureFitGuide = function IdCaptureFitGuide(_a) {
|
|
|
7221
7152
|
progress: progress
|
|
7222
7153
|
}));
|
|
7223
7154
|
};
|
|
7224
|
-
var CanvasWrapper$1 = styled__default.default.div(templateObject_1$
|
|
7155
|
+
var CanvasWrapper$1 = styled__default.default.div(templateObject_1$q || (templateObject_1$q = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n flex-grow: 1;\n background-clip: padding-box;\n box-shadow: inset 0 0 0 2px ", ";\n z-index: -1;\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n flex-grow: 1;\n background-clip: padding-box;\n box-shadow: inset 0 0 0 2px ", ";\n z-index: -1;\n"])), function (props) {
|
|
7225
7156
|
return props.$maskColor;
|
|
7226
7157
|
});
|
|
7227
|
-
var Canvas$1 = styled__default.default.canvas(templateObject_2$
|
|
7228
|
-
var templateObject_1$
|
|
7158
|
+
var Canvas$1 = styled__default.default.canvas(templateObject_2$m || (templateObject_2$m = __makeTemplateObject(["\n display: block;\n"], ["\n display: block;\n"])));
|
|
7159
|
+
var templateObject_1$q, templateObject_2$m;
|
|
7229
7160
|
|
|
7230
7161
|
function IdCaptureGuides(_a) {
|
|
7231
7162
|
var _b, _c;
|
|
@@ -7365,11 +7296,11 @@ var SelfieProgressPreview = function SelfieProgressPreview(_a) {
|
|
|
7365
7296
|
onError: onError
|
|
7366
7297
|
})));
|
|
7367
7298
|
};
|
|
7368
|
-
var StyledSpinner = styled__default.default(Spinner)(templateObject_1$
|
|
7369
|
-
var ImagePreviewWrapper = styled__default.default.div(templateObject_2$
|
|
7370
|
-
var ImagePreviewText = styled__default.default.div(templateObject_3$
|
|
7371
|
-
var ImagePreviewImageWrapper = styled__default.default.div(templateObject_4$
|
|
7372
|
-
var templateObject_1$
|
|
7299
|
+
var StyledSpinner = styled__default.default(Spinner)(templateObject_1$p || (templateObject_1$p = __makeTemplateObject(["\n position: relative;\n top: 4px;\n left: -3px;\n margin: 0 3px 0 -12px;\n"], ["\n position: relative;\n top: 4px;\n left: -3px;\n margin: 0 3px 0 -12px;\n"])));
|
|
7300
|
+
var ImagePreviewWrapper = styled__default.default.div(templateObject_2$l || (templateObject_2$l = __makeTemplateObject(["\n position: absolute;\n display: flex;\n flex-direction: column;\n height: 33%;\n bottom: 12px;\n right: 12px;\n"], ["\n position: absolute;\n display: flex;\n flex-direction: column;\n height: 33%;\n bottom: 12px;\n right: 12px;\n"])));
|
|
7301
|
+
var ImagePreviewText = styled__default.default.div(templateObject_3$g || (templateObject_3$g = __makeTemplateObject(["\n display: block;\n position: absolute;\n top: -32px;\n font:\n 14px -apple-system,\n BlinkMacSystemFont,\n 'Segoe UI',\n Roboto,\n Helvetica,\n Arial,\n sans-serif,\n 'Apple Color Emoji',\n 'Segoe UI Emoji',\n 'Segoe UI Symbol';\n color: white;\n text-align: center;\n margin: 0 auto;\n width: 100%;\n"], ["\n display: block;\n position: absolute;\n top: -32px;\n font:\n 14px -apple-system,\n BlinkMacSystemFont,\n 'Segoe UI',\n Roboto,\n Helvetica,\n Arial,\n sans-serif,\n 'Apple Color Emoji',\n 'Segoe UI Emoji',\n 'Segoe UI Symbol';\n color: white;\n text-align: center;\n margin: 0 auto;\n width: 100%;\n"])));
|
|
7302
|
+
var ImagePreviewImageWrapper = styled__default.default.div(templateObject_4$a || (templateObject_4$a = __makeTemplateObject(["\n position: relative;\n height: calc(100% - 8px);\n padding: 4px;\n border-radius: 4px;\n background: white;\n\n & > img {\n border-radius: 4px;\n width: auto;\n max-height: 100%;\n }\n"], ["\n position: relative;\n height: calc(100% - 8px);\n padding: 4px;\n border-radius: 4px;\n background: white;\n\n & > img {\n border-radius: 4px;\n width: auto;\n max-height: 100%;\n }\n"])));
|
|
7303
|
+
var templateObject_1$p, templateObject_2$l, templateObject_3$g, templateObject_4$a;
|
|
7373
7304
|
|
|
7374
7305
|
var CameraVideoTag = function CameraVideoTag(_a) {
|
|
7375
7306
|
var _b;
|
|
@@ -7408,10 +7339,10 @@ var CameraVideoTag = function CameraVideoTag(_a) {
|
|
|
7408
7339
|
"$isRearFacing": (_b = cameraRef.current) === null || _b === void 0 ? void 0 : _b.isRearFacing
|
|
7409
7340
|
});
|
|
7410
7341
|
};
|
|
7411
|
-
var FullscreenVideoTag = styled__default.default.video(templateObject_1$
|
|
7342
|
+
var FullscreenVideoTag = styled__default.default.video(templateObject_1$o || (templateObject_1$o = __makeTemplateObject(["\n transform: ", ";\n min-width: 100%;\n min-height: 100%;\n width: auto;\n height: auto;\n max-width: 100%;\n max-height: 100%;\n object-fit: cover;\n background: black;\n z-index: -2;\n"], ["\n transform: ", ";\n min-width: 100%;\n min-height: 100%;\n width: auto;\n height: auto;\n max-width: 100%;\n max-height: 100%;\n object-fit: cover;\n background: black;\n z-index: -2;\n"])), function (props) {
|
|
7412
7343
|
return props.$isRearFacing ? '' : 'scaleX(-1)';
|
|
7413
7344
|
});
|
|
7414
|
-
var templateObject_1$
|
|
7345
|
+
var templateObject_1$o;
|
|
7415
7346
|
|
|
7416
7347
|
var documentCaptureInitialState = {
|
|
7417
7348
|
documents: [],
|
|
@@ -7767,16 +7698,16 @@ var DocumentCaptureGuideOverlay = function DocumentCaptureGuideOverlay(_a) {
|
|
|
7767
7698
|
ref: canvasRef
|
|
7768
7699
|
}));
|
|
7769
7700
|
};
|
|
7770
|
-
var CanvasWrapper = styled__default.default.div(templateObject_1$
|
|
7701
|
+
var CanvasWrapper = styled__default.default.div(templateObject_1$n || (templateObject_1$n = __makeTemplateObject(["\n flex-grow: 1;\n background-clip: padding-box;\n box-shadow: inset 0 0 0 2px ", ";\n"], ["\n flex-grow: 1;\n background-clip: padding-box;\n box-shadow: inset 0 0 0 2px ", ";\n"])), function (props) {
|
|
7771
7702
|
return props.$maskColor;
|
|
7772
7703
|
});
|
|
7773
|
-
var Canvas = styled__default.default.canvas(templateObject_2$
|
|
7774
|
-
var templateObject_1$
|
|
7704
|
+
var Canvas = styled__default.default.canvas(templateObject_2$k || (templateObject_2$k = __makeTemplateObject(["\n display: block;\n"], ["\n display: block;\n"])));
|
|
7705
|
+
var templateObject_1$n, templateObject_2$k;
|
|
7775
7706
|
|
|
7776
|
-
var CameraFeedWrapper = styled__default.default.div(templateObject_1$
|
|
7707
|
+
var CameraFeedWrapper = styled__default.default.div(templateObject_1$m || (templateObject_1$m = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
7777
7708
|
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;") : "";
|
|
7778
7709
|
});
|
|
7779
|
-
var templateObject_1$
|
|
7710
|
+
var templateObject_1$m;
|
|
7780
7711
|
|
|
7781
7712
|
var DocumentCaptureScreen = function DocumentCaptureScreen(_a) {
|
|
7782
7713
|
var _b, _c, _d, _e, _f, _g, _h;
|
|
@@ -7926,21 +7857,21 @@ var DocumentCaptureScreen = function DocumentCaptureScreen(_a) {
|
|
|
7926
7857
|
disabled: !cameraReady || capturing
|
|
7927
7858
|
}, !cameraReady ? verbiage.loadingBtnText : capturing ? verbiage.capturingBtnText : verbiage.captureBtnText))))));
|
|
7928
7859
|
};
|
|
7929
|
-
var CaptureContainer = styled__default.default.div(templateObject_1$
|
|
7930
|
-
var HeadingRow = styled__default.default.div(templateObject_2$
|
|
7860
|
+
var CaptureContainer = styled__default.default.div(templateObject_1$l || (templateObject_1$l = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: var(--app-height);\n"], ["\n display: flex;\n flex-direction: column;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: var(--app-height);\n"])));
|
|
7861
|
+
var HeadingRow = styled__default.default.div(templateObject_2$j || (templateObject_2$j = __makeTemplateObject(["\n background: ", ";\n text-align: center;\n color: white;\n"], ["\n background: ", ";\n text-align: center;\n color: white;\n"])), function (props) {
|
|
7931
7862
|
return props.$maskColor;
|
|
7932
7863
|
});
|
|
7933
|
-
var Heading$9 = styled__default.default.h1(templateObject_3$
|
|
7934
|
-
var FooterRow = styled__default.default.div(templateObject_4$
|
|
7864
|
+
var Heading$9 = styled__default.default.h1(templateObject_3$f || (templateObject_3$f = __makeTemplateObject(["\n font-size: 22px;\n"], ["\n font-size: 22px;\n"])));
|
|
7865
|
+
var FooterRow = styled__default.default.div(templateObject_4$9 || (templateObject_4$9 = __makeTemplateObject(["\n background: ", ";\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: 0 20px 20px;\n height: auto;\n color: white;\n"], ["\n background: ", ";\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: 0 20px 20px;\n height: auto;\n color: white;\n"])), function (props) {
|
|
7935
7866
|
return props.$maskColor;
|
|
7936
7867
|
});
|
|
7937
|
-
var Instructions = styled__default.default.div(templateObject_5$
|
|
7868
|
+
var Instructions = styled__default.default.div(templateObject_5$5 || (templateObject_5$5 = __makeTemplateObject(["\n max-height: ", ";\n overflow-y: auto;\n"], ["\n max-height: ", ";\n overflow-y: auto;\n"])), function (props) {
|
|
7938
7869
|
var _a, _b, _c;
|
|
7939
7870
|
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';
|
|
7940
7871
|
});
|
|
7941
|
-
var StyledButtonsRow$9 = styled__default.default(ButtonsRow)(templateObject_6$
|
|
7942
|
-
var PreviewImage = styled__default.default.img(templateObject_7$
|
|
7943
|
-
var templateObject_1$
|
|
7872
|
+
var StyledButtonsRow$9 = styled__default.default(ButtonsRow)(templateObject_6$4 || (templateObject_6$4 = __makeTemplateObject(["\n padding-top: 20px;\n"], ["\n padding-top: 20px;\n"])));
|
|
7873
|
+
var PreviewImage = styled__default.default.img(templateObject_7$2 || (templateObject_7$2 = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n object-fit: cover;\n"], ["\n width: 100%;\n height: 100%;\n object-fit: cover;\n"])));
|
|
7874
|
+
var templateObject_1$l, templateObject_2$j, templateObject_3$f, templateObject_4$9, templateObject_5$5, templateObject_6$4, templateObject_7$2;
|
|
7944
7875
|
|
|
7945
7876
|
var DocumentCaptureWizard = function DocumentCaptureWizard(_a) {
|
|
7946
7877
|
var onSuccess = _a.onSuccess,
|
|
@@ -8209,13 +8140,13 @@ var IdCaptureFallback = function IdCaptureFallback(_a) {
|
|
|
8209
8140
|
}
|
|
8210
8141
|
}, verbiage.doneBtnText))))));
|
|
8211
8142
|
};
|
|
8212
|
-
var StyledOverlayInner$2 = styled__default.default(OverlayInner$2)(templateObject_1$
|
|
8213
|
-
var Heading$8 = styled__default.default.h3(templateObject_2$
|
|
8214
|
-
var Description$3 = styled__default.default.p(templateObject_3$
|
|
8215
|
-
var Instruction = styled__default.default.p(templateObject_4$
|
|
8216
|
-
var ImageCol = styled__default.default.div(templateObject_5$
|
|
8217
|
-
var StyledButtonsRow$8 = styled__default.default(ButtonsRow)(templateObject_6$
|
|
8218
|
-
var templateObject_1$
|
|
8143
|
+
var StyledOverlayInner$2 = styled__default.default(OverlayInner$2)(templateObject_1$k || (templateObject_1$k = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
8144
|
+
var Heading$8 = styled__default.default.h3(templateObject_2$i || (templateObject_2$i = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
8145
|
+
var Description$3 = styled__default.default.p(templateObject_3$e || (templateObject_3$e = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
8146
|
+
var Instruction = styled__default.default.p(templateObject_4$8 || (templateObject_4$8 = __makeTemplateObject(["\n font-weight: bold;\n"], ["\n font-weight: bold;\n"])));
|
|
8147
|
+
var ImageCol = styled__default.default.div(templateObject_5$4 || (templateObject_5$4 = __makeTemplateObject(["\n display: flex;\n justify-content: center;\n flex-grow: 1;\n flex-basis: 0;\n"], ["\n display: flex;\n justify-content: center;\n flex-grow: 1;\n flex-basis: 0;\n"])));
|
|
8148
|
+
var StyledButtonsRow$8 = styled__default.default(ButtonsRow)(templateObject_6$3 || (templateObject_6$3 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
8149
|
+
var templateObject_1$k, templateObject_2$i, templateObject_3$e, templateObject_4$8, templateObject_5$4, templateObject_6$3;
|
|
8219
8150
|
|
|
8220
8151
|
function ScalingCameraFeed() {
|
|
8221
8152
|
var _a = React.useContext(IdCaptureStateContext),
|
|
@@ -8901,7 +8832,7 @@ var HeadGuideSvg = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
8901
8832
|
}))));
|
|
8902
8833
|
});
|
|
8903
8834
|
HeadGuideSvg.displayName = 'HeadGuideSvg';
|
|
8904
|
-
var PulsingHeadGuideContainer = styled__default.default.div(templateObject_1$
|
|
8835
|
+
var PulsingHeadGuideContainer = styled__default.default.div(templateObject_1$j || (templateObject_1$j = __makeTemplateObject(["\n display: flex;\n position: relative;\n height: 100%;\n max-height: 100%;\n\n & > .idmSdkWaves {\n position: absolute;\n animation: ", " 2s ease-out infinite;\n\n &:nth-child(2) {\n animation-delay: 0.66s;\n }\n\n &:nth-child(3) {\n animation-delay: 1.33s;\n }\n }\n\n & > .idmSdkWavesOrigin {\n position: relative;\n }\n"], ["\n display: flex;\n position: relative;\n height: 100%;\n max-height: 100%;\n\n & > .idmSdkWaves {\n position: absolute;\n animation: ", " 2s ease-out infinite;\n\n &:nth-child(2) {\n animation-delay: 0.66s;\n }\n\n &:nth-child(3) {\n animation-delay: 1.33s;\n }\n }\n\n & > .idmSdkWavesOrigin {\n position: relative;\n }\n"])), wavesAnimation);
|
|
8905
8836
|
function HeadGuide(_a) {
|
|
8906
8837
|
var _b;
|
|
8907
8838
|
var _c = _a.status,
|
|
@@ -8951,8 +8882,8 @@ function HeadGuide(_a) {
|
|
|
8951
8882
|
height: parentHeight
|
|
8952
8883
|
})));
|
|
8953
8884
|
}
|
|
8954
|
-
var AbsoluteSvg = styled__default.default.svg(templateObject_2$
|
|
8955
|
-
var RelativeSvgContainer = styled__default.default.div(templateObject_3$
|
|
8885
|
+
var AbsoluteSvg = styled__default.default.svg(templateObject_2$h || (templateObject_2$h = __makeTemplateObject(["\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n"], ["\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n"])));
|
|
8886
|
+
var RelativeSvgContainer = styled__default.default.div(templateObject_3$d || (templateObject_3$d = __makeTemplateObject(["\n position: relative;\n height: 100%;\n display: flex;\n align-items: ", ";\n"], ["\n position: relative;\n height: 100%;\n display: flex;\n align-items: ", ";\n"])), function (props) {
|
|
8956
8887
|
return props.$verticalAlign === 'bottom' ? 'flex-end' : 'center';
|
|
8957
8888
|
});
|
|
8958
8889
|
function SelfieCaptureAnimatedMask(_a) {
|
|
@@ -9179,10 +9110,10 @@ function SelfieCaptureAnimatedMaskWithStatus(_a) {
|
|
|
9179
9110
|
status: status
|
|
9180
9111
|
}));
|
|
9181
9112
|
}
|
|
9182
|
-
var templateObject_1$
|
|
9113
|
+
var templateObject_1$j, templateObject_2$h, templateObject_3$d;
|
|
9183
9114
|
|
|
9184
|
-
var FaceCaptureGuideContainer = styled__default.default.div(templateObject_1$
|
|
9185
|
-
var FaceCaptureGuideInner = styled__default.default.div(templateObject_2$
|
|
9115
|
+
var FaceCaptureGuideContainer = styled__default.default.div(templateObject_1$i || (templateObject_1$i = __makeTemplateObject(["\n position: fixed;\n z-index: 1000;\n width: 100dvw;\n height: 100dvh;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 40px;\n box-sizing: border-box;\n"], ["\n position: fixed;\n z-index: 1000;\n width: 100dvw;\n height: 100dvh;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 40px;\n box-sizing: border-box;\n"])));
|
|
9116
|
+
var FaceCaptureGuideInner = styled__default.default.div(templateObject_2$g || (templateObject_2$g = __makeTemplateObject(["\n position: relative;\n height: 60%;\n"], ["\n position: relative;\n height: 60%;\n"])));
|
|
9186
9117
|
var FaceCaptureGuideOverlay = function FaceCaptureGuideOverlay(_a) {
|
|
9187
9118
|
var _b = _a.classNames,
|
|
9188
9119
|
classNames = _b === void 0 ? {} : _b,
|
|
@@ -9204,7 +9135,7 @@ var FaceCaptureGuideOverlay = function FaceCaptureGuideOverlay(_a) {
|
|
|
9204
9135
|
verticalAlign: "center"
|
|
9205
9136
|
})));
|
|
9206
9137
|
};
|
|
9207
|
-
var templateObject_1$
|
|
9138
|
+
var templateObject_1$i, templateObject_2$g;
|
|
9208
9139
|
|
|
9209
9140
|
var SelfieGuidanceModelsContext = /*#__PURE__*/React.createContext({
|
|
9210
9141
|
start: function start() {
|
|
@@ -9508,12 +9439,12 @@ var SelfieCaptureFallback = function SelfieCaptureFallback(_a) {
|
|
|
9508
9439
|
}
|
|
9509
9440
|
}, !image ? invalidSelfie ? verbiage.retryButtonText : verbiage.captureBtnText : loading ? verbiage.doneBtnLoadingText : verbiage.doneBtnText)))));
|
|
9510
9441
|
};
|
|
9511
|
-
var StyledOverlayInner$1 = styled__default.default(OverlayInner$2)(templateObject_1$
|
|
9512
|
-
var Heading$7 = styled__default.default.h3(templateObject_2$
|
|
9513
|
-
var Description$2 = styled__default.default.p(templateObject_3$
|
|
9514
|
-
var ImageContainer$6 = styled__default.default(OverlayImageContainer)(templateObject_4$
|
|
9515
|
-
var StyledButtonsRow$7 = styled__default.default(ButtonsRow)(templateObject_5$
|
|
9516
|
-
var templateObject_1$
|
|
9442
|
+
var StyledOverlayInner$1 = styled__default.default(OverlayInner$2)(templateObject_1$h || (templateObject_1$h = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
9443
|
+
var Heading$7 = styled__default.default.h3(templateObject_2$f || (templateObject_2$f = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
9444
|
+
var Description$2 = styled__default.default.p(templateObject_3$c || (templateObject_3$c = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
9445
|
+
var ImageContainer$6 = styled__default.default(OverlayImageContainer)(templateObject_4$7 || (templateObject_4$7 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
9446
|
+
var StyledButtonsRow$7 = styled__default.default(ButtonsRow)(templateObject_5$3 || (templateObject_5$3 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
9447
|
+
var templateObject_1$h, templateObject_2$f, templateObject_3$c, templateObject_4$7, templateObject_5$3;
|
|
9517
9448
|
|
|
9518
9449
|
var initialState$3 = {
|
|
9519
9450
|
busy: false,
|
|
@@ -10057,9 +9988,9 @@ var FaceLivenessSuccess = function FaceLivenessSuccess(_a) {
|
|
|
10057
9988
|
finished: true
|
|
10058
9989
|
}, verbiage.retryBtnText)))));
|
|
10059
9990
|
};
|
|
10060
|
-
var ImageContainer$5 = styled__default.default.div(templateObject_1$
|
|
10061
|
-
var Heading$6 = styled__default.default.h3(templateObject_2$
|
|
10062
|
-
var templateObject_1$
|
|
9991
|
+
var ImageContainer$5 = styled__default.default.div(templateObject_1$g || (templateObject_1$g = __makeTemplateObject(["\n position: relative;\n flex-grow: 1;\n margin-bottom: 25px;\n max-width: 100dvw;\n max-height: 100dvh;\n overflow-y: auto;\n border-radius: 12px;\n\n & > img,\n & > svg {\n width: 100%;\n max-width: 100%;\n margin: 0 auto;\n display: block;\n border-radius: 12px;\n }\n"], ["\n position: relative;\n flex-grow: 1;\n margin-bottom: 25px;\n max-width: 100dvw;\n max-height: 100dvh;\n overflow-y: auto;\n border-radius: 12px;\n\n & > img,\n & > svg {\n width: 100%;\n max-width: 100%;\n margin: 0 auto;\n display: block;\n border-radius: 12px;\n }\n"])));
|
|
9992
|
+
var Heading$6 = styled__default.default.h3(templateObject_2$e || (templateObject_2$e = __makeTemplateObject(["\n font-size: 1.2rem;\n margin: 0;\n"], ["\n font-size: 1.2rem;\n margin: 0;\n"])));
|
|
9993
|
+
var templateObject_1$g, templateObject_2$e;
|
|
10063
9994
|
|
|
10064
9995
|
var FaceLivenessFailure = function FaceLivenessFailure(_a) {
|
|
10065
9996
|
var _b = _a.canRetry,
|
|
@@ -10108,9 +10039,9 @@ var FaceLivenessFailure = function FaceLivenessFailure(_a) {
|
|
|
10108
10039
|
finished: true
|
|
10109
10040
|
}, verbiage.exitBtnText)))));
|
|
10110
10041
|
};
|
|
10111
|
-
var ImageContainer$4 = styled__default.default(OverlayImageContainer)(templateObject_1$
|
|
10112
|
-
var Heading$5 = styled__default.default.h3(templateObject_2$
|
|
10113
|
-
var templateObject_1$
|
|
10042
|
+
var ImageContainer$4 = styled__default.default(OverlayImageContainer)(templateObject_1$f || (templateObject_1$f = __makeTemplateObject(["\n max-height: calc(100vh - 185px);\n"], ["\n max-height: calc(100vh - 185px);\n"])));
|
|
10043
|
+
var Heading$5 = styled__default.default.h3(templateObject_2$d || (templateObject_2$d = __makeTemplateObject(["\n margin-bottom: 36px;\n"], ["\n margin-bottom: 36px;\n"])));
|
|
10044
|
+
var templateObject_1$f, templateObject_2$d;
|
|
10114
10045
|
|
|
10115
10046
|
var MicrophoneAccessDeniedOverlay = function MicrophoneAccessDeniedOverlay(_a) {
|
|
10116
10047
|
var _b;
|
|
@@ -10151,11 +10082,11 @@ var MicrophoneAccessDeniedOverlay = function MicrophoneAccessDeniedOverlay(_a) {
|
|
|
10151
10082
|
finished: true
|
|
10152
10083
|
}, verbiage.retryBtnText)));
|
|
10153
10084
|
};
|
|
10154
|
-
var StyledOverlayInner = styled__default.default(OverlayInner$2)(templateObject_1$
|
|
10155
|
-
var StyledOverlayImageContainer$1 = styled__default.default(OverlayImageContainer)(templateObject_2$
|
|
10156
|
-
var Description$1 = styled__default.default.p(templateObject_3$
|
|
10157
|
-
var RetryButton = styled__default.default(LoaderButton)(templateObject_4$
|
|
10158
|
-
var templateObject_1$
|
|
10085
|
+
var StyledOverlayInner = styled__default.default(OverlayInner$2)(templateObject_1$e || (templateObject_1$e = __makeTemplateObject(["\n max-width: 500px;\n height: auto;\n margin: auto;\n"], ["\n max-width: 500px;\n height: auto;\n margin: auto;\n"])));
|
|
10086
|
+
var StyledOverlayImageContainer$1 = styled__default.default(OverlayImageContainer)(templateObject_2$c || (templateObject_2$c = __makeTemplateObject(["\n flex-grow: 0;\n"], ["\n flex-grow: 0;\n"])));
|
|
10087
|
+
var Description$1 = styled__default.default.p(templateObject_3$b || (templateObject_3$b = __makeTemplateObject(["\n line-height: 1.5;\n margin-bottom: 50px;\n"], ["\n line-height: 1.5;\n margin-bottom: 50px;\n"])));
|
|
10088
|
+
var RetryButton = styled__default.default(LoaderButton)(templateObject_4$6 || (templateObject_4$6 = __makeTemplateObject(["\n width: 200px;\n margin: 0 auto;\n"], ["\n width: 200px;\n margin: 0 auto;\n"])));
|
|
10089
|
+
var templateObject_1$e, templateObject_2$c, templateObject_3$b, templateObject_4$6;
|
|
10159
10090
|
|
|
10160
10091
|
var SelfieCaptureLoadingOverlayLegacy = function SelfieCaptureLoadingOverlayLegacy(_a) {
|
|
10161
10092
|
var onDismissed = _a.onDismissed,
|
|
@@ -10238,9 +10169,9 @@ var SelfieCaptureLoadingOverlayLegacy = function SelfieCaptureLoadingOverlayLega
|
|
|
10238
10169
|
}
|
|
10239
10170
|
}, cameraReady && allModelsReady ? verbiage.continueText : allModelsReady ? verbiage.cameraInitializingText : modelDownloadProgress >= 100 ? "".concat(verbiage.modelsWarmingUpText) : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)")))));
|
|
10240
10171
|
};
|
|
10241
|
-
var StyledGuidanceMessage$1 = styled__default.default(GuidanceMessage)(templateObject_1$
|
|
10242
|
-
var StyledButtonsRow$6 = styled__default.default(ButtonsRow)(templateObject_2$
|
|
10243
|
-
var templateObject_1$
|
|
10172
|
+
var StyledGuidanceMessage$1 = styled__default.default(GuidanceMessage)(templateObject_1$d || (templateObject_1$d = __makeTemplateObject(["\n padding: 12px 24px;\n font-weight: normal;\n line-height: 1.5;\n margin-bottom: -30px;\n"], ["\n padding: 12px 24px;\n font-weight: normal;\n line-height: 1.5;\n margin-bottom: -30px;\n"])));
|
|
10173
|
+
var StyledButtonsRow$6 = styled__default.default(ButtonsRow)(templateObject_2$b || (templateObject_2$b = __makeTemplateObject(["\n flex-direction: column;\n padding-top: 25px;\n"], ["\n flex-direction: column;\n padding-top: 25px;\n"])));
|
|
10174
|
+
var templateObject_1$d, templateObject_2$b;
|
|
10244
10175
|
|
|
10245
10176
|
var legacyInstructionImageUrl = "".concat(DEFAULT_CDN_URL, "/Selfie-Image-1.png");
|
|
10246
10177
|
var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDefault(_a) {
|
|
@@ -10365,30 +10296,30 @@ var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDef
|
|
|
10365
10296
|
}
|
|
10366
10297
|
}, verbiage.continueText))))));
|
|
10367
10298
|
};
|
|
10368
|
-
var OverlayInner = styled__default.default.div(templateObject_1$
|
|
10299
|
+
var OverlayInner = styled__default.default.div(templateObject_1$c || (templateObject_1$c = __makeTemplateObject(["\n height: 100dvh;\n display: flex;\n flex-direction: column;\n background: ", ";\n color: ", ";\n"], ["\n height: 100dvh;\n display: flex;\n flex-direction: column;\n background: ", ";\n color: ", ";\n"])), function (props) {
|
|
10369
10300
|
var _a, _b, _c, _d;
|
|
10370
10301
|
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';
|
|
10371
10302
|
}, function (props) {
|
|
10372
10303
|
var _a, _b, _c, _d;
|
|
10373
10304
|
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';
|
|
10374
10305
|
});
|
|
10375
|
-
var OverlayHeader = styled__default.default.div(templateObject_2$
|
|
10306
|
+
var OverlayHeader = 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 ", "\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) {
|
|
10376
10307
|
var _a;
|
|
10377
10308
|
return (_a = props.theme.textAlign) !== null && _a !== void 0 ? _a : 'center';
|
|
10378
10309
|
}, function (props) {
|
|
10379
10310
|
return props.theme.padding ? "box-sizing: border-box; padding: ".concat(props.theme.padding, ";") : "";
|
|
10380
10311
|
});
|
|
10381
|
-
var StyledGuidanceMessage = styled__default.default(GuidanceMessage)(templateObject_3$
|
|
10382
|
-
var StyledButtonsRow$5 = styled__default.default(ButtonsRow)(templateObject_4$
|
|
10312
|
+
var StyledGuidanceMessage = styled__default.default(GuidanceMessage)(templateObject_3$a || (templateObject_3$a = __makeTemplateObject(["\n padding: 16px 24px;\n margin-top: 16px;\n font-size: 18px;\n font-weight: bold;\n background: white;\n box-shadow:\n 0 1px 3px 0 rgb(0 0 0 / 0.1),\n 0 1px 2px -1px rgb(0 0 0 / 0.1);\n"], ["\n padding: 16px 24px;\n margin-top: 16px;\n font-size: 18px;\n font-weight: bold;\n background: white;\n box-shadow:\n 0 1px 3px 0 rgb(0 0 0 / 0.1),\n 0 1px 2px -1px rgb(0 0 0 / 0.1);\n"])));
|
|
10313
|
+
var StyledButtonsRow$5 = styled__default.default(ButtonsRow)(templateObject_4$5 || (templateObject_4$5 = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n padding: 15px 25px;\n height: 100px;\n color: ", ";\n ", "\n position: fixed;\n bottom: 0;\n left: 0;\n width: 100dvw;\n box-sizing: border-box;\n"], ["\n display: flex;\n flex-direction: row;\n padding: 15px 25px;\n height: 100px;\n color: ", ";\n ", "\n position: fixed;\n bottom: 0;\n left: 0;\n width: 100dvw;\n box-sizing: border-box;\n"])), function (props) {
|
|
10383
10314
|
var _a, _b, _c, _d;
|
|
10384
10315
|
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';
|
|
10385
10316
|
}, function (props) {
|
|
10386
10317
|
var _a, _b, _c, _d, _e, _f;
|
|
10387
10318
|
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, ";") : '';
|
|
10388
10319
|
});
|
|
10389
|
-
var StyledOverlayImageContainer = styled__default.default(OverlayImageContainer)(templateObject_5$
|
|
10390
|
-
var LoadingListContainer = styled__default.default.div(templateObject_6$
|
|
10391
|
-
var LoadingList = styled__default.default.ul(templateObject_7$
|
|
10320
|
+
var StyledOverlayImageContainer = styled__default.default(OverlayImageContainer)(templateObject_5$2 || (templateObject_5$2 = __makeTemplateObject(["\n padding: 0;\n\n & > svg {\n height: 100%;\n }\n"], ["\n padding: 0;\n\n & > svg {\n height: 100%;\n }\n"])));
|
|
10321
|
+
var LoadingListContainer = styled__default.default.div(templateObject_6$2 || (templateObject_6$2 = __makeTemplateObject(["\n display: flex;\n position: relative;\n z-index: 2;\n"], ["\n display: flex;\n position: relative;\n z-index: 2;\n"])));
|
|
10322
|
+
var LoadingList = styled__default.default.ul(templateObject_7$1 || (templateObject_7$1 = __makeTemplateObject(["\n display: block;\n margin: auto;\n list-style: none;\n padding: 0;\n"], ["\n display: block;\n margin: auto;\n list-style: none;\n padding: 0;\n"])));
|
|
10392
10323
|
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"])));
|
|
10393
10324
|
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"])));
|
|
10394
10325
|
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) {
|
|
@@ -10414,7 +10345,7 @@ var ContinueButton = styled__default.default(LoaderButton)(templateObject_15 ||
|
|
|
10414
10345
|
var _a, _b, _c, _d, _e, _f;
|
|
10415
10346
|
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, ";") : '';
|
|
10416
10347
|
});
|
|
10417
|
-
var templateObject_1$
|
|
10348
|
+
var templateObject_1$c, templateObject_2$a, templateObject_3$a, templateObject_4$5, templateObject_5$2, templateObject_6$2, templateObject_7$1, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15;
|
|
10418
10349
|
|
|
10419
10350
|
var components = {
|
|
10420
10351
|
"default": SelfieCaptureLoadingOverlayDefault,
|
|
@@ -10743,7 +10674,7 @@ var AdditionalDocumentCapture = function AdditionalDocumentCapture(_a) {
|
|
|
10743
10674
|
}
|
|
10744
10675
|
return /*#__PURE__*/React__namespace.default.createElement(OverlayContainer, {
|
|
10745
10676
|
className: classNames.container
|
|
10746
|
-
}, /*#__PURE__*/React__namespace.default.createElement(Inner$
|
|
10677
|
+
}, /*#__PURE__*/React__namespace.default.createElement(Inner$1, {
|
|
10747
10678
|
className: classNames.inner
|
|
10748
10679
|
}, /*#__PURE__*/React__namespace.default.createElement(Heading$4, {
|
|
10749
10680
|
className: classNames.heading
|
|
@@ -10773,11 +10704,11 @@ var AdditionalDocumentCapture = function AdditionalDocumentCapture(_a) {
|
|
|
10773
10704
|
}
|
|
10774
10705
|
}, verbiage.captureBtnText)))));
|
|
10775
10706
|
};
|
|
10776
|
-
var Inner$
|
|
10777
|
-
var Heading$4 = styled__default.default.h3(templateObject_2$
|
|
10778
|
-
var Description = styled__default.default.p(templateObject_3$
|
|
10779
|
-
var StyledButtonsRow$4 = styled__default.default(ButtonsRow)(templateObject_4$
|
|
10780
|
-
var templateObject_1$
|
|
10707
|
+
var Inner$1 = styled__default.default(OverlayInner$2)(templateObject_1$b || (templateObject_1$b = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
10708
|
+
var Heading$4 = styled__default.default.h3(templateObject_2$9 || (templateObject_2$9 = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
10709
|
+
var Description = styled__default.default.p(templateObject_3$9 || (templateObject_3$9 = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
10710
|
+
var StyledButtonsRow$4 = styled__default.default(ButtonsRow)(templateObject_4$4 || (templateObject_4$4 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
10711
|
+
var templateObject_1$b, templateObject_2$9, templateObject_3$9, templateObject_4$4;
|
|
10781
10712
|
|
|
10782
10713
|
var AdditionalDocumentCaptureWizard = function AdditionalDocumentCaptureWizard(_a) {
|
|
10783
10714
|
var documents = _a.documents,
|
|
@@ -10921,7 +10852,7 @@ function convertSVGtoImg(svgData_1) {
|
|
|
10921
10852
|
});
|
|
10922
10853
|
}
|
|
10923
10854
|
|
|
10924
|
-
var SignaturePaperBacking = styled__default.default.div(templateObject_1$
|
|
10855
|
+
var SignaturePaperBacking = styled__default.default.div(templateObject_1$a || (templateObject_1$a = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n ", "\n ", "\n ", "\n"], ["\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n ", "\n ", "\n ", "\n"])), function (props) {
|
|
10925
10856
|
var _a, _b;
|
|
10926
10857
|
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, ";") : "";
|
|
10927
10858
|
}, function (props) {
|
|
@@ -10931,8 +10862,8 @@ var SignaturePaperBacking = styled__default.default.div(templateObject_1$b || (t
|
|
|
10931
10862
|
var _a, _b;
|
|
10932
10863
|
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, ";") : "";
|
|
10933
10864
|
});
|
|
10934
|
-
var SignatureCanvasContainer$1 = styled__default.default.div(templateObject_2$
|
|
10935
|
-
var SignaturePad = styled__default.default.div(templateObject_3$
|
|
10865
|
+
var SignatureCanvasContainer$1 = styled__default.default.div(templateObject_2$8 || (templateObject_2$8 = __makeTemplateObject(["\n position: absolute;\n top: 25%;\n left: 15%;\n width: 70%;\n height: 50%;\n\n @media (max-width: 800px) {\n top: 15%;\n left: 2%;\n width: 96%;\n height: 70%;\n }\n"], ["\n position: absolute;\n top: 25%;\n left: 15%;\n width: 70%;\n height: 50%;\n\n @media (max-width: 800px) {\n top: 15%;\n left: 2%;\n width: 96%;\n height: 70%;\n }\n"])));
|
|
10866
|
+
var SignaturePad = styled__default.default.div(templateObject_3$8 || (templateObject_3$8 = __makeTemplateObject(["\n position: relative;\n background: ", ";\n border: ", ";\n border-radius: ", ";\n flex-grow: 1;\n z-index: 100;\n height: 100%;\n"], ["\n position: relative;\n background: ", ";\n border: ", ";\n border-radius: ", ";\n flex-grow: 1;\n z-index: 100;\n height: 100%;\n"])), function (props) {
|
|
10936
10867
|
var _a, _b, _c;
|
|
10937
10868
|
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)';
|
|
10938
10869
|
}, function (props) {
|
|
@@ -10942,8 +10873,8 @@ var SignaturePad = styled__default.default.div(templateObject_3$9 || (templateOb
|
|
|
10942
10873
|
var _a, _b, _c;
|
|
10943
10874
|
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';
|
|
10944
10875
|
});
|
|
10945
|
-
var SignatureButtonsContainer = styled__default.default(ButtonsRow)(templateObject_4$
|
|
10946
|
-
var templateObject_1$
|
|
10876
|
+
var SignatureButtonsContainer = styled__default.default(ButtonsRow)(templateObject_4$3 || (templateObject_4$3 = __makeTemplateObject(["\n flex-grow: 0;\n padding-top: 12px;\n display: flex;\n z-index: 1000;\n position: relative;\n"], ["\n flex-grow: 0;\n padding-top: 12px;\n display: flex;\n z-index: 1000;\n position: relative;\n"])));
|
|
10877
|
+
var templateObject_1$a, templateObject_2$8, templateObject_3$8, templateObject_4$3;
|
|
10947
10878
|
|
|
10948
10879
|
var SignatureCapture = function SignatureCapture(_a) {
|
|
10949
10880
|
var _b;
|
|
@@ -11014,8 +10945,8 @@ var SignatureCapture = function SignatureCapture(_a) {
|
|
|
11014
10945
|
finished: true
|
|
11015
10946
|
}, verbiage.acceptBtnText)))));
|
|
11016
10947
|
};
|
|
11017
|
-
var AcceptBtn$1 = styled__default.default(LoaderButton)(templateObject_1$
|
|
11018
|
-
var templateObject_1$
|
|
10948
|
+
var AcceptBtn$1 = styled__default.default(LoaderButton)(templateObject_1$9 || (templateObject_1$9 = __makeTemplateObject(["\n margin-left: auto;\n"], ["\n margin-left: auto;\n"])));
|
|
10949
|
+
var templateObject_1$9;
|
|
11019
10950
|
|
|
11020
10951
|
var useVideoRecorder = function useVideoRecorder(camera, audioStream, mergeAVStreams) {
|
|
11021
10952
|
if (mergeAVStreams === void 0) {
|
|
@@ -11375,11 +11306,11 @@ function VideoSignatureGuides(_a) {
|
|
|
11375
11306
|
className: classNames.signatureCanvas
|
|
11376
11307
|
};
|
|
11377
11308
|
}, [classNames.signatureCanvas, height, width]);
|
|
11378
|
-
return /*#__PURE__*/React__namespace.default.createElement(Container
|
|
11309
|
+
return /*#__PURE__*/React__namespace.default.createElement(Container, {
|
|
11379
11310
|
className: classNames.container
|
|
11380
|
-
}, /*#__PURE__*/React__namespace.default.createElement(Inner
|
|
11311
|
+
}, /*#__PURE__*/React__namespace.default.createElement(Inner, {
|
|
11381
11312
|
className: classNames.inner
|
|
11382
|
-
}, /*#__PURE__*/React__namespace.default.createElement(FaceGuideContainer
|
|
11313
|
+
}, /*#__PURE__*/React__namespace.default.createElement(FaceGuideContainer, {
|
|
11383
11314
|
className: classNames.faceGuideContainer
|
|
11384
11315
|
}, /*#__PURE__*/React__namespace.default.createElement(StyledSelfieCaptureAnimatedMask, {
|
|
11385
11316
|
className: classNames.faceGuide,
|
|
@@ -11414,19 +11345,19 @@ function VideoSignatureGuides(_a) {
|
|
|
11414
11345
|
finished: true
|
|
11415
11346
|
}, verbiage.acceptSignatureBtnText))))));
|
|
11416
11347
|
}
|
|
11417
|
-
var Container
|
|
11348
|
+
var Container = styled__default.default.div(templateObject_1$8 || (templateObject_1$8 = __makeTemplateObject(["\n display: flex;\n max-height: 100%;\n position: absolute;\n z-index: 1000;\n width: 100dvw;\n height: 100dvh;\n font-family: ", ";\n box-sizing: border-box;\n overflow: hidden;\n padding: 40px;\n"], ["\n display: flex;\n max-height: 100%;\n position: absolute;\n z-index: 1000;\n width: 100dvw;\n height: 100dvh;\n font-family: ", ";\n box-sizing: border-box;\n overflow: hidden;\n padding: 40px;\n"])), function (props) {
|
|
11418
11349
|
var _a;
|
|
11419
11350
|
return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
|
|
11420
11351
|
});
|
|
11421
|
-
var Inner
|
|
11422
|
-
var FaceGuideContainer
|
|
11423
|
-
var StyledSelfieCaptureAnimatedMask = styled__default.default(SelfieCaptureAnimatedMaskWithStatus)(templateObject_4$
|
|
11424
|
-
var SignaturePadContainer = styled__default.default.div(templateObject_5$
|
|
11425
|
-
var SignatureCanvasContainer = styled__default.default.div(templateObject_6$
|
|
11352
|
+
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"], ["\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"])));
|
|
11353
|
+
var FaceGuideContainer = styled__default.default.div(templateObject_3$7 || (templateObject_3$7 = __makeTemplateObject(["\n position: relative;\n height: 50%;\n"], ["\n position: relative;\n height: 50%;\n"])));
|
|
11354
|
+
var StyledSelfieCaptureAnimatedMask = styled__default.default(SelfieCaptureAnimatedMaskWithStatus)(templateObject_4$2 || (templateObject_4$2 = __makeTemplateObject(["\n max-width: 100%;\n height: 100%;\n"], ["\n max-width: 100%;\n height: 100%;\n"])));
|
|
11355
|
+
var SignaturePadContainer = styled__default.default.div(templateObject_5$1 || (templateObject_5$1 = __makeTemplateObject(["\n position: relative;\n max-width: 100%;\n height: 50%;\n aspect-ratio: 2;\n"], ["\n position: relative;\n max-width: 100%;\n height: 50%;\n aspect-ratio: 2;\n"])));
|
|
11356
|
+
var SignatureCanvasContainer = styled__default.default.div(templateObject_6$1 || (templateObject_6$1 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: calc(100% - 67px);\n ", "\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: calc(100% - 67px);\n ", "\n"])), function (props) {
|
|
11426
11357
|
return props.$disabled ? 'opacity: 0.5; pointer-events: none;' : '';
|
|
11427
11358
|
});
|
|
11428
|
-
var AcceptBtn = styled__default.default(LoaderButton)(templateObject_7
|
|
11429
|
-
var templateObject_1$
|
|
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$8, templateObject_2$7, templateObject_3$7, templateObject_4$2, templateObject_5$1, templateObject_6$1, templateObject_7;
|
|
11430
11361
|
|
|
11431
11362
|
var VideoSignatureCapture = function VideoSignatureCapture(_a) {
|
|
11432
11363
|
var _b, _c, _d;
|
|
@@ -11554,8 +11485,8 @@ var VideoSignatureSuccess = function VideoSignatureSuccess(_a) {
|
|
|
11554
11485
|
finished: true
|
|
11555
11486
|
}, verbiage.doneBtnText))));
|
|
11556
11487
|
};
|
|
11557
|
-
var StyledVideo$1 = styled__default.default.video(templateObject_1$
|
|
11558
|
-
var templateObject_1$
|
|
11488
|
+
var StyledVideo$1 = styled__default.default.video(templateObject_1$7 || (templateObject_1$7 = __makeTemplateObject(["\n margin-left: auto;\n margin-right: auto;\n max-width: 100%;\n"], ["\n margin-left: auto;\n margin-right: auto;\n max-width: 100%;\n"])));
|
|
11489
|
+
var templateObject_1$7;
|
|
11559
11490
|
|
|
11560
11491
|
var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
11561
11492
|
var _b;
|
|
@@ -11748,127 +11679,6 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
|
11748
11679
|
}()));
|
|
11749
11680
|
};
|
|
11750
11681
|
|
|
11751
|
-
var IdVideoCaptureGuides = function IdVideoCaptureGuides(_a) {
|
|
11752
|
-
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
|
|
11753
|
-
var _0 = _a.requestedAction,
|
|
11754
|
-
requestedAction = _0 === void 0 ? 'SHOW_ID_FRONT' : _0,
|
|
11755
|
-
_1 = _a.satisfied,
|
|
11756
|
-
satisfied = _1 === void 0 ? false : _1,
|
|
11757
|
-
_2 = _a.faceGuideStatus,
|
|
11758
|
-
faceGuideStatus = _2 === void 0 ? 'success' : _2,
|
|
11759
|
-
faceGuideBorderWidth = _a.faceGuideBorderWidth,
|
|
11760
|
-
faceGuideBorderColor = _a.faceGuideBorderColor,
|
|
11761
|
-
_3 = _a.idCardGuideStatus,
|
|
11762
|
-
idCardGuideStatus = _3 === void 0 ? 'ready' : _3,
|
|
11763
|
-
idCardGuideBorderWidth = _a.idCardGuideBorderWidth,
|
|
11764
|
-
idCardGuideBorderColor = _a.idCardGuideBorderColor,
|
|
11765
|
-
idCardCaptureProgress = _a.idCardCaptureProgress,
|
|
11766
|
-
_4 = _a.idCardCaptureGuideImages,
|
|
11767
|
-
userSuppliedImages = _4 === void 0 ? defaultIdCaptureGuideImages : _4,
|
|
11768
|
-
_5 = _a.classNames,
|
|
11769
|
-
classNames = _5 === void 0 ? {} : _5,
|
|
11770
|
-
_6 = _a.verbiage,
|
|
11771
|
-
rawVerbiage = _6 === void 0 ? {} : _6;
|
|
11772
|
-
var cameraRef = React.useContext(CameraStateContext).cameraRef;
|
|
11773
|
-
var verbiage = useTranslations(rawVerbiage, {
|
|
11774
|
-
idFrontInstructionText: 'Display the front of your ID card...',
|
|
11775
|
-
idBackInstructionText: 'Display the back of your ID card...',
|
|
11776
|
-
flipIdInstructionText: 'Please flip your ID card...',
|
|
11777
|
-
verifyLivenessInstructionText: 'Performing facial recognition, please hold still...'
|
|
11778
|
-
});
|
|
11779
|
-
var instructionText = requestedAction === 'VERIFY_LIVENESS' ? verbiage.verifyLivenessInstructionText : requestedAction === 'SHOW_ID_FRONT' ? verbiage.idFrontInstructionText : requestedAction === 'FLIP_ID' ? verbiage.flipIdInstructionText : verbiage.idBackInstructionText;
|
|
11780
|
-
var theme = styled.useTheme();
|
|
11781
|
-
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;
|
|
11782
|
-
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';
|
|
11783
|
-
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;
|
|
11784
|
-
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';
|
|
11785
|
-
var _7 = useResizeObserver__default.default(),
|
|
11786
|
-
idCardGuideRef = _7.ref,
|
|
11787
|
-
_8 = _7.width,
|
|
11788
|
-
idCardGuideWidth = _8 === void 0 ? 0 : _8,
|
|
11789
|
-
_9 = _7.height,
|
|
11790
|
-
idCardGuideHeight = _9 === void 0 ? 0 : _9;
|
|
11791
|
-
var idCaptureGuideImages = useGuideImages(userSuppliedImages);
|
|
11792
|
-
var idCaptureGuideImagesByUrl = useGuideImagesByUrl(idCaptureGuideImages);
|
|
11793
|
-
var _10 = React.useState(undefined),
|
|
11794
|
-
aspectRatio = _10[0],
|
|
11795
|
-
setAspectRatio = _10[1];
|
|
11796
|
-
var onImageLoaded = React.useCallback(function (e) {
|
|
11797
|
-
var _a, _b, _c, _d;
|
|
11798
|
-
var img = e.currentTarget;
|
|
11799
|
-
var imageByUrl = idCaptureGuideImagesByUrl[img.src];
|
|
11800
|
-
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;
|
|
11801
|
-
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;
|
|
11802
|
-
setAspectRatio(naturalHeight > 0 ? naturalWidth / naturalHeight : undefined);
|
|
11803
|
-
}, [idCaptureGuideImagesByUrl]);
|
|
11804
|
-
var idCardImageStyle = React.useMemo(function () {
|
|
11805
|
-
return {
|
|
11806
|
-
maxWidth: idCardGuideWidth > idCardGuideHeight ? idCardGuideWidth : undefined,
|
|
11807
|
-
maxHeight: idCardGuideHeight > idCardGuideWidth ? idCardGuideHeight : undefined,
|
|
11808
|
-
height: '100%',
|
|
11809
|
-
aspectRatio: aspectRatio
|
|
11810
|
-
};
|
|
11811
|
-
}, [idCardGuideWidth, idCardGuideHeight, aspectRatio]);
|
|
11812
|
-
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';
|
|
11813
|
-
return /*#__PURE__*/React__namespace.default.createElement(Container, {
|
|
11814
|
-
className: classNames.container
|
|
11815
|
-
}, /*#__PURE__*/React__namespace.default.createElement(Inner, null, /*#__PURE__*/React__namespace.default.createElement(FaceGuideContainer, {
|
|
11816
|
-
className: classNames.faceGuideContainer
|
|
11817
|
-
}, /*#__PURE__*/React__namespace.default.createElement(SelfieCaptureAnimatedMaskWithStatus, {
|
|
11818
|
-
className: classNames.faceGuide,
|
|
11819
|
-
status: requestedAction === 'VERIFY_LIVENESS' ? faceGuideStatus : 'success',
|
|
11820
|
-
borderWidth: faceGuideBorderWidth,
|
|
11821
|
-
borderColor: faceGuideBorderColor,
|
|
11822
|
-
verticalAlign: "bottom"
|
|
11823
|
-
})), !disableIdGuides && ( /*#__PURE__*/React__namespace.default.createElement(IdCardGuideContainer, {
|
|
11824
|
-
className: classNames.idCardGuideContainer,
|
|
11825
|
-
ref: idCardGuideRef
|
|
11826
|
-
}, /*#__PURE__*/React__namespace.default.createElement(IdCardGuideInner, {
|
|
11827
|
-
className: classNames.idCardGuideInner,
|
|
11828
|
-
style: {
|
|
11829
|
-
aspectRatio: aspectRatio
|
|
11830
|
-
}
|
|
11831
|
-
}, /*#__PURE__*/React__namespace.default.createElement(IdCardGuideImageContainer, {
|
|
11832
|
-
className: classNames.idCardGuideImageContainer,
|
|
11833
|
-
status: requestedAction === 'VERIFY_LIVENESS' ? 'disabled' : idCardGuideStatus,
|
|
11834
|
-
borderWidth: idCardGuideBorderWidth,
|
|
11835
|
-
borderColor: idCardGuideBorderColor,
|
|
11836
|
-
aspectRatio: aspectRatio,
|
|
11837
|
-
"$isVisible": requestedAction !== 'FLIP_ID',
|
|
11838
|
-
progress: requestedAction === 'VERIFY_LIVENESS' ? undefined : idCardCaptureProgress
|
|
11839
|
-
}, /*#__PURE__*/React__namespace.default.createElement(IdCardGuideImage, {
|
|
11840
|
-
alt: "",
|
|
11841
|
-
className: classNames.idCardGuideImage,
|
|
11842
|
-
"$isMirrored": !((_v = cameraRef.current) === null || _v === void 0 ? void 0 : _v.isRearFacing),
|
|
11843
|
-
style: idCardImageStyle,
|
|
11844
|
-
src: requestedAction === 'SHOW_ID_BACK' ? idCaptureGuideImages.landscape.SHOW_ID_BACK.url : idCaptureGuideImages.landscape.SHOW_ID_FRONT.url,
|
|
11845
|
-
onLoad: onImageLoaded
|
|
11846
|
-
})), requestedAction === 'FLIP_ID' && ( /*#__PURE__*/React__namespace.default.createElement(IdVideoCaptureFlipIdPrompt, {
|
|
11847
|
-
idCaptureGuideImages: idCaptureGuideImages,
|
|
11848
|
-
classNames: classNames.flipIdPrompt,
|
|
11849
|
-
borderWidth: idCardGuideBorderWidth,
|
|
11850
|
-
borderColor: idCardGuideBorderColor,
|
|
11851
|
-
imageStyle: idCardImageStyle
|
|
11852
|
-
}))), /*#__PURE__*/React__namespace.default.createElement(IdCardGuideInstructionsContainer, {
|
|
11853
|
-
className: classNames.idCardGuideInstructionsContainer
|
|
11854
|
-
}, /*#__PURE__*/React__namespace.default.createElement(IdCardGuideInstructions, {
|
|
11855
|
-
className: classNames.idCardGuideInstructions,
|
|
11856
|
-
"$textColor": (_x = (_w = theme.idVideoCapture) === null || _w === void 0 ? void 0 : _w.idCardGuides) === null || _x === void 0 ? void 0 : _x.instructionsTextColor,
|
|
11857
|
-
"$background": (_z = (_y = theme.idVideoCapture) === null || _y === void 0 ? void 0 : _y.idCardGuides) === null || _z === void 0 ? void 0 : _z.instructionsBackgroundColor
|
|
11858
|
-
}, instructionText))))));
|
|
11859
|
-
};
|
|
11860
|
-
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) {
|
|
11861
|
-
var _a;
|
|
11862
|
-
return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
|
|
11863
|
-
});
|
|
11864
|
-
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"])));
|
|
11865
|
-
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"])));
|
|
11866
|
-
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"])));
|
|
11867
|
-
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"])));
|
|
11868
|
-
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"])));
|
|
11869
|
-
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"])));
|
|
11870
|
-
var templateObject_1$7, templateObject_2$7, templateObject_3$7, templateObject_4$2, templateObject_5$1, templateObject_6$1, templateObject_7;
|
|
11871
|
-
|
|
11872
11682
|
var ReadTextPrompt = function ReadTextPrompt(_a) {
|
|
11873
11683
|
var text = _a.text,
|
|
11874
11684
|
onComplete = _a.onComplete,
|
|
@@ -12008,90 +11818,90 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
12008
11818
|
onExitCapture = _a.onExitCapture,
|
|
12009
11819
|
_x = _a.idCaptureModelsEnabled,
|
|
12010
11820
|
idCaptureModelsEnabled = _x === void 0 ? true : _x,
|
|
12011
|
-
|
|
12012
|
-
|
|
12013
|
-
|
|
12014
|
-
idCardFrontDelay =
|
|
12015
|
-
|
|
12016
|
-
videoIdCaptureThresholds =
|
|
12017
|
-
|
|
12018
|
-
skipShowIdCardBack =
|
|
12019
|
-
|
|
12020
|
-
captureCountdownSeconds =
|
|
11821
|
+
// idCardCaptureGuideImages = defaultIdCaptureGuideImages,
|
|
11822
|
+
_y = _a.idCardFrontDelay,
|
|
11823
|
+
// idCardCaptureGuideImages = defaultIdCaptureGuideImages,
|
|
11824
|
+
idCardFrontDelay = _y === void 0 ? 1000 : _y,
|
|
11825
|
+
_z = _a.videoIdCaptureThresholds,
|
|
11826
|
+
videoIdCaptureThresholds = _z === void 0 ? defaultVideoIdCaptureThresholds : _z,
|
|
11827
|
+
_0 = _a.skipShowIdCardBack,
|
|
11828
|
+
skipShowIdCardBack = _0 === void 0 ? false : _0,
|
|
11829
|
+
_1 = _a.captureCountdownSeconds,
|
|
11830
|
+
captureCountdownSeconds = _1 === void 0 ? 3 : _1,
|
|
12021
11831
|
readTextPrompt = _a.readTextPrompt,
|
|
12022
|
-
|
|
12023
|
-
readTextTimeoutDurationMs =
|
|
12024
|
-
|
|
12025
|
-
readTextMinReadingMs =
|
|
12026
|
-
|
|
12027
|
-
disableFaceDetectionWhileAudioCapture =
|
|
12028
|
-
|
|
12029
|
-
disableFaceDetectionWhileAudioCaptureMsDelay =
|
|
12030
|
-
|
|
12031
|
-
mergeAVStreams =
|
|
12032
|
-
|
|
12033
|
-
classNames =
|
|
12034
|
-
|
|
12035
|
-
|
|
12036
|
-
|
|
12037
|
-
rawVerbiage =
|
|
12038
|
-
|
|
12039
|
-
debugMode =
|
|
12040
|
-
var
|
|
12041
|
-
ref =
|
|
12042
|
-
|
|
12043
|
-
width =
|
|
12044
|
-
|
|
12045
|
-
height =
|
|
12046
|
-
var
|
|
12047
|
-
cameraRef =
|
|
12048
|
-
videoRef =
|
|
12049
|
-
videoLoaded =
|
|
12050
|
-
cameraReady =
|
|
12051
|
-
microphoneReady =
|
|
12052
|
-
audioStream =
|
|
12053
|
-
setVideoLoaded =
|
|
12054
|
-
var
|
|
12055
|
-
detectedObjects =
|
|
12056
|
-
setDetectedObjects =
|
|
11832
|
+
_2 = _a.readTextTimeoutDurationMs,
|
|
11833
|
+
readTextTimeoutDurationMs = _2 === void 0 ? 15000 : _2,
|
|
11834
|
+
_3 = _a.readTextMinReadingMs,
|
|
11835
|
+
readTextMinReadingMs = _3 === void 0 ? 10000 : _3,
|
|
11836
|
+
_4 = _a.disableFaceDetectionWhileAudioCapture,
|
|
11837
|
+
disableFaceDetectionWhileAudioCapture = _4 === void 0 ? false : _4,
|
|
11838
|
+
_5 = _a.disableFaceDetectionWhileAudioCaptureMsDelay,
|
|
11839
|
+
disableFaceDetectionWhileAudioCaptureMsDelay = _5 === void 0 ? 2000 : _5,
|
|
11840
|
+
_6 = _a.mergeAVStreams,
|
|
11841
|
+
mergeAVStreams = _6 === void 0 ? false : _6,
|
|
11842
|
+
_7 = _a.classNames,
|
|
11843
|
+
classNames = _7 === void 0 ? {} : _7,
|
|
11844
|
+
// colors = {},
|
|
11845
|
+
_8 = _a.verbiage,
|
|
11846
|
+
// colors = {},
|
|
11847
|
+
rawVerbiage = _8 === void 0 ? {} : _8,
|
|
11848
|
+
_9 = _a.debugMode,
|
|
11849
|
+
debugMode = _9 === void 0 ? false : _9;
|
|
11850
|
+
var _10 = useResizeObserver__default.default(),
|
|
11851
|
+
ref = _10.ref,
|
|
11852
|
+
_11 = _10.width,
|
|
11853
|
+
width = _11 === void 0 ? 1 : _11,
|
|
11854
|
+
_12 = _10.height,
|
|
11855
|
+
height = _12 === void 0 ? 1 : _12;
|
|
11856
|
+
var _13 = React.useContext(CameraStateContext),
|
|
11857
|
+
cameraRef = _13.cameraRef,
|
|
11858
|
+
videoRef = _13.videoRef,
|
|
11859
|
+
videoLoaded = _13.videoLoaded,
|
|
11860
|
+
cameraReady = _13.cameraReady,
|
|
11861
|
+
microphoneReady = _13.microphoneReady,
|
|
11862
|
+
audioStream = _13.audioStream,
|
|
11863
|
+
setVideoLoaded = _13.setVideoLoaded;
|
|
11864
|
+
var _14 = React.useState([]),
|
|
11865
|
+
detectedObjects = _14[0],
|
|
11866
|
+
setDetectedObjects = _14[1];
|
|
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;
|
|
12057
11880
|
var _17 = React.useState(null),
|
|
12058
|
-
|
|
12059
|
-
|
|
12060
|
-
var _18 = React.useContext(
|
|
12061
|
-
|
|
12062
|
-
|
|
12063
|
-
|
|
12064
|
-
|
|
12065
|
-
|
|
12066
|
-
|
|
12067
|
-
|
|
12068
|
-
|
|
12069
|
-
|
|
12070
|
-
|
|
12071
|
-
|
|
12072
|
-
|
|
12073
|
-
|
|
12074
|
-
|
|
12075
|
-
|
|
12076
|
-
|
|
12077
|
-
|
|
12078
|
-
stopSelfieGuidance = _21.stop,
|
|
12079
|
-
onSelfiePredictionMade = _21.onPredictionMade,
|
|
12080
|
-
selfieModelError = _21.error;
|
|
12081
|
-
var _22 = useVideoRecorder(cameraRef.current, audioStream, mergeAVStreams),
|
|
12082
|
-
isRecordingVideo = _22.isRecordingVideo,
|
|
12083
|
-
startRecordingVideo = _22.startRecordingVideo,
|
|
12084
|
-
startRecordingAudio = _22.startRecordingAudio,
|
|
12085
|
-
stopRecordingVideo = _22.stopRecordingVideo,
|
|
12086
|
-
stopRecordingAudio = _22.stopRecordingAudio,
|
|
12087
|
-
videoRecordingUnintentionallyStopped = _22.videoRecordingUnintentionallyStopped,
|
|
12088
|
-
audioRecordingUnintentionallyStopped = _22.audioRecordingUnintentionallyStopped,
|
|
12089
|
-
videoUrl = _22.videoUrl,
|
|
12090
|
-
audioUrl = _22.audioUrl;
|
|
11881
|
+
videoStartsAt = _17[0],
|
|
11882
|
+
setVideoStartsAt = _17[1];
|
|
11883
|
+
var _18 = React.useContext(SubmissionContext),
|
|
11884
|
+
setIdCaptureVideoAudioStartsAt = _18.setIdCaptureVideoAudioStartsAt,
|
|
11885
|
+
setExpectedAudioText = _18.setExpectedAudioText;
|
|
11886
|
+
var _19 = React.useContext(SelfieGuidanceModelsContext),
|
|
11887
|
+
startSelfieGuidance = _19.start,
|
|
11888
|
+
stopSelfieGuidance = _19.stop,
|
|
11889
|
+
onSelfiePredictionMade = _19.onPredictionMade,
|
|
11890
|
+
selfieModelError = _19.error;
|
|
11891
|
+
var _20 = useVideoRecorder(cameraRef.current, audioStream, mergeAVStreams),
|
|
11892
|
+
isRecordingVideo = _20.isRecordingVideo,
|
|
11893
|
+
startRecordingVideo = _20.startRecordingVideo,
|
|
11894
|
+
startRecordingAudio = _20.startRecordingAudio,
|
|
11895
|
+
stopRecordingVideo = _20.stopRecordingVideo,
|
|
11896
|
+
stopRecordingAudio = _20.stopRecordingAudio,
|
|
11897
|
+
videoRecordingUnintentionallyStopped = _20.videoRecordingUnintentionallyStopped,
|
|
11898
|
+
audioRecordingUnintentionallyStopped = _20.audioRecordingUnintentionallyStopped,
|
|
11899
|
+
videoUrl = _20.videoUrl,
|
|
11900
|
+
audioUrl = _20.audioUrl;
|
|
12091
11901
|
var countdownTimeoutRef = React.useRef(undefined);
|
|
12092
|
-
var
|
|
12093
|
-
countdownRemaining =
|
|
12094
|
-
setCountdownRemaining =
|
|
11902
|
+
var _21 = React.useState(-1),
|
|
11903
|
+
countdownRemaining = _21[0],
|
|
11904
|
+
setCountdownRemaining = _21[1];
|
|
12095
11905
|
React.useEffect(function () {
|
|
12096
11906
|
if (!isRecordingVideo && !videoUrl) {
|
|
12097
11907
|
startRecordingVideo();
|
|
@@ -12111,9 +11921,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
12111
11921
|
onRecordingFailed === null || onRecordingFailed === void 0 ? void 0 : onRecordingFailed();
|
|
12112
11922
|
}
|
|
12113
11923
|
}, [audioRecordingUnintentionallyStopped, onRecordingFailed, videoRecordingUnintentionallyStopped]);
|
|
12114
|
-
var
|
|
12115
|
-
requestedAction =
|
|
12116
|
-
setRequestedAction =
|
|
11924
|
+
var _22 = React.useState('SHOW_ID_FRONT'),
|
|
11925
|
+
requestedAction = _22[0],
|
|
11926
|
+
setRequestedAction = _22[1];
|
|
12117
11927
|
var shouldRunIdModels = idCaptureModelsEnabled && videoLoaded && cameraReady && idModelsReady && !idModelError && requestedAction !== 'READ_TEXT' && (!readTextPrompt || microphoneReady);
|
|
12118
11928
|
React.useEffect(function startModelsWhenCapturing() {
|
|
12119
11929
|
if (!shouldRunIdModels) return;
|
|
@@ -12133,18 +11943,18 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
12133
11943
|
bottom: 1
|
|
12134
11944
|
});
|
|
12135
11945
|
}, [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];
|
|
12136
11952
|
var _25 = React.useState(0),
|
|
12137
|
-
|
|
12138
|
-
|
|
12139
|
-
var _26 = React.useState(
|
|
12140
|
-
|
|
12141
|
-
|
|
12142
|
-
var _27 = React.useState(0),
|
|
12143
|
-
currentFocusScore = _27[0],
|
|
12144
|
-
setCurrentFocusScore = _27[1];
|
|
12145
|
-
var _28 = React.useState(0),
|
|
12146
|
-
goodFramesCount = _28[0],
|
|
12147
|
-
setGoodFramesCount = _28[1];
|
|
11953
|
+
currentFocusScore = _25[0],
|
|
11954
|
+
setCurrentFocusScore = _25[1];
|
|
11955
|
+
var _26 = React.useState(0),
|
|
11956
|
+
goodFramesCount = _26[0],
|
|
11957
|
+
setGoodFramesCount = _26[1];
|
|
12148
11958
|
var goodFramesThreshold = requestedAction === 'SHOW_ID_FRONT' ? videoIdCaptureThresholds.goodFrames.idCardFront : videoIdCaptureThresholds.goodFrames.idCardBack;
|
|
12149
11959
|
var goodFramesThresholdMet = goodFramesCount >= goodFramesThreshold;
|
|
12150
11960
|
React.useEffect(function () {
|
|
@@ -12165,9 +11975,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
12165
11975
|
} : 0);
|
|
12166
11976
|
});
|
|
12167
11977
|
}, [idCaptureModelsEnabled, onIdPredictionMade, idModelError, requestedAction, videoIdCaptureThresholds.flipShortcutThreshold]);
|
|
12168
|
-
var
|
|
12169
|
-
idFrontCaptureStartedAt =
|
|
12170
|
-
setFirstGoodFrameTime =
|
|
11978
|
+
var _27 = React.useState(null),
|
|
11979
|
+
idFrontCaptureStartedAt = _27[0],
|
|
11980
|
+
setFirstGoodFrameTime = _27[1];
|
|
12171
11981
|
React.useEffect(function () {
|
|
12172
11982
|
if (goodFramesCount === 1) setFirstGoodFrameTime(new Date().getTime());
|
|
12173
11983
|
}, [goodFramesCount]);
|
|
@@ -12188,9 +11998,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
12188
11998
|
var frameHeight = (_e = (_d = videoRef.current) === null || _d === void 0 ? void 0 : _d.videoHeight) !== null && _e !== void 0 ? _e : 0;
|
|
12189
11999
|
var faceBox = face === null || face === void 0 ? void 0 : face.box;
|
|
12190
12000
|
var faceCentered = !faceBox || !frameWidth || faceBox.xMin > frameWidth * edgeBoundary && faceBox.yMin > frameHeight * edgeBoundary && faceBox.xMax < frameWidth * (1 - edgeBoundary) && faceBox.yMax < frameHeight * (1 - edgeBoundary);
|
|
12191
|
-
var
|
|
12192
|
-
countdownStartedAt =
|
|
12193
|
-
setCountdownStartedAt =
|
|
12001
|
+
var _28 = React.useState(),
|
|
12002
|
+
countdownStartedAt = _28[0],
|
|
12003
|
+
setCountdownStartedAt = _28[1];
|
|
12194
12004
|
var photoCanvas = React.useRef(null);
|
|
12195
12005
|
var frameLock = React.useRef(false);
|
|
12196
12006
|
var captureFrame = React.useCallback(function () {
|
|
@@ -12313,9 +12123,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
12313
12123
|
stopSelfieGuidance();
|
|
12314
12124
|
};
|
|
12315
12125
|
}, [startSelfieGuidance, stopSelfieGuidance]);
|
|
12316
|
-
var
|
|
12317
|
-
numFramesWithoutFaces =
|
|
12318
|
-
setNumFramesWithoutFaces =
|
|
12126
|
+
var _29 = React.useState(0),
|
|
12127
|
+
numFramesWithoutFaces = _29[0],
|
|
12128
|
+
setNumFramesWithoutFaces = _29[1];
|
|
12319
12129
|
onSelfiePredictionMade(useDebounce.useThrottledCallback(React.useCallback(function (_a) {
|
|
12320
12130
|
var face = _a.face;
|
|
12321
12131
|
if (selfieModelError) return;
|
|
@@ -12331,12 +12141,12 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
12331
12141
|
}
|
|
12332
12142
|
}, [disableFaceDetectionWhileAudioCapture, disableFaceDetectionWhileAudioCaptureMsDelay, numFramesWithoutFaces, onFaceNotDetected, timeoutStartedAt]);
|
|
12333
12143
|
var theme = styled.useTheme();
|
|
12334
|
-
var
|
|
12144
|
+
var _30 = useTranslations(rawVerbiage, {
|
|
12335
12145
|
faceNotCenteredText: 'Please move your face to the center...',
|
|
12336
12146
|
captureBtnText: 'Capture'
|
|
12337
12147
|
}),
|
|
12338
|
-
captureBtnText =
|
|
12339
|
-
faceNotCenteredText =
|
|
12148
|
+
captureBtnText = _30.captureBtnText,
|
|
12149
|
+
faceNotCenteredText = _30.faceNotCenteredText;
|
|
12340
12150
|
var debugScalingDetails = useDebugScalingDetails({
|
|
12341
12151
|
enabled: debugMode,
|
|
12342
12152
|
pageWidth: width,
|
|
@@ -12361,17 +12171,7 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
12361
12171
|
classNames: classNames.readTextPrompt,
|
|
12362
12172
|
verbiage: rawVerbiage.readTextPrompt,
|
|
12363
12173
|
onComplete: stopRecording
|
|
12364
|
-
})) : ( /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(
|
|
12365
|
-
classNames: classNames.guides,
|
|
12366
|
-
verbiage: rawVerbiage.guides,
|
|
12367
|
-
requestedAction: requestedAction,
|
|
12368
|
-
satisfied: satisfied,
|
|
12369
|
-
idCardGuideStatus: countdownStartedAt ? 'capturing' : 'ready',
|
|
12370
|
-
idCardCaptureProgress: !!countdownStartedAt ? 1 : 0,
|
|
12371
|
-
idCardCaptureGuideImages: idCardCaptureGuideImages,
|
|
12372
|
-
faceGuideBorderColor: satisfied ? colors.guidesSatisfiedColor : colors.guidesUnsatisfiedColor,
|
|
12373
|
-
idCardGuideBorderColor: satisfied ? colors.guidesSatisfiedColor : colors.guidesUnsatisfiedColor
|
|
12374
|
-
}), debugMode && capturingId && ( /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(ObjectDetectionDebugOverlayDiv, {
|
|
12174
|
+
})) : ( /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, debugMode && capturingId && ( /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(ObjectDetectionDebugOverlayDiv, {
|
|
12375
12175
|
"$flipX": !((_l = cameraRef.current) === null || _l === void 0 ? void 0 : _l.isRearFacing)
|
|
12376
12176
|
}, detectedObjects.map(function (obj, i) {
|
|
12377
12177
|
var _a;
|
|
@@ -12671,18 +12471,27 @@ var VideoIdWizard = function VideoIdWizard(_a) {
|
|
|
12671
12471
|
onExitCapture === null || onExitCapture === void 0 ? void 0 : onExitCapture();
|
|
12672
12472
|
}, [onExitCapture]);
|
|
12673
12473
|
var faceLivenessGuides = React.useCallback(function (_a) {
|
|
12674
|
-
|
|
12675
|
-
|
|
12676
|
-
|
|
12677
|
-
|
|
12678
|
-
|
|
12679
|
-
|
|
12680
|
-
|
|
12681
|
-
|
|
12682
|
-
|
|
12683
|
-
|
|
12684
|
-
|
|
12685
|
-
|
|
12474
|
+
return null;
|
|
12475
|
+
},
|
|
12476
|
+
// <IdVideoCaptureGuides
|
|
12477
|
+
// idCardCaptureGuideImages={idCaptureGuideImages}
|
|
12478
|
+
// classNames={classNames.idVideoCapture?.guides}
|
|
12479
|
+
// verbiage={verbiage.idVideoCapture?.guides}
|
|
12480
|
+
// requestedAction="VERIFY_LIVENESS"
|
|
12481
|
+
// faceGuideStatus={status}
|
|
12482
|
+
// faceGuideBorderColor={
|
|
12483
|
+
// status === 'success'
|
|
12484
|
+
// ? colors.idVideoCapture?.guidesSatisfiedColor
|
|
12485
|
+
// : colors.idVideoCapture?.guidesUnsatisfiedColor
|
|
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]);
|
|
12686
12495
|
if (submissionStatus === SubmissionStatus.SUBMITTING) {
|
|
12687
12496
|
return /*#__PURE__*/React__namespace.default.createElement(PageContainer, {
|
|
12688
12497
|
className: "flex"
|