react-native-biometric-verifier 0.0.62 → 0.0.64

package/.gitattributes

@@ -0,0 +1,2 @@
+# Auto detect text files and perform LF normalization
+* text=auto

package/LICENSE

@@ -0,0 +1,21 @@
+JESCON TECHNOLOGIES PVT LTD License
+
+Copyright (c) 2024 PRAFULDAS M M
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,28 +1,116 @@
 # React Native Biometric Verifier
 
-A comprehensive biometric verification module for React Native that combines face recognition and QR code scanning with location verification.
+A powerful and easy-to-use React Native module for biometric verification, featuring face recognition and QR code scanning capabilities with location validation.
+
 
 ## Features
 
-- Face recognition verification
-- QR code scanning
-- Location verification
-- Animated UI with state indicators
-- Countdown timer
-- Customizable notification system
-- Comprehensive error handling
+- **Face Recognition**: Capture and verify user identity via face scan.
+- **QR Code Scanning**: specialized mode for location verification using QR codes.
+- **Location Validation**: Verify user presence within a specific geofence.
+- **Liveness Detection**: Configurable liveness and anti-spoofing checks.
+- **Customizable UI**: Animations, countdown timers, and feedback notifications.
 
 ## Installation
 
 ```bash
 npm install react-native-biometric-verifier
-# or
-yarn add react-native-biometric-verifier
-
-#<BiometricModal
-#data={response?.data?.userdata?.hrenemp}
-#apiurl={"http://his.amalaims.org:9090/"}
-#livenessLevel={1}
-#onclose={i =>{setResponse(i)}}
-#qrscan={response?.data?.userdata?.qrscan}
-#callback={() => {actionLogin(response);}}/>
+```
+
+### Peer Dependencies
+
+This library relies on several peer dependencies that you must install in your project:
+
+```bash
+npm install react-native-vector-icons react-native-geolocation-service react-native-image-resizer react-native-fs prop-types
+```
+
+### Platform Configuration
+
+#### iOS
+Add the following keys to your `Info.plist` file to request camera and location permissions:
+
+```xml
+<key>NSCameraUsageDescription</key>
+<string>We need access to your camera for biometric verification</string>
+<key>NSLocationWhenInUseUsageDescription</key>
+<string>We need your location to verify your presence at the designated area</string>
+```
+
+#### Android
+Add the following permissions to your `AndroidManifest.xml`:
+
+```xml
+<uses-permission android:name="android.permission.CAMERA" />
+<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
+<uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
+```
+
+## Usage
+
+Import the `BiometricModal` component and standard React hooks.
+
+```javascript
+import React, { useState } from 'react';
+import { View, Button } from 'react-native';
+import BiometricModal from 'react-native-biometric-verifier';
+
+const App = () => {
+  const [isVerifierOpen, setIsVerifierOpen] = useState(false);
+
+  const handleVerificationComplete = (data) => {
+    console.log('Verification Success:', data);
+    // Handle success (e.g., navigate to next screen, show success message)
+    setIsVerifierOpen(false);
+  };
+
+  return (
+    <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
+      <Button title="Start Verification" onPress={() => setIsVerifierOpen(true)} />
+
+      {isVerifierOpen && (
+        <BiometricModal
+          data="USER_UNIQUE_ID" // e.g., Employee ID or Face ID
+          depKey="DEPARTMENT_KEY" // Optional: for QR location validation
+          apiurl="https://your-api-endpoint.com/"
+          onclose={(val) => setIsVerifierOpen(val)}
+          callback={handleVerificationComplete}
+          // Optional Props
+          qrscan={false} // Set to true to enable QR scan mode first
+          duration={100} // Countdown duration in seconds
+          MaxDistanceMeters={30} // Allowed radius for location verification
+          frameProcessorFps={5}
+          livenessLevel="high"
+          antispooflevel="high"
+        />
+      )}
+    </View>
+  );
+};
+
+export default App;
+```
+
+## Props
+
+| Prop | Type | Required | Description | Default |
+|------|------|----------|-------------|---------|
+| `apiurl` | string | Yes | Base URL for the verification backend API. | - |
+| `data` | string | Yes | Unique identifier for the user (e.g., Face ID, User ID). | - |
+| `onclose` | function | Yes | Callback function to close the modal. | - |
+| `callback` | function | Yes | Callback function returning successful verification data. | - |
+| `qrscan` | boolean | No | If `true`, starts with QR code scanning mode. | `false` |
+| `depKey` | string | No | Key used to validate the QR code content. | - |
+| `duration` | number | No | Timeout duration for the session in seconds. | `100` |
+| `MaxDistanceMeters` | number | No | Maximum allowed distance (meters) for location check. | `30` |
+| `frameProcessorFps` | number | No | Frames per second for image processing. | - |
+| `livenessLevel` | string | No | Liveness detection strictness. | - |
+| `antispooflevel` | string | No | Anti-spoofing strictness. | - |
+
+## Contributing
+
+Contributions are welcome! Please open an issue or submit a pull request for any bugs or improvements.
+
+## License
+
+JESCON TECHNOLOGIES PVT LTD

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-biometric-verifier",
-  "version": "0.0.62",
+  "version": "0.0.64",
   "description": "A React Native module for biometric verification with face recognition and QR code scanning",
   "main": "src/index.js",
   "scripts": {
@@ -15,6 +15,14 @@
   ],
   "author": "PRAFULDAS M M",
   "license": "JESCON TECHNOLOGIES PVT LTD",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/dpraful/react-native-biometric-verifier.git"
