gatsby-plugin-affirm-js/gatsby-ssr.js

A plugin to add Affirm JS to Gatsby

const React = require("react");

exports.onRenderBody = ({ setHeadComponents }, pluginOptions) => {
  setHeadComponents([
    <script
      key="affirm-setup"
      dangerouslySetInnerHTML={{
        __html: `
        var affirm_config = {
            public_api_key: "${pluginOptions.AFFIRM_API_KEY}",
            script:         "https://cdn1-sandbox.affirm.com/js/v2/affirm.js"
        };
        (function(m,g,n,d,a,e,h,c){var b=m[n]||{},k=document.createElement(e),p=document.getElementsByTagName(e)[0],l=function(a,b,c){return function(){a[b]._.push([c,arguments])}};b[d]=l(b,d,"set");var f=b[d];b[a]={};b[a]._=[];f._=[];b._=[];b[a][h]=l(b,a,h);b[c]=function(){b._.push([h,arguments])};a=0;for(c="set add save post open empty reset on off trigger ready setProduct".split(" ");a<c.length;a++)f[c[a]]=l(b,d,c[a]);a=0;for(c=["get","token","url","items"];a<c.length;a++)f[c[a]]=function(){};k.async=!0;k.src=g[e];p.parentNode.insertBefore(k,p);delete g[e];f(g);m[n]=b})(window,affirm_config,"affirm","checkout","ui","script","ready","jsReady");
        `,
      }}
    />,
  ]);
};