Druid is a react native package that enables clients to conduct KYC aginst their customers for easy onboarding and well-informed decision making.
The simplified process flow makes it a smooth experience to the end-users (customers).
The version 0.0.x has the following feature support:
| Feature | Description |
|---|---|
| Face Liveness Detection | Detects spoof, deepfake and malicious attempt providing instant result. |
| AI-Based OCR | Allows automated form filling with OCR |
| ID Verification | Compares the image in the ID vs the live face |
v 0.1.x
| Feature | Description |
|---|---|
| Document ID Check | Checks if the uploaded document is a valid document (Passport, EmiratesID...). |
npm install @thenovaweb/druid-ogold-rn-we-sdk
In any react native component or screen, attach the following piece of code. This activates the widget. The widget however has secrets as a pre-requisite.
import Widget from '@thenovaweb/druid-ogold-rn-we-sdk';
return (
<Widget
phoneNumber="987654321"
email="email@email.com"
clientUuid="xxx-xxx-xxx"
clientSecret="xxx-xxx-xxx"
/>
);The widget acts as an entrypoint to the workflow. It packs great capabilities and shows the status with relevant description for each step of the onboarding flow.
A demo application showcasing the use of the above package has been documented in this github repository.
Please reach out to the package developers for the comprehensive documentation of the package.
For gif support: In android/app/build.gradle, under dependency add:
implementation 'com.facebook.fresco:animated-gif:3.1.3'
implementation 'com.facebook.fresco:animated-base-support:1.3.0'
For vector-icons support: In android/app/build.gradle, add the following line at the bottom of the file
apply from: file("../../node_modules/react-native-vector-icons/fonts.gradle")
To enable Camera permission: In AndroidMainfest.xml inside the manifest tag add:
<uses-permission android:name="android.permission.CAMERA" />
In ios info.plist's outermost dict tag add
<key>NSCameraUsageDescription</key>
<string>$(PRODUCT_NAME) needs access to your Camera.</string>
Invariant Violation: requireNativeComponent: "RNCSafeAreaProvider" was not found in the UIManager.
npm install react-native-screens react-native-safe-area-context --save
TypeError: Cannot read property 'CameraModule' of undefined
npm install react-native-vision-camera --save
Invariant Violation: requireNativeComponent: "BVLinearGradient" was not found in the UIManager.
npm install react-native-linear-gradient --save
Invariant Violation: requireNativeComponent: "AndroidBlurView" was not found in the UIManager.
npm install @react-native-community/blur --save
Permission issues when selecting document:
npm install react-native-image-picker
'RNCDatePicker' could not be found, when selecting a date:
npm install react-native-modal-datetime-picker@17.1.0
npm install @react-native-community/datetimepicker@7.6.2