react-native-okra-expo

3.0.0-beta • Public • Published

okra-react-native

This is a react native library for expo users to help implement okra widget

Get Started

This library would help you add Okra widget to your react native IOS/Android app in no time.

Install Okra-Expo

  1. install react-native-okra-expo
$ npm install react-native-okra-expo@2.1.0

Install react-native-webview, expo-device plugin and expo-constants plugin

  1. install react-native-webview
npm install --save react-native-webview
  1. install expo-device
npm install --save expo-device
  1. install expo-constants
npm install --save expo-constants

Usage for version 2.0.6-beta.1 and below

import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
import OkraView from 'react-native-okra-expo';

export default function App() {
  return (
    <OkraView
        callback_url=""
        clientName="client"
        color="#953ab7"
        connectMessage="Which account do you want to connect with?"
        currency="USD"
        env="production" // for sandbox use production-sandbox
        exp="2020-08-06"
        filter={{
          banks: ['access-bank', 'guaranty-trust-bank'],
          industry_type: 'all',
        }}
        isCorporate={false}
        public_key="1ee202-332-eued-3d33ee"
        limit="24"
        logo="https://cdn.okra.ng/images/icon.svg"
        products={['auth', 'balance', 'transactions']}
        redirect_url="redirect"
        success_message="this is the success message"
        success_title="it has entered success"
        token="5ecfd65b45006210334e35ce"
        widget_failed=""
        widget_success="Your account was successfully linked to Okra, Inc"
        onClose={response => {
          console.log('it hit on close');
        }}
        onSuccess={response => {
          console.log('it hit on success', response);
        }}
        onError={response => {
          console.log('it hit on error');
        }}
    />
  );
}

Usage for version 2.0.7-beta.1 and above

import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
import OkraView from 'react-native-okra-expo';

export default function App() {
  var okraOptions = {
    callback_url:"https://webhook.site/ded54b3f-f4f5-4fa1-86c3-0def6098fb4d",
    clientName:"client",
    color:"#953ab7",
    connectMessage:"Which account do you want to connect with?",
    currency:"NGN",
    env:"production", // for sandbox use production-sandbox
    exp:"2020-08-06",
    filter:{
      banks: ['access-bank', 'guaranty-trust-bank'],
      industry_type: 'all',
    },
    options:{saverid: 'this is it'},
    isCorporate:false,
    key:"fa85e5ce-0e4e-5a88-883d-9ba9b4357683",
    limit:"24",
    logo:"https://cdn.okra.ng/images/icon.svg",
    products:['auth', 'balance', 'identity', 'transactions'],
    redirect_url:"redirect",
    success_message:"this is the success message",
    success_title:"it has entered success",
    token:"5da6358130a943486f33dced",
    widget_failed:"",
    widget_success:"Your account was successfully linked to Okra, Inc"
  }
  return (
    <OkraView
    okraOptions={okraOptions}
    onClose={response => {
      console.log('on close');
    }}
    onSuccess={response => {
      console.log('on success', response);
    }}
    onError={response => {
      console.log('on error');
    }}
/>
  );
}

OkraOptions

Name Type Required Default Value Description
key String true undefined Your public key from Okra.
token String true undefined Your pubic Key from okra. Use test key for test mode and live key for live mode
products Array[String] true undefined The Okra products you want to use with the widget.
env String true undefined 'production' or 'production-sandbox'
clientName String true undefined Name of the customer using the widget on the application
onClose function true undefined This acts as a callback that gets fired when the OkraView Component has been closed. It is intended to hold your navigation code, to navigate to previous page or any intended page.

Versions

Current Tags

Version History

Package Sidebar

Install

npm i react-native-okra-expo

Weekly Downloads

6

Version

3.0.0-beta

License

MIT

Unpacked Size

26.3 kB

Total Files

13

Last publish

Collaborators

  • eshiett1995