Hooks.useUpgradeAccount

import { Hooks } from 'porto/wagmi'
import { parseEther } from 'viem'
import { privateKeyToAccount } from 'viem/accounts'
import { porto } from 'wagmi/connectors'
 
const eoa = privateKeyToAccount('0x...')
const token = '0xaf3b0a5b4becc4fa1dfafe74580efa19a2ea49fa'
 
function Example() {
  const upgradeAccount = Hooks.useUpgradeAccount()
 
  return (
    <button onClick={() => upgradeAccount.mutate({
      account: eoa,
      connector: porto(),
      grantPermissions: { 
        expiry: Math.floor(Date.now() / 1_000) + 60 * 60, // 1 hour 
        feeToken: { 
          limit: '1',  
          symbol: 'USDC',  
        }, 
        permissions: { 
          calls: [{ 
            signature: 'transfer(address,uint256)', 
            to: token, 
          }], 
          spend: [{ 
            limit: parseEther('50'), // 50 EXP 
            period: 'day', 
            token: token, 
          }], 
        }, 
      }, 
    })}>Upgrade Account</button>
  )
}

type GrantPermissions = {
  /** Expiry timestamp for the permissions */
  expiry: number
 
  /** 
   * Fee token that will be used with these permissions.
   */
  feeToken: {
    /** Value of the limit in the symbols's unit (e.g. '1' = 1 USDC). */
    limit: string
    /** Symbol of the fee token. `undefined` for native token. */
    symbol?: Token.Symbol | undefined
  } | undefined,
 
  /** Key to grant permissions to. Defaults to a wallet-managed key. */
  key?: {
    /** Public key. Accepts an address for `address` & `secp256k1` types. */
    publicKey?: `0x${string}`
    /** Key type. */
    type?: 'address' | 'p256' | 'secp256k1' | 'webauthn-p256'
  }
 
  /** Permissions to grant */
  permissions: {
    /** Call permissions */
    calls: {
      /** Function signature or 4-byte signature */
      signature?: string
      /** Authorized target address */
      to?: `0x${string}`
    }[]
 
    /** Spend permissions */
    spend: {
      /** Spending limit (in wei) per period */
      limit: `0x${string}`
      /** Period of the spend limit */
      period: 'minute' | 'hour' | 'day' | 'week' | 'month' | 'year'
      /** ERC20 token to set the limit on (defaults to native token) */
      token?: `0x${string}`
    }[]
  }
}