@flittpayments/js-sdk NPM

Flitt

Flitt JavaScript SDK

Installation

Node

If you’re using Npm in your project, you can add @flittpayments/js-sdk dependency to package.json with following command:

npm i --save @flittpayments/js-sdk

or add dependency manually:

{
  "dependency": {
    "@flittpayments/js-sdk":"^2.0"
  }
}

Manual installation

If you do not use NPM, you can download the latest release. Or clone from GitHub the latest developer version

git clone git@github.com:flittpayments/js-sdk.git

Quick start

<script src="https://cdn.jsdelivr.net/npm/@flittpayments/js-sdk"></script>

Basic template

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  </head>
  <body>
    <script src="https://cdn.jsdelivr.net/npm/@flittpayments/js-sdk"></script>
    <script>
    $checkout('Api').scope(function(){
        this.request('api.checkout.form','request', { Parameters } ).done(function(model){
            model.sendResponse();
            console.log(model.attr('order'));
        }).fail(function(model){
            console.log(model.attr('error'));
        });
    });
    </script>
  </body>
</html>

PaymentButton template (ApplePay/GooglePay)

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  </head>
  <body>
    <script src="https://cdn.jsdelivr.net/npm/@flittpayments/js-sdk"></script>
    <div class="payment-button-container"></div>
    <script>
    $checkout.get('PaymentButton', {
      element: '.payment-button-container',
      style: {
        type: 'long', // short|long
        color: 'black', // black|white
        height: 38 // button height
      },
      data: { Parameters }
    }).on('success', function(model) {
      console.log('success', model);
    }).on('error', function(model) {
      console.log('error', model);
    });
    </script>
  </body>
</html>

Parameters

Host-to-host token

{
  "payment_system":"Supported payment systems: card, p24",
  "token":"host-to-host generated token",
  "card_number":"16/19-digits number",
  "expiry_date":"Supported formats: MM/YY, MM/YYYY, MMYY, MMYYYY",
  "cvv2":"3-digits number"
}

Where token is value, returned in payment gateway response from API endpoint /api/checkout/token (more details in API documentation: https://docs.flitt.com/api/create-order/ )

request example:

curl -i -X POST \
   -H "Content-Type:application/json" \
   -d \
'{
  "request": {
    "server_callback_url": "http://myshop/callback/",
    "order_id": "TestOrder1",
    "currency": "USD",
    "merchant_id": 1396424,
    "order_desc": "Test payment",
    "amount": 1000
  }
}' \
 'https://pay.flitt.com/api/checkout/token'

response example:

{
    "response": {
        "response_status": "success",
        "token": "7ddb3fbb03d60787b3972ef8d6fad0f97f7d2f86"
    }
}

Client-side merchant ID

{
  "payment_system":"Supported payment systems: card, p24",
  "merchant_id":"1396424",
  "currency":"USD",
  "amount":"100.20",
  "card_number":"16/19-digits number",
  "expiry_date":"Supported formats: MM/YY, MM/YYYY, MMYY, MMYYYY",
  "cvv2":"3-digits number"
}

optional merchant parameters:

{
  "email":"customer email address",
  "phone":"customer phone number"
}

Usage example

https://jsfiddle.net/flitt/on8ydsgq/

License

License Code released under MIT LICENSE

@flittpayments/checkout

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

11 months ago