idmission-web-sdk 2.2.85 → 2.2.87
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/CompositeWizard.d.ts.map +1 -1
- package/dist/components/customer_flows/IdAndFaceValidation.d.ts +2 -0
- package/dist/components/customer_flows/IdAndFaceValidation.d.ts.map +1 -1
- package/dist/components/customer_flows/IdValidation.d.ts +2 -0
- package/dist/components/customer_flows/IdValidation.d.ts.map +1 -1
- package/dist/components/id_capture/IdCaptureOrUploadScreen.d.ts +75 -0
- package/dist/components/id_capture/IdCaptureOrUploadScreen.d.ts.map +1 -0
- package/dist/components/id_capture/IdCaptureStateProvider.d.ts +10 -1
- package/dist/components/id_capture/IdCaptureStateProvider.d.ts.map +1 -1
- package/dist/components/id_capture/IdCaptureWizard.d.ts +5 -1
- package/dist/components/id_capture/IdCaptureWizard.d.ts.map +1 -1
- package/dist/components/submission/SubmissionProvider.d.ts.map +1 -1
- package/dist/sdk2.cjs.development.js +835 -226
- package/dist/sdk2.cjs.development.js.map +1 -1
- package/dist/sdk2.cjs.production.js +1 -1
- package/dist/sdk2.cjs.production.js.map +1 -1
- package/dist/sdk2.esm.js +835 -226
- package/dist/sdk2.esm.js.map +1 -1
- package/dist/sdk2.umd.development.js +835 -226
- package/dist/sdk2.umd.development.js.map +1 -1
- package/dist/sdk2.umd.production.js +1 -1
- package/dist/sdk2.umd.production.js.map +1 -1
- package/dist/version.d.ts +1 -1
- package/package.json +1 -1
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.87';
|
|
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,10 +7289,10 @@ 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;' : '';
|
|
@@ -7415,16 +7435,16 @@ function IdCardBorderSvg(_a) {
|
|
|
7415
7435
|
className: isProgressBar ? "idmSdkProgressBorder ".concat(progressPaused ? 'idmSdkProgressPaused' : '') : ''
|
|
7416
7436
|
}));
|
|
7417
7437
|
}
|
|
7418
|
-
var IdCardBorderContainer = styled.div(templateObject_3$
|
|
7419
|
-
var SvgOverlay = styled.svg(templateObject_4$
|
|
7420
|
-
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) {
|
|
7421
7441
|
var _a;
|
|
7422
7442
|
return (_a = props.$speed) !== null && _a !== void 0 ? _a : '3s';
|
|
7423
7443
|
}, function (props) {
|
|
7424
7444
|
var _a;
|
|
7425
7445
|
return (_a = props.$fillMode) !== null && _a !== void 0 ? _a : 'forwards';
|
|
7426
7446
|
});
|
|
7427
|
-
var templateObject_1$
|
|
7447
|
+
var templateObject_1$v, templateObject_2$q, templateObject_3$k, templateObject_4$e, templateObject_5$9;
|
|
7428
7448
|
|
|
7429
7449
|
var defaultIdCaptureGuideImages = {
|
|
7430
7450
|
portrait: {
|
|
@@ -7600,12 +7620,12 @@ var IdVideoCaptureFlipIdPrompt = function IdVideoCaptureFlipIdPrompt(_a) {
|
|
|
7600
7620
|
style: imageStyle
|
|
7601
7621
|
})));
|
|
7602
7622
|
};
|
|
7603
|
-
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) {
|
|
7604
7624
|
return props.$transitionTime;
|
|
7605
7625
|
}, function (props) {
|
|
7606
7626
|
return props.$transforms;
|
|
7607
7627
|
});
|
|
7608
|
-
var templateObject_1$
|
|
7628
|
+
var templateObject_1$u;
|
|
7609
7629
|
|
|
7610
7630
|
var GuideOrientationContext = /*#__PURE__*/createContext({
|
|
7611
7631
|
orientation: 'landscape',
|
|
@@ -7894,10 +7914,10 @@ var regionClsx = function regionClsx(classNames, which) {
|
|
|
7894
7914
|
return v;
|
|
7895
7915
|
}).join(' ');
|
|
7896
7916
|
};
|
|
7897
|
-
var StyledPageContainer = styled(PageContainerDiv)(templateObject_1$
|
|
7898
|
-
var GuidesContainer = styled.div(templateObject_2$
|
|
7899
|
-
var GuideCenterRow = styled.div(templateObject_3$
|
|
7900
|
-
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) {
|
|
7901
7921
|
var _a, _b, _c, _d, _e;
|
|
7902
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)';
|
|
7903
7923
|
}, function (props) {
|
|
@@ -7908,21 +7928,21 @@ var GuideRegion = styled.div(templateObject_4$c || (templateObject_4$c = __makeT
|
|
|
7908
7928
|
}, function (props) {
|
|
7909
7929
|
return props.$minHeight ? "min-height: ".concat(props.$minHeight, "px;") : "";
|
|
7910
7930
|
});
|
|
7911
|
-
var Spacer = styled(GuideRegion)(templateObject_5$
|
|
7912
|
-
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) {
|
|
7913
7933
|
return props.$minWidth ? "min-width: ".concat(props.$minWidth, "px;") : "";
|
|
7914
7934
|
}, function (props) {
|
|
7915
7935
|
return props.$isMirrored ? 'transform: scaleX(-1);' : '';
|
|
7916
7936
|
});
|
|
7917
|
-
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) {
|
|
7918
7938
|
var _a, _b;
|
|
7919
7939
|
return "".concat((_a = props.$borderWidth) !== null && _a !== void 0 ? _a : 4, "px solid ").concat((_b = props.$borderColor) !== null && _b !== void 0 ? _b : 'white');
|
|
7920
7940
|
}, function (props) {
|
|
7921
7941
|
return props.$padding ? "padding: ".concat(props.$padding, "px;") : '';
|
|
7922
7942
|
});
|
|
7923
|
-
var GuideText = styled.span(templateObject_8$
|
|
7924
|
-
var GuideCenterInner = styled.div(templateObject_9$
|
|
7925
|
-
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;
|
|
7926
7946
|
|
|
7927
7947
|
var IdCaptureFitGuide = function IdCaptureFitGuide(_a) {
|
|
7928
7948
|
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
|
|
@@ -8065,11 +8085,11 @@ var IdCaptureFitGuide = function IdCaptureFitGuide(_a) {
|
|
|
8065
8085
|
progress: progress
|
|
8066
8086
|
}));
|
|
8067
8087
|
};
|
|
8068
|
-
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) {
|
|
8069
8089
|
return props.$maskColor;
|
|
8070
8090
|
});
|
|
8071
|
-
var Canvas$1 = styled.canvas(templateObject_2$
|
|
8072
|
-
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;
|
|
8073
8093
|
|
|
8074
8094
|
function IdCaptureGuides(_a) {
|
|
8075
8095
|
var _b = _a.guideType,
|
|
@@ -8210,11 +8230,11 @@ var SelfieProgressPreview = function SelfieProgressPreview(_a) {
|
|
|
8210
8230
|
onError: onError
|
|
8211
8231
|
})));
|
|
8212
8232
|
};
|
|
8213
|
-
var StyledSpinner = styled(Spinner)(templateObject_1$
|
|
8214
|
-
var ImagePreviewWrapper = styled.div(templateObject_2$
|
|
8215
|
-
var ImagePreviewText = styled.div(templateObject_3$
|
|
8216
|
-
var ImagePreviewImageWrapper = styled.div(templateObject_4$
|
|
8217
|
-
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;
|
|
8218
8238
|
|
|
8219
8239
|
var documentCaptureInitialState = {
|
|
8220
8240
|
documents: [],
|
|
@@ -8570,16 +8590,16 @@ var DocumentCaptureGuideOverlay = function DocumentCaptureGuideOverlay(_a) {
|
|
|
8570
8590
|
ref: canvasRef
|
|
8571
8591
|
}));
|
|
8572
8592
|
};
|
|
8573
|
-
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) {
|
|
8574
8594
|
return props.$maskColor;
|
|
8575
8595
|
});
|
|
8576
|
-
var Canvas = styled.canvas(templateObject_2$
|
|
8577
|
-
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;
|
|
8578
8598
|
|
|
8579
|
-
var CameraFeedWrapper = styled.div(templateObject_1$
|
|
8599
|
+
var CameraFeedWrapper = styled.div(templateObject_1$p || (templateObject_1$p = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
8580
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;") : "";
|
|
8581
8601
|
});
|
|
8582
|
-
var templateObject_1$
|
|
8602
|
+
var templateObject_1$p;
|
|
8583
8603
|
|
|
8584
8604
|
var CameraVideoTag = function CameraVideoTag(props) {
|
|
8585
8605
|
var _a = useCameraStore(useShallow(function (store) {
|
|
@@ -8610,10 +8630,10 @@ var CameraVideoTag = function CameraVideoTag(props) {
|
|
|
8610
8630
|
"$isRearFacing": isRearFacing
|
|
8611
8631
|
}, props));
|
|
8612
8632
|
};
|
|
8613
|
-
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) {
|
|
8614
8634
|
return props.$isRearFacing ? '' : 'scaleX(-1)';
|
|
8615
8635
|
});
|
|
8616
|
-
var templateObject_1$
|
|
8636
|
+
var templateObject_1$o;
|
|
8617
8637
|
|
|
8618
8638
|
var DocumentCaptureScreen = function DocumentCaptureScreen(_a) {
|
|
8619
8639
|
var _b, _c, _d, _e, _f;
|
|
@@ -8763,21 +8783,21 @@ var DocumentCaptureScreen = function DocumentCaptureScreen(_a) {
|
|
|
8763
8783
|
disabled: !cameraReady || capturing
|
|
8764
8784
|
}, !cameraReady ? verbiage.loadingBtnText : capturing ? verbiage.capturingBtnText : verbiage.captureBtnText))))));
|
|
8765
8785
|
};
|
|
8766
|
-
var CaptureContainer = styled.div(templateObject_1$
|
|
8767
|
-
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) {
|
|
8768
8788
|
return props.$maskColor;
|
|
8769
8789
|
});
|
|
8770
|
-
var Heading$9 = styled.h1(templateObject_3$
|
|
8771
|
-
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) {
|
|
8772
8792
|
return props.$maskColor;
|
|
8773
8793
|
});
|
|
8774
|
-
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) {
|
|
8775
8795
|
var _a, _b, _c;
|
|
8776
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';
|
|
8777
8797
|
});
|
|
8778
|
-
var StyledButtonsRow$9 = styled(ButtonsRow)(templateObject_6$
|
|
8779
|
-
var PreviewImage = styled.img(templateObject_7$
|
|
8780
|
-
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;
|
|
8781
8801
|
|
|
8782
8802
|
var DocumentCaptureWizard = function DocumentCaptureWizard(_a) {
|
|
8783
8803
|
var onSuccess = _a.onSuccess,
|
|
@@ -9046,13 +9066,13 @@ var IdCaptureFallback = function IdCaptureFallback(_a) {
|
|
|
9046
9066
|
}
|
|
9047
9067
|
}, verbiage.doneBtnText))))));
|
|
9048
9068
|
};
|
|
9049
|
-
var StyledOverlayInner$2 = styled(OverlayInner$2)(templateObject_1$
|
|
9050
|
-
var Heading$8 = styled.h3(templateObject_2$
|
|
9051
|
-
var Description$3 = styled.p(templateObject_3$
|
|
9052
|
-
var Instruction = styled.p(templateObject_4$
|
|
9053
|
-
var ImageCol = styled.div(templateObject_5$
|
|
9054
|
-
var StyledButtonsRow$8 = styled(ButtonsRow)(templateObject_6$
|
|
9055
|
-
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;
|
|
9056
9076
|
|
|
9057
9077
|
function ScalingCameraFeed() {
|
|
9058
9078
|
var _a = useContext(IdCaptureStateContext),
|
|
@@ -9071,6 +9091,580 @@ function ScalingCameraFeed() {
|
|
|
9071
9091
|
}, /*#__PURE__*/React__default.createElement(CameraVideoTag, null));
|
|
9072
9092
|
}
|
|
9073
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
|
+
if (state.captureRequirement === 'idCardOrPassport') {
|
|
9163
|
+
setSelectIdTypeModalOpen(true);
|
|
9164
|
+
} else if (state.captureRequirement === 'passport') {
|
|
9165
|
+
dispatch({
|
|
9166
|
+
type: 'setUploadingDocumentsType',
|
|
9167
|
+
payload: 'passport'
|
|
9168
|
+
});
|
|
9169
|
+
} else {
|
|
9170
|
+
dispatch({
|
|
9171
|
+
type: 'setUploadingDocumentsType',
|
|
9172
|
+
payload: 'idCard'
|
|
9173
|
+
});
|
|
9174
|
+
}
|
|
9175
|
+
}
|
|
9176
|
+
}, verbiage.uploadFromStorageText, /*#__PURE__*/React__default.createElement(ArrowIcon, null)))), selectIdTypeModalOpen && ( /*#__PURE__*/React__default.createElement(Modal, {
|
|
9177
|
+
className: classNames.selectIdTypeModal
|
|
9178
|
+
}, /*#__PURE__*/React__default.createElement(Dialog, {
|
|
9179
|
+
className: classNames.selectIdTypeDialog
|
|
9180
|
+
}, /*#__PURE__*/React__default.createElement(ScreenPanel, {
|
|
9181
|
+
className: classNames.selectPassportTypePanel
|
|
9182
|
+
}, /*#__PURE__*/React__default.createElement(ScreenPanelHeading, {
|
|
9183
|
+
className: classNames.selectIdTypeHeading
|
|
9184
|
+
}, verbiage.selectIdTypeText), /*#__PURE__*/React__default.createElement(PassportIcon, {
|
|
9185
|
+
className: classNames.selectPassportTypeIcon
|
|
9186
|
+
}), /*#__PURE__*/React__default.createElement(Button, {
|
|
9187
|
+
className: classNames.selectPassportTypeButton,
|
|
9188
|
+
colors: buttonColors,
|
|
9189
|
+
onClick: function onClick() {
|
|
9190
|
+
return dispatch({
|
|
9191
|
+
type: 'setUploadingDocumentsType',
|
|
9192
|
+
payload: 'passport'
|
|
9193
|
+
});
|
|
9194
|
+
}
|
|
9195
|
+
}, verbiage.passportText, /*#__PURE__*/React__default.createElement(ArrowIcon, null))), /*#__PURE__*/React__default.createElement(ScreenPanel, {
|
|
9196
|
+
className: classNames.selectIdCardTypePanel,
|
|
9197
|
+
style: {
|
|
9198
|
+
background: 'white',
|
|
9199
|
+
padding: '80px 0'
|
|
9200
|
+
}
|
|
9201
|
+
}, /*#__PURE__*/React__default.createElement(IdDocumentIcon, {
|
|
9202
|
+
className: classNames.selectIdCardTypeIcon
|
|
9203
|
+
}), /*#__PURE__*/React__default.createElement(Button, {
|
|
9204
|
+
className: classNames.selectIdCardTypeButton,
|
|
9205
|
+
colors: buttonColors,
|
|
9206
|
+
onClick: function onClick() {
|
|
9207
|
+
return dispatch({
|
|
9208
|
+
type: 'setUploadingDocumentsType',
|
|
9209
|
+
payload: 'idCard'
|
|
9210
|
+
});
|
|
9211
|
+
}
|
|
9212
|
+
}, verbiage.idCardText, /*#__PURE__*/React__default.createElement(ArrowIcon, null)))), /*#__PURE__*/React__default.createElement(ModalCloseButton, {
|
|
9213
|
+
className: classNames.selectIdTypeModalCloseButton,
|
|
9214
|
+
onClick: function onClick() {
|
|
9215
|
+
return setSelectIdTypeModalOpen(false);
|
|
9216
|
+
}
|
|
9217
|
+
}, "\xD7"))));
|
|
9218
|
+
}
|
|
9219
|
+
function PassportUploadScreen(_a) {
|
|
9220
|
+
var _b = _a.classNames,
|
|
9221
|
+
classNames = _b === void 0 ? {} : _b,
|
|
9222
|
+
_c = _a.verbiage,
|
|
9223
|
+
rawVerbiage = _c === void 0 ? {} : _c;
|
|
9224
|
+
var _d = useState(null),
|
|
9225
|
+
file = _d[0],
|
|
9226
|
+
setFile = _d[1];
|
|
9227
|
+
var onCapturedManually = useOnCapturedManually();
|
|
9228
|
+
var verbiage = useTranslations(rawVerbiage, {
|
|
9229
|
+
uploadPassportText: 'Upload Passport',
|
|
9230
|
+
loadingText: 'Loading...',
|
|
9231
|
+
continueText: 'Continue',
|
|
9232
|
+
cancelText: 'Cancel'
|
|
9233
|
+
});
|
|
9234
|
+
return /*#__PURE__*/React__default.createElement(ScreenContainer, {
|
|
9235
|
+
className: classNames.container
|
|
9236
|
+
}, /*#__PURE__*/React__default.createElement(ScreenPanel, {
|
|
9237
|
+
className: classNames.uploadPassportPanel
|
|
9238
|
+
}, /*#__PURE__*/React__default.createElement(UploadIcon, {
|
|
9239
|
+
className: classNames.uploadPassportIcon
|
|
9240
|
+
}), /*#__PURE__*/React__default.createElement(FilePickerButton, {
|
|
9241
|
+
className: classNames.uploadPassportButton,
|
|
9242
|
+
onFileSelected: setFile,
|
|
9243
|
+
loadingText: verbiage.loadingText
|
|
9244
|
+
}, verbiage.uploadPassportText)), /*#__PURE__*/React__default.createElement(ScreenActionsBar, {
|
|
9245
|
+
className: classNames.actionsBar
|
|
9246
|
+
}, /*#__PURE__*/React__default.createElement(CancelUploadTypeButton, {
|
|
9247
|
+
className: classNames.cancelButton
|
|
9248
|
+
}, verbiage.cancelText), /*#__PURE__*/React__default.createElement(Button, {
|
|
9249
|
+
className: classNames.continueButton,
|
|
9250
|
+
disabled: !file,
|
|
9251
|
+
colors: buttonColors,
|
|
9252
|
+
onClick: function onClick() {
|
|
9253
|
+
return onCapturedManually(file);
|
|
9254
|
+
}
|
|
9255
|
+
}, verbiage.continueText)));
|
|
9256
|
+
}
|
|
9257
|
+
function IdDocumentUploadScreen(_a) {
|
|
9258
|
+
var _b = _a.classNames,
|
|
9259
|
+
classNames = _b === void 0 ? {} : _b,
|
|
9260
|
+
_c = _a.verbiage,
|
|
9261
|
+
rawVerbiage = _c === void 0 ? {} : _c;
|
|
9262
|
+
var _d = useState(null),
|
|
9263
|
+
idFrontFile = _d[0],
|
|
9264
|
+
setIdFrontFile = _d[1];
|
|
9265
|
+
var _e = useState(null),
|
|
9266
|
+
idBackFile = _e[0],
|
|
9267
|
+
setIdBackFile = _e[1];
|
|
9268
|
+
var onCapturedManually = useOnCapturedManually();
|
|
9269
|
+
var verbiage = useTranslations(rawVerbiage, {
|
|
9270
|
+
uploadIdFrontText: 'Upload ID Front',
|
|
9271
|
+
uploadIdBackText: 'Upload ID Back',
|
|
9272
|
+
loadingText: 'Loading...',
|
|
9273
|
+
continueText: 'Continue',
|
|
9274
|
+
cancelText: 'Cancel'
|
|
9275
|
+
});
|
|
9276
|
+
return /*#__PURE__*/React__default.createElement(ScreenContainer, {
|
|
9277
|
+
className: classNames.container
|
|
9278
|
+
}, /*#__PURE__*/React__default.createElement(ScreenPanel, {
|
|
9279
|
+
className: classNames.uploadIdFrontPanel
|
|
9280
|
+
}, /*#__PURE__*/React__default.createElement(UploadIcon, {
|
|
9281
|
+
className: classNames.uploadIdFrontIcon
|
|
9282
|
+
}), /*#__PURE__*/React__default.createElement(FilePickerButton, {
|
|
9283
|
+
className: classNames.uploadIdFrontButton,
|
|
9284
|
+
onFileSelected: setIdFrontFile,
|
|
9285
|
+
loadingText: verbiage.loadingText
|
|
9286
|
+
}, verbiage.uploadIdFrontText)), /*#__PURE__*/React__default.createElement(DashedSeparator, {
|
|
9287
|
+
className: classNames.separator
|
|
9288
|
+
}), /*#__PURE__*/React__default.createElement(ScreenPanel, {
|
|
9289
|
+
className: classNames.uploadIdBackPanel
|
|
9290
|
+
}, /*#__PURE__*/React__default.createElement(UploadIcon, {
|
|
9291
|
+
className: classNames.uploadIdBackIcon
|
|
9292
|
+
}), /*#__PURE__*/React__default.createElement(FilePickerButton, {
|
|
9293
|
+
className: classNames.uploadIdBackButton,
|
|
9294
|
+
onFileSelected: setIdBackFile,
|
|
9295
|
+
loadingText: verbiage.loadingText
|
|
9296
|
+
}, verbiage.uploadIdBackText)), /*#__PURE__*/React__default.createElement(ScreenActionsBar, {
|
|
9297
|
+
className: classNames.actionsBar
|
|
9298
|
+
}, /*#__PURE__*/React__default.createElement(CancelUploadTypeButton, {
|
|
9299
|
+
className: classNames.cancelButton
|
|
9300
|
+
}, verbiage.cancelText), /*#__PURE__*/React__default.createElement(Button, {
|
|
9301
|
+
className: classNames.continueButton,
|
|
9302
|
+
disabled: !idFrontFile || !idBackFile,
|
|
9303
|
+
colors: buttonColors,
|
|
9304
|
+
onClick: function onClick() {
|
|
9305
|
+
return onCapturedManually(idFrontFile, idBackFile);
|
|
9306
|
+
}
|
|
9307
|
+
}, verbiage.continueText)));
|
|
9308
|
+
}
|
|
9309
|
+
function CancelUploadTypeButton(_a) {
|
|
9310
|
+
var children = _a.children,
|
|
9311
|
+
className = _a.className;
|
|
9312
|
+
var dispatch = useIdCaptureState()[1];
|
|
9313
|
+
return /*#__PURE__*/React__default.createElement(Button, {
|
|
9314
|
+
className: className,
|
|
9315
|
+
colors: buttonColors,
|
|
9316
|
+
onClick: function onClick() {
|
|
9317
|
+
return dispatch({
|
|
9318
|
+
type: 'setUploadingDocumentsType',
|
|
9319
|
+
payload: null
|
|
9320
|
+
});
|
|
9321
|
+
}
|
|
9322
|
+
}, children);
|
|
9323
|
+
}
|
|
9324
|
+
function useOnCapturedManually() {
|
|
9325
|
+
var dispatch = useIdCaptureState()[1];
|
|
9326
|
+
return useCallback(function () {
|
|
9327
|
+
var files = [];
|
|
9328
|
+
for (var _i = 0; _i < arguments.length; _i++) {
|
|
9329
|
+
files[_i] = arguments[_i];
|
|
9330
|
+
}
|
|
9331
|
+
return Promise.all(files.map(readFile)).then(function (f) {
|
|
9332
|
+
for (var _i = 0, f_1 = f; _i < f_1.length; _i++) {
|
|
9333
|
+
var imageData = f_1[_i];
|
|
9334
|
+
dispatch({
|
|
9335
|
+
type: 'documentCapturedManually',
|
|
9336
|
+
payload: {
|
|
9337
|
+
imageData: imageData
|
|
9338
|
+
}
|
|
9339
|
+
});
|
|
9340
|
+
}
|
|
9341
|
+
});
|
|
9342
|
+
}, [dispatch]);
|
|
9343
|
+
}
|
|
9344
|
+
function readFile(file) {
|
|
9345
|
+
return new Promise(function (resolve, reject) {
|
|
9346
|
+
var reader = new FileReader();
|
|
9347
|
+
reader.onload = function () {
|
|
9348
|
+
return resolve(reader.result);
|
|
9349
|
+
};
|
|
9350
|
+
reader.onerror = function (e) {
|
|
9351
|
+
return reject(e);
|
|
9352
|
+
};
|
|
9353
|
+
reader.readAsDataURL(file);
|
|
9354
|
+
});
|
|
9355
|
+
}
|
|
9356
|
+
function FilePickerButton(_a) {
|
|
9357
|
+
var className = _a.className,
|
|
9358
|
+
children = _a.children,
|
|
9359
|
+
_b = _a.loadingText,
|
|
9360
|
+
loadingText = _b === void 0 ? 'Loading...' : _b,
|
|
9361
|
+
onFileSelected = _a.onFileSelected;
|
|
9362
|
+
var fileInput = useRef(null);
|
|
9363
|
+
var _c = useState(false),
|
|
9364
|
+
filePickerLoading = _c[0],
|
|
9365
|
+
setFilePickerLoading = _c[1];
|
|
9366
|
+
var _d = useState(null),
|
|
9367
|
+
file = _d[0],
|
|
9368
|
+
setFile = _d[1];
|
|
9369
|
+
useEffect(function () {
|
|
9370
|
+
if (!fileInput.current) return;
|
|
9371
|
+
fileInput.current.oncancel = function () {
|
|
9372
|
+
setFile(null);
|
|
9373
|
+
setFilePickerLoading(false);
|
|
9374
|
+
};
|
|
9375
|
+
}, [fileInput, file]);
|
|
9376
|
+
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("input", {
|
|
9377
|
+
ref: fileInput,
|
|
9378
|
+
type: "file",
|
|
9379
|
+
accept: "image/*",
|
|
9380
|
+
style: {
|
|
9381
|
+
display: 'none'
|
|
9382
|
+
},
|
|
9383
|
+
onChange: function onChange(e) {
|
|
9384
|
+
var _a;
|
|
9385
|
+
setFilePickerLoading(false);
|
|
9386
|
+
var file = (_a = e.currentTarget.files) === null || _a === void 0 ? void 0 : _a[0];
|
|
9387
|
+
if (!file) return;
|
|
9388
|
+
setFile(file);
|
|
9389
|
+
onFileSelected === null || onFileSelected === void 0 ? void 0 : onFileSelected(file);
|
|
9390
|
+
}
|
|
9391
|
+
}), /*#__PURE__*/React__default.createElement(Button, {
|
|
9392
|
+
className: className,
|
|
9393
|
+
colors: buttonColors,
|
|
9394
|
+
onClick: function onClick() {
|
|
9395
|
+
var _a;
|
|
9396
|
+
setFilePickerLoading(true);
|
|
9397
|
+
(_a = fileInput.current) === null || _a === void 0 ? void 0 : _a.click();
|
|
9398
|
+
}
|
|
9399
|
+
}, file ? "".concat(file.name, " (").concat(humanFileSize(file.size), ")") : filePickerLoading ? loadingText : children));
|
|
9400
|
+
}
|
|
9401
|
+
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) {
|
|
9402
|
+
var _a;
|
|
9403
|
+
return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
|
|
9404
|
+
});
|
|
9405
|
+
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"])));
|
|
9406
|
+
var ScreenPanelHeading = styled.h3(templateObject_3$f || (templateObject_3$f = __makeTemplateObject(["\n margin: 0 0 30px;\n"], ["\n margin: 0 0 30px;\n"])));
|
|
9407
|
+
var ScreenActionsBar = styled.div(templateObject_4$9 || (templateObject_4$9 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: end;\n gap: 20px;\n padding: 20px;\n width: 100%;\n box-sizing: border-box;\n border-top: 1px solid #ccc;\n\n @media (max-width: 600px) {\n justify-content: center;\n }\n"], ["\n display: flex;\n align-items: center;\n justify-content: end;\n gap: 20px;\n padding: 20px;\n width: 100%;\n box-sizing: border-box;\n border-top: 1px solid #ccc;\n\n @media (max-width: 600px) {\n justify-content: center;\n }\n"])));
|
|
9408
|
+
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"])));
|
|
9409
|
+
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"])));
|
|
9410
|
+
var Button = styled(WideBorderButton)(templateObject_7$3 || (templateObject_7$3 = __makeTemplateObject(["\n width: auto;\n font-weight: 500;\n padding-left: 40px;\n padding-right: 40px;\n transition: background-color 0.3s ease;\n background-color: #ffffff;\n white-space: nowrap;\n\n &:disabled,\n &.disabled {\n background-color: #f1f1f1 !important;\n border-color: #dbdbdb !important;\n color: #323232 !important;\n }\n\n &:hover {\n filter: none;\n background-color: #fafafa !important;\n }\n"], ["\n width: auto;\n font-weight: 500;\n padding-left: 40px;\n padding-right: 40px;\n transition: background-color 0.3s ease;\n background-color: #ffffff;\n white-space: nowrap;\n\n &:disabled,\n &.disabled {\n background-color: #f1f1f1 !important;\n border-color: #dbdbdb !important;\n color: #323232 !important;\n }\n\n &:hover {\n filter: none;\n background-color: #fafafa !important;\n }\n"])));
|
|
9411
|
+
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"])));
|
|
9412
|
+
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) {
|
|
9413
|
+
var _a;
|
|
9414
|
+
return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
|
|
9415
|
+
});
|
|
9416
|
+
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"])));
|
|
9417
|
+
function CameraIcon(props) {
|
|
9418
|
+
return /*#__PURE__*/React__default.createElement("svg", _assign({
|
|
9419
|
+
width: "91",
|
|
9420
|
+
height: "75",
|
|
9421
|
+
viewBox: "0 0 91 75",
|
|
9422
|
+
fill: "none",
|
|
9423
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
9424
|
+
style: {
|
|
9425
|
+
marginBottom: 30
|
|
9426
|
+
}
|
|
9427
|
+
}, props), /*#__PURE__*/React__default.createElement("path", {
|
|
9428
|
+
d: "M22 2H2V22",
|
|
9429
|
+
stroke: "black",
|
|
9430
|
+
strokeWidth: "3",
|
|
9431
|
+
strokeLinecap: "round",
|
|
9432
|
+
strokeLinejoin: "round"
|
|
9433
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
9434
|
+
d: "M69 2H89V22",
|
|
9435
|
+
stroke: "black",
|
|
9436
|
+
strokeWidth: "3",
|
|
9437
|
+
strokeLinecap: "round",
|
|
9438
|
+
strokeLinejoin: "round"
|
|
9439
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
9440
|
+
d: "M22 73H2V53",
|
|
9441
|
+
stroke: "black",
|
|
9442
|
+
strokeWidth: "3",
|
|
9443
|
+
strokeLinecap: "round",
|
|
9444
|
+
strokeLinejoin: "round"
|
|
9445
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
9446
|
+
d: "M69 73H89V53",
|
|
9447
|
+
stroke: "black",
|
|
9448
|
+
strokeWidth: "3",
|
|
9449
|
+
strokeLinecap: "round",
|
|
9450
|
+
strokeLinejoin: "round"
|
|
9451
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
9452
|
+
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",
|
|
9453
|
+
stroke: "black",
|
|
9454
|
+
strokeWidth: "3"
|
|
9455
|
+
}), /*#__PURE__*/React__default.createElement("circle", {
|
|
9456
|
+
cx: "45",
|
|
9457
|
+
cy: "40",
|
|
9458
|
+
r: "10",
|
|
9459
|
+
stroke: "black",
|
|
9460
|
+
strokeWidth: "3"
|
|
9461
|
+
}), /*#__PURE__*/React__default.createElement("circle", {
|
|
9462
|
+
cx: "62",
|
|
9463
|
+
cy: "31",
|
|
9464
|
+
r: "2",
|
|
9465
|
+
fill: "#221D27"
|
|
9466
|
+
}));
|
|
9467
|
+
}
|
|
9468
|
+
function UploadIcon(props) {
|
|
9469
|
+
return /*#__PURE__*/React__default.createElement("svg", _assign({
|
|
9470
|
+
width: "61",
|
|
9471
|
+
height: "85",
|
|
9472
|
+
viewBox: "0 0 61 85",
|
|
9473
|
+
fill: "none",
|
|
9474
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
9475
|
+
style: {
|
|
9476
|
+
marginBottom: 30
|
|
9477
|
+
}
|
|
9478
|
+
}, props), /*#__PURE__*/React__default.createElement("path", {
|
|
9479
|
+
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",
|
|
9480
|
+
stroke: "black",
|
|
9481
|
+
strokeWidth: "3"
|
|
9482
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
9483
|
+
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",
|
|
9484
|
+
stroke: "black",
|
|
9485
|
+
strokeWidth: "3",
|
|
9486
|
+
strokeLinecap: "round",
|
|
9487
|
+
strokeLinejoin: "round"
|
|
9488
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
9489
|
+
d: "M17 56.5V62C17 63.1046 17.8954 64 19 64H43C44.1046 64 45 63.1046 45 62V56.5",
|
|
9490
|
+
stroke: "black",
|
|
9491
|
+
strokeWidth: "3",
|
|
9492
|
+
strokeLinecap: "round",
|
|
9493
|
+
strokeLinejoin: "round"
|
|
9494
|
+
}));
|
|
9495
|
+
}
|
|
9496
|
+
function ArrowIcon(props) {
|
|
9497
|
+
return /*#__PURE__*/React__default.createElement("svg", _assign({
|
|
9498
|
+
width: "18",
|
|
9499
|
+
height: "12",
|
|
9500
|
+
viewBox: "0 0 18 12",
|
|
9501
|
+
fill: "none",
|
|
9502
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
9503
|
+
style: {
|
|
9504
|
+
marginLeft: 12
|
|
9505
|
+
}
|
|
9506
|
+
}, props), /*#__PURE__*/React__default.createElement("path", {
|
|
9507
|
+
d: "M1 6H17M17 6L12.2281 1M17 6L12.2281 11",
|
|
9508
|
+
stroke: "#323232",
|
|
9509
|
+
strokeWidth: "2",
|
|
9510
|
+
strokeLinecap: "round",
|
|
9511
|
+
strokeLinejoin: "round"
|
|
9512
|
+
}));
|
|
9513
|
+
}
|
|
9514
|
+
function PassportIcon(props) {
|
|
9515
|
+
return /*#__PURE__*/React__default.createElement("svg", _assign({
|
|
9516
|
+
width: "61",
|
|
9517
|
+
height: "92",
|
|
9518
|
+
viewBox: "0 0 61 92",
|
|
9519
|
+
fill: "none",
|
|
9520
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
9521
|
+
style: {
|
|
9522
|
+
marginBottom: 30
|
|
9523
|
+
}
|
|
9524
|
+
}, props), /*#__PURE__*/React__default.createElement("path", {
|
|
9525
|
+
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",
|
|
9526
|
+
stroke: "black",
|
|
9527
|
+
strokeWidth: "3"
|
|
9528
|
+
}), /*#__PURE__*/React__default.createElement("rect", {
|
|
9529
|
+
x: "2",
|
|
9530
|
+
y: "12",
|
|
9531
|
+
width: "57",
|
|
9532
|
+
height: "78",
|
|
9533
|
+
rx: "4",
|
|
9534
|
+
fill: "#F3F3F3",
|
|
9535
|
+
stroke: "black",
|
|
9536
|
+
strokeWidth: "3"
|
|
9537
|
+
}), /*#__PURE__*/React__default.createElement("circle", {
|
|
9538
|
+
cx: "30.5",
|
|
9539
|
+
cy: "44.5",
|
|
9540
|
+
r: "16.5",
|
|
9541
|
+
stroke: "black",
|
|
9542
|
+
strokeWidth: "3"
|
|
9543
|
+
}), /*#__PURE__*/React__default.createElement("ellipse", {
|
|
9544
|
+
cx: "31",
|
|
9545
|
+
cy: "44.5",
|
|
9546
|
+
rx: "8",
|
|
9547
|
+
ry: "16.5",
|
|
9548
|
+
stroke: "black",
|
|
9549
|
+
strokeWidth: "3"
|
|
9550
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
9551
|
+
d: "M16 39H45",
|
|
9552
|
+
stroke: "black",
|
|
9553
|
+
strokeWidth: "3",
|
|
9554
|
+
strokeLinecap: "round",
|
|
9555
|
+
strokeLinejoin: "round"
|
|
9556
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
9557
|
+
d: "M16 51H45",
|
|
9558
|
+
stroke: "black",
|
|
9559
|
+
strokeWidth: "3",
|
|
9560
|
+
strokeLinecap: "round",
|
|
9561
|
+
strokeLinejoin: "round"
|
|
9562
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
9563
|
+
d: "M17 68H44",
|
|
9564
|
+
stroke: "black",
|
|
9565
|
+
strokeWidth: "3",
|
|
9566
|
+
strokeLinecap: "round",
|
|
9567
|
+
strokeLinejoin: "round"
|
|
9568
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
9569
|
+
d: "M21 76H40",
|
|
9570
|
+
stroke: "black",
|
|
9571
|
+
strokeWidth: "3",
|
|
9572
|
+
strokeLinecap: "round",
|
|
9573
|
+
strokeLinejoin: "round"
|
|
9574
|
+
}));
|
|
9575
|
+
}
|
|
9576
|
+
function IdDocumentIcon(props) {
|
|
9577
|
+
return /*#__PURE__*/React__default.createElement("svg", _assign({
|
|
9578
|
+
width: "92",
|
|
9579
|
+
height: "62",
|
|
9580
|
+
viewBox: "0 0 92 62",
|
|
9581
|
+
fill: "none",
|
|
9582
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
9583
|
+
style: {
|
|
9584
|
+
marginBottom: 30
|
|
9585
|
+
}
|
|
9586
|
+
}, props), /*#__PURE__*/React__default.createElement("path", {
|
|
9587
|
+
d: "M18 41C18 41 18.5 33 24.5 33C30.5 33 31 41 31 41",
|
|
9588
|
+
stroke: "black",
|
|
9589
|
+
strokeWidth: "3",
|
|
9590
|
+
strokeLinecap: "round",
|
|
9591
|
+
strokeLinejoin: "round"
|
|
9592
|
+
}), /*#__PURE__*/React__default.createElement("rect", {
|
|
9593
|
+
x: "2",
|
|
9594
|
+
y: "2",
|
|
9595
|
+
width: "88",
|
|
9596
|
+
height: "58",
|
|
9597
|
+
rx: "6",
|
|
9598
|
+
stroke: "black",
|
|
9599
|
+
strokeWidth: "3"
|
|
9600
|
+
}), /*#__PURE__*/React__default.createElement("rect", {
|
|
9601
|
+
x: "10",
|
|
9602
|
+
y: "15",
|
|
9603
|
+
width: "29",
|
|
9604
|
+
height: "30",
|
|
9605
|
+
rx: "3",
|
|
9606
|
+
stroke: "black",
|
|
9607
|
+
strokeWidth: "3"
|
|
9608
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
9609
|
+
d: "M48 17H80",
|
|
9610
|
+
stroke: "black",
|
|
9611
|
+
strokeWidth: "3",
|
|
9612
|
+
strokeLinecap: "round",
|
|
9613
|
+
strokeLinejoin: "round"
|
|
9614
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
9615
|
+
d: "M48 35H80",
|
|
9616
|
+
stroke: "black",
|
|
9617
|
+
strokeWidth: "3",
|
|
9618
|
+
strokeLinecap: "round",
|
|
9619
|
+
strokeLinejoin: "round"
|
|
9620
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
9621
|
+
d: "M48 44H62",
|
|
9622
|
+
stroke: "black",
|
|
9623
|
+
strokeWidth: "3",
|
|
9624
|
+
strokeLinecap: "round",
|
|
9625
|
+
strokeLinejoin: "round"
|
|
9626
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
9627
|
+
d: "M48 26H69",
|
|
9628
|
+
stroke: "black",
|
|
9629
|
+
strokeWidth: "3",
|
|
9630
|
+
strokeLinecap: "round",
|
|
9631
|
+
strokeLinejoin: "round"
|
|
9632
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
9633
|
+
d: "M74 26L80 26",
|
|
9634
|
+
stroke: "black",
|
|
9635
|
+
strokeWidth: "3",
|
|
9636
|
+
strokeLinecap: "round",
|
|
9637
|
+
strokeLinejoin: "round"
|
|
9638
|
+
}), /*#__PURE__*/React__default.createElement("circle", {
|
|
9639
|
+
cx: "24.5",
|
|
9640
|
+
cy: "26.5",
|
|
9641
|
+
r: "6.5",
|
|
9642
|
+
stroke: "black",
|
|
9643
|
+
strokeWidth: "3"
|
|
9644
|
+
}));
|
|
9645
|
+
}
|
|
9646
|
+
function humanFileSize(bytes, si, dp) {
|
|
9647
|
+
if (si === void 0) {
|
|
9648
|
+
si = false;
|
|
9649
|
+
}
|
|
9650
|
+
if (dp === void 0) {
|
|
9651
|
+
dp = 1;
|
|
9652
|
+
}
|
|
9653
|
+
var thresh = si ? 1000 : 1024;
|
|
9654
|
+
if (Math.abs(bytes) < thresh) {
|
|
9655
|
+
return bytes + ' B';
|
|
9656
|
+
}
|
|
9657
|
+
var units = si ? ['kB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'] : ['KiB', 'MiB', 'GiB', 'TiB', 'PiB', 'EiB', 'ZiB', 'YiB'];
|
|
9658
|
+
var u = -1;
|
|
9659
|
+
var r = Math.pow(10, dp);
|
|
9660
|
+
do {
|
|
9661
|
+
bytes /= thresh;
|
|
9662
|
+
++u;
|
|
9663
|
+
} while (Math.round(Math.abs(bytes) * r) / r >= thresh && u < units.length - 1);
|
|
9664
|
+
return bytes.toFixed(dp) + ' ' + units[u];
|
|
9665
|
+
}
|
|
9666
|
+
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;
|
|
9667
|
+
|
|
9074
9668
|
var IdCaptureWizard = function IdCaptureWizard(_a) {
|
|
9075
9669
|
var _b, _c, _d, _e, _f, _g;
|
|
9076
9670
|
var onSuccess = _a.onSuccess,
|
|
@@ -9110,42 +9704,44 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
|
|
|
9110
9704
|
enableOverrideWrongDocumentTypeDialog = _w === void 0 ? false : _w,
|
|
9111
9705
|
_x = _a.allowOverrideWrongDocumentTypeAfterMs,
|
|
9112
9706
|
allowOverrideWrongDocumentTypeAfterMs = _x === void 0 ? 8000 : _x,
|
|
9113
|
-
_y = _a.
|
|
9114
|
-
|
|
9115
|
-
_z = _a.
|
|
9116
|
-
|
|
9117
|
-
_0 = _a.
|
|
9118
|
-
|
|
9119
|
-
_1 = _a.
|
|
9120
|
-
|
|
9121
|
-
_2 = _a.
|
|
9122
|
-
|
|
9123
|
-
_3 = _a.
|
|
9124
|
-
|
|
9125
|
-
|
|
9126
|
-
|
|
9127
|
-
|
|
9128
|
-
|
|
9129
|
-
|
|
9130
|
-
|
|
9131
|
-
|
|
9132
|
-
|
|
9133
|
-
|
|
9134
|
-
|
|
9135
|
-
|
|
9136
|
-
|
|
9137
|
-
|
|
9138
|
-
|
|
9139
|
-
|
|
9140
|
-
|
|
9141
|
-
|
|
9142
|
-
|
|
9143
|
-
|
|
9144
|
-
|
|
9145
|
-
|
|
9146
|
-
|
|
9147
|
-
|
|
9148
|
-
|
|
9707
|
+
_y = _a.allowUploadingDocumentsFromStorage,
|
|
9708
|
+
allowUploadingDocumentsFromStorage = _y === void 0 ? false : _y,
|
|
9709
|
+
_z = _a.guideImages,
|
|
9710
|
+
guideImages = _z === void 0 ? defaultIdCaptureGuideImages : _z,
|
|
9711
|
+
_0 = _a.assets,
|
|
9712
|
+
assets = _0 === void 0 ? {} : _0,
|
|
9713
|
+
_1 = _a.classNames,
|
|
9714
|
+
classNames = _1 === void 0 ? {} : _1,
|
|
9715
|
+
_2 = _a.colors,
|
|
9716
|
+
colors = _2 === void 0 ? {} : _2,
|
|
9717
|
+
_3 = _a.verbiage,
|
|
9718
|
+
verbiage = _3 === void 0 ? {} : _3,
|
|
9719
|
+
_4 = _a.debugMode,
|
|
9720
|
+
debugMode = _4 === void 0 ? false : _4;
|
|
9721
|
+
var _5 = useIdCaptureState(),
|
|
9722
|
+
state = _5[0],
|
|
9723
|
+
dispatch = _5[1];
|
|
9724
|
+
var _6 = useCameraStore(),
|
|
9725
|
+
cameraAccessDenied = _6.cameraAccessDenied,
|
|
9726
|
+
requestCameraAccess = _6.requestCameraAccess,
|
|
9727
|
+
releaseCameraAccess = _6.releaseCameraAccess;
|
|
9728
|
+
var _7 = useState(false),
|
|
9729
|
+
overlayDismissed = _7[0],
|
|
9730
|
+
setOverlayDismissed = _7[1];
|
|
9731
|
+
var _8 = useContext(SubmissionContext),
|
|
9732
|
+
submissionStatus = _8.submissionStatus,
|
|
9733
|
+
setIdFrontImage = _8.setIdFrontImage,
|
|
9734
|
+
setIdBackImage = _8.setIdBackImage,
|
|
9735
|
+
setPassportImage = _8.setPassportImage,
|
|
9736
|
+
logIdFrontCaptureAttempt = _8.logIdFrontCaptureAttempt,
|
|
9737
|
+
logIdBackCaptureAttempt = _8.logIdBackCaptureAttempt;
|
|
9738
|
+
var _9 = useContext(IdCaptureModelsContext),
|
|
9739
|
+
start = _9.start,
|
|
9740
|
+
stop = _9.stop,
|
|
9741
|
+
onPredictionMade = _9.onPredictionMade,
|
|
9742
|
+
setRequiredDocumentType = _9.setRequiredDocumentType,
|
|
9743
|
+
modelError = _9.modelError,
|
|
9744
|
+
resetBestFrame = _9.resetBestFrame;
|
|
9149
9745
|
useEffect(function () {
|
|
9150
9746
|
dispatch({
|
|
9151
9747
|
type: 'configureWizard',
|
|
@@ -9155,10 +9751,11 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
|
|
|
9155
9751
|
allowSinglePageIdCapture: allowSinglePageIdCapture,
|
|
9156
9752
|
allowIdCardBackToFrontCapture: allowIdCardBackToFrontCapture,
|
|
9157
9753
|
enableOverrideWrongDocumentTypeDialog: enableOverrideWrongDocumentTypeDialog,
|
|
9158
|
-
allowOverrideWrongDocumentTypeAfterMs: allowOverrideWrongDocumentTypeAfterMs
|
|
9754
|
+
allowOverrideWrongDocumentTypeAfterMs: allowOverrideWrongDocumentTypeAfterMs,
|
|
9755
|
+
allowUploadingDocumentsFromStorage: allowUploadingDocumentsFromStorage
|
|
9159
9756
|
}
|
|
9160
9757
|
});
|
|
9161
|
-
}, [allowIdCardBackToFrontCapture, allowOverrideWrongDocumentTypeAfterMs, allowSinglePageIdCapture, captureRequirement, dispatch, enableOverrideWrongDocumentTypeDialog, precapturedDocuments]);
|
|
9758
|
+
}, [allowIdCardBackToFrontCapture, allowOverrideWrongDocumentTypeAfterMs, allowSinglePageIdCapture, allowUploadingDocumentsFromStorage, captureRequirement, dispatch, enableOverrideWrongDocumentTypeDialog, precapturedDocuments]);
|
|
9162
9759
|
var documentCount = Object.keys(state.capturedDocuments).length;
|
|
9163
9760
|
useEffect(function () {
|
|
9164
9761
|
if (documentCount) resetBestFrame();
|
|
@@ -9245,9 +9842,9 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
|
|
|
9245
9842
|
type: 'resetWizard'
|
|
9246
9843
|
});
|
|
9247
9844
|
}, [dispatch]);
|
|
9248
|
-
var
|
|
9249
|
-
attempt =
|
|
9250
|
-
setAttempt =
|
|
9845
|
+
var _10 = useState(0),
|
|
9846
|
+
attempt = _10[0],
|
|
9847
|
+
setAttempt = _10[1];
|
|
9251
9848
|
var onExit = useCallback(function () {
|
|
9252
9849
|
releaseCameraAccess();
|
|
9253
9850
|
setOverlayDismissed(false);
|
|
@@ -9338,9 +9935,9 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
|
|
|
9338
9935
|
});
|
|
9339
9936
|
});
|
|
9340
9937
|
}, [dispatch]);
|
|
9341
|
-
var
|
|
9342
|
-
progressStarted =
|
|
9343
|
-
setProgressStarted =
|
|
9938
|
+
var _11 = useState(false),
|
|
9939
|
+
progressStarted = _11[0],
|
|
9940
|
+
setProgressStarted = _11[1];
|
|
9344
9941
|
useEffect(function () {
|
|
9345
9942
|
if (state.captureState === 'capturing') {
|
|
9346
9943
|
setProgressStarted(false);
|
|
@@ -9362,6 +9959,12 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
|
|
|
9362
9959
|
silentFallback: silentFallback
|
|
9363
9960
|
});
|
|
9364
9961
|
}
|
|
9962
|
+
if (allowUploadingDocumentsFromStorage && ['initializing', 'uploading'].includes(state.captureState)) {
|
|
9963
|
+
return /*#__PURE__*/React__default.createElement(IdCaptureOrUploadScreen, {
|
|
9964
|
+
classNames: classNames.uploadOrCaptureScreen,
|
|
9965
|
+
verbiage: verbiage.uploadOrCaptureScreen
|
|
9966
|
+
});
|
|
9967
|
+
}
|
|
9365
9968
|
var requestedAction = state.captureState === 'requestingFlip' ? 'FLIP_ID' : state.requestedDocumentType === 'idCardBack' ? 'SHOW_ID_BACK' : state.requestedDocumentType === 'passport' ? 'SHOW_PASSPORT' : 'SHOW_ID_FRONT';
|
|
9366
9969
|
var guidesStatus = !overlayDismissed ? 'disabled' : state.isGoodFrame ? 'capturing' : 'ready';
|
|
9367
9970
|
return /*#__PURE__*/React__default.createElement(PageContainer, {
|
|
@@ -13880,7 +14483,7 @@ function CompositeWizard(_a) {
|
|
|
13880
14483
|
return /*#__PURE__*/React__default.createElement(CameraStoreProvider, {
|
|
13881
14484
|
onCameraAccessDenied: onCameraAccessDenied,
|
|
13882
14485
|
onMicrophoneAccessDenied: onMicrophoneAccessDenied,
|
|
13883
|
-
requestAccessAutomatically: !(idCaptureProps === null || idCaptureProps === void 0 ? void 0 : idCaptureProps.forceFallbackMode)
|
|
14486
|
+
requestAccessAutomatically: !(idCaptureProps === null || idCaptureProps === void 0 ? void 0 : idCaptureProps.forceFallbackMode) && !(idCaptureProps === null || idCaptureProps === void 0 ? void 0 : idCaptureProps.allowUploadingDocumentsFromStorage)
|
|
13884
14487
|
}, /*#__PURE__*/React__default.createElement(IdCaptureModelsProvider, {
|
|
13885
14488
|
autoStart: false,
|
|
13886
14489
|
shouldLoadModels: !(idCaptureProps === null || idCaptureProps === void 0 ? void 0 : idCaptureProps.forceFallbackMode),
|
|
@@ -14240,6 +14843,8 @@ var IdValidation = function IdValidation(_a) {
|
|
|
14240
14843
|
enableOverrideWrongDocumentTypeDialog = _r === void 0 ? false : _r,
|
|
14241
14844
|
_s = _a.allowOverrideWrongDocumentTypeAfterMs,
|
|
14242
14845
|
allowOverrideWrongDocumentTypeAfterMs = _s === void 0 ? 8000 : _s,
|
|
14846
|
+
_t = _a.allowUploadingDocumentsFromStorage,
|
|
14847
|
+
allowUploadingDocumentsFromStorage = _t === void 0 ? false : _t,
|
|
14243
14848
|
onBeforeSubmit = _a.onBeforeSubmit,
|
|
14244
14849
|
onBeforeDocumentUpload = _a.onBeforeDocumentUpload,
|
|
14245
14850
|
onDocumentUploadProgress = _a.onDocumentUploadProgress,
|
|
@@ -14253,28 +14858,28 @@ var IdValidation = function IdValidation(_a) {
|
|
|
14253
14858
|
onUserCancel = _a.onUserCancel,
|
|
14254
14859
|
onModelError = _a.onModelError,
|
|
14255
14860
|
onCameraAccessDenied = _a.onCameraAccessDenied,
|
|
14256
|
-
|
|
14257
|
-
theme =
|
|
14258
|
-
|
|
14259
|
-
assets =
|
|
14260
|
-
|
|
14261
|
-
classNames =
|
|
14262
|
-
|
|
14263
|
-
colors =
|
|
14264
|
-
|
|
14265
|
-
verbiage =
|
|
14266
|
-
|
|
14267
|
-
captureSignature =
|
|
14268
|
-
|
|
14269
|
-
captureSignatureVideo =
|
|
14270
|
-
|
|
14271
|
-
captureAdditionalDocuments =
|
|
14272
|
-
|
|
14273
|
-
geolocationEnabled =
|
|
14274
|
-
|
|
14275
|
-
geolocationRequired =
|
|
14276
|
-
|
|
14277
|
-
debugMode =
|
|
14861
|
+
_u = _a.theme,
|
|
14862
|
+
theme = _u === void 0 ? 'default' : _u,
|
|
14863
|
+
_v = _a.assets,
|
|
14864
|
+
assets = _v === void 0 ? {} : _v,
|
|
14865
|
+
_w = _a.classNames,
|
|
14866
|
+
classNames = _w === void 0 ? {} : _w,
|
|
14867
|
+
_x = _a.colors,
|
|
14868
|
+
colors = _x === void 0 ? {} : _x,
|
|
14869
|
+
_y = _a.verbiage,
|
|
14870
|
+
verbiage = _y === void 0 ? {} : _y,
|
|
14871
|
+
_z = _a.captureSignature,
|
|
14872
|
+
captureSignature = _z === void 0 ? false : _z,
|
|
14873
|
+
_0 = _a.captureSignatureVideo,
|
|
14874
|
+
captureSignatureVideo = _0 === void 0 ? false : _0,
|
|
14875
|
+
_1 = _a.captureAdditionalDocuments,
|
|
14876
|
+
captureAdditionalDocuments = _1 === void 0 ? [] : _1,
|
|
14877
|
+
_2 = _a.geolocationEnabled,
|
|
14878
|
+
geolocationEnabled = _2 === void 0 ? true : _2,
|
|
14879
|
+
_3 = _a.geolocationRequired,
|
|
14880
|
+
geolocationRequired = _3 === void 0 ? false : _3,
|
|
14881
|
+
_4 = _a.debugMode,
|
|
14882
|
+
debugMode = _4 === void 0 ? false : _4;
|
|
14278
14883
|
useLanguage(lang);
|
|
14279
14884
|
useDebugLogging(debugMode);
|
|
14280
14885
|
var idCaptureProps = useMemo(function () {
|
|
@@ -14293,6 +14898,7 @@ var IdValidation = function IdValidation(_a) {
|
|
|
14293
14898
|
onLoadingOverlayDismissed: onLoadingOverlayDismissed,
|
|
14294
14899
|
forceFallbackMode: forceFallbackMode,
|
|
14295
14900
|
allowIdCardBackToFrontCapture: allowIdCardBackToFrontCapture,
|
|
14901
|
+
allowUploadingDocumentsFromStorage: allowUploadingDocumentsFromStorage,
|
|
14296
14902
|
instructions: instructions,
|
|
14297
14903
|
guideType: guideType,
|
|
14298
14904
|
guideImages: guideImages,
|
|
@@ -14307,7 +14913,7 @@ var IdValidation = function IdValidation(_a) {
|
|
|
14307
14913
|
verbiage: verbiage,
|
|
14308
14914
|
debugMode: debugMode
|
|
14309
14915
|
};
|
|
14310
|
-
}, [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]);
|
|
14916
|
+
}, [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]);
|
|
14311
14917
|
var additionalDocumentCaptureProps = useMemo(function () {
|
|
14312
14918
|
return {
|
|
14313
14919
|
documents: captureAdditionalDocuments,
|
|
@@ -14569,14 +15175,16 @@ var IdAndFaceValidation = function IdAndFaceValidation(_a) {
|
|
|
14569
15175
|
idCaptureModelLoadTimeoutMs = _p === void 0 ? defaultDocumentDetectionModelLoadTimeoutMs : _p,
|
|
14570
15176
|
_q = _a.idCaptureForceFallbackMode,
|
|
14571
15177
|
idCaptureForceFallbackMode = _q === void 0 ? false : _q,
|
|
14572
|
-
_r = _a.
|
|
14573
|
-
|
|
14574
|
-
_s = _a.
|
|
14575
|
-
|
|
14576
|
-
_t = _a.
|
|
14577
|
-
|
|
14578
|
-
_u = _a.
|
|
14579
|
-
|
|
15178
|
+
_r = _a.idCaptureAllowUploadingDocumentsFromStorage,
|
|
15179
|
+
idCaptureAllowUploadingDocumentsFromStorage = _r === void 0 ? false : _r,
|
|
15180
|
+
_s = _a.selfieCaptureModelLoadTimeoutMs,
|
|
15181
|
+
selfieCaptureModelLoadTimeoutMs = _s === void 0 ? defaultSelfieCaptureModelLoadTimeoutMs : _s,
|
|
15182
|
+
_t = _a.allowIdCardBackToFrontCapture,
|
|
15183
|
+
allowIdCardBackToFrontCapture = _t === void 0 ? false : _t,
|
|
15184
|
+
_u = _a.enableOverrideWrongDocumentTypeDialog,
|
|
15185
|
+
enableOverrideWrongDocumentTypeDialog = _u === void 0 ? false : _u,
|
|
15186
|
+
_v = _a.allowOverrideWrongDocumentTypeAfterMs,
|
|
15187
|
+
allowOverrideWrongDocumentTypeAfterMs = _v === void 0 ? 8000 : _v,
|
|
14580
15188
|
onBeforeDocumentUpload = _a.onBeforeDocumentUpload,
|
|
14581
15189
|
onDocumentUploaded = _a.onDocumentUploaded,
|
|
14582
15190
|
onDocumentUploadProgress = _a.onDocumentUploadProgress,
|
|
@@ -14593,28 +15201,28 @@ var IdAndFaceValidation = function IdAndFaceValidation(_a) {
|
|
|
14593
15201
|
onIdCaptureModelError = _a.onIdCaptureModelError,
|
|
14594
15202
|
onSelfieCaptureModelError = _a.onSelfieCaptureModelError,
|
|
14595
15203
|
onCameraAccessDenied = _a.onCameraAccessDenied,
|
|
14596
|
-
|
|
14597
|
-
captureSignature =
|
|
14598
|
-
|
|
14599
|
-
captureSignatureVideo =
|
|
14600
|
-
|
|
14601
|
-
captureAdditionalDocuments =
|
|
14602
|
-
|
|
14603
|
-
theme =
|
|
14604
|
-
|
|
14605
|
-
assets =
|
|
14606
|
-
|
|
14607
|
-
classNames =
|
|
14608
|
-
|
|
14609
|
-
colors =
|
|
14610
|
-
|
|
14611
|
-
verbiage =
|
|
14612
|
-
|
|
14613
|
-
geolocationEnabled =
|
|
14614
|
-
|
|
14615
|
-
geolocationRequired =
|
|
14616
|
-
|
|
14617
|
-
debugMode =
|
|
15204
|
+
_w = _a.captureSignature,
|
|
15205
|
+
captureSignature = _w === void 0 ? false : _w,
|
|
15206
|
+
_x = _a.captureSignatureVideo,
|
|
15207
|
+
captureSignatureVideo = _x === void 0 ? false : _x,
|
|
15208
|
+
_y = _a.captureAdditionalDocuments,
|
|
15209
|
+
captureAdditionalDocuments = _y === void 0 ? [] : _y,
|
|
15210
|
+
_z = _a.theme,
|
|
15211
|
+
theme = _z === void 0 ? 'default' : _z,
|
|
15212
|
+
_0 = _a.assets,
|
|
15213
|
+
assets = _0 === void 0 ? {} : _0,
|
|
15214
|
+
_1 = _a.classNames,
|
|
15215
|
+
classNames = _1 === void 0 ? {} : _1,
|
|
15216
|
+
_2 = _a.colors,
|
|
15217
|
+
colors = _2 === void 0 ? {} : _2,
|
|
15218
|
+
_3 = _a.verbiage,
|
|
15219
|
+
verbiage = _3 === void 0 ? {} : _3,
|
|
15220
|
+
_4 = _a.geolocationEnabled,
|
|
15221
|
+
geolocationEnabled = _4 === void 0 ? true : _4,
|
|
15222
|
+
_5 = _a.geolocationRequired,
|
|
15223
|
+
geolocationRequired = _5 === void 0 ? false : _5,
|
|
15224
|
+
_6 = _a.debugMode,
|
|
15225
|
+
debugMode = _6 === void 0 ? false : _6;
|
|
14618
15226
|
useLanguage(lang);
|
|
14619
15227
|
useDebugLogging(debugMode);
|
|
14620
15228
|
var idCaptureProps = useMemo(function () {
|
|
@@ -14638,13 +15246,14 @@ var IdAndFaceValidation = function IdAndFaceValidation(_a) {
|
|
|
14638
15246
|
rotateLoadingOverlayImageWhenPortrait: idCaptureRotateLoadingOverlayImageWhenPortrait,
|
|
14639
15247
|
modelLoadTimeoutMs: idCaptureModelLoadTimeoutMs,
|
|
14640
15248
|
allowIdCardBackToFrontCapture: allowIdCardBackToFrontCapture,
|
|
15249
|
+
allowUploadingDocumentsFromStorage: idCaptureAllowUploadingDocumentsFromStorage,
|
|
14641
15250
|
enableOverrideWrongDocumentTypeDialog: enableOverrideWrongDocumentTypeDialog,
|
|
14642
15251
|
allowOverrideWrongDocumentTypeAfterMs: allowOverrideWrongDocumentTypeAfterMs,
|
|
14643
15252
|
forceFallbackMode: idCaptureForceFallbackMode,
|
|
14644
15253
|
skipSuccessScreen: skipSuccessScreen,
|
|
14645
15254
|
debugMode: debugMode
|
|
14646
15255
|
};
|
|
14647
|
-
}, [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]);
|
|
15256
|
+
}, [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]);
|
|
14648
15257
|
var faceLivenessProps = useMemo(function () {
|
|
14649
15258
|
return {
|
|
14650
15259
|
loadingOverlayMode: faceLivenessLoadingOverlayMode,
|