astra-sdk-web 1.1.7 → 1.1.8

package/dist/components.cjs.js

@@ -749,6 +749,8 @@ var FaceMeshService = class {
       }
       this.processLiveness(faceOnCanvas, w, h);
     } else {
+      this.livenessStateRef.current.currentYaw = null;
+      this.livenessStateRef.current.currentAbsYaw = null;
       const vid = this.videoRef.current;
       if (vid) {
         const vidW = Math.max(1, vid?.videoWidth || displayW);
@@ -792,6 +794,8 @@ var FaceMeshService = class {
       const midX = (leftEyeOuter.x + rightEyeOuter.x) / 2;
       const yaw = (nT.x - midX) / Math.max(1e-6, faceWidth);
       const absYaw = Math.abs(yaw);
+      this.livenessStateRef.current.currentYaw = yaw;
+      this.livenessStateRef.current.currentAbsYaw = absYaw;
       const xs = faceOnCanvas.map((p) => p.x), ys = faceOnCanvas.map((p) => p.y);
       const minX = Math.min(...xs) * w, maxX = Math.max(...xs) * w;
       const minY = Math.min(...ys) * h, maxY = Math.max(...ys) * h;
@@ -818,11 +822,13 @@ var FaceMeshService = class {
         } else if (absYaw < centerThreshold) {
           state.centerHold += 1;
           if (state.centerHold >= holdFramesCenter) {
-            const newStage = "LEFT";
-            state.stage = newStage;
-            state.centerHold = 0;
-            if (this.callbacks.onLivenessUpdate) {
-              this.callbacks.onLivenessUpdate(newStage, "Turn your face LEFT");
+            if (!state.livenessCompleted) {
+              const newStage = "LEFT";
+              state.stage = newStage;
+              state.centerHold = 0;
+              if (this.callbacks.onLivenessUpdate) {
+                this.callbacks.onLivenessUpdate(newStage, "Turn your face LEFT");
+              }
             }
           }
         } else {
@@ -861,16 +867,12 @@ var FaceMeshService = class {
           state.rightHold += 1;
           if (state.rightHold >= holdFramesTurn) {
             state.rightHold = 0;
-            if (!state.snapTriggered) {
-              state.snapTriggered = true;
-              const newStage = "DONE";
-              state.stage = newStage;
-              if (this.callbacks.onLivenessUpdate) {
-                this.callbacks.onLivenessUpdate(newStage, "Capturing...");
-              }
-              if (this.callbacks.onCaptureTrigger) {
-                this.callbacks.onCaptureTrigger();
-              }
+            state.livenessCompleted = true;
+            const newStage = "DONE";
+            state.stage = newStage;
+            state.centerHold = 0;
+            if (this.callbacks.onLivenessUpdate) {
+              this.callbacks.onLivenessUpdate(newStage, "Great! Now look straight at the camera");
             }
           }
         } else {
@@ -879,6 +881,28 @@ var FaceMeshService = class {
             this.callbacks.onLivenessUpdate(state.stage, yaw < -0.08 ? "You're facing left. Turn RIGHT" : "Turn a bit more RIGHT");
           }
         }
+      } else if (state.stage === "DONE") {
+        if (absYaw < centerThreshold && insideGuide) {
+          state.centerHold += 1;
+          if (state.centerHold >= holdFramesCenter && !state.snapTriggered) {
+            state.snapTriggered = true;
+            if (this.callbacks.onLivenessUpdate) {
+              this.callbacks.onLivenessUpdate(state.stage, "Capturing...");
+            }
+            if (this.callbacks.onCaptureTrigger) {
+              this.callbacks.onCaptureTrigger();
+            }
+          }
+        } else {
+          state.centerHold = 0;
+          if (this.callbacks.onLivenessUpdate) {
+            if (!insideGuide) {
+              this.callbacks.onLivenessUpdate(state.stage, "Center your face inside the circle");
+            } else {
+              this.callbacks.onLivenessUpdate(state.stage, "Please look straight at the camera");
+            }
+          }
+        }
       }
     }
   }
@@ -1014,7 +1038,10 @@ function useFaceScan(videoRef, canvasRef, callbacks) {
     snapTriggered: false,
     lastResultsAt: 0,
     stage: "CENTER",
-    livenessReady: false
+    livenessReady: false,
+    currentYaw: null,
+    currentAbsYaw: null,
+    livenessCompleted: false
   });
   React.useEffect(() => {
     livenessStateRef.current.centerHold = refs.centerHold.current;
@@ -1035,6 +1062,22 @@ function useFaceScan(videoRef, canvasRef, callbacks) {
   }, []);
   const handleFaceCapture = React.useCallback(async () => {
     if (!videoRef.current) return;
+    const centerThreshold = 0.05;
+    const currentAbsYaw = livenessStateRef.current.currentAbsYaw;
+    if (currentAbsYaw === null || currentAbsYaw === void 0) {
+      setState((prev) => ({
+        ...prev,
+        livenessInstruction: "Please position your face in front of the camera"
+      }));
+      return;
+    }
+    if (currentAbsYaw >= centerThreshold) {
+      setState((prev) => ({
+        ...prev,
+        livenessInstruction: "Please look straight at the camera before capturing"
+      }));
+      return;
+    }
     setState((prev) => ({ ...prev, loading: true }));
     try {
       const video = videoRef.current;
@@ -1257,7 +1300,7 @@ function FaceScanModal({ onComplete }) {
         const errorData = error?.errorData || {};
         if (errorMessage.includes("Face already registered") || errorMessage.includes("already registered") || errorData?.message?.includes("Face already registered") || error?.statusCode === 500 && errorMessage.includes("Face")) {
           setToast({
-            message: "Face has already been registered for this session. Proceeding to document upload.",
+            message: "Face already registered",
             type: "warning"
           });
           return;