idmission-web-sdk 2.2.97 → 2.2.99

package/dist/sdk2.esm.js

@@ -203,7 +203,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
   return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-var webSdkVersion = '2.2.97';
+var webSdkVersion = '2.2.99';
 
 function getPlatform() {
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -3836,6 +3836,9 @@ var DocumentDetectionModelContext = /*#__PURE__*/createContext({
   stopDocumentDetection: function stopDocumentDetection() {
     return null;
   },
+  loadDocumentDetectionModel: function loadDocumentDetectionModel() {
+    return null;
+  },
   documentDetectionModelReady: false,
   documentDetectionModelDownloadProgress: 0,
   documentDetectionModelError: null,
@@ -3875,7 +3878,7 @@ function DocumentDetectionModelProvider(_a) {
     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,
@@ -3895,7 +3898,13 @@ function DocumentDetectionModelProvider(_a) {
     canvasKey = _o[0],
     setCanvasKey = _o[1];
   var stopDetection = useRef(0);
-  var _p = useLoadDocumentDetector({
+  var _p = useState(shouldLoadModelsProp),
+    shouldLoadModels = _p[0],
+    setShouldLoadModels = _p[1];
+  var load = useCallback(function () {
+    return setShouldLoadModels(true);
+  }, []);
+  var _q = useLoadDocumentDetector({
       modelPath: documentDetectionModelPath,
       modelLoadTimeoutMs: documentDetectionModelLoadTimeoutMs,
       scoreThreshold: documentDetectionModelScoreThreshold,
@@ -3903,11 +3912,11 @@ function DocumentDetectionModelProvider(_a) {
       videoRef: videoRef,
       shouldLoadModels: shouldLoadModels
     }),
-    ready = _p.ready,
-    modelDownloadProgress = _p.modelDownloadProgress,
-    modelError = _p.modelError,
-    setModelError = _p.setModelError;
-  var _q = useFrameLoop(useCallback(function (frameId, timeRunning) {
+    ready = _q.ready,
+    modelDownloadProgress = _q.modelDownloadProgress,
+    modelError = _q.modelError,
+    setModelError = _q.setModelError;
+  var _r = useFrameLoop(useCallback(function (frameId, timeRunning) {
       return __awaiter(_this, void 0, void 0, function () {
         var stopDetectionAtStart, vw, vh, ctx, prediction, processedPrediction;
         var _a;
@@ -3950,8 +3959,8 @@ function DocumentDetectionModelProvider(_a) {
       throttleMs: throttleMs,
       autoStart: autoStart
     }),
-    start = _q.start,
-    stop = _q.stop;
+    start = _r.start,
+    stop = _r.stop;
   useEffect(function setErrorIfAllZero() {
     if (timesAllZero >= 2) {
       setModelError(new Error('model is returning all zeroes'));
@@ -3970,6 +3979,7 @@ function DocumentDetectionModelProvider(_a) {
     return {
       startDocumentDetection: start,
       stopDocumentDetection: stop,
+      loadDocumentDetectionModel: load,
       documentDetectionModelReady: ready,
       documentDetectionModelError: modelError,
       documentDetectionModelDownloadProgress: modelDownloadProgress,
@@ -3982,7 +3992,7 @@ function DocumentDetectionModelProvider(_a) {
       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.createElement(DocumentDetectionModelContext.Provider, {
     value: value
   }, /*#__PURE__*/React.createElement(InvisibleCanvas, {
@@ -3992,6 +4002,9 @@ function DocumentDetectionModelProvider(_a) {
 }
 
 var FocusModelContext = /*#__PURE__*/createContext({
+  loadFocusModel: function loadFocusModel() {
+    return null;
+  },
   focusModelReady: false,
   focusModelDownloadProgress: 0,
   focusModelError: null,
@@ -4014,23 +4027,29 @@ function FocusModelProvider(_a) {
     _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 = useRef(null);
   var rotateCanvas = useRef(null);
   var _f = useState({}),
     focusThresholds = _f[0],
     setFocusThresholds = _f[1];
   var videoRef = useCameraStore().videoRef;
-  var _g = useLoadFocusModel({
+  var _g = useState(shouldLoadModelsProp),
+    shouldLoadModels = _g[0],
+    setShouldLoadModels = _g[1];
+  var load = 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 = useCallback(function (imageData, box) {
     if (!ready) return null;
     var prediction = makeFocusModelPrediction(imageData, cropCanvas.current, rotateCanvas.current, box);
@@ -4040,6 +4059,7 @@ function FocusModelProvider(_a) {
   }, [ready]);
   var value = useMemo(function () {
     return {
+      loadFocusModel: load,
       focusModelReady: ready,
       focusModelDownloadProgress: modelDownloadProgress,
       focusModelError: modelError,
@@ -4048,7 +4068,7 @@ function FocusModelProvider(_a) {
       focusThresholds: focusThresholds,
       setFocusThresholds: setFocusThresholds
     };
-  }, [focusThresholds, makeFocusPrediction, modelDownloadProgress, modelError, ready]);
+  }, [focusThresholds, load, makeFocusPrediction, modelDownloadProgress, modelError, ready]);
   return /*#__PURE__*/React__default.createElement(FocusModelContext.Provider, {
     value: value
   }, /*#__PURE__*/React__default.createElement(InvisibleCanvas, {
@@ -4109,6 +4129,9 @@ var IdCaptureModelsContext = /*#__PURE__*/createContext({
   stop: function stop() {
     return null;
   },
+  load: function load() {
+    return null;
+  },
   modelDownloadProgress: 0,
   modelError: null,
   thresholds: defaultIdCaptureThresholds,
@@ -4148,6 +4171,7 @@ function IdCaptureModelsProviderInner(_a) {
     documentDetectionModelDownloadProgress = _c.documentDetectionModelDownloadProgress,
     startDocumentDetection = _c.startDocumentDetection,
     stopDocumentDetection = _c.stopDocumentDetection,
+    loadDocumentDetectionModel = _c.loadDocumentDetectionModel,
     lastPredictionCanvas = _c.documentDetectionLastPredictionCanvas,
     clearDocumentDetectionLastPredictionCanvas = _c.clearDocumentDetectionLastPredictionCanvas,
     onDocumentDetected = _c.onDocumentDetected,
@@ -4158,6 +4182,7 @@ function IdCaptureModelsProviderInner(_a) {
     setDocumentDetectionBoundaries = _c.setDocumentDetectionBoundaries,
     documentDetectionModelError = _c.documentDetectionModelError;
   var _d = useContext(FocusModelContext),
+    loadFocusModel = _d.loadFocusModel,
     focusModelReady = _d.focusModelReady,
     focusModelDownloadProgress = _d.focusModelDownloadProgress,
     makeFocusPrediction = _d.makeFocusPrediction,
@@ -4263,6 +4288,10 @@ function IdCaptureModelsProviderInner(_a) {
   useEffect(function () {
     if (requiredDocumentType) resetBestFrame();
   }, [requiredDocumentType, resetBestFrame]);
+  var load = useCallback(function () {
+    loadDocumentDetectionModel();
+    loadFocusModel();
+  }, [loadDocumentDetectionModel, loadFocusModel]);
   var value = useMemo(function () {
     return {
       ready: documentDetectionModelReady && focusModelReady,
@@ -4270,6 +4299,7 @@ function IdCaptureModelsProviderInner(_a) {
       modelError: modelError,
       start: startDocumentDetection,
       stop: stopDocumentDetection,
+      load: load,
       thresholds: thresholds,
       setThresholds: setThresholds,
       documentDetectionBoundaries: documentDetectionBoundaries,
@@ -4283,7 +4313,7 @@ function IdCaptureModelsProviderInner(_a) {
       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__default.createElement(IdCaptureModelsContext.Provider, {
     value: value
   }, /*#__PURE__*/React__default.createElement(InvisibleCanvas, {
@@ -6828,6 +6858,13 @@ var IdCaptureLoadingOverlayDefault = function IdCaptureLoadingOverlayDefault(_a)
   var _q = useState(false),
     dismissed = _q[0],
     setDismissed = _q[1];
+  var dispatch = useIdCaptureState()[1];
+  useEffect(function () {
+    dispatch({
+      type: 'setUploadingDocumentsFromStorage',
+      payload: false
+    });
+  }, [dispatch]);
   assets.instructionImageUrl || (assets.instructionImageUrl = legacyInstructionImageUrl$1);
   var verbiage = useTranslations(rawVerbiage, {
     headingText: 'Use your device camera to capture your ID',
@@ -9111,6 +9148,7 @@ function IdCaptureOrUploadScreen(_a) {
     state = _d[0],
     dispatch = _d[1];
   var requestCameraAccess = useCameraStore().requestCameraAccess;
+  var loadModels = useContext(IdCaptureModelsContext).load;
   var _e = useState(false),
     selectIdTypeModalOpen = _e[0],
     setSelectIdTypeModalOpen = _e[1];
@@ -9143,6 +9181,7 @@ function IdCaptureOrUploadScreen(_a) {
     className: classNames.captureWithCameraButton,
     colors: buttonColors,
     onClick: function onClick() {
+      loadModels();
       void requestCameraAccess();
       dispatch({
         type: 'setUploadingDocumentsFromStorage',