v4 token redemption (#4554)

src/packages/v4/components/ProjectDashboard/V4PayRedeemCard/RedeemConfiguration.tsx

@@ -73,7 +73,7 @@ export const RedeemConfiguration: React.FC<RedeemConfigurationProps> = ({
     const balance = userTokenBalance ?? 0
     return amount > balance
   }, [redeemAmount, userTokenBalance])
-  
+
   const tokenTicker = tokenSymbol || 'TOKENS'
 
   // 0.5% slippage for USD-denominated tokens

src/packages/v4/contexts/V4UserTotalTokensBalanceProvider.tsx

@@ -0,0 +1,34 @@
+import { useWallet } from 'hooks/Wallet'
+import {
+  useJBContractContext,
+  useReadJbTokensTotalBalanceOf,
+} from 'juice-sdk-react'
+import React, { PropsWithChildren } from 'react'
+import { zeroAddress } from 'viem'
+
+const V4UserTotalTokensBalanceContext = React.createContext<{
+  data: bigint | undefined
+  isLoading: boolean
+}>({
+  data: undefined,
+  isLoading: false,
+})
+
+export const V4UserTotalTokensBalanceProvider: React.FC<PropsWithChildren> = ({
+  children,
+}) => {
+  const { userAddress } = useWallet()
+  const { projectId } = useJBContractContext()
+  const value = useReadJbTokensTotalBalanceOf({
+    args: [userAddress ?? zeroAddress, projectId],
+  })
+
+  return (
+    <V4UserTotalTokensBalanceContext.Provider value={value}>
+      {children}
+    </V4UserTotalTokensBalanceContext.Provider>
+  )
+}
+
+export const useV4UserTotalTokensBalance = () =>
+  React.useContext(V4UserTotalTokensBalanceContext)

src/packages/v4/hooks/useETHReceivedFromTokens.ts

@@ -25,19 +25,28 @@ export function useETHReceivedFromTokens(
   const redemptionRate = rulesetMetadata.data?.redemptionRate?.value
 
   if (
-    !redemptionRate ||
-    !totalSupply ||
-    !tokensReserved ||
-    !tokenAmountWei ||
-    !nativeTokenSurplus
+    redemptionRate === undefined ||
+    totalSupply === undefined ||
+    tokensReserved === undefined ||
+    tokenAmountWei === undefined ||
+    nativeTokenSurplus === undefined
   ) {
     return
   }
 
-  return getTokenRedemptionQuoteEth(tokenAmountWei, {
-    redemptionRate: Number(redemptionRate),
-    totalSupply,
-    tokensReserved,
-    overflowWei: nativeTokenSurplus,
-  })
+  try {
+    return getTokenRedemptionQuoteEth(tokenAmountWei, {
+      redemptionRate: Number(redemptionRate),
+      totalSupply,
+      tokensReserved,
+      overflowWei: nativeTokenSurplus,
+    })
+  } catch (e) {
+    // Division by zero can cause a RangeError
+    if (e instanceof RangeError) {
+      return
+    } else {
+      throw e
+    }
+  }
 }

src/packages/v4/utils/math.ts

@@ -1,6 +1,8 @@
 import { feeForAmount } from 'utils/math'
 
-export const MAX_PAYOUT_LIMIT = BigInt('26959946667150639794667015087019630673637144422540572481103610249215') // uint 224, probably a better way lol
+export const MAX_PAYOUT_LIMIT = BigInt(
+  '26959946667150639794667015087019630673637144422540572481103610249215',
+) // uint 224, probably a better way lol
 
 export const amountSubFee = (
   amountWad: bigint | undefined,