idmission-web-sdk 2.3.3 → 2.3.5
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/debug.d.ts +1 -3
- package/dist/components/common/debug.d.ts.map +1 -1
- package/dist/components/common/signature.d.ts.map +1 -1
- package/dist/components/customer_flows/SignatureKYC.d.ts +2 -0
- package/dist/components/customer_flows/SignatureKYC.d.ts.map +1 -1
- package/dist/components/face_liveness/FaceLivenessWizard.d.ts +2 -1
- package/dist/components/face_liveness/FaceLivenessWizard.d.ts.map +1 -1
- package/dist/components/id_capture/IdCapture.d.ts.map +1 -1
- package/dist/components/selfie_capture/SelfieCapture.d.ts.map +1 -1
- package/dist/components/selfie_capture/SelfieGuidanceModelsProvider.d.ts.map +1 -1
- package/dist/components/video_id/IdVideoCapture.d.ts.map +1 -1
- package/dist/components/video_signature_capture/VideoSignatureCapture.d.ts +2 -1
- package/dist/components/video_signature_capture/VideoSignatureCapture.d.ts.map +1 -1
- package/dist/components/video_signature_capture/VideoSignatureGuides.d.ts +4 -1
- package/dist/components/video_signature_capture/VideoSignatureGuides.d.ts.map +1 -1
- package/dist/components/video_signature_capture/VideoSignatureWizard.d.ts +2 -1
- package/dist/components/video_signature_capture/VideoSignatureWizard.d.ts.map +1 -1
- package/dist/lib/camera/cameraStore.d.ts +2 -0
- package/dist/lib/camera/cameraStore.d.ts.map +1 -1
- package/dist/sdk2.cjs.development.js +456 -374
- 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 +456 -374
- package/dist/sdk2.esm.js.map +1 -1
- package/dist/sdk2.umd.development.js +456 -374
- 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/themes/index.d.ts +3 -0
- package/dist/themes/index.d.ts.map +1 -1
- package/dist/version.d.ts +1 -1
- package/package.json +3 -3
package/dist/sdk2.esm.js
CHANGED
|
@@ -204,7 +204,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
|
|
|
204
204
|
return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
|
|
205
205
|
};
|
|
206
206
|
|
|
207
|
-
var webSdkVersion = '2.3.
|
|
207
|
+
var webSdkVersion = '2.3.5';
|
|
208
208
|
|
|
209
209
|
function getPlatform() {
|
|
210
210
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
@@ -424,18 +424,18 @@ var LoaderButton = function LoaderButton(_a) {
|
|
|
424
424
|
className: "ladda-label"
|
|
425
425
|
}, children));
|
|
426
426
|
};
|
|
427
|
-
var StyledButton = styled.button(templateObject_1$P || (templateObject_1$P = __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) {
|
|
427
|
+
var StyledButton = styled.button(templateObject_1$Q || (templateObject_1$Q = __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) {
|
|
428
428
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
|
|
429
429
|
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 ");
|
|
430
430
|
});
|
|
431
|
-
var templateObject_1$
|
|
431
|
+
var templateObject_1$Q;
|
|
432
432
|
|
|
433
|
-
var ButtonsRow$2 = styled.div(templateObject_1$
|
|
434
|
-
var templateObject_1$
|
|
433
|
+
var ButtonsRow$2 = styled.div(templateObject_1$P || (templateObject_1$P = __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"])));
|
|
434
|
+
var templateObject_1$P;
|
|
435
435
|
|
|
436
|
-
var GuidanceMessageContainerDiv = styled.div(templateObject_1$
|
|
436
|
+
var GuidanceMessageContainerDiv = styled.div(templateObject_1$O || (templateObject_1$O = __makeTemplateObject(["\n position: absolute;\n top: calc(", ");\n ", "\n font-weight: bold;\n width: 100%;\n display: flex;\n"], ["\n position: absolute;\n top: calc(", ");\n ", "\n font-weight: bold;\n width: 100%;\n display: flex;\n"])), function (_a) {
|
|
437
437
|
var $top = _a.$top;
|
|
438
|
-
return $top !== null && $top !== void 0 ? $top : '
|
|
438
|
+
return $top !== null && $top !== void 0 ? $top : '10%';
|
|
439
439
|
}, function (_a) {
|
|
440
440
|
var $bottom = _a.$bottom;
|
|
441
441
|
return $bottom ? "bottom: ".concat($bottom, ";") : "";
|
|
@@ -453,15 +453,15 @@ var GuidanceMessage = styled.div(templateObject_2$F || (templateObject_2$F = __m
|
|
|
453
453
|
var _a, _b, _c, _d, _e, _f;
|
|
454
454
|
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';
|
|
455
455
|
});
|
|
456
|
-
var templateObject_1$
|
|
456
|
+
var templateObject_1$O, templateObject_2$F;
|
|
457
457
|
|
|
458
|
-
var wavesAnimation = keyframes(templateObject_1$
|
|
458
|
+
var wavesAnimation = keyframes(templateObject_1$N || (templateObject_1$N = __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"])));
|
|
459
459
|
var progressBarAnimation = keyframes(templateObject_2$E || (templateObject_2$E = __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"])));
|
|
460
460
|
var dualRingSpinnerAnimation = keyframes(templateObject_3$s || (templateObject_3$s = __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"])));
|
|
461
461
|
var progressBorderAnimation = keyframes(templateObject_4$m || (templateObject_4$m = __makeTemplateObject(["\n to {\n stroke-dashoffset: 0;\n }\n"], ["\n to {\n stroke-dashoffset: 0;\n }\n"])));
|
|
462
|
-
var templateObject_1$
|
|
462
|
+
var templateObject_1$N, templateObject_2$E, templateObject_3$s, templateObject_4$m;
|
|
463
463
|
|
|
464
|
-
var OverlayContainer = styled.div(templateObject_1$
|
|
464
|
+
var OverlayContainer = styled.div(templateObject_1$M || (templateObject_1$M = __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) {
|
|
465
465
|
return props.theme.background ? "".concat(props.theme.background) : "white";
|
|
466
466
|
}, function (props) {
|
|
467
467
|
return props.theme.textColor ? "color: ".concat(props.theme.textColor, ";") : "";
|
|
@@ -506,7 +506,7 @@ var LoadingOverlayLoadingListContainer = styled.div(templateObject_17 || (templa
|
|
|
506
506
|
var LoadingOverlayLoadingList = styled.ul(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n display: block;\n margin: auto;\n list-style: none;\n padding: 0;\n"], ["\n display: block;\n margin: auto;\n list-style: none;\n padding: 0;\n"])));
|
|
507
507
|
var LoadingOverlayLoadingListItem = styled.li(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n display: inline-flex;\n justify-content: center;\n align-items: center;\n padding: 2px 1.25rem 2px 0;\n line-height: 1rem;\n"], ["\n display: inline-flex;\n justify-content: center;\n align-items: center;\n padding: 2px 1.25rem 2px 0;\n line-height: 1rem;\n"])));
|
|
508
508
|
var LoadingOverlayProgressContainer = styled.div(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n"])));
|
|
509
|
-
var templateObject_1$
|
|
509
|
+
var templateObject_1$M, templateObject_2$D, templateObject_3$r, templateObject_4$l, templateObject_5$e, templateObject_6$a, templateObject_7$7, templateObject_8$4, templateObject_9$3, templateObject_10$2, templateObject_11$1, templateObject_12$1, templateObject_13$1, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20;
|
|
510
510
|
|
|
511
511
|
var GeolocationAccessDeniedOverlay = function GeolocationAccessDeniedOverlay(_a) {
|
|
512
512
|
var accessBlockedImageUrl = _a.accessBlockedImageUrl;
|
|
@@ -2135,7 +2135,7 @@ function getFrameDimensions(frame) {
|
|
|
2135
2135
|
return [frameWidth, frameHeight];
|
|
2136
2136
|
}
|
|
2137
2137
|
|
|
2138
|
-
var InvisibleCanvas = styled.canvas(templateObject_1$
|
|
2138
|
+
var InvisibleCanvas = styled.canvas(templateObject_1$L || (templateObject_1$L = __makeTemplateObject(["\n display: none;\n"], ["\n display: none;\n"])));
|
|
2139
2139
|
function drawToCanvas(canvas, frame, width, height) {
|
|
2140
2140
|
if (!canvas) return;
|
|
2141
2141
|
var ctx = canvas.getContext('2d');
|
|
@@ -2155,7 +2155,7 @@ function clearCanvas(canvas) {
|
|
|
2155
2155
|
var _a;
|
|
2156
2156
|
(_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);
|
|
2157
2157
|
}
|
|
2158
|
-
var templateObject_1$
|
|
2158
|
+
var templateObject_1$L;
|
|
2159
2159
|
|
|
2160
2160
|
function cropToShoulders(rawCanvas, cropCanvas, resizeCanvas, frame, face, quality, maxHeight) {
|
|
2161
2161
|
if (quality === void 0) {
|
|
@@ -4701,6 +4701,8 @@ var initialState$5 = {
|
|
|
4701
4701
|
videoLoaded: false,
|
|
4702
4702
|
videoStream: null,
|
|
4703
4703
|
videoDevice: null,
|
|
4704
|
+
videoWidth: 0,
|
|
4705
|
+
videoHeight: 0,
|
|
4704
4706
|
isRearFacing: false,
|
|
4705
4707
|
camera: null,
|
|
4706
4708
|
cameraReady: false,
|
|
@@ -5033,25 +5035,26 @@ var createCameraStore = function createCameraStore(config) {
|
|
|
5033
5035
|
};
|
|
5034
5036
|
var CameraStoreContext = /*#__PURE__*/createContext(undefined);
|
|
5035
5037
|
function CameraStoreProvider(_a) {
|
|
5038
|
+
var _b;
|
|
5036
5039
|
var children = _a.children,
|
|
5037
|
-
|
|
5038
|
-
requestAccessAutomatically =
|
|
5039
|
-
|
|
5040
|
-
preferIphoneContinuityCamera =
|
|
5041
|
-
|
|
5042
|
-
preferFrontFacingCamera =
|
|
5043
|
-
|
|
5044
|
-
maxVideoWidth =
|
|
5040
|
+
_c = _a.requestAccessAutomatically,
|
|
5041
|
+
requestAccessAutomatically = _c === void 0 ? true : _c,
|
|
5042
|
+
_d = _a.preferIphoneContinuityCamera,
|
|
5043
|
+
preferIphoneContinuityCamera = _d === void 0 ? true : _d,
|
|
5044
|
+
_e = _a.preferFrontFacingCamera,
|
|
5045
|
+
preferFrontFacingCamera = _e === void 0 ? false : _e,
|
|
5046
|
+
_f = _a.maxVideoWidth,
|
|
5047
|
+
maxVideoWidth = _f === void 0 ? 1920 : _f,
|
|
5045
5048
|
maxFps = _a.maxFps,
|
|
5046
5049
|
onCameraAccessDenied = _a.onCameraAccessDenied,
|
|
5047
5050
|
onCameraTamperingDetected = _a.onCameraTamperingDetected,
|
|
5048
5051
|
onMicrophoneAccessDenied = _a.onMicrophoneAccessDenied,
|
|
5049
|
-
|
|
5050
|
-
requireMicrophoneAccess =
|
|
5051
|
-
|
|
5052
|
-
classNames =
|
|
5053
|
-
|
|
5054
|
-
verbiage =
|
|
5052
|
+
_g = _a.requireMicrophoneAccess,
|
|
5053
|
+
requireMicrophoneAccess = _g === void 0 ? false : _g,
|
|
5054
|
+
_h = _a.classNames,
|
|
5055
|
+
classNames = _h === void 0 ? {} : _h,
|
|
5056
|
+
_j = _a.verbiage,
|
|
5057
|
+
verbiage = _j === void 0 ? {} : _j;
|
|
5055
5058
|
var videoRef = useRef(null);
|
|
5056
5059
|
var store = useRef();
|
|
5057
5060
|
store.current || (store.current = createCameraStore({
|
|
@@ -5065,6 +5068,16 @@ function CameraStoreProvider(_a) {
|
|
|
5065
5068
|
onMicrophoneAccessDenied: onMicrophoneAccessDenied,
|
|
5066
5069
|
requireMicrophoneAccess: requireMicrophoneAccess
|
|
5067
5070
|
}));
|
|
5071
|
+
var _k = (_b = videoRef.current) !== null && _b !== void 0 ? _b : {},
|
|
5072
|
+
videoWidth = _k.videoWidth,
|
|
5073
|
+
videoHeight = _k.videoHeight;
|
|
5074
|
+
useEffect(function () {
|
|
5075
|
+
var _a;
|
|
5076
|
+
(_a = store.current) === null || _a === void 0 ? void 0 : _a.setState({
|
|
5077
|
+
videoWidth: videoWidth,
|
|
5078
|
+
videoHeight: videoHeight
|
|
5079
|
+
});
|
|
5080
|
+
}, [videoWidth, videoHeight]);
|
|
5068
5081
|
useEffect(function () {
|
|
5069
5082
|
var _a, _b, _c;
|
|
5070
5083
|
var state = (_a = store.current) === null || _a === void 0 ? void 0 : _a.getState();
|
|
@@ -5130,14 +5143,14 @@ function CameraTamperSeal(_a) {
|
|
|
5130
5143
|
className: classNames.message
|
|
5131
5144
|
}, messageText)));
|
|
5132
5145
|
}
|
|
5133
|
-
var StyledOverlayInner$4 = styled(OverlayInner$2)(templateObject_1$
|
|
5146
|
+
var StyledOverlayInner$4 = styled(OverlayInner$2)(templateObject_1$K || (templateObject_1$K = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
5134
5147
|
var StyledOverlayHeading = styled.h3(templateObject_2$C || (templateObject_2$C = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
5135
5148
|
function useCameraStore(selector) {
|
|
5136
5149
|
var store = useContext(CameraStoreContext);
|
|
5137
5150
|
if (!store) throw new Error('useCameraStore cannot be used without Provider');
|
|
5138
5151
|
return useStore(store, selector);
|
|
5139
5152
|
}
|
|
5140
|
-
var templateObject_1$
|
|
5153
|
+
var templateObject_1$K, templateObject_2$C;
|
|
5141
5154
|
|
|
5142
5155
|
var DocumentDetectionModelContext = /*#__PURE__*/createContext({
|
|
5143
5156
|
startDocumentDetection: function startDocumentDetection() {
|
|
@@ -6102,8 +6115,8 @@ function DebugStatsPane(_a) {
|
|
|
6102
6115
|
if (!portalLocation) return element;
|
|
6103
6116
|
return /*#__PURE__*/createPortal(element, portalLocation);
|
|
6104
6117
|
}
|
|
6105
|
-
var DebugStatsPaneDiv = styled.span(templateObject_1$
|
|
6106
|
-
var ObjectDetectionDebugOverlayDiv = styled.div(templateObject_2$B || (templateObject_2$B = __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 ", "\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 ", "\n transform-style: preserve-3d;\n"])), function (_a) {
|
|
6118
|
+
var DebugStatsPaneDiv = styled.span(templateObject_1$J || (templateObject_1$J = __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"])));
|
|
6119
|
+
var ObjectDetectionDebugOverlayDiv = styled.div(templateObject_2$B || (templateObject_2$B = __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) {
|
|
6107
6120
|
var $flipX = _a.$flipX;
|
|
6108
6121
|
return $flipX ? 'transform: scaleX(-1);' : '';
|
|
6109
6122
|
});
|
|
@@ -6131,9 +6144,15 @@ function useDebugScalingDetails(_a) {
|
|
|
6131
6144
|
var _b = _a.enabled,
|
|
6132
6145
|
enabled = _b === void 0 ? true : _b,
|
|
6133
6146
|
pageWidth = _a.pageWidth,
|
|
6134
|
-
pageHeight = _a.pageHeight
|
|
6135
|
-
|
|
6136
|
-
|
|
6147
|
+
pageHeight = _a.pageHeight;
|
|
6148
|
+
var _c = useCameraStore(useShallow(function (state) {
|
|
6149
|
+
return {
|
|
6150
|
+
videoWidth: state.videoWidth,
|
|
6151
|
+
videoHeight: state.videoHeight
|
|
6152
|
+
};
|
|
6153
|
+
})),
|
|
6154
|
+
videoWidth = _c.videoWidth,
|
|
6155
|
+
videoHeight = _c.videoHeight;
|
|
6137
6156
|
return useMemo(function () {
|
|
6138
6157
|
var horizontal = false,
|
|
6139
6158
|
scaledWidth = 0,
|
|
@@ -6308,7 +6327,7 @@ function SelfieCaptureFaceKeypoint(_a) {
|
|
|
6308
6327
|
}
|
|
6309
6328
|
});
|
|
6310
6329
|
}
|
|
6311
|
-
var templateObject_1$
|
|
6330
|
+
var templateObject_1$J, templateObject_2$B, templateObject_3$q, templateObject_4$k;
|
|
6312
6331
|
|
|
6313
6332
|
function OverrideWrongDocumentTypeGuidanceDialog(_a) {
|
|
6314
6333
|
var _b = _a.classNames,
|
|
@@ -6323,7 +6342,7 @@ function OverrideWrongDocumentTypeGuidanceDialog(_a) {
|
|
|
6323
6342
|
buttonText: 'OK'
|
|
6324
6343
|
});
|
|
6325
6344
|
if (!allowOverrideWrongDocumentTypeGuidance) return null;
|
|
6326
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
6345
|
+
return /*#__PURE__*/React__default.createElement(Container$7, {
|
|
6327
6346
|
className: classNames.container
|
|
6328
6347
|
}, /*#__PURE__*/React__default.createElement(InnerContainer, {
|
|
6329
6348
|
className: classNames.inner
|
|
@@ -6341,7 +6360,7 @@ function OverrideWrongDocumentTypeGuidanceDialog(_a) {
|
|
|
6341
6360
|
}
|
|
6342
6361
|
}, verbiage.buttonText))));
|
|
6343
6362
|
}
|
|
6344
|
-
var Container$
|
|
6363
|
+
var Container$7 = styled.div(templateObject_1$I || (templateObject_1$I = __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) {
|
|
6345
6364
|
var _a, _b, _c;
|
|
6346
6365
|
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';
|
|
6347
6366
|
}, function (props) {
|
|
@@ -6352,7 +6371,7 @@ var InnerContainer = styled.div(templateObject_2$A || (templateObject_2$A = __ma
|
|
|
6352
6371
|
var Message = styled.span(templateObject_3$p || (templateObject_3$p = __makeTemplateObject(["\n display: block;\n margin: auto 12px auto 0;\n"], ["\n display: block;\n margin: auto 12px auto 0;\n"])));
|
|
6353
6372
|
var ButtonContainer = styled.div(templateObject_4$j || (templateObject_4$j = __makeTemplateObject(["\n display: flex;\n margin-left: auto;\n"], ["\n display: flex;\n margin-left: auto;\n"])));
|
|
6354
6373
|
var Button$1 = styled(LoaderButton)(templateObject_5$d || (templateObject_5$d = __makeTemplateObject(["\n white-space: nowrap;\n margin: auto;\n"], ["\n white-space: nowrap;\n margin: auto;\n"])));
|
|
6355
|
-
var templateObject_1$
|
|
6374
|
+
var templateObject_1$I, templateObject_2$A, templateObject_3$p, templateObject_4$j, templateObject_5$d;
|
|
6356
6375
|
|
|
6357
6376
|
// This is a simplified version of https://github.com/ZeeCoder/use-resize-observer.
|
|
6358
6377
|
// We have removed all options and made it compliant with React Compiler/React 19.
|
|
@@ -6591,9 +6610,7 @@ var IdCapture = function IdCapture(_a) {
|
|
|
6591
6610
|
var debugScalingDetails = useDebugScalingDetails({
|
|
6592
6611
|
enabled: debugMode,
|
|
6593
6612
|
pageWidth: state.guideRectWidth,
|
|
6594
|
-
pageHeight: state.guideRectHeight
|
|
6595
|
-
videoWidth: state.videoWidth,
|
|
6596
|
-
videoHeight: state.videoHeight
|
|
6613
|
+
pageHeight: state.guideRectHeight
|
|
6597
6614
|
});
|
|
6598
6615
|
var satisfied = state.isGoodFrame;
|
|
6599
6616
|
if (typeof guidanceSatisfied === 'boolean') satisfied = guidanceSatisfied;
|
|
@@ -6669,13 +6686,13 @@ var CameraAccessDeniedOverlay = function CameraAccessDeniedOverlay(_a) {
|
|
|
6669
6686
|
finished: true
|
|
6670
6687
|
}, verbiage.retryBtnText)));
|
|
6671
6688
|
};
|
|
6672
|
-
var StyledOverlayInner$3 = styled(OverlayInner$2)(templateObject_1$
|
|
6689
|
+
var StyledOverlayInner$3 = styled(OverlayInner$2)(templateObject_1$H || (templateObject_1$H = __makeTemplateObject(["\n max-width: 500px;\n height: auto;\n margin: auto;\n"], ["\n max-width: 500px;\n height: auto;\n margin: auto;\n"])));
|
|
6673
6690
|
var StyledOverlayImageContainer$1 = styled(OverlayImageContainer)(templateObject_2$z || (templateObject_2$z = __makeTemplateObject(["\n flex-grow: 0;\n"], ["\n flex-grow: 0;\n"])));
|
|
6674
6691
|
var Description$4 = styled.p(templateObject_3$o || (templateObject_3$o = __makeTemplateObject(["\n line-height: 1.5;\n margin-bottom: 50px;\n"], ["\n line-height: 1.5;\n margin-bottom: 50px;\n"])));
|
|
6675
6692
|
var RetryButton$1 = styled(LoaderButton)(templateObject_4$i || (templateObject_4$i = __makeTemplateObject(["\n width: 200px;\n margin: 0 auto;\n"], ["\n width: 200px;\n margin: 0 auto;\n"])));
|
|
6676
|
-
var templateObject_1$
|
|
6693
|
+
var templateObject_1$H, templateObject_2$z, templateObject_3$o, templateObject_4$i;
|
|
6677
6694
|
|
|
6678
|
-
var ExitCaptureStyledButton = styled.button(templateObject_1$
|
|
6695
|
+
var ExitCaptureStyledButton = styled.button(templateObject_1$G || (templateObject_1$G = __makeTemplateObject(["\n position: absolute;\n top: 12px;\n right: 12px;\n font-size: 20px;\n width: 32px;\n height: 32px;\n font-family: monospace;\n z-index: 1002;\n border: none;\n border-radius: 4px;\n background: #ccc;\n cursor: pointer;\n padding: 8px;\n box-sizing: border-box;\n display: flex;\n\n &:hover {\n background: #ddd;\n }\n\n & > svg {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n"], ["\n position: absolute;\n top: 12px;\n right: 12px;\n font-size: 20px;\n width: 32px;\n height: 32px;\n font-family: monospace;\n z-index: 1002;\n border: none;\n border-radius: 4px;\n background: #ccc;\n cursor: pointer;\n padding: 8px;\n box-sizing: border-box;\n display: flex;\n\n &:hover {\n background: #ddd;\n }\n\n & > svg {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n"])));
|
|
6679
6696
|
var ExitCaptureButton = function ExitCaptureButton(_a) {
|
|
6680
6697
|
var onClick = _a.onClick,
|
|
6681
6698
|
className = _a.className;
|
|
@@ -6719,7 +6736,7 @@ var ExitCaptureButton = function ExitCaptureButton(_a) {
|
|
|
6719
6736
|
y2: "19.75"
|
|
6720
6737
|
}))));
|
|
6721
6738
|
};
|
|
6722
|
-
var templateObject_1$
|
|
6739
|
+
var templateObject_1$G;
|
|
6723
6740
|
|
|
6724
6741
|
function IdCaptureLoadingGraphic(props) {
|
|
6725
6742
|
var isMobile = window.innerHeight > window.innerWidth;
|
|
@@ -7194,7 +7211,7 @@ function IdCaptureLoadingGraphicMobile(_a) {
|
|
|
7194
7211
|
fill: "white"
|
|
7195
7212
|
}))));
|
|
7196
7213
|
}
|
|
7197
|
-
var LoadingGraphicWrapper = styled.div(templateObject_1$
|
|
7214
|
+
var LoadingGraphicWrapper = styled.div(templateObject_1$F || (templateObject_1$F = __makeTemplateObject(["\n display: flex;\n width: 100%;\n height: 100%;\n"], ["\n display: flex;\n width: 100%;\n height: 100%;\n"])));
|
|
7198
7215
|
var LoadingGraphicSvg = styled.svg(templateObject_2$y || (templateObject_2$y = __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) {
|
|
7199
7216
|
return props.$frame > 1 ? 1 : props.$frame === 1 ? 1.25 : 0.75;
|
|
7200
7217
|
}, function (props) {
|
|
@@ -7208,7 +7225,7 @@ var LoadingGraphicCardGroup = styled.g(templateObject_3$n || (templateObject_3$n
|
|
|
7208
7225
|
var LoadingGraphicPhoneGroup = styled.g(templateObject_4$h || (templateObject_4$h = __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) {
|
|
7209
7226
|
return props.$offScreen ? '40px' : '0';
|
|
7210
7227
|
});
|
|
7211
|
-
var templateObject_1$
|
|
7228
|
+
var templateObject_1$F, templateObject_2$y, templateObject_3$n, templateObject_4$h;
|
|
7212
7229
|
|
|
7213
7230
|
function LoadingListItemIndicator(_a) {
|
|
7214
7231
|
var _b = _a.state,
|
|
@@ -7408,7 +7425,7 @@ var IdCaptureLoadingOverlayDefault = function IdCaptureLoadingOverlayDefault(_a)
|
|
|
7408
7425
|
}
|
|
7409
7426
|
}, ready ? verbiage.continueText : verbiage.pleaseWaitText))))));
|
|
7410
7427
|
};
|
|
7411
|
-
var OverlayInner$1 = styled(LoadingOverlayInner)(templateObject_1$
|
|
7428
|
+
var OverlayInner$1 = styled(LoadingOverlayInner)(templateObject_1$E || (templateObject_1$E = __makeTemplateObject(["\n background: ", ";\n color: ", ";\n"], ["\n background: ", ";\n color: ", ";\n"])), function (props) {
|
|
7412
7429
|
var _a, _b, _c, _d;
|
|
7413
7430
|
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';
|
|
7414
7431
|
}, function (props) {
|
|
@@ -7454,9 +7471,9 @@ var ContinueButton$1 = styled(LoaderButton)(templateObject_10$1 || (templateObje
|
|
|
7454
7471
|
var _a, _b, _c, _d;
|
|
7455
7472
|
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';
|
|
7456
7473
|
});
|
|
7457
|
-
var templateObject_1$
|
|
7474
|
+
var templateObject_1$E, templateObject_2$x, templateObject_3$m, templateObject_4$g, templateObject_5$c, templateObject_6$9, templateObject_7$6, templateObject_8$3, templateObject_9$2, templateObject_10$1;
|
|
7458
7475
|
|
|
7459
|
-
var ContinuityCameraCheckboxContainer = styled.div(templateObject_1$
|
|
7476
|
+
var ContinuityCameraCheckboxContainer = styled.div(templateObject_1$D || (templateObject_1$D = __makeTemplateObject(["\n margin-top: 15px;\n margin-bottom: 15px;\n"], ["\n margin-top: 15px;\n margin-bottom: 15px;\n"])));
|
|
7460
7477
|
var ContinuityCameraCheckbox = styled.input(templateObject_2$w || (templateObject_2$w = __makeTemplateObject(["\n margin-right: 8px;\n"], ["\n margin-right: 8px;\n"])));
|
|
7461
7478
|
var IdCaptureLoadingOverlayLegacy = function IdCaptureLoadingOverlayLegacy(_a) {
|
|
7462
7479
|
var _b, _c, _d, _e;
|
|
@@ -7578,7 +7595,7 @@ var IdCaptureLoadingOverlayLegacy = function IdCaptureLoadingOverlayLegacy(_a) {
|
|
|
7578
7595
|
}
|
|
7579
7596
|
}, ready ? verbiage.continueText : modelsReady ? verbiage.cameraInitializingText : modelDownloadProgress >= 100 ? verbiage.modelsWarmingUpText : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)"))));
|
|
7580
7597
|
};
|
|
7581
|
-
var templateObject_1$
|
|
7598
|
+
var templateObject_1$D, templateObject_2$w;
|
|
7582
7599
|
|
|
7583
7600
|
var components$1 = {
|
|
7584
7601
|
"default": IdCaptureLoadingOverlayDefault,
|
|
@@ -7636,9 +7653,9 @@ var CapturedDocumentImg = function CapturedDocumentImg(_a) {
|
|
|
7636
7653
|
});
|
|
7637
7654
|
};
|
|
7638
7655
|
|
|
7639
|
-
var Card = styled.div(templateObject_1$
|
|
7656
|
+
var Card = styled.div(templateObject_1$C || (templateObject_1$C = __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"])));
|
|
7640
7657
|
var FlexCard = styled(Card)(templateObject_2$v || (templateObject_2$v = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n"], ["\n display: flex;\n flex-direction: column;\n"])));
|
|
7641
|
-
var templateObject_1$
|
|
7658
|
+
var templateObject_1$C, templateObject_2$v;
|
|
7642
7659
|
|
|
7643
7660
|
var imageDisplayOrder = ['idCardFront', 'idCardBack', 'passport', 'singlePage', 'idFrontIrImage', 'idBackIrImage', 'idFrontUvImage', 'idBackUvImage'];
|
|
7644
7661
|
var IdCaptureSuccess = function IdCaptureSuccess(_a) {
|
|
@@ -7700,13 +7717,13 @@ var IdCaptureSuccess = function IdCaptureSuccess(_a) {
|
|
|
7700
7717
|
finished: true
|
|
7701
7718
|
}, verbiage.retryText)))));
|
|
7702
7719
|
};
|
|
7703
|
-
var Heading$a = styled.h1(templateObject_1$
|
|
7720
|
+
var Heading$a = styled.h1(templateObject_1$B || (templateObject_1$B = __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"])));
|
|
7704
7721
|
var ImagesContainer = styled(OverlayImageContainer)(templateObject_2$u || (templateObject_2$u = __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"])));
|
|
7705
7722
|
var ImageRow = styled(OverlayImageRow)(templateObject_3$l || (templateObject_3$l = __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"])));
|
|
7706
7723
|
var ImageCol$1 = styled.div(templateObject_4$f || (templateObject_4$f = __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"])));
|
|
7707
7724
|
var StyledImage = styled(CapturedDocumentImg)(templateObject_5$b || (templateObject_5$b = __makeTemplateObject(["\n width: 100%;\n border-radius: 12px;\n"], ["\n width: 100%;\n border-radius: 12px;\n"])));
|
|
7708
7725
|
var DebugPre = styled.pre(templateObject_6$8 || (templateObject_6$8 = __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"])));
|
|
7709
|
-
var templateObject_1$
|
|
7726
|
+
var templateObject_1$B, templateObject_2$u, templateObject_3$l, templateObject_4$f, templateObject_5$b, templateObject_6$8;
|
|
7710
7727
|
|
|
7711
7728
|
function useShowSuccessScreen(skipSuccessScreen, successScreenReady, onDoneCallback) {
|
|
7712
7729
|
var _this = this;
|
|
@@ -7758,7 +7775,7 @@ function resetCanvasDimensions(canvas) {
|
|
|
7758
7775
|
canvas.style.height = '0';
|
|
7759
7776
|
}
|
|
7760
7777
|
|
|
7761
|
-
var IdCardGuideImageContainer = styled(IdCardBorder)(templateObject_1$
|
|
7778
|
+
var IdCardGuideImageContainer = styled(IdCardBorder)(templateObject_1$A || (templateObject_1$A = __makeTemplateObject(["\n position: relative;\n ", "\n box-sizing: border-box;\n"], ["\n position: relative;\n ", "\n box-sizing: border-box;\n"])), function (props) {
|
|
7762
7779
|
return props.$isVisible ? '' : 'opacity: 0;';
|
|
7763
7780
|
});
|
|
7764
7781
|
var IdCardGuideImage = styled.img(templateObject_2$t || (templateObject_2$t = __makeTemplateObject(["\n transform-style: preserve-3d;\n ", "\n ", "\n"], ["\n transform-style: preserve-3d;\n ", "\n ", "\n"])), function (props) {
|
|
@@ -7914,7 +7931,7 @@ var IdCardBorderRect = styled.rect(templateObject_5$a || (templateObject_5$a = _
|
|
|
7914
7931
|
var _a;
|
|
7915
7932
|
return (_a = props.$fillMode) !== null && _a !== void 0 ? _a : 'forwards';
|
|
7916
7933
|
});
|
|
7917
|
-
var templateObject_1$
|
|
7934
|
+
var templateObject_1$A, templateObject_2$t, templateObject_3$k, templateObject_4$e, templateObject_5$a;
|
|
7918
7935
|
|
|
7919
7936
|
var defaultIdCaptureGuideImages = {
|
|
7920
7937
|
portrait: {
|
|
@@ -8090,12 +8107,12 @@ var IdVideoCaptureFlipIdPrompt = function IdVideoCaptureFlipIdPrompt(_a) {
|
|
|
8090
8107
|
style: imageStyle
|
|
8091
8108
|
})));
|
|
8092
8109
|
};
|
|
8093
|
-
var FlipImageContainer = styled(IdCardGuideImageContainer)(templateObject_1$
|
|
8110
|
+
var FlipImageContainer = styled(IdCardGuideImageContainer)(templateObject_1$z || (templateObject_1$z = __makeTemplateObject(["\n backface-visibility: hidden;\n transition: transform ", "s;\n transform: ", ";\n transform-style: preserve-3d;\n position: absolute;\n display: block;\n top: 0;\n width: 100%;\n max-height: 100%;\n"], ["\n backface-visibility: hidden;\n transition: transform ", "s;\n transform: ", ";\n transform-style: preserve-3d;\n position: absolute;\n display: block;\n top: 0;\n width: 100%;\n max-height: 100%;\n"])), function (props) {
|
|
8094
8111
|
return props.$transitionTime;
|
|
8095
8112
|
}, function (props) {
|
|
8096
8113
|
return props.$transforms;
|
|
8097
8114
|
});
|
|
8098
|
-
var templateObject_1$
|
|
8115
|
+
var templateObject_1$z;
|
|
8099
8116
|
|
|
8100
8117
|
var GuideOrientationContext = /*#__PURE__*/createContext({
|
|
8101
8118
|
orientation: 'landscape',
|
|
@@ -8382,7 +8399,7 @@ var regionClsx = function regionClsx(classNames, which) {
|
|
|
8382
8399
|
return v;
|
|
8383
8400
|
}).join(' ');
|
|
8384
8401
|
};
|
|
8385
|
-
var StyledPageContainer = styled.div(templateObject_1$
|
|
8402
|
+
var StyledPageContainer = styled.div(templateObject_1$y || (templateObject_1$y = __makeTemplateObject(["\n position: relative;\n width: 100%;\n height: 100%;\n z-index: 1000;\n overflow: hidden;\n"], ["\n position: relative;\n width: 100%;\n height: 100%;\n z-index: 1000;\n overflow: hidden;\n"])));
|
|
8386
8403
|
var GuidesContainer = styled.div(templateObject_2$s || (templateObject_2$s = __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"])));
|
|
8387
8404
|
var GuideCenterRow = styled.div(templateObject_3$j || (templateObject_3$j = __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"])));
|
|
8388
8405
|
var GuideRegion = styled.div(templateObject_4$d || (templateObject_4$d = __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) {
|
|
@@ -8410,7 +8427,7 @@ var GuideCenterBorder = styled.div(templateObject_7$5 || (templateObject_7$5 = _
|
|
|
8410
8427
|
});
|
|
8411
8428
|
var GuideText = styled.span(templateObject_8$2 || (templateObject_8$2 = __makeTemplateObject(["\n align-content: center;\n margin-top: 12px;\n margin-bottom: 12px;\n"], ["\n align-content: center;\n margin-top: 12px;\n margin-bottom: 12px;\n"])));
|
|
8412
8429
|
var GuideCenterInner = styled.div(templateObject_9$1 || (templateObject_9$1 = __makeTemplateObject(["\n position: relative;\n margin: auto;\n"], ["\n position: relative;\n margin: auto;\n"])));
|
|
8413
|
-
var templateObject_1$
|
|
8430
|
+
var templateObject_1$y, templateObject_2$s, templateObject_3$j, templateObject_4$d, templateObject_5$9, templateObject_6$7, templateObject_7$5, templateObject_8$2, templateObject_9$1;
|
|
8414
8431
|
|
|
8415
8432
|
var IdCaptureFitGuide = function IdCaptureFitGuide(_a) {
|
|
8416
8433
|
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
|
|
@@ -8551,11 +8568,11 @@ var IdCaptureFitGuide = function IdCaptureFitGuide(_a) {
|
|
|
8551
8568
|
progress: progress
|
|
8552
8569
|
}));
|
|
8553
8570
|
};
|
|
8554
|
-
var CanvasWrapper$1 = styled.div(templateObject_1$
|
|
8571
|
+
var CanvasWrapper$1 = styled.div(templateObject_1$x || (templateObject_1$x = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n flex-grow: 1;\n background-clip: padding-box;\n box-shadow: inset 0 0 0 2px ", ";\n z-index: -1;\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n flex-grow: 1;\n background-clip: padding-box;\n box-shadow: inset 0 0 0 2px ", ";\n z-index: -1;\n"])), function (props) {
|
|
8555
8572
|
return props.$maskColor;
|
|
8556
8573
|
});
|
|
8557
8574
|
var Canvas$1 = styled.canvas(templateObject_2$r || (templateObject_2$r = __makeTemplateObject(["\n display: block;\n"], ["\n display: block;\n"])));
|
|
8558
|
-
var templateObject_1$
|
|
8575
|
+
var templateObject_1$x, templateObject_2$r;
|
|
8559
8576
|
|
|
8560
8577
|
function IdCaptureGuides(_a) {
|
|
8561
8578
|
var _b = _a.guideType,
|
|
@@ -8611,7 +8628,7 @@ function IdCaptureGuides(_a) {
|
|
|
8611
8628
|
})));
|
|
8612
8629
|
}
|
|
8613
8630
|
|
|
8614
|
-
var Spinner = styled.div(templateObject_1$
|
|
8631
|
+
var Spinner = styled.div(templateObject_1$w || (templateObject_1$w = __makeTemplateObject(["\n display: inline-block;\n width: ", "px;\n height: ", "px;\n margin: auto;\n\n &:after {\n content: ' ';\n display: block;\n width: ", "px;\n height: ", "px;\n margin: 8px;\n border-radius: 50%;\n border: ", "px solid\n ", ";\n border-color: ", " transparent\n ", " transparent;\n animation: ", " 1.2s linear infinite;\n box-sizing: content-box;\n }\n"], ["\n display: inline-block;\n width: ", "px;\n height: ", "px;\n margin: auto;\n\n &:after {\n content: ' ';\n display: block;\n width: ", "px;\n height: ", "px;\n margin: 8px;\n border-radius: 50%;\n border: ", "px solid\n ", ";\n border-color: ", " transparent\n ", " transparent;\n animation: ", " 1.2s linear infinite;\n box-sizing: content-box;\n }\n"])), function (_a) {
|
|
8615
8632
|
var $size = _a.$size;
|
|
8616
8633
|
return $size !== null && $size !== void 0 ? $size : 80;
|
|
8617
8634
|
}, function (_a) {
|
|
@@ -8640,7 +8657,7 @@ var SpinnerPageContainer = styled.div(templateObject_2$q || (templateObject_2$q
|
|
|
8640
8657
|
function SpinnerPage() {
|
|
8641
8658
|
return /*#__PURE__*/React__default.createElement(SpinnerPageContainer, null, /*#__PURE__*/React__default.createElement(Spinner, null));
|
|
8642
8659
|
}
|
|
8643
|
-
var templateObject_1$
|
|
8660
|
+
var templateObject_1$w, templateObject_2$q;
|
|
8644
8661
|
|
|
8645
8662
|
var IdCaptureImagePreview = function IdCaptureImagePreview(_a) {
|
|
8646
8663
|
var _b = _a.classNames,
|
|
@@ -8727,11 +8744,11 @@ var SelfieProgressPreview = function SelfieProgressPreview(_a) {
|
|
|
8727
8744
|
onError: onError
|
|
8728
8745
|
})));
|
|
8729
8746
|
};
|
|
8730
|
-
var StyledSpinner = styled(Spinner)(templateObject_1$
|
|
8747
|
+
var StyledSpinner = styled(Spinner)(templateObject_1$v || (templateObject_1$v = __makeTemplateObject(["\n position: relative;\n top: 4px;\n left: -3px;\n margin: 0 3px 0 -12px;\n"], ["\n position: relative;\n top: 4px;\n left: -3px;\n margin: 0 3px 0 -12px;\n"])));
|
|
8731
8748
|
var ImagePreviewWrapper = styled.div(templateObject_2$p || (templateObject_2$p = __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"])));
|
|
8732
8749
|
var ImagePreviewText = styled.div(templateObject_3$i || (templateObject_3$i = __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"])));
|
|
8733
8750
|
var ImagePreviewImageWrapper = styled.div(templateObject_4$c || (templateObject_4$c = __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"])));
|
|
8734
|
-
var templateObject_1$
|
|
8751
|
+
var templateObject_1$v, templateObject_2$p, templateObject_3$i, templateObject_4$c;
|
|
8735
8752
|
|
|
8736
8753
|
var documentCaptureInitialState = {
|
|
8737
8754
|
documents: [],
|
|
@@ -9079,16 +9096,16 @@ var DocumentCaptureGuideOverlay = function DocumentCaptureGuideOverlay(_a) {
|
|
|
9079
9096
|
ref: canvasRef
|
|
9080
9097
|
}));
|
|
9081
9098
|
};
|
|
9082
|
-
var CanvasWrapper = styled.div(templateObject_1$
|
|
9099
|
+
var CanvasWrapper = styled.div(templateObject_1$u || (templateObject_1$u = __makeTemplateObject(["\n flex-grow: 1;\n background-clip: padding-box;\n box-shadow: inset 0 0 0 2px ", ";\n"], ["\n flex-grow: 1;\n background-clip: padding-box;\n box-shadow: inset 0 0 0 2px ", ";\n"])), function (props) {
|
|
9083
9100
|
return props.$maskColor;
|
|
9084
9101
|
});
|
|
9085
9102
|
var Canvas = styled.canvas(templateObject_2$o || (templateObject_2$o = __makeTemplateObject(["\n display: block;\n"], ["\n display: block;\n"])));
|
|
9086
|
-
var templateObject_1$
|
|
9103
|
+
var templateObject_1$u, templateObject_2$o;
|
|
9087
9104
|
|
|
9088
|
-
var CameraFeedWrapper = styled.div(templateObject_1$
|
|
9105
|
+
var CameraFeedWrapper = styled.div(templateObject_1$t || (templateObject_1$t = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
9089
9106
|
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;") : "";
|
|
9090
9107
|
});
|
|
9091
|
-
var templateObject_1$
|
|
9108
|
+
var templateObject_1$t;
|
|
9092
9109
|
|
|
9093
9110
|
var CameraVideoTag = function CameraVideoTag(props) {
|
|
9094
9111
|
var _a = useCameraStore(useShallow(function (store) {
|
|
@@ -9119,10 +9136,10 @@ var CameraVideoTag = function CameraVideoTag(props) {
|
|
|
9119
9136
|
"$isRearFacing": isRearFacing
|
|
9120
9137
|
}, props));
|
|
9121
9138
|
};
|
|
9122
|
-
var FullscreenVideoTag = styled.video(templateObject_1$
|
|
9139
|
+
var FullscreenVideoTag = styled.video(templateObject_1$s || (templateObject_1$s = __makeTemplateObject(["\n transform: ", ";\n transform-style: preserve-3d;\n min-width: 100%;\n min-height: 100%;\n width: auto;\n height: auto;\n max-width: 100%;\n max-height: 100%;\n object-fit: cover;\n background: black;\n z-index: -2;\n"], ["\n transform: ", ";\n transform-style: preserve-3d;\n min-width: 100%;\n min-height: 100%;\n width: auto;\n height: auto;\n max-width: 100%;\n max-height: 100%;\n object-fit: cover;\n background: black;\n z-index: -2;\n"])), function (props) {
|
|
9123
9140
|
return props.$isRearFacing ? '' : 'scaleX(-1)';
|
|
9124
9141
|
});
|
|
9125
|
-
var templateObject_1$
|
|
9142
|
+
var templateObject_1$s;
|
|
9126
9143
|
|
|
9127
9144
|
var DocumentCaptureScreen = function DocumentCaptureScreen(_a) {
|
|
9128
9145
|
var _b, _c, _d, _e;
|
|
@@ -9270,7 +9287,7 @@ var DocumentCaptureScreen = function DocumentCaptureScreen(_a) {
|
|
|
9270
9287
|
disabled: !cameraReady || capturing
|
|
9271
9288
|
}, !cameraReady ? verbiage.loadingBtnText : capturing ? verbiage.capturingBtnText : verbiage.captureBtnText))))));
|
|
9272
9289
|
};
|
|
9273
|
-
var CaptureContainer = styled.div(templateObject_1$
|
|
9290
|
+
var CaptureContainer = styled.div(templateObject_1$r || (templateObject_1$r = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n"], ["\n display: flex;\n flex-direction: column;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n"])));
|
|
9274
9291
|
var HeadingRow = styled.div(templateObject_2$n || (templateObject_2$n = __makeTemplateObject(["\n background: ", ";\n text-align: center;\n color: white;\n"], ["\n background: ", ";\n text-align: center;\n color: white;\n"])), function (props) {
|
|
9275
9292
|
return props.$maskColor;
|
|
9276
9293
|
});
|
|
@@ -9284,7 +9301,7 @@ var Instructions = styled.div(templateObject_5$8 || (templateObject_5$8 = __make
|
|
|
9284
9301
|
});
|
|
9285
9302
|
var StyledButtonsRow$8 = styled(ButtonsRow$2)(templateObject_6$6 || (templateObject_6$6 = __makeTemplateObject(["\n padding-top: 20px;\n"], ["\n padding-top: 20px;\n"])));
|
|
9286
9303
|
var PreviewImage = styled.img(templateObject_7$4 || (templateObject_7$4 = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n object-fit: cover;\n"], ["\n width: 100%;\n height: 100%;\n object-fit: cover;\n"])));
|
|
9287
|
-
var templateObject_1$
|
|
9304
|
+
var templateObject_1$r, templateObject_2$n, templateObject_3$h, templateObject_4$b, templateObject_5$8, templateObject_6$6, templateObject_7$4;
|
|
9288
9305
|
|
|
9289
9306
|
var DocumentCaptureWizard = function DocumentCaptureWizard(_a) {
|
|
9290
9307
|
var onSuccess = _a.onSuccess,
|
|
@@ -9555,13 +9572,13 @@ var IdCaptureFallback = function IdCaptureFallback(_a) {
|
|
|
9555
9572
|
}
|
|
9556
9573
|
}, verbiage.doneBtnText))))));
|
|
9557
9574
|
};
|
|
9558
|
-
var StyledOverlayInner$2 = styled(OverlayInner$2)(templateObject_1$
|
|
9575
|
+
var StyledOverlayInner$2 = styled(OverlayInner$2)(templateObject_1$q || (templateObject_1$q = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
9559
9576
|
var Heading$8 = styled.h3(templateObject_2$m || (templateObject_2$m = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
9560
9577
|
var Description$3 = styled.p(templateObject_3$g || (templateObject_3$g = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
9561
9578
|
var Instruction = styled.p(templateObject_4$a || (templateObject_4$a = __makeTemplateObject(["\n font-weight: bold;\n"], ["\n font-weight: bold;\n"])));
|
|
9562
9579
|
var ImageCol = styled.div(templateObject_5$7 || (templateObject_5$7 = __makeTemplateObject(["\n display: flex;\n justify-content: center;\n flex-grow: 1;\n flex-basis: 0;\n"], ["\n display: flex;\n justify-content: center;\n flex-grow: 1;\n flex-basis: 0;\n"])));
|
|
9563
9580
|
var StyledButtonsRow$7 = styled(ButtonsRow$2)(templateObject_6$5 || (templateObject_6$5 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
9564
|
-
var templateObject_1$
|
|
9581
|
+
var templateObject_1$q, templateObject_2$m, templateObject_3$g, templateObject_4$a, templateObject_5$7, templateObject_6$5;
|
|
9565
9582
|
|
|
9566
9583
|
function ScalingCameraFeed() {
|
|
9567
9584
|
var _a = useIdCaptureStore(),
|
|
@@ -9913,7 +9930,7 @@ function FilePickerButton(_a) {
|
|
|
9913
9930
|
}
|
|
9914
9931
|
}, file ? "".concat(file.name, " (").concat(humanFileSize(file.size), ")") : filePickerLoading ? loadingText : children));
|
|
9915
9932
|
}
|
|
9916
|
-
var ScreenContainer = styled.div(templateObject_1$
|
|
9933
|
+
var ScreenContainer = styled.div(templateObject_1$p || (templateObject_1$p = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n height: 100%;\n width: 100%;\n position: relative;\n font-family: ", ";\n"], ["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n height: 100%;\n width: 100%;\n position: relative;\n font-family: ", ";\n"])), function (props) {
|
|
9917
9934
|
var _a;
|
|
9918
9935
|
return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
|
|
9919
9936
|
});
|
|
@@ -10202,7 +10219,7 @@ function humanFileSize(bytes, si, dp) {
|
|
|
10202
10219
|
} while (Math.round(Math.abs(bytes) * r) / r >= thresh && u < units.length - 1);
|
|
10203
10220
|
return bytes.toFixed(dp) + ' ' + units[u];
|
|
10204
10221
|
}
|
|
10205
|
-
var templateObject_1$
|
|
10222
|
+
var templateObject_1$p, templateObject_2$l, templateObject_3$f, templateObject_4$9, templateObject_5$6, templateObject_6$4, templateObject_7$3, templateObject_8$1, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13;
|
|
10206
10223
|
|
|
10207
10224
|
var IdCaptureWizard = function IdCaptureWizard(_a) {
|
|
10208
10225
|
var _b, _c, _d, _e, _f;
|
|
@@ -10895,7 +10912,7 @@ var HeadGuideSvg = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
10895
10912
|
}))));
|
|
10896
10913
|
});
|
|
10897
10914
|
HeadGuideSvg.displayName = 'HeadGuideSvg';
|
|
10898
|
-
var PulsingHeadGuideContainer = styled.div(templateObject_1$
|
|
10915
|
+
var PulsingHeadGuideContainer = styled.div(templateObject_1$o || (templateObject_1$o = __makeTemplateObject(["\n display: flex;\n position: relative;\n height: 100%;\n max-height: 100%;\n\n & > .idmSdkWaves {\n position: absolute;\n animation: ", " 2s ease-out infinite;\n transform-style: preserve-3d;\n\n &:nth-child(2) {\n animation-delay: 0.66s;\n }\n\n &:nth-child(3) {\n animation-delay: 1.33s;\n }\n }\n\n & > .idmSdkWavesOrigin {\n position: relative;\n }\n"], ["\n display: flex;\n position: relative;\n height: 100%;\n max-height: 100%;\n\n & > .idmSdkWaves {\n position: absolute;\n animation: ", " 2s ease-out infinite;\n transform-style: preserve-3d;\n\n &:nth-child(2) {\n animation-delay: 0.66s;\n }\n\n &:nth-child(3) {\n animation-delay: 1.33s;\n }\n }\n\n & > .idmSdkWavesOrigin {\n position: relative;\n }\n"])), wavesAnimation);
|
|
10899
10916
|
function HeadGuide(_a) {
|
|
10900
10917
|
var _b;
|
|
10901
10918
|
var _c = _a.status,
|
|
@@ -11173,9 +11190,9 @@ function SelfieCaptureAnimatedMaskWithStatus(_a) {
|
|
|
11173
11190
|
status: status
|
|
11174
11191
|
}));
|
|
11175
11192
|
}
|
|
11176
|
-
var templateObject_1$
|
|
11193
|
+
var templateObject_1$o, templateObject_2$k, templateObject_3$e;
|
|
11177
11194
|
|
|
11178
|
-
var FaceCaptureGuideContainer = styled.div(templateObject_1$
|
|
11195
|
+
var FaceCaptureGuideContainer = styled.div(templateObject_1$n || (templateObject_1$n = __makeTemplateObject(["\n position: absolute;\n z-index: 1000;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 40px;\n box-sizing: border-box;\n"], ["\n position: absolute;\n z-index: 1000;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 40px;\n box-sizing: border-box;\n"])));
|
|
11179
11196
|
var FaceCaptureGuideInner = styled.div(templateObject_2$j || (templateObject_2$j = __makeTemplateObject(["\n position: relative;\n height: 60%;\n"], ["\n position: relative;\n height: 60%;\n"])));
|
|
11180
11197
|
var FaceCaptureGuideOverlay = function FaceCaptureGuideOverlay(_a) {
|
|
11181
11198
|
var _b = _a.classNames,
|
|
@@ -11198,7 +11215,7 @@ var FaceCaptureGuideOverlay = function FaceCaptureGuideOverlay(_a) {
|
|
|
11198
11215
|
verticalAlign: "center"
|
|
11199
11216
|
})));
|
|
11200
11217
|
};
|
|
11201
|
-
var templateObject_1$
|
|
11218
|
+
var templateObject_1$n, templateObject_2$j;
|
|
11202
11219
|
|
|
11203
11220
|
var SelfieGuidanceModelsContext = /*#__PURE__*/createContext({
|
|
11204
11221
|
start: function start() {
|
|
@@ -11276,8 +11293,10 @@ function SelfieGuidanceModelsProvider(_a) {
|
|
|
11276
11293
|
requireVerticalFaceCentering: requireVerticalFaceCentering
|
|
11277
11294
|
});
|
|
11278
11295
|
setLastFaceDetectionAt(new Date().getTime());
|
|
11296
|
+
// setLastPrediction(processed)
|
|
11279
11297
|
return [4 /*yield*/, (_b = onPredictionHandler.current) === null || _b === void 0 ? void 0 : _b.call(onPredictionHandler, processed)];
|
|
11280
11298
|
case 2:
|
|
11299
|
+
// setLastPrediction(processed)
|
|
11281
11300
|
_c.sent();
|
|
11282
11301
|
return [3 /*break*/, 4];
|
|
11283
11302
|
case 3:
|
|
@@ -11308,7 +11327,7 @@ function SelfieGuidanceModelsProvider(_a) {
|
|
|
11308
11327
|
error: modelError,
|
|
11309
11328
|
modelDownloadProgress: modelDownloadProgress
|
|
11310
11329
|
};
|
|
11311
|
-
}, [
|
|
11330
|
+
}, [start, stop, ready, onPredictionMade, modelError, modelDownloadProgress]);
|
|
11312
11331
|
return /*#__PURE__*/React.createElement(SelfieGuidanceModelsContext.Provider, {
|
|
11313
11332
|
value: value
|
|
11314
11333
|
}, /*#__PURE__*/React.createElement(InvisibleCanvas, {
|
|
@@ -11518,12 +11537,12 @@ var SelfieCaptureFallback = function SelfieCaptureFallback(_a) {
|
|
|
11518
11537
|
}
|
|
11519
11538
|
}, !image ? invalidSelfie ? verbiage.retryButtonText : verbiage.captureBtnText : loading ? verbiage.doneBtnLoadingText : verbiage.doneBtnText)))));
|
|
11520
11539
|
};
|
|
11521
|
-
var StyledOverlayInner$1 = styled(OverlayInner$2)(templateObject_1$
|
|
11540
|
+
var StyledOverlayInner$1 = styled(OverlayInner$2)(templateObject_1$m || (templateObject_1$m = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
11522
11541
|
var Heading$7 = styled.h3(templateObject_2$i || (templateObject_2$i = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
11523
11542
|
var Description$2 = styled.p(templateObject_3$d || (templateObject_3$d = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
11524
11543
|
var ImageContainer$6 = styled(OverlayImageContainer)(templateObject_4$8 || (templateObject_4$8 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
11525
11544
|
var StyledButtonsRow$6 = styled(ButtonsRow$2)(templateObject_5$5 || (templateObject_5$5 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
11526
|
-
var templateObject_1$
|
|
11545
|
+
var templateObject_1$m, templateObject_2$i, templateObject_3$d, templateObject_4$8, templateObject_5$5;
|
|
11527
11546
|
|
|
11528
11547
|
var initialState$3 = {
|
|
11529
11548
|
busy: false,
|
|
@@ -11551,7 +11570,7 @@ var reducer$3 = function reducer(state, action) {
|
|
|
11551
11570
|
}
|
|
11552
11571
|
};
|
|
11553
11572
|
var SelfieCapture = function SelfieCapture(_a) {
|
|
11554
|
-
var _b
|
|
11573
|
+
var _b;
|
|
11555
11574
|
var onGuidanceSatisfied = _a.onGuidanceSatisfied,
|
|
11556
11575
|
onGuidanceNotSatisfied = _a.onGuidanceNotSatisfied,
|
|
11557
11576
|
onFaceDetected = _a.onFaceDetected,
|
|
@@ -11559,46 +11578,40 @@ var SelfieCapture = function SelfieCapture(_a) {
|
|
|
11559
11578
|
onSelfieCaptured = _a.onSelfieCaptured,
|
|
11560
11579
|
onTimeout = _a.onTimeout,
|
|
11561
11580
|
onExit = _a.onExit,
|
|
11562
|
-
|
|
11563
|
-
timeoutDurationMs =
|
|
11581
|
+
_c = _a.timeoutDurationMs,
|
|
11582
|
+
timeoutDurationMs = _c === void 0 ? 15000 : _c,
|
|
11564
11583
|
guidanceMessage = _a.guidanceMessage,
|
|
11565
11584
|
guidanceSatisfied = _a.guidanceSatisfied,
|
|
11566
11585
|
guidesComponent = _a.guidesComponent,
|
|
11567
|
-
|
|
11568
|
-
shouldCapture =
|
|
11569
|
-
|
|
11570
|
-
classNames =
|
|
11571
|
-
|
|
11572
|
-
colors =
|
|
11573
|
-
|
|
11574
|
-
rawVerbiage =
|
|
11575
|
-
|
|
11576
|
-
debugMode =
|
|
11577
|
-
var
|
|
11578
|
-
ref =
|
|
11579
|
-
|
|
11580
|
-
width =
|
|
11581
|
-
|
|
11582
|
-
height =
|
|
11583
|
-
var
|
|
11584
|
-
|
|
11585
|
-
busy =
|
|
11586
|
-
prediction =
|
|
11587
|
-
dispatch =
|
|
11586
|
+
_d = _a.shouldCapture,
|
|
11587
|
+
shouldCapture = _d === void 0 ? true : _d,
|
|
11588
|
+
_e = _a.classNames,
|
|
11589
|
+
classNames = _e === void 0 ? {} : _e,
|
|
11590
|
+
_f = _a.colors,
|
|
11591
|
+
colors = _f === void 0 ? {} : _f,
|
|
11592
|
+
_g = _a.verbiage,
|
|
11593
|
+
rawVerbiage = _g === void 0 ? {} : _g,
|
|
11594
|
+
_h = _a.debugMode,
|
|
11595
|
+
debugMode = _h === void 0 ? false : _h;
|
|
11596
|
+
var _j = useResizeObserver(),
|
|
11597
|
+
ref = _j.ref,
|
|
11598
|
+
_k = _j.width,
|
|
11599
|
+
width = _k === void 0 ? 1 : _k,
|
|
11600
|
+
_l = _j.height,
|
|
11601
|
+
height = _l === void 0 ? 1 : _l;
|
|
11602
|
+
var _m = useReducer(reducer$3, initialState$3),
|
|
11603
|
+
_o = _m[0],
|
|
11604
|
+
busy = _o.busy,
|
|
11605
|
+
prediction = _o.prediction,
|
|
11606
|
+
dispatch = _m[1];
|
|
11588
11607
|
var lastPredictionCanvas = useRef(null);
|
|
11589
|
-
var
|
|
11590
|
-
|
|
11591
|
-
|
|
11592
|
-
|
|
11593
|
-
|
|
11594
|
-
|
|
11595
|
-
|
|
11596
|
-
camera = _t.camera,
|
|
11597
|
-
videoRef = _t.videoRef;
|
|
11598
|
-
var _u = useContext(SelfieGuidanceModelsContext),
|
|
11599
|
-
onPredictionMade = _u.onPredictionMade,
|
|
11600
|
-
canvasRef = _u.canvasRef,
|
|
11601
|
-
guidanceError = _u.error;
|
|
11608
|
+
var camera = useCameraStore(useShallow(function (state) {
|
|
11609
|
+
return state.camera;
|
|
11610
|
+
}));
|
|
11611
|
+
var _p = useContext(SelfieGuidanceModelsContext),
|
|
11612
|
+
onPredictionMade = _p.onPredictionMade,
|
|
11613
|
+
canvasRef = _p.canvasRef,
|
|
11614
|
+
guidanceError = _p.error;
|
|
11602
11615
|
onPredictionMade(useThrottledCallback(useCallback(function (prediction) {
|
|
11603
11616
|
return __awaiter(void 0, void 0, void 0, function () {
|
|
11604
11617
|
return __generator(this, function (_a) {
|
|
@@ -11643,15 +11656,13 @@ var SelfieCapture = function SelfieCapture(_a) {
|
|
|
11643
11656
|
if (timer) clearTimeout(timer);
|
|
11644
11657
|
};
|
|
11645
11658
|
}, [onSelfieCaptureStarted, onSelfieCaptured, prediction]);
|
|
11646
|
-
var
|
|
11647
|
-
timedOut =
|
|
11648
|
-
timeoutStartedAt =
|
|
11659
|
+
var _q = useTimeout(timeoutDurationMs, onTimeout),
|
|
11660
|
+
timedOut = _q.timedOut,
|
|
11661
|
+
timeoutStartedAt = _q.timeoutStartedAt;
|
|
11649
11662
|
var debugScalingDetails = useDebugScalingDetails({
|
|
11650
11663
|
enabled: debugMode,
|
|
11651
11664
|
pageWidth: width,
|
|
11652
|
-
pageHeight: height
|
|
11653
|
-
videoWidth: (_c = (_b = videoRef.current) === null || _b === void 0 ? void 0 : _b.videoWidth) !== null && _c !== void 0 ? _c : 0,
|
|
11654
|
-
videoHeight: (_e = (_d = videoRef.current) === null || _d === void 0 ? void 0 : _d.videoHeight) !== null && _e !== void 0 ? _e : 0
|
|
11665
|
+
pageHeight: height
|
|
11655
11666
|
});
|
|
11656
11667
|
colors.guidesUnsatisfiedColor || (colors.guidesUnsatisfiedColor = 'white');
|
|
11657
11668
|
colors.guidesSatisfiedColor || (colors.guidesSatisfiedColor = 'green');
|
|
@@ -11664,7 +11675,7 @@ var SelfieCapture = function SelfieCapture(_a) {
|
|
|
11664
11675
|
guidanceNoFaceDetectedText: 'Waiting for face to be detected...',
|
|
11665
11676
|
guidanceNotStableText: 'Please hold still...'
|
|
11666
11677
|
});
|
|
11667
|
-
var satisfied = (
|
|
11678
|
+
var satisfied = (_b = prediction === null || prediction === void 0 ? void 0 : prediction.faceReady) !== null && _b !== void 0 ? _b : false;
|
|
11668
11679
|
if (typeof guidanceSatisfied === 'boolean') satisfied = guidanceSatisfied;
|
|
11669
11680
|
guidanceMessage || (guidanceMessage = satisfied ? verbiage.guidanceHoldStillText : (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.faceNotCentered) ? verbiage.guidanceMoveToCenterText : (prediction === null || prediction === void 0 ? void 0 : prediction.faceNotDetected) ? verbiage.guidanceNoFaceDetectedText : !(prediction === null || prediction === void 0 ? void 0 : prediction.faceIsStable) ? verbiage.guidanceNotStableText : '');
|
|
11670
11681
|
if (guidanceError) {
|
|
@@ -11673,7 +11684,7 @@ var SelfieCapture = function SelfieCapture(_a) {
|
|
|
11673
11684
|
});
|
|
11674
11685
|
}
|
|
11675
11686
|
var GuidesComponent = guidesComponent !== null && guidesComponent !== void 0 ? guidesComponent : FaceCaptureGuideOverlay;
|
|
11676
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
11687
|
+
return /*#__PURE__*/React__default.createElement(Container$6, {
|
|
11677
11688
|
ref: ref,
|
|
11678
11689
|
className: classNames.container
|
|
11679
11690
|
}, /*#__PURE__*/React__default.createElement(InvisibleCanvas, {
|
|
@@ -11695,8 +11706,8 @@ var SelfieCapture = function SelfieCapture(_a) {
|
|
|
11695
11706
|
className: classNames.exitCaptureBtn
|
|
11696
11707
|
}));
|
|
11697
11708
|
};
|
|
11698
|
-
var Container$
|
|
11699
|
-
var templateObject_1$
|
|
11709
|
+
var Container$6 = styled.div(templateObject_1$l || (templateObject_1$l = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n"], ["\n width: 100%;\n height: 100%;\n"])));
|
|
11710
|
+
var templateObject_1$l;
|
|
11700
11711
|
|
|
11701
11712
|
var initialState$2 = {
|
|
11702
11713
|
frame: null,
|
|
@@ -11822,7 +11833,7 @@ var FaceLivenessCapture = function FaceLivenessCapture(_a) {
|
|
|
11822
11833
|
var _m = useContext(SubmissionContext),
|
|
11823
11834
|
checkLiveness = _m.checkLiveness,
|
|
11824
11835
|
submissionError = _m.submissionError;
|
|
11825
|
-
var modelError =
|
|
11836
|
+
var modelError = useSelfieGuidanceModelsContext().error;
|
|
11826
11837
|
var _o = useReducer(reducer$2, initialState$2),
|
|
11827
11838
|
state = _o[0],
|
|
11828
11839
|
dispatch = _o[1];
|
|
@@ -12084,9 +12095,9 @@ var FaceLivenessSuccess = function FaceLivenessSuccess(_a) {
|
|
|
12084
12095
|
finished: true
|
|
12085
12096
|
}, verbiage.retryBtnText)))));
|
|
12086
12097
|
};
|
|
12087
|
-
var ImageContainer$5 = styled.div(templateObject_1$
|
|
12098
|
+
var ImageContainer$5 = styled.div(templateObject_1$k || (templateObject_1$k = __makeTemplateObject(["\n position: relative;\n flex-grow: 1;\n margin-bottom: 25px;\n max-width: 100%;\n max-height: 100%;\n overflow-y: auto;\n border-radius: 12px;\n\n & > img,\n & > svg {\n width: 100%;\n max-width: 100%;\n margin: 0 auto;\n display: block;\n border-radius: 12px;\n }\n"], ["\n position: relative;\n flex-grow: 1;\n margin-bottom: 25px;\n max-width: 100%;\n max-height: 100%;\n overflow-y: auto;\n border-radius: 12px;\n\n & > img,\n & > svg {\n width: 100%;\n max-width: 100%;\n margin: 0 auto;\n display: block;\n border-radius: 12px;\n }\n"])));
|
|
12088
12099
|
var Heading$6 = styled.h3(templateObject_2$h || (templateObject_2$h = __makeTemplateObject(["\n font-size: 1.2rem;\n margin: 0;\n"], ["\n font-size: 1.2rem;\n margin: 0;\n"])));
|
|
12089
|
-
var templateObject_1$
|
|
12100
|
+
var templateObject_1$k, templateObject_2$h;
|
|
12090
12101
|
|
|
12091
12102
|
var FaceLivenessFailure = function FaceLivenessFailure(_a) {
|
|
12092
12103
|
var _b = _a.canRetry,
|
|
@@ -12135,9 +12146,9 @@ var FaceLivenessFailure = function FaceLivenessFailure(_a) {
|
|
|
12135
12146
|
finished: true
|
|
12136
12147
|
}, verbiage.exitBtnText)))));
|
|
12137
12148
|
};
|
|
12138
|
-
var ImageContainer$4 = styled(OverlayImageContainer)(templateObject_1$
|
|
12149
|
+
var ImageContainer$4 = styled(OverlayImageContainer)(templateObject_1$j || (templateObject_1$j = __makeTemplateObject(["\n max-height: calc(100vh - 185px);\n"], ["\n max-height: calc(100vh - 185px);\n"])));
|
|
12139
12150
|
var Heading$5 = styled.h3(templateObject_2$g || (templateObject_2$g = __makeTemplateObject(["\n margin-bottom: 36px;\n"], ["\n margin-bottom: 36px;\n"])));
|
|
12140
|
-
var templateObject_1$
|
|
12151
|
+
var templateObject_1$j, templateObject_2$g;
|
|
12141
12152
|
|
|
12142
12153
|
var MicrophoneAccessDeniedOverlay = function MicrophoneAccessDeniedOverlay(_a) {
|
|
12143
12154
|
var _b;
|
|
@@ -12180,11 +12191,11 @@ var MicrophoneAccessDeniedOverlay = function MicrophoneAccessDeniedOverlay(_a) {
|
|
|
12180
12191
|
finished: true
|
|
12181
12192
|
}, verbiage.retryBtnText)));
|
|
12182
12193
|
};
|
|
12183
|
-
var StyledOverlayInner = styled(OverlayInner$2)(templateObject_1$
|
|
12194
|
+
var StyledOverlayInner = styled(OverlayInner$2)(templateObject_1$i || (templateObject_1$i = __makeTemplateObject(["\n max-width: 500px;\n height: auto;\n margin: auto;\n"], ["\n max-width: 500px;\n height: auto;\n margin: auto;\n"])));
|
|
12184
12195
|
var StyledOverlayImageContainer = styled(OverlayImageContainer)(templateObject_2$f || (templateObject_2$f = __makeTemplateObject(["\n flex-grow: 0;\n"], ["\n flex-grow: 0;\n"])));
|
|
12185
12196
|
var Description$1 = styled.p(templateObject_3$c || (templateObject_3$c = __makeTemplateObject(["\n line-height: 1.5;\n margin-bottom: 50px;\n"], ["\n line-height: 1.5;\n margin-bottom: 50px;\n"])));
|
|
12186
12197
|
var RetryButton = styled(LoaderButton)(templateObject_4$7 || (templateObject_4$7 = __makeTemplateObject(["\n width: 200px;\n margin: 0 auto;\n"], ["\n width: 200px;\n margin: 0 auto;\n"])));
|
|
12187
|
-
var templateObject_1$
|
|
12198
|
+
var templateObject_1$i, templateObject_2$f, templateObject_3$c, templateObject_4$7;
|
|
12188
12199
|
|
|
12189
12200
|
var SelfieCaptureLoadingOverlayLegacy = function SelfieCaptureLoadingOverlayLegacy(_a) {
|
|
12190
12201
|
var onDismissed = _a.onDismissed,
|
|
@@ -12276,9 +12287,9 @@ var SelfieCaptureLoadingOverlayLegacy = function SelfieCaptureLoadingOverlayLega
|
|
|
12276
12287
|
}
|
|
12277
12288
|
}, ready ? verbiage.continueText : allModelsReady ? verbiage.cameraInitializingText : modelDownloadProgress >= 100 ? "".concat(verbiage.modelsWarmingUpText) : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)")))));
|
|
12278
12289
|
};
|
|
12279
|
-
var StyledGuidanceMessage = styled(GuidanceMessage)(templateObject_1$
|
|
12290
|
+
var StyledGuidanceMessage = styled(GuidanceMessage)(templateObject_1$h || (templateObject_1$h = __makeTemplateObject(["\n padding: 12px 24px;\n font-weight: normal;\n line-height: 1.5;\n margin-bottom: -30px;\n"], ["\n padding: 12px 24px;\n font-weight: normal;\n line-height: 1.5;\n margin-bottom: -30px;\n"])));
|
|
12280
12291
|
var StyledButtonsRow$5 = styled(ButtonsRow$2)(templateObject_2$e || (templateObject_2$e = __makeTemplateObject(["\n flex-direction: column;\n padding-top: 25px;\n"], ["\n flex-direction: column;\n padding-top: 25px;\n"])));
|
|
12281
|
-
var templateObject_1$
|
|
12292
|
+
var templateObject_1$h, templateObject_2$e;
|
|
12282
12293
|
|
|
12283
12294
|
var legacyInstructionImageUrl = "".concat(DEFAULT_CDN_URL, "/Selfie-Image-1.png");
|
|
12284
12295
|
var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDefault(_a) {
|
|
@@ -12418,7 +12429,7 @@ var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDef
|
|
|
12418
12429
|
}
|
|
12419
12430
|
}, ready ? verbiage.continueText : verbiage.pleaseWaitText))))));
|
|
12420
12431
|
};
|
|
12421
|
-
var OverlayInner = styled(LoadingOverlayInner)(templateObject_1$
|
|
12432
|
+
var OverlayInner = styled(LoadingOverlayInner)(templateObject_1$g || (templateObject_1$g = __makeTemplateObject(["\n background: ", ";\n color: ", ";\n"], ["\n background: ", ";\n color: ", ";\n"])), function (props) {
|
|
12422
12433
|
var _a, _b, _c, _d;
|
|
12423
12434
|
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';
|
|
12424
12435
|
}, function (props) {
|
|
@@ -12464,7 +12475,7 @@ var ContinueButton = styled(LoaderButton)(templateObject_7$2 || (templateObject_
|
|
|
12464
12475
|
var _a, _b, _c, _d;
|
|
12465
12476
|
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';
|
|
12466
12477
|
});
|
|
12467
|
-
var templateObject_1$
|
|
12478
|
+
var templateObject_1$g, templateObject_2$d, templateObject_3$b, templateObject_4$6, templateObject_5$4, templateObject_6$3, templateObject_7$2;
|
|
12468
12479
|
|
|
12469
12480
|
var components = {
|
|
12470
12481
|
"default": SelfieCaptureLoadingOverlayDefault,
|
|
@@ -12523,37 +12534,39 @@ var FaceLivenessWizard = function FaceLivenessWizard(_a) {
|
|
|
12523
12534
|
_r = _a.verbiage,
|
|
12524
12535
|
verbiage = _r === void 0 ? {} : _r,
|
|
12525
12536
|
_s = _a.debugMode,
|
|
12526
|
-
debugMode = _s === void 0 ? false : _s
|
|
12527
|
-
|
|
12528
|
-
|
|
12529
|
-
|
|
12530
|
-
|
|
12531
|
-
|
|
12532
|
-
|
|
12537
|
+
debugMode = _s === void 0 ? false : _s,
|
|
12538
|
+
_t = _a.showLoadingOverlay,
|
|
12539
|
+
showLoadingOverlay = _t === void 0 ? true : _t;
|
|
12540
|
+
var _u = useContext(SubmissionContext),
|
|
12541
|
+
submissionResponse = _u.submissionResponse,
|
|
12542
|
+
livenessCheckRequest = _u.livenessCheckRequest,
|
|
12543
|
+
setSelfieImage = _u.setSelfieImage,
|
|
12544
|
+
logSelfieCaptureAttempt = _u.logSelfieCaptureAttempt;
|
|
12545
|
+
var _v = useCameraStore(useShallow(function (state) {
|
|
12533
12546
|
return {
|
|
12534
12547
|
cameraAccessDenied: state.cameraAccessDenied,
|
|
12535
12548
|
requestCameraAccess: state.requestCameraAccess,
|
|
12536
12549
|
releaseCameraAccess: state.releaseCameraAccess
|
|
12537
12550
|
};
|
|
12538
12551
|
})),
|
|
12539
|
-
cameraAccessDenied =
|
|
12540
|
-
requestCameraAccess =
|
|
12541
|
-
releaseCameraAccess =
|
|
12542
|
-
var
|
|
12543
|
-
faceCropImageUrl =
|
|
12544
|
-
setFaceCropImageUrl =
|
|
12545
|
-
var
|
|
12546
|
-
retryCount =
|
|
12547
|
-
setRetryCount =
|
|
12548
|
-
var
|
|
12549
|
-
captureState =
|
|
12550
|
-
setCaptureState =
|
|
12552
|
+
cameraAccessDenied = _v.cameraAccessDenied,
|
|
12553
|
+
requestCameraAccess = _v.requestCameraAccess,
|
|
12554
|
+
releaseCameraAccess = _v.releaseCameraAccess;
|
|
12555
|
+
var _w = useState(''),
|
|
12556
|
+
faceCropImageUrl = _w[0],
|
|
12557
|
+
setFaceCropImageUrl = _w[1];
|
|
12558
|
+
var _x = useState(0),
|
|
12559
|
+
retryCount = _x[0],
|
|
12560
|
+
setRetryCount = _x[1];
|
|
12561
|
+
var _y = useState(showLoadingOverlay ? 'LOADING' : 'CAPTURING'),
|
|
12562
|
+
captureState = _y[0],
|
|
12563
|
+
setCaptureState = _y[1];
|
|
12551
12564
|
var captureStartedAt = useRef();
|
|
12552
12565
|
var operationStartedAt = useRef();
|
|
12553
12566
|
var livenessScore = useRef();
|
|
12554
|
-
var
|
|
12555
|
-
start =
|
|
12556
|
-
stop =
|
|
12567
|
+
var _z = useContext(SelfieGuidanceModelsContext),
|
|
12568
|
+
start = _z.start,
|
|
12569
|
+
stop = _z.stop;
|
|
12557
12570
|
useEffect(function () {
|
|
12558
12571
|
if (precapturedDocuments === null || precapturedDocuments === void 0 ? void 0 : precapturedDocuments.selfie) {
|
|
12559
12572
|
setSelfieImage(precapturedDocuments.selfie.imageData);
|
|
@@ -12563,7 +12576,7 @@ var FaceLivenessWizard = function FaceLivenessWizard(_a) {
|
|
|
12563
12576
|
if (captureState !== 'CAPTURING') return;
|
|
12564
12577
|
operationStartedAt.current = new Date();
|
|
12565
12578
|
captureStartedAt.current = undefined;
|
|
12566
|
-
start
|
|
12579
|
+
setTimeout(start, 1);
|
|
12567
12580
|
return stop;
|
|
12568
12581
|
}, [captureState, precapturedDocuments === null || precapturedDocuments === void 0 ? void 0 : precapturedDocuments.selfie, setSelfieImage, start, stop]);
|
|
12569
12582
|
var onCapture = useCallback(function () {
|
|
@@ -12637,9 +12650,9 @@ var FaceLivenessWizard = function FaceLivenessWizard(_a) {
|
|
|
12637
12650
|
}
|
|
12638
12651
|
onDenied === null || onDenied === void 0 ? void 0 : onDenied(submissionResponse, livenessCheckRequest);
|
|
12639
12652
|
}, [allowLivenessFailure, onDenied, submissionResponse, livenessCheckRequest]);
|
|
12640
|
-
var
|
|
12641
|
-
attempt =
|
|
12642
|
-
setAttempt =
|
|
12653
|
+
var _0 = useState(0),
|
|
12654
|
+
attempt = _0[0],
|
|
12655
|
+
setAttempt = _0[1];
|
|
12643
12656
|
var onExitCallback = useCallback(function () {
|
|
12644
12657
|
setAttempt(function (n) {
|
|
12645
12658
|
return n + 1;
|
|
@@ -12738,7 +12751,7 @@ var FaceLivenessWizard = function FaceLivenessWizard(_a) {
|
|
|
12738
12751
|
default:
|
|
12739
12752
|
return null;
|
|
12740
12753
|
}
|
|
12741
|
-
}(), /*#__PURE__*/React__default.createElement(SelfieCaptureLoadingOverlay, {
|
|
12754
|
+
}(), showLoadingOverlay && ( /*#__PURE__*/React__default.createElement(SelfieCaptureLoadingOverlay, {
|
|
12742
12755
|
key: attempt,
|
|
12743
12756
|
mode: loadingOverlayMode,
|
|
12744
12757
|
customOverlayContent: customOverlayContent,
|
|
@@ -12749,7 +12762,7 @@ var FaceLivenessWizard = function FaceLivenessWizard(_a) {
|
|
|
12749
12762
|
onUserCancel: onUserCancel,
|
|
12750
12763
|
onDismissed: onLoadingOverlayDismissedCallback,
|
|
12751
12764
|
waitForIdCaptureModels: waitForIdCaptureModels
|
|
12752
|
-
}));
|
|
12765
|
+
})));
|
|
12753
12766
|
};
|
|
12754
12767
|
|
|
12755
12768
|
var SubmissionSuccess = function SubmissionSuccess() {
|
|
@@ -12772,7 +12785,7 @@ var SubmissionSuccess = function SubmissionSuccess() {
|
|
|
12772
12785
|
}
|
|
12773
12786
|
return JSON.stringify(body, null, 2);
|
|
12774
12787
|
}, [submissionRequest, truncateImages]);
|
|
12775
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
12788
|
+
return /*#__PURE__*/React__default.createElement(Container$5, null, /*#__PURE__*/React__default.createElement("h3", null, "Submission completed!"), /*#__PURE__*/React__default.createElement(LoaderButton, {
|
|
12776
12789
|
onClick: function onClick() {
|
|
12777
12790
|
return setShowRequestBody(!showRequestBody);
|
|
12778
12791
|
}
|
|
@@ -12785,13 +12798,13 @@ var SubmissionSuccess = function SubmissionSuccess() {
|
|
|
12785
12798
|
}
|
|
12786
12799
|
}, truncateImages ? 'Display full images' : 'Truncate images'), /*#__PURE__*/React__default.createElement("h5", null, "Request Body"), /*#__PURE__*/React__default.createElement("pre", null, requestBodyDisplay))), /*#__PURE__*/React__default.createElement("h5", null, "Response Body"), /*#__PURE__*/React__default.createElement("pre", null, JSON.stringify(submissionResponse, null, 2)));
|
|
12787
12800
|
};
|
|
12788
|
-
var Container$
|
|
12801
|
+
var Container$5 = styled.div(templateObject_1$f || (templateObject_1$f = __makeTemplateObject(["\n padding: 16px;\n overflow: auto;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n"], ["\n padding: 16px;\n overflow: auto;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n"])));
|
|
12789
12802
|
function truncate(str, max_chars) {
|
|
12790
12803
|
var truncated = str.split('').splice(0, max_chars).join('');
|
|
12791
12804
|
if (truncated.length < str.length) truncated += '...';
|
|
12792
12805
|
return truncated;
|
|
12793
12806
|
}
|
|
12794
|
-
var templateObject_1$
|
|
12807
|
+
var templateObject_1$f;
|
|
12795
12808
|
|
|
12796
12809
|
var AdditionalDocumentCapture = function AdditionalDocumentCapture(_a) {
|
|
12797
12810
|
var document = _a.document,
|
|
@@ -12867,11 +12880,11 @@ var AdditionalDocumentCapture = function AdditionalDocumentCapture(_a) {
|
|
|
12867
12880
|
}
|
|
12868
12881
|
}, verbiage.captureBtnText)))));
|
|
12869
12882
|
};
|
|
12870
|
-
var Inner$2 = styled(OverlayInner$2)(templateObject_1$
|
|
12883
|
+
var Inner$2 = styled(OverlayInner$2)(templateObject_1$e || (templateObject_1$e = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
12871
12884
|
var Heading$4 = styled.h3(templateObject_2$c || (templateObject_2$c = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
12872
12885
|
var Description = styled.p(templateObject_3$a || (templateObject_3$a = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
12873
12886
|
var StyledButtonsRow$4 = styled(ButtonsRow$2)(templateObject_4$5 || (templateObject_4$5 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
12874
|
-
var templateObject_1$
|
|
12887
|
+
var templateObject_1$e, templateObject_2$c, templateObject_3$a, templateObject_4$5;
|
|
12875
12888
|
|
|
12876
12889
|
var AdditionalDocumentCaptureWizard = function AdditionalDocumentCaptureWizard(_a) {
|
|
12877
12890
|
var documents = _a.documents,
|
|
@@ -13021,7 +13034,7 @@ function convertSVGtoImg(svgData_1) {
|
|
|
13021
13034
|
});
|
|
13022
13035
|
}
|
|
13023
13036
|
|
|
13024
|
-
var SignaturePaperBacking = styled.div(templateObject_1$
|
|
13037
|
+
var SignaturePaperBacking = styled.div(templateObject_1$d || (templateObject_1$d = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n ", "\n ", "\n ", "\n"], ["\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n ", "\n ", "\n ", "\n"])), function (props) {
|
|
13025
13038
|
var _a, _b;
|
|
13026
13039
|
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, ";") : "";
|
|
13027
13040
|
}, function (props) {
|
|
@@ -13032,7 +13045,7 @@ var SignaturePaperBacking = styled.div(templateObject_1$c || (templateObject_1$c
|
|
|
13032
13045
|
return ((_a = props.theme.signatureCapture) === null || _a === void 0 ? void 0 : _a.backgroundPosition) ? "background-position: ".concat((_b = props.theme.signatureCapture) === null || _b === void 0 ? void 0 : _b.backgroundPosition, ";") : "";
|
|
13033
13046
|
});
|
|
13034
13047
|
var SignatureCanvasContainer$1 = styled.div(templateObject_2$b || (templateObject_2$b = __makeTemplateObject(["\n position: absolute;\n top: 25%;\n left: 15%;\n width: 70%;\n height: 50%;\n\n @media (max-width: 800px) {\n top: 15%;\n left: 2%;\n width: 96%;\n height: 70%;\n }\n"], ["\n position: absolute;\n top: 25%;\n left: 15%;\n width: 70%;\n height: 50%;\n\n @media (max-width: 800px) {\n top: 15%;\n left: 2%;\n width: 96%;\n height: 70%;\n }\n"])));
|
|
13035
|
-
var SignaturePad = styled.div(templateObject_3$9 || (templateObject_3$9 = __makeTemplateObject(["\n position: relative;\n background: ", ";\n border: ", ";\n border-radius: ", ";\n flex-grow: 1;\n z-index: 100;\n height: 100%;\n\n &.empty {\n background: ", ";\n border: ", ";\n }\n"], ["\n position: relative;\n background: ", ";\n border: ", ";\n border-radius: ", ";\n flex-grow: 1;\n z-index: 100;\n height: 100%;\n\n &.empty {\n background: ", ";\n border: ", ";\n }\n"])), function (props) {
|
|
13048
|
+
var SignaturePad = styled.div(templateObject_3$9 || (templateObject_3$9 = __makeTemplateObject(["\n position: relative;\n background: ", ";\n border: ", ";\n border-radius: ", ";\n flex-grow: 1;\n z-index: 100;\n height: 100%;\n\n &.empty {\n background: ", ";\n border: ", ";\n color: ", ";\n }\n\n &.head-tracking-unsatisfied {\n background: ", ";\n border: ", ";\n color: ", ";\n }\n"], ["\n position: relative;\n background: ", ";\n border: ", ";\n border-radius: ", ";\n flex-grow: 1;\n z-index: 100;\n height: 100%;\n\n &.empty {\n background: ", ";\n border: ", ";\n color: ", ";\n }\n\n &.head-tracking-unsatisfied {\n background: ", ";\n border: ", ";\n color: ", ";\n }\n"])), function (props) {
|
|
13036
13049
|
var _a, _b, _c;
|
|
13037
13050
|
return (_c = (_b = (_a = props.theme.signatureCapture) === null || _a === void 0 ? void 0 : _a.canvas) === null || _b === void 0 ? void 0 : _b.background) !== null && _c !== void 0 ? _c : 'rgba(255, 255, 255, 0.5)';
|
|
13038
13051
|
}, function (props) {
|
|
@@ -13047,9 +13060,21 @@ var SignaturePad = styled.div(templateObject_3$9 || (templateObject_3$9 = __make
|
|
|
13047
13060
|
}, function (props) {
|
|
13048
13061
|
var _a, _b, _c;
|
|
13049
13062
|
return (_c = (_b = (_a = props.theme.signatureCapture) === null || _a === void 0 ? void 0 : _a.canvas) === null || _b === void 0 ? void 0 : _b.emptyBorder) !== null && _c !== void 0 ? _c : "1px solid #dedede";
|
|
13063
|
+
}, function (props) {
|
|
13064
|
+
var _a, _b, _c;
|
|
13065
|
+
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';
|
|
13066
|
+
}, function (props) {
|
|
13067
|
+
var _a, _b, _c;
|
|
13068
|
+
return (_c = (_b = (_a = props.theme.signatureCapture) === null || _a === void 0 ? void 0 : _a.canvas) === null || _b === void 0 ? void 0 : _b.headTrackingUnsatisfiedBackground) !== null && _c !== void 0 ? _c : 'rgba(255, 255, 255, 0.5)';
|
|
13069
|
+
}, function (props) {
|
|
13070
|
+
var _a, _b, _c;
|
|
13071
|
+
return (_c = (_b = (_a = props.theme.signatureCapture) === null || _a === void 0 ? void 0 : _a.canvas) === null || _b === void 0 ? void 0 : _b.headTrackingUnsatisfiedBorder) !== null && _c !== void 0 ? _c : "1px solid #dedede";
|
|
13072
|
+
}, function (props) {
|
|
13073
|
+
var _a, _b, _c;
|
|
13074
|
+
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';
|
|
13050
13075
|
});
|
|
13051
13076
|
var SignatureButtonsContainer = styled(ButtonsRow$2)(templateObject_4$4 || (templateObject_4$4 = __makeTemplateObject(["\n flex-grow: 0;\n padding-top: 12px;\n display: flex;\n z-index: 1000;\n position: relative;\n"], ["\n flex-grow: 0;\n padding-top: 12px;\n display: flex;\n z-index: 1000;\n position: relative;\n"])));
|
|
13052
|
-
var templateObject_1$
|
|
13077
|
+
var templateObject_1$d, templateObject_2$b, templateObject_3$9, templateObject_4$4;
|
|
13053
13078
|
|
|
13054
13079
|
var SignatureCapture = function SignatureCapture(_a) {
|
|
13055
13080
|
var onAccept = _a.onAccept,
|
|
@@ -13084,7 +13109,7 @@ var SignatureCapture = function SignatureCapture(_a) {
|
|
|
13084
13109
|
});
|
|
13085
13110
|
});
|
|
13086
13111
|
}
|
|
13087
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
13112
|
+
return /*#__PURE__*/React__default.createElement(Container$4, {
|
|
13088
13113
|
className: classNames.container
|
|
13089
13114
|
}, /*#__PURE__*/React__default.createElement(SignaturePaperBacking, {
|
|
13090
13115
|
className: classNames.inner
|
|
@@ -13122,9 +13147,9 @@ var SignatureCapture = function SignatureCapture(_a) {
|
|
|
13122
13147
|
finished: true
|
|
13123
13148
|
}, verbiage.acceptBtnText)))));
|
|
13124
13149
|
};
|
|
13125
|
-
var Container$
|
|
13150
|
+
var Container$4 = styled.div(templateObject_1$c || (templateObject_1$c = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n position: relative;\n"], ["\n width: 100%;\n height: 100%;\n position: relative;\n"])));
|
|
13126
13151
|
var AcceptBtn$1 = styled(LoaderButton)(templateObject_2$a || (templateObject_2$a = __makeTemplateObject(["\n margin-left: auto;\n"], ["\n margin-left: auto;\n"])));
|
|
13127
|
-
var templateObject_1$
|
|
13152
|
+
var templateObject_1$c, templateObject_2$a;
|
|
13128
13153
|
|
|
13129
13154
|
var useVideoRecorder = function useVideoRecorder(camera, audioStream, mergeAVStreams) {
|
|
13130
13155
|
if (mergeAVStreams === void 0) {
|
|
@@ -13506,23 +13531,26 @@ function VideoSignatureGuides(_a) {
|
|
|
13506
13531
|
_d = _a.minSignaturePadPoints,
|
|
13507
13532
|
minSignaturePadPoints = _d === void 0 ? DEFAULT_MIN_SIGNATURE_PAD_POINTS : _d,
|
|
13508
13533
|
signaturePadEmptyContent = _a.signaturePadEmptyContent,
|
|
13509
|
-
|
|
13510
|
-
|
|
13511
|
-
|
|
13512
|
-
|
|
13513
|
-
|
|
13514
|
-
|
|
13515
|
-
|
|
13516
|
-
|
|
13517
|
-
|
|
13518
|
-
|
|
13519
|
-
|
|
13520
|
-
var _j =
|
|
13521
|
-
|
|
13522
|
-
|
|
13523
|
-
var _k = useState(
|
|
13524
|
-
|
|
13525
|
-
|
|
13534
|
+
headTrackingUnsatisfiedContent = _a.headTrackingUnsatisfiedContent,
|
|
13535
|
+
_e = _a.headTrackingSatisfied,
|
|
13536
|
+
headTrackingSatisfied = _e === void 0 ? true : _e,
|
|
13537
|
+
_f = _a.classNames,
|
|
13538
|
+
classNames = _f === void 0 ? {} : _f,
|
|
13539
|
+
_g = _a.verbiage,
|
|
13540
|
+
rawVerbiage = _g === void 0 ? {} : _g;
|
|
13541
|
+
var _h = useResizeObserver(),
|
|
13542
|
+
ref = _h.ref,
|
|
13543
|
+
width = _h.width,
|
|
13544
|
+
height = _h.height;
|
|
13545
|
+
var _j = useVideoSignatureContext(),
|
|
13546
|
+
signaturePad = _j.signaturePad,
|
|
13547
|
+
onAcceptClicked = _j.onAcceptClicked;
|
|
13548
|
+
var _k = useState(true),
|
|
13549
|
+
signaturePadEmpty = _k[0],
|
|
13550
|
+
setSignaturePadEmpty = _k[1];
|
|
13551
|
+
var _l = useState(false),
|
|
13552
|
+
signatureValid = _l[0],
|
|
13553
|
+
setSignatureValid = _l[1];
|
|
13526
13554
|
var verbiage = useTranslations(rawVerbiage, {
|
|
13527
13555
|
clearSignatureBtnText: 'Clear',
|
|
13528
13556
|
acceptSignatureBtnText: 'Accept'
|
|
@@ -13536,10 +13564,11 @@ function VideoSignatureGuides(_a) {
|
|
|
13536
13564
|
}, [classNames.signatureCanvas, height, width]);
|
|
13537
13565
|
var isSigning = requestedAction === 'CAPTURE_SIGNATURE';
|
|
13538
13566
|
var canClear = isSigning && !signaturePadEmpty;
|
|
13539
|
-
var canSubmit = isSigning && signatureValid;
|
|
13567
|
+
var canSubmit = isSigning && signatureValid && headTrackingSatisfied;
|
|
13540
13568
|
var displayEmptyState = requestedAction === 'CAPTURE_SIGNATURE' && signaturePadEmpty;
|
|
13541
13569
|
var EmptyContent = signaturePadEmptyContent;
|
|
13542
|
-
|
|
13570
|
+
var HeadTrackingUnsatisfiedContent = headTrackingUnsatisfiedContent;
|
|
13571
|
+
return /*#__PURE__*/React__default.createElement(Container$3, {
|
|
13543
13572
|
className: classNames.container
|
|
13544
13573
|
}, /*#__PURE__*/React__default.createElement(Inner$1, {
|
|
13545
13574
|
className: classNames.inner
|
|
@@ -13555,10 +13584,11 @@ function VideoSignatureGuides(_a) {
|
|
|
13555
13584
|
className: classNames.signaturePadContainer
|
|
13556
13585
|
}, /*#__PURE__*/React__default.createElement(SignatureCanvasContainer, {
|
|
13557
13586
|
className: classNames.signatureCanvasContainer,
|
|
13558
|
-
"$disabled": requestedAction === 'VERIFY_LIVENESS'
|
|
13587
|
+
"$disabled": requestedAction === 'VERIFY_LIVENESS',
|
|
13588
|
+
"$headTrackingUnsatisfied": !headTrackingSatisfied
|
|
13559
13589
|
}, /*#__PURE__*/React__default.createElement(SignaturePad, {
|
|
13560
13590
|
ref: ref,
|
|
13561
|
-
className: cn(classNames.signatureCanvasInner, displayEmptyState && 'empty')
|
|
13591
|
+
className: cn(classNames.signatureCanvasInner, displayEmptyState && 'empty', !headTrackingSatisfied && 'head-tracking-unsatisfied')
|
|
13562
13592
|
}, /*#__PURE__*/React__default.createElement(SignatureCanvas, {
|
|
13563
13593
|
ref: signaturePad,
|
|
13564
13594
|
canvasProps: canvasProps,
|
|
@@ -13573,7 +13603,9 @@ function VideoSignatureGuides(_a) {
|
|
|
13573
13603
|
});
|
|
13574
13604
|
setSignatureValid(points.length >= minSignaturePadPoints);
|
|
13575
13605
|
}
|
|
13576
|
-
}),
|
|
13606
|
+
}), !headTrackingSatisfied && HeadTrackingUnsatisfiedContent ? ( /*#__PURE__*/React__default.createElement(SignaturePadContentContainer, {
|
|
13607
|
+
className: classNames.headTrackingUnsatisfiedContent
|
|
13608
|
+
}, typeof HeadTrackingUnsatisfiedContent === 'string' ? HeadTrackingUnsatisfiedContent : ( /*#__PURE__*/React__default.createElement(HeadTrackingUnsatisfiedContent, null)))) : displayEmptyState && EmptyContent && ( /*#__PURE__*/React__default.createElement(SignaturePadContentContainer, {
|
|
13577
13609
|
className: classNames.emptyContentContainer
|
|
13578
13610
|
}, typeof EmptyContent === 'string' ? EmptyContent : ( /*#__PURE__*/React__default.createElement(EmptyContent, null))))), /*#__PURE__*/React__default.createElement(SignatureButtonsContainer, {
|
|
13579
13611
|
className: classNames.signatureButtonsRow
|
|
@@ -13597,7 +13629,7 @@ function VideoSignatureGuides(_a) {
|
|
|
13597
13629
|
finished: true
|
|
13598
13630
|
}, verbiage.acceptSignatureBtnText))))));
|
|
13599
13631
|
}
|
|
13600
|
-
var Container$
|
|
13632
|
+
var Container$3 = styled.div(templateObject_1$b || (templateObject_1$b = __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) {
|
|
13601
13633
|
var _a;
|
|
13602
13634
|
return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
|
|
13603
13635
|
});
|
|
@@ -13605,15 +13637,17 @@ var Inner$1 = styled.div(templateObject_2$9 || (templateObject_2$9 = __makeTempl
|
|
|
13605
13637
|
var FaceGuideContainer$1 = styled.div(templateObject_3$8 || (templateObject_3$8 = __makeTemplateObject(["\n position: relative;\n height: 50%;\n"], ["\n position: relative;\n height: 50%;\n"])));
|
|
13606
13638
|
var StyledSelfieCaptureAnimatedMask = styled(SelfieCaptureAnimatedMaskWithStatus)(templateObject_4$3 || (templateObject_4$3 = __makeTemplateObject(["\n max-width: 100%;\n height: 100%;\n"], ["\n max-width: 100%;\n height: 100%;\n"])));
|
|
13607
13639
|
var SignaturePadContainer = styled.div(templateObject_5$3 || (templateObject_5$3 = __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"])));
|
|
13608
|
-
var SignatureCanvasContainer = styled.div(templateObject_6$2 || (templateObject_6$2 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: calc(100% - 67px);\n ", "\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: calc(100% - 67px);\n ", "\n"])), function (props) {
|
|
13640
|
+
var SignatureCanvasContainer = styled.div(templateObject_6$2 || (templateObject_6$2 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: calc(100% - 67px);\n ", "\n ", "\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: calc(100% - 67px);\n ", "\n ", "\n"])), function (props) {
|
|
13609
13641
|
return props.$disabled ? 'opacity: 0.5; pointer-events: none;' : '';
|
|
13642
|
+
}, function (props) {
|
|
13643
|
+
return props.$headTrackingUnsatisfied ? 'pointer-events: none;' : '';
|
|
13610
13644
|
});
|
|
13611
13645
|
var AcceptBtn = styled(LoaderButton)(templateObject_7$1 || (templateObject_7$1 = __makeTemplateObject(["\n margin-left: auto;\n"], ["\n margin-left: auto;\n"])));
|
|
13612
|
-
var
|
|
13646
|
+
var SignaturePadContentContainer = styled.div(templateObject_8 || (templateObject_8 = __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) {
|
|
13613
13647
|
var _a, _b, _c;
|
|
13614
13648
|
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';
|
|
13615
13649
|
});
|
|
13616
|
-
var templateObject_1$
|
|
13650
|
+
var templateObject_1$b, templateObject_2$9, templateObject_3$8, templateObject_4$3, templateObject_5$3, templateObject_6$2, templateObject_7$1, templateObject_8;
|
|
13617
13651
|
|
|
13618
13652
|
var DEFAULT_MIN_SIGNATURE_PAD_POINTS = 10;
|
|
13619
13653
|
var VideoSignatureCapture = function VideoSignatureCapture(_a) {
|
|
@@ -13626,6 +13660,7 @@ var VideoSignatureCapture = function VideoSignatureCapture(_a) {
|
|
|
13626
13660
|
_c = _a.minSignaturePadPoints,
|
|
13627
13661
|
minSignaturePadPoints = _c === void 0 ? DEFAULT_MIN_SIGNATURE_PAD_POINTS : _c,
|
|
13628
13662
|
signaturePadEmptyContent = _a.signaturePadEmptyContent,
|
|
13663
|
+
headTrackingUnsatisfiedContent = _a.headTrackingUnsatisfiedContent,
|
|
13629
13664
|
_d = _a.classNames,
|
|
13630
13665
|
classNames = _d === void 0 ? {} : _d,
|
|
13631
13666
|
_e = _a.colors,
|
|
@@ -13634,22 +13669,36 @@ var VideoSignatureCapture = function VideoSignatureCapture(_a) {
|
|
|
13634
13669
|
rawVerbiage = _f === void 0 ? {} : _f,
|
|
13635
13670
|
_g = _a.debugMode,
|
|
13636
13671
|
debugMode = _g === void 0 ? false : _g;
|
|
13637
|
-
var
|
|
13638
|
-
|
|
13639
|
-
|
|
13640
|
-
|
|
13641
|
-
|
|
13642
|
-
|
|
13643
|
-
|
|
13644
|
-
|
|
13645
|
-
|
|
13646
|
-
|
|
13647
|
-
|
|
13648
|
-
|
|
13672
|
+
var _h = useCameraStore(useShallow(function (state) {
|
|
13673
|
+
return {
|
|
13674
|
+
camera: state.camera,
|
|
13675
|
+
videoWidth: state.videoWidth,
|
|
13676
|
+
videoHeight: state.videoHeight
|
|
13677
|
+
};
|
|
13678
|
+
})),
|
|
13679
|
+
camera = _h.camera,
|
|
13680
|
+
videoWidth = _h.videoWidth,
|
|
13681
|
+
videoHeight = _h.videoHeight;
|
|
13682
|
+
var _j = useSelfieGuidanceModelsContext(),
|
|
13683
|
+
onPredictionMade = _j.onPredictionMade,
|
|
13684
|
+
start = _j.start,
|
|
13685
|
+
stop = _j.stop;
|
|
13686
|
+
var _k = useVideoSignatureContext(),
|
|
13687
|
+
signatureData = _k.signatureData,
|
|
13688
|
+
signatureDataUrl = _k.signatureDataUrl,
|
|
13689
|
+
signatureVideoData = _k.signatureVideoData,
|
|
13690
|
+
startRecording = _k.startRecording,
|
|
13691
|
+
stopRecording = _k.stopRecording,
|
|
13692
|
+
clearRecordedData = _k.clearRecordedData,
|
|
13693
|
+
isRecording = _k.isRecording;
|
|
13649
13694
|
useEffect(function () {
|
|
13650
13695
|
startRecording();
|
|
13651
13696
|
return stopRecording;
|
|
13652
13697
|
}, [startRecording, stopRecording]);
|
|
13698
|
+
useEffect(function () {
|
|
13699
|
+
setTimeout(start, 1);
|
|
13700
|
+
return stop;
|
|
13701
|
+
}, [start, stop]);
|
|
13653
13702
|
colors.guidanceMessageBackgroundColor || (colors.guidanceMessageBackgroundColor = '#ccc');
|
|
13654
13703
|
colors.guidanceMessageTextColor || (colors.guidanceMessageTextColor = 'black');
|
|
13655
13704
|
var verbiage = useTranslations(rawVerbiage, {
|
|
@@ -13660,27 +13709,47 @@ var VideoSignatureCapture = function VideoSignatureCapture(_a) {
|
|
|
13660
13709
|
onVideoCaptured === null || onVideoCaptured === void 0 ? void 0 : onVideoCaptured(signatureVideoData, signatureData, signatureDataUrl);
|
|
13661
13710
|
}
|
|
13662
13711
|
}, [onVideoCaptured, signatureData, signatureDataUrl, signatureVideoData]);
|
|
13663
|
-
var
|
|
13664
|
-
|
|
13665
|
-
|
|
13666
|
-
|
|
13667
|
-
|
|
13668
|
-
|
|
13669
|
-
|
|
13670
|
-
|
|
13671
|
-
|
|
13712
|
+
var _l = useState(true),
|
|
13713
|
+
headTrackingSatisfied = _l[0],
|
|
13714
|
+
setHeadTrackingSatisfied = _l[1];
|
|
13715
|
+
var _m = useState(null),
|
|
13716
|
+
lastFace = _m[0],
|
|
13717
|
+
setLastFace = _m[1];
|
|
13718
|
+
var _o = useState(0),
|
|
13719
|
+
numFramesWithoutFaces = _o[0],
|
|
13720
|
+
setNumFramesWithoutFaces = _o[1];
|
|
13721
|
+
onPredictionMade(useThrottledCallback(function (_a) {
|
|
13722
|
+
var face = _a.face;
|
|
13723
|
+
if (!camera) return;
|
|
13724
|
+
var nearBoundary = (face === null || face === void 0 ? void 0 : face.box.xMin) < videoWidth * 0.2 || (face === null || face === void 0 ? void 0 : face.box.xMax) > videoWidth * 0.8 || (face === null || face === void 0 ? void 0 : face.box.yMin) < videoHeight * 0.1 || (face === null || face === void 0 ? void 0 : face.box.yMax) > videoHeight * 0.9;
|
|
13725
|
+
setLastFace(face);
|
|
13726
|
+
setHeadTrackingSatisfied(!!face && !nearBoundary);
|
|
13727
|
+
setNumFramesWithoutFaces(face ? 0 : function (n) {
|
|
13728
|
+
return n + 1;
|
|
13672
13729
|
});
|
|
13673
|
-
},
|
|
13730
|
+
}, 16));
|
|
13731
|
+
var _p = useResizeObserver(),
|
|
13732
|
+
ref = _p.ref,
|
|
13733
|
+
_q = _p.width,
|
|
13734
|
+
width = _q === void 0 ? 1 : _q,
|
|
13735
|
+
_r = _p.height,
|
|
13736
|
+
height = _r === void 0 ? 1 : _r;
|
|
13737
|
+
var debugScalingDetails = useDebugScalingDetails({
|
|
13738
|
+
enabled: debugMode,
|
|
13739
|
+
pageWidth: width,
|
|
13740
|
+
pageHeight: height
|
|
13741
|
+
});
|
|
13674
13742
|
useEffect(function () {
|
|
13675
13743
|
if (numFramesWithoutFaces >= 2) {
|
|
13676
13744
|
onFaceNotDetected === null || onFaceNotDetected === void 0 ? void 0 : onFaceNotDetected();
|
|
13677
13745
|
}
|
|
13678
13746
|
}, [numFramesWithoutFaces, onFaceNotDetected]);
|
|
13679
13747
|
var GuidesComponent = guidesComponent !== null && guidesComponent !== void 0 ? guidesComponent : VideoSignatureGuides;
|
|
13680
|
-
return /*#__PURE__*/React__default.createElement(
|
|
13748
|
+
return /*#__PURE__*/React__default.createElement(Container$2, {
|
|
13749
|
+
ref: ref,
|
|
13681
13750
|
className: classNames.container
|
|
13682
13751
|
}, verbiage.guidanceMessageText && ( /*#__PURE__*/React__default.createElement(GuidanceMessageContainer, {
|
|
13683
|
-
"$top": "
|
|
13752
|
+
"$top": "10%",
|
|
13684
13753
|
className: classNames.guidanceMessageContainer
|
|
13685
13754
|
}, /*#__PURE__*/React__default.createElement(GuidanceMessage, {
|
|
13686
13755
|
className: classNames.guidanceMessage,
|
|
@@ -13688,17 +13757,26 @@ var VideoSignatureCapture = function VideoSignatureCapture(_a) {
|
|
|
13688
13757
|
"$textColor": colors.guidanceMessageTextColor
|
|
13689
13758
|
}, verbiage.guidanceMessageText))), /*#__PURE__*/React__default.createElement(GuidesComponent, {
|
|
13690
13759
|
status: "success",
|
|
13760
|
+
key: "video-signature-guides-".concat(headTrackingSatisfied ? 'satisfied' : 'unsatisfied'),
|
|
13691
13761
|
classNames: classNames.videoSignatureGuidesClassNames,
|
|
13692
13762
|
minSignaturePadPoints: minSignaturePadPoints,
|
|
13693
13763
|
signaturePadEmptyContent: signaturePadEmptyContent,
|
|
13764
|
+
headTrackingUnsatisfiedContent: headTrackingUnsatisfiedContent,
|
|
13765
|
+
headTrackingSatisfied: headTrackingSatisfied,
|
|
13694
13766
|
onClearSignaturePadClicked: restartVideoOnSignaturePadCleared ? function () {
|
|
13695
13767
|
return setTimeout(clearRecordedData, 100);
|
|
13696
13768
|
} : undefined
|
|
13697
|
-
}), debugMode && ( /*#__PURE__*/React__default.createElement(
|
|
13769
|
+
}), debugMode && ( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(ObjectDetectionDebugOverlayDiv, null, lastFace && ( /*#__PURE__*/React__default.createElement(SelfieCaptureFaceDebugBox, {
|
|
13770
|
+
face: lastFace,
|
|
13771
|
+
scaling: debugScalingDetails,
|
|
13772
|
+
color: headTrackingSatisfied ? 'green' : 'red'
|
|
13773
|
+
}))), /*#__PURE__*/React__default.createElement(DebugStatsPane, null, "Video: ", camera === null || camera === void 0 ? void 0 : camera.width, "x", camera === null || camera === void 0 ? void 0 : camera.height, /*#__PURE__*/React__default.createElement("br", null), "Recording: ", isRecording ? 'true' : 'false'))), /*#__PURE__*/React__default.createElement(ExitCaptureButton, {
|
|
13698
13774
|
onClick: onExit,
|
|
13699
13775
|
className: classNames.exitCaptureBtn
|
|
13700
13776
|
}));
|
|
13701
13777
|
};
|
|
13778
|
+
var Container$2 = styled.div(templateObject_1$a || (templateObject_1$a = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n"], ["\n width: 100%;\n height: 100%;\n"])));
|
|
13779
|
+
var templateObject_1$a;
|
|
13702
13780
|
|
|
13703
13781
|
var VideoSignatureSuccess = function VideoSignatureSuccess(_a) {
|
|
13704
13782
|
var imageUrl = _a.imageUrl,
|
|
@@ -13773,6 +13851,7 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
|
13773
13851
|
_e = _a.minSignaturePadPoints,
|
|
13774
13852
|
minSignaturePadPoints = _e === void 0 ? DEFAULT_MIN_SIGNATURE_PAD_POINTS : _e,
|
|
13775
13853
|
signaturePadEmptyContent = _a.signaturePadEmptyContent,
|
|
13854
|
+
headTrackingUnsatisfiedContent = _a.headTrackingUnsatisfiedContent,
|
|
13776
13855
|
_f = _a.allowSignatureAfterLivenessCheckFailure,
|
|
13777
13856
|
allowSignatureAfterLivenessCheckFailure = _f === void 0 ? false : _f,
|
|
13778
13857
|
_g = _a.restartVideoOnSignaturePadCleared,
|
|
@@ -13805,7 +13884,7 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
|
13805
13884
|
var operationStartedAt = useRef();
|
|
13806
13885
|
var captureStartedAt = useRef();
|
|
13807
13886
|
var captureEndedAt = useRef();
|
|
13808
|
-
var _q =
|
|
13887
|
+
var _q = useSelfieGuidanceModelsContext(),
|
|
13809
13888
|
start = _q.start,
|
|
13810
13889
|
stop = _q.stop;
|
|
13811
13890
|
useEffect(function () {
|
|
@@ -13820,9 +13899,9 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
|
13820
13899
|
if (!shouldRun) return;
|
|
13821
13900
|
start();
|
|
13822
13901
|
return function () {
|
|
13823
|
-
stop();
|
|
13902
|
+
return stop();
|
|
13824
13903
|
};
|
|
13825
|
-
}, [
|
|
13904
|
+
}, [start, stop, shouldRun]);
|
|
13826
13905
|
var logCaptureMetadata = useCallback(function () {
|
|
13827
13906
|
var _a, _b, _c;
|
|
13828
13907
|
logSelfieCaptureAttempt({
|
|
@@ -13853,12 +13932,16 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
|
13853
13932
|
setCaptureState('SUCCESS');
|
|
13854
13933
|
onVideoCaptured === null || onVideoCaptured === void 0 ? void 0 : onVideoCaptured(videoData, signatureData, signatureImageData);
|
|
13855
13934
|
}, [onVideoCaptured, setSignatureData, setSignatureVideoUrl]);
|
|
13935
|
+
var _s = useState(true),
|
|
13936
|
+
showLoadingOverlay = _s[0],
|
|
13937
|
+
setShowLoadingOverlay = _s[1];
|
|
13856
13938
|
var onSignatureCaptureFacesNotDetected = useCallback(function () {
|
|
13939
|
+
setShowLoadingOverlay(false);
|
|
13857
13940
|
setCaptureState('CHECKING_LIVENESS');
|
|
13858
13941
|
}, []);
|
|
13859
|
-
var
|
|
13860
|
-
attempt =
|
|
13861
|
-
setAttempt =
|
|
13942
|
+
var _t = useState(0),
|
|
13943
|
+
attempt = _t[0],
|
|
13944
|
+
setAttempt = _t[1];
|
|
13862
13945
|
var onRetry = useCallback(function () {
|
|
13863
13946
|
onRetryClicked === null || onRetryClicked === void 0 ? void 0 : onRetryClicked();
|
|
13864
13947
|
setAttempt(function (n) {
|
|
@@ -13917,7 +14000,8 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
|
13917
14000
|
colors: colors.faceLiveness,
|
|
13918
14001
|
verbiage: verbiage.faceLiveness,
|
|
13919
14002
|
debugMode: debugMode,
|
|
13920
|
-
renderCameraFeed: false
|
|
14003
|
+
renderCameraFeed: false,
|
|
14004
|
+
showLoadingOverlay: showLoadingOverlay
|
|
13921
14005
|
}));
|
|
13922
14006
|
case 'CAPTURING_SIGNATURE':
|
|
13923
14007
|
return /*#__PURE__*/React__default.createElement(VideoSignatureCapture, {
|
|
@@ -13926,6 +14010,7 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
|
13926
14010
|
onExit: onExitCapture,
|
|
13927
14011
|
minSignaturePadPoints: minSignaturePadPoints,
|
|
13928
14012
|
signaturePadEmptyContent: signaturePadEmptyContent,
|
|
14013
|
+
headTrackingUnsatisfiedContent: headTrackingUnsatisfiedContent,
|
|
13929
14014
|
restartVideoOnSignaturePadCleared: restartVideoOnSignaturePadCleared,
|
|
13930
14015
|
guidesComponent: guidesComponent,
|
|
13931
14016
|
classNames: classNames,
|
|
@@ -13950,20 +14035,17 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
|
13950
14035
|
};
|
|
13951
14036
|
function VideoSignatureWizardGuides(_a) {
|
|
13952
14037
|
var status = _a.status,
|
|
13953
|
-
classNames = _a.classNames,
|
|
13954
14038
|
_b = _a.restartVideoOnSignaturePadCleared,
|
|
13955
14039
|
restartVideoOnSignaturePadCleared = _b === void 0 ? true : _b,
|
|
13956
|
-
|
|
14040
|
+
props = __rest(_a, ["status", "restartVideoOnSignaturePadCleared"]);
|
|
13957
14041
|
var clearRecordedData = useVideoSignatureContext().clearRecordedData;
|
|
13958
|
-
return /*#__PURE__*/React__default.createElement(VideoSignatureGuides, {
|
|
13959
|
-
classNames: classNames,
|
|
14042
|
+
return /*#__PURE__*/React__default.createElement(VideoSignatureGuides, _assign({}, props, {
|
|
13960
14043
|
faceGuideStatus: status,
|
|
13961
|
-
signaturePadEmptyContent: signaturePadEmptyContent,
|
|
13962
14044
|
requestedAction: status === 'success' ? 'CAPTURE_SIGNATURE' : 'VERIFY_LIVENESS',
|
|
13963
14045
|
onClearSignaturePadClicked: restartVideoOnSignaturePadCleared ? function () {
|
|
13964
14046
|
return setTimeout(clearRecordedData, 100);
|
|
13965
14047
|
} : undefined
|
|
13966
|
-
});
|
|
14048
|
+
}));
|
|
13967
14049
|
}
|
|
13968
14050
|
var VideoSignatureWizardWithProviders = function VideoSignatureWizardWithProviders(props) {
|
|
13969
14051
|
var _a, _b;
|
|
@@ -14263,103 +14345,103 @@ var defaultVideoIdCaptureThresholds = {
|
|
|
14263
14345
|
flipShortcutThreshold: 0.7
|
|
14264
14346
|
};
|
|
14265
14347
|
var IdVideoCapture = function IdVideoCapture(_a) {
|
|
14266
|
-
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q
|
|
14348
|
+
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
|
|
14267
14349
|
var onComplete = _a.onComplete,
|
|
14268
14350
|
onIdFrontImageCaptured = _a.onIdFrontImageCaptured,
|
|
14269
14351
|
onIdBackImageCaptured = _a.onIdBackImageCaptured,
|
|
14270
14352
|
onFaceNotDetected = _a.onFaceNotDetected,
|
|
14271
14353
|
onRecordingFailed = _a.onRecordingFailed,
|
|
14272
14354
|
onExitCapture = _a.onExitCapture,
|
|
14273
|
-
|
|
14274
|
-
idCaptureModelsEnabled =
|
|
14275
|
-
|
|
14276
|
-
idDocumentType =
|
|
14277
|
-
|
|
14278
|
-
idCaptureGuideImages =
|
|
14279
|
-
|
|
14280
|
-
idCardFrontDelay =
|
|
14281
|
-
|
|
14282
|
-
videoIdCaptureThresholds =
|
|
14283
|
-
|
|
14284
|
-
skipShowIdCardBack =
|
|
14285
|
-
|
|
14286
|
-
captureCountdownSeconds =
|
|
14355
|
+
_r = _a.idCaptureModelsEnabled,
|
|
14356
|
+
idCaptureModelsEnabled = _r === void 0 ? true : _r,
|
|
14357
|
+
_s = _a.idDocumentType,
|
|
14358
|
+
idDocumentType = _s === void 0 ? 'idCard' : _s,
|
|
14359
|
+
_t = _a.idCaptureGuideImages,
|
|
14360
|
+
idCaptureGuideImages = _t === void 0 ? defaultIdCaptureGuideImages : _t,
|
|
14361
|
+
_u = _a.idCardFrontDelay,
|
|
14362
|
+
idCardFrontDelay = _u === void 0 ? 1000 : _u,
|
|
14363
|
+
_v = _a.videoIdCaptureThresholds,
|
|
14364
|
+
videoIdCaptureThresholds = _v === void 0 ? defaultVideoIdCaptureThresholds : _v,
|
|
14365
|
+
_w = _a.skipShowIdCardBack,
|
|
14366
|
+
skipShowIdCardBack = _w === void 0 ? false : _w,
|
|
14367
|
+
_x = _a.captureCountdownSeconds,
|
|
14368
|
+
captureCountdownSeconds = _x === void 0 ? 3 : _x,
|
|
14287
14369
|
readTextPrompt = _a.readTextPrompt,
|
|
14288
|
-
|
|
14289
|
-
readTextTimeoutDurationMs =
|
|
14290
|
-
|
|
14291
|
-
readTextMinReadingMs =
|
|
14292
|
-
|
|
14293
|
-
disableFaceDetectionWhileAudioCapture =
|
|
14294
|
-
|
|
14295
|
-
disableFaceDetectionWhileAudioCaptureMsDelay =
|
|
14296
|
-
|
|
14297
|
-
mergeAVStreams =
|
|
14298
|
-
|
|
14299
|
-
classNames =
|
|
14300
|
-
|
|
14301
|
-
colors =
|
|
14302
|
-
|
|
14303
|
-
rawVerbiage =
|
|
14304
|
-
|
|
14305
|
-
debugMode =
|
|
14306
|
-
var
|
|
14307
|
-
ref =
|
|
14308
|
-
|
|
14309
|
-
width =
|
|
14310
|
-
|
|
14311
|
-
height =
|
|
14312
|
-
var
|
|
14313
|
-
camera =
|
|
14314
|
-
videoRef =
|
|
14315
|
-
videoLoaded =
|
|
14316
|
-
cameraReady =
|
|
14317
|
-
microphoneReady =
|
|
14318
|
-
audioStream =
|
|
14319
|
-
isRearFacing =
|
|
14320
|
-
releaseCameraAccess =
|
|
14321
|
-
var
|
|
14322
|
-
detectedObjects =
|
|
14323
|
-
setDetectedObjects =
|
|
14324
|
-
var
|
|
14325
|
-
face =
|
|
14326
|
-
setFace =
|
|
14327
|
-
var
|
|
14328
|
-
idModelsReady =
|
|
14329
|
-
startIdModels =
|
|
14330
|
-
stopIdModels =
|
|
14331
|
-
onIdPredictionMade =
|
|
14332
|
-
setThresholds =
|
|
14333
|
-
setRequiredDocumentType =
|
|
14334
|
-
setDocumentDetectionBoundaries =
|
|
14335
|
-
bestFrameDetails =
|
|
14336
|
-
resetBestFrame =
|
|
14337
|
-
idModelError =
|
|
14338
|
-
var
|
|
14339
|
-
videoStartsAt =
|
|
14340
|
-
setVideoStartsAt =
|
|
14341
|
-
var
|
|
14342
|
-
setIdCaptureVideoAudioStartsAt =
|
|
14343
|
-
setExpectedAudioText =
|
|
14344
|
-
var
|
|
14345
|
-
startSelfieGuidance =
|
|
14346
|
-
stopSelfieGuidance =
|
|
14347
|
-
onSelfiePredictionMade =
|
|
14348
|
-
selfieModelError =
|
|
14349
|
-
var
|
|
14350
|
-
isRecordingVideo =
|
|
14351
|
-
startRecordingVideo =
|
|
14352
|
-
startRecordingAudio =
|
|
14353
|
-
stopRecordingVideo =
|
|
14354
|
-
stopRecordingAudio =
|
|
14355
|
-
videoRecordingUnintentionallyStopped =
|
|
14356
|
-
audioRecordingUnintentionallyStopped =
|
|
14357
|
-
videoUrl =
|
|
14358
|
-
audioUrl =
|
|
14370
|
+
_y = _a.readTextTimeoutDurationMs,
|
|
14371
|
+
readTextTimeoutDurationMs = _y === void 0 ? 15000 : _y,
|
|
14372
|
+
_z = _a.readTextMinReadingMs,
|
|
14373
|
+
readTextMinReadingMs = _z === void 0 ? 10000 : _z,
|
|
14374
|
+
_0 = _a.disableFaceDetectionWhileAudioCapture,
|
|
14375
|
+
disableFaceDetectionWhileAudioCapture = _0 === void 0 ? false : _0,
|
|
14376
|
+
_1 = _a.disableFaceDetectionWhileAudioCaptureMsDelay,
|
|
14377
|
+
disableFaceDetectionWhileAudioCaptureMsDelay = _1 === void 0 ? 2000 : _1,
|
|
14378
|
+
_2 = _a.mergeAVStreams,
|
|
14379
|
+
mergeAVStreams = _2 === void 0 ? false : _2,
|
|
14380
|
+
_3 = _a.classNames,
|
|
14381
|
+
classNames = _3 === void 0 ? {} : _3,
|
|
14382
|
+
_4 = _a.colors,
|
|
14383
|
+
colors = _4 === void 0 ? {} : _4,
|
|
14384
|
+
_5 = _a.verbiage,
|
|
14385
|
+
rawVerbiage = _5 === void 0 ? {} : _5,
|
|
14386
|
+
_6 = _a.debugMode,
|
|
14387
|
+
debugMode = _6 === void 0 ? false : _6;
|
|
14388
|
+
var _7 = useResizeObserver(),
|
|
14389
|
+
ref = _7.ref,
|
|
14390
|
+
_8 = _7.width,
|
|
14391
|
+
width = _8 === void 0 ? 1 : _8,
|
|
14392
|
+
_9 = _7.height,
|
|
14393
|
+
height = _9 === void 0 ? 1 : _9;
|
|
14394
|
+
var _10 = useCameraStore(),
|
|
14395
|
+
camera = _10.camera,
|
|
14396
|
+
videoRef = _10.videoRef,
|
|
14397
|
+
videoLoaded = _10.videoLoaded,
|
|
14398
|
+
cameraReady = _10.cameraReady,
|
|
14399
|
+
microphoneReady = _10.microphoneReady,
|
|
14400
|
+
audioStream = _10.audioStream,
|
|
14401
|
+
isRearFacing = _10.isRearFacing,
|
|
14402
|
+
releaseCameraAccess = _10.releaseCameraAccess;
|
|
14403
|
+
var _11 = useState([]),
|
|
14404
|
+
detectedObjects = _11[0],
|
|
14405
|
+
setDetectedObjects = _11[1];
|
|
14406
|
+
var _12 = useState(null),
|
|
14407
|
+
face = _12[0],
|
|
14408
|
+
setFace = _12[1];
|
|
14409
|
+
var _13 = useContext(IdCaptureModelsContext),
|
|
14410
|
+
idModelsReady = _13.ready,
|
|
14411
|
+
startIdModels = _13.start,
|
|
14412
|
+
stopIdModels = _13.stop,
|
|
14413
|
+
onIdPredictionMade = _13.onPredictionMade,
|
|
14414
|
+
setThresholds = _13.setThresholds,
|
|
14415
|
+
setRequiredDocumentType = _13.setRequiredDocumentType,
|
|
14416
|
+
setDocumentDetectionBoundaries = _13.setDocumentDetectionBoundaries,
|
|
14417
|
+
bestFrameDetails = _13.bestFrameDetails,
|
|
14418
|
+
resetBestFrame = _13.resetBestFrame,
|
|
14419
|
+
idModelError = _13.modelError;
|
|
14420
|
+
var _14 = useState(null),
|
|
14421
|
+
videoStartsAt = _14[0],
|
|
14422
|
+
setVideoStartsAt = _14[1];
|
|
14423
|
+
var _15 = useContext(SubmissionContext),
|
|
14424
|
+
setIdCaptureVideoAudioStartsAt = _15.setIdCaptureVideoAudioStartsAt,
|
|
14425
|
+
setExpectedAudioText = _15.setExpectedAudioText;
|
|
14426
|
+
var _16 = useContext(SelfieGuidanceModelsContext),
|
|
14427
|
+
startSelfieGuidance = _16.start,
|
|
14428
|
+
stopSelfieGuidance = _16.stop,
|
|
14429
|
+
onSelfiePredictionMade = _16.onPredictionMade,
|
|
14430
|
+
selfieModelError = _16.error;
|
|
14431
|
+
var _17 = useVideoRecorder(camera, audioStream, mergeAVStreams),
|
|
14432
|
+
isRecordingVideo = _17.isRecordingVideo,
|
|
14433
|
+
startRecordingVideo = _17.startRecordingVideo,
|
|
14434
|
+
startRecordingAudio = _17.startRecordingAudio,
|
|
14435
|
+
stopRecordingVideo = _17.stopRecordingVideo,
|
|
14436
|
+
stopRecordingAudio = _17.stopRecordingAudio,
|
|
14437
|
+
videoRecordingUnintentionallyStopped = _17.videoRecordingUnintentionallyStopped,
|
|
14438
|
+
audioRecordingUnintentionallyStopped = _17.audioRecordingUnintentionallyStopped,
|
|
14439
|
+
videoUrl = _17.videoUrl,
|
|
14440
|
+
audioUrl = _17.audioUrl;
|
|
14359
14441
|
var countdownTimeoutRef = useRef(undefined);
|
|
14360
|
-
var
|
|
14361
|
-
countdownRemaining =
|
|
14362
|
-
setCountdownRemaining =
|
|
14442
|
+
var _18 = useState(-1),
|
|
14443
|
+
countdownRemaining = _18[0],
|
|
14444
|
+
setCountdownRemaining = _18[1];
|
|
14363
14445
|
useEffect(function () {
|
|
14364
14446
|
if (!isRecordingVideo && !videoUrl) {
|
|
14365
14447
|
startRecordingVideo();
|
|
@@ -14379,9 +14461,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
14379
14461
|
onRecordingFailed === null || onRecordingFailed === void 0 ? void 0 : onRecordingFailed();
|
|
14380
14462
|
}
|
|
14381
14463
|
}, [audioRecordingUnintentionallyStopped, microphoneReady, onRecordingFailed, readTextPrompt, videoRecordingUnintentionallyStopped]);
|
|
14382
|
-
var
|
|
14383
|
-
requestedAction =
|
|
14384
|
-
setRequestedAction =
|
|
14464
|
+
var _19 = useState(idDocumentType === 'idCard' ? 'SHOW_ID_FRONT' : 'SHOW_PASSPORT'),
|
|
14465
|
+
requestedAction = _19[0],
|
|
14466
|
+
setRequestedAction = _19[1];
|
|
14385
14467
|
var shouldRunIdModels = idCaptureModelsEnabled && videoLoaded && cameraReady && idModelsReady && !idModelError && requestedAction !== 'READ_TEXT' && (!readTextPrompt || microphoneReady);
|
|
14386
14468
|
useEffect(function startModelsWhenCapturing() {
|
|
14387
14469
|
if (!shouldRunIdModels) return;
|
|
@@ -14420,23 +14502,23 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
14420
14502
|
bottom: 0
|
|
14421
14503
|
});
|
|
14422
14504
|
}, [setDocumentDetectionBoundaries]);
|
|
14423
|
-
var
|
|
14424
|
-
currentDetectionScore =
|
|
14425
|
-
setCurrentDetectionScore =
|
|
14426
|
-
var
|
|
14427
|
-
currentDetectedDocumentType =
|
|
14428
|
-
setCurrentDetectedDocumentType =
|
|
14429
|
-
var
|
|
14430
|
-
currentFocusScore =
|
|
14431
|
-
setCurrentFocusScore =
|
|
14432
|
-
var
|
|
14433
|
-
goodFramesCount =
|
|
14434
|
-
setGoodFramesCount =
|
|
14505
|
+
var _20 = useState(0),
|
|
14506
|
+
currentDetectionScore = _20[0],
|
|
14507
|
+
setCurrentDetectionScore = _20[1];
|
|
14508
|
+
var _21 = useState('none'),
|
|
14509
|
+
currentDetectedDocumentType = _21[0],
|
|
14510
|
+
setCurrentDetectedDocumentType = _21[1];
|
|
14511
|
+
var _22 = useState(0),
|
|
14512
|
+
currentFocusScore = _22[0],
|
|
14513
|
+
setCurrentFocusScore = _22[1];
|
|
14514
|
+
var _23 = useState(0),
|
|
14515
|
+
goodFramesCount = _23[0],
|
|
14516
|
+
setGoodFramesCount = _23[1];
|
|
14435
14517
|
var goodFramesThreshold = requestedAction === 'SHOW_PASSPORT' ? adjustedThresholds.goodFrames.passport : requestedAction === 'SHOW_ID_FRONT' ? adjustedThresholds.goodFrames.idCardFront : adjustedThresholds.goodFrames.idCardBack;
|
|
14436
14518
|
var goodFramesThresholdMet = goodFramesCount >= goodFramesThreshold;
|
|
14437
|
-
var
|
|
14438
|
-
isSinglePage =
|
|
14439
|
-
setIsSinglePage =
|
|
14519
|
+
var _24 = useState(false),
|
|
14520
|
+
isSinglePage = _24[0],
|
|
14521
|
+
setIsSinglePage = _24[1];
|
|
14440
14522
|
useEffect(function () {
|
|
14441
14523
|
if (!idCaptureModelsEnabled || idModelError) return;
|
|
14442
14524
|
onIdPredictionMade(function (prediction) {
|
|
@@ -14456,9 +14538,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
14456
14538
|
} : 0);
|
|
14457
14539
|
});
|
|
14458
14540
|
}, [idCaptureModelsEnabled, onIdPredictionMade, idModelError, requestedAction, adjustedThresholds.flipShortcutThreshold]);
|
|
14459
|
-
var
|
|
14460
|
-
idFrontCaptureStartedAt =
|
|
14461
|
-
setFirstGoodFrameTime =
|
|
14541
|
+
var _25 = useState(null),
|
|
14542
|
+
idFrontCaptureStartedAt = _25[0],
|
|
14543
|
+
setFirstGoodFrameTime = _25[1];
|
|
14462
14544
|
useEffect(function () {
|
|
14463
14545
|
if (goodFramesCount === 1) setFirstGoodFrameTime(new Date().getTime());
|
|
14464
14546
|
}, [goodFramesCount]);
|
|
@@ -14479,9 +14561,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
14479
14561
|
var frameHeight = (_e = (_d = videoRef.current) === null || _d === void 0 ? void 0 : _d.videoHeight) !== null && _e !== void 0 ? _e : 0;
|
|
14480
14562
|
var faceBox = face === null || face === void 0 ? void 0 : face.box;
|
|
14481
14563
|
var faceCentered = !faceBox || !frameWidth || faceBox.xMin > frameWidth * edgeBoundary && faceBox.yMin > frameHeight * edgeBoundary && faceBox.xMax < frameWidth * (1 - edgeBoundary) && faceBox.yMax < frameHeight * (1 - edgeBoundary);
|
|
14482
|
-
var
|
|
14483
|
-
countdownStartedAt =
|
|
14484
|
-
setCountdownStartedAt =
|
|
14564
|
+
var _26 = useState(),
|
|
14565
|
+
countdownStartedAt = _26[0],
|
|
14566
|
+
setCountdownStartedAt = _26[1];
|
|
14485
14567
|
var photoCanvas = useRef(null);
|
|
14486
14568
|
var frameLock = useRef(false);
|
|
14487
14569
|
var captureFrame = useCallback(function () {
|
|
@@ -14591,9 +14673,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
14591
14673
|
stopSelfieGuidance();
|
|
14592
14674
|
};
|
|
14593
14675
|
}, [startSelfieGuidance, stopSelfieGuidance]);
|
|
14594
|
-
var
|
|
14595
|
-
numFramesWithoutFaces =
|
|
14596
|
-
setNumFramesWithoutFaces =
|
|
14676
|
+
var _27 = useState(0),
|
|
14677
|
+
numFramesWithoutFaces = _27[0],
|
|
14678
|
+
setNumFramesWithoutFaces = _27[1];
|
|
14597
14679
|
onSelfiePredictionMade(useThrottledCallback(useCallback(function (_a) {
|
|
14598
14680
|
var face = _a.face;
|
|
14599
14681
|
if (selfieModelError) return;
|
|
@@ -14609,18 +14691,16 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
14609
14691
|
}
|
|
14610
14692
|
}, [disableFaceDetectionWhileAudioCapture, disableFaceDetectionWhileAudioCaptureMsDelay, numFramesWithoutFaces, onFaceNotDetected, timeoutStartedAt]);
|
|
14611
14693
|
var theme = useTheme();
|
|
14612
|
-
var
|
|
14694
|
+
var _28 = useTranslations(rawVerbiage, {
|
|
14613
14695
|
faceNotCenteredText: 'Please move your face to the center...',
|
|
14614
14696
|
captureBtnText: 'Capture'
|
|
14615
14697
|
}),
|
|
14616
|
-
captureBtnText =
|
|
14617
|
-
faceNotCenteredText =
|
|
14698
|
+
captureBtnText = _28.captureBtnText,
|
|
14699
|
+
faceNotCenteredText = _28.faceNotCenteredText;
|
|
14618
14700
|
var debugScalingDetails = useDebugScalingDetails({
|
|
14619
14701
|
enabled: debugMode,
|
|
14620
14702
|
pageWidth: width,
|
|
14621
|
-
pageHeight: height
|
|
14622
|
-
videoWidth: (_g = (_f = videoRef.current) === null || _f === void 0 ? void 0 : _f.videoWidth) !== null && _g !== void 0 ? _g : 0,
|
|
14623
|
-
videoHeight: (_j = (_h = videoRef.current) === null || _h === void 0 ? void 0 : _h.videoHeight) !== null && _j !== void 0 ? _j : 0
|
|
14703
|
+
pageHeight: height
|
|
14624
14704
|
});
|
|
14625
14705
|
var capturingId = ['SHOW_ID_FRONT', 'SHOW_ID_BACK', 'SHOW_PASSPORT'].includes(requestedAction);
|
|
14626
14706
|
var guidanceText = !faceCentered ? faceNotCenteredText : undefined;
|
|
@@ -14665,9 +14745,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
14665
14745
|
className: classNames.guidanceMessageContainer
|
|
14666
14746
|
}, /*#__PURE__*/React__default.createElement(GuidanceMessage, {
|
|
14667
14747
|
className: classNames.guidanceMessage,
|
|
14668
|
-
"$background": (
|
|
14669
|
-
"$textColor": (
|
|
14670
|
-
}, guidanceText))), debugMode && ( /*#__PURE__*/React__default.createElement(DebugStatsPane, null, camera ? ( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, "\u2705 Camera: ", camera.label, " (", camera.width, "x", camera.height, ")")) : '❌ Camera not ready', /*#__PURE__*/React__default.createElement("br", null), isRecordingVideo ? '✅ Recording' : '❌ Not recording', /*#__PURE__*/React__default.createElement("br", null), goodFramesThresholdMet ? '✅' : '❌', " Good Frame Count:", ' ', goodFramesCount, "/", goodFramesThreshold, /*#__PURE__*/React__default.createElement("br", null), "Document Type: ", currentDetectedDocumentType, /*#__PURE__*/React__default.createElement("br", null), "Detection Score: ", currentDetectionScore, /*#__PURE__*/React__default.createElement("br", null), "Focus Score: ", currentFocusScore, /*#__PURE__*/React__default.createElement("br", null), "Best Frame Detection Score:", ' ', (
|
|
14748
|
+
"$background": (_h = (_g = (_f = theme.guidanceMessages) === null || _f === void 0 ? void 0 : _f.negative) === null || _g === void 0 ? void 0 : _g.backgroundColor) !== null && _h !== void 0 ? _h : 'red',
|
|
14749
|
+
"$textColor": (_l = (_k = (_j = theme.guidanceMessages) === null || _j === void 0 ? void 0 : _j.negative) === null || _k === void 0 ? void 0 : _k.textColor) !== null && _l !== void 0 ? _l : 'white'
|
|
14750
|
+
}, guidanceText))), debugMode && ( /*#__PURE__*/React__default.createElement(DebugStatsPane, null, camera ? ( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, "\u2705 Camera: ", camera.label, " (", camera.width, "x", camera.height, ")")) : '❌ Camera not ready', /*#__PURE__*/React__default.createElement("br", null), isRecordingVideo ? '✅ Recording' : '❌ Not recording', /*#__PURE__*/React__default.createElement("br", null), goodFramesThresholdMet ? '✅' : '❌', " Good Frame Count:", ' ', goodFramesCount, "/", goodFramesThreshold, /*#__PURE__*/React__default.createElement("br", null), "Document Type: ", currentDetectedDocumentType, /*#__PURE__*/React__default.createElement("br", null), "Detection Score: ", currentDetectionScore, /*#__PURE__*/React__default.createElement("br", null), "Focus Score: ", currentFocusScore, /*#__PURE__*/React__default.createElement("br", null), "Best Frame Detection Score:", ' ', (_o = (_m = bestFrameDetails.current) === null || _m === void 0 ? void 0 : _m.detectionScore) !== null && _o !== void 0 ? _o : 0, /*#__PURE__*/React__default.createElement("br", null), "Best Frame Focus Score: ", (_q = (_p = bestFrameDetails.current) === null || _p === void 0 ? void 0 : _p.focusScore) !== null && _q !== void 0 ? _q : 0)), countdownRemaining > 0 && capturingId && ( /*#__PURE__*/React__default.createElement(CountdownContainer, {
|
|
14671
14751
|
className: classNames.countdownContainer
|
|
14672
14752
|
}, /*#__PURE__*/React__default.createElement(Countdown, {
|
|
14673
14753
|
className: classNames.countdown
|
|
@@ -17654,6 +17734,7 @@ var SignatureKYC = function SignatureKYC(_a) {
|
|
|
17654
17734
|
_f = _a.minSignaturePadPoints,
|
|
17655
17735
|
minSignaturePadPoints = _f === void 0 ? DEFAULT_MIN_SIGNATURE_PAD_POINTS : _f,
|
|
17656
17736
|
signaturePadEmptyContent = _a.signaturePadEmptyContent,
|
|
17737
|
+
headTrackingUnsatisfiedContent = _a.headTrackingUnsatisfiedContent,
|
|
17657
17738
|
_g = _a.modelLoadTimeoutMs,
|
|
17658
17739
|
modelLoadTimeoutMs = _g === void 0 ? defaultSelfieCaptureModelLoadTimeoutMs : _g,
|
|
17659
17740
|
_h = _a.allowSignatureAfterLivenessCheckFailure,
|
|
@@ -17715,6 +17796,7 @@ var SignatureKYC = function SignatureKYC(_a) {
|
|
|
17715
17796
|
captureAudio: captureAudio,
|
|
17716
17797
|
minSignaturePadPoints: minSignaturePadPoints,
|
|
17717
17798
|
signaturePadEmptyContent: signaturePadEmptyContent,
|
|
17799
|
+
headTrackingUnsatisfiedContent: headTrackingUnsatisfiedContent,
|
|
17718
17800
|
modelLoadTimeoutMs: modelLoadTimeoutMs,
|
|
17719
17801
|
faceLivenessProps: faceLivenessProps,
|
|
17720
17802
|
allowSignatureAfterLivenessCheckFailure: allowSignatureAfterLivenessCheckFailure,
|
|
@@ -17726,7 +17808,7 @@ var SignatureKYC = function SignatureKYC(_a) {
|
|
|
17726
17808
|
onModelError: onModelError,
|
|
17727
17809
|
onUserCancel: onUserCancel
|
|
17728
17810
|
};
|
|
17729
|
-
}, [customOverlayContent, onLoadingOverlayDismissed, loadingOverlayMode, skipSuccessScreen, captureAudio, minSignaturePadPoints, signaturePadEmptyContent, modelLoadTimeoutMs, faceLivenessProps, allowSignatureAfterLivenessCheckFailure, restartVideoOnSignaturePadCleared, classNames, colors, debugMode, verbiage, onModelError, onUserCancel])
|
|
17811
|
+
}, [customOverlayContent, onLoadingOverlayDismissed, loadingOverlayMode, skipSuccessScreen, captureAudio, minSignaturePadPoints, signaturePadEmptyContent, headTrackingUnsatisfiedContent, modelLoadTimeoutMs, faceLivenessProps, allowSignatureAfterLivenessCheckFailure, restartVideoOnSignaturePadCleared, classNames, colors, debugMode, verbiage, onModelError, onUserCancel])
|
|
17730
17812
|
})))));
|
|
17731
17813
|
};
|
|
17732
17814
|
|