Hooks.useUpgradeAccount

import { Hooks, porto } from 'porto/wagmi'
import { parseEther } from 'viem'
import { privateKeyToAccount } from 'viem/accounts'
 
const eoa = privateKeyToAccount('0x...')
const token = '0x29f45fc3ed1d0ffafb5e2af9cc6c3ab1555cd5a2'
 
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 
        feeLimit: { 
          currency: 'USD',  
          value: '1',  
        }, 
        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
 
  /** 
   * Limit that the key can spend on fees. When provided,
   * Porto will assign a spend permission on the user's
   * selected fee token that is equal to the limit provided.
   */
  feeLimit?: {
    /** Currency of the limit. */
    currency: 'ETH' | 'USD' | 'USDC' | 'USDT'
    /** Value of the limit in the currency's unit (e.g. '1' = 1 USDC). */
    value: string
  } | 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}`
    }[]
  }
}