idmission-web-sdk 2.3.2 → 2.3.4
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 +5 -1
- 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 +3 -1
- package/dist/components/video_signature_capture/VideoSignatureCapture.d.ts.map +1 -1
- package/dist/components/video_signature_capture/VideoSignatureGuides.d.ts +7 -2
- package/dist/components/video_signature_capture/VideoSignatureGuides.d.ts.map +1 -1
- package/dist/components/video_signature_capture/VideoSignatureWizard.d.ts +4 -2
- 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 +482 -378
- 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 +482 -378
- package/dist/sdk2.esm.js.map +1 -1
- package/dist/sdk2.umd.development.js +482 -378
- 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 +6 -0
- package/dist/themes/index.d.ts.map +1 -1
- package/dist/version.d.ts +1 -1
- package/package.json +1 -1
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.4';
|
|
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, ";") : "";
|
|
@@ -477,7 +477,7 @@ var OverlayImageRow = styled.div(templateObject_4$l || (templateObject_4$l = __m
|
|
|
477
477
|
var GrayOverlayContainer = styled(OverlayContainer)(templateObject_5$e || (templateObject_5$e = __makeTemplateObject(["\n background: #f7f6fb;\n"], ["\n background: #f7f6fb;\n"])));
|
|
478
478
|
var ButtonsColumn = styled.div(templateObject_6$a || (templateObject_6$a = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n gap: 15px 0;\n justify-content: center;\n margin-top: 24px;\n"], ["\n display: flex;\n flex-direction: column;\n gap: 15px 0;\n justify-content: center;\n margin-top: 24px;\n"])));
|
|
479
479
|
var WideButton = styled(LoaderButton)(templateObject_7$7 || (templateObject_7$7 = __makeTemplateObject(["\n width: 100%;\n border-radius: 30px;\n"], ["\n width: 100%;\n border-radius: 30px;\n"])));
|
|
480
|
-
var WideBorderButton = styled(WideButton)(templateObject_8$
|
|
480
|
+
var WideBorderButton = styled(WideButton)(templateObject_8$4 || (templateObject_8$4 = __makeTemplateObject(["\n color: ", ";\n background: ", ";\n border: 1px solid\n ", ";\n box-sizing: border-box;\n"], ["\n color: ", ";\n background: ", ";\n border: 1px solid\n ", ";\n box-sizing: border-box;\n"])), function (props) {
|
|
481
481
|
var _a, _b;
|
|
482
482
|
return (_b = (_a = props.colors) === null || _a === void 0 ? void 0 : _a.textColor) !== null && _b !== void 0 ? _b : 'black';
|
|
483
483
|
}, function (props) {
|
|
@@ -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) {
|
|
@@ -7433,7 +7450,7 @@ var ProgressBarBackground$1 = styled(LoadingOverlayProgressBarBackground)(templa
|
|
|
7433
7450
|
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.progressBarBackgroundOpacity) !== null && _d !== void 0 ? _d : 0.75;
|
|
7434
7451
|
});
|
|
7435
7452
|
var ProgressIndicator$1 = styled(LoadingOverlayProgressIndicator)(templateObject_7$6 || (templateObject_7$6 = __makeTemplateObject(["\n animation: ", " 3s ease-in-out;\n animation-fill-mode: both;\n"], ["\n animation: ", " 3s ease-in-out;\n animation-fill-mode: both;\n"])), progressBarAnimation);
|
|
7436
|
-
var CustomLoadingGraphic$1 = styled.img(templateObject_8$
|
|
7453
|
+
var CustomLoadingGraphic$1 = styled.img(templateObject_8$3 || (templateObject_8$3 = __makeTemplateObject(["\n transform-style: preserve-3d;\n"], ["\n transform-style: preserve-3d;\n"])));
|
|
7437
7454
|
var ContinueButtonContainer$1 = styled.div(templateObject_9$2 || (templateObject_9$2 = __makeTemplateObject(["\n display: flex;\n"], ["\n display: flex;\n"])));
|
|
7438
7455
|
var ContinueButton$1 = styled(LoaderButton)(templateObject_10$1 || (templateObject_10$1 = __makeTemplateObject(["\n margin: auto;\n white-space: nowrap;\n ", "\n ", "\n \n &:focus-visible {\n ", "\n box-shadow: none;\n }\n\n &.disabled {\n background: ", ";\n color: ", ";\n border: ", ";\n }\n"], ["\n margin: auto;\n white-space: nowrap;\n ", "\n ", "\n \n &:focus-visible {\n ", "\n box-shadow: none;\n }\n\n &.disabled {\n background: ", ";\n color: ", ";\n border: ", ";\n }\n"])), function (props) {
|
|
7439
7456
|
var _a, _b, _c, _d, _e, _f;
|
|
@@ -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) {
|
|
@@ -8408,9 +8425,9 @@ var GuideCenterBorder = styled.div(templateObject_7$5 || (templateObject_7$5 = _
|
|
|
8408
8425
|
}, function (props) {
|
|
8409
8426
|
return props.$padding ? "padding: ".concat(props.$padding, "px;") : '';
|
|
8410
8427
|
});
|
|
8411
|
-
var GuideText = styled.span(templateObject_8$
|
|
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
|
});
|
|
@@ -9923,7 +9940,7 @@ var ScreenPanelHeading = styled.h3(templateObject_4$9 || (templateObject_4$9 = _
|
|
|
9923
9940
|
var ScreenActionsBar = styled.div(templateObject_5$6 || (templateObject_5$6 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: end;\n gap: 20px;\n padding: 20px;\n width: 100%;\n box-sizing: border-box;\n border-top: 1px solid #ccc;\n\n @media (max-width: 600px) {\n justify-content: center;\n }\n"], ["\n display: flex;\n align-items: center;\n justify-content: end;\n gap: 20px;\n padding: 20px;\n width: 100%;\n box-sizing: border-box;\n border-top: 1px solid #ccc;\n\n @media (max-width: 600px) {\n justify-content: center;\n }\n"])));
|
|
9924
9941
|
var DashedSeparator = styled.div(templateObject_6$4 || (templateObject_6$4 = __makeTemplateObject(["\n width: 100%;\n height: 0;\n border-top: 2px solid #606060;\n border-top-style: dashed;\n display: flex;\n align-items: center;\n justify-content: center;\n"], ["\n width: 100%;\n height: 0;\n border-top: 2px solid #606060;\n border-top-style: dashed;\n display: flex;\n align-items: center;\n justify-content: center;\n"])));
|
|
9925
9942
|
var OrWrapper = styled.div(templateObject_7$3 || (templateObject_7$3 = __makeTemplateObject(["\n color: #323232;\n font-weight: bold;\n background: white;\n border-radius: 50%;\n top: -2px;\n position: relative;\n width: 60px;\n height: 60px;\n display: flex;\n align-items: center;\n justify-content: center;\n"], ["\n color: #323232;\n font-weight: bold;\n background: white;\n border-radius: 50%;\n top: -2px;\n position: relative;\n width: 60px;\n height: 60px;\n display: flex;\n align-items: center;\n justify-content: center;\n"])));
|
|
9926
|
-
var UploadIdBackHelpText = styled.p(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n color: #323232;\n font-style: italic;\n margin: 30px 0 0;\n"], ["\n color: #323232;\n font-style: italic;\n margin: 30px 0 0;\n"])));
|
|
9943
|
+
var UploadIdBackHelpText = styled.p(templateObject_8$1 || (templateObject_8$1 = __makeTemplateObject(["\n color: #323232;\n font-style: italic;\n margin: 30px 0 0;\n"], ["\n color: #323232;\n font-style: italic;\n margin: 30px 0 0;\n"])));
|
|
9927
9944
|
var Button = styled(WideBorderButton)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n width: auto;\n font-weight: 500;\n padding-left: 40px;\n padding-right: 40px;\n transition: background-color 0.3s ease;\n background-color: #ffffff;\n white-space: nowrap;\n\n &:disabled,\n &.disabled {\n background-color: #f1f1f1 !important;\n border-color: #dbdbdb !important;\n color: #323232 !important;\n }\n\n &:hover {\n filter: none;\n background-color: #fafafa !important;\n }\n"], ["\n width: auto;\n font-weight: 500;\n padding-left: 40px;\n padding-right: 40px;\n transition: background-color 0.3s ease;\n background-color: #ffffff;\n white-space: nowrap;\n\n &:disabled,\n &.disabled {\n background-color: #f1f1f1 !important;\n border-color: #dbdbdb !important;\n color: #323232 !important;\n }\n\n &:hover {\n filter: none;\n background-color: #fafafa !important;\n }\n"])));
|
|
9928
9945
|
var Modal = styled.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.5);\n z-index: 10000;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.5);\n z-index: 10000;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n"])));
|
|
9929
9946
|
var Dialog = styled.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n width: 100%;\n max-width: 500px;\n height: 100%;\n max-height: 600px;\n background: white;\n border-radius: 25px;\n overflow: auto;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\n font-family: ", ";\n //margin: 25px;\n"], ["\n width: 100%;\n max-width: 500px;\n height: 100%;\n max-height: 600px;\n background: white;\n border-radius: 25px;\n overflow: auto;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\n font-family: ", ";\n //margin: 25px;\n"])), function (props) {
|
|
@@ -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 position: relative;\n background: ", ";\n border: ", ";\n border-radius: ", ";\n flex-grow: 1;\n z-index: 100;\n height: 100%;\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) {
|
|
@@ -13041,9 +13054,27 @@ var SignaturePad = styled.div(templateObject_3$9 || (templateObject_3$9 = __make
|
|
|
13041
13054
|
}, function (props) {
|
|
13042
13055
|
var _a, _b, _c;
|
|
13043
13056
|
return (_c = (_b = (_a = props.theme.signatureCapture) === null || _a === void 0 ? void 0 : _a.canvas) === null || _b === void 0 ? void 0 : _b.borderRadius) !== null && _c !== void 0 ? _c : '16px';
|
|
13057
|
+
}, function (props) {
|
|
13058
|
+
var _a, _b, _c;
|
|
13059
|
+
return (_c = (_b = (_a = props.theme.signatureCapture) === null || _a === void 0 ? void 0 : _a.canvas) === null || _b === void 0 ? void 0 : _b.emptyBackground) !== null && _c !== void 0 ? _c : 'rgba(255, 255, 255, 0.5)';
|
|
13060
|
+
}, function (props) {
|
|
13061
|
+
var _a, _b, _c;
|
|
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';
|
|
13044
13075
|
});
|
|
13045
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"])));
|
|
13046
|
-
var templateObject_1$
|
|
13077
|
+
var templateObject_1$d, templateObject_2$b, templateObject_3$9, templateObject_4$4;
|
|
13047
13078
|
|
|
13048
13079
|
var SignatureCapture = function SignatureCapture(_a) {
|
|
13049
13080
|
var onAccept = _a.onAccept,
|
|
@@ -13078,7 +13109,7 @@ var SignatureCapture = function SignatureCapture(_a) {
|
|
|
13078
13109
|
});
|
|
13079
13110
|
});
|
|
13080
13111
|
}
|
|
13081
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
13112
|
+
return /*#__PURE__*/React__default.createElement(Container$4, {
|
|
13082
13113
|
className: classNames.container
|
|
13083
13114
|
}, /*#__PURE__*/React__default.createElement(SignaturePaperBacking, {
|
|
13084
13115
|
className: classNames.inner
|
|
@@ -13116,9 +13147,9 @@ var SignatureCapture = function SignatureCapture(_a) {
|
|
|
13116
13147
|
finished: true
|
|
13117
13148
|
}, verbiage.acceptBtnText)))));
|
|
13118
13149
|
};
|
|
13119
|
-
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"])));
|
|
13120
13151
|
var AcceptBtn$1 = styled(LoaderButton)(templateObject_2$a || (templateObject_2$a = __makeTemplateObject(["\n margin-left: auto;\n"], ["\n margin-left: auto;\n"])));
|
|
13121
|
-
var templateObject_1$
|
|
13152
|
+
var templateObject_1$c, templateObject_2$a;
|
|
13122
13153
|
|
|
13123
13154
|
var useVideoRecorder = function useVideoRecorder(camera, audioStream, mergeAVStreams) {
|
|
13124
13155
|
if (mergeAVStreams === void 0) {
|
|
@@ -13499,23 +13530,27 @@ function VideoSignatureGuides(_a) {
|
|
|
13499
13530
|
onClearSignaturePadClicked = _a.onClearSignaturePadClicked,
|
|
13500
13531
|
_d = _a.minSignaturePadPoints,
|
|
13501
13532
|
minSignaturePadPoints = _d === void 0 ? DEFAULT_MIN_SIGNATURE_PAD_POINTS : _d,
|
|
13502
|
-
|
|
13503
|
-
|
|
13504
|
-
|
|
13505
|
-
|
|
13506
|
-
|
|
13507
|
-
|
|
13508
|
-
|
|
13509
|
-
|
|
13510
|
-
var _h =
|
|
13511
|
-
|
|
13512
|
-
|
|
13513
|
-
|
|
13514
|
-
|
|
13515
|
-
|
|
13516
|
-
|
|
13517
|
-
|
|
13518
|
-
|
|
13533
|
+
signaturePadEmptyContent = _a.signaturePadEmptyContent,
|
|
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];
|
|
13519
13554
|
var verbiage = useTranslations(rawVerbiage, {
|
|
13520
13555
|
clearSignatureBtnText: 'Clear',
|
|
13521
13556
|
acceptSignatureBtnText: 'Accept'
|
|
@@ -13529,8 +13564,11 @@ function VideoSignatureGuides(_a) {
|
|
|
13529
13564
|
}, [classNames.signatureCanvas, height, width]);
|
|
13530
13565
|
var isSigning = requestedAction === 'CAPTURE_SIGNATURE';
|
|
13531
13566
|
var canClear = isSigning && !signaturePadEmpty;
|
|
13532
|
-
var canSubmit = isSigning && signatureValid;
|
|
13533
|
-
|
|
13567
|
+
var canSubmit = isSigning && signatureValid && headTrackingSatisfied;
|
|
13568
|
+
var displayEmptyState = requestedAction === 'CAPTURE_SIGNATURE' && signaturePadEmpty;
|
|
13569
|
+
var EmptyContent = signaturePadEmptyContent;
|
|
13570
|
+
var HeadTrackingUnsatisfiedContent = headTrackingUnsatisfiedContent;
|
|
13571
|
+
return /*#__PURE__*/React__default.createElement(Container$3, {
|
|
13534
13572
|
className: classNames.container
|
|
13535
13573
|
}, /*#__PURE__*/React__default.createElement(Inner$1, {
|
|
13536
13574
|
className: classNames.inner
|
|
@@ -13546,10 +13584,11 @@ function VideoSignatureGuides(_a) {
|
|
|
13546
13584
|
className: classNames.signaturePadContainer
|
|
13547
13585
|
}, /*#__PURE__*/React__default.createElement(SignatureCanvasContainer, {
|
|
13548
13586
|
className: classNames.signatureCanvasContainer,
|
|
13549
|
-
"$disabled": requestedAction === 'VERIFY_LIVENESS'
|
|
13587
|
+
"$disabled": requestedAction === 'VERIFY_LIVENESS',
|
|
13588
|
+
"$headTrackingUnsatisfied": !headTrackingSatisfied
|
|
13550
13589
|
}, /*#__PURE__*/React__default.createElement(SignaturePad, {
|
|
13551
13590
|
ref: ref,
|
|
13552
|
-
className: classNames.signatureCanvasInner
|
|
13591
|
+
className: cn(classNames.signatureCanvasInner, displayEmptyState && 'empty', !headTrackingSatisfied && 'head-tracking-unsatisfied')
|
|
13553
13592
|
}, /*#__PURE__*/React__default.createElement(SignatureCanvas, {
|
|
13554
13593
|
ref: signaturePad,
|
|
13555
13594
|
canvasProps: canvasProps,
|
|
@@ -13564,7 +13603,11 @@ function VideoSignatureGuides(_a) {
|
|
|
13564
13603
|
});
|
|
13565
13604
|
setSignatureValid(points.length >= minSignaturePadPoints);
|
|
13566
13605
|
}
|
|
13567
|
-
})
|
|
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, {
|
|
13609
|
+
className: classNames.emptyContentContainer
|
|
13610
|
+
}, typeof EmptyContent === 'string' ? EmptyContent : ( /*#__PURE__*/React__default.createElement(EmptyContent, null))))), /*#__PURE__*/React__default.createElement(SignatureButtonsContainer, {
|
|
13568
13611
|
className: classNames.signatureButtonsRow
|
|
13569
13612
|
}, /*#__PURE__*/React__default.createElement(LoaderButton, {
|
|
13570
13613
|
variant: "secondary",
|
|
@@ -13586,7 +13629,7 @@ function VideoSignatureGuides(_a) {
|
|
|
13586
13629
|
finished: true
|
|
13587
13630
|
}, verbiage.acceptSignatureBtnText))))));
|
|
13588
13631
|
}
|
|
13589
|
-
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) {
|
|
13590
13633
|
var _a;
|
|
13591
13634
|
return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
|
|
13592
13635
|
});
|
|
@@ -13594,11 +13637,17 @@ var Inner$1 = styled.div(templateObject_2$9 || (templateObject_2$9 = __makeTempl
|
|
|
13594
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"])));
|
|
13595
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"])));
|
|
13596
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"])));
|
|
13597
|
-
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) {
|
|
13598
13641
|
return props.$disabled ? 'opacity: 0.5; pointer-events: none;' : '';
|
|
13642
|
+
}, function (props) {
|
|
13643
|
+
return props.$headTrackingUnsatisfied ? 'pointer-events: none;' : '';
|
|
13599
13644
|
});
|
|
13600
13645
|
var AcceptBtn = styled(LoaderButton)(templateObject_7$1 || (templateObject_7$1 = __makeTemplateObject(["\n margin-left: auto;\n"], ["\n margin-left: auto;\n"])));
|
|
13601
|
-
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) {
|
|
13647
|
+
var _a, _b, _c;
|
|
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';
|
|
13649
|
+
});
|
|
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;
|
|
13602
13651
|
|
|
13603
13652
|
var DEFAULT_MIN_SIGNATURE_PAD_POINTS = 10;
|
|
13604
13653
|
var VideoSignatureCapture = function VideoSignatureCapture(_a) {
|
|
@@ -13610,6 +13659,8 @@ var VideoSignatureCapture = function VideoSignatureCapture(_a) {
|
|
|
13610
13659
|
guidesComponent = _a.guidesComponent,
|
|
13611
13660
|
_c = _a.minSignaturePadPoints,
|
|
13612
13661
|
minSignaturePadPoints = _c === void 0 ? DEFAULT_MIN_SIGNATURE_PAD_POINTS : _c,
|
|
13662
|
+
signaturePadEmptyContent = _a.signaturePadEmptyContent,
|
|
13663
|
+
headTrackingUnsatisfiedContent = _a.headTrackingUnsatisfiedContent,
|
|
13613
13664
|
_d = _a.classNames,
|
|
13614
13665
|
classNames = _d === void 0 ? {} : _d,
|
|
13615
13666
|
_e = _a.colors,
|
|
@@ -13618,22 +13669,34 @@ var VideoSignatureCapture = function VideoSignatureCapture(_a) {
|
|
|
13618
13669
|
rawVerbiage = _f === void 0 ? {} : _f,
|
|
13619
13670
|
_g = _a.debugMode,
|
|
13620
13671
|
debugMode = _g === void 0 ? false : _g;
|
|
13621
|
-
var
|
|
13622
|
-
|
|
13623
|
-
|
|
13624
|
-
|
|
13625
|
-
|
|
13626
|
-
|
|
13627
|
-
|
|
13628
|
-
|
|
13629
|
-
|
|
13630
|
-
|
|
13631
|
-
|
|
13632
|
-
|
|
13672
|
+
var _h = useCameraStore(useShallow(function (state) {
|
|
13673
|
+
return {
|
|
13674
|
+
camera: state.camera,
|
|
13675
|
+
videoWidth: state.videoWidth
|
|
13676
|
+
};
|
|
13677
|
+
})),
|
|
13678
|
+
camera = _h.camera,
|
|
13679
|
+
videoWidth = _h.videoWidth;
|
|
13680
|
+
var _j = useSelfieGuidanceModelsContext(),
|
|
13681
|
+
onPredictionMade = _j.onPredictionMade,
|
|
13682
|
+
start = _j.start,
|
|
13683
|
+
stop = _j.stop;
|
|
13684
|
+
var _k = useVideoSignatureContext(),
|
|
13685
|
+
signatureData = _k.signatureData,
|
|
13686
|
+
signatureDataUrl = _k.signatureDataUrl,
|
|
13687
|
+
signatureVideoData = _k.signatureVideoData,
|
|
13688
|
+
startRecording = _k.startRecording,
|
|
13689
|
+
stopRecording = _k.stopRecording,
|
|
13690
|
+
clearRecordedData = _k.clearRecordedData,
|
|
13691
|
+
isRecording = _k.isRecording;
|
|
13633
13692
|
useEffect(function () {
|
|
13634
13693
|
startRecording();
|
|
13635
13694
|
return stopRecording;
|
|
13636
13695
|
}, [startRecording, stopRecording]);
|
|
13696
|
+
useEffect(function () {
|
|
13697
|
+
setTimeout(start, 1);
|
|
13698
|
+
return stop;
|
|
13699
|
+
}, [start, stop]);
|
|
13637
13700
|
colors.guidanceMessageBackgroundColor || (colors.guidanceMessageBackgroundColor = '#ccc');
|
|
13638
13701
|
colors.guidanceMessageTextColor || (colors.guidanceMessageTextColor = 'black');
|
|
13639
13702
|
var verbiage = useTranslations(rawVerbiage, {
|
|
@@ -13644,27 +13707,47 @@ var VideoSignatureCapture = function VideoSignatureCapture(_a) {
|
|
|
13644
13707
|
onVideoCaptured === null || onVideoCaptured === void 0 ? void 0 : onVideoCaptured(signatureVideoData, signatureData, signatureDataUrl);
|
|
13645
13708
|
}
|
|
13646
13709
|
}, [onVideoCaptured, signatureData, signatureDataUrl, signatureVideoData]);
|
|
13647
|
-
var
|
|
13648
|
-
|
|
13649
|
-
|
|
13650
|
-
|
|
13651
|
-
|
|
13652
|
-
|
|
13653
|
-
|
|
13654
|
-
|
|
13655
|
-
|
|
13710
|
+
var _l = useState(true),
|
|
13711
|
+
headTrackingSatisfied = _l[0],
|
|
13712
|
+
setHeadTrackingSatisfied = _l[1];
|
|
13713
|
+
var _m = useState(null),
|
|
13714
|
+
lastFace = _m[0],
|
|
13715
|
+
setLastFace = _m[1];
|
|
13716
|
+
var _o = useState(0),
|
|
13717
|
+
numFramesWithoutFaces = _o[0],
|
|
13718
|
+
setNumFramesWithoutFaces = _o[1];
|
|
13719
|
+
onPredictionMade(useThrottledCallback(function (_a) {
|
|
13720
|
+
var face = _a.face;
|
|
13721
|
+
if (!camera) return;
|
|
13722
|
+
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;
|
|
13723
|
+
setLastFace(face);
|
|
13724
|
+
setHeadTrackingSatisfied(!!face && !nearBoundary);
|
|
13725
|
+
setNumFramesWithoutFaces(face ? 0 : function (n) {
|
|
13726
|
+
return n + 1;
|
|
13656
13727
|
});
|
|
13657
|
-
},
|
|
13728
|
+
}, 16));
|
|
13729
|
+
var _p = useResizeObserver(),
|
|
13730
|
+
ref = _p.ref,
|
|
13731
|
+
_q = _p.width,
|
|
13732
|
+
width = _q === void 0 ? 1 : _q,
|
|
13733
|
+
_r = _p.height,
|
|
13734
|
+
height = _r === void 0 ? 1 : _r;
|
|
13735
|
+
var debugScalingDetails = useDebugScalingDetails({
|
|
13736
|
+
enabled: debugMode,
|
|
13737
|
+
pageWidth: width,
|
|
13738
|
+
pageHeight: height
|
|
13739
|
+
});
|
|
13658
13740
|
useEffect(function () {
|
|
13659
13741
|
if (numFramesWithoutFaces >= 2) {
|
|
13660
13742
|
onFaceNotDetected === null || onFaceNotDetected === void 0 ? void 0 : onFaceNotDetected();
|
|
13661
13743
|
}
|
|
13662
13744
|
}, [numFramesWithoutFaces, onFaceNotDetected]);
|
|
13663
13745
|
var GuidesComponent = guidesComponent !== null && guidesComponent !== void 0 ? guidesComponent : VideoSignatureGuides;
|
|
13664
|
-
return /*#__PURE__*/React__default.createElement(
|
|
13746
|
+
return /*#__PURE__*/React__default.createElement(Container$2, {
|
|
13747
|
+
ref: ref,
|
|
13665
13748
|
className: classNames.container
|
|
13666
13749
|
}, verbiage.guidanceMessageText && ( /*#__PURE__*/React__default.createElement(GuidanceMessageContainer, {
|
|
13667
|
-
"$top": "
|
|
13750
|
+
"$top": "10%",
|
|
13668
13751
|
className: classNames.guidanceMessageContainer
|
|
13669
13752
|
}, /*#__PURE__*/React__default.createElement(GuidanceMessage, {
|
|
13670
13753
|
className: classNames.guidanceMessage,
|
|
@@ -13672,16 +13755,26 @@ var VideoSignatureCapture = function VideoSignatureCapture(_a) {
|
|
|
13672
13755
|
"$textColor": colors.guidanceMessageTextColor
|
|
13673
13756
|
}, verbiage.guidanceMessageText))), /*#__PURE__*/React__default.createElement(GuidesComponent, {
|
|
13674
13757
|
status: "success",
|
|
13758
|
+
key: "video-signature-guides-".concat(headTrackingSatisfied ? 'satisfied' : 'unsatisfied'),
|
|
13675
13759
|
classNames: classNames.videoSignatureGuidesClassNames,
|
|
13676
13760
|
minSignaturePadPoints: minSignaturePadPoints,
|
|
13761
|
+
signaturePadEmptyContent: signaturePadEmptyContent,
|
|
13762
|
+
headTrackingUnsatisfiedContent: headTrackingUnsatisfiedContent,
|
|
13763
|
+
headTrackingSatisfied: headTrackingSatisfied,
|
|
13677
13764
|
onClearSignaturePadClicked: restartVideoOnSignaturePadCleared ? function () {
|
|
13678
13765
|
return setTimeout(clearRecordedData, 100);
|
|
13679
13766
|
} : undefined
|
|
13680
|
-
}), debugMode && ( /*#__PURE__*/React__default.createElement(
|
|
13767
|
+
}), debugMode && ( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(ObjectDetectionDebugOverlayDiv, null, lastFace && ( /*#__PURE__*/React__default.createElement(SelfieCaptureFaceDebugBox, {
|
|
13768
|
+
face: lastFace,
|
|
13769
|
+
scaling: debugScalingDetails,
|
|
13770
|
+
color: headTrackingSatisfied ? 'green' : 'red'
|
|
13771
|
+
}))), /*#__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, {
|
|
13681
13772
|
onClick: onExit,
|
|
13682
13773
|
className: classNames.exitCaptureBtn
|
|
13683
13774
|
}));
|
|
13684
13775
|
};
|
|
13776
|
+
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"])));
|
|
13777
|
+
var templateObject_1$a;
|
|
13685
13778
|
|
|
13686
13779
|
var VideoSignatureSuccess = function VideoSignatureSuccess(_a) {
|
|
13687
13780
|
var imageUrl = _a.imageUrl,
|
|
@@ -13755,6 +13848,8 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
|
13755
13848
|
captureAudio = _d === void 0 ? false : _d,
|
|
13756
13849
|
_e = _a.minSignaturePadPoints,
|
|
13757
13850
|
minSignaturePadPoints = _e === void 0 ? DEFAULT_MIN_SIGNATURE_PAD_POINTS : _e,
|
|
13851
|
+
signaturePadEmptyContent = _a.signaturePadEmptyContent,
|
|
13852
|
+
headTrackingUnsatisfiedContent = _a.headTrackingUnsatisfiedContent,
|
|
13758
13853
|
_f = _a.allowSignatureAfterLivenessCheckFailure,
|
|
13759
13854
|
allowSignatureAfterLivenessCheckFailure = _f === void 0 ? false : _f,
|
|
13760
13855
|
_g = _a.restartVideoOnSignaturePadCleared,
|
|
@@ -13787,7 +13882,7 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
|
13787
13882
|
var operationStartedAt = useRef();
|
|
13788
13883
|
var captureStartedAt = useRef();
|
|
13789
13884
|
var captureEndedAt = useRef();
|
|
13790
|
-
var _q =
|
|
13885
|
+
var _q = useSelfieGuidanceModelsContext(),
|
|
13791
13886
|
start = _q.start,
|
|
13792
13887
|
stop = _q.stop;
|
|
13793
13888
|
useEffect(function () {
|
|
@@ -13802,9 +13897,9 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
|
13802
13897
|
if (!shouldRun) return;
|
|
13803
13898
|
start();
|
|
13804
13899
|
return function () {
|
|
13805
|
-
stop();
|
|
13900
|
+
return stop();
|
|
13806
13901
|
};
|
|
13807
|
-
}, [
|
|
13902
|
+
}, [start, stop, shouldRun]);
|
|
13808
13903
|
var logCaptureMetadata = useCallback(function () {
|
|
13809
13904
|
var _a, _b, _c;
|
|
13810
13905
|
logSelfieCaptureAttempt({
|
|
@@ -13835,12 +13930,16 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
|
13835
13930
|
setCaptureState('SUCCESS');
|
|
13836
13931
|
onVideoCaptured === null || onVideoCaptured === void 0 ? void 0 : onVideoCaptured(videoData, signatureData, signatureImageData);
|
|
13837
13932
|
}, [onVideoCaptured, setSignatureData, setSignatureVideoUrl]);
|
|
13933
|
+
var _s = useState(true),
|
|
13934
|
+
showLoadingOverlay = _s[0],
|
|
13935
|
+
setShowLoadingOverlay = _s[1];
|
|
13838
13936
|
var onSignatureCaptureFacesNotDetected = useCallback(function () {
|
|
13937
|
+
setShowLoadingOverlay(false);
|
|
13839
13938
|
setCaptureState('CHECKING_LIVENESS');
|
|
13840
13939
|
}, []);
|
|
13841
|
-
var
|
|
13842
|
-
attempt =
|
|
13843
|
-
setAttempt =
|
|
13940
|
+
var _t = useState(0),
|
|
13941
|
+
attempt = _t[0],
|
|
13942
|
+
setAttempt = _t[1];
|
|
13844
13943
|
var onRetry = useCallback(function () {
|
|
13845
13944
|
onRetryClicked === null || onRetryClicked === void 0 ? void 0 : onRetryClicked();
|
|
13846
13945
|
setAttempt(function (n) {
|
|
@@ -13860,9 +13959,10 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
|
13860
13959
|
var guidesComponent = useCallback(function (props) {
|
|
13861
13960
|
return /*#__PURE__*/React__default.createElement(VideoSignatureWizardGuides, _assign({}, props, {
|
|
13862
13961
|
classNames: classNames === null || classNames === void 0 ? void 0 : classNames.videoSignatureGuidesClassNames,
|
|
13863
|
-
restartVideoOnSignaturePadCleared: restartVideoOnSignaturePadCleared
|
|
13962
|
+
restartVideoOnSignaturePadCleared: restartVideoOnSignaturePadCleared,
|
|
13963
|
+
signaturePadEmptyContent: signaturePadEmptyContent
|
|
13864
13964
|
}));
|
|
13865
|
-
}, [classNames === null || classNames === void 0 ? void 0 : classNames.videoSignatureGuidesClassNames, restartVideoOnSignaturePadCleared]);
|
|
13965
|
+
}, [classNames === null || classNames === void 0 ? void 0 : classNames.videoSignatureGuidesClassNames, restartVideoOnSignaturePadCleared, signaturePadEmptyContent]);
|
|
13866
13966
|
var onExitAfterFailureProp = faceLivenessProps === null || faceLivenessProps === void 0 ? void 0 : faceLivenessProps.onExitAfterFailure;
|
|
13867
13967
|
var onExitAfterFailure = useCallback(function (resp, req) {
|
|
13868
13968
|
onExitAfterFailureProp === null || onExitAfterFailureProp === void 0 ? void 0 : onExitAfterFailureProp(resp, req);
|
|
@@ -13898,7 +13998,8 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
|
13898
13998
|
colors: colors.faceLiveness,
|
|
13899
13999
|
verbiage: verbiage.faceLiveness,
|
|
13900
14000
|
debugMode: debugMode,
|
|
13901
|
-
renderCameraFeed: false
|
|
14001
|
+
renderCameraFeed: false,
|
|
14002
|
+
showLoadingOverlay: showLoadingOverlay
|
|
13902
14003
|
}));
|
|
13903
14004
|
case 'CAPTURING_SIGNATURE':
|
|
13904
14005
|
return /*#__PURE__*/React__default.createElement(VideoSignatureCapture, {
|
|
@@ -13906,6 +14007,8 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
|
13906
14007
|
onFaceNotDetected: onSignatureCaptureFacesNotDetected,
|
|
13907
14008
|
onExit: onExitCapture,
|
|
13908
14009
|
minSignaturePadPoints: minSignaturePadPoints,
|
|
14010
|
+
signaturePadEmptyContent: signaturePadEmptyContent,
|
|
14011
|
+
headTrackingUnsatisfiedContent: headTrackingUnsatisfiedContent,
|
|
13909
14012
|
restartVideoOnSignaturePadCleared: restartVideoOnSignaturePadCleared,
|
|
13910
14013
|
guidesComponent: guidesComponent,
|
|
13911
14014
|
classNames: classNames,
|
|
@@ -13930,18 +14033,17 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
|
13930
14033
|
};
|
|
13931
14034
|
function VideoSignatureWizardGuides(_a) {
|
|
13932
14035
|
var status = _a.status,
|
|
13933
|
-
classNames = _a.classNames,
|
|
13934
14036
|
_b = _a.restartVideoOnSignaturePadCleared,
|
|
13935
|
-
restartVideoOnSignaturePadCleared = _b === void 0 ? true : _b
|
|
14037
|
+
restartVideoOnSignaturePadCleared = _b === void 0 ? true : _b,
|
|
14038
|
+
props = __rest(_a, ["status", "restartVideoOnSignaturePadCleared"]);
|
|
13936
14039
|
var clearRecordedData = useVideoSignatureContext().clearRecordedData;
|
|
13937
|
-
return /*#__PURE__*/React__default.createElement(VideoSignatureGuides, {
|
|
13938
|
-
classNames: classNames,
|
|
14040
|
+
return /*#__PURE__*/React__default.createElement(VideoSignatureGuides, _assign({}, props, {
|
|
13939
14041
|
faceGuideStatus: status,
|
|
13940
14042
|
requestedAction: status === 'success' ? 'CAPTURE_SIGNATURE' : 'VERIFY_LIVENESS',
|
|
13941
14043
|
onClearSignaturePadClicked: restartVideoOnSignaturePadCleared ? function () {
|
|
13942
14044
|
return setTimeout(clearRecordedData, 100);
|
|
13943
14045
|
} : undefined
|
|
13944
|
-
});
|
|
14046
|
+
}));
|
|
13945
14047
|
}
|
|
13946
14048
|
var VideoSignatureWizardWithProviders = function VideoSignatureWizardWithProviders(props) {
|
|
13947
14049
|
var _a, _b;
|
|
@@ -14241,103 +14343,103 @@ var defaultVideoIdCaptureThresholds = {
|
|
|
14241
14343
|
flipShortcutThreshold: 0.7
|
|
14242
14344
|
};
|
|
14243
14345
|
var IdVideoCapture = function IdVideoCapture(_a) {
|
|
14244
|
-
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q
|
|
14346
|
+
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
|
|
14245
14347
|
var onComplete = _a.onComplete,
|
|
14246
14348
|
onIdFrontImageCaptured = _a.onIdFrontImageCaptured,
|
|
14247
14349
|
onIdBackImageCaptured = _a.onIdBackImageCaptured,
|
|
14248
14350
|
onFaceNotDetected = _a.onFaceNotDetected,
|
|
14249
14351
|
onRecordingFailed = _a.onRecordingFailed,
|
|
14250
14352
|
onExitCapture = _a.onExitCapture,
|
|
14251
|
-
|
|
14252
|
-
idCaptureModelsEnabled =
|
|
14253
|
-
|
|
14254
|
-
idDocumentType =
|
|
14255
|
-
|
|
14256
|
-
idCaptureGuideImages =
|
|
14257
|
-
|
|
14258
|
-
idCardFrontDelay =
|
|
14259
|
-
|
|
14260
|
-
videoIdCaptureThresholds =
|
|
14261
|
-
|
|
14262
|
-
skipShowIdCardBack =
|
|
14263
|
-
|
|
14264
|
-
captureCountdownSeconds =
|
|
14353
|
+
_r = _a.idCaptureModelsEnabled,
|
|
14354
|
+
idCaptureModelsEnabled = _r === void 0 ? true : _r,
|
|
14355
|
+
_s = _a.idDocumentType,
|
|
14356
|
+
idDocumentType = _s === void 0 ? 'idCard' : _s,
|
|
14357
|
+
_t = _a.idCaptureGuideImages,
|
|
14358
|
+
idCaptureGuideImages = _t === void 0 ? defaultIdCaptureGuideImages : _t,
|
|
14359
|
+
_u = _a.idCardFrontDelay,
|
|
14360
|
+
idCardFrontDelay = _u === void 0 ? 1000 : _u,
|
|
14361
|
+
_v = _a.videoIdCaptureThresholds,
|
|
14362
|
+
videoIdCaptureThresholds = _v === void 0 ? defaultVideoIdCaptureThresholds : _v,
|
|
14363
|
+
_w = _a.skipShowIdCardBack,
|
|
14364
|
+
skipShowIdCardBack = _w === void 0 ? false : _w,
|
|
14365
|
+
_x = _a.captureCountdownSeconds,
|
|
14366
|
+
captureCountdownSeconds = _x === void 0 ? 3 : _x,
|
|
14265
14367
|
readTextPrompt = _a.readTextPrompt,
|
|
14266
|
-
|
|
14267
|
-
readTextTimeoutDurationMs =
|
|
14268
|
-
|
|
14269
|
-
readTextMinReadingMs =
|
|
14270
|
-
|
|
14271
|
-
disableFaceDetectionWhileAudioCapture =
|
|
14272
|
-
|
|
14273
|
-
disableFaceDetectionWhileAudioCaptureMsDelay =
|
|
14274
|
-
|
|
14275
|
-
mergeAVStreams =
|
|
14276
|
-
|
|
14277
|
-
classNames =
|
|
14278
|
-
|
|
14279
|
-
colors =
|
|
14280
|
-
|
|
14281
|
-
rawVerbiage =
|
|
14282
|
-
|
|
14283
|
-
debugMode =
|
|
14284
|
-
var
|
|
14285
|
-
ref =
|
|
14286
|
-
|
|
14287
|
-
width =
|
|
14288
|
-
|
|
14289
|
-
height =
|
|
14290
|
-
var
|
|
14291
|
-
camera =
|
|
14292
|
-
videoRef =
|
|
14293
|
-
videoLoaded =
|
|
14294
|
-
cameraReady =
|
|
14295
|
-
microphoneReady =
|
|
14296
|
-
audioStream =
|
|
14297
|
-
isRearFacing =
|
|
14298
|
-
releaseCameraAccess =
|
|
14299
|
-
var
|
|
14300
|
-
detectedObjects =
|
|
14301
|
-
setDetectedObjects =
|
|
14302
|
-
var
|
|
14303
|
-
face =
|
|
14304
|
-
setFace =
|
|
14305
|
-
var
|
|
14306
|
-
idModelsReady =
|
|
14307
|
-
startIdModels =
|
|
14308
|
-
stopIdModels =
|
|
14309
|
-
onIdPredictionMade =
|
|
14310
|
-
setThresholds =
|
|
14311
|
-
setRequiredDocumentType =
|
|
14312
|
-
setDocumentDetectionBoundaries =
|
|
14313
|
-
bestFrameDetails =
|
|
14314
|
-
resetBestFrame =
|
|
14315
|
-
idModelError =
|
|
14316
|
-
var
|
|
14317
|
-
videoStartsAt =
|
|
14318
|
-
setVideoStartsAt =
|
|
14319
|
-
var
|
|
14320
|
-
setIdCaptureVideoAudioStartsAt =
|
|
14321
|
-
setExpectedAudioText =
|
|
14322
|
-
var
|
|
14323
|
-
startSelfieGuidance =
|
|
14324
|
-
stopSelfieGuidance =
|
|
14325
|
-
onSelfiePredictionMade =
|
|
14326
|
-
selfieModelError =
|
|
14327
|
-
var
|
|
14328
|
-
isRecordingVideo =
|
|
14329
|
-
startRecordingVideo =
|
|
14330
|
-
startRecordingAudio =
|
|
14331
|
-
stopRecordingVideo =
|
|
14332
|
-
stopRecordingAudio =
|
|
14333
|
-
videoRecordingUnintentionallyStopped =
|
|
14334
|
-
audioRecordingUnintentionallyStopped =
|
|
14335
|
-
videoUrl =
|
|
14336
|
-
audioUrl =
|
|
14368
|
+
_y = _a.readTextTimeoutDurationMs,
|
|
14369
|
+
readTextTimeoutDurationMs = _y === void 0 ? 15000 : _y,
|
|
14370
|
+
_z = _a.readTextMinReadingMs,
|
|
14371
|
+
readTextMinReadingMs = _z === void 0 ? 10000 : _z,
|
|
14372
|
+
_0 = _a.disableFaceDetectionWhileAudioCapture,
|
|
14373
|
+
disableFaceDetectionWhileAudioCapture = _0 === void 0 ? false : _0,
|
|
14374
|
+
_1 = _a.disableFaceDetectionWhileAudioCaptureMsDelay,
|
|
14375
|
+
disableFaceDetectionWhileAudioCaptureMsDelay = _1 === void 0 ? 2000 : _1,
|
|
14376
|
+
_2 = _a.mergeAVStreams,
|
|
14377
|
+
mergeAVStreams = _2 === void 0 ? false : _2,
|
|
14378
|
+
_3 = _a.classNames,
|
|
14379
|
+
classNames = _3 === void 0 ? {} : _3,
|
|
14380
|
+
_4 = _a.colors,
|
|
14381
|
+
colors = _4 === void 0 ? {} : _4,
|
|
14382
|
+
_5 = _a.verbiage,
|
|
14383
|
+
rawVerbiage = _5 === void 0 ? {} : _5,
|
|
14384
|
+
_6 = _a.debugMode,
|
|
14385
|
+
debugMode = _6 === void 0 ? false : _6;
|
|
14386
|
+
var _7 = useResizeObserver(),
|
|
14387
|
+
ref = _7.ref,
|
|
14388
|
+
_8 = _7.width,
|
|
14389
|
+
width = _8 === void 0 ? 1 : _8,
|
|
14390
|
+
_9 = _7.height,
|
|
14391
|
+
height = _9 === void 0 ? 1 : _9;
|
|
14392
|
+
var _10 = useCameraStore(),
|
|
14393
|
+
camera = _10.camera,
|
|
14394
|
+
videoRef = _10.videoRef,
|
|
14395
|
+
videoLoaded = _10.videoLoaded,
|
|
14396
|
+
cameraReady = _10.cameraReady,
|
|
14397
|
+
microphoneReady = _10.microphoneReady,
|
|
14398
|
+
audioStream = _10.audioStream,
|
|
14399
|
+
isRearFacing = _10.isRearFacing,
|
|
14400
|
+
releaseCameraAccess = _10.releaseCameraAccess;
|
|
14401
|
+
var _11 = useState([]),
|
|
14402
|
+
detectedObjects = _11[0],
|
|
14403
|
+
setDetectedObjects = _11[1];
|
|
14404
|
+
var _12 = useState(null),
|
|
14405
|
+
face = _12[0],
|
|
14406
|
+
setFace = _12[1];
|
|
14407
|
+
var _13 = useContext(IdCaptureModelsContext),
|
|
14408
|
+
idModelsReady = _13.ready,
|
|
14409
|
+
startIdModels = _13.start,
|
|
14410
|
+
stopIdModels = _13.stop,
|
|
14411
|
+
onIdPredictionMade = _13.onPredictionMade,
|
|
14412
|
+
setThresholds = _13.setThresholds,
|
|
14413
|
+
setRequiredDocumentType = _13.setRequiredDocumentType,
|
|
14414
|
+
setDocumentDetectionBoundaries = _13.setDocumentDetectionBoundaries,
|
|
14415
|
+
bestFrameDetails = _13.bestFrameDetails,
|
|
14416
|
+
resetBestFrame = _13.resetBestFrame,
|
|
14417
|
+
idModelError = _13.modelError;
|
|
14418
|
+
var _14 = useState(null),
|
|
14419
|
+
videoStartsAt = _14[0],
|
|
14420
|
+
setVideoStartsAt = _14[1];
|
|
14421
|
+
var _15 = useContext(SubmissionContext),
|
|
14422
|
+
setIdCaptureVideoAudioStartsAt = _15.setIdCaptureVideoAudioStartsAt,
|
|
14423
|
+
setExpectedAudioText = _15.setExpectedAudioText;
|
|
14424
|
+
var _16 = useContext(SelfieGuidanceModelsContext),
|
|
14425
|
+
startSelfieGuidance = _16.start,
|
|
14426
|
+
stopSelfieGuidance = _16.stop,
|
|
14427
|
+
onSelfiePredictionMade = _16.onPredictionMade,
|
|
14428
|
+
selfieModelError = _16.error;
|
|
14429
|
+
var _17 = useVideoRecorder(camera, audioStream, mergeAVStreams),
|
|
14430
|
+
isRecordingVideo = _17.isRecordingVideo,
|
|
14431
|
+
startRecordingVideo = _17.startRecordingVideo,
|
|
14432
|
+
startRecordingAudio = _17.startRecordingAudio,
|
|
14433
|
+
stopRecordingVideo = _17.stopRecordingVideo,
|
|
14434
|
+
stopRecordingAudio = _17.stopRecordingAudio,
|
|
14435
|
+
videoRecordingUnintentionallyStopped = _17.videoRecordingUnintentionallyStopped,
|
|
14436
|
+
audioRecordingUnintentionallyStopped = _17.audioRecordingUnintentionallyStopped,
|
|
14437
|
+
videoUrl = _17.videoUrl,
|
|
14438
|
+
audioUrl = _17.audioUrl;
|
|
14337
14439
|
var countdownTimeoutRef = useRef(undefined);
|
|
14338
|
-
var
|
|
14339
|
-
countdownRemaining =
|
|
14340
|
-
setCountdownRemaining =
|
|
14440
|
+
var _18 = useState(-1),
|
|
14441
|
+
countdownRemaining = _18[0],
|
|
14442
|
+
setCountdownRemaining = _18[1];
|
|
14341
14443
|
useEffect(function () {
|
|
14342
14444
|
if (!isRecordingVideo && !videoUrl) {
|
|
14343
14445
|
startRecordingVideo();
|
|
@@ -14357,9 +14459,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
14357
14459
|
onRecordingFailed === null || onRecordingFailed === void 0 ? void 0 : onRecordingFailed();
|
|
14358
14460
|
}
|
|
14359
14461
|
}, [audioRecordingUnintentionallyStopped, microphoneReady, onRecordingFailed, readTextPrompt, videoRecordingUnintentionallyStopped]);
|
|
14360
|
-
var
|
|
14361
|
-
requestedAction =
|
|
14362
|
-
setRequestedAction =
|
|
14462
|
+
var _19 = useState(idDocumentType === 'idCard' ? 'SHOW_ID_FRONT' : 'SHOW_PASSPORT'),
|
|
14463
|
+
requestedAction = _19[0],
|
|
14464
|
+
setRequestedAction = _19[1];
|
|
14363
14465
|
var shouldRunIdModels = idCaptureModelsEnabled && videoLoaded && cameraReady && idModelsReady && !idModelError && requestedAction !== 'READ_TEXT' && (!readTextPrompt || microphoneReady);
|
|
14364
14466
|
useEffect(function startModelsWhenCapturing() {
|
|
14365
14467
|
if (!shouldRunIdModels) return;
|
|
@@ -14398,23 +14500,23 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
14398
14500
|
bottom: 0
|
|
14399
14501
|
});
|
|
14400
14502
|
}, [setDocumentDetectionBoundaries]);
|
|
14401
|
-
var
|
|
14402
|
-
currentDetectionScore =
|
|
14403
|
-
setCurrentDetectionScore =
|
|
14404
|
-
var
|
|
14405
|
-
currentDetectedDocumentType =
|
|
14406
|
-
setCurrentDetectedDocumentType =
|
|
14407
|
-
var
|
|
14408
|
-
currentFocusScore =
|
|
14409
|
-
setCurrentFocusScore =
|
|
14410
|
-
var
|
|
14411
|
-
goodFramesCount =
|
|
14412
|
-
setGoodFramesCount =
|
|
14503
|
+
var _20 = useState(0),
|
|
14504
|
+
currentDetectionScore = _20[0],
|
|
14505
|
+
setCurrentDetectionScore = _20[1];
|
|
14506
|
+
var _21 = useState('none'),
|
|
14507
|
+
currentDetectedDocumentType = _21[0],
|
|
14508
|
+
setCurrentDetectedDocumentType = _21[1];
|
|
14509
|
+
var _22 = useState(0),
|
|
14510
|
+
currentFocusScore = _22[0],
|
|
14511
|
+
setCurrentFocusScore = _22[1];
|
|
14512
|
+
var _23 = useState(0),
|
|
14513
|
+
goodFramesCount = _23[0],
|
|
14514
|
+
setGoodFramesCount = _23[1];
|
|
14413
14515
|
var goodFramesThreshold = requestedAction === 'SHOW_PASSPORT' ? adjustedThresholds.goodFrames.passport : requestedAction === 'SHOW_ID_FRONT' ? adjustedThresholds.goodFrames.idCardFront : adjustedThresholds.goodFrames.idCardBack;
|
|
14414
14516
|
var goodFramesThresholdMet = goodFramesCount >= goodFramesThreshold;
|
|
14415
|
-
var
|
|
14416
|
-
isSinglePage =
|
|
14417
|
-
setIsSinglePage =
|
|
14517
|
+
var _24 = useState(false),
|
|
14518
|
+
isSinglePage = _24[0],
|
|
14519
|
+
setIsSinglePage = _24[1];
|
|
14418
14520
|
useEffect(function () {
|
|
14419
14521
|
if (!idCaptureModelsEnabled || idModelError) return;
|
|
14420
14522
|
onIdPredictionMade(function (prediction) {
|
|
@@ -14434,9 +14536,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
14434
14536
|
} : 0);
|
|
14435
14537
|
});
|
|
14436
14538
|
}, [idCaptureModelsEnabled, onIdPredictionMade, idModelError, requestedAction, adjustedThresholds.flipShortcutThreshold]);
|
|
14437
|
-
var
|
|
14438
|
-
idFrontCaptureStartedAt =
|
|
14439
|
-
setFirstGoodFrameTime =
|
|
14539
|
+
var _25 = useState(null),
|
|
14540
|
+
idFrontCaptureStartedAt = _25[0],
|
|
14541
|
+
setFirstGoodFrameTime = _25[1];
|
|
14440
14542
|
useEffect(function () {
|
|
14441
14543
|
if (goodFramesCount === 1) setFirstGoodFrameTime(new Date().getTime());
|
|
14442
14544
|
}, [goodFramesCount]);
|
|
@@ -14457,9 +14559,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
14457
14559
|
var frameHeight = (_e = (_d = videoRef.current) === null || _d === void 0 ? void 0 : _d.videoHeight) !== null && _e !== void 0 ? _e : 0;
|
|
14458
14560
|
var faceBox = face === null || face === void 0 ? void 0 : face.box;
|
|
14459
14561
|
var faceCentered = !faceBox || !frameWidth || faceBox.xMin > frameWidth * edgeBoundary && faceBox.yMin > frameHeight * edgeBoundary && faceBox.xMax < frameWidth * (1 - edgeBoundary) && faceBox.yMax < frameHeight * (1 - edgeBoundary);
|
|
14460
|
-
var
|
|
14461
|
-
countdownStartedAt =
|
|
14462
|
-
setCountdownStartedAt =
|
|
14562
|
+
var _26 = useState(),
|
|
14563
|
+
countdownStartedAt = _26[0],
|
|
14564
|
+
setCountdownStartedAt = _26[1];
|
|
14463
14565
|
var photoCanvas = useRef(null);
|
|
14464
14566
|
var frameLock = useRef(false);
|
|
14465
14567
|
var captureFrame = useCallback(function () {
|
|
@@ -14569,9 +14671,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
14569
14671
|
stopSelfieGuidance();
|
|
14570
14672
|
};
|
|
14571
14673
|
}, [startSelfieGuidance, stopSelfieGuidance]);
|
|
14572
|
-
var
|
|
14573
|
-
numFramesWithoutFaces =
|
|
14574
|
-
setNumFramesWithoutFaces =
|
|
14674
|
+
var _27 = useState(0),
|
|
14675
|
+
numFramesWithoutFaces = _27[0],
|
|
14676
|
+
setNumFramesWithoutFaces = _27[1];
|
|
14575
14677
|
onSelfiePredictionMade(useThrottledCallback(useCallback(function (_a) {
|
|
14576
14678
|
var face = _a.face;
|
|
14577
14679
|
if (selfieModelError) return;
|
|
@@ -14587,18 +14689,16 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
14587
14689
|
}
|
|
14588
14690
|
}, [disableFaceDetectionWhileAudioCapture, disableFaceDetectionWhileAudioCaptureMsDelay, numFramesWithoutFaces, onFaceNotDetected, timeoutStartedAt]);
|
|
14589
14691
|
var theme = useTheme();
|
|
14590
|
-
var
|
|
14692
|
+
var _28 = useTranslations(rawVerbiage, {
|
|
14591
14693
|
faceNotCenteredText: 'Please move your face to the center...',
|
|
14592
14694
|
captureBtnText: 'Capture'
|
|
14593
14695
|
}),
|
|
14594
|
-
captureBtnText =
|
|
14595
|
-
faceNotCenteredText =
|
|
14696
|
+
captureBtnText = _28.captureBtnText,
|
|
14697
|
+
faceNotCenteredText = _28.faceNotCenteredText;
|
|
14596
14698
|
var debugScalingDetails = useDebugScalingDetails({
|
|
14597
14699
|
enabled: debugMode,
|
|
14598
14700
|
pageWidth: width,
|
|
14599
|
-
pageHeight: height
|
|
14600
|
-
videoWidth: (_g = (_f = videoRef.current) === null || _f === void 0 ? void 0 : _f.videoWidth) !== null && _g !== void 0 ? _g : 0,
|
|
14601
|
-
videoHeight: (_j = (_h = videoRef.current) === null || _h === void 0 ? void 0 : _h.videoHeight) !== null && _j !== void 0 ? _j : 0
|
|
14701
|
+
pageHeight: height
|
|
14602
14702
|
});
|
|
14603
14703
|
var capturingId = ['SHOW_ID_FRONT', 'SHOW_ID_BACK', 'SHOW_PASSPORT'].includes(requestedAction);
|
|
14604
14704
|
var guidanceText = !faceCentered ? faceNotCenteredText : undefined;
|
|
@@ -14643,9 +14743,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
14643
14743
|
className: classNames.guidanceMessageContainer
|
|
14644
14744
|
}, /*#__PURE__*/React__default.createElement(GuidanceMessage, {
|
|
14645
14745
|
className: classNames.guidanceMessage,
|
|
14646
|
-
"$background": (
|
|
14647
|
-
"$textColor": (
|
|
14648
|
-
}, 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:", ' ', (
|
|
14746
|
+
"$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',
|
|
14747
|
+
"$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'
|
|
14748
|
+
}, 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, {
|
|
14649
14749
|
className: classNames.countdownContainer
|
|
14650
14750
|
}, /*#__PURE__*/React__default.createElement(Countdown, {
|
|
14651
14751
|
className: classNames.countdown
|
|
@@ -17631,6 +17731,8 @@ var SignatureKYC = function SignatureKYC(_a) {
|
|
|
17631
17731
|
idCardForFaceMatch = _a.idCardForFaceMatch,
|
|
17632
17732
|
_f = _a.minSignaturePadPoints,
|
|
17633
17733
|
minSignaturePadPoints = _f === void 0 ? DEFAULT_MIN_SIGNATURE_PAD_POINTS : _f,
|
|
17734
|
+
signaturePadEmptyContent = _a.signaturePadEmptyContent,
|
|
17735
|
+
headTrackingUnsatisfiedContent = _a.headTrackingUnsatisfiedContent,
|
|
17634
17736
|
_g = _a.modelLoadTimeoutMs,
|
|
17635
17737
|
modelLoadTimeoutMs = _g === void 0 ? defaultSelfieCaptureModelLoadTimeoutMs : _g,
|
|
17636
17738
|
_h = _a.allowSignatureAfterLivenessCheckFailure,
|
|
@@ -17691,6 +17793,8 @@ var SignatureKYC = function SignatureKYC(_a) {
|
|
|
17691
17793
|
skipSuccessScreen: skipSuccessScreen,
|
|
17692
17794
|
captureAudio: captureAudio,
|
|
17693
17795
|
minSignaturePadPoints: minSignaturePadPoints,
|
|
17796
|
+
signaturePadEmptyContent: signaturePadEmptyContent,
|
|
17797
|
+
headTrackingUnsatisfiedContent: headTrackingUnsatisfiedContent,
|
|
17694
17798
|
modelLoadTimeoutMs: modelLoadTimeoutMs,
|
|
17695
17799
|
faceLivenessProps: faceLivenessProps,
|
|
17696
17800
|
allowSignatureAfterLivenessCheckFailure: allowSignatureAfterLivenessCheckFailure,
|
|
@@ -17702,7 +17806,7 @@ var SignatureKYC = function SignatureKYC(_a) {
|
|
|
17702
17806
|
onModelError: onModelError,
|
|
17703
17807
|
onUserCancel: onUserCancel
|
|
17704
17808
|
};
|
|
17705
|
-
}, [customOverlayContent, onLoadingOverlayDismissed, loadingOverlayMode, skipSuccessScreen, captureAudio, minSignaturePadPoints, modelLoadTimeoutMs, faceLivenessProps, allowSignatureAfterLivenessCheckFailure, restartVideoOnSignaturePadCleared, classNames, colors, debugMode, verbiage, onModelError, onUserCancel])
|
|
17809
|
+
}, [customOverlayContent, onLoadingOverlayDismissed, loadingOverlayMode, skipSuccessScreen, captureAudio, minSignaturePadPoints, signaturePadEmptyContent, headTrackingUnsatisfiedContent, modelLoadTimeoutMs, faceLivenessProps, allowSignatureAfterLivenessCheckFailure, restartVideoOnSignaturePadCleared, classNames, colors, debugMode, verbiage, onModelError, onUserCancel])
|
|
17706
17810
|
})))));
|
|
17707
17811
|
};
|
|
17708
17812
|
|