idmission-web-sdk 2.3.48 → 2.3.50
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/customer_flows/SignatureKYC.d.ts +6 -1
- package/dist/components/customer_flows/SignatureKYC.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/VideoSignatureContext.d.ts +2 -0
- package/dist/components/video_signature_capture/VideoSignatureContext.d.ts.map +1 -1
- package/dist/components/video_signature_capture/VideoSignatureGuides.d.ts +6 -21
- package/dist/components/video_signature_capture/VideoSignatureGuides.d.ts.map +1 -1
- package/dist/components/video_signature_capture/VideoSignaturePad.d.ts +32 -0
- package/dist/components/video_signature_capture/VideoSignaturePad.d.ts.map +1 -0
- package/dist/components/video_signature_capture/VideoSignatureWizard.d.ts +5 -2
- package/dist/components/video_signature_capture/VideoSignatureWizard.d.ts.map +1 -1
- package/dist/sdk2.cjs.development.js +416 -367
- 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 +416 -367
- package/dist/sdk2.esm.js.map +1 -1
- package/dist/sdk2.umd.development.js +416 -367
- package/dist/sdk2.umd.development.js.map +1 -1
- package/dist/sdk2.umd.production.js +1 -1
- package/dist/sdk2.umd.production.js.map +1 -1
- package/dist/version.d.ts +1 -1
- package/package.json +3 -3
|
@@ -211,7 +211,7 @@
|
|
|
211
211
|
return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
|
|
212
212
|
};
|
|
213
213
|
|
|
214
|
-
var webSdkVersion = '2.3.
|
|
214
|
+
var webSdkVersion = '2.3.50';
|
|
215
215
|
|
|
216
216
|
function getPlatform() {
|
|
217
217
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
@@ -450,16 +450,16 @@
|
|
|
450
450
|
className: "ladda-label"
|
|
451
451
|
}, children));
|
|
452
452
|
};
|
|
453
|
-
var StyledButton = styled.button(templateObject_1$R || (templateObject_1$R = __makeTemplateObject(["\n ", "\n\n /*!\n * Ladda\n * http://lab.hakim.se/ladda\n * MIT licensed\n *\n * Copyright (C) 2018 Hakim El Hattab, http://hakim.se\n */\n\n position: relative;\n\n .ladda-spinner {\n position: absolute;\n z-index: 2;\n display: inline-block;\n width: 32px;\n top: 50%;\n margin-top: 0;\n opacity: 0;\n pointer-events: none;\n }\n .ladda-label {\n position: relative;\n z-index: 3;\n }\n .ladda-progress {\n position: absolute;\n width: 0;\n height: 100%;\n left: 0;\n top: 0;\n background: rgba(0, 0, 0, 0.2);\n display: none;\n transition: 0.1s linear all !important;\n }\n &[data-loading] .ladda-progress {\n display: block;\n }\n\n transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;\n\n .ladda-spinner,\n .ladda-label {\n transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;\n }\n &[data-style='zoom-in'],\n &[data-style='zoom-in'] .ladda-spinner,\n &[data-style='zoom-in'] .ladda-label,\n &[data-style='zoom-out'],\n &[data-style='zoom-out'] .ladda-spinner,\n &[data-style='zoom-out'] .ladda-label {\n transition: 0.3s ease all !important;\n }\n &[data-style='expand-right'] .ladda-spinner {\n right: -6px;\n }\n &[data-style='expand-right'][data-size='s'] .ladda-spinner,\n &[data-style='expand-right'][data-size='xs'] .ladda-spinner {\n right: -12px;\n }\n &[data-style='expand-right'][data-loading] {\n padding-right: 56px;\n }\n &[data-style='expand-right'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='expand-right'][data-loading][data-size='s'],\n &[data-style='expand-right'][data-loading][data-size='xs'] {\n padding-right: 40px;\n }\n &[data-style='expand-left'] .ladda-spinner {\n left: 26px;\n }\n &[data-style='expand-left'][data-size='s'] .ladda-spinner,\n &[data-style='expand-left'][data-size='xs'] .ladda-spinner {\n left: 4px;\n }\n &[data-style='expand-left'][data-loading] {\n padding-left: 56px;\n }\n &[data-style='expand-left'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='expand-left'][data-loading][data-size='s'],\n &[data-style='expand-left'][data-loading][data-size='xs'] {\n padding-left: 40px;\n }\n &[data-style='expand-up'] {\n overflow: hidden;\n }\n &[data-style='expand-up'] .ladda-spinner {\n top: -32px;\n left: 50%;\n margin-left: 0;\n }\n &[data-style='expand-up'][data-loading] {\n padding-top: 54px;\n }\n &[data-style='expand-up'][data-loading] .ladda-spinner {\n opacity: 1;\n top: 26px;\n margin-top: 0;\n }\n &[data-style='expand-up'][data-loading][data-size='s'],\n &[data-style='expand-up'][data-loading][data-size='xs'] {\n padding-top: 32px;\n }\n &[data-style='expand-up'][data-loading][data-size='s'] .ladda-spinner,\n &[data-style='expand-up'][data-loading][data-size='xs'] .ladda-spinner {\n top: 4px;\n }\n &[data-style='expand-down'] {\n overflow: hidden;\n }\n &[data-style='expand-down'] .ladda-spinner {\n top: 62px;\n left: 50%;\n margin-left: 0;\n }\n &[data-style='expand-down'][data-size='s'] .ladda-spinner,\n &[data-style='expand-down'][data-size='xs'] .ladda-spinner {\n top: 40px;\n }\n &[data-style='expand-down'][data-loading] {\n padding-bottom: 54px;\n }\n &[data-style='expand-down'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='expand-down'][data-loading][data-size='s'],\n &[data-style='expand-down'][data-loading][data-size='xs'] {\n padding-bottom: 32px;\n }\n &[data-style='slide-left'] {\n overflow: hidden;\n }\n &[data-style='slide-left'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-left'] .ladda-spinner {\n left: 100%;\n margin-left: 0;\n }\n &[data-style='slide-left'][data-loading] .ladda-label {\n opacity: 0;\n left: -100%;\n }\n &[data-style='slide-left'][data-loading] .ladda-spinner {\n opacity: 1;\n left: 50%;\n }\n &[data-style='slide-right'] {\n overflow: hidden;\n }\n &[data-style='slide-right'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-right'] .ladda-spinner {\n right: 100%;\n margin-left: 0;\n left: 16px;\n }\n [dir='rtl'] &[data-style='slide-right'] .ladda-spinner {\n right: auto;\n }\n &[data-style='slide-right'][data-loading] .ladda-label {\n opacity: 0;\n left: 100%;\n }\n &[data-style='slide-right'][data-loading] .ladda-spinner {\n opacity: 1;\n left: 50%;\n }\n &[data-style='slide-up'] {\n overflow: hidden;\n }\n &[data-style='slide-up'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-up'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n margin-top: 1em;\n }\n &[data-style='slide-up'][data-loading] .ladda-label {\n opacity: 0;\n top: -1em;\n }\n &[data-style='slide-up'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-top: 0;\n }\n &[data-style='slide-down'] {\n overflow: hidden;\n }\n &[data-style='slide-down'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-down'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n margin-top: -2em;\n }\n &[data-style='slide-down'][data-loading] .ladda-label {\n opacity: 0;\n top: 1em;\n }\n &[data-style='slide-down'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-top: 0;\n }\n &[data-style='zoom-out'] {\n overflow: hidden;\n }\n &[data-style='zoom-out'] .ladda-spinner {\n left: 50%;\n margin-left: 32px;\n transform: scale(2.5);\n }\n &[data-style='zoom-out'] .ladda-label {\n position: relative;\n display: inline-block;\n }\n &[data-style='zoom-out'][data-loading] .ladda-label {\n opacity: 0;\n transform: scale(0.5);\n }\n &[data-style='zoom-out'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-left: 0;\n transform: none;\n }\n &[data-style='zoom-in'] {\n overflow: hidden;\n }\n &[data-style='zoom-in'] .ladda-spinner {\n left: 50%;\n margin-left: -16px;\n transform: scale(0.2);\n }\n &[data-style='zoom-in'] .ladda-label {\n position: relative;\n display: inline-block;\n }\n &[data-style='zoom-in'][data-loading] .ladda-label {\n opacity: 0;\n transform: scale(2.2);\n }\n &[data-style='zoom-in'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-left: 0;\n transform: none;\n }\n &[data-style='contract'] {\n overflow: hidden;\n width: 100px;\n }\n &[data-style='contract'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n }\n &[data-style='contract'][data-loading] {\n border-radius: 50%;\n width: 52px;\n }\n &[data-style='contract'][data-loading] .ladda-label {\n opacity: 0;\n }\n &[data-style='contract'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='contract-overlay'] {\n overflow: hidden;\n width: 100px;\n box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0);\n }\n &[data-style='contract-overlay'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n }\n &[data-style='contract-overlay'][data-loading] {\n border-radius: 50%;\n width: 52px;\n box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0.8);\n }\n &[data-style='contract-overlay'][data-loading] .ladda-label {\n opacity: 0;\n }\n &[data-style='contract-overlay'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n [dir='rtl'] .ladda-spinner > div {\n left: 25% !important;\n }\n"], ["\n ", "\n\n /*!\n * Ladda\n * http://lab.hakim.se/ladda\n * MIT licensed\n *\n * Copyright (C) 2018 Hakim El Hattab, http://hakim.se\n */\n\n position: relative;\n\n .ladda-spinner {\n position: absolute;\n z-index: 2;\n display: inline-block;\n width: 32px;\n top: 50%;\n margin-top: 0;\n opacity: 0;\n pointer-events: none;\n }\n .ladda-label {\n position: relative;\n z-index: 3;\n }\n .ladda-progress {\n position: absolute;\n width: 0;\n height: 100%;\n left: 0;\n top: 0;\n background: rgba(0, 0, 0, 0.2);\n display: none;\n transition: 0.1s linear all !important;\n }\n &[data-loading] .ladda-progress {\n display: block;\n }\n\n transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;\n\n .ladda-spinner,\n .ladda-label {\n transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;\n }\n &[data-style='zoom-in'],\n &[data-style='zoom-in'] .ladda-spinner,\n &[data-style='zoom-in'] .ladda-label,\n &[data-style='zoom-out'],\n &[data-style='zoom-out'] .ladda-spinner,\n &[data-style='zoom-out'] .ladda-label {\n transition: 0.3s ease all !important;\n }\n &[data-style='expand-right'] .ladda-spinner {\n right: -6px;\n }\n &[data-style='expand-right'][data-size='s'] .ladda-spinner,\n &[data-style='expand-right'][data-size='xs'] .ladda-spinner {\n right: -12px;\n }\n &[data-style='expand-right'][data-loading] {\n padding-right: 56px;\n }\n &[data-style='expand-right'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='expand-right'][data-loading][data-size='s'],\n &[data-style='expand-right'][data-loading][data-size='xs'] {\n padding-right: 40px;\n }\n &[data-style='expand-left'] .ladda-spinner {\n left: 26px;\n }\n &[data-style='expand-left'][data-size='s'] .ladda-spinner,\n &[data-style='expand-left'][data-size='xs'] .ladda-spinner {\n left: 4px;\n }\n &[data-style='expand-left'][data-loading] {\n padding-left: 56px;\n }\n &[data-style='expand-left'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='expand-left'][data-loading][data-size='s'],\n &[data-style='expand-left'][data-loading][data-size='xs'] {\n padding-left: 40px;\n }\n &[data-style='expand-up'] {\n overflow: hidden;\n }\n &[data-style='expand-up'] .ladda-spinner {\n top: -32px;\n left: 50%;\n margin-left: 0;\n }\n &[data-style='expand-up'][data-loading] {\n padding-top: 54px;\n }\n &[data-style='expand-up'][data-loading] .ladda-spinner {\n opacity: 1;\n top: 26px;\n margin-top: 0;\n }\n &[data-style='expand-up'][data-loading][data-size='s'],\n &[data-style='expand-up'][data-loading][data-size='xs'] {\n padding-top: 32px;\n }\n &[data-style='expand-up'][data-loading][data-size='s'] .ladda-spinner,\n &[data-style='expand-up'][data-loading][data-size='xs'] .ladda-spinner {\n top: 4px;\n }\n &[data-style='expand-down'] {\n overflow: hidden;\n }\n &[data-style='expand-down'] .ladda-spinner {\n top: 62px;\n left: 50%;\n margin-left: 0;\n }\n &[data-style='expand-down'][data-size='s'] .ladda-spinner,\n &[data-style='expand-down'][data-size='xs'] .ladda-spinner {\n top: 40px;\n }\n &[data-style='expand-down'][data-loading] {\n padding-bottom: 54px;\n }\n &[data-style='expand-down'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='expand-down'][data-loading][data-size='s'],\n &[data-style='expand-down'][data-loading][data-size='xs'] {\n padding-bottom: 32px;\n }\n &[data-style='slide-left'] {\n overflow: hidden;\n }\n &[data-style='slide-left'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-left'] .ladda-spinner {\n left: 100%;\n margin-left: 0;\n }\n &[data-style='slide-left'][data-loading] .ladda-label {\n opacity: 0;\n left: -100%;\n }\n &[data-style='slide-left'][data-loading] .ladda-spinner {\n opacity: 1;\n left: 50%;\n }\n &[data-style='slide-right'] {\n overflow: hidden;\n }\n &[data-style='slide-right'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-right'] .ladda-spinner {\n right: 100%;\n margin-left: 0;\n left: 16px;\n }\n [dir='rtl'] &[data-style='slide-right'] .ladda-spinner {\n right: auto;\n }\n &[data-style='slide-right'][data-loading] .ladda-label {\n opacity: 0;\n left: 100%;\n }\n &[data-style='slide-right'][data-loading] .ladda-spinner {\n opacity: 1;\n left: 50%;\n }\n &[data-style='slide-up'] {\n overflow: hidden;\n }\n &[data-style='slide-up'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-up'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n margin-top: 1em;\n }\n &[data-style='slide-up'][data-loading] .ladda-label {\n opacity: 0;\n top: -1em;\n }\n &[data-style='slide-up'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-top: 0;\n }\n &[data-style='slide-down'] {\n overflow: hidden;\n }\n &[data-style='slide-down'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-down'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n margin-top: -2em;\n }\n &[data-style='slide-down'][data-loading] .ladda-label {\n opacity: 0;\n top: 1em;\n }\n &[data-style='slide-down'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-top: 0;\n }\n &[data-style='zoom-out'] {\n overflow: hidden;\n }\n &[data-style='zoom-out'] .ladda-spinner {\n left: 50%;\n margin-left: 32px;\n transform: scale(2.5);\n }\n &[data-style='zoom-out'] .ladda-label {\n position: relative;\n display: inline-block;\n }\n &[data-style='zoom-out'][data-loading] .ladda-label {\n opacity: 0;\n transform: scale(0.5);\n }\n &[data-style='zoom-out'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-left: 0;\n transform: none;\n }\n &[data-style='zoom-in'] {\n overflow: hidden;\n }\n &[data-style='zoom-in'] .ladda-spinner {\n left: 50%;\n margin-left: -16px;\n transform: scale(0.2);\n }\n &[data-style='zoom-in'] .ladda-label {\n position: relative;\n display: inline-block;\n }\n &[data-style='zoom-in'][data-loading] .ladda-label {\n opacity: 0;\n transform: scale(2.2);\n }\n &[data-style='zoom-in'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-left: 0;\n transform: none;\n }\n &[data-style='contract'] {\n overflow: hidden;\n width: 100px;\n }\n &[data-style='contract'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n }\n &[data-style='contract'][data-loading] {\n border-radius: 50%;\n width: 52px;\n }\n &[data-style='contract'][data-loading] .ladda-label {\n opacity: 0;\n }\n &[data-style='contract'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='contract-overlay'] {\n overflow: hidden;\n width: 100px;\n box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0);\n }\n &[data-style='contract-overlay'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n }\n &[data-style='contract-overlay'][data-loading] {\n border-radius: 50%;\n width: 52px;\n box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0.8);\n }\n &[data-style='contract-overlay'][data-loading] .ladda-label {\n opacity: 0;\n }\n &[data-style='contract-overlay'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n [dir='rtl'] .ladda-spinner > div {\n left: 25% !important;\n }\n"])), function (props) {
|
|
453
|
+
var StyledButton = styled.button(templateObject_1$S || (templateObject_1$S = __makeTemplateObject(["\n ", "\n\n /*!\n * Ladda\n * http://lab.hakim.se/ladda\n * MIT licensed\n *\n * Copyright (C) 2018 Hakim El Hattab, http://hakim.se\n */\n\n position: relative;\n\n .ladda-spinner {\n position: absolute;\n z-index: 2;\n display: inline-block;\n width: 32px;\n top: 50%;\n margin-top: 0;\n opacity: 0;\n pointer-events: none;\n }\n .ladda-label {\n position: relative;\n z-index: 3;\n }\n .ladda-progress {\n position: absolute;\n width: 0;\n height: 100%;\n left: 0;\n top: 0;\n background: rgba(0, 0, 0, 0.2);\n display: none;\n transition: 0.1s linear all !important;\n }\n &[data-loading] .ladda-progress {\n display: block;\n }\n\n transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;\n\n .ladda-spinner,\n .ladda-label {\n transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;\n }\n &[data-style='zoom-in'],\n &[data-style='zoom-in'] .ladda-spinner,\n &[data-style='zoom-in'] .ladda-label,\n &[data-style='zoom-out'],\n &[data-style='zoom-out'] .ladda-spinner,\n &[data-style='zoom-out'] .ladda-label {\n transition: 0.3s ease all !important;\n }\n &[data-style='expand-right'] .ladda-spinner {\n right: -6px;\n }\n &[data-style='expand-right'][data-size='s'] .ladda-spinner,\n &[data-style='expand-right'][data-size='xs'] .ladda-spinner {\n right: -12px;\n }\n &[data-style='expand-right'][data-loading] {\n padding-right: 56px;\n }\n &[data-style='expand-right'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='expand-right'][data-loading][data-size='s'],\n &[data-style='expand-right'][data-loading][data-size='xs'] {\n padding-right: 40px;\n }\n &[data-style='expand-left'] .ladda-spinner {\n left: 26px;\n }\n &[data-style='expand-left'][data-size='s'] .ladda-spinner,\n &[data-style='expand-left'][data-size='xs'] .ladda-spinner {\n left: 4px;\n }\n &[data-style='expand-left'][data-loading] {\n padding-left: 56px;\n }\n &[data-style='expand-left'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='expand-left'][data-loading][data-size='s'],\n &[data-style='expand-left'][data-loading][data-size='xs'] {\n padding-left: 40px;\n }\n &[data-style='expand-up'] {\n overflow: hidden;\n }\n &[data-style='expand-up'] .ladda-spinner {\n top: -32px;\n left: 50%;\n margin-left: 0;\n }\n &[data-style='expand-up'][data-loading] {\n padding-top: 54px;\n }\n &[data-style='expand-up'][data-loading] .ladda-spinner {\n opacity: 1;\n top: 26px;\n margin-top: 0;\n }\n &[data-style='expand-up'][data-loading][data-size='s'],\n &[data-style='expand-up'][data-loading][data-size='xs'] {\n padding-top: 32px;\n }\n &[data-style='expand-up'][data-loading][data-size='s'] .ladda-spinner,\n &[data-style='expand-up'][data-loading][data-size='xs'] .ladda-spinner {\n top: 4px;\n }\n &[data-style='expand-down'] {\n overflow: hidden;\n }\n &[data-style='expand-down'] .ladda-spinner {\n top: 62px;\n left: 50%;\n margin-left: 0;\n }\n &[data-style='expand-down'][data-size='s'] .ladda-spinner,\n &[data-style='expand-down'][data-size='xs'] .ladda-spinner {\n top: 40px;\n }\n &[data-style='expand-down'][data-loading] {\n padding-bottom: 54px;\n }\n &[data-style='expand-down'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='expand-down'][data-loading][data-size='s'],\n &[data-style='expand-down'][data-loading][data-size='xs'] {\n padding-bottom: 32px;\n }\n &[data-style='slide-left'] {\n overflow: hidden;\n }\n &[data-style='slide-left'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-left'] .ladda-spinner {\n left: 100%;\n margin-left: 0;\n }\n &[data-style='slide-left'][data-loading] .ladda-label {\n opacity: 0;\n left: -100%;\n }\n &[data-style='slide-left'][data-loading] .ladda-spinner {\n opacity: 1;\n left: 50%;\n }\n &[data-style='slide-right'] {\n overflow: hidden;\n }\n &[data-style='slide-right'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-right'] .ladda-spinner {\n right: 100%;\n margin-left: 0;\n left: 16px;\n }\n [dir='rtl'] &[data-style='slide-right'] .ladda-spinner {\n right: auto;\n }\n &[data-style='slide-right'][data-loading] .ladda-label {\n opacity: 0;\n left: 100%;\n }\n &[data-style='slide-right'][data-loading] .ladda-spinner {\n opacity: 1;\n left: 50%;\n }\n &[data-style='slide-up'] {\n overflow: hidden;\n }\n &[data-style='slide-up'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-up'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n margin-top: 1em;\n }\n &[data-style='slide-up'][data-loading] .ladda-label {\n opacity: 0;\n top: -1em;\n }\n &[data-style='slide-up'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-top: 0;\n }\n &[data-style='slide-down'] {\n overflow: hidden;\n }\n &[data-style='slide-down'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-down'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n margin-top: -2em;\n }\n &[data-style='slide-down'][data-loading] .ladda-label {\n opacity: 0;\n top: 1em;\n }\n &[data-style='slide-down'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-top: 0;\n }\n &[data-style='zoom-out'] {\n overflow: hidden;\n }\n &[data-style='zoom-out'] .ladda-spinner {\n left: 50%;\n margin-left: 32px;\n transform: scale(2.5);\n }\n &[data-style='zoom-out'] .ladda-label {\n position: relative;\n display: inline-block;\n }\n &[data-style='zoom-out'][data-loading] .ladda-label {\n opacity: 0;\n transform: scale(0.5);\n }\n &[data-style='zoom-out'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-left: 0;\n transform: none;\n }\n &[data-style='zoom-in'] {\n overflow: hidden;\n }\n &[data-style='zoom-in'] .ladda-spinner {\n left: 50%;\n margin-left: -16px;\n transform: scale(0.2);\n }\n &[data-style='zoom-in'] .ladda-label {\n position: relative;\n display: inline-block;\n }\n &[data-style='zoom-in'][data-loading] .ladda-label {\n opacity: 0;\n transform: scale(2.2);\n }\n &[data-style='zoom-in'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-left: 0;\n transform: none;\n }\n &[data-style='contract'] {\n overflow: hidden;\n width: 100px;\n }\n &[data-style='contract'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n }\n &[data-style='contract'][data-loading] {\n border-radius: 50%;\n width: 52px;\n }\n &[data-style='contract'][data-loading] .ladda-label {\n opacity: 0;\n }\n &[data-style='contract'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='contract-overlay'] {\n overflow: hidden;\n width: 100px;\n box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0);\n }\n &[data-style='contract-overlay'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n }\n &[data-style='contract-overlay'][data-loading] {\n border-radius: 50%;\n width: 52px;\n box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0.8);\n }\n &[data-style='contract-overlay'][data-loading] .ladda-label {\n opacity: 0;\n }\n &[data-style='contract-overlay'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n [dir='rtl'] .ladda-spinner > div {\n left: 25% !important;\n }\n"], ["\n ", "\n\n /*!\n * Ladda\n * http://lab.hakim.se/ladda\n * MIT licensed\n *\n * Copyright (C) 2018 Hakim El Hattab, http://hakim.se\n */\n\n position: relative;\n\n .ladda-spinner {\n position: absolute;\n z-index: 2;\n display: inline-block;\n width: 32px;\n top: 50%;\n margin-top: 0;\n opacity: 0;\n pointer-events: none;\n }\n .ladda-label {\n position: relative;\n z-index: 3;\n }\n .ladda-progress {\n position: absolute;\n width: 0;\n height: 100%;\n left: 0;\n top: 0;\n background: rgba(0, 0, 0, 0.2);\n display: none;\n transition: 0.1s linear all !important;\n }\n &[data-loading] .ladda-progress {\n display: block;\n }\n\n transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;\n\n .ladda-spinner,\n .ladda-label {\n transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;\n }\n &[data-style='zoom-in'],\n &[data-style='zoom-in'] .ladda-spinner,\n &[data-style='zoom-in'] .ladda-label,\n &[data-style='zoom-out'],\n &[data-style='zoom-out'] .ladda-spinner,\n &[data-style='zoom-out'] .ladda-label {\n transition: 0.3s ease all !important;\n }\n &[data-style='expand-right'] .ladda-spinner {\n right: -6px;\n }\n &[data-style='expand-right'][data-size='s'] .ladda-spinner,\n &[data-style='expand-right'][data-size='xs'] .ladda-spinner {\n right: -12px;\n }\n &[data-style='expand-right'][data-loading] {\n padding-right: 56px;\n }\n &[data-style='expand-right'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='expand-right'][data-loading][data-size='s'],\n &[data-style='expand-right'][data-loading][data-size='xs'] {\n padding-right: 40px;\n }\n &[data-style='expand-left'] .ladda-spinner {\n left: 26px;\n }\n &[data-style='expand-left'][data-size='s'] .ladda-spinner,\n &[data-style='expand-left'][data-size='xs'] .ladda-spinner {\n left: 4px;\n }\n &[data-style='expand-left'][data-loading] {\n padding-left: 56px;\n }\n &[data-style='expand-left'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='expand-left'][data-loading][data-size='s'],\n &[data-style='expand-left'][data-loading][data-size='xs'] {\n padding-left: 40px;\n }\n &[data-style='expand-up'] {\n overflow: hidden;\n }\n &[data-style='expand-up'] .ladda-spinner {\n top: -32px;\n left: 50%;\n margin-left: 0;\n }\n &[data-style='expand-up'][data-loading] {\n padding-top: 54px;\n }\n &[data-style='expand-up'][data-loading] .ladda-spinner {\n opacity: 1;\n top: 26px;\n margin-top: 0;\n }\n &[data-style='expand-up'][data-loading][data-size='s'],\n &[data-style='expand-up'][data-loading][data-size='xs'] {\n padding-top: 32px;\n }\n &[data-style='expand-up'][data-loading][data-size='s'] .ladda-spinner,\n &[data-style='expand-up'][data-loading][data-size='xs'] .ladda-spinner {\n top: 4px;\n }\n &[data-style='expand-down'] {\n overflow: hidden;\n }\n &[data-style='expand-down'] .ladda-spinner {\n top: 62px;\n left: 50%;\n margin-left: 0;\n }\n &[data-style='expand-down'][data-size='s'] .ladda-spinner,\n &[data-style='expand-down'][data-size='xs'] .ladda-spinner {\n top: 40px;\n }\n &[data-style='expand-down'][data-loading] {\n padding-bottom: 54px;\n }\n &[data-style='expand-down'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='expand-down'][data-loading][data-size='s'],\n &[data-style='expand-down'][data-loading][data-size='xs'] {\n padding-bottom: 32px;\n }\n &[data-style='slide-left'] {\n overflow: hidden;\n }\n &[data-style='slide-left'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-left'] .ladda-spinner {\n left: 100%;\n margin-left: 0;\n }\n &[data-style='slide-left'][data-loading] .ladda-label {\n opacity: 0;\n left: -100%;\n }\n &[data-style='slide-left'][data-loading] .ladda-spinner {\n opacity: 1;\n left: 50%;\n }\n &[data-style='slide-right'] {\n overflow: hidden;\n }\n &[data-style='slide-right'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-right'] .ladda-spinner {\n right: 100%;\n margin-left: 0;\n left: 16px;\n }\n [dir='rtl'] &[data-style='slide-right'] .ladda-spinner {\n right: auto;\n }\n &[data-style='slide-right'][data-loading] .ladda-label {\n opacity: 0;\n left: 100%;\n }\n &[data-style='slide-right'][data-loading] .ladda-spinner {\n opacity: 1;\n left: 50%;\n }\n &[data-style='slide-up'] {\n overflow: hidden;\n }\n &[data-style='slide-up'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-up'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n margin-top: 1em;\n }\n &[data-style='slide-up'][data-loading] .ladda-label {\n opacity: 0;\n top: -1em;\n }\n &[data-style='slide-up'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-top: 0;\n }\n &[data-style='slide-down'] {\n overflow: hidden;\n }\n &[data-style='slide-down'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-down'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n margin-top: -2em;\n }\n &[data-style='slide-down'][data-loading] .ladda-label {\n opacity: 0;\n top: 1em;\n }\n &[data-style='slide-down'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-top: 0;\n }\n &[data-style='zoom-out'] {\n overflow: hidden;\n }\n &[data-style='zoom-out'] .ladda-spinner {\n left: 50%;\n margin-left: 32px;\n transform: scale(2.5);\n }\n &[data-style='zoom-out'] .ladda-label {\n position: relative;\n display: inline-block;\n }\n &[data-style='zoom-out'][data-loading] .ladda-label {\n opacity: 0;\n transform: scale(0.5);\n }\n &[data-style='zoom-out'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-left: 0;\n transform: none;\n }\n &[data-style='zoom-in'] {\n overflow: hidden;\n }\n &[data-style='zoom-in'] .ladda-spinner {\n left: 50%;\n margin-left: -16px;\n transform: scale(0.2);\n }\n &[data-style='zoom-in'] .ladda-label {\n position: relative;\n display: inline-block;\n }\n &[data-style='zoom-in'][data-loading] .ladda-label {\n opacity: 0;\n transform: scale(2.2);\n }\n &[data-style='zoom-in'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-left: 0;\n transform: none;\n }\n &[data-style='contract'] {\n overflow: hidden;\n width: 100px;\n }\n &[data-style='contract'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n }\n &[data-style='contract'][data-loading] {\n border-radius: 50%;\n width: 52px;\n }\n &[data-style='contract'][data-loading] .ladda-label {\n opacity: 0;\n }\n &[data-style='contract'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='contract-overlay'] {\n overflow: hidden;\n width: 100px;\n box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0);\n }\n &[data-style='contract-overlay'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n }\n &[data-style='contract-overlay'][data-loading] {\n border-radius: 50%;\n width: 52px;\n box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0.8);\n }\n &[data-style='contract-overlay'][data-loading] .ladda-label {\n opacity: 0;\n }\n &[data-style='contract-overlay'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n [dir='rtl'] .ladda-spinner > div {\n left: 25% !important;\n }\n"])), function (props) {
|
|
454
454
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
|
|
455
455
|
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 ");
|
|
456
456
|
});
|
|
457
|
-
var templateObject_1$
|
|
457
|
+
var templateObject_1$S;
|
|
458
458
|
|
|
459
|
-
var ButtonsRow$2 = styled.div(templateObject_1$
|
|
460
|
-
var templateObject_1$
|
|
459
|
+
var ButtonsRow$2 = styled.div(templateObject_1$R || (templateObject_1$R = __makeTemplateObject(["\n display: flex;\n gap: 0 15px;\n justify-content: center;\n text-align: left;\n"], ["\n display: flex;\n gap: 0 15px;\n justify-content: center;\n text-align: left;\n"])));
|
|
460
|
+
var templateObject_1$R;
|
|
461
461
|
|
|
462
|
-
var GuidanceMessageContainerDiv = styled.div(templateObject_1$
|
|
462
|
+
var GuidanceMessageContainerDiv = styled.div(templateObject_1$Q || (templateObject_1$Q = __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) {
|
|
463
463
|
var $top = _a.$top;
|
|
464
464
|
return $top !== null && $top !== void 0 ? $top : '10%';
|
|
465
465
|
}, function (_a) {
|
|
@@ -472,38 +472,38 @@
|
|
|
472
472
|
if (!portalLocation) return element;
|
|
473
473
|
return /*#__PURE__*/reactDom.createPortal(element, portalLocation);
|
|
474
474
|
};
|
|
475
|
-
var GuidanceMessage = styled.div(templateObject_2$
|
|
475
|
+
var GuidanceMessage = styled.div(templateObject_2$H || (templateObject_2$H = __makeTemplateObject(["\n margin-left: auto;\n margin-right: auto;\n background: ", ";\n color: ", ";\n padding: 10px 12px 8px;\n border-radius: 8px;\n z-index: 10001;\n"], ["\n margin-left: auto;\n margin-right: auto;\n background: ", ";\n color: ", ";\n padding: 10px 12px 8px;\n border-radius: 8px;\n z-index: 10001;\n"])), function (props) {
|
|
476
476
|
var _a, _b, _c, _d, _e, _f;
|
|
477
477
|
return (_f = (_a = props.$background) !== 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.backgroundColor) !== null && _f !== void 0 ? _f : '#ccc';
|
|
478
478
|
}, function (props) {
|
|
479
479
|
var _a, _b, _c, _d, _e, _f;
|
|
480
480
|
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';
|
|
481
481
|
});
|
|
482
|
-
var templateObject_1$
|
|
482
|
+
var templateObject_1$Q, templateObject_2$H;
|
|
483
483
|
|
|
484
|
-
var wavesAnimation = styled.keyframes(templateObject_1$
|
|
485
|
-
var progressBarAnimation = styled.keyframes(templateObject_2$
|
|
486
|
-
var dualRingSpinnerAnimation = styled.keyframes(templateObject_3$
|
|
487
|
-
var progressBorderAnimation = styled.keyframes(templateObject_4$
|
|
488
|
-
var templateObject_1$
|
|
484
|
+
var wavesAnimation = styled.keyframes(templateObject_1$P || (templateObject_1$P = __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"])));
|
|
485
|
+
var progressBarAnimation = styled.keyframes(templateObject_2$G || (templateObject_2$G = __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"])));
|
|
486
|
+
var dualRingSpinnerAnimation = styled.keyframes(templateObject_3$t || (templateObject_3$t = __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"])));
|
|
487
|
+
var progressBorderAnimation = styled.keyframes(templateObject_4$n || (templateObject_4$n = __makeTemplateObject(["\n to {\n stroke-dashoffset: 0;\n }\n"], ["\n to {\n stroke-dashoffset: 0;\n }\n"])));
|
|
488
|
+
var templateObject_1$P, templateObject_2$G, templateObject_3$t, templateObject_4$n;
|
|
489
489
|
|
|
490
|
-
var OverlayContainer = styled.div(templateObject_1$
|
|
490
|
+
var OverlayContainer = styled.div(templateObject_1$O || (templateObject_1$O = __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) {
|
|
491
491
|
return props.theme.background ? "".concat(props.theme.background) : "white";
|
|
492
492
|
}, function (props) {
|
|
493
493
|
return props.theme.textColor ? "color: ".concat(props.theme.textColor, ";") : "";
|
|
494
494
|
});
|
|
495
|
-
var OverlayInner$2 = styled.div(templateObject_2$
|
|
495
|
+
var OverlayInner$2 = styled.div(templateObject_2$F || (templateObject_2$F = __makeTemplateObject(["\n text-align: ", ";\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n width: 100%;\n height: 100%;\n ", "\n"], ["\n text-align: ", ";\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n width: 100%;\n height: 100%;\n ", "\n"])), function (props) {
|
|
496
496
|
var _a;
|
|
497
497
|
return (_a = props.theme.textAlign) !== null && _a !== void 0 ? _a : 'center';
|
|
498
498
|
}, function (props) {
|
|
499
499
|
return props.theme.padding ? "box-sizing: border-box; padding: ".concat(props.theme.padding, ";") : "";
|
|
500
500
|
});
|
|
501
|
-
var OverlayImageContainer = styled.div(templateObject_3$
|
|
502
|
-
var OverlayImageRow = styled.div(templateObject_4$
|
|
501
|
+
var OverlayImageContainer = styled.div(templateObject_3$s || (templateObject_3$s = __makeTemplateObject(["\n position: relative;\n display: flex;\n flex-grow: 1;\n padding-bottom: 25px;\n overflow: hidden;\n\n & > img,\n & > svg {\n margin: 0 auto;\n width: max-content;\n max-width: 100%;\n max-height: 100%;\n aspect-ratio: initial;\n object-fit: contain;\n display: block;\n }\n"], ["\n position: relative;\n display: flex;\n flex-grow: 1;\n padding-bottom: 25px;\n overflow: hidden;\n\n & > img,\n & > svg {\n margin: 0 auto;\n width: max-content;\n max-width: 100%;\n max-height: 100%;\n aspect-ratio: initial;\n object-fit: contain;\n display: block;\n }\n"])));
|
|
502
|
+
var OverlayImageRow = styled.div(templateObject_4$m || (templateObject_4$m = __makeTemplateObject(["\n display: flex;\n margin: auto;\n\n & > div {\n max-height: calc(100% - 320px);\n\n & > img {\n width: 100%;\n max-height: 100%;\n height: auto;\n object-fit: contain;\n }\n }\n"], ["\n display: flex;\n margin: auto;\n\n & > div {\n max-height: calc(100% - 320px);\n\n & > img {\n width: 100%;\n max-height: 100%;\n height: auto;\n object-fit: contain;\n }\n }\n"])));
|
|
503
503
|
var GrayOverlayContainer = styled(OverlayContainer)(templateObject_5$e || (templateObject_5$e = __makeTemplateObject(["\n background: #f7f6fb;\n"], ["\n background: #f7f6fb;\n"])));
|
|
504
|
-
var ButtonsColumn = styled.div(templateObject_6$
|
|
505
|
-
var WideButton = styled(LoaderButton)(templateObject_7$
|
|
506
|
-
var WideBorderButton = styled(WideButton)(templateObject_8$
|
|
504
|
+
var ButtonsColumn = styled.div(templateObject_6$9 || (templateObject_6$9 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n gap: 15px 0;\n justify-content: center;\n margin-top: 24px;\n"], ["\n display: flex;\n flex-direction: column;\n gap: 15px 0;\n justify-content: center;\n margin-top: 24px;\n"])));
|
|
505
|
+
var WideButton = styled(LoaderButton)(templateObject_7$5 || (templateObject_7$5 = __makeTemplateObject(["\n width: 100%;\n border-radius: 30px;\n"], ["\n width: 100%;\n border-radius: 30px;\n"])));
|
|
506
|
+
var WideBorderButton = styled(WideButton)(templateObject_8$4 || (templateObject_8$4 = __makeTemplateObject(["\n color: ", ";\n background: ", ";\n border: 1px solid\n ", ";\n box-sizing: border-box;\n"], ["\n color: ", ";\n background: ", ";\n border: 1px solid\n ", ";\n box-sizing: border-box;\n"])), function (props) {
|
|
507
507
|
var _a, _b;
|
|
508
508
|
return (_b = (_a = props.colors) === null || _a === void 0 ? void 0 : _a.textColor) !== null && _b !== void 0 ? _b : 'black';
|
|
509
509
|
}, function (props) {
|
|
@@ -513,7 +513,7 @@
|
|
|
513
513
|
var _a, _b;
|
|
514
514
|
return (_b = (_a = props.colors) === null || _a === void 0 ? void 0 : _a.borderColor) !== null && _b !== void 0 ? _b : 'var(--idm-color-secondary-500)';
|
|
515
515
|
});
|
|
516
|
-
var LoadingOverlayInner = styled(OverlayInner$2)(templateObject_9$
|
|
516
|
+
var LoadingOverlayInner = styled(OverlayInner$2)(templateObject_9$2 || (templateObject_9$2 = __makeTemplateObject(["\n position: relative;\n height: 100%;\n display: flex;\n flex-direction: column;\n padding: 0;\n"], ["\n position: relative;\n height: 100%;\n display: flex;\n flex-direction: column;\n padding: 0;\n"])));
|
|
517
517
|
var LoadingOverlayHeader = styled.div(templateObject_10$1 || (templateObject_10$1 = __makeTemplateObject(["\n text-align: ", ";\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n ", "\n padding-bottom: 0;\n"], ["\n text-align: ", ";\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n ", "\n padding-bottom: 0;\n"])), function (props) {
|
|
518
518
|
var _a;
|
|
519
519
|
return (_a = props.theme.textAlign) !== null && _a !== void 0 ? _a : 'center';
|
|
@@ -540,7 +540,7 @@
|
|
|
540
540
|
var LoadingOverlayProgressContainer = styled.div(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n"])));
|
|
541
541
|
var LoadingOverlayCustomLoadingGraphic = styled.img(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n transform-style: preserve-3d;\n"], ["\n transform-style: preserve-3d;\n"])));
|
|
542
542
|
var LoadingOverlayContinueButtonContainer = styled.div(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n display: flex;\n"], ["\n display: flex;\n"])));
|
|
543
|
-
var templateObject_1$
|
|
543
|
+
var templateObject_1$O, templateObject_2$F, templateObject_3$s, templateObject_4$m, templateObject_5$e, templateObject_6$9, templateObject_7$5, templateObject_8$4, templateObject_9$2, templateObject_10$1, templateObject_11$1, templateObject_12$1, templateObject_13$1, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22;
|
|
544
544
|
|
|
545
545
|
function _extends() {
|
|
546
546
|
return _extends = Object.assign ? Object.assign.bind() : function (n) {
|
|
@@ -8074,7 +8074,7 @@
|
|
|
8074
8074
|
return [frameWidth, frameHeight];
|
|
8075
8075
|
}
|
|
8076
8076
|
|
|
8077
|
-
var InvisibleCanvas = styled.canvas(templateObject_1$
|
|
8077
|
+
var InvisibleCanvas = styled.canvas(templateObject_1$N || (templateObject_1$N = __makeTemplateObject(["\n display: none;\n"], ["\n display: none;\n"])));
|
|
8078
8078
|
function drawToCanvas(canvas, frame, width, height) {
|
|
8079
8079
|
if (!canvas) return;
|
|
8080
8080
|
var ctx = canvas.getContext('2d');
|
|
@@ -8094,7 +8094,7 @@
|
|
|
8094
8094
|
var _a;
|
|
8095
8095
|
(_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);
|
|
8096
8096
|
}
|
|
8097
|
-
var templateObject_1$
|
|
8097
|
+
var templateObject_1$N;
|
|
8098
8098
|
|
|
8099
8099
|
function cropToShoulders(rawCanvas, cropCanvas, resizeCanvas, frame, face, quality, maxHeight) {
|
|
8100
8100
|
if (quality === void 0) {
|
|
@@ -13997,14 +13997,14 @@
|
|
|
13997
13997
|
className: classNames.message
|
|
13998
13998
|
}, messageText)));
|
|
13999
13999
|
}
|
|
14000
|
-
var StyledOverlayInner$4 = styled(OverlayInner$2)(templateObject_1$
|
|
14001
|
-
var StyledOverlayHeading = styled.h3(templateObject_2$
|
|
14000
|
+
var StyledOverlayInner$4 = styled(OverlayInner$2)(templateObject_1$M || (templateObject_1$M = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
14001
|
+
var StyledOverlayHeading = styled.h3(templateObject_2$E || (templateObject_2$E = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
14002
14002
|
function useCameraStore(selector) {
|
|
14003
14003
|
var store = React.useContext(CameraStoreContext);
|
|
14004
14004
|
if (!store) throw new Error('useCameraStore cannot be used without Provider');
|
|
14005
14005
|
return useStore(store, selector);
|
|
14006
14006
|
}
|
|
14007
|
-
var templateObject_1$
|
|
14007
|
+
var templateObject_1$M, templateObject_2$E;
|
|
14008
14008
|
|
|
14009
14009
|
var DocumentDetectionModelContext = /*#__PURE__*/React.createContext({
|
|
14010
14010
|
startDocumentDetection: function startDocumentDetection() {
|
|
@@ -15351,12 +15351,12 @@
|
|
|
15351
15351
|
if (!portalLocation) return element;
|
|
15352
15352
|
return /*#__PURE__*/reactDom.createPortal(element, portalLocation);
|
|
15353
15353
|
}
|
|
15354
|
-
var DebugStatsPaneDiv = styled.span(templateObject_1$
|
|
15355
|
-
var ObjectDetectionDebugOverlayDiv = styled.div(templateObject_2$
|
|
15354
|
+
var DebugStatsPaneDiv = styled.span(templateObject_1$L || (templateObject_1$L = __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"])));
|
|
15355
|
+
var ObjectDetectionDebugOverlayDiv = styled.div(templateObject_2$D || (templateObject_2$D = __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) {
|
|
15356
15356
|
var $flipX = _a.$flipX;
|
|
15357
15357
|
return $flipX ? 'transform: scaleX(-1);' : '';
|
|
15358
15358
|
});
|
|
15359
|
-
var ObjectDetectionDebugBox = styled.div(templateObject_3$
|
|
15359
|
+
var ObjectDetectionDebugBox = styled.div(templateObject_3$r || (templateObject_3$r = __makeTemplateObject(["\n font: 10px monospace;\n position: absolute;\n border: 3px solid ", ";\n color: ", ";\n ", "\n transform-style: preserve-3d;\n"], ["\n font: 10px monospace;\n position: absolute;\n border: 3px solid ", ";\n color: ", ";\n ", "\n transform-style: preserve-3d;\n"])), function (_a) {
|
|
15360
15360
|
var $color = _a.$color;
|
|
15361
15361
|
return $color !== null && $color !== void 0 ? $color : 'green';
|
|
15362
15362
|
}, function (_a) {
|
|
@@ -15366,7 +15366,7 @@
|
|
|
15366
15366
|
var $flipX = _a.$flipX;
|
|
15367
15367
|
return $flipX ? 'transform: scaleX(-1);' : '';
|
|
15368
15368
|
});
|
|
15369
|
-
var FaceDetectionKeypointMarker = styled.div(templateObject_4$
|
|
15369
|
+
var FaceDetectionKeypointMarker = styled.div(templateObject_4$l || (templateObject_4$l = __makeTemplateObject(["\n position: absolute;\n width: 4px;\n height: 4px;\n border: 2px solid ", ";\n font: 10px monospace;\n color: ", ";\n border-radius: 50%;\n ", "\n transform-style: preserve-3d;\n"], ["\n position: absolute;\n width: 4px;\n height: 4px;\n border: 2px solid ", ";\n font: 10px monospace;\n color: ", ";\n border-radius: 50%;\n ", "\n transform-style: preserve-3d;\n"])), function (_a) {
|
|
15370
15370
|
var $color = _a.$color;
|
|
15371
15371
|
return $color !== null && $color !== void 0 ? $color : 'red';
|
|
15372
15372
|
}, function (_a) {
|
|
@@ -15563,7 +15563,7 @@
|
|
|
15563
15563
|
}
|
|
15564
15564
|
});
|
|
15565
15565
|
}
|
|
15566
|
-
var templateObject_1$
|
|
15566
|
+
var templateObject_1$L, templateObject_2$D, templateObject_3$r, templateObject_4$l;
|
|
15567
15567
|
|
|
15568
15568
|
function OverrideWrongDocumentTypeGuidanceDialog(_a) {
|
|
15569
15569
|
var _b = _a.classNames,
|
|
@@ -15596,18 +15596,18 @@
|
|
|
15596
15596
|
}
|
|
15597
15597
|
}, verbiage.buttonText))));
|
|
15598
15598
|
}
|
|
15599
|
-
var Container$7 = styled.div(templateObject_1$
|
|
15599
|
+
var Container$7 = styled.div(templateObject_1$K || (templateObject_1$K = __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) {
|
|
15600
15600
|
var _a, _b, _c;
|
|
15601
15601
|
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';
|
|
15602
15602
|
}, function (props) {
|
|
15603
15603
|
var _a, _b, _c;
|
|
15604
15604
|
return (_c = (_b = (_a = props.theme.idCapture) === null || _a === void 0 ? void 0 : _a.overrideWrongDocumentTypeGuidance) === null || _b === void 0 ? void 0 : _b.textColor) !== null && _c !== void 0 ? _c : 'black';
|
|
15605
15605
|
});
|
|
15606
|
-
var InnerContainer = styled.div(templateObject_2$
|
|
15607
|
-
var Message = styled.span(templateObject_3$
|
|
15608
|
-
var ButtonContainer = styled.div(templateObject_4$
|
|
15606
|
+
var InnerContainer = styled.div(templateObject_2$C || (templateObject_2$C = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n padding: 16px 24px;\n margin: auto 0;\n width: 100%;\n"], ["\n display: flex;\n flex-direction: row;\n padding: 16px 24px;\n margin: auto 0;\n width: 100%;\n"])));
|
|
15607
|
+
var Message = styled.span(templateObject_3$q || (templateObject_3$q = __makeTemplateObject(["\n display: block;\n margin: auto 12px auto 0;\n"], ["\n display: block;\n margin: auto 12px auto 0;\n"])));
|
|
15608
|
+
var ButtonContainer = styled.div(templateObject_4$k || (templateObject_4$k = __makeTemplateObject(["\n display: flex;\n margin-left: auto;\n"], ["\n display: flex;\n margin-left: auto;\n"])));
|
|
15609
15609
|
var Button$1 = styled(LoaderButton)(templateObject_5$d || (templateObject_5$d = __makeTemplateObject(["\n white-space: nowrap;\n margin: auto;\n"], ["\n white-space: nowrap;\n margin: auto;\n"])));
|
|
15610
|
-
var templateObject_1$
|
|
15610
|
+
var templateObject_1$K, templateObject_2$C, templateObject_3$q, templateObject_4$k, templateObject_5$d;
|
|
15611
15611
|
|
|
15612
15612
|
// This is a simplified version of https://github.com/ZeeCoder/use-resize-observer.
|
|
15613
15613
|
// We have removed all options and made it compliant with React Compiler/React 19.
|
|
@@ -15937,13 +15937,13 @@
|
|
|
15937
15937
|
finished: true
|
|
15938
15938
|
}, verbiage.retryBtnText)));
|
|
15939
15939
|
};
|
|
15940
|
-
var StyledOverlayInner$3 = styled(OverlayInner$2)(templateObject_1$
|
|
15941
|
-
var StyledOverlayImageContainer$1 = styled(OverlayImageContainer)(templateObject_2$
|
|
15942
|
-
var Description$4 = styled.p(templateObject_3$
|
|
15943
|
-
var RetryButton$1 = styled(LoaderButton)(templateObject_4$
|
|
15944
|
-
var templateObject_1$
|
|
15940
|
+
var StyledOverlayInner$3 = styled(OverlayInner$2)(templateObject_1$J || (templateObject_1$J = __makeTemplateObject(["\n max-width: 500px;\n height: auto;\n margin: auto;\n"], ["\n max-width: 500px;\n height: auto;\n margin: auto;\n"])));
|
|
15941
|
+
var StyledOverlayImageContainer$1 = styled(OverlayImageContainer)(templateObject_2$B || (templateObject_2$B = __makeTemplateObject(["\n flex-grow: 0;\n"], ["\n flex-grow: 0;\n"])));
|
|
15942
|
+
var Description$4 = styled.p(templateObject_3$p || (templateObject_3$p = __makeTemplateObject(["\n line-height: 1.5;\n margin-bottom: 50px;\n"], ["\n line-height: 1.5;\n margin-bottom: 50px;\n"])));
|
|
15943
|
+
var RetryButton$1 = styled(LoaderButton)(templateObject_4$j || (templateObject_4$j = __makeTemplateObject(["\n width: 200px;\n margin: 0 auto;\n"], ["\n width: 200px;\n margin: 0 auto;\n"])));
|
|
15944
|
+
var templateObject_1$J, templateObject_2$B, templateObject_3$p, templateObject_4$j;
|
|
15945
15945
|
|
|
15946
|
-
var ExitCaptureStyledButton = styled.button(templateObject_1$
|
|
15946
|
+
var ExitCaptureStyledButton = styled.button(templateObject_1$I || (templateObject_1$I = __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"])));
|
|
15947
15947
|
var ExitCaptureButton = function ExitCaptureButton(_a) {
|
|
15948
15948
|
var onClick = _a.onClick,
|
|
15949
15949
|
className = _a.className;
|
|
@@ -15987,7 +15987,7 @@
|
|
|
15987
15987
|
y2: "19.75"
|
|
15988
15988
|
}))));
|
|
15989
15989
|
};
|
|
15990
|
-
var templateObject_1$
|
|
15990
|
+
var templateObject_1$I;
|
|
15991
15991
|
|
|
15992
15992
|
function IdCaptureLoadingGraphic(props) {
|
|
15993
15993
|
var isMobile = window.innerHeight > window.innerWidth;
|
|
@@ -16462,21 +16462,21 @@
|
|
|
16462
16462
|
fill: "white"
|
|
16463
16463
|
}))));
|
|
16464
16464
|
}
|
|
16465
|
-
var LoadingGraphicWrapper = styled.div(templateObject_1$
|
|
16466
|
-
var LoadingGraphicSvg = styled.svg(templateObject_2$
|
|
16465
|
+
var LoadingGraphicWrapper = styled.div(templateObject_1$H || (templateObject_1$H = __makeTemplateObject(["\n display: flex;\n width: 100%;\n height: 100%;\n"], ["\n display: flex;\n width: 100%;\n height: 100%;\n"])));
|
|
16466
|
+
var LoadingGraphicSvg = styled.svg(templateObject_2$A || (templateObject_2$A = __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) {
|
|
16467
16467
|
return props.$frame > 1 ? 1 : props.$frame === 1 ? 1.25 : 0.75;
|
|
16468
16468
|
}, function (props) {
|
|
16469
16469
|
return props.$frame >= 5 ? 10 : 0;
|
|
16470
16470
|
}, function (props) {
|
|
16471
16471
|
return props.$borderColor;
|
|
16472
16472
|
});
|
|
16473
|
-
var LoadingGraphicCardGroup = styled.g(templateObject_3$
|
|
16473
|
+
var LoadingGraphicCardGroup = styled.g(templateObject_3$o || (templateObject_3$o = __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) {
|
|
16474
16474
|
return props.$offScreen ? '-500px' : '0';
|
|
16475
16475
|
});
|
|
16476
|
-
var LoadingGraphicPhoneGroup = styled.g(templateObject_4$
|
|
16476
|
+
var LoadingGraphicPhoneGroup = styled.g(templateObject_4$i || (templateObject_4$i = __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) {
|
|
16477
16477
|
return props.$offScreen ? '40px' : '0';
|
|
16478
16478
|
});
|
|
16479
|
-
var templateObject_1$
|
|
16479
|
+
var templateObject_1$H, templateObject_2$A, templateObject_3$o, templateObject_4$i;
|
|
16480
16480
|
|
|
16481
16481
|
function LoadingListItemIndicator(_a) {
|
|
16482
16482
|
var _b = _a.state,
|
|
@@ -16729,16 +16729,16 @@
|
|
|
16729
16729
|
}
|
|
16730
16730
|
}, ready ? verbiage.continueText : verbiage.pleaseWaitText))))));
|
|
16731
16731
|
};
|
|
16732
|
-
var OverlayInner$1 = styled(LoadingOverlayInner)(templateObject_1$
|
|
16732
|
+
var OverlayInner$1 = styled(LoadingOverlayInner)(templateObject_1$G || (templateObject_1$G = __makeTemplateObject(["\n background: ", ";\n color: ", ";\n"], ["\n background: ", ";\n color: ", ";\n"])), function (props) {
|
|
16733
16733
|
var _a, _b, _c, _d;
|
|
16734
16734
|
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';
|
|
16735
16735
|
}, function (props) {
|
|
16736
16736
|
var _a, _b, _c, _d;
|
|
16737
16737
|
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.textColor) !== null && _d !== void 0 ? _d : 'black';
|
|
16738
16738
|
});
|
|
16739
|
-
var ContinuityCameraCheckboxContainer$1 = styled.div(templateObject_2$
|
|
16740
|
-
var ContinuityCameraCheckboxInner = styled(GuidanceMessage)(templateObject_3$
|
|
16741
|
-
var ContinuityCameraCheckbox$1 = styled.input(templateObject_4$
|
|
16739
|
+
var ContinuityCameraCheckboxContainer$1 = styled.div(templateObject_2$z || (templateObject_2$z = __makeTemplateObject(["\n position: absolute;\n bottom: 120px;\n width: 100%;\n display: flex;\n"], ["\n position: absolute;\n bottom: 120px;\n width: 100%;\n display: flex;\n"])));
|
|
16740
|
+
var ContinuityCameraCheckboxInner = styled(GuidanceMessage)(templateObject_3$n || (templateObject_3$n = __makeTemplateObject(["\n display: flex;\n gap: 8px;\n align-items: center;\n padding: 12px 18px;\n margin: 0 auto;\n font-size: 14px;\n font-weight: bold;\n background: white;\n box-shadow:\n 0 1px 3px 0 rgb(0 0 0 / 0.1),\n 0 1px 2px -1px rgb(0 0 0 / 0.1);\n"], ["\n display: flex;\n gap: 8px;\n align-items: center;\n padding: 12px 18px;\n margin: 0 auto;\n font-size: 14px;\n font-weight: bold;\n background: white;\n box-shadow:\n 0 1px 3px 0 rgb(0 0 0 / 0.1),\n 0 1px 2px -1px rgb(0 0 0 / 0.1);\n"])));
|
|
16741
|
+
var ContinuityCameraCheckbox$1 = styled.input(templateObject_4$h || (templateObject_4$h = __makeTemplateObject(["\n margin: 0;\n"], ["\n margin: 0;\n"])));
|
|
16742
16742
|
var ButtonsRow$1 = styled(LoadingOverlayButtonsRow)(templateObject_5$c || (templateObject_5$c = __makeTemplateObject(["\n color: ", ";\n ", "\n"], ["\n color: ", ";\n ", "\n"])), function (props) {
|
|
16743
16743
|
var _a, _b, _c, _d;
|
|
16744
16744
|
return (_d = (_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.idCapture) === null || _b === void 0 ? void 0 : _b.loadingOverlay) === null || _c === void 0 ? void 0 : _c.progressBarTextColor) !== null && _d !== void 0 ? _d : 'white';
|
|
@@ -16746,18 +16746,18 @@
|
|
|
16746
16746
|
var _a, _b, _c, _d, _e, _f;
|
|
16747
16747
|
return ((_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.progressBarFontSize) ? "font-size: ".concat((_f = (_e = (_d = props.theme) === null || _d === void 0 ? void 0 : _d.idCapture) === null || _e === void 0 ? void 0 : _e.loadingOverlay) === null || _f === void 0 ? void 0 : _f.progressBarFontSize, ";") : '';
|
|
16748
16748
|
});
|
|
16749
|
-
var ProgressBarBackground$1 = styled(LoadingOverlayProgressBarBackground)(templateObject_6$
|
|
16749
|
+
var ProgressBarBackground$1 = styled(LoadingOverlayProgressBarBackground)(templateObject_6$8 || (templateObject_6$8 = __makeTemplateObject(["\n background: ", ";\n opacity: ", ";\n"], ["\n background: ", ";\n opacity: ", ";\n"])), function (props) {
|
|
16750
16750
|
var _a, _b, _c, _d;
|
|
16751
16751
|
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.progressBarBackgroundColor) !== null && _d !== void 0 ? _d : 'var(--idm-color-positive-600)';
|
|
16752
16752
|
}, function (props) {
|
|
16753
16753
|
var _a, _b, _c, _d;
|
|
16754
16754
|
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;
|
|
16755
16755
|
});
|
|
16756
|
-
var ProgressIndicator$1 = styled(LoadingOverlayProgressIndicator)(templateObject_7$
|
|
16756
|
+
var ProgressIndicator$1 = styled(LoadingOverlayProgressIndicator)(templateObject_7$4 || (templateObject_7$4 = __makeTemplateObject(["\n background: ", ";\n"], ["\n background: ", ";\n"])), function (props) {
|
|
16757
16757
|
var _a, _b, _c, _d;
|
|
16758
16758
|
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.progressBarIndicatorColor) !== null && _d !== void 0 ? _d : 'var(--idm-color-primary-500)';
|
|
16759
16759
|
});
|
|
16760
|
-
var ContinueButton$1 = styled(LoaderButton)(templateObject_8$
|
|
16760
|
+
var ContinueButton$1 = styled(LoaderButton)(templateObject_8$3 || (templateObject_8$3 = __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) {
|
|
16761
16761
|
var _a, _b, _c, _d, _e, _f;
|
|
16762
16762
|
return ((_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.progressBarFontSize) ? "font-size: ".concat((_f = (_e = (_d = props.theme) === null || _d === void 0 ? void 0 : _d.idCapture) === null || _e === void 0 ? void 0 : _e.loadingOverlay) === null || _f === void 0 ? void 0 : _f.progressBarFontSize, ";") : '';
|
|
16763
16763
|
}, function (props) {
|
|
@@ -16776,10 +16776,10 @@
|
|
|
16776
16776
|
var _a, _b, _c, _d;
|
|
16777
16777
|
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';
|
|
16778
16778
|
});
|
|
16779
|
-
var templateObject_1$
|
|
16779
|
+
var templateObject_1$G, templateObject_2$z, templateObject_3$n, templateObject_4$h, templateObject_5$c, templateObject_6$8, templateObject_7$4, templateObject_8$3;
|
|
16780
16780
|
|
|
16781
|
-
var ContinuityCameraCheckboxContainer = styled.div(templateObject_1$
|
|
16782
|
-
var ContinuityCameraCheckbox = styled.input(templateObject_2$
|
|
16781
|
+
var ContinuityCameraCheckboxContainer = styled.div(templateObject_1$F || (templateObject_1$F = __makeTemplateObject(["\n margin-top: 15px;\n margin-bottom: 15px;\n"], ["\n margin-top: 15px;\n margin-bottom: 15px;\n"])));
|
|
16782
|
+
var ContinuityCameraCheckbox = styled.input(templateObject_2$y || (templateObject_2$y = __makeTemplateObject(["\n margin-right: 8px;\n"], ["\n margin-right: 8px;\n"])));
|
|
16783
16783
|
var IdCaptureLoadingOverlayLegacy = function IdCaptureLoadingOverlayLegacy(_a) {
|
|
16784
16784
|
var _b, _c, _d, _e;
|
|
16785
16785
|
var onDismissed = _a.onDismissed,
|
|
@@ -16900,7 +16900,7 @@
|
|
|
16900
16900
|
}
|
|
16901
16901
|
}, ready ? verbiage.continueText : modelsReady ? verbiage.cameraInitializingText : modelDownloadProgress >= 100 ? verbiage.modelsWarmingUpText : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)"))));
|
|
16902
16902
|
};
|
|
16903
|
-
var templateObject_1$
|
|
16903
|
+
var templateObject_1$F, templateObject_2$y;
|
|
16904
16904
|
|
|
16905
16905
|
var components$1 = {
|
|
16906
16906
|
"default": IdCaptureLoadingOverlayDefault,
|
|
@@ -16958,9 +16958,9 @@
|
|
|
16958
16958
|
});
|
|
16959
16959
|
};
|
|
16960
16960
|
|
|
16961
|
-
var Card = styled.div(templateObject_1$
|
|
16962
|
-
var FlexCard = styled(Card)(templateObject_2$
|
|
16963
|
-
var templateObject_1$
|
|
16961
|
+
var Card = styled.div(templateObject_1$E || (templateObject_1$E = __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"])));
|
|
16962
|
+
var FlexCard = styled(Card)(templateObject_2$x || (templateObject_2$x = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n"], ["\n display: flex;\n flex-direction: column;\n"])));
|
|
16963
|
+
var templateObject_1$E, templateObject_2$x;
|
|
16964
16964
|
|
|
16965
16965
|
var imageDisplayOrder = ['idCardFront', 'idCardBack', 'passport', 'singlePage', 'idFrontIrImage', 'idBackIrImage', 'idFrontUvImage', 'idBackUvImage'];
|
|
16966
16966
|
var IdCaptureSuccess = function IdCaptureSuccess(_a) {
|
|
@@ -17022,13 +17022,13 @@
|
|
|
17022
17022
|
finished: true
|
|
17023
17023
|
}, verbiage.retryText)))));
|
|
17024
17024
|
};
|
|
17025
|
-
var Heading$a = styled.h1(templateObject_1$
|
|
17026
|
-
var ImagesContainer = styled(OverlayImageContainer)(templateObject_2$
|
|
17027
|
-
var ImageRow = styled(OverlayImageRow)(templateObject_3$
|
|
17028
|
-
var ImageCol$1 = styled.div(templateObject_4$
|
|
17025
|
+
var Heading$a = styled.h1(templateObject_1$D || (templateObject_1$D = __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"])));
|
|
17026
|
+
var ImagesContainer = styled(OverlayImageContainer)(templateObject_2$w || (templateObject_2$w = __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"])));
|
|
17027
|
+
var ImageRow = styled(OverlayImageRow)(templateObject_3$m || (templateObject_3$m = __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"])));
|
|
17028
|
+
var ImageCol$1 = styled.div(templateObject_4$g || (templateObject_4$g = __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"])));
|
|
17029
17029
|
var StyledImage = styled(CapturedDocumentImg)(templateObject_5$b || (templateObject_5$b = __makeTemplateObject(["\n width: 100%;\n border-radius: 12px;\n"], ["\n width: 100%;\n border-radius: 12px;\n"])));
|
|
17030
|
-
var DebugPre = styled.pre(templateObject_6$
|
|
17031
|
-
var templateObject_1$
|
|
17030
|
+
var DebugPre = styled.pre(templateObject_6$7 || (templateObject_6$7 = __makeTemplateObject(["\n display: block;\n text-align: left;\n width: 100%;\n max-width: 100%;\n overflow-x: auto;\n"], ["\n display: block;\n text-align: left;\n width: 100%;\n max-width: 100%;\n overflow-x: auto;\n"])));
|
|
17031
|
+
var templateObject_1$D, templateObject_2$w, templateObject_3$m, templateObject_4$g, templateObject_5$b, templateObject_6$7;
|
|
17032
17032
|
|
|
17033
17033
|
function useShowSuccessScreen(skipSuccessScreen, successScreenReady, onDoneCallback) {
|
|
17034
17034
|
var _this = this;
|
|
@@ -17080,12 +17080,12 @@
|
|
|
17080
17080
|
canvas.style.height = '0';
|
|
17081
17081
|
}
|
|
17082
17082
|
|
|
17083
|
-
var IdCardGuideImageContainer = styled(IdCardBorder)(templateObject_1$
|
|
17083
|
+
var IdCardGuideImageContainer = styled(IdCardBorder)(templateObject_1$C || (templateObject_1$C = __makeTemplateObject(["\n position: relative;\n ", "\n box-sizing: border-box;\n max-width: 100%;\n max-height: 100%;\n ", ";\n"], ["\n position: relative;\n ", "\n box-sizing: border-box;\n max-width: 100%;\n max-height: 100%;\n ", ";\n"])), function (props) {
|
|
17084
17084
|
return props.$isVisible ? '' : 'opacity: 0;';
|
|
17085
17085
|
}, function (props) {
|
|
17086
17086
|
return props.$isMobile ? props.$isLandscape ? 'height: 100%;' : 'width: 80%;' : props.$isLandscape ? 'height: 70%;' : 'width: 82%;';
|
|
17087
17087
|
});
|
|
17088
|
-
var IdCardGuideImage = styled.img(templateObject_2$
|
|
17088
|
+
var IdCardGuideImage = styled.img(templateObject_2$v || (templateObject_2$v = __makeTemplateObject(["\n max-height: 100%;\n transform-style: preserve-3d;\n ", "\n ", "\n"], ["\n max-height: 100%;\n transform-style: preserve-3d;\n ", "\n ", "\n"])), function (props) {
|
|
17089
17089
|
return props.$isMirrored ? 'transform: scaleX(-1);' : '';
|
|
17090
17090
|
}, function (props) {
|
|
17091
17091
|
return props.$isInvisible ? 'opacity: 0;' : '';
|
|
@@ -17235,17 +17235,17 @@
|
|
|
17235
17235
|
className: isProgressBar ? "idmSdkProgressBorder ".concat(progressPaused ? 'idmSdkProgressPaused' : '') : ''
|
|
17236
17236
|
}));
|
|
17237
17237
|
}
|
|
17238
|
-
var IdCardBorderContainer = styled.div(templateObject_3$
|
|
17239
|
-
var IdCardBorderInner = styled.div(templateObject_4$
|
|
17238
|
+
var IdCardBorderContainer = styled.div(templateObject_3$l || (templateObject_3$l = __makeTemplateObject(["\n align-items: center;\n justify-content: center;\n display: flex;\n position: relative;\n margin: auto;\n\n & .idmSdkWaves {\n position: absolute;\n animation: ", " 2s ease-out infinite;\n transform-style: preserve-3d;\n\n &:nth-child(3) {\n animation-delay: 0.66s;\n }\n\n &:nth-child(4) {\n animation-delay: 1.33s;\n }\n }\n"], ["\n align-items: center;\n justify-content: center;\n display: flex;\n position: relative;\n margin: auto;\n\n & .idmSdkWaves {\n position: absolute;\n animation: ", " 2s ease-out infinite;\n transform-style: preserve-3d;\n\n &:nth-child(3) {\n animation-delay: 0.66s;\n }\n\n &:nth-child(4) {\n animation-delay: 1.33s;\n }\n }\n"])), wavesAnimation);
|
|
17239
|
+
var IdCardBorderInner = styled.div(templateObject_4$f || (templateObject_4$f = __makeTemplateObject(["\n max-height: 100%;\n max-width: 100%;\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n"], ["\n max-height: 100%;\n max-width: 100%;\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n"])));
|
|
17240
17240
|
var SvgOverlay = styled.svg(templateObject_5$a || (templateObject_5$a = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n"])));
|
|
17241
|
-
var IdCardBorderRect = styled.rect(templateObject_6$
|
|
17241
|
+
var IdCardBorderRect = styled.rect(templateObject_6$6 || (templateObject_6$6 = __makeTemplateObject(["\n &.idmSdkProgressBorder {\n animation: ", " ", "\n ", ";\n }\n\n &.idmSdkProgressPaused {\n animation-play-state: paused;\n }\n"], ["\n &.idmSdkProgressBorder {\n animation: ", " ", "\n ", ";\n }\n\n &.idmSdkProgressPaused {\n animation-play-state: paused;\n }\n"])), progressBorderAnimation, function (props) {
|
|
17242
17242
|
var _a;
|
|
17243
17243
|
return (_a = props.$speed) !== null && _a !== void 0 ? _a : '3s';
|
|
17244
17244
|
}, function (props) {
|
|
17245
17245
|
var _a;
|
|
17246
17246
|
return (_a = props.$fillMode) !== null && _a !== void 0 ? _a : 'forwards';
|
|
17247
17247
|
});
|
|
17248
|
-
var templateObject_1$
|
|
17248
|
+
var templateObject_1$C, templateObject_2$v, templateObject_3$l, templateObject_4$f, templateObject_5$a, templateObject_6$6;
|
|
17249
17249
|
|
|
17250
17250
|
var defaultIdCaptureGuideImages = {
|
|
17251
17251
|
portrait: {
|
|
@@ -17434,15 +17434,15 @@
|
|
|
17434
17434
|
style: imageStyle
|
|
17435
17435
|
})));
|
|
17436
17436
|
};
|
|
17437
|
-
var Wrapper$1 = styled.div(templateObject_1$
|
|
17437
|
+
var Wrapper$1 = styled.div(templateObject_1$B || (templateObject_1$B = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n ", "\n\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n"], ["\n display: flex;\n align-items: center;\n justify-content: center;\n ", "\n\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n"])), function (props) {
|
|
17438
17438
|
return props.$isLandscape ? 'height: 100%;' : 'height: 100%;';
|
|
17439
17439
|
});
|
|
17440
|
-
var FlipImageContainer = styled(IdCardGuideImageContainer)(templateObject_2$
|
|
17440
|
+
var FlipImageContainer = styled(IdCardGuideImageContainer)(templateObject_2$u || (templateObject_2$u = __makeTemplateObject(["\n backface-visibility: hidden;\n transition: transform ", "s;\n transform: ", ";\n transform-style: preserve-3d;\n position: absolute;\n display: block;\n top: 0;\n height: 100%; // todo: branch between desktop and mobile\n"], ["\n backface-visibility: hidden;\n transition: transform ", "s;\n transform: ", ";\n transform-style: preserve-3d;\n position: absolute;\n display: block;\n top: 0;\n height: 100%; // todo: branch between desktop and mobile\n"])), function (props) {
|
|
17441
17441
|
return props.$transitionTime;
|
|
17442
17442
|
}, function (props) {
|
|
17443
17443
|
return props.$transforms;
|
|
17444
17444
|
});
|
|
17445
|
-
var templateObject_1$
|
|
17445
|
+
var templateObject_1$B, templateObject_2$u;
|
|
17446
17446
|
|
|
17447
17447
|
var GuideOrientationContext = /*#__PURE__*/React.createContext({
|
|
17448
17448
|
orientation: 'landscape',
|
|
@@ -17581,10 +17581,10 @@
|
|
|
17581
17581
|
height: height
|
|
17582
17582
|
})));
|
|
17583
17583
|
};
|
|
17584
|
-
var Wrapper = styled.div(templateObject_1$
|
|
17584
|
+
var Wrapper = styled.div(templateObject_1$A || (templateObject_1$A = __makeTemplateObject(["\n align-items: center;\n justify-content: center;\n display: flex;\n position: absolute;\n margin: auto;\n box-sizing: border-box;\n max-width: 100%;\n max-height: 100%;\n ", ";\n"], ["\n align-items: center;\n justify-content: center;\n display: flex;\n position: absolute;\n margin: auto;\n box-sizing: border-box;\n max-width: 100%;\n max-height: 100%;\n ", ";\n"])), function (props) {
|
|
17585
17585
|
return props.$isMobile ? props.$isLandscape ? 'height: 100%;' : 'width: 80%;' : props.$isLandscape ? 'height: 70%;' : 'width: 82%;';
|
|
17586
17586
|
});
|
|
17587
|
-
var templateObject_1$
|
|
17587
|
+
var templateObject_1$A;
|
|
17588
17588
|
|
|
17589
17589
|
var IdCaptureGuideOverlay = function IdCaptureGuideOverlay(_a) {
|
|
17590
17590
|
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
|
|
@@ -17730,10 +17730,10 @@
|
|
|
17730
17730
|
return v;
|
|
17731
17731
|
}).join(' ');
|
|
17732
17732
|
};
|
|
17733
|
-
var StyledPageContainer = styled.div(templateObject_1$
|
|
17734
|
-
var GuidesContainer = styled.div(templateObject_2$
|
|
17735
|
-
var GuideCenterRow = styled.div(templateObject_3$
|
|
17736
|
-
var GuideRegion = styled.div(templateObject_4$
|
|
17733
|
+
var StyledPageContainer = styled.div(templateObject_1$z || (templateObject_1$z = __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"])));
|
|
17734
|
+
var GuidesContainer = styled.div(templateObject_2$t || (templateObject_2$t = __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"])));
|
|
17735
|
+
var GuideCenterRow = styled.div(templateObject_3$k || (templateObject_3$k = __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"])));
|
|
17736
|
+
var GuideRegion = styled.div(templateObject_4$e || (templateObject_4$e = __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) {
|
|
17737
17737
|
var _a, _b, _c, _d, _e;
|
|
17738
17738
|
return (_e = (_a = props.$maskColor) !== null && _a !== void 0 ? _a : (_d = (_c = (_b = props.theme) === null || _b === void 0 ? void 0 : _b.idCapture) === null || _c === void 0 ? void 0 : _c.guideOverlay) === null || _d === void 0 ? void 0 : _d.backgroundColor) !== null && _e !== void 0 ? _e : 'rgba(0, 0, 0, 0.5)';
|
|
17739
17739
|
}, function (props) {
|
|
@@ -17745,22 +17745,22 @@
|
|
|
17745
17745
|
return props.$minHeight ? "min-height: ".concat(props.$minHeight, "px;") : "";
|
|
17746
17746
|
});
|
|
17747
17747
|
var Spacer = styled(GuideRegion)(templateObject_5$9 || (templateObject_5$9 = __makeTemplateObject(["\n display: block;\n width: auto;\n"], ["\n display: block;\n width: auto;\n"])));
|
|
17748
|
-
var GuideCenterRegion = styled.div(templateObject_6$
|
|
17748
|
+
var GuideCenterRegion = styled.div(templateObject_6$5 || (templateObject_6$5 = __makeTemplateObject(["\n ", "\n ", "\n transform-style: preserve-3d;\n box-sizing: border-box;\n display: flex;\n flex: 1;\n max-height: 100%;\n height: 100%;\n"], ["\n ", "\n ", "\n transform-style: preserve-3d;\n box-sizing: border-box;\n display: flex;\n flex: 1;\n max-height: 100%;\n height: 100%;\n"])), function (props) {
|
|
17749
17749
|
return props.$minWidth ? "min-width: ".concat(props.$minWidth, "px;") : "";
|
|
17750
17750
|
}, function (props) {
|
|
17751
17751
|
return props.$isMirrored ? 'transform: scaleX(-1);' : '';
|
|
17752
17752
|
});
|
|
17753
|
-
var GuideCenterBorder = styled.div(templateObject_7$
|
|
17753
|
+
var GuideCenterBorder = styled.div(templateObject_7$3 || (templateObject_7$3 = __makeTemplateObject(["\n box-sizing: border-box;\n border: ", ";\n display: flex;\n flex: 1;\n justify-content: center;\n max-height: 100%;\n min-height: 0;\n max-width: 100%;\n position: relative;\n ", "\n"], ["\n box-sizing: border-box;\n border: ", ";\n display: flex;\n flex: 1;\n justify-content: center;\n max-height: 100%;\n min-height: 0;\n max-width: 100%;\n position: relative;\n ", "\n"])), function (props) {
|
|
17754
17754
|
var _a, _b;
|
|
17755
17755
|
return "".concat((_a = props.$borderWidth) !== null && _a !== void 0 ? _a : 4, "px solid ").concat((_b = props.$borderColor) !== null && _b !== void 0 ? _b : 'white');
|
|
17756
17756
|
}, function (props) {
|
|
17757
17757
|
return props.$padding ? "padding: ".concat(props.$padding, "px;") : '';
|
|
17758
17758
|
});
|
|
17759
|
-
var GuideText = styled.span(templateObject_8$
|
|
17760
|
-
var GuideCenterInner = styled.div(templateObject_9$
|
|
17759
|
+
var GuideText = styled.span(templateObject_8$2 || (templateObject_8$2 = __makeTemplateObject(["\n align-content: center;\n margin-top: 12px;\n margin-bottom: 12px;\n"], ["\n align-content: center;\n margin-top: 12px;\n margin-bottom: 12px;\n"])));
|
|
17760
|
+
var GuideCenterInner = styled.div(templateObject_9$1 || (templateObject_9$1 = __makeTemplateObject(["\n position: relative;\n top: 0;\n margin: auto;\n ", "\n max-height: 100%;\n max-width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n"], ["\n position: relative;\n top: 0;\n margin: auto;\n ", "\n max-height: 100%;\n max-width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n"])), function (props) {
|
|
17761
17761
|
return props.$isLandscape ? 'height: 100%;' : 'width: 90%;';
|
|
17762
17762
|
});
|
|
17763
|
-
var templateObject_1$
|
|
17763
|
+
var templateObject_1$z, templateObject_2$t, templateObject_3$k, templateObject_4$e, templateObject_5$9, templateObject_6$5, templateObject_7$3, templateObject_8$2, templateObject_9$1;
|
|
17764
17764
|
|
|
17765
17765
|
var IdCaptureFitGuide = function IdCaptureFitGuide(_a) {
|
|
17766
17766
|
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
|
|
@@ -17901,11 +17901,11 @@
|
|
|
17901
17901
|
progress: progress
|
|
17902
17902
|
}));
|
|
17903
17903
|
};
|
|
17904
|
-
var CanvasWrapper$1 = styled.div(templateObject_1$
|
|
17904
|
+
var CanvasWrapper$1 = styled.div(templateObject_1$y || (templateObject_1$y = __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) {
|
|
17905
17905
|
return props.$maskColor;
|
|
17906
17906
|
});
|
|
17907
|
-
var Canvas$1 = styled.canvas(templateObject_2$
|
|
17908
|
-
var templateObject_1$
|
|
17907
|
+
var Canvas$1 = styled.canvas(templateObject_2$s || (templateObject_2$s = __makeTemplateObject(["\n display: block;\n"], ["\n display: block;\n"])));
|
|
17908
|
+
var templateObject_1$y, templateObject_2$s;
|
|
17909
17909
|
|
|
17910
17910
|
function IdCaptureGuides(_a) {
|
|
17911
17911
|
var _b = _a.guideType,
|
|
@@ -17961,7 +17961,7 @@
|
|
|
17961
17961
|
})));
|
|
17962
17962
|
}
|
|
17963
17963
|
|
|
17964
|
-
var Spinner$1 = styled.div(templateObject_1$
|
|
17964
|
+
var Spinner$1 = styled.div(templateObject_1$x || (templateObject_1$x = __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) {
|
|
17965
17965
|
var $size = _a.$size;
|
|
17966
17966
|
return $size !== null && $size !== void 0 ? $size : 80;
|
|
17967
17967
|
}, function (_a) {
|
|
@@ -17986,11 +17986,11 @@
|
|
|
17986
17986
|
var $color = _a.$color;
|
|
17987
17987
|
return $color !== null && $color !== void 0 ? $color : '#888';
|
|
17988
17988
|
}, dualRingSpinnerAnimation);
|
|
17989
|
-
var SpinnerPageContainer = styled.div(templateObject_2$
|
|
17989
|
+
var SpinnerPageContainer = styled.div(templateObject_2$r || (templateObject_2$r = __makeTemplateObject(["\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n"], ["\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n"])));
|
|
17990
17990
|
function SpinnerPage() {
|
|
17991
17991
|
return /*#__PURE__*/React.createElement(SpinnerPageContainer, null, /*#__PURE__*/React.createElement(Spinner$1, null));
|
|
17992
17992
|
}
|
|
17993
|
-
var templateObject_1$
|
|
17993
|
+
var templateObject_1$x, templateObject_2$r;
|
|
17994
17994
|
|
|
17995
17995
|
var IdCaptureImagePreview = function IdCaptureImagePreview(_a) {
|
|
17996
17996
|
var _b = _a.classNames,
|
|
@@ -18077,11 +18077,11 @@
|
|
|
18077
18077
|
onError: onError
|
|
18078
18078
|
})));
|
|
18079
18079
|
};
|
|
18080
|
-
var StyledSpinner = styled(Spinner$1)(templateObject_1$
|
|
18081
|
-
var ImagePreviewWrapper = styled.div(templateObject_2$
|
|
18082
|
-
var ImagePreviewText = styled.div(templateObject_3$
|
|
18083
|
-
var ImagePreviewImageWrapper = styled.div(templateObject_4$
|
|
18084
|
-
var templateObject_1$
|
|
18080
|
+
var StyledSpinner = styled(Spinner$1)(templateObject_1$w || (templateObject_1$w = __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"])));
|
|
18081
|
+
var ImagePreviewWrapper = styled.div(templateObject_2$q || (templateObject_2$q = __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"])));
|
|
18082
|
+
var ImagePreviewText = styled.div(templateObject_3$j || (templateObject_3$j = __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"])));
|
|
18083
|
+
var ImagePreviewImageWrapper = styled.div(templateObject_4$d || (templateObject_4$d = __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"])));
|
|
18084
|
+
var templateObject_1$w, templateObject_2$q, templateObject_3$j, templateObject_4$d;
|
|
18085
18085
|
|
|
18086
18086
|
var documentCaptureInitialState = {
|
|
18087
18087
|
documents: [],
|
|
@@ -18429,16 +18429,16 @@
|
|
|
18429
18429
|
ref: canvasRef
|
|
18430
18430
|
}));
|
|
18431
18431
|
};
|
|
18432
|
-
var CanvasWrapper = styled.div(templateObject_1$
|
|
18432
|
+
var CanvasWrapper = styled.div(templateObject_1$v || (templateObject_1$v = __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) {
|
|
18433
18433
|
return props.$maskColor;
|
|
18434
18434
|
});
|
|
18435
|
-
var Canvas = styled.canvas(templateObject_2$
|
|
18436
|
-
var templateObject_1$
|
|
18435
|
+
var Canvas = styled.canvas(templateObject_2$p || (templateObject_2$p = __makeTemplateObject(["\n display: block;\n"], ["\n display: block;\n"])));
|
|
18436
|
+
var templateObject_1$v, templateObject_2$p;
|
|
18437
18437
|
|
|
18438
|
-
var CameraFeedWrapper = styled.div(templateObject_1$
|
|
18438
|
+
var CameraFeedWrapper = styled.div(templateObject_1$u || (templateObject_1$u = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
18439
18439
|
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;") : "";
|
|
18440
18440
|
});
|
|
18441
|
-
var templateObject_1$
|
|
18441
|
+
var templateObject_1$u;
|
|
18442
18442
|
|
|
18443
18443
|
var CameraVideoTag = function CameraVideoTag(props) {
|
|
18444
18444
|
var _a = useCameraStore(useShallow(function (store) {
|
|
@@ -18469,10 +18469,10 @@
|
|
|
18469
18469
|
"$isRearFacing": isRearFacing
|
|
18470
18470
|
}, props));
|
|
18471
18471
|
};
|
|
18472
|
-
var FullscreenVideoTag = styled.video(templateObject_1$
|
|
18472
|
+
var FullscreenVideoTag = styled.video(templateObject_1$t || (templateObject_1$t = __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) {
|
|
18473
18473
|
return props.$isRearFacing ? '' : 'scaleX(-1)';
|
|
18474
18474
|
});
|
|
18475
|
-
var templateObject_1$
|
|
18475
|
+
var templateObject_1$t;
|
|
18476
18476
|
|
|
18477
18477
|
var DocumentCaptureScreen = function DocumentCaptureScreen(_a) {
|
|
18478
18478
|
var _b, _c, _d, _e;
|
|
@@ -18620,21 +18620,21 @@
|
|
|
18620
18620
|
disabled: !cameraReady || capturing
|
|
18621
18621
|
}, !cameraReady ? verbiage.loadingBtnText : capturing ? verbiage.capturingBtnText : verbiage.captureBtnText))))));
|
|
18622
18622
|
};
|
|
18623
|
-
var CaptureContainer = styled.div(templateObject_1$
|
|
18624
|
-
var HeadingRow = styled.div(templateObject_2$
|
|
18623
|
+
var CaptureContainer = styled.div(templateObject_1$s || (templateObject_1$s = __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"])));
|
|
18624
|
+
var HeadingRow = styled.div(templateObject_2$o || (templateObject_2$o = __makeTemplateObject(["\n background: ", ";\n text-align: center;\n color: white;\n"], ["\n background: ", ";\n text-align: center;\n color: white;\n"])), function (props) {
|
|
18625
18625
|
return props.$maskColor;
|
|
18626
18626
|
});
|
|
18627
|
-
var Heading$9 = styled.h1(templateObject_3$
|
|
18628
|
-
var FooterRow = styled.div(templateObject_4$
|
|
18627
|
+
var Heading$9 = styled.h1(templateObject_3$i || (templateObject_3$i = __makeTemplateObject(["\n font-size: 22px;\n"], ["\n font-size: 22px;\n"])));
|
|
18628
|
+
var FooterRow = styled.div(templateObject_4$c || (templateObject_4$c = __makeTemplateObject(["\n background: ", ";\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: 0 20px 20px;\n height: auto;\n color: white;\n"], ["\n background: ", ";\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: 0 20px 20px;\n height: auto;\n color: white;\n"])), function (props) {
|
|
18629
18629
|
return props.$maskColor;
|
|
18630
18630
|
});
|
|
18631
18631
|
var Instructions = styled.div(templateObject_5$8 || (templateObject_5$8 = __makeTemplateObject(["\n max-height: ", ";\n overflow-y: auto;\n"], ["\n max-height: ", ";\n overflow-y: auto;\n"])), function (props) {
|
|
18632
18632
|
var _a, _b, _c;
|
|
18633
18633
|
return (_c = (_b = (_a = props.theme.documentCapture) === null || _a === void 0 ? void 0 : _a.instructions) === null || _b === void 0 ? void 0 : _b.maxHeight) !== null && _c !== void 0 ? _c : '8rem';
|
|
18634
18634
|
});
|
|
18635
|
-
var StyledButtonsRow$8 = styled(ButtonsRow$2)(templateObject_6$
|
|
18636
|
-
var PreviewImage = styled.img(templateObject_7$
|
|
18637
|
-
var templateObject_1$
|
|
18635
|
+
var StyledButtonsRow$8 = styled(ButtonsRow$2)(templateObject_6$4 || (templateObject_6$4 = __makeTemplateObject(["\n padding-top: 20px;\n"], ["\n padding-top: 20px;\n"])));
|
|
18636
|
+
var PreviewImage = styled.img(templateObject_7$2 || (templateObject_7$2 = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n object-fit: cover;\n"], ["\n width: 100%;\n height: 100%;\n object-fit: cover;\n"])));
|
|
18637
|
+
var templateObject_1$s, templateObject_2$o, templateObject_3$i, templateObject_4$c, templateObject_5$8, templateObject_6$4, templateObject_7$2;
|
|
18638
18638
|
|
|
18639
18639
|
var DocumentCaptureWizard = function DocumentCaptureWizard(_a) {
|
|
18640
18640
|
var onSuccess = _a.onSuccess,
|
|
@@ -18905,13 +18905,13 @@
|
|
|
18905
18905
|
}
|
|
18906
18906
|
}, verbiage.doneBtnText))))));
|
|
18907
18907
|
};
|
|
18908
|
-
var StyledOverlayInner$2 = styled(OverlayInner$2)(templateObject_1$
|
|
18909
|
-
var Heading$8 = styled.h3(templateObject_2$
|
|
18910
|
-
var Description$3 = styled.p(templateObject_3$
|
|
18911
|
-
var Instruction = styled.p(templateObject_4$
|
|
18908
|
+
var StyledOverlayInner$2 = styled(OverlayInner$2)(templateObject_1$r || (templateObject_1$r = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
18909
|
+
var Heading$8 = styled.h3(templateObject_2$n || (templateObject_2$n = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
18910
|
+
var Description$3 = styled.p(templateObject_3$h || (templateObject_3$h = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
18911
|
+
var Instruction = styled.p(templateObject_4$b || (templateObject_4$b = __makeTemplateObject(["\n font-weight: bold;\n"], ["\n font-weight: bold;\n"])));
|
|
18912
18912
|
var ImageCol = styled.div(templateObject_5$7 || (templateObject_5$7 = __makeTemplateObject(["\n display: flex;\n justify-content: center;\n flex-grow: 1;\n flex-basis: 0;\n"], ["\n display: flex;\n justify-content: center;\n flex-grow: 1;\n flex-basis: 0;\n"])));
|
|
18913
|
-
var StyledButtonsRow$7 = styled(ButtonsRow$2)(templateObject_6$
|
|
18914
|
-
var templateObject_1$
|
|
18913
|
+
var StyledButtonsRow$7 = styled(ButtonsRow$2)(templateObject_6$3 || (templateObject_6$3 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
18914
|
+
var templateObject_1$r, templateObject_2$n, templateObject_3$h, templateObject_4$b, templateObject_5$7, templateObject_6$3;
|
|
18915
18915
|
|
|
18916
18916
|
function ScalingCameraFeed() {
|
|
18917
18917
|
var _a = useIdCaptureStore(),
|
|
@@ -19263,18 +19263,18 @@
|
|
|
19263
19263
|
}
|
|
19264
19264
|
}, file ? "".concat(file.name, " (").concat(humanFileSize(file.size), ")") : filePickerLoading ? loadingText : children));
|
|
19265
19265
|
}
|
|
19266
|
-
var ScreenContainer = styled.div(templateObject_1$
|
|
19266
|
+
var ScreenContainer = styled.div(templateObject_1$q || (templateObject_1$q = __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) {
|
|
19267
19267
|
var _a;
|
|
19268
19268
|
return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
|
|
19269
19269
|
});
|
|
19270
|
-
var ScreenPanel = styled.div(templateObject_2$
|
|
19271
|
-
var SelectIdCardScreenPanel = styled(ScreenPanel)(templateObject_3$
|
|
19272
|
-
var ScreenPanelHeading = styled.h3(templateObject_4$
|
|
19270
|
+
var ScreenPanel = styled.div(templateObject_2$m || (templateObject_2$m = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 100%;\n flex-grow: 1;\n background: #f7f6fb;\n box-sizing: border-box;\n padding: 40px;\n"], ["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 100%;\n flex-grow: 1;\n background: #f7f6fb;\n box-sizing: border-box;\n padding: 40px;\n"])));
|
|
19271
|
+
var SelectIdCardScreenPanel = styled(ScreenPanel)(templateObject_3$g || (templateObject_3$g = __makeTemplateObject(["\n background: white;\n padding: 80px 0;\n\n @media (max-height: 1000px) {\n padding: 40px 0;\n }\n"], ["\n background: white;\n padding: 80px 0;\n\n @media (max-height: 1000px) {\n padding: 40px 0;\n }\n"])));
|
|
19272
|
+
var ScreenPanelHeading = styled.h3(templateObject_4$a || (templateObject_4$a = __makeTemplateObject(["\n margin: 0 0 30px;\n"], ["\n margin: 0 0 30px;\n"])));
|
|
19273
19273
|
var ScreenActionsBar = styled.div(templateObject_5$6 || (templateObject_5$6 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: end;\n gap: 20px;\n padding: 20px;\n width: 100%;\n box-sizing: border-box;\n border-top: 1px solid #ccc;\n\n @media (max-width: 600px) {\n justify-content: center;\n }\n"], ["\n display: flex;\n align-items: center;\n justify-content: end;\n gap: 20px;\n padding: 20px;\n width: 100%;\n box-sizing: border-box;\n border-top: 1px solid #ccc;\n\n @media (max-width: 600px) {\n justify-content: center;\n }\n"])));
|
|
19274
|
-
var DashedSeparator = styled.div(templateObject_6$
|
|
19275
|
-
var OrWrapper = styled.div(templateObject_7$
|
|
19276
|
-
var UploadIdBackHelpText = styled.p(templateObject_8$
|
|
19277
|
-
var Button = styled(WideBorderButton)(templateObject_9
|
|
19274
|
+
var DashedSeparator = styled.div(templateObject_6$2 || (templateObject_6$2 = __makeTemplateObject(["\n width: 100%;\n height: 0;\n border-top: 2px solid #606060;\n border-top-style: dashed;\n display: flex;\n align-items: center;\n justify-content: center;\n"], ["\n width: 100%;\n height: 0;\n border-top: 2px solid #606060;\n border-top-style: dashed;\n display: flex;\n align-items: center;\n justify-content: center;\n"])));
|
|
19275
|
+
var OrWrapper = styled.div(templateObject_7$1 || (templateObject_7$1 = __makeTemplateObject(["\n color: #323232;\n font-weight: bold;\n background: white;\n border-radius: 50%;\n top: -2px;\n position: relative;\n width: 60px;\n height: 60px;\n display: flex;\n align-items: center;\n justify-content: center;\n"], ["\n color: #323232;\n font-weight: bold;\n background: white;\n border-radius: 50%;\n top: -2px;\n position: relative;\n width: 60px;\n height: 60px;\n display: flex;\n align-items: center;\n justify-content: center;\n"])));
|
|
19276
|
+
var UploadIdBackHelpText = styled.p(templateObject_8$1 || (templateObject_8$1 = __makeTemplateObject(["\n color: #323232;\n font-style: italic;\n margin: 30px 0 0;\n"], ["\n color: #323232;\n font-style: italic;\n margin: 30px 0 0;\n"])));
|
|
19277
|
+
var Button = styled(WideBorderButton)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n width: auto;\n font-weight: 500;\n padding-left: 40px;\n padding-right: 40px;\n transition: background-color 0.3s ease;\n background-color: #ffffff;\n white-space: nowrap;\n\n &:disabled,\n &.disabled {\n background-color: #f1f1f1 !important;\n border-color: #dbdbdb !important;\n color: #323232 !important;\n }\n\n &:hover {\n filter: none;\n background-color: #fafafa !important;\n }\n"], ["\n width: auto;\n font-weight: 500;\n padding-left: 40px;\n padding-right: 40px;\n transition: background-color 0.3s ease;\n background-color: #ffffff;\n white-space: nowrap;\n\n &:disabled,\n &.disabled {\n background-color: #f1f1f1 !important;\n border-color: #dbdbdb !important;\n color: #323232 !important;\n }\n\n &:hover {\n filter: none;\n background-color: #fafafa !important;\n }\n"])));
|
|
19278
19278
|
var Modal = styled.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.5);\n z-index: 10000;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.5);\n z-index: 10000;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n"])));
|
|
19279
19279
|
var Dialog = styled.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n width: 100%;\n max-width: 500px;\n height: 100%;\n max-height: 600px;\n background: white;\n border-radius: 25px;\n overflow: auto;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\n font-family: ", ";\n //margin: 25px;\n"], ["\n width: 100%;\n max-width: 500px;\n height: 100%;\n max-height: 600px;\n background: white;\n border-radius: 25px;\n overflow: auto;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\n font-family: ", ";\n //margin: 25px;\n"])), function (props) {
|
|
19280
19280
|
var _a;
|
|
@@ -19552,7 +19552,7 @@
|
|
|
19552
19552
|
} while (Math.round(Math.abs(bytes) * r) / r >= thresh && u < units.length - 1);
|
|
19553
19553
|
return bytes.toFixed(dp) + ' ' + units[u];
|
|
19554
19554
|
}
|
|
19555
|
-
var templateObject_1$
|
|
19555
|
+
var templateObject_1$q, templateObject_2$m, templateObject_3$g, templateObject_4$a, templateObject_5$6, templateObject_6$2, templateObject_7$1, templateObject_8$1, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13;
|
|
19556
19556
|
|
|
19557
19557
|
var IdCaptureWizard = function IdCaptureWizard(_a) {
|
|
19558
19558
|
var _b, _c, _d, _e, _f;
|
|
@@ -20251,7 +20251,7 @@
|
|
|
20251
20251
|
}))));
|
|
20252
20252
|
});
|
|
20253
20253
|
HeadGuideSvg.displayName = 'HeadGuideSvg';
|
|
20254
|
-
var PulsingHeadGuideContainer = styled.div(templateObject_1$
|
|
20254
|
+
var PulsingHeadGuideContainer = styled.div(templateObject_1$p || (templateObject_1$p = __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);
|
|
20255
20255
|
function HeadGuide(_a) {
|
|
20256
20256
|
var _b;
|
|
20257
20257
|
var _c = _a.status,
|
|
@@ -20301,8 +20301,8 @@
|
|
|
20301
20301
|
height: parentHeight
|
|
20302
20302
|
})));
|
|
20303
20303
|
}
|
|
20304
|
-
var AbsoluteSvg = styled.svg(templateObject_2$
|
|
20305
|
-
var RelativeSvgContainer = styled.div(templateObject_3$
|
|
20304
|
+
var AbsoluteSvg = styled.svg(templateObject_2$l || (templateObject_2$l = __makeTemplateObject(["\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n"], ["\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n"])));
|
|
20305
|
+
var RelativeSvgContainer = styled.div(templateObject_3$f || (templateObject_3$f = __makeTemplateObject(["\n position: relative;\n height: 100%;\n display: flex;\n align-items: ", ";\n"], ["\n position: relative;\n height: 100%;\n display: flex;\n align-items: ", ";\n"])), function (props) {
|
|
20306
20306
|
return props.$verticalAlign === 'bottom' ? 'flex-end' : 'center';
|
|
20307
20307
|
});
|
|
20308
20308
|
function SelfieCaptureAnimatedMask(_a) {
|
|
@@ -20529,10 +20529,10 @@
|
|
|
20529
20529
|
status: status
|
|
20530
20530
|
}));
|
|
20531
20531
|
}
|
|
20532
|
-
var templateObject_1$
|
|
20532
|
+
var templateObject_1$p, templateObject_2$l, templateObject_3$f;
|
|
20533
20533
|
|
|
20534
|
-
var FaceCaptureGuideContainer = styled.div(templateObject_1$
|
|
20535
|
-
var FaceCaptureGuideInner = styled.div(templateObject_2$
|
|
20534
|
+
var FaceCaptureGuideContainer = styled.div(templateObject_1$o || (templateObject_1$o = __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"])));
|
|
20535
|
+
var FaceCaptureGuideInner = styled.div(templateObject_2$k || (templateObject_2$k = __makeTemplateObject(["\n position: relative;\n height: 60%;\n"], ["\n position: relative;\n height: 60%;\n"])));
|
|
20536
20536
|
var FaceCaptureGuideOverlay = function FaceCaptureGuideOverlay(_a) {
|
|
20537
20537
|
var _b = _a.classNames,
|
|
20538
20538
|
classNames = _b === void 0 ? {} : _b,
|
|
@@ -20554,7 +20554,7 @@
|
|
|
20554
20554
|
verticalAlign: "center"
|
|
20555
20555
|
})));
|
|
20556
20556
|
};
|
|
20557
|
-
var templateObject_1$
|
|
20557
|
+
var templateObject_1$o, templateObject_2$k;
|
|
20558
20558
|
|
|
20559
20559
|
var SelfieGuidanceModelsContext = /*#__PURE__*/React.createContext({
|
|
20560
20560
|
start: function start() {
|
|
@@ -20882,12 +20882,12 @@
|
|
|
20882
20882
|
}
|
|
20883
20883
|
}, !image ? invalidSelfie ? verbiage.retryButtonText : verbiage.captureBtnText : loading ? verbiage.doneBtnLoadingText : verbiage.doneBtnText)))));
|
|
20884
20884
|
};
|
|
20885
|
-
var StyledOverlayInner$1 = styled(OverlayInner$2)(templateObject_1$
|
|
20886
|
-
var Heading$7 = styled.h3(templateObject_2$
|
|
20887
|
-
var Description$2 = styled.p(templateObject_3$
|
|
20888
|
-
var ImageContainer$6 = styled(OverlayImageContainer)(templateObject_4$
|
|
20885
|
+
var StyledOverlayInner$1 = styled(OverlayInner$2)(templateObject_1$n || (templateObject_1$n = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
20886
|
+
var Heading$7 = styled.h3(templateObject_2$j || (templateObject_2$j = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
20887
|
+
var Description$2 = styled.p(templateObject_3$e || (templateObject_3$e = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
20888
|
+
var ImageContainer$6 = styled(OverlayImageContainer)(templateObject_4$9 || (templateObject_4$9 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
20889
20889
|
var StyledButtonsRow$6 = styled(ButtonsRow$2)(templateObject_5$5 || (templateObject_5$5 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
20890
|
-
var templateObject_1$
|
|
20890
|
+
var templateObject_1$n, templateObject_2$j, templateObject_3$e, templateObject_4$9, templateObject_5$5;
|
|
20891
20891
|
|
|
20892
20892
|
var initialState$4 = {
|
|
20893
20893
|
busy: false,
|
|
@@ -21051,8 +21051,8 @@
|
|
|
21051
21051
|
className: classNames.exitCaptureBtn
|
|
21052
21052
|
}));
|
|
21053
21053
|
};
|
|
21054
|
-
var Container$6 = styled.div(templateObject_1$
|
|
21055
|
-
var templateObject_1$
|
|
21054
|
+
var Container$6 = styled.div(templateObject_1$m || (templateObject_1$m = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n"], ["\n width: 100%;\n height: 100%;\n"])));
|
|
21055
|
+
var templateObject_1$m;
|
|
21056
21056
|
|
|
21057
21057
|
var initialState$3 = {
|
|
21058
21058
|
frame: null,
|
|
@@ -21440,9 +21440,9 @@
|
|
|
21440
21440
|
finished: true
|
|
21441
21441
|
}, verbiage.retryBtnText)))));
|
|
21442
21442
|
};
|
|
21443
|
-
var ImageContainer$5 = styled.div(templateObject_1$
|
|
21444
|
-
var Heading$6 = styled.h3(templateObject_2$
|
|
21445
|
-
var templateObject_1$
|
|
21443
|
+
var ImageContainer$5 = styled.div(templateObject_1$l || (templateObject_1$l = __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"])));
|
|
21444
|
+
var Heading$6 = styled.h3(templateObject_2$i || (templateObject_2$i = __makeTemplateObject(["\n font-size: 1.2rem;\n margin: 0;\n"], ["\n font-size: 1.2rem;\n margin: 0;\n"])));
|
|
21445
|
+
var templateObject_1$l, templateObject_2$i;
|
|
21446
21446
|
|
|
21447
21447
|
var FaceLivenessFailure = function FaceLivenessFailure(_a) {
|
|
21448
21448
|
var _b = _a.canRetry,
|
|
@@ -21491,9 +21491,9 @@
|
|
|
21491
21491
|
finished: true
|
|
21492
21492
|
}, verbiage.exitBtnText)))));
|
|
21493
21493
|
};
|
|
21494
|
-
var ImageContainer$4 = styled(OverlayImageContainer)(templateObject_1$
|
|
21495
|
-
var Heading$5 = styled.h3(templateObject_2$
|
|
21496
|
-
var templateObject_1$
|
|
21494
|
+
var ImageContainer$4 = styled(OverlayImageContainer)(templateObject_1$k || (templateObject_1$k = __makeTemplateObject(["\n max-height: calc(100vh - 185px);\n"], ["\n max-height: calc(100vh - 185px);\n"])));
|
|
21495
|
+
var Heading$5 = styled.h3(templateObject_2$h || (templateObject_2$h = __makeTemplateObject(["\n margin-bottom: 36px;\n"], ["\n margin-bottom: 36px;\n"])));
|
|
21496
|
+
var templateObject_1$k, templateObject_2$h;
|
|
21497
21497
|
|
|
21498
21498
|
var MicrophoneAccessDeniedOverlay = function MicrophoneAccessDeniedOverlay(_a) {
|
|
21499
21499
|
var _b;
|
|
@@ -21536,11 +21536,11 @@
|
|
|
21536
21536
|
finished: true
|
|
21537
21537
|
}, verbiage.retryBtnText)));
|
|
21538
21538
|
};
|
|
21539
|
-
var StyledOverlayInner = styled(OverlayInner$2)(templateObject_1$
|
|
21540
|
-
var StyledOverlayImageContainer = styled(OverlayImageContainer)(templateObject_2$
|
|
21541
|
-
var Description$1 = styled.p(templateObject_3$
|
|
21542
|
-
var RetryButton = styled(LoaderButton)(templateObject_4$
|
|
21543
|
-
var templateObject_1$
|
|
21539
|
+
var StyledOverlayInner = styled(OverlayInner$2)(templateObject_1$j || (templateObject_1$j = __makeTemplateObject(["\n max-width: 500px;\n height: auto;\n margin: auto;\n"], ["\n max-width: 500px;\n height: auto;\n margin: auto;\n"])));
|
|
21540
|
+
var StyledOverlayImageContainer = styled(OverlayImageContainer)(templateObject_2$g || (templateObject_2$g = __makeTemplateObject(["\n flex-grow: 0;\n"], ["\n flex-grow: 0;\n"])));
|
|
21541
|
+
var Description$1 = styled.p(templateObject_3$d || (templateObject_3$d = __makeTemplateObject(["\n line-height: 1.5;\n margin-bottom: 50px;\n"], ["\n line-height: 1.5;\n margin-bottom: 50px;\n"])));
|
|
21542
|
+
var RetryButton = styled(LoaderButton)(templateObject_4$8 || (templateObject_4$8 = __makeTemplateObject(["\n width: 200px;\n margin: 0 auto;\n"], ["\n width: 200px;\n margin: 0 auto;\n"])));
|
|
21543
|
+
var templateObject_1$j, templateObject_2$g, templateObject_3$d, templateObject_4$8;
|
|
21544
21544
|
|
|
21545
21545
|
var SelfieCaptureLoadingOverlayLegacy = function SelfieCaptureLoadingOverlayLegacy(_a) {
|
|
21546
21546
|
var onDismissed = _a.onDismissed,
|
|
@@ -21632,9 +21632,9 @@
|
|
|
21632
21632
|
}
|
|
21633
21633
|
}, ready ? verbiage.continueText : allModelsReady ? verbiage.cameraInitializingText : modelDownloadProgress >= 100 ? "".concat(verbiage.modelsWarmingUpText) : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)")))));
|
|
21634
21634
|
};
|
|
21635
|
-
var StyledGuidanceMessage = styled(GuidanceMessage)(templateObject_1$
|
|
21636
|
-
var StyledButtonsRow$5 = styled(ButtonsRow$2)(templateObject_2$
|
|
21637
|
-
var templateObject_1$
|
|
21635
|
+
var StyledGuidanceMessage = styled(GuidanceMessage)(templateObject_1$i || (templateObject_1$i = __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"])));
|
|
21636
|
+
var StyledButtonsRow$5 = styled(ButtonsRow$2)(templateObject_2$f || (templateObject_2$f = __makeTemplateObject(["\n flex-direction: column;\n padding-top: 25px;\n"], ["\n flex-direction: column;\n padding-top: 25px;\n"])));
|
|
21637
|
+
var templateObject_1$i, templateObject_2$f;
|
|
21638
21638
|
|
|
21639
21639
|
var legacyInstructionImageUrl = "".concat(DEFAULT_CDN_URL, "/Selfie-Image-1.png");
|
|
21640
21640
|
var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDefault(_a) {
|
|
@@ -21789,28 +21789,28 @@
|
|
|
21789
21789
|
}
|
|
21790
21790
|
}, ready ? verbiage.continueText : verbiage.pleaseWaitText))))));
|
|
21791
21791
|
};
|
|
21792
|
-
var OverlayInner = styled(LoadingOverlayInner)(templateObject_1$
|
|
21792
|
+
var OverlayInner = styled(LoadingOverlayInner)(templateObject_1$h || (templateObject_1$h = __makeTemplateObject(["\n background: ", ";\n color: ", ";\n"], ["\n background: ", ";\n color: ", ";\n"])), function (props) {
|
|
21793
21793
|
var _a, _b, _c, _d;
|
|
21794
21794
|
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';
|
|
21795
21795
|
}, function (props) {
|
|
21796
21796
|
var _a, _b, _c, _d;
|
|
21797
21797
|
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.textColor) !== null && _d !== void 0 ? _d : 'black';
|
|
21798
21798
|
});
|
|
21799
|
-
var ButtonsRow = styled(LoadingOverlayButtonsRow)(templateObject_2$
|
|
21799
|
+
var ButtonsRow = styled(LoadingOverlayButtonsRow)(templateObject_2$e || (templateObject_2$e = __makeTemplateObject(["\n color: ", ";\n ", "\n"], ["\n color: ", ";\n ", "\n"])), function (props) {
|
|
21800
21800
|
var _a, _b, _c, _d;
|
|
21801
21801
|
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.progressBarTextColor) !== null && _d !== void 0 ? _d : 'white';
|
|
21802
21802
|
}, function (props) {
|
|
21803
21803
|
var _a, _b, _c, _d, _e, _f;
|
|
21804
21804
|
return ((_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.progressBarFontSize) ? "font-size: ".concat((_f = (_e = (_d = props.theme) === null || _d === void 0 ? void 0 : _d.selfieCapture) === null || _e === void 0 ? void 0 : _e.loadingOverlay) === null || _f === void 0 ? void 0 : _f.progressBarFontSize, ";") : '';
|
|
21805
21805
|
});
|
|
21806
|
-
var ProgressBarBackground = styled(LoadingOverlayProgressBarBackground)(templateObject_3$
|
|
21806
|
+
var ProgressBarBackground = styled(LoadingOverlayProgressBarBackground)(templateObject_3$c || (templateObject_3$c = __makeTemplateObject(["\n background: ", ";\n opacity: ", ";\n"], ["\n background: ", ";\n opacity: ", ";\n"])), function (props) {
|
|
21807
21807
|
var _a, _b, _c, _d;
|
|
21808
21808
|
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.progressBarBackgroundColor) !== null && _d !== void 0 ? _d : 'var(--idm-color-positive-600)';
|
|
21809
21809
|
}, function (props) {
|
|
21810
21810
|
var _a, _b, _c, _d;
|
|
21811
21811
|
return (_d = (_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.selfieCapture) === null || _b === void 0 ? void 0 : _b.loadingOverlay) === null || _c === void 0 ? void 0 : _c.progressBarBackgroundOpacity) !== null && _d !== void 0 ? _d : 0.75;
|
|
21812
21812
|
});
|
|
21813
|
-
var ProgressIndicator = styled(LoadingOverlayProgressIndicator)(templateObject_4$
|
|
21813
|
+
var ProgressIndicator = styled(LoadingOverlayProgressIndicator)(templateObject_4$7 || (templateObject_4$7 = __makeTemplateObject(["\n background: ", ";\n"], ["\n background: ", ";\n"])), function (props) {
|
|
21814
21814
|
var _a, _b, _c, _d;
|
|
21815
21815
|
return (_d = (_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.selfieCapture) === null || _b === void 0 ? void 0 : _b.loadingOverlay) === null || _c === void 0 ? void 0 : _c.progressBarIndicatorColor) !== null && _d !== void 0 ? _d : 'var(--idm-color-positive-600)';
|
|
21816
21816
|
});
|
|
@@ -21833,7 +21833,7 @@
|
|
|
21833
21833
|
var _a, _b, _c, _d;
|
|
21834
21834
|
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';
|
|
21835
21835
|
});
|
|
21836
|
-
var templateObject_1$
|
|
21836
|
+
var templateObject_1$h, templateObject_2$e, templateObject_3$c, templateObject_4$7, templateObject_5$4;
|
|
21837
21837
|
|
|
21838
21838
|
var components = {
|
|
21839
21839
|
"default": SelfieCaptureLoadingOverlayDefault,
|
|
@@ -22162,13 +22162,13 @@
|
|
|
22162
22162
|
}
|
|
22163
22163
|
}, truncateImages ? 'Display full images' : 'Truncate images'), /*#__PURE__*/React.createElement("h5", null, "Request Body"), /*#__PURE__*/React.createElement("pre", null, requestBodyDisplay))), /*#__PURE__*/React.createElement("h5", null, "Response Body"), /*#__PURE__*/React.createElement("pre", null, JSON.stringify(submissionResponse, null, 2)));
|
|
22164
22164
|
};
|
|
22165
|
-
var Container$5 = styled.div(templateObject_1$
|
|
22165
|
+
var Container$5 = styled.div(templateObject_1$g || (templateObject_1$g = __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"])));
|
|
22166
22166
|
function truncate(str, max_chars) {
|
|
22167
22167
|
var truncated = str.split('').splice(0, max_chars).join('');
|
|
22168
22168
|
if (truncated.length < str.length) truncated += '...';
|
|
22169
22169
|
return truncated;
|
|
22170
22170
|
}
|
|
22171
|
-
var templateObject_1$
|
|
22171
|
+
var templateObject_1$g;
|
|
22172
22172
|
|
|
22173
22173
|
var AdditionalDocumentCapture = function AdditionalDocumentCapture(_a) {
|
|
22174
22174
|
var document = _a.document,
|
|
@@ -22244,11 +22244,11 @@
|
|
|
22244
22244
|
}
|
|
22245
22245
|
}, verbiage.captureBtnText)))));
|
|
22246
22246
|
};
|
|
22247
|
-
var Inner$2 = styled(OverlayInner$2)(templateObject_1$
|
|
22248
|
-
var Heading$4 = styled.h3(templateObject_2$
|
|
22249
|
-
var Description = styled.p(templateObject_3$
|
|
22250
|
-
var StyledButtonsRow$4 = styled(ButtonsRow$2)(templateObject_4$
|
|
22251
|
-
var templateObject_1$
|
|
22247
|
+
var Inner$2 = styled(OverlayInner$2)(templateObject_1$f || (templateObject_1$f = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
22248
|
+
var Heading$4 = styled.h3(templateObject_2$d || (templateObject_2$d = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
22249
|
+
var Description = styled.p(templateObject_3$b || (templateObject_3$b = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
22250
|
+
var StyledButtonsRow$4 = styled(ButtonsRow$2)(templateObject_4$6 || (templateObject_4$6 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
22251
|
+
var templateObject_1$f, templateObject_2$d, templateObject_3$b, templateObject_4$6;
|
|
22252
22252
|
|
|
22253
22253
|
var AdditionalDocumentCaptureWizard = function AdditionalDocumentCaptureWizard(_a) {
|
|
22254
22254
|
var documents = _a.documents,
|
|
@@ -23166,7 +23166,7 @@
|
|
|
23166
23166
|
});
|
|
23167
23167
|
}
|
|
23168
23168
|
|
|
23169
|
-
var SignaturePaperBacking = styled.div(templateObject_1$
|
|
23169
|
+
var SignaturePaperBacking = styled.div(templateObject_1$e || (templateObject_1$e = __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) {
|
|
23170
23170
|
var _a, _b;
|
|
23171
23171
|
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, ";") : "";
|
|
23172
23172
|
}, function (props) {
|
|
@@ -23176,8 +23176,8 @@
|
|
|
23176
23176
|
var _a, _b;
|
|
23177
23177
|
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, ";") : "";
|
|
23178
23178
|
});
|
|
23179
|
-
var SignatureCanvasContainer$1 = styled.div(templateObject_2$
|
|
23180
|
-
var SignaturePad = styled.div(templateObject_3$
|
|
23179
|
+
var SignatureCanvasContainer$1 = styled.div(templateObject_2$c || (templateObject_2$c = __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"])));
|
|
23180
|
+
var SignaturePad = styled.div(templateObject_3$a || (templateObject_3$a = __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) {
|
|
23181
23181
|
var _a, _b, _c;
|
|
23182
23182
|
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)';
|
|
23183
23183
|
}, function (props) {
|
|
@@ -23205,8 +23205,8 @@
|
|
|
23205
23205
|
var _a, _b, _c;
|
|
23206
23206
|
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';
|
|
23207
23207
|
});
|
|
23208
|
-
var SignatureButtonsContainer = styled(ButtonsRow$2)(templateObject_4$
|
|
23209
|
-
var templateObject_1$
|
|
23208
|
+
var SignatureButtonsContainer = styled(ButtonsRow$2)(templateObject_4$5 || (templateObject_4$5 = __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"])));
|
|
23209
|
+
var templateObject_1$e, templateObject_2$c, templateObject_3$a, templateObject_4$5;
|
|
23210
23210
|
|
|
23211
23211
|
var SignatureCapture = function SignatureCapture(_a) {
|
|
23212
23212
|
var onAccept = _a.onAccept,
|
|
@@ -23279,9 +23279,9 @@
|
|
|
23279
23279
|
finished: true
|
|
23280
23280
|
}, verbiage.acceptBtnText)))));
|
|
23281
23281
|
};
|
|
23282
|
-
var Container$4 = styled.div(templateObject_1$
|
|
23283
|
-
var AcceptBtn$1 = styled(LoaderButton)(templateObject_2$
|
|
23284
|
-
var templateObject_1$
|
|
23282
|
+
var Container$4 = styled.div(templateObject_1$d || (templateObject_1$d = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n position: relative;\n"], ["\n width: 100%;\n height: 100%;\n position: relative;\n"])));
|
|
23283
|
+
var AcceptBtn$1 = styled(LoaderButton)(templateObject_2$b || (templateObject_2$b = __makeTemplateObject(["\n margin-left: auto;\n"], ["\n margin-left: auto;\n"])));
|
|
23284
|
+
var templateObject_1$d, templateObject_2$b;
|
|
23285
23285
|
|
|
23286
23286
|
var videoRecorder = null;
|
|
23287
23287
|
var audioRecorder = null;
|
|
@@ -23483,6 +23483,8 @@
|
|
|
23483
23483
|
outputCanvas: {
|
|
23484
23484
|
current: null
|
|
23485
23485
|
},
|
|
23486
|
+
signaturePadEmpty: true,
|
|
23487
|
+
signatureValid: false,
|
|
23486
23488
|
onSignatureVideoCaptured: function onSignatureVideoCaptured() {
|
|
23487
23489
|
return null;
|
|
23488
23490
|
}
|
|
@@ -23599,44 +23601,32 @@
|
|
|
23599
23601
|
}));
|
|
23600
23602
|
}
|
|
23601
23603
|
|
|
23602
|
-
function
|
|
23603
|
-
var
|
|
23604
|
-
|
|
23605
|
-
|
|
23606
|
-
|
|
23607
|
-
|
|
23608
|
-
|
|
23609
|
-
onClearSignaturePadClicked = _a.onClearSignaturePadClicked,
|
|
23604
|
+
function VideoSignaturePad(_a) {
|
|
23605
|
+
var onAcceptBtnClicked = _a.onAcceptBtnClicked,
|
|
23606
|
+
onClearBtnClicked = _a.onClearBtnClicked,
|
|
23607
|
+
_b = _a.disabled,
|
|
23608
|
+
disabled = _b === void 0 ? false : _b,
|
|
23609
|
+
_c = _a.headTrackingSatisfied,
|
|
23610
|
+
headTrackingSatisfied = _c === void 0 ? true : _c,
|
|
23610
23611
|
_d = _a.minSignaturePadPoints,
|
|
23611
23612
|
minSignaturePadPoints = _d === void 0 ? DEFAULT_MIN_SIGNATURE_PAD_POINTS : _d,
|
|
23612
|
-
_e = _a.
|
|
23613
|
-
|
|
23614
|
-
_f = _a.
|
|
23615
|
-
|
|
23616
|
-
|
|
23617
|
-
|
|
23613
|
+
_e = _a.classNames,
|
|
23614
|
+
classNames = _e === void 0 ? {} : _e,
|
|
23615
|
+
_f = _a.verbiage,
|
|
23616
|
+
rawVerbiage = _f === void 0 ? {} : _f;
|
|
23617
|
+
var _g = useVideoSignatureStore(),
|
|
23618
|
+
signaturePadEmpty = _g.signaturePadEmpty,
|
|
23619
|
+
signatureValid = _g.signatureValid;
|
|
23618
23620
|
var _h = useResizeObserver(),
|
|
23619
23621
|
ref = _h.ref,
|
|
23620
23622
|
width = _h.width,
|
|
23621
23623
|
height = _h.height;
|
|
23622
23624
|
var signaturePad = React.useRef(null);
|
|
23623
|
-
var _j = React.useState(true),
|
|
23624
|
-
signaturePadEmpty = _j[0],
|
|
23625
|
-
setSignaturePadEmpty = _j[1];
|
|
23626
|
-
var _k = React.useState(false),
|
|
23627
|
-
signatureValid = _k[0],
|
|
23628
|
-
setSignatureValid = _k[1];
|
|
23629
23625
|
React.useEffect(function () {
|
|
23630
23626
|
return useVideoSignatureStore.setState({
|
|
23631
23627
|
signaturePad: signaturePad
|
|
23632
23628
|
});
|
|
23633
23629
|
}, []);
|
|
23634
|
-
var verbiage = useTranslations(rawVerbiage, {
|
|
23635
|
-
signaturePadEmptyText: '',
|
|
23636
|
-
headTrackingUnsatisfiedText: '',
|
|
23637
|
-
clearSignatureBtnText: 'Clear',
|
|
23638
|
-
acceptSignatureBtnText: 'Accept'
|
|
23639
|
-
});
|
|
23640
23630
|
var canvasProps = React.useMemo(function () {
|
|
23641
23631
|
return {
|
|
23642
23632
|
width: width,
|
|
@@ -23644,42 +23634,26 @@
|
|
|
23644
23634
|
className: classNames.signatureCanvas
|
|
23645
23635
|
};
|
|
23646
23636
|
}, [classNames.signatureCanvas, height, width]);
|
|
23647
|
-
var
|
|
23648
|
-
|
|
23649
|
-
|
|
23650
|
-
var _l = React.useState(false),
|
|
23651
|
-
emptyContentDismissed = _l[0],
|
|
23652
|
-
setEmptyContentDismissed = _l[1];
|
|
23653
|
-
var displayEmptyState = requestedAction === 'CAPTURE_SIGNATURE' && signaturePadEmpty && !emptyContentDismissed;
|
|
23637
|
+
var _j = React.useState(false),
|
|
23638
|
+
emptyContentDismissed = _j[0],
|
|
23639
|
+
setEmptyContentDismissed = _j[1];
|
|
23654
23640
|
React.useEffect(function () {
|
|
23655
23641
|
if (signaturePadEmpty) setEmptyContentDismissed(false);
|
|
23656
23642
|
}, [signaturePadEmpty]);
|
|
23657
|
-
var
|
|
23658
|
-
|
|
23659
|
-
|
|
23660
|
-
|
|
23661
|
-
|
|
23662
|
-
|
|
23663
|
-
|
|
23664
|
-
|
|
23665
|
-
}
|
|
23666
|
-
return /*#__PURE__*/React.createElement(
|
|
23667
|
-
className: classNames.container
|
|
23668
|
-
}, /*#__PURE__*/React.createElement(Inner$1, {
|
|
23669
|
-
className: classNames.inner
|
|
23670
|
-
}, /*#__PURE__*/React.createElement(FaceGuideContainer$1, {
|
|
23671
|
-
className: classNames.faceGuideContainer
|
|
23672
|
-
}, /*#__PURE__*/React.createElement(StyledSelfieCaptureAnimatedMask, {
|
|
23673
|
-
className: classNames.faceGuide,
|
|
23674
|
-
status: requestedAction === 'VERIFY_LIVENESS' ? faceGuideStatus : 'success',
|
|
23675
|
-
borderWidth: faceGuideBorderWidth,
|
|
23676
|
-
borderColor: faceGuideBorderColor,
|
|
23677
|
-
verticalAlign: "bottom"
|
|
23678
|
-
})), /*#__PURE__*/React.createElement(SignaturePadContainer, {
|
|
23643
|
+
var canClear = !disabled && !signaturePadEmpty;
|
|
23644
|
+
var canSubmit = !disabled && signatureValid && headTrackingSatisfied;
|
|
23645
|
+
var displayEmptyState = !disabled && signaturePadEmpty && !emptyContentDismissed;
|
|
23646
|
+
var verbiage = useTranslations(rawVerbiage, {
|
|
23647
|
+
signaturePadEmptyText: '',
|
|
23648
|
+
headTrackingUnsatisfiedText: '',
|
|
23649
|
+
clearSignatureBtnText: 'Clear',
|
|
23650
|
+
acceptSignatureBtnText: 'Accept'
|
|
23651
|
+
});
|
|
23652
|
+
return /*#__PURE__*/React.createElement(SignaturePadContainer, {
|
|
23679
23653
|
className: classNames.signaturePadContainer
|
|
23680
23654
|
}, /*#__PURE__*/React.createElement(SignatureCanvasContainer, {
|
|
23681
|
-
className: classNames.signatureCanvasContainer,
|
|
23682
|
-
"$disabled":
|
|
23655
|
+
className: clsx(classNames.signatureCanvasContainer, disabled && classNames.signatureCanvasContainerDisabled),
|
|
23656
|
+
"$disabled": disabled,
|
|
23683
23657
|
"$headTrackingUnsatisfied": !headTrackingSatisfied
|
|
23684
23658
|
}, /*#__PURE__*/React.createElement(SignaturePad, {
|
|
23685
23659
|
ref: ref,
|
|
@@ -23688,7 +23662,9 @@
|
|
|
23688
23662
|
ref: signaturePad,
|
|
23689
23663
|
canvasProps: canvasProps,
|
|
23690
23664
|
onBegin: function onBegin() {
|
|
23691
|
-
return
|
|
23665
|
+
return useVideoSignatureStore.setState({
|
|
23666
|
+
signaturePadEmpty: false
|
|
23667
|
+
});
|
|
23692
23668
|
},
|
|
23693
23669
|
onEnd: function onEnd() {
|
|
23694
23670
|
var _a, _b;
|
|
@@ -23696,7 +23672,9 @@
|
|
|
23696
23672
|
var points = strokes.flatMap(function (point) {
|
|
23697
23673
|
return point;
|
|
23698
23674
|
});
|
|
23699
|
-
|
|
23675
|
+
useVideoSignatureStore.setState({
|
|
23676
|
+
signatureValid: points.length >= minSignaturePadPoints
|
|
23677
|
+
});
|
|
23700
23678
|
}
|
|
23701
23679
|
}), !headTrackingSatisfied && !!verbiage.headTrackingUnsatisfiedText ? ( /*#__PURE__*/React.createElement(SignaturePadContentContainer, {
|
|
23702
23680
|
className: classNames.headTrackingUnsatisfiedContentContainer
|
|
@@ -23715,45 +23693,80 @@
|
|
|
23715
23693
|
variant: "secondary",
|
|
23716
23694
|
className: classNames.clearSignatureBtn,
|
|
23717
23695
|
disabled: !canClear,
|
|
23718
|
-
onClick:
|
|
23719
|
-
var _a;
|
|
23720
|
-
setSignaturePadEmpty(true);
|
|
23721
|
-
setSignatureValid(false);
|
|
23722
|
-
(_a = signaturePad === null || signaturePad === void 0 ? void 0 : signaturePad.current) === null || _a === void 0 ? void 0 : _a.clear();
|
|
23723
|
-
onClearSignaturePadClicked === null || onClearSignaturePadClicked === void 0 ? void 0 : onClearSignaturePadClicked();
|
|
23724
|
-
},
|
|
23696
|
+
onClick: onClearBtnClicked,
|
|
23725
23697
|
finished: true
|
|
23726
23698
|
}, verbiage.clearSignatureBtnText), /*#__PURE__*/React.createElement(AcceptBtn, {
|
|
23727
23699
|
variant: "positive",
|
|
23728
23700
|
className: classNames.acceptSignatureBtn,
|
|
23729
23701
|
disabled: !canSubmit,
|
|
23730
|
-
onClick:
|
|
23702
|
+
onClick: onAcceptBtnClicked,
|
|
23731
23703
|
finished: true
|
|
23732
|
-
}, verbiage.acceptSignatureBtnText))))
|
|
23704
|
+
}, verbiage.acceptSignatureBtnText))));
|
|
23733
23705
|
}
|
|
23734
|
-
var
|
|
23735
|
-
|
|
23736
|
-
return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
|
|
23737
|
-
});
|
|
23738
|
-
var Inner$1 = styled.div(templateObject_2$9 || (templateObject_2$9 = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n max-height: 1280px;\n display: flex;\n margin: auto;\n align-items: center;\n flex-direction: column;\n"], ["\n width: 100%;\n height: 100%;\n max-height: 1280px;\n display: flex;\n margin: auto;\n align-items: center;\n flex-direction: column;\n"])));
|
|
23739
|
-
var FaceGuideContainer$1 = styled.div(templateObject_3$8 || (templateObject_3$8 = __makeTemplateObject(["\n position: relative;\n height: 50%;\n"], ["\n position: relative;\n height: 50%;\n"])));
|
|
23740
|
-
var StyledSelfieCaptureAnimatedMask = styled(SelfieCaptureAnimatedMaskWithStatus)(templateObject_4$3 || (templateObject_4$3 = __makeTemplateObject(["\n max-width: 100%;\n height: 100%;\n"], ["\n max-width: 100%;\n height: 100%;\n"])));
|
|
23741
|
-
var SignaturePadContainer = styled.div(templateObject_5$3 || (templateObject_5$3 = __makeTemplateObject(["\n position: relative;\n max-width: 100%;\n height: 50%;\n aspect-ratio: 2;\n"], ["\n position: relative;\n max-width: 100%;\n height: 50%;\n aspect-ratio: 2;\n"])));
|
|
23742
|
-
var SignatureCanvasContainer = styled.div(templateObject_6$2 || (templateObject_6$2 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: calc(100% - 67px);\n ", "\n ", "\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: calc(100% - 67px);\n ", "\n ", "\n"])), function (props) {
|
|
23706
|
+
var SignaturePadContainer = styled.div(templateObject_1$c || (templateObject_1$c = __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"])));
|
|
23707
|
+
var SignatureCanvasContainer = styled.div(templateObject_2$a || (templateObject_2$a = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: calc(100% - 67px);\n ", "\n ", "\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: calc(100% - 67px);\n ", "\n ", "\n"])), function (props) {
|
|
23743
23708
|
return props.$disabled ? 'opacity: 0.5; pointer-events: none;' : '';
|
|
23744
23709
|
}, function (props) {
|
|
23745
23710
|
return props.$headTrackingUnsatisfied ? 'pointer-events: none;' : '';
|
|
23746
23711
|
});
|
|
23747
|
-
var AcceptBtn = styled(LoaderButton)(
|
|
23748
|
-
var SignaturePadContentContainer = styled.div(
|
|
23749
|
-
var SignaturePadContentInner = styled.div(
|
|
23712
|
+
var AcceptBtn = styled(LoaderButton)(templateObject_3$9 || (templateObject_3$9 = __makeTemplateObject(["\n margin-left: auto;\n"], ["\n margin-left: auto;\n"])));
|
|
23713
|
+
var SignaturePadContentContainer = styled.div(templateObject_4$4 || (templateObject_4$4 = __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"])));
|
|
23714
|
+
var SignaturePadContentInner = styled.div(templateObject_5$3 || (templateObject_5$3 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n pointer-events: none;\n color: ", ";\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n pointer-events: none;\n color: ", ";\n"])), function (props) {
|
|
23750
23715
|
var _a, _b, _c;
|
|
23751
23716
|
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';
|
|
23752
23717
|
});
|
|
23753
|
-
var templateObject_1$
|
|
23718
|
+
var templateObject_1$c, templateObject_2$a, templateObject_3$9, templateObject_4$4, templateObject_5$3;
|
|
23719
|
+
|
|
23720
|
+
function VideoSignatureGuides(_a) {
|
|
23721
|
+
var onAcceptBtnClicked = _a.onAcceptBtnClicked,
|
|
23722
|
+
onClearBtnClicked = _a.onClearBtnClicked,
|
|
23723
|
+
_b = _a.requestedAction,
|
|
23724
|
+
requestedAction = _b === void 0 ? 'VERIFY_LIVENESS' : _b,
|
|
23725
|
+
_c = _a.faceGuideStatus,
|
|
23726
|
+
faceGuideStatus = _c === void 0 ? 'success' : _c,
|
|
23727
|
+
faceGuideBorderWidth = _a.faceGuideBorderWidth,
|
|
23728
|
+
faceGuideBorderColor = _a.faceGuideBorderColor,
|
|
23729
|
+
_d = _a.minSignaturePadPoints,
|
|
23730
|
+
minSignaturePadPoints = _d === void 0 ? DEFAULT_MIN_SIGNATURE_PAD_POINTS : _d,
|
|
23731
|
+
_e = _a.headTrackingSatisfied,
|
|
23732
|
+
headTrackingSatisfied = _e === void 0 ? true : _e,
|
|
23733
|
+
_f = _a.classNames,
|
|
23734
|
+
classNames = _f === void 0 ? {} : _f,
|
|
23735
|
+
verbiage = _a.verbiage;
|
|
23736
|
+
return /*#__PURE__*/React.createElement(Container$3, {
|
|
23737
|
+
className: classNames.container
|
|
23738
|
+
}, /*#__PURE__*/React.createElement(Inner$1, {
|
|
23739
|
+
className: classNames.inner
|
|
23740
|
+
}, /*#__PURE__*/React.createElement(FaceGuideContainer$1, {
|
|
23741
|
+
className: classNames.faceGuideContainer
|
|
23742
|
+
}, /*#__PURE__*/React.createElement(StyledSelfieCaptureAnimatedMask, {
|
|
23743
|
+
className: classNames.faceGuide,
|
|
23744
|
+
status: requestedAction === 'VERIFY_LIVENESS' ? faceGuideStatus : 'success',
|
|
23745
|
+
borderWidth: faceGuideBorderWidth,
|
|
23746
|
+
borderColor: faceGuideBorderColor,
|
|
23747
|
+
verticalAlign: "bottom"
|
|
23748
|
+
})), /*#__PURE__*/React.createElement(VideoSignaturePad, {
|
|
23749
|
+
onAcceptBtnClicked: onAcceptBtnClicked,
|
|
23750
|
+
onClearBtnClicked: onClearBtnClicked,
|
|
23751
|
+
disabled: requestedAction !== 'CAPTURE_SIGNATURE',
|
|
23752
|
+
headTrackingSatisfied: headTrackingSatisfied,
|
|
23753
|
+
minSignaturePadPoints: minSignaturePadPoints,
|
|
23754
|
+
classNames: classNames,
|
|
23755
|
+
verbiage: verbiage
|
|
23756
|
+
})));
|
|
23757
|
+
}
|
|
23758
|
+
var Container$3 = styled.div(templateObject_1$b || (templateObject_1$b = __makeTemplateObject(["\n display: flex;\n max-height: 100%;\n position: absolute;\n z-index: 1000;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n font-family: ", ";\n box-sizing: border-box;\n overflow: hidden;\n padding: 40px;\n"], ["\n display: flex;\n max-height: 100%;\n position: absolute;\n z-index: 1000;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n font-family: ", ";\n box-sizing: border-box;\n overflow: hidden;\n padding: 40px;\n"])), function (props) {
|
|
23759
|
+
var _a;
|
|
23760
|
+
return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
|
|
23761
|
+
});
|
|
23762
|
+
var Inner$1 = styled.div(templateObject_2$9 || (templateObject_2$9 = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n max-height: 1280px;\n display: flex;\n margin: auto;\n align-items: center;\n flex-direction: column;\n"], ["\n width: 100%;\n height: 100%;\n max-height: 1280px;\n display: flex;\n margin: auto;\n align-items: center;\n flex-direction: column;\n"])));
|
|
23763
|
+
var FaceGuideContainer$1 = styled.div(templateObject_3$8 || (templateObject_3$8 = __makeTemplateObject(["\n position: relative;\n height: 50%;\n"], ["\n position: relative;\n height: 50%;\n"])));
|
|
23764
|
+
var StyledSelfieCaptureAnimatedMask = styled(SelfieCaptureAnimatedMaskWithStatus)(templateObject_4$3 || (templateObject_4$3 = __makeTemplateObject(["\n max-width: 100%;\n height: 100%;\n"], ["\n max-width: 100%;\n height: 100%;\n"])));
|
|
23765
|
+
var templateObject_1$b, templateObject_2$9, templateObject_3$8, templateObject_4$3;
|
|
23754
23766
|
|
|
23755
23767
|
var DEFAULT_MIN_SIGNATURE_PAD_POINTS = 10;
|
|
23756
23768
|
var DEFAULT_HEAD_TRACKING_BOUNDARY_PERCENTAGE = 0.01;
|
|
23769
|
+
var DEFAULT_HEAD_TRACKING_BOUNDARY_TYPE = 'head';
|
|
23757
23770
|
var VideoSignatureCapture = function VideoSignatureCapture(_a) {
|
|
23758
23771
|
var onSignatureVideoCaptured = _a.onSignatureVideoCaptured,
|
|
23759
23772
|
onFaceNotDetected = _a.onFaceNotDetected,
|
|
@@ -23765,17 +23778,19 @@
|
|
|
23765
23778
|
minSignaturePadPoints = _c === void 0 ? DEFAULT_MIN_SIGNATURE_PAD_POINTS : _c,
|
|
23766
23779
|
_d = _a.headTrackingBoundaryPercentage,
|
|
23767
23780
|
headTrackingBoundaryPercentage = _d === void 0 ? DEFAULT_HEAD_TRACKING_BOUNDARY_PERCENTAGE : _d,
|
|
23768
|
-
_e = _a.
|
|
23769
|
-
|
|
23770
|
-
_f = _a.
|
|
23771
|
-
|
|
23772
|
-
_g = _a.
|
|
23773
|
-
|
|
23774
|
-
_h = _a.
|
|
23775
|
-
|
|
23776
|
-
_j = _a.
|
|
23777
|
-
|
|
23778
|
-
|
|
23781
|
+
_e = _a.headTrackingBoundaryType,
|
|
23782
|
+
headTrackingBoundaryType = _e === void 0 ? DEFAULT_HEAD_TRACKING_BOUNDARY_TYPE : _e,
|
|
23783
|
+
_f = _a.captureAudio,
|
|
23784
|
+
captureAudio = _f === void 0 ? false : _f,
|
|
23785
|
+
_g = _a.classNames,
|
|
23786
|
+
classNames = _g === void 0 ? {} : _g,
|
|
23787
|
+
_h = _a.colors,
|
|
23788
|
+
colors = _h === void 0 ? {} : _h,
|
|
23789
|
+
_j = _a.verbiage,
|
|
23790
|
+
rawVerbiage = _j === void 0 ? {} : _j,
|
|
23791
|
+
_k = _a.debugMode,
|
|
23792
|
+
debugMode = _k === void 0 ? false : _k;
|
|
23793
|
+
var _l = useCameraStore(useShallow(function (state) {
|
|
23779
23794
|
return {
|
|
23780
23795
|
camera: state.camera,
|
|
23781
23796
|
audioStream: state.audioStream,
|
|
@@ -23783,19 +23798,19 @@
|
|
|
23783
23798
|
videoHeight: state.videoHeight
|
|
23784
23799
|
};
|
|
23785
23800
|
})),
|
|
23786
|
-
camera =
|
|
23787
|
-
audioStream =
|
|
23788
|
-
videoWidth =
|
|
23789
|
-
videoHeight =
|
|
23790
|
-
var
|
|
23791
|
-
onHeadTrackingPredictionMade =
|
|
23792
|
-
startHeadTracking =
|
|
23793
|
-
stopHeadTracking =
|
|
23794
|
-
var
|
|
23795
|
-
startRecording =
|
|
23796
|
-
stopRecording =
|
|
23797
|
-
clearRecordedData =
|
|
23798
|
-
isRecording =
|
|
23801
|
+
camera = _l.camera,
|
|
23802
|
+
audioStream = _l.audioStream,
|
|
23803
|
+
videoWidth = _l.videoWidth,
|
|
23804
|
+
videoHeight = _l.videoHeight;
|
|
23805
|
+
var _m = useSelfieGuidanceModelsContext(),
|
|
23806
|
+
onHeadTrackingPredictionMade = _m.onPredictionMade,
|
|
23807
|
+
startHeadTracking = _m.start,
|
|
23808
|
+
stopHeadTracking = _m.stop;
|
|
23809
|
+
var _o = useVideoSignatureStore(),
|
|
23810
|
+
startRecording = _o.startRecording,
|
|
23811
|
+
stopRecording = _o.stopRecording,
|
|
23812
|
+
clearRecordedData = _o.clearRecordedData,
|
|
23813
|
+
isRecording = _o.isRecording;
|
|
23799
23814
|
React.useEffect(function () {
|
|
23800
23815
|
useVideoSignatureStore.setState({
|
|
23801
23816
|
onSignatureVideoCaptured: onSignatureVideoCaptured
|
|
@@ -23815,31 +23830,35 @@
|
|
|
23815
23830
|
var verbiage = useTranslations(rawVerbiage, {
|
|
23816
23831
|
guidanceMessageText: 'Please sign the box below'
|
|
23817
23832
|
});
|
|
23818
|
-
var
|
|
23819
|
-
headTrackingSatisfied =
|
|
23820
|
-
setHeadTrackingSatisfied =
|
|
23821
|
-
var
|
|
23822
|
-
lastFace =
|
|
23823
|
-
setLastFace =
|
|
23824
|
-
var
|
|
23825
|
-
numFramesWithoutFaces =
|
|
23826
|
-
setNumFramesWithoutFaces =
|
|
23833
|
+
var _p = React.useState(true),
|
|
23834
|
+
headTrackingSatisfied = _p[0],
|
|
23835
|
+
setHeadTrackingSatisfied = _p[1];
|
|
23836
|
+
var _q = React.useState(null),
|
|
23837
|
+
lastFace = _q[0],
|
|
23838
|
+
setLastFace = _q[1];
|
|
23839
|
+
var _r = React.useState(0),
|
|
23840
|
+
numFramesWithoutFaces = _r[0],
|
|
23841
|
+
setNumFramesWithoutFaces = _r[1];
|
|
23827
23842
|
onHeadTrackingPredictionMade(f(React.useCallback(function (_a) {
|
|
23828
23843
|
var face = _a.face;
|
|
23829
23844
|
if (!camera) return;
|
|
23830
|
-
var
|
|
23845
|
+
var leftEdge = videoWidth * headTrackingBoundaryPercentage;
|
|
23846
|
+
var rightEdge = videoWidth * (1 - headTrackingBoundaryPercentage);
|
|
23847
|
+
var topEdge = videoHeight * headTrackingBoundaryPercentage;
|
|
23848
|
+
var bottomEdge = videoHeight * (1 - headTrackingBoundaryPercentage);
|
|
23849
|
+
var nearBoundary = !!face && (headTrackingBoundaryType === 'nose' ? face.keypoints[2].x < leftEdge || face.keypoints[2].x > rightEdge || face.keypoints[2].y < topEdge || face.keypoints[2].y > bottomEdge : (face === null || face === void 0 ? void 0 : face.box.xMin) < leftEdge || (face === null || face === void 0 ? void 0 : face.box.xMax) > rightEdge || (face === null || face === void 0 ? void 0 : face.box.yMin) < topEdge || (face === null || face === void 0 ? void 0 : face.box.yMax) > bottomEdge);
|
|
23831
23850
|
setLastFace(face);
|
|
23832
23851
|
setHeadTrackingSatisfied(!!face && !nearBoundary);
|
|
23833
23852
|
setNumFramesWithoutFaces(face ? 0 : function (n) {
|
|
23834
23853
|
return n + 1;
|
|
23835
23854
|
});
|
|
23836
|
-
}, [camera, headTrackingBoundaryPercentage, videoHeight, videoWidth]), 16));
|
|
23837
|
-
var
|
|
23838
|
-
ref =
|
|
23839
|
-
|
|
23840
|
-
width =
|
|
23841
|
-
|
|
23842
|
-
height =
|
|
23855
|
+
}, [camera, headTrackingBoundaryPercentage, headTrackingBoundaryType, videoHeight, videoWidth]), 16));
|
|
23856
|
+
var _s = useResizeObserver(),
|
|
23857
|
+
ref = _s.ref,
|
|
23858
|
+
_t = _s.width,
|
|
23859
|
+
width = _t === void 0 ? 1 : _t,
|
|
23860
|
+
_u = _s.height,
|
|
23861
|
+
height = _u === void 0 ? 1 : _u;
|
|
23843
23862
|
var debugScalingDetails = useDebugScalingDetails({
|
|
23844
23863
|
enabled: debugMode,
|
|
23845
23864
|
pageWidth: width,
|
|
@@ -23868,7 +23887,7 @@
|
|
|
23868
23887
|
headTrackingSatisfied: headTrackingSatisfied,
|
|
23869
23888
|
classNames: classNames.guides,
|
|
23870
23889
|
verbiage: rawVerbiage.guides,
|
|
23871
|
-
|
|
23890
|
+
onClearBtnClicked: restartVideoOnSignaturePadCleared ? function () {
|
|
23872
23891
|
return setTimeout(clearRecordedData, 100);
|
|
23873
23892
|
} : undefined
|
|
23874
23893
|
}), debugMode && ( /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ObjectDetectionDebugOverlayDiv, null, lastFace && ( /*#__PURE__*/React.createElement(SelfieCaptureFaceDebugBox, {
|
|
@@ -24136,44 +24155,47 @@
|
|
|
24136
24155
|
minSignaturePadPoints = _e === void 0 ? DEFAULT_MIN_SIGNATURE_PAD_POINTS : _e,
|
|
24137
24156
|
_f = _a.headTrackingBoundaryPercentage,
|
|
24138
24157
|
headTrackingBoundaryPercentage = _f === void 0 ? DEFAULT_HEAD_TRACKING_BOUNDARY_PERCENTAGE : _f,
|
|
24139
|
-
_g = _a.
|
|
24140
|
-
|
|
24141
|
-
_h = _a.
|
|
24142
|
-
|
|
24143
|
-
_j = _a.
|
|
24144
|
-
|
|
24158
|
+
_g = _a.headTrackingBoundaryType,
|
|
24159
|
+
headTrackingBoundaryType = _g === void 0 ? DEFAULT_HEAD_TRACKING_BOUNDARY_TYPE : _g,
|
|
24160
|
+
_h = _a.allowSignatureAfterLivenessCheckFailure,
|
|
24161
|
+
allowSignatureAfterLivenessCheckFailure = _h === void 0 ? false : _h,
|
|
24162
|
+
_j = _a.restartVideoOnSignaturePadCleared,
|
|
24163
|
+
restartVideoOnSignaturePadCleared = _j === void 0 ? true : _j,
|
|
24164
|
+
_k = _a.skipLivenessValidation,
|
|
24165
|
+
skipLivenessValidation = _k === void 0 ? false : _k,
|
|
24145
24166
|
faceLivenessProps = _a.faceLivenessProps,
|
|
24146
|
-
|
|
24147
|
-
|
|
24148
|
-
|
|
24149
|
-
|
|
24150
|
-
|
|
24151
|
-
|
|
24152
|
-
|
|
24153
|
-
|
|
24154
|
-
|
|
24155
|
-
|
|
24156
|
-
|
|
24157
|
-
|
|
24158
|
-
|
|
24159
|
-
|
|
24160
|
-
|
|
24161
|
-
|
|
24162
|
-
|
|
24167
|
+
guidesComponent = _a.guidesComponent,
|
|
24168
|
+
_l = _a.assets,
|
|
24169
|
+
assets = _l === void 0 ? {} : _l,
|
|
24170
|
+
_m = _a.classNames,
|
|
24171
|
+
classNames = _m === void 0 ? {} : _m,
|
|
24172
|
+
_o = _a.colors,
|
|
24173
|
+
colors = _o === void 0 ? {} : _o,
|
|
24174
|
+
_p = _a.verbiage,
|
|
24175
|
+
verbiage = _p === void 0 ? {} : _p,
|
|
24176
|
+
_q = _a.debugMode,
|
|
24177
|
+
debugMode = _q === void 0 ? false : _q;
|
|
24178
|
+
var _r = useSubmissionContext(),
|
|
24179
|
+
selfieImage = _r.selfieImage,
|
|
24180
|
+
setSelfieImage = _r.setSelfieImage,
|
|
24181
|
+
setSignatureData = _r.setSignatureData,
|
|
24182
|
+
setSignatureVideoUrl = _r.setSignatureVideoUrl,
|
|
24183
|
+
logSelfieCaptureAttempt = _r.logSelfieCaptureAttempt,
|
|
24184
|
+
uploadDocument = _r.uploadDocument;
|
|
24163
24185
|
var cameraAccessDenied = useCameraStore(useShallow(function (state) {
|
|
24164
24186
|
return {
|
|
24165
24187
|
cameraAccessDenied: state.cameraAccessDenied
|
|
24166
24188
|
};
|
|
24167
24189
|
})).cameraAccessDenied;
|
|
24168
|
-
var
|
|
24169
|
-
captureState =
|
|
24170
|
-
setCaptureState =
|
|
24190
|
+
var _s = React.useState(skipLivenessValidation ? 'CAPTURING_SELFIE' : 'CHECKING_LIVENESS'),
|
|
24191
|
+
captureState = _s[0],
|
|
24192
|
+
setCaptureState = _s[1];
|
|
24171
24193
|
var operationStartedAt = React.useRef();
|
|
24172
24194
|
var captureStartedAt = React.useRef();
|
|
24173
24195
|
var captureEndedAt = React.useRef();
|
|
24174
|
-
var
|
|
24175
|
-
start =
|
|
24176
|
-
stop =
|
|
24196
|
+
var _t = useSelfieGuidanceModelsContext(),
|
|
24197
|
+
start = _t.start,
|
|
24198
|
+
stop = _t.stop;
|
|
24177
24199
|
React.useEffect(function () {
|
|
24178
24200
|
operationStartedAt.current = new Date();
|
|
24179
24201
|
}, []);
|
|
@@ -24217,9 +24239,9 @@
|
|
|
24217
24239
|
filetype: 'image/jpeg'
|
|
24218
24240
|
}).then(onSelfieCaptured);
|
|
24219
24241
|
}, [logCaptureMetadata, onSelfieCaptured, setSelfieImage, uploadDocument]);
|
|
24220
|
-
var
|
|
24221
|
-
signatureImageUrl =
|
|
24222
|
-
setSignatureImageUrl =
|
|
24242
|
+
var _u = React.useState(null),
|
|
24243
|
+
signatureImageUrl = _u[0],
|
|
24244
|
+
setSignatureImageUrl = _u[1];
|
|
24223
24245
|
var onSignatureCaptureCompleted = React.useCallback(function (videoData, signatureData, signatureImageData) {
|
|
24224
24246
|
setSignatureData(signatureData);
|
|
24225
24247
|
setSignatureVideoUrl(URL.createObjectURL(videoData));
|
|
@@ -24227,17 +24249,17 @@
|
|
|
24227
24249
|
setCaptureState('SUCCESS');
|
|
24228
24250
|
onVideoCaptured === null || onVideoCaptured === void 0 ? void 0 : onVideoCaptured(videoData, signatureData, signatureImageData);
|
|
24229
24251
|
}, [onVideoCaptured, setSignatureData, setSignatureVideoUrl]);
|
|
24230
|
-
var
|
|
24231
|
-
showLoadingOverlay =
|
|
24232
|
-
setShowLoadingOverlay =
|
|
24252
|
+
var _v = React.useState(true),
|
|
24253
|
+
showLoadingOverlay = _v[0],
|
|
24254
|
+
setShowLoadingOverlay = _v[1];
|
|
24233
24255
|
var onSignatureCaptureFacesNotDetected = React.useCallback(function () {
|
|
24234
24256
|
setShowLoadingOverlay(false);
|
|
24235
24257
|
setCaptureState(skipLivenessValidation ? 'CAPTURING_SELFIE' : 'CHECKING_LIVENESS');
|
|
24236
24258
|
useVideoSignatureStore.getState().clearRecordedData();
|
|
24237
24259
|
}, [skipLivenessValidation]);
|
|
24238
|
-
var
|
|
24239
|
-
attempt =
|
|
24240
|
-
setAttempt =
|
|
24260
|
+
var _w = React.useState(0),
|
|
24261
|
+
attempt = _w[0],
|
|
24262
|
+
setAttempt = _w[1];
|
|
24241
24263
|
var onRetry = React.useCallback(function () {
|
|
24242
24264
|
onRetryClicked === null || onRetryClicked === void 0 ? void 0 : onRetryClicked();
|
|
24243
24265
|
setAttempt(function (n) {
|
|
@@ -24262,14 +24284,15 @@
|
|
|
24262
24284
|
setCaptureState(skipLivenessValidation ? 'CAPTURING_SELFIE' : 'CHECKING_LIVENESS');
|
|
24263
24285
|
}
|
|
24264
24286
|
}, [cameraAccessDenied, skipLivenessValidation]);
|
|
24265
|
-
var
|
|
24287
|
+
var resolvedGuidesComponent = React.useCallback(function (props) {
|
|
24266
24288
|
return /*#__PURE__*/React.createElement(VideoSignatureWizardGuides, _assign({}, props, {
|
|
24267
24289
|
classNames: classNames === null || classNames === void 0 ? void 0 : classNames.guides,
|
|
24268
24290
|
verbiage: verbiage === null || verbiage === void 0 ? void 0 : verbiage.guides,
|
|
24269
24291
|
restartVideoOnSignaturePadCleared: restartVideoOnSignaturePadCleared,
|
|
24270
|
-
captureAudio: captureAudio
|
|
24292
|
+
captureAudio: captureAudio,
|
|
24293
|
+
component: guidesComponent
|
|
24271
24294
|
}));
|
|
24272
|
-
}, [captureAudio, classNames === null || classNames === void 0 ? void 0 : classNames.guides, restartVideoOnSignaturePadCleared, verbiage === null || verbiage === void 0 ? void 0 : verbiage.guides]);
|
|
24295
|
+
}, [captureAudio, classNames === null || classNames === void 0 ? void 0 : classNames.guides, guidesComponent, restartVideoOnSignaturePadCleared, verbiage === null || verbiage === void 0 ? void 0 : verbiage.guides]);
|
|
24273
24296
|
var onExitAfterFailureProp = faceLivenessProps === null || faceLivenessProps === void 0 ? void 0 : faceLivenessProps.onExitAfterFailure;
|
|
24274
24297
|
var onExitAfterFailure = React.useCallback(function (resp, req) {
|
|
24275
24298
|
onExitAfterFailureProp === null || onExitAfterFailureProp === void 0 ? void 0 : onExitAfterFailureProp(resp, req);
|
|
@@ -24304,7 +24327,7 @@
|
|
|
24304
24327
|
showLoadingOverlay: showLoadingOverlay,
|
|
24305
24328
|
customOverlayContent: customOverlayContent,
|
|
24306
24329
|
loadingOverlayMode: loadingOverlayMode,
|
|
24307
|
-
guidesComponent:
|
|
24330
|
+
guidesComponent: resolvedGuidesComponent,
|
|
24308
24331
|
assets: assets.faceLiveness,
|
|
24309
24332
|
classNames: classNames.faceLiveness,
|
|
24310
24333
|
colors: colors.faceLiveness,
|
|
@@ -24326,7 +24349,7 @@
|
|
|
24326
24349
|
showLoadingOverlay: showLoadingOverlay,
|
|
24327
24350
|
customOverlayContent: customOverlayContent,
|
|
24328
24351
|
loadingOverlayMode: loadingOverlayMode,
|
|
24329
|
-
guidesComponent:
|
|
24352
|
+
guidesComponent: resolvedGuidesComponent,
|
|
24330
24353
|
assets: assets.faceLiveness,
|
|
24331
24354
|
classNames: classNames.faceLiveness,
|
|
24332
24355
|
colors: colors.faceLiveness,
|
|
@@ -24341,8 +24364,9 @@
|
|
|
24341
24364
|
onExit: onExitSignatureCapture,
|
|
24342
24365
|
minSignaturePadPoints: minSignaturePadPoints,
|
|
24343
24366
|
headTrackingBoundaryPercentage: headTrackingBoundaryPercentage,
|
|
24367
|
+
headTrackingBoundaryType: headTrackingBoundaryType,
|
|
24344
24368
|
restartVideoOnSignaturePadCleared: restartVideoOnSignaturePadCleared,
|
|
24345
|
-
guidesComponent:
|
|
24369
|
+
guidesComponent: resolvedGuidesComponent,
|
|
24346
24370
|
captureAudio: captureAudio,
|
|
24347
24371
|
classNames: classNames,
|
|
24348
24372
|
colors: colors,
|
|
@@ -24370,22 +24394,42 @@
|
|
|
24370
24394
|
restartVideoOnSignaturePadCleared = _b === void 0 ? true : _b,
|
|
24371
24395
|
_c = _a.captureAudio,
|
|
24372
24396
|
captureAudio = _c === void 0 ? false : _c,
|
|
24373
|
-
|
|
24397
|
+
component = _a.component,
|
|
24398
|
+
props = __rest(_a, ["status", "restartVideoOnSignaturePadCleared", "captureAudio", "component"]);
|
|
24399
|
+
var Component = component !== null && component !== void 0 ? component : VideoSignatureGuides;
|
|
24374
24400
|
var _d = useCameraStore(),
|
|
24375
24401
|
camera = _d.camera,
|
|
24376
24402
|
audioStream = _d.audioStream;
|
|
24377
|
-
function
|
|
24378
|
-
|
|
24379
|
-
|
|
24380
|
-
|
|
24403
|
+
var onAcceptBtnClicked = React.useCallback(function () {
|
|
24404
|
+
var signaturePad = useVideoSignatureStore.getState().signaturePad;
|
|
24405
|
+
if (!signaturePad.current) throw new Error('Signature pad not found');
|
|
24406
|
+
var signatureData = buildSignatureData(signaturePad.current);
|
|
24407
|
+
exportSignatureImage(signaturePad.current).then(function (imageUrl) {
|
|
24408
|
+
if (!imageUrl) throw new Error('Signature image not found');
|
|
24409
|
+
signatureData.fileContent = dataUrlToBase64Sync(imageUrl);
|
|
24410
|
+
useVideoSignatureStore.getState().stopRecording(signatureData, imageUrl);
|
|
24411
|
+
});
|
|
24412
|
+
}, []);
|
|
24413
|
+
var onClearBtnClicked = React.useCallback(function () {
|
|
24414
|
+
var _a, _b;
|
|
24415
|
+
useVideoSignatureStore.setState({
|
|
24416
|
+
signaturePadEmpty: true,
|
|
24417
|
+
signatureValid: false
|
|
24418
|
+
});
|
|
24419
|
+
(_b = (_a = useVideoSignatureStore.getState().signaturePad) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.clear();
|
|
24420
|
+
if (restartVideoOnSignaturePadCleared) {
|
|
24381
24421
|
setTimeout(function () {
|
|
24382
|
-
useVideoSignatureStore.getState().
|
|
24422
|
+
useVideoSignatureStore.getState().clearRecordedData();
|
|
24423
|
+
setTimeout(function () {
|
|
24424
|
+
useVideoSignatureStore.getState().startRecording(camera, audioStream, captureAudio);
|
|
24425
|
+
}, 100);
|
|
24383
24426
|
}, 100);
|
|
24384
|
-
}
|
|
24385
|
-
}
|
|
24386
|
-
return /*#__PURE__*/React.createElement(
|
|
24427
|
+
}
|
|
24428
|
+
}, [audioStream, camera, captureAudio, restartVideoOnSignaturePadCleared]);
|
|
24429
|
+
return /*#__PURE__*/React.createElement(Component, _assign({}, props, {
|
|
24387
24430
|
faceGuideStatus: status,
|
|
24388
|
-
|
|
24431
|
+
onAcceptBtnClicked: onAcceptBtnClicked,
|
|
24432
|
+
onClearBtnClicked: onClearBtnClicked,
|
|
24389
24433
|
requestedAction: status === 'success' ? 'CAPTURE_SIGNATURE' : 'VERIFY_LIVENESS'
|
|
24390
24434
|
}));
|
|
24391
24435
|
}
|
|
@@ -28147,24 +28191,27 @@
|
|
|
28147
28191
|
minSignaturePadPoints = _f === void 0 ? DEFAULT_MIN_SIGNATURE_PAD_POINTS : _f,
|
|
28148
28192
|
_g = _a.headTrackingBoundaryPercentage,
|
|
28149
28193
|
headTrackingBoundaryPercentage = _g === void 0 ? DEFAULT_HEAD_TRACKING_BOUNDARY_PERCENTAGE : _g,
|
|
28150
|
-
_h = _a.
|
|
28151
|
-
|
|
28152
|
-
_j = _a.
|
|
28153
|
-
|
|
28154
|
-
_k = _a.
|
|
28155
|
-
|
|
28194
|
+
_h = _a.headTrackingBoundaryType,
|
|
28195
|
+
headTrackingBoundaryType = _h === void 0 ? DEFAULT_HEAD_TRACKING_BOUNDARY_TYPE : _h,
|
|
28196
|
+
_j = _a.modelLoadTimeoutMs,
|
|
28197
|
+
modelLoadTimeoutMs = _j === void 0 ? defaultSelfieCaptureModelLoadTimeoutMs : _j,
|
|
28198
|
+
_k = _a.allowSignatureAfterLivenessCheckFailure,
|
|
28199
|
+
allowSignatureAfterLivenessCheckFailure = _k === void 0 ? false : _k,
|
|
28200
|
+
_l = _a.restartVideoOnSignaturePadCleared,
|
|
28201
|
+
restartVideoOnSignaturePadCleared = _l === void 0 ? true : _l,
|
|
28156
28202
|
faceLivenessProps = _a.faceLivenessProps,
|
|
28157
|
-
|
|
28158
|
-
skipLivenessValidation =
|
|
28159
|
-
|
|
28160
|
-
|
|
28203
|
+
_m = _a.skipLivenessValidation,
|
|
28204
|
+
skipLivenessValidation = _m === void 0 ? false : _m,
|
|
28205
|
+
guidesComponent = _a.guidesComponent,
|
|
28206
|
+
_o = _a.theme,
|
|
28207
|
+
theme = _o === void 0 ? 'default' : _o,
|
|
28161
28208
|
classNames = _a.classNames,
|
|
28162
28209
|
colors = _a.colors,
|
|
28163
28210
|
verbiage = _a.verbiage,
|
|
28164
28211
|
geolocationEnabled = _a.geolocationEnabled,
|
|
28165
28212
|
geolocationRequired = _a.geolocationRequired,
|
|
28166
|
-
|
|
28167
|
-
debugMode =
|
|
28213
|
+
_p = _a.debugMode,
|
|
28214
|
+
debugMode = _p === void 0 ? false : _p;
|
|
28168
28215
|
useLanguage(lang);
|
|
28169
28216
|
useDebugLogging(debugMode);
|
|
28170
28217
|
return /*#__PURE__*/React.createElement(AuthProvider, {
|
|
@@ -28214,11 +28261,13 @@
|
|
|
28214
28261
|
captureAudio: captureAudio,
|
|
28215
28262
|
minSignaturePadPoints: minSignaturePadPoints,
|
|
28216
28263
|
headTrackingBoundaryPercentage: headTrackingBoundaryPercentage,
|
|
28264
|
+
headTrackingBoundaryType: headTrackingBoundaryType,
|
|
28217
28265
|
modelLoadTimeoutMs: modelLoadTimeoutMs,
|
|
28218
28266
|
faceLivenessProps: faceLivenessProps,
|
|
28219
28267
|
allowSignatureAfterLivenessCheckFailure: allowSignatureAfterLivenessCheckFailure,
|
|
28220
28268
|
restartVideoOnSignaturePadCleared: restartVideoOnSignaturePadCleared,
|
|
28221
28269
|
skipLivenessValidation: skipLivenessValidation,
|
|
28270
|
+
guidesComponent: guidesComponent,
|
|
28222
28271
|
classNames: classNames,
|
|
28223
28272
|
colors: colors,
|
|
28224
28273
|
debugMode: debugMode,
|
|
@@ -28226,7 +28275,7 @@
|
|
|
28226
28275
|
onModelError: onModelError,
|
|
28227
28276
|
onUserCancel: onUserCancel
|
|
28228
28277
|
};
|
|
28229
|
-
}, [onLoadingStarted, onLoadingProgress, onLoadingCompleted, onSelfieCaptured, customOverlayContent, onLoadingOverlayDismissed, loadingOverlayMode, skipSuccessScreen, captureAudio, minSignaturePadPoints, headTrackingBoundaryPercentage, modelLoadTimeoutMs, faceLivenessProps, allowSignatureAfterLivenessCheckFailure, restartVideoOnSignaturePadCleared, skipLivenessValidation, classNames, colors, debugMode, verbiage, onModelError, onUserCancel])
|
|
28278
|
+
}, [onLoadingStarted, onLoadingProgress, onLoadingCompleted, onSelfieCaptured, customOverlayContent, onLoadingOverlayDismissed, loadingOverlayMode, skipSuccessScreen, captureAudio, minSignaturePadPoints, headTrackingBoundaryPercentage, headTrackingBoundaryType, modelLoadTimeoutMs, faceLivenessProps, allowSignatureAfterLivenessCheckFailure, restartVideoOnSignaturePadCleared, skipLivenessValidation, guidesComponent, classNames, colors, debugMode, verbiage, onModelError, onUserCancel])
|
|
28230
28279
|
})))));
|
|
28231
28280
|
};
|
|
28232
28281
|
|