react-native-biometric-verifier 0.0.12 → 0.0.13

package/src/utils/constants.js

@@ -15,6 +15,21 @@ export const COLORS = {
   textLight: '#FFFFFF',
   shadow: '#00000033', // semi-transparent shadow
 };
+// utils/constants.js
+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',
+};
+
+// Rest of your existing constants...
 
 // ====== ANIMATION STATES ======
 export const ANIMATION_STATES = {

package/src/components/EmployeeCard.js

@@ -1,61 +0,0 @@
-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} from '../utils/constants';
-import { styles } from './styles';
-
-export const EmployeeCard = ({ employeeData,apiurl }) => {
-  const [imageError, setImageError] = useState(false);
-
-  if (!employeeData || typeof employeeData !== 'object') {
-    console.warn('EmployeeCard: Invalid or missing employeeData');
-    return null;
-  }
-
-  const { facename, faceid, imageurl } = employeeData;
-
-  const employeeName = facename || 'Unknown Employee';
-  const employeeId = faceid || 'N/A';
-  const imageSource = !imageError && imageurl
-    ? { 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}>
-      {/* Employee Image */}
-      <View style={styles.employeeImageContainer}>
-        <Image
-          source={imageSource}
-          style={styles.employeeImage}
-          resizeMode="cover"
-          onError={() => {
-            console.error(`Error loading image for employee: ${employeeName}`);
-            setImageError(true);
-          }}
-        />
-        <View style={styles.employeeImageOverlay} />
-      </View>
-
-      {/* Employee Info */}
-      <Text style={styles.empName}>{employeeName}</Text>
-      <Text style={styles.empId}> ID: {employeeId}</Text>
-
-      {/* Verified Badge */}
-      <View style={styles.employeeDetails}>
-        <View style={styles.detailItem}>
-          <Icon name="verified-user" size={16} color={COLORS.success} />
-          <Text style={styles.detailText}>Identity Verified</Text>
-        </View>
-      </View>
-    </View>
-  );
-};
-
-EmployeeCard.propTypes = {
-  employeeData: PropTypes.shape({
-    facename: PropTypes.string,
-    faceid: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-    imageurl: PropTypes.string,
-  }),
-};

package/src/components/styles.js

