idmission-web-sdk 2.1.56 → 2.1.57
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/id_capture/IdCaptureSuccess.d.ts +2 -2
- package/dist/sdk2.cjs.development.js +78 -94
- 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 +78 -94
- package/dist/sdk2.esm.js.map +1 -1
- package/dist/sdk2.umd.development.js +78 -94
- package/dist/sdk2.umd.development.js.map +1 -1
- package/dist/sdk2.umd.production.js +1 -1
- package/dist/sdk2.umd.production.js.map +1 -1
- package/dist/version.d.ts +1 -1
- package/package.json +1 -1
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { ReactElement } from 'react';
|
|
2
2
|
import { CapturedDocuments } from './CapturedDocuments';
|
|
3
3
|
import { LoaderButtonColors } from '../common/LoaderButton';
|
|
4
4
|
import { CustomerSuppliedVerbiage } from '../../lib/locales';
|
|
5
|
-
export declare const OverlayInstruction: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
|
|
6
5
|
export type IdCaptureSuccessClassNames = {
|
|
7
6
|
container?: string;
|
|
8
7
|
inner?: string;
|
|
8
|
+
card?: string;
|
|
9
9
|
heading?: string;
|
|
10
10
|
imageContainer?: string;
|
|
11
11
|
imageRow?: string;
|
|
@@ -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.1.
|
|
237
|
+
var webSdkVersion = '2.1.57';
|
|
238
238
|
|
|
239
239
|
function getPlatform() {
|
|
240
240
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
@@ -512,8 +512,8 @@ var OverlayImageRow = styled__default.default.div(templateObject_4$j || (templat
|
|
|
512
512
|
var GrayOverlayContainer = styled__default.default(OverlayContainer)(templateObject_5$c || (templateObject_5$c = __makeTemplateObject(["\n background: #f7f6fb;\n"], ["\n background: #f7f6fb;\n"])));
|
|
513
513
|
var ButtonsColumn = styled__default.default.div(templateObject_6$9 || (templateObject_6$9 = __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"])));
|
|
514
514
|
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"])));
|
|
515
|
-
var WideBorderButton = styled__default.default(WideButton)(templateObject_8$
|
|
516
|
-
var templateObject_1$H, templateObject_2$x, templateObject_3$p, templateObject_4$j, templateObject_5$c, templateObject_6$9, templateObject_7$7, templateObject_8$
|
|
515
|
+
var WideBorderButton = styled__default.default(WideButton)(templateObject_8$3 || (templateObject_8$3 = __makeTemplateObject(["\n color: black;\n background: white;\n border: 1px solid var(--idm-color-secondary-500);\n box-sizing: border-box;\n"], ["\n color: black;\n background: white;\n border: 1px solid var(--idm-color-secondary-500);\n box-sizing: border-box;\n"])));
|
|
516
|
+
var templateObject_1$H, templateObject_2$x, templateObject_3$p, templateObject_4$j, templateObject_5$c, templateObject_6$9, templateObject_7$7, templateObject_8$3;
|
|
517
517
|
|
|
518
518
|
var GeolocationAccessDeniedOverlay = function GeolocationAccessDeniedOverlay(_a) {
|
|
519
519
|
var accessBlockedImageUrl = _a.accessBlockedImageUrl;
|
|
@@ -7919,14 +7919,14 @@ var StyledOverlayImageContainer$2 = styled__default.default(OverlayImageContaine
|
|
|
7919
7919
|
var ContinuityCameraCheckboxContainer$1 = styled__default.default.div(templateObject_5$a || (templateObject_5$a = __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"])));
|
|
7920
7920
|
var ContinuityCameraCheckboxInner = styled__default.default(GuidanceMessage)(templateObject_6$8 || (templateObject_6$8 = __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"])));
|
|
7921
7921
|
var ContinuityCameraCheckbox$1 = styled__default.default.input(templateObject_7$6 || (templateObject_7$6 = __makeTemplateObject(["\n margin-right: 8px;\n"], ["\n margin-right: 8px;\n"])));
|
|
7922
|
-
var StyledButtonsRow$a = styled__default.default(ButtonsRow)(templateObject_8$
|
|
7922
|
+
var StyledButtonsRow$a = styled__default.default(ButtonsRow)(templateObject_8$2 || (templateObject_8$2 = __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) {
|
|
7923
7923
|
var _a, _b, _c, _d;
|
|
7924
7924
|
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';
|
|
7925
7925
|
}, function (props) {
|
|
7926
7926
|
var _a, _b, _c, _d, _e, _f;
|
|
7927
7927
|
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, ";") : '';
|
|
7928
7928
|
});
|
|
7929
|
-
var LoadingListContainer$1 = styled__default.default.div(templateObject_9$
|
|
7929
|
+
var LoadingListContainer$1 = styled__default.default.div(templateObject_9$2 || (templateObject_9$2 = __makeTemplateObject(["\n display: flex;\n position: relative;\n z-index: 2;\n"], ["\n display: flex;\n position: relative;\n z-index: 2;\n"])));
|
|
7930
7930
|
var LoadingList$1 = styled__default.default.ul(templateObject_10$1 || (templateObject_10$1 = __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"])));
|
|
7931
7931
|
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 &::before {\n content: '';\n display: inline-block;\n height: 1rem;\n min-width: 1rem;\n vertical-align: middle;\n background-size: cover;\n background-repeat: no-repeat;\n margin: auto 0.5rem auto 0;\n }\n\n &.done::before {\n background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfNDlfMzg1KSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMiAyNEMxOC42Mjc0IDI0IDI0IDE4LjYyNzQgMjQgMTJDMjQgNS4zNzI1OCAxOC42Mjc0IDAgMTIgMEM1LjM3MjU4IDAgMCA1LjM3MjU4IDAgMTJDMCAxOC42Mjc0IDUuMzcyNTggMjQgMTIgMjRaTTE5LjU2NDMgOC4yNzg1MkMxOS45NTQ5IDcuODg3OTkgMTkuOTU0OSA3LjI1NDgzIDE5LjU2NDMgNi44NjQzQzE5LjE3MzggNi40NzM3OCAxOC41NDA2IDYuNDczNzggMTguMTUwMSA2Ljg2NDNMOS40Mjg2NiAxNS41ODU4TDUuODUwMDUgMTIuMDA3MkM1LjQ1OTUzIDExLjYxNjYgNC44MjYzNiAxMS42MTY2IDQuNDM1ODQgMTIuMDA3MkM0LjA0NTMxIDEyLjM5NzcgNC4wNDUzMSAxMy4wMzA5IDQuNDM1ODQgMTMuNDIxNEw4LjcyMTU1IDE3LjcwNzFDOS4xMTIwOCAxOC4wOTc2IDkuNzQ1MjQgMTguMDk3NiAxMC4xMzU4IDE3LjcwNzFMMTkuNTY0MyA4LjI3ODUyWiIgZmlsbD0id2hpdGUiLz48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPSJjbGlwMF80OV8zODUiPjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0id2hpdGUiLz48L2NsaXBQYXRoPjwvZGVmcz48L3N2Zz4=');\n }\n\n &.running::before {\n background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfNDlfMzcwKSI+PG1hc2sgaWQ9InBhdGgtMS1pbnNpZGUtMV80OV8zNzAiIGZpbGw9IndoaXRlIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuNTE0NzIgMjAuNDg1NUM4LjIwMTAxIDI1LjE3MTggMTUuNzk5IDI1LjE3MTggMjAuNDg1MyAyMC40ODU1QzI1LjE3MTYgMTUuNzk5MiAyNS4xNzE2IDguMjAxMTkgMjAuNDg1MyAzLjUxNDlDMTUuNzk5IC0xLjE3MTM5IDguMjAxMDEgLTEuMTcxMzkgMy41MTQ3MiAzLjUxNDlDLTEuMTcxNTcgOC4yMDExOSAtMS4xNzE1NyAxNS43OTkyIDMuNTE0NzIgMjAuNDg1NVoiLz48L21hc2s+PHBhdGggZD0iTTYuMzk4MTQgMTEuNDU5QzUuODQ1ODYgMTEuNDU5IDUuMzk4MTQgMTEuOTA2NyA1LjM5ODE0IDEyLjQ1OUM1LjM5ODE0IDEzLjAxMTIgNS44NDU4NiAxMy40NTkgNi4zOTgxNCAxMy40NTlWMTEuNDU5Wk0xNy42MDE5IDEzLjQ1OUMxOC4xNTQxIDEzLjQ1OSAxOC42MDE5IDEzLjAxMTIgMTguNjAxOSAxMi40NTlDMTguNjAxOSAxMS45MDY3IDE4LjE1NDEgMTEuNDU5IDE3LjYwMTkgMTEuNDU5VjEzLjQ1OVpNNi4zOTgxNCAxMy40NTlIMTcuNjAxOVYxMS40NTlINi4zOTgxNFYxMy40NTlaTTMuNTE0NzIgMjAuNDg1NUw0LjkyODkzIDE5LjA3MTNMNC45Mjg5MyAxOS4wNzEzTDMuNTE0NzIgMjAuNDg1NVpNMjAuNDg1MyAzLjUxNDlMMTkuMDcxMSA0LjkyOTEyTDE5LjA3MTEgNC45MjkxMkwyMC40ODUzIDMuNTE0OVpNMy41MTQ3MiAzLjUxNDlMNC45Mjg5MyA0LjkyOTEyTDQuOTI4OTMgNC45MjkxMkwzLjUxNDcyIDMuNTE0OVpNMTkuMDcxMSAxOS4wNzEzQzE1LjE2NTggMjIuOTc2NSA4LjgzNDE3IDIyLjk3NjUgNC45Mjg5MyAxOS4wNzEzTDIuMTAwNTEgMjEuODk5N0M3LjU2Nzg0IDI3LjM2NyAxNi40MzIyIDI3LjM2NyAyMS44OTk1IDIxLjg5OTdMMTkuMDcxMSAxOS4wNzEzWk0xOS4wNzExIDQuOTI5MTJDMjIuOTc2MyA4LjgzNDM2IDIyLjk3NjMgMTUuMTY2IDE5LjA3MTEgMTkuMDcxM0wyMS44OTk1IDIxLjg5OTdDMjcuMzY2OCAxNi40MzIzIDI3LjM2NjggNy41NjgwMyAyMS44OTk1IDIuMTAwNjlMMTkuMDcxMSA0LjkyOTEyWk00LjkyODkzIDQuOTI5MTJDOC44MzQxNyAxLjAyMzg3IDE1LjE2NTggMS4wMjM4NyAxOS4wNzExIDQuOTI5MTJMMjEuODk5NSAyLjEwMDY5QzE2LjQzMjIgLTMuMzY2NjUgNy41Njc4NCAtMy4zNjY2NSAyLjEwMDUxIDIuMTAwNjlMNC45Mjg5MyA0LjkyOTEyWk00LjkyODkzIDE5LjA3MTNDMS4wMjM2OSAxNS4xNjYgMS4wMjM2OSA4LjgzNDM2IDQuOTI4OTMgNC45MjkxMkwyLjEwMDUxIDIuMTAwNjlDLTMuMzY2ODMgNy41NjgwMyAtMy4zNjY4MyAxNi40MzIzIDIuMTAwNTEgMjEuODk5N0w0LjkyODkzIDE5LjA3MTNaIiBmaWxsPSJ3aGl0ZSIgbWFzaz0idXJsKCNwYXRoLTEtaW5zaWRlLTFfNDlfMzcwKSIvPjwvZz48ZGVmcz48Y2xpcFBhdGggaWQ9ImNsaXAwXzQ5XzM3MCI+PHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJ3aGl0ZSIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPg==');\n }\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\n &::before {\n content: '';\n display: inline-block;\n height: 1rem;\n min-width: 1rem;\n vertical-align: middle;\n background-size: cover;\n background-repeat: no-repeat;\n margin: auto 0.5rem auto 0;\n }\n\n &.done::before {\n background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfNDlfMzg1KSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMiAyNEMxOC42Mjc0IDI0IDI0IDE4LjYyNzQgMjQgMTJDMjQgNS4zNzI1OCAxOC42Mjc0IDAgMTIgMEM1LjM3MjU4IDAgMCA1LjM3MjU4IDAgMTJDMCAxOC42Mjc0IDUuMzcyNTggMjQgMTIgMjRaTTE5LjU2NDMgOC4yNzg1MkMxOS45NTQ5IDcuODg3OTkgMTkuOTU0OSA3LjI1NDgzIDE5LjU2NDMgNi44NjQzQzE5LjE3MzggNi40NzM3OCAxOC41NDA2IDYuNDczNzggMTguMTUwMSA2Ljg2NDNMOS40Mjg2NiAxNS41ODU4TDUuODUwMDUgMTIuMDA3MkM1LjQ1OTUzIDExLjYxNjYgNC44MjYzNiAxMS42MTY2IDQuNDM1ODQgMTIuMDA3MkM0LjA0NTMxIDEyLjM5NzcgNC4wNDUzMSAxMy4wMzA5IDQuNDM1ODQgMTMuNDIxNEw4LjcyMTU1IDE3LjcwNzFDOS4xMTIwOCAxOC4wOTc2IDkuNzQ1MjQgMTguMDk3NiAxMC4xMzU4IDE3LjcwNzFMMTkuNTY0MyA4LjI3ODUyWiIgZmlsbD0id2hpdGUiLz48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPSJjbGlwMF80OV8zODUiPjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0id2hpdGUiLz48L2NsaXBQYXRoPjwvZGVmcz48L3N2Zz4=');\n }\n\n &.running::before {\n background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfNDlfMzcwKSI+PG1hc2sgaWQ9InBhdGgtMS1pbnNpZGUtMV80OV8zNzAiIGZpbGw9IndoaXRlIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuNTE0NzIgMjAuNDg1NUM4LjIwMTAxIDI1LjE3MTggMTUuNzk5IDI1LjE3MTggMjAuNDg1MyAyMC40ODU1QzI1LjE3MTYgMTUuNzk5MiAyNS4xNzE2IDguMjAxMTkgMjAuNDg1MyAzLjUxNDlDMTUuNzk5IC0xLjE3MTM5IDguMjAxMDEgLTEuMTcxMzkgMy41MTQ3MiAzLjUxNDlDLTEuMTcxNTcgOC4yMDExOSAtMS4xNzE1NyAxNS43OTkyIDMuNTE0NzIgMjAuNDg1NVoiLz48L21hc2s+PHBhdGggZD0iTTYuMzk4MTQgMTEuNDU5QzUuODQ1ODYgMTEuNDU5IDUuMzk4MTQgMTEuOTA2NyA1LjM5ODE0IDEyLjQ1OUM1LjM5ODE0IDEzLjAxMTIgNS44NDU4NiAxMy40NTkgNi4zOTgxNCAxMy40NTlWMTEuNDU5Wk0xNy42MDE5IDEzLjQ1OUMxOC4xNTQxIDEzLjQ1OSAxOC42MDE5IDEzLjAxMTIgMTguNjAxOSAxMi40NTlDMTguNjAxOSAxMS45MDY3IDE4LjE1NDEgMTEuNDU5IDE3LjYwMTkgMTEuNDU5VjEzLjQ1OVpNNi4zOTgxNCAxMy40NTlIMTcuNjAxOVYxMS40NTlINi4zOTgxNFYxMy40NTlaTTMuNTE0NzIgMjAuNDg1NUw0LjkyODkzIDE5LjA3MTNMNC45Mjg5MyAxOS4wNzEzTDMuNTE0NzIgMjAuNDg1NVpNMjAuNDg1MyAzLjUxNDlMMTkuMDcxMSA0LjkyOTEyTDE5LjA3MTEgNC45MjkxMkwyMC40ODUzIDMuNTE0OVpNMy41MTQ3MiAzLjUxNDlMNC45Mjg5MyA0LjkyOTEyTDQuOTI4OTMgNC45MjkxMkwzLjUxNDcyIDMuNTE0OVpNMTkuMDcxMSAxOS4wNzEzQzE1LjE2NTggMjIuOTc2NSA4LjgzNDE3IDIyLjk3NjUgNC45Mjg5MyAxOS4wNzEzTDIuMTAwNTEgMjEuODk5N0M3LjU2Nzg0IDI3LjM2NyAxNi40MzIyIDI3LjM2NyAyMS44OTk1IDIxLjg5OTdMMTkuMDcxMSAxOS4wNzEzWk0xOS4wNzExIDQuOTI5MTJDMjIuOTc2MyA4LjgzNDM2IDIyLjk3NjMgMTUuMTY2IDE5LjA3MTEgMTkuMDcxM0wyMS44OTk1IDIxLjg5OTdDMjcuMzY2OCAxNi40MzIzIDI3LjM2NjggNy41NjgwMyAyMS44OTk1IDIuMTAwNjlMMTkuMDcxMSA0LjkyOTEyWk00LjkyODkzIDQuOTI5MTJDOC44MzQxNyAxLjAyMzg3IDE1LjE2NTggMS4wMjM4NyAxOS4wNzExIDQuOTI5MTJMMjEuODk5NSAyLjEwMDY5QzE2LjQzMjIgLTMuMzY2NjUgNy41Njc4NCAtMy4zNjY2NSAyLjEwMDUxIDIuMTAwNjlMNC45Mjg5MyA0LjkyOTEyWk00LjkyODkzIDE5LjA3MTNDMS4wMjM2OSAxNS4xNjYgMS4wMjM2OSA4LjgzNDM2IDQuOTI4OTMgNC45MjkxMkwyLjEwMDUxIDIuMTAwNjlDLTMuMzY2ODMgNy41NjgwMyAtMy4zNjY4MyAxNi40MzIzIDIuMTAwNTEgMjEuODk5N0w0LjkyODkzIDE5LjA3MTNaIiBmaWxsPSJ3aGl0ZSIgbWFzaz0idXJsKCNwYXRoLTEtaW5zaWRlLTFfNDlfMzcwKSIvPjwvZz48ZGVmcz48Y2xpcFBhdGggaWQ9ImNsaXAwXzQ5XzM3MCI+PHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJ3aGl0ZSIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPg==');\n }\n"])));
|
|
7932
7932
|
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"])));
|
|
@@ -7953,7 +7953,7 @@ var ContinueButton$1 = styled__default.default(LoaderButton)(templateObject_18 |
|
|
|
7953
7953
|
var _a, _b, _c, _d, _e, _f;
|
|
7954
7954
|
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, ";") : '';
|
|
7955
7955
|
});
|
|
7956
|
-
var templateObject_1$y, templateObject_2$s, templateObject_3$l, templateObject_4$f, templateObject_5$a, templateObject_6$8, templateObject_7$6, templateObject_8$
|
|
7956
|
+
var templateObject_1$y, templateObject_2$s, templateObject_3$l, templateObject_4$f, templateObject_5$a, templateObject_6$8, templateObject_7$6, templateObject_8$2, templateObject_9$2, templateObject_10$1, templateObject_11$1, templateObject_12$1, templateObject_13$1, templateObject_14$1, templateObject_15$1, templateObject_16, templateObject_17, templateObject_18;
|
|
7957
7957
|
|
|
7958
7958
|
var ContinuityCameraCheckboxContainer = styled__default.default.div(templateObject_1$x || (templateObject_1$x = __makeTemplateObject(["\n margin-top: 15px;\n margin-bottom: 15px;\n"], ["\n margin-top: 15px;\n margin-bottom: 15px;\n"])));
|
|
7959
7959
|
var ContinuityCameraCheckbox = styled__default.default.input(templateObject_2$r || (templateObject_2$r = __makeTemplateObject(["\n margin-right: 8px;\n"], ["\n margin-right: 8px;\n"])));
|
|
@@ -8094,37 +8094,40 @@ var CapturedDocumentImg = function CapturedDocumentImg(_a) {
|
|
|
8094
8094
|
setCropped = _c[1];
|
|
8095
8095
|
var bbox = image.boundingBox;
|
|
8096
8096
|
var imgRef = React.useRef(null);
|
|
8097
|
-
|
|
8097
|
+
var onLoaded = React.useCallback(function () {
|
|
8098
8098
|
if (!bbox || cropped) return;
|
|
8099
8099
|
setCropped(true);
|
|
8100
8100
|
setTimeout(function () {
|
|
8101
8101
|
setUrl(cropToDetectedObjectBox(imgRef.current, bbox).toDataURL('image/jpeg', 0.95));
|
|
8102
8102
|
}, 100);
|
|
8103
|
-
}
|
|
8103
|
+
}, [bbox, cropped]);
|
|
8104
|
+
var onDoubleClick = React.useCallback(function () {
|
|
8105
|
+
fetch(image.imageData).then(function (resp) {
|
|
8106
|
+
return resp.blob();
|
|
8107
|
+
}).then(function (blob) {
|
|
8108
|
+
var _a;
|
|
8109
|
+
var url = URL.createObjectURL(new Blob([blob]));
|
|
8110
|
+
var link = document.createElement('a');
|
|
8111
|
+
link.href = url;
|
|
8112
|
+
link.setAttribute('download', "".concat(image.documentType, ".jpg"));
|
|
8113
|
+
document.body.appendChild(link);
|
|
8114
|
+
link.click();
|
|
8115
|
+
(_a = link.parentNode) === null || _a === void 0 ? void 0 : _a.removeChild(link);
|
|
8116
|
+
});
|
|
8117
|
+
}, [image.documentType, image.imageData]);
|
|
8104
8118
|
return /*#__PURE__*/React__namespace.default.createElement("img", {
|
|
8105
8119
|
ref: imgRef,
|
|
8106
8120
|
alt: alt,
|
|
8107
8121
|
className: className,
|
|
8108
8122
|
src: url,
|
|
8109
8123
|
onLoad: onLoaded,
|
|
8110
|
-
|
|
8111
|
-
fetch(image.imageData).then(function (resp) {
|
|
8112
|
-
return resp.blob();
|
|
8113
|
-
}).then(function (blob) {
|
|
8114
|
-
var _a;
|
|
8115
|
-
var url = URL.createObjectURL(new Blob([blob]));
|
|
8116
|
-
var link = document.createElement('a');
|
|
8117
|
-
link.href = url;
|
|
8118
|
-
link.setAttribute('download', "".concat(image.documentType, ".jpg"));
|
|
8119
|
-
document.body.appendChild(link);
|
|
8120
|
-
link.click();
|
|
8121
|
-
(_a = link.parentNode) === null || _a === void 0 ? void 0 : _a.removeChild(link);
|
|
8122
|
-
});
|
|
8123
|
-
}
|
|
8124
|
+
onDoubleClick: onDoubleClick
|
|
8124
8125
|
});
|
|
8125
8126
|
};
|
|
8126
8127
|
|
|
8127
|
-
var
|
|
8128
|
+
var Card = styled__default.default.div(templateObject_1$w || (templateObject_1$w = __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: 500px;\n max-height: 100%;\n overflow: auto;\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: 500px;\n max-height: 100%;\n overflow: auto;\n"])));
|
|
8129
|
+
var templateObject_1$w;
|
|
8130
|
+
|
|
8128
8131
|
var IdCaptureSuccess = function IdCaptureSuccess(_a) {
|
|
8129
8132
|
var capturedDocuments = _a.capturedDocuments,
|
|
8130
8133
|
onSubmitClick = _a.onSubmitClick,
|
|
@@ -8151,77 +8154,61 @@ var IdCaptureSuccess = function IdCaptureSuccess(_a) {
|
|
|
8151
8154
|
submittingText: 'Submitting...',
|
|
8152
8155
|
submitText: 'Done'
|
|
8153
8156
|
});
|
|
8154
|
-
return /*#__PURE__*/React__namespace.default.createElement(
|
|
8157
|
+
return /*#__PURE__*/React__namespace.default.createElement(GrayOverlayContainer, {
|
|
8155
8158
|
className: classNames.container
|
|
8156
8159
|
}, /*#__PURE__*/React__namespace.default.createElement(OverlayInner$2, {
|
|
8157
8160
|
className: classNames.inner
|
|
8158
|
-
}, /*#__PURE__*/React__namespace.default.createElement(
|
|
8161
|
+
}, /*#__PURE__*/React__namespace.default.createElement(FlexCard, {
|
|
8162
|
+
className: classNames.card
|
|
8163
|
+
}, /*#__PURE__*/React__namespace.default.createElement(Heading$a, {
|
|
8164
|
+
className: classNames.heading
|
|
8165
|
+
}, verbiage.headingText), /*#__PURE__*/React__namespace.default.createElement(ImagesContainer, {
|
|
8159
8166
|
className: classNames.imageContainer
|
|
8160
8167
|
}, /*#__PURE__*/React__namespace.default.createElement(ImageRow, {
|
|
8161
8168
|
className: classNames.imageRow
|
|
8162
|
-
}, /*#__PURE__*/React__namespace.default.createElement(
|
|
8163
|
-
className: classNames.heading
|
|
8164
|
-
}, verbiage.headingText), idCardFront && ( /*#__PURE__*/React__namespace.default.createElement(ImageCol$1, {
|
|
8169
|
+
}, idCardFront && ( /*#__PURE__*/React__namespace.default.createElement(ImageCol$1, {
|
|
8165
8170
|
className: classNames.imageCol
|
|
8166
|
-
}, /*#__PURE__*/React__namespace.default.createElement(ImageHeading, {
|
|
8167
|
-
className: classNames.imageHeading
|
|
8168
|
-
}, verbiage.idCardFrontText), /*#__PURE__*/React__namespace.default.createElement(CapturedImageWrapper, {
|
|
8169
|
-
className: classNames.imageWrapper
|
|
8170
8171
|
}, /*#__PURE__*/React__namespace.default.createElement(StyledImage, {
|
|
8171
8172
|
image: idCardFront,
|
|
8172
8173
|
className: classNames.image,
|
|
8173
8174
|
alt: verbiage.idCardFrontText
|
|
8174
|
-
})
|
|
8175
|
+
}), debugMode && ( /*#__PURE__*/React__namespace.default.createElement(DebugPre, null, "Detection Score: ".concat(idCardFront.detectionScore, "\nFocus Score: ").concat(idCardFront.focusScore, "\nBounding Box: ").concat(JSON.stringify(idCardFront.boundingBox)))))), idCardBack && ( /*#__PURE__*/React__namespace.default.createElement(ImageCol$1, {
|
|
8175
8176
|
className: classNames.imageCol
|
|
8176
|
-
}, /*#__PURE__*/React__namespace.default.createElement(ImageHeading, {
|
|
8177
|
-
className: classNames.imageHeading
|
|
8178
|
-
}, verbiage.idCardBackText), /*#__PURE__*/React__namespace.default.createElement(CapturedImageWrapper, {
|
|
8179
|
-
className: classNames.imageWrapper
|
|
8180
8177
|
}, /*#__PURE__*/React__namespace.default.createElement(StyledImage, {
|
|
8181
8178
|
image: idCardBack,
|
|
8182
8179
|
className: classNames.image,
|
|
8183
8180
|
alt: verbiage.idCardBackText
|
|
8184
|
-
})
|
|
8181
|
+
}), debugMode && ( /*#__PURE__*/React__namespace.default.createElement(DebugPre, null, "Detection Score: ".concat(idCardBack.detectionScore, "\nFocus Score: ").concat(idCardBack.focusScore, "\nBounding Box: ").concat(JSON.stringify(idCardBack.boundingBox)))))), passport && ( /*#__PURE__*/React__namespace.default.createElement(ImageCol$1, {
|
|
8185
8182
|
className: classNames.imageCol
|
|
8186
|
-
}, /*#__PURE__*/React__namespace.default.createElement(ImageHeading, {
|
|
8187
|
-
className: classNames.imageHeading
|
|
8188
|
-
}, verbiage.passportText), /*#__PURE__*/React__namespace.default.createElement(CapturedImageWrapper, {
|
|
8189
|
-
className: classNames.imageWrapper
|
|
8190
8183
|
}, /*#__PURE__*/React__namespace.default.createElement(StyledImage, {
|
|
8191
8184
|
image: passport,
|
|
8192
8185
|
className: classNames.image,
|
|
8193
8186
|
alt: verbiage.passportText
|
|
8194
|
-
})
|
|
8195
|
-
className: classNames.instruction
|
|
8196
|
-
}, verbiage.instructionText), /*#__PURE__*/React__namespace.default.createElement(ButtonsRow, {
|
|
8187
|
+
}), debugMode && ( /*#__PURE__*/React__namespace.default.createElement(DebugPre, null, "Detection Score: ".concat(passport.detectionScore, "\nFocus Score: ").concat(passport.focusScore, "\nBounding Box: ").concat(JSON.stringify(passport.boundingBox)))))))), /*#__PURE__*/React__namespace.default.createElement(ButtonsColumn, {
|
|
8197
8188
|
className: classNames.buttonsRow
|
|
8198
|
-
}, /*#__PURE__*/React__namespace.default.createElement(
|
|
8199
|
-
className: classNames.retryBtn,
|
|
8200
|
-
variant: "warning",
|
|
8201
|
-
onClick: onRetryClick,
|
|
8202
|
-
colors: colors.retryBtn,
|
|
8203
|
-
finished: true
|
|
8204
|
-
}, verbiage.retryText), /*#__PURE__*/React__namespace.default.createElement(LoaderButton, {
|
|
8189
|
+
}, /*#__PURE__*/React__namespace.default.createElement(WideButton, {
|
|
8205
8190
|
className: classNames.submitBtn,
|
|
8206
8191
|
variant: "positive",
|
|
8207
8192
|
onClick: onSubmitClick,
|
|
8208
8193
|
disabled: submissionStatus === SubmissionStatus.SUBMITTING,
|
|
8209
8194
|
colors: colors.doneBtn,
|
|
8210
8195
|
finished: true
|
|
8211
|
-
}, submissionStatus === SubmissionStatus.SUBMITTING ? verbiage.submittingText : verbiage.submitText)
|
|
8196
|
+
}, submissionStatus === SubmissionStatus.SUBMITTING ? verbiage.submittingText : verbiage.submitText), /*#__PURE__*/React__namespace.default.createElement(WideBorderButton, {
|
|
8197
|
+
className: classNames.retryBtn,
|
|
8198
|
+
variant: "warning",
|
|
8199
|
+
onClick: onRetryClick,
|
|
8200
|
+
colors: colors.retryBtn,
|
|
8201
|
+
finished: true
|
|
8202
|
+
}, verbiage.retryText)))));
|
|
8212
8203
|
};
|
|
8213
|
-
var
|
|
8214
|
-
var
|
|
8215
|
-
var
|
|
8216
|
-
var
|
|
8217
|
-
var
|
|
8218
|
-
var
|
|
8219
|
-
|
|
8220
|
-
|
|
8221
|
-
});
|
|
8222
|
-
var StyledImage = styled__default.default(CapturedDocumentImg)(templateObject_8$2 || (templateObject_8$2 = __makeTemplateObject(["\n width: 100%;\n border-radius: 4px;\n"], ["\n width: 100%;\n border-radius: 4px;\n"])));
|
|
8223
|
-
var DebugPre = styled__default.default.pre(templateObject_9$2 || (templateObject_9$2 = __makeTemplateObject(["\n text-align: left;\n overflow-x: auto;\n"], ["\n text-align: left;\n overflow-x: auto;\n"])));
|
|
8224
|
-
var templateObject_1$w, templateObject_2$q, templateObject_3$k, templateObject_4$e, templateObject_5$9, templateObject_6$7, templateObject_7$5, templateObject_8$2, templateObject_9$2;
|
|
8204
|
+
var FlexCard = styled__default.default(Card)(templateObject_1$v || (templateObject_1$v = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n"], ["\n display: flex;\n flex-direction: column;\n"])));
|
|
8205
|
+
var Heading$a = styled__default.default.h1(templateObject_2$q || (templateObject_2$q = __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"])));
|
|
8206
|
+
var ImagesContainer = styled__default.default(OverlayImageContainer)(templateObject_3$k || (templateObject_3$k = __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"])));
|
|
8207
|
+
var ImageRow = styled__default.default(OverlayImageRow)(templateObject_4$e || (templateObject_4$e = __makeTemplateObject(["\n max-width: 100%;\n flex-direction: column;\n display: grid;\n grid-gap: 12px;\n //grid-template-columns: 1fr 1fr;\n"], ["\n max-width: 100%;\n flex-direction: column;\n display: grid;\n grid-gap: 12px;\n //grid-template-columns: 1fr 1fr;\n"])));
|
|
8208
|
+
var ImageCol$1 = styled__default.default.div(templateObject_5$9 || (templateObject_5$9 = __makeTemplateObject(["\n width: 100%;\n max-height: none !important;\n"], ["\n width: 100%;\n max-height: none !important;\n"])));
|
|
8209
|
+
var StyledImage = styled__default.default(CapturedDocumentImg)(templateObject_6$7 || (templateObject_6$7 = __makeTemplateObject(["\n width: 100%;\n border-radius: 12px;\n"], ["\n width: 100%;\n border-radius: 12px;\n"])));
|
|
8210
|
+
var DebugPre = styled__default.default.pre(templateObject_7$5 || (templateObject_7$5 = __makeTemplateObject(["\n text-align: left;\n max-width: 480px;\n overflow-x: auto;\n"], ["\n text-align: left;\n max-width: 480px;\n overflow-x: auto;\n"])));
|
|
8211
|
+
var templateObject_1$v, templateObject_2$q, templateObject_3$k, templateObject_4$e, templateObject_5$9, templateObject_6$7, templateObject_7$5;
|
|
8225
8212
|
|
|
8226
8213
|
function useShowSuccessScreen(skipSuccessScreen, successScreenReady, onDoneCallback) {
|
|
8227
8214
|
var _this = this;
|
|
@@ -8273,7 +8260,7 @@ function resetCanvasDimensions(canvas) {
|
|
|
8273
8260
|
canvas.style.height = '0';
|
|
8274
8261
|
}
|
|
8275
8262
|
|
|
8276
|
-
var IdCardGuideImageContainer = styled__default.default(IdCardBorder)(templateObject_1$
|
|
8263
|
+
var IdCardGuideImageContainer = styled__default.default(IdCardBorder)(templateObject_1$u || (templateObject_1$u = __makeTemplateObject(["\n position: relative;\n ", "\n box-sizing: border-box;\n"], ["\n position: relative;\n ", "\n box-sizing: border-box;\n"])), function (props) {
|
|
8277
8264
|
return props.$isVisible ? '' : 'opacity: 0;';
|
|
8278
8265
|
});
|
|
8279
8266
|
var IdCardGuideImage = styled__default.default.img(templateObject_2$p || (templateObject_2$p = __makeTemplateObject(["\n ", "\n ", "\n"], ["\n ", "\n ", "\n"])), function (props) {
|
|
@@ -8429,7 +8416,7 @@ var IdCardBorderRect = styled__default.default.rect(templateObject_5$8 || (templ
|
|
|
8429
8416
|
var _a;
|
|
8430
8417
|
return (_a = props.$fillMode) !== null && _a !== void 0 ? _a : 'forwards';
|
|
8431
8418
|
});
|
|
8432
|
-
var templateObject_1$
|
|
8419
|
+
var templateObject_1$u, templateObject_2$p, templateObject_3$j, templateObject_4$d, templateObject_5$8;
|
|
8433
8420
|
|
|
8434
8421
|
var defaultIdCaptureGuideImages = {
|
|
8435
8422
|
portrait: {
|
|
@@ -8604,12 +8591,12 @@ var IdVideoCaptureFlipIdPrompt = function IdVideoCaptureFlipIdPrompt(_a) {
|
|
|
8604
8591
|
style: imageStyle
|
|
8605
8592
|
})));
|
|
8606
8593
|
};
|
|
8607
|
-
var FlipImageContainer = styled__default.default(IdCardGuideImageContainer)(templateObject_1$
|
|
8594
|
+
var FlipImageContainer = styled__default.default(IdCardGuideImageContainer)(templateObject_1$t || (templateObject_1$t = __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) {
|
|
8608
8595
|
return props.$transitionTime;
|
|
8609
8596
|
}, function (props) {
|
|
8610
8597
|
return props.$transforms;
|
|
8611
8598
|
});
|
|
8612
|
-
var templateObject_1$
|
|
8599
|
+
var templateObject_1$t;
|
|
8613
8600
|
|
|
8614
8601
|
var GuideOrientationContext = /*#__PURE__*/React.createContext({
|
|
8615
8602
|
orientation: 'landscape',
|
|
@@ -8898,7 +8885,7 @@ var regionClsx = function regionClsx(classNames, which) {
|
|
|
8898
8885
|
return v;
|
|
8899
8886
|
}).join(' ');
|
|
8900
8887
|
};
|
|
8901
|
-
var StyledPageContainer = styled__default.default(PageContainerDiv)(templateObject_1$
|
|
8888
|
+
var StyledPageContainer = styled__default.default(PageContainerDiv)(templateObject_1$s || (templateObject_1$s = __makeTemplateObject(["\n z-index: 1000;\n overflow-y: hidden;\n"], ["\n z-index: 1000;\n overflow-y: hidden;\n"])));
|
|
8902
8889
|
var GuidesContainer = styled__default.default.div(templateObject_2$o || (templateObject_2$o = __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"])));
|
|
8903
8890
|
var GuideCenterRow = styled__default.default.div(templateObject_3$i || (templateObject_3$i = __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"])));
|
|
8904
8891
|
var GuideRegion = styled__default.default.div(templateObject_4$c || (templateObject_4$c = __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) {
|
|
@@ -8926,7 +8913,7 @@ var GuideCenterBorder = styled__default.default.div(templateObject_7$4 || (templ
|
|
|
8926
8913
|
});
|
|
8927
8914
|
var GuideText = styled__default.default.span(templateObject_8$1 || (templateObject_8$1 = __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"])));
|
|
8928
8915
|
var GuideCenterInner = styled__default.default.div(templateObject_9$1 || (templateObject_9$1 = __makeTemplateObject(["\n position: relative;\n margin: auto;\n"], ["\n position: relative;\n margin: auto;\n"])));
|
|
8929
|
-
var templateObject_1$
|
|
8916
|
+
var templateObject_1$s, templateObject_2$o, templateObject_3$i, templateObject_4$c, templateObject_5$7, templateObject_6$6, templateObject_7$4, templateObject_8$1, templateObject_9$1;
|
|
8930
8917
|
|
|
8931
8918
|
var IdCaptureFitGuide = function IdCaptureFitGuide(_a) {
|
|
8932
8919
|
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
|
|
@@ -9069,11 +9056,11 @@ var IdCaptureFitGuide = function IdCaptureFitGuide(_a) {
|
|
|
9069
9056
|
progress: progress
|
|
9070
9057
|
}));
|
|
9071
9058
|
};
|
|
9072
|
-
var CanvasWrapper$1 = styled__default.default.div(templateObject_1$
|
|
9059
|
+
var CanvasWrapper$1 = styled__default.default.div(templateObject_1$r || (templateObject_1$r = __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) {
|
|
9073
9060
|
return props.$maskColor;
|
|
9074
9061
|
});
|
|
9075
9062
|
var Canvas$1 = styled__default.default.canvas(templateObject_2$n || (templateObject_2$n = __makeTemplateObject(["\n display: block;\n"], ["\n display: block;\n"])));
|
|
9076
|
-
var templateObject_1$
|
|
9063
|
+
var templateObject_1$r, templateObject_2$n;
|
|
9077
9064
|
|
|
9078
9065
|
function IdCaptureGuides(_a) {
|
|
9079
9066
|
var _b, _c;
|
|
@@ -9213,11 +9200,11 @@ var SelfieProgressPreview = function SelfieProgressPreview(_a) {
|
|
|
9213
9200
|
onError: onError
|
|
9214
9201
|
})));
|
|
9215
9202
|
};
|
|
9216
|
-
var StyledSpinner = styled__default.default(Spinner)(templateObject_1$
|
|
9203
|
+
var StyledSpinner = styled__default.default(Spinner)(templateObject_1$q || (templateObject_1$q = __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"])));
|
|
9217
9204
|
var ImagePreviewWrapper = styled__default.default.div(templateObject_2$m || (templateObject_2$m = __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"])));
|
|
9218
9205
|
var ImagePreviewText = styled__default.default.div(templateObject_3$h || (templateObject_3$h = __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"])));
|
|
9219
9206
|
var ImagePreviewImageWrapper = styled__default.default.div(templateObject_4$b || (templateObject_4$b = __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"])));
|
|
9220
|
-
var templateObject_1$
|
|
9207
|
+
var templateObject_1$q, templateObject_2$m, templateObject_3$h, templateObject_4$b;
|
|
9221
9208
|
|
|
9222
9209
|
var CameraVideoTag = function CameraVideoTag(_a) {
|
|
9223
9210
|
var _b;
|
|
@@ -9256,10 +9243,10 @@ var CameraVideoTag = function CameraVideoTag(_a) {
|
|
|
9256
9243
|
"$isRearFacing": (_b = cameraRef.current) === null || _b === void 0 ? void 0 : _b.isRearFacing
|
|
9257
9244
|
});
|
|
9258
9245
|
};
|
|
9259
|
-
var FullscreenVideoTag = styled__default.default.video(templateObject_1$
|
|
9246
|
+
var FullscreenVideoTag = styled__default.default.video(templateObject_1$p || (templateObject_1$p = __makeTemplateObject(["\n transform: ", ";\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 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) {
|
|
9260
9247
|
return props.$isRearFacing ? '' : 'scaleX(-1)';
|
|
9261
9248
|
});
|
|
9262
|
-
var templateObject_1$
|
|
9249
|
+
var templateObject_1$p;
|
|
9263
9250
|
|
|
9264
9251
|
var documentCaptureInitialState = {
|
|
9265
9252
|
documents: [],
|
|
@@ -9615,16 +9602,16 @@ var DocumentCaptureGuideOverlay = function DocumentCaptureGuideOverlay(_a) {
|
|
|
9615
9602
|
ref: canvasRef
|
|
9616
9603
|
}));
|
|
9617
9604
|
};
|
|
9618
|
-
var CanvasWrapper = styled__default.default.div(templateObject_1$
|
|
9605
|
+
var CanvasWrapper = styled__default.default.div(templateObject_1$o || (templateObject_1$o = __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) {
|
|
9619
9606
|
return props.$maskColor;
|
|
9620
9607
|
});
|
|
9621
9608
|
var Canvas = styled__default.default.canvas(templateObject_2$l || (templateObject_2$l = __makeTemplateObject(["\n display: block;\n"], ["\n display: block;\n"])));
|
|
9622
|
-
var templateObject_1$
|
|
9609
|
+
var templateObject_1$o, templateObject_2$l;
|
|
9623
9610
|
|
|
9624
|
-
var CameraFeedWrapper = styled__default.default.div(templateObject_1$
|
|
9611
|
+
var CameraFeedWrapper = styled__default.default.div(templateObject_1$n || (templateObject_1$n = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
9625
9612
|
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;") : "";
|
|
9626
9613
|
});
|
|
9627
|
-
var templateObject_1$
|
|
9614
|
+
var templateObject_1$n;
|
|
9628
9615
|
|
|
9629
9616
|
var DocumentCaptureScreen = function DocumentCaptureScreen(_a) {
|
|
9630
9617
|
var _b, _c, _d, _e, _f, _g, _h;
|
|
@@ -9774,7 +9761,7 @@ var DocumentCaptureScreen = function DocumentCaptureScreen(_a) {
|
|
|
9774
9761
|
disabled: !cameraReady || capturing
|
|
9775
9762
|
}, !cameraReady ? verbiage.loadingBtnText : capturing ? verbiage.capturingBtnText : verbiage.captureBtnText))))));
|
|
9776
9763
|
};
|
|
9777
|
-
var CaptureContainer = styled__default.default.div(templateObject_1$
|
|
9764
|
+
var CaptureContainer = styled__default.default.div(templateObject_1$m || (templateObject_1$m = __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"])));
|
|
9778
9765
|
var HeadingRow = styled__default.default.div(templateObject_2$k || (templateObject_2$k = __makeTemplateObject(["\n background: ", ";\n text-align: center;\n color: white;\n"], ["\n background: ", ";\n text-align: center;\n color: white;\n"])), function (props) {
|
|
9779
9766
|
return props.$maskColor;
|
|
9780
9767
|
});
|
|
@@ -9788,7 +9775,7 @@ var Instructions = styled__default.default.div(templateObject_5$6 || (templateOb
|
|
|
9788
9775
|
});
|
|
9789
9776
|
var StyledButtonsRow$9 = styled__default.default(ButtonsRow)(templateObject_6$5 || (templateObject_6$5 = __makeTemplateObject(["\n padding-top: 20px;\n"], ["\n padding-top: 20px;\n"])));
|
|
9790
9777
|
var PreviewImage = styled__default.default.img(templateObject_7$3 || (templateObject_7$3 = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n object-fit: cover;\n"], ["\n width: 100%;\n height: 100%;\n object-fit: cover;\n"])));
|
|
9791
|
-
var templateObject_1$
|
|
9778
|
+
var templateObject_1$m, templateObject_2$k, templateObject_3$g, templateObject_4$a, templateObject_5$6, templateObject_6$5, templateObject_7$3;
|
|
9792
9779
|
|
|
9793
9780
|
var DocumentCaptureWizard = function DocumentCaptureWizard(_a) {
|
|
9794
9781
|
var onSuccess = _a.onSuccess,
|
|
@@ -10057,13 +10044,13 @@ var IdCaptureFallback = function IdCaptureFallback(_a) {
|
|
|
10057
10044
|
}
|
|
10058
10045
|
}, verbiage.doneBtnText))))));
|
|
10059
10046
|
};
|
|
10060
|
-
var StyledOverlayInner$2 = styled__default.default(OverlayInner$2)(templateObject_1$
|
|
10047
|
+
var StyledOverlayInner$2 = styled__default.default(OverlayInner$2)(templateObject_1$l || (templateObject_1$l = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
10061
10048
|
var Heading$8 = styled__default.default.h3(templateObject_2$j || (templateObject_2$j = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
10062
10049
|
var Description$3 = styled__default.default.p(templateObject_3$f || (templateObject_3$f = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
10063
10050
|
var Instruction = styled__default.default.p(templateObject_4$9 || (templateObject_4$9 = __makeTemplateObject(["\n font-weight: bold;\n"], ["\n font-weight: bold;\n"])));
|
|
10064
10051
|
var ImageCol = styled__default.default.div(templateObject_5$5 || (templateObject_5$5 = __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"])));
|
|
10065
10052
|
var StyledButtonsRow$8 = styled__default.default(ButtonsRow)(templateObject_6$4 || (templateObject_6$4 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
10066
|
-
var templateObject_1$
|
|
10053
|
+
var templateObject_1$l, templateObject_2$j, templateObject_3$f, templateObject_4$9, templateObject_5$5, templateObject_6$4;
|
|
10067
10054
|
|
|
10068
10055
|
function ScalingCameraFeed() {
|
|
10069
10056
|
var _a = React.useContext(IdCaptureStateContext),
|
|
@@ -10749,7 +10736,7 @@ var HeadGuideSvg = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
10749
10736
|
}))));
|
|
10750
10737
|
});
|
|
10751
10738
|
HeadGuideSvg.displayName = 'HeadGuideSvg';
|
|
10752
|
-
var PulsingHeadGuideContainer = styled__default.default.div(templateObject_1$
|
|
10739
|
+
var PulsingHeadGuideContainer = styled__default.default.div(templateObject_1$k || (templateObject_1$k = __makeTemplateObject(["\n display: flex;\n position: relative;\n height: 100%;\n max-height: 100%;\n\n & > .pulse {\n position: absolute;\n animation: glow-grow 2s ease-out infinite;\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 & > .pulseOrigin {\n position: relative;\n }\n\n @keyframes glow-grow {\n 0% {\n opacity: 0;\n transform: scale(1);\n }\n 80% {\n opacity: 1;\n }\n 100% {\n transform: scale(2);\n opacity: 0;\n }\n }\n"], ["\n display: flex;\n position: relative;\n height: 100%;\n max-height: 100%;\n\n & > .pulse {\n position: absolute;\n animation: glow-grow 2s ease-out infinite;\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 & > .pulseOrigin {\n position: relative;\n }\n\n @keyframes glow-grow {\n 0% {\n opacity: 0;\n transform: scale(1);\n }\n 80% {\n opacity: 1;\n }\n 100% {\n transform: scale(2);\n opacity: 0;\n }\n }\n"])));
|
|
10753
10740
|
function HeadGuide(_a) {
|
|
10754
10741
|
var _b;
|
|
10755
10742
|
var _c = _a.status,
|
|
@@ -11027,9 +11014,9 @@ function SelfieCaptureAnimatedMaskWithStatus(_a) {
|
|
|
11027
11014
|
status: status
|
|
11028
11015
|
}));
|
|
11029
11016
|
}
|
|
11030
|
-
var templateObject_1$
|
|
11017
|
+
var templateObject_1$k, templateObject_2$i, templateObject_3$e;
|
|
11031
11018
|
|
|
11032
|
-
var FaceCaptureGuideContainer = styled__default.default.div(templateObject_1$
|
|
11019
|
+
var FaceCaptureGuideContainer = styled__default.default.div(templateObject_1$j || (templateObject_1$j = __makeTemplateObject(["\n position: fixed;\n z-index: 1000;\n width: 100dvw;\n height: 100dvh;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 40px;\n box-sizing: border-box;\n"], ["\n position: fixed;\n z-index: 1000;\n width: 100dvw;\n height: 100dvh;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 40px;\n box-sizing: border-box;\n"])));
|
|
11033
11020
|
var FaceCaptureGuideInner = styled__default.default.div(templateObject_2$h || (templateObject_2$h = __makeTemplateObject(["\n position: relative;\n height: 60%;\n"], ["\n position: relative;\n height: 60%;\n"])));
|
|
11034
11021
|
var FaceCaptureGuideOverlay = function FaceCaptureGuideOverlay(_a) {
|
|
11035
11022
|
var _b = _a.classNames,
|
|
@@ -11052,7 +11039,7 @@ var FaceCaptureGuideOverlay = function FaceCaptureGuideOverlay(_a) {
|
|
|
11052
11039
|
verticalAlign: "center"
|
|
11053
11040
|
})));
|
|
11054
11041
|
};
|
|
11055
|
-
var templateObject_1$
|
|
11042
|
+
var templateObject_1$j, templateObject_2$h;
|
|
11056
11043
|
|
|
11057
11044
|
var SelfieGuidanceModelsContext = /*#__PURE__*/React.createContext({
|
|
11058
11045
|
start: function start() {
|
|
@@ -11348,12 +11335,12 @@ var SelfieCaptureFallback = function SelfieCaptureFallback(_a) {
|
|
|
11348
11335
|
}
|
|
11349
11336
|
}, !image ? invalidSelfie ? verbiage.retryButtonText : verbiage.captureBtnText : loading ? verbiage.doneBtnLoadingText : verbiage.doneBtnText)))));
|
|
11350
11337
|
};
|
|
11351
|
-
var StyledOverlayInner$1 = styled__default.default(OverlayInner$2)(templateObject_1$
|
|
11338
|
+
var StyledOverlayInner$1 = styled__default.default(OverlayInner$2)(templateObject_1$i || (templateObject_1$i = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
11352
11339
|
var Heading$7 = styled__default.default.h3(templateObject_2$g || (templateObject_2$g = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
11353
11340
|
var Description$2 = styled__default.default.p(templateObject_3$d || (templateObject_3$d = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
11354
11341
|
var ImageContainer$6 = styled__default.default(OverlayImageContainer)(templateObject_4$8 || (templateObject_4$8 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
11355
11342
|
var StyledButtonsRow$7 = styled__default.default(ButtonsRow)(templateObject_5$4 || (templateObject_5$4 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
11356
|
-
var templateObject_1$
|
|
11343
|
+
var templateObject_1$i, templateObject_2$g, templateObject_3$d, templateObject_4$8, templateObject_5$4;
|
|
11357
11344
|
|
|
11358
11345
|
var initialState$3 = {
|
|
11359
11346
|
videoWidth: 0,
|
|
@@ -11916,9 +11903,6 @@ var FaceLivenessCapture = function FaceLivenessCapture(_a) {
|
|
|
11916
11903
|
})));
|
|
11917
11904
|
};
|
|
11918
11905
|
|
|
11919
|
-
var Card = styled__default.default.div(templateObject_1$i || (templateObject_1$i = __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: 500px;\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: 500px;\n"])));
|
|
11920
|
-
var templateObject_1$i;
|
|
11921
|
-
|
|
11922
11906
|
var FaceLivenessSuccess = function FaceLivenessSuccess(_a) {
|
|
11923
11907
|
var imageUrl = _a.imageUrl,
|
|
11924
11908
|
onDoneClick = _a.onDoneClick,
|