astra-sdk-web 1.1.10 → 1.1.12

package/package.json

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

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

@@ -118,6 +118,7 @@ export function useFaceScan(
       if (callbacks?.onFaceUpload) {
         try {
           await callbacks.onFaceUpload(blob);
+          // Only proceed if upload was successful (not face already registered)
           setState(prev => ({
             ...prev,
             capturedImage: dataUrl,
@@ -125,8 +126,34 @@ export function useFaceScan(
             livenessInstruction: "Face captured and uploaded successfully!",
             loading: false,
           }));
+          
+          // Call completion callback
+          if (callbacks?.onFaceCaptureComplete) {
+            callbacks.onFaceCaptureComplete(dataUrl);
+          }
+          
+          setTimeout(() => {
+            setState(prev => ({ ...prev, showDocumentUpload: true }));
+          }, 500);
         } catch (uploadError: any) {
-          throw new Error(uploadError.message || 'Failed to upload face scan');
+          // If it's the face already registered error, don't show document upload
+          if (uploadError.message === 'FACE_ALREADY_REGISTERED' || (uploadError as any).isFaceAlreadyRegistered) {
+            setState(prev => ({
+              ...prev,
+              loading: false,
+              allStepsCompleted: false,
+              showDocumentUpload: false,
+              livenessInstruction: "Face already registered. Please click Retry to register again.",
+            }));
+            return; // Don't proceed to document upload
+          }
+          // For other errors, show error message
+          setState(prev => ({
+            ...prev,
+            livenessInstruction: uploadError.message || 'Error capturing image. Please try again.',
+            loading: false,
+          }));
+          throw uploadError;
         }
       } else {
         setState(prev => ({
@@ -136,16 +163,16 @@ export function useFaceScan(
           livenessInstruction: "Face captured successfully!",
           loading: false,
         }));
+        
+        // Call completion callback
+        if (callbacks?.onFaceCaptureComplete) {
+          callbacks.onFaceCaptureComplete(dataUrl);
+        }
+        
+        setTimeout(() => {
+          setState(prev => ({ ...prev, showDocumentUpload: true }));
+        }, 500);
       }
-      
-      // Call completion callback
-      if (callbacks?.onFaceCaptureComplete) {
-        callbacks.onFaceCaptureComplete(dataUrl);
-      }
-      
-      setTimeout(() => {
-        setState(prev => ({ ...prev, showDocumentUpload: true }));
-      }, 500);
     } catch (err: any) {
       console.error('Error capturing image:', err);
       setState(prev => ({

package/src/pages/DocumentUploadModal.tsx

@@ -33,8 +33,8 @@ function DocumentUploadModal({ onComplete }: DocumentUploadModalProps) {
       // Check if KYC is completed after document upload
       try {
         const statusResponse = await apiService.getSessionStatus();
-        const { completed_steps, status } = statusResponse.data;
-        if (status === 'COMPLETED' || completed_steps.includes(COMPLETED_STEPS.COMPLETED)) {
+        const { completed_steps, next_step } = statusResponse.data;
+        if (next_step === 'completed' || completed_steps.includes(COMPLETED_STEPS.COMPLETED)) {
           setKycCompleted(true);
         }
       } catch (error) {
@@ -103,7 +103,6 @@ function DocumentUploadModal({ onComplete }: DocumentUploadModalProps) {
   }, [apiService, navigate]);
 
 
-  // Show KYC completion message
   if (kycCompleted) {
     return (
       <div className="fixed inset-0 bg-black p-5 z-[1000] flex items-center justify-center font-sans overflow-y-auto custom__scrollbar">

package/src/pages/FaceScanModal.tsx

@@ -34,20 +34,27 @@ function FaceScanModal({ onComplete }: FaceScanModalProps) {
       } catch (error: any) {
         const errorMessage = error?.message || '';
         const errorData = (error as any)?.errorData || {};
+        const statusCode = (error as any)?.statusCode;
         
-        if (
+        // Check for "Face already registered" error in various formats
+        // The API returns: { success: false, statusCode: 500, message: "Face already registered", errorData: {...} }
+        const isFaceAlreadyRegistered = 
           errorMessage.includes('Face already registered') || 
           errorMessage.includes('already registered') ||
           errorData?.message?.includes('Face already registered') ||
-          (error as any)?.statusCode === 500 && errorMessage.includes('Face')
-        ) {
+          (statusCode === 500 && errorMessage.includes('Face already registered'));
+        
+        if (isFaceAlreadyRegistered) {
           setShowRetryButton(true);
           setToast({
             message: 'Face already registered. Click Retry to register again.',
             type: 'warning',
           });
-          setState(prev => ({ ...prev, loading: false }));
-          return;
+          setState(prev => ({ ...prev, loading: false, allStepsCompleted: false, showDocumentUpload: false }));
+          // Throw a special error to prevent continuing to document upload
+          const faceRegisteredError = new Error('FACE_ALREADY_REGISTERED');
+          (faceRegisteredError as any).isFaceAlreadyRegistered = true;
+          throw faceRegisteredError;
         }
         throw error;
       }

package/src/services/kycApiService.ts

@@ -120,17 +120,25 @@ export class KycApiService {
 
       if (!response.ok) {
         const errorData = await response.json().catch(() => ({}));
-        const message = errorData?.message || `Face upload failed with status ${response.status}`;
+        const message = errorData?.message || errorData?.errorData?.message || `Face upload failed with status ${response.status}`;
         // Preserve the original error message for better error handling
         const error = new Error(message);
         (error as any).statusCode = response.status;
         (error as any).errorData = errorData;
+        // Also preserve the full error response structure
+        if (errorData.statusCode) {
+          (error as any).statusCode = errorData.statusCode;
+        }
         throw error;
       }
 
       const data = await response.json();
       return data;
     } catch (error: any) {
+      // If error already has a message from the response, preserve it
+      if (error.message && !error.message.includes('Face upload failed')) {
+        throw error;
+      }
       const message = error?.message || 'Face upload failed';
       throw new Error(`Face upload failed: ${message}`);
     }