idmission-web-sdk 2.2.95 → 2.2.97

package/dist/sdk2.umd.development.js

@@ -211,7 +211,7 @@
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
   };
 
-  var webSdkVersion = '2.2.95';
+  var webSdkVersion = '2.2.97';
 
   function getPlatform() {
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -2371,14 +2371,15 @@
               if (!documentServiceUrl) return [3 /*break*/, 8];
               return [4 /*yield*/, Promise.all(Object.keys(documents).map(function (k) {
                 return __awaiter(void 0, void 0, void 0, function () {
-                  var _a, _b;
+                  var filetype, _a, _b;
                   return __generator(this, function (_c) {
                     switch (_c.label) {
                       case 0:
                         if (!documents[k]) return [3 /*break*/, 2];
+                        filetype = k.endsWith('Video') ? 'video/mp4' : k.endsWith('Audio') ? 'audio/mp4' : 'image/jpeg';
                         _a = documents;
                         _b = k;
-                        return [4 /*yield*/, uploadIfPossible(documents[k], k)];
+                        return [4 /*yield*/, uploadIfPossible(documents[k], k, filetype)];
                       case 1:
                         _a[_b] = _c.sent();
                         _c.label = 2;
@@ -10884,11 +10885,15 @@
           captureState: action.payload ? 'initializing' : 'capturing'
         });
       case 'setUploadingDocumentsType':
-        return _assign(_assign({}, state), {
-          captureState: action.payload ? 'uploading' : 'initializing',
-          uploadingDocumentsType: action.payload,
-          requestedDocumentType: action.payload === 'passport' ? 'passport' : 'idCardFront'
-        });
+        {
+          var requestedDocumentType = !action.payload || action.payload === 'idCard' ? 'idCardFront' : action.payload;
+          var uploadingDocumentsType = action.payload === 'singlePage' ? 'idCard' : action.payload;
+          return _assign(_assign({}, state), {
+            captureState: action.payload ? 'uploading' : 'initializing',
+            uploadingDocumentsType: uploadingDocumentsType,
+            requestedDocumentType: requestedDocumentType
+          });
+        }
       case 'resetWizard':
         return _assign(_assign({}, initialState$4), {
           captureRequirement: state.captureRequirement,
@@ -15968,7 +15973,7 @@
   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"])));
   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"])));
   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"])));
-  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) {
+  var ProgressBarBackground$1 = styled.div(templateObject_13$2 || (templateObject_13$2 = __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) {
     var _a, _b, _c, _d;
     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)';
   }, function (props) {
@@ -15991,7 +15996,7 @@
     var _a, _b, _c, _d, _e, _f;
     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, ";") : '';
   });
-  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;
+  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$2, templateObject_14$1, templateObject_15$1, templateObject_16, templateObject_17, templateObject_18;
 
   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."); }
   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; } }
@@ -18330,16 +18335,20 @@
       classNames = _b === void 0 ? {} : _b,
       _c = _a.verbiage,
       rawVerbiage = _c === void 0 ? {} : _c;
-    var _d = React.useState(null),
-      idFrontFile = _d[0],
-      setIdFrontFile = _d[1];
+    var _d = useIdCaptureState(),
+      state = _d[0],
+      dispatch = _d[1];
     var _e = React.useState(null),
-      idBackFile = _e[0],
-      setIdBackFile = _e[1];
+      idFrontFile = _e[0],
+      setIdFrontFile = _e[1];
+    var _f = React.useState(null),
+      idBackFile = _f[0],
+      setIdBackFile = _f[1];
     var onCapturedManually = useOnCapturedManually();
     var verbiage = useTranslations(rawVerbiage, {
       uploadIdFrontText: 'Upload ID Front',
       uploadIdBackText: 'Upload ID Back',
+      uploadIdBackHelpTextIfSinglePageAllowed: 'Upload the back of the ID if it is not included in the front image.',
       loadingText: 'Loading...',
       continueText: 'Continue',
       cancelText: 'Cancel'
@@ -18364,16 +18373,24 @@
       className: classNames.uploadIdBackButton,
       onFileSelected: setIdBackFile,
       loadingText: verbiage.loadingText
-    }, verbiage.uploadIdBackText)), /*#__PURE__*/React.createElement(ScreenActionsBar, {
+    }, verbiage.uploadIdBackText), state.allowSinglePageIdCapture && ( /*#__PURE__*/React.createElement(UploadIdBackHelpText, {
+      className: classNames.uploadIdBackHelpTextIfSinglePageAllowed
+    }, verbiage.uploadIdBackHelpTextIfSinglePageAllowed))), /*#__PURE__*/React.createElement(ScreenActionsBar, {
       className: classNames.actionsBar
     }, /*#__PURE__*/React.createElement(CancelUploadTypeButton, {
       className: classNames.cancelButton
     }, verbiage.cancelText), /*#__PURE__*/React.createElement(Button, {
       className: classNames.continueButton,
-      disabled: !idFrontFile || !idBackFile,
+      disabled: !idFrontFile || !state.allowSinglePageIdCapture && !idBackFile,
       colors: buttonColors,
       onClick: function onClick() {
-        return onCapturedManually(idFrontFile, idBackFile);
+        if (!idBackFile && state.allowSinglePageIdCapture) {
+          dispatch({
+            type: 'setUploadingDocumentsType',
+            payload: 'singlePage'
+          });
+        }
+        void onCapturedManually(idFrontFile, idBackFile);
       }
     }, verbiage.continueText)));
   }
@@ -18399,7 +18416,7 @@
       for (var _i = 0; _i < arguments.length; _i++) {
         files[_i] = arguments[_i];
       }
-      return Promise.all(files.map(readFile)).then(function (f) {
+      return Promise.all(files.filter(Boolean).map(readFile)).then(function (f) {
         for (var _i = 0, f_1 = f; _i < f_1.length; _i++) {
           var imageData = f_1[_i];
           dispatch({
@@ -18414,6 +18431,7 @@
   }
   function readFile(file) {
     return new Promise(function (resolve, reject) {
+      if (!file) return reject(new Error('File is undefined'));
       var reader = new FileReader();
       reader.onload = function () {
         return resolve(reader.result);
@@ -18479,13 +18497,14 @@
   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"])));
   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"])));
   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"])));
-  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"])));
-  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"])));
-  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) {
+  var UploadIdBackHelpText = styled.p(templateObject_8$1 || (templateObject_8$1 = __makeTemplateObject(["\n  color: #323232;\n  font-style: italic;\n  margin: 30px 0 0;\n"], ["\n  color: #323232;\n  font-style: italic;\n  margin: 30px 0 0;\n"])));
+  var Button = styled(WideBorderButton)(templateObject_9$1 || (templateObject_9$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"])));
+  var Modal = styled.div(templateObject_10$1 || (templateObject_10$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"])));
+  var Dialog = styled.div(templateObject_11$1 || (templateObject_11$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) {
     var _a;
     return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
   });
-  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"])));
+  var ModalCloseButton = styled.button(templateObject_12$1 || (templateObject_12$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"])));
   function XIcon(props) {
     return /*#__PURE__*/React.createElement("svg", _assign({
       width: "25",
@@ -18736,7 +18755,7 @@
       strokeWidth: "3"
     }));
   }
-  var InlineSvg = styled.svg(templateObject_12$1 || (templateObject_12$1 = __makeTemplateObject(["\n  display: inline;\n"], ["\n  display: inline;\n"])));
+  var InlineSvg = styled.svg(templateObject_13$1 || (templateObject_13$1 = __makeTemplateObject(["\n  display: inline;\n"], ["\n  display: inline;\n"])));
   function humanFileSize(bytes, si, dp) {
     if (si === void 0) {
       si = false;
@@ -18757,7 +18776,7 @@
     } while (Math.round(Math.abs(bytes) * r) / r >= thresh && u < units.length - 1);
     return bytes.toFixed(dp) + ' ' + units[u];
   }
-  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;
+  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, templateObject_13$1;
 
   var IdCaptureWizard = function IdCaptureWizard(_a) {
     var _b, _c, _d, _e, _f, _g;