:fix swaps SA approval

.changeset/new-avocados-float.md

@@ -0,0 +1,22 @@
+---
+'@reown/appkit-adapter-ethers5': patch
+'@reown/appkit-adapter-ethers': patch
+'@reown/appkit-adapter-solana': patch
+'@reown/appkit-adapter-wagmi': patch
+'@reown/appkit-utils': patch
+'@reown/appkit': patch
+'@reown/appkit-common': patch
+'@reown/appkit-core': patch
+'@reown/appkit-siwe': patch
+'@reown/appkit-cdn': patch
+'@reown/appkit-cli': patch
+'@reown/appkit-experimental': patch
+'@reown/appkit-polyfills': patch
+'@reown/appkit-scaffold-ui': patch
+'@reown/appkit-siwx': patch
+'@reown/appkit-ui': patch
+'@reown/appkit-wallet': patch
+'@reown/appkit-wallet-button': patch
+---
+
+Fix an issue where approving with Smart Account didn't work

packages/adapters/ethers/src/client.ts

@@ -146,14 +146,7 @@
     }
 
     const result = await EthersMethods.writeContract(
-      {
-        abi: params.abi,
-        method: params.method,
-        fromAddress: params.caipAddress as `0x${string}`,
-        receiverAddress: params.receiverAddress as `0x${string}`,
-        tokenAmount: params.tokenAmount,
-        tokenAddress: params.tokenAddress as `0x${string}`
-      },
+      params,
       params.provider as Provider,
       params.caipAddress,
       Number(params.caipNetwork?.id)
@@ -263,7 +256,7 @@
     connectors.forEach(connector => {
       const key = connector === 'coinbase' ? 'coinbaseWalletSDK' : connector
 
       const injectedConnector = connector === ConstantsUtil.INJECTED_CONNECTOR_ID
 
       if (this.namespace) {
         this.addConnector({

packages/adapters/ethers/src/tests/client.test.ts

@@ -182,11 +182,11 @@ describe('EthersAdapter', () => {
         method: 'transfer',
         caipAddress: 'eip155:1:0x123',
         fromAddress: '0x123',
-        receiverAddress: '0x456',
-        tokenAmount: BigInt(1000),
+        args: ['0x789', BigInt(1000)],
         tokenAddress: '0x789',
         provider: mockProvider,
-        caipNetwork: mockCaipNetworks[0]
+        caipNetwork: mockCaipNetworks[0],
+        chainNamespace: 'eip155'
       })
 
       expect(result.hash).toBe(mockTxHash)

packages/adapters/ethers/src/utils/EthersMethods.ts

@@ -112,7 +112,7 @@ export const EthersMethods = {
     }
     const method = contract[data.method]
     if (method) {
-      return await method(data.receiverAddress, data.tokenAmount)
+      return await method(...data.args)
     }
     throw new Error('Contract method is undefined')
   },

packages/adapters/ethers5/src/client.ts

@@ -147,14 +147,7 @@
     }
 
     const result = await Ethers5Methods.writeContract(
-      {
-        abi: params.abi,
-        method: params.method,
-        fromAddress: params.caipAddress as `0x${string}`,
-        receiverAddress: params.receiverAddress as `0x${string}`,
-        tokenAmount: params.tokenAmount,
-        tokenAddress: params.tokenAddress as `0x${string}`
-      },
+      params,
       params.provider as Provider,
       params.caipAddress,
       Number(params.caipNetwork?.id)
@@ -264,7 +257,7 @@
     connectors.forEach(connector => {
       const key = connector === 'coinbase' ? 'coinbaseWalletSDK' : connector
 
       const injectedConnector = connector === ConstantsUtil.INJECTED_CONNECTOR_ID
 
       if (this.namespace) {
         this.addConnector({

packages/adapters/ethers5/src/tests/client.test.ts

@@ -174,11 +174,11 @@ describe('Ethers5Adapter', () => {
         method: 'transfer',
         caipAddress: 'eip155:1:0x123',
         fromAddress: '0x123',
-        receiverAddress: '0x456',
-        tokenAmount: BigInt(1000),
+        args: ['0x789', BigInt(1000)],
         tokenAddress: '0x789',
         provider: mockProvider,
-        caipNetwork: mockCaipNetworks[0]
+        caipNetwork: mockCaipNetworks[0],
+        chainNamespace: 'eip155'
       })
 
       expect(result.hash).toBe(mockTxHash)

packages/adapters/ethers5/src/utils/Ethers5Methods.ts

@@ -106,7 +106,7 @@ export const Ethers5Methods = {
     }
     const method = contract[data.method]
     if (method) {
-      return await method(data.receiverAddress, data.tokenAmount)
+      return await method(...data.args)
     }
     throw new Error('Contract method is undefined')
   },

packages/adapters/wagmi/src/client.ts

@@ -220,7 +220,7 @@
       customConnectors.push(injected({ shimDisconnect: true }))
     }
 
     const emailEnabled =
       options.features?.email === undefined
         ? CoreConstantsUtil.DEFAULT_FEATURES.email
         : options.features?.email
@@ -291,11 +291,11 @@
     const tx = await wagmiWriteContract(this.wagmiConfig, {
       chain: this.wagmiChains?.[chainId],
       chainId,
-      address: data.tokenAddress as Hex,
-      account: data.fromAddress as Hex,
+      address: data.tokenAddress,
+      account: data.fromAddress,
       abi: data.abi,
       functionName: data.method,
-      args: [data.receiverAddress, data.tokenAmount]
+      args: data.args
     })
 
     return { hash: tx }
@@ -377,7 +377,7 @@
     filteredConnectors.forEach(connector => {
       const shouldSkip = ConstantsUtil.AUTH_CONNECTOR_ID === connector.id
 
       const injectedConnector = connector.id === ConstantsUtil.INJECTED_CONNECTOR_ID
 
       if (!shouldSkip && this.namespace) {
         this.addConnector({

packages/adapters/wagmi/src/tests/client.test.ts

@@ -189,10 +189,10 @@ describe('WagmiAdapter', () => {
         caipAddress: 'eip155:1:0x123',
         tokenAddress: '0x123',
         fromAddress: '0x456',
-        receiverAddress: '0x789',
-        tokenAmount: BigInt(1000),
+        args: ['0x789', BigInt(1000)],
         abi: [],
-        method: 'transfer'
+        method: 'transfer',
+        chainNamespace: 'eip155'
       })
 
       expect(result.hash).toBe(mockTxHash)

packages/appkit/src/adapters/ChainAdapterBlueprint.ts

@@ -14,7 +14,8 @@ import {
   type Connector as AppKitConnector,
   type AuthConnector,
   type Metadata,
-  type Tokens
+  type Tokens,
+  type WriteContractArgs
 } from '@reown/appkit-core'
 import type UniversalProvider from '@walletconnect/universal-provider'
 import type { W3mFrameProvider } from '@reown/appkit-wallet'
@@ -433,17 +434,11 @@ export namespace AdapterBlueprint {
     gas: bigint
   }
 
-  export type WriteContractParams = {
-    receiverAddress: string
-    tokenAmount: bigint
-    tokenAddress: string
-    fromAddress: string
-    method: 'send' | 'transfer' | 'call'
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    abi: any
+  export type WriteContractParams = WriteContractArgs & {
     caipNetwork: CaipNetwork
     provider?: AppKitConnector['provider']
     caipAddress: CaipAddress
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
   }
 
   export type WriteContractResult = {

packages/appkit/src/client.ts

@@ -932,7 +932,10 @@ export class AppKit {
         if (args.chainNamespace === 'eip155') {
           const adapter = this.getAdapter(ChainController.state.activeChain as ChainNamespace)
 
-          const result = await adapter?.sendTransaction(args)
+          const provider = ProviderUtil.getProvider(
+            ChainController.state.activeChain as ChainNamespace
+          )
+          const result = await adapter?.sendTransaction({ ...args, provider })
 
           return result?.hash || ''
         }

packages/common/src/contracts/swap.ts

@@ -0,0 +1,12 @@
+export const swapABI = [
+  {
+    type: 'function',
+    name: 'approve',
+    stateMutability: 'nonpayable',
+    inputs: [
+      { name: 'spender', type: 'address' },
+      { name: 'amount', type: 'uint256' }
+    ],
+    outputs: [{ type: 'bool' }]
+  }
+] as const

packages/common/src/utils/ContractUtil.ts

@@ -1,4 +1,5 @@
 import { erc20ABI } from '../contracts/erc20.js'
+import { swapABI } from '../contracts/swap.js'
 import { usdtABI } from '../contracts/usdt.js'
 import { ConstantsUtil } from './ConstantsUtil.js'
 
@@ -10,5 +11,7 @@ export const ContractUtil = {
     }
 
     return erc20ABI
-  }
+  },
+
+  getSwapAbi: () => swapABI
 }

packages/core/src/controllers/SendController.ts

@@ -234,10 +234,10 @@ export const SendController = {
         await ConnectionController.writeContract({
           fromAddress: AccountController.state.address as `0x${string}`,
           tokenAddress,
-          receiverAddress: params.receiverAddress as `0x${string}`,
-          tokenAmount: amount ?? BigInt(0),
+          args: [params.receiverAddress as `0x${string}`, amount ?? BigInt(0)],
           method: 'transfer',
-          abi: ContractUtil.getERC20Abi(tokenAddress)
+          abi: ContractUtil.getERC20Abi(tokenAddress),
+          chainNamespace: 'eip155'
         })
 
         SnackController.showSuccess('Transaction started')

packages/core/src/controllers/SwapController.ts

@@ -717,8 +717,9 @@ export const SwapController = {
         address: fromAddress as `0x${string}`,
         to: data.to as `0x${string}`,
         data: data.data as `0x${string}`,
-        value: BigInt(data.value),
+        gas: data.gas,
         gasPrice: BigInt(data.gasPrice),
+        value: data.value,
         chainNamespace: 'eip155'
       })
 

packages/core/src/utils/TypeUtil.ts

@@ -910,13 +910,13 @@ export type EstimateGasTransactionArgs =
     }
 
 export interface WriteContractArgs {
-  receiverAddress: `0x${string}`
-  tokenAmount: bigint
   tokenAddress: `0x${string}`
   fromAddress: `0x${string}`
-  method: 'send' | 'transfer' | 'call'
+  method: 'send' | 'transfer' | 'call' | 'approve'
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   abi: any
+  args: unknown[]
+  chainNamespace: ChainNamespace
 }
 
 export interface NetworkControllerClient {