idmission-web-sdk 2.2.87 → 2.2.89
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/IdCaptureGuidesCommon.d.ts.map +1 -1
- package/dist/components/id_capture/IdCaptureOrUploadScreen.d.ts.map +1 -1
- package/dist/sdk2.cjs.development.js +66 -45
- 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 +66 -45
- package/dist/sdk2.esm.js.map +1 -1
- package/dist/sdk2.umd.development.js +66 -45
- 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
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IdCaptureGuidesCommon.d.ts","sourceRoot":"","sources":["../../../src/components/id_capture/IdCaptureGuidesCommon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAA;AAM5D,eAAO,MAAM,yBAAyB;aA6B3B,iBAAiB;kBACZ,MAAM,GAAG,MAAM;mBACd,MAAM;kBACP,MAAM;kBACN,MAAM;eACT,MAAM;;iBAjCJ,OAAO;6EAKrB,CAAA;AAED,eAAO,MAAM,gBAAgB;kBACb,OAAO;mBACN,OAAO;YAKvB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG,UAAU,GAAG,OAAO,GAAG,WAAW,CAAA;AAElE,iBAAS,YAAY,CAAC,EACpB,QAAQ,EACR,MAAgB,EAChB,WAAgB,EAChB,YAAiB,EACjB,WAAqB,EACrB,WAAW,EACX,QAAY,EACZ,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IACxC,MAAM,CAAC,EAAE,iBAAiB,CAAA;IAC1B,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,
|
|
1
|
+
{"version":3,"file":"IdCaptureGuidesCommon.d.ts","sourceRoot":"","sources":["../../../src/components/id_capture/IdCaptureGuidesCommon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAA;AAM5D,eAAO,MAAM,yBAAyB;aA6B3B,iBAAiB;kBACZ,MAAM,GAAG,MAAM;mBACd,MAAM;kBACP,MAAM;kBACN,MAAM;eACT,MAAM;;iBAjCJ,OAAO;6EAKrB,CAAA;AAED,eAAO,MAAM,gBAAgB;kBACb,OAAO;mBACN,OAAO;YAKvB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG,UAAU,GAAG,OAAO,GAAG,WAAW,CAAA;AAElE,iBAAS,YAAY,CAAC,EACpB,QAAQ,EACR,MAAgB,EAChB,WAAgB,EAChB,YAAiB,EACjB,WAAqB,EACrB,WAAW,EACX,QAAY,EACZ,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IACxC,MAAM,CAAC,EAAE,iBAAiB,CAAA;IAC1B,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,qBAoFA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IdCaptureOrUploadScreen.d.ts","sourceRoot":"","sources":["../../../src/components/id_capture/IdCaptureOrUploadScreen.tsx"],"names":[],"mappings":"AAGA,OAAO,KAON,MAAM,OAAO,CAAA;AAEd,OAAO,EAAE,wBAAwB,EAAmB,MAAM,mBAAmB,CAAA;AAQ7E,MAAM,MAAM,iCAAiC,GAAG;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,sBAAsB,CAAC,EAAE,MAAM,CAAA;IAC/B,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,uBAAuB,CAAC,EAAE,MAAM,CAAA;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,sBAAsB,CAAC,EAAE,MAAM,CAAA;IAC/B,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,uBAAuB,CAAC,EAAE,MAAM,CAAA;IAChC,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,uBAAuB,CAAC,EAAE,MAAM,CAAA;IAChC,sBAAsB,CAAC,EAAE,MAAM,CAAA;IAC/B,wBAAwB,CAAC,EAAE,MAAM,CAAA;IACjC,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,sBAAsB,CAAC,EAAE,MAAM,CAAA;IAC/B,4BAA4B,CAAC,EAAE,MAAM,CAAA;IAErC,sBAAsB,CAAC,EAAE,gCAAgC,CAAA;IACzD,oBAAoB,CAAC,EAAE,8BAA8B,CAAA;CACtD,CAAA;AAED,MAAM,MAAM,+BAA+B,GAAG;IAC5C,qBAAqB,CAAC,EAAE,wBAAwB,CAAA;IAChD,MAAM,CAAC,EAAE,wBAAwB,CAAA;IAEjC,qBAAqB,CAAC,EAAE,wBAAwB,CAAA;IAChD,gBAAgB,CAAC,EAAE,wBAAwB,CAAA;IAC3C,YAAY,CAAC,EAAE,wBAAwB,CAAA;IACvC,UAAU,CAAC,EAAE,wBAAwB,CAAA;IAErC,sBAAsB,CAAC,EAAE,8BAA8B,CAAA;IACvD,oBAAoB,CAAC,EAAE,4BAA4B,CAAA;CACpD,CAAA;AAED,wBAAgB,uBAAuB,CAAC,EACtC,UAAe,EACf,QAAQ,EAAE,WAAgB,GAC3B,EAAE;IACD,UAAU,CAAC,EAAE,iCAAiC,CAAA;IAC9C,QAAQ,CAAC,EAAE,+BAA+B,CAAA;CAC3C,
|
|
1
|
+
{"version":3,"file":"IdCaptureOrUploadScreen.d.ts","sourceRoot":"","sources":["../../../src/components/id_capture/IdCaptureOrUploadScreen.tsx"],"names":[],"mappings":"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"}
|
|
@@ -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.89';
|
|
238
238
|
|
|
239
239
|
function getPlatform() {
|
|
240
240
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
@@ -6997,8 +6997,8 @@ var StyledButtonsRow$a = styled__default.default(ButtonsRow)(templateObject_8$3
|
|
|
6997
6997
|
});
|
|
6998
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
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"])));
|
|
7000
|
-
var LoadingListItem$1 = styled__default.default.li(templateObject_11$
|
|
7001
|
-
var ProgressContainer$1 = styled__default.default.div(templateObject_12$
|
|
7000
|
+
var LoadingListItem$1 = styled__default.default.li(templateObject_11$2 || (templateObject_11$2 = __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"])));
|
|
7001
|
+
var ProgressContainer$1 = styled__default.default.div(templateObject_12$2 || (templateObject_12$2 = __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"])));
|
|
7002
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) {
|
|
7003
7003
|
var _a, _b, _c, _d;
|
|
7004
7004
|
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.progressBarBackgroundColor) !== null && _d !== void 0 ? _d : 'var(--idm-color-positive-600)';
|
|
@@ -7022,7 +7022,7 @@ var ContinueButton$1 = styled__default.default(LoaderButton)(templateObject_18 |
|
|
|
7022
7022
|
var _a, _b, _c, _d, _e, _f;
|
|
7023
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, ";") : '';
|
|
7024
7024
|
});
|
|
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$
|
|
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$2, templateObject_12$2, templateObject_13$1, templateObject_14$1, templateObject_15$1, templateObject_16, templateObject_17, templateObject_18;
|
|
7026
7026
|
|
|
7027
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
7028
|
var ContinuityCameraCheckbox = styled__default.default.input(templateObject_2$t || (templateObject_2$t = __makeTemplateObject(["\n margin-right: 8px;\n"], ["\n margin-right: 8px;\n"])));
|
|
@@ -7329,29 +7329,29 @@ var IdCardGuideImage = styled__default.default.img(templateObject_2$q || (templa
|
|
|
7329
7329
|
return props.$isInvisible ? 'opacity: 0;' : '';
|
|
7330
7330
|
});
|
|
7331
7331
|
function IdCardBorder(_a) {
|
|
7332
|
-
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
|
|
7332
|
+
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
|
|
7333
7333
|
var children = _a.children,
|
|
7334
|
-
|
|
7335
|
-
status =
|
|
7336
|
-
|
|
7337
|
-
borderWidth =
|
|
7338
|
-
|
|
7339
|
-
borderRadius =
|
|
7340
|
-
|
|
7341
|
-
borderColor =
|
|
7334
|
+
_s = _a.status,
|
|
7335
|
+
status = _s === void 0 ? 'ready' : _s,
|
|
7336
|
+
_t = _a.borderWidth,
|
|
7337
|
+
borderWidth = _t === void 0 ? 20 : _t,
|
|
7338
|
+
_u = _a.borderRadius,
|
|
7339
|
+
borderRadius = _u === void 0 ? 25 : _u,
|
|
7340
|
+
_v = _a.borderColor,
|
|
7341
|
+
borderColor = _v === void 0 ? 'white' : _v,
|
|
7342
7342
|
aspectRatio = _a.aspectRatio,
|
|
7343
|
-
|
|
7344
|
-
progress =
|
|
7343
|
+
_w = _a.progress,
|
|
7344
|
+
progress = _w === void 0 ? 0 : _w,
|
|
7345
7345
|
props = __rest(_a, ["children", "status", "borderWidth", "borderRadius", "borderColor", "aspectRatio", "progress"]);
|
|
7346
|
-
var
|
|
7347
|
-
ref =
|
|
7348
|
-
|
|
7349
|
-
width =
|
|
7350
|
-
|
|
7351
|
-
height =
|
|
7352
|
-
var
|
|
7353
|
-
progressResets =
|
|
7354
|
-
setProgressResets =
|
|
7346
|
+
var _x = useResizeObserver__default.default(),
|
|
7347
|
+
ref = _x.ref,
|
|
7348
|
+
_y = _x.width,
|
|
7349
|
+
width = _y === void 0 ? 0 : _y,
|
|
7350
|
+
_z = _x.height,
|
|
7351
|
+
height = _z === void 0 ? 0 : _z;
|
|
7352
|
+
var _0 = React.useState(0),
|
|
7353
|
+
progressResets = _0[0],
|
|
7354
|
+
setProgressResets = _0[1];
|
|
7355
7355
|
React.useEffect(function () {
|
|
7356
7356
|
if (progress === 0 && status === 'capturing') {
|
|
7357
7357
|
setProgressResets(function (n) {
|
|
@@ -7363,7 +7363,8 @@ function IdCardBorder(_a) {
|
|
|
7363
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;
|
|
7364
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';
|
|
7365
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
|
|
7366
|
+
var progressBarIndicatorColor = (_o = (_m = (_l = theme.idCapture) === null || _l === void 0 ? void 0 : _l.guideBox) === null || _m === void 0 ? void 0 : _m.progressBarIndicatorColor) !== null && _o !== void 0 ? _o : borderColor;
|
|
7367
|
+
var progressBarWidth = (_r = (_q = (_p = theme.idCapture) === null || _p === void 0 ? void 0 : _p.guideBox) === null || _q === void 0 ? void 0 : _q.progressBarWidth) !== null && _r !== void 0 ? _r : borderWidth;
|
|
7367
7368
|
return /*#__PURE__*/React__namespace.default.createElement(IdCardBorderContainer, _assign({}, props), /*#__PURE__*/React__namespace.default.createElement("div", {
|
|
7368
7369
|
ref: ref,
|
|
7369
7370
|
style: {
|
|
@@ -7397,7 +7398,7 @@ function IdCardBorder(_a) {
|
|
|
7397
7398
|
width: width,
|
|
7398
7399
|
height: height,
|
|
7399
7400
|
borderRadius: borderRadius,
|
|
7400
|
-
borderColor:
|
|
7401
|
+
borderColor: progressBarIndicatorColor,
|
|
7401
7402
|
borderWidth: progressBarWidth,
|
|
7402
7403
|
className: "idmSdkWavesOrigin"
|
|
7403
7404
|
}), (status === 'capturing' || progress > 0) && ( /*#__PURE__*/React__namespace.default.createElement(IdCardBorderSvg, {
|
|
@@ -7406,7 +7407,7 @@ function IdCardBorder(_a) {
|
|
|
7406
7407
|
height: height,
|
|
7407
7408
|
borderRadius: borderRadius,
|
|
7408
7409
|
borderColor: progressBarColor,
|
|
7409
|
-
borderWidth:
|
|
7410
|
+
borderWidth: progressBarWidth,
|
|
7410
7411
|
isProgressBar: true,
|
|
7411
7412
|
progress: progress,
|
|
7412
7413
|
progressPaused: progress > 0 && status !== 'capturing'
|
|
@@ -9223,12 +9224,8 @@ function IdCaptureOrUploadScreen(_a) {
|
|
|
9223
9224
|
payload: 'passport'
|
|
9224
9225
|
});
|
|
9225
9226
|
}
|
|
9226
|
-
}, verbiage.passportText, /*#__PURE__*/React__namespace.default.createElement(ArrowIcon, null))), /*#__PURE__*/React__namespace.default.createElement(
|
|
9227
|
-
className: classNames.selectIdCardTypePanel
|
|
9228
|
-
style: {
|
|
9229
|
-
background: 'white',
|
|
9230
|
-
padding: '80px 0'
|
|
9231
|
-
}
|
|
9227
|
+
}, verbiage.passportText, /*#__PURE__*/React__namespace.default.createElement(ArrowIcon, null))), /*#__PURE__*/React__namespace.default.createElement(SelectIdCardScreenPanel, {
|
|
9228
|
+
className: classNames.selectIdCardTypePanel
|
|
9232
9229
|
}, /*#__PURE__*/React__namespace.default.createElement(IdDocumentIcon, {
|
|
9233
9230
|
className: classNames.selectIdCardTypeIcon
|
|
9234
9231
|
}), /*#__PURE__*/React__namespace.default.createElement(Button, {
|
|
@@ -9245,7 +9242,7 @@ function IdCaptureOrUploadScreen(_a) {
|
|
|
9245
9242
|
onClick: function onClick() {
|
|
9246
9243
|
return setSelectIdTypeModalOpen(false);
|
|
9247
9244
|
}
|
|
9248
|
-
},
|
|
9245
|
+
}, /*#__PURE__*/React__namespace.default.createElement(XIcon, null)))));
|
|
9249
9246
|
}
|
|
9250
9247
|
function PassportUploadScreen(_a) {
|
|
9251
9248
|
var _b = _a.classNames,
|
|
@@ -9434,17 +9431,39 @@ var ScreenContainer = styled__default.default.div(templateObject_1$l || (templat
|
|
|
9434
9431
|
return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
|
|
9435
9432
|
});
|
|
9436
9433
|
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"])));
|
|
9437
|
-
var
|
|
9438
|
-
var
|
|
9439
|
-
var
|
|
9440
|
-
var
|
|
9441
|
-
var
|
|
9442
|
-
var
|
|
9443
|
-
var
|
|
9434
|
+
var SelectIdCardScreenPanel = styled__default.default(ScreenPanel)(templateObject_3$f || (templateObject_3$f = __makeTemplateObject(["\n background: white;\n padding: 80px 0;\n\n @media (max-height: 1000px) {\n padding: 40px 0;\n }\n"], ["\n background: white;\n padding: 80px 0;\n\n @media (max-height: 1000px) {\n padding: 40px 0;\n }\n"])));
|
|
9435
|
+
var ScreenPanelHeading = styled__default.default.h3(templateObject_4$9 || (templateObject_4$9 = __makeTemplateObject(["\n margin: 0 0 30px;\n"], ["\n margin: 0 0 30px;\n"])));
|
|
9436
|
+
var ScreenActionsBar = styled__default.default.div(templateObject_5$5 || (templateObject_5$5 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: end;\n gap: 20px;\n padding: 20px;\n width: 100%;\n box-sizing: border-box;\n border-top: 1px solid #ccc;\n\n @media (max-width: 600px) {\n justify-content: center;\n }\n"], ["\n display: flex;\n align-items: center;\n justify-content: end;\n gap: 20px;\n padding: 20px;\n width: 100%;\n box-sizing: border-box;\n border-top: 1px solid #ccc;\n\n @media (max-width: 600px) {\n justify-content: center;\n }\n"])));
|
|
9437
|
+
var DashedSeparator = styled__default.default.div(templateObject_6$4 || (templateObject_6$4 = __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"])));
|
|
9438
|
+
var OrWrapper = styled__default.default.div(templateObject_7$3 || (templateObject_7$3 = __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"])));
|
|
9439
|
+
var Button = styled__default.default(WideBorderButton)(templateObject_8$1 || (templateObject_8$1 = __makeTemplateObject(["\n width: auto;\n font-weight: 500;\n padding-left: 40px;\n padding-right: 40px;\n transition: background-color 0.3s ease;\n background-color: #ffffff;\n white-space: nowrap;\n\n &:disabled,\n &.disabled {\n background-color: #f1f1f1 !important;\n border-color: #dbdbdb !important;\n color: #323232 !important;\n }\n\n &:hover {\n filter: none;\n background-color: #fafafa !important;\n }\n"], ["\n width: auto;\n font-weight: 500;\n padding-left: 40px;\n padding-right: 40px;\n transition: background-color 0.3s ease;\n background-color: #ffffff;\n white-space: nowrap;\n\n &:disabled,\n &.disabled {\n background-color: #f1f1f1 !important;\n border-color: #dbdbdb !important;\n color: #323232 !important;\n }\n\n &:hover {\n filter: none;\n background-color: #fafafa !important;\n }\n"])));
|
|
9440
|
+
var Modal = styled__default.default.div(templateObject_9$1 || (templateObject_9$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"])));
|
|
9441
|
+
var Dialog = styled__default.default.div(templateObject_10$1 || (templateObject_10$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: auto;\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 //margin: 25px;\n"], ["\n width: 100%;\n max-width: 500px;\n height: 100%;\n max-height: 600px;\n background: white;\n border-radius: 25px;\n overflow: auto;\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 //margin: 25px;\n"])), function (props) {
|
|
9444
9442
|
var _a;
|
|
9445
9443
|
return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
|
|
9446
9444
|
});
|
|
9447
|
-
var ModalCloseButton = styled__default.default.button(
|
|
9445
|
+
var ModalCloseButton = styled__default.default.button(templateObject_11$1 || (templateObject_11$1 = __makeTemplateObject(["\n width: 60px;\n height: 60px;\n background: black;\n color: whitesmoke;\n border-radius: 50%;\n font-size: 32px;\n border: none;\n cursor: pointer;\n margin: 20px 0;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\n transition: background 0.3s ease;\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n padding: 0;\n\n &:hover {\n background: #222;\n color: white;\n }\n"], ["\n width: 60px;\n height: 60px;\n background: black;\n color: whitesmoke;\n border-radius: 50%;\n font-size: 32px;\n border: none;\n cursor: pointer;\n margin: 20px 0;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\n transition: background 0.3s ease;\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n padding: 0;\n\n &:hover {\n background: #222;\n color: white;\n }\n"])));
|
|
9446
|
+
function XIcon(props) {
|
|
9447
|
+
return /*#__PURE__*/React__namespace.default.createElement("svg", _assign({
|
|
9448
|
+
width: "25",
|
|
9449
|
+
height: "25",
|
|
9450
|
+
viewBox: "0 0 25 25",
|
|
9451
|
+
fill: "none",
|
|
9452
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
9453
|
+
}, props), /*#__PURE__*/React__namespace.default.createElement("path", {
|
|
9454
|
+
d: "M2.08435 23.0832L22.4206 2.42073",
|
|
9455
|
+
stroke: "white",
|
|
9456
|
+
strokeWidth: "3",
|
|
9457
|
+
strokeLinecap: "round",
|
|
9458
|
+
strokeLinejoin: "round"
|
|
9459
|
+
}), /*#__PURE__*/React__namespace.default.createElement("path", {
|
|
9460
|
+
d: "M1.91724 2.08386L22.5797 22.4201",
|
|
9461
|
+
stroke: "white",
|
|
9462
|
+
strokeWidth: "3",
|
|
9463
|
+
strokeLinecap: "round",
|
|
9464
|
+
strokeLinejoin: "round"
|
|
9465
|
+
}));
|
|
9466
|
+
}
|
|
9448
9467
|
function CameraIcon(props) {
|
|
9449
9468
|
return /*#__PURE__*/React__namespace.default.createElement("svg", _assign({
|
|
9450
9469
|
width: "91",
|
|
@@ -9525,7 +9544,7 @@ function UploadIcon(props) {
|
|
|
9525
9544
|
}));
|
|
9526
9545
|
}
|
|
9527
9546
|
function ArrowIcon(props) {
|
|
9528
|
-
return /*#__PURE__*/React__namespace.default.createElement(
|
|
9547
|
+
return /*#__PURE__*/React__namespace.default.createElement(InlineSvg, _assign({
|
|
9529
9548
|
width: "18",
|
|
9530
9549
|
height: "12",
|
|
9531
9550
|
viewBox: "0 0 18 12",
|
|
@@ -9674,6 +9693,7 @@ function IdDocumentIcon(props) {
|
|
|
9674
9693
|
strokeWidth: "3"
|
|
9675
9694
|
}));
|
|
9676
9695
|
}
|
|
9696
|
+
var InlineSvg = styled__default.default.svg(templateObject_12$1 || (templateObject_12$1 = __makeTemplateObject(["\n display: inline;\n"], ["\n display: inline;\n"])));
|
|
9677
9697
|
function humanFileSize(bytes, si, dp) {
|
|
9678
9698
|
if (si === void 0) {
|
|
9679
9699
|
si = false;
|
|
@@ -9694,7 +9714,7 @@ function humanFileSize(bytes, si, dp) {
|
|
|
9694
9714
|
} while (Math.round(Math.abs(bytes) * r) / r >= thresh && u < units.length - 1);
|
|
9695
9715
|
return bytes.toFixed(dp) + ' ' + units[u];
|
|
9696
9716
|
}
|
|
9697
|
-
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;
|
|
9717
|
+
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, templateObject_11$1, templateObject_12$1;
|
|
9698
9718
|
|
|
9699
9719
|
var IdCaptureWizard = function IdCaptureWizard(_a) {
|
|
9700
9720
|
var _b, _c, _d, _e, _f, _g;
|
|
@@ -11909,7 +11929,7 @@ var LoadingListItem = styled__default.default.li(templateObject_8 || (templateOb
|
|
|
11909
11929
|
var ProgressContainer = styled__default.default.div(templateObject_9 || (templateObject_9 = __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"])));
|
|
11910
11930
|
var ProgressBarBackground = styled__default.default.div(templateObject_10 || (templateObject_10 = __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) {
|
|
11911
11931
|
var _a, _b, _c, _d;
|
|
11912
|
-
return (_d = (_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.selfieCapture) === null || _b === void 0 ? void 0 : _b.loadingOverlay) === null || _c === void 0 ? void 0 : _c.
|
|
11932
|
+
return (_d = (_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.selfieCapture) === null || _b === void 0 ? void 0 : _b.loadingOverlay) === null || _c === void 0 ? void 0 : _c.progressBarColor) !== null && _d !== void 0 ? _d : 'var(--idm-color-positive-600)';
|
|
11913
11933
|
}, function (props) {
|
|
11914
11934
|
var _a, _b, _c, _d;
|
|
11915
11935
|
return (_d = (_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.selfieCapture) === null || _b === void 0 ? void 0 : _b.loadingOverlay) === null || _c === void 0 ? void 0 : _c.progressBarBackgroundOpacity) !== null && _d !== void 0 ? _d : 0.75;
|
|
@@ -14723,6 +14743,7 @@ var defaultTheme = {
|
|
|
14723
14743
|
wavesDisabled: false,
|
|
14724
14744
|
wavesColor: '#287ec6',
|
|
14725
14745
|
progressBarColor: '#287ec6',
|
|
14746
|
+
progressBarIndicatorColor: 'white',
|
|
14726
14747
|
progressBarWidth: '2.5%'
|
|
14727
14748
|
}
|
|
14728
14749
|
},
|