convert network accessors to functions

ios/Podfile.lock

@@ -2529,4 +2529,4 @@ SPEC CHECKSUMS:
 
 PODFILE CHECKSUM: 98c3fc206d7041ac7388693bb0753109d1884b57
 
-COCOAPODS: 1.14.3
+COCOAPODS: 1.16.1

src/__swaps__/screens/Swap/Swap.tsx

@@ -18,7 +18,7 @@ import { SwapInputAsset } from '@/__swaps__/screens/Swap/components/SwapInputAss
 import { SwapNavbar } from '@/__swaps__/screens/Swap/components/SwapNavbar';
 import { SwapOutputAsset } from '@/__swaps__/screens/Swap/components/SwapOutputAsset';
 import { SwapSheetGestureBlocker } from '@/__swaps__/screens/Swap/components/SwapSheetGestureBlocker';
-import { ChainId } from '@/chains/types';
+import { ChainId } from '@/state/backendNetworks/types';
 import { SwapAssetType } from '@/__swaps__/types/swap';
 import { parseSearchAsset } from '@/__swaps__/utils/assets';
 import { AbsolutePortalRoot } from '@/components/AbsolutePortal';

src/__swaps__/screens/Swap/components/AnimatedChainImage.android.tsx

@@ -14,7 +14,7 @@ const OptimismBadge = require('@/assets/badges/optimism.png');
 const PolygonBadge = require('@/assets/badges/polygon.png');
 const ZoraBadge = require('@/assets/badges/zora.png');
 
-import { ChainId } from '@/chains/types';
+import { ChainId } from '@/state/backendNetworks/types';
 import { globalColors } from '@/design-system';
 import { PIXEL_RATIO } from '@/utils/deviceUtils';
 import { useSwapsStore } from '@/state/swaps/swapsStore';

src/__swaps__/screens/Swap/components/AnimatedChainImage.ios.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Image, StyleSheet, View } from 'react-native';
 
-import { ChainId } from '@/chains/types';
+import { ChainId } from '@/state/backendNetworks/types';
 import { useAnimatedProps, useDerivedValue } from 'react-native-reanimated';
 import { AnimatedFasterImage } from '@/components/AnimatedComponents/AnimatedFasterImage';
 import { DEFAULT_FASTER_IMAGE_CONFIG } from '@/components/images/ImgixImage';

src/__swaps__/screens/Swap/components/CoinRow.tsx

@@ -1,7 +1,7 @@
 import { BalancePill } from '@/__swaps__/screens/Swap/components/BalancePill';
 import { CoinRowButton } from '@/__swaps__/screens/Swap/components/CoinRowButton';
-import { AddressOrEth, ParsedSearchAsset } from '@/__swaps__/types/assets';
-import { ChainId } from '@/chains/types';
+import { AddressOrEth, ParsedSearchAsset, UniqueId } from '@/__swaps__/types/assets';
+import { ChainId } from '@/state/backendNetworks/types';
 import { SearchAsset } from '@/__swaps__/types/search';
 import { ButtonPressAnimation } from '@/components/animations';
 import { ContextMenuButton } from '@/components/context-menu';
@@ -17,7 +17,7 @@ import React, { useCallback, useMemo } from 'react';
 import { GestureResponderEvent } from 'react-native';
 import { OnPressMenuItemEventObject } from 'react-native-ios-context-menu';
 import { SwapCoinIcon } from './SwapCoinIcon';
-import { SUPPORTED_CHAIN_IDS } from '@/chains';
+import { useBackendNetworksStore } from '@/state/backendNetworks/backendNetworks';
 
 export const COIN_ROW_WITH_PADDING_HEIGHT = 56;
 
@@ -44,7 +44,7 @@ interface InputCoinRowProps {
   nativePriceChange?: string;
   onPress: (asset: ParsedSearchAsset | null) => void;
   output?: false | undefined;
-  uniqueId: string;
+  uniqueId: UniqueId;
   testID?: string;
 }
 
