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
package/dist/sdk2.esm.js
CHANGED
|
@@ -204,7 +204,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
|
|
|
204
204
|
return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
|
|
205
205
|
};
|
|
206
206
|
|
|
207
|
-
var webSdkVersion = '2.3.
|
|
207
|
+
var webSdkVersion = '2.3.50';
|
|
208
208
|
|
|
209
209
|
function getPlatform() {
|
|
210
210
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
@@ -443,16 +443,16 @@ var LoaderButton = function LoaderButton(_a) {
|
|
|
443
443
|
className: "ladda-label"
|
|
444
444
|
}, children));
|
|
445
445
|
};
|
|
446
|
-
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) {
|
|
446
|
+
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) {
|
|
447
447
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
|
|
448
448
|
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 ");
|
|
449
449
|
});
|
|
450
|
-
var templateObject_1$
|
|
450
|
+
var templateObject_1$S;
|
|
451
451
|
|
|
452
|
-
var ButtonsRow$2 = styled.div(templateObject_1$
|
|
453
|
-
var templateObject_1$
|
|
452
|
+
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"])));
|
|
453
|
+
var templateObject_1$R;
|
|
454
454
|
|
|
455
|
-
var GuidanceMessageContainerDiv = styled.div(templateObject_1$
|
|
455
|
+
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) {
|
|
456
456
|
var $top = _a.$top;
|
|
457
457
|
return $top !== null && $top !== void 0 ? $top : '10%';
|
|
458
458
|
}, function (_a) {
|
|
@@ -465,38 +465,38 @@ var GuidanceMessageContainer = function GuidanceMessageContainer(props) {
|
|
|
465
465
|
if (!portalLocation) return element;
|
|
466
466
|
return /*#__PURE__*/createPortal(element, portalLocation);
|
|
467
467
|
};
|
|
468
|
-
var GuidanceMessage = styled.div(templateObject_2$
|
|
468
|
+
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) {
|
|
469
469
|
var _a, _b, _c, _d, _e, _f;
|
|
470
470
|
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';
|
|
471
471
|
}, function (props) {
|
|
472
472
|
var _a, _b, _c, _d, _e, _f;
|
|
473
473
|
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';
|
|
474
474
|
});
|
|
475
|
-
var templateObject_1$
|
|
475
|
+
var templateObject_1$Q, templateObject_2$H;
|
|
476
476
|
|
|
477
|
-
var wavesAnimation = keyframes(templateObject_1$
|
|
478
|
-
var progressBarAnimation = keyframes(templateObject_2$
|
|
479
|
-
var dualRingSpinnerAnimation = keyframes(templateObject_3$
|
|
480
|
-
var progressBorderAnimation = keyframes(templateObject_4$
|
|
481
|
-
var templateObject_1$
|
|
477
|
+
var wavesAnimation = 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"])));
|
|
478
|
+
var progressBarAnimation = 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"])));
|
|
479
|
+
var dualRingSpinnerAnimation = 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"])));
|
|
480
|
+
var progressBorderAnimation = keyframes(templateObject_4$n || (templateObject_4$n = __makeTemplateObject(["\n to {\n stroke-dashoffset: 0;\n }\n"], ["\n to {\n stroke-dashoffset: 0;\n }\n"])));
|
|
481
|
+
var templateObject_1$P, templateObject_2$G, templateObject_3$t, templateObject_4$n;
|
|
482
482
|
|
|
483
|
-
var OverlayContainer = styled.div(templateObject_1$
|
|
483
|
+
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) {
|
|
484
484
|
return props.theme.background ? "".concat(props.theme.background) : "white";
|
|
485
485
|
}, function (props) {
|
|
486
486
|
return props.theme.textColor ? "color: ".concat(props.theme.textColor, ";") : "";
|
|
487
487
|
});
|
|
488
|
-
var OverlayInner$2 = styled.div(templateObject_2$
|
|
488
|
+
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) {
|
|
489
489
|
var _a;
|
|
490
490
|
return (_a = props.theme.textAlign) !== null && _a !== void 0 ? _a : 'center';
|
|
491
491
|
}, function (props) {
|
|
492
492
|
return props.theme.padding ? "box-sizing: border-box; padding: ".concat(props.theme.padding, ";") : "";
|
|
493
493
|
});
|
|
494
|
-
var OverlayImageContainer = styled.div(templateObject_3$
|
|
495
|
-
var OverlayImageRow = styled.div(templateObject_4$
|
|
494
|
+
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"])));
|
|
495
|
+
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"])));
|
|
496
496
|
var GrayOverlayContainer = styled(OverlayContainer)(templateObject_5$e || (templateObject_5$e = __makeTemplateObject(["\n background: #f7f6fb;\n"], ["\n background: #f7f6fb;\n"])));
|
|
497
|
-
var ButtonsColumn = styled.div(templateObject_6$
|
|
498
|
-
var WideButton = styled(LoaderButton)(templateObject_7$
|
|
499
|
-
var WideBorderButton = styled(WideButton)(templateObject_8$
|
|
497
|
+
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"])));
|
|
498
|
+
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"])));
|
|
499
|
+
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) {
|
|
500
500
|
var _a, _b;
|
|
501
501
|
return (_b = (_a = props.colors) === null || _a === void 0 ? void 0 : _a.textColor) !== null && _b !== void 0 ? _b : 'black';
|
|
502
502
|
}, function (props) {
|
|
@@ -506,7 +506,7 @@ var WideBorderButton = styled(WideButton)(templateObject_8$5 || (templateObject_
|
|
|
506
506
|
var _a, _b;
|
|
507
507
|
return (_b = (_a = props.colors) === null || _a === void 0 ? void 0 : _a.borderColor) !== null && _b !== void 0 ? _b : 'var(--idm-color-secondary-500)';
|
|
508
508
|
});
|
|
509
|
-
var LoadingOverlayInner = styled(OverlayInner$2)(templateObject_9$
|
|
509
|
+
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"])));
|
|
510
510
|
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) {
|
|
511
511
|
var _a;
|
|
512
512
|
return (_a = props.theme.textAlign) !== null && _a !== void 0 ? _a : 'center';
|
|
@@ -533,7 +533,7 @@ var LoadingOverlayLoadingListItem = styled.li(templateObject_19 || (templateObje
|
|
|
533
533
|
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"])));
|
|
534
534
|
var LoadingOverlayCustomLoadingGraphic = styled.img(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n transform-style: preserve-3d;\n"], ["\n transform-style: preserve-3d;\n"])));
|
|
535
535
|
var LoadingOverlayContinueButtonContainer = styled.div(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n display: flex;\n"], ["\n display: flex;\n"])));
|
|
536
|
-
var templateObject_1$
|
|
536
|
+
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;
|
|
537
537
|
|
|
538
538
|
var GeolocationAccessDeniedOverlay = function GeolocationAccessDeniedOverlay(_a) {
|
|
539
539
|
var accessBlockedImageUrl = _a.accessBlockedImageUrl;
|
|
@@ -2169,7 +2169,7 @@ function getFrameDimensions(frame) {
|
|
|
2169
2169
|
return [frameWidth, frameHeight];
|
|
2170
2170
|
}
|
|
2171
2171
|
|
|
2172
|
-
var InvisibleCanvas = styled.canvas(templateObject_1$
|
|
2172
|
+
var InvisibleCanvas = styled.canvas(templateObject_1$N || (templateObject_1$N = __makeTemplateObject(["\n display: none;\n"], ["\n display: none;\n"])));
|
|
2173
2173
|
function drawToCanvas(canvas, frame, width, height) {
|
|
2174
2174
|
if (!canvas) return;
|
|
2175
2175
|
var ctx = canvas.getContext('2d');
|
|
@@ -2189,7 +2189,7 @@ function clearCanvas(canvas) {
|
|
|
2189
2189
|
var _a;
|
|
2190
2190
|
(_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);
|
|
2191
2191
|
}
|
|
2192
|
-
var templateObject_1$
|
|
2192
|
+
var templateObject_1$N;
|
|
2193
2193
|
|
|
2194
2194
|
function cropToShoulders(rawCanvas, cropCanvas, resizeCanvas, frame, face, quality, maxHeight) {
|
|
2195
2195
|
if (quality === void 0) {
|
|
@@ -5237,14 +5237,14 @@ function CameraTamperSeal(_a) {
|
|
|
5237
5237
|
className: classNames.message
|
|
5238
5238
|
}, messageText)));
|
|
5239
5239
|
}
|
|
5240
|
-
var StyledOverlayInner$4 = styled(OverlayInner$2)(templateObject_1$
|
|
5241
|
-
var StyledOverlayHeading = styled.h3(templateObject_2$
|
|
5240
|
+
var StyledOverlayInner$4 = styled(OverlayInner$2)(templateObject_1$M || (templateObject_1$M = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
5241
|
+
var StyledOverlayHeading = styled.h3(templateObject_2$E || (templateObject_2$E = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
5242
5242
|
function useCameraStore(selector) {
|
|
5243
5243
|
var store = useContext(CameraStoreContext);
|
|
5244
5244
|
if (!store) throw new Error('useCameraStore cannot be used without Provider');
|
|
5245
5245
|
return useStore(store, selector);
|
|
5246
5246
|
}
|
|
5247
|
-
var templateObject_1$
|
|
5247
|
+
var templateObject_1$M, templateObject_2$E;
|
|
5248
5248
|
|
|
5249
5249
|
var DocumentDetectionModelContext = /*#__PURE__*/createContext({
|
|
5250
5250
|
startDocumentDetection: function startDocumentDetection() {
|
|
@@ -6228,12 +6228,12 @@ function DebugStatsPane(_a) {
|
|
|
6228
6228
|
if (!portalLocation) return element;
|
|
6229
6229
|
return /*#__PURE__*/createPortal(element, portalLocation);
|
|
6230
6230
|
}
|
|
6231
|
-
var DebugStatsPaneDiv = styled.span(templateObject_1$
|
|
6232
|
-
var ObjectDetectionDebugOverlayDiv = styled.div(templateObject_2$
|
|
6231
|
+
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"])));
|
|
6232
|
+
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) {
|
|
6233
6233
|
var $flipX = _a.$flipX;
|
|
6234
6234
|
return $flipX ? 'transform: scaleX(-1);' : '';
|
|
6235
6235
|
});
|
|
6236
|
-
var ObjectDetectionDebugBox = styled.div(templateObject_3$
|
|
6236
|
+
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) {
|
|
6237
6237
|
var $color = _a.$color;
|
|
6238
6238
|
return $color !== null && $color !== void 0 ? $color : 'green';
|
|
6239
6239
|
}, function (_a) {
|
|
@@ -6243,7 +6243,7 @@ var ObjectDetectionDebugBox = styled.div(templateObject_3$q || (templateObject_3
|
|
|
6243
6243
|
var $flipX = _a.$flipX;
|
|
6244
6244
|
return $flipX ? 'transform: scaleX(-1);' : '';
|
|
6245
6245
|
});
|
|
6246
|
-
var FaceDetectionKeypointMarker = styled.div(templateObject_4$
|
|
6246
|
+
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) {
|
|
6247
6247
|
var $color = _a.$color;
|
|
6248
6248
|
return $color !== null && $color !== void 0 ? $color : 'red';
|
|
6249
6249
|
}, function (_a) {
|
|
@@ -6440,7 +6440,7 @@ function SelfieCaptureFaceKeypoint(_a) {
|
|
|
6440
6440
|
}
|
|
6441
6441
|
});
|
|
6442
6442
|
}
|
|
6443
|
-
var templateObject_1$
|
|
6443
|
+
var templateObject_1$L, templateObject_2$D, templateObject_3$r, templateObject_4$l;
|
|
6444
6444
|
|
|
6445
6445
|
function OverrideWrongDocumentTypeGuidanceDialog(_a) {
|
|
6446
6446
|
var _b = _a.classNames,
|
|
@@ -6473,18 +6473,18 @@ function OverrideWrongDocumentTypeGuidanceDialog(_a) {
|
|
|
6473
6473
|
}
|
|
6474
6474
|
}, verbiage.buttonText))));
|
|
6475
6475
|
}
|
|
6476
|
-
var Container$7 = styled.div(templateObject_1$
|
|
6476
|
+
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) {
|
|
6477
6477
|
var _a, _b, _c;
|
|
6478
6478
|
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';
|
|
6479
6479
|
}, function (props) {
|
|
6480
6480
|
var _a, _b, _c;
|
|
6481
6481
|
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';
|
|
6482
6482
|
});
|
|
6483
|
-
var InnerContainer = styled.div(templateObject_2$
|
|
6484
|
-
var Message = styled.span(templateObject_3$
|
|
6485
|
-
var ButtonContainer = styled.div(templateObject_4$
|
|
6483
|
+
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"])));
|
|
6484
|
+
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"])));
|
|
6485
|
+
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"])));
|
|
6486
6486
|
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"])));
|
|
6487
|
-
var templateObject_1$
|
|
6487
|
+
var templateObject_1$K, templateObject_2$C, templateObject_3$q, templateObject_4$k, templateObject_5$d;
|
|
6488
6488
|
|
|
6489
6489
|
// This is a simplified version of https://github.com/ZeeCoder/use-resize-observer.
|
|
6490
6490
|
// We have removed all options and made it compliant with React Compiler/React 19.
|
|
@@ -6799,13 +6799,13 @@ var CameraAccessDeniedOverlay = function CameraAccessDeniedOverlay(_a) {
|
|
|
6799
6799
|
finished: true
|
|
6800
6800
|
}, verbiage.retryBtnText)));
|
|
6801
6801
|
};
|
|
6802
|
-
var StyledOverlayInner$3 = styled(OverlayInner$2)(templateObject_1$
|
|
6803
|
-
var StyledOverlayImageContainer$1 = styled(OverlayImageContainer)(templateObject_2$
|
|
6804
|
-
var Description$4 = styled.p(templateObject_3$
|
|
6805
|
-
var RetryButton$1 = styled(LoaderButton)(templateObject_4$
|
|
6806
|
-
var templateObject_1$
|
|
6802
|
+
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"])));
|
|
6803
|
+
var StyledOverlayImageContainer$1 = styled(OverlayImageContainer)(templateObject_2$B || (templateObject_2$B = __makeTemplateObject(["\n flex-grow: 0;\n"], ["\n flex-grow: 0;\n"])));
|
|
6804
|
+
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"])));
|
|
6805
|
+
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"])));
|
|
6806
|
+
var templateObject_1$J, templateObject_2$B, templateObject_3$p, templateObject_4$j;
|
|
6807
6807
|
|
|
6808
|
-
var ExitCaptureStyledButton = styled.button(templateObject_1$
|
|
6808
|
+
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"])));
|
|
6809
6809
|
var ExitCaptureButton = function ExitCaptureButton(_a) {
|
|
6810
6810
|
var onClick = _a.onClick,
|
|
6811
6811
|
className = _a.className;
|
|
@@ -6849,7 +6849,7 @@ var ExitCaptureButton = function ExitCaptureButton(_a) {
|
|
|
6849
6849
|
y2: "19.75"
|
|
6850
6850
|
}))));
|
|
6851
6851
|
};
|
|
6852
|
-
var templateObject_1$
|
|
6852
|
+
var templateObject_1$I;
|
|
6853
6853
|
|
|
6854
6854
|
function IdCaptureLoadingGraphic(props) {
|
|
6855
6855
|
var isMobile = window.innerHeight > window.innerWidth;
|
|
@@ -7324,21 +7324,21 @@ function IdCaptureLoadingGraphicMobile(_a) {
|
|
|
7324
7324
|
fill: "white"
|
|
7325
7325
|
}))));
|
|
7326
7326
|
}
|
|
7327
|
-
var LoadingGraphicWrapper = styled.div(templateObject_1$
|
|
7328
|
-
var LoadingGraphicSvg = styled.svg(templateObject_2$
|
|
7327
|
+
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"])));
|
|
7328
|
+
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) {
|
|
7329
7329
|
return props.$frame > 1 ? 1 : props.$frame === 1 ? 1.25 : 0.75;
|
|
7330
7330
|
}, function (props) {
|
|
7331
7331
|
return props.$frame >= 5 ? 10 : 0;
|
|
7332
7332
|
}, function (props) {
|
|
7333
7333
|
return props.$borderColor;
|
|
7334
7334
|
});
|
|
7335
|
-
var LoadingGraphicCardGroup = styled.g(templateObject_3$
|
|
7335
|
+
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) {
|
|
7336
7336
|
return props.$offScreen ? '-500px' : '0';
|
|
7337
7337
|
});
|
|
7338
|
-
var LoadingGraphicPhoneGroup = styled.g(templateObject_4$
|
|
7338
|
+
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) {
|
|
7339
7339
|
return props.$offScreen ? '40px' : '0';
|
|
7340
7340
|
});
|
|
7341
|
-
var templateObject_1$
|
|
7341
|
+
var templateObject_1$H, templateObject_2$A, templateObject_3$o, templateObject_4$i;
|
|
7342
7342
|
|
|
7343
7343
|
function LoadingListItemIndicator(_a) {
|
|
7344
7344
|
var _b = _a.state,
|
|
@@ -7591,16 +7591,16 @@ var IdCaptureLoadingOverlayDefault = function IdCaptureLoadingOverlayDefault(_a)
|
|
|
7591
7591
|
}
|
|
7592
7592
|
}, ready ? verbiage.continueText : verbiage.pleaseWaitText))))));
|
|
7593
7593
|
};
|
|
7594
|
-
var OverlayInner$1 = styled(LoadingOverlayInner)(templateObject_1$
|
|
7594
|
+
var OverlayInner$1 = styled(LoadingOverlayInner)(templateObject_1$G || (templateObject_1$G = __makeTemplateObject(["\n background: ", ";\n color: ", ";\n"], ["\n background: ", ";\n color: ", ";\n"])), function (props) {
|
|
7595
7595
|
var _a, _b, _c, _d;
|
|
7596
7596
|
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';
|
|
7597
7597
|
}, function (props) {
|
|
7598
7598
|
var _a, _b, _c, _d;
|
|
7599
7599
|
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';
|
|
7600
7600
|
});
|
|
7601
|
-
var ContinuityCameraCheckboxContainer$1 = styled.div(templateObject_2$
|
|
7602
|
-
var ContinuityCameraCheckboxInner = styled(GuidanceMessage)(templateObject_3$
|
|
7603
|
-
var ContinuityCameraCheckbox$1 = styled.input(templateObject_4$
|
|
7601
|
+
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"])));
|
|
7602
|
+
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"])));
|
|
7603
|
+
var ContinuityCameraCheckbox$1 = styled.input(templateObject_4$h || (templateObject_4$h = __makeTemplateObject(["\n margin: 0;\n"], ["\n margin: 0;\n"])));
|
|
7604
7604
|
var ButtonsRow$1 = styled(LoadingOverlayButtonsRow)(templateObject_5$c || (templateObject_5$c = __makeTemplateObject(["\n color: ", ";\n ", "\n"], ["\n color: ", ";\n ", "\n"])), function (props) {
|
|
7605
7605
|
var _a, _b, _c, _d;
|
|
7606
7606
|
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';
|
|
@@ -7608,18 +7608,18 @@ var ButtonsRow$1 = styled(LoadingOverlayButtonsRow)(templateObject_5$c || (templ
|
|
|
7608
7608
|
var _a, _b, _c, _d, _e, _f;
|
|
7609
7609
|
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, ";") : '';
|
|
7610
7610
|
});
|
|
7611
|
-
var ProgressBarBackground$1 = styled(LoadingOverlayProgressBarBackground)(templateObject_6$
|
|
7611
|
+
var ProgressBarBackground$1 = styled(LoadingOverlayProgressBarBackground)(templateObject_6$8 || (templateObject_6$8 = __makeTemplateObject(["\n background: ", ";\n opacity: ", ";\n"], ["\n background: ", ";\n opacity: ", ";\n"])), function (props) {
|
|
7612
7612
|
var _a, _b, _c, _d;
|
|
7613
7613
|
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)';
|
|
7614
7614
|
}, function (props) {
|
|
7615
7615
|
var _a, _b, _c, _d;
|
|
7616
7616
|
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;
|
|
7617
7617
|
});
|
|
7618
|
-
var ProgressIndicator$1 = styled(LoadingOverlayProgressIndicator)(templateObject_7$
|
|
7618
|
+
var ProgressIndicator$1 = styled(LoadingOverlayProgressIndicator)(templateObject_7$4 || (templateObject_7$4 = __makeTemplateObject(["\n background: ", ";\n"], ["\n background: ", ";\n"])), function (props) {
|
|
7619
7619
|
var _a, _b, _c, _d;
|
|
7620
7620
|
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)';
|
|
7621
7621
|
});
|
|
7622
|
-
var ContinueButton$1 = styled(LoaderButton)(templateObject_8$
|
|
7622
|
+
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) {
|
|
7623
7623
|
var _a, _b, _c, _d, _e, _f;
|
|
7624
7624
|
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, ";") : '';
|
|
7625
7625
|
}, function (props) {
|
|
@@ -7638,10 +7638,10 @@ var ContinueButton$1 = styled(LoaderButton)(templateObject_8$4 || (templateObjec
|
|
|
7638
7638
|
var _a, _b, _c, _d;
|
|
7639
7639
|
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';
|
|
7640
7640
|
});
|
|
7641
|
-
var templateObject_1$
|
|
7641
|
+
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;
|
|
7642
7642
|
|
|
7643
|
-
var ContinuityCameraCheckboxContainer = styled.div(templateObject_1$
|
|
7644
|
-
var ContinuityCameraCheckbox = styled.input(templateObject_2$
|
|
7643
|
+
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"])));
|
|
7644
|
+
var ContinuityCameraCheckbox = styled.input(templateObject_2$y || (templateObject_2$y = __makeTemplateObject(["\n margin-right: 8px;\n"], ["\n margin-right: 8px;\n"])));
|
|
7645
7645
|
var IdCaptureLoadingOverlayLegacy = function IdCaptureLoadingOverlayLegacy(_a) {
|
|
7646
7646
|
var _b, _c, _d, _e;
|
|
7647
7647
|
var onDismissed = _a.onDismissed,
|
|
@@ -7762,7 +7762,7 @@ var IdCaptureLoadingOverlayLegacy = function IdCaptureLoadingOverlayLegacy(_a) {
|
|
|
7762
7762
|
}
|
|
7763
7763
|
}, ready ? verbiage.continueText : modelsReady ? verbiage.cameraInitializingText : modelDownloadProgress >= 100 ? verbiage.modelsWarmingUpText : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)"))));
|
|
7764
7764
|
};
|
|
7765
|
-
var templateObject_1$
|
|
7765
|
+
var templateObject_1$F, templateObject_2$y;
|
|
7766
7766
|
|
|
7767
7767
|
var components$1 = {
|
|
7768
7768
|
"default": IdCaptureLoadingOverlayDefault,
|
|
@@ -7820,9 +7820,9 @@ var CapturedDocumentImg = function CapturedDocumentImg(_a) {
|
|
|
7820
7820
|
});
|
|
7821
7821
|
};
|
|
7822
7822
|
|
|
7823
|
-
var Card = styled.div(templateObject_1$
|
|
7824
|
-
var FlexCard = styled(Card)(templateObject_2$
|
|
7825
|
-
var templateObject_1$
|
|
7823
|
+
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"])));
|
|
7824
|
+
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"])));
|
|
7825
|
+
var templateObject_1$E, templateObject_2$x;
|
|
7826
7826
|
|
|
7827
7827
|
var imageDisplayOrder = ['idCardFront', 'idCardBack', 'passport', 'singlePage', 'idFrontIrImage', 'idBackIrImage', 'idFrontUvImage', 'idBackUvImage'];
|
|
7828
7828
|
var IdCaptureSuccess = function IdCaptureSuccess(_a) {
|
|
@@ -7884,13 +7884,13 @@ var IdCaptureSuccess = function IdCaptureSuccess(_a) {
|
|
|
7884
7884
|
finished: true
|
|
7885
7885
|
}, verbiage.retryText)))));
|
|
7886
7886
|
};
|
|
7887
|
-
var Heading$a = styled.h1(templateObject_1$
|
|
7888
|
-
var ImagesContainer = styled(OverlayImageContainer)(templateObject_2$
|
|
7889
|
-
var ImageRow = styled(OverlayImageRow)(templateObject_3$
|
|
7890
|
-
var ImageCol$1 = styled.div(templateObject_4$
|
|
7887
|
+
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"])));
|
|
7888
|
+
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"])));
|
|
7889
|
+
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"])));
|
|
7890
|
+
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"])));
|
|
7891
7891
|
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"])));
|
|
7892
|
-
var DebugPre = styled.pre(templateObject_6$
|
|
7893
|
-
var templateObject_1$
|
|
7892
|
+
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"])));
|
|
7893
|
+
var templateObject_1$D, templateObject_2$w, templateObject_3$m, templateObject_4$g, templateObject_5$b, templateObject_6$7;
|
|
7894
7894
|
|
|
7895
7895
|
function useShowSuccessScreen(skipSuccessScreen, successScreenReady, onDoneCallback) {
|
|
7896
7896
|
var _this = this;
|
|
@@ -7942,12 +7942,12 @@ function resetCanvasDimensions(canvas) {
|
|
|
7942
7942
|
canvas.style.height = '0';
|
|
7943
7943
|
}
|
|
7944
7944
|
|
|
7945
|
-
var IdCardGuideImageContainer = styled(IdCardBorder)(templateObject_1$
|
|
7945
|
+
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) {
|
|
7946
7946
|
return props.$isVisible ? '' : 'opacity: 0;';
|
|
7947
7947
|
}, function (props) {
|
|
7948
7948
|
return props.$isMobile ? props.$isLandscape ? 'height: 100%;' : 'width: 80%;' : props.$isLandscape ? 'height: 70%;' : 'width: 82%;';
|
|
7949
7949
|
});
|
|
7950
|
-
var IdCardGuideImage = styled.img(templateObject_2$
|
|
7950
|
+
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) {
|
|
7951
7951
|
return props.$isMirrored ? 'transform: scaleX(-1);' : '';
|
|
7952
7952
|
}, function (props) {
|
|
7953
7953
|
return props.$isInvisible ? 'opacity: 0;' : '';
|
|
@@ -8097,17 +8097,17 @@ function IdCardBorderSvg(_a) {
|
|
|
8097
8097
|
className: isProgressBar ? "idmSdkProgressBorder ".concat(progressPaused ? 'idmSdkProgressPaused' : '') : ''
|
|
8098
8098
|
}));
|
|
8099
8099
|
}
|
|
8100
|
-
var IdCardBorderContainer = styled.div(templateObject_3$
|
|
8101
|
-
var IdCardBorderInner = styled.div(templateObject_4$
|
|
8100
|
+
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);
|
|
8101
|
+
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"])));
|
|
8102
8102
|
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"])));
|
|
8103
|
-
var IdCardBorderRect = styled.rect(templateObject_6$
|
|
8103
|
+
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) {
|
|
8104
8104
|
var _a;
|
|
8105
8105
|
return (_a = props.$speed) !== null && _a !== void 0 ? _a : '3s';
|
|
8106
8106
|
}, function (props) {
|
|
8107
8107
|
var _a;
|
|
8108
8108
|
return (_a = props.$fillMode) !== null && _a !== void 0 ? _a : 'forwards';
|
|
8109
8109
|
});
|
|
8110
|
-
var templateObject_1$
|
|
8110
|
+
var templateObject_1$C, templateObject_2$v, templateObject_3$l, templateObject_4$f, templateObject_5$a, templateObject_6$6;
|
|
8111
8111
|
|
|
8112
8112
|
var defaultIdCaptureGuideImages = {
|
|
8113
8113
|
portrait: {
|
|
@@ -8296,15 +8296,15 @@ var IdVideoCaptureFlipIdPrompt = function IdVideoCaptureFlipIdPrompt(_a) {
|
|
|
8296
8296
|
style: imageStyle
|
|
8297
8297
|
})));
|
|
8298
8298
|
};
|
|
8299
|
-
var Wrapper$1 = styled.div(templateObject_1$
|
|
8299
|
+
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) {
|
|
8300
8300
|
return props.$isLandscape ? 'height: 100%;' : 'height: 100%;';
|
|
8301
8301
|
});
|
|
8302
|
-
var FlipImageContainer = styled(IdCardGuideImageContainer)(templateObject_2$
|
|
8302
|
+
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) {
|
|
8303
8303
|
return props.$transitionTime;
|
|
8304
8304
|
}, function (props) {
|
|
8305
8305
|
return props.$transforms;
|
|
8306
8306
|
});
|
|
8307
|
-
var templateObject_1$
|
|
8307
|
+
var templateObject_1$B, templateObject_2$u;
|
|
8308
8308
|
|
|
8309
8309
|
var GuideOrientationContext = /*#__PURE__*/createContext({
|
|
8310
8310
|
orientation: 'landscape',
|
|
@@ -8443,10 +8443,10 @@ var FlipIdPrompt = function FlipIdPrompt(_a) {
|
|
|
8443
8443
|
height: height
|
|
8444
8444
|
})));
|
|
8445
8445
|
};
|
|
8446
|
-
var Wrapper = styled.div(templateObject_1$
|
|
8446
|
+
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) {
|
|
8447
8447
|
return props.$isMobile ? props.$isLandscape ? 'height: 100%;' : 'width: 80%;' : props.$isLandscape ? 'height: 70%;' : 'width: 82%;';
|
|
8448
8448
|
});
|
|
8449
|
-
var templateObject_1$
|
|
8449
|
+
var templateObject_1$A;
|
|
8450
8450
|
|
|
8451
8451
|
var IdCaptureGuideOverlay = function IdCaptureGuideOverlay(_a) {
|
|
8452
8452
|
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
|
|
@@ -8592,10 +8592,10 @@ var regionClsx = function regionClsx(classNames, which) {
|
|
|
8592
8592
|
return v;
|
|
8593
8593
|
}).join(' ');
|
|
8594
8594
|
};
|
|
8595
|
-
var StyledPageContainer = styled.div(templateObject_1$
|
|
8596
|
-
var GuidesContainer = styled.div(templateObject_2$
|
|
8597
|
-
var GuideCenterRow = styled.div(templateObject_3$
|
|
8598
|
-
var GuideRegion = styled.div(templateObject_4$
|
|
8595
|
+
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"])));
|
|
8596
|
+
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"])));
|
|
8597
|
+
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"])));
|
|
8598
|
+
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) {
|
|
8599
8599
|
var _a, _b, _c, _d, _e;
|
|
8600
8600
|
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)';
|
|
8601
8601
|
}, function (props) {
|
|
@@ -8607,22 +8607,22 @@ var GuideRegion = styled.div(templateObject_4$d || (templateObject_4$d = __makeT
|
|
|
8607
8607
|
return props.$minHeight ? "min-height: ".concat(props.$minHeight, "px;") : "";
|
|
8608
8608
|
});
|
|
8609
8609
|
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"])));
|
|
8610
|
-
var GuideCenterRegion = styled.div(templateObject_6$
|
|
8610
|
+
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) {
|
|
8611
8611
|
return props.$minWidth ? "min-width: ".concat(props.$minWidth, "px;") : "";
|
|
8612
8612
|
}, function (props) {
|
|
8613
8613
|
return props.$isMirrored ? 'transform: scaleX(-1);' : '';
|
|
8614
8614
|
});
|
|
8615
|
-
var GuideCenterBorder = styled.div(templateObject_7$
|
|
8615
|
+
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) {
|
|
8616
8616
|
var _a, _b;
|
|
8617
8617
|
return "".concat((_a = props.$borderWidth) !== null && _a !== void 0 ? _a : 4, "px solid ").concat((_b = props.$borderColor) !== null && _b !== void 0 ? _b : 'white');
|
|
8618
8618
|
}, function (props) {
|
|
8619
8619
|
return props.$padding ? "padding: ".concat(props.$padding, "px;") : '';
|
|
8620
8620
|
});
|
|
8621
|
-
var GuideText = styled.span(templateObject_8$
|
|
8622
|
-
var GuideCenterInner = styled.div(templateObject_9$
|
|
8621
|
+
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"])));
|
|
8622
|
+
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) {
|
|
8623
8623
|
return props.$isLandscape ? 'height: 100%;' : 'width: 90%;';
|
|
8624
8624
|
});
|
|
8625
|
-
var templateObject_1$
|
|
8625
|
+
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;
|
|
8626
8626
|
|
|
8627
8627
|
var IdCaptureFitGuide = function IdCaptureFitGuide(_a) {
|
|
8628
8628
|
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
|
|
@@ -8763,11 +8763,11 @@ var IdCaptureFitGuide = function IdCaptureFitGuide(_a) {
|
|
|
8763
8763
|
progress: progress
|
|
8764
8764
|
}));
|
|
8765
8765
|
};
|
|
8766
|
-
var CanvasWrapper$1 = styled.div(templateObject_1$
|
|
8766
|
+
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) {
|
|
8767
8767
|
return props.$maskColor;
|
|
8768
8768
|
});
|
|
8769
|
-
var Canvas$1 = styled.canvas(templateObject_2$
|
|
8770
|
-
var templateObject_1$
|
|
8769
|
+
var Canvas$1 = styled.canvas(templateObject_2$s || (templateObject_2$s = __makeTemplateObject(["\n display: block;\n"], ["\n display: block;\n"])));
|
|
8770
|
+
var templateObject_1$y, templateObject_2$s;
|
|
8771
8771
|
|
|
8772
8772
|
function IdCaptureGuides(_a) {
|
|
8773
8773
|
var _b = _a.guideType,
|
|
@@ -8823,7 +8823,7 @@ function IdCaptureGuides(_a) {
|
|
|
8823
8823
|
})));
|
|
8824
8824
|
}
|
|
8825
8825
|
|
|
8826
|
-
var Spinner = styled.div(templateObject_1$
|
|
8826
|
+
var Spinner = 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) {
|
|
8827
8827
|
var $size = _a.$size;
|
|
8828
8828
|
return $size !== null && $size !== void 0 ? $size : 80;
|
|
8829
8829
|
}, function (_a) {
|
|
@@ -8848,11 +8848,11 @@ var Spinner = styled.div(templateObject_1$w || (templateObject_1$w = __makeTempl
|
|
|
8848
8848
|
var $color = _a.$color;
|
|
8849
8849
|
return $color !== null && $color !== void 0 ? $color : '#888';
|
|
8850
8850
|
}, dualRingSpinnerAnimation);
|
|
8851
|
-
var SpinnerPageContainer = styled.div(templateObject_2$
|
|
8851
|
+
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"])));
|
|
8852
8852
|
function SpinnerPage() {
|
|
8853
8853
|
return /*#__PURE__*/React__default.createElement(SpinnerPageContainer, null, /*#__PURE__*/React__default.createElement(Spinner, null));
|
|
8854
8854
|
}
|
|
8855
|
-
var templateObject_1$
|
|
8855
|
+
var templateObject_1$x, templateObject_2$r;
|
|
8856
8856
|
|
|
8857
8857
|
var IdCaptureImagePreview = function IdCaptureImagePreview(_a) {
|
|
8858
8858
|
var _b = _a.classNames,
|
|
@@ -8939,11 +8939,11 @@ var SelfieProgressPreview = function SelfieProgressPreview(_a) {
|
|
|
8939
8939
|
onError: onError
|
|
8940
8940
|
})));
|
|
8941
8941
|
};
|
|
8942
|
-
var StyledSpinner = styled(Spinner)(templateObject_1$
|
|
8943
|
-
var ImagePreviewWrapper = styled.div(templateObject_2$
|
|
8944
|
-
var ImagePreviewText = styled.div(templateObject_3$
|
|
8945
|
-
var ImagePreviewImageWrapper = styled.div(templateObject_4$
|
|
8946
|
-
var templateObject_1$
|
|
8942
|
+
var StyledSpinner = styled(Spinner)(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"])));
|
|
8943
|
+
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"])));
|
|
8944
|
+
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"])));
|
|
8945
|
+
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"])));
|
|
8946
|
+
var templateObject_1$w, templateObject_2$q, templateObject_3$j, templateObject_4$d;
|
|
8947
8947
|
|
|
8948
8948
|
var documentCaptureInitialState = {
|
|
8949
8949
|
documents: [],
|
|
@@ -9291,16 +9291,16 @@ var DocumentCaptureGuideOverlay = function DocumentCaptureGuideOverlay(_a) {
|
|
|
9291
9291
|
ref: canvasRef
|
|
9292
9292
|
}));
|
|
9293
9293
|
};
|
|
9294
|
-
var CanvasWrapper = styled.div(templateObject_1$
|
|
9294
|
+
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) {
|
|
9295
9295
|
return props.$maskColor;
|
|
9296
9296
|
});
|
|
9297
|
-
var Canvas = styled.canvas(templateObject_2$
|
|
9298
|
-
var templateObject_1$
|
|
9297
|
+
var Canvas = styled.canvas(templateObject_2$p || (templateObject_2$p = __makeTemplateObject(["\n display: block;\n"], ["\n display: block;\n"])));
|
|
9298
|
+
var templateObject_1$v, templateObject_2$p;
|
|
9299
9299
|
|
|
9300
|
-
var CameraFeedWrapper = styled.div(templateObject_1$
|
|
9300
|
+
var CameraFeedWrapper = styled.div(templateObject_1$u || (templateObject_1$u = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
9301
9301
|
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;") : "";
|
|
9302
9302
|
});
|
|
9303
|
-
var templateObject_1$
|
|
9303
|
+
var templateObject_1$u;
|
|
9304
9304
|
|
|
9305
9305
|
var CameraVideoTag = function CameraVideoTag(props) {
|
|
9306
9306
|
var _a = useCameraStore(useShallow(function (store) {
|
|
@@ -9331,10 +9331,10 @@ var CameraVideoTag = function CameraVideoTag(props) {
|
|
|
9331
9331
|
"$isRearFacing": isRearFacing
|
|
9332
9332
|
}, props));
|
|
9333
9333
|
};
|
|
9334
|
-
var FullscreenVideoTag = styled.video(templateObject_1$
|
|
9334
|
+
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) {
|
|
9335
9335
|
return props.$isRearFacing ? '' : 'scaleX(-1)';
|
|
9336
9336
|
});
|
|
9337
|
-
var templateObject_1$
|
|
9337
|
+
var templateObject_1$t;
|
|
9338
9338
|
|
|
9339
9339
|
var DocumentCaptureScreen = function DocumentCaptureScreen(_a) {
|
|
9340
9340
|
var _b, _c, _d, _e;
|
|
@@ -9482,21 +9482,21 @@ var DocumentCaptureScreen = function DocumentCaptureScreen(_a) {
|
|
|
9482
9482
|
disabled: !cameraReady || capturing
|
|
9483
9483
|
}, !cameraReady ? verbiage.loadingBtnText : capturing ? verbiage.capturingBtnText : verbiage.captureBtnText))))));
|
|
9484
9484
|
};
|
|
9485
|
-
var CaptureContainer = styled.div(templateObject_1$
|
|
9486
|
-
var HeadingRow = styled.div(templateObject_2$
|
|
9485
|
+
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"])));
|
|
9486
|
+
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) {
|
|
9487
9487
|
return props.$maskColor;
|
|
9488
9488
|
});
|
|
9489
|
-
var Heading$9 = styled.h1(templateObject_3$
|
|
9490
|
-
var FooterRow = styled.div(templateObject_4$
|
|
9489
|
+
var Heading$9 = styled.h1(templateObject_3$i || (templateObject_3$i = __makeTemplateObject(["\n font-size: 22px;\n"], ["\n font-size: 22px;\n"])));
|
|
9490
|
+
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) {
|
|
9491
9491
|
return props.$maskColor;
|
|
9492
9492
|
});
|
|
9493
9493
|
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) {
|
|
9494
9494
|
var _a, _b, _c;
|
|
9495
9495
|
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';
|
|
9496
9496
|
});
|
|
9497
|
-
var StyledButtonsRow$8 = styled(ButtonsRow$2)(templateObject_6$
|
|
9498
|
-
var PreviewImage = styled.img(templateObject_7$
|
|
9499
|
-
var templateObject_1$
|
|
9497
|
+
var StyledButtonsRow$8 = styled(ButtonsRow$2)(templateObject_6$4 || (templateObject_6$4 = __makeTemplateObject(["\n padding-top: 20px;\n"], ["\n padding-top: 20px;\n"])));
|
|
9498
|
+
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"])));
|
|
9499
|
+
var templateObject_1$s, templateObject_2$o, templateObject_3$i, templateObject_4$c, templateObject_5$8, templateObject_6$4, templateObject_7$2;
|
|
9500
9500
|
|
|
9501
9501
|
var DocumentCaptureWizard = function DocumentCaptureWizard(_a) {
|
|
9502
9502
|
var onSuccess = _a.onSuccess,
|
|
@@ -9767,13 +9767,13 @@ var IdCaptureFallback = function IdCaptureFallback(_a) {
|
|
|
9767
9767
|
}
|
|
9768
9768
|
}, verbiage.doneBtnText))))));
|
|
9769
9769
|
};
|
|
9770
|
-
var StyledOverlayInner$2 = styled(OverlayInner$2)(templateObject_1$
|
|
9771
|
-
var Heading$8 = styled.h3(templateObject_2$
|
|
9772
|
-
var Description$3 = styled.p(templateObject_3$
|
|
9773
|
-
var Instruction = styled.p(templateObject_4$
|
|
9770
|
+
var StyledOverlayInner$2 = styled(OverlayInner$2)(templateObject_1$r || (templateObject_1$r = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
9771
|
+
var Heading$8 = styled.h3(templateObject_2$n || (templateObject_2$n = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
9772
|
+
var Description$3 = styled.p(templateObject_3$h || (templateObject_3$h = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
9773
|
+
var Instruction = styled.p(templateObject_4$b || (templateObject_4$b = __makeTemplateObject(["\n font-weight: bold;\n"], ["\n font-weight: bold;\n"])));
|
|
9774
9774
|
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"])));
|
|
9775
|
-
var StyledButtonsRow$7 = styled(ButtonsRow$2)(templateObject_6$
|
|
9776
|
-
var templateObject_1$
|
|
9775
|
+
var StyledButtonsRow$7 = styled(ButtonsRow$2)(templateObject_6$3 || (templateObject_6$3 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
9776
|
+
var templateObject_1$r, templateObject_2$n, templateObject_3$h, templateObject_4$b, templateObject_5$7, templateObject_6$3;
|
|
9777
9777
|
|
|
9778
9778
|
function ScalingCameraFeed() {
|
|
9779
9779
|
var _a = useIdCaptureStore(),
|
|
@@ -10125,18 +10125,18 @@ function FilePickerButton(_a) {
|
|
|
10125
10125
|
}
|
|
10126
10126
|
}, file ? "".concat(file.name, " (").concat(humanFileSize(file.size), ")") : filePickerLoading ? loadingText : children));
|
|
10127
10127
|
}
|
|
10128
|
-
var ScreenContainer = styled.div(templateObject_1$
|
|
10128
|
+
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) {
|
|
10129
10129
|
var _a;
|
|
10130
10130
|
return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
|
|
10131
10131
|
});
|
|
10132
|
-
var ScreenPanel = styled.div(templateObject_2$
|
|
10133
|
-
var SelectIdCardScreenPanel = styled(ScreenPanel)(templateObject_3$
|
|
10134
|
-
var ScreenPanelHeading = styled.h3(templateObject_4$
|
|
10132
|
+
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"])));
|
|
10133
|
+
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"])));
|
|
10134
|
+
var ScreenPanelHeading = styled.h3(templateObject_4$a || (templateObject_4$a = __makeTemplateObject(["\n margin: 0 0 30px;\n"], ["\n margin: 0 0 30px;\n"])));
|
|
10135
10135
|
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"])));
|
|
10136
|
-
var DashedSeparator = styled.div(templateObject_6$
|
|
10137
|
-
var OrWrapper = styled.div(templateObject_7$
|
|
10138
|
-
var UploadIdBackHelpText = styled.p(templateObject_8$
|
|
10139
|
-
var Button = styled(WideBorderButton)(templateObject_9
|
|
10136
|
+
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"])));
|
|
10137
|
+
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"])));
|
|
10138
|
+
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"])));
|
|
10139
|
+
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"])));
|
|
10140
10140
|
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"])));
|
|
10141
10141
|
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) {
|
|
10142
10142
|
var _a;
|
|
@@ -10414,7 +10414,7 @@ function humanFileSize(bytes, si, dp) {
|
|
|
10414
10414
|
} while (Math.round(Math.abs(bytes) * r) / r >= thresh && u < units.length - 1);
|
|
10415
10415
|
return bytes.toFixed(dp) + ' ' + units[u];
|
|
10416
10416
|
}
|
|
10417
|
-
var templateObject_1$
|
|
10417
|
+
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;
|
|
10418
10418
|
|
|
10419
10419
|
var IdCaptureWizard = function IdCaptureWizard(_a) {
|
|
10420
10420
|
var _b, _c, _d, _e, _f;
|
|
@@ -11113,7 +11113,7 @@ var HeadGuideSvg = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
11113
11113
|
}))));
|
|
11114
11114
|
});
|
|
11115
11115
|
HeadGuideSvg.displayName = 'HeadGuideSvg';
|
|
11116
|
-
var PulsingHeadGuideContainer = styled.div(templateObject_1$
|
|
11116
|
+
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);
|
|
11117
11117
|
function HeadGuide(_a) {
|
|
11118
11118
|
var _b;
|
|
11119
11119
|
var _c = _a.status,
|
|
@@ -11163,8 +11163,8 @@ function HeadGuide(_a) {
|
|
|
11163
11163
|
height: parentHeight
|
|
11164
11164
|
})));
|
|
11165
11165
|
}
|
|
11166
|
-
var AbsoluteSvg = styled.svg(templateObject_2$
|
|
11167
|
-
var RelativeSvgContainer = styled.div(templateObject_3$
|
|
11166
|
+
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"])));
|
|
11167
|
+
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) {
|
|
11168
11168
|
return props.$verticalAlign === 'bottom' ? 'flex-end' : 'center';
|
|
11169
11169
|
});
|
|
11170
11170
|
function SelfieCaptureAnimatedMask(_a) {
|
|
@@ -11391,10 +11391,10 @@ function SelfieCaptureAnimatedMaskWithStatus(_a) {
|
|
|
11391
11391
|
status: status
|
|
11392
11392
|
}));
|
|
11393
11393
|
}
|
|
11394
|
-
var templateObject_1$
|
|
11394
|
+
var templateObject_1$p, templateObject_2$l, templateObject_3$f;
|
|
11395
11395
|
|
|
11396
|
-
var FaceCaptureGuideContainer = styled.div(templateObject_1$
|
|
11397
|
-
var FaceCaptureGuideInner = styled.div(templateObject_2$
|
|
11396
|
+
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"])));
|
|
11397
|
+
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"])));
|
|
11398
11398
|
var FaceCaptureGuideOverlay = function FaceCaptureGuideOverlay(_a) {
|
|
11399
11399
|
var _b = _a.classNames,
|
|
11400
11400
|
classNames = _b === void 0 ? {} : _b,
|
|
@@ -11416,7 +11416,7 @@ var FaceCaptureGuideOverlay = function FaceCaptureGuideOverlay(_a) {
|
|
|
11416
11416
|
verticalAlign: "center"
|
|
11417
11417
|
})));
|
|
11418
11418
|
};
|
|
11419
|
-
var templateObject_1$
|
|
11419
|
+
var templateObject_1$o, templateObject_2$k;
|
|
11420
11420
|
|
|
11421
11421
|
var SelfieGuidanceModelsContext = /*#__PURE__*/createContext({
|
|
11422
11422
|
start: function start() {
|
|
@@ -11744,12 +11744,12 @@ var SelfieCaptureFallback = function SelfieCaptureFallback(_a) {
|
|
|
11744
11744
|
}
|
|
11745
11745
|
}, !image ? invalidSelfie ? verbiage.retryButtonText : verbiage.captureBtnText : loading ? verbiage.doneBtnLoadingText : verbiage.doneBtnText)))));
|
|
11746
11746
|
};
|
|
11747
|
-
var StyledOverlayInner$1 = styled(OverlayInner$2)(templateObject_1$
|
|
11748
|
-
var Heading$7 = styled.h3(templateObject_2$
|
|
11749
|
-
var Description$2 = styled.p(templateObject_3$
|
|
11750
|
-
var ImageContainer$6 = styled(OverlayImageContainer)(templateObject_4$
|
|
11747
|
+
var StyledOverlayInner$1 = styled(OverlayInner$2)(templateObject_1$n || (templateObject_1$n = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
11748
|
+
var Heading$7 = styled.h3(templateObject_2$j || (templateObject_2$j = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
11749
|
+
var Description$2 = styled.p(templateObject_3$e || (templateObject_3$e = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
11750
|
+
var ImageContainer$6 = styled(OverlayImageContainer)(templateObject_4$9 || (templateObject_4$9 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
11751
11751
|
var StyledButtonsRow$6 = styled(ButtonsRow$2)(templateObject_5$5 || (templateObject_5$5 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
11752
|
-
var templateObject_1$
|
|
11752
|
+
var templateObject_1$n, templateObject_2$j, templateObject_3$e, templateObject_4$9, templateObject_5$5;
|
|
11753
11753
|
|
|
11754
11754
|
var initialState$4 = {
|
|
11755
11755
|
busy: false,
|
|
@@ -11913,8 +11913,8 @@ var SelfieCapture = function SelfieCapture(_a) {
|
|
|
11913
11913
|
className: classNames.exitCaptureBtn
|
|
11914
11914
|
}));
|
|
11915
11915
|
};
|
|
11916
|
-
var Container$6 = styled.div(templateObject_1$
|
|
11917
|
-
var templateObject_1$
|
|
11916
|
+
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"])));
|
|
11917
|
+
var templateObject_1$m;
|
|
11918
11918
|
|
|
11919
11919
|
var initialState$3 = {
|
|
11920
11920
|
frame: null,
|
|
@@ -12302,9 +12302,9 @@ var FaceLivenessSuccess = function FaceLivenessSuccess(_a) {
|
|
|
12302
12302
|
finished: true
|
|
12303
12303
|
}, verbiage.retryBtnText)))));
|
|
12304
12304
|
};
|
|
12305
|
-
var ImageContainer$5 = styled.div(templateObject_1$
|
|
12306
|
-
var Heading$6 = styled.h3(templateObject_2$
|
|
12307
|
-
var templateObject_1$
|
|
12305
|
+
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"])));
|
|
12306
|
+
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"])));
|
|
12307
|
+
var templateObject_1$l, templateObject_2$i;
|
|
12308
12308
|
|
|
12309
12309
|
var FaceLivenessFailure = function FaceLivenessFailure(_a) {
|
|
12310
12310
|
var _b = _a.canRetry,
|
|
@@ -12353,9 +12353,9 @@ var FaceLivenessFailure = function FaceLivenessFailure(_a) {
|
|
|
12353
12353
|
finished: true
|
|
12354
12354
|
}, verbiage.exitBtnText)))));
|
|
12355
12355
|
};
|
|
12356
|
-
var ImageContainer$4 = styled(OverlayImageContainer)(templateObject_1$
|
|
12357
|
-
var Heading$5 = styled.h3(templateObject_2$
|
|
12358
|
-
var templateObject_1$
|
|
12356
|
+
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"])));
|
|
12357
|
+
var Heading$5 = styled.h3(templateObject_2$h || (templateObject_2$h = __makeTemplateObject(["\n margin-bottom: 36px;\n"], ["\n margin-bottom: 36px;\n"])));
|
|
12358
|
+
var templateObject_1$k, templateObject_2$h;
|
|
12359
12359
|
|
|
12360
12360
|
var MicrophoneAccessDeniedOverlay = function MicrophoneAccessDeniedOverlay(_a) {
|
|
12361
12361
|
var _b;
|
|
@@ -12398,11 +12398,11 @@ var MicrophoneAccessDeniedOverlay = function MicrophoneAccessDeniedOverlay(_a) {
|
|
|
12398
12398
|
finished: true
|
|
12399
12399
|
}, verbiage.retryBtnText)));
|
|
12400
12400
|
};
|
|
12401
|
-
var StyledOverlayInner = styled(OverlayInner$2)(templateObject_1$
|
|
12402
|
-
var StyledOverlayImageContainer = styled(OverlayImageContainer)(templateObject_2$
|
|
12403
|
-
var Description$1 = styled.p(templateObject_3$
|
|
12404
|
-
var RetryButton = styled(LoaderButton)(templateObject_4$
|
|
12405
|
-
var templateObject_1$
|
|
12401
|
+
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"])));
|
|
12402
|
+
var StyledOverlayImageContainer = styled(OverlayImageContainer)(templateObject_2$g || (templateObject_2$g = __makeTemplateObject(["\n flex-grow: 0;\n"], ["\n flex-grow: 0;\n"])));
|
|
12403
|
+
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"])));
|
|
12404
|
+
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"])));
|
|
12405
|
+
var templateObject_1$j, templateObject_2$g, templateObject_3$d, templateObject_4$8;
|
|
12406
12406
|
|
|
12407
12407
|
var SelfieCaptureLoadingOverlayLegacy = function SelfieCaptureLoadingOverlayLegacy(_a) {
|
|
12408
12408
|
var onDismissed = _a.onDismissed,
|
|
@@ -12494,9 +12494,9 @@ var SelfieCaptureLoadingOverlayLegacy = function SelfieCaptureLoadingOverlayLega
|
|
|
12494
12494
|
}
|
|
12495
12495
|
}, ready ? verbiage.continueText : allModelsReady ? verbiage.cameraInitializingText : modelDownloadProgress >= 100 ? "".concat(verbiage.modelsWarmingUpText) : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)")))));
|
|
12496
12496
|
};
|
|
12497
|
-
var StyledGuidanceMessage = styled(GuidanceMessage)(templateObject_1$
|
|
12498
|
-
var StyledButtonsRow$5 = styled(ButtonsRow$2)(templateObject_2$
|
|
12499
|
-
var templateObject_1$
|
|
12497
|
+
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"])));
|
|
12498
|
+
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"])));
|
|
12499
|
+
var templateObject_1$i, templateObject_2$f;
|
|
12500
12500
|
|
|
12501
12501
|
var legacyInstructionImageUrl = "".concat(DEFAULT_CDN_URL, "/Selfie-Image-1.png");
|
|
12502
12502
|
var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDefault(_a) {
|
|
@@ -12651,28 +12651,28 @@ var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDef
|
|
|
12651
12651
|
}
|
|
12652
12652
|
}, ready ? verbiage.continueText : verbiage.pleaseWaitText))))));
|
|
12653
12653
|
};
|
|
12654
|
-
var OverlayInner = styled(LoadingOverlayInner)(templateObject_1$
|
|
12654
|
+
var OverlayInner = styled(LoadingOverlayInner)(templateObject_1$h || (templateObject_1$h = __makeTemplateObject(["\n background: ", ";\n color: ", ";\n"], ["\n background: ", ";\n color: ", ";\n"])), function (props) {
|
|
12655
12655
|
var _a, _b, _c, _d;
|
|
12656
12656
|
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';
|
|
12657
12657
|
}, function (props) {
|
|
12658
12658
|
var _a, _b, _c, _d;
|
|
12659
12659
|
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';
|
|
12660
12660
|
});
|
|
12661
|
-
var ButtonsRow = styled(LoadingOverlayButtonsRow)(templateObject_2$
|
|
12661
|
+
var ButtonsRow = styled(LoadingOverlayButtonsRow)(templateObject_2$e || (templateObject_2$e = __makeTemplateObject(["\n color: ", ";\n ", "\n"], ["\n color: ", ";\n ", "\n"])), function (props) {
|
|
12662
12662
|
var _a, _b, _c, _d;
|
|
12663
12663
|
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';
|
|
12664
12664
|
}, function (props) {
|
|
12665
12665
|
var _a, _b, _c, _d, _e, _f;
|
|
12666
12666
|
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, ";") : '';
|
|
12667
12667
|
});
|
|
12668
|
-
var ProgressBarBackground = styled(LoadingOverlayProgressBarBackground)(templateObject_3$
|
|
12668
|
+
var ProgressBarBackground = styled(LoadingOverlayProgressBarBackground)(templateObject_3$c || (templateObject_3$c = __makeTemplateObject(["\n background: ", ";\n opacity: ", ";\n"], ["\n background: ", ";\n opacity: ", ";\n"])), function (props) {
|
|
12669
12669
|
var _a, _b, _c, _d;
|
|
12670
12670
|
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)';
|
|
12671
12671
|
}, function (props) {
|
|
12672
12672
|
var _a, _b, _c, _d;
|
|
12673
12673
|
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;
|
|
12674
12674
|
});
|
|
12675
|
-
var ProgressIndicator = styled(LoadingOverlayProgressIndicator)(templateObject_4$
|
|
12675
|
+
var ProgressIndicator = styled(LoadingOverlayProgressIndicator)(templateObject_4$7 || (templateObject_4$7 = __makeTemplateObject(["\n background: ", ";\n"], ["\n background: ", ";\n"])), function (props) {
|
|
12676
12676
|
var _a, _b, _c, _d;
|
|
12677
12677
|
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)';
|
|
12678
12678
|
});
|
|
@@ -12695,7 +12695,7 @@ var ContinueButton = styled(LoaderButton)(templateObject_5$4 || (templateObject_
|
|
|
12695
12695
|
var _a, _b, _c, _d;
|
|
12696
12696
|
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';
|
|
12697
12697
|
});
|
|
12698
|
-
var templateObject_1$
|
|
12698
|
+
var templateObject_1$h, templateObject_2$e, templateObject_3$c, templateObject_4$7, templateObject_5$4;
|
|
12699
12699
|
|
|
12700
12700
|
var components = {
|
|
12701
12701
|
"default": SelfieCaptureLoadingOverlayDefault,
|
|
@@ -13024,13 +13024,13 @@ var SubmissionSuccess = function SubmissionSuccess() {
|
|
|
13024
13024
|
}
|
|
13025
13025
|
}, truncateImages ? 'Display full images' : 'Truncate images'), /*#__PURE__*/React__default.createElement("h5", null, "Request Body"), /*#__PURE__*/React__default.createElement("pre", null, requestBodyDisplay))), /*#__PURE__*/React__default.createElement("h5", null, "Response Body"), /*#__PURE__*/React__default.createElement("pre", null, JSON.stringify(submissionResponse, null, 2)));
|
|
13026
13026
|
};
|
|
13027
|
-
var Container$5 = styled.div(templateObject_1$
|
|
13027
|
+
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"])));
|
|
13028
13028
|
function truncate(str, max_chars) {
|
|
13029
13029
|
var truncated = str.split('').splice(0, max_chars).join('');
|
|
13030
13030
|
if (truncated.length < str.length) truncated += '...';
|
|
13031
13031
|
return truncated;
|
|
13032
13032
|
}
|
|
13033
|
-
var templateObject_1$
|
|
13033
|
+
var templateObject_1$g;
|
|
13034
13034
|
|
|
13035
13035
|
var AdditionalDocumentCapture = function AdditionalDocumentCapture(_a) {
|
|
13036
13036
|
var document = _a.document,
|
|
@@ -13106,11 +13106,11 @@ var AdditionalDocumentCapture = function AdditionalDocumentCapture(_a) {
|
|
|
13106
13106
|
}
|
|
13107
13107
|
}, verbiage.captureBtnText)))));
|
|
13108
13108
|
};
|
|
13109
|
-
var Inner$2 = styled(OverlayInner$2)(templateObject_1$
|
|
13110
|
-
var Heading$4 = styled.h3(templateObject_2$
|
|
13111
|
-
var Description = styled.p(templateObject_3$
|
|
13112
|
-
var StyledButtonsRow$4 = styled(ButtonsRow$2)(templateObject_4$
|
|
13113
|
-
var templateObject_1$
|
|
13109
|
+
var Inner$2 = styled(OverlayInner$2)(templateObject_1$f || (templateObject_1$f = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
13110
|
+
var Heading$4 = styled.h3(templateObject_2$d || (templateObject_2$d = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
13111
|
+
var Description = styled.p(templateObject_3$b || (templateObject_3$b = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
13112
|
+
var StyledButtonsRow$4 = styled(ButtonsRow$2)(templateObject_4$6 || (templateObject_4$6 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
13113
|
+
var templateObject_1$f, templateObject_2$d, templateObject_3$b, templateObject_4$6;
|
|
13114
13114
|
|
|
13115
13115
|
var AdditionalDocumentCaptureWizard = function AdditionalDocumentCaptureWizard(_a) {
|
|
13116
13116
|
var documents = _a.documents,
|
|
@@ -13260,7 +13260,7 @@ function convertSVGtoImg(svgData_1) {
|
|
|
13260
13260
|
});
|
|
13261
13261
|
}
|
|
13262
13262
|
|
|
13263
|
-
var SignaturePaperBacking = styled.div(templateObject_1$
|
|
13263
|
+
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) {
|
|
13264
13264
|
var _a, _b;
|
|
13265
13265
|
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, ";") : "";
|
|
13266
13266
|
}, function (props) {
|
|
@@ -13270,8 +13270,8 @@ var SignaturePaperBacking = styled.div(templateObject_1$d || (templateObject_1$d
|
|
|
13270
13270
|
var _a, _b;
|
|
13271
13271
|
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, ";") : "";
|
|
13272
13272
|
});
|
|
13273
|
-
var SignatureCanvasContainer$1 = styled.div(templateObject_2$
|
|
13274
|
-
var SignaturePad = styled.div(templateObject_3$
|
|
13273
|
+
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"])));
|
|
13274
|
+
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) {
|
|
13275
13275
|
var _a, _b, _c;
|
|
13276
13276
|
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)';
|
|
13277
13277
|
}, function (props) {
|
|
@@ -13299,8 +13299,8 @@ var SignaturePad = styled.div(templateObject_3$9 || (templateObject_3$9 = __make
|
|
|
13299
13299
|
var _a, _b, _c;
|
|
13300
13300
|
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';
|
|
13301
13301
|
});
|
|
13302
|
-
var SignatureButtonsContainer = styled(ButtonsRow$2)(templateObject_4$
|
|
13303
|
-
var templateObject_1$
|
|
13302
|
+
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"])));
|
|
13303
|
+
var templateObject_1$e, templateObject_2$c, templateObject_3$a, templateObject_4$5;
|
|
13304
13304
|
|
|
13305
13305
|
var SignatureCapture = function SignatureCapture(_a) {
|
|
13306
13306
|
var onAccept = _a.onAccept,
|
|
@@ -13373,9 +13373,9 @@ var SignatureCapture = function SignatureCapture(_a) {
|
|
|
13373
13373
|
finished: true
|
|
13374
13374
|
}, verbiage.acceptBtnText)))));
|
|
13375
13375
|
};
|
|
13376
|
-
var Container$4 = styled.div(templateObject_1$
|
|
13377
|
-
var AcceptBtn$1 = styled(LoaderButton)(templateObject_2$
|
|
13378
|
-
var templateObject_1$
|
|
13376
|
+
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"])));
|
|
13377
|
+
var AcceptBtn$1 = styled(LoaderButton)(templateObject_2$b || (templateObject_2$b = __makeTemplateObject(["\n margin-left: auto;\n"], ["\n margin-left: auto;\n"])));
|
|
13378
|
+
var templateObject_1$d, templateObject_2$b;
|
|
13379
13379
|
|
|
13380
13380
|
var videoRecorder = null;
|
|
13381
13381
|
var audioRecorder = null;
|
|
@@ -13577,6 +13577,8 @@ var videoSignatureInitialState = {
|
|
|
13577
13577
|
outputCanvas: {
|
|
13578
13578
|
current: null
|
|
13579
13579
|
},
|
|
13580
|
+
signaturePadEmpty: true,
|
|
13581
|
+
signatureValid: false,
|
|
13580
13582
|
onSignatureVideoCaptured: function onSignatureVideoCaptured() {
|
|
13581
13583
|
return null;
|
|
13582
13584
|
}
|
|
@@ -13693,44 +13695,32 @@ function VideoSignatureContextProvider(_a) {
|
|
|
13693
13695
|
}));
|
|
13694
13696
|
}
|
|
13695
13697
|
|
|
13696
|
-
function
|
|
13697
|
-
var
|
|
13698
|
-
|
|
13699
|
-
|
|
13700
|
-
|
|
13701
|
-
|
|
13702
|
-
|
|
13703
|
-
onClearSignaturePadClicked = _a.onClearSignaturePadClicked,
|
|
13698
|
+
function VideoSignaturePad(_a) {
|
|
13699
|
+
var onAcceptBtnClicked = _a.onAcceptBtnClicked,
|
|
13700
|
+
onClearBtnClicked = _a.onClearBtnClicked,
|
|
13701
|
+
_b = _a.disabled,
|
|
13702
|
+
disabled = _b === void 0 ? false : _b,
|
|
13703
|
+
_c = _a.headTrackingSatisfied,
|
|
13704
|
+
headTrackingSatisfied = _c === void 0 ? true : _c,
|
|
13704
13705
|
_d = _a.minSignaturePadPoints,
|
|
13705
13706
|
minSignaturePadPoints = _d === void 0 ? DEFAULT_MIN_SIGNATURE_PAD_POINTS : _d,
|
|
13706
|
-
_e = _a.
|
|
13707
|
-
|
|
13708
|
-
_f = _a.
|
|
13709
|
-
|
|
13710
|
-
|
|
13711
|
-
|
|
13707
|
+
_e = _a.classNames,
|
|
13708
|
+
classNames = _e === void 0 ? {} : _e,
|
|
13709
|
+
_f = _a.verbiage,
|
|
13710
|
+
rawVerbiage = _f === void 0 ? {} : _f;
|
|
13711
|
+
var _g = useVideoSignatureStore(),
|
|
13712
|
+
signaturePadEmpty = _g.signaturePadEmpty,
|
|
13713
|
+
signatureValid = _g.signatureValid;
|
|
13712
13714
|
var _h = useResizeObserver(),
|
|
13713
13715
|
ref = _h.ref,
|
|
13714
13716
|
width = _h.width,
|
|
13715
13717
|
height = _h.height;
|
|
13716
13718
|
var signaturePad = useRef(null);
|
|
13717
|
-
var _j = useState(true),
|
|
13718
|
-
signaturePadEmpty = _j[0],
|
|
13719
|
-
setSignaturePadEmpty = _j[1];
|
|
13720
|
-
var _k = useState(false),
|
|
13721
|
-
signatureValid = _k[0],
|
|
13722
|
-
setSignatureValid = _k[1];
|
|
13723
13719
|
useEffect(function () {
|
|
13724
13720
|
return useVideoSignatureStore.setState({
|
|
13725
13721
|
signaturePad: signaturePad
|
|
13726
13722
|
});
|
|
13727
13723
|
}, []);
|
|
13728
|
-
var verbiage = useTranslations(rawVerbiage, {
|
|
13729
|
-
signaturePadEmptyText: '',
|
|
13730
|
-
headTrackingUnsatisfiedText: '',
|
|
13731
|
-
clearSignatureBtnText: 'Clear',
|
|
13732
|
-
acceptSignatureBtnText: 'Accept'
|
|
13733
|
-
});
|
|
13734
13724
|
var canvasProps = useMemo(function () {
|
|
13735
13725
|
return {
|
|
13736
13726
|
width: width,
|
|
@@ -13738,42 +13728,26 @@ function VideoSignatureGuides(_a) {
|
|
|
13738
13728
|
className: classNames.signatureCanvas
|
|
13739
13729
|
};
|
|
13740
13730
|
}, [classNames.signatureCanvas, height, width]);
|
|
13741
|
-
var
|
|
13742
|
-
|
|
13743
|
-
|
|
13744
|
-
var _l = useState(false),
|
|
13745
|
-
emptyContentDismissed = _l[0],
|
|
13746
|
-
setEmptyContentDismissed = _l[1];
|
|
13747
|
-
var displayEmptyState = requestedAction === 'CAPTURE_SIGNATURE' && signaturePadEmpty && !emptyContentDismissed;
|
|
13731
|
+
var _j = useState(false),
|
|
13732
|
+
emptyContentDismissed = _j[0],
|
|
13733
|
+
setEmptyContentDismissed = _j[1];
|
|
13748
13734
|
useEffect(function () {
|
|
13749
13735
|
if (signaturePadEmpty) setEmptyContentDismissed(false);
|
|
13750
13736
|
}, [signaturePadEmpty]);
|
|
13751
|
-
var
|
|
13752
|
-
|
|
13753
|
-
|
|
13754
|
-
|
|
13755
|
-
|
|
13756
|
-
|
|
13757
|
-
|
|
13758
|
-
|
|
13759
|
-
}
|
|
13760
|
-
return /*#__PURE__*/React__default.createElement(
|
|
13761
|
-
className: classNames.container
|
|
13762
|
-
}, /*#__PURE__*/React__default.createElement(Inner$1, {
|
|
13763
|
-
className: classNames.inner
|
|
13764
|
-
}, /*#__PURE__*/React__default.createElement(FaceGuideContainer$1, {
|
|
13765
|
-
className: classNames.faceGuideContainer
|
|
13766
|
-
}, /*#__PURE__*/React__default.createElement(StyledSelfieCaptureAnimatedMask, {
|
|
13767
|
-
className: classNames.faceGuide,
|
|
13768
|
-
status: requestedAction === 'VERIFY_LIVENESS' ? faceGuideStatus : 'success',
|
|
13769
|
-
borderWidth: faceGuideBorderWidth,
|
|
13770
|
-
borderColor: faceGuideBorderColor,
|
|
13771
|
-
verticalAlign: "bottom"
|
|
13772
|
-
})), /*#__PURE__*/React__default.createElement(SignaturePadContainer, {
|
|
13737
|
+
var canClear = !disabled && !signaturePadEmpty;
|
|
13738
|
+
var canSubmit = !disabled && signatureValid && headTrackingSatisfied;
|
|
13739
|
+
var displayEmptyState = !disabled && signaturePadEmpty && !emptyContentDismissed;
|
|
13740
|
+
var verbiage = useTranslations(rawVerbiage, {
|
|
13741
|
+
signaturePadEmptyText: '',
|
|
13742
|
+
headTrackingUnsatisfiedText: '',
|
|
13743
|
+
clearSignatureBtnText: 'Clear',
|
|
13744
|
+
acceptSignatureBtnText: 'Accept'
|
|
13745
|
+
});
|
|
13746
|
+
return /*#__PURE__*/React__default.createElement(SignaturePadContainer, {
|
|
13773
13747
|
className: classNames.signaturePadContainer
|
|
13774
13748
|
}, /*#__PURE__*/React__default.createElement(SignatureCanvasContainer, {
|
|
13775
|
-
className: classNames.signatureCanvasContainer,
|
|
13776
|
-
"$disabled":
|
|
13749
|
+
className: cn(classNames.signatureCanvasContainer, disabled && classNames.signatureCanvasContainerDisabled),
|
|
13750
|
+
"$disabled": disabled,
|
|
13777
13751
|
"$headTrackingUnsatisfied": !headTrackingSatisfied
|
|
13778
13752
|
}, /*#__PURE__*/React__default.createElement(SignaturePad, {
|
|
13779
13753
|
ref: ref,
|
|
@@ -13782,7 +13756,9 @@ function VideoSignatureGuides(_a) {
|
|
|
13782
13756
|
ref: signaturePad,
|
|
13783
13757
|
canvasProps: canvasProps,
|
|
13784
13758
|
onBegin: function onBegin() {
|
|
13785
|
-
return
|
|
13759
|
+
return useVideoSignatureStore.setState({
|
|
13760
|
+
signaturePadEmpty: false
|
|
13761
|
+
});
|
|
13786
13762
|
},
|
|
13787
13763
|
onEnd: function onEnd() {
|
|
13788
13764
|
var _a, _b;
|
|
@@ -13790,7 +13766,9 @@ function VideoSignatureGuides(_a) {
|
|
|
13790
13766
|
var points = strokes.flatMap(function (point) {
|
|
13791
13767
|
return point;
|
|
13792
13768
|
});
|
|
13793
|
-
|
|
13769
|
+
useVideoSignatureStore.setState({
|
|
13770
|
+
signatureValid: points.length >= minSignaturePadPoints
|
|
13771
|
+
});
|
|
13794
13772
|
}
|
|
13795
13773
|
}), !headTrackingSatisfied && !!verbiage.headTrackingUnsatisfiedText ? ( /*#__PURE__*/React__default.createElement(SignaturePadContentContainer, {
|
|
13796
13774
|
className: classNames.headTrackingUnsatisfiedContentContainer
|
|
@@ -13809,45 +13787,80 @@ function VideoSignatureGuides(_a) {
|
|
|
13809
13787
|
variant: "secondary",
|
|
13810
13788
|
className: classNames.clearSignatureBtn,
|
|
13811
13789
|
disabled: !canClear,
|
|
13812
|
-
onClick:
|
|
13813
|
-
var _a;
|
|
13814
|
-
setSignaturePadEmpty(true);
|
|
13815
|
-
setSignatureValid(false);
|
|
13816
|
-
(_a = signaturePad === null || signaturePad === void 0 ? void 0 : signaturePad.current) === null || _a === void 0 ? void 0 : _a.clear();
|
|
13817
|
-
onClearSignaturePadClicked === null || onClearSignaturePadClicked === void 0 ? void 0 : onClearSignaturePadClicked();
|
|
13818
|
-
},
|
|
13790
|
+
onClick: onClearBtnClicked,
|
|
13819
13791
|
finished: true
|
|
13820
13792
|
}, verbiage.clearSignatureBtnText), /*#__PURE__*/React__default.createElement(AcceptBtn, {
|
|
13821
13793
|
variant: "positive",
|
|
13822
13794
|
className: classNames.acceptSignatureBtn,
|
|
13823
13795
|
disabled: !canSubmit,
|
|
13824
|
-
onClick:
|
|
13796
|
+
onClick: onAcceptBtnClicked,
|
|
13825
13797
|
finished: true
|
|
13826
|
-
}, verbiage.acceptSignatureBtnText))))
|
|
13798
|
+
}, verbiage.acceptSignatureBtnText))));
|
|
13827
13799
|
}
|
|
13828
|
-
var
|
|
13829
|
-
|
|
13830
|
-
return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
|
|
13831
|
-
});
|
|
13832
|
-
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"])));
|
|
13833
|
-
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"])));
|
|
13834
|
-
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"])));
|
|
13835
|
-
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"])));
|
|
13836
|
-
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) {
|
|
13800
|
+
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"])));
|
|
13801
|
+
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) {
|
|
13837
13802
|
return props.$disabled ? 'opacity: 0.5; pointer-events: none;' : '';
|
|
13838
13803
|
}, function (props) {
|
|
13839
13804
|
return props.$headTrackingUnsatisfied ? 'pointer-events: none;' : '';
|
|
13840
13805
|
});
|
|
13841
|
-
var AcceptBtn = styled(LoaderButton)(
|
|
13842
|
-
var SignaturePadContentContainer = styled.div(
|
|
13843
|
-
var SignaturePadContentInner = styled.div(
|
|
13806
|
+
var AcceptBtn = styled(LoaderButton)(templateObject_3$9 || (templateObject_3$9 = __makeTemplateObject(["\n margin-left: auto;\n"], ["\n margin-left: auto;\n"])));
|
|
13807
|
+
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"])));
|
|
13808
|
+
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) {
|
|
13844
13809
|
var _a, _b, _c;
|
|
13845
13810
|
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';
|
|
13846
13811
|
});
|
|
13847
|
-
var templateObject_1$
|
|
13812
|
+
var templateObject_1$c, templateObject_2$a, templateObject_3$9, templateObject_4$4, templateObject_5$3;
|
|
13813
|
+
|
|
13814
|
+
function VideoSignatureGuides(_a) {
|
|
13815
|
+
var onAcceptBtnClicked = _a.onAcceptBtnClicked,
|
|
13816
|
+
onClearBtnClicked = _a.onClearBtnClicked,
|
|
13817
|
+
_b = _a.requestedAction,
|
|
13818
|
+
requestedAction = _b === void 0 ? 'VERIFY_LIVENESS' : _b,
|
|
13819
|
+
_c = _a.faceGuideStatus,
|
|
13820
|
+
faceGuideStatus = _c === void 0 ? 'success' : _c,
|
|
13821
|
+
faceGuideBorderWidth = _a.faceGuideBorderWidth,
|
|
13822
|
+
faceGuideBorderColor = _a.faceGuideBorderColor,
|
|
13823
|
+
_d = _a.minSignaturePadPoints,
|
|
13824
|
+
minSignaturePadPoints = _d === void 0 ? DEFAULT_MIN_SIGNATURE_PAD_POINTS : _d,
|
|
13825
|
+
_e = _a.headTrackingSatisfied,
|
|
13826
|
+
headTrackingSatisfied = _e === void 0 ? true : _e,
|
|
13827
|
+
_f = _a.classNames,
|
|
13828
|
+
classNames = _f === void 0 ? {} : _f,
|
|
13829
|
+
verbiage = _a.verbiage;
|
|
13830
|
+
return /*#__PURE__*/React__default.createElement(Container$3, {
|
|
13831
|
+
className: classNames.container
|
|
13832
|
+
}, /*#__PURE__*/React__default.createElement(Inner$1, {
|
|
13833
|
+
className: classNames.inner
|
|
13834
|
+
}, /*#__PURE__*/React__default.createElement(FaceGuideContainer$1, {
|
|
13835
|
+
className: classNames.faceGuideContainer
|
|
13836
|
+
}, /*#__PURE__*/React__default.createElement(StyledSelfieCaptureAnimatedMask, {
|
|
13837
|
+
className: classNames.faceGuide,
|
|
13838
|
+
status: requestedAction === 'VERIFY_LIVENESS' ? faceGuideStatus : 'success',
|
|
13839
|
+
borderWidth: faceGuideBorderWidth,
|
|
13840
|
+
borderColor: faceGuideBorderColor,
|
|
13841
|
+
verticalAlign: "bottom"
|
|
13842
|
+
})), /*#__PURE__*/React__default.createElement(VideoSignaturePad, {
|
|
13843
|
+
onAcceptBtnClicked: onAcceptBtnClicked,
|
|
13844
|
+
onClearBtnClicked: onClearBtnClicked,
|
|
13845
|
+
disabled: requestedAction !== 'CAPTURE_SIGNATURE',
|
|
13846
|
+
headTrackingSatisfied: headTrackingSatisfied,
|
|
13847
|
+
minSignaturePadPoints: minSignaturePadPoints,
|
|
13848
|
+
classNames: classNames,
|
|
13849
|
+
verbiage: verbiage
|
|
13850
|
+
})));
|
|
13851
|
+
}
|
|
13852
|
+
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) {
|
|
13853
|
+
var _a;
|
|
13854
|
+
return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
|
|
13855
|
+
});
|
|
13856
|
+
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"])));
|
|
13857
|
+
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"])));
|
|
13858
|
+
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"])));
|
|
13859
|
+
var templateObject_1$b, templateObject_2$9, templateObject_3$8, templateObject_4$3;
|
|
13848
13860
|
|
|
13849
13861
|
var DEFAULT_MIN_SIGNATURE_PAD_POINTS = 10;
|
|
13850
13862
|
var DEFAULT_HEAD_TRACKING_BOUNDARY_PERCENTAGE = 0.01;
|
|
13863
|
+
var DEFAULT_HEAD_TRACKING_BOUNDARY_TYPE = 'head';
|
|
13851
13864
|
var VideoSignatureCapture = function VideoSignatureCapture(_a) {
|
|
13852
13865
|
var onSignatureVideoCaptured = _a.onSignatureVideoCaptured,
|
|
13853
13866
|
onFaceNotDetected = _a.onFaceNotDetected,
|
|
@@ -13859,17 +13872,19 @@ var VideoSignatureCapture = function VideoSignatureCapture(_a) {
|
|
|
13859
13872
|
minSignaturePadPoints = _c === void 0 ? DEFAULT_MIN_SIGNATURE_PAD_POINTS : _c,
|
|
13860
13873
|
_d = _a.headTrackingBoundaryPercentage,
|
|
13861
13874
|
headTrackingBoundaryPercentage = _d === void 0 ? DEFAULT_HEAD_TRACKING_BOUNDARY_PERCENTAGE : _d,
|
|
13862
|
-
_e = _a.
|
|
13863
|
-
|
|
13864
|
-
_f = _a.
|
|
13865
|
-
|
|
13866
|
-
_g = _a.
|
|
13867
|
-
|
|
13868
|
-
_h = _a.
|
|
13869
|
-
|
|
13870
|
-
_j = _a.
|
|
13871
|
-
|
|
13872
|
-
|
|
13875
|
+
_e = _a.headTrackingBoundaryType,
|
|
13876
|
+
headTrackingBoundaryType = _e === void 0 ? DEFAULT_HEAD_TRACKING_BOUNDARY_TYPE : _e,
|
|
13877
|
+
_f = _a.captureAudio,
|
|
13878
|
+
captureAudio = _f === void 0 ? false : _f,
|
|
13879
|
+
_g = _a.classNames,
|
|
13880
|
+
classNames = _g === void 0 ? {} : _g,
|
|
13881
|
+
_h = _a.colors,
|
|
13882
|
+
colors = _h === void 0 ? {} : _h,
|
|
13883
|
+
_j = _a.verbiage,
|
|
13884
|
+
rawVerbiage = _j === void 0 ? {} : _j,
|
|
13885
|
+
_k = _a.debugMode,
|
|
13886
|
+
debugMode = _k === void 0 ? false : _k;
|
|
13887
|
+
var _l = useCameraStore(useShallow(function (state) {
|
|
13873
13888
|
return {
|
|
13874
13889
|
camera: state.camera,
|
|
13875
13890
|
audioStream: state.audioStream,
|
|
@@ -13877,19 +13892,19 @@ var VideoSignatureCapture = function VideoSignatureCapture(_a) {
|
|
|
13877
13892
|
videoHeight: state.videoHeight
|
|
13878
13893
|
};
|
|
13879
13894
|
})),
|
|
13880
|
-
camera =
|
|
13881
|
-
audioStream =
|
|
13882
|
-
videoWidth =
|
|
13883
|
-
videoHeight =
|
|
13884
|
-
var
|
|
13885
|
-
onHeadTrackingPredictionMade =
|
|
13886
|
-
startHeadTracking =
|
|
13887
|
-
stopHeadTracking =
|
|
13888
|
-
var
|
|
13889
|
-
startRecording =
|
|
13890
|
-
stopRecording =
|
|
13891
|
-
clearRecordedData =
|
|
13892
|
-
isRecording =
|
|
13895
|
+
camera = _l.camera,
|
|
13896
|
+
audioStream = _l.audioStream,
|
|
13897
|
+
videoWidth = _l.videoWidth,
|
|
13898
|
+
videoHeight = _l.videoHeight;
|
|
13899
|
+
var _m = useSelfieGuidanceModelsContext(),
|
|
13900
|
+
onHeadTrackingPredictionMade = _m.onPredictionMade,
|
|
13901
|
+
startHeadTracking = _m.start,
|
|
13902
|
+
stopHeadTracking = _m.stop;
|
|
13903
|
+
var _o = useVideoSignatureStore(),
|
|
13904
|
+
startRecording = _o.startRecording,
|
|
13905
|
+
stopRecording = _o.stopRecording,
|
|
13906
|
+
clearRecordedData = _o.clearRecordedData,
|
|
13907
|
+
isRecording = _o.isRecording;
|
|
13893
13908
|
useEffect(function () {
|
|
13894
13909
|
useVideoSignatureStore.setState({
|
|
13895
13910
|
onSignatureVideoCaptured: onSignatureVideoCaptured
|
|
@@ -13909,31 +13924,35 @@ var VideoSignatureCapture = function VideoSignatureCapture(_a) {
|
|
|
13909
13924
|
var verbiage = useTranslations(rawVerbiage, {
|
|
13910
13925
|
guidanceMessageText: 'Please sign the box below'
|
|
13911
13926
|
});
|
|
13912
|
-
var
|
|
13913
|
-
headTrackingSatisfied =
|
|
13914
|
-
setHeadTrackingSatisfied =
|
|
13915
|
-
var
|
|
13916
|
-
lastFace =
|
|
13917
|
-
setLastFace =
|
|
13918
|
-
var
|
|
13919
|
-
numFramesWithoutFaces =
|
|
13920
|
-
setNumFramesWithoutFaces =
|
|
13927
|
+
var _p = useState(true),
|
|
13928
|
+
headTrackingSatisfied = _p[0],
|
|
13929
|
+
setHeadTrackingSatisfied = _p[1];
|
|
13930
|
+
var _q = useState(null),
|
|
13931
|
+
lastFace = _q[0],
|
|
13932
|
+
setLastFace = _q[1];
|
|
13933
|
+
var _r = useState(0),
|
|
13934
|
+
numFramesWithoutFaces = _r[0],
|
|
13935
|
+
setNumFramesWithoutFaces = _r[1];
|
|
13921
13936
|
onHeadTrackingPredictionMade(useThrottledCallback(useCallback(function (_a) {
|
|
13922
13937
|
var face = _a.face;
|
|
13923
13938
|
if (!camera) return;
|
|
13924
|
-
var
|
|
13939
|
+
var leftEdge = videoWidth * headTrackingBoundaryPercentage;
|
|
13940
|
+
var rightEdge = videoWidth * (1 - headTrackingBoundaryPercentage);
|
|
13941
|
+
var topEdge = videoHeight * headTrackingBoundaryPercentage;
|
|
13942
|
+
var bottomEdge = videoHeight * (1 - headTrackingBoundaryPercentage);
|
|
13943
|
+
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);
|
|
13925
13944
|
setLastFace(face);
|
|
13926
13945
|
setHeadTrackingSatisfied(!!face && !nearBoundary);
|
|
13927
13946
|
setNumFramesWithoutFaces(face ? 0 : function (n) {
|
|
13928
13947
|
return n + 1;
|
|
13929
13948
|
});
|
|
13930
|
-
}, [camera, headTrackingBoundaryPercentage, videoHeight, videoWidth]), 16));
|
|
13931
|
-
var
|
|
13932
|
-
ref =
|
|
13933
|
-
|
|
13934
|
-
width =
|
|
13935
|
-
|
|
13936
|
-
height =
|
|
13949
|
+
}, [camera, headTrackingBoundaryPercentage, headTrackingBoundaryType, videoHeight, videoWidth]), 16));
|
|
13950
|
+
var _s = useResizeObserver(),
|
|
13951
|
+
ref = _s.ref,
|
|
13952
|
+
_t = _s.width,
|
|
13953
|
+
width = _t === void 0 ? 1 : _t,
|
|
13954
|
+
_u = _s.height,
|
|
13955
|
+
height = _u === void 0 ? 1 : _u;
|
|
13937
13956
|
var debugScalingDetails = useDebugScalingDetails({
|
|
13938
13957
|
enabled: debugMode,
|
|
13939
13958
|
pageWidth: width,
|
|
@@ -13962,7 +13981,7 @@ var VideoSignatureCapture = function VideoSignatureCapture(_a) {
|
|
|
13962
13981
|
headTrackingSatisfied: headTrackingSatisfied,
|
|
13963
13982
|
classNames: classNames.guides,
|
|
13964
13983
|
verbiage: rawVerbiage.guides,
|
|
13965
|
-
|
|
13984
|
+
onClearBtnClicked: restartVideoOnSignaturePadCleared ? function () {
|
|
13966
13985
|
return setTimeout(clearRecordedData, 100);
|
|
13967
13986
|
} : undefined
|
|
13968
13987
|
}), debugMode && ( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(ObjectDetectionDebugOverlayDiv, null, lastFace && ( /*#__PURE__*/React__default.createElement(SelfieCaptureFaceDebugBox, {
|
|
@@ -14230,44 +14249,47 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
|
14230
14249
|
minSignaturePadPoints = _e === void 0 ? DEFAULT_MIN_SIGNATURE_PAD_POINTS : _e,
|
|
14231
14250
|
_f = _a.headTrackingBoundaryPercentage,
|
|
14232
14251
|
headTrackingBoundaryPercentage = _f === void 0 ? DEFAULT_HEAD_TRACKING_BOUNDARY_PERCENTAGE : _f,
|
|
14233
|
-
_g = _a.
|
|
14234
|
-
|
|
14235
|
-
_h = _a.
|
|
14236
|
-
|
|
14237
|
-
_j = _a.
|
|
14238
|
-
|
|
14252
|
+
_g = _a.headTrackingBoundaryType,
|
|
14253
|
+
headTrackingBoundaryType = _g === void 0 ? DEFAULT_HEAD_TRACKING_BOUNDARY_TYPE : _g,
|
|
14254
|
+
_h = _a.allowSignatureAfterLivenessCheckFailure,
|
|
14255
|
+
allowSignatureAfterLivenessCheckFailure = _h === void 0 ? false : _h,
|
|
14256
|
+
_j = _a.restartVideoOnSignaturePadCleared,
|
|
14257
|
+
restartVideoOnSignaturePadCleared = _j === void 0 ? true : _j,
|
|
14258
|
+
_k = _a.skipLivenessValidation,
|
|
14259
|
+
skipLivenessValidation = _k === void 0 ? false : _k,
|
|
14239
14260
|
faceLivenessProps = _a.faceLivenessProps,
|
|
14240
|
-
|
|
14241
|
-
|
|
14242
|
-
|
|
14243
|
-
|
|
14244
|
-
|
|
14245
|
-
|
|
14246
|
-
|
|
14247
|
-
|
|
14248
|
-
|
|
14249
|
-
|
|
14250
|
-
|
|
14251
|
-
|
|
14252
|
-
|
|
14253
|
-
|
|
14254
|
-
|
|
14255
|
-
|
|
14256
|
-
|
|
14261
|
+
guidesComponent = _a.guidesComponent,
|
|
14262
|
+
_l = _a.assets,
|
|
14263
|
+
assets = _l === void 0 ? {} : _l,
|
|
14264
|
+
_m = _a.classNames,
|
|
14265
|
+
classNames = _m === void 0 ? {} : _m,
|
|
14266
|
+
_o = _a.colors,
|
|
14267
|
+
colors = _o === void 0 ? {} : _o,
|
|
14268
|
+
_p = _a.verbiage,
|
|
14269
|
+
verbiage = _p === void 0 ? {} : _p,
|
|
14270
|
+
_q = _a.debugMode,
|
|
14271
|
+
debugMode = _q === void 0 ? false : _q;
|
|
14272
|
+
var _r = useSubmissionContext(),
|
|
14273
|
+
selfieImage = _r.selfieImage,
|
|
14274
|
+
setSelfieImage = _r.setSelfieImage,
|
|
14275
|
+
setSignatureData = _r.setSignatureData,
|
|
14276
|
+
setSignatureVideoUrl = _r.setSignatureVideoUrl,
|
|
14277
|
+
logSelfieCaptureAttempt = _r.logSelfieCaptureAttempt,
|
|
14278
|
+
uploadDocument = _r.uploadDocument;
|
|
14257
14279
|
var cameraAccessDenied = useCameraStore(useShallow(function (state) {
|
|
14258
14280
|
return {
|
|
14259
14281
|
cameraAccessDenied: state.cameraAccessDenied
|
|
14260
14282
|
};
|
|
14261
14283
|
})).cameraAccessDenied;
|
|
14262
|
-
var
|
|
14263
|
-
captureState =
|
|
14264
|
-
setCaptureState =
|
|
14284
|
+
var _s = useState(skipLivenessValidation ? 'CAPTURING_SELFIE' : 'CHECKING_LIVENESS'),
|
|
14285
|
+
captureState = _s[0],
|
|
14286
|
+
setCaptureState = _s[1];
|
|
14265
14287
|
var operationStartedAt = useRef();
|
|
14266
14288
|
var captureStartedAt = useRef();
|
|
14267
14289
|
var captureEndedAt = useRef();
|
|
14268
|
-
var
|
|
14269
|
-
start =
|
|
14270
|
-
stop =
|
|
14290
|
+
var _t = useSelfieGuidanceModelsContext(),
|
|
14291
|
+
start = _t.start,
|
|
14292
|
+
stop = _t.stop;
|
|
14271
14293
|
useEffect(function () {
|
|
14272
14294
|
operationStartedAt.current = new Date();
|
|
14273
14295
|
}, []);
|
|
@@ -14311,9 +14333,9 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
|
14311
14333
|
filetype: 'image/jpeg'
|
|
14312
14334
|
}).then(onSelfieCaptured);
|
|
14313
14335
|
}, [logCaptureMetadata, onSelfieCaptured, setSelfieImage, uploadDocument]);
|
|
14314
|
-
var
|
|
14315
|
-
signatureImageUrl =
|
|
14316
|
-
setSignatureImageUrl =
|
|
14336
|
+
var _u = useState(null),
|
|
14337
|
+
signatureImageUrl = _u[0],
|
|
14338
|
+
setSignatureImageUrl = _u[1];
|
|
14317
14339
|
var onSignatureCaptureCompleted = useCallback(function (videoData, signatureData, signatureImageData) {
|
|
14318
14340
|
setSignatureData(signatureData);
|
|
14319
14341
|
setSignatureVideoUrl(URL.createObjectURL(videoData));
|
|
@@ -14321,17 +14343,17 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
|
14321
14343
|
setCaptureState('SUCCESS');
|
|
14322
14344
|
onVideoCaptured === null || onVideoCaptured === void 0 ? void 0 : onVideoCaptured(videoData, signatureData, signatureImageData);
|
|
14323
14345
|
}, [onVideoCaptured, setSignatureData, setSignatureVideoUrl]);
|
|
14324
|
-
var
|
|
14325
|
-
showLoadingOverlay =
|
|
14326
|
-
setShowLoadingOverlay =
|
|
14346
|
+
var _v = useState(true),
|
|
14347
|
+
showLoadingOverlay = _v[0],
|
|
14348
|
+
setShowLoadingOverlay = _v[1];
|
|
14327
14349
|
var onSignatureCaptureFacesNotDetected = useCallback(function () {
|
|
14328
14350
|
setShowLoadingOverlay(false);
|
|
14329
14351
|
setCaptureState(skipLivenessValidation ? 'CAPTURING_SELFIE' : 'CHECKING_LIVENESS');
|
|
14330
14352
|
useVideoSignatureStore.getState().clearRecordedData();
|
|
14331
14353
|
}, [skipLivenessValidation]);
|
|
14332
|
-
var
|
|
14333
|
-
attempt =
|
|
14334
|
-
setAttempt =
|
|
14354
|
+
var _w = useState(0),
|
|
14355
|
+
attempt = _w[0],
|
|
14356
|
+
setAttempt = _w[1];
|
|
14335
14357
|
var onRetry = useCallback(function () {
|
|
14336
14358
|
onRetryClicked === null || onRetryClicked === void 0 ? void 0 : onRetryClicked();
|
|
14337
14359
|
setAttempt(function (n) {
|
|
@@ -14356,14 +14378,15 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
|
14356
14378
|
setCaptureState(skipLivenessValidation ? 'CAPTURING_SELFIE' : 'CHECKING_LIVENESS');
|
|
14357
14379
|
}
|
|
14358
14380
|
}, [cameraAccessDenied, skipLivenessValidation]);
|
|
14359
|
-
var
|
|
14381
|
+
var resolvedGuidesComponent = useCallback(function (props) {
|
|
14360
14382
|
return /*#__PURE__*/React__default.createElement(VideoSignatureWizardGuides, _assign({}, props, {
|
|
14361
14383
|
classNames: classNames === null || classNames === void 0 ? void 0 : classNames.guides,
|
|
14362
14384
|
verbiage: verbiage === null || verbiage === void 0 ? void 0 : verbiage.guides,
|
|
14363
14385
|
restartVideoOnSignaturePadCleared: restartVideoOnSignaturePadCleared,
|
|
14364
|
-
captureAudio: captureAudio
|
|
14386
|
+
captureAudio: captureAudio,
|
|
14387
|
+
component: guidesComponent
|
|
14365
14388
|
}));
|
|
14366
|
-
}, [captureAudio, classNames === null || classNames === void 0 ? void 0 : classNames.guides, restartVideoOnSignaturePadCleared, verbiage === null || verbiage === void 0 ? void 0 : verbiage.guides]);
|
|
14389
|
+
}, [captureAudio, classNames === null || classNames === void 0 ? void 0 : classNames.guides, guidesComponent, restartVideoOnSignaturePadCleared, verbiage === null || verbiage === void 0 ? void 0 : verbiage.guides]);
|
|
14367
14390
|
var onExitAfterFailureProp = faceLivenessProps === null || faceLivenessProps === void 0 ? void 0 : faceLivenessProps.onExitAfterFailure;
|
|
14368
14391
|
var onExitAfterFailure = useCallback(function (resp, req) {
|
|
14369
14392
|
onExitAfterFailureProp === null || onExitAfterFailureProp === void 0 ? void 0 : onExitAfterFailureProp(resp, req);
|
|
@@ -14398,7 +14421,7 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
|
14398
14421
|
showLoadingOverlay: showLoadingOverlay,
|
|
14399
14422
|
customOverlayContent: customOverlayContent,
|
|
14400
14423
|
loadingOverlayMode: loadingOverlayMode,
|
|
14401
|
-
guidesComponent:
|
|
14424
|
+
guidesComponent: resolvedGuidesComponent,
|
|
14402
14425
|
assets: assets.faceLiveness,
|
|
14403
14426
|
classNames: classNames.faceLiveness,
|
|
14404
14427
|
colors: colors.faceLiveness,
|
|
@@ -14420,7 +14443,7 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
|
14420
14443
|
showLoadingOverlay: showLoadingOverlay,
|
|
14421
14444
|
customOverlayContent: customOverlayContent,
|
|
14422
14445
|
loadingOverlayMode: loadingOverlayMode,
|
|
14423
|
-
guidesComponent:
|
|
14446
|
+
guidesComponent: resolvedGuidesComponent,
|
|
14424
14447
|
assets: assets.faceLiveness,
|
|
14425
14448
|
classNames: classNames.faceLiveness,
|
|
14426
14449
|
colors: colors.faceLiveness,
|
|
@@ -14435,8 +14458,9 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
|
14435
14458
|
onExit: onExitSignatureCapture,
|
|
14436
14459
|
minSignaturePadPoints: minSignaturePadPoints,
|
|
14437
14460
|
headTrackingBoundaryPercentage: headTrackingBoundaryPercentage,
|
|
14461
|
+
headTrackingBoundaryType: headTrackingBoundaryType,
|
|
14438
14462
|
restartVideoOnSignaturePadCleared: restartVideoOnSignaturePadCleared,
|
|
14439
|
-
guidesComponent:
|
|
14463
|
+
guidesComponent: resolvedGuidesComponent,
|
|
14440
14464
|
captureAudio: captureAudio,
|
|
14441
14465
|
classNames: classNames,
|
|
14442
14466
|
colors: colors,
|
|
@@ -14464,22 +14488,42 @@ function VideoSignatureWizardGuides(_a) {
|
|
|
14464
14488
|
restartVideoOnSignaturePadCleared = _b === void 0 ? true : _b,
|
|
14465
14489
|
_c = _a.captureAudio,
|
|
14466
14490
|
captureAudio = _c === void 0 ? false : _c,
|
|
14467
|
-
|
|
14491
|
+
component = _a.component,
|
|
14492
|
+
props = __rest(_a, ["status", "restartVideoOnSignaturePadCleared", "captureAudio", "component"]);
|
|
14493
|
+
var Component = component !== null && component !== void 0 ? component : VideoSignatureGuides;
|
|
14468
14494
|
var _d = useCameraStore(),
|
|
14469
14495
|
camera = _d.camera,
|
|
14470
14496
|
audioStream = _d.audioStream;
|
|
14471
|
-
function
|
|
14472
|
-
|
|
14473
|
-
|
|
14474
|
-
|
|
14497
|
+
var onAcceptBtnClicked = useCallback(function () {
|
|
14498
|
+
var signaturePad = useVideoSignatureStore.getState().signaturePad;
|
|
14499
|
+
if (!signaturePad.current) throw new Error('Signature pad not found');
|
|
14500
|
+
var signatureData = buildSignatureData(signaturePad.current);
|
|
14501
|
+
exportSignatureImage(signaturePad.current).then(function (imageUrl) {
|
|
14502
|
+
if (!imageUrl) throw new Error('Signature image not found');
|
|
14503
|
+
signatureData.fileContent = dataUrlToBase64Sync(imageUrl);
|
|
14504
|
+
useVideoSignatureStore.getState().stopRecording(signatureData, imageUrl);
|
|
14505
|
+
});
|
|
14506
|
+
}, []);
|
|
14507
|
+
var onClearBtnClicked = useCallback(function () {
|
|
14508
|
+
var _a, _b;
|
|
14509
|
+
useVideoSignatureStore.setState({
|
|
14510
|
+
signaturePadEmpty: true,
|
|
14511
|
+
signatureValid: false
|
|
14512
|
+
});
|
|
14513
|
+
(_b = (_a = useVideoSignatureStore.getState().signaturePad) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.clear();
|
|
14514
|
+
if (restartVideoOnSignaturePadCleared) {
|
|
14475
14515
|
setTimeout(function () {
|
|
14476
|
-
useVideoSignatureStore.getState().
|
|
14516
|
+
useVideoSignatureStore.getState().clearRecordedData();
|
|
14517
|
+
setTimeout(function () {
|
|
14518
|
+
useVideoSignatureStore.getState().startRecording(camera, audioStream, captureAudio);
|
|
14519
|
+
}, 100);
|
|
14477
14520
|
}, 100);
|
|
14478
|
-
}
|
|
14479
|
-
}
|
|
14480
|
-
return /*#__PURE__*/React__default.createElement(
|
|
14521
|
+
}
|
|
14522
|
+
}, [audioStream, camera, captureAudio, restartVideoOnSignaturePadCleared]);
|
|
14523
|
+
return /*#__PURE__*/React__default.createElement(Component, _assign({}, props, {
|
|
14481
14524
|
faceGuideStatus: status,
|
|
14482
|
-
|
|
14525
|
+
onAcceptBtnClicked: onAcceptBtnClicked,
|
|
14526
|
+
onClearBtnClicked: onClearBtnClicked,
|
|
14483
14527
|
requestedAction: status === 'success' ? 'CAPTURE_SIGNATURE' : 'VERIFY_LIVENESS'
|
|
14484
14528
|
}));
|
|
14485
14529
|
}
|
|
@@ -18241,24 +18285,27 @@ var SignatureKYC = function SignatureKYC(_a) {
|
|
|
18241
18285
|
minSignaturePadPoints = _f === void 0 ? DEFAULT_MIN_SIGNATURE_PAD_POINTS : _f,
|
|
18242
18286
|
_g = _a.headTrackingBoundaryPercentage,
|
|
18243
18287
|
headTrackingBoundaryPercentage = _g === void 0 ? DEFAULT_HEAD_TRACKING_BOUNDARY_PERCENTAGE : _g,
|
|
18244
|
-
_h = _a.
|
|
18245
|
-
|
|
18246
|
-
_j = _a.
|
|
18247
|
-
|
|
18248
|
-
_k = _a.
|
|
18249
|
-
|
|
18288
|
+
_h = _a.headTrackingBoundaryType,
|
|
18289
|
+
headTrackingBoundaryType = _h === void 0 ? DEFAULT_HEAD_TRACKING_BOUNDARY_TYPE : _h,
|
|
18290
|
+
_j = _a.modelLoadTimeoutMs,
|
|
18291
|
+
modelLoadTimeoutMs = _j === void 0 ? defaultSelfieCaptureModelLoadTimeoutMs : _j,
|
|
18292
|
+
_k = _a.allowSignatureAfterLivenessCheckFailure,
|
|
18293
|
+
allowSignatureAfterLivenessCheckFailure = _k === void 0 ? false : _k,
|
|
18294
|
+
_l = _a.restartVideoOnSignaturePadCleared,
|
|
18295
|
+
restartVideoOnSignaturePadCleared = _l === void 0 ? true : _l,
|
|
18250
18296
|
faceLivenessProps = _a.faceLivenessProps,
|
|
18251
|
-
|
|
18252
|
-
skipLivenessValidation =
|
|
18253
|
-
|
|
18254
|
-
|
|
18297
|
+
_m = _a.skipLivenessValidation,
|
|
18298
|
+
skipLivenessValidation = _m === void 0 ? false : _m,
|
|
18299
|
+
guidesComponent = _a.guidesComponent,
|
|
18300
|
+
_o = _a.theme,
|
|
18301
|
+
theme = _o === void 0 ? 'default' : _o,
|
|
18255
18302
|
classNames = _a.classNames,
|
|
18256
18303
|
colors = _a.colors,
|
|
18257
18304
|
verbiage = _a.verbiage,
|
|
18258
18305
|
geolocationEnabled = _a.geolocationEnabled,
|
|
18259
18306
|
geolocationRequired = _a.geolocationRequired,
|
|
18260
|
-
|
|
18261
|
-
debugMode =
|
|
18307
|
+
_p = _a.debugMode,
|
|
18308
|
+
debugMode = _p === void 0 ? false : _p;
|
|
18262
18309
|
useLanguage(lang);
|
|
18263
18310
|
useDebugLogging(debugMode);
|
|
18264
18311
|
return /*#__PURE__*/React__default.createElement(AuthProvider, {
|
|
@@ -18308,11 +18355,13 @@ var SignatureKYC = function SignatureKYC(_a) {
|
|
|
18308
18355
|
captureAudio: captureAudio,
|
|
18309
18356
|
minSignaturePadPoints: minSignaturePadPoints,
|
|
18310
18357
|
headTrackingBoundaryPercentage: headTrackingBoundaryPercentage,
|
|
18358
|
+
headTrackingBoundaryType: headTrackingBoundaryType,
|
|
18311
18359
|
modelLoadTimeoutMs: modelLoadTimeoutMs,
|
|
18312
18360
|
faceLivenessProps: faceLivenessProps,
|
|
18313
18361
|
allowSignatureAfterLivenessCheckFailure: allowSignatureAfterLivenessCheckFailure,
|
|
18314
18362
|
restartVideoOnSignaturePadCleared: restartVideoOnSignaturePadCleared,
|
|
18315
18363
|
skipLivenessValidation: skipLivenessValidation,
|
|
18364
|
+
guidesComponent: guidesComponent,
|
|
18316
18365
|
classNames: classNames,
|
|
18317
18366
|
colors: colors,
|
|
18318
18367
|
debugMode: debugMode,
|
|
@@ -18320,7 +18369,7 @@ var SignatureKYC = function SignatureKYC(_a) {
|
|
|
18320
18369
|
onModelError: onModelError,
|
|
18321
18370
|
onUserCancel: onUserCancel
|
|
18322
18371
|
};
|
|
18323
|
-
}, [onLoadingStarted, onLoadingProgress, onLoadingCompleted, onSelfieCaptured, customOverlayContent, onLoadingOverlayDismissed, loadingOverlayMode, skipSuccessScreen, captureAudio, minSignaturePadPoints, headTrackingBoundaryPercentage, modelLoadTimeoutMs, faceLivenessProps, allowSignatureAfterLivenessCheckFailure, restartVideoOnSignaturePadCleared, skipLivenessValidation, classNames, colors, debugMode, verbiage, onModelError, onUserCancel])
|
|
18372
|
+
}, [onLoadingStarted, onLoadingProgress, onLoadingCompleted, onSelfieCaptured, customOverlayContent, onLoadingOverlayDismissed, loadingOverlayMode, skipSuccessScreen, captureAudio, minSignaturePadPoints, headTrackingBoundaryPercentage, headTrackingBoundaryType, modelLoadTimeoutMs, faceLivenessProps, allowSignatureAfterLivenessCheckFailure, restartVideoOnSignaturePadCleared, skipLivenessValidation, guidesComponent, classNames, colors, debugMode, verbiage, onModelError, onUserCancel])
|
|
18324
18373
|
})))));
|
|
18325
18374
|
};
|
|
18326
18375
|
|