idmission-web-sdk 2.2.84 → 2.2.86
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/CompositeWizard.d.ts.map +1 -1
- package/dist/components/customer_flows/IdAndFaceValidation.d.ts +2 -0
- package/dist/components/customer_flows/IdAndFaceValidation.d.ts.map +1 -1
- package/dist/components/customer_flows/IdValidation.d.ts +2 -0
- package/dist/components/customer_flows/IdValidation.d.ts.map +1 -1
- package/dist/components/id_capture/IdCaptureGuidesCommon.d.ts.map +1 -1
- package/dist/components/id_capture/IdCaptureOrUploadScreen.d.ts +75 -0
- package/dist/components/id_capture/IdCaptureOrUploadScreen.d.ts.map +1 -0
- package/dist/components/id_capture/IdCaptureStateProvider.d.ts +10 -1
- package/dist/components/id_capture/IdCaptureStateProvider.d.ts.map +1 -1
- package/dist/components/id_capture/IdCaptureWizard.d.ts +5 -1
- package/dist/components/id_capture/IdCaptureWizard.d.ts.map +1 -1
- package/dist/components/submission/SubmissionProvider.d.ts.map +1 -1
- package/dist/sdk2.cjs.development.js +858 -248
- package/dist/sdk2.cjs.development.js.map +1 -1
- package/dist/sdk2.cjs.production.js +1 -1
- package/dist/sdk2.cjs.production.js.map +1 -1
- package/dist/sdk2.esm.js +858 -248
- package/dist/sdk2.esm.js.map +1 -1
- package/dist/sdk2.umd.development.js +858 -248
- package/dist/sdk2.umd.development.js.map +1 -1
- package/dist/sdk2.umd.production.js +1 -1
- package/dist/sdk2.umd.production.js.map +1 -1
- package/dist/themes/index.d.ts +2 -0
- package/dist/themes/index.d.ts.map +1 -1
- package/dist/version.d.ts +1 -1
- package/package.json +3 -3
|
@@ -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,38 +7320,38 @@ 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;' : '';
|
|
7310
7330
|
});
|
|
7311
7331
|
function IdCardBorder(_a) {
|
|
7312
|
-
var _b, _c, _d, _e, _f, _g, _h, _j, _k;
|
|
7332
|
+
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
|
|
7313
7333
|
var children = _a.children,
|
|
7314
|
-
|
|
7315
|
-
status =
|
|
7316
|
-
|
|
7317
|
-
borderWidth =
|
|
7318
|
-
|
|
7319
|
-
borderRadius =
|
|
7320
|
-
|
|
7321
|
-
borderColor =
|
|
7334
|
+
_p = _a.status,
|
|
7335
|
+
status = _p === void 0 ? 'ready' : _p,
|
|
7336
|
+
_q = _a.borderWidth,
|
|
7337
|
+
borderWidth = _q === void 0 ? 20 : _q,
|
|
7338
|
+
_r = _a.borderRadius,
|
|
7339
|
+
borderRadius = _r === void 0 ? 25 : _r,
|
|
7340
|
+
_s = _a.borderColor,
|
|
7341
|
+
borderColor = _s === void 0 ? 'white' : _s,
|
|
7322
7342
|
aspectRatio = _a.aspectRatio,
|
|
7323
|
-
|
|
7324
|
-
progress =
|
|
7343
|
+
_t = _a.progress,
|
|
7344
|
+
progress = _t === void 0 ? 0 : _t,
|
|
7325
7345
|
props = __rest(_a, ["children", "status", "borderWidth", "borderRadius", "borderColor", "aspectRatio", "progress"]);
|
|
7326
|
-
var
|
|
7327
|
-
ref =
|
|
7328
|
-
|
|
7329
|
-
width =
|
|
7330
|
-
|
|
7331
|
-
height =
|
|
7332
|
-
var
|
|
7333
|
-
progressResets =
|
|
7334
|
-
setProgressResets =
|
|
7346
|
+
var _u = useResizeObserver__default.default(),
|
|
7347
|
+
ref = _u.ref,
|
|
7348
|
+
_v = _u.width,
|
|
7349
|
+
width = _v === void 0 ? 0 : _v,
|
|
7350
|
+
_w = _u.height,
|
|
7351
|
+
height = _w === void 0 ? 0 : _w;
|
|
7352
|
+
var _x = React.useState(0),
|
|
7353
|
+
progressResets = _x[0],
|
|
7354
|
+
setProgressResets = _x[1];
|
|
7335
7355
|
React.useEffect(function () {
|
|
7336
7356
|
if (progress === 0 && status === 'capturing') {
|
|
7337
7357
|
setProgressResets(function (n) {
|
|
@@ -7343,6 +7363,7 @@ function IdCardBorder(_a) {
|
|
|
7343
7363
|
var wavesDisabled = (_d = (_c = (_b = theme.idCapture) === null || _b === void 0 ? void 0 : _b.guideBox) === null || _c === void 0 ? void 0 : _c.wavesDisabled) !== null && _d !== void 0 ? _d : false;
|
|
7344
7364
|
var wavesColor = (_g = (_f = (_e = theme.idCapture) === null || _e === void 0 ? void 0 : _e.guideBox) === null || _f === void 0 ? void 0 : _f.wavesColor) !== null && _g !== void 0 ? _g : '#287ec6';
|
|
7345
7365
|
var progressBarColor = (_k = (_j = (_h = theme.idCapture) === null || _h === void 0 ? void 0 : _h.guideBox) === null || _j === void 0 ? void 0 : _j.progressBarColor) !== null && _k !== void 0 ? _k : '#287ec6';
|
|
7366
|
+
var progressBarWidth = (_o = (_m = (_l = theme.idCapture) === null || _l === void 0 ? void 0 : _l.guideBox) === null || _m === void 0 ? void 0 : _m.progressBarWidth) !== null && _o !== void 0 ? _o : borderWidth;
|
|
7346
7367
|
return /*#__PURE__*/React__namespace.default.createElement(IdCardBorderContainer, _assign({}, props), /*#__PURE__*/React__namespace.default.createElement("div", {
|
|
7347
7368
|
ref: ref,
|
|
7348
7369
|
style: {
|
|
@@ -7377,7 +7398,7 @@ function IdCardBorder(_a) {
|
|
|
7377
7398
|
height: height,
|
|
7378
7399
|
borderRadius: borderRadius,
|
|
7379
7400
|
borderColor: borderColor,
|
|
7380
|
-
borderWidth:
|
|
7401
|
+
borderWidth: progressBarWidth,
|
|
7381
7402
|
className: "idmSdkWavesOrigin"
|
|
7382
7403
|
}), (status === 'capturing' || progress > 0) && ( /*#__PURE__*/React__namespace.default.createElement(IdCardBorderSvg, {
|
|
7383
7404
|
key: "progress".concat(progressResets),
|
|
@@ -7445,16 +7466,16 @@ function IdCardBorderSvg(_a) {
|
|
|
7445
7466
|
className: isProgressBar ? "idmSdkProgressBorder ".concat(progressPaused ? 'idmSdkProgressPaused' : '') : ''
|
|
7446
7467
|
}));
|
|
7447
7468
|
}
|
|
7448
|
-
var IdCardBorderContainer = styled__default.default.div(templateObject_3$
|
|
7449
|
-
var SvgOverlay = styled__default.default.svg(templateObject_4$
|
|
7450
|
-
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) {
|
|
7451
7472
|
var _a;
|
|
7452
7473
|
return (_a = props.$speed) !== null && _a !== void 0 ? _a : '3s';
|
|
7453
7474
|
}, function (props) {
|
|
7454
7475
|
var _a;
|
|
7455
7476
|
return (_a = props.$fillMode) !== null && _a !== void 0 ? _a : 'forwards';
|
|
7456
7477
|
});
|
|
7457
|
-
var templateObject_1$
|
|
7478
|
+
var templateObject_1$v, templateObject_2$q, templateObject_3$k, templateObject_4$e, templateObject_5$9;
|
|
7458
7479
|
|
|
7459
7480
|
var defaultIdCaptureGuideImages = {
|
|
7460
7481
|
portrait: {
|
|
@@ -7630,12 +7651,12 @@ var IdVideoCaptureFlipIdPrompt = function IdVideoCaptureFlipIdPrompt(_a) {
|
|
|
7630
7651
|
style: imageStyle
|
|
7631
7652
|
})));
|
|
7632
7653
|
};
|
|
7633
|
-
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) {
|
|
7634
7655
|
return props.$transitionTime;
|
|
7635
7656
|
}, function (props) {
|
|
7636
7657
|
return props.$transforms;
|
|
7637
7658
|
});
|
|
7638
|
-
var templateObject_1$
|
|
7659
|
+
var templateObject_1$u;
|
|
7639
7660
|
|
|
7640
7661
|
var GuideOrientationContext = /*#__PURE__*/React.createContext({
|
|
7641
7662
|
orientation: 'landscape',
|
|
@@ -7924,10 +7945,10 @@ var regionClsx = function regionClsx(classNames, which) {
|
|
|
7924
7945
|
return v;
|
|
7925
7946
|
}).join(' ');
|
|
7926
7947
|
};
|
|
7927
|
-
var StyledPageContainer = styled__default.default(PageContainerDiv)(templateObject_1$
|
|
7928
|
-
var GuidesContainer = styled__default.default.div(templateObject_2$
|
|
7929
|
-
var GuideCenterRow = styled__default.default.div(templateObject_3$
|
|
7930
|
-
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) {
|
|
7931
7952
|
var _a, _b, _c, _d, _e;
|
|
7932
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)';
|
|
7933
7954
|
}, function (props) {
|
|
@@ -7938,21 +7959,21 @@ var GuideRegion = styled__default.default.div(templateObject_4$c || (templateObj
|
|
|
7938
7959
|
}, function (props) {
|
|
7939
7960
|
return props.$minHeight ? "min-height: ".concat(props.$minHeight, "px;") : "";
|
|
7940
7961
|
});
|
|
7941
|
-
var Spacer = styled__default.default(GuideRegion)(templateObject_5$
|
|
7942
|
-
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) {
|
|
7943
7964
|
return props.$minWidth ? "min-width: ".concat(props.$minWidth, "px;") : "";
|
|
7944
7965
|
}, function (props) {
|
|
7945
7966
|
return props.$isMirrored ? 'transform: scaleX(-1);' : '';
|
|
7946
7967
|
});
|
|
7947
|
-
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) {
|
|
7948
7969
|
var _a, _b;
|
|
7949
7970
|
return "".concat((_a = props.$borderWidth) !== null && _a !== void 0 ? _a : 4, "px solid ").concat((_b = props.$borderColor) !== null && _b !== void 0 ? _b : 'white');
|
|
7950
7971
|
}, function (props) {
|
|
7951
7972
|
return props.$padding ? "padding: ".concat(props.$padding, "px;") : '';
|
|
7952
7973
|
});
|
|
7953
|
-
var GuideText = styled__default.default.span(templateObject_8$
|
|
7954
|
-
var GuideCenterInner = styled__default.default.div(templateObject_9$
|
|
7955
|
-
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;
|
|
7956
7977
|
|
|
7957
7978
|
var IdCaptureFitGuide = function IdCaptureFitGuide(_a) {
|
|
7958
7979
|
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
|
|
@@ -8095,11 +8116,11 @@ var IdCaptureFitGuide = function IdCaptureFitGuide(_a) {
|
|
|
8095
8116
|
progress: progress
|
|
8096
8117
|
}));
|
|
8097
8118
|
};
|
|
8098
|
-
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) {
|
|
8099
8120
|
return props.$maskColor;
|
|
8100
8121
|
});
|
|
8101
|
-
var Canvas$1 = styled__default.default.canvas(templateObject_2$
|
|
8102
|
-
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;
|
|
8103
8124
|
|
|
8104
8125
|
function IdCaptureGuides(_a) {
|
|
8105
8126
|
var _b = _a.guideType,
|
|
@@ -8240,11 +8261,11 @@ var SelfieProgressPreview = function SelfieProgressPreview(_a) {
|
|
|
8240
8261
|
onError: onError
|
|
8241
8262
|
})));
|
|
8242
8263
|
};
|
|
8243
|
-
var StyledSpinner = styled__default.default(Spinner)(templateObject_1$
|
|
8244
|
-
var ImagePreviewWrapper = styled__default.default.div(templateObject_2$
|
|
8245
|
-
var ImagePreviewText = styled__default.default.div(templateObject_3$
|
|
8246
|
-
var ImagePreviewImageWrapper = styled__default.default.div(templateObject_4$
|
|
8247
|
-
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;
|
|
8248
8269
|
|
|
8249
8270
|
var documentCaptureInitialState = {
|
|
8250
8271
|
documents: [],
|
|
@@ -8600,16 +8621,16 @@ var DocumentCaptureGuideOverlay = function DocumentCaptureGuideOverlay(_a) {
|
|
|
8600
8621
|
ref: canvasRef
|
|
8601
8622
|
}));
|
|
8602
8623
|
};
|
|
8603
|
-
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) {
|
|
8604
8625
|
return props.$maskColor;
|
|
8605
8626
|
});
|
|
8606
|
-
var Canvas = styled__default.default.canvas(templateObject_2$
|
|
8607
|
-
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;
|
|
8608
8629
|
|
|
8609
|
-
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) {
|
|
8610
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;") : "";
|
|
8611
8632
|
});
|
|
8612
|
-
var templateObject_1$
|
|
8633
|
+
var templateObject_1$p;
|
|
8613
8634
|
|
|
8614
8635
|
var CameraVideoTag = function CameraVideoTag(props) {
|
|
8615
8636
|
var _a = useCameraStore(shallow.useShallow(function (store) {
|
|
@@ -8640,10 +8661,10 @@ var CameraVideoTag = function CameraVideoTag(props) {
|
|
|
8640
8661
|
"$isRearFacing": isRearFacing
|
|
8641
8662
|
}, props));
|
|
8642
8663
|
};
|
|
8643
|
-
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) {
|
|
8644
8665
|
return props.$isRearFacing ? '' : 'scaleX(-1)';
|
|
8645
8666
|
});
|
|
8646
|
-
var templateObject_1$
|
|
8667
|
+
var templateObject_1$o;
|
|
8647
8668
|
|
|
8648
8669
|
var DocumentCaptureScreen = function DocumentCaptureScreen(_a) {
|
|
8649
8670
|
var _b, _c, _d, _e, _f;
|
|
@@ -8793,21 +8814,21 @@ var DocumentCaptureScreen = function DocumentCaptureScreen(_a) {
|
|
|
8793
8814
|
disabled: !cameraReady || capturing
|
|
8794
8815
|
}, !cameraReady ? verbiage.loadingBtnText : capturing ? verbiage.capturingBtnText : verbiage.captureBtnText))))));
|
|
8795
8816
|
};
|
|
8796
|
-
var CaptureContainer = styled__default.default.div(templateObject_1$
|
|
8797
|
-
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) {
|
|
8798
8819
|
return props.$maskColor;
|
|
8799
8820
|
});
|
|
8800
|
-
var Heading$9 = styled__default.default.h1(templateObject_3$
|
|
8801
|
-
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) {
|
|
8802
8823
|
return props.$maskColor;
|
|
8803
8824
|
});
|
|
8804
|
-
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) {
|
|
8805
8826
|
var _a, _b, _c;
|
|
8806
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';
|
|
8807
8828
|
});
|
|
8808
|
-
var StyledButtonsRow$9 = styled__default.default(ButtonsRow)(templateObject_6$
|
|
8809
|
-
var PreviewImage = styled__default.default.img(templateObject_7$
|
|
8810
|
-
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;
|
|
8811
8832
|
|
|
8812
8833
|
var DocumentCaptureWizard = function DocumentCaptureWizard(_a) {
|
|
8813
8834
|
var onSuccess = _a.onSuccess,
|
|
@@ -9076,13 +9097,13 @@ var IdCaptureFallback = function IdCaptureFallback(_a) {
|
|
|
9076
9097
|
}
|
|
9077
9098
|
}, verbiage.doneBtnText))))));
|
|
9078
9099
|
};
|
|
9079
|
-
var StyledOverlayInner$2 = styled__default.default(OverlayInner$2)(templateObject_1$
|
|
9080
|
-
var Heading$8 = styled__default.default.h3(templateObject_2$
|
|
9081
|
-
var Description$3 = styled__default.default.p(templateObject_3$
|
|
9082
|
-
var Instruction = styled__default.default.p(templateObject_4$
|
|
9083
|
-
var ImageCol = styled__default.default.div(templateObject_5$
|
|
9084
|
-
var StyledButtonsRow$8 = styled__default.default(ButtonsRow)(templateObject_6$
|
|
9085
|
-
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;
|
|
9086
9107
|
|
|
9087
9108
|
function ScalingCameraFeed() {
|
|
9088
9109
|
var _a = React.useContext(IdCaptureStateContext),
|
|
@@ -9101,6 +9122,579 @@ function ScalingCameraFeed() {
|
|
|
9101
9122
|
}, /*#__PURE__*/React__namespace.default.createElement(CameraVideoTag, null));
|
|
9102
9123
|
}
|
|
9103
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
|
+
|
|
9104
9698
|
var IdCaptureWizard = function IdCaptureWizard(_a) {
|
|
9105
9699
|
var _b, _c, _d, _e, _f, _g;
|
|
9106
9700
|
var onSuccess = _a.onSuccess,
|
|
@@ -9140,42 +9734,44 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
|
|
|
9140
9734
|
enableOverrideWrongDocumentTypeDialog = _w === void 0 ? false : _w,
|
|
9141
9735
|
_x = _a.allowOverrideWrongDocumentTypeAfterMs,
|
|
9142
9736
|
allowOverrideWrongDocumentTypeAfterMs = _x === void 0 ? 8000 : _x,
|
|
9143
|
-
_y = _a.
|
|
9144
|
-
|
|
9145
|
-
_z = _a.
|
|
9146
|
-
|
|
9147
|
-
_0 = _a.
|
|
9148
|
-
|
|
9149
|
-
_1 = _a.
|
|
9150
|
-
|
|
9151
|
-
_2 = _a.
|
|
9152
|
-
|
|
9153
|
-
_3 = _a.
|
|
9154
|
-
|
|
9155
|
-
|
|
9156
|
-
|
|
9157
|
-
|
|
9158
|
-
|
|
9159
|
-
|
|
9160
|
-
|
|
9161
|
-
|
|
9162
|
-
|
|
9163
|
-
|
|
9164
|
-
|
|
9165
|
-
|
|
9166
|
-
|
|
9167
|
-
|
|
9168
|
-
|
|
9169
|
-
|
|
9170
|
-
|
|
9171
|
-
|
|
9172
|
-
|
|
9173
|
-
|
|
9174
|
-
|
|
9175
|
-
|
|
9176
|
-
|
|
9177
|
-
|
|
9178
|
-
|
|
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;
|
|
9179
9775
|
React.useEffect(function () {
|
|
9180
9776
|
dispatch({
|
|
9181
9777
|
type: 'configureWizard',
|
|
@@ -9185,10 +9781,11 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
|
|
|
9185
9781
|
allowSinglePageIdCapture: allowSinglePageIdCapture,
|
|
9186
9782
|
allowIdCardBackToFrontCapture: allowIdCardBackToFrontCapture,
|
|
9187
9783
|
enableOverrideWrongDocumentTypeDialog: enableOverrideWrongDocumentTypeDialog,
|
|
9188
|
-
allowOverrideWrongDocumentTypeAfterMs: allowOverrideWrongDocumentTypeAfterMs
|
|
9784
|
+
allowOverrideWrongDocumentTypeAfterMs: allowOverrideWrongDocumentTypeAfterMs,
|
|
9785
|
+
allowUploadingDocumentsFromStorage: allowUploadingDocumentsFromStorage
|
|
9189
9786
|
}
|
|
9190
9787
|
});
|
|
9191
|
-
}, [allowIdCardBackToFrontCapture, allowOverrideWrongDocumentTypeAfterMs, allowSinglePageIdCapture, captureRequirement, dispatch, enableOverrideWrongDocumentTypeDialog, precapturedDocuments]);
|
|
9788
|
+
}, [allowIdCardBackToFrontCapture, allowOverrideWrongDocumentTypeAfterMs, allowSinglePageIdCapture, allowUploadingDocumentsFromStorage, captureRequirement, dispatch, enableOverrideWrongDocumentTypeDialog, precapturedDocuments]);
|
|
9192
9789
|
var documentCount = Object.keys(state.capturedDocuments).length;
|
|
9193
9790
|
React.useEffect(function () {
|
|
9194
9791
|
if (documentCount) resetBestFrame();
|
|
@@ -9275,9 +9872,9 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
|
|
|
9275
9872
|
type: 'resetWizard'
|
|
9276
9873
|
});
|
|
9277
9874
|
}, [dispatch]);
|
|
9278
|
-
var
|
|
9279
|
-
attempt =
|
|
9280
|
-
setAttempt =
|
|
9875
|
+
var _10 = React.useState(0),
|
|
9876
|
+
attempt = _10[0],
|
|
9877
|
+
setAttempt = _10[1];
|
|
9281
9878
|
var onExit = React.useCallback(function () {
|
|
9282
9879
|
releaseCameraAccess();
|
|
9283
9880
|
setOverlayDismissed(false);
|
|
@@ -9368,9 +9965,9 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
|
|
|
9368
9965
|
});
|
|
9369
9966
|
});
|
|
9370
9967
|
}, [dispatch]);
|
|
9371
|
-
var
|
|
9372
|
-
progressStarted =
|
|
9373
|
-
setProgressStarted =
|
|
9968
|
+
var _11 = React.useState(false),
|
|
9969
|
+
progressStarted = _11[0],
|
|
9970
|
+
setProgressStarted = _11[1];
|
|
9374
9971
|
React.useEffect(function () {
|
|
9375
9972
|
if (state.captureState === 'capturing') {
|
|
9376
9973
|
setProgressStarted(false);
|
|
@@ -9392,6 +9989,12 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
|
|
|
9392
9989
|
silentFallback: silentFallback
|
|
9393
9990
|
});
|
|
9394
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
|
+
}
|
|
9395
9998
|
var requestedAction = state.captureState === 'requestingFlip' ? 'FLIP_ID' : state.requestedDocumentType === 'idCardBack' ? 'SHOW_ID_BACK' : state.requestedDocumentType === 'passport' ? 'SHOW_PASSPORT' : 'SHOW_ID_FRONT';
|
|
9396
9999
|
var guidesStatus = !overlayDismissed ? 'disabled' : state.isGoodFrame ? 'capturing' : 'ready';
|
|
9397
10000
|
return /*#__PURE__*/React__namespace.default.createElement(PageContainer, {
|
|
@@ -13910,7 +14513,7 @@ function CompositeWizard(_a) {
|
|
|
13910
14513
|
return /*#__PURE__*/React__namespace.default.createElement(CameraStoreProvider, {
|
|
13911
14514
|
onCameraAccessDenied: onCameraAccessDenied,
|
|
13912
14515
|
onMicrophoneAccessDenied: onMicrophoneAccessDenied,
|
|
13913
|
-
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)
|
|
13914
14517
|
}, /*#__PURE__*/React__namespace.default.createElement(IdCaptureModelsProvider, {
|
|
13915
14518
|
autoStart: false,
|
|
13916
14519
|
shouldLoadModels: !(idCaptureProps === null || idCaptureProps === void 0 ? void 0 : idCaptureProps.forceFallbackMode),
|
|
@@ -14118,7 +14721,8 @@ var defaultTheme = {
|
|
|
14118
14721
|
imagePadding: 50,
|
|
14119
14722
|
wavesDisabled: false,
|
|
14120
14723
|
wavesColor: '#287ec6',
|
|
14121
|
-
progressBarColor: '#287ec6'
|
|
14724
|
+
progressBarColor: '#287ec6',
|
|
14725
|
+
progressBarWidth: '2.5%'
|
|
14122
14726
|
}
|
|
14123
14727
|
},
|
|
14124
14728
|
selfieCapture: {
|
|
@@ -14269,6 +14873,8 @@ var IdValidation = function IdValidation(_a) {
|
|
|
14269
14873
|
enableOverrideWrongDocumentTypeDialog = _r === void 0 ? false : _r,
|
|
14270
14874
|
_s = _a.allowOverrideWrongDocumentTypeAfterMs,
|
|
14271
14875
|
allowOverrideWrongDocumentTypeAfterMs = _s === void 0 ? 8000 : _s,
|
|
14876
|
+
_t = _a.allowUploadingDocumentsFromStorage,
|
|
14877
|
+
allowUploadingDocumentsFromStorage = _t === void 0 ? false : _t,
|
|
14272
14878
|
onBeforeSubmit = _a.onBeforeSubmit,
|
|
14273
14879
|
onBeforeDocumentUpload = _a.onBeforeDocumentUpload,
|
|
14274
14880
|
onDocumentUploadProgress = _a.onDocumentUploadProgress,
|
|
@@ -14282,28 +14888,28 @@ var IdValidation = function IdValidation(_a) {
|
|
|
14282
14888
|
onUserCancel = _a.onUserCancel,
|
|
14283
14889
|
onModelError = _a.onModelError,
|
|
14284
14890
|
onCameraAccessDenied = _a.onCameraAccessDenied,
|
|
14285
|
-
|
|
14286
|
-
theme =
|
|
14287
|
-
|
|
14288
|
-
assets =
|
|
14289
|
-
|
|
14290
|
-
classNames =
|
|
14291
|
-
|
|
14292
|
-
colors =
|
|
14293
|
-
|
|
14294
|
-
verbiage =
|
|
14295
|
-
|
|
14296
|
-
captureSignature =
|
|
14297
|
-
|
|
14298
|
-
captureSignatureVideo =
|
|
14299
|
-
|
|
14300
|
-
captureAdditionalDocuments =
|
|
14301
|
-
|
|
14302
|
-
geolocationEnabled =
|
|
14303
|
-
|
|
14304
|
-
geolocationRequired =
|
|
14305
|
-
|
|
14306
|
-
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;
|
|
14307
14913
|
useLanguage(lang);
|
|
14308
14914
|
useDebugLogging(debugMode);
|
|
14309
14915
|
var idCaptureProps = React.useMemo(function () {
|
|
@@ -14322,6 +14928,7 @@ var IdValidation = function IdValidation(_a) {
|
|
|
14322
14928
|
onLoadingOverlayDismissed: onLoadingOverlayDismissed,
|
|
14323
14929
|
forceFallbackMode: forceFallbackMode,
|
|
14324
14930
|
allowIdCardBackToFrontCapture: allowIdCardBackToFrontCapture,
|
|
14931
|
+
allowUploadingDocumentsFromStorage: allowUploadingDocumentsFromStorage,
|
|
14325
14932
|
instructions: instructions,
|
|
14326
14933
|
guideType: guideType,
|
|
14327
14934
|
guideImages: guideImages,
|
|
@@ -14336,7 +14943,7 @@ var IdValidation = function IdValidation(_a) {
|
|
|
14336
14943
|
verbiage: verbiage,
|
|
14337
14944
|
debugMode: debugMode
|
|
14338
14945
|
};
|
|
14339
|
-
}, [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]);
|
|
14340
14947
|
var additionalDocumentCaptureProps = React.useMemo(function () {
|
|
14341
14948
|
return {
|
|
14342
14949
|
documents: captureAdditionalDocuments,
|
|
@@ -14598,14 +15205,16 @@ var IdAndFaceValidation = function IdAndFaceValidation(_a) {
|
|
|
14598
15205
|
idCaptureModelLoadTimeoutMs = _p === void 0 ? defaultDocumentDetectionModelLoadTimeoutMs : _p,
|
|
14599
15206
|
_q = _a.idCaptureForceFallbackMode,
|
|
14600
15207
|
idCaptureForceFallbackMode = _q === void 0 ? false : _q,
|
|
14601
|
-
_r = _a.
|
|
14602
|
-
|
|
14603
|
-
_s = _a.
|
|
14604
|
-
|
|
14605
|
-
_t = _a.
|
|
14606
|
-
|
|
14607
|
-
_u = _a.
|
|
14608
|
-
|
|
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,
|
|
14609
15218
|
onBeforeDocumentUpload = _a.onBeforeDocumentUpload,
|
|
14610
15219
|
onDocumentUploaded = _a.onDocumentUploaded,
|
|
14611
15220
|
onDocumentUploadProgress = _a.onDocumentUploadProgress,
|
|
@@ -14622,28 +15231,28 @@ var IdAndFaceValidation = function IdAndFaceValidation(_a) {
|
|
|
14622
15231
|
onIdCaptureModelError = _a.onIdCaptureModelError,
|
|
14623
15232
|
onSelfieCaptureModelError = _a.onSelfieCaptureModelError,
|
|
14624
15233
|
onCameraAccessDenied = _a.onCameraAccessDenied,
|
|
14625
|
-
|
|
14626
|
-
captureSignature =
|
|
14627
|
-
|
|
14628
|
-
captureSignatureVideo =
|
|
14629
|
-
|
|
14630
|
-
captureAdditionalDocuments =
|
|
14631
|
-
|
|
14632
|
-
theme =
|
|
14633
|
-
|
|
14634
|
-
assets =
|
|
14635
|
-
|
|
14636
|
-
classNames =
|
|
14637
|
-
|
|
14638
|
-
colors =
|
|
14639
|
-
|
|
14640
|
-
verbiage =
|
|
14641
|
-
|
|
14642
|
-
geolocationEnabled =
|
|
14643
|
-
|
|
14644
|
-
geolocationRequired =
|
|
14645
|
-
|
|
14646
|
-
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;
|
|
14647
15256
|
useLanguage(lang);
|
|
14648
15257
|
useDebugLogging(debugMode);
|
|
14649
15258
|
var idCaptureProps = React.useMemo(function () {
|
|
@@ -14667,13 +15276,14 @@ var IdAndFaceValidation = function IdAndFaceValidation(_a) {
|
|
|
14667
15276
|
rotateLoadingOverlayImageWhenPortrait: idCaptureRotateLoadingOverlayImageWhenPortrait,
|
|
14668
15277
|
modelLoadTimeoutMs: idCaptureModelLoadTimeoutMs,
|
|
14669
15278
|
allowIdCardBackToFrontCapture: allowIdCardBackToFrontCapture,
|
|
15279
|
+
allowUploadingDocumentsFromStorage: idCaptureAllowUploadingDocumentsFromStorage,
|
|
14670
15280
|
enableOverrideWrongDocumentTypeDialog: enableOverrideWrongDocumentTypeDialog,
|
|
14671
15281
|
allowOverrideWrongDocumentTypeAfterMs: allowOverrideWrongDocumentTypeAfterMs,
|
|
14672
15282
|
forceFallbackMode: idCaptureForceFallbackMode,
|
|
14673
15283
|
skipSuccessScreen: skipSuccessScreen,
|
|
14674
15284
|
debugMode: debugMode
|
|
14675
15285
|
};
|
|
14676
|
-
}, [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]);
|
|
14677
15287
|
var faceLivenessProps = React.useMemo(function () {
|
|
14678
15288
|
return {
|
|
14679
15289
|
loadingOverlayMode: faceLivenessLoadingOverlayMode,
|