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.
@@ -1 +1 @@
1
- {"version":3,"file":"IdCaptureOrUploadScreen.d.ts","sourceRoot":"","sources":["../../../src/components/id_capture/IdCaptureOrUploadScreen.tsx"],"names":[],"mappings":"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"}
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.86';
237
+ var webSdkVersion = '2.2.88';
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$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 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$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"])));
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$1, templateObject_12$1, templateObject_13$1, templateObject_14$1, templateObject_15$1, templateObject_16, templateObject_17, templateObject_18;
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"])));
@@ -9190,8 +9190,9 @@ function IdCaptureOrUploadScreen(_a) {
9190
9190
  type: 'setUploadingDocumentsFromStorage',
9191
9191
  payload: true
9192
9192
  });
9193
- setSelectIdTypeModalOpen(state.captureRequirement === 'idCardOrPassport');
9194
- if (state.captureRequirement === 'passport') {
9193
+ if (state.captureRequirement === 'idCardOrPassport') {
9194
+ setSelectIdTypeModalOpen(true);
9195
+ } else if (state.captureRequirement === 'passport') {
9195
9196
  dispatch({
9196
9197
  type: 'setUploadingDocumentsType',
9197
9198
  payload: 'passport'
@@ -9222,12 +9223,8 @@ function IdCaptureOrUploadScreen(_a) {
9222
9223
  payload: 'passport'
9223
9224
  });
9224
9225
  }
9225
- }, verbiage.passportText, /*#__PURE__*/React__namespace.default.createElement(ArrowIcon, null))), /*#__PURE__*/React__namespace.default.createElement(ScreenPanel, {
9226
- className: classNames.selectIdCardTypePanel,
9227
- style: {
9228
- background: 'white',
9229
- padding: '80px 0'
9230
- }
9226
+ }, verbiage.passportText, /*#__PURE__*/React__namespace.default.createElement(ArrowIcon, null))), /*#__PURE__*/React__namespace.default.createElement(SelectIdCardScreenPanel, {
9227
+ className: classNames.selectIdCardTypePanel
9231
9228
  }, /*#__PURE__*/React__namespace.default.createElement(IdDocumentIcon, {
9232
9229
  className: classNames.selectIdCardTypeIcon
9233
9230
  }), /*#__PURE__*/React__namespace.default.createElement(Button, {
@@ -9244,7 +9241,7 @@ function IdCaptureOrUploadScreen(_a) {
9244
9241
  onClick: function onClick() {
9245
9242
  return setSelectIdTypeModalOpen(false);
9246
9243
  }
9247
- }, "\xD7"))));
9244
+ }, /*#__PURE__*/React__namespace.default.createElement(XIcon, null)))));
9248
9245
  }
