# solidjs-flutterwave

> Flutterwave payment gateway integration with SolidJS

Latest version **0.1.5** (published 2023-07-09) · MIT license · 0 weekly downloads

## Install

```sh
npm install solidjs-flutterwave
pnpm add solidjs-flutterwave
yarn add solidjs-flutterwave
bun add solidjs-flutterwave
```

## Health

**Score 30/100 (F)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities; high quality score.

Warnings: low downloads; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.5 |
| Published | 2023-07-09 |
| First published | 2023-07-09 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 0 |
| Unpacked size | 35.6 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | rnwonder |
| Maintainers | rnwonder |
| Keywords | flutterwave, solidjs flutterwave, solid flutterwave, solid, solidjs, solid-js flutterwave |

## Links

- npm: https://www.npmjs.com/package/solidjs-flutterwave
- Repository: https://github.com/rnwonder/solidjs-flutterwave
- Issues: https://github.com/rnwonder/solidjs-flutterwave/issues
- npm.io page: https://npm.io/package/solidjs-flutterwave

## Alternatives

- [@sindresorhus/slugify](https://npm.io/package/@sindresorhus/slugify.md) — 3.7M weekly downloads
- [solid-js](https://npm.io/package/solid-js.md) — 2.7M weekly downloads
- [expo-glass-effect](https://npm.io/package/expo-glass-effect.md) — 2.5M weekly downloads
- [nanoassert](https://npm.io/package/nanoassert.md) — 780.8K weekly downloads
- [@ffmpeg/ffmpeg](https://npm.io/package/@ffmpeg/ffmpeg.md) — 529.5K weekly downloads

## Recent versions

- 0.1.5 (latest) — 2023-07-09
- 0.1.4 — 2023-07-09
- 0.1.3 — 2023-07-09
- 0.1.2 — 2023-07-09
- 0.1.1 — 2023-07-09

## README

# Solidjs-Flutterwave

This is a solidjs library for implementing paystack payment gateway

This is inspired by [flutterwave-react-v3](https://www.npmjs.com/package/flutterwave-react-v3)

## Get Started

### Install

```sh
npm install solidjs-flutterwave --save
```

```sh
yarn add solidjs-flutterwave
```

```sh
pnpm add solidjs-flutterwave
```

### Usage

```javascript
  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](https://developer.flutterwave.com/docs/collecting-payments/standard) for other available options you can add to the tag

## Deployment

REMEMBER TO CHANGE THE PUBLIC KEY WHEN DEPLOYING ON A LIVE/PRODUCTION SYSTEM

## Contributing

1. Fork it!
2. Create your feature branch: `git checkout -b feature-name`
3. Commit your changes: `git commit -am 'Some commit message'`
4. Push to the branch: `git push origin feature-name`
5. Submit a pull request 😉😉

## How can I thank you?

Why not star the github repo? I'd love the attention! Why not share the link for this repository on Twitter or Any Social Media? Spread the word!

Don't forget to [follow me on twitter](https://twitter.com/Rnwonder101)!

---
_Source: https://npm.io/package/solidjs-flutterwave · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._