useTransactions

import { useTransactions } from 'ethereum-identity-kit'
 
export default function TransactionComponent() {
  const {
    txModalOpen,
    setTxModalOpen,
    pendingTxs,
    addTransactions,
    goToNextTransaction,
    resetTransactions,
    isCheckoutFinished,
  } = useTransactions()
 
  // Example usage
  if (txModalOpen) {
    return <div>Transaction Modal is Open</div>
  }
 
  return <button onClick={() => setTxModalOpen(true)}>Open Transaction Modal</button>
}

const { txModalOpen, setTxModalOpen } = useTransactions()
 
// Open the transaction modal
setTxModalOpen(true)

setTxModalOpen(false) // Closes the transaction modal

const { pendingTxs } = useTransactions()
console.log(pendingTxs) // Logs the list of pending transactions

const txs = [
  {
    id: 'tx1',
    title: 'Transaction', // Title of the transaction to be displayed in the modal
    description: 'This transaction will do something', // Description of the transaction to be displayed in the modal
    address: '0x123', // Contract address
    abi: contractAbi, // ABI of the contract
    chainId: 1, // Chain ID
    functionName: 'function', // Function name
    args: [arg1, arg2], // Arguments to be passed to the function
  },
  // ...
]
 
addTransactions(txs)

import {
  useTransactions,
  listOpAddListRecord,
  listOpRemoveListRecord,
  listOpAddTag,
  listOpRemoveTag,
} from 'ethereum-identity-kit'
 
const { addListOpsTransaction } = useTransactions()
 
const listOps = []
listOps.push(listOpAddListRecord('0x1234...')) // Add a list record - follow
listOps.push(listOpRemoveListRecord('0x1234...')) // Remove a list record - unfollow
listOps.push(listOpAddTag('0x1234...', 'myTag')) // Add a tag
listOps.push(listOpRemoveTag('0x1234...', 'myTag')) // Remove a tag
 
addListOpsTransaction(listOps)

removeTransactions(['tx1', 'tx2'])

import {
  useTransactions,
  listOpAddListRecord,
  listOpRemoveListRecord,
  listOpAddTag,
  listOpRemoveTag,
} from 'ethereum-identity-kit'
 
const { removeListOpsTransaction } = useTransactions()
 
const listOpsData = []
listOpsData.push(listOpAddListRecord('0x1234...').data) // Add a list record - follow
listOpsData.push(listOpRemoveListRecord('0x1234...').data) // Remove a list record - unfollow
listOpsData.push(listOpAddTag('0x1234...', 'myTag').data) // Add a tag
listOpsData.push(listOpRemoveTag('0x1234...', 'myTag').data) // Remove a tag
 
removeListOpsTransaction(listOpsData)

goToNextTransaction() // Moves to the next transaction

resetTransactions() // Resets all transactions and closes the modal
resetTransactions(true) // Resets all transactions but keeps the modal open

const { isCheckoutFinished } = useTransactions()
if (isCheckoutFinished) {
  console.log('Checkout is complete')
}

const { selectedChainId, setSelectedChainId } = useTransactions()
setSelectedChainId(1) // Sets the selected chain to Ethereum Mainnet

setSelectedChainId(137) // Sets the selected chain to Polygon

const { currentTxIndex } = useTransactions()
console.log(`Current transaction index: ${currentTxIndex}`)

setCurrentTxIndex(2) // Sets the current transaction index to 2

const { lists } = useTransactions()
console.log(lists) // Logs the user's EFP lists

const { listsLoading } = useTransactions()
if (listsLoading) {
  console.log('Lists are loading...')
}

const { selectedList, setSelectedList } = useTransactions()
setSelectedList('myList')

setSelectedList('newList')

const { nonce } = useTransactions()
console.log(`Current nonce: ${nonce}`)

setIsCheckoutFinished(true) // Marks the checkout as finished

const { followingAddressesToFetchFresh } = useTransactions()
console.log(followingAddressesToFetchFresh) // Logs addresses to fetch fresh data for