Simple JS implementation for paystack

paystack-implementation.js

makeInvestment: async () => {
      /* 
        add this script inside your page head tag <script async src="https://js.paystack.co/v1/inline.js" />  
        this will make the PasystackPop available
       */

      const handler = PaystackPop.setup({
        key: process.env.PAYSTACK_LIVE_API,
        email: 'user@example.com',
        amount: `100000`,
        currency: user.currency,
        ref: `${Date.now()}_xxxxxxxx`,
        metadata: {
          custom_fields: [
            {
              display_name: 'Customer Name',
              variable_name: 'customer_name',
              value: `Alabo Briggs`
            }
          ]
        },
        callback: async (result) => {
          /* 
              Do what you want with result object here, you can handle redirect or make post 
              request to server here if successful
          */
          
        },
        onClose: () => {
          // if payment was succefull handle error here
        }
      });
      return handler.openIframe();
 }