react-native-biometric-verifier 0.0.18 → 0.0.20

package/src/hooks/useImageProcessing.js

@@ -1,7 +1,7 @@
 import { useCallback } from 'react';
 import ImageResizer from 'react-native-image-resizer';
 import RNFS from 'react-native-fs';
-import { IMAGE_RESIZE } from '../utils/constants';
+import { Global } from '../utils/Global';
 
 /**
  * Custom hook to process images: resize and convert to Base64.
@@ -38,10 +38,10 @@ export const useImageProcessing = () => {
       try {
         resizedImage = await ImageResizer.createResizedImage(
           uri,
-          IMAGE_RESIZE.width,
-          IMAGE_RESIZE.height,
-          IMAGE_RESIZE.format,  // 'JPEG' or 'PNG'
-          IMAGE_RESIZE.quality, // e.g., 80
+          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
@@ -64,7 +64,7 @@ export const useImageProcessing = () => {
 
       // Optionally prepend MIME type
       if (includeMimeType) {
-        const mimeType = IMAGE_RESIZE.format.toLowerCase() === 'png' ? 'image/png' : 'image/jpeg';
+        const mimeType = Global.ImageResize.format.toLowerCase() === 'png' ? 'image/png' : 'image/jpeg';
         base64Data = `data:${mimeType};base64,${base64Data}`;
       }
 

package/src/hooks/useNotifyMessage.js

@@ -7,7 +7,7 @@ import {
   ToastAndroid,
   Alert,
 } from 'react-native';
-import { COLORS } from '../utils/constants';
+import { Global } from '../utils/Global';
 
 export const useNotifyMessage = () => {
   const [notification, setNotification] = useState({
@@ -22,9 +22,9 @@ export const useNotifyMessage = () => {
 
   // Styles for notification container based on type
   const getNotificationStyle = useCallback((type) => {
-    let backgroundColor = COLORS.info;
-    if (type === 'success') backgroundColor = COLORS.success;
-    if (type === 'error') backgroundColor = COLORS.error;
+    let backgroundColor = Global.AppTheme.info;
+    if (type === 'success') backgroundColor = Global.AppTheme.success;
+    if (type === 'error') backgroundColor = Global.AppTheme.error;
 
     return {
       position: 'absolute',

package/src/index.js

@@ -27,13 +27,7 @@ import { useSafeCallback } from "./hooks/useSafeCallback";
 
 // Utils
 import { getDistanceInMeters } from "./utils/distanceCalculator";
-import {
-  ANIMATION_STATES,
-  COLORS,
-  COUNTDOWN_DURATION,
-  MAX_DISTANCE_METERS,
-  LOADING_TYPES,
-} from "./utils/constants";
+import { Global } from "./utils/Global";
 import networkServiceCall from "./utils/NetworkServiceCall";
 import { getLoaderGif } from "./utils/getLoaderGif";
 
@@ -46,7 +40,7 @@ import CaptureImageWithoutEdit from "./components/CaptureImageWithoutEdit";
 import StepIndicator from "./components/StepIndicator";
 
 const BiometricModal = React.memo(
-  ({ data, qrscan = false, callback, apiurl, onclose, frameProcessorFps }) => {
+  ({ data, qrscan = false, callback, apiurl, onclose, frameProcessorFps, livenessLevel }) => {
     const navigation = useNavigation();
     
     // Custom hooks
@@ -61,10 +55,10 @@ const BiometricModal = React.memo(
     const [cameraType, setCameraType] = useState("front");
     const [state, setState] = useState({
       isLoading: false,
-      loadingType: LOADING_TYPES.NONE,
+      loadingType: Global.LoadingTypes.none,
       currentStep: "Start",
       employeeData: null,
-      animationState: ANIMATION_STATES.FACE_SCAN,
+      animationState: Global.AnimationStates.faceScan,
     });
 
     // Refs
@@ -174,10 +168,10 @@ const BiometricModal = React.memo(
       
       setState({
         isLoading: false,
-        loadingType: LOADING_TYPES.NONE,
+        loadingType: Global.LoadingTypes.none,
         currentStep: "Start",
         employeeData: null,
-        animationState: ANIMATION_STATES.FACE_SCAN,
+        animationState: Global.AnimationStates.faceScan,
       });
       
       setModalVisible(false);
@@ -200,9 +194,9 @@ const BiometricModal = React.memo(
 
         notifyMessage(message, "error");
         updateState({
-          animationState: ANIMATION_STATES.ERROR,
+          animationState: Global.AnimationStates.error,
           isLoading: false,
-          loadingType: LOADING_TYPES.NONE,
+          loadingType: Global.LoadingTypes.none,
         });
 
         if (resetTimeoutRef.current) {
@@ -256,8 +250,8 @@ const BiometricModal = React.memo(
 
         updateState({
           isLoading: true,
-          loadingType: LOADING_TYPES.FACE_RECOGNITION,
-          animationState: ANIMATION_STATES.PROCESSING,
+          loadingType: Global.LoadingTypes.faceRecognition,
+          animationState: Global.AnimationStates.processing,
         });
 
         InteractionManager.runAfterInteractions(async () => {
@@ -266,7 +260,7 @@ const BiometricModal = React.memo(
           try {
             console.log("🖼️ Converting image to base64");
             updateState({
-              loadingType: LOADING_TYPES.IMAGE_PROCESSING,
+              loadingType: Global.LoadingTypes.imageProcessing,
             });
 
             base64 = await convertImageToBase64(selfie?.uri);
@@ -290,7 +284,7 @@ const BiometricModal = React.memo(
             console.log("🌐 Calling face recognition API:", buttonapi);
 
             updateState({
-              loadingType: LOADING_TYPES.NETWORK_REQUEST,
+              loadingType: Global.LoadingTypes.networkRequest,
             });
 
             const response = await networkServiceCall(
@@ -308,9 +302,9 @@ const BiometricModal = React.memo(
               
               updateState({
                 employeeData: response.data?.data || null,
-                animationState: ANIMATION_STATES.SUCCESS,
+                animationState: Global.AnimationStates.success,
                 isLoading: false,
-                loadingType: LOADING_TYPES.NONE,
+                loadingType: Global.LoadingTypes.none,
               });
 
               notifyMessage("Identity verified successfully!", "success");
@@ -367,15 +361,15 @@ const BiometricModal = React.memo(
         if (!validateApiUrl()) return;
 
         updateState({
-          animationState: ANIMATION_STATES.PROCESSING,
+          animationState: Global.AnimationStates.processing,
           isLoading: true,
-          loadingType: LOADING_TYPES.LOCATION_VERIFICATION,
+          loadingType: Global.LoadingTypes.locationVerification,
         });
 
         try {
           console.log("📍 Requesting location permission");
           updateState({
-            loadingType: LOADING_TYPES.LOCATION_PERMISSION,
+            loadingType: Global.LoadingTypes.locationPermission,
           });
 
           const hasPermission = await requestLocationPermission();
@@ -400,7 +394,7 @@ const BiometricModal = React.memo(
           console.log("📋 QR code content:", qrString);
 
           updateState({
-            loadingType: LOADING_TYPES.GETTING_LOCATION,
+            loadingType: Global.LoadingTypes.gettingLocation,
           });
 
           const location = await getCurrentLocation();
@@ -422,7 +416,7 @@ const BiometricModal = React.memo(
 
           if (validCoords && validDev) {
             updateState({
-              loadingType: LOADING_TYPES.CALCULATING_DISTANCE,
+              loadingType: Global.LoadingTypes.calculateDistance,
             });
 
             const distance = getDistanceInMeters(
@@ -438,15 +432,15 @@ const BiometricModal = React.memo(
               "meters"
             );
 
-            if (distance <= MAX_DISTANCE_METERS) {
+            if (distance <= Global.MaxDistanceMeters) {
               console.log("✅ Location verified successfully");
               safeCallback(responseRef.current);
               notifyMessage("Location verified successfully!", "success");
               
               updateState({
-                animationState: ANIMATION_STATES.SUCCESS,
+                animationState: Global.AnimationStates.success,
                 isLoading: false,
-                loadingType: LOADING_TYPES.NONE,
+                loadingType: Global.LoadingTypes.none,
               });
 
               if (resetTimeoutRef.current) {
@@ -517,7 +511,7 @@ const BiometricModal = React.memo(
       console.log("👤 Starting face scan");
       updateState({
         currentStep: "Identity Verification",
-        animationState: ANIMATION_STATES.FACE_SCAN,
+        animationState: Global.AnimationStates.faceScan,
       });
       setCameraType("front");
     }, [updateState]);
@@ -527,21 +521,11 @@ const BiometricModal = React.memo(
       console.log("📍 Starting QR code scan");
       updateState({
         currentStep: "Location Verification",
-        animationState: ANIMATION_STATES.QR_SCAN,
+        animationState: Global.AnimationStates.qrScan,
       });
       setCameraType("back");
     }, [updateState]);
 
-    // Toggle camera
-    const toggleCamera = useCallback(() => {
-      console.log("🔄 Toggling camera");
-      setCameraType((prevType) => {
-        const newType = prevType === "front" ? "back" : "front";
-        console.log("📷 Switching to camera:", newType);
-        return newType;
-      });
-    }, []);
-
     // Start the verification process
     const startProcess = useCallback(() => {
       console.log("🚀 Starting verification process");
@@ -571,8 +555,8 @@ const BiometricModal = React.memo(
     const shouldShowCamera =
       (state.currentStep === "Identity Verification" ||
         state.currentStep === "Location Verification") &&
-      state.animationState !== ANIMATION_STATES.SUCCESS &&
-      state.animationState !== ANIMATION_STATES.ERROR;
+      state.animationState !== Global.AnimationStates.success &&
+      state.animationState !== Global.AnimationStates.error;
 
     return (
       <Modal
@@ -589,11 +573,10 @@ const BiometricModal = React.memo(
               <CaptureImageWithoutEdit
                 cameraType={cameraType}
                 onCapture={handleImageCapture}
-                onToggleCamera={toggleCamera}
                 showCodeScanner={state.currentStep === "Location Verification"}
                 isLoading={state.isLoading}
-                currentStep={state.currentStep}
                 frameProcessorFps={frameProcessorFps}
+                livenessLevel={livenessLevel}
               />
             </View>
           )}
@@ -605,7 +588,7 @@ const BiometricModal = React.memo(
             accessibilityLabel="Close modal"
             hitSlop={{ top: 20, bottom: 20, left: 20, right: 20 }}
           >
-            <Icon name="close" size={24} color={COLORS.light} />
+            <Icon name="close" size={24} color={Global.AppTheme.light} />
           </TouchableOpacity>
           
           <View style={styles.topContainer}>
@@ -639,7 +622,7 @@ const BiometricModal = React.memo(
 
           <View style={styles.timerContainer}>
             <CountdownTimer
-              duration={COUNTDOWN_DURATION}
+              duration={Global.CountdownDuration}
               currentTime={countdown}
             />
           </View>
@@ -657,7 +640,7 @@ const BiometricModal = React.memo(
 const styles = StyleSheet.create({
   modalContainer: {
     flex: 1,
-    backgroundColor: COLORS.modalBackground || 'rgba(0, 0, 0, 0.85)',
+    backgroundColor: Global.AppTheme.modalBackground || 'rgba(0, 0, 0, 0.85)',
   },
   cameraContainer: {
     position: 'absolute',
@@ -694,7 +677,7 @@ const styles = StyleSheet.create({
   title: {
     fontSize: 26,
     fontWeight: '700',
-    color: COLORS.textLight || COLORS.light,
+    color: Global.AppTheme.textLight || Global.AppTheme.light,
     marginBottom: 5,
     textAlign: 'left',
     fontFamily: Platform.OS === 'ios' ? 'Helvetica Neue' : 'sans-serif',
@@ -704,7 +687,7 @@ const styles = StyleSheet.create({
   },
   subtitle: {
     fontSize: 18,
-    color: COLORS.textLight || COLORS.light,
+    color: Global.AppTheme.textLight || Global.AppTheme.light,
     marginBottom: 0,
     fontWeight: '600',
     textAlign: 'left',

package/src/utils/Global.js

@@ -0,0 +1,48 @@
+export class Global {
+  // ====== APP CONSTANTS ======
+  static AppTheme = {
+    primary: '#6C63FF',
+    primaryLight: '#8A85FF',
+    success: '#4CAF50',
+    error: '#F44336',
+    warning: '#FF9800',
+    info: '#2196F3',
+    dark: '#2D3748',
+    light: '#F7FAFC',
+    gray: '#A0AEC0',
+    background: '#F8F9FA',
+    cardBackground: '#FFFFFF',
+    textLight: '#FFFFFF',
+    shadow: '#00000033', // semi-transparent shadow
+    modalBackground: 'rgba(0, 0, 0, 0.85)',
+  };
+
+  static LoadingTypes = {
+    none: 'none',
+    imageProcessing: 'imageProcessing',
+    faceRecognition: 'faceRecognition',
+    networkRequest: 'networkRequest',
+    locationPermission: 'locationPermission',
+    gettingLocation: 'gettingLocation',
+    calculateDistance: 'calculateDistance',
+    locationVerification: 'locationVerification',
+  };
+
+  static AnimationStates = {
+    faceScan: 'faceScan',
+    qrScan: 'qrScan',
+    processing: 'processing',
+    success: 'success',
+    error: 'error',
+  };
+
+  static ImageResize = {
+    width: 640,
+    height: 640,
+    format: 'JPEG', // 'PNG' or 'JPEG'
+    quality: 85, // 0–100
+  };
+
+  static CountdownDuration = 100; // seconds
+  static MaxDistanceMeters = 100; // Max allowed distance for QR verification
+}

package/src/utils/getLoaderGif.js

@@ -1,4 +1,4 @@
-import { ANIMATION_STATES} from '../utils/constants';
+import { Global } from "./Global";
 
 /**
  * Decides which GIF should be shown based on animationState or currentStep
@@ -13,14 +13,14 @@ export const getLoaderGif = (animationState, currentStep,APIURL) => {
     `${APIURL}file/getCommonFile/image/Location.gif`;
 
   if (
-    animationState === ANIMATION_STATES.FACE_SCAN ||
+    animationState === Global.AnimationStates.faceScan ||
     currentStep === 'Identity Verification'
   ) {
     return { uri: FaceGifUrl };
   }
 
   if (
-    animationState === ANIMATION_STATES.QR_SCAN ||
+    animationState === Global.AnimationStates.qrScan ||
     currentStep === 'Location Verification'
   ) {
     return { uri: LocationGifUrl };

package/src/utils/constants.js

@@ -1,73 +0,0 @@
-// ====== COLORS ======
-export const COLORS = {
-  primary: '#6C63FF',
-  primaryLight: '#8A85FF',
-  success: '#4CAF50',
-  error: '#F44336',
-  warning: '#FF9800',
-  info: '#2196F3',
-  dark: '#2D3748',
-  light: '#F7FAFC',
-  gray: '#A0AEC0',
-  background: '#F8F9FA',
-  cardBackground: '#FFFFFF',
-  textLight: '#FFFFFF',
-  shadow: '#00000033', // semi-transparent shadow
-  modalBackground: 'rgba(0, 0, 0, 0.85)',
-};
-
-// ====== LOADING TYPES ======
-export const LOADING_TYPES = {
-  NONE: 'NONE',
-  CAMERA_INIT: 'CAMERA_INIT',
-  CAPTURING_PHOTO: 'CAPTURING_PHOTO',
-  IMAGE_PROCESSING: 'IMAGE_PROCESSING',
-  FACE_RECOGNITION: 'FACE_RECOGNITION',
-  NETWORK_REQUEST: 'NETWORK_REQUEST',
-  LOCATION_PERMISSION: 'LOCATION_PERMISSION',
-  GETTING_LOCATION: 'GETTING_LOCATION',
-  CALCULATING_DISTANCE: 'CALCULATING_DISTANCE',
-  LOCATION_VERIFICATION: 'LOCATION_VERIFICATION',
-};
-
-// ====== ANIMATION STATES ======
-export const ANIMATION_STATES = {
-  FACE_SCAN: 'faceScan',
-  QR_SCAN: 'qrScan',
-  PROCESSING: 'processing',
-  SUCCESS: 'success',
-  ERROR: 'error',
-};
-
-// ====== IMAGE RESIZE CONFIG ======
-export const IMAGE_RESIZE = {
-  width: 640,
-  height: 640,
-  format: 'JPEG', // 'PNG' or 'JPEG'
-  quality: 85,    // 0-100
-};
-
-// ====== CONSTANTS ======
-export const COUNTDOWN_DURATION = 100; // seconds
-export const MAX_DISTANCE_METERS = 100; // Max allowed distance for QR verification
-
-// ====== NOTIFICATION SETTINGS ======
-export const NOTIFICATION = {
-  DEFAULT_DURATION: 3000, // ms
-  FADE_DURATION: 300,     // ms
-  SLIDE_DISTANCE: 20,     // px
-  VIBRATION_DURATION: 100, // ms
-  TOAST_OFFSET: 80,        // Android Toast vertical offset
-};
-
-// ====== QR VERIFICATION SETTINGS ======
-export const QR_VERIFICATION = {
-  MAX_ATTEMPTS: 3,          // Maximum retries for QR scan
-  TIMEOUT: 10000,           // Timeout in ms per scan
-};
-
-// ====== PLATFORM ======
-export const PLATFORM = {
-  IOS: 'ios',
-  ANDROID: 'android',
-};