fix: specified tokenId in SendCollectible,

feat: renamed useGetSingleTokenBalanceSummary to useGetSingleTokenBalance

Author: andrewlee348

packages/connect/src/components/TxnDetails/TxnDetails.tsx

@@ -1,6 +1,6 @@
 import { commons } from '@0xsequence/core'
 import { Card, GradientAvatar, Skeleton, Text, TokenImage } from '@0xsequence/design-system'
-import { useAPIClient, useGetSingleTokenBalanceSummary, useGetTokenMetadata } from '@0xsequence/hooks'
+import { useAPIClient, useGetSingleTokenBalance, useGetTokenMetadata } from '@0xsequence/hooks'
 import { ContractType } from '@0xsequence/indexer'
 import { useEffect, useState } from 'react'
 import { formatUnits, zeroAddress } from 'viem'
@@ -93,7 +93,7 @@ const TransferItemInfo = ({ address, transferProps, chainId }: TransferItemInfoP
   const isNFT = transferProps.contractType === ContractType.ERC1155 || transferProps.contractType === ContractType.ERC721
   const nativeTokenInfo = getNativeTokenInfoByChainId(chainId, chains)
 
-  const { data: tokenBalance } = useGetSingleTokenBalanceSummary({
+  const { data: tokenBalance } = useGetSingleTokenBalance({
     chainId,
     contractAddress,
     accountAddress: address

packages/hooks/README.md

@@ -42,7 +42,7 @@ Sequence hooks are grouped into 5 categories, based on the sequence service they
 - useGetTokenBalancesSummary
 - useGetTokenBalancesDetails
 - useGetTokenBalancesByContract
-- useGetSingleTokenBalanceSummary
+- useGetSingleTokenBalance
 
 ### Metadata
 
@@ -261,12 +261,12 @@ const { data, isPending, fetchNextPage, hasNextPage, isFetchingNextPage, error }
 )
 ```
 
-### useGetSingleTokenBalanceSummary
+### useGetSingleTokenBalance
 
 ```tsx
-import { useGetSingleTokenBalanceSummary } from '@0xsequence/hooks'
+import { useGetSingleTokenBalance } from '@0xsequence/hooks'
 
-const { data, isPending, error } = useGetSingleTokenBalanceSummary({
+const { data, isPending, error } = useGetSingleTokenBalance({
   chainId: 1,
   accountAddress: '0x9876543210987654321098765432109876543210',
   contractAddress: '0x0123456789012345678901234567890123456789'

packages/hooks/src/constants.ts

@@ -8,7 +8,7 @@ export const QUERY_KEYS = {
   useGetTransactionHistorySummary: 'useGetTransactionHistorySummary',
   useGetContractInfo: 'useGetContractInfo',
   useGetMultipleContractInfo: 'useGetMultipleContractInfo',
-  useGetSingleTokenBalanceSummary: 'useGetSingleTokenBalanceSummary',
+  useGetSingleTokenBalance: 'useGetSingleTokenBalance',
   useGetExchangeRate: 'useGetExchangeRate',
   useGetCoinPrices: 'useGetCoinPrices',
   useGetCollectiblePrices: 'useGetCollectiblePrices',

…teway/useGetSingleTokenBalanceSummary.ts …dexerGateway/useGetSingleTokenBalance.tspackages/hooks/src/hooks/IndexerGateway/useGetSingleTokenBalanceSummary.ts renamed to packages/hooks/src/hooks/IndexerGateway/useGetSingleTokenBalance.ts packages/hooks/src/hooks/IndexerGateway/useGetSingleTokenBalanceSummary.ts renamed to packages/hooks/src/hooks/IndexerGateway/useGetSingleTokenBalance.ts

@@ -7,17 +7,14 @@ import { compareAddress, createNativeTokenBalance } from '../../utils/helpers'
 
 import { useIndexerGatewayClient } from './useIndexerGatewayClient'
 
-export interface GetSingleTokenBalanceSummaryArgs {
+export interface GetSingleTokenBalanceArgs {
   chainId: number
   accountAddress: string
   contractAddress: string
   tokenId?: string
 }
 
-const getSingleTokenBalanceSummary = async (
-  args: GetSingleTokenBalanceSummaryArgs,
-  indexerGatewayClient: SequenceIndexerGateway
-) => {
+const getSingleTokenBalance = async (args: GetSingleTokenBalanceArgs, indexerGatewayClient: SequenceIndexerGateway) => {
   const balance = await indexerGatewayClient.getTokenBalancesDetails({
     chainIds: [args.chainId],
     filter: {
@@ -78,13 +75,13 @@ const getSingleTokenBalanceSummary = async (
  * }
  * ```
  */
-export const useGetSingleTokenBalanceSummary = (args: GetSingleTokenBalanceSummaryArgs, options?: HooksOptions) => {
+export const useGetSingleTokenBalance = (args: GetSingleTokenBalanceArgs, options?: HooksOptions) => {
   const indexerGatewayClient = useIndexerGatewayClient()
 
   return useQuery({
-    queryKey: [QUERY_KEYS.useGetSingleTokenBalanceSummary, args, options],
+    queryKey: [QUERY_KEYS.useGetSingleTokenBalance, args, options],
     queryFn: async () => {
-      return await getSingleTokenBalanceSummary(args, indexerGatewayClient)
+      return await getSingleTokenBalance(args, indexerGatewayClient)
     },
     retry: options?.retry ?? true,
     staleTime: time.oneSecond * 30,

packages/hooks/src/index.ts

@@ -27,10 +27,7 @@ export {
 // IndexerGateway
 export { useIndexerGatewayClient } from './hooks/IndexerGateway/useIndexerGatewayClient'
 export { useGetNativeTokenBalance } from './hooks/IndexerGateway/useGetNativeTokenBalance'
-export {
-  useGetSingleTokenBalanceSummary,
-  type GetSingleTokenBalanceSummaryArgs
-} from './hooks/IndexerGateway/useGetSingleTokenBalanceSummary'
+export { useGetSingleTokenBalance, type GetSingleTokenBalanceArgs } from './hooks/IndexerGateway/useGetSingleTokenBalance'
 export { useGetTokenBalancesByContract } from './hooks/IndexerGateway/useGetTokenBalancesByContract'
 export { useGetTokenBalancesDetails } from './hooks/IndexerGateway/useGetTokenBalancesDetails'
 export { useGetTokenBalancesSummary } from './hooks/IndexerGateway/useGetTokenBalancesSummary'

packages/hooks/src/tests/IndexerGateway/useGetSingleTokenBalanceSummary.test.ts

@@ -3,22 +3,19 @@ import { HttpResponse, http } from 'msw'
 import { describe, expect, it } from 'vitest'
 
 import { ACCOUNT_ADDRESS, ZERO_ADDRESS } from '../../constants'
-import {
-  GetSingleTokenBalanceSummaryArgs,
-  useGetSingleTokenBalanceSummary
-} from '../../hooks/IndexerGateway/useGetSingleTokenBalanceSummary'
+import { GetSingleTokenBalanceArgs, useGetSingleTokenBalance } from '../../hooks/IndexerGateway/useGetSingleTokenBalance'
 import { createWrapper } from '../createWrapper'
 import { server } from '../setup'
 
-const getTokenBalancesSummaryArgs: GetSingleTokenBalanceSummaryArgs = {
+const getTokenBalancesArgs: GetSingleTokenBalanceArgs = {
   chainId: 1,
   accountAddress: ACCOUNT_ADDRESS,
   contractAddress: ZERO_ADDRESS
 }
 
-describe('useGetSingleTokenBalanceSummary', () => {
+describe('useGetSingleTokenBalance', () => {
   it('should return data with a balance', async () => {
-    const { result } = renderHook(() => useGetSingleTokenBalanceSummary(getTokenBalancesSummaryArgs), {
+    const { result } = renderHook(() => useGetSingleTokenBalance(getTokenBalancesArgs), {
       wrapper: createWrapper()
     })
 
@@ -38,7 +35,7 @@ describe('useGetSingleTokenBalanceSummary', () => {
       })
     )
 
-    const { result } = renderHook(() => useGetSingleTokenBalanceSummary(getTokenBalancesSummaryArgs, { retry: false }), {
+    const { result } = renderHook(() => useGetSingleTokenBalance(getTokenBalancesArgs, { retry: false }), {
       wrapper: createWrapper()
     })
 

packages/wallet-widget/src/views/CoinDetails/index.tsx

@@ -1,11 +1,6 @@
 import { compareAddress, formatDisplay, getNativeTokenInfoByChainId, useWallets } from '@0xsequence/connect'
 import { Button, SendIcon, SwapIcon, Text, TokenImage } from '@0xsequence/design-system'
-import {
-  useGetCoinPrices,
-  useGetExchangeRate,
-  useGetTransactionHistory,
-  useGetSingleTokenBalanceSummary
-} from '@0xsequence/hooks'
+import { useGetCoinPrices, useGetExchangeRate, useGetTransactionHistory, useGetSingleTokenBalance } from '@0xsequence/hooks'
 import { useEffect } from 'react'
 import { formatUnits, zeroAddress } from 'viem'
 import { useConfig } from 'wagmi'
@@ -51,7 +46,7 @@ export const CoinDetails = ({ contractAddress, chainId, accountAddress }: CoinDe
 
   const transactionHistory = flattenPaginatedTransactionHistory(dataTransactionHistory)
 
-  const { data: tokenBalance, isPending: isPendingCoinBalance } = useGetSingleTokenBalanceSummary({
+  const { data: tokenBalance, isPending: isPendingCoinBalance } = useGetSingleTokenBalance({
     chainId,
     contractAddress,
     accountAddress: accountAddress || ''

packages/wallet-widget/src/views/CollectibleDetails/index.tsx

@@ -4,7 +4,7 @@ import {
   useGetTransactionHistory,
   useGetCollectiblePrices,
   useGetExchangeRate,
-  useGetSingleTokenBalanceSummary
+  useGetSingleTokenBalance
 } from '@0xsequence/hooks'
 import { useEffect } from 'react'
 import { formatUnits } from 'viem'
@@ -52,7 +52,7 @@ export const CollectibleDetails = ({ contractAddress, chainId, tokenId, accountA
 
   const transactionHistory = flattenPaginatedTransactionHistory(dataTransactionHistory)
 
-  const { data: tokenBalance, isPending: isPendingCollectibleBalance } = useGetSingleTokenBalanceSummary({
+  const { data: tokenBalance, isPending: isPendingCollectibleBalance } = useGetSingleTokenBalance({
     chainId,
     contractAddress,
     accountAddress: accountAddress || '',

packages/wallet-widget/src/views/Send/SendCoin.tsx

@@ -28,7 +28,7 @@ import {
   useGetCoinPrices,
   useGetExchangeRate,
   useIndexerClient,
-  useGetSingleTokenBalanceSummary
+  useGetSingleTokenBalance
 } from '@0xsequence/hooks'
 import { TokenBalance } from '@0xsequence/indexer'
 import { useState, ChangeEvent, useRef, useEffect } from 'react'
@@ -83,7 +83,7 @@ export const SendCoin = ({ chainId, contractAddress }: SendCoinProps) => {
   const checkFeeOptions = useCheckWaasFeeOptions()
   const [pendingFeeOption, confirmFeeOption, _rejectFeeOption] = useWaasFeeOptions()
 
-  const { data: tokenBalance, isPending: isPendingBalances } = useGetSingleTokenBalanceSummary({
+  const { data: tokenBalance, isPending: isPendingBalances } = useGetSingleTokenBalance({
     chainId,
     contractAddress,
     accountAddress

packages/wallet-widget/src/views/Send/SendCollectible.tsx

@@ -24,7 +24,7 @@ import {
   Card,
   useToast
 } from '@0xsequence/design-system'
-import { useClearCachedBalances, useIndexerClient, useGetSingleTokenBalanceSummary } from '@0xsequence/hooks'
+import { useClearCachedBalances, useIndexerClient, useGetSingleTokenBalance } from '@0xsequence/hooks'
 import { ContractType, TokenBalance } from '@0xsequence/indexer'
 import { useRef, useState, ChangeEvent, useEffect } from 'react'
 import { encodeFunctionData, formatUnits, parseUnits, toHex, Hex } from 'viem'
@@ -79,10 +79,11 @@ export const SendCollectible = ({ chainId, contractAddress, tokenId }: SendColle
   const checkFeeOptions = useCheckWaasFeeOptions()
   const [pendingFeeOption, confirmFeeOption, _rejectFeeOption] = useWaasFeeOptions()
 
-  const { data: tokenBalance, isPending: isPendingBalances } = useGetSingleTokenBalanceSummary({
+  const { data: tokenBalance, isPending: isPendingBalances } = useGetSingleTokenBalance({
     chainId,
     contractAddress,
-    accountAddress
+    accountAddress,
+    tokenId
   })
 
   let contractType: ContractType | undefined