idmission-web-sdk 2.2.96 → 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.96';
+  var webSdkVersion = '2.2.98';
 
   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;
@@ -9962,6 +9963,9 @@
     stopDocumentDetection: function stopDocumentDetection() {
       return null;
     },
+    loadDocumentDetectionModel: function loadDocumentDetectionModel() {
+      return null;
+    },
     documentDetectionModelReady: false,
     documentDetectionModelDownloadProgress: 0,
     documentDetectionModelError: null,
@@ -10001,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,
@@ -10021,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,
@@ -10029,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;
@@ -10076,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'));
@@ -10096,6 +10106,7 @@
       return {
         startDocumentDetection: start,
         stopDocumentDetection: stop,
+        loadDocumentDetectionModel: load,
         documentDetectionModelReady: ready,
         documentDetectionModelError: modelError,
         documentDetectionModelDownloadProgress: modelDownloadProgress,
@@ -10108,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, {
@@ -10118,6 +10129,9 @@
   }
 
   var FocusModelContext = /*#__PURE__*/React.createContext({
+    loadFocusModel: function loadFocusModel() {
+      return null;
+    },
     focusModelReady: false,
     focusModelDownloadProgress: 0,
     focusModelError: null,
@@ -10140,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);
@@ -10166,6 +10186,7 @@
     }, [ready]);
     var value = React.useMemo(function () {
       return {
+        loadFocusModel: load,
         focusModelReady: ready,
         focusModelDownloadProgress: modelDownloadProgress,
         focusModelError: modelError,
@@ -10174,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, {
@@ -10235,6 +10256,9 @@
     stop: function stop() {
       return null;
     },
+    load: function load() {
+      return null;
+    },
     modelDownloadProgress: 0,
     modelError: null,
     thresholds: defaultIdCaptureThresholds,
@@ -10274,6 +10298,7 @@
       documentDetectionModelDownloadProgress = _c.documentDetectionModelDownloadProgress,
       startDocumentDetection = _c.startDocumentDetection,
       stopDocumentDetection = _c.stopDocumentDetection,
+      loadDocumentDetectionModel = _c.loadDocumentDetectionModel,
       lastPredictionCanvas = _c.documentDetectionLastPredictionCanvas,
       clearDocumentDetectionLastPredictionCanvas = _c.clearDocumentDetectionLastPredictionCanvas,
       onDocumentDetected = _c.onDocumentDetected,
@@ -10284,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,
@@ -10389,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,
@@ -10396,6 +10426,7 @@
         modelError: modelError,
         start: startDocumentDetection,
         stop: stopDocumentDetection,
+        load: load,
         thresholds: thresholds,
         setThresholds: setThresholds,
         documentDetectionBoundaries: documentDetectionBoundaries,
@@ -10409,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, {
@@ -18184,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];
@@ -18216,6 +18248,7 @@
       className: classNames.captureWithCameraButton,
       colors: buttonColors,
       onClick: function onClick() {
+        loadModels();
         void requestCameraAccess();
         dispatch({
           type: 'setUploadingDocumentsFromStorage',