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
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"])));
|
|
@@ -9159,8 +9159,9 @@ function IdCaptureOrUploadScreen(_a) {
|
|
|
9159
9159
|
type: 'setUploadingDocumentsFromStorage',
|
|
9160
9160
|
payload: true
|
|
9161
9161
|
});
|
|
9162
|
-
|
|
9163
|
-
|
|
9162
|
+
if (state.captureRequirement === 'idCardOrPassport') {
|
|
9163
|
+
setSelectIdTypeModalOpen(true);
|
|
9164
|
+
} else if (state.captureRequirement === 'passport') {
|
|
9164
9165
|
dispatch({
|
|
9165
9166
|
type: 'setUploadingDocumentsType',
|
|
9166
9167
|
payload: 'passport'
|
|
@@ -9191,12 +9192,8 @@ function IdCaptureOrUploadScreen(_a) {
|
|
|
9191
9192
|
payload: 'passport'
|
|
9192
9193
|
});
|
|
9193
9194
|
}
|
|
9194
|
-
}, verbiage.passportText, /*#__PURE__*/React__default.createElement(ArrowIcon, null))), /*#__PURE__*/React__default.createElement(
|
|
9195
|
-
className: classNames.selectIdCardTypePanel
|
|
9196
|
-
style: {
|
|
9197
|
-
background: 'white',
|
|
9198
|
-
padding: '80px 0'
|
|
9199
|
-
}
|
|
9195
|
+
}, verbiage.passportText, /*#__PURE__*/React__default.createElement(ArrowIcon, null))), /*#__PURE__*/React__default.createElement(SelectIdCardScreenPanel, {
|
|
9196
|
+
className: classNames.selectIdCardTypePanel
|
|
9200
9197
|
}, /*#__PURE__*/React__default.createElement(IdDocumentIcon, {
|
|
9201
9198
|
className: classNames.selectIdCardTypeIcon
|
|
9202
9199
|
}), /*#__PURE__*/React__default.createElement(Button, {
|
|
@@ -9213,7 +9210,7 @@ function IdCaptureOrUploadScreen(_a) {
|
|
|
9213
9210
|
onClick: function onClick() {
|
|
9214
9211
|
return setSelectIdTypeModalOpen(false);
|
|
9215
9212
|
}
|
|
9216
|
-
},
|
|
9213
|
+
}, /*#__PURE__*/React__default.createElement(XIcon, null)))));
|
|
9217
9214
|
}
|
|
9218
9215
|
function PassportUploadScreen(_a) {
|
|
9219
9216
|
var _b = _a.classNames,
|
|
@@ -9402,17 +9399,39 @@ var ScreenContainer = styled.div(templateObject_1$l || (templateObject_1$l = __m
|
|
|
9402
9399
|
return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
|
|
9403
9400
|
});
|
|
9404
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"])));
|
|
9405
|
-
var
|
|
9406
|
-
var
|
|
9407
|
-
var
|
|
9408
|
-
var
|
|
9409
|
-
var
|
|
9410
|
-
var
|
|
9411
|
-
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) {
|
|
9412
9410
|
var _a;
|
|
9413
9411
|
return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
|
|
9414
9412
|
});
|
|
9415
|
-
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
|
+
}
|
|
9416
9435
|
function CameraIcon(props) {
|
|
9417
9436
|
return /*#__PURE__*/React__default.createElement("svg", _assign({
|
|
9418
9437
|
width: "91",
|
|
@@ -9493,7 +9512,7 @@ function UploadIcon(props) {
|
|
|
9493
9512
|
}));
|
|
9494
9513
|
}
|
|
9495
9514
|
function ArrowIcon(props) {
|
|
9496
|
-
return /*#__PURE__*/React__default.createElement(
|
|
9515
|
+
return /*#__PURE__*/React__default.createElement(InlineSvg, _assign({
|
|
9497
9516
|
width: "18",
|
|
9498
9517
|
height: "12",
|
|
9499
9518
|
viewBox: "0 0 18 12",
|
|
@@ -9642,6 +9661,7 @@ function IdDocumentIcon(props) {
|
|
|
9642
9661
|
strokeWidth: "3"
|
|
9643
9662
|
}));
|
|
9644
9663
|
}
|
|
9664
|
+
var InlineSvg = styled.svg(templateObject_12$1 || (templateObject_12$1 = __makeTemplateObject(["\n display: inline;\n"], ["\n display: inline;\n"])));
|
|
9645
9665
|
function humanFileSize(bytes, si, dp) {
|
|
9646
9666
|
if (si === void 0) {
|
|
9647
9667
|
si = false;
|
|
@@ -9662,7 +9682,7 @@ function humanFileSize(bytes, si, dp) {
|
|
|
9662
9682
|
} while (Math.round(Math.abs(bytes) * r) / r >= thresh && u < units.length - 1);
|
|
9663
9683
|
return bytes.toFixed(dp) + ' ' + units[u];
|
|
9664
9684
|
}
|
|
9665
|
-
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;
|
|
9666
9686
|
|
|
9667
9687
|
var IdCaptureWizard = function IdCaptureWizard(_a) {
|
|
9668
9688
|
var _b, _c, _d, _e, _f, _g;
|