vue-onepipejs-checkout

OnePipe.io is a OneGateway many service. This package implements the the version 2 of collect , airtime purchase , data purchase service. Check OnePipe documentation for more information

✔️ Browser Support

74+ ✔️	66+ ✔️	12+ ✔️	46+ ✔️	17+ ✔️	11+ ✔️	12+ ✔️	67+ ✔️	8.2+ ✔️

We support only browsers with global usage statistics greater then 1%, last 2 version of each browser but not dead browsers. Library may work in older browser but we don't not guarantee that. You may need addition polyfills to make it work.

Installation

This version requires Vue 2.X.

npm i vue-onepipejs-checkout

Initialization

import Vue from 'vue'

// As a plugin
import Checkout from 'onepipe-checkout'
Vue.use(Checkout);

// Or as a directive
import { Checkout } from 'vue-onepipejs-checkout'
Vue.directive('onepipe-checkout', Checkout);

Usage

<onepipe-checkout
    size="md"
    :rounded="true"
    api_key="api-key"
    :amount="500"
    request_type="collect"
    :transaction_ref="'123232'"
    :transaction_ref_parent="'parent_123232'"
    transaction_desc="demos payment"
    :customer="customer"
    :options="options"
    :meta="meta"
    :details="details"
    :callback="onCallback"
    :close="onClose">
    Checkout
</onepipe-checkout>

⚙️ Configs

List of supported placeholders:

Value	Format
amount	In kobo Eg. 50000
api_key	OnePipe API key
request_type	collect, airtime purchase, data purchase
close()	function()
callback()	function()
transaction_desc	Eg. Sample payment
transaction_ref	Unique Eg. TRX-732423
transaction_ref_parent	TRX-732423
customer	Object
details	Object
options	Object
meta	Object
size	md, sm, lg
rounded	true, false

Customize configuration

For more details about the configs see OnePipe Documentation.