react-native-biometric-verifier 0.0.37 → 0.0.39

package/package.json

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

package/src/index.js

@@ -10,7 +10,6 @@ import {
   TouchableOpacity,
   Text,
   Modal,
-  InteractionManager,
   StyleSheet,
   Platform,
   Animated,
@@ -21,7 +20,6 @@ import { useNavigation } from "@react-navigation/native";
 // Custom hooks
 import { useCountdown } from "./hooks/useCountdown";
 import { useGeolocation } from "./hooks/useGeolocation";
-import { useImageProcessing } from "./hooks/useImageProcessing";
 import { useNotifyMessage } from "./hooks/useNotifyMessage";
 import { useSafeCallback } from "./hooks/useSafeCallback";
 
@@ -46,7 +44,6 @@ const BiometricModal = React.memo(
     // Custom hooks
     const { countdown, startCountdown, resetCountdown, pauseCountdown, resumeCountdown } = useCountdown();
     const { requestLocationPermission, getCurrentLocation } = useGeolocation();
-    const { convertImageToBase64 } = useImageProcessing();
     const { notification, fadeAnim, slideAnim, notifyMessage, clearNotification } = useNotifyMessage();
     const safeCallback = useSafeCallback(callback, notifyMessage);
 
@@ -231,71 +228,68 @@ const BiometricModal = React.memo(
           animationState: Global.AnimationStates.processing,
         });
 
-        InteractionManager.runAfterInteractions(async () => {
-          if (!base64) {
-            handleProcessError("Failed to process image.");
-            return;
-          }
+        if (!base64) {
+          handleProcessError("Failed to process image.");
+          return;
+        }
 
-          try {
-            const body = { image: base64 };
-            const header = { faceid: currentData };
-            const buttonapi = `${apiurl}python/recognize`;
+        try {
+          const body = { image: base64 };
+          const header = { faceid: currentData };
+          const buttonapi = `${apiurl}python/recognize`;
+
+          updateState({
+            loadingType: Global.LoadingTypes.networkRequest,
+          });
+          console.log("API URL:", buttonapi);
+          console.log("Sending request to API...", JSON.stringify(body));
+          const response = await networkServiceCall(
+            "POST",
+            buttonapi,
+            header,
+            body
+          );
+          console.log("API Response:", JSON.stringify(response));
+          if (response?.httpstatus === 200 && response?.data?.data) {
+            responseRef.current = response;
 
             updateState({
-              loadingType: Global.LoadingTypes.networkRequest,
+              employeeData: response.data?.data || null,
+              animationState: Global.AnimationStates.success,
+              isLoading: false,
+              loadingType: Global.LoadingTypes.none,
             });
-            console.log("API URL:", buttonapi);
-            console.log("Sending request to API...", JSON.stringify(body));
-            const response = await networkServiceCall(
-              "POST",
-              buttonapi,
-              header,
-              body
-            );
-            console.log("API Response:", JSON.stringify(response));
-            if (response?.httpstatus === 200 && response?.data?.data) {
-              responseRef.current = response;
 
-              updateState({
-                employeeData: response.data?.data || null,
-                animationState: Global.AnimationStates.success,
-                isLoading: false,
-                loadingType: Global.LoadingTypes.none,
-              });
-
-              notifyMessage("Identity verified successfully!", "success");
-
-              if (qrscan) {
-                setTimeout(() => startQRCodeScan(), 1200);
-              } else {
-                safeCallback(responseRef.current);
+            notifyMessage("Identity verified successfully!", "success");
 
-                if (resetTimeoutRef.current) {
-                  clearTimeout(resetTimeoutRef.current);
-                }
+            if (qrscan) {
+              setTimeout(() => startQRCodeScan(), 1200);
+            } else {
+              safeCallback(responseRef.current);
 
-                resetTimeoutRef.current = setTimeout(() => {
-                  resetState();
-                }, 1200);
+              if (resetTimeoutRef.current) {
+                clearTimeout(resetTimeoutRef.current);
               }
-            } else {
-              handleProcessError(
-                response?.data?.message ||
-                "Face not recognized. Please try again."
-              );
+
+              resetTimeoutRef.current = setTimeout(() => {
+                resetState();
+              }, 1200);
             }
-          } catch (error) {
-            console.error("Network request failed:", error);
+          } else {
             handleProcessError(
-              "Connection error. Please check your network.",
-              error
+              response?.data?.message ||
+              "Face not recognized. Please try again."
             );
           }
-        });
+        } catch (error) {
+          console.error("Network request failed:", error);
+          handleProcessError(
+            "Connection error. Please check your network.",
+            error
+          );
+        }
       },
       [
-        convertImageToBase64,
         notifyMessage,
         qrscan,
         resetState,

package/src/hooks/useImageProcessing.js

@@ -1,64 +0,0 @@
-import { useCallback } from 'react';
-import ImageResizer from 'react-native-image-resizer';
-import RNFS from 'react-native-fs';
-import { Global } from '../utils/Global';
-
-/**
- * Custom hook to process images: resize and convert to Base64.
- *
- * @returns {Object} { convertImageToBase64 }
- */
-export const useImageProcessing = () => {
-  /**
-   * Converts an image URI to a Base64 string after resizing.
-   *
-   * @param {string} uri - Image file URI.
-   * @param {boolean} includeMimeType - Whether to include MIME type in the result.
-   * @returns {Promise<string>} Base64 string of the image.
-   */
-  const convertImageToBase64 = useCallback(async (uri, includeMimeType = false) => {
-    try {
-      if (!uri || typeof uri !== 'string') {
-        throw new Error('Invalid image URI provided.');
-      }
-
-      // Optional: Check file info
-      try {
-        await RNFS.stat(uri);
-      } catch {
-        // Skip warnings; silently ignore
-      }
-
-      // Resize image
-      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 = await RNFS.readFile(resizedImage.uri, 'base64');
-
-      if (includeMimeType) {
-        const mimeType = Global.ImageResize.format.toLowerCase() === 'png' ? 'image/png' : 'image/jpeg';
-        base64Data = `data:${mimeType};base64,${base64Data}`;
-      }
-
-      return base64Data;
-    } catch (error) {
-      console.error('Error in convertImageToBase64:', error.message || error);
-      throw error; // Rethrow for caller handling
-    }
-  }, []);
-
-  return { convertImageToBase64 };
-};