react-native-biometric-verifier 0.0.30 → 0.0.32

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-biometric-verifier",
-  "version": "0.0.30",
+  "version": "0.0.32",
   "description": "A React Native module for biometric verification with face recognition and QR code scanning",
   "main": "src/index.js",
   "scripts": {

package/src/components/CaptureImageWithoutEdit.js

@@ -67,7 +67,6 @@ const CaptureImageWithoutEdit = React.memo(
       onCodeScanned: (codes) => {
         try {
           if (showCodeScanner && codes && codes[0]?.value && !isLoading) {
-            console.log('QR Code scanned:', codes[0].value);
             onCapture(codes[0].value);
           }
         } catch (error) {
@@ -224,9 +223,8 @@ const CaptureImageWithoutEdit = React.memo(
         if (newCameraPermission === 'granted') {
           let devices = await Camera.getAvailableCameraDevices();
 
-          // 🔁 Retry once after short delay if no devices found
+          // Retry once after short delay if no devices found
           if (!devices || devices.length === 0) {
-            console.warn('No camera devices yet, retrying in 300ms...');
             await new Promise((resolve) => setTimeout(resolve, 300));
             devices = await Camera.getAvailableCameraDevices();
           }
@@ -240,7 +238,6 @@ const CaptureImageWithoutEdit = React.memo(
 
           setCameraDevice(device);
           setShowCamera(true);
-          console.log('Camera device set successfully');
         } else {
           console.warn('Camera permission not granted');
         }
@@ -444,11 +441,10 @@ const CaptureImageWithoutEdit = React.memo(
               }
               frameProcessorFps={frameProcessorFps}
               onInitialized={() => {
-                console.log('Camera initialized successfully');
                 setCameraInitialized(true);
               }}
               onError={(error) => {
-                console.log('Camera error:', error);
+                console.error('Camera error:', error);
               }}
               exposure={0}
               pixelFormat="yuv"

package/src/components/Card.js

@@ -1,13 +1,11 @@
-import React, { useState } from 'react';
+import React from 'react';
 import { View, Text, Image, StyleSheet, Platform } from 'react-native';
 import Icon from 'react-native-vector-icons/MaterialIcons';
 import PropTypes from 'prop-types';
 import { Global } from '../utils/Global';
 
 export const Card = ({ employeeData, apiurl, fileurl = 'file/filedownload/photo/' }) => {
-
   if (!employeeData || typeof employeeData !== 'object') {
-    console.warn('Card: Invalid or missing employeeData');
     return null;
   }
 
@@ -30,7 +28,11 @@ export const Card = ({ employeeData, apiurl, fileurl = 'file/filedownload/photo/
             style={styles.image}
             resizeMode="cover"
             onError={() => {
-              console.error(`Error loading image for employee: ${employeeName}`);
+              try {
+                throw new Error(`Error loading image for employee: ${employeeName}`);
+              } catch (err) {
+                console.error(err);
+              }
             }}
           />
         ) : (

package/src/components/Loader.js

@@ -1,7 +1,6 @@
 import React, { useState, useEffect } from "react";
 import {
   StyleSheet,
-  Dimensions,
   View,
   Modal,
   Animated,
@@ -30,18 +29,23 @@ export default function Loader({
   const [pulse] = useState(new Animated.Value(1));
   const [fade] = useState(new Animated.Value(0));
   const [imageSource, setImageSource] = useState(gifSource);
-  const error = getLoaderGif(state.animationState, state.currentStep, "http://emr.amalaims.org:9393/", imageurl)
+
+  const error = getLoaderGif(state.animationState, state.currentStep, "http://emr.amalaims.org:9393/", imageurl);
+
   // Reset imageSource whenever gifSource prop changes
   useEffect(() => {
     setImageSource(gifSource);
   }, [gifSource]);
 
   const handleImageError = () => {
-    console.log('LoaderError', JSON.stringify(error))
-    setImageSource(error);
+    try {
+      setImageSource(error);
+    } catch (err) {
+      console.error("Loader image error:", err);
+    }
   };
 
-  // Rotation animation
+  // Rotation, pulse, and fade-in animations
   useEffect(() => {
     if (!gifSource) { // Only animate if not using a GIF
       Animated.loop(
@@ -54,7 +58,6 @@ export default function Loader({
       ).start();
     }
 
-    // Pulse animation
     Animated.loop(
       Animated.sequence([
         Animated.timing(pulse, {
@@ -70,7 +73,6 @@ export default function Loader({
       ])
     ).start();
 
-    // Fade in animation
     Animated.timing(fade, {
       toValue: 1,
       duration: 300,
@@ -186,4 +188,4 @@ const styles = StyleSheet.create({
     shadowRadius: 3.84,
     elevation: 5,
   }
-});
+});

package/src/hooks/useCountdown.js

@@ -38,10 +38,7 @@ export const useCountdown = (onExpire) => {
 
       // Start new timer
       timerRef.current = setInterval(() => {
-        if (isPausedRef.current) {
-          console.log("⏸️ Countdown paused, skipping tick");
-          return;
-        }
+        if (isPausedRef.current) return;
 
         countdownRef.current -= 1;
 
@@ -49,7 +46,6 @@ export const useCountdown = (onExpire) => {
           clearInterval(timerRef.current);
           timerRef.current = null;
 
-          // Safely call onExpire if it's a function
           if (typeof expireCallback === 'function') {
             expireCallback();
           }
@@ -64,13 +60,11 @@ export const useCountdown = (onExpire) => {
 
   // Pause the countdown
   const pauseCountdown = useCallback(() => {
-    console.log("⏸️ Pausing countdown");
     isPausedRef.current = true;
   }, []);
 
   // Resume the countdown
   const resumeCountdown = useCallback(() => {
-    console.log("▶️ Resuming countdown");
     isPausedRef.current = false;
   }, []);
 
@@ -91,14 +85,10 @@ export const useCountdown = (onExpire) => {
   }, []);
 
   // Get current countdown value
-  const getCurrentCountdown = useCallback(() => {
-    return countdownRef.current;
-  }, []);
+  const getCurrentCountdown = useCallback(() => countdownRef.current, []);
 
   // Check if countdown is paused
-  const isPaused = useCallback(() => {
-    return isPausedRef.current;
-  }, []);
+  const isPaused = useCallback(() => isPausedRef.current, []);
 
   // Clean up on unmount
   useEffect(() => {
@@ -119,4 +109,4 @@ export const useCountdown = (onExpire) => {
     getCurrentCountdown,
     isPaused
   };
-};
+};

package/src/hooks/useFaceDetectionFrameProcessor.js

@@ -6,7 +6,7 @@ import {
   faceAntiSpoofFrameProcessor,
   initializeFaceAntiSpoof,
   isFaceAntiSpoofAvailable,
-} from 'react-native-vision-camera-face-antispoof-detector';
+} from 'react-native-vision-camera-spoof-detector';
 
 // Optimized constants - tuned for performance
 const FACE_STABILITY_THRESHOLD = 3;
@@ -360,7 +360,6 @@ export const useFaceDetectionFrameProcessor = ({
           if (state.flags.isFaceCentered) {
             try {
               antiSpoofResult = faceAntiSpoofFrameProcessor?.(frame);
-
               if (antiSpoofResult != null) {
                 state.antiSpoof.lastResult = antiSpoofResult;
 

package/src/hooks/useGeolocation.js

@@ -53,7 +53,6 @@ export const useGeolocation = (notifyMessage) => {
             resolve(position.coords);
           },
           (error) => {
-            console.error('Error getting location:', error);
             notifyMessage?.('Unable to fetch current location.', 'error');
             reject(error);
           },

package/src/hooks/useImageProcessing.js

@@ -18,51 +18,36 @@ export const useImageProcessing = () => {
    */
   const convertImageToBase64 = useCallback(async (uri, includeMimeType = false) => {
     try {
-      // Validate input
       if (!uri || typeof uri !== 'string') {
         throw new Error('Invalid image URI provided.');
       }
 
-      // Optional: Check file info (skip if unable to fetch)
+      // Optional: Check file info
       try {
-        const fileInfo = await RNFS.stat(uri);
-        if (!fileInfo) {
-          console.warn('Unable to fetch file info. Proceeding with resize.');
-        }
+        await RNFS.stat(uri);
       } catch {
-        console.warn('Could not check file info; skipping original size check.');
+        // Skip warnings; silently ignore
       }
 
       // Resize image
-      let resizedImage;
-      try {
-        resizedImage = await ImageResizer.createResizedImage(
-          uri,
-          Global.ImageResize.width,
-          Global.ImageResize.height,
-          Global.ImageResize.format,  // 'JPEG' or 'PNG'
-          Global.ImageResize.quality, // e.g., 80
-          0,                    // Rotation
-          undefined,            // Output path (let library choose)
-          false                 // Keep EXIF metadata
-        );
-      } catch (resizeError) {
-        throw new Error(`Failed to resize image: ${resizeError.message}`);
-      }
+      const resizedImage = await ImageResizer.createResizedImage(
+        uri,
+        Global.ImageResize.width,
+        Global.ImageResize.height,
+        Global.ImageResize.format,  // 'JPEG' or 'PNG'
+        Global.ImageResize.quality, // e.g., 80
+        0,                    // Rotation
+        undefined,            // Output path
+        false                 // Keep EXIF metadata
+      );
 
       if (!resizedImage?.uri) {
         throw new Error('Image resizing returned an invalid result.');
       }
 
       // Convert resized image to Base64
-      let base64Data;
-      try {
-        base64Data = await RNFS.readFile(resizedImage.uri, 'base64');
-      } catch (readError) {
-        throw new Error(`Failed to read resized image file: ${readError.message}`);
-      }
+      let base64Data = await RNFS.readFile(resizedImage.uri, 'base64');
 
-      // Optionally prepend MIME type
       if (includeMimeType) {
         const mimeType = Global.ImageResize.format.toLowerCase() === 'png' ? 'image/png' : 'image/jpeg';
         base64Data = `data:${mimeType};base64,${base64Data}`;

package/src/hooks/useNotifyMessage.js

@@ -53,22 +53,18 @@ export const useNotifyMessage = () => {
   }), []);
 
   const clearNotification = useCallback(() => {
-    // Clear any pending timeout
     if (timeoutRef.current) {
       clearTimeout(timeoutRef.current);
       timeoutRef.current = null;
     }
-    
-    // Reset animations
+
     fadeAnim.setValue(0);
     slideAnim.setValue(-20);
-    
-    // Hide notification
+
     setNotification({ visible: false, message: '', type: 'info' });
   }, [fadeAnim, slideAnim]);
 
   const showNotification = useCallback((message, type = 'info') => {
-    // Clear any existing notification first
     clearNotification();
 
     setNotification({ visible: true, message, type });
@@ -88,7 +84,6 @@ export const useNotifyMessage = () => {
         useNativeDriver: false,
       }),
     ]).start(() => {
-      // Store timeout reference so we can clear it later
       timeoutRef.current = setTimeout(() => {
         Animated.parallel([
           Animated.timing(fadeAnim, {
@@ -150,4 +145,4 @@ export const useNotifyMessage = () => {
     getNotificationStyle,
     notificationTextStyle,
   };
-};
+};

package/src/hooks/useSafeCallback.js

@@ -15,8 +15,6 @@ export const useSafeCallback = (callback, notifyMessage) => {
             notifyMessage("Unexpected error while processing callback.", "error");
           }
         }
-      } else {
-        console.log("Biometric Verification Response:", response);
       }
     },
     [callback, notifyMessage]

package/src/index.js

@@ -74,15 +74,11 @@ const BiometricModal = React.memo(
 
     // Cleanup on unmount
     useEffect(() => {
-      console.log("🔧 BiometricModal mounted");
-
       return () => {
-        console.log("🧹 BiometricModal unmounting - cleaning up");
         mountedRef.current = false;
 
         if (resetTimeoutRef.current) {
           clearTimeout(resetTimeoutRef.current);
-          console.log("⏹️ Cleared reset timeout");
         }
 
         clearNotification();
@@ -92,10 +88,6 @@ const BiometricModal = React.memo(
     // Update dataRef when data changes
     useEffect(() => {
       dataRef.current = data;
-      console.log(
-        "📋 Updated dataRef with new data:",
-        data ? "Available" : "Empty"
-      );
     }, [data]);
 
     // Animation helper
@@ -133,15 +125,11 @@ const BiometricModal = React.memo(
           const merged = { ...prev, ...newState };
 
           if (JSON.stringify(prev) !== JSON.stringify(merged)) {
-            console.log("🔄 State updated:", merged);
-
             // Pause/resume countdown based on loading state
             if (newState.isLoading !== undefined) {
               if (newState.isLoading) {
-                console.log("⏸️ Pausing countdown due to loading");
                 pauseCountdown();
               } else {
-                console.log("▶️ Resuming countdown after loading");
                 resumeCountdown();
               }
             }
@@ -156,14 +144,11 @@ const BiometricModal = React.memo(
 
           return prev;
         });
-      } else {
-        console.log("🚫 State update skipped - component unmounted");
       }
     }, [animateIcon, pauseCountdown, resumeCountdown]);
 
     // Reset state helper
     const resetState = useCallback(() => {
-      console.log("🔄 Resetting biometric modal state");
       onclose(false);
 
       setState({
@@ -182,15 +167,15 @@ const BiometricModal = React.memo(
       if (resetTimeoutRef.current) {
         clearTimeout(resetTimeoutRef.current);
         resetTimeoutRef.current = null;
-        console.log("⏹️ Cleared reset timeout during reset");
       }
     }, [resetCountdown, clearNotification]);
 
     // Error handler
     const handleProcessError = useCallback(
       (message, errorObj = null) => {
-        console.error("❌ Process Error:", message, errorObj || "");
-        if (errorObj) console.error("Error details:", errorObj);
+        if (errorObj) {
+          console.error("Process Error:", errorObj);
+        }
 
         notifyMessage(message, "error");
         updateState({
@@ -204,7 +189,6 @@ const BiometricModal = React.memo(
         }
 
         resetTimeoutRef.current = setTimeout(() => {
-          console.log("⏰ Error timeout completed - resetting state");
           resetState();
         }, 1200);
       },
@@ -213,11 +197,9 @@ const BiometricModal = React.memo(
 
     // Countdown finish handler
     const handleCountdownFinish = useCallback(() => {
-      console.log("⏰ Countdown finished");
       handleProcessError("Time is up! Please try again.");
 
       if (navigation.canGoBack()) {
-        console.log("↩️ Navigating back due to timeout");
         navigation.goBack();
       }
     }, [handleProcessError, navigation]);
@@ -225,25 +207,20 @@ const BiometricModal = React.memo(
     // API URL validation
     const validateApiUrl = useCallback(() => {
       if (!apiurl || typeof apiurl !== "string") {
-        console.error("❌ Invalid API URL:", apiurl);
         handleProcessError("Invalid API URL configuration.");
         return false;
       }
 
-      console.log("✅ API URL validated:", apiurl);
       return true;
     }, [apiurl, handleProcessError]);
 
     // Face scan upload
     const uploadFaceScan = useCallback(
       async (selfie) => {
-        console.log("📸 Uploading face scan");
-
         if (!validateApiUrl()) return;
         const currentData = dataRef.current;
 
         if (!currentData) {
-          console.error("❌ No employee data available");
           handleProcessError("Employee data not found.");
           return;
         }
@@ -258,21 +235,18 @@ const BiometricModal = React.memo(
           let base64;
 
           try {
-            console.log("🖼️ Converting image to base64");
             updateState({
               loadingType: Global.LoadingTypes.imageProcessing,
             });
 
             base64 = await convertImageToBase64(selfie?.uri);
-            console.log("✅ Image converted successfully");
           } catch (err) {
-            console.error("❌ Image conversion failed:", err);
+            console.error("Image conversion failed:", err);
             handleProcessError("Image conversion failed.", err);
             return;
           }
 
           if (!base64) {
-            console.error("❌ Empty base64 data");
             handleProcessError("Failed to process image.");
             return;
           }
@@ -281,7 +255,6 @@ const BiometricModal = React.memo(
             const body = { image: base64 };
             const header = { faceid: currentData };
             const buttonapi = `${apiurl}python/recognize`;
-            console.log("🌐 Calling face recognition API:", buttonapi);
 
             updateState({
               loadingType: Global.LoadingTypes.networkRequest,
@@ -294,10 +267,7 @@ const BiometricModal = React.memo(
               body
             );
 
-            console.log("📨 API Response:", JSON.stringify(response));
-
             if (response?.httpstatus === 200) {
-              console.log("✅ Face recognition successful");
               responseRef.current = response;
 
               updateState({
@@ -310,10 +280,8 @@ const BiometricModal = React.memo(
               notifyMessage("Identity verified successfully!", "success");
 
               if (qrscan) {
-                console.log("🔜 Proceeding to QR code scan");
                 setTimeout(() => startQRCodeScan(), 1200);
               } else {
-                console.log("✅ Verification complete - calling callback");
                 safeCallback(responseRef.current);
 
                 if (resetTimeoutRef.current) {
@@ -321,19 +289,17 @@ const BiometricModal = React.memo(
                 }
 
                 resetTimeoutRef.current = setTimeout(() => {
-                  console.log("⏰ Success timeout completed - resetting");
                   resetState();
                 }, 1200);
               }
             } else {
-              console.warn("⚠️ Face recognition failed:", response?.httpstatus);
               handleProcessError(
                 response?.data?.message ||
                 "Face not recognized. Please try again."
               );
             }
           } catch (error) {
-            console.error("❌ Network request failed:", error);
+            console.error("Network request failed:", error);
             handleProcessError(
               "Connection error. Please check your network.",
               error
@@ -356,8 +322,6 @@ const BiometricModal = React.memo(
     // QR code processing
     const handleQRScanned = useCallback(
       async (qrCodeData) => {
-        console.log("🔍 Processing scanned QR code");
-
         if (!validateApiUrl()) return;
 
         updateState({
@@ -367,7 +331,6 @@ const BiometricModal = React.memo(
         });
 
         try {
-          console.log("📍 Requesting location permission");
           updateState({
             loadingType: Global.LoadingTypes.locationPermission,
           });
@@ -375,30 +338,23 @@ const BiometricModal = React.memo(
           const hasPermission = await requestLocationPermission();
 
           if (!hasPermission) {
-            console.error("❌ Location permission denied");
             handleProcessError("Location permission not granted.");
             return;
           }
 
-          console.log("✅ Location permission granted");
-
           const qrString =
             typeof qrCodeData === "object" ? qrCodeData?.data : qrCodeData;
 
           if (!qrString || typeof qrString !== "string") {
-            console.error("❌ Invalid QR code data:", qrCodeData);
             handleProcessError("Invalid QR code. Please try again.");
             return;
           }
 
-          console.log("📋 QR code content:", qrString);
-
           updateState({
             loadingType: Global.LoadingTypes.gettingLocation,
           });
 
           const location = await getCurrentLocation();
-          console.log("📍 Device location:", location);
 
           const [latStr, lngStr] = qrString.split(",");
           const lat = parseFloat(latStr);
@@ -407,13 +363,6 @@ const BiometricModal = React.memo(
           const validDev =
             !isNaN(location?.latitude) && !isNaN(location?.longitude);
 
-          console.log(
-            "📊 Coordinates validation - QR:",
-            validCoords,
-            "Device:",
-            validDev
-          );
-
           if (validCoords && validDev) {
             updateState({
               loadingType: Global.LoadingTypes.calculateDistance,
@@ -426,14 +375,7 @@ const BiometricModal = React.memo(
               location.longitude
             );
 
-            console.log(
-              "📏 Distance calculated:",
-              distance.toFixed(0),
-              "meters"
-            );
-
             if (distance <= Global.MaxDistanceMeters) {
-              console.log("✅ Location verified successfully");
               safeCallback(responseRef.current);
               notifyMessage("Location verified successfully!", "success");
 
@@ -448,30 +390,18 @@ const BiometricModal = React.memo(
               }
 
               resetTimeoutRef.current = setTimeout(() => {
-                console.log("⏰ Location success timeout - resetting");
                 resetState();
               }, 1200);
             } else {
-              console.warn(
-                "⚠️ Location mismatch:",
-                distance.toFixed(0),
-                "m away"
-              );
               handleProcessError(
                 `Location mismatch (${distance.toFixed(0)}m away).`
               );
             }
           } else {
-            console.error("❌ Invalid coordinates:", {
-              qrLat: lat,
-              qrLng: lng,
-              devLat: location.latitude,
-              devLng: location.longitude,
-            });
             handleProcessError("Invalid coordinates in QR code.");
           }
         } catch (error) {
-          console.error("❌ Location verification failed:", error);
+          console.error("Location verification failed:", error);
           handleProcessError(
             "Unable to verify location. Please try again.",
             error
@@ -493,13 +423,9 @@ const BiometricModal = React.memo(
     // Image capture handler
     const handleImageCapture = useCallback(
       async (capturedData) => {
-        console.log("📷 Image captured for step:", state.currentStep);
-
         if (state.currentStep === "Identity Verification") {
-          console.log("👤 Processing face verification");
           uploadFaceScan(capturedData);
         } else if (state.currentStep === "Location Verification") {
-          console.log("📍 Processing QR code verification");
           handleQRScanned(capturedData);
         }
       },
@@ -508,7 +434,6 @@ const BiometricModal = React.memo(
 
     // Start face scan
     const handleStartFaceScan = useCallback(() => {
-      console.log("👤 Starting face scan");
       updateState({
         currentStep: "Identity Verification",
         animationState: Global.AnimationStates.faceScan,
@@ -518,7 +443,6 @@ const BiometricModal = React.memo(
 
     // Start QR code scan
     const startQRCodeScan = useCallback(() => {
-      console.log("📍 Starting QR code scan");
       updateState({
         currentStep: "Location Verification",
         animationState: Global.AnimationStates.qrScan,
@@ -528,7 +452,6 @@ const BiometricModal = React.memo(
 
     // Start the verification process
     const startProcess = useCallback(() => {
-      console.log("🚀 Starting verification process");
       startCountdown(handleCountdownFinish);
       handleStartFaceScan();
     }, [handleCountdownFinish, handleStartFaceScan, startCountdown]);
@@ -536,16 +459,12 @@ const BiometricModal = React.memo(
     // Open modal when data is received
     useEffect(() => {
       if (data && !modalVisible && !processedRef.current) {
-        console.log("📥 New data received, opening modal");
         processedRef.current = true;
         setModalVisible(true);
         startProcess();
       }
     }, [data, modalVisible, startProcess]);
 
-
-
-
     // Determine if camera should be shown
     const shouldShowCamera =
       (state.currentStep === "Identity Verification" ||

package/src/utils/NetworkServiceCall.js

@@ -13,17 +13,8 @@ const networkServiceCall = async (method, url, extraHeaders = {}, body = {}) =>
       dataset.body = JSON.stringify(body);
     }
 
-    console.log("🌐 NetworkServiceCall Request:");
-    console.log("➡️ URL:", url);
-    console.log("➡️ Headers:", dataset.headers);
-    if (dataset.body) console.log("➡️ Body:", dataset.body);
-
     const response = await fetch(url, dataset);
-
-    console.log("🌐 Response Status:", response.status);
-
     const result = await response.json();
-    console.log("✅ API Success:", result);
     return result;
 
   } catch (error) {
@@ -32,12 +23,12 @@ const networkServiceCall = async (method, url, extraHeaders = {}, body = {}) =>
   }
 };
 
-// ✅ GET API Call helper
+// GET API Call helper
 export const getApiCall = (url, extraHeaders = {}) => {
   return networkServiceCall('GET', url, extraHeaders);
 };
 
-// ✅ POST API Call helper
+// POST API Call helper
 export const postApiCall = (url, body = {}, extraHeaders = {}) => {
   return networkServiceCall('POST', url, extraHeaders, body);
 };

package/src/utils/distanceCalculator.js

@@ -9,17 +9,22 @@
  * @returns {number} Distance in meters.
  */
 export const getDistanceInMeters = (lat1, lng1, lat2, lng2) => {
-  const toRad = (value) => (value * Math.PI) / 180;
+  try {
+    const toRad = (value) => (value * Math.PI) / 180;
 
-  const R = 6371000; // Earth radius in meters
-  const dLat = toRad(lat2 - lat1);
-  const dLng = toRad(lng2 - lng1);
+    const R = 6371000; // Earth radius in meters
+    const dLat = toRad(lat2 - lat1);
+    const dLng = toRad(lng2 - lng1);
 
-  const a =
-    Math.sin(dLat / 2) ** 2 +
-    Math.cos(toRad(lat1)) * Math.cos(toRad(lat2)) * Math.sin(dLng / 2) ** 2;
+    const a =
+      Math.sin(dLat / 2) ** 2 +
+      Math.cos(toRad(lat1)) * Math.cos(toRad(lat2)) * Math.sin(dLng / 2) ** 2;
 
-  const c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a));
+    const c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a));
 
-  return R * c;
+    return R * c;
+  } catch (error) {
+    console.error("Error calculating distance:", error);
+    return null;
+  }
 };

package/src/utils/getLoaderGif.js

@@ -4,27 +4,32 @@ import { Global } from "./Global";
  * Decides which GIF should be shown based on animationState or currentStep
  * @param {string} animationState - Current animation state
  * @param {string} currentStep - Current step of verification
+ * @param {string} apiurl - Base API URL
+ * @param {string} imageurl - Path to image folder (default: 'file/getCommonFile/image/')
  * @returns {any} - Gif image source or null
  */
-export const getLoaderGif = (animationState, currentStep,apiurl,imageurl ='file/getCommonFile/image/') => {
-  const FaceGifUrl =
-    `${apiurl}${imageurl}Face.gif`;
-  const LocationGifUrl =
-    `${apiurl}${imageurl}Location.gif`;
+export const getLoaderGif = (animationState, currentStep, apiurl, imageurl = 'file/getCommonFile/image/') => {
+  try {
+    const FaceGifUrl = `${apiurl}${imageurl}Face.gif`;
+    const LocationGifUrl = `${apiurl}${imageurl}Location.gif`;
 
-  if (
-    animationState === Global.AnimationStates.faceScan ||
-    currentStep === 'Identity Verification'
-  ) {
-    return { uri: FaceGifUrl };
-  }
+    if (
+      animationState === Global.AnimationStates.faceScan ||
+      currentStep === 'Identity Verification'
+    ) {
+      return { uri: FaceGifUrl };
+    }
 
-  if (
-    animationState === Global.AnimationStates.qrScan ||
-    currentStep === 'Location Verification'
-  ) {
-    return { uri: LocationGifUrl };
-  }
+    if (
+      animationState === Global.AnimationStates.qrScan ||
+      currentStep === 'Location Verification'
+    ) {
+      return { uri: LocationGifUrl };
+    }
 
-  return null;
+    return null;
+  } catch (error) {
+    console.error("Error in getLoaderGif:", error);
+    return null;
+  }
 };