astra-sdk-web 1.1.7 → 1.1.9

package/dist/components.cjs.js

@@ -14,6 +14,12 @@ var React__default = /*#__PURE__*/_interopDefault(React);
 // src/components/KycFlow.tsx
 
 // src/services/kycApiService.ts
+var COMPLETED_STEPS = {
+  INITIATED: "initiated",
+  FACE: "face_scan",
+  DOCS: "document_upload",
+  COMPLETED: "completed"
+};
 var KycApiService = class {
   config;
   constructor(config) {
@@ -436,7 +442,17 @@ function DocumentUploadModal({ onComplete }) {
     const checkSession = async () => {
       if (!apiService) return;
       try {
-        await apiService.checkSessionActive();
+        const statusResponse = await apiService.getSessionStatus();
+        const { completed_steps, next_step, status } = statusResponse.data;
+        if (status !== "ACTIVE") {
+          throw new Error("Session expired or inactive");
+        }
+        if (completed_steps.includes(COMPLETED_STEPS.DOCS)) {
+          console.log("Document already uploaded");
+        }
+        if (next_step === COMPLETED_STEPS.FACE && !completed_steps.includes(COMPLETED_STEPS.FACE)) {
+          console.warn("Face scan not completed, but in document upload modal");
+        }
         setSessionError(null);
       } catch (error) {
         const message = error.message || "Session expired or inactive";
@@ -749,6 +765,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 +810,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 +838,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 +883,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 +897,25 @@ 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") {
+        const reducedThreshold = 0.08;
+        if (absYaw < reducedThreshold) {
+          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) {
+            this.callbacks.onLivenessUpdate(state.stage, "Please look straight at the camera");
+          }
+        }
       }
     }
   }
@@ -1014,7 +1051,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 +1075,22 @@ function useFaceScan(videoRef, canvasRef, callbacks) {
   }, []);
   const handleFaceCapture = React.useCallback(async () => {
     if (!videoRef.current) return;
+    const reducedThreshold = 0.08;
+    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 >= reducedThreshold) {
+      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 +1313,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;
@@ -1275,7 +1331,21 @@ function FaceScanModal({ onComplete }) {
     const checkSession = async () => {
       if (!apiService) return;
       try {
-        await apiService.checkSessionActive();
+        const statusResponse = await apiService.getSessionStatus();
+        const { completed_steps, next_step, status } = statusResponse.data;
+        if (status !== "ACTIVE") {
+          throw new Error("Session expired or inactive");
+        }
+        if (completed_steps.includes(COMPLETED_STEPS.FACE)) {
+          setState((prev) => ({ ...prev, showDocumentUpload: true }));
+          return;
+        }
+        if (next_step !== COMPLETED_STEPS.FACE && next_step !== COMPLETED_STEPS.INITIATED) {
+          if (next_step === COMPLETED_STEPS.DOCS) {
+            setState((prev) => ({ ...prev, showDocumentUpload: true }));
+            return;
+          }
+        }
         setSessionError(null);
       } catch (error) {
         const message = error.message || "Session expired or inactive";
@@ -1286,7 +1356,7 @@ function FaceScanModal({ onComplete }) {
       }
     };
     checkSession();
-  }, [apiService, navigate]);
+  }, [apiService, navigate, setState]);
   React.useEffect(() => {
     setState((prev) => ({ ...prev, cameraReady }));
   }, [cameraReady, setState]);