idmission-web-sdk 2.3.2 → 2.3.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/common/debug.d.ts +1 -3
- package/dist/components/common/debug.d.ts.map +1 -1
- package/dist/components/common/signature.d.ts.map +1 -1
- package/dist/components/customer_flows/SignatureKYC.d.ts +5 -1
- package/dist/components/customer_flows/SignatureKYC.d.ts.map +1 -1
- package/dist/components/face_liveness/FaceLivenessWizard.d.ts +2 -1
- package/dist/components/face_liveness/FaceLivenessWizard.d.ts.map +1 -1
- package/dist/components/id_capture/IdCapture.d.ts.map +1 -1
- package/dist/components/selfie_capture/SelfieCapture.d.ts.map +1 -1
- package/dist/components/selfie_capture/SelfieGuidanceModelsProvider.d.ts.map +1 -1
- package/dist/components/video_id/IdVideoCapture.d.ts.map +1 -1
- package/dist/components/video_signature_capture/VideoSignatureCapture.d.ts +3 -1
- package/dist/components/video_signature_capture/VideoSignatureCapture.d.ts.map +1 -1
- package/dist/components/video_signature_capture/VideoSignatureGuides.d.ts +7 -2
- package/dist/components/video_signature_capture/VideoSignatureGuides.d.ts.map +1 -1
- package/dist/components/video_signature_capture/VideoSignatureWizard.d.ts +4 -2
- package/dist/components/video_signature_capture/VideoSignatureWizard.d.ts.map +1 -1
- package/dist/lib/camera/cameraStore.d.ts +2 -0
- package/dist/lib/camera/cameraStore.d.ts.map +1 -1
- package/dist/sdk2.cjs.development.js +482 -378
- package/dist/sdk2.cjs.development.js.map +1 -1
- package/dist/sdk2.cjs.production.js +1 -1
- package/dist/sdk2.cjs.production.js.map +1 -1
- package/dist/sdk2.esm.js +482 -378
- package/dist/sdk2.esm.js.map +1 -1
- package/dist/sdk2.umd.development.js +482 -378
- package/dist/sdk2.umd.development.js.map +1 -1
- package/dist/sdk2.umd.production.js +1 -1
- package/dist/sdk2.umd.production.js.map +1 -1
- package/dist/themes/index.d.ts +6 -0
- package/dist/themes/index.d.ts.map +1 -1
- package/dist/version.d.ts +1 -1
- package/package.json +1 -1
|
@@ -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, ";") : "";
|
|
@@ -508,7 +508,7 @@ var OverlayImageRow = styled__default.default.div(templateObject_4$l || (templat
|
|
|
508
508
|
var GrayOverlayContainer = styled__default.default(OverlayContainer)(templateObject_5$e || (templateObject_5$e = __makeTemplateObject(["\n background: #f7f6fb;\n"], ["\n background: #f7f6fb;\n"])));
|
|
509
509
|
var ButtonsColumn = styled__default.default.div(templateObject_6$a || (templateObject_6$a = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n gap: 15px 0;\n justify-content: center;\n margin-top: 24px;\n"], ["\n display: flex;\n flex-direction: column;\n gap: 15px 0;\n justify-content: center;\n margin-top: 24px;\n"])));
|
|
510
510
|
var WideButton = styled__default.default(LoaderButton)(templateObject_7$7 || (templateObject_7$7 = __makeTemplateObject(["\n width: 100%;\n border-radius: 30px;\n"], ["\n width: 100%;\n border-radius: 30px;\n"])));
|
|
511
|
-
var WideBorderButton = styled__default.default(WideButton)(templateObject_8$
|
|
511
|
+
var WideBorderButton = styled__default.default(WideButton)(templateObject_8$4 || (templateObject_8$4 = __makeTemplateObject(["\n color: ", ";\n background: ", ";\n border: 1px solid\n ", ";\n box-sizing: border-box;\n"], ["\n color: ", ";\n background: ", ";\n border: 1px solid\n ", ";\n box-sizing: border-box;\n"])), function (props) {
|
|
512
512
|
var _a, _b;
|
|
513
513
|
return (_b = (_a = props.colors) === null || _a === void 0 ? void 0 : _a.textColor) !== null && _b !== void 0 ? _b : 'black';
|
|
514
514
|
}, function (props) {
|
|
@@ -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) {
|
|
@@ -7464,7 +7481,7 @@ var ProgressBarBackground$1 = styled__default.default(LoadingOverlayProgressBarB
|
|
|
7464
7481
|
return (_d = (_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.idCapture) === null || _b === void 0 ? void 0 : _b.loadingOverlay) === null || _c === void 0 ? void 0 : _c.progressBarBackgroundOpacity) !== null && _d !== void 0 ? _d : 0.75;
|
|
7465
7482
|
});
|
|
7466
7483
|
var ProgressIndicator$1 = styled__default.default(LoadingOverlayProgressIndicator)(templateObject_7$6 || (templateObject_7$6 = __makeTemplateObject(["\n animation: ", " 3s ease-in-out;\n animation-fill-mode: both;\n"], ["\n animation: ", " 3s ease-in-out;\n animation-fill-mode: both;\n"])), progressBarAnimation);
|
|
7467
|
-
var CustomLoadingGraphic$1 = styled__default.default.img(templateObject_8$
|
|
7484
|
+
var CustomLoadingGraphic$1 = styled__default.default.img(templateObject_8$3 || (templateObject_8$3 = __makeTemplateObject(["\n transform-style: preserve-3d;\n"], ["\n transform-style: preserve-3d;\n"])));
|
|
7468
7485
|
var ContinueButtonContainer$1 = styled__default.default.div(templateObject_9$2 || (templateObject_9$2 = __makeTemplateObject(["\n display: flex;\n"], ["\n display: flex;\n"])));
|
|
7469
7486
|
var ContinueButton$1 = styled__default.default(LoaderButton)(templateObject_10$1 || (templateObject_10$1 = __makeTemplateObject(["\n margin: auto;\n white-space: nowrap;\n ", "\n ", "\n \n &:focus-visible {\n ", "\n box-shadow: none;\n }\n\n &.disabled {\n background: ", ";\n color: ", ";\n border: ", ";\n }\n"], ["\n margin: auto;\n white-space: nowrap;\n ", "\n ", "\n \n &:focus-visible {\n ", "\n box-shadow: none;\n }\n\n &.disabled {\n background: ", ";\n color: ", ";\n border: ", ";\n }\n"])), function (props) {
|
|
7470
7487
|
var _a, _b, _c, _d, _e, _f;
|
|
@@ -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) {
|
|
@@ -8439,9 +8456,9 @@ var GuideCenterBorder = styled__default.default.div(templateObject_7$5 || (templ
|
|
|
8439
8456
|
}, function (props) {
|
|
8440
8457
|
return props.$padding ? "padding: ".concat(props.$padding, "px;") : '';
|
|
8441
8458
|
});
|
|
8442
|
-
var GuideText = styled__default.default.span(templateObject_8$
|
|
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
|
});
|
|
@@ -9954,7 +9971,7 @@ var ScreenPanelHeading = styled__default.default.h3(templateObject_4$9 || (templ
|
|
|
9954
9971
|
var ScreenActionsBar = styled__default.default.div(templateObject_5$6 || (templateObject_5$6 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: end;\n gap: 20px;\n padding: 20px;\n width: 100%;\n box-sizing: border-box;\n border-top: 1px solid #ccc;\n\n @media (max-width: 600px) {\n justify-content: center;\n }\n"], ["\n display: flex;\n align-items: center;\n justify-content: end;\n gap: 20px;\n padding: 20px;\n width: 100%;\n box-sizing: border-box;\n border-top: 1px solid #ccc;\n\n @media (max-width: 600px) {\n justify-content: center;\n }\n"])));
|
|
9955
9972
|
var DashedSeparator = styled__default.default.div(templateObject_6$4 || (templateObject_6$4 = __makeTemplateObject(["\n width: 100%;\n height: 0;\n border-top: 2px solid #606060;\n border-top-style: dashed;\n display: flex;\n align-items: center;\n justify-content: center;\n"], ["\n width: 100%;\n height: 0;\n border-top: 2px solid #606060;\n border-top-style: dashed;\n display: flex;\n align-items: center;\n justify-content: center;\n"])));
|
|
9956
9973
|
var OrWrapper = styled__default.default.div(templateObject_7$3 || (templateObject_7$3 = __makeTemplateObject(["\n color: #323232;\n font-weight: bold;\n background: white;\n border-radius: 50%;\n top: -2px;\n position: relative;\n width: 60px;\n height: 60px;\n display: flex;\n align-items: center;\n justify-content: center;\n"], ["\n color: #323232;\n font-weight: bold;\n background: white;\n border-radius: 50%;\n top: -2px;\n position: relative;\n width: 60px;\n height: 60px;\n display: flex;\n align-items: center;\n justify-content: center;\n"])));
|
|
9957
|
-
var UploadIdBackHelpText = styled__default.default.p(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n color: #323232;\n font-style: italic;\n margin: 30px 0 0;\n"], ["\n color: #323232;\n font-style: italic;\n margin: 30px 0 0;\n"])));
|
|
9974
|
+
var UploadIdBackHelpText = styled__default.default.p(templateObject_8$1 || (templateObject_8$1 = __makeTemplateObject(["\n color: #323232;\n font-style: italic;\n margin: 30px 0 0;\n"], ["\n color: #323232;\n font-style: italic;\n margin: 30px 0 0;\n"])));
|
|
9958
9975
|
var Button = styled__default.default(WideBorderButton)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n width: auto;\n font-weight: 500;\n padding-left: 40px;\n padding-right: 40px;\n transition: background-color 0.3s ease;\n background-color: #ffffff;\n white-space: nowrap;\n\n &:disabled,\n &.disabled {\n background-color: #f1f1f1 !important;\n border-color: #dbdbdb !important;\n color: #323232 !important;\n }\n\n &:hover {\n filter: none;\n background-color: #fafafa !important;\n }\n"], ["\n width: auto;\n font-weight: 500;\n padding-left: 40px;\n padding-right: 40px;\n transition: background-color 0.3s ease;\n background-color: #ffffff;\n white-space: nowrap;\n\n &:disabled,\n &.disabled {\n background-color: #f1f1f1 !important;\n border-color: #dbdbdb !important;\n color: #323232 !important;\n }\n\n &:hover {\n filter: none;\n background-color: #fafafa !important;\n }\n"])));
|
|
9959
9976
|
var Modal = styled__default.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.5);\n z-index: 10000;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.5);\n z-index: 10000;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n"])));
|
|
9960
9977
|
var Dialog = styled__default.default.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n width: 100%;\n max-width: 500px;\n height: 100%;\n max-height: 600px;\n background: white;\n border-radius: 25px;\n overflow: auto;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\n font-family: ", ";\n //margin: 25px;\n"], ["\n width: 100%;\n max-width: 500px;\n height: 100%;\n max-height: 600px;\n background: white;\n border-radius: 25px;\n overflow: auto;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\n font-family: ", ";\n //margin: 25px;\n"])), function (props) {
|
|
@@ -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 position: relative;\n background: ", ";\n border: ", ";\n border-radius: ", ";\n flex-grow: 1;\n z-index: 100;\n height: 100%;\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) {
|
|
@@ -13072,9 +13085,27 @@ var SignaturePad = styled__default.default.div(templateObject_3$9 || (templateOb
|
|
|
13072
13085
|
}, function (props) {
|
|
13073
13086
|
var _a, _b, _c;
|
|
13074
13087
|
return (_c = (_b = (_a = props.theme.signatureCapture) === null || _a === void 0 ? void 0 : _a.canvas) === null || _b === void 0 ? void 0 : _b.borderRadius) !== null && _c !== void 0 ? _c : '16px';
|
|
13088
|
+
}, function (props) {
|
|
13089
|
+
var _a, _b, _c;
|
|
13090
|
+
return (_c = (_b = (_a = props.theme.signatureCapture) === null || _a === void 0 ? void 0 : _a.canvas) === null || _b === void 0 ? void 0 : _b.emptyBackground) !== null && _c !== void 0 ? _c : 'rgba(255, 255, 255, 0.5)';
|
|
13091
|
+
}, function (props) {
|
|
13092
|
+
var _a, _b, _c;
|
|
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';
|
|
13075
13106
|
});
|
|
13076
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"])));
|
|
13077
|
-
var templateObject_1$
|
|
13108
|
+
var templateObject_1$d, templateObject_2$b, templateObject_3$9, templateObject_4$4;
|
|
13078
13109
|
|
|
13079
13110
|
var SignatureCapture = function SignatureCapture(_a) {
|
|
13080
13111
|
var onAccept = _a.onAccept,
|
|
@@ -13109,7 +13140,7 @@ var SignatureCapture = function SignatureCapture(_a) {
|
|
|
13109
13140
|
});
|
|
13110
13141
|
});
|
|
13111
13142
|
}
|
|
13112
|
-
return /*#__PURE__*/React__namespace.default.createElement(Container$
|
|
13143
|
+
return /*#__PURE__*/React__namespace.default.createElement(Container$4, {
|
|
13113
13144
|
className: classNames.container
|
|
13114
13145
|
}, /*#__PURE__*/React__namespace.default.createElement(SignaturePaperBacking, {
|
|
13115
13146
|
className: classNames.inner
|
|
@@ -13147,9 +13178,9 @@ var SignatureCapture = function SignatureCapture(_a) {
|
|
|
13147
13178
|
finished: true
|
|
13148
13179
|
}, verbiage.acceptBtnText)))));
|
|
13149
13180
|
};
|
|
13150
|
-
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"])));
|
|
13151
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"])));
|
|
13152
|
-
var templateObject_1$
|
|
13183
|
+
var templateObject_1$c, templateObject_2$a;
|
|
13153
13184
|
|
|
13154
13185
|
var useVideoRecorder = function useVideoRecorder(camera, audioStream, mergeAVStreams) {
|
|
13155
13186
|
if (mergeAVStreams === void 0) {
|
|
@@ -13530,23 +13561,27 @@ function VideoSignatureGuides(_a) {
|
|
|
13530
13561
|
onClearSignaturePadClicked = _a.onClearSignaturePadClicked,
|
|
13531
13562
|
_d = _a.minSignaturePadPoints,
|
|
13532
13563
|
minSignaturePadPoints = _d === void 0 ? DEFAULT_MIN_SIGNATURE_PAD_POINTS : _d,
|
|
13533
|
-
|
|
13534
|
-
|
|
13535
|
-
|
|
13536
|
-
|
|
13537
|
-
|
|
13538
|
-
|
|
13539
|
-
|
|
13540
|
-
|
|
13541
|
-
var _h =
|
|
13542
|
-
|
|
13543
|
-
|
|
13544
|
-
|
|
13545
|
-
|
|
13546
|
-
|
|
13547
|
-
|
|
13548
|
-
|
|
13549
|
-
|
|
13564
|
+
signaturePadEmptyContent = _a.signaturePadEmptyContent,
|
|
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];
|
|
13550
13585
|
var verbiage = useTranslations(rawVerbiage, {
|
|
13551
13586
|
clearSignatureBtnText: 'Clear',
|
|
13552
13587
|
acceptSignatureBtnText: 'Accept'
|
|
@@ -13560,8 +13595,11 @@ function VideoSignatureGuides(_a) {
|
|
|
13560
13595
|
}, [classNames.signatureCanvas, height, width]);
|
|
13561
13596
|
var isSigning = requestedAction === 'CAPTURE_SIGNATURE';
|
|
13562
13597
|
var canClear = isSigning && !signaturePadEmpty;
|
|
13563
|
-
var canSubmit = isSigning && signatureValid;
|
|
13564
|
-
|
|
13598
|
+
var canSubmit = isSigning && signatureValid && headTrackingSatisfied;
|
|
13599
|
+
var displayEmptyState = requestedAction === 'CAPTURE_SIGNATURE' && signaturePadEmpty;
|
|
13600
|
+
var EmptyContent = signaturePadEmptyContent;
|
|
13601
|
+
var HeadTrackingUnsatisfiedContent = headTrackingUnsatisfiedContent;
|
|
13602
|
+
return /*#__PURE__*/React__namespace.default.createElement(Container$3, {
|
|
13565
13603
|
className: classNames.container
|
|
13566
13604
|
}, /*#__PURE__*/React__namespace.default.createElement(Inner$1, {
|
|
13567
13605
|
className: classNames.inner
|
|
@@ -13577,10 +13615,11 @@ function VideoSignatureGuides(_a) {
|
|
|
13577
13615
|
className: classNames.signaturePadContainer
|
|
13578
13616
|
}, /*#__PURE__*/React__namespace.default.createElement(SignatureCanvasContainer, {
|
|
13579
13617
|
className: classNames.signatureCanvasContainer,
|
|
13580
|
-
"$disabled": requestedAction === 'VERIFY_LIVENESS'
|
|
13618
|
+
"$disabled": requestedAction === 'VERIFY_LIVENESS',
|
|
13619
|
+
"$headTrackingUnsatisfied": !headTrackingSatisfied
|
|
13581
13620
|
}, /*#__PURE__*/React__namespace.default.createElement(SignaturePad, {
|
|
13582
13621
|
ref: ref,
|
|
13583
|
-
className: classNames.signatureCanvasInner
|
|
13622
|
+
className: cn__default.default(classNames.signatureCanvasInner, displayEmptyState && 'empty', !headTrackingSatisfied && 'head-tracking-unsatisfied')
|
|
13584
13623
|
}, /*#__PURE__*/React__namespace.default.createElement(SignatureCanvas__default.default, {
|
|
13585
13624
|
ref: signaturePad,
|
|
13586
13625
|
canvasProps: canvasProps,
|
|
@@ -13595,7 +13634,11 @@ function VideoSignatureGuides(_a) {
|
|
|
13595
13634
|
});
|
|
13596
13635
|
setSignatureValid(points.length >= minSignaturePadPoints);
|
|
13597
13636
|
}
|
|
13598
|
-
})
|
|
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, {
|
|
13640
|
+
className: classNames.emptyContentContainer
|
|
13641
|
+
}, typeof EmptyContent === 'string' ? EmptyContent : ( /*#__PURE__*/React__namespace.default.createElement(EmptyContent, null))))), /*#__PURE__*/React__namespace.default.createElement(SignatureButtonsContainer, {
|
|
13599
13642
|
className: classNames.signatureButtonsRow
|
|
13600
13643
|
}, /*#__PURE__*/React__namespace.default.createElement(LoaderButton, {
|
|
13601
13644
|
variant: "secondary",
|
|
@@ -13617,7 +13660,7 @@ function VideoSignatureGuides(_a) {
|
|
|
13617
13660
|
finished: true
|
|
13618
13661
|
}, verbiage.acceptSignatureBtnText))))));
|
|
13619
13662
|
}
|
|
13620
|
-
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) {
|
|
13621
13664
|
var _a;
|
|
13622
13665
|
return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
|
|
13623
13666
|
});
|
|
@@ -13625,11 +13668,17 @@ var Inner$1 = styled__default.default.div(templateObject_2$9 || (templateObject_
|
|
|
13625
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"])));
|
|
13626
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"])));
|
|
13627
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"])));
|
|
13628
|
-
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) {
|
|
13629
13672
|
return props.$disabled ? 'opacity: 0.5; pointer-events: none;' : '';
|
|
13673
|
+
}, function (props) {
|
|
13674
|
+
return props.$headTrackingUnsatisfied ? 'pointer-events: none;' : '';
|
|
13630
13675
|
});
|
|
13631
13676
|
var AcceptBtn = styled__default.default(LoaderButton)(templateObject_7$1 || (templateObject_7$1 = __makeTemplateObject(["\n margin-left: auto;\n"], ["\n margin-left: auto;\n"])));
|
|
13632
|
-
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) {
|
|
13678
|
+
var _a, _b, _c;
|
|
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';
|
|
13680
|
+
});
|
|
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;
|
|
13633
13682
|
|
|
13634
13683
|
var DEFAULT_MIN_SIGNATURE_PAD_POINTS = 10;
|
|
13635
13684
|
var VideoSignatureCapture = function VideoSignatureCapture(_a) {
|
|
@@ -13641,6 +13690,8 @@ var VideoSignatureCapture = function VideoSignatureCapture(_a) {
|
|
|
13641
13690
|
guidesComponent = _a.guidesComponent,
|
|
13642
13691
|
_c = _a.minSignaturePadPoints,
|
|
13643
13692
|
minSignaturePadPoints = _c === void 0 ? DEFAULT_MIN_SIGNATURE_PAD_POINTS : _c,
|
|
13693
|
+
signaturePadEmptyContent = _a.signaturePadEmptyContent,
|
|
13694
|
+
headTrackingUnsatisfiedContent = _a.headTrackingUnsatisfiedContent,
|
|
13644
13695
|
_d = _a.classNames,
|
|
13645
13696
|
classNames = _d === void 0 ? {} : _d,
|
|
13646
13697
|
_e = _a.colors,
|
|
@@ -13649,22 +13700,34 @@ var VideoSignatureCapture = function VideoSignatureCapture(_a) {
|
|
|
13649
13700
|
rawVerbiage = _f === void 0 ? {} : _f,
|
|
13650
13701
|
_g = _a.debugMode,
|
|
13651
13702
|
debugMode = _g === void 0 ? false : _g;
|
|
13652
|
-
var
|
|
13653
|
-
|
|
13654
|
-
|
|
13655
|
-
|
|
13656
|
-
|
|
13657
|
-
|
|
13658
|
-
|
|
13659
|
-
|
|
13660
|
-
|
|
13661
|
-
|
|
13662
|
-
|
|
13663
|
-
|
|
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;
|
|
13664
13723
|
React.useEffect(function () {
|
|
13665
13724
|
startRecording();
|
|
13666
13725
|
return stopRecording;
|
|
13667
13726
|
}, [startRecording, stopRecording]);
|
|
13727
|
+
React.useEffect(function () {
|
|
13728
|
+
setTimeout(start, 1);
|
|
13729
|
+
return stop;
|
|
13730
|
+
}, [start, stop]);
|
|
13668
13731
|
colors.guidanceMessageBackgroundColor || (colors.guidanceMessageBackgroundColor = '#ccc');
|
|
13669
13732
|
colors.guidanceMessageTextColor || (colors.guidanceMessageTextColor = 'black');
|
|
13670
13733
|
var verbiage = useTranslations(rawVerbiage, {
|
|
@@ -13675,27 +13738,47 @@ var VideoSignatureCapture = function VideoSignatureCapture(_a) {
|
|
|
13675
13738
|
onVideoCaptured === null || onVideoCaptured === void 0 ? void 0 : onVideoCaptured(signatureVideoData, signatureData, signatureDataUrl);
|
|
13676
13739
|
}
|
|
13677
13740
|
}, [onVideoCaptured, signatureData, signatureDataUrl, signatureVideoData]);
|
|
13678
|
-
var
|
|
13679
|
-
|
|
13680
|
-
|
|
13681
|
-
React.
|
|
13682
|
-
|
|
13683
|
-
|
|
13684
|
-
|
|
13685
|
-
|
|
13686
|
-
|
|
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;
|
|
13687
13758
|
});
|
|
13688
|
-
},
|
|
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
|
+
});
|
|
13689
13771
|
React.useEffect(function () {
|
|
13690
13772
|
if (numFramesWithoutFaces >= 2) {
|
|
13691
13773
|
onFaceNotDetected === null || onFaceNotDetected === void 0 ? void 0 : onFaceNotDetected();
|
|
13692
13774
|
}
|
|
13693
13775
|
}, [numFramesWithoutFaces, onFaceNotDetected]);
|
|
13694
13776
|
var GuidesComponent = guidesComponent !== null && guidesComponent !== void 0 ? guidesComponent : VideoSignatureGuides;
|
|
13695
|
-
return /*#__PURE__*/React__namespace.default.createElement(
|
|
13777
|
+
return /*#__PURE__*/React__namespace.default.createElement(Container$2, {
|
|
13778
|
+
ref: ref,
|
|
13696
13779
|
className: classNames.container
|
|
13697
13780
|
}, verbiage.guidanceMessageText && ( /*#__PURE__*/React__namespace.default.createElement(GuidanceMessageContainer, {
|
|
13698
|
-
"$top": "
|
|
13781
|
+
"$top": "10%",
|
|
13699
13782
|
className: classNames.guidanceMessageContainer
|
|
13700
13783
|
}, /*#__PURE__*/React__namespace.default.createElement(GuidanceMessage, {
|
|
13701
13784
|
className: classNames.guidanceMessage,
|
|
@@ -13703,16 +13786,26 @@ var VideoSignatureCapture = function VideoSignatureCapture(_a) {
|
|
|
13703
13786
|
"$textColor": colors.guidanceMessageTextColor
|
|
13704
13787
|
}, verbiage.guidanceMessageText))), /*#__PURE__*/React__namespace.default.createElement(GuidesComponent, {
|
|
13705
13788
|
status: "success",
|
|
13789
|
+
key: "video-signature-guides-".concat(headTrackingSatisfied ? 'satisfied' : 'unsatisfied'),
|
|
13706
13790
|
classNames: classNames.videoSignatureGuidesClassNames,
|
|
13707
13791
|
minSignaturePadPoints: minSignaturePadPoints,
|
|
13792
|
+
signaturePadEmptyContent: signaturePadEmptyContent,
|
|
13793
|
+
headTrackingUnsatisfiedContent: headTrackingUnsatisfiedContent,
|
|
13794
|
+
headTrackingSatisfied: headTrackingSatisfied,
|
|
13708
13795
|
onClearSignaturePadClicked: restartVideoOnSignaturePadCleared ? function () {
|
|
13709
13796
|
return setTimeout(clearRecordedData, 100);
|
|
13710
13797
|
} : undefined
|
|
13711
|
-
}), 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, {
|
|
13712
13803
|
onClick: onExit,
|
|
13713
13804
|
className: classNames.exitCaptureBtn
|
|
13714
13805
|
}));
|
|
13715
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;
|
|
13716
13809
|
|
|
13717
13810
|
var VideoSignatureSuccess = function VideoSignatureSuccess(_a) {
|
|
13718
13811
|
var imageUrl = _a.imageUrl,
|
|
@@ -13786,6 +13879,8 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
|
13786
13879
|
captureAudio = _d === void 0 ? false : _d,
|
|
13787
13880
|
_e = _a.minSignaturePadPoints,
|
|
13788
13881
|
minSignaturePadPoints = _e === void 0 ? DEFAULT_MIN_SIGNATURE_PAD_POINTS : _e,
|
|
13882
|
+
signaturePadEmptyContent = _a.signaturePadEmptyContent,
|
|
13883
|
+
headTrackingUnsatisfiedContent = _a.headTrackingUnsatisfiedContent,
|
|
13789
13884
|
_f = _a.allowSignatureAfterLivenessCheckFailure,
|
|
13790
13885
|
allowSignatureAfterLivenessCheckFailure = _f === void 0 ? false : _f,
|
|
13791
13886
|
_g = _a.restartVideoOnSignaturePadCleared,
|
|
@@ -13818,7 +13913,7 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
|
13818
13913
|
var operationStartedAt = React.useRef();
|
|
13819
13914
|
var captureStartedAt = React.useRef();
|
|
13820
13915
|
var captureEndedAt = React.useRef();
|
|
13821
|
-
var _q =
|
|
13916
|
+
var _q = useSelfieGuidanceModelsContext(),
|
|
13822
13917
|
start = _q.start,
|
|
13823
13918
|
stop = _q.stop;
|
|
13824
13919
|
React.useEffect(function () {
|
|
@@ -13833,9 +13928,9 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
|
13833
13928
|
if (!shouldRun) return;
|
|
13834
13929
|
start();
|
|
13835
13930
|
return function () {
|
|
13836
|
-
stop();
|
|
13931
|
+
return stop();
|
|
13837
13932
|
};
|
|
13838
|
-
}, [
|
|
13933
|
+
}, [start, stop, shouldRun]);
|
|
13839
13934
|
var logCaptureMetadata = React.useCallback(function () {
|
|
13840
13935
|
var _a, _b, _c;
|
|
13841
13936
|
logSelfieCaptureAttempt({
|
|
@@ -13866,12 +13961,16 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
|
13866
13961
|
setCaptureState('SUCCESS');
|
|
13867
13962
|
onVideoCaptured === null || onVideoCaptured === void 0 ? void 0 : onVideoCaptured(videoData, signatureData, signatureImageData);
|
|
13868
13963
|
}, [onVideoCaptured, setSignatureData, setSignatureVideoUrl]);
|
|
13964
|
+
var _s = React.useState(true),
|
|
13965
|
+
showLoadingOverlay = _s[0],
|
|
13966
|
+
setShowLoadingOverlay = _s[1];
|
|
13869
13967
|
var onSignatureCaptureFacesNotDetected = React.useCallback(function () {
|
|
13968
|
+
setShowLoadingOverlay(false);
|
|
13870
13969
|
setCaptureState('CHECKING_LIVENESS');
|
|
13871
13970
|
}, []);
|
|
13872
|
-
var
|
|
13873
|
-
attempt =
|
|
13874
|
-
setAttempt =
|
|
13971
|
+
var _t = React.useState(0),
|
|
13972
|
+
attempt = _t[0],
|
|
13973
|
+
setAttempt = _t[1];
|
|
13875
13974
|
var onRetry = React.useCallback(function () {
|
|
13876
13975
|
onRetryClicked === null || onRetryClicked === void 0 ? void 0 : onRetryClicked();
|
|
13877
13976
|
setAttempt(function (n) {
|
|
@@ -13891,9 +13990,10 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
|
13891
13990
|
var guidesComponent = React.useCallback(function (props) {
|
|
13892
13991
|
return /*#__PURE__*/React__namespace.default.createElement(VideoSignatureWizardGuides, _assign({}, props, {
|
|
13893
13992
|
classNames: classNames === null || classNames === void 0 ? void 0 : classNames.videoSignatureGuidesClassNames,
|
|
13894
|
-
restartVideoOnSignaturePadCleared: restartVideoOnSignaturePadCleared
|
|
13993
|
+
restartVideoOnSignaturePadCleared: restartVideoOnSignaturePadCleared,
|
|
13994
|
+
signaturePadEmptyContent: signaturePadEmptyContent
|
|
13895
13995
|
}));
|
|
13896
|
-
}, [classNames === null || classNames === void 0 ? void 0 : classNames.videoSignatureGuidesClassNames, restartVideoOnSignaturePadCleared]);
|
|
13996
|
+
}, [classNames === null || classNames === void 0 ? void 0 : classNames.videoSignatureGuidesClassNames, restartVideoOnSignaturePadCleared, signaturePadEmptyContent]);
|
|
13897
13997
|
var onExitAfterFailureProp = faceLivenessProps === null || faceLivenessProps === void 0 ? void 0 : faceLivenessProps.onExitAfterFailure;
|
|
13898
13998
|
var onExitAfterFailure = React.useCallback(function (resp, req) {
|
|
13899
13999
|
onExitAfterFailureProp === null || onExitAfterFailureProp === void 0 ? void 0 : onExitAfterFailureProp(resp, req);
|
|
@@ -13929,7 +14029,8 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
|
13929
14029
|
colors: colors.faceLiveness,
|
|
13930
14030
|
verbiage: verbiage.faceLiveness,
|
|
13931
14031
|
debugMode: debugMode,
|
|
13932
|
-
renderCameraFeed: false
|
|
14032
|
+
renderCameraFeed: false,
|
|
14033
|
+
showLoadingOverlay: showLoadingOverlay
|
|
13933
14034
|
}));
|
|
13934
14035
|
case 'CAPTURING_SIGNATURE':
|
|
13935
14036
|
return /*#__PURE__*/React__namespace.default.createElement(VideoSignatureCapture, {
|
|
@@ -13937,6 +14038,8 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
|
13937
14038
|
onFaceNotDetected: onSignatureCaptureFacesNotDetected,
|
|
13938
14039
|
onExit: onExitCapture,
|
|
13939
14040
|
minSignaturePadPoints: minSignaturePadPoints,
|
|
14041
|
+
signaturePadEmptyContent: signaturePadEmptyContent,
|
|
14042
|
+
headTrackingUnsatisfiedContent: headTrackingUnsatisfiedContent,
|
|
13940
14043
|
restartVideoOnSignaturePadCleared: restartVideoOnSignaturePadCleared,
|
|
13941
14044
|
guidesComponent: guidesComponent,
|
|
13942
14045
|
classNames: classNames,
|
|
@@ -13961,18 +14064,17 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
|
13961
14064
|
};
|
|
13962
14065
|
function VideoSignatureWizardGuides(_a) {
|
|
13963
14066
|
var status = _a.status,
|
|
13964
|
-
classNames = _a.classNames,
|
|
13965
14067
|
_b = _a.restartVideoOnSignaturePadCleared,
|
|
13966
|
-
restartVideoOnSignaturePadCleared = _b === void 0 ? true : _b
|
|
14068
|
+
restartVideoOnSignaturePadCleared = _b === void 0 ? true : _b,
|
|
14069
|
+
props = __rest(_a, ["status", "restartVideoOnSignaturePadCleared"]);
|
|
13967
14070
|
var clearRecordedData = useVideoSignatureContext().clearRecordedData;
|
|
13968
|
-
return /*#__PURE__*/React__namespace.default.createElement(VideoSignatureGuides, {
|
|
13969
|
-
classNames: classNames,
|
|
14071
|
+
return /*#__PURE__*/React__namespace.default.createElement(VideoSignatureGuides, _assign({}, props, {
|
|
13970
14072
|
faceGuideStatus: status,
|
|
13971
14073
|
requestedAction: status === 'success' ? 'CAPTURE_SIGNATURE' : 'VERIFY_LIVENESS',
|
|
13972
14074
|
onClearSignaturePadClicked: restartVideoOnSignaturePadCleared ? function () {
|
|
13973
14075
|
return setTimeout(clearRecordedData, 100);
|
|
13974
14076
|
} : undefined
|
|
13975
|
-
});
|
|
14077
|
+
}));
|
|
13976
14078
|
}
|
|
13977
14079
|
var VideoSignatureWizardWithProviders = function VideoSignatureWizardWithProviders(props) {
|
|
13978
14080
|
var _a, _b;
|
|
@@ -14272,103 +14374,103 @@ var defaultVideoIdCaptureThresholds = {
|
|
|
14272
14374
|
flipShortcutThreshold: 0.7
|
|
14273
14375
|
};
|
|
14274
14376
|
var IdVideoCapture = function IdVideoCapture(_a) {
|
|
14275
|
-
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;
|
|
14276
14378
|
var onComplete = _a.onComplete,
|
|
14277
14379
|
onIdFrontImageCaptured = _a.onIdFrontImageCaptured,
|
|
14278
14380
|
onIdBackImageCaptured = _a.onIdBackImageCaptured,
|
|
14279
14381
|
onFaceNotDetected = _a.onFaceNotDetected,
|
|
14280
14382
|
onRecordingFailed = _a.onRecordingFailed,
|
|
14281
14383
|
onExitCapture = _a.onExitCapture,
|
|
14282
|
-
|
|
14283
|
-
idCaptureModelsEnabled =
|
|
14284
|
-
|
|
14285
|
-
idDocumentType =
|
|
14286
|
-
|
|
14287
|
-
idCaptureGuideImages =
|
|
14288
|
-
|
|
14289
|
-
idCardFrontDelay =
|
|
14290
|
-
|
|
14291
|
-
videoIdCaptureThresholds =
|
|
14292
|
-
|
|
14293
|
-
skipShowIdCardBack =
|
|
14294
|
-
|
|
14295
|
-
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,
|
|
14296
14398
|
readTextPrompt = _a.readTextPrompt,
|
|
14297
|
-
|
|
14298
|
-
readTextTimeoutDurationMs =
|
|
14299
|
-
|
|
14300
|
-
readTextMinReadingMs =
|
|
14301
|
-
|
|
14302
|
-
disableFaceDetectionWhileAudioCapture =
|
|
14303
|
-
|
|
14304
|
-
disableFaceDetectionWhileAudioCaptureMsDelay =
|
|
14305
|
-
|
|
14306
|
-
mergeAVStreams =
|
|
14307
|
-
|
|
14308
|
-
classNames =
|
|
14309
|
-
|
|
14310
|
-
colors =
|
|
14311
|
-
|
|
14312
|
-
rawVerbiage =
|
|
14313
|
-
|
|
14314
|
-
debugMode =
|
|
14315
|
-
var
|
|
14316
|
-
ref =
|
|
14317
|
-
|
|
14318
|
-
width =
|
|
14319
|
-
|
|
14320
|
-
height =
|
|
14321
|
-
var
|
|
14322
|
-
camera =
|
|
14323
|
-
videoRef =
|
|
14324
|
-
videoLoaded =
|
|
14325
|
-
cameraReady =
|
|
14326
|
-
microphoneReady =
|
|
14327
|
-
audioStream =
|
|
14328
|
-
isRearFacing =
|
|
14329
|
-
releaseCameraAccess =
|
|
14330
|
-
var
|
|
14331
|
-
detectedObjects =
|
|
14332
|
-
setDetectedObjects =
|
|
14333
|
-
var
|
|
14334
|
-
face =
|
|
14335
|
-
setFace =
|
|
14336
|
-
var
|
|
14337
|
-
idModelsReady =
|
|
14338
|
-
startIdModels =
|
|
14339
|
-
stopIdModels =
|
|
14340
|
-
onIdPredictionMade =
|
|
14341
|
-
setThresholds =
|
|
14342
|
-
setRequiredDocumentType =
|
|
14343
|
-
setDocumentDetectionBoundaries =
|
|
14344
|
-
bestFrameDetails =
|
|
14345
|
-
resetBestFrame =
|
|
14346
|
-
idModelError =
|
|
14347
|
-
var
|
|
14348
|
-
videoStartsAt =
|
|
14349
|
-
setVideoStartsAt =
|
|
14350
|
-
var
|
|
14351
|
-
setIdCaptureVideoAudioStartsAt =
|
|
14352
|
-
setExpectedAudioText =
|
|
14353
|
-
var
|
|
14354
|
-
startSelfieGuidance =
|
|
14355
|
-
stopSelfieGuidance =
|
|
14356
|
-
onSelfiePredictionMade =
|
|
14357
|
-
selfieModelError =
|
|
14358
|
-
var
|
|
14359
|
-
isRecordingVideo =
|
|
14360
|
-
startRecordingVideo =
|
|
14361
|
-
startRecordingAudio =
|
|
14362
|
-
stopRecordingVideo =
|
|
14363
|
-
stopRecordingAudio =
|
|
14364
|
-
videoRecordingUnintentionallyStopped =
|
|
14365
|
-
audioRecordingUnintentionallyStopped =
|
|
14366
|
-
videoUrl =
|
|
14367
|
-
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;
|
|
14368
14470
|
var countdownTimeoutRef = React.useRef(undefined);
|
|
14369
|
-
var
|
|
14370
|
-
countdownRemaining =
|
|
14371
|
-
setCountdownRemaining =
|
|
14471
|
+
var _18 = React.useState(-1),
|
|
14472
|
+
countdownRemaining = _18[0],
|
|
14473
|
+
setCountdownRemaining = _18[1];
|
|
14372
14474
|
React.useEffect(function () {
|
|
14373
14475
|
if (!isRecordingVideo && !videoUrl) {
|
|
14374
14476
|
startRecordingVideo();
|
|
@@ -14388,9 +14490,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
14388
14490
|
onRecordingFailed === null || onRecordingFailed === void 0 ? void 0 : onRecordingFailed();
|
|
14389
14491
|
}
|
|
14390
14492
|
}, [audioRecordingUnintentionallyStopped, microphoneReady, onRecordingFailed, readTextPrompt, videoRecordingUnintentionallyStopped]);
|
|
14391
|
-
var
|
|
14392
|
-
requestedAction =
|
|
14393
|
-
setRequestedAction =
|
|
14493
|
+
var _19 = React.useState(idDocumentType === 'idCard' ? 'SHOW_ID_FRONT' : 'SHOW_PASSPORT'),
|
|
14494
|
+
requestedAction = _19[0],
|
|
14495
|
+
setRequestedAction = _19[1];
|
|
14394
14496
|
var shouldRunIdModels = idCaptureModelsEnabled && videoLoaded && cameraReady && idModelsReady && !idModelError && requestedAction !== 'READ_TEXT' && (!readTextPrompt || microphoneReady);
|
|
14395
14497
|
React.useEffect(function startModelsWhenCapturing() {
|
|
14396
14498
|
if (!shouldRunIdModels) return;
|
|
@@ -14429,23 +14531,23 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
14429
14531
|
bottom: 0
|
|
14430
14532
|
});
|
|
14431
14533
|
}, [setDocumentDetectionBoundaries]);
|
|
14432
|
-
var
|
|
14433
|
-
currentDetectionScore =
|
|
14434
|
-
setCurrentDetectionScore =
|
|
14435
|
-
var
|
|
14436
|
-
currentDetectedDocumentType =
|
|
14437
|
-
setCurrentDetectedDocumentType =
|
|
14438
|
-
var
|
|
14439
|
-
currentFocusScore =
|
|
14440
|
-
setCurrentFocusScore =
|
|
14441
|
-
var
|
|
14442
|
-
goodFramesCount =
|
|
14443
|
-
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];
|
|
14444
14546
|
var goodFramesThreshold = requestedAction === 'SHOW_PASSPORT' ? adjustedThresholds.goodFrames.passport : requestedAction === 'SHOW_ID_FRONT' ? adjustedThresholds.goodFrames.idCardFront : adjustedThresholds.goodFrames.idCardBack;
|
|
14445
14547
|
var goodFramesThresholdMet = goodFramesCount >= goodFramesThreshold;
|
|
14446
|
-
var
|
|
14447
|
-
isSinglePage =
|
|
14448
|
-
setIsSinglePage =
|
|
14548
|
+
var _24 = React.useState(false),
|
|
14549
|
+
isSinglePage = _24[0],
|
|
14550
|
+
setIsSinglePage = _24[1];
|
|
14449
14551
|
React.useEffect(function () {
|
|
14450
14552
|
if (!idCaptureModelsEnabled || idModelError) return;
|
|
14451
14553
|
onIdPredictionMade(function (prediction) {
|
|
@@ -14465,9 +14567,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
14465
14567
|
} : 0);
|
|
14466
14568
|
});
|
|
14467
14569
|
}, [idCaptureModelsEnabled, onIdPredictionMade, idModelError, requestedAction, adjustedThresholds.flipShortcutThreshold]);
|
|
14468
|
-
var
|
|
14469
|
-
idFrontCaptureStartedAt =
|
|
14470
|
-
setFirstGoodFrameTime =
|
|
14570
|
+
var _25 = React.useState(null),
|
|
14571
|
+
idFrontCaptureStartedAt = _25[0],
|
|
14572
|
+
setFirstGoodFrameTime = _25[1];
|
|
14471
14573
|
React.useEffect(function () {
|
|
14472
14574
|
if (goodFramesCount === 1) setFirstGoodFrameTime(new Date().getTime());
|
|
14473
14575
|
}, [goodFramesCount]);
|
|
@@ -14488,9 +14590,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
14488
14590
|
var frameHeight = (_e = (_d = videoRef.current) === null || _d === void 0 ? void 0 : _d.videoHeight) !== null && _e !== void 0 ? _e : 0;
|
|
14489
14591
|
var faceBox = face === null || face === void 0 ? void 0 : face.box;
|
|
14490
14592
|
var faceCentered = !faceBox || !frameWidth || faceBox.xMin > frameWidth * edgeBoundary && faceBox.yMin > frameHeight * edgeBoundary && faceBox.xMax < frameWidth * (1 - edgeBoundary) && faceBox.yMax < frameHeight * (1 - edgeBoundary);
|
|
14491
|
-
var
|
|
14492
|
-
countdownStartedAt =
|
|
14493
|
-
setCountdownStartedAt =
|
|
14593
|
+
var _26 = React.useState(),
|
|
14594
|
+
countdownStartedAt = _26[0],
|
|
14595
|
+
setCountdownStartedAt = _26[1];
|
|
14494
14596
|
var photoCanvas = React.useRef(null);
|
|
14495
14597
|
var frameLock = React.useRef(false);
|
|
14496
14598
|
var captureFrame = React.useCallback(function () {
|
|
@@ -14600,9 +14702,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
14600
14702
|
stopSelfieGuidance();
|
|
14601
14703
|
};
|
|
14602
14704
|
}, [startSelfieGuidance, stopSelfieGuidance]);
|
|
14603
|
-
var
|
|
14604
|
-
numFramesWithoutFaces =
|
|
14605
|
-
setNumFramesWithoutFaces =
|
|
14705
|
+
var _27 = React.useState(0),
|
|
14706
|
+
numFramesWithoutFaces = _27[0],
|
|
14707
|
+
setNumFramesWithoutFaces = _27[1];
|
|
14606
14708
|
onSelfiePredictionMade(useDebounce.useThrottledCallback(React.useCallback(function (_a) {
|
|
14607
14709
|
var face = _a.face;
|
|
14608
14710
|
if (selfieModelError) return;
|
|
@@ -14618,18 +14720,16 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
14618
14720
|
}
|
|
14619
14721
|
}, [disableFaceDetectionWhileAudioCapture, disableFaceDetectionWhileAudioCaptureMsDelay, numFramesWithoutFaces, onFaceNotDetected, timeoutStartedAt]);
|
|
14620
14722
|
var theme = styled.useTheme();
|
|
14621
|
-
var
|
|
14723
|
+
var _28 = useTranslations(rawVerbiage, {
|
|
14622
14724
|
faceNotCenteredText: 'Please move your face to the center...',
|
|
14623
14725
|
captureBtnText: 'Capture'
|
|
14624
14726
|
}),
|
|
14625
|
-
captureBtnText =
|
|
14626
|
-
faceNotCenteredText =
|
|
14727
|
+
captureBtnText = _28.captureBtnText,
|
|
14728
|
+
faceNotCenteredText = _28.faceNotCenteredText;
|
|
14627
14729
|
var debugScalingDetails = useDebugScalingDetails({
|
|
14628
14730
|
enabled: debugMode,
|
|
14629
14731
|
pageWidth: width,
|
|
14630
|
-
pageHeight: height
|
|
14631
|
-
videoWidth: (_g = (_f = videoRef.current) === null || _f === void 0 ? void 0 : _f.videoWidth) !== null && _g !== void 0 ? _g : 0,
|
|
14632
|
-
videoHeight: (_j = (_h = videoRef.current) === null || _h === void 0 ? void 0 : _h.videoHeight) !== null && _j !== void 0 ? _j : 0
|
|
14732
|
+
pageHeight: height
|
|
14633
14733
|
});
|
|
14634
14734
|
var capturingId = ['SHOW_ID_FRONT', 'SHOW_ID_BACK', 'SHOW_PASSPORT'].includes(requestedAction);
|
|
14635
14735
|
var guidanceText = !faceCentered ? faceNotCenteredText : undefined;
|
|
@@ -14674,9 +14774,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
14674
14774
|
className: classNames.guidanceMessageContainer
|
|
14675
14775
|
}, /*#__PURE__*/React__namespace.default.createElement(GuidanceMessage, {
|
|
14676
14776
|
className: classNames.guidanceMessage,
|
|
14677
|
-
"$background": (
|
|
14678
|
-
"$textColor": (
|
|
14679
|
-
}, 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, {
|
|
14680
14780
|
className: classNames.countdownContainer
|
|
14681
14781
|
}, /*#__PURE__*/React__namespace.default.createElement(Countdown, {
|
|
14682
14782
|
className: classNames.countdown
|
|
@@ -17662,6 +17762,8 @@ var SignatureKYC = function SignatureKYC(_a) {
|
|
|
17662
17762
|
idCardForFaceMatch = _a.idCardForFaceMatch,
|
|
17663
17763
|
_f = _a.minSignaturePadPoints,
|
|
17664
17764
|
minSignaturePadPoints = _f === void 0 ? DEFAULT_MIN_SIGNATURE_PAD_POINTS : _f,
|
|
17765
|
+
signaturePadEmptyContent = _a.signaturePadEmptyContent,
|
|
17766
|
+
headTrackingUnsatisfiedContent = _a.headTrackingUnsatisfiedContent,
|
|
17665
17767
|
_g = _a.modelLoadTimeoutMs,
|
|
17666
17768
|
modelLoadTimeoutMs = _g === void 0 ? defaultSelfieCaptureModelLoadTimeoutMs : _g,
|
|
17667
17769
|
_h = _a.allowSignatureAfterLivenessCheckFailure,
|
|
@@ -17722,6 +17824,8 @@ var SignatureKYC = function SignatureKYC(_a) {
|
|
|
17722
17824
|
skipSuccessScreen: skipSuccessScreen,
|
|
17723
17825
|
captureAudio: captureAudio,
|
|
17724
17826
|
minSignaturePadPoints: minSignaturePadPoints,
|
|
17827
|
+
signaturePadEmptyContent: signaturePadEmptyContent,
|
|
17828
|
+
headTrackingUnsatisfiedContent: headTrackingUnsatisfiedContent,
|
|
17725
17829
|
modelLoadTimeoutMs: modelLoadTimeoutMs,
|
|
17726
17830
|
faceLivenessProps: faceLivenessProps,
|
|
17727
17831
|
allowSignatureAfterLivenessCheckFailure: allowSignatureAfterLivenessCheckFailure,
|
|
@@ -17733,7 +17837,7 @@ var SignatureKYC = function SignatureKYC(_a) {
|
|
|
17733
17837
|
onModelError: onModelError,
|
|
17734
17838
|
onUserCancel: onUserCancel
|
|
17735
17839
|
};
|
|
17736
|
-
}, [customOverlayContent, onLoadingOverlayDismissed, loadingOverlayMode, skipSuccessScreen, captureAudio, minSignaturePadPoints, 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])
|
|
17737
17841
|
})))));
|
|
17738
17842
|
};
|
|
17739
17843
|
|