idmission-web-sdk 1.0.103 → 1.0.104

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

@@ -16,6 +16,7 @@ export type IdCapturePrediction = {
     bestDocumentOrPassport: DetectedObject | undefined;
     bestMrz: DetectedObject | undefined;
     bestPdf417: DetectedObject | undefined;
+    documentInBounds: boolean;
     focusScore: number;
     focusThresholdMet: boolean;
     focusPredictionTime: number;
@@ -28,7 +29,10 @@ export type IdCaptureThresholds = {
     passport?: number;
     mrz?: number;
     pdf417?: number;
-    focus?: number;
+    focus?: {
+        desktop?: number;
+        mobile?: number;
+    };
 };
 export declare const PREDICTION_POSITIONS: {
     boxes: number;

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.103';
+var webSdkVersion = '1.0.104';
 
 function getPlatform() {
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -8781,39 +8781,27 @@ var IdCaptureModelsProvider = function IdCaptureModelsProvider(_a) {
   var _c = React.useState(false),
     ready = _c[0],
     setReady = _c[1];
-  var _d = React.useState(0),
-    documentDetectionThreshold = _d[0],
-    setDocumentDetectionThreshold = _d[1];
-  var _e = React.useState(0),
-    passportDetectionThreshold = _e[0],
-    setPassportDetectionThreshold = _e[1];
-  var _f = React.useState(0),
-    mrzDetectionThreshold = _f[0],
-    setMrzDetectionThreshold = _f[1];
-  var _g = React.useState(0),
-    pdf417DetectionThreshold = _g[0],
-    setPdf417DetectionThreshold = _g[1];
-  var _h = React.useState(0),
-    focusThreshold = _h[0],
-    setFocusThreshold = _h[1];
+  var _d = React.useState({}),
+    thresholds = _d[0],
+    setThresholds = _d[1];
   var working = React.useRef(false);
   var onPredictionHandler = React.useRef();
   var lastPredictionCanvas = React.useRef(null);
+  var _e = React.useState(0),
+    detectionTime = _e[0],
+    setDetectionTime = _e[1];
+  var _f = React.useState(0),
+    focusPredictionTime = _f[0],
+    setFocusPredictionTime = _f[1];
+  var _g = React.useState(null),
+    loadingError = _g[0],
+    setLoadingError = _g[1];
+  var _h = React.useState(0),
+    bestFrameDetectionScore = _h[0],
+    setBestFrameDetectionScore = _h[1];
   var _j = React.useState(0),
-    detectionTime = _j[0],
-    setDetectionTime = _j[1];
-  var _k = React.useState(0),
-    focusPredictionTime = _k[0],
-    setFocusPredictionTime = _k[1];
-  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];
+    bestFrameFocusScore = _j[0],
+    setBestFrameFocusScore = _j[1];
   React.useEffect(function () {
     setReady(false);
     var ddmUrl = documentDetectionModelUrl || defaultDocumentDetectionModelUrl;
@@ -8875,25 +8863,9 @@ var IdCaptureModelsProvider = function IdCaptureModelsProvider(_a) {
       (_a = webGLCanvas.removeEventListener) === null || _a === void 0 ? void 0 : _a.call(webGLCanvas, 'webglcontextlost', reloadModels);
     };
   }, [documentDetectionModelUrl, focusModelUrl]);
-  var thresholds = React.useMemo(function () {
-    return {
-      document: documentDetectionThreshold,
-      passport: passportDetectionThreshold,
-      mrz: mrzDetectionThreshold,
-      pdf417: pdf417DetectionThreshold,
-      focus: focusThreshold
-    };
-  }, [documentDetectionThreshold, focusThreshold, mrzDetectionThreshold, passportDetectionThreshold, pdf417DetectionThreshold]);
-  var setThresholds = React.useCallback(function (thresholds) {
-    if (thresholds.document) setDocumentDetectionThreshold(thresholds.document);
-    if (thresholds.passport) setPassportDetectionThreshold(thresholds.passport);
-    if (thresholds.mrz) setMrzDetectionThreshold(thresholds.mrz);
-    if (thresholds.pdf417) setPdf417DetectionThreshold(thresholds.pdf417);
-    if (thresholds.focus) setFocusThreshold(thresholds.focus);
-  }, []);
-  var _p = React.useState(0),
-    timesAllZero = _p[0],
-    setTimesAllZero = _p[1];
+  var _k = React.useState(0),
+    timesAllZero = _k[0],
+    setTimesAllZero = _k[1];
   var bestPredictionCanvas = React.useRef(null);
   var bestFocusScore = React.useRef(0);
   var makePrediction = React.useCallback(function (frame) {
@@ -8977,22 +8949,23 @@ var IdCaptureModelsProvider = function IdCaptureModelsProvider(_a) {
     ref: bestPredictionCanvas
   }));
 };
+var onMobile = isMobile();
 function makePredictions(frame, lastPredictionCanvas, thresholds, logPredictions) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+  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 _l, frameWidth, frameHeight, _o, boxes, scores, labels, time, allZero, detectedObjects, bestDocument, bestPassportPage, bestDocumentScore, passportDetectionScore, passportDetectionThresholdMet, bestDocumentOrPassport, detectionScore, detectionThresholdMet, detectedDocumentType, bestMrz, mrzDetectionScore, mrzDetectionThresholdMet, bestPdf417, pdf417DetectionScore, pdf417DetectionThresholdMet, focusPrediction, focusPredictionTime, focusScore, focusThresholdMet;
-    var _p;
-    return tslib.__generator(this, function (_q) {
-      switch (_q.label) {
+    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, focusPrediction, focusPredictionTime, focusScore, focusThresholdMet, focusThreshold;
+    var _s;
+    return tslib.__generator(this, function (_t) {
+      switch (_t.label) {
         case 0:
-          _l = getFrameDimensions(frame), frameWidth = _l[0], frameHeight = _l[1];
+          _o = getFrameDimensions(frame), frameWidth = _o[0], frameHeight = _o[1];
           drawToCanvas(lastPredictionCanvas, frame);
           return [4 /*yield*/, makeDocumentDetectionPredictions(frame, logPredictions)];
         case 1:
-          _o = _q.sent(), boxes = _o.boxes, scores = _o.scores, labels = _o.labels, time = _o.time;
+          _q = _t.sent(), boxes = _q.boxes, scores = _q.scores, labels = _q.labels, time = _q.time;
           allZero = boxes.length > 0 && !boxes.some(function (box) {
             return box.some(function (n) {
               return n > 0;
@@ -9029,14 +9002,31 @@ function makePredictions(frame, lastPredictionCanvas, thresholds, logPredictions
           });
           pdf417DetectionScore = (_g = bestPdf417 === null || bestPdf417 === void 0 ? void 0 : bestPdf417.score) !== null && _g !== void 0 ? _g : 0;
           pdf417DetectionThresholdMet = pdf417DetectionScore >= ((_h = thresholds.pdf417) !== null && _h !== void 0 ? _h : 0);
+          documentInBounds = false;
+          if (bestDocumentOrPassport) {
+            boundaryPx = 20;
+            _r = bestDocumentOrPassport.bbox, boundaryX = _r[0], boundaryY = _r[1], boundaryWidth = _r[2], boundaryHeight = _r[3];
+            boundaryX *= frameWidth;
+            boundaryWidth *= frameWidth;
+            boundaryY *= frameHeight;
+            boundaryHeight *= frameHeight;
+            documentInBounds = boundaryY > boundaryPx &&
+            // Is it valid top edge of ID detected?
+            boundaryY + boundaryHeight + boundaryPx < frameHeight && (
+            // Is it valid bottom edge less than max video height
+            boundaryX > boundaryPx || boundaryX < boundaryPx && boundaryX + boundaryWidth > frameWidth * 0.8) &&
+            // If either the left side visible or if not, right edge of ID should be more than 80% of width.
+            boundaryX + boundaryWidth + boundaryPx < frameWidth; // Valid right edge if it's less than video width.
+          }
           focusPrediction = null, focusPredictionTime = 0, focusScore = 0, focusThresholdMet = false;
-          if (!detectionThresholdMet) return [3 /*break*/, 3];
+          if (!(detectionThresholdMet && documentInBounds)) return [3 /*break*/, 3];
           return [4 /*yield*/, makeFocusPrediction(frame, bestDocumentOrPassport === null || bestDocumentOrPassport === void 0 ? void 0 : bestDocumentOrPassport.bbox, logPredictions)];
         case 2:
-          _p = _q.sent(), focusPrediction = _p[0], focusPredictionTime = _p[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;
-          focusThresholdMet = focusScore >= ((_k = thresholds.focus) !== null && _k !== void 0 ? _k : 0);
-          _q.label = 3;
+          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;
+          _t.label = 3;
         case 3:
           return [2 /*return*/, {
             detectedObjects: detectedObjects,
@@ -9053,6 +9043,7 @@ function makePredictions(frame, lastPredictionCanvas, thresholds, logPredictions
             bestDocumentOrPassport: bestDocumentOrPassport,
             bestMrz: bestMrz,
             bestPdf417: bestPdf417,
+            documentInBounds: documentInBounds,
             focusScore: focusScore,
             focusThresholdMet: focusThresholdMet,
             focusPredictionTime: focusPredictionTime,
@@ -9722,6 +9713,7 @@ var reducer$5 = function reducer(state, action) {
         bestDocumentOrPassport = _a.bestDocumentOrPassport,
         bestMrz = _a.bestMrz,
         bestPdf417 = _a.bestPdf417,
+        documentInBounds = _a.documentInBounds,
         focusScore = _a.focusScore,
         focusThresholdMet = _a.focusThresholdMet,
         frameWidth = _a.frameWidth,
@@ -9735,26 +9727,6 @@ var reducer$5 = function reducer(state, action) {
           goodFramesThreshold = Math.ceil(3 * frameCaptureRate);
         }
       }
-      var documentInBounds = false;
-      if (bestDocumentOrPassport) {
-        var boundaryPx = 20;
-        var _b = bestDocumentOrPassport.bbox,
-          boundaryX = _b[0],
-          boundaryY = _b[1],
-          boundaryWidth = _b[2],
-          boundaryHeight = _b[3];
-        boundaryX *= frameWidth;
-        boundaryWidth *= frameWidth;
-        boundaryY *= frameHeight;
-        boundaryHeight *= frameHeight;
-        documentInBounds = boundaryY > boundaryPx &&
-        // Is it valid top edge of ID detected?
-        boundaryY + boundaryHeight + boundaryPx < frameHeight && (
-        // Is it valid bottom edge less than max video height
-        boundaryX > boundaryPx || boundaryX < boundaryPx && boundaryX + boundaryWidth > frameWidth * 0.8) &&
-        // If either the left side visible or if not, right edge of ID should be more than 80% of width.
-        boundaryX + boundaryWidth + boundaryPx < frameWidth; // Valid right edge if it's less than video width.
-      }
       var barcodeScanRequired = state.autoCaptureBarcodeRequired === true || state.autoCaptureBarcodeRequired === 'mobile' && isMobile();
       var shouldScanBarcode = state.barcodeScanningEnabled && pdf417DetectionThresholdMet && barcodeScanRequired;
       var waitingForBarcodeScan = shouldScanBarcode && !state.barcodeResult;
@@ -9925,7 +9897,9 @@ var IdCapture = function IdCapture(_a) {
       passport: passportPageDetectionThreshold,
       mrz: mrzDetectionScoreThreshold,
       pdf417: pdf417DetectionThreshold,
-      focus: focusScoreThreshold
+      focus: {
+        mobile: focusScoreThreshold
+      }
     });
   }, [requiredDocumentType, autoCaptureScoreThreshold, focusScoreThreshold, mrzDetectionScoreThreshold, autoCaptureGoodFramesRequired, autoCaptureBarcodeRequired, barcodeScanningEnabled, maxBarcodeScanAttempts, passportPageDetectionThreshold, pdf417DetectionThreshold, resetBestFrame, setThresholds]);
   var animationFrame = React.useRef(0);
@@ -13592,7 +13566,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
     setThresholds({
       document: idCardFrontDetectionThreshold,
       passport: 1,
-      focus: idCardFrontFocusThreshold
+      focus: {
+        mobile: idCardFrontFocusThreshold
+      }
     });
   }, [idCardFrontDetectionThreshold, idCardFrontFocusThreshold, setThresholds]);
   var _4 = React.useState(0),