idmission-web-sdk 2.2.84 → 2.2.86
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/IdCaptureGuidesCommon.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 +858 -248
- 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 +858 -248
- package/dist/sdk2.esm.js.map +1 -1
- package/dist/sdk2.umd.development.js +858 -248
- 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/themes/index.d.ts +2 -0
- package/dist/themes/index.d.ts.map +1 -1
- package/dist/version.d.ts +1 -1
- package/package.json +3 -3
package/dist/sdk2.esm.js
CHANGED
|
@@ -203,7 +203,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
|
|
|
203
203
|
return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
|
|
204
204
|
};
|
|
205
205
|
|
|
206
|
-
var webSdkVersion = '2.2.
|
|
206
|
+
var webSdkVersion = '2.2.86';
|
|
207
207
|
|
|
208
208
|
function getPlatform() {
|
|
209
209
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
@@ -364,7 +364,7 @@ function videoDataUrlToB64(url) {
|
|
|
364
364
|
});
|
|
365
365
|
}
|
|
366
366
|
|
|
367
|
-
var PageContainerDiv = styled.div(templateObject_1$
|
|
367
|
+
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) {
|
|
368
368
|
var _a;
|
|
369
369
|
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 ");
|
|
370
370
|
}, function (props) {
|
|
@@ -404,7 +404,7 @@ var PageContainer = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
404
404
|
}, dimensionsCalculated && children);
|
|
405
405
|
});
|
|
406
406
|
PageContainer.displayName = 'PageContainer';
|
|
407
|
-
var templateObject_1$
|
|
407
|
+
var templateObject_1$M;
|
|
408
408
|
|
|
409
409
|
var LoaderButton = function LoaderButton(_a) {
|
|
410
410
|
var children = _a.children,
|
|
@@ -461,29 +461,29 @@ var LoaderButton = function LoaderButton(_a) {
|
|
|
461
461
|
className: "ladda-label"
|
|
462
462
|
}, children));
|
|
463
463
|
};
|
|
464
|
-
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) {
|
|
464
|
+
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) {
|
|
465
465
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
|
|
466
466
|
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 ");
|
|
467
467
|
});
|
|
468
|
-
var templateObject_1$
|
|
468
|
+
var templateObject_1$L;
|
|
469
469
|
|
|
470
|
-
var OverlayContainer = styled(PageContainer)(templateObject_1$
|
|
470
|
+
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) {
|
|
471
471
|
return props.theme.background ? "".concat(props.theme.background) : "white";
|
|
472
472
|
}, function (props) {
|
|
473
473
|
return props.theme.textColor ? "color: ".concat(props.theme.textColor, ";") : "";
|
|
474
474
|
});
|
|
475
|
-
var OverlayInner$2 = styled.div(templateObject_2$
|
|
475
|
+
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) {
|
|
476
476
|
var _a;
|
|
477
477
|
return (_a = props.theme.textAlign) !== null && _a !== void 0 ? _a : 'center';
|
|
478
478
|
}, function (props) {
|
|
479
479
|
return props.theme.padding ? "box-sizing: border-box; padding: ".concat(props.theme.padding, ";") : "";
|
|
480
480
|
});
|
|
481
|
-
var OverlayImageContainer = styled.div(templateObject_3$
|
|
482
|
-
var OverlayImageRow = styled.div(templateObject_4$
|
|
483
|
-
var GrayOverlayContainer = styled(OverlayContainer)(templateObject_5$
|
|
484
|
-
var ButtonsColumn = styled.div(templateObject_6$
|
|
485
|
-
var WideButton = styled(LoaderButton)(templateObject_7$
|
|
486
|
-
var WideBorderButton = styled(WideButton)(templateObject_8$
|
|
481
|
+
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"])));
|
|
482
|
+
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"])));
|
|
483
|
+
var GrayOverlayContainer = styled(OverlayContainer)(templateObject_5$d || (templateObject_5$d = __makeTemplateObject(["\n background: #f7f6fb;\n"], ["\n background: #f7f6fb;\n"])));
|
|
484
|
+
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"])));
|
|
485
|
+
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"])));
|
|
486
|
+
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) {
|
|
487
487
|
var _a, _b;
|
|
488
488
|
return (_b = (_a = props.colors) === null || _a === void 0 ? void 0 : _a.textColor) !== null && _b !== void 0 ? _b : 'black';
|
|
489
489
|
}, function (props) {
|
|
@@ -493,7 +493,7 @@ var WideBorderButton = styled(WideButton)(templateObject_8$3 || (templateObject_
|
|
|
493
493
|
var _a, _b;
|
|
494
494
|
return (_b = (_a = props.colors) === null || _a === void 0 ? void 0 : _a.borderColor) !== null && _b !== void 0 ? _b : 'var(--idm-color-secondary-500)';
|
|
495
495
|
});
|
|
496
|
-
var templateObject_1$
|
|
496
|
+
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;
|
|
497
497
|
|
|
498
498
|
var GeolocationAccessDeniedOverlay = function GeolocationAccessDeniedOverlay(_a) {
|
|
499
499
|
var accessBlockedImageUrl = _a.accessBlockedImageUrl;
|
|
@@ -740,13 +740,13 @@ var SessionValidationErrorOverlay = function SessionValidationErrorOverlay(_a) {
|
|
|
740
740
|
}, retryText)))));
|
|
741
741
|
};
|
|
742
742
|
|
|
743
|
-
var wavesAnimation = keyframes(templateObject_1$
|
|
744
|
-
var progressBarAnimation = keyframes(templateObject_2$
|
|
745
|
-
var dualRingSpinnerAnimation = keyframes(templateObject_3$
|
|
746
|
-
var progressBorderAnimation = keyframes(templateObject_4$
|
|
747
|
-
var templateObject_1$
|
|
743
|
+
var wavesAnimation = 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"])));
|
|
744
|
+
var progressBarAnimation = 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"])));
|
|
745
|
+
var dualRingSpinnerAnimation = 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"])));
|
|
746
|
+
var progressBorderAnimation = keyframes(templateObject_4$l || (templateObject_4$l = __makeTemplateObject(["\n to {\n stroke-dashoffset: 0;\n }\n"], ["\n to {\n stroke-dashoffset: 0;\n }\n"])));
|
|
747
|
+
var templateObject_1$J, templateObject_2$A, templateObject_3$r, templateObject_4$l;
|
|
748
748
|
|
|
749
|
-
var Spinner = styled.div(templateObject_1$
|
|
749
|
+
var Spinner = 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) {
|
|
750
750
|
var $size = _a.$size;
|
|
751
751
|
return $size !== null && $size !== void 0 ? $size : 80;
|
|
752
752
|
}, function (_a) {
|
|
@@ -771,7 +771,7 @@ var Spinner = styled.div(templateObject_1$H || (templateObject_1$H = __makeTempl
|
|
|
771
771
|
var $color = _a.$color;
|
|
772
772
|
return $color !== null && $color !== void 0 ? $color : '#888';
|
|
773
773
|
}, dualRingSpinnerAnimation);
|
|
774
|
-
var templateObject_1$
|
|
774
|
+
var templateObject_1$I;
|
|
775
775
|
|
|
776
776
|
var defaultAuthUrl = 'https://portal-api.idmission.com';
|
|
777
777
|
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'];
|
|
@@ -1714,7 +1714,7 @@ var SubmissionProvider = function SubmissionProvider(_a) {
|
|
|
1714
1714
|
}
|
|
1715
1715
|
});
|
|
1716
1716
|
});
|
|
1717
|
-
}, [clientRequestID, documentServiceUrl, geolocationResult, idBackCaptureAttempts, idCardForFaceMatch, idFrontCaptureAttempts, selfieCaptureAttempts, uploadDocument, webhooksStripSpecialCharacters]);
|
|
1717
|
+
}, [clientRequestID, documentServiceUrl, geolocationResult, idBackCaptureAttempts, idCardForFaceMatch, idFrontCaptureAttempts, selfieCaptureAttempts, uploadDocument, useDocumentServiceForLivenessChecks, webhooksStripSpecialCharacters]);
|
|
1718
1718
|
var checkLiveness = useCallback(function (imageDataUrl) {
|
|
1719
1719
|
return __awaiter(void 0, void 0, void 0, function () {
|
|
1720
1720
|
var request, host, endpoint, response, statusMessage, submissionResponse_3, e_2, err;
|
|
@@ -2032,7 +2032,7 @@ function getFrameDimensions(frame) {
|
|
|
2032
2032
|
return [frameWidth, frameHeight];
|
|
2033
2033
|
}
|
|
2034
2034
|
|
|
2035
|
-
var InvisibleCanvas = styled.canvas(templateObject_1$
|
|
2035
|
+
var InvisibleCanvas = styled.canvas(templateObject_1$H || (templateObject_1$H = __makeTemplateObject(["\n display: none;\n"], ["\n display: none;\n"])));
|
|
2036
2036
|
function drawToCanvas(canvas, frame, width, height) {
|
|
2037
2037
|
if (!canvas) return;
|
|
2038
2038
|
var ctx = canvas.getContext('2d');
|
|
@@ -2052,7 +2052,7 @@ function clearCanvas(canvas) {
|
|
|
2052
2052
|
var _a;
|
|
2053
2053
|
(_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);
|
|
2054
2054
|
}
|
|
2055
|
-
var templateObject_1$
|
|
2055
|
+
var templateObject_1$H;
|
|
2056
2056
|
|
|
2057
2057
|
function cropToShoulders(rawCanvas, cropCanvas, resizeCanvas, frame, face, quality, maxHeight) {
|
|
2058
2058
|
if (quality === void 0) {
|
|
@@ -4382,12 +4382,14 @@ var initialState$4 = {
|
|
|
4382
4382
|
capturing: false,
|
|
4383
4383
|
captureFailed: false,
|
|
4384
4384
|
imageUrl: null,
|
|
4385
|
-
captureState: '
|
|
4385
|
+
captureState: 'initializing',
|
|
4386
4386
|
capturedDocuments: {},
|
|
4387
4387
|
captureRequirement: 'idCardOrPassport',
|
|
4388
4388
|
requestedDocumentType: 'idCardFront',
|
|
4389
4389
|
allowSinglePageIdCapture: false,
|
|
4390
4390
|
allowIdCardBackToFrontCapture: false,
|
|
4391
|
+
isUploadingDocumentsFromStorage: false,
|
|
4392
|
+
uploadingDocumentsType: null,
|
|
4391
4393
|
operationStartedAt: null,
|
|
4392
4394
|
captureStartedAt: null
|
|
4393
4395
|
};
|
|
@@ -4428,6 +4430,9 @@ var _reducer = function reducer(state, action) {
|
|
|
4428
4430
|
}
|
|
4429
4431
|
}
|
|
4430
4432
|
newState.operationStartedAt = new Date();
|
|
4433
|
+
if (!action.payload.allowUploadingDocumentsFromStorage) {
|
|
4434
|
+
newState.captureState = 'capturing';
|
|
4435
|
+
}
|
|
4431
4436
|
return newState;
|
|
4432
4437
|
}
|
|
4433
4438
|
case 'setRequiredDocumentType':
|
|
@@ -4625,6 +4630,7 @@ var _reducer = function reducer(state, action) {
|
|
|
4625
4630
|
{
|
|
4626
4631
|
var newState = _assign(_assign({}, state), {
|
|
4627
4632
|
capturedDocuments: _assign(_assign({}, state.capturedDocuments), (_b = {}, _b[state.requestedDocumentType] = _assign(_assign({}, action.payload), {
|
|
4633
|
+
documentType: state.requestedDocumentType,
|
|
4628
4634
|
width: 0,
|
|
4629
4635
|
height: 0
|
|
4630
4636
|
}), _b))
|
|
@@ -4635,10 +4641,13 @@ var _reducer = function reducer(state, action) {
|
|
|
4635
4641
|
} else {
|
|
4636
4642
|
newState.requestedDocumentType = remainingRequirements[0];
|
|
4637
4643
|
if (state.requestedDocumentType === 'idCardFront' && newState.requestedDocumentType === 'idCardBack' || state.requestedDocumentType === 'idCardBack' && newState.requestedDocumentType === 'idCardFront') {
|
|
4638
|
-
newState.
|
|
4644
|
+
if (!newState.isUploadingDocumentsFromStorage) {
|
|
4645
|
+
newState.captureState = 'requestingFlip';
|
|
4646
|
+
}
|
|
4639
4647
|
newState.idCardFrontDetectionThresholdMet = false;
|
|
4640
4648
|
newState.idCardBackDetectionThresholdMet = false;
|
|
4641
4649
|
newState.passportDetectionThresholdMet = false;
|
|
4650
|
+
newState.wrongDocumentTypePredictions = 0;
|
|
4642
4651
|
}
|
|
4643
4652
|
}
|
|
4644
4653
|
return newState;
|
|
@@ -4659,6 +4668,17 @@ var _reducer = function reducer(state, action) {
|
|
|
4659
4668
|
allowOverrideWrongDocumentTypeGuidance: false,
|
|
4660
4669
|
overrideWrongDocumentTypeGuidance: true
|
|
4661
4670
|
});
|
|
4671
|
+
case 'setUploadingDocumentsFromStorage':
|
|
4672
|
+
return _assign(_assign({}, state), {
|
|
4673
|
+
isUploadingDocumentsFromStorage: action.payload,
|
|
4674
|
+
captureState: action.payload ? 'initializing' : 'capturing'
|
|
4675
|
+
});
|
|
4676
|
+
case 'setUploadingDocumentsType':
|
|
4677
|
+
return _assign(_assign({}, state), {
|
|
4678
|
+
captureState: action.payload ? 'uploading' : 'initializing',
|
|
4679
|
+
uploadingDocumentsType: action.payload,
|
|
4680
|
+
requestedDocumentType: action.payload === 'passport' ? 'passport' : 'idCardFront'
|
|
4681
|
+
});
|
|
4662
4682
|
case 'resetWizard':
|
|
4663
4683
|
return _assign(_assign({}, initialState$4), {
|
|
4664
4684
|
captureRequirement: state.captureRequirement,
|
|
@@ -4711,12 +4731,12 @@ function DebugStatsPane(_a) {
|
|
|
4711
4731
|
if (!portalLocation) return element;
|
|
4712
4732
|
return /*#__PURE__*/createPortal(element, portalLocation);
|
|
4713
4733
|
}
|
|
4714
|
-
var DebugStatsPaneDiv = styled.span(templateObject_1$
|
|
4715
|
-
var ObjectDetectionDebugOverlayDiv = styled.div(templateObject_2$
|
|
4734
|
+
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"])));
|
|
4735
|
+
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) {
|
|
4716
4736
|
var $flipX = _a.$flipX;
|
|
4717
4737
|
return $flipX ? 'transform: scaleX(-1);' : '';
|
|
4718
4738
|
});
|
|
4719
|
-
var ObjectDetectionDebugBox = styled.div(templateObject_3$
|
|
4739
|
+
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) {
|
|
4720
4740
|
var $color = _a.$color;
|
|
4721
4741
|
return $color !== null && $color !== void 0 ? $color : 'green';
|
|
4722
4742
|
}, function (_a) {
|
|
@@ -4726,7 +4746,7 @@ var ObjectDetectionDebugBox = styled.div(templateObject_3$p || (templateObject_3
|
|
|
4726
4746
|
var $flipX = _a.$flipX;
|
|
4727
4747
|
return $flipX ? 'transform: scaleX(-1);' : '';
|
|
4728
4748
|
});
|
|
4729
|
-
var FaceDetectionKeypointMarker = styled.div(templateObject_4$
|
|
4749
|
+
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) {
|
|
4730
4750
|
var $color = _a.$color;
|
|
4731
4751
|
return $color !== null && $color !== void 0 ? $color : 'red';
|
|
4732
4752
|
}, function (_a) {
|
|
@@ -4917,7 +4937,7 @@ function SelfieCaptureFaceKeypoint(_a) {
|
|
|
4917
4937
|
}
|
|
4918
4938
|
});
|
|
4919
4939
|
}
|
|
4920
|
-
var templateObject_1$
|
|
4940
|
+
var templateObject_1$G, templateObject_2$z, templateObject_3$q, templateObject_4$k;
|
|
4921
4941
|
|
|
4922
4942
|
var en = {};
|
|
4923
4943
|
|
|
@@ -5914,7 +5934,7 @@ function useTranslations(verbiage, fallbacks) {
|
|
|
5914
5934
|
}, [fallbacks, i18n.language, t, verbiage]);
|
|
5915
5935
|
}
|
|
5916
5936
|
|
|
5917
|
-
var GuidanceMessageContainerDiv = styled.div(templateObject_1$
|
|
5937
|
+
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) {
|
|
5918
5938
|
var $top = _a.$top;
|
|
5919
5939
|
return $top !== null && $top !== void 0 ? $top : '10vh';
|
|
5920
5940
|
}, function (_a) {
|
|
@@ -5927,14 +5947,14 @@ var GuidanceMessageContainer = function GuidanceMessageContainer(props) {
|
|
|
5927
5947
|
if (!portalLocation) return element;
|
|
5928
5948
|
return /*#__PURE__*/createPortal(element, portalLocation);
|
|
5929
5949
|
};
|
|
5930
|
-
var GuidanceMessage = styled.div(templateObject_2$
|
|
5950
|
+
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) {
|
|
5931
5951
|
var _a, _b, _c, _d, _e, _f;
|
|
5932
5952
|
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';
|
|
5933
5953
|
}, function (props) {
|
|
5934
5954
|
var _a, _b, _c, _d, _e, _f;
|
|
5935
5955
|
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';
|
|
5936
5956
|
});
|
|
5937
|
-
var templateObject_1$
|
|
5957
|
+
var templateObject_1$F, templateObject_2$y;
|
|
5938
5958
|
|
|
5939
5959
|
function OverrideWrongDocumentTypeGuidanceDialog(_a) {
|
|
5940
5960
|
var _b = _a.classNames,
|
|
@@ -5957,7 +5977,7 @@ function OverrideWrongDocumentTypeGuidanceDialog(_a) {
|
|
|
5957
5977
|
className: classNames.message
|
|
5958
5978
|
}, verbiage.messageText), /*#__PURE__*/React__default.createElement(ButtonContainer, {
|
|
5959
5979
|
className: classNames.buttonContainer
|
|
5960
|
-
}, /*#__PURE__*/React__default.createElement(Button, {
|
|
5980
|
+
}, /*#__PURE__*/React__default.createElement(Button$1, {
|
|
5961
5981
|
variant: "positive",
|
|
5962
5982
|
className: classNames.button,
|
|
5963
5983
|
onClick: function onClick() {
|
|
@@ -5967,18 +5987,18 @@ function OverrideWrongDocumentTypeGuidanceDialog(_a) {
|
|
|
5967
5987
|
}
|
|
5968
5988
|
}, verbiage.buttonText))));
|
|
5969
5989
|
}
|
|
5970
|
-
var Container$2 = styled.div(templateObject_1$
|
|
5990
|
+
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) {
|
|
5971
5991
|
var _a, _b, _c;
|
|
5972
5992
|
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';
|
|
5973
5993
|
}, function (props) {
|
|
5974
5994
|
var _a, _b, _c;
|
|
5975
5995
|
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';
|
|
5976
5996
|
});
|
|
5977
|
-
var InnerContainer = styled.div(templateObject_2$
|
|
5978
|
-
var Message = styled.span(templateObject_3$
|
|
5979
|
-
var ButtonContainer = styled.div(templateObject_4$
|
|
5980
|
-
var Button = styled(LoaderButton)(templateObject_5$
|
|
5981
|
-
var templateObject_1$
|
|
5997
|
+
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"])));
|
|
5998
|
+
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"])));
|
|
5999
|
+
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"])));
|
|
6000
|
+
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"])));
|
|
6001
|
+
var templateObject_1$E, templateObject_2$x, templateObject_3$p, templateObject_4$j, templateObject_5$c;
|
|
5982
6002
|
|
|
5983
6003
|
var IdCapture = function IdCapture(_a) {
|
|
5984
6004
|
var _b, _c, _d, _e, _f, _g, _h;
|
|
@@ -6176,13 +6196,13 @@ var CameraAccessDeniedOverlay = function CameraAccessDeniedOverlay(_a) {
|
|
|
6176
6196
|
finished: true
|
|
6177
6197
|
}, verbiage.retryBtnText)));
|
|
6178
6198
|
};
|
|
6179
|
-
var StyledOverlayInner$3 = styled(OverlayInner$2)(templateObject_1$
|
|
6180
|
-
var StyledOverlayImageContainer$3 = styled(OverlayImageContainer)(templateObject_2$
|
|
6181
|
-
var Description$4 = styled.p(templateObject_3$
|
|
6182
|
-
var RetryButton$1 = styled(LoaderButton)(templateObject_4$
|
|
6183
|
-
var templateObject_1$
|
|
6199
|
+
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"])));
|
|
6200
|
+
var StyledOverlayImageContainer$3 = styled(OverlayImageContainer)(templateObject_2$w || (templateObject_2$w = __makeTemplateObject(["\n flex-grow: 0;\n"], ["\n flex-grow: 0;\n"])));
|
|
6201
|
+
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"])));
|
|
6202
|
+
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"])));
|
|
6203
|
+
var templateObject_1$D, templateObject_2$w, templateObject_3$o, templateObject_4$i;
|
|
6184
6204
|
|
|
6185
|
-
var ExitCaptureStyledButton = styled.button(templateObject_1$
|
|
6205
|
+
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"])));
|
|
6186
6206
|
var ExitCaptureButton = function ExitCaptureButton(_a) {
|
|
6187
6207
|
var onClick = _a.onClick,
|
|
6188
6208
|
className = _a.className;
|
|
@@ -6226,10 +6246,10 @@ var ExitCaptureButton = function ExitCaptureButton(_a) {
|
|
|
6226
6246
|
y2: "19.75"
|
|
6227
6247
|
}))));
|
|
6228
6248
|
};
|
|
6229
|
-
var templateObject_1$
|
|
6249
|
+
var templateObject_1$C;
|
|
6230
6250
|
|
|
6231
|
-
var ButtonsRow = styled.div(templateObject_1$
|
|
6232
|
-
var templateObject_1$
|
|
6251
|
+
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"])));
|
|
6252
|
+
var templateObject_1$B;
|
|
6233
6253
|
|
|
6234
6254
|
function IdCaptureLoadingGraphic(props) {
|
|
6235
6255
|
var isMobile = window.innerHeight > window.innerWidth;
|
|
@@ -6710,21 +6730,21 @@ function IdCaptureLoadingGraphicMobile(_a) {
|
|
|
6710
6730
|
fill: "white"
|
|
6711
6731
|
}))));
|
|
6712
6732
|
}
|
|
6713
|
-
var LoadingGraphicWrapper = styled.div(templateObject_1$
|
|
6714
|
-
var LoadingGraphicSvg = styled.svg(templateObject_2$
|
|
6733
|
+
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"])));
|
|
6734
|
+
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) {
|
|
6715
6735
|
return props.$frame > 1 ? 1 : props.$frame === 1 ? 1.25 : 0.75;
|
|
6716
6736
|
}, function (props) {
|
|
6717
6737
|
return props.$frame >= 5 ? 10 : 0;
|
|
6718
6738
|
}, function (props) {
|
|
6719
6739
|
return props.$borderColor;
|
|
6720
6740
|
});
|
|
6721
|
-
var LoadingGraphicCardGroup = styled.g(templateObject_3$
|
|
6741
|
+
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) {
|
|
6722
6742
|
return props.$offScreen ? '-500px' : '0';
|
|
6723
6743
|
});
|
|
6724
|
-
var LoadingGraphicPhoneGroup = styled.g(templateObject_4$
|
|
6744
|
+
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) {
|
|
6725
6745
|
return props.$offScreen ? '40px' : '0';
|
|
6726
6746
|
});
|
|
6727
|
-
var templateObject_1$
|
|
6747
|
+
var templateObject_1$A, templateObject_2$v, templateObject_3$n, templateObject_4$h;
|
|
6728
6748
|
|
|
6729
6749
|
function LoadingListItemIndicator(_a) {
|
|
6730
6750
|
var _b = _a.state,
|
|
@@ -6919,33 +6939,33 @@ var IdCaptureLoadingOverlayDefault = function IdCaptureLoadingOverlayDefault(_a)
|
|
|
6919
6939
|
}
|
|
6920
6940
|
}, verbiage.continueText))))));
|
|
6921
6941
|
};
|
|
6922
|
-
var OverlayInner$1 = styled.div(templateObject_1$
|
|
6942
|
+
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) {
|
|
6923
6943
|
var _a, _b, _c, _d;
|
|
6924
6944
|
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';
|
|
6925
6945
|
}, function (props) {
|
|
6926
6946
|
var _a, _b, _c, _d;
|
|
6927
6947
|
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';
|
|
6928
6948
|
});
|
|
6929
|
-
var OverlayHeader$1 = styled.div(templateObject_2$
|
|
6949
|
+
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) {
|
|
6930
6950
|
var _a;
|
|
6931
6951
|
return (_a = props.theme.textAlign) !== null && _a !== void 0 ? _a : 'center';
|
|
6932
6952
|
}, function (props) {
|
|
6933
6953
|
return props.theme.padding ? "box-sizing: border-box; padding: ".concat(props.theme.padding, ";") : "";
|
|
6934
6954
|
});
|
|
6935
|
-
var StyledGuidanceMessage$2 = styled(GuidanceMessage)(templateObject_3$
|
|
6936
|
-
var StyledOverlayImageContainer$2 = styled(OverlayImageContainer)(templateObject_4$
|
|
6937
|
-
var ContinuityCameraCheckboxContainer$1 = styled.div(templateObject_5$
|
|
6938
|
-
var ContinuityCameraCheckboxInner = styled(GuidanceMessage)(templateObject_6$
|
|
6939
|
-
var ContinuityCameraCheckbox$1 = styled.input(templateObject_7$
|
|
6940
|
-
var StyledButtonsRow$a = styled(ButtonsRow)(templateObject_8$
|
|
6955
|
+
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"])));
|
|
6956
|
+
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"])));
|
|
6957
|
+
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"])));
|
|
6958
|
+
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"])));
|
|
6959
|
+
var ContinuityCameraCheckbox$1 = styled.input(templateObject_7$6 || (templateObject_7$6 = __makeTemplateObject(["\n margin-right: 8px;\n"], ["\n margin-right: 8px;\n"])));
|
|
6960
|
+
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) {
|
|
6941
6961
|
var _a, _b, _c, _d;
|
|
6942
6962
|
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';
|
|
6943
6963
|
}, function (props) {
|
|
6944
6964
|
var _a, _b, _c, _d, _e, _f;
|
|
6945
6965
|
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, ";") : '';
|
|
6946
6966
|
});
|
|
6947
|
-
var LoadingListContainer$1 = styled.div(templateObject_9$
|
|
6948
|
-
var LoadingList$1 = styled.ul(templateObject_10$
|
|
6967
|
+
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"])));
|
|
6968
|
+
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"])));
|
|
6949
6969
|
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"])));
|
|
6950
6970
|
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"])));
|
|
6951
6971
|
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) {
|
|
@@ -6971,10 +6991,10 @@ var ContinueButton$1 = styled(LoaderButton)(templateObject_18 || (templateObject
|
|
|
6971
6991
|
var _a, _b, _c, _d, _e, _f;
|
|
6972
6992
|
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, ";") : '';
|
|
6973
6993
|
});
|
|
6974
|
-
var templateObject_1$
|
|
6994
|
+
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;
|
|
6975
6995
|
|
|
6976
|
-
var ContinuityCameraCheckboxContainer = styled.div(templateObject_1$
|
|
6977
|
-
var ContinuityCameraCheckbox = styled.input(templateObject_2$
|
|
6996
|
+
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"])));
|
|
6997
|
+
var ContinuityCameraCheckbox = styled.input(templateObject_2$t || (templateObject_2$t = __makeTemplateObject(["\n margin-right: 8px;\n"], ["\n margin-right: 8px;\n"])));
|
|
6978
6998
|
var IdCaptureLoadingOverlayLegacy = function IdCaptureLoadingOverlayLegacy(_a) {
|
|
6979
6999
|
var _b, _c, _d, _e;
|
|
6980
7000
|
var onDismissed = _a.onDismissed,
|
|
@@ -7092,7 +7112,7 @@ var IdCaptureLoadingOverlayLegacy = function IdCaptureLoadingOverlayLegacy(_a) {
|
|
|
7092
7112
|
}
|
|
7093
7113
|
}, cameraReady && modelsReady ? verbiage.continueText : modelsReady ? verbiage.cameraInitializingText : modelDownloadProgress >= 100 ? verbiage.modelsWarmingUpText : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)"))));
|
|
7094
7114
|
};
|
|
7095
|
-
var templateObject_1$
|
|
7115
|
+
var templateObject_1$y, templateObject_2$t;
|
|
7096
7116
|
|
|
7097
7117
|
var components$1 = {
|
|
7098
7118
|
"default": IdCaptureLoadingOverlayDefault,
|
|
@@ -7150,9 +7170,9 @@ var CapturedDocumentImg = function CapturedDocumentImg(_a) {
|
|
|
7150
7170
|
});
|
|
7151
7171
|
};
|
|
7152
7172
|
|
|
7153
|
-
var Card = styled.div(templateObject_1$
|
|
7154
|
-
var FlexCard = styled(Card)(templateObject_2$
|
|
7155
|
-
var templateObject_1$
|
|
7173
|
+
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"])));
|
|
7174
|
+
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"])));
|
|
7175
|
+
var templateObject_1$x, templateObject_2$s;
|
|
7156
7176
|
|
|
7157
7177
|
var IdCaptureSuccess = function IdCaptureSuccess(_a) {
|
|
7158
7178
|
var capturedDocuments = _a.capturedDocuments,
|
|
@@ -7211,13 +7231,13 @@ var IdCaptureSuccess = function IdCaptureSuccess(_a) {
|
|
|
7211
7231
|
finished: true
|
|
7212
7232
|
}, verbiage.retryText)))));
|
|
7213
7233
|
};
|
|
7214
|
-
var Heading$a = styled.h1(templateObject_1$
|
|
7215
|
-
var ImagesContainer = styled(OverlayImageContainer)(templateObject_2$
|
|
7216
|
-
var ImageRow = styled(OverlayImageRow)(templateObject_3$
|
|
7217
|
-
var ImageCol$1 = styled.div(templateObject_4$
|
|
7218
|
-
var StyledImage = styled(CapturedDocumentImg)(templateObject_5$
|
|
7219
|
-
var DebugPre = styled.pre(templateObject_6$
|
|
7220
|
-
var templateObject_1$
|
|
7234
|
+
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"])));
|
|
7235
|
+
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"])));
|
|
7236
|
+
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"])));
|
|
7237
|
+
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"])));
|
|
7238
|
+
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"])));
|
|
7239
|
+
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"])));
|
|
7240
|
+
var templateObject_1$w, templateObject_2$r, templateObject_3$l, templateObject_4$f, templateObject_5$a, templateObject_6$8;
|
|
7221
7241
|
|
|
7222
7242
|
function useShowSuccessScreen(skipSuccessScreen, successScreenReady, onDoneCallback) {
|
|
7223
7243
|
var _this = this;
|
|
@@ -7269,38 +7289,38 @@ function resetCanvasDimensions(canvas) {
|
|
|
7269
7289
|
canvas.style.height = '0';
|
|
7270
7290
|
}
|
|
7271
7291
|
|
|
7272
|
-
var IdCardGuideImageContainer = styled(IdCardBorder)(templateObject_1$
|
|
7292
|
+
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) {
|
|
7273
7293
|
return props.$isVisible ? '' : 'opacity: 0;';
|
|
7274
7294
|
});
|
|
7275
|
-
var IdCardGuideImage = styled.img(templateObject_2$
|
|
7295
|
+
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) {
|
|
7276
7296
|
return props.$isMirrored ? 'transform: scaleX(-1);' : '';
|
|
7277
7297
|
}, function (props) {
|
|
7278
7298
|
return props.$isInvisible ? 'opacity: 0;' : '';
|
|
7279
7299
|
});
|
|
7280
7300
|
function IdCardBorder(_a) {
|
|
7281
|
-
var _b, _c, _d, _e, _f, _g, _h, _j, _k;
|
|
7301
|
+
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
|
|
7282
7302
|
var children = _a.children,
|
|
7283
|
-
|
|
7284
|
-
status =
|
|
7285
|
-
|
|
7286
|
-
borderWidth =
|
|
7287
|
-
|
|
7288
|
-
borderRadius =
|
|
7289
|
-
|
|
7290
|
-
borderColor =
|
|
7303
|
+
_p = _a.status,
|
|
7304
|
+
status = _p === void 0 ? 'ready' : _p,
|
|
7305
|
+
_q = _a.borderWidth,
|
|
7306
|
+
borderWidth = _q === void 0 ? 20 : _q,
|
|
7307
|
+
_r = _a.borderRadius,
|
|
7308
|
+
borderRadius = _r === void 0 ? 25 : _r,
|
|
7309
|
+
_s = _a.borderColor,
|
|
7310
|
+
borderColor = _s === void 0 ? 'white' : _s,
|
|
7291
7311
|
aspectRatio = _a.aspectRatio,
|
|
7292
|
-
|
|
7293
|
-
progress =
|
|
7312
|
+
_t = _a.progress,
|
|
7313
|
+
progress = _t === void 0 ? 0 : _t,
|
|
7294
7314
|
props = __rest(_a, ["children", "status", "borderWidth", "borderRadius", "borderColor", "aspectRatio", "progress"]);
|
|
7295
|
-
var
|
|
7296
|
-
ref =
|
|
7297
|
-
|
|
7298
|
-
width =
|
|
7299
|
-
|
|
7300
|
-
height =
|
|
7301
|
-
var
|
|
7302
|
-
progressResets =
|
|
7303
|
-
setProgressResets =
|
|
7315
|
+
var _u = useResizeObserver(),
|
|
7316
|
+
ref = _u.ref,
|
|
7317
|
+
_v = _u.width,
|
|
7318
|
+
width = _v === void 0 ? 0 : _v,
|
|
7319
|
+
_w = _u.height,
|
|
7320
|
+
height = _w === void 0 ? 0 : _w;
|
|
7321
|
+
var _x = useState(0),
|
|
7322
|
+
progressResets = _x[0],
|
|
7323
|
+
setProgressResets = _x[1];
|
|
7304
7324
|
useEffect(function () {
|
|
7305
7325
|
if (progress === 0 && status === 'capturing') {
|
|
7306
7326
|
setProgressResets(function (n) {
|
|
@@ -7312,6 +7332,7 @@ function IdCardBorder(_a) {
|
|
|
7312
7332
|
var wavesDisabled = (_d = (_c = (_b = theme.idCapture) === null || _b === void 0 ? void 0 : _b.guideBox) === null || _c === void 0 ? void 0 : _c.wavesDisabled) !== null && _d !== void 0 ? _d : false;
|
|
7313
7333
|
var wavesColor = (_g = (_f = (_e = theme.idCapture) === null || _e === void 0 ? void 0 : _e.guideBox) === null || _f === void 0 ? void 0 : _f.wavesColor) !== null && _g !== void 0 ? _g : '#287ec6';
|
|
7314
7334
|
var progressBarColor = (_k = (_j = (_h = theme.idCapture) === null || _h === void 0 ? void 0 : _h.guideBox) === null || _j === void 0 ? void 0 : _j.progressBarColor) !== null && _k !== void 0 ? _k : '#287ec6';
|
|
7335
|
+
var progressBarWidth = (_o = (_m = (_l = theme.idCapture) === null || _l === void 0 ? void 0 : _l.guideBox) === null || _m === void 0 ? void 0 : _m.progressBarWidth) !== null && _o !== void 0 ? _o : borderWidth;
|
|
7315
7336
|
return /*#__PURE__*/React__default.createElement(IdCardBorderContainer, _assign({}, props), /*#__PURE__*/React__default.createElement("div", {
|
|
7316
7337
|
ref: ref,
|
|
7317
7338
|
style: {
|
|
@@ -7346,7 +7367,7 @@ function IdCardBorder(_a) {
|
|
|
7346
7367
|
height: height,
|
|
7347
7368
|
borderRadius: borderRadius,
|
|
7348
7369
|
borderColor: borderColor,
|
|
7349
|
-
borderWidth:
|
|
7370
|
+
borderWidth: progressBarWidth,
|
|
7350
7371
|
className: "idmSdkWavesOrigin"
|
|
7351
7372
|
}), (status === 'capturing' || progress > 0) && ( /*#__PURE__*/React__default.createElement(IdCardBorderSvg, {
|
|
7352
7373
|
key: "progress".concat(progressResets),
|
|
@@ -7414,16 +7435,16 @@ function IdCardBorderSvg(_a) {
|
|
|
7414
7435
|
className: isProgressBar ? "idmSdkProgressBorder ".concat(progressPaused ? 'idmSdkProgressPaused' : '') : ''
|
|
7415
7436
|
}));
|
|
7416
7437
|
}
|
|
7417
|
-
var IdCardBorderContainer = styled.div(templateObject_3$
|
|
7418
|
-
var SvgOverlay = styled.svg(templateObject_4$
|
|
7419
|
-
var IdCardBorderRect = styled.rect(templateObject_5$
|
|
7438
|
+
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);
|
|
7439
|
+
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"])));
|
|
7440
|
+
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) {
|
|
7420
7441
|
var _a;
|
|
7421
7442
|
return (_a = props.$speed) !== null && _a !== void 0 ? _a : '3s';
|
|
7422
7443
|
}, function (props) {
|
|
7423
7444
|
var _a;
|
|
7424
7445
|
return (_a = props.$fillMode) !== null && _a !== void 0 ? _a : 'forwards';
|
|
7425
7446
|
});
|
|
7426
|
-
var templateObject_1$
|
|
7447
|
+
var templateObject_1$v, templateObject_2$q, templateObject_3$k, templateObject_4$e, templateObject_5$9;
|
|
7427
7448
|
|
|
7428
7449
|
var defaultIdCaptureGuideImages = {
|
|
7429
7450
|
portrait: {
|
|
@@ -7599,12 +7620,12 @@ var IdVideoCaptureFlipIdPrompt = function IdVideoCaptureFlipIdPrompt(_a) {
|
|
|
7599
7620
|
style: imageStyle
|
|
7600
7621
|
})));
|
|
7601
7622
|
};
|
|
7602
|
-
var FlipImageContainer = styled(IdCardGuideImageContainer)(templateObject_1$
|
|
7623
|
+
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) {
|
|
7603
7624
|
return props.$transitionTime;
|
|
7604
7625
|
}, function (props) {
|
|
7605
7626
|
return props.$transforms;
|
|
7606
7627
|
});
|
|
7607
|
-
var templateObject_1$
|
|
7628
|
+
var templateObject_1$u;
|
|
7608
7629
|
|
|
7609
7630
|
var GuideOrientationContext = /*#__PURE__*/createContext({
|
|
7610
7631
|
orientation: 'landscape',
|
|
@@ -7893,10 +7914,10 @@ var regionClsx = function regionClsx(classNames, which) {
|
|
|
7893
7914
|
return v;
|
|
7894
7915
|
}).join(' ');
|
|
7895
7916
|
};
|
|
7896
|
-
var StyledPageContainer = styled(PageContainerDiv)(templateObject_1$
|
|
7897
|
-
var GuidesContainer = styled.div(templateObject_2$
|
|
7898
|
-
var GuideCenterRow = styled.div(templateObject_3$
|
|
7899
|
-
var GuideRegion = styled.div(templateObject_4$
|
|
7917
|
+
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"])));
|
|
7918
|
+
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"])));
|
|
7919
|
+
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"])));
|
|
7920
|
+
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) {
|
|
7900
7921
|
var _a, _b, _c, _d, _e;
|
|
7901
7922
|
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)';
|
|
7902
7923
|
}, function (props) {
|
|
@@ -7907,21 +7928,21 @@ var GuideRegion = styled.div(templateObject_4$c || (templateObject_4$c = __makeT
|
|
|
7907
7928
|
}, function (props) {
|
|
7908
7929
|
return props.$minHeight ? "min-height: ".concat(props.$minHeight, "px;") : "";
|
|
7909
7930
|
});
|
|
7910
|
-
var Spacer = styled(GuideRegion)(templateObject_5$
|
|
7911
|
-
var GuideCenterRegion = styled.div(templateObject_6$
|
|
7931
|
+
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"])));
|
|
7932
|
+
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) {
|
|
7912
7933
|
return props.$minWidth ? "min-width: ".concat(props.$minWidth, "px;") : "";
|
|
7913
7934
|
}, function (props) {
|
|
7914
7935
|
return props.$isMirrored ? 'transform: scaleX(-1);' : '';
|
|
7915
7936
|
});
|
|
7916
|
-
var GuideCenterBorder = styled.div(templateObject_7$
|
|
7937
|
+
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) {
|
|
7917
7938
|
var _a, _b;
|
|
7918
7939
|
return "".concat((_a = props.$borderWidth) !== null && _a !== void 0 ? _a : 4, "px solid ").concat((_b = props.$borderColor) !== null && _b !== void 0 ? _b : 'white');
|
|
7919
7940
|
}, function (props) {
|
|
7920
7941
|
return props.$padding ? "padding: ".concat(props.$padding, "px;") : '';
|
|
7921
7942
|
});
|
|
7922
|
-
var GuideText = styled.span(templateObject_8$
|
|
7923
|
-
var GuideCenterInner = styled.div(templateObject_9$
|
|
7924
|
-
var templateObject_1$
|
|
7943
|
+
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"])));
|
|
7944
|
+
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"])));
|
|
7945
|
+
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;
|
|
7925
7946
|
|
|
7926
7947
|
var IdCaptureFitGuide = function IdCaptureFitGuide(_a) {
|
|
7927
7948
|
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
|
|
@@ -8064,11 +8085,11 @@ var IdCaptureFitGuide = function IdCaptureFitGuide(_a) {
|
|
|
8064
8085
|
progress: progress
|
|
8065
8086
|
}));
|
|
8066
8087
|
};
|
|
8067
|
-
var CanvasWrapper$1 = styled.div(templateObject_1$
|
|
8088
|
+
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) {
|
|
8068
8089
|
return props.$maskColor;
|
|
8069
8090
|
});
|
|
8070
|
-
var Canvas$1 = styled.canvas(templateObject_2$
|
|
8071
|
-
var templateObject_1$
|
|
8091
|
+
var Canvas$1 = styled.canvas(templateObject_2$o || (templateObject_2$o = __makeTemplateObject(["\n display: block;\n"], ["\n display: block;\n"])));
|
|
8092
|
+
var templateObject_1$s, templateObject_2$o;
|
|
8072
8093
|
|
|
8073
8094
|
function IdCaptureGuides(_a) {
|
|
8074
8095
|
var _b = _a.guideType,
|
|
@@ -8209,11 +8230,11 @@ var SelfieProgressPreview = function SelfieProgressPreview(_a) {
|
|
|
8209
8230
|
onError: onError
|
|
8210
8231
|
})));
|
|
8211
8232
|
};
|
|
8212
|
-
var StyledSpinner = styled(Spinner)(templateObject_1$
|
|
8213
|
-
var ImagePreviewWrapper = styled.div(templateObject_2$
|
|
8214
|
-
var ImagePreviewText = styled.div(templateObject_3$
|
|
8215
|
-
var ImagePreviewImageWrapper = styled.div(templateObject_4$
|
|
8216
|
-
var templateObject_1$
|
|
8233
|
+
var StyledSpinner = styled(Spinner)(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"])));
|
|
8234
|
+
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"])));
|
|
8235
|
+
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"])));
|
|
8236
|
+
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"])));
|
|
8237
|
+
var templateObject_1$r, templateObject_2$n, templateObject_3$i, templateObject_4$c;
|
|
8217
8238
|
|
|
8218
8239
|
var documentCaptureInitialState = {
|
|
8219
8240
|
documents: [],
|
|
@@ -8569,16 +8590,16 @@ var DocumentCaptureGuideOverlay = function DocumentCaptureGuideOverlay(_a) {
|
|
|
8569
8590
|
ref: canvasRef
|
|
8570
8591
|
}));
|
|
8571
8592
|
};
|
|
8572
|
-
var CanvasWrapper = styled.div(templateObject_1$
|
|
8593
|
+
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) {
|
|
8573
8594
|
return props.$maskColor;
|
|
8574
8595
|
});
|
|
8575
|
-
var Canvas = styled.canvas(templateObject_2$
|
|
8576
|
-
var templateObject_1$
|
|
8596
|
+
var Canvas = styled.canvas(templateObject_2$m || (templateObject_2$m = __makeTemplateObject(["\n display: block;\n"], ["\n display: block;\n"])));
|
|
8597
|
+
var templateObject_1$q, templateObject_2$m;
|
|
8577
8598
|
|
|
8578
|
-
var CameraFeedWrapper = styled.div(templateObject_1$
|
|
8599
|
+
var CameraFeedWrapper = styled.div(templateObject_1$p || (templateObject_1$p = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
8579
8600
|
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;") : "";
|
|
8580
8601
|
});
|
|
8581
|
-
var templateObject_1$
|
|
8602
|
+
var templateObject_1$p;
|
|
8582
8603
|
|
|
8583
8604
|
var CameraVideoTag = function CameraVideoTag(props) {
|
|
8584
8605
|
var _a = useCameraStore(useShallow(function (store) {
|
|
@@ -8609,10 +8630,10 @@ var CameraVideoTag = function CameraVideoTag(props) {
|
|
|
8609
8630
|
"$isRearFacing": isRearFacing
|
|
8610
8631
|
}, props));
|
|
8611
8632
|
};
|
|
8612
|
-
var FullscreenVideoTag = styled.video(templateObject_1$
|
|
8633
|
+
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) {
|
|
8613
8634
|
return props.$isRearFacing ? '' : 'scaleX(-1)';
|
|
8614
8635
|
});
|
|
8615
|
-
var templateObject_1$
|
|
8636
|
+
var templateObject_1$o;
|
|
8616
8637
|
|
|
8617
8638
|
var DocumentCaptureScreen = function DocumentCaptureScreen(_a) {
|
|
8618
8639
|
var _b, _c, _d, _e, _f;
|
|
@@ -8762,21 +8783,21 @@ var DocumentCaptureScreen = function DocumentCaptureScreen(_a) {
|
|
|
8762
8783
|
disabled: !cameraReady || capturing
|
|
8763
8784
|
}, !cameraReady ? verbiage.loadingBtnText : capturing ? verbiage.capturingBtnText : verbiage.captureBtnText))))));
|
|
8764
8785
|
};
|
|
8765
|
-
var CaptureContainer = styled.div(templateObject_1$
|
|
8766
|
-
var HeadingRow = styled.div(templateObject_2$
|
|
8786
|
+
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"])));
|
|
8787
|
+
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) {
|
|
8767
8788
|
return props.$maskColor;
|
|
8768
8789
|
});
|
|
8769
|
-
var Heading$9 = styled.h1(templateObject_3$
|
|
8770
|
-
var FooterRow = styled.div(templateObject_4$
|
|
8790
|
+
var Heading$9 = styled.h1(templateObject_3$h || (templateObject_3$h = __makeTemplateObject(["\n font-size: 22px;\n"], ["\n font-size: 22px;\n"])));
|
|
8791
|
+
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) {
|
|
8771
8792
|
return props.$maskColor;
|
|
8772
8793
|
});
|
|
8773
|
-
var Instructions = styled.div(templateObject_5$
|
|
8794
|
+
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) {
|
|
8774
8795
|
var _a, _b, _c;
|
|
8775
8796
|
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';
|
|
8776
8797
|
});
|
|
8777
|
-
var StyledButtonsRow$9 = styled(ButtonsRow)(templateObject_6$
|
|
8778
|
-
var PreviewImage = styled.img(templateObject_7$
|
|
8779
|
-
var templateObject_1$
|
|
8798
|
+
var StyledButtonsRow$9 = styled(ButtonsRow)(templateObject_6$6 || (templateObject_6$6 = __makeTemplateObject(["\n padding-top: 20px;\n"], ["\n padding-top: 20px;\n"])));
|
|
8799
|
+
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"])));
|
|
8800
|
+
var templateObject_1$n, templateObject_2$l, templateObject_3$h, templateObject_4$b, templateObject_5$7, templateObject_6$6, templateObject_7$4;
|
|
8780
8801
|
|
|
8781
8802
|
var DocumentCaptureWizard = function DocumentCaptureWizard(_a) {
|
|
8782
8803
|
var onSuccess = _a.onSuccess,
|
|
@@ -9045,13 +9066,13 @@ var IdCaptureFallback = function IdCaptureFallback(_a) {
|
|
|
9045
9066
|
}
|
|
9046
9067
|
}, verbiage.doneBtnText))))));
|
|
9047
9068
|
};
|
|
9048
|
-
var StyledOverlayInner$2 = styled(OverlayInner$2)(templateObject_1$
|
|
9049
|
-
var Heading$8 = styled.h3(templateObject_2$
|
|
9050
|
-
var Description$3 = styled.p(templateObject_3$
|
|
9051
|
-
var Instruction = styled.p(templateObject_4$
|
|
9052
|
-
var ImageCol = styled.div(templateObject_5$
|
|
9053
|
-
var StyledButtonsRow$8 = styled(ButtonsRow)(templateObject_6$
|
|
9054
|
-
var templateObject_1$
|
|
9069
|
+
var StyledOverlayInner$2 = styled(OverlayInner$2)(templateObject_1$m || (templateObject_1$m = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
9070
|
+
var Heading$8 = styled.h3(templateObject_2$k || (templateObject_2$k = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
9071
|
+
var Description$3 = styled.p(templateObject_3$g || (templateObject_3$g = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
9072
|
+
var Instruction = styled.p(templateObject_4$a || (templateObject_4$a = __makeTemplateObject(["\n font-weight: bold;\n"], ["\n font-weight: bold;\n"])));
|
|
9073
|
+
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"])));
|
|
9074
|
+
var StyledButtonsRow$8 = styled(ButtonsRow)(templateObject_6$5 || (templateObject_6$5 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
9075
|
+
var templateObject_1$m, templateObject_2$k, templateObject_3$g, templateObject_4$a, templateObject_5$6, templateObject_6$5;
|
|
9055
9076
|
|
|
9056
9077
|
function ScalingCameraFeed() {
|
|
9057
9078
|
var _a = useContext(IdCaptureStateContext),
|
|
@@ -9070,6 +9091,579 @@ function ScalingCameraFeed() {
|
|
|
9070
9091
|
}, /*#__PURE__*/React__default.createElement(CameraVideoTag, null));
|
|
9071
9092
|
}
|
|
9072
9093
|
|
|
9094
|
+
var buttonColors = {
|
|
9095
|
+
backgroundColor: 'white',
|
|
9096
|
+
borderColor: '#dbdbdb',
|
|
9097
|
+
textColor: '#323232'
|
|
9098
|
+
};
|
|
9099
|
+
function IdCaptureOrUploadScreen(_a) {
|
|
9100
|
+
var _b = _a.classNames,
|
|
9101
|
+
classNames = _b === void 0 ? {} : _b,
|
|
9102
|
+
_c = _a.verbiage,
|
|
9103
|
+
rawVerbiage = _c === void 0 ? {} : _c;
|
|
9104
|
+
var _d = useIdCaptureState(),
|
|
9105
|
+
state = _d[0],
|
|
9106
|
+
dispatch = _d[1];
|
|
9107
|
+
var requestCameraAccess = useCameraStore().requestCameraAccess;
|
|
9108
|
+
var _e = useState(false),
|
|
9109
|
+
selectIdTypeModalOpen = _e[0],
|
|
9110
|
+
setSelectIdTypeModalOpen = _e[1];
|
|
9111
|
+
var verbiage = useTranslations(rawVerbiage, {
|
|
9112
|
+
captureWithCameraText: 'Capture with Camera',
|
|
9113
|
+
orText: 'OR',
|
|
9114
|
+
uploadFromStorageText: 'Upload from Storage',
|
|
9115
|
+
selectIdTypeText: 'Select ID Type',
|
|
9116
|
+
passportText: 'Passport',
|
|
9117
|
+
idCardText: 'ID Card'
|
|
9118
|
+
});
|
|
9119
|
+
if (state.captureState === 'uploading') {
|
|
9120
|
+
if (state.uploadingDocumentsType === 'passport') {
|
|
9121
|
+
return /*#__PURE__*/React__default.createElement(PassportUploadScreen, {
|
|
9122
|
+
classNames: classNames.passportUploadScreen
|
|
9123
|
+
});
|
|
9124
|
+
} else if (state.uploadingDocumentsType === 'idCard') {
|
|
9125
|
+
return /*#__PURE__*/React__default.createElement(IdDocumentUploadScreen, {
|
|
9126
|
+
classNames: classNames.idDocumentUploadScreen
|
|
9127
|
+
});
|
|
9128
|
+
}
|
|
9129
|
+
}
|
|
9130
|
+
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(ScreenContainer, {
|
|
9131
|
+
className: classNames.container
|
|
9132
|
+
}, /*#__PURE__*/React__default.createElement(ScreenPanel, {
|
|
9133
|
+
className: classNames.captureWithCameraPanel
|
|
9134
|
+
}, /*#__PURE__*/React__default.createElement(CameraIcon, {
|
|
9135
|
+
className: classNames.captureWithCameraIcon
|
|
9136
|
+
}), /*#__PURE__*/React__default.createElement(Button, {
|
|
9137
|
+
className: classNames.captureWithCameraButton,
|
|
9138
|
+
colors: buttonColors,
|
|
9139
|
+
onClick: function onClick() {
|
|
9140
|
+
void requestCameraAccess();
|
|
9141
|
+
dispatch({
|
|
9142
|
+
type: 'setUploadingDocumentsFromStorage',
|
|
9143
|
+
payload: false
|
|
9144
|
+
});
|
|
9145
|
+
}
|
|
9146
|
+
}, verbiage.captureWithCameraText, /*#__PURE__*/React__default.createElement(ArrowIcon, null))), /*#__PURE__*/React__default.createElement(DashedSeparator, {
|
|
9147
|
+
className: classNames.separator
|
|
9148
|
+
}, /*#__PURE__*/React__default.createElement(OrWrapper, {
|
|
9149
|
+
className: classNames.orText
|
|
9150
|
+
}, verbiage.orText)), /*#__PURE__*/React__default.createElement(ScreenPanel, {
|
|
9151
|
+
className: classNames.uploadFromStoragePanel
|
|
9152
|
+
}, /*#__PURE__*/React__default.createElement(UploadIcon, {
|
|
9153
|
+
className: classNames.uploadFromStorageIcon
|
|
9154
|
+
}), /*#__PURE__*/React__default.createElement(Button, {
|
|
9155
|
+
className: classNames.uploadFromStorageButton,
|
|
9156
|
+
colors: buttonColors,
|
|
9157
|
+
onClick: function onClick() {
|
|
9158
|
+
dispatch({
|
|
9159
|
+
type: 'setUploadingDocumentsFromStorage',
|
|
9160
|
+
payload: true
|
|
9161
|
+
});
|
|
9162
|
+
setSelectIdTypeModalOpen(state.captureRequirement === 'idCardOrPassport');
|
|
9163
|
+
if (state.captureRequirement === 'passport') {
|
|
9164
|
+
dispatch({
|
|
9165
|
+
type: 'setUploadingDocumentsType',
|
|
9166
|
+
payload: 'passport'
|
|
9167
|
+
});
|
|
9168
|
+
} else {
|
|
9169
|
+
dispatch({
|
|
9170
|
+
type: 'setUploadingDocumentsType',
|
|
9171
|
+
payload: 'idCard'
|
|
9172
|
+
});
|
|
9173
|
+
}
|
|
9174
|
+
}
|
|
9175
|
+
}, verbiage.uploadFromStorageText, /*#__PURE__*/React__default.createElement(ArrowIcon, null)))), selectIdTypeModalOpen && ( /*#__PURE__*/React__default.createElement(Modal, {
|
|
9176
|
+
className: classNames.selectIdTypeModal
|
|
9177
|
+
}, /*#__PURE__*/React__default.createElement(Dialog, {
|
|
9178
|
+
className: classNames.selectIdTypeDialog
|
|
9179
|
+
}, /*#__PURE__*/React__default.createElement(ScreenPanel, {
|
|
9180
|
+
className: classNames.selectPassportTypePanel
|
|
9181
|
+
}, /*#__PURE__*/React__default.createElement(ScreenPanelHeading, {
|
|
9182
|
+
className: classNames.selectIdTypeHeading
|
|
9183
|
+
}, verbiage.selectIdTypeText), /*#__PURE__*/React__default.createElement(PassportIcon, {
|
|
9184
|
+
className: classNames.selectPassportTypeIcon
|
|
9185
|
+
}), /*#__PURE__*/React__default.createElement(Button, {
|
|
9186
|
+
className: classNames.selectPassportTypeButton,
|
|
9187
|
+
colors: buttonColors,
|
|
9188
|
+
onClick: function onClick() {
|
|
9189
|
+
return dispatch({
|
|
9190
|
+
type: 'setUploadingDocumentsType',
|
|
9191
|
+
payload: 'passport'
|
|
9192
|
+
});
|
|
9193
|
+
}
|
|
9194
|
+
}, verbiage.passportText, /*#__PURE__*/React__default.createElement(ArrowIcon, null))), /*#__PURE__*/React__default.createElement(ScreenPanel, {
|
|
9195
|
+
className: classNames.selectIdCardTypePanel,
|
|
9196
|
+
style: {
|
|
9197
|
+
background: 'white',
|
|
9198
|
+
padding: '80px 0'
|
|
9199
|
+
}
|
|
9200
|
+
}, /*#__PURE__*/React__default.createElement(IdDocumentIcon, {
|
|
9201
|
+
className: classNames.selectIdCardTypeIcon
|
|
9202
|
+
}), /*#__PURE__*/React__default.createElement(Button, {
|
|
9203
|
+
className: classNames.selectIdCardTypeButton,
|
|
9204
|
+
colors: buttonColors,
|
|
9205
|
+
onClick: function onClick() {
|
|
9206
|
+
return dispatch({
|
|
9207
|
+
type: 'setUploadingDocumentsType',
|
|
9208
|
+
payload: 'idCard'
|
|
9209
|
+
});
|
|
9210
|
+
}
|
|
9211
|
+
}, verbiage.idCardText, /*#__PURE__*/React__default.createElement(ArrowIcon, null)))), /*#__PURE__*/React__default.createElement(ModalCloseButton, {
|
|
9212
|
+
className: classNames.selectIdTypeModalCloseButton,
|
|
9213
|
+
onClick: function onClick() {
|
|
9214
|
+
return setSelectIdTypeModalOpen(false);
|
|
9215
|
+
}
|
|
9216
|
+
}, "\xD7"))));
|
|
9217
|
+
}
|
|
9218
|
+
function PassportUploadScreen(_a) {
|
|
9219
|
+
var _b = _a.classNames,
|
|
9220
|
+
classNames = _b === void 0 ? {} : _b,
|
|
9221
|
+
_c = _a.verbiage,
|
|
9222
|
+
rawVerbiage = _c === void 0 ? {} : _c;
|
|
9223
|
+
var _d = useState(null),
|
|
9224
|
+
file = _d[0],
|
|
9225
|
+
setFile = _d[1];
|
|
9226
|
+
var onCapturedManually = useOnCapturedManually();
|
|
9227
|
+
var verbiage = useTranslations(rawVerbiage, {
|
|
9228
|
+
uploadPassportText: 'Upload Passport',
|
|
9229
|
+
loadingText: 'Loading...',
|
|
9230
|
+
continueText: 'Continue',
|
|
9231
|
+
cancelText: 'Cancel'
|
|
9232
|
+
});
|
|
9233
|
+
return /*#__PURE__*/React__default.createElement(ScreenContainer, {
|
|
9234
|
+
className: classNames.container
|
|
9235
|
+
}, /*#__PURE__*/React__default.createElement(ScreenPanel, {
|
|
9236
|
+
className: classNames.uploadPassportPanel
|
|
9237
|
+
}, /*#__PURE__*/React__default.createElement(UploadIcon, {
|
|
9238
|
+
className: classNames.uploadPassportIcon
|
|
9239
|
+
}), /*#__PURE__*/React__default.createElement(FilePickerButton, {
|
|
9240
|
+
className: classNames.uploadPassportButton,
|
|
9241
|
+
onFileSelected: setFile,
|
|
9242
|
+
loadingText: verbiage.loadingText
|
|
9243
|
+
}, verbiage.uploadPassportText)), /*#__PURE__*/React__default.createElement(ScreenActionsBar, {
|
|
9244
|
+
className: classNames.actionsBar
|
|
9245
|
+
}, /*#__PURE__*/React__default.createElement(CancelUploadTypeButton, {
|
|
9246
|
+
className: classNames.cancelButton
|
|
9247
|
+
}, verbiage.cancelText), /*#__PURE__*/React__default.createElement(Button, {
|
|
9248
|
+
className: classNames.continueButton,
|
|
9249
|
+
disabled: !file,
|
|
9250
|
+
colors: buttonColors,
|
|
9251
|
+
onClick: function onClick() {
|
|
9252
|
+
return onCapturedManually(file);
|
|
9253
|
+
}
|
|
9254
|
+
}, verbiage.continueText)));
|
|
9255
|
+
}
|
|
9256
|
+
function IdDocumentUploadScreen(_a) {
|
|
9257
|
+
var _b = _a.classNames,
|
|
9258
|
+
classNames = _b === void 0 ? {} : _b,
|
|
9259
|
+
_c = _a.verbiage,
|
|
9260
|
+
rawVerbiage = _c === void 0 ? {} : _c;
|
|
9261
|
+
var _d = useState(null),
|
|
9262
|
+
idFrontFile = _d[0],
|
|
9263
|
+
setIdFrontFile = _d[1];
|
|
9264
|
+
var _e = useState(null),
|
|
9265
|
+
idBackFile = _e[0],
|
|
9266
|
+
setIdBackFile = _e[1];
|
|
9267
|
+
var onCapturedManually = useOnCapturedManually();
|
|
9268
|
+
var verbiage = useTranslations(rawVerbiage, {
|
|
9269
|
+
uploadIdFrontText: 'Upload ID Front',
|
|
9270
|
+
uploadIdBackText: 'Upload ID Back',
|
|
9271
|
+
loadingText: 'Loading...',
|
|
9272
|
+
continueText: 'Continue',
|
|
9273
|
+
cancelText: 'Cancel'
|
|
9274
|
+
});
|
|
9275
|
+
return /*#__PURE__*/React__default.createElement(ScreenContainer, {
|
|
9276
|
+
className: classNames.container
|
|
9277
|
+
}, /*#__PURE__*/React__default.createElement(ScreenPanel, {
|
|
9278
|
+
className: classNames.uploadIdFrontPanel
|
|
9279
|
+
}, /*#__PURE__*/React__default.createElement(UploadIcon, {
|
|
9280
|
+
className: classNames.uploadIdFrontIcon
|
|
9281
|
+
}), /*#__PURE__*/React__default.createElement(FilePickerButton, {
|
|
9282
|
+
className: classNames.uploadIdFrontButton,
|
|
9283
|
+
onFileSelected: setIdFrontFile,
|
|
9284
|
+
loadingText: verbiage.loadingText
|
|
9285
|
+
}, verbiage.uploadIdFrontText)), /*#__PURE__*/React__default.createElement(DashedSeparator, {
|
|
9286
|
+
className: classNames.separator
|
|
9287
|
+
}), /*#__PURE__*/React__default.createElement(ScreenPanel, {
|
|
9288
|
+
className: classNames.uploadIdBackPanel
|
|
9289
|
+
}, /*#__PURE__*/React__default.createElement(UploadIcon, {
|
|
9290
|
+
className: classNames.uploadIdBackIcon
|
|
9291
|
+
}), /*#__PURE__*/React__default.createElement(FilePickerButton, {
|
|
9292
|
+
className: classNames.uploadIdBackButton,
|
|
9293
|
+
onFileSelected: setIdBackFile,
|
|
9294
|
+
loadingText: verbiage.loadingText
|
|
9295
|
+
}, verbiage.uploadIdBackText)), /*#__PURE__*/React__default.createElement(ScreenActionsBar, {
|
|
9296
|
+
className: classNames.actionsBar
|
|
9297
|
+
}, /*#__PURE__*/React__default.createElement(CancelUploadTypeButton, {
|
|
9298
|
+
className: classNames.cancelButton
|
|
9299
|
+
}, verbiage.cancelText), /*#__PURE__*/React__default.createElement(Button, {
|
|
9300
|
+
className: classNames.continueButton,
|
|
9301
|
+
disabled: !idFrontFile || !idBackFile,
|
|
9302
|
+
colors: buttonColors,
|
|
9303
|
+
onClick: function onClick() {
|
|
9304
|
+
return onCapturedManually(idFrontFile, idBackFile);
|
|
9305
|
+
}
|
|
9306
|
+
}, verbiage.continueText)));
|
|
9307
|
+
}
|
|
9308
|
+
function CancelUploadTypeButton(_a) {
|
|
9309
|
+
var children = _a.children,
|
|
9310
|
+
className = _a.className;
|
|
9311
|
+
var dispatch = useIdCaptureState()[1];
|
|
9312
|
+
return /*#__PURE__*/React__default.createElement(Button, {
|
|
9313
|
+
className: className,
|
|
9314
|
+
colors: buttonColors,
|
|
9315
|
+
onClick: function onClick() {
|
|
9316
|
+
return dispatch({
|
|
9317
|
+
type: 'setUploadingDocumentsType',
|
|
9318
|
+
payload: null
|
|
9319
|
+
});
|
|
9320
|
+
}
|
|
9321
|
+
}, children);
|
|
9322
|
+
}
|
|
9323
|
+
function useOnCapturedManually() {
|
|
9324
|
+
var dispatch = useIdCaptureState()[1];
|
|
9325
|
+
return useCallback(function () {
|
|
9326
|
+
var files = [];
|
|
9327
|
+
for (var _i = 0; _i < arguments.length; _i++) {
|
|
9328
|
+
files[_i] = arguments[_i];
|
|
9329
|
+
}
|
|
9330
|
+
return Promise.all(files.map(readFile)).then(function (f) {
|
|
9331
|
+
for (var _i = 0, f_1 = f; _i < f_1.length; _i++) {
|
|
9332
|
+
var imageData = f_1[_i];
|
|
9333
|
+
dispatch({
|
|
9334
|
+
type: 'documentCapturedManually',
|
|
9335
|
+
payload: {
|
|
9336
|
+
imageData: imageData
|
|
9337
|
+
}
|
|
9338
|
+
});
|
|
9339
|
+
}
|
|
9340
|
+
});
|
|
9341
|
+
}, [dispatch]);
|
|
9342
|
+
}
|
|
9343
|
+
function readFile(file) {
|
|
9344
|
+
return new Promise(function (resolve, reject) {
|
|
9345
|
+
var reader = new FileReader();
|
|
9346
|
+
reader.onload = function () {
|
|
9347
|
+
return resolve(reader.result);
|
|
9348
|
+
};
|
|
9349
|
+
reader.onerror = function (e) {
|
|
9350
|
+
return reject(e);
|
|
9351
|
+
};
|
|
9352
|
+
reader.readAsDataURL(file);
|
|
9353
|
+
});
|
|
9354
|
+
}
|
|
9355
|
+
function FilePickerButton(_a) {
|
|
9356
|
+
var className = _a.className,
|
|
9357
|
+
children = _a.children,
|
|
9358
|
+
_b = _a.loadingText,
|
|
9359
|
+
loadingText = _b === void 0 ? 'Loading...' : _b,
|
|
9360
|
+
onFileSelected = _a.onFileSelected;
|
|
9361
|
+
var fileInput = useRef(null);
|
|
9362
|
+
var _c = useState(false),
|
|
9363
|
+
filePickerLoading = _c[0],
|
|
9364
|
+
setFilePickerLoading = _c[1];
|
|
9365
|
+
var _d = useState(null),
|
|
9366
|
+
file = _d[0],
|
|
9367
|
+
setFile = _d[1];
|
|
9368
|
+
useEffect(function () {
|
|
9369
|
+
if (!fileInput.current) return;
|
|
9370
|
+
fileInput.current.oncancel = function () {
|
|
9371
|
+
setFile(null);
|
|
9372
|
+
setFilePickerLoading(false);
|
|
9373
|
+
};
|
|
9374
|
+
}, [fileInput, file]);
|
|
9375
|
+
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("input", {
|
|
9376
|
+
ref: fileInput,
|
|
9377
|
+
type: "file",
|
|
9378
|
+
accept: "image/*",
|
|
9379
|
+
style: {
|
|
9380
|
+
display: 'none'
|
|
9381
|
+
},
|
|
9382
|
+
onChange: function onChange(e) {
|
|
9383
|
+
var _a;
|
|
9384
|
+
setFilePickerLoading(false);
|
|
9385
|
+
var file = (_a = e.currentTarget.files) === null || _a === void 0 ? void 0 : _a[0];
|
|
9386
|
+
if (!file) return;
|
|
9387
|
+
setFile(file);
|
|
9388
|
+
onFileSelected === null || onFileSelected === void 0 ? void 0 : onFileSelected(file);
|
|
9389
|
+
}
|
|
9390
|
+
}), /*#__PURE__*/React__default.createElement(Button, {
|
|
9391
|
+
className: className,
|
|
9392
|
+
colors: buttonColors,
|
|
9393
|
+
onClick: function onClick() {
|
|
9394
|
+
var _a;
|
|
9395
|
+
setFilePickerLoading(true);
|
|
9396
|
+
(_a = fileInput.current) === null || _a === void 0 ? void 0 : _a.click();
|
|
9397
|
+
}
|
|
9398
|
+
}, file ? "".concat(file.name, " (").concat(humanFileSize(file.size), ")") : filePickerLoading ? loadingText : children));
|
|
9399
|
+
}
|
|
9400
|
+
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) {
|
|
9401
|
+
var _a;
|
|
9402
|
+
return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
|
|
9403
|
+
});
|
|
9404
|
+
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"])));
|
|
9405
|
+
var ScreenPanelHeading = styled.h3(templateObject_3$f || (templateObject_3$f = __makeTemplateObject(["\n margin: 0 0 30px;\n"], ["\n margin: 0 0 30px;\n"])));
|
|
9406
|
+
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 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"])));
|
|
9407
|
+
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"])));
|
|
9408
|
+
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"])));
|
|
9409
|
+
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\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\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"])));
|
|
9410
|
+
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"])));
|
|
9411
|
+
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) {
|
|
9412
|
+
var _a;
|
|
9413
|
+
return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
|
|
9414
|
+
});
|
|
9415
|
+
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"])));
|
|
9416
|
+
function CameraIcon(props) {
|
|
9417
|
+
return /*#__PURE__*/React__default.createElement("svg", _assign({
|
|
9418
|
+
width: "91",
|
|
9419
|
+
height: "75",
|
|
9420
|
+
viewBox: "0 0 91 75",
|
|
9421
|
+
fill: "none",
|
|
9422
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
9423
|
+
style: {
|
|
9424
|
+
marginBottom: 30
|
|
9425
|
+
}
|
|
9426
|
+
}, props), /*#__PURE__*/React__default.createElement("path", {
|
|
9427
|
+
d: "M22 2H2V22",
|
|
9428
|
+
stroke: "black",
|
|
9429
|
+
strokeWidth: "3",
|
|
9430
|
+
strokeLinecap: "round",
|
|
9431
|
+
strokeLinejoin: "round"
|
|
9432
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
9433
|
+
d: "M69 2H89V22",
|
|
9434
|
+
stroke: "black",
|
|
9435
|
+
strokeWidth: "3",
|
|
9436
|
+
strokeLinecap: "round",
|
|
9437
|
+
strokeLinejoin: "round"
|
|
9438
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
9439
|
+
d: "M22 73H2V53",
|
|
9440
|
+
stroke: "black",
|
|
9441
|
+
strokeWidth: "3",
|
|
9442
|
+
strokeLinecap: "round",
|
|
9443
|
+
strokeLinejoin: "round"
|
|
9444
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
9445
|
+
d: "M69 73H89V53",
|
|
9446
|
+
stroke: "black",
|
|
9447
|
+
strokeWidth: "3",
|
|
9448
|
+
strokeLinecap: "round",
|
|
9449
|
+
strokeLinejoin: "round"
|
|
9450
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
9451
|
+
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",
|
|
9452
|
+
stroke: "black",
|
|
9453
|
+
strokeWidth: "3"
|
|
9454
|
+
}), /*#__PURE__*/React__default.createElement("circle", {
|
|
9455
|
+
cx: "45",
|
|
9456
|
+
cy: "40",
|
|
9457
|
+
r: "10",
|
|
9458
|
+
stroke: "black",
|
|
9459
|
+
strokeWidth: "3"
|
|
9460
|
+
}), /*#__PURE__*/React__default.createElement("circle", {
|
|
9461
|
+
cx: "62",
|
|
9462
|
+
cy: "31",
|
|
9463
|
+
r: "2",
|
|
9464
|
+
fill: "#221D27"
|
|
9465
|
+
}));
|
|
9466
|
+
}
|
|
9467
|
+
function UploadIcon(props) {
|
|
9468
|
+
return /*#__PURE__*/React__default.createElement("svg", _assign({
|
|
9469
|
+
width: "61",
|
|
9470
|
+
height: "85",
|
|
9471
|
+
viewBox: "0 0 61 85",
|
|
9472
|
+
fill: "none",
|
|
9473
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
9474
|
+
style: {
|
|
9475
|
+
marginBottom: 30
|
|
9476
|
+
}
|
|
9477
|
+
}, props), /*#__PURE__*/React__default.createElement("path", {
|
|
9478
|
+
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",
|
|
9479
|
+
stroke: "black",
|
|
9480
|
+
strokeWidth: "3"
|
|
9481
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
9482
|
+
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",
|
|
9483
|
+
stroke: "black",
|
|
9484
|
+
strokeWidth: "3",
|
|
9485
|
+
strokeLinecap: "round",
|
|
9486
|
+
strokeLinejoin: "round"
|
|
9487
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
9488
|
+
d: "M17 56.5V62C17 63.1046 17.8954 64 19 64H43C44.1046 64 45 63.1046 45 62V56.5",
|
|
9489
|
+
stroke: "black",
|
|
9490
|
+
strokeWidth: "3",
|
|
9491
|
+
strokeLinecap: "round",
|
|
9492
|
+
strokeLinejoin: "round"
|
|
9493
|
+
}));
|
|
9494
|
+
}
|
|
9495
|
+
function ArrowIcon(props) {
|
|
9496
|
+
return /*#__PURE__*/React__default.createElement("svg", _assign({
|
|
9497
|
+
width: "18",
|
|
9498
|
+
height: "12",
|
|
9499
|
+
viewBox: "0 0 18 12",
|
|
9500
|
+
fill: "none",
|
|
9501
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
9502
|
+
style: {
|
|
9503
|
+
marginLeft: 12
|
|
9504
|
+
}
|
|
9505
|
+
}, props), /*#__PURE__*/React__default.createElement("path", {
|
|
9506
|
+
d: "M1 6H17M17 6L12.2281 1M17 6L12.2281 11",
|
|
9507
|
+
stroke: "#323232",
|
|
9508
|
+
strokeWidth: "2",
|
|
9509
|
+
strokeLinecap: "round",
|
|
9510
|
+
strokeLinejoin: "round"
|
|
9511
|
+
}));
|
|
9512
|
+
}
|
|
9513
|
+
function PassportIcon(props) {
|
|
9514
|
+
return /*#__PURE__*/React__default.createElement("svg", _assign({
|
|
9515
|
+
width: "61",
|
|
9516
|
+
height: "92",
|
|
9517
|
+
viewBox: "0 0 61 92",
|
|
9518
|
+
fill: "none",
|
|
9519
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
9520
|
+
style: {
|
|
9521
|
+
marginBottom: 30
|
|
9522
|
+
}
|
|
9523
|
+
}, props), /*#__PURE__*/React__default.createElement("path", {
|
|
9524
|
+
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",
|
|
9525
|
+
stroke: "black",
|
|
9526
|
+
strokeWidth: "3"
|
|
9527
|
+
}), /*#__PURE__*/React__default.createElement("rect", {
|
|
9528
|
+
x: "2",
|
|
9529
|
+
y: "12",
|
|
9530
|
+
width: "57",
|
|
9531
|
+
height: "78",
|
|
9532
|
+
rx: "4",
|
|
9533
|
+
fill: "#F3F3F3",
|
|
9534
|
+
stroke: "black",
|
|
9535
|
+
strokeWidth: "3"
|
|
9536
|
+
}), /*#__PURE__*/React__default.createElement("circle", {
|
|
9537
|
+
cx: "30.5",
|
|
9538
|
+
cy: "44.5",
|
|
9539
|
+
r: "16.5",
|
|
9540
|
+
stroke: "black",
|
|
9541
|
+
strokeWidth: "3"
|
|
9542
|
+
}), /*#__PURE__*/React__default.createElement("ellipse", {
|
|
9543
|
+
cx: "31",
|
|
9544
|
+
cy: "44.5",
|
|
9545
|
+
rx: "8",
|
|
9546
|
+
ry: "16.5",
|
|
9547
|
+
stroke: "black",
|
|
9548
|
+
strokeWidth: "3"
|
|
9549
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
9550
|
+
d: "M16 39H45",
|
|
9551
|
+
stroke: "black",
|
|
9552
|
+
strokeWidth: "3",
|
|
9553
|
+
strokeLinecap: "round",
|
|
9554
|
+
strokeLinejoin: "round"
|
|
9555
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
9556
|
+
d: "M16 51H45",
|
|
9557
|
+
stroke: "black",
|
|
9558
|
+
strokeWidth: "3",
|
|
9559
|
+
strokeLinecap: "round",
|
|
9560
|
+
strokeLinejoin: "round"
|
|
9561
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
9562
|
+
d: "M17 68H44",
|
|
9563
|
+
stroke: "black",
|
|
9564
|
+
strokeWidth: "3",
|
|
9565
|
+
strokeLinecap: "round",
|
|
9566
|
+
strokeLinejoin: "round"
|
|
9567
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
9568
|
+
d: "M21 76H40",
|
|
9569
|
+
stroke: "black",
|
|
9570
|
+
strokeWidth: "3",
|
|
9571
|
+
strokeLinecap: "round",
|
|
9572
|
+
strokeLinejoin: "round"
|
|
9573
|
+
}));
|
|
9574
|
+
}
|
|
9575
|
+
function IdDocumentIcon(props) {
|
|
9576
|
+
return /*#__PURE__*/React__default.createElement("svg", _assign({
|
|
9577
|
+
width: "92",
|
|
9578
|
+
height: "62",
|
|
9579
|
+
viewBox: "0 0 92 62",
|
|
9580
|
+
fill: "none",
|
|
9581
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
9582
|
+
style: {
|
|
9583
|
+
marginBottom: 30
|
|
9584
|
+
}
|
|
9585
|
+
}, props), /*#__PURE__*/React__default.createElement("path", {
|
|
9586
|
+
d: "M18 41C18 41 18.5 33 24.5 33C30.5 33 31 41 31 41",
|
|
9587
|
+
stroke: "black",
|
|
9588
|
+
strokeWidth: "3",
|
|
9589
|
+
strokeLinecap: "round",
|
|
9590
|
+
strokeLinejoin: "round"
|
|
9591
|
+
}), /*#__PURE__*/React__default.createElement("rect", {
|
|
9592
|
+
x: "2",
|
|
9593
|
+
y: "2",
|
|
9594
|
+
width: "88",
|
|
9595
|
+
height: "58",
|
|
9596
|
+
rx: "6",
|
|
9597
|
+
stroke: "black",
|
|
9598
|
+
strokeWidth: "3"
|
|
9599
|
+
}), /*#__PURE__*/React__default.createElement("rect", {
|
|
9600
|
+
x: "10",
|
|
9601
|
+
y: "15",
|
|
9602
|
+
width: "29",
|
|
9603
|
+
height: "30",
|
|
9604
|
+
rx: "3",
|
|
9605
|
+
stroke: "black",
|
|
9606
|
+
strokeWidth: "3"
|
|
9607
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
9608
|
+
d: "M48 17H80",
|
|
9609
|
+
stroke: "black",
|
|
9610
|
+
strokeWidth: "3",
|
|
9611
|
+
strokeLinecap: "round",
|
|
9612
|
+
strokeLinejoin: "round"
|
|
9613
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
9614
|
+
d: "M48 35H80",
|
|
9615
|
+
stroke: "black",
|
|
9616
|
+
strokeWidth: "3",
|
|
9617
|
+
strokeLinecap: "round",
|
|
9618
|
+
strokeLinejoin: "round"
|
|
9619
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
9620
|
+
d: "M48 44H62",
|
|
9621
|
+
stroke: "black",
|
|
9622
|
+
strokeWidth: "3",
|
|
9623
|
+
strokeLinecap: "round",
|
|
9624
|
+
strokeLinejoin: "round"
|
|
9625
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
9626
|
+
d: "M48 26H69",
|
|
9627
|
+
stroke: "black",
|
|
9628
|
+
strokeWidth: "3",
|
|
9629
|
+
strokeLinecap: "round",
|
|
9630
|
+
strokeLinejoin: "round"
|
|
9631
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
9632
|
+
d: "M74 26L80 26",
|
|
9633
|
+
stroke: "black",
|
|
9634
|
+
strokeWidth: "3",
|
|
9635
|
+
strokeLinecap: "round",
|
|
9636
|
+
strokeLinejoin: "round"
|
|
9637
|
+
}), /*#__PURE__*/React__default.createElement("circle", {
|
|
9638
|
+
cx: "24.5",
|
|
9639
|
+
cy: "26.5",
|
|
9640
|
+
r: "6.5",
|
|
9641
|
+
stroke: "black",
|
|
9642
|
+
strokeWidth: "3"
|
|
9643
|
+
}));
|
|
9644
|
+
}
|
|
9645
|
+
function humanFileSize(bytes, si, dp) {
|
|
9646
|
+
if (si === void 0) {
|
|
9647
|
+
si = false;
|
|
9648
|
+
}
|
|
9649
|
+
if (dp === void 0) {
|
|
9650
|
+
dp = 1;
|
|
9651
|
+
}
|
|
9652
|
+
var thresh = si ? 1000 : 1024;
|
|
9653
|
+
if (Math.abs(bytes) < thresh) {
|
|
9654
|
+
return bytes + ' B';
|
|
9655
|
+
}
|
|
9656
|
+
var units = si ? ['kB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'] : ['KiB', 'MiB', 'GiB', 'TiB', 'PiB', 'EiB', 'ZiB', 'YiB'];
|
|
9657
|
+
var u = -1;
|
|
9658
|
+
var r = Math.pow(10, dp);
|
|
9659
|
+
do {
|
|
9660
|
+
bytes /= thresh;
|
|
9661
|
+
++u;
|
|
9662
|
+
} while (Math.round(Math.abs(bytes) * r) / r >= thresh && u < units.length - 1);
|
|
9663
|
+
return bytes.toFixed(dp) + ' ' + units[u];
|
|
9664
|
+
}
|
|
9665
|
+
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;
|
|
9666
|
+
|
|
9073
9667
|
var IdCaptureWizard = function IdCaptureWizard(_a) {
|
|
9074
9668
|
var _b, _c, _d, _e, _f, _g;
|
|
9075
9669
|
var onSuccess = _a.onSuccess,
|
|
@@ -9109,42 +9703,44 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
|
|
|
9109
9703
|
enableOverrideWrongDocumentTypeDialog = _w === void 0 ? false : _w,
|
|
9110
9704
|
_x = _a.allowOverrideWrongDocumentTypeAfterMs,
|
|
9111
9705
|
allowOverrideWrongDocumentTypeAfterMs = _x === void 0 ? 8000 : _x,
|
|
9112
|
-
_y = _a.
|
|
9113
|
-
|
|
9114
|
-
_z = _a.
|
|
9115
|
-
|
|
9116
|
-
_0 = _a.
|
|
9117
|
-
|
|
9118
|
-
_1 = _a.
|
|
9119
|
-
|
|
9120
|
-
_2 = _a.
|
|
9121
|
-
|
|
9122
|
-
_3 = _a.
|
|
9123
|
-
|
|
9124
|
-
|
|
9125
|
-
|
|
9126
|
-
|
|
9127
|
-
|
|
9128
|
-
|
|
9129
|
-
|
|
9130
|
-
|
|
9131
|
-
|
|
9132
|
-
|
|
9133
|
-
|
|
9134
|
-
|
|
9135
|
-
|
|
9136
|
-
|
|
9137
|
-
|
|
9138
|
-
|
|
9139
|
-
|
|
9140
|
-
|
|
9141
|
-
|
|
9142
|
-
|
|
9143
|
-
|
|
9144
|
-
|
|
9145
|
-
|
|
9146
|
-
|
|
9147
|
-
|
|
9706
|
+
_y = _a.allowUploadingDocumentsFromStorage,
|
|
9707
|
+
allowUploadingDocumentsFromStorage = _y === void 0 ? false : _y,
|
|
9708
|
+
_z = _a.guideImages,
|
|
9709
|
+
guideImages = _z === void 0 ? defaultIdCaptureGuideImages : _z,
|
|
9710
|
+
_0 = _a.assets,
|
|
9711
|
+
assets = _0 === void 0 ? {} : _0,
|
|
9712
|
+
_1 = _a.classNames,
|
|
9713
|
+
classNames = _1 === void 0 ? {} : _1,
|
|
9714
|
+
_2 = _a.colors,
|
|
9715
|
+
colors = _2 === void 0 ? {} : _2,
|
|
9716
|
+
_3 = _a.verbiage,
|
|
9717
|
+
verbiage = _3 === void 0 ? {} : _3,
|
|
9718
|
+
_4 = _a.debugMode,
|
|
9719
|
+
debugMode = _4 === void 0 ? false : _4;
|
|
9720
|
+
var _5 = useIdCaptureState(),
|
|
9721
|
+
state = _5[0],
|
|
9722
|
+
dispatch = _5[1];
|
|
9723
|
+
var _6 = useCameraStore(),
|
|
9724
|
+
cameraAccessDenied = _6.cameraAccessDenied,
|
|
9725
|
+
requestCameraAccess = _6.requestCameraAccess,
|
|
9726
|
+
releaseCameraAccess = _6.releaseCameraAccess;
|
|
9727
|
+
var _7 = useState(false),
|
|
9728
|
+
overlayDismissed = _7[0],
|
|
9729
|
+
setOverlayDismissed = _7[1];
|
|
9730
|
+
var _8 = useContext(SubmissionContext),
|
|
9731
|
+
submissionStatus = _8.submissionStatus,
|
|
9732
|
+
setIdFrontImage = _8.setIdFrontImage,
|
|
9733
|
+
setIdBackImage = _8.setIdBackImage,
|
|
9734
|
+
setPassportImage = _8.setPassportImage,
|
|
9735
|
+
logIdFrontCaptureAttempt = _8.logIdFrontCaptureAttempt,
|
|
9736
|
+
logIdBackCaptureAttempt = _8.logIdBackCaptureAttempt;
|
|
9737
|
+
var _9 = useContext(IdCaptureModelsContext),
|
|
9738
|
+
start = _9.start,
|
|
9739
|
+
stop = _9.stop,
|
|
9740
|
+
onPredictionMade = _9.onPredictionMade,
|
|
9741
|
+
setRequiredDocumentType = _9.setRequiredDocumentType,
|
|
9742
|
+
modelError = _9.modelError,
|
|
9743
|
+
resetBestFrame = _9.resetBestFrame;
|
|
9148
9744
|
useEffect(function () {
|
|
9149
9745
|
dispatch({
|
|
9150
9746
|
type: 'configureWizard',
|
|
@@ -9154,10 +9750,11 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
|
|
|
9154
9750
|
allowSinglePageIdCapture: allowSinglePageIdCapture,
|
|
9155
9751
|
allowIdCardBackToFrontCapture: allowIdCardBackToFrontCapture,
|
|
9156
9752
|
enableOverrideWrongDocumentTypeDialog: enableOverrideWrongDocumentTypeDialog,
|
|
9157
|
-
allowOverrideWrongDocumentTypeAfterMs: allowOverrideWrongDocumentTypeAfterMs
|
|
9753
|
+
allowOverrideWrongDocumentTypeAfterMs: allowOverrideWrongDocumentTypeAfterMs,
|
|
9754
|
+
allowUploadingDocumentsFromStorage: allowUploadingDocumentsFromStorage
|
|
9158
9755
|
}
|
|
9159
9756
|
});
|
|
9160
|
-
}, [allowIdCardBackToFrontCapture, allowOverrideWrongDocumentTypeAfterMs, allowSinglePageIdCapture, captureRequirement, dispatch, enableOverrideWrongDocumentTypeDialog, precapturedDocuments]);
|
|
9757
|
+
}, [allowIdCardBackToFrontCapture, allowOverrideWrongDocumentTypeAfterMs, allowSinglePageIdCapture, allowUploadingDocumentsFromStorage, captureRequirement, dispatch, enableOverrideWrongDocumentTypeDialog, precapturedDocuments]);
|
|
9161
9758
|
var documentCount = Object.keys(state.capturedDocuments).length;
|
|
9162
9759
|
useEffect(function () {
|
|
9163
9760
|
if (documentCount) resetBestFrame();
|
|
@@ -9244,9 +9841,9 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
|
|
|
9244
9841
|
type: 'resetWizard'
|
|
9245
9842
|
});
|
|
9246
9843
|
}, [dispatch]);
|
|
9247
|
-
var
|
|
9248
|
-
attempt =
|
|
9249
|
-
setAttempt =
|
|
9844
|
+
var _10 = useState(0),
|
|
9845
|
+
attempt = _10[0],
|
|
9846
|
+
setAttempt = _10[1];
|
|
9250
9847
|
var onExit = useCallback(function () {
|
|
9251
9848
|
releaseCameraAccess();
|
|
9252
9849
|
setOverlayDismissed(false);
|
|
@@ -9337,9 +9934,9 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
|
|
|
9337
9934
|
});
|
|
9338
9935
|
});
|
|
9339
9936
|
}, [dispatch]);
|
|
9340
|
-
var
|
|
9341
|
-
progressStarted =
|
|
9342
|
-
setProgressStarted =
|
|
9937
|
+
var _11 = useState(false),
|
|
9938
|
+
progressStarted = _11[0],
|
|
9939
|
+
setProgressStarted = _11[1];
|
|
9343
9940
|
useEffect(function () {
|
|
9344
9941
|
if (state.captureState === 'capturing') {
|
|
9345
9942
|
setProgressStarted(false);
|
|
@@ -9361,6 +9958,12 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
|
|
|
9361
9958
|
silentFallback: silentFallback
|
|
9362
9959
|
});
|
|
9363
9960
|
}
|
|
9961
|
+
if (allowUploadingDocumentsFromStorage && ['initializing', 'uploading'].includes(state.captureState)) {
|
|
9962
|
+
return /*#__PURE__*/React__default.createElement(IdCaptureOrUploadScreen, {
|
|
9963
|
+
classNames: classNames.uploadOrCaptureScreen,
|
|
9964
|
+
verbiage: verbiage.uploadOrCaptureScreen
|
|
9965
|
+
});
|
|
9966
|
+
}
|
|
9364
9967
|
var requestedAction = state.captureState === 'requestingFlip' ? 'FLIP_ID' : state.requestedDocumentType === 'idCardBack' ? 'SHOW_ID_BACK' : state.requestedDocumentType === 'passport' ? 'SHOW_PASSPORT' : 'SHOW_ID_FRONT';
|
|
9365
9968
|
var guidesStatus = !overlayDismissed ? 'disabled' : state.isGoodFrame ? 'capturing' : 'ready';
|
|
9366
9969
|
return /*#__PURE__*/React__default.createElement(PageContainer, {
|
|
@@ -13879,7 +14482,7 @@ function CompositeWizard(_a) {
|
|
|
13879
14482
|
return /*#__PURE__*/React__default.createElement(CameraStoreProvider, {
|
|
13880
14483
|
onCameraAccessDenied: onCameraAccessDenied,
|
|
13881
14484
|
onMicrophoneAccessDenied: onMicrophoneAccessDenied,
|
|
13882
|
-
requestAccessAutomatically: !(idCaptureProps === null || idCaptureProps === void 0 ? void 0 : idCaptureProps.forceFallbackMode)
|
|
14485
|
+
requestAccessAutomatically: !(idCaptureProps === null || idCaptureProps === void 0 ? void 0 : idCaptureProps.forceFallbackMode) && !(idCaptureProps === null || idCaptureProps === void 0 ? void 0 : idCaptureProps.allowUploadingDocumentsFromStorage)
|
|
13883
14486
|
}, /*#__PURE__*/React__default.createElement(IdCaptureModelsProvider, {
|
|
13884
14487
|
autoStart: false,
|
|
13885
14488
|
shouldLoadModels: !(idCaptureProps === null || idCaptureProps === void 0 ? void 0 : idCaptureProps.forceFallbackMode),
|
|
@@ -14087,7 +14690,8 @@ var defaultTheme = {
|
|
|
14087
14690
|
imagePadding: 50,
|
|
14088
14691
|
wavesDisabled: false,
|
|
14089
14692
|
wavesColor: '#287ec6',
|
|
14090
|
-
progressBarColor: '#287ec6'
|
|
14693
|
+
progressBarColor: '#287ec6',
|
|
14694
|
+
progressBarWidth: '2.5%'
|
|
14091
14695
|
}
|
|
14092
14696
|
},
|
|
14093
14697
|
selfieCapture: {
|
|
@@ -14238,6 +14842,8 @@ var IdValidation = function IdValidation(_a) {
|
|
|
14238
14842
|
enableOverrideWrongDocumentTypeDialog = _r === void 0 ? false : _r,
|
|
14239
14843
|
_s = _a.allowOverrideWrongDocumentTypeAfterMs,
|
|
14240
14844
|
allowOverrideWrongDocumentTypeAfterMs = _s === void 0 ? 8000 : _s,
|
|
14845
|
+
_t = _a.allowUploadingDocumentsFromStorage,
|
|
14846
|
+
allowUploadingDocumentsFromStorage = _t === void 0 ? false : _t,
|
|
14241
14847
|
onBeforeSubmit = _a.onBeforeSubmit,
|
|
14242
14848
|
onBeforeDocumentUpload = _a.onBeforeDocumentUpload,
|
|
14243
14849
|
onDocumentUploadProgress = _a.onDocumentUploadProgress,
|
|
@@ -14251,28 +14857,28 @@ var IdValidation = function IdValidation(_a) {
|
|
|
14251
14857
|
onUserCancel = _a.onUserCancel,
|
|
14252
14858
|
onModelError = _a.onModelError,
|
|
14253
14859
|
onCameraAccessDenied = _a.onCameraAccessDenied,
|
|
14254
|
-
|
|
14255
|
-
theme =
|
|
14256
|
-
|
|
14257
|
-
assets =
|
|
14258
|
-
|
|
14259
|
-
classNames =
|
|
14260
|
-
|
|
14261
|
-
colors =
|
|
14262
|
-
|
|
14263
|
-
verbiage =
|
|
14264
|
-
|
|
14265
|
-
captureSignature =
|
|
14266
|
-
|
|
14267
|
-
captureSignatureVideo =
|
|
14268
|
-
|
|
14269
|
-
captureAdditionalDocuments =
|
|
14270
|
-
|
|
14271
|
-
geolocationEnabled =
|
|
14272
|
-
|
|
14273
|
-
geolocationRequired =
|
|
14274
|
-
|
|
14275
|
-
debugMode =
|
|
14860
|
+
_u = _a.theme,
|
|
14861
|
+
theme = _u === void 0 ? 'default' : _u,
|
|
14862
|
+
_v = _a.assets,
|
|
14863
|
+
assets = _v === void 0 ? {} : _v,
|
|
14864
|
+
_w = _a.classNames,
|
|
14865
|
+
classNames = _w === void 0 ? {} : _w,
|
|
14866
|
+
_x = _a.colors,
|
|
14867
|
+
colors = _x === void 0 ? {} : _x,
|
|
14868
|
+
_y = _a.verbiage,
|
|
14869
|
+
verbiage = _y === void 0 ? {} : _y,
|
|
14870
|
+
_z = _a.captureSignature,
|
|
14871
|
+
captureSignature = _z === void 0 ? false : _z,
|
|
14872
|
+
_0 = _a.captureSignatureVideo,
|
|
14873
|
+
captureSignatureVideo = _0 === void 0 ? false : _0,
|
|
14874
|
+
_1 = _a.captureAdditionalDocuments,
|
|
14875
|
+
captureAdditionalDocuments = _1 === void 0 ? [] : _1,
|
|
14876
|
+
_2 = _a.geolocationEnabled,
|
|
14877
|
+
geolocationEnabled = _2 === void 0 ? true : _2,
|
|
14878
|
+
_3 = _a.geolocationRequired,
|
|
14879
|
+
geolocationRequired = _3 === void 0 ? false : _3,
|
|
14880
|
+
_4 = _a.debugMode,
|
|
14881
|
+
debugMode = _4 === void 0 ? false : _4;
|
|
14276
14882
|
useLanguage(lang);
|
|
14277
14883
|
useDebugLogging(debugMode);
|
|
14278
14884
|
var idCaptureProps = useMemo(function () {
|
|
@@ -14291,6 +14897,7 @@ var IdValidation = function IdValidation(_a) {
|
|
|
14291
14897
|
onLoadingOverlayDismissed: onLoadingOverlayDismissed,
|
|
14292
14898
|
forceFallbackMode: forceFallbackMode,
|
|
14293
14899
|
allowIdCardBackToFrontCapture: allowIdCardBackToFrontCapture,
|
|
14900
|
+
allowUploadingDocumentsFromStorage: allowUploadingDocumentsFromStorage,
|
|
14294
14901
|
instructions: instructions,
|
|
14295
14902
|
guideType: guideType,
|
|
14296
14903
|
guideImages: guideImages,
|
|
@@ -14305,7 +14912,7 @@ var IdValidation = function IdValidation(_a) {
|
|
|
14305
14912
|
verbiage: verbiage,
|
|
14306
14913
|
debugMode: debugMode
|
|
14307
14914
|
};
|
|
14308
|
-
}, [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]);
|
|
14915
|
+
}, [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]);
|
|
14309
14916
|
var additionalDocumentCaptureProps = useMemo(function () {
|
|
14310
14917
|
return {
|
|
14311
14918
|
documents: captureAdditionalDocuments,
|
|
@@ -14567,14 +15174,16 @@ var IdAndFaceValidation = function IdAndFaceValidation(_a) {
|
|
|
14567
15174
|
idCaptureModelLoadTimeoutMs = _p === void 0 ? defaultDocumentDetectionModelLoadTimeoutMs : _p,
|
|
14568
15175
|
_q = _a.idCaptureForceFallbackMode,
|
|
14569
15176
|
idCaptureForceFallbackMode = _q === void 0 ? false : _q,
|
|
14570
|
-
_r = _a.
|
|
14571
|
-
|
|
14572
|
-
_s = _a.
|
|
14573
|
-
|
|
14574
|
-
_t = _a.
|
|
14575
|
-
|
|
14576
|
-
_u = _a.
|
|
14577
|
-
|
|
15177
|
+
_r = _a.idCaptureAllowUploadingDocumentsFromStorage,
|
|
15178
|
+
idCaptureAllowUploadingDocumentsFromStorage = _r === void 0 ? false : _r,
|
|
15179
|
+
_s = _a.selfieCaptureModelLoadTimeoutMs,
|
|
15180
|
+
selfieCaptureModelLoadTimeoutMs = _s === void 0 ? defaultSelfieCaptureModelLoadTimeoutMs : _s,
|
|
15181
|
+
_t = _a.allowIdCardBackToFrontCapture,
|
|
15182
|
+
allowIdCardBackToFrontCapture = _t === void 0 ? false : _t,
|
|
15183
|
+
_u = _a.enableOverrideWrongDocumentTypeDialog,
|
|
15184
|
+
enableOverrideWrongDocumentTypeDialog = _u === void 0 ? false : _u,
|
|
15185
|
+
_v = _a.allowOverrideWrongDocumentTypeAfterMs,
|
|
15186
|
+
allowOverrideWrongDocumentTypeAfterMs = _v === void 0 ? 8000 : _v,
|
|
14578
15187
|
onBeforeDocumentUpload = _a.onBeforeDocumentUpload,
|
|
14579
15188
|
onDocumentUploaded = _a.onDocumentUploaded,
|
|
14580
15189
|
onDocumentUploadProgress = _a.onDocumentUploadProgress,
|
|
@@ -14591,28 +15200,28 @@ var IdAndFaceValidation = function IdAndFaceValidation(_a) {
|
|
|
14591
15200
|
onIdCaptureModelError = _a.onIdCaptureModelError,
|
|
14592
15201
|
onSelfieCaptureModelError = _a.onSelfieCaptureModelError,
|
|
14593
15202
|
onCameraAccessDenied = _a.onCameraAccessDenied,
|
|
14594
|
-
|
|
14595
|
-
captureSignature =
|
|
14596
|
-
|
|
14597
|
-
captureSignatureVideo =
|
|
14598
|
-
|
|
14599
|
-
captureAdditionalDocuments =
|
|
14600
|
-
|
|
14601
|
-
theme =
|
|
14602
|
-
|
|
14603
|
-
assets =
|
|
14604
|
-
|
|
14605
|
-
classNames =
|
|
14606
|
-
|
|
14607
|
-
colors =
|
|
14608
|
-
|
|
14609
|
-
verbiage =
|
|
14610
|
-
|
|
14611
|
-
geolocationEnabled =
|
|
14612
|
-
|
|
14613
|
-
geolocationRequired =
|
|
14614
|
-
|
|
14615
|
-
debugMode =
|
|
15203
|
+
_w = _a.captureSignature,
|
|
15204
|
+
captureSignature = _w === void 0 ? false : _w,
|
|
15205
|
+
_x = _a.captureSignatureVideo,
|
|
15206
|
+
captureSignatureVideo = _x === void 0 ? false : _x,
|
|
15207
|
+
_y = _a.captureAdditionalDocuments,
|
|
15208
|
+
captureAdditionalDocuments = _y === void 0 ? [] : _y,
|
|
15209
|
+
_z = _a.theme,
|
|
15210
|
+
theme = _z === void 0 ? 'default' : _z,
|
|
15211
|
+
_0 = _a.assets,
|
|
15212
|
+
assets = _0 === void 0 ? {} : _0,
|
|
15213
|
+
_1 = _a.classNames,
|
|
15214
|
+
classNames = _1 === void 0 ? {} : _1,
|
|
15215
|
+
_2 = _a.colors,
|
|
15216
|
+
colors = _2 === void 0 ? {} : _2,
|
|
15217
|
+
_3 = _a.verbiage,
|
|
15218
|
+
verbiage = _3 === void 0 ? {} : _3,
|
|
15219
|
+
_4 = _a.geolocationEnabled,
|
|
15220
|
+
geolocationEnabled = _4 === void 0 ? true : _4,
|
|
15221
|
+
_5 = _a.geolocationRequired,
|
|
15222
|
+
geolocationRequired = _5 === void 0 ? false : _5,
|
|
15223
|
+
_6 = _a.debugMode,
|
|
15224
|
+
debugMode = _6 === void 0 ? false : _6;
|
|
14616
15225
|
useLanguage(lang);
|
|
14617
15226
|
useDebugLogging(debugMode);
|
|
14618
15227
|
var idCaptureProps = useMemo(function () {
|
|
@@ -14636,13 +15245,14 @@ var IdAndFaceValidation = function IdAndFaceValidation(_a) {
|
|
|
14636
15245
|
rotateLoadingOverlayImageWhenPortrait: idCaptureRotateLoadingOverlayImageWhenPortrait,
|
|
14637
15246
|
modelLoadTimeoutMs: idCaptureModelLoadTimeoutMs,
|
|
14638
15247
|
allowIdCardBackToFrontCapture: allowIdCardBackToFrontCapture,
|
|
15248
|
+
allowUploadingDocumentsFromStorage: idCaptureAllowUploadingDocumentsFromStorage,
|
|
14639
15249
|
enableOverrideWrongDocumentTypeDialog: enableOverrideWrongDocumentTypeDialog,
|
|
14640
15250
|
allowOverrideWrongDocumentTypeAfterMs: allowOverrideWrongDocumentTypeAfterMs,
|
|
14641
15251
|
forceFallbackMode: idCaptureForceFallbackMode,
|
|
14642
15252
|
skipSuccessScreen: skipSuccessScreen,
|
|
14643
15253
|
debugMode: debugMode
|
|
14644
15254
|
};
|
|
14645
|
-
}, [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]);
|
|
15255
|
+
}, [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]);
|
|
14646
15256
|
var faceLivenessProps = useMemo(function () {
|
|
14647
15257
|
return {
|
|
14648
15258
|
loadingOverlayMode: faceLivenessLoadingOverlayMode,
|