useAccountAbstraction.ts

import { ethersProvider, ethersSigner } from "@/utils/rainbowConfig";
import { ethers } from "ethers";
import spaceAbi from "@/contracts/ABI/Space.json";
import {
  IHybridPaymaster,
  PaymasterMode,
  SponsorUserOperationDto,
} from "@biconomy/paymaster";
import toast from "react-hot-toast";
import { BiconomySmartAccountV2 } from "@biconomy/account";
import spaceContractAddress from "@/utils/contractAddress";

type useAccountAbstractionProps = {
  setDisabled?: React.Dispatch<React.SetStateAction<boolean>>;
  setLoading?: React.Dispatch<React.SetStateAction<boolean>>;
  transactionData: ethers.PopulatedTransaction;
  smartAccount: BiconomySmartAccountV2 | undefined;
};

export const contract = new ethers.Contract(
  spaceContractAddress,
  spaceAbi,
  ethersProvider
);

export const signerContract = new ethers.Contract(
  spaceContractAddress,
  spaceAbi,
  ethersSigner
);

const useAccountAbstraction = () => {
  const accountAbstraction = async ({
    setDisabled,
    setLoading,
    transactionData,
    smartAccount,
  }: useAccountAbstractionProps) => {
    const toastId = toast.loading("Transaction logging...");
    try {
      setLoading && setLoading(true);
      setDisabled && setDisabled(true);

      const minTx = transactionData;

      console.log(minTx.data);
      const tx1 = {
        to: spaceContractAddress,
        data: minTx.data,
      };

      let userOp = await smartAccount?.buildUserOp([tx1]);
      console.log({ userOp });

      const biconomyPaymaster = smartAccount?.paymaster as IHybridPaymaster<
        SponsorUserOperationDto
      >;
      let paymasterServiceData: SponsorUserOperationDto = {
        mode: PaymasterMode.SPONSORED,
        smartAccountInfo: {
          name: "BICONOMY",
          version: "2.0.0",
        },
      };

      if (userOp) {
        toast.loading("Transaction sent to paymaster...", {
          id: toastId,
        });

        const paymasterAndDataResponse = await biconomyPaymaster.getPaymasterAndData(
          userOp,
          paymasterServiceData
        );

        userOp.paymasterAndData = paymasterAndDataResponse.paymasterAndData;
        const userOpResponse = await smartAccount?.sendUserOp(userOp);

        toast.loading("Paying gas fees...", {
          id: toastId,
        });
        console.log("userOpHash", userOpResponse);

        if (userOpResponse) {
          const { receipt } = await userOpResponse.wait(1);

          toast.success(
            `Transaction successfull with txHash ${receipt.transactionHash}`,
            {
              id: toastId,
              duration: 3000,
            }
          );
          setLoading && setLoading(false);
          setDisabled && setDisabled(false);
          console.log("txHash", receipt.transactionHash);
        }
      }
    } catch (err) {
      console.error(err);
    }
  };

  return { accountAbstraction };
};

export default useAccountAbstraction;