idmission-web-sdk 2.3.3 → 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 +2 -0
- package/dist/components/customer_flows/SignatureKYC.d.ts.map +1 -1
- package/dist/components/face_liveness/FaceLivenessWizard.d.ts +2 -1
- package/dist/components/face_liveness/FaceLivenessWizard.d.ts.map +1 -1
- package/dist/components/id_capture/IdCapture.d.ts.map +1 -1
- package/dist/components/selfie_capture/SelfieCapture.d.ts.map +1 -1
- package/dist/components/selfie_capture/SelfieGuidanceModelsProvider.d.ts.map +1 -1
- package/dist/components/video_id/IdVideoCapture.d.ts.map +1 -1
- package/dist/components/video_signature_capture/VideoSignatureCapture.d.ts +2 -1
- package/dist/components/video_signature_capture/VideoSignatureCapture.d.ts.map +1 -1
- package/dist/components/video_signature_capture/VideoSignatureGuides.d.ts +4 -1
- package/dist/components/video_signature_capture/VideoSignatureGuides.d.ts.map +1 -1
- package/dist/components/video_signature_capture/VideoSignatureWizard.d.ts +2 -1
- package/dist/components/video_signature_capture/VideoSignatureWizard.d.ts.map +1 -1
- package/dist/lib/camera/cameraStore.d.ts +2 -0
- package/dist/lib/camera/cameraStore.d.ts.map +1 -1
- package/dist/sdk2.cjs.development.js +454 -374
- package/dist/sdk2.cjs.development.js.map +1 -1
- package/dist/sdk2.cjs.production.js +1 -1
- package/dist/sdk2.cjs.production.js.map +1 -1
- package/dist/sdk2.esm.js +454 -374
- package/dist/sdk2.esm.js.map +1 -1
- package/dist/sdk2.umd.development.js +454 -374
- package/dist/sdk2.umd.development.js.map +1 -1
- package/dist/sdk2.umd.production.js +1 -1
- package/dist/sdk2.umd.production.js.map +1 -1
- package/dist/themes/index.d.ts +3 -0
- package/dist/themes/index.d.ts.map +1 -1
- package/dist/version.d.ts +1 -1
- package/package.json +1 -1
|
@@ -235,7 +235,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
|
|
|
235
235
|
return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
|
|
236
236
|
};
|
|
237
237
|
|
|
238
|
-
var webSdkVersion = '2.3.
|
|
238
|
+
var webSdkVersion = '2.3.4';
|
|
239
239
|
|
|
240
240
|
function getPlatform() {
|
|
241
241
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
@@ -455,18 +455,18 @@ var LoaderButton = function LoaderButton(_a) {
|
|
|
455
455
|
className: "ladda-label"
|
|
456
456
|
}, children));
|
|
457
457
|
};
|
|
458
|
-
var StyledButton = styled__default.default.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) {
|
|
458
|
+
var StyledButton = styled__default.default.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) {
|
|
459
459
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
|
|
460
460
|
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 ");
|
|
461
461
|
});
|
|
462
|
-
var templateObject_1$
|
|
462
|
+
var templateObject_1$Q;
|
|
463
463
|
|
|
464
|
-
var ButtonsRow$2 = styled__default.default.div(templateObject_1$
|
|
465
|
-
var templateObject_1$
|
|
464
|
+
var ButtonsRow$2 = styled__default.default.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"])));
|
|
465
|
+
var templateObject_1$P;
|
|
466
466
|
|
|
467
|
-
var GuidanceMessageContainerDiv = styled__default.default.div(templateObject_1$
|
|
467
|
+
var GuidanceMessageContainerDiv = styled__default.default.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) {
|
|
468
468
|
var $top = _a.$top;
|
|
469
|
-
return $top !== null && $top !== void 0 ? $top : '
|
|
469
|
+
return $top !== null && $top !== void 0 ? $top : '10%';
|
|
470
470
|
}, function (_a) {
|
|
471
471
|
var $bottom = _a.$bottom;
|
|
472
472
|
return $bottom ? "bottom: ".concat($bottom, ";") : "";
|
|
@@ -484,15 +484,15 @@ var GuidanceMessage = styled__default.default.div(templateObject_2$F || (templat
|
|
|
484
484
|
var _a, _b, _c, _d, _e, _f;
|
|
485
485
|
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';
|
|
486
486
|
});
|
|
487
|
-
var templateObject_1$
|
|
487
|
+
var templateObject_1$O, templateObject_2$F;
|
|
488
488
|
|
|
489
|
-
var wavesAnimation = styled.keyframes(templateObject_1$
|
|
489
|
+
var wavesAnimation = styled.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"])));
|
|
490
490
|
var progressBarAnimation = styled.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"])));
|
|
491
491
|
var dualRingSpinnerAnimation = styled.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"])));
|
|
492
492
|
var progressBorderAnimation = styled.keyframes(templateObject_4$m || (templateObject_4$m = __makeTemplateObject(["\n to {\n stroke-dashoffset: 0;\n }\n"], ["\n to {\n stroke-dashoffset: 0;\n }\n"])));
|
|
493
|
-
var templateObject_1$
|
|
493
|
+
var templateObject_1$N, templateObject_2$E, templateObject_3$s, templateObject_4$m;
|
|
494
494
|
|
|
495
|
-
var OverlayContainer = styled__default.default.div(templateObject_1$
|
|
495
|
+
var OverlayContainer = styled__default.default.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) {
|
|
496
496
|
return props.theme.background ? "".concat(props.theme.background) : "white";
|
|
497
497
|
}, function (props) {
|
|
498
498
|
return props.theme.textColor ? "color: ".concat(props.theme.textColor, ";") : "";
|
|
@@ -537,7 +537,7 @@ var LoadingOverlayLoadingListContainer = styled__default.default.div(templateObj
|
|
|
537
537
|
var LoadingOverlayLoadingList = styled__default.default.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"])));
|
|
538
538
|
var LoadingOverlayLoadingListItem = styled__default.default.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"])));
|
|
539
539
|
var LoadingOverlayProgressContainer = styled__default.default.div(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n"])));
|
|
540
|
-
var templateObject_1$
|
|
540
|
+
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;
|
|
541
541
|
|
|
542
542
|
var GeolocationAccessDeniedOverlay = function GeolocationAccessDeniedOverlay(_a) {
|
|
543
543
|
var accessBlockedImageUrl = _a.accessBlockedImageUrl;
|
|
@@ -2166,7 +2166,7 @@ function getFrameDimensions(frame) {
|
|
|
2166
2166
|
return [frameWidth, frameHeight];
|
|
2167
2167
|
}
|
|
2168
2168
|
|
|
2169
|
-
var InvisibleCanvas = styled__default.default.canvas(templateObject_1$
|
|
2169
|
+
var InvisibleCanvas = styled__default.default.canvas(templateObject_1$L || (templateObject_1$L = __makeTemplateObject(["\n display: none;\n"], ["\n display: none;\n"])));
|
|
2170
2170
|
function drawToCanvas(canvas, frame, width, height) {
|
|
2171
2171
|
if (!canvas) return;
|
|
2172
2172
|
var ctx = canvas.getContext('2d');
|
|
@@ -2186,7 +2186,7 @@ function clearCanvas(canvas) {
|
|
|
2186
2186
|
var _a;
|
|
2187
2187
|
(_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);
|
|
2188
2188
|
}
|
|
2189
|
-
var templateObject_1$
|
|
2189
|
+
var templateObject_1$L;
|
|
2190
2190
|
|
|
2191
2191
|
function cropToShoulders(rawCanvas, cropCanvas, resizeCanvas, frame, face, quality, maxHeight) {
|
|
2192
2192
|
if (quality === void 0) {
|
|
@@ -4732,6 +4732,8 @@ var initialState$5 = {
|
|
|
4732
4732
|
videoLoaded: false,
|
|
4733
4733
|
videoStream: null,
|
|
4734
4734
|
videoDevice: null,
|
|
4735
|
+
videoWidth: 0,
|
|
4736
|
+
videoHeight: 0,
|
|
4735
4737
|
isRearFacing: false,
|
|
4736
4738
|
camera: null,
|
|
4737
4739
|
cameraReady: false,
|
|
@@ -5064,25 +5066,26 @@ var createCameraStore = function createCameraStore(config) {
|
|
|
5064
5066
|
};
|
|
5065
5067
|
var CameraStoreContext = /*#__PURE__*/React.createContext(undefined);
|
|
5066
5068
|
function CameraStoreProvider(_a) {
|
|
5069
|
+
var _b;
|
|
5067
5070
|
var children = _a.children,
|
|
5068
|
-
|
|
5069
|
-
requestAccessAutomatically =
|
|
5070
|
-
|
|
5071
|
-
preferIphoneContinuityCamera =
|
|
5072
|
-
|
|
5073
|
-
preferFrontFacingCamera =
|
|
5074
|
-
|
|
5075
|
-
maxVideoWidth =
|
|
5071
|
+
_c = _a.requestAccessAutomatically,
|
|
5072
|
+
requestAccessAutomatically = _c === void 0 ? true : _c,
|
|
5073
|
+
_d = _a.preferIphoneContinuityCamera,
|
|
5074
|
+
preferIphoneContinuityCamera = _d === void 0 ? true : _d,
|
|
5075
|
+
_e = _a.preferFrontFacingCamera,
|
|
5076
|
+
preferFrontFacingCamera = _e === void 0 ? false : _e,
|
|
5077
|
+
_f = _a.maxVideoWidth,
|
|
5078
|
+
maxVideoWidth = _f === void 0 ? 1920 : _f,
|
|
5076
5079
|
maxFps = _a.maxFps,
|
|
5077
5080
|
onCameraAccessDenied = _a.onCameraAccessDenied,
|
|
5078
5081
|
onCameraTamperingDetected = _a.onCameraTamperingDetected,
|
|
5079
5082
|
onMicrophoneAccessDenied = _a.onMicrophoneAccessDenied,
|
|
5080
|
-
|
|
5081
|
-
requireMicrophoneAccess =
|
|
5082
|
-
|
|
5083
|
-
classNames =
|
|
5084
|
-
|
|
5085
|
-
verbiage =
|
|
5083
|
+
_g = _a.requireMicrophoneAccess,
|
|
5084
|
+
requireMicrophoneAccess = _g === void 0 ? false : _g,
|
|
5085
|
+
_h = _a.classNames,
|
|
5086
|
+
classNames = _h === void 0 ? {} : _h,
|
|
5087
|
+
_j = _a.verbiage,
|
|
5088
|
+
verbiage = _j === void 0 ? {} : _j;
|
|
5086
5089
|
var videoRef = React.useRef(null);
|
|
5087
5090
|
var store = React.useRef();
|
|
5088
5091
|
store.current || (store.current = createCameraStore({
|
|
@@ -5096,6 +5099,16 @@ function CameraStoreProvider(_a) {
|
|
|
5096
5099
|
onMicrophoneAccessDenied: onMicrophoneAccessDenied,
|
|
5097
5100
|
requireMicrophoneAccess: requireMicrophoneAccess
|
|
5098
5101
|
}));
|
|
5102
|
+
var _k = (_b = videoRef.current) !== null && _b !== void 0 ? _b : {},
|
|
5103
|
+
videoWidth = _k.videoWidth,
|
|
5104
|
+
videoHeight = _k.videoHeight;
|
|
5105
|
+
React.useEffect(function () {
|
|
5106
|
+
var _a;
|
|
5107
|
+
(_a = store.current) === null || _a === void 0 ? void 0 : _a.setState({
|
|
5108
|
+
videoWidth: videoWidth,
|
|
5109
|
+
videoHeight: videoHeight
|
|
5110
|
+
});
|
|
5111
|
+
}, [videoWidth, videoHeight]);
|
|
5099
5112
|
React.useEffect(function () {
|
|
5100
5113
|
var _a, _b, _c;
|
|
5101
5114
|
var state = (_a = store.current) === null || _a === void 0 ? void 0 : _a.getState();
|
|
@@ -5161,14 +5174,14 @@ function CameraTamperSeal(_a) {
|
|
|
5161
5174
|
className: classNames.message
|
|
5162
5175
|
}, messageText)));
|
|
5163
5176
|
}
|
|
5164
|
-
var StyledOverlayInner$4 = styled__default.default(OverlayInner$2)(templateObject_1$
|
|
5177
|
+
var StyledOverlayInner$4 = styled__default.default(OverlayInner$2)(templateObject_1$K || (templateObject_1$K = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
5165
5178
|
var StyledOverlayHeading = styled__default.default.h3(templateObject_2$C || (templateObject_2$C = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
5166
5179
|
function useCameraStore(selector) {
|
|
5167
5180
|
var store = React.useContext(CameraStoreContext);
|
|
5168
5181
|
if (!store) throw new Error('useCameraStore cannot be used without Provider');
|
|
5169
5182
|
return zustand.useStore(store, selector);
|
|
5170
5183
|
}
|
|
5171
|
-
var templateObject_1$
|
|
5184
|
+
var templateObject_1$K, templateObject_2$C;
|
|
5172
5185
|
|
|
5173
5186
|
var DocumentDetectionModelContext = /*#__PURE__*/React.createContext({
|
|
5174
5187
|
startDocumentDetection: function startDocumentDetection() {
|
|
@@ -6133,8 +6146,8 @@ function DebugStatsPane(_a) {
|
|
|
6133
6146
|
if (!portalLocation) return element;
|
|
6134
6147
|
return /*#__PURE__*/reactDom.createPortal(element, portalLocation);
|
|
6135
6148
|
}
|
|
6136
|
-
var DebugStatsPaneDiv = styled__default.default.span(templateObject_1$
|
|
6137
|
-
var ObjectDetectionDebugOverlayDiv = styled__default.default.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) {
|
|
6149
|
+
var DebugStatsPaneDiv = styled__default.default.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"])));
|
|
6150
|
+
var ObjectDetectionDebugOverlayDiv = styled__default.default.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) {
|
|
6138
6151
|
var $flipX = _a.$flipX;
|
|
6139
6152
|
return $flipX ? 'transform: scaleX(-1);' : '';
|
|
6140
6153
|
});
|
|
@@ -6162,9 +6175,15 @@ function useDebugScalingDetails(_a) {
|
|
|
6162
6175
|
var _b = _a.enabled,
|
|
6163
6176
|
enabled = _b === void 0 ? true : _b,
|
|
6164
6177
|
pageWidth = _a.pageWidth,
|
|
6165
|
-
pageHeight = _a.pageHeight
|
|
6166
|
-
|
|
6167
|
-
|
|
6178
|
+
pageHeight = _a.pageHeight;
|
|
6179
|
+
var _c = useCameraStore(shallow.useShallow(function (state) {
|
|
6180
|
+
return {
|
|
6181
|
+
videoWidth: state.videoWidth,
|
|
6182
|
+
videoHeight: state.videoHeight
|
|
6183
|
+
};
|
|
6184
|
+
})),
|
|
6185
|
+
videoWidth = _c.videoWidth,
|
|
6186
|
+
videoHeight = _c.videoHeight;
|
|
6168
6187
|
return React.useMemo(function () {
|
|
6169
6188
|
var horizontal = false,
|
|
6170
6189
|
scaledWidth = 0,
|
|
@@ -6339,7 +6358,7 @@ function SelfieCaptureFaceKeypoint(_a) {
|
|
|
6339
6358
|
}
|
|
6340
6359
|
});
|
|
6341
6360
|
}
|
|
6342
|
-
var templateObject_1$
|
|
6361
|
+
var templateObject_1$J, templateObject_2$B, templateObject_3$q, templateObject_4$k;
|
|
6343
6362
|
|
|
6344
6363
|
function OverrideWrongDocumentTypeGuidanceDialog(_a) {
|
|
6345
6364
|
var _b = _a.classNames,
|
|
@@ -6354,7 +6373,7 @@ function OverrideWrongDocumentTypeGuidanceDialog(_a) {
|
|
|
6354
6373
|
buttonText: 'OK'
|
|
6355
6374
|
});
|
|
6356
6375
|
if (!allowOverrideWrongDocumentTypeGuidance) return null;
|
|
6357
|
-
return /*#__PURE__*/React__namespace.default.createElement(Container$
|
|
6376
|
+
return /*#__PURE__*/React__namespace.default.createElement(Container$7, {
|
|
6358
6377
|
className: classNames.container
|
|
6359
6378
|
}, /*#__PURE__*/React__namespace.default.createElement(InnerContainer, {
|
|
6360
6379
|
className: classNames.inner
|
|
@@ -6372,7 +6391,7 @@ function OverrideWrongDocumentTypeGuidanceDialog(_a) {
|
|
|
6372
6391
|
}
|
|
6373
6392
|
}, verbiage.buttonText))));
|
|
6374
6393
|
}
|
|
6375
|
-
var Container$
|
|
6394
|
+
var Container$7 = styled__default.default.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) {
|
|
6376
6395
|
var _a, _b, _c;
|
|
6377
6396
|
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';
|
|
6378
6397
|
}, function (props) {
|
|
@@ -6383,7 +6402,7 @@ var InnerContainer = styled__default.default.div(templateObject_2$A || (template
|
|
|
6383
6402
|
var Message = styled__default.default.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"])));
|
|
6384
6403
|
var ButtonContainer = styled__default.default.div(templateObject_4$j || (templateObject_4$j = __makeTemplateObject(["\n display: flex;\n margin-left: auto;\n"], ["\n display: flex;\n margin-left: auto;\n"])));
|
|
6385
6404
|
var Button$1 = styled__default.default(LoaderButton)(templateObject_5$d || (templateObject_5$d = __makeTemplateObject(["\n white-space: nowrap;\n margin: auto;\n"], ["\n white-space: nowrap;\n margin: auto;\n"])));
|
|
6386
|
-
var templateObject_1$
|
|
6405
|
+
var templateObject_1$I, templateObject_2$A, templateObject_3$p, templateObject_4$j, templateObject_5$d;
|
|
6387
6406
|
|
|
6388
6407
|
// This is a simplified version of https://github.com/ZeeCoder/use-resize-observer.
|
|
6389
6408
|
// We have removed all options and made it compliant with React Compiler/React 19.
|
|
@@ -6622,9 +6641,7 @@ var IdCapture = function IdCapture(_a) {
|
|
|
6622
6641
|
var debugScalingDetails = useDebugScalingDetails({
|
|
6623
6642
|
enabled: debugMode,
|
|
6624
6643
|
pageWidth: state.guideRectWidth,
|
|
6625
|
-
pageHeight: state.guideRectHeight
|
|
6626
|
-
videoWidth: state.videoWidth,
|
|
6627
|
-
videoHeight: state.videoHeight
|
|
6644
|
+
pageHeight: state.guideRectHeight
|
|
6628
6645
|
});
|
|
6629
6646
|
var satisfied = state.isGoodFrame;
|
|
6630
6647
|
if (typeof guidanceSatisfied === 'boolean') satisfied = guidanceSatisfied;
|
|
@@ -6700,13 +6717,13 @@ var CameraAccessDeniedOverlay = function CameraAccessDeniedOverlay(_a) {
|
|
|
6700
6717
|
finished: true
|
|
6701
6718
|
}, verbiage.retryBtnText)));
|
|
6702
6719
|
};
|
|
6703
|
-
var StyledOverlayInner$3 = styled__default.default(OverlayInner$2)(templateObject_1$
|
|
6720
|
+
var StyledOverlayInner$3 = styled__default.default(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"])));
|
|
6704
6721
|
var StyledOverlayImageContainer$1 = styled__default.default(OverlayImageContainer)(templateObject_2$z || (templateObject_2$z = __makeTemplateObject(["\n flex-grow: 0;\n"], ["\n flex-grow: 0;\n"])));
|
|
6705
6722
|
var Description$4 = styled__default.default.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"])));
|
|
6706
6723
|
var RetryButton$1 = styled__default.default(LoaderButton)(templateObject_4$i || (templateObject_4$i = __makeTemplateObject(["\n width: 200px;\n margin: 0 auto;\n"], ["\n width: 200px;\n margin: 0 auto;\n"])));
|
|
6707
|
-
var templateObject_1$
|
|
6724
|
+
var templateObject_1$H, templateObject_2$z, templateObject_3$o, templateObject_4$i;
|
|
6708
6725
|
|
|
6709
|
-
var ExitCaptureStyledButton = styled__default.default.button(templateObject_1$
|
|
6726
|
+
var ExitCaptureStyledButton = styled__default.default.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"])));
|
|
6710
6727
|
var ExitCaptureButton = function ExitCaptureButton(_a) {
|
|
6711
6728
|
var onClick = _a.onClick,
|
|
6712
6729
|
className = _a.className;
|
|
@@ -6750,7 +6767,7 @@ var ExitCaptureButton = function ExitCaptureButton(_a) {
|
|
|
6750
6767
|
y2: "19.75"
|
|
6751
6768
|
}))));
|
|
6752
6769
|
};
|
|
6753
|
-
var templateObject_1$
|
|
6770
|
+
var templateObject_1$G;
|
|
6754
6771
|
|
|
6755
6772
|
function IdCaptureLoadingGraphic(props) {
|
|
6756
6773
|
var isMobile = window.innerHeight > window.innerWidth;
|
|
@@ -7225,7 +7242,7 @@ function IdCaptureLoadingGraphicMobile(_a) {
|
|
|
7225
7242
|
fill: "white"
|
|
7226
7243
|
}))));
|
|
7227
7244
|
}
|
|
7228
|
-
var LoadingGraphicWrapper = styled__default.default.div(templateObject_1$
|
|
7245
|
+
var LoadingGraphicWrapper = styled__default.default.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"])));
|
|
7229
7246
|
var LoadingGraphicSvg = styled__default.default.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) {
|
|
7230
7247
|
return props.$frame > 1 ? 1 : props.$frame === 1 ? 1.25 : 0.75;
|
|
7231
7248
|
}, function (props) {
|
|
@@ -7239,7 +7256,7 @@ var LoadingGraphicCardGroup = styled__default.default.g(templateObject_3$n || (t
|
|
|
7239
7256
|
var LoadingGraphicPhoneGroup = styled__default.default.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) {
|
|
7240
7257
|
return props.$offScreen ? '40px' : '0';
|
|
7241
7258
|
});
|
|
7242
|
-
var templateObject_1$
|
|
7259
|
+
var templateObject_1$F, templateObject_2$y, templateObject_3$n, templateObject_4$h;
|
|
7243
7260
|
|
|
7244
7261
|
function LoadingListItemIndicator(_a) {
|
|
7245
7262
|
var _b = _a.state,
|
|
@@ -7439,7 +7456,7 @@ var IdCaptureLoadingOverlayDefault = function IdCaptureLoadingOverlayDefault(_a)
|
|
|
7439
7456
|
}
|
|
7440
7457
|
}, ready ? verbiage.continueText : verbiage.pleaseWaitText))))));
|
|
7441
7458
|
};
|
|
7442
|
-
var OverlayInner$1 = styled__default.default(LoadingOverlayInner)(templateObject_1$
|
|
7459
|
+
var OverlayInner$1 = styled__default.default(LoadingOverlayInner)(templateObject_1$E || (templateObject_1$E = __makeTemplateObject(["\n background: ", ";\n color: ", ";\n"], ["\n background: ", ";\n color: ", ";\n"])), function (props) {
|
|
7443
7460
|
var _a, _b, _c, _d;
|
|
7444
7461
|
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';
|
|
7445
7462
|
}, function (props) {
|
|
@@ -7485,9 +7502,9 @@ var ContinueButton$1 = styled__default.default(LoaderButton)(templateObject_10$1
|
|
|
7485
7502
|
var _a, _b, _c, _d;
|
|
7486
7503
|
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';
|
|
7487
7504
|
});
|
|
7488
|
-
var templateObject_1$
|
|
7505
|
+
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;
|
|
7489
7506
|
|
|
7490
|
-
var ContinuityCameraCheckboxContainer = styled__default.default.div(templateObject_1$
|
|
7507
|
+
var ContinuityCameraCheckboxContainer = styled__default.default.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"])));
|
|
7491
7508
|
var ContinuityCameraCheckbox = styled__default.default.input(templateObject_2$w || (templateObject_2$w = __makeTemplateObject(["\n margin-right: 8px;\n"], ["\n margin-right: 8px;\n"])));
|
|
7492
7509
|
var IdCaptureLoadingOverlayLegacy = function IdCaptureLoadingOverlayLegacy(_a) {
|
|
7493
7510
|
var _b, _c, _d, _e;
|
|
@@ -7609,7 +7626,7 @@ var IdCaptureLoadingOverlayLegacy = function IdCaptureLoadingOverlayLegacy(_a) {
|
|
|
7609
7626
|
}
|
|
7610
7627
|
}, ready ? verbiage.continueText : modelsReady ? verbiage.cameraInitializingText : modelDownloadProgress >= 100 ? verbiage.modelsWarmingUpText : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)"))));
|
|
7611
7628
|
};
|
|
7612
|
-
var templateObject_1$
|
|
7629
|
+
var templateObject_1$D, templateObject_2$w;
|
|
7613
7630
|
|
|
7614
7631
|
var components$1 = {
|
|
7615
7632
|
"default": IdCaptureLoadingOverlayDefault,
|
|
@@ -7667,9 +7684,9 @@ var CapturedDocumentImg = function CapturedDocumentImg(_a) {
|
|
|
7667
7684
|
});
|
|
7668
7685
|
};
|
|
7669
7686
|
|
|
7670
|
-
var Card = styled__default.default.div(templateObject_1$
|
|
7687
|
+
var Card = styled__default.default.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"])));
|
|
7671
7688
|
var FlexCard = styled__default.default(Card)(templateObject_2$v || (templateObject_2$v = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n"], ["\n display: flex;\n flex-direction: column;\n"])));
|
|
7672
|
-
var templateObject_1$
|
|
7689
|
+
var templateObject_1$C, templateObject_2$v;
|
|
7673
7690
|
|
|
7674
7691
|
var imageDisplayOrder = ['idCardFront', 'idCardBack', 'passport', 'singlePage', 'idFrontIrImage', 'idBackIrImage', 'idFrontUvImage', 'idBackUvImage'];
|
|
7675
7692
|
var IdCaptureSuccess = function IdCaptureSuccess(_a) {
|
|
@@ -7731,13 +7748,13 @@ var IdCaptureSuccess = function IdCaptureSuccess(_a) {
|
|
|
7731
7748
|
finished: true
|
|
7732
7749
|
}, verbiage.retryText)))));
|
|
7733
7750
|
};
|
|
7734
|
-
var Heading$a = styled__default.default.h1(templateObject_1$
|
|
7751
|
+
var Heading$a = styled__default.default.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"])));
|
|
7735
7752
|
var ImagesContainer = styled__default.default(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"])));
|
|
7736
7753
|
var ImageRow = styled__default.default(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"])));
|
|
7737
7754
|
var ImageCol$1 = styled__default.default.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"])));
|
|
7738
7755
|
var StyledImage = styled__default.default(CapturedDocumentImg)(templateObject_5$b || (templateObject_5$b = __makeTemplateObject(["\n width: 100%;\n border-radius: 12px;\n"], ["\n width: 100%;\n border-radius: 12px;\n"])));
|
|
7739
7756
|
var DebugPre = styled__default.default.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"])));
|
|
7740
|
-
var templateObject_1$
|
|
7757
|
+
var templateObject_1$B, templateObject_2$u, templateObject_3$l, templateObject_4$f, templateObject_5$b, templateObject_6$8;
|
|
7741
7758
|
|
|
7742
7759
|
function useShowSuccessScreen(skipSuccessScreen, successScreenReady, onDoneCallback) {
|
|
7743
7760
|
var _this = this;
|
|
@@ -7789,7 +7806,7 @@ function resetCanvasDimensions(canvas) {
|
|
|
7789
7806
|
canvas.style.height = '0';
|
|
7790
7807
|
}
|
|
7791
7808
|
|
|
7792
|
-
var IdCardGuideImageContainer = styled__default.default(IdCardBorder)(templateObject_1$
|
|
7809
|
+
var IdCardGuideImageContainer = styled__default.default(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) {
|
|
7793
7810
|
return props.$isVisible ? '' : 'opacity: 0;';
|
|
7794
7811
|
});
|
|
7795
7812
|
var IdCardGuideImage = styled__default.default.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) {
|
|
@@ -7945,7 +7962,7 @@ var IdCardBorderRect = styled__default.default.rect(templateObject_5$a || (templ
|
|
|
7945
7962
|
var _a;
|
|
7946
7963
|
return (_a = props.$fillMode) !== null && _a !== void 0 ? _a : 'forwards';
|
|
7947
7964
|
});
|
|
7948
|
-
var templateObject_1$
|
|
7965
|
+
var templateObject_1$A, templateObject_2$t, templateObject_3$k, templateObject_4$e, templateObject_5$a;
|
|
7949
7966
|
|
|
7950
7967
|
var defaultIdCaptureGuideImages = {
|
|
7951
7968
|
portrait: {
|
|
@@ -8121,12 +8138,12 @@ var IdVideoCaptureFlipIdPrompt = function IdVideoCaptureFlipIdPrompt(_a) {
|
|
|
8121
8138
|
style: imageStyle
|
|
8122
8139
|
})));
|
|
8123
8140
|
};
|
|
8124
|
-
var FlipImageContainer = styled__default.default(IdCardGuideImageContainer)(templateObject_1$
|
|
8141
|
+
var FlipImageContainer = styled__default.default(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) {
|
|
8125
8142
|
return props.$transitionTime;
|
|
8126
8143
|
}, function (props) {
|
|
8127
8144
|
return props.$transforms;
|
|
8128
8145
|
});
|
|
8129
|
-
var templateObject_1$
|
|
8146
|
+
var templateObject_1$z;
|
|
8130
8147
|
|
|
8131
8148
|
var GuideOrientationContext = /*#__PURE__*/React.createContext({
|
|
8132
8149
|
orientation: 'landscape',
|
|
@@ -8413,7 +8430,7 @@ var regionClsx = function regionClsx(classNames, which) {
|
|
|
8413
8430
|
return v;
|
|
8414
8431
|
}).join(' ');
|
|
8415
8432
|
};
|
|
8416
|
-
var StyledPageContainer = styled__default.default.div(templateObject_1$
|
|
8433
|
+
var StyledPageContainer = styled__default.default.div(templateObject_1$y || (templateObject_1$y = __makeTemplateObject(["\n position: relative;\n width: 100%;\n height: 100%;\n z-index: 1000;\n overflow: hidden;\n"], ["\n position: relative;\n width: 100%;\n height: 100%;\n z-index: 1000;\n overflow: hidden;\n"])));
|
|
8417
8434
|
var GuidesContainer = styled__default.default.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"])));
|
|
8418
8435
|
var GuideCenterRow = styled__default.default.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"])));
|
|
8419
8436
|
var GuideRegion = styled__default.default.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) {
|
|
@@ -8441,7 +8458,7 @@ var GuideCenterBorder = styled__default.default.div(templateObject_7$5 || (templ
|
|
|
8441
8458
|
});
|
|
8442
8459
|
var GuideText = styled__default.default.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"])));
|
|
8443
8460
|
var GuideCenterInner = styled__default.default.div(templateObject_9$1 || (templateObject_9$1 = __makeTemplateObject(["\n position: relative;\n margin: auto;\n"], ["\n position: relative;\n margin: auto;\n"])));
|
|
8444
|
-
var templateObject_1$
|
|
8461
|
+
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;
|
|
8445
8462
|
|
|
8446
8463
|
var IdCaptureFitGuide = function IdCaptureFitGuide(_a) {
|
|
8447
8464
|
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
|
|
@@ -8582,11 +8599,11 @@ var IdCaptureFitGuide = function IdCaptureFitGuide(_a) {
|
|
|
8582
8599
|
progress: progress
|
|
8583
8600
|
}));
|
|
8584
8601
|
};
|
|
8585
|
-
var CanvasWrapper$1 = styled__default.default.div(templateObject_1$
|
|
8602
|
+
var CanvasWrapper$1 = styled__default.default.div(templateObject_1$x || (templateObject_1$x = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n flex-grow: 1;\n background-clip: padding-box;\n box-shadow: inset 0 0 0 2px ", ";\n z-index: -1;\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n flex-grow: 1;\n background-clip: padding-box;\n box-shadow: inset 0 0 0 2px ", ";\n z-index: -1;\n"])), function (props) {
|
|
8586
8603
|
return props.$maskColor;
|
|
8587
8604
|
});
|
|
8588
8605
|
var Canvas$1 = styled__default.default.canvas(templateObject_2$r || (templateObject_2$r = __makeTemplateObject(["\n display: block;\n"], ["\n display: block;\n"])));
|
|
8589
|
-
var templateObject_1$
|
|
8606
|
+
var templateObject_1$x, templateObject_2$r;
|
|
8590
8607
|
|
|
8591
8608
|
function IdCaptureGuides(_a) {
|
|
8592
8609
|
var _b = _a.guideType,
|
|
@@ -8642,7 +8659,7 @@ function IdCaptureGuides(_a) {
|
|
|
8642
8659
|
})));
|
|
8643
8660
|
}
|
|
8644
8661
|
|
|
8645
|
-
var Spinner = styled__default.default.div(templateObject_1$
|
|
8662
|
+
var Spinner = styled__default.default.div(templateObject_1$w || (templateObject_1$w = __makeTemplateObject(["\n display: inline-block;\n width: ", "px;\n height: ", "px;\n margin: auto;\n\n &:after {\n content: ' ';\n display: block;\n width: ", "px;\n height: ", "px;\n margin: 8px;\n border-radius: 50%;\n border: ", "px solid\n ", ";\n border-color: ", " transparent\n ", " transparent;\n animation: ", " 1.2s linear infinite;\n box-sizing: content-box;\n }\n"], ["\n display: inline-block;\n width: ", "px;\n height: ", "px;\n margin: auto;\n\n &:after {\n content: ' ';\n display: block;\n width: ", "px;\n height: ", "px;\n margin: 8px;\n border-radius: 50%;\n border: ", "px solid\n ", ";\n border-color: ", " transparent\n ", " transparent;\n animation: ", " 1.2s linear infinite;\n box-sizing: content-box;\n }\n"])), function (_a) {
|
|
8646
8663
|
var $size = _a.$size;
|
|
8647
8664
|
return $size !== null && $size !== void 0 ? $size : 80;
|
|
8648
8665
|
}, function (_a) {
|
|
@@ -8671,7 +8688,7 @@ var SpinnerPageContainer = styled__default.default.div(templateObject_2$q || (te
|
|
|
8671
8688
|
function SpinnerPage() {
|
|
8672
8689
|
return /*#__PURE__*/React__namespace.default.createElement(SpinnerPageContainer, null, /*#__PURE__*/React__namespace.default.createElement(Spinner, null));
|
|
8673
8690
|
}
|
|
8674
|
-
var templateObject_1$
|
|
8691
|
+
var templateObject_1$w, templateObject_2$q;
|
|
8675
8692
|
|
|
8676
8693
|
var IdCaptureImagePreview = function IdCaptureImagePreview(_a) {
|
|
8677
8694
|
var _b = _a.classNames,
|
|
@@ -8758,11 +8775,11 @@ var SelfieProgressPreview = function SelfieProgressPreview(_a) {
|
|
|
8758
8775
|
onError: onError
|
|
8759
8776
|
})));
|
|
8760
8777
|
};
|
|
8761
|
-
var StyledSpinner = styled__default.default(Spinner)(templateObject_1$
|
|
8778
|
+
var StyledSpinner = styled__default.default(Spinner)(templateObject_1$v || (templateObject_1$v = __makeTemplateObject(["\n position: relative;\n top: 4px;\n left: -3px;\n margin: 0 3px 0 -12px;\n"], ["\n position: relative;\n top: 4px;\n left: -3px;\n margin: 0 3px 0 -12px;\n"])));
|
|
8762
8779
|
var ImagePreviewWrapper = styled__default.default.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"])));
|
|
8763
8780
|
var ImagePreviewText = styled__default.default.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"])));
|
|
8764
8781
|
var ImagePreviewImageWrapper = styled__default.default.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"])));
|
|
8765
|
-
var templateObject_1$
|
|
8782
|
+
var templateObject_1$v, templateObject_2$p, templateObject_3$i, templateObject_4$c;
|
|
8766
8783
|
|
|
8767
8784
|
var documentCaptureInitialState = {
|
|
8768
8785
|
documents: [],
|
|
@@ -9110,16 +9127,16 @@ var DocumentCaptureGuideOverlay = function DocumentCaptureGuideOverlay(_a) {
|
|
|
9110
9127
|
ref: canvasRef
|
|
9111
9128
|
}));
|
|
9112
9129
|
};
|
|
9113
|
-
var CanvasWrapper = styled__default.default.div(templateObject_1$
|
|
9130
|
+
var CanvasWrapper = styled__default.default.div(templateObject_1$u || (templateObject_1$u = __makeTemplateObject(["\n flex-grow: 1;\n background-clip: padding-box;\n box-shadow: inset 0 0 0 2px ", ";\n"], ["\n flex-grow: 1;\n background-clip: padding-box;\n box-shadow: inset 0 0 0 2px ", ";\n"])), function (props) {
|
|
9114
9131
|
return props.$maskColor;
|
|
9115
9132
|
});
|
|
9116
9133
|
var Canvas = styled__default.default.canvas(templateObject_2$o || (templateObject_2$o = __makeTemplateObject(["\n display: block;\n"], ["\n display: block;\n"])));
|
|
9117
|
-
var templateObject_1$
|
|
9134
|
+
var templateObject_1$u, templateObject_2$o;
|
|
9118
9135
|
|
|
9119
|
-
var CameraFeedWrapper = styled__default.default.div(templateObject_1$
|
|
9136
|
+
var CameraFeedWrapper = styled__default.default.div(templateObject_1$t || (templateObject_1$t = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
9120
9137
|
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;") : "";
|
|
9121
9138
|
});
|
|
9122
|
-
var templateObject_1$
|
|
9139
|
+
var templateObject_1$t;
|
|
9123
9140
|
|
|
9124
9141
|
var CameraVideoTag = function CameraVideoTag(props) {
|
|
9125
9142
|
var _a = useCameraStore(shallow.useShallow(function (store) {
|
|
@@ -9150,10 +9167,10 @@ var CameraVideoTag = function CameraVideoTag(props) {
|
|
|
9150
9167
|
"$isRearFacing": isRearFacing
|
|
9151
9168
|
}, props));
|
|
9152
9169
|
};
|
|
9153
|
-
var FullscreenVideoTag = styled__default.default.video(templateObject_1$
|
|
9170
|
+
var FullscreenVideoTag = styled__default.default.video(templateObject_1$s || (templateObject_1$s = __makeTemplateObject(["\n transform: ", ";\n transform-style: preserve-3d;\n min-width: 100%;\n min-height: 100%;\n width: auto;\n height: auto;\n max-width: 100%;\n max-height: 100%;\n object-fit: cover;\n background: black;\n z-index: -2;\n"], ["\n transform: ", ";\n transform-style: preserve-3d;\n min-width: 100%;\n min-height: 100%;\n width: auto;\n height: auto;\n max-width: 100%;\n max-height: 100%;\n object-fit: cover;\n background: black;\n z-index: -2;\n"])), function (props) {
|
|
9154
9171
|
return props.$isRearFacing ? '' : 'scaleX(-1)';
|
|
9155
9172
|
});
|
|
9156
|
-
var templateObject_1$
|
|
9173
|
+
var templateObject_1$s;
|
|
9157
9174
|
|
|
9158
9175
|
var DocumentCaptureScreen = function DocumentCaptureScreen(_a) {
|
|
9159
9176
|
var _b, _c, _d, _e;
|
|
@@ -9301,7 +9318,7 @@ var DocumentCaptureScreen = function DocumentCaptureScreen(_a) {
|
|
|
9301
9318
|
disabled: !cameraReady || capturing
|
|
9302
9319
|
}, !cameraReady ? verbiage.loadingBtnText : capturing ? verbiage.capturingBtnText : verbiage.captureBtnText))))));
|
|
9303
9320
|
};
|
|
9304
|
-
var CaptureContainer = styled__default.default.div(templateObject_1$
|
|
9321
|
+
var CaptureContainer = styled__default.default.div(templateObject_1$r || (templateObject_1$r = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n"], ["\n display: flex;\n flex-direction: column;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n"])));
|
|
9305
9322
|
var HeadingRow = styled__default.default.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) {
|
|
9306
9323
|
return props.$maskColor;
|
|
9307
9324
|
});
|
|
@@ -9315,7 +9332,7 @@ var Instructions = styled__default.default.div(templateObject_5$8 || (templateOb
|
|
|
9315
9332
|
});
|
|
9316
9333
|
var StyledButtonsRow$8 = styled__default.default(ButtonsRow$2)(templateObject_6$6 || (templateObject_6$6 = __makeTemplateObject(["\n padding-top: 20px;\n"], ["\n padding-top: 20px;\n"])));
|
|
9317
9334
|
var PreviewImage = styled__default.default.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"])));
|
|
9318
|
-
var templateObject_1$
|
|
9335
|
+
var templateObject_1$r, templateObject_2$n, templateObject_3$h, templateObject_4$b, templateObject_5$8, templateObject_6$6, templateObject_7$4;
|
|
9319
9336
|
|
|
9320
9337
|
var DocumentCaptureWizard = function DocumentCaptureWizard(_a) {
|
|
9321
9338
|
var onSuccess = _a.onSuccess,
|
|
@@ -9586,13 +9603,13 @@ var IdCaptureFallback = function IdCaptureFallback(_a) {
|
|
|
9586
9603
|
}
|
|
9587
9604
|
}, verbiage.doneBtnText))))));
|
|
9588
9605
|
};
|
|
9589
|
-
var StyledOverlayInner$2 = styled__default.default(OverlayInner$2)(templateObject_1$
|
|
9606
|
+
var StyledOverlayInner$2 = styled__default.default(OverlayInner$2)(templateObject_1$q || (templateObject_1$q = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
9590
9607
|
var Heading$8 = styled__default.default.h3(templateObject_2$m || (templateObject_2$m = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
9591
9608
|
var Description$3 = styled__default.default.p(templateObject_3$g || (templateObject_3$g = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
9592
9609
|
var Instruction = styled__default.default.p(templateObject_4$a || (templateObject_4$a = __makeTemplateObject(["\n font-weight: bold;\n"], ["\n font-weight: bold;\n"])));
|
|
9593
9610
|
var ImageCol = styled__default.default.div(templateObject_5$7 || (templateObject_5$7 = __makeTemplateObject(["\n display: flex;\n justify-content: center;\n flex-grow: 1;\n flex-basis: 0;\n"], ["\n display: flex;\n justify-content: center;\n flex-grow: 1;\n flex-basis: 0;\n"])));
|
|
9594
9611
|
var StyledButtonsRow$7 = styled__default.default(ButtonsRow$2)(templateObject_6$5 || (templateObject_6$5 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
9595
|
-
var templateObject_1$
|
|
9612
|
+
var templateObject_1$q, templateObject_2$m, templateObject_3$g, templateObject_4$a, templateObject_5$7, templateObject_6$5;
|
|
9596
9613
|
|
|
9597
9614
|
function ScalingCameraFeed() {
|
|
9598
9615
|
var _a = useIdCaptureStore(),
|
|
@@ -9944,7 +9961,7 @@ function FilePickerButton(_a) {
|
|
|
9944
9961
|
}
|
|
9945
9962
|
}, file ? "".concat(file.name, " (").concat(humanFileSize(file.size), ")") : filePickerLoading ? loadingText : children));
|
|
9946
9963
|
}
|
|
9947
|
-
var ScreenContainer = styled__default.default.div(templateObject_1$
|
|
9964
|
+
var ScreenContainer = styled__default.default.div(templateObject_1$p || (templateObject_1$p = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n height: 100%;\n width: 100%;\n position: relative;\n font-family: ", ";\n"], ["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n height: 100%;\n width: 100%;\n position: relative;\n font-family: ", ";\n"])), function (props) {
|
|
9948
9965
|
var _a;
|
|
9949
9966
|
return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
|
|
9950
9967
|
});
|
|
@@ -10233,7 +10250,7 @@ function humanFileSize(bytes, si, dp) {
|
|
|
10233
10250
|
} while (Math.round(Math.abs(bytes) * r) / r >= thresh && u < units.length - 1);
|
|
10234
10251
|
return bytes.toFixed(dp) + ' ' + units[u];
|
|
10235
10252
|
}
|
|
10236
|
-
var templateObject_1$
|
|
10253
|
+
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;
|
|
10237
10254
|
|
|
10238
10255
|
var IdCaptureWizard = function IdCaptureWizard(_a) {
|
|
10239
10256
|
var _b, _c, _d, _e, _f;
|
|
@@ -10926,7 +10943,7 @@ var HeadGuideSvg = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
10926
10943
|
}))));
|
|
10927
10944
|
});
|
|
10928
10945
|
HeadGuideSvg.displayName = 'HeadGuideSvg';
|
|
10929
|
-
var PulsingHeadGuideContainer = styled__default.default.div(templateObject_1$
|
|
10946
|
+
var PulsingHeadGuideContainer = styled__default.default.div(templateObject_1$o || (templateObject_1$o = __makeTemplateObject(["\n display: flex;\n position: relative;\n height: 100%;\n max-height: 100%;\n\n & > .idmSdkWaves {\n position: absolute;\n animation: ", " 2s ease-out infinite;\n transform-style: preserve-3d;\n\n &:nth-child(2) {\n animation-delay: 0.66s;\n }\n\n &:nth-child(3) {\n animation-delay: 1.33s;\n }\n }\n\n & > .idmSdkWavesOrigin {\n position: relative;\n }\n"], ["\n display: flex;\n position: relative;\n height: 100%;\n max-height: 100%;\n\n & > .idmSdkWaves {\n position: absolute;\n animation: ", " 2s ease-out infinite;\n transform-style: preserve-3d;\n\n &:nth-child(2) {\n animation-delay: 0.66s;\n }\n\n &:nth-child(3) {\n animation-delay: 1.33s;\n }\n }\n\n & > .idmSdkWavesOrigin {\n position: relative;\n }\n"])), wavesAnimation);
|
|
10930
10947
|
function HeadGuide(_a) {
|
|
10931
10948
|
var _b;
|
|
10932
10949
|
var _c = _a.status,
|
|
@@ -11204,9 +11221,9 @@ function SelfieCaptureAnimatedMaskWithStatus(_a) {
|
|
|
11204
11221
|
status: status
|
|
11205
11222
|
}));
|
|
11206
11223
|
}
|
|
11207
|
-
var templateObject_1$
|
|
11224
|
+
var templateObject_1$o, templateObject_2$k, templateObject_3$e;
|
|
11208
11225
|
|
|
11209
|
-
var FaceCaptureGuideContainer = styled__default.default.div(templateObject_1$
|
|
11226
|
+
var FaceCaptureGuideContainer = styled__default.default.div(templateObject_1$n || (templateObject_1$n = __makeTemplateObject(["\n position: absolute;\n z-index: 1000;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 40px;\n box-sizing: border-box;\n"], ["\n position: absolute;\n z-index: 1000;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 40px;\n box-sizing: border-box;\n"])));
|
|
11210
11227
|
var FaceCaptureGuideInner = styled__default.default.div(templateObject_2$j || (templateObject_2$j = __makeTemplateObject(["\n position: relative;\n height: 60%;\n"], ["\n position: relative;\n height: 60%;\n"])));
|
|
11211
11228
|
var FaceCaptureGuideOverlay = function FaceCaptureGuideOverlay(_a) {
|
|
11212
11229
|
var _b = _a.classNames,
|
|
@@ -11229,7 +11246,7 @@ var FaceCaptureGuideOverlay = function FaceCaptureGuideOverlay(_a) {
|
|
|
11229
11246
|
verticalAlign: "center"
|
|
11230
11247
|
})));
|
|
11231
11248
|
};
|
|
11232
|
-
var templateObject_1$
|
|
11249
|
+
var templateObject_1$n, templateObject_2$j;
|
|
11233
11250
|
|
|
11234
11251
|
var SelfieGuidanceModelsContext = /*#__PURE__*/React.createContext({
|
|
11235
11252
|
start: function start() {
|
|
@@ -11307,8 +11324,10 @@ function SelfieGuidanceModelsProvider(_a) {
|
|
|
11307
11324
|
requireVerticalFaceCentering: requireVerticalFaceCentering
|
|
11308
11325
|
});
|
|
11309
11326
|
setLastFaceDetectionAt(new Date().getTime());
|
|
11327
|
+
// setLastPrediction(processed)
|
|
11310
11328
|
return [4 /*yield*/, (_b = onPredictionHandler.current) === null || _b === void 0 ? void 0 : _b.call(onPredictionHandler, processed)];
|
|
11311
11329
|
case 2:
|
|
11330
|
+
// setLastPrediction(processed)
|
|
11312
11331
|
_c.sent();
|
|
11313
11332
|
return [3 /*break*/, 4];
|
|
11314
11333
|
case 3:
|
|
@@ -11339,7 +11358,7 @@ function SelfieGuidanceModelsProvider(_a) {
|
|
|
11339
11358
|
error: modelError,
|
|
11340
11359
|
modelDownloadProgress: modelDownloadProgress
|
|
11341
11360
|
};
|
|
11342
|
-
}, [
|
|
11361
|
+
}, [start, stop, ready, onPredictionMade, modelError, modelDownloadProgress]);
|
|
11343
11362
|
return /*#__PURE__*/React__namespace.createElement(SelfieGuidanceModelsContext.Provider, {
|
|
11344
11363
|
value: value
|
|
11345
11364
|
}, /*#__PURE__*/React__namespace.createElement(InvisibleCanvas, {
|
|
@@ -11549,12 +11568,12 @@ var SelfieCaptureFallback = function SelfieCaptureFallback(_a) {
|
|
|
11549
11568
|
}
|
|
11550
11569
|
}, !image ? invalidSelfie ? verbiage.retryButtonText : verbiage.captureBtnText : loading ? verbiage.doneBtnLoadingText : verbiage.doneBtnText)))));
|
|
11551
11570
|
};
|
|
11552
|
-
var StyledOverlayInner$1 = styled__default.default(OverlayInner$2)(templateObject_1$
|
|
11571
|
+
var StyledOverlayInner$1 = styled__default.default(OverlayInner$2)(templateObject_1$m || (templateObject_1$m = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
11553
11572
|
var Heading$7 = styled__default.default.h3(templateObject_2$i || (templateObject_2$i = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
11554
11573
|
var Description$2 = styled__default.default.p(templateObject_3$d || (templateObject_3$d = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
11555
11574
|
var ImageContainer$6 = styled__default.default(OverlayImageContainer)(templateObject_4$8 || (templateObject_4$8 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
11556
11575
|
var StyledButtonsRow$6 = styled__default.default(ButtonsRow$2)(templateObject_5$5 || (templateObject_5$5 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
11557
|
-
var templateObject_1$
|
|
11576
|
+
var templateObject_1$m, templateObject_2$i, templateObject_3$d, templateObject_4$8, templateObject_5$5;
|
|
11558
11577
|
|
|
11559
11578
|
var initialState$3 = {
|
|
11560
11579
|
busy: false,
|
|
@@ -11582,7 +11601,7 @@ var reducer$3 = function reducer(state, action) {
|
|
|
11582
11601
|
}
|
|
11583
11602
|
};
|
|
11584
11603
|
var SelfieCapture = function SelfieCapture(_a) {
|
|
11585
|
-
var _b
|
|
11604
|
+
var _b;
|
|
11586
11605
|
var onGuidanceSatisfied = _a.onGuidanceSatisfied,
|
|
11587
11606
|
onGuidanceNotSatisfied = _a.onGuidanceNotSatisfied,
|
|
11588
11607
|
onFaceDetected = _a.onFaceDetected,
|
|
@@ -11590,46 +11609,40 @@ var SelfieCapture = function SelfieCapture(_a) {
|
|
|
11590
11609
|
onSelfieCaptured = _a.onSelfieCaptured,
|
|
11591
11610
|
onTimeout = _a.onTimeout,
|
|
11592
11611
|
onExit = _a.onExit,
|
|
11593
|
-
|
|
11594
|
-
timeoutDurationMs =
|
|
11612
|
+
_c = _a.timeoutDurationMs,
|
|
11613
|
+
timeoutDurationMs = _c === void 0 ? 15000 : _c,
|
|
11595
11614
|
guidanceMessage = _a.guidanceMessage,
|
|
11596
11615
|
guidanceSatisfied = _a.guidanceSatisfied,
|
|
11597
11616
|
guidesComponent = _a.guidesComponent,
|
|
11598
|
-
|
|
11599
|
-
shouldCapture =
|
|
11600
|
-
|
|
11601
|
-
classNames =
|
|
11602
|
-
|
|
11603
|
-
colors =
|
|
11604
|
-
|
|
11605
|
-
rawVerbiage =
|
|
11606
|
-
|
|
11607
|
-
debugMode =
|
|
11608
|
-
var
|
|
11609
|
-
ref =
|
|
11610
|
-
|
|
11611
|
-
width =
|
|
11612
|
-
|
|
11613
|
-
height =
|
|
11614
|
-
var
|
|
11615
|
-
|
|
11616
|
-
busy =
|
|
11617
|
-
prediction =
|
|
11618
|
-
dispatch =
|
|
11617
|
+
_d = _a.shouldCapture,
|
|
11618
|
+
shouldCapture = _d === void 0 ? true : _d,
|
|
11619
|
+
_e = _a.classNames,
|
|
11620
|
+
classNames = _e === void 0 ? {} : _e,
|
|
11621
|
+
_f = _a.colors,
|
|
11622
|
+
colors = _f === void 0 ? {} : _f,
|
|
11623
|
+
_g = _a.verbiage,
|
|
11624
|
+
rawVerbiage = _g === void 0 ? {} : _g,
|
|
11625
|
+
_h = _a.debugMode,
|
|
11626
|
+
debugMode = _h === void 0 ? false : _h;
|
|
11627
|
+
var _j = useResizeObserver(),
|
|
11628
|
+
ref = _j.ref,
|
|
11629
|
+
_k = _j.width,
|
|
11630
|
+
width = _k === void 0 ? 1 : _k,
|
|
11631
|
+
_l = _j.height,
|
|
11632
|
+
height = _l === void 0 ? 1 : _l;
|
|
11633
|
+
var _m = React.useReducer(reducer$3, initialState$3),
|
|
11634
|
+
_o = _m[0],
|
|
11635
|
+
busy = _o.busy,
|
|
11636
|
+
prediction = _o.prediction,
|
|
11637
|
+
dispatch = _m[1];
|
|
11619
11638
|
var lastPredictionCanvas = React.useRef(null);
|
|
11620
|
-
var
|
|
11621
|
-
|
|
11622
|
-
|
|
11623
|
-
|
|
11624
|
-
|
|
11625
|
-
|
|
11626
|
-
|
|
11627
|
-
camera = _t.camera,
|
|
11628
|
-
videoRef = _t.videoRef;
|
|
11629
|
-
var _u = React.useContext(SelfieGuidanceModelsContext),
|
|
11630
|
-
onPredictionMade = _u.onPredictionMade,
|
|
11631
|
-
canvasRef = _u.canvasRef,
|
|
11632
|
-
guidanceError = _u.error;
|
|
11639
|
+
var camera = useCameraStore(shallow.useShallow(function (state) {
|
|
11640
|
+
return state.camera;
|
|
11641
|
+
}));
|
|
11642
|
+
var _p = React.useContext(SelfieGuidanceModelsContext),
|
|
11643
|
+
onPredictionMade = _p.onPredictionMade,
|
|
11644
|
+
canvasRef = _p.canvasRef,
|
|
11645
|
+
guidanceError = _p.error;
|
|
11633
11646
|
onPredictionMade(useDebounce.useThrottledCallback(React.useCallback(function (prediction) {
|
|
11634
11647
|
return __awaiter(void 0, void 0, void 0, function () {
|
|
11635
11648
|
return __generator(this, function (_a) {
|
|
@@ -11674,15 +11687,13 @@ var SelfieCapture = function SelfieCapture(_a) {
|
|
|
11674
11687
|
if (timer) clearTimeout(timer);
|
|
11675
11688
|
};
|
|
11676
11689
|
}, [onSelfieCaptureStarted, onSelfieCaptured, prediction]);
|
|
11677
|
-
var
|
|
11678
|
-
timedOut =
|
|
11679
|
-
timeoutStartedAt =
|
|
11690
|
+
var _q = useTimeout(timeoutDurationMs, onTimeout),
|
|
11691
|
+
timedOut = _q.timedOut,
|
|
11692
|
+
timeoutStartedAt = _q.timeoutStartedAt;
|
|
11680
11693
|
var debugScalingDetails = useDebugScalingDetails({
|
|
11681
11694
|
enabled: debugMode,
|
|
11682
11695
|
pageWidth: width,
|
|
11683
|
-
pageHeight: height
|
|
11684
|
-
videoWidth: (_c = (_b = videoRef.current) === null || _b === void 0 ? void 0 : _b.videoWidth) !== null && _c !== void 0 ? _c : 0,
|
|
11685
|
-
videoHeight: (_e = (_d = videoRef.current) === null || _d === void 0 ? void 0 : _d.videoHeight) !== null && _e !== void 0 ? _e : 0
|
|
11696
|
+
pageHeight: height
|
|
11686
11697
|
});
|
|
11687
11698
|
colors.guidesUnsatisfiedColor || (colors.guidesUnsatisfiedColor = 'white');
|
|
11688
11699
|
colors.guidesSatisfiedColor || (colors.guidesSatisfiedColor = 'green');
|
|
@@ -11695,7 +11706,7 @@ var SelfieCapture = function SelfieCapture(_a) {
|
|
|
11695
11706
|
guidanceNoFaceDetectedText: 'Waiting for face to be detected...',
|
|
11696
11707
|
guidanceNotStableText: 'Please hold still...'
|
|
11697
11708
|
});
|
|
11698
|
-
var satisfied = (
|
|
11709
|
+
var satisfied = (_b = prediction === null || prediction === void 0 ? void 0 : prediction.faceReady) !== null && _b !== void 0 ? _b : false;
|
|
11699
11710
|
if (typeof guidanceSatisfied === 'boolean') satisfied = guidanceSatisfied;
|
|
11700
11711
|
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 : '');
|
|
11701
11712
|
if (guidanceError) {
|
|
@@ -11704,7 +11715,7 @@ var SelfieCapture = function SelfieCapture(_a) {
|
|
|
11704
11715
|
});
|
|
11705
11716
|
}
|
|
11706
11717
|
var GuidesComponent = guidesComponent !== null && guidesComponent !== void 0 ? guidesComponent : FaceCaptureGuideOverlay;
|
|
11707
|
-
return /*#__PURE__*/React__namespace.default.createElement(Container$
|
|
11718
|
+
return /*#__PURE__*/React__namespace.default.createElement(Container$6, {
|
|
11708
11719
|
ref: ref,
|
|
11709
11720
|
className: classNames.container
|
|
11710
11721
|
}, /*#__PURE__*/React__namespace.default.createElement(InvisibleCanvas, {
|
|
@@ -11726,8 +11737,8 @@ var SelfieCapture = function SelfieCapture(_a) {
|
|
|
11726
11737
|
className: classNames.exitCaptureBtn
|
|
11727
11738
|
}));
|
|
11728
11739
|
};
|
|
11729
|
-
var Container$
|
|
11730
|
-
var templateObject_1$
|
|
11740
|
+
var Container$6 = styled__default.default.div(templateObject_1$l || (templateObject_1$l = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n"], ["\n width: 100%;\n height: 100%;\n"])));
|
|
11741
|
+
var templateObject_1$l;
|
|
11731
11742
|
|
|
11732
11743
|
var initialState$2 = {
|
|
11733
11744
|
frame: null,
|
|
@@ -11853,7 +11864,7 @@ var FaceLivenessCapture = function FaceLivenessCapture(_a) {
|
|
|
11853
11864
|
var _m = React.useContext(SubmissionContext),
|
|
11854
11865
|
checkLiveness = _m.checkLiveness,
|
|
11855
11866
|
submissionError = _m.submissionError;
|
|
11856
|
-
var modelError =
|
|
11867
|
+
var modelError = useSelfieGuidanceModelsContext().error;
|
|
11857
11868
|
var _o = React.useReducer(reducer$2, initialState$2),
|
|
11858
11869
|
state = _o[0],
|
|
11859
11870
|
dispatch = _o[1];
|
|
@@ -12115,9 +12126,9 @@ var FaceLivenessSuccess = function FaceLivenessSuccess(_a) {
|
|
|
12115
12126
|
finished: true
|
|
12116
12127
|
}, verbiage.retryBtnText)))));
|
|
12117
12128
|
};
|
|
12118
|
-
var ImageContainer$5 = styled__default.default.div(templateObject_1$
|
|
12129
|
+
var ImageContainer$5 = styled__default.default.div(templateObject_1$k || (templateObject_1$k = __makeTemplateObject(["\n position: relative;\n flex-grow: 1;\n margin-bottom: 25px;\n max-width: 100%;\n max-height: 100%;\n overflow-y: auto;\n border-radius: 12px;\n\n & > img,\n & > svg {\n width: 100%;\n max-width: 100%;\n margin: 0 auto;\n display: block;\n border-radius: 12px;\n }\n"], ["\n position: relative;\n flex-grow: 1;\n margin-bottom: 25px;\n max-width: 100%;\n max-height: 100%;\n overflow-y: auto;\n border-radius: 12px;\n\n & > img,\n & > svg {\n width: 100%;\n max-width: 100%;\n margin: 0 auto;\n display: block;\n border-radius: 12px;\n }\n"])));
|
|
12119
12130
|
var Heading$6 = styled__default.default.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"])));
|
|
12120
|
-
var templateObject_1$
|
|
12131
|
+
var templateObject_1$k, templateObject_2$h;
|
|
12121
12132
|
|
|
12122
12133
|
var FaceLivenessFailure = function FaceLivenessFailure(_a) {
|
|
12123
12134
|
var _b = _a.canRetry,
|
|
@@ -12166,9 +12177,9 @@ var FaceLivenessFailure = function FaceLivenessFailure(_a) {
|
|
|
12166
12177
|
finished: true
|
|
12167
12178
|
}, verbiage.exitBtnText)))));
|
|
12168
12179
|
};
|
|
12169
|
-
var ImageContainer$4 = styled__default.default(OverlayImageContainer)(templateObject_1$
|
|
12180
|
+
var ImageContainer$4 = styled__default.default(OverlayImageContainer)(templateObject_1$j || (templateObject_1$j = __makeTemplateObject(["\n max-height: calc(100vh - 185px);\n"], ["\n max-height: calc(100vh - 185px);\n"])));
|
|
12170
12181
|
var Heading$5 = styled__default.default.h3(templateObject_2$g || (templateObject_2$g = __makeTemplateObject(["\n margin-bottom: 36px;\n"], ["\n margin-bottom: 36px;\n"])));
|
|
12171
|
-
var templateObject_1$
|
|
12182
|
+
var templateObject_1$j, templateObject_2$g;
|
|
12172
12183
|
|
|
12173
12184
|
var MicrophoneAccessDeniedOverlay = function MicrophoneAccessDeniedOverlay(_a) {
|
|
12174
12185
|
var _b;
|
|
@@ -12211,11 +12222,11 @@ var MicrophoneAccessDeniedOverlay = function MicrophoneAccessDeniedOverlay(_a) {
|
|
|
12211
12222
|
finished: true
|
|
12212
12223
|
}, verbiage.retryBtnText)));
|
|
12213
12224
|
};
|
|
12214
|
-
var StyledOverlayInner = styled__default.default(OverlayInner$2)(templateObject_1$
|
|
12225
|
+
var StyledOverlayInner = styled__default.default(OverlayInner$2)(templateObject_1$i || (templateObject_1$i = __makeTemplateObject(["\n max-width: 500px;\n height: auto;\n margin: auto;\n"], ["\n max-width: 500px;\n height: auto;\n margin: auto;\n"])));
|
|
12215
12226
|
var StyledOverlayImageContainer = styled__default.default(OverlayImageContainer)(templateObject_2$f || (templateObject_2$f = __makeTemplateObject(["\n flex-grow: 0;\n"], ["\n flex-grow: 0;\n"])));
|
|
12216
12227
|
var Description$1 = styled__default.default.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"])));
|
|
12217
12228
|
var RetryButton = styled__default.default(LoaderButton)(templateObject_4$7 || (templateObject_4$7 = __makeTemplateObject(["\n width: 200px;\n margin: 0 auto;\n"], ["\n width: 200px;\n margin: 0 auto;\n"])));
|
|
12218
|
-
var templateObject_1$
|
|
12229
|
+
var templateObject_1$i, templateObject_2$f, templateObject_3$c, templateObject_4$7;
|
|
12219
12230
|
|
|
12220
12231
|
var SelfieCaptureLoadingOverlayLegacy = function SelfieCaptureLoadingOverlayLegacy(_a) {
|
|
12221
12232
|
var onDismissed = _a.onDismissed,
|
|
@@ -12307,9 +12318,9 @@ var SelfieCaptureLoadingOverlayLegacy = function SelfieCaptureLoadingOverlayLega
|
|
|
12307
12318
|
}
|
|
12308
12319
|
}, ready ? verbiage.continueText : allModelsReady ? verbiage.cameraInitializingText : modelDownloadProgress >= 100 ? "".concat(verbiage.modelsWarmingUpText) : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)")))));
|
|
12309
12320
|
};
|
|
12310
|
-
var StyledGuidanceMessage = styled__default.default(GuidanceMessage)(templateObject_1$
|
|
12321
|
+
var StyledGuidanceMessage = styled__default.default(GuidanceMessage)(templateObject_1$h || (templateObject_1$h = __makeTemplateObject(["\n padding: 12px 24px;\n font-weight: normal;\n line-height: 1.5;\n margin-bottom: -30px;\n"], ["\n padding: 12px 24px;\n font-weight: normal;\n line-height: 1.5;\n margin-bottom: -30px;\n"])));
|
|
12311
12322
|
var StyledButtonsRow$5 = styled__default.default(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"])));
|
|
12312
|
-
var templateObject_1$
|
|
12323
|
+
var templateObject_1$h, templateObject_2$e;
|
|
12313
12324
|
|
|
12314
12325
|
var legacyInstructionImageUrl = "".concat(DEFAULT_CDN_URL, "/Selfie-Image-1.png");
|
|
12315
12326
|
var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDefault(_a) {
|
|
@@ -12449,7 +12460,7 @@ var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDef
|
|
|
12449
12460
|
}
|
|
12450
12461
|
}, ready ? verbiage.continueText : verbiage.pleaseWaitText))))));
|
|
12451
12462
|
};
|
|
12452
|
-
var OverlayInner = styled__default.default(LoadingOverlayInner)(templateObject_1$
|
|
12463
|
+
var OverlayInner = styled__default.default(LoadingOverlayInner)(templateObject_1$g || (templateObject_1$g = __makeTemplateObject(["\n background: ", ";\n color: ", ";\n"], ["\n background: ", ";\n color: ", ";\n"])), function (props) {
|
|
12453
12464
|
var _a, _b, _c, _d;
|
|
12454
12465
|
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';
|
|
12455
12466
|
}, function (props) {
|
|
@@ -12495,7 +12506,7 @@ var ContinueButton = styled__default.default(LoaderButton)(templateObject_7$2 ||
|
|
|
12495
12506
|
var _a, _b, _c, _d;
|
|
12496
12507
|
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';
|
|
12497
12508
|
});
|
|
12498
|
-
var templateObject_1$
|
|
12509
|
+
var templateObject_1$g, templateObject_2$d, templateObject_3$b, templateObject_4$6, templateObject_5$4, templateObject_6$3, templateObject_7$2;
|
|
12499
12510
|
|
|
12500
12511
|
var components = {
|
|
12501
12512
|
"default": SelfieCaptureLoadingOverlayDefault,
|
|
@@ -12554,37 +12565,39 @@ var FaceLivenessWizard = function FaceLivenessWizard(_a) {
|
|
|
12554
12565
|
_r = _a.verbiage,
|
|
12555
12566
|
verbiage = _r === void 0 ? {} : _r,
|
|
12556
12567
|
_s = _a.debugMode,
|
|
12557
|
-
debugMode = _s === void 0 ? false : _s
|
|
12558
|
-
|
|
12559
|
-
|
|
12560
|
-
|
|
12561
|
-
|
|
12562
|
-
|
|
12563
|
-
|
|
12568
|
+
debugMode = _s === void 0 ? false : _s,
|
|
12569
|
+
_t = _a.showLoadingOverlay,
|
|
12570
|
+
showLoadingOverlay = _t === void 0 ? true : _t;
|
|
12571
|
+
var _u = React.useContext(SubmissionContext),
|
|
12572
|
+
submissionResponse = _u.submissionResponse,
|
|
12573
|
+
livenessCheckRequest = _u.livenessCheckRequest,
|
|
12574
|
+
setSelfieImage = _u.setSelfieImage,
|
|
12575
|
+
logSelfieCaptureAttempt = _u.logSelfieCaptureAttempt;
|
|
12576
|
+
var _v = useCameraStore(shallow.useShallow(function (state) {
|
|
12564
12577
|
return {
|
|
12565
12578
|
cameraAccessDenied: state.cameraAccessDenied,
|
|
12566
12579
|
requestCameraAccess: state.requestCameraAccess,
|
|
12567
12580
|
releaseCameraAccess: state.releaseCameraAccess
|
|
12568
12581
|
};
|
|
12569
12582
|
})),
|
|
12570
|
-
cameraAccessDenied =
|
|
12571
|
-
requestCameraAccess =
|
|
12572
|
-
releaseCameraAccess =
|
|
12573
|
-
var
|
|
12574
|
-
faceCropImageUrl =
|
|
12575
|
-
setFaceCropImageUrl =
|
|
12576
|
-
var
|
|
12577
|
-
retryCount =
|
|
12578
|
-
setRetryCount =
|
|
12579
|
-
var
|
|
12580
|
-
captureState =
|
|
12581
|
-
setCaptureState =
|
|
12583
|
+
cameraAccessDenied = _v.cameraAccessDenied,
|
|
12584
|
+
requestCameraAccess = _v.requestCameraAccess,
|
|
12585
|
+
releaseCameraAccess = _v.releaseCameraAccess;
|
|
12586
|
+
var _w = React.useState(''),
|
|
12587
|
+
faceCropImageUrl = _w[0],
|
|
12588
|
+
setFaceCropImageUrl = _w[1];
|
|
12589
|
+
var _x = React.useState(0),
|
|
12590
|
+
retryCount = _x[0],
|
|
12591
|
+
setRetryCount = _x[1];
|
|
12592
|
+
var _y = React.useState(showLoadingOverlay ? 'LOADING' : 'CAPTURING'),
|
|
12593
|
+
captureState = _y[0],
|
|
12594
|
+
setCaptureState = _y[1];
|
|
12582
12595
|
var captureStartedAt = React.useRef();
|
|
12583
12596
|
var operationStartedAt = React.useRef();
|
|
12584
12597
|
var livenessScore = React.useRef();
|
|
12585
|
-
var
|
|
12586
|
-
start =
|
|
12587
|
-
stop =
|
|
12598
|
+
var _z = React.useContext(SelfieGuidanceModelsContext),
|
|
12599
|
+
start = _z.start,
|
|
12600
|
+
stop = _z.stop;
|
|
12588
12601
|
React.useEffect(function () {
|
|
12589
12602
|
if (precapturedDocuments === null || precapturedDocuments === void 0 ? void 0 : precapturedDocuments.selfie) {
|
|
12590
12603
|
setSelfieImage(precapturedDocuments.selfie.imageData);
|
|
@@ -12594,7 +12607,7 @@ var FaceLivenessWizard = function FaceLivenessWizard(_a) {
|
|
|
12594
12607
|
if (captureState !== 'CAPTURING') return;
|
|
12595
12608
|
operationStartedAt.current = new Date();
|
|
12596
12609
|
captureStartedAt.current = undefined;
|
|
12597
|
-
start
|
|
12610
|
+
setTimeout(start, 1);
|
|
12598
12611
|
return stop;
|
|
12599
12612
|
}, [captureState, precapturedDocuments === null || precapturedDocuments === void 0 ? void 0 : precapturedDocuments.selfie, setSelfieImage, start, stop]);
|
|
12600
12613
|
var onCapture = React.useCallback(function () {
|
|
@@ -12668,9 +12681,9 @@ var FaceLivenessWizard = function FaceLivenessWizard(_a) {
|
|
|
12668
12681
|
}
|
|
12669
12682
|
onDenied === null || onDenied === void 0 ? void 0 : onDenied(submissionResponse, livenessCheckRequest);
|
|
12670
12683
|
}, [allowLivenessFailure, onDenied, submissionResponse, livenessCheckRequest]);
|
|
12671
|
-
var
|
|
12672
|
-
attempt =
|
|
12673
|
-
setAttempt =
|
|
12684
|
+
var _0 = React.useState(0),
|
|
12685
|
+
attempt = _0[0],
|
|
12686
|
+
setAttempt = _0[1];
|
|
12674
12687
|
var onExitCallback = React.useCallback(function () {
|
|
12675
12688
|
setAttempt(function (n) {
|
|
12676
12689
|
return n + 1;
|
|
@@ -12769,7 +12782,7 @@ var FaceLivenessWizard = function FaceLivenessWizard(_a) {
|
|
|
12769
12782
|
default:
|
|
12770
12783
|
return null;
|
|
12771
12784
|
}
|
|
12772
|
-
}(), /*#__PURE__*/React__namespace.default.createElement(SelfieCaptureLoadingOverlay, {
|
|
12785
|
+
}(), showLoadingOverlay && ( /*#__PURE__*/React__namespace.default.createElement(SelfieCaptureLoadingOverlay, {
|
|
12773
12786
|
key: attempt,
|
|
12774
12787
|
mode: loadingOverlayMode,
|
|
12775
12788
|
customOverlayContent: customOverlayContent,
|
|
@@ -12780,7 +12793,7 @@ var FaceLivenessWizard = function FaceLivenessWizard(_a) {
|
|
|
12780
12793
|
onUserCancel: onUserCancel,
|
|
12781
12794
|
onDismissed: onLoadingOverlayDismissedCallback,
|
|
12782
12795
|
waitForIdCaptureModels: waitForIdCaptureModels
|
|
12783
|
-
}));
|
|
12796
|
+
})));
|
|
12784
12797
|
};
|
|
12785
12798
|
|
|
12786
12799
|
var SubmissionSuccess = function SubmissionSuccess() {
|
|
@@ -12803,7 +12816,7 @@ var SubmissionSuccess = function SubmissionSuccess() {
|
|
|
12803
12816
|
}
|
|
12804
12817
|
return JSON.stringify(body, null, 2);
|
|
12805
12818
|
}, [submissionRequest, truncateImages]);
|
|
12806
|
-
return /*#__PURE__*/React__namespace.default.createElement(Container$
|
|
12819
|
+
return /*#__PURE__*/React__namespace.default.createElement(Container$5, null, /*#__PURE__*/React__namespace.default.createElement("h3", null, "Submission completed!"), /*#__PURE__*/React__namespace.default.createElement(LoaderButton, {
|
|
12807
12820
|
onClick: function onClick() {
|
|
12808
12821
|
return setShowRequestBody(!showRequestBody);
|
|
12809
12822
|
}
|
|
@@ -12816,13 +12829,13 @@ var SubmissionSuccess = function SubmissionSuccess() {
|
|
|
12816
12829
|
}
|
|
12817
12830
|
}, truncateImages ? 'Display full images' : 'Truncate images'), /*#__PURE__*/React__namespace.default.createElement("h5", null, "Request Body"), /*#__PURE__*/React__namespace.default.createElement("pre", null, requestBodyDisplay))), /*#__PURE__*/React__namespace.default.createElement("h5", null, "Response Body"), /*#__PURE__*/React__namespace.default.createElement("pre", null, JSON.stringify(submissionResponse, null, 2)));
|
|
12818
12831
|
};
|
|
12819
|
-
var Container$
|
|
12832
|
+
var Container$5 = styled__default.default.div(templateObject_1$f || (templateObject_1$f = __makeTemplateObject(["\n padding: 16px;\n overflow: auto;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n"], ["\n padding: 16px;\n overflow: auto;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n"])));
|
|
12820
12833
|
function truncate(str, max_chars) {
|
|
12821
12834
|
var truncated = str.split('').splice(0, max_chars).join('');
|
|
12822
12835
|
if (truncated.length < str.length) truncated += '...';
|
|
12823
12836
|
return truncated;
|
|
12824
12837
|
}
|
|
12825
|
-
var templateObject_1$
|
|
12838
|
+
var templateObject_1$f;
|
|
12826
12839
|
|
|
12827
12840
|
var AdditionalDocumentCapture = function AdditionalDocumentCapture(_a) {
|
|
12828
12841
|
var document = _a.document,
|
|
@@ -12898,11 +12911,11 @@ var AdditionalDocumentCapture = function AdditionalDocumentCapture(_a) {
|
|
|
12898
12911
|
}
|
|
12899
12912
|
}, verbiage.captureBtnText)))));
|
|
12900
12913
|
};
|
|
12901
|
-
var Inner$2 = styled__default.default(OverlayInner$2)(templateObject_1$
|
|
12914
|
+
var Inner$2 = styled__default.default(OverlayInner$2)(templateObject_1$e || (templateObject_1$e = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
12902
12915
|
var Heading$4 = styled__default.default.h3(templateObject_2$c || (templateObject_2$c = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
12903
12916
|
var Description = styled__default.default.p(templateObject_3$a || (templateObject_3$a = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
12904
12917
|
var StyledButtonsRow$4 = styled__default.default(ButtonsRow$2)(templateObject_4$5 || (templateObject_4$5 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
12905
|
-
var templateObject_1$
|
|
12918
|
+
var templateObject_1$e, templateObject_2$c, templateObject_3$a, templateObject_4$5;
|
|
12906
12919
|
|
|
12907
12920
|
var AdditionalDocumentCaptureWizard = function AdditionalDocumentCaptureWizard(_a) {
|
|
12908
12921
|
var documents = _a.documents,
|
|
@@ -13052,7 +13065,7 @@ function convertSVGtoImg(svgData_1) {
|
|
|
13052
13065
|
});
|
|
13053
13066
|
}
|
|
13054
13067
|
|
|
13055
|
-
var SignaturePaperBacking = styled__default.default.div(templateObject_1$
|
|
13068
|
+
var SignaturePaperBacking = styled__default.default.div(templateObject_1$d || (templateObject_1$d = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n ", "\n ", "\n ", "\n"], ["\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n ", "\n ", "\n ", "\n"])), function (props) {
|
|
13056
13069
|
var _a, _b;
|
|
13057
13070
|
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, ";") : "";
|
|
13058
13071
|
}, function (props) {
|
|
@@ -13063,7 +13076,7 @@ var SignaturePaperBacking = styled__default.default.div(templateObject_1$c || (t
|
|
|
13063
13076
|
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, ";") : "";
|
|
13064
13077
|
});
|
|
13065
13078
|
var SignatureCanvasContainer$1 = styled__default.default.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"])));
|
|
13066
|
-
var SignaturePad = styled__default.default.div(templateObject_3$9 || (templateObject_3$9 = __makeTemplateObject(["\n position: relative;\n background: ", ";\n border: ", ";\n border-radius: ", ";\n flex-grow: 1;\n z-index: 100;\n height: 100%;\n\n &.empty {\n background: ", ";\n border: ", ";\n }\n"], ["\n position: relative;\n background: ", ";\n border: ", ";\n border-radius: ", ";\n flex-grow: 1;\n z-index: 100;\n height: 100%;\n\n &.empty {\n background: ", ";\n border: ", ";\n }\n"])), function (props) {
|
|
13079
|
+
var SignaturePad = styled__default.default.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) {
|
|
13067
13080
|
var _a, _b, _c;
|
|
13068
13081
|
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)';
|
|
13069
13082
|
}, function (props) {
|
|
@@ -13078,9 +13091,21 @@ var SignaturePad = styled__default.default.div(templateObject_3$9 || (templateOb
|
|
|
13078
13091
|
}, function (props) {
|
|
13079
13092
|
var _a, _b, _c;
|
|
13080
13093
|
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";
|
|
13094
|
+
}, function (props) {
|
|
13095
|
+
var _a, _b, _c;
|
|
13096
|
+
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';
|
|
13097
|
+
}, function (props) {
|
|
13098
|
+
var _a, _b, _c;
|
|
13099
|
+
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)';
|
|
13100
|
+
}, function (props) {
|
|
13101
|
+
var _a, _b, _c;
|
|
13102
|
+
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";
|
|
13103
|
+
}, function (props) {
|
|
13104
|
+
var _a, _b, _c;
|
|
13105
|
+
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';
|
|
13081
13106
|
});
|
|
13082
13107
|
var SignatureButtonsContainer = styled__default.default(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"])));
|
|
13083
|
-
var templateObject_1$
|
|
13108
|
+
var templateObject_1$d, templateObject_2$b, templateObject_3$9, templateObject_4$4;
|
|
13084
13109
|
|
|
13085
13110
|
var SignatureCapture = function SignatureCapture(_a) {
|
|
13086
13111
|
var onAccept = _a.onAccept,
|
|
@@ -13115,7 +13140,7 @@ var SignatureCapture = function SignatureCapture(_a) {
|
|
|
13115
13140
|
});
|
|
13116
13141
|
});
|
|
13117
13142
|
}
|
|
13118
|
-
return /*#__PURE__*/React__namespace.default.createElement(Container$
|
|
13143
|
+
return /*#__PURE__*/React__namespace.default.createElement(Container$4, {
|
|
13119
13144
|
className: classNames.container
|
|
13120
13145
|
}, /*#__PURE__*/React__namespace.default.createElement(SignaturePaperBacking, {
|
|
13121
13146
|
className: classNames.inner
|
|
@@ -13153,9 +13178,9 @@ var SignatureCapture = function SignatureCapture(_a) {
|
|
|
13153
13178
|
finished: true
|
|
13154
13179
|
}, verbiage.acceptBtnText)))));
|
|
13155
13180
|
};
|
|
13156
|
-
var Container$
|
|
13181
|
+
var Container$4 = styled__default.default.div(templateObject_1$c || (templateObject_1$c = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n position: relative;\n"], ["\n width: 100%;\n height: 100%;\n position: relative;\n"])));
|
|
13157
13182
|
var AcceptBtn$1 = styled__default.default(LoaderButton)(templateObject_2$a || (templateObject_2$a = __makeTemplateObject(["\n margin-left: auto;\n"], ["\n margin-left: auto;\n"])));
|
|
13158
|
-
var templateObject_1$
|
|
13183
|
+
var templateObject_1$c, templateObject_2$a;
|
|
13159
13184
|
|
|
13160
13185
|
var useVideoRecorder = function useVideoRecorder(camera, audioStream, mergeAVStreams) {
|
|
13161
13186
|
if (mergeAVStreams === void 0) {
|
|
@@ -13537,23 +13562,26 @@ function VideoSignatureGuides(_a) {
|
|
|
13537
13562
|
_d = _a.minSignaturePadPoints,
|
|
13538
13563
|
minSignaturePadPoints = _d === void 0 ? DEFAULT_MIN_SIGNATURE_PAD_POINTS : _d,
|
|
13539
13564
|
signaturePadEmptyContent = _a.signaturePadEmptyContent,
|
|
13540
|
-
|
|
13541
|
-
|
|
13542
|
-
|
|
13543
|
-
|
|
13544
|
-
|
|
13545
|
-
|
|
13546
|
-
|
|
13547
|
-
|
|
13548
|
-
|
|
13549
|
-
|
|
13550
|
-
|
|
13551
|
-
var _j =
|
|
13552
|
-
|
|
13553
|
-
|
|
13554
|
-
var _k = React.useState(
|
|
13555
|
-
|
|
13556
|
-
|
|
13565
|
+
headTrackingUnsatisfiedContent = _a.headTrackingUnsatisfiedContent,
|
|
13566
|
+
_e = _a.headTrackingSatisfied,
|
|
13567
|
+
headTrackingSatisfied = _e === void 0 ? true : _e,
|
|
13568
|
+
_f = _a.classNames,
|
|
13569
|
+
classNames = _f === void 0 ? {} : _f,
|
|
13570
|
+
_g = _a.verbiage,
|
|
13571
|
+
rawVerbiage = _g === void 0 ? {} : _g;
|
|
13572
|
+
var _h = useResizeObserver(),
|
|
13573
|
+
ref = _h.ref,
|
|
13574
|
+
width = _h.width,
|
|
13575
|
+
height = _h.height;
|
|
13576
|
+
var _j = useVideoSignatureContext(),
|
|
13577
|
+
signaturePad = _j.signaturePad,
|
|
13578
|
+
onAcceptClicked = _j.onAcceptClicked;
|
|
13579
|
+
var _k = React.useState(true),
|
|
13580
|
+
signaturePadEmpty = _k[0],
|
|
13581
|
+
setSignaturePadEmpty = _k[1];
|
|
13582
|
+
var _l = React.useState(false),
|
|
13583
|
+
signatureValid = _l[0],
|
|
13584
|
+
setSignatureValid = _l[1];
|
|
13557
13585
|
var verbiage = useTranslations(rawVerbiage, {
|
|
13558
13586
|
clearSignatureBtnText: 'Clear',
|
|
13559
13587
|
acceptSignatureBtnText: 'Accept'
|
|
@@ -13567,10 +13595,11 @@ function VideoSignatureGuides(_a) {
|
|
|
13567
13595
|
}, [classNames.signatureCanvas, height, width]);
|
|
13568
13596
|
var isSigning = requestedAction === 'CAPTURE_SIGNATURE';
|
|
13569
13597
|
var canClear = isSigning && !signaturePadEmpty;
|
|
13570
|
-
var canSubmit = isSigning && signatureValid;
|
|
13598
|
+
var canSubmit = isSigning && signatureValid && headTrackingSatisfied;
|
|
13571
13599
|
var displayEmptyState = requestedAction === 'CAPTURE_SIGNATURE' && signaturePadEmpty;
|
|
13572
13600
|
var EmptyContent = signaturePadEmptyContent;
|
|
13573
|
-
|
|
13601
|
+
var HeadTrackingUnsatisfiedContent = headTrackingUnsatisfiedContent;
|
|
13602
|
+
return /*#__PURE__*/React__namespace.default.createElement(Container$3, {
|
|
13574
13603
|
className: classNames.container
|
|
13575
13604
|
}, /*#__PURE__*/React__namespace.default.createElement(Inner$1, {
|
|
13576
13605
|
className: classNames.inner
|
|
@@ -13586,10 +13615,11 @@ function VideoSignatureGuides(_a) {
|
|
|
13586
13615
|
className: classNames.signaturePadContainer
|
|
13587
13616
|
}, /*#__PURE__*/React__namespace.default.createElement(SignatureCanvasContainer, {
|
|
13588
13617
|
className: classNames.signatureCanvasContainer,
|
|
13589
|
-
"$disabled": requestedAction === 'VERIFY_LIVENESS'
|
|
13618
|
+
"$disabled": requestedAction === 'VERIFY_LIVENESS',
|
|
13619
|
+
"$headTrackingUnsatisfied": !headTrackingSatisfied
|
|
13590
13620
|
}, /*#__PURE__*/React__namespace.default.createElement(SignaturePad, {
|
|
13591
13621
|
ref: ref,
|
|
13592
|
-
className: cn__default.default(classNames.signatureCanvasInner, displayEmptyState && 'empty')
|
|
13622
|
+
className: cn__default.default(classNames.signatureCanvasInner, displayEmptyState && 'empty', !headTrackingSatisfied && 'head-tracking-unsatisfied')
|
|
13593
13623
|
}, /*#__PURE__*/React__namespace.default.createElement(SignatureCanvas__default.default, {
|
|
13594
13624
|
ref: signaturePad,
|
|
13595
13625
|
canvasProps: canvasProps,
|
|
@@ -13604,7 +13634,9 @@ function VideoSignatureGuides(_a) {
|
|
|
13604
13634
|
});
|
|
13605
13635
|
setSignatureValid(points.length >= minSignaturePadPoints);
|
|
13606
13636
|
}
|
|
13607
|
-
}),
|
|
13637
|
+
}), !headTrackingSatisfied && HeadTrackingUnsatisfiedContent ? ( /*#__PURE__*/React__namespace.default.createElement(SignaturePadContentContainer, {
|
|
13638
|
+
className: classNames.headTrackingUnsatisfiedContent
|
|
13639
|
+
}, typeof HeadTrackingUnsatisfiedContent === 'string' ? HeadTrackingUnsatisfiedContent : ( /*#__PURE__*/React__namespace.default.createElement(HeadTrackingUnsatisfiedContent, null)))) : displayEmptyState && EmptyContent && ( /*#__PURE__*/React__namespace.default.createElement(SignaturePadContentContainer, {
|
|
13608
13640
|
className: classNames.emptyContentContainer
|
|
13609
13641
|
}, typeof EmptyContent === 'string' ? EmptyContent : ( /*#__PURE__*/React__namespace.default.createElement(EmptyContent, null))))), /*#__PURE__*/React__namespace.default.createElement(SignatureButtonsContainer, {
|
|
13610
13642
|
className: classNames.signatureButtonsRow
|
|
@@ -13628,7 +13660,7 @@ function VideoSignatureGuides(_a) {
|
|
|
13628
13660
|
finished: true
|
|
13629
13661
|
}, verbiage.acceptSignatureBtnText))))));
|
|
13630
13662
|
}
|
|
13631
|
-
var Container$
|
|
13663
|
+
var Container$3 = styled__default.default.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) {
|
|
13632
13664
|
var _a;
|
|
13633
13665
|
return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
|
|
13634
13666
|
});
|
|
@@ -13636,15 +13668,17 @@ var Inner$1 = styled__default.default.div(templateObject_2$9 || (templateObject_
|
|
|
13636
13668
|
var FaceGuideContainer$1 = styled__default.default.div(templateObject_3$8 || (templateObject_3$8 = __makeTemplateObject(["\n position: relative;\n height: 50%;\n"], ["\n position: relative;\n height: 50%;\n"])));
|
|
13637
13669
|
var StyledSelfieCaptureAnimatedMask = styled__default.default(SelfieCaptureAnimatedMaskWithStatus)(templateObject_4$3 || (templateObject_4$3 = __makeTemplateObject(["\n max-width: 100%;\n height: 100%;\n"], ["\n max-width: 100%;\n height: 100%;\n"])));
|
|
13638
13670
|
var SignaturePadContainer = styled__default.default.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"])));
|
|
13639
|
-
var SignatureCanvasContainer = styled__default.default.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) {
|
|
13671
|
+
var SignatureCanvasContainer = styled__default.default.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) {
|
|
13640
13672
|
return props.$disabled ? 'opacity: 0.5; pointer-events: none;' : '';
|
|
13673
|
+
}, function (props) {
|
|
13674
|
+
return props.$headTrackingUnsatisfied ? 'pointer-events: none;' : '';
|
|
13641
13675
|
});
|
|
13642
13676
|
var AcceptBtn = styled__default.default(LoaderButton)(templateObject_7$1 || (templateObject_7$1 = __makeTemplateObject(["\n margin-left: auto;\n"], ["\n margin-left: auto;\n"])));
|
|
13643
|
-
var
|
|
13677
|
+
var SignaturePadContentContainer = styled__default.default.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) {
|
|
13644
13678
|
var _a, _b, _c;
|
|
13645
13679
|
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';
|
|
13646
13680
|
});
|
|
13647
|
-
var templateObject_1$
|
|
13681
|
+
var templateObject_1$b, templateObject_2$9, templateObject_3$8, templateObject_4$3, templateObject_5$3, templateObject_6$2, templateObject_7$1, templateObject_8;
|
|
13648
13682
|
|
|
13649
13683
|
var DEFAULT_MIN_SIGNATURE_PAD_POINTS = 10;
|
|
13650
13684
|
var VideoSignatureCapture = function VideoSignatureCapture(_a) {
|
|
@@ -13657,6 +13691,7 @@ var VideoSignatureCapture = function VideoSignatureCapture(_a) {
|
|
|
13657
13691
|
_c = _a.minSignaturePadPoints,
|
|
13658
13692
|
minSignaturePadPoints = _c === void 0 ? DEFAULT_MIN_SIGNATURE_PAD_POINTS : _c,
|
|
13659
13693
|
signaturePadEmptyContent = _a.signaturePadEmptyContent,
|
|
13694
|
+
headTrackingUnsatisfiedContent = _a.headTrackingUnsatisfiedContent,
|
|
13660
13695
|
_d = _a.classNames,
|
|
13661
13696
|
classNames = _d === void 0 ? {} : _d,
|
|
13662
13697
|
_e = _a.colors,
|
|
@@ -13665,22 +13700,34 @@ var VideoSignatureCapture = function VideoSignatureCapture(_a) {
|
|
|
13665
13700
|
rawVerbiage = _f === void 0 ? {} : _f,
|
|
13666
13701
|
_g = _a.debugMode,
|
|
13667
13702
|
debugMode = _g === void 0 ? false : _g;
|
|
13668
|
-
var
|
|
13669
|
-
|
|
13670
|
-
|
|
13671
|
-
|
|
13672
|
-
|
|
13673
|
-
|
|
13674
|
-
|
|
13675
|
-
|
|
13676
|
-
|
|
13677
|
-
|
|
13678
|
-
|
|
13679
|
-
|
|
13703
|
+
var _h = useCameraStore(shallow.useShallow(function (state) {
|
|
13704
|
+
return {
|
|
13705
|
+
camera: state.camera,
|
|
13706
|
+
videoWidth: state.videoWidth
|
|
13707
|
+
};
|
|
13708
|
+
})),
|
|
13709
|
+
camera = _h.camera,
|
|
13710
|
+
videoWidth = _h.videoWidth;
|
|
13711
|
+
var _j = useSelfieGuidanceModelsContext(),
|
|
13712
|
+
onPredictionMade = _j.onPredictionMade,
|
|
13713
|
+
start = _j.start,
|
|
13714
|
+
stop = _j.stop;
|
|
13715
|
+
var _k = useVideoSignatureContext(),
|
|
13716
|
+
signatureData = _k.signatureData,
|
|
13717
|
+
signatureDataUrl = _k.signatureDataUrl,
|
|
13718
|
+
signatureVideoData = _k.signatureVideoData,
|
|
13719
|
+
startRecording = _k.startRecording,
|
|
13720
|
+
stopRecording = _k.stopRecording,
|
|
13721
|
+
clearRecordedData = _k.clearRecordedData,
|
|
13722
|
+
isRecording = _k.isRecording;
|
|
13680
13723
|
React.useEffect(function () {
|
|
13681
13724
|
startRecording();
|
|
13682
13725
|
return stopRecording;
|
|
13683
13726
|
}, [startRecording, stopRecording]);
|
|
13727
|
+
React.useEffect(function () {
|
|
13728
|
+
setTimeout(start, 1);
|
|
13729
|
+
return stop;
|
|
13730
|
+
}, [start, stop]);
|
|
13684
13731
|
colors.guidanceMessageBackgroundColor || (colors.guidanceMessageBackgroundColor = '#ccc');
|
|
13685
13732
|
colors.guidanceMessageTextColor || (colors.guidanceMessageTextColor = 'black');
|
|
13686
13733
|
var verbiage = useTranslations(rawVerbiage, {
|
|
@@ -13691,27 +13738,47 @@ var VideoSignatureCapture = function VideoSignatureCapture(_a) {
|
|
|
13691
13738
|
onVideoCaptured === null || onVideoCaptured === void 0 ? void 0 : onVideoCaptured(signatureVideoData, signatureData, signatureDataUrl);
|
|
13692
13739
|
}
|
|
13693
13740
|
}, [onVideoCaptured, signatureData, signatureDataUrl, signatureVideoData]);
|
|
13694
|
-
var
|
|
13695
|
-
|
|
13696
|
-
|
|
13697
|
-
React.
|
|
13698
|
-
|
|
13699
|
-
|
|
13700
|
-
|
|
13701
|
-
|
|
13702
|
-
|
|
13741
|
+
var _l = React.useState(true),
|
|
13742
|
+
headTrackingSatisfied = _l[0],
|
|
13743
|
+
setHeadTrackingSatisfied = _l[1];
|
|
13744
|
+
var _m = React.useState(null),
|
|
13745
|
+
lastFace = _m[0],
|
|
13746
|
+
setLastFace = _m[1];
|
|
13747
|
+
var _o = React.useState(0),
|
|
13748
|
+
numFramesWithoutFaces = _o[0],
|
|
13749
|
+
setNumFramesWithoutFaces = _o[1];
|
|
13750
|
+
onPredictionMade(useDebounce.useThrottledCallback(function (_a) {
|
|
13751
|
+
var face = _a.face;
|
|
13752
|
+
if (!camera) return;
|
|
13753
|
+
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;
|
|
13754
|
+
setLastFace(face);
|
|
13755
|
+
setHeadTrackingSatisfied(!!face && !nearBoundary);
|
|
13756
|
+
setNumFramesWithoutFaces(face ? 0 : function (n) {
|
|
13757
|
+
return n + 1;
|
|
13703
13758
|
});
|
|
13704
|
-
},
|
|
13759
|
+
}, 16));
|
|
13760
|
+
var _p = useResizeObserver(),
|
|
13761
|
+
ref = _p.ref,
|
|
13762
|
+
_q = _p.width,
|
|
13763
|
+
width = _q === void 0 ? 1 : _q,
|
|
13764
|
+
_r = _p.height,
|
|
13765
|
+
height = _r === void 0 ? 1 : _r;
|
|
13766
|
+
var debugScalingDetails = useDebugScalingDetails({
|
|
13767
|
+
enabled: debugMode,
|
|
13768
|
+
pageWidth: width,
|
|
13769
|
+
pageHeight: height
|
|
13770
|
+
});
|
|
13705
13771
|
React.useEffect(function () {
|
|
13706
13772
|
if (numFramesWithoutFaces >= 2) {
|
|
13707
13773
|
onFaceNotDetected === null || onFaceNotDetected === void 0 ? void 0 : onFaceNotDetected();
|
|
13708
13774
|
}
|
|
13709
13775
|
}, [numFramesWithoutFaces, onFaceNotDetected]);
|
|
13710
13776
|
var GuidesComponent = guidesComponent !== null && guidesComponent !== void 0 ? guidesComponent : VideoSignatureGuides;
|
|
13711
|
-
return /*#__PURE__*/React__namespace.default.createElement(
|
|
13777
|
+
return /*#__PURE__*/React__namespace.default.createElement(Container$2, {
|
|
13778
|
+
ref: ref,
|
|
13712
13779
|
className: classNames.container
|
|
13713
13780
|
}, verbiage.guidanceMessageText && ( /*#__PURE__*/React__namespace.default.createElement(GuidanceMessageContainer, {
|
|
13714
|
-
"$top": "
|
|
13781
|
+
"$top": "10%",
|
|
13715
13782
|
className: classNames.guidanceMessageContainer
|
|
13716
13783
|
}, /*#__PURE__*/React__namespace.default.createElement(GuidanceMessage, {
|
|
13717
13784
|
className: classNames.guidanceMessage,
|
|
@@ -13719,17 +13786,26 @@ var VideoSignatureCapture = function VideoSignatureCapture(_a) {
|
|
|
13719
13786
|
"$textColor": colors.guidanceMessageTextColor
|
|
13720
13787
|
}, verbiage.guidanceMessageText))), /*#__PURE__*/React__namespace.default.createElement(GuidesComponent, {
|
|
13721
13788
|
status: "success",
|
|
13789
|
+
key: "video-signature-guides-".concat(headTrackingSatisfied ? 'satisfied' : 'unsatisfied'),
|
|
13722
13790
|
classNames: classNames.videoSignatureGuidesClassNames,
|
|
13723
13791
|
minSignaturePadPoints: minSignaturePadPoints,
|
|
13724
13792
|
signaturePadEmptyContent: signaturePadEmptyContent,
|
|
13793
|
+
headTrackingUnsatisfiedContent: headTrackingUnsatisfiedContent,
|
|
13794
|
+
headTrackingSatisfied: headTrackingSatisfied,
|
|
13725
13795
|
onClearSignaturePadClicked: restartVideoOnSignaturePadCleared ? function () {
|
|
13726
13796
|
return setTimeout(clearRecordedData, 100);
|
|
13727
13797
|
} : undefined
|
|
13728
|
-
}), debugMode && ( /*#__PURE__*/React__namespace.default.createElement(
|
|
13798
|
+
}), debugMode && ( /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(ObjectDetectionDebugOverlayDiv, null, lastFace && ( /*#__PURE__*/React__namespace.default.createElement(SelfieCaptureFaceDebugBox, {
|
|
13799
|
+
face: lastFace,
|
|
13800
|
+
scaling: debugScalingDetails,
|
|
13801
|
+
color: headTrackingSatisfied ? 'green' : 'red'
|
|
13802
|
+
}))), /*#__PURE__*/React__namespace.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__namespace.default.createElement("br", null), "Recording: ", isRecording ? 'true' : 'false'))), /*#__PURE__*/React__namespace.default.createElement(ExitCaptureButton, {
|
|
13729
13803
|
onClick: onExit,
|
|
13730
13804
|
className: classNames.exitCaptureBtn
|
|
13731
13805
|
}));
|
|
13732
13806
|
};
|
|
13807
|
+
var Container$2 = styled__default.default.div(templateObject_1$a || (templateObject_1$a = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n"], ["\n width: 100%;\n height: 100%;\n"])));
|
|
13808
|
+
var templateObject_1$a;
|
|
13733
13809
|
|
|
13734
13810
|
var VideoSignatureSuccess = function VideoSignatureSuccess(_a) {
|
|
13735
13811
|
var imageUrl = _a.imageUrl,
|
|
@@ -13804,6 +13880,7 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
|
13804
13880
|
_e = _a.minSignaturePadPoints,
|
|
13805
13881
|
minSignaturePadPoints = _e === void 0 ? DEFAULT_MIN_SIGNATURE_PAD_POINTS : _e,
|
|
13806
13882
|
signaturePadEmptyContent = _a.signaturePadEmptyContent,
|
|
13883
|
+
headTrackingUnsatisfiedContent = _a.headTrackingUnsatisfiedContent,
|
|
13807
13884
|
_f = _a.allowSignatureAfterLivenessCheckFailure,
|
|
13808
13885
|
allowSignatureAfterLivenessCheckFailure = _f === void 0 ? false : _f,
|
|
13809
13886
|
_g = _a.restartVideoOnSignaturePadCleared,
|
|
@@ -13836,7 +13913,7 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
|
13836
13913
|
var operationStartedAt = React.useRef();
|
|
13837
13914
|
var captureStartedAt = React.useRef();
|
|
13838
13915
|
var captureEndedAt = React.useRef();
|
|
13839
|
-
var _q =
|
|
13916
|
+
var _q = useSelfieGuidanceModelsContext(),
|
|
13840
13917
|
start = _q.start,
|
|
13841
13918
|
stop = _q.stop;
|
|
13842
13919
|
React.useEffect(function () {
|
|
@@ -13851,9 +13928,9 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
|
13851
13928
|
if (!shouldRun) return;
|
|
13852
13929
|
start();
|
|
13853
13930
|
return function () {
|
|
13854
|
-
stop();
|
|
13931
|
+
return stop();
|
|
13855
13932
|
};
|
|
13856
|
-
}, [
|
|
13933
|
+
}, [start, stop, shouldRun]);
|
|
13857
13934
|
var logCaptureMetadata = React.useCallback(function () {
|
|
13858
13935
|
var _a, _b, _c;
|
|
13859
13936
|
logSelfieCaptureAttempt({
|
|
@@ -13884,12 +13961,16 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
|
13884
13961
|
setCaptureState('SUCCESS');
|
|
13885
13962
|
onVideoCaptured === null || onVideoCaptured === void 0 ? void 0 : onVideoCaptured(videoData, signatureData, signatureImageData);
|
|
13886
13963
|
}, [onVideoCaptured, setSignatureData, setSignatureVideoUrl]);
|
|
13964
|
+
var _s = React.useState(true),
|
|
13965
|
+
showLoadingOverlay = _s[0],
|
|
13966
|
+
setShowLoadingOverlay = _s[1];
|
|
13887
13967
|
var onSignatureCaptureFacesNotDetected = React.useCallback(function () {
|
|
13968
|
+
setShowLoadingOverlay(false);
|
|
13888
13969
|
setCaptureState('CHECKING_LIVENESS');
|
|
13889
13970
|
}, []);
|
|
13890
|
-
var
|
|
13891
|
-
attempt =
|
|
13892
|
-
setAttempt =
|
|
13971
|
+
var _t = React.useState(0),
|
|
13972
|
+
attempt = _t[0],
|
|
13973
|
+
setAttempt = _t[1];
|
|
13893
13974
|
var onRetry = React.useCallback(function () {
|
|
13894
13975
|
onRetryClicked === null || onRetryClicked === void 0 ? void 0 : onRetryClicked();
|
|
13895
13976
|
setAttempt(function (n) {
|
|
@@ -13948,7 +14029,8 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
|
13948
14029
|
colors: colors.faceLiveness,
|
|
13949
14030
|
verbiage: verbiage.faceLiveness,
|
|
13950
14031
|
debugMode: debugMode,
|
|
13951
|
-
renderCameraFeed: false
|
|
14032
|
+
renderCameraFeed: false,
|
|
14033
|
+
showLoadingOverlay: showLoadingOverlay
|
|
13952
14034
|
}));
|
|
13953
14035
|
case 'CAPTURING_SIGNATURE':
|
|
13954
14036
|
return /*#__PURE__*/React__namespace.default.createElement(VideoSignatureCapture, {
|
|
@@ -13957,6 +14039,7 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
|
13957
14039
|
onExit: onExitCapture,
|
|
13958
14040
|
minSignaturePadPoints: minSignaturePadPoints,
|
|
13959
14041
|
signaturePadEmptyContent: signaturePadEmptyContent,
|
|
14042
|
+
headTrackingUnsatisfiedContent: headTrackingUnsatisfiedContent,
|
|
13960
14043
|
restartVideoOnSignaturePadCleared: restartVideoOnSignaturePadCleared,
|
|
13961
14044
|
guidesComponent: guidesComponent,
|
|
13962
14045
|
classNames: classNames,
|
|
@@ -13981,20 +14064,17 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
|
13981
14064
|
};
|
|
13982
14065
|
function VideoSignatureWizardGuides(_a) {
|
|
13983
14066
|
var status = _a.status,
|
|
13984
|
-
classNames = _a.classNames,
|
|
13985
14067
|
_b = _a.restartVideoOnSignaturePadCleared,
|
|
13986
14068
|
restartVideoOnSignaturePadCleared = _b === void 0 ? true : _b,
|
|
13987
|
-
|
|
14069
|
+
props = __rest(_a, ["status", "restartVideoOnSignaturePadCleared"]);
|
|
13988
14070
|
var clearRecordedData = useVideoSignatureContext().clearRecordedData;
|
|
13989
|
-
return /*#__PURE__*/React__namespace.default.createElement(VideoSignatureGuides, {
|
|
13990
|
-
classNames: classNames,
|
|
14071
|
+
return /*#__PURE__*/React__namespace.default.createElement(VideoSignatureGuides, _assign({}, props, {
|
|
13991
14072
|
faceGuideStatus: status,
|
|
13992
|
-
signaturePadEmptyContent: signaturePadEmptyContent,
|
|
13993
14073
|
requestedAction: status === 'success' ? 'CAPTURE_SIGNATURE' : 'VERIFY_LIVENESS',
|
|
13994
14074
|
onClearSignaturePadClicked: restartVideoOnSignaturePadCleared ? function () {
|
|
13995
14075
|
return setTimeout(clearRecordedData, 100);
|
|
13996
14076
|
} : undefined
|
|
13997
|
-
});
|
|
14077
|
+
}));
|
|
13998
14078
|
}
|
|
13999
14079
|
var VideoSignatureWizardWithProviders = function VideoSignatureWizardWithProviders(props) {
|
|
14000
14080
|
var _a, _b;
|
|
@@ -14294,103 +14374,103 @@ var defaultVideoIdCaptureThresholds = {
|
|
|
14294
14374
|
flipShortcutThreshold: 0.7
|
|
14295
14375
|
};
|
|
14296
14376
|
var IdVideoCapture = function IdVideoCapture(_a) {
|
|
14297
|
-
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q
|
|
14377
|
+
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
|
|
14298
14378
|
var onComplete = _a.onComplete,
|
|
14299
14379
|
onIdFrontImageCaptured = _a.onIdFrontImageCaptured,
|
|
14300
14380
|
onIdBackImageCaptured = _a.onIdBackImageCaptured,
|
|
14301
14381
|
onFaceNotDetected = _a.onFaceNotDetected,
|
|
14302
14382
|
onRecordingFailed = _a.onRecordingFailed,
|
|
14303
14383
|
onExitCapture = _a.onExitCapture,
|
|
14304
|
-
|
|
14305
|
-
idCaptureModelsEnabled =
|
|
14306
|
-
|
|
14307
|
-
idDocumentType =
|
|
14308
|
-
|
|
14309
|
-
idCaptureGuideImages =
|
|
14310
|
-
|
|
14311
|
-
idCardFrontDelay =
|
|
14312
|
-
|
|
14313
|
-
videoIdCaptureThresholds =
|
|
14314
|
-
|
|
14315
|
-
skipShowIdCardBack =
|
|
14316
|
-
|
|
14317
|
-
captureCountdownSeconds =
|
|
14384
|
+
_r = _a.idCaptureModelsEnabled,
|
|
14385
|
+
idCaptureModelsEnabled = _r === void 0 ? true : _r,
|
|
14386
|
+
_s = _a.idDocumentType,
|
|
14387
|
+
idDocumentType = _s === void 0 ? 'idCard' : _s,
|
|
14388
|
+
_t = _a.idCaptureGuideImages,
|
|
14389
|
+
idCaptureGuideImages = _t === void 0 ? defaultIdCaptureGuideImages : _t,
|
|
14390
|
+
_u = _a.idCardFrontDelay,
|
|
14391
|
+
idCardFrontDelay = _u === void 0 ? 1000 : _u,
|
|
14392
|
+
_v = _a.videoIdCaptureThresholds,
|
|
14393
|
+
videoIdCaptureThresholds = _v === void 0 ? defaultVideoIdCaptureThresholds : _v,
|
|
14394
|
+
_w = _a.skipShowIdCardBack,
|
|
14395
|
+
skipShowIdCardBack = _w === void 0 ? false : _w,
|
|
14396
|
+
_x = _a.captureCountdownSeconds,
|
|
14397
|
+
captureCountdownSeconds = _x === void 0 ? 3 : _x,
|
|
14318
14398
|
readTextPrompt = _a.readTextPrompt,
|
|
14319
|
-
|
|
14320
|
-
readTextTimeoutDurationMs =
|
|
14321
|
-
|
|
14322
|
-
readTextMinReadingMs =
|
|
14323
|
-
|
|
14324
|
-
disableFaceDetectionWhileAudioCapture =
|
|
14325
|
-
|
|
14326
|
-
disableFaceDetectionWhileAudioCaptureMsDelay =
|
|
14327
|
-
|
|
14328
|
-
mergeAVStreams =
|
|
14329
|
-
|
|
14330
|
-
classNames =
|
|
14331
|
-
|
|
14332
|
-
colors =
|
|
14333
|
-
|
|
14334
|
-
rawVerbiage =
|
|
14335
|
-
|
|
14336
|
-
debugMode =
|
|
14337
|
-
var
|
|
14338
|
-
ref =
|
|
14339
|
-
|
|
14340
|
-
width =
|
|
14341
|
-
|
|
14342
|
-
height =
|
|
14343
|
-
var
|
|
14344
|
-
camera =
|
|
14345
|
-
videoRef =
|
|
14346
|
-
videoLoaded =
|
|
14347
|
-
cameraReady =
|
|
14348
|
-
microphoneReady =
|
|
14349
|
-
audioStream =
|
|
14350
|
-
isRearFacing =
|
|
14351
|
-
releaseCameraAccess =
|
|
14352
|
-
var
|
|
14353
|
-
detectedObjects =
|
|
14354
|
-
setDetectedObjects =
|
|
14355
|
-
var
|
|
14356
|
-
face =
|
|
14357
|
-
setFace =
|
|
14358
|
-
var
|
|
14359
|
-
idModelsReady =
|
|
14360
|
-
startIdModels =
|
|
14361
|
-
stopIdModels =
|
|
14362
|
-
onIdPredictionMade =
|
|
14363
|
-
setThresholds =
|
|
14364
|
-
setRequiredDocumentType =
|
|
14365
|
-
setDocumentDetectionBoundaries =
|
|
14366
|
-
bestFrameDetails =
|
|
14367
|
-
resetBestFrame =
|
|
14368
|
-
idModelError =
|
|
14369
|
-
var
|
|
14370
|
-
videoStartsAt =
|
|
14371
|
-
setVideoStartsAt =
|
|
14372
|
-
var
|
|
14373
|
-
setIdCaptureVideoAudioStartsAt =
|
|
14374
|
-
setExpectedAudioText =
|
|
14375
|
-
var
|
|
14376
|
-
startSelfieGuidance =
|
|
14377
|
-
stopSelfieGuidance =
|
|
14378
|
-
onSelfiePredictionMade =
|
|
14379
|
-
selfieModelError =
|
|
14380
|
-
var
|
|
14381
|
-
isRecordingVideo =
|
|
14382
|
-
startRecordingVideo =
|
|
14383
|
-
startRecordingAudio =
|
|
14384
|
-
stopRecordingVideo =
|
|
14385
|
-
stopRecordingAudio =
|
|
14386
|
-
videoRecordingUnintentionallyStopped =
|
|
14387
|
-
audioRecordingUnintentionallyStopped =
|
|
14388
|
-
videoUrl =
|
|
14389
|
-
audioUrl =
|
|
14399
|
+
_y = _a.readTextTimeoutDurationMs,
|
|
14400
|
+
readTextTimeoutDurationMs = _y === void 0 ? 15000 : _y,
|
|
14401
|
+
_z = _a.readTextMinReadingMs,
|
|
14402
|
+
readTextMinReadingMs = _z === void 0 ? 10000 : _z,
|
|
14403
|
+
_0 = _a.disableFaceDetectionWhileAudioCapture,
|
|
14404
|
+
disableFaceDetectionWhileAudioCapture = _0 === void 0 ? false : _0,
|
|
14405
|
+
_1 = _a.disableFaceDetectionWhileAudioCaptureMsDelay,
|
|
14406
|
+
disableFaceDetectionWhileAudioCaptureMsDelay = _1 === void 0 ? 2000 : _1,
|
|
14407
|
+
_2 = _a.mergeAVStreams,
|
|
14408
|
+
mergeAVStreams = _2 === void 0 ? false : _2,
|
|
14409
|
+
_3 = _a.classNames,
|
|
14410
|
+
classNames = _3 === void 0 ? {} : _3,
|
|
14411
|
+
_4 = _a.colors,
|
|
14412
|
+
colors = _4 === void 0 ? {} : _4,
|
|
14413
|
+
_5 = _a.verbiage,
|
|
14414
|
+
rawVerbiage = _5 === void 0 ? {} : _5,
|
|
14415
|
+
_6 = _a.debugMode,
|
|
14416
|
+
debugMode = _6 === void 0 ? false : _6;
|
|
14417
|
+
var _7 = useResizeObserver(),
|
|
14418
|
+
ref = _7.ref,
|
|
14419
|
+
_8 = _7.width,
|
|
14420
|
+
width = _8 === void 0 ? 1 : _8,
|
|
14421
|
+
_9 = _7.height,
|
|
14422
|
+
height = _9 === void 0 ? 1 : _9;
|
|
14423
|
+
var _10 = useCameraStore(),
|
|
14424
|
+
camera = _10.camera,
|
|
14425
|
+
videoRef = _10.videoRef,
|
|
14426
|
+
videoLoaded = _10.videoLoaded,
|
|
14427
|
+
cameraReady = _10.cameraReady,
|
|
14428
|
+
microphoneReady = _10.microphoneReady,
|
|
14429
|
+
audioStream = _10.audioStream,
|
|
14430
|
+
isRearFacing = _10.isRearFacing,
|
|
14431
|
+
releaseCameraAccess = _10.releaseCameraAccess;
|
|
14432
|
+
var _11 = React.useState([]),
|
|
14433
|
+
detectedObjects = _11[0],
|
|
14434
|
+
setDetectedObjects = _11[1];
|
|
14435
|
+
var _12 = React.useState(null),
|
|
14436
|
+
face = _12[0],
|
|
14437
|
+
setFace = _12[1];
|
|
14438
|
+
var _13 = React.useContext(IdCaptureModelsContext),
|
|
14439
|
+
idModelsReady = _13.ready,
|
|
14440
|
+
startIdModels = _13.start,
|
|
14441
|
+
stopIdModels = _13.stop,
|
|
14442
|
+
onIdPredictionMade = _13.onPredictionMade,
|
|
14443
|
+
setThresholds = _13.setThresholds,
|
|
14444
|
+
setRequiredDocumentType = _13.setRequiredDocumentType,
|
|
14445
|
+
setDocumentDetectionBoundaries = _13.setDocumentDetectionBoundaries,
|
|
14446
|
+
bestFrameDetails = _13.bestFrameDetails,
|
|
14447
|
+
resetBestFrame = _13.resetBestFrame,
|
|
14448
|
+
idModelError = _13.modelError;
|
|
14449
|
+
var _14 = React.useState(null),
|
|
14450
|
+
videoStartsAt = _14[0],
|
|
14451
|
+
setVideoStartsAt = _14[1];
|
|
14452
|
+
var _15 = React.useContext(SubmissionContext),
|
|
14453
|
+
setIdCaptureVideoAudioStartsAt = _15.setIdCaptureVideoAudioStartsAt,
|
|
14454
|
+
setExpectedAudioText = _15.setExpectedAudioText;
|
|
14455
|
+
var _16 = React.useContext(SelfieGuidanceModelsContext),
|
|
14456
|
+
startSelfieGuidance = _16.start,
|
|
14457
|
+
stopSelfieGuidance = _16.stop,
|
|
14458
|
+
onSelfiePredictionMade = _16.onPredictionMade,
|
|
14459
|
+
selfieModelError = _16.error;
|
|
14460
|
+
var _17 = useVideoRecorder(camera, audioStream, mergeAVStreams),
|
|
14461
|
+
isRecordingVideo = _17.isRecordingVideo,
|
|
14462
|
+
startRecordingVideo = _17.startRecordingVideo,
|
|
14463
|
+
startRecordingAudio = _17.startRecordingAudio,
|
|
14464
|
+
stopRecordingVideo = _17.stopRecordingVideo,
|
|
14465
|
+
stopRecordingAudio = _17.stopRecordingAudio,
|
|
14466
|
+
videoRecordingUnintentionallyStopped = _17.videoRecordingUnintentionallyStopped,
|
|
14467
|
+
audioRecordingUnintentionallyStopped = _17.audioRecordingUnintentionallyStopped,
|
|
14468
|
+
videoUrl = _17.videoUrl,
|
|
14469
|
+
audioUrl = _17.audioUrl;
|
|
14390
14470
|
var countdownTimeoutRef = React.useRef(undefined);
|
|
14391
|
-
var
|
|
14392
|
-
countdownRemaining =
|
|
14393
|
-
setCountdownRemaining =
|
|
14471
|
+
var _18 = React.useState(-1),
|
|
14472
|
+
countdownRemaining = _18[0],
|
|
14473
|
+
setCountdownRemaining = _18[1];
|
|
14394
14474
|
React.useEffect(function () {
|
|
14395
14475
|
if (!isRecordingVideo && !videoUrl) {
|
|
14396
14476
|
startRecordingVideo();
|
|
@@ -14410,9 +14490,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
14410
14490
|
onRecordingFailed === null || onRecordingFailed === void 0 ? void 0 : onRecordingFailed();
|
|
14411
14491
|
}
|
|
14412
14492
|
}, [audioRecordingUnintentionallyStopped, microphoneReady, onRecordingFailed, readTextPrompt, videoRecordingUnintentionallyStopped]);
|
|
14413
|
-
var
|
|
14414
|
-
requestedAction =
|
|
14415
|
-
setRequestedAction =
|
|
14493
|
+
var _19 = React.useState(idDocumentType === 'idCard' ? 'SHOW_ID_FRONT' : 'SHOW_PASSPORT'),
|
|
14494
|
+
requestedAction = _19[0],
|
|
14495
|
+
setRequestedAction = _19[1];
|
|
14416
14496
|
var shouldRunIdModels = idCaptureModelsEnabled && videoLoaded && cameraReady && idModelsReady && !idModelError && requestedAction !== 'READ_TEXT' && (!readTextPrompt || microphoneReady);
|
|
14417
14497
|
React.useEffect(function startModelsWhenCapturing() {
|
|
14418
14498
|
if (!shouldRunIdModels) return;
|
|
@@ -14451,23 +14531,23 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
14451
14531
|
bottom: 0
|
|
14452
14532
|
});
|
|
14453
14533
|
}, [setDocumentDetectionBoundaries]);
|
|
14454
|
-
var
|
|
14455
|
-
currentDetectionScore =
|
|
14456
|
-
setCurrentDetectionScore =
|
|
14457
|
-
var
|
|
14458
|
-
currentDetectedDocumentType =
|
|
14459
|
-
setCurrentDetectedDocumentType =
|
|
14460
|
-
var
|
|
14461
|
-
currentFocusScore =
|
|
14462
|
-
setCurrentFocusScore =
|
|
14463
|
-
var
|
|
14464
|
-
goodFramesCount =
|
|
14465
|
-
setGoodFramesCount =
|
|
14534
|
+
var _20 = React.useState(0),
|
|
14535
|
+
currentDetectionScore = _20[0],
|
|
14536
|
+
setCurrentDetectionScore = _20[1];
|
|
14537
|
+
var _21 = React.useState('none'),
|
|
14538
|
+
currentDetectedDocumentType = _21[0],
|
|
14539
|
+
setCurrentDetectedDocumentType = _21[1];
|
|
14540
|
+
var _22 = React.useState(0),
|
|
14541
|
+
currentFocusScore = _22[0],
|
|
14542
|
+
setCurrentFocusScore = _22[1];
|
|
14543
|
+
var _23 = React.useState(0),
|
|
14544
|
+
goodFramesCount = _23[0],
|
|
14545
|
+
setGoodFramesCount = _23[1];
|
|
14466
14546
|
var goodFramesThreshold = requestedAction === 'SHOW_PASSPORT' ? adjustedThresholds.goodFrames.passport : requestedAction === 'SHOW_ID_FRONT' ? adjustedThresholds.goodFrames.idCardFront : adjustedThresholds.goodFrames.idCardBack;
|
|
14467
14547
|
var goodFramesThresholdMet = goodFramesCount >= goodFramesThreshold;
|
|
14468
|
-
var
|
|
14469
|
-
isSinglePage =
|
|
14470
|
-
setIsSinglePage =
|
|
14548
|
+
var _24 = React.useState(false),
|
|
14549
|
+
isSinglePage = _24[0],
|
|
14550
|
+
setIsSinglePage = _24[1];
|
|
14471
14551
|
React.useEffect(function () {
|
|
14472
14552
|
if (!idCaptureModelsEnabled || idModelError) return;
|
|
14473
14553
|
onIdPredictionMade(function (prediction) {
|
|
@@ -14487,9 +14567,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
14487
14567
|
} : 0);
|
|
14488
14568
|
});
|
|
14489
14569
|
}, [idCaptureModelsEnabled, onIdPredictionMade, idModelError, requestedAction, adjustedThresholds.flipShortcutThreshold]);
|
|
14490
|
-
var
|
|
14491
|
-
idFrontCaptureStartedAt =
|
|
14492
|
-
setFirstGoodFrameTime =
|
|
14570
|
+
var _25 = React.useState(null),
|
|
14571
|
+
idFrontCaptureStartedAt = _25[0],
|
|
14572
|
+
setFirstGoodFrameTime = _25[1];
|
|
14493
14573
|
React.useEffect(function () {
|
|
14494
14574
|
if (goodFramesCount === 1) setFirstGoodFrameTime(new Date().getTime());
|
|
14495
14575
|
}, [goodFramesCount]);
|
|
@@ -14510,9 +14590,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
14510
14590
|
var frameHeight = (_e = (_d = videoRef.current) === null || _d === void 0 ? void 0 : _d.videoHeight) !== null && _e !== void 0 ? _e : 0;
|
|
14511
14591
|
var faceBox = face === null || face === void 0 ? void 0 : face.box;
|
|
14512
14592
|
var faceCentered = !faceBox || !frameWidth || faceBox.xMin > frameWidth * edgeBoundary && faceBox.yMin > frameHeight * edgeBoundary && faceBox.xMax < frameWidth * (1 - edgeBoundary) && faceBox.yMax < frameHeight * (1 - edgeBoundary);
|
|
14513
|
-
var
|
|
14514
|
-
countdownStartedAt =
|
|
14515
|
-
setCountdownStartedAt =
|
|
14593
|
+
var _26 = React.useState(),
|
|
14594
|
+
countdownStartedAt = _26[0],
|
|
14595
|
+
setCountdownStartedAt = _26[1];
|
|
14516
14596
|
var photoCanvas = React.useRef(null);
|
|
14517
14597
|
var frameLock = React.useRef(false);
|
|
14518
14598
|
var captureFrame = React.useCallback(function () {
|
|
@@ -14622,9 +14702,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
14622
14702
|
stopSelfieGuidance();
|
|
14623
14703
|
};
|
|
14624
14704
|
}, [startSelfieGuidance, stopSelfieGuidance]);
|
|
14625
|
-
var
|
|
14626
|
-
numFramesWithoutFaces =
|
|
14627
|
-
setNumFramesWithoutFaces =
|
|
14705
|
+
var _27 = React.useState(0),
|
|
14706
|
+
numFramesWithoutFaces = _27[0],
|
|
14707
|
+
setNumFramesWithoutFaces = _27[1];
|
|
14628
14708
|
onSelfiePredictionMade(useDebounce.useThrottledCallback(React.useCallback(function (_a) {
|
|
14629
14709
|
var face = _a.face;
|
|
14630
14710
|
if (selfieModelError) return;
|
|
@@ -14640,18 +14720,16 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
14640
14720
|
}
|
|
14641
14721
|
}, [disableFaceDetectionWhileAudioCapture, disableFaceDetectionWhileAudioCaptureMsDelay, numFramesWithoutFaces, onFaceNotDetected, timeoutStartedAt]);
|
|
14642
14722
|
var theme = styled.useTheme();
|
|
14643
|
-
var
|
|
14723
|
+
var _28 = useTranslations(rawVerbiage, {
|
|
14644
14724
|
faceNotCenteredText: 'Please move your face to the center...',
|
|
14645
14725
|
captureBtnText: 'Capture'
|
|
14646
14726
|
}),
|
|
14647
|
-
captureBtnText =
|
|
14648
|
-
faceNotCenteredText =
|
|
14727
|
+
captureBtnText = _28.captureBtnText,
|
|
14728
|
+
faceNotCenteredText = _28.faceNotCenteredText;
|
|
14649
14729
|
var debugScalingDetails = useDebugScalingDetails({
|
|
14650
14730
|
enabled: debugMode,
|
|
14651
14731
|
pageWidth: width,
|
|
14652
|
-
pageHeight: height
|
|
14653
|
-
videoWidth: (_g = (_f = videoRef.current) === null || _f === void 0 ? void 0 : _f.videoWidth) !== null && _g !== void 0 ? _g : 0,
|
|
14654
|
-
videoHeight: (_j = (_h = videoRef.current) === null || _h === void 0 ? void 0 : _h.videoHeight) !== null && _j !== void 0 ? _j : 0
|
|
14732
|
+
pageHeight: height
|
|
14655
14733
|
});
|
|
14656
14734
|
var capturingId = ['SHOW_ID_FRONT', 'SHOW_ID_BACK', 'SHOW_PASSPORT'].includes(requestedAction);
|
|
14657
14735
|
var guidanceText = !faceCentered ? faceNotCenteredText : undefined;
|
|
@@ -14696,9 +14774,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
14696
14774
|
className: classNames.guidanceMessageContainer
|
|
14697
14775
|
}, /*#__PURE__*/React__namespace.default.createElement(GuidanceMessage, {
|
|
14698
14776
|
className: classNames.guidanceMessage,
|
|
14699
|
-
"$background": (
|
|
14700
|
-
"$textColor": (
|
|
14701
|
-
}, guidanceText))), debugMode && ( /*#__PURE__*/React__namespace.default.createElement(DebugStatsPane, null, camera ? ( /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, "\u2705 Camera: ", camera.label, " (", camera.width, "x", camera.height, ")")) : '❌ Camera not ready', /*#__PURE__*/React__namespace.default.createElement("br", null), isRecordingVideo ? '✅ Recording' : '❌ Not recording', /*#__PURE__*/React__namespace.default.createElement("br", null), goodFramesThresholdMet ? '✅' : '❌', " Good Frame Count:", ' ', goodFramesCount, "/", goodFramesThreshold, /*#__PURE__*/React__namespace.default.createElement("br", null), "Document Type: ", currentDetectedDocumentType, /*#__PURE__*/React__namespace.default.createElement("br", null), "Detection Score: ", currentDetectionScore, /*#__PURE__*/React__namespace.default.createElement("br", null), "Focus Score: ", currentFocusScore, /*#__PURE__*/React__namespace.default.createElement("br", null), "Best Frame Detection Score:", ' ', (
|
|
14777
|
+
"$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',
|
|
14778
|
+
"$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'
|
|
14779
|
+
}, guidanceText))), debugMode && ( /*#__PURE__*/React__namespace.default.createElement(DebugStatsPane, null, camera ? ( /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, "\u2705 Camera: ", camera.label, " (", camera.width, "x", camera.height, ")")) : '❌ Camera not ready', /*#__PURE__*/React__namespace.default.createElement("br", null), isRecordingVideo ? '✅ Recording' : '❌ Not recording', /*#__PURE__*/React__namespace.default.createElement("br", null), goodFramesThresholdMet ? '✅' : '❌', " Good Frame Count:", ' ', goodFramesCount, "/", goodFramesThreshold, /*#__PURE__*/React__namespace.default.createElement("br", null), "Document Type: ", currentDetectedDocumentType, /*#__PURE__*/React__namespace.default.createElement("br", null), "Detection Score: ", currentDetectionScore, /*#__PURE__*/React__namespace.default.createElement("br", null), "Focus Score: ", currentFocusScore, /*#__PURE__*/React__namespace.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__namespace.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__namespace.default.createElement(CountdownContainer, {
|
|
14702
14780
|
className: classNames.countdownContainer
|
|
14703
14781
|
}, /*#__PURE__*/React__namespace.default.createElement(Countdown, {
|
|
14704
14782
|
className: classNames.countdown
|
|
@@ -17685,6 +17763,7 @@ var SignatureKYC = function SignatureKYC(_a) {
|
|
|
17685
17763
|
_f = _a.minSignaturePadPoints,
|
|
17686
17764
|
minSignaturePadPoints = _f === void 0 ? DEFAULT_MIN_SIGNATURE_PAD_POINTS : _f,
|
|
17687
17765
|
signaturePadEmptyContent = _a.signaturePadEmptyContent,
|
|
17766
|
+
headTrackingUnsatisfiedContent = _a.headTrackingUnsatisfiedContent,
|
|
17688
17767
|
_g = _a.modelLoadTimeoutMs,
|
|
17689
17768
|
modelLoadTimeoutMs = _g === void 0 ? defaultSelfieCaptureModelLoadTimeoutMs : _g,
|
|
17690
17769
|
_h = _a.allowSignatureAfterLivenessCheckFailure,
|
|
@@ -17746,6 +17825,7 @@ var SignatureKYC = function SignatureKYC(_a) {
|
|
|
17746
17825
|
captureAudio: captureAudio,
|
|
17747
17826
|
minSignaturePadPoints: minSignaturePadPoints,
|
|
17748
17827
|
signaturePadEmptyContent: signaturePadEmptyContent,
|
|
17828
|
+
headTrackingUnsatisfiedContent: headTrackingUnsatisfiedContent,
|
|
17749
17829
|
modelLoadTimeoutMs: modelLoadTimeoutMs,
|
|
17750
17830
|
faceLivenessProps: faceLivenessProps,
|
|
17751
17831
|
allowSignatureAfterLivenessCheckFailure: allowSignatureAfterLivenessCheckFailure,
|
|
@@ -17757,7 +17837,7 @@ var SignatureKYC = function SignatureKYC(_a) {
|
|
|
17757
17837
|
onModelError: onModelError,
|
|
17758
17838
|
onUserCancel: onUserCancel
|
|
17759
17839
|
};
|
|
17760
|
-
}, [customOverlayContent, onLoadingOverlayDismissed, loadingOverlayMode, skipSuccessScreen, captureAudio, minSignaturePadPoints, signaturePadEmptyContent, modelLoadTimeoutMs, faceLivenessProps, allowSignatureAfterLivenessCheckFailure, restartVideoOnSignaturePadCleared, classNames, colors, debugMode, verbiage, onModelError, onUserCancel])
|
|
17840
|
+
}, [customOverlayContent, onLoadingOverlayDismissed, loadingOverlayMode, skipSuccessScreen, captureAudio, minSignaturePadPoints, signaturePadEmptyContent, headTrackingUnsatisfiedContent, modelLoadTimeoutMs, faceLivenessProps, allowSignatureAfterLivenessCheckFailure, restartVideoOnSignaturePadCleared, classNames, colors, debugMode, verbiage, onModelError, onUserCancel])
|
|
17761
17841
|
})))));
|
|
17762
17842
|
};
|
|
17763
17843
|
|