@toluade/squad-pay-react/src/useSquadPay.ts

<p align="center"> <img title="Squad" height="200" src="https://squadco.com/assets/squadbyhabari.svg" width="50%"/> </p>

import { useEffect } from "react";

interface CustomWindow extends Window {
  squad?: any;
}

declare var window: CustomWindow;

export type SquadOtherParams = {
  currency_code?: "NGN" | "USD" | string;
  pass_charge?: boolean;
  redirect_link?: string;
  params?: Record<string, any>;
  onLoad?: () => void;
  onClose?: () => void;
  onSuccess?: () => void;
};

type SquadPayProps = SquadOtherParams & {
  publicKey: string;
};

const useSquadPay = ({
  publicKey,
  currency_code: parent_currency_code,
  pass_charge: parent_pass_charge = false,
  redirect_link: parent_redirect_link,
  params: parent_params = {},
  onLoad: parentOnLoad = () => null,
  onClose: parentOnClose = () => null,
  onSuccess: parentOnSuccess = () => null,
}: SquadPayProps) => {
  function squadPay({
    amount,
    email,
    currency_code = "NGN",
    pass_charge = false,
    redirect_link = "",
    params = {},
    onLoad = () => null,
    onClose = () => null,
    onSuccess = () => null,
  }: {
    amount: number;
    email: string;
  } & SquadOtherParams) {
    const squadInstance = new window.squad({
      onClose: () => (onClose ? onClose() : parentOnClose()),
      onLoad: () => (onLoad ? onLoad() : parentOnLoad()),
      onSuccess: () => (onSuccess ? onSuccess() : parentOnSuccess()),
      key: publicKey,
      email: email,
      amount: amount * 100,
      ...params,
      ...parent_params,
      currency_code: currency_code ?? parent_currency_code,
      pass_charge: pass_charge !== undefined ? pass_charge : parent_pass_charge !== undefined ? parent_pass_charge : false,
      redirect_link: redirect_link ?? parent_redirect_link,
    });
    squadInstance.setup();
    squadInstance.open();
  }

  useEffect(() => {
    const base_url = "https://checkout.squadco.com";
    const script = document.createElement("script");
    script.src = `${base_url}/widget/squad.min.js`;
    if (document) {
      document?.head?.appendChild(script);
    } else {
      throw new Error("Unable to access DOM");
    }
  }, []);

  return squadPay;
};

export default useSquadPay;