idmission-web-sdk 2.3.69 → 2.3.71
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/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 +277 -235
- 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 +277 -235
- package/dist/sdk2.esm.js.map +1 -1
- package/dist/sdk2.umd.development.js +343 -478
- package/dist/sdk2.umd.development.js.map +1 -1
- package/dist/sdk2.umd.production.js +1 -1
- package/dist/sdk2.umd.production.js.map +1 -1
- package/dist/version.d.ts +1 -1
- package/package.json +1 -1
|
@@ -236,7 +236,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
|
|
|
236
236
|
return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
|
|
237
237
|
};
|
|
238
238
|
|
|
239
|
-
var webSdkVersion = '2.3.
|
|
239
|
+
var webSdkVersion = '2.3.71';
|
|
240
240
|
|
|
241
241
|
function getPlatform() {
|
|
242
242
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
@@ -475,16 +475,16 @@ var LoaderButton = function LoaderButton(_a) {
|
|
|
475
475
|
className: "ladda-label"
|
|
476
476
|
}, children));
|
|
477
477
|
};
|
|
478
|
-
var StyledButton = styled__default.default.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) {
|
|
478
|
+
var StyledButton = styled__default.default.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) {
|
|
479
479
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
|
|
480
480
|
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 ");
|
|
481
481
|
});
|
|
482
|
-
var templateObject_1$S;
|
|
483
|
-
|
|
484
|
-
var ButtonsRow$2 = styled__default.default.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"])));
|
|
485
482
|
var templateObject_1$R;
|
|
486
483
|
|
|
487
|
-
var
|
|
484
|
+
var ButtonsRow$2 = styled__default.default.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"])));
|
|
485
|
+
var templateObject_1$Q;
|
|
486
|
+
|
|
487
|
+
var GuidanceMessageContainerDiv = styled__default.default.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) {
|
|
488
488
|
var $top = _a.$top;
|
|
489
489
|
return $top !== null && $top !== void 0 ? $top : '10%';
|
|
490
490
|
}, function (_a) {
|
|
@@ -504,15 +504,15 @@ var GuidanceMessage = styled__default.default.div(templateObject_2$I || (templat
|
|
|
504
504
|
var _a, _b, _c, _d, _e, _f;
|
|
505
505
|
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';
|
|
506
506
|
});
|
|
507
|
-
var templateObject_1$
|
|
507
|
+
var templateObject_1$P, templateObject_2$I;
|
|
508
508
|
|
|
509
|
-
var wavesAnimation = styled.keyframes(templateObject_1$
|
|
509
|
+
var wavesAnimation = styled.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"])));
|
|
510
510
|
var progressBarAnimation = styled.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"])));
|
|
511
511
|
var dualRingSpinnerAnimation = styled.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"])));
|
|
512
|
-
var progressBorderAnimation = styled.keyframes(templateObject_4$
|
|
513
|
-
var templateObject_1$
|
|
512
|
+
var progressBorderAnimation = styled.keyframes(templateObject_4$o || (templateObject_4$o = __makeTemplateObject(["\n to {\n stroke-dashoffset: 0;\n }\n"], ["\n to {\n stroke-dashoffset: 0;\n }\n"])));
|
|
513
|
+
var templateObject_1$O, templateObject_2$H, templateObject_3$u, templateObject_4$o;
|
|
514
514
|
|
|
515
|
-
var OverlayContainer = styled__default.default.div(templateObject_1$
|
|
515
|
+
var OverlayContainer = styled__default.default.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) {
|
|
516
516
|
return props.theme.background ? "".concat(props.theme.background) : "white";
|
|
517
517
|
}, function (props) {
|
|
518
518
|
return props.theme.textColor ? "color: ".concat(props.theme.textColor, ";") : "";
|
|
@@ -524,7 +524,7 @@ var OverlayInner$2 = styled__default.default.div(templateObject_2$G || (template
|
|
|
524
524
|
return props.theme.padding ? "box-sizing: border-box; padding: ".concat(props.theme.padding, ";") : "";
|
|
525
525
|
});
|
|
526
526
|
var OverlayImageContainer = styled__default.default.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"])));
|
|
527
|
-
var OverlayImageRow = styled__default.default.div(templateObject_4$
|
|
527
|
+
var OverlayImageRow = styled__default.default.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"])));
|
|
528
528
|
var GrayOverlayContainer = styled__default.default(OverlayContainer)(templateObject_5$e || (templateObject_5$e = __makeTemplateObject(["\n background: #f7f6fb;\n"], ["\n background: #f7f6fb;\n"])));
|
|
529
529
|
var ButtonsColumn = styled__default.default.div(templateObject_6$9 || (templateObject_6$9 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n gap: 15px 0;\n justify-content: center;\n margin-top: 24px;\n"], ["\n display: flex;\n flex-direction: column;\n gap: 15px 0;\n justify-content: center;\n margin-top: 24px;\n"])));
|
|
530
530
|
var WideButton = styled__default.default(LoaderButton)(templateObject_7$5 || (templateObject_7$5 = __makeTemplateObject(["\n width: 100%;\n border-radius: 30px;\n"], ["\n width: 100%;\n border-radius: 30px;\n"])));
|
|
@@ -565,7 +565,7 @@ var LoadingOverlayLoadingListItem = styled__default.default.li(templateObject_19
|
|
|
565
565
|
var LoadingOverlayProgressContainer = styled__default.default.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"])));
|
|
566
566
|
var LoadingOverlayCustomLoadingGraphic = styled__default.default.img(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n transform-style: preserve-3d;\n"], ["\n transform-style: preserve-3d;\n"])));
|
|
567
567
|
var LoadingOverlayContinueButtonContainer = styled__default.default.div(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n display: flex;\n"], ["\n display: flex;\n"])));
|
|
568
|
-
var templateObject_1$
|
|
568
|
+
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;
|
|
569
569
|
|
|
570
570
|
var GeolocationAccessDeniedOverlay = function GeolocationAccessDeniedOverlay(_a) {
|
|
571
571
|
var accessBlockedImageUrl = _a.accessBlockedImageUrl;
|
|
@@ -2216,7 +2216,7 @@ function getFrameDimensions(frame) {
|
|
|
2216
2216
|
return [frameWidth, frameHeight];
|
|
2217
2217
|
}
|
|
2218
2218
|
|
|
2219
|
-
var InvisibleCanvas = styled__default.default.canvas(templateObject_1$
|
|
2219
|
+
var InvisibleCanvas = styled__default.default.canvas(templateObject_1$M || (templateObject_1$M = __makeTemplateObject(["\n display: none;\n"], ["\n display: none;\n"])));
|
|
2220
2220
|
function drawToCanvas(canvas, frame, width, height) {
|
|
2221
2221
|
if (!canvas) return;
|
|
2222
2222
|
var ctx = canvas.getContext('2d');
|
|
@@ -2236,7 +2236,7 @@ function clearCanvas(canvas) {
|
|
|
2236
2236
|
var _a;
|
|
2237
2237
|
(_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);
|
|
2238
2238
|
}
|
|
2239
|
-
var templateObject_1$
|
|
2239
|
+
var templateObject_1$M;
|
|
2240
2240
|
|
|
2241
2241
|
function cropToShoulders(rawCanvas, cropCanvas, resizeCanvas, frame, face, quality, maxHeight) {
|
|
2242
2242
|
var _a;
|
|
@@ -2482,7 +2482,7 @@ var defaultDocumentDetectorModelPath = "".concat(DEFAULT_CDN_URL, "/models/Docum
|
|
|
2482
2482
|
|
|
2483
2483
|
var defaultFocusModelPath = "".concat(DEFAULT_CDN_URL, "/models/Focus/Focus-20241008_102708.tflite");
|
|
2484
2484
|
|
|
2485
|
-
var defaultFaceDetectorModelPath = "".concat(DEFAULT_CDN_URL, "/models/
|
|
2485
|
+
var defaultFaceDetectorModelPath = "".concat(DEFAULT_CDN_URL, "/models/FaceDetector/FaceDetector-20250820_154546.tflite");
|
|
2486
2486
|
|
|
2487
2487
|
var defaultFocusModelLoadTimeoutMs = 45000;
|
|
2488
2488
|
var defaultFocusThresholds = {
|
|
@@ -2822,22 +2822,38 @@ function trackFramesNeeded$1(value, bufferLength) {
|
|
|
2822
2822
|
if (framesNeededSamples$1.length > bufferLength) framesNeededSamples$1.length = bufferLength;
|
|
2823
2823
|
}
|
|
2824
2824
|
var lastNFaces = [];
|
|
2825
|
-
var
|
|
2826
|
-
|
|
2825
|
+
var lastNFacePairs = [];
|
|
2826
|
+
var lastNNoses = [];
|
|
2827
|
+
var lastNNosePairs = [];
|
|
2828
|
+
function trackFace(face, framesNeeded, frameWidth, frameHeight) {
|
|
2827
2829
|
if (framesNeeded === void 0) {
|
|
2828
2830
|
framesNeeded = 12;
|
|
2829
2831
|
}
|
|
2832
|
+
var nose = face.keypoints[2];
|
|
2833
|
+
if (!nose) return;
|
|
2830
2834
|
lastNFaces.unshift(face);
|
|
2835
|
+
lastNNoses.unshift(nose);
|
|
2831
2836
|
if (lastNFaces.length > framesNeeded) lastNFaces.length = framesNeeded;
|
|
2837
|
+
if (lastNNoses.length > framesNeeded) lastNNoses.length = framesNeeded;
|
|
2832
2838
|
if (lastNFaces.length > 1) {
|
|
2833
2839
|
var lastFace = lastNFaces[1];
|
|
2834
2840
|
var iou = calculateIoU(face.box, lastFace.box);
|
|
2835
|
-
|
|
2841
|
+
lastNFacePairs.unshift({
|
|
2836
2842
|
a: face,
|
|
2837
2843
|
b: lastFace,
|
|
2838
2844
|
iou: iou
|
|
2839
2845
|
});
|
|
2840
|
-
if (
|
|
2846
|
+
if (lastNFacePairs.length > framesNeeded - 1) lastNFacePairs.length = framesNeeded - 1;
|
|
2847
|
+
}
|
|
2848
|
+
if (lastNNoses.length > 1) {
|
|
2849
|
+
var lastNose = lastNNoses[1];
|
|
2850
|
+
var noseDistance = Math.sqrt(Math.pow((nose.x - lastNose.x) / frameWidth, 2) + Math.pow((nose.y - lastNose.y) / frameHeight, 2));
|
|
2851
|
+
lastNNosePairs.unshift({
|
|
2852
|
+
a: nose,
|
|
2853
|
+
b: lastNose,
|
|
2854
|
+
distance: noseDistance
|
|
2855
|
+
});
|
|
2856
|
+
if (lastNNosePairs.length > framesNeeded - 1) lastNNosePairs.length = framesNeeded - 1;
|
|
2841
2857
|
}
|
|
2842
2858
|
}
|
|
2843
2859
|
function makeFaceDetectorPrediction(imageData) {
|
|
@@ -2867,7 +2883,9 @@ function processFaceDetectorPrediction(_a) {
|
|
|
2867
2883
|
_b = _a.requireVerticalFaceCentering,
|
|
2868
2884
|
requireVerticalFaceCentering = _b === void 0 ? true : _b,
|
|
2869
2885
|
_c = _a.stabilityThreshold,
|
|
2870
|
-
stabilityThreshold = _c === void 0 ? 0.7 : _c
|
|
2886
|
+
stabilityThreshold = _c === void 0 ? 0.7 : _c,
|
|
2887
|
+
_d = _a.noseDistanceThreshold,
|
|
2888
|
+
noseDistanceThreshold = _d === void 0 ? 0.025 : _d;
|
|
2871
2889
|
var face = faces[0];
|
|
2872
2890
|
var faceNotDetected = faces.length === 0;
|
|
2873
2891
|
var faceNotCentered = false,
|
|
@@ -2902,15 +2920,19 @@ function processFaceDetectorPrediction(_a) {
|
|
|
2902
2920
|
if (lastFaceDetectionTime > 0) {
|
|
2903
2921
|
trackFramesNeeded$1(500 / lastFaceDetectionTime);
|
|
2904
2922
|
}
|
|
2905
|
-
var faceIsStable = false
|
|
2923
|
+
var faceIsStable = false,
|
|
2924
|
+
noseIsStable = false;
|
|
2906
2925
|
if (faceInGuides) {
|
|
2907
|
-
var framesNeeded = Math.ceil(average(framesNeededSamples$1));
|
|
2908
|
-
trackFace(face, framesNeeded);
|
|
2909
|
-
faceIsStable = lastNFaces.length >= framesNeeded && !
|
|
2926
|
+
var framesNeeded = Math.max(Math.ceil(average(framesNeededSamples$1)), 5);
|
|
2927
|
+
trackFace(face, framesNeeded, videoWidth, videoHeight);
|
|
2928
|
+
faceIsStable = lastNFaces.length >= framesNeeded && !lastNFacePairs.some(function (pair) {
|
|
2910
2929
|
return pair.iou < stabilityThreshold;
|
|
2911
2930
|
});
|
|
2931
|
+
noseIsStable = lastNNoses.length >= framesNeeded && !lastNNosePairs.some(function (pair) {
|
|
2932
|
+
return pair.distance > noseDistanceThreshold;
|
|
2933
|
+
});
|
|
2912
2934
|
}
|
|
2913
|
-
var faceReady = faceInGuides && faceIsStable;
|
|
2935
|
+
var faceReady = faceInGuides && faceIsStable && noseIsStable;
|
|
2914
2936
|
return {
|
|
2915
2937
|
face: face,
|
|
2916
2938
|
faceNotDetected: faceNotDetected,
|
|
@@ -2920,7 +2942,8 @@ function processFaceDetectorPrediction(_a) {
|
|
|
2920
2942
|
faceTooFar: faceTooFar,
|
|
2921
2943
|
faceReady: faceReady,
|
|
2922
2944
|
faceReadyAt: faceReady ? new Date() : null,
|
|
2923
|
-
faceIsStable: faceIsStable
|
|
2945
|
+
faceIsStable: faceIsStable,
|
|
2946
|
+
noseIsStable: noseIsStable
|
|
2924
2947
|
};
|
|
2925
2948
|
}
|
|
2926
2949
|
function testFaceDetectionAgainstKnownImage(detector) {
|
|
@@ -5343,14 +5366,14 @@ function CameraTamperSeal(_a) {
|
|
|
5343
5366
|
className: classNames.message
|
|
5344
5367
|
}, messageText)));
|
|
5345
5368
|
}
|
|
5346
|
-
var StyledOverlayInner$4 = styled__default.default(OverlayInner$2)(templateObject_1$
|
|
5369
|
+
var StyledOverlayInner$4 = styled__default.default(OverlayInner$2)(templateObject_1$L || (templateObject_1$L = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
5347
5370
|
var StyledOverlayHeading = styled__default.default.h3(templateObject_2$F || (templateObject_2$F = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
5348
5371
|
function useCameraStore(selector) {
|
|
5349
5372
|
var store = React.useContext(CameraStoreContext);
|
|
5350
5373
|
if (!store) throw new Error('useCameraStore cannot be used without Provider');
|
|
5351
5374
|
return zustand.useStore(store, selector);
|
|
5352
5375
|
}
|
|
5353
|
-
var templateObject_1$
|
|
5376
|
+
var templateObject_1$L, templateObject_2$F;
|
|
5354
5377
|
|
|
5355
5378
|
var DocumentDetectionModelContext = /*#__PURE__*/React.createContext({
|
|
5356
5379
|
startDocumentDetection: function startDocumentDetection() {
|
|
@@ -6334,7 +6357,7 @@ function DebugStatsPane(_a) {
|
|
|
6334
6357
|
if (!portalLocation) return element;
|
|
6335
6358
|
return /*#__PURE__*/reactDom.createPortal(element, portalLocation);
|
|
6336
6359
|
}
|
|
6337
|
-
var DebugStatsPaneDiv = styled__default.default.span(templateObject_1$
|
|
6360
|
+
var DebugStatsPaneDiv = styled__default.default.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"])));
|
|
6338
6361
|
var ObjectDetectionDebugOverlayDiv = styled__default.default.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) {
|
|
6339
6362
|
var $flipX = _a.$flipX;
|
|
6340
6363
|
return $flipX ? 'transform: scaleX(-1);' : '';
|
|
@@ -6349,7 +6372,7 @@ var ObjectDetectionDebugBox = styled__default.default.div(templateObject_3$s ||
|
|
|
6349
6372
|
var $flipX = _a.$flipX;
|
|
6350
6373
|
return $flipX ? 'transform: scaleX(-1);' : '';
|
|
6351
6374
|
});
|
|
6352
|
-
var FaceDetectionKeypointMarker = styled__default.default.div(templateObject_4$
|
|
6375
|
+
var FaceDetectionKeypointMarker = styled__default.default.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) {
|
|
6353
6376
|
var $color = _a.$color;
|
|
6354
6377
|
return $color !== null && $color !== void 0 ? $color : 'red';
|
|
6355
6378
|
}, function (_a) {
|
|
@@ -6546,7 +6569,7 @@ function SelfieCaptureFaceKeypoint(_a) {
|
|
|
6546
6569
|
}
|
|
6547
6570
|
});
|
|
6548
6571
|
}
|
|
6549
|
-
var templateObject_1$
|
|
6572
|
+
var templateObject_1$K, templateObject_2$E, templateObject_3$s, templateObject_4$m;
|
|
6550
6573
|
|
|
6551
6574
|
function OverrideWrongDocumentTypeGuidanceDialog(_a) {
|
|
6552
6575
|
var _b = _a.classNames,
|
|
@@ -6579,7 +6602,7 @@ function OverrideWrongDocumentTypeGuidanceDialog(_a) {
|
|
|
6579
6602
|
}
|
|
6580
6603
|
}, verbiage.buttonText))));
|
|
6581
6604
|
}
|
|
6582
|
-
var Container$7 = styled__default.default.div(templateObject_1$
|
|
6605
|
+
var Container$7 = styled__default.default.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) {
|
|
6583
6606
|
var _a, _b, _c;
|
|
6584
6607
|
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';
|
|
6585
6608
|
}, function (props) {
|
|
@@ -6588,9 +6611,9 @@ var Container$7 = styled__default.default.div(templateObject_1$K || (templateObj
|
|
|
6588
6611
|
});
|
|
6589
6612
|
var InnerContainer = styled__default.default.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"])));
|
|
6590
6613
|
var Message = styled__default.default.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"])));
|
|
6591
|
-
var ButtonContainer = styled__default.default.div(templateObject_4$
|
|
6614
|
+
var ButtonContainer = styled__default.default.div(templateObject_4$l || (templateObject_4$l = __makeTemplateObject(["\n display: flex;\n margin-left: auto;\n"], ["\n display: flex;\n margin-left: auto;\n"])));
|
|
6592
6615
|
var Button$1 = styled__default.default(LoaderButton)(templateObject_5$d || (templateObject_5$d = __makeTemplateObject(["\n white-space: nowrap;\n margin: auto;\n"], ["\n white-space: nowrap;\n margin: auto;\n"])));
|
|
6593
|
-
var templateObject_1$
|
|
6616
|
+
var templateObject_1$J, templateObject_2$D, templateObject_3$r, templateObject_4$l, templateObject_5$d;
|
|
6594
6617
|
|
|
6595
6618
|
// This is a simplified version of https://github.com/ZeeCoder/use-resize-observer.
|
|
6596
6619
|
// We have removed all options and made it compliant with React Compiler/React 19.
|
|
@@ -6903,13 +6926,13 @@ var CameraAccessDeniedOverlay = function CameraAccessDeniedOverlay(_a) {
|
|
|
6903
6926
|
finished: true
|
|
6904
6927
|
}, verbiage.retryBtnText)));
|
|
6905
6928
|
};
|
|
6906
|
-
var StyledOverlayInner$3 = styled__default.default(OverlayInner$2)(templateObject_1$
|
|
6929
|
+
var StyledOverlayInner$3 = styled__default.default(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"])));
|
|
6907
6930
|
var StyledOverlayImageContainer$1 = styled__default.default(OverlayImageContainer)(templateObject_2$C || (templateObject_2$C = __makeTemplateObject(["\n flex-grow: 0;\n"], ["\n flex-grow: 0;\n"])));
|
|
6908
6931
|
var Description$4 = styled__default.default.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"])));
|
|
6909
|
-
var RetryButton$1 = styled__default.default(LoaderButton)(templateObject_4$
|
|
6910
|
-
var templateObject_1$
|
|
6932
|
+
var RetryButton$1 = styled__default.default(LoaderButton)(templateObject_4$k || (templateObject_4$k = __makeTemplateObject(["\n width: 200px;\n margin: 0 auto;\n"], ["\n width: 200px;\n margin: 0 auto;\n"])));
|
|
6933
|
+
var templateObject_1$I, templateObject_2$C, templateObject_3$q, templateObject_4$k;
|
|
6911
6934
|
|
|
6912
|
-
var ExitCaptureStyledButton = styled__default.default.button(templateObject_1$
|
|
6935
|
+
var ExitCaptureStyledButton = styled__default.default.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"])));
|
|
6913
6936
|
var ExitCaptureButton = function ExitCaptureButton(_a) {
|
|
6914
6937
|
var onClick = _a.onClick,
|
|
6915
6938
|
className = _a.className;
|
|
@@ -6953,7 +6976,7 @@ var ExitCaptureButton = function ExitCaptureButton(_a) {
|
|
|
6953
6976
|
y2: "19.75"
|
|
6954
6977
|
}))));
|
|
6955
6978
|
};
|
|
6956
|
-
var templateObject_1$
|
|
6979
|
+
var templateObject_1$H;
|
|
6957
6980
|
|
|
6958
6981
|
function IdCaptureLoadingGraphic(props) {
|
|
6959
6982
|
var isMobile = window.innerHeight > window.innerWidth;
|
|
@@ -7428,7 +7451,7 @@ function IdCaptureLoadingGraphicMobile(_a) {
|
|
|
7428
7451
|
fill: "white"
|
|
7429
7452
|
}))));
|
|
7430
7453
|
}
|
|
7431
|
-
var LoadingGraphicWrapper = styled__default.default.div(templateObject_1$
|
|
7454
|
+
var LoadingGraphicWrapper = styled__default.default.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"])));
|
|
7432
7455
|
var LoadingGraphicSvg = styled__default.default.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) {
|
|
7433
7456
|
return props.$frame > 1 ? 1 : props.$frame === 1 ? 1.25 : 0.75;
|
|
7434
7457
|
}, function (props) {
|
|
@@ -7439,10 +7462,10 @@ var LoadingGraphicSvg = styled__default.default.svg(templateObject_2$B || (templ
|
|
|
7439
7462
|
var LoadingGraphicCardGroup = styled__default.default.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) {
|
|
7440
7463
|
return props.$offScreen ? '-500px' : '0';
|
|
7441
7464
|
});
|
|
7442
|
-
var LoadingGraphicPhoneGroup = styled__default.default.g(templateObject_4$
|
|
7465
|
+
var LoadingGraphicPhoneGroup = styled__default.default.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) {
|
|
7443
7466
|
return props.$offScreen ? '40px' : '0';
|
|
7444
7467
|
});
|
|
7445
|
-
var templateObject_1$
|
|
7468
|
+
var templateObject_1$G, templateObject_2$B, templateObject_3$p, templateObject_4$j;
|
|
7446
7469
|
|
|
7447
7470
|
function LoadingListItemIndicator(_a) {
|
|
7448
7471
|
var _b = _a.state,
|
|
@@ -7711,7 +7734,7 @@ var IdCaptureLoadingOverlayDefault = function IdCaptureLoadingOverlayDefault(_a)
|
|
|
7711
7734
|
}
|
|
7712
7735
|
}, ready ? verbiage.continueText : verbiage.pleaseWaitText))))));
|
|
7713
7736
|
};
|
|
7714
|
-
var OverlayInner$1 = styled__default.default(LoadingOverlayInner)(templateObject_1$
|
|
7737
|
+
var OverlayInner$1 = styled__default.default(LoadingOverlayInner)(templateObject_1$F || (templateObject_1$F = __makeTemplateObject(["\n background: ", ";\n color: ", ";\n"], ["\n background: ", ";\n color: ", ";\n"])), function (props) {
|
|
7715
7738
|
var _a, _b, _c, _d;
|
|
7716
7739
|
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';
|
|
7717
7740
|
}, function (props) {
|
|
@@ -7720,7 +7743,7 @@ var OverlayInner$1 = styled__default.default(LoadingOverlayInner)(templateObject
|
|
|
7720
7743
|
});
|
|
7721
7744
|
var ContinuityCameraCheckboxContainer$1 = styled__default.default.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"])));
|
|
7722
7745
|
var ContinuityCameraCheckboxInner = styled__default.default(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"])));
|
|
7723
|
-
var ContinuityCameraCheckbox$1 = styled__default.default.input(templateObject_4$
|
|
7746
|
+
var ContinuityCameraCheckbox$1 = styled__default.default.input(templateObject_4$i || (templateObject_4$i = __makeTemplateObject(["\n margin: 0;\n"], ["\n margin: 0;\n"])));
|
|
7724
7747
|
var ButtonsRow$1 = styled__default.default(LoadingOverlayButtonsRow)(templateObject_5$c || (templateObject_5$c = __makeTemplateObject(["\n color: ", ";\n ", "\n"], ["\n color: ", ";\n ", "\n"])), function (props) {
|
|
7725
7748
|
var _a, _b, _c, _d;
|
|
7726
7749
|
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';
|
|
@@ -7758,9 +7781,9 @@ var ContinueButton$1 = styled__default.default(LoaderButton)(templateObject_8$3
|
|
|
7758
7781
|
var _a, _b, _c, _d;
|
|
7759
7782
|
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';
|
|
7760
7783
|
});
|
|
7761
|
-
var templateObject_1$
|
|
7784
|
+
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;
|
|
7762
7785
|
|
|
7763
|
-
var ContinuityCameraCheckboxContainer = styled__default.default.div(templateObject_1$
|
|
7786
|
+
var ContinuityCameraCheckboxContainer = styled__default.default.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"])));
|
|
7764
7787
|
var ContinuityCameraCheckbox = styled__default.default.input(templateObject_2$z || (templateObject_2$z = __makeTemplateObject(["\n margin-right: 8px;\n"], ["\n margin-right: 8px;\n"])));
|
|
7765
7788
|
var IdCaptureLoadingOverlayLegacy = function IdCaptureLoadingOverlayLegacy(_a) {
|
|
7766
7789
|
var _b, _c, _d, _e;
|
|
@@ -7882,7 +7905,7 @@ var IdCaptureLoadingOverlayLegacy = function IdCaptureLoadingOverlayLegacy(_a) {
|
|
|
7882
7905
|
}
|
|
7883
7906
|
}, ready ? verbiage.continueText : modelsReady ? verbiage.cameraInitializingText : modelDownloadProgress >= 100 ? verbiage.modelsWarmingUpText : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)"))));
|
|
7884
7907
|
};
|
|
7885
|
-
var templateObject_1$
|
|
7908
|
+
var templateObject_1$E, templateObject_2$z;
|
|
7886
7909
|
|
|
7887
7910
|
var components$1 = {
|
|
7888
7911
|
"default": IdCaptureLoadingOverlayDefault,
|
|
@@ -7940,9 +7963,9 @@ var CapturedDocumentImg = function CapturedDocumentImg(_a) {
|
|
|
7940
7963
|
});
|
|
7941
7964
|
};
|
|
7942
7965
|
|
|
7943
|
-
var Card = styled__default.default.div(templateObject_1$
|
|
7966
|
+
var Card = styled__default.default.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"])));
|
|
7944
7967
|
var FlexCard = styled__default.default(Card)(templateObject_2$y || (templateObject_2$y = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n"], ["\n display: flex;\n flex-direction: column;\n"])));
|
|
7945
|
-
var templateObject_1$
|
|
7968
|
+
var templateObject_1$D, templateObject_2$y;
|
|
7946
7969
|
|
|
7947
7970
|
var imageDisplayOrder = ['idCardFront', 'idCardBack', 'passport', 'singlePage', 'idFrontIrImage', 'idBackIrImage', 'idFrontUvImage', 'idBackUvImage'];
|
|
7948
7971
|
var IdCaptureSuccess = function IdCaptureSuccess(_a) {
|
|
@@ -8004,13 +8027,13 @@ var IdCaptureSuccess = function IdCaptureSuccess(_a) {
|
|
|
8004
8027
|
finished: true
|
|
8005
8028
|
}, verbiage.retryText)))));
|
|
8006
8029
|
};
|
|
8007
|
-
var Heading$a = styled__default.default.h1(templateObject_1$
|
|
8030
|
+
var Heading$a = styled__default.default.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"])));
|
|
8008
8031
|
var ImagesContainer = styled__default.default(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"])));
|
|
8009
8032
|
var ImageRow = styled__default.default(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"])));
|
|
8010
|
-
var ImageCol$1 = styled__default.default.div(templateObject_4$
|
|
8033
|
+
var ImageCol$1 = styled__default.default.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"])));
|
|
8011
8034
|
var StyledImage = styled__default.default(CapturedDocumentImg)(templateObject_5$b || (templateObject_5$b = __makeTemplateObject(["\n width: 100%;\n border-radius: 12px;\n"], ["\n width: 100%;\n border-radius: 12px;\n"])));
|
|
8012
8035
|
var DebugPre = styled__default.default.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"])));
|
|
8013
|
-
var templateObject_1$
|
|
8036
|
+
var templateObject_1$C, templateObject_2$x, templateObject_3$n, templateObject_4$h, templateObject_5$b, templateObject_6$7;
|
|
8014
8037
|
|
|
8015
8038
|
function useShowSuccessScreen(skipSuccessScreen, successScreenReady, onDoneCallback) {
|
|
8016
8039
|
var _this = this;
|
|
@@ -8062,7 +8085,7 @@ function resetCanvasDimensions(canvas) {
|
|
|
8062
8085
|
canvas.style.height = '0';
|
|
8063
8086
|
}
|
|
8064
8087
|
|
|
8065
|
-
var IdCardGuideImageContainer = styled__default.default(IdCardBorder)(templateObject_1$
|
|
8088
|
+
var IdCardGuideImageContainer = styled__default.default(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) {
|
|
8066
8089
|
return props.$isVisible ? '' : 'opacity: 0;';
|
|
8067
8090
|
}, function (props) {
|
|
8068
8091
|
return props.$isMobile ? props.$isLandscape ? 'height: 100%;' : 'width: 80%;' : props.$isLandscape ? 'height: 70%;' : 'width: 82%;';
|
|
@@ -8218,7 +8241,7 @@ function IdCardBorderSvg(_a) {
|
|
|
8218
8241
|
}));
|
|
8219
8242
|
}
|
|
8220
8243
|
var IdCardBorderContainer = styled__default.default.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);
|
|
8221
|
-
var IdCardBorderInner = styled__default.default.div(templateObject_4$
|
|
8244
|
+
var IdCardBorderInner = styled__default.default.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"])));
|
|
8222
8245
|
var SvgOverlay = styled__default.default.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"])));
|
|
8223
8246
|
var IdCardBorderRect = styled__default.default.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) {
|
|
8224
8247
|
var _a;
|
|
@@ -8227,7 +8250,7 @@ var IdCardBorderRect = styled__default.default.rect(templateObject_6$6 || (templ
|
|
|
8227
8250
|
var _a;
|
|
8228
8251
|
return (_a = props.$fillMode) !== null && _a !== void 0 ? _a : 'forwards';
|
|
8229
8252
|
});
|
|
8230
|
-
var templateObject_1$
|
|
8253
|
+
var templateObject_1$B, templateObject_2$w, templateObject_3$m, templateObject_4$g, templateObject_5$a, templateObject_6$6;
|
|
8231
8254
|
|
|
8232
8255
|
var defaultIdCaptureGuideImages = {
|
|
8233
8256
|
portrait: {
|
|
@@ -8416,7 +8439,7 @@ var IdVideoCaptureFlipIdPrompt = function IdVideoCaptureFlipIdPrompt(_a) {
|
|
|
8416
8439
|
style: imageStyle
|
|
8417
8440
|
})));
|
|
8418
8441
|
};
|
|
8419
|
-
var Wrapper$1 = styled__default.default.div(templateObject_1$
|
|
8442
|
+
var Wrapper$1 = styled__default.default.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) {
|
|
8420
8443
|
return props.$isLandscape ? 'height: 100%;' : 'height: 100%;';
|
|
8421
8444
|
});
|
|
8422
8445
|
var FlipImageContainer = styled__default.default(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) {
|
|
@@ -8424,7 +8447,7 @@ var FlipImageContainer = styled__default.default(IdCardGuideImageContainer)(temp
|
|
|
8424
8447
|
}, function (props) {
|
|
8425
8448
|
return props.$transforms;
|
|
8426
8449
|
});
|
|
8427
|
-
var templateObject_1$
|
|
8450
|
+
var templateObject_1$A, templateObject_2$v;
|
|
8428
8451
|
|
|
8429
8452
|
var GuideOrientationContext = /*#__PURE__*/React.createContext({
|
|
8430
8453
|
orientation: 'landscape',
|
|
@@ -8563,10 +8586,10 @@ var FlipIdPrompt = function FlipIdPrompt(_a) {
|
|
|
8563
8586
|
height: height
|
|
8564
8587
|
})));
|
|
8565
8588
|
};
|
|
8566
|
-
var Wrapper = styled__default.default.div(templateObject_1$
|
|
8589
|
+
var Wrapper = styled__default.default.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) {
|
|
8567
8590
|
return props.$isMobile ? props.$isLandscape ? 'height: 100%;' : 'width: 80%;' : props.$isLandscape ? 'height: 70%;' : 'width: 82%;';
|
|
8568
8591
|
});
|
|
8569
|
-
var templateObject_1$
|
|
8592
|
+
var templateObject_1$z;
|
|
8570
8593
|
|
|
8571
8594
|
var IdCaptureGuideOverlay = function IdCaptureGuideOverlay(_a) {
|
|
8572
8595
|
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
|
|
@@ -8712,10 +8735,10 @@ var regionClsx = function regionClsx(classNames, which) {
|
|
|
8712
8735
|
return v;
|
|
8713
8736
|
}).join(' ');
|
|
8714
8737
|
};
|
|
8715
|
-
var StyledPageContainer = styled__default.default.div(templateObject_1$
|
|
8738
|
+
var StyledPageContainer = styled__default.default.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"])));
|
|
8716
8739
|
var GuidesContainer = styled__default.default.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"])));
|
|
8717
8740
|
var GuideCenterRow = styled__default.default.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"])));
|
|
8718
|
-
var GuideRegion = styled__default.default.div(templateObject_4$
|
|
8741
|
+
var GuideRegion = styled__default.default.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) {
|
|
8719
8742
|
var _a, _b, _c, _d, _e;
|
|
8720
8743
|
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)';
|
|
8721
8744
|
}, function (props) {
|
|
@@ -8742,7 +8765,7 @@ var GuideText = styled__default.default.span(templateObject_8$2 || (templateObje
|
|
|
8742
8765
|
var GuideCenterInner = styled__default.default.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) {
|
|
8743
8766
|
return props.$isLandscape ? 'height: 100%;' : 'width: 90%;';
|
|
8744
8767
|
});
|
|
8745
|
-
var templateObject_1$
|
|
8768
|
+
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;
|
|
8746
8769
|
|
|
8747
8770
|
var IdCaptureFitGuide = function IdCaptureFitGuide(_a) {
|
|
8748
8771
|
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
|
|
@@ -8883,11 +8906,11 @@ var IdCaptureFitGuide = function IdCaptureFitGuide(_a) {
|
|
|
8883
8906
|
progress: progress
|
|
8884
8907
|
}));
|
|
8885
8908
|
};
|
|
8886
|
-
var CanvasWrapper$1 = styled__default.default.div(templateObject_1$
|
|
8909
|
+
var CanvasWrapper$1 = styled__default.default.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) {
|
|
8887
8910
|
return props.$maskColor;
|
|
8888
8911
|
});
|
|
8889
8912
|
var Canvas$1 = styled__default.default.canvas(templateObject_2$t || (templateObject_2$t = __makeTemplateObject(["\n display: block;\n"], ["\n display: block;\n"])));
|
|
8890
|
-
var templateObject_1$
|
|
8913
|
+
var templateObject_1$x, templateObject_2$t;
|
|
8891
8914
|
|
|
8892
8915
|
function IdCaptureGuides(_a) {
|
|
8893
8916
|
var _b = _a.guideType,
|
|
@@ -8943,7 +8966,7 @@ function IdCaptureGuides(_a) {
|
|
|
8943
8966
|
})));
|
|
8944
8967
|
}
|
|
8945
8968
|
|
|
8946
|
-
var Spinner = styled__default.default.div(templateObject_1$
|
|
8969
|
+
var Spinner = styled__default.default.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) {
|
|
8947
8970
|
var $size = _a.$size;
|
|
8948
8971
|
return $size !== null && $size !== void 0 ? $size : 80;
|
|
8949
8972
|
}, function (_a) {
|
|
@@ -8972,7 +8995,7 @@ var SpinnerPageContainer = styled__default.default.div(templateObject_2$s || (te
|
|
|
8972
8995
|
function SpinnerPage() {
|
|
8973
8996
|
return /*#__PURE__*/React__namespace.default.createElement(SpinnerPageContainer, null, /*#__PURE__*/React__namespace.default.createElement(Spinner, null));
|
|
8974
8997
|
}
|
|
8975
|
-
var templateObject_1$
|
|
8998
|
+
var templateObject_1$w, templateObject_2$s;
|
|
8976
8999
|
|
|
8977
9000
|
var IdCaptureImagePreview = function IdCaptureImagePreview(_a) {
|
|
8978
9001
|
var _b = _a.classNames,
|
|
@@ -9059,11 +9082,11 @@ var SelfieProgressPreview = function SelfieProgressPreview(_a) {
|
|
|
9059
9082
|
onError: onError
|
|
9060
9083
|
})));
|
|
9061
9084
|
};
|
|
9062
|
-
var StyledSpinner = styled__default.default(Spinner)(templateObject_1$
|
|
9085
|
+
var StyledSpinner = styled__default.default(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"])));
|
|
9063
9086
|
var ImagePreviewWrapper = styled__default.default.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"])));
|
|
9064
9087
|
var ImagePreviewText = styled__default.default.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"])));
|
|
9065
|
-
var ImagePreviewImageWrapper = styled__default.default.div(templateObject_4$
|
|
9066
|
-
var templateObject_1$
|
|
9088
|
+
var ImagePreviewImageWrapper = styled__default.default.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"])));
|
|
9089
|
+
var templateObject_1$v, templateObject_2$r, templateObject_3$k, templateObject_4$e;
|
|
9067
9090
|
|
|
9068
9091
|
var documentCaptureInitialState = {
|
|
9069
9092
|
documents: [],
|
|
@@ -9409,16 +9432,16 @@ var DocumentCaptureGuideOverlay = function DocumentCaptureGuideOverlay(_a) {
|
|
|
9409
9432
|
ref: canvasRef
|
|
9410
9433
|
}));
|
|
9411
9434
|
};
|
|
9412
|
-
var CanvasWrapper = styled__default.default.div(templateObject_1$
|
|
9435
|
+
var CanvasWrapper = styled__default.default.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) {
|
|
9413
9436
|
return props.$maskColor;
|
|
9414
9437
|
});
|
|
9415
9438
|
var Canvas = styled__default.default.canvas(templateObject_2$q || (templateObject_2$q = __makeTemplateObject(["\n display: block;\n"], ["\n display: block;\n"])));
|
|
9416
|
-
var templateObject_1$
|
|
9439
|
+
var templateObject_1$u, templateObject_2$q;
|
|
9417
9440
|
|
|
9418
|
-
var CameraFeedWrapper = styled__default.default.div(templateObject_1$
|
|
9441
|
+
var CameraFeedWrapper = styled__default.default.div(templateObject_1$t || (templateObject_1$t = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
9419
9442
|
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;") : "";
|
|
9420
9443
|
});
|
|
9421
|
-
var templateObject_1$
|
|
9444
|
+
var templateObject_1$t;
|
|
9422
9445
|
|
|
9423
9446
|
var CameraVideoTag = function CameraVideoTag(props) {
|
|
9424
9447
|
var _a = useCameraStore(shallow.useShallow(function (store) {
|
|
@@ -9448,10 +9471,10 @@ var CameraVideoTag = function CameraVideoTag(props) {
|
|
|
9448
9471
|
"$isRearFacing": isRearFacing
|
|
9449
9472
|
}, props));
|
|
9450
9473
|
};
|
|
9451
|
-
var FullscreenVideoTag = styled__default.default.video(templateObject_1$
|
|
9474
|
+
var FullscreenVideoTag = styled__default.default.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) {
|
|
9452
9475
|
return props.$isRearFacing ? '' : 'scaleX(-1)';
|
|
9453
9476
|
});
|
|
9454
|
-
var templateObject_1$
|
|
9477
|
+
var templateObject_1$s;
|
|
9455
9478
|
|
|
9456
9479
|
var DocumentCaptureScreen = function DocumentCaptureScreen(_a) {
|
|
9457
9480
|
var _b, _c, _d, _e;
|
|
@@ -9598,12 +9621,12 @@ var DocumentCaptureScreen = function DocumentCaptureScreen(_a) {
|
|
|
9598
9621
|
disabled: !cameraReady || capturing
|
|
9599
9622
|
}, !cameraReady ? verbiage.loadingBtnText : capturing ? verbiage.capturingBtnText : verbiage.captureBtnText))))));
|
|
9600
9623
|
};
|
|
9601
|
-
var CaptureContainer = styled__default.default.div(templateObject_1$
|
|
9624
|
+
var CaptureContainer = styled__default.default.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"])));
|
|
9602
9625
|
var HeadingRow = styled__default.default.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) {
|
|
9603
9626
|
return props.$maskColor;
|
|
9604
9627
|
});
|
|
9605
9628
|
var Heading$9 = styled__default.default.h1(templateObject_3$j || (templateObject_3$j = __makeTemplateObject(["\n font-size: 22px;\n"], ["\n font-size: 22px;\n"])));
|
|
9606
|
-
var FooterRow = styled__default.default.div(templateObject_4$
|
|
9629
|
+
var FooterRow = styled__default.default.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) {
|
|
9607
9630
|
return props.$maskColor;
|
|
9608
9631
|
});
|
|
9609
9632
|
var Instructions = styled__default.default.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) {
|
|
@@ -9612,7 +9635,7 @@ var Instructions = styled__default.default.div(templateObject_5$8 || (templateOb
|
|
|
9612
9635
|
});
|
|
9613
9636
|
var StyledButtonsRow$8 = styled__default.default(ButtonsRow$2)(templateObject_6$4 || (templateObject_6$4 = __makeTemplateObject(["\n padding-top: 20px;\n"], ["\n padding-top: 20px;\n"])));
|
|
9614
9637
|
var PreviewImage = styled__default.default.img(templateObject_7$2 || (templateObject_7$2 = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n object-fit: cover;\n"], ["\n width: 100%;\n height: 100%;\n object-fit: cover;\n"])));
|
|
9615
|
-
var templateObject_1$
|
|
9638
|
+
var templateObject_1$r, templateObject_2$p, templateObject_3$j, templateObject_4$d, templateObject_5$8, templateObject_6$4, templateObject_7$2;
|
|
9616
9639
|
|
|
9617
9640
|
var DocumentCaptureWizard = function DocumentCaptureWizard(_a) {
|
|
9618
9641
|
var onSuccess = _a.onSuccess,
|
|
@@ -9883,13 +9906,13 @@ var IdCaptureFallback = function IdCaptureFallback(_a) {
|
|
|
9883
9906
|
}
|
|
9884
9907
|
}, verbiage.doneBtnText))))));
|
|
9885
9908
|
};
|
|
9886
|
-
var StyledOverlayInner$2 = styled__default.default(OverlayInner$2)(templateObject_1$
|
|
9909
|
+
var StyledOverlayInner$2 = styled__default.default(OverlayInner$2)(templateObject_1$q || (templateObject_1$q = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
9887
9910
|
var Heading$8 = styled__default.default.h3(templateObject_2$o || (templateObject_2$o = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
9888
9911
|
var Description$3 = styled__default.default.p(templateObject_3$i || (templateObject_3$i = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
9889
|
-
var Instruction = styled__default.default.p(templateObject_4$
|
|
9912
|
+
var Instruction = styled__default.default.p(templateObject_4$c || (templateObject_4$c = __makeTemplateObject(["\n font-weight: bold;\n"], ["\n font-weight: bold;\n"])));
|
|
9890
9913
|
var ImageCol = styled__default.default.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"])));
|
|
9891
9914
|
var StyledButtonsRow$7 = styled__default.default(ButtonsRow$2)(templateObject_6$3 || (templateObject_6$3 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
9892
|
-
var templateObject_1$
|
|
9915
|
+
var templateObject_1$q, templateObject_2$o, templateObject_3$i, templateObject_4$c, templateObject_5$7, templateObject_6$3;
|
|
9893
9916
|
|
|
9894
9917
|
function ScalingCameraFeed() {
|
|
9895
9918
|
var _a = useIdCaptureStore(),
|
|
@@ -10241,13 +10264,13 @@ function FilePickerButton(_a) {
|
|
|
10241
10264
|
}
|
|
10242
10265
|
}, file ? "".concat(file.name, " (").concat(humanFileSize(file.size), ")") : filePickerLoading ? loadingText : children));
|
|
10243
10266
|
}
|
|
10244
|
-
var ScreenContainer = styled__default.default.div(templateObject_1$
|
|
10267
|
+
var ScreenContainer = styled__default.default.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) {
|
|
10245
10268
|
var _a;
|
|
10246
10269
|
return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
|
|
10247
10270
|
});
|
|
10248
10271
|
var ScreenPanel = styled__default.default.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"])));
|
|
10249
10272
|
var SelectIdCardScreenPanel = styled__default.default(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"])));
|
|
10250
|
-
var ScreenPanelHeading = styled__default.default.h3(templateObject_4$
|
|
10273
|
+
var ScreenPanelHeading = styled__default.default.h3(templateObject_4$b || (templateObject_4$b = __makeTemplateObject(["\n margin: 0 0 30px;\n"], ["\n margin: 0 0 30px;\n"])));
|
|
10251
10274
|
var ScreenActionsBar = styled__default.default.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"])));
|
|
10252
10275
|
var DashedSeparator = styled__default.default.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"])));
|
|
10253
10276
|
var OrWrapper = styled__default.default.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"])));
|
|
@@ -10530,7 +10553,7 @@ function humanFileSize(bytes, si, dp) {
|
|
|
10530
10553
|
} while (Math.round(Math.abs(bytes) * r) / r >= thresh && u < units.length - 1);
|
|
10531
10554
|
return bytes.toFixed(dp) + ' ' + units[u];
|
|
10532
10555
|
}
|
|
10533
|
-
var templateObject_1$
|
|
10556
|
+
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;
|
|
10534
10557
|
|
|
10535
10558
|
var IdCaptureWizard = function IdCaptureWizard(_a) {
|
|
10536
10559
|
var _b, _c, _d, _e, _f;
|
|
@@ -11257,7 +11280,7 @@ var HeadGuideSvg = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
11257
11280
|
}))));
|
|
11258
11281
|
});
|
|
11259
11282
|
HeadGuideSvg.displayName = 'HeadGuideSvg';
|
|
11260
|
-
var PulsingHeadGuideContainer = styled__default.default.div(templateObject_1$
|
|
11283
|
+
var PulsingHeadGuideContainer = styled__default.default.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);
|
|
11261
11284
|
function HeadGuide(_a) {
|
|
11262
11285
|
var _b, _c, _d, _e, _f, _g, _h;
|
|
11263
11286
|
var _j = _a.status,
|
|
@@ -11538,9 +11561,9 @@ function SelfieCaptureAnimatedMaskWithStatus(_a) {
|
|
|
11538
11561
|
status: status
|
|
11539
11562
|
}));
|
|
11540
11563
|
}
|
|
11541
|
-
var templateObject_1$
|
|
11564
|
+
var templateObject_1$o, templateObject_2$m, templateObject_3$g;
|
|
11542
11565
|
|
|
11543
|
-
var FaceCaptureGuideContainer = styled__default.default.div(templateObject_1$
|
|
11566
|
+
var FaceCaptureGuideContainer = styled__default.default.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"])));
|
|
11544
11567
|
var FaceCaptureGuideInner = styled__default.default.div(templateObject_2$l || (templateObject_2$l = __makeTemplateObject(["\n position: relative;\n height: 60%;\n"], ["\n position: relative;\n height: 60%;\n"])));
|
|
11545
11568
|
var FaceCaptureGuideOverlay = function FaceCaptureGuideOverlay(_a) {
|
|
11546
11569
|
var _b = _a.classNames,
|
|
@@ -11563,7 +11586,7 @@ var FaceCaptureGuideOverlay = function FaceCaptureGuideOverlay(_a) {
|
|
|
11563
11586
|
verticalAlign: "center"
|
|
11564
11587
|
})));
|
|
11565
11588
|
};
|
|
11566
|
-
var templateObject_1$
|
|
11589
|
+
var templateObject_1$n, templateObject_2$l;
|
|
11567
11590
|
|
|
11568
11591
|
var SelfieGuidanceModelsContext = /*#__PURE__*/React.createContext({
|
|
11569
11592
|
start: function start() {
|
|
@@ -11891,12 +11914,12 @@ var SelfieCaptureFallback = function SelfieCaptureFallback(_a) {
|
|
|
11891
11914
|
}
|
|
11892
11915
|
}, !image ? invalidSelfie ? verbiage.retryButtonText : verbiage.captureBtnText : loading ? verbiage.doneBtnLoadingText : verbiage.doneBtnText)))));
|
|
11893
11916
|
};
|
|
11894
|
-
var StyledOverlayInner$1 = styled__default.default(OverlayInner$2)(templateObject_1$
|
|
11917
|
+
var StyledOverlayInner$1 = styled__default.default(OverlayInner$2)(templateObject_1$m || (templateObject_1$m = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
11895
11918
|
var Heading$7 = styled__default.default.h3(templateObject_2$k || (templateObject_2$k = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
11896
11919
|
var Description$2 = styled__default.default.p(templateObject_3$f || (templateObject_3$f = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
11897
|
-
var ImageContainer$6 = styled__default.default(OverlayImageContainer)(templateObject_4$
|
|
11920
|
+
var ImageContainer$6 = styled__default.default(OverlayImageContainer)(templateObject_4$a || (templateObject_4$a = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
11898
11921
|
var StyledButtonsRow$6 = styled__default.default(ButtonsRow$2)(templateObject_5$5 || (templateObject_5$5 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
11899
|
-
var templateObject_1$
|
|
11922
|
+
var templateObject_1$m, templateObject_2$k, templateObject_3$f, templateObject_4$a, templateObject_5$5;
|
|
11900
11923
|
|
|
11901
11924
|
var initialState$4 = {
|
|
11902
11925
|
busy: false,
|
|
@@ -12040,7 +12063,7 @@ var SelfieCapture = function SelfieCapture(_a) {
|
|
|
12040
12063
|
var allowManualCapture = !!guidanceError && allowManualSelfieCaptureOnLoadingError;
|
|
12041
12064
|
var satisfied = allowManualCapture || ((_b = prediction === null || prediction === void 0 ? void 0 : prediction.faceReady) !== null && _b !== void 0 ? _b : false);
|
|
12042
12065
|
if (typeof guidanceSatisfied === 'boolean') satisfied = guidanceSatisfied;
|
|
12043
|
-
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 : '');
|
|
12066
|
+
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 : '');
|
|
12044
12067
|
if (guidanceError && !allowManualSelfieCaptureOnLoadingError) {
|
|
12045
12068
|
return /*#__PURE__*/React__namespace.default.createElement(SelfieCaptureFallback, {
|
|
12046
12069
|
classNames: classNames.fallback
|
|
@@ -12066,7 +12089,7 @@ var SelfieCapture = function SelfieCapture(_a) {
|
|
|
12066
12089
|
face: prediction.face,
|
|
12067
12090
|
scaling: debugScalingDetails,
|
|
12068
12091
|
color: satisfied ? 'green' : 'red'
|
|
12069
|
-
}))), debugMode && ( /*#__PURE__*/React__namespace.default.createElement(DebugStatsPane, null, camera ? ( /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, "\u2705 Camera: ", camera.label, " (", camera.width, "x", camera.height, ")")) : '❌ Camera not ready', /*#__PURE__*/React__namespace.default.createElement("br", null), !(prediction === null || prediction === void 0 ? void 0 : prediction.faceNotDetected) ? '✅' : '❌', " Face Detected", /*#__PURE__*/React__namespace.default.createElement("br", null), !(prediction === null || prediction === void 0 ? void 0 : prediction.faceNotCentered) ? '✅' : '❌', " Face Centered", /*#__PURE__*/React__namespace.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__namespace.default.createElement("br", null), !(prediction === null || prediction === void 0 ? void 0 : prediction.faceLookingAway) ? '✅' : '❌', " Face Looking Forward", /*#__PURE__*/React__namespace.default.createElement("br", null), !(prediction === null || prediction === void 0 ? void 0 : prediction.faceIsStable) ? '✅' : '❌', " Face Is Stable", /*#__PURE__*/React__namespace.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__namespace.default.createElement(CaptureButtonContainer$1, {
|
|
12092
|
+
}))), debugMode && ( /*#__PURE__*/React__namespace.default.createElement(DebugStatsPane, null, camera ? ( /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, "\u2705 Camera: ", camera.label, " (", camera.width, "x", camera.height, ")")) : '❌ Camera not ready', /*#__PURE__*/React__namespace.default.createElement("br", null), !(prediction === null || prediction === void 0 ? void 0 : prediction.faceNotDetected) ? '✅' : '❌', " Face Detected", /*#__PURE__*/React__namespace.default.createElement("br", null), !(prediction === null || prediction === void 0 ? void 0 : prediction.faceNotCentered) ? '✅' : '❌', " Face Centered", /*#__PURE__*/React__namespace.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__namespace.default.createElement("br", null), !(prediction === null || prediction === void 0 ? void 0 : prediction.faceLookingAway) ? '✅' : '❌', " Face Looking Forward", /*#__PURE__*/React__namespace.default.createElement("br", null), !(prediction === null || prediction === void 0 ? void 0 : prediction.faceIsStable) ? '✅' : '❌', " Face Is Stable", /*#__PURE__*/React__namespace.default.createElement("br", null), !(prediction === null || prediction === void 0 ? void 0 : prediction.noseIsStable) ? '✅' : '❌', " Nose Is Stable", /*#__PURE__*/React__namespace.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__namespace.default.createElement(CaptureButtonContainer$1, {
|
|
12070
12093
|
className: classNames.manualCaptureBtnContainer
|
|
12071
12094
|
}, /*#__PURE__*/React__namespace.default.createElement(CaptureButton$1, {
|
|
12072
12095
|
className: classNames.manualCaptureBtn,
|
|
@@ -12087,10 +12110,10 @@ var SelfieCapture = function SelfieCapture(_a) {
|
|
|
12087
12110
|
className: classNames.exitCaptureBtn
|
|
12088
12111
|
}));
|
|
12089
12112
|
};
|
|
12090
|
-
var Container$6 = styled__default.default.div(templateObject_1$
|
|
12113
|
+
var Container$6 = styled__default.default.div(templateObject_1$l || (templateObject_1$l = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n"], ["\n width: 100%;\n height: 100%;\n"])));
|
|
12091
12114
|
var CaptureButtonContainer$1 = styled__default.default.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"])));
|
|
12092
12115
|
var CaptureButton$1 = styled__default.default(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"])));
|
|
12093
|
-
var templateObject_1$
|
|
12116
|
+
var templateObject_1$l, templateObject_2$j, templateObject_3$e;
|
|
12094
12117
|
|
|
12095
12118
|
var initialState$3 = {
|
|
12096
12119
|
requestState: 'CAPTURING',
|
|
@@ -12476,9 +12499,9 @@ var FaceLivenessSuccess = function FaceLivenessSuccess(_a) {
|
|
|
12476
12499
|
finished: true
|
|
12477
12500
|
}, verbiage.retryBtnText)))));
|
|
12478
12501
|
};
|
|
12479
|
-
var ImageContainer$5 = styled__default.default.div(templateObject_1$
|
|
12502
|
+
var ImageContainer$5 = styled__default.default.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"])));
|
|
12480
12503
|
var Heading$6 = styled__default.default.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"])));
|
|
12481
|
-
var templateObject_1$
|
|
12504
|
+
var templateObject_1$k, templateObject_2$i;
|
|
12482
12505
|
|
|
12483
12506
|
var FaceLivenessFailure = function FaceLivenessFailure(_a) {
|
|
12484
12507
|
var _b = _a.canRetry,
|
|
@@ -12527,9 +12550,9 @@ var FaceLivenessFailure = function FaceLivenessFailure(_a) {
|
|
|
12527
12550
|
finished: true
|
|
12528
12551
|
}, verbiage.exitBtnText)))));
|
|
12529
12552
|
};
|
|
12530
|
-
var ImageContainer$4 = styled__default.default(OverlayImageContainer)(templateObject_1$
|
|
12553
|
+
var ImageContainer$4 = styled__default.default(OverlayImageContainer)(templateObject_1$j || (templateObject_1$j = __makeTemplateObject(["\n max-height: calc(100vh - 185px);\n"], ["\n max-height: calc(100vh - 185px);\n"])));
|
|
12531
12554
|
var Heading$5 = styled__default.default.h3(templateObject_2$h || (templateObject_2$h = __makeTemplateObject(["\n margin-bottom: 36px;\n"], ["\n margin-bottom: 36px;\n"])));
|
|
12532
|
-
var templateObject_1$
|
|
12555
|
+
var templateObject_1$j, templateObject_2$h;
|
|
12533
12556
|
|
|
12534
12557
|
var MicrophoneAccessDeniedOverlay = function MicrophoneAccessDeniedOverlay(_a) {
|
|
12535
12558
|
var _b;
|
|
@@ -12572,11 +12595,11 @@ var MicrophoneAccessDeniedOverlay = function MicrophoneAccessDeniedOverlay(_a) {
|
|
|
12572
12595
|
finished: true
|
|
12573
12596
|
}, verbiage.retryBtnText)));
|
|
12574
12597
|
};
|
|
12575
|
-
var StyledOverlayInner = styled__default.default(OverlayInner$2)(templateObject_1$
|
|
12598
|
+
var StyledOverlayInner = styled__default.default(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"])));
|
|
12576
12599
|
var StyledOverlayImageContainer = styled__default.default(OverlayImageContainer)(templateObject_2$g || (templateObject_2$g = __makeTemplateObject(["\n flex-grow: 0;\n"], ["\n flex-grow: 0;\n"])));
|
|
12577
12600
|
var Description$1 = styled__default.default.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"])));
|
|
12578
|
-
var RetryButton = styled__default.default(LoaderButton)(templateObject_4$
|
|
12579
|
-
var templateObject_1$
|
|
12601
|
+
var RetryButton = styled__default.default(LoaderButton)(templateObject_4$9 || (templateObject_4$9 = __makeTemplateObject(["\n width: 200px;\n margin: 0 auto;\n"], ["\n width: 200px;\n margin: 0 auto;\n"])));
|
|
12602
|
+
var templateObject_1$i, templateObject_2$g, templateObject_3$d, templateObject_4$9;
|
|
12580
12603
|
|
|
12581
12604
|
var SelfieCaptureLoadingOverlayLegacy = function SelfieCaptureLoadingOverlayLegacy(_a) {
|
|
12582
12605
|
var onDismissed = _a.onDismissed,
|
|
@@ -12668,9 +12691,9 @@ var SelfieCaptureLoadingOverlayLegacy = function SelfieCaptureLoadingOverlayLega
|
|
|
12668
12691
|
}
|
|
12669
12692
|
}, ready ? verbiage.continueText : allModelsReady ? verbiage.cameraInitializingText : modelDownloadProgress >= 100 ? "".concat(verbiage.modelsWarmingUpText) : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)")))));
|
|
12670
12693
|
};
|
|
12671
|
-
var StyledGuidanceMessage = styled__default.default(GuidanceMessage)(templateObject_1$
|
|
12694
|
+
var StyledGuidanceMessage = styled__default.default(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"])));
|
|
12672
12695
|
var StyledButtonsRow$5 = styled__default.default(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"])));
|
|
12673
|
-
var templateObject_1$
|
|
12696
|
+
var templateObject_1$h, templateObject_2$f;
|
|
12674
12697
|
|
|
12675
12698
|
var legacyInstructionImageUrl = "".concat(DEFAULT_CDN_URL, "/Selfie-Image-1.png");
|
|
12676
12699
|
var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDefault(_a) {
|
|
@@ -12838,7 +12861,7 @@ var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDef
|
|
|
12838
12861
|
}
|
|
12839
12862
|
}, ready ? verbiage.continueText : verbiage.pleaseWaitText))))));
|
|
12840
12863
|
};
|
|
12841
|
-
var OverlayInner = styled__default.default(LoadingOverlayInner)(templateObject_1$
|
|
12864
|
+
var OverlayInner = styled__default.default(LoadingOverlayInner)(templateObject_1$g || (templateObject_1$g = __makeTemplateObject(["\n background: ", ";\n color: ", ";\n"], ["\n background: ", ";\n color: ", ";\n"])), function (props) {
|
|
12842
12865
|
var _a, _b, _c, _d;
|
|
12843
12866
|
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';
|
|
12844
12867
|
}, function (props) {
|
|
@@ -12859,7 +12882,7 @@ var ProgressBarBackground = styled__default.default(LoadingOverlayProgressBarBac
|
|
|
12859
12882
|
var _a, _b, _c, _d;
|
|
12860
12883
|
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;
|
|
12861
12884
|
});
|
|
12862
|
-
var ProgressIndicator = styled__default.default(LoadingOverlayProgressIndicator)(templateObject_4$
|
|
12885
|
+
var ProgressIndicator = styled__default.default(LoadingOverlayProgressIndicator)(templateObject_4$8 || (templateObject_4$8 = __makeTemplateObject(["\n background: ", ";\n"], ["\n background: ", ";\n"])), function (props) {
|
|
12863
12886
|
var _a, _b, _c, _d;
|
|
12864
12887
|
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)';
|
|
12865
12888
|
});
|
|
@@ -12882,7 +12905,7 @@ var ContinueButton = styled__default.default(LoaderButton)(templateObject_5$4 ||
|
|
|
12882
12905
|
var _a, _b, _c, _d;
|
|
12883
12906
|
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';
|
|
12884
12907
|
});
|
|
12885
|
-
var templateObject_1$
|
|
12908
|
+
var templateObject_1$g, templateObject_2$e, templateObject_3$c, templateObject_4$8, templateObject_5$4;
|
|
12886
12909
|
|
|
12887
12910
|
var components = {
|
|
12888
12911
|
"default": SelfieCaptureLoadingOverlayDefault,
|
|
@@ -13237,13 +13260,13 @@ var SubmissionSuccess = function SubmissionSuccess() {
|
|
|
13237
13260
|
}
|
|
13238
13261
|
}, truncateImages ? 'Display full images' : 'Truncate images'), /*#__PURE__*/React__namespace.default.createElement("h5", null, "Request Body"), /*#__PURE__*/React__namespace.default.createElement("pre", null, requestBodyDisplay))), /*#__PURE__*/React__namespace.default.createElement("h5", null, "Response Body"), /*#__PURE__*/React__namespace.default.createElement("pre", null, JSON.stringify(submissionResponse, null, 2)));
|
|
13239
13262
|
};
|
|
13240
|
-
var Container$5 = styled__default.default.div(templateObject_1$
|
|
13263
|
+
var Container$5 = styled__default.default.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"])));
|
|
13241
13264
|
function truncate(str, max_chars) {
|
|
13242
13265
|
var truncated = str.split('').splice(0, max_chars).join('');
|
|
13243
13266
|
if (truncated.length < str.length) truncated += '...';
|
|
13244
13267
|
return truncated;
|
|
13245
13268
|
}
|
|
13246
|
-
var templateObject_1$
|
|
13269
|
+
var templateObject_1$f;
|
|
13247
13270
|
|
|
13248
13271
|
var AdditionalDocumentCapture = function AdditionalDocumentCapture(_a) {
|
|
13249
13272
|
var document = _a.document,
|
|
@@ -13319,11 +13342,11 @@ var AdditionalDocumentCapture = function AdditionalDocumentCapture(_a) {
|
|
|
13319
13342
|
}
|
|
13320
13343
|
}, verbiage.captureBtnText)))));
|
|
13321
13344
|
};
|
|
13322
|
-
var Inner$2 = styled__default.default(OverlayInner$2)(templateObject_1$
|
|
13345
|
+
var Inner$2 = styled__default.default(OverlayInner$2)(templateObject_1$e || (templateObject_1$e = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
13323
13346
|
var Heading$4 = styled__default.default.h3(templateObject_2$d || (templateObject_2$d = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
13324
13347
|
var Description = styled__default.default.p(templateObject_3$b || (templateObject_3$b = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
13325
|
-
var StyledButtonsRow$4 = styled__default.default(ButtonsRow$2)(templateObject_4$
|
|
13326
|
-
var templateObject_1$
|
|
13348
|
+
var StyledButtonsRow$4 = styled__default.default(ButtonsRow$2)(templateObject_4$7 || (templateObject_4$7 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
13349
|
+
var templateObject_1$e, templateObject_2$d, templateObject_3$b, templateObject_4$7;
|
|
13327
13350
|
|
|
13328
13351
|
var AdditionalDocumentCaptureWizard = function AdditionalDocumentCaptureWizard(_a) {
|
|
13329
13352
|
var documents = _a.documents,
|
|
@@ -13473,7 +13496,7 @@ function convertSVGtoImg(svgData_1) {
|
|
|
13473
13496
|
});
|
|
13474
13497
|
}
|
|
13475
13498
|
|
|
13476
|
-
var SignaturePaperBacking = styled__default.default.div(templateObject_1$
|
|
13499
|
+
var SignaturePaperBacking = styled__default.default.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) {
|
|
13477
13500
|
var _a, _b;
|
|
13478
13501
|
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, ";") : "";
|
|
13479
13502
|
}, function (props) {
|
|
@@ -13512,8 +13535,8 @@ var SignaturePad = styled__default.default.div(templateObject_3$a || (templateOb
|
|
|
13512
13535
|
var _a, _b, _c;
|
|
13513
13536
|
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';
|
|
13514
13537
|
});
|
|
13515
|
-
var SignatureButtonsContainer = styled__default.default(ButtonsRow$2)(templateObject_4$
|
|
13516
|
-
var templateObject_1$
|
|
13538
|
+
var SignatureButtonsContainer = styled__default.default(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"])));
|
|
13539
|
+
var templateObject_1$d, templateObject_2$c, templateObject_3$a, templateObject_4$6;
|
|
13517
13540
|
|
|
13518
13541
|
var SignatureCapture = function SignatureCapture(_a) {
|
|
13519
13542
|
var onAccept = _a.onAccept,
|
|
@@ -13586,9 +13609,9 @@ var SignatureCapture = function SignatureCapture(_a) {
|
|
|
13586
13609
|
finished: true
|
|
13587
13610
|
}, verbiage.acceptBtnText)))));
|
|
13588
13611
|
};
|
|
13589
|
-
var Container$4 = styled__default.default.div(templateObject_1$
|
|
13612
|
+
var Container$4 = styled__default.default.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"])));
|
|
13590
13613
|
var AcceptBtn$1 = styled__default.default(LoaderButton)(templateObject_2$b || (templateObject_2$b = __makeTemplateObject(["\n margin-left: auto;\n"], ["\n margin-left: auto;\n"])));
|
|
13591
|
-
var templateObject_1$
|
|
13614
|
+
var templateObject_1$c, templateObject_2$b;
|
|
13592
13615
|
|
|
13593
13616
|
var videoRecorder = null;
|
|
13594
13617
|
var audioRecorder = null;
|
|
@@ -14017,19 +14040,19 @@ function VideoSignaturePad(_a) {
|
|
|
14017
14040
|
finished: true
|
|
14018
14041
|
}, verbiage.acceptSignatureBtnText))));
|
|
14019
14042
|
}
|
|
14020
|
-
var SignaturePadContainer = styled__default.default.div(templateObject_1$
|
|
14043
|
+
var SignaturePadContainer = styled__default.default.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"])));
|
|
14021
14044
|
var SignatureCanvasContainer = styled__default.default.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) {
|
|
14022
14045
|
return props.$disabled ? 'opacity: 0.5; pointer-events: none;' : '';
|
|
14023
14046
|
}, function (props) {
|
|
14024
14047
|
return props.$headTrackingUnsatisfied ? 'pointer-events: none;' : '';
|
|
14025
14048
|
});
|
|
14026
14049
|
var AcceptBtn = styled__default.default(LoaderButton)(templateObject_3$9 || (templateObject_3$9 = __makeTemplateObject(["\n margin-left: auto;\n"], ["\n margin-left: auto;\n"])));
|
|
14027
|
-
var SignaturePadContentContainer = styled__default.default.div(templateObject_4$
|
|
14050
|
+
var SignaturePadContentContainer = styled__default.default.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"])));
|
|
14028
14051
|
var SignaturePadContentInner = styled__default.default.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) {
|
|
14029
14052
|
var _a, _b, _c;
|
|
14030
14053
|
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';
|
|
14031
14054
|
});
|
|
14032
|
-
var templateObject_1$
|
|
14055
|
+
var templateObject_1$b, templateObject_2$a, templateObject_3$9, templateObject_4$5, templateObject_5$3;
|
|
14033
14056
|
|
|
14034
14057
|
function VideoSignatureGuides(_a) {
|
|
14035
14058
|
var onAcceptBtnClicked = _a.onAcceptBtnClicked,
|
|
@@ -14069,14 +14092,14 @@ function VideoSignatureGuides(_a) {
|
|
|
14069
14092
|
verbiage: verbiage
|
|
14070
14093
|
})));
|
|
14071
14094
|
}
|
|
14072
|
-
var Container$3 = styled__default.default.div(templateObject_1$
|
|
14095
|
+
var Container$3 = styled__default.default.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) {
|
|
14073
14096
|
var _a;
|
|
14074
14097
|
return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
|
|
14075
14098
|
});
|
|
14076
14099
|
var Inner$1 = styled__default.default.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"])));
|
|
14077
14100
|
var FaceGuideContainer$1 = styled__default.default.div(templateObject_3$8 || (templateObject_3$8 = __makeTemplateObject(["\n position: relative;\n height: 50%;\n"], ["\n position: relative;\n height: 50%;\n"])));
|
|
14078
|
-
var StyledSelfieCaptureAnimatedMask = styled__default.default(SelfieCaptureAnimatedMaskWithStatus)(templateObject_4$
|
|
14079
|
-
var templateObject_1$
|
|
14101
|
+
var StyledSelfieCaptureAnimatedMask = styled__default.default(SelfieCaptureAnimatedMaskWithStatus)(templateObject_4$4 || (templateObject_4$4 = __makeTemplateObject(["\n max-width: 100%;\n height: 100%;\n"], ["\n max-width: 100%;\n height: 100%;\n"])));
|
|
14102
|
+
var templateObject_1$a, templateObject_2$9, templateObject_3$8, templateObject_4$4;
|
|
14080
14103
|
|
|
14081
14104
|
var DEFAULT_MIN_SIGNATURE_PAD_POINTS = 10;
|
|
14082
14105
|
var DEFAULT_HEAD_TRACKING_BOUNDARY_PERCENTAGE = 0.01;
|
|
@@ -14209,12 +14232,24 @@ var VideoSignatureCapture = function VideoSignatureCapture(_a) {
|
|
|
14209
14232
|
className: classNames.exitCaptureBtn
|
|
14210
14233
|
}));
|
|
14211
14234
|
};
|
|
14212
|
-
var Container$2 = styled__default.default.div(templateObject_1$
|
|
14213
|
-
var templateObject_1$
|
|
14235
|
+
var Container$2 = styled__default.default.div(templateObject_1$9 || (templateObject_1$9 = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n"], ["\n width: 100%;\n height: 100%;\n"])));
|
|
14236
|
+
var templateObject_1$9;
|
|
14214
14237
|
|
|
14238
|
+
var StyledVideo = styled__default.default.video(templateObject_1$8 || (templateObject_1$8 = __makeTemplateObject(["\n margin-left: auto;\n margin-right: auto;\n max-width: 100%;\n"], ["\n margin-left: auto;\n margin-right: auto;\n max-width: 100%;\n"])));
|
|
14239
|
+
var StyledAudio = styled__default.default.audio(templateObject_2$8 || (templateObject_2$8 = __makeTemplateObject(["\n margin: auto;\n max-width: 100%;\n"], ["\n margin: auto;\n max-width: 100%;\n"])));
|
|
14240
|
+
var AssetSelectorOptions = styled__default.default.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"])));
|
|
14241
|
+
var AssetSelectorOption = styled__default.default.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"])));
|
|
14242
|
+
var templateObject_1$8, templateObject_2$8, templateObject_3$7, templateObject_4$3;
|
|
14243
|
+
|
|
14244
|
+
var assetSelectorOpts$1 = [{
|
|
14245
|
+
value: 'video',
|
|
14246
|
+
label: 'Video'
|
|
14247
|
+
}, {
|
|
14248
|
+
value: 'selfieImage',
|
|
14249
|
+
label: 'Selfie Image'
|
|
14250
|
+
}];
|
|
14215
14251
|
var VideoSignatureSuccess = function VideoSignatureSuccess(_a) {
|
|
14216
|
-
var
|
|
14217
|
-
onDoneClick = _a.onDoneClick,
|
|
14252
|
+
var onDoneClick = _a.onDoneClick,
|
|
14218
14253
|
onRetryClick = _a.onRetryClick,
|
|
14219
14254
|
_b = _a.classNames,
|
|
14220
14255
|
classNames = _b === void 0 ? {} : _b,
|
|
@@ -14222,7 +14257,10 @@ var VideoSignatureSuccess = function VideoSignatureSuccess(_a) {
|
|
|
14222
14257
|
colors = _c === void 0 ? {} : _c,
|
|
14223
14258
|
_d = _a.verbiage,
|
|
14224
14259
|
rawVerbiage = _d === void 0 ? {} : _d;
|
|
14225
|
-
var
|
|
14260
|
+
var ctx = useSubmissionContext();
|
|
14261
|
+
var _e = React.useState('video'),
|
|
14262
|
+
displayedAsset = _e[0],
|
|
14263
|
+
setDisplayedAsset = _e[1];
|
|
14226
14264
|
var verbiage = useTranslations(rawVerbiage, {
|
|
14227
14265
|
headingText: 'Video signature has been successfully captured!',
|
|
14228
14266
|
retryBtnText: 'Retry',
|
|
@@ -14234,22 +14272,41 @@ var VideoSignatureSuccess = function VideoSignatureSuccess(_a) {
|
|
|
14234
14272
|
className: classNames.inner
|
|
14235
14273
|
}, /*#__PURE__*/React__namespace.default.createElement("h1", {
|
|
14236
14274
|
className: classNames.heading
|
|
14237
|
-
}, verbiage.headingText), /*#__PURE__*/React__namespace.default.createElement(
|
|
14275
|
+
}, verbiage.headingText), /*#__PURE__*/React__namespace.default.createElement(AssetSelectorOptions, {
|
|
14276
|
+
className: classNames.assetSelectorOptions
|
|
14277
|
+
}, assetSelectorOpts$1.filter(function (o) {
|
|
14278
|
+
var _a;
|
|
14279
|
+
return !o["if"] || ((_a = o["if"]) === null || _a === void 0 ? void 0 : _a.call(o, ctx));
|
|
14280
|
+
}).map(function (option) {
|
|
14281
|
+
return /*#__PURE__*/React__namespace.default.createElement(AssetSelectorOption, {
|
|
14282
|
+
key: option.value,
|
|
14283
|
+
className: classNames.assetSelectorOption
|
|
14284
|
+
}, /*#__PURE__*/React__namespace.default.createElement("input", {
|
|
14285
|
+
type: "radio",
|
|
14286
|
+
id: "displayedAsset_".concat(option.value),
|
|
14287
|
+
value: option.value,
|
|
14288
|
+
checked: displayedAsset === option.value,
|
|
14289
|
+
onChange: function onChange() {
|
|
14290
|
+
return setDisplayedAsset(option.value);
|
|
14291
|
+
},
|
|
14292
|
+
className: classNames.assetSelectorOptionRadio
|
|
14293
|
+
}), /*#__PURE__*/React__namespace.default.createElement("label", {
|
|
14294
|
+
htmlFor: "displayedAsset_".concat(option.value),
|
|
14295
|
+
className: classNames.assetSelectorOptionLabel
|
|
14296
|
+
}, option.label));
|
|
14297
|
+
})), /*#__PURE__*/React__namespace.default.createElement(OverlayImageContainer, {
|
|
14238
14298
|
className: classNames.videoContainer
|
|
14239
|
-
}, signatureVideoUrl && ( /*#__PURE__*/React__namespace.default.createElement(StyledVideo
|
|
14299
|
+
}, displayedAsset === 'video' && ctx.signatureVideoUrl && ( /*#__PURE__*/React__namespace.default.createElement(StyledVideo, {
|
|
14240
14300
|
className: classNames.video,
|
|
14241
|
-
src: signatureVideoUrl,
|
|
14242
|
-
poster: signatureVideoUrl + '#t=0.1',
|
|
14301
|
+
src: ctx.signatureVideoUrl,
|
|
14302
|
+
poster: ctx.signatureVideoUrl + '#t=0.1',
|
|
14243
14303
|
controls: true,
|
|
14244
14304
|
preload: "metadata",
|
|
14245
14305
|
autoPlay: true
|
|
14246
|
-
})), /*#__PURE__*/React__namespace.default.createElement("img", {
|
|
14247
|
-
src:
|
|
14248
|
-
alt: ""
|
|
14249
|
-
|
|
14250
|
-
display: 'none'
|
|
14251
|
-
}
|
|
14252
|
-
})), /*#__PURE__*/React__namespace.default.createElement(ButtonsRow$2, {
|
|
14306
|
+
})), displayedAsset === 'selfieImage' && ctx.selfieImage && ( /*#__PURE__*/React__namespace.default.createElement("img", {
|
|
14307
|
+
src: ctx.selfieImage,
|
|
14308
|
+
alt: ""
|
|
14309
|
+
}))), /*#__PURE__*/React__namespace.default.createElement(ButtonsRow$2, {
|
|
14253
14310
|
className: classNames.buttonsRow
|
|
14254
14311
|
}, /*#__PURE__*/React__namespace.default.createElement(LoaderButton, {
|
|
14255
14312
|
variant: "warning",
|
|
@@ -14265,8 +14322,6 @@ var VideoSignatureSuccess = function VideoSignatureSuccess(_a) {
|
|
|
14265
14322
|
finished: true
|
|
14266
14323
|
}, verbiage.doneBtnText))));
|
|
14267
14324
|
};
|
|
14268
|
-
var StyledVideo$1 = styled__default.default.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"])));
|
|
14269
|
-
var templateObject_1$9;
|
|
14270
14325
|
|
|
14271
14326
|
function SelfieCaptureWizard(_a) {
|
|
14272
14327
|
var _b;
|
|
@@ -14560,27 +14615,23 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
|
14560
14615
|
filetype: 'image/jpeg'
|
|
14561
14616
|
}).then(onSelfieCaptured);
|
|
14562
14617
|
}, [logCaptureMetadata, onSelfieCaptured, setSelfieImage, uploadDocument]);
|
|
14563
|
-
var _w = React.useState(null),
|
|
14564
|
-
signatureImageUrl = _w[0],
|
|
14565
|
-
setSignatureImageUrl = _w[1];
|
|
14566
14618
|
var onSignatureCaptureCompleted = React.useCallback(function (videoData, signatureData, signatureImageData) {
|
|
14567
14619
|
setSignatureData(signatureData);
|
|
14568
14620
|
setSignatureVideoUrl(URL.createObjectURL(videoData));
|
|
14569
|
-
setSignatureImageUrl(signatureImageData);
|
|
14570
14621
|
setCaptureState('SUCCESS');
|
|
14571
14622
|
onVideoCaptured === null || onVideoCaptured === void 0 ? void 0 : onVideoCaptured(videoData, signatureData, signatureImageData);
|
|
14572
14623
|
}, [onVideoCaptured, setSignatureData, setSignatureVideoUrl]);
|
|
14573
|
-
var
|
|
14574
|
-
showLoadingOverlay =
|
|
14575
|
-
setShowLoadingOverlay =
|
|
14624
|
+
var _w = React.useState(true),
|
|
14625
|
+
showLoadingOverlay = _w[0],
|
|
14626
|
+
setShowLoadingOverlay = _w[1];
|
|
14576
14627
|
var onSignatureCaptureFacesNotDetected = React.useCallback(function () {
|
|
14577
14628
|
setShowLoadingOverlay(false);
|
|
14578
14629
|
setCaptureState(skipLivenessValidation ? 'CAPTURING_SELFIE' : 'CHECKING_LIVENESS');
|
|
14579
14630
|
useVideoSignatureStore.getState().clearRecordedData();
|
|
14580
14631
|
}, [skipLivenessValidation]);
|
|
14581
|
-
var
|
|
14582
|
-
attempt =
|
|
14583
|
-
setAttempt =
|
|
14632
|
+
var _x = React.useState(0),
|
|
14633
|
+
attempt = _x[0],
|
|
14634
|
+
setAttempt = _x[1];
|
|
14584
14635
|
var onRetry = React.useCallback(function () {
|
|
14585
14636
|
onRetryClicked === null || onRetryClicked === void 0 ? void 0 : onRetryClicked();
|
|
14586
14637
|
setAttempt(function (n) {
|
|
@@ -14702,7 +14753,6 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
|
14702
14753
|
case 'SUCCESS':
|
|
14703
14754
|
if (!showSuccessScreen) return;
|
|
14704
14755
|
return /*#__PURE__*/React__namespace.default.createElement(VideoSignatureSuccess, {
|
|
14705
|
-
imageUrl: signatureImageUrl !== null && signatureImageUrl !== void 0 ? signatureImageUrl : '',
|
|
14706
14756
|
onDoneClick: onComplete,
|
|
14707
14757
|
onRetryClick: onRetry,
|
|
14708
14758
|
classNames: classNames.success,
|
|
@@ -14906,18 +14956,18 @@ var IdVideoCaptureGuides = function IdVideoCaptureGuides(_a) {
|
|
|
14906
14956
|
"$background": (_y = (_x = theme.idVideoCapture) === null || _x === void 0 ? void 0 : _x.idCardGuides) === null || _y === void 0 ? void 0 : _y.instructionsBackgroundColor
|
|
14907
14957
|
}, instructionText))));
|
|
14908
14958
|
};
|
|
14909
|
-
var Container$1 = styled__default.default.div(templateObject_1$
|
|
14959
|
+
var Container$1 = styled__default.default.div(templateObject_1$7 || (templateObject_1$7 = __makeTemplateObject(["\n display: flex;\n max-height: 100%;\n position: absolute;\n z-index: 1000;\n 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) {
|
|
14910
14960
|
var _a;
|
|
14911
14961
|
return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
|
|
14912
14962
|
});
|
|
14913
|
-
var Inner = styled__default.default.div(templateObject_2$
|
|
14914
|
-
var FaceGuideContainer = styled__default.default.div(templateObject_3$
|
|
14963
|
+
var Inner = styled__default.default.div(templateObject_2$7 || (templateObject_2$7 = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n max-height: 1280px;\n display: flex;\n margin: auto;\n align-items: center;\n flex-direction: column;\n justify-content: center;\n"], ["\n width: 100%;\n height: 100%;\n max-height: 1280px;\n display: flex;\n margin: auto;\n align-items: center;\n flex-direction: column;\n justify-content: center;\n"])));
|
|
14964
|
+
var FaceGuideContainer = styled__default.default.div(templateObject_3$6 || (templateObject_3$6 = __makeTemplateObject(["\n position: relative;\n height: 65%;\n"], ["\n position: relative;\n height: 65%;\n"])));
|
|
14915
14965
|
var IdCardGuideContainer = styled__default.default.div(templateObject_4$2 || (templateObject_4$2 = __makeTemplateObject(["\n display: flex;\n flex-flow: column nowrap;\n margin: 0 auto;\n position: relative;\n max-width: 100%;\n height: 35%;\n 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"])));
|
|
14916
14966
|
var IdCardGuideInner = styled__default.default.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"])));
|
|
14917
14967
|
var StyledIdCardGuideImageContainer = styled__default.default(IdCardGuideImageContainer)(templateObject_6$1 || (templateObject_6$1 = __makeTemplateObject(["\n width: auto;\n height: 100%;\n"], ["\n width: auto;\n height: 100%;\n"])));
|
|
14918
14968
|
var IdCardGuideInstructionsContainer = styled__default.default.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"])));
|
|
14919
14969
|
var IdCardGuideInstructions = styled__default.default(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"])));
|
|
14920
|
-
var templateObject_1$
|
|
14970
|
+
var templateObject_1$7, templateObject_2$7, templateObject_3$6, templateObject_4$2, templateObject_5$2, templateObject_6$1, templateObject_7, templateObject_8;
|
|
14921
14971
|
|
|
14922
14972
|
var ReadTextPrompt = function ReadTextPrompt(_a) {
|
|
14923
14973
|
var onComplete = _a.onComplete,
|
|
@@ -14985,8 +15035,8 @@ var ReadTextPrompt = function ReadTextPrompt(_a) {
|
|
|
14985
15035
|
finished: true
|
|
14986
15036
|
}, verbiage.doneBtnText)));
|
|
14987
15037
|
};
|
|
14988
|
-
var ReadTextPromptContainer = styled__default.default.div(templateObject_1$
|
|
14989
|
-
var ReadTextPromptHeading = styled__default.default.div(templateObject_2$
|
|
15038
|
+
var ReadTextPromptContainer = styled__default.default.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"])));
|
|
15039
|
+
var ReadTextPromptHeading = styled__default.default.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) {
|
|
14990
15040
|
var _a, _b, _c, _d, _e, _f;
|
|
14991
15041
|
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, ";") : "";
|
|
14992
15042
|
}, function (props) {
|
|
@@ -14996,7 +15046,7 @@ var ReadTextPromptHeading = styled__default.default.div(templateObject_2$7 || (t
|
|
|
14996
15046
|
var _a, _b, _c, _d, _e, _f;
|
|
14997
15047
|
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, ";") : "";
|
|
14998
15048
|
});
|
|
14999
|
-
var ReadTextPromptText = styled__default.default.div(templateObject_3$
|
|
15049
|
+
var ReadTextPromptText = styled__default.default.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) {
|
|
15000
15050
|
var _a, _b, _c, _d, _e, _f;
|
|
15001
15051
|
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, ";") : "";
|
|
15002
15052
|
}, function (props) {
|
|
@@ -15018,7 +15068,7 @@ var ReadTextPromptTimeRemaining = styled__default.default.div(templateObject_5$1
|
|
|
15018
15068
|
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, ";") : "";
|
|
15019
15069
|
});
|
|
15020
15070
|
var DoneButton = styled__default.default(LoaderButton)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n margin: auto 0;\n"], ["\n margin: auto 0;\n"])));
|
|
15021
|
-
var templateObject_1$
|
|
15071
|
+
var templateObject_1$6, templateObject_2$6, templateObject_3$5, templateObject_4$1, templateObject_5$1, templateObject_6;
|
|
15022
15072
|
|
|
15023
15073
|
var edgeBoundary = 0.05;
|
|
15024
15074
|
var defaultVideoIdCaptureThresholds = {
|
|
@@ -15474,9 +15524,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
15474
15524
|
className: classNames.exitCaptureBtn
|
|
15475
15525
|
}));
|
|
15476
15526
|
};
|
|
15477
|
-
var Container = styled__default.default.div(templateObject_1$
|
|
15478
|
-
var CountdownContainer = styled__default.default.div(templateObject_2$
|
|
15479
|
-
var Countdown = styled__default.default.div(templateObject_3$
|
|
15527
|
+
var Container = styled__default.default.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"])));
|
|
15528
|
+
var CountdownContainer = styled__default.default.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"])));
|
|
15529
|
+
var Countdown = styled__default.default.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"])));
|
|
15480
15530
|
var CaptureButtonContainer = styled__default.default.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"])));
|
|
15481
15531
|
var CaptureButton = styled__default.default(LoaderButton)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n margin: 0 auto 25px;\n"], ["\n margin: 0 auto 25px;\n"])));
|
|
15482
15532
|
function evaluateShouldSkip(value) {
|
|
@@ -15484,24 +15534,43 @@ function evaluateShouldSkip(value) {
|
|
|
15484
15534
|
if (typeof value === 'function') return value();
|
|
15485
15535
|
return false;
|
|
15486
15536
|
}
|
|
15487
|
-
var templateObject_1$
|
|
15537
|
+
var templateObject_1$5, templateObject_2$5, templateObject_3$4, templateObject_4, templateObject_5;
|
|
15488
15538
|
|
|
15489
|
-
var
|
|
15490
|
-
|
|
15491
|
-
|
|
15492
|
-
|
|
15493
|
-
|
|
15494
|
-
|
|
15495
|
-
|
|
15496
|
-
|
|
15497
|
-
|
|
15498
|
-
|
|
15499
|
-
|
|
15500
|
-
|
|
15501
|
-
|
|
15502
|
-
|
|
15503
|
-
|
|
15504
|
-
|
|
15539
|
+
var assetSelectorOpts = [{
|
|
15540
|
+
value: 'video',
|
|
15541
|
+
label: 'Video'
|
|
15542
|
+
}, {
|
|
15543
|
+
value: 'audio',
|
|
15544
|
+
label: 'Audio',
|
|
15545
|
+
"if": function _if(props) {
|
|
15546
|
+
return !!props.audioUrl;
|
|
15547
|
+
}
|
|
15548
|
+
}, {
|
|
15549
|
+
value: 'idFrontImage',
|
|
15550
|
+
label: 'ID Front Image'
|
|
15551
|
+
}, {
|
|
15552
|
+
value: 'idBackImage',
|
|
15553
|
+
label: 'ID Back Image',
|
|
15554
|
+
"if": function _if(props) {
|
|
15555
|
+
return !!props.idBackImageUrl;
|
|
15556
|
+
}
|
|
15557
|
+
}];
|
|
15558
|
+
var IdVideoCaptureSuccess = function IdVideoCaptureSuccess(props) {
|
|
15559
|
+
var videoUrl = props.videoUrl,
|
|
15560
|
+
audioUrl = props.audioUrl,
|
|
15561
|
+
idFrontImageUrl = props.idFrontImageUrl,
|
|
15562
|
+
idBackImageUrl = props.idBackImageUrl,
|
|
15563
|
+
onDoneClick = props.onDoneClick,
|
|
15564
|
+
onRetryClick = props.onRetryClick,
|
|
15565
|
+
_a = props.classNames,
|
|
15566
|
+
classNames = _a === void 0 ? {} : _a,
|
|
15567
|
+
_b = props.colors,
|
|
15568
|
+
colors = _b === void 0 ? {} : _b,
|
|
15569
|
+
_c = props.verbiage,
|
|
15570
|
+
rawVerbiage = _c === void 0 ? {} : _c;
|
|
15571
|
+
var _d = React.useState('video'),
|
|
15572
|
+
displayedAsset = _d[0],
|
|
15573
|
+
setDisplayedAsset = _d[1];
|
|
15505
15574
|
var verbiage = useTranslations(rawVerbiage, {
|
|
15506
15575
|
headingText: 'Video ID has been successfully captured!',
|
|
15507
15576
|
retryBtnText: 'Retry',
|
|
@@ -15518,55 +15587,27 @@ var IdVideoCaptureSuccess = function IdVideoCaptureSuccess(_a) {
|
|
|
15518
15587
|
className: classNames.heading
|
|
15519
15588
|
}, verbiage.headingText), /*#__PURE__*/React__namespace.default.createElement(AssetSelectorOptions, {
|
|
15520
15589
|
className: classNames.assetSelectorOptions
|
|
15521
|
-
},
|
|
15522
|
-
|
|
15523
|
-
|
|
15524
|
-
|
|
15525
|
-
|
|
15526
|
-
|
|
15527
|
-
|
|
15528
|
-
|
|
15529
|
-
|
|
15530
|
-
|
|
15531
|
-
|
|
15532
|
-
|
|
15533
|
-
|
|
15534
|
-
|
|
15535
|
-
|
|
15536
|
-
|
|
15537
|
-
|
|
15538
|
-
|
|
15539
|
-
|
|
15540
|
-
|
|
15541
|
-
|
|
15542
|
-
}
|
|
15543
|
-
}), /*#__PURE__*/React__namespace.default.createElement("label", {
|
|
15544
|
-
htmlFor: "displayedAssetAudio"
|
|
15545
|
-
}, "Audio"))), /*#__PURE__*/React__namespace.default.createElement(AssetSelectorOption, {
|
|
15546
|
-
className: classNames.assetSelectorOption
|
|
15547
|
-
}, /*#__PURE__*/React__namespace.default.createElement("input", {
|
|
15548
|
-
type: "radio",
|
|
15549
|
-
id: "displayedAssetIdFrontImage",
|
|
15550
|
-
value: "idFrontImage",
|
|
15551
|
-
checked: displayedAsset === 'idFrontImage',
|
|
15552
|
-
onChange: function onChange() {
|
|
15553
|
-
return setDisplayedAsset('idFrontImage');
|
|
15554
|
-
}
|
|
15555
|
-
}), /*#__PURE__*/React__namespace.default.createElement("label", {
|
|
15556
|
-
htmlFor: "displayedAssetIdFrontImage"
|
|
15557
|
-
}, verbiage.idFrontText)), idBackImageUrl && ( /*#__PURE__*/React__namespace.default.createElement(AssetSelectorOption, {
|
|
15558
|
-
className: classNames.assetSelectorOption
|
|
15559
|
-
}, /*#__PURE__*/React__namespace.default.createElement("input", {
|
|
15560
|
-
type: "radio",
|
|
15561
|
-
id: "displayedAssetIdBackImage",
|
|
15562
|
-
value: "idBackImage",
|
|
15563
|
-
checked: displayedAsset === 'idBackImage',
|
|
15564
|
-
onChange: function onChange() {
|
|
15565
|
-
return setDisplayedAsset('idBackImage');
|
|
15566
|
-
}
|
|
15567
|
-
}), /*#__PURE__*/React__namespace.default.createElement("label", {
|
|
15568
|
-
htmlFor: "displayedAssetIdBackImage"
|
|
15569
|
-
}, verbiage.idBackText)))), /*#__PURE__*/React__namespace.default.createElement(OverlayImageContainer, {
|
|
15590
|
+
}, assetSelectorOpts.filter(function (o) {
|
|
15591
|
+
var _a;
|
|
15592
|
+
return !o["if"] || ((_a = o["if"]) === null || _a === void 0 ? void 0 : _a.call(o, props));
|
|
15593
|
+
}).map(function (option) {
|
|
15594
|
+
return /*#__PURE__*/React__namespace.default.createElement(AssetSelectorOption, {
|
|
15595
|
+
key: option.value,
|
|
15596
|
+
className: classNames.assetSelectorOption
|
|
15597
|
+
}, /*#__PURE__*/React__namespace.default.createElement("input", {
|
|
15598
|
+
type: "radio",
|
|
15599
|
+
id: "displayedAsset_".concat(option.value),
|
|
15600
|
+
value: option.value,
|
|
15601
|
+
checked: displayedAsset === option.value,
|
|
15602
|
+
onChange: function onChange() {
|
|
15603
|
+
return setDisplayedAsset(option.value);
|
|
15604
|
+
},
|
|
15605
|
+
className: classNames.assetSelectorOptionRadio
|
|
15606
|
+
}), /*#__PURE__*/React__namespace.default.createElement("label", {
|
|
15607
|
+
htmlFor: "displayedAsset_".concat(option.value),
|
|
15608
|
+
className: classNames.assetSelectorOptionLabel
|
|
15609
|
+
}, option.label));
|
|
15610
|
+
})), /*#__PURE__*/React__namespace.default.createElement(OverlayImageContainer, {
|
|
15570
15611
|
className: classNames.videoContainer
|
|
15571
15612
|
}, displayedAsset === 'video' ? ( /*#__PURE__*/React__namespace.default.createElement(StyledVideo, {
|
|
15572
15613
|
src: videoUrl,
|
|
@@ -15575,7 +15616,12 @@ var IdVideoCaptureSuccess = function IdVideoCaptureSuccess(_a) {
|
|
|
15575
15616
|
controls: true,
|
|
15576
15617
|
preload: "metadata",
|
|
15577
15618
|
autoPlay: true
|
|
15578
|
-
})) : displayedAsset === 'audio' ? ( /*#__PURE__*/React__namespace.default.createElement("div",
|
|
15619
|
+
})) : displayedAsset === 'audio' ? ( /*#__PURE__*/React__namespace.default.createElement("div", {
|
|
15620
|
+
style: {
|
|
15621
|
+
width: '100%',
|
|
15622
|
+
height: '100%'
|
|
15623
|
+
}
|
|
15624
|
+
}, /*#__PURE__*/React__namespace.default.createElement(StyledAudio, {
|
|
15579
15625
|
controls: true
|
|
15580
15626
|
}, /*#__PURE__*/React__namespace.default.createElement("source", {
|
|
15581
15627
|
src: audioUrl
|
|
@@ -15604,10 +15650,6 @@ var IdVideoCaptureSuccess = function IdVideoCaptureSuccess(_a) {
|
|
|
15604
15650
|
finished: true
|
|
15605
15651
|
}, verbiage.doneBtnText))));
|
|
15606
15652
|
};
|
|
15607
|
-
var StyledVideo = styled__default.default.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"])));
|
|
15608
|
-
var AssetSelectorOptions = styled__default.default.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"])));
|
|
15609
|
-
var AssetSelectorOption = styled__default.default.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"])));
|
|
15610
|
-
var templateObject_1$5, templateObject_2$5, templateObject_3$4;
|
|
15611
15653
|
|
|
15612
15654
|
var VideoIdWizard = function VideoIdWizard(_a) {
|
|
15613
15655
|
var _b, _c, _d, _e, _f, _g, _h, _j;
|