gatsby-plugin-openpay/gatsby-ssr.js

Integrate OpenPay scripts to gatsby project

import React from "react";

const openpayScript = (
  <script
    key={`gatsby-plugin-openpay`}
    type="text/javascript"
    src="https://openpay.s3.amazonaws.com/openpay.v1.min.js"
  ></script>
);
export const onRenderBody = ({ setPostBodyComponents }, configOptions) => {
  const { production, MERCHANT_ID, PUBLIC_API_KEY } = configOptions;

  if (production !== `production`) {
    console.warn("not production environment");
  } else {
    console.warn("production environment");
  }
  if (!MERCHANT_ID) {
    console.error("No Merchant Id");
  }
  if (!PUBLIC_API_KEY) {
    console.error("No Public API Key");
  }

  setPostBodyComponents([openpayScript]);
};