\ API component

Payment Request API web component build with using Polymer. You can take a look the demo page to see how it works.

Note: It isn't supported by all browser, check Payment Request API browser support.

Installation

Install the component using Bower:

``sh
$ bower install payment-request --save
`

Or download as ZIP.

Usage

1. Import Web Components' polyfill and Payment Request API shim:

`html


`

2. Import Custom Elements:

`html

`

3. Start using it!

`html



Buy

`

4. Validate payment data and complete payment request.

`javascript
function onLastResponseChange(evt) {
var paymentResponse = evt.detail.value;
// Make your request to server for a real purchase.
// Complete the paymnet.
// More info: https://www.w3.org/TR/payment-request/#complete-method
paymentResponse.complete('success');
}
var paymentRequestElement = document.querySelector('payment-request');
paymentRequestElement.addEventListener('last-response-change', onLastResponseChange);
`

Viewing component docs & demo

First, make sure you have the polymer-serve installed and serve the component:

`
$ polyserve --protocol https/1.1
`

Running Tests

`
$ polymer test
`

Your application is already set up to be tested via web-component-tester. Run polymer test to run your application's test suite locally.

Contributing

1. Fork it!
2. Create your feature branch: git checkout -b my-new-feature
3. Commit your changes: git commit -am 'Add some feature'
4. Push to the branch: git push origin my-new-feature`
5. Submit a pull request :D

History

Credits

- Payment Request API
-
Payment Request API: an Integration Guide

License

MIT License