chore: version 1.3.6

Author: JuampiRombola

CHANGELOG.md

@@ -1,3 +1,14 @@
+## [1.3.6] - 2025-09-26
+
+### Fixed
+
+- ETH price
+- TX reverted tracking
+
+### Added
+
+- More error tracking
+
 ## [1.3.5] - 2025-09-25
 
 ### Fix

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reserve-protocol/react-zapper",
-  "version": "1.3.5",
+  "version": "1.3.6",
   "type": "module",
   "description": "React component for DTF minting with zap functionality",
   "main": "dist/index.cjs.js",

src/components/updaters/token-balances-updater.tsx

@@ -1,6 +1,6 @@
 import { atom, useAtomValue, useSetAtom } from 'jotai'
 import { useEffect } from 'react'
-import { Address, erc20Abi, formatUnits } from 'viem'
+import { Address, erc20Abi, ethAddress, formatUnits } from 'viem'
 import { useBalance } from 'wagmi'
 import { useWatchReadContracts } from '../../hooks/use-watch-read-contracts'
 import {
@@ -75,7 +75,7 @@ export const TokenBalancesUpdater = ({
         return prev
       }, {} as Record<string, TokenBalance>)
 
-      balances['0xEeeeeEeeeEeEeeEeEeEeeEEEeeeeEeeeeeeeEEeE'] = {
+      balances[ethAddress] = {
         balance: balance ? balance.formatted : '0',
         value: balance ? balance.value : 0n,
         decimals: 18,

src/components/zap-mint/buy/index.tsx

@@ -76,6 +76,7 @@ const Buy = () => {
   useTrackQuoteErrorUX({
     tokenIn: selectedToken.address,
     tokenOut: indexDTF?.id || '',
+    source: data?.source,
     zapError: zapperErrorMessage,
   })
 

src/components/zap-mint/submit-zap.tsx

@@ -1,6 +1,7 @@
 import { useAtom, useAtomValue, useSetAtom } from 'jotai'
 import { useCallback, useEffect } from 'react'
-import { Address, erc20Abi } from 'viem'
+import { Address, erc20Abi, Hex } from 'viem'
+import { mainnet } from 'viem/chains'
 import { useSendTransaction, useWaitForTransactionReceipt } from 'wagmi'
 import useContractWrite from '../../hooks/useContractWrite'
 import useWatchTransaction from '../../hooks/useWatchTransaction'
@@ -9,6 +10,7 @@ import { formatCurrency } from '../../utils/format'
 import {
   useTrackIndexDTFZap,
   useTrackIndexDTFZapClick,
+  useTrackIndexDTFZapError,
 } from '../../utils/tracking'
 import FusionTokenLogo from '../fusion-token-logo'
 import TransactionButton, {
@@ -27,7 +29,6 @@ import {
 import ZapDustWarningCheckbox from './zap-dust-warning-checkbox'
 import ZapErrorMsg, { ZapTxErrorMsg } from './zap-error-msg'
 import ZapPriceImpactWarningCheckbox from './zap-warning-checkbox'
-import { mainnet } from 'viem/chains'
 
 const LoadingButton = ({
   fetchingZapper,
@@ -169,7 +170,7 @@ const SubmitZapButton = ({
 
     setInputAmountCached(inputAmount)
     sendTransaction({
-      data: tx.data as Address,
+      data: tx.data as Hex,
       gas: BigInt(gas ?? 0) * multiplier || undefined,
       to: tx.to as Address,
       value: BigInt(tx.value),
@@ -180,8 +181,6 @@ const SubmitZapButton = ({
     readyToSubmit,
     inputAmount,
     gas,
-    tx?.to,
-    tx?.value,
     chainId,
     setInputAmountCached,
     sendTransaction,
@@ -222,6 +221,13 @@ const SubmitZapButton = ({
     setOngoingTx,
   ])
 
+  useTrackIndexDTFZapError({
+    tokenIn: tokenIn,
+    tokenOut: tokenOut,
+    zapError: error?.message?.split('\n')[0] || error?.name || '',
+    source,
+  })
+
   return (
     <div className="flex flex-col gap-1">
       <ZapPriceImpactWarningCheckbox priceImpact={truePriceImpact} />

src/components/zap-mint/zap-error-msg.tsx

@@ -2,10 +2,7 @@ import TransactionError from '../transaction-error'
 import { useAtomValue } from 'jotai'
 import { zapperCurrentTabAtom, zapSwapEndpointAtom } from './atom'
 import Copy from '../ui/copy'
-// import { Link } from 'react-router-dom' // Removed router dependency
-// import { getFolioRoute } from '../../utils' // Removed routing
 import { indexDTFAtom } from '../../state/atoms'
-// import { ROUTES } from '../../utils/constants' // Removed routing
 
 const SWAP_ERROR_MSG =
   'Sorry, we’re having a hard time finding a route that makes sense for you. Please try again in a bit.'
@@ -69,11 +66,7 @@ const ZapErrorMsg = ({ error }: { error?: string }) => {
 export const ZapTxErrorMsg = ({ error }: { error?: Error | null }) => {
   if (!error) return null
 
-  const errorMsg =
-    Object.entries(ERROR_MAP).find(([key]) =>
-      error?.message?.toLowerCase().includes(key.toLowerCase())
-    )?.[1] || error?.message
-
+  const errorMsg = error?.message
   const newError = new Error(errorMsg)
 
   return (

src/hooks/usePrice.ts

@@ -1,5 +1,5 @@
 import { useQuery } from '@tanstack/react-query'
-import { Address } from 'viem'
+import { Address, ethAddress, zeroAddress } from 'viem'
 import { useAtomValue } from 'jotai'
 import { apiUrlAtom } from '@/state/atoms'
 
@@ -13,12 +13,15 @@ export function usePrice(
 ): number | null {
   const atomUrl = useAtomValue(apiUrlAtom)
   const { data } = useQuery({
-    queryKey: ['chainlinkPrice', chainId, tokenAddress, apiUrl, atomUrl],
+    queryKey: ['reserveAPIPrice', chainId, tokenAddress, apiUrl, atomUrl],
     queryFn: async () => {
       if (!tokenAddress) return null
 
+      const transformedTokenAddress =
+        tokenAddress === ethAddress ? zeroAddress : tokenAddress
+
       const baseUrl = apiUrl || atomUrl
-      const url = `${baseUrl}current/prices?chainId=${chainId}&tokens=${tokenAddress}`
+      const url = `${baseUrl}current/prices?chainId=${chainId}&tokens=${transformedTokenAddress}`
 
       try {
         const response = await fetch(url)

src/hooks/useWatchTransaction.ts

@@ -45,13 +45,13 @@ const useWatchTransaction = ({
   })
 
   useEffect(() => {
-    if (!hash || !data) return
+    if (!hash) return
 
     const notificationKey = `${hash}-${status}`
 
     if (notifiedRef.current[notificationKey]) return
 
-    if (status === 'success') {
+    if (status === 'success' && data) {
       notifiedRef.current[notificationKey] = true
       notify(
         successMessage?.title ?? `Transaction confirmed`,

src/utils/constants.ts

@@ -1,10 +1,10 @@
-import { Address } from 'viem'
+import { Address, ethAddress } from 'viem'
 import { ChainId } from './chains'
 import { Token } from '..'
 
 const reducedMainnetTokens = [
   {
-    address: '0xEeeeeEeeeEeEeeEeEeEeeEEEeeeeEeeeeeeeEEeE' as Address,
+    address: ethAddress,
     symbol: 'ETH',
     name: 'Ether',
     decimals: 18,
@@ -28,7 +28,7 @@ const reducedMainnetTokens = [
 
 const reducedBaseTokens = [
   {
-    address: '0xEeeeeEeeeEeEeeEeEeEeeEEEeeeeEeeeeeeeEEeE' as Address,
+    address: ethAddress,
     symbol: 'ETH',
     name: 'Ether',
     decimals: 18,
@@ -52,7 +52,7 @@ const reducedBaseTokens = [
 
 const reducedArbitrumTokens = [
   {
-    address: '0xEeeeeEeeeEeEeeEeEeEeeEEEeeeeEeeeeeeeEEeE' as Address,
+    address: ethAddress,
     symbol: 'ETH',
     name: 'Ether',
     decimals: 18,
@@ -76,7 +76,7 @@ const reducedArbitrumTokens = [
 
 const bscTokens = [
   {
-    address: '0xEeeeeEeeeEeEeeEeEeEeeEEEeeeeEeeeeeeeEEeE' as Address,
+    address: ethAddress,
     symbol: 'BNB',
     name: 'BNB',
     decimals: 18,

src/utils/tracking.ts

@@ -13,7 +13,10 @@ mixpanel.init(MIXPANEL_TOKEN, {
   track_pageview: true,
 })
 
-export const mixpanelTrack = (event: string, data?: Record<string, unknown>) => {
+export const mixpanelTrack = (
+  event: string,
+  data?: Record<string, unknown>
+) => {
   try {
     mixpanel.track(event, data)
   } catch (error) {
@@ -207,10 +210,12 @@ export const useTrackQuoteErrorUX = ({
   tokenIn,
   tokenOut,
   zapError,
+  source,
 }: {
   tokenIn: string
   tokenOut: string
   zapError: string
+  source?: 'zap' | 'odos'
 }) => {
   const chainId = useAtomValue(chainIdAtom)
   const account = useAtomValue(walletAtom)
@@ -232,7 +237,65 @@ export const useTrackQuoteErrorUX = ({
         tokenIn,
         tokenOut,
         userError: zapError,
+        source,
       })
     }
-  }, [zapError, account, tokenIn, tokenOut, indexDTF, currentTab, endpoint, chainId])
+  }, [
+    zapError,
+    account,
+    tokenIn,
+    tokenOut,
+    indexDTF,
+    currentTab,
+    endpoint,
+    chainId,
+    source,
+  ])
+}
+
+export const useTrackIndexDTFZapError = ({
+  tokenIn,
+  tokenOut,
+  zapError,
+  source,
+}: {
+  tokenIn: string
+  tokenOut: string
+  zapError: string
+  source?: 'zap' | 'odos'
+}) => {
+  const chainId = useAtomValue(chainIdAtom)
+  const account = useAtomValue(walletAtom)
+  const indexDTF = useAtomValue(indexDTFAtom)
+  const currentTab = useAtomValue(zapperCurrentTabAtom)
+  const endpoint = useAtomValue(zapSwapEndpointAtom)
+
+  useEffect(() => {
+    if (zapError) {
+      mixpanelTrack('index-dtf-zap-swap', {
+        event: 'index-dtf-zap-swap',
+        wa: account,
+        ca: tokenIn,
+        ticker: indexDTF?.token.symbol || '',
+        chainId,
+        type: currentTab,
+        endpoint,
+        status: 'user_tx_error',
+        tokenIn,
+        tokenOut,
+        userError: zapError,
+        source,
+      })
+    }
+  }, [
+    zapError,
+    account,
+    tokenIn,
+    tokenOut,
+    indexDTF,
+    currentTab,
+    endpoint,
+    chainId,
+    source,
+  ])
 }