idmission-web-sdk 2.3.78 → 2.3.79

package/dist/sdk2.esm.js

@@ -205,7 +205,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
   return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-var webSdkVersion = '2.3.78';
+var webSdkVersion = '2.3.79';
 
 function getPlatform() {
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -2854,7 +2854,29 @@ function processFaceDetectorPrediction(_a) {
     _c = _a.stabilityThreshold,
     stabilityThreshold = _c === void 0 ? 0.7 : _c,
     _d = _a.noseDistanceThreshold,
-    noseDistanceThreshold = _d === void 0 ? 0.025 : _d;
+    noseDistanceThreshold = _d === void 0 ? 0.025 : _d,
+    _e = _a.xBoundary,
+    xBoundary = _e === void 0 ? 0.01 : _e,
+    // this represents the edge that the sides of the face box should not cross -- 1% of video width
+    _f = _a.yBoundary,
+    // this represents the edge that the sides of the face box should not cross -- 1% of video width
+    yBoundary = _f === void 0 ? 0.01 : _f,
+    // this represents the edge that the top or bottom of the face box should not cross -- 1% of video height
+    _g = _a.xCentroidBoundary,
+    // this represents the edge that the top or bottom of the face box should not cross -- 1% of video height
+    xCentroidBoundary = _g === void 0 ? 0.125 : _g,
+    // this represents the edge that the centroid of the face should not cross -- 12.5% of video width
+    _h = _a.yCentroidBoundary,
+    // this represents the edge that the centroid of the face should not cross -- 12.5% of video width
+    yCentroidBoundary = _h === void 0 ? 0.125 : _h,
+    // this represents the edge that the centroid of the face should not cross -- 12.5% of video height
+    _j = _a.foreheadRatio,
+    // this represents the edge that the centroid of the face should not cross -- 12.5% of video height
+    foreheadRatio = _j === void 0 ? 0.275 : _j,
+    // we found that the bounding box ends at the brow and misses the forehead. this ratio represents how much we should extend the box to include the forehead.
+    _k = _a.noseTrackingThreshold,
+    // we found that the bounding box ends at the brow and misses the forehead. this ratio represents how much we should extend the box to include the forehead.
+    noseTrackingThreshold = _k === void 0 ? 0.2 : _k;
   var face = faces[0];
   var faceNotDetected = faces.length === 0;
   var faceNotCentered = false,
@@ -2862,28 +2884,37 @@ function processFaceDetectorPrediction(_a) {
     faceTooClose = false,
     faceTooFar = false;
   if (face) {
-    // calculate centroids
-    var vCX = videoWidth / 2;
-    var vCY = videoHeight / 2;
-    var fCX = (face.box.xMin + face.box.xMax) / 2;
-    var fCY = (face.box.yMin + face.box.yMax) / 2;
+    // calculate frame centroids
+    var frameCX = videoWidth / 2;
+    var frameCY = videoHeight / 2;
+    // calculate head bounding box, with forehead extension
+    var foreheadSize = face.box.height * foreheadRatio;
+    var headXMin = face.box.xMin;
+    var headXMax = face.box.xMax;
+    var headYMin = face.box.yMin - foreheadSize;
+    var headYMax = face.box.yMax;
+    // calculate head centroids
+    var headCX = (headXMin + headXMax) / 2;
+    var headCY = (headYMin + headYMax) / 2;
     // calculate thresholds
-    var vTX = videoWidth * 0.125;
-    var vTY = videoHeight * 0.125;
-    var fTW = face.box.width * 0.2;
-    var fTH = face.box.height * 0.2;
-    var nose = face.keypoints[2]; //.find((k) => k.name === 'noseTip')
-    if (nose) {
-      faceLookingAway = Math.abs(fCX - nose.x) > fTW || Math.abs(fCY - nose.y) > fTH;
-      var faceNotCenteredHorizontally = Math.abs(vCX - fCX) > vTX;
-      var faceNotCenteredVertically = Math.abs(vCY + 50 - fCY) > vTY;
-      faceNotCentered = faceNotCenteredHorizontally || requireVerticalFaceCentering && faceNotCenteredVertically;
-    }
+    var vTX = videoWidth * xBoundary;
+    var vTY = videoHeight * yBoundary;
+    var vCTX = videoWidth * xCentroidBoundary;
+    var vCTY = videoHeight * yCentroidBoundary;
+    var faceNotCenteredHorizontally = Math.abs(frameCX - headCX) > vCTX;
+    var faceNotCenteredVertically = Math.abs(frameCY - headCY) > vCTY;
+    var faceViolatesHorizontalBoundary = headXMin < vTX || headXMax > videoWidth - vTX;
+    var faceViolatesVerticalBoundary = headYMin < vTY || headYMax > videoHeight - vTY;
+    faceNotCentered = faceViolatesHorizontalBoundary || faceViolatesVerticalBoundary || faceNotCenteredHorizontally || requireVerticalFaceCentering && faceNotCenteredVertically;
     var isMobile = videoWidth < videoHeight;
     var tooCloseMultiple = 1.5;
     var tooFarMultiple = isMobile ? 6 : 7;
     faceTooClose = face.box.width > videoWidth / tooCloseMultiple;
     faceTooFar = face.box.width < videoWidth / tooFarMultiple;
+    var nose = face.keypoints[2];
+    var fTW = face.box.width * noseTrackingThreshold;
+    var fTH = face.box.height * noseTrackingThreshold;
+    faceLookingAway = !nose || Math.abs(headCX - nose.x) > fTW || Math.abs(headCY - nose.y) > fTH;
   }
   var faceInGuides = !faceNotDetected && !faceNotCentered && !faceLookingAway && !faceTooClose && !faceTooFar;
   if (lastFaceDetectionTime > 0) {
@@ -10695,7 +10726,7 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
         });
       }
     });
