Solidjs-flutterwave NPM

Solidjs-Flutterwave

This is a solidjs library for implementing paystack payment gateway

This is inspired by flutterwave-react-v3

Get Started

Install

npm install solidjs-flutterwave --save

yarn add solidjs-flutterwave

pnpm add solidjs-flutterwave

Usage

  import { useFlutterwave } from "solidjs-flutterwave";

  
  const config = {
	public_key: 'FLWPUBK_TEST_dsdfghuytfd2345678gvxxxxxxxxxx,
	amount: 1000,  
	currency: "NGN",  
	payment_options: ["card", "ussd", "banktransfer"],  
	customer: {
		email: "solidjsflutter@yopmail.com",  
		name: "Solid Flutterwave",  
		phone_number: "08102909304",  
	  },  
	  customizations: {  
		title: "Solid Flutterwave Demo",  
		logo: "https://web-   dev.imgix.net/image/vS06HQ1YTsbMKSFTIPl2iogUQP73/KAOmqplghJT2PrJlOgZ5.png?auto=format",  
		description: "Middleout isn't free. Pay the price",  
	  }
  };
  
  // you can call this function anything
  const onSuccess = (reference) => {
    // Implementation for whatever you want to do with reference and after success call.
    console.log(reference);
  };

  // you can call this function anything
  const onClose = (incomplete) => {
    // implementation for  whatever you want to do when the Paystack dialog closed.
    console.log('closed', incomplete)
  }

  const FlutterwaveHookExample = () => {
      const { initializePayment, setConfig, action }= useFlutterwave();
	  setConfig(config)
	  
      return (
        <div>
            <button onClick={() => {
                initializePayment(
                   (response) => {
			onSuccess(response)
			action().close()
		   },
                   onClose
                )
             }}>
		Flutterwave Hooks Implementation
             </button>
        </div>
      );
  };

Please checkout Flutterwave Documentation for other available options you can add to the tag