astra-sdk-web 1.1.8 → 1.1.9

package/dist/index.d.ts

@@ -76,10 +76,6 @@ declare class ApiClient {
     getConfig(): Required<AstraSDKConfig>;
 }
 
-/**
- * KYC API Service
- * Handles all KYC-related API calls (face scan, document upload, status check)
- */
 interface KycApiConfig {
     apiBaseUrl: string;
     sessionId: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "astra-sdk-web",
-  "version": "1.1.8",
+  "version": "1.1.9",
   "description": "Official Astra SDK for JavaScript/TypeScript",
   "type": "module",
   "main": "./dist/astra-sdk.cjs.js",

package/src/features/faceScan/hooks/useFaceScan.ts

@@ -78,8 +78,8 @@ export function useFaceScan(
   const handleFaceCapture = useCallback(async () => {
     if (!videoRef.current) return;
     
-    // Check if face is straight before capturing
-    const centerThreshold = 0.05;
+    // Check if face is straight before capturing (reduced threshold, no center check)
+    const reducedThreshold = 0.08; // More lenient threshold - only check if face is straight
     const currentAbsYaw = livenessStateRef.current.currentAbsYaw;
     
     if (currentAbsYaw === null || currentAbsYaw === undefined) {
@@ -90,7 +90,7 @@ export function useFaceScan(
       return;
     }
     
-    if (currentAbsYaw >= centerThreshold) {
+    if (currentAbsYaw >= reducedThreshold) {
       setState(prev => ({
         ...prev,
         livenessInstruction: "Please look straight at the camera before capturing",

package/src/pages/DocumentUploadModal.tsx

@@ -2,6 +2,7 @@ import { useState, useEffect } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { useDocumentUpload } from '../features/documentUpload/hooks/useDocumentUpload';
 import { useKycContext } from '../contexts/KycContext';
+import { COMPLETED_STEPS } from '../services/kycApiService';
 import type { DocumentType } from '../features/documentUpload/types';
 
 interface DocumentUploadModalProps {
@@ -47,7 +48,26 @@ function DocumentUploadModal({ onComplete }: DocumentUploadModalProps) {
       if (!apiService) return;
       
       try {
-        await apiService.checkSessionActive();
+        const statusResponse = await apiService.getSessionStatus();
+        const { completed_steps, next_step, status } = statusResponse.data;
+        
+        // Check if session is active
+        if (status !== 'ACTIVE') {
+          throw new Error('Session expired or inactive');
+        }
+        
+        // If document_upload is already completed, show completion message
+        if (completed_steps.includes(COMPLETED_STEPS.DOCS)) {
+          // Document already uploaded, could show completion or redirect
+          console.log('Document already uploaded');
+        }
+        
+        // If next_step is not document_upload and face_scan is not completed, redirect to face scan
+        if (next_step === COMPLETED_STEPS.FACE && !completed_steps.includes(COMPLETED_STEPS.FACE)) {
+          // Should not happen if we're in document upload modal, but handle it
+          console.warn('Face scan not completed, but in document upload modal');
+        }
+        
         setSessionError(null);
       } catch (error: any) {
         const message = error.message || 'Session expired or inactive';

package/src/pages/FaceScanModal.tsx

@@ -5,6 +5,7 @@ import { useCamera } from '../features/faceScan/hooks/useCamera';
 import { useFaceScan } from '../features/faceScan/hooks/useFaceScan';
 import { useKycContext } from '../contexts/KycContext';
 import { Toast } from '../components/Toast';
+import { COMPLETED_STEPS } from '../services/kycApiService';
 import '../index.css';
 
 interface FaceScanModalProps {
@@ -58,7 +59,28 @@ function FaceScanModal({ onComplete }: FaceScanModalProps) {
       if (!apiService) return;
       
       try {
-        await apiService.checkSessionActive();
+        const statusResponse = await apiService.getSessionStatus();
+        const { completed_steps, next_step, status } = statusResponse.data;
+        
+        // Check if session is active
+        if (status !== 'ACTIVE') {
+          throw new Error('Session expired or inactive');
+        }
+        
+        // If face_scan is already completed, skip to document upload
+        if (completed_steps.includes(COMPLETED_STEPS.FACE)) {
+          setState(prev => ({ ...prev, showDocumentUpload: true }));
+          return;
+        }
+        
+        // If next_step is not face_scan, redirect accordingly
+        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: any) {
         const message = error.message || 'Session expired or inactive';
@@ -70,7 +92,7 @@ function FaceScanModal({ onComplete }: FaceScanModalProps) {
     };
     
     checkSession();
-  }, [apiService, navigate]);
+  }, [apiService, navigate, setState]);
 
   useEffect(() => {
     setState(prev => ({ ...prev, cameraReady }));

package/src/services/faceMeshService.ts

@@ -265,8 +265,10 @@ export class FaceMeshService {
           }
         }
       } else if (state.stage === "DONE") {
-        // In DONE stage, wait for face to be straight before capturing
-        if (absYaw < centerThreshold && insideGuide) {
+        // In DONE stage, wait for face to be straight before capturing (no center check needed)
+        // Reduced threshold for easier capture when face is straight
+        const reducedThreshold = 0.08; // More lenient threshold
+        if (absYaw < reducedThreshold) {
           state.centerHold += 1;
           if (state.centerHold >= holdFramesCenter && !state.snapTriggered) {
             state.snapTriggered = true;
@@ -280,11 +282,7 @@ export class FaceMeshService {
         } 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");
-            }
+            this.callbacks.onLivenessUpdate(state.stage, "Please look straight at the camera");
           }
         }
       }

package/src/services/kycApiService.ts

@@ -3,6 +3,13 @@
  * Handles all KYC-related API calls (face scan, document upload, status check)
  */
 
+export const COMPLETED_STEPS = {
+  INITIATED: "initiated",
+  FACE: "face_scan",
+  DOCS: "document_upload",
+  COMPLETED: "completed",
+} as const;
+
 export interface KycApiConfig {
   apiBaseUrl: string;
   sessionId: string;