idmission-web-sdk 1.0.171 → 1.0.173

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

@@ -34,6 +34,7 @@ export type IdCaptureVerbiage = {
     guidanceSatisfiedText?: CustomerSuppliedVerbiage;
     guidanceTooBlurryText?: CustomerSuppliedVerbiage;
     guidanceNotCenteredText?: CustomerSuppliedVerbiage;
+    guidanceTooCloseText?: CustomerSuppliedVerbiage;
     guidanceNotDetectedText?: CustomerSuppliedVerbiage;
 };
 export type IdCaptureProps = {

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

@@ -17,6 +17,7 @@ export type IdCapturePrediction = {
     bestMrz: DetectedObject | undefined;
     bestPdf417: DetectedObject | undefined;
     documentInBounds: boolean;
+    documentTooClose: boolean;
     focusScore: number;
     focusThresholdMet: boolean;
     focusPredictionTime: number;

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

@@ -24,6 +24,7 @@ export type IdCaptureState = {
     documentType: DocumentType;
     requiredDocumentType?: CapturedDocumentType;
     documentInBounds: boolean;
+    documentTooClose: boolean;
     documentDetectionScore: number;
     documentDetectionThresholdMet: boolean;
     mrzDetectionScore: number;

package/dist/lib/locales/es/translation.d.ts

@@ -20,6 +20,7 @@ declare const _default: {
     Passport: string;
     'Document not detected': string;
     'Document is not centered': string;
+    'Document too close, please back up': string;
     'Document out of focus \u2013 try improving the lighting': string;
     'Document detected, hold still...': string;
     'Capturing...': string;

package/dist/lib/locales/index.d.ts

@@ -28,6 +28,7 @@ export declare const resources: {
             Passport: string;
             'Document not detected': string;
             'Document is not centered': string;
+            'Document too close, please back up': string;
             'Document out of focus \u2013 try improving the lighting': string;
             'Document detected, hold still...': string;
             'Capturing...': string;

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.171';
+var webSdkVersion = '1.0.173';
 
 function getPlatform() {
   if (typeof window === 'undefined') return;
@@ -8873,16 +8873,16 @@ function makePredictions(frame, lastPredictionCanvas, thresholds, logPredictions
     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, focusPrediction, focusPredictionTime, focusScore, focusThresholdMet, focusThreshold;
-    var _s;
-    return tslib.__generator(this, function (_t) {
-      switch (_t.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, documentTooClose, _s, docWidth, docHeight, focusPrediction, focusPredictionTime, focusScore, focusThresholdMet, focusThreshold;
+    var _t;
+    return tslib.__generator(this, function (_u) {
+      switch (_u.label) {
         case 0:
           _o = getFrameDimensions(frame), frameWidth = _o[0], frameHeight = _o[1];
           drawToCanvas(lastPredictionCanvas, frame);
           return [4 /*yield*/, makeDocumentDetectionPredictions(frame, logPredictions)];
         case 1:
-          _q = _t.sent(), boxes = _q.boxes, scores = _q.scores, labels = _q.labels, time = _q.time;
+          _q = _u.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;
@@ -8935,15 +8935,20 @@ function makePredictions(frame, lastPredictionCanvas, thresholds, logPredictions
             // 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.
           }
+          documentTooClose = false;
+          if (bestDocumentOrPassport) {
+            _s = [bestDocumentOrPassport.bbox[2], bestDocumentOrPassport.bbox[3]], docWidth = _s[0], docHeight = _s[1];
+            documentTooClose = docWidth > 0.8 || docHeight > 0.8;
+          }
           focusPrediction = null, focusPredictionTime = 0, focusScore = 0, focusThresholdMet = false;
-          if (!(detectionThresholdMet && documentInBounds)) return [3 /*break*/, 3];
+          if (!(detectionThresholdMet && documentInBounds && !documentTooClose)) return [3 /*break*/, 3];
           return [4 /*yield*/, makeFocusPrediction(frame, bestDocumentOrPassport === null || bestDocumentOrPassport === void 0 ? void 0 : bestDocumentOrPassport.bbox, logPredictions)];
         case 2:
-          _s = _t.sent(), focusPrediction = _s[0], focusPredictionTime = _s[1];
+          _t = _u.sent(), focusPrediction = _t[0], focusPredictionTime = _t[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;
-          _t.label = 3;
+          _u.label = 3;
         case 3:
           return [2 /*return*/, {
             detectedObjects: detectedObjects,
@@ -8961,6 +8966,7 @@ function makePredictions(frame, lastPredictionCanvas, thresholds, logPredictions
             bestMrz: bestMrz,
             bestPdf417: bestPdf417,
             documentInBounds: documentInBounds,
+            documentTooClose: documentTooClose,
             focusScore: focusScore,
             focusThresholdMet: focusThresholdMet,
             focusPredictionTime: focusPredictionTime,
@@ -9057,20 +9063,36 @@ function makeFocusPrediction(imageData, bbox, logPredictions) {
     logPredictions = false;
   }
   return tslib.__awaiter(this, void 0, void 0, function () {
-    var startedAt, tfImg, tfResize, tfInt32, tf4d_, _a, _b, _c, _d, tf4d, predictions, focusPrediction, predictionTime;
-    return tslib.__generator(this, function (_e) {
-      switch (_e.label) {
+    var startedAt, tfImg, cropped, _a, fw, fh, _b, bw, bh, rotated, ctx, tfResize, tfInt32, tf4d_, _c, _d, _e, _f, tf4d, predictions, focusPrediction, predictionTime;
+    return tslib.__generator(this, function (_g) {
+      switch (_g.label) {
         case 0:
           if (!focusModel) {
             throw new Error('focus model is not loaded');
           }
           startedAt = new Date();
-          _e.label = 1;
+          _g.label = 1;
         case 1:
-          _e.trys.push([1, 5,, 6]);
+          _g.trys.push([1, 5,, 6]);
           tfImg = void 0;
           if (bbox) {
-            tfImg = tf__namespace.browser.fromPixels(cropToBoundingBox(imageData, bbox));
+            cropped = cropToBoundingBox(imageData, bbox);
+            _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');
+              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.rotate(1.5708); // 90 deg in radians
+                ctx.drawImage(cropped, -rotated.width / 2, -rotated.height / 2);
+                cropped = rotated;
+              }
+            }
+            tfImg = tf__namespace.browser.fromPixels(cropped);
           } else {
             tfImg = tf__namespace.browser.fromPixels(imageData);
           }
@@ -9078,28 +9100,28 @@ function makeFocusPrediction(imageData, bbox, logPredictions) {
           tfImg.dispose();
           tfInt32 = tf__namespace.cast(tfResize, 'float32');
           tfResize.dispose();
-          _b = (_a = tf__namespace).tensor4d;
-          _d = (_c = Array).from;
+          _d = (_c = tf__namespace).tensor4d;
+          _f = (_e = Array).from;
           return [4 /*yield*/, tfInt32.data()];
         case 2:
-          tf4d_ = _b.apply(_a, [_d.apply(_c, [_e.sent()]), [1, 448, 448, 3]]);
+          tf4d_ = _d.apply(_c, [_f.apply(_e, [_g.sent()]), [1, 448, 448, 3]]);
           tfInt32.dispose();
           tf4d = tf__namespace.cast(tf4d_, 'float32');
           tf4d_.dispose();
           if (logPredictions) console.time('focus prediction');
           return [4 /*yield*/, focusModel.predict(tf4d)];
         case 3:
-          predictions = _e.sent();
+          predictions = _g.sent();
           tf4d.dispose();
           return [4 /*yield*/, predictions.array()];
         case 4:
-          focusPrediction = _e.sent()[0];
+          focusPrediction = _g.sent()[0];
           if (logPredictions) console.timeEnd('focus prediction');
           tf__namespace.dispose(predictions);
           predictionTime = new Date().getTime() - startedAt.getTime();
           return [2 /*return*/, [focusPrediction, predictionTime]];
         case 5:
-          _e.sent();
+          _g.sent();
           return [2 /*return*/, [[0, 0], 0]];
         case 6:
           return [2 /*return*/];
@@ -9149,6 +9171,7 @@ var initialState$5 = {
   bestPdf417: undefined,
   documentType: 'none',
   documentInBounds: false,
+  documentTooClose: false,
   documentDetectionScore: 0,
   documentDetectionThresholdMet: false,
   passportPageDetectionScore: 0,
@@ -9233,6 +9256,7 @@ var reducer$5 = function reducer(state, action) {
         bestMrz = _a.bestMrz,
         bestPdf417 = _a.bestPdf417,
         documentInBounds = _a.documentInBounds,
+        documentTooClose = _a.documentTooClose,
         focusScore = _a.focusScore,
         focusThresholdMet = _a.focusThresholdMet,
         frameWidth = _a.frameWidth,
@@ -9249,7 +9273,7 @@ var reducer$5 = function reducer(state, action) {
       var barcodeScanRequired = state.autoCaptureBarcodeRequired === true || state.autoCaptureBarcodeRequired === 'mobile' && isMobile();
       var shouldScanBarcode = state.barcodeScanningEnabled && pdf417DetectionThresholdMet && barcodeScanRequired;
       var waitingForBarcodeScan = shouldScanBarcode && !state.barcodeResult;
-      var isGoodFrame = detectionThresholdMet && documentInBounds && focusThresholdMet;
+      var isGoodFrame = detectionThresholdMet && documentInBounds && !documentTooClose && focusThresholdMet;
       var goodFramesCount = state.goodFramesCount;
       if (isGoodFrame) {
         goodFramesCount += 1;
@@ -9263,6 +9287,7 @@ var reducer$5 = function reducer(state, action) {
         bestPdf417: bestPdf417,
         documentType: detectedDocumentType,
         documentInBounds: documentInBounds,
+        documentTooClose: documentTooClose,
         documentDetectionScore: detectionScore,
         documentDetectionThresholdMet: detectionThresholdMet,
         mrzDetectionScore: mrzDetectionScore,
@@ -9576,6 +9601,7 @@ var esTranslation = {
   Passport: 'Pasaporte',
   'Document not detected': 'No se ha detectado el documento',
   'Document is not centered': 'Documento no centrado',
+  'Document too close, please back up': 'Documento muy cerca, favor de alejarse',
   'Document out of focus – try improving the lighting': 'Documento no enfocado - hay que tratar de mejorar la iluminación',
   'Document detected, hold still...': 'Se ha detectado el documento, no moverse por favor...',
   'Capturing...': 'Capturando...',
@@ -9977,6 +10003,7 @@ var IdCapture = function IdCapture(_a) {
     guidanceSatisfiedText: 'Document detected, hold still...',
     guidanceTooBlurryText: 'Document out of focus – try improving the lighting',
     guidanceNotCenteredText: 'Document is not centered',
+    guidanceTooCloseText: 'Document too close, please back up',
     guidanceNotDetectedText: 'Document not detected'
   });
   var debugScalingDetails = useDebugScalingDetails({
@@ -9988,7 +10015,7 @@ var IdCapture = function IdCapture(_a) {
   });
   var satisfied = state.isGoodFrame;
   if (typeof guidanceSatisfied === 'boolean') satisfied = guidanceSatisfied;
-  guidanceMessage || (guidanceMessage = satisfied ? verbiage.guidanceSatisfiedText : !state.documentDetectionThresholdMet ? verbiage.guidanceNotDetectedText : !state.documentInBounds ? verbiage.guidanceNotCenteredText : !state.focusThresholdMet ? verbiage.guidanceTooBlurryText : '');
+  guidanceMessage || (guidanceMessage = satisfied ? verbiage.guidanceSatisfiedText : !state.documentDetectionThresholdMet ? verbiage.guidanceNotDetectedText : !state.documentInBounds ? verbiage.guidanceNotCenteredText : state.documentTooClose ? verbiage.guidanceTooCloseText : !state.focusThresholdMet ? verbiage.guidanceTooBlurryText : '');
   return /*#__PURE__*/React__default['default'].createElement(PageContainer, {
     ref: ref,
     className: "flex ".concat((_j = classNames.container) !== null && _j !== void 0 ? _j : '')