idmission-web-sdk 0.0.69 → 0.0.71

package/dist/components/common/ModelLoadingErrorOverlay.d.ts

@@ -0,0 +1,5 @@
+import { ReactElement } from 'react';
+export type ModelLoadingErrorOverlayProps = {
+    error: Error;
+};
+export declare const ModelLoadingErrorOverlay: ({ error, }: ModelLoadingErrorOverlayProps) => ReactElement;

package/dist/components/submission/SubmissionError.d.ts

@@ -0,0 +1,5 @@
+import { SubmissionResponseStatus } from '../../contexts/SubmissionContext';
+export declare class SubmissionError extends Error {
+    status: SubmissionResponseStatus;
+    constructor(status: SubmissionResponseStatus);
+}

package/dist/components/submission/SubmissionErrorOverlay.d.ts

@@ -0,0 +1,6 @@
+import { ReactElement } from 'react';
+import { SubmissionError } from './SubmissionError';
+export type SubmissionErrorOverlayProps = {
+    submissionError: SubmissionError;
+};
+export declare const SubmissionErrorOverlay: ({ submissionError, }: SubmissionErrorOverlayProps) => ReactElement;

package/dist/contexts/SubmissionContext.d.ts

@@ -106,12 +106,13 @@ export type SubmissionMetadata = {
     Resolution?: string;
     GeoLocation?: string;
 };
