react-native-misnap

react-native native library as a wrappper aroud private / paid MiSnap & Misnap Liveness Android/iOS libraries.

Libraries offer automatic capture of Front ID, Back ID & Face selfie.

Getting started, installing package automatically

$ react-native link react-native-misnap

Due the issue with pod & asset catalogs CocoaPods/CocoaPods#8122, you need to add graphical resources into iOS project. Simply drag: =Include-resources_in_mainproject=/ios_drag_to_xcode/react-native-misnap folder into your xcode project root folder. All resources are graphical resources that will be bundled directy in app bundle.

Manual Installation steps

iOS

1. Open ios/Podfile and insert : pod 'RNMisnap', :path => '../node_modules/react-native-misnap'
2. Due the issue with pod & asset catalogs CocoaPods/CocoaPods#8122, you need to add graphical resources into iOS project. Simply drag: =Include-resources_in_mainproject=/ios_drag_to_xcode/react-native-misnap folder into your xcode project root folder. All resources are graphical resources that will be bundled directy in app bundle.
3. Add camera permission in info.plis

Android

1. Open up android/app/src/main/java/[...]/MainActivity.java

• Add import com.omni.misnap.RNMisnapPackage; to the imports at the top of the file
• Add new RNMisnapPackage() to the list returned by the getPackages() method

2. Append the following lines to android/settings.gradle:

   include ':react-native-misnap'
   project(':react-native-misnap').projectDir = new File(rootProject.projectDir, 	'../node_modules/react-native-misnap/android')
   

3. Insert the following lines inside the dependencies block in android/app/build.gradle:

     implementation project(':react-native-misnap')
   

Usage

import MiSnapManager, { MiSnapConfig, MiSnapResult } from 'react-native-misnap';

const config: MiSnapConfig = {
    captureType: 'idFront',
    autocapture: true,
    livenessLicenseKey: 'MISNAP_LIVENESS_LICENSE_KEY',
};
	  
MiSnapManager.capture(config)
	.then((result: MiSnapResult) => {
		const capturedImage = result.base64encodedImage;
		const { metadata = {} } = result;
		// Do something with base64 encoded image string and optional metaData
    })
    .catch((error: Error) => {
        // Do something with error
    });