@@ -1,200 +0,0 @@
-import { StyleSheet, Platform } from 'react-native';
-import { COLORS } from '../utils/constants';
-
-export const styles = StyleSheet.create({
-  modalBg: {
-    flex: 1,
-    backgroundColor: 'rgba(0, 0, 0, 0.7)',
-    justifyContent: 'center',
-    alignItems: 'center',
-    paddingHorizontal: 20,
-  },
-  close: {
-    position: 'absolute',
-    top: 20,
-    right: 20,
-    zIndex: 10,
-    backgroundColor: 'rgba(255, 255, 255, 0.2)',
-    borderRadius: 20,
-    padding: 5,
-  },
-  title: {
-    fontSize: 26,
-    fontWeight: '700',
-    color: COLORS.light,
-    marginBottom: 5,
-    textAlign: 'center',
-    fontFamily: Platform.OS === 'ios' ? 'Helvetica Neue' : 'sans-serif',
-  },
-  subTitle: {
-    fontSize: 18,
-    color: COLORS.light,
-    marginBottom: 25,
-    fontWeight: '600',
-    textAlign: 'center',
-    opacity: 0.9,
-    fontFamily: Platform.OS === 'ios' ? 'Helvetica Neue' : 'sans-serif-medium',
-  },
-  indicatorContainer: {
-    justifyContent: 'center',
-    alignItems: 'center',
-    marginVertical: 25,
-  },
-  employeeCard: {
-    alignItems: 'center',
-    marginVertical: 20,
-    width: '100%',
-    padding: 20,
-    backgroundColor: 'rgba(255, 255, 255, 0.9)',
-    borderRadius: 16,
-    shadowColor: '#000',
-    shadowOffset: { width: 0, height: 4 },
-    shadowOpacity: 0.1,
-    shadowRadius: 6,
-    elevation: 3,
-  },
-  employeeImageContainer: {
-    width: 100,
-    height: 100,
-    borderRadius: 50,
-    borderWidth: 3,
-    borderColor: COLORS.primary,
-    position: 'relative',
-    overflow: 'hidden',
-  },
-  employeeImage: {
-    width: '100%',
-    height: '100%',
-  },
-  employeeImageOverlay: {
-    ...StyleSheet.absoluteFillObject,
-    backgroundColor: 'rgba(108, 99, 255, 0.1)',
-  },
-  empName: {
-    fontSize: 20,
-    fontWeight: '600',
-    marginTop: 15,
-    color: COLORS.dark,
-    fontFamily: Platform.OS === 'ios' ? 'Helvetica Neue' : 'sans-serif-medium',
-  },
-  empId: {
-    fontSize: 15,
-    color: COLORS.gray,
-    marginTop: 5,
-    fontFamily: Platform.OS === 'ios' ? 'Helvetica Neue' : 'sans-serif',
-  },
-  employeeDetails: {
-    flexDirection: 'row',
-    marginTop: 15,
-    justifyContent: 'center',
-    flexWrap: 'wrap',
-  },
-  detailItem: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    marginHorizontal: 8,
-    marginVertical: 4,
-  },
-  detailText: {
-    fontSize: 13,
-    color: COLORS.gray,
-    marginLeft: 5,
-    fontFamily: Platform.OS === 'ios' ? 'Helvetica Neue' : 'sans-serif',
-  },
-  notificationBox: {
-    padding: 15,
-    borderRadius: 12,
-    marginVertical: 10,
-    width: '100%',
-    flexDirection: 'row',
-    alignItems: 'center',
-    shadowColor: '#000',
-    shadowOffset: { width: 0, height: 2 },
-    shadowOpacity: 0.1,
-    shadowRadius: 4,
-    elevation: 2,
-  },
-  info: {
-    backgroundColor: 'rgba(33, 150, 243, 0.15)',
-    borderLeftWidth: 4,
-    borderLeftColor: COLORS.light,
-  },
-  success: {
-    backgroundColor: 'rgba(76, 175, 80, 0.15)',
-    borderLeftWidth: 4,
-    borderLeftColor: COLORS.success,
-  },
-  error: {
-    backgroundColor: 'rgba(244, 67, 54, 0.15)',
-    borderLeftWidth: 4,
-    borderLeftColor: COLORS.error,
-  },
-  notificationIcon: {
-    marginRight: 10,
-  },
-  notificationText: {
-    fontSize: 14,
-    color: COLORS.light,
-    fontWeight: '500',
-    flex: 1,
-    fontFamily: Platform.OS === 'ios' ? 'Helvetica Neue' : 'sans-serif',
-  },
-  timerContainer: {
-    marginTop: 20,
-    alignItems: 'center',
-  },
-  timerCircle: {
-    width: 80,
-    height: 80,
-    borderRadius: 40,
-    backgroundColor: 'rgba(255, 255, 255, 0.2)',
-    justifyContent: 'center',
-    alignItems: 'center',
-    position: 'relative',
-  },
-  timerProgressContainer: {
-    position: 'absolute',
-    width: '100%',
-    height: '100%',
-  },
-  timerProgress: {
-    width: 76,
-    height: 76,
-    borderRadius: 38,
-    borderWidth: 3,
-    borderColor: COLORS.light,
-    borderLeftColor: 'transparent',
-    borderBottomColor: 'transparent',
-  },
-  timerText: {
-    fontSize: 20,
-    fontWeight: '700',
-    color: COLORS.light,
-    fontFamily: Platform.OS === 'ios' ? 'Helvetica Neue' : 'sans-serif-medium',
-  },
-  timerLabel: {
-    fontSize: 14,
-    color: COLORS.light,
-    marginTop: 5,
-    opacity: 0.8,
-    fontFamily: Platform.OS === 'ios' ? 'Helvetica Neue' : 'sans-serif',
-  },
-  capturedImageContainer: {
-  marginVertical: 15,
-  alignItems: 'center',
-  justifyContent: 'center',
-},
-capturedImage: {
-  width: 120,
-  height: 120,
-  borderRadius: 10,
-  borderWidth: 2,
-  borderColor: COLORS.primary,
-},
-capturedImageText: {
-  marginTop: 8,
-  fontSize: 14,
-  color: COLORS.light,
-  textAlign: 'center',
-},
-});