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
|
@@ -235,7 +235,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
|
|
|
235
235
|
return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
|
|
236
236
|
};
|
|
237
237
|
|
|
238
|
-
var webSdkVersion = '2.3.
|
|
238
|
+
var webSdkVersion = '2.3.50';
|
|
239
239
|
|
|
240
240
|
function getPlatform() {
|
|
241
241
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
@@ -474,16 +474,16 @@ var LoaderButton = function LoaderButton(_a) {
|
|
|
474
474
|
className: "ladda-label"
|
|
475
475
|
}, children));
|
|
476
476
|
};
|
|
477
|
-
var StyledButton = styled__default.default.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) {
|
|
477
|
+
var StyledButton = styled__default.default.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) {
|
|
478
478
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
|
|
479
479
|
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 ");
|
|
480
480
|
});
|
|
481
|
-
var templateObject_1$
|
|
481
|
+
var templateObject_1$S;
|
|
482
482
|
|
|
483
|
-
var ButtonsRow$2 = styled__default.default.div(templateObject_1$
|
|
484
|
-
var templateObject_1$
|
|
483
|
+
var ButtonsRow$2 = styled__default.default.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"])));
|
|
484
|
+
var templateObject_1$R;
|
|
485
485
|
|
|
486
|
-
var GuidanceMessageContainerDiv = styled__default.default.div(templateObject_1$
|
|
486
|
+
var GuidanceMessageContainerDiv = styled__default.default.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) {
|
|
487
487
|
var $top = _a.$top;
|
|
488
488
|
return $top !== null && $top !== void 0 ? $top : '10%';
|
|
489
489
|
}, function (_a) {
|
|
@@ -496,38 +496,38 @@ var GuidanceMessageContainer = function GuidanceMessageContainer(props) {
|
|
|
496
496
|
if (!portalLocation) return element;
|
|
497
497
|
return /*#__PURE__*/reactDom.createPortal(element, portalLocation);
|
|
498
498
|
};
|
|
499
|
-
var GuidanceMessage = styled__default.default.div(templateObject_2$
|
|
499
|
+
var GuidanceMessage = styled__default.default.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) {
|
|
500
500
|
var _a, _b, _c, _d, _e, _f;
|
|
501
501
|
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';
|
|
502
502
|
}, function (props) {
|
|
503
503
|
var _a, _b, _c, _d, _e, _f;
|
|
504
504
|
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';
|
|
505
505
|
});
|
|
506
|
-
var templateObject_1$
|
|
506
|
+
var templateObject_1$Q, templateObject_2$H;
|
|
507
507
|
|
|
508
|
-
var wavesAnimation = styled.keyframes(templateObject_1$
|
|
509
|
-
var progressBarAnimation = styled.keyframes(templateObject_2$
|
|
510
|
-
var dualRingSpinnerAnimation = styled.keyframes(templateObject_3$
|
|
511
|
-
var progressBorderAnimation = styled.keyframes(templateObject_4$
|
|
512
|
-
var templateObject_1$
|
|
508
|
+
var wavesAnimation = styled.keyframes(templateObject_1$P || (templateObject_1$P = __makeTemplateObject(["\n 0% {\n opacity: 0;\n transform: scale3d(1, 1, 1);\n }\n 80% {\n opacity: 1;\n }\n 100% {\n transform: scale3d(2, 2, 1);\n opacity: 0;\n }\n"], ["\n 0% {\n opacity: 0;\n transform: scale3d(1, 1, 1);\n }\n 80% {\n opacity: 1;\n }\n 100% {\n transform: scale3d(2, 2, 1);\n opacity: 0;\n }\n"])));
|
|
509
|
+
var progressBarAnimation = styled.keyframes(templateObject_2$G || (templateObject_2$G = __makeTemplateObject(["\n 0% {\n width: 0;\n }\n 100% {\n width: 100%;\n }\n"], ["\n 0% {\n width: 0;\n }\n 100% {\n width: 100%;\n }\n"])));
|
|
510
|
+
var dualRingSpinnerAnimation = styled.keyframes(templateObject_3$t || (templateObject_3$t = __makeTemplateObject(["\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n"], ["\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n"])));
|
|
511
|
+
var progressBorderAnimation = styled.keyframes(templateObject_4$n || (templateObject_4$n = __makeTemplateObject(["\n to {\n stroke-dashoffset: 0;\n }\n"], ["\n to {\n stroke-dashoffset: 0;\n }\n"])));
|
|
512
|
+
var templateObject_1$P, templateObject_2$G, templateObject_3$t, templateObject_4$n;
|
|
513
513
|
|
|
514
|
-
var OverlayContainer = styled__default.default.div(templateObject_1$
|
|
514
|
+
var OverlayContainer = styled__default.default.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) {
|
|
515
515
|
return props.theme.background ? "".concat(props.theme.background) : "white";
|
|
516
516
|
}, function (props) {
|
|
517
517
|
return props.theme.textColor ? "color: ".concat(props.theme.textColor, ";") : "";
|
|
518
518
|
});
|
|
519
|
-
var OverlayInner$2 = styled__default.default.div(templateObject_2$
|
|
519
|
+
var OverlayInner$2 = styled__default.default.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) {
|
|
520
520
|
var _a;
|
|
521
521
|
return (_a = props.theme.textAlign) !== null && _a !== void 0 ? _a : 'center';
|
|
522
522
|
}, function (props) {
|
|
523
523
|
return props.theme.padding ? "box-sizing: border-box; padding: ".concat(props.theme.padding, ";") : "";
|
|
524
524
|
});
|
|
525
|
-
var OverlayImageContainer = styled__default.default.div(templateObject_3$
|
|
526
|
-
var OverlayImageRow = styled__default.default.div(templateObject_4$
|
|
525
|
+
var OverlayImageContainer = styled__default.default.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"])));
|
|
526
|
+
var OverlayImageRow = styled__default.default.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"])));
|
|
527
527
|
var GrayOverlayContainer = styled__default.default(OverlayContainer)(templateObject_5$e || (templateObject_5$e = __makeTemplateObject(["\n background: #f7f6fb;\n"], ["\n background: #f7f6fb;\n"])));
|
|
528
|
-
var ButtonsColumn = styled__default.default.div(templateObject_6$
|
|
529
|
-
var WideButton = styled__default.default(LoaderButton)(templateObject_7$
|
|
530
|
-
var WideBorderButton = styled__default.default(WideButton)(templateObject_8$
|
|
528
|
+
var ButtonsColumn = styled__default.default.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"])));
|
|
529
|
+
var WideButton = styled__default.default(LoaderButton)(templateObject_7$5 || (templateObject_7$5 = __makeTemplateObject(["\n width: 100%;\n border-radius: 30px;\n"], ["\n width: 100%;\n border-radius: 30px;\n"])));
|
|
530
|
+
var WideBorderButton = styled__default.default(WideButton)(templateObject_8$4 || (templateObject_8$4 = __makeTemplateObject(["\n color: ", ";\n background: ", ";\n border: 1px solid\n ", ";\n box-sizing: border-box;\n"], ["\n color: ", ";\n background: ", ";\n border: 1px solid\n ", ";\n box-sizing: border-box;\n"])), function (props) {
|
|
531
531
|
var _a, _b;
|
|
532
532
|
return (_b = (_a = props.colors) === null || _a === void 0 ? void 0 : _a.textColor) !== null && _b !== void 0 ? _b : 'black';
|
|
533
533
|
}, function (props) {
|
|
@@ -537,7 +537,7 @@ var WideBorderButton = styled__default.default(WideButton)(templateObject_8$5 ||
|
|
|
537
537
|
var _a, _b;
|
|
538
538
|
return (_b = (_a = props.colors) === null || _a === void 0 ? void 0 : _a.borderColor) !== null && _b !== void 0 ? _b : 'var(--idm-color-secondary-500)';
|
|
539
539
|
});
|
|
540
|
-
var LoadingOverlayInner = styled__default.default(OverlayInner$2)(templateObject_9$
|
|
540
|
+
var LoadingOverlayInner = styled__default.default(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"])));
|
|
541
541
|
var LoadingOverlayHeader = styled__default.default.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) {
|
|
542
542
|
var _a;
|
|
543
543
|
return (_a = props.theme.textAlign) !== null && _a !== void 0 ? _a : 'center';
|
|
@@ -564,7 +564,7 @@ var LoadingOverlayLoadingListItem = styled__default.default.li(templateObject_19
|
|
|
564
564
|
var LoadingOverlayProgressContainer = styled__default.default.div(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n"])));
|
|
565
565
|
var LoadingOverlayCustomLoadingGraphic = styled__default.default.img(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n transform-style: preserve-3d;\n"], ["\n transform-style: preserve-3d;\n"])));
|
|
566
566
|
var LoadingOverlayContinueButtonContainer = styled__default.default.div(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n display: flex;\n"], ["\n display: flex;\n"])));
|
|
567
|
-
var templateObject_1$
|
|
567
|
+
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;
|
|
568
568
|
|
|
569
569
|
var GeolocationAccessDeniedOverlay = function GeolocationAccessDeniedOverlay(_a) {
|
|
570
570
|
var accessBlockedImageUrl = _a.accessBlockedImageUrl;
|
|
@@ -2200,7 +2200,7 @@ function getFrameDimensions(frame) {
|
|
|
2200
2200
|
return [frameWidth, frameHeight];
|
|
2201
2201
|
}
|
|
2202
2202
|
|
|
2203
|
-
var InvisibleCanvas = styled__default.default.canvas(templateObject_1$
|
|
2203
|
+
var InvisibleCanvas = styled__default.default.canvas(templateObject_1$N || (templateObject_1$N = __makeTemplateObject(["\n display: none;\n"], ["\n display: none;\n"])));
|
|
2204
2204
|
function drawToCanvas(canvas, frame, width, height) {
|
|
2205
2205
|
if (!canvas) return;
|
|
2206
2206
|
var ctx = canvas.getContext('2d');
|
|
@@ -2220,7 +2220,7 @@ function clearCanvas(canvas) {
|
|
|
2220
2220
|
var _a;
|
|
2221
2221
|
(_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);
|
|
2222
2222
|
}
|
|
2223
|
-
var templateObject_1$
|
|
2223
|
+
var templateObject_1$N;
|
|
2224
2224
|
|
|
2225
2225
|
function cropToShoulders(rawCanvas, cropCanvas, resizeCanvas, frame, face, quality, maxHeight) {
|
|
2226
2226
|
if (quality === void 0) {
|
|
@@ -5268,14 +5268,14 @@ function CameraTamperSeal(_a) {
|
|
|
5268
5268
|
className: classNames.message
|
|
5269
5269
|
}, messageText)));
|
|
5270
5270
|
}
|
|
5271
|
-
var StyledOverlayInner$4 = styled__default.default(OverlayInner$2)(templateObject_1$
|
|
5272
|
-
var StyledOverlayHeading = styled__default.default.h3(templateObject_2$
|
|
5271
|
+
var StyledOverlayInner$4 = styled__default.default(OverlayInner$2)(templateObject_1$M || (templateObject_1$M = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
5272
|
+
var StyledOverlayHeading = styled__default.default.h3(templateObject_2$E || (templateObject_2$E = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
5273
5273
|
function useCameraStore(selector) {
|
|
5274
5274
|
var store = React.useContext(CameraStoreContext);
|
|
5275
5275
|
if (!store) throw new Error('useCameraStore cannot be used without Provider');
|
|
5276
5276
|
return zustand.useStore(store, selector);
|
|
5277
5277
|
}
|
|
5278
|
-
var templateObject_1$
|
|
5278
|
+
var templateObject_1$M, templateObject_2$E;
|
|
5279
5279
|
|
|
5280
5280
|
var DocumentDetectionModelContext = /*#__PURE__*/React.createContext({
|
|
5281
5281
|
startDocumentDetection: function startDocumentDetection() {
|
|
@@ -6259,12 +6259,12 @@ function DebugStatsPane(_a) {
|
|
|
6259
6259
|
if (!portalLocation) return element;
|
|
6260
6260
|
return /*#__PURE__*/reactDom.createPortal(element, portalLocation);
|
|
6261
6261
|
}
|
|
6262
|
-
var DebugStatsPaneDiv = styled__default.default.span(templateObject_1$
|
|
6263
|
-
var ObjectDetectionDebugOverlayDiv = styled__default.default.div(templateObject_2$
|
|
6262
|
+
var DebugStatsPaneDiv = styled__default.default.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"])));
|
|
6263
|
+
var ObjectDetectionDebugOverlayDiv = styled__default.default.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) {
|
|
6264
6264
|
var $flipX = _a.$flipX;
|
|
6265
6265
|
return $flipX ? 'transform: scaleX(-1);' : '';
|
|
6266
6266
|
});
|
|
6267
|
-
var ObjectDetectionDebugBox = styled__default.default.div(templateObject_3$
|
|
6267
|
+
var ObjectDetectionDebugBox = styled__default.default.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) {
|
|
6268
6268
|
var $color = _a.$color;
|
|
6269
6269
|
return $color !== null && $color !== void 0 ? $color : 'green';
|
|
6270
6270
|
}, function (_a) {
|
|
@@ -6274,7 +6274,7 @@ var ObjectDetectionDebugBox = styled__default.default.div(templateObject_3$q ||
|
|
|
6274
6274
|
var $flipX = _a.$flipX;
|
|
6275
6275
|
return $flipX ? 'transform: scaleX(-1);' : '';
|
|
6276
6276
|
});
|
|
6277
|
-
var FaceDetectionKeypointMarker = styled__default.default.div(templateObject_4$
|
|
6277
|
+
var FaceDetectionKeypointMarker = styled__default.default.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) {
|
|
6278
6278
|
var $color = _a.$color;
|
|
6279
6279
|
return $color !== null && $color !== void 0 ? $color : 'red';
|
|
6280
6280
|
}, function (_a) {
|
|
@@ -6471,7 +6471,7 @@ function SelfieCaptureFaceKeypoint(_a) {
|
|
|
6471
6471
|
}
|
|
6472
6472
|
});
|
|
6473
6473
|
}
|
|
6474
|
-
var templateObject_1$
|
|
6474
|
+
var templateObject_1$L, templateObject_2$D, templateObject_3$r, templateObject_4$l;
|
|
6475
6475
|
|
|
6476
6476
|
function OverrideWrongDocumentTypeGuidanceDialog(_a) {
|
|
6477
6477
|
var _b = _a.classNames,
|
|
@@ -6504,18 +6504,18 @@ function OverrideWrongDocumentTypeGuidanceDialog(_a) {
|
|
|
6504
6504
|
}
|
|
6505
6505
|
}, verbiage.buttonText))));
|
|
6506
6506
|
}
|
|
6507
|
-
var Container$7 = styled__default.default.div(templateObject_1$
|
|
6507
|
+
var Container$7 = styled__default.default.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) {
|
|
6508
6508
|
var _a, _b, _c;
|
|
6509
6509
|
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';
|
|
6510
6510
|
}, function (props) {
|
|
6511
6511
|
var _a, _b, _c;
|
|
6512
6512
|
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';
|
|
6513
6513
|
});
|
|
6514
|
-
var InnerContainer = styled__default.default.div(templateObject_2$
|
|
6515
|
-
var Message = styled__default.default.span(templateObject_3$
|
|
6516
|
-
var ButtonContainer = styled__default.default.div(templateObject_4$
|
|
6514
|
+
var InnerContainer = styled__default.default.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"])));
|
|
6515
|
+
var Message = styled__default.default.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"])));
|
|
6516
|
+
var ButtonContainer = styled__default.default.div(templateObject_4$k || (templateObject_4$k = __makeTemplateObject(["\n display: flex;\n margin-left: auto;\n"], ["\n display: flex;\n margin-left: auto;\n"])));
|
|
6517
6517
|
var Button$1 = styled__default.default(LoaderButton)(templateObject_5$d || (templateObject_5$d = __makeTemplateObject(["\n white-space: nowrap;\n margin: auto;\n"], ["\n white-space: nowrap;\n margin: auto;\n"])));
|
|
6518
|
-
var templateObject_1$
|
|
6518
|
+
var templateObject_1$K, templateObject_2$C, templateObject_3$q, templateObject_4$k, templateObject_5$d;
|
|
6519
6519
|
|
|
6520
6520
|
// This is a simplified version of https://github.com/ZeeCoder/use-resize-observer.
|
|
6521
6521
|
// We have removed all options and made it compliant with React Compiler/React 19.
|
|
@@ -6830,13 +6830,13 @@ var CameraAccessDeniedOverlay = function CameraAccessDeniedOverlay(_a) {
|
|
|
6830
6830
|
finished: true
|
|
6831
6831
|
}, verbiage.retryBtnText)));
|
|
6832
6832
|
};
|
|
6833
|
-
var StyledOverlayInner$3 = styled__default.default(OverlayInner$2)(templateObject_1$
|
|
6834
|
-
var StyledOverlayImageContainer$1 = styled__default.default(OverlayImageContainer)(templateObject_2$
|
|
6835
|
-
var Description$4 = styled__default.default.p(templateObject_3$
|
|
6836
|
-
var RetryButton$1 = styled__default.default(LoaderButton)(templateObject_4$
|
|
6837
|
-
var templateObject_1$
|
|
6833
|
+
var StyledOverlayInner$3 = styled__default.default(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"])));
|
|
6834
|
+
var StyledOverlayImageContainer$1 = styled__default.default(OverlayImageContainer)(templateObject_2$B || (templateObject_2$B = __makeTemplateObject(["\n flex-grow: 0;\n"], ["\n flex-grow: 0;\n"])));
|
|
6835
|
+
var Description$4 = styled__default.default.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"])));
|
|
6836
|
+
var RetryButton$1 = styled__default.default(LoaderButton)(templateObject_4$j || (templateObject_4$j = __makeTemplateObject(["\n width: 200px;\n margin: 0 auto;\n"], ["\n width: 200px;\n margin: 0 auto;\n"])));
|
|
6837
|
+
var templateObject_1$J, templateObject_2$B, templateObject_3$p, templateObject_4$j;
|
|
6838
6838
|
|
|
6839
|
-
var ExitCaptureStyledButton = styled__default.default.button(templateObject_1$
|
|
6839
|
+
var ExitCaptureStyledButton = styled__default.default.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"])));
|
|
6840
6840
|
var ExitCaptureButton = function ExitCaptureButton(_a) {
|
|
6841
6841
|
var onClick = _a.onClick,
|
|
6842
6842
|
className = _a.className;
|
|
@@ -6880,7 +6880,7 @@ var ExitCaptureButton = function ExitCaptureButton(_a) {
|
|
|
6880
6880
|
y2: "19.75"
|
|
6881
6881
|
}))));
|
|
6882
6882
|
};
|
|
6883
|
-
var templateObject_1$
|
|
6883
|
+
var templateObject_1$I;
|
|
6884
6884
|
|
|
6885
6885
|
function IdCaptureLoadingGraphic(props) {
|
|
6886
6886
|
var isMobile = window.innerHeight > window.innerWidth;
|
|
@@ -7355,21 +7355,21 @@ function IdCaptureLoadingGraphicMobile(_a) {
|
|
|
7355
7355
|
fill: "white"
|
|
7356
7356
|
}))));
|
|
7357
7357
|
}
|
|
7358
|
-
var LoadingGraphicWrapper = styled__default.default.div(templateObject_1$
|
|
7359
|
-
var LoadingGraphicSvg = styled__default.default.svg(templateObject_2$
|
|
7358
|
+
var LoadingGraphicWrapper = styled__default.default.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"])));
|
|
7359
|
+
var LoadingGraphicSvg = styled__default.default.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) {
|
|
7360
7360
|
return props.$frame > 1 ? 1 : props.$frame === 1 ? 1.25 : 0.75;
|
|
7361
7361
|
}, function (props) {
|
|
7362
7362
|
return props.$frame >= 5 ? 10 : 0;
|
|
7363
7363
|
}, function (props) {
|
|
7364
7364
|
return props.$borderColor;
|
|
7365
7365
|
});
|
|
7366
|
-
var LoadingGraphicCardGroup = styled__default.default.g(templateObject_3$
|
|
7366
|
+
var LoadingGraphicCardGroup = styled__default.default.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) {
|
|
7367
7367
|
return props.$offScreen ? '-500px' : '0';
|
|
7368
7368
|
});
|
|
7369
|
-
var LoadingGraphicPhoneGroup = styled__default.default.g(templateObject_4$
|
|
7369
|
+
var LoadingGraphicPhoneGroup = styled__default.default.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) {
|
|
7370
7370
|
return props.$offScreen ? '40px' : '0';
|
|
7371
7371
|
});
|
|
7372
|
-
var templateObject_1$
|
|
7372
|
+
var templateObject_1$H, templateObject_2$A, templateObject_3$o, templateObject_4$i;
|
|
7373
7373
|
|
|
7374
7374
|
function LoadingListItemIndicator(_a) {
|
|
7375
7375
|
var _b = _a.state,
|
|
@@ -7622,16 +7622,16 @@ var IdCaptureLoadingOverlayDefault = function IdCaptureLoadingOverlayDefault(_a)
|
|
|
7622
7622
|
}
|
|
7623
7623
|
}, ready ? verbiage.continueText : verbiage.pleaseWaitText))))));
|
|
7624
7624
|
};
|
|
7625
|
-
var OverlayInner$1 = styled__default.default(LoadingOverlayInner)(templateObject_1$
|
|
7625
|
+
var OverlayInner$1 = styled__default.default(LoadingOverlayInner)(templateObject_1$G || (templateObject_1$G = __makeTemplateObject(["\n background: ", ";\n color: ", ";\n"], ["\n background: ", ";\n color: ", ";\n"])), function (props) {
|
|
7626
7626
|
var _a, _b, _c, _d;
|
|
7627
7627
|
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';
|
|
7628
7628
|
}, function (props) {
|
|
7629
7629
|
var _a, _b, _c, _d;
|
|
7630
7630
|
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';
|
|
7631
7631
|
});
|
|
7632
|
-
var ContinuityCameraCheckboxContainer$1 = styled__default.default.div(templateObject_2$
|
|
7633
|
-
var ContinuityCameraCheckboxInner = styled__default.default(GuidanceMessage)(templateObject_3$
|
|
7634
|
-
var ContinuityCameraCheckbox$1 = styled__default.default.input(templateObject_4$
|
|
7632
|
+
var ContinuityCameraCheckboxContainer$1 = styled__default.default.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"])));
|
|
7633
|
+
var ContinuityCameraCheckboxInner = styled__default.default(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"])));
|
|
7634
|
+
var ContinuityCameraCheckbox$1 = styled__default.default.input(templateObject_4$h || (templateObject_4$h = __makeTemplateObject(["\n margin: 0;\n"], ["\n margin: 0;\n"])));
|
|
7635
7635
|
var ButtonsRow$1 = styled__default.default(LoadingOverlayButtonsRow)(templateObject_5$c || (templateObject_5$c = __makeTemplateObject(["\n color: ", ";\n ", "\n"], ["\n color: ", ";\n ", "\n"])), function (props) {
|
|
7636
7636
|
var _a, _b, _c, _d;
|
|
7637
7637
|
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';
|
|
@@ -7639,18 +7639,18 @@ var ButtonsRow$1 = styled__default.default(LoadingOverlayButtonsRow)(templateObj
|
|
|
7639
7639
|
var _a, _b, _c, _d, _e, _f;
|
|
7640
7640
|
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, ";") : '';
|
|
7641
7641
|
});
|
|
7642
|
-
var ProgressBarBackground$1 = styled__default.default(LoadingOverlayProgressBarBackground)(templateObject_6$
|
|
7642
|
+
var ProgressBarBackground$1 = styled__default.default(LoadingOverlayProgressBarBackground)(templateObject_6$8 || (templateObject_6$8 = __makeTemplateObject(["\n background: ", ";\n opacity: ", ";\n"], ["\n background: ", ";\n opacity: ", ";\n"])), function (props) {
|
|
7643
7643
|
var _a, _b, _c, _d;
|
|
7644
7644
|
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)';
|
|
7645
7645
|
}, function (props) {
|
|
7646
7646
|
var _a, _b, _c, _d;
|
|
7647
7647
|
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;
|
|
7648
7648
|
});
|
|
7649
|
-
var ProgressIndicator$1 = styled__default.default(LoadingOverlayProgressIndicator)(templateObject_7$
|
|
7649
|
+
var ProgressIndicator$1 = styled__default.default(LoadingOverlayProgressIndicator)(templateObject_7$4 || (templateObject_7$4 = __makeTemplateObject(["\n background: ", ";\n"], ["\n background: ", ";\n"])), function (props) {
|
|
7650
7650
|
var _a, _b, _c, _d;
|
|
7651
7651
|
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)';
|
|
7652
7652
|
});
|
|
7653
|
-
var ContinueButton$1 = styled__default.default(LoaderButton)(templateObject_8$
|
|
7653
|
+
var ContinueButton$1 = styled__default.default(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) {
|
|
7654
7654
|
var _a, _b, _c, _d, _e, _f;
|
|
7655
7655
|
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, ";") : '';
|
|
7656
7656
|
}, function (props) {
|
|
@@ -7669,10 +7669,10 @@ var ContinueButton$1 = styled__default.default(LoaderButton)(templateObject_8$4
|
|
|
7669
7669
|
var _a, _b, _c, _d;
|
|
7670
7670
|
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';
|
|
7671
7671
|
});
|
|
7672
|
-
var templateObject_1$
|
|
7672
|
+
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;
|
|
7673
7673
|
|
|
7674
|
-
var ContinuityCameraCheckboxContainer = styled__default.default.div(templateObject_1$
|
|
7675
|
-
var ContinuityCameraCheckbox = styled__default.default.input(templateObject_2$
|
|
7674
|
+
var ContinuityCameraCheckboxContainer = styled__default.default.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"])));
|
|
7675
|
+
var ContinuityCameraCheckbox = styled__default.default.input(templateObject_2$y || (templateObject_2$y = __makeTemplateObject(["\n margin-right: 8px;\n"], ["\n margin-right: 8px;\n"])));
|
|
7676
7676
|
var IdCaptureLoadingOverlayLegacy = function IdCaptureLoadingOverlayLegacy(_a) {
|
|
7677
7677
|
var _b, _c, _d, _e;
|
|
7678
7678
|
var onDismissed = _a.onDismissed,
|
|
@@ -7793,7 +7793,7 @@ var IdCaptureLoadingOverlayLegacy = function IdCaptureLoadingOverlayLegacy(_a) {
|
|
|
7793
7793
|
}
|
|
7794
7794
|
}, ready ? verbiage.continueText : modelsReady ? verbiage.cameraInitializingText : modelDownloadProgress >= 100 ? verbiage.modelsWarmingUpText : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)"))));
|
|
7795
7795
|
};
|
|
7796
|
-
var templateObject_1$
|
|
7796
|
+
var templateObject_1$F, templateObject_2$y;
|
|
7797
7797
|
|
|
7798
7798
|
var components$1 = {
|
|
7799
7799
|
"default": IdCaptureLoadingOverlayDefault,
|
|
@@ -7851,9 +7851,9 @@ var CapturedDocumentImg = function CapturedDocumentImg(_a) {
|
|
|
7851
7851
|
});
|
|
7852
7852
|
};
|
|
7853
7853
|
|
|
7854
|
-
var Card = styled__default.default.div(templateObject_1$
|
|
7855
|
-
var FlexCard = styled__default.default(Card)(templateObject_2$
|
|
7856
|
-
var templateObject_1$
|
|
7854
|
+
var Card = styled__default.default.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"])));
|
|
7855
|
+
var FlexCard = styled__default.default(Card)(templateObject_2$x || (templateObject_2$x = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n"], ["\n display: flex;\n flex-direction: column;\n"])));
|
|
7856
|
+
var templateObject_1$E, templateObject_2$x;
|
|
7857
7857
|
|
|
7858
7858
|
var imageDisplayOrder = ['idCardFront', 'idCardBack', 'passport', 'singlePage', 'idFrontIrImage', 'idBackIrImage', 'idFrontUvImage', 'idBackUvImage'];
|
|
7859
7859
|
var IdCaptureSuccess = function IdCaptureSuccess(_a) {
|
|
@@ -7915,13 +7915,13 @@ var IdCaptureSuccess = function IdCaptureSuccess(_a) {
|
|
|
7915
7915
|
finished: true
|
|
7916
7916
|
}, verbiage.retryText)))));
|
|
7917
7917
|
};
|
|
7918
|
-
var Heading$a = styled__default.default.h1(templateObject_1$
|
|
7919
|
-
var ImagesContainer = styled__default.default(OverlayImageContainer)(templateObject_2$
|
|
7920
|
-
var ImageRow = styled__default.default(OverlayImageRow)(templateObject_3$
|
|
7921
|
-
var ImageCol$1 = styled__default.default.div(templateObject_4$
|
|
7918
|
+
var Heading$a = styled__default.default.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"])));
|
|
7919
|
+
var ImagesContainer = styled__default.default(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"])));
|
|
7920
|
+
var ImageRow = styled__default.default(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"])));
|
|
7921
|
+
var ImageCol$1 = styled__default.default.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"])));
|
|
7922
7922
|
var StyledImage = styled__default.default(CapturedDocumentImg)(templateObject_5$b || (templateObject_5$b = __makeTemplateObject(["\n width: 100%;\n border-radius: 12px;\n"], ["\n width: 100%;\n border-radius: 12px;\n"])));
|
|
7923
|
-
var DebugPre = styled__default.default.pre(templateObject_6$
|
|
7924
|
-
var templateObject_1$
|
|
7923
|
+
var DebugPre = styled__default.default.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"])));
|
|
7924
|
+
var templateObject_1$D, templateObject_2$w, templateObject_3$m, templateObject_4$g, templateObject_5$b, templateObject_6$7;
|
|
7925
7925
|
|
|
7926
7926
|
function useShowSuccessScreen(skipSuccessScreen, successScreenReady, onDoneCallback) {
|
|
7927
7927
|
var _this = this;
|
|
@@ -7973,12 +7973,12 @@ function resetCanvasDimensions(canvas) {
|
|
|
7973
7973
|
canvas.style.height = '0';
|
|
7974
7974
|
}
|
|
7975
7975
|
|
|
7976
|
-
var IdCardGuideImageContainer = styled__default.default(IdCardBorder)(templateObject_1$
|
|
7976
|
+
var IdCardGuideImageContainer = styled__default.default(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) {
|
|
7977
7977
|
return props.$isVisible ? '' : 'opacity: 0;';
|
|
7978
7978
|
}, function (props) {
|
|
7979
7979
|
return props.$isMobile ? props.$isLandscape ? 'height: 100%;' : 'width: 80%;' : props.$isLandscape ? 'height: 70%;' : 'width: 82%;';
|
|
7980
7980
|
});
|
|
7981
|
-
var IdCardGuideImage = styled__default.default.img(templateObject_2$
|
|
7981
|
+
var IdCardGuideImage = styled__default.default.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) {
|
|
7982
7982
|
return props.$isMirrored ? 'transform: scaleX(-1);' : '';
|
|
7983
7983
|
}, function (props) {
|
|
7984
7984
|
return props.$isInvisible ? 'opacity: 0;' : '';
|
|
@@ -8128,17 +8128,17 @@ function IdCardBorderSvg(_a) {
|
|
|
8128
8128
|
className: isProgressBar ? "idmSdkProgressBorder ".concat(progressPaused ? 'idmSdkProgressPaused' : '') : ''
|
|
8129
8129
|
}));
|
|
8130
8130
|
}
|
|
8131
|
-
var IdCardBorderContainer = styled__default.default.div(templateObject_3$
|
|
8132
|
-
var IdCardBorderInner = styled__default.default.div(templateObject_4$
|
|
8131
|
+
var IdCardBorderContainer = styled__default.default.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);
|
|
8132
|
+
var IdCardBorderInner = styled__default.default.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"])));
|
|
8133
8133
|
var SvgOverlay = styled__default.default.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"])));
|
|
8134
|
-
var IdCardBorderRect = styled__default.default.rect(templateObject_6$
|
|
8134
|
+
var IdCardBorderRect = styled__default.default.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) {
|
|
8135
8135
|
var _a;
|
|
8136
8136
|
return (_a = props.$speed) !== null && _a !== void 0 ? _a : '3s';
|
|
8137
8137
|
}, function (props) {
|
|
8138
8138
|
var _a;
|
|
8139
8139
|
return (_a = props.$fillMode) !== null && _a !== void 0 ? _a : 'forwards';
|
|
8140
8140
|
});
|
|
8141
|
-
var templateObject_1$
|
|
8141
|
+
var templateObject_1$C, templateObject_2$v, templateObject_3$l, templateObject_4$f, templateObject_5$a, templateObject_6$6;
|
|
8142
8142
|
|
|
8143
8143
|
var defaultIdCaptureGuideImages = {
|
|
8144
8144
|
portrait: {
|
|
@@ -8327,15 +8327,15 @@ var IdVideoCaptureFlipIdPrompt = function IdVideoCaptureFlipIdPrompt(_a) {
|
|
|
8327
8327
|
style: imageStyle
|
|
8328
8328
|
})));
|
|
8329
8329
|
};
|
|
8330
|
-
var Wrapper$1 = styled__default.default.div(templateObject_1$
|
|
8330
|
+
var Wrapper$1 = styled__default.default.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) {
|
|
8331
8331
|
return props.$isLandscape ? 'height: 100%;' : 'height: 100%;';
|
|
8332
8332
|
});
|
|
8333
|
-
var FlipImageContainer = styled__default.default(IdCardGuideImageContainer)(templateObject_2$
|
|
8333
|
+
var FlipImageContainer = styled__default.default(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) {
|
|
8334
8334
|
return props.$transitionTime;
|
|
8335
8335
|
}, function (props) {
|
|
8336
8336
|
return props.$transforms;
|
|
8337
8337
|
});
|
|
8338
|
-
var templateObject_1$
|
|
8338
|
+
var templateObject_1$B, templateObject_2$u;
|
|
8339
8339
|
|
|
8340
8340
|
var GuideOrientationContext = /*#__PURE__*/React.createContext({
|
|
8341
8341
|
orientation: 'landscape',
|
|
@@ -8474,10 +8474,10 @@ var FlipIdPrompt = function FlipIdPrompt(_a) {
|
|
|
8474
8474
|
height: height
|
|
8475
8475
|
})));
|
|
8476
8476
|
};
|
|
8477
|
-
var Wrapper = styled__default.default.div(templateObject_1$
|
|
8477
|
+
var Wrapper = styled__default.default.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) {
|
|
8478
8478
|
return props.$isMobile ? props.$isLandscape ? 'height: 100%;' : 'width: 80%;' : props.$isLandscape ? 'height: 70%;' : 'width: 82%;';
|
|
8479
8479
|
});
|
|
8480
|
-
var templateObject_1$
|
|
8480
|
+
var templateObject_1$A;
|
|
8481
8481
|
|
|
8482
8482
|
var IdCaptureGuideOverlay = function IdCaptureGuideOverlay(_a) {
|
|
8483
8483
|
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
|
|
@@ -8623,10 +8623,10 @@ var regionClsx = function regionClsx(classNames, which) {
|
|
|
8623
8623
|
return v;
|
|
8624
8624
|
}).join(' ');
|
|
8625
8625
|
};
|
|
8626
|
-
var StyledPageContainer = styled__default.default.div(templateObject_1$
|
|
8627
|
-
var GuidesContainer = styled__default.default.div(templateObject_2$
|
|
8628
|
-
var GuideCenterRow = styled__default.default.div(templateObject_3$
|
|
8629
|
-
var GuideRegion = styled__default.default.div(templateObject_4$
|
|
8626
|
+
var StyledPageContainer = styled__default.default.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"])));
|
|
8627
|
+
var GuidesContainer = styled__default.default.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"])));
|
|
8628
|
+
var GuideCenterRow = styled__default.default.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"])));
|
|
8629
|
+
var GuideRegion = styled__default.default.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) {
|
|
8630
8630
|
var _a, _b, _c, _d, _e;
|
|
8631
8631
|
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)';
|
|
8632
8632
|
}, function (props) {
|
|
@@ -8638,22 +8638,22 @@ var GuideRegion = styled__default.default.div(templateObject_4$d || (templateObj
|
|
|
8638
8638
|
return props.$minHeight ? "min-height: ".concat(props.$minHeight, "px;") : "";
|
|
8639
8639
|
});
|
|
8640
8640
|
var Spacer = styled__default.default(GuideRegion)(templateObject_5$9 || (templateObject_5$9 = __makeTemplateObject(["\n display: block;\n width: auto;\n"], ["\n display: block;\n width: auto;\n"])));
|
|
8641
|
-
var GuideCenterRegion = styled__default.default.div(templateObject_6$
|
|
8641
|
+
var GuideCenterRegion = styled__default.default.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) {
|
|
8642
8642
|
return props.$minWidth ? "min-width: ".concat(props.$minWidth, "px;") : "";
|
|
8643
8643
|
}, function (props) {
|
|
8644
8644
|
return props.$isMirrored ? 'transform: scaleX(-1);' : '';
|
|
8645
8645
|
});
|
|
8646
|
-
var GuideCenterBorder = styled__default.default.div(templateObject_7$
|
|
8646
|
+
var GuideCenterBorder = styled__default.default.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) {
|
|
8647
8647
|
var _a, _b;
|
|
8648
8648
|
return "".concat((_a = props.$borderWidth) !== null && _a !== void 0 ? _a : 4, "px solid ").concat((_b = props.$borderColor) !== null && _b !== void 0 ? _b : 'white');
|
|
8649
8649
|
}, function (props) {
|
|
8650
8650
|
return props.$padding ? "padding: ".concat(props.$padding, "px;") : '';
|
|
8651
8651
|
});
|
|
8652
|
-
var GuideText = styled__default.default.span(templateObject_8$
|
|
8653
|
-
var GuideCenterInner = styled__default.default.div(templateObject_9$
|
|
8652
|
+
var GuideText = styled__default.default.span(templateObject_8$2 || (templateObject_8$2 = __makeTemplateObject(["\n align-content: center;\n margin-top: 12px;\n margin-bottom: 12px;\n"], ["\n align-content: center;\n margin-top: 12px;\n margin-bottom: 12px;\n"])));
|
|
8653
|
+
var GuideCenterInner = styled__default.default.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) {
|
|
8654
8654
|
return props.$isLandscape ? 'height: 100%;' : 'width: 90%;';
|
|
8655
8655
|
});
|
|
8656
|
-
var templateObject_1$
|
|
8656
|
+
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;
|
|
8657
8657
|
|
|
8658
8658
|
var IdCaptureFitGuide = function IdCaptureFitGuide(_a) {
|
|
8659
8659
|
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
|
|
@@ -8794,11 +8794,11 @@ var IdCaptureFitGuide = function IdCaptureFitGuide(_a) {
|
|
|
8794
8794
|
progress: progress
|
|
8795
8795
|
}));
|
|
8796
8796
|
};
|
|
8797
|
-
var CanvasWrapper$1 = styled__default.default.div(templateObject_1$
|
|
8797
|
+
var CanvasWrapper$1 = styled__default.default.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) {
|
|
8798
8798
|
return props.$maskColor;
|
|
8799
8799
|
});
|
|
8800
|
-
var Canvas$1 = styled__default.default.canvas(templateObject_2$
|
|
8801
|
-
var templateObject_1$
|
|
8800
|
+
var Canvas$1 = styled__default.default.canvas(templateObject_2$s || (templateObject_2$s = __makeTemplateObject(["\n display: block;\n"], ["\n display: block;\n"])));
|
|
8801
|
+
var templateObject_1$y, templateObject_2$s;
|
|
8802
8802
|
|
|
8803
8803
|
function IdCaptureGuides(_a) {
|
|
8804
8804
|
var _b = _a.guideType,
|
|
@@ -8854,7 +8854,7 @@ function IdCaptureGuides(_a) {
|
|
|
8854
8854
|
})));
|
|
8855
8855
|
}
|
|
8856
8856
|
|
|
8857
|
-
var Spinner = styled__default.default.div(templateObject_1$
|
|
8857
|
+
var Spinner = styled__default.default.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) {
|
|
8858
8858
|
var $size = _a.$size;
|
|
8859
8859
|
return $size !== null && $size !== void 0 ? $size : 80;
|
|
8860
8860
|
}, function (_a) {
|
|
@@ -8879,11 +8879,11 @@ var Spinner = styled__default.default.div(templateObject_1$w || (templateObject_
|
|
|
8879
8879
|
var $color = _a.$color;
|
|
8880
8880
|
return $color !== null && $color !== void 0 ? $color : '#888';
|
|
8881
8881
|
}, dualRingSpinnerAnimation);
|
|
8882
|
-
var SpinnerPageContainer = styled__default.default.div(templateObject_2$
|
|
8882
|
+
var SpinnerPageContainer = styled__default.default.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"])));
|
|
8883
8883
|
function SpinnerPage() {
|
|
8884
8884
|
return /*#__PURE__*/React__namespace.default.createElement(SpinnerPageContainer, null, /*#__PURE__*/React__namespace.default.createElement(Spinner, null));
|
|
8885
8885
|
}
|
|
8886
|
-
var templateObject_1$
|
|
8886
|
+
var templateObject_1$x, templateObject_2$r;
|
|
8887
8887
|
|
|
8888
8888
|
var IdCaptureImagePreview = function IdCaptureImagePreview(_a) {
|
|
8889
8889
|
var _b = _a.classNames,
|
|
@@ -8970,11 +8970,11 @@ var SelfieProgressPreview = function SelfieProgressPreview(_a) {
|
|
|
8970
8970
|
onError: onError
|
|
8971
8971
|
})));
|
|
8972
8972
|
};
|
|
8973
|
-
var StyledSpinner = styled__default.default(Spinner)(templateObject_1$
|
|
8974
|
-
var ImagePreviewWrapper = styled__default.default.div(templateObject_2$
|
|
8975
|
-
var ImagePreviewText = styled__default.default.div(templateObject_3$
|
|
8976
|
-
var ImagePreviewImageWrapper = styled__default.default.div(templateObject_4$
|
|
8977
|
-
var templateObject_1$
|
|
8973
|
+
var StyledSpinner = styled__default.default(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"])));
|
|
8974
|
+
var ImagePreviewWrapper = styled__default.default.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"])));
|
|
8975
|
+
var ImagePreviewText = styled__default.default.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"])));
|
|
8976
|
+
var ImagePreviewImageWrapper = styled__default.default.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"])));
|
|
8977
|
+
var templateObject_1$w, templateObject_2$q, templateObject_3$j, templateObject_4$d;
|
|
8978
8978
|
|
|
8979
8979
|
var documentCaptureInitialState = {
|
|
8980
8980
|
documents: [],
|
|
@@ -9322,16 +9322,16 @@ var DocumentCaptureGuideOverlay = function DocumentCaptureGuideOverlay(_a) {
|
|
|
9322
9322
|
ref: canvasRef
|
|
9323
9323
|
}));
|
|
9324
9324
|
};
|
|
9325
|
-
var CanvasWrapper = styled__default.default.div(templateObject_1$
|
|
9325
|
+
var CanvasWrapper = styled__default.default.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) {
|
|
9326
9326
|
return props.$maskColor;
|
|
9327
9327
|
});
|
|
9328
|
-
var Canvas = styled__default.default.canvas(templateObject_2$
|
|
9329
|
-
var templateObject_1$
|
|
9328
|
+
var Canvas = styled__default.default.canvas(templateObject_2$p || (templateObject_2$p = __makeTemplateObject(["\n display: block;\n"], ["\n display: block;\n"])));
|
|
9329
|
+
var templateObject_1$v, templateObject_2$p;
|
|
9330
9330
|
|
|
9331
|
-
var CameraFeedWrapper = styled__default.default.div(templateObject_1$
|
|
9331
|
+
var CameraFeedWrapper = styled__default.default.div(templateObject_1$u || (templateObject_1$u = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
9332
9332
|
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;") : "";
|
|
9333
9333
|
});
|
|
9334
|
-
var templateObject_1$
|
|
9334
|
+
var templateObject_1$u;
|
|
9335
9335
|
|
|
9336
9336
|
var CameraVideoTag = function CameraVideoTag(props) {
|
|
9337
9337
|
var _a = useCameraStore(shallow.useShallow(function (store) {
|
|
@@ -9362,10 +9362,10 @@ var CameraVideoTag = function CameraVideoTag(props) {
|
|
|
9362
9362
|
"$isRearFacing": isRearFacing
|
|
9363
9363
|
}, props));
|
|
9364
9364
|
};
|
|
9365
|
-
var FullscreenVideoTag = styled__default.default.video(templateObject_1$
|
|
9365
|
+
var FullscreenVideoTag = styled__default.default.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) {
|
|
9366
9366
|
return props.$isRearFacing ? '' : 'scaleX(-1)';
|
|
9367
9367
|
});
|
|
9368
|
-
var templateObject_1$
|
|
9368
|
+
var templateObject_1$t;
|
|
9369
9369
|
|
|
9370
9370
|
var DocumentCaptureScreen = function DocumentCaptureScreen(_a) {
|
|
9371
9371
|
var _b, _c, _d, _e;
|
|
@@ -9513,21 +9513,21 @@ var DocumentCaptureScreen = function DocumentCaptureScreen(_a) {
|
|
|
9513
9513
|
disabled: !cameraReady || capturing
|
|
9514
9514
|
}, !cameraReady ? verbiage.loadingBtnText : capturing ? verbiage.capturingBtnText : verbiage.captureBtnText))))));
|
|
9515
9515
|
};
|
|
9516
|
-
var CaptureContainer = styled__default.default.div(templateObject_1$
|
|
9517
|
-
var HeadingRow = styled__default.default.div(templateObject_2$
|
|
9516
|
+
var CaptureContainer = styled__default.default.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"])));
|
|
9517
|
+
var HeadingRow = styled__default.default.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) {
|
|
9518
9518
|
return props.$maskColor;
|
|
9519
9519
|
});
|
|
9520
|
-
var Heading$9 = styled__default.default.h1(templateObject_3$
|
|
9521
|
-
var FooterRow = styled__default.default.div(templateObject_4$
|
|
9520
|
+
var Heading$9 = styled__default.default.h1(templateObject_3$i || (templateObject_3$i = __makeTemplateObject(["\n font-size: 22px;\n"], ["\n font-size: 22px;\n"])));
|
|
9521
|
+
var FooterRow = styled__default.default.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) {
|
|
9522
9522
|
return props.$maskColor;
|
|
9523
9523
|
});
|
|
9524
9524
|
var Instructions = styled__default.default.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) {
|
|
9525
9525
|
var _a, _b, _c;
|
|
9526
9526
|
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';
|
|
9527
9527
|
});
|
|
9528
|
-
var StyledButtonsRow$8 = styled__default.default(ButtonsRow$2)(templateObject_6$
|
|
9529
|
-
var PreviewImage = styled__default.default.img(templateObject_7$
|
|
9530
|
-
var templateObject_1$
|
|
9528
|
+
var StyledButtonsRow$8 = styled__default.default(ButtonsRow$2)(templateObject_6$4 || (templateObject_6$4 = __makeTemplateObject(["\n padding-top: 20px;\n"], ["\n padding-top: 20px;\n"])));
|
|
9529
|
+
var PreviewImage = styled__default.default.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"])));
|
|
9530
|
+
var templateObject_1$s, templateObject_2$o, templateObject_3$i, templateObject_4$c, templateObject_5$8, templateObject_6$4, templateObject_7$2;
|
|
9531
9531
|
|
|
9532
9532
|
var DocumentCaptureWizard = function DocumentCaptureWizard(_a) {
|
|
9533
9533
|
var onSuccess = _a.onSuccess,
|
|
@@ -9798,13 +9798,13 @@ var IdCaptureFallback = function IdCaptureFallback(_a) {
|
|
|
9798
9798
|
}
|
|
9799
9799
|
}, verbiage.doneBtnText))))));
|
|
9800
9800
|
};
|
|
9801
|
-
var StyledOverlayInner$2 = styled__default.default(OverlayInner$2)(templateObject_1$
|
|
9802
|
-
var Heading$8 = styled__default.default.h3(templateObject_2$
|
|
9803
|
-
var Description$3 = styled__default.default.p(templateObject_3$
|
|
9804
|
-
var Instruction = styled__default.default.p(templateObject_4$
|
|
9801
|
+
var StyledOverlayInner$2 = styled__default.default(OverlayInner$2)(templateObject_1$r || (templateObject_1$r = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
9802
|
+
var Heading$8 = styled__default.default.h3(templateObject_2$n || (templateObject_2$n = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
9803
|
+
var Description$3 = styled__default.default.p(templateObject_3$h || (templateObject_3$h = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
9804
|
+
var Instruction = styled__default.default.p(templateObject_4$b || (templateObject_4$b = __makeTemplateObject(["\n font-weight: bold;\n"], ["\n font-weight: bold;\n"])));
|
|
9805
9805
|
var ImageCol = styled__default.default.div(templateObject_5$7 || (templateObject_5$7 = __makeTemplateObject(["\n display: flex;\n justify-content: center;\n flex-grow: 1;\n flex-basis: 0;\n"], ["\n display: flex;\n justify-content: center;\n flex-grow: 1;\n flex-basis: 0;\n"])));
|
|
9806
|
-
var StyledButtonsRow$7 = styled__default.default(ButtonsRow$2)(templateObject_6$
|
|
9807
|
-
var templateObject_1$
|
|
9806
|
+
var StyledButtonsRow$7 = styled__default.default(ButtonsRow$2)(templateObject_6$3 || (templateObject_6$3 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
9807
|
+
var templateObject_1$r, templateObject_2$n, templateObject_3$h, templateObject_4$b, templateObject_5$7, templateObject_6$3;
|
|
9808
9808
|
|
|
9809
9809
|
function ScalingCameraFeed() {
|
|
9810
9810
|
var _a = useIdCaptureStore(),
|
|
@@ -10156,18 +10156,18 @@ function FilePickerButton(_a) {
|
|
|
10156
10156
|
}
|
|
10157
10157
|
}, file ? "".concat(file.name, " (").concat(humanFileSize(file.size), ")") : filePickerLoading ? loadingText : children));
|
|
10158
10158
|
}
|
|
10159
|
-
var ScreenContainer = styled__default.default.div(templateObject_1$
|
|
10159
|
+
var ScreenContainer = styled__default.default.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) {
|
|
10160
10160
|
var _a;
|
|
10161
10161
|
return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
|
|
10162
10162
|
});
|
|
10163
|
-
var ScreenPanel = styled__default.default.div(templateObject_2$
|
|
10164
|
-
var SelectIdCardScreenPanel = styled__default.default(ScreenPanel)(templateObject_3$
|
|
10165
|
-
var ScreenPanelHeading = styled__default.default.h3(templateObject_4$
|
|
10163
|
+
var ScreenPanel = styled__default.default.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"])));
|
|
10164
|
+
var SelectIdCardScreenPanel = styled__default.default(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"])));
|
|
10165
|
+
var ScreenPanelHeading = styled__default.default.h3(templateObject_4$a || (templateObject_4$a = __makeTemplateObject(["\n margin: 0 0 30px;\n"], ["\n margin: 0 0 30px;\n"])));
|
|
10166
10166
|
var ScreenActionsBar = styled__default.default.div(templateObject_5$6 || (templateObject_5$6 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: end;\n gap: 20px;\n padding: 20px;\n width: 100%;\n box-sizing: border-box;\n border-top: 1px solid #ccc;\n\n @media (max-width: 600px) {\n justify-content: center;\n }\n"], ["\n display: flex;\n align-items: center;\n justify-content: end;\n gap: 20px;\n padding: 20px;\n width: 100%;\n box-sizing: border-box;\n border-top: 1px solid #ccc;\n\n @media (max-width: 600px) {\n justify-content: center;\n }\n"])));
|
|
10167
|
-
var DashedSeparator = styled__default.default.div(templateObject_6$
|
|
10168
|
-
var OrWrapper = styled__default.default.div(templateObject_7$
|
|
10169
|
-
var UploadIdBackHelpText = styled__default.default.p(templateObject_8$
|
|
10170
|
-
var Button = styled__default.default(WideBorderButton)(templateObject_9
|
|
10167
|
+
var DashedSeparator = styled__default.default.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"])));
|
|
10168
|
+
var OrWrapper = styled__default.default.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"])));
|
|
10169
|
+
var UploadIdBackHelpText = styled__default.default.p(templateObject_8$1 || (templateObject_8$1 = __makeTemplateObject(["\n color: #323232;\n font-style: italic;\n margin: 30px 0 0;\n"], ["\n color: #323232;\n font-style: italic;\n margin: 30px 0 0;\n"])));
|
|
10170
|
+
var Button = styled__default.default(WideBorderButton)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n width: auto;\n font-weight: 500;\n padding-left: 40px;\n padding-right: 40px;\n transition: background-color 0.3s ease;\n background-color: #ffffff;\n white-space: nowrap;\n\n &:disabled,\n &.disabled {\n background-color: #f1f1f1 !important;\n border-color: #dbdbdb !important;\n color: #323232 !important;\n }\n\n &:hover {\n filter: none;\n background-color: #fafafa !important;\n }\n"], ["\n width: auto;\n font-weight: 500;\n padding-left: 40px;\n padding-right: 40px;\n transition: background-color 0.3s ease;\n background-color: #ffffff;\n white-space: nowrap;\n\n &:disabled,\n &.disabled {\n background-color: #f1f1f1 !important;\n border-color: #dbdbdb !important;\n color: #323232 !important;\n }\n\n &:hover {\n filter: none;\n background-color: #fafafa !important;\n }\n"])));
|
|
10171
10171
|
var Modal = styled__default.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.5);\n z-index: 10000;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.5);\n z-index: 10000;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n"])));
|
|
10172
10172
|
var Dialog = styled__default.default.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n width: 100%;\n max-width: 500px;\n height: 100%;\n max-height: 600px;\n background: white;\n border-radius: 25px;\n overflow: auto;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\n font-family: ", ";\n //margin: 25px;\n"], ["\n width: 100%;\n max-width: 500px;\n height: 100%;\n max-height: 600px;\n background: white;\n border-radius: 25px;\n overflow: auto;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\n font-family: ", ";\n //margin: 25px;\n"])), function (props) {
|
|
10173
10173
|
var _a;
|
|
@@ -10445,7 +10445,7 @@ function humanFileSize(bytes, si, dp) {
|
|
|
10445
10445
|
} while (Math.round(Math.abs(bytes) * r) / r >= thresh && u < units.length - 1);
|
|
10446
10446
|
return bytes.toFixed(dp) + ' ' + units[u];
|
|
10447
10447
|
}
|
|
10448
|
-
var templateObject_1$
|
|
10448
|
+
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;
|
|
10449
10449
|
|
|
10450
10450
|
var IdCaptureWizard = function IdCaptureWizard(_a) {
|
|
10451
10451
|
var _b, _c, _d, _e, _f;
|
|
@@ -11144,7 +11144,7 @@ var HeadGuideSvg = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
11144
11144
|
}))));
|
|
11145
11145
|
});
|
|
11146
11146
|
HeadGuideSvg.displayName = 'HeadGuideSvg';
|
|
11147
|
-
var PulsingHeadGuideContainer = styled__default.default.div(templateObject_1$
|
|
11147
|
+
var PulsingHeadGuideContainer = styled__default.default.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);
|
|
11148
11148
|
function HeadGuide(_a) {
|
|
11149
11149
|
var _b;
|
|
11150
11150
|
var _c = _a.status,
|
|
@@ -11194,8 +11194,8 @@ function HeadGuide(_a) {
|
|
|
11194
11194
|
height: parentHeight
|
|
11195
11195
|
})));
|
|
11196
11196
|
}
|
|
11197
|
-
var AbsoluteSvg = styled__default.default.svg(templateObject_2$
|
|
11198
|
-
var RelativeSvgContainer = styled__default.default.div(templateObject_3$
|
|
11197
|
+
var AbsoluteSvg = styled__default.default.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"])));
|
|
11198
|
+
var RelativeSvgContainer = styled__default.default.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) {
|
|
11199
11199
|
return props.$verticalAlign === 'bottom' ? 'flex-end' : 'center';
|
|
11200
11200
|
});
|
|
11201
11201
|
function SelfieCaptureAnimatedMask(_a) {
|
|
@@ -11422,10 +11422,10 @@ function SelfieCaptureAnimatedMaskWithStatus(_a) {
|
|
|
11422
11422
|
status: status
|
|
11423
11423
|
}));
|
|
11424
11424
|
}
|
|
11425
|
-
var templateObject_1$
|
|
11425
|
+
var templateObject_1$p, templateObject_2$l, templateObject_3$f;
|
|
11426
11426
|
|
|
11427
|
-
var FaceCaptureGuideContainer = styled__default.default.div(templateObject_1$
|
|
11428
|
-
var FaceCaptureGuideInner = styled__default.default.div(templateObject_2$
|
|
11427
|
+
var FaceCaptureGuideContainer = styled__default.default.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"])));
|
|
11428
|
+
var FaceCaptureGuideInner = styled__default.default.div(templateObject_2$k || (templateObject_2$k = __makeTemplateObject(["\n position: relative;\n height: 60%;\n"], ["\n position: relative;\n height: 60%;\n"])));
|
|
11429
11429
|
var FaceCaptureGuideOverlay = function FaceCaptureGuideOverlay(_a) {
|
|
11430
11430
|
var _b = _a.classNames,
|
|
11431
11431
|
classNames = _b === void 0 ? {} : _b,
|
|
@@ -11447,7 +11447,7 @@ var FaceCaptureGuideOverlay = function FaceCaptureGuideOverlay(_a) {
|
|
|
11447
11447
|
verticalAlign: "center"
|
|
11448
11448
|
})));
|
|
11449
11449
|
};
|
|
11450
|
-
var templateObject_1$
|
|
11450
|
+
var templateObject_1$o, templateObject_2$k;
|
|
11451
11451
|
|
|
11452
11452
|
var SelfieGuidanceModelsContext = /*#__PURE__*/React.createContext({
|
|
11453
11453
|
start: function start() {
|
|
@@ -11775,12 +11775,12 @@ var SelfieCaptureFallback = function SelfieCaptureFallback(_a) {
|
|
|
11775
11775
|
}
|
|
11776
11776
|
}, !image ? invalidSelfie ? verbiage.retryButtonText : verbiage.captureBtnText : loading ? verbiage.doneBtnLoadingText : verbiage.doneBtnText)))));
|
|
11777
11777
|
};
|
|
11778
|
-
var StyledOverlayInner$1 = styled__default.default(OverlayInner$2)(templateObject_1$
|
|
11779
|
-
var Heading$7 = styled__default.default.h3(templateObject_2$
|
|
11780
|
-
var Description$2 = styled__default.default.p(templateObject_3$
|
|
11781
|
-
var ImageContainer$6 = styled__default.default(OverlayImageContainer)(templateObject_4$
|
|
11778
|
+
var StyledOverlayInner$1 = styled__default.default(OverlayInner$2)(templateObject_1$n || (templateObject_1$n = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
11779
|
+
var Heading$7 = styled__default.default.h3(templateObject_2$j || (templateObject_2$j = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
11780
|
+
var Description$2 = styled__default.default.p(templateObject_3$e || (templateObject_3$e = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
11781
|
+
var ImageContainer$6 = styled__default.default(OverlayImageContainer)(templateObject_4$9 || (templateObject_4$9 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
11782
11782
|
var StyledButtonsRow$6 = styled__default.default(ButtonsRow$2)(templateObject_5$5 || (templateObject_5$5 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
11783
|
-
var templateObject_1$
|
|
11783
|
+
var templateObject_1$n, templateObject_2$j, templateObject_3$e, templateObject_4$9, templateObject_5$5;
|
|
11784
11784
|
|
|
11785
11785
|
var initialState$4 = {
|
|
11786
11786
|
busy: false,
|
|
@@ -11944,8 +11944,8 @@ var SelfieCapture = function SelfieCapture(_a) {
|
|
|
11944
11944
|
className: classNames.exitCaptureBtn
|
|
11945
11945
|
}));
|
|
11946
11946
|
};
|
|
11947
|
-
var Container$6 = styled__default.default.div(templateObject_1$
|
|
11948
|
-
var templateObject_1$
|
|
11947
|
+
var Container$6 = styled__default.default.div(templateObject_1$m || (templateObject_1$m = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n"], ["\n width: 100%;\n height: 100%;\n"])));
|
|
11948
|
+
var templateObject_1$m;
|
|
11949
11949
|
|
|
11950
11950
|
var initialState$3 = {
|
|
11951
11951
|
frame: null,
|
|
@@ -12333,9 +12333,9 @@ var FaceLivenessSuccess = function FaceLivenessSuccess(_a) {
|
|
|
12333
12333
|
finished: true
|
|
12334
12334
|
}, verbiage.retryBtnText)))));
|
|
12335
12335
|
};
|
|
12336
|
-
var ImageContainer$5 = styled__default.default.div(templateObject_1$
|
|
12337
|
-
var Heading$6 = styled__default.default.h3(templateObject_2$
|
|
12338
|
-
var templateObject_1$
|
|
12336
|
+
var ImageContainer$5 = styled__default.default.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"])));
|
|
12337
|
+
var Heading$6 = styled__default.default.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"])));
|
|
12338
|
+
var templateObject_1$l, templateObject_2$i;
|
|
12339
12339
|
|
|
12340
12340
|
var FaceLivenessFailure = function FaceLivenessFailure(_a) {
|
|
12341
12341
|
var _b = _a.canRetry,
|
|
@@ -12384,9 +12384,9 @@ var FaceLivenessFailure = function FaceLivenessFailure(_a) {
|
|
|
12384
12384
|
finished: true
|
|
12385
12385
|
}, verbiage.exitBtnText)))));
|
|
12386
12386
|
};
|
|
12387
|
-
var ImageContainer$4 = styled__default.default(OverlayImageContainer)(templateObject_1$
|
|
12388
|
-
var Heading$5 = styled__default.default.h3(templateObject_2$
|
|
12389
|
-
var templateObject_1$
|
|
12387
|
+
var ImageContainer$4 = styled__default.default(OverlayImageContainer)(templateObject_1$k || (templateObject_1$k = __makeTemplateObject(["\n max-height: calc(100vh - 185px);\n"], ["\n max-height: calc(100vh - 185px);\n"])));
|
|
12388
|
+
var Heading$5 = styled__default.default.h3(templateObject_2$h || (templateObject_2$h = __makeTemplateObject(["\n margin-bottom: 36px;\n"], ["\n margin-bottom: 36px;\n"])));
|
|
12389
|
+
var templateObject_1$k, templateObject_2$h;
|
|
12390
12390
|
|
|
12391
12391
|
var MicrophoneAccessDeniedOverlay = function MicrophoneAccessDeniedOverlay(_a) {
|
|
12392
12392
|
var _b;
|
|
@@ -12429,11 +12429,11 @@ var MicrophoneAccessDeniedOverlay = function MicrophoneAccessDeniedOverlay(_a) {
|
|
|
12429
12429
|
finished: true
|
|
12430
12430
|
}, verbiage.retryBtnText)));
|
|
12431
12431
|
};
|
|
12432
|
-
var StyledOverlayInner = styled__default.default(OverlayInner$2)(templateObject_1$
|
|
12433
|
-
var StyledOverlayImageContainer = styled__default.default(OverlayImageContainer)(templateObject_2$
|
|
12434
|
-
var Description$1 = styled__default.default.p(templateObject_3$
|
|
12435
|
-
var RetryButton = styled__default.default(LoaderButton)(templateObject_4$
|
|
12436
|
-
var templateObject_1$
|
|
12432
|
+
var StyledOverlayInner = styled__default.default(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"])));
|
|
12433
|
+
var StyledOverlayImageContainer = styled__default.default(OverlayImageContainer)(templateObject_2$g || (templateObject_2$g = __makeTemplateObject(["\n flex-grow: 0;\n"], ["\n flex-grow: 0;\n"])));
|
|
12434
|
+
var Description$1 = styled__default.default.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"])));
|
|
12435
|
+
var RetryButton = styled__default.default(LoaderButton)(templateObject_4$8 || (templateObject_4$8 = __makeTemplateObject(["\n width: 200px;\n margin: 0 auto;\n"], ["\n width: 200px;\n margin: 0 auto;\n"])));
|
|
12436
|
+
var templateObject_1$j, templateObject_2$g, templateObject_3$d, templateObject_4$8;
|
|
12437
12437
|
|
|
12438
12438
|
var SelfieCaptureLoadingOverlayLegacy = function SelfieCaptureLoadingOverlayLegacy(_a) {
|
|
12439
12439
|
var onDismissed = _a.onDismissed,
|
|
@@ -12525,9 +12525,9 @@ var SelfieCaptureLoadingOverlayLegacy = function SelfieCaptureLoadingOverlayLega
|
|
|
12525
12525
|
}
|
|
12526
12526
|
}, ready ? verbiage.continueText : allModelsReady ? verbiage.cameraInitializingText : modelDownloadProgress >= 100 ? "".concat(verbiage.modelsWarmingUpText) : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)")))));
|
|
12527
12527
|
};
|
|
12528
|
-
var StyledGuidanceMessage = styled__default.default(GuidanceMessage)(templateObject_1$
|
|
12529
|
-
var StyledButtonsRow$5 = styled__default.default(ButtonsRow$2)(templateObject_2$
|
|
12530
|
-
var templateObject_1$
|
|
12528
|
+
var StyledGuidanceMessage = styled__default.default(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"])));
|
|
12529
|
+
var StyledButtonsRow$5 = styled__default.default(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"])));
|
|
12530
|
+
var templateObject_1$i, templateObject_2$f;
|
|
12531
12531
|
|
|
12532
12532
|
var legacyInstructionImageUrl = "".concat(DEFAULT_CDN_URL, "/Selfie-Image-1.png");
|
|
12533
12533
|
var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDefault(_a) {
|
|
@@ -12682,28 +12682,28 @@ var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDef
|
|
|
12682
12682
|
}
|
|
12683
12683
|
}, ready ? verbiage.continueText : verbiage.pleaseWaitText))))));
|
|
12684
12684
|
};
|
|
12685
|
-
var OverlayInner = styled__default.default(LoadingOverlayInner)(templateObject_1$
|
|
12685
|
+
var OverlayInner = styled__default.default(LoadingOverlayInner)(templateObject_1$h || (templateObject_1$h = __makeTemplateObject(["\n background: ", ";\n color: ", ";\n"], ["\n background: ", ";\n color: ", ";\n"])), function (props) {
|
|
12686
12686
|
var _a, _b, _c, _d;
|
|
12687
12687
|
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';
|
|
12688
12688
|
}, function (props) {
|
|
12689
12689
|
var _a, _b, _c, _d;
|
|
12690
12690
|
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';
|
|
12691
12691
|
});
|
|
12692
|
-
var ButtonsRow = styled__default.default(LoadingOverlayButtonsRow)(templateObject_2$
|
|
12692
|
+
var ButtonsRow = styled__default.default(LoadingOverlayButtonsRow)(templateObject_2$e || (templateObject_2$e = __makeTemplateObject(["\n color: ", ";\n ", "\n"], ["\n color: ", ";\n ", "\n"])), function (props) {
|
|
12693
12693
|
var _a, _b, _c, _d;
|
|
12694
12694
|
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';
|
|
12695
12695
|
}, function (props) {
|
|
12696
12696
|
var _a, _b, _c, _d, _e, _f;
|
|
12697
12697
|
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, ";") : '';
|
|
12698
12698
|
});
|
|
12699
|
-
var ProgressBarBackground = styled__default.default(LoadingOverlayProgressBarBackground)(templateObject_3$
|
|
12699
|
+
var ProgressBarBackground = styled__default.default(LoadingOverlayProgressBarBackground)(templateObject_3$c || (templateObject_3$c = __makeTemplateObject(["\n background: ", ";\n opacity: ", ";\n"], ["\n background: ", ";\n opacity: ", ";\n"])), function (props) {
|
|
12700
12700
|
var _a, _b, _c, _d;
|
|
12701
12701
|
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)';
|
|
12702
12702
|
}, function (props) {
|
|
12703
12703
|
var _a, _b, _c, _d;
|
|
12704
12704
|
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;
|
|
12705
12705
|
});
|
|
12706
|
-
var ProgressIndicator = styled__default.default(LoadingOverlayProgressIndicator)(templateObject_4$
|
|
12706
|
+
var ProgressIndicator = styled__default.default(LoadingOverlayProgressIndicator)(templateObject_4$7 || (templateObject_4$7 = __makeTemplateObject(["\n background: ", ";\n"], ["\n background: ", ";\n"])), function (props) {
|
|
12707
12707
|
var _a, _b, _c, _d;
|
|
12708
12708
|
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)';
|
|
12709
12709
|
});
|
|
@@ -12726,7 +12726,7 @@ var ContinueButton = styled__default.default(LoaderButton)(templateObject_5$4 ||
|
|
|
12726
12726
|
var _a, _b, _c, _d;
|
|
12727
12727
|
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';
|
|
12728
12728
|
});
|
|
12729
|
-
var templateObject_1$
|
|
12729
|
+
var templateObject_1$h, templateObject_2$e, templateObject_3$c, templateObject_4$7, templateObject_5$4;
|
|
12730
12730
|
|
|
12731
12731
|
var components = {
|
|
12732
12732
|
"default": SelfieCaptureLoadingOverlayDefault,
|
|
@@ -13055,13 +13055,13 @@ var SubmissionSuccess = function SubmissionSuccess() {
|
|
|
13055
13055
|
}
|
|
13056
13056
|
}, truncateImages ? 'Display full images' : 'Truncate images'), /*#__PURE__*/React__namespace.default.createElement("h5", null, "Request Body"), /*#__PURE__*/React__namespace.default.createElement("pre", null, requestBodyDisplay))), /*#__PURE__*/React__namespace.default.createElement("h5", null, "Response Body"), /*#__PURE__*/React__namespace.default.createElement("pre", null, JSON.stringify(submissionResponse, null, 2)));
|
|
13057
13057
|
};
|
|
13058
|
-
var Container$5 = styled__default.default.div(templateObject_1$
|
|
13058
|
+
var Container$5 = styled__default.default.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"])));
|
|
13059
13059
|
function truncate(str, max_chars) {
|
|
13060
13060
|
var truncated = str.split('').splice(0, max_chars).join('');
|
|
13061
13061
|
if (truncated.length < str.length) truncated += '...';
|
|
13062
13062
|
return truncated;
|
|
13063
13063
|
}
|
|
13064
|
-
var templateObject_1$
|
|
13064
|
+
var templateObject_1$g;
|
|
13065
13065
|
|
|
13066
13066
|
var AdditionalDocumentCapture = function AdditionalDocumentCapture(_a) {
|
|
13067
13067
|
var document = _a.document,
|
|
@@ -13137,11 +13137,11 @@ var AdditionalDocumentCapture = function AdditionalDocumentCapture(_a) {
|
|
|
13137
13137
|
}
|
|
13138
13138
|
}, verbiage.captureBtnText)))));
|
|
13139
13139
|
};
|
|
13140
|
-
var Inner$2 = styled__default.default(OverlayInner$2)(templateObject_1$
|
|
13141
|
-
var Heading$4 = styled__default.default.h3(templateObject_2$
|
|
13142
|
-
var Description = styled__default.default.p(templateObject_3$
|
|
13143
|
-
var StyledButtonsRow$4 = styled__default.default(ButtonsRow$2)(templateObject_4$
|
|
13144
|
-
var templateObject_1$
|
|
13140
|
+
var Inner$2 = styled__default.default(OverlayInner$2)(templateObject_1$f || (templateObject_1$f = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
13141
|
+
var Heading$4 = styled__default.default.h3(templateObject_2$d || (templateObject_2$d = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
13142
|
+
var Description = styled__default.default.p(templateObject_3$b || (templateObject_3$b = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
13143
|
+
var StyledButtonsRow$4 = styled__default.default(ButtonsRow$2)(templateObject_4$6 || (templateObject_4$6 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
13144
|
+
var templateObject_1$f, templateObject_2$d, templateObject_3$b, templateObject_4$6;
|
|
13145
13145
|
|
|
13146
13146
|
var AdditionalDocumentCaptureWizard = function AdditionalDocumentCaptureWizard(_a) {
|
|
13147
13147
|
var documents = _a.documents,
|
|
@@ -13291,7 +13291,7 @@ function convertSVGtoImg(svgData_1) {
|
|
|
13291
13291
|
});
|
|
13292
13292
|
}
|
|
13293
13293
|
|
|
13294
|
-
var SignaturePaperBacking = styled__default.default.div(templateObject_1$
|
|
13294
|
+
var SignaturePaperBacking = styled__default.default.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) {
|
|
13295
13295
|
var _a, _b;
|
|
13296
13296
|
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, ";") : "";
|
|
13297
13297
|
}, function (props) {
|
|
@@ -13301,8 +13301,8 @@ var SignaturePaperBacking = styled__default.default.div(templateObject_1$d || (t
|
|
|
13301
13301
|
var _a, _b;
|
|
13302
13302
|
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, ";") : "";
|
|
13303
13303
|
});
|
|
13304
|
-
var SignatureCanvasContainer$1 = styled__default.default.div(templateObject_2$
|
|
13305
|
-
var SignaturePad = styled__default.default.div(templateObject_3$
|
|
13304
|
+
var SignatureCanvasContainer$1 = styled__default.default.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"])));
|
|
13305
|
+
var SignaturePad = styled__default.default.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) {
|
|
13306
13306
|
var _a, _b, _c;
|
|
13307
13307
|
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)';
|
|
13308
13308
|
}, function (props) {
|
|
@@ -13330,8 +13330,8 @@ var SignaturePad = styled__default.default.div(templateObject_3$9 || (templateOb
|
|
|
13330
13330
|
var _a, _b, _c;
|
|
13331
13331
|
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';
|
|
13332
13332
|
});
|
|
13333
|
-
var SignatureButtonsContainer = styled__default.default(ButtonsRow$2)(templateObject_4$
|
|
13334
|
-
var templateObject_1$
|
|
13333
|
+
var SignatureButtonsContainer = styled__default.default(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"])));
|
|
13334
|
+
var templateObject_1$e, templateObject_2$c, templateObject_3$a, templateObject_4$5;
|
|
13335
13335
|
|
|
13336
13336
|
var SignatureCapture = function SignatureCapture(_a) {
|
|
13337
13337
|
var onAccept = _a.onAccept,
|
|
@@ -13404,9 +13404,9 @@ var SignatureCapture = function SignatureCapture(_a) {
|
|
|
13404
13404
|
finished: true
|
|
13405
13405
|
}, verbiage.acceptBtnText)))));
|
|
13406
13406
|
};
|
|
13407
|
-
var Container$4 = styled__default.default.div(templateObject_1$
|
|
13408
|
-
var AcceptBtn$1 = styled__default.default(LoaderButton)(templateObject_2$
|
|
13409
|
-
var templateObject_1$
|
|
13407
|
+
var Container$4 = styled__default.default.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"])));
|
|
13408
|
+
var AcceptBtn$1 = styled__default.default(LoaderButton)(templateObject_2$b || (templateObject_2$b = __makeTemplateObject(["\n margin-left: auto;\n"], ["\n margin-left: auto;\n"])));
|
|
13409
|
+
var templateObject_1$d, templateObject_2$b;
|
|
13410
13410
|
|
|
13411
13411
|
var videoRecorder = null;
|
|
13412
13412
|
var audioRecorder = null;
|
|
@@ -13608,6 +13608,8 @@ var videoSignatureInitialState = {
|
|
|
13608
13608
|
outputCanvas: {
|
|
13609
13609
|
current: null
|
|
13610
13610
|
},
|
|
13611
|
+
signaturePadEmpty: true,
|
|
13612
|
+
signatureValid: false,
|
|
13611
13613
|
onSignatureVideoCaptured: function onSignatureVideoCaptured() {
|
|
13612
13614
|
return null;
|
|
13613
13615
|
}
|
|
@@ -13724,44 +13726,32 @@ function VideoSignatureContextProvider(_a) {
|
|
|
13724
13726
|
}));
|
|
13725
13727
|
}
|
|
13726
13728
|
|
|
13727
|
-
function
|
|
13728
|
-
var
|
|
13729
|
-
|
|
13730
|
-
|
|
13731
|
-
|
|
13732
|
-
|
|
13733
|
-
|
|
13734
|
-
onClearSignaturePadClicked = _a.onClearSignaturePadClicked,
|
|
13729
|
+
function VideoSignaturePad(_a) {
|
|
13730
|
+
var onAcceptBtnClicked = _a.onAcceptBtnClicked,
|
|
13731
|
+
onClearBtnClicked = _a.onClearBtnClicked,
|
|
13732
|
+
_b = _a.disabled,
|
|
13733
|
+
disabled = _b === void 0 ? false : _b,
|
|
13734
|
+
_c = _a.headTrackingSatisfied,
|
|
13735
|
+
headTrackingSatisfied = _c === void 0 ? true : _c,
|
|
13735
13736
|
_d = _a.minSignaturePadPoints,
|
|
13736
13737
|
minSignaturePadPoints = _d === void 0 ? DEFAULT_MIN_SIGNATURE_PAD_POINTS : _d,
|
|
13737
|
-
_e = _a.
|
|
13738
|
-
|
|
13739
|
-
_f = _a.
|
|
13740
|
-
|
|
13741
|
-
|
|
13742
|
-
|
|
13738
|
+
_e = _a.classNames,
|
|
13739
|
+
classNames = _e === void 0 ? {} : _e,
|
|
13740
|
+
_f = _a.verbiage,
|
|
13741
|
+
rawVerbiage = _f === void 0 ? {} : _f;
|
|
13742
|
+
var _g = useVideoSignatureStore(),
|
|
13743
|
+
signaturePadEmpty = _g.signaturePadEmpty,
|
|
13744
|
+
signatureValid = _g.signatureValid;
|
|
13743
13745
|
var _h = useResizeObserver(),
|
|
13744
13746
|
ref = _h.ref,
|
|
13745
13747
|
width = _h.width,
|
|
13746
13748
|
height = _h.height;
|
|
13747
13749
|
var signaturePad = React.useRef(null);
|
|
13748
|
-
var _j = React.useState(true),
|
|
13749
|
-
signaturePadEmpty = _j[0],
|
|
13750
|
-
setSignaturePadEmpty = _j[1];
|
|
13751
|
-
var _k = React.useState(false),
|
|
13752
|
-
signatureValid = _k[0],
|
|
13753
|
-
setSignatureValid = _k[1];
|
|
13754
13750
|
React.useEffect(function () {
|
|
13755
13751
|
return useVideoSignatureStore.setState({
|
|
13756
13752
|
signaturePad: signaturePad
|
|
13757
13753
|
});
|
|
13758
13754
|
}, []);
|
|
13759
|
-
var verbiage = useTranslations(rawVerbiage, {
|
|
13760
|
-
signaturePadEmptyText: '',
|
|
13761
|
-
headTrackingUnsatisfiedText: '',
|
|
13762
|
-
clearSignatureBtnText: 'Clear',
|
|
13763
|
-
acceptSignatureBtnText: 'Accept'
|
|
13764
|
-
});
|
|
13765
13755
|
var canvasProps = React.useMemo(function () {
|
|
13766
13756
|
return {
|
|
13767
13757
|
width: width,
|
|
@@ -13769,42 +13759,26 @@ function VideoSignatureGuides(_a) {
|
|
|
13769
13759
|
className: classNames.signatureCanvas
|
|
13770
13760
|
};
|
|
13771
13761
|
}, [classNames.signatureCanvas, height, width]);
|
|
13772
|
-
var
|
|
13773
|
-
|
|
13774
|
-
|
|
13775
|
-
var _l = React.useState(false),
|
|
13776
|
-
emptyContentDismissed = _l[0],
|
|
13777
|
-
setEmptyContentDismissed = _l[1];
|
|
13778
|
-
var displayEmptyState = requestedAction === 'CAPTURE_SIGNATURE' && signaturePadEmpty && !emptyContentDismissed;
|
|
13762
|
+
var _j = React.useState(false),
|
|
13763
|
+
emptyContentDismissed = _j[0],
|
|
13764
|
+
setEmptyContentDismissed = _j[1];
|
|
13779
13765
|
React.useEffect(function () {
|
|
13780
13766
|
if (signaturePadEmpty) setEmptyContentDismissed(false);
|
|
13781
13767
|
}, [signaturePadEmpty]);
|
|
13782
|
-
var
|
|
13783
|
-
|
|
13784
|
-
|
|
13785
|
-
|
|
13786
|
-
|
|
13787
|
-
|
|
13788
|
-
|
|
13789
|
-
|
|
13790
|
-
}
|
|
13791
|
-
return /*#__PURE__*/React__namespace.default.createElement(
|
|
13792
|
-
className: classNames.container
|
|
13793
|
-
}, /*#__PURE__*/React__namespace.default.createElement(Inner$1, {
|
|
13794
|
-
className: classNames.inner
|
|
13795
|
-
}, /*#__PURE__*/React__namespace.default.createElement(FaceGuideContainer$1, {
|
|
13796
|
-
className: classNames.faceGuideContainer
|
|
13797
|
-
}, /*#__PURE__*/React__namespace.default.createElement(StyledSelfieCaptureAnimatedMask, {
|
|
13798
|
-
className: classNames.faceGuide,
|
|
13799
|
-
status: requestedAction === 'VERIFY_LIVENESS' ? faceGuideStatus : 'success',
|
|
13800
|
-
borderWidth: faceGuideBorderWidth,
|
|
13801
|
-
borderColor: faceGuideBorderColor,
|
|
13802
|
-
verticalAlign: "bottom"
|
|
13803
|
-
})), /*#__PURE__*/React__namespace.default.createElement(SignaturePadContainer, {
|
|
13768
|
+
var canClear = !disabled && !signaturePadEmpty;
|
|
13769
|
+
var canSubmit = !disabled && signatureValid && headTrackingSatisfied;
|
|
13770
|
+
var displayEmptyState = !disabled && signaturePadEmpty && !emptyContentDismissed;
|
|
13771
|
+
var verbiage = useTranslations(rawVerbiage, {
|
|
13772
|
+
signaturePadEmptyText: '',
|
|
13773
|
+
headTrackingUnsatisfiedText: '',
|
|
13774
|
+
clearSignatureBtnText: 'Clear',
|
|
13775
|
+
acceptSignatureBtnText: 'Accept'
|
|
13776
|
+
});
|
|
13777
|
+
return /*#__PURE__*/React__namespace.default.createElement(SignaturePadContainer, {
|
|
13804
13778
|
className: classNames.signaturePadContainer
|
|
13805
13779
|
}, /*#__PURE__*/React__namespace.default.createElement(SignatureCanvasContainer, {
|
|
13806
|
-
className: classNames.signatureCanvasContainer,
|
|
13807
|
-
"$disabled":
|
|
13780
|
+
className: cn__default.default(classNames.signatureCanvasContainer, disabled && classNames.signatureCanvasContainerDisabled),
|
|
13781
|
+
"$disabled": disabled,
|
|
13808
13782
|
"$headTrackingUnsatisfied": !headTrackingSatisfied
|
|
13809
13783
|
}, /*#__PURE__*/React__namespace.default.createElement(SignaturePad, {
|
|
13810
13784
|
ref: ref,
|
|
@@ -13813,7 +13787,9 @@ function VideoSignatureGuides(_a) {
|
|
|
13813
13787
|
ref: signaturePad,
|
|
13814
13788
|
canvasProps: canvasProps,
|
|
13815
13789
|
onBegin: function onBegin() {
|
|
13816
|
-
return
|
|
13790
|
+
return useVideoSignatureStore.setState({
|
|
13791
|
+
signaturePadEmpty: false
|
|
13792
|
+
});
|
|
13817
13793
|
},
|
|
13818
13794
|
onEnd: function onEnd() {
|
|
13819
13795
|
var _a, _b;
|
|
@@ -13821,7 +13797,9 @@ function VideoSignatureGuides(_a) {
|
|
|
13821
13797
|
var points = strokes.flatMap(function (point) {
|
|
13822
13798
|
return point;
|
|
13823
13799
|
});
|
|
13824
|
-
|
|
13800
|
+
useVideoSignatureStore.setState({
|
|
13801
|
+
signatureValid: points.length >= minSignaturePadPoints
|
|
13802
|
+
});
|
|
13825
13803
|
}
|
|
13826
13804
|
}), !headTrackingSatisfied && !!verbiage.headTrackingUnsatisfiedText ? ( /*#__PURE__*/React__namespace.default.createElement(SignaturePadContentContainer, {
|
|
13827
13805
|
className: classNames.headTrackingUnsatisfiedContentContainer
|
|
@@ -13840,45 +13818,80 @@ function VideoSignatureGuides(_a) {
|
|
|
13840
13818
|
variant: "secondary",
|
|
13841
13819
|
className: classNames.clearSignatureBtn,
|
|
13842
13820
|
disabled: !canClear,
|
|
13843
|
-
onClick:
|
|
13844
|
-
var _a;
|
|
13845
|
-
setSignaturePadEmpty(true);
|
|
13846
|
-
setSignatureValid(false);
|
|
13847
|
-
(_a = signaturePad === null || signaturePad === void 0 ? void 0 : signaturePad.current) === null || _a === void 0 ? void 0 : _a.clear();
|
|
13848
|
-
onClearSignaturePadClicked === null || onClearSignaturePadClicked === void 0 ? void 0 : onClearSignaturePadClicked();
|
|
13849
|
-
},
|
|
13821
|
+
onClick: onClearBtnClicked,
|
|
13850
13822
|
finished: true
|
|
13851
13823
|
}, verbiage.clearSignatureBtnText), /*#__PURE__*/React__namespace.default.createElement(AcceptBtn, {
|
|
13852
13824
|
variant: "positive",
|
|
13853
13825
|
className: classNames.acceptSignatureBtn,
|
|
13854
13826
|
disabled: !canSubmit,
|
|
13855
|
-
onClick:
|
|
13827
|
+
onClick: onAcceptBtnClicked,
|
|
13856
13828
|
finished: true
|
|
13857
|
-
}, verbiage.acceptSignatureBtnText))))
|
|
13829
|
+
}, verbiage.acceptSignatureBtnText))));
|
|
13858
13830
|
}
|
|
13859
|
-
var
|
|
13860
|
-
|
|
13861
|
-
return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
|
|
13862
|
-
});
|
|
13863
|
-
var Inner$1 = styled__default.default.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"])));
|
|
13864
|
-
var FaceGuideContainer$1 = styled__default.default.div(templateObject_3$8 || (templateObject_3$8 = __makeTemplateObject(["\n position: relative;\n height: 50%;\n"], ["\n position: relative;\n height: 50%;\n"])));
|
|
13865
|
-
var StyledSelfieCaptureAnimatedMask = styled__default.default(SelfieCaptureAnimatedMaskWithStatus)(templateObject_4$3 || (templateObject_4$3 = __makeTemplateObject(["\n max-width: 100%;\n height: 100%;\n"], ["\n max-width: 100%;\n height: 100%;\n"])));
|
|
13866
|
-
var SignaturePadContainer = styled__default.default.div(templateObject_5$3 || (templateObject_5$3 = __makeTemplateObject(["\n position: relative;\n max-width: 100%;\n height: 50%;\n aspect-ratio: 2;\n"], ["\n position: relative;\n max-width: 100%;\n height: 50%;\n aspect-ratio: 2;\n"])));
|
|
13867
|
-
var SignatureCanvasContainer = styled__default.default.div(templateObject_6$2 || (templateObject_6$2 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: calc(100% - 67px);\n ", "\n ", "\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: calc(100% - 67px);\n ", "\n ", "\n"])), function (props) {
|
|
13831
|
+
var SignaturePadContainer = styled__default.default.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"])));
|
|
13832
|
+
var SignatureCanvasContainer = styled__default.default.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) {
|
|
13868
13833
|
return props.$disabled ? 'opacity: 0.5; pointer-events: none;' : '';
|
|
13869
13834
|
}, function (props) {
|
|
13870
13835
|
return props.$headTrackingUnsatisfied ? 'pointer-events: none;' : '';
|
|
13871
13836
|
});
|
|
13872
|
-
var AcceptBtn = styled__default.default(LoaderButton)(
|
|
13873
|
-
var SignaturePadContentContainer = styled__default.default.div(
|
|
13874
|
-
var SignaturePadContentInner = styled__default.default.div(
|
|
13837
|
+
var AcceptBtn = styled__default.default(LoaderButton)(templateObject_3$9 || (templateObject_3$9 = __makeTemplateObject(["\n margin-left: auto;\n"], ["\n margin-left: auto;\n"])));
|
|
13838
|
+
var SignaturePadContentContainer = styled__default.default.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"])));
|
|
13839
|
+
var SignaturePadContentInner = styled__default.default.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) {
|
|
13875
13840
|
var _a, _b, _c;
|
|
13876
13841
|
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';
|
|
13877
13842
|
});
|
|
13878
|
-
var templateObject_1$
|
|
13843
|
+
var templateObject_1$c, templateObject_2$a, templateObject_3$9, templateObject_4$4, templateObject_5$3;
|
|
13844
|
+
|
|
13845
|
+
function VideoSignatureGuides(_a) {
|
|
13846
|
+
var onAcceptBtnClicked = _a.onAcceptBtnClicked,
|
|
13847
|
+
onClearBtnClicked = _a.onClearBtnClicked,
|
|
13848
|
+
_b = _a.requestedAction,
|
|
13849
|
+
requestedAction = _b === void 0 ? 'VERIFY_LIVENESS' : _b,
|
|
13850
|
+
_c = _a.faceGuideStatus,
|
|
13851
|
+
faceGuideStatus = _c === void 0 ? 'success' : _c,
|
|
13852
|
+
faceGuideBorderWidth = _a.faceGuideBorderWidth,
|
|
13853
|
+
faceGuideBorderColor = _a.faceGuideBorderColor,
|
|
13854
|
+
_d = _a.minSignaturePadPoints,
|
|
13855
|
+
minSignaturePadPoints = _d === void 0 ? DEFAULT_MIN_SIGNATURE_PAD_POINTS : _d,
|
|
13856
|
+
_e = _a.headTrackingSatisfied,
|
|
13857
|
+
headTrackingSatisfied = _e === void 0 ? true : _e,
|
|
13858
|
+
_f = _a.classNames,
|
|
13859
|
+
classNames = _f === void 0 ? {} : _f,
|
|
13860
|
+
verbiage = _a.verbiage;
|
|
13861
|
+
return /*#__PURE__*/React__namespace.default.createElement(Container$3, {
|
|
13862
|
+
className: classNames.container
|
|
13863
|
+
}, /*#__PURE__*/React__namespace.default.createElement(Inner$1, {
|
|
13864
|
+
className: classNames.inner
|
|
13865
|
+
}, /*#__PURE__*/React__namespace.default.createElement(FaceGuideContainer$1, {
|
|
13866
|
+
className: classNames.faceGuideContainer
|
|
13867
|
+
}, /*#__PURE__*/React__namespace.default.createElement(StyledSelfieCaptureAnimatedMask, {
|
|
13868
|
+
className: classNames.faceGuide,
|
|
13869
|
+
status: requestedAction === 'VERIFY_LIVENESS' ? faceGuideStatus : 'success',
|
|
13870
|
+
borderWidth: faceGuideBorderWidth,
|
|
13871
|
+
borderColor: faceGuideBorderColor,
|
|
13872
|
+
verticalAlign: "bottom"
|
|
13873
|
+
})), /*#__PURE__*/React__namespace.default.createElement(VideoSignaturePad, {
|
|
13874
|
+
onAcceptBtnClicked: onAcceptBtnClicked,
|
|
13875
|
+
onClearBtnClicked: onClearBtnClicked,
|
|
13876
|
+
disabled: requestedAction !== 'CAPTURE_SIGNATURE',
|
|
13877
|
+
headTrackingSatisfied: headTrackingSatisfied,
|
|
13878
|
+
minSignaturePadPoints: minSignaturePadPoints,
|
|
13879
|
+
classNames: classNames,
|
|
13880
|
+
verbiage: verbiage
|
|
13881
|
+
})));
|
|
13882
|
+
}
|
|
13883
|
+
var Container$3 = styled__default.default.div(templateObject_1$b || (templateObject_1$b = __makeTemplateObject(["\n display: flex;\n max-height: 100%;\n position: absolute;\n z-index: 1000;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n font-family: ", ";\n box-sizing: border-box;\n overflow: hidden;\n padding: 40px;\n"], ["\n display: flex;\n max-height: 100%;\n position: absolute;\n z-index: 1000;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n font-family: ", ";\n box-sizing: border-box;\n overflow: hidden;\n padding: 40px;\n"])), function (props) {
|
|
13884
|
+
var _a;
|
|
13885
|
+
return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
|
|
13886
|
+
});
|
|
13887
|
+
var Inner$1 = styled__default.default.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"])));
|
|
13888
|
+
var FaceGuideContainer$1 = styled__default.default.div(templateObject_3$8 || (templateObject_3$8 = __makeTemplateObject(["\n position: relative;\n height: 50%;\n"], ["\n position: relative;\n height: 50%;\n"])));
|
|
13889
|
+
var StyledSelfieCaptureAnimatedMask = styled__default.default(SelfieCaptureAnimatedMaskWithStatus)(templateObject_4$3 || (templateObject_4$3 = __makeTemplateObject(["\n max-width: 100%;\n height: 100%;\n"], ["\n max-width: 100%;\n height: 100%;\n"])));
|
|
13890
|
+
var templateObject_1$b, templateObject_2$9, templateObject_3$8, templateObject_4$3;
|
|
13879
13891
|
|
|
13880
13892
|
var DEFAULT_MIN_SIGNATURE_PAD_POINTS = 10;
|
|
13881
13893
|
var DEFAULT_HEAD_TRACKING_BOUNDARY_PERCENTAGE = 0.01;
|
|
13894
|
+
var DEFAULT_HEAD_TRACKING_BOUNDARY_TYPE = 'head';
|
|
13882
13895
|
var VideoSignatureCapture = function VideoSignatureCapture(_a) {
|
|
13883
13896
|
var onSignatureVideoCaptured = _a.onSignatureVideoCaptured,
|
|
13884
13897
|
onFaceNotDetected = _a.onFaceNotDetected,
|
|
@@ -13890,17 +13903,19 @@ var VideoSignatureCapture = function VideoSignatureCapture(_a) {
|
|
|
13890
13903
|
minSignaturePadPoints = _c === void 0 ? DEFAULT_MIN_SIGNATURE_PAD_POINTS : _c,
|
|
13891
13904
|
_d = _a.headTrackingBoundaryPercentage,
|
|
13892
13905
|
headTrackingBoundaryPercentage = _d === void 0 ? DEFAULT_HEAD_TRACKING_BOUNDARY_PERCENTAGE : _d,
|
|
13893
|
-
_e = _a.
|
|
13894
|
-
|
|
13895
|
-
_f = _a.
|
|
13896
|
-
|
|
13897
|
-
_g = _a.
|
|
13898
|
-
|
|
13899
|
-
_h = _a.
|
|
13900
|
-
|
|
13901
|
-
_j = _a.
|
|
13902
|
-
|
|
13903
|
-
|
|
13906
|
+
_e = _a.headTrackingBoundaryType,
|
|
13907
|
+
headTrackingBoundaryType = _e === void 0 ? DEFAULT_HEAD_TRACKING_BOUNDARY_TYPE : _e,
|
|
13908
|
+
_f = _a.captureAudio,
|
|
13909
|
+
captureAudio = _f === void 0 ? false : _f,
|
|
13910
|
+
_g = _a.classNames,
|
|
13911
|
+
classNames = _g === void 0 ? {} : _g,
|
|
13912
|
+
_h = _a.colors,
|
|
13913
|
+
colors = _h === void 0 ? {} : _h,
|
|
13914
|
+
_j = _a.verbiage,
|
|
13915
|
+
rawVerbiage = _j === void 0 ? {} : _j,
|
|
13916
|
+
_k = _a.debugMode,
|
|
13917
|
+
debugMode = _k === void 0 ? false : _k;
|
|
13918
|
+
var _l = useCameraStore(shallow.useShallow(function (state) {
|
|
13904
13919
|
return {
|
|
13905
13920
|
camera: state.camera,
|
|
13906
13921
|
audioStream: state.audioStream,
|
|
@@ -13908,19 +13923,19 @@ var VideoSignatureCapture = function VideoSignatureCapture(_a) {
|
|
|
13908
13923
|
videoHeight: state.videoHeight
|
|
13909
13924
|
};
|
|
13910
13925
|
})),
|
|
13911
|
-
camera =
|
|
13912
|
-
audioStream =
|
|
13913
|
-
videoWidth =
|
|
13914
|
-
videoHeight =
|
|
13915
|
-
var
|
|
13916
|
-
onHeadTrackingPredictionMade =
|
|
13917
|
-
startHeadTracking =
|
|
13918
|
-
stopHeadTracking =
|
|
13919
|
-
var
|
|
13920
|
-
startRecording =
|
|
13921
|
-
stopRecording =
|
|
13922
|
-
clearRecordedData =
|
|
13923
|
-
isRecording =
|
|
13926
|
+
camera = _l.camera,
|
|
13927
|
+
audioStream = _l.audioStream,
|
|
13928
|
+
videoWidth = _l.videoWidth,
|
|
13929
|
+
videoHeight = _l.videoHeight;
|
|
13930
|
+
var _m = useSelfieGuidanceModelsContext(),
|
|
13931
|
+
onHeadTrackingPredictionMade = _m.onPredictionMade,
|
|
13932
|
+
startHeadTracking = _m.start,
|
|
13933
|
+
stopHeadTracking = _m.stop;
|
|
13934
|
+
var _o = useVideoSignatureStore(),
|
|
13935
|
+
startRecording = _o.startRecording,
|
|
13936
|
+
stopRecording = _o.stopRecording,
|
|
13937
|
+
clearRecordedData = _o.clearRecordedData,
|
|
13938
|
+
isRecording = _o.isRecording;
|
|
13924
13939
|
React.useEffect(function () {
|
|
13925
13940
|
useVideoSignatureStore.setState({
|
|
13926
13941
|
onSignatureVideoCaptured: onSignatureVideoCaptured
|
|
@@ -13940,31 +13955,35 @@ var VideoSignatureCapture = function VideoSignatureCapture(_a) {
|
|
|
13940
13955
|
var verbiage = useTranslations(rawVerbiage, {
|
|
13941
13956
|
guidanceMessageText: 'Please sign the box below'
|
|
13942
13957
|
});
|
|
13943
|
-
var
|
|
13944
|
-
headTrackingSatisfied =
|
|
13945
|
-
setHeadTrackingSatisfied =
|
|
13946
|
-
var
|
|
13947
|
-
lastFace =
|
|
13948
|
-
setLastFace =
|
|
13949
|
-
var
|
|
13950
|
-
numFramesWithoutFaces =
|
|
13951
|
-
setNumFramesWithoutFaces =
|
|
13958
|
+
var _p = React.useState(true),
|
|
13959
|
+
headTrackingSatisfied = _p[0],
|
|
13960
|
+
setHeadTrackingSatisfied = _p[1];
|
|
13961
|
+
var _q = React.useState(null),
|
|
13962
|
+
lastFace = _q[0],
|
|
13963
|
+
setLastFace = _q[1];
|
|
13964
|
+
var _r = React.useState(0),
|
|
13965
|
+
numFramesWithoutFaces = _r[0],
|
|
13966
|
+
setNumFramesWithoutFaces = _r[1];
|
|
13952
13967
|
onHeadTrackingPredictionMade(useDebounce.useThrottledCallback(React.useCallback(function (_a) {
|
|
13953
13968
|
var face = _a.face;
|
|
13954
13969
|
if (!camera) return;
|
|
13955
|
-
var
|
|
13970
|
+
var leftEdge = videoWidth * headTrackingBoundaryPercentage;
|
|
13971
|
+
var rightEdge = videoWidth * (1 - headTrackingBoundaryPercentage);
|
|
13972
|
+
var topEdge = videoHeight * headTrackingBoundaryPercentage;
|
|
13973
|
+
var bottomEdge = videoHeight * (1 - headTrackingBoundaryPercentage);
|
|
13974
|
+
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);
|
|
13956
13975
|
setLastFace(face);
|
|
13957
13976
|
setHeadTrackingSatisfied(!!face && !nearBoundary);
|
|
13958
13977
|
setNumFramesWithoutFaces(face ? 0 : function (n) {
|
|
13959
13978
|
return n + 1;
|
|
13960
13979
|
});
|
|
13961
|
-
}, [camera, headTrackingBoundaryPercentage, videoHeight, videoWidth]), 16));
|
|
13962
|
-
var
|
|
13963
|
-
ref =
|
|
13964
|
-
|
|
13965
|
-
width =
|
|
13966
|
-
|
|
13967
|
-
height =
|
|
13980
|
+
}, [camera, headTrackingBoundaryPercentage, headTrackingBoundaryType, videoHeight, videoWidth]), 16));
|
|
13981
|
+
var _s = useResizeObserver(),
|
|
13982
|
+
ref = _s.ref,
|
|
13983
|
+
_t = _s.width,
|
|
13984
|
+
width = _t === void 0 ? 1 : _t,
|
|
13985
|
+
_u = _s.height,
|
|
13986
|
+
height = _u === void 0 ? 1 : _u;
|
|
13968
13987
|
var debugScalingDetails = useDebugScalingDetails({
|
|
13969
13988
|
enabled: debugMode,
|
|
13970
13989
|
pageWidth: width,
|
|
@@ -13993,7 +14012,7 @@ var VideoSignatureCapture = function VideoSignatureCapture(_a) {
|
|
|
13993
14012
|
headTrackingSatisfied: headTrackingSatisfied,
|
|
13994
14013
|
classNames: classNames.guides,
|
|
13995
14014
|
verbiage: rawVerbiage.guides,
|
|
13996
|
-
|
|
14015
|
+
onClearBtnClicked: restartVideoOnSignaturePadCleared ? function () {
|
|
13997
14016
|
return setTimeout(clearRecordedData, 100);
|
|
13998
14017
|
} : undefined
|
|
13999
14018
|
}), debugMode && ( /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(ObjectDetectionDebugOverlayDiv, null, lastFace && ( /*#__PURE__*/React__namespace.default.createElement(SelfieCaptureFaceDebugBox, {
|
|
@@ -14261,44 +14280,47 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
|
14261
14280
|
minSignaturePadPoints = _e === void 0 ? DEFAULT_MIN_SIGNATURE_PAD_POINTS : _e,
|
|
14262
14281
|
_f = _a.headTrackingBoundaryPercentage,
|
|
14263
14282
|
headTrackingBoundaryPercentage = _f === void 0 ? DEFAULT_HEAD_TRACKING_BOUNDARY_PERCENTAGE : _f,
|
|
14264
|
-
_g = _a.
|
|
14265
|
-
|
|
14266
|
-
_h = _a.
|
|
14267
|
-
|
|
14268
|
-
_j = _a.
|
|
14269
|
-
|
|
14283
|
+
_g = _a.headTrackingBoundaryType,
|
|
14284
|
+
headTrackingBoundaryType = _g === void 0 ? DEFAULT_HEAD_TRACKING_BOUNDARY_TYPE : _g,
|
|
14285
|
+
_h = _a.allowSignatureAfterLivenessCheckFailure,
|
|
14286
|
+
allowSignatureAfterLivenessCheckFailure = _h === void 0 ? false : _h,
|
|
14287
|
+
_j = _a.restartVideoOnSignaturePadCleared,
|
|
14288
|
+
restartVideoOnSignaturePadCleared = _j === void 0 ? true : _j,
|
|
14289
|
+
_k = _a.skipLivenessValidation,
|
|
14290
|
+
skipLivenessValidation = _k === void 0 ? false : _k,
|
|
14270
14291
|
faceLivenessProps = _a.faceLivenessProps,
|
|
14271
|
-
|
|
14272
|
-
|
|
14273
|
-
|
|
14274
|
-
|
|
14275
|
-
|
|
14276
|
-
|
|
14277
|
-
|
|
14278
|
-
|
|
14279
|
-
|
|
14280
|
-
|
|
14281
|
-
|
|
14282
|
-
|
|
14283
|
-
|
|
14284
|
-
|
|
14285
|
-
|
|
14286
|
-
|
|
14287
|
-
|
|
14292
|
+
guidesComponent = _a.guidesComponent,
|
|
14293
|
+
_l = _a.assets,
|
|
14294
|
+
assets = _l === void 0 ? {} : _l,
|
|
14295
|
+
_m = _a.classNames,
|
|
14296
|
+
classNames = _m === void 0 ? {} : _m,
|
|
14297
|
+
_o = _a.colors,
|
|
14298
|
+
colors = _o === void 0 ? {} : _o,
|
|
14299
|
+
_p = _a.verbiage,
|
|
14300
|
+
verbiage = _p === void 0 ? {} : _p,
|
|
14301
|
+
_q = _a.debugMode,
|
|
14302
|
+
debugMode = _q === void 0 ? false : _q;
|
|
14303
|
+
var _r = useSubmissionContext(),
|
|
14304
|
+
selfieImage = _r.selfieImage,
|
|
14305
|
+
setSelfieImage = _r.setSelfieImage,
|
|
14306
|
+
setSignatureData = _r.setSignatureData,
|
|
14307
|
+
setSignatureVideoUrl = _r.setSignatureVideoUrl,
|
|
14308
|
+
logSelfieCaptureAttempt = _r.logSelfieCaptureAttempt,
|
|
14309
|
+
uploadDocument = _r.uploadDocument;
|
|
14288
14310
|
var cameraAccessDenied = useCameraStore(shallow.useShallow(function (state) {
|
|
14289
14311
|
return {
|
|
14290
14312
|
cameraAccessDenied: state.cameraAccessDenied
|
|
14291
14313
|
};
|
|
14292
14314
|
})).cameraAccessDenied;
|
|
14293
|
-
var
|
|
14294
|
-
captureState =
|
|
14295
|
-
setCaptureState =
|
|
14315
|
+
var _s = React.useState(skipLivenessValidation ? 'CAPTURING_SELFIE' : 'CHECKING_LIVENESS'),
|
|
14316
|
+
captureState = _s[0],
|
|
14317
|
+
setCaptureState = _s[1];
|
|
14296
14318
|
var operationStartedAt = React.useRef();
|
|
14297
14319
|
var captureStartedAt = React.useRef();
|
|
14298
14320
|
var captureEndedAt = React.useRef();
|
|
14299
|
-
var
|
|
14300
|
-
start =
|
|
14301
|
-
stop =
|
|
14321
|
+
var _t = useSelfieGuidanceModelsContext(),
|
|
14322
|
+
start = _t.start,
|
|
14323
|
+
stop = _t.stop;
|
|
14302
14324
|
React.useEffect(function () {
|
|
14303
14325
|
operationStartedAt.current = new Date();
|
|
14304
14326
|
}, []);
|
|
@@ -14342,9 +14364,9 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
|
14342
14364
|
filetype: 'image/jpeg'
|
|
14343
14365
|
}).then(onSelfieCaptured);
|
|
14344
14366
|
}, [logCaptureMetadata, onSelfieCaptured, setSelfieImage, uploadDocument]);
|
|
14345
|
-
var
|
|
14346
|
-
signatureImageUrl =
|
|
14347
|
-
setSignatureImageUrl =
|
|
14367
|
+
var _u = React.useState(null),
|
|
14368
|
+
signatureImageUrl = _u[0],
|
|
14369
|
+
setSignatureImageUrl = _u[1];
|
|
14348
14370
|
var onSignatureCaptureCompleted = React.useCallback(function (videoData, signatureData, signatureImageData) {
|
|
14349
14371
|
setSignatureData(signatureData);
|
|
14350
14372
|
setSignatureVideoUrl(URL.createObjectURL(videoData));
|
|
@@ -14352,17 +14374,17 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
|
14352
14374
|
setCaptureState('SUCCESS');
|
|
14353
14375
|
onVideoCaptured === null || onVideoCaptured === void 0 ? void 0 : onVideoCaptured(videoData, signatureData, signatureImageData);
|
|
14354
14376
|
}, [onVideoCaptured, setSignatureData, setSignatureVideoUrl]);
|
|
14355
|
-
var
|
|
14356
|
-
showLoadingOverlay =
|
|
14357
|
-
setShowLoadingOverlay =
|
|
14377
|
+
var _v = React.useState(true),
|
|
14378
|
+
showLoadingOverlay = _v[0],
|
|
14379
|
+
setShowLoadingOverlay = _v[1];
|
|
14358
14380
|
var onSignatureCaptureFacesNotDetected = React.useCallback(function () {
|
|
14359
14381
|
setShowLoadingOverlay(false);
|
|
14360
14382
|
setCaptureState(skipLivenessValidation ? 'CAPTURING_SELFIE' : 'CHECKING_LIVENESS');
|
|
14361
14383
|
useVideoSignatureStore.getState().clearRecordedData();
|
|
14362
14384
|
}, [skipLivenessValidation]);
|
|
14363
|
-
var
|
|
14364
|
-
attempt =
|
|
14365
|
-
setAttempt =
|
|
14385
|
+
var _w = React.useState(0),
|
|
14386
|
+
attempt = _w[0],
|
|
14387
|
+
setAttempt = _w[1];
|
|
14366
14388
|
var onRetry = React.useCallback(function () {
|
|
14367
14389
|
onRetryClicked === null || onRetryClicked === void 0 ? void 0 : onRetryClicked();
|
|
14368
14390
|
setAttempt(function (n) {
|
|
@@ -14387,14 +14409,15 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
|
14387
14409
|
setCaptureState(skipLivenessValidation ? 'CAPTURING_SELFIE' : 'CHECKING_LIVENESS');
|
|
14388
14410
|
}
|
|
14389
14411
|
}, [cameraAccessDenied, skipLivenessValidation]);
|
|
14390
|
-
var
|
|
14412
|
+
var resolvedGuidesComponent = React.useCallback(function (props) {
|
|
14391
14413
|
return /*#__PURE__*/React__namespace.default.createElement(VideoSignatureWizardGuides, _assign({}, props, {
|
|
14392
14414
|
classNames: classNames === null || classNames === void 0 ? void 0 : classNames.guides,
|
|
14393
14415
|
verbiage: verbiage === null || verbiage === void 0 ? void 0 : verbiage.guides,
|
|
14394
14416
|
restartVideoOnSignaturePadCleared: restartVideoOnSignaturePadCleared,
|
|
14395
|
-
captureAudio: captureAudio
|
|
14417
|
+
captureAudio: captureAudio,
|
|
14418
|
+
component: guidesComponent
|
|
14396
14419
|
}));
|
|
14397
|
-
}, [captureAudio, classNames === null || classNames === void 0 ? void 0 : classNames.guides, restartVideoOnSignaturePadCleared, verbiage === null || verbiage === void 0 ? void 0 : verbiage.guides]);
|
|
14420
|
+
}, [captureAudio, classNames === null || classNames === void 0 ? void 0 : classNames.guides, guidesComponent, restartVideoOnSignaturePadCleared, verbiage === null || verbiage === void 0 ? void 0 : verbiage.guides]);
|
|
14398
14421
|
var onExitAfterFailureProp = faceLivenessProps === null || faceLivenessProps === void 0 ? void 0 : faceLivenessProps.onExitAfterFailure;
|
|
14399
14422
|
var onExitAfterFailure = React.useCallback(function (resp, req) {
|
|
14400
14423
|
onExitAfterFailureProp === null || onExitAfterFailureProp === void 0 ? void 0 : onExitAfterFailureProp(resp, req);
|
|
@@ -14429,7 +14452,7 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
|
14429
14452
|
showLoadingOverlay: showLoadingOverlay,
|
|
14430
14453
|
customOverlayContent: customOverlayContent,
|
|
14431
14454
|
loadingOverlayMode: loadingOverlayMode,
|
|
14432
|
-
guidesComponent:
|
|
14455
|
+
guidesComponent: resolvedGuidesComponent,
|
|
14433
14456
|
assets: assets.faceLiveness,
|
|
14434
14457
|
classNames: classNames.faceLiveness,
|
|
14435
14458
|
colors: colors.faceLiveness,
|
|
@@ -14451,7 +14474,7 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
|
14451
14474
|
showLoadingOverlay: showLoadingOverlay,
|
|
14452
14475
|
customOverlayContent: customOverlayContent,
|
|
14453
14476
|
loadingOverlayMode: loadingOverlayMode,
|
|
14454
|
-
guidesComponent:
|
|
14477
|
+
guidesComponent: resolvedGuidesComponent,
|
|
14455
14478
|
assets: assets.faceLiveness,
|
|
14456
14479
|
classNames: classNames.faceLiveness,
|
|
14457
14480
|
colors: colors.faceLiveness,
|
|
@@ -14466,8 +14489,9 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
|
14466
14489
|
onExit: onExitSignatureCapture,
|
|
14467
14490
|
minSignaturePadPoints: minSignaturePadPoints,
|
|
14468
14491
|
headTrackingBoundaryPercentage: headTrackingBoundaryPercentage,
|
|
14492
|
+
headTrackingBoundaryType: headTrackingBoundaryType,
|
|
14469
14493
|
restartVideoOnSignaturePadCleared: restartVideoOnSignaturePadCleared,
|
|
14470
|
-
guidesComponent:
|
|
14494
|
+
guidesComponent: resolvedGuidesComponent,
|
|
14471
14495
|
captureAudio: captureAudio,
|
|
14472
14496
|
classNames: classNames,
|
|
14473
14497
|
colors: colors,
|
|
@@ -14495,22 +14519,42 @@ function VideoSignatureWizardGuides(_a) {
|
|
|
14495
14519
|
restartVideoOnSignaturePadCleared = _b === void 0 ? true : _b,
|
|
14496
14520
|
_c = _a.captureAudio,
|
|
14497
14521
|
captureAudio = _c === void 0 ? false : _c,
|
|
14498
|
-
|
|
14522
|
+
component = _a.component,
|
|
14523
|
+
props = __rest(_a, ["status", "restartVideoOnSignaturePadCleared", "captureAudio", "component"]);
|
|
14524
|
+
var Component = component !== null && component !== void 0 ? component : VideoSignatureGuides;
|
|
14499
14525
|
var _d = useCameraStore(),
|
|
14500
14526
|
camera = _d.camera,
|
|
14501
14527
|
audioStream = _d.audioStream;
|
|
14502
|
-
function
|
|
14503
|
-
|
|
14504
|
-
|
|
14505
|
-
|
|
14528
|
+
var onAcceptBtnClicked = React.useCallback(function () {
|
|
14529
|
+
var signaturePad = useVideoSignatureStore.getState().signaturePad;
|
|
14530
|
+
if (!signaturePad.current) throw new Error('Signature pad not found');
|
|
14531
|
+
var signatureData = buildSignatureData(signaturePad.current);
|
|
14532
|
+
exportSignatureImage(signaturePad.current).then(function (imageUrl) {
|
|
14533
|
+
if (!imageUrl) throw new Error('Signature image not found');
|
|
14534
|
+
signatureData.fileContent = dataUrlToBase64Sync(imageUrl);
|
|
14535
|
+
useVideoSignatureStore.getState().stopRecording(signatureData, imageUrl);
|
|
14536
|
+
});
|
|
14537
|
+
}, []);
|
|
14538
|
+
var onClearBtnClicked = React.useCallback(function () {
|
|
14539
|
+
var _a, _b;
|
|
14540
|
+
useVideoSignatureStore.setState({
|
|
14541
|
+
signaturePadEmpty: true,
|
|
14542
|
+
signatureValid: false
|
|
14543
|
+
});
|
|
14544
|
+
(_b = (_a = useVideoSignatureStore.getState().signaturePad) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.clear();
|
|
14545
|
+
if (restartVideoOnSignaturePadCleared) {
|
|
14506
14546
|
setTimeout(function () {
|
|
14507
|
-
useVideoSignatureStore.getState().
|
|
14547
|
+
useVideoSignatureStore.getState().clearRecordedData();
|
|
14548
|
+
setTimeout(function () {
|
|
14549
|
+
useVideoSignatureStore.getState().startRecording(camera, audioStream, captureAudio);
|
|
14550
|
+
}, 100);
|
|
14508
14551
|
}, 100);
|
|
14509
|
-
}
|
|
14510
|
-
}
|
|
14511
|
-
return /*#__PURE__*/React__namespace.default.createElement(
|
|
14552
|
+
}
|
|
14553
|
+
}, [audioStream, camera, captureAudio, restartVideoOnSignaturePadCleared]);
|
|
14554
|
+
return /*#__PURE__*/React__namespace.default.createElement(Component, _assign({}, props, {
|
|
14512
14555
|
faceGuideStatus: status,
|
|
14513
|
-
|
|
14556
|
+
onAcceptBtnClicked: onAcceptBtnClicked,
|
|
14557
|
+
onClearBtnClicked: onClearBtnClicked,
|
|
14514
14558
|
requestedAction: status === 'success' ? 'CAPTURE_SIGNATURE' : 'VERIFY_LIVENESS'
|
|
14515
14559
|
}));
|
|
14516
14560
|
}
|
|
@@ -18272,24 +18316,27 @@ var SignatureKYC = function SignatureKYC(_a) {
|
|
|
18272
18316
|
minSignaturePadPoints = _f === void 0 ? DEFAULT_MIN_SIGNATURE_PAD_POINTS : _f,
|
|
18273
18317
|
_g = _a.headTrackingBoundaryPercentage,
|
|
18274
18318
|
headTrackingBoundaryPercentage = _g === void 0 ? DEFAULT_HEAD_TRACKING_BOUNDARY_PERCENTAGE : _g,
|
|
18275
|
-
_h = _a.
|
|
18276
|
-
|
|
18277
|
-
_j = _a.
|
|
18278
|
-
|
|
18279
|
-
_k = _a.
|
|
18280
|
-
|
|
18319
|
+
_h = _a.headTrackingBoundaryType,
|
|
18320
|
+
headTrackingBoundaryType = _h === void 0 ? DEFAULT_HEAD_TRACKING_BOUNDARY_TYPE : _h,
|
|
18321
|
+
_j = _a.modelLoadTimeoutMs,
|
|
18322
|
+
modelLoadTimeoutMs = _j === void 0 ? defaultSelfieCaptureModelLoadTimeoutMs : _j,
|
|
18323
|
+
_k = _a.allowSignatureAfterLivenessCheckFailure,
|
|
18324
|
+
allowSignatureAfterLivenessCheckFailure = _k === void 0 ? false : _k,
|
|
18325
|
+
_l = _a.restartVideoOnSignaturePadCleared,
|
|
18326
|
+
restartVideoOnSignaturePadCleared = _l === void 0 ? true : _l,
|
|
18281
18327
|
faceLivenessProps = _a.faceLivenessProps,
|
|
18282
|
-
|
|
18283
|
-
skipLivenessValidation =
|
|
18284
|
-
|
|
18285
|
-
|
|
18328
|
+
_m = _a.skipLivenessValidation,
|
|
18329
|
+
skipLivenessValidation = _m === void 0 ? false : _m,
|
|
18330
|
+
guidesComponent = _a.guidesComponent,
|
|
18331
|
+
_o = _a.theme,
|
|
18332
|
+
theme = _o === void 0 ? 'default' : _o,
|
|
18286
18333
|
classNames = _a.classNames,
|
|
18287
18334
|
colors = _a.colors,
|
|
18288
18335
|
verbiage = _a.verbiage,
|
|
18289
18336
|
geolocationEnabled = _a.geolocationEnabled,
|
|
18290
18337
|
geolocationRequired = _a.geolocationRequired,
|
|
18291
|
-
|
|
18292
|
-
debugMode =
|
|
18338
|
+
_p = _a.debugMode,
|
|
18339
|
+
debugMode = _p === void 0 ? false : _p;
|
|
18293
18340
|
useLanguage(lang);
|
|
18294
18341
|
useDebugLogging(debugMode);
|
|
18295
18342
|
return /*#__PURE__*/React__namespace.default.createElement(AuthProvider, {
|
|
@@ -18339,11 +18386,13 @@ var SignatureKYC = function SignatureKYC(_a) {
|
|
|
18339
18386
|
captureAudio: captureAudio,
|
|
18340
18387
|
minSignaturePadPoints: minSignaturePadPoints,
|
|
18341
18388
|
headTrackingBoundaryPercentage: headTrackingBoundaryPercentage,
|
|
18389
|
+
headTrackingBoundaryType: headTrackingBoundaryType,
|
|
18342
18390
|
modelLoadTimeoutMs: modelLoadTimeoutMs,
|
|
18343
18391
|
faceLivenessProps: faceLivenessProps,
|
|
18344
18392
|
allowSignatureAfterLivenessCheckFailure: allowSignatureAfterLivenessCheckFailure,
|
|
18345
18393
|
restartVideoOnSignaturePadCleared: restartVideoOnSignaturePadCleared,
|
|
18346
18394
|
skipLivenessValidation: skipLivenessValidation,
|
|
18395
|
+
guidesComponent: guidesComponent,
|
|
18347
18396
|
classNames: classNames,
|
|
18348
18397
|
colors: colors,
|
|
18349
18398
|
debugMode: debugMode,
|
|
@@ -18351,7 +18400,7 @@ var SignatureKYC = function SignatureKYC(_a) {
|
|
|
18351
18400
|
onModelError: onModelError,
|
|
18352
18401
|
onUserCancel: onUserCancel
|
|
18353
18402
|
};
|
|
18354
|
-
}, [onLoadingStarted, onLoadingProgress, onLoadingCompleted, onSelfieCaptured, customOverlayContent, onLoadingOverlayDismissed, loadingOverlayMode, skipSuccessScreen, captureAudio, minSignaturePadPoints, headTrackingBoundaryPercentage, modelLoadTimeoutMs, faceLivenessProps, allowSignatureAfterLivenessCheckFailure, restartVideoOnSignaturePadCleared, skipLivenessValidation, classNames, colors, debugMode, verbiage, onModelError, onUserCancel])
|
|
18403
|
+
}, [onLoadingStarted, onLoadingProgress, onLoadingCompleted, onSelfieCaptured, customOverlayContent, onLoadingOverlayDismissed, loadingOverlayMode, skipSuccessScreen, captureAudio, minSignaturePadPoints, headTrackingBoundaryPercentage, headTrackingBoundaryType, modelLoadTimeoutMs, faceLivenessProps, allowSignatureAfterLivenessCheckFailure, restartVideoOnSignaturePadCleared, skipLivenessValidation, guidesComponent, classNames, colors, debugMode, verbiage, onModelError, onUserCancel])
|
|
18355
18404
|
})))));
|
|
18356
18405
|
};
|
|
18357
18406
|
|