useBatchPurchase

import { BigNumber } from '@ethersproject/bignumber'
import { BatchPurchaseStep, useBatchPurchase } from '@liteflow/react'
 
export default function Component() {
  const signer = undefined // type of "Signer & TypedDataSigner" Get the signer from the wallet. Need to be an Ethers Signer (https://docs.ethers.io/v5/api/signer/)
  const [batchPurchase, { activeStep, transactionHash }] =
    useBatchPurchase(signer)
 
  const handleClick = async () => {
    await batchPurchase([
      {
        listingId: '66710e28-38d4-11ed-a261-0242ac120002', // ID of the offer
        quantity: BigNumber.from(1), // The quantity of NFT to accept. Must be 1 for erc721, must be inferior (partial fill) or equal to offer's quantity for erc1155.
      },
      {
        listingId: '66710e28-38d4-11ed-a261-0242ac120003', // ID of the offer
        quantity: BigNumber.from(1), // The quantity of NFT to accept. Must be 1 for erc721, must be inferior (partial fill) or equal to offer's quantity for erc1155.
      },
    ])
  }
 
  return (
    <>
      {activeStep === BatchPurchaseStep.INITIAL && (
        <button onClick={handleClick}>Batch purchase</button>
      )}
      {activeStep === BatchPurchaseStep.TRANSACTION_SIGNATURE && (
        <p>Please sign transaction in wallet</p>
      )}
      {activeStep === BatchPurchaseStep.TRANSACTION_PENDING && (
        <p>Transaction is pending</p>
      )}
      {activeStep === BatchPurchaseStep.OWNERSHIP && <p>Verifying ownership</p>}
      {transactionHash && <p>Transaction hash is {transactionHash}</p>}
    </>
  )
}

useBatchPurchase(
  signer: Signer | undefined, // Ethers signer: https://docs.ethers.io/v5/api/signer/
)

;[
  (purchases: { offerId: string; quantity: BigNumberish }[]) => Promise<void>, // batchPurchase function to accept a purchase multiple offers
  {
    activeStep: BatchPurchaseStep, // returns different values depending on the current purchase step
    transactionHash: string | undefined, // returns the transaction hash after transaction has been placed on the blockchain
  },
]

(
  purchases: {
    listingId: string, // Id of the offer
    quantity: BigNumberish, // Quantity of asset to accept. Use BigNumber
  }[]
)

enum BatchPurchaseStep {
  INITIAL, // Default
  TRANSACTION_SIGNATURE, // Transaction has been initiated
  TRANSACTION_PENDING, // Transaction is pending
  OWNERSHIP, // Ownership is being verified
}