idmission-web-sdk 2.2.85 → 2.2.86
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/CompositeWizard.d.ts.map +1 -1
- package/dist/components/customer_flows/IdAndFaceValidation.d.ts +2 -0
- package/dist/components/customer_flows/IdAndFaceValidation.d.ts.map +1 -1
- package/dist/components/customer_flows/IdValidation.d.ts +2 -0
- package/dist/components/customer_flows/IdValidation.d.ts.map +1 -1
- package/dist/components/id_capture/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 +834 -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 +834 -226
- package/dist/sdk2.esm.js.map +1 -1
- package/dist/sdk2.umd.development.js +834 -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 +3 -3
|
@@ -234,7 +234,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
|
|
|
234
234
|
return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
|
|
235
235
|
};
|
|
236
236
|
|
|
237
|
-
var webSdkVersion = '2.2.
|
|
237
|
+
var webSdkVersion = '2.2.86';
|
|
238
238
|
|
|
239
239
|
function getPlatform() {
|
|
240
240
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
@@ -395,7 +395,7 @@ function videoDataUrlToB64(url) {
|
|
|
395
395
|
});
|
|
396
396
|
}
|
|
397
397
|
|
|
398
|
-
var PageContainerDiv = styled__default.default.div(templateObject_1$
|
|
398
|
+
var PageContainerDiv = styled__default.default.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) {
|
|
399
399
|
var _a;
|
|
400
400
|
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 ");
|
|
401
401
|
}, function (props) {
|
|
@@ -435,7 +435,7 @@ var PageContainer = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
435
435
|
}, dimensionsCalculated && children);
|
|
436
436
|
});
|
|
437
437
|
PageContainer.displayName = 'PageContainer';
|
|
438
|
-
var templateObject_1$
|
|
438
|
+
var templateObject_1$M;
|
|
439
439
|
|
|
440
440
|
var LoaderButton = function LoaderButton(_a) {
|
|
441
441
|
var children = _a.children,
|
|
@@ -492,29 +492,29 @@ var LoaderButton = function LoaderButton(_a) {
|
|
|
492
492
|
className: "ladda-label"
|
|
493
493
|
}, children));
|
|
494
494
|
};
|
|
495
|
-
var StyledButton = styled__default.default.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) {
|
|
495
|
+
var StyledButton = styled__default.default.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) {
|
|
496
496
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
|
|
497
497
|
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 ");
|
|
498
498
|
});
|
|
499
|
-
var templateObject_1$
|
|
499
|
+
var templateObject_1$L;
|
|
500
500
|
|
|
501
|
-
var OverlayContainer = styled__default.default(PageContainer)(templateObject_1$
|
|
501
|
+
var OverlayContainer = styled__default.default(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) {
|
|
502
502
|
return props.theme.background ? "".concat(props.theme.background) : "white";
|
|
503
503
|
}, function (props) {
|
|
504
504
|
return props.theme.textColor ? "color: ".concat(props.theme.textColor, ";") : "";
|
|
505
505
|
});
|
|
506
|
-
var OverlayInner$2 = styled__default.default.div(templateObject_2$
|
|
506
|
+
var OverlayInner$2 = styled__default.default.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) {
|
|
507
507
|
var _a;
|
|
508
508
|
return (_a = props.theme.textAlign) !== null && _a !== void 0 ? _a : 'center';
|
|
509
509
|
}, function (props) {
|
|
510
510
|
return props.theme.padding ? "box-sizing: border-box; padding: ".concat(props.theme.padding, ";") : "";
|
|
511
511
|
});
|
|
512
|
-
var OverlayImageContainer = styled__default.default.div(templateObject_3$
|
|
513
|
-
var OverlayImageRow = styled__default.default.div(templateObject_4$
|
|
514
|
-
var GrayOverlayContainer = styled__default.default(OverlayContainer)(templateObject_5$
|
|
515
|
-
var ButtonsColumn = styled__default.default.div(templateObject_6$
|
|
516
|
-
var WideButton = styled__default.default(LoaderButton)(templateObject_7$
|
|
517
|
-
var WideBorderButton = styled__default.default(WideButton)(templateObject_8$
|
|
512
|
+
var OverlayImageContainer = styled__default.default.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"])));
|
|
513
|
+
var OverlayImageRow = styled__default.default.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"])));
|
|
514
|
+
var GrayOverlayContainer = styled__default.default(OverlayContainer)(templateObject_5$d || (templateObject_5$d = __makeTemplateObject(["\n background: #f7f6fb;\n"], ["\n background: #f7f6fb;\n"])));
|
|
515
|
+
var ButtonsColumn = styled__default.default.div(templateObject_6$a || (templateObject_6$a = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n gap: 15px 0;\n justify-content: center;\n margin-top: 24px;\n"], ["\n display: flex;\n flex-direction: column;\n gap: 15px 0;\n justify-content: center;\n margin-top: 24px;\n"])));
|
|
516
|
+
var WideButton = styled__default.default(LoaderButton)(templateObject_7$7 || (templateObject_7$7 = __makeTemplateObject(["\n width: 100%;\n border-radius: 30px;\n"], ["\n width: 100%;\n border-radius: 30px;\n"])));
|
|
517
|
+
var WideBorderButton = styled__default.default(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) {
|
|
518
518
|
var _a, _b;
|
|
519
519
|
return (_b = (_a = props.colors) === null || _a === void 0 ? void 0 : _a.textColor) !== null && _b !== void 0 ? _b : 'black';
|
|
520
520
|
}, function (props) {
|
|
@@ -524,7 +524,7 @@ var WideBorderButton = styled__default.default(WideButton)(templateObject_8$3 ||
|
|
|
524
524
|
var _a, _b;
|
|
525
525
|
return (_b = (_a = props.colors) === null || _a === void 0 ? void 0 : _a.borderColor) !== null && _b !== void 0 ? _b : 'var(--idm-color-secondary-500)';
|
|
526
526
|
});
|
|
527
|
-
var templateObject_1$
|
|
527
|
+
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;
|
|
528
528
|
|
|
529
529
|
var GeolocationAccessDeniedOverlay = function GeolocationAccessDeniedOverlay(_a) {
|
|
530
530
|
var accessBlockedImageUrl = _a.accessBlockedImageUrl;
|
|
@@ -771,13 +771,13 @@ var SessionValidationErrorOverlay = function SessionValidationErrorOverlay(_a) {
|
|
|
771
771
|
}, retryText)))));
|
|
772
772
|
};
|
|
773
773
|
|
|
774
|
-
var wavesAnimation = styled.keyframes(templateObject_1$
|
|
775
|
-
var progressBarAnimation = styled.keyframes(templateObject_2$
|
|
776
|
-
var dualRingSpinnerAnimation = styled.keyframes(templateObject_3$
|
|
777
|
-
var progressBorderAnimation = styled.keyframes(templateObject_4$
|
|
778
|
-
var templateObject_1$
|
|
774
|
+
var wavesAnimation = styled.keyframes(templateObject_1$J || (templateObject_1$J = __makeTemplateObject(["\n 0% {\n opacity: 0;\n transform: scale3d(1, 1, 1);\n }\n 80% {\n opacity: 1;\n }\n 100% {\n transform: scale3d(2, 2, 1);\n opacity: 0;\n }\n"], ["\n 0% {\n opacity: 0;\n transform: scale3d(1, 1, 1);\n }\n 80% {\n opacity: 1;\n }\n 100% {\n transform: scale3d(2, 2, 1);\n opacity: 0;\n }\n"])));
|
|
775
|
+
var progressBarAnimation = styled.keyframes(templateObject_2$A || (templateObject_2$A = __makeTemplateObject(["\n 0% {\n width: 0;\n }\n 100% {\n width: 100%;\n }\n"], ["\n 0% {\n width: 0;\n }\n 100% {\n width: 100%;\n }\n"])));
|
|
776
|
+
var dualRingSpinnerAnimation = styled.keyframes(templateObject_3$r || (templateObject_3$r = __makeTemplateObject(["\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n"], ["\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n"])));
|
|
777
|
+
var progressBorderAnimation = styled.keyframes(templateObject_4$l || (templateObject_4$l = __makeTemplateObject(["\n to {\n stroke-dashoffset: 0;\n }\n"], ["\n to {\n stroke-dashoffset: 0;\n }\n"])));
|
|
778
|
+
var templateObject_1$J, templateObject_2$A, templateObject_3$r, templateObject_4$l;
|
|
779
779
|
|
|
780
|
-
var Spinner = styled__default.default.div(templateObject_1$
|
|
780
|
+
var Spinner = styled__default.default.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) {
|
|
781
781
|
var $size = _a.$size;
|
|
782
782
|
return $size !== null && $size !== void 0 ? $size : 80;
|
|
783
783
|
}, function (_a) {
|
|
@@ -802,7 +802,7 @@ var Spinner = styled__default.default.div(templateObject_1$H || (templateObject_
|
|
|
802
802
|
var $color = _a.$color;
|
|
803
803
|
return $color !== null && $color !== void 0 ? $color : '#888';
|
|
804
804
|
}, dualRingSpinnerAnimation);
|
|
805
|
-
var templateObject_1$
|
|
805
|
+
var templateObject_1$I;
|
|
806
806
|
|
|
807
807
|
exports.defaultAuthUrl = 'https://portal-api.idmission.com';
|
|
808
808
|
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'];
|
|
@@ -1745,7 +1745,7 @@ var SubmissionProvider = function SubmissionProvider(_a) {
|
|
|
1745
1745
|
}
|
|
1746
1746
|
});
|
|
1747
1747
|
});
|
|
1748
|
-
}, [clientRequestID, documentServiceUrl, geolocationResult, idBackCaptureAttempts, idCardForFaceMatch, idFrontCaptureAttempts, selfieCaptureAttempts, uploadDocument, webhooksStripSpecialCharacters]);
|
|
1748
|
+
}, [clientRequestID, documentServiceUrl, geolocationResult, idBackCaptureAttempts, idCardForFaceMatch, idFrontCaptureAttempts, selfieCaptureAttempts, uploadDocument, useDocumentServiceForLivenessChecks, webhooksStripSpecialCharacters]);
|
|
1749
1749
|
var checkLiveness = React.useCallback(function (imageDataUrl) {
|
|
1750
1750
|
return __awaiter(void 0, void 0, void 0, function () {
|
|
1751
1751
|
var request, host, endpoint, response, statusMessage, submissionResponse_3, e_2, err;
|
|
@@ -2063,7 +2063,7 @@ function getFrameDimensions(frame) {
|
|
|
2063
2063
|
return [frameWidth, frameHeight];
|
|
2064
2064
|
}
|
|
2065
2065
|
|
|
2066
|
-
var InvisibleCanvas = styled__default.default.canvas(templateObject_1$
|
|
2066
|
+
var InvisibleCanvas = styled__default.default.canvas(templateObject_1$H || (templateObject_1$H = __makeTemplateObject(["\n display: none;\n"], ["\n display: none;\n"])));
|
|
2067
2067
|
function drawToCanvas(canvas, frame, width, height) {
|
|
2068
2068
|
if (!canvas) return;
|
|
2069
2069
|
var ctx = canvas.getContext('2d');
|
|
@@ -2083,7 +2083,7 @@ function clearCanvas(canvas) {
|
|
|
2083
2083
|
var _a;
|
|
2084
2084
|
(_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);
|
|
2085
2085
|
}
|
|
2086
|
-
var templateObject_1$
|
|
2086
|
+
var templateObject_1$H;
|
|
2087
2087
|
|
|
2088
2088
|
function cropToShoulders(rawCanvas, cropCanvas, resizeCanvas, frame, face, quality, maxHeight) {
|
|
2089
2089
|
if (quality === void 0) {
|
|
@@ -4413,12 +4413,14 @@ var initialState$4 = {
|
|
|
4413
4413
|
capturing: false,
|
|
4414
4414
|
captureFailed: false,
|
|
4415
4415
|
imageUrl: null,
|
|
4416
|
-
captureState: '
|
|
4416
|
+
captureState: 'initializing',
|
|
4417
4417
|
capturedDocuments: {},
|
|
4418
4418
|
captureRequirement: 'idCardOrPassport',
|
|
4419
4419
|
requestedDocumentType: 'idCardFront',
|
|
4420
4420
|
allowSinglePageIdCapture: false,
|
|
4421
4421
|
allowIdCardBackToFrontCapture: false,
|
|
4422
|
+
isUploadingDocumentsFromStorage: false,
|
|
4423
|
+
uploadingDocumentsType: null,
|
|
4422
4424
|
operationStartedAt: null,
|
|
4423
4425
|
captureStartedAt: null
|
|
4424
4426
|
};
|
|
@@ -4459,6 +4461,9 @@ var _reducer = function reducer(state, action) {
|
|
|
4459
4461
|
}
|
|
4460
4462
|
}
|
|
4461
4463
|
newState.operationStartedAt = new Date();
|
|
4464
|
+
if (!action.payload.allowUploadingDocumentsFromStorage) {
|
|
4465
|
+
newState.captureState = 'capturing';
|
|
4466
|
+
}
|
|
4462
4467
|
return newState;
|
|
4463
4468
|
}
|
|
4464
4469
|
case 'setRequiredDocumentType':
|
|
@@ -4656,6 +4661,7 @@ var _reducer = function reducer(state, action) {
|
|
|
4656
4661
|
{
|
|
4657
4662
|
var newState = _assign(_assign({}, state), {
|
|
4658
4663
|
capturedDocuments: _assign(_assign({}, state.capturedDocuments), (_b = {}, _b[state.requestedDocumentType] = _assign(_assign({}, action.payload), {
|
|
4664
|
+
documentType: state.requestedDocumentType,
|
|
4659
4665
|
width: 0,
|
|
4660
4666
|
height: 0
|
|
4661
4667
|
}), _b))
|
|
@@ -4666,10 +4672,13 @@ var _reducer = function reducer(state, action) {
|
|
|
4666
4672
|
} else {
|
|
4667
4673
|
newState.requestedDocumentType = remainingRequirements[0];
|
|
4668
4674
|
if (state.requestedDocumentType === 'idCardFront' && newState.requestedDocumentType === 'idCardBack' || state.requestedDocumentType === 'idCardBack' && newState.requestedDocumentType === 'idCardFront') {
|
|
4669
|
-
newState.
|
|
4675
|
+
if (!newState.isUploadingDocumentsFromStorage) {
|
|
4676
|
+
newState.captureState = 'requestingFlip';
|
|
4677
|
+
}
|
|
4670
4678
|
newState.idCardFrontDetectionThresholdMet = false;
|
|
4671
4679
|
newState.idCardBackDetectionThresholdMet = false;
|
|
4672
4680
|
newState.passportDetectionThresholdMet = false;
|
|
4681
|
+
newState.wrongDocumentTypePredictions = 0;
|
|
4673
4682
|
}
|
|
4674
4683
|
}
|
|
4675
4684
|
return newState;
|
|
@@ -4690,6 +4699,17 @@ var _reducer = function reducer(state, action) {
|
|
|
4690
4699
|
allowOverrideWrongDocumentTypeGuidance: false,
|
|
4691
4700
|
overrideWrongDocumentTypeGuidance: true
|
|
4692
4701
|
});
|
|
4702
|
+
case 'setUploadingDocumentsFromStorage':
|
|
4703
|
+
return _assign(_assign({}, state), {
|
|
4704
|
+
isUploadingDocumentsFromStorage: action.payload,
|
|
4705
|
+
captureState: action.payload ? 'initializing' : 'capturing'
|
|
4706
|
+
});
|
|
4707
|
+
case 'setUploadingDocumentsType':
|
|
4708
|
+
return _assign(_assign({}, state), {
|
|
4709
|
+
captureState: action.payload ? 'uploading' : 'initializing',
|
|
4710
|
+
uploadingDocumentsType: action.payload,
|
|
4711
|
+
requestedDocumentType: action.payload === 'passport' ? 'passport' : 'idCardFront'
|
|
4712
|
+
});
|
|
4693
4713
|
case 'resetWizard':
|
|
4694
4714
|
return _assign(_assign({}, initialState$4), {
|
|
4695
4715
|
captureRequirement: state.captureRequirement,
|
|
@@ -4742,12 +4762,12 @@ function DebugStatsPane(_a) {
|
|
|
4742
4762
|
if (!portalLocation) return element;
|
|
4743
4763
|
return /*#__PURE__*/reactDom.createPortal(element, portalLocation);
|
|
4744
4764
|
}
|
|
4745
|
-
var DebugStatsPaneDiv = styled__default.default.span(templateObject_1$
|
|
4746
|
-
var ObjectDetectionDebugOverlayDiv = styled__default.default.div(templateObject_2$
|
|
4765
|
+
var DebugStatsPaneDiv = styled__default.default.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"])));
|
|
4766
|
+
var ObjectDetectionDebugOverlayDiv = styled__default.default.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) {
|
|
4747
4767
|
var $flipX = _a.$flipX;
|
|
4748
4768
|
return $flipX ? 'transform: scaleX(-1);' : '';
|
|
4749
4769
|
});
|
|
4750
|
-
var ObjectDetectionDebugBox = styled__default.default.div(templateObject_3$
|
|
4770
|
+
var ObjectDetectionDebugBox = styled__default.default.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) {
|
|
4751
4771
|
var $color = _a.$color;
|
|
4752
4772
|
return $color !== null && $color !== void 0 ? $color : 'green';
|
|
4753
4773
|
}, function (_a) {
|
|
@@ -4757,7 +4777,7 @@ var ObjectDetectionDebugBox = styled__default.default.div(templateObject_3$p ||
|
|
|
4757
4777
|
var $flipX = _a.$flipX;
|
|
4758
4778
|
return $flipX ? 'transform: scaleX(-1);' : '';
|
|
4759
4779
|
});
|
|
4760
|
-
var FaceDetectionKeypointMarker = styled__default.default.div(templateObject_4$
|
|
4780
|
+
var FaceDetectionKeypointMarker = styled__default.default.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) {
|
|
4761
4781
|
var $color = _a.$color;
|
|
4762
4782
|
return $color !== null && $color !== void 0 ? $color : 'red';
|
|
4763
4783
|
}, function (_a) {
|
|
@@ -4948,7 +4968,7 @@ function SelfieCaptureFaceKeypoint(_a) {
|
|
|
4948
4968
|
}
|
|
4949
4969
|
});
|
|
4950
4970
|
}
|
|
4951
|
-
var templateObject_1$
|
|
4971
|
+
var templateObject_1$G, templateObject_2$z, templateObject_3$q, templateObject_4$k;
|
|
4952
4972
|
|
|
4953
4973
|
var en = {};
|
|
4954
4974
|
|
|
@@ -5945,7 +5965,7 @@ function useTranslations(verbiage, fallbacks) {
|
|
|
5945
5965
|
}, [fallbacks, i18n.language, t, verbiage]);
|
|
5946
5966
|
}
|
|
5947
5967
|
|
|
5948
|
-
var GuidanceMessageContainerDiv = styled__default.default.div(templateObject_1$
|
|
5968
|
+
var GuidanceMessageContainerDiv = styled__default.default.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) {
|
|
5949
5969
|
var $top = _a.$top;
|
|
5950
5970
|
return $top !== null && $top !== void 0 ? $top : '10vh';
|
|
5951
5971
|
}, function (_a) {
|
|
@@ -5958,14 +5978,14 @@ var GuidanceMessageContainer = function GuidanceMessageContainer(props) {
|
|
|
5958
5978
|
if (!portalLocation) return element;
|
|
5959
5979
|
return /*#__PURE__*/reactDom.createPortal(element, portalLocation);
|
|
5960
5980
|
};
|
|
5961
|
-
var GuidanceMessage = styled__default.default.div(templateObject_2$
|
|
5981
|
+
var GuidanceMessage = styled__default.default.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) {
|
|
5962
5982
|
var _a, _b, _c, _d, _e, _f;
|
|
5963
5983
|
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';
|
|
5964
5984
|
}, function (props) {
|
|
5965
5985
|
var _a, _b, _c, _d, _e, _f;
|
|
5966
5986
|
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';
|
|
5967
5987
|
});
|
|
5968
|
-
var templateObject_1$
|
|
5988
|
+
var templateObject_1$F, templateObject_2$y;
|
|
5969
5989
|
|
|
5970
5990
|
function OverrideWrongDocumentTypeGuidanceDialog(_a) {
|
|
5971
5991
|
var _b = _a.classNames,
|
|
@@ -5988,7 +6008,7 @@ function OverrideWrongDocumentTypeGuidanceDialog(_a) {
|
|
|
5988
6008
|
className: classNames.message
|
|
5989
6009
|
}, verbiage.messageText), /*#__PURE__*/React__namespace.default.createElement(ButtonContainer, {
|
|
5990
6010
|
className: classNames.buttonContainer
|
|
5991
|
-
}, /*#__PURE__*/React__namespace.default.createElement(Button, {
|
|
6011
|
+
}, /*#__PURE__*/React__namespace.default.createElement(Button$1, {
|
|
5992
6012
|
variant: "positive",
|
|
5993
6013
|
className: classNames.button,
|
|
5994
6014
|
onClick: function onClick() {
|
|
@@ -5998,18 +6018,18 @@ function OverrideWrongDocumentTypeGuidanceDialog(_a) {
|
|
|
5998
6018
|
}
|
|
5999
6019
|
}, verbiage.buttonText))));
|
|
6000
6020
|
}
|
|
6001
|
-
var Container$2 = styled__default.default.div(templateObject_1$
|
|
6021
|
+
var Container$2 = styled__default.default.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) {
|
|
6002
6022
|
var _a, _b, _c;
|
|
6003
6023
|
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';
|
|
6004
6024
|
}, function (props) {
|
|
6005
6025
|
var _a, _b, _c;
|
|
6006
6026
|
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';
|
|
6007
6027
|
});
|
|
6008
|
-
var InnerContainer = styled__default.default.div(templateObject_2$
|
|
6009
|
-
var Message = styled__default.default.span(templateObject_3$
|
|
6010
|
-
var ButtonContainer = styled__default.default.div(templateObject_4$
|
|
6011
|
-
var Button = styled__default.default(LoaderButton)(templateObject_5$
|
|
6012
|
-
var templateObject_1$
|
|
6028
|
+
var InnerContainer = styled__default.default.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"])));
|
|
6029
|
+
var Message = styled__default.default.span(templateObject_3$p || (templateObject_3$p = __makeTemplateObject(["\n display: block;\n margin: auto 12px auto 0;\n"], ["\n display: block;\n margin: auto 12px auto 0;\n"])));
|
|
6030
|
+
var ButtonContainer = styled__default.default.div(templateObject_4$j || (templateObject_4$j = __makeTemplateObject(["\n display: flex;\n margin-left: auto;\n"], ["\n display: flex;\n margin-left: auto;\n"])));
|
|
6031
|
+
var Button$1 = styled__default.default(LoaderButton)(templateObject_5$c || (templateObject_5$c = __makeTemplateObject(["\n white-space: nowrap;\n margin: auto;\n"], ["\n white-space: nowrap;\n margin: auto;\n"])));
|
|
6032
|
+
var templateObject_1$E, templateObject_2$x, templateObject_3$p, templateObject_4$j, templateObject_5$c;
|
|
6013
6033
|
|
|
6014
6034
|
var IdCapture = function IdCapture(_a) {
|
|
6015
6035
|
var _b, _c, _d, _e, _f, _g, _h;
|
|
@@ -6207,13 +6227,13 @@ var CameraAccessDeniedOverlay = function CameraAccessDeniedOverlay(_a) {
|
|
|
6207
6227
|
finished: true
|
|
6208
6228
|
}, verbiage.retryBtnText)));
|
|
6209
6229
|
};
|
|
6210
|
-
var StyledOverlayInner$3 = styled__default.default(OverlayInner$2)(templateObject_1$
|
|
6211
|
-
var StyledOverlayImageContainer$3 = styled__default.default(OverlayImageContainer)(templateObject_2$
|
|
6212
|
-
var Description$4 = styled__default.default.p(templateObject_3$
|
|
6213
|
-
var RetryButton$1 = styled__default.default(LoaderButton)(templateObject_4$
|
|
6214
|
-
var templateObject_1$
|
|
6230
|
+
var StyledOverlayInner$3 = styled__default.default(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"])));
|
|
6231
|
+
var StyledOverlayImageContainer$3 = styled__default.default(OverlayImageContainer)(templateObject_2$w || (templateObject_2$w = __makeTemplateObject(["\n flex-grow: 0;\n"], ["\n flex-grow: 0;\n"])));
|
|
6232
|
+
var Description$4 = styled__default.default.p(templateObject_3$o || (templateObject_3$o = __makeTemplateObject(["\n line-height: 1.5;\n margin-bottom: 50px;\n"], ["\n line-height: 1.5;\n margin-bottom: 50px;\n"])));
|
|
6233
|
+
var RetryButton$1 = styled__default.default(LoaderButton)(templateObject_4$i || (templateObject_4$i = __makeTemplateObject(["\n width: 200px;\n margin: 0 auto;\n"], ["\n width: 200px;\n margin: 0 auto;\n"])));
|
|
6234
|
+
var templateObject_1$D, templateObject_2$w, templateObject_3$o, templateObject_4$i;
|
|
6215
6235
|
|
|
6216
|
-
var ExitCaptureStyledButton = styled__default.default.button(templateObject_1$
|
|
6236
|
+
var ExitCaptureStyledButton = styled__default.default.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"])));
|
|
6217
6237
|
var ExitCaptureButton = function ExitCaptureButton(_a) {
|
|
6218
6238
|
var onClick = _a.onClick,
|
|
6219
6239
|
className = _a.className;
|
|
@@ -6257,10 +6277,10 @@ var ExitCaptureButton = function ExitCaptureButton(_a) {
|
|
|
6257
6277
|
y2: "19.75"
|
|
6258
6278
|
}))));
|
|
6259
6279
|
};
|
|
6260
|
-
var templateObject_1$
|
|
6280
|
+
var templateObject_1$C;
|
|
6261
6281
|
|
|
6262
|
-
var ButtonsRow = styled__default.default.div(templateObject_1$
|
|
6263
|
-
var templateObject_1$
|
|
6282
|
+
var ButtonsRow = styled__default.default.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"])));
|
|
6283
|
+
var templateObject_1$B;
|
|
6264
6284
|
|
|
6265
6285
|
function IdCaptureLoadingGraphic(props) {
|
|
6266
6286
|
var isMobile = window.innerHeight > window.innerWidth;
|
|
@@ -6741,21 +6761,21 @@ function IdCaptureLoadingGraphicMobile(_a) {
|
|
|
6741
6761
|
fill: "white"
|
|
6742
6762
|
}))));
|
|
6743
6763
|
}
|
|
6744
|
-
var LoadingGraphicWrapper = styled__default.default.div(templateObject_1$
|
|
6745
|
-
var LoadingGraphicSvg = styled__default.default.svg(templateObject_2$
|
|
6764
|
+
var LoadingGraphicWrapper = styled__default.default.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"])));
|
|
6765
|
+
var LoadingGraphicSvg = styled__default.default.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) {
|
|
6746
6766
|
return props.$frame > 1 ? 1 : props.$frame === 1 ? 1.25 : 0.75;
|
|
6747
6767
|
}, function (props) {
|
|
6748
6768
|
return props.$frame >= 5 ? 10 : 0;
|
|
6749
6769
|
}, function (props) {
|
|
6750
6770
|
return props.$borderColor;
|
|
6751
6771
|
});
|
|
6752
|
-
var LoadingGraphicCardGroup = styled__default.default.g(templateObject_3$
|
|
6772
|
+
var LoadingGraphicCardGroup = styled__default.default.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) {
|
|
6753
6773
|
return props.$offScreen ? '-500px' : '0';
|
|
6754
6774
|
});
|
|
6755
|
-
var LoadingGraphicPhoneGroup = styled__default.default.g(templateObject_4$
|
|
6775
|
+
var LoadingGraphicPhoneGroup = styled__default.default.g(templateObject_4$h || (templateObject_4$h = __makeTemplateObject(["\n transform: translate(", ", 0);\n transform-style: preserve-3d;\n transition: transform 0.3s linear;\n"], ["\n transform: translate(", ", 0);\n transform-style: preserve-3d;\n transition: transform 0.3s linear;\n"])), function (props) {
|
|
6756
6776
|
return props.$offScreen ? '40px' : '0';
|
|
6757
6777
|
});
|
|
6758
|
-
var templateObject_1$
|
|
6778
|
+
var templateObject_1$A, templateObject_2$v, templateObject_3$n, templateObject_4$h;
|
|
6759
6779
|
|
|
6760
6780
|
function LoadingListItemIndicator(_a) {
|
|
6761
6781
|
var _b = _a.state,
|
|
@@ -6950,33 +6970,33 @@ var IdCaptureLoadingOverlayDefault = function IdCaptureLoadingOverlayDefault(_a)
|
|
|
6950
6970
|
}
|
|
6951
6971
|
}, verbiage.continueText))))));
|
|
6952
6972
|
};
|
|
6953
|
-
var OverlayInner$1 = styled__default.default.div(templateObject_1$
|
|
6973
|
+
var OverlayInner$1 = styled__default.default.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) {
|
|
6954
6974
|
var _a, _b, _c, _d;
|
|
6955
6975
|
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';
|
|
6956
6976
|
}, function (props) {
|
|
6957
6977
|
var _a, _b, _c, _d;
|
|
6958
6978
|
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';
|
|
6959
6979
|
});
|
|
6960
|
-
var OverlayHeader$1 = styled__default.default.div(templateObject_2$
|
|
6980
|
+
var OverlayHeader$1 = styled__default.default.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) {
|
|
6961
6981
|
var _a;
|
|
6962
6982
|
return (_a = props.theme.textAlign) !== null && _a !== void 0 ? _a : 'center';
|
|
6963
6983
|
}, function (props) {
|
|
6964
6984
|
return props.theme.padding ? "box-sizing: border-box; padding: ".concat(props.theme.padding, ";") : "";
|
|
6965
6985
|
});
|
|
6966
|
-
var StyledGuidanceMessage$2 = styled__default.default(GuidanceMessage)(templateObject_3$
|
|
6967
|
-
var StyledOverlayImageContainer$2 = styled__default.default(OverlayImageContainer)(templateObject_4$
|
|
6968
|
-
var ContinuityCameraCheckboxContainer$1 = styled__default.default.div(templateObject_5$
|
|
6969
|
-
var ContinuityCameraCheckboxInner = styled__default.default(GuidanceMessage)(templateObject_6$
|
|
6970
|
-
var ContinuityCameraCheckbox$1 = styled__default.default.input(templateObject_7$
|
|
6971
|
-
var StyledButtonsRow$a = styled__default.default(ButtonsRow)(templateObject_8$
|
|
6986
|
+
var StyledGuidanceMessage$2 = styled__default.default(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"])));
|
|
6987
|
+
var StyledOverlayImageContainer$2 = styled__default.default(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"])));
|
|
6988
|
+
var ContinuityCameraCheckboxContainer$1 = styled__default.default.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"])));
|
|
6989
|
+
var ContinuityCameraCheckboxInner = styled__default.default(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"])));
|
|
6990
|
+
var ContinuityCameraCheckbox$1 = styled__default.default.input(templateObject_7$6 || (templateObject_7$6 = __makeTemplateObject(["\n margin-right: 8px;\n"], ["\n margin-right: 8px;\n"])));
|
|
6991
|
+
var StyledButtonsRow$a = styled__default.default(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) {
|
|
6972
6992
|
var _a, _b, _c, _d;
|
|
6973
6993
|
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';
|
|
6974
6994
|
}, function (props) {
|
|
6975
6995
|
var _a, _b, _c, _d, _e, _f;
|
|
6976
6996
|
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, ";") : '';
|
|
6977
6997
|
});
|
|
6978
|
-
var LoadingListContainer$1 = styled__default.default.div(templateObject_9$
|
|
6979
|
-
var LoadingList$1 = styled__default.default.ul(templateObject_10$
|
|
6998
|
+
var LoadingListContainer$1 = styled__default.default.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"])));
|
|
6999
|
+
var LoadingList$1 = styled__default.default.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"])));
|
|
6980
7000
|
var LoadingListItem$1 = styled__default.default.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"])));
|
|
6981
7001
|
var ProgressContainer$1 = styled__default.default.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"])));
|
|
6982
7002
|
var ProgressBarBackground$1 = styled__default.default.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) {
|
|
@@ -7002,10 +7022,10 @@ var ContinueButton$1 = styled__default.default(LoaderButton)(templateObject_18 |
|
|
|
7002
7022
|
var _a, _b, _c, _d, _e, _f;
|
|
7003
7023
|
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, ";") : '';
|
|
7004
7024
|
});
|
|
7005
|
-
var templateObject_1$
|
|
7025
|
+
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;
|
|
7006
7026
|
|
|
7007
|
-
var ContinuityCameraCheckboxContainer = styled__default.default.div(templateObject_1$
|
|
7008
|
-
var ContinuityCameraCheckbox = styled__default.default.input(templateObject_2$
|
|
7027
|
+
var ContinuityCameraCheckboxContainer = styled__default.default.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"])));
|
|
7028
|
+
var ContinuityCameraCheckbox = styled__default.default.input(templateObject_2$t || (templateObject_2$t = __makeTemplateObject(["\n margin-right: 8px;\n"], ["\n margin-right: 8px;\n"])));
|
|
7009
7029
|
var IdCaptureLoadingOverlayLegacy = function IdCaptureLoadingOverlayLegacy(_a) {
|
|
7010
7030
|
var _b, _c, _d, _e;
|
|
7011
7031
|
var onDismissed = _a.onDismissed,
|
|
@@ -7123,7 +7143,7 @@ var IdCaptureLoadingOverlayLegacy = function IdCaptureLoadingOverlayLegacy(_a) {
|
|
|
7123
7143
|
}
|
|
7124
7144
|
}, cameraReady && modelsReady ? verbiage.continueText : modelsReady ? verbiage.cameraInitializingText : modelDownloadProgress >= 100 ? verbiage.modelsWarmingUpText : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)"))));
|
|
7125
7145
|
};
|
|
7126
|
-
var templateObject_1$
|
|
7146
|
+
var templateObject_1$y, templateObject_2$t;
|
|
7127
7147
|
|
|
7128
7148
|
var components$1 = {
|
|
7129
7149
|
"default": IdCaptureLoadingOverlayDefault,
|
|
@@ -7181,9 +7201,9 @@ var CapturedDocumentImg = function CapturedDocumentImg(_a) {
|
|
|
7181
7201
|
});
|
|
7182
7202
|
};
|
|
7183
7203
|
|
|
7184
|
-
var Card = styled__default.default.div(templateObject_1$
|
|
7185
|
-
var FlexCard = styled__default.default(Card)(templateObject_2$
|
|
7186
|
-
var templateObject_1$
|
|
7204
|
+
var Card = styled__default.default.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"])));
|
|
7205
|
+
var FlexCard = styled__default.default(Card)(templateObject_2$s || (templateObject_2$s = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n"], ["\n display: flex;\n flex-direction: column;\n"])));
|
|
7206
|
+
var templateObject_1$x, templateObject_2$s;
|
|
7187
7207
|
|
|
7188
7208
|
var IdCaptureSuccess = function IdCaptureSuccess(_a) {
|
|
7189
7209
|
var capturedDocuments = _a.capturedDocuments,
|
|
@@ -7242,13 +7262,13 @@ var IdCaptureSuccess = function IdCaptureSuccess(_a) {
|
|
|
7242
7262
|
finished: true
|
|
7243
7263
|
}, verbiage.retryText)))));
|
|
7244
7264
|
};
|
|
7245
|
-
var Heading$a = styled__default.default.h1(templateObject_1$
|
|
7246
|
-
var ImagesContainer = styled__default.default(OverlayImageContainer)(templateObject_2$
|
|
7247
|
-
var ImageRow = styled__default.default(OverlayImageRow)(templateObject_3$
|
|
7248
|
-
var ImageCol$1 = styled__default.default.div(templateObject_4$
|
|
7249
|
-
var StyledImage = styled__default.default(CapturedDocumentImg)(templateObject_5$
|
|
7250
|
-
var DebugPre = styled__default.default.pre(templateObject_6$
|
|
7251
|
-
var templateObject_1$
|
|
7265
|
+
var Heading$a = styled__default.default.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"])));
|
|
7266
|
+
var ImagesContainer = styled__default.default(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"])));
|
|
7267
|
+
var ImageRow = styled__default.default(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"])));
|
|
7268
|
+
var ImageCol$1 = styled__default.default.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"])));
|
|
7269
|
+
var StyledImage = styled__default.default(CapturedDocumentImg)(templateObject_5$a || (templateObject_5$a = __makeTemplateObject(["\n width: 100%;\n border-radius: 12px;\n"], ["\n width: 100%;\n border-radius: 12px;\n"])));
|
|
7270
|
+
var DebugPre = styled__default.default.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"])));
|
|
7271
|
+
var templateObject_1$w, templateObject_2$r, templateObject_3$l, templateObject_4$f, templateObject_5$a, templateObject_6$8;
|
|
7252
7272
|
|
|
7253
7273
|
function useShowSuccessScreen(skipSuccessScreen, successScreenReady, onDoneCallback) {
|
|
7254
7274
|
var _this = this;
|
|
@@ -7300,10 +7320,10 @@ function resetCanvasDimensions(canvas) {
|
|
|
7300
7320
|
canvas.style.height = '0';
|
|
7301
7321
|
}
|
|
7302
7322
|
|
|
7303
|
-
var IdCardGuideImageContainer = styled__default.default(IdCardBorder)(templateObject_1$
|
|
7323
|
+
var IdCardGuideImageContainer = styled__default.default(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) {
|
|
7304
7324
|
return props.$isVisible ? '' : 'opacity: 0;';
|
|
7305
7325
|
});
|
|
7306
|
-
var IdCardGuideImage = styled__default.default.img(templateObject_2$
|
|
7326
|
+
var IdCardGuideImage = styled__default.default.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) {
|
|
7307
7327
|
return props.$isMirrored ? 'transform: scaleX(-1);' : '';
|
|
7308
7328
|
}, function (props) {
|
|
7309
7329
|
return props.$isInvisible ? 'opacity: 0;' : '';
|
|
@@ -7446,16 +7466,16 @@ function IdCardBorderSvg(_a) {
|
|
|
7446
7466
|
className: isProgressBar ? "idmSdkProgressBorder ".concat(progressPaused ? 'idmSdkProgressPaused' : '') : ''
|
|
7447
7467
|
}));
|
|
7448
7468
|
}
|
|
7449
|
-
var IdCardBorderContainer = styled__default.default.div(templateObject_3$
|
|
7450
|
-
var SvgOverlay = styled__default.default.svg(templateObject_4$
|
|
7451
|
-
var IdCardBorderRect = styled__default.default.rect(templateObject_5$
|
|
7469
|
+
var IdCardBorderContainer = styled__default.default.div(templateObject_3$k || (templateObject_3$k = __makeTemplateObject(["\n & > .idmSdkWaves {\n position: absolute;\n animation: ", " 2s ease-out infinite;\n transform-style: preserve-3d;\n\n &:nth-child(2) {\n animation-delay: 0.66s;\n }\n\n &:nth-child(3) {\n animation-delay: 1.33s;\n }\n }\n"], ["\n & > .idmSdkWaves {\n position: absolute;\n animation: ", " 2s ease-out infinite;\n transform-style: preserve-3d;\n\n &:nth-child(2) {\n animation-delay: 0.66s;\n }\n\n &:nth-child(3) {\n animation-delay: 1.33s;\n }\n }\n"])), wavesAnimation);
|
|
7470
|
+
var SvgOverlay = styled__default.default.svg(templateObject_4$e || (templateObject_4$e = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n"])));
|
|
7471
|
+
var IdCardBorderRect = styled__default.default.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) {
|
|
7452
7472
|
var _a;
|
|
7453
7473
|
return (_a = props.$speed) !== null && _a !== void 0 ? _a : '3s';
|
|
7454
7474
|
}, function (props) {
|
|
7455
7475
|
var _a;
|
|
7456
7476
|
return (_a = props.$fillMode) !== null && _a !== void 0 ? _a : 'forwards';
|
|
7457
7477
|
});
|
|
7458
|
-
var templateObject_1$
|
|
7478
|
+
var templateObject_1$v, templateObject_2$q, templateObject_3$k, templateObject_4$e, templateObject_5$9;
|
|
7459
7479
|
|
|
7460
7480
|
var defaultIdCaptureGuideImages = {
|
|
7461
7481
|
portrait: {
|
|
@@ -7631,12 +7651,12 @@ var IdVideoCaptureFlipIdPrompt = function IdVideoCaptureFlipIdPrompt(_a) {
|
|
|
7631
7651
|
style: imageStyle
|
|
7632
7652
|
})));
|
|
7633
7653
|
};
|
|
7634
|
-
var FlipImageContainer = styled__default.default(IdCardGuideImageContainer)(templateObject_1$
|
|
7654
|
+
var FlipImageContainer = styled__default.default(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) {
|
|
7635
7655
|
return props.$transitionTime;
|
|
7636
7656
|
}, function (props) {
|
|
7637
7657
|
return props.$transforms;
|
|
7638
7658
|
});
|
|
7639
|
-
var templateObject_1$
|
|
7659
|
+
var templateObject_1$u;
|
|
7640
7660
|
|
|
7641
7661
|
var GuideOrientationContext = /*#__PURE__*/React.createContext({
|
|
7642
7662
|
orientation: 'landscape',
|
|
@@ -7925,10 +7945,10 @@ var regionClsx = function regionClsx(classNames, which) {
|
|
|
7925
7945
|
return v;
|
|
7926
7946
|
}).join(' ');
|
|
7927
7947
|
};
|
|
7928
|
-
var StyledPageContainer = styled__default.default(PageContainerDiv)(templateObject_1$
|
|
7929
|
-
var GuidesContainer = styled__default.default.div(templateObject_2$
|
|
7930
|
-
var GuideCenterRow = styled__default.default.div(templateObject_3$
|
|
7931
|
-
var GuideRegion = styled__default.default.div(templateObject_4$
|
|
7948
|
+
var StyledPageContainer = styled__default.default(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"])));
|
|
7949
|
+
var GuidesContainer = styled__default.default.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"])));
|
|
7950
|
+
var GuideCenterRow = styled__default.default.div(templateObject_3$j || (templateObject_3$j = __makeTemplateObject(["\n position: relative;\n display: flex;\n flex-flow: row nowrap;\n align-items: center;\n justify-items: center;\n box-sizing: border-box;\n max-width: 100%;\n max-height: 100%;\n min-height: 0;\n flex: 1;\n"], ["\n position: relative;\n display: flex;\n flex-flow: row nowrap;\n align-items: center;\n justify-items: center;\n box-sizing: border-box;\n max-width: 100%;\n max-height: 100%;\n min-height: 0;\n flex: 1;\n"])));
|
|
7951
|
+
var GuideRegion = styled__default.default.div(templateObject_4$d || (templateObject_4$d = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n justify-content: end;\n width: 100%;\n position: relative;\n z-index: 1000;\n background: ", ";\n color: ", ";\n text-align: center;\n ", "\n ", "\n"], ["\n display: flex;\n flex-direction: column;\n justify-content: end;\n width: 100%;\n position: relative;\n z-index: 1000;\n background: ", ";\n color: ", ";\n text-align: center;\n ", "\n ", "\n"])), function (props) {
|
|
7932
7952
|
var _a, _b, _c, _d, _e;
|
|
7933
7953
|
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)';
|
|
7934
7954
|
}, function (props) {
|
|
@@ -7939,21 +7959,21 @@ var GuideRegion = styled__default.default.div(templateObject_4$c || (templateObj
|
|
|
7939
7959
|
}, function (props) {
|
|
7940
7960
|
return props.$minHeight ? "min-height: ".concat(props.$minHeight, "px;") : "";
|
|
7941
7961
|
});
|
|
7942
|
-
var Spacer = styled__default.default(GuideRegion)(templateObject_5$
|
|
7943
|
-
var GuideCenterRegion = styled__default.default.div(templateObject_6$
|
|
7962
|
+
var Spacer = styled__default.default(GuideRegion)(templateObject_5$8 || (templateObject_5$8 = __makeTemplateObject(["\n display: block;\n width: auto;\n"], ["\n display: block;\n width: auto;\n"])));
|
|
7963
|
+
var GuideCenterRegion = styled__default.default.div(templateObject_6$7 || (templateObject_6$7 = __makeTemplateObject(["\n ", "\n ", "\n transform-style: preserve-3d;\n box-sizing: border-box;\n display: flex;\n flex: 1;\n max-height: 100%;\n height: 100%;\n"], ["\n ", "\n ", "\n transform-style: preserve-3d;\n box-sizing: border-box;\n display: flex;\n flex: 1;\n max-height: 100%;\n height: 100%;\n"])), function (props) {
|
|
7944
7964
|
return props.$minWidth ? "min-width: ".concat(props.$minWidth, "px;") : "";
|
|
7945
7965
|
}, function (props) {
|
|
7946
7966
|
return props.$isMirrored ? 'transform: scaleX(-1);' : '';
|
|
7947
7967
|
});
|
|
7948
|
-
var GuideCenterBorder = styled__default.default.div(templateObject_7$
|
|
7968
|
+
var GuideCenterBorder = styled__default.default.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) {
|
|
7949
7969
|
var _a, _b;
|
|
7950
7970
|
return "".concat((_a = props.$borderWidth) !== null && _a !== void 0 ? _a : 4, "px solid ").concat((_b = props.$borderColor) !== null && _b !== void 0 ? _b : 'white');
|
|
7951
7971
|
}, function (props) {
|
|
7952
7972
|
return props.$padding ? "padding: ".concat(props.$padding, "px;") : '';
|
|
7953
7973
|
});
|
|
7954
|
-
var GuideText = styled__default.default.span(templateObject_8$
|
|
7955
|
-
var GuideCenterInner = styled__default.default.div(templateObject_9$
|
|
7956
|
-
var templateObject_1$
|
|
7974
|
+
var GuideText = styled__default.default.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"])));
|
|
7975
|
+
var GuideCenterInner = styled__default.default.div(templateObject_9$2 || (templateObject_9$2 = __makeTemplateObject(["\n position: relative;\n margin: auto;\n"], ["\n position: relative;\n margin: auto;\n"])));
|
|
7976
|
+
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;
|
|
7957
7977
|
|
|
7958
7978
|
var IdCaptureFitGuide = function IdCaptureFitGuide(_a) {
|
|
7959
7979
|
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
|
|
@@ -8096,11 +8116,11 @@ var IdCaptureFitGuide = function IdCaptureFitGuide(_a) {
|
|
|
8096
8116
|
progress: progress
|
|
8097
8117
|
}));
|
|
8098
8118
|
};
|
|
8099
|
-
var CanvasWrapper$1 = styled__default.default.div(templateObject_1$
|
|
8119
|
+
var CanvasWrapper$1 = styled__default.default.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) {
|
|
8100
8120
|
return props.$maskColor;
|
|
8101
8121
|
});
|
|
8102
|
-
var Canvas$1 = styled__default.default.canvas(templateObject_2$
|
|
8103
|
-
var templateObject_1$
|
|
8122
|
+
var Canvas$1 = styled__default.default.canvas(templateObject_2$o || (templateObject_2$o = __makeTemplateObject(["\n display: block;\n"], ["\n display: block;\n"])));
|
|
8123
|
+
var templateObject_1$s, templateObject_2$o;
|
|
8104
8124
|
|
|
8105
8125
|
function IdCaptureGuides(_a) {
|
|
8106
8126
|
var _b = _a.guideType,
|
|
@@ -8241,11 +8261,11 @@ var SelfieProgressPreview = function SelfieProgressPreview(_a) {
|
|
|
8241
8261
|
onError: onError
|
|
8242
8262
|
})));
|
|
8243
8263
|
};
|
|
8244
|
-
var StyledSpinner = styled__default.default(Spinner)(templateObject_1$
|
|
8245
|
-
var ImagePreviewWrapper = styled__default.default.div(templateObject_2$
|
|
8246
|
-
var ImagePreviewText = styled__default.default.div(templateObject_3$
|
|
8247
|
-
var ImagePreviewImageWrapper = styled__default.default.div(templateObject_4$
|
|
8248
|
-
var templateObject_1$
|
|
8264
|
+
var StyledSpinner = styled__default.default(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"])));
|
|
8265
|
+
var ImagePreviewWrapper = styled__default.default.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"])));
|
|
8266
|
+
var ImagePreviewText = styled__default.default.div(templateObject_3$i || (templateObject_3$i = __makeTemplateObject(["\n display: block;\n position: absolute;\n top: -32px;\n font:\n 14px -apple-system,\n BlinkMacSystemFont,\n 'Segoe UI',\n Roboto,\n Helvetica,\n Arial,\n sans-serif,\n 'Apple Color Emoji',\n 'Segoe UI Emoji',\n 'Segoe UI Symbol';\n color: white;\n text-align: center;\n margin: 0 auto;\n width: 100%;\n"], ["\n display: block;\n position: absolute;\n top: -32px;\n font:\n 14px -apple-system,\n BlinkMacSystemFont,\n 'Segoe UI',\n Roboto,\n Helvetica,\n Arial,\n sans-serif,\n 'Apple Color Emoji',\n 'Segoe UI Emoji',\n 'Segoe UI Symbol';\n color: white;\n text-align: center;\n margin: 0 auto;\n width: 100%;\n"])));
|
|
8267
|
+
var ImagePreviewImageWrapper = styled__default.default.div(templateObject_4$c || (templateObject_4$c = __makeTemplateObject(["\n position: relative;\n height: calc(100% - 8px);\n padding: 4px;\n border-radius: 4px;\n background: white;\n\n & > img {\n border-radius: 4px;\n width: auto;\n max-height: 100%;\n }\n"], ["\n position: relative;\n height: calc(100% - 8px);\n padding: 4px;\n border-radius: 4px;\n background: white;\n\n & > img {\n border-radius: 4px;\n width: auto;\n max-height: 100%;\n }\n"])));
|
|
8268
|
+
var templateObject_1$r, templateObject_2$n, templateObject_3$i, templateObject_4$c;
|
|
8249
8269
|
|
|
8250
8270
|
var documentCaptureInitialState = {
|
|
8251
8271
|
documents: [],
|
|
@@ -8601,16 +8621,16 @@ var DocumentCaptureGuideOverlay = function DocumentCaptureGuideOverlay(_a) {
|
|
|
8601
8621
|
ref: canvasRef
|
|
8602
8622
|
}));
|
|
8603
8623
|
};
|
|
8604
|
-
var CanvasWrapper = styled__default.default.div(templateObject_1$
|
|
8624
|
+
var CanvasWrapper = styled__default.default.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) {
|
|
8605
8625
|
return props.$maskColor;
|
|
8606
8626
|
});
|
|
8607
|
-
var Canvas = styled__default.default.canvas(templateObject_2$
|
|
8608
|
-
var templateObject_1$
|
|
8627
|
+
var Canvas = styled__default.default.canvas(templateObject_2$m || (templateObject_2$m = __makeTemplateObject(["\n display: block;\n"], ["\n display: block;\n"])));
|
|
8628
|
+
var templateObject_1$q, templateObject_2$m;
|
|
8609
8629
|
|
|
8610
|
-
var CameraFeedWrapper = styled__default.default.div(templateObject_1$
|
|
8630
|
+
var CameraFeedWrapper = styled__default.default.div(templateObject_1$p || (templateObject_1$p = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
8611
8631
|
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;") : "";
|
|
8612
8632
|
});
|
|
8613
|
-
var templateObject_1$
|
|
8633
|
+
var templateObject_1$p;
|
|
8614
8634
|
|
|
8615
8635
|
var CameraVideoTag = function CameraVideoTag(props) {
|
|
8616
8636
|
var _a = useCameraStore(shallow.useShallow(function (store) {
|
|
@@ -8641,10 +8661,10 @@ var CameraVideoTag = function CameraVideoTag(props) {
|
|
|
8641
8661
|
"$isRearFacing": isRearFacing
|
|
8642
8662
|
}, props));
|
|
8643
8663
|
};
|
|
8644
|
-
var FullscreenVideoTag = styled__default.default.video(templateObject_1$
|
|
8664
|
+
var FullscreenVideoTag = styled__default.default.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) {
|
|
8645
8665
|
return props.$isRearFacing ? '' : 'scaleX(-1)';
|
|
8646
8666
|
});
|
|
8647
|
-
var templateObject_1$
|
|
8667
|
+
var templateObject_1$o;
|
|
8648
8668
|
|
|
8649
8669
|
var DocumentCaptureScreen = function DocumentCaptureScreen(_a) {
|
|
8650
8670
|
var _b, _c, _d, _e, _f;
|
|
@@ -8794,21 +8814,21 @@ var DocumentCaptureScreen = function DocumentCaptureScreen(_a) {
|
|
|
8794
8814
|
disabled: !cameraReady || capturing
|
|
8795
8815
|
}, !cameraReady ? verbiage.loadingBtnText : capturing ? verbiage.capturingBtnText : verbiage.captureBtnText))))));
|
|
8796
8816
|
};
|
|
8797
|
-
var CaptureContainer = styled__default.default.div(templateObject_1$
|
|
8798
|
-
var HeadingRow = styled__default.default.div(templateObject_2$
|
|
8817
|
+
var CaptureContainer = styled__default.default.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"])));
|
|
8818
|
+
var HeadingRow = styled__default.default.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) {
|
|
8799
8819
|
return props.$maskColor;
|
|
8800
8820
|
});
|
|
8801
|
-
var Heading$9 = styled__default.default.h1(templateObject_3$
|
|
8802
|
-
var FooterRow = styled__default.default.div(templateObject_4$
|
|
8821
|
+
var Heading$9 = styled__default.default.h1(templateObject_3$h || (templateObject_3$h = __makeTemplateObject(["\n font-size: 22px;\n"], ["\n font-size: 22px;\n"])));
|
|
8822
|
+
var FooterRow = styled__default.default.div(templateObject_4$b || (templateObject_4$b = __makeTemplateObject(["\n background: ", ";\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: 0 20px 20px;\n height: auto;\n color: white;\n"], ["\n background: ", ";\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: 0 20px 20px;\n height: auto;\n color: white;\n"])), function (props) {
|
|
8803
8823
|
return props.$maskColor;
|
|
8804
8824
|
});
|
|
8805
|
-
var Instructions = styled__default.default.div(templateObject_5$
|
|
8825
|
+
var Instructions = styled__default.default.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) {
|
|
8806
8826
|
var _a, _b, _c;
|
|
8807
8827
|
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';
|
|
8808
8828
|
});
|
|
8809
|
-
var StyledButtonsRow$9 = styled__default.default(ButtonsRow)(templateObject_6$
|
|
8810
|
-
var PreviewImage = styled__default.default.img(templateObject_7$
|
|
8811
|
-
var templateObject_1$
|
|
8829
|
+
var StyledButtonsRow$9 = styled__default.default(ButtonsRow)(templateObject_6$6 || (templateObject_6$6 = __makeTemplateObject(["\n padding-top: 20px;\n"], ["\n padding-top: 20px;\n"])));
|
|
8830
|
+
var PreviewImage = styled__default.default.img(templateObject_7$4 || (templateObject_7$4 = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n object-fit: cover;\n"], ["\n width: 100%;\n height: 100%;\n object-fit: cover;\n"])));
|
|
8831
|
+
var templateObject_1$n, templateObject_2$l, templateObject_3$h, templateObject_4$b, templateObject_5$7, templateObject_6$6, templateObject_7$4;
|
|
8812
8832
|
|
|
8813
8833
|
var DocumentCaptureWizard = function DocumentCaptureWizard(_a) {
|
|
8814
8834
|
var onSuccess = _a.onSuccess,
|
|
@@ -9077,13 +9097,13 @@ var IdCaptureFallback = function IdCaptureFallback(_a) {
|
|
|
9077
9097
|
}
|
|
9078
9098
|
}, verbiage.doneBtnText))))));
|
|
9079
9099
|
};
|
|
9080
|
-
var StyledOverlayInner$2 = styled__default.default(OverlayInner$2)(templateObject_1$
|
|
9081
|
-
var Heading$8 = styled__default.default.h3(templateObject_2$
|
|
9082
|
-
var Description$3 = styled__default.default.p(templateObject_3$
|
|
9083
|
-
var Instruction = styled__default.default.p(templateObject_4$
|
|
9084
|
-
var ImageCol = styled__default.default.div(templateObject_5$
|
|
9085
|
-
var StyledButtonsRow$8 = styled__default.default(ButtonsRow)(templateObject_6$
|
|
9086
|
-
var templateObject_1$
|
|
9100
|
+
var StyledOverlayInner$2 = styled__default.default(OverlayInner$2)(templateObject_1$m || (templateObject_1$m = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
9101
|
+
var Heading$8 = styled__default.default.h3(templateObject_2$k || (templateObject_2$k = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
9102
|
+
var Description$3 = styled__default.default.p(templateObject_3$g || (templateObject_3$g = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
9103
|
+
var Instruction = styled__default.default.p(templateObject_4$a || (templateObject_4$a = __makeTemplateObject(["\n font-weight: bold;\n"], ["\n font-weight: bold;\n"])));
|
|
9104
|
+
var ImageCol = styled__default.default.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"])));
|
|
9105
|
+
var StyledButtonsRow$8 = styled__default.default(ButtonsRow)(templateObject_6$5 || (templateObject_6$5 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
9106
|
+
var templateObject_1$m, templateObject_2$k, templateObject_3$g, templateObject_4$a, templateObject_5$6, templateObject_6$5;
|
|
9087
9107
|
|
|
9088
9108
|
function ScalingCameraFeed() {
|
|
9089
9109
|
var _a = React.useContext(IdCaptureStateContext),
|
|
@@ -9102,6 +9122,579 @@ function ScalingCameraFeed() {
|
|
|
9102
9122
|
}, /*#__PURE__*/React__namespace.default.createElement(CameraVideoTag, null));
|
|
9103
9123
|
}
|
|
9104
9124
|
|
|
9125
|
+
var buttonColors = {
|
|
9126
|
+
backgroundColor: 'white',
|
|
9127
|
+
borderColor: '#dbdbdb',
|
|
9128
|
+
textColor: '#323232'
|
|
9129
|
+
};
|
|
9130
|
+
function IdCaptureOrUploadScreen(_a) {
|
|
9131
|
+
var _b = _a.classNames,
|
|
9132
|
+
classNames = _b === void 0 ? {} : _b,
|
|
9133
|
+
_c = _a.verbiage,
|
|
9134
|
+
rawVerbiage = _c === void 0 ? {} : _c;
|
|
9135
|
+
var _d = useIdCaptureState(),
|
|
9136
|
+
state = _d[0],
|
|
9137
|
+
dispatch = _d[1];
|
|
9138
|
+
var requestCameraAccess = useCameraStore().requestCameraAccess;
|
|
9139
|
+
var _e = React.useState(false),
|
|
9140
|
+
selectIdTypeModalOpen = _e[0],
|
|
9141
|
+
setSelectIdTypeModalOpen = _e[1];
|
|
9142
|
+
var verbiage = useTranslations(rawVerbiage, {
|
|
9143
|
+
captureWithCameraText: 'Capture with Camera',
|
|
9144
|
+
orText: 'OR',
|
|
9145
|
+
uploadFromStorageText: 'Upload from Storage',
|
|
9146
|
+
selectIdTypeText: 'Select ID Type',
|
|
9147
|
+
passportText: 'Passport',
|
|
9148
|
+
idCardText: 'ID Card'
|
|
9149
|
+
});
|
|
9150
|
+
if (state.captureState === 'uploading') {
|
|
9151
|
+
if (state.uploadingDocumentsType === 'passport') {
|
|
9152
|
+
return /*#__PURE__*/React__namespace.default.createElement(PassportUploadScreen, {
|
|
9153
|
+
classNames: classNames.passportUploadScreen
|
|
9154
|
+
});
|
|
9155
|
+
} else if (state.uploadingDocumentsType === 'idCard') {
|
|
9156
|
+
return /*#__PURE__*/React__namespace.default.createElement(IdDocumentUploadScreen, {
|
|
9157
|
+
classNames: classNames.idDocumentUploadScreen
|
|
9158
|
+
});
|
|
9159
|
+
}
|
|
9160
|
+
}
|
|
9161
|
+
return /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(ScreenContainer, {
|
|
9162
|
+
className: classNames.container
|
|
9163
|
+
}, /*#__PURE__*/React__namespace.default.createElement(ScreenPanel, {
|
|
9164
|
+
className: classNames.captureWithCameraPanel
|
|
9165
|
+
}, /*#__PURE__*/React__namespace.default.createElement(CameraIcon, {
|
|
9166
|
+
className: classNames.captureWithCameraIcon
|
|
9167
|
+
}), /*#__PURE__*/React__namespace.default.createElement(Button, {
|
|
9168
|
+
className: classNames.captureWithCameraButton,
|
|
9169
|
+
colors: buttonColors,
|
|
9170
|
+
onClick: function onClick() {
|
|
9171
|
+
void requestCameraAccess();
|
|
9172
|
+
dispatch({
|
|
9173
|
+
type: 'setUploadingDocumentsFromStorage',
|
|
9174
|
+
payload: false
|
|
9175
|
+
});
|
|
9176
|
+
}
|
|
9177
|
+
}, verbiage.captureWithCameraText, /*#__PURE__*/React__namespace.default.createElement(ArrowIcon, null))), /*#__PURE__*/React__namespace.default.createElement(DashedSeparator, {
|
|
9178
|
+
className: classNames.separator
|
|
9179
|
+
}, /*#__PURE__*/React__namespace.default.createElement(OrWrapper, {
|
|
9180
|
+
className: classNames.orText
|
|
9181
|
+
}, verbiage.orText)), /*#__PURE__*/React__namespace.default.createElement(ScreenPanel, {
|
|
9182
|
+
className: classNames.uploadFromStoragePanel
|
|
9183
|
+
}, /*#__PURE__*/React__namespace.default.createElement(UploadIcon, {
|
|
9184
|
+
className: classNames.uploadFromStorageIcon
|
|
9185
|
+
}), /*#__PURE__*/React__namespace.default.createElement(Button, {
|
|
9186
|
+
className: classNames.uploadFromStorageButton,
|
|
9187
|
+
colors: buttonColors,
|
|
9188
|
+
onClick: function onClick() {
|
|
9189
|
+
dispatch({
|
|
9190
|
+
type: 'setUploadingDocumentsFromStorage',
|
|
9191
|
+
payload: true
|
|
9192
|
+
});
|
|
9193
|
+
setSelectIdTypeModalOpen(state.captureRequirement === 'idCardOrPassport');
|
|
9194
|
+
if (state.captureRequirement === 'passport') {
|
|
9195
|
+
dispatch({
|
|
9196
|
+
type: 'setUploadingDocumentsType',
|
|
9197
|
+
payload: 'passport'
|
|
9198
|
+
});
|
|
9199
|
+
} else {
|
|
9200
|
+
dispatch({
|
|
9201
|
+
type: 'setUploadingDocumentsType',
|
|
9202
|
+
payload: 'idCard'
|
|
9203
|
+
});
|
|
9204
|
+
}
|
|
9205
|
+
}
|
|
9206
|
+
}, verbiage.uploadFromStorageText, /*#__PURE__*/React__namespace.default.createElement(ArrowIcon, null)))), selectIdTypeModalOpen && ( /*#__PURE__*/React__namespace.default.createElement(Modal, {
|
|
9207
|
+
className: classNames.selectIdTypeModal
|
|
9208
|
+
}, /*#__PURE__*/React__namespace.default.createElement(Dialog, {
|
|
9209
|
+
className: classNames.selectIdTypeDialog
|
|
9210
|
+
}, /*#__PURE__*/React__namespace.default.createElement(ScreenPanel, {
|
|
9211
|
+
className: classNames.selectPassportTypePanel
|
|
9212
|
+
}, /*#__PURE__*/React__namespace.default.createElement(ScreenPanelHeading, {
|
|
9213
|
+
className: classNames.selectIdTypeHeading
|
|
9214
|
+
}, verbiage.selectIdTypeText), /*#__PURE__*/React__namespace.default.createElement(PassportIcon, {
|
|
9215
|
+
className: classNames.selectPassportTypeIcon
|
|
9216
|
+
}), /*#__PURE__*/React__namespace.default.createElement(Button, {
|
|
9217
|
+
className: classNames.selectPassportTypeButton,
|
|
9218
|
+
colors: buttonColors,
|
|
9219
|
+
onClick: function onClick() {
|
|
9220
|
+
return dispatch({
|
|
9221
|
+
type: 'setUploadingDocumentsType',
|
|
9222
|
+
payload: 'passport'
|
|
9223
|
+
});
|
|
9224
|
+
}
|
|
9225
|
+
}, verbiage.passportText, /*#__PURE__*/React__namespace.default.createElement(ArrowIcon, null))), /*#__PURE__*/React__namespace.default.createElement(ScreenPanel, {
|
|
9226
|
+
className: classNames.selectIdCardTypePanel,
|
|
9227
|
+
style: {
|
|
9228
|
+
background: 'white',
|
|
9229
|
+
padding: '80px 0'
|
|
9230
|
+
}
|
|
9231
|
+
}, /*#__PURE__*/React__namespace.default.createElement(IdDocumentIcon, {
|
|
9232
|
+
className: classNames.selectIdCardTypeIcon
|
|
9233
|
+
}), /*#__PURE__*/React__namespace.default.createElement(Button, {
|
|
9234
|
+
className: classNames.selectIdCardTypeButton,
|
|
9235
|
+
colors: buttonColors,
|
|
9236
|
+
onClick: function onClick() {
|
|
9237
|
+
return dispatch({
|
|
9238
|
+
type: 'setUploadingDocumentsType',
|
|
9239
|
+
payload: 'idCard'
|
|
9240
|
+
});
|
|
9241
|
+
}
|
|
9242
|
+
}, verbiage.idCardText, /*#__PURE__*/React__namespace.default.createElement(ArrowIcon, null)))), /*#__PURE__*/React__namespace.default.createElement(ModalCloseButton, {
|
|
9243
|
+
className: classNames.selectIdTypeModalCloseButton,
|
|
9244
|
+
onClick: function onClick() {
|
|
9245
|
+
return setSelectIdTypeModalOpen(false);
|
|
9246
|
+
}
|
|
9247
|
+
}, "\xD7"))));
|
|
9248
|
+
}
|
|
9249
|
+
function PassportUploadScreen(_a) {
|
|
9250
|
+
var _b = _a.classNames,
|
|
9251
|
+
classNames = _b === void 0 ? {} : _b,
|
|
9252
|
+
_c = _a.verbiage,
|
|
9253
|
+
rawVerbiage = _c === void 0 ? {} : _c;
|
|
9254
|
+
var _d = React.useState(null),
|
|
9255
|
+
file = _d[0],
|
|
9256
|
+
setFile = _d[1];
|
|
9257
|
+
var onCapturedManually = useOnCapturedManually();
|
|
9258
|
+
var verbiage = useTranslations(rawVerbiage, {
|
|
9259
|
+
uploadPassportText: 'Upload Passport',
|
|
9260
|
+
loadingText: 'Loading...',
|
|
9261
|
+
continueText: 'Continue',
|
|
9262
|
+
cancelText: 'Cancel'
|
|
9263
|
+
});
|
|
9264
|
+
return /*#__PURE__*/React__namespace.default.createElement(ScreenContainer, {
|
|
9265
|
+
className: classNames.container
|
|
9266
|
+
}, /*#__PURE__*/React__namespace.default.createElement(ScreenPanel, {
|
|
9267
|
+
className: classNames.uploadPassportPanel
|
|
9268
|
+
}, /*#__PURE__*/React__namespace.default.createElement(UploadIcon, {
|
|
9269
|
+
className: classNames.uploadPassportIcon
|
|
9270
|
+
}), /*#__PURE__*/React__namespace.default.createElement(FilePickerButton, {
|
|
9271
|
+
className: classNames.uploadPassportButton,
|
|
9272
|
+
onFileSelected: setFile,
|
|
9273
|
+
loadingText: verbiage.loadingText
|
|
9274
|
+
}, verbiage.uploadPassportText)), /*#__PURE__*/React__namespace.default.createElement(ScreenActionsBar, {
|
|
9275
|
+
className: classNames.actionsBar
|
|
9276
|
+
}, /*#__PURE__*/React__namespace.default.createElement(CancelUploadTypeButton, {
|
|
9277
|
+
className: classNames.cancelButton
|
|
9278
|
+
}, verbiage.cancelText), /*#__PURE__*/React__namespace.default.createElement(Button, {
|
|
9279
|
+
className: classNames.continueButton,
|
|
9280
|
+
disabled: !file,
|
|
9281
|
+
colors: buttonColors,
|
|
9282
|
+
onClick: function onClick() {
|
|
9283
|
+
return onCapturedManually(file);
|
|
9284
|
+
}
|
|
9285
|
+
}, verbiage.continueText)));
|
|
9286
|
+
}
|
|
9287
|
+
function IdDocumentUploadScreen(_a) {
|
|
9288
|
+
var _b = _a.classNames,
|
|
9289
|
+
classNames = _b === void 0 ? {} : _b,
|
|
9290
|
+
_c = _a.verbiage,
|
|
9291
|
+
rawVerbiage = _c === void 0 ? {} : _c;
|
|
9292
|
+
var _d = React.useState(null),
|
|
9293
|
+
idFrontFile = _d[0],
|
|
9294
|
+
setIdFrontFile = _d[1];
|
|
9295
|
+
var _e = React.useState(null),
|
|
9296
|
+
idBackFile = _e[0],
|
|
9297
|
+
setIdBackFile = _e[1];
|
|
9298
|
+
var onCapturedManually = useOnCapturedManually();
|
|
9299
|
+
var verbiage = useTranslations(rawVerbiage, {
|
|
9300
|
+
uploadIdFrontText: 'Upload ID Front',
|
|
9301
|
+
uploadIdBackText: 'Upload ID Back',
|
|
9302
|
+
loadingText: 'Loading...',
|
|
9303
|
+
continueText: 'Continue',
|
|
9304
|
+
cancelText: 'Cancel'
|
|
9305
|
+
});
|
|
9306
|
+
return /*#__PURE__*/React__namespace.default.createElement(ScreenContainer, {
|
|
9307
|
+
className: classNames.container
|
|
9308
|
+
}, /*#__PURE__*/React__namespace.default.createElement(ScreenPanel, {
|
|
9309
|
+
className: classNames.uploadIdFrontPanel
|
|
9310
|
+
}, /*#__PURE__*/React__namespace.default.createElement(UploadIcon, {
|
|
9311
|
+
className: classNames.uploadIdFrontIcon
|
|
9312
|
+
}), /*#__PURE__*/React__namespace.default.createElement(FilePickerButton, {
|
|
9313
|
+
className: classNames.uploadIdFrontButton,
|
|
9314
|
+
onFileSelected: setIdFrontFile,
|
|
9315
|
+
loadingText: verbiage.loadingText
|
|
9316
|
+
}, verbiage.uploadIdFrontText)), /*#__PURE__*/React__namespace.default.createElement(DashedSeparator, {
|
|
9317
|
+
className: classNames.separator
|
|
9318
|
+
}), /*#__PURE__*/React__namespace.default.createElement(ScreenPanel, {
|
|
9319
|
+
className: classNames.uploadIdBackPanel
|
|
9320
|
+
}, /*#__PURE__*/React__namespace.default.createElement(UploadIcon, {
|
|
9321
|
+
className: classNames.uploadIdBackIcon
|
|
9322
|
+
}), /*#__PURE__*/React__namespace.default.createElement(FilePickerButton, {
|
|
9323
|
+
className: classNames.uploadIdBackButton,
|
|
9324
|
+
onFileSelected: setIdBackFile,
|
|
9325
|
+
loadingText: verbiage.loadingText
|
|
9326
|
+
}, verbiage.uploadIdBackText)), /*#__PURE__*/React__namespace.default.createElement(ScreenActionsBar, {
|
|
9327
|
+
className: classNames.actionsBar
|
|
9328
|
+
}, /*#__PURE__*/React__namespace.default.createElement(CancelUploadTypeButton, {
|
|
9329
|
+
className: classNames.cancelButton
|
|
9330
|
+
}, verbiage.cancelText), /*#__PURE__*/React__namespace.default.createElement(Button, {
|
|
9331
|
+
className: classNames.continueButton,
|
|
9332
|
+
disabled: !idFrontFile || !idBackFile,
|
|
9333
|
+
colors: buttonColors,
|
|
9334
|
+
onClick: function onClick() {
|
|
9335
|
+
return onCapturedManually(idFrontFile, idBackFile);
|
|
9336
|
+
}
|
|
9337
|
+
}, verbiage.continueText)));
|
|
9338
|
+
}
|
|
9339
|
+
function CancelUploadTypeButton(_a) {
|
|
9340
|
+
var children = _a.children,
|
|
9341
|
+
className = _a.className;
|
|
9342
|
+
var dispatch = useIdCaptureState()[1];
|
|
9343
|
+
return /*#__PURE__*/React__namespace.default.createElement(Button, {
|
|
9344
|
+
className: className,
|
|
9345
|
+
colors: buttonColors,
|
|
9346
|
+
onClick: function onClick() {
|
|
9347
|
+
return dispatch({
|
|
9348
|
+
type: 'setUploadingDocumentsType',
|
|
9349
|
+
payload: null
|
|
9350
|
+
});
|
|
9351
|
+
}
|
|
9352
|
+
}, children);
|
|
9353
|
+
}
|
|
9354
|
+
function useOnCapturedManually() {
|
|
9355
|
+
var dispatch = useIdCaptureState()[1];
|
|
9356
|
+
return React.useCallback(function () {
|
|
9357
|
+
var files = [];
|
|
9358
|
+
for (var _i = 0; _i < arguments.length; _i++) {
|
|
9359
|
+
files[_i] = arguments[_i];
|
|
9360
|
+
}
|
|
9361
|
+
return Promise.all(files.map(readFile)).then(function (f) {
|
|
9362
|
+
for (var _i = 0, f_1 = f; _i < f_1.length; _i++) {
|
|
9363
|
+
var imageData = f_1[_i];
|
|
9364
|
+
dispatch({
|
|
9365
|
+
type: 'documentCapturedManually',
|
|
9366
|
+
payload: {
|
|
9367
|
+
imageData: imageData
|
|
9368
|
+
}
|
|
9369
|
+
});
|
|
9370
|
+
}
|
|
9371
|
+
});
|
|
9372
|
+
}, [dispatch]);
|
|
9373
|
+
}
|
|
9374
|
+
function readFile(file) {
|
|
9375
|
+
return new Promise(function (resolve, reject) {
|
|
9376
|
+
var reader = new FileReader();
|
|
9377
|
+
reader.onload = function () {
|
|
9378
|
+
return resolve(reader.result);
|
|
9379
|
+
};
|
|
9380
|
+
reader.onerror = function (e) {
|
|
9381
|
+
return reject(e);
|
|
9382
|
+
};
|
|
9383
|
+
reader.readAsDataURL(file);
|
|
9384
|
+
});
|
|
9385
|
+
}
|
|
9386
|
+
function FilePickerButton(_a) {
|
|
9387
|
+
var className = _a.className,
|
|
9388
|
+
children = _a.children,
|
|
9389
|
+
_b = _a.loadingText,
|
|
9390
|
+
loadingText = _b === void 0 ? 'Loading...' : _b,
|
|
9391
|
+
onFileSelected = _a.onFileSelected;
|
|
9392
|
+
var fileInput = React.useRef(null);
|
|
9393
|
+
var _c = React.useState(false),
|
|
9394
|
+
filePickerLoading = _c[0],
|
|
9395
|
+
setFilePickerLoading = _c[1];
|
|
9396
|
+
var _d = React.useState(null),
|
|
9397
|
+
file = _d[0],
|
|
9398
|
+
setFile = _d[1];
|
|
9399
|
+
React.useEffect(function () {
|
|
9400
|
+
if (!fileInput.current) return;
|
|
9401
|
+
fileInput.current.oncancel = function () {
|
|
9402
|
+
setFile(null);
|
|
9403
|
+
setFilePickerLoading(false);
|
|
9404
|
+
};
|
|
9405
|
+
}, [fileInput, file]);
|
|
9406
|
+
return /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement("input", {
|
|
9407
|
+
ref: fileInput,
|
|
9408
|
+
type: "file",
|
|
9409
|
+
accept: "image/*",
|
|
9410
|
+
style: {
|
|
9411
|
+
display: 'none'
|
|
9412
|
+
},
|
|
9413
|
+
onChange: function onChange(e) {
|
|
9414
|
+
var _a;
|
|
9415
|
+
setFilePickerLoading(false);
|
|
9416
|
+
var file = (_a = e.currentTarget.files) === null || _a === void 0 ? void 0 : _a[0];
|
|
9417
|
+
if (!file) return;
|
|
9418
|
+
setFile(file);
|
|
9419
|
+
onFileSelected === null || onFileSelected === void 0 ? void 0 : onFileSelected(file);
|
|
9420
|
+
}
|
|
9421
|
+
}), /*#__PURE__*/React__namespace.default.createElement(Button, {
|
|
9422
|
+
className: className,
|
|
9423
|
+
colors: buttonColors,
|
|
9424
|
+
onClick: function onClick() {
|
|
9425
|
+
var _a;
|
|
9426
|
+
setFilePickerLoading(true);
|
|
9427
|
+
(_a = fileInput.current) === null || _a === void 0 ? void 0 : _a.click();
|
|
9428
|
+
}
|
|
9429
|
+
}, file ? "".concat(file.name, " (").concat(humanFileSize(file.size), ")") : filePickerLoading ? loadingText : children));
|
|
9430
|
+
}
|
|
9431
|
+
var ScreenContainer = styled__default.default.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) {
|
|
9432
|
+
var _a;
|
|
9433
|
+
return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
|
|
9434
|
+
});
|
|
9435
|
+
var ScreenPanel = styled__default.default.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"])));
|
|
9436
|
+
var ScreenPanelHeading = styled__default.default.h3(templateObject_3$f || (templateObject_3$f = __makeTemplateObject(["\n margin: 0 0 30px;\n"], ["\n margin: 0 0 30px;\n"])));
|
|
9437
|
+
var ScreenActionsBar = styled__default.default.div(templateObject_4$9 || (templateObject_4$9 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: end;\n gap: 20px;\n padding: 20px;\n width: 100%;\n box-sizing: border-box;\n border-top: 1px solid #ccc;\n"], ["\n display: flex;\n align-items: center;\n justify-content: end;\n gap: 20px;\n padding: 20px;\n width: 100%;\n box-sizing: border-box;\n border-top: 1px solid #ccc;\n"])));
|
|
9438
|
+
var DashedSeparator = styled__default.default.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"])));
|
|
9439
|
+
var OrWrapper = styled__default.default.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"])));
|
|
9440
|
+
var Button = styled__default.default(WideBorderButton)(templateObject_7$3 || (templateObject_7$3 = __makeTemplateObject(["\n width: auto;\n font-weight: 500;\n padding-left: 40px;\n padding-right: 40px;\n transition: background-color 0.3s ease;\n background-color: #ffffff;\n\n &:disabled,\n &.disabled {\n background-color: #f1f1f1 !important;\n border-color: #dbdbdb !important;\n color: #323232 !important;\n }\n\n &:hover {\n filter: none;\n background-color: #fafafa !important;\n }\n"], ["\n width: auto;\n font-weight: 500;\n padding-left: 40px;\n padding-right: 40px;\n transition: background-color 0.3s ease;\n background-color: #ffffff;\n\n &:disabled,\n &.disabled {\n background-color: #f1f1f1 !important;\n border-color: #dbdbdb !important;\n color: #323232 !important;\n }\n\n &:hover {\n filter: none;\n background-color: #fafafa !important;\n }\n"])));
|
|
9441
|
+
var Modal = styled__default.default.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"])));
|
|
9442
|
+
var Dialog = styled__default.default.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) {
|
|
9443
|
+
var _a;
|
|
9444
|
+
return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
|
|
9445
|
+
});
|
|
9446
|
+
var ModalCloseButton = styled__default.default.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"])));
|
|
9447
|
+
function CameraIcon(props) {
|
|
9448
|
+
return /*#__PURE__*/React__namespace.default.createElement("svg", _assign({
|
|
9449
|
+
width: "91",
|
|
9450
|
+
height: "75",
|
|
9451
|
+
viewBox: "0 0 91 75",
|
|
9452
|
+
fill: "none",
|
|
9453
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
9454
|
+
style: {
|
|
9455
|
+
marginBottom: 30
|
|
9456
|
+
}
|
|
9457
|
+
}, props), /*#__PURE__*/React__namespace.default.createElement("path", {
|
|
9458
|
+
d: "M22 2H2V22",
|
|
9459
|
+
stroke: "black",
|
|
9460
|
+
strokeWidth: "3",
|
|
9461
|
+
strokeLinecap: "round",
|
|
9462
|
+
strokeLinejoin: "round"
|
|
9463
|
+
}), /*#__PURE__*/React__namespace.default.createElement("path", {
|
|
9464
|
+
d: "M69 2H89V22",
|
|
9465
|
+
stroke: "black",
|
|
9466
|
+
strokeWidth: "3",
|
|
9467
|
+
strokeLinecap: "round",
|
|
9468
|
+
strokeLinejoin: "round"
|
|
9469
|
+
}), /*#__PURE__*/React__namespace.default.createElement("path", {
|
|
9470
|
+
d: "M22 73H2V53",
|
|
9471
|
+
stroke: "black",
|
|
9472
|
+
strokeWidth: "3",
|
|
9473
|
+
strokeLinecap: "round",
|
|
9474
|
+
strokeLinejoin: "round"
|
|
9475
|
+
}), /*#__PURE__*/React__namespace.default.createElement("path", {
|
|
9476
|
+
d: "M69 73H89V53",
|
|
9477
|
+
stroke: "black",
|
|
9478
|
+
strokeWidth: "3",
|
|
9479
|
+
strokeLinecap: "round",
|
|
9480
|
+
strokeLinejoin: "round"
|
|
9481
|
+
}), /*#__PURE__*/React__namespace.default.createElement("path", {
|
|
9482
|
+
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",
|
|
9483
|
+
stroke: "black",
|
|
9484
|
+
strokeWidth: "3"
|
|
9485
|
+
}), /*#__PURE__*/React__namespace.default.createElement("circle", {
|
|
9486
|
+
cx: "45",
|
|
9487
|
+
cy: "40",
|
|
9488
|
+
r: "10",
|
|
9489
|
+
stroke: "black",
|
|
9490
|
+
strokeWidth: "3"
|
|
9491
|
+
}), /*#__PURE__*/React__namespace.default.createElement("circle", {
|
|
9492
|
+
cx: "62",
|
|
9493
|
+
cy: "31",
|
|
9494
|
+
r: "2",
|
|
9495
|
+
fill: "#221D27"
|
|
9496
|
+
}));
|
|
9497
|
+
}
|
|
9498
|
+
function UploadIcon(props) {
|
|
9499
|
+
return /*#__PURE__*/React__namespace.default.createElement("svg", _assign({
|
|
9500
|
+
width: "61",
|
|
9501
|
+
height: "85",
|
|
9502
|
+
viewBox: "0 0 61 85",
|
|
9503
|
+
fill: "none",
|
|
9504
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
9505
|
+
style: {
|
|
9506
|
+
marginBottom: 30
|
|
9507
|
+
}
|
|
9508
|
+
}, props), /*#__PURE__*/React__namespace.default.createElement("path", {
|
|
9509
|
+
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",
|
|
9510
|
+
stroke: "black",
|
|
9511
|
+
strokeWidth: "3"
|
|
9512
|
+
}), /*#__PURE__*/React__namespace.default.createElement("path", {
|
|
9513
|
+
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",
|
|
9514
|
+
stroke: "black",
|
|
9515
|
+
strokeWidth: "3",
|
|
9516
|
+
strokeLinecap: "round",
|
|
9517
|
+
strokeLinejoin: "round"
|
|
9518
|
+
}), /*#__PURE__*/React__namespace.default.createElement("path", {
|
|
9519
|
+
d: "M17 56.5V62C17 63.1046 17.8954 64 19 64H43C44.1046 64 45 63.1046 45 62V56.5",
|
|
9520
|
+
stroke: "black",
|
|
9521
|
+
strokeWidth: "3",
|
|
9522
|
+
strokeLinecap: "round",
|
|
9523
|
+
strokeLinejoin: "round"
|
|
9524
|
+
}));
|
|
9525
|
+
}
|
|
9526
|
+
function ArrowIcon(props) {
|
|
9527
|
+
return /*#__PURE__*/React__namespace.default.createElement("svg", _assign({
|
|
9528
|
+
width: "18",
|
|
9529
|
+
height: "12",
|
|
9530
|
+
viewBox: "0 0 18 12",
|
|
9531
|
+
fill: "none",
|
|
9532
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
9533
|
+
style: {
|
|
9534
|
+
marginLeft: 12
|
|
9535
|
+
}
|
|
9536
|
+
}, props), /*#__PURE__*/React__namespace.default.createElement("path", {
|
|
9537
|
+
d: "M1 6H17M17 6L12.2281 1M17 6L12.2281 11",
|
|
9538
|
+
stroke: "#323232",
|
|
9539
|
+
strokeWidth: "2",
|
|
9540
|
+
strokeLinecap: "round",
|
|
9541
|
+
strokeLinejoin: "round"
|
|
9542
|
+
}));
|
|
9543
|
+
}
|
|
9544
|
+
function PassportIcon(props) {
|
|
9545
|
+
return /*#__PURE__*/React__namespace.default.createElement("svg", _assign({
|
|
9546
|
+
width: "61",
|
|
9547
|
+
height: "92",
|
|
9548
|
+
viewBox: "0 0 61 92",
|
|
9549
|
+
fill: "none",
|
|
9550
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
9551
|
+
style: {
|
|
9552
|
+
marginBottom: 30
|
|
9553
|
+
}
|
|
9554
|
+
}, props), /*#__PURE__*/React__namespace.default.createElement("path", {
|
|
9555
|
+
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",
|
|
9556
|
+
stroke: "black",
|
|
9557
|
+
strokeWidth: "3"
|
|
9558
|
+
}), /*#__PURE__*/React__namespace.default.createElement("rect", {
|
|
9559
|
+
x: "2",
|
|
9560
|
+
y: "12",
|
|
9561
|
+
width: "57",
|
|
9562
|
+
height: "78",
|
|
9563
|
+
rx: "4",
|
|
9564
|
+
fill: "#F3F3F3",
|
|
9565
|
+
stroke: "black",
|
|
9566
|
+
strokeWidth: "3"
|
|
9567
|
+
}), /*#__PURE__*/React__namespace.default.createElement("circle", {
|
|
9568
|
+
cx: "30.5",
|
|
9569
|
+
cy: "44.5",
|
|
9570
|
+
r: "16.5",
|
|
9571
|
+
stroke: "black",
|
|
9572
|
+
strokeWidth: "3"
|
|
9573
|
+
}), /*#__PURE__*/React__namespace.default.createElement("ellipse", {
|
|
9574
|
+
cx: "31",
|
|
9575
|
+
cy: "44.5",
|
|
9576
|
+
rx: "8",
|
|
9577
|
+
ry: "16.5",
|
|
9578
|
+
stroke: "black",
|
|
9579
|
+
strokeWidth: "3"
|
|
9580
|
+
}), /*#__PURE__*/React__namespace.default.createElement("path", {
|
|
9581
|
+
d: "M16 39H45",
|
|
9582
|
+
stroke: "black",
|
|
9583
|
+
strokeWidth: "3",
|
|
9584
|
+
strokeLinecap: "round",
|
|
9585
|
+
strokeLinejoin: "round"
|
|
9586
|
+
}), /*#__PURE__*/React__namespace.default.createElement("path", {
|
|
9587
|
+
d: "M16 51H45",
|
|
9588
|
+
stroke: "black",
|
|
9589
|
+
strokeWidth: "3",
|
|
9590
|
+
strokeLinecap: "round",
|
|
9591
|
+
strokeLinejoin: "round"
|
|
9592
|
+
}), /*#__PURE__*/React__namespace.default.createElement("path", {
|
|
9593
|
+
d: "M17 68H44",
|
|
9594
|
+
stroke: "black",
|
|
9595
|
+
strokeWidth: "3",
|
|
9596
|
+
strokeLinecap: "round",
|
|
9597
|
+
strokeLinejoin: "round"
|
|
9598
|
+
}), /*#__PURE__*/React__namespace.default.createElement("path", {
|
|
9599
|
+
d: "M21 76H40",
|
|
9600
|
+
stroke: "black",
|
|
9601
|
+
strokeWidth: "3",
|
|
9602
|
+
strokeLinecap: "round",
|
|
9603
|
+
strokeLinejoin: "round"
|
|
9604
|
+
}));
|
|
9605
|
+
}
|
|
9606
|
+
function IdDocumentIcon(props) {
|
|
9607
|
+
return /*#__PURE__*/React__namespace.default.createElement("svg", _assign({
|
|
9608
|
+
width: "92",
|
|
9609
|
+
height: "62",
|
|
9610
|
+
viewBox: "0 0 92 62",
|
|
9611
|
+
fill: "none",
|
|
9612
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
9613
|
+
style: {
|
|
9614
|
+
marginBottom: 30
|
|
9615
|
+
}
|
|
9616
|
+
}, props), /*#__PURE__*/React__namespace.default.createElement("path", {
|
|
9617
|
+
d: "M18 41C18 41 18.5 33 24.5 33C30.5 33 31 41 31 41",
|
|
9618
|
+
stroke: "black",
|
|
9619
|
+
strokeWidth: "3",
|
|
9620
|
+
strokeLinecap: "round",
|
|
9621
|
+
strokeLinejoin: "round"
|
|
9622
|
+
}), /*#__PURE__*/React__namespace.default.createElement("rect", {
|
|
9623
|
+
x: "2",
|
|
9624
|
+
y: "2",
|
|
9625
|
+
width: "88",
|
|
9626
|
+
height: "58",
|
|
9627
|
+
rx: "6",
|
|
9628
|
+
stroke: "black",
|
|
9629
|
+
strokeWidth: "3"
|
|
9630
|
+
}), /*#__PURE__*/React__namespace.default.createElement("rect", {
|
|
9631
|
+
x: "10",
|
|
9632
|
+
y: "15",
|
|
9633
|
+
width: "29",
|
|
9634
|
+
height: "30",
|
|
9635
|
+
rx: "3",
|
|
9636
|
+
stroke: "black",
|
|
9637
|
+
strokeWidth: "3"
|
|
9638
|
+
}), /*#__PURE__*/React__namespace.default.createElement("path", {
|
|
9639
|
+
d: "M48 17H80",
|
|
9640
|
+
stroke: "black",
|
|
9641
|
+
strokeWidth: "3",
|
|
9642
|
+
strokeLinecap: "round",
|
|
9643
|
+
strokeLinejoin: "round"
|
|
9644
|
+
}), /*#__PURE__*/React__namespace.default.createElement("path", {
|
|
9645
|
+
d: "M48 35H80",
|
|
9646
|
+
stroke: "black",
|
|
9647
|
+
strokeWidth: "3",
|
|
9648
|
+
strokeLinecap: "round",
|
|
9649
|
+
strokeLinejoin: "round"
|
|
9650
|
+
}), /*#__PURE__*/React__namespace.default.createElement("path", {
|
|
9651
|
+
d: "M48 44H62",
|
|
9652
|
+
stroke: "black",
|
|
9653
|
+
strokeWidth: "3",
|
|
9654
|
+
strokeLinecap: "round",
|
|
9655
|
+
strokeLinejoin: "round"
|
|
9656
|
+
}), /*#__PURE__*/React__namespace.default.createElement("path", {
|
|
9657
|
+
d: "M48 26H69",
|
|
9658
|
+
stroke: "black",
|
|
9659
|
+
strokeWidth: "3",
|
|
9660
|
+
strokeLinecap: "round",
|
|
9661
|
+
strokeLinejoin: "round"
|
|
9662
|
+
}), /*#__PURE__*/React__namespace.default.createElement("path", {
|
|
9663
|
+
d: "M74 26L80 26",
|
|
9664
|
+
stroke: "black",
|
|
9665
|
+
strokeWidth: "3",
|
|
9666
|
+
strokeLinecap: "round",
|
|
9667
|
+
strokeLinejoin: "round"
|
|
9668
|
+
}), /*#__PURE__*/React__namespace.default.createElement("circle", {
|
|
9669
|
+
cx: "24.5",
|
|
9670
|
+
cy: "26.5",
|
|
9671
|
+
r: "6.5",
|
|
9672
|
+
stroke: "black",
|
|
9673
|
+
strokeWidth: "3"
|
|
9674
|
+
}));
|
|
9675
|
+
}
|
|
9676
|
+
function humanFileSize(bytes, si, dp) {
|
|
9677
|
+
if (si === void 0) {
|
|
9678
|
+
si = false;
|
|
9679
|
+
}
|
|
9680
|
+
if (dp === void 0) {
|
|
9681
|
+
dp = 1;
|
|
9682
|
+
}
|
|
9683
|
+
var thresh = si ? 1000 : 1024;
|
|
9684
|
+
if (Math.abs(bytes) < thresh) {
|
|
9685
|
+
return bytes + ' B';
|
|
9686
|
+
}
|
|
9687
|
+
var units = si ? ['kB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'] : ['KiB', 'MiB', 'GiB', 'TiB', 'PiB', 'EiB', 'ZiB', 'YiB'];
|
|
9688
|
+
var u = -1;
|
|
9689
|
+
var r = Math.pow(10, dp);
|
|
9690
|
+
do {
|
|
9691
|
+
bytes /= thresh;
|
|
9692
|
+
++u;
|
|
9693
|
+
} while (Math.round(Math.abs(bytes) * r) / r >= thresh && u < units.length - 1);
|
|
9694
|
+
return bytes.toFixed(dp) + ' ' + units[u];
|
|
9695
|
+
}
|
|
9696
|
+
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;
|
|
9697
|
+
|
|
9105
9698
|
var IdCaptureWizard = function IdCaptureWizard(_a) {
|
|
9106
9699
|
var _b, _c, _d, _e, _f, _g;
|
|
9107
9700
|
var onSuccess = _a.onSuccess,
|
|
@@ -9141,42 +9734,44 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
|
|
|
9141
9734
|
enableOverrideWrongDocumentTypeDialog = _w === void 0 ? false : _w,
|
|
9142
9735
|
_x = _a.allowOverrideWrongDocumentTypeAfterMs,
|
|
9143
9736
|
allowOverrideWrongDocumentTypeAfterMs = _x === void 0 ? 8000 : _x,
|
|
9144
|
-
_y = _a.
|
|
9145
|
-
|
|
9146
|
-
_z = _a.
|
|
9147
|
-
|
|
9148
|
-
_0 = _a.
|
|
9149
|
-
|
|
9150
|
-
_1 = _a.
|
|
9151
|
-
|
|
9152
|
-
_2 = _a.
|
|
9153
|
-
|
|
9154
|
-
_3 = _a.
|
|
9155
|
-
|
|
9156
|
-
|
|
9157
|
-
|
|
9158
|
-
|
|
9159
|
-
|
|
9160
|
-
|
|
9161
|
-
|
|
9162
|
-
|
|
9163
|
-
|
|
9164
|
-
|
|
9165
|
-
|
|
9166
|
-
|
|
9167
|
-
|
|
9168
|
-
|
|
9169
|
-
|
|
9170
|
-
|
|
9171
|
-
|
|
9172
|
-
|
|
9173
|
-
|
|
9174
|
-
|
|
9175
|
-
|
|
9176
|
-
|
|
9177
|
-
|
|
9178
|
-
|
|
9179
|
-
|
|
9737
|
+
_y = _a.allowUploadingDocumentsFromStorage,
|
|
9738
|
+
allowUploadingDocumentsFromStorage = _y === void 0 ? false : _y,
|
|
9739
|
+
_z = _a.guideImages,
|
|
9740
|
+
guideImages = _z === void 0 ? defaultIdCaptureGuideImages : _z,
|
|
9741
|
+
_0 = _a.assets,
|
|
9742
|
+
assets = _0 === void 0 ? {} : _0,
|
|
9743
|
+
_1 = _a.classNames,
|
|
9744
|
+
classNames = _1 === void 0 ? {} : _1,
|
|
9745
|
+
_2 = _a.colors,
|
|
9746
|
+
colors = _2 === void 0 ? {} : _2,
|
|
9747
|
+
_3 = _a.verbiage,
|
|
9748
|
+
verbiage = _3 === void 0 ? {} : _3,
|
|
9749
|
+
_4 = _a.debugMode,
|
|
9750
|
+
debugMode = _4 === void 0 ? false : _4;
|
|
9751
|
+
var _5 = useIdCaptureState(),
|
|
9752
|
+
state = _5[0],
|
|
9753
|
+
dispatch = _5[1];
|
|
9754
|
+
var _6 = useCameraStore(),
|
|
9755
|
+
cameraAccessDenied = _6.cameraAccessDenied,
|
|
9756
|
+
requestCameraAccess = _6.requestCameraAccess,
|
|
9757
|
+
releaseCameraAccess = _6.releaseCameraAccess;
|
|
9758
|
+
var _7 = React.useState(false),
|
|
9759
|
+
overlayDismissed = _7[0],
|
|
9760
|
+
setOverlayDismissed = _7[1];
|
|
9761
|
+
var _8 = React.useContext(SubmissionContext),
|
|
9762
|
+
submissionStatus = _8.submissionStatus,
|
|
9763
|
+
setIdFrontImage = _8.setIdFrontImage,
|
|
9764
|
+
setIdBackImage = _8.setIdBackImage,
|
|
9765
|
+
setPassportImage = _8.setPassportImage,
|
|
9766
|
+
logIdFrontCaptureAttempt = _8.logIdFrontCaptureAttempt,
|
|
9767
|
+
logIdBackCaptureAttempt = _8.logIdBackCaptureAttempt;
|
|
9768
|
+
var _9 = React.useContext(IdCaptureModelsContext),
|
|
9769
|
+
start = _9.start,
|
|
9770
|
+
stop = _9.stop,
|
|
9771
|
+
onPredictionMade = _9.onPredictionMade,
|
|
9772
|
+
setRequiredDocumentType = _9.setRequiredDocumentType,
|
|
9773
|
+
modelError = _9.modelError,
|
|
9774
|
+
resetBestFrame = _9.resetBestFrame;
|
|
9180
9775
|
React.useEffect(function () {
|
|
9181
9776
|
dispatch({
|
|
9182
9777
|
type: 'configureWizard',
|
|
@@ -9186,10 +9781,11 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
|
|
|
9186
9781
|
allowSinglePageIdCapture: allowSinglePageIdCapture,
|
|
9187
9782
|
allowIdCardBackToFrontCapture: allowIdCardBackToFrontCapture,
|
|
9188
9783
|
enableOverrideWrongDocumentTypeDialog: enableOverrideWrongDocumentTypeDialog,
|
|
9189
|
-
allowOverrideWrongDocumentTypeAfterMs: allowOverrideWrongDocumentTypeAfterMs
|
|
9784
|
+
allowOverrideWrongDocumentTypeAfterMs: allowOverrideWrongDocumentTypeAfterMs,
|
|
9785
|
+
allowUploadingDocumentsFromStorage: allowUploadingDocumentsFromStorage
|
|
9190
9786
|
}
|
|
9191
9787
|
});
|
|
9192
|
-
}, [allowIdCardBackToFrontCapture, allowOverrideWrongDocumentTypeAfterMs, allowSinglePageIdCapture, captureRequirement, dispatch, enableOverrideWrongDocumentTypeDialog, precapturedDocuments]);
|
|
9788
|
+
}, [allowIdCardBackToFrontCapture, allowOverrideWrongDocumentTypeAfterMs, allowSinglePageIdCapture, allowUploadingDocumentsFromStorage, captureRequirement, dispatch, enableOverrideWrongDocumentTypeDialog, precapturedDocuments]);
|
|
9193
9789
|
var documentCount = Object.keys(state.capturedDocuments).length;
|
|
9194
9790
|
React.useEffect(function () {
|
|
9195
9791
|
if (documentCount) resetBestFrame();
|
|
@@ -9276,9 +9872,9 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
|
|
|
9276
9872
|
type: 'resetWizard'
|
|
9277
9873
|
});
|
|
9278
9874
|
}, [dispatch]);
|
|
9279
|
-
var
|
|
9280
|
-
attempt =
|
|
9281
|
-
setAttempt =
|
|
9875
|
+
var _10 = React.useState(0),
|
|
9876
|
+
attempt = _10[0],
|
|
9877
|
+
setAttempt = _10[1];
|
|
9282
9878
|
var onExit = React.useCallback(function () {
|
|
9283
9879
|
releaseCameraAccess();
|
|
9284
9880
|
setOverlayDismissed(false);
|
|
@@ -9369,9 +9965,9 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
|
|
|
9369
9965
|
});
|
|
9370
9966
|
});
|
|
9371
9967
|
}, [dispatch]);
|
|
9372
|
-
var
|
|
9373
|
-
progressStarted =
|
|
9374
|
-
setProgressStarted =
|
|
9968
|
+
var _11 = React.useState(false),
|
|
9969
|
+
progressStarted = _11[0],
|
|
9970
|
+
setProgressStarted = _11[1];
|
|
9375
9971
|
React.useEffect(function () {
|
|
9376
9972
|
if (state.captureState === 'capturing') {
|
|
9377
9973
|
setProgressStarted(false);
|
|
@@ -9393,6 +9989,12 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
|
|
|
9393
9989
|
silentFallback: silentFallback
|
|
9394
9990
|
});
|
|
9395
9991
|
}
|
|
9992
|
+
if (allowUploadingDocumentsFromStorage && ['initializing', 'uploading'].includes(state.captureState)) {
|
|
9993
|
+
return /*#__PURE__*/React__namespace.default.createElement(IdCaptureOrUploadScreen, {
|
|
9994
|
+
classNames: classNames.uploadOrCaptureScreen,
|
|
9995
|
+
verbiage: verbiage.uploadOrCaptureScreen
|
|
9996
|
+
});
|
|
9997
|
+
}
|
|
9396
9998
|
var requestedAction = state.captureState === 'requestingFlip' ? 'FLIP_ID' : state.requestedDocumentType === 'idCardBack' ? 'SHOW_ID_BACK' : state.requestedDocumentType === 'passport' ? 'SHOW_PASSPORT' : 'SHOW_ID_FRONT';
|
|
9397
9999
|
var guidesStatus = !overlayDismissed ? 'disabled' : state.isGoodFrame ? 'capturing' : 'ready';
|
|
9398
10000
|
return /*#__PURE__*/React__namespace.default.createElement(PageContainer, {
|
|
@@ -13911,7 +14513,7 @@ function CompositeWizard(_a) {
|
|
|
13911
14513
|
return /*#__PURE__*/React__namespace.default.createElement(CameraStoreProvider, {
|
|
13912
14514
|
onCameraAccessDenied: onCameraAccessDenied,
|
|
13913
14515
|
onMicrophoneAccessDenied: onMicrophoneAccessDenied,
|
|
13914
|
-
requestAccessAutomatically: !(idCaptureProps === null || idCaptureProps === void 0 ? void 0 : idCaptureProps.forceFallbackMode)
|
|
14516
|
+
requestAccessAutomatically: !(idCaptureProps === null || idCaptureProps === void 0 ? void 0 : idCaptureProps.forceFallbackMode) && !(idCaptureProps === null || idCaptureProps === void 0 ? void 0 : idCaptureProps.allowUploadingDocumentsFromStorage)
|
|
13915
14517
|
}, /*#__PURE__*/React__namespace.default.createElement(IdCaptureModelsProvider, {
|
|
13916
14518
|
autoStart: false,
|
|
13917
14519
|
shouldLoadModels: !(idCaptureProps === null || idCaptureProps === void 0 ? void 0 : idCaptureProps.forceFallbackMode),
|
|
@@ -14271,6 +14873,8 @@ var IdValidation = function IdValidation(_a) {
|
|
|
14271
14873
|
enableOverrideWrongDocumentTypeDialog = _r === void 0 ? false : _r,
|
|
14272
14874
|
_s = _a.allowOverrideWrongDocumentTypeAfterMs,
|
|
14273
14875
|
allowOverrideWrongDocumentTypeAfterMs = _s === void 0 ? 8000 : _s,
|
|
14876
|
+
_t = _a.allowUploadingDocumentsFromStorage,
|
|
14877
|
+
allowUploadingDocumentsFromStorage = _t === void 0 ? false : _t,
|
|
14274
14878
|
onBeforeSubmit = _a.onBeforeSubmit,
|
|
14275
14879
|
onBeforeDocumentUpload = _a.onBeforeDocumentUpload,
|
|
14276
14880
|
onDocumentUploadProgress = _a.onDocumentUploadProgress,
|
|
@@ -14284,28 +14888,28 @@ var IdValidation = function IdValidation(_a) {
|
|
|
14284
14888
|
onUserCancel = _a.onUserCancel,
|
|
14285
14889
|
onModelError = _a.onModelError,
|
|
14286
14890
|
onCameraAccessDenied = _a.onCameraAccessDenied,
|
|
14287
|
-
|
|
14288
|
-
theme =
|
|
14289
|
-
|
|
14290
|
-
assets =
|
|
14291
|
-
|
|
14292
|
-
classNames =
|
|
14293
|
-
|
|
14294
|
-
colors =
|
|
14295
|
-
|
|
14296
|
-
verbiage =
|
|
14297
|
-
|
|
14298
|
-
captureSignature =
|
|
14299
|
-
|
|
14300
|
-
captureSignatureVideo =
|
|
14301
|
-
|
|
14302
|
-
captureAdditionalDocuments =
|
|
14303
|
-
|
|
14304
|
-
geolocationEnabled =
|
|
14305
|
-
|
|
14306
|
-
geolocationRequired =
|
|
14307
|
-
|
|
14308
|
-
debugMode =
|
|
14891
|
+
_u = _a.theme,
|
|
14892
|
+
theme = _u === void 0 ? 'default' : _u,
|
|
14893
|
+
_v = _a.assets,
|
|
14894
|
+
assets = _v === void 0 ? {} : _v,
|
|
14895
|
+
_w = _a.classNames,
|
|
14896
|
+
classNames = _w === void 0 ? {} : _w,
|
|
14897
|
+
_x = _a.colors,
|
|
14898
|
+
colors = _x === void 0 ? {} : _x,
|
|
14899
|
+
_y = _a.verbiage,
|
|
14900
|
+
verbiage = _y === void 0 ? {} : _y,
|
|
14901
|
+
_z = _a.captureSignature,
|
|
14902
|
+
captureSignature = _z === void 0 ? false : _z,
|
|
14903
|
+
_0 = _a.captureSignatureVideo,
|
|
14904
|
+
captureSignatureVideo = _0 === void 0 ? false : _0,
|
|
14905
|
+
_1 = _a.captureAdditionalDocuments,
|
|
14906
|
+
captureAdditionalDocuments = _1 === void 0 ? [] : _1,
|
|
14907
|
+
_2 = _a.geolocationEnabled,
|
|
14908
|
+
geolocationEnabled = _2 === void 0 ? true : _2,
|
|
14909
|
+
_3 = _a.geolocationRequired,
|
|
14910
|
+
geolocationRequired = _3 === void 0 ? false : _3,
|
|
14911
|
+
_4 = _a.debugMode,
|
|
14912
|
+
debugMode = _4 === void 0 ? false : _4;
|
|
14309
14913
|
useLanguage(lang);
|
|
14310
14914
|
useDebugLogging(debugMode);
|
|
14311
14915
|
var idCaptureProps = React.useMemo(function () {
|
|
@@ -14324,6 +14928,7 @@ var IdValidation = function IdValidation(_a) {
|
|
|
14324
14928
|
onLoadingOverlayDismissed: onLoadingOverlayDismissed,
|
|
14325
14929
|
forceFallbackMode: forceFallbackMode,
|
|
14326
14930
|
allowIdCardBackToFrontCapture: allowIdCardBackToFrontCapture,
|
|
14931
|
+
allowUploadingDocumentsFromStorage: allowUploadingDocumentsFromStorage,
|
|
14327
14932
|
instructions: instructions,
|
|
14328
14933
|
guideType: guideType,
|
|
14329
14934
|
guideImages: guideImages,
|
|
@@ -14338,7 +14943,7 @@ var IdValidation = function IdValidation(_a) {
|
|
|
14338
14943
|
verbiage: verbiage,
|
|
14339
14944
|
debugMode: debugMode
|
|
14340
14945
|
};
|
|
14341
|
-
}, [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]);
|
|
14946
|
+
}, [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]);
|
|
14342
14947
|
var additionalDocumentCaptureProps = React.useMemo(function () {
|
|
14343
14948
|
return {
|
|
14344
14949
|
documents: captureAdditionalDocuments,
|
|
@@ -14600,14 +15205,16 @@ var IdAndFaceValidation = function IdAndFaceValidation(_a) {
|
|
|
14600
15205
|
idCaptureModelLoadTimeoutMs = _p === void 0 ? defaultDocumentDetectionModelLoadTimeoutMs : _p,
|
|
14601
15206
|
_q = _a.idCaptureForceFallbackMode,
|
|
14602
15207
|
idCaptureForceFallbackMode = _q === void 0 ? false : _q,
|
|
14603
|
-
_r = _a.
|
|
14604
|
-
|
|
14605
|
-
_s = _a.
|
|
14606
|
-
|
|
14607
|
-
_t = _a.
|
|
14608
|
-
|
|
14609
|
-
_u = _a.
|
|
14610
|
-
|
|
15208
|
+
_r = _a.idCaptureAllowUploadingDocumentsFromStorage,
|
|
15209
|
+
idCaptureAllowUploadingDocumentsFromStorage = _r === void 0 ? false : _r,
|
|
15210
|
+
_s = _a.selfieCaptureModelLoadTimeoutMs,
|
|
15211
|
+
selfieCaptureModelLoadTimeoutMs = _s === void 0 ? defaultSelfieCaptureModelLoadTimeoutMs : _s,
|
|
15212
|
+
_t = _a.allowIdCardBackToFrontCapture,
|
|
15213
|
+
allowIdCardBackToFrontCapture = _t === void 0 ? false : _t,
|
|
15214
|
+
_u = _a.enableOverrideWrongDocumentTypeDialog,
|
|
15215
|
+
enableOverrideWrongDocumentTypeDialog = _u === void 0 ? false : _u,
|
|
15216
|
+
_v = _a.allowOverrideWrongDocumentTypeAfterMs,
|
|
15217
|
+
allowOverrideWrongDocumentTypeAfterMs = _v === void 0 ? 8000 : _v,
|
|
14611
15218
|
onBeforeDocumentUpload = _a.onBeforeDocumentUpload,
|
|
14612
15219
|
onDocumentUploaded = _a.onDocumentUploaded,
|
|
14613
15220
|
onDocumentUploadProgress = _a.onDocumentUploadProgress,
|
|
@@ -14624,28 +15231,28 @@ var IdAndFaceValidation = function IdAndFaceValidation(_a) {
|
|
|
14624
15231
|
onIdCaptureModelError = _a.onIdCaptureModelError,
|
|
14625
15232
|
onSelfieCaptureModelError = _a.onSelfieCaptureModelError,
|
|
14626
15233
|
onCameraAccessDenied = _a.onCameraAccessDenied,
|
|
14627
|
-
|
|
14628
|
-
captureSignature =
|
|
14629
|
-
|
|
14630
|
-
captureSignatureVideo =
|
|
14631
|
-
|
|
14632
|
-
captureAdditionalDocuments =
|
|
14633
|
-
|
|
14634
|
-
theme =
|
|
14635
|
-
|
|
14636
|
-
assets =
|
|
14637
|
-
|
|
14638
|
-
classNames =
|
|
14639
|
-
|
|
14640
|
-
colors =
|
|
14641
|
-
|
|
14642
|
-
verbiage =
|
|
14643
|
-
|
|
14644
|
-
geolocationEnabled =
|
|
14645
|
-
|
|
14646
|
-
geolocationRequired =
|
|
14647
|
-
|
|
14648
|
-
debugMode =
|
|
15234
|
+
_w = _a.captureSignature,
|
|
15235
|
+
captureSignature = _w === void 0 ? false : _w,
|
|
15236
|
+
_x = _a.captureSignatureVideo,
|
|
15237
|
+
captureSignatureVideo = _x === void 0 ? false : _x,
|
|
15238
|
+
_y = _a.captureAdditionalDocuments,
|
|
15239
|
+
captureAdditionalDocuments = _y === void 0 ? [] : _y,
|
|
15240
|
+
_z = _a.theme,
|
|
15241
|
+
theme = _z === void 0 ? 'default' : _z,
|
|
15242
|
+
_0 = _a.assets,
|
|
15243
|
+
assets = _0 === void 0 ? {} : _0,
|
|
15244
|
+
_1 = _a.classNames,
|
|
15245
|
+
classNames = _1 === void 0 ? {} : _1,
|
|
15246
|
+
_2 = _a.colors,
|
|
15247
|
+
colors = _2 === void 0 ? {} : _2,
|
|
15248
|
+
_3 = _a.verbiage,
|
|
15249
|
+
verbiage = _3 === void 0 ? {} : _3,
|
|
15250
|
+
_4 = _a.geolocationEnabled,
|
|
15251
|
+
geolocationEnabled = _4 === void 0 ? true : _4,
|
|
15252
|
+
_5 = _a.geolocationRequired,
|
|
15253
|
+
geolocationRequired = _5 === void 0 ? false : _5,
|
|
15254
|
+
_6 = _a.debugMode,
|
|
15255
|
+
debugMode = _6 === void 0 ? false : _6;
|
|
14649
15256
|
useLanguage(lang);
|
|
14650
15257
|
useDebugLogging(debugMode);
|
|
14651
15258
|
var idCaptureProps = React.useMemo(function () {
|
|
@@ -14669,13 +15276,14 @@ var IdAndFaceValidation = function IdAndFaceValidation(_a) {
|
|
|
14669
15276
|
rotateLoadingOverlayImageWhenPortrait: idCaptureRotateLoadingOverlayImageWhenPortrait,
|
|
14670
15277
|
modelLoadTimeoutMs: idCaptureModelLoadTimeoutMs,
|
|
14671
15278
|
allowIdCardBackToFrontCapture: allowIdCardBackToFrontCapture,
|
|
15279
|
+
allowUploadingDocumentsFromStorage: idCaptureAllowUploadingDocumentsFromStorage,
|
|
14672
15280
|
enableOverrideWrongDocumentTypeDialog: enableOverrideWrongDocumentTypeDialog,
|
|
14673
15281
|
allowOverrideWrongDocumentTypeAfterMs: allowOverrideWrongDocumentTypeAfterMs,
|
|
14674
15282
|
forceFallbackMode: idCaptureForceFallbackMode,
|
|
14675
15283
|
skipSuccessScreen: skipSuccessScreen,
|
|
14676
15284
|
debugMode: debugMode
|
|
14677
15285
|
};
|
|
14678
|
-
}, [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]);
|
|
15286
|
+
}, [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]);
|
|
14679
15287
|
var faceLivenessProps = React.useMemo(function () {
|
|
14680
15288
|
return {
|
|
14681
15289
|
loadingOverlayMode: faceLivenessLoadingOverlayMode,
|