fix: include AA props in default wallets

Author: gregfromstl

packages/thirdweb/src/react/web/ui/ConnectWallet/ConnectButton.tsx

@@ -292,8 +292,14 @@ export function ConnectButton(props: ConnectButtonProps) {
       getDefaultWallets({
         appMetadata: props.appMetadata,
         chains: props.chains,
+        executionMode: props.accountAbstraction
+          ? {
+              mode: "EIP4337",
+              smartAccount: props.accountAbstraction,
+            }
+          : undefined,
       }),
-    [props.wallets, props.appMetadata, props.chains],
+    [props.wallets, props.appMetadata, props.chains, props.accountAbstraction],
   );
   const localeQuery = useConnectLocale(props.locale || "en_US");
   const connectionManager = useConnectionManager();

packages/thirdweb/src/wallets/defaultWallets.ts

@@ -1,6 +1,7 @@
 import type { Chain } from "../chains/types.js";
 import { COINBASE, METAMASK, RAINBOW, ZERION } from "./constants.js";
 import { createWallet } from "./create-wallet.js";
+import type { ExecutionModeOptions } from "./in-app/core/wallet/types.js";
 import type { Wallet } from "./interfaces/wallet.js";
 import type { AppMetadata } from "./types.js";
 
@@ -10,9 +11,12 @@ import type { AppMetadata } from "./types.js";
 export function getDefaultWallets(options?: {
   appMetadata?: AppMetadata;
   chains?: Chain[];
+  executionMode?: ExecutionModeOptions;
 }): Wallet[] {
   return [
-    createWallet("inApp"),
+    createWallet("inApp", {
+      executionMode: options?.executionMode,
+    }),
     createWallet(METAMASK),
     createWallet(COINBASE, {
       appMetadata: options?.appMetadata,