fix: pwat stack overflow (#6954)

* fix: Handle Scientific Notation for NFT Collection Activity Prices (#6936)

wrap nft activity price in

* better undefined handling

* block number

* update wrapper fn

* undo block height change

CODEOWNERS

@@ -0,0 +1 @@
+@uniswap/web-admins

package.json

@@ -101,7 +101,7 @@
     "@types/ua-parser-js": "^0.7.36",
     "@types/uuid": "^8.3.4",
     "@types/wcag-contrast": "^3.0.0",
-    "@uniswap/default-token-list": "^11.2.0",
+    "@uniswap/default-token-list": "^11.3.0",
     "@uniswap/eslint-config": "^1.2.0",
     "@vanilla-extract/babel-plugin": "^1.1.7",
     "@vanilla-extract/jest-transform": "^1.1.1",
@@ -168,7 +168,7 @@
     "@types/react-window-infinite-loader": "^1.0.6",
     "@uniswap/analytics": "^1.3.1",
     "@uniswap/analytics-events": "^2.13.0",
-    "@uniswap/conedison": "^1.7.1",
+    "@uniswap/conedison": "^1.8.0",
     "@uniswap/governance": "^1.0.2",
     "@uniswap/liquidity-staker": "^1.0.2",
     "@uniswap/merkle-distributor": "1.0.1",
@@ -177,7 +177,7 @@
     "@uniswap/router-sdk": "^1.3.0",
     "@uniswap/sdk-core": "^3.2.6",
     "@uniswap/smart-order-router": "3.13.5",
-    "@uniswap/token-lists": "^1.0.0-beta.31",
+    "@uniswap/token-lists": "^1.0.0-beta.33",
     "@uniswap/universal-router-sdk": "^1.5.3",
     "@uniswap/v2-core": "1.0.0",
     "@uniswap/v2-periphery": "^1.1.0-beta.0",

src/components/AccountDrawer/MiniPortfolio/Pools/useMultiChainPositions.tsx

@@ -4,6 +4,7 @@ import { computePoolAddress, Pool, Position } from '@uniswap/v3-sdk'
 import { DEFAULT_ERC20_DECIMALS } from 'constants/tokens'
 import { BigNumber } from 'ethers/lib/ethers'
 import { Interface } from 'ethers/lib/utils'
+import { useFilterChainsForAvalanche } from 'featureFlags/flags/avalanche'
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react'
 import { PositionDetails } from 'types/position'
 import { NonfungiblePositionManager, UniswapInterfaceMulticall } from 'types/v3'
@@ -61,10 +62,11 @@ type UseMultiChainPositionsData = { positions?: PositionInfo[]; loading: boolean
  * @returns positions, fees
  */
 export default function useMultiChainPositions(account: string, chains = DEFAULT_CHAINS): UseMultiChainPositionsData {
-  const pms = useV3ManagerContracts(chains)
-  const multicalls = useInterfaceMulticallContracts(chains)
+  const gatedChains = useFilterChainsForAvalanche(chains)
+  const pms = useV3ManagerContracts(gatedChains)
+  const multicalls = useInterfaceMulticallContracts(gatedChains)
 
-  const getTokens = useGetCachedTokens(chains)
+  const getTokens = useGetCachedTokens(gatedChains)
   const poolAddressCache = usePoolAddressCache()
 
   const [cachedPositions, setPositions] = useCachedPositions(account)

src/components/FeatureFlagModal/FeatureFlagModal.tsx

@@ -1,4 +1,5 @@
 import { BaseVariant, FeatureFlag, featureFlagSettings, useUpdateFlag } from 'featureFlags'
+import { useAvalancheFlag } from 'featureFlags/flags/avalanche'
 import { DetailsV2Variant, useDetailsV2Flag } from 'featureFlags/flags/nftDetails'
 import { useRoutingAPIForPriceFlag } from 'featureFlags/flags/priceRoutingApi'
 import { TraceJsonRpcVariant, useTraceJsonRpcFlag } from 'featureFlags/flags/traceJsonRpc'
@@ -214,6 +215,12 @@ export default function FeatureFlagModal() {
         featureFlag={FeatureFlag.routingAPIPrice}
         label="Use the URA or routing-api for price fetches"
       />
+      <FeatureFlagOption
+        variant={BaseVariant}
+        value={useAvalancheFlag()}
+        featureFlag={FeatureFlag.avalanche}
+        label="Enable Avalanche chain"
+      />
       <FeatureFlagGroup name="Debug">
         <FeatureFlagOption
           variant={TraceJsonRpcVariant}

src/components/NavBar/ChainSelector.tsx

@@ -8,6 +8,7 @@ import { ConnectionType } from 'connection/types'
 import { WalletConnectV2 } from 'connection/WalletConnectV2'
 import { getChainInfo } from 'constants/chainInfo'
 import { L1_CHAIN_IDS, L2_CHAIN_IDS, TESTNET_CHAIN_IDS, UniWalletSupportedChains } from 'constants/chains'
+import { useIsAvalancheEnabled } from 'featureFlags/flags/avalanche'
 import { useOnClickOutside } from 'hooks/useOnClickOutside'
 import useSelectChain from 'hooks/useSelectChain'
 import useSyncChainQuery from 'hooks/useSyncChainQuery'
@@ -50,6 +51,7 @@ export const ChainSelector = ({ leftAlign }: ChainSelectorProps) => {
   const { chainId } = useWeb3React()
   const [isOpen, setIsOpen] = useState<boolean>(false)
   const isMobile = useIsMobile()
+  const isAvalancheEnabled = useIsAvalancheEnabled()
 
   const theme = useTheme()
 
@@ -58,7 +60,8 @@ export const ChainSelector = ({ leftAlign }: ChainSelectorProps) => {
 
   const [supportedChains, unsupportedChains] = useMemo(() => {
     const { supported, unsupported } = NETWORK_SELECTOR_CHAINS.filter(
-      (chain: number) => showTestnets || !TESTNET_CHAIN_IDS.includes(chain)
+      (chain: number) =>
+        (showTestnets || !TESTNET_CHAIN_IDS.includes(chain)) && (isAvalancheEnabled || chain !== ChainId.AVALANCHE)
     ).reduce(
       (acc, chain) => {
         if (walletSupportsChain.includes(chain)) {
@@ -71,7 +74,7 @@ export const ChainSelector = ({ leftAlign }: ChainSelectorProps) => {
       { supported: [], unsupported: [] } as Record<string, ChainId[]>
     )
     return [supported, unsupported]
-  }, [showTestnets, walletSupportsChain])
+  }, [isAvalancheEnabled, showTestnets, walletSupportsChain])
 
   const ref = useRef<HTMLDivElement>(null)
   const modalRef = useRef<HTMLDivElement>(null)
@@ -98,7 +101,7 @@ export const ChainSelector = ({ leftAlign }: ChainSelectorProps) => {
     return null
   }
 
-  const isSupported = !!info
+  const isSupported = !!info && (isAvalancheEnabled || chainId !== ChainId.AVALANCHE)
 
   const dropdown = (
     <NavDropdown top="56" left={leftAlign ? '0' : 'auto'} right={leftAlign ? 'auto' : '0'} ref={modalRef}>

src/components/NavBar/SearchBarDropdown.tsx

@@ -6,6 +6,7 @@ import { useWeb3React } from '@web3-react/core'
 import clsx from 'clsx'
 import Badge from 'components/Badge'
 import { getChainInfo } from 'constants/chainInfo'
+import { useFilterChainsForAvalanche } from 'featureFlags/flags/avalanche'
 import { HistoryDuration, SafetyLevel } from 'graphql/data/__generated__/types-and-hooks'
 import { useTrendingCollections } from 'graphql/data/nft/TrendingCollections'
 import { SearchToken } from 'graphql/data/SearchTokens'
@@ -356,8 +357,8 @@ export const SearchBarDropdown = ({
     trendingCollectionsAreLoading,
     shouldDisableNFTRoutes,
   ])
-
-  const showChainComingSoonBadge = chainId && BACKEND_NOT_YET_SUPPORTED_CHAIN_IDS.includes(chainId) && !isLoading
+  const gatedUnsupportedChains = useFilterChainsForAvalanche([...BACKEND_NOT_YET_SUPPORTED_CHAIN_IDS])
+  const showChainComingSoonBadge = chainId && gatedUnsupportedChains.includes(chainId) && !isLoading
   const logoUri = getChainInfo(chainId)?.logoUrl
 
   return (

src/components/NetworkAlert/NetworkAlert.tsx

@@ -2,6 +2,7 @@ import { Trans } from '@lingui/macro'
 import { ChainId } from '@uniswap/sdk-core'
 import { useWeb3React } from '@web3-react/core'
 import { getChainInfo } from 'constants/chainInfo'
+import { useIsAvalancheEnabled } from 'featureFlags/flags/avalanche'
 import { ArrowUpRight } from 'react-feather'
 import styled from 'styled-components/macro'
 import { ExternalLink, HideSmall } from 'theme'
@@ -159,13 +160,14 @@ function shouldShowAlert(chainId: number | undefined): chainId is NetworkAlertCh
 export function NetworkAlert() {
   const { chainId } = useWeb3React()
   const [darkMode] = useDarkModeManager()
+  const isAvalancheEnabled = useIsAvalancheEnabled()
 
   if (!shouldShowAlert(chainId)) {
     return null
   }
 
   const chainInfo = getChainInfo(chainId)
-  if (!chainInfo) return null
+  if (!chainInfo || (!isAvalancheEnabled && chainId === ChainId.AVALANCHE)) return null
 
   const { label, logoUrl, bridge } = chainInfo
   const textColor = TEXT_COLORS[chainId]

src/components/Tokens/TokenTable/NetworkFilter.tsx

@@ -1,5 +1,6 @@
 import Badge from 'components/Badge'
 import { getChainInfo } from 'constants/chainInfo'
+import { useFilterChainsForAvalanche } from 'featureFlags/flags/avalanche'
 import {
   BACKEND_NOT_YET_SUPPORTED_CHAIN_IDS,
   BACKEND_SUPPORTED_CHAINS,
@@ -117,6 +118,7 @@ export default function NetworkFilter() {
   const toggleMenu = useToggleModal(ApplicationModal.NETWORK_FILTER)
   useOnClickOutside(node, open ? toggleMenu : undefined)
   const navigate = useNavigate()
+  const gatedUnsupportedChains = useFilterChainsForAvalanche([...BACKEND_NOT_YET_SUPPORTED_CHAIN_IDS])
 
   const { chainName } = useParams<{ chainName?: string }>()
   const currentChainName = validateUrlChainParam(chainName)
@@ -169,7 +171,7 @@ export default function NetworkFilter() {
               </InternalLinkMenuItem>
             )
           })}
-          {BACKEND_NOT_YET_SUPPORTED_CHAIN_IDS.map((network) => {
+          {gatedUnsupportedChains.map((network) => {
             const chainInfo = getChainInfo(network)
             return (
               <InternalLinkMenuItem

src/featureFlags/flags/avalanche.ts

@@ -0,0 +1,16 @@
+import { ChainId } from '@uniswap/sdk-core'
+
+import { BaseVariant, FeatureFlag, useBaseFlag } from '../index'
+
+export function useAvalancheFlag(): BaseVariant {
+  return useBaseFlag(FeatureFlag.avalanche)
+}
+
+export function useIsAvalancheEnabled(): boolean {
+  return useAvalancheFlag() === BaseVariant.Enabled
+}
+
+export function useFilterChainsForAvalanche(chains: ChainId[]): ChainId[] {
+  const isAvalancheEnabled = useIsAvalancheEnabled()
+  return chains.filter((chain) => chain !== ChainId.AVALANCHE || isAvalancheEnabled)
+}

src/featureFlags/index.tsx

@@ -13,6 +13,7 @@ export enum FeatureFlag {
   debounceSwapQuote = 'debounce_swap_quote',
   nativeUsdcArbitrum = 'web_usdc_arbitrum',
   routingAPIPrice = 'routing_api_price',
+  avalanche = 'avalanche',
 }
 
 interface FeatureFlagsContextType {

src/graphql/data/nft/NftActivity.ts

@@ -1,6 +1,7 @@
 import { WatchQueryFetchPolicy } from '@apollo/client'
 import gql from 'graphql-tag'
 import { ActivityEvent } from 'nft/types'
+import { wrapScientificNotation } from 'nft/utils'
 import { useCallback, useMemo } from 'react'
 
 import { NftActivityFilterInput, useNftActivityQuery } from '../__generated__/types-and-hooks'
@@ -120,7 +121,7 @@ export function useNftActivity(filter: NftActivityFilterInput, first?: number, f
           toAddress: activity.toAddress,
           transactionHash: activity.transactionHash,
           orderStatus: activity.orderStatus,
-          price: activity.price?.value.toString(),
+          price: wrapScientificNotation(activity.price?.value ?? 0),
           symbol: asset?.collection?.image?.url,
           quantity: activity.quantity,
           url: activity.url,

src/hooks/useTokenAllowance.ts

@@ -75,5 +75,7 @@ export function useRevokeTokenAllowance(
   token: Token | undefined,
   spender: string
 ): () => Promise<{ response: ContractTransaction; info: ApproveTransactionInfo }> {
-  return useUpdateTokenAllowance(token ? CurrencyAmount.fromRawAmount(token, 0) : undefined, spender)
+  const amount = useMemo(() => (token ? CurrencyAmount.fromRawAmount(token, 0) : undefined), [token])
+
+  return useUpdateTokenAllowance(amount, spender)
 }

src/pages/Swap/index.tsx

@@ -22,6 +22,7 @@ import SwapDetailsDropdown from 'components/swap/SwapDetailsDropdown'
 import TokenSafetyModal from 'components/TokenSafety/TokenSafetyModal'
 import { getChainInfo } from 'constants/chainInfo'
 import { asSupportedChain, isSupportedChain } from 'constants/chains'
+import { useIsAvalancheEnabled } from 'featureFlags/flags/avalanche'
 import useENSAddress from 'hooks/useENSAddress'
 import { useMaxAmountIn } from 'hooks/useMaxAmountIn'
 import usePermit2Allowance, { AllowanceState } from 'hooks/usePermit2Allowance'
@@ -135,7 +136,7 @@ const TRADE_STRING = 'SwapRouter'
 export default function SwapPage({ className }: { className?: string }) {
   const { chainId: connectedChainId } = useWeb3React()
   const loadedUrlParams = useDefaultsFromURLSearch()
-
+  const isAvalancheEnabled = useIsAvalancheEnabled()
   const location = useLocation()
 
   return (
@@ -148,6 +149,7 @@ export default function SwapPage({ className }: { className?: string }) {
             [Field.INPUT]: { currencyId: loadedUrlParams?.[Field.INPUT]?.currencyId },
             [Field.OUTPUT]: { currencyId: loadedUrlParams?.[Field.OUTPUT]?.currencyId },
           }}
+          disableTokenInputs={!isAvalancheEnabled && connectedChainId === ChainId.AVALANCHE}
         />
         <NetworkAlert />
       </PageWrapper>

src/state/swap/hooks.tsx

@@ -1,6 +1,7 @@
 import { Trans } from '@lingui/macro'
 import { ChainId, Currency, CurrencyAmount, Percent, TradeType } from '@uniswap/sdk-core'
 import { useWeb3React } from '@web3-react/core'
+import { useIsAvalancheEnabled } from 'featureFlags/flags/avalanche'
 import useAutoSlippageTolerance from 'hooks/useAutoSlippageTolerance'
 import { useBestTrade } from 'hooks/useBestTrade'
 import tryParseCurrencyAmount from 'lib/utils/tryParseCurrencyAmount'
@@ -88,6 +89,7 @@ export function useDerivedSwapInfo(
   autoSlippage: Percent
 } {
   const { account } = useWeb3React()
+  const isAvalancheEnabled = useIsAvalancheEnabled()
 
   const {
     independentField,
@@ -97,7 +99,10 @@ export function useDerivedSwapInfo(
     recipient,
   } = state
 
-  const inputCurrency = useCurrency(inputCurrencyId, chainId)
+  const inputCurrency = useCurrency(
+    isAvalancheEnabled || chainId !== ChainId.AVALANCHE ? inputCurrencyId : undefined,
+    chainId
+  )
   const outputCurrency = useCurrency(outputCurrencyId, chainId)
   const recipientLookup = useENS(recipient ?? undefined)
   const to: string | null = (recipient === null ? account : recipientLookup.address) ?? null

yarn.lock

@@ -6216,15 +6216,15 @@
     react "^18.2.0"
     react-dom "^18.2.0"
 
-"@uniswap/conedison@^1.7.1":
-  version "1.7.1"
-  resolved "https://registry.yarnpkg.com/@uniswap/conedison/-/conedison-1.7.1.tgz#10076d57fe111abff106d3cd3704f02c37eb0c8e"
-  integrity sha512-iFH36R4cPy2daffrHoJ5/iLhgUFUVbNXujd7dYWPzAaS7XOleQ0tHrRmoUcwnO5Z50jDyZC0A86+yOs3UGj8bw==
+"@uniswap/conedison@^1.8.0":
+  version "1.8.0"
+  resolved "https://registry.yarnpkg.com/@uniswap/conedison/-/conedison-1.8.0.tgz#60fcfa1475780350a719510ccee1f6a49f8c5cf8"
+  integrity sha512-EeC37bbrd4sJnqW3TxNhExdWUBvzyJDhbTXcbDzFdBh/bg5sOCu1NbYJEnrjwBHEfewc9nF2OjEzejJFyJUx9A==
 
-"@uniswap/default-token-list@^11.2.0":
-  version "11.2.0"
-  resolved "https://registry.yarnpkg.com/@uniswap/default-token-list/-/default-token-list-11.2.0.tgz#f7babd37b8f2f1d5c724bd4689be93c4aedd9205"
-  integrity sha512-royMoeeONKRheGEQD7eeLKdwWvdl6l4qzpFr5Jh9Mp09xdQoBaF7zqZuM/5URIXV0cvvWGWnbIqVKbtFikkMRA==
+"@uniswap/default-token-list@^11.2.0", "@uniswap/default-token-list@^11.3.0":
+  version "11.3.0"
+  resolved "https://registry.yarnpkg.com/@uniswap/default-token-list/-/default-token-list-11.3.0.tgz#ba94dc8074ccbf97e2b284b6158c09690a8db5f0"
+  integrity sha512-Z1jkCWGqh1KSOw3Hlpb7oc1Mboot2xJhYS5wQNNMAMpNxgmJQtBz/UtAuu4qhx4qxjHtHWy3dAQjRiDp253kbQ==
 
 "@uniswap/eslint-config@^1.2.0":
   version "1.2.0"
@@ -6359,10 +6359,10 @@
     dotenv "^14.2.0"
     hardhat-watcher "^2.1.1"
 
-"@uniswap/token-lists@^1.0.0-beta.31":
-  version "1.0.0-beta.31"
-  resolved "https://registry.yarnpkg.com/@uniswap/token-lists/-/token-lists-1.0.0-beta.31.tgz#ff3852bd505ec7b4c276625c762ea79a93a919ec"
-  integrity sha512-BQVoelKCRf64IToPEs1wxiXOnhr/ukwPOF78XG11PrTAOL4F8umjYKFb8ZPv1/dIJsPaC7GhLSriEqyp94SasQ==
+"@uniswap/token-lists@^1.0.0-beta.31", "@uniswap/token-lists@^1.0.0-beta.33":
+  version "1.0.0-beta.33"
+  resolved "https://registry.yarnpkg.com/@uniswap/token-lists/-/token-lists-1.0.0-beta.33.tgz#966ba96c9ccc8f0e9e09809890b438203f2b1911"
+  integrity sha512-JQkXcpRI3jFG8y3/CGC4TS8NkDgcxXaOQuYW8Qdvd6DcDiIyg2vVYCG9igFEzF0G6UvxgHkBKC7cWCgzZNYvQg==
 
 "@uniswap/universal-router-sdk@^1.3.8", "@uniswap/universal-router-sdk@^1.3.9", "@uniswap/universal-router-sdk@^1.5.3":
   version "1.5.3"