react-native-biometric-verifier 0.0.18 → 0.0.20

package/src/components/Card.js

@@ -2,7 +2,7 @@ import React, { useState } from 'react';
 import { View, Text, Image, StyleSheet, Platform } from 'react-native';
 import Icon from 'react-native-vector-icons/MaterialIcons';
 import PropTypes from 'prop-types';
-import { COLORS } from '../utils/constants';
+import { Global } from '../utils/Global';
 
 export const Card = ({ employeeData, apiurl }) => {
   const [imageError, setImageError] = useState(false);
@@ -44,7 +44,7 @@ export const Card = ({ employeeData, apiurl }) => {
       {/* Verified Badge */}
       <View style={styles.badgeWrapper}>
         <View style={styles.badge}>
-          <Icon name="verified-user" size={16} color={COLORS.success} />
+          <Icon name="verified-user" size={16} color={Global.AppTheme.success} />
           <Text style={styles.badgeText}>Identity Verified</Text>
         </View>
       </View>
@@ -82,7 +82,7 @@ const styles = StyleSheet.create({
     height: 110,
     borderRadius: 55,
     borderWidth: 3,
-    borderColor: COLORS.primary,
+    borderColor: Global.AppTheme.primary,
     overflow: 'hidden',
     justifyContent: 'center',
     alignItems: 'center',
@@ -100,12 +100,12 @@ const styles = StyleSheet.create({
     fontSize: 20,
     fontWeight: '600',
     marginTop: 15,
-    color: COLORS.light,
+    color: Global.AppTheme.light,
     fontFamily: Platform.OS === 'ios' ? 'Helvetica Neue' : 'sans-serif-medium',
   },
   id: {
     fontSize: 15,
-    color: COLORS.gray,
+    color: Global.AppTheme.gray,
     marginTop: 5,
     fontFamily: Platform.OS === 'ios' ? 'Helvetica Neue' : 'sans-serif',
   },
@@ -127,7 +127,7 @@ const styles = StyleSheet.create({
   },
   badgeText: {
     fontSize: 13,
-    color: COLORS.light,
+    color: Global.AppTheme.light,
     marginLeft: 6,
     fontFamily: Platform.OS === 'ios' ? 'Helvetica Neue' : 'sans-serif',
   },

package/src/components/CountdownTimer.js

@@ -1,6 +1,6 @@
 import React, { useEffect, useRef } from 'react';
 import { View, Text, Animated, StyleSheet, Platform } from 'react-native';
-import { COLORS } from '../utils/constants';
+import { Global } from '../utils/Global';
 
 export const CountdownTimer = ({ duration, currentTime }) => {
   const progress = useRef(new Animated.Value(1)).current;
@@ -45,8 +45,8 @@ export const CountdownTimer = ({ duration, currentTime }) => {
 
   // Change color when < 10 seconds
   const isEnding = currentTime <= 10;
-  const circleColor = isEnding ? 'red' : COLORS.light;
-  const textColor = isEnding ? 'red' : COLORS.light;
+  const circleColor = isEnding ? 'red' : Global.AppTheme.light;
+  const textColor = isEnding ? 'red' : Global.AppTheme.light;
 
   return (
     <View style={styles.container}>

package/src/components/Notification.js

@@ -2,7 +2,7 @@ import React, { useEffect, useRef } from 'react';
 import { Animated, Text, Platform, StyleSheet } from 'react-native';
 import Icon from 'react-native-vector-icons/MaterialIcons';
 import PropTypes from 'prop-types';
-import { COLORS } from '../utils/constants';
+import { Global } from '../utils/Global';
 
 export const Notification = ({ notification, fadeAnim, slideAnim }) => {
   if (!notification || typeof notification !== 'object') {
@@ -15,9 +15,9 @@ export const Notification = ({ notification, fadeAnim, slideAnim }) => {
 
   // Icon and color mapping
   const iconMap = {
-    success: { name: 'check-circle', color: COLORS.success },
-    error: { name: 'error', color: COLORS.error },
-    info: { name: 'info', color: COLORS.info },
+    success: { name: 'check-circle', color: Global.AppTheme.success },
+    error: { name: 'error', color: Global.AppTheme.error },
+    info: { name: 'info', color: Global.AppTheme.info },
   };
 
   const { name: iconName, color: iconColor } = iconMap[type] || iconMap.info;
@@ -123,7 +123,7 @@ const styles = StyleSheet.create({
     width: '100%',
     flexDirection: 'row',
     alignItems: 'center',
-    backgroundColor: COLORS.dark,
+    backgroundColor: Global.AppTheme.dark,
     shadowColor: '#000',
     shadowOffset: { width: 0, height: 2 },
     shadowOpacity: 0.1,
@@ -135,7 +135,7 @@ const styles = StyleSheet.create({
   },
   message: {
     fontSize: 14,
-    color: COLORS.light,
+    color: Global.AppTheme.light,
     fontWeight: '500',
     flex: 1,
     fontFamily: Platform.OS === 'ios' ? 'Helvetica Neue' : 'sans-serif',

package/src/components/StepIndicator.js

@@ -2,7 +2,7 @@
 import React from 'react';
 import { View, Text, StyleSheet } from 'react-native';
 import Icon from 'react-native-vector-icons/MaterialIcons';
-import { COLORS } from '../utils/constants';
+import { Global } from '../utils/Global';
 
 const StepIndicator = ({ currentStep, qrscan }) => {
   return (
@@ -16,8 +16,8 @@ const StepIndicator = ({ currentStep, qrscan }) => {
             currentStep === "Identity Verification" ||
             currentStep === "Location Verification" ||
             currentStep === "Complete"
-              ? COLORS.primary
-              : COLORS.light
+              ? Global.AppTheme.primary
+              : Global.AppTheme.light
           }
           style={styles.statusIcon}
         />
@@ -44,8 +44,8 @@ const StepIndicator = ({ currentStep, qrscan }) => {
               color={
                 currentStep === "Location Verification" ||
                 currentStep === "Complete"
-                  ? COLORS.primary
-                  : COLORS.light
+                  ? Global.AppTheme.primary
+                  : Global.AppTheme.light
               }
               style={styles.statusIcon}
             />
@@ -81,7 +81,7 @@ const styles = StyleSheet.create({
   },
   statusText: {
     fontSize: 12,
-    color: COLORS.light,
+    color: Global.AppTheme.light,
     opacity: 0.6,
   },
   statusTextActive: {
@@ -91,7 +91,7 @@ const styles = StyleSheet.create({
   statusSeparator: {
     width: 40,
     height: 1,
-    backgroundColor: COLORS.light,
+    backgroundColor: Global.AppTheme.light,
     opacity: 0.3,
     marginHorizontal: 15,
   },

package/src/hooks/useCountdown.js

@@ -1,5 +1,5 @@
 import { useRef, useState, useEffect, useCallback } from 'react';
-import { COUNTDOWN_DURATION } from '../utils/constants';
+import { Global } from '../utils/Global';
 
 /**
  * Custom hook for a countdown timer with pause/resume functionality.
@@ -8,9 +8,9 @@ import { COUNTDOWN_DURATION } from '../utils/constants';
  * @returns {Object} countdown, startCountdown, resetCountdown, pauseCountdown, resumeCountdown
  */
 export const useCountdown = (onExpire) => {
-  const [countdown, setCountdown] = useState(COUNTDOWN_DURATION);
+  const [countdown, setCountdown] = useState(Global.CountdownDuration);
   const timerRef = useRef(null);
-  const countdownRef = useRef(COUNTDOWN_DURATION);
+  const countdownRef = useRef(Global.CountdownDuration);
   const isPausedRef = useRef(false);
   const onExpireRef = useRef(onExpire);
 
@@ -23,8 +23,8 @@ export const useCountdown = (onExpire) => {
   const startCountdown = useCallback((onExpireCallback) => {
     try {
       // Reset countdown
-      countdownRef.current = COUNTDOWN_DURATION;
-      setCountdown(COUNTDOWN_DURATION);
+      countdownRef.current = Global.CountdownDuration;
+      setCountdown(Global.CountdownDuration);
       isPausedRef.current = false;
 
       // Clear any existing timer
@@ -77,8 +77,8 @@ export const useCountdown = (onExpire) => {
   // Reset countdown to initial duration
   const resetCountdown = useCallback(() => {
     try {
-      countdownRef.current = COUNTDOWN_DURATION;
-      setCountdown(COUNTDOWN_DURATION);
+      countdownRef.current = Global.CountdownDuration;
+      setCountdown(Global.CountdownDuration);
       isPausedRef.current = false;
 
       if (timerRef.current) {