Allow users to pay gas with native

Paying gas fees with native tokens like ETH remains the standard approach across most blockchains. It’s deeply integrated into the protocol and offers the most direct and compatible method for covering transaction costs.

Steps

1. Import required dependencies

import { createGelatoSmartWalletClient, native } from "@gelatonetwork/smartwallet";
import { createWalletClient, http } from "viem";
import { generatePrivateKey, privateKeyToAccount } from "viem/accounts";

2. Setup Wallet Client

Quickly get started by creating a wallet client using createWalletClient from viem with local account for your specified network.

const privateKey = (process.env.PRIVATE_KEY ?? generatePrivateKey()) as Hex;
const account = privateKeyToAccount(privateKey);

const client = createWalletClient({
  account,
  chain: baseSepolia,
  transport: http()
});

3. Create Smart Wallet Client

To initialize a Smart Wallet Client, you can use the createGelatoSmartWalletClient method. Use wallet: 'kernel' when creating the Smart Wallet client to ensure ERC-4337 compatibility.

Smart Wallet (EIP-7702)

A Smart Wallet Client serves as an alternative to the standard viem walletClient, but is purpose-built for managing EOA's as smart wallets instead of traditional EOA (Externally Owned Accounts).

const smartWalletClient = createGelatoSmartWalletClient(client);

Kernel Wallet (ERC-4337)

A Kernel Wallet Client serves as an alternative to the standard viem walletClient, but is purpose-built for managing smart contract wallets instead of traditional EOA (Externally Owned Accounts).

const kernelWalletClient = createGelatoSmartWalletClient(client, {
  wallet: "kernel",
});

4. Sending transactions

To send transactions with native gas payments, select Native as the payment method and ensure your account has enough native currency to cover the gas fees. View example code implementing native gas payments using the Gelato Smart Wallet SDK here.

Smart Wallet (EIP-7702)

const results = await smartWalletClient.execute({
    payment : native(),
    calls: [
      {
        to: "0xa8851f5f279eD47a292f09CA2b6D40736a51788E",
        data: "0xd09de08a",
        value: 0n
      }
    ]
});

console.log("userOp hash:", results?.id);
const txHash = await results?.wait();
console.log("transaction hash",txHash);

Kernel Wallet (ERC-4337)

const results = await kernelWalletClient.execute({
    payment : native(),
    calls: [
      {
        to: "0xa8851f5f279eD47a292f09CA2b6D40736a51788E",
        data: "0xd09de08a",
        value: 0n
      }
    ]
});

console.log("userOp hash:", results?.id);
const txHash = await results?.wait();
console.log("transaction hash",txHash);

5. Batch multiple transactions

You can batch multiple transactions to be sent on-chain at once by adding them to the calls array.

const results = await smartWalletClient.execute({
    payment : native(),
    calls: [
      {
        to: "0xa8851f5f279eD47a292f09CA2b6D40736a51788E",
        data: "0xd09de08a",
        value: 0n
      },
      {
        to: "0xa8851f5f279eD47a292f09CA2b6D40736a51788E",
        data: "0xd09de08a",
        value: 0n
      },
      {
        to: "0xa8851f5f279eD47a292f09CA2b6D40736a51788E",
        data: "0xd09de08a",
        value: 0n
      },
    ]
});