sdk-test-pop-up v1.0.0

SDK-TEST Pop Payment Widget

The SDK-TEST Pop Payment Widget is a convenient and user-friendly payment solution for web applications. It enables businesses to easily accept payments through various channels such as mobile money, cryptocurrency, bank transfers, and third-party wallets. With just a few simple steps, you can integrate this widget into your application and start accepting payments securely.

Usage

1. Install the SDK-TEST Pop Payment Widget package using npm or yarn.
2. Import the useCheckout function from the SDK-TEST-pop-up package.
3. Use the useCheckout function to get access to the SDK-TESTPopUp function.
4. Implement a form or UI component to collect payment details from the user.
5. On form submission, call the SDK-TESTPopUp function with the required parameters to initiate the payment flow.

Please refer to the documentation or code comments for more information on available options and customization.

Requirements

To use the SDK-TEST Pop Payment Widget, you need the following:

• React and React-dom version 16 and above

Installation

You can install the SDK-TEST Pop Payment Widget using npm or yarn. Use the following command to install the package:

npm install SDK-TEST-pop-up

or

yarn add SDK-TEST-pop-up

Code Snippet

To integrate the SDK-TEST Pop Payment Widget into your application, you can use the following code snippet as an example:

import useCheckout from 'SDK-TEST-pop-up'

const ReactComponent = () => {

const { SDK-TESTPopUp } = useCheckout();

const handleSubmit = (amount, count) => {

      SDK-TESTPopUp({
        amount,
        phoneNumber: "0802 123 4567",
        email: "kickass@startlord3000.com",
        firstName: "Star",
        lastName: "Lord",
        merchantKey: "pub_test_EGB9QD8TQPV0ZD", //The merchant SDK-TEST public key
        paymentPageRef: "", //Custom unique  payment reference passed by the merchant. This is optional
        pageItemQty: count,
      });
 };

   return (
    <div> 
    {
      // Your JSX here.
    }
    </div>
   )

}

export default ReactComponent;

Make sure to replace the placeholder variables with the actual values from your application.

License

This project is licensed under the MIT License.