idmission-web-sdk 0.0.70 → 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/sdk2.cjs.development.js

@@ -7820,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,
@@ -7884,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;
@@ -7933,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 () {
@@ -8029,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
@@ -9849,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];
           }
@@ -9996,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) {