idmission-web-sdk 2.2.96 → 2.2.98

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.96';
+var webSdkVersion = '2.2.98';
 
 function getPlatform() {
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -1399,14 +1399,15 @@ var SubmissionProvider = function SubmissionProvider(_a) {
             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;
@@ -3835,6 +3836,9 @@ var DocumentDetectionModelContext = /*#__PURE__*/createContext({
   stopDocumentDetection: function stopDocumentDetection() {
     return null;
   },
+  loadDocumentDetectionModel: function loadDocumentDetectionModel() {
+    return null;
+  },
   documentDetectionModelReady: false,
   documentDetectionModelDownloadProgress: 0,
   documentDetectionModelError: null,
@@ -3874,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,
@@ -3894,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,
@@ -3902,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;
@@ -3949,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'));
@@ -3969,6 +3979,7 @@ function DocumentDetectionModelProvider(_a) {
     return {
       startDocumentDetection: start,
       stopDocumentDetection: stop,
+      loadDocumentDetectionModel: load,
       documentDetectionModelReady: ready,
       documentDetectionModelError: modelError,
       documentDetectionModelDownloadProgress: modelDownloadProgress,
@@ -3981,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, {
@@ -3991,6 +4002,9 @@ function DocumentDetectionModelProvider(_a) {
 }
 
 var FocusModelContext = /*#__PURE__*/createContext({
+  loadFocusModel: function loadFocusModel() {
+    return null;
+  },
   focusModelReady: false,
   focusModelDownloadProgress: 0,
   focusModelError: null,
@@ -4013,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);
@@ -4039,6 +4059,7 @@ function FocusModelProvider(_a) {
   }, [ready]);
   var value = useMemo(function () {
     return {
+      loadFocusModel: load,
       focusModelReady: ready,
       focusModelDownloadProgress: modelDownloadProgress,
       focusModelError: modelError,
@@ -4047,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, {
@@ -4108,6 +4129,9 @@ var IdCaptureModelsContext = /*#__PURE__*/createContext({
   stop: function stop() {
     return null;
   },
+  load: function load() {
+    return null;
+  },
   modelDownloadProgress: 0,
   modelError: null,
   thresholds: defaultIdCaptureThresholds,
@@ -4147,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,
@@ -4157,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,
@@ -4262,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,
@@ -4269,6 +4299,7 @@ function IdCaptureModelsProviderInner(_a) {
       modelError: modelError,
       start: startDocumentDetection,
       stop: stopDocumentDetection,
+      load: load,
       thresholds: thresholds,
       setThresholds: setThresholds,
       documentDetectionBoundaries: documentDetectionBoundaries,
@@ -4282,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, {
@@ -9110,6 +9141,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];
@@ -9142,6 +9174,7 @@ function IdCaptureOrUploadScreen(_a) {
     className: classNames.captureWithCameraButton,
     colors: buttonColors,
     onClick: function onClick() {
+      loadModels();
       void requestCameraAccess();
       dispatch({
         type: 'setUploadingDocumentsFromStorage',