estimateGasLimit

userOperation.tsx

// ...

function UserOperationConfirmation(props: { userOpLog: UserOperationLog }) {

// ...

  // TODO: Put it into a dedicated module
  const estimateGasFee = async () => {
    const fee = await provider.getFeeData()
    const gasPriceWithBuffer = (fee.gasPrice * 120n) / 100n
    // TODO: maxFeePerGas and maxPriorityFeePerGas too low error
    return {
      maxFeePerGas: gasPriceWithBuffer,
      maxPriorityFeePerGas: gasPriceWithBuffer
    }
  }

  const estimateGasLimit = async () => {
    const fee: {
      callGasLimit: bigint
      verificationGasLimit: bigint
      preVerificationGas: bigint
    } = await provider.send(WaalletRpcMethod.eth_estimateUserOperationGas, [
      userOp.data()
    ])

    const callGasLimitWithBuffer =
      (number.toBigInt(fee.callGasLimit) * 300n) / 100n
    const verificationGasLimitWithBuffer =
      (number.toBigInt(fee.verificationGasLimit) * 300n) / 100n
    const preVerificationGasWithBuffer =
      (number.toBigInt(fee.preVerificationGas) * 300n) / 100n

    return {
      callGasLimit: callGasLimitWithBuffer,
      verificationGasLimit: verificationGasLimitWithBuffer,
      preVerificationGas: preVerificationGasWithBuffer
    }
  }

  const onPaymentOptionSelected = async (o: PaymentOption) => {

    // ...

    userOp.setGasFee(await estimateGasFee())
    userOp.setGasLimit(await estimateGasLimit())

    // ...
  }
    // ...
}