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
package/dist/sdk2.esm.js
CHANGED
|
@@ -201,7 +201,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
|
|
|
201
201
|
return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
|
|
202
202
|
};
|
|
203
203
|
|
|
204
|
-
var webSdkVersion = '2.2.
|
|
204
|
+
var webSdkVersion = '2.2.34';
|
|
205
205
|
|
|
206
206
|
function getPlatform() {
|
|
207
207
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
@@ -362,7 +362,7 @@ function videoDataUrlToB64(url) {
|
|
|
362
362
|
});
|
|
363
363
|
}
|
|
364
364
|
|
|
365
|
-
var PageContainerDiv = styled.div(templateObject_1$
|
|
365
|
+
var PageContainerDiv = styled.div(templateObject_1$J || (templateObject_1$J = __makeTemplateObject(["\n ", "\n\n ", "\n\n &.flex {\n display: flex;\n }\n\n &.padded {\n box-sizing: border-box;\n padding: 16px 24px;\n }\n"], ["\n ", "\n\n ", "\n\n &.flex {\n display: flex;\n }\n\n &.padded {\n box-sizing: border-box;\n padding: 16px 24px;\n }\n"])), function (props) {
|
|
366
366
|
var _a;
|
|
367
367
|
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 ");
|
|
368
368
|
}, function (props) {
|
|
@@ -402,7 +402,7 @@ var PageContainer = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
402
402
|
}, dimensionsCalculated && children);
|
|
403
403
|
});
|
|
404
404
|
PageContainer.displayName = 'PageContainer';
|
|
405
|
-
var templateObject_1$
|
|
405
|
+
var templateObject_1$J;
|
|
406
406
|
|
|
407
407
|
var LoaderButton = function LoaderButton(_a) {
|
|
408
408
|
var children = _a.children,
|
|
@@ -461,30 +461,30 @@ var LoaderButton = function LoaderButton(_a) {
|
|
|
461
461
|
className: "ladda-label"
|
|
462
462
|
}, children));
|
|
463
463
|
};
|
|
464
|
-
var StyledButton = styled.button(templateObject_1$J || (templateObject_1$J = __makeTemplateObject(["\n ", "\n\n /*!\n * Ladda\n * http://lab.hakim.se/ladda\n * MIT licensed\n *\n * Copyright (C) 2018 Hakim El Hattab, http://hakim.se\n */\n\n position: relative;\n\n .ladda-spinner {\n position: absolute;\n z-index: 2;\n display: inline-block;\n width: 32px;\n top: 50%;\n margin-top: 0;\n opacity: 0;\n pointer-events: none;\n }\n .ladda-label {\n position: relative;\n z-index: 3;\n }\n .ladda-progress {\n position: absolute;\n width: 0;\n height: 100%;\n left: 0;\n top: 0;\n background: rgba(0, 0, 0, 0.2);\n display: none;\n transition: 0.1s linear all !important;\n }\n &[data-loading] .ladda-progress {\n display: block;\n }\n\n transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;\n\n .ladda-spinner,\n .ladda-label {\n transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;\n }\n &[data-style='zoom-in'],\n &[data-style='zoom-in'] .ladda-spinner,\n &[data-style='zoom-in'] .ladda-label,\n &[data-style='zoom-out'],\n &[data-style='zoom-out'] .ladda-spinner,\n &[data-style='zoom-out'] .ladda-label {\n transition: 0.3s ease all !important;\n }\n &[data-style='expand-right'] .ladda-spinner {\n right: -6px;\n }\n &[data-style='expand-right'][data-size='s'] .ladda-spinner,\n &[data-style='expand-right'][data-size='xs'] .ladda-spinner {\n right: -12px;\n }\n &[data-style='expand-right'][data-loading] {\n padding-right: 56px;\n }\n &[data-style='expand-right'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='expand-right'][data-loading][data-size='s'],\n &[data-style='expand-right'][data-loading][data-size='xs'] {\n padding-right: 40px;\n }\n &[data-style='expand-left'] .ladda-spinner {\n left: 26px;\n }\n &[data-style='expand-left'][data-size='s'] .ladda-spinner,\n &[data-style='expand-left'][data-size='xs'] .ladda-spinner {\n left: 4px;\n }\n &[data-style='expand-left'][data-loading] {\n padding-left: 56px;\n }\n &[data-style='expand-left'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='expand-left'][data-loading][data-size='s'],\n &[data-style='expand-left'][data-loading][data-size='xs'] {\n padding-left: 40px;\n }\n &[data-style='expand-up'] {\n overflow: hidden;\n }\n &[data-style='expand-up'] .ladda-spinner {\n top: -32px;\n left: 50%;\n margin-left: 0;\n }\n &[data-style='expand-up'][data-loading] {\n padding-top: 54px;\n }\n &[data-style='expand-up'][data-loading] .ladda-spinner {\n opacity: 1;\n top: 26px;\n margin-top: 0;\n }\n &[data-style='expand-up'][data-loading][data-size='s'],\n &[data-style='expand-up'][data-loading][data-size='xs'] {\n padding-top: 32px;\n }\n &[data-style='expand-up'][data-loading][data-size='s'] .ladda-spinner,\n &[data-style='expand-up'][data-loading][data-size='xs'] .ladda-spinner {\n top: 4px;\n }\n &[data-style='expand-down'] {\n overflow: hidden;\n }\n &[data-style='expand-down'] .ladda-spinner {\n top: 62px;\n left: 50%;\n margin-left: 0;\n }\n &[data-style='expand-down'][data-size='s'] .ladda-spinner,\n &[data-style='expand-down'][data-size='xs'] .ladda-spinner {\n top: 40px;\n }\n &[data-style='expand-down'][data-loading] {\n padding-bottom: 54px;\n }\n &[data-style='expand-down'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='expand-down'][data-loading][data-size='s'],\n &[data-style='expand-down'][data-loading][data-size='xs'] {\n padding-bottom: 32px;\n }\n &[data-style='slide-left'] {\n overflow: hidden;\n }\n &[data-style='slide-left'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-left'] .ladda-spinner {\n left: 100%;\n margin-left: 0;\n }\n &[data-style='slide-left'][data-loading] .ladda-label {\n opacity: 0;\n left: -100%;\n }\n &[data-style='slide-left'][data-loading] .ladda-spinner {\n opacity: 1;\n left: 50%;\n }\n &[data-style='slide-right'] {\n overflow: hidden;\n }\n &[data-style='slide-right'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-right'] .ladda-spinner {\n right: 100%;\n margin-left: 0;\n left: 16px;\n }\n [dir='rtl'] &[data-style='slide-right'] .ladda-spinner {\n right: auto;\n }\n &[data-style='slide-right'][data-loading] .ladda-label {\n opacity: 0;\n left: 100%;\n }\n &[data-style='slide-right'][data-loading] .ladda-spinner {\n opacity: 1;\n left: 50%;\n }\n &[data-style='slide-up'] {\n overflow: hidden;\n }\n &[data-style='slide-up'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-up'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n margin-top: 1em;\n }\n &[data-style='slide-up'][data-loading] .ladda-label {\n opacity: 0;\n top: -1em;\n }\n &[data-style='slide-up'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-top: 0;\n }\n &[data-style='slide-down'] {\n overflow: hidden;\n }\n &[data-style='slide-down'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-down'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n margin-top: -2em;\n }\n &[data-style='slide-down'][data-loading] .ladda-label {\n opacity: 0;\n top: 1em;\n }\n &[data-style='slide-down'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-top: 0;\n }\n &[data-style='zoom-out'] {\n overflow: hidden;\n }\n &[data-style='zoom-out'] .ladda-spinner {\n left: 50%;\n margin-left: 32px;\n transform: scale(2.5);\n }\n &[data-style='zoom-out'] .ladda-label {\n position: relative;\n display: inline-block;\n }\n &[data-style='zoom-out'][data-loading] .ladda-label {\n opacity: 0;\n transform: scale(0.5);\n }\n &[data-style='zoom-out'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-left: 0;\n transform: none;\n }\n &[data-style='zoom-in'] {\n overflow: hidden;\n }\n &[data-style='zoom-in'] .ladda-spinner {\n left: 50%;\n margin-left: -16px;\n transform: scale(0.2);\n }\n &[data-style='zoom-in'] .ladda-label {\n position: relative;\n display: inline-block;\n }\n &[data-style='zoom-in'][data-loading] .ladda-label {\n opacity: 0;\n transform: scale(2.2);\n }\n &[data-style='zoom-in'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-left: 0;\n transform: none;\n }\n &[data-style='contract'] {\n overflow: hidden;\n width: 100px;\n }\n &[data-style='contract'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n }\n &[data-style='contract'][data-loading] {\n border-radius: 50%;\n width: 52px;\n }\n &[data-style='contract'][data-loading] .ladda-label {\n opacity: 0;\n }\n &[data-style='contract'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='contract-overlay'] {\n overflow: hidden;\n width: 100px;\n box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0);\n }\n &[data-style='contract-overlay'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n }\n &[data-style='contract-overlay'][data-loading] {\n border-radius: 50%;\n width: 52px;\n box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0.8);\n }\n &[data-style='contract-overlay'][data-loading] .ladda-label {\n opacity: 0;\n }\n &[data-style='contract-overlay'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n [dir='rtl'] .ladda-spinner > div {\n left: 25% !important;\n }\n"], ["\n ", "\n\n /*!\n * Ladda\n * http://lab.hakim.se/ladda\n * MIT licensed\n *\n * Copyright (C) 2018 Hakim El Hattab, http://hakim.se\n */\n\n position: relative;\n\n .ladda-spinner {\n position: absolute;\n z-index: 2;\n display: inline-block;\n width: 32px;\n top: 50%;\n margin-top: 0;\n opacity: 0;\n pointer-events: none;\n }\n .ladda-label {\n position: relative;\n z-index: 3;\n }\n .ladda-progress {\n position: absolute;\n width: 0;\n height: 100%;\n left: 0;\n top: 0;\n background: rgba(0, 0, 0, 0.2);\n display: none;\n transition: 0.1s linear all !important;\n }\n &[data-loading] .ladda-progress {\n display: block;\n }\n\n transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;\n\n .ladda-spinner,\n .ladda-label {\n transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;\n }\n &[data-style='zoom-in'],\n &[data-style='zoom-in'] .ladda-spinner,\n &[data-style='zoom-in'] .ladda-label,\n &[data-style='zoom-out'],\n &[data-style='zoom-out'] .ladda-spinner,\n &[data-style='zoom-out'] .ladda-label {\n transition: 0.3s ease all !important;\n }\n &[data-style='expand-right'] .ladda-spinner {\n right: -6px;\n }\n &[data-style='expand-right'][data-size='s'] .ladda-spinner,\n &[data-style='expand-right'][data-size='xs'] .ladda-spinner {\n right: -12px;\n }\n &[data-style='expand-right'][data-loading] {\n padding-right: 56px;\n }\n &[data-style='expand-right'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='expand-right'][data-loading][data-size='s'],\n &[data-style='expand-right'][data-loading][data-size='xs'] {\n padding-right: 40px;\n }\n &[data-style='expand-left'] .ladda-spinner {\n left: 26px;\n }\n &[data-style='expand-left'][data-size='s'] .ladda-spinner,\n &[data-style='expand-left'][data-size='xs'] .ladda-spinner {\n left: 4px;\n }\n &[data-style='expand-left'][data-loading] {\n padding-left: 56px;\n }\n &[data-style='expand-left'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='expand-left'][data-loading][data-size='s'],\n &[data-style='expand-left'][data-loading][data-size='xs'] {\n padding-left: 40px;\n }\n &[data-style='expand-up'] {\n overflow: hidden;\n }\n &[data-style='expand-up'] .ladda-spinner {\n top: -32px;\n left: 50%;\n margin-left: 0;\n }\n &[data-style='expand-up'][data-loading] {\n padding-top: 54px;\n }\n &[data-style='expand-up'][data-loading] .ladda-spinner {\n opacity: 1;\n top: 26px;\n margin-top: 0;\n }\n &[data-style='expand-up'][data-loading][data-size='s'],\n &[data-style='expand-up'][data-loading][data-size='xs'] {\n padding-top: 32px;\n }\n &[data-style='expand-up'][data-loading][data-size='s'] .ladda-spinner,\n &[data-style='expand-up'][data-loading][data-size='xs'] .ladda-spinner {\n top: 4px;\n }\n &[data-style='expand-down'] {\n overflow: hidden;\n }\n &[data-style='expand-down'] .ladda-spinner {\n top: 62px;\n left: 50%;\n margin-left: 0;\n }\n &[data-style='expand-down'][data-size='s'] .ladda-spinner,\n &[data-style='expand-down'][data-size='xs'] .ladda-spinner {\n top: 40px;\n }\n &[data-style='expand-down'][data-loading] {\n padding-bottom: 54px;\n }\n &[data-style='expand-down'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='expand-down'][data-loading][data-size='s'],\n &[data-style='expand-down'][data-loading][data-size='xs'] {\n padding-bottom: 32px;\n }\n &[data-style='slide-left'] {\n overflow: hidden;\n }\n &[data-style='slide-left'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-left'] .ladda-spinner {\n left: 100%;\n margin-left: 0;\n }\n &[data-style='slide-left'][data-loading] .ladda-label {\n opacity: 0;\n left: -100%;\n }\n &[data-style='slide-left'][data-loading] .ladda-spinner {\n opacity: 1;\n left: 50%;\n }\n &[data-style='slide-right'] {\n overflow: hidden;\n }\n &[data-style='slide-right'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-right'] .ladda-spinner {\n right: 100%;\n margin-left: 0;\n left: 16px;\n }\n [dir='rtl'] &[data-style='slide-right'] .ladda-spinner {\n right: auto;\n }\n &[data-style='slide-right'][data-loading] .ladda-label {\n opacity: 0;\n left: 100%;\n }\n &[data-style='slide-right'][data-loading] .ladda-spinner {\n opacity: 1;\n left: 50%;\n }\n &[data-style='slide-up'] {\n overflow: hidden;\n }\n &[data-style='slide-up'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-up'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n margin-top: 1em;\n }\n &[data-style='slide-up'][data-loading] .ladda-label {\n opacity: 0;\n top: -1em;\n }\n &[data-style='slide-up'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-top: 0;\n }\n &[data-style='slide-down'] {\n overflow: hidden;\n }\n &[data-style='slide-down'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-down'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n margin-top: -2em;\n }\n &[data-style='slide-down'][data-loading] .ladda-label {\n opacity: 0;\n top: 1em;\n }\n &[data-style='slide-down'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-top: 0;\n }\n &[data-style='zoom-out'] {\n overflow: hidden;\n }\n &[data-style='zoom-out'] .ladda-spinner {\n left: 50%;\n margin-left: 32px;\n transform: scale(2.5);\n }\n &[data-style='zoom-out'] .ladda-label {\n position: relative;\n display: inline-block;\n }\n &[data-style='zoom-out'][data-loading] .ladda-label {\n opacity: 0;\n transform: scale(0.5);\n }\n &[data-style='zoom-out'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-left: 0;\n transform: none;\n }\n &[data-style='zoom-in'] {\n overflow: hidden;\n }\n &[data-style='zoom-in'] .ladda-spinner {\n left: 50%;\n margin-left: -16px;\n transform: scale(0.2);\n }\n &[data-style='zoom-in'] .ladda-label {\n position: relative;\n display: inline-block;\n }\n &[data-style='zoom-in'][data-loading] .ladda-label {\n opacity: 0;\n transform: scale(2.2);\n }\n &[data-style='zoom-in'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-left: 0;\n transform: none;\n }\n &[data-style='contract'] {\n overflow: hidden;\n width: 100px;\n }\n &[data-style='contract'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n }\n &[data-style='contract'][data-loading] {\n border-radius: 50%;\n width: 52px;\n }\n &[data-style='contract'][data-loading] .ladda-label {\n opacity: 0;\n }\n &[data-style='contract'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='contract-overlay'] {\n overflow: hidden;\n width: 100px;\n box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0);\n }\n &[data-style='contract-overlay'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n }\n &[data-style='contract-overlay'][data-loading] {\n border-radius: 50%;\n width: 52px;\n box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0.8);\n }\n &[data-style='contract-overlay'][data-loading] .ladda-label {\n opacity: 0;\n }\n &[data-style='contract-overlay'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n [dir='rtl'] .ladda-spinner > div {\n left: 25% !important;\n }\n"])), function (props) {
|
|
464
|
+
var StyledButton = styled.button(templateObject_1$I || (templateObject_1$I = __makeTemplateObject(["\n ", "\n\n /*!\n * Ladda\n * http://lab.hakim.se/ladda\n * MIT licensed\n *\n * Copyright (C) 2018 Hakim El Hattab, http://hakim.se\n */\n\n position: relative;\n\n .ladda-spinner {\n position: absolute;\n z-index: 2;\n display: inline-block;\n width: 32px;\n top: 50%;\n margin-top: 0;\n opacity: 0;\n pointer-events: none;\n }\n .ladda-label {\n position: relative;\n z-index: 3;\n }\n .ladda-progress {\n position: absolute;\n width: 0;\n height: 100%;\n left: 0;\n top: 0;\n background: rgba(0, 0, 0, 0.2);\n display: none;\n transition: 0.1s linear all !important;\n }\n &[data-loading] .ladda-progress {\n display: block;\n }\n\n transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;\n\n .ladda-spinner,\n .ladda-label {\n transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;\n }\n &[data-style='zoom-in'],\n &[data-style='zoom-in'] .ladda-spinner,\n &[data-style='zoom-in'] .ladda-label,\n &[data-style='zoom-out'],\n &[data-style='zoom-out'] .ladda-spinner,\n &[data-style='zoom-out'] .ladda-label {\n transition: 0.3s ease all !important;\n }\n &[data-style='expand-right'] .ladda-spinner {\n right: -6px;\n }\n &[data-style='expand-right'][data-size='s'] .ladda-spinner,\n &[data-style='expand-right'][data-size='xs'] .ladda-spinner {\n right: -12px;\n }\n &[data-style='expand-right'][data-loading] {\n padding-right: 56px;\n }\n &[data-style='expand-right'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='expand-right'][data-loading][data-size='s'],\n &[data-style='expand-right'][data-loading][data-size='xs'] {\n padding-right: 40px;\n }\n &[data-style='expand-left'] .ladda-spinner {\n left: 26px;\n }\n &[data-style='expand-left'][data-size='s'] .ladda-spinner,\n &[data-style='expand-left'][data-size='xs'] .ladda-spinner {\n left: 4px;\n }\n &[data-style='expand-left'][data-loading] {\n padding-left: 56px;\n }\n &[data-style='expand-left'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='expand-left'][data-loading][data-size='s'],\n &[data-style='expand-left'][data-loading][data-size='xs'] {\n padding-left: 40px;\n }\n &[data-style='expand-up'] {\n overflow: hidden;\n }\n &[data-style='expand-up'] .ladda-spinner {\n top: -32px;\n left: 50%;\n margin-left: 0;\n }\n &[data-style='expand-up'][data-loading] {\n padding-top: 54px;\n }\n &[data-style='expand-up'][data-loading] .ladda-spinner {\n opacity: 1;\n top: 26px;\n margin-top: 0;\n }\n &[data-style='expand-up'][data-loading][data-size='s'],\n &[data-style='expand-up'][data-loading][data-size='xs'] {\n padding-top: 32px;\n }\n &[data-style='expand-up'][data-loading][data-size='s'] .ladda-spinner,\n &[data-style='expand-up'][data-loading][data-size='xs'] .ladda-spinner {\n top: 4px;\n }\n &[data-style='expand-down'] {\n overflow: hidden;\n }\n &[data-style='expand-down'] .ladda-spinner {\n top: 62px;\n left: 50%;\n margin-left: 0;\n }\n &[data-style='expand-down'][data-size='s'] .ladda-spinner,\n &[data-style='expand-down'][data-size='xs'] .ladda-spinner {\n top: 40px;\n }\n &[data-style='expand-down'][data-loading] {\n padding-bottom: 54px;\n }\n &[data-style='expand-down'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='expand-down'][data-loading][data-size='s'],\n &[data-style='expand-down'][data-loading][data-size='xs'] {\n padding-bottom: 32px;\n }\n &[data-style='slide-left'] {\n overflow: hidden;\n }\n &[data-style='slide-left'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-left'] .ladda-spinner {\n left: 100%;\n margin-left: 0;\n }\n &[data-style='slide-left'][data-loading] .ladda-label {\n opacity: 0;\n left: -100%;\n }\n &[data-style='slide-left'][data-loading] .ladda-spinner {\n opacity: 1;\n left: 50%;\n }\n &[data-style='slide-right'] {\n overflow: hidden;\n }\n &[data-style='slide-right'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-right'] .ladda-spinner {\n right: 100%;\n margin-left: 0;\n left: 16px;\n }\n [dir='rtl'] &[data-style='slide-right'] .ladda-spinner {\n right: auto;\n }\n &[data-style='slide-right'][data-loading] .ladda-label {\n opacity: 0;\n left: 100%;\n }\n &[data-style='slide-right'][data-loading] .ladda-spinner {\n opacity: 1;\n left: 50%;\n }\n &[data-style='slide-up'] {\n overflow: hidden;\n }\n &[data-style='slide-up'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-up'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n margin-top: 1em;\n }\n &[data-style='slide-up'][data-loading] .ladda-label {\n opacity: 0;\n top: -1em;\n }\n &[data-style='slide-up'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-top: 0;\n }\n &[data-style='slide-down'] {\n overflow: hidden;\n }\n &[data-style='slide-down'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-down'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n margin-top: -2em;\n }\n &[data-style='slide-down'][data-loading] .ladda-label {\n opacity: 0;\n top: 1em;\n }\n &[data-style='slide-down'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-top: 0;\n }\n &[data-style='zoom-out'] {\n overflow: hidden;\n }\n &[data-style='zoom-out'] .ladda-spinner {\n left: 50%;\n margin-left: 32px;\n transform: scale(2.5);\n }\n &[data-style='zoom-out'] .ladda-label {\n position: relative;\n display: inline-block;\n }\n &[data-style='zoom-out'][data-loading] .ladda-label {\n opacity: 0;\n transform: scale(0.5);\n }\n &[data-style='zoom-out'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-left: 0;\n transform: none;\n }\n &[data-style='zoom-in'] {\n overflow: hidden;\n }\n &[data-style='zoom-in'] .ladda-spinner {\n left: 50%;\n margin-left: -16px;\n transform: scale(0.2);\n }\n &[data-style='zoom-in'] .ladda-label {\n position: relative;\n display: inline-block;\n }\n &[data-style='zoom-in'][data-loading] .ladda-label {\n opacity: 0;\n transform: scale(2.2);\n }\n &[data-style='zoom-in'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-left: 0;\n transform: none;\n }\n &[data-style='contract'] {\n overflow: hidden;\n width: 100px;\n }\n &[data-style='contract'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n }\n &[data-style='contract'][data-loading] {\n border-radius: 50%;\n width: 52px;\n }\n &[data-style='contract'][data-loading] .ladda-label {\n opacity: 0;\n }\n &[data-style='contract'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='contract-overlay'] {\n overflow: hidden;\n width: 100px;\n box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0);\n }\n &[data-style='contract-overlay'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n }\n &[data-style='contract-overlay'][data-loading] {\n border-radius: 50%;\n width: 52px;\n box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0.8);\n }\n &[data-style='contract-overlay'][data-loading] .ladda-label {\n opacity: 0;\n }\n &[data-style='contract-overlay'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n [dir='rtl'] .ladda-spinner > div {\n left: 25% !important;\n }\n"], ["\n ", "\n\n /*!\n * Ladda\n * http://lab.hakim.se/ladda\n * MIT licensed\n *\n * Copyright (C) 2018 Hakim El Hattab, http://hakim.se\n */\n\n position: relative;\n\n .ladda-spinner {\n position: absolute;\n z-index: 2;\n display: inline-block;\n width: 32px;\n top: 50%;\n margin-top: 0;\n opacity: 0;\n pointer-events: none;\n }\n .ladda-label {\n position: relative;\n z-index: 3;\n }\n .ladda-progress {\n position: absolute;\n width: 0;\n height: 100%;\n left: 0;\n top: 0;\n background: rgba(0, 0, 0, 0.2);\n display: none;\n transition: 0.1s linear all !important;\n }\n &[data-loading] .ladda-progress {\n display: block;\n }\n\n transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;\n\n .ladda-spinner,\n .ladda-label {\n transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;\n }\n &[data-style='zoom-in'],\n &[data-style='zoom-in'] .ladda-spinner,\n &[data-style='zoom-in'] .ladda-label,\n &[data-style='zoom-out'],\n &[data-style='zoom-out'] .ladda-spinner,\n &[data-style='zoom-out'] .ladda-label {\n transition: 0.3s ease all !important;\n }\n &[data-style='expand-right'] .ladda-spinner {\n right: -6px;\n }\n &[data-style='expand-right'][data-size='s'] .ladda-spinner,\n &[data-style='expand-right'][data-size='xs'] .ladda-spinner {\n right: -12px;\n }\n &[data-style='expand-right'][data-loading] {\n padding-right: 56px;\n }\n &[data-style='expand-right'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='expand-right'][data-loading][data-size='s'],\n &[data-style='expand-right'][data-loading][data-size='xs'] {\n padding-right: 40px;\n }\n &[data-style='expand-left'] .ladda-spinner {\n left: 26px;\n }\n &[data-style='expand-left'][data-size='s'] .ladda-spinner,\n &[data-style='expand-left'][data-size='xs'] .ladda-spinner {\n left: 4px;\n }\n &[data-style='expand-left'][data-loading] {\n padding-left: 56px;\n }\n &[data-style='expand-left'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='expand-left'][data-loading][data-size='s'],\n &[data-style='expand-left'][data-loading][data-size='xs'] {\n padding-left: 40px;\n }\n &[data-style='expand-up'] {\n overflow: hidden;\n }\n &[data-style='expand-up'] .ladda-spinner {\n top: -32px;\n left: 50%;\n margin-left: 0;\n }\n &[data-style='expand-up'][data-loading] {\n padding-top: 54px;\n }\n &[data-style='expand-up'][data-loading] .ladda-spinner {\n opacity: 1;\n top: 26px;\n margin-top: 0;\n }\n &[data-style='expand-up'][data-loading][data-size='s'],\n &[data-style='expand-up'][data-loading][data-size='xs'] {\n padding-top: 32px;\n }\n &[data-style='expand-up'][data-loading][data-size='s'] .ladda-spinner,\n &[data-style='expand-up'][data-loading][data-size='xs'] .ladda-spinner {\n top: 4px;\n }\n &[data-style='expand-down'] {\n overflow: hidden;\n }\n &[data-style='expand-down'] .ladda-spinner {\n top: 62px;\n left: 50%;\n margin-left: 0;\n }\n &[data-style='expand-down'][data-size='s'] .ladda-spinner,\n &[data-style='expand-down'][data-size='xs'] .ladda-spinner {\n top: 40px;\n }\n &[data-style='expand-down'][data-loading] {\n padding-bottom: 54px;\n }\n &[data-style='expand-down'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='expand-down'][data-loading][data-size='s'],\n &[data-style='expand-down'][data-loading][data-size='xs'] {\n padding-bottom: 32px;\n }\n &[data-style='slide-left'] {\n overflow: hidden;\n }\n &[data-style='slide-left'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-left'] .ladda-spinner {\n left: 100%;\n margin-left: 0;\n }\n &[data-style='slide-left'][data-loading] .ladda-label {\n opacity: 0;\n left: -100%;\n }\n &[data-style='slide-left'][data-loading] .ladda-spinner {\n opacity: 1;\n left: 50%;\n }\n &[data-style='slide-right'] {\n overflow: hidden;\n }\n &[data-style='slide-right'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-right'] .ladda-spinner {\n right: 100%;\n margin-left: 0;\n left: 16px;\n }\n [dir='rtl'] &[data-style='slide-right'] .ladda-spinner {\n right: auto;\n }\n &[data-style='slide-right'][data-loading] .ladda-label {\n opacity: 0;\n left: 100%;\n }\n &[data-style='slide-right'][data-loading] .ladda-spinner {\n opacity: 1;\n left: 50%;\n }\n &[data-style='slide-up'] {\n overflow: hidden;\n }\n &[data-style='slide-up'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-up'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n margin-top: 1em;\n }\n &[data-style='slide-up'][data-loading] .ladda-label {\n opacity: 0;\n top: -1em;\n }\n &[data-style='slide-up'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-top: 0;\n }\n &[data-style='slide-down'] {\n overflow: hidden;\n }\n &[data-style='slide-down'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-down'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n margin-top: -2em;\n }\n &[data-style='slide-down'][data-loading] .ladda-label {\n opacity: 0;\n top: 1em;\n }\n &[data-style='slide-down'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-top: 0;\n }\n &[data-style='zoom-out'] {\n overflow: hidden;\n }\n &[data-style='zoom-out'] .ladda-spinner {\n left: 50%;\n margin-left: 32px;\n transform: scale(2.5);\n }\n &[data-style='zoom-out'] .ladda-label {\n position: relative;\n display: inline-block;\n }\n &[data-style='zoom-out'][data-loading] .ladda-label {\n opacity: 0;\n transform: scale(0.5);\n }\n &[data-style='zoom-out'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-left: 0;\n transform: none;\n }\n &[data-style='zoom-in'] {\n overflow: hidden;\n }\n &[data-style='zoom-in'] .ladda-spinner {\n left: 50%;\n margin-left: -16px;\n transform: scale(0.2);\n }\n &[data-style='zoom-in'] .ladda-label {\n position: relative;\n display: inline-block;\n }\n &[data-style='zoom-in'][data-loading] .ladda-label {\n opacity: 0;\n transform: scale(2.2);\n }\n &[data-style='zoom-in'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-left: 0;\n transform: none;\n }\n &[data-style='contract'] {\n overflow: hidden;\n width: 100px;\n }\n &[data-style='contract'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n }\n &[data-style='contract'][data-loading] {\n border-radius: 50%;\n width: 52px;\n }\n &[data-style='contract'][data-loading] .ladda-label {\n opacity: 0;\n }\n &[data-style='contract'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='contract-overlay'] {\n overflow: hidden;\n width: 100px;\n box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0);\n }\n &[data-style='contract-overlay'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n }\n &[data-style='contract-overlay'][data-loading] {\n border-radius: 50%;\n width: 52px;\n box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0.8);\n }\n &[data-style='contract-overlay'][data-loading] .ladda-label {\n opacity: 0;\n }\n &[data-style='contract-overlay'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n [dir='rtl'] .ladda-spinner > div {\n left: 25% !important;\n }\n"])), function (props) {
|
|
465
465
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
|
|
466
466
|
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 ");
|
|
467
467
|
});
|
|
468
|
-
var templateObject_1$
|
|
468
|
+
var templateObject_1$I;
|
|
469
469
|
|
|
470
|
-
var OverlayContainer = styled(PageContainer)(templateObject_1$
|
|
470
|
+
var OverlayContainer = styled(PageContainer)(templateObject_1$H || (templateObject_1$H = __makeTemplateObject(["\n background: ", ";\n ", "\n z-index: 10000;\n"], ["\n background: ", ";\n ", "\n z-index: 10000;\n"])), function (props) {
|
|
471
471
|
return props.theme.background ? "".concat(props.theme.background) : "white";
|
|
472
472
|
}, function (props) {
|
|
473
473
|
return props.theme.textColor ? "color: ".concat(props.theme.textColor, ";") : "";
|
|
474
474
|
});
|
|
475
|
-
var OverlayInner$2 = styled.div(templateObject_2$
|
|
475
|
+
var OverlayInner$2 = styled.div(templateObject_2$y || (templateObject_2$y = __makeTemplateObject(["\n text-align: ", ";\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n max-width: 100dvw;\n max-height: 100dvh;\n width: 100%;\n height: 100%;\n ", "\n"], ["\n text-align: ", ";\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n max-width: 100dvw;\n max-height: 100dvh;\n width: 100%;\n height: 100%;\n ", "\n"])), function (props) {
|
|
476
476
|
var _a;
|
|
477
477
|
return (_a = props.theme.textAlign) !== null && _a !== void 0 ? _a : 'center';
|
|
478
478
|
}, function (props) {
|
|
479
479
|
return props.theme.padding ? "box-sizing: border-box; padding: ".concat(props.theme.padding, ";") : "";
|
|
480
480
|
});
|
|
481
|
-
var OverlayImageContainer = styled.div(templateObject_3$
|
|
482
|
-
var OverlayImageRow = styled.div(templateObject_4$
|
|
483
|
-
var GrayOverlayContainer = styled(OverlayContainer)(templateObject_5$
|
|
484
|
-
var ButtonsColumn = styled.div(templateObject_6$
|
|
485
|
-
var WideButton = styled(LoaderButton)(templateObject_7$
|
|
481
|
+
var OverlayImageContainer = styled.div(templateObject_3$p || (templateObject_3$p = __makeTemplateObject(["\n position: relative;\n display: flex;\n flex-grow: 1;\n padding-bottom: 25px;\n max-width: 100dvw;\n max-height: 100dvh;\n overflow: hidden;\n\n & > img,\n & > svg {\n margin: 0 auto;\n width: max-content;\n max-width: 100%;\n max-height: 100%;\n aspect-ratio: initial;\n object-fit: contain;\n display: block;\n }\n"], ["\n position: relative;\n display: flex;\n flex-grow: 1;\n padding-bottom: 25px;\n max-width: 100dvw;\n max-height: 100dvh;\n overflow: hidden;\n\n & > img,\n & > svg {\n margin: 0 auto;\n width: max-content;\n max-width: 100%;\n max-height: 100%;\n aspect-ratio: initial;\n object-fit: contain;\n display: block;\n }\n"])));
|
|
482
|
+
var OverlayImageRow = styled.div(templateObject_4$j || (templateObject_4$j = __makeTemplateObject(["\n display: flex;\n margin: auto;\n\n & > div {\n max-height: calc(100vh - 320px);\n\n & > img {\n width: 100%;\n max-height: 100%;\n height: auto;\n object-fit: contain;\n }\n }\n"], ["\n display: flex;\n margin: auto;\n\n & > div {\n max-height: calc(100vh - 320px);\n\n & > img {\n width: 100%;\n max-height: 100%;\n height: auto;\n object-fit: contain;\n }\n }\n"])));
|
|
483
|
+
var GrayOverlayContainer = styled(OverlayContainer)(templateObject_5$b || (templateObject_5$b = __makeTemplateObject(["\n background: #f7f6fb;\n"], ["\n background: #f7f6fb;\n"])));
|
|
484
|
+
var ButtonsColumn = styled.div(templateObject_6$8 || (templateObject_6$8 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n gap: 15px 0;\n justify-content: center;\n margin-top: 24px;\n"], ["\n display: flex;\n flex-direction: column;\n gap: 15px 0;\n justify-content: center;\n margin-top: 24px;\n"])));
|
|
485
|
+
var WideButton = styled(LoaderButton)(templateObject_7$5 || (templateObject_7$5 = __makeTemplateObject(["\n width: 100%;\n border-radius: 30px;\n"], ["\n width: 100%;\n border-radius: 30px;\n"])));
|
|
486
486
|
var WideBorderButton = styled(WideButton)(templateObject_8$3 || (templateObject_8$3 = __makeTemplateObject(["\n color: black;\n background: white;\n border: 1px solid var(--idm-color-secondary-500);\n box-sizing: border-box;\n"], ["\n color: black;\n background: white;\n border: 1px solid var(--idm-color-secondary-500);\n box-sizing: border-box;\n"])));
|
|
487
|
-
var templateObject_1$
|
|
487
|
+
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;
|
|
488
488
|
|
|
489
489
|
var GeolocationAccessDeniedOverlay = function GeolocationAccessDeniedOverlay(_a) {
|
|
490
490
|
var accessBlockedImageUrl = _a.accessBlockedImageUrl;
|
|
@@ -731,13 +731,13 @@ var SessionValidationErrorOverlay = function SessionValidationErrorOverlay(_a) {
|
|
|
731
731
|
}, retryText)))));
|
|
732
732
|
};
|
|
733
733
|
|
|
734
|
-
var wavesAnimation = keyframes(templateObject_1$
|
|
735
|
-
var progressBarAnimation = keyframes(templateObject_2$
|
|
736
|
-
var dualRingSpinnerAnimation = keyframes(templateObject_3$
|
|
737
|
-
var progressBorderAnimation = keyframes(templateObject_4$
|
|
738
|
-
var templateObject_1$
|
|
734
|
+
var wavesAnimation = 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"])));
|
|
735
|
+
var progressBarAnimation = 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"])));
|
|
736
|
+
var dualRingSpinnerAnimation = 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"])));
|
|
737
|
+
var progressBorderAnimation = keyframes(templateObject_4$i || (templateObject_4$i = __makeTemplateObject(["\n to {\n stroke-dashoffset: 0;\n }\n"], ["\n to {\n stroke-dashoffset: 0;\n }\n"])));
|
|
738
|
+
var templateObject_1$G, templateObject_2$x, templateObject_3$o, templateObject_4$i;
|
|
739
739
|
|
|
740
|
-
var Spinner = styled.div(templateObject_1$
|
|
740
|
+
var Spinner = styled.div(templateObject_1$F || (templateObject_1$F = __makeTemplateObject(["\n display: inline-block;\n width: ", "px;\n height: ", "px;\n margin: auto;\n\n &:after {\n content: ' ';\n display: block;\n width: ", "px;\n height: ", "px;\n margin: 8px;\n border-radius: 50%;\n border: ", "px solid\n ", ";\n border-color: ", " transparent\n ", " transparent;\n animation: ", " 1.2s linear infinite;\n box-sizing: content-box;\n }\n"], ["\n display: inline-block;\n width: ", "px;\n height: ", "px;\n margin: auto;\n\n &:after {\n content: ' ';\n display: block;\n width: ", "px;\n height: ", "px;\n margin: 8px;\n border-radius: 50%;\n border: ", "px solid\n ", ";\n border-color: ", " transparent\n ", " transparent;\n animation: ", " 1.2s linear infinite;\n box-sizing: content-box;\n }\n"])), function (_a) {
|
|
741
741
|
var $size = _a.$size;
|
|
742
742
|
return $size !== null && $size !== void 0 ? $size : 80;
|
|
743
743
|
}, function (_a) {
|
|
@@ -762,7 +762,7 @@ var Spinner = styled.div(templateObject_1$G || (templateObject_1$G = __makeTempl
|
|
|
762
762
|
var $color = _a.$color;
|
|
763
763
|
return $color !== null && $color !== void 0 ? $color : '#888';
|
|
764
764
|
}, dualRingSpinnerAnimation);
|
|
765
|
-
var templateObject_1$
|
|
765
|
+
var templateObject_1$F;
|
|
766
766
|
|
|
767
767
|
var defaultAuthUrl = 'https://portal-api.idmission.com';
|
|
768
768
|
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'];
|
|
@@ -1900,7 +1900,7 @@ function getFrameDimensions(frame) {
|
|
|
1900
1900
|
return [frameWidth, frameHeight];
|
|
1901
1901
|
}
|
|
1902
1902
|
|
|
1903
|
-
var InvisibleCanvas = styled.canvas(templateObject_1$
|
|
1903
|
+
var InvisibleCanvas = styled.canvas(templateObject_1$E || (templateObject_1$E = __makeTemplateObject(["\n display: none;\n"], ["\n display: none;\n"])));
|
|
1904
1904
|
function drawToCanvas(canvas, frame, width, height) {
|
|
1905
1905
|
if (!canvas) return;
|
|
1906
1906
|
var ctx = canvas.getContext('2d');
|
|
@@ -1920,7 +1920,7 @@ function clearCanvas(canvas) {
|
|
|
1920
1920
|
var _a;
|
|
1921
1921
|
(_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);
|
|
1922
1922
|
}
|
|
1923
|
-
var templateObject_1$
|
|
1923
|
+
var templateObject_1$E;
|
|
1924
1924
|
|
|
1925
1925
|
function listAvailableCameras(facingMode_1) {
|
|
1926
1926
|
return __awaiter(this, arguments, void 0, function (facingMode, requestMicAccess) {
|
|
@@ -4651,12 +4651,12 @@ function DebugStatsPane(_a) {
|
|
|
4651
4651
|
if (!portalLocation) return element;
|
|
4652
4652
|
return /*#__PURE__*/createPortal(element, portalLocation);
|
|
4653
4653
|
}
|
|
4654
|
-
var DebugStatsPaneDiv = styled.span(templateObject_1$
|
|
4655
|
-
var ObjectDetectionDebugOverlayDiv = styled.div(templateObject_2$
|
|
4654
|
+
var DebugStatsPaneDiv = styled.span(templateObject_1$D || (templateObject_1$D = __makeTemplateObject(["\n font-size: 16px;\n font-family: monospace;\n position: absolute;\n left: 20px;\n bottom: 20px;\n margin-right: 20px;\n padding: 8px;\n color: limegreen;\n background: rgba(0, 0, 0, 0.5);\n z-index: 10002;\n"], ["\n font-size: 16px;\n font-family: monospace;\n position: absolute;\n left: 20px;\n bottom: 20px;\n margin-right: 20px;\n padding: 8px;\n color: limegreen;\n background: rgba(0, 0, 0, 0.5);\n z-index: 10002;\n"])));
|
|
4655
|
+
var ObjectDetectionDebugOverlayDiv = styled.div(templateObject_2$w || (templateObject_2$w = __makeTemplateObject(["\n position: absolute;\n z-index: 1001;\n width: 100%;\n height: 100%;\n max-width: 100%;\n max-height: 100%;\n overflow: hidden;\n ", "\n"], ["\n position: absolute;\n z-index: 1001;\n width: 100%;\n height: 100%;\n max-width: 100%;\n max-height: 100%;\n overflow: hidden;\n ", "\n"])), function (_a) {
|
|
4656
4656
|
var $flipX = _a.$flipX;
|
|
4657
4657
|
return $flipX ? 'transform: scaleX(-1);' : '';
|
|
4658
4658
|
});
|
|
4659
|
-
var ObjectDetectionDebugBox = styled.div(templateObject_3$
|
|
4659
|
+
var ObjectDetectionDebugBox = styled.div(templateObject_3$n || (templateObject_3$n = __makeTemplateObject(["\n font: 10px monospace;\n position: absolute;\n border: 3px solid ", ";\n color: ", ";\n ", "\n"], ["\n font: 10px monospace;\n position: absolute;\n border: 3px solid ", ";\n color: ", ";\n ", "\n"])), function (_a) {
|
|
4660
4660
|
var $color = _a.$color;
|
|
4661
4661
|
return $color !== null && $color !== void 0 ? $color : 'green';
|
|
4662
4662
|
}, function (_a) {
|
|
@@ -4666,7 +4666,7 @@ var ObjectDetectionDebugBox = styled.div(templateObject_3$o || (templateObject_3
|
|
|
4666
4666
|
var $flipX = _a.$flipX;
|
|
4667
4667
|
return $flipX ? 'transform: scaleX(-1);' : '';
|
|
4668
4668
|
});
|
|
4669
|
-
var FaceDetectionKeypointMarker = styled.div(templateObject_4$
|
|
4669
|
+
var FaceDetectionKeypointMarker = styled.div(templateObject_4$h || (templateObject_4$h = __makeTemplateObject(["\n position: absolute;\n width: 4px;\n height: 4px;\n border: 2px solid ", ";\n font: 10px monospace;\n color: ", ";\n border-radius: 50%;\n ", "\n"], ["\n position: absolute;\n width: 4px;\n height: 4px;\n border: 2px solid ", ";\n font: 10px monospace;\n color: ", ";\n border-radius: 50%;\n ", "\n"])), function (_a) {
|
|
4670
4670
|
var $color = _a.$color;
|
|
4671
4671
|
return $color !== null && $color !== void 0 ? $color : 'red';
|
|
4672
4672
|
}, function (_a) {
|
|
@@ -4857,7 +4857,7 @@ function SelfieCaptureFaceKeypoint(_a) {
|
|
|
4857
4857
|
}
|
|
4858
4858
|
});
|
|
4859
4859
|
}
|
|
4860
|
-
var templateObject_1$
|
|
4860
|
+
var templateObject_1$D, templateObject_2$w, templateObject_3$n, templateObject_4$h;
|
|
4861
4861
|
|
|
4862
4862
|
var enTranslation = {};
|
|
4863
4863
|
|
|
@@ -5034,7 +5034,7 @@ function useTranslations(verbiage, fallbacks) {
|
|
|
5034
5034
|
}, [fallbacks, i18n.language, t, verbiage]);
|
|
5035
5035
|
}
|
|
5036
5036
|
|
|
5037
|
-
var GuidanceMessageContainerDiv = styled.div(templateObject_1$
|
|
5037
|
+
var GuidanceMessageContainerDiv = styled.div(templateObject_1$C || (templateObject_1$C = __makeTemplateObject(["\n position: absolute;\n top: calc(", ");\n ", "\n font-weight: bold;\n width: 100%;\n display: flex;\n"], ["\n position: absolute;\n top: calc(", ");\n ", "\n font-weight: bold;\n width: 100%;\n display: flex;\n"])), function (_a) {
|
|
5038
5038
|
var $top = _a.$top;
|
|
5039
5039
|
return $top !== null && $top !== void 0 ? $top : '10vh';
|
|
5040
5040
|
}, function (_a) {
|
|
@@ -5047,14 +5047,14 @@ var GuidanceMessageContainer = function GuidanceMessageContainer(props) {
|
|
|
5047
5047
|
if (!portalLocation) return element;
|
|
5048
5048
|
return /*#__PURE__*/createPortal(element, portalLocation);
|
|
5049
5049
|
};
|
|
5050
|
-
var GuidanceMessage = styled.div(templateObject_2$
|
|
5050
|
+
var GuidanceMessage = styled.div(templateObject_2$v || (templateObject_2$v = __makeTemplateObject(["\n margin-left: auto;\n margin-right: auto;\n background: ", ";\n color: ", ";\n padding: 10px 12px 8px;\n border-radius: 8px;\n z-index: 10001;\n"], ["\n margin-left: auto;\n margin-right: auto;\n background: ", ";\n color: ", ";\n padding: 10px 12px 8px;\n border-radius: 8px;\n z-index: 10001;\n"])), function (props) {
|
|
5051
5051
|
var _a, _b, _c, _d, _e, _f;
|
|
5052
5052
|
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';
|
|
5053
5053
|
}, function (props) {
|
|
5054
5054
|
var _a, _b, _c, _d, _e, _f;
|
|
5055
5055
|
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';
|
|
5056
5056
|
});
|
|
5057
|
-
var templateObject_1$
|
|
5057
|
+
var templateObject_1$C, templateObject_2$v;
|
|
5058
5058
|
|
|
5059
5059
|
function OverrideWrongDocumentTypeGuidanceDialog(_a) {
|
|
5060
5060
|
var _b = _a.classNames,
|
|
@@ -5069,7 +5069,7 @@ function OverrideWrongDocumentTypeGuidanceDialog(_a) {
|
|
|
5069
5069
|
buttonText: 'OK'
|
|
5070
5070
|
});
|
|
5071
5071
|
if (!state.allowOverrideWrongDocumentTypeGuidance) return null;
|
|
5072
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
5072
|
+
return /*#__PURE__*/React__default.createElement(Container$1, {
|
|
5073
5073
|
className: classNames.container
|
|
5074
5074
|
}, /*#__PURE__*/React__default.createElement(InnerContainer, {
|
|
5075
5075
|
className: classNames.inner
|
|
@@ -5087,18 +5087,18 @@ function OverrideWrongDocumentTypeGuidanceDialog(_a) {
|
|
|
5087
5087
|
}
|
|
5088
5088
|
}, verbiage.buttonText))));
|
|
5089
5089
|
}
|
|
5090
|
-
var Container$
|
|
5090
|
+
var Container$1 = styled.div(templateObject_1$B || (templateObject_1$B = __makeTemplateObject(["\n position: fixed;\n left: 0;\n bottom: 0;\n width: 100dvw;\n background: ", ";\n color: ", ";\n display: flex;\n z-index: 100001;\n"], ["\n position: fixed;\n left: 0;\n bottom: 0;\n width: 100dvw;\n background: ", ";\n color: ", ";\n display: flex;\n z-index: 100001;\n"])), function (props) {
|
|
5091
5091
|
var _a, _b, _c;
|
|
5092
5092
|
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';
|
|
5093
5093
|
}, function (props) {
|
|
5094
5094
|
var _a, _b, _c;
|
|
5095
5095
|
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';
|
|
5096
5096
|
});
|
|
5097
|
-
var InnerContainer = styled.div(templateObject_2$
|
|
5098
|
-
var Message = styled.span(templateObject_3$
|
|
5099
|
-
var ButtonContainer = styled.div(templateObject_4$
|
|
5100
|
-
var Button = styled(LoaderButton)(templateObject_5$
|
|
5101
|
-
var templateObject_1$
|
|
5097
|
+
var InnerContainer = styled.div(templateObject_2$u || (templateObject_2$u = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n padding: 16px 24px;\n margin: auto 0;\n width: 100%;\n"], ["\n display: flex;\n flex-direction: row;\n padding: 16px 24px;\n margin: auto 0;\n width: 100%;\n"])));
|
|
5098
|
+
var Message = styled.span(templateObject_3$m || (templateObject_3$m = __makeTemplateObject(["\n display: block;\n margin: auto 12px auto 0;\n"], ["\n display: block;\n margin: auto 12px auto 0;\n"])));
|
|
5099
|
+
var ButtonContainer = styled.div(templateObject_4$g || (templateObject_4$g = __makeTemplateObject(["\n display: flex;\n margin-left: auto;\n"], ["\n display: flex;\n margin-left: auto;\n"])));
|
|
5100
|
+
var Button = styled(LoaderButton)(templateObject_5$a || (templateObject_5$a = __makeTemplateObject(["\n white-space: nowrap;\n margin: auto;\n"], ["\n white-space: nowrap;\n margin: auto;\n"])));
|
|
5101
|
+
var templateObject_1$B, templateObject_2$u, templateObject_3$m, templateObject_4$g, templateObject_5$a;
|
|
5102
5102
|
|
|
5103
5103
|
var IdCapture = function IdCapture(_a) {
|
|
5104
5104
|
var _b, _c, _d, _e, _f, _g, _h, _j;
|
|
@@ -5293,13 +5293,13 @@ var CameraAccessDeniedOverlay = function CameraAccessDeniedOverlay(_a) {
|
|
|
5293
5293
|
finished: true
|
|
5294
5294
|
}, verbiage.retryBtnText)));
|
|
5295
5295
|
};
|
|
5296
|
-
var StyledOverlayInner$3 = styled(OverlayInner$2)(templateObject_1$
|
|
5297
|
-
var StyledOverlayImageContainer$3 = styled(OverlayImageContainer)(templateObject_2$
|
|
5298
|
-
var Description$4 = styled.p(templateObject_3$
|
|
5299
|
-
var RetryButton$1 = styled(LoaderButton)(templateObject_4$
|
|
5300
|
-
var templateObject_1$
|
|
5296
|
+
var StyledOverlayInner$3 = styled(OverlayInner$2)(templateObject_1$A || (templateObject_1$A = __makeTemplateObject(["\n max-width: 500px;\n height: auto;\n margin: auto;\n"], ["\n max-width: 500px;\n height: auto;\n margin: auto;\n"])));
|
|
5297
|
+
var StyledOverlayImageContainer$3 = styled(OverlayImageContainer)(templateObject_2$t || (templateObject_2$t = __makeTemplateObject(["\n flex-grow: 0;\n"], ["\n flex-grow: 0;\n"])));
|
|
5298
|
+
var Description$4 = styled.p(templateObject_3$l || (templateObject_3$l = __makeTemplateObject(["\n line-height: 1.5;\n margin-bottom: 50px;\n"], ["\n line-height: 1.5;\n margin-bottom: 50px;\n"])));
|
|
5299
|
+
var RetryButton$1 = styled(LoaderButton)(templateObject_4$f || (templateObject_4$f = __makeTemplateObject(["\n width: 200px;\n margin: 0 auto;\n"], ["\n width: 200px;\n margin: 0 auto;\n"])));
|
|
5300
|
+
var templateObject_1$A, templateObject_2$t, templateObject_3$l, templateObject_4$f;
|
|
5301
5301
|
|
|
5302
|
-
var ExitCaptureStyledButton = styled.button(templateObject_1$
|
|
5302
|
+
var ExitCaptureStyledButton = styled.button(templateObject_1$z || (templateObject_1$z = __makeTemplateObject(["\n position: absolute;\n top: 12px;\n right: 12px;\n font-size: 20px;\n width: 32px;\n height: 32px;\n font-family: monospace;\n z-index: 1002;\n border: none;\n border-radius: 4px;\n background: #ccc;\n cursor: pointer;\n padding: 8px;\n box-sizing: border-box;\n display: flex;\n\n &:hover {\n background: #ddd;\n }\n\n & > svg {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n"], ["\n position: absolute;\n top: 12px;\n right: 12px;\n font-size: 20px;\n width: 32px;\n height: 32px;\n font-family: monospace;\n z-index: 1002;\n border: none;\n border-radius: 4px;\n background: #ccc;\n cursor: pointer;\n padding: 8px;\n box-sizing: border-box;\n display: flex;\n\n &:hover {\n background: #ddd;\n }\n\n & > svg {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n"])));
|
|
5303
5303
|
var ExitCaptureButton = function ExitCaptureButton(_a) {
|
|
5304
5304
|
var onClick = _a.onClick,
|
|
5305
5305
|
className = _a.className;
|
|
@@ -5343,11 +5343,11 @@ var ExitCaptureButton = function ExitCaptureButton(_a) {
|
|
|
5343
5343
|
y2: "19.75"
|
|
5344
5344
|
}))));
|
|
5345
5345
|
};
|
|
5346
|
-
var templateObject_1$A;
|
|
5347
|
-
|
|
5348
|
-
var ButtonsRow = styled.div(templateObject_1$z || (templateObject_1$z = __makeTemplateObject(["\n display: flex;\n gap: 0 15px;\n justify-content: center;\n"], ["\n display: flex;\n gap: 0 15px;\n justify-content: center;\n"])));
|
|
5349
5346
|
var templateObject_1$z;
|
|
5350
5347
|
|
|
5348
|
+
var ButtonsRow = styled.div(templateObject_1$y || (templateObject_1$y = __makeTemplateObject(["\n display: flex;\n gap: 0 15px;\n justify-content: center;\n"], ["\n display: flex;\n gap: 0 15px;\n justify-content: center;\n"])));
|
|
5349
|
+
var templateObject_1$y;
|
|
5350
|
+
|
|
5351
5351
|
function IdCaptureLoadingGraphic(props) {
|
|
5352
5352
|
var isMobile = window.innerHeight > window.innerWidth;
|
|
5353
5353
|
return isMobile ? ( /*#__PURE__*/React__default.createElement(IdCaptureLoadingGraphicMobile, _assign({}, props))) : ( /*#__PURE__*/React__default.createElement(IdCaptureLoadingGraphicDesktop, _assign({}, props)));
|
|
@@ -6037,24 +6037,24 @@ var IdCaptureLoadingOverlayDefault = function IdCaptureLoadingOverlayDefault(_a)
|
|
|
6037
6037
|
}
|
|
6038
6038
|
}, verbiage.continueText))))));
|
|
6039
6039
|
};
|
|
6040
|
-
var OverlayInner$1 = styled.div(templateObject_1$
|
|
6040
|
+
var OverlayInner$1 = styled.div(templateObject_1$x || (templateObject_1$x = __makeTemplateObject(["\n height: 100dvh;\n display: flex;\n flex-direction: column;\n background: ", ";\n color: ", ";\n"], ["\n height: 100dvh;\n display: flex;\n flex-direction: column;\n background: ", ";\n color: ", ";\n"])), function (props) {
|
|
6041
6041
|
var _a, _b, _c, _d;
|
|
6042
6042
|
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';
|
|
6043
6043
|
}, function (props) {
|
|
6044
6044
|
var _a, _b, _c, _d;
|
|
6045
6045
|
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';
|
|
6046
6046
|
});
|
|
6047
|
-
var OverlayHeader$1 = styled.div(templateObject_2$
|
|
6047
|
+
var OverlayHeader$1 = styled.div(templateObject_2$s || (templateObject_2$s = __makeTemplateObject(["\n text-align: ", ";\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n ", "\n padding-bottom: 0;\n"], ["\n text-align: ", ";\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n ", "\n padding-bottom: 0;\n"])), function (props) {
|
|
6048
6048
|
var _a;
|
|
6049
6049
|
return (_a = props.theme.textAlign) !== null && _a !== void 0 ? _a : 'center';
|
|
6050
6050
|
}, function (props) {
|
|
6051
6051
|
return props.theme.padding ? "box-sizing: border-box; padding: ".concat(props.theme.padding, ";") : "";
|
|
6052
6052
|
});
|
|
6053
|
-
var StyledGuidanceMessage$2 = styled(GuidanceMessage)(templateObject_3$
|
|
6054
|
-
var StyledOverlayImageContainer$2 = styled(OverlayImageContainer)(templateObject_4$
|
|
6055
|
-
var ContinuityCameraCheckboxContainer$1 = styled.div(templateObject_5$
|
|
6056
|
-
var ContinuityCameraCheckboxInner = styled(GuidanceMessage)(templateObject_6$
|
|
6057
|
-
var ContinuityCameraCheckbox$1 = styled.input(templateObject_7$
|
|
6053
|
+
var StyledGuidanceMessage$2 = styled(GuidanceMessage)(templateObject_3$k || (templateObject_3$k = __makeTemplateObject(["\n padding: 16px 24px;\n margin-top: 16px;\n font-size: 18px;\n font-weight: bold;\n background: white;\n box-shadow:\n 0 1px 3px 0 rgb(0 0 0 / 0.1),\n 0 1px 2px -1px rgb(0 0 0 / 0.1);\n"], ["\n padding: 16px 24px;\n margin-top: 16px;\n font-size: 18px;\n font-weight: bold;\n background: white;\n box-shadow:\n 0 1px 3px 0 rgb(0 0 0 / 0.1),\n 0 1px 2px -1px rgb(0 0 0 / 0.1);\n"])));
|
|
6054
|
+
var StyledOverlayImageContainer$2 = styled(OverlayImageContainer)(templateObject_4$e || (templateObject_4$e = __makeTemplateObject(["\n padding: 0 0 100px;\n\n & > svg {\n height: 100%;\n }\n"], ["\n padding: 0 0 100px;\n\n & > svg {\n height: 100%;\n }\n"])));
|
|
6055
|
+
var ContinuityCameraCheckboxContainer$1 = styled.div(templateObject_5$9 || (templateObject_5$9 = __makeTemplateObject(["\n position: fixed;\n bottom: 120px;\n width: 100dvw;\n display: flex;\n"], ["\n position: fixed;\n bottom: 120px;\n width: 100dvw;\n display: flex;\n"])));
|
|
6056
|
+
var ContinuityCameraCheckboxInner = styled(GuidanceMessage)(templateObject_6$7 || (templateObject_6$7 = __makeTemplateObject(["\n padding: 12px 18px;\n margin: 0 auto;\n font-size: 14px;\n font-weight: bold;\n background: white;\n box-shadow:\n 0 1px 3px 0 rgb(0 0 0 / 0.1),\n 0 1px 2px -1px rgb(0 0 0 / 0.1);\n"], ["\n padding: 12px 18px;\n margin: 0 auto;\n font-size: 14px;\n font-weight: bold;\n background: white;\n box-shadow:\n 0 1px 3px 0 rgb(0 0 0 / 0.1),\n 0 1px 2px -1px rgb(0 0 0 / 0.1);\n"])));
|
|
6057
|
+
var ContinuityCameraCheckbox$1 = styled.input(templateObject_7$4 || (templateObject_7$4 = __makeTemplateObject(["\n margin-right: 8px;\n"], ["\n margin-right: 8px;\n"])));
|
|
6058
6058
|
var StyledButtonsRow$a = styled(ButtonsRow)(templateObject_8$2 || (templateObject_8$2 = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n padding: 15px 25px;\n height: 100px;\n color: ", ";\n ", "\n position: fixed;\n bottom: 0;\n left: 0;\n width: 100dvw;\n box-sizing: border-box;\n"], ["\n display: flex;\n flex-direction: row;\n padding: 15px 25px;\n height: 100px;\n color: ", ";\n ", "\n position: fixed;\n bottom: 0;\n left: 0;\n width: 100dvw;\n box-sizing: border-box;\n"])), function (props) {
|
|
6059
6059
|
var _a, _b, _c, _d;
|
|
6060
6060
|
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';
|
|
@@ -6089,10 +6089,10 @@ var ContinueButton$1 = styled(LoaderButton)(templateObject_18 || (templateObject
|
|
|
6089
6089
|
var _a, _b, _c, _d, _e, _f;
|
|
6090
6090
|
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, ";") : '';
|
|
6091
6091
|
});
|
|
6092
|
-
var templateObject_1$
|
|
6092
|
+
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;
|
|
6093
6093
|
|
|
6094
|
-
var ContinuityCameraCheckboxContainer = styled.div(templateObject_1$
|
|
6095
|
-
var ContinuityCameraCheckbox = styled.input(templateObject_2$
|
|
6094
|
+
var ContinuityCameraCheckboxContainer = styled.div(templateObject_1$w || (templateObject_1$w = __makeTemplateObject(["\n margin-top: 15px;\n margin-bottom: 15px;\n"], ["\n margin-top: 15px;\n margin-bottom: 15px;\n"])));
|
|
6095
|
+
var ContinuityCameraCheckbox = styled.input(templateObject_2$r || (templateObject_2$r = __makeTemplateObject(["\n margin-right: 8px;\n"], ["\n margin-right: 8px;\n"])));
|
|
6096
6096
|
var IdCaptureLoadingOverlayLegacy = function IdCaptureLoadingOverlayLegacy(_a) {
|
|
6097
6097
|
var _b, _c, _d, _e;
|
|
6098
6098
|
var onDismissed = _a.onDismissed,
|
|
@@ -6203,7 +6203,7 @@ var IdCaptureLoadingOverlayLegacy = function IdCaptureLoadingOverlayLegacy(_a) {
|
|
|
6203
6203
|
}
|
|
6204
6204
|
}, cameraReady && modelsReady ? verbiage.continueText : modelsReady ? verbiage.cameraInitializingText : modelDownloadProgress >= 100 ? verbiage.modelsWarmingUpText : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)"))));
|
|
6205
6205
|
};
|
|
6206
|
-
var templateObject_1$
|
|
6206
|
+
var templateObject_1$w, templateObject_2$r;
|
|
6207
6207
|
|
|
6208
6208
|
var components$1 = {
|
|
6209
6209
|
"default": IdCaptureLoadingOverlayDefault,
|
|
@@ -6261,9 +6261,9 @@ var CapturedDocumentImg = function CapturedDocumentImg(_a) {
|
|
|
6261
6261
|
});
|
|
6262
6262
|
};
|
|
6263
6263
|
|
|
6264
|
-
var Card = styled.div(templateObject_1$
|
|
6265
|
-
var FlexCard = styled(Card)(templateObject_2$
|
|
6266
|
-
var templateObject_1$
|
|
6264
|
+
var Card = styled.div(templateObject_1$v || (templateObject_1$v = __makeTemplateObject(["\n background: white;\n border-radius: 8px;\n padding: 24px;\n box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);\n margin: auto;\n max-width: min(500px, 100dvw - 48px);\n max-height: 100%;\n overflow: auto;\n box-sizing: border-box;\n"], ["\n background: white;\n border-radius: 8px;\n padding: 24px;\n box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);\n margin: auto;\n max-width: min(500px, 100dvw - 48px);\n max-height: 100%;\n overflow: auto;\n box-sizing: border-box;\n"])));
|
|
6265
|
+
var FlexCard = styled(Card)(templateObject_2$q || (templateObject_2$q = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n"], ["\n display: flex;\n flex-direction: column;\n"])));
|
|
6266
|
+
var templateObject_1$v, templateObject_2$q;
|
|
6267
6267
|
|
|
6268
6268
|
var IdCaptureSuccess = function IdCaptureSuccess(_a) {
|
|
6269
6269
|
var capturedDocuments = _a.capturedDocuments,
|
|
@@ -6338,13 +6338,13 @@ var IdCaptureSuccess = function IdCaptureSuccess(_a) {
|
|
|
6338
6338
|
finished: true
|
|
6339
6339
|
}, verbiage.retryText)))));
|
|
6340
6340
|
};
|
|
6341
|
-
var Heading$a = styled.h1(templateObject_1$
|
|
6342
|
-
var ImagesContainer = styled(OverlayImageContainer)(templateObject_2$
|
|
6343
|
-
var ImageRow = styled(OverlayImageRow)(templateObject_3$
|
|
6344
|
-
var ImageCol$1 = styled.div(templateObject_4$
|
|
6345
|
-
var StyledImage = styled(CapturedDocumentImg)(templateObject_5$
|
|
6346
|
-
var DebugPre = styled.pre(templateObject_6$
|
|
6347
|
-
var templateObject_1$
|
|
6341
|
+
var Heading$a = styled.h1(templateObject_1$u || (templateObject_1$u = __makeTemplateObject(["\n font-size: 1.5rem;\n margin-top: 0;\n margin-bottom: 1.5rem;\n"], ["\n font-size: 1.5rem;\n margin-top: 0;\n margin-bottom: 1.5rem;\n"])));
|
|
6342
|
+
var ImagesContainer = styled(OverlayImageContainer)(templateObject_2$p || (templateObject_2$p = __makeTemplateObject(["\n flex-grow: 1;\n overflow-y: auto;\n padding-bottom: 0;\n max-width: 100%;\n"], ["\n flex-grow: 1;\n overflow-y: auto;\n padding-bottom: 0;\n max-width: 100%;\n"])));
|
|
6343
|
+
var ImageRow = styled(OverlayImageRow)(templateObject_3$j || (templateObject_3$j = __makeTemplateObject(["\n max-width: 100%;\n flex-direction: column;\n display: grid;\n grid-gap: 12px;\n //grid-template-columns: 1fr 1fr;\n"], ["\n max-width: 100%;\n flex-direction: column;\n display: grid;\n grid-gap: 12px;\n //grid-template-columns: 1fr 1fr;\n"])));
|
|
6344
|
+
var ImageCol$1 = styled.div(templateObject_4$d || (templateObject_4$d = __makeTemplateObject(["\n width: 100%;\n max-height: none !important;\n"], ["\n width: 100%;\n max-height: none !important;\n"])));
|
|
6345
|
+
var StyledImage = styled(CapturedDocumentImg)(templateObject_5$8 || (templateObject_5$8 = __makeTemplateObject(["\n width: 100%;\n border-radius: 12px;\n"], ["\n width: 100%;\n border-radius: 12px;\n"])));
|
|
6346
|
+
var DebugPre = styled.pre(templateObject_6$6 || (templateObject_6$6 = __makeTemplateObject(["\n text-align: left;\n max-width: min(450px, 100dvw - 100px);\n overflow-x: auto;\n"], ["\n text-align: left;\n max-width: min(450px, 100dvw - 100px);\n overflow-x: auto;\n"])));
|
|
6347
|
+
var templateObject_1$u, templateObject_2$p, templateObject_3$j, templateObject_4$d, templateObject_5$8, templateObject_6$6;
|
|
6348
6348
|
|
|
6349
6349
|
function useShowSuccessScreen(skipSuccessScreen, successScreenReady, onDoneCallback) {
|
|
6350
6350
|
var _this = this;
|
|
@@ -6396,10 +6396,10 @@ function resetCanvasDimensions(canvas) {
|
|
|
6396
6396
|
canvas.style.height = '0';
|
|
6397
6397
|
}
|
|
6398
6398
|
|
|
6399
|
-
var IdCardGuideImageContainer = styled(IdCardBorder)(templateObject_1$
|
|
6399
|
+
var IdCardGuideImageContainer = styled(IdCardBorder)(templateObject_1$t || (templateObject_1$t = __makeTemplateObject(["\n position: relative;\n ", "\n box-sizing: border-box;\n"], ["\n position: relative;\n ", "\n box-sizing: border-box;\n"])), function (props) {
|
|
6400
6400
|
return props.$isVisible ? '' : 'opacity: 0;';
|
|
6401
6401
|
});
|
|
6402
|
-
var IdCardGuideImage = styled.img(templateObject_2$
|
|
6402
|
+
var IdCardGuideImage = styled.img(templateObject_2$o || (templateObject_2$o = __makeTemplateObject(["\n ", "\n ", "\n"], ["\n ", "\n ", "\n"])), function (props) {
|
|
6403
6403
|
return props.$isMirrored ? 'transform: scaleX(-1);' : '';
|
|
6404
6404
|
}, function (props) {
|
|
6405
6405
|
return props.$isInvisible ? 'opacity: 0;' : '';
|
|
@@ -6541,16 +6541,16 @@ function IdCardBorderSvg(_a) {
|
|
|
6541
6541
|
className: isProgressBar ? "idmSdkProgressBorder ".concat(progressPaused ? 'idmSdkProgressPaused' : '') : ''
|
|
6542
6542
|
}));
|
|
6543
6543
|
}
|
|
6544
|
-
var IdCardBorderContainer = styled.div(templateObject_3$
|
|
6545
|
-
var SvgOverlay = styled.svg(templateObject_4$
|
|
6546
|
-
var IdCardBorderRect = styled.rect(templateObject_5$
|
|
6544
|
+
var IdCardBorderContainer = styled.div(templateObject_3$i || (templateObject_3$i = __makeTemplateObject(["\n & > .idmSdkWaves {\n position: absolute;\n animation: ", " 2s ease-out infinite;\n\n &:nth-child(2) {\n animation-delay: 0.66s;\n }\n\n &:nth-child(3) {\n animation-delay: 1.33s;\n }\n }\n"], ["\n & > .idmSdkWaves {\n position: absolute;\n animation: ", " 2s ease-out infinite;\n\n &:nth-child(2) {\n animation-delay: 0.66s;\n }\n\n &:nth-child(3) {\n animation-delay: 1.33s;\n }\n }\n"])), wavesAnimation);
|
|
6545
|
+
var SvgOverlay = styled.svg(templateObject_4$c || (templateObject_4$c = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n"])));
|
|
6546
|
+
var IdCardBorderRect = styled.rect(templateObject_5$7 || (templateObject_5$7 = __makeTemplateObject(["\n &.idmSdkProgressBorder {\n animation: ", " ", "\n ", ";\n }\n\n &.idmSdkProgressPaused {\n animation-play-state: paused;\n }\n"], ["\n &.idmSdkProgressBorder {\n animation: ", " ", "\n ", ";\n }\n\n &.idmSdkProgressPaused {\n animation-play-state: paused;\n }\n"])), progressBorderAnimation, function (props) {
|
|
6547
6547
|
var _a;
|
|
6548
6548
|
return (_a = props.$speed) !== null && _a !== void 0 ? _a : '3s';
|
|
6549
6549
|
}, function (props) {
|
|
6550
6550
|
var _a;
|
|
6551
6551
|
return (_a = props.$fillMode) !== null && _a !== void 0 ? _a : 'forwards';
|
|
6552
6552
|
});
|
|
6553
|
-
var templateObject_1$
|
|
6553
|
+
var templateObject_1$t, templateObject_2$o, templateObject_3$i, templateObject_4$c, templateObject_5$7;
|
|
6554
6554
|
|
|
6555
6555
|
var defaultIdCaptureGuideImages = {
|
|
6556
6556
|
portrait: {
|
|
@@ -6656,81 +6656,12 @@ function getOrientation(allowPortraitOnMobile) {
|
|
|
6656
6656
|
return allowPortraitOnMobile && window.innerWidth < window.innerHeight ? 'portrait' : 'landscape';
|
|
6657
6657
|
}
|
|
6658
6658
|
|
|
6659
|
-
var
|
|
6660
|
-
var _b;
|
|
6661
|
-
var _c = _a.idCaptureGuideImages,
|
|
6662
|
-
idCaptureGuideImages = _c === void 0 ? defaultIdCaptureGuideImages : _c,
|
|
6663
|
-
_d = _a.classNames,
|
|
6664
|
-
classNames = _d === void 0 ? {} : _d,
|
|
6665
|
-
borderWidth = _a.borderWidth,
|
|
6666
|
-
borderColor = _a.borderColor,
|
|
6667
|
-
borderRadius = _a.borderRadius,
|
|
6668
|
-
imageStyle = _a.imageStyle;
|
|
6669
|
-
var cameraRef = useContext(CameraStateContext).cameraRef;
|
|
6670
|
-
var isMirrored = !((_b = cameraRef.current) === null || _b === void 0 ? void 0 : _b.isRearFacing);
|
|
6671
|
-
var _e = useState(1),
|
|
6672
|
-
transitionTime = _e[0],
|
|
6673
|
-
setTransitionTime = _e[1];
|
|
6674
|
-
var _f = useState(0),
|
|
6675
|
-
rotationAngle = _f[0],
|
|
6676
|
-
setRotationAngle = _f[1];
|
|
6677
|
-
var frontTransforms = ["rotateY(".concat(rotationAngle, "deg)")];
|
|
6678
|
-
if (isMirrored) frontTransforms.push('scaleX(-1)');
|
|
6679
|
-
var backTransforms = ["rotateY(".concat(180 - rotationAngle, "deg)")];
|
|
6680
|
-
if (isMirrored) backTransforms.push('scaleX(-1)');
|
|
6681
|
-
useEffect(function () {
|
|
6682
|
-
var timeout;
|
|
6683
|
-
function doFlip() {
|
|
6684
|
-
setTransitionTime(1);
|
|
6685
|
-
setRotationAngle(180);
|
|
6686
|
-
timeout = setTimeout(function () {
|
|
6687
|
-
setTransitionTime(0);
|
|
6688
|
-
setRotationAngle(0);
|
|
6689
|
-
}, 1500);
|
|
6690
|
-
}
|
|
6691
|
-
var interval = setInterval(doFlip, 2500);
|
|
6692
|
-
timeout = setTimeout(doFlip, 250);
|
|
6693
|
-
return function () {
|
|
6694
|
-
clearInterval(interval);
|
|
6695
|
-
clearTimeout(timeout);
|
|
6696
|
-
};
|
|
6697
|
-
}, []);
|
|
6698
|
-
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(FlipImageContainer, {
|
|
6699
|
-
className: classNames.frontImageContainer,
|
|
6700
|
-
status: "disabled",
|
|
6701
|
-
borderWidth: borderWidth,
|
|
6702
|
-
borderColor: borderColor,
|
|
6703
|
-
borderRadius: borderRadius,
|
|
6704
|
-
"$transforms": frontTransforms.join(' '),
|
|
6705
|
-
"$transitionTime": transitionTime,
|
|
6706
|
-
"$isVisible": true
|
|
6707
|
-
}, /*#__PURE__*/React__default.createElement(IdCardGuideImage, {
|
|
6708
|
-
src: idCaptureGuideImages.landscape.SHOW_ID_FRONT.url,
|
|
6709
|
-
className: classNames.frontImage,
|
|
6710
|
-
alt: "",
|
|
6711
|
-
style: imageStyle
|
|
6712
|
-
})), /*#__PURE__*/React__default.createElement(FlipImageContainer, {
|
|
6713
|
-
className: classNames.backImageContainer,
|
|
6714
|
-
status: "disabled",
|
|
6715
|
-
borderWidth: borderWidth,
|
|
6716
|
-
borderColor: borderColor,
|
|
6717
|
-
borderRadius: borderRadius,
|
|
6718
|
-
"$transforms": backTransforms.join(' '),
|
|
6719
|
-
"$transitionTime": transitionTime,
|
|
6720
|
-
"$isVisible": true
|
|
6721
|
-
}, /*#__PURE__*/React__default.createElement(IdCardGuideImage, {
|
|
6722
|
-
src: idCaptureGuideImages.landscape.SHOW_ID_BACK.url,
|
|
6723
|
-
className: classNames.backImage,
|
|
6724
|
-
alt: "",
|
|
6725
|
-
style: imageStyle
|
|
6726
|
-
})));
|
|
6727
|
-
};
|
|
6728
|
-
var FlipImageContainer = styled(IdCardGuideImageContainer)(templateObject_1$t || (templateObject_1$t = __makeTemplateObject(["\n backface-visibility: hidden;\n transition: transform ", "s;\n transform: ", ";\n transform-style: preserve-3d;\n position: absolute;\n display: block;\n top: 0;\n width: 100%;\n max-height: 100%;\n"], ["\n backface-visibility: hidden;\n transition: transform ", "s;\n transform: ", ";\n transform-style: preserve-3d;\n position: absolute;\n display: block;\n top: 0;\n width: 100%;\n max-height: 100%;\n"])), function (props) {
|
|
6659
|
+
var FlipImageContainer = styled(IdCardGuideImageContainer)(templateObject_1$s || (templateObject_1$s = __makeTemplateObject(["\n backface-visibility: hidden;\n transition: transform ", "s;\n transform: ", ";\n transform-style: preserve-3d;\n position: absolute;\n display: block;\n top: 0;\n width: 100%;\n max-height: 100%;\n"], ["\n backface-visibility: hidden;\n transition: transform ", "s;\n transform: ", ";\n transform-style: preserve-3d;\n position: absolute;\n display: block;\n top: 0;\n width: 100%;\n max-height: 100%;\n"])), function (props) {
|
|
6729
6660
|
return props.$transitionTime;
|
|
6730
6661
|
}, function (props) {
|
|
6731
6662
|
return props.$transforms;
|
|
6732
6663
|
});
|
|
6733
|
-
var templateObject_1$
|
|
6664
|
+
var templateObject_1$s;
|
|
6734
6665
|
|
|
6735
6666
|
var GuideOrientationContext = /*#__PURE__*/createContext({
|
|
6736
6667
|
orientation: 'landscape',
|
|
@@ -7019,10 +6950,10 @@ var regionClsx = function regionClsx(classNames, which) {
|
|
|
7019
6950
|
return v;
|
|
7020
6951
|
}).join(' ');
|
|
7021
6952
|
};
|
|
7022
|
-
var StyledPageContainer = styled(PageContainerDiv)(templateObject_1$
|
|
7023
|
-
var GuidesContainer = styled.div(templateObject_2$
|
|
7024
|
-
var GuideCenterRow = styled.div(templateObject_3$
|
|
7025
|
-
var GuideRegion = styled.div(templateObject_4$
|
|
6953
|
+
var StyledPageContainer = styled(PageContainerDiv)(templateObject_1$r || (templateObject_1$r = __makeTemplateObject(["\n z-index: 1000;\n overflow-y: hidden;\n"], ["\n z-index: 1000;\n overflow-y: hidden;\n"])));
|
|
6954
|
+
var GuidesContainer = styled.div(templateObject_2$n || (templateObject_2$n = __makeTemplateObject(["\n display: flex;\n flex-flow: column nowrap;\n width: 100dvw;\n height: 100dvh;\n"], ["\n display: flex;\n flex-flow: column nowrap;\n width: 100dvw;\n height: 100dvh;\n"])));
|
|
6955
|
+
var GuideCenterRow = styled.div(templateObject_3$h || (templateObject_3$h = __makeTemplateObject(["\n position: relative;\n display: flex;\n flex-flow: row nowrap;\n align-items: center;\n justify-items: center;\n box-sizing: border-box;\n max-width: 100%;\n max-height: 100%;\n min-height: 0;\n flex: 1;\n"], ["\n position: relative;\n display: flex;\n flex-flow: row nowrap;\n align-items: center;\n justify-items: center;\n box-sizing: border-box;\n max-width: 100%;\n max-height: 100%;\n min-height: 0;\n flex: 1;\n"])));
|
|
6956
|
+
var GuideRegion = styled.div(templateObject_4$b || (templateObject_4$b = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n justify-content: end;\n width: 100%;\n position: relative;\n z-index: 1000;\n background: ", ";\n color: ", ";\n text-align: center;\n ", "\n ", "\n"], ["\n display: flex;\n flex-direction: column;\n justify-content: end;\n width: 100%;\n position: relative;\n z-index: 1000;\n background: ", ";\n color: ", ";\n text-align: center;\n ", "\n ", "\n"])), function (props) {
|
|
7026
6957
|
var _a, _b, _c, _d, _e;
|
|
7027
6958
|
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)';
|
|
7028
6959
|
}, function (props) {
|
|
@@ -7033,13 +6964,13 @@ var GuideRegion = styled.div(templateObject_4$c || (templateObject_4$c = __makeT
|
|
|
7033
6964
|
}, function (props) {
|
|
7034
6965
|
return props.$minHeight ? "min-height: ".concat(props.$minHeight, "px;") : "";
|
|
7035
6966
|
});
|
|
7036
|
-
var Spacer = styled(GuideRegion)(templateObject_5$
|
|
7037
|
-
var GuideCenterRegion = styled.div(templateObject_6$
|
|
6967
|
+
var Spacer = styled(GuideRegion)(templateObject_5$6 || (templateObject_5$6 = __makeTemplateObject(["\n display: block;\n width: auto;\n"], ["\n display: block;\n width: auto;\n"])));
|
|
6968
|
+
var GuideCenterRegion = styled.div(templateObject_6$5 || (templateObject_6$5 = __makeTemplateObject(["\n ", "\n ", "\n box-sizing: border-box;\n display: flex;\n flex: 1;\n max-height: 100%;\n height: 100%;\n"], ["\n ", "\n ", "\n box-sizing: border-box;\n display: flex;\n flex: 1;\n max-height: 100%;\n height: 100%;\n"])), function (props) {
|
|
7038
6969
|
return props.$minWidth ? "min-width: ".concat(props.$minWidth, "px;") : "";
|
|
7039
6970
|
}, function (props) {
|
|
7040
6971
|
return props.$isMirrored ? 'transform: scaleX(-1);' : '';
|
|
7041
6972
|
});
|
|
7042
|
-
var GuideCenterBorder = styled.div(templateObject_7$
|
|
6973
|
+
var GuideCenterBorder = styled.div(templateObject_7$3 || (templateObject_7$3 = __makeTemplateObject(["\n box-sizing: border-box;\n border: ", ";\n display: flex;\n flex: 1;\n justify-content: center;\n max-height: 100%;\n min-height: 0;\n position: relative;\n ", "\n"], ["\n box-sizing: border-box;\n border: ", ";\n display: flex;\n flex: 1;\n justify-content: center;\n max-height: 100%;\n min-height: 0;\n position: relative;\n ", "\n"])), function (props) {
|
|
7043
6974
|
var _a, _b;
|
|
7044
6975
|
return "".concat((_a = props.$borderWidth) !== null && _a !== void 0 ? _a : 4, "px solid ").concat((_b = props.$borderColor) !== null && _b !== void 0 ? _b : 'white');
|
|
7045
6976
|
}, function (props) {
|
|
@@ -7047,7 +6978,7 @@ var GuideCenterBorder = styled.div(templateObject_7$4 || (templateObject_7$4 = _
|
|
|
7047
6978
|
});
|
|
7048
6979
|
var GuideText = styled.span(templateObject_8$1 || (templateObject_8$1 = __makeTemplateObject(["\n align-content: center;\n margin-top: 12px;\n margin-bottom: 12px;\n"], ["\n align-content: center;\n margin-top: 12px;\n margin-bottom: 12px;\n"])));
|
|
7049
6980
|
var GuideCenterInner = styled.div(templateObject_9$1 || (templateObject_9$1 = __makeTemplateObject(["\n position: relative;\n margin: auto;\n"], ["\n position: relative;\n margin: auto;\n"])));
|
|
7050
|
-
var templateObject_1$
|
|
6981
|
+
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;
|
|
7051
6982
|
|
|
7052
6983
|
var IdCaptureFitGuide = function IdCaptureFitGuide(_a) {
|
|
7053
6984
|
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
|
|
@@ -7190,11 +7121,11 @@ var IdCaptureFitGuide = function IdCaptureFitGuide(_a) {
|
|
|
7190
7121
|
progress: progress
|
|
7191
7122
|
}));
|
|
7192
7123
|
};
|
|
7193
|
-
var CanvasWrapper$1 = styled.div(templateObject_1$
|
|
7124
|
+
var CanvasWrapper$1 = styled.div(templateObject_1$q || (templateObject_1$q = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n flex-grow: 1;\n background-clip: padding-box;\n box-shadow: inset 0 0 0 2px ", ";\n z-index: -1;\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n flex-grow: 1;\n background-clip: padding-box;\n box-shadow: inset 0 0 0 2px ", ";\n z-index: -1;\n"])), function (props) {
|
|
7194
7125
|
return props.$maskColor;
|
|
7195
7126
|
});
|
|
7196
|
-
var Canvas$1 = styled.canvas(templateObject_2$
|
|
7197
|
-
var templateObject_1$
|
|
7127
|
+
var Canvas$1 = styled.canvas(templateObject_2$m || (templateObject_2$m = __makeTemplateObject(["\n display: block;\n"], ["\n display: block;\n"])));
|
|
7128
|
+
var templateObject_1$q, templateObject_2$m;
|
|
7198
7129
|
|
|
7199
7130
|
function IdCaptureGuides(_a) {
|
|
7200
7131
|
var _b, _c;
|
|
@@ -7334,11 +7265,11 @@ var SelfieProgressPreview = function SelfieProgressPreview(_a) {
|
|
|
7334
7265
|
onError: onError
|
|
7335
7266
|
})));
|
|
7336
7267
|
};
|
|
7337
|
-
var StyledSpinner = styled(Spinner)(templateObject_1$
|
|
7338
|
-
var ImagePreviewWrapper = styled.div(templateObject_2$
|
|
7339
|
-
var ImagePreviewText = styled.div(templateObject_3$
|
|
7340
|
-
var ImagePreviewImageWrapper = styled.div(templateObject_4$
|
|
7341
|
-
var templateObject_1$
|
|
7268
|
+
var StyledSpinner = styled(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"])));
|
|
7269
|
+
var ImagePreviewWrapper = styled.div(templateObject_2$l || (templateObject_2$l = __makeTemplateObject(["\n position: absolute;\n display: flex;\n flex-direction: column;\n height: 33%;\n bottom: 12px;\n right: 12px;\n"], ["\n position: absolute;\n display: flex;\n flex-direction: column;\n height: 33%;\n bottom: 12px;\n right: 12px;\n"])));
|
|
7270
|
+
var ImagePreviewText = styled.div(templateObject_3$g || (templateObject_3$g = __makeTemplateObject(["\n display: block;\n position: absolute;\n top: -32px;\n font:\n 14px -apple-system,\n BlinkMacSystemFont,\n 'Segoe UI',\n Roboto,\n Helvetica,\n Arial,\n sans-serif,\n 'Apple Color Emoji',\n 'Segoe UI Emoji',\n 'Segoe UI Symbol';\n color: white;\n text-align: center;\n margin: 0 auto;\n width: 100%;\n"], ["\n display: block;\n position: absolute;\n top: -32px;\n font:\n 14px -apple-system,\n BlinkMacSystemFont,\n 'Segoe UI',\n Roboto,\n Helvetica,\n Arial,\n sans-serif,\n 'Apple Color Emoji',\n 'Segoe UI Emoji',\n 'Segoe UI Symbol';\n color: white;\n text-align: center;\n margin: 0 auto;\n width: 100%;\n"])));
|
|
7271
|
+
var ImagePreviewImageWrapper = styled.div(templateObject_4$a || (templateObject_4$a = __makeTemplateObject(["\n position: relative;\n height: calc(100% - 8px);\n padding: 4px;\n border-radius: 4px;\n background: white;\n\n & > img {\n border-radius: 4px;\n width: auto;\n max-height: 100%;\n }\n"], ["\n position: relative;\n height: calc(100% - 8px);\n padding: 4px;\n border-radius: 4px;\n background: white;\n\n & > img {\n border-radius: 4px;\n width: auto;\n max-height: 100%;\n }\n"])));
|
|
7272
|
+
var templateObject_1$p, templateObject_2$l, templateObject_3$g, templateObject_4$a;
|
|
7342
7273
|
|
|
7343
7274
|
var CameraVideoTag = function CameraVideoTag(_a) {
|
|
7344
7275
|
var _b;
|
|
@@ -7377,10 +7308,10 @@ var CameraVideoTag = function CameraVideoTag(_a) {
|
|
|
7377
7308
|
"$isRearFacing": (_b = cameraRef.current) === null || _b === void 0 ? void 0 : _b.isRearFacing
|
|
7378
7309
|
});
|
|
7379
7310
|
};
|
|
7380
|
-
var FullscreenVideoTag = styled.video(templateObject_1$
|
|
7311
|
+
var FullscreenVideoTag = styled.video(templateObject_1$o || (templateObject_1$o = __makeTemplateObject(["\n transform: ", ";\n min-width: 100%;\n min-height: 100%;\n width: auto;\n height: auto;\n max-width: 100%;\n max-height: 100%;\n object-fit: cover;\n background: black;\n z-index: -2;\n"], ["\n transform: ", ";\n min-width: 100%;\n min-height: 100%;\n width: auto;\n height: auto;\n max-width: 100%;\n max-height: 100%;\n object-fit: cover;\n background: black;\n z-index: -2;\n"])), function (props) {
|
|
7381
7312
|
return props.$isRearFacing ? '' : 'scaleX(-1)';
|
|
7382
7313
|
});
|
|
7383
|
-
var templateObject_1$
|
|
7314
|
+
var templateObject_1$o;
|
|
7384
7315
|
|
|
7385
7316
|
var documentCaptureInitialState = {
|
|
7386
7317
|
documents: [],
|
|
@@ -7736,16 +7667,16 @@ var DocumentCaptureGuideOverlay = function DocumentCaptureGuideOverlay(_a) {
|
|
|
7736
7667
|
ref: canvasRef
|
|
7737
7668
|
}));
|
|
7738
7669
|
};
|
|
7739
|
-
var CanvasWrapper = styled.div(templateObject_1$
|
|
7670
|
+
var CanvasWrapper = styled.div(templateObject_1$n || (templateObject_1$n = __makeTemplateObject(["\n flex-grow: 1;\n background-clip: padding-box;\n box-shadow: inset 0 0 0 2px ", ";\n"], ["\n flex-grow: 1;\n background-clip: padding-box;\n box-shadow: inset 0 0 0 2px ", ";\n"])), function (props) {
|
|
7740
7671
|
return props.$maskColor;
|
|
7741
7672
|
});
|
|
7742
|
-
var Canvas = styled.canvas(templateObject_2$
|
|
7743
|
-
var templateObject_1$
|
|
7673
|
+
var Canvas = styled.canvas(templateObject_2$k || (templateObject_2$k = __makeTemplateObject(["\n display: block;\n"], ["\n display: block;\n"])));
|
|
7674
|
+
var templateObject_1$n, templateObject_2$k;
|
|
7744
7675
|
|
|
7745
|
-
var CameraFeedWrapper = styled.div(templateObject_1$
|
|
7676
|
+
var CameraFeedWrapper = styled.div(templateObject_1$m || (templateObject_1$m = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
7746
7677
|
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;") : "";
|
|
7747
7678
|
});
|
|
7748
|
-
var templateObject_1$
|
|
7679
|
+
var templateObject_1$m;
|
|
7749
7680
|
|
|
7750
7681
|
var DocumentCaptureScreen = function DocumentCaptureScreen(_a) {
|
|
7751
7682
|
var _b, _c, _d, _e, _f, _g, _h;
|
|
@@ -7895,21 +7826,21 @@ var DocumentCaptureScreen = function DocumentCaptureScreen(_a) {
|
|
|
7895
7826
|
disabled: !cameraReady || capturing
|
|
7896
7827
|
}, !cameraReady ? verbiage.loadingBtnText : capturing ? verbiage.capturingBtnText : verbiage.captureBtnText))))));
|
|
7897
7828
|
};
|
|
7898
|
-
var CaptureContainer = styled.div(templateObject_1$
|
|
7899
|
-
var HeadingRow = styled.div(templateObject_2$
|
|
7829
|
+
var CaptureContainer = styled.div(templateObject_1$l || (templateObject_1$l = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: var(--app-height);\n"], ["\n display: flex;\n flex-direction: column;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: var(--app-height);\n"])));
|
|
7830
|
+
var HeadingRow = styled.div(templateObject_2$j || (templateObject_2$j = __makeTemplateObject(["\n background: ", ";\n text-align: center;\n color: white;\n"], ["\n background: ", ";\n text-align: center;\n color: white;\n"])), function (props) {
|
|
7900
7831
|
return props.$maskColor;
|
|
7901
7832
|
});
|
|
7902
|
-
var Heading$9 = styled.h1(templateObject_3$
|
|
7903
|
-
var FooterRow = styled.div(templateObject_4$
|
|
7833
|
+
var Heading$9 = styled.h1(templateObject_3$f || (templateObject_3$f = __makeTemplateObject(["\n font-size: 22px;\n"], ["\n font-size: 22px;\n"])));
|
|
7834
|
+
var FooterRow = styled.div(templateObject_4$9 || (templateObject_4$9 = __makeTemplateObject(["\n background: ", ";\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: 0 20px 20px;\n height: auto;\n color: white;\n"], ["\n background: ", ";\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: 0 20px 20px;\n height: auto;\n color: white;\n"])), function (props) {
|
|
7904
7835
|
return props.$maskColor;
|
|
7905
7836
|
});
|
|
7906
|
-
var Instructions = styled.div(templateObject_5$
|
|
7837
|
+
var Instructions = styled.div(templateObject_5$5 || (templateObject_5$5 = __makeTemplateObject(["\n max-height: ", ";\n overflow-y: auto;\n"], ["\n max-height: ", ";\n overflow-y: auto;\n"])), function (props) {
|
|
7907
7838
|
var _a, _b, _c;
|
|
7908
7839
|
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';
|
|
7909
7840
|
});
|
|
7910
|
-
var StyledButtonsRow$9 = styled(ButtonsRow)(templateObject_6$
|
|
7911
|
-
var PreviewImage = styled.img(templateObject_7$
|
|
7912
|
-
var templateObject_1$
|
|
7841
|
+
var StyledButtonsRow$9 = styled(ButtonsRow)(templateObject_6$4 || (templateObject_6$4 = __makeTemplateObject(["\n padding-top: 20px;\n"], ["\n padding-top: 20px;\n"])));
|
|
7842
|
+
var PreviewImage = styled.img(templateObject_7$2 || (templateObject_7$2 = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n object-fit: cover;\n"], ["\n width: 100%;\n height: 100%;\n object-fit: cover;\n"])));
|
|
7843
|
+
var templateObject_1$l, templateObject_2$j, templateObject_3$f, templateObject_4$9, templateObject_5$5, templateObject_6$4, templateObject_7$2;
|
|
7913
7844
|
|
|
7914
7845
|
var DocumentCaptureWizard = function DocumentCaptureWizard(_a) {
|
|
7915
7846
|
var onSuccess = _a.onSuccess,
|
|
@@ -8178,13 +8109,13 @@ var IdCaptureFallback = function IdCaptureFallback(_a) {
|
|
|
8178
8109
|
}
|
|
8179
8110
|
}, verbiage.doneBtnText))))));
|
|
8180
8111
|
};
|
|
8181
|
-
var StyledOverlayInner$2 = styled(OverlayInner$2)(templateObject_1$
|
|
8182
|
-
var Heading$8 = styled.h3(templateObject_2$
|
|
8183
|
-
var Description$3 = styled.p(templateObject_3$
|
|
8184
|
-
var Instruction = styled.p(templateObject_4$
|
|
8185
|
-
var ImageCol = styled.div(templateObject_5$
|
|
8186
|
-
var StyledButtonsRow$8 = styled(ButtonsRow)(templateObject_6$
|
|
8187
|
-
var templateObject_1$
|
|
8112
|
+
var StyledOverlayInner$2 = styled(OverlayInner$2)(templateObject_1$k || (templateObject_1$k = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
8113
|
+
var Heading$8 = styled.h3(templateObject_2$i || (templateObject_2$i = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
8114
|
+
var Description$3 = styled.p(templateObject_3$e || (templateObject_3$e = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
8115
|
+
var Instruction = styled.p(templateObject_4$8 || (templateObject_4$8 = __makeTemplateObject(["\n font-weight: bold;\n"], ["\n font-weight: bold;\n"])));
|
|
8116
|
+
var ImageCol = styled.div(templateObject_5$4 || (templateObject_5$4 = __makeTemplateObject(["\n display: flex;\n justify-content: center;\n flex-grow: 1;\n flex-basis: 0;\n"], ["\n display: flex;\n justify-content: center;\n flex-grow: 1;\n flex-basis: 0;\n"])));
|
|
8117
|
+
var StyledButtonsRow$8 = styled(ButtonsRow)(templateObject_6$3 || (templateObject_6$3 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
8118
|
+
var templateObject_1$k, templateObject_2$i, templateObject_3$e, templateObject_4$8, templateObject_5$4, templateObject_6$3;
|
|
8188
8119
|
|
|
8189
8120
|
function ScalingCameraFeed() {
|
|
8190
8121
|
var _a = useContext(IdCaptureStateContext),
|
|
@@ -8870,7 +8801,7 @@ var HeadGuideSvg = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
8870
8801
|
}))));
|
|
8871
8802
|
});
|
|
8872
8803
|
HeadGuideSvg.displayName = 'HeadGuideSvg';
|
|
8873
|
-
var PulsingHeadGuideContainer = styled.div(templateObject_1$
|
|
8804
|
+
var PulsingHeadGuideContainer = styled.div(templateObject_1$j || (templateObject_1$j = __makeTemplateObject(["\n display: flex;\n position: relative;\n height: 100%;\n max-height: 100%;\n\n & > .idmSdkWaves {\n position: absolute;\n animation: ", " 2s ease-out infinite;\n\n &:nth-child(2) {\n animation-delay: 0.66s;\n }\n\n &:nth-child(3) {\n animation-delay: 1.33s;\n }\n }\n\n & > .idmSdkWavesOrigin {\n position: relative;\n }\n"], ["\n display: flex;\n position: relative;\n height: 100%;\n max-height: 100%;\n\n & > .idmSdkWaves {\n position: absolute;\n animation: ", " 2s ease-out infinite;\n\n &:nth-child(2) {\n animation-delay: 0.66s;\n }\n\n &:nth-child(3) {\n animation-delay: 1.33s;\n }\n }\n\n & > .idmSdkWavesOrigin {\n position: relative;\n }\n"])), wavesAnimation);
|
|
8874
8805
|
function HeadGuide(_a) {
|
|
8875
8806
|
var _b;
|
|
8876
8807
|
var _c = _a.status,
|
|
@@ -8920,8 +8851,8 @@ function HeadGuide(_a) {
|
|
|
8920
8851
|
height: parentHeight
|
|
8921
8852
|
})));
|
|
8922
8853
|
}
|
|
8923
|
-
var AbsoluteSvg = styled.svg(templateObject_2$
|
|
8924
|
-
var RelativeSvgContainer = styled.div(templateObject_3$
|
|
8854
|
+
var AbsoluteSvg = styled.svg(templateObject_2$h || (templateObject_2$h = __makeTemplateObject(["\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n"], ["\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n"])));
|
|
8855
|
+
var RelativeSvgContainer = styled.div(templateObject_3$d || (templateObject_3$d = __makeTemplateObject(["\n position: relative;\n height: 100%;\n display: flex;\n align-items: ", ";\n"], ["\n position: relative;\n height: 100%;\n display: flex;\n align-items: ", ";\n"])), function (props) {
|
|
8925
8856
|
return props.$verticalAlign === 'bottom' ? 'flex-end' : 'center';
|
|
8926
8857
|
});
|
|
8927
8858
|
function SelfieCaptureAnimatedMask(_a) {
|
|
@@ -9148,10 +9079,10 @@ function SelfieCaptureAnimatedMaskWithStatus(_a) {
|
|
|
9148
9079
|
status: status
|
|
9149
9080
|
}));
|
|
9150
9081
|
}
|
|
9151
|
-
var templateObject_1$
|
|
9082
|
+
var templateObject_1$j, templateObject_2$h, templateObject_3$d;
|
|
9152
9083
|
|
|
9153
|
-
var FaceCaptureGuideContainer = styled.div(templateObject_1$
|
|
9154
|
-
var FaceCaptureGuideInner = styled.div(templateObject_2$
|
|
9084
|
+
var FaceCaptureGuideContainer = styled.div(templateObject_1$i || (templateObject_1$i = __makeTemplateObject(["\n position: fixed;\n z-index: 1000;\n width: 100dvw;\n height: 100dvh;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 40px;\n box-sizing: border-box;\n"], ["\n position: fixed;\n z-index: 1000;\n width: 100dvw;\n height: 100dvh;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 40px;\n box-sizing: border-box;\n"])));
|
|
9085
|
+
var FaceCaptureGuideInner = styled.div(templateObject_2$g || (templateObject_2$g = __makeTemplateObject(["\n position: relative;\n height: 60%;\n"], ["\n position: relative;\n height: 60%;\n"])));
|
|
9155
9086
|
var FaceCaptureGuideOverlay = function FaceCaptureGuideOverlay(_a) {
|
|
9156
9087
|
var _b = _a.classNames,
|
|
9157
9088
|
classNames = _b === void 0 ? {} : _b,
|
|
@@ -9173,7 +9104,7 @@ var FaceCaptureGuideOverlay = function FaceCaptureGuideOverlay(_a) {
|
|
|
9173
9104
|
verticalAlign: "center"
|
|
9174
9105
|
})));
|
|
9175
9106
|
};
|
|
9176
|
-
var templateObject_1$
|
|
9107
|
+
var templateObject_1$i, templateObject_2$g;
|
|
9177
9108
|
|
|
9178
9109
|
var SelfieGuidanceModelsContext = /*#__PURE__*/createContext({
|
|
9179
9110
|
start: function start() {
|
|
@@ -9477,12 +9408,12 @@ var SelfieCaptureFallback = function SelfieCaptureFallback(_a) {
|
|
|
9477
9408
|
}
|
|
9478
9409
|
}, !image ? invalidSelfie ? verbiage.retryButtonText : verbiage.captureBtnText : loading ? verbiage.doneBtnLoadingText : verbiage.doneBtnText)))));
|
|
9479
9410
|
};
|
|
9480
|
-
var StyledOverlayInner$1 = styled(OverlayInner$2)(templateObject_1$
|
|
9481
|
-
var Heading$7 = styled.h3(templateObject_2$
|
|
9482
|
-
var Description$2 = styled.p(templateObject_3$
|
|
9483
|
-
var ImageContainer$6 = styled(OverlayImageContainer)(templateObject_4$
|
|
9484
|
-
var StyledButtonsRow$7 = styled(ButtonsRow)(templateObject_5$
|
|
9485
|
-
var templateObject_1$
|
|
9411
|
+
var StyledOverlayInner$1 = styled(OverlayInner$2)(templateObject_1$h || (templateObject_1$h = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
9412
|
+
var Heading$7 = styled.h3(templateObject_2$f || (templateObject_2$f = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
9413
|
+
var Description$2 = styled.p(templateObject_3$c || (templateObject_3$c = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
9414
|
+
var ImageContainer$6 = styled(OverlayImageContainer)(templateObject_4$7 || (templateObject_4$7 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
9415
|
+
var StyledButtonsRow$7 = styled(ButtonsRow)(templateObject_5$3 || (templateObject_5$3 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
9416
|
+
var templateObject_1$h, templateObject_2$f, templateObject_3$c, templateObject_4$7, templateObject_5$3;
|
|
9486
9417
|
|
|
9487
9418
|
var initialState$3 = {
|
|
9488
9419
|
busy: false,
|
|
@@ -10026,9 +9957,9 @@ var FaceLivenessSuccess = function FaceLivenessSuccess(_a) {
|
|
|
10026
9957
|
finished: true
|
|
10027
9958
|
}, verbiage.retryBtnText)))));
|
|
10028
9959
|
};
|
|
10029
|
-
var ImageContainer$5 = styled.div(templateObject_1$
|
|
10030
|
-
var Heading$6 = styled.h3(templateObject_2$
|
|
10031
|
-
var templateObject_1$
|
|
9960
|
+
var ImageContainer$5 = styled.div(templateObject_1$g || (templateObject_1$g = __makeTemplateObject(["\n position: relative;\n flex-grow: 1;\n margin-bottom: 25px;\n max-width: 100dvw;\n max-height: 100dvh;\n overflow-y: auto;\n border-radius: 12px;\n\n & > img,\n & > svg {\n width: 100%;\n max-width: 100%;\n margin: 0 auto;\n display: block;\n border-radius: 12px;\n }\n"], ["\n position: relative;\n flex-grow: 1;\n margin-bottom: 25px;\n max-width: 100dvw;\n max-height: 100dvh;\n overflow-y: auto;\n border-radius: 12px;\n\n & > img,\n & > svg {\n width: 100%;\n max-width: 100%;\n margin: 0 auto;\n display: block;\n border-radius: 12px;\n }\n"])));
|
|
9961
|
+
var Heading$6 = styled.h3(templateObject_2$e || (templateObject_2$e = __makeTemplateObject(["\n font-size: 1.2rem;\n margin: 0;\n"], ["\n font-size: 1.2rem;\n margin: 0;\n"])));
|
|
9962
|
+
var templateObject_1$g, templateObject_2$e;
|
|
10032
9963
|
|
|
10033
9964
|
var FaceLivenessFailure = function FaceLivenessFailure(_a) {
|
|
10034
9965
|
var _b = _a.canRetry,
|
|
@@ -10077,9 +10008,9 @@ var FaceLivenessFailure = function FaceLivenessFailure(_a) {
|
|
|
10077
10008
|
finished: true
|
|
10078
10009
|
}, verbiage.exitBtnText)))));
|
|
10079
10010
|
};
|
|
10080
|
-
var ImageContainer$4 = styled(OverlayImageContainer)(templateObject_1$
|
|
10081
|
-
var Heading$5 = styled.h3(templateObject_2$
|
|
10082
|
-
var templateObject_1$
|
|
10011
|
+
var ImageContainer$4 = styled(OverlayImageContainer)(templateObject_1$f || (templateObject_1$f = __makeTemplateObject(["\n max-height: calc(100vh - 185px);\n"], ["\n max-height: calc(100vh - 185px);\n"])));
|
|
10012
|
+
var Heading$5 = styled.h3(templateObject_2$d || (templateObject_2$d = __makeTemplateObject(["\n margin-bottom: 36px;\n"], ["\n margin-bottom: 36px;\n"])));
|
|
10013
|
+
var templateObject_1$f, templateObject_2$d;
|
|
10083
10014
|
|
|
10084
10015
|
var MicrophoneAccessDeniedOverlay = function MicrophoneAccessDeniedOverlay(_a) {
|
|
10085
10016
|
var _b;
|
|
@@ -10120,11 +10051,11 @@ var MicrophoneAccessDeniedOverlay = function MicrophoneAccessDeniedOverlay(_a) {
|
|
|
10120
10051
|
finished: true
|
|
10121
10052
|
}, verbiage.retryBtnText)));
|
|
10122
10053
|
};
|
|
10123
|
-
var StyledOverlayInner = styled(OverlayInner$2)(templateObject_1$
|
|
10124
|
-
var StyledOverlayImageContainer$1 = styled(OverlayImageContainer)(templateObject_2$
|
|
10125
|
-
var Description$1 = styled.p(templateObject_3$
|
|
10126
|
-
var RetryButton = styled(LoaderButton)(templateObject_4$
|
|
10127
|
-
var templateObject_1$
|
|
10054
|
+
var StyledOverlayInner = styled(OverlayInner$2)(templateObject_1$e || (templateObject_1$e = __makeTemplateObject(["\n max-width: 500px;\n height: auto;\n margin: auto;\n"], ["\n max-width: 500px;\n height: auto;\n margin: auto;\n"])));
|
|
10055
|
+
var StyledOverlayImageContainer$1 = styled(OverlayImageContainer)(templateObject_2$c || (templateObject_2$c = __makeTemplateObject(["\n flex-grow: 0;\n"], ["\n flex-grow: 0;\n"])));
|
|
10056
|
+
var Description$1 = styled.p(templateObject_3$b || (templateObject_3$b = __makeTemplateObject(["\n line-height: 1.5;\n margin-bottom: 50px;\n"], ["\n line-height: 1.5;\n margin-bottom: 50px;\n"])));
|
|
10057
|
+
var RetryButton = styled(LoaderButton)(templateObject_4$6 || (templateObject_4$6 = __makeTemplateObject(["\n width: 200px;\n margin: 0 auto;\n"], ["\n width: 200px;\n margin: 0 auto;\n"])));
|
|
10058
|
+
var templateObject_1$e, templateObject_2$c, templateObject_3$b, templateObject_4$6;
|
|
10128
10059
|
|
|
10129
10060
|
var SelfieCaptureLoadingOverlayLegacy = function SelfieCaptureLoadingOverlayLegacy(_a) {
|
|
10130
10061
|
var onDismissed = _a.onDismissed,
|
|
@@ -10207,9 +10138,9 @@ var SelfieCaptureLoadingOverlayLegacy = function SelfieCaptureLoadingOverlayLega
|
|
|
10207
10138
|
}
|
|
10208
10139
|
}, cameraReady && allModelsReady ? verbiage.continueText : allModelsReady ? verbiage.cameraInitializingText : modelDownloadProgress >= 100 ? "".concat(verbiage.modelsWarmingUpText) : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)")))));
|
|
10209
10140
|
};
|
|
10210
|
-
var StyledGuidanceMessage$1 = styled(GuidanceMessage)(templateObject_1$
|
|
10211
|
-
var StyledButtonsRow$6 = styled(ButtonsRow)(templateObject_2$
|
|
10212
|
-
var templateObject_1$
|
|
10141
|
+
var StyledGuidanceMessage$1 = styled(GuidanceMessage)(templateObject_1$d || (templateObject_1$d = __makeTemplateObject(["\n padding: 12px 24px;\n font-weight: normal;\n line-height: 1.5;\n margin-bottom: -30px;\n"], ["\n padding: 12px 24px;\n font-weight: normal;\n line-height: 1.5;\n margin-bottom: -30px;\n"])));
|
|
10142
|
+
var StyledButtonsRow$6 = styled(ButtonsRow)(templateObject_2$b || (templateObject_2$b = __makeTemplateObject(["\n flex-direction: column;\n padding-top: 25px;\n"], ["\n flex-direction: column;\n padding-top: 25px;\n"])));
|
|
10143
|
+
var templateObject_1$d, templateObject_2$b;
|
|
10213
10144
|
|
|
10214
10145
|
var legacyInstructionImageUrl = "".concat(DEFAULT_CDN_URL, "/Selfie-Image-1.png");
|
|
10215
10146
|
var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDefault(_a) {
|
|
@@ -10334,30 +10265,30 @@ var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDef
|
|
|
10334
10265
|
}
|
|
10335
10266
|
}, verbiage.continueText))))));
|
|
10336
10267
|
};
|
|
10337
|
-
var OverlayInner = styled.div(templateObject_1$
|
|
10268
|
+
var OverlayInner = styled.div(templateObject_1$c || (templateObject_1$c = __makeTemplateObject(["\n height: 100dvh;\n display: flex;\n flex-direction: column;\n background: ", ";\n color: ", ";\n"], ["\n height: 100dvh;\n display: flex;\n flex-direction: column;\n background: ", ";\n color: ", ";\n"])), function (props) {
|
|
10338
10269
|
var _a, _b, _c, _d;
|
|
10339
10270
|
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';
|
|
10340
10271
|
}, function (props) {
|
|
10341
10272
|
var _a, _b, _c, _d;
|
|
10342
10273
|
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';
|
|
10343
10274
|
});
|
|
10344
|
-
var OverlayHeader = styled.div(templateObject_2$
|
|
10275
|
+
var OverlayHeader = styled.div(templateObject_2$a || (templateObject_2$a = __makeTemplateObject(["\n text-align: ", ";\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n ", "\n padding-bottom: 0;\n"], ["\n text-align: ", ";\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n ", "\n padding-bottom: 0;\n"])), function (props) {
|
|
10345
10276
|
var _a;
|
|
10346
10277
|
return (_a = props.theme.textAlign) !== null && _a !== void 0 ? _a : 'center';
|
|
10347
10278
|
}, function (props) {
|
|
10348
10279
|
return props.theme.padding ? "box-sizing: border-box; padding: ".concat(props.theme.padding, ";") : "";
|
|
10349
10280
|
});
|
|
10350
|
-
var StyledGuidanceMessage = styled(GuidanceMessage)(templateObject_3$
|
|
10351
|
-
var StyledButtonsRow$5 = styled(ButtonsRow)(templateObject_4$
|
|
10281
|
+
var StyledGuidanceMessage = styled(GuidanceMessage)(templateObject_3$a || (templateObject_3$a = __makeTemplateObject(["\n padding: 16px 24px;\n margin-top: 16px;\n font-size: 18px;\n font-weight: bold;\n background: white;\n box-shadow:\n 0 1px 3px 0 rgb(0 0 0 / 0.1),\n 0 1px 2px -1px rgb(0 0 0 / 0.1);\n"], ["\n padding: 16px 24px;\n margin-top: 16px;\n font-size: 18px;\n font-weight: bold;\n background: white;\n box-shadow:\n 0 1px 3px 0 rgb(0 0 0 / 0.1),\n 0 1px 2px -1px rgb(0 0 0 / 0.1);\n"])));
|
|
10282
|
+
var StyledButtonsRow$5 = styled(ButtonsRow)(templateObject_4$5 || (templateObject_4$5 = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n padding: 15px 25px;\n height: 100px;\n color: ", ";\n ", "\n position: fixed;\n bottom: 0;\n left: 0;\n width: 100dvw;\n box-sizing: border-box;\n"], ["\n display: flex;\n flex-direction: row;\n padding: 15px 25px;\n height: 100px;\n color: ", ";\n ", "\n position: fixed;\n bottom: 0;\n left: 0;\n width: 100dvw;\n box-sizing: border-box;\n"])), function (props) {
|
|
10352
10283
|
var _a, _b, _c, _d;
|
|
10353
10284
|
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';
|
|
10354
10285
|
}, function (props) {
|
|
10355
10286
|
var _a, _b, _c, _d, _e, _f;
|
|
10356
10287
|
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, ";") : '';
|
|
10357
10288
|
});
|
|
10358
|
-
var StyledOverlayImageContainer = styled(OverlayImageContainer)(templateObject_5$
|
|
10359
|
-
var LoadingListContainer = styled.div(templateObject_6$
|
|
10360
|
-
var LoadingList = styled.ul(templateObject_7$
|
|
10289
|
+
var StyledOverlayImageContainer = styled(OverlayImageContainer)(templateObject_5$2 || (templateObject_5$2 = __makeTemplateObject(["\n padding: 0;\n\n & > svg {\n height: 100%;\n }\n"], ["\n padding: 0;\n\n & > svg {\n height: 100%;\n }\n"])));
|
|
10290
|
+
var LoadingListContainer = styled.div(templateObject_6$2 || (templateObject_6$2 = __makeTemplateObject(["\n display: flex;\n position: relative;\n z-index: 2;\n"], ["\n display: flex;\n position: relative;\n z-index: 2;\n"])));
|
|
10291
|
+
var LoadingList = styled.ul(templateObject_7$1 || (templateObject_7$1 = __makeTemplateObject(["\n display: block;\n margin: auto;\n list-style: none;\n padding: 0;\n"], ["\n display: block;\n margin: auto;\n list-style: none;\n padding: 0;\n"])));
|
|
10361
10292
|
var LoadingListItem = styled.li(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n display: inline-flex;\n justify-content: center;\n align-items: center;\n padding: 2px 1.25rem 2px 0;\n line-height: 1rem;\n"], ["\n display: inline-flex;\n justify-content: center;\n align-items: center;\n padding: 2px 1.25rem 2px 0;\n line-height: 1rem;\n"])));
|
|
10362
10293
|
var ProgressContainer = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n"])));
|
|
10363
10294
|
var ProgressBarBackground = styled.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: ", ";\n opacity: ", ";\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: ", ";\n opacity: ", ";\n"])), function (props) {
|
|
@@ -10383,7 +10314,7 @@ var ContinueButton = styled(LoaderButton)(templateObject_15 || (templateObject_1
|
|
|
10383
10314
|
var _a, _b, _c, _d, _e, _f;
|
|
10384
10315
|
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, ";") : '';
|
|
10385
10316
|
});
|
|
10386
|
-
var templateObject_1$
|
|
10317
|
+
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;
|
|
10387
10318
|
|
|
10388
10319
|
var components = {
|
|
10389
10320
|
"default": SelfieCaptureLoadingOverlayDefault,
|
|
@@ -10712,7 +10643,7 @@ var AdditionalDocumentCapture = function AdditionalDocumentCapture(_a) {
|
|
|
10712
10643
|
}
|
|
10713
10644
|
return /*#__PURE__*/React__default.createElement(OverlayContainer, {
|
|
10714
10645
|
className: classNames.container
|
|
10715
|
-
}, /*#__PURE__*/React__default.createElement(Inner$
|
|
10646
|
+
}, /*#__PURE__*/React__default.createElement(Inner$1, {
|
|
10716
10647
|
className: classNames.inner
|
|
10717
10648
|
}, /*#__PURE__*/React__default.createElement(Heading$4, {
|
|
10718
10649
|
className: classNames.heading
|
|
@@ -10742,11 +10673,11 @@ var AdditionalDocumentCapture = function AdditionalDocumentCapture(_a) {
|
|
|
10742
10673
|
}
|
|
10743
10674
|
}, verbiage.captureBtnText)))));
|
|
10744
10675
|
};
|
|
10745
|
-
var Inner$
|
|
10746
|
-
var Heading$4 = styled.h3(templateObject_2$
|
|
10747
|
-
var Description = styled.p(templateObject_3$
|
|
10748
|
-
var StyledButtonsRow$4 = styled(ButtonsRow)(templateObject_4$
|
|
10749
|
-
var templateObject_1$
|
|
10676
|
+
var Inner$1 = styled(OverlayInner$2)(templateObject_1$b || (templateObject_1$b = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
10677
|
+
var Heading$4 = styled.h3(templateObject_2$9 || (templateObject_2$9 = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
10678
|
+
var Description = styled.p(templateObject_3$9 || (templateObject_3$9 = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
10679
|
+
var StyledButtonsRow$4 = styled(ButtonsRow)(templateObject_4$4 || (templateObject_4$4 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
10680
|
+
var templateObject_1$b, templateObject_2$9, templateObject_3$9, templateObject_4$4;
|
|
10750
10681
|
|
|
10751
10682
|
var AdditionalDocumentCaptureWizard = function AdditionalDocumentCaptureWizard(_a) {
|
|
10752
10683
|
var documents = _a.documents,
|
|
@@ -10890,7 +10821,7 @@ function convertSVGtoImg(svgData_1) {
|
|
|
10890
10821
|
});
|
|
10891
10822
|
}
|
|
10892
10823
|
|
|
10893
|
-
var SignaturePaperBacking = styled.div(templateObject_1$
|
|
10824
|
+
var SignaturePaperBacking = styled.div(templateObject_1$a || (templateObject_1$a = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n ", "\n ", "\n ", "\n"], ["\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n ", "\n ", "\n ", "\n"])), function (props) {
|
|
10894
10825
|
var _a, _b;
|
|
10895
10826
|
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, ";") : "";
|
|
10896
10827
|
}, function (props) {
|
|
@@ -10900,8 +10831,8 @@ var SignaturePaperBacking = styled.div(templateObject_1$b || (templateObject_1$b
|
|
|
10900
10831
|
var _a, _b;
|
|
10901
10832
|
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, ";") : "";
|
|
10902
10833
|
});
|
|
10903
|
-
var SignatureCanvasContainer$1 = styled.div(templateObject_2$
|
|
10904
|
-
var SignaturePad = styled.div(templateObject_3$
|
|
10834
|
+
var SignatureCanvasContainer$1 = styled.div(templateObject_2$8 || (templateObject_2$8 = __makeTemplateObject(["\n position: absolute;\n top: 25%;\n left: 15%;\n width: 70%;\n height: 50%;\n\n @media (max-width: 800px) {\n top: 15%;\n left: 2%;\n width: 96%;\n height: 70%;\n }\n"], ["\n position: absolute;\n top: 25%;\n left: 15%;\n width: 70%;\n height: 50%;\n\n @media (max-width: 800px) {\n top: 15%;\n left: 2%;\n width: 96%;\n height: 70%;\n }\n"])));
|
|
10835
|
+
var SignaturePad = styled.div(templateObject_3$8 || (templateObject_3$8 = __makeTemplateObject(["\n position: relative;\n background: ", ";\n border: ", ";\n border-radius: ", ";\n flex-grow: 1;\n z-index: 100;\n height: 100%;\n"], ["\n position: relative;\n background: ", ";\n border: ", ";\n border-radius: ", ";\n flex-grow: 1;\n z-index: 100;\n height: 100%;\n"])), function (props) {
|
|
10905
10836
|
var _a, _b, _c;
|
|
10906
10837
|
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)';
|
|
10907
10838
|
}, function (props) {
|
|
@@ -10911,8 +10842,8 @@ var SignaturePad = styled.div(templateObject_3$9 || (templateObject_3$9 = __make
|
|
|
10911
10842
|
var _a, _b, _c;
|
|
10912
10843
|
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';
|
|
10913
10844
|
});
|
|
10914
|
-
var SignatureButtonsContainer = styled(ButtonsRow)(templateObject_4$
|
|
10915
|
-
var templateObject_1$
|
|
10845
|
+
var SignatureButtonsContainer = styled(ButtonsRow)(templateObject_4$3 || (templateObject_4$3 = __makeTemplateObject(["\n flex-grow: 0;\n padding-top: 12px;\n display: flex;\n z-index: 1000;\n position: relative;\n"], ["\n flex-grow: 0;\n padding-top: 12px;\n display: flex;\n z-index: 1000;\n position: relative;\n"])));
|
|
10846
|
+
var templateObject_1$a, templateObject_2$8, templateObject_3$8, templateObject_4$3;
|
|
10916
10847
|
|
|
10917
10848
|
var SignatureCapture = function SignatureCapture(_a) {
|
|
10918
10849
|
var _b;
|
|
@@ -10983,8 +10914,8 @@ var SignatureCapture = function SignatureCapture(_a) {
|
|
|
10983
10914
|
finished: true
|
|
10984
10915
|
}, verbiage.acceptBtnText)))));
|
|
10985
10916
|
};
|
|
10986
|
-
var AcceptBtn$1 = styled(LoaderButton)(templateObject_1$
|
|
10987
|
-
var templateObject_1$
|
|
10917
|
+
var AcceptBtn$1 = styled(LoaderButton)(templateObject_1$9 || (templateObject_1$9 = __makeTemplateObject(["\n margin-left: auto;\n"], ["\n margin-left: auto;\n"])));
|
|
10918
|
+
var templateObject_1$9;
|
|
10988
10919
|
|
|
10989
10920
|
var useVideoRecorder = function useVideoRecorder(camera, audioStream, mergeAVStreams) {
|
|
10990
10921
|
if (mergeAVStreams === void 0) {
|
|
@@ -11344,11 +11275,11 @@ function VideoSignatureGuides(_a) {
|
|
|
11344
11275
|
className: classNames.signatureCanvas
|
|
11345
11276
|
};
|
|
11346
11277
|
}, [classNames.signatureCanvas, height, width]);
|
|
11347
|
-
return /*#__PURE__*/React__default.createElement(Container
|
|
11278
|
+
return /*#__PURE__*/React__default.createElement(Container, {
|
|
11348
11279
|
className: classNames.container
|
|
11349
|
-
}, /*#__PURE__*/React__default.createElement(Inner
|
|
11280
|
+
}, /*#__PURE__*/React__default.createElement(Inner, {
|
|
11350
11281
|
className: classNames.inner
|
|
11351
|
-
}, /*#__PURE__*/React__default.createElement(FaceGuideContainer
|
|
11282
|
+
}, /*#__PURE__*/React__default.createElement(FaceGuideContainer, {
|
|
11352
11283
|
className: classNames.faceGuideContainer
|
|
11353
11284
|
}, /*#__PURE__*/React__default.createElement(StyledSelfieCaptureAnimatedMask, {
|
|
11354
11285
|
className: classNames.faceGuide,
|
|
@@ -11383,19 +11314,19 @@ function VideoSignatureGuides(_a) {
|
|
|
11383
11314
|
finished: true
|
|
11384
11315
|
}, verbiage.acceptSignatureBtnText))))));
|
|
11385
11316
|
}
|
|
11386
|
-
var Container
|
|
11317
|
+
var Container = styled.div(templateObject_1$8 || (templateObject_1$8 = __makeTemplateObject(["\n display: flex;\n max-height: 100%;\n position: absolute;\n z-index: 1000;\n width: 100dvw;\n height: 100dvh;\n font-family: ", ";\n box-sizing: border-box;\n overflow: hidden;\n padding: 40px;\n"], ["\n display: flex;\n max-height: 100%;\n position: absolute;\n z-index: 1000;\n width: 100dvw;\n height: 100dvh;\n font-family: ", ";\n box-sizing: border-box;\n overflow: hidden;\n padding: 40px;\n"])), function (props) {
|
|
11387
11318
|
var _a;
|
|
11388
11319
|
return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
|
|
11389
11320
|
});
|
|
11390
|
-
var Inner
|
|
11391
|
-
var FaceGuideContainer
|
|
11392
|
-
var StyledSelfieCaptureAnimatedMask = styled(SelfieCaptureAnimatedMaskWithStatus)(templateObject_4$
|
|
11393
|
-
var SignaturePadContainer = styled.div(templateObject_5$
|
|
11394
|
-
var SignatureCanvasContainer = styled.div(templateObject_6$
|
|
11321
|
+
var Inner = styled.div(templateObject_2$7 || (templateObject_2$7 = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n max-height: 1280px;\n display: flex;\n margin: auto;\n align-items: center;\n flex-direction: column;\n"], ["\n width: 100%;\n height: 100%;\n max-height: 1280px;\n display: flex;\n margin: auto;\n align-items: center;\n flex-direction: column;\n"])));
|
|
11322
|
+
var FaceGuideContainer = styled.div(templateObject_3$7 || (templateObject_3$7 = __makeTemplateObject(["\n position: relative;\n height: 50%;\n"], ["\n position: relative;\n height: 50%;\n"])));
|
|
11323
|
+
var StyledSelfieCaptureAnimatedMask = styled(SelfieCaptureAnimatedMaskWithStatus)(templateObject_4$2 || (templateObject_4$2 = __makeTemplateObject(["\n max-width: 100%;\n height: 100%;\n"], ["\n max-width: 100%;\n height: 100%;\n"])));
|
|
11324
|
+
var SignaturePadContainer = styled.div(templateObject_5$1 || (templateObject_5$1 = __makeTemplateObject(["\n position: relative;\n max-width: 100%;\n height: 50%;\n aspect-ratio: 2;\n"], ["\n position: relative;\n max-width: 100%;\n height: 50%;\n aspect-ratio: 2;\n"])));
|
|
11325
|
+
var SignatureCanvasContainer = styled.div(templateObject_6$1 || (templateObject_6$1 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: calc(100% - 67px);\n ", "\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: calc(100% - 67px);\n ", "\n"])), function (props) {
|
|
11395
11326
|
return props.$disabled ? 'opacity: 0.5; pointer-events: none;' : '';
|
|
11396
11327
|
});
|
|
11397
|
-
var AcceptBtn = styled(LoaderButton)(templateObject_7
|
|
11398
|
-
var templateObject_1$
|
|
11328
|
+
var AcceptBtn = styled(LoaderButton)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n margin-left: auto;\n"], ["\n margin-left: auto;\n"])));
|
|
11329
|
+
var templateObject_1$8, templateObject_2$7, templateObject_3$7, templateObject_4$2, templateObject_5$1, templateObject_6$1, templateObject_7;
|
|
11399
11330
|
|
|
11400
11331
|
var VideoSignatureCapture = function VideoSignatureCapture(_a) {
|
|
11401
11332
|
var _b, _c, _d;
|
|
@@ -11523,8 +11454,8 @@ var VideoSignatureSuccess = function VideoSignatureSuccess(_a) {
|
|
|
11523
11454
|
finished: true
|
|
11524
11455
|
}, verbiage.doneBtnText))));
|
|
11525
11456
|
};
|
|
11526
|
-
var StyledVideo$1 = styled.video(templateObject_1$
|
|
11527
|
-
var templateObject_1$
|
|
11457
|
+
var StyledVideo$1 = styled.video(templateObject_1$7 || (templateObject_1$7 = __makeTemplateObject(["\n margin-left: auto;\n margin-right: auto;\n max-width: 100%;\n"], ["\n margin-left: auto;\n margin-right: auto;\n max-width: 100%;\n"])));
|
|
11458
|
+
var templateObject_1$7;
|
|
11528
11459
|
|
|
11529
11460
|
var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
11530
11461
|
var _b;
|
|
@@ -11717,127 +11648,6 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
|
11717
11648
|
}()));
|
|
11718
11649
|
};
|
|
11719
11650
|
|
|
11720
|
-
var IdVideoCaptureGuides = function IdVideoCaptureGuides(_a) {
|
|
11721
|
-
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
|
|
11722
|
-
var _0 = _a.requestedAction,
|
|
11723
|
-
requestedAction = _0 === void 0 ? 'SHOW_ID_FRONT' : _0,
|
|
11724
|
-
_1 = _a.satisfied,
|
|
11725
|
-
satisfied = _1 === void 0 ? false : _1,
|
|
11726
|
-
_2 = _a.faceGuideStatus,
|
|
11727
|
-
faceGuideStatus = _2 === void 0 ? 'success' : _2,
|
|
11728
|
-
faceGuideBorderWidth = _a.faceGuideBorderWidth,
|
|
11729
|
-
faceGuideBorderColor = _a.faceGuideBorderColor,
|
|
11730
|
-
_3 = _a.idCardGuideStatus,
|
|
11731
|
-
idCardGuideStatus = _3 === void 0 ? 'ready' : _3,
|
|
11732
|
-
idCardGuideBorderWidth = _a.idCardGuideBorderWidth,
|
|
11733
|
-
idCardGuideBorderColor = _a.idCardGuideBorderColor,
|
|
11734
|
-
idCardCaptureProgress = _a.idCardCaptureProgress,
|
|
11735
|
-
_4 = _a.idCardCaptureGuideImages,
|
|
11736
|
-
userSuppliedImages = _4 === void 0 ? defaultIdCaptureGuideImages : _4,
|
|
11737
|
-
_5 = _a.classNames,
|
|
11738
|
-
classNames = _5 === void 0 ? {} : _5,
|
|
11739
|
-
_6 = _a.verbiage,
|
|
11740
|
-
rawVerbiage = _6 === void 0 ? {} : _6;
|
|
11741
|
-
var cameraRef = useContext(CameraStateContext).cameraRef;
|
|
11742
|
-
var verbiage = useTranslations(rawVerbiage, {
|
|
11743
|
-
idFrontInstructionText: 'Display the front of your ID card...',
|
|
11744
|
-
idBackInstructionText: 'Display the back of your ID card...',
|
|
11745
|
-
flipIdInstructionText: 'Please flip your ID card...',
|
|
11746
|
-
verifyLivenessInstructionText: 'Performing facial recognition, please hold still...'
|
|
11747
|
-
});
|
|
11748
|
-
var instructionText = requestedAction === 'VERIFY_LIVENESS' ? verbiage.verifyLivenessInstructionText : requestedAction === 'SHOW_ID_FRONT' ? verbiage.idFrontInstructionText : requestedAction === 'FLIP_ID' ? verbiage.flipIdInstructionText : verbiage.idBackInstructionText;
|
|
11749
|
-
var theme = useTheme();
|
|
11750
|
-
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;
|
|
11751
|
-
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';
|
|
11752
|
-
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;
|
|
11753
|
-
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';
|
|
11754
|
-
var _7 = useResizeObserver(),
|
|
11755
|
-
idCardGuideRef = _7.ref,
|
|
11756
|
-
_8 = _7.width,
|
|
11757
|
-
idCardGuideWidth = _8 === void 0 ? 0 : _8,
|
|
11758
|
-
_9 = _7.height,
|
|
11759
|
-
idCardGuideHeight = _9 === void 0 ? 0 : _9;
|
|
11760
|
-
var idCaptureGuideImages = useGuideImages(userSuppliedImages);
|
|
11761
|
-
var idCaptureGuideImagesByUrl = useGuideImagesByUrl(idCaptureGuideImages);
|
|
11762
|
-
var _10 = useState(undefined),
|
|
11763
|
-
aspectRatio = _10[0],
|
|
11764
|
-
setAspectRatio = _10[1];
|
|
11765
|
-
var onImageLoaded = useCallback(function (e) {
|
|
11766
|
-
var _a, _b, _c, _d;
|
|
11767
|
-
var img = e.currentTarget;
|
|
11768
|
-
var imageByUrl = idCaptureGuideImagesByUrl[img.src];
|
|
11769
|
-
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;
|
|
11770
|
-
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;
|
|
11771
|
-
setAspectRatio(naturalHeight > 0 ? naturalWidth / naturalHeight : undefined);
|
|
11772
|
-
}, [idCaptureGuideImagesByUrl]);
|
|
11773
|
-
var idCardImageStyle = useMemo(function () {
|
|
11774
|
-
return {
|
|
11775
|
-
maxWidth: idCardGuideWidth > idCardGuideHeight ? idCardGuideWidth : undefined,
|
|
11776
|
-
maxHeight: idCardGuideHeight > idCardGuideWidth ? idCardGuideHeight : undefined,
|
|
11777
|
-
height: '100%',
|
|
11778
|
-
aspectRatio: aspectRatio
|
|
11779
|
-
};
|
|
11780
|
-
}, [idCardGuideWidth, idCardGuideHeight, aspectRatio]);
|
|
11781
|
-
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';
|
|
11782
|
-
return /*#__PURE__*/React__default.createElement(Container, {
|
|
11783
|
-
className: classNames.container
|
|
11784
|
-
}, /*#__PURE__*/React__default.createElement(Inner, null, /*#__PURE__*/React__default.createElement(FaceGuideContainer, {
|
|
11785
|
-
className: classNames.faceGuideContainer
|
|
11786
|
-
}, /*#__PURE__*/React__default.createElement(SelfieCaptureAnimatedMaskWithStatus, {
|
|
11787
|
-
className: classNames.faceGuide,
|
|
11788
|
-
status: requestedAction === 'VERIFY_LIVENESS' ? faceGuideStatus : 'success',
|
|
11789
|
-
borderWidth: faceGuideBorderWidth,
|
|
11790
|
-
borderColor: faceGuideBorderColor,
|
|
11791
|
-
verticalAlign: "bottom"
|
|
11792
|
-
})), !disableIdGuides && ( /*#__PURE__*/React__default.createElement(IdCardGuideContainer, {
|
|
11793
|
-
className: classNames.idCardGuideContainer,
|
|
11794
|
-
ref: idCardGuideRef
|
|
11795
|
-
}, /*#__PURE__*/React__default.createElement(IdCardGuideInner, {
|
|
11796
|
-
className: classNames.idCardGuideInner,
|
|
11797
|
-
style: {
|
|
11798
|
-
aspectRatio: aspectRatio
|
|
11799
|
-
}
|
|
11800
|
-
}, /*#__PURE__*/React__default.createElement(IdCardGuideImageContainer, {
|
|
11801
|
-
className: classNames.idCardGuideImageContainer,
|
|
11802
|
-
status: requestedAction === 'VERIFY_LIVENESS' ? 'disabled' : idCardGuideStatus,
|
|
11803
|
-
borderWidth: idCardGuideBorderWidth,
|
|
11804
|
-
borderColor: idCardGuideBorderColor,
|
|
11805
|
-
aspectRatio: aspectRatio,
|
|
11806
|
-
"$isVisible": requestedAction !== 'FLIP_ID',
|
|
11807
|
-
progress: requestedAction === 'VERIFY_LIVENESS' ? undefined : idCardCaptureProgress
|
|
11808
|
-
}, /*#__PURE__*/React__default.createElement(IdCardGuideImage, {
|
|
11809
|
-
alt: "",
|
|
11810
|
-
className: classNames.idCardGuideImage,
|
|
11811
|
-
"$isMirrored": !((_v = cameraRef.current) === null || _v === void 0 ? void 0 : _v.isRearFacing),
|
|
11812
|
-
style: idCardImageStyle,
|
|
11813
|
-
src: requestedAction === 'SHOW_ID_BACK' ? idCaptureGuideImages.landscape.SHOW_ID_BACK.url : idCaptureGuideImages.landscape.SHOW_ID_FRONT.url,
|
|
11814
|
-
onLoad: onImageLoaded
|
|
11815
|
-
})), requestedAction === 'FLIP_ID' && ( /*#__PURE__*/React__default.createElement(IdVideoCaptureFlipIdPrompt, {
|
|
11816
|
-
idCaptureGuideImages: idCaptureGuideImages,
|
|
11817
|
-
classNames: classNames.flipIdPrompt,
|
|
11818
|
-
borderWidth: idCardGuideBorderWidth,
|
|
11819
|
-
borderColor: idCardGuideBorderColor,
|
|
11820
|
-
imageStyle: idCardImageStyle
|
|
11821
|
-
}))), /*#__PURE__*/React__default.createElement(IdCardGuideInstructionsContainer, {
|
|
11822
|
-
className: classNames.idCardGuideInstructionsContainer
|
|
11823
|
-
}, /*#__PURE__*/React__default.createElement(IdCardGuideInstructions, {
|
|
11824
|
-
className: classNames.idCardGuideInstructions,
|
|
11825
|
-
"$textColor": (_x = (_w = theme.idVideoCapture) === null || _w === void 0 ? void 0 : _w.idCardGuides) === null || _x === void 0 ? void 0 : _x.instructionsTextColor,
|
|
11826
|
-
"$background": (_z = (_y = theme.idVideoCapture) === null || _y === void 0 ? void 0 : _y.idCardGuides) === null || _z === void 0 ? void 0 : _z.instructionsBackgroundColor
|
|
11827
|
-
}, instructionText))))));
|
|
11828
|
-
};
|
|
11829
|
-
var Container = styled.div(templateObject_1$7 || (templateObject_1$7 = __makeTemplateObject(["\n display: flex;\n max-height: 100%;\n position: absolute;\n z-index: 1000;\n width: 100dvw;\n height: 100dvh;\n font-family: ", ";\n box-sizing: border-box;\n overflow: hidden;\n padding: 40px;\n"], ["\n display: flex;\n max-height: 100%;\n position: absolute;\n z-index: 1000;\n width: 100dvw;\n height: 100dvh;\n font-family: ", ";\n box-sizing: border-box;\n overflow: hidden;\n padding: 40px;\n"])), function (props) {
|
|
11830
|
-
var _a;
|
|
11831
|
-
return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
|
|
11832
|
-
});
|
|
11833
|
-
var Inner = styled.div(templateObject_2$7 || (templateObject_2$7 = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n max-height: 1280px;\n display: flex;\n margin: auto;\n align-items: center;\n flex-direction: column;\n justify-content: center;\n"], ["\n width: 100%;\n height: 100%;\n max-height: 1280px;\n display: flex;\n margin: auto;\n align-items: center;\n flex-direction: column;\n justify-content: center;\n"])));
|
|
11834
|
-
var FaceGuideContainer = styled.div(templateObject_3$7 || (templateObject_3$7 = __makeTemplateObject(["\n position: relative;\n height: 65%;\n"], ["\n position: relative;\n height: 65%;\n"])));
|
|
11835
|
-
var IdCardGuideContainer = styled.div(templateObject_4$2 || (templateObject_4$2 = __makeTemplateObject(["\n display: flex;\n flex-flow: column nowrap;\n margin: 0 auto;\n position: relative;\n max-width: 100%;\n height: 35%;\n"], ["\n display: flex;\n flex-flow: column nowrap;\n margin: 0 auto;\n position: relative;\n max-width: 100%;\n height: 35%;\n"])));
|
|
11836
|
-
var IdCardGuideInner = styled.div(templateObject_5$1 || (templateObject_5$1 = __makeTemplateObject(["\n position: relative;\n height: 100%;\n width: 100%;\n"], ["\n position: relative;\n height: 100%;\n width: 100%;\n"])));
|
|
11837
|
-
var IdCardGuideInstructionsContainer = styled.div(templateObject_6$1 || (templateObject_6$1 = __makeTemplateObject(["\n width: 100%;\n text-align: center;\n color: white;\n display: flex;\n flex-direction: column;\n justify-content: end;\n padding: 0 40px;\n position: fixed;\n bottom: 14px;\n left: 0;\n right: 0;\n box-sizing: border-box;\n"], ["\n width: 100%;\n text-align: center;\n color: white;\n display: flex;\n flex-direction: column;\n justify-content: end;\n padding: 0 40px;\n position: fixed;\n bottom: 14px;\n left: 0;\n right: 0;\n box-sizing: border-box;\n"])));
|
|
11838
|
-
var IdCardGuideInstructions = styled(GuidanceMessage)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n align-content: center;\n margin: 12px auto;\n padding: 8px 12px;\n font-weight: bold;\n font-size: 18px;\n"], ["\n align-content: center;\n margin: 12px auto;\n padding: 8px 12px;\n font-weight: bold;\n font-size: 18px;\n"])));
|
|
11839
|
-
var templateObject_1$7, templateObject_2$7, templateObject_3$7, templateObject_4$2, templateObject_5$1, templateObject_6$1, templateObject_7;
|
|
11840
|
-
|
|
11841
11651
|
var ReadTextPrompt = function ReadTextPrompt(_a) {
|
|
11842
11652
|
var text = _a.text,
|
|
11843
11653
|
onComplete = _a.onComplete,
|
|
@@ -11977,90 +11787,90 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
11977
11787
|
onExitCapture = _a.onExitCapture,
|
|
11978
11788
|
_x = _a.idCaptureModelsEnabled,
|
|
11979
11789
|
idCaptureModelsEnabled = _x === void 0 ? true : _x,
|
|
11980
|
-
|
|
11981
|
-
|
|
11982
|
-
|
|
11983
|
-
idCardFrontDelay =
|
|
11984
|
-
|
|
11985
|
-
videoIdCaptureThresholds =
|
|
11986
|
-
|
|
11987
|
-
skipShowIdCardBack =
|
|
11988
|
-
|
|
11989
|
-
captureCountdownSeconds =
|
|
11790
|
+
// idCardCaptureGuideImages = defaultIdCaptureGuideImages,
|
|
11791
|
+
_y = _a.idCardFrontDelay,
|
|
11792
|
+
// idCardCaptureGuideImages = defaultIdCaptureGuideImages,
|
|
11793
|
+
idCardFrontDelay = _y === void 0 ? 1000 : _y,
|
|
11794
|
+
_z = _a.videoIdCaptureThresholds,
|
|
11795
|
+
videoIdCaptureThresholds = _z === void 0 ? defaultVideoIdCaptureThresholds : _z,
|
|
11796
|
+
_0 = _a.skipShowIdCardBack,
|
|
11797
|
+
skipShowIdCardBack = _0 === void 0 ? false : _0,
|
|
11798
|
+
_1 = _a.captureCountdownSeconds,
|
|
11799
|
+
captureCountdownSeconds = _1 === void 0 ? 3 : _1,
|
|
11990
11800
|
readTextPrompt = _a.readTextPrompt,
|
|
11991
|
-
|
|
11992
|
-
readTextTimeoutDurationMs =
|
|
11993
|
-
|
|
11994
|
-
readTextMinReadingMs =
|
|
11995
|
-
|
|
11996
|
-
disableFaceDetectionWhileAudioCapture =
|
|
11997
|
-
|
|
11998
|
-
disableFaceDetectionWhileAudioCaptureMsDelay =
|
|
11999
|
-
|
|
12000
|
-
mergeAVStreams =
|
|
12001
|
-
|
|
12002
|
-
classNames =
|
|
12003
|
-
|
|
12004
|
-
|
|
12005
|
-
|
|
12006
|
-
rawVerbiage =
|
|
12007
|
-
|
|
12008
|
-
debugMode =
|
|
12009
|
-
var
|
|
12010
|
-
ref =
|
|
12011
|
-
|
|
12012
|
-
width =
|
|
12013
|
-
|
|
12014
|
-
height =
|
|
12015
|
-
var
|
|
12016
|
-
cameraRef =
|
|
12017
|
-
videoRef =
|
|
12018
|
-
videoLoaded =
|
|
12019
|
-
cameraReady =
|
|
12020
|
-
microphoneReady =
|
|
12021
|
-
audioStream =
|
|
12022
|
-
setVideoLoaded =
|
|
12023
|
-
var
|
|
12024
|
-
detectedObjects =
|
|
12025
|
-
setDetectedObjects =
|
|
11801
|
+
_2 = _a.readTextTimeoutDurationMs,
|
|
11802
|
+
readTextTimeoutDurationMs = _2 === void 0 ? 15000 : _2,
|
|
11803
|
+
_3 = _a.readTextMinReadingMs,
|
|
11804
|
+
readTextMinReadingMs = _3 === void 0 ? 10000 : _3,
|
|
11805
|
+
_4 = _a.disableFaceDetectionWhileAudioCapture,
|
|
11806
|
+
disableFaceDetectionWhileAudioCapture = _4 === void 0 ? false : _4,
|
|
11807
|
+
_5 = _a.disableFaceDetectionWhileAudioCaptureMsDelay,
|
|
11808
|
+
disableFaceDetectionWhileAudioCaptureMsDelay = _5 === void 0 ? 2000 : _5,
|
|
11809
|
+
_6 = _a.mergeAVStreams,
|
|
11810
|
+
mergeAVStreams = _6 === void 0 ? false : _6,
|
|
11811
|
+
_7 = _a.classNames,
|
|
11812
|
+
classNames = _7 === void 0 ? {} : _7,
|
|
11813
|
+
// colors = {},
|
|
11814
|
+
_8 = _a.verbiage,
|
|
11815
|
+
// colors = {},
|
|
11816
|
+
rawVerbiage = _8 === void 0 ? {} : _8,
|
|
11817
|
+
_9 = _a.debugMode,
|
|
11818
|
+
debugMode = _9 === void 0 ? false : _9;
|
|
11819
|
+
var _10 = useResizeObserver(),
|
|
11820
|
+
ref = _10.ref,
|
|
11821
|
+
_11 = _10.width,
|
|
11822
|
+
width = _11 === void 0 ? 1 : _11,
|
|
11823
|
+
_12 = _10.height,
|
|
11824
|
+
height = _12 === void 0 ? 1 : _12;
|
|
11825
|
+
var _13 = useContext(CameraStateContext),
|
|
11826
|
+
cameraRef = _13.cameraRef,
|
|
11827
|
+
videoRef = _13.videoRef,
|
|
11828
|
+
videoLoaded = _13.videoLoaded,
|
|
11829
|
+
cameraReady = _13.cameraReady,
|
|
11830
|
+
microphoneReady = _13.microphoneReady,
|
|
11831
|
+
audioStream = _13.audioStream,
|
|
11832
|
+
setVideoLoaded = _13.setVideoLoaded;
|
|
11833
|
+
var _14 = useState([]),
|
|
11834
|
+
detectedObjects = _14[0],
|
|
11835
|
+
setDetectedObjects = _14[1];
|
|
11836
|
+
var _15 = useState(null),
|
|
11837
|
+
face = _15[0],
|
|
11838
|
+
setFace = _15[1];
|
|
11839
|
+
var _16 = useContext(IdCaptureModelsContext),
|
|
11840
|
+
idModelsReady = _16.ready,
|
|
11841
|
+
startIdModels = _16.start,
|
|
11842
|
+
stopIdModels = _16.stop,
|
|
11843
|
+
onIdPredictionMade = _16.onPredictionMade,
|
|
11844
|
+
setThresholds = _16.setThresholds,
|
|
11845
|
+
setDocumentDetectionBoundaries = _16.setDocumentDetectionBoundaries,
|
|
11846
|
+
bestFrameDetails = _16.bestFrameDetails,
|
|
11847
|
+
resetBestFrame = _16.resetBestFrame,
|
|
11848
|
+
idModelError = _16.modelError;
|
|
12026
11849
|
var _17 = useState(null),
|
|
12027
|
-
|
|
12028
|
-
|
|
12029
|
-
var _18 = useContext(
|
|
12030
|
-
|
|
12031
|
-
|
|
12032
|
-
|
|
12033
|
-
|
|
12034
|
-
|
|
12035
|
-
|
|
12036
|
-
|
|
12037
|
-
|
|
12038
|
-
|
|
12039
|
-
|
|
12040
|
-
|
|
12041
|
-
|
|
12042
|
-
|
|
12043
|
-
|
|
12044
|
-
|
|
12045
|
-
|
|
12046
|
-
|
|
12047
|
-
stopSelfieGuidance = _21.stop,
|
|
12048
|
-
onSelfiePredictionMade = _21.onPredictionMade,
|
|
12049
|
-
selfieModelError = _21.error;
|
|
12050
|
-
var _22 = useVideoRecorder(cameraRef.current, audioStream, mergeAVStreams),
|
|
12051
|
-
isRecordingVideo = _22.isRecordingVideo,
|
|
12052
|
-
startRecordingVideo = _22.startRecordingVideo,
|
|
12053
|
-
startRecordingAudio = _22.startRecordingAudio,
|
|
12054
|
-
stopRecordingVideo = _22.stopRecordingVideo,
|
|
12055
|
-
stopRecordingAudio = _22.stopRecordingAudio,
|
|
12056
|
-
videoRecordingUnintentionallyStopped = _22.videoRecordingUnintentionallyStopped,
|
|
12057
|
-
audioRecordingUnintentionallyStopped = _22.audioRecordingUnintentionallyStopped,
|
|
12058
|
-
videoUrl = _22.videoUrl,
|
|
12059
|
-
audioUrl = _22.audioUrl;
|
|
11850
|
+
videoStartsAt = _17[0],
|
|
11851
|
+
setVideoStartsAt = _17[1];
|
|
11852
|
+
var _18 = useContext(SubmissionContext),
|
|
11853
|
+
setIdCaptureVideoAudioStartsAt = _18.setIdCaptureVideoAudioStartsAt,
|
|
11854
|
+
setExpectedAudioText = _18.setExpectedAudioText;
|
|
11855
|
+
var _19 = useContext(SelfieGuidanceModelsContext),
|
|
11856
|
+
startSelfieGuidance = _19.start,
|
|
11857
|
+
stopSelfieGuidance = _19.stop,
|
|
11858
|
+
onSelfiePredictionMade = _19.onPredictionMade,
|
|
11859
|
+
selfieModelError = _19.error;
|
|
11860
|
+
var _20 = useVideoRecorder(cameraRef.current, audioStream, mergeAVStreams),
|
|
11861
|
+
isRecordingVideo = _20.isRecordingVideo,
|
|
11862
|
+
startRecordingVideo = _20.startRecordingVideo,
|
|
11863
|
+
startRecordingAudio = _20.startRecordingAudio,
|
|
11864
|
+
stopRecordingVideo = _20.stopRecordingVideo,
|
|
11865
|
+
stopRecordingAudio = _20.stopRecordingAudio,
|
|
11866
|
+
videoRecordingUnintentionallyStopped = _20.videoRecordingUnintentionallyStopped,
|
|
11867
|
+
audioRecordingUnintentionallyStopped = _20.audioRecordingUnintentionallyStopped,
|
|
11868
|
+
videoUrl = _20.videoUrl,
|
|
11869
|
+
audioUrl = _20.audioUrl;
|
|
12060
11870
|
var countdownTimeoutRef = useRef(undefined);
|
|
12061
|
-
var
|
|
12062
|
-
countdownRemaining =
|
|
12063
|
-
setCountdownRemaining =
|
|
11871
|
+
var _21 = useState(-1),
|
|
11872
|
+
countdownRemaining = _21[0],
|
|
11873
|
+
setCountdownRemaining = _21[1];
|
|
12064
11874
|
useEffect(function () {
|
|
12065
11875
|
if (!isRecordingVideo && !videoUrl) {
|
|
12066
11876
|
startRecordingVideo();
|
|
@@ -12080,9 +11890,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
12080
11890
|
onRecordingFailed === null || onRecordingFailed === void 0 ? void 0 : onRecordingFailed();
|
|
12081
11891
|
}
|
|
12082
11892
|
}, [audioRecordingUnintentionallyStopped, onRecordingFailed, videoRecordingUnintentionallyStopped]);
|
|
12083
|
-
var
|
|
12084
|
-
requestedAction =
|
|
12085
|
-
setRequestedAction =
|
|
11893
|
+
var _22 = useState('SHOW_ID_FRONT'),
|
|
11894
|
+
requestedAction = _22[0],
|
|
11895
|
+
setRequestedAction = _22[1];
|
|
12086
11896
|
var shouldRunIdModels = idCaptureModelsEnabled && videoLoaded && cameraReady && idModelsReady && !idModelError && requestedAction !== 'READ_TEXT' && (!readTextPrompt || microphoneReady);
|
|
12087
11897
|
useEffect(function startModelsWhenCapturing() {
|
|
12088
11898
|
if (!shouldRunIdModels) return;
|
|
@@ -12102,18 +11912,18 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
12102
11912
|
bottom: 1
|
|
12103
11913
|
});
|
|
12104
11914
|
}, [setDocumentDetectionBoundaries]);
|
|
11915
|
+
var _23 = useState(0),
|
|
11916
|
+
currentDetectionScore = _23[0],
|
|
11917
|
+
setCurrentDetectionScore = _23[1];
|
|
11918
|
+
var _24 = useState('none'),
|
|
11919
|
+
currentDetectedDocumentType = _24[0],
|
|
11920
|
+
setCurrentDetectedDocumentType = _24[1];
|
|
12105
11921
|
var _25 = useState(0),
|
|
12106
|
-
|
|
12107
|
-
|
|
12108
|
-
var _26 = useState(
|
|
12109
|
-
|
|
12110
|
-
|
|
12111
|
-
var _27 = useState(0),
|
|
12112
|
-
currentFocusScore = _27[0],
|
|
12113
|
-
setCurrentFocusScore = _27[1];
|
|
12114
|
-
var _28 = useState(0),
|
|
12115
|
-
goodFramesCount = _28[0],
|
|
12116
|
-
setGoodFramesCount = _28[1];
|
|
11922
|
+
currentFocusScore = _25[0],
|
|
11923
|
+
setCurrentFocusScore = _25[1];
|
|
11924
|
+
var _26 = useState(0),
|
|
11925
|
+
goodFramesCount = _26[0],
|
|
11926
|
+
setGoodFramesCount = _26[1];
|
|
12117
11927
|
var goodFramesThreshold = requestedAction === 'SHOW_ID_FRONT' ? videoIdCaptureThresholds.goodFrames.idCardFront : videoIdCaptureThresholds.goodFrames.idCardBack;
|
|
12118
11928
|
var goodFramesThresholdMet = goodFramesCount >= goodFramesThreshold;
|
|
12119
11929
|
useEffect(function () {
|
|
@@ -12134,9 +11944,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
12134
11944
|
} : 0);
|
|
12135
11945
|
});
|
|
12136
11946
|
}, [idCaptureModelsEnabled, onIdPredictionMade, idModelError, requestedAction, videoIdCaptureThresholds.flipShortcutThreshold]);
|
|
12137
|
-
var
|
|
12138
|
-
idFrontCaptureStartedAt =
|
|
12139
|
-
setFirstGoodFrameTime =
|
|
11947
|
+
var _27 = useState(null),
|
|
11948
|
+
idFrontCaptureStartedAt = _27[0],
|
|
11949
|
+
setFirstGoodFrameTime = _27[1];
|
|
12140
11950
|
useEffect(function () {
|
|
12141
11951
|
if (goodFramesCount === 1) setFirstGoodFrameTime(new Date().getTime());
|
|
12142
11952
|
}, [goodFramesCount]);
|
|
@@ -12157,9 +11967,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
12157
11967
|
var frameHeight = (_e = (_d = videoRef.current) === null || _d === void 0 ? void 0 : _d.videoHeight) !== null && _e !== void 0 ? _e : 0;
|
|
12158
11968
|
var faceBox = face === null || face === void 0 ? void 0 : face.box;
|
|
12159
11969
|
var faceCentered = !faceBox || !frameWidth || faceBox.xMin > frameWidth * edgeBoundary && faceBox.yMin > frameHeight * edgeBoundary && faceBox.xMax < frameWidth * (1 - edgeBoundary) && faceBox.yMax < frameHeight * (1 - edgeBoundary);
|
|
12160
|
-
var
|
|
12161
|
-
countdownStartedAt =
|
|
12162
|
-
setCountdownStartedAt =
|
|
11970
|
+
var _28 = useState(),
|
|
11971
|
+
countdownStartedAt = _28[0],
|
|
11972
|
+
setCountdownStartedAt = _28[1];
|
|
12163
11973
|
var photoCanvas = useRef(null);
|
|
12164
11974
|
var frameLock = useRef(false);
|
|
12165
11975
|
var captureFrame = useCallback(function () {
|
|
@@ -12282,9 +12092,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
12282
12092
|
stopSelfieGuidance();
|
|
12283
12093
|
};
|
|
12284
12094
|
}, [startSelfieGuidance, stopSelfieGuidance]);
|
|
12285
|
-
var
|
|
12286
|
-
numFramesWithoutFaces =
|
|
12287
|
-
setNumFramesWithoutFaces =
|
|
12095
|
+
var _29 = useState(0),
|
|
12096
|
+
numFramesWithoutFaces = _29[0],
|
|
12097
|
+
setNumFramesWithoutFaces = _29[1];
|
|
12288
12098
|
onSelfiePredictionMade(useThrottledCallback(useCallback(function (_a) {
|
|
12289
12099
|
var face = _a.face;
|
|
12290
12100
|
if (selfieModelError) return;
|
|
@@ -12300,12 +12110,12 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
12300
12110
|
}
|
|
12301
12111
|
}, [disableFaceDetectionWhileAudioCapture, disableFaceDetectionWhileAudioCaptureMsDelay, numFramesWithoutFaces, onFaceNotDetected, timeoutStartedAt]);
|
|
12302
12112
|
var theme = useTheme();
|
|
12303
|
-
var
|
|
12113
|
+
var _30 = useTranslations(rawVerbiage, {
|
|
12304
12114
|
faceNotCenteredText: 'Please move your face to the center...',
|
|
12305
12115
|
captureBtnText: 'Capture'
|
|
12306
12116
|
}),
|
|
12307
|
-
captureBtnText =
|
|
12308
|
-
faceNotCenteredText =
|
|
12117
|
+
captureBtnText = _30.captureBtnText,
|
|
12118
|
+
faceNotCenteredText = _30.faceNotCenteredText;
|
|
12309
12119
|
var debugScalingDetails = useDebugScalingDetails({
|
|
12310
12120
|
enabled: debugMode,
|
|
12311
12121
|
pageWidth: width,
|
|
@@ -12330,17 +12140,7 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
12330
12140
|
classNames: classNames.readTextPrompt,
|
|
12331
12141
|
verbiage: rawVerbiage.readTextPrompt,
|
|
12332
12142
|
onComplete: stopRecording
|
|
12333
|
-
})) : ( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(
|
|
12334
|
-
classNames: classNames.guides,
|
|
12335
|
-
verbiage: rawVerbiage.guides,
|
|
12336
|
-
requestedAction: requestedAction,
|
|
12337
|
-
satisfied: satisfied,
|
|
12338
|
-
idCardGuideStatus: countdownStartedAt ? 'capturing' : 'ready',
|
|
12339
|
-
idCardCaptureProgress: !!countdownStartedAt ? 1 : 0,
|
|
12340
|
-
idCardCaptureGuideImages: idCardCaptureGuideImages,
|
|
12341
|
-
faceGuideBorderColor: satisfied ? colors.guidesSatisfiedColor : colors.guidesUnsatisfiedColor,
|
|
12342
|
-
idCardGuideBorderColor: satisfied ? colors.guidesSatisfiedColor : colors.guidesUnsatisfiedColor
|
|
12343
|
-
}), debugMode && capturingId && ( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(ObjectDetectionDebugOverlayDiv, {
|
|
12143
|
+
})) : ( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, debugMode && capturingId && ( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(ObjectDetectionDebugOverlayDiv, {
|
|
12344
12144
|
"$flipX": !((_l = cameraRef.current) === null || _l === void 0 ? void 0 : _l.isRearFacing)
|
|
12345
12145
|
}, detectedObjects.map(function (obj, i) {
|
|
12346
12146
|
var _a;
|
|
@@ -12640,18 +12440,27 @@ var VideoIdWizard = function VideoIdWizard(_a) {
|
|
|
12640
12440
|
onExitCapture === null || onExitCapture === void 0 ? void 0 : onExitCapture();
|
|
12641
12441
|
}, [onExitCapture]);
|
|
12642
12442
|
var faceLivenessGuides = useCallback(function (_a) {
|
|
12643
|
-
|
|
12644
|
-
|
|
12645
|
-
|
|
12646
|
-
|
|
12647
|
-
|
|
12648
|
-
|
|
12649
|
-
|
|
12650
|
-
|
|
12651
|
-
|
|
12652
|
-
|
|
12653
|
-
|
|
12654
|
-
|
|
12443
|
+
return null;
|
|
12444
|
+
},
|
|
12445
|
+
// <IdVideoCaptureGuides
|
|
12446
|
+
// idCardCaptureGuideImages={idCaptureGuideImages}
|
|
12447
|
+
// classNames={classNames.idVideoCapture?.guides}
|
|
12448
|
+
// verbiage={verbiage.idVideoCapture?.guides}
|
|
12449
|
+
// requestedAction="VERIFY_LIVENESS"
|
|
12450
|
+
// faceGuideStatus={status}
|
|
12451
|
+
// faceGuideBorderColor={
|
|
12452
|
+
// status === 'success'
|
|
12453
|
+
// ? colors.idVideoCapture?.guidesSatisfiedColor
|
|
12454
|
+
// : colors.idVideoCapture?.guidesUnsatisfiedColor
|
|
12455
|
+
// }
|
|
12456
|
+
// idCardGuideStatus="disabled"
|
|
12457
|
+
// // idCardGuideBorderColor={
|
|
12458
|
+
// // status === 'success'
|
|
12459
|
+
// // ? colors.idVideoCapture?.guidesSatisfiedColor
|
|
12460
|
+
// // : colors.idVideoCapture?.guidesUnsatisfiedColor
|
|
12461
|
+
// // }
|
|
12462
|
+
// />
|
|
12463
|
+
[(_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]);
|
|
12655
12464
|
if (submissionStatus === SubmissionStatus.SUBMITTING) {
|
|
12656
12465
|
return /*#__PURE__*/React__default.createElement(PageContainer, {
|
|
12657
12466
|
className: "flex"
|