idmission-web-sdk 2.2.87 → 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 +40 -21
- 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 +40 -21
- package/dist/sdk2.esm.js.map +1 -1
- package/dist/sdk2.umd.development.js +40 -21
- package/dist/sdk2.umd.development.js.map +1 -1
- package/dist/sdk2.umd.production.js +1 -1
- package/dist/sdk2.umd.production.js.map +1 -1
- package/dist/version.d.ts +1 -1
- package/package.json +3 -3
package/dist/sdk2.esm.js
CHANGED
|
@@ -203,7 +203,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
|
|
|
203
203
|
return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
|
|
204
204
|
};
|
|
205
205
|
|
|
206
|
-
var webSdkVersion = '2.2.
|
|
206
|
+
var webSdkVersion = '2.2.88';
|
|
207
207
|
|
|
208
208
|
function getPlatform() {
|
|
209
209
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
@@ -6966,8 +6966,8 @@ var StyledButtonsRow$a = styled(ButtonsRow)(templateObject_8$3 || (templateObjec
|
|
|
6966
6966
|
});
|
|
6967
6967
|
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"])));
|
|
6968
6968
|
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"])));
|
|
6969
|
-
var LoadingListItem$1 = styled.li(templateObject_11$
|
|
6970
|
-
var ProgressContainer$1 = styled.div(templateObject_12$
|
|
6969
|
+
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"])));
|
|
6970
|
+
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"])));
|
|
6971
6971
|
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) {
|
|
6972
6972
|
var _a, _b, _c, _d;
|
|
6973
6973
|
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)';
|
|
@@ -6991,7 +6991,7 @@ var ContinueButton$1 = styled(LoaderButton)(templateObject_18 || (templateObject
|
|
|
6991
6991
|
var _a, _b, _c, _d, _e, _f;
|
|
6992
6992
|
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, ";") : '';
|
|
6993
6993
|
});
|
|
6994
|
-
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$
|
|
6994
|
+
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;
|
|
6995
6995
|
|
|
6996
6996
|
var ContinuityCameraCheckboxContainer = styled.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"])));
|
|
6997
6997
|
var ContinuityCameraCheckbox = styled.input(templateObject_2$t || (templateObject_2$t = __makeTemplateObject(["\n margin-right: 8px;\n"], ["\n margin-right: 8px;\n"])));
|
|
@@ -9192,12 +9192,8 @@ function IdCaptureOrUploadScreen(_a) {
|
|
|
9192
9192
|
payload: 'passport'
|
|
9193
9193
|
});
|
|
9194
9194
|
}
|
|
9195
|
-
}, verbiage.passportText, /*#__PURE__*/React__default.createElement(ArrowIcon, null))), /*#__PURE__*/React__default.createElement(
|
|
9196
|
-
className: classNames.selectIdCardTypePanel
|
|
9197
|
-
style: {
|
|
9198
|
-
background: 'white',
|
|
9199
|
-
padding: '80px 0'
|
|
9200
|
-
}
|
|
9195
|
+
}, verbiage.passportText, /*#__PURE__*/React__default.createElement(ArrowIcon, null))), /*#__PURE__*/React__default.createElement(SelectIdCardScreenPanel, {
|
|
9196
|
+
className: classNames.selectIdCardTypePanel
|
|
9201
9197
|
}, /*#__PURE__*/React__default.createElement(IdDocumentIcon, {
|
|
9202
9198
|
className: classNames.selectIdCardTypeIcon
|
|
9203
9199
|
}), /*#__PURE__*/React__default.createElement(Button, {
|
|
@@ -9214,7 +9210,7 @@ function IdCaptureOrUploadScreen(_a) {
|
|
|
9214
9210
|
onClick: function onClick() {
|
|
9215
9211
|
return setSelectIdTypeModalOpen(false);
|
|
9216
9212
|
}
|
|
9217
|
-
},
|
|
9213
|
+
}, /*#__PURE__*/React__default.createElement(XIcon, null)))));
|
|
9218
9214
|
}
|
|
9219
9215
|
function PassportUploadScreen(_a) {
|
|
9220
9216
|
var _b = _a.classNames,
|
|
@@ -9403,17 +9399,39 @@ var ScreenContainer = styled.div(templateObject_1$l || (templateObject_1$l = __m
|
|
|
9403
9399
|
return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
|
|
9404
9400
|
});
|
|
9405
9401
|
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"])));
|
|
9406
|
-
var
|
|
9407
|
-
var
|
|
9408
|
-
var
|
|
9409
|
-
var
|
|
9410
|
-
var
|
|
9411
|
-
var
|
|
9412
|
-
var
|
|
9402
|
+
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"])));
|
|
9403
|
+
var ScreenPanelHeading = styled.h3(templateObject_4$9 || (templateObject_4$9 = __makeTemplateObject(["\n margin: 0 0 30px;\n"], ["\n margin: 0 0 30px;\n"])));
|
|
9404
|
+
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"])));
|
|
9405
|
+
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"])));
|
|
9406
|
+
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"])));
|
|
9407
|
+
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"])));
|
|
9408
|
+
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"])));
|
|
9409
|
+
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) {
|
|
9413
9410
|
var _a;
|
|
9414
9411
|
return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
|
|
9415
9412
|
});
|
|
9416
|
-
var ModalCloseButton = styled.button(
|
|
9413
|
+
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"])));
|
|
9414
|
+
function XIcon(props) {
|
|
9415
|
+
return /*#__PURE__*/React__default.createElement("svg", _assign({
|
|
9416
|
+
width: "25",
|
|
9417
|
+
height: "25",
|
|
9418
|
+
viewBox: "0 0 25 25",
|
|
9419
|
+
fill: "none",
|
|
9420
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
9421
|
+
}, props), /*#__PURE__*/React__default.createElement("path", {
|
|
9422
|
+
d: "M2.08435 23.0832L22.4206 2.42073",
|
|
9423
|
+
stroke: "white",
|
|
9424
|
+
strokeWidth: "3",
|
|
9425
|
+
strokeLinecap: "round",
|
|
9426
|
+
strokeLinejoin: "round"
|
|
9427
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
9428
|
+
d: "M1.91724 2.08386L22.5797 22.4201",
|
|
9429
|
+
stroke: "white",
|
|
9430
|
+
strokeWidth: "3",
|
|
9431
|
+
strokeLinecap: "round",
|
|
9432
|
+
strokeLinejoin: "round"
|
|
9433
|
+
}));
|
|
9434
|
+
}
|
|
9417
9435
|
function CameraIcon(props) {
|
|
9418
9436
|
return /*#__PURE__*/React__default.createElement("svg", _assign({
|
|
9419
9437
|
width: "91",
|
|
@@ -9494,7 +9512,7 @@ function UploadIcon(props) {
|
|
|
9494
9512
|
}));
|
|
9495
9513
|
}
|
|
9496
9514
|
function ArrowIcon(props) {
|
|
9497
|
-
return /*#__PURE__*/React__default.createElement(
|
|
9515
|
+
return /*#__PURE__*/React__default.createElement(InlineSvg, _assign({
|
|
9498
9516
|
width: "18",
|
|
9499
9517
|
height: "12",
|
|
9500
9518
|
viewBox: "0 0 18 12",
|
|
@@ -9643,6 +9661,7 @@ function IdDocumentIcon(props) {
|
|
|
9643
9661
|
strokeWidth: "3"
|
|
9644
9662
|
}));
|
|
9645
9663
|
}
|
|
9664
|
+
var InlineSvg = styled.svg(templateObject_12$1 || (templateObject_12$1 = __makeTemplateObject(["\n display: inline;\n"], ["\n display: inline;\n"])));
|
|
9646
9665
|
function humanFileSize(bytes, si, dp) {
|
|
9647
9666
|
if (si === void 0) {
|
|
9648
9667
|
si = false;
|
|
@@ -9663,7 +9682,7 @@ function humanFileSize(bytes, si, dp) {
|
|
|
9663
9682
|
} while (Math.round(Math.abs(bytes) * r) / r >= thresh && u < units.length - 1);
|
|
9664
9683
|
return bytes.toFixed(dp) + ' ' + units[u];
|
|
9665
9684
|
}
|
|
9666
|
-
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;
|
|
9685
|
+
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;
|
|
9667
9686
|
|
|
9668
9687
|
var IdCaptureWizard = function IdCaptureWizard(_a) {
|
|
9669
9688
|
var _b, _c, _d, _e, _f, _g;
|