@@ -178,7 +178,8 @@ export function CoinRow({ isFavorite, onPress, output, uniqueId, testID, ...asse
 }
 
 const InfoButton = ({ address, chainId }: { address: string; chainId: ChainId }) => {
-  const supportedChain = SUPPORTED_CHAIN_IDS.includes(chainId);
+  const getSupportedChainIds = useBackendNetworksStore(state => state.getSupportedChainIds);
+  const supportedChain = getSupportedChainIds().includes(chainId);
 
   const handleCopy = useCallback(() => {
     haptics.selection();

src/__swaps__/screens/Swap/components/FlipButton.tsx

@@ -14,7 +14,7 @@ import { TIMING_CONFIGS } from '@/components/animations/animationConfigs';
 import { SwapAssetType } from '@/__swaps__/types/swap';
 import { GestureHandlerButton } from './GestureHandlerButton';
 import { useSwapsStore } from '@/state/swaps/swapsStore';
-import { ChainId } from '@/chains/types';
+import { ChainId } from '@/state/backendNetworks/types';
 
 export const FlipButton = () => {
   const { isDarkMode } = useColorMode();

src/__swaps__/screens/Swap/components/GasButton.tsx

@@ -22,7 +22,7 @@ import { NavigationSteps, useSwapContext } from '../providers/swap-provider';
 import { EstimatedSwapGasFee, EstimatedSwapGasFeeSlot } from './EstimatedSwapGasFee';
 import { GestureHandlerButton } from './GestureHandlerButton';
 import { UnmountOnAnimatedReaction } from './UnmountOnAnimatedReaction';
-import { ChainId } from '@/chains/types';
+import { ChainId } from '@/state/backendNetworks/types';
 
 const { SWAP_GAS_ICONS } = gasUtils;
 const GAS_BUTTON_HIT_SLOP = 16;

src/__swaps__/screens/Swap/components/GasPanel.tsx

@@ -4,7 +4,7 @@ import Animated, { runOnJS, useAnimatedReaction, useAnimatedStyle, withDelay, wi
 
 import { MIN_FLASHBOTS_PRIORITY_FEE, THICK_BORDER_WIDTH } from '@/__swaps__/screens/Swap/constants';
 import { NavigationSteps, useSwapContext } from '@/__swaps__/screens/Swap/providers/swap-provider';
-import { ChainId } from '@/chains/types';
+import { ChainId } from '@/state/backendNetworks/types';
 import { GasSpeed } from '@/__swaps__/types/gas';
 import { gweiToWei, weiToGwei } from '@/parsers';
 import {

src/__swaps__/screens/Swap/components/ReviewPanel.tsx

@@ -42,8 +42,8 @@ import { NavigationSteps, useSwapContext } from '../providers/swap-provider';
 import { AnimatedSwitch } from './AnimatedSwitch';
 import { EstimatedSwapGasFee, EstimatedSwapGasFeeSlot } from './EstimatedSwapGasFee';
 import { UnmountOnAnimatedReaction } from './UnmountOnAnimatedReaction';
-import { chainsLabel, chainsNativeAsset } from '@/chains';
-import { ChainId } from '@/chains/types';
+import { getChainsLabelWorklet, useBackendNetworksStore } from '@/state/backendNetworks/backendNetworks';
+import { ChainId } from '@/state/backendNetworks/types';
 
 const UNKNOWN_LABEL = i18n.t(i18n.l.swap.unknown);
 const REVIEW_LABEL = i18n.t(i18n.l.expanded_state.swap_details.review);
@@ -312,14 +312,17 @@ export const SlippageRow = () => {
 export function ReviewPanel() {
   const { navigate } = useNavigation();
   const { isDarkMode } = useColorMode();
+  const backendNetworks = useBackendNetworksStore(state => state.backendNetworksSharedValue);
   const { configProgress, lastTypedInput, internalSelectedInputAsset, internalSelectedOutputAsset, quote } = useSwapContext();
 
   const labelTertiary = useForegroundColor('labelTertiary');
   const separator = useForegroundColor('separator');
 
   const unknown = i18n.t(i18n.l.swap.unknown);
 
-  const chainName = useDerivedValue(() => chainsLabel[internalSelectedInputAsset.value?.chainId ?? ChainId.mainnet]);
+  const chainName = useDerivedValue(
+    () => getChainsLabelWorklet(backendNetworks)[internalSelectedInputAsset.value?.chainId ?? ChainId.mainnet]
+  );
 
   const minReceivedOrMaxSoldLabel = useDerivedValue(() => {
     const isInputBasedTrade = lastTypedInput.value === 'inputAmount' || lastTypedInput.value === 'inputNativeValue';
@@ -348,6 +351,7 @@ export function ReviewPanel() {
   });
 
   const openGasExplainer = useCallback(async () => {
+    const chainsNativeAsset = useBackendNetworksStore.getState().getChainsNativeAsset();
     const nativeAsset = chainsNativeAsset[swapsStore.getState().inputAsset?.chainId ?? ChainId.mainnet];
     navigate(Routes.EXPLAIN_SHEET, {
       chainId: swapsStore.getState().inputAsset?.chainId ?? ChainId.mainnet,

src/__swaps__/screens/Swap/components/SwapCoinIcon.tsx

@@ -10,7 +10,7 @@ import { FallbackIcon as CoinIconTextFallback, isETH } from '@/utils';
 import { FastFallbackCoinIconImage } from '@/components/asset-list/RecyclerAssetList2/FastComponents/FastFallbackCoinIconImage';
 import Animated from 'react-native-reanimated';
 import FastImage, { Source } from 'react-native-fast-image';
-import { ChainId } from '@/chains/types';
+import { ChainId } from '@/state/backendNetworks/types';
 
 // TODO: Delete this and replace with RainbowCoinIcon
 // ⚠️ When replacing this component with RainbowCoinIcon, make sure

src/__swaps__/screens/Swap/components/SwapOutputAsset.tsx

@@ -17,7 +17,7 @@ import { TokenList } from '@/__swaps__/screens/Swap/components/TokenList/TokenLi
 import { BASE_INPUT_WIDTH, INPUT_INNER_WIDTH, INPUT_PADDING, THICK_BORDER_WIDTH } from '@/__swaps__/screens/Swap/constants';
 import { IS_ANDROID, IS_IOS } from '@/env';
 import { useSwapContext } from '@/__swaps__/screens/Swap/providers/swap-provider';
-import { ChainId } from '@/chains/types';
+import { ChainId } from '@/state/backendNetworks/types';
 import * as i18n from '@/languages';
 import { useNavigation } from '@/navigation';
 import Routes from '@/navigation/routesNames';

src/__swaps__/screens/Swap/components/TokenList/ChainSelection.tsx

@@ -6,7 +6,7 @@ import { Text as RNText, StyleSheet } from 'react-native';
 import Animated, { useDerivedValue, useSharedValue } from 'react-native-reanimated';
 
 import { useSwapContext } from '@/__swaps__/screens/Swap/providers/swap-provider';
-import { ChainId } from '@/chains/types';
+import { ChainId } from '@/state/backendNetworks/types';
 import { opacity } from '@/__swaps__/utils/swaps';
 import { analyticsV2 } from '@/analytics';
 import { ChainImage } from '@/components/coin-icon/ChainImage';
@@ -18,7 +18,7 @@ import { userAssetsStore, useUserAssetsStore } from '@/state/assets/userAssets';
 import { swapsStore } from '@/state/swaps/swapsStore';
 import { showActionSheetWithOptions } from '@/utils';
 import { OnPressMenuItemEventObject } from 'react-native-ios-context-menu';
-import { chainsLabel, chainsName } from '@/chains';
+import { getChainsLabelWorklet, getChainsNameWorklet, useBackendNetworksStore } from '@/state/backendNetworks/backendNetworks';
 
 type ChainSelectionProps = {
   allText?: string;
@@ -29,6 +29,7 @@ export const ChainSelection = memo(function ChainSelection({ allText, output }:
   const { isDarkMode } = useColorMode();
   const { accentColor: accountColor } = useAccountAccentColor();
   const { selectedOutputChainId, setSelectedOutputChainId } = useSwapContext();
+  const backendNetworks = useBackendNetworksStore(state => state.backendNetworksSharedValue);
 
   // chains sorted by balance on output, chains without balance hidden on input
   const { balanceSortedChainList, filter } = useUserAssetsStore(state => ({
@@ -47,11 +48,13 @@ export const ChainSelection = memo(function ChainSelection({ allText, output }:
   }, [accountColor, isDarkMode]);
 
   const chainName = useDerivedValue(() => {
+    const chainLabels = getChainsLabelWorklet(backendNetworks);
+
     return output
-      ? chainsLabel[selectedOutputChainId.value]
+      ? chainLabels[selectedOutputChainId.value]
       : inputListFilter.value === 'all'
         ? allText
-        : chainsLabel[inputListFilter.value as ChainId];
+        : chainLabels[inputListFilter.value as ChainId];
   });
 
   const handleSelectChain = useCallback(
@@ -78,11 +81,11 @@ export const ChainSelection = memo(function ChainSelection({ allText, output }:
     const supportedChains = balanceSortedChainList.map(chainId => {
       return {
         actionKey: `${chainId}`,
-        actionTitle: chainsLabel[chainId],
+        actionTitle: getChainsLabelWorklet(backendNetworks)[chainId],
         icon: {
           iconType: 'ASSET',
           // NOTE: chainsName[chainId] for mainnet is 'mainnet' and we need it to be 'ethereum'
-          iconValue: chainId === ChainId.mainnet ? 'ethereumBadge' : `${chainsName[chainId]}BadgeNoShadow`,
+          iconValue: chainId === ChainId.mainnet ? 'ethereumBadge' : `${getChainsNameWorklet(backendNetworks)[chainId]}BadgeNoShadow`,
         },
       };
     });
@@ -101,7 +104,7 @@ export const ChainSelection = memo(function ChainSelection({ allText, output }:
     return {
       menuItems: supportedChains,
     };
-  }, [balanceSortedChainList, output]);
+  }, [backendNetworks, balanceSortedChainList, output]);
 
   const onShowActionSheet = useCallback(() => {
     const chainTitles = menuConfig.menuItems.map(chain => chain.actionTitle);

src/__swaps__/screens/Swap/components/TokenList/TokenToBuyList.tsx

@@ -3,7 +3,7 @@ import { COIN_ROW_WITH_PADDING_HEIGHT, CoinRow } from '@/__swaps__/screens/Swap/
 import { ListEmpty } from '@/__swaps__/screens/Swap/components/TokenList/ListEmpty';
 import { AssetToBuySectionId, useSearchCurrencyLists } from '@/__swaps__/screens/Swap/hooks/useSearchCurrencyLists';
 import { useSwapContext } from '@/__swaps__/screens/Swap/providers/swap-provider';
-import { ChainId } from '@/chains/types';
+import { ChainId } from '@/state/backendNetworks/types';
 import { SearchAsset } from '@/__swaps__/types/search';
 import { SwapAssetType } from '@/__swaps__/types/swap';
 import { parseSearchAsset } from '@/__swaps__/utils/assets';

src/__swaps__/screens/Swap/hooks/useAnimatedSwapStyles.ts

@@ -23,7 +23,7 @@ import { safeAreaInsetValues } from '@/utils';
 import { getSoftMenuBarHeight } from 'react-native-extra-dimensions-android';
 import { DerivedValue, SharedValue, interpolate, useAnimatedStyle, useDerivedValue, withSpring, withTiming } from 'react-native-reanimated';
 import { NavigationSteps } from './useSwapNavigation';
-import { ChainId } from '@/chains/types';
+import { ChainId } from '@/state/backendNetworks/types';
 import { SPRING_CONFIGS, TIMING_CONFIGS } from '@/components/animations/animationConfigs';
 
 const INSET_BOTTOM = IS_ANDROID ? getSoftMenuBarHeight() - 24 : safeAreaInsetValues.bottom + 16;

src/__swaps__/screens/Swap/hooks/useCustomGas.ts

@@ -1,4 +1,4 @@
-import { ChainId } from '@/chains/types';
+import { ChainId } from '@/state/backendNetworks/types';
 import { createRainbowStore } from '@/state/internal/createRainbowStore';
 
 export type EIP1159GasSettings = {

src/__swaps__/screens/Swap/hooks/useEstimatedGasFee.ts

@@ -1,4 +1,4 @@
-import { ChainId } from '@/chains/types';
+import { ChainId } from '@/state/backendNetworks/types';
 import { weiToGwei } from '@/parsers';
 import { convertAmountToNativeDisplayWorklet, formatNumber, multiply } from '@/helpers/utilities';
 import { useNativeAsset } from '@/utils/ethereumUtils';

src/__swaps__/screens/Swap/hooks/useSearchCurrencyLists.ts

@@ -1,5 +1,5 @@
 import { TokenSearchResult, useTokenSearch } from '@/__swaps__/screens/Swap/resources/search/search';
-import { ChainId } from '@/chains/types';
+import { ChainId } from '@/state/backendNetworks/types';
 import { SearchAsset, TokenSearchAssetKey, TokenSearchThreshold } from '@/__swaps__/types/search';
 import { addHexPrefix } from '@/handlers/web3';
 import { isLowerCaseMatch, filterList } from '@/utils';

src/__swaps__/screens/Swap/hooks/useSelectedGas.ts

@@ -1,4 +1,4 @@
-import { ChainId } from '@/chains/types';
+import { ChainId } from '@/state/backendNetworks/types';
 import { GasSpeed } from '@/__swaps__/types/gas';
 import { getCachedGasSuggestions, useMeteorologySuggestions } from '@/__swaps__/utils/meteorology';
 import { createRainbowStore } from '@/state/internal/createRainbowStore';

src/__swaps__/screens/Swap/hooks/useSwapEstimatedGasLimit.ts

@@ -2,7 +2,7 @@ import { CrosschainQuote, Quote, QuoteError, SwapType } from '@rainbow-me/swaps'
 import { useQuery } from '@tanstack/react-query';
 
 import { ParsedSearchAsset } from '@/__swaps__/types/assets';
-import { ChainId } from '@/chains/types';
+import { ChainId } from '@/state/backendNetworks/types';
 import { estimateUnlockAndCrosschainSwap } from '@/raps/unlockAndCrosschainSwap';
 import { estimateUnlockAndSwap } from '@/raps/unlockAndSwap';
 import { QueryConfigWithSelect, QueryFunctionArgs, QueryFunctionResult, createQueryKey } from '@/react-query';

src/__swaps__/screens/Swap/hooks/useSwapInputsController.ts

@@ -1,7 +1,7 @@
 import { divWorklet, equalWorklet, greaterThanWorklet, isNumberStringWorklet, mulWorklet, toFixedWorklet } from '@/safe-math/SafeMath';
 import { SCRUBBER_WIDTH, SLIDER_WIDTH, snappySpringConfig } from '@/__swaps__/screens/Swap/constants';
 import { ExtendedAnimatedAssetWithColors } from '@/__swaps__/types/assets';
-import { ChainId } from '@/chains/types';
+import { ChainId } from '@/state/backendNetworks/types';
 import { RequestNewQuoteParams, inputKeys, inputMethods, inputValuesType } from '@/__swaps__/types/swap';
 import { valueBasedDecimalFormatter } from '@/__swaps__/utils/decimalFormatter';
 import { getInputValuesForSliderPositionWorklet, updateInputValuesAfterFlip } from '@/__swaps__/utils/flipAssets';
@@ -40,6 +40,7 @@ import { SharedValue, runOnJS, runOnUI, useAnimatedReaction, useDerivedValue, us
 import { useDebouncedCallback } from 'use-debounce';
 import { NavigationSteps } from './useSwapNavigation';
 import { deepEqualWorklet } from '@/worklets/comparisons';
+import { useBackendNetworksStore } from '@/state/backendNetworks/backendNetworks';
 
 const REMOTE_CONFIG = getRemoteConfig();
 
@@ -649,20 +650,20 @@ export function useSwapInputsController({
     () => ({
       assetToBuyId: internalSelectedOutputAsset.value?.uniqueId,
       assetToSellId: internalSelectedInputAsset.value?.uniqueId,
-      assetToSellNetwork: internalSelectedInputAsset.value?.chainId,
+      assetToSellChainId: internalSelectedInputAsset.value?.chainId,
     }),
     (current, previous) => {
       const didInputAssetChange = current.assetToSellId !== previous?.assetToSellId;
       const didOutputAssetChange = current.assetToBuyId !== previous?.assetToBuyId;
 
       if (!didInputAssetChange && !didOutputAssetChange) return;
 
-      if (current.assetToSellNetwork !== previous?.assetToSellNetwork) {
-        const previousDefaultSlippage = getDefaultSlippageWorklet(previous?.assetToSellNetwork || ChainId.mainnet, REMOTE_CONFIG);
+      if (current.assetToSellChainId !== previous?.assetToSellChainId) {
+        const previousDefaultSlippage = getDefaultSlippageWorklet(previous?.assetToSellChainId || ChainId.mainnet, REMOTE_CONFIG);
 
         // If the user has not overridden the default slippage, update it
         if (slippage.value === previousDefaultSlippage) {
-          const newSlippage = getDefaultSlippageWorklet(current.assetToSellNetwork || ChainId.mainnet, REMOTE_CONFIG);
+          const newSlippage = getDefaultSlippageWorklet(current.assetToSellChainId || ChainId.mainnet, REMOTE_CONFIG);
           slippage.value = newSlippage;
           runOnJS(setSlippage)(newSlippage);
         }

src/__swaps__/screens/Swap/hooks/useSwapOutputQuotesDisabled.ts

@@ -1,6 +1,10 @@
 import { SharedValue, useDerivedValue } from 'react-native-reanimated';
 import { ExtendedAnimatedAssetWithColors } from '@/__swaps__/types/assets';
-import { supportedSwapExactOutputChainIds, supportedBridgeExactOutputChainIds } from '@/chains';
+import {
+  useBackendNetworksStore,
+  getSwapExactOutputSupportedChainIdsWorklet,
+  getBridgeExactOutputSupportedChainIdsWorklet,
+} from '@/state/backendNetworks/backendNetworks';
 
 export const useSwapOutputQuotesDisabled = ({
   inputAsset,
@@ -9,13 +13,15 @@ export const useSwapOutputQuotesDisabled = ({
   inputAsset: SharedValue<ExtendedAnimatedAssetWithColors | null>;
   outputAsset: SharedValue<ExtendedAnimatedAssetWithColors | null>;
 }): SharedValue<boolean> => {
+  const backendNetworks = useBackendNetworksStore(state => state.backendNetworksSharedValue);
+
   const outputQuotesAreDisabled = useDerivedValue(() => {
     if (!inputAsset.value || !outputAsset.value) return false;
 
     if (inputAsset.value.chainId === outputAsset.value.chainId) {
-      return !supportedSwapExactOutputChainIds.includes(inputAsset.value.chainId);
+      return !getSwapExactOutputSupportedChainIdsWorklet(backendNetworks).includes(inputAsset.value.chainId);
     } else {
-      return !supportedBridgeExactOutputChainIds.includes(inputAsset.value.chainId);
+      return !getBridgeExactOutputSupportedChainIdsWorklet(backendNetworks).includes(inputAsset.value.chainId);
     }
   });
 

src/__swaps__/screens/Swap/providers/SyncSwapStateAndSharedValues.tsx

@@ -13,7 +13,7 @@ import {
   toScaledIntegerWorklet,
 } from '@/safe-math/SafeMath';
 import { ExtendedAnimatedAssetWithColors } from '@/__swaps__/types/assets';
-import { ChainId } from '@/chains/types';
+import { ChainId } from '@/state/backendNetworks/types';
 import { ParsedAddressAsset } from '@/entities';
 import { useUserNativeNetworkAsset } from '@/resources/assets/useUserAsset';
 import { CrosschainQuote, Quote, QuoteError } from '@rainbow-me/swaps';