Adding hooks for getting memoized sequence clients with included proj…

…ectAccessKey

packages/kit/src/hooks/index.ts

@@ -2,3 +2,7 @@ export * from './useOpenConnectModal'
 export * from './useTheme'
 export * from './useWalletSettings'
 export * from './useWaasFeeOptions'
+export * from './useProjectAccessKey'
+export * from './useAPIClient'
+export * from './useMetadataClient'
+export * from './useIndexerClient'

packages/kit/src/hooks/useAPIClient.ts

@@ -0,0 +1,13 @@
+import { useMemo } from 'react'
+import { useProjectAccessKey } from './useProjectAccessKey'
+import { SequenceAPIClient } from '@0xsequence/api'
+
+export const useAPIClient = () => {
+  const projectAccessKey = useProjectAccessKey()
+
+  const apiClient = useMemo(() => {
+    return new SequenceAPIClient('https://api.sequence.app', projectAccessKey)
+  }, [projectAccessKey])
+
+  return apiClient
+}

packages/kit/src/hooks/useIndexerClient.ts

@@ -0,0 +1,20 @@
+import { useMemo } from 'react'
+import { useProjectAccessKey } from './useProjectAccessKey'
+import { SequenceIndexer } from '@0xsequence/indexer'
+import { ChainId, indexerURL, networks } from '@0xsequence/network'
+
+export const useIndexerClient = (chainId: ChainId) => {
+  const projectAccessKey = useProjectAccessKey()
+
+  const indexerClients = useMemo(() => {
+    return new Map<ChainId, SequenceIndexer>()
+  }, [projectAccessKey])
+
+  const network = networks[chainId]
+
+  if (!indexerClients.has(chainId)) {
+    indexerClients.set(chainId, new SequenceIndexer(indexerURL(network.name), projectAccessKey))
+  }
+
+  return indexerClients.get(chainId)
+}

packages/kit/src/hooks/useMetadataClient.ts

@@ -0,0 +1,13 @@
+import { SequenceMetadata } from '@0xsequence/metadata'
+import { useProjectAccessKey } from './useProjectAccessKey'
+import { useMemo } from 'react'
+
+export const useMetadataClient = () => {
+  const projectAccessKey = useProjectAccessKey()
+
+  const metadataClient = useMemo(() => {
+    return new SequenceMetadata('https://metadata.sequence.app', projectAccessKey)
+  }, [projectAccessKey])
+
+  return metadataClient
+}

packages/kit/src/hooks/useWaasConfirmationHandler.ts

@@ -1,5 +1,4 @@
 import { commons } from '@0xsequence/core'
-import { ethers } from 'ethers'
 import { useState, useEffect } from 'react'
 import { Deferred } from '../utils/deferred'