idmission-web-sdk 2.2.97 → 2.2.98

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.97';
+  var webSdkVersion = '2.2.98';
 
   function getPlatform() {
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -9963,6 +9963,9 @@
     stopDocumentDetection: function stopDocumentDetection() {
       return null;
     },
+    loadDocumentDetectionModel: function loadDocumentDetectionModel() {
+      return null;
+    },
     documentDetectionModelReady: false,
     documentDetectionModelDownloadProgress: 0,
     documentDetectionModelError: null,
@@ -10002,7 +10005,7 @@
       documentDetectionModelLoadTimeoutMs = _g === void 0 ? defaultDocumentDetectionModelLoadTimeoutMs : _g,
       onDocumentDetectionModelError = _a.onDocumentDetectionModelError,
       _h = _a.shouldLoadModels,
-      shouldLoadModels = _h === void 0 ? true : _h;
+      shouldLoadModelsProp = _h === void 0 ? true : _h;
     var _j = useCameraStore(),
       videoRef = _j.videoRef,
       videoLoaded = _j.videoLoaded,
@@ -10022,7 +10025,13 @@
       canvasKey = _o[0],
       setCanvasKey = _o[1];
     var stopDetection = React.useRef(0);
-    var _p = useLoadDocumentDetector({
+    var _p = React.useState(shouldLoadModelsProp),
+      shouldLoadModels = _p[0],
+      setShouldLoadModels = _p[1];
+    var load = React.useCallback(function () {
+      return setShouldLoadModels(true);
+    }, []);
+    var _q = useLoadDocumentDetector({
         modelPath: documentDetectionModelPath,
         modelLoadTimeoutMs: documentDetectionModelLoadTimeoutMs,
         scoreThreshold: documentDetectionModelScoreThreshold,
@@ -10030,11 +10039,11 @@
         videoRef: videoRef,
         shouldLoadModels: shouldLoadModels
       }),
-      ready = _p.ready,
-      modelDownloadProgress = _p.modelDownloadProgress,
-      modelError = _p.modelError,
-      setModelError = _p.setModelError;
-    var _q = useFrameLoop(React.useCallback(function (frameId, timeRunning) {
+      ready = _q.ready,
+      modelDownloadProgress = _q.modelDownloadProgress,
+      modelError = _q.modelError,
+      setModelError = _q.setModelError;
+    var _r = useFrameLoop(React.useCallback(function (frameId, timeRunning) {
         return __awaiter(_this, void 0, void 0, function () {
           var stopDetectionAtStart, vw, vh, ctx, prediction, processedPrediction;
           var _a;
@@ -10077,8 +10086,8 @@
         throttleMs: throttleMs,
         autoStart: autoStart
       }),
-      start = _q.start,
-      stop = _q.stop;
+      start = _r.start,
+      stop = _r.stop;
     React.useEffect(function setErrorIfAllZero() {
       if (timesAllZero >= 2) {
         setModelError(new Error('model is returning all zeroes'));
@@ -10097,6 +10106,7 @@
       return {
         startDocumentDetection: start,
         stopDocumentDetection: stop,
+        loadDocumentDetectionModel: load,
         documentDetectionModelReady: ready,
         documentDetectionModelError: modelError,
         documentDetectionModelDownloadProgress: modelDownloadProgress,
@@ -10109,7 +10119,7 @@
         documentDetectionLastPredictionCanvas: lastPredictionCanvas,
         clearDocumentDetectionLastPredictionCanvas: clearDocumentDetectionLastPredictionCanvas
       };
-    }, [start, stop, ready, modelError, modelDownloadProgress, onDocumentDetected, documentDetectionThresholds, documentDetectionBoundaries, clearDocumentDetectionLastPredictionCanvas]);
+    }, [start, stop, load, ready, modelError, modelDownloadProgress, onDocumentDetected, documentDetectionThresholds, documentDetectionBoundaries, clearDocumentDetectionLastPredictionCanvas]);
     return /*#__PURE__*/React__namespace.createElement(DocumentDetectionModelContext.Provider, {
       value: value
     }, /*#__PURE__*/React__namespace.createElement(InvisibleCanvas, {
@@ -10119,6 +10129,9 @@
   }
 
   var FocusModelContext = /*#__PURE__*/React.createContext({
+    loadFocusModel: function loadFocusModel() {
+      return null;
+    },
     focusModelReady: false,
     focusModelDownloadProgress: 0,
     focusModelError: null,
@@ -10141,23 +10154,29 @@
       _d = _a.showCanvases,
       showCanvases = _d === void 0 ? false : _d,
       _e = _a.shouldLoadModels,
-      shouldLoadModels = _e === void 0 ? true : _e;
+      shouldLoadModelsProp = _e === void 0 ? true : _e;
     var cropCanvas = React.useRef(null);
     var rotateCanvas = React.useRef(null);
     var _f = React.useState({}),
       focusThresholds = _f[0],
       setFocusThresholds = _f[1];
     var videoRef = useCameraStore().videoRef;
-    var _g = useLoadFocusModel({
+    var _g = React.useState(shouldLoadModelsProp),
+      shouldLoadModels = _g[0],
+      setShouldLoadModels = _g[1];
+    var load = React.useCallback(function () {
+      return setShouldLoadModels(true);
+    }, []);
+    var _h = useLoadFocusModel({
         modelPath: focusModelPath,
         modelLoadTimeoutMs: focusModelLoadTimeoutMs,
         onModelError: onFocusModelError,
         videoRef: videoRef,
         shouldLoadModels: shouldLoadModels
       }),
-      ready = _g.ready,
-      modelDownloadProgress = _g.modelDownloadProgress,
-      modelError = _g.modelError;
+      ready = _h.ready,
+      modelDownloadProgress = _h.modelDownloadProgress,
+      modelError = _h.modelError;
     var makeFocusPrediction = React.useCallback(function (imageData, box) {
       if (!ready) return null;
       var prediction = makeFocusModelPrediction(imageData, cropCanvas.current, rotateCanvas.current, box);
@@ -10167,6 +10186,7 @@
     }, [ready]);
     var value = React.useMemo(function () {
       return {
+        loadFocusModel: load,
         focusModelReady: ready,
         focusModelDownloadProgress: modelDownloadProgress,
         focusModelError: modelError,
@@ -10175,7 +10195,7 @@
         focusThresholds: focusThresholds,
         setFocusThresholds: setFocusThresholds
       };
-    }, [focusThresholds, makeFocusPrediction, modelDownloadProgress, modelError, ready]);
+    }, [focusThresholds, load, makeFocusPrediction, modelDownloadProgress, modelError, ready]);
     return /*#__PURE__*/React.createElement(FocusModelContext.Provider, {
       value: value
     }, /*#__PURE__*/React.createElement(InvisibleCanvas, {
@@ -10236,6 +10256,9 @@
     stop: function stop() {
       return null;
     },
+    load: function load() {
+      return null;
+    },
     modelDownloadProgress: 0,
     modelError: null,
     thresholds: defaultIdCaptureThresholds,
@@ -10275,6 +10298,7 @@
       documentDetectionModelDownloadProgress = _c.documentDetectionModelDownloadProgress,
       startDocumentDetection = _c.startDocumentDetection,
       stopDocumentDetection = _c.stopDocumentDetection,
+      loadDocumentDetectionModel = _c.loadDocumentDetectionModel,
       lastPredictionCanvas = _c.documentDetectionLastPredictionCanvas,
       clearDocumentDetectionLastPredictionCanvas = _c.clearDocumentDetectionLastPredictionCanvas,
       onDocumentDetected = _c.onDocumentDetected,
@@ -10285,6 +10309,7 @@
       setDocumentDetectionBoundaries = _c.setDocumentDetectionBoundaries,
       documentDetectionModelError = _c.documentDetectionModelError;
     var _d = React.useContext(FocusModelContext),
+      loadFocusModel = _d.loadFocusModel,
       focusModelReady = _d.focusModelReady,
       focusModelDownloadProgress = _d.focusModelDownloadProgress,
       makeFocusPrediction = _d.makeFocusPrediction,
@@ -10390,6 +10415,10 @@
     React.useEffect(function () {
       if (requiredDocumentType) resetBestFrame();
     }, [requiredDocumentType, resetBestFrame]);
+    var load = React.useCallback(function () {
+      loadDocumentDetectionModel();
+      loadFocusModel();
+    }, [loadDocumentDetectionModel, loadFocusModel]);
     var value = React.useMemo(function () {
       return {
         ready: documentDetectionModelReady && focusModelReady,
@@ -10397,6 +10426,7 @@
         modelError: modelError,
         start: startDocumentDetection,
         stop: stopDocumentDetection,
+        load: load,
         thresholds: thresholds,
         setThresholds: setThresholds,
         documentDetectionBoundaries: documentDetectionBoundaries,
@@ -10410,7 +10440,7 @@
         requiredDocumentType: requiredDocumentType,
         setRequiredDocumentType: setRequiredDocumentType
       };
-    }, [detectionTime, documentDetectionBoundaries, documentDetectionModelDownloadProgress, documentDetectionModelReady, focusModelDownloadProgress, focusModelReady, focusPredictionTime, getBestFrame, modelError, onPredictionMade, requiredDocumentType, resetBestFrame, setDocumentDetectionBoundaries, setThresholds, startDocumentDetection, stopDocumentDetection, thresholds]);
+    }, [detectionTime, documentDetectionBoundaries, documentDetectionModelDownloadProgress, documentDetectionModelReady, focusModelDownloadProgress, focusModelReady, focusPredictionTime, getBestFrame, load, modelError, onPredictionMade, requiredDocumentType, resetBestFrame, setDocumentDetectionBoundaries, setThresholds, startDocumentDetection, stopDocumentDetection, thresholds]);
     return /*#__PURE__*/React.createElement(IdCaptureModelsContext.Provider, {
       value: value
     }, /*#__PURE__*/React.createElement(InvisibleCanvas, {
@@ -18185,6 +18215,7 @@
       state = _d[0],
       dispatch = _d[1];
     var requestCameraAccess = useCameraStore().requestCameraAccess;
+    var loadModels = React.useContext(IdCaptureModelsContext).load;
     var _e = React.useState(false),
       selectIdTypeModalOpen = _e[0],
       setSelectIdTypeModalOpen = _e[1];
@@ -18217,6 +18248,7 @@
       className: classNames.captureWithCameraButton,
       colors: buttonColors,
       onClick: function onClick() {
+        loadModels();
         void requestCameraAccess();
         dispatch({
           type: 'setUploadingDocumentsFromStorage',