Olaide-EO / React-Native-Credo-Webview

React-Native-Credo-WebView

The package allows you accept payment using credo

Installation

Add React-Native-Credo-WebView to your project by running;

npm install credo-webview-for-reactnative react-native-webview

or

yarn add credo-webview-for-reactnative react-native-webview

for iOS: cd iOS && pod install && cd ..

Example Usage

import React, { useState } from 'react';
import  { Credo }  from 'credo-webview-for-reactnative';
import { View, Text } from 'react-native';

const Pay = () => {
  const [modalVisible, setModalVisible] = useState(false);

  const closeModal = () => setModalVisible(false);
  const handleSubmit = () => setModalVisible(true);

  return (
    <View style={{ flex: 1 }}>
    Î<Credo
        amount={3500}
        currency="NGN"
        customerEmail="[e-mail]"
        customerName="Credo Dibs"
        customerPhoneNo="08090000000"
        publicKey="your-public-key"
        showModal={modalVisible}
        onSuccess={(response) => {
          //handle response
        }}
        closeModal={closeModal}
     />
     <Pressable onPress={handleSubmit} title="Submit">
        <Text>Test Payment</Text>
     </Pressable>
    </View>
  );
}

API's

All Credo-Webview-for-Reactnative API

API

Property	Type	Required	Description
publicKey	string	✔️	Public Credo key(visit credocentral.com to get yours)
amount	string or number	✔️	amount to be charged, should be greater than #100
customerEmail	string	✔️	Customer's email address email
customerName	string	✔️	Customer's name
customerPhoneNo	string	✔️	Customer's phone number
referenceNo	string		Reference number, if you have already generated one. This would be auto generated by Credo if you don't provide it.
showModal	boolean	✔️	Set modal visibility. When it is true, the Credo Payment widget pops up.
closeModal	Function	✔️	Function to be called to set showModal to false.
onSuccess	Function	✔️	Function to be called after a successful transaction. You can provide a function that looks like this: (successResponse: SuccessResponse) => void;
onCancel	Function		callback function if user cancels or payment transaction could not be verified.

Contributions

Would you like to contribute to this package? Read how to contribute and send in your PR!

Licensing

This project is licensed under MIT license.

Contributors

Thanks goes to these wonderful people (emoji key):

Olaide E.O 💻 📖

This project follows the all-contributors specification. Contributions of any kind welcome!