druid-ogold-rn-we-sdk

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).

Existing Features

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 |

Upcoming Features:

v 0.1.x

| Feature | Description | | ----------------- | ------------------------------------------------------------------------------ | | Document ID Check | Checks if the uploaded document is a valid document (Passport, EmiratesID...). |

Usage

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 protected]"
    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.

Usage Demo

A demo application showcasing the use of the above package has been documented in this github repository.

Documentation

Please reach out to the package developers for the comprehensive documentation of the package.

Permissions and configuration:

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>

Dependency linking errors:

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 [email protected]

npm install @react-native-community/[email protected]