+export type SubmissionResponseStatus = {
+    statusCode: string;
+    statusMessage?: string;
+    errorData?: string;
+};
 export type SubmissionResponse = {
-    status: {
-        statusCode: string;
-        statusMessage?: string;
-        errorData?: string;
-    };
+    status: SubmissionResponseStatus;
     resultData: Record<string, unknown>;
 };
 export type LivenessCheckRequest = {

package/dist/sdk2.cjs.development.js

@@ -352,6 +352,41 @@ function getPlatform() {
   return window.platform;
 }
 
+var SubmissionErrorOverlay = function SubmissionErrorOverlay(_a) {
+  var submissionError = _a.submissionError;
+  return /*#__PURE__*/React__default['default'].createElement(OverlayContainer, null, /*#__PURE__*/React__default['default'].createElement(OverlayInner, {
+    style: {
+      justifyContent: 'center'
+    }
+  }, /*#__PURE__*/React__default['default'].createElement("h3", {
+    style: {
+      marginBottom: 8
+    }
+  }, "We're sorry, an unexpected error has occurred."), submissionError.status.statusCode && /*#__PURE__*/React__default['default'].createElement("p", {
+    style: {
+      marginBottom: 0
+    }
+  }, /*#__PURE__*/React__default['default'].createElement("code", null, "Status: ", submissionError.status.statusCode)), /*#__PURE__*/React__default['default'].createElement("p", {
+    style: {
+      marginBottom: 0
+    }
+  }, /*#__PURE__*/React__default['default'].createElement("code", null, submissionError.message)), submissionError.status.errorData && /*#__PURE__*/React__default['default'].createElement("p", {
+    style: {
+      marginBottom: 0
+    }
+  }, /*#__PURE__*/React__default['default'].createElement("code", null, submissionError.status.errorData))));
+};
+
+var SubmissionError = function (_super) {
+  tslib.__extends(SubmissionError, _super);
+  function SubmissionError(status) {
+    var _this = _super.call(this, status.statusMessage) || this;
+    _this.status = status;
+    return _this;
+  }
+  return SubmissionError;
+}(Error);
+
 var SubmissionProvider = function SubmissionProvider(_a) {
   var action = _a.action,
     children = _a.children,
@@ -393,44 +428,47 @@ var SubmissionProvider = function SubmissionProvider(_a) {
     submissionResponse = _o[0],
     setSubmissionResponse = _o[1];
   var _p = React.useState(null),
-    idFrontImage = _p[0],
-    setIdFrontImage = _p[1];
+    submissionError = _p[0],
+    setSubmissionError = _p[1];
   var _q = React.useState(null),
-    idBackImage = _q[0],
-    setIdBackImage = _q[1];
+    idFrontImage = _q[0],
+    setIdFrontImage = _q[1];
   var _r = React.useState(null),
-    passportImage = _r[0],
-    setPassportImage = _r[1];
+    idBackImage = _r[0],
+    setIdBackImage = _r[1];
   var _s = React.useState(null),
-    selfieImage = _s[0],
-    setSelfieImage = _s[1];
+    passportImage = _s[0],
+    setPassportImage = _s[1];
   var _t = React.useState(null),
-    signatureData = _t[0],
-    setSignatureData = _t[1];
+    selfieImage = _t[0],
+    setSelfieImage = _t[1];
   var _u = React.useState(null),
-    signatureVideo = _u[0],
-    setSignatureVideo = _u[1];
+    signatureData = _u[0],
+    setSignatureData = _u[1];
   var _v = React.useState(null),
-    additionalDocuments = _v[0],
-    setAdditionalDocuments = _v[1];
+    signatureVideo = _v[0],
+    setSignatureVideo = _v[1];
   var _w = React.useState(null),
-    geolocationResult = _w[0],
-    setGeolocationResult = _w[1];
-  var _x = React.useState(0),
-    geolocationAttempts = _x[0],
-    setGeolocationAttempts = _x[1];
-  var _y = React.useState(false),
-    geolocationBlocked = _y[0],
-    setGeolocationBlocked = _y[1];
-  var _z = React.useState([]),
-    idFrontCaptureAttempts = _z[0],
-    setIdFrontCaptureAttempts = _z[1];
+    additionalDocuments = _w[0],
+    setAdditionalDocuments = _w[1];
+  var _x = React.useState(null),
+    geolocationResult = _x[0],
+    setGeolocationResult = _x[1];
+  var _y = React.useState(0),
+    geolocationAttempts = _y[0],
+    setGeolocationAttempts = _y[1];
+  var _z = React.useState(false),
+    geolocationBlocked = _z[0],
+    setGeolocationBlocked = _z[1];
   var _0 = React.useState([]),
-    idBackCaptureAttempts = _0[0],
-    setIdBackCaptureAttempts = _0[1];
+    idFrontCaptureAttempts = _0[0],
+    setIdFrontCaptureAttempts = _0[1];
   var _1 = React.useState([]),
-    selfieCaptureAttempts = _1[0],
-    setSelfieCaptureAttempts = _1[1];
+    idBackCaptureAttempts = _1[0],
+    setIdBackCaptureAttempts = _1[1];
+  var _2 = React.useState([]),
+    selfieCaptureAttempts = _2[0],
+    setSelfieCaptureAttempts = _2[1];
   var logIdFrontCaptureAttempt = React.useCallback(function (attempt) {
     setIdFrontCaptureAttempts(function (attempts) {
       return tslib.__spreadArray(tslib.__spreadArray([], attempts, true), [attempt], false);
@@ -448,10 +486,11 @@ var SubmissionProvider = function SubmissionProvider(_a) {
   }, []);
   var submit = React.useCallback(function () {
     return tslib.__awaiter(void 0, void 0, void 0, function () {
-      var submissionResponse_1, submissionRequest_1, metadata, platform, onBeforeSubmitResult, host, endpoint, response, submissionResponse_2, e_1;
-      var _a;
-      return tslib.__generator(this, function (_b) {
-        switch (_b.label) {
+      var submissionResponse_1, submissionRequest_1, metadata, platform, onBeforeSubmitResult, host, endpoint, response, _a, submissionResponse_2, e_1, err;
+      var _b;
+      var _c;
+      return tslib.__generator(this, function (_d) {
+        switch (_d.label) {
           case 0:
             if (action === SubmissionAction.NONE) {
               submissionResponse_1 = {
@@ -465,9 +504,9 @@ var SubmissionProvider = function SubmissionProvider(_a) {
               return [2, submissionResponse_1];
             }
             setSubmissionStatus(SubmissionStatus.SUBMITTING);
-            _b.label = 1;
+            _d.label = 1;
           case 1:
-            _b.trys.push([1, 6,, 7]);
+            _d.trys.push([1, 8,, 9]);
             submissionRequest_1 = {
               securityData: {
                 userName: '',
@@ -530,7 +569,7 @@ var SubmissionProvider = function SubmissionProvider(_a) {
               submissionRequest_1.customerData.cardData = cardData;
             }
             if (enrollmentId) {
-              (_a = submissionRequest_1.customerData).personalData || (_a.personalData = {});
+              (_c = submissionRequest_1.customerData).personalData || (_c.personalData = {});
               submissionRequest_1.customerData.personalData.uniqueNumber = enrollmentId;
             }
             if (webhooksClientTraceId) {
@@ -571,9 +610,9 @@ var SubmissionProvider = function SubmissionProvider(_a) {
             if (!onBeforeSubmit) return [3, 3];
             return [4, onBeforeSubmit(submissionRequest_1)];
           case 2:
-            onBeforeSubmitResult = _b.sent();
+            onBeforeSubmitResult = _d.sent();
             if (onBeforeSubmitResult) submissionRequest_1 = onBeforeSubmitResult;
-            _b.label = 3;
+            _d.label = 3;
           case 3:
             host = url || determineSubmissionHost(environment, token);
             endpoint = determineSubmissionEndpoint(action, !!(idFrontImage || idBackImage || passportImage), !!selfieImage, !!token);
@@ -583,50 +622,68 @@ var SubmissionProvider = function SubmissionProvider(_a) {
               body: JSON.stringify(submissionRequest_1)
             })];
           case 4:
-            response = _b.sent();
-            return [4, response.json()];
+            response = _d.sent();
+            if (!!response.ok) return [3, 6];
+            _a = SubmissionError.bind;
+            _b = {
+              statusCode: response.statusText
+            };
+            return [4, response.text()];
           case 5:
-            submissionResponse_2 = _b.sent();
+            throw new (_a.apply(SubmissionError, [void 0, (_b.statusMessage = _d.sent(), _b)]))();
+          case 6:
+            return [4, response.json()];
+          case 7:
+            submissionResponse_2 = _d.sent();
+            if (submissionResponse_2.status.statusCode !== '000') {
+              throw new SubmissionError(submissionResponse_2.status);
+            }
             setSubmissionRequest(submissionRequest_1);
             setSubmissionResponse(submissionResponse_2);
             setSubmissionStatus(SubmissionStatus.SUBMITTED);
             onResponseReceived === null || onResponseReceived === void 0 ? void 0 : onResponseReceived(submissionResponse_2);
             return [2, submissionResponse_2];
-          case 6:
-            e_1 = _b.sent();
+          case 8:
+            e_1 = _d.sent();
+            err = e_1;
             setSubmissionStatus(SubmissionStatus.FAILED);
-            onRequestFailure === null || onRequestFailure === void 0 ? void 0 : onRequestFailure(e_1);
+            setSubmissionError(e_1 instanceof SubmissionError ? e_1 : new SubmissionError({
+              statusCode: '',
+              statusMessage: err.message
+            }));
+            onRequestFailure === null || onRequestFailure === void 0 ? void 0 : onRequestFailure(err);
             return [2, null];
-          case 7:
+          case 9:
             return [2];
         }
       });
     });
-  }, [action, additionalDocuments, enrollmentId, environment, geolocationResult, idBackCaptureAttempts, idBackImage, idFrontCaptureAttempts, idFrontImage, onBeforeSubmit, onRequestFailure, onResponseReceived, passportImage, selfieCaptureAttempts, selfieImage, signatureData, token, url]);
+  }, [action, additionalDocuments, cardData, companyId, deduplicationEnabled, deduplicationSynchronous, enrollmentId, environment, geolocationResult, idBackCaptureAttempts, idBackImage, idFrontCaptureAttempts, idFrontImage, manualReviewRequired, onBeforeSubmit, onRequestFailure, onResponseReceived, passportImage, personalData, selfieCaptureAttempts, selfieImage, signatureData, token, url, verifyIdWithExternalDatabases, webhooksClientTraceId, webhooksEnabled, webhooksStripSpecialCharacters]);
   var checkLiveness = React.useCallback(function (imageDataUrl) {
     return tslib.__awaiter(void 0, void 0, void 0, function () {
-      var request, host, endpoint, response, submissionResponse;
-      var _a, _b, _c;
-      return tslib.__generator(this, function (_d) {
-        switch (_d.label) {
+      var request, host, endpoint, response, _a, submissionResponse_3, e_2, err;
+      var _b, _c, _d, _e;
+      return tslib.__generator(this, function (_f) {
+        switch (_f.label) {
           case 0:
-            _a = {
+            _f.trys.push([0, 6,, 7]);
+            _b = {
               securityData: {
                 userName: '',
                 password: '',
                 merchantId: 0
               }
             };
-            _b = {};
             _c = {};
+            _d = {};
             return [4, dataUrlToBase64(imageDataUrl)];
           case 1:
-            request = (_a.customerData = (_b.biometricData = (_c.selfie = _d.sent(), _c), _b), _a.additionalData = {
+            request = (_b.customerData = (_c.biometricData = (_d.selfie = _f.sent(), _d), _c), _b.additionalData = {
               uniqueRequestId: new Date().getTime().toString(),
               stripSpecialCharacters: 'Y',
               estimateAge: 'N',
               predictGender: 'N'
-            }, _a);
+            }, _b);
             host = url || determineSubmissionHost(environment, token);
             endpoint = liveCheckEndpoint(!!token);
             return [4, fetch(host + endpoint, {
@@ -635,16 +692,40 @@ var SubmissionProvider = function SubmissionProvider(_a) {
               body: JSON.stringify(request)
             })];
           case 2:
-            response = _d.sent();
-            return [4, response.json()];
+            response = _f.sent();
+            if (!!response.ok) return [3, 4];
+            _a = SubmissionError.bind;
+            _e = {
+              statusCode: response.statusText
+            };
+            return [4, response.text()];
           case 3:
-            submissionResponse = _d.sent();
-            setSubmissionResponse(submissionResponse);
-            return [2, submissionResponse];
+            throw new (_a.apply(SubmissionError, [void 0, (_e.statusMessage = _f.sent(), _e)]))();
+          case 4:
+            return [4, response.json()];
+          case 5:
+            submissionResponse_3 = _f.sent();
+            if (submissionResponse_3.status.statusCode !== '000') {
+              throw new SubmissionError(submissionResponse_3.status);
+            }
+            setSubmissionResponse(submissionResponse_3);
+            return [2, submissionResponse_3];
+          case 6:
+            e_2 = _f.sent();
+            err = e_2;
+            setSubmissionStatus(SubmissionStatus.FAILED);
+            setSubmissionError(e_2 instanceof SubmissionError ? e_2 : new SubmissionError({
+              statusCode: '',
+              statusMessage: err.message
+            }));
+            onRequestFailure === null || onRequestFailure === void 0 ? void 0 : onRequestFailure(err);
+            return [2, null];
+          case 7:
+            return [2];
         }
       });
     });
-  }, [environment, token, url]);
+  }, [environment, onRequestFailure, token, url]);
   var retryLocationAccess = React.useCallback(function () {
     setGeolocationAttempts(function (n) {
       return n + 1;
@@ -692,7 +773,9 @@ var SubmissionProvider = function SubmissionProvider(_a) {
   };
   return /*#__PURE__*/React__default['default'].createElement(SubmissionContext.Provider, {
     value: value
-  }, geolocationRequired && geolocationBlocked ? /*#__PURE__*/React__default['default'].createElement(GeolocationAccessDeniedOverlay, null) : children);
+  }, geolocationRequired && geolocationBlocked ? /*#__PURE__*/React__default['default'].createElement(GeolocationAccessDeniedOverlay, null) : submissionError ? /*#__PURE__*/React__default['default'].createElement(SubmissionErrorOverlay, {
+    submissionError: submissionError
+  }) : children);
 };
 
 var DocumentType;
@@ -7737,6 +7820,23 @@ function cropToBoundingBox(frame, bbox) {
   return canvas;
 }
 
+var ModelLoadingErrorOverlay = function ModelLoadingErrorOverlay(_a) {
+  var error = _a.error;
+  return /*#__PURE__*/React__default['default'].createElement(OverlayContainer, null, /*#__PURE__*/React__default['default'].createElement(OverlayInner, {
+    style: {
+      justifyContent: 'center'
+    }
+  }, /*#__PURE__*/React__default['default'].createElement("h3", {
+    style: {
+      marginBottom: 8
+    }
+  }, "We're sorry, an unexpected error has occurred."), /*#__PURE__*/React__default['default'].createElement("p", {
+    style: {
+      marginBottom: 0
+    }
+  }, /*#__PURE__*/React__default['default'].createElement("code", null, error.message))));
+};
+
 var PREDICTION_POSITIONS = {
   boxes: 0,
   scores: 7,
@@ -7801,6 +7901,9 @@ var IdCaptureModelsProvider = function IdCaptureModelsProvider(_a) {
   var _k = React.useState(0),
     focusPredictionTime = _k[0],
     setFocusPredictionTime = _k[1];
+  var _l = React.useState(null),
+    loadingError = _l[0],
+    setLoadingError = _l[1];
   React.useEffect(function () {
     setReady(false);
     var ddmUrl = documentDetectionModelUrl || defaultDocumentDetectionModelUrl;
@@ -7850,9 +7953,13 @@ var IdCaptureModelsProvider = function IdCaptureModelsProvider(_a) {
         });
       });
     }
-    loadModels().then(function () {
-      setReady(true);
-    });
+    try {
+      loadModels().then(function () {
+        setReady(true);
+      });
+    } catch (e) {
+      setLoadingError(e);
+    }
     var webGLCanvas = getWebGLContext(2).canvas;
     webGLCanvas.addEventListener('webglcontextlost', reloadModels);
     return function () {
@@ -7946,7 +8053,9 @@ var IdCaptureModelsProvider = function IdCaptureModelsProvider(_a) {
   }, [detectionTime, focusPredictionTime, getBestFrame, makePrediction, onPredictionMade, ready, resetBestFrame, setThresholds, thresholds]);
   return /*#__PURE__*/React__default['default'].createElement(IdCaptureModelsContext.Provider, {
     value: value
-  }, children, /*#__PURE__*/React__default['default'].createElement(InvisibleCanvas, {
+  }, loadingError ? /*#__PURE__*/React__default['default'].createElement(ModelLoadingErrorOverlay, {
+    error: loadingError
+  }) : children, /*#__PURE__*/React__default['default'].createElement(InvisibleCanvas, {
     ref: lastPredictionCanvas
   }), /*#__PURE__*/React__default['default'].createElement(InvisibleCanvas, {
     ref: bestPredictionCanvas
@@ -9766,18 +9875,30 @@ var HighPerformanceSelfieGuidanceModelsProvider = function HighPerformanceSelfie
   var detectorRef = React.useRef(null);
   var rafId = React.useRef(0);
   var loopId = React.useRef(0);
+  var _f = React.useState(null),
+    loadingError = _f[0],
+    setLoadingError = _f[1];
   React.useEffect(function () {
     (function () {
       return tslib.__awaiter(void 0, void 0, void 0, function () {
-        var _a;
+        var _a, e_1;
         return tslib.__generator(this, function (_b) {
           switch (_b.label) {
             case 0:
               setReady(false);
+              _b.label = 1;
+            case 1:
+              _b.trys.push([1, 3,, 4]);
               _a = detectorRef;
               return [4, loadHighPerformanceFaceDetector()];
-            case 1:
+            case 2:
               _a.current = _b.sent();
+              return [3, 4];
+            case 3:
+              e_1 = _b.sent();
+              setLoadingError(e_1);
+              return [3, 4];
+            case 4:
               setReady(true);
               return [2];
           }
@@ -9913,7 +10034,9 @@ var HighPerformanceSelfieGuidanceModelsProvider = function HighPerformanceSelfie
   }, [onPredictionMade, ready, start, stop]);
   return /*#__PURE__*/React__namespace.createElement(HighPerformanceSelfieGuidanceModelsContext.Provider, {
     value: value
-  }, children);
+  }, loadingError ? /*#__PURE__*/React__namespace.createElement(ModelLoadingErrorOverlay, {
+    error: loadingError
+  }) : children);
 };
 
 var GuidanceMessageContainer = styled__default['default'].div(templateObject_1$4 || (templateObject_1$4 = tslib.__makeTemplateObject(["\n  position: absolute;\n  top: calc(", ");\n  font-weight: bold;\n  width: 100%;\n  display: flex;\n"], ["\n  position: absolute;\n  top: calc(", ");\n  font-weight: bold;\n  width: 100%;\n  display: flex;\n"])), function (_a) {