Executing a transaction

To demonstrate MagicSpend++, we’ll walk through a simple, real-world EVM transaction: transferring 1.0 USDC on Polygon. This compact example shows the full flow end-to-end—constructing ERC‑20 transfer calldata from the USDC ABI, requesting a canonical userOp hash from the backend, signing that hash with a Turnkey-backed account, producing EIP‑7702 authorization(s), and finally submitting everything to a submit endpoint.

By following this sequence, you’ll see how MagicSpend++ enables chain abstracted execution with minimal friction while keeping the signer experience familiar.

Step 1 — Build ERC‑20 Transfer Transaction Calldata

import { erc20Abi, encodeFunctionData, parseUnits } from 'viem';

const chainId = 137;
const usdc = '0x2791Bca1f2de4661ED88A30C99A7a9449Aa84174';
const recipient = '0x1111111111111111111111111111111111111111';

// 1. Convert 1.0 USDC to base units (6 decimals)
const amount = parseUnits('1.0', 6);

// 2. Encode transfer(to, amount) calldata
const encodedData = encodeFunctionData({
  abi: erc20Abi,
  functionName: 'transfer',
  args: [recipient, amount],
});

Step 2 — Build the chain abstracted transaction (with quote type + token addresses)

import axios from 'axios';

const chainId = 137; // Polygon

// Token the user settles in
const settlementToken = 'USDC'; 

// Token the user spends
const spendingTokenAddress = '0x2791Bca1f2de4661ED88A30C99A7a9449Aa84174';

// For a transfer, spending and settlement tokens are both USDC.
// Use 'AMOUNT_OUT' to send an exact recipient amount; 'AMOUNT_IN' to spend an exact input amount.
const quoteType = 'AMOUNT_OUT'; // or 'AMOUNT_IN'
const amount = '1000000'; // Formatted amount (USDC uses 6 decimals)

const { data: transactionData } = await axios.post('https://api.enclave.money/magicspend/build-transaction', {
  chainId,
  transactions: [{
    to: usdc
    
    // encodedData comes from Step 1 (ERC-20 transfer calldata built via viem/ethers)
    data: encodedData
  }],
  quoteType, // 'AMOUNT_OUT' | 'AMOUNT_IN'
  amount, // '1.0' => 1 USDC
  spendingTokenAddress,   // token user spends
  settlementToken // token user settle in (ex. 'USDC' or 'SOL')
}, {
  headers: {
    'Content-Type': 'application/json',
    'Authorization': process.env.ENCLAVE_API_KEY,
  }
});

const { 
  userOpHash, 
  authorizations, 
  settlementPlan, 
  expiryTimestamp, 
  transactionId 
} = transactionData;

Supported Settlement Tokens

Token
Identifier
Supported Networks

USDC

USDC

Ethereum Mainnet, Arbitrum, Base, Optimism, Polygon, Avalanche, Unichain, Binance Smart Chain, World Chain, Solana

SOL

SOL

Solana

ETH

ETH

Ethereum Mainnet, Arbitrum, Base, Optimism, Polygon, Unichain, World Chain

Step 3 - Initialize turnkey and sign the user operation and authorizations

import { Turnkey as TurnkeyServerSDK } from '@turnkey/sdk-server';
import { createAccount } from '@turnkey/viem';
import { createWalletClient, http } from 'viem';
import { polygon } from 'viem/chains';

const turnkeyClient = new TurnkeyServerSDK({
  apiBaseUrl: 'https://api.turnkey.com',
  apiPrivateKey: process.env.NEXT_PUBLIC_ENCLAVE_DELEGATE_API_PRIVATE_KEY!,
  apiPublicKey: process.env.NEXT_PUBLIC_ENCLAVE_DELEGATE_API_PUBLIC_KEY!,
});

const organizationId = 'USER_SUB_ORG_ID';
const userTurnkeyEvmAddress = '0xUserAddress';
const rpcUrl = '<YOUR_RPC_URL>';

const account = await createAccount({
  client: turnkeyClient.apiClient(),
  organizationId,
  signWith: userTurnkeyEvmAddress,
});

const walletClient = createWalletClient({
  account,
  chain: polygon,
  transport: http(rpcUrl),
});

const userOpSignature = await walletClient.signMessage({
  account: walletClient.account,
  message: { raw: userOpHash },
});

Step 4 — Sign EIP‑7702 authorization(s)

// Sign each authorization
const authorizationList = await Promise.all(
  authorizations.map((authorization: { contractAddress, chainId, nonce }) =>
    walletClient.signAuthorization({
      ...authorization,
      account: walletClient.account,
    })
  )
);

Step 5 - Submitting the transaction

// Submitting transaction response
const { data: submitResponse } = await axios.post('https://api.enclave.money/magicspend/submit', {
  transactionId,
  userOpSignature,
  authorizationList,
}, {
  headers: {
    'Content-Type': 'application/json',
    'Authorization': process.env.ENCLAVE_API_KEY,
  }
});

const { txHash, transactionId, status } = submitResponse

Step 6 - Checking the status of the transaction

const { 
    status, 
    failureReason, 
    executedAt, 
    settledAt, 
    targetTransaction, 
    settlementTransactions  
} = await axios.get('https://api.enclave.money/magicspend/tx-status', 
    { params: { transactionId } },
    {
      headers: {
        'Content-Type': 'application/json',
        'Authorization': process.env.ENCLAVE_API_KEY,
    }
});
// Example: { status: 'PENDING' | 'SUBMITTED' | 'TARGET_EXECUTED' | 'SETTLING | 'SETTLEMENT_EXECUTED' | 'EXPIRED' | 'FAILED' }
console.log('Transaction Status:', status);

Status Codes

Status Code
Description

PENDING

Transaction is built but signatures for the transaction have not been submitted yet

SUBMITTED

Transaction has been submitted and the user's desired action will be executed on the target chain

TARGET_EXECUTED

Target chain transaction has been succeefully executed. Settlement of the transaction is now pending.

SETTLING

Settlement transactions on each of the settlement chains have been submitted and pending execution

SETTLEMENT_EXECUTED

Settlement transactions on all settlement chains have been executed

EXPIRED

Transaction was built but was not submitted on time for valid execution

FAILED

Transaction execution failed. This may be due to a reverted transaction on the target or settlement chains.

Last updated