Merge pull request #718 from reservoirprotocol/pedro/fe-7546-log-if-agw-rpc-failed

Log if agw rpc failed

Author: pedromcunha

.changeset/hot-pugs-listen.md

@@ -0,0 +1,5 @@
+---
+'@reservoir0x/relay-kit-ui': patch
+---
+
+Add log to AGW check error

packages/ui/src/components/widgets/SwapWidgetRenderer.tsx

@@ -867,7 +867,8 @@ const SwapWidgetRenderer: FC<SwapWidgetRendererProps> = ({
   const recipientWalletSupportsChain = useIsWalletCompatible(
     toChain?.id,
     recipient,
-    linkedWallets
+    linkedWallets,
+    onAnalyticEvent
   )
 
   const isFromNative = fromToken?.address === fromChain?.currency?.address

packages/ui/src/constants/events.ts

@@ -49,6 +49,7 @@ export const EventNames = {
   ONRAMP_ERROR: 'ONRAMP_ERROR',
   ONRAMP_PASSTHROUGH_SUCCESS: 'ONRAMP_PASSTHROUGH_SUCCESS',
   GAS_TOP_UP_TOGGLE: 'GAS_TOP_UP_TOGGLE',
+  AGW_CHECK_ERROR: 'AGW_CHECK_ERROR',
   //Common
   USER_REJECTED_WALLET: 'USER_REJECTED_WALLET',
   CONNECT_WALLET_CLICKED: 'CONNECT_WALLET_CLICKED',

packages/ui/src/hooks/useIsAGW.ts

@@ -1,10 +1,16 @@
 import { useReadContract } from 'wagmi'
 import { AGWRegistryABI } from '../constants/agwRegistryAbi.js'
 import { isAddress } from 'viem'
+import { EventNames } from '../constants/events.js'
+import { useEffect } from 'react'
 
 const AGW_REGISTRY_ADDRESS = '0xd5E3efDA6bB5aB545cc2358796E96D9033496Dda'
 
-export default function useIsAGW(address?: string, enabled?: boolean) {
+export default function useIsAGW(
+  address?: string,
+  enabled?: boolean,
+  onAnalyticEvent?: (event: string, data: Record<string, any>) => void
+) {
   const response = useReadContract({
     abi: AGWRegistryABI,
     functionName: 'isAGW',
@@ -20,5 +26,14 @@ export default function useIsAGW(address?: string, enabled?: boolean) {
     }
   })
 
+  useEffect(() => {
+    if (address && response.isError) {
+      onAnalyticEvent?.(EventNames.AGW_CHECK_ERROR, {
+        error: response.error,
+        address
+      })
+    }
+  }, [response.isError, response.error])
+
   return response.isError ? false : (response.data as boolean)
 }

packages/ui/src/hooks/useIsWalletCompatible.ts

@@ -12,7 +12,8 @@ import useCexAddresses from './useCexAddresses.js'
 export default (
   chainId?: number,
   address?: string,
-  wallets?: LinkedWallet[]
+  wallets?: LinkedWallet[],
+  onAnalyticEvent?: (event: string, data: Record<string, any>) => void
 ) => {
   const normalizedAddress =
     address && isAddress(address) ? address.toLowerCase() : address
@@ -22,7 +23,7 @@ export default (
         ? wallet.address.toLowerCase()
         : wallet.address) === normalizedAddress
   )
-  const isRecipientAGW = useIsAGW(address, !linkedWallet)
+  const isRecipientAGW = useIsAGW(address, !linkedWallet, onAnalyticEvent)
   const { data: cexAddresses } = useCexAddresses()
   const isRecipientCEX = cexAddresses?.addresses.includes(
     normalizedAddress ?? ''