-  }, [onPredictionMade, resetBestFrame]);
+  }, [documentDetectionThrottleMs, onDocumentDetected, onPredictionMade, resetBestFrame]);
   useEffect(function () {
     if (state.captureState === 'complete') stop();
   }, [state.captureState, stop]);
@@ -14083,12 +14114,10 @@ function VideoSignatureGuides(_a) {
   }, /*#__PURE__*/React__default.createElement(Inner$1, {
     className: classNames.inner
   }, /*#__PURE__*/React__default.createElement(FaceGuideContainer$1, {
+    className: classNames.faceGuideContainer,
     style: {
-      opacity: mode === 'both' || mode === 'face' ? 1 : 0,
-      transitionDelay: '2s',
-      transition: 'opacity 500ms ease-in-out'
-    },
-    className: classNames.faceGuideContainer
+      opacity: mode === 'both' || mode === 'face' ? 1 : 0
+    }
   }, /*#__PURE__*/React__default.createElement(StyledSelfieCaptureAnimatedMask, {
     className: classNames.faceGuide,
     status: requestedAction === 'VERIFY_LIVENESS' ? faceGuideStatus : 'success',
@@ -14096,12 +14125,10 @@ function VideoSignatureGuides(_a) {
     borderColor: faceGuideBorderColor,
     verticalAlign: "bottom"
   })), /*#__PURE__*/React__default.createElement(SignaturePadContainer, {
+    className: classNames.signaturePadContainer,
     style: {
-      opacity: mode === 'both' || mode === 'signature' ? 1 : 0,
-      transitionDelay: '2s',
-      transition: 'opacity 500ms ease-in-out'
-    },
-    className: classNames.signaturePadContainer
+      opacity: mode === 'both' || mode === 'signature' ? 1 : 0
+    }
   }, /*#__PURE__*/React__default.createElement(VideoSignaturePad, {
     onAcceptBtnClicked: onAcceptBtnClicked,
     onClearBtnClicked: onClearBtnClicked,
@@ -14117,9 +14144,9 @@ var Container$3 = styled.div(templateObject_1$a || (templateObject_1$a = __makeT
   return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
 });
 var Inner$1 = styled.div(templateObject_2$9 || (templateObject_2$9 = __makeTemplateObject(["\n  width: 100%;\n  height: 100%;\n  max-height: 1280px;\n  display: flex;\n  margin: auto;\n  align-items: center;\n  flex-direction: column;\n"], ["\n  width: 100%;\n  height: 100%;\n  max-height: 1280px;\n  display: flex;\n  margin: auto;\n  align-items: center;\n  flex-direction: column;\n"])));
-var FaceGuideContainer$1 = styled.div(templateObject_3$8 || (templateObject_3$8 = __makeTemplateObject(["\n  position: relative;\n  height: 50%;\n"], ["\n  position: relative;\n  height: 50%;\n"])));
+var FaceGuideContainer$1 = styled.div(templateObject_3$8 || (templateObject_3$8 = __makeTemplateObject(["\n  position: relative;\n  height: 50%;\n  transition: opacity 500ms ease-in-out;\n  transition-delay: 2s;\n"], ["\n  position: relative;\n  height: 50%;\n  transition: opacity 500ms ease-in-out;\n  transition-delay: 2s;\n"])));
 var StyledSelfieCaptureAnimatedMask = styled(SelfieCaptureAnimatedMaskWithStatus)(templateObject_4$4 || (templateObject_4$4 = __makeTemplateObject(["\n  max-width: 100%;\n  height: 100%;\n"], ["\n  max-width: 100%;\n  height: 100%;\n"])));
-var SignaturePadContainer = styled.div(templateObject_5$3 || (templateObject_5$3 = __makeTemplateObject(["\n  position: relative;\n  max-width: 100%;\n  height: 50%;\n  aspect-ratio: 2;\n"], ["\n  position: relative;\n  max-width: 100%;\n  height: 50%;\n  aspect-ratio: 2;\n"])));
+var SignaturePadContainer = styled.div(templateObject_5$3 || (templateObject_5$3 = __makeTemplateObject(["\n  position: relative;\n  max-width: 100%;\n  height: 50%;\n  aspect-ratio: 2;\n  transition: opacity 500ms ease-in-out;\n  transition-delay: 2s;\n"], ["\n  position: relative;\n  max-width: 100%;\n  height: 50%;\n  aspect-ratio: 2;\n  transition: opacity 500ms ease-in-out;\n  transition-delay: 2s;\n"])));
 var templateObject_1$a, templateObject_2$9, templateObject_3$8, templateObject_4$4, templateObject_5$3;
 
 var DEFAULT_MIN_SIGNATURE_PAD_POINTS = 10;
@@ -14688,7 +14715,7 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
       component: guidesComponent,
       showFaceGuideThenSignaturePad: showFaceGuideThenSignaturePad
     }));
-  }, [captureAudio, classNames === null || classNames === void 0 ? void 0 : classNames.guides, guidesComponent, restartVideoOnSignaturePadCleared, verbiage === null || verbiage === void 0 ? void 0 : verbiage.guides]);
+  }, [captureAudio, classNames === null || classNames === void 0 ? void 0 : classNames.guides, guidesComponent, restartVideoOnSignaturePadCleared, showFaceGuideThenSignaturePad, verbiage === null || verbiage === void 0 ? void 0 : verbiage.guides]);
   var onExitAfterFailureProp = faceLivenessProps === null || faceLivenessProps === void 0 ? void 0 : faceLivenessProps.onExitAfterFailure;
   var onExitAfterFailure = useCallback(function (resp, req) {
     onExitAfterFailureProp === null || onExitAfterFailureProp === void 0 ? void 0 : onExitAfterFailureProp(resp, req);