idmission-web-sdk 2.3.69 → 2.3.70
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/common/successScreens.d.ts +5 -0
- package/dist/components/common/successScreens.d.ts.map +1 -0
- package/dist/components/id_capture/IdCaptureStateProvider.d.ts +11 -2
- package/dist/components/id_capture/IdCaptureStateProvider.d.ts.map +1 -1
- package/dist/components/selfie_capture/SelfieCapture.d.ts.map +1 -1
- package/dist/components/video_id/IdVideoCaptureSuccess.d.ts +3 -1
- package/dist/components/video_id/IdVideoCaptureSuccess.d.ts.map +1 -1
- package/dist/components/video_signature_capture/VideoSignatureContext.d.ts +11 -2
- package/dist/components/video_signature_capture/VideoSignatureContext.d.ts.map +1 -1
- package/dist/components/video_signature_capture/VideoSignatureSuccess.d.ts +5 -2
- package/dist/components/video_signature_capture/VideoSignatureSuccess.d.ts.map +1 -1
- package/dist/components/video_signature_capture/VideoSignatureWizard.d.ts.map +1 -1
- package/dist/lib/camera/useVideoRecorder.d.ts +11 -2
- package/dist/lib/camera/useVideoRecorder.d.ts.map +1 -1
- package/dist/lib/locales/index.d.ts +1 -1
- package/dist/lib/locales/ru.d.ts +1 -1
- package/dist/lib/models/FaceDetection.d.ts +3 -1
- package/dist/lib/models/FaceDetection.d.ts.map +1 -1
- package/dist/lib/models/defaults/FaceDetector.d.ts +1 -1
- package/dist/lib/models/defaults/FaceDetector.d.ts.map +1 -1
- package/dist/sdk2.cjs.development.js +279 -237
- 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 +279 -237
- package/dist/sdk2.esm.js.map +1 -1
- package/dist/sdk2.umd.development.js +345 -480
- 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
|
@@ -205,7 +205,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
|
|
|
205
205
|
return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
|
|
206
206
|
};
|
|
207
207
|
|
|
208
|
-
var webSdkVersion = '2.3.
|
|
208
|
+
var webSdkVersion = '2.3.70';
|
|
209
209
|
|
|
210
210
|
function getPlatform() {
|
|
211
211
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
@@ -444,16 +444,16 @@ var LoaderButton = function LoaderButton(_a) {
|
|
|
444
444
|
className: "ladda-label"
|
|
445
445
|
}, children));
|
|
446
446
|
};
|
|
447
|
-
var StyledButton = styled.button(templateObject_1$S || (templateObject_1$S = __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) {
|
|
447
|
+
var StyledButton = styled.button(templateObject_1$R || (templateObject_1$R = __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) {
|
|
448
448
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
|
|
449
449
|
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 ");
|
|
450
450
|
});
|
|
451
|
-
var templateObject_1$S;
|
|
452
|
-
|
|
453
|
-
var ButtonsRow$2 = styled.div(templateObject_1$R || (templateObject_1$R = __makeTemplateObject(["\n display: flex;\n gap: 0 15px;\n justify-content: center;\n text-align: left;\n"], ["\n display: flex;\n gap: 0 15px;\n justify-content: center;\n text-align: left;\n"])));
|
|
454
451
|
var templateObject_1$R;
|
|
455
452
|
|
|
456
|
-
var
|
|
453
|
+
var ButtonsRow$2 = styled.div(templateObject_1$Q || (templateObject_1$Q = __makeTemplateObject(["\n display: flex;\n gap: 0 15px;\n justify-content: center;\n text-align: left;\n"], ["\n display: flex;\n gap: 0 15px;\n justify-content: center;\n text-align: left;\n"])));
|
|
454
|
+
var templateObject_1$Q;
|
|
455
|
+
|
|
456
|
+
var GuidanceMessageContainerDiv = styled.div(templateObject_1$P || (templateObject_1$P = __makeTemplateObject(["\n position: absolute;\n top: calc(", ");\n ", "\n font-weight: bold;\n width: 100%;\n display: flex;\n padding: 0 10%;\n box-sizing: border-box;\n"], ["\n position: absolute;\n top: calc(", ");\n ", "\n font-weight: bold;\n width: 100%;\n display: flex;\n padding: 0 10%;\n box-sizing: border-box;\n"])), function (_a) {
|
|
457
457
|
var $top = _a.$top;
|
|
458
458
|
return $top !== null && $top !== void 0 ? $top : '10%';
|
|
459
459
|
}, function (_a) {
|
|
@@ -473,15 +473,15 @@ var GuidanceMessage = styled.div(templateObject_2$I || (templateObject_2$I = __m
|
|
|
473
473
|
var _a, _b, _c, _d, _e, _f;
|
|
474
474
|
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';
|
|
475
475
|
});
|
|
476
|
-
var templateObject_1$
|
|
476
|
+
var templateObject_1$P, templateObject_2$I;
|
|
477
477
|
|
|
478
|
-
var wavesAnimation = keyframes(templateObject_1$
|
|
478
|
+
var wavesAnimation = keyframes(templateObject_1$O || (templateObject_1$O = __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"])));
|
|
479
479
|
var progressBarAnimation = keyframes(templateObject_2$H || (templateObject_2$H = __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"])));
|
|
480
480
|
var dualRingSpinnerAnimation = keyframes(templateObject_3$u || (templateObject_3$u = __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"])));
|
|
481
|
-
var progressBorderAnimation = keyframes(templateObject_4$
|
|
482
|
-
var templateObject_1$
|
|
481
|
+
var progressBorderAnimation = keyframes(templateObject_4$o || (templateObject_4$o = __makeTemplateObject(["\n to {\n stroke-dashoffset: 0;\n }\n"], ["\n to {\n stroke-dashoffset: 0;\n }\n"])));
|
|
482
|
+
var templateObject_1$O, templateObject_2$H, templateObject_3$u, templateObject_4$o;
|
|
483
483
|
|
|
484
|
-
var OverlayContainer = styled.div(templateObject_1$
|
|
484
|
+
var OverlayContainer = styled.div(templateObject_1$N || (templateObject_1$N = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n\n display: flex;\n flex-direction: column;\n\n overflow-x: hidden;\n overflow-y: auto;\n\n background: ", ";\n ", "\n\n z-index: 10000;\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n\n display: flex;\n flex-direction: column;\n\n overflow-x: hidden;\n overflow-y: auto;\n\n background: ", ";\n ", "\n\n z-index: 10000;\n"])), function (props) {
|
|
485
485
|
return props.theme.background ? "".concat(props.theme.background) : "white";
|
|
486
486
|
}, function (props) {
|
|
487
487
|
return props.theme.textColor ? "color: ".concat(props.theme.textColor, ";") : "";
|
|
@@ -493,7 +493,7 @@ var OverlayInner$2 = styled.div(templateObject_2$G || (templateObject_2$G = __ma
|
|
|
493
493
|
return props.theme.padding ? "box-sizing: border-box; padding: ".concat(props.theme.padding, ";") : "";
|
|
494
494
|
});
|
|
495
495
|
var OverlayImageContainer = styled.div(templateObject_3$t || (templateObject_3$t = __makeTemplateObject(["\n position: relative;\n display: flex;\n flex-grow: 1;\n padding-bottom: 25px;\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 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"])));
|
|
496
|
-
var OverlayImageRow = styled.div(templateObject_4$
|
|
496
|
+
var OverlayImageRow = styled.div(templateObject_4$n || (templateObject_4$n = __makeTemplateObject(["\n display: flex;\n margin: auto;\n\n & > div {\n max-height: calc(100% - 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(100% - 320px);\n\n & > img {\n width: 100%;\n max-height: 100%;\n height: auto;\n object-fit: contain;\n }\n }\n"])));
|
|
497
497
|
var GrayOverlayContainer = styled(OverlayContainer)(templateObject_5$e || (templateObject_5$e = __makeTemplateObject(["\n background: #f7f6fb;\n"], ["\n background: #f7f6fb;\n"])));
|
|
498
498
|
var ButtonsColumn = styled.div(templateObject_6$9 || (templateObject_6$9 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n gap: 15px 0;\n justify-content: center;\n margin-top: 24px;\n"], ["\n display: flex;\n flex-direction: column;\n gap: 15px 0;\n justify-content: center;\n margin-top: 24px;\n"])));
|
|
499
499
|
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"])));
|
|
@@ -534,7 +534,7 @@ var LoadingOverlayLoadingListItem = styled.li(templateObject_19 || (templateObje
|
|
|
534
534
|
var LoadingOverlayProgressContainer = styled.div(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n"])));
|
|
535
535
|
var LoadingOverlayCustomLoadingGraphic = styled.img(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n transform-style: preserve-3d;\n"], ["\n transform-style: preserve-3d;\n"])));
|
|
536
536
|
var LoadingOverlayContinueButtonContainer = styled.div(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n display: flex;\n"], ["\n display: flex;\n"])));
|
|
537
|
-
var templateObject_1$
|
|
537
|
+
var templateObject_1$N, templateObject_2$G, templateObject_3$t, templateObject_4$n, templateObject_5$e, templateObject_6$9, templateObject_7$5, templateObject_8$4, templateObject_9$2, templateObject_10$1, templateObject_11$1, templateObject_12$1, templateObject_13$1, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22;
|
|
538
538
|
|
|
539
539
|
var GeolocationAccessDeniedOverlay = function GeolocationAccessDeniedOverlay(_a) {
|
|
540
540
|
var accessBlockedImageUrl = _a.accessBlockedImageUrl;
|
|
@@ -2185,7 +2185,7 @@ function getFrameDimensions(frame) {
|
|
|
2185
2185
|
return [frameWidth, frameHeight];
|
|
2186
2186
|
}
|
|
2187
2187
|
|
|
2188
|
-
var InvisibleCanvas = styled.canvas(templateObject_1$
|
|
2188
|
+
var InvisibleCanvas = styled.canvas(templateObject_1$M || (templateObject_1$M = __makeTemplateObject(["\n display: none;\n"], ["\n display: none;\n"])));
|
|
2189
2189
|
function drawToCanvas(canvas, frame, width, height) {
|
|
2190
2190
|
if (!canvas) return;
|
|
2191
2191
|
var ctx = canvas.getContext('2d');
|
|
@@ -2205,7 +2205,7 @@ function clearCanvas(canvas) {
|
|
|
2205
2205
|
var _a;
|
|
2206
2206
|
(_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);
|
|
2207
2207
|
}
|
|
2208
|
-
var templateObject_1$
|
|
2208
|
+
var templateObject_1$M;
|
|
2209
2209
|
|
|
2210
2210
|
function cropToShoulders(rawCanvas, cropCanvas, resizeCanvas, frame, face, quality, maxHeight) {
|
|
2211
2211
|
var _a;
|
|
@@ -2451,7 +2451,7 @@ var defaultDocumentDetectorModelPath = "".concat(DEFAULT_CDN_URL, "/models/Docum
|
|
|
2451
2451
|
|
|
2452
2452
|
var defaultFocusModelPath = "".concat(DEFAULT_CDN_URL, "/models/Focus/Focus-20241008_102708.tflite");
|
|
2453
2453
|
|
|
2454
|
-
var defaultFaceDetectorModelPath = "".concat(DEFAULT_CDN_URL, "/models/
|
|
2454
|
+
var defaultFaceDetectorModelPath = "".concat(DEFAULT_CDN_URL, "/models/FaceDetector/FaceDetector-20250820_154546.tflite");
|
|
2455
2455
|
|
|
2456
2456
|
var defaultFocusModelLoadTimeoutMs = 45000;
|
|
2457
2457
|
var defaultFocusThresholds = {
|
|
@@ -2791,22 +2791,38 @@ function trackFramesNeeded$1(value, bufferLength) {
|
|
|
2791
2791
|
if (framesNeededSamples$1.length > bufferLength) framesNeededSamples$1.length = bufferLength;
|
|
2792
2792
|
}
|
|
2793
2793
|
var lastNFaces = [];
|
|
2794
|
-
var
|
|
2795
|
-
|
|
2794
|
+
var lastNFacePairs = [];
|
|
2795
|
+
var lastNNoses = [];
|
|
2796
|
+
var lastNNosePairs = [];
|
|
2797
|
+
function trackFace(face, framesNeeded, frameWidth, frameHeight) {
|
|
2796
2798
|
if (framesNeeded === void 0) {
|
|
2797
2799
|
framesNeeded = 12;
|
|
2798
2800
|
}
|
|
2801
|
+
var nose = face.keypoints[2];
|
|
2802
|
+
if (!nose) return;
|
|
2799
2803
|
lastNFaces.unshift(face);
|
|
2804
|
+
lastNNoses.unshift(nose);
|
|
2800
2805
|
if (lastNFaces.length > framesNeeded) lastNFaces.length = framesNeeded;
|
|
2806
|
+
if (lastNNoses.length > framesNeeded) lastNNoses.length = framesNeeded;
|
|
2801
2807
|
if (lastNFaces.length > 1) {
|
|
2802
2808
|
var lastFace = lastNFaces[1];
|
|
2803
2809
|
var iou = calculateIoU(face.box, lastFace.box);
|
|
2804
|
-
|
|
2810
|
+
lastNFacePairs.unshift({
|
|
2805
2811
|
a: face,
|
|
2806
2812
|
b: lastFace,
|
|
2807
2813
|
iou: iou
|
|
2808
2814
|
});
|
|
2809
|
-
if (
|
|
2815
|
+
if (lastNFacePairs.length > framesNeeded - 1) lastNFacePairs.length = framesNeeded - 1;
|
|
2816
|
+
}
|
|
2817
|
+
if (lastNNoses.length > 1) {
|
|
2818
|
+
var lastNose = lastNNoses[1];
|
|
2819
|
+
var noseDistance = Math.sqrt(Math.pow((nose.x - lastNose.x) / frameWidth, 2) + Math.pow((nose.y - lastNose.y) / frameHeight, 2));
|
|
2820
|
+
lastNNosePairs.unshift({
|
|
2821
|
+
a: nose,
|
|
2822
|
+
b: lastNose,
|
|
2823
|
+
distance: noseDistance
|
|
2824
|
+
});
|
|
2825
|
+
if (lastNNosePairs.length > framesNeeded - 1) lastNNosePairs.length = framesNeeded - 1;
|
|
2810
2826
|
}
|
|
2811
2827
|
}
|
|
2812
2828
|
function makeFaceDetectorPrediction(imageData) {
|
|
@@ -2836,7 +2852,9 @@ function processFaceDetectorPrediction(_a) {
|
|
|
2836
2852
|
_b = _a.requireVerticalFaceCentering,
|
|
2837
2853
|
requireVerticalFaceCentering = _b === void 0 ? true : _b,
|
|
2838
2854
|
_c = _a.stabilityThreshold,
|
|
2839
|
-
stabilityThreshold = _c === void 0 ? 0.7 : _c
|
|
2855
|
+
stabilityThreshold = _c === void 0 ? 0.7 : _c,
|
|
2856
|
+
_d = _a.noseDistanceThreshold,
|
|
2857
|
+
noseDistanceThreshold = _d === void 0 ? 0.025 : _d;
|
|
2840
2858
|
var face = faces[0];
|
|
2841
2859
|
var faceNotDetected = faces.length === 0;
|
|
2842
2860
|
var faceNotCentered = false,
|
|
@@ -2871,15 +2889,19 @@ function processFaceDetectorPrediction(_a) {
|
|
|
2871
2889
|
if (lastFaceDetectionTime > 0) {
|
|
2872
2890
|
trackFramesNeeded$1(500 / lastFaceDetectionTime);
|
|
2873
2891
|
}
|
|
2874
|
-
var faceIsStable = false
|
|
2892
|
+
var faceIsStable = false,
|
|
2893
|
+
noseIsStable = false;
|
|
2875
2894
|
if (faceInGuides) {
|
|
2876
|
-
var framesNeeded = Math.ceil(average(framesNeededSamples$1));
|
|
2877
|
-
trackFace(face, framesNeeded);
|
|
2878
|
-
faceIsStable = lastNFaces.length >= framesNeeded && !
|
|
2895
|
+
var framesNeeded = Math.max(Math.ceil(average(framesNeededSamples$1)), 5);
|
|
2896
|
+
trackFace(face, framesNeeded, videoWidth, videoHeight);
|
|
2897
|
+
faceIsStable = lastNFaces.length >= framesNeeded && !lastNFacePairs.some(function (pair) {
|
|
2879
2898
|
return pair.iou < stabilityThreshold;
|
|
2880
2899
|
});
|
|
2900
|
+
noseIsStable = lastNNoses.length >= framesNeeded && !lastNNosePairs.some(function (pair) {
|
|
2901
|
+
return pair.distance > noseDistanceThreshold;
|
|
2902
|
+
});
|
|
2881
2903
|
}
|
|
2882
|
-
var faceReady = faceInGuides && faceIsStable;
|
|
2904
|
+
var faceReady = faceInGuides && faceIsStable && noseIsStable;
|
|
2883
2905
|
return {
|
|
2884
2906
|
face: face,
|
|
2885
2907
|
faceNotDetected: faceNotDetected,
|
|
@@ -2889,7 +2911,8 @@ function processFaceDetectorPrediction(_a) {
|
|
|
2889
2911
|
faceTooFar: faceTooFar,
|
|
2890
2912
|
faceReady: faceReady,
|
|
2891
2913
|
faceReadyAt: faceReady ? new Date() : null,
|
|
2892
|
-
faceIsStable: faceIsStable
|
|
2914
|
+
faceIsStable: faceIsStable,
|
|
2915
|
+
noseIsStable: noseIsStable
|
|
2893
2916
|
};
|
|
2894
2917
|
}
|
|
2895
2918
|
function testFaceDetectionAgainstKnownImage(detector) {
|
|
@@ -4518,7 +4541,7 @@ var ru = {
|
|
|
4518
4541
|
'Document is not centered': 'Документ не отцентрирован',
|
|
4519
4542
|
'Document too close, please back up': 'Документ находится слишком близко, отодвиньтесь назад',
|
|
4520
4543
|
'Please hold your ID document steady': 'Держите удостоверение личности ровно',
|
|
4521
|
-
'Document out of focus
|
|
4544
|
+
'Document out of focus – try improving the lighting': 'Документ не в фокусе, попробуйте улучшить освещение',
|
|
4522
4545
|
'ID card front detected - please flip your ID card': 'Обнаружена лицевая сторона удостоверения личности, переверните удостоверение личности',
|
|
4523
4546
|
'ID card back detected - please flip your ID card': 'Обнаружена обратная сторона удостоверения личности, переверните удостоверение личности',
|
|
4524
4547
|
'ID card detected, please scan a passport instead': 'Обнаружено удостоверение личности, отсканируйте вместо него паспорт',
|
|
@@ -5312,14 +5335,14 @@ function CameraTamperSeal(_a) {
|
|
|
5312
5335
|
className: classNames.message
|
|
5313
5336
|
}, messageText)));
|
|
5314
5337
|
}
|
|
5315
|
-
var StyledOverlayInner$4 = styled(OverlayInner$2)(templateObject_1$
|
|
5338
|
+
var StyledOverlayInner$4 = styled(OverlayInner$2)(templateObject_1$L || (templateObject_1$L = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
5316
5339
|
var StyledOverlayHeading = styled.h3(templateObject_2$F || (templateObject_2$F = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
5317
5340
|
function useCameraStore(selector) {
|
|
5318
5341
|
var store = useContext(CameraStoreContext);
|
|
5319
5342
|
if (!store) throw new Error('useCameraStore cannot be used without Provider');
|
|
5320
5343
|
return useStore(store, selector);
|
|
5321
5344
|
}
|
|
5322
|
-
var templateObject_1$
|
|
5345
|
+
var templateObject_1$L, templateObject_2$F;
|
|
5323
5346
|
|
|
5324
5347
|
var DocumentDetectionModelContext = /*#__PURE__*/createContext({
|
|
5325
5348
|
startDocumentDetection: function startDocumentDetection() {
|
|
@@ -6303,7 +6326,7 @@ function DebugStatsPane(_a) {
|
|
|
6303
6326
|
if (!portalLocation) return element;
|
|
6304
6327
|
return /*#__PURE__*/createPortal(element, portalLocation);
|
|
6305
6328
|
}
|
|
6306
|
-
var DebugStatsPaneDiv = styled.span(templateObject_1$
|
|
6329
|
+
var DebugStatsPaneDiv = styled.span(templateObject_1$K || (templateObject_1$K = __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 pointer-events: none;\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 pointer-events: none;\n"])));
|
|
6307
6330
|
var ObjectDetectionDebugOverlayDiv = styled.div(templateObject_2$E || (templateObject_2$E = __makeTemplateObject(["\n position: absolute;\n z-index: 1001;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n max-width: 100%;\n max-height: 100%;\n overflow: hidden;\n pointer-events: none;\n ", "\n transform-style: preserve-3d;\n"], ["\n position: absolute;\n z-index: 1001;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n max-width: 100%;\n max-height: 100%;\n overflow: hidden;\n pointer-events: none;\n ", "\n transform-style: preserve-3d;\n"])), function (_a) {
|
|
6308
6331
|
var $flipX = _a.$flipX;
|
|
6309
6332
|
return $flipX ? 'transform: scaleX(-1);' : '';
|
|
@@ -6318,7 +6341,7 @@ var ObjectDetectionDebugBox = styled.div(templateObject_3$s || (templateObject_3
|
|
|
6318
6341
|
var $flipX = _a.$flipX;
|
|
6319
6342
|
return $flipX ? 'transform: scaleX(-1);' : '';
|
|
6320
6343
|
});
|
|
6321
|
-
var FaceDetectionKeypointMarker = styled.div(templateObject_4$
|
|
6344
|
+
var FaceDetectionKeypointMarker = styled.div(templateObject_4$m || (templateObject_4$m = __makeTemplateObject(["\n position: absolute;\n width: 4px;\n height: 4px;\n border: 2px solid ", ";\n font: 10px monospace;\n color: ", ";\n border-radius: 50%;\n ", "\n transform-style: preserve-3d;\n"], ["\n position: absolute;\n width: 4px;\n height: 4px;\n border: 2px solid ", ";\n font: 10px monospace;\n color: ", ";\n border-radius: 50%;\n ", "\n transform-style: preserve-3d;\n"])), function (_a) {
|
|
6322
6345
|
var $color = _a.$color;
|
|
6323
6346
|
return $color !== null && $color !== void 0 ? $color : 'red';
|
|
6324
6347
|
}, function (_a) {
|
|
@@ -6515,7 +6538,7 @@ function SelfieCaptureFaceKeypoint(_a) {
|
|
|
6515
6538
|
}
|
|
6516
6539
|
});
|
|
6517
6540
|
}
|
|
6518
|
-
var templateObject_1$
|
|
6541
|
+
var templateObject_1$K, templateObject_2$E, templateObject_3$s, templateObject_4$m;
|
|
6519
6542
|
|
|
6520
6543
|
function OverrideWrongDocumentTypeGuidanceDialog(_a) {
|
|
6521
6544
|
var _b = _a.classNames,
|
|
@@ -6548,7 +6571,7 @@ function OverrideWrongDocumentTypeGuidanceDialog(_a) {
|
|
|
6548
6571
|
}
|
|
6549
6572
|
}, verbiage.buttonText))));
|
|
6550
6573
|
}
|
|
6551
|
-
var Container$7 = styled.div(templateObject_1$
|
|
6574
|
+
var Container$7 = styled.div(templateObject_1$J || (templateObject_1$J = __makeTemplateObject(["\n position: fixed;\n left: 0;\n bottom: 0;\n width: 100%;\n background: ", ";\n color: ", ";\n display: flex;\n z-index: 100001;\n"], ["\n position: fixed;\n left: 0;\n bottom: 0;\n width: 100%;\n background: ", ";\n color: ", ";\n display: flex;\n z-index: 100001;\n"])), function (props) {
|
|
6552
6575
|
var _a, _b, _c;
|
|
6553
6576
|
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';
|
|
6554
6577
|
}, function (props) {
|
|
@@ -6557,9 +6580,9 @@ var Container$7 = styled.div(templateObject_1$K || (templateObject_1$K = __makeT
|
|
|
6557
6580
|
});
|
|
6558
6581
|
var InnerContainer = styled.div(templateObject_2$D || (templateObject_2$D = __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"])));
|
|
6559
6582
|
var Message = styled.span(templateObject_3$r || (templateObject_3$r = __makeTemplateObject(["\n display: block;\n margin: auto 12px auto 0;\n"], ["\n display: block;\n margin: auto 12px auto 0;\n"])));
|
|
6560
|
-
var ButtonContainer = styled.div(templateObject_4$
|
|
6583
|
+
var ButtonContainer = styled.div(templateObject_4$l || (templateObject_4$l = __makeTemplateObject(["\n display: flex;\n margin-left: auto;\n"], ["\n display: flex;\n margin-left: auto;\n"])));
|
|
6561
6584
|
var Button$1 = styled(LoaderButton)(templateObject_5$d || (templateObject_5$d = __makeTemplateObject(["\n white-space: nowrap;\n margin: auto;\n"], ["\n white-space: nowrap;\n margin: auto;\n"])));
|
|
6562
|
-
var templateObject_1$
|
|
6585
|
+
var templateObject_1$J, templateObject_2$D, templateObject_3$r, templateObject_4$l, templateObject_5$d;
|
|
6563
6586
|
|
|
6564
6587
|
// This is a simplified version of https://github.com/ZeeCoder/use-resize-observer.
|
|
6565
6588
|
// We have removed all options and made it compliant with React Compiler/React 19.
|
|
@@ -6785,7 +6808,7 @@ var IdCapture = function IdCapture(_a) {
|
|
|
6785
6808
|
guidanceSatisfiedText: "".concat(documentTypeDisplayNames[state.detectedDocumentType], " detected, hold still..."),
|
|
6786
6809
|
guidancePleaseFlipText: 'ID card front detected - please flip your ID card',
|
|
6787
6810
|
guidanceBackDetectedFirstText: 'ID card back detected - please flip your ID card',
|
|
6788
|
-
guidanceTooBlurryText: 'Document out of focus
|
|
6811
|
+
guidanceTooBlurryText: 'Document out of focus – try improving the lighting',
|
|
6789
6812
|
guidanceNotCenteredText: 'Document is not centered',
|
|
6790
6813
|
guidanceTooCloseText: 'Document too close, please back up',
|
|
6791
6814
|
guidanceNotDetectedText: 'Document not detected',
|
|
@@ -6872,13 +6895,13 @@ var CameraAccessDeniedOverlay = function CameraAccessDeniedOverlay(_a) {
|
|
|
6872
6895
|
finished: true
|
|
6873
6896
|
}, verbiage.retryBtnText)));
|
|
6874
6897
|
};
|
|
6875
|
-
var StyledOverlayInner$3 = styled(OverlayInner$2)(templateObject_1$
|
|
6898
|
+
var StyledOverlayInner$3 = styled(OverlayInner$2)(templateObject_1$I || (templateObject_1$I = __makeTemplateObject(["\n max-width: 500px;\n height: auto;\n margin: auto;\n"], ["\n max-width: 500px;\n height: auto;\n margin: auto;\n"])));
|
|
6876
6899
|
var StyledOverlayImageContainer$1 = styled(OverlayImageContainer)(templateObject_2$C || (templateObject_2$C = __makeTemplateObject(["\n flex-grow: 0;\n"], ["\n flex-grow: 0;\n"])));
|
|
6877
6900
|
var Description$4 = styled.p(templateObject_3$q || (templateObject_3$q = __makeTemplateObject(["\n line-height: 1.5;\n margin-bottom: 50px;\n"], ["\n line-height: 1.5;\n margin-bottom: 50px;\n"])));
|
|
6878
|
-
var RetryButton$1 = styled(LoaderButton)(templateObject_4$
|
|
6879
|
-
var templateObject_1$
|
|
6901
|
+
var RetryButton$1 = styled(LoaderButton)(templateObject_4$k || (templateObject_4$k = __makeTemplateObject(["\n width: 200px;\n margin: 0 auto;\n"], ["\n width: 200px;\n margin: 0 auto;\n"])));
|
|
6902
|
+
var templateObject_1$I, templateObject_2$C, templateObject_3$q, templateObject_4$k;
|
|
6880
6903
|
|
|
6881
|
-
var ExitCaptureStyledButton = styled.button(templateObject_1$
|
|
6904
|
+
var ExitCaptureStyledButton = styled.button(templateObject_1$H || (templateObject_1$H = __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: 10002;\n border: none;\n border-radius: 4px;\n background: var(--idm-color-secondary-200);\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: 10002;\n border: none;\n border-radius: 4px;\n background: var(--idm-color-secondary-200);\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"])));
|
|
6882
6905
|
var ExitCaptureButton = function ExitCaptureButton(_a) {
|
|
6883
6906
|
var onClick = _a.onClick,
|
|
6884
6907
|
className = _a.className;
|
|
@@ -6922,7 +6945,7 @@ var ExitCaptureButton = function ExitCaptureButton(_a) {
|
|
|
6922
6945
|
y2: "19.75"
|
|
6923
6946
|
}))));
|
|
6924
6947
|
};
|
|
6925
|
-
var templateObject_1$
|
|
6948
|
+
var templateObject_1$H;
|
|
6926
6949
|
|
|
6927
6950
|
function IdCaptureLoadingGraphic(props) {
|
|
6928
6951
|
var isMobile = window.innerHeight > window.innerWidth;
|
|
@@ -7397,7 +7420,7 @@ function IdCaptureLoadingGraphicMobile(_a) {
|
|
|
7397
7420
|
fill: "white"
|
|
7398
7421
|
}))));
|
|
7399
7422
|
}
|
|
7400
|
-
var LoadingGraphicWrapper = styled.div(templateObject_1$
|
|
7423
|
+
var LoadingGraphicWrapper = styled.div(templateObject_1$G || (templateObject_1$G = __makeTemplateObject(["\n display: flex;\n width: 100%;\n height: 100%;\n"], ["\n display: flex;\n width: 100%;\n height: 100%;\n"])));
|
|
7401
7424
|
var LoadingGraphicSvg = styled.svg(templateObject_2$B || (templateObject_2$B = __makeTemplateObject(["\n margin: auto;\n transform: scale(\n ", "\n );\n transform-style: preserve-3d;\n transition:\n transform 0.2s linear,\n border-width 0.2s linear;\n border: ", "px solid\n ", ";\n max-height: 80%;\n max-width: 80%;\n"], ["\n margin: auto;\n transform: scale(\n ", "\n );\n transform-style: preserve-3d;\n transition:\n transform 0.2s linear,\n border-width 0.2s linear;\n border: ", "px solid\n ", ";\n max-height: 80%;\n max-width: 80%;\n"])), function (props) {
|
|
7402
7425
|
return props.$frame > 1 ? 1 : props.$frame === 1 ? 1.25 : 0.75;
|
|
7403
7426
|
}, function (props) {
|
|
@@ -7408,10 +7431,10 @@ var LoadingGraphicSvg = styled.svg(templateObject_2$B || (templateObject_2$B = _
|
|
|
7408
7431
|
var LoadingGraphicCardGroup = styled.g(templateObject_3$p || (templateObject_3$p = __makeTemplateObject(["\n transform: translate(", ", 0);\n transform-style: preserve-3d;\n transition: transform 0.3s linear;\n"], ["\n transform: translate(", ", 0);\n transform-style: preserve-3d;\n transition: transform 0.3s linear;\n"])), function (props) {
|
|
7409
7432
|
return props.$offScreen ? '-500px' : '0';
|
|
7410
7433
|
});
|
|
7411
|
-
var LoadingGraphicPhoneGroup = styled.g(templateObject_4$
|
|
7434
|
+
var LoadingGraphicPhoneGroup = styled.g(templateObject_4$j || (templateObject_4$j = __makeTemplateObject(["\n transform: translate(", ", 0);\n transform-style: preserve-3d;\n transition: transform 0.3s linear;\n"], ["\n transform: translate(", ", 0);\n transform-style: preserve-3d;\n transition: transform 0.3s linear;\n"])), function (props) {
|
|
7412
7435
|
return props.$offScreen ? '40px' : '0';
|
|
7413
7436
|
});
|
|
7414
|
-
var templateObject_1$
|
|
7437
|
+
var templateObject_1$G, templateObject_2$B, templateObject_3$p, templateObject_4$j;
|
|
7415
7438
|
|
|
7416
7439
|
function LoadingListItemIndicator(_a) {
|
|
7417
7440
|
var _b = _a.state,
|
|
@@ -7680,7 +7703,7 @@ var IdCaptureLoadingOverlayDefault = function IdCaptureLoadingOverlayDefault(_a)
|
|
|
7680
7703
|
}
|
|
7681
7704
|
}, ready ? verbiage.continueText : verbiage.pleaseWaitText))))));
|
|
7682
7705
|
};
|
|
7683
|
-
var OverlayInner$1 = styled(LoadingOverlayInner)(templateObject_1$
|
|
7706
|
+
var OverlayInner$1 = styled(LoadingOverlayInner)(templateObject_1$F || (templateObject_1$F = __makeTemplateObject(["\n background: ", ";\n color: ", ";\n"], ["\n background: ", ";\n color: ", ";\n"])), function (props) {
|
|
7684
7707
|
var _a, _b, _c, _d;
|
|
7685
7708
|
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';
|
|
7686
7709
|
}, function (props) {
|
|
@@ -7689,7 +7712,7 @@ var OverlayInner$1 = styled(LoadingOverlayInner)(templateObject_1$G || (template
|
|
|
7689
7712
|
});
|
|
7690
7713
|
var ContinuityCameraCheckboxContainer$1 = styled.div(templateObject_2$A || (templateObject_2$A = __makeTemplateObject(["\n position: absolute;\n bottom: 120px;\n width: 100%;\n display: flex;\n"], ["\n position: absolute;\n bottom: 120px;\n width: 100%;\n display: flex;\n"])));
|
|
7691
7714
|
var ContinuityCameraCheckboxInner = styled(GuidanceMessage)(templateObject_3$o || (templateObject_3$o = __makeTemplateObject(["\n display: flex;\n gap: 8px;\n align-items: center;\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 display: flex;\n gap: 8px;\n align-items: center;\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"])));
|
|
7692
|
-
var ContinuityCameraCheckbox$1 = styled.input(templateObject_4$
|
|
7715
|
+
var ContinuityCameraCheckbox$1 = styled.input(templateObject_4$i || (templateObject_4$i = __makeTemplateObject(["\n margin: 0;\n"], ["\n margin: 0;\n"])));
|
|
7693
7716
|
var ButtonsRow$1 = styled(LoadingOverlayButtonsRow)(templateObject_5$c || (templateObject_5$c = __makeTemplateObject(["\n color: ", ";\n ", "\n"], ["\n color: ", ";\n ", "\n"])), function (props) {
|
|
7694
7717
|
var _a, _b, _c, _d;
|
|
7695
7718
|
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';
|
|
@@ -7727,9 +7750,9 @@ var ContinueButton$1 = styled(LoaderButton)(templateObject_8$3 || (templateObjec
|
|
|
7727
7750
|
var _a, _b, _c, _d;
|
|
7728
7751
|
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.continueBtnDisabledBorder) !== null && _d !== void 0 ? _d : 'none';
|
|
7729
7752
|
});
|
|
7730
|
-
var templateObject_1$
|
|
7753
|
+
var templateObject_1$F, templateObject_2$A, templateObject_3$o, templateObject_4$i, templateObject_5$c, templateObject_6$8, templateObject_7$4, templateObject_8$3;
|
|
7731
7754
|
|
|
7732
|
-
var ContinuityCameraCheckboxContainer = styled.div(templateObject_1$
|
|
7755
|
+
var ContinuityCameraCheckboxContainer = styled.div(templateObject_1$E || (templateObject_1$E = __makeTemplateObject(["\n margin-top: 15px;\n margin-bottom: 15px;\n"], ["\n margin-top: 15px;\n margin-bottom: 15px;\n"])));
|
|
7733
7756
|
var ContinuityCameraCheckbox = styled.input(templateObject_2$z || (templateObject_2$z = __makeTemplateObject(["\n margin-right: 8px;\n"], ["\n margin-right: 8px;\n"])));
|
|
7734
7757
|
var IdCaptureLoadingOverlayLegacy = function IdCaptureLoadingOverlayLegacy(_a) {
|
|
7735
7758
|
var _b, _c, _d, _e;
|
|
@@ -7851,7 +7874,7 @@ var IdCaptureLoadingOverlayLegacy = function IdCaptureLoadingOverlayLegacy(_a) {
|
|
|
7851
7874
|
}
|
|
7852
7875
|
}, ready ? verbiage.continueText : modelsReady ? verbiage.cameraInitializingText : modelDownloadProgress >= 100 ? verbiage.modelsWarmingUpText : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)"))));
|
|
7853
7876
|
};
|
|
7854
|
-
var templateObject_1$
|
|
7877
|
+
var templateObject_1$E, templateObject_2$z;
|
|
7855
7878
|
|
|
7856
7879
|
var components$1 = {
|
|
7857
7880
|
"default": IdCaptureLoadingOverlayDefault,
|
|
@@ -7909,9 +7932,9 @@ var CapturedDocumentImg = function CapturedDocumentImg(_a) {
|
|
|
7909
7932
|
});
|
|
7910
7933
|
};
|
|
7911
7934
|
|
|
7912
|
-
var Card = styled.div(templateObject_1$
|
|
7935
|
+
var Card = styled.div(templateObject_1$D || (templateObject_1$D = __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, 100% - 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, 100% - 48px);\n max-height: 100%;\n overflow: auto;\n box-sizing: border-box;\n"])));
|
|
7913
7936
|
var FlexCard = styled(Card)(templateObject_2$y || (templateObject_2$y = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n"], ["\n display: flex;\n flex-direction: column;\n"])));
|
|
7914
|
-
var templateObject_1$
|
|
7937
|
+
var templateObject_1$D, templateObject_2$y;
|
|
7915
7938
|
|
|
7916
7939
|
var imageDisplayOrder = ['idCardFront', 'idCardBack', 'passport', 'singlePage', 'idFrontIrImage', 'idBackIrImage', 'idFrontUvImage', 'idBackUvImage'];
|
|
7917
7940
|
var IdCaptureSuccess = function IdCaptureSuccess(_a) {
|
|
@@ -7973,13 +7996,13 @@ var IdCaptureSuccess = function IdCaptureSuccess(_a) {
|
|
|
7973
7996
|
finished: true
|
|
7974
7997
|
}, verbiage.retryText)))));
|
|
7975
7998
|
};
|
|
7976
|
-
var Heading$a = styled.h1(templateObject_1$
|
|
7999
|
+
var Heading$a = styled.h1(templateObject_1$C || (templateObject_1$C = __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"])));
|
|
7977
8000
|
var ImagesContainer = styled(OverlayImageContainer)(templateObject_2$x || (templateObject_2$x = __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"])));
|
|
7978
8001
|
var ImageRow = styled(OverlayImageRow)(templateObject_3$n || (templateObject_3$n = __makeTemplateObject(["\n max-width: 100%;\n flex-direction: column;\n position: relative;\n width: 100%;\n"], ["\n max-width: 100%;\n flex-direction: column;\n position: relative;\n width: 100%;\n"])));
|
|
7979
|
-
var ImageCol$1 = styled.div(templateObject_4$
|
|
8002
|
+
var ImageCol$1 = styled.div(templateObject_4$h || (templateObject_4$h = __makeTemplateObject(["\n width: 450px;\n max-width: 100%;\n max-height: none !important;\n"], ["\n width: 450px;\n max-width: 100%;\n max-height: none !important;\n"])));
|
|
7980
8003
|
var StyledImage = styled(CapturedDocumentImg)(templateObject_5$b || (templateObject_5$b = __makeTemplateObject(["\n width: 100%;\n border-radius: 12px;\n"], ["\n width: 100%;\n border-radius: 12px;\n"])));
|
|
7981
8004
|
var DebugPre = styled.pre(templateObject_6$7 || (templateObject_6$7 = __makeTemplateObject(["\n display: block;\n text-align: left;\n width: 100%;\n max-width: 100%;\n overflow-x: auto;\n"], ["\n display: block;\n text-align: left;\n width: 100%;\n max-width: 100%;\n overflow-x: auto;\n"])));
|
|
7982
|
-
var templateObject_1$
|
|
8005
|
+
var templateObject_1$C, templateObject_2$x, templateObject_3$n, templateObject_4$h, templateObject_5$b, templateObject_6$7;
|
|
7983
8006
|
|
|
7984
8007
|
function useShowSuccessScreen(skipSuccessScreen, successScreenReady, onDoneCallback) {
|
|
7985
8008
|
var _this = this;
|
|
@@ -8031,7 +8054,7 @@ function resetCanvasDimensions(canvas) {
|
|
|
8031
8054
|
canvas.style.height = '0';
|
|
8032
8055
|
}
|
|
8033
8056
|
|
|
8034
|
-
var IdCardGuideImageContainer = styled(IdCardBorder)(templateObject_1$
|
|
8057
|
+
var IdCardGuideImageContainer = styled(IdCardBorder)(templateObject_1$B || (templateObject_1$B = __makeTemplateObject(["\n position: relative;\n ", "\n box-sizing: border-box;\n max-width: 100%;\n max-height: 100%;\n ", ";\n"], ["\n position: relative;\n ", "\n box-sizing: border-box;\n max-width: 100%;\n max-height: 100%;\n ", ";\n"])), function (props) {
|
|
8035
8058
|
return props.$isVisible ? '' : 'opacity: 0;';
|
|
8036
8059
|
}, function (props) {
|
|
8037
8060
|
return props.$isMobile ? props.$isLandscape ? 'height: 100%;' : 'width: 80%;' : props.$isLandscape ? 'height: 70%;' : 'width: 82%;';
|
|
@@ -8187,7 +8210,7 @@ function IdCardBorderSvg(_a) {
|
|
|
8187
8210
|
}));
|
|
8188
8211
|
}
|
|
8189
8212
|
var IdCardBorderContainer = styled.div(templateObject_3$m || (templateObject_3$m = __makeTemplateObject(["\n align-items: center;\n justify-content: center;\n display: flex;\n position: relative;\n margin: auto;\n\n & .idmSdkWaves {\n position: absolute;\n animation: ", " 2s ease-out infinite;\n transform-style: preserve-3d;\n\n &:nth-child(3) {\n animation-delay: 0.66s;\n }\n\n &:nth-child(4) {\n animation-delay: 1.33s;\n }\n }\n"], ["\n align-items: center;\n justify-content: center;\n display: flex;\n position: relative;\n margin: auto;\n\n & .idmSdkWaves {\n position: absolute;\n animation: ", " 2s ease-out infinite;\n transform-style: preserve-3d;\n\n &:nth-child(3) {\n animation-delay: 0.66s;\n }\n\n &:nth-child(4) {\n animation-delay: 1.33s;\n }\n }\n"])), wavesAnimation);
|
|
8190
|
-
var IdCardBorderInner = styled.div(templateObject_4$
|
|
8213
|
+
var IdCardBorderInner = styled.div(templateObject_4$g || (templateObject_4$g = __makeTemplateObject(["\n max-height: 100%;\n max-width: 100%;\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n"], ["\n max-height: 100%;\n max-width: 100%;\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n"])));
|
|
8191
8214
|
var SvgOverlay = styled.svg(templateObject_5$a || (templateObject_5$a = __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"])));
|
|
8192
8215
|
var IdCardBorderRect = styled.rect(templateObject_6$6 || (templateObject_6$6 = __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) {
|
|
8193
8216
|
var _a;
|
|
@@ -8196,7 +8219,7 @@ var IdCardBorderRect = styled.rect(templateObject_6$6 || (templateObject_6$6 = _
|
|
|
8196
8219
|
var _a;
|
|
8197
8220
|
return (_a = props.$fillMode) !== null && _a !== void 0 ? _a : 'forwards';
|
|
8198
8221
|
});
|
|
8199
|
-
var templateObject_1$
|
|
8222
|
+
var templateObject_1$B, templateObject_2$w, templateObject_3$m, templateObject_4$g, templateObject_5$a, templateObject_6$6;
|
|
8200
8223
|
|
|
8201
8224
|
var defaultIdCaptureGuideImages = {
|
|
8202
8225
|
portrait: {
|
|
@@ -8385,7 +8408,7 @@ var IdVideoCaptureFlipIdPrompt = function IdVideoCaptureFlipIdPrompt(_a) {
|
|
|
8385
8408
|
style: imageStyle
|
|
8386
8409
|
})));
|
|
8387
8410
|
};
|
|
8388
|
-
var Wrapper$1 = styled.div(templateObject_1$
|
|
8411
|
+
var Wrapper$1 = styled.div(templateObject_1$A || (templateObject_1$A = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n ", "\n\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n"], ["\n display: flex;\n align-items: center;\n justify-content: center;\n ", "\n\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n"])), function (props) {
|
|
8389
8412
|
return props.$isLandscape ? 'height: 100%;' : 'height: 100%;';
|
|
8390
8413
|
});
|
|
8391
8414
|
var FlipImageContainer = styled(IdCardGuideImageContainer)(templateObject_2$v || (templateObject_2$v = __makeTemplateObject(["\n backface-visibility: hidden;\n transition: transform ", "s;\n transform: ", ";\n transform-style: preserve-3d;\n position: absolute;\n display: block;\n top: 0;\n height: 100%; // todo: branch between desktop and mobile\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 height: 100%; // todo: branch between desktop and mobile\n"])), function (props) {
|
|
@@ -8393,7 +8416,7 @@ var FlipImageContainer = styled(IdCardGuideImageContainer)(templateObject_2$v ||
|
|
|
8393
8416
|
}, function (props) {
|
|
8394
8417
|
return props.$transforms;
|
|
8395
8418
|
});
|
|
8396
|
-
var templateObject_1$
|
|
8419
|
+
var templateObject_1$A, templateObject_2$v;
|
|
8397
8420
|
|
|
8398
8421
|
var GuideOrientationContext = /*#__PURE__*/createContext({
|
|
8399
8422
|
orientation: 'landscape',
|
|
@@ -8532,10 +8555,10 @@ var FlipIdPrompt = function FlipIdPrompt(_a) {
|
|
|
8532
8555
|
height: height
|
|
8533
8556
|
})));
|
|
8534
8557
|
};
|
|
8535
|
-
var Wrapper = styled.div(templateObject_1$
|
|
8558
|
+
var Wrapper = styled.div(templateObject_1$z || (templateObject_1$z = __makeTemplateObject(["\n align-items: center;\n justify-content: center;\n display: flex;\n position: absolute;\n margin: auto;\n box-sizing: border-box;\n max-width: 100%;\n max-height: 100%;\n ", ";\n"], ["\n align-items: center;\n justify-content: center;\n display: flex;\n position: absolute;\n margin: auto;\n box-sizing: border-box;\n max-width: 100%;\n max-height: 100%;\n ", ";\n"])), function (props) {
|
|
8536
8559
|
return props.$isMobile ? props.$isLandscape ? 'height: 100%;' : 'width: 80%;' : props.$isLandscape ? 'height: 70%;' : 'width: 82%;';
|
|
8537
8560
|
});
|
|
8538
|
-
var templateObject_1$
|
|
8561
|
+
var templateObject_1$z;
|
|
8539
8562
|
|
|
8540
8563
|
var IdCaptureGuideOverlay = function IdCaptureGuideOverlay(_a) {
|
|
8541
8564
|
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
|
|
@@ -8681,10 +8704,10 @@ var regionClsx = function regionClsx(classNames, which) {
|
|
|
8681
8704
|
return v;
|
|
8682
8705
|
}).join(' ');
|
|
8683
8706
|
};
|
|
8684
|
-
var StyledPageContainer = styled.div(templateObject_1$
|
|
8707
|
+
var StyledPageContainer = styled.div(templateObject_1$y || (templateObject_1$y = __makeTemplateObject(["\n position: relative;\n width: 100%;\n height: 100%;\n z-index: 1000;\n overflow: hidden;\n"], ["\n position: relative;\n width: 100%;\n height: 100%;\n z-index: 1000;\n overflow: hidden;\n"])));
|
|
8685
8708
|
var GuidesContainer = styled.div(templateObject_2$u || (templateObject_2$u = __makeTemplateObject(["\n display: flex;\n flex-flow: column nowrap;\n width: 100%;\n height: 100%;\n"], ["\n display: flex;\n flex-flow: column nowrap;\n width: 100%;\n height: 100%;\n"])));
|
|
8686
8709
|
var GuideCenterRow = styled.div(templateObject_3$l || (templateObject_3$l = __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"])));
|
|
8687
|
-
var GuideRegion = styled.div(templateObject_4$
|
|
8710
|
+
var GuideRegion = styled.div(templateObject_4$f || (templateObject_4$f = __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) {
|
|
8688
8711
|
var _a, _b, _c, _d, _e;
|
|
8689
8712
|
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)';
|
|
8690
8713
|
}, function (props) {
|
|
@@ -8711,7 +8734,7 @@ var GuideText = styled.span(templateObject_8$2 || (templateObject_8$2 = __makeTe
|
|
|
8711
8734
|
var GuideCenterInner = styled.div(templateObject_9$1 || (templateObject_9$1 = __makeTemplateObject(["\n position: relative;\n top: 0;\n margin: auto;\n ", "\n max-height: 100%;\n max-width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n"], ["\n position: relative;\n top: 0;\n margin: auto;\n ", "\n max-height: 100%;\n max-width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n"])), function (props) {
|
|
8712
8735
|
return props.$isLandscape ? 'height: 100%;' : 'width: 90%;';
|
|
8713
8736
|
});
|
|
8714
|
-
var templateObject_1$
|
|
8737
|
+
var templateObject_1$y, templateObject_2$u, templateObject_3$l, templateObject_4$f, templateObject_5$9, templateObject_6$5, templateObject_7$3, templateObject_8$2, templateObject_9$1;
|
|
8715
8738
|
|
|
8716
8739
|
var IdCaptureFitGuide = function IdCaptureFitGuide(_a) {
|
|
8717
8740
|
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
|
|
@@ -8852,11 +8875,11 @@ var IdCaptureFitGuide = function IdCaptureFitGuide(_a) {
|
|
|
8852
8875
|
progress: progress
|
|
8853
8876
|
}));
|
|
8854
8877
|
};
|
|
8855
|
-
var CanvasWrapper$1 = styled.div(templateObject_1$
|
|
8878
|
+
var CanvasWrapper$1 = styled.div(templateObject_1$x || (templateObject_1$x = __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) {
|
|
8856
8879
|
return props.$maskColor;
|
|
8857
8880
|
});
|
|
8858
8881
|
var Canvas$1 = styled.canvas(templateObject_2$t || (templateObject_2$t = __makeTemplateObject(["\n display: block;\n"], ["\n display: block;\n"])));
|
|
8859
|
-
var templateObject_1$
|
|
8882
|
+
var templateObject_1$x, templateObject_2$t;
|
|
8860
8883
|
|
|
8861
8884
|
function IdCaptureGuides(_a) {
|
|
8862
8885
|
var _b = _a.guideType,
|
|
@@ -8912,7 +8935,7 @@ function IdCaptureGuides(_a) {
|
|
|
8912
8935
|
})));
|
|
8913
8936
|
}
|
|
8914
8937
|
|
|
8915
|
-
var Spinner = styled.div(templateObject_1$
|
|
8938
|
+
var Spinner = styled.div(templateObject_1$w || (templateObject_1$w = __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) {
|
|
8916
8939
|
var $size = _a.$size;
|
|
8917
8940
|
return $size !== null && $size !== void 0 ? $size : 80;
|
|
8918
8941
|
}, function (_a) {
|
|
@@ -8941,7 +8964,7 @@ var SpinnerPageContainer = styled.div(templateObject_2$s || (templateObject_2$s
|
|
|
8941
8964
|
function SpinnerPage() {
|
|
8942
8965
|
return /*#__PURE__*/React__default.createElement(SpinnerPageContainer, null, /*#__PURE__*/React__default.createElement(Spinner, null));
|
|
8943
8966
|
}
|
|
8944
|
-
var templateObject_1$
|
|
8967
|
+
var templateObject_1$w, templateObject_2$s;
|
|
8945
8968
|
|
|
8946
8969
|
var IdCaptureImagePreview = function IdCaptureImagePreview(_a) {
|
|
8947
8970
|
var _b = _a.classNames,
|
|
@@ -9028,11 +9051,11 @@ var SelfieProgressPreview = function SelfieProgressPreview(_a) {
|
|
|
9028
9051
|
onError: onError
|
|
9029
9052
|
})));
|
|
9030
9053
|
};
|
|
9031
|
-
var StyledSpinner = styled(Spinner)(templateObject_1$
|
|
9054
|
+
var StyledSpinner = styled(Spinner)(templateObject_1$v || (templateObject_1$v = __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"])));
|
|
9032
9055
|
var ImagePreviewWrapper = styled.div(templateObject_2$r || (templateObject_2$r = __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"])));
|
|
9033
9056
|
var ImagePreviewText = styled.div(templateObject_3$k || (templateObject_3$k = __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"])));
|
|
9034
|
-
var ImagePreviewImageWrapper = styled.div(templateObject_4$
|
|
9035
|
-
var templateObject_1$
|
|
9057
|
+
var ImagePreviewImageWrapper = styled.div(templateObject_4$e || (templateObject_4$e = __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"])));
|
|
9058
|
+
var templateObject_1$v, templateObject_2$r, templateObject_3$k, templateObject_4$e;
|
|
9036
9059
|
|
|
9037
9060
|
var documentCaptureInitialState = {
|
|
9038
9061
|
documents: [],
|
|
@@ -9378,16 +9401,16 @@ var DocumentCaptureGuideOverlay = function DocumentCaptureGuideOverlay(_a) {
|
|
|
9378
9401
|
ref: canvasRef
|
|
9379
9402
|
}));
|
|
9380
9403
|
};
|
|
9381
|
-
var CanvasWrapper = styled.div(templateObject_1$
|
|
9404
|
+
var CanvasWrapper = styled.div(templateObject_1$u || (templateObject_1$u = __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) {
|
|
9382
9405
|
return props.$maskColor;
|
|
9383
9406
|
});
|
|
9384
9407
|
var Canvas = styled.canvas(templateObject_2$q || (templateObject_2$q = __makeTemplateObject(["\n display: block;\n"], ["\n display: block;\n"])));
|
|
9385
|
-
var templateObject_1$
|
|
9408
|
+
var templateObject_1$u, templateObject_2$q;
|
|
9386
9409
|
|
|
9387
|
-
var CameraFeedWrapper = styled.div(templateObject_1$
|
|
9410
|
+
var CameraFeedWrapper = styled.div(templateObject_1$t || (templateObject_1$t = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
9388
9411
|
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;") : "";
|
|
9389
9412
|
});
|
|
9390
|
-
var templateObject_1$
|
|
9413
|
+
var templateObject_1$t;
|
|
9391
9414
|
|
|
9392
9415
|
var CameraVideoTag = function CameraVideoTag(props) {
|
|
9393
9416
|
var _a = useCameraStore(useShallow(function (store) {
|
|
@@ -9417,10 +9440,10 @@ var CameraVideoTag = function CameraVideoTag(props) {
|
|
|
9417
9440
|
"$isRearFacing": isRearFacing
|
|
9418
9441
|
}, props));
|
|
9419
9442
|
};
|
|
9420
|
-
var FullscreenVideoTag = styled.video(templateObject_1$
|
|
9443
|
+
var FullscreenVideoTag = styled.video(templateObject_1$s || (templateObject_1$s = __makeTemplateObject(["\n transform: ", ";\n transform-style: preserve-3d;\n min-width: 100%;\n min-height: 100%;\n width: auto;\n height: auto;\n max-width: 100%;\n max-height: 100%;\n object-fit: cover;\n background: black;\n z-index: -2;\n"], ["\n transform: ", ";\n transform-style: preserve-3d;\n min-width: 100%;\n min-height: 100%;\n width: auto;\n height: auto;\n max-width: 100%;\n max-height: 100%;\n object-fit: cover;\n background: black;\n z-index: -2;\n"])), function (props) {
|
|
9421
9444
|
return props.$isRearFacing ? '' : 'scaleX(-1)';
|
|
9422
9445
|
});
|
|
9423
|
-
var templateObject_1$
|
|
9446
|
+
var templateObject_1$s;
|
|
9424
9447
|
|
|
9425
9448
|
var DocumentCaptureScreen = function DocumentCaptureScreen(_a) {
|
|
9426
9449
|
var _b, _c, _d, _e;
|
|
@@ -9567,12 +9590,12 @@ var DocumentCaptureScreen = function DocumentCaptureScreen(_a) {
|
|
|
9567
9590
|
disabled: !cameraReady || capturing
|
|
9568
9591
|
}, !cameraReady ? verbiage.loadingBtnText : capturing ? verbiage.capturingBtnText : verbiage.captureBtnText))))));
|
|
9569
9592
|
};
|
|
9570
|
-
var CaptureContainer = styled.div(templateObject_1$
|
|
9593
|
+
var CaptureContainer = styled.div(templateObject_1$r || (templateObject_1$r = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n"], ["\n display: flex;\n flex-direction: column;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n"])));
|
|
9571
9594
|
var HeadingRow = styled.div(templateObject_2$p || (templateObject_2$p = __makeTemplateObject(["\n background: ", ";\n text-align: center;\n color: white;\n"], ["\n background: ", ";\n text-align: center;\n color: white;\n"])), function (props) {
|
|
9572
9595
|
return props.$maskColor;
|
|
9573
9596
|
});
|
|
9574
9597
|
var Heading$9 = styled.h1(templateObject_3$j || (templateObject_3$j = __makeTemplateObject(["\n font-size: 22px;\n"], ["\n font-size: 22px;\n"])));
|
|
9575
|
-
var FooterRow = styled.div(templateObject_4$
|
|
9598
|
+
var FooterRow = styled.div(templateObject_4$d || (templateObject_4$d = __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) {
|
|
9576
9599
|
return props.$maskColor;
|
|
9577
9600
|
});
|
|
9578
9601
|
var Instructions = styled.div(templateObject_5$8 || (templateObject_5$8 = __makeTemplateObject(["\n max-height: ", ";\n overflow-y: auto;\n"], ["\n max-height: ", ";\n overflow-y: auto;\n"])), function (props) {
|
|
@@ -9581,7 +9604,7 @@ var Instructions = styled.div(templateObject_5$8 || (templateObject_5$8 = __make
|
|
|
9581
9604
|
});
|
|
9582
9605
|
var StyledButtonsRow$8 = styled(ButtonsRow$2)(templateObject_6$4 || (templateObject_6$4 = __makeTemplateObject(["\n padding-top: 20px;\n"], ["\n padding-top: 20px;\n"])));
|
|
9583
9606
|
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"])));
|
|
9584
|
-
var templateObject_1$
|
|
9607
|
+
var templateObject_1$r, templateObject_2$p, templateObject_3$j, templateObject_4$d, templateObject_5$8, templateObject_6$4, templateObject_7$2;
|
|
9585
9608
|
|
|
9586
9609
|
var DocumentCaptureWizard = function DocumentCaptureWizard(_a) {
|
|
9587
9610
|
var onSuccess = _a.onSuccess,
|
|
@@ -9852,13 +9875,13 @@ var IdCaptureFallback = function IdCaptureFallback(_a) {
|
|
|
9852
9875
|
}
|
|
9853
9876
|
}, verbiage.doneBtnText))))));
|
|
9854
9877
|
};
|
|
9855
|
-
var StyledOverlayInner$2 = styled(OverlayInner$2)(templateObject_1$
|
|
9878
|
+
var StyledOverlayInner$2 = styled(OverlayInner$2)(templateObject_1$q || (templateObject_1$q = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
9856
9879
|
var Heading$8 = styled.h3(templateObject_2$o || (templateObject_2$o = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
9857
9880
|
var Description$3 = styled.p(templateObject_3$i || (templateObject_3$i = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
9858
|
-
var Instruction = styled.p(templateObject_4$
|
|
9881
|
+
var Instruction = styled.p(templateObject_4$c || (templateObject_4$c = __makeTemplateObject(["\n font-weight: bold;\n"], ["\n font-weight: bold;\n"])));
|
|
9859
9882
|
var ImageCol = styled.div(templateObject_5$7 || (templateObject_5$7 = __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"])));
|
|
9860
9883
|
var StyledButtonsRow$7 = styled(ButtonsRow$2)(templateObject_6$3 || (templateObject_6$3 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
9861
|
-
var templateObject_1$
|
|
9884
|
+
var templateObject_1$q, templateObject_2$o, templateObject_3$i, templateObject_4$c, templateObject_5$7, templateObject_6$3;
|
|
9862
9885
|
|
|
9863
9886
|
function ScalingCameraFeed() {
|
|
9864
9887
|
var _a = useIdCaptureStore(),
|
|
@@ -10210,13 +10233,13 @@ function FilePickerButton(_a) {
|
|
|
10210
10233
|
}
|
|
10211
10234
|
}, file ? "".concat(file.name, " (").concat(humanFileSize(file.size), ")") : filePickerLoading ? loadingText : children));
|
|
10212
10235
|
}
|
|
10213
|
-
var ScreenContainer = styled.div(templateObject_1$
|
|
10236
|
+
var ScreenContainer = styled.div(templateObject_1$p || (templateObject_1$p = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n height: 100%;\n width: 100%;\n position: relative;\n font-family: ", ";\n"], ["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n height: 100%;\n width: 100%;\n position: relative;\n font-family: ", ";\n"])), function (props) {
|
|
10214
10237
|
var _a;
|
|
10215
10238
|
return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
|
|
10216
10239
|
});
|
|
10217
10240
|
var ScreenPanel = styled.div(templateObject_2$n || (templateObject_2$n = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 100%;\n flex-grow: 1;\n background: #f7f6fb;\n box-sizing: border-box;\n padding: 40px;\n"], ["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 100%;\n flex-grow: 1;\n background: #f7f6fb;\n box-sizing: border-box;\n padding: 40px;\n"])));
|
|
10218
10241
|
var SelectIdCardScreenPanel = styled(ScreenPanel)(templateObject_3$h || (templateObject_3$h = __makeTemplateObject(["\n background: white;\n padding: 80px 0;\n\n @media (max-height: 1000px) {\n padding: 40px 0;\n }\n"], ["\n background: white;\n padding: 80px 0;\n\n @media (max-height: 1000px) {\n padding: 40px 0;\n }\n"])));
|
|
10219
|
-
var ScreenPanelHeading = styled.h3(templateObject_4$
|
|
10242
|
+
var ScreenPanelHeading = styled.h3(templateObject_4$b || (templateObject_4$b = __makeTemplateObject(["\n margin: 0 0 30px;\n"], ["\n margin: 0 0 30px;\n"])));
|
|
10220
10243
|
var ScreenActionsBar = styled.div(templateObject_5$6 || (templateObject_5$6 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: end;\n gap: 20px;\n padding: 20px;\n width: 100%;\n box-sizing: border-box;\n border-top: 1px solid #ccc;\n\n @media (max-width: 600px) {\n justify-content: center;\n }\n"], ["\n display: flex;\n align-items: center;\n justify-content: end;\n gap: 20px;\n padding: 20px;\n width: 100%;\n box-sizing: border-box;\n border-top: 1px solid #ccc;\n\n @media (max-width: 600px) {\n justify-content: center;\n }\n"])));
|
|
10221
10244
|
var DashedSeparator = styled.div(templateObject_6$2 || (templateObject_6$2 = __makeTemplateObject(["\n width: 100%;\n height: 0;\n border-top: 2px solid #606060;\n border-top-style: dashed;\n display: flex;\n align-items: center;\n justify-content: center;\n"], ["\n width: 100%;\n height: 0;\n border-top: 2px solid #606060;\n border-top-style: dashed;\n display: flex;\n align-items: center;\n justify-content: center;\n"])));
|
|
10222
10245
|
var OrWrapper = styled.div(templateObject_7$1 || (templateObject_7$1 = __makeTemplateObject(["\n color: #323232;\n font-weight: bold;\n background: white;\n border-radius: 50%;\n top: -2px;\n position: relative;\n width: 60px;\n height: 60px;\n display: flex;\n align-items: center;\n justify-content: center;\n"], ["\n color: #323232;\n font-weight: bold;\n background: white;\n border-radius: 50%;\n top: -2px;\n position: relative;\n width: 60px;\n height: 60px;\n display: flex;\n align-items: center;\n justify-content: center;\n"])));
|
|
@@ -10499,7 +10522,7 @@ function humanFileSize(bytes, si, dp) {
|
|
|
10499
10522
|
} while (Math.round(Math.abs(bytes) * r) / r >= thresh && u < units.length - 1);
|
|
10500
10523
|
return bytes.toFixed(dp) + ' ' + units[u];
|
|
10501
10524
|
}
|
|
10502
|
-
var templateObject_1$
|
|
10525
|
+
var templateObject_1$p, templateObject_2$n, templateObject_3$h, templateObject_4$b, templateObject_5$6, templateObject_6$2, templateObject_7$1, templateObject_8$1, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13;
|
|
10503
10526
|
|
|
10504
10527
|
var IdCaptureWizard = function IdCaptureWizard(_a) {
|
|
10505
10528
|
var _b, _c, _d, _e, _f;
|
|
@@ -11226,7 +11249,7 @@ var HeadGuideSvg = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
11226
11249
|
}))));
|
|
11227
11250
|
});
|
|
11228
11251
|
HeadGuideSvg.displayName = 'HeadGuideSvg';
|
|
11229
|
-
var PulsingHeadGuideContainer = styled.div(templateObject_1$
|
|
11252
|
+
var PulsingHeadGuideContainer = styled.div(templateObject_1$o || (templateObject_1$o = __makeTemplateObject(["\n display: flex;\n position: relative;\n height: 100%;\n max-height: 100%;\n\n & > .idmSdkWaves {\n position: absolute;\n animation: ", " 2s ease-out infinite;\n transform-style: preserve-3d;\n\n &:nth-child(2) {\n animation-delay: 0.66s;\n }\n\n &:nth-child(3) {\n animation-delay: 1.33s;\n }\n }\n\n & > .idmSdkWavesOrigin {\n position: relative;\n }\n"], ["\n display: flex;\n position: relative;\n height: 100%;\n max-height: 100%;\n\n & > .idmSdkWaves {\n position: absolute;\n animation: ", " 2s ease-out infinite;\n transform-style: preserve-3d;\n\n &:nth-child(2) {\n animation-delay: 0.66s;\n }\n\n &:nth-child(3) {\n animation-delay: 1.33s;\n }\n }\n\n & > .idmSdkWavesOrigin {\n position: relative;\n }\n"])), wavesAnimation);
|
|
11230
11253
|
function HeadGuide(_a) {
|
|
11231
11254
|
var _b, _c, _d, _e, _f, _g, _h;
|
|
11232
11255
|
var _j = _a.status,
|
|
@@ -11507,9 +11530,9 @@ function SelfieCaptureAnimatedMaskWithStatus(_a) {
|
|
|
11507
11530
|
status: status
|
|
11508
11531
|
}));
|
|
11509
11532
|
}
|
|
11510
|
-
var templateObject_1$
|
|
11533
|
+
var templateObject_1$o, templateObject_2$m, templateObject_3$g;
|
|
11511
11534
|
|
|
11512
|
-
var FaceCaptureGuideContainer = styled.div(templateObject_1$
|
|
11535
|
+
var FaceCaptureGuideContainer = styled.div(templateObject_1$n || (templateObject_1$n = __makeTemplateObject(["\n position: absolute;\n z-index: 1000;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\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: absolute;\n z-index: 1000;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 40px;\n box-sizing: border-box;\n"])));
|
|
11513
11536
|
var FaceCaptureGuideInner = styled.div(templateObject_2$l || (templateObject_2$l = __makeTemplateObject(["\n position: relative;\n height: 60%;\n"], ["\n position: relative;\n height: 60%;\n"])));
|
|
11514
11537
|
var FaceCaptureGuideOverlay = function FaceCaptureGuideOverlay(_a) {
|
|
11515
11538
|
var _b = _a.classNames,
|
|
@@ -11532,7 +11555,7 @@ var FaceCaptureGuideOverlay = function FaceCaptureGuideOverlay(_a) {
|
|
|
11532
11555
|
verticalAlign: "center"
|
|
11533
11556
|
})));
|
|
11534
11557
|
};
|
|
11535
|
-
var templateObject_1$
|
|
11558
|
+
var templateObject_1$n, templateObject_2$l;
|
|
11536
11559
|
|
|
11537
11560
|
var SelfieGuidanceModelsContext = /*#__PURE__*/createContext({
|
|
11538
11561
|
start: function start() {
|
|
@@ -11860,12 +11883,12 @@ var SelfieCaptureFallback = function SelfieCaptureFallback(_a) {
|
|
|
11860
11883
|
}
|
|
11861
11884
|
}, !image ? invalidSelfie ? verbiage.retryButtonText : verbiage.captureBtnText : loading ? verbiage.doneBtnLoadingText : verbiage.doneBtnText)))));
|
|
11862
11885
|
};
|
|
11863
|
-
var StyledOverlayInner$1 = styled(OverlayInner$2)(templateObject_1$
|
|
11886
|
+
var StyledOverlayInner$1 = styled(OverlayInner$2)(templateObject_1$m || (templateObject_1$m = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
11864
11887
|
var Heading$7 = styled.h3(templateObject_2$k || (templateObject_2$k = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
11865
11888
|
var Description$2 = styled.p(templateObject_3$f || (templateObject_3$f = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
11866
|
-
var ImageContainer$6 = styled(OverlayImageContainer)(templateObject_4$
|
|
11889
|
+
var ImageContainer$6 = styled(OverlayImageContainer)(templateObject_4$a || (templateObject_4$a = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
11867
11890
|
var StyledButtonsRow$6 = styled(ButtonsRow$2)(templateObject_5$5 || (templateObject_5$5 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
11868
|
-
var templateObject_1$
|
|
11891
|
+
var templateObject_1$m, templateObject_2$k, templateObject_3$f, templateObject_4$a, templateObject_5$5;
|
|
11869
11892
|
|
|
11870
11893
|
var initialState$4 = {
|
|
11871
11894
|
busy: false,
|
|
@@ -12009,7 +12032,7 @@ var SelfieCapture = function SelfieCapture(_a) {
|
|
|
12009
12032
|
var allowManualCapture = !!guidanceError && allowManualSelfieCaptureOnLoadingError;
|
|
12010
12033
|
var satisfied = allowManualCapture || ((_b = prediction === null || prediction === void 0 ? void 0 : prediction.faceReady) !== null && _b !== void 0 ? _b : false);
|
|
12011
12034
|
if (typeof guidanceSatisfied === 'boolean') satisfied = guidanceSatisfied;
|
|
12012
|
-
guidanceMessage || (guidanceMessage = allowManualCapture ? verbiage.guidanceManualCaptureText : satisfied ? verbiage.guidanceHoldStillText : !prediction || (prediction === null || prediction === void 0 ? void 0 : prediction.faceNotDetected) ? verbiage.guidanceNoFaceDetectedText : (prediction === null || prediction === void 0 ? void 0 : prediction.faceNotCentered) ? verbiage.guidanceMoveToCenterText : (prediction === null || prediction === void 0 ? void 0 : prediction.faceLookingAway) ? verbiage.guidanceLookStraightText : (prediction === null || prediction === void 0 ? void 0 : prediction.faceTooClose) ? verbiage.guidanceMoveBackText : (prediction === null || prediction === void 0 ? void 0 : prediction.faceTooFar) ? verbiage.guidanceMoveForwardText : !(prediction === null || prediction === void 0 ? void 0 : prediction.faceIsStable) ? verbiage.guidanceNotStableText : '');
|
|
12035
|
+
guidanceMessage || (guidanceMessage = allowManualCapture ? verbiage.guidanceManualCaptureText : satisfied ? verbiage.guidanceHoldStillText : !prediction || (prediction === null || prediction === void 0 ? void 0 : prediction.faceNotDetected) ? verbiage.guidanceNoFaceDetectedText : (prediction === null || prediction === void 0 ? void 0 : prediction.faceNotCentered) ? verbiage.guidanceMoveToCenterText : (prediction === null || prediction === void 0 ? void 0 : prediction.faceLookingAway) ? verbiage.guidanceLookStraightText : (prediction === null || prediction === void 0 ? void 0 : prediction.faceTooClose) ? verbiage.guidanceMoveBackText : (prediction === null || prediction === void 0 ? void 0 : prediction.faceTooFar) ? verbiage.guidanceMoveForwardText : !(prediction === null || prediction === void 0 ? void 0 : prediction.faceIsStable) || !(prediction === null || prediction === void 0 ? void 0 : prediction.noseIsStable) ? verbiage.guidanceNotStableText : '');
|
|
12013
12036
|
if (guidanceError && !allowManualSelfieCaptureOnLoadingError) {
|
|
12014
12037
|
return /*#__PURE__*/React__default.createElement(SelfieCaptureFallback, {
|
|
12015
12038
|
classNames: classNames.fallback
|
|
@@ -12035,7 +12058,7 @@ var SelfieCapture = function SelfieCapture(_a) {
|
|
|
12035
12058
|
face: prediction.face,
|
|
12036
12059
|
scaling: debugScalingDetails,
|
|
12037
12060
|
color: satisfied ? 'green' : 'red'
|
|
12038
|
-
}))), debugMode && ( /*#__PURE__*/React__default.createElement(DebugStatsPane, null, camera ? ( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, "\u2705 Camera: ", camera.label, " (", camera.width, "x", camera.height, ")")) : '❌ Camera not ready', /*#__PURE__*/React__default.createElement("br", null), !(prediction === null || prediction === void 0 ? void 0 : prediction.faceNotDetected) ? '✅' : '❌', " Face Detected", /*#__PURE__*/React__default.createElement("br", null), !(prediction === null || prediction === void 0 ? void 0 : prediction.faceNotCentered) ? '✅' : '❌', " Face Centered", /*#__PURE__*/React__default.createElement("br", null), !(prediction === null || prediction === void 0 ? void 0 : prediction.faceTooClose) && !(prediction === null || prediction === void 0 ? void 0 : prediction.faceTooFar) ? '✅' : '❌', ' ', "Face", ' ', (prediction === null || prediction === void 0 ? void 0 : prediction.faceTooClose) ? 'Too Close' : (prediction === null || prediction === void 0 ? void 0 : prediction.faceTooFar) ? 'Too Far' : 'Distance Correct', /*#__PURE__*/React__default.createElement("br", null), !(prediction === null || prediction === void 0 ? void 0 : prediction.faceLookingAway) ? '✅' : '❌', " Face Looking Forward", /*#__PURE__*/React__default.createElement("br", null), !(prediction === null || prediction === void 0 ? void 0 : prediction.faceIsStable) ? '✅' : '❌', " Face Is Stable", /*#__PURE__*/React__default.createElement("br", null), !timedOut ? '✅' : '❌', " Time Remaining:", ' ', Math.max(0, timeoutDurationMs - (new Date().getTime() - (timeoutStartedAt !== null && timeoutStartedAt !== void 0 ? timeoutStartedAt : new Date()).getTime())), "ms")), allowManualCapture && ( /*#__PURE__*/React__default.createElement(CaptureButtonContainer$1, {
|
|
12061
|
+
}))), debugMode && ( /*#__PURE__*/React__default.createElement(DebugStatsPane, null, camera ? ( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, "\u2705 Camera: ", camera.label, " (", camera.width, "x", camera.height, ")")) : '❌ Camera not ready', /*#__PURE__*/React__default.createElement("br", null), !(prediction === null || prediction === void 0 ? void 0 : prediction.faceNotDetected) ? '✅' : '❌', " Face Detected", /*#__PURE__*/React__default.createElement("br", null), !(prediction === null || prediction === void 0 ? void 0 : prediction.faceNotCentered) ? '✅' : '❌', " Face Centered", /*#__PURE__*/React__default.createElement("br", null), !(prediction === null || prediction === void 0 ? void 0 : prediction.faceTooClose) && !(prediction === null || prediction === void 0 ? void 0 : prediction.faceTooFar) ? '✅' : '❌', ' ', "Face", ' ', (prediction === null || prediction === void 0 ? void 0 : prediction.faceTooClose) ? 'Too Close' : (prediction === null || prediction === void 0 ? void 0 : prediction.faceTooFar) ? 'Too Far' : 'Distance Correct', /*#__PURE__*/React__default.createElement("br", null), !(prediction === null || prediction === void 0 ? void 0 : prediction.faceLookingAway) ? '✅' : '❌', " Face Looking Forward", /*#__PURE__*/React__default.createElement("br", null), !(prediction === null || prediction === void 0 ? void 0 : prediction.faceIsStable) ? '✅' : '❌', " Face Is Stable", /*#__PURE__*/React__default.createElement("br", null), !(prediction === null || prediction === void 0 ? void 0 : prediction.noseIsStable) ? '✅' : '❌', " Nose Is Stable", /*#__PURE__*/React__default.createElement("br", null), !timedOut ? '✅' : '❌', " Time Remaining:", ' ', Math.max(0, timeoutDurationMs - (new Date().getTime() - (timeoutStartedAt !== null && timeoutStartedAt !== void 0 ? timeoutStartedAt : new Date()).getTime())), "ms")), allowManualCapture && ( /*#__PURE__*/React__default.createElement(CaptureButtonContainer$1, {
|
|
12039
12062
|
className: classNames.manualCaptureBtnContainer
|
|
12040
12063
|
}, /*#__PURE__*/React__default.createElement(CaptureButton$1, {
|
|
12041
12064
|
className: classNames.manualCaptureBtn,
|
|
@@ -12056,10 +12079,10 @@ var SelfieCapture = function SelfieCapture(_a) {
|
|
|
12056
12079
|
className: classNames.exitCaptureBtn
|
|
12057
12080
|
}));
|
|
12058
12081
|
};
|
|
12059
|
-
var Container$6 = styled.div(templateObject_1$
|
|
12082
|
+
var Container$6 = styled.div(templateObject_1$l || (templateObject_1$l = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n"], ["\n width: 100%;\n height: 100%;\n"])));
|
|
12060
12083
|
var CaptureButtonContainer$1 = styled.div(templateObject_2$j || (templateObject_2$j = __makeTemplateObject(["\n position: absolute;\n bottom: 0;\n width: 100%;\n display: flex;\n z-index: 100000;\n box-sizing: border-box;\n padding: 0 12px 12px;\n"], ["\n position: absolute;\n bottom: 0;\n width: 100%;\n display: flex;\n z-index: 100000;\n box-sizing: border-box;\n padding: 0 12px 12px;\n"])));
|
|
12061
12084
|
var CaptureButton$1 = styled(LoaderButton)(templateObject_3$e || (templateObject_3$e = __makeTemplateObject(["\n margin: 0 auto;\n width: 100%;\n border-radius: 30px;\n"], ["\n margin: 0 auto;\n width: 100%;\n border-radius: 30px;\n"])));
|
|
12062
|
-
var templateObject_1$
|
|
12085
|
+
var templateObject_1$l, templateObject_2$j, templateObject_3$e;
|
|
12063
12086
|
|
|
12064
12087
|
var initialState$3 = {
|
|
12065
12088
|
requestState: 'CAPTURING',
|
|
@@ -12445,9 +12468,9 @@ var FaceLivenessSuccess = function FaceLivenessSuccess(_a) {
|
|
|
12445
12468
|
finished: true
|
|
12446
12469
|
}, verbiage.retryBtnText)))));
|
|
12447
12470
|
};
|
|
12448
|
-
var ImageContainer$5 = styled.div(templateObject_1$
|
|
12471
|
+
var ImageContainer$5 = styled.div(templateObject_1$k || (templateObject_1$k = __makeTemplateObject(["\n position: relative;\n flex-grow: 1;\n margin-bottom: 25px;\n max-width: 100%;\n max-height: 100%;\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: 100%;\n max-height: 100%;\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"])));
|
|
12449
12472
|
var Heading$6 = styled.h3(templateObject_2$i || (templateObject_2$i = __makeTemplateObject(["\n font-size: 1.2rem;\n margin: 0;\n"], ["\n font-size: 1.2rem;\n margin: 0;\n"])));
|
|
12450
|
-
var templateObject_1$
|
|
12473
|
+
var templateObject_1$k, templateObject_2$i;
|
|
12451
12474
|
|
|
12452
12475
|
var FaceLivenessFailure = function FaceLivenessFailure(_a) {
|
|
12453
12476
|
var _b = _a.canRetry,
|
|
@@ -12496,9 +12519,9 @@ var FaceLivenessFailure = function FaceLivenessFailure(_a) {
|
|
|
12496
12519
|
finished: true
|
|
12497
12520
|
}, verbiage.exitBtnText)))));
|
|
12498
12521
|
};
|
|
12499
|
-
var ImageContainer$4 = styled(OverlayImageContainer)(templateObject_1$
|
|
12522
|
+
var ImageContainer$4 = styled(OverlayImageContainer)(templateObject_1$j || (templateObject_1$j = __makeTemplateObject(["\n max-height: calc(100vh - 185px);\n"], ["\n max-height: calc(100vh - 185px);\n"])));
|
|
12500
12523
|
var Heading$5 = styled.h3(templateObject_2$h || (templateObject_2$h = __makeTemplateObject(["\n margin-bottom: 36px;\n"], ["\n margin-bottom: 36px;\n"])));
|
|
12501
|
-
var templateObject_1$
|
|
12524
|
+
var templateObject_1$j, templateObject_2$h;
|
|
12502
12525
|
|
|
12503
12526
|
var MicrophoneAccessDeniedOverlay = function MicrophoneAccessDeniedOverlay(_a) {
|
|
12504
12527
|
var _b;
|
|
@@ -12541,11 +12564,11 @@ var MicrophoneAccessDeniedOverlay = function MicrophoneAccessDeniedOverlay(_a) {
|
|
|
12541
12564
|
finished: true
|
|
12542
12565
|
}, verbiage.retryBtnText)));
|
|
12543
12566
|
};
|
|
12544
|
-
var StyledOverlayInner = styled(OverlayInner$2)(templateObject_1$
|
|
12567
|
+
var StyledOverlayInner = styled(OverlayInner$2)(templateObject_1$i || (templateObject_1$i = __makeTemplateObject(["\n max-width: 500px;\n height: auto;\n margin: auto;\n"], ["\n max-width: 500px;\n height: auto;\n margin: auto;\n"])));
|
|
12545
12568
|
var StyledOverlayImageContainer = styled(OverlayImageContainer)(templateObject_2$g || (templateObject_2$g = __makeTemplateObject(["\n flex-grow: 0;\n"], ["\n flex-grow: 0;\n"])));
|
|
12546
12569
|
var Description$1 = styled.p(templateObject_3$d || (templateObject_3$d = __makeTemplateObject(["\n line-height: 1.5;\n margin-bottom: 50px;\n"], ["\n line-height: 1.5;\n margin-bottom: 50px;\n"])));
|
|
12547
|
-
var RetryButton = styled(LoaderButton)(templateObject_4$
|
|
12548
|
-
var templateObject_1$
|
|
12570
|
+
var RetryButton = styled(LoaderButton)(templateObject_4$9 || (templateObject_4$9 = __makeTemplateObject(["\n width: 200px;\n margin: 0 auto;\n"], ["\n width: 200px;\n margin: 0 auto;\n"])));
|
|
12571
|
+
var templateObject_1$i, templateObject_2$g, templateObject_3$d, templateObject_4$9;
|
|
12549
12572
|
|
|
12550
12573
|
var SelfieCaptureLoadingOverlayLegacy = function SelfieCaptureLoadingOverlayLegacy(_a) {
|
|
12551
12574
|
var onDismissed = _a.onDismissed,
|
|
@@ -12637,9 +12660,9 @@ var SelfieCaptureLoadingOverlayLegacy = function SelfieCaptureLoadingOverlayLega
|
|
|
12637
12660
|
}
|
|
12638
12661
|
}, ready ? verbiage.continueText : allModelsReady ? verbiage.cameraInitializingText : modelDownloadProgress >= 100 ? "".concat(verbiage.modelsWarmingUpText) : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)")))));
|
|
12639
12662
|
};
|
|
12640
|
-
var StyledGuidanceMessage = styled(GuidanceMessage)(templateObject_1$
|
|
12663
|
+
var StyledGuidanceMessage = styled(GuidanceMessage)(templateObject_1$h || (templateObject_1$h = __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"])));
|
|
12641
12664
|
var StyledButtonsRow$5 = styled(ButtonsRow$2)(templateObject_2$f || (templateObject_2$f = __makeTemplateObject(["\n flex-direction: column;\n padding-top: 25px;\n"], ["\n flex-direction: column;\n padding-top: 25px;\n"])));
|
|
12642
|
-
var templateObject_1$
|
|
12665
|
+
var templateObject_1$h, templateObject_2$f;
|
|
12643
12666
|
|
|
12644
12667
|
var legacyInstructionImageUrl = "".concat(DEFAULT_CDN_URL, "/Selfie-Image-1.png");
|
|
12645
12668
|
var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDefault(_a) {
|
|
@@ -12807,7 +12830,7 @@ var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDef
|
|
|
12807
12830
|
}
|
|
12808
12831
|
}, ready ? verbiage.continueText : verbiage.pleaseWaitText))))));
|
|
12809
12832
|
};
|
|
12810
|
-
var OverlayInner = styled(LoadingOverlayInner)(templateObject_1$
|
|
12833
|
+
var OverlayInner = styled(LoadingOverlayInner)(templateObject_1$g || (templateObject_1$g = __makeTemplateObject(["\n background: ", ";\n color: ", ";\n"], ["\n background: ", ";\n color: ", ";\n"])), function (props) {
|
|
12811
12834
|
var _a, _b, _c, _d;
|
|
12812
12835
|
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';
|
|
12813
12836
|
}, function (props) {
|
|
@@ -12828,7 +12851,7 @@ var ProgressBarBackground = styled(LoadingOverlayProgressBarBackground)(template
|
|
|
12828
12851
|
var _a, _b, _c, _d;
|
|
12829
12852
|
return (_d = (_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.selfieCapture) === null || _b === void 0 ? void 0 : _b.loadingOverlay) === null || _c === void 0 ? void 0 : _c.progressBarBackgroundOpacity) !== null && _d !== void 0 ? _d : 0.75;
|
|
12830
12853
|
});
|
|
12831
|
-
var ProgressIndicator = styled(LoadingOverlayProgressIndicator)(templateObject_4$
|
|
12854
|
+
var ProgressIndicator = styled(LoadingOverlayProgressIndicator)(templateObject_4$8 || (templateObject_4$8 = __makeTemplateObject(["\n background: ", ";\n"], ["\n background: ", ";\n"])), function (props) {
|
|
12832
12855
|
var _a, _b, _c, _d;
|
|
12833
12856
|
return (_d = (_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.selfieCapture) === null || _b === void 0 ? void 0 : _b.loadingOverlay) === null || _c === void 0 ? void 0 : _c.progressBarIndicatorColor) !== null && _d !== void 0 ? _d : 'var(--idm-color-positive-600)';
|
|
12834
12857
|
});
|
|
@@ -12851,7 +12874,7 @@ var ContinueButton = styled(LoaderButton)(templateObject_5$4 || (templateObject_
|
|
|
12851
12874
|
var _a, _b, _c, _d;
|
|
12852
12875
|
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.continueBtnBorder) !== null && _d !== void 0 ? _d : 'none';
|
|
12853
12876
|
});
|
|
12854
|
-
var templateObject_1$
|
|
12877
|
+
var templateObject_1$g, templateObject_2$e, templateObject_3$c, templateObject_4$8, templateObject_5$4;
|
|
12855
12878
|
|
|
12856
12879
|
var components = {
|
|
12857
12880
|
"default": SelfieCaptureLoadingOverlayDefault,
|
|
@@ -13206,13 +13229,13 @@ var SubmissionSuccess = function SubmissionSuccess() {
|
|
|
13206
13229
|
}
|
|
13207
13230
|
}, truncateImages ? 'Display full images' : 'Truncate images'), /*#__PURE__*/React__default.createElement("h5", null, "Request Body"), /*#__PURE__*/React__default.createElement("pre", null, requestBodyDisplay))), /*#__PURE__*/React__default.createElement("h5", null, "Response Body"), /*#__PURE__*/React__default.createElement("pre", null, JSON.stringify(submissionResponse, null, 2)));
|
|
13208
13231
|
};
|
|
13209
|
-
var Container$5 = styled.div(templateObject_1$
|
|
13232
|
+
var Container$5 = styled.div(templateObject_1$f || (templateObject_1$f = __makeTemplateObject(["\n padding: 16px;\n overflow: auto;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n"], ["\n padding: 16px;\n overflow: auto;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n"])));
|
|
13210
13233
|
function truncate(str, max_chars) {
|
|
13211
13234
|
var truncated = str.split('').splice(0, max_chars).join('');
|
|
13212
13235
|
if (truncated.length < str.length) truncated += '...';
|
|
13213
13236
|
return truncated;
|
|
13214
13237
|
}
|
|
13215
|
-
var templateObject_1$
|
|
13238
|
+
var templateObject_1$f;
|
|
13216
13239
|
|
|
13217
13240
|
var AdditionalDocumentCapture = function AdditionalDocumentCapture(_a) {
|
|
13218
13241
|
var document = _a.document,
|
|
@@ -13288,11 +13311,11 @@ var AdditionalDocumentCapture = function AdditionalDocumentCapture(_a) {
|
|
|
13288
13311
|
}
|
|
13289
13312
|
}, verbiage.captureBtnText)))));
|
|
13290
13313
|
};
|
|
13291
|
-
var Inner$2 = styled(OverlayInner$2)(templateObject_1$
|
|
13314
|
+
var Inner$2 = styled(OverlayInner$2)(templateObject_1$e || (templateObject_1$e = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
13292
13315
|
var Heading$4 = styled.h3(templateObject_2$d || (templateObject_2$d = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
13293
13316
|
var Description = styled.p(templateObject_3$b || (templateObject_3$b = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
13294
|
-
var StyledButtonsRow$4 = styled(ButtonsRow$2)(templateObject_4$
|
|
13295
|
-
var templateObject_1$
|
|
13317
|
+
var StyledButtonsRow$4 = styled(ButtonsRow$2)(templateObject_4$7 || (templateObject_4$7 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
13318
|
+
var templateObject_1$e, templateObject_2$d, templateObject_3$b, templateObject_4$7;
|
|
13296
13319
|
|
|
13297
13320
|
var AdditionalDocumentCaptureWizard = function AdditionalDocumentCaptureWizard(_a) {
|
|
13298
13321
|
var documents = _a.documents,
|
|
@@ -13442,7 +13465,7 @@ function convertSVGtoImg(svgData_1) {
|
|
|
13442
13465
|
});
|
|
13443
13466
|
}
|
|
13444
13467
|
|
|
13445
|
-
var SignaturePaperBacking = styled.div(templateObject_1$
|
|
13468
|
+
var SignaturePaperBacking = styled.div(templateObject_1$d || (templateObject_1$d = __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) {
|
|
13446
13469
|
var _a, _b;
|
|
13447
13470
|
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, ";") : "";
|
|
13448
13471
|
}, function (props) {
|
|
@@ -13481,8 +13504,8 @@ var SignaturePad = styled.div(templateObject_3$a || (templateObject_3$a = __make
|
|
|
13481
13504
|
var _a, _b, _c;
|
|
13482
13505
|
return (_c = (_b = (_a = props.theme.signatureCapture) === null || _a === void 0 ? void 0 : _a.canvas) === null || _b === void 0 ? void 0 : _b.headTrackingUnsatisfiedTextColor) !== null && _c !== void 0 ? _c : 'black';
|
|
13483
13506
|
});
|
|
13484
|
-
var SignatureButtonsContainer = styled(ButtonsRow$2)(templateObject_4$
|
|
13485
|
-
var templateObject_1$
|
|
13507
|
+
var SignatureButtonsContainer = styled(ButtonsRow$2)(templateObject_4$6 || (templateObject_4$6 = __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"])));
|
|
13508
|
+
var templateObject_1$d, templateObject_2$c, templateObject_3$a, templateObject_4$6;
|
|
13486
13509
|
|
|
13487
13510
|
var SignatureCapture = function SignatureCapture(_a) {
|
|
13488
13511
|
var onAccept = _a.onAccept,
|
|
@@ -13555,9 +13578,9 @@ var SignatureCapture = function SignatureCapture(_a) {
|
|
|
13555
13578
|
finished: true
|
|
13556
13579
|
}, verbiage.acceptBtnText)))));
|
|
13557
13580
|
};
|
|
13558
|
-
var Container$4 = styled.div(templateObject_1$
|
|
13581
|
+
var Container$4 = styled.div(templateObject_1$c || (templateObject_1$c = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n position: relative;\n"], ["\n width: 100%;\n height: 100%;\n position: relative;\n"])));
|
|
13559
13582
|
var AcceptBtn$1 = styled(LoaderButton)(templateObject_2$b || (templateObject_2$b = __makeTemplateObject(["\n margin-left: auto;\n"], ["\n margin-left: auto;\n"])));
|
|
13560
|
-
var templateObject_1$
|
|
13583
|
+
var templateObject_1$c, templateObject_2$b;
|
|
13561
13584
|
|
|
13562
13585
|
var videoRecorder = null;
|
|
13563
13586
|
var audioRecorder = null;
|
|
@@ -13986,19 +14009,19 @@ function VideoSignaturePad(_a) {
|
|
|
13986
14009
|
finished: true
|
|
13987
14010
|
}, verbiage.acceptSignatureBtnText))));
|
|
13988
14011
|
}
|
|
13989
|
-
var SignaturePadContainer = styled.div(templateObject_1$
|
|
14012
|
+
var SignaturePadContainer = styled.div(templateObject_1$b || (templateObject_1$b = __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"])));
|
|
13990
14013
|
var SignatureCanvasContainer = styled.div(templateObject_2$a || (templateObject_2$a = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: calc(100% - 67px);\n ", "\n ", "\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: calc(100% - 67px);\n ", "\n ", "\n"])), function (props) {
|
|
13991
14014
|
return props.$disabled ? 'opacity: 0.5; pointer-events: none;' : '';
|
|
13992
14015
|
}, function (props) {
|
|
13993
14016
|
return props.$headTrackingUnsatisfied ? 'pointer-events: none;' : '';
|
|
13994
14017
|
});
|
|
13995
14018
|
var AcceptBtn = styled(LoaderButton)(templateObject_3$9 || (templateObject_3$9 = __makeTemplateObject(["\n margin-left: auto;\n"], ["\n margin-left: auto;\n"])));
|
|
13996
|
-
var SignaturePadContentContainer = styled.div(templateObject_4$
|
|
14019
|
+
var SignaturePadContentContainer = styled.div(templateObject_4$5 || (templateObject_4$5 = __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"])));
|
|
13997
14020
|
var SignaturePadContentInner = styled.div(templateObject_5$3 || (templateObject_5$3 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n pointer-events: none;\n color: ", ";\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n pointer-events: none;\n color: ", ";\n"])), function (props) {
|
|
13998
14021
|
var _a, _b, _c;
|
|
13999
14022
|
return (_c = (_b = (_a = props.theme.signatureCapture) === null || _a === void 0 ? void 0 : _a.canvas) === null || _b === void 0 ? void 0 : _b.emptyTextColor) !== null && _c !== void 0 ? _c : 'black';
|
|
14000
14023
|
});
|
|
14001
|
-
var templateObject_1$
|
|
14024
|
+
var templateObject_1$b, templateObject_2$a, templateObject_3$9, templateObject_4$5, templateObject_5$3;
|
|
14002
14025
|
|
|
14003
14026
|
function VideoSignatureGuides(_a) {
|
|
14004
14027
|
var onAcceptBtnClicked = _a.onAcceptBtnClicked,
|
|
@@ -14038,14 +14061,14 @@ function VideoSignatureGuides(_a) {
|
|
|
14038
14061
|
verbiage: verbiage
|
|
14039
14062
|
})));
|
|
14040
14063
|
}
|
|
14041
|
-
var Container$3 = styled.div(templateObject_1$
|
|
14064
|
+
var Container$3 = styled.div(templateObject_1$a || (templateObject_1$a = __makeTemplateObject(["\n display: flex;\n max-height: 100%;\n position: absolute;\n z-index: 1000;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\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 top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n font-family: ", ";\n box-sizing: border-box;\n overflow: hidden;\n padding: 40px;\n"])), function (props) {
|
|
14042
14065
|
var _a;
|
|
14043
14066
|
return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
|
|
14044
14067
|
});
|
|
14045
14068
|
var Inner$1 = styled.div(templateObject_2$9 || (templateObject_2$9 = __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"])));
|
|
14046
14069
|
var FaceGuideContainer$1 = styled.div(templateObject_3$8 || (templateObject_3$8 = __makeTemplateObject(["\n position: relative;\n height: 50%;\n"], ["\n position: relative;\n height: 50%;\n"])));
|
|
14047
|
-
var StyledSelfieCaptureAnimatedMask = styled(SelfieCaptureAnimatedMaskWithStatus)(templateObject_4$
|
|
14048
|
-
var templateObject_1$
|
|
14070
|
+
var StyledSelfieCaptureAnimatedMask = styled(SelfieCaptureAnimatedMaskWithStatus)(templateObject_4$4 || (templateObject_4$4 = __makeTemplateObject(["\n max-width: 100%;\n height: 100%;\n"], ["\n max-width: 100%;\n height: 100%;\n"])));
|
|
14071
|
+
var templateObject_1$a, templateObject_2$9, templateObject_3$8, templateObject_4$4;
|
|
14049
14072
|
|
|
14050
14073
|
var DEFAULT_MIN_SIGNATURE_PAD_POINTS = 10;
|
|
14051
14074
|
var DEFAULT_HEAD_TRACKING_BOUNDARY_PERCENTAGE = 0.01;
|
|
@@ -14178,12 +14201,24 @@ var VideoSignatureCapture = function VideoSignatureCapture(_a) {
|
|
|
14178
14201
|
className: classNames.exitCaptureBtn
|
|
14179
14202
|
}));
|
|
14180
14203
|
};
|
|
14181
|
-
var Container$2 = styled.div(templateObject_1$
|
|
14182
|
-
var templateObject_1$
|
|
14204
|
+
var Container$2 = styled.div(templateObject_1$9 || (templateObject_1$9 = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n"], ["\n width: 100%;\n height: 100%;\n"])));
|
|
14205
|
+
var templateObject_1$9;
|
|
14183
14206
|
|
|
14207
|
+
var StyledVideo = styled.video(templateObject_1$8 || (templateObject_1$8 = __makeTemplateObject(["\n margin-left: auto;\n margin-right: auto;\n max-width: 100%;\n"], ["\n margin-left: auto;\n margin-right: auto;\n max-width: 100%;\n"])));
|
|
14208
|
+
var StyledAudio = styled.audio(templateObject_2$8 || (templateObject_2$8 = __makeTemplateObject(["\n margin: auto;\n max-width: 100%;\n"], ["\n margin: auto;\n max-width: 100%;\n"])));
|
|
14209
|
+
var AssetSelectorOptions = styled.div(templateObject_3$7 || (templateObject_3$7 = __makeTemplateObject(["\n margin-bottom: 15px;\n display: flex;\n justify-content: center;\n"], ["\n margin-bottom: 15px;\n display: flex;\n justify-content: center;\n"])));
|
|
14210
|
+
var AssetSelectorOption = styled.div(templateObject_4$3 || (templateObject_4$3 = __makeTemplateObject(["\n padding: 0 8px;\n display: flex;\n gap: 5px;\n align-items: center;\n\n & > input {\n margin: 0;\n padding: 0;\n display: block;\n }\n"], ["\n padding: 0 8px;\n display: flex;\n gap: 5px;\n align-items: center;\n\n & > input {\n margin: 0;\n padding: 0;\n display: block;\n }\n"])));
|
|
14211
|
+
var templateObject_1$8, templateObject_2$8, templateObject_3$7, templateObject_4$3;
|
|
14212
|
+
|
|
14213
|
+
var assetSelectorOpts$1 = [{
|
|
14214
|
+
value: 'video',
|
|
14215
|
+
label: 'Video'
|
|
14216
|
+
}, {
|
|
14217
|
+
value: 'selfieImage',
|
|
14218
|
+
label: 'Selfie Image'
|
|
14219
|
+
}];
|
|
14184
14220
|
var VideoSignatureSuccess = function VideoSignatureSuccess(_a) {
|
|
14185
|
-
var
|
|
14186
|
-
onDoneClick = _a.onDoneClick,
|
|
14221
|
+
var onDoneClick = _a.onDoneClick,
|
|
14187
14222
|
onRetryClick = _a.onRetryClick,
|
|
14188
14223
|
_b = _a.classNames,
|
|
14189
14224
|
classNames = _b === void 0 ? {} : _b,
|
|
@@ -14191,7 +14226,10 @@ var VideoSignatureSuccess = function VideoSignatureSuccess(_a) {
|
|
|
14191
14226
|
colors = _c === void 0 ? {} : _c,
|
|
14192
14227
|
_d = _a.verbiage,
|
|
14193
14228
|
rawVerbiage = _d === void 0 ? {} : _d;
|
|
14194
|
-
var
|
|
14229
|
+
var ctx = useSubmissionContext();
|
|
14230
|
+
var _e = useState('video'),
|
|
14231
|
+
displayedAsset = _e[0],
|
|
14232
|
+
setDisplayedAsset = _e[1];
|
|
14195
14233
|
var verbiage = useTranslations(rawVerbiage, {
|
|
14196
14234
|
headingText: 'Video signature has been successfully captured!',
|
|
14197
14235
|
retryBtnText: 'Retry',
|
|
@@ -14203,22 +14241,41 @@ var VideoSignatureSuccess = function VideoSignatureSuccess(_a) {
|
|
|
14203
14241
|
className: classNames.inner
|
|
14204
14242
|
}, /*#__PURE__*/React__default.createElement("h1", {
|
|
14205
14243
|
className: classNames.heading
|
|
14206
|
-
}, verbiage.headingText), /*#__PURE__*/React__default.createElement(
|
|
14244
|
+
}, verbiage.headingText), /*#__PURE__*/React__default.createElement(AssetSelectorOptions, {
|
|
14245
|
+
className: classNames.assetSelectorOptions
|
|
14246
|
+
}, assetSelectorOpts$1.filter(function (o) {
|
|
14247
|
+
var _a;
|
|
14248
|
+
return !o["if"] || ((_a = o["if"]) === null || _a === void 0 ? void 0 : _a.call(o, ctx));
|
|
14249
|
+
}).map(function (option) {
|
|
14250
|
+
return /*#__PURE__*/React__default.createElement(AssetSelectorOption, {
|
|
14251
|
+
key: option.value,
|
|
14252
|
+
className: classNames.assetSelectorOption
|
|
14253
|
+
}, /*#__PURE__*/React__default.createElement("input", {
|
|
14254
|
+
type: "radio",
|
|
14255
|
+
id: "displayedAsset_".concat(option.value),
|
|
14256
|
+
value: option.value,
|
|
14257
|
+
checked: displayedAsset === option.value,
|
|
14258
|
+
onChange: function onChange() {
|
|
14259
|
+
return setDisplayedAsset(option.value);
|
|
14260
|
+
},
|
|
14261
|
+
className: classNames.assetSelectorOptionRadio
|
|
14262
|
+
}), /*#__PURE__*/React__default.createElement("label", {
|
|
14263
|
+
htmlFor: "displayedAsset_".concat(option.value),
|
|
14264
|
+
className: classNames.assetSelectorOptionLabel
|
|
14265
|
+
}, option.label));
|
|
14266
|
+
})), /*#__PURE__*/React__default.createElement(OverlayImageContainer, {
|
|
14207
14267
|
className: classNames.videoContainer
|
|
14208
|
-
}, signatureVideoUrl && ( /*#__PURE__*/React__default.createElement(StyledVideo
|
|
14268
|
+
}, displayedAsset === 'video' && ctx.signatureVideoUrl && ( /*#__PURE__*/React__default.createElement(StyledVideo, {
|
|
14209
14269
|
className: classNames.video,
|
|
14210
|
-
src: signatureVideoUrl,
|
|
14211
|
-
poster: signatureVideoUrl + '#t=0.1',
|
|
14270
|
+
src: ctx.signatureVideoUrl,
|
|
14271
|
+
poster: ctx.signatureVideoUrl + '#t=0.1',
|
|
14212
14272
|
controls: true,
|
|
14213
14273
|
preload: "metadata",
|
|
14214
14274
|
autoPlay: true
|
|
14215
|
-
})), /*#__PURE__*/React__default.createElement("img", {
|
|
14216
|
-
src:
|
|
14217
|
-
alt: ""
|
|
14218
|
-
|
|
14219
|
-
display: 'none'
|
|
14220
|
-
}
|
|
14221
|
-
})), /*#__PURE__*/React__default.createElement(ButtonsRow$2, {
|
|
14275
|
+
})), displayedAsset === 'selfieImage' && ctx.selfieImage && ( /*#__PURE__*/React__default.createElement("img", {
|
|
14276
|
+
src: ctx.selfieImage,
|
|
14277
|
+
alt: ""
|
|
14278
|
+
}))), /*#__PURE__*/React__default.createElement(ButtonsRow$2, {
|
|
14222
14279
|
className: classNames.buttonsRow
|
|
14223
14280
|
}, /*#__PURE__*/React__default.createElement(LoaderButton, {
|
|
14224
14281
|
variant: "warning",
|
|
@@ -14234,8 +14291,6 @@ var VideoSignatureSuccess = function VideoSignatureSuccess(_a) {
|
|
|
14234
14291
|
finished: true
|
|
14235
14292
|
}, verbiage.doneBtnText))));
|
|
14236
14293
|
};
|
|
14237
|
-
var StyledVideo$1 = styled.video(templateObject_1$9 || (templateObject_1$9 = __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"])));
|
|
14238
|
-
var templateObject_1$9;
|
|
14239
14294
|
|
|
14240
14295
|
function SelfieCaptureWizard(_a) {
|
|
14241
14296
|
var _b;
|
|
@@ -14529,27 +14584,23 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
|
14529
14584
|
filetype: 'image/jpeg'
|
|
14530
14585
|
}).then(onSelfieCaptured);
|
|
14531
14586
|
}, [logCaptureMetadata, onSelfieCaptured, setSelfieImage, uploadDocument]);
|
|
14532
|
-
var _w = useState(null),
|
|
14533
|
-
signatureImageUrl = _w[0],
|
|
14534
|
-
setSignatureImageUrl = _w[1];
|
|
14535
14587
|
var onSignatureCaptureCompleted = useCallback(function (videoData, signatureData, signatureImageData) {
|
|
14536
14588
|
setSignatureData(signatureData);
|
|
14537
14589
|
setSignatureVideoUrl(URL.createObjectURL(videoData));
|
|
14538
|
-
setSignatureImageUrl(signatureImageData);
|
|
14539
14590
|
setCaptureState('SUCCESS');
|
|
14540
14591
|
onVideoCaptured === null || onVideoCaptured === void 0 ? void 0 : onVideoCaptured(videoData, signatureData, signatureImageData);
|
|
14541
14592
|
}, [onVideoCaptured, setSignatureData, setSignatureVideoUrl]);
|
|
14542
|
-
var
|
|
14543
|
-
showLoadingOverlay =
|
|
14544
|
-
setShowLoadingOverlay =
|
|
14593
|
+
var _w = useState(true),
|
|
14594
|
+
showLoadingOverlay = _w[0],
|
|
14595
|
+
setShowLoadingOverlay = _w[1];
|
|
14545
14596
|
var onSignatureCaptureFacesNotDetected = useCallback(function () {
|
|
14546
14597
|
setShowLoadingOverlay(false);
|
|
14547
14598
|
setCaptureState(skipLivenessValidation ? 'CAPTURING_SELFIE' : 'CHECKING_LIVENESS');
|
|
14548
14599
|
useVideoSignatureStore.getState().clearRecordedData();
|
|
14549
14600
|
}, [skipLivenessValidation]);
|
|
14550
|
-
var
|
|
14551
|
-
attempt =
|
|
14552
|
-
setAttempt =
|
|
14601
|
+
var _x = useState(0),
|
|
14602
|
+
attempt = _x[0],
|
|
14603
|
+
setAttempt = _x[1];
|
|
14553
14604
|
var onRetry = useCallback(function () {
|
|
14554
14605
|
onRetryClicked === null || onRetryClicked === void 0 ? void 0 : onRetryClicked();
|
|
14555
14606
|
setAttempt(function (n) {
|
|
@@ -14671,7 +14722,6 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
|
14671
14722
|
case 'SUCCESS':
|
|
14672
14723
|
if (!showSuccessScreen) return;
|
|
14673
14724
|
return /*#__PURE__*/React__default.createElement(VideoSignatureSuccess, {
|
|
14674
|
-
imageUrl: signatureImageUrl !== null && signatureImageUrl !== void 0 ? signatureImageUrl : '',
|
|
14675
14725
|
onDoneClick: onComplete,
|
|
14676
14726
|
onRetryClick: onRetry,
|
|
14677
14727
|
classNames: classNames.success,
|
|
@@ -14875,18 +14925,18 @@ var IdVideoCaptureGuides = function IdVideoCaptureGuides(_a) {
|
|
|
14875
14925
|
"$background": (_y = (_x = theme.idVideoCapture) === null || _x === void 0 ? void 0 : _x.idCardGuides) === null || _y === void 0 ? void 0 : _y.instructionsBackgroundColor
|
|
14876
14926
|
}, instructionText))));
|
|
14877
14927
|
};
|
|
14878
|
-
var Container$1 = styled.div(templateObject_1$
|
|
14928
|
+
var Container$1 = styled.div(templateObject_1$7 || (templateObject_1$7 = __makeTemplateObject(["\n display: flex;\n max-height: 100%;\n position: absolute;\n z-index: 1000;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\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 top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n font-family: ", ";\n box-sizing: border-box;\n overflow: hidden;\n padding: 40px;\n"])), function (props) {
|
|
14879
14929
|
var _a;
|
|
14880
14930
|
return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
|
|
14881
14931
|
});
|
|
14882
|
-
var Inner = styled.div(templateObject_2$
|
|
14883
|
-
var FaceGuideContainer = styled.div(templateObject_3$
|
|
14932
|
+
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"])));
|
|
14933
|
+
var FaceGuideContainer = styled.div(templateObject_3$6 || (templateObject_3$6 = __makeTemplateObject(["\n position: relative;\n height: 65%;\n"], ["\n position: relative;\n height: 65%;\n"])));
|
|
14884
14934
|
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 width: 100%;\n"], ["\n display: flex;\n flex-flow: column nowrap;\n margin: 0 auto;\n position: relative;\n max-width: 100%;\n height: 35%;\n width: 100%;\n"])));
|
|
14885
14935
|
var IdCardGuideInner = styled.div(templateObject_5$2 || (templateObject_5$2 = __makeTemplateObject(["\n position: relative;\n height: 100%;\n width: 100%;\n"], ["\n position: relative;\n height: 100%;\n width: 100%;\n"])));
|
|
14886
14936
|
var StyledIdCardGuideImageContainer = styled(IdCardGuideImageContainer)(templateObject_6$1 || (templateObject_6$1 = __makeTemplateObject(["\n width: auto;\n height: 100%;\n"], ["\n width: auto;\n height: 100%;\n"])));
|
|
14887
14937
|
var IdCardGuideInstructionsContainer = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n width: 100%;\n text-align: center;\n color: white;\n display: flex;\n flex-direction: column;\n justify-content: end;\n position: absolute;\n bottom: 16px;\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 position: absolute;\n bottom: 16px;\n left: 0;\n right: 0;\n box-sizing: border-box;\n"])));
|
|
14888
14938
|
var IdCardGuideInstructions = styled(GuidanceMessage)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n align-content: center;\n padding: 8px 12px;\n font-weight: bold;\n font-size: 18px;\n"], ["\n align-content: center;\n padding: 8px 12px;\n font-weight: bold;\n font-size: 18px;\n"])));
|
|
14889
|
-
var templateObject_1$
|
|
14939
|
+
var templateObject_1$7, templateObject_2$7, templateObject_3$6, templateObject_4$2, templateObject_5$2, templateObject_6$1, templateObject_7, templateObject_8;
|
|
14890
14940
|
|
|
14891
14941
|
var ReadTextPrompt = function ReadTextPrompt(_a) {
|
|
14892
14942
|
var onComplete = _a.onComplete,
|
|
@@ -14954,8 +15004,8 @@ var ReadTextPrompt = function ReadTextPrompt(_a) {
|
|
|
14954
15004
|
finished: true
|
|
14955
15005
|
}, verbiage.doneBtnText)));
|
|
14956
15006
|
};
|
|
14957
|
-
var ReadTextPromptContainer = styled.div(templateObject_1$
|
|
14958
|
-
var ReadTextPromptHeading = styled.div(templateObject_2$
|
|
15007
|
+
var ReadTextPromptContainer = styled.div(templateObject_1$6 || (templateObject_1$6 = __makeTemplateObject(["\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n display: flex;\n flex-direction: column;\n"], ["\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n display: flex;\n flex-direction: column;\n"])));
|
|
15008
|
+
var ReadTextPromptHeading = styled.div(templateObject_2$6 || (templateObject_2$6 = __makeTemplateObject(["\n padding: 20px;\n font-weight: bold;\n margin: auto auto 32px;\n\n ", ";\n ", ";\n ", ";\n"], ["\n padding: 20px;\n font-weight: bold;\n margin: auto auto 32px;\n\n ", ";\n ", ";\n ", ";\n"])), function (props) {
|
|
14959
15009
|
var _a, _b, _c, _d, _e, _f;
|
|
14960
15010
|
return ((_c = (_b = (_a = props.theme.idVideoCapture) === null || _a === void 0 ? void 0 : _a.readTextPrompt) === null || _b === void 0 ? void 0 : _b.heading) === null || _c === void 0 ? void 0 : _c.backgroundColor) ? "background: ".concat((_f = (_e = (_d = props.theme.idVideoCapture) === null || _d === void 0 ? void 0 : _d.readTextPrompt) === null || _e === void 0 ? void 0 : _e.heading) === null || _f === void 0 ? void 0 : _f.backgroundColor, ";") : "";
|
|
14961
15011
|
}, function (props) {
|
|
@@ -14965,7 +15015,7 @@ var ReadTextPromptHeading = styled.div(templateObject_2$7 || (templateObject_2$7
|
|
|
14965
15015
|
var _a, _b, _c, _d, _e, _f;
|
|
14966
15016
|
return ((_c = (_b = (_a = props.theme.idVideoCapture) === null || _a === void 0 ? void 0 : _a.readTextPrompt) === null || _b === void 0 ? void 0 : _b.heading) === null || _c === void 0 ? void 0 : _c.borderRadius) ? "border-radius: ".concat((_f = (_e = (_d = props.theme.idVideoCapture) === null || _d === void 0 ? void 0 : _d.readTextPrompt) === null || _e === void 0 ? void 0 : _e.heading) === null || _f === void 0 ? void 0 : _f.borderRadius, ";") : "";
|
|
14967
15017
|
});
|
|
14968
|
-
var ReadTextPromptText = styled.div(templateObject_3$
|
|
15018
|
+
var ReadTextPromptText = styled.div(templateObject_3$5 || (templateObject_3$5 = __makeTemplateObject(["\n margin: 0 auto;\n text-align: center;\n padding: 50px;\n font-size: 24px;\n max-width: ", ";\n\n ", ";\n ", ";\n ", ";\n"], ["\n margin: 0 auto;\n text-align: center;\n padding: 50px;\n font-size: 24px;\n max-width: ", ";\n\n ", ";\n ", ";\n ", ";\n"])), typeof window !== 'undefined' && window.innerWidth > window.innerHeight ? '40%' : '90%', function (props) {
|
|
14969
15019
|
var _a, _b, _c, _d, _e, _f;
|
|
14970
15020
|
return ((_c = (_b = (_a = props.theme.idVideoCapture) === null || _a === void 0 ? void 0 : _a.readTextPrompt) === null || _b === void 0 ? void 0 : _b.prompt) === null || _c === void 0 ? void 0 : _c.backgroundColor) ? "background: ".concat((_f = (_e = (_d = props.theme.idVideoCapture) === null || _d === void 0 ? void 0 : _d.readTextPrompt) === null || _e === void 0 ? void 0 : _e.prompt) === null || _f === void 0 ? void 0 : _f.backgroundColor, ";") : "";
|
|
14971
15021
|
}, function (props) {
|
|
@@ -14987,7 +15037,7 @@ var ReadTextPromptTimeRemaining = styled.div(templateObject_5$1 || (templateObje
|
|
|
14987
15037
|
return ((_c = (_b = (_a = props.theme.idVideoCapture) === null || _a === void 0 ? void 0 : _a.readTextPrompt) === null || _b === void 0 ? void 0 : _b.timeRemaining) === null || _c === void 0 ? void 0 : _c.borderRadius) ? "border-radius: ".concat((_f = (_e = (_d = props.theme.idVideoCapture) === null || _d === void 0 ? void 0 : _d.readTextPrompt) === null || _e === void 0 ? void 0 : _e.timeRemaining) === null || _f === void 0 ? void 0 : _f.borderRadius, ";") : "";
|
|
14988
15038
|
});
|
|
14989
15039
|
var DoneButton = styled(LoaderButton)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n margin: auto 0;\n"], ["\n margin: auto 0;\n"])));
|
|
14990
|
-
var templateObject_1$
|
|
15040
|
+
var templateObject_1$6, templateObject_2$6, templateObject_3$5, templateObject_4$1, templateObject_5$1, templateObject_6;
|
|
14991
15041
|
|
|
14992
15042
|
var edgeBoundary = 0.05;
|
|
14993
15043
|
var defaultVideoIdCaptureThresholds = {
|
|
@@ -15443,9 +15493,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
15443
15493
|
className: classNames.exitCaptureBtn
|
|
15444
15494
|
}));
|
|
15445
15495
|
};
|
|
15446
|
-
var Container = styled.div(templateObject_1$
|
|
15447
|
-
var CountdownContainer = styled.div(templateObject_2$
|
|
15448
|
-
var Countdown = styled.div(templateObject_3$
|
|
15496
|
+
var Container = styled.div(templateObject_1$5 || (templateObject_1$5 = __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"])));
|
|
15497
|
+
var CountdownContainer = styled.div(templateObject_2$5 || (templateObject_2$5 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 99999;\n display: flex;\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 99999;\n display: flex;\n"])));
|
|
15498
|
+
var Countdown = styled.div(templateObject_3$4 || (templateObject_3$4 = __makeTemplateObject(["\n color: white;\n font-size: 64px;\n font-weight: bold;\n margin: auto;\n"], ["\n color: white;\n font-size: 64px;\n font-weight: bold;\n margin: auto;\n"])));
|
|
15449
15499
|
var CaptureButtonContainer = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n position: absolute;\n bottom: 0;\n width: 100%;\n display: flex;\n z-index: 100000;\n"], ["\n position: absolute;\n bottom: 0;\n width: 100%;\n display: flex;\n z-index: 100000;\n"])));
|
|
15450
15500
|
var CaptureButton = styled(LoaderButton)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n margin: 0 auto 25px;\n"], ["\n margin: 0 auto 25px;\n"])));
|
|
15451
15501
|
function evaluateShouldSkip(value) {
|
|
@@ -15453,24 +15503,43 @@ function evaluateShouldSkip(value) {
|
|
|
15453
15503
|
if (typeof value === 'function') return value();
|
|
15454
15504
|
return false;
|
|
15455
15505
|
}
|
|
15456
|
-
var templateObject_1$
|
|
15506
|
+
var templateObject_1$5, templateObject_2$5, templateObject_3$4, templateObject_4, templateObject_5;
|
|
15457
15507
|
|
|
15458
|
-
var
|
|
15459
|
-
|
|
15460
|
-
|
|
15461
|
-
|
|
15462
|
-
|
|
15463
|
-
|
|
15464
|
-
|
|
15465
|
-
|
|
15466
|
-
|
|
15467
|
-
|
|
15468
|
-
|
|
15469
|
-
|
|
15470
|
-
|
|
15471
|
-
|
|
15472
|
-
|
|
15473
|
-
|
|
15508
|
+
var assetSelectorOpts = [{
|
|
15509
|
+
value: 'video',
|
|
15510
|
+
label: 'Video'
|
|
15511
|
+
}, {
|
|
15512
|
+
value: 'audio',
|
|
15513
|
+
label: 'Audio',
|
|
15514
|
+
"if": function _if(props) {
|
|
15515
|
+
return !!props.audioUrl;
|
|
15516
|
+
}
|
|
15517
|
+
}, {
|
|
15518
|
+
value: 'idFrontImage',
|
|
15519
|
+
label: 'ID Front Image'
|
|
15520
|
+
}, {
|
|
15521
|
+
value: 'idBackImage',
|
|
15522
|
+
label: 'ID Back Image',
|
|
15523
|
+
"if": function _if(props) {
|
|
15524
|
+
return !!props.idBackImageUrl;
|
|
15525
|
+
}
|
|
15526
|
+
}];
|
|
15527
|
+
var IdVideoCaptureSuccess = function IdVideoCaptureSuccess(props) {
|
|
15528
|
+
var videoUrl = props.videoUrl,
|
|
15529
|
+
audioUrl = props.audioUrl,
|
|
15530
|
+
idFrontImageUrl = props.idFrontImageUrl,
|
|
15531
|
+
idBackImageUrl = props.idBackImageUrl,
|
|
15532
|
+
onDoneClick = props.onDoneClick,
|
|
15533
|
+
onRetryClick = props.onRetryClick,
|
|
15534
|
+
_a = props.classNames,
|
|
15535
|
+
classNames = _a === void 0 ? {} : _a,
|
|
15536
|
+
_b = props.colors,
|
|
15537
|
+
colors = _b === void 0 ? {} : _b,
|
|
15538
|
+
_c = props.verbiage,
|
|
15539
|
+
rawVerbiage = _c === void 0 ? {} : _c;
|
|
15540
|
+
var _d = useState('video'),
|
|
15541
|
+
displayedAsset = _d[0],
|
|
15542
|
+
setDisplayedAsset = _d[1];
|
|
15474
15543
|
var verbiage = useTranslations(rawVerbiage, {
|
|
15475
15544
|
headingText: 'Video ID has been successfully captured!',
|
|
15476
15545
|
retryBtnText: 'Retry',
|
|
@@ -15487,55 +15556,27 @@ var IdVideoCaptureSuccess = function IdVideoCaptureSuccess(_a) {
|
|
|
15487
15556
|
className: classNames.heading
|
|
15488
15557
|
}, verbiage.headingText), /*#__PURE__*/React__default.createElement(AssetSelectorOptions, {
|
|
15489
15558
|
className: classNames.assetSelectorOptions
|
|
15490
|
-
},
|
|
15491
|
-
|
|
15492
|
-
|
|
15493
|
-
|
|
15494
|
-
|
|
15495
|
-
|
|
15496
|
-
|
|
15497
|
-
|
|
15498
|
-
|
|
15499
|
-
|
|
15500
|
-
|
|
15501
|
-
|
|
15502
|
-
|
|
15503
|
-
|
|
15504
|
-
|
|
15505
|
-
|
|
15506
|
-
|
|
15507
|
-
|
|
15508
|
-
|
|
15509
|
-
|
|
15510
|
-
|
|
15511
|
-
}
|
|
15512
|
-
}), /*#__PURE__*/React__default.createElement("label", {
|
|
15513
|
-
htmlFor: "displayedAssetAudio"
|
|
15514
|
-
}, "Audio"))), /*#__PURE__*/React__default.createElement(AssetSelectorOption, {
|
|
15515
|
-
className: classNames.assetSelectorOption
|
|
15516
|
-
}, /*#__PURE__*/React__default.createElement("input", {
|
|
15517
|
-
type: "radio",
|
|
15518
|
-
id: "displayedAssetIdFrontImage",
|
|
15519
|
-
value: "idFrontImage",
|
|
15520
|
-
checked: displayedAsset === 'idFrontImage',
|
|
15521
|
-
onChange: function onChange() {
|
|
15522
|
-
return setDisplayedAsset('idFrontImage');
|
|
15523
|
-
}
|
|
15524
|
-
}), /*#__PURE__*/React__default.createElement("label", {
|
|
15525
|
-
htmlFor: "displayedAssetIdFrontImage"
|
|
15526
|
-
}, verbiage.idFrontText)), idBackImageUrl && ( /*#__PURE__*/React__default.createElement(AssetSelectorOption, {
|
|
15527
|
-
className: classNames.assetSelectorOption
|
|
15528
|
-
}, /*#__PURE__*/React__default.createElement("input", {
|
|
15529
|
-
type: "radio",
|
|
15530
|
-
id: "displayedAssetIdBackImage",
|
|
15531
|
-
value: "idBackImage",
|
|
15532
|
-
checked: displayedAsset === 'idBackImage',
|
|
15533
|
-
onChange: function onChange() {
|
|
15534
|
-
return setDisplayedAsset('idBackImage');
|
|
15535
|
-
}
|
|
15536
|
-
}), /*#__PURE__*/React__default.createElement("label", {
|
|
15537
|
-
htmlFor: "displayedAssetIdBackImage"
|
|
15538
|
-
}, verbiage.idBackText)))), /*#__PURE__*/React__default.createElement(OverlayImageContainer, {
|
|
15559
|
+
}, assetSelectorOpts.filter(function (o) {
|
|
15560
|
+
var _a;
|
|
15561
|
+
return !o["if"] || ((_a = o["if"]) === null || _a === void 0 ? void 0 : _a.call(o, props));
|
|
15562
|
+
}).map(function (option) {
|
|
15563
|
+
return /*#__PURE__*/React__default.createElement(AssetSelectorOption, {
|
|
15564
|
+
key: option.value,
|
|
15565
|
+
className: classNames.assetSelectorOption
|
|
15566
|
+
}, /*#__PURE__*/React__default.createElement("input", {
|
|
15567
|
+
type: "radio",
|
|
15568
|
+
id: "displayedAsset_".concat(option.value),
|
|
15569
|
+
value: option.value,
|
|
15570
|
+
checked: displayedAsset === option.value,
|
|
15571
|
+
onChange: function onChange() {
|
|
15572
|
+
return setDisplayedAsset(option.value);
|
|
15573
|
+
},
|
|
15574
|
+
className: classNames.assetSelectorOptionRadio
|
|
15575
|
+
}), /*#__PURE__*/React__default.createElement("label", {
|
|
15576
|
+
htmlFor: "displayedAsset_".concat(option.value),
|
|
15577
|
+
className: classNames.assetSelectorOptionLabel
|
|
15578
|
+
}, option.label));
|
|
15579
|
+
})), /*#__PURE__*/React__default.createElement(OverlayImageContainer, {
|
|
15539
15580
|
className: classNames.videoContainer
|
|
15540
15581
|
}, displayedAsset === 'video' ? ( /*#__PURE__*/React__default.createElement(StyledVideo, {
|
|
15541
15582
|
src: videoUrl,
|
|
@@ -15544,7 +15585,12 @@ var IdVideoCaptureSuccess = function IdVideoCaptureSuccess(_a) {
|
|
|
15544
15585
|
controls: true,
|
|
15545
15586
|
preload: "metadata",
|
|
15546
15587
|
autoPlay: true
|
|
15547
|
-
})) : displayedAsset === 'audio' ? ( /*#__PURE__*/React__default.createElement("div",
|
|
15588
|
+
})) : displayedAsset === 'audio' ? ( /*#__PURE__*/React__default.createElement("div", {
|
|
15589
|
+
style: {
|
|
15590
|
+
width: '100%',
|
|
15591
|
+
height: '100%'
|
|
15592
|
+
}
|
|
15593
|
+
}, /*#__PURE__*/React__default.createElement(StyledAudio, {
|
|
15548
15594
|
controls: true
|
|
15549
15595
|
}, /*#__PURE__*/React__default.createElement("source", {
|
|
15550
15596
|
src: audioUrl
|
|
@@ -15573,10 +15619,6 @@ var IdVideoCaptureSuccess = function IdVideoCaptureSuccess(_a) {
|
|
|
15573
15619
|
finished: true
|
|
15574
15620
|
}, verbiage.doneBtnText))));
|
|
15575
15621
|
};
|
|
15576
|
-
var StyledVideo = styled.video(templateObject_1$5 || (templateObject_1$5 = __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"])));
|
|
15577
|
-
var AssetSelectorOptions = styled.div(templateObject_2$5 || (templateObject_2$5 = __makeTemplateObject(["\n margin-bottom: 15px;\n display: flex;\n justify-content: center;\n"], ["\n margin-bottom: 15px;\n display: flex;\n justify-content: center;\n"])));
|
|
15578
|
-
var AssetSelectorOption = styled.div(templateObject_3$4 || (templateObject_3$4 = __makeTemplateObject(["\n padding: 0 8px;\n display: flex;\n gap: 5px;\n align-items: center;\n\n & > input {\n margin: 0;\n padding: 0;\n display: block;\n }\n"], ["\n padding: 0 8px;\n display: flex;\n gap: 5px;\n align-items: center;\n\n & > input {\n margin: 0;\n padding: 0;\n display: block;\n }\n"])));
|
|
15579
|
-
var templateObject_1$5, templateObject_2$5, templateObject_3$4;
|
|
15580
15622
|
|
|
15581
15623
|
var VideoIdWizard = function VideoIdWizard(_a) {
|
|
15582
15624
|
var _b, _c, _d, _e, _f, _g, _h, _j;
|