generate buy transaction hook in kit

Author: SamueleA

packages/checkout/package.json

@@ -31,6 +31,7 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
+    "@0xsequence/marketplace": "^2.1.3",
     "qrcode.react": "^4.0.1",
     "react-copy-to-clipboard": "^5.1.0",
     "timeago-react": "^3.0.6"

packages/checkout/src/hooks/useGenerateBuyTransaction.ts

@@ -0,0 +1,23 @@
+import { useQuery } from '@tanstack/react-query'
+import { GenerateBuyTransactionArgs } from '@0xsequence/marketplace'
+import { useMarketplaceClient } from './useMarketplaceClient'
+
+export interface UseGenerateBuyTransactionOptions {
+  disabled?: boolean
+}
+
+export const useGenerateBuyTransaction = (args: GenerateBuyTransactionArgs, options?: UseGenerateBuyTransactionOptions) => {
+  const marketplaceClient = useMarketplaceClient()
+  
+  return useQuery({
+    queryKey: ['useGenerateBuyTransaction', args],
+    queryFn: async () => {
+      const res = await marketplaceClient.generateBuyTransaction(args)
+
+      return res
+    },
+    retry: false,
+    staleTime: 360 * 1000,
+    enabled: !options?.disabled,
+  })
+}

packages/checkout/src/hooks/useMarketplaceClient.ts

@@ -0,0 +1,19 @@
+import { useProjectAccessKey } from '@0xsequence/kit'
+import { MarketplaceIndexer } from '@0xsequence/marketplace'
+import { useMemo } from 'react'
+
+
+export const useMarketplaceClient = () => {
+  const projectAccessKey = useProjectAccessKey()
+
+  // TODO: move to env variable
+  const isDev = false
+
+  const marketplaceClient = useMemo(() => {
+    const clientUrl = isDev ? 'https://dev-marketplace-api.sequence-dev.app' : 'https://marketplace-api.sequence.app'
+
+    return new MarketplaceIndexer(clientUrl, projectAccessKey)
+  }, [projectAccessKey])
+
+  return marketplaceClient
+}