idmission-web-sdk 2.2.174 → 2.2.176
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/signature_capture/SignatureCapture.d.ts.map +1 -1
- package/dist/components/submission/SubmissionSuccess.d.ts.map +1 -1
- package/dist/components/video_id/IdVideoCapture.d.ts.map +1 -1
- package/dist/components/video_id/IdVideoCaptureGuides.d.ts.map +1 -1
- package/dist/lib/locales/de.d.ts +1 -1
- package/dist/lib/locales/es.d.ts +2 -2
- package/dist/lib/locales/fr.d.ts +2 -2
- package/dist/lib/locales/index.d.ts +15 -15
- package/dist/lib/locales/it.d.ts +2 -2
- package/dist/lib/locales/ja.d.ts +2 -2
- package/dist/lib/locales/pt.d.ts +2 -2
- package/dist/lib/locales/ru.d.ts +2 -2
- package/dist/lib/locales/zh.d.ts +2 -2
- package/dist/sdk2.cjs.development.js +204 -200
- 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 +204 -200
- package/dist/sdk2.esm.js.map +1 -1
- package/dist/sdk2.umd.development.js +204 -200
- 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 +1 -1
package/dist/sdk2.esm.js
CHANGED
|
@@ -204,7 +204,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
|
|
|
204
204
|
return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
|
|
205
205
|
};
|
|
206
206
|
|
|
207
|
-
var webSdkVersion = '2.2.
|
|
207
|
+
var webSdkVersion = '2.2.176';
|
|
208
208
|
|
|
209
209
|
function getPlatform() {
|
|
210
210
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
@@ -424,16 +424,16 @@ var LoaderButton = function LoaderButton(_a) {
|
|
|
424
424
|
className: "ladda-label"
|
|
425
425
|
}, children));
|
|
426
426
|
};
|
|
427
|
-
var StyledButton = styled.button(templateObject_1$O || (templateObject_1$O = __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) {
|
|
427
|
+
var StyledButton = styled.button(templateObject_1$P || (templateObject_1$P = __makeTemplateObject(["\n ", "\n\n /*!\n * Ladda\n * http://lab.hakim.se/ladda\n * MIT licensed\n *\n * Copyright (C) 2018 Hakim El Hattab, http://hakim.se\n */\n\n position: relative;\n\n .ladda-spinner {\n position: absolute;\n z-index: 2;\n display: inline-block;\n width: 32px;\n top: 50%;\n margin-top: 0;\n opacity: 0;\n pointer-events: none;\n }\n .ladda-label {\n position: relative;\n z-index: 3;\n }\n .ladda-progress {\n position: absolute;\n width: 0;\n height: 100%;\n left: 0;\n top: 0;\n background: rgba(0, 0, 0, 0.2);\n display: none;\n transition: 0.1s linear all !important;\n }\n &[data-loading] .ladda-progress {\n display: block;\n }\n\n transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;\n\n .ladda-spinner,\n .ladda-label {\n transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;\n }\n &[data-style='zoom-in'],\n &[data-style='zoom-in'] .ladda-spinner,\n &[data-style='zoom-in'] .ladda-label,\n &[data-style='zoom-out'],\n &[data-style='zoom-out'] .ladda-spinner,\n &[data-style='zoom-out'] .ladda-label {\n transition: 0.3s ease all !important;\n }\n &[data-style='expand-right'] .ladda-spinner {\n right: -6px;\n }\n &[data-style='expand-right'][data-size='s'] .ladda-spinner,\n &[data-style='expand-right'][data-size='xs'] .ladda-spinner {\n right: -12px;\n }\n &[data-style='expand-right'][data-loading] {\n padding-right: 56px;\n }\n &[data-style='expand-right'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='expand-right'][data-loading][data-size='s'],\n &[data-style='expand-right'][data-loading][data-size='xs'] {\n padding-right: 40px;\n }\n &[data-style='expand-left'] .ladda-spinner {\n left: 26px;\n }\n &[data-style='expand-left'][data-size='s'] .ladda-spinner,\n &[data-style='expand-left'][data-size='xs'] .ladda-spinner {\n left: 4px;\n }\n &[data-style='expand-left'][data-loading] {\n padding-left: 56px;\n }\n &[data-style='expand-left'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='expand-left'][data-loading][data-size='s'],\n &[data-style='expand-left'][data-loading][data-size='xs'] {\n padding-left: 40px;\n }\n &[data-style='expand-up'] {\n overflow: hidden;\n }\n &[data-style='expand-up'] .ladda-spinner {\n top: -32px;\n left: 50%;\n margin-left: 0;\n }\n &[data-style='expand-up'][data-loading] {\n padding-top: 54px;\n }\n &[data-style='expand-up'][data-loading] .ladda-spinner {\n opacity: 1;\n top: 26px;\n margin-top: 0;\n }\n &[data-style='expand-up'][data-loading][data-size='s'],\n &[data-style='expand-up'][data-loading][data-size='xs'] {\n padding-top: 32px;\n }\n &[data-style='expand-up'][data-loading][data-size='s'] .ladda-spinner,\n &[data-style='expand-up'][data-loading][data-size='xs'] .ladda-spinner {\n top: 4px;\n }\n &[data-style='expand-down'] {\n overflow: hidden;\n }\n &[data-style='expand-down'] .ladda-spinner {\n top: 62px;\n left: 50%;\n margin-left: 0;\n }\n &[data-style='expand-down'][data-size='s'] .ladda-spinner,\n &[data-style='expand-down'][data-size='xs'] .ladda-spinner {\n top: 40px;\n }\n &[data-style='expand-down'][data-loading] {\n padding-bottom: 54px;\n }\n &[data-style='expand-down'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='expand-down'][data-loading][data-size='s'],\n &[data-style='expand-down'][data-loading][data-size='xs'] {\n padding-bottom: 32px;\n }\n &[data-style='slide-left'] {\n overflow: hidden;\n }\n &[data-style='slide-left'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-left'] .ladda-spinner {\n left: 100%;\n margin-left: 0;\n }\n &[data-style='slide-left'][data-loading] .ladda-label {\n opacity: 0;\n left: -100%;\n }\n &[data-style='slide-left'][data-loading] .ladda-spinner {\n opacity: 1;\n left: 50%;\n }\n &[data-style='slide-right'] {\n overflow: hidden;\n }\n &[data-style='slide-right'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-right'] .ladda-spinner {\n right: 100%;\n margin-left: 0;\n left: 16px;\n }\n [dir='rtl'] &[data-style='slide-right'] .ladda-spinner {\n right: auto;\n }\n &[data-style='slide-right'][data-loading] .ladda-label {\n opacity: 0;\n left: 100%;\n }\n &[data-style='slide-right'][data-loading] .ladda-spinner {\n opacity: 1;\n left: 50%;\n }\n &[data-style='slide-up'] {\n overflow: hidden;\n }\n &[data-style='slide-up'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-up'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n margin-top: 1em;\n }\n &[data-style='slide-up'][data-loading] .ladda-label {\n opacity: 0;\n top: -1em;\n }\n &[data-style='slide-up'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-top: 0;\n }\n &[data-style='slide-down'] {\n overflow: hidden;\n }\n &[data-style='slide-down'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-down'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n margin-top: -2em;\n }\n &[data-style='slide-down'][data-loading] .ladda-label {\n opacity: 0;\n top: 1em;\n }\n &[data-style='slide-down'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-top: 0;\n }\n &[data-style='zoom-out'] {\n overflow: hidden;\n }\n &[data-style='zoom-out'] .ladda-spinner {\n left: 50%;\n margin-left: 32px;\n transform: scale(2.5);\n }\n &[data-style='zoom-out'] .ladda-label {\n position: relative;\n display: inline-block;\n }\n &[data-style='zoom-out'][data-loading] .ladda-label {\n opacity: 0;\n transform: scale(0.5);\n }\n &[data-style='zoom-out'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-left: 0;\n transform: none;\n }\n &[data-style='zoom-in'] {\n overflow: hidden;\n }\n &[data-style='zoom-in'] .ladda-spinner {\n left: 50%;\n margin-left: -16px;\n transform: scale(0.2);\n }\n &[data-style='zoom-in'] .ladda-label {\n position: relative;\n display: inline-block;\n }\n &[data-style='zoom-in'][data-loading] .ladda-label {\n opacity: 0;\n transform: scale(2.2);\n }\n &[data-style='zoom-in'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-left: 0;\n transform: none;\n }\n &[data-style='contract'] {\n overflow: hidden;\n width: 100px;\n }\n &[data-style='contract'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n }\n &[data-style='contract'][data-loading] {\n border-radius: 50%;\n width: 52px;\n }\n &[data-style='contract'][data-loading] .ladda-label {\n opacity: 0;\n }\n &[data-style='contract'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='contract-overlay'] {\n overflow: hidden;\n width: 100px;\n box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0);\n }\n &[data-style='contract-overlay'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n }\n &[data-style='contract-overlay'][data-loading] {\n border-radius: 50%;\n width: 52px;\n box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0.8);\n }\n &[data-style='contract-overlay'][data-loading] .ladda-label {\n opacity: 0;\n }\n &[data-style='contract-overlay'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n [dir='rtl'] .ladda-spinner > div {\n left: 25% !important;\n }\n"], ["\n ", "\n\n /*!\n * Ladda\n * http://lab.hakim.se/ladda\n * MIT licensed\n *\n * Copyright (C) 2018 Hakim El Hattab, http://hakim.se\n */\n\n position: relative;\n\n .ladda-spinner {\n position: absolute;\n z-index: 2;\n display: inline-block;\n width: 32px;\n top: 50%;\n margin-top: 0;\n opacity: 0;\n pointer-events: none;\n }\n .ladda-label {\n position: relative;\n z-index: 3;\n }\n .ladda-progress {\n position: absolute;\n width: 0;\n height: 100%;\n left: 0;\n top: 0;\n background: rgba(0, 0, 0, 0.2);\n display: none;\n transition: 0.1s linear all !important;\n }\n &[data-loading] .ladda-progress {\n display: block;\n }\n\n transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;\n\n .ladda-spinner,\n .ladda-label {\n transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;\n }\n &[data-style='zoom-in'],\n &[data-style='zoom-in'] .ladda-spinner,\n &[data-style='zoom-in'] .ladda-label,\n &[data-style='zoom-out'],\n &[data-style='zoom-out'] .ladda-spinner,\n &[data-style='zoom-out'] .ladda-label {\n transition: 0.3s ease all !important;\n }\n &[data-style='expand-right'] .ladda-spinner {\n right: -6px;\n }\n &[data-style='expand-right'][data-size='s'] .ladda-spinner,\n &[data-style='expand-right'][data-size='xs'] .ladda-spinner {\n right: -12px;\n }\n &[data-style='expand-right'][data-loading] {\n padding-right: 56px;\n }\n &[data-style='expand-right'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='expand-right'][data-loading][data-size='s'],\n &[data-style='expand-right'][data-loading][data-size='xs'] {\n padding-right: 40px;\n }\n &[data-style='expand-left'] .ladda-spinner {\n left: 26px;\n }\n &[data-style='expand-left'][data-size='s'] .ladda-spinner,\n &[data-style='expand-left'][data-size='xs'] .ladda-spinner {\n left: 4px;\n }\n &[data-style='expand-left'][data-loading] {\n padding-left: 56px;\n }\n &[data-style='expand-left'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='expand-left'][data-loading][data-size='s'],\n &[data-style='expand-left'][data-loading][data-size='xs'] {\n padding-left: 40px;\n }\n &[data-style='expand-up'] {\n overflow: hidden;\n }\n &[data-style='expand-up'] .ladda-spinner {\n top: -32px;\n left: 50%;\n margin-left: 0;\n }\n &[data-style='expand-up'][data-loading] {\n padding-top: 54px;\n }\n &[data-style='expand-up'][data-loading] .ladda-spinner {\n opacity: 1;\n top: 26px;\n margin-top: 0;\n }\n &[data-style='expand-up'][data-loading][data-size='s'],\n &[data-style='expand-up'][data-loading][data-size='xs'] {\n padding-top: 32px;\n }\n &[data-style='expand-up'][data-loading][data-size='s'] .ladda-spinner,\n &[data-style='expand-up'][data-loading][data-size='xs'] .ladda-spinner {\n top: 4px;\n }\n &[data-style='expand-down'] {\n overflow: hidden;\n }\n &[data-style='expand-down'] .ladda-spinner {\n top: 62px;\n left: 50%;\n margin-left: 0;\n }\n &[data-style='expand-down'][data-size='s'] .ladda-spinner,\n &[data-style='expand-down'][data-size='xs'] .ladda-spinner {\n top: 40px;\n }\n &[data-style='expand-down'][data-loading] {\n padding-bottom: 54px;\n }\n &[data-style='expand-down'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='expand-down'][data-loading][data-size='s'],\n &[data-style='expand-down'][data-loading][data-size='xs'] {\n padding-bottom: 32px;\n }\n &[data-style='slide-left'] {\n overflow: hidden;\n }\n &[data-style='slide-left'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-left'] .ladda-spinner {\n left: 100%;\n margin-left: 0;\n }\n &[data-style='slide-left'][data-loading] .ladda-label {\n opacity: 0;\n left: -100%;\n }\n &[data-style='slide-left'][data-loading] .ladda-spinner {\n opacity: 1;\n left: 50%;\n }\n &[data-style='slide-right'] {\n overflow: hidden;\n }\n &[data-style='slide-right'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-right'] .ladda-spinner {\n right: 100%;\n margin-left: 0;\n left: 16px;\n }\n [dir='rtl'] &[data-style='slide-right'] .ladda-spinner {\n right: auto;\n }\n &[data-style='slide-right'][data-loading] .ladda-label {\n opacity: 0;\n left: 100%;\n }\n &[data-style='slide-right'][data-loading] .ladda-spinner {\n opacity: 1;\n left: 50%;\n }\n &[data-style='slide-up'] {\n overflow: hidden;\n }\n &[data-style='slide-up'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-up'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n margin-top: 1em;\n }\n &[data-style='slide-up'][data-loading] .ladda-label {\n opacity: 0;\n top: -1em;\n }\n &[data-style='slide-up'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-top: 0;\n }\n &[data-style='slide-down'] {\n overflow: hidden;\n }\n &[data-style='slide-down'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-down'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n margin-top: -2em;\n }\n &[data-style='slide-down'][data-loading] .ladda-label {\n opacity: 0;\n top: 1em;\n }\n &[data-style='slide-down'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-top: 0;\n }\n &[data-style='zoom-out'] {\n overflow: hidden;\n }\n &[data-style='zoom-out'] .ladda-spinner {\n left: 50%;\n margin-left: 32px;\n transform: scale(2.5);\n }\n &[data-style='zoom-out'] .ladda-label {\n position: relative;\n display: inline-block;\n }\n &[data-style='zoom-out'][data-loading] .ladda-label {\n opacity: 0;\n transform: scale(0.5);\n }\n &[data-style='zoom-out'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-left: 0;\n transform: none;\n }\n &[data-style='zoom-in'] {\n overflow: hidden;\n }\n &[data-style='zoom-in'] .ladda-spinner {\n left: 50%;\n margin-left: -16px;\n transform: scale(0.2);\n }\n &[data-style='zoom-in'] .ladda-label {\n position: relative;\n display: inline-block;\n }\n &[data-style='zoom-in'][data-loading] .ladda-label {\n opacity: 0;\n transform: scale(2.2);\n }\n &[data-style='zoom-in'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-left: 0;\n transform: none;\n }\n &[data-style='contract'] {\n overflow: hidden;\n width: 100px;\n }\n &[data-style='contract'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n }\n &[data-style='contract'][data-loading] {\n border-radius: 50%;\n width: 52px;\n }\n &[data-style='contract'][data-loading] .ladda-label {\n opacity: 0;\n }\n &[data-style='contract'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='contract-overlay'] {\n overflow: hidden;\n width: 100px;\n box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0);\n }\n &[data-style='contract-overlay'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n }\n &[data-style='contract-overlay'][data-loading] {\n border-radius: 50%;\n width: 52px;\n box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0.8);\n }\n &[data-style='contract-overlay'][data-loading] .ladda-label {\n opacity: 0;\n }\n &[data-style='contract-overlay'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n [dir='rtl'] .ladda-spinner > div {\n left: 25% !important;\n }\n"])), function (props) {
|
|
428
428
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
|
|
429
429
|
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 ");
|
|
430
430
|
});
|
|
431
|
-
var templateObject_1$
|
|
431
|
+
var templateObject_1$P;
|
|
432
432
|
|
|
433
|
-
var ButtonsRow$2 = styled.div(templateObject_1$
|
|
434
|
-
var templateObject_1$
|
|
433
|
+
var ButtonsRow$2 = styled.div(templateObject_1$O || (templateObject_1$O = __makeTemplateObject(["\n display: flex;\n gap: 0 15px;\n justify-content: center;\n"], ["\n display: flex;\n gap: 0 15px;\n justify-content: center;\n"])));
|
|
434
|
+
var templateObject_1$O;
|
|
435
435
|
|
|
436
|
-
var GuidanceMessageContainerDiv = styled.div(templateObject_1$
|
|
436
|
+
var GuidanceMessageContainerDiv = styled.div(templateObject_1$N || (templateObject_1$N = __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) {
|
|
437
437
|
var $top = _a.$top;
|
|
438
438
|
return $top !== null && $top !== void 0 ? $top : '10vh';
|
|
439
439
|
}, function (_a) {
|
|
@@ -446,27 +446,27 @@ var GuidanceMessageContainer = function GuidanceMessageContainer(props) {
|
|
|
446
446
|
if (!portalLocation) return element;
|
|
447
447
|
return /*#__PURE__*/createPortal(element, portalLocation);
|
|
448
448
|
};
|
|
449
|
-
var GuidanceMessage = styled.div(templateObject_2$
|
|
449
|
+
var GuidanceMessage = styled.div(templateObject_2$F || (templateObject_2$F = __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) {
|
|
450
450
|
var _a, _b, _c, _d, _e, _f;
|
|
451
451
|
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';
|
|
452
452
|
}, function (props) {
|
|
453
453
|
var _a, _b, _c, _d, _e, _f;
|
|
454
454
|
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';
|
|
455
455
|
});
|
|
456
|
-
var templateObject_1$
|
|
456
|
+
var templateObject_1$N, templateObject_2$F;
|
|
457
457
|
|
|
458
|
-
var wavesAnimation = keyframes(templateObject_1$
|
|
459
|
-
var progressBarAnimation = keyframes(templateObject_2$
|
|
458
|
+
var wavesAnimation = keyframes(templateObject_1$M || (templateObject_1$M = __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"])));
|
|
459
|
+
var progressBarAnimation = keyframes(templateObject_2$E || (templateObject_2$E = __makeTemplateObject(["\n 0% {\n width: 0;\n }\n 100% {\n width: 100%;\n }\n"], ["\n 0% {\n width: 0;\n }\n 100% {\n width: 100%;\n }\n"])));
|
|
460
460
|
var dualRingSpinnerAnimation = keyframes(templateObject_3$s || (templateObject_3$s = __makeTemplateObject(["\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n"], ["\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n"])));
|
|
461
461
|
var progressBorderAnimation = keyframes(templateObject_4$m || (templateObject_4$m = __makeTemplateObject(["\n to {\n stroke-dashoffset: 0;\n }\n"], ["\n to {\n stroke-dashoffset: 0;\n }\n"])));
|
|
462
|
-
var templateObject_1$
|
|
462
|
+
var templateObject_1$M, templateObject_2$E, templateObject_3$s, templateObject_4$m;
|
|
463
463
|
|
|
464
|
-
var OverlayContainer = styled.div(templateObject_1$
|
|
464
|
+
var OverlayContainer = styled.div(templateObject_1$L || (templateObject_1$L = __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) {
|
|
465
465
|
return props.theme.background ? "".concat(props.theme.background) : "white";
|
|
466
466
|
}, function (props) {
|
|
467
467
|
return props.theme.textColor ? "color: ".concat(props.theme.textColor, ";") : "";
|
|
468
468
|
});
|
|
469
|
-
var OverlayInner$2 = styled.div(templateObject_2$
|
|
469
|
+
var OverlayInner$2 = styled.div(templateObject_2$D || (templateObject_2$D = __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) {
|
|
470
470
|
var _a;
|
|
471
471
|
return (_a = props.theme.textAlign) !== null && _a !== void 0 ? _a : 'center';
|
|
472
472
|
}, function (props) {
|
|
@@ -474,7 +474,7 @@ var OverlayInner$2 = styled.div(templateObject_2$C || (templateObject_2$C = __ma
|
|
|
474
474
|
});
|
|
475
475
|
var OverlayImageContainer = styled.div(templateObject_3$r || (templateObject_3$r = __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"])));
|
|
476
476
|
var OverlayImageRow = styled.div(templateObject_4$l || (templateObject_4$l = __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"])));
|
|
477
|
-
var GrayOverlayContainer = styled(OverlayContainer)(templateObject_5$
|
|
477
|
+
var GrayOverlayContainer = styled(OverlayContainer)(templateObject_5$e || (templateObject_5$e = __makeTemplateObject(["\n background: #f7f6fb;\n"], ["\n background: #f7f6fb;\n"])));
|
|
478
478
|
var ButtonsColumn = styled.div(templateObject_6$a || (templateObject_6$a = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n gap: 15px 0;\n justify-content: center;\n margin-top: 24px;\n"], ["\n display: flex;\n flex-direction: column;\n gap: 15px 0;\n justify-content: center;\n margin-top: 24px;\n"])));
|
|
479
479
|
var WideButton = styled(LoaderButton)(templateObject_7$7 || (templateObject_7$7 = __makeTemplateObject(["\n width: 100%;\n border-radius: 30px;\n"], ["\n width: 100%;\n border-radius: 30px;\n"])));
|
|
480
480
|
var WideBorderButton = styled(WideButton)(templateObject_8$3 || (templateObject_8$3 = __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) {
|
|
@@ -506,7 +506,7 @@ var LoadingOverlayLoadingListContainer = styled.div(templateObject_17 || (templa
|
|
|
506
506
|
var LoadingOverlayLoadingList = styled.ul(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n display: block;\n margin: auto;\n list-style: none;\n padding: 0;\n"], ["\n display: block;\n margin: auto;\n list-style: none;\n padding: 0;\n"])));
|
|
507
507
|
var LoadingOverlayLoadingListItem = styled.li(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n display: inline-flex;\n justify-content: center;\n align-items: center;\n padding: 2px 1.25rem 2px 0;\n line-height: 1rem;\n"], ["\n display: inline-flex;\n justify-content: center;\n align-items: center;\n padding: 2px 1.25rem 2px 0;\n line-height: 1rem;\n"])));
|
|
508
508
|
var LoadingOverlayProgressContainer = styled.div(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n"])));
|
|
509
|
-
var templateObject_1$
|
|
509
|
+
var templateObject_1$L, templateObject_2$D, templateObject_3$r, templateObject_4$l, templateObject_5$e, templateObject_6$a, templateObject_7$7, templateObject_8$3, templateObject_9$3, templateObject_10$2, templateObject_11$1, templateObject_12$1, templateObject_13$1, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20;
|
|
510
510
|
|
|
511
511
|
var GeolocationAccessDeniedOverlay = function GeolocationAccessDeniedOverlay(_a) {
|
|
512
512
|
var accessBlockedImageUrl = _a.accessBlockedImageUrl;
|
|
@@ -2135,7 +2135,7 @@ function getFrameDimensions(frame) {
|
|
|
2135
2135
|
return [frameWidth, frameHeight];
|
|
2136
2136
|
}
|
|
2137
2137
|
|
|
2138
|
-
var InvisibleCanvas = styled.canvas(templateObject_1$
|
|
2138
|
+
var InvisibleCanvas = styled.canvas(templateObject_1$K || (templateObject_1$K = __makeTemplateObject(["\n display: none;\n"], ["\n display: none;\n"])));
|
|
2139
2139
|
function drawToCanvas(canvas, frame, width, height) {
|
|
2140
2140
|
if (!canvas) return;
|
|
2141
2141
|
var ctx = canvas.getContext('2d');
|
|
@@ -2155,7 +2155,7 @@ function clearCanvas(canvas) {
|
|
|
2155
2155
|
var _a;
|
|
2156
2156
|
(_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);
|
|
2157
2157
|
}
|
|
2158
|
-
var templateObject_1$
|
|
2158
|
+
var templateObject_1$K;
|
|
2159
2159
|
|
|
2160
2160
|
function cropToShoulders(rawCanvas, cropCanvas, resizeCanvas, frame, face, quality, maxHeight) {
|
|
2161
2161
|
if (quality === void 0) {
|
|
@@ -3611,8 +3611,8 @@ var es = {
|
|
|
3611
3611
|
'Document out of focus - try improving the lighting': 'Documento no enfocado, hay que tratar de mejorar la iluminación',
|
|
3612
3612
|
'ID card front detected - please flip your ID card': 'Frente de la ID detectado, por favor hay que voltearla',
|
|
3613
3613
|
'ID card back detected - please flip your ID card': 'Reverso de la ID detectado, por favor hay que voltearla',
|
|
3614
|
-
'ID card detected please scan a passport instead': 'Se ha detectado una credencial, por favor hay que escanear un pasaporte',
|
|
3615
|
-
'Passport detected please scan an ID card instead': 'Se ha detectado un pasaporte, por favor hay que escanear una credencial',
|
|
3614
|
+
'ID card detected, please scan a passport instead': 'Se ha detectado una credencial, por favor hay que escanear un pasaporte',
|
|
3615
|
+
'Passport detected, please scan an ID card instead': 'Se ha detectado un pasaporte, por favor hay que escanear una credencial',
|
|
3616
3616
|
'Document detected, hold still...': 'Se ha detectado el documento, no moverse por favor...',
|
|
3617
3617
|
'ID card front detected, hold still...': 'Frente de la ID detectado, no moverse...',
|
|
3618
3618
|
'ID card back detected, hold still...': 'Reverso de la ID detectado, no moverse...',
|
|
@@ -3739,7 +3739,7 @@ var de = {
|
|
|
3739
3739
|
'Document out of focus - try improving the lighting': 'Dokument unscharf - versuchen Sie, die Beleuchtung zu verbessern',
|
|
3740
3740
|
'ID card front detected - please flip your ID card': 'Vorderseite des Ausweises erkannt - bitte Ihren Ausweis umdrehen',
|
|
3741
3741
|
'ID card back detected - please flip your ID card': 'Rückseite des Ausweises erkannt - bitte Ihren Ausweis umdrehen',
|
|
3742
|
-
'ID card detected please scan a passport instead': 'Ausweis erkannt, bitte stattdessen einen Pass scannen',
|
|
3742
|
+
'ID card detected, please scan a passport instead': 'Ausweis erkannt, bitte stattdessen einen Pass scannen',
|
|
3743
3743
|
'Passport detected, please scan an ID card instead': 'Pass erkannt, bitte stattdessen einen Ausweis scannen',
|
|
3744
3744
|
'Document detected, hold still...': 'Dokument erkannt, stillhalten...',
|
|
3745
3745
|
'ID card front detected, hold still...': 'Vorderseite des Ausweises erkannt, stillhalten...',
|
|
@@ -3867,8 +3867,8 @@ var fr = {
|
|
|
3867
3867
|
'Document out of focus - try improving the lighting': "Document flou - essayez d'améliorer l'éclairage",
|
|
3868
3868
|
'ID card front detected - please flip your ID card': "Recto de la carte d'identité détecté - veuillez retourner votre carte d'identité",
|
|
3869
3869
|
'ID card back detected - please flip your ID card': "Verso de la carte d'identité détectée - veuillez retourner votre carte d'identité",
|
|
3870
|
-
'ID card detected please scan a passport instead': "Carte d'identité détectée, veuillez scanner plutôt un passeport",
|
|
3871
|
-
'Passport detected please scan an ID card instead': "Passeport détecté, veuillez scanner plutôt une carte d'identité",
|
|
3870
|
+
'ID card detected, please scan a passport instead': "Carte d'identité détectée, veuillez scanner plutôt un passeport",
|
|
3871
|
+
'Passport detected, please scan an ID card instead': "Passeport détecté, veuillez scanner plutôt une carte d'identité",
|
|
3872
3872
|
'Document detected, hold still...': 'Document détecté, restez immobile...',
|
|
3873
3873
|
'ID card front detected, hold still...': "Recto de la carte d'identité détecté, restez immobile...",
|
|
3874
3874
|
'ID card back detected, hold still...': "Verso de la carte d'identité détecté, restez immobile...",
|
|
@@ -3995,8 +3995,8 @@ var it = {
|
|
|
3995
3995
|
'Document out of focus - try improving the lighting': "Documento fuori fuoco - provare a migliorare l'illuminazione",
|
|
3996
3996
|
'ID card front detected - please flip your ID card': "Fronte del documento d'identità rilevato - Girare il documento d'identità",
|
|
3997
3997
|
'ID card back detected - please flip your ID card': "Retro del documento d'identità rilevato - Girare il documento d'identità",
|
|
3998
|
-
'ID card detected please scan a passport instead': "Documento d'identità rilevato, scansionare un passaporto al suo posto",
|
|
3999
|
-
'Passport detected please scan an ID card instead': "Passaporto rilevato, scansionare una documento d'identità al suo posto",
|
|
3998
|
+
'ID card detected, please scan a passport instead': "Documento d'identità rilevato, scansionare un passaporto al suo posto",
|
|
3999
|
+
'Passport detected, please scan an ID card instead': "Passaporto rilevato, scansionare una documento d'identità al suo posto",
|
|
4000
4000
|
'Document detected, hold still...': 'Documento rilevato, tenere fermo...',
|
|
4001
4001
|
'ID card front detected, hold still...': "Fronte documento d'identità rilevato, tenere fermo...",
|
|
4002
4002
|
'ID card back detected, hold still...': "Retro documento d'identità rilevato, tenere fermo...",
|
|
@@ -4123,8 +4123,8 @@ var ja = {
|
|
|
4123
4123
|
'Document out of focus - try improving the lighting': 'ドキュメントの焦点がぼやけています。照明を調節してください',
|
|
4124
4124
|
'ID card front detected - please flip your ID card': '身分証の正面が検出されました。身分証を裏返してください',
|
|
4125
4125
|
'ID card back detected - please flip your ID card': '身分証の背面が検出されました。身分証を裏返してください',
|
|
4126
|
-
'ID card detected please scan a passport instead': '身分証が検出されました。パスポートをスキャンしてください',
|
|
4127
|
-
'Passport detected please scan an ID card instead': 'パスポートが検出されました。身分証をスキャンしてください',
|
|
4126
|
+
'ID card detected, please scan a passport instead': '身分証が検出されました。パスポートをスキャンしてください',
|
|
4127
|
+
'Passport detected, please scan an ID card instead': 'パスポートが検出されました。身分証をスキャンしてください',
|
|
4128
4128
|
'Document detected, hold still...': 'ドキュメントが検出されました。動かないようにしてください…',
|
|
4129
4129
|
'ID card front detected, hold still...': '身分証の正面が検出されました。動かないようにしてください…',
|
|
4130
4130
|
'ID card back detected, hold still...': '身分証の背面が検出されました。動かないようにしてください…',
|
|
@@ -4251,8 +4251,8 @@ var pt = {
|
|
|
4251
4251
|
'Document out of focus - try improving the lighting': 'Documento fora de foco - tente melhorar a iluminação',
|
|
4252
4252
|
'ID card front detected - please flip your ID card': 'Detectada a frente da carteira de identidade - vire a carteira de identidade',
|
|
4253
4253
|
'ID card back detected - please flip your ID card': 'Detectado o verso da carteira de identidade - vire a carteira de identidade',
|
|
4254
|
-
'ID card detected please scan a passport instead': 'Detectada a carteira de identidade - escaneie um passaporte em seu lugar',
|
|
4255
|
-
'Passport detected please scan an ID card instead': 'Detectado passaporte, escaneie uma carteira de identidade em seu lugar',
|
|
4254
|
+
'ID card detected, please scan a passport instead': 'Detectada a carteira de identidade - escaneie um passaporte em seu lugar',
|
|
4255
|
+
'Passport detected, please scan an ID card instead': 'Detectado passaporte, escaneie uma carteira de identidade em seu lugar',
|
|
4256
4256
|
'Document detected, hold still...': 'Documento detectado - mantenha-se imóvel...',
|
|
4257
4257
|
'ID card front detected, hold still...': 'Detectada a frente da carteira de identidade - mantenha-se imóvel...',
|
|
4258
4258
|
'ID card back detected, hold still...': 'Detectado o verso da carteira de identidade - mantenha-se imóvel...',
|
|
@@ -4379,8 +4379,8 @@ var ru = {
|
|
|
4379
4379
|
'Document out of focus – try improving the lighting': 'Документ не в фокусе, попробуйте улучшить освещение',
|
|
4380
4380
|
'ID card front detected - please flip your ID card': 'Обнаружена лицевая сторона удостоверения личности, переверните удостоверение личности',
|
|
4381
4381
|
'ID card back detected - please flip your ID card': 'Обнаружена обратная сторона удостоверения личности, переверните удостоверение личности',
|
|
4382
|
-
'ID card detected please scan a passport instead': 'Обнаружено удостоверение личности, отсканируйте вместо него паспорт',
|
|
4383
|
-
'Passport detected please scan an ID card instead': 'Обнаружен паспорт, отсканируйте вместо него удостоверение личности',
|
|
4382
|
+
'ID card detected, please scan a passport instead': 'Обнаружено удостоверение личности, отсканируйте вместо него паспорт',
|
|
4383
|
+
'Passport detected, please scan an ID card instead': 'Обнаружен паспорт, отсканируйте вместо него удостоверение личности',
|
|
4384
4384
|
'Document detected, hold still...': 'Обнаружен документ, не двигайтесь…',
|
|
4385
4385
|
'ID card front detected, hold still...': 'Обнаружена лицевая сторона удостоверения личности, не двигайтесь…',
|
|
4386
4386
|
'ID card back detected, hold still...': 'Обнаружена обратная сторона удостоверения личности, не двигайтесь…',
|
|
@@ -4507,8 +4507,8 @@ var zh = {
|
|
|
4507
4507
|
'Document out of focus - try improving the lighting': '文件失焦 - 請嘗試改善燈光',
|
|
4508
4508
|
'ID card front detected - please flip your ID card': '偵測到證件正面 - 請將證件翻面',
|
|
4509
4509
|
'ID card back detected - please flip your ID card': '偵測到證件背面 - 請將證件翻面',
|
|
4510
|
-
'ID card detected please scan a passport instead': '偵測到證件，請掃描護照',
|
|
4511
|
-
'Passport detected please scan an ID card instead': '偵測到護照，請掃描證件',
|
|
4510
|
+
'ID card detected, please scan a passport instead': '偵測到證件，請掃描護照',
|
|
4511
|
+
'Passport detected, please scan an ID card instead': '偵測到護照，請掃描證件',
|
|
4512
4512
|
'Document detected, hold still...': '偵測到的文件保持不動...',
|
|
4513
4513
|
'ID card front detected, hold still...': '偵測到的證件正面保持不動...',
|
|
4514
4514
|
'ID card back detected, hold still...': '偵測到的證件背面保持不動...',
|
|
@@ -5122,14 +5122,14 @@ function CameraTamperSeal(_a) {
|
|
|
5122
5122
|
className: classNames.message
|
|
5123
5123
|
}, messageText)));
|
|
5124
5124
|
}
|
|
5125
|
-
var StyledOverlayInner$4 = styled(OverlayInner$2)(templateObject_1$
|
|
5126
|
-
var StyledOverlayHeading = styled.h3(templateObject_2$
|
|
5125
|
+
var StyledOverlayInner$4 = styled(OverlayInner$2)(templateObject_1$J || (templateObject_1$J = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
5126
|
+
var StyledOverlayHeading = styled.h3(templateObject_2$C || (templateObject_2$C = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
5127
5127
|
function useCameraStore(selector) {
|
|
5128
5128
|
var store = useContext(CameraStoreContext);
|
|
5129
5129
|
if (!store) throw new Error('useCameraStore cannot be used without Provider');
|
|
5130
5130
|
return useStore(store, selector);
|
|
5131
5131
|
}
|
|
5132
|
-
var templateObject_1$
|
|
5132
|
+
var templateObject_1$J, templateObject_2$C;
|
|
5133
5133
|
|
|
5134
5134
|
var DocumentDetectionModelContext = /*#__PURE__*/createContext({
|
|
5135
5135
|
startDocumentDetection: function startDocumentDetection() {
|
|
@@ -6094,8 +6094,8 @@ function DebugStatsPane(_a) {
|
|
|
6094
6094
|
if (!portalLocation) return element;
|
|
6095
6095
|
return /*#__PURE__*/createPortal(element, portalLocation);
|
|
6096
6096
|
}
|
|
6097
|
-
var DebugStatsPaneDiv = styled.span(templateObject_1$
|
|
6098
|
-
var ObjectDetectionDebugOverlayDiv = styled.div(templateObject_2$
|
|
6097
|
+
var DebugStatsPaneDiv = styled.span(templateObject_1$I || (templateObject_1$I = __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"], ["\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"])));
|
|
6098
|
+
var ObjectDetectionDebugOverlayDiv = styled.div(templateObject_2$B || (templateObject_2$B = __makeTemplateObject(["\n position: absolute;\n z-index: 1001;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n max-width: 100%;\n max-height: 100%;\n overflow: hidden;\n ", "\n transform-style: preserve-3d;\n"], ["\n position: absolute;\n z-index: 1001;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n max-width: 100%;\n max-height: 100%;\n overflow: hidden;\n ", "\n transform-style: preserve-3d;\n"])), function (_a) {
|
|
6099
6099
|
var $flipX = _a.$flipX;
|
|
6100
6100
|
return $flipX ? 'transform: scaleX(-1);' : '';
|
|
6101
6101
|
});
|
|
@@ -6300,7 +6300,7 @@ function SelfieCaptureFaceKeypoint(_a) {
|
|
|
6300
6300
|
}
|
|
6301
6301
|
});
|
|
6302
6302
|
}
|
|
6303
|
-
var templateObject_1$
|
|
6303
|
+
var templateObject_1$I, templateObject_2$B, templateObject_3$q, templateObject_4$k;
|
|
6304
6304
|
|
|
6305
6305
|
function OverrideWrongDocumentTypeGuidanceDialog(_a) {
|
|
6306
6306
|
var _b = _a.classNames,
|
|
@@ -6315,7 +6315,7 @@ function OverrideWrongDocumentTypeGuidanceDialog(_a) {
|
|
|
6315
6315
|
buttonText: 'OK'
|
|
6316
6316
|
});
|
|
6317
6317
|
if (!allowOverrideWrongDocumentTypeGuidance) return null;
|
|
6318
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
6318
|
+
return /*#__PURE__*/React__default.createElement(Container$6, {
|
|
6319
6319
|
className: classNames.container
|
|
6320
6320
|
}, /*#__PURE__*/React__default.createElement(InnerContainer, {
|
|
6321
6321
|
className: classNames.inner
|
|
@@ -6333,18 +6333,18 @@ function OverrideWrongDocumentTypeGuidanceDialog(_a) {
|
|
|
6333
6333
|
}
|
|
6334
6334
|
}, verbiage.buttonText))));
|
|
6335
6335
|
}
|
|
6336
|
-
var Container$
|
|
6336
|
+
var Container$6 = styled.div(templateObject_1$H || (templateObject_1$H = __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) {
|
|
6337
6337
|
var _a, _b, _c;
|
|
6338
6338
|
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';
|
|
6339
6339
|
}, function (props) {
|
|
6340
6340
|
var _a, _b, _c;
|
|
6341
6341
|
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';
|
|
6342
6342
|
});
|
|
6343
|
-
var InnerContainer = styled.div(templateObject_2$
|
|
6343
|
+
var InnerContainer = styled.div(templateObject_2$A || (templateObject_2$A = __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"])));
|
|
6344
6344
|
var Message = styled.span(templateObject_3$p || (templateObject_3$p = __makeTemplateObject(["\n display: block;\n margin: auto 12px auto 0;\n"], ["\n display: block;\n margin: auto 12px auto 0;\n"])));
|
|
6345
6345
|
var ButtonContainer = styled.div(templateObject_4$j || (templateObject_4$j = __makeTemplateObject(["\n display: flex;\n margin-left: auto;\n"], ["\n display: flex;\n margin-left: auto;\n"])));
|
|
6346
|
-
var Button$1 = styled(LoaderButton)(templateObject_5$
|
|
6347
|
-
var templateObject_1$
|
|
6346
|
+
var Button$1 = styled(LoaderButton)(templateObject_5$d || (templateObject_5$d = __makeTemplateObject(["\n white-space: nowrap;\n margin: auto;\n"], ["\n white-space: nowrap;\n margin: auto;\n"])));
|
|
6347
|
+
var templateObject_1$H, templateObject_2$A, templateObject_3$p, templateObject_4$j, templateObject_5$d;
|
|
6348
6348
|
|
|
6349
6349
|
// This is a simplified version of https://github.com/ZeeCoder/use-resize-observer.
|
|
6350
6350
|
// We have removed all options and made it compliant with React Compiler/React 19.
|
|
@@ -6661,13 +6661,13 @@ var CameraAccessDeniedOverlay = function CameraAccessDeniedOverlay(_a) {
|
|
|
6661
6661
|
finished: true
|
|
6662
6662
|
}, verbiage.retryBtnText)));
|
|
6663
6663
|
};
|
|
6664
|
-
var StyledOverlayInner$3 = styled(OverlayInner$2)(templateObject_1$
|
|
6665
|
-
var StyledOverlayImageContainer$1 = styled(OverlayImageContainer)(templateObject_2$
|
|
6664
|
+
var StyledOverlayInner$3 = styled(OverlayInner$2)(templateObject_1$G || (templateObject_1$G = __makeTemplateObject(["\n max-width: 500px;\n height: auto;\n margin: auto;\n"], ["\n max-width: 500px;\n height: auto;\n margin: auto;\n"])));
|
|
6665
|
+
var StyledOverlayImageContainer$1 = styled(OverlayImageContainer)(templateObject_2$z || (templateObject_2$z = __makeTemplateObject(["\n flex-grow: 0;\n"], ["\n flex-grow: 0;\n"])));
|
|
6666
6666
|
var Description$4 = styled.p(templateObject_3$o || (templateObject_3$o = __makeTemplateObject(["\n line-height: 1.5;\n margin-bottom: 50px;\n"], ["\n line-height: 1.5;\n margin-bottom: 50px;\n"])));
|
|
6667
6667
|
var RetryButton$1 = styled(LoaderButton)(templateObject_4$i || (templateObject_4$i = __makeTemplateObject(["\n width: 200px;\n margin: 0 auto;\n"], ["\n width: 200px;\n margin: 0 auto;\n"])));
|
|
6668
|
-
var templateObject_1$
|
|
6668
|
+
var templateObject_1$G, templateObject_2$z, templateObject_3$o, templateObject_4$i;
|
|
6669
6669
|
|
|
6670
|
-
var ExitCaptureStyledButton = styled.button(templateObject_1$
|
|
6670
|
+
var ExitCaptureStyledButton = styled.button(templateObject_1$F || (templateObject_1$F = __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"])));
|
|
6671
6671
|
var ExitCaptureButton = function ExitCaptureButton(_a) {
|
|
6672
6672
|
var onClick = _a.onClick,
|
|
6673
6673
|
className = _a.className;
|
|
@@ -6711,7 +6711,7 @@ var ExitCaptureButton = function ExitCaptureButton(_a) {
|
|
|
6711
6711
|
y2: "19.75"
|
|
6712
6712
|
}))));
|
|
6713
6713
|
};
|
|
6714
|
-
var templateObject_1$
|
|
6714
|
+
var templateObject_1$F;
|
|
6715
6715
|
|
|
6716
6716
|
function IdCaptureLoadingGraphic(props) {
|
|
6717
6717
|
var isMobile = window.innerHeight > window.innerWidth;
|
|
@@ -7186,8 +7186,8 @@ function IdCaptureLoadingGraphicMobile(_a) {
|
|
|
7186
7186
|
fill: "white"
|
|
7187
7187
|
}))));
|
|
7188
7188
|
}
|
|
7189
|
-
var LoadingGraphicWrapper = styled.div(templateObject_1$
|
|
7190
|
-
var LoadingGraphicSvg = styled.svg(templateObject_2$
|
|
7189
|
+
var LoadingGraphicWrapper = styled.div(templateObject_1$E || (templateObject_1$E = __makeTemplateObject(["\n display: flex;\n width: 100%;\n height: 100%;\n"], ["\n display: flex;\n width: 100%;\n height: 100%;\n"])));
|
|
7190
|
+
var LoadingGraphicSvg = styled.svg(templateObject_2$y || (templateObject_2$y = __makeTemplateObject(["\n margin: auto;\n transform: scale(\n ", "\n );\n transform-style: preserve-3d;\n transition:\n transform 0.2s linear,\n border-width 0.2s linear;\n border: ", "px solid\n ", ";\n max-height: 80%;\n max-width: 80%;\n"], ["\n margin: auto;\n transform: scale(\n ", "\n );\n transform-style: preserve-3d;\n transition:\n transform 0.2s linear,\n border-width 0.2s linear;\n border: ", "px solid\n ", ";\n max-height: 80%;\n max-width: 80%;\n"])), function (props) {
|
|
7191
7191
|
return props.$frame > 1 ? 1 : props.$frame === 1 ? 1.25 : 0.75;
|
|
7192
7192
|
}, function (props) {
|
|
7193
7193
|
return props.$frame >= 5 ? 10 : 0;
|
|
@@ -7200,7 +7200,7 @@ var LoadingGraphicCardGroup = styled.g(templateObject_3$n || (templateObject_3$n
|
|
|
7200
7200
|
var LoadingGraphicPhoneGroup = styled.g(templateObject_4$h || (templateObject_4$h = __makeTemplateObject(["\n transform: translate(", ", 0);\n transform-style: preserve-3d;\n transition: transform 0.3s linear;\n"], ["\n transform: translate(", ", 0);\n transform-style: preserve-3d;\n transition: transform 0.3s linear;\n"])), function (props) {
|
|
7201
7201
|
return props.$offScreen ? '40px' : '0';
|
|
7202
7202
|
});
|
|
7203
|
-
var templateObject_1$
|
|
7203
|
+
var templateObject_1$E, templateObject_2$y, templateObject_3$n, templateObject_4$h;
|
|
7204
7204
|
|
|
7205
7205
|
function LoadingListItemIndicator(_a) {
|
|
7206
7206
|
var _b = _a.state,
|
|
@@ -7397,17 +7397,17 @@ var IdCaptureLoadingOverlayDefault = function IdCaptureLoadingOverlayDefault(_a)
|
|
|
7397
7397
|
}
|
|
7398
7398
|
}, verbiage.continueText))))));
|
|
7399
7399
|
};
|
|
7400
|
-
var OverlayInner$1 = styled(LoadingOverlayInner)(templateObject_1$
|
|
7400
|
+
var OverlayInner$1 = styled(LoadingOverlayInner)(templateObject_1$D || (templateObject_1$D = __makeTemplateObject(["\n background: ", ";\n color: ", ";\n"], ["\n background: ", ";\n color: ", ";\n"])), function (props) {
|
|
7401
7401
|
var _a, _b, _c, _d;
|
|
7402
7402
|
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';
|
|
7403
7403
|
}, function (props) {
|
|
7404
7404
|
var _a, _b, _c, _d;
|
|
7405
7405
|
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';
|
|
7406
7406
|
});
|
|
7407
|
-
var ContinuityCameraCheckboxContainer$1 = styled.div(templateObject_2$
|
|
7407
|
+
var ContinuityCameraCheckboxContainer$1 = styled.div(templateObject_2$x || (templateObject_2$x = __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"])));
|
|
7408
7408
|
var ContinuityCameraCheckboxInner = styled(GuidanceMessage)(templateObject_3$m || (templateObject_3$m = __makeTemplateObject(["\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 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"])));
|
|
7409
7409
|
var ContinuityCameraCheckbox$1 = styled.input(templateObject_4$g || (templateObject_4$g = __makeTemplateObject(["\n margin-right: 8px;\n"], ["\n margin-right: 8px;\n"])));
|
|
7410
|
-
var ButtonsRow$1 = styled(LoadingOverlayButtonsRow)(templateObject_5$
|
|
7410
|
+
var ButtonsRow$1 = styled(LoadingOverlayButtonsRow)(templateObject_5$c || (templateObject_5$c = __makeTemplateObject(["\n color: ", ";\n ", "\n"], ["\n color: ", ";\n ", "\n"])), function (props) {
|
|
7411
7411
|
var _a, _b, _c, _d;
|
|
7412
7412
|
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';
|
|
7413
7413
|
}, function (props) {
|
|
@@ -7434,10 +7434,10 @@ var ContinueButton$1 = styled(LoaderButton)(templateObject_10$1 || (templateObje
|
|
|
7434
7434
|
var _a, _b, _c, _d, _e, _f;
|
|
7435
7435
|
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.continueBtnBorder) ? "border: ".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.continueBtnBorder, ";") : '';
|
|
7436
7436
|
});
|
|
7437
|
-
var templateObject_1$
|
|
7437
|
+
var templateObject_1$D, templateObject_2$x, templateObject_3$m, templateObject_4$g, templateObject_5$c, templateObject_6$9, templateObject_7$6, templateObject_8$2, templateObject_9$2, templateObject_10$1;
|
|
7438
7438
|
|
|
7439
|
-
var ContinuityCameraCheckboxContainer = styled.div(templateObject_1$
|
|
7440
|
-
var ContinuityCameraCheckbox = styled.input(templateObject_2$
|
|
7439
|
+
var ContinuityCameraCheckboxContainer = styled.div(templateObject_1$C || (templateObject_1$C = __makeTemplateObject(["\n margin-top: 15px;\n margin-bottom: 15px;\n"], ["\n margin-top: 15px;\n margin-bottom: 15px;\n"])));
|
|
7440
|
+
var ContinuityCameraCheckbox = styled.input(templateObject_2$w || (templateObject_2$w = __makeTemplateObject(["\n margin-right: 8px;\n"], ["\n margin-right: 8px;\n"])));
|
|
7441
7441
|
var IdCaptureLoadingOverlayLegacy = function IdCaptureLoadingOverlayLegacy(_a) {
|
|
7442
7442
|
var _b, _c, _d, _e;
|
|
7443
7443
|
var onDismissed = _a.onDismissed,
|
|
@@ -7558,7 +7558,7 @@ var IdCaptureLoadingOverlayLegacy = function IdCaptureLoadingOverlayLegacy(_a) {
|
|
|
7558
7558
|
}
|
|
7559
7559
|
}, ready ? verbiage.continueText : modelsReady ? verbiage.cameraInitializingText : modelDownloadProgress >= 100 ? verbiage.modelsWarmingUpText : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)"))));
|
|
7560
7560
|
};
|
|
7561
|
-
var templateObject_1$
|
|
7561
|
+
var templateObject_1$C, templateObject_2$w;
|
|
7562
7562
|
|
|
7563
7563
|
var components$1 = {
|
|
7564
7564
|
"default": IdCaptureLoadingOverlayDefault,
|
|
@@ -7616,9 +7616,9 @@ var CapturedDocumentImg = function CapturedDocumentImg(_a) {
|
|
|
7616
7616
|
});
|
|
7617
7617
|
};
|
|
7618
7618
|
|
|
7619
|
-
var Card = styled.div(templateObject_1$
|
|
7620
|
-
var FlexCard = styled(Card)(templateObject_2$
|
|
7621
|
-
var templateObject_1$
|
|
7619
|
+
var Card = styled.div(templateObject_1$B || (templateObject_1$B = __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"])));
|
|
7620
|
+
var FlexCard = styled(Card)(templateObject_2$v || (templateObject_2$v = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n"], ["\n display: flex;\n flex-direction: column;\n"])));
|
|
7621
|
+
var templateObject_1$B, templateObject_2$v;
|
|
7622
7622
|
|
|
7623
7623
|
var imageDisplayOrder = ['idCardFront', 'idCardBack', 'passport', 'singlePage', 'idFrontIrImage', 'idBackIrImage', 'idFrontUvImage', 'idBackUvImage'];
|
|
7624
7624
|
var IdCaptureSuccess = function IdCaptureSuccess(_a) {
|
|
@@ -7680,13 +7680,13 @@ var IdCaptureSuccess = function IdCaptureSuccess(_a) {
|
|
|
7680
7680
|
finished: true
|
|
7681
7681
|
}, verbiage.retryText)))));
|
|
7682
7682
|
};
|
|
7683
|
-
var Heading$a = styled.h1(templateObject_1$
|
|
7684
|
-
var ImagesContainer = styled(OverlayImageContainer)(templateObject_2$
|
|
7685
|
-
var ImageRow = styled(OverlayImageRow)(templateObject_3$l || (templateObject_3$l = __makeTemplateObject(["\n max-width: 100%;\n flex-direction: column;\n
|
|
7683
|
+
var Heading$a = styled.h1(templateObject_1$A || (templateObject_1$A = __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"])));
|
|
7684
|
+
var ImagesContainer = styled(OverlayImageContainer)(templateObject_2$u || (templateObject_2$u = __makeTemplateObject(["\n flex-grow: 1;\n overflow-y: auto;\n padding-bottom: 0;\n max-width: 100%;\n"], ["\n flex-grow: 1;\n overflow-y: auto;\n padding-bottom: 0;\n max-width: 100%;\n"])));
|
|
7685
|
+
var ImageRow = styled(OverlayImageRow)(templateObject_3$l || (templateObject_3$l = __makeTemplateObject(["\n max-width: 100%;\n flex-direction: column;\n position: relative;\n width: 100%;\n"], ["\n max-width: 100%;\n flex-direction: column;\n position: relative;\n width: 100%;\n"])));
|
|
7686
7686
|
var ImageCol$1 = styled.div(templateObject_4$f || (templateObject_4$f = __makeTemplateObject(["\n width: 450px;\n max-width: 100%;\n max-height: none !important;\n"], ["\n width: 450px;\n max-width: 100%;\n max-height: none !important;\n"])));
|
|
7687
|
-
var StyledImage = styled(CapturedDocumentImg)(templateObject_5$
|
|
7687
|
+
var StyledImage = styled(CapturedDocumentImg)(templateObject_5$b || (templateObject_5$b = __makeTemplateObject(["\n width: 100%;\n border-radius: 12px;\n"], ["\n width: 100%;\n border-radius: 12px;\n"])));
|
|
7688
7688
|
var DebugPre = styled.pre(templateObject_6$8 || (templateObject_6$8 = __makeTemplateObject(["\n display: block;\n text-align: left;\n width: 100%;\n max-width: 100%;\n overflow-x: auto;\n"], ["\n display: block;\n text-align: left;\n width: 100%;\n max-width: 100%;\n overflow-x: auto;\n"])));
|
|
7689
|
-
var templateObject_1$
|
|
7689
|
+
var templateObject_1$A, templateObject_2$u, templateObject_3$l, templateObject_4$f, templateObject_5$b, templateObject_6$8;
|
|
7690
7690
|
|
|
7691
7691
|
function useShowSuccessScreen(skipSuccessScreen, successScreenReady, onDoneCallback) {
|
|
7692
7692
|
var _this = this;
|
|
@@ -7738,10 +7738,10 @@ function resetCanvasDimensions(canvas) {
|
|
|
7738
7738
|
canvas.style.height = '0';
|
|
7739
7739
|
}
|
|
7740
7740
|
|
|
7741
|
-
var IdCardGuideImageContainer = styled(IdCardBorder)(templateObject_1$
|
|
7741
|
+
var IdCardGuideImageContainer = styled(IdCardBorder)(templateObject_1$z || (templateObject_1$z = __makeTemplateObject(["\n position: relative;\n ", "\n box-sizing: border-box;\n"], ["\n position: relative;\n ", "\n box-sizing: border-box;\n"])), function (props) {
|
|
7742
7742
|
return props.$isVisible ? '' : 'opacity: 0;';
|
|
7743
7743
|
});
|
|
7744
|
-
var IdCardGuideImage = styled.img(templateObject_2$
|
|
7744
|
+
var IdCardGuideImage = styled.img(templateObject_2$t || (templateObject_2$t = __makeTemplateObject(["\n transform-style: preserve-3d;\n ", "\n ", "\n"], ["\n transform-style: preserve-3d;\n ", "\n ", "\n"])), function (props) {
|
|
7745
7745
|
return props.$isMirrored ? 'transform: scaleX(-1);' : '';
|
|
7746
7746
|
}, function (props) {
|
|
7747
7747
|
return props.$isInvisible ? 'opacity: 0;' : '';
|
|
@@ -7887,14 +7887,14 @@ function IdCardBorderSvg(_a) {
|
|
|
7887
7887
|
}
|
|
7888
7888
|
var IdCardBorderContainer = styled.div(templateObject_3$k || (templateObject_3$k = __makeTemplateObject(["\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 & > .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"])), wavesAnimation);
|
|
7889
7889
|
var SvgOverlay = styled.svg(templateObject_4$e || (templateObject_4$e = __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"])));
|
|
7890
|
-
var IdCardBorderRect = styled.rect(templateObject_5$
|
|
7890
|
+
var IdCardBorderRect = styled.rect(templateObject_5$a || (templateObject_5$a = __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) {
|
|
7891
7891
|
var _a;
|
|
7892
7892
|
return (_a = props.$speed) !== null && _a !== void 0 ? _a : '3s';
|
|
7893
7893
|
}, function (props) {
|
|
7894
7894
|
var _a;
|
|
7895
7895
|
return (_a = props.$fillMode) !== null && _a !== void 0 ? _a : 'forwards';
|
|
7896
7896
|
});
|
|
7897
|
-
var templateObject_1$
|
|
7897
|
+
var templateObject_1$z, templateObject_2$t, templateObject_3$k, templateObject_4$e, templateObject_5$a;
|
|
7898
7898
|
|
|
7899
7899
|
var defaultIdCaptureGuideImages = {
|
|
7900
7900
|
portrait: {
|
|
@@ -8070,12 +8070,12 @@ var IdVideoCaptureFlipIdPrompt = function IdVideoCaptureFlipIdPrompt(_a) {
|
|
|
8070
8070
|
style: imageStyle
|
|
8071
8071
|
})));
|
|
8072
8072
|
};
|
|
8073
|
-
var FlipImageContainer = styled(IdCardGuideImageContainer)(templateObject_1$
|
|
8073
|
+
var FlipImageContainer = styled(IdCardGuideImageContainer)(templateObject_1$y || (templateObject_1$y = __makeTemplateObject(["\n backface-visibility: hidden;\n transition: transform ", "s;\n transform: ", ";\n transform-style: preserve-3d;\n position: absolute;\n display: block;\n top: 0;\n width: 100%;\n max-height: 100%;\n"], ["\n backface-visibility: hidden;\n transition: transform ", "s;\n transform: ", ";\n transform-style: preserve-3d;\n position: absolute;\n display: block;\n top: 0;\n width: 100%;\n max-height: 100%;\n"])), function (props) {
|
|
8074
8074
|
return props.$transitionTime;
|
|
8075
8075
|
}, function (props) {
|
|
8076
8076
|
return props.$transforms;
|
|
8077
8077
|
});
|
|
8078
|
-
var templateObject_1$
|
|
8078
|
+
var templateObject_1$y;
|
|
8079
8079
|
|
|
8080
8080
|
var GuideOrientationContext = /*#__PURE__*/createContext({
|
|
8081
8081
|
orientation: 'landscape',
|
|
@@ -8362,8 +8362,8 @@ var regionClsx = function regionClsx(classNames, which) {
|
|
|
8362
8362
|
return v;
|
|
8363
8363
|
}).join(' ');
|
|
8364
8364
|
};
|
|
8365
|
-
var StyledPageContainer = styled.div(templateObject_1$
|
|
8366
|
-
var GuidesContainer = styled.div(templateObject_2$
|
|
8365
|
+
var StyledPageContainer = styled.div(templateObject_1$x || (templateObject_1$x = __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"])));
|
|
8366
|
+
var GuidesContainer = styled.div(templateObject_2$s || (templateObject_2$s = __makeTemplateObject(["\n display: flex;\n flex-flow: column nowrap;\n width: 100%;\n height: 100%;\n"], ["\n display: flex;\n flex-flow: column nowrap;\n width: 100%;\n height: 100%;\n"])));
|
|
8367
8367
|
var GuideCenterRow = styled.div(templateObject_3$j || (templateObject_3$j = __makeTemplateObject(["\n position: relative;\n display: flex;\n flex-flow: row nowrap;\n align-items: center;\n justify-items: center;\n box-sizing: border-box;\n max-width: 100%;\n max-height: 100%;\n min-height: 0;\n flex: 1;\n"], ["\n position: relative;\n display: flex;\n flex-flow: row nowrap;\n align-items: center;\n justify-items: center;\n box-sizing: border-box;\n max-width: 100%;\n max-height: 100%;\n min-height: 0;\n flex: 1;\n"])));
|
|
8368
8368
|
var GuideRegion = styled.div(templateObject_4$d || (templateObject_4$d = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n justify-content: end;\n width: 100%;\n position: relative;\n z-index: 1000;\n background: ", ";\n color: ", ";\n text-align: center;\n ", "\n ", "\n"], ["\n display: flex;\n flex-direction: column;\n justify-content: end;\n width: 100%;\n position: relative;\n z-index: 1000;\n background: ", ";\n color: ", ";\n text-align: center;\n ", "\n ", "\n"])), function (props) {
|
|
8369
8369
|
var _a, _b, _c, _d, _e;
|
|
@@ -8376,7 +8376,7 @@ var GuideRegion = styled.div(templateObject_4$d || (templateObject_4$d = __makeT
|
|
|
8376
8376
|
}, function (props) {
|
|
8377
8377
|
return props.$minHeight ? "min-height: ".concat(props.$minHeight, "px;") : "";
|
|
8378
8378
|
});
|
|
8379
|
-
var Spacer = styled(GuideRegion)(templateObject_5$
|
|
8379
|
+
var Spacer = styled(GuideRegion)(templateObject_5$9 || (templateObject_5$9 = __makeTemplateObject(["\n display: block;\n width: auto;\n"], ["\n display: block;\n width: auto;\n"])));
|
|
8380
8380
|
var GuideCenterRegion = styled.div(templateObject_6$7 || (templateObject_6$7 = __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) {
|
|
8381
8381
|
return props.$minWidth ? "min-width: ".concat(props.$minWidth, "px;") : "";
|
|
8382
8382
|
}, function (props) {
|
|
@@ -8390,7 +8390,7 @@ var GuideCenterBorder = styled.div(templateObject_7$5 || (templateObject_7$5 = _
|
|
|
8390
8390
|
});
|
|
8391
8391
|
var GuideText = styled.span(templateObject_8$1 || (templateObject_8$1 = __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"])));
|
|
8392
8392
|
var GuideCenterInner = styled.div(templateObject_9$1 || (templateObject_9$1 = __makeTemplateObject(["\n position: relative;\n margin: auto;\n"], ["\n position: relative;\n margin: auto;\n"])));
|
|
8393
|
-
var templateObject_1$
|
|
8393
|
+
var templateObject_1$x, templateObject_2$s, templateObject_3$j, templateObject_4$d, templateObject_5$9, templateObject_6$7, templateObject_7$5, templateObject_8$1, templateObject_9$1;
|
|
8394
8394
|
|
|
8395
8395
|
var IdCaptureFitGuide = function IdCaptureFitGuide(_a) {
|
|
8396
8396
|
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
|
|
@@ -8531,11 +8531,11 @@ var IdCaptureFitGuide = function IdCaptureFitGuide(_a) {
|
|
|
8531
8531
|
progress: progress
|
|
8532
8532
|
}));
|
|
8533
8533
|
};
|
|
8534
|
-
var CanvasWrapper$1 = styled.div(templateObject_1$
|
|
8534
|
+
var CanvasWrapper$1 = styled.div(templateObject_1$w || (templateObject_1$w = __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) {
|
|
8535
8535
|
return props.$maskColor;
|
|
8536
8536
|
});
|
|
8537
|
-
var Canvas$1 = styled.canvas(templateObject_2$
|
|
8538
|
-
var templateObject_1$
|
|
8537
|
+
var Canvas$1 = styled.canvas(templateObject_2$r || (templateObject_2$r = __makeTemplateObject(["\n display: block;\n"], ["\n display: block;\n"])));
|
|
8538
|
+
var templateObject_1$w, templateObject_2$r;
|
|
8539
8539
|
|
|
8540
8540
|
function IdCaptureGuides(_a) {
|
|
8541
8541
|
var _b = _a.guideType,
|
|
@@ -8591,7 +8591,7 @@ function IdCaptureGuides(_a) {
|
|
|
8591
8591
|
})));
|
|
8592
8592
|
}
|
|
8593
8593
|
|
|
8594
|
-
var Spinner = styled.div(templateObject_1$
|
|
8594
|
+
var Spinner = styled.div(templateObject_1$v || (templateObject_1$v = __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) {
|
|
8595
8595
|
var $size = _a.$size;
|
|
8596
8596
|
return $size !== null && $size !== void 0 ? $size : 80;
|
|
8597
8597
|
}, function (_a) {
|
|
@@ -8616,11 +8616,11 @@ var Spinner = styled.div(templateObject_1$u || (templateObject_1$u = __makeTempl
|
|
|
8616
8616
|
var $color = _a.$color;
|
|
8617
8617
|
return $color !== null && $color !== void 0 ? $color : '#888';
|
|
8618
8618
|
}, dualRingSpinnerAnimation);
|
|
8619
|
-
var SpinnerPageContainer = styled.div(templateObject_2$
|
|
8619
|
+
var SpinnerPageContainer = styled.div(templateObject_2$q || (templateObject_2$q = __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"])));
|
|
8620
8620
|
function SpinnerPage() {
|
|
8621
8621
|
return /*#__PURE__*/React__default.createElement(SpinnerPageContainer, null, /*#__PURE__*/React__default.createElement(Spinner, null));
|
|
8622
8622
|
}
|
|
8623
|
-
var templateObject_1$
|
|
8623
|
+
var templateObject_1$v, templateObject_2$q;
|
|
8624
8624
|
|
|
8625
8625
|
var IdCaptureImagePreview = function IdCaptureImagePreview(_a) {
|
|
8626
8626
|
var _b = _a.classNames,
|
|
@@ -8707,11 +8707,11 @@ var SelfieProgressPreview = function SelfieProgressPreview(_a) {
|
|
|
8707
8707
|
onError: onError
|
|
8708
8708
|
})));
|
|
8709
8709
|
};
|
|
8710
|
-
var StyledSpinner = styled(Spinner)(templateObject_1$
|
|
8711
|
-
var ImagePreviewWrapper = styled.div(templateObject_2$
|
|
8710
|
+
var StyledSpinner = styled(Spinner)(templateObject_1$u || (templateObject_1$u = __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"])));
|
|
8711
|
+
var ImagePreviewWrapper = styled.div(templateObject_2$p || (templateObject_2$p = __makeTemplateObject(["\n position: absolute;\n display: flex;\n flex-direction: column;\n height: 33%;\n bottom: 12px;\n right: 12px;\n"], ["\n position: absolute;\n display: flex;\n flex-direction: column;\n height: 33%;\n bottom: 12px;\n right: 12px;\n"])));
|
|
8712
8712
|
var ImagePreviewText = styled.div(templateObject_3$i || (templateObject_3$i = __makeTemplateObject(["\n display: block;\n position: absolute;\n top: -32px;\n font:\n 14px -apple-system,\n BlinkMacSystemFont,\n 'Segoe UI',\n Roboto,\n Helvetica,\n Arial,\n sans-serif,\n 'Apple Color Emoji',\n 'Segoe UI Emoji',\n 'Segoe UI Symbol';\n color: white;\n text-align: center;\n margin: 0 auto;\n width: 100%;\n"], ["\n display: block;\n position: absolute;\n top: -32px;\n font:\n 14px -apple-system,\n BlinkMacSystemFont,\n 'Segoe UI',\n Roboto,\n Helvetica,\n Arial,\n sans-serif,\n 'Apple Color Emoji',\n 'Segoe UI Emoji',\n 'Segoe UI Symbol';\n color: white;\n text-align: center;\n margin: 0 auto;\n width: 100%;\n"])));
|
|
8713
8713
|
var ImagePreviewImageWrapper = styled.div(templateObject_4$c || (templateObject_4$c = __makeTemplateObject(["\n position: relative;\n height: calc(100% - 8px);\n padding: 4px;\n border-radius: 4px;\n background: white;\n\n & > img {\n border-radius: 4px;\n width: auto;\n max-height: 100%;\n }\n"], ["\n position: relative;\n height: calc(100% - 8px);\n padding: 4px;\n border-radius: 4px;\n background: white;\n\n & > img {\n border-radius: 4px;\n width: auto;\n max-height: 100%;\n }\n"])));
|
|
8714
|
-
var templateObject_1$
|
|
8714
|
+
var templateObject_1$u, templateObject_2$p, templateObject_3$i, templateObject_4$c;
|
|
8715
8715
|
|
|
8716
8716
|
var documentCaptureInitialState = {
|
|
8717
8717
|
documents: [],
|
|
@@ -9059,16 +9059,16 @@ var DocumentCaptureGuideOverlay = function DocumentCaptureGuideOverlay(_a) {
|
|
|
9059
9059
|
ref: canvasRef
|
|
9060
9060
|
}));
|
|
9061
9061
|
};
|
|
9062
|
-
var CanvasWrapper = styled.div(templateObject_1$
|
|
9062
|
+
var CanvasWrapper = styled.div(templateObject_1$t || (templateObject_1$t = __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) {
|
|
9063
9063
|
return props.$maskColor;
|
|
9064
9064
|
});
|
|
9065
|
-
var Canvas = styled.canvas(templateObject_2$
|
|
9066
|
-
var templateObject_1$
|
|
9065
|
+
var Canvas = styled.canvas(templateObject_2$o || (templateObject_2$o = __makeTemplateObject(["\n display: block;\n"], ["\n display: block;\n"])));
|
|
9066
|
+
var templateObject_1$t, templateObject_2$o;
|
|
9067
9067
|
|
|
9068
|
-
var CameraFeedWrapper = styled.div(templateObject_1$
|
|
9068
|
+
var CameraFeedWrapper = styled.div(templateObject_1$s || (templateObject_1$s = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
9069
9069
|
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;") : "";
|
|
9070
9070
|
});
|
|
9071
|
-
var templateObject_1$
|
|
9071
|
+
var templateObject_1$s;
|
|
9072
9072
|
|
|
9073
9073
|
var CameraVideoTag = function CameraVideoTag(props) {
|
|
9074
9074
|
var _a = useCameraStore(useShallow(function (store) {
|
|
@@ -9099,10 +9099,10 @@ var CameraVideoTag = function CameraVideoTag(props) {
|
|
|
9099
9099
|
"$isRearFacing": isRearFacing
|
|
9100
9100
|
}, props));
|
|
9101
9101
|
};
|
|
9102
|
-
var FullscreenVideoTag = styled.video(templateObject_1$
|
|
9102
|
+
var FullscreenVideoTag = styled.video(templateObject_1$r || (templateObject_1$r = __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) {
|
|
9103
9103
|
return props.$isRearFacing ? '' : 'scaleX(-1)';
|
|
9104
9104
|
});
|
|
9105
|
-
var templateObject_1$
|
|
9105
|
+
var templateObject_1$r;
|
|
9106
9106
|
|
|
9107
9107
|
var DocumentCaptureScreen = function DocumentCaptureScreen(_a) {
|
|
9108
9108
|
var _b, _c, _d, _e;
|
|
@@ -9250,21 +9250,21 @@ var DocumentCaptureScreen = function DocumentCaptureScreen(_a) {
|
|
|
9250
9250
|
disabled: !cameraReady || capturing
|
|
9251
9251
|
}, !cameraReady ? verbiage.loadingBtnText : capturing ? verbiage.capturingBtnText : verbiage.captureBtnText))))));
|
|
9252
9252
|
};
|
|
9253
|
-
var CaptureContainer = styled.div(templateObject_1$
|
|
9254
|
-
var HeadingRow = styled.div(templateObject_2$
|
|
9253
|
+
var CaptureContainer = styled.div(templateObject_1$q || (templateObject_1$q = __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"])));
|
|
9254
|
+
var HeadingRow = styled.div(templateObject_2$n || (templateObject_2$n = __makeTemplateObject(["\n background: ", ";\n text-align: center;\n color: white;\n"], ["\n background: ", ";\n text-align: center;\n color: white;\n"])), function (props) {
|
|
9255
9255
|
return props.$maskColor;
|
|
9256
9256
|
});
|
|
9257
9257
|
var Heading$9 = styled.h1(templateObject_3$h || (templateObject_3$h = __makeTemplateObject(["\n font-size: 22px;\n"], ["\n font-size: 22px;\n"])));
|
|
9258
9258
|
var FooterRow = styled.div(templateObject_4$b || (templateObject_4$b = __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) {
|
|
9259
9259
|
return props.$maskColor;
|
|
9260
9260
|
});
|
|
9261
|
-
var Instructions = styled.div(templateObject_5$
|
|
9261
|
+
var Instructions = styled.div(templateObject_5$8 || (templateObject_5$8 = __makeTemplateObject(["\n max-height: ", ";\n overflow-y: auto;\n"], ["\n max-height: ", ";\n overflow-y: auto;\n"])), function (props) {
|
|
9262
9262
|
var _a, _b, _c;
|
|
9263
9263
|
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';
|
|
9264
9264
|
});
|
|
9265
9265
|
var StyledButtonsRow$8 = styled(ButtonsRow$2)(templateObject_6$6 || (templateObject_6$6 = __makeTemplateObject(["\n padding-top: 20px;\n"], ["\n padding-top: 20px;\n"])));
|
|
9266
9266
|
var PreviewImage = styled.img(templateObject_7$4 || (templateObject_7$4 = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n object-fit: cover;\n"], ["\n width: 100%;\n height: 100%;\n object-fit: cover;\n"])));
|
|
9267
|
-
var templateObject_1$
|
|
9267
|
+
var templateObject_1$q, templateObject_2$n, templateObject_3$h, templateObject_4$b, templateObject_5$8, templateObject_6$6, templateObject_7$4;
|
|
9268
9268
|
|
|
9269
9269
|
var DocumentCaptureWizard = function DocumentCaptureWizard(_a) {
|
|
9270
9270
|
var onSuccess = _a.onSuccess,
|
|
@@ -9535,13 +9535,13 @@ var IdCaptureFallback = function IdCaptureFallback(_a) {
|
|
|
9535
9535
|
}
|
|
9536
9536
|
}, verbiage.doneBtnText))))));
|
|
9537
9537
|
};
|
|
9538
|
-
var StyledOverlayInner$2 = styled(OverlayInner$2)(templateObject_1$
|
|
9539
|
-
var Heading$8 = styled.h3(templateObject_2$
|
|
9538
|
+
var StyledOverlayInner$2 = styled(OverlayInner$2)(templateObject_1$p || (templateObject_1$p = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
9539
|
+
var Heading$8 = styled.h3(templateObject_2$m || (templateObject_2$m = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
9540
9540
|
var Description$3 = styled.p(templateObject_3$g || (templateObject_3$g = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
9541
9541
|
var Instruction = styled.p(templateObject_4$a || (templateObject_4$a = __makeTemplateObject(["\n font-weight: bold;\n"], ["\n font-weight: bold;\n"])));
|
|
9542
|
-
var ImageCol = styled.div(templateObject_5$
|
|
9542
|
+
var ImageCol = styled.div(templateObject_5$7 || (templateObject_5$7 = __makeTemplateObject(["\n display: flex;\n justify-content: center;\n flex-grow: 1;\n flex-basis: 0;\n"], ["\n display: flex;\n justify-content: center;\n flex-grow: 1;\n flex-basis: 0;\n"])));
|
|
9543
9543
|
var StyledButtonsRow$7 = styled(ButtonsRow$2)(templateObject_6$5 || (templateObject_6$5 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
9544
|
-
var templateObject_1$
|
|
9544
|
+
var templateObject_1$p, templateObject_2$m, templateObject_3$g, templateObject_4$a, templateObject_5$7, templateObject_6$5;
|
|
9545
9545
|
|
|
9546
9546
|
function ScalingCameraFeed() {
|
|
9547
9547
|
var _a = useIdCaptureStore(),
|
|
@@ -9893,14 +9893,14 @@ function FilePickerButton(_a) {
|
|
|
9893
9893
|
}
|
|
9894
9894
|
}, file ? "".concat(file.name, " (").concat(humanFileSize(file.size), ")") : filePickerLoading ? loadingText : children));
|
|
9895
9895
|
}
|
|
9896
|
-
var ScreenContainer = styled.div(templateObject_1$
|
|
9896
|
+
var ScreenContainer = styled.div(templateObject_1$o || (templateObject_1$o = __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) {
|
|
9897
9897
|
var _a;
|
|
9898
9898
|
return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
|
|
9899
9899
|
});
|
|
9900
|
-
var ScreenPanel = styled.div(templateObject_2$
|
|
9900
|
+
var ScreenPanel = styled.div(templateObject_2$l || (templateObject_2$l = __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"])));
|
|
9901
9901
|
var SelectIdCardScreenPanel = styled(ScreenPanel)(templateObject_3$f || (templateObject_3$f = __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"])));
|
|
9902
9902
|
var ScreenPanelHeading = styled.h3(templateObject_4$9 || (templateObject_4$9 = __makeTemplateObject(["\n margin: 0 0 30px;\n"], ["\n margin: 0 0 30px;\n"])));
|
|
9903
|
-
var ScreenActionsBar = styled.div(templateObject_5$
|
|
9903
|
+
var ScreenActionsBar = styled.div(templateObject_5$6 || (templateObject_5$6 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: end;\n gap: 20px;\n padding: 20px;\n width: 100%;\n box-sizing: border-box;\n border-top: 1px solid #ccc;\n\n @media (max-width: 600px) {\n justify-content: center;\n }\n"], ["\n display: flex;\n align-items: center;\n justify-content: end;\n gap: 20px;\n padding: 20px;\n width: 100%;\n box-sizing: border-box;\n border-top: 1px solid #ccc;\n\n @media (max-width: 600px) {\n justify-content: center;\n }\n"])));
|
|
9904
9904
|
var DashedSeparator = styled.div(templateObject_6$4 || (templateObject_6$4 = __makeTemplateObject(["\n width: 100%;\n height: 0;\n border-top: 2px solid #606060;\n border-top-style: dashed;\n display: flex;\n align-items: center;\n justify-content: center;\n"], ["\n width: 100%;\n height: 0;\n border-top: 2px solid #606060;\n border-top-style: dashed;\n display: flex;\n align-items: center;\n justify-content: center;\n"])));
|
|
9905
9905
|
var OrWrapper = styled.div(templateObject_7$3 || (templateObject_7$3 = __makeTemplateObject(["\n color: #323232;\n font-weight: bold;\n background: white;\n border-radius: 50%;\n top: -2px;\n position: relative;\n width: 60px;\n height: 60px;\n display: flex;\n align-items: center;\n justify-content: center;\n"], ["\n color: #323232;\n font-weight: bold;\n background: white;\n border-radius: 50%;\n top: -2px;\n position: relative;\n width: 60px;\n height: 60px;\n display: flex;\n align-items: center;\n justify-content: center;\n"])));
|
|
9906
9906
|
var UploadIdBackHelpText = styled.p(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n color: #323232;\n font-style: italic;\n margin: 30px 0 0;\n"], ["\n color: #323232;\n font-style: italic;\n margin: 30px 0 0;\n"])));
|
|
@@ -10182,7 +10182,7 @@ function humanFileSize(bytes, si, dp) {
|
|
|
10182
10182
|
} while (Math.round(Math.abs(bytes) * r) / r >= thresh && u < units.length - 1);
|
|
10183
10183
|
return bytes.toFixed(dp) + ' ' + units[u];
|
|
10184
10184
|
}
|
|
10185
|
-
var templateObject_1$
|
|
10185
|
+
var templateObject_1$o, templateObject_2$l, templateObject_3$f, templateObject_4$9, templateObject_5$6, templateObject_6$4, templateObject_7$3, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13;
|
|
10186
10186
|
|
|
10187
10187
|
var IdCaptureWizard = function IdCaptureWizard(_a) {
|
|
10188
10188
|
var _b, _c, _d, _e, _f;
|
|
@@ -10875,7 +10875,7 @@ var HeadGuideSvg = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
10875
10875
|
}))));
|
|
10876
10876
|
});
|
|
10877
10877
|
HeadGuideSvg.displayName = 'HeadGuideSvg';
|
|
10878
|
-
var PulsingHeadGuideContainer = styled.div(templateObject_1$
|
|
10878
|
+
var PulsingHeadGuideContainer = styled.div(templateObject_1$n || (templateObject_1$n = __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);
|
|
10879
10879
|
function HeadGuide(_a) {
|
|
10880
10880
|
var _b;
|
|
10881
10881
|
var _c = _a.status,
|
|
@@ -10925,7 +10925,7 @@ function HeadGuide(_a) {
|
|
|
10925
10925
|
height: parentHeight
|
|
10926
10926
|
})));
|
|
10927
10927
|
}
|
|
10928
|
-
var AbsoluteSvg = styled.svg(templateObject_2$
|
|
10928
|
+
var AbsoluteSvg = styled.svg(templateObject_2$k || (templateObject_2$k = __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"])));
|
|
10929
10929
|
var RelativeSvgContainer = styled.div(templateObject_3$e || (templateObject_3$e = __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) {
|
|
10930
10930
|
return props.$verticalAlign === 'bottom' ? 'flex-end' : 'center';
|
|
10931
10931
|
});
|
|
@@ -11153,10 +11153,10 @@ function SelfieCaptureAnimatedMaskWithStatus(_a) {
|
|
|
11153
11153
|
status: status
|
|
11154
11154
|
}));
|
|
11155
11155
|
}
|
|
11156
|
-
var templateObject_1$
|
|
11156
|
+
var templateObject_1$n, templateObject_2$k, templateObject_3$e;
|
|
11157
11157
|
|
|
11158
|
-
var FaceCaptureGuideContainer = styled.div(templateObject_1$
|
|
11159
|
-
var FaceCaptureGuideInner = styled.div(templateObject_2$
|
|
11158
|
+
var FaceCaptureGuideContainer = styled.div(templateObject_1$m || (templateObject_1$m = __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"])));
|
|
11159
|
+
var FaceCaptureGuideInner = styled.div(templateObject_2$j || (templateObject_2$j = __makeTemplateObject(["\n position: relative;\n height: 60%;\n"], ["\n position: relative;\n height: 60%;\n"])));
|
|
11160
11160
|
var FaceCaptureGuideOverlay = function FaceCaptureGuideOverlay(_a) {
|
|
11161
11161
|
var _b = _a.classNames,
|
|
11162
11162
|
classNames = _b === void 0 ? {} : _b,
|
|
@@ -11178,7 +11178,7 @@ var FaceCaptureGuideOverlay = function FaceCaptureGuideOverlay(_a) {
|
|
|
11178
11178
|
verticalAlign: "center"
|
|
11179
11179
|
})));
|
|
11180
11180
|
};
|
|
11181
|
-
var templateObject_1$
|
|
11181
|
+
var templateObject_1$m, templateObject_2$j;
|
|
11182
11182
|
|
|
11183
11183
|
var SelfieGuidanceModelsContext = /*#__PURE__*/createContext({
|
|
11184
11184
|
start: function start() {
|
|
@@ -11498,12 +11498,12 @@ var SelfieCaptureFallback = function SelfieCaptureFallback(_a) {
|
|
|
11498
11498
|
}
|
|
11499
11499
|
}, !image ? invalidSelfie ? verbiage.retryButtonText : verbiage.captureBtnText : loading ? verbiage.doneBtnLoadingText : verbiage.doneBtnText)))));
|
|
11500
11500
|
};
|
|
11501
|
-
var StyledOverlayInner$1 = styled(OverlayInner$2)(templateObject_1$
|
|
11502
|
-
var Heading$7 = styled.h3(templateObject_2$
|
|
11501
|
+
var StyledOverlayInner$1 = styled(OverlayInner$2)(templateObject_1$l || (templateObject_1$l = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
11502
|
+
var Heading$7 = styled.h3(templateObject_2$i || (templateObject_2$i = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
11503
11503
|
var Description$2 = styled.p(templateObject_3$d || (templateObject_3$d = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
11504
11504
|
var ImageContainer$6 = styled(OverlayImageContainer)(templateObject_4$8 || (templateObject_4$8 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
11505
|
-
var StyledButtonsRow$6 = styled(ButtonsRow$2)(templateObject_5$
|
|
11506
|
-
var templateObject_1$
|
|
11505
|
+
var StyledButtonsRow$6 = styled(ButtonsRow$2)(templateObject_5$5 || (templateObject_5$5 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
11506
|
+
var templateObject_1$l, templateObject_2$i, templateObject_3$d, templateObject_4$8, templateObject_5$5;
|
|
11507
11507
|
|
|
11508
11508
|
var initialState$3 = {
|
|
11509
11509
|
busy: false,
|
|
@@ -11653,7 +11653,7 @@ var SelfieCapture = function SelfieCapture(_a) {
|
|
|
11653
11653
|
});
|
|
11654
11654
|
}
|
|
11655
11655
|
var GuidesComponent = guidesComponent !== null && guidesComponent !== void 0 ? guidesComponent : FaceCaptureGuideOverlay;
|
|
11656
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
11656
|
+
return /*#__PURE__*/React__default.createElement(Container$5, {
|
|
11657
11657
|
ref: ref,
|
|
11658
11658
|
className: classNames.container
|
|
11659
11659
|
}, /*#__PURE__*/React__default.createElement(InvisibleCanvas, {
|
|
@@ -11675,8 +11675,8 @@ var SelfieCapture = function SelfieCapture(_a) {
|
|
|
11675
11675
|
className: classNames.exitCaptureBtn
|
|
11676
11676
|
}));
|
|
11677
11677
|
};
|
|
11678
|
-
var Container$
|
|
11679
|
-
var templateObject_1$
|
|
11678
|
+
var Container$5 = styled.div(templateObject_1$k || (templateObject_1$k = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n"], ["\n width: 100%;\n height: 100%;\n"])));
|
|
11679
|
+
var templateObject_1$k;
|
|
11680
11680
|
|
|
11681
11681
|
var initialState$2 = {
|
|
11682
11682
|
frame: null,
|
|
@@ -12064,9 +12064,9 @@ var FaceLivenessSuccess = function FaceLivenessSuccess(_a) {
|
|
|
12064
12064
|
finished: true
|
|
12065
12065
|
}, verbiage.retryBtnText)))));
|
|
12066
12066
|
};
|
|
12067
|
-
var ImageContainer$5 = styled.div(templateObject_1$
|
|
12068
|
-
var Heading$6 = styled.h3(templateObject_2$
|
|
12069
|
-
var templateObject_1$
|
|
12067
|
+
var ImageContainer$5 = styled.div(templateObject_1$j || (templateObject_1$j = __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"])));
|
|
12068
|
+
var Heading$6 = styled.h3(templateObject_2$h || (templateObject_2$h = __makeTemplateObject(["\n font-size: 1.2rem;\n margin: 0;\n"], ["\n font-size: 1.2rem;\n margin: 0;\n"])));
|
|
12069
|
+
var templateObject_1$j, templateObject_2$h;
|
|
12070
12070
|
|
|
12071
12071
|
var FaceLivenessFailure = function FaceLivenessFailure(_a) {
|
|
12072
12072
|
var _b = _a.canRetry,
|
|
@@ -12115,9 +12115,9 @@ var FaceLivenessFailure = function FaceLivenessFailure(_a) {
|
|
|
12115
12115
|
finished: true
|
|
12116
12116
|
}, verbiage.exitBtnText)))));
|
|
12117
12117
|
};
|
|
12118
|
-
var ImageContainer$4 = styled(OverlayImageContainer)(templateObject_1$
|
|
12119
|
-
var Heading$5 = styled.h3(templateObject_2$
|
|
12120
|
-
var templateObject_1$
|
|
12118
|
+
var ImageContainer$4 = styled(OverlayImageContainer)(templateObject_1$i || (templateObject_1$i = __makeTemplateObject(["\n max-height: calc(100vh - 185px);\n"], ["\n max-height: calc(100vh - 185px);\n"])));
|
|
12119
|
+
var Heading$5 = styled.h3(templateObject_2$g || (templateObject_2$g = __makeTemplateObject(["\n margin-bottom: 36px;\n"], ["\n margin-bottom: 36px;\n"])));
|
|
12120
|
+
var templateObject_1$i, templateObject_2$g;
|
|
12121
12121
|
|
|
12122
12122
|
var MicrophoneAccessDeniedOverlay = function MicrophoneAccessDeniedOverlay(_a) {
|
|
12123
12123
|
var _b;
|
|
@@ -12160,11 +12160,11 @@ var MicrophoneAccessDeniedOverlay = function MicrophoneAccessDeniedOverlay(_a) {
|
|
|
12160
12160
|
finished: true
|
|
12161
12161
|
}, verbiage.retryBtnText)));
|
|
12162
12162
|
};
|
|
12163
|
-
var StyledOverlayInner = styled(OverlayInner$2)(templateObject_1$
|
|
12164
|
-
var StyledOverlayImageContainer = styled(OverlayImageContainer)(templateObject_2$
|
|
12163
|
+
var StyledOverlayInner = styled(OverlayInner$2)(templateObject_1$h || (templateObject_1$h = __makeTemplateObject(["\n max-width: 500px;\n height: auto;\n margin: auto;\n"], ["\n max-width: 500px;\n height: auto;\n margin: auto;\n"])));
|
|
12164
|
+
var StyledOverlayImageContainer = styled(OverlayImageContainer)(templateObject_2$f || (templateObject_2$f = __makeTemplateObject(["\n flex-grow: 0;\n"], ["\n flex-grow: 0;\n"])));
|
|
12165
12165
|
var Description$1 = styled.p(templateObject_3$c || (templateObject_3$c = __makeTemplateObject(["\n line-height: 1.5;\n margin-bottom: 50px;\n"], ["\n line-height: 1.5;\n margin-bottom: 50px;\n"])));
|
|
12166
12166
|
var RetryButton = styled(LoaderButton)(templateObject_4$7 || (templateObject_4$7 = __makeTemplateObject(["\n width: 200px;\n margin: 0 auto;\n"], ["\n width: 200px;\n margin: 0 auto;\n"])));
|
|
12167
|
-
var templateObject_1$
|
|
12167
|
+
var templateObject_1$h, templateObject_2$f, templateObject_3$c, templateObject_4$7;
|
|
12168
12168
|
|
|
12169
12169
|
var SelfieCaptureLoadingOverlayLegacy = function SelfieCaptureLoadingOverlayLegacy(_a) {
|
|
12170
12170
|
var onDismissed = _a.onDismissed,
|
|
@@ -12256,9 +12256,9 @@ var SelfieCaptureLoadingOverlayLegacy = function SelfieCaptureLoadingOverlayLega
|
|
|
12256
12256
|
}
|
|
12257
12257
|
}, ready ? verbiage.continueText : allModelsReady ? verbiage.cameraInitializingText : modelDownloadProgress >= 100 ? "".concat(verbiage.modelsWarmingUpText) : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)")))));
|
|
12258
12258
|
};
|
|
12259
|
-
var StyledGuidanceMessage = styled(GuidanceMessage)(templateObject_1$
|
|
12260
|
-
var StyledButtonsRow$5 = styled(ButtonsRow$2)(templateObject_2$
|
|
12261
|
-
var templateObject_1$
|
|
12259
|
+
var StyledGuidanceMessage = styled(GuidanceMessage)(templateObject_1$g || (templateObject_1$g = __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"])));
|
|
12260
|
+
var StyledButtonsRow$5 = styled(ButtonsRow$2)(templateObject_2$e || (templateObject_2$e = __makeTemplateObject(["\n flex-direction: column;\n padding-top: 25px;\n"], ["\n flex-direction: column;\n padding-top: 25px;\n"])));
|
|
12261
|
+
var templateObject_1$g, templateObject_2$e;
|
|
12262
12262
|
|
|
12263
12263
|
var legacyInstructionImageUrl = "".concat(DEFAULT_CDN_URL, "/Selfie-Image-1.png");
|
|
12264
12264
|
var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDefault(_a) {
|
|
@@ -12394,14 +12394,14 @@ var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDef
|
|
|
12394
12394
|
}
|
|
12395
12395
|
}, verbiage.continueText))))));
|
|
12396
12396
|
};
|
|
12397
|
-
var OverlayInner = styled(LoadingOverlayInner)(templateObject_1$
|
|
12397
|
+
var OverlayInner = styled(LoadingOverlayInner)(templateObject_1$f || (templateObject_1$f = __makeTemplateObject(["\n background: ", ";\n color: ", ";\n"], ["\n background: ", ";\n color: ", ";\n"])), function (props) {
|
|
12398
12398
|
var _a, _b, _c, _d;
|
|
12399
12399
|
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';
|
|
12400
12400
|
}, function (props) {
|
|
12401
12401
|
var _a, _b, _c, _d;
|
|
12402
12402
|
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';
|
|
12403
12403
|
});
|
|
12404
|
-
var ButtonsRow = styled(LoadingOverlayButtonsRow)(templateObject_2$
|
|
12404
|
+
var ButtonsRow = styled(LoadingOverlayButtonsRow)(templateObject_2$d || (templateObject_2$d = __makeTemplateObject(["\n color: ", ";\n ", "\n"], ["\n color: ", ";\n ", "\n"])), function (props) {
|
|
12405
12405
|
var _a, _b, _c, _d;
|
|
12406
12406
|
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';
|
|
12407
12407
|
}, function (props) {
|
|
@@ -12419,7 +12419,7 @@ var ProgressIndicator = styled(LoadingOverlayProgressIndicator)(templateObject_4
|
|
|
12419
12419
|
var _a, _b, _c, _d;
|
|
12420
12420
|
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)';
|
|
12421
12421
|
});
|
|
12422
|
-
var CustomLoadingGraphic = styled.img(templateObject_5$
|
|
12422
|
+
var CustomLoadingGraphic = styled.img(templateObject_5$4 || (templateObject_5$4 = __makeTemplateObject(["\n transform-style: preserve-3d;\n"], ["\n transform-style: preserve-3d;\n"])));
|
|
12423
12423
|
var ContinueButtonContainer = styled.div(templateObject_6$3 || (templateObject_6$3 = __makeTemplateObject(["\n display: flex;\n"], ["\n display: flex;\n"])));
|
|
12424
12424
|
var ContinueButton = styled(LoaderButton)(templateObject_7$2 || (templateObject_7$2 = __makeTemplateObject(["\n margin: auto;\n white-space: nowrap;\n ", "\n ", "\n \n &:focus-visible {\n ", "\n box-shadow: none;\n }\n"], ["\n margin: auto;\n white-space: nowrap;\n ", "\n ", "\n \n &:focus-visible {\n ", "\n box-shadow: none;\n }\n"])), function (props) {
|
|
12425
12425
|
var _a, _b, _c, _d, _e, _f;
|
|
@@ -12431,7 +12431,7 @@ var ContinueButton = styled(LoaderButton)(templateObject_7$2 || (templateObject_
|
|
|
12431
12431
|
var _a, _b, _c, _d, _e, _f;
|
|
12432
12432
|
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.continueBtnBorder) ? "border: ".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.continueBtnBorder, ";") : '';
|
|
12433
12433
|
});
|
|
12434
|
-
var templateObject_1$
|
|
12434
|
+
var templateObject_1$f, templateObject_2$d, templateObject_3$b, templateObject_4$6, templateObject_5$4, templateObject_6$3, templateObject_7$2;
|
|
12435
12435
|
|
|
12436
12436
|
var components = {
|
|
12437
12437
|
"default": SelfieCaptureLoadingOverlayDefault,
|
|
@@ -12739,24 +12739,26 @@ var SubmissionSuccess = function SubmissionSuccess() {
|
|
|
12739
12739
|
}
|
|
12740
12740
|
return JSON.stringify(body, null, 2);
|
|
12741
12741
|
}, [submissionRequest, truncateImages]);
|
|
12742
|
-
return /*#__PURE__*/React__default.createElement(
|
|
12742
|
+
return /*#__PURE__*/React__default.createElement(Container$4, null, /*#__PURE__*/React__default.createElement("h3", null, "Submission completed!"), /*#__PURE__*/React__default.createElement(LoaderButton, {
|
|
12743
12743
|
onClick: function onClick() {
|
|
12744
|
-
setShowRequestBody(!showRequestBody);
|
|
12744
|
+
return setShowRequestBody(!showRequestBody);
|
|
12745
12745
|
}
|
|
12746
|
-
}, showRequestBody ? 'Hide' : 'Show', " request body"), showRequestBody && ( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(
|
|
12746
|
+
}, showRequestBody ? 'Hide' : 'Show', " request body"), showRequestBody && ( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(LoaderButton, {
|
|
12747
12747
|
style: {
|
|
12748
12748
|
marginLeft: 8
|
|
12749
12749
|
},
|
|
12750
12750
|
onClick: function onClick() {
|
|
12751
|
-
setTruncateImages(!truncateImages);
|
|
12751
|
+
return setTruncateImages(!truncateImages);
|
|
12752
12752
|
}
|
|
12753
12753
|
}, truncateImages ? 'Display full images' : 'Truncate images'), /*#__PURE__*/React__default.createElement("h5", null, "Request Body"), /*#__PURE__*/React__default.createElement("pre", null, requestBodyDisplay))), /*#__PURE__*/React__default.createElement("h5", null, "Response Body"), /*#__PURE__*/React__default.createElement("pre", null, JSON.stringify(submissionResponse, null, 2)));
|
|
12754
12754
|
};
|
|
12755
|
+
var Container$4 = styled.div(templateObject_1$e || (templateObject_1$e = __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"])));
|
|
12755
12756
|
function truncate(str, max_chars) {
|
|
12756
12757
|
var truncated = str.split('').splice(0, max_chars).join('');
|
|
12757
12758
|
if (truncated.length < str.length) truncated += '...';
|
|
12758
12759
|
return truncated;
|
|
12759
12760
|
}
|
|
12761
|
+
var templateObject_1$e;
|
|
12760
12762
|
|
|
12761
12763
|
var AdditionalDocumentCapture = function AdditionalDocumentCapture(_a) {
|
|
12762
12764
|
var document = _a.document,
|
|
@@ -12833,10 +12835,10 @@ var AdditionalDocumentCapture = function AdditionalDocumentCapture(_a) {
|
|
|
12833
12835
|
}, verbiage.captureBtnText)))));
|
|
12834
12836
|
};
|
|
12835
12837
|
var Inner$2 = styled(OverlayInner$2)(templateObject_1$d || (templateObject_1$d = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
12836
|
-
var Heading$4 = styled.h3(templateObject_2$
|
|
12838
|
+
var Heading$4 = styled.h3(templateObject_2$c || (templateObject_2$c = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
12837
12839
|
var Description = styled.p(templateObject_3$a || (templateObject_3$a = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
12838
12840
|
var StyledButtonsRow$4 = styled(ButtonsRow$2)(templateObject_4$5 || (templateObject_4$5 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
12839
|
-
var templateObject_1$d, templateObject_2$
|
|
12841
|
+
var templateObject_1$d, templateObject_2$c, templateObject_3$a, templateObject_4$5;
|
|
12840
12842
|
|
|
12841
12843
|
var AdditionalDocumentCaptureWizard = function AdditionalDocumentCaptureWizard(_a) {
|
|
12842
12844
|
var documents = _a.documents,
|
|
@@ -12996,7 +12998,7 @@ var SignaturePaperBacking = styled.div(templateObject_1$c || (templateObject_1$c
|
|
|
12996
12998
|
var _a, _b;
|
|
12997
12999
|
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, ";") : "";
|
|
12998
13000
|
});
|
|
12999
|
-
var SignatureCanvasContainer$1 = styled.div(templateObject_2$
|
|
13001
|
+
var SignatureCanvasContainer$1 = styled.div(templateObject_2$b || (templateObject_2$b = __makeTemplateObject(["\n position: absolute;\n top: 25%;\n left: 15%;\n width: 70%;\n height: 50%;\n\n @media (max-width: 800px) {\n top: 15%;\n left: 2%;\n width: 96%;\n height: 70%;\n }\n"], ["\n position: absolute;\n top: 25%;\n left: 15%;\n width: 70%;\n height: 50%;\n\n @media (max-width: 800px) {\n top: 15%;\n left: 2%;\n width: 96%;\n height: 70%;\n }\n"])));
|
|
13000
13002
|
var SignaturePad = styled.div(templateObject_3$9 || (templateObject_3$9 = __makeTemplateObject(["\n position: relative;\n background: ", ";\n border: ", ";\n border-radius: ", ";\n flex-grow: 1;\n z-index: 100;\n height: 100%;\n"], ["\n position: relative;\n background: ", ";\n border: ", ";\n border-radius: ", ";\n flex-grow: 1;\n z-index: 100;\n height: 100%;\n"])), function (props) {
|
|
13001
13003
|
var _a, _b, _c;
|
|
13002
13004
|
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)';
|
|
@@ -13008,34 +13010,7 @@ var SignaturePad = styled.div(templateObject_3$9 || (templateObject_3$9 = __make
|
|
|
13008
13010
|
return (_c = (_b = (_a = props.theme.signatureCapture) === null || _a === void 0 ? void 0 : _a.canvas) === null || _b === void 0 ? void 0 : _b.borderRadius) !== null && _c !== void 0 ? _c : '16px';
|
|
13009
13011
|
});
|
|
13010
13012
|
var SignatureButtonsContainer = styled(ButtonsRow$2)(templateObject_4$4 || (templateObject_4$4 = __makeTemplateObject(["\n flex-grow: 0;\n padding-top: 12px;\n display: flex;\n z-index: 1000;\n position: relative;\n"], ["\n flex-grow: 0;\n padding-top: 12px;\n display: flex;\n z-index: 1000;\n position: relative;\n"])));
|
|
13011
|
-
var templateObject_1$c, templateObject_2$
|
|
13012
|
-
|
|
13013
|
-
var SdkPage = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
13014
|
-
var children = _a.children,
|
|
13015
|
-
className = _a.className,
|
|
13016
|
-
_b = _a.heightOffset,
|
|
13017
|
-
heightOffset = _b === void 0 ? 0 : _b,
|
|
13018
|
-
style = _a.style,
|
|
13019
|
-
onClick = _a.onClick;
|
|
13020
|
-
var theme = useTheme();
|
|
13021
|
-
return /*#__PURE__*/React__default.createElement(SdkPageOuter, {
|
|
13022
|
-
ref: ref,
|
|
13023
|
-
style: style,
|
|
13024
|
-
onClick: onClick,
|
|
13025
|
-
className: className,
|
|
13026
|
-
"$heightOffset": heightOffset
|
|
13027
|
-
}, theme.header && /*#__PURE__*/React__default.createElement(theme.header, null), /*#__PURE__*/React__default.createElement(SdkPageInner, null, children), theme.footer && /*#__PURE__*/React__default.createElement(theme.footer, null));
|
|
13028
|
-
});
|
|
13029
|
-
SdkPage.displayName = 'SdkPage';
|
|
13030
|
-
var SdkPageOuter = styled.div.attrs({
|
|
13031
|
-
className: 'sdk-page-outer'
|
|
13032
|
-
})(templateObject_1$b || (templateObject_1$b = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n overflow: hidden;\n\n ", "\n\n ", "\n"], ["\n display: flex;\n flex-direction: column;\n overflow: hidden;\n\n ", "\n\n ", "\n"])), function (props) {
|
|
13033
|
-
return props.theme.fontFamily ? "font-family: ".concat(props.theme.fontFamily, ";") : "";
|
|
13034
|
-
}, function (props) {
|
|
13035
|
-
return props.theme.isFullscreen === false ? "" : "\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n ";
|
|
13036
|
-
});
|
|
13037
|
-
var SdkPageInner = styled.div(templateObject_2$9 || (templateObject_2$9 = __makeTemplateObject(["\n flex: 1;\n position: relative;\n overflow: hidden;\n"], ["\n flex: 1;\n position: relative;\n overflow: hidden;\n"])));
|
|
13038
|
-
var templateObject_1$b, templateObject_2$9;
|
|
13013
|
+
var templateObject_1$c, templateObject_2$b, templateObject_3$9, templateObject_4$4;
|
|
13039
13014
|
|
|
13040
13015
|
var SignatureCapture = function SignatureCapture(_a) {
|
|
13041
13016
|
var onAccept = _a.onAccept,
|
|
@@ -13070,7 +13045,7 @@ var SignatureCapture = function SignatureCapture(_a) {
|
|
|
13070
13045
|
});
|
|
13071
13046
|
});
|
|
13072
13047
|
}
|
|
13073
|
-
return /*#__PURE__*/React__default.createElement(
|
|
13048
|
+
return /*#__PURE__*/React__default.createElement(Container$3, {
|
|
13074
13049
|
className: classNames.container
|
|
13075
13050
|
}, /*#__PURE__*/React__default.createElement(SignaturePaperBacking, {
|
|
13076
13051
|
className: classNames.inner
|
|
@@ -13108,8 +13083,9 @@ var SignatureCapture = function SignatureCapture(_a) {
|
|
|
13108
13083
|
finished: true
|
|
13109
13084
|
}, verbiage.acceptBtnText)))));
|
|
13110
13085
|
};
|
|
13111
|
-
var
|
|
13112
|
-
var
|
|
13086
|
+
var Container$3 = styled.div(templateObject_1$b || (templateObject_1$b = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n position: relative;\n"], ["\n width: 100%;\n height: 100%;\n position: relative;\n"])));
|
|
13087
|
+
var AcceptBtn$1 = styled(LoaderButton)(templateObject_2$a || (templateObject_2$a = __makeTemplateObject(["\n margin-left: auto;\n"], ["\n margin-left: auto;\n"])));
|
|
13088
|
+
var templateObject_1$b, templateObject_2$a;
|
|
13113
13089
|
|
|
13114
13090
|
var useVideoRecorder = function useVideoRecorder(camera, audioStream, mergeAVStreams) {
|
|
13115
13091
|
if (mergeAVStreams === void 0) {
|
|
@@ -13521,7 +13497,7 @@ function VideoSignatureGuides(_a) {
|
|
|
13521
13497
|
var isSigning = requestedAction === 'CAPTURE_SIGNATURE';
|
|
13522
13498
|
var canClear = isSigning && !signaturePadEmpty;
|
|
13523
13499
|
var canSubmit = isSigning && signatureValid;
|
|
13524
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
13500
|
+
return /*#__PURE__*/React__default.createElement(Container$2, {
|
|
13525
13501
|
className: classNames.container
|
|
13526
13502
|
}, /*#__PURE__*/React__default.createElement(Inner$1, {
|
|
13527
13503
|
className: classNames.inner
|
|
@@ -13577,19 +13553,19 @@ function VideoSignatureGuides(_a) {
|
|
|
13577
13553
|
finished: true
|
|
13578
13554
|
}, verbiage.acceptSignatureBtnText))))));
|
|
13579
13555
|
}
|
|
13580
|
-
var Container$
|
|
13556
|
+
var Container$2 = styled.div(templateObject_1$a || (templateObject_1$a = __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) {
|
|
13581
13557
|
var _a;
|
|
13582
13558
|
return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
|
|
13583
13559
|
});
|
|
13584
|
-
var Inner$1 = styled.div(templateObject_2$
|
|
13560
|
+
var Inner$1 = styled.div(templateObject_2$9 || (templateObject_2$9 = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n max-height: 1280px;\n display: flex;\n margin: auto;\n align-items: center;\n flex-direction: column;\n"], ["\n width: 100%;\n height: 100%;\n max-height: 1280px;\n display: flex;\n margin: auto;\n align-items: center;\n flex-direction: column;\n"])));
|
|
13585
13561
|
var FaceGuideContainer$1 = styled.div(templateObject_3$8 || (templateObject_3$8 = __makeTemplateObject(["\n position: relative;\n height: 50%;\n"], ["\n position: relative;\n height: 50%;\n"])));
|
|
13586
13562
|
var StyledSelfieCaptureAnimatedMask = styled(SelfieCaptureAnimatedMaskWithStatus)(templateObject_4$3 || (templateObject_4$3 = __makeTemplateObject(["\n max-width: 100%;\n height: 100%;\n"], ["\n max-width: 100%;\n height: 100%;\n"])));
|
|
13587
|
-
var SignaturePadContainer = styled.div(templateObject_5$
|
|
13563
|
+
var SignaturePadContainer = styled.div(templateObject_5$3 || (templateObject_5$3 = __makeTemplateObject(["\n position: relative;\n max-width: 100%;\n height: 50%;\n aspect-ratio: 2;\n"], ["\n position: relative;\n max-width: 100%;\n height: 50%;\n aspect-ratio: 2;\n"])));
|
|
13588
13564
|
var SignatureCanvasContainer = styled.div(templateObject_6$2 || (templateObject_6$2 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: calc(100% - 67px);\n ", "\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: calc(100% - 67px);\n ", "\n"])), function (props) {
|
|
13589
13565
|
return props.$disabled ? 'opacity: 0.5; pointer-events: none;' : '';
|
|
13590
13566
|
});
|
|
13591
13567
|
var AcceptBtn = styled(LoaderButton)(templateObject_7$1 || (templateObject_7$1 = __makeTemplateObject(["\n margin-left: auto;\n"], ["\n margin-left: auto;\n"])));
|
|
13592
|
-
var templateObject_1$
|
|
13568
|
+
var templateObject_1$a, templateObject_2$9, templateObject_3$8, templateObject_4$3, templateObject_5$3, templateObject_6$2, templateObject_7$1;
|
|
13593
13569
|
|
|
13594
13570
|
var DEFAULT_MIN_SIGNATURE_PAD_POINTS = 10;
|
|
13595
13571
|
var VideoSignatureCapture = function VideoSignatureCapture(_a) {
|
|
@@ -13727,8 +13703,8 @@ var VideoSignatureSuccess = function VideoSignatureSuccess(_a) {
|
|
|
13727
13703
|
finished: true
|
|
13728
13704
|
}, verbiage.doneBtnText))));
|
|
13729
13705
|
};
|
|
13730
|
-
var StyledVideo$1 = styled.video(templateObject_1$
|
|
13731
|
-
var templateObject_1$
|
|
13706
|
+
var StyledVideo$1 = styled.video(templateObject_1$9 || (templateObject_1$9 = __makeTemplateObject(["\n margin-left: auto;\n margin-right: auto;\n max-width: 100%;\n"], ["\n margin-left: auto;\n margin-right: auto;\n max-width: 100%;\n"])));
|
|
13707
|
+
var templateObject_1$9;
|
|
13732
13708
|
|
|
13733
13709
|
var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
13734
13710
|
var onComplete = _a.onComplete,
|
|
@@ -14036,7 +14012,7 @@ var IdVideoCaptureGuides = function IdVideoCaptureGuides(_a) {
|
|
|
14036
14012
|
};
|
|
14037
14013
|
}, [idCardGuideWidth, idCardGuideHeight, aspectRatio]);
|
|
14038
14014
|
var disableIdGuides = ((_u = (_t = theme.idVideoCapture) === null || _t === void 0 ? void 0 : _t.idCardGuides) === null || _u === void 0 ? void 0 : _u.disableDuringLivenessCheck) && requestedAction === 'VERIFY_LIVENESS';
|
|
14039
|
-
return /*#__PURE__*/React__default.createElement(Container, {
|
|
14015
|
+
return /*#__PURE__*/React__default.createElement(Container$1, {
|
|
14040
14016
|
className: classNames.container
|
|
14041
14017
|
}, /*#__PURE__*/React__default.createElement(Inner, null, /*#__PURE__*/React__default.createElement(FaceGuideContainer, {
|
|
14042
14018
|
className: classNames.faceGuideContainer
|
|
@@ -14075,25 +14051,25 @@ var IdVideoCaptureGuides = function IdVideoCaptureGuides(_a) {
|
|
|
14075
14051
|
borderWidth: idCardGuideBorderWidth,
|
|
14076
14052
|
borderColor: idCardGuideBorderColor,
|
|
14077
14053
|
imageStyle: idCardImageStyle
|
|
14078
|
-
}))), /*#__PURE__*/React__default.createElement(IdCardGuideInstructionsContainer, {
|
|
14054
|
+
}))))), /*#__PURE__*/React__default.createElement(IdCardGuideInstructionsContainer, {
|
|
14079
14055
|
className: classNames.idCardGuideInstructionsContainer
|
|
14080
14056
|
}, /*#__PURE__*/React__default.createElement(IdCardGuideInstructions, {
|
|
14081
14057
|
className: classNames.idCardGuideInstructions,
|
|
14082
14058
|
"$textColor": (_w = (_v = theme.idVideoCapture) === null || _v === void 0 ? void 0 : _v.idCardGuides) === null || _w === void 0 ? void 0 : _w.instructionsTextColor,
|
|
14083
14059
|
"$background": (_y = (_x = theme.idVideoCapture) === null || _x === void 0 ? void 0 : _x.idCardGuides) === null || _y === void 0 ? void 0 : _y.instructionsBackgroundColor
|
|
14084
|
-
}, instructionText))))
|
|
14060
|
+
}, instructionText))));
|
|
14085
14061
|
};
|
|
14086
|
-
var Container = styled.div(templateObject_1$
|
|
14062
|
+
var Container$1 = styled.div(templateObject_1$8 || (templateObject_1$8 = __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) {
|
|
14087
14063
|
var _a;
|
|
14088
14064
|
return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
|
|
14089
14065
|
});
|
|
14090
|
-
var Inner = styled.div(templateObject_2$
|
|
14066
|
+
var Inner = styled.div(templateObject_2$8 || (templateObject_2$8 = __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 justify-content: center;\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 justify-content: center;\n"])));
|
|
14091
14067
|
var FaceGuideContainer = styled.div(templateObject_3$7 || (templateObject_3$7 = __makeTemplateObject(["\n position: relative;\n height: 65%;\n"], ["\n position: relative;\n height: 65%;\n"])));
|
|
14092
14068
|
var IdCardGuideContainer = styled.div(templateObject_4$2 || (templateObject_4$2 = __makeTemplateObject(["\n display: flex;\n flex-flow: column nowrap;\n margin: 0 auto;\n position: relative;\n max-width: 100%;\n height: 35%;\n"], ["\n display: flex;\n flex-flow: column nowrap;\n margin: 0 auto;\n position: relative;\n max-width: 100%;\n height: 35%;\n"])));
|
|
14093
|
-
var IdCardGuideInner = styled.div(templateObject_5$
|
|
14094
|
-
var IdCardGuideInstructionsContainer = styled.div(templateObject_6$1 || (templateObject_6$1 = __makeTemplateObject(["\n width: 100%;\n text-align: center;\n color: white;\n display: flex;\n flex-direction: column;\n justify-content: end;\n
|
|
14095
|
-
var IdCardGuideInstructions = styled(GuidanceMessage)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n align-content: center;\n
|
|
14096
|
-
var templateObject_1$
|
|
14069
|
+
var IdCardGuideInner = styled.div(templateObject_5$2 || (templateObject_5$2 = __makeTemplateObject(["\n position: relative;\n height: 100%;\n width: 100%;\n"], ["\n position: relative;\n height: 100%;\n width: 100%;\n"])));
|
|
14070
|
+
var IdCardGuideInstructionsContainer = styled.div(templateObject_6$1 || (templateObject_6$1 = __makeTemplateObject(["\n width: 100%;\n text-align: center;\n color: white;\n display: flex;\n flex-direction: column;\n justify-content: end;\n position: absolute;\n bottom: 16px;\n left: 0;\n right: 0;\n box-sizing: border-box;\n"], ["\n width: 100%;\n text-align: center;\n color: white;\n display: flex;\n flex-direction: column;\n justify-content: end;\n position: absolute;\n bottom: 16px;\n left: 0;\n right: 0;\n box-sizing: border-box;\n"])));
|
|
14071
|
+
var IdCardGuideInstructions = styled(GuidanceMessage)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n align-content: center;\n padding: 8px 12px;\n font-weight: bold;\n font-size: 18px;\n"], ["\n align-content: center;\n padding: 8px 12px;\n font-weight: bold;\n font-size: 18px;\n"])));
|
|
14072
|
+
var templateObject_1$8, templateObject_2$8, templateObject_3$7, templateObject_4$2, templateObject_5$2, templateObject_6$1, templateObject_7;
|
|
14097
14073
|
|
|
14098
14074
|
var ReadTextPrompt = function ReadTextPrompt(_a) {
|
|
14099
14075
|
var text = _a.text,
|
|
@@ -14162,8 +14138,8 @@ var ReadTextPrompt = function ReadTextPrompt(_a) {
|
|
|
14162
14138
|
finished: true
|
|
14163
14139
|
}, verbiage.doneBtnText)));
|
|
14164
14140
|
};
|
|
14165
|
-
var ReadTextPromptContainer = styled.div(templateObject_1$
|
|
14166
|
-
var ReadTextPromptHeading = styled.div(templateObject_2$
|
|
14141
|
+
var ReadTextPromptContainer = styled.div(templateObject_1$7 || (templateObject_1$7 = __makeTemplateObject(["\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n display: flex;\n flex-direction: column;\n"], ["\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n display: flex;\n flex-direction: column;\n"])));
|
|
14142
|
+
var ReadTextPromptHeading = styled.div(templateObject_2$7 || (templateObject_2$7 = __makeTemplateObject(["\n padding: 20px;\n font-weight: bold;\n margin: auto auto 32px;\n\n ", ";\n ", ";\n ", ";\n"], ["\n padding: 20px;\n font-weight: bold;\n margin: auto auto 32px;\n\n ", ";\n ", ";\n ", ";\n"])), function (props) {
|
|
14167
14143
|
var _a, _b, _c, _d, _e, _f;
|
|
14168
14144
|
return ((_c = (_b = (_a = props.theme.idVideoCapture) === null || _a === void 0 ? void 0 : _a.readTextPrompt) === null || _b === void 0 ? void 0 : _b.heading) === null || _c === void 0 ? void 0 : _c.backgroundColor) ? "background: ".concat((_f = (_e = (_d = props.theme.idVideoCapture) === null || _d === void 0 ? void 0 : _d.readTextPrompt) === null || _e === void 0 ? void 0 : _e.heading) === null || _f === void 0 ? void 0 : _f.backgroundColor, ";") : "";
|
|
14169
14145
|
}, function (props) {
|
|
@@ -14184,7 +14160,7 @@ var ReadTextPromptText = styled.div(templateObject_3$6 || (templateObject_3$6 =
|
|
|
14184
14160
|
return ((_c = (_b = (_a = props.theme.idVideoCapture) === null || _a === void 0 ? void 0 : _a.readTextPrompt) === null || _b === void 0 ? void 0 : _b.prompt) === null || _c === void 0 ? void 0 : _c.borderRadius) ? "border-radius: ".concat((_f = (_e = (_d = props.theme.idVideoCapture) === null || _d === void 0 ? void 0 : _d.readTextPrompt) === null || _e === void 0 ? void 0 : _e.prompt) === null || _f === void 0 ? void 0 : _f.borderRadius, ";") : "";
|
|
14185
14161
|
});
|
|
14186
14162
|
var ReadTextPromptButtonsRow = styled(ButtonsRow$2)(templateObject_4$1 || (templateObject_4$1 = __makeTemplateObject(["\n margin: 32px auto auto;\n gap: 20px;\n"], ["\n margin: 32px auto auto;\n gap: 20px;\n"])));
|
|
14187
|
-
var ReadTextPromptTimeRemaining = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n padding: 20px;\n\n ", ";\n ", ";\n ", ";\n"], ["\n padding: 20px;\n\n ", ";\n ", ";\n ", ";\n"])), function (props) {
|
|
14163
|
+
var ReadTextPromptTimeRemaining = styled.div(templateObject_5$1 || (templateObject_5$1 = __makeTemplateObject(["\n padding: 20px;\n\n ", ";\n ", ";\n ", ";\n"], ["\n padding: 20px;\n\n ", ";\n ", ";\n ", ";\n"])), function (props) {
|
|
14188
14164
|
var _a, _b, _c, _d, _e, _f;
|
|
14189
14165
|
return ((_c = (_b = (_a = props.theme.idVideoCapture) === null || _a === void 0 ? void 0 : _a.readTextPrompt) === null || _b === void 0 ? void 0 : _b.timeRemaining) === null || _c === void 0 ? void 0 : _c.backgroundColor) ? "background: ".concat((_f = (_e = (_d = props.theme.idVideoCapture) === null || _d === void 0 ? void 0 : _d.readTextPrompt) === null || _e === void 0 ? void 0 : _e.timeRemaining) === null || _f === void 0 ? void 0 : _f.backgroundColor, ";") : "";
|
|
14190
14166
|
}, function (props) {
|
|
@@ -14195,7 +14171,7 @@ var ReadTextPromptTimeRemaining = styled.div(templateObject_5 || (templateObject
|
|
|
14195
14171
|
return ((_c = (_b = (_a = props.theme.idVideoCapture) === null || _a === void 0 ? void 0 : _a.readTextPrompt) === null || _b === void 0 ? void 0 : _b.timeRemaining) === null || _c === void 0 ? void 0 : _c.borderRadius) ? "border-radius: ".concat((_f = (_e = (_d = props.theme.idVideoCapture) === null || _d === void 0 ? void 0 : _d.readTextPrompt) === null || _e === void 0 ? void 0 : _e.timeRemaining) === null || _f === void 0 ? void 0 : _f.borderRadius, ";") : "";
|
|
14196
14172
|
});
|
|
14197
14173
|
var DoneButton = styled(LoaderButton)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n margin: auto 0;\n"], ["\n margin: auto 0;\n"])));
|
|
14198
|
-
var templateObject_1$
|
|
14174
|
+
var templateObject_1$7, templateObject_2$7, templateObject_3$6, templateObject_4$1, templateObject_5$1, templateObject_6;
|
|
14199
14175
|
|
|
14200
14176
|
var edgeBoundary = 0.05;
|
|
14201
14177
|
var defaultVideoIdCaptureThresholds = {
|
|
@@ -14593,7 +14569,7 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
14593
14569
|
});
|
|
14594
14570
|
var capturingId = ['SHOW_ID_FRONT', 'SHOW_ID_BACK', 'SHOW_PASSPORT'].includes(requestedAction);
|
|
14595
14571
|
var guidanceText = !faceCentered ? faceNotCenteredText : undefined;
|
|
14596
|
-
return /*#__PURE__*/React__default.createElement(
|
|
14572
|
+
return /*#__PURE__*/React__default.createElement(Container, {
|
|
14597
14573
|
ref: ref,
|
|
14598
14574
|
className: classNames.container
|
|
14599
14575
|
}, /*#__PURE__*/React__default.createElement(InvisibleCanvas, {
|
|
@@ -14654,16 +14630,17 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
14654
14630
|
className: classNames.exitCaptureBtn
|
|
14655
14631
|
}));
|
|
14656
14632
|
};
|
|
14657
|
-
var
|
|
14658
|
-
var
|
|
14659
|
-
var
|
|
14660
|
-
var
|
|
14633
|
+
var Container = styled.div(templateObject_1$6 || (templateObject_1$6 = __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"])));
|
|
14634
|
+
var CountdownContainer = styled.div(templateObject_2$6 || (templateObject_2$6 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 99999;\n display: flex;\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 99999;\n display: flex;\n"])));
|
|
14635
|
+
var Countdown = styled.div(templateObject_3$5 || (templateObject_3$5 = __makeTemplateObject(["\n color: white;\n font-size: 64px;\n font-weight: bold;\n margin: auto;\n"], ["\n color: white;\n font-size: 64px;\n font-weight: bold;\n margin: auto;\n"])));
|
|
14636
|
+
var CaptureButtonContainer = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n position: absolute;\n bottom: 0;\n width: 100%;\n display: flex;\n z-index: 100000;\n"], ["\n position: absolute;\n bottom: 0;\n width: 100%;\n display: flex;\n z-index: 100000;\n"])));
|
|
14637
|
+
var CaptureButton = styled(LoaderButton)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n margin: 0 auto 25px;\n"], ["\n margin: 0 auto 25px;\n"])));
|
|
14661
14638
|
function evaluateShouldSkip(value) {
|
|
14662
14639
|
if (value === true) return true;
|
|
14663
14640
|
if (typeof value === 'function') return value();
|
|
14664
14641
|
return false;
|
|
14665
14642
|
}
|
|
14666
|
-
var templateObject_1$
|
|
14643
|
+
var templateObject_1$6, templateObject_2$6, templateObject_3$5, templateObject_4, templateObject_5;
|
|
14667
14644
|
|
|
14668
14645
|
var IdVideoCaptureSuccess = function IdVideoCaptureSuccess(_a) {
|
|
14669
14646
|
var videoUrl = _a.videoUrl,
|
|
@@ -14783,10 +14760,10 @@ var IdVideoCaptureSuccess = function IdVideoCaptureSuccess(_a) {
|
|
|
14783
14760
|
finished: true
|
|
14784
14761
|
}, verbiage.doneBtnText))));
|
|
14785
14762
|
};
|
|
14786
|
-
var StyledVideo = styled.video(templateObject_1$
|
|
14787
|
-
var AssetSelectorOptions = styled.div(templateObject_2$
|
|
14763
|
+
var StyledVideo = styled.video(templateObject_1$5 || (templateObject_1$5 = __makeTemplateObject(["\n margin-left: auto;\n margin-right: auto;\n max-width: 100%;\n"], ["\n margin-left: auto;\n margin-right: auto;\n max-width: 100%;\n"])));
|
|
14764
|
+
var AssetSelectorOptions = styled.div(templateObject_2$5 || (templateObject_2$5 = __makeTemplateObject(["\n margin-bottom: 15px;\n display: flex;\n justify-content: center;\n"], ["\n margin-bottom: 15px;\n display: flex;\n justify-content: center;\n"])));
|
|
14788
14765
|
var AssetSelectorOption = styled.div(templateObject_3$4 || (templateObject_3$4 = __makeTemplateObject(["\n padding: 0 8px;\n display: flex;\n gap: 5px;\n align-items: center;\n\n & > input {\n margin: 0;\n padding: 0;\n display: block;\n }\n"], ["\n padding: 0 8px;\n display: flex;\n gap: 5px;\n align-items: center;\n\n & > input {\n margin: 0;\n padding: 0;\n display: block;\n }\n"])));
|
|
14789
|
-
var templateObject_1$
|
|
14766
|
+
var templateObject_1$5, templateObject_2$5, templateObject_3$4;
|
|
14790
14767
|
|
|
14791
14768
|
var VideoIdWizard = function VideoIdWizard(_a) {
|
|
14792
14769
|
var _b, _c, _d, _e, _f, _g, _h, _j;
|
|
@@ -15494,6 +15471,33 @@ var ThemeProvider = function ThemeProvider(_a) {
|
|
|
15494
15471
|
}, children);
|
|
15495
15472
|
};
|
|
15496
15473
|
|
|
15474
|
+
var SdkPage = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
15475
|
+
var children = _a.children,
|
|
15476
|
+
className = _a.className,
|
|
15477
|
+
_b = _a.heightOffset,
|
|
15478
|
+
heightOffset = _b === void 0 ? 0 : _b,
|
|
15479
|
+
style = _a.style,
|
|
15480
|
+
onClick = _a.onClick;
|
|
15481
|
+
var theme = useTheme();
|
|
15482
|
+
return /*#__PURE__*/React__default.createElement(SdkPageOuter, {
|
|
15483
|
+
ref: ref,
|
|
15484
|
+
style: style,
|
|
15485
|
+
onClick: onClick,
|
|
15486
|
+
className: className,
|
|
15487
|
+
"$heightOffset": heightOffset
|
|
15488
|
+
}, theme.header && /*#__PURE__*/React__default.createElement(theme.header, null), /*#__PURE__*/React__default.createElement(SdkPageInner, null, children), theme.footer && /*#__PURE__*/React__default.createElement(theme.footer, null));
|
|
15489
|
+
});
|
|
15490
|
+
SdkPage.displayName = 'SdkPage';
|
|
15491
|
+
var SdkPageOuter = styled.div.attrs({
|
|
15492
|
+
className: 'sdk-page-outer'
|
|
15493
|
+
})(templateObject_1$4 || (templateObject_1$4 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n overflow: hidden;\n\n ", "\n\n ", "\n"], ["\n display: flex;\n flex-direction: column;\n overflow: hidden;\n\n ", "\n\n ", "\n"])), function (props) {
|
|
15494
|
+
return props.theme.fontFamily ? "font-family: ".concat(props.theme.fontFamily, ";") : "";
|
|
15495
|
+
}, function (props) {
|
|
15496
|
+
return props.theme.isFullscreen === false ? "" : "\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n ";
|
|
15497
|
+
});
|
|
15498
|
+
var SdkPageInner = styled.div(templateObject_2$4 || (templateObject_2$4 = __makeTemplateObject(["\n flex: 1;\n position: relative;\n overflow: hidden;\n"], ["\n flex: 1;\n position: relative;\n overflow: hidden;\n"])));
|
|
15499
|
+
var templateObject_1$4, templateObject_2$4;
|
|
15500
|
+
|
|
15497
15501
|
/**
|
|
15498
15502
|
* Render a fullscreen ID capture component that instructs the user to photograph both sides of their ID card, or full page of their passport.
|
|
15499
15503
|
*/
|