idmission-web-sdk 2.2.86 → 2.2.88
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/IdCaptureOrUploadScreen.d.ts.map +1 -1
- package/dist/sdk2.cjs.development.js +43 -23
- 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 +43 -23
- package/dist/sdk2.esm.js.map +1 -1
- package/dist/sdk2.umd.development.js +43 -23
- 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
|
@@ -211,7 +211,7 @@
|
|
|
211
211
|
return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
|
|
212
212
|
};
|
|
213
213
|
|
|
214
|
-
var webSdkVersion = '2.2.
|
|
214
|
+
var webSdkVersion = '2.2.88';
|
|
215
215
|
|
|
216
216
|
function getPlatform() {
|
|
217
217
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
@@ -15966,8 +15966,8 @@
|
|
|
15966
15966
|
});
|
|
15967
15967
|
var LoadingListContainer$1 = styled.div(templateObject_9$3 || (templateObject_9$3 = __makeTemplateObject(["\n display: flex;\n position: relative;\n z-index: 2;\n"], ["\n display: flex;\n position: relative;\n z-index: 2;\n"])));
|
|
15968
15968
|
var LoadingList$1 = styled.ul(templateObject_10$2 || (templateObject_10$2 = __makeTemplateObject(["\n display: block;\n margin: auto;\n list-style: none;\n padding: 0;\n"], ["\n display: block;\n margin: auto;\n list-style: none;\n padding: 0;\n"])));
|
|
15969
|
-
var LoadingListItem$1 = styled.li(templateObject_11$
|
|
15970
|
-
var ProgressContainer$1 = styled.div(templateObject_12$
|
|
15969
|
+
var LoadingListItem$1 = styled.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"])));
|
|
15970
|
+
var ProgressContainer$1 = styled.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"])));
|
|
15971
15971
|
var ProgressBarBackground$1 = styled.div(templateObject_13$1 || (templateObject_13$1 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: ", ";\n opacity: ", ";\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: ", ";\n opacity: ", ";\n"])), function (props) {
|
|
15972
15972
|
var _a, _b, _c, _d;
|
|
15973
15973
|
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)';
|
|
@@ -15991,7 +15991,7 @@
|
|
|
15991
15991
|
var _a, _b, _c, _d, _e, _f;
|
|
15992
15992
|
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, ";") : '';
|
|
15993
15993
|
});
|
|
15994
|
-
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$
|
|
15994
|
+
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;
|
|
15995
15995
|
|
|
15996
15996
|
function _createForOfIteratorHelperLoose(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (t) return (t = t.call(r)).next.bind(t); if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e) { t && (r = t); var o = 0; return function () { return o >= r.length ? { done: !0 } : { done: !1, value: r[o++] }; }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
15997
15997
|
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
@@ -18233,8 +18233,9 @@
|
|
|
18233
18233
|
type: 'setUploadingDocumentsFromStorage',
|
|
18234
18234
|
payload: true
|
|
18235
18235
|
});
|
|
18236
|
-
|
|
18237
|
-
|
|
18236
|
+
if (state.captureRequirement === 'idCardOrPassport') {
|
|
18237
|
+
setSelectIdTypeModalOpen(true);
|
|
18238
|
+
} else if (state.captureRequirement === 'passport') {
|
|
18238
18239
|
dispatch({
|
|
18239
18240
|
type: 'setUploadingDocumentsType',
|
|
18240
18241
|
payload: 'passport'
|
|
@@ -18265,12 +18266,8 @@
|
|
|
18265
18266
|
payload: 'passport'
|
|
18266
18267
|
});
|
|
18267
18268
|
}
|
|
18268
|
-
}, verbiage.passportText, /*#__PURE__*/React.createElement(ArrowIcon, null))), /*#__PURE__*/React.createElement(
|
|
18269
|
-
className: classNames.selectIdCardTypePanel
|
|
18270
|
-
style: {
|
|
18271
|
-
background: 'white',
|
|
18272
|
-
padding: '80px 0'
|
|
18273
|
-
}
|
|
18269
|
+
}, verbiage.passportText, /*#__PURE__*/React.createElement(ArrowIcon, null))), /*#__PURE__*/React.createElement(SelectIdCardScreenPanel, {
|
|
18270
|
+
className: classNames.selectIdCardTypePanel
|
|
18274
18271
|
}, /*#__PURE__*/React.createElement(IdDocumentIcon, {
|
|
18275
18272
|
className: classNames.selectIdCardTypeIcon
|
|
18276
18273
|
}), /*#__PURE__*/React.createElement(Button, {
|
|
@@ -18287,7 +18284,7 @@
|
|
|
18287
18284
|
onClick: function onClick() {
|
|
18288
18285
|
return setSelectIdTypeModalOpen(false);
|
|
18289
18286
|
}
|
|
18290
|
-
},
|
|
18287
|
+
}, /*#__PURE__*/React.createElement(XIcon, null)))));
|
|
18291
18288
|
}
|
|
18292
18289
|
function PassportUploadScreen(_a) {
|
|
18293
18290
|
var _b = _a.classNames,
|
|
@@ -18476,17 +18473,39 @@
|
|
|
18476
18473
|
return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
|
|
18477
18474
|
});
|
|
18478
18475
|
var ScreenPanel = styled.div(templateObject_2$j || (templateObject_2$j = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 100%;\n flex-grow: 1;\n background: #f7f6fb;\n box-sizing: border-box;\n padding: 40px;\n"], ["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 100%;\n flex-grow: 1;\n background: #f7f6fb;\n box-sizing: border-box;\n padding: 40px;\n"])));
|
|
18479
|
-
var
|
|
18480
|
-
var
|
|
18481
|
-
var
|
|
18482
|
-
var
|
|
18483
|
-
var
|
|
18484
|
-
var
|
|
18485
|
-
var
|
|
18476
|
+
var SelectIdCardScreenPanel = styled(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"])));
|
|
18477
|
+
var ScreenPanelHeading = styled.h3(templateObject_4$9 || (templateObject_4$9 = __makeTemplateObject(["\n margin: 0 0 30px;\n"], ["\n margin: 0 0 30px;\n"])));
|
|
18478
|
+
var ScreenActionsBar = styled.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"])));
|
|
18479
|
+
var DashedSeparator = styled.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"])));
|
|
18480
|
+
var OrWrapper = styled.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"])));
|
|
18481
|
+
var Button = styled(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"])));
|
|
18482
|
+
var Modal = styled.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"])));
|
|
18483
|
+
var Dialog = styled.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) {
|
|
18486
18484
|
var _a;
|
|
18487
18485
|
return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
|
|
18488
18486
|
});
|
|
18489
|
-
var ModalCloseButton = styled.button(
|
|
18487
|
+
var ModalCloseButton = styled.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"])));
|
|
18488
|
+
function XIcon(props) {
|
|
18489
|
+
return /*#__PURE__*/React.createElement("svg", _assign({
|
|
18490
|
+
width: "25",
|
|
18491
|
+
height: "25",
|
|
18492
|
+
viewBox: "0 0 25 25",
|
|
18493
|
+
fill: "none",
|
|
18494
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
18495
|
+
}, props), /*#__PURE__*/React.createElement("path", {
|
|
18496
|
+
d: "M2.08435 23.0832L22.4206 2.42073",
|
|
18497
|
+
stroke: "white",
|
|
18498
|
+
strokeWidth: "3",
|
|
18499
|
+
strokeLinecap: "round",
|
|
18500
|
+
strokeLinejoin: "round"
|
|
18501
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
18502
|
+
d: "M1.91724 2.08386L22.5797 22.4201",
|
|
18503
|
+
stroke: "white",
|
|
18504
|
+
strokeWidth: "3",
|
|
18505
|
+
strokeLinecap: "round",
|
|
18506
|
+
strokeLinejoin: "round"
|
|
18507
|
+
}));
|
|
18508
|
+
}
|
|
18490
18509
|
function CameraIcon(props) {
|
|
18491
18510
|
return /*#__PURE__*/React.createElement("svg", _assign({
|
|
18492
18511
|
width: "91",
|
|
@@ -18567,7 +18586,7 @@
|
|
|
18567
18586
|
}));
|
|
18568
18587
|
}
|
|
18569
18588
|
function ArrowIcon(props) {
|
|
18570
|
-
return /*#__PURE__*/React.createElement(
|
|
18589
|
+
return /*#__PURE__*/React.createElement(InlineSvg, _assign({
|
|
18571
18590
|
width: "18",
|
|
18572
18591
|
height: "12",
|
|
18573
18592
|
viewBox: "0 0 18 12",
|
|
@@ -18716,6 +18735,7 @@
|
|
|
18716
18735
|
strokeWidth: "3"
|
|
18717
18736
|
}));
|
|
18718
18737
|
}
|
|
18738
|
+
var InlineSvg = styled.svg(templateObject_12$1 || (templateObject_12$1 = __makeTemplateObject(["\n display: inline;\n"], ["\n display: inline;\n"])));
|
|
18719
18739
|
function humanFileSize(bytes, si, dp) {
|
|
18720
18740
|
if (si === void 0) {
|
|
18721
18741
|
si = false;
|
|
@@ -18736,7 +18756,7 @@
|
|
|
18736
18756
|
} while (Math.round(Math.abs(bytes) * r) / r >= thresh && u < units.length - 1);
|
|
18737
18757
|
return bytes.toFixed(dp) + ' ' + units[u];
|
|
18738
18758
|
}
|
|
18739
|
-
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;
|
|
18759
|
+
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;
|
|
18740
18760
|
|
|
18741
18761
|
var IdCaptureWizard = function IdCaptureWizard(_a) {
|
|
18742
18762
|
var _b, _c, _d, _e, _f, _g;
|