gatsby-plugin-openpay/src/OpenPayButton.js

Integrate OpenPay scripts to gatsby project

import React from "react";
import { getOpenPay } from "../utils";

class OpenPayButton extends React.Component {
  componentDidMount() {
    const { sessionId } = window;
    this.props.getSessionId(sessionId);
  }

  payButton = async () => {
    await getOpenPay().token.create(
      this.props.card,
      response => this.props.handleResponse(response),
      response => this.props.handleError(response)
    );
  };

  render() {
    return (
      <button
        style={this.props.style}
        onClick={this.payButton}
        disabled={this.props.disabled}
        className={this.props.className}
      >
        {this.props.text || "Pay"}
      </button>
    );
  }
}
export default OpenPayButton;