feat(sdk): makes chain optional in smart wallet config

Author: gregfromstl

.changeset/six-baboons-begin.md

@@ -0,0 +1,13 @@
+---
+"thirdweb": minor
+---
+
+Feature: Chain is no longer required for smart accounts
+
+```ts
+import { smartWallet } from "thirdweb";
+
+const wallet = smartWallet({
+    sponsorGas: true, // enable sponsored transactions
+});
+```

packages/thirdweb/src/react/core/hooks/connection/ConnectButtonProps.ts

@@ -948,8 +948,6 @@ export type ConnectButtonProps = {
    * ```tsx
    * <ConnectButton
    *   accountAbstraction={{
-   *    factoryAddress: "0x123...",
-   *    chain: sepolia,
    *    gasless: true;
    *   }}
    * />

packages/thirdweb/src/react/web/ui/ConnectWallet/Modal/SmartWalletConnectUI.tsx

@@ -129,7 +129,9 @@ function SmartWalletConnecting(props: {
     };
   }, [personalWallet]);
 
-  const wrongNetwork = personalWalletChainId !== smartWalletChain.id;
+  const wrongNetwork =
+    typeof smartWalletChain !== "undefined" &&
+    personalWalletChainId !== smartWalletChain.id;
 
   const [smartWalletConnectionStatus, setSmartWalletConnectionStatus] =
     useState<"connecting" | "connect-error" | "idle">("idle");

packages/thirdweb/src/wallets/smart/index.ts

@@ -53,6 +53,7 @@ import type {
   SmartWalletConnectionOptions,
   SmartWalletOptions,
   TokenPaymasterConfig,
+  UserOpOptions,
   UserOperationV06,
   UserOperationV07,
 } from "./types.js";
@@ -92,7 +93,8 @@ export async function connectSmartAccount(
   }
 
   const options = creationOptions;
-  const chain = connectChain ?? options.chain;
+  // Fallback to mainnet if no chain is provided (we only need this for pre-deploy signatures since transactions and deployments must define their own chain)
+  const chain = connectChain ?? options.chain ?? getCachedChain(1);
 
   // if factory is passed, but no entrypoint, try to resolve entrypoint from factory
   if (options.factoryAddress && !options.overrides?.entrypointAddress) {
@@ -265,16 +267,29 @@ async function createSmartAccount(
       });
     },
     async sendBatchTransaction(transactions: SendTransactionOption[]) {
+      // The latter half of this OR is purely to satisfy TS
+      if (transactions.length === 0 || typeof transactions[0] === "undefined") {
+        throw new Error("You must provide at least one transaction in a batch");
+      }
+
+      const chain = getCachedChain(transactions[0].chainId);
+      if (transactions.some((tx) => tx.chainId !== chain.id)) {
+        throw new Error(
+          "All transactions in a batch must have the same chain ID",
+        );
+      }
+
       const executeTx = prepareBatchExecute({
         accountContract,
         transactions,
         executeBatchOverride: options.overrides?.executeBatch,
       });
+
       return _sendUserOp({
         executeTx,
         options: {
           ...options,
-          chain: getCachedChain(transactions[0]?.chainId ?? options.chain.id),
+          chain,
           accountContract,
         },
       });
@@ -365,6 +380,7 @@ async function approveERC20(args: {
     executeTx,
     options: {
       ...options,
+      chain: getCachedChain(transaction.chainId),
       overrides: {
         ...options.overrides,
         tokenPaymaster: undefined,
@@ -460,7 +476,7 @@ function createZkSyncAccount(args: {
 
 async function _sendUserOp(args: {
   executeTx: PreparedTransaction;
-  options: SmartAccountOptions;
+  options: UserOpOptions;
 }): Promise<WaitForReceiptOptions> {
   const { executeTx, options } = args;
   try {

packages/thirdweb/src/wallets/smart/lib/signing.ts

@@ -57,7 +57,7 @@ export async function smartAccountSignMessage({
       domain: {
         name: "Account",
         version: "1",
-        chainId: options.chain.id,
+        chainId: options.chain?.id ?? 1,
         verifyingContract: accountContract.address,
       },
       primaryType: "AccountMessage",
@@ -155,7 +155,7 @@ export async function smartAccountSignTypedData<
       domain: {
         name: "Account",
         version: "1",
-        chainId: options.chain.id,
+        chainId: options.chain?.id ?? 1,
         verifyingContract: accountContract.address,
       },
       primaryType: "AccountMessage",

packages/thirdweb/src/wallets/smart/lib/userop.ts

@@ -697,7 +697,7 @@ export async function createAndSignUserOp(options: {
   transactions: PreparedTransaction[];
   adminAccount: Account;
   client: ThirdwebClient;
-  smartWalletOptions: SmartWalletOptions;
+  smartWalletOptions: SmartWalletOptions & { chain: Chain };
   waitForDeployment?: boolean;
 }) {
   const config = options.smartWalletOptions;

packages/thirdweb/src/wallets/smart/smart-wallet.ts

@@ -43,7 +43,6 @@ import type { SmartWalletOptions } from "./types.js";
  * import { sendTransaction } from "thirdweb";
  *
  * const wallet = smartWallet({
- *  chain: sepolia,
  *  sponsorGas: true, // enable sponsored transactions
  * });
  *
@@ -77,7 +76,7 @@ import type { SmartWalletOptions } from "./types.js";
  * import { sepolia } from "thirdweb/chains";
  *
  * const wallet = smartWallet({
- *  chain: sepolia,
+ *  chain: sepolia, // specify a chain if your factory only exists on one chain
  *  sponsorGas: true, // enable sponsored transactions
  *  factoryAddress: "0x...", // custom factory address
  * });
@@ -94,7 +93,6 @@ import type { SmartWalletOptions } from "./types.js";
  * import { sepolia } from "thirdweb/chains";
  *
  * const wallet = smartWallet({
- *  chain: sepolia,
  *  sponsorGas: true, // enable sponsored transactions
  *  factoryAddress: DEFAULT_ACCOUNT_FACTORY_V0_7, // 0.7 factory address
  * });

packages/thirdweb/src/wallets/smart/types.ts

@@ -19,7 +19,7 @@ export type TokenPaymasterConfig = {
 
 export type SmartWalletOptions = Prettify<
   {
-    chain: Chain; // TODO consider making default chain optional
+    chain?: Chain;
     factoryAddress?: string;
     overrides?: {
       bundlerUrl?: string;
@@ -81,7 +81,7 @@ export type SmartWalletOptions = Prettify<
 // internal type
 export type SmartAccountOptions = Prettify<
   Omit<SmartWalletOptions, "chain" | "gasless" | "sponsorGas"> & {
-    chain: Chain;
+    chain?: Chain;
     sponsorGas: boolean;
     personalAccount: Account;
     factoryContract: ThirdwebContract;
@@ -90,6 +90,18 @@ export type SmartAccountOptions = Prettify<
   }
 >;
 
+export type UserOpOptions = Omit<
+  SmartWalletOptions,
+  "chain" | "gasless" | "sponsorGas"
+> & {
+  chain: Chain;
+  sponsorGas: boolean;
+  personalAccount: Account;
+  factoryContract: ThirdwebContract;
+  accountContract: ThirdwebContract;
+  client: ThirdwebClient;
+};
+
 export type BundlerOptions = {
   bundlerUrl?: string;
   entrypointAddress?: string;