idmission-web-sdk 2.2.85 → 2.2.87
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/CompositeWizard.d.ts.map +1 -1
- package/dist/components/customer_flows/IdAndFaceValidation.d.ts +2 -0
- package/dist/components/customer_flows/IdAndFaceValidation.d.ts.map +1 -1
- package/dist/components/customer_flows/IdValidation.d.ts +2 -0
- package/dist/components/customer_flows/IdValidation.d.ts.map +1 -1
- package/dist/components/id_capture/IdCaptureOrUploadScreen.d.ts +75 -0
- package/dist/components/id_capture/IdCaptureOrUploadScreen.d.ts.map +1 -0
- package/dist/components/id_capture/IdCaptureStateProvider.d.ts +10 -1
- package/dist/components/id_capture/IdCaptureStateProvider.d.ts.map +1 -1
- package/dist/components/id_capture/IdCaptureWizard.d.ts +5 -1
- package/dist/components/id_capture/IdCaptureWizard.d.ts.map +1 -1
- package/dist/components/submission/SubmissionProvider.d.ts.map +1 -1
- package/dist/sdk2.cjs.development.js +835 -226
- 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 +835 -226
- package/dist/sdk2.esm.js.map +1 -1
- package/dist/sdk2.umd.development.js +835 -226
- 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
|
@@ -211,7 +211,7 @@
|
|
|
211
211
|
return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
|
|
212
212
|
};
|
|
213
213
|
|
|
214
|
-
var webSdkVersion = '2.2.
|
|
214
|
+
var webSdkVersion = '2.2.87';
|
|
215
215
|
|
|
216
216
|
function getPlatform() {
|
|
217
217
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
@@ -372,7 +372,7 @@
|
|
|
372
372
|
});
|
|
373
373
|
}
|
|
374
374
|
|
|
375
|
-
var PageContainerDiv = styled.div(templateObject_1$
|
|
375
|
+
var PageContainerDiv = styled.div(templateObject_1$M || (templateObject_1$M = __makeTemplateObject(["\n ", "\n\n ", "\n\n &.flex {\n display: flex;\n }\n\n &.padded {\n box-sizing: border-box;\n padding: 16px 24px;\n }\n"], ["\n ", "\n\n ", "\n\n &.flex {\n display: flex;\n }\n\n &.padded {\n box-sizing: border-box;\n padding: 16px 24px;\n }\n"])), function (props) {
|
|
376
376
|
var _a;
|
|
377
377
|
return props.theme.isFullscreen === false ? "" : "\n position: fixed;\n top: 0;\n left: 0;\n width: var(--app-width);\n height: calc(\n var(--app-height) - ".concat((_a = props.$heightOffset) !== null && _a !== void 0 ? _a : 0, "px\n );\n overflow-x: hidden;\n overflow-y: auto;\n ");
|
|
378
378
|
}, function (props) {
|
|
@@ -412,7 +412,7 @@
|
|
|
412
412
|
}, dimensionsCalculated && children);
|
|
413
413
|
});
|
|
414
414
|
PageContainer.displayName = 'PageContainer';
|
|
415
|
-
var templateObject_1$
|
|
415
|
+
var templateObject_1$M;
|
|
416
416
|
|
|
417
417
|
var LoaderButton = function LoaderButton(_a) {
|
|
418
418
|
var children = _a.children,
|
|
@@ -469,29 +469,29 @@
|
|
|
469
469
|
className: "ladda-label"
|
|
470
470
|
}, children));
|
|
471
471
|
};
|
|
472
|
-
var StyledButton = styled.button(templateObject_1$K || (templateObject_1$K = __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) {
|
|
472
|
+
var StyledButton = styled.button(templateObject_1$L || (templateObject_1$L = __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) {
|
|
473
473
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
|
|
474
474
|
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 ");
|
|
475
475
|
});
|
|
476
|
-
var templateObject_1$
|
|
476
|
+
var templateObject_1$L;
|
|
477
477
|
|
|
478
|
-
var OverlayContainer = styled(PageContainer)(templateObject_1$
|
|
478
|
+
var OverlayContainer = styled(PageContainer)(templateObject_1$K || (templateObject_1$K = __makeTemplateObject(["\n background: ", ";\n ", "\n z-index: 10000;\n"], ["\n background: ", ";\n ", "\n z-index: 10000;\n"])), function (props) {
|
|
479
479
|
return props.theme.background ? "".concat(props.theme.background) : "white";
|
|
480
480
|
}, function (props) {
|
|
481
481
|
return props.theme.textColor ? "color: ".concat(props.theme.textColor, ";") : "";
|
|
482
482
|
});
|
|
483
|
-
var OverlayInner$2 = styled.div(templateObject_2$
|
|
483
|
+
var OverlayInner$2 = styled.div(templateObject_2$B || (templateObject_2$B = __makeTemplateObject(["\n text-align: ", ";\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n max-width: 100dvw;\n max-height: 100dvh;\n width: 100%;\n height: 100%;\n ", "\n"], ["\n text-align: ", ";\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n max-width: 100dvw;\n max-height: 100dvh;\n width: 100%;\n height: 100%;\n ", "\n"])), function (props) {
|
|
484
484
|
var _a;
|
|
485
485
|
return (_a = props.theme.textAlign) !== null && _a !== void 0 ? _a : 'center';
|
|
486
486
|
}, function (props) {
|
|
487
487
|
return props.theme.padding ? "box-sizing: border-box; padding: ".concat(props.theme.padding, ";") : "";
|
|
488
488
|
});
|
|
489
|
-
var OverlayImageContainer = styled.div(templateObject_3$
|
|
490
|
-
var OverlayImageRow = styled.div(templateObject_4$
|
|
491
|
-
var GrayOverlayContainer = styled(OverlayContainer)(templateObject_5$
|
|
492
|
-
var ButtonsColumn = styled.div(templateObject_6$
|
|
493
|
-
var WideButton = styled(LoaderButton)(templateObject_7$
|
|
494
|
-
var WideBorderButton = styled(WideButton)(templateObject_8$
|
|
489
|
+
var OverlayImageContainer = styled.div(templateObject_3$s || (templateObject_3$s = __makeTemplateObject(["\n position: relative;\n display: flex;\n flex-grow: 1;\n padding-bottom: 25px;\n max-width: 100dvw;\n max-height: 100dvh;\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 max-width: 100dvw;\n max-height: 100dvh;\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"])));
|
|
490
|
+
var OverlayImageRow = styled.div(templateObject_4$m || (templateObject_4$m = __makeTemplateObject(["\n display: flex;\n margin: auto;\n\n & > div {\n max-height: calc(100vh - 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(100vh - 320px);\n\n & > img {\n width: 100%;\n max-height: 100%;\n height: auto;\n object-fit: contain;\n }\n }\n"])));
|
|
491
|
+
var GrayOverlayContainer = styled(OverlayContainer)(templateObject_5$d || (templateObject_5$d = __makeTemplateObject(["\n background: #f7f6fb;\n"], ["\n background: #f7f6fb;\n"])));
|
|
492
|
+
var ButtonsColumn = styled.div(templateObject_6$a || (templateObject_6$a = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n gap: 15px 0;\n justify-content: center;\n margin-top: 24px;\n"], ["\n display: flex;\n flex-direction: column;\n gap: 15px 0;\n justify-content: center;\n margin-top: 24px;\n"])));
|
|
493
|
+
var WideButton = styled(LoaderButton)(templateObject_7$7 || (templateObject_7$7 = __makeTemplateObject(["\n width: 100%;\n border-radius: 30px;\n"], ["\n width: 100%;\n border-radius: 30px;\n"])));
|
|
494
|
+
var WideBorderButton = styled(WideButton)(templateObject_8$4 || (templateObject_8$4 = __makeTemplateObject(["\n color: ", ";\n background: ", ";\n border: 1px solid\n ", ";\n box-sizing: border-box;\n"], ["\n color: ", ";\n background: ", ";\n border: 1px solid\n ", ";\n box-sizing: border-box;\n"])), function (props) {
|
|
495
495
|
var _a, _b;
|
|
496
496
|
return (_b = (_a = props.colors) === null || _a === void 0 ? void 0 : _a.textColor) !== null && _b !== void 0 ? _b : 'black';
|
|
497
497
|
}, function (props) {
|
|
@@ -501,7 +501,7 @@
|
|
|
501
501
|
var _a, _b;
|
|
502
502
|
return (_b = (_a = props.colors) === null || _a === void 0 ? void 0 : _a.borderColor) !== null && _b !== void 0 ? _b : 'var(--idm-color-secondary-500)';
|
|
503
503
|
});
|
|
504
|
-
var templateObject_1$
|
|
504
|
+
var templateObject_1$K, templateObject_2$B, templateObject_3$s, templateObject_4$m, templateObject_5$d, templateObject_6$a, templateObject_7$7, templateObject_8$4;
|
|
505
505
|
|
|
506
506
|
function _extends() {
|
|
507
507
|
return _extends = Object.assign ? Object.assign.bind() : function (n) {
|
|
@@ -1056,13 +1056,13 @@
|
|
|
1056
1056
|
}, retryText)))));
|
|
1057
1057
|
};
|
|
1058
1058
|
|
|
1059
|
-
var wavesAnimation = styled.keyframes(templateObject_1$
|
|
1060
|
-
var progressBarAnimation = styled.keyframes(templateObject_2$
|
|
1061
|
-
var dualRingSpinnerAnimation = styled.keyframes(templateObject_3$
|
|
1062
|
-
var progressBorderAnimation = styled.keyframes(templateObject_4$
|
|
1063
|
-
var templateObject_1$
|
|
1059
|
+
var wavesAnimation = styled.keyframes(templateObject_1$J || (templateObject_1$J = __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"])));
|
|
1060
|
+
var progressBarAnimation = styled.keyframes(templateObject_2$A || (templateObject_2$A = __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"])));
|
|
1061
|
+
var dualRingSpinnerAnimation = styled.keyframes(templateObject_3$r || (templateObject_3$r = __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"])));
|
|
1062
|
+
var progressBorderAnimation = styled.keyframes(templateObject_4$l || (templateObject_4$l = __makeTemplateObject(["\n to {\n stroke-dashoffset: 0;\n }\n"], ["\n to {\n stroke-dashoffset: 0;\n }\n"])));
|
|
1063
|
+
var templateObject_1$J, templateObject_2$A, templateObject_3$r, templateObject_4$l;
|
|
1064
1064
|
|
|
1065
|
-
var Spinner$1 = styled.div(templateObject_1$
|
|
1065
|
+
var Spinner$1 = styled.div(templateObject_1$I || (templateObject_1$I = __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) {
|
|
1066
1066
|
var $size = _a.$size;
|
|
1067
1067
|
return $size !== null && $size !== void 0 ? $size : 80;
|
|
1068
1068
|
}, function (_a) {
|
|
@@ -1087,7 +1087,7 @@
|
|
|
1087
1087
|
var $color = _a.$color;
|
|
1088
1088
|
return $color !== null && $color !== void 0 ? $color : '#888';
|
|
1089
1089
|
}, dualRingSpinnerAnimation);
|
|
1090
|
-
var templateObject_1$
|
|
1090
|
+
var templateObject_1$I;
|
|
1091
1091
|
|
|
1092
1092
|
exports.defaultAuthUrl = 'https://portal-api.idmission.com';
|
|
1093
1093
|
var allowedAuthUrls = ['https://portal-api.idmission.com', 'https://portal-api-uat.idmission.com', 'https://portal-api-demo.idmission.com', 'https://portal-api-dev.idmission.com', 'http://localhost:10000'];
|
|
@@ -2686,7 +2686,7 @@
|
|
|
2686
2686
|
}
|
|
2687
2687
|
});
|
|
2688
2688
|
});
|
|
2689
|
-
}, [clientRequestID, documentServiceUrl, geolocationResult, idBackCaptureAttempts, idCardForFaceMatch, idFrontCaptureAttempts, selfieCaptureAttempts, uploadDocument, webhooksStripSpecialCharacters]);
|
|
2689
|
+
}, [clientRequestID, documentServiceUrl, geolocationResult, idBackCaptureAttempts, idCardForFaceMatch, idFrontCaptureAttempts, selfieCaptureAttempts, uploadDocument, useDocumentServiceForLivenessChecks, webhooksStripSpecialCharacters]);
|
|
2690
2690
|
var checkLiveness = React.useCallback(function (imageDataUrl) {
|
|
2691
2691
|
return __awaiter(void 0, void 0, void 0, function () {
|
|
2692
2692
|
var request, host, endpoint, response, statusMessage, submissionResponse_3, e_2, err;
|
|
@@ -8105,7 +8105,7 @@
|
|
|
8105
8105
|
return [frameWidth, frameHeight];
|
|
8106
8106
|
}
|
|
8107
8107
|
|
|
8108
|
-
var InvisibleCanvas = styled.canvas(templateObject_1$
|
|
8108
|
+
var InvisibleCanvas = styled.canvas(templateObject_1$H || (templateObject_1$H = __makeTemplateObject(["\n display: none;\n"], ["\n display: none;\n"])));
|
|
8109
8109
|
function drawToCanvas(canvas, frame, width, height) {
|
|
8110
8110
|
if (!canvas) return;
|
|
8111
8111
|
var ctx = canvas.getContext('2d');
|
|
@@ -8125,7 +8125,7 @@
|
|
|
8125
8125
|
var _a;
|
|
8126
8126
|
(_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);
|
|
8127
8127
|
}
|
|
8128
|
-
var templateObject_1$
|
|
8128
|
+
var templateObject_1$H;
|
|
8129
8129
|
|
|
8130
8130
|
function cropToShoulders(rawCanvas, cropCanvas, resizeCanvas, frame, face, quality, maxHeight) {
|
|
8131
8131
|
if (quality === void 0) {
|
|
@@ -10592,12 +10592,14 @@
|
|
|
10592
10592
|
capturing: false,
|
|
10593
10593
|
captureFailed: false,
|
|
10594
10594
|
imageUrl: null,
|
|
10595
|
-
captureState: '
|
|
10595
|
+
captureState: 'initializing',
|
|
10596
10596
|
capturedDocuments: {},
|
|
10597
10597
|
captureRequirement: 'idCardOrPassport',
|
|
10598
10598
|
requestedDocumentType: 'idCardFront',
|
|
10599
10599
|
allowSinglePageIdCapture: false,
|
|
10600
10600
|
allowIdCardBackToFrontCapture: false,
|
|
10601
|
+
isUploadingDocumentsFromStorage: false,
|
|
10602
|
+
uploadingDocumentsType: null,
|
|
10601
10603
|
operationStartedAt: null,
|
|
10602
10604
|
captureStartedAt: null
|
|
10603
10605
|
};
|
|
@@ -10638,6 +10640,9 @@
|
|
|
10638
10640
|
}
|
|
10639
10641
|
}
|
|
10640
10642
|
newState.operationStartedAt = new Date();
|
|
10643
|
+
if (!action.payload.allowUploadingDocumentsFromStorage) {
|
|
10644
|
+
newState.captureState = 'capturing';
|
|
10645
|
+
}
|
|
10641
10646
|
return newState;
|
|
10642
10647
|
}
|
|
10643
10648
|
case 'setRequiredDocumentType':
|
|
@@ -10835,6 +10840,7 @@
|
|
|
10835
10840
|
{
|
|
10836
10841
|
var newState = _assign(_assign({}, state), {
|
|
10837
10842
|
capturedDocuments: _assign(_assign({}, state.capturedDocuments), (_b = {}, _b[state.requestedDocumentType] = _assign(_assign({}, action.payload), {
|
|
10843
|
+
documentType: state.requestedDocumentType,
|
|
10838
10844
|
width: 0,
|
|
10839
10845
|
height: 0
|
|
10840
10846
|
}), _b))
|
|
@@ -10845,10 +10851,13 @@
|
|
|
10845
10851
|
} else {
|
|
10846
10852
|
newState.requestedDocumentType = remainingRequirements[0];
|
|
10847
10853
|
if (state.requestedDocumentType === 'idCardFront' && newState.requestedDocumentType === 'idCardBack' || state.requestedDocumentType === 'idCardBack' && newState.requestedDocumentType === 'idCardFront') {
|
|
10848
|
-
newState.
|
|
10854
|
+
if (!newState.isUploadingDocumentsFromStorage) {
|
|
10855
|
+
newState.captureState = 'requestingFlip';
|
|
10856
|
+
}
|
|
10849
10857
|
newState.idCardFrontDetectionThresholdMet = false;
|
|
10850
10858
|
newState.idCardBackDetectionThresholdMet = false;
|
|
10851
10859
|
newState.passportDetectionThresholdMet = false;
|
|
10860
|
+
newState.wrongDocumentTypePredictions = 0;
|
|
10852
10861
|
}
|
|
10853
10862
|
}
|
|
10854
10863
|
return newState;
|
|
@@ -10869,6 +10878,17 @@
|
|
|
10869
10878
|
allowOverrideWrongDocumentTypeGuidance: false,
|
|
10870
10879
|
overrideWrongDocumentTypeGuidance: true
|
|
10871
10880
|
});
|
|
10881
|
+
case 'setUploadingDocumentsFromStorage':
|
|
10882
|
+
return _assign(_assign({}, state), {
|
|
10883
|
+
isUploadingDocumentsFromStorage: action.payload,
|
|
10884
|
+
captureState: action.payload ? 'initializing' : 'capturing'
|
|
10885
|
+
});
|
|
10886
|
+
case 'setUploadingDocumentsType':
|
|
10887
|
+
return _assign(_assign({}, state), {
|
|
10888
|
+
captureState: action.payload ? 'uploading' : 'initializing',
|
|
10889
|
+
uploadingDocumentsType: action.payload,
|
|
10890
|
+
requestedDocumentType: action.payload === 'passport' ? 'passport' : 'idCardFront'
|
|
10891
|
+
});
|
|
10872
10892
|
case 'resetWizard':
|
|
10873
10893
|
return _assign(_assign({}, initialState$4), {
|
|
10874
10894
|
captureRequirement: state.captureRequirement,
|
|
@@ -10921,12 +10941,12 @@
|
|
|
10921
10941
|
if (!portalLocation) return element;
|
|
10922
10942
|
return /*#__PURE__*/reactDom.createPortal(element, portalLocation);
|
|
10923
10943
|
}
|
|
10924
|
-
var DebugStatsPaneDiv = styled.span(templateObject_1$
|
|
10925
|
-
var ObjectDetectionDebugOverlayDiv = styled.div(templateObject_2$
|
|
10944
|
+
var DebugStatsPaneDiv = styled.span(templateObject_1$G || (templateObject_1$G = __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"])));
|
|
10945
|
+
var ObjectDetectionDebugOverlayDiv = styled.div(templateObject_2$z || (templateObject_2$z = __makeTemplateObject(["\n position: absolute;\n z-index: 1001;\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 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) {
|
|
10926
10946
|
var $flipX = _a.$flipX;
|
|
10927
10947
|
return $flipX ? 'transform: scaleX(-1);' : '';
|
|
10928
10948
|
});
|
|
10929
|
-
var ObjectDetectionDebugBox = styled.div(templateObject_3$
|
|
10949
|
+
var ObjectDetectionDebugBox = styled.div(templateObject_3$q || (templateObject_3$q = __makeTemplateObject(["\n font: 10px monospace;\n position: absolute;\n border: 3px solid ", ";\n color: ", ";\n ", "\n transform-style: preserve-3d;\n"], ["\n font: 10px monospace;\n position: absolute;\n border: 3px solid ", ";\n color: ", ";\n ", "\n transform-style: preserve-3d;\n"])), function (_a) {
|
|
10930
10950
|
var $color = _a.$color;
|
|
10931
10951
|
return $color !== null && $color !== void 0 ? $color : 'green';
|
|
10932
10952
|
}, function (_a) {
|
|
@@ -10936,7 +10956,7 @@
|
|
|
10936
10956
|
var $flipX = _a.$flipX;
|
|
10937
10957
|
return $flipX ? 'transform: scaleX(-1);' : '';
|
|
10938
10958
|
});
|
|
10939
|
-
var FaceDetectionKeypointMarker = styled.div(templateObject_4$
|
|
10959
|
+
var FaceDetectionKeypointMarker = styled.div(templateObject_4$k || (templateObject_4$k = __makeTemplateObject(["\n position: absolute;\n width: 4px;\n height: 4px;\n border: 2px solid ", ";\n font: 10px monospace;\n color: ", ";\n border-radius: 50%;\n ", "\n transform-style: preserve-3d;\n"], ["\n position: absolute;\n width: 4px;\n height: 4px;\n border: 2px solid ", ";\n font: 10px monospace;\n color: ", ";\n border-radius: 50%;\n ", "\n transform-style: preserve-3d;\n"])), function (_a) {
|
|
10940
10960
|
var $color = _a.$color;
|
|
10941
10961
|
return $color !== null && $color !== void 0 ? $color : 'red';
|
|
10942
10962
|
}, function (_a) {
|
|
@@ -11127,7 +11147,7 @@
|
|
|
11127
11147
|
}
|
|
11128
11148
|
});
|
|
11129
11149
|
}
|
|
11130
|
-
var templateObject_1$
|
|
11150
|
+
var templateObject_1$G, templateObject_2$z, templateObject_3$q, templateObject_4$k;
|
|
11131
11151
|
|
|
11132
11152
|
function _classCallCheck(a, n) {
|
|
11133
11153
|
if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function");
|
|
@@ -14914,7 +14934,7 @@
|
|
|
14914
14934
|
}, [fallbacks, i18n.language, t, verbiage]);
|
|
14915
14935
|
}
|
|
14916
14936
|
|
|
14917
|
-
var GuidanceMessageContainerDiv = styled.div(templateObject_1$
|
|
14937
|
+
var GuidanceMessageContainerDiv = styled.div(templateObject_1$F || (templateObject_1$F = __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) {
|
|
14918
14938
|
var $top = _a.$top;
|
|
14919
14939
|
return $top !== null && $top !== void 0 ? $top : '10vh';
|
|
14920
14940
|
}, function (_a) {
|
|
@@ -14927,14 +14947,14 @@
|
|
|
14927
14947
|
if (!portalLocation) return element;
|
|
14928
14948
|
return /*#__PURE__*/reactDom.createPortal(element, portalLocation);
|
|
14929
14949
|
};
|
|
14930
|
-
var GuidanceMessage = styled.div(templateObject_2$
|
|
14950
|
+
var GuidanceMessage = styled.div(templateObject_2$y || (templateObject_2$y = __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) {
|
|
14931
14951
|
var _a, _b, _c, _d, _e, _f;
|
|
14932
14952
|
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';
|
|
14933
14953
|
}, function (props) {
|
|
14934
14954
|
var _a, _b, _c, _d, _e, _f;
|
|
14935
14955
|
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';
|
|
14936
14956
|
});
|
|
14937
|
-
var templateObject_1$
|
|
14957
|
+
var templateObject_1$F, templateObject_2$y;
|
|
14938
14958
|
|
|
14939
14959
|
function OverrideWrongDocumentTypeGuidanceDialog(_a) {
|
|
14940
14960
|
var _b = _a.classNames,
|
|
@@ -14957,7 +14977,7 @@
|
|
|
14957
14977
|
className: classNames.message
|
|
14958
14978
|
}, verbiage.messageText), /*#__PURE__*/React.createElement(ButtonContainer, {
|
|
14959
14979
|
className: classNames.buttonContainer
|
|
14960
|
-
}, /*#__PURE__*/React.createElement(Button, {
|
|
14980
|
+
}, /*#__PURE__*/React.createElement(Button$1, {
|
|
14961
14981
|
variant: "positive",
|
|
14962
14982
|
className: classNames.button,
|
|
14963
14983
|
onClick: function onClick() {
|
|
@@ -14967,18 +14987,18 @@
|
|
|
14967
14987
|
}
|
|
14968
14988
|
}, verbiage.buttonText))));
|
|
14969
14989
|
}
|
|
14970
|
-
var Container$2 = styled.div(templateObject_1$
|
|
14990
|
+
var Container$2 = styled.div(templateObject_1$E || (templateObject_1$E = __makeTemplateObject(["\n position: fixed;\n left: 0;\n bottom: 0;\n width: 100dvw;\n background: ", ";\n color: ", ";\n display: flex;\n z-index: 100001;\n"], ["\n position: fixed;\n left: 0;\n bottom: 0;\n width: 100dvw;\n background: ", ";\n color: ", ";\n display: flex;\n z-index: 100001;\n"])), function (props) {
|
|
14971
14991
|
var _a, _b, _c;
|
|
14972
14992
|
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';
|
|
14973
14993
|
}, function (props) {
|
|
14974
14994
|
var _a, _b, _c;
|
|
14975
14995
|
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';
|
|
14976
14996
|
});
|
|
14977
|
-
var InnerContainer = styled.div(templateObject_2$
|
|
14978
|
-
var Message = styled.span(templateObject_3$
|
|
14979
|
-
var ButtonContainer = styled.div(templateObject_4$
|
|
14980
|
-
var Button = styled(LoaderButton)(templateObject_5$
|
|
14981
|
-
var templateObject_1$
|
|
14997
|
+
var InnerContainer = styled.div(templateObject_2$x || (templateObject_2$x = __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"])));
|
|
14998
|
+
var Message = styled.span(templateObject_3$p || (templateObject_3$p = __makeTemplateObject(["\n display: block;\n margin: auto 12px auto 0;\n"], ["\n display: block;\n margin: auto 12px auto 0;\n"])));
|
|
14999
|
+
var ButtonContainer = styled.div(templateObject_4$j || (templateObject_4$j = __makeTemplateObject(["\n display: flex;\n margin-left: auto;\n"], ["\n display: flex;\n margin-left: auto;\n"])));
|
|
15000
|
+
var Button$1 = styled(LoaderButton)(templateObject_5$c || (templateObject_5$c = __makeTemplateObject(["\n white-space: nowrap;\n margin: auto;\n"], ["\n white-space: nowrap;\n margin: auto;\n"])));
|
|
15001
|
+
var templateObject_1$E, templateObject_2$x, templateObject_3$p, templateObject_4$j, templateObject_5$c;
|
|
14982
15002
|
|
|
14983
15003
|
var IdCapture = function IdCapture(_a) {
|
|
14984
15004
|
var _b, _c, _d, _e, _f, _g, _h;
|
|
@@ -15176,13 +15196,13 @@
|
|
|
15176
15196
|
finished: true
|
|
15177
15197
|
}, verbiage.retryBtnText)));
|
|
15178
15198
|
};
|
|
15179
|
-
var StyledOverlayInner$3 = styled(OverlayInner$2)(templateObject_1$
|
|
15180
|
-
var StyledOverlayImageContainer$3 = styled(OverlayImageContainer)(templateObject_2$
|
|
15181
|
-
var Description$4 = styled.p(templateObject_3$
|
|
15182
|
-
var RetryButton$1 = styled(LoaderButton)(templateObject_4$
|
|
15183
|
-
var templateObject_1$
|
|
15199
|
+
var StyledOverlayInner$3 = styled(OverlayInner$2)(templateObject_1$D || (templateObject_1$D = __makeTemplateObject(["\n max-width: 500px;\n height: auto;\n margin: auto;\n"], ["\n max-width: 500px;\n height: auto;\n margin: auto;\n"])));
|
|
15200
|
+
var StyledOverlayImageContainer$3 = styled(OverlayImageContainer)(templateObject_2$w || (templateObject_2$w = __makeTemplateObject(["\n flex-grow: 0;\n"], ["\n flex-grow: 0;\n"])));
|
|
15201
|
+
var Description$4 = styled.p(templateObject_3$o || (templateObject_3$o = __makeTemplateObject(["\n line-height: 1.5;\n margin-bottom: 50px;\n"], ["\n line-height: 1.5;\n margin-bottom: 50px;\n"])));
|
|
15202
|
+
var RetryButton$1 = styled(LoaderButton)(templateObject_4$i || (templateObject_4$i = __makeTemplateObject(["\n width: 200px;\n margin: 0 auto;\n"], ["\n width: 200px;\n margin: 0 auto;\n"])));
|
|
15203
|
+
var templateObject_1$D, templateObject_2$w, templateObject_3$o, templateObject_4$i;
|
|
15184
15204
|
|
|
15185
|
-
var ExitCaptureStyledButton = styled.button(templateObject_1$
|
|
15205
|
+
var ExitCaptureStyledButton = styled.button(templateObject_1$C || (templateObject_1$C = __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"])));
|
|
15186
15206
|
var ExitCaptureButton = function ExitCaptureButton(_a) {
|
|
15187
15207
|
var onClick = _a.onClick,
|
|
15188
15208
|
className = _a.className;
|
|
@@ -15226,10 +15246,10 @@
|
|
|
15226
15246
|
y2: "19.75"
|
|
15227
15247
|
}))));
|
|
15228
15248
|
};
|
|
15229
|
-
var templateObject_1$
|
|
15249
|
+
var templateObject_1$C;
|
|
15230
15250
|
|
|
15231
|
-
var ButtonsRow = styled.div(templateObject_1$
|
|
15232
|
-
var templateObject_1$
|
|
15251
|
+
var ButtonsRow = styled.div(templateObject_1$B || (templateObject_1$B = __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"])));
|
|
15252
|
+
var templateObject_1$B;
|
|
15233
15253
|
|
|
15234
15254
|
function IdCaptureLoadingGraphic(props) {
|
|
15235
15255
|
var isMobile = window.innerHeight > window.innerWidth;
|
|
@@ -15710,21 +15730,21 @@
|
|
|
15710
15730
|
fill: "white"
|
|
15711
15731
|
}))));
|
|
15712
15732
|
}
|
|
15713
|
-
var LoadingGraphicWrapper = styled.div(templateObject_1$
|
|
15714
|
-
var LoadingGraphicSvg = styled.svg(templateObject_2$
|
|
15733
|
+
var LoadingGraphicWrapper = styled.div(templateObject_1$A || (templateObject_1$A = __makeTemplateObject(["\n display: flex;\n width: 100%;\n height: 100%;\n"], ["\n display: flex;\n width: 100%;\n height: 100%;\n"])));
|
|
15734
|
+
var LoadingGraphicSvg = styled.svg(templateObject_2$v || (templateObject_2$v = __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"], ["\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"])), function (props) {
|
|
15715
15735
|
return props.$frame > 1 ? 1 : props.$frame === 1 ? 1.25 : 0.75;
|
|
15716
15736
|
}, function (props) {
|
|
15717
15737
|
return props.$frame >= 5 ? 10 : 0;
|
|
15718
15738
|
}, function (props) {
|
|
15719
15739
|
return props.$borderColor;
|
|
15720
15740
|
});
|
|
15721
|
-
var LoadingGraphicCardGroup = styled.g(templateObject_3$
|
|
15741
|
+
var LoadingGraphicCardGroup = styled.g(templateObject_3$n || (templateObject_3$n = __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) {
|
|
15722
15742
|
return props.$offScreen ? '-500px' : '0';
|
|
15723
15743
|
});
|
|
15724
|
-
var LoadingGraphicPhoneGroup = styled.g(templateObject_4$
|
|
15744
|
+
var LoadingGraphicPhoneGroup = styled.g(templateObject_4$h || (templateObject_4$h = __makeTemplateObject(["\n transform: translate(", ", 0);\n transform-style: preserve-3d;\n transition: transform 0.3s linear;\n"], ["\n transform: translate(", ", 0);\n transform-style: preserve-3d;\n transition: transform 0.3s linear;\n"])), function (props) {
|
|
15725
15745
|
return props.$offScreen ? '40px' : '0';
|
|
15726
15746
|
});
|
|
15727
|
-
var templateObject_1$
|
|
15747
|
+
var templateObject_1$A, templateObject_2$v, templateObject_3$n, templateObject_4$h;
|
|
15728
15748
|
|
|
15729
15749
|
function LoadingListItemIndicator(_a) {
|
|
15730
15750
|
var _b = _a.state,
|
|
@@ -15919,33 +15939,33 @@
|
|
|
15919
15939
|
}
|
|
15920
15940
|
}, verbiage.continueText))))));
|
|
15921
15941
|
};
|
|
15922
|
-
var OverlayInner$1 = styled.div(templateObject_1$
|
|
15942
|
+
var OverlayInner$1 = styled.div(templateObject_1$z || (templateObject_1$z = __makeTemplateObject(["\n height: 100dvh;\n display: flex;\n flex-direction: column;\n background: ", ";\n color: ", ";\n"], ["\n height: 100dvh;\n display: flex;\n flex-direction: column;\n background: ", ";\n color: ", ";\n"])), function (props) {
|
|
15923
15943
|
var _a, _b, _c, _d;
|
|
15924
15944
|
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';
|
|
15925
15945
|
}, function (props) {
|
|
15926
15946
|
var _a, _b, _c, _d;
|
|
15927
15947
|
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';
|
|
15928
15948
|
});
|
|
15929
|
-
var OverlayHeader$1 = styled.div(templateObject_2$
|
|
15949
|
+
var OverlayHeader$1 = styled.div(templateObject_2$u || (templateObject_2$u = __makeTemplateObject(["\n text-align: ", ";\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n ", "\n padding-bottom: 0;\n"], ["\n text-align: ", ";\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n ", "\n padding-bottom: 0;\n"])), function (props) {
|
|
15930
15950
|
var _a;
|
|
15931
15951
|
return (_a = props.theme.textAlign) !== null && _a !== void 0 ? _a : 'center';
|
|
15932
15952
|
}, function (props) {
|
|
15933
15953
|
return props.theme.padding ? "box-sizing: border-box; padding: ".concat(props.theme.padding, ";") : "";
|
|
15934
15954
|
});
|
|
15935
|
-
var StyledGuidanceMessage$2 = styled(GuidanceMessage)(templateObject_3$
|
|
15936
|
-
var StyledOverlayImageContainer$2 = styled(OverlayImageContainer)(templateObject_4$
|
|
15937
|
-
var ContinuityCameraCheckboxContainer$1 = styled.div(templateObject_5$
|
|
15938
|
-
var ContinuityCameraCheckboxInner = styled(GuidanceMessage)(templateObject_6$
|
|
15939
|
-
var ContinuityCameraCheckbox$1 = styled.input(templateObject_7$
|
|
15940
|
-
var StyledButtonsRow$a = styled(ButtonsRow)(templateObject_8$
|
|
15955
|
+
var StyledGuidanceMessage$2 = styled(GuidanceMessage)(templateObject_3$m || (templateObject_3$m = __makeTemplateObject(["\n padding: 16px 24px;\n margin-top: 16px;\n font-size: 18px;\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: 16px 24px;\n margin-top: 16px;\n font-size: 18px;\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"])));
|
|
15956
|
+
var StyledOverlayImageContainer$2 = styled(OverlayImageContainer)(templateObject_4$g || (templateObject_4$g = __makeTemplateObject(["\n padding: 0 0 100px;\n\n & > svg {\n height: 100%;\n }\n"], ["\n padding: 0 0 100px;\n\n & > svg {\n height: 100%;\n }\n"])));
|
|
15957
|
+
var ContinuityCameraCheckboxContainer$1 = styled.div(templateObject_5$b || (templateObject_5$b = __makeTemplateObject(["\n position: fixed;\n bottom: 120px;\n width: 100dvw;\n display: flex;\n"], ["\n position: fixed;\n bottom: 120px;\n width: 100dvw;\n display: flex;\n"])));
|
|
15958
|
+
var ContinuityCameraCheckboxInner = styled(GuidanceMessage)(templateObject_6$9 || (templateObject_6$9 = __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"])));
|
|
15959
|
+
var ContinuityCameraCheckbox$1 = styled.input(templateObject_7$6 || (templateObject_7$6 = __makeTemplateObject(["\n margin-right: 8px;\n"], ["\n margin-right: 8px;\n"])));
|
|
15960
|
+
var StyledButtonsRow$a = styled(ButtonsRow)(templateObject_8$3 || (templateObject_8$3 = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n padding: 15px 25px;\n height: 100px;\n color: ", ";\n ", "\n position: fixed;\n bottom: 0;\n left: 0;\n width: 100dvw;\n box-sizing: border-box;\n"], ["\n display: flex;\n flex-direction: row;\n padding: 15px 25px;\n height: 100px;\n color: ", ";\n ", "\n position: fixed;\n bottom: 0;\n left: 0;\n width: 100dvw;\n box-sizing: border-box;\n"])), function (props) {
|
|
15941
15961
|
var _a, _b, _c, _d;
|
|
15942
15962
|
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';
|
|
15943
15963
|
}, function (props) {
|
|
15944
15964
|
var _a, _b, _c, _d, _e, _f;
|
|
15945
15965
|
return ((_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.idCapture) === null || _b === void 0 ? void 0 : _b.loadingOverlay) === null || _c === void 0 ? void 0 : _c.progressBarFontSize) ? "font-size: ".concat((_f = (_e = (_d = props.theme) === null || _d === void 0 ? void 0 : _d.idCapture) === null || _e === void 0 ? void 0 : _e.loadingOverlay) === null || _f === void 0 ? void 0 : _f.progressBarFontSize, ";") : '';
|
|
15946
15966
|
});
|
|
15947
|
-
var LoadingListContainer$1 = styled.div(templateObject_9$
|
|
15948
|
-
var LoadingList$1 = styled.ul(templateObject_10$
|
|
15967
|
+
var LoadingListContainer$1 = styled.div(templateObject_9$3 || (templateObject_9$3 = __makeTemplateObject(["\n display: flex;\n position: relative;\n z-index: 2;\n"], ["\n display: flex;\n position: relative;\n z-index: 2;\n"])));
|
|
15968
|
+
var LoadingList$1 = styled.ul(templateObject_10$2 || (templateObject_10$2 = __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"])));
|
|
15949
15969
|
var LoadingListItem$1 = styled.li(templateObject_11$1 || (templateObject_11$1 = __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"])));
|
|
15950
15970
|
var ProgressContainer$1 = styled.div(templateObject_12$1 || (templateObject_12$1 = __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"])));
|
|
15951
15971
|
var ProgressBarBackground$1 = styled.div(templateObject_13$1 || (templateObject_13$1 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: ", ";\n opacity: ", ";\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: ", ";\n opacity: ", ";\n"])), function (props) {
|
|
@@ -15971,7 +15991,7 @@
|
|
|
15971
15991
|
var _a, _b, _c, _d, _e, _f;
|
|
15972
15992
|
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, ";") : '';
|
|
15973
15993
|
});
|
|
15974
|
-
var templateObject_1$
|
|
15994
|
+
var templateObject_1$z, templateObject_2$u, templateObject_3$m, templateObject_4$g, templateObject_5$b, templateObject_6$9, templateObject_7$6, templateObject_8$3, templateObject_9$3, templateObject_10$2, templateObject_11$1, templateObject_12$1, templateObject_13$1, templateObject_14$1, templateObject_15$1, templateObject_16, templateObject_17, templateObject_18;
|
|
15975
15995
|
|
|
15976
15996
|
function _createForOfIteratorHelperLoose(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (t) return (t = t.call(r)).next.bind(t); if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e) { t && (r = t); var o = 0; return function () { return o >= r.length ? { done: !0 } : { done: !1, value: r[o++] }; }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
15977
15997
|
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
@@ -16047,8 +16067,8 @@
|
|
|
16047
16067
|
};
|
|
16048
16068
|
}
|
|
16049
16069
|
|
|
16050
|
-
var ContinuityCameraCheckboxContainer = styled.div(templateObject_1$
|
|
16051
|
-
var ContinuityCameraCheckbox = styled.input(templateObject_2$
|
|
16070
|
+
var ContinuityCameraCheckboxContainer = styled.div(templateObject_1$y || (templateObject_1$y = __makeTemplateObject(["\n margin-top: 15px;\n margin-bottom: 15px;\n"], ["\n margin-top: 15px;\n margin-bottom: 15px;\n"])));
|
|
16071
|
+
var ContinuityCameraCheckbox = styled.input(templateObject_2$t || (templateObject_2$t = __makeTemplateObject(["\n margin-right: 8px;\n"], ["\n margin-right: 8px;\n"])));
|
|
16052
16072
|
var IdCaptureLoadingOverlayLegacy = function IdCaptureLoadingOverlayLegacy(_a) {
|
|
16053
16073
|
var _b, _c, _d, _e;
|
|
16054
16074
|
var onDismissed = _a.onDismissed,
|
|
@@ -16166,7 +16186,7 @@
|
|
|
16166
16186
|
}
|
|
16167
16187
|
}, cameraReady && modelsReady ? verbiage.continueText : modelsReady ? verbiage.cameraInitializingText : modelDownloadProgress >= 100 ? verbiage.modelsWarmingUpText : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)"))));
|
|
16168
16188
|
};
|
|
16169
|
-
var templateObject_1$
|
|
16189
|
+
var templateObject_1$y, templateObject_2$t;
|
|
16170
16190
|
|
|
16171
16191
|
var components$1 = {
|
|
16172
16192
|
"default": IdCaptureLoadingOverlayDefault,
|
|
@@ -16224,9 +16244,9 @@
|
|
|
16224
16244
|
});
|
|
16225
16245
|
};
|
|
16226
16246
|
|
|
16227
|
-
var Card = styled.div(templateObject_1$
|
|
16228
|
-
var FlexCard = styled(Card)(templateObject_2$
|
|
16229
|
-
var templateObject_1$
|
|
16247
|
+
var Card = styled.div(templateObject_1$x || (templateObject_1$x = __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, 100dvw - 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, 100dvw - 48px);\n max-height: 100%;\n overflow: auto;\n box-sizing: border-box;\n"])));
|
|
16248
|
+
var FlexCard = styled(Card)(templateObject_2$s || (templateObject_2$s = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n"], ["\n display: flex;\n flex-direction: column;\n"])));
|
|
16249
|
+
var templateObject_1$x, templateObject_2$s;
|
|
16230
16250
|
|
|
16231
16251
|
var IdCaptureSuccess = function IdCaptureSuccess(_a) {
|
|
16232
16252
|
var capturedDocuments = _a.capturedDocuments,
|
|
@@ -16285,13 +16305,13 @@
|
|
|
16285
16305
|
finished: true
|
|
16286
16306
|
}, verbiage.retryText)))));
|
|
16287
16307
|
};
|
|
16288
|
-
var Heading$a = styled.h1(templateObject_1$
|
|
16289
|
-
var ImagesContainer = styled(OverlayImageContainer)(templateObject_2$
|
|
16290
|
-
var ImageRow = styled(OverlayImageRow)(templateObject_3$
|
|
16291
|
-
var ImageCol$1 = styled.div(templateObject_4$
|
|
16292
|
-
var StyledImage = styled(CapturedDocumentImg)(templateObject_5$
|
|
16293
|
-
var DebugPre = styled.pre(templateObject_6$
|
|
16294
|
-
var templateObject_1$
|
|
16308
|
+
var Heading$a = styled.h1(templateObject_1$w || (templateObject_1$w = __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"])));
|
|
16309
|
+
var ImagesContainer = styled(OverlayImageContainer)(templateObject_2$r || (templateObject_2$r = __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"])));
|
|
16310
|
+
var ImageRow = styled(OverlayImageRow)(templateObject_3$l || (templateObject_3$l = __makeTemplateObject(["\n max-width: 100%;\n flex-direction: column;\n display: grid;\n grid-gap: 12px;\n"], ["\n max-width: 100%;\n flex-direction: column;\n display: grid;\n grid-gap: 12px;\n"])));
|
|
16311
|
+
var ImageCol$1 = styled.div(templateObject_4$f || (templateObject_4$f = __makeTemplateObject(["\n width: 100%;\n max-height: none !important;\n"], ["\n width: 100%;\n max-height: none !important;\n"])));
|
|
16312
|
+
var StyledImage = styled(CapturedDocumentImg)(templateObject_5$a || (templateObject_5$a = __makeTemplateObject(["\n width: 100%;\n border-radius: 12px;\n"], ["\n width: 100%;\n border-radius: 12px;\n"])));
|
|
16313
|
+
var DebugPre = styled.pre(templateObject_6$8 || (templateObject_6$8 = __makeTemplateObject(["\n text-align: left;\n max-width: min(450px, 100dvw - 100px);\n overflow-x: auto;\n"], ["\n text-align: left;\n max-width: min(450px, 100dvw - 100px);\n overflow-x: auto;\n"])));
|
|
16314
|
+
var templateObject_1$w, templateObject_2$r, templateObject_3$l, templateObject_4$f, templateObject_5$a, templateObject_6$8;
|
|
16295
16315
|
|
|
16296
16316
|
function useShowSuccessScreen(skipSuccessScreen, successScreenReady, onDoneCallback) {
|
|
16297
16317
|
var _this = this;
|
|
@@ -16343,10 +16363,10 @@
|
|
|
16343
16363
|
canvas.style.height = '0';
|
|
16344
16364
|
}
|
|
16345
16365
|
|
|
16346
|
-
var IdCardGuideImageContainer = styled(IdCardBorder)(templateObject_1$
|
|
16366
|
+
var IdCardGuideImageContainer = styled(IdCardBorder)(templateObject_1$v || (templateObject_1$v = __makeTemplateObject(["\n position: relative;\n ", "\n box-sizing: border-box;\n"], ["\n position: relative;\n ", "\n box-sizing: border-box;\n"])), function (props) {
|
|
16347
16367
|
return props.$isVisible ? '' : 'opacity: 0;';
|
|
16348
16368
|
});
|
|
16349
|
-
var IdCardGuideImage = styled.img(templateObject_2$
|
|
16369
|
+
var IdCardGuideImage = styled.img(templateObject_2$q || (templateObject_2$q = __makeTemplateObject(["\n transform-style: preserve-3d;\n ", "\n ", "\n"], ["\n transform-style: preserve-3d;\n ", "\n ", "\n"])), function (props) {
|
|
16350
16370
|
return props.$isMirrored ? 'transform: scaleX(-1);' : '';
|
|
16351
16371
|
}, function (props) {
|
|
16352
16372
|
return props.$isInvisible ? 'opacity: 0;' : '';
|
|
@@ -16489,16 +16509,16 @@
|
|
|
16489
16509
|
className: isProgressBar ? "idmSdkProgressBorder ".concat(progressPaused ? 'idmSdkProgressPaused' : '') : ''
|
|
16490
16510
|
}));
|
|
16491
16511
|
}
|
|
16492
|
-
var IdCardBorderContainer = styled.div(templateObject_3$
|
|
16493
|
-
var SvgOverlay = styled.svg(templateObject_4$
|
|
16494
|
-
var IdCardBorderRect = styled.rect(templateObject_5$
|
|
16512
|
+
var IdCardBorderContainer = styled.div(templateObject_3$k || (templateObject_3$k = __makeTemplateObject(["\n & > .idmSdkWaves {\n position: absolute;\n animation: ", " 2s ease-out infinite;\n transform-style: preserve-3d;\n\n &:nth-child(2) {\n animation-delay: 0.66s;\n }\n\n &:nth-child(3) {\n animation-delay: 1.33s;\n }\n }\n"], ["\n & > .idmSdkWaves {\n position: absolute;\n animation: ", " 2s ease-out infinite;\n transform-style: preserve-3d;\n\n &:nth-child(2) {\n animation-delay: 0.66s;\n }\n\n &:nth-child(3) {\n animation-delay: 1.33s;\n }\n }\n"])), wavesAnimation);
|
|
16513
|
+
var SvgOverlay = styled.svg(templateObject_4$e || (templateObject_4$e = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n"])));
|
|
16514
|
+
var IdCardBorderRect = styled.rect(templateObject_5$9 || (templateObject_5$9 = __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) {
|
|
16495
16515
|
var _a;
|
|
16496
16516
|
return (_a = props.$speed) !== null && _a !== void 0 ? _a : '3s';
|
|
16497
16517
|
}, function (props) {
|
|
16498
16518
|
var _a;
|
|
16499
16519
|
return (_a = props.$fillMode) !== null && _a !== void 0 ? _a : 'forwards';
|
|
16500
16520
|
});
|
|
16501
|
-
var templateObject_1$
|
|
16521
|
+
var templateObject_1$v, templateObject_2$q, templateObject_3$k, templateObject_4$e, templateObject_5$9;
|
|
16502
16522
|
|
|
16503
16523
|
var defaultIdCaptureGuideImages = {
|
|
16504
16524
|
portrait: {
|
|
@@ -16674,12 +16694,12 @@
|
|
|
16674
16694
|
style: imageStyle
|
|
16675
16695
|
})));
|
|
16676
16696
|
};
|
|
16677
|
-
var FlipImageContainer = styled(IdCardGuideImageContainer)(templateObject_1$
|
|
16697
|
+
var FlipImageContainer = styled(IdCardGuideImageContainer)(templateObject_1$u || (templateObject_1$u = __makeTemplateObject(["\n backface-visibility: hidden;\n transition: transform ", "s;\n transform: ", ";\n transform-style: preserve-3d;\n position: absolute;\n display: block;\n top: 0;\n 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) {
|
|
16678
16698
|
return props.$transitionTime;
|
|
16679
16699
|
}, function (props) {
|
|
16680
16700
|
return props.$transforms;
|
|
16681
16701
|
});
|
|
16682
|
-
var templateObject_1$
|
|
16702
|
+
var templateObject_1$u;
|
|
16683
16703
|
|
|
16684
16704
|
var GuideOrientationContext = /*#__PURE__*/React.createContext({
|
|
16685
16705
|
orientation: 'landscape',
|
|
@@ -16968,10 +16988,10 @@
|
|
|
16968
16988
|
return v;
|
|
16969
16989
|
}).join(' ');
|
|
16970
16990
|
};
|
|
16971
|
-
var StyledPageContainer = styled(PageContainerDiv)(templateObject_1$
|
|
16972
|
-
var GuidesContainer = styled.div(templateObject_2$
|
|
16973
|
-
var GuideCenterRow = styled.div(templateObject_3$
|
|
16974
|
-
var GuideRegion = styled.div(templateObject_4$
|
|
16991
|
+
var StyledPageContainer = styled(PageContainerDiv)(templateObject_1$t || (templateObject_1$t = __makeTemplateObject(["\n z-index: 1000;\n overflow-y: hidden;\n"], ["\n z-index: 1000;\n overflow-y: hidden;\n"])));
|
|
16992
|
+
var GuidesContainer = styled.div(templateObject_2$p || (templateObject_2$p = __makeTemplateObject(["\n display: flex;\n flex-flow: column nowrap;\n width: 100dvw;\n height: 100dvh;\n"], ["\n display: flex;\n flex-flow: column nowrap;\n width: 100dvw;\n height: 100dvh;\n"])));
|
|
16993
|
+
var GuideCenterRow = styled.div(templateObject_3$j || (templateObject_3$j = __makeTemplateObject(["\n position: relative;\n display: flex;\n flex-flow: row nowrap;\n align-items: center;\n justify-items: center;\n box-sizing: border-box;\n max-width: 100%;\n max-height: 100%;\n min-height: 0;\n flex: 1;\n"], ["\n position: relative;\n display: flex;\n flex-flow: row nowrap;\n align-items: center;\n justify-items: center;\n box-sizing: border-box;\n max-width: 100%;\n max-height: 100%;\n min-height: 0;\n flex: 1;\n"])));
|
|
16994
|
+
var GuideRegion = styled.div(templateObject_4$d || (templateObject_4$d = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n justify-content: end;\n width: 100%;\n position: relative;\n z-index: 1000;\n background: ", ";\n color: ", ";\n text-align: center;\n ", "\n ", "\n"], ["\n display: flex;\n flex-direction: column;\n justify-content: end;\n width: 100%;\n position: relative;\n z-index: 1000;\n background: ", ";\n color: ", ";\n text-align: center;\n ", "\n ", "\n"])), function (props) {
|
|
16975
16995
|
var _a, _b, _c, _d, _e;
|
|
16976
16996
|
return (_e = (_a = props.$maskColor) !== null && _a !== void 0 ? _a : (_d = (_c = (_b = props.theme) === null || _b === void 0 ? void 0 : _b.idCapture) === null || _c === void 0 ? void 0 : _c.guideOverlay) === null || _d === void 0 ? void 0 : _d.backgroundColor) !== null && _e !== void 0 ? _e : 'rgba(0, 0, 0, 0.5)';
|
|
16977
16997
|
}, function (props) {
|
|
@@ -16982,21 +17002,21 @@
|
|
|
16982
17002
|
}, function (props) {
|
|
16983
17003
|
return props.$minHeight ? "min-height: ".concat(props.$minHeight, "px;") : "";
|
|
16984
17004
|
});
|
|
16985
|
-
var Spacer = styled(GuideRegion)(templateObject_5$
|
|
16986
|
-
var GuideCenterRegion = styled.div(templateObject_6$
|
|
17005
|
+
var Spacer = styled(GuideRegion)(templateObject_5$8 || (templateObject_5$8 = __makeTemplateObject(["\n display: block;\n width: auto;\n"], ["\n display: block;\n width: auto;\n"])));
|
|
17006
|
+
var GuideCenterRegion = styled.div(templateObject_6$7 || (templateObject_6$7 = __makeTemplateObject(["\n ", "\n ", "\n transform-style: preserve-3d;\n box-sizing: border-box;\n display: flex;\n flex: 1;\n max-height: 100%;\n height: 100%;\n"], ["\n ", "\n ", "\n transform-style: preserve-3d;\n box-sizing: border-box;\n display: flex;\n flex: 1;\n max-height: 100%;\n height: 100%;\n"])), function (props) {
|
|
16987
17007
|
return props.$minWidth ? "min-width: ".concat(props.$minWidth, "px;") : "";
|
|
16988
17008
|
}, function (props) {
|
|
16989
17009
|
return props.$isMirrored ? 'transform: scaleX(-1);' : '';
|
|
16990
17010
|
});
|
|
16991
|
-
var GuideCenterBorder = styled.div(templateObject_7$
|
|
17011
|
+
var GuideCenterBorder = styled.div(templateObject_7$5 || (templateObject_7$5 = __makeTemplateObject(["\n box-sizing: border-box;\n border: ", ";\n display: flex;\n flex: 1;\n justify-content: center;\n max-height: 100%;\n min-height: 0;\n position: relative;\n ", "\n"], ["\n box-sizing: border-box;\n border: ", ";\n display: flex;\n flex: 1;\n justify-content: center;\n max-height: 100%;\n min-height: 0;\n position: relative;\n ", "\n"])), function (props) {
|
|
16992
17012
|
var _a, _b;
|
|
16993
17013
|
return "".concat((_a = props.$borderWidth) !== null && _a !== void 0 ? _a : 4, "px solid ").concat((_b = props.$borderColor) !== null && _b !== void 0 ? _b : 'white');
|
|
16994
17014
|
}, function (props) {
|
|
16995
17015
|
return props.$padding ? "padding: ".concat(props.$padding, "px;") : '';
|
|
16996
17016
|
});
|
|
16997
|
-
var GuideText = styled.span(templateObject_8$
|
|
16998
|
-
var GuideCenterInner = styled.div(templateObject_9$
|
|
16999
|
-
var templateObject_1$
|
|
17017
|
+
var GuideText = styled.span(templateObject_8$2 || (templateObject_8$2 = __makeTemplateObject(["\n align-content: center;\n margin-top: 12px;\n margin-bottom: 12px;\n"], ["\n align-content: center;\n margin-top: 12px;\n margin-bottom: 12px;\n"])));
|
|
17018
|
+
var GuideCenterInner = styled.div(templateObject_9$2 || (templateObject_9$2 = __makeTemplateObject(["\n position: relative;\n margin: auto;\n"], ["\n position: relative;\n margin: auto;\n"])));
|
|
17019
|
+
var templateObject_1$t, templateObject_2$p, templateObject_3$j, templateObject_4$d, templateObject_5$8, templateObject_6$7, templateObject_7$5, templateObject_8$2, templateObject_9$2;
|
|
17000
17020
|
|
|
17001
17021
|
var IdCaptureFitGuide = function IdCaptureFitGuide(_a) {
|
|
17002
17022
|
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
|
|
@@ -17139,11 +17159,11 @@
|
|
|
17139
17159
|
progress: progress
|
|
17140
17160
|
}));
|
|
17141
17161
|
};
|
|
17142
|
-
var CanvasWrapper$1 = styled.div(templateObject_1$
|
|
17162
|
+
var CanvasWrapper$1 = styled.div(templateObject_1$s || (templateObject_1$s = __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) {
|
|
17143
17163
|
return props.$maskColor;
|
|
17144
17164
|
});
|
|
17145
|
-
var Canvas$1 = styled.canvas(templateObject_2$
|
|
17146
|
-
var templateObject_1$
|
|
17165
|
+
var Canvas$1 = styled.canvas(templateObject_2$o || (templateObject_2$o = __makeTemplateObject(["\n display: block;\n"], ["\n display: block;\n"])));
|
|
17166
|
+
var templateObject_1$s, templateObject_2$o;
|
|
17147
17167
|
|
|
17148
17168
|
function IdCaptureGuides(_a) {
|
|
17149
17169
|
var _b = _a.guideType,
|
|
@@ -17284,11 +17304,11 @@
|
|
|
17284
17304
|
onError: onError
|
|
17285
17305
|
})));
|
|
17286
17306
|
};
|
|
17287
|
-
var StyledSpinner = styled(Spinner$1)(templateObject_1$
|
|
17288
|
-
var ImagePreviewWrapper = styled.div(templateObject_2$
|
|
17289
|
-
var ImagePreviewText = styled.div(templateObject_3$
|
|
17290
|
-
var ImagePreviewImageWrapper = styled.div(templateObject_4$
|
|
17291
|
-
var templateObject_1$
|
|
17307
|
+
var StyledSpinner = styled(Spinner$1)(templateObject_1$r || (templateObject_1$r = __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"])));
|
|
17308
|
+
var ImagePreviewWrapper = styled.div(templateObject_2$n || (templateObject_2$n = __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"])));
|
|
17309
|
+
var ImagePreviewText = styled.div(templateObject_3$i || (templateObject_3$i = __makeTemplateObject(["\n display: block;\n position: absolute;\n top: -32px;\n font:\n 14px -apple-system,\n BlinkMacSystemFont,\n 'Segoe UI',\n Roboto,\n Helvetica,\n Arial,\n sans-serif,\n 'Apple Color Emoji',\n 'Segoe UI Emoji',\n 'Segoe UI Symbol';\n color: white;\n text-align: center;\n margin: 0 auto;\n width: 100%;\n"], ["\n display: block;\n position: absolute;\n top: -32px;\n font:\n 14px -apple-system,\n BlinkMacSystemFont,\n 'Segoe UI',\n Roboto,\n Helvetica,\n Arial,\n sans-serif,\n 'Apple Color Emoji',\n 'Segoe UI Emoji',\n 'Segoe UI Symbol';\n color: white;\n text-align: center;\n margin: 0 auto;\n width: 100%;\n"])));
|
|
17310
|
+
var ImagePreviewImageWrapper = styled.div(templateObject_4$c || (templateObject_4$c = __makeTemplateObject(["\n position: relative;\n height: calc(100% - 8px);\n padding: 4px;\n border-radius: 4px;\n background: white;\n\n & > img {\n border-radius: 4px;\n width: auto;\n max-height: 100%;\n }\n"], ["\n position: relative;\n height: calc(100% - 8px);\n padding: 4px;\n border-radius: 4px;\n background: white;\n\n & > img {\n border-radius: 4px;\n width: auto;\n max-height: 100%;\n }\n"])));
|
|
17311
|
+
var templateObject_1$r, templateObject_2$n, templateObject_3$i, templateObject_4$c;
|
|
17292
17312
|
|
|
17293
17313
|
var documentCaptureInitialState = {
|
|
17294
17314
|
documents: [],
|
|
@@ -17644,16 +17664,16 @@
|
|
|
17644
17664
|
ref: canvasRef
|
|
17645
17665
|
}));
|
|
17646
17666
|
};
|
|
17647
|
-
var CanvasWrapper = styled.div(templateObject_1$
|
|
17667
|
+
var CanvasWrapper = styled.div(templateObject_1$q || (templateObject_1$q = __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) {
|
|
17648
17668
|
return props.$maskColor;
|
|
17649
17669
|
});
|
|
17650
|
-
var Canvas = styled.canvas(templateObject_2$
|
|
17651
|
-
var templateObject_1$
|
|
17670
|
+
var Canvas = styled.canvas(templateObject_2$m || (templateObject_2$m = __makeTemplateObject(["\n display: block;\n"], ["\n display: block;\n"])));
|
|
17671
|
+
var templateObject_1$q, templateObject_2$m;
|
|
17652
17672
|
|
|
17653
|
-
var CameraFeedWrapper = styled.div(templateObject_1$
|
|
17673
|
+
var CameraFeedWrapper = styled.div(templateObject_1$p || (templateObject_1$p = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
17654
17674
|
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;") : "";
|
|
17655
17675
|
});
|
|
17656
|
-
var templateObject_1$
|
|
17676
|
+
var templateObject_1$p;
|
|
17657
17677
|
|
|
17658
17678
|
var CameraVideoTag = function CameraVideoTag(props) {
|
|
17659
17679
|
var _a = useCameraStore(useShallow(function (store) {
|
|
@@ -17684,10 +17704,10 @@
|
|
|
17684
17704
|
"$isRearFacing": isRearFacing
|
|
17685
17705
|
}, props));
|
|
17686
17706
|
};
|
|
17687
|
-
var FullscreenVideoTag = styled.video(templateObject_1$
|
|
17707
|
+
var FullscreenVideoTag = styled.video(templateObject_1$o || (templateObject_1$o = __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) {
|
|
17688
17708
|
return props.$isRearFacing ? '' : 'scaleX(-1)';
|
|
17689
17709
|
});
|
|
17690
|
-
var templateObject_1$
|
|
17710
|
+
var templateObject_1$o;
|
|
17691
17711
|
|
|
17692
17712
|
var DocumentCaptureScreen = function DocumentCaptureScreen(_a) {
|
|
17693
17713
|
var _b, _c, _d, _e, _f;
|
|
@@ -17837,21 +17857,21 @@
|
|
|
17837
17857
|
disabled: !cameraReady || capturing
|
|
17838
17858
|
}, !cameraReady ? verbiage.loadingBtnText : capturing ? verbiage.capturingBtnText : verbiage.captureBtnText))))));
|
|
17839
17859
|
};
|
|
17840
|
-
var CaptureContainer = styled.div(templateObject_1$
|
|
17841
|
-
var HeadingRow = styled.div(templateObject_2$
|
|
17860
|
+
var CaptureContainer = styled.div(templateObject_1$n || (templateObject_1$n = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: var(--app-height);\n"], ["\n display: flex;\n flex-direction: column;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: var(--app-height);\n"])));
|
|
17861
|
+
var HeadingRow = styled.div(templateObject_2$l || (templateObject_2$l = __makeTemplateObject(["\n background: ", ";\n text-align: center;\n color: white;\n"], ["\n background: ", ";\n text-align: center;\n color: white;\n"])), function (props) {
|
|
17842
17862
|
return props.$maskColor;
|
|
17843
17863
|
});
|
|
17844
|
-
var Heading$9 = styled.h1(templateObject_3$
|
|
17845
|
-
var FooterRow = styled.div(templateObject_4$
|
|
17864
|
+
var Heading$9 = styled.h1(templateObject_3$h || (templateObject_3$h = __makeTemplateObject(["\n font-size: 22px;\n"], ["\n font-size: 22px;\n"])));
|
|
17865
|
+
var FooterRow = styled.div(templateObject_4$b || (templateObject_4$b = __makeTemplateObject(["\n background: ", ";\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: 0 20px 20px;\n height: auto;\n color: white;\n"], ["\n background: ", ";\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: 0 20px 20px;\n height: auto;\n color: white;\n"])), function (props) {
|
|
17846
17866
|
return props.$maskColor;
|
|
17847
17867
|
});
|
|
17848
|
-
var Instructions = styled.div(templateObject_5$
|
|
17868
|
+
var Instructions = styled.div(templateObject_5$7 || (templateObject_5$7 = __makeTemplateObject(["\n max-height: ", ";\n overflow-y: auto;\n"], ["\n max-height: ", ";\n overflow-y: auto;\n"])), function (props) {
|
|
17849
17869
|
var _a, _b, _c;
|
|
17850
17870
|
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';
|
|
17851
17871
|
});
|
|
17852
|
-
var StyledButtonsRow$9 = styled(ButtonsRow)(templateObject_6$
|
|
17853
|
-
var PreviewImage = styled.img(templateObject_7$
|
|
17854
|
-
var templateObject_1$
|
|
17872
|
+
var StyledButtonsRow$9 = styled(ButtonsRow)(templateObject_6$6 || (templateObject_6$6 = __makeTemplateObject(["\n padding-top: 20px;\n"], ["\n padding-top: 20px;\n"])));
|
|
17873
|
+
var PreviewImage = styled.img(templateObject_7$4 || (templateObject_7$4 = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n object-fit: cover;\n"], ["\n width: 100%;\n height: 100%;\n object-fit: cover;\n"])));
|
|
17874
|
+
var templateObject_1$n, templateObject_2$l, templateObject_3$h, templateObject_4$b, templateObject_5$7, templateObject_6$6, templateObject_7$4;
|
|
17855
17875
|
|
|
17856
17876
|
var DocumentCaptureWizard = function DocumentCaptureWizard(_a) {
|
|
17857
17877
|
var onSuccess = _a.onSuccess,
|
|
@@ -18120,13 +18140,13 @@
|
|
|
18120
18140
|
}
|
|
18121
18141
|
}, verbiage.doneBtnText))))));
|
|
18122
18142
|
};
|
|
18123
|
-
var StyledOverlayInner$2 = styled(OverlayInner$2)(templateObject_1$
|
|
18124
|
-
var Heading$8 = styled.h3(templateObject_2$
|
|
18125
|
-
var Description$3 = styled.p(templateObject_3$
|
|
18126
|
-
var Instruction = styled.p(templateObject_4$
|
|
18127
|
-
var ImageCol = styled.div(templateObject_5$
|
|
18128
|
-
var StyledButtonsRow$8 = styled(ButtonsRow)(templateObject_6$
|
|
18129
|
-
var templateObject_1$
|
|
18143
|
+
var StyledOverlayInner$2 = styled(OverlayInner$2)(templateObject_1$m || (templateObject_1$m = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
18144
|
+
var Heading$8 = styled.h3(templateObject_2$k || (templateObject_2$k = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
18145
|
+
var Description$3 = styled.p(templateObject_3$g || (templateObject_3$g = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
18146
|
+
var Instruction = styled.p(templateObject_4$a || (templateObject_4$a = __makeTemplateObject(["\n font-weight: bold;\n"], ["\n font-weight: bold;\n"])));
|
|
18147
|
+
var ImageCol = styled.div(templateObject_5$6 || (templateObject_5$6 = __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"])));
|
|
18148
|
+
var StyledButtonsRow$8 = styled(ButtonsRow)(templateObject_6$5 || (templateObject_6$5 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
18149
|
+
var templateObject_1$m, templateObject_2$k, templateObject_3$g, templateObject_4$a, templateObject_5$6, templateObject_6$5;
|
|
18130
18150
|
|
|
18131
18151
|
function ScalingCameraFeed() {
|
|
18132
18152
|
var _a = React.useContext(IdCaptureStateContext),
|
|
@@ -18145,6 +18165,580 @@
|
|
|
18145
18165
|
}, /*#__PURE__*/React.createElement(CameraVideoTag, null));
|
|
18146
18166
|
}
|
|
18147
18167
|
|
|
18168
|
+
var buttonColors = {
|
|
18169
|
+
backgroundColor: 'white',
|
|
18170
|
+
borderColor: '#dbdbdb',
|
|
18171
|
+
textColor: '#323232'
|
|
18172
|
+
};
|
|
18173
|
+
function IdCaptureOrUploadScreen(_a) {
|
|
18174
|
+
var _b = _a.classNames,
|
|
18175
|
+
classNames = _b === void 0 ? {} : _b,
|
|
18176
|
+
_c = _a.verbiage,
|
|
18177
|
+
rawVerbiage = _c === void 0 ? {} : _c;
|
|
18178
|
+
var _d = useIdCaptureState(),
|
|
18179
|
+
state = _d[0],
|
|
18180
|
+
dispatch = _d[1];
|
|
18181
|
+
var requestCameraAccess = useCameraStore().requestCameraAccess;
|
|
18182
|
+
var _e = React.useState(false),
|
|
18183
|
+
selectIdTypeModalOpen = _e[0],
|
|
18184
|
+
setSelectIdTypeModalOpen = _e[1];
|
|
18185
|
+
var verbiage = useTranslations(rawVerbiage, {
|
|
18186
|
+
captureWithCameraText: 'Capture with Camera',
|
|
18187
|
+
orText: 'OR',
|
|
18188
|
+
uploadFromStorageText: 'Upload from Storage',
|
|
18189
|
+
selectIdTypeText: 'Select ID Type',
|
|
18190
|
+
passportText: 'Passport',
|
|
18191
|
+
idCardText: 'ID Card'
|
|
18192
|
+
});
|
|
18193
|
+
if (state.captureState === 'uploading') {
|
|
18194
|
+
if (state.uploadingDocumentsType === 'passport') {
|
|
18195
|
+
return /*#__PURE__*/React.createElement(PassportUploadScreen, {
|
|
18196
|
+
classNames: classNames.passportUploadScreen
|
|
18197
|
+
});
|
|
18198
|
+
} else if (state.uploadingDocumentsType === 'idCard') {
|
|
18199
|
+
return /*#__PURE__*/React.createElement(IdDocumentUploadScreen, {
|
|
18200
|
+
classNames: classNames.idDocumentUploadScreen
|
|
18201
|
+
});
|
|
18202
|
+
}
|
|
18203
|
+
}
|
|
18204
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ScreenContainer, {
|
|
18205
|
+
className: classNames.container
|
|
18206
|
+
}, /*#__PURE__*/React.createElement(ScreenPanel, {
|
|
18207
|
+
className: classNames.captureWithCameraPanel
|
|
18208
|
+
}, /*#__PURE__*/React.createElement(CameraIcon, {
|
|
18209
|
+
className: classNames.captureWithCameraIcon
|
|
18210
|
+
}), /*#__PURE__*/React.createElement(Button, {
|
|
18211
|
+
className: classNames.captureWithCameraButton,
|
|
18212
|
+
colors: buttonColors,
|
|
18213
|
+
onClick: function onClick() {
|
|
18214
|
+
void requestCameraAccess();
|
|
18215
|
+
dispatch({
|
|
18216
|
+
type: 'setUploadingDocumentsFromStorage',
|
|
18217
|
+
payload: false
|
|
18218
|
+
});
|
|
18219
|
+
}
|
|
18220
|
+
}, verbiage.captureWithCameraText, /*#__PURE__*/React.createElement(ArrowIcon, null))), /*#__PURE__*/React.createElement(DashedSeparator, {
|
|
18221
|
+
className: classNames.separator
|
|
18222
|
+
}, /*#__PURE__*/React.createElement(OrWrapper, {
|
|
18223
|
+
className: classNames.orText
|
|
18224
|
+
}, verbiage.orText)), /*#__PURE__*/React.createElement(ScreenPanel, {
|
|
18225
|
+
className: classNames.uploadFromStoragePanel
|
|
18226
|
+
}, /*#__PURE__*/React.createElement(UploadIcon, {
|
|
18227
|
+
className: classNames.uploadFromStorageIcon
|
|
18228
|
+
}), /*#__PURE__*/React.createElement(Button, {
|
|
18229
|
+
className: classNames.uploadFromStorageButton,
|
|
18230
|
+
colors: buttonColors,
|
|
18231
|
+
onClick: function onClick() {
|
|
18232
|
+
dispatch({
|
|
18233
|
+
type: 'setUploadingDocumentsFromStorage',
|
|
18234
|
+
payload: true
|
|
18235
|
+
});
|
|
18236
|
+
if (state.captureRequirement === 'idCardOrPassport') {
|
|
18237
|
+
setSelectIdTypeModalOpen(true);
|
|
18238
|
+
} else if (state.captureRequirement === 'passport') {
|
|
18239
|
+
dispatch({
|
|
18240
|
+
type: 'setUploadingDocumentsType',
|
|
18241
|
+
payload: 'passport'
|
|
18242
|
+
});
|
|
18243
|
+
} else {
|
|
18244
|
+
dispatch({
|
|
18245
|
+
type: 'setUploadingDocumentsType',
|
|
18246
|
+
payload: 'idCard'
|
|
18247
|
+
});
|
|
18248
|
+
}
|
|
18249
|
+
}
|
|
18250
|
+
}, verbiage.uploadFromStorageText, /*#__PURE__*/React.createElement(ArrowIcon, null)))), selectIdTypeModalOpen && ( /*#__PURE__*/React.createElement(Modal, {
|
|
18251
|
+
className: classNames.selectIdTypeModal
|
|
18252
|
+
}, /*#__PURE__*/React.createElement(Dialog, {
|
|
18253
|
+
className: classNames.selectIdTypeDialog
|
|
18254
|
+
}, /*#__PURE__*/React.createElement(ScreenPanel, {
|
|
18255
|
+
className: classNames.selectPassportTypePanel
|
|
18256
|
+
}, /*#__PURE__*/React.createElement(ScreenPanelHeading, {
|
|
18257
|
+
className: classNames.selectIdTypeHeading
|
|
18258
|
+
}, verbiage.selectIdTypeText), /*#__PURE__*/React.createElement(PassportIcon, {
|
|
18259
|
+
className: classNames.selectPassportTypeIcon
|
|
18260
|
+
}), /*#__PURE__*/React.createElement(Button, {
|
|
18261
|
+
className: classNames.selectPassportTypeButton,
|
|
18262
|
+
colors: buttonColors,
|
|
18263
|
+
onClick: function onClick() {
|
|
18264
|
+
return dispatch({
|
|
18265
|
+
type: 'setUploadingDocumentsType',
|
|
18266
|
+
payload: 'passport'
|
|
18267
|
+
});
|
|
18268
|
+
}
|
|
18269
|
+
}, verbiage.passportText, /*#__PURE__*/React.createElement(ArrowIcon, null))), /*#__PURE__*/React.createElement(ScreenPanel, {
|
|
18270
|
+
className: classNames.selectIdCardTypePanel,
|
|
18271
|
+
style: {
|
|
18272
|
+
background: 'white',
|
|
18273
|
+
padding: '80px 0'
|
|
18274
|
+
}
|
|
18275
|
+
}, /*#__PURE__*/React.createElement(IdDocumentIcon, {
|
|
18276
|
+
className: classNames.selectIdCardTypeIcon
|
|
18277
|
+
}), /*#__PURE__*/React.createElement(Button, {
|
|
18278
|
+
className: classNames.selectIdCardTypeButton,
|
|
18279
|
+
colors: buttonColors,
|
|
18280
|
+
onClick: function onClick() {
|
|
18281
|
+
return dispatch({
|
|
18282
|
+
type: 'setUploadingDocumentsType',
|
|
18283
|
+
payload: 'idCard'
|
|
18284
|
+
});
|
|
18285
|
+
}
|
|
18286
|
+
}, verbiage.idCardText, /*#__PURE__*/React.createElement(ArrowIcon, null)))), /*#__PURE__*/React.createElement(ModalCloseButton, {
|
|
18287
|
+
className: classNames.selectIdTypeModalCloseButton,
|
|
18288
|
+
onClick: function onClick() {
|
|
18289
|
+
return setSelectIdTypeModalOpen(false);
|
|
18290
|
+
}
|
|
18291
|
+
}, "\xD7"))));
|
|
18292
|
+
}
|
|
18293
|
+
function PassportUploadScreen(_a) {
|
|
18294
|
+
var _b = _a.classNames,
|
|
18295
|
+
classNames = _b === void 0 ? {} : _b,
|
|
18296
|
+
_c = _a.verbiage,
|
|
18297
|
+
rawVerbiage = _c === void 0 ? {} : _c;
|
|
18298
|
+
var _d = React.useState(null),
|
|
18299
|
+
file = _d[0],
|
|
18300
|
+
setFile = _d[1];
|
|
18301
|
+
var onCapturedManually = useOnCapturedManually();
|
|
18302
|
+
var verbiage = useTranslations(rawVerbiage, {
|
|
18303
|
+
uploadPassportText: 'Upload Passport',
|
|
18304
|
+
loadingText: 'Loading...',
|
|
18305
|
+
continueText: 'Continue',
|
|
18306
|
+
cancelText: 'Cancel'
|
|
18307
|
+
});
|
|
18308
|
+
return /*#__PURE__*/React.createElement(ScreenContainer, {
|
|
18309
|
+
className: classNames.container
|
|
18310
|
+
}, /*#__PURE__*/React.createElement(ScreenPanel, {
|
|
18311
|
+
className: classNames.uploadPassportPanel
|
|
18312
|
+
}, /*#__PURE__*/React.createElement(UploadIcon, {
|
|
18313
|
+
className: classNames.uploadPassportIcon
|
|
18314
|
+
}), /*#__PURE__*/React.createElement(FilePickerButton, {
|
|
18315
|
+
className: classNames.uploadPassportButton,
|
|
18316
|
+
onFileSelected: setFile,
|
|
18317
|
+
loadingText: verbiage.loadingText
|
|
18318
|
+
}, verbiage.uploadPassportText)), /*#__PURE__*/React.createElement(ScreenActionsBar, {
|
|
18319
|
+
className: classNames.actionsBar
|
|
18320
|
+
}, /*#__PURE__*/React.createElement(CancelUploadTypeButton, {
|
|
18321
|
+
className: classNames.cancelButton
|
|
18322
|
+
}, verbiage.cancelText), /*#__PURE__*/React.createElement(Button, {
|
|
18323
|
+
className: classNames.continueButton,
|
|
18324
|
+
disabled: !file,
|
|
18325
|
+
colors: buttonColors,
|
|
18326
|
+
onClick: function onClick() {
|
|
18327
|
+
return onCapturedManually(file);
|
|
18328
|
+
}
|
|
18329
|
+
}, verbiage.continueText)));
|
|
18330
|
+
}
|
|
18331
|
+
function IdDocumentUploadScreen(_a) {
|
|
18332
|
+
var _b = _a.classNames,
|
|
18333
|
+
classNames = _b === void 0 ? {} : _b,
|
|
18334
|
+
_c = _a.verbiage,
|
|
18335
|
+
rawVerbiage = _c === void 0 ? {} : _c;
|
|
18336
|
+
var _d = React.useState(null),
|
|
18337
|
+
idFrontFile = _d[0],
|
|
18338
|
+
setIdFrontFile = _d[1];
|
|
18339
|
+
var _e = React.useState(null),
|
|
18340
|
+
idBackFile = _e[0],
|
|
18341
|
+
setIdBackFile = _e[1];
|
|
18342
|
+
var onCapturedManually = useOnCapturedManually();
|
|
18343
|
+
var verbiage = useTranslations(rawVerbiage, {
|
|
18344
|
+
uploadIdFrontText: 'Upload ID Front',
|
|
18345
|
+
uploadIdBackText: 'Upload ID Back',
|
|
18346
|
+
loadingText: 'Loading...',
|
|
18347
|
+
continueText: 'Continue',
|
|
18348
|
+
cancelText: 'Cancel'
|
|
18349
|
+
});
|
|
18350
|
+
return /*#__PURE__*/React.createElement(ScreenContainer, {
|
|
18351
|
+
className: classNames.container
|
|
18352
|
+
}, /*#__PURE__*/React.createElement(ScreenPanel, {
|
|
18353
|
+
className: classNames.uploadIdFrontPanel
|
|
18354
|
+
}, /*#__PURE__*/React.createElement(UploadIcon, {
|
|
18355
|
+
className: classNames.uploadIdFrontIcon
|
|
18356
|
+
}), /*#__PURE__*/React.createElement(FilePickerButton, {
|
|
18357
|
+
className: classNames.uploadIdFrontButton,
|
|
18358
|
+
onFileSelected: setIdFrontFile,
|
|
18359
|
+
loadingText: verbiage.loadingText
|
|
18360
|
+
}, verbiage.uploadIdFrontText)), /*#__PURE__*/React.createElement(DashedSeparator, {
|
|
18361
|
+
className: classNames.separator
|
|
18362
|
+
}), /*#__PURE__*/React.createElement(ScreenPanel, {
|
|
18363
|
+
className: classNames.uploadIdBackPanel
|
|
18364
|
+
}, /*#__PURE__*/React.createElement(UploadIcon, {
|
|
18365
|
+
className: classNames.uploadIdBackIcon
|
|
18366
|
+
}), /*#__PURE__*/React.createElement(FilePickerButton, {
|
|
18367
|
+
className: classNames.uploadIdBackButton,
|
|
18368
|
+
onFileSelected: setIdBackFile,
|
|
18369
|
+
loadingText: verbiage.loadingText
|
|
18370
|
+
}, verbiage.uploadIdBackText)), /*#__PURE__*/React.createElement(ScreenActionsBar, {
|
|
18371
|
+
className: classNames.actionsBar
|
|
18372
|
+
}, /*#__PURE__*/React.createElement(CancelUploadTypeButton, {
|
|
18373
|
+
className: classNames.cancelButton
|
|
18374
|
+
}, verbiage.cancelText), /*#__PURE__*/React.createElement(Button, {
|
|
18375
|
+
className: classNames.continueButton,
|
|
18376
|
+
disabled: !idFrontFile || !idBackFile,
|
|
18377
|
+
colors: buttonColors,
|
|
18378
|
+
onClick: function onClick() {
|
|
18379
|
+
return onCapturedManually(idFrontFile, idBackFile);
|
|
18380
|
+
}
|
|
18381
|
+
}, verbiage.continueText)));
|
|
18382
|
+
}
|
|
18383
|
+
function CancelUploadTypeButton(_a) {
|
|
18384
|
+
var children = _a.children,
|
|
18385
|
+
className = _a.className;
|
|
18386
|
+
var dispatch = useIdCaptureState()[1];
|
|
18387
|
+
return /*#__PURE__*/React.createElement(Button, {
|
|
18388
|
+
className: className,
|
|
18389
|
+
colors: buttonColors,
|
|
18390
|
+
onClick: function onClick() {
|
|
18391
|
+
return dispatch({
|
|
18392
|
+
type: 'setUploadingDocumentsType',
|
|
18393
|
+
payload: null
|
|
18394
|
+
});
|
|
18395
|
+
}
|
|
18396
|
+
}, children);
|
|
18397
|
+
}
|
|
18398
|
+
function useOnCapturedManually() {
|
|
18399
|
+
var dispatch = useIdCaptureState()[1];
|
|
18400
|
+
return React.useCallback(function () {
|
|
18401
|
+
var files = [];
|
|
18402
|
+
for (var _i = 0; _i < arguments.length; _i++) {
|
|
18403
|
+
files[_i] = arguments[_i];
|
|
18404
|
+
}
|
|
18405
|
+
return Promise.all(files.map(readFile)).then(function (f) {
|
|
18406
|
+
for (var _i = 0, f_1 = f; _i < f_1.length; _i++) {
|
|
18407
|
+
var imageData = f_1[_i];
|
|
18408
|
+
dispatch({
|
|
18409
|
+
type: 'documentCapturedManually',
|
|
18410
|
+
payload: {
|
|
18411
|
+
imageData: imageData
|
|
18412
|
+
}
|
|
18413
|
+
});
|
|
18414
|
+
}
|
|
18415
|
+
});
|
|
18416
|
+
}, [dispatch]);
|
|
18417
|
+
}
|
|
18418
|
+
function readFile(file) {
|
|
18419
|
+
return new Promise(function (resolve, reject) {
|
|
18420
|
+
var reader = new FileReader();
|
|
18421
|
+
reader.onload = function () {
|
|
18422
|
+
return resolve(reader.result);
|
|
18423
|
+
};
|
|
18424
|
+
reader.onerror = function (e) {
|
|
18425
|
+
return reject(e);
|
|
18426
|
+
};
|
|
18427
|
+
reader.readAsDataURL(file);
|
|
18428
|
+
});
|
|
18429
|
+
}
|
|
18430
|
+
function FilePickerButton(_a) {
|
|
18431
|
+
var className = _a.className,
|
|
18432
|
+
children = _a.children,
|
|
18433
|
+
_b = _a.loadingText,
|
|
18434
|
+
loadingText = _b === void 0 ? 'Loading...' : _b,
|
|
18435
|
+
onFileSelected = _a.onFileSelected;
|
|
18436
|
+
var fileInput = React.useRef(null);
|
|
18437
|
+
var _c = React.useState(false),
|
|
18438
|
+
filePickerLoading = _c[0],
|
|
18439
|
+
setFilePickerLoading = _c[1];
|
|
18440
|
+
var _d = React.useState(null),
|
|
18441
|
+
file = _d[0],
|
|
18442
|
+
setFile = _d[1];
|
|
18443
|
+
React.useEffect(function () {
|
|
18444
|
+
if (!fileInput.current) return;
|
|
18445
|
+
fileInput.current.oncancel = function () {
|
|
18446
|
+
setFile(null);
|
|
18447
|
+
setFilePickerLoading(false);
|
|
18448
|
+
};
|
|
18449
|
+
}, [fileInput, file]);
|
|
18450
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("input", {
|
|
18451
|
+
ref: fileInput,
|
|
18452
|
+
type: "file",
|
|
18453
|
+
accept: "image/*",
|
|
18454
|
+
style: {
|
|
18455
|
+
display: 'none'
|
|
18456
|
+
},
|
|
18457
|
+
onChange: function onChange(e) {
|
|
18458
|
+
var _a;
|
|
18459
|
+
setFilePickerLoading(false);
|
|
18460
|
+
var file = (_a = e.currentTarget.files) === null || _a === void 0 ? void 0 : _a[0];
|
|
18461
|
+
if (!file) return;
|
|
18462
|
+
setFile(file);
|
|
18463
|
+
onFileSelected === null || onFileSelected === void 0 ? void 0 : onFileSelected(file);
|
|
18464
|
+
}
|
|
18465
|
+
}), /*#__PURE__*/React.createElement(Button, {
|
|
18466
|
+
className: className,
|
|
18467
|
+
colors: buttonColors,
|
|
18468
|
+
onClick: function onClick() {
|
|
18469
|
+
var _a;
|
|
18470
|
+
setFilePickerLoading(true);
|
|
18471
|
+
(_a = fileInput.current) === null || _a === void 0 ? void 0 : _a.click();
|
|
18472
|
+
}
|
|
18473
|
+
}, file ? "".concat(file.name, " (").concat(humanFileSize(file.size), ")") : filePickerLoading ? loadingText : children));
|
|
18474
|
+
}
|
|
18475
|
+
var ScreenContainer = styled.div(templateObject_1$l || (templateObject_1$l = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n height: 100dvh;\n width: 100dvw;\n position: relative;\n font-family: ", ";\n"], ["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n height: 100dvh;\n width: 100dvw;\n position: relative;\n font-family: ", ";\n"])), function (props) {
|
|
18476
|
+
var _a;
|
|
18477
|
+
return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
|
|
18478
|
+
});
|
|
18479
|
+
var ScreenPanel = styled.div(templateObject_2$j || (templateObject_2$j = __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"])));
|
|
18480
|
+
var ScreenPanelHeading = styled.h3(templateObject_3$f || (templateObject_3$f = __makeTemplateObject(["\n margin: 0 0 30px;\n"], ["\n margin: 0 0 30px;\n"])));
|
|
18481
|
+
var ScreenActionsBar = styled.div(templateObject_4$9 || (templateObject_4$9 = __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"])));
|
|
18482
|
+
var DashedSeparator = styled.div(templateObject_5$5 || (templateObject_5$5 = __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"])));
|
|
18483
|
+
var OrWrapper = styled.div(templateObject_6$4 || (templateObject_6$4 = __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"])));
|
|
18484
|
+
var Button = styled(WideBorderButton)(templateObject_7$3 || (templateObject_7$3 = __makeTemplateObject(["\n width: auto;\n font-weight: 500;\n padding-left: 40px;\n padding-right: 40px;\n transition: background-color 0.3s ease;\n background-color: #ffffff;\n white-space: nowrap;\n\n &:disabled,\n &.disabled {\n background-color: #f1f1f1 !important;\n border-color: #dbdbdb !important;\n color: #323232 !important;\n }\n\n &:hover {\n filter: none;\n background-color: #fafafa !important;\n }\n"], ["\n width: auto;\n font-weight: 500;\n padding-left: 40px;\n padding-right: 40px;\n transition: background-color 0.3s ease;\n background-color: #ffffff;\n white-space: nowrap;\n\n &:disabled,\n &.disabled {\n background-color: #f1f1f1 !important;\n border-color: #dbdbdb !important;\n color: #323232 !important;\n }\n\n &:hover {\n filter: none;\n background-color: #fafafa !important;\n }\n"])));
|
|
18485
|
+
var Modal = styled.div(templateObject_8$1 || (templateObject_8$1 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.5);\n z-index: 10000;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.5);\n z-index: 10000;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n"])));
|
|
18486
|
+
var Dialog = styled.div(templateObject_9$1 || (templateObject_9$1 = __makeTemplateObject(["\n width: 100%;\n max-width: 500px;\n height: 100%;\n max-height: 600px;\n background: white;\n border-radius: 25px;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\n font-family: ", ";\n"], ["\n width: 100%;\n max-width: 500px;\n height: 100%;\n max-height: 600px;\n background: white;\n border-radius: 25px;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\n font-family: ", ";\n"])), function (props) {
|
|
18487
|
+
var _a;
|
|
18488
|
+
return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
|
|
18489
|
+
});
|
|
18490
|
+
var ModalCloseButton = styled.button(templateObject_10$1 || (templateObject_10$1 = __makeTemplateObject(["\n width: 50px;\n height: 50px;\n background: black;\n color: whitesmoke;\n border-radius: 50%;\n font-size: 30px;\n border: none;\n cursor: pointer;\n margin-top: 20px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\n transition: background 0.3s ease;\n\n &:hover {\n background: #222;\n color: white;\n }\n"], ["\n width: 50px;\n height: 50px;\n background: black;\n color: whitesmoke;\n border-radius: 50%;\n font-size: 30px;\n border: none;\n cursor: pointer;\n margin-top: 20px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\n transition: background 0.3s ease;\n\n &:hover {\n background: #222;\n color: white;\n }\n"])));
|
|
18491
|
+
function CameraIcon(props) {
|
|
18492
|
+
return /*#__PURE__*/React.createElement("svg", _assign({
|
|
18493
|
+
width: "91",
|
|
18494
|
+
height: "75",
|
|
18495
|
+
viewBox: "0 0 91 75",
|
|
18496
|
+
fill: "none",
|
|
18497
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
18498
|
+
style: {
|
|
18499
|
+
marginBottom: 30
|
|
18500
|
+
}
|
|
18501
|
+
}, props), /*#__PURE__*/React.createElement("path", {
|
|
18502
|
+
d: "M22 2H2V22",
|
|
18503
|
+
stroke: "black",
|
|
18504
|
+
strokeWidth: "3",
|
|
18505
|
+
strokeLinecap: "round",
|
|
18506
|
+
strokeLinejoin: "round"
|
|
18507
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
18508
|
+
d: "M69 2H89V22",
|
|
18509
|
+
stroke: "black",
|
|
18510
|
+
strokeWidth: "3",
|
|
18511
|
+
strokeLinecap: "round",
|
|
18512
|
+
strokeLinejoin: "round"
|
|
18513
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
18514
|
+
d: "M22 73H2V53",
|
|
18515
|
+
stroke: "black",
|
|
18516
|
+
strokeWidth: "3",
|
|
18517
|
+
strokeLinecap: "round",
|
|
18518
|
+
strokeLinejoin: "round"
|
|
18519
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
18520
|
+
d: "M69 73H89V53",
|
|
18521
|
+
stroke: "black",
|
|
18522
|
+
strokeWidth: "3",
|
|
18523
|
+
strokeLinecap: "round",
|
|
18524
|
+
strokeLinejoin: "round"
|
|
18525
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
18526
|
+
d: "M21 27.5C21 25.8431 22.3431 24.5 24 24.5H31.833C32.5836 24.5 33.3069 24.2186 33.8602 23.7115L38.1398 19.7885C38.6931 19.2814 39.4164 19 40.167 19H45H50.6729C51.5181 19 52.3241 19.3566 52.8927 19.982L56.1073 23.518C56.6759 24.1434 57.4819 24.5 58.3271 24.5H66C67.6569 24.5 69 25.8431 69 27.5V53.5C69 55.1569 67.6569 56.5 66 56.5H24C22.3431 56.5 21 55.1569 21 53.5V27.5Z",
|
|
18527
|
+
stroke: "black",
|
|
18528
|
+
strokeWidth: "3"
|
|
18529
|
+
}), /*#__PURE__*/React.createElement("circle", {
|
|
18530
|
+
cx: "45",
|
|
18531
|
+
cy: "40",
|
|
18532
|
+
r: "10",
|
|
18533
|
+
stroke: "black",
|
|
18534
|
+
strokeWidth: "3"
|
|
18535
|
+
}), /*#__PURE__*/React.createElement("circle", {
|
|
18536
|
+
cx: "62",
|
|
18537
|
+
cy: "31",
|
|
18538
|
+
r: "2",
|
|
18539
|
+
fill: "#221D27"
|
|
18540
|
+
}));
|
|
18541
|
+
}
|
|
18542
|
+
function UploadIcon(props) {
|
|
18543
|
+
return /*#__PURE__*/React.createElement("svg", _assign({
|
|
18544
|
+
width: "61",
|
|
18545
|
+
height: "85",
|
|
18546
|
+
viewBox: "0 0 61 85",
|
|
18547
|
+
fill: "none",
|
|
18548
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
18549
|
+
style: {
|
|
18550
|
+
marginBottom: 30
|
|
18551
|
+
}
|
|
18552
|
+
}, props), /*#__PURE__*/React.createElement("path", {
|
|
18553
|
+
d: "M39.5 2C29.3961 2 18.6185 2 7.99995 2C4.68624 2 2 4.68629 2 8V77C2 80.3137 4.68629 83 8 83H53C56.3137 83 59 80.3143 59 77.0006C59 56.9469 59 33.8443 59 18.5M39.5 2L59 18.5M39.5 2V12.5C39.5 15.8137 42.1863 18.5 45.5 18.5H59",
|
|
18554
|
+
stroke: "black",
|
|
18555
|
+
strokeWidth: "3"
|
|
18556
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
18557
|
+
d: "M19.4142 44.5H24.5C25.0523 44.5 25.5 44.9477 25.5 45.5V55.5C25.5 56.0523 25.9477 56.5 26.5 56.5H37C37.5523 56.5 38 56.0523 38 55.5V45.5C38 44.9477 38.4477 44.5 39 44.5H42.5858C43.4767 44.5 43.9229 43.4229 43.2929 42.7929L31.7071 31.2071C31.3166 30.8166 30.6834 30.8166 30.2929 31.2071L18.7071 42.7929C18.0771 43.4229 18.5233 44.5 19.4142 44.5Z",
|
|
18558
|
+
stroke: "black",
|
|
18559
|
+
strokeWidth: "3",
|
|
18560
|
+
strokeLinecap: "round",
|
|
18561
|
+
strokeLinejoin: "round"
|
|
18562
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
18563
|
+
d: "M17 56.5V62C17 63.1046 17.8954 64 19 64H43C44.1046 64 45 63.1046 45 62V56.5",
|
|
18564
|
+
stroke: "black",
|
|
18565
|
+
strokeWidth: "3",
|
|
18566
|
+
strokeLinecap: "round",
|
|
18567
|
+
strokeLinejoin: "round"
|
|
18568
|
+
}));
|
|
18569
|
+
}
|
|
18570
|
+
function ArrowIcon(props) {
|
|
18571
|
+
return /*#__PURE__*/React.createElement("svg", _assign({
|
|
18572
|
+
width: "18",
|
|
18573
|
+
height: "12",
|
|
18574
|
+
viewBox: "0 0 18 12",
|
|
18575
|
+
fill: "none",
|
|
18576
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
18577
|
+
style: {
|
|
18578
|
+
marginLeft: 12
|
|
18579
|
+
}
|
|
18580
|
+
}, props), /*#__PURE__*/React.createElement("path", {
|
|
18581
|
+
d: "M1 6H17M17 6L12.2281 1M17 6L12.2281 11",
|
|
18582
|
+
stroke: "#323232",
|
|
18583
|
+
strokeWidth: "2",
|
|
18584
|
+
strokeLinecap: "round",
|
|
18585
|
+
strokeLinejoin: "round"
|
|
18586
|
+
}));
|
|
18587
|
+
}
|
|
18588
|
+
function PassportIcon(props) {
|
|
18589
|
+
return /*#__PURE__*/React.createElement("svg", _assign({
|
|
18590
|
+
width: "61",
|
|
18591
|
+
height: "92",
|
|
18592
|
+
viewBox: "0 0 61 92",
|
|
18593
|
+
fill: "none",
|
|
18594
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
18595
|
+
style: {
|
|
18596
|
+
marginBottom: 30
|
|
18597
|
+
}
|
|
18598
|
+
}, props), /*#__PURE__*/React.createElement("path", {
|
|
18599
|
+
d: "M2 14.6911C2 12.8037 3.31942 11.173 5.16535 10.7792L46.1654 2.03151C48.6545 1.50044 51 3.39834 51 5.94346V75.3089C51 77.1963 49.6806 78.827 47.8346 79.2208L6.83464 87.9685C4.34554 88.4996 2 86.6017 2 84.0565V14.6911Z",
|
|
18600
|
+
stroke: "black",
|
|
18601
|
+
strokeWidth: "3"
|
|
18602
|
+
}), /*#__PURE__*/React.createElement("rect", {
|
|
18603
|
+
x: "2",
|
|
18604
|
+
y: "12",
|
|
18605
|
+
width: "57",
|
|
18606
|
+
height: "78",
|
|
18607
|
+
rx: "4",
|
|
18608
|
+
fill: "#F3F3F3",
|
|
18609
|
+
stroke: "black",
|
|
18610
|
+
strokeWidth: "3"
|
|
18611
|
+
}), /*#__PURE__*/React.createElement("circle", {
|
|
18612
|
+
cx: "30.5",
|
|
18613
|
+
cy: "44.5",
|
|
18614
|
+
r: "16.5",
|
|
18615
|
+
stroke: "black",
|
|
18616
|
+
strokeWidth: "3"
|
|
18617
|
+
}), /*#__PURE__*/React.createElement("ellipse", {
|
|
18618
|
+
cx: "31",
|
|
18619
|
+
cy: "44.5",
|
|
18620
|
+
rx: "8",
|
|
18621
|
+
ry: "16.5",
|
|
18622
|
+
stroke: "black",
|
|
18623
|
+
strokeWidth: "3"
|
|
18624
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
18625
|
+
d: "M16 39H45",
|
|
18626
|
+
stroke: "black",
|
|
18627
|
+
strokeWidth: "3",
|
|
18628
|
+
strokeLinecap: "round",
|
|
18629
|
+
strokeLinejoin: "round"
|
|
18630
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
18631
|
+
d: "M16 51H45",
|
|
18632
|
+
stroke: "black",
|
|
18633
|
+
strokeWidth: "3",
|
|
18634
|
+
strokeLinecap: "round",
|
|
18635
|
+
strokeLinejoin: "round"
|
|
18636
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
18637
|
+
d: "M17 68H44",
|
|
18638
|
+
stroke: "black",
|
|
18639
|
+
strokeWidth: "3",
|
|
18640
|
+
strokeLinecap: "round",
|
|
18641
|
+
strokeLinejoin: "round"
|
|
18642
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
18643
|
+
d: "M21 76H40",
|
|
18644
|
+
stroke: "black",
|
|
18645
|
+
strokeWidth: "3",
|
|
18646
|
+
strokeLinecap: "round",
|
|
18647
|
+
strokeLinejoin: "round"
|
|
18648
|
+
}));
|
|
18649
|
+
}
|
|
18650
|
+
function IdDocumentIcon(props) {
|
|
18651
|
+
return /*#__PURE__*/React.createElement("svg", _assign({
|
|
18652
|
+
width: "92",
|
|
18653
|
+
height: "62",
|
|
18654
|
+
viewBox: "0 0 92 62",
|
|
18655
|
+
fill: "none",
|
|
18656
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
18657
|
+
style: {
|
|
18658
|
+
marginBottom: 30
|
|
18659
|
+
}
|
|
18660
|
+
}, props), /*#__PURE__*/React.createElement("path", {
|
|
18661
|
+
d: "M18 41C18 41 18.5 33 24.5 33C30.5 33 31 41 31 41",
|
|
18662
|
+
stroke: "black",
|
|
18663
|
+
strokeWidth: "3",
|
|
18664
|
+
strokeLinecap: "round",
|
|
18665
|
+
strokeLinejoin: "round"
|
|
18666
|
+
}), /*#__PURE__*/React.createElement("rect", {
|
|
18667
|
+
x: "2",
|
|
18668
|
+
y: "2",
|
|
18669
|
+
width: "88",
|
|
18670
|
+
height: "58",
|
|
18671
|
+
rx: "6",
|
|
18672
|
+
stroke: "black",
|
|
18673
|
+
strokeWidth: "3"
|
|
18674
|
+
}), /*#__PURE__*/React.createElement("rect", {
|
|
18675
|
+
x: "10",
|
|
18676
|
+
y: "15",
|
|
18677
|
+
width: "29",
|
|
18678
|
+
height: "30",
|
|
18679
|
+
rx: "3",
|
|
18680
|
+
stroke: "black",
|
|
18681
|
+
strokeWidth: "3"
|
|
18682
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
18683
|
+
d: "M48 17H80",
|
|
18684
|
+
stroke: "black",
|
|
18685
|
+
strokeWidth: "3",
|
|
18686
|
+
strokeLinecap: "round",
|
|
18687
|
+
strokeLinejoin: "round"
|
|
18688
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
18689
|
+
d: "M48 35H80",
|
|
18690
|
+
stroke: "black",
|
|
18691
|
+
strokeWidth: "3",
|
|
18692
|
+
strokeLinecap: "round",
|
|
18693
|
+
strokeLinejoin: "round"
|
|
18694
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
18695
|
+
d: "M48 44H62",
|
|
18696
|
+
stroke: "black",
|
|
18697
|
+
strokeWidth: "3",
|
|
18698
|
+
strokeLinecap: "round",
|
|
18699
|
+
strokeLinejoin: "round"
|
|
18700
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
18701
|
+
d: "M48 26H69",
|
|
18702
|
+
stroke: "black",
|
|
18703
|
+
strokeWidth: "3",
|
|
18704
|
+
strokeLinecap: "round",
|
|
18705
|
+
strokeLinejoin: "round"
|
|
18706
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
18707
|
+
d: "M74 26L80 26",
|
|
18708
|
+
stroke: "black",
|
|
18709
|
+
strokeWidth: "3",
|
|
18710
|
+
strokeLinecap: "round",
|
|
18711
|
+
strokeLinejoin: "round"
|
|
18712
|
+
}), /*#__PURE__*/React.createElement("circle", {
|
|
18713
|
+
cx: "24.5",
|
|
18714
|
+
cy: "26.5",
|
|
18715
|
+
r: "6.5",
|
|
18716
|
+
stroke: "black",
|
|
18717
|
+
strokeWidth: "3"
|
|
18718
|
+
}));
|
|
18719
|
+
}
|
|
18720
|
+
function humanFileSize(bytes, si, dp) {
|
|
18721
|
+
if (si === void 0) {
|
|
18722
|
+
si = false;
|
|
18723
|
+
}
|
|
18724
|
+
if (dp === void 0) {
|
|
18725
|
+
dp = 1;
|
|
18726
|
+
}
|
|
18727
|
+
var thresh = si ? 1000 : 1024;
|
|
18728
|
+
if (Math.abs(bytes) < thresh) {
|
|
18729
|
+
return bytes + ' B';
|
|
18730
|
+
}
|
|
18731
|
+
var units = si ? ['kB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'] : ['KiB', 'MiB', 'GiB', 'TiB', 'PiB', 'EiB', 'ZiB', 'YiB'];
|
|
18732
|
+
var u = -1;
|
|
18733
|
+
var r = Math.pow(10, dp);
|
|
18734
|
+
do {
|
|
18735
|
+
bytes /= thresh;
|
|
18736
|
+
++u;
|
|
18737
|
+
} while (Math.round(Math.abs(bytes) * r) / r >= thresh && u < units.length - 1);
|
|
18738
|
+
return bytes.toFixed(dp) + ' ' + units[u];
|
|
18739
|
+
}
|
|
18740
|
+
var templateObject_1$l, templateObject_2$j, templateObject_3$f, templateObject_4$9, templateObject_5$5, templateObject_6$4, templateObject_7$3, templateObject_8$1, templateObject_9$1, templateObject_10$1;
|
|
18741
|
+
|
|
18148
18742
|
var IdCaptureWizard = function IdCaptureWizard(_a) {
|
|
18149
18743
|
var _b, _c, _d, _e, _f, _g;
|
|
18150
18744
|
var onSuccess = _a.onSuccess,
|
|
@@ -18184,42 +18778,44 @@
|
|
|
18184
18778
|
enableOverrideWrongDocumentTypeDialog = _w === void 0 ? false : _w,
|
|
18185
18779
|
_x = _a.allowOverrideWrongDocumentTypeAfterMs,
|
|
18186
18780
|
allowOverrideWrongDocumentTypeAfterMs = _x === void 0 ? 8000 : _x,
|
|
18187
|
-
_y = _a.
|
|
18188
|
-
|
|
18189
|
-
_z = _a.
|
|
18190
|
-
|
|
18191
|
-
_0 = _a.
|
|
18192
|
-
|
|
18193
|
-
_1 = _a.
|
|
18194
|
-
|
|
18195
|
-
_2 = _a.
|
|
18196
|
-
|
|
18197
|
-
_3 = _a.
|
|
18198
|
-
|
|
18199
|
-
|
|
18200
|
-
|
|
18201
|
-
|
|
18202
|
-
|
|
18203
|
-
|
|
18204
|
-
|
|
18205
|
-
|
|
18206
|
-
|
|
18207
|
-
|
|
18208
|
-
|
|
18209
|
-
|
|
18210
|
-
|
|
18211
|
-
|
|
18212
|
-
|
|
18213
|
-
|
|
18214
|
-
|
|
18215
|
-
|
|
18216
|
-
|
|
18217
|
-
|
|
18218
|
-
|
|
18219
|
-
|
|
18220
|
-
|
|
18221
|
-
|
|
18222
|
-
|
|
18781
|
+
_y = _a.allowUploadingDocumentsFromStorage,
|
|
18782
|
+
allowUploadingDocumentsFromStorage = _y === void 0 ? false : _y,
|
|
18783
|
+
_z = _a.guideImages,
|
|
18784
|
+
guideImages = _z === void 0 ? defaultIdCaptureGuideImages : _z,
|
|
18785
|
+
_0 = _a.assets,
|
|
18786
|
+
assets = _0 === void 0 ? {} : _0,
|
|
18787
|
+
_1 = _a.classNames,
|
|
18788
|
+
classNames = _1 === void 0 ? {} : _1,
|
|
18789
|
+
_2 = _a.colors,
|
|
18790
|
+
colors = _2 === void 0 ? {} : _2,
|
|
18791
|
+
_3 = _a.verbiage,
|
|
18792
|
+
verbiage = _3 === void 0 ? {} : _3,
|
|
18793
|
+
_4 = _a.debugMode,
|
|
18794
|
+
debugMode = _4 === void 0 ? false : _4;
|
|
18795
|
+
var _5 = useIdCaptureState(),
|
|
18796
|
+
state = _5[0],
|
|
18797
|
+
dispatch = _5[1];
|
|
18798
|
+
var _6 = useCameraStore(),
|
|
18799
|
+
cameraAccessDenied = _6.cameraAccessDenied,
|
|
18800
|
+
requestCameraAccess = _6.requestCameraAccess,
|
|
18801
|
+
releaseCameraAccess = _6.releaseCameraAccess;
|
|
18802
|
+
var _7 = React.useState(false),
|
|
18803
|
+
overlayDismissed = _7[0],
|
|
18804
|
+
setOverlayDismissed = _7[1];
|
|
18805
|
+
var _8 = React.useContext(SubmissionContext),
|
|
18806
|
+
submissionStatus = _8.submissionStatus,
|
|
18807
|
+
setIdFrontImage = _8.setIdFrontImage,
|
|
18808
|
+
setIdBackImage = _8.setIdBackImage,
|
|
18809
|
+
setPassportImage = _8.setPassportImage,
|
|
18810
|
+
logIdFrontCaptureAttempt = _8.logIdFrontCaptureAttempt,
|
|
18811
|
+
logIdBackCaptureAttempt = _8.logIdBackCaptureAttempt;
|
|
18812
|
+
var _9 = React.useContext(IdCaptureModelsContext),
|
|
18813
|
+
start = _9.start,
|
|
18814
|
+
stop = _9.stop,
|
|
18815
|
+
onPredictionMade = _9.onPredictionMade,
|
|
18816
|
+
setRequiredDocumentType = _9.setRequiredDocumentType,
|
|
18817
|
+
modelError = _9.modelError,
|
|
18818
|
+
resetBestFrame = _9.resetBestFrame;
|
|
18223
18819
|
React.useEffect(function () {
|
|
18224
18820
|
dispatch({
|
|
18225
18821
|
type: 'configureWizard',
|
|
@@ -18229,10 +18825,11 @@
|
|
|
18229
18825
|
allowSinglePageIdCapture: allowSinglePageIdCapture,
|
|
18230
18826
|
allowIdCardBackToFrontCapture: allowIdCardBackToFrontCapture,
|
|
18231
18827
|
enableOverrideWrongDocumentTypeDialog: enableOverrideWrongDocumentTypeDialog,
|
|
18232
|
-
allowOverrideWrongDocumentTypeAfterMs: allowOverrideWrongDocumentTypeAfterMs
|
|
18828
|
+
allowOverrideWrongDocumentTypeAfterMs: allowOverrideWrongDocumentTypeAfterMs,
|
|
18829
|
+
allowUploadingDocumentsFromStorage: allowUploadingDocumentsFromStorage
|
|
18233
18830
|
}
|
|
18234
18831
|
});
|
|
18235
|
-
}, [allowIdCardBackToFrontCapture, allowOverrideWrongDocumentTypeAfterMs, allowSinglePageIdCapture, captureRequirement, dispatch, enableOverrideWrongDocumentTypeDialog, precapturedDocuments]);
|
|
18832
|
+
}, [allowIdCardBackToFrontCapture, allowOverrideWrongDocumentTypeAfterMs, allowSinglePageIdCapture, allowUploadingDocumentsFromStorage, captureRequirement, dispatch, enableOverrideWrongDocumentTypeDialog, precapturedDocuments]);
|
|
18236
18833
|
var documentCount = Object.keys(state.capturedDocuments).length;
|
|
18237
18834
|
React.useEffect(function () {
|
|
18238
18835
|
if (documentCount) resetBestFrame();
|
|
@@ -18319,9 +18916,9 @@
|
|
|
18319
18916
|
type: 'resetWizard'
|
|
18320
18917
|
});
|
|
18321
18918
|
}, [dispatch]);
|
|
18322
|
-
var
|
|
18323
|
-
attempt =
|
|
18324
|
-
setAttempt =
|
|
18919
|
+
var _10 = React.useState(0),
|
|
18920
|
+
attempt = _10[0],
|
|
18921
|
+
setAttempt = _10[1];
|
|
18325
18922
|
var onExit = React.useCallback(function () {
|
|
18326
18923
|
releaseCameraAccess();
|
|
18327
18924
|
setOverlayDismissed(false);
|
|
@@ -18412,9 +19009,9 @@
|
|
|
18412
19009
|
});
|
|
18413
19010
|
});
|
|
18414
19011
|
}, [dispatch]);
|
|
18415
|
-
var
|
|
18416
|
-
progressStarted =
|
|
18417
|
-
setProgressStarted =
|
|
19012
|
+
var _11 = React.useState(false),
|
|
19013
|
+
progressStarted = _11[0],
|
|
19014
|
+
setProgressStarted = _11[1];
|
|
18418
19015
|
React.useEffect(function () {
|
|
18419
19016
|
if (state.captureState === 'capturing') {
|
|
18420
19017
|
setProgressStarted(false);
|
|
@@ -18436,6 +19033,12 @@
|
|
|
18436
19033
|
silentFallback: silentFallback
|
|
18437
19034
|
});
|
|
18438
19035
|
}
|
|
19036
|
+
if (allowUploadingDocumentsFromStorage && ['initializing', 'uploading'].includes(state.captureState)) {
|
|
19037
|
+
return /*#__PURE__*/React.createElement(IdCaptureOrUploadScreen, {
|
|
19038
|
+
classNames: classNames.uploadOrCaptureScreen,
|
|
19039
|
+
verbiage: verbiage.uploadOrCaptureScreen
|
|
19040
|
+
});
|
|
19041
|
+
}
|
|
18439
19042
|
var requestedAction = state.captureState === 'requestingFlip' ? 'FLIP_ID' : state.requestedDocumentType === 'idCardBack' ? 'SHOW_ID_BACK' : state.requestedDocumentType === 'passport' ? 'SHOW_PASSPORT' : 'SHOW_ID_FRONT';
|
|
18440
19043
|
var guidesStatus = !overlayDismissed ? 'disabled' : state.isGoodFrame ? 'capturing' : 'ready';
|
|
18441
19044
|
return /*#__PURE__*/React.createElement(PageContainer, {
|
|
@@ -23722,7 +24325,7 @@
|
|
|
23722
24325
|
return /*#__PURE__*/React.createElement(CameraStoreProvider, {
|
|
23723
24326
|
onCameraAccessDenied: onCameraAccessDenied,
|
|
23724
24327
|
onMicrophoneAccessDenied: onMicrophoneAccessDenied,
|
|
23725
|
-
requestAccessAutomatically: !(idCaptureProps === null || idCaptureProps === void 0 ? void 0 : idCaptureProps.forceFallbackMode)
|
|
24328
|
+
requestAccessAutomatically: !(idCaptureProps === null || idCaptureProps === void 0 ? void 0 : idCaptureProps.forceFallbackMode) && !(idCaptureProps === null || idCaptureProps === void 0 ? void 0 : idCaptureProps.allowUploadingDocumentsFromStorage)
|
|
23726
24329
|
}, /*#__PURE__*/React.createElement(IdCaptureModelsProvider, {
|
|
23727
24330
|
autoStart: false,
|
|
23728
24331
|
shouldLoadModels: !(idCaptureProps === null || idCaptureProps === void 0 ? void 0 : idCaptureProps.forceFallbackMode),
|
|
@@ -24082,6 +24685,8 @@
|
|
|
24082
24685
|
enableOverrideWrongDocumentTypeDialog = _r === void 0 ? false : _r,
|
|
24083
24686
|
_s = _a.allowOverrideWrongDocumentTypeAfterMs,
|
|
24084
24687
|
allowOverrideWrongDocumentTypeAfterMs = _s === void 0 ? 8000 : _s,
|
|
24688
|
+
_t = _a.allowUploadingDocumentsFromStorage,
|
|
24689
|
+
allowUploadingDocumentsFromStorage = _t === void 0 ? false : _t,
|
|
24085
24690
|
onBeforeSubmit = _a.onBeforeSubmit,
|
|
24086
24691
|
onBeforeDocumentUpload = _a.onBeforeDocumentUpload,
|
|
24087
24692
|
onDocumentUploadProgress = _a.onDocumentUploadProgress,
|
|
@@ -24095,28 +24700,28 @@
|
|
|
24095
24700
|
onUserCancel = _a.onUserCancel,
|
|
24096
24701
|
onModelError = _a.onModelError,
|
|
24097
24702
|
onCameraAccessDenied = _a.onCameraAccessDenied,
|
|
24098
|
-
|
|
24099
|
-
theme =
|
|
24100
|
-
|
|
24101
|
-
assets =
|
|
24102
|
-
|
|
24103
|
-
classNames =
|
|
24104
|
-
|
|
24105
|
-
colors =
|
|
24106
|
-
|
|
24107
|
-
verbiage =
|
|
24108
|
-
|
|
24109
|
-
captureSignature =
|
|
24110
|
-
|
|
24111
|
-
captureSignatureVideo =
|
|
24112
|
-
|
|
24113
|
-
captureAdditionalDocuments =
|
|
24114
|
-
|
|
24115
|
-
geolocationEnabled =
|
|
24116
|
-
|
|
24117
|
-
geolocationRequired =
|
|
24118
|
-
|
|
24119
|
-
debugMode =
|
|
24703
|
+
_u = _a.theme,
|
|
24704
|
+
theme = _u === void 0 ? 'default' : _u,
|
|
24705
|
+
_v = _a.assets,
|
|
24706
|
+
assets = _v === void 0 ? {} : _v,
|
|
24707
|
+
_w = _a.classNames,
|
|
24708
|
+
classNames = _w === void 0 ? {} : _w,
|
|
24709
|
+
_x = _a.colors,
|
|
24710
|
+
colors = _x === void 0 ? {} : _x,
|
|
24711
|
+
_y = _a.verbiage,
|
|
24712
|
+
verbiage = _y === void 0 ? {} : _y,
|
|
24713
|
+
_z = _a.captureSignature,
|
|
24714
|
+
captureSignature = _z === void 0 ? false : _z,
|
|
24715
|
+
_0 = _a.captureSignatureVideo,
|
|
24716
|
+
captureSignatureVideo = _0 === void 0 ? false : _0,
|
|
24717
|
+
_1 = _a.captureAdditionalDocuments,
|
|
24718
|
+
captureAdditionalDocuments = _1 === void 0 ? [] : _1,
|
|
24719
|
+
_2 = _a.geolocationEnabled,
|
|
24720
|
+
geolocationEnabled = _2 === void 0 ? true : _2,
|
|
24721
|
+
_3 = _a.geolocationRequired,
|
|
24722
|
+
geolocationRequired = _3 === void 0 ? false : _3,
|
|
24723
|
+
_4 = _a.debugMode,
|
|
24724
|
+
debugMode = _4 === void 0 ? false : _4;
|
|
24120
24725
|
useLanguage(lang);
|
|
24121
24726
|
useDebugLogging(debugMode);
|
|
24122
24727
|
var idCaptureProps = React.useMemo(function () {
|
|
@@ -24135,6 +24740,7 @@
|
|
|
24135
24740
|
onLoadingOverlayDismissed: onLoadingOverlayDismissed,
|
|
24136
24741
|
forceFallbackMode: forceFallbackMode,
|
|
24137
24742
|
allowIdCardBackToFrontCapture: allowIdCardBackToFrontCapture,
|
|
24743
|
+
allowUploadingDocumentsFromStorage: allowUploadingDocumentsFromStorage,
|
|
24138
24744
|
instructions: instructions,
|
|
24139
24745
|
guideType: guideType,
|
|
24140
24746
|
guideImages: guideImages,
|
|
@@ -24149,7 +24755,7 @@
|
|
|
24149
24755
|
verbiage: verbiage,
|
|
24150
24756
|
debugMode: debugMode
|
|
24151
24757
|
};
|
|
24152
|
-
}, [onExitCapture, onUserCancel, onModelError, precapturedDocuments, idCaptureRequirement, allowSinglePageIdCapture, separateIdCardCaptureSequence, idCaptureThresholds, skipSuccessScreen, loadingOverlayMode, customOverlayContent, onLoadingOverlayDismissed, forceFallbackMode, allowIdCardBackToFrontCapture, instructions, guideType, guideImages, portraitGuidesOnMobile, rotateLoadingOverlayImageWhenPortrait, modelLoadTimeoutMs, enableOverrideWrongDocumentTypeDialog, allowOverrideWrongDocumentTypeAfterMs, assets, classNames, colors, verbiage, debugMode]);
|
|
24758
|
+
}, [onExitCapture, onUserCancel, onModelError, precapturedDocuments, idCaptureRequirement, allowSinglePageIdCapture, separateIdCardCaptureSequence, idCaptureThresholds, skipSuccessScreen, loadingOverlayMode, customOverlayContent, onLoadingOverlayDismissed, forceFallbackMode, allowIdCardBackToFrontCapture, allowUploadingDocumentsFromStorage, instructions, guideType, guideImages, portraitGuidesOnMobile, rotateLoadingOverlayImageWhenPortrait, modelLoadTimeoutMs, enableOverrideWrongDocumentTypeDialog, allowOverrideWrongDocumentTypeAfterMs, assets, classNames, colors, verbiage, debugMode]);
|
|
24153
24759
|
var additionalDocumentCaptureProps = React.useMemo(function () {
|
|
24154
24760
|
return {
|
|
24155
24761
|
documents: captureAdditionalDocuments,
|
|
@@ -24411,14 +25017,16 @@
|
|
|
24411
25017
|
idCaptureModelLoadTimeoutMs = _p === void 0 ? defaultDocumentDetectionModelLoadTimeoutMs : _p,
|
|
24412
25018
|
_q = _a.idCaptureForceFallbackMode,
|
|
24413
25019
|
idCaptureForceFallbackMode = _q === void 0 ? false : _q,
|
|
24414
|
-
_r = _a.
|
|
24415
|
-
|
|
24416
|
-
_s = _a.
|
|
24417
|
-
|
|
24418
|
-
_t = _a.
|
|
24419
|
-
|
|
24420
|
-
_u = _a.
|
|
24421
|
-
|
|
25020
|
+
_r = _a.idCaptureAllowUploadingDocumentsFromStorage,
|
|
25021
|
+
idCaptureAllowUploadingDocumentsFromStorage = _r === void 0 ? false : _r,
|
|
25022
|
+
_s = _a.selfieCaptureModelLoadTimeoutMs,
|
|
25023
|
+
selfieCaptureModelLoadTimeoutMs = _s === void 0 ? defaultSelfieCaptureModelLoadTimeoutMs : _s,
|
|
25024
|
+
_t = _a.allowIdCardBackToFrontCapture,
|
|
25025
|
+
allowIdCardBackToFrontCapture = _t === void 0 ? false : _t,
|
|
25026
|
+
_u = _a.enableOverrideWrongDocumentTypeDialog,
|
|
25027
|
+
enableOverrideWrongDocumentTypeDialog = _u === void 0 ? false : _u,
|
|
25028
|
+
_v = _a.allowOverrideWrongDocumentTypeAfterMs,
|
|
25029
|
+
allowOverrideWrongDocumentTypeAfterMs = _v === void 0 ? 8000 : _v,
|
|
24422
25030
|
onBeforeDocumentUpload = _a.onBeforeDocumentUpload,
|
|
24423
25031
|
onDocumentUploaded = _a.onDocumentUploaded,
|
|
24424
25032
|
onDocumentUploadProgress = _a.onDocumentUploadProgress,
|
|
@@ -24435,28 +25043,28 @@
|
|
|
24435
25043
|
onIdCaptureModelError = _a.onIdCaptureModelError,
|
|
24436
25044
|
onSelfieCaptureModelError = _a.onSelfieCaptureModelError,
|
|
24437
25045
|
onCameraAccessDenied = _a.onCameraAccessDenied,
|
|
24438
|
-
|
|
24439
|
-
captureSignature =
|
|
24440
|
-
|
|
24441
|
-
captureSignatureVideo =
|
|
24442
|
-
|
|
24443
|
-
captureAdditionalDocuments =
|
|
24444
|
-
|
|
24445
|
-
theme =
|
|
24446
|
-
|
|
24447
|
-
assets =
|
|
24448
|
-
|
|
24449
|
-
classNames =
|
|
24450
|
-
|
|
24451
|
-
colors =
|
|
24452
|
-
|
|
24453
|
-
verbiage =
|
|
24454
|
-
|
|
24455
|
-
geolocationEnabled =
|
|
24456
|
-
|
|
24457
|
-
geolocationRequired =
|
|
24458
|
-
|
|
24459
|
-
debugMode =
|
|
25046
|
+
_w = _a.captureSignature,
|
|
25047
|
+
captureSignature = _w === void 0 ? false : _w,
|
|
25048
|
+
_x = _a.captureSignatureVideo,
|
|
25049
|
+
captureSignatureVideo = _x === void 0 ? false : _x,
|
|
25050
|
+
_y = _a.captureAdditionalDocuments,
|
|
25051
|
+
captureAdditionalDocuments = _y === void 0 ? [] : _y,
|
|
25052
|
+
_z = _a.theme,
|
|
25053
|
+
theme = _z === void 0 ? 'default' : _z,
|
|
25054
|
+
_0 = _a.assets,
|
|
25055
|
+
assets = _0 === void 0 ? {} : _0,
|
|
25056
|
+
_1 = _a.classNames,
|
|
25057
|
+
classNames = _1 === void 0 ? {} : _1,
|
|
25058
|
+
_2 = _a.colors,
|
|
25059
|
+
colors = _2 === void 0 ? {} : _2,
|
|
25060
|
+
_3 = _a.verbiage,
|
|
25061
|
+
verbiage = _3 === void 0 ? {} : _3,
|
|
25062
|
+
_4 = _a.geolocationEnabled,
|
|
25063
|
+
geolocationEnabled = _4 === void 0 ? true : _4,
|
|
25064
|
+
_5 = _a.geolocationRequired,
|
|
25065
|
+
geolocationRequired = _5 === void 0 ? false : _5,
|
|
25066
|
+
_6 = _a.debugMode,
|
|
25067
|
+
debugMode = _6 === void 0 ? false : _6;
|
|
24460
25068
|
useLanguage(lang);
|
|
24461
25069
|
useDebugLogging(debugMode);
|
|
24462
25070
|
var idCaptureProps = React.useMemo(function () {
|
|
@@ -24480,13 +25088,14 @@
|
|
|
24480
25088
|
rotateLoadingOverlayImageWhenPortrait: idCaptureRotateLoadingOverlayImageWhenPortrait,
|
|
24481
25089
|
modelLoadTimeoutMs: idCaptureModelLoadTimeoutMs,
|
|
24482
25090
|
allowIdCardBackToFrontCapture: allowIdCardBackToFrontCapture,
|
|
25091
|
+
allowUploadingDocumentsFromStorage: idCaptureAllowUploadingDocumentsFromStorage,
|
|
24483
25092
|
enableOverrideWrongDocumentTypeDialog: enableOverrideWrongDocumentTypeDialog,
|
|
24484
25093
|
allowOverrideWrongDocumentTypeAfterMs: allowOverrideWrongDocumentTypeAfterMs,
|
|
24485
25094
|
forceFallbackMode: idCaptureForceFallbackMode,
|
|
24486
25095
|
skipSuccessScreen: skipSuccessScreen,
|
|
24487
25096
|
debugMode: debugMode
|
|
24488
25097
|
};
|
|
24489
|
-
}, [onExitCapture, onUserCancel, onIdCaptureModelError, assets.idCapture, classNames.idCapture, colors.idCapture, verbiage.idCapture, precapturedDocuments, idCaptureRequirement, allowSinglePageIdCapture, idCaptureThresholds, idCaptureLoadingOverlayMode, idCaptureInstructions, idCaptureGuideType, idCaptureGuideImages, idCapturePortraitGuidesOnMobile, idCaptureRotateLoadingOverlayImageWhenPortrait, idCaptureModelLoadTimeoutMs, allowIdCardBackToFrontCapture, enableOverrideWrongDocumentTypeDialog, allowOverrideWrongDocumentTypeAfterMs, idCaptureForceFallbackMode, skipSuccessScreen, debugMode]);
|
|
25098
|
+
}, [onExitCapture, onUserCancel, onIdCaptureModelError, assets.idCapture, classNames.idCapture, colors.idCapture, verbiage.idCapture, precapturedDocuments, idCaptureRequirement, allowSinglePageIdCapture, idCaptureThresholds, idCaptureLoadingOverlayMode, idCaptureInstructions, idCaptureGuideType, idCaptureGuideImages, idCapturePortraitGuidesOnMobile, idCaptureRotateLoadingOverlayImageWhenPortrait, idCaptureModelLoadTimeoutMs, allowIdCardBackToFrontCapture, idCaptureAllowUploadingDocumentsFromStorage, enableOverrideWrongDocumentTypeDialog, allowOverrideWrongDocumentTypeAfterMs, idCaptureForceFallbackMode, skipSuccessScreen, debugMode]);
|
|
24490
25099
|
var faceLivenessProps = React.useMemo(function () {
|
|
24491
25100
|
return {
|
|
24492
25101
|
loadingOverlayMode: faceLivenessLoadingOverlayMode,
|