idmission-web-sdk 1.0.90 → 1.0.92

package/dist/components/id_capture/IdCaptureModelsProvider.d.ts

@@ -35,6 +35,11 @@ export declare const PREDICTION_POSITIONS: {
     scores: number;
     labels: number;
 };
+export type BestFrame = {
+    canvas: HTMLCanvasElement;
+    detectionScore: number;
+    focusScore: number;
+};
 export type IdCaptureModelsState = {
     ready: boolean;
     working: MutableRefObject<boolean>;
@@ -45,8 +50,10 @@ export type IdCaptureModelsState = {
     onPredictionMade: (handler: (prediction: IdCapturePrediction) => void) => void;
     detectionTime: number;
     focusPredictionTime: number;
-    getBestFrame: () => Promise<Blob | null>;
+    getBestFrame: () => Promise<BestFrame | null>;
     resetBestFrame: () => void;
+    bestFrameDetectionScore: number;
+    bestFrameFocusScore: number;
 };
 export declare const IdCaptureModelsContext: React.Context<IdCaptureModelsState>;
 export type IdCaptureModelsProviderProps = {

package/dist/contexts/SubmissionContext.d.ts

@@ -72,6 +72,8 @@ export type CaptureAttemptMetadata = {
     autoCapture: 'Y' | 'N';
     captureTime: number;
     operationTime?: number;
+    bestDetectionScore?: number;
+    bestFocusScore?: number;
 };
 export type PersonalData = {
     uniqueNumber?: string;

package/dist/sdk2.cjs.development.js

@@ -46,7 +46,7 @@ var LanguageDetector__default = /*#__PURE__*/_interopDefaultLegacy(LanguageDetec
 var i18n__default = /*#__PURE__*/_interopDefaultLegacy(i18n);
 var SignatureCanvas__default = /*#__PURE__*/_interopDefaultLegacy(SignatureCanvas);
 
-var webSdkVersion = '1.0.90';
+var webSdkVersion = '1.0.92';
 
 function getPlatform() {
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -1588,16 +1588,6 @@ function scanBarcode(blob, bbox) {
   });
 }
 
-function getBlobDimensions(blob) {
-  return new Promise(function (resolve) {
-    var image = new Image();
-    image.onload = function () {
-      resolve([image.naturalWidth, image.naturalHeight]);
-    };
-    image.src = URL.createObjectURL(blob);
-  });
-}
-
 function listAvailableCameras(facingMode, requestMicAccess) {
   if (requestMicAccess === void 0) {
     requestMicAccess = false;
@@ -8723,7 +8713,9 @@ var IdCaptureModelsContext = /*#__PURE__*/React.createContext({
   },
   resetBestFrame: function resetBestFrame() {
     return null;
-  }
+  },
+  bestFrameDetectionScore: 0,
+  bestFrameFocusScore: 0
 });
 var defaultDocumentDetectionModelUrl = "".concat(DEFAULT_CDN_URL, "/models/documentdetection448/model.json");
 var defaultFocusModelUrl = "".concat(DEFAULT_CDN_URL, "/models/focus/model.json");
@@ -8763,6 +8755,12 @@ var IdCaptureModelsProvider = function IdCaptureModelsProvider(_a) {
   var _l = React.useState(null),
     loadingError = _l[0],
     setLoadingError = _l[1];
+  var _m = React.useState(0),
+    bestFrameDetectionScore = _m[0],
+    setBestFrameDetectionScore = _m[1];
+  var _o = React.useState(0),
+    bestFrameFocusScore = _o[0],
+    setBestFrameFocusScore = _o[1];
   React.useEffect(function () {
     setReady(false);
     var ddmUrl = documentDetectionModelUrl || defaultDocumentDetectionModelUrl;
@@ -8840,9 +8838,9 @@ var IdCaptureModelsProvider = function IdCaptureModelsProvider(_a) {
     if (thresholds.pdf417) setPdf417DetectionThreshold(thresholds.pdf417);
     if (thresholds.focus) setFocusThreshold(thresholds.focus);
   }, []);
-  var _m = React.useState(0),
-    timesAllZero = _m[0],
-    setTimesAllZero = _m[1];
+  var _p = React.useState(0),
+    timesAllZero = _p[0],
+    setTimesAllZero = _p[1];
   var bestPredictionCanvas = React.useRef(null);
   var bestFocusScore = React.useRef(0);
   var makePrediction = React.useCallback(function (frame) {
@@ -8862,6 +8860,8 @@ var IdCaptureModelsProvider = function IdCaptureModelsProvider(_a) {
               setFocusPredictionTime(prediction.focusPredictionTime);
               if (bestFocusScore.current <= prediction.focusScore) {
                 bestFocusScore.current = prediction.focusScore;
+                setBestFrameDetectionScore(prediction.detectionScore);
+                setBestFrameFocusScore(prediction.focusScore);
                 drawToCanvas(bestPredictionCanvas.current, frame);
               }
               if (prediction.allZero) setTimesAllZero(function (n) {
@@ -8885,22 +8885,16 @@ var IdCaptureModelsProvider = function IdCaptureModelsProvider(_a) {
   }, []);
   var getBestFrame = React.useCallback(function () {
     return tslib.__awaiter(void 0, void 0, void 0, function () {
-      var photoURL, data;
       return tslib.__generator(this, function (_a) {
-        switch (_a.label) {
-          case 0:
-            if (!bestPredictionCanvas.current) return [2 /*return*/, null];
-            photoURL = bestPredictionCanvas.current.toDataURL('image/jpeg', 0.98);
-            return [4 /*yield*/, fetch(photoURL)];
-          case 1:
-            data = _a.sent();
-            return [4 /*yield*/, data.blob()];
-          case 2:
-            return [2 /*return*/, _a.sent()];
-        }
+        if (!bestPredictionCanvas.current) return [2 /*return*/, null];
+        return [2 /*return*/, {
+          canvas: bestPredictionCanvas.current,
+          detectionScore: bestFrameDetectionScore,
+          focusScore: bestFrameFocusScore
+        }];
       });
     });
-  }, []);
+  }, [bestFrameDetectionScore, bestFrameFocusScore]);
   var resetBestFrame = React.useCallback(function () {
     bestFocusScore.current = 0;
     clearCanvas(bestPredictionCanvas.current);
@@ -8917,9 +8911,11 @@ var IdCaptureModelsProvider = function IdCaptureModelsProvider(_a) {
       focusPredictionTime: focusPredictionTime,
       getBestFrame: getBestFrame,
       resetBestFrame: resetBestFrame,
+      bestFrameDetectionScore: bestFrameDetectionScore,
+      bestFrameFocusScore: bestFrameFocusScore,
       error: loadingError
     };
-  }, [detectionTime, focusPredictionTime, getBestFrame, loadingError, makePrediction, onPredictionMade, ready, resetBestFrame, setThresholds, thresholds]);
+  }, [bestFrameDetectionScore, bestFrameFocusScore, detectionTime, focusPredictionTime, getBestFrame, loadingError, makePrediction, onPredictionMade, ready, resetBestFrame, setThresholds, thresholds]);
   return /*#__PURE__*/React__default['default'].createElement(IdCaptureModelsContext.Provider, {
     value: value
   }, children, /*#__PURE__*/React__default['default'].createElement(InvisibleCanvas, {
@@ -9975,9 +9971,9 @@ var IdCapture = function IdCapture(_a) {
   React.useEffect(function () {
     (function () {
       return tslib.__awaiter(void 0, void 0, void 0, function () {
-        var photo, _a, width, height, canvas, bitmap, isGreaterThan2k, ctx2d, bmpCtx, imageURL;
-        return tslib.__generator(this, function (_b) {
-          switch (_b.label) {
+        var bestFrame, originalCanvas, detectionScore, focusScore, width, height, canvas, isGreaterThan2k, ctx2d, imageURL;
+        return tslib.__generator(this, function (_a) {
+          switch (_a.label) {
             case 0:
               if (!shouldCapture) return [2 /*return*/];
               dispatch({
@@ -9985,8 +9981,8 @@ var IdCapture = function IdCapture(_a) {
               });
               return [4 /*yield*/, getBestFrame()];
             case 1:
-              photo = _b.sent();
-              if (!photo) {
+              bestFrame = _a.sent();
+              if (!bestFrame) {
                 console.log('uh oh, i did not get a photo');
                 dispatch({
                   type: 'captureFailed'
@@ -9994,21 +9990,12 @@ var IdCapture = function IdCapture(_a) {
                 return [2 /*return*/];
               }
               setProcessingFrame(true);
-              return [4 /*yield*/, getBlobDimensions(photo)
-              // const canvas = new OffscreenCanvas(width, height)
-              ];
-            case 2:
-              _a = _b.sent(), width = _a[0], height = _a[1];
-              canvas = document.createElement('canvas');
-              canvas.width = width;
-              canvas.height = height;
-              return [4 /*yield*/, createImageBitmap(photo)
-              // resize image to 2k max if barcode is read
-              ];
-            case 3:
-              bitmap = _b.sent();
+              originalCanvas = bestFrame.canvas, detectionScore = bestFrame.detectionScore, focusScore = bestFrame.focusScore;
+              width = originalCanvas.width, height = originalCanvas.height;
+              canvas = originalCanvas;
               isGreaterThan2k = width > 1920 && height > 1080 || width > 1080 && height > 1920;
               if (isGreaterThan2k && !!state.barcodeResult) {
+                canvas = document.createElement('canvas');
                 if (width > height) {
                   canvas.width = 1920;
                   canvas.height = height * (1920 / width);
@@ -10018,11 +10005,7 @@ var IdCapture = function IdCapture(_a) {
                 }
                 ctx2d = canvas.getContext('2d');
                 if (!ctx2d) return [2 /*return*/];
-                ctx2d.drawImage(bitmap, 0, 0, canvas.width, canvas.height);
-              } else {
-                bmpCtx = canvas.getContext('bitmaprenderer');
-                if (!bmpCtx) return [2 /*return*/];
-                bmpCtx.transferFromImageBitmap(bitmap);
+                ctx2d.drawImage(originalCanvas, 0, 0, canvas.width, canvas.height);
               }
               imageURL = canvas.toDataURL('image/jpeg', 0.92);
               setImageURL(imageURL);
@@ -10031,7 +10014,9 @@ var IdCapture = function IdCapture(_a) {
                 var captureTime = new Date().getTime() - ((_a = captureStartedAt.current) !== null && _a !== void 0 ? _a : new Date()).getTime();
                 var metadata = {
                   autoCapture: 'Y',
-                  captureTime: captureTime
+                  captureTime: captureTime,
+                  bestDetectionScore: detectionScore,
+                  bestFocusScore: focusScore
                 };
                 onCapture === null || onCapture === void 0 ? void 0 : onCapture(imageURL, width, height, metadata);
                 dispatch({