9249
9246
  function PassportUploadScreen(_a) {
9250
9247
  var _b = _a.classNames,
@@ -9433,17 +9430,39 @@ var ScreenContainer = styled__default.default.div(templateObject_1$l || (templat
9433
9430
  return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
9434
9431
  });
9435
9432
  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"])));
9436
- var ScreenPanelHeading = styled__default.default.h3(templateObject_3$f || (templateObject_3$f = __makeTemplateObject(["\n margin: 0 0 30px;\n"], ["\n margin: 0 0 30px;\n"])));
9437
- var ScreenActionsBar = styled__default.default.div(templateObject_4$9 || (templateObject_4$9 = __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 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"])));
9438
- var DashedSeparator = styled__default.default.div(templateObject_5$5 || (templateObject_5$5 = __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"])));
9439
- var OrWrapper = styled__default.default.div(templateObject_6$4 || (templateObject_6$4 = __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"])));
9440
- var Button = styled__default.default(WideBorderButton)(templateObject_7$3 || (templateObject_7$3 = __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\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\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"])));
9441
- var Modal = styled__default.default.div(templateObject_8$1 || (templateObject_8$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"])));
9442
- var Dialog = styled__default.default.div(templateObject_9$1 || (templateObject_9$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: hidden;\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"], ["\n width: 100%;\n max-width: 500px;\n height: 100%;\n max-height: 600px;\n background: white;\n border-radius: 25px;\n overflow: hidden;\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"])), function (props) {
9433
+ 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"])));
9434
+ 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"])));
9435
+ 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"])));
9436
+ 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"])));
9437
+ 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"])));
9438
+ 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"])));
9439
+ 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"])));
9440
+ 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) {
9443
9441
  var _a;
9444
9442
  return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
9445
9443
  });
9446
- var ModalCloseButton = styled__default.default.button(templateObject_10$1 || (templateObject_10$1 = __makeTemplateObject(["\n width: 50px;\n height: 50px;\n background: black;\n color: whitesmoke;\n border-radius: 50%;\n font-size: 30px;\n border: none;\n cursor: pointer;\n margin-top: 20px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\n transition: background 0.3s ease;\n\n &:hover {\n background: #222;\n color: white;\n }\n"], ["\n width: 50px;\n height: 50px;\n background: black;\n color: whitesmoke;\n border-radius: 50%;\n font-size: 30px;\n border: none;\n cursor: pointer;\n margin-top: 20px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\n transition: background 0.3s ease;\n\n &:hover {\n background: #222;\n color: white;\n }\n"])));
9444
+ 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"])));
9445
+ function XIcon(props) {
9446
+ return /*#__PURE__*/React__namespace.default.createElement("svg", _assign({
9447
+ width: "25",
9448
+ height: "25",
9449
+ viewBox: "0 0 25 25",
9450
+ fill: "none",
9451
+ xmlns: "http://www.w3.org/2000/svg"
9452
+ }, props), /*#__PURE__*/React__namespace.default.createElement("path", {
9453
+ d: "M2.08435 23.0832L22.4206 2.42073",
9454
+ stroke: "white",
9455
+ strokeWidth: "3",
9456
+ strokeLinecap: "round",
9457
+ strokeLinejoin: "round"
9458
+ }), /*#__PURE__*/React__namespace.default.createElement("path", {
9459
+ d: "M1.91724 2.08386L22.5797 22.4201",
9460
+ stroke: "white",
9461
+ strokeWidth: "3",
9462
+ strokeLinecap: "round",
9463
+ strokeLinejoin: "round"
9464
+ }));
9465
+ }
9447
9466
  function CameraIcon(props) {
9448
9467
  return /*#__PURE__*/React__namespace.default.createElement("svg", _assign({
9449
9468
  width: "91",
@@ -9524,7 +9543,7 @@ function UploadIcon(props) {
9524
9543
  }));
9525
9544
  }
9526
9545
  function ArrowIcon(props) {
9527
- return /*#__PURE__*/React__namespace.default.createElement("svg", _assign({
9546
+ return /*#__PURE__*/React__namespace.default.createElement(InlineSvg, _assign({
9528
9547
  width: "18",
9529
9548
  height: "12",
9530
9549
  viewBox: "0 0 18 12",
@@ -9673,6 +9692,7 @@ function IdDocumentIcon(props) {
9673
9692
  strokeWidth: "3"
9674
9693
  }));
9675
9694
  }
9695
+ var InlineSvg = styled__default.default.svg(templateObject_12$1 || (templateObject_12$1 = __makeTemplateObject(["\n display: inline;\n"], ["\n display: inline;\n"])));
9676
9696
  function humanFileSize(bytes, si, dp) {
9677
9697
  if (si === void 0) {
9678
9698
  si = false;
@@ -9693,7 +9713,7 @@ function humanFileSize(bytes, si, dp) {
9693
9713
  } while (Math.round(Math.abs(bytes) * r) / r >= thresh && u < units.length - 1);
9694
9714
  return bytes.toFixed(dp) + ' ' + units[u];
9695
9715
  }
9696
- 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;
9716
+ 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;
9697
9717
 
9698
9718
  var IdCaptureWizard = function IdCaptureWizard(_a) {
9699
9719
  var _b, _c, _d, _e, _f, _g;