+  },
+  "homepage": "https://github.com/dpraful/react-native-biometric-verifier#readme",
+  "bugs": {
+    "url": "https://github.com/dpraful/react-native-biometric-verifier/issues"
+  },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
     "react-native": ">=0.60.0",
@@ -29,4 +37,4 @@
     "react": "^18.0.0",
     "react-native": "^0.69.0"
   }
-}
+}

package/src/components/CaptureImageWithoutEdit.js

@@ -545,17 +545,17 @@ const CaptureImageWithoutEdit = React.memo(
               {isFaceCentered && (
                 <View style={styles.confidenceContainer}>
                   <Text style={styles.confidenceText}>
-                    Confidence: {Math.round(antiSpoofConfidence * 10)}%
+                    Confidence: {Math.round(antiSpoofConfidence * 100)}%
                   </Text>
                   <View style={styles.confidenceBar}>
                     <View
                       style={[
                         styles.confidenceProgress,
                         {
-                          width: `${antiSpoofConfidence * 10}%`,
-                          backgroundColor: antiSpoofConfidence > 6
+                          width: `${antiSpoofConfidence * 100}%`,
+                          backgroundColor: antiSpoofConfidence * 100 > 40
                             ? Global.AppTheme.success
-                            : antiSpoofConfidence > 3
+                            : antiSpoofConfidence * 100 > 20
                               ? Global.AppTheme.warning
                               : Global.AppTheme.error
                         }

package/src/hooks/useFaceDetectionFrameProcessor.js

@@ -29,6 +29,7 @@ const MIN_FACE_CENTERED_FRAMES = 2;
 // Performance optimization constants
 const MAX_FRAME_PROCESSING_TIME_MS = 500;
 const BATCH_UPDATE_THRESHOLD = 3;
+const REAL_LAPLACIAN_THRESHOLD = 3500;
 
 export const useFaceDetectionFrameProcessor = ({
   onStableFaceDetected = () => { },
@@ -39,7 +40,7 @@ export const useFaceDetectionFrameProcessor = ({
   isLoading = false,
   isActive = true,
   livenessLevel,
-  antispooflevel = 6,
+  antispooflevel = 0.35,
 }) => {
   const { detectFaces } = useFaceDetector({
     performanceMode: 'fast',
@@ -247,6 +248,7 @@ export const useFaceDetectionFrameProcessor = ({
     );
   });
 
+
   // Optimized frame processor
   const frameProcessor = useFrameProcessor(
     (frame) => {
@@ -363,9 +365,11 @@ export const useFaceDetectionFrameProcessor = ({
               if (antiSpoofResult != null) {
                 state.antiSpoof.lastResult = antiSpoofResult;
 
-                const confidence = antiSpoofResult.combinedScore || antiSpoofResult.neuralNetworkScore || 0;
+                const { laplacianScore = 0, confidence = 0, combinedScore = 0 } = antiSpoofResult;
 
-                if (confidence > antispooflevel) {
+                if (laplacianScore > REAL_LAPLACIAN_THRESHOLD &&
+                  confidence > antispooflevel &&
+                  combinedScore > antispooflevel) {
                   state.antiSpoof.consecutiveLiveFrames = Math.min(
                     REQUIRED_CONSECUTIVE_LIVE_FRAMES,
                     state.antiSpoof.consecutiveLiveFrames + 1