Improved example and fixed biometric prompt

* Fixed biometric prompt crash when header/title was not provided. Now, the default is: "Unlock with your fingerprint"

Author: mCodex

example/.prettierrc.js renamed to .prettierrc.js

@@ -1,4 +1,4 @@
-import { NativeModules } from "react-native";
+import { NativeModules } from 'react-native';
 
 const { RNSensitiveInfo } = NativeModules;
 

RNSensitiveInfo.ts

@@ -337,7 +337,7 @@ public void run() {
                                         .setDeviceCredentialAllowed(false)
                                         .setNegativeButtonText(strings.containsKey("cancel") ? strings.get("cancel").toString() : "Cancel")
                                         .setDescription(strings.containsKey("description") ? strings.get("description").toString() : null)
-                                        .setTitle(strings.containsKey("header") ? strings.get("header").toString() : null)
+                                        .setTitle(strings.containsKey("header") ? strings.get("header").toString() : "Unlock with your fingerprint")
                                         .build();
                                 biometricPrompt.authenticate(promptInfo, cryptoObject);
                             } catch (Exception e) {

android/src/main/java/br/com/classapp/RNSensitiveInfo/RNSensitiveInfoModule.java

@@ -62,4 +62,5 @@ buck-out/
 # CocoaPods
 /ios/Pods/
 
-.yalc
+.yalc
+.DS_Store

example/.gitignore

@@ -12,33 +12,41 @@ const Home: React.FC = () => {
 
   const handleSetItemUsingTouchIDOnPress = useCallback(async () => {
     try {
-      // const deviceHasSensor = await SInfo.isSensorAvailable();
+      const deviceHasSensor = await SInfo.isSensorAvailable();
 
-      // if (!deviceHasSensor) {
-      //   return Alert.alert('No sensor found');
-      // }
+      if (!deviceHasSensor) {
+        return Alert.alert(
+          'No sensor found or fingerprint/faceID is available',
+        );
+      }
 
       await SInfo.setItem('touchIdItem', new Date().toISOString(), {
         kSecAccessControl: 'kSecAccessControlBiometryAny',
         touchID: true,
+        showModal: true,
       });
 
       Alert.alert('data successfully stored');
     } catch (ex) {
-      console.log(ex.message);
+      Alert.alert('Error', ex.message);
     }
   }, []);
 
   const getTouchIDItem = useCallback(async () => {
     const deviceHasSensor = await SInfo.isSensorAvailable();
 
-    // if (!deviceHasSensor) {
-    //   return Alert.alert('No sensor found');
-    // }
+    if (!deviceHasSensor) {
+      return Alert.alert('No sensor found or fingerprint/faceID is available');
+    }
 
     try {
       const data = await SInfo.getItem('touchIdItem', {
         touchID: true,
+        showModal: true,
+        strings: {
+          description: 'Custom Title ',
+          header: 'Custom Description',
+        },
         kSecUseOperationPrompt:
           'We need your permission to retrieve encrypted data',
       });

example/src/pages/Home/index.tsx

@@ -2,7 +2,7 @@
   "version": "v1",
   "packages": {
     "react-native-sensitive-info": {
-      "signature": "2394e5f13888f518cb522843ee7d8bba",
+      "signature": "f4c959239af07bc61ded9fd61a71e37e",
       "file": true
     }
   }

example/yalc.lock

@@ -1,23 +1,23 @@
-type RNSensitiveInfoBiometryType = "Touch ID" | "Face ID";
+type RNSensitiveInfoBiometryType = 'Touch ID' | 'Face ID';
 
 type RNSensitiveInfoAccessControlOptions =
-  | "kSecAccessControlApplicationPassword"
-  | "kSecAccessControlPrivateKeyUsage"
-  | "kSecAccessControlDevicePasscode"
-  | "kSecAccessControlTouchIDAny"
-  | "kSecAccessControlTouchIDCurrentSet"
-  | "kSecAccessControlUserPresence"
-  | "kSecAccessControlBiometryAny"
-  | "kSecAccessControlBiometryCurrentSet";
+  | 'kSecAccessControlApplicationPassword'
+  | 'kSecAccessControlPrivateKeyUsage'
+  | 'kSecAccessControlDevicePasscode'
+  | 'kSecAccessControlTouchIDAny'
+  | 'kSecAccessControlTouchIDCurrentSet'
+  | 'kSecAccessControlUserPresence'
+  | 'kSecAccessControlBiometryAny'
+  | 'kSecAccessControlBiometryCurrentSet';
 
 type RNSensitiveInfoAttrAccessibleOptions =
-  | "kSecAttrAccessibleAfterFirstUnlock"
-  | "kSecAttrAccessibleAlways"
-  | "kSecAttrAccessibleWhenPasscodeSetThisDeviceOnly"
-  | "kSecAttrAccessibleWhenUnlockedThisDeviceOnly"
-  | "kSecAttrAccessibleAfterFirstUnlockThisDeviceOnly"
-  | "kSecAttrAccessibleAlwaysThisDeviceOnly"
-  | "kSecAttrAccessibleWhenUnlocked";
+  | 'kSecAttrAccessibleAfterFirstUnlock'
+  | 'kSecAttrAccessibleAlways'
+  | 'kSecAttrAccessibleWhenPasscodeSetThisDeviceOnly'
+  | 'kSecAttrAccessibleWhenUnlockedThisDeviceOnly'
+  | 'kSecAttrAccessibleAfterFirstUnlockThisDeviceOnly'
+  | 'kSecAttrAccessibleAlwaysThisDeviceOnly'
+  | 'kSecAttrAccessibleWhenUnlocked';
 
 interface RNSensitiveInfoAndroidDialogStrings {
   header?: string;
@@ -45,11 +45,11 @@ export interface RNSensitiveInfoOptions {
 export declare function setItem(
   key: string,
   value: string,
-  options: RNSensitiveInfoOptions
+  options: RNSensitiveInfoOptions,
 ): Promise<null>;
 export declare function getItem(
   key: string,
-  options: RNSensitiveInfoOptions
+  options: RNSensitiveInfoOptions,
 ): Promise<string>;
 
 interface SensitiveInfoEntry {
@@ -58,12 +58,12 @@ interface SensitiveInfoEntry {
   service: string;
 }
 export declare function getAllItems(
-  options: RNSensitiveInfoOptions
+  options: RNSensitiveInfoOptions,
 ): Promise<[SensitiveInfoEntry[]]>;
 
 export declare function deleteItem(
   key: string,
-  options: RNSensitiveInfoOptions
+  options: RNSensitiveInfoOptions,
 ): Promise<null>;
 export declare function isSensorAvailable(): Promise<
   RNSensitiveInfoBiometryType | boolean

index.d.ts

@@ -57,6 +57,7 @@
     "rollup": "^2.23.0",
     "rollup-plugin-peer-deps-external": "^2.2.3",
     "rollup-plugin-typescript2": "^0.27.1",
-    "typescript": "^3.9.7"
+    "typescript": "^3.9.7",
+    "yalc": "^1.0.0-pre.40"
   }
 }