react-paga/src/stories/Paga.stories.js

This is a reactJS library for implementing paga checkout

import React from "react";
import { storiesOf } from "@storybook/react";

import PagaCheckoutButton from "../Paga";

const stories = storiesOf("App Test", module);

stories.add("App", () => {
  const getReference = () => {
    let text = "";
    let possible =
      "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789-.=";

    for (let i = 0; i < 15; i++)
      text += possible.charAt(Math.floor(Math.random() * possible.length));

    return text;
  };

  return (
    <div className="payment">
      <div className="cta">
        <div className="orText">Or</div>

        <PagaCheckoutButton
          src="https://qa1.mypaga.com/checkout/?w=160&amp;h=50&amp;url=https://dl.dropboxusercontent.com/s/n1gy0iqo8kpl3lo/doroki_button.png?dl=0"
          charge_url="https://mymarket/payment/complete"
          public_key="99570634-B88A-472B-9A88-8C1F7E21F045"
          amount="1000.00"
          payment_reference={getReference()}
          funding_sources="BANK,CARD,PAGA"
          error_message="unable to load paga checkout"
        />
      </div>
    </div>
  );
});