@paytrail/react-paytrail-e2

react-paytrail-e2 💸

React library and component for creating payments with Paytrail E2 Interface.

Introduction

This library outputs a new <form> HTML element including all the required and optional fields as <input> elements for the E2 interface. Authcode required by Paytrail is calculated dynamically on render.

Payment may be dispatched to the service by submitting the form. Invalid parameters will instantly be caught by the payment service.

⚠️ This is still a work-in-progress. We appreciate your help in testing the logic and fixing any defects found. See how to contribute.

Install

# Yarn
yarn add react-paytrail-e2

# NPM
npm install --save react-paytrail-e2

Usage

The payment form component should be added to your existing order page.

import { Form } from '@paytrail/react-paytrail-e2'

/* order page JSX */

<Form {...props} />

Demo

This project includes a demo React application which you can use to study the on how to pass different properties to this component.

Contributing

The library source code can be found under the src/ directory, and the example app under the example/ directory.

First, install dependencies with yarn. Then invoke a Jest watcher with yarn test:unit to validate your changes.

NOTE: As of yet, there's no automated end-to-end test suite for creating a real payment. Make sure the demo application can create a new payment by click of a button and there are no interface errors.

After you're satisfied with the changes and all tests pass, open a pull request to this project.