react-native-biometric-verifier 0.0.6 → 0.0.7

package/package.json

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

package/src/components/EmployeeCard.js

@@ -2,10 +2,10 @@ import React, { useState } from 'react';
 import { View, Text, Image } from 'react-native';
 import Icon from 'react-native-vector-icons/MaterialIcons';
 import PropTypes from 'prop-types';
-import { COLORS ,GIF_URL,IMAGE_URL} from '../utils/constants';
+import { COLORS} from '../utils/constants';
 import { styles } from './styles';
 
-export const EmployeeCard = ({ employeeData }) => {
+export const EmployeeCard = ({ employeeData,apiurl }) => {
   const [imageError, setImageError] = useState(false);
 
   if (!employeeData || typeof employeeData !== 'object') {
@@ -18,8 +18,8 @@ export const EmployeeCard = ({ employeeData }) => {
   const employeeName = facename || 'Unknown Employee';
   const employeeId = faceid || 'N/A';
   const imageSource = !imageError && imageurl
-    ? { uri: `${IMAGE_URL}${imageurl}` }
-    : { uri: `${GIF_URL}camera.png` }; // Add a local fallback image in assets
+    ? { uri: `${apiurl}file/filedownload/photo/${imageurl}` }
+    : { uri: `${apiurl}file/getCommonFile/image/camera.png` }; // Add a local fallback image in assets
 
   return (
     <View style={styles.employeeCard}>

package/src/index.js

@@ -16,7 +16,6 @@ import {
   COLORS,
   COUNTDOWN_DURATION,
   MAX_DISTANCE_METERS,
-  RECOGNIZE_URL,
 } from './utils/constants';
 import Loader from './components/Loader';
 import { CountdownTimer } from './components/CountdownTimer';
@@ -28,9 +27,9 @@ import { useNavigation } from '@react-navigation/native';
 import networkServiceCall from './utils/NetworkServiceCall';
 import { getLoaderGif } from './utils/getLoaderGif';
 
-const BiometricVerificationModal = React.memo(({ data, qrscan = false, callback }) => {
+const BiometricVerificationModal = React.memo(({ data, qrscan = false, callback, apiurl }) => {
   const navigation = useNavigation();
-  
+
   const { countdown, startCountdown, resetCountdown } = useCountdown();
   const { requestLocationPermission, getCurrentLocation } = useGeolocation();
   const { convertImageToBase64 } = useImageProcessing();
@@ -80,19 +79,39 @@ const BiometricVerificationModal = React.memo(({ data, qrscan = false, callback
       animationState: ANIMATION_STATES.ERROR,
     });
     resetState();
-    navigation.goBack();
+    if (navigation.canGoBack()) navigation.goBack();
   }, [navigation, notifyMessage, resetState, updateState]);
 
+  const validateApiUrl = useCallback(() => {
+    if (!apiurl || typeof apiurl !== 'string') {
+      notifyMessage('Invalid API URL configuration.', 'error');
+      updateState({ animationState: ANIMATION_STATES.ERROR });
+      return false;
+    }
+    return true;
+  }, [apiurl, notifyMessage, updateState]);
+
   const uploadFaceScan = useCallback(async (selfie) => {
+    if (!validateApiUrl()) return;
+
     const currentData = dataRef.current;
-    const base64 = await convertImageToBase64(selfie.uri);
     if (!currentData) {
       notifyMessage('Employee data not found.', 'error');
       updateState({ animationState: ANIMATION_STATES.ERROR });
       return;
     }
+
+    let base64;
+    try {
+      base64 = await convertImageToBase64(selfie?.uri);
+    } catch (err) {
+      notifyMessage('Image conversion failed.', 'error');
+      updateState({ animationState: ANIMATION_STATES.ERROR });
+      return;
+    }
+
     if (!base64) {
-      notifyMessage('convert Image To Base64 Failed.', 'error');
+      notifyMessage('Failed to process image.', 'error');
       updateState({ animationState: ANIMATION_STATES.ERROR });
       return;
     }
@@ -103,38 +122,50 @@ const BiometricVerificationModal = React.memo(({ data, qrscan = false, callback
     });
 
     try {
-      const body = { image: base64 }
-      const header = { faceid: currentData }
-      const response = await networkServiceCall("POST",RECOGNIZE_URL,header,body);
-      if (response.httpstatus === 200) {
+      const body = { image: base64 };
+      const header = { faceid: currentData };
+      const buttonapi = `${apiurl}python/recognize`;
+
+      console.log("buttonapi--------------------", buttonapi);
+
+      const response = await networkServiceCall("POST", buttonapi, header, body);
+
+      if (response?.httpstatus === 200) {
         notifyMessage('Identity verified successfully!', 'success');
         updateState({
-          employeeData: response.data?.data,
+          employeeData: response.data?.data || null,
           animationState: ANIMATION_STATES.SUCCESS,
         });
 
         if (qrscan) {
-          // If QR scanning is required, continue with QR Scan
           setTimeout(() => startQRCodeScan(), 1500);
         } else {
-          // If only Face recognition → finish process
           setTimeout(() => {
-            callback?.(dataRef.current);
+            try {
+              callback?.(dataRef.current);
+            } catch (err) {
+              console.error("Callback execution failed:", err);
+              notifyMessage('Unexpected error after verification.', 'error');
+            }
             updateState({ modalVisible: false });
             resetState();
           }, 1500);
         }
       } else {
+        notifyMessage(
+          response?.data?.error?.message || 'Face not recognized. Please try again.',
+          'error'
+        );
         updateState({ animationState: ANIMATION_STATES.ERROR });
-        notifyMessage(response.data?.error?.message || 'Face not recognized. Please try again.', 'error');
       }
     } catch (error) {
-      updateState({ animationState: ANIMATION_STATES.ERROR });
+      console.error("Face recognition API error:", error);
       notifyMessage('Connection error. Please check your network.', 'error');
+      updateState({ animationState: ANIMATION_STATES.ERROR });
     } finally {
       updateState({ isLoading: false });
     }
-  }, [convertImageToBase64, notifyMessage, qrscan, resetState, updateState, callback]);
+  }, [convertImageToBase64, notifyMessage, qrscan, resetState, updateState, callback, validateApiUrl]);
 
   const handleStartFaceScan = useCallback(() => {
     updateState({
@@ -162,9 +193,11 @@ const BiometricVerificationModal = React.memo(({ data, qrscan = false, callback
   }, [navigation, updateState]);
 
   const handleQRScanned = useCallback(async (qrCodeData) => {
-    updateState({ 
+    if (!validateApiUrl()) return;
+
+    updateState({
       animationState: ANIMATION_STATES.PROCESSING,
-      isLoading: true 
+      isLoading: true,
     });
 
     try {
@@ -175,7 +208,7 @@ const BiometricVerificationModal = React.memo(({ data, qrscan = false, callback
         return;
       }
 
-      const qrString = typeof qrCodeData === 'object' ? qrCodeData.data : qrCodeData;
+      const qrString = typeof qrCodeData === 'object' ? qrCodeData?.data : qrCodeData;
       if (!qrString || typeof qrString !== 'string') {
         notifyMessage('Invalid QR code. Please try again.', 'error');
         updateState({ animationState: ANIMATION_STATES.ERROR });
@@ -188,18 +221,19 @@ const BiometricVerificationModal = React.memo(({ data, qrscan = false, callback
       const lng = parseFloat(lngStr);
 
       const validCoords = !isNaN(lat) && !isNaN(lng);
-      const validDev = !isNaN(location.latitude) && !isNaN(location.longitude);
+      const validDev = !isNaN(location?.latitude) && !isNaN(location?.longitude);
 
       if (validCoords && validDev) {
-        const distance = getDistanceInMeters(
-          lat,
-          lng,
-          location.latitude,
-          location.longitude
-        );
+        const distance = getDistanceInMeters(lat, lng, location.latitude, location.longitude);
 
         if (distance <= MAX_DISTANCE_METERS) {
-          callback?.(dataRef.current);
+          try {
+            callback?.(dataRef.current);
+          } catch (err) {
+            console.error("Callback execution failed:", err);
+            notifyMessage('Unexpected error during location verification.', 'error');
+          }
+
           notifyMessage('Location verified successfully!', 'success');
           updateState({ animationState: ANIMATION_STATES.SUCCESS });
 
@@ -218,13 +252,14 @@ const BiometricVerificationModal = React.memo(({ data, qrscan = false, callback
         resetState();
       }
     } catch (error) {
+      console.error("QR scan handling failed:", error);
       notifyMessage('Unable to verify location. Please try again.', 'error');
       updateState({ animationState: ANIMATION_STATES.ERROR });
       resetState();
     } finally {
       updateState({ isLoading: false });
     }
-  }, [callback, getCurrentLocation, notifyMessage, requestLocationPermission, resetState, updateState]);
+  }, [callback, getCurrentLocation, notifyMessage, requestLocationPermission, resetState, updateState, validateApiUrl]);
 
   const startProcess = useCallback(() => {
     startCountdown(COUNTDOWN_DURATION, handleCountdownFinish);
@@ -270,7 +305,7 @@ const BiometricVerificationModal = React.memo(({ data, qrscan = false, callback
         {state.employeeData && (
           <EmployeeCard
             employeeData={state.employeeData}
-            hrenemp={dataRef.current?.data?.userdata?.hrenemp}
+            apiurl={apiurl}
           />
         )}
 
@@ -285,8 +320,8 @@ const BiometricVerificationModal = React.memo(({ data, qrscan = false, callback
           currentTime={countdown}
         />
 
-        {state.isLoading && getLoaderGif(state.animationState, state.currentStep) && (
-          <Loader source={getLoaderGif(state.animationState, state.currentStep)} />
+        {state.isLoading && getLoaderGif(state.animationState, state.currentStep, apiurl) && (
+          <Loader source={getLoaderGif(state.animationState, state.currentStep, apiurl)} />
         )}
       </View>
     </Modal>

package/src/utils/constants.js

@@ -1,15 +1,3 @@
-import { Global } from "./Global";
-
-// ====== BASE CONFIG ======
-export const BASE_URL = Global.ipAddress;
-export const PORT = Global.port;
-export const APIURL = `http://${BASE_URL}:${PORT}/`;
-
-// ====== API ENDPOINTS ======
-export const RECOGNIZE_URL = APIURL + "python/recognize";
-export const IMAGE_URL = APIURL + "file/filedownload/photo/";
-export const GIF_URL = APIURL + "file/getCommonFile/image/";
-
 
 // ====== COLORS ======
 export const COLORS = {

package/src/utils/getLoaderGif.js

@@ -1,4 +1,4 @@
-import { ANIMATION_STATES, GIF_URL } from '../utils/constants';
+import { ANIMATION_STATES} from '../utils/constants';
 
 /**
  * Decides which GIF should be shown based on animationState or currentStep
@@ -6,11 +6,11 @@ import { ANIMATION_STATES, GIF_URL } from '../utils/constants';
  * @param {string} currentStep - Current step of verification
  * @returns {any} - Gif image source or null
  */
-export const getLoaderGif = (animationState, currentStep) => {
+export const getLoaderGif = (animationState, currentStep,APIURL) => {
   const FaceGifUrl =
-    `${GIF_URL}Face.gif`;
+    `${APIURL}file/getCommonFile/image/Face.gif`;
   const LocationGifUrl =
-    `${GIF_URL}Location.gif`;
+    `${APIURL}file/getCommonFile/image/Location.gif`;
 
   if (
     animationState === ANIMATION_STATES.FACE_SCAN ||

package/src/utils/Global.js

@@ -1,6 +0,0 @@
-export class Global {
-    static ipAddress = "api.amalaplus.org";
-    static port = "9090";
-
-}
-