idmission-web-sdk 1.0.174 → 1.0.176

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

@@ -1,5 +1,6 @@
 import React, { MutableRefObject, ReactElement, ReactNode } from 'react';
 import { DetectedObject, DocumentType } from '../../lib/models/DocumentDetection';
+import { FocusPrediction } from '../../lib/models/Focus';
 import { Frame } from '../../lib/utils/getFrameDimensions';
 export type IdCapturePrediction = {
     detectedObjects: DetectedObject[];
@@ -63,4 +64,13 @@ export type IdCaptureModelsProviderProps = {
     focusModelUrl?: string | undefined;
     logPredictions?: boolean;
 };
+export declare const defaultDocumentDetectionModelUrl: string;
+export declare const defaultFocusModelUrl: string;
 export declare const IdCaptureModelsProvider: ({ children, documentDetectionModelUrl, focusModelUrl, logPredictions, }: IdCaptureModelsProviderProps) => ReactElement;
+type Canvases = {
+    lastPredictionCanvas: HTMLCanvasElement;
+    cropCanvas: HTMLCanvasElement;
+    rotateCanvas: HTMLCanvasElement;
+};
+export declare function makeFocusPrediction(imageData: Frame, canvases: Canvases, bbox?: number[], logPredictions?: boolean): Promise<[FocusPrediction, number]>;
+export {};

package/dist/sdk2.cjs.development.js

@@ -48,7 +48,7 @@ var LanguageDetector__default = /*#__PURE__*/_interopDefaultLegacy(LanguageDetec
 var i18n__default = /*#__PURE__*/_interopDefaultLegacy(i18n);
 var SignatureCanvas__default = /*#__PURE__*/_interopDefaultLegacy(SignatureCanvas);
 
-var webSdkVersion = '1.0.174';
+var webSdkVersion = '1.0.176';
 
 function getPlatform() {
   if (typeof window === 'undefined') return;
@@ -8683,7 +8683,7 @@ var IdCaptureModelsContext = /*#__PURE__*/React.createContext({
   bestFrameFocusScore: 0
 });
 var defaultDocumentDetectionModelUrl = "".concat(DEFAULT_CDN_URL, "/models/docdetect20240207/model.json");
-var defaultFocusModelUrl = "".concat(DEFAULT_CDN_URL, "/models/focus/model.json");
+var defaultFocusModelUrl = "".concat(DEFAULT_CDN_URL, "/models/focus20240212/model.json");
 var IdCaptureModelsProvider = function IdCaptureModelsProvider(_a) {
   var children = _a.children,
     documentDetectionModelUrl = _a.documentDetectionModelUrl,
@@ -8698,6 +8698,8 @@ var IdCaptureModelsProvider = function IdCaptureModelsProvider(_a) {
     setThresholds = _d[1];
   var working = React.useRef(false);
   var onPredictionHandler = React.useRef();
+  var cropCanvas = React.useRef(null);
+  var rotateCanvas = React.useRef(null);
   var lastPredictionCanvas = React.useRef(null);
   var _e = React.useState(0),
     detectionTime = _e[0],
@@ -8787,13 +8789,18 @@ var IdCaptureModelsProvider = function IdCaptureModelsProvider(_a) {
     working.current = true;
     (function () {
       return tslib.__awaiter(void 0, void 0, void 0, function () {
-        var prediction;
+        var canvases, prediction;
         var _a, _b, _c;
         return tslib.__generator(this, function (_d) {
           switch (_d.label) {
             case 0:
-              if (!documentDetectionModel || !focusModel || !lastPredictionCanvas.current) return [2 /*return*/];
-              return [4 /*yield*/, makePredictions(frame, lastPredictionCanvas.current, thresholds, logPredictions)];
+              if (!documentDetectionModel || !focusModel || !lastPredictionCanvas.current || !cropCanvas.current || !rotateCanvas.current) return [2 /*return*/];
+              canvases = {
+                lastPredictionCanvas: lastPredictionCanvas.current,
+                cropCanvas: cropCanvas.current,
+                rotateCanvas: rotateCanvas.current
+              };
+              return [4 /*yield*/, makePredictions(frame, thresholds, canvases, logPredictions)];
             case 1:
               prediction = _d.sent();
               setDetectionTime(prediction.detectionTime);
@@ -8864,25 +8871,29 @@ var IdCaptureModelsProvider = function IdCaptureModelsProvider(_a) {
     ref: lastPredictionCanvas
   }), /*#__PURE__*/React__default['default'].createElement(InvisibleCanvas, {
     ref: bestPredictionCanvas
+  }), /*#__PURE__*/React__default['default'].createElement(InvisibleCanvas, {
+    ref: cropCanvas
+  }), /*#__PURE__*/React__default['default'].createElement(InvisibleCanvas, {
+    ref: rotateCanvas
   }));
 };
 var onMobile = isMobile();
-function makePredictions(frame, lastPredictionCanvas, thresholds, logPredictions) {
+function makePredictions(frame, thresholds, canvases, logPredictions) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
   if (logPredictions === void 0) {
     logPredictions = false;
   }
   return tslib.__awaiter(this, void 0, void 0, function () {
-    var _o, frameWidth, frameHeight, _q, boxes, scores, labels, time, allZero, detectedObjects, bestDocument, bestPassportPage, bestDocumentScore, passportDetectionScore, passportDetectionThresholdMet, bestDocumentOrPassport, detectionScore, detectionThresholdMet, detectedDocumentType, bestMrz, mrzDetectionScore, mrzDetectionThresholdMet, bestPdf417, pdf417DetectionScore, pdf417DetectionThresholdMet, documentInBounds, boundaryPx, _r, boundaryX, boundaryY, boundaryWidth, boundaryHeight, documentTooClose, _s, docWidth, docHeight, focusPrediction, focusPredictionTime, focusScore, focusThresholdMet, focusThreshold;
-    var _t;
-    return tslib.__generator(this, function (_u) {
-      switch (_u.label) {
+    var _o, frameWidth, frameHeight, _p, boxes, scores, labels, time, allZero, detectedObjects, bestDocument, bestPassportPage, bestDocumentScore, passportDetectionScore, passportDetectionThresholdMet, bestDocumentOrPassport, detectionScore, detectionThresholdMet, detectedDocumentType, bestMrz, mrzDetectionScore, mrzDetectionThresholdMet, bestPdf417, pdf417DetectionScore, pdf417DetectionThresholdMet, documentInBounds, boundaryPx, _q, boundaryX, boundaryY, boundaryWidth, boundaryHeight, documentTooClose, _r, docWidth, docHeight, focusPrediction, focusPredictionTime, focusScore, focusThresholdMet, focusThreshold;
+    var _s;
+    return tslib.__generator(this, function (_t) {
+      switch (_t.label) {
         case 0:
           _o = getFrameDimensions(frame), frameWidth = _o[0], frameHeight = _o[1];
-          drawToCanvas(lastPredictionCanvas, frame);
+          drawToCanvas(canvases.lastPredictionCanvas, frame);
           return [4 /*yield*/, makeDocumentDetectionPredictions(frame, logPredictions)];
         case 1:
-          _q = _u.sent(), boxes = _q.boxes, scores = _q.scores, labels = _q.labels, time = _q.time;
+          _p = _t.sent(), boxes = _p.boxes, scores = _p.scores, labels = _p.labels, time = _p.time;
           allZero = boxes.length > 0 && !boxes.some(function (box) {
             return box.some(function (n) {
               return n > 0;
@@ -8922,7 +8933,7 @@ function makePredictions(frame, lastPredictionCanvas, thresholds, logPredictions
           documentInBounds = false;
           if (bestDocumentOrPassport) {
             boundaryPx = 20;
-            _r = bestDocumentOrPassport.bbox, boundaryX = _r[0], boundaryY = _r[1], boundaryWidth = _r[2], boundaryHeight = _r[3];
+            _q = bestDocumentOrPassport.bbox, boundaryX = _q[0], boundaryY = _q[1], boundaryWidth = _q[2], boundaryHeight = _q[3];
             boundaryX *= frameWidth;
             boundaryWidth *= frameWidth;
             boundaryY *= frameHeight;
@@ -8937,18 +8948,18 @@ function makePredictions(frame, lastPredictionCanvas, thresholds, logPredictions
           }
           documentTooClose = false;
           if (bestDocumentOrPassport) {
-            _s = [bestDocumentOrPassport.bbox[2], bestDocumentOrPassport.bbox[3]], docWidth = _s[0], docHeight = _s[1];
+            _r = [bestDocumentOrPassport.bbox[2], bestDocumentOrPassport.bbox[3]], docWidth = _r[0], docHeight = _r[1];
             documentTooClose = docWidth > 0.85 || docHeight > 0.85;
           }
           focusPrediction = null, focusPredictionTime = 0, focusScore = 0, focusThresholdMet = false;
           if (!(detectionThresholdMet && documentInBounds && !documentTooClose)) return [3 /*break*/, 3];
-          return [4 /*yield*/, makeFocusPrediction(frame, bestDocumentOrPassport === null || bestDocumentOrPassport === void 0 ? void 0 : bestDocumentOrPassport.bbox, logPredictions)];
+          return [4 /*yield*/, makeFocusPrediction(frame, canvases, bestDocumentOrPassport === null || bestDocumentOrPassport === void 0 ? void 0 : bestDocumentOrPassport.bbox, logPredictions)];
         case 2:
-          _t = _u.sent(), focusPrediction = _t[0], focusPredictionTime = _t[1];
+          _s = _t.sent(), focusPrediction = _s[0], focusPredictionTime = _s[1];
           focusScore = (_j = focusPrediction === null || focusPrediction === void 0 ? void 0 : focusPrediction[1]) !== null && _j !== void 0 ? _j : 0;
           focusThreshold = (_m = onMobile ? (_k = thresholds.focus) === null || _k === void 0 ? void 0 : _k.mobile : (_l = thresholds.focus) === null || _l === void 0 ? void 0 : _l.desktop) !== null && _m !== void 0 ? _m : 0;
           focusThresholdMet = focusScore >= focusThreshold;
-          _u.label = 3;
+          _t.label = 3;
         case 3:
           return [2 /*return*/, {
             detectedObjects: detectedObjects,
@@ -9058,7 +9069,7 @@ function makeDocumentDetectionPredictions(image, logPredictions) {
     });
   });
 }
-function makeFocusPrediction(imageData, bbox, logPredictions) {
+function makeFocusPrediction(imageData, canvases, bbox, logPredictions) {
   if (logPredictions === void 0) {
     logPredictions = false;
   }
@@ -9076,19 +9087,19 @@ function makeFocusPrediction(imageData, bbox, logPredictions) {
           _g.trys.push([1, 5,, 6]);
           tfImg = void 0;
           if (bbox) {
-            cropped = cropToBoundingBox(imageData, bbox);
+            cropped = cropToBoundingBox(imageData, bbox, canvases.cropCanvas);
             _a = getFrameDimensions(imageData), fw = _a[0], fh = _a[1];
             _b = [bbox[2] * fw, bbox[3] * fh], bw = _b[0], bh = _b[1];
             if (bh > bw) {
-              rotated = document.createElement('canvas');
+              rotated = canvases.rotateCanvas;
               ctx = rotated.getContext('2d');
               if (ctx) {
                 rotated.width = bh;
                 rotated.height = bw;
                 ctx.clearRect(0, 0, rotated.width, rotated.height);
-                ctx.translate(rotated.height / 2, rotated.width / 2);
+                ctx.translate(rotated.width / 2, rotated.height / 2);
                 ctx.rotate(1.5708); // 90 deg in radians
-                ctx.drawImage(cropped, -rotated.width / 2, -rotated.height / 2);
+                ctx.drawImage(cropped, -bw / 2, -bh / 2);
                 cropped = rotated;
               }
             }