react-mobilepay ·

A MobilePay button for your store. With all the desired properties.

Installation

npm install react-mobilepay

Example usage

import React from 'react'
import MobilePay from 'react-mobilepay'

export const Payment = props => {
  return (
    <div>
      <h2>We accept:</h2>
      <MobilePay {...props} size="large" color="darkBlue" />
    </div>
  )
}

export default Payment

Props

accepturl: string;

The accepturl property is used to inform Nets/Dibs where to return the user after a successfull payment has been completed.

action?: string;

default: "https://payment.architrade.com/paymentweb/start.action"

The action is used for defining which desitnation to access at Nets/Dibs.

amount: number;

The amount to charge defined in the highest denominator. If someone want's to spend 200 DKK the amount is to be set to 200.

callbackurl: string;

The destination Nets/Dibs will try and access on your side when a payment has been completed on their side.

cancelurl: string;

The destination the user should be redirected to when the choose to cancel the payment process.

className?: string;

If you would want to override some of the styles via className. Due to the internal usage of styled-components the specificity needs to be quite high when doing this. Because of this your usage might look like this.

// Component
<MobilePay className="mobilepayButton">

//Stylesheet
.mobilepayButton.mobilepayButton {
  margin: 50px;
}

You will ever only be able to change the styles of the wrapping container since MobilePay has a style-guide this library adheres to.

currency?: number;

default: 208

At the moment MobilePay exposes only a few currencies to be used.

Danish Krone:208

Euro:978

Norwegian Krone:578

Swedish Krona:752

These values are based upon ISO-4217.

lang?: string;

default: "da"

At the moment MobilePay exposes only a few selected languages to be used.

Danish:"da"

Dutch:"nl"

English:"en"

Faroese:"fo"

Finnish:"fi"

French:"fo"

German:"de"

Greenlandic:"kl"

Italian:"it"

Norwegian:"no"

Polish:"pl"

Spanish:"es"

Swedish:"sv"

merchant: number,

The id that defines you. Example: 90407605

orderid: number;

The orderid that defines the currenct transaction taking place.

paytype?: string;

default: "MPO_Nets"

As of now this is the only paytype that defines MobilePay when dealing with Nets/Dibs. This might change at a later date.

style?: object;

If you would want to override some of the styles via a style object. This only applies to the wrapper.

Example:

<MobilePay style={{margin: '50px'}} />

Contribute

If you have a feature request, please add it as an issue or make a pull request.