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
|
@@ -235,7 +235,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
|
|
|
235
235
|
return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
|
|
236
236
|
};
|
|
237
237
|
|
|
238
|
-
var webSdkVersion = '2.2.
|
|
238
|
+
var webSdkVersion = '2.2.176';
|
|
239
239
|
|
|
240
240
|
function getPlatform() {
|
|
241
241
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
@@ -455,16 +455,16 @@ var LoaderButton = function LoaderButton(_a) {
|
|
|
455
455
|
className: "ladda-label"
|
|
456
456
|
}, children));
|
|
457
457
|
};
|
|
458
|
-
var StyledButton = styled__default.default.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) {
|
|
458
|
+
var StyledButton = styled__default.default.button(templateObject_1$P || (templateObject_1$P = __makeTemplateObject(["\n ", "\n\n /*!\n * Ladda\n * http://lab.hakim.se/ladda\n * MIT licensed\n *\n * Copyright (C) 2018 Hakim El Hattab, http://hakim.se\n */\n\n position: relative;\n\n .ladda-spinner {\n position: absolute;\n z-index: 2;\n display: inline-block;\n width: 32px;\n top: 50%;\n margin-top: 0;\n opacity: 0;\n pointer-events: none;\n }\n .ladda-label {\n position: relative;\n z-index: 3;\n }\n .ladda-progress {\n position: absolute;\n width: 0;\n height: 100%;\n left: 0;\n top: 0;\n background: rgba(0, 0, 0, 0.2);\n display: none;\n transition: 0.1s linear all !important;\n }\n &[data-loading] .ladda-progress {\n display: block;\n }\n\n transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;\n\n .ladda-spinner,\n .ladda-label {\n transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;\n }\n &[data-style='zoom-in'],\n &[data-style='zoom-in'] .ladda-spinner,\n &[data-style='zoom-in'] .ladda-label,\n &[data-style='zoom-out'],\n &[data-style='zoom-out'] .ladda-spinner,\n &[data-style='zoom-out'] .ladda-label {\n transition: 0.3s ease all !important;\n }\n &[data-style='expand-right'] .ladda-spinner {\n right: -6px;\n }\n &[data-style='expand-right'][data-size='s'] .ladda-spinner,\n &[data-style='expand-right'][data-size='xs'] .ladda-spinner {\n right: -12px;\n }\n &[data-style='expand-right'][data-loading] {\n padding-right: 56px;\n }\n &[data-style='expand-right'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='expand-right'][data-loading][data-size='s'],\n &[data-style='expand-right'][data-loading][data-size='xs'] {\n padding-right: 40px;\n }\n &[data-style='expand-left'] .ladda-spinner {\n left: 26px;\n }\n &[data-style='expand-left'][data-size='s'] .ladda-spinner,\n &[data-style='expand-left'][data-size='xs'] .ladda-spinner {\n left: 4px;\n }\n &[data-style='expand-left'][data-loading] {\n padding-left: 56px;\n }\n &[data-style='expand-left'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='expand-left'][data-loading][data-size='s'],\n &[data-style='expand-left'][data-loading][data-size='xs'] {\n padding-left: 40px;\n }\n &[data-style='expand-up'] {\n overflow: hidden;\n }\n &[data-style='expand-up'] .ladda-spinner {\n top: -32px;\n left: 50%;\n margin-left: 0;\n }\n &[data-style='expand-up'][data-loading] {\n padding-top: 54px;\n }\n &[data-style='expand-up'][data-loading] .ladda-spinner {\n opacity: 1;\n top: 26px;\n margin-top: 0;\n }\n &[data-style='expand-up'][data-loading][data-size='s'],\n &[data-style='expand-up'][data-loading][data-size='xs'] {\n padding-top: 32px;\n }\n &[data-style='expand-up'][data-loading][data-size='s'] .ladda-spinner,\n &[data-style='expand-up'][data-loading][data-size='xs'] .ladda-spinner {\n top: 4px;\n }\n &[data-style='expand-down'] {\n overflow: hidden;\n }\n &[data-style='expand-down'] .ladda-spinner {\n top: 62px;\n left: 50%;\n margin-left: 0;\n }\n &[data-style='expand-down'][data-size='s'] .ladda-spinner,\n &[data-style='expand-down'][data-size='xs'] .ladda-spinner {\n top: 40px;\n }\n &[data-style='expand-down'][data-loading] {\n padding-bottom: 54px;\n }\n &[data-style='expand-down'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='expand-down'][data-loading][data-size='s'],\n &[data-style='expand-down'][data-loading][data-size='xs'] {\n padding-bottom: 32px;\n }\n &[data-style='slide-left'] {\n overflow: hidden;\n }\n &[data-style='slide-left'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-left'] .ladda-spinner {\n left: 100%;\n margin-left: 0;\n }\n &[data-style='slide-left'][data-loading] .ladda-label {\n opacity: 0;\n left: -100%;\n }\n &[data-style='slide-left'][data-loading] .ladda-spinner {\n opacity: 1;\n left: 50%;\n }\n &[data-style='slide-right'] {\n overflow: hidden;\n }\n &[data-style='slide-right'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-right'] .ladda-spinner {\n right: 100%;\n margin-left: 0;\n left: 16px;\n }\n [dir='rtl'] &[data-style='slide-right'] .ladda-spinner {\n right: auto;\n }\n &[data-style='slide-right'][data-loading] .ladda-label {\n opacity: 0;\n left: 100%;\n }\n &[data-style='slide-right'][data-loading] .ladda-spinner {\n opacity: 1;\n left: 50%;\n }\n &[data-style='slide-up'] {\n overflow: hidden;\n }\n &[data-style='slide-up'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-up'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n margin-top: 1em;\n }\n &[data-style='slide-up'][data-loading] .ladda-label {\n opacity: 0;\n top: -1em;\n }\n &[data-style='slide-up'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-top: 0;\n }\n &[data-style='slide-down'] {\n overflow: hidden;\n }\n &[data-style='slide-down'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-down'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n margin-top: -2em;\n }\n &[data-style='slide-down'][data-loading] .ladda-label {\n opacity: 0;\n top: 1em;\n }\n &[data-style='slide-down'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-top: 0;\n }\n &[data-style='zoom-out'] {\n overflow: hidden;\n }\n &[data-style='zoom-out'] .ladda-spinner {\n left: 50%;\n margin-left: 32px;\n transform: scale(2.5);\n }\n &[data-style='zoom-out'] .ladda-label {\n position: relative;\n display: inline-block;\n }\n &[data-style='zoom-out'][data-loading] .ladda-label {\n opacity: 0;\n transform: scale(0.5);\n }\n &[data-style='zoom-out'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-left: 0;\n transform: none;\n }\n &[data-style='zoom-in'] {\n overflow: hidden;\n }\n &[data-style='zoom-in'] .ladda-spinner {\n left: 50%;\n margin-left: -16px;\n transform: scale(0.2);\n }\n &[data-style='zoom-in'] .ladda-label {\n position: relative;\n display: inline-block;\n }\n &[data-style='zoom-in'][data-loading] .ladda-label {\n opacity: 0;\n transform: scale(2.2);\n }\n &[data-style='zoom-in'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-left: 0;\n transform: none;\n }\n &[data-style='contract'] {\n overflow: hidden;\n width: 100px;\n }\n &[data-style='contract'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n }\n &[data-style='contract'][data-loading] {\n border-radius: 50%;\n width: 52px;\n }\n &[data-style='contract'][data-loading] .ladda-label {\n opacity: 0;\n }\n &[data-style='contract'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='contract-overlay'] {\n overflow: hidden;\n width: 100px;\n box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0);\n }\n &[data-style='contract-overlay'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n }\n &[data-style='contract-overlay'][data-loading] {\n border-radius: 50%;\n width: 52px;\n box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0.8);\n }\n &[data-style='contract-overlay'][data-loading] .ladda-label {\n opacity: 0;\n }\n &[data-style='contract-overlay'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n [dir='rtl'] .ladda-spinner > div {\n left: 25% !important;\n }\n"], ["\n ", "\n\n /*!\n * Ladda\n * http://lab.hakim.se/ladda\n * MIT licensed\n *\n * Copyright (C) 2018 Hakim El Hattab, http://hakim.se\n */\n\n position: relative;\n\n .ladda-spinner {\n position: absolute;\n z-index: 2;\n display: inline-block;\n width: 32px;\n top: 50%;\n margin-top: 0;\n opacity: 0;\n pointer-events: none;\n }\n .ladda-label {\n position: relative;\n z-index: 3;\n }\n .ladda-progress {\n position: absolute;\n width: 0;\n height: 100%;\n left: 0;\n top: 0;\n background: rgba(0, 0, 0, 0.2);\n display: none;\n transition: 0.1s linear all !important;\n }\n &[data-loading] .ladda-progress {\n display: block;\n }\n\n transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;\n\n .ladda-spinner,\n .ladda-label {\n transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;\n }\n &[data-style='zoom-in'],\n &[data-style='zoom-in'] .ladda-spinner,\n &[data-style='zoom-in'] .ladda-label,\n &[data-style='zoom-out'],\n &[data-style='zoom-out'] .ladda-spinner,\n &[data-style='zoom-out'] .ladda-label {\n transition: 0.3s ease all !important;\n }\n &[data-style='expand-right'] .ladda-spinner {\n right: -6px;\n }\n &[data-style='expand-right'][data-size='s'] .ladda-spinner,\n &[data-style='expand-right'][data-size='xs'] .ladda-spinner {\n right: -12px;\n }\n &[data-style='expand-right'][data-loading] {\n padding-right: 56px;\n }\n &[data-style='expand-right'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='expand-right'][data-loading][data-size='s'],\n &[data-style='expand-right'][data-loading][data-size='xs'] {\n padding-right: 40px;\n }\n &[data-style='expand-left'] .ladda-spinner {\n left: 26px;\n }\n &[data-style='expand-left'][data-size='s'] .ladda-spinner,\n &[data-style='expand-left'][data-size='xs'] .ladda-spinner {\n left: 4px;\n }\n &[data-style='expand-left'][data-loading] {\n padding-left: 56px;\n }\n &[data-style='expand-left'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='expand-left'][data-loading][data-size='s'],\n &[data-style='expand-left'][data-loading][data-size='xs'] {\n padding-left: 40px;\n }\n &[data-style='expand-up'] {\n overflow: hidden;\n }\n &[data-style='expand-up'] .ladda-spinner {\n top: -32px;\n left: 50%;\n margin-left: 0;\n }\n &[data-style='expand-up'][data-loading] {\n padding-top: 54px;\n }\n &[data-style='expand-up'][data-loading] .ladda-spinner {\n opacity: 1;\n top: 26px;\n margin-top: 0;\n }\n &[data-style='expand-up'][data-loading][data-size='s'],\n &[data-style='expand-up'][data-loading][data-size='xs'] {\n padding-top: 32px;\n }\n &[data-style='expand-up'][data-loading][data-size='s'] .ladda-spinner,\n &[data-style='expand-up'][data-loading][data-size='xs'] .ladda-spinner {\n top: 4px;\n }\n &[data-style='expand-down'] {\n overflow: hidden;\n }\n &[data-style='expand-down'] .ladda-spinner {\n top: 62px;\n left: 50%;\n margin-left: 0;\n }\n &[data-style='expand-down'][data-size='s'] .ladda-spinner,\n &[data-style='expand-down'][data-size='xs'] .ladda-spinner {\n top: 40px;\n }\n &[data-style='expand-down'][data-loading] {\n padding-bottom: 54px;\n }\n &[data-style='expand-down'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='expand-down'][data-loading][data-size='s'],\n &[data-style='expand-down'][data-loading][data-size='xs'] {\n padding-bottom: 32px;\n }\n &[data-style='slide-left'] {\n overflow: hidden;\n }\n &[data-style='slide-left'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-left'] .ladda-spinner {\n left: 100%;\n margin-left: 0;\n }\n &[data-style='slide-left'][data-loading] .ladda-label {\n opacity: 0;\n left: -100%;\n }\n &[data-style='slide-left'][data-loading] .ladda-spinner {\n opacity: 1;\n left: 50%;\n }\n &[data-style='slide-right'] {\n overflow: hidden;\n }\n &[data-style='slide-right'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-right'] .ladda-spinner {\n right: 100%;\n margin-left: 0;\n left: 16px;\n }\n [dir='rtl'] &[data-style='slide-right'] .ladda-spinner {\n right: auto;\n }\n &[data-style='slide-right'][data-loading] .ladda-label {\n opacity: 0;\n left: 100%;\n }\n &[data-style='slide-right'][data-loading] .ladda-spinner {\n opacity: 1;\n left: 50%;\n }\n &[data-style='slide-up'] {\n overflow: hidden;\n }\n &[data-style='slide-up'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-up'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n margin-top: 1em;\n }\n &[data-style='slide-up'][data-loading] .ladda-label {\n opacity: 0;\n top: -1em;\n }\n &[data-style='slide-up'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-top: 0;\n }\n &[data-style='slide-down'] {\n overflow: hidden;\n }\n &[data-style='slide-down'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-down'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n margin-top: -2em;\n }\n &[data-style='slide-down'][data-loading] .ladda-label {\n opacity: 0;\n top: 1em;\n }\n &[data-style='slide-down'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-top: 0;\n }\n &[data-style='zoom-out'] {\n overflow: hidden;\n }\n &[data-style='zoom-out'] .ladda-spinner {\n left: 50%;\n margin-left: 32px;\n transform: scale(2.5);\n }\n &[data-style='zoom-out'] .ladda-label {\n position: relative;\n display: inline-block;\n }\n &[data-style='zoom-out'][data-loading] .ladda-label {\n opacity: 0;\n transform: scale(0.5);\n }\n &[data-style='zoom-out'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-left: 0;\n transform: none;\n }\n &[data-style='zoom-in'] {\n overflow: hidden;\n }\n &[data-style='zoom-in'] .ladda-spinner {\n left: 50%;\n margin-left: -16px;\n transform: scale(0.2);\n }\n &[data-style='zoom-in'] .ladda-label {\n position: relative;\n display: inline-block;\n }\n &[data-style='zoom-in'][data-loading] .ladda-label {\n opacity: 0;\n transform: scale(2.2);\n }\n &[data-style='zoom-in'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-left: 0;\n transform: none;\n }\n &[data-style='contract'] {\n overflow: hidden;\n width: 100px;\n }\n &[data-style='contract'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n }\n &[data-style='contract'][data-loading] {\n border-radius: 50%;\n width: 52px;\n }\n &[data-style='contract'][data-loading] .ladda-label {\n opacity: 0;\n }\n &[data-style='contract'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='contract-overlay'] {\n overflow: hidden;\n width: 100px;\n box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0);\n }\n &[data-style='contract-overlay'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n }\n &[data-style='contract-overlay'][data-loading] {\n border-radius: 50%;\n width: 52px;\n box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0.8);\n }\n &[data-style='contract-overlay'][data-loading] .ladda-label {\n opacity: 0;\n }\n &[data-style='contract-overlay'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n [dir='rtl'] .ladda-spinner > div {\n left: 25% !important;\n }\n"])), function (props) {
|
|
459
459
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
|
|
460
460
|
return ((_a = props.theme.buttons) === null || _a === void 0 ? void 0 : _a.style) === 'bootstrap' && "\n border-radius: 0;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n text-transform: none;\n -webkit-appearance: button;\n \n &:not(:disabled),\n &[type='button']:not(:disabled),\n &[type='reset']:not(:disabled),\n &[type='submit']:not(:disabled) {\n cursor: pointer;\n }\n \n &:focus:not(:focus-visible) {\n outline: 0;\n }\n \n --bs-btn-padding-x: 0.75rem;\n --bs-btn-padding-y: 0.375rem;\n --bs-btn-font-family: ;\n --bs-btn-font-size: 1rem;\n --bs-btn-font-weight: 400;\n --bs-btn-line-height: 1.5;\n --bs-btn-color: var(--bs-body-color);\n --bs-btn-bg: transparent;\n --bs-btn-border-width: var(--bs-border-width);\n --bs-btn-border-color: transparent;\n --bs-btn-border-radius: var(--bs-border-radius);\n --bs-btn-hover-border-color: transparent;\n --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),\n 0 1px 1px rgba(0, 0, 0, 0.075);\n --bs-btn-disabled-opacity: 0.65;\n --bs-btn-focus-box-shadow: 0 0 0 0.25rem\n rgba(var(--bs-btn-focus-shadow-rgb), 0.5);\n display: inline-block;\n padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);\n font-family: var(--bs-btn-font-family);\n font-size: var(--bs-btn-font-size);\n font-weight: var(--bs-btn-font-weight);\n line-height: var(--bs-btn-line-height);\n color: var(--bs-btn-color);\n text-align: center;\n text-decoration: none;\n vertical-align: middle;\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);\n border-radius: var(--bs-btn-border-radius);\n background-color: var(--bs-btn-bg);\n //transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,\n // border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n \n @media (prefers-reduced-motion: reduce) {\n transition: none;\n }\n \n &:hover {\n filter: brightness(1.15);\n }\n \n &:focus-visible {\n color: var(--bs-btn-hover-color);\n background-color: var(--bs-btn-hover-bg);\n border-color: var(--bs-btn-hover-border-color);\n outline: 0;\n box-shadow: var(--bs-btn-focus-box-shadow);\n }\n \n &:disabled,\n &.disabled,\n fieldset:disabled & {\n color: var(--bs-btn-disabled-color);\n pointer-events: none;\n background-color: var(--bs-btn-disabled-bg);\n border-color: var(--bs-btn-disabled-border-color);\n opacity: var(--bs-btn-disabled-opacity);\n }\n \n --bs-btn-color: ".concat((_f = (_b = props.$textColor) !== null && _b !== void 0 ? _b : (_e = (_c = props.theme.buttons) === null || _c === void 0 ? void 0 : _c[(_d = props.$variant) !== null && _d !== void 0 ? _d : 'primary']) === null || _e === void 0 ? void 0 : _e.textColor) !== null && _f !== void 0 ? _f : '#fff', ";\n --bs-btn-bg: ").concat((_l = (_g = props.$backgroundColor) !== null && _g !== void 0 ? _g : (_k = (_h = props.theme.buttons) === null || _h === void 0 ? void 0 : _h[(_j = props.$variant) !== null && _j !== void 0 ? _j : 'primary']) === null || _k === void 0 ? void 0 : _k.backgroundColor) !== null && _l !== void 0 ? _l : '#0d6efd', ";\n --bs-btn-border-color: var(--bs-btn-bg);\n --bs-btn-focus-shadow-rgb: 49, 132, 253;\n --bs-btn-active-color: #fff;\n --bs-btn-active-bg: #0a58ca;\n --bs-btn-active-border-color: #0a53be;\n --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n --bs-btn-disabled-color: ").concat((_q = (_m = props.$disabledTextColor) !== null && _m !== void 0 ? _m : (_p = (_o = props.theme.buttons) === null || _o === void 0 ? void 0 : _o.loading) === null || _p === void 0 ? void 0 : _p.textColor) !== null && _q !== void 0 ? _q : '#fff', ";\n --bs-btn-disabled-bg: ").concat((_u = (_r = props.$disabledBackgroundColor) !== null && _r !== void 0 ? _r : (_t = (_s = props.theme.buttons) === null || _s === void 0 ? void 0 : _s.loading) === null || _t === void 0 ? void 0 : _t.backgroundColor) !== null && _u !== void 0 ? _u : 'gray', ";\n --bs-btn-disabled-border-color: ").concat((_v = props.$disabledBackgroundColor) !== null && _v !== void 0 ? _v : '#0d6efd', ";\n \n --bs-btn-padding-y: 14px;\n --bs-btn-padding-x: 1rem;\n --bs-btn-font-size: 18px;\n --bs-btn-border-radius: 4px;\n ");
|
|
461
461
|
});
|
|
462
|
-
var templateObject_1$
|
|
462
|
+
var templateObject_1$P;
|
|
463
463
|
|
|
464
|
-
var ButtonsRow$2 = styled__default.default.div(templateObject_1$
|
|
465
|
-
var templateObject_1$
|
|
464
|
+
var ButtonsRow$2 = styled__default.default.div(templateObject_1$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"])));
|
|
465
|
+
var templateObject_1$O;
|
|
466
466
|
|
|
467
|
-
var GuidanceMessageContainerDiv = styled__default.default.div(templateObject_1$
|
|
467
|
+
var GuidanceMessageContainerDiv = styled__default.default.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) {
|
|
468
468
|
var $top = _a.$top;
|
|
469
469
|
return $top !== null && $top !== void 0 ? $top : '10vh';
|
|
470
470
|
}, function (_a) {
|
|
@@ -477,27 +477,27 @@ var GuidanceMessageContainer = function GuidanceMessageContainer(props) {
|
|
|
477
477
|
if (!portalLocation) return element;
|
|
478
478
|
return /*#__PURE__*/reactDom.createPortal(element, portalLocation);
|
|
479
479
|
};
|
|
480
|
-
var GuidanceMessage = styled__default.default.div(templateObject_2$
|
|
480
|
+
var GuidanceMessage = styled__default.default.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) {
|
|
481
481
|
var _a, _b, _c, _d, _e, _f;
|
|
482
482
|
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';
|
|
483
483
|
}, function (props) {
|
|
484
484
|
var _a, _b, _c, _d, _e, _f;
|
|
485
485
|
return (_f = (_a = props.$textColor) !== null && _a !== void 0 ? _a : (_e = (_c = (_b = props.theme) === null || _b === void 0 ? void 0 : _b.guidanceMessages) === null || _c === void 0 ? void 0 : _c[(_d = props.$variant) !== null && _d !== void 0 ? _d : 'default']) === null || _e === void 0 ? void 0 : _e.textColor) !== null && _f !== void 0 ? _f : 'black';
|
|
486
486
|
});
|
|
487
|
-
var templateObject_1$
|
|
487
|
+
var templateObject_1$N, templateObject_2$F;
|
|
488
488
|
|
|
489
|
-
var wavesAnimation = styled.keyframes(templateObject_1$
|
|
490
|
-
var progressBarAnimation = styled.keyframes(templateObject_2$
|
|
489
|
+
var wavesAnimation = styled.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"])));
|
|
490
|
+
var progressBarAnimation = styled.keyframes(templateObject_2$E || (templateObject_2$E = __makeTemplateObject(["\n 0% {\n width: 0;\n }\n 100% {\n width: 100%;\n }\n"], ["\n 0% {\n width: 0;\n }\n 100% {\n width: 100%;\n }\n"])));
|
|
491
491
|
var dualRingSpinnerAnimation = styled.keyframes(templateObject_3$s || (templateObject_3$s = __makeTemplateObject(["\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n"], ["\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n"])));
|
|
492
492
|
var progressBorderAnimation = styled.keyframes(templateObject_4$m || (templateObject_4$m = __makeTemplateObject(["\n to {\n stroke-dashoffset: 0;\n }\n"], ["\n to {\n stroke-dashoffset: 0;\n }\n"])));
|
|
493
|
-
var templateObject_1$
|
|
493
|
+
var templateObject_1$M, templateObject_2$E, templateObject_3$s, templateObject_4$m;
|
|
494
494
|
|
|
495
|
-
var OverlayContainer = styled__default.default.div(templateObject_1$
|
|
495
|
+
var OverlayContainer = styled__default.default.div(templateObject_1$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) {
|
|
496
496
|
return props.theme.background ? "".concat(props.theme.background) : "white";
|
|
497
497
|
}, function (props) {
|
|
498
498
|
return props.theme.textColor ? "color: ".concat(props.theme.textColor, ";") : "";
|
|
499
499
|
});
|
|
500
|
-
var OverlayInner$2 = styled__default.default.div(templateObject_2$
|
|
500
|
+
var OverlayInner$2 = styled__default.default.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) {
|
|
501
501
|
var _a;
|
|
502
502
|
return (_a = props.theme.textAlign) !== null && _a !== void 0 ? _a : 'center';
|
|
503
503
|
}, function (props) {
|
|
@@ -505,7 +505,7 @@ var OverlayInner$2 = styled__default.default.div(templateObject_2$C || (template
|
|
|
505
505
|
});
|
|
506
506
|
var OverlayImageContainer = styled__default.default.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"])));
|
|
507
507
|
var OverlayImageRow = styled__default.default.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"])));
|
|
508
|
-
var GrayOverlayContainer = styled__default.default(OverlayContainer)(templateObject_5$
|
|
508
|
+
var GrayOverlayContainer = styled__default.default(OverlayContainer)(templateObject_5$e || (templateObject_5$e = __makeTemplateObject(["\n background: #f7f6fb;\n"], ["\n background: #f7f6fb;\n"])));
|
|
509
509
|
var ButtonsColumn = styled__default.default.div(templateObject_6$a || (templateObject_6$a = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n gap: 15px 0;\n justify-content: center;\n margin-top: 24px;\n"], ["\n display: flex;\n flex-direction: column;\n gap: 15px 0;\n justify-content: center;\n margin-top: 24px;\n"])));
|
|
510
510
|
var WideButton = styled__default.default(LoaderButton)(templateObject_7$7 || (templateObject_7$7 = __makeTemplateObject(["\n width: 100%;\n border-radius: 30px;\n"], ["\n width: 100%;\n border-radius: 30px;\n"])));
|
|
511
511
|
var WideBorderButton = styled__default.default(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) {
|
|
@@ -537,7 +537,7 @@ var LoadingOverlayLoadingListContainer = styled__default.default.div(templateObj
|
|
|
537
537
|
var LoadingOverlayLoadingList = styled__default.default.ul(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n display: block;\n margin: auto;\n list-style: none;\n padding: 0;\n"], ["\n display: block;\n margin: auto;\n list-style: none;\n padding: 0;\n"])));
|
|
538
538
|
var LoadingOverlayLoadingListItem = styled__default.default.li(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n display: inline-flex;\n justify-content: center;\n align-items: center;\n padding: 2px 1.25rem 2px 0;\n line-height: 1rem;\n"], ["\n display: inline-flex;\n justify-content: center;\n align-items: center;\n padding: 2px 1.25rem 2px 0;\n line-height: 1rem;\n"])));
|
|
539
539
|
var LoadingOverlayProgressContainer = styled__default.default.div(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n"])));
|
|
540
|
-
var templateObject_1$
|
|
540
|
+
var templateObject_1$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;
|
|
541
541
|
|
|
542
542
|
var GeolocationAccessDeniedOverlay = function GeolocationAccessDeniedOverlay(_a) {
|
|
543
543
|
var accessBlockedImageUrl = _a.accessBlockedImageUrl;
|
|
@@ -2166,7 +2166,7 @@ function getFrameDimensions(frame) {
|
|
|
2166
2166
|
return [frameWidth, frameHeight];
|
|
2167
2167
|
}
|
|
2168
2168
|
|
|
2169
|
-
var InvisibleCanvas = styled__default.default.canvas(templateObject_1$
|
|
2169
|
+
var InvisibleCanvas = styled__default.default.canvas(templateObject_1$K || (templateObject_1$K = __makeTemplateObject(["\n display: none;\n"], ["\n display: none;\n"])));
|
|
2170
2170
|
function drawToCanvas(canvas, frame, width, height) {
|
|
2171
2171
|
if (!canvas) return;
|
|
2172
2172
|
var ctx = canvas.getContext('2d');
|
|
@@ -2186,7 +2186,7 @@ function clearCanvas(canvas) {
|
|
|
2186
2186
|
var _a;
|
|
2187
2187
|
(_a = canvas === null || canvas === void 0 ? void 0 : canvas.getContext('2d')) === null || _a === void 0 ? void 0 : _a.clearRect(0, 0, canvas === null || canvas === void 0 ? void 0 : canvas.width, canvas === null || canvas === void 0 ? void 0 : canvas.height);
|
|
2188
2188
|
}
|
|
2189
|
-
var templateObject_1$
|
|
2189
|
+
var templateObject_1$K;
|
|
2190
2190
|
|
|
2191
2191
|
function cropToShoulders(rawCanvas, cropCanvas, resizeCanvas, frame, face, quality, maxHeight) {
|
|
2192
2192
|
if (quality === void 0) {
|
|
@@ -3642,8 +3642,8 @@ var es = {
|
|
|
3642
3642
|
'Document out of focus - try improving the lighting': 'Documento no enfocado, hay que tratar de mejorar la iluminación',
|
|
3643
3643
|
'ID card front detected - please flip your ID card': 'Frente de la ID detectado, por favor hay que voltearla',
|
|
3644
3644
|
'ID card back detected - please flip your ID card': 'Reverso de la ID detectado, por favor hay que voltearla',
|
|
3645
|
-
'ID card detected please scan a passport instead': 'Se ha detectado una credencial, por favor hay que escanear un pasaporte',
|
|
3646
|
-
'Passport detected please scan an ID card instead': 'Se ha detectado un pasaporte, por favor hay que escanear una credencial',
|
|
3645
|
+
'ID card detected, please scan a passport instead': 'Se ha detectado una credencial, por favor hay que escanear un pasaporte',
|
|
3646
|
+
'Passport detected, please scan an ID card instead': 'Se ha detectado un pasaporte, por favor hay que escanear una credencial',
|
|
3647
3647
|
'Document detected, hold still...': 'Se ha detectado el documento, no moverse por favor...',
|
|
3648
3648
|
'ID card front detected, hold still...': 'Frente de la ID detectado, no moverse...',
|
|
3649
3649
|
'ID card back detected, hold still...': 'Reverso de la ID detectado, no moverse...',
|
|
@@ -3770,7 +3770,7 @@ var de = {
|
|
|
3770
3770
|
'Document out of focus - try improving the lighting': 'Dokument unscharf - versuchen Sie, die Beleuchtung zu verbessern',
|
|
3771
3771
|
'ID card front detected - please flip your ID card': 'Vorderseite des Ausweises erkannt - bitte Ihren Ausweis umdrehen',
|
|
3772
3772
|
'ID card back detected - please flip your ID card': 'Rückseite des Ausweises erkannt - bitte Ihren Ausweis umdrehen',
|
|
3773
|
-
'ID card detected please scan a passport instead': 'Ausweis erkannt, bitte stattdessen einen Pass scannen',
|
|
3773
|
+
'ID card detected, please scan a passport instead': 'Ausweis erkannt, bitte stattdessen einen Pass scannen',
|
|
3774
3774
|
'Passport detected, please scan an ID card instead': 'Pass erkannt, bitte stattdessen einen Ausweis scannen',
|
|
3775
3775
|
'Document detected, hold still...': 'Dokument erkannt, stillhalten...',
|
|
3776
3776
|
'ID card front detected, hold still...': 'Vorderseite des Ausweises erkannt, stillhalten...',
|
|
@@ -3898,8 +3898,8 @@ var fr = {
|
|
|
3898
3898
|
'Document out of focus - try improving the lighting': "Document flou - essayez d'améliorer l'éclairage",
|
|
3899
3899
|
'ID card front detected - please flip your ID card': "Recto de la carte d'identité détecté - veuillez retourner votre carte d'identité",
|
|
3900
3900
|
'ID card back detected - please flip your ID card': "Verso de la carte d'identité détectée - veuillez retourner votre carte d'identité",
|
|
3901
|
-
'ID card detected please scan a passport instead': "Carte d'identité détectée, veuillez scanner plutôt un passeport",
|
|
3902
|
-
'Passport detected please scan an ID card instead': "Passeport détecté, veuillez scanner plutôt une carte d'identité",
|
|
3901
|
+
'ID card detected, please scan a passport instead': "Carte d'identité détectée, veuillez scanner plutôt un passeport",
|
|
3902
|
+
'Passport detected, please scan an ID card instead': "Passeport détecté, veuillez scanner plutôt une carte d'identité",
|
|
3903
3903
|
'Document detected, hold still...': 'Document détecté, restez immobile...',
|
|
3904
3904
|
'ID card front detected, hold still...': "Recto de la carte d'identité détecté, restez immobile...",
|
|
3905
3905
|
'ID card back detected, hold still...': "Verso de la carte d'identité détecté, restez immobile...",
|
|
@@ -4026,8 +4026,8 @@ var it = {
|
|
|
4026
4026
|
'Document out of focus - try improving the lighting': "Documento fuori fuoco - provare a migliorare l'illuminazione",
|
|
4027
4027
|
'ID card front detected - please flip your ID card': "Fronte del documento d'identità rilevato - Girare il documento d'identità",
|
|
4028
4028
|
'ID card back detected - please flip your ID card': "Retro del documento d'identità rilevato - Girare il documento d'identità",
|
|
4029
|
-
'ID card detected please scan a passport instead': "Documento d'identità rilevato, scansionare un passaporto al suo posto",
|
|
4030
|
-
'Passport detected please scan an ID card instead': "Passaporto rilevato, scansionare una documento d'identità al suo posto",
|
|
4029
|
+
'ID card detected, please scan a passport instead': "Documento d'identità rilevato, scansionare un passaporto al suo posto",
|
|
4030
|
+
'Passport detected, please scan an ID card instead': "Passaporto rilevato, scansionare una documento d'identità al suo posto",
|
|
4031
4031
|
'Document detected, hold still...': 'Documento rilevato, tenere fermo...',
|
|
4032
4032
|
'ID card front detected, hold still...': "Fronte documento d'identità rilevato, tenere fermo...",
|
|
4033
4033
|
'ID card back detected, hold still...': "Retro documento d'identità rilevato, tenere fermo...",
|
|
@@ -4154,8 +4154,8 @@ var ja = {
|
|
|
4154
4154
|
'Document out of focus - try improving the lighting': 'ドキュメントの焦点がぼやけています。照明を調節してください',
|
|
4155
4155
|
'ID card front detected - please flip your ID card': '身分証の正面が検出されました。身分証を裏返してください',
|
|
4156
4156
|
'ID card back detected - please flip your ID card': '身分証の背面が検出されました。身分証を裏返してください',
|
|
4157
|
-
'ID card detected please scan a passport instead': '身分証が検出されました。パスポートをスキャンしてください',
|
|
4158
|
-
'Passport detected please scan an ID card instead': 'パスポートが検出されました。身分証をスキャンしてください',
|
|
4157
|
+
'ID card detected, please scan a passport instead': '身分証が検出されました。パスポートをスキャンしてください',
|
|
4158
|
+
'Passport detected, please scan an ID card instead': 'パスポートが検出されました。身分証をスキャンしてください',
|
|
4159
4159
|
'Document detected, hold still...': 'ドキュメントが検出されました。動かないようにしてください…',
|
|
4160
4160
|
'ID card front detected, hold still...': '身分証の正面が検出されました。動かないようにしてください…',
|
|
4161
4161
|
'ID card back detected, hold still...': '身分証の背面が検出されました。動かないようにしてください…',
|
|
@@ -4282,8 +4282,8 @@ var pt = {
|
|
|
4282
4282
|
'Document out of focus - try improving the lighting': 'Documento fora de foco - tente melhorar a iluminação',
|
|
4283
4283
|
'ID card front detected - please flip your ID card': 'Detectada a frente da carteira de identidade - vire a carteira de identidade',
|
|
4284
4284
|
'ID card back detected - please flip your ID card': 'Detectado o verso da carteira de identidade - vire a carteira de identidade',
|
|
4285
|
-
'ID card detected please scan a passport instead': 'Detectada a carteira de identidade - escaneie um passaporte em seu lugar',
|
|
4286
|
-
'Passport detected please scan an ID card instead': 'Detectado passaporte, escaneie uma carteira de identidade em seu lugar',
|
|
4285
|
+
'ID card detected, please scan a passport instead': 'Detectada a carteira de identidade - escaneie um passaporte em seu lugar',
|
|
4286
|
+
'Passport detected, please scan an ID card instead': 'Detectado passaporte, escaneie uma carteira de identidade em seu lugar',
|
|
4287
4287
|
'Document detected, hold still...': 'Documento detectado - mantenha-se imóvel...',
|
|
4288
4288
|
'ID card front detected, hold still...': 'Detectada a frente da carteira de identidade - mantenha-se imóvel...',
|
|
4289
4289
|
'ID card back detected, hold still...': 'Detectado o verso da carteira de identidade - mantenha-se imóvel...',
|
|
@@ -4410,8 +4410,8 @@ var ru = {
|
|
|
4410
4410
|
'Document out of focus – try improving the lighting': 'Документ не в фокусе, попробуйте улучшить освещение',
|
|
4411
4411
|
'ID card front detected - please flip your ID card': 'Обнаружена лицевая сторона удостоверения личности, переверните удостоверение личности',
|
|
4412
4412
|
'ID card back detected - please flip your ID card': 'Обнаружена обратная сторона удостоверения личности, переверните удостоверение личности',
|
|
4413
|
-
'ID card detected please scan a passport instead': 'Обнаружено удостоверение личности, отсканируйте вместо него паспорт',
|
|
4414
|
-
'Passport detected please scan an ID card instead': 'Обнаружен паспорт, отсканируйте вместо него удостоверение личности',
|
|
4413
|
+
'ID card detected, please scan a passport instead': 'Обнаружено удостоверение личности, отсканируйте вместо него паспорт',
|
|
4414
|
+
'Passport detected, please scan an ID card instead': 'Обнаружен паспорт, отсканируйте вместо него удостоверение личности',
|
|
4415
4415
|
'Document detected, hold still...': 'Обнаружен документ, не двигайтесь…',
|
|
4416
4416
|
'ID card front detected, hold still...': 'Обнаружена лицевая сторона удостоверения личности, не двигайтесь…',
|
|
4417
4417
|
'ID card back detected, hold still...': 'Обнаружена обратная сторона удостоверения личности, не двигайтесь…',
|
|
@@ -4538,8 +4538,8 @@ var zh = {
|
|
|
4538
4538
|
'Document out of focus - try improving the lighting': '文件失焦 - 請嘗試改善燈光',
|
|
4539
4539
|
'ID card front detected - please flip your ID card': '偵測到證件正面 - 請將證件翻面',
|
|
4540
4540
|
'ID card back detected - please flip your ID card': '偵測到證件背面 - 請將證件翻面',
|
|
4541
|
-
'ID card detected please scan a passport instead': '偵測到證件，請掃描護照',
|
|
4542
|
-
'Passport detected please scan an ID card instead': '偵測到護照，請掃描證件',
|
|
4541
|
+
'ID card detected, please scan a passport instead': '偵測到證件，請掃描護照',
|
|
4542
|
+
'Passport detected, please scan an ID card instead': '偵測到護照，請掃描證件',
|
|
4543
4543
|
'Document detected, hold still...': '偵測到的文件保持不動...',
|
|
4544
4544
|
'ID card front detected, hold still...': '偵測到的證件正面保持不動...',
|
|
4545
4545
|
'ID card back detected, hold still...': '偵測到的證件背面保持不動...',
|
|
@@ -5153,14 +5153,14 @@ function CameraTamperSeal(_a) {
|
|
|
5153
5153
|
className: classNames.message
|
|
5154
5154
|
}, messageText)));
|
|
5155
5155
|
}
|
|
5156
|
-
var StyledOverlayInner$4 = styled__default.default(OverlayInner$2)(templateObject_1$
|
|
5157
|
-
var StyledOverlayHeading = styled__default.default.h3(templateObject_2$
|
|
5156
|
+
var StyledOverlayInner$4 = styled__default.default(OverlayInner$2)(templateObject_1$J || (templateObject_1$J = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
5157
|
+
var StyledOverlayHeading = styled__default.default.h3(templateObject_2$C || (templateObject_2$C = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
5158
5158
|
function useCameraStore(selector) {
|
|
5159
5159
|
var store = React.useContext(CameraStoreContext);
|
|
5160
5160
|
if (!store) throw new Error('useCameraStore cannot be used without Provider');
|
|
5161
5161
|
return zustand.useStore(store, selector);
|
|
5162
5162
|
}
|
|
5163
|
-
var templateObject_1$
|
|
5163
|
+
var templateObject_1$J, templateObject_2$C;
|
|
5164
5164
|
|
|
5165
5165
|
var DocumentDetectionModelContext = /*#__PURE__*/React.createContext({
|
|
5166
5166
|
startDocumentDetection: function startDocumentDetection() {
|
|
@@ -6125,8 +6125,8 @@ function DebugStatsPane(_a) {
|
|
|
6125
6125
|
if (!portalLocation) return element;
|
|
6126
6126
|
return /*#__PURE__*/reactDom.createPortal(element, portalLocation);
|
|
6127
6127
|
}
|
|
6128
|
-
var DebugStatsPaneDiv = styled__default.default.span(templateObject_1$
|
|
6129
|
-
var ObjectDetectionDebugOverlayDiv = styled__default.default.div(templateObject_2$
|
|
6128
|
+
var DebugStatsPaneDiv = styled__default.default.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"])));
|
|
6129
|
+
var ObjectDetectionDebugOverlayDiv = styled__default.default.div(templateObject_2$B || (templateObject_2$B = __makeTemplateObject(["\n position: absolute;\n z-index: 1001;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n max-width: 100%;\n max-height: 100%;\n overflow: hidden;\n ", "\n transform-style: preserve-3d;\n"], ["\n position: absolute;\n z-index: 1001;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n max-width: 100%;\n max-height: 100%;\n overflow: hidden;\n ", "\n transform-style: preserve-3d;\n"])), function (_a) {
|
|
6130
6130
|
var $flipX = _a.$flipX;
|
|
6131
6131
|
return $flipX ? 'transform: scaleX(-1);' : '';
|
|
6132
6132
|
});
|
|
@@ -6331,7 +6331,7 @@ function SelfieCaptureFaceKeypoint(_a) {
|
|
|
6331
6331
|
}
|
|
6332
6332
|
});
|
|
6333
6333
|
}
|
|
6334
|
-
var templateObject_1$
|
|
6334
|
+
var templateObject_1$I, templateObject_2$B, templateObject_3$q, templateObject_4$k;
|
|
6335
6335
|
|
|
6336
6336
|
function OverrideWrongDocumentTypeGuidanceDialog(_a) {
|
|
6337
6337
|
var _b = _a.classNames,
|
|
@@ -6346,7 +6346,7 @@ function OverrideWrongDocumentTypeGuidanceDialog(_a) {
|
|
|
6346
6346
|
buttonText: 'OK'
|
|
6347
6347
|
});
|
|
6348
6348
|
if (!allowOverrideWrongDocumentTypeGuidance) return null;
|
|
6349
|
-
return /*#__PURE__*/React__namespace.default.createElement(Container$
|
|
6349
|
+
return /*#__PURE__*/React__namespace.default.createElement(Container$6, {
|
|
6350
6350
|
className: classNames.container
|
|
6351
6351
|
}, /*#__PURE__*/React__namespace.default.createElement(InnerContainer, {
|
|
6352
6352
|
className: classNames.inner
|
|
@@ -6364,18 +6364,18 @@ function OverrideWrongDocumentTypeGuidanceDialog(_a) {
|
|
|
6364
6364
|
}
|
|
6365
6365
|
}, verbiage.buttonText))));
|
|
6366
6366
|
}
|
|
6367
|
-
var Container$
|
|
6367
|
+
var Container$6 = styled__default.default.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) {
|
|
6368
6368
|
var _a, _b, _c;
|
|
6369
6369
|
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';
|
|
6370
6370
|
}, function (props) {
|
|
6371
6371
|
var _a, _b, _c;
|
|
6372
6372
|
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';
|
|
6373
6373
|
});
|
|
6374
|
-
var InnerContainer = styled__default.default.div(templateObject_2$
|
|
6374
|
+
var InnerContainer = styled__default.default.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"])));
|
|
6375
6375
|
var Message = styled__default.default.span(templateObject_3$p || (templateObject_3$p = __makeTemplateObject(["\n display: block;\n margin: auto 12px auto 0;\n"], ["\n display: block;\n margin: auto 12px auto 0;\n"])));
|
|
6376
6376
|
var ButtonContainer = styled__default.default.div(templateObject_4$j || (templateObject_4$j = __makeTemplateObject(["\n display: flex;\n margin-left: auto;\n"], ["\n display: flex;\n margin-left: auto;\n"])));
|
|
6377
|
-
var Button$1 = styled__default.default(LoaderButton)(templateObject_5$
|
|
6378
|
-
var templateObject_1$
|
|
6377
|
+
var Button$1 = styled__default.default(LoaderButton)(templateObject_5$d || (templateObject_5$d = __makeTemplateObject(["\n white-space: nowrap;\n margin: auto;\n"], ["\n white-space: nowrap;\n margin: auto;\n"])));
|
|
6378
|
+
var templateObject_1$H, templateObject_2$A, templateObject_3$p, templateObject_4$j, templateObject_5$d;
|
|
6379
6379
|
|
|
6380
6380
|
// This is a simplified version of https://github.com/ZeeCoder/use-resize-observer.
|
|
6381
6381
|
// We have removed all options and made it compliant with React Compiler/React 19.
|
|
@@ -6692,13 +6692,13 @@ var CameraAccessDeniedOverlay = function CameraAccessDeniedOverlay(_a) {
|
|
|
6692
6692
|
finished: true
|
|
6693
6693
|
}, verbiage.retryBtnText)));
|
|
6694
6694
|
};
|
|
6695
|
-
var StyledOverlayInner$3 = styled__default.default(OverlayInner$2)(templateObject_1$
|
|
6696
|
-
var StyledOverlayImageContainer$1 = styled__default.default(OverlayImageContainer)(templateObject_2$
|
|
6695
|
+
var StyledOverlayInner$3 = styled__default.default(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"])));
|
|
6696
|
+
var StyledOverlayImageContainer$1 = styled__default.default(OverlayImageContainer)(templateObject_2$z || (templateObject_2$z = __makeTemplateObject(["\n flex-grow: 0;\n"], ["\n flex-grow: 0;\n"])));
|
|
6697
6697
|
var Description$4 = styled__default.default.p(templateObject_3$o || (templateObject_3$o = __makeTemplateObject(["\n line-height: 1.5;\n margin-bottom: 50px;\n"], ["\n line-height: 1.5;\n margin-bottom: 50px;\n"])));
|
|
6698
6698
|
var RetryButton$1 = styled__default.default(LoaderButton)(templateObject_4$i || (templateObject_4$i = __makeTemplateObject(["\n width: 200px;\n margin: 0 auto;\n"], ["\n width: 200px;\n margin: 0 auto;\n"])));
|
|
6699
|
-
var templateObject_1$
|
|
6699
|
+
var templateObject_1$G, templateObject_2$z, templateObject_3$o, templateObject_4$i;
|
|
6700
6700
|
|
|
6701
|
-
var ExitCaptureStyledButton = styled__default.default.button(templateObject_1$
|
|
6701
|
+
var ExitCaptureStyledButton = styled__default.default.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"])));
|
|
6702
6702
|
var ExitCaptureButton = function ExitCaptureButton(_a) {
|
|
6703
6703
|
var onClick = _a.onClick,
|
|
6704
6704
|
className = _a.className;
|
|
@@ -6742,7 +6742,7 @@ var ExitCaptureButton = function ExitCaptureButton(_a) {
|
|
|
6742
6742
|
y2: "19.75"
|
|
6743
6743
|
}))));
|
|
6744
6744
|
};
|
|
6745
|
-
var templateObject_1$
|
|
6745
|
+
var templateObject_1$F;
|
|
6746
6746
|
|
|
6747
6747
|
function IdCaptureLoadingGraphic(props) {
|
|
6748
6748
|
var isMobile = window.innerHeight > window.innerWidth;
|
|
@@ -7217,8 +7217,8 @@ function IdCaptureLoadingGraphicMobile(_a) {
|
|
|
7217
7217
|
fill: "white"
|
|
7218
7218
|
}))));
|
|
7219
7219
|
}
|
|
7220
|
-
var LoadingGraphicWrapper = styled__default.default.div(templateObject_1$
|
|
7221
|
-
var LoadingGraphicSvg = styled__default.default.svg(templateObject_2$
|
|
7220
|
+
var LoadingGraphicWrapper = styled__default.default.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"])));
|
|
7221
|
+
var LoadingGraphicSvg = styled__default.default.svg(templateObject_2$y || (templateObject_2$y = __makeTemplateObject(["\n margin: auto;\n transform: scale(\n ", "\n );\n transform-style: preserve-3d;\n transition:\n transform 0.2s linear,\n border-width 0.2s linear;\n border: ", "px solid\n ", ";\n max-height: 80%;\n max-width: 80%;\n"], ["\n margin: auto;\n transform: scale(\n ", "\n );\n transform-style: preserve-3d;\n transition:\n transform 0.2s linear,\n border-width 0.2s linear;\n border: ", "px solid\n ", ";\n max-height: 80%;\n max-width: 80%;\n"])), function (props) {
|
|
7222
7222
|
return props.$frame > 1 ? 1 : props.$frame === 1 ? 1.25 : 0.75;
|
|
7223
7223
|
}, function (props) {
|
|
7224
7224
|
return props.$frame >= 5 ? 10 : 0;
|
|
@@ -7231,7 +7231,7 @@ var LoadingGraphicCardGroup = styled__default.default.g(templateObject_3$n || (t
|
|
|
7231
7231
|
var LoadingGraphicPhoneGroup = styled__default.default.g(templateObject_4$h || (templateObject_4$h = __makeTemplateObject(["\n transform: translate(", ", 0);\n transform-style: preserve-3d;\n transition: transform 0.3s linear;\n"], ["\n transform: translate(", ", 0);\n transform-style: preserve-3d;\n transition: transform 0.3s linear;\n"])), function (props) {
|
|
7232
7232
|
return props.$offScreen ? '40px' : '0';
|
|
7233
7233
|
});
|
|
7234
|
-
var templateObject_1$
|
|
7234
|
+
var templateObject_1$E, templateObject_2$y, templateObject_3$n, templateObject_4$h;
|
|
7235
7235
|
|
|
7236
7236
|
function LoadingListItemIndicator(_a) {
|
|
7237
7237
|
var _b = _a.state,
|
|
@@ -7428,17 +7428,17 @@ var IdCaptureLoadingOverlayDefault = function IdCaptureLoadingOverlayDefault(_a)
|
|
|
7428
7428
|
}
|
|
7429
7429
|
}, verbiage.continueText))))));
|
|
7430
7430
|
};
|
|
7431
|
-
var OverlayInner$1 = styled__default.default(LoadingOverlayInner)(templateObject_1$
|
|
7431
|
+
var OverlayInner$1 = styled__default.default(LoadingOverlayInner)(templateObject_1$D || (templateObject_1$D = __makeTemplateObject(["\n background: ", ";\n color: ", ";\n"], ["\n background: ", ";\n color: ", ";\n"])), function (props) {
|
|
7432
7432
|
var _a, _b, _c, _d;
|
|
7433
7433
|
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';
|
|
7434
7434
|
}, function (props) {
|
|
7435
7435
|
var _a, _b, _c, _d;
|
|
7436
7436
|
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';
|
|
7437
7437
|
});
|
|
7438
|
-
var ContinuityCameraCheckboxContainer$1 = styled__default.default.div(templateObject_2$
|
|
7438
|
+
var ContinuityCameraCheckboxContainer$1 = styled__default.default.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"])));
|
|
7439
7439
|
var ContinuityCameraCheckboxInner = styled__default.default(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"])));
|
|
7440
7440
|
var ContinuityCameraCheckbox$1 = styled__default.default.input(templateObject_4$g || (templateObject_4$g = __makeTemplateObject(["\n margin-right: 8px;\n"], ["\n margin-right: 8px;\n"])));
|
|
7441
|
-
var ButtonsRow$1 = styled__default.default(LoadingOverlayButtonsRow)(templateObject_5$
|
|
7441
|
+
var ButtonsRow$1 = styled__default.default(LoadingOverlayButtonsRow)(templateObject_5$c || (templateObject_5$c = __makeTemplateObject(["\n color: ", ";\n ", "\n"], ["\n color: ", ";\n ", "\n"])), function (props) {
|
|
7442
7442
|
var _a, _b, _c, _d;
|
|
7443
7443
|
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';
|
|
7444
7444
|
}, function (props) {
|
|
@@ -7465,10 +7465,10 @@ var ContinueButton$1 = styled__default.default(LoaderButton)(templateObject_10$1
|
|
|
7465
7465
|
var _a, _b, _c, _d, _e, _f;
|
|
7466
7466
|
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, ";") : '';
|
|
7467
7467
|
});
|
|
7468
|
-
var templateObject_1$
|
|
7468
|
+
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;
|
|
7469
7469
|
|
|
7470
|
-
var ContinuityCameraCheckboxContainer = styled__default.default.div(templateObject_1$
|
|
7471
|
-
var ContinuityCameraCheckbox = styled__default.default.input(templateObject_2$
|
|
7470
|
+
var ContinuityCameraCheckboxContainer = styled__default.default.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"])));
|
|
7471
|
+
var ContinuityCameraCheckbox = styled__default.default.input(templateObject_2$w || (templateObject_2$w = __makeTemplateObject(["\n margin-right: 8px;\n"], ["\n margin-right: 8px;\n"])));
|
|
7472
7472
|
var IdCaptureLoadingOverlayLegacy = function IdCaptureLoadingOverlayLegacy(_a) {
|
|
7473
7473
|
var _b, _c, _d, _e;
|
|
7474
7474
|
var onDismissed = _a.onDismissed,
|
|
@@ -7589,7 +7589,7 @@ var IdCaptureLoadingOverlayLegacy = function IdCaptureLoadingOverlayLegacy(_a) {
|
|
|
7589
7589
|
}
|
|
7590
7590
|
}, ready ? verbiage.continueText : modelsReady ? verbiage.cameraInitializingText : modelDownloadProgress >= 100 ? verbiage.modelsWarmingUpText : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)"))));
|
|
7591
7591
|
};
|
|
7592
|
-
var templateObject_1$
|
|
7592
|
+
var templateObject_1$C, templateObject_2$w;
|
|
7593
7593
|
|
|
7594
7594
|
var components$1 = {
|
|
7595
7595
|
"default": IdCaptureLoadingOverlayDefault,
|
|
@@ -7647,9 +7647,9 @@ var CapturedDocumentImg = function CapturedDocumentImg(_a) {
|
|
|
7647
7647
|
});
|
|
7648
7648
|
};
|
|
7649
7649
|
|
|
7650
|
-
var Card = styled__default.default.div(templateObject_1$
|
|
7651
|
-
var FlexCard = styled__default.default(Card)(templateObject_2$
|
|
7652
|
-
var templateObject_1$
|
|
7650
|
+
var Card = styled__default.default.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"])));
|
|
7651
|
+
var FlexCard = styled__default.default(Card)(templateObject_2$v || (templateObject_2$v = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n"], ["\n display: flex;\n flex-direction: column;\n"])));
|
|
7652
|
+
var templateObject_1$B, templateObject_2$v;
|
|
7653
7653
|
|
|
7654
7654
|
var imageDisplayOrder = ['idCardFront', 'idCardBack', 'passport', 'singlePage', 'idFrontIrImage', 'idBackIrImage', 'idFrontUvImage', 'idBackUvImage'];
|
|
7655
7655
|
var IdCaptureSuccess = function IdCaptureSuccess(_a) {
|
|
@@ -7711,13 +7711,13 @@ var IdCaptureSuccess = function IdCaptureSuccess(_a) {
|
|
|
7711
7711
|
finished: true
|
|
7712
7712
|
}, verbiage.retryText)))));
|
|
7713
7713
|
};
|
|
7714
|
-
var Heading$a = styled__default.default.h1(templateObject_1$
|
|
7715
|
-
var ImagesContainer = styled__default.default(OverlayImageContainer)(templateObject_2$
|
|
7716
|
-
var ImageRow = styled__default.default(OverlayImageRow)(templateObject_3$l || (templateObject_3$l = __makeTemplateObject(["\n max-width: 100%;\n flex-direction: column;\n
|
|
7714
|
+
var Heading$a = styled__default.default.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"])));
|
|
7715
|
+
var ImagesContainer = styled__default.default(OverlayImageContainer)(templateObject_2$u || (templateObject_2$u = __makeTemplateObject(["\n flex-grow: 1;\n overflow-y: auto;\n padding-bottom: 0;\n max-width: 100%;\n"], ["\n flex-grow: 1;\n overflow-y: auto;\n padding-bottom: 0;\n max-width: 100%;\n"])));
|
|
7716
|
+
var ImageRow = styled__default.default(OverlayImageRow)(templateObject_3$l || (templateObject_3$l = __makeTemplateObject(["\n max-width: 100%;\n flex-direction: column;\n position: relative;\n width: 100%;\n"], ["\n max-width: 100%;\n flex-direction: column;\n position: relative;\n width: 100%;\n"])));
|
|
7717
7717
|
var ImageCol$1 = styled__default.default.div(templateObject_4$f || (templateObject_4$f = __makeTemplateObject(["\n width: 450px;\n max-width: 100%;\n max-height: none !important;\n"], ["\n width: 450px;\n max-width: 100%;\n max-height: none !important;\n"])));
|
|
7718
|
-
var StyledImage = styled__default.default(CapturedDocumentImg)(templateObject_5$
|
|
7718
|
+
var StyledImage = styled__default.default(CapturedDocumentImg)(templateObject_5$b || (templateObject_5$b = __makeTemplateObject(["\n width: 100%;\n border-radius: 12px;\n"], ["\n width: 100%;\n border-radius: 12px;\n"])));
|
|
7719
7719
|
var DebugPre = styled__default.default.pre(templateObject_6$8 || (templateObject_6$8 = __makeTemplateObject(["\n display: block;\n text-align: left;\n width: 100%;\n max-width: 100%;\n overflow-x: auto;\n"], ["\n display: block;\n text-align: left;\n width: 100%;\n max-width: 100%;\n overflow-x: auto;\n"])));
|
|
7720
|
-
var templateObject_1$
|
|
7720
|
+
var templateObject_1$A, templateObject_2$u, templateObject_3$l, templateObject_4$f, templateObject_5$b, templateObject_6$8;
|
|
7721
7721
|
|
|
7722
7722
|
function useShowSuccessScreen(skipSuccessScreen, successScreenReady, onDoneCallback) {
|
|
7723
7723
|
var _this = this;
|
|
@@ -7769,10 +7769,10 @@ function resetCanvasDimensions(canvas) {
|
|
|
7769
7769
|
canvas.style.height = '0';
|
|
7770
7770
|
}
|
|
7771
7771
|
|
|
7772
|
-
var IdCardGuideImageContainer = styled__default.default(IdCardBorder)(templateObject_1$
|
|
7772
|
+
var IdCardGuideImageContainer = styled__default.default(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) {
|
|
7773
7773
|
return props.$isVisible ? '' : 'opacity: 0;';
|
|
7774
7774
|
});
|
|
7775
|
-
var IdCardGuideImage = styled__default.default.img(templateObject_2$
|
|
7775
|
+
var IdCardGuideImage = styled__default.default.img(templateObject_2$t || (templateObject_2$t = __makeTemplateObject(["\n transform-style: preserve-3d;\n ", "\n ", "\n"], ["\n transform-style: preserve-3d;\n ", "\n ", "\n"])), function (props) {
|
|
7776
7776
|
return props.$isMirrored ? 'transform: scaleX(-1);' : '';
|
|
7777
7777
|
}, function (props) {
|
|
7778
7778
|
return props.$isInvisible ? 'opacity: 0;' : '';
|
|
@@ -7918,14 +7918,14 @@ function IdCardBorderSvg(_a) {
|
|
|
7918
7918
|
}
|
|
7919
7919
|
var IdCardBorderContainer = styled__default.default.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);
|
|
7920
7920
|
var SvgOverlay = styled__default.default.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"])));
|
|
7921
|
-
var IdCardBorderRect = styled__default.default.rect(templateObject_5$
|
|
7921
|
+
var IdCardBorderRect = styled__default.default.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) {
|
|
7922
7922
|
var _a;
|
|
7923
7923
|
return (_a = props.$speed) !== null && _a !== void 0 ? _a : '3s';
|
|
7924
7924
|
}, function (props) {
|
|
7925
7925
|
var _a;
|
|
7926
7926
|
return (_a = props.$fillMode) !== null && _a !== void 0 ? _a : 'forwards';
|
|
7927
7927
|
});
|
|
7928
|
-
var templateObject_1$
|
|
7928
|
+
var templateObject_1$z, templateObject_2$t, templateObject_3$k, templateObject_4$e, templateObject_5$a;
|
|
7929
7929
|
|
|
7930
7930
|
var defaultIdCaptureGuideImages = {
|
|
7931
7931
|
portrait: {
|
|
@@ -8101,12 +8101,12 @@ var IdVideoCaptureFlipIdPrompt = function IdVideoCaptureFlipIdPrompt(_a) {
|
|
|
8101
8101
|
style: imageStyle
|
|
8102
8102
|
})));
|
|
8103
8103
|
};
|
|
8104
|
-
var FlipImageContainer = styled__default.default(IdCardGuideImageContainer)(templateObject_1$
|
|
8104
|
+
var FlipImageContainer = styled__default.default(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) {
|
|
8105
8105
|
return props.$transitionTime;
|
|
8106
8106
|
}, function (props) {
|
|
8107
8107
|
return props.$transforms;
|
|
8108
8108
|
});
|
|
8109
|
-
var templateObject_1$
|
|
8109
|
+
var templateObject_1$y;
|
|
8110
8110
|
|
|
8111
8111
|
var GuideOrientationContext = /*#__PURE__*/React.createContext({
|
|
8112
8112
|
orientation: 'landscape',
|
|
@@ -8393,8 +8393,8 @@ var regionClsx = function regionClsx(classNames, which) {
|
|
|
8393
8393
|
return v;
|
|
8394
8394
|
}).join(' ');
|
|
8395
8395
|
};
|
|
8396
|
-
var StyledPageContainer = styled__default.default.div(templateObject_1$
|
|
8397
|
-
var GuidesContainer = styled__default.default.div(templateObject_2$
|
|
8396
|
+
var StyledPageContainer = styled__default.default.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"])));
|
|
8397
|
+
var GuidesContainer = styled__default.default.div(templateObject_2$s || (templateObject_2$s = __makeTemplateObject(["\n display: flex;\n flex-flow: column nowrap;\n width: 100%;\n height: 100%;\n"], ["\n display: flex;\n flex-flow: column nowrap;\n width: 100%;\n height: 100%;\n"])));
|
|
8398
8398
|
var GuideCenterRow = styled__default.default.div(templateObject_3$j || (templateObject_3$j = __makeTemplateObject(["\n position: relative;\n display: flex;\n flex-flow: row nowrap;\n align-items: center;\n justify-items: center;\n box-sizing: border-box;\n max-width: 100%;\n max-height: 100%;\n min-height: 0;\n flex: 1;\n"], ["\n position: relative;\n display: flex;\n flex-flow: row nowrap;\n align-items: center;\n justify-items: center;\n box-sizing: border-box;\n max-width: 100%;\n max-height: 100%;\n min-height: 0;\n flex: 1;\n"])));
|
|
8399
8399
|
var GuideRegion = styled__default.default.div(templateObject_4$d || (templateObject_4$d = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n justify-content: end;\n width: 100%;\n position: relative;\n z-index: 1000;\n background: ", ";\n color: ", ";\n text-align: center;\n ", "\n ", "\n"], ["\n display: flex;\n flex-direction: column;\n justify-content: end;\n width: 100%;\n position: relative;\n z-index: 1000;\n background: ", ";\n color: ", ";\n text-align: center;\n ", "\n ", "\n"])), function (props) {
|
|
8400
8400
|
var _a, _b, _c, _d, _e;
|
|
@@ -8407,7 +8407,7 @@ var GuideRegion = styled__default.default.div(templateObject_4$d || (templateObj
|
|
|
8407
8407
|
}, function (props) {
|
|
8408
8408
|
return props.$minHeight ? "min-height: ".concat(props.$minHeight, "px;") : "";
|
|
8409
8409
|
});
|
|
8410
|
-
var Spacer = styled__default.default(GuideRegion)(templateObject_5$
|
|
8410
|
+
var Spacer = styled__default.default(GuideRegion)(templateObject_5$9 || (templateObject_5$9 = __makeTemplateObject(["\n display: block;\n width: auto;\n"], ["\n display: block;\n width: auto;\n"])));
|
|
8411
8411
|
var GuideCenterRegion = styled__default.default.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) {
|
|
8412
8412
|
return props.$minWidth ? "min-width: ".concat(props.$minWidth, "px;") : "";
|
|
8413
8413
|
}, function (props) {
|
|
@@ -8421,7 +8421,7 @@ var GuideCenterBorder = styled__default.default.div(templateObject_7$5 || (templ
|
|
|
8421
8421
|
});
|
|
8422
8422
|
var GuideText = styled__default.default.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"])));
|
|
8423
8423
|
var GuideCenterInner = styled__default.default.div(templateObject_9$1 || (templateObject_9$1 = __makeTemplateObject(["\n position: relative;\n margin: auto;\n"], ["\n position: relative;\n margin: auto;\n"])));
|
|
8424
|
-
var templateObject_1$
|
|
8424
|
+
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;
|
|
8425
8425
|
|
|
8426
8426
|
var IdCaptureFitGuide = function IdCaptureFitGuide(_a) {
|
|
8427
8427
|
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
|
|
@@ -8562,11 +8562,11 @@ var IdCaptureFitGuide = function IdCaptureFitGuide(_a) {
|
|
|
8562
8562
|
progress: progress
|
|
8563
8563
|
}));
|
|
8564
8564
|
};
|
|
8565
|
-
var CanvasWrapper$1 = styled__default.default.div(templateObject_1$
|
|
8565
|
+
var CanvasWrapper$1 = styled__default.default.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) {
|
|
8566
8566
|
return props.$maskColor;
|
|
8567
8567
|
});
|
|
8568
|
-
var Canvas$1 = styled__default.default.canvas(templateObject_2$
|
|
8569
|
-
var templateObject_1$
|
|
8568
|
+
var Canvas$1 = styled__default.default.canvas(templateObject_2$r || (templateObject_2$r = __makeTemplateObject(["\n display: block;\n"], ["\n display: block;\n"])));
|
|
8569
|
+
var templateObject_1$w, templateObject_2$r;
|
|
8570
8570
|
|
|
8571
8571
|
function IdCaptureGuides(_a) {
|
|
8572
8572
|
var _b = _a.guideType,
|
|
@@ -8622,7 +8622,7 @@ function IdCaptureGuides(_a) {
|
|
|
8622
8622
|
})));
|
|
8623
8623
|
}
|
|
8624
8624
|
|
|
8625
|
-
var Spinner = styled__default.default.div(templateObject_1$
|
|
8625
|
+
var Spinner = styled__default.default.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) {
|
|
8626
8626
|
var $size = _a.$size;
|
|
8627
8627
|
return $size !== null && $size !== void 0 ? $size : 80;
|
|
8628
8628
|
}, function (_a) {
|
|
@@ -8647,11 +8647,11 @@ var Spinner = styled__default.default.div(templateObject_1$u || (templateObject_
|
|
|
8647
8647
|
var $color = _a.$color;
|
|
8648
8648
|
return $color !== null && $color !== void 0 ? $color : '#888';
|
|
8649
8649
|
}, dualRingSpinnerAnimation);
|
|
8650
|
-
var SpinnerPageContainer = styled__default.default.div(templateObject_2$
|
|
8650
|
+
var SpinnerPageContainer = styled__default.default.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"])));
|
|
8651
8651
|
function SpinnerPage() {
|
|
8652
8652
|
return /*#__PURE__*/React__namespace.default.createElement(SpinnerPageContainer, null, /*#__PURE__*/React__namespace.default.createElement(Spinner, null));
|
|
8653
8653
|
}
|
|
8654
|
-
var templateObject_1$
|
|
8654
|
+
var templateObject_1$v, templateObject_2$q;
|
|
8655
8655
|
|
|
8656
8656
|
var IdCaptureImagePreview = function IdCaptureImagePreview(_a) {
|
|
8657
8657
|
var _b = _a.classNames,
|
|
@@ -8738,11 +8738,11 @@ var SelfieProgressPreview = function SelfieProgressPreview(_a) {
|
|
|
8738
8738
|
onError: onError
|
|
8739
8739
|
})));
|
|
8740
8740
|
};
|
|
8741
|
-
var StyledSpinner = styled__default.default(Spinner)(templateObject_1$
|
|
8742
|
-
var ImagePreviewWrapper = styled__default.default.div(templateObject_2$
|
|
8741
|
+
var StyledSpinner = styled__default.default(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"])));
|
|
8742
|
+
var ImagePreviewWrapper = styled__default.default.div(templateObject_2$p || (templateObject_2$p = __makeTemplateObject(["\n position: absolute;\n display: flex;\n flex-direction: column;\n height: 33%;\n bottom: 12px;\n right: 12px;\n"], ["\n position: absolute;\n display: flex;\n flex-direction: column;\n height: 33%;\n bottom: 12px;\n right: 12px;\n"])));
|
|
8743
8743
|
var ImagePreviewText = styled__default.default.div(templateObject_3$i || (templateObject_3$i = __makeTemplateObject(["\n display: block;\n position: absolute;\n top: -32px;\n font:\n 14px -apple-system,\n BlinkMacSystemFont,\n 'Segoe UI',\n Roboto,\n Helvetica,\n Arial,\n sans-serif,\n 'Apple Color Emoji',\n 'Segoe UI Emoji',\n 'Segoe UI Symbol';\n color: white;\n text-align: center;\n margin: 0 auto;\n width: 100%;\n"], ["\n display: block;\n position: absolute;\n top: -32px;\n font:\n 14px -apple-system,\n BlinkMacSystemFont,\n 'Segoe UI',\n Roboto,\n Helvetica,\n Arial,\n sans-serif,\n 'Apple Color Emoji',\n 'Segoe UI Emoji',\n 'Segoe UI Symbol';\n color: white;\n text-align: center;\n margin: 0 auto;\n width: 100%;\n"])));
|
|
8744
8744
|
var ImagePreviewImageWrapper = styled__default.default.div(templateObject_4$c || (templateObject_4$c = __makeTemplateObject(["\n position: relative;\n height: calc(100% - 8px);\n padding: 4px;\n border-radius: 4px;\n background: white;\n\n & > img {\n border-radius: 4px;\n width: auto;\n max-height: 100%;\n }\n"], ["\n position: relative;\n height: calc(100% - 8px);\n padding: 4px;\n border-radius: 4px;\n background: white;\n\n & > img {\n border-radius: 4px;\n width: auto;\n max-height: 100%;\n }\n"])));
|
|
8745
|
-
var templateObject_1$
|
|
8745
|
+
var templateObject_1$u, templateObject_2$p, templateObject_3$i, templateObject_4$c;
|
|
8746
8746
|
|
|
8747
8747
|
var documentCaptureInitialState = {
|
|
8748
8748
|
documents: [],
|
|
@@ -9090,16 +9090,16 @@ var DocumentCaptureGuideOverlay = function DocumentCaptureGuideOverlay(_a) {
|
|
|
9090
9090
|
ref: canvasRef
|
|
9091
9091
|
}));
|
|
9092
9092
|
};
|
|
9093
|
-
var CanvasWrapper = styled__default.default.div(templateObject_1$
|
|
9093
|
+
var CanvasWrapper = styled__default.default.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) {
|
|
9094
9094
|
return props.$maskColor;
|
|
9095
9095
|
});
|
|
9096
|
-
var Canvas = styled__default.default.canvas(templateObject_2$
|
|
9097
|
-
var templateObject_1$
|
|
9096
|
+
var Canvas = styled__default.default.canvas(templateObject_2$o || (templateObject_2$o = __makeTemplateObject(["\n display: block;\n"], ["\n display: block;\n"])));
|
|
9097
|
+
var templateObject_1$t, templateObject_2$o;
|
|
9098
9098
|
|
|
9099
|
-
var CameraFeedWrapper = styled__default.default.div(templateObject_1$
|
|
9099
|
+
var CameraFeedWrapper = styled__default.default.div(templateObject_1$s || (templateObject_1$s = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
9100
9100
|
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;") : "";
|
|
9101
9101
|
});
|
|
9102
|
-
var templateObject_1$
|
|
9102
|
+
var templateObject_1$s;
|
|
9103
9103
|
|
|
9104
9104
|
var CameraVideoTag = function CameraVideoTag(props) {
|
|
9105
9105
|
var _a = useCameraStore(shallow.useShallow(function (store) {
|
|
@@ -9130,10 +9130,10 @@ var CameraVideoTag = function CameraVideoTag(props) {
|
|
|
9130
9130
|
"$isRearFacing": isRearFacing
|
|
9131
9131
|
}, props));
|
|
9132
9132
|
};
|
|
9133
|
-
var FullscreenVideoTag = styled__default.default.video(templateObject_1$
|
|
9133
|
+
var FullscreenVideoTag = styled__default.default.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) {
|
|
9134
9134
|
return props.$isRearFacing ? '' : 'scaleX(-1)';
|
|
9135
9135
|
});
|
|
9136
|
-
var templateObject_1$
|
|
9136
|
+
var templateObject_1$r;
|
|
9137
9137
|
|
|
9138
9138
|
var DocumentCaptureScreen = function DocumentCaptureScreen(_a) {
|
|
9139
9139
|
var _b, _c, _d, _e;
|
|
@@ -9281,21 +9281,21 @@ var DocumentCaptureScreen = function DocumentCaptureScreen(_a) {
|
|
|
9281
9281
|
disabled: !cameraReady || capturing
|
|
9282
9282
|
}, !cameraReady ? verbiage.loadingBtnText : capturing ? verbiage.capturingBtnText : verbiage.captureBtnText))))));
|
|
9283
9283
|
};
|
|
9284
|
-
var CaptureContainer = styled__default.default.div(templateObject_1$
|
|
9285
|
-
var HeadingRow = styled__default.default.div(templateObject_2$
|
|
9284
|
+
var CaptureContainer = styled__default.default.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"])));
|
|
9285
|
+
var HeadingRow = styled__default.default.div(templateObject_2$n || (templateObject_2$n = __makeTemplateObject(["\n background: ", ";\n text-align: center;\n color: white;\n"], ["\n background: ", ";\n text-align: center;\n color: white;\n"])), function (props) {
|
|
9286
9286
|
return props.$maskColor;
|
|
9287
9287
|
});
|
|
9288
9288
|
var Heading$9 = styled__default.default.h1(templateObject_3$h || (templateObject_3$h = __makeTemplateObject(["\n font-size: 22px;\n"], ["\n font-size: 22px;\n"])));
|
|
9289
9289
|
var FooterRow = styled__default.default.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) {
|
|
9290
9290
|
return props.$maskColor;
|
|
9291
9291
|
});
|
|
9292
|
-
var Instructions = styled__default.default.div(templateObject_5$
|
|
9292
|
+
var Instructions = styled__default.default.div(templateObject_5$8 || (templateObject_5$8 = __makeTemplateObject(["\n max-height: ", ";\n overflow-y: auto;\n"], ["\n max-height: ", ";\n overflow-y: auto;\n"])), function (props) {
|
|
9293
9293
|
var _a, _b, _c;
|
|
9294
9294
|
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';
|
|
9295
9295
|
});
|
|
9296
9296
|
var StyledButtonsRow$8 = styled__default.default(ButtonsRow$2)(templateObject_6$6 || (templateObject_6$6 = __makeTemplateObject(["\n padding-top: 20px;\n"], ["\n padding-top: 20px;\n"])));
|
|
9297
9297
|
var PreviewImage = styled__default.default.img(templateObject_7$4 || (templateObject_7$4 = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n object-fit: cover;\n"], ["\n width: 100%;\n height: 100%;\n object-fit: cover;\n"])));
|
|
9298
|
-
var templateObject_1$
|
|
9298
|
+
var templateObject_1$q, templateObject_2$n, templateObject_3$h, templateObject_4$b, templateObject_5$8, templateObject_6$6, templateObject_7$4;
|
|
9299
9299
|
|
|
9300
9300
|
var DocumentCaptureWizard = function DocumentCaptureWizard(_a) {
|
|
9301
9301
|
var onSuccess = _a.onSuccess,
|
|
@@ -9566,13 +9566,13 @@ var IdCaptureFallback = function IdCaptureFallback(_a) {
|
|
|
9566
9566
|
}
|
|
9567
9567
|
}, verbiage.doneBtnText))))));
|
|
9568
9568
|
};
|
|
9569
|
-
var StyledOverlayInner$2 = styled__default.default(OverlayInner$2)(templateObject_1$
|
|
9570
|
-
var Heading$8 = styled__default.default.h3(templateObject_2$
|
|
9569
|
+
var StyledOverlayInner$2 = styled__default.default(OverlayInner$2)(templateObject_1$p || (templateObject_1$p = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
9570
|
+
var Heading$8 = styled__default.default.h3(templateObject_2$m || (templateObject_2$m = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
9571
9571
|
var Description$3 = styled__default.default.p(templateObject_3$g || (templateObject_3$g = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
9572
9572
|
var Instruction = styled__default.default.p(templateObject_4$a || (templateObject_4$a = __makeTemplateObject(["\n font-weight: bold;\n"], ["\n font-weight: bold;\n"])));
|
|
9573
|
-
var ImageCol = styled__default.default.div(templateObject_5$
|
|
9573
|
+
var ImageCol = styled__default.default.div(templateObject_5$7 || (templateObject_5$7 = __makeTemplateObject(["\n display: flex;\n justify-content: center;\n flex-grow: 1;\n flex-basis: 0;\n"], ["\n display: flex;\n justify-content: center;\n flex-grow: 1;\n flex-basis: 0;\n"])));
|
|
9574
9574
|
var StyledButtonsRow$7 = styled__default.default(ButtonsRow$2)(templateObject_6$5 || (templateObject_6$5 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
9575
|
-
var templateObject_1$
|
|
9575
|
+
var templateObject_1$p, templateObject_2$m, templateObject_3$g, templateObject_4$a, templateObject_5$7, templateObject_6$5;
|
|
9576
9576
|
|
|
9577
9577
|
function ScalingCameraFeed() {
|
|
9578
9578
|
var _a = useIdCaptureStore(),
|
|
@@ -9924,14 +9924,14 @@ function FilePickerButton(_a) {
|
|
|
9924
9924
|
}
|
|
9925
9925
|
}, file ? "".concat(file.name, " (").concat(humanFileSize(file.size), ")") : filePickerLoading ? loadingText : children));
|
|
9926
9926
|
}
|
|
9927
|
-
var ScreenContainer = styled__default.default.div(templateObject_1$
|
|
9927
|
+
var ScreenContainer = styled__default.default.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) {
|
|
9928
9928
|
var _a;
|
|
9929
9929
|
return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
|
|
9930
9930
|
});
|
|
9931
|
-
var ScreenPanel = styled__default.default.div(templateObject_2$
|
|
9931
|
+
var ScreenPanel = styled__default.default.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"])));
|
|
9932
9932
|
var SelectIdCardScreenPanel = styled__default.default(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"])));
|
|
9933
9933
|
var ScreenPanelHeading = styled__default.default.h3(templateObject_4$9 || (templateObject_4$9 = __makeTemplateObject(["\n margin: 0 0 30px;\n"], ["\n margin: 0 0 30px;\n"])));
|
|
9934
|
-
var ScreenActionsBar = styled__default.default.div(templateObject_5$
|
|
9934
|
+
var ScreenActionsBar = styled__default.default.div(templateObject_5$6 || (templateObject_5$6 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: end;\n gap: 20px;\n padding: 20px;\n width: 100%;\n box-sizing: border-box;\n border-top: 1px solid #ccc;\n\n @media (max-width: 600px) {\n justify-content: center;\n }\n"], ["\n display: flex;\n align-items: center;\n justify-content: end;\n gap: 20px;\n padding: 20px;\n width: 100%;\n box-sizing: border-box;\n border-top: 1px solid #ccc;\n\n @media (max-width: 600px) {\n justify-content: center;\n }\n"])));
|
|
9935
9935
|
var DashedSeparator = styled__default.default.div(templateObject_6$4 || (templateObject_6$4 = __makeTemplateObject(["\n width: 100%;\n height: 0;\n border-top: 2px solid #606060;\n border-top-style: dashed;\n display: flex;\n align-items: center;\n justify-content: center;\n"], ["\n width: 100%;\n height: 0;\n border-top: 2px solid #606060;\n border-top-style: dashed;\n display: flex;\n align-items: center;\n justify-content: center;\n"])));
|
|
9936
9936
|
var OrWrapper = styled__default.default.div(templateObject_7$3 || (templateObject_7$3 = __makeTemplateObject(["\n color: #323232;\n font-weight: bold;\n background: white;\n border-radius: 50%;\n top: -2px;\n position: relative;\n width: 60px;\n height: 60px;\n display: flex;\n align-items: center;\n justify-content: center;\n"], ["\n color: #323232;\n font-weight: bold;\n background: white;\n border-radius: 50%;\n top: -2px;\n position: relative;\n width: 60px;\n height: 60px;\n display: flex;\n align-items: center;\n justify-content: center;\n"])));
|
|
9937
9937
|
var UploadIdBackHelpText = styled__default.default.p(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n color: #323232;\n font-style: italic;\n margin: 30px 0 0;\n"], ["\n color: #323232;\n font-style: italic;\n margin: 30px 0 0;\n"])));
|
|
@@ -10213,7 +10213,7 @@ function humanFileSize(bytes, si, dp) {
|
|
|
10213
10213
|
} while (Math.round(Math.abs(bytes) * r) / r >= thresh && u < units.length - 1);
|
|
10214
10214
|
return bytes.toFixed(dp) + ' ' + units[u];
|
|
10215
10215
|
}
|
|
10216
|
-
var templateObject_1$
|
|
10216
|
+
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;
|
|
10217
10217
|
|
|
10218
10218
|
var IdCaptureWizard = function IdCaptureWizard(_a) {
|
|
10219
10219
|
var _b, _c, _d, _e, _f;
|
|
@@ -10906,7 +10906,7 @@ var HeadGuideSvg = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
10906
10906
|
}))));
|
|
10907
10907
|
});
|
|
10908
10908
|
HeadGuideSvg.displayName = 'HeadGuideSvg';
|
|
10909
|
-
var PulsingHeadGuideContainer = styled__default.default.div(templateObject_1$
|
|
10909
|
+
var PulsingHeadGuideContainer = styled__default.default.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);
|
|
10910
10910
|
function HeadGuide(_a) {
|
|
10911
10911
|
var _b;
|
|
10912
10912
|
var _c = _a.status,
|
|
@@ -10956,7 +10956,7 @@ function HeadGuide(_a) {
|
|
|
10956
10956
|
height: parentHeight
|
|
10957
10957
|
})));
|
|
10958
10958
|
}
|
|
10959
|
-
var AbsoluteSvg = styled__default.default.svg(templateObject_2$
|
|
10959
|
+
var AbsoluteSvg = styled__default.default.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"])));
|
|
10960
10960
|
var RelativeSvgContainer = styled__default.default.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) {
|
|
10961
10961
|
return props.$verticalAlign === 'bottom' ? 'flex-end' : 'center';
|
|
10962
10962
|
});
|
|
@@ -11184,10 +11184,10 @@ function SelfieCaptureAnimatedMaskWithStatus(_a) {
|
|
|
11184
11184
|
status: status
|
|
11185
11185
|
}));
|
|
11186
11186
|
}
|
|
11187
|
-
var templateObject_1$
|
|
11187
|
+
var templateObject_1$n, templateObject_2$k, templateObject_3$e;
|
|
11188
11188
|
|
|
11189
|
-
var FaceCaptureGuideContainer = styled__default.default.div(templateObject_1$
|
|
11190
|
-
var FaceCaptureGuideInner = styled__default.default.div(templateObject_2$
|
|
11189
|
+
var FaceCaptureGuideContainer = styled__default.default.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"])));
|
|
11190
|
+
var FaceCaptureGuideInner = styled__default.default.div(templateObject_2$j || (templateObject_2$j = __makeTemplateObject(["\n position: relative;\n height: 60%;\n"], ["\n position: relative;\n height: 60%;\n"])));
|
|
11191
11191
|
var FaceCaptureGuideOverlay = function FaceCaptureGuideOverlay(_a) {
|
|
11192
11192
|
var _b = _a.classNames,
|
|
11193
11193
|
classNames = _b === void 0 ? {} : _b,
|
|
@@ -11209,7 +11209,7 @@ var FaceCaptureGuideOverlay = function FaceCaptureGuideOverlay(_a) {
|
|
|
11209
11209
|
verticalAlign: "center"
|
|
11210
11210
|
})));
|
|
11211
11211
|
};
|
|
11212
|
-
var templateObject_1$
|
|
11212
|
+
var templateObject_1$m, templateObject_2$j;
|
|
11213
11213
|
|
|
11214
11214
|
var SelfieGuidanceModelsContext = /*#__PURE__*/React.createContext({
|
|
11215
11215
|
start: function start() {
|
|
@@ -11529,12 +11529,12 @@ var SelfieCaptureFallback = function SelfieCaptureFallback(_a) {
|
|
|
11529
11529
|
}
|
|
11530
11530
|
}, !image ? invalidSelfie ? verbiage.retryButtonText : verbiage.captureBtnText : loading ? verbiage.doneBtnLoadingText : verbiage.doneBtnText)))));
|
|
11531
11531
|
};
|
|
11532
|
-
var StyledOverlayInner$1 = styled__default.default(OverlayInner$2)(templateObject_1$
|
|
11533
|
-
var Heading$7 = styled__default.default.h3(templateObject_2$
|
|
11532
|
+
var StyledOverlayInner$1 = styled__default.default(OverlayInner$2)(templateObject_1$l || (templateObject_1$l = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
11533
|
+
var Heading$7 = styled__default.default.h3(templateObject_2$i || (templateObject_2$i = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
11534
11534
|
var Description$2 = styled__default.default.p(templateObject_3$d || (templateObject_3$d = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
11535
11535
|
var ImageContainer$6 = styled__default.default(OverlayImageContainer)(templateObject_4$8 || (templateObject_4$8 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
11536
|
-
var StyledButtonsRow$6 = styled__default.default(ButtonsRow$2)(templateObject_5$
|
|
11537
|
-
var templateObject_1$
|
|
11536
|
+
var StyledButtonsRow$6 = styled__default.default(ButtonsRow$2)(templateObject_5$5 || (templateObject_5$5 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
11537
|
+
var templateObject_1$l, templateObject_2$i, templateObject_3$d, templateObject_4$8, templateObject_5$5;
|
|
11538
11538
|
|
|
11539
11539
|
var initialState$3 = {
|
|
11540
11540
|
busy: false,
|
|
@@ -11684,7 +11684,7 @@ var SelfieCapture = function SelfieCapture(_a) {
|
|
|
11684
11684
|
});
|
|
11685
11685
|
}
|
|
11686
11686
|
var GuidesComponent = guidesComponent !== null && guidesComponent !== void 0 ? guidesComponent : FaceCaptureGuideOverlay;
|
|
11687
|
-
return /*#__PURE__*/React__namespace.default.createElement(Container$
|
|
11687
|
+
return /*#__PURE__*/React__namespace.default.createElement(Container$5, {
|
|
11688
11688
|
ref: ref,
|
|
11689
11689
|
className: classNames.container
|
|
11690
11690
|
}, /*#__PURE__*/React__namespace.default.createElement(InvisibleCanvas, {
|
|
@@ -11706,8 +11706,8 @@ var SelfieCapture = function SelfieCapture(_a) {
|
|
|
11706
11706
|
className: classNames.exitCaptureBtn
|
|
11707
11707
|
}));
|
|
11708
11708
|
};
|
|
11709
|
-
var Container$
|
|
11710
|
-
var templateObject_1$
|
|
11709
|
+
var Container$5 = styled__default.default.div(templateObject_1$k || (templateObject_1$k = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n"], ["\n width: 100%;\n height: 100%;\n"])));
|
|
11710
|
+
var templateObject_1$k;
|
|
11711
11711
|
|
|
11712
11712
|
var initialState$2 = {
|
|
11713
11713
|
frame: null,
|
|
@@ -12095,9 +12095,9 @@ var FaceLivenessSuccess = function FaceLivenessSuccess(_a) {
|
|
|
12095
12095
|
finished: true
|
|
12096
12096
|
}, verbiage.retryBtnText)))));
|
|
12097
12097
|
};
|
|
12098
|
-
var ImageContainer$5 = styled__default.default.div(templateObject_1$
|
|
12099
|
-
var Heading$6 = styled__default.default.h3(templateObject_2$
|
|
12100
|
-
var templateObject_1$
|
|
12098
|
+
var ImageContainer$5 = styled__default.default.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"])));
|
|
12099
|
+
var Heading$6 = styled__default.default.h3(templateObject_2$h || (templateObject_2$h = __makeTemplateObject(["\n font-size: 1.2rem;\n margin: 0;\n"], ["\n font-size: 1.2rem;\n margin: 0;\n"])));
|
|
12100
|
+
var templateObject_1$j, templateObject_2$h;
|
|
12101
12101
|
|
|
12102
12102
|
var FaceLivenessFailure = function FaceLivenessFailure(_a) {
|
|
12103
12103
|
var _b = _a.canRetry,
|
|
@@ -12146,9 +12146,9 @@ var FaceLivenessFailure = function FaceLivenessFailure(_a) {
|
|
|
12146
12146
|
finished: true
|
|
12147
12147
|
}, verbiage.exitBtnText)))));
|
|
12148
12148
|
};
|
|
12149
|
-
var ImageContainer$4 = styled__default.default(OverlayImageContainer)(templateObject_1$
|
|
12150
|
-
var Heading$5 = styled__default.default.h3(templateObject_2$
|
|
12151
|
-
var templateObject_1$
|
|
12149
|
+
var ImageContainer$4 = styled__default.default(OverlayImageContainer)(templateObject_1$i || (templateObject_1$i = __makeTemplateObject(["\n max-height: calc(100vh - 185px);\n"], ["\n max-height: calc(100vh - 185px);\n"])));
|
|
12150
|
+
var Heading$5 = styled__default.default.h3(templateObject_2$g || (templateObject_2$g = __makeTemplateObject(["\n margin-bottom: 36px;\n"], ["\n margin-bottom: 36px;\n"])));
|
|
12151
|
+
var templateObject_1$i, templateObject_2$g;
|
|
12152
12152
|
|
|
12153
12153
|
var MicrophoneAccessDeniedOverlay = function MicrophoneAccessDeniedOverlay(_a) {
|
|
12154
12154
|
var _b;
|
|
@@ -12191,11 +12191,11 @@ var MicrophoneAccessDeniedOverlay = function MicrophoneAccessDeniedOverlay(_a) {
|
|
|
12191
12191
|
finished: true
|
|
12192
12192
|
}, verbiage.retryBtnText)));
|
|
12193
12193
|
};
|
|
12194
|
-
var StyledOverlayInner = styled__default.default(OverlayInner$2)(templateObject_1$
|
|
12195
|
-
var StyledOverlayImageContainer = styled__default.default(OverlayImageContainer)(templateObject_2$
|
|
12194
|
+
var StyledOverlayInner = styled__default.default(OverlayInner$2)(templateObject_1$h || (templateObject_1$h = __makeTemplateObject(["\n max-width: 500px;\n height: auto;\n margin: auto;\n"], ["\n max-width: 500px;\n height: auto;\n margin: auto;\n"])));
|
|
12195
|
+
var StyledOverlayImageContainer = styled__default.default(OverlayImageContainer)(templateObject_2$f || (templateObject_2$f = __makeTemplateObject(["\n flex-grow: 0;\n"], ["\n flex-grow: 0;\n"])));
|
|
12196
12196
|
var Description$1 = styled__default.default.p(templateObject_3$c || (templateObject_3$c = __makeTemplateObject(["\n line-height: 1.5;\n margin-bottom: 50px;\n"], ["\n line-height: 1.5;\n margin-bottom: 50px;\n"])));
|
|
12197
12197
|
var RetryButton = styled__default.default(LoaderButton)(templateObject_4$7 || (templateObject_4$7 = __makeTemplateObject(["\n width: 200px;\n margin: 0 auto;\n"], ["\n width: 200px;\n margin: 0 auto;\n"])));
|
|
12198
|
-
var templateObject_1$
|
|
12198
|
+
var templateObject_1$h, templateObject_2$f, templateObject_3$c, templateObject_4$7;
|
|
12199
12199
|
|
|
12200
12200
|
var SelfieCaptureLoadingOverlayLegacy = function SelfieCaptureLoadingOverlayLegacy(_a) {
|
|
12201
12201
|
var onDismissed = _a.onDismissed,
|
|
@@ -12287,9 +12287,9 @@ var SelfieCaptureLoadingOverlayLegacy = function SelfieCaptureLoadingOverlayLega
|
|
|
12287
12287
|
}
|
|
12288
12288
|
}, ready ? verbiage.continueText : allModelsReady ? verbiage.cameraInitializingText : modelDownloadProgress >= 100 ? "".concat(verbiage.modelsWarmingUpText) : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)")))));
|
|
12289
12289
|
};
|
|
12290
|
-
var StyledGuidanceMessage = styled__default.default(GuidanceMessage)(templateObject_1$
|
|
12291
|
-
var StyledButtonsRow$5 = styled__default.default(ButtonsRow$2)(templateObject_2$
|
|
12292
|
-
var templateObject_1$
|
|
12290
|
+
var StyledGuidanceMessage = styled__default.default(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"])));
|
|
12291
|
+
var StyledButtonsRow$5 = styled__default.default(ButtonsRow$2)(templateObject_2$e || (templateObject_2$e = __makeTemplateObject(["\n flex-direction: column;\n padding-top: 25px;\n"], ["\n flex-direction: column;\n padding-top: 25px;\n"])));
|
|
12292
|
+
var templateObject_1$g, templateObject_2$e;
|
|
12293
12293
|
|
|
12294
12294
|
var legacyInstructionImageUrl = "".concat(DEFAULT_CDN_URL, "/Selfie-Image-1.png");
|
|
12295
12295
|
var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDefault(_a) {
|
|
@@ -12425,14 +12425,14 @@ var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDef
|
|
|
12425
12425
|
}
|
|
12426
12426
|
}, verbiage.continueText))))));
|
|
12427
12427
|
};
|
|
12428
|
-
var OverlayInner = styled__default.default(LoadingOverlayInner)(templateObject_1$
|
|
12428
|
+
var OverlayInner = styled__default.default(LoadingOverlayInner)(templateObject_1$f || (templateObject_1$f = __makeTemplateObject(["\n background: ", ";\n color: ", ";\n"], ["\n background: ", ";\n color: ", ";\n"])), function (props) {
|
|
12429
12429
|
var _a, _b, _c, _d;
|
|
12430
12430
|
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';
|
|
12431
12431
|
}, function (props) {
|
|
12432
12432
|
var _a, _b, _c, _d;
|
|
12433
12433
|
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';
|
|
12434
12434
|
});
|
|
12435
|
-
var ButtonsRow = styled__default.default(LoadingOverlayButtonsRow)(templateObject_2$
|
|
12435
|
+
var ButtonsRow = styled__default.default(LoadingOverlayButtonsRow)(templateObject_2$d || (templateObject_2$d = __makeTemplateObject(["\n color: ", ";\n ", "\n"], ["\n color: ", ";\n ", "\n"])), function (props) {
|
|
12436
12436
|
var _a, _b, _c, _d;
|
|
12437
12437
|
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';
|
|
12438
12438
|
}, function (props) {
|
|
@@ -12450,7 +12450,7 @@ var ProgressIndicator = styled__default.default(LoadingOverlayProgressIndicator)
|
|
|
12450
12450
|
var _a, _b, _c, _d;
|
|
12451
12451
|
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)';
|
|
12452
12452
|
});
|
|
12453
|
-
var CustomLoadingGraphic = styled__default.default.img(templateObject_5$
|
|
12453
|
+
var CustomLoadingGraphic = styled__default.default.img(templateObject_5$4 || (templateObject_5$4 = __makeTemplateObject(["\n transform-style: preserve-3d;\n"], ["\n transform-style: preserve-3d;\n"])));
|
|
12454
12454
|
var ContinueButtonContainer = styled__default.default.div(templateObject_6$3 || (templateObject_6$3 = __makeTemplateObject(["\n display: flex;\n"], ["\n display: flex;\n"])));
|
|
12455
12455
|
var ContinueButton = styled__default.default(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) {
|
|
12456
12456
|
var _a, _b, _c, _d, _e, _f;
|
|
@@ -12462,7 +12462,7 @@ var ContinueButton = styled__default.default(LoaderButton)(templateObject_7$2 ||
|
|
|
12462
12462
|
var _a, _b, _c, _d, _e, _f;
|
|
12463
12463
|
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, ";") : '';
|
|
12464
12464
|
});
|
|
12465
|
-
var templateObject_1$
|
|
12465
|
+
var templateObject_1$f, templateObject_2$d, templateObject_3$b, templateObject_4$6, templateObject_5$4, templateObject_6$3, templateObject_7$2;
|
|
12466
12466
|
|
|
12467
12467
|
var components = {
|
|
12468
12468
|
"default": SelfieCaptureLoadingOverlayDefault,
|
|
@@ -12770,24 +12770,26 @@ var SubmissionSuccess = function SubmissionSuccess() {
|
|
|
12770
12770
|
}
|
|
12771
12771
|
return JSON.stringify(body, null, 2);
|
|
12772
12772
|
}, [submissionRequest, truncateImages]);
|
|
12773
|
-
return /*#__PURE__*/React__namespace.default.createElement(
|
|
12773
|
+
return /*#__PURE__*/React__namespace.default.createElement(Container$4, null, /*#__PURE__*/React__namespace.default.createElement("h3", null, "Submission completed!"), /*#__PURE__*/React__namespace.default.createElement(LoaderButton, {
|
|
12774
12774
|
onClick: function onClick() {
|
|
12775
|
-
setShowRequestBody(!showRequestBody);
|
|
12775
|
+
return setShowRequestBody(!showRequestBody);
|
|
12776
12776
|
}
|
|
12777
|
-
}, showRequestBody ? 'Hide' : 'Show', " request body"), showRequestBody && ( /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(
|
|
12777
|
+
}, showRequestBody ? 'Hide' : 'Show', " request body"), showRequestBody && ( /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(LoaderButton, {
|
|
12778
12778
|
style: {
|
|
12779
12779
|
marginLeft: 8
|
|
12780
12780
|
},
|
|
12781
12781
|
onClick: function onClick() {
|
|
12782
|
-
setTruncateImages(!truncateImages);
|
|
12782
|
+
return setTruncateImages(!truncateImages);
|
|
12783
12783
|
}
|
|
12784
12784
|
}, truncateImages ? 'Display full images' : 'Truncate images'), /*#__PURE__*/React__namespace.default.createElement("h5", null, "Request Body"), /*#__PURE__*/React__namespace.default.createElement("pre", null, requestBodyDisplay))), /*#__PURE__*/React__namespace.default.createElement("h5", null, "Response Body"), /*#__PURE__*/React__namespace.default.createElement("pre", null, JSON.stringify(submissionResponse, null, 2)));
|
|
12785
12785
|
};
|
|
12786
|
+
var Container$4 = styled__default.default.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"])));
|
|
12786
12787
|
function truncate(str, max_chars) {
|
|
12787
12788
|
var truncated = str.split('').splice(0, max_chars).join('');
|
|
12788
12789
|
if (truncated.length < str.length) truncated += '...';
|
|
12789
12790
|
return truncated;
|
|
12790
12791
|
}
|
|
12792
|
+
var templateObject_1$e;
|
|
12791
12793
|
|
|
12792
12794
|
var AdditionalDocumentCapture = function AdditionalDocumentCapture(_a) {
|
|
12793
12795
|
var document = _a.document,
|
|
@@ -12864,10 +12866,10 @@ var AdditionalDocumentCapture = function AdditionalDocumentCapture(_a) {
|
|
|
12864
12866
|
}, verbiage.captureBtnText)))));
|
|
12865
12867
|
};
|
|
12866
12868
|
var Inner$2 = styled__default.default(OverlayInner$2)(templateObject_1$d || (templateObject_1$d = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
12867
|
-
var Heading$4 = styled__default.default.h3(templateObject_2$
|
|
12869
|
+
var Heading$4 = styled__default.default.h3(templateObject_2$c || (templateObject_2$c = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
12868
12870
|
var Description = styled__default.default.p(templateObject_3$a || (templateObject_3$a = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
12869
12871
|
var StyledButtonsRow$4 = styled__default.default(ButtonsRow$2)(templateObject_4$5 || (templateObject_4$5 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
12870
|
-
var templateObject_1$d, templateObject_2$
|
|
12872
|
+
var templateObject_1$d, templateObject_2$c, templateObject_3$a, templateObject_4$5;
|
|
12871
12873
|
|
|
12872
12874
|
var AdditionalDocumentCaptureWizard = function AdditionalDocumentCaptureWizard(_a) {
|
|
12873
12875
|
var documents = _a.documents,
|
|
@@ -13027,7 +13029,7 @@ var SignaturePaperBacking = styled__default.default.div(templateObject_1$c || (t
|
|
|
13027
13029
|
var _a, _b;
|
|
13028
13030
|
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, ";") : "";
|
|
13029
13031
|
});
|
|
13030
|
-
var SignatureCanvasContainer$1 = styled__default.default.div(templateObject_2$
|
|
13032
|
+
var SignatureCanvasContainer$1 = styled__default.default.div(templateObject_2$b || (templateObject_2$b = __makeTemplateObject(["\n position: absolute;\n top: 25%;\n left: 15%;\n width: 70%;\n height: 50%;\n\n @media (max-width: 800px) {\n top: 15%;\n left: 2%;\n width: 96%;\n height: 70%;\n }\n"], ["\n position: absolute;\n top: 25%;\n left: 15%;\n width: 70%;\n height: 50%;\n\n @media (max-width: 800px) {\n top: 15%;\n left: 2%;\n width: 96%;\n height: 70%;\n }\n"])));
|
|
13031
13033
|
var SignaturePad = styled__default.default.div(templateObject_3$9 || (templateObject_3$9 = __makeTemplateObject(["\n position: relative;\n background: ", ";\n border: ", ";\n border-radius: ", ";\n flex-grow: 1;\n z-index: 100;\n height: 100%;\n"], ["\n position: relative;\n background: ", ";\n border: ", ";\n border-radius: ", ";\n flex-grow: 1;\n z-index: 100;\n height: 100%;\n"])), function (props) {
|
|
13032
13034
|
var _a, _b, _c;
|
|
13033
13035
|
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)';
|
|
@@ -13039,34 +13041,7 @@ var SignaturePad = styled__default.default.div(templateObject_3$9 || (templateOb
|
|
|
13039
13041
|
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';
|
|
13040
13042
|
});
|
|
13041
13043
|
var SignatureButtonsContainer = styled__default.default(ButtonsRow$2)(templateObject_4$4 || (templateObject_4$4 = __makeTemplateObject(["\n flex-grow: 0;\n padding-top: 12px;\n display: flex;\n z-index: 1000;\n position: relative;\n"], ["\n flex-grow: 0;\n padding-top: 12px;\n display: flex;\n z-index: 1000;\n position: relative;\n"])));
|
|
13042
|
-
var templateObject_1$c, templateObject_2$
|
|
13043
|
-
|
|
13044
|
-
var SdkPage = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
13045
|
-
var children = _a.children,
|
|
13046
|
-
className = _a.className,
|
|
13047
|
-
_b = _a.heightOffset,
|
|
13048
|
-
heightOffset = _b === void 0 ? 0 : _b,
|
|
13049
|
-
style = _a.style,
|
|
13050
|
-
onClick = _a.onClick;
|
|
13051
|
-
var theme = styled.useTheme();
|
|
13052
|
-
return /*#__PURE__*/React__namespace.default.createElement(SdkPageOuter, {
|
|
13053
|
-
ref: ref,
|
|
13054
|
-
style: style,
|
|
13055
|
-
onClick: onClick,
|
|
13056
|
-
className: className,
|
|
13057
|
-
"$heightOffset": heightOffset
|
|
13058
|
-
}, theme.header && /*#__PURE__*/React__namespace.default.createElement(theme.header, null), /*#__PURE__*/React__namespace.default.createElement(SdkPageInner, null, children), theme.footer && /*#__PURE__*/React__namespace.default.createElement(theme.footer, null));
|
|
13059
|
-
});
|
|
13060
|
-
SdkPage.displayName = 'SdkPage';
|
|
13061
|
-
var SdkPageOuter = styled__default.default.div.attrs({
|
|
13062
|
-
className: 'sdk-page-outer'
|
|
13063
|
-
})(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) {
|
|
13064
|
-
return props.theme.fontFamily ? "font-family: ".concat(props.theme.fontFamily, ";") : "";
|
|
13065
|
-
}, function (props) {
|
|
13066
|
-
return props.theme.isFullscreen === false ? "" : "\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n ";
|
|
13067
|
-
});
|
|
13068
|
-
var SdkPageInner = styled__default.default.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"])));
|
|
13069
|
-
var templateObject_1$b, templateObject_2$9;
|
|
13044
|
+
var templateObject_1$c, templateObject_2$b, templateObject_3$9, templateObject_4$4;
|
|
13070
13045
|
|
|
13071
13046
|
var SignatureCapture = function SignatureCapture(_a) {
|
|
13072
13047
|
var onAccept = _a.onAccept,
|
|
@@ -13101,7 +13076,7 @@ var SignatureCapture = function SignatureCapture(_a) {
|
|
|
13101
13076
|
});
|
|
13102
13077
|
});
|
|
13103
13078
|
}
|
|
13104
|
-
return /*#__PURE__*/React__namespace.default.createElement(
|
|
13079
|
+
return /*#__PURE__*/React__namespace.default.createElement(Container$3, {
|
|
13105
13080
|
className: classNames.container
|
|
13106
13081
|
}, /*#__PURE__*/React__namespace.default.createElement(SignaturePaperBacking, {
|
|
13107
13082
|
className: classNames.inner
|
|
@@ -13139,8 +13114,9 @@ var SignatureCapture = function SignatureCapture(_a) {
|
|
|
13139
13114
|
finished: true
|
|
13140
13115
|
}, verbiage.acceptBtnText)))));
|
|
13141
13116
|
};
|
|
13142
|
-
var
|
|
13143
|
-
var
|
|
13117
|
+
var Container$3 = styled__default.default.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"])));
|
|
13118
|
+
var AcceptBtn$1 = styled__default.default(LoaderButton)(templateObject_2$a || (templateObject_2$a = __makeTemplateObject(["\n margin-left: auto;\n"], ["\n margin-left: auto;\n"])));
|
|
13119
|
+
var templateObject_1$b, templateObject_2$a;
|
|
13144
13120
|
|
|
13145
13121
|
var useVideoRecorder = function useVideoRecorder(camera, audioStream, mergeAVStreams) {
|
|
13146
13122
|
if (mergeAVStreams === void 0) {
|
|
@@ -13552,7 +13528,7 @@ function VideoSignatureGuides(_a) {
|
|
|
13552
13528
|
var isSigning = requestedAction === 'CAPTURE_SIGNATURE';
|
|
13553
13529
|
var canClear = isSigning && !signaturePadEmpty;
|
|
13554
13530
|
var canSubmit = isSigning && signatureValid;
|
|
13555
|
-
return /*#__PURE__*/React__namespace.default.createElement(Container$
|
|
13531
|
+
return /*#__PURE__*/React__namespace.default.createElement(Container$2, {
|
|
13556
13532
|
className: classNames.container
|
|
13557
13533
|
}, /*#__PURE__*/React__namespace.default.createElement(Inner$1, {
|
|
13558
13534
|
className: classNames.inner
|
|
@@ -13608,19 +13584,19 @@ function VideoSignatureGuides(_a) {
|
|
|
13608
13584
|
finished: true
|
|
13609
13585
|
}, verbiage.acceptSignatureBtnText))))));
|
|
13610
13586
|
}
|
|
13611
|
-
var Container$
|
|
13587
|
+
var Container$2 = styled__default.default.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) {
|
|
13612
13588
|
var _a;
|
|
13613
13589
|
return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
|
|
13614
13590
|
});
|
|
13615
|
-
var Inner$1 = styled__default.default.div(templateObject_2$
|
|
13591
|
+
var Inner$1 = styled__default.default.div(templateObject_2$9 || (templateObject_2$9 = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n max-height: 1280px;\n display: flex;\n margin: auto;\n align-items: center;\n flex-direction: column;\n"], ["\n width: 100%;\n height: 100%;\n max-height: 1280px;\n display: flex;\n margin: auto;\n align-items: center;\n flex-direction: column;\n"])));
|
|
13616
13592
|
var FaceGuideContainer$1 = styled__default.default.div(templateObject_3$8 || (templateObject_3$8 = __makeTemplateObject(["\n position: relative;\n height: 50%;\n"], ["\n position: relative;\n height: 50%;\n"])));
|
|
13617
13593
|
var StyledSelfieCaptureAnimatedMask = styled__default.default(SelfieCaptureAnimatedMaskWithStatus)(templateObject_4$3 || (templateObject_4$3 = __makeTemplateObject(["\n max-width: 100%;\n height: 100%;\n"], ["\n max-width: 100%;\n height: 100%;\n"])));
|
|
13618
|
-
var SignaturePadContainer = styled__default.default.div(templateObject_5$
|
|
13594
|
+
var SignaturePadContainer = styled__default.default.div(templateObject_5$3 || (templateObject_5$3 = __makeTemplateObject(["\n position: relative;\n max-width: 100%;\n height: 50%;\n aspect-ratio: 2;\n"], ["\n position: relative;\n max-width: 100%;\n height: 50%;\n aspect-ratio: 2;\n"])));
|
|
13619
13595
|
var SignatureCanvasContainer = styled__default.default.div(templateObject_6$2 || (templateObject_6$2 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: calc(100% - 67px);\n ", "\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: calc(100% - 67px);\n ", "\n"])), function (props) {
|
|
13620
13596
|
return props.$disabled ? 'opacity: 0.5; pointer-events: none;' : '';
|
|
13621
13597
|
});
|
|
13622
13598
|
var AcceptBtn = styled__default.default(LoaderButton)(templateObject_7$1 || (templateObject_7$1 = __makeTemplateObject(["\n margin-left: auto;\n"], ["\n margin-left: auto;\n"])));
|
|
13623
|
-
var templateObject_1$
|
|
13599
|
+
var templateObject_1$a, templateObject_2$9, templateObject_3$8, templateObject_4$3, templateObject_5$3, templateObject_6$2, templateObject_7$1;
|
|
13624
13600
|
|
|
13625
13601
|
var DEFAULT_MIN_SIGNATURE_PAD_POINTS = 10;
|
|
13626
13602
|
var VideoSignatureCapture = function VideoSignatureCapture(_a) {
|
|
@@ -13758,8 +13734,8 @@ var VideoSignatureSuccess = function VideoSignatureSuccess(_a) {
|
|
|
13758
13734
|
finished: true
|
|
13759
13735
|
}, verbiage.doneBtnText))));
|
|
13760
13736
|
};
|
|
13761
|
-
var StyledVideo$1 = styled__default.default.video(templateObject_1$
|
|
13762
|
-
var templateObject_1$
|
|
13737
|
+
var StyledVideo$1 = styled__default.default.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"])));
|
|
13738
|
+
var templateObject_1$9;
|
|
13763
13739
|
|
|
13764
13740
|
var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
13765
13741
|
var onComplete = _a.onComplete,
|
|
@@ -14067,7 +14043,7 @@ var IdVideoCaptureGuides = function IdVideoCaptureGuides(_a) {
|
|
|
14067
14043
|
};
|
|
14068
14044
|
}, [idCardGuideWidth, idCardGuideHeight, aspectRatio]);
|
|
14069
14045
|
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';
|
|
14070
|
-
return /*#__PURE__*/React__namespace.default.createElement(Container, {
|
|
14046
|
+
return /*#__PURE__*/React__namespace.default.createElement(Container$1, {
|
|
14071
14047
|
className: classNames.container
|
|
14072
14048
|
}, /*#__PURE__*/React__namespace.default.createElement(Inner, null, /*#__PURE__*/React__namespace.default.createElement(FaceGuideContainer, {
|
|
14073
14049
|
className: classNames.faceGuideContainer
|
|
@@ -14106,25 +14082,25 @@ var IdVideoCaptureGuides = function IdVideoCaptureGuides(_a) {
|
|
|
14106
14082
|
borderWidth: idCardGuideBorderWidth,
|
|
14107
14083
|
borderColor: idCardGuideBorderColor,
|
|
14108
14084
|
imageStyle: idCardImageStyle
|
|
14109
|
-
}))), /*#__PURE__*/React__namespace.default.createElement(IdCardGuideInstructionsContainer, {
|
|
14085
|
+
}))))), /*#__PURE__*/React__namespace.default.createElement(IdCardGuideInstructionsContainer, {
|
|
14110
14086
|
className: classNames.idCardGuideInstructionsContainer
|
|
14111
14087
|
}, /*#__PURE__*/React__namespace.default.createElement(IdCardGuideInstructions, {
|
|
14112
14088
|
className: classNames.idCardGuideInstructions,
|
|
14113
14089
|
"$textColor": (_w = (_v = theme.idVideoCapture) === null || _v === void 0 ? void 0 : _v.idCardGuides) === null || _w === void 0 ? void 0 : _w.instructionsTextColor,
|
|
14114
14090
|
"$background": (_y = (_x = theme.idVideoCapture) === null || _x === void 0 ? void 0 : _x.idCardGuides) === null || _y === void 0 ? void 0 : _y.instructionsBackgroundColor
|
|
14115
|
-
}, instructionText))))
|
|
14091
|
+
}, instructionText))));
|
|
14116
14092
|
};
|
|
14117
|
-
var Container = styled__default.default.div(templateObject_1$
|
|
14093
|
+
var Container$1 = styled__default.default.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) {
|
|
14118
14094
|
var _a;
|
|
14119
14095
|
return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
|
|
14120
14096
|
});
|
|
14121
|
-
var Inner = styled__default.default.div(templateObject_2$
|
|
14097
|
+
var Inner = styled__default.default.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"])));
|
|
14122
14098
|
var FaceGuideContainer = styled__default.default.div(templateObject_3$7 || (templateObject_3$7 = __makeTemplateObject(["\n position: relative;\n height: 65%;\n"], ["\n position: relative;\n height: 65%;\n"])));
|
|
14123
14099
|
var IdCardGuideContainer = styled__default.default.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"])));
|
|
14124
|
-
var IdCardGuideInner = styled__default.default.div(templateObject_5$
|
|
14125
|
-
var IdCardGuideInstructionsContainer = styled__default.default.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
|
|
14126
|
-
var IdCardGuideInstructions = styled__default.default(GuidanceMessage)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n align-content: center;\n
|
|
14127
|
-
var templateObject_1$
|
|
14100
|
+
var IdCardGuideInner = styled__default.default.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"])));
|
|
14101
|
+
var IdCardGuideInstructionsContainer = styled__default.default.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"])));
|
|
14102
|
+
var IdCardGuideInstructions = styled__default.default(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"])));
|
|
14103
|
+
var templateObject_1$8, templateObject_2$8, templateObject_3$7, templateObject_4$2, templateObject_5$2, templateObject_6$1, templateObject_7;
|
|
14128
14104
|
|
|
14129
14105
|
var ReadTextPrompt = function ReadTextPrompt(_a) {
|
|
14130
14106
|
var text = _a.text,
|
|
@@ -14193,8 +14169,8 @@ var ReadTextPrompt = function ReadTextPrompt(_a) {
|
|
|
14193
14169
|
finished: true
|
|
14194
14170
|
}, verbiage.doneBtnText)));
|
|
14195
14171
|
};
|
|
14196
|
-
var ReadTextPromptContainer = styled__default.default.div(templateObject_1$
|
|
14197
|
-
var ReadTextPromptHeading = styled__default.default.div(templateObject_2$
|
|
14172
|
+
var ReadTextPromptContainer = styled__default.default.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"])));
|
|
14173
|
+
var ReadTextPromptHeading = styled__default.default.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) {
|
|
14198
14174
|
var _a, _b, _c, _d, _e, _f;
|
|
14199
14175
|
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, ";") : "";
|
|
14200
14176
|
}, function (props) {
|
|
@@ -14215,7 +14191,7 @@ var ReadTextPromptText = styled__default.default.div(templateObject_3$6 || (temp
|
|
|
14215
14191
|
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, ";") : "";
|
|
14216
14192
|
});
|
|
14217
14193
|
var ReadTextPromptButtonsRow = styled__default.default(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"])));
|
|
14218
|
-
var ReadTextPromptTimeRemaining = styled__default.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n padding: 20px;\n\n ", ";\n ", ";\n ", ";\n"], ["\n padding: 20px;\n\n ", ";\n ", ";\n ", ";\n"])), function (props) {
|
|
14194
|
+
var ReadTextPromptTimeRemaining = styled__default.default.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) {
|
|
14219
14195
|
var _a, _b, _c, _d, _e, _f;
|
|
14220
14196
|
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, ";") : "";
|
|
14221
14197
|
}, function (props) {
|
|
@@ -14226,7 +14202,7 @@ var ReadTextPromptTimeRemaining = styled__default.default.div(templateObject_5 |
|
|
|
14226
14202
|
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, ";") : "";
|
|
14227
14203
|
});
|
|
14228
14204
|
var DoneButton = styled__default.default(LoaderButton)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n margin: auto 0;\n"], ["\n margin: auto 0;\n"])));
|
|
14229
|
-
var templateObject_1$
|
|
14205
|
+
var templateObject_1$7, templateObject_2$7, templateObject_3$6, templateObject_4$1, templateObject_5$1, templateObject_6;
|
|
14230
14206
|
|
|
14231
14207
|
var edgeBoundary = 0.05;
|
|
14232
14208
|
var defaultVideoIdCaptureThresholds = {
|
|
@@ -14624,7 +14600,7 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
14624
14600
|
});
|
|
14625
14601
|
var capturingId = ['SHOW_ID_FRONT', 'SHOW_ID_BACK', 'SHOW_PASSPORT'].includes(requestedAction);
|
|
14626
14602
|
var guidanceText = !faceCentered ? faceNotCenteredText : undefined;
|
|
14627
|
-
return /*#__PURE__*/React__namespace.default.createElement(
|
|
14603
|
+
return /*#__PURE__*/React__namespace.default.createElement(Container, {
|
|
14628
14604
|
ref: ref,
|
|
14629
14605
|
className: classNames.container
|
|
14630
14606
|
}, /*#__PURE__*/React__namespace.default.createElement(InvisibleCanvas, {
|
|
@@ -14685,16 +14661,17 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
14685
14661
|
className: classNames.exitCaptureBtn
|
|
14686
14662
|
}));
|
|
14687
14663
|
};
|
|
14688
|
-
var
|
|
14689
|
-
var
|
|
14690
|
-
var
|
|
14691
|
-
var
|
|
14664
|
+
var Container = styled__default.default.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"])));
|
|
14665
|
+
var CountdownContainer = styled__default.default.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"])));
|
|
14666
|
+
var Countdown = styled__default.default.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"])));
|
|
14667
|
+
var CaptureButtonContainer = styled__default.default.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"])));
|
|
14668
|
+
var CaptureButton = styled__default.default(LoaderButton)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n margin: 0 auto 25px;\n"], ["\n margin: 0 auto 25px;\n"])));
|
|
14692
14669
|
function evaluateShouldSkip(value) {
|
|
14693
14670
|
if (value === true) return true;
|
|
14694
14671
|
if (typeof value === 'function') return value();
|
|
14695
14672
|
return false;
|
|
14696
14673
|
}
|
|
14697
|
-
var templateObject_1$
|
|
14674
|
+
var templateObject_1$6, templateObject_2$6, templateObject_3$5, templateObject_4, templateObject_5;
|
|
14698
14675
|
|
|
14699
14676
|
var IdVideoCaptureSuccess = function IdVideoCaptureSuccess(_a) {
|
|
14700
14677
|
var videoUrl = _a.videoUrl,
|
|
@@ -14814,10 +14791,10 @@ var IdVideoCaptureSuccess = function IdVideoCaptureSuccess(_a) {
|
|
|
14814
14791
|
finished: true
|
|
14815
14792
|
}, verbiage.doneBtnText))));
|
|
14816
14793
|
};
|
|
14817
|
-
var StyledVideo = styled__default.default.video(templateObject_1$
|
|
14818
|
-
var AssetSelectorOptions = styled__default.default.div(templateObject_2$
|
|
14794
|
+
var StyledVideo = styled__default.default.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"])));
|
|
14795
|
+
var AssetSelectorOptions = styled__default.default.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"])));
|
|
14819
14796
|
var AssetSelectorOption = styled__default.default.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"])));
|
|
14820
|
-
var templateObject_1$
|
|
14797
|
+
var templateObject_1$5, templateObject_2$5, templateObject_3$4;
|
|
14821
14798
|
|
|
14822
14799
|
var VideoIdWizard = function VideoIdWizard(_a) {
|
|
14823
14800
|
var _b, _c, _d, _e, _f, _g, _h, _j;
|
|
@@ -15525,6 +15502,33 @@ var ThemeProvider = function ThemeProvider(_a) {
|
|
|
15525
15502
|
}, children);
|
|
15526
15503
|
};
|
|
15527
15504
|
|
|
15505
|
+
var SdkPage = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
15506
|
+
var children = _a.children,
|
|
15507
|
+
className = _a.className,
|
|
15508
|
+
_b = _a.heightOffset,
|
|
15509
|
+
heightOffset = _b === void 0 ? 0 : _b,
|
|
15510
|
+
style = _a.style,
|
|
15511
|
+
onClick = _a.onClick;
|
|
15512
|
+
var theme = styled.useTheme();
|
|
15513
|
+
return /*#__PURE__*/React__namespace.default.createElement(SdkPageOuter, {
|
|
15514
|
+
ref: ref,
|
|
15515
|
+
style: style,
|
|
15516
|
+
onClick: onClick,
|
|
15517
|
+
className: className,
|
|
15518
|
+
"$heightOffset": heightOffset
|
|
15519
|
+
}, theme.header && /*#__PURE__*/React__namespace.default.createElement(theme.header, null), /*#__PURE__*/React__namespace.default.createElement(SdkPageInner, null, children), theme.footer && /*#__PURE__*/React__namespace.default.createElement(theme.footer, null));
|
|
15520
|
+
});
|
|
15521
|
+
SdkPage.displayName = 'SdkPage';
|
|
15522
|
+
var SdkPageOuter = styled__default.default.div.attrs({
|
|
15523
|
+
className: 'sdk-page-outer'
|
|
15524
|
+
})(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) {
|
|
15525
|
+
return props.theme.fontFamily ? "font-family: ".concat(props.theme.fontFamily, ";") : "";
|
|
15526
|
+
}, function (props) {
|
|
15527
|
+
return props.theme.isFullscreen === false ? "" : "\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n ";
|
|
15528
|
+
});
|
|
15529
|
+
var SdkPageInner = styled__default.default.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"])));
|
|
15530
|
+
var templateObject_1$4, templateObject_2$4;
|
|
15531
|
+
|
|
15528
15532
|
/**
|
|
15529
15533
|
* Render a fullscreen ID capture component that instructs the user to photograph both sides of their ID card, or full page of their passport.
|
|
15530
15534
|
*/
|