A MobilePay button for your store. With all the desired properties.
npm install react-mobilepay
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
The accepturl
property is used to inform Nets/Dibs where to return the user
after a successfull payment has been completed.
default: "https://payment.architrade.com/paymentweb/start.action"
The action
is used for defining which desitnation to access at Nets/Dibs.
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
.
The destination Nets/Dibs will try and access on your side when a payment has been completed on their side.
The destination the user should be redirected to when the choose to cancel the payment process.
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.
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.
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"
The id that defines you. Example: 90407605
The orderid
that defines the currenct transaction taking place.
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.
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'}} />
If you have a feature request, please add it as an issue or make a pull request.