Your smart wallet is ready for gasless transactions
{address}
Base Sepolia
}
{state === "transaction-sent" &&
Transaction Sent!
Your native gas payment transaction has been submitted to the network
{transactionHash}
}
;
};
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.
## Getting Started
```typescript theme={null}
import { createGelatoSmartWalletClient, native } from "@gelatonetwork/smartwallet";
import { gelato, kernel, safe, metamask } from "@gelatonetwork/smartwallet/accounts";
import { createWalletClient, createPublicClient, http, type Hex } from "viem";
import { generatePrivateKey, privateKeyToAccount } from "viem/accounts";
```
You can set up a Smart Account as per your needs. In the case of `Gelato`, the Gelato Smart Account address will be the same as your EOA, enabling EIP-7702 features.
When using a `Kernel` Account, you have the option to use EIP-7702 and ERC-4337 together. Setting `eip7702` parameter to true will make your EOA the sender address. However, if you want to utilize existing Kernel accounts only with ERC-4337 features, set it to false.
For a `Safe` Account, it defaults to the ERC-4337 standard. You can either use an already deployed Safe Account or create a new one, while enhancing the experience with Gelato's best-in-class infrastructure.
```typescript theme={null}
const privateKey = (process.env.PRIVATE_KEY ?? generatePrivateKey()) as Hex;
const owner = privateKeyToAccount(privateKey);
const publicClient = createPublicClient({
chain: baseSepolia,
transport: http(),
});
const account = await gelato({
owner,
client: publicClient,
});
```
```typescript theme={null}
const privateKey = (process.env.PRIVATE_KEY ?? generatePrivateKey()) as Hex;
const owner = privateKeyToAccount(privateKey);
const publicClient = createPublicClient({
chain: baseSepolia,
transport: http(),
});
const account = await kernel({
owner,
client: publicClient,
eip7702: false, // set to true if you want to use EIP-7702 with ERC-4337
});
```
```typescript theme={null}
const privateKey = (process.env.PRIVATE_KEY ?? generatePrivateKey()) as Hex;
const owner = privateKeyToAccount(privateKey);
const publicClient = createPublicClient({
chain: baseSepolia,
transport: http(),
});
const account = await safe({
client: publicClient,
owners: [owner],
version: "1.4.1",
});
```
```typescript theme={null}
const privateKey = (process.env.PRIVATE_KEY ?? generatePrivateKey()) as Hex;
const owner = privateKeyToAccount(privateKey);
const publicClient = createPublicClient({
chain: baseSepolia,
transport: http(),
});
const account = await metamask({
owner,
client: publicClient,
});
```
Quickly get started by creating a wallet client using `createWalletClient` from `viem` with local account for your specified network. Checkout supported networks [here](/smart-wallet-sdk/additional-resources/supported-networks).
```typescript theme={null}
const client = createWalletClient({
account,
chain: baseSepolia,
transport: http()
});
```
To initialize a Smart Wallet Client, you can use the `createGelatoSmartWalletClient` method.
```typescript theme={null}
const smartWalletClient = createGelatoSmartWalletClient(client);
```
To send transactions with native gas payments, select native as the payment method. The native token will be used to pay for gas fees.
```typescript theme={null}
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);
```
You can batch multiple transactions to be sent on-chain at once by adding them to the calls array:
```typescript theme={null}
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
}
]
});
```
## Native Gas Payment Playground
## Additional Resources
* Check out the full implementation of native gas payments using [Gelato Wallets](https://github.com/gelatodigital/smartwallet/tree/master/examples/native/src/index.ts).