From 4d106b69c68f21554b9cf052dccc5e768b6504b2 Mon Sep 17 00:00:00 2001
From: Matthew Wall <matthew.wallt@gmail.com>
Date: Fri, 4 Oct 2024 15:26:38 -0400
Subject: [PATCH 01/32] start on ripping out old swaps

---
 graph.svg                                     | 5767 +++++++++++++++++
 package.json                                  |    7 +-
 .../CurrencySelectModalHeader.tsx             |    8 +-
 .../{exchange => }/CurrencySelectionList.tsx  |   16 +-
 src/components/DappBrowser/BrowserTab.tsx     |    3 +-
 src/components/DappBrowser/Homepage.tsx       |    4 +-
 src/components/DappBrowser/constants.ts       |    2 -
 .../control-panel/ControlPanel.tsx            |   67 +-
 .../DappBrowser/search-input/AccountIcon.tsx  |    6 +-
 .../search/results/SearchResults.tsx          |    4 -
 .../{exchange => }/ExchangeAssetList.tsx      |   19 +-
 .../{exchange => }/ExchangeSearch.tsx         |    7 +-
 .../{exchange => }/ExchangeTokenRow.tsx       |    8 +-
 ...NetworkSwitcher.js => NetworkSwitcher.tsx} |   32 +-
 .../{exchange => }/NetworkSwitcherv2.tsx      |    6 +-
 .../ProfileActionButtonsRow.tsx               |   37 +-
 src/components/backup/BackupCloudStep.tsx     |    5 +-
 src/components/coin-row/CoinRowInfoButton.js  |  162 -
 .../coin-row/FastTransactionCoinRow.tsx       |    4 +-
 .../exchange/ConfirmExchangeButton.js         |  166 -
 .../exchange/ExchangeDetailsButton.js         |   22 -
 .../exchange/ExchangeDetailsRow.tsx           |  112 -
 src/components/exchange/ExchangeField.tsx     |  182 -
 .../exchange/ExchangeFloatingPanels.tsx       |   20 -
 src/components/exchange/ExchangeHeader.tsx    |   25 -
 src/components/exchange/ExchangeInput.js      |  154 -
 .../exchange/ExchangeInputField.tsx           |  117 -
 src/components/exchange/ExchangeMaxButton.tsx |   31 -
 .../exchange/ExchangeNativeField.tsx          |  110 -
 src/components/exchange/ExchangeNotch.tsx     |   54 -
 .../exchange/ExchangeOutputField.tsx          |   78 -
 .../exchange/PriceImpactWarning.tsx           |   65 -
 src/components/exchange/index.ts              |   15 -
 .../exchangeAssetRowContextMenuProps.ts       |    2 +-
 .../expanded-state/AvailableNetworksv2.tsx    |  117 +-
 .../expanded-state/CustomGasState.js          |  107 -
 .../expanded-state/SwapDetailsState.js        |  187 -
 .../expanded-state/{index.js => index.ts}     |    3 -
 .../swap-details/CurrencyTile.js              |  118 -
 .../swap-details/SwapDetailsContent.js        |  127 -
 .../swap-details/SwapDetailsContractRow.js    |  178 -
 .../swap-details/SwapDetailsExchangeRow.js    |  265 -
 .../swap-details/SwapDetailsFeeRow.js         |   41 -
 .../swap-details/SwapDetailsMasthead.js       |   79 -
 .../swap-details/SwapDetailsPriceRow.js       |   49 -
 .../swap-details/SwapDetailsRefuelRow.js      |   92 -
 .../swap-details/SwapDetailsRewardRow.tsx     |   49 -
 .../swap-details/SwapDetailsRow.js            |   36 -
 .../SwapDetailsSlippageMessage.js             |   71 -
 .../expanded-state/swap-details/index.js      |    8 -
 .../expanded-state/swap-settings/InputPill.js |   98 -
 .../swap-settings/MaxToleranceInput.tsx       |  149 -
 .../swap-settings/SourcePicker.js             |  140 -
 .../swap-settings/StepButtonInput.js          |  145 -
 .../swap-settings/SwapSettingsState.js        |  201 -
 src/components/fab/ExchangeFab.js             |   69 -
 .../sheet-action-buttons/SwapActionButton.tsx |  210 +-
 src/config/experimental.ts                    |    2 -
 .../helpers/checkForPendingSwap.ts            |    0
 src/helpers/index.ts                          |    1 -
 src/hooks/index.ts                            |   18 +-
 src/hooks/useFeesPanelInputRefs.ts            |   42 -
 src/hooks/useParamsForExchangeModal.ts        |   79 -
 src/hooks/usePriceImpactDetails.ts            |  153 -
 src/hooks/useRainbowFee.js                    |   57 -
 src/hooks/useSearchCurrencyList.ts            |   64 +-
 src/hooks/useSwapAdjustedAmounts.ts           |   69 -
 src/hooks/useSwapCurrencies.ts                |   13 -
 src/hooks/useSwapCurrencyHandlers.ts          |  195 -
 src/hooks/useSwapCurrencyList.ts              |  523 --
 src/hooks/useSwapDerivedOutputs.ts            |  518 --
 src/hooks/useSwapDerivedValues.ts             |   11 -
 src/hooks/useSwapInputHandlers.ts             |   71 -
 src/hooks/useSwapInputRefs.ts                 |   46 -
 src/hooks/useSwapIsSufficientBalance.ts       |   18 -
 src/hooks/useSwapRefuel.ts                    |  140 -
 src/hooks/useSwapSettings.ts                  |   36 -
 src/hooks/useSwappableUserAssets.ts           |  111 -
 src/model/remoteConfig.ts                     |    3 -
 src/navigation/ExchangeModalNavigator.js      |   98 -
 src/navigation/Routes.android.tsx             |   16 +-
 src/navigation/Routes.ios.tsx                 |   15 +-
 src/navigation/config.tsx                     |   10 -
 src/navigation/effects.tsx                    |   21 -
 src/navigation/index.ts                       |    1 -
 src/navigation/routesNames.ts                 |    5 -
 src/navigation/types.ts                       |    5 +
 src/redux/reducers.ts                         |    2 -
 src/redux/swap.ts                             |  270 -
 src/screens/CurrencySelectModal.tsx           |   41 +-
 src/screens/ExchangeModal.tsx                 |  917 ---
 ...edAssetSheet.js => ExpandedAssetSheet.tsx} |   22 +-
 src/screens/SwapModal.js                      |   28 -
 .../discover/components/DiscoverSearch.js     |    2 +-
 ...ransactionDetailsHashAndActionsSection.tsx |   10 +-
 ...etailsStatusActionsAndTimestampSection.tsx |    1 -
 .../TransactionDetailsValueAndFeeSection.tsx  |    2 +-
 .../components/TransactionMasthead.tsx        |    2 +-
 src/state/browser/browserStore.ts             |   10 +-
 src/state/gas/gasStore.ts                     |   79 -
 yarn.lock                                     |   43 +-
 101 files changed, 6076 insertions(+), 7550 deletions(-)
 create mode 100644 graph.svg
 rename src/components/{exchange => }/CurrencySelectModalHeader.tsx (90%)
 rename src/components/{exchange => }/CurrencySelectionList.tsx (82%)
 rename src/components/{exchange => }/ExchangeAssetList.tsx (93%)
 rename src/components/{exchange => }/ExchangeSearch.tsx (96%)
 rename src/components/{exchange => }/ExchangeTokenRow.tsx (93%)
 rename src/components/{exchange/NetworkSwitcher.js => NetworkSwitcher.tsx} (78%)
 rename src/components/{exchange => }/NetworkSwitcherv2.tsx (94%)
 delete mode 100644 src/components/coin-row/CoinRowInfoButton.js
 delete mode 100644 src/components/exchange/ConfirmExchangeButton.js
 delete mode 100644 src/components/exchange/ExchangeDetailsButton.js
 delete mode 100644 src/components/exchange/ExchangeDetailsRow.tsx
 delete mode 100644 src/components/exchange/ExchangeField.tsx
 delete mode 100644 src/components/exchange/ExchangeFloatingPanels.tsx
 delete mode 100644 src/components/exchange/ExchangeHeader.tsx
 delete mode 100644 src/components/exchange/ExchangeInput.js
 delete mode 100644 src/components/exchange/ExchangeInputField.tsx
 delete mode 100644 src/components/exchange/ExchangeMaxButton.tsx
 delete mode 100644 src/components/exchange/ExchangeNativeField.tsx
 delete mode 100644 src/components/exchange/ExchangeNotch.tsx
 delete mode 100644 src/components/exchange/ExchangeOutputField.tsx
 delete mode 100644 src/components/exchange/PriceImpactWarning.tsx
 delete mode 100644 src/components/exchange/index.ts
 rename src/components/{exchange => }/exchangeAssetRowContextMenuProps.ts (98%)
 delete mode 100644 src/components/expanded-state/CustomGasState.js
 delete mode 100644 src/components/expanded-state/SwapDetailsState.js
 rename src/components/expanded-state/{index.js => index.ts} (63%)
 delete mode 100644 src/components/expanded-state/swap-details/CurrencyTile.js
 delete mode 100644 src/components/expanded-state/swap-details/SwapDetailsContent.js
 delete mode 100644 src/components/expanded-state/swap-details/SwapDetailsContractRow.js
 delete mode 100644 src/components/expanded-state/swap-details/SwapDetailsExchangeRow.js
 delete mode 100644 src/components/expanded-state/swap-details/SwapDetailsFeeRow.js
 delete mode 100644 src/components/expanded-state/swap-details/SwapDetailsMasthead.js
 delete mode 100644 src/components/expanded-state/swap-details/SwapDetailsPriceRow.js
 delete mode 100644 src/components/expanded-state/swap-details/SwapDetailsRefuelRow.js
 delete mode 100644 src/components/expanded-state/swap-details/SwapDetailsRewardRow.tsx
 delete mode 100644 src/components/expanded-state/swap-details/SwapDetailsRow.js
 delete mode 100644 src/components/expanded-state/swap-details/SwapDetailsSlippageMessage.js
 delete mode 100644 src/components/expanded-state/swap-details/index.js
 delete mode 100644 src/components/expanded-state/swap-settings/InputPill.js
 delete mode 100644 src/components/expanded-state/swap-settings/MaxToleranceInput.tsx
 delete mode 100644 src/components/expanded-state/swap-settings/SourcePicker.js
 delete mode 100644 src/components/expanded-state/swap-settings/StepButtonInput.js
 delete mode 100644 src/components/expanded-state/swap-settings/SwapSettingsState.js
 delete mode 100644 src/components/fab/ExchangeFab.js
 rename src/{screens/transaction-details => }/helpers/checkForPendingSwap.ts (100%)
 delete mode 100644 src/hooks/useFeesPanelInputRefs.ts
 delete mode 100644 src/hooks/useParamsForExchangeModal.ts
 delete mode 100644 src/hooks/usePriceImpactDetails.ts
 delete mode 100644 src/hooks/useRainbowFee.js
 delete mode 100644 src/hooks/useSwapAdjustedAmounts.ts
 delete mode 100644 src/hooks/useSwapCurrencies.ts
 delete mode 100644 src/hooks/useSwapCurrencyHandlers.ts
 delete mode 100644 src/hooks/useSwapCurrencyList.ts
 delete mode 100644 src/hooks/useSwapDerivedOutputs.ts
 delete mode 100644 src/hooks/useSwapDerivedValues.ts
 delete mode 100644 src/hooks/useSwapInputHandlers.ts
 delete mode 100644 src/hooks/useSwapInputRefs.ts
 delete mode 100644 src/hooks/useSwapIsSufficientBalance.ts
 delete mode 100644 src/hooks/useSwapRefuel.ts
 delete mode 100644 src/hooks/useSwapSettings.ts
 delete mode 100644 src/hooks/useSwappableUserAssets.ts
 delete mode 100644 src/navigation/ExchangeModalNavigator.js
 delete mode 100644 src/redux/swap.ts
 delete mode 100644 src/screens/ExchangeModal.tsx
 rename src/screens/{ExpandedAssetSheet.js => ExpandedAssetSheet.tsx} (70%)
 delete mode 100644 src/screens/SwapModal.js
 delete mode 100644 src/state/gas/gasStore.ts

diff --git a/graph.svg b/graph.svg
new file mode 100644
index 00000000000..139e36b8d11
--- /dev/null
+++ b/graph.svg
@@ -0,0 +1,5767 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
+ "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<!-- Generated by graphviz version 12.1.2 (20240928.0832)
+ -->
+<!-- Title: G Pages: 1 -->
+<svg width="7527pt" height="5263pt"
+ viewBox="0.00 0.00 7527.45 5262.71" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(21.6 5241.11)">
+<title>G</title>
+<polygon fill="#111111" stroke="none" points="-21.6,21.6 -21.6,-5241.11 7505.85,-5241.11 7505.85,21.6 -21.6,21.6"/>
+<!-- ../../globalVariables.js -->
+<g id="node1" class="node">
+<title>../../globalVariables.js</title>
+<path fill="none" stroke="#cfffac" d="M653.21,-5215.51C653.21,-5215.51 525.54,-5215.51 525.54,-5215.51 521.58,-5215.51 517.62,-5211.55 517.62,-5207.59 517.62,-5207.59 517.62,-5199.67 517.62,-5199.67 517.62,-5195.72 521.58,-5191.76 525.54,-5191.76 525.54,-5191.76 653.21,-5191.76 653.21,-5191.76 657.17,-5191.76 661.12,-5195.72 661.12,-5199.67 661.12,-5199.67 661.12,-5207.59 661.12,-5207.59 661.12,-5211.55 657.17,-5215.51 653.21,-5215.51"/>
+<text text-anchor="middle" x="589.38" y="-5198.21" font-family="Arial" font-size="14.00" fill="#cfffac">../../globalVariables.js</text>
+</g>
+<!-- ../../shim.js -->
+<g id="node2" class="node">
+<title>../../shim.js</title>
+<path fill="none" stroke="#c6c5fe" d="M310.21,-5215.51C310.21,-5215.51 244.79,-5215.51 244.79,-5215.51 240.83,-5215.51 236.88,-5211.55 236.88,-5207.59 236.88,-5207.59 236.88,-5199.67 236.88,-5199.67 236.88,-5195.72 240.83,-5191.76 244.79,-5191.76 244.79,-5191.76 310.21,-5191.76 310.21,-5191.76 314.17,-5191.76 318.12,-5195.72 318.12,-5199.67 318.12,-5199.67 318.12,-5207.59 318.12,-5207.59 318.12,-5211.55 314.17,-5215.51 310.21,-5215.51"/>
+<text text-anchor="middle" x="277.5" y="-5198.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../../shim.js</text>
+</g>
+<!-- ../../shim.js&#45;&gt;../../globalVariables.js -->
+<g id="edge1" class="edge">
+<title>../../shim.js&#45;&gt;../../globalVariables.js</title>
+<path fill="none" stroke="#757575" d="M318.38,-5203.63C365.52,-5203.63 445.23,-5203.63 505.85,-5203.63"/>
+<polygon fill="#757575" stroke="#757575" points="505.8,-5207.13 515.8,-5203.63 505.8,-5200.13 505.8,-5207.13"/>
+</g>
+<!-- ../assets/badges/arbitrumBadge.png -->
+<g id="node3" class="node">
+<title>../assets/badges/arbitrumBadge.png</title>
+<path fill="none" stroke="#cfffac" d="M5526.71,-2295.51C5526.71,-2295.51 5309.04,-2295.51 5309.04,-2295.51 5305.08,-2295.51 5301.12,-2291.55 5301.12,-2287.59 5301.12,-2287.59 5301.12,-2279.67 5301.12,-2279.67 5301.12,-2275.72 5305.08,-2271.76 5309.04,-2271.76 5309.04,-2271.76 5526.71,-2271.76 5526.71,-2271.76 5530.67,-2271.76 5534.62,-2275.72 5534.62,-2279.67 5534.62,-2279.67 5534.62,-2287.59 5534.62,-2287.59 5534.62,-2291.55 5530.67,-2295.51 5526.71,-2295.51"/>
+<text text-anchor="middle" x="5417.88" y="-2278.21" font-family="Arial" font-size="14.00" fill="#cfffac">../assets/badges/arbitrumBadge.png</text>
+</g>
+<!-- ../assets/badges/arbitrumBadgeDark.png -->
+<g id="node4" class="node">
+<title>../assets/badges/arbitrumBadgeDark.png</title>
+<path fill="none" stroke="#cfffac" d="M5540.96,-2253.51C5540.96,-2253.51 5294.79,-2253.51 5294.79,-2253.51 5290.83,-2253.51 5286.88,-2249.55 5286.88,-2245.59 5286.88,-2245.59 5286.88,-2237.67 5286.88,-2237.67 5286.88,-2233.72 5290.83,-2229.76 5294.79,-2229.76 5294.79,-2229.76 5540.96,-2229.76 5540.96,-2229.76 5544.92,-2229.76 5548.88,-2233.72 5548.88,-2237.67 5548.88,-2237.67 5548.88,-2245.59 5548.88,-2245.59 5548.88,-2249.55 5544.92,-2253.51 5540.96,-2253.51"/>
+<text text-anchor="middle" x="5417.88" y="-2236.21" font-family="Arial" font-size="14.00" fill="#cfffac">../assets/badges/arbitrumBadgeDark.png</text>
+</g>
+<!-- ../assets/badges/arbitrumBadgeLarge.png -->
+<g id="node5" class="node">
+<title>../assets/badges/arbitrumBadgeLarge.png</title>
+<path fill="none" stroke="#cfffac" d="M5543.96,-2211.51C5543.96,-2211.51 5291.79,-2211.51 5291.79,-2211.51 5287.83,-2211.51 5283.88,-2207.55 5283.88,-2203.59 5283.88,-2203.59 5283.88,-2195.67 5283.88,-2195.67 5283.88,-2191.72 5287.83,-2187.76 5291.79,-2187.76 5291.79,-2187.76 5543.96,-2187.76 5543.96,-2187.76 5547.92,-2187.76 5551.88,-2191.72 5551.88,-2195.67 5551.88,-2195.67 5551.88,-2203.59 5551.88,-2203.59 5551.88,-2207.55 5547.92,-2211.51 5543.96,-2211.51"/>
+<text text-anchor="middle" x="5417.88" y="-2194.21" font-family="Arial" font-size="14.00" fill="#cfffac">../assets/badges/arbitrumBadgeLarge.png</text>
+</g>
+<!-- ../assets/badges/arbitrumBadgeLargeDark.png -->
+<g id="node6" class="node">
+<title>../assets/badges/arbitrumBadgeLargeDark.png</title>
+<path fill="none" stroke="#cfffac" d="M5558.21,-2169.51C5558.21,-2169.51 5277.54,-2169.51 5277.54,-2169.51 5273.58,-2169.51 5269.62,-2165.55 5269.62,-2161.59 5269.62,-2161.59 5269.62,-2153.67 5269.62,-2153.67 5269.62,-2149.72 5273.58,-2145.76 5277.54,-2145.76 5277.54,-2145.76 5558.21,-2145.76 5558.21,-2145.76 5562.17,-2145.76 5566.12,-2149.72 5566.12,-2153.67 5566.12,-2153.67 5566.12,-2161.59 5566.12,-2161.59 5566.12,-2165.55 5562.17,-2169.51 5558.21,-2169.51"/>
+<text text-anchor="middle" x="5417.88" y="-2152.21" font-family="Arial" font-size="14.00" fill="#cfffac">../assets/badges/arbitrumBadgeLargeDark.png</text>
+</g>
+<!-- ../assets/badges/avalancheBadge.png -->
+<g id="node7" class="node">
+<title>../assets/badges/avalancheBadge.png</title>
+<path fill="none" stroke="#cfffac" d="M5532.33,-2127.51C5532.33,-2127.51 5303.42,-2127.51 5303.42,-2127.51 5299.46,-2127.51 5295.5,-2123.55 5295.5,-2119.59 5295.5,-2119.59 5295.5,-2111.67 5295.5,-2111.67 5295.5,-2107.72 5299.46,-2103.76 5303.42,-2103.76 5303.42,-2103.76 5532.33,-2103.76 5532.33,-2103.76 5536.29,-2103.76 5540.25,-2107.72 5540.25,-2111.67 5540.25,-2111.67 5540.25,-2119.59 5540.25,-2119.59 5540.25,-2123.55 5536.29,-2127.51 5532.33,-2127.51"/>
+<text text-anchor="middle" x="5417.88" y="-2110.21" font-family="Arial" font-size="14.00" fill="#cfffac">../assets/badges/avalancheBadge.png</text>
+</g>
+<!-- ../assets/badges/avalancheBadgeDark.png -->
+<g id="node8" class="node">
+<title>../assets/badges/avalancheBadgeDark.png</title>
+<path fill="none" stroke="#cfffac" d="M5546.58,-2085.51C5546.58,-2085.51 5289.17,-2085.51 5289.17,-2085.51 5285.21,-2085.51 5281.25,-2081.55 5281.25,-2077.59 5281.25,-2077.59 5281.25,-2069.67 5281.25,-2069.67 5281.25,-2065.72 5285.21,-2061.76 5289.17,-2061.76 5289.17,-2061.76 5546.58,-2061.76 5546.58,-2061.76 5550.54,-2061.76 5554.5,-2065.72 5554.5,-2069.67 5554.5,-2069.67 5554.5,-2077.59 5554.5,-2077.59 5554.5,-2081.55 5550.54,-2085.51 5546.58,-2085.51"/>
+<text text-anchor="middle" x="5417.88" y="-2068.21" font-family="Arial" font-size="14.00" fill="#cfffac">../assets/badges/avalancheBadgeDark.png</text>
+</g>
+<!-- ../assets/badges/avalancheBadgeLarge.png -->
+<g id="node9" class="node">
+<title>../assets/badges/avalancheBadgeLarge.png</title>
+<path fill="none" stroke="#cfffac" d="M5549.58,-2043.51C5549.58,-2043.51 5286.17,-2043.51 5286.17,-2043.51 5282.21,-2043.51 5278.25,-2039.55 5278.25,-2035.59 5278.25,-2035.59 5278.25,-2027.67 5278.25,-2027.67 5278.25,-2023.72 5282.21,-2019.76 5286.17,-2019.76 5286.17,-2019.76 5549.58,-2019.76 5549.58,-2019.76 5553.54,-2019.76 5557.5,-2023.72 5557.5,-2027.67 5557.5,-2027.67 5557.5,-2035.59 5557.5,-2035.59 5557.5,-2039.55 5553.54,-2043.51 5549.58,-2043.51"/>
+<text text-anchor="middle" x="5417.88" y="-2026.21" font-family="Arial" font-size="14.00" fill="#cfffac">../assets/badges/avalancheBadgeLarge.png</text>
+</g>
+<!-- ../assets/badges/avalancheBadgeLargeDark.png -->
+<g id="node10" class="node">
+<title>../assets/badges/avalancheBadgeLargeDark.png</title>
+<path fill="none" stroke="#cfffac" d="M5563.83,-2001.51C5563.83,-2001.51 5271.92,-2001.51 5271.92,-2001.51 5267.96,-2001.51 5264,-1997.55 5264,-1993.59 5264,-1993.59 5264,-1985.67 5264,-1985.67 5264,-1981.72 5267.96,-1977.76 5271.92,-1977.76 5271.92,-1977.76 5563.83,-1977.76 5563.83,-1977.76 5567.79,-1977.76 5571.75,-1981.72 5571.75,-1985.67 5571.75,-1985.67 5571.75,-1993.59 5571.75,-1993.59 5571.75,-1997.55 5567.79,-2001.51 5563.83,-2001.51"/>
+<text text-anchor="middle" x="5417.88" y="-1984.21" font-family="Arial" font-size="14.00" fill="#cfffac">../assets/badges/avalancheBadgeLargeDark.png</text>
+</g>
+<!-- ../assets/badges/baseBadge.png -->
+<g id="node11" class="node">
+<title>../assets/badges/baseBadge.png</title>
+<path fill="none" stroke="#cfffac" d="M5516.21,-1959.51C5516.21,-1959.51 5319.54,-1959.51 5319.54,-1959.51 5315.58,-1959.51 5311.62,-1955.55 5311.62,-1951.59 5311.62,-1951.59 5311.62,-1943.67 5311.62,-1943.67 5311.62,-1939.72 5315.58,-1935.76 5319.54,-1935.76 5319.54,-1935.76 5516.21,-1935.76 5516.21,-1935.76 5520.17,-1935.76 5524.12,-1939.72 5524.12,-1943.67 5524.12,-1943.67 5524.12,-1951.59 5524.12,-1951.59 5524.12,-1955.55 5520.17,-1959.51 5516.21,-1959.51"/>
+<text text-anchor="middle" x="5417.88" y="-1942.21" font-family="Arial" font-size="14.00" fill="#cfffac">../assets/badges/baseBadge.png</text>
+</g>
+<!-- ../assets/badges/baseBadgeDark.png -->
+<g id="node12" class="node">
+<title>../assets/badges/baseBadgeDark.png</title>
+<path fill="none" stroke="#cfffac" d="M5530.46,-1917.51C5530.46,-1917.51 5305.29,-1917.51 5305.29,-1917.51 5301.33,-1917.51 5297.38,-1913.55 5297.38,-1909.59 5297.38,-1909.59 5297.38,-1901.67 5297.38,-1901.67 5297.38,-1897.72 5301.33,-1893.76 5305.29,-1893.76 5305.29,-1893.76 5530.46,-1893.76 5530.46,-1893.76 5534.42,-1893.76 5538.38,-1897.72 5538.38,-1901.67 5538.38,-1901.67 5538.38,-1909.59 5538.38,-1909.59 5538.38,-1913.55 5534.42,-1917.51 5530.46,-1917.51"/>
+<text text-anchor="middle" x="5417.88" y="-1900.21" font-family="Arial" font-size="14.00" fill="#cfffac">../assets/badges/baseBadgeDark.png</text>
+</g>
+<!-- ../assets/badges/baseBadgeLarge.png -->
+<g id="node13" class="node">
+<title>../assets/badges/baseBadgeLarge.png</title>
+<path fill="none" stroke="#cfffac" d="M5533.46,-1875.51C5533.46,-1875.51 5302.29,-1875.51 5302.29,-1875.51 5298.33,-1875.51 5294.38,-1871.55 5294.38,-1867.59 5294.38,-1867.59 5294.38,-1859.67 5294.38,-1859.67 5294.38,-1855.72 5298.33,-1851.76 5302.29,-1851.76 5302.29,-1851.76 5533.46,-1851.76 5533.46,-1851.76 5537.42,-1851.76 5541.38,-1855.72 5541.38,-1859.67 5541.38,-1859.67 5541.38,-1867.59 5541.38,-1867.59 5541.38,-1871.55 5537.42,-1875.51 5533.46,-1875.51"/>
+<text text-anchor="middle" x="5417.88" y="-1858.21" font-family="Arial" font-size="14.00" fill="#cfffac">../assets/badges/baseBadgeLarge.png</text>
+</g>
+<!-- ../assets/badges/baseBadgeLargeDark.png -->
+<g id="node14" class="node">
+<title>../assets/badges/baseBadgeLargeDark.png</title>
+<path fill="none" stroke="#cfffac" d="M5547.71,-1833.51C5547.71,-1833.51 5288.04,-1833.51 5288.04,-1833.51 5284.08,-1833.51 5280.12,-1829.55 5280.12,-1825.59 5280.12,-1825.59 5280.12,-1817.67 5280.12,-1817.67 5280.12,-1813.72 5284.08,-1809.76 5288.04,-1809.76 5288.04,-1809.76 5547.71,-1809.76 5547.71,-1809.76 5551.67,-1809.76 5555.62,-1813.72 5555.62,-1817.67 5555.62,-1817.67 5555.62,-1825.59 5555.62,-1825.59 5555.62,-1829.55 5551.67,-1833.51 5547.71,-1833.51"/>
+<text text-anchor="middle" x="5417.88" y="-1816.21" font-family="Arial" font-size="14.00" fill="#cfffac">../assets/badges/baseBadgeLargeDark.png</text>
+</g>
+<!-- ../assets/badges/blastBadge.png -->
+<g id="node15" class="node">
+<title>../assets/badges/blastBadge.png</title>
+<path fill="none" stroke="#cfffac" d="M5515.83,-1791.51C5515.83,-1791.51 5319.92,-1791.51 5319.92,-1791.51 5315.96,-1791.51 5312,-1787.55 5312,-1783.59 5312,-1783.59 5312,-1775.67 5312,-1775.67 5312,-1771.72 5315.96,-1767.76 5319.92,-1767.76 5319.92,-1767.76 5515.83,-1767.76 5515.83,-1767.76 5519.79,-1767.76 5523.75,-1771.72 5523.75,-1775.67 5523.75,-1775.67 5523.75,-1783.59 5523.75,-1783.59 5523.75,-1787.55 5519.79,-1791.51 5515.83,-1791.51"/>
+<text text-anchor="middle" x="5417.88" y="-1774.21" font-family="Arial" font-size="14.00" fill="#cfffac">../assets/badges/blastBadge.png</text>
+</g>
+<!-- ../assets/badges/blastBadgeDark.png -->
+<g id="node16" class="node">
+<title>../assets/badges/blastBadgeDark.png</title>
+<path fill="none" stroke="#cfffac" d="M5530.08,-1749.51C5530.08,-1749.51 5305.67,-1749.51 5305.67,-1749.51 5301.71,-1749.51 5297.75,-1745.55 5297.75,-1741.59 5297.75,-1741.59 5297.75,-1733.67 5297.75,-1733.67 5297.75,-1729.72 5301.71,-1725.76 5305.67,-1725.76 5305.67,-1725.76 5530.08,-1725.76 5530.08,-1725.76 5534.04,-1725.76 5538,-1729.72 5538,-1733.67 5538,-1733.67 5538,-1741.59 5538,-1741.59 5538,-1745.55 5534.04,-1749.51 5530.08,-1749.51"/>
+<text text-anchor="middle" x="5417.88" y="-1732.21" font-family="Arial" font-size="14.00" fill="#cfffac">../assets/badges/blastBadgeDark.png</text>
+</g>
+<!-- ../assets/badges/blastBadgeLarge.png -->
+<g id="node17" class="node">
+<title>../assets/badges/blastBadgeLarge.png</title>
+<path fill="none" stroke="#cfffac" d="M5533.08,-1707.51C5533.08,-1707.51 5302.67,-1707.51 5302.67,-1707.51 5298.71,-1707.51 5294.75,-1703.55 5294.75,-1699.59 5294.75,-1699.59 5294.75,-1691.67 5294.75,-1691.67 5294.75,-1687.72 5298.71,-1683.76 5302.67,-1683.76 5302.67,-1683.76 5533.08,-1683.76 5533.08,-1683.76 5537.04,-1683.76 5541,-1687.72 5541,-1691.67 5541,-1691.67 5541,-1699.59 5541,-1699.59 5541,-1703.55 5537.04,-1707.51 5533.08,-1707.51"/>
+<text text-anchor="middle" x="5417.88" y="-1690.21" font-family="Arial" font-size="14.00" fill="#cfffac">../assets/badges/blastBadgeLarge.png</text>
+</g>
+<!-- ../assets/badges/blastBadgeLargeDark.png -->
+<g id="node18" class="node">
+<title>../assets/badges/blastBadgeLargeDark.png</title>
+<path fill="none" stroke="#cfffac" d="M5547.33,-1665.51C5547.33,-1665.51 5288.42,-1665.51 5288.42,-1665.51 5284.46,-1665.51 5280.5,-1661.55 5280.5,-1657.59 5280.5,-1657.59 5280.5,-1649.67 5280.5,-1649.67 5280.5,-1645.72 5284.46,-1641.76 5288.42,-1641.76 5288.42,-1641.76 5547.33,-1641.76 5547.33,-1641.76 5551.29,-1641.76 5555.25,-1645.72 5555.25,-1649.67 5555.25,-1649.67 5555.25,-1657.59 5555.25,-1657.59 5555.25,-1661.55 5551.29,-1665.51 5547.33,-1665.51"/>
+<text text-anchor="middle" x="5417.88" y="-1648.21" font-family="Arial" font-size="14.00" fill="#cfffac">../assets/badges/blastBadgeLargeDark.png</text>
+</g>
+<!-- ../assets/badges/bscBadge.png -->
+<g id="node19" class="node">
+<title>../assets/badges/bscBadge.png</title>
+<path fill="none" stroke="#cfffac" d="M5512.08,-1623.51C5512.08,-1623.51 5323.67,-1623.51 5323.67,-1623.51 5319.71,-1623.51 5315.75,-1619.55 5315.75,-1615.59 5315.75,-1615.59 5315.75,-1607.67 5315.75,-1607.67 5315.75,-1603.72 5319.71,-1599.76 5323.67,-1599.76 5323.67,-1599.76 5512.08,-1599.76 5512.08,-1599.76 5516.04,-1599.76 5520,-1603.72 5520,-1607.67 5520,-1607.67 5520,-1615.59 5520,-1615.59 5520,-1619.55 5516.04,-1623.51 5512.08,-1623.51"/>
+<text text-anchor="middle" x="5417.88" y="-1606.21" font-family="Arial" font-size="14.00" fill="#cfffac">../assets/badges/bscBadge.png</text>
+</g>
+<!-- ../assets/badges/bscBadgeDark.png -->
+<g id="node20" class="node">
+<title>../assets/badges/bscBadgeDark.png</title>
+<path fill="none" stroke="#cfffac" d="M5526.33,-1581.51C5526.33,-1581.51 5309.42,-1581.51 5309.42,-1581.51 5305.46,-1581.51 5301.5,-1577.55 5301.5,-1573.59 5301.5,-1573.59 5301.5,-1565.67 5301.5,-1565.67 5301.5,-1561.72 5305.46,-1557.76 5309.42,-1557.76 5309.42,-1557.76 5526.33,-1557.76 5526.33,-1557.76 5530.29,-1557.76 5534.25,-1561.72 5534.25,-1565.67 5534.25,-1565.67 5534.25,-1573.59 5534.25,-1573.59 5534.25,-1577.55 5530.29,-1581.51 5526.33,-1581.51"/>
+<text text-anchor="middle" x="5417.88" y="-1564.21" font-family="Arial" font-size="14.00" fill="#cfffac">../assets/badges/bscBadgeDark.png</text>
+</g>
+<!-- ../assets/badges/bscBadgeLarge.png -->
+<g id="node21" class="node">
+<title>../assets/badges/bscBadgeLarge.png</title>
+<path fill="none" stroke="#cfffac" d="M5529.33,-1539.51C5529.33,-1539.51 5306.42,-1539.51 5306.42,-1539.51 5302.46,-1539.51 5298.5,-1535.55 5298.5,-1531.59 5298.5,-1531.59 5298.5,-1523.67 5298.5,-1523.67 5298.5,-1519.72 5302.46,-1515.76 5306.42,-1515.76 5306.42,-1515.76 5529.33,-1515.76 5529.33,-1515.76 5533.29,-1515.76 5537.25,-1519.72 5537.25,-1523.67 5537.25,-1523.67 5537.25,-1531.59 5537.25,-1531.59 5537.25,-1535.55 5533.29,-1539.51 5529.33,-1539.51"/>
+<text text-anchor="middle" x="5417.88" y="-1522.21" font-family="Arial" font-size="14.00" fill="#cfffac">../assets/badges/bscBadgeLarge.png</text>
+</g>
+<!-- ../assets/badges/bscBadgeLargeDark.png -->
+<g id="node22" class="node">
+<title>../assets/badges/bscBadgeLargeDark.png</title>
+<path fill="none" stroke="#cfffac" d="M5543.58,-1497.51C5543.58,-1497.51 5292.17,-1497.51 5292.17,-1497.51 5288.21,-1497.51 5284.25,-1493.55 5284.25,-1489.59 5284.25,-1489.59 5284.25,-1481.67 5284.25,-1481.67 5284.25,-1477.72 5288.21,-1473.76 5292.17,-1473.76 5292.17,-1473.76 5543.58,-1473.76 5543.58,-1473.76 5547.54,-1473.76 5551.5,-1477.72 5551.5,-1481.67 5551.5,-1481.67 5551.5,-1489.59 5551.5,-1489.59 5551.5,-1493.55 5547.54,-1497.51 5543.58,-1497.51"/>
+<text text-anchor="middle" x="5417.88" y="-1480.21" font-family="Arial" font-size="14.00" fill="#cfffac">../assets/badges/bscBadgeLargeDark.png</text>
+</g>
+<!-- ../assets/badges/degenBadge.png -->
+<g id="node23" class="node">
+<title>../assets/badges/degenBadge.png</title>
+<path fill="none" stroke="#cfffac" d="M5520.33,-1455.51C5520.33,-1455.51 5315.42,-1455.51 5315.42,-1455.51 5311.46,-1455.51 5307.5,-1451.55 5307.5,-1447.59 5307.5,-1447.59 5307.5,-1439.67 5307.5,-1439.67 5307.5,-1435.72 5311.46,-1431.76 5315.42,-1431.76 5315.42,-1431.76 5520.33,-1431.76 5520.33,-1431.76 5524.29,-1431.76 5528.25,-1435.72 5528.25,-1439.67 5528.25,-1439.67 5528.25,-1447.59 5528.25,-1447.59 5528.25,-1451.55 5524.29,-1455.51 5520.33,-1455.51"/>
+<text text-anchor="middle" x="5417.88" y="-1438.21" font-family="Arial" font-size="14.00" fill="#cfffac">../assets/badges/degenBadge.png</text>
+</g>
+<!-- ../assets/badges/degenBadgeDark.png -->
+<g id="node24" class="node">
+<title>../assets/badges/degenBadgeDark.png</title>
+<path fill="none" stroke="#cfffac" d="M5534.58,-1413.51C5534.58,-1413.51 5301.17,-1413.51 5301.17,-1413.51 5297.21,-1413.51 5293.25,-1409.55 5293.25,-1405.59 5293.25,-1405.59 5293.25,-1397.67 5293.25,-1397.67 5293.25,-1393.72 5297.21,-1389.76 5301.17,-1389.76 5301.17,-1389.76 5534.58,-1389.76 5534.58,-1389.76 5538.54,-1389.76 5542.5,-1393.72 5542.5,-1397.67 5542.5,-1397.67 5542.5,-1405.59 5542.5,-1405.59 5542.5,-1409.55 5538.54,-1413.51 5534.58,-1413.51"/>
+<text text-anchor="middle" x="5417.88" y="-1396.21" font-family="Arial" font-size="14.00" fill="#cfffac">../assets/badges/degenBadgeDark.png</text>
+</g>
+<!-- ../assets/badges/degenBadgeLarge.png -->
+<g id="node25" class="node">
+<title>../assets/badges/degenBadgeLarge.png</title>
+<path fill="none" stroke="#cfffac" d="M5537.58,-1371.51C5537.58,-1371.51 5298.17,-1371.51 5298.17,-1371.51 5294.21,-1371.51 5290.25,-1367.55 5290.25,-1363.59 5290.25,-1363.59 5290.25,-1355.67 5290.25,-1355.67 5290.25,-1351.72 5294.21,-1347.76 5298.17,-1347.76 5298.17,-1347.76 5537.58,-1347.76 5537.58,-1347.76 5541.54,-1347.76 5545.5,-1351.72 5545.5,-1355.67 5545.5,-1355.67 5545.5,-1363.59 5545.5,-1363.59 5545.5,-1367.55 5541.54,-1371.51 5537.58,-1371.51"/>
+<text text-anchor="middle" x="5417.88" y="-1354.21" font-family="Arial" font-size="14.00" fill="#cfffac">../assets/badges/degenBadgeLarge.png</text>
+</g>
+<!-- ../assets/badges/degenBadgeLargeDark.png -->
+<g id="node26" class="node">
+<title>../assets/badges/degenBadgeLargeDark.png</title>
+<path fill="none" stroke="#cfffac" d="M5551.83,-1329.51C5551.83,-1329.51 5283.92,-1329.51 5283.92,-1329.51 5279.96,-1329.51 5276,-1325.55 5276,-1321.59 5276,-1321.59 5276,-1313.67 5276,-1313.67 5276,-1309.72 5279.96,-1305.76 5283.92,-1305.76 5283.92,-1305.76 5551.83,-1305.76 5551.83,-1305.76 5555.79,-1305.76 5559.75,-1309.72 5559.75,-1313.67 5559.75,-1313.67 5559.75,-1321.59 5559.75,-1321.59 5559.75,-1325.55 5555.79,-1329.51 5551.83,-1329.51"/>
+<text text-anchor="middle" x="5417.88" y="-1312.21" font-family="Arial" font-size="14.00" fill="#cfffac">../assets/badges/degenBadgeLargeDark.png</text>
+</g>
+<!-- ../assets/badges/optimismBadge.png -->
+<g id="node27" class="node">
+<title>../assets/badges/optimismBadge.png</title>
+<path fill="none" stroke="#cfffac" d="M5529.33,-1287.51C5529.33,-1287.51 5306.42,-1287.51 5306.42,-1287.51 5302.46,-1287.51 5298.5,-1283.55 5298.5,-1279.59 5298.5,-1279.59 5298.5,-1271.67 5298.5,-1271.67 5298.5,-1267.72 5302.46,-1263.76 5306.42,-1263.76 5306.42,-1263.76 5529.33,-1263.76 5529.33,-1263.76 5533.29,-1263.76 5537.25,-1267.72 5537.25,-1271.67 5537.25,-1271.67 5537.25,-1279.59 5537.25,-1279.59 5537.25,-1283.55 5533.29,-1287.51 5529.33,-1287.51"/>
+<text text-anchor="middle" x="5417.88" y="-1270.21" font-family="Arial" font-size="14.00" fill="#cfffac">../assets/badges/optimismBadge.png</text>
+</g>
+<!-- ../assets/badges/optimismBadgeDark.png -->
+<g id="node28" class="node">
+<title>../assets/badges/optimismBadgeDark.png</title>
+<path fill="none" stroke="#cfffac" d="M5543.58,-1245.51C5543.58,-1245.51 5292.17,-1245.51 5292.17,-1245.51 5288.21,-1245.51 5284.25,-1241.55 5284.25,-1237.59 5284.25,-1237.59 5284.25,-1229.67 5284.25,-1229.67 5284.25,-1225.72 5288.21,-1221.76 5292.17,-1221.76 5292.17,-1221.76 5543.58,-1221.76 5543.58,-1221.76 5547.54,-1221.76 5551.5,-1225.72 5551.5,-1229.67 5551.5,-1229.67 5551.5,-1237.59 5551.5,-1237.59 5551.5,-1241.55 5547.54,-1245.51 5543.58,-1245.51"/>
+<text text-anchor="middle" x="5417.88" y="-1228.21" font-family="Arial" font-size="14.00" fill="#cfffac">../assets/badges/optimismBadgeDark.png</text>
+</g>
+<!-- ../assets/badges/optimismBadgeLarge.png -->
+<g id="node29" class="node">
+<title>../assets/badges/optimismBadgeLarge.png</title>
+<path fill="none" stroke="#cfffac" d="M5546.58,-1203.51C5546.58,-1203.51 5289.17,-1203.51 5289.17,-1203.51 5285.21,-1203.51 5281.25,-1199.55 5281.25,-1195.59 5281.25,-1195.59 5281.25,-1187.67 5281.25,-1187.67 5281.25,-1183.72 5285.21,-1179.76 5289.17,-1179.76 5289.17,-1179.76 5546.58,-1179.76 5546.58,-1179.76 5550.54,-1179.76 5554.5,-1183.72 5554.5,-1187.67 5554.5,-1187.67 5554.5,-1195.59 5554.5,-1195.59 5554.5,-1199.55 5550.54,-1203.51 5546.58,-1203.51"/>
+<text text-anchor="middle" x="5417.88" y="-1186.21" font-family="Arial" font-size="14.00" fill="#cfffac">../assets/badges/optimismBadgeLarge.png</text>
+</g>
+<!-- ../assets/badges/optimismBadgeLargeDark.png -->
+<g id="node30" class="node">
+<title>../assets/badges/optimismBadgeLargeDark.png</title>
+<path fill="none" stroke="#cfffac" d="M5560.83,-1161.51C5560.83,-1161.51 5274.92,-1161.51 5274.92,-1161.51 5270.96,-1161.51 5267,-1157.55 5267,-1153.59 5267,-1153.59 5267,-1145.67 5267,-1145.67 5267,-1141.72 5270.96,-1137.76 5274.92,-1137.76 5274.92,-1137.76 5560.83,-1137.76 5560.83,-1137.76 5564.79,-1137.76 5568.75,-1141.72 5568.75,-1145.67 5568.75,-1145.67 5568.75,-1153.59 5568.75,-1153.59 5568.75,-1157.55 5564.79,-1161.51 5560.83,-1161.51"/>
+<text text-anchor="middle" x="5417.88" y="-1144.21" font-family="Arial" font-size="14.00" fill="#cfffac">../assets/badges/optimismBadgeLargeDark.png</text>
+</g>
+<!-- ../assets/badges/polygonBadge.png -->
+<g id="node31" class="node">
+<title>../assets/badges/polygonBadge.png</title>
+<path fill="none" stroke="#cfffac" d="M5525.21,-1119.51C5525.21,-1119.51 5310.54,-1119.51 5310.54,-1119.51 5306.58,-1119.51 5302.62,-1115.55 5302.62,-1111.59 5302.62,-1111.59 5302.62,-1103.67 5302.62,-1103.67 5302.62,-1099.72 5306.58,-1095.76 5310.54,-1095.76 5310.54,-1095.76 5525.21,-1095.76 5525.21,-1095.76 5529.17,-1095.76 5533.12,-1099.72 5533.12,-1103.67 5533.12,-1103.67 5533.12,-1111.59 5533.12,-1111.59 5533.12,-1115.55 5529.17,-1119.51 5525.21,-1119.51"/>
+<text text-anchor="middle" x="5417.88" y="-1102.21" font-family="Arial" font-size="14.00" fill="#cfffac">../assets/badges/polygonBadge.png</text>
+</g>
+<!-- ../assets/badges/polygonBadgeDark.png -->
+<g id="node32" class="node">
+<title>../assets/badges/polygonBadgeDark.png</title>
+<path fill="none" stroke="#cfffac" d="M5539.46,-1077.51C5539.46,-1077.51 5296.29,-1077.51 5296.29,-1077.51 5292.33,-1077.51 5288.38,-1073.55 5288.38,-1069.59 5288.38,-1069.59 5288.38,-1061.67 5288.38,-1061.67 5288.38,-1057.72 5292.33,-1053.76 5296.29,-1053.76 5296.29,-1053.76 5539.46,-1053.76 5539.46,-1053.76 5543.42,-1053.76 5547.38,-1057.72 5547.38,-1061.67 5547.38,-1061.67 5547.38,-1069.59 5547.38,-1069.59 5547.38,-1073.55 5543.42,-1077.51 5539.46,-1077.51"/>
+<text text-anchor="middle" x="5417.88" y="-1060.21" font-family="Arial" font-size="14.00" fill="#cfffac">../assets/badges/polygonBadgeDark.png</text>
+</g>
+<!-- ../assets/badges/polygonBadgeLarge.png -->
+<g id="node33" class="node">
+<title>../assets/badges/polygonBadgeLarge.png</title>
+<path fill="none" stroke="#cfffac" d="M5542.46,-1035.51C5542.46,-1035.51 5293.29,-1035.51 5293.29,-1035.51 5289.33,-1035.51 5285.38,-1031.55 5285.38,-1027.59 5285.38,-1027.59 5285.38,-1019.67 5285.38,-1019.67 5285.38,-1015.72 5289.33,-1011.76 5293.29,-1011.76 5293.29,-1011.76 5542.46,-1011.76 5542.46,-1011.76 5546.42,-1011.76 5550.38,-1015.72 5550.38,-1019.67 5550.38,-1019.67 5550.38,-1027.59 5550.38,-1027.59 5550.38,-1031.55 5546.42,-1035.51 5542.46,-1035.51"/>
+<text text-anchor="middle" x="5417.88" y="-1018.21" font-family="Arial" font-size="14.00" fill="#cfffac">../assets/badges/polygonBadgeLarge.png</text>
+</g>
+<!-- ../assets/badges/polygonBadgeLargeDark.png -->
+<g id="node34" class="node">
+<title>../assets/badges/polygonBadgeLargeDark.png</title>
+<path fill="none" stroke="#cfffac" d="M5556.71,-993.51C5556.71,-993.51 5279.04,-993.51 5279.04,-993.51 5275.08,-993.51 5271.12,-989.55 5271.12,-985.59 5271.12,-985.59 5271.12,-977.67 5271.12,-977.67 5271.12,-973.72 5275.08,-969.76 5279.04,-969.76 5279.04,-969.76 5556.71,-969.76 5556.71,-969.76 5560.67,-969.76 5564.62,-973.72 5564.62,-977.67 5564.62,-977.67 5564.62,-985.59 5564.62,-985.59 5564.62,-989.55 5560.67,-993.51 5556.71,-993.51"/>
+<text text-anchor="middle" x="5417.88" y="-976.21" font-family="Arial" font-size="14.00" fill="#cfffac">../assets/badges/polygonBadgeLargeDark.png</text>
+</g>
+<!-- ../assets/badges/zoraBadge.png -->
+<g id="node35" class="node">
+<title>../assets/badges/zoraBadge.png</title>
+<path fill="none" stroke="#cfffac" d="M5514.71,-951.51C5514.71,-951.51 5321.04,-951.51 5321.04,-951.51 5317.08,-951.51 5313.12,-947.55 5313.12,-943.59 5313.12,-943.59 5313.12,-935.67 5313.12,-935.67 5313.12,-931.72 5317.08,-927.76 5321.04,-927.76 5321.04,-927.76 5514.71,-927.76 5514.71,-927.76 5518.67,-927.76 5522.62,-931.72 5522.62,-935.67 5522.62,-935.67 5522.62,-943.59 5522.62,-943.59 5522.62,-947.55 5518.67,-951.51 5514.71,-951.51"/>
+<text text-anchor="middle" x="5417.88" y="-934.21" font-family="Arial" font-size="14.00" fill="#cfffac">../assets/badges/zoraBadge.png</text>
+</g>
+<!-- ../assets/badges/zoraBadgeDark.png -->
+<g id="node36" class="node">
+<title>../assets/badges/zoraBadgeDark.png</title>
+<path fill="none" stroke="#cfffac" d="M5528.96,-909.51C5528.96,-909.51 5306.79,-909.51 5306.79,-909.51 5302.83,-909.51 5298.88,-905.55 5298.88,-901.59 5298.88,-901.59 5298.88,-893.67 5298.88,-893.67 5298.88,-889.72 5302.83,-885.76 5306.79,-885.76 5306.79,-885.76 5528.96,-885.76 5528.96,-885.76 5532.92,-885.76 5536.88,-889.72 5536.88,-893.67 5536.88,-893.67 5536.88,-901.59 5536.88,-901.59 5536.88,-905.55 5532.92,-909.51 5528.96,-909.51"/>
+<text text-anchor="middle" x="5417.88" y="-892.21" font-family="Arial" font-size="14.00" fill="#cfffac">../assets/badges/zoraBadgeDark.png</text>
+</g>
+<!-- ../assets/badges/zoraBadgeLarge.png -->
+<g id="node37" class="node">
+<title>../assets/badges/zoraBadgeLarge.png</title>
+<path fill="none" stroke="#cfffac" d="M5531.96,-867.51C5531.96,-867.51 5303.79,-867.51 5303.79,-867.51 5299.83,-867.51 5295.88,-863.55 5295.88,-859.59 5295.88,-859.59 5295.88,-851.67 5295.88,-851.67 5295.88,-847.72 5299.83,-843.76 5303.79,-843.76 5303.79,-843.76 5531.96,-843.76 5531.96,-843.76 5535.92,-843.76 5539.88,-847.72 5539.88,-851.67 5539.88,-851.67 5539.88,-859.59 5539.88,-859.59 5539.88,-863.55 5535.92,-867.51 5531.96,-867.51"/>
+<text text-anchor="middle" x="5417.88" y="-850.21" font-family="Arial" font-size="14.00" fill="#cfffac">../assets/badges/zoraBadgeLarge.png</text>
+</g>
+<!-- ../assets/badges/zoraBadgeLargeDark.png -->
+<g id="node38" class="node">
+<title>../assets/badges/zoraBadgeLargeDark.png</title>
+<path fill="none" stroke="#cfffac" d="M5546.21,-2337.51C5546.21,-2337.51 5289.54,-2337.51 5289.54,-2337.51 5285.58,-2337.51 5281.62,-2333.55 5281.62,-2329.59 5281.62,-2329.59 5281.62,-2321.67 5281.62,-2321.67 5281.62,-2317.72 5285.58,-2313.76 5289.54,-2313.76 5289.54,-2313.76 5546.21,-2313.76 5546.21,-2313.76 5550.17,-2313.76 5554.12,-2317.72 5554.12,-2321.67 5554.12,-2321.67 5554.12,-2329.59 5554.12,-2329.59 5554.12,-2333.55 5550.17,-2337.51 5546.21,-2337.51"/>
+<text text-anchor="middle" x="5417.88" y="-2320.21" font-family="Arial" font-size="14.00" fill="#cfffac">../assets/badges/zoraBadgeLargeDark.png</text>
+</g>
+<!-- ../assets/chartSpinner.png -->
+<g id="node39" class="node">
+<title>../assets/chartSpinner.png</title>
+<path fill="none" stroke="#cfffac" d="M1438.21,-120.51C1438.21,-120.51 1282.04,-120.51 1282.04,-120.51 1278.08,-120.51 1274.12,-116.55 1274.12,-112.59 1274.12,-112.59 1274.12,-104.67 1274.12,-104.67 1274.12,-100.72 1278.08,-96.76 1282.04,-96.76 1282.04,-96.76 1438.21,-96.76 1438.21,-96.76 1442.17,-96.76 1446.12,-100.72 1446.12,-104.67 1446.12,-104.67 1446.12,-112.59 1446.12,-112.59 1446.12,-116.55 1442.17,-120.51 1438.21,-120.51"/>
+<text text-anchor="middle" x="1360.12" y="-103.21" font-family="Arial" font-size="14.00" fill="#cfffac">../assets/chartSpinner.png</text>
+</g>
+<!-- ../assets/family&#45;dropdown&#45;arrow.png -->
+<g id="node40" class="node">
+<title>../assets/family&#45;dropdown&#45;arrow.png</title>
+<path fill="none" stroke="#cfffac" d="M5196.46,-3815.51C5196.46,-3815.51 4978.79,-3815.51 4978.79,-3815.51 4974.83,-3815.51 4970.88,-3811.55 4970.88,-3807.59 4970.88,-3807.59 4970.88,-3799.67 4970.88,-3799.67 4970.88,-3795.72 4974.83,-3791.76 4978.79,-3791.76 4978.79,-3791.76 5196.46,-3791.76 5196.46,-3791.76 5200.42,-3791.76 5204.38,-3795.72 5204.38,-3799.67 5204.38,-3799.67 5204.38,-3807.59 5204.38,-3807.59 5204.38,-3811.55 5200.42,-3815.51 5196.46,-3815.51"/>
+<text text-anchor="middle" x="5087.62" y="-3798.21" font-family="Arial" font-size="14.00" fill="#cfffac">../assets/family&#45;dropdown&#45;arrow.png</text>
+</g>
+<!-- ../assets/swipeToDelete.png -->
+<g id="node41" class="node">
+<title>../assets/swipeToDelete.png</title>
+<path fill="none" stroke="#cfffac" d="M2321.46,-2493.51C2321.46,-2493.51 2153.29,-2493.51 2153.29,-2493.51 2149.33,-2493.51 2145.38,-2489.55 2145.38,-2485.59 2145.38,-2485.59 2145.38,-2477.67 2145.38,-2477.67 2145.38,-2473.72 2149.33,-2469.76 2153.29,-2469.76 2153.29,-2469.76 2321.46,-2469.76 2321.46,-2469.76 2325.42,-2469.76 2329.38,-2473.72 2329.38,-2477.67 2329.38,-2477.67 2329.38,-2485.59 2329.38,-2485.59 2329.38,-2489.55 2325.42,-2493.51 2321.46,-2493.51"/>
+<text text-anchor="middle" x="2237.38" y="-2476.21" font-family="Arial" font-size="14.00" fill="#cfffac">../assets/swipeToDelete.png</text>
+</g>
+<!-- ../assets/swipeToEdit.png -->
+<g id="node42" class="node">
+<title>../assets/swipeToEdit.png</title>
+<path fill="none" stroke="#cfffac" d="M2313.58,-2451.51C2313.58,-2451.51 2161.17,-2451.51 2161.17,-2451.51 2157.21,-2451.51 2153.25,-2447.55 2153.25,-2443.59 2153.25,-2443.59 2153.25,-2435.67 2153.25,-2435.67 2153.25,-2431.72 2157.21,-2427.76 2161.17,-2427.76 2161.17,-2427.76 2313.58,-2427.76 2313.58,-2427.76 2317.54,-2427.76 2321.5,-2431.72 2321.5,-2435.67 2321.5,-2435.67 2321.5,-2443.59 2321.5,-2443.59 2321.5,-2447.55 2317.54,-2451.51 2313.58,-2451.51"/>
+<text text-anchor="middle" x="2237.38" y="-2434.21" font-family="Arial" font-size="14.00" fill="#cfffac">../assets/swipeToEdit.png</text>
+</g>
+<!-- ../components/AddFundsInterstitial.js -->
+<g id="node43" class="node">
+<title>../components/AddFundsInterstitial.js</title>
+<path fill="none" stroke="#c6c5fe" d="M4855.71,-4465.51C4855.71,-4465.51 4633.54,-4465.51 4633.54,-4465.51 4629.58,-4465.51 4625.62,-4461.55 4625.62,-4457.59 4625.62,-4457.59 4625.62,-4449.67 4625.62,-4449.67 4625.62,-4445.72 4629.58,-4441.76 4633.54,-4441.76 4633.54,-4441.76 4855.71,-4441.76 4855.71,-4441.76 4859.67,-4441.76 4863.62,-4445.72 4863.62,-4449.67 4863.62,-4449.67 4863.62,-4457.59 4863.62,-4457.59 4863.62,-4461.55 4859.67,-4465.51 4855.71,-4465.51"/>
+<text text-anchor="middle" x="4744.62" y="-4448.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/AddFundsInterstitial.js</text>
+</g>
+<!-- ../components/layout/index.js -->
+<g id="node44" class="node">
+<title>../components/layout/index.js</title>
+<path fill="none" stroke="#c6c5fe" d="M6535.08,-4387.51C6535.08,-4387.51 6360.17,-4387.51 6360.17,-4387.51 6356.21,-4387.51 6352.25,-4383.55 6352.25,-4379.59 6352.25,-4379.59 6352.25,-4371.67 6352.25,-4371.67 6352.25,-4367.72 6356.21,-4363.76 6360.17,-4363.76 6360.17,-4363.76 6535.08,-4363.76 6535.08,-4363.76 6539.04,-4363.76 6543,-4367.72 6543,-4371.67 6543,-4371.67 6543,-4379.59 6543,-4379.59 6543,-4383.55 6539.04,-4387.51 6535.08,-4387.51"/>
+<text text-anchor="middle" x="6447.62" y="-4370.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/layout/index.js</text>
+</g>
+<!-- ../components/AddFundsInterstitial.js&#45;&gt;../components/layout/index.js -->
+<g id="edge2" class="edge">
+<title>../components/AddFundsInterstitial.js&#45;&gt;../components/layout/index.js</title>
+<path fill="none" stroke="#757575" d="M4863.85,-4454.2C4997.94,-4454.79 5223.13,-4455.63 5416.88,-4455.63 5416.88,-4455.63 5416.88,-4455.63 5757,-4455.63 5978.75,-4455.63 6034.31,-4441.81 6254,-4411.63 6295.24,-4405.97 6341.05,-4397.49 6377.65,-4390.19"/>
+<polygon fill="#757575" stroke="#757575" points="6378.1,-4393.67 6387.22,-4388.27 6376.72,-4386.81 6378.1,-4393.67"/>
+</g>
+<!-- ../components/text/index.js -->
+<g id="node45" class="node">
+<title>../components/text/index.js</title>
+<path fill="none" stroke="#ff6c60" d="M5167.96,-3123.51C5167.96,-3123.51 5007.29,-3123.51 5007.29,-3123.51 5003.33,-3123.51 4999.38,-3119.55 4999.38,-3115.59 4999.38,-3115.59 4999.38,-3107.67 4999.38,-3107.67 4999.38,-3103.72 5003.33,-3099.76 5007.29,-3099.76 5007.29,-3099.76 5167.96,-3099.76 5167.96,-3099.76 5171.92,-3099.76 5175.88,-3103.72 5175.88,-3107.67 5175.88,-3107.67 5175.88,-3115.59 5175.88,-3115.59 5175.88,-3119.55 5171.92,-3123.51 5167.96,-3123.51"/>
+<text text-anchor="middle" x="5087.62" y="-3106.21" font-family="Arial" font-size="14.00" fill="#ff6c60">../components/text/index.js</text>
+</g>
+<!-- ../components/AddFundsInterstitial.js&#45;&gt;../components/text/index.js -->
+<g id="edge3" class="edge">
+<title>../components/AddFundsInterstitial.js&#45;&gt;../components/text/index.js</title>
+<path fill="none" stroke="#757575" d="M4750.68,-4441.32C4772.67,-4387.3 4861.21,-4165.61 4911.25,-3976.63 4933.7,-3891.86 4930.33,-3868.68 4947.25,-3782.63 4997.24,-3528.38 5063.05,-3221.09 5081.58,-3135.02"/>
+<polygon fill="#757575" stroke="#757575" points="5084.96,-3135.95 5083.64,-3125.44 5078.11,-3134.48 5084.96,-3135.95"/>
+</g>
+<!-- ../navigation/Navigation.js -->
+<g id="node46" class="node">
+<title>../navigation/Navigation.js</title>
+<path fill="none" stroke="#cfffac" d="M5164.58,-4507.51C5164.58,-4507.51 5010.67,-4507.51 5010.67,-4507.51 5006.71,-4507.51 5002.75,-4503.55 5002.75,-4499.59 5002.75,-4499.59 5002.75,-4491.67 5002.75,-4491.67 5002.75,-4487.72 5006.71,-4483.76 5010.67,-4483.76 5010.67,-4483.76 5164.58,-4483.76 5164.58,-4483.76 5168.54,-4483.76 5172.5,-4487.72 5172.5,-4491.67 5172.5,-4491.67 5172.5,-4499.59 5172.5,-4499.59 5172.5,-4503.55 5168.54,-4507.51 5164.58,-4507.51"/>
+<text text-anchor="middle" x="5087.62" y="-4490.21" font-family="Arial" font-size="14.00" fill="#cfffac">../navigation/Navigation.js</text>
+</g>
+<!-- ../components/AddFundsInterstitial.js&#45;&gt;../navigation/Navigation.js -->
+<g id="edge4" class="edge">
+<title>../components/AddFundsInterstitial.js&#45;&gt;../navigation/Navigation.js</title>
+<path fill="none" stroke="#757575" d="M4846.09,-4466.01C4891.91,-4471.65 4945.9,-4478.3 4991.11,-4483.87"/>
+<polygon fill="#757575" stroke="#757575" points="4990.55,-4487.32 5000.9,-4485.07 4991.4,-4480.38 4990.55,-4487.32"/>
+</g>
+<!-- ../components/layout/Centered.js -->
+<g id="node224" class="node">
+<title>../components/layout/Centered.js</title>
+<path fill="none" stroke="#c6c5fe" d="M7210.96,-4313.51C7210.96,-4313.51 7012.79,-4313.51 7012.79,-4313.51 7008.83,-4313.51 7004.88,-4309.55 7004.88,-4305.59 7004.88,-4305.59 7004.88,-4297.67 7004.88,-4297.67 7004.88,-4293.72 7008.83,-4289.76 7012.79,-4289.76 7012.79,-4289.76 7210.96,-4289.76 7210.96,-4289.76 7214.92,-4289.76 7218.88,-4293.72 7218.88,-4297.67 7218.88,-4297.67 7218.88,-4305.59 7218.88,-4305.59 7218.88,-4309.55 7214.92,-4313.51 7210.96,-4313.51"/>
+<text text-anchor="middle" x="7111.88" y="-4296.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/layout/Centered.js</text>
+</g>
+<!-- ../components/layout/index.js&#45;&gt;../components/layout/Centered.js -->
+<g id="edge430" class="edge">
+<title>../components/layout/index.js&#45;&gt;../components/layout/Centered.js</title>
+<path fill="none" stroke="#757575" d="M6543.25,-4364.27C6563.74,-4361.44 6585.26,-4358.19 6605.25,-4354.63 6621.39,-4351.76 6625.06,-4349.2 6641.25,-4346.63 6760.38,-4327.76 6897.86,-4315.71 6993.15,-4308.88"/>
+<polygon fill="#757575" stroke="#757575" points="6993.32,-4312.37 7003.05,-4308.18 6992.83,-4305.39 6993.32,-4312.37"/>
+</g>
+<!-- ../components/layout/Flex.js -->
+<g id="node225" class="node">
+<title>../components/layout/Flex.js</title>
+<path fill="none" stroke="#cfffac" d="M7476.33,-4397.51C7476.33,-4397.51 7308.17,-4397.51 7308.17,-4397.51 7304.21,-4397.51 7300.25,-4393.55 7300.25,-4389.59 7300.25,-4389.59 7300.25,-4381.67 7300.25,-4381.67 7300.25,-4377.72 7304.21,-4373.76 7308.17,-4373.76 7308.17,-4373.76 7476.33,-4373.76 7476.33,-4373.76 7480.29,-4373.76 7484.25,-4377.72 7484.25,-4381.67 7484.25,-4381.67 7484.25,-4389.59 7484.25,-4389.59 7484.25,-4393.55 7480.29,-4397.51 7476.33,-4397.51"/>
+<text text-anchor="middle" x="7392.25" y="-4380.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/layout/Flex.js</text>
+</g>
+<!-- ../components/layout/index.js&#45;&gt;../components/layout/Flex.js -->
+<g id="edge434" class="edge">
+<title>../components/layout/index.js&#45;&gt;../components/layout/Flex.js</title>
+<path fill="none" stroke="#757575" d="M6543.19,-4381.52C6566.02,-4378.31 6588.61,-4370.57 6605.25,-4354.63 6671.11,-4291.55 6571.34,-4211.19 6641.25,-4152.63 6737.42,-4072.09 6800.07,-4130.21 6923.5,-4152.63 7082.67,-4181.54 7124.27,-4199.53 7264.25,-4280.63 7305.92,-4304.77 7347.7,-4342.56 7371.43,-4365.62"/>
+<polygon fill="#757575" stroke="#757575" points="7368.66,-4367.8 7378.24,-4372.33 7373.57,-4362.82 7368.66,-4367.8"/>
+</g>
+<!-- ../components/layout/Column.js -->
+<g id="node226" class="node">
+<title>../components/layout/Column.js</title>
+<path fill="none" stroke="#c6c5fe" d="M7206.83,-4609.51C7206.83,-4609.51 7016.92,-4609.51 7016.92,-4609.51 7012.96,-4609.51 7009,-4605.55 7009,-4601.59 7009,-4601.59 7009,-4593.67 7009,-4593.67 7009,-4589.72 7012.96,-4585.76 7016.92,-4585.76 7016.92,-4585.76 7206.83,-4585.76 7206.83,-4585.76 7210.79,-4585.76 7214.75,-4589.72 7214.75,-4593.67 7214.75,-4593.67 7214.75,-4601.59 7214.75,-4601.59 7214.75,-4605.55 7210.79,-4609.51 7206.83,-4609.51"/>
+<text text-anchor="middle" x="7111.88" y="-4592.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/layout/Column.js</text>
+</g>
+<!-- ../components/layout/index.js&#45;&gt;../components/layout/Column.js -->
+<g id="edge431" class="edge">
+<title>../components/layout/index.js&#45;&gt;../components/layout/Column.js</title>
+<path fill="none" stroke="#757575" d="M6454.44,-4387.99C6473.98,-4427.85 6541.7,-4553.07 6641.25,-4598.63 6777.9,-4661.16 6961.21,-4633.14 7053.17,-4612.53"/>
+<polygon fill="#757575" stroke="#757575" points="7053.75,-4615.99 7062.71,-4610.34 7052.18,-4609.17 7053.75,-4615.99"/>
+</g>
+<!-- ../components/layout/ColumnWithDividers.js -->
+<g id="node227" class="node">
+<title>../components/layout/ColumnWithDividers.js</title>
+<path fill="none" stroke="#c6c5fe" d="M6915.58,-4467.51C6915.58,-4467.51 6649.17,-4467.51 6649.17,-4467.51 6645.21,-4467.51 6641.25,-4463.55 6641.25,-4459.59 6641.25,-4459.59 6641.25,-4451.67 6641.25,-4451.67 6641.25,-4447.72 6645.21,-4443.76 6649.17,-4443.76 6649.17,-4443.76 6915.58,-4443.76 6915.58,-4443.76 6919.54,-4443.76 6923.5,-4447.72 6923.5,-4451.67 6923.5,-4451.67 6923.5,-4459.59 6923.5,-4459.59 6923.5,-4463.55 6919.54,-4467.51 6915.58,-4467.51"/>
+<text text-anchor="middle" x="6782.38" y="-4450.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/layout/ColumnWithDividers.js</text>
+</g>
+<!-- ../components/layout/index.js&#45;&gt;../components/layout/ColumnWithDividers.js -->
+<g id="edge432" class="edge">
+<title>../components/layout/index.js&#45;&gt;../components/layout/ColumnWithDividers.js</title>
+<path fill="none" stroke="#757575" d="M6488.57,-4387.96C6527.34,-4399.66 6587.97,-4417.25 6641.25,-4429.63 6659.11,-4433.78 6678.38,-4437.71 6696.74,-4441.2"/>
+<polygon fill="#757575" stroke="#757575" points="6696.07,-4444.63 6706.54,-4443.03 6697.35,-4437.75 6696.07,-4444.63"/>
+</g>
+<!-- ../components/layout/LayoutWithDividers.js -->
+<g id="node228" class="node">
+<title>../components/layout/LayoutWithDividers.js</title>
+<path fill="none" stroke="#c6c5fe" d="M7241.71,-4419.51C7241.71,-4419.51 6982.04,-4419.51 6982.04,-4419.51 6978.08,-4419.51 6974.12,-4415.55 6974.12,-4411.59 6974.12,-4411.59 6974.12,-4403.67 6974.12,-4403.67 6974.12,-4399.72 6978.08,-4395.76 6982.04,-4395.76 6982.04,-4395.76 7241.71,-4395.76 7241.71,-4395.76 7245.67,-4395.76 7249.62,-4399.72 7249.62,-4403.67 7249.62,-4403.67 7249.62,-4411.59 7249.62,-4411.59 7249.62,-4415.55 7245.67,-4419.51 7241.71,-4419.51"/>
+<text text-anchor="middle" x="7111.88" y="-4402.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/layout/LayoutWithDividers.js</text>
+</g>
+<!-- ../components/layout/index.js&#45;&gt;../components/layout/LayoutWithDividers.js -->
+<g id="edge437" class="edge">
+<title>../components/layout/index.js&#45;&gt;../components/layout/LayoutWithDividers.js</title>
+<path fill="none" stroke="#757575" d="M6543.03,-4387.55C6574.25,-4391.05 6609.19,-4394.51 6641.25,-4396.63 6748.57,-4403.73 6869.94,-4406.43 6962.41,-4407.38"/>
+<polygon fill="#757575" stroke="#757575" points="6962.28,-4410.88 6972.31,-4407.48 6962.35,-4403.88 6962.28,-4410.88"/>
+</g>
+<!-- ../components/layout/ColumnWithMargins.js -->
+<g id="node229" class="node">
+<title>../components/layout/ColumnWithMargins.js</title>
+<path fill="none" stroke="#c6c5fe" d="M6915.58,-4547.51C6915.58,-4547.51 6649.17,-4547.51 6649.17,-4547.51 6645.21,-4547.51 6641.25,-4543.55 6641.25,-4539.59 6641.25,-4539.59 6641.25,-4531.67 6641.25,-4531.67 6641.25,-4527.72 6645.21,-4523.76 6649.17,-4523.76 6649.17,-4523.76 6915.58,-4523.76 6915.58,-4523.76 6919.54,-4523.76 6923.5,-4527.72 6923.5,-4531.67 6923.5,-4531.67 6923.5,-4539.59 6923.5,-4539.59 6923.5,-4543.55 6919.54,-4547.51 6915.58,-4547.51"/>
+<text text-anchor="middle" x="6782.38" y="-4530.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/layout/ColumnWithMargins.js</text>
+</g>
+<!-- ../components/layout/index.js&#45;&gt;../components/layout/ColumnWithMargins.js -->
+<g id="edge433" class="edge">
+<title>../components/layout/index.js&#45;&gt;../components/layout/ColumnWithMargins.js</title>
+<path fill="none" stroke="#757575" d="M6461.9,-4387.96C6491.54,-4414.75 6566.44,-4478.39 6641.25,-4509.63 6651.63,-4513.97 6662.74,-4517.58 6674,-4520.6"/>
+<polygon fill="#757575" stroke="#757575" points="6672.8,-4523.91 6683.36,-4522.94 6674.51,-4517.12 6672.8,-4523.91"/>
+</g>
+<!-- ../components/layout/LayoutWithMargins.js -->
+<g id="node230" class="node">
+<title>../components/layout/LayoutWithMargins.js</title>
+<path fill="none" stroke="#c6c5fe" d="M7241.71,-4527.51C7241.71,-4527.51 6982.04,-4527.51 6982.04,-4527.51 6978.08,-4527.51 6974.12,-4523.55 6974.12,-4519.59 6974.12,-4519.59 6974.12,-4511.67 6974.12,-4511.67 6974.12,-4507.72 6978.08,-4503.76 6982.04,-4503.76 6982.04,-4503.76 7241.71,-4503.76 7241.71,-4503.76 7245.67,-4503.76 7249.62,-4507.72 7249.62,-4511.67 7249.62,-4511.67 7249.62,-4519.59 7249.62,-4519.59 7249.62,-4523.55 7245.67,-4527.51 7241.71,-4527.51"/>
+<text text-anchor="middle" x="7111.88" y="-4510.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/layout/LayoutWithMargins.js</text>
+</g>
+<!-- ../components/layout/index.js&#45;&gt;../components/layout/LayoutWithMargins.js -->
+<g id="edge438" class="edge">
+<title>../components/layout/index.js&#45;&gt;../components/layout/LayoutWithMargins.js</title>
+<path fill="none" stroke="#757575" d="M6466.18,-4387.97C6498.86,-4410.19 6571.99,-4456.5 6641.25,-4476.63 6699.51,-4493.57 6847.89,-4503.97 6962.41,-4509.72"/>
+<polygon fill="#757575" stroke="#757575" points="6962.06,-4513.21 6972.22,-4510.21 6962.41,-4506.22 6962.06,-4513.21"/>
+</g>
+<!-- ../components/layout/FlexItem.js -->
+<g id="node231" class="node">
+<title>../components/layout/FlexItem.js</title>
+<path fill="none" stroke="#cfffac" d="M6879.96,-4269.51C6879.96,-4269.51 6684.79,-4269.51 6684.79,-4269.51 6680.83,-4269.51 6676.88,-4265.55 6676.88,-4261.59 6676.88,-4261.59 6676.88,-4253.67 6676.88,-4253.67 6676.88,-4249.72 6680.83,-4245.76 6684.79,-4245.76 6684.79,-4245.76 6879.96,-4245.76 6879.96,-4245.76 6883.92,-4245.76 6887.88,-4249.72 6887.88,-4253.67 6887.88,-4253.67 6887.88,-4261.59 6887.88,-4261.59 6887.88,-4265.55 6883.92,-4269.51 6879.96,-4269.51"/>
+<text text-anchor="middle" x="6782.38" y="-4252.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/layout/FlexItem.js</text>
+</g>
+<!-- ../components/layout/index.js&#45;&gt;../components/layout/FlexItem.js -->
+<g id="edge435" class="edge">
+<title>../components/layout/index.js&#45;&gt;../components/layout/FlexItem.js</title>
+<path fill="none" stroke="#757575" d="M6543.14,-4377.58C6565.07,-4374.24 6587.24,-4367.42 6605.25,-4354.63 6634.1,-4334.15 6612.92,-4304.83 6641.25,-4283.63 6648.8,-4277.98 6657.2,-4273.44 6666.04,-4269.8"/>
+<polygon fill="#757575" stroke="#757575" points="6666.98,-4273.18 6675.17,-4266.45 6664.57,-4266.61 6666.98,-4273.18"/>
+</g>
+<!-- ../components/layout/InnerBorder.js -->
+<g id="node232" class="node">
+<title>../components/layout/InnerBorder.js</title>
+<path fill="none" stroke="#cfffac" d="M6888.96,-4227.51C6888.96,-4227.51 6675.79,-4227.51 6675.79,-4227.51 6671.83,-4227.51 6667.88,-4223.55 6667.88,-4219.59 6667.88,-4219.59 6667.88,-4211.67 6667.88,-4211.67 6667.88,-4207.72 6671.83,-4203.76 6675.79,-4203.76 6675.79,-4203.76 6888.96,-4203.76 6888.96,-4203.76 6892.92,-4203.76 6896.88,-4207.72 6896.88,-4211.67 6896.88,-4211.67 6896.88,-4219.59 6896.88,-4219.59 6896.88,-4223.55 6892.92,-4227.51 6888.96,-4227.51"/>
+<text text-anchor="middle" x="6782.38" y="-4210.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/layout/InnerBorder.js</text>
+</g>
+<!-- ../components/layout/index.js&#45;&gt;../components/layout/InnerBorder.js -->
+<g id="edge436" class="edge">
+<title>../components/layout/index.js&#45;&gt;../components/layout/InnerBorder.js</title>
+<path fill="none" stroke="#757575" d="M6543.16,-4379.96C6565.6,-4376.67 6588,-4369.28 6605.25,-4354.63 6647.05,-4319.14 6599.73,-4272.44 6641.25,-4236.63 6646.08,-4232.46 6651.37,-4228.93 6656.98,-4225.93"/>
+<polygon fill="#757575" stroke="#757575" points="6658.41,-4229.13 6666.01,-4221.75 6655.47,-4222.78 6658.41,-4229.13"/>
+</g>
+<!-- ../components/layout/Page.js -->
+<g id="node233" class="node">
+<title>../components/layout/Page.js</title>
+<path fill="none" stroke="#cfffac" d="M6869.46,-4185.51C6869.46,-4185.51 6695.29,-4185.51 6695.29,-4185.51 6691.33,-4185.51 6687.38,-4181.55 6687.38,-4177.59 6687.38,-4177.59 6687.38,-4169.67 6687.38,-4169.67 6687.38,-4165.72 6691.33,-4161.76 6695.29,-4161.76 6695.29,-4161.76 6869.46,-4161.76 6869.46,-4161.76 6873.42,-4161.76 6877.38,-4165.72 6877.38,-4169.67 6877.38,-4169.67 6877.38,-4177.59 6877.38,-4177.59 6877.38,-4181.55 6873.42,-4185.51 6869.46,-4185.51"/>
+<text text-anchor="middle" x="6782.38" y="-4168.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/layout/Page.js</text>
+</g>
+<!-- ../components/layout/index.js&#45;&gt;../components/layout/Page.js -->
+<g id="edge439" class="edge">
+<title>../components/layout/index.js&#45;&gt;../components/layout/Page.js</title>
+<path fill="none" stroke="#757575" d="M6543.12,-4380.95C6565.82,-4377.71 6588.35,-4370.1 6605.25,-4354.63 6659.01,-4305.41 6587.87,-4244.27 6641.25,-4194.63 6651.1,-4185.47 6663.14,-4179.27 6675.98,-4175.17"/>
+<polygon fill="#757575" stroke="#757575" points="6676.72,-4178.6 6685.46,-4172.6 6674.89,-4171.84 6676.72,-4178.6"/>
+</g>
+<!-- ../components/layout/Row.js -->
+<g id="node234" class="node">
+<title>../components/layout/Row.js</title>
+<path fill="none" stroke="#c6c5fe" d="M7196.33,-4372.51C7196.33,-4372.51 7027.42,-4372.51 7027.42,-4372.51 7023.46,-4372.51 7019.5,-4368.55 7019.5,-4364.59 7019.5,-4364.59 7019.5,-4356.67 7019.5,-4356.67 7019.5,-4352.72 7023.46,-4348.76 7027.42,-4348.76 7027.42,-4348.76 7196.33,-4348.76 7196.33,-4348.76 7200.29,-4348.76 7204.25,-4352.72 7204.25,-4356.67 7204.25,-4356.67 7204.25,-4364.59 7204.25,-4364.59 7204.25,-4368.55 7200.29,-4372.51 7196.33,-4372.51"/>
+<text text-anchor="middle" x="7111.88" y="-4355.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/layout/Row.js</text>
+</g>
+<!-- ../components/layout/index.js&#45;&gt;../components/layout/Row.js -->
+<g id="edge440" class="edge">
+<title>../components/layout/index.js&#45;&gt;../components/layout/Row.js</title>
+<path fill="none" stroke="#757575" d="M6543,-4363.27C6574.22,-4359.74 6609.17,-4356.38 6641.25,-4354.63 6766.51,-4347.82 6798.07,-4352.62 6923.5,-4354.63 6950.96,-4355.07 6980.67,-4355.87 7008.17,-4356.75"/>
+<polygon fill="#757575" stroke="#757575" points="7007.78,-4360.24 7017.88,-4357.07 7008,-4353.24 7007.78,-4360.24"/>
+</g>
+<!-- ../components/layout/RowWithDividers.js -->
+<g id="node235" class="node">
+<title>../components/layout/RowWithDividers.js</title>
+<path fill="none" stroke="#c6c5fe" d="M6905.46,-4387.51C6905.46,-4387.51 6659.29,-4387.51 6659.29,-4387.51 6655.33,-4387.51 6651.38,-4383.55 6651.38,-4379.59 6651.38,-4379.59 6651.38,-4371.67 6651.38,-4371.67 6651.38,-4367.72 6655.33,-4363.76 6659.29,-4363.76 6659.29,-4363.76 6905.46,-4363.76 6905.46,-4363.76 6909.42,-4363.76 6913.38,-4367.72 6913.38,-4371.67 6913.38,-4371.67 6913.38,-4379.59 6913.38,-4379.59 6913.38,-4383.55 6909.42,-4387.51 6905.46,-4387.51"/>
+<text text-anchor="middle" x="6782.38" y="-4370.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/layout/RowWithDividers.js</text>
+</g>
+<!-- ../components/layout/index.js&#45;&gt;../components/layout/RowWithDividers.js -->
+<g id="edge441" class="edge">
+<title>../components/layout/index.js&#45;&gt;../components/layout/RowWithDividers.js</title>
+<path fill="none" stroke="#757575" d="M6543.09,-4375.63C6573.08,-4375.63 6606.93,-4375.63 6639.5,-4375.63"/>
+<polygon fill="#757575" stroke="#757575" points="6639.45,-4379.13 6649.45,-4375.63 6639.45,-4372.13 6639.45,-4379.13"/>
+</g>
+<!-- ../components/layout/RowWithMargins.js -->
+<g id="node236" class="node">
+<title>../components/layout/RowWithMargins.js</title>
+<path fill="none" stroke="#c6c5fe" d="M6905.46,-4589.51C6905.46,-4589.51 6659.29,-4589.51 6659.29,-4589.51 6655.33,-4589.51 6651.38,-4585.55 6651.38,-4581.59 6651.38,-4581.59 6651.38,-4573.67 6651.38,-4573.67 6651.38,-4569.72 6655.33,-4565.76 6659.29,-4565.76 6659.29,-4565.76 6905.46,-4565.76 6905.46,-4565.76 6909.42,-4565.76 6913.38,-4569.72 6913.38,-4573.67 6913.38,-4573.67 6913.38,-4581.59 6913.38,-4581.59 6913.38,-4585.55 6909.42,-4589.51 6905.46,-4589.51"/>
+<text text-anchor="middle" x="6782.38" y="-4572.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/layout/RowWithMargins.js</text>
+</g>
+<!-- ../components/layout/index.js&#45;&gt;../components/layout/RowWithMargins.js -->
+<g id="edge442" class="edge">
+<title>../components/layout/index.js&#45;&gt;../components/layout/RowWithMargins.js</title>
+<path fill="none" stroke="#757575" d="M6457.34,-4387.94C6481.88,-4421.53 6555.37,-4514.98 6641.25,-4556.63 6644.84,-4558.38 6648.55,-4559.98 6652.33,-4561.46"/>
+<polygon fill="#757575" stroke="#757575" points="6651.16,-4564.76 6661.75,-4564.8 6653.5,-4558.16 6651.16,-4564.76"/>
+</g>
+<!-- ../components/text/Text.js -->
+<g id="node148" class="node">
+<title>../components/text/Text.js</title>
+<path fill="none" stroke="#cfffac" d="M5832.58,-3335.51C5832.58,-3335.51 5679.42,-3335.51 5679.42,-3335.51 5675.46,-3335.51 5671.5,-3331.55 5671.5,-3327.59 5671.5,-3327.59 5671.5,-3319.67 5671.5,-3319.67 5671.5,-3315.72 5675.46,-3311.76 5679.42,-3311.76 5679.42,-3311.76 5832.58,-3311.76 5832.58,-3311.76 5836.54,-3311.76 5840.5,-3315.72 5840.5,-3319.67 5840.5,-3319.67 5840.5,-3327.59 5840.5,-3327.59 5840.5,-3331.55 5836.54,-3335.51 5832.58,-3335.51"/>
+<text text-anchor="middle" x="5756" y="-3318.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/text/Text.js</text>
+</g>
+<!-- ../components/text/index.js&#45;&gt;../components/text/Text.js -->
+<g id="edge513" class="edge">
+<title>../components/text/index.js&#45;&gt;../components/text/Text.js</title>
+<path fill="none" stroke="#757575" d="M5093.18,-3123.91C5109.1,-3164.72 5166.6,-3296.03 5264,-3344.63 5332.11,-3378.61 5543.8,-3355.02 5665.84,-3337.61"/>
+<polygon fill="#757575" stroke="#757575" points="5666.1,-3341.11 5675.5,-3336.21 5665.1,-3334.18 5666.1,-3341.11"/>
+</g>
+<!-- ../components/text/Bold.js -->
+<g id="node252" class="node">
+<title>../components/text/Bold.js</title>
+<path fill="none" stroke="#c6c5fe" d="M5495.58,-3335.51C5495.58,-3335.51 5340.17,-3335.51 5340.17,-3335.51 5336.21,-3335.51 5332.25,-3331.55 5332.25,-3327.59 5332.25,-3327.59 5332.25,-3319.67 5332.25,-3319.67 5332.25,-3315.72 5336.21,-3311.76 5340.17,-3311.76 5340.17,-3311.76 5495.58,-3311.76 5495.58,-3311.76 5499.54,-3311.76 5503.5,-3315.72 5503.5,-3319.67 5503.5,-3319.67 5503.5,-3327.59 5503.5,-3327.59 5503.5,-3331.55 5499.54,-3335.51 5495.58,-3335.51"/>
+<text text-anchor="middle" x="5417.88" y="-3318.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/text/Bold.js</text>
+</g>
+<!-- ../components/text/index.js&#45;&gt;../components/text/Bold.js -->
+<g id="edge499" class="edge">
+<title>../components/text/index.js&#45;&gt;../components/text/Bold.js</title>
+<path fill="none" stroke="#757575" d="M5095.46,-3123.67C5115.89,-3158.35 5180.25,-3258.79 5264,-3302.63 5281.34,-3311.71 5301.24,-3317.32 5320.82,-3320.69"/>
+<polygon fill="#757575" stroke="#757575" points="5320.06,-3324.12 5330.47,-3322.16 5321.11,-3317.2 5320.06,-3324.12"/>
+</g>
+<!-- ../components/text/Br.js -->
+<g id="node253" class="node">
+<title>../components/text/Br.js</title>
+<path fill="none" stroke="#cfffac" d="M5488.46,-2919.51C5488.46,-2919.51 5347.29,-2919.51 5347.29,-2919.51 5343.33,-2919.51 5339.38,-2915.55 5339.38,-2911.59 5339.38,-2911.59 5339.38,-2903.67 5339.38,-2903.67 5339.38,-2899.72 5343.33,-2895.76 5347.29,-2895.76 5347.29,-2895.76 5488.46,-2895.76 5488.46,-2895.76 5492.42,-2895.76 5496.38,-2899.72 5496.38,-2903.67 5496.38,-2903.67 5496.38,-2911.59 5496.38,-2911.59 5496.38,-2915.55 5492.42,-2919.51 5488.46,-2919.51"/>
+<text text-anchor="middle" x="5417.88" y="-2902.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/text/Br.js</text>
+</g>
+<!-- ../components/text/index.js&#45;&gt;../components/text/Br.js -->
+<g id="edge500" class="edge">
+<title>../components/text/index.js&#45;&gt;../components/text/Br.js</title>
+<path fill="none" stroke="#757575" d="M5096.37,-3099.61C5118.22,-3066.78 5183.99,-2975.35 5264,-2933.63 5283.52,-2923.46 5306.16,-2917.13 5327.94,-2913.23"/>
+<polygon fill="#757575" stroke="#757575" points="5328.42,-2916.7 5337.73,-2911.64 5327.3,-2909.79 5328.42,-2916.7"/>
+</g>
+<!-- ../components/text/DollarFigure.js -->
+<g id="node254" class="node">
+<title>../components/text/DollarFigure.js</title>
+<path fill="none" stroke="#c6c5fe" d="M5518.83,-3583.51C5518.83,-3583.51 5316.92,-3583.51 5316.92,-3583.51 5312.96,-3583.51 5309,-3579.55 5309,-3575.59 5309,-3575.59 5309,-3567.67 5309,-3567.67 5309,-3563.72 5312.96,-3559.76 5316.92,-3559.76 5316.92,-3559.76 5518.83,-3559.76 5518.83,-3559.76 5522.79,-3559.76 5526.75,-3563.72 5526.75,-3567.67 5526.75,-3567.67 5526.75,-3575.59 5526.75,-3575.59 5526.75,-3579.55 5522.79,-3583.51 5518.83,-3583.51"/>
+<text text-anchor="middle" x="5417.88" y="-3566.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/text/DollarFigure.js</text>
+</g>
+<!-- ../components/text/index.js&#45;&gt;../components/text/DollarFigure.js -->
+<g id="edge501" class="edge">
+<title>../components/text/index.js&#45;&gt;../components/text/DollarFigure.js</title>
+<path fill="none" stroke="#757575" d="M5089.29,-3123.99C5093.18,-3182.84 5118.21,-3436.63 5264,-3550.63 5274.04,-3558.48 5285.62,-3564.14 5297.84,-3568.15"/>
+<polygon fill="#757575" stroke="#757575" points="5296.67,-3571.46 5307.25,-3570.84 5298.6,-3564.73 5296.67,-3571.46"/>
+</g>
+<!-- ../components/text/EmDash.js -->
+<g id="node255" class="node">
+<title>../components/text/EmDash.js</title>
+<path fill="none" stroke="#cfffac" d="M5508.33,-2877.51C5508.33,-2877.51 5327.42,-2877.51 5327.42,-2877.51 5323.46,-2877.51 5319.5,-2873.55 5319.5,-2869.59 5319.5,-2869.59 5319.5,-2861.67 5319.5,-2861.67 5319.5,-2857.72 5323.46,-2853.76 5327.42,-2853.76 5327.42,-2853.76 5508.33,-2853.76 5508.33,-2853.76 5512.29,-2853.76 5516.25,-2857.72 5516.25,-2861.67 5516.25,-2861.67 5516.25,-2869.59 5516.25,-2869.59 5516.25,-2873.55 5512.29,-2877.51 5508.33,-2877.51"/>
+<text text-anchor="middle" x="5417.88" y="-2860.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/text/EmDash.js</text>
+</g>
+<!-- ../components/text/index.js&#45;&gt;../components/text/EmDash.js -->
+<g id="edge502" class="edge">
+<title>../components/text/index.js&#45;&gt;../components/text/EmDash.js</title>
+<path fill="none" stroke="#757575" d="M5093.94,-3099.45C5111.6,-3060.65 5172.37,-2939.41 5264,-2886.63 5277.58,-2878.81 5292.94,-2873.47 5308.55,-2869.88"/>
+<polygon fill="#757575" stroke="#757575" points="5308.8,-2873.4 5317.9,-2867.96 5307.4,-2866.54 5308.8,-2873.4"/>
+</g>
+<!-- ../components/text/Emoji.js -->
+<g id="node256" class="node">
+<title>../components/text/Emoji.js</title>
+<path fill="none" stroke="#c6c5fe" d="M5499.33,-3251.51C5499.33,-3251.51 5336.42,-3251.51 5336.42,-3251.51 5332.46,-3251.51 5328.5,-3247.55 5328.5,-3243.59 5328.5,-3243.59 5328.5,-3235.67 5328.5,-3235.67 5328.5,-3231.72 5332.46,-3227.76 5336.42,-3227.76 5336.42,-3227.76 5499.33,-3227.76 5499.33,-3227.76 5503.29,-3227.76 5507.25,-3231.72 5507.25,-3235.67 5507.25,-3235.67 5507.25,-3243.59 5507.25,-3243.59 5507.25,-3247.55 5503.29,-3251.51 5499.33,-3251.51"/>
+<text text-anchor="middle" x="5417.88" y="-3234.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/text/Emoji.js</text>
+</g>
+<!-- ../components/text/index.js&#45;&gt;../components/text/Emoji.js -->
+<g id="edge503" class="edge">
+<title>../components/text/index.js&#45;&gt;../components/text/Emoji.js</title>
+<path fill="none" stroke="#757575" d="M5103.48,-3123.69C5132.4,-3146.45 5199.15,-3195.53 5264,-3218.63 5280.64,-3224.56 5298.85,-3228.83 5316.72,-3231.89"/>
+<polygon fill="#757575" stroke="#757575" points="5316.17,-3235.35 5326.59,-3233.46 5317.26,-3228.44 5316.17,-3235.35"/>
+</g>
+<!-- ../components/text/EnDash.js -->
+<g id="node257" class="node">
+<title>../components/text/EnDash.js</title>
+<path fill="none" stroke="#cfffac" d="M5506.08,-2835.51C5506.08,-2835.51 5329.67,-2835.51 5329.67,-2835.51 5325.71,-2835.51 5321.75,-2831.55 5321.75,-2827.59 5321.75,-2827.59 5321.75,-2819.67 5321.75,-2819.67 5321.75,-2815.72 5325.71,-2811.76 5329.67,-2811.76 5329.67,-2811.76 5506.08,-2811.76 5506.08,-2811.76 5510.04,-2811.76 5514,-2815.72 5514,-2819.67 5514,-2819.67 5514,-2827.59 5514,-2827.59 5514,-2831.55 5510.04,-2835.51 5506.08,-2835.51"/>
+<text text-anchor="middle" x="5417.88" y="-2818.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/text/EnDash.js</text>
+</g>
+<!-- ../components/text/index.js&#45;&gt;../components/text/EnDash.js -->
+<g id="edge504" class="edge">
+<title>../components/text/index.js&#45;&gt;../components/text/EnDash.js</title>
+<path fill="none" stroke="#757575" d="M5094.82,-3099.54C5119.55,-3051.77 5212.3,-2877.27 5264,-2844.63 5278.03,-2835.78 5294.22,-2829.97 5310.7,-2826.27"/>
+<polygon fill="#757575" stroke="#757575" points="5310.94,-2829.79 5320.07,-2824.42 5309.58,-2822.92 5310.94,-2829.79"/>
+</g>
+<!-- ../components/text/ErrorText.js -->
+<g id="node258" class="node">
+<title>../components/text/ErrorText.js</title>
+<path fill="none" stroke="#ff6c60" d="M5509.46,-2999.51C5509.46,-2999.51 5326.29,-2999.51 5326.29,-2999.51 5322.33,-2999.51 5318.38,-2995.55 5318.38,-2991.59 5318.38,-2991.59 5318.38,-2983.67 5318.38,-2983.67 5318.38,-2979.72 5322.33,-2975.76 5326.29,-2975.76 5326.29,-2975.76 5509.46,-2975.76 5509.46,-2975.76 5513.42,-2975.76 5517.38,-2979.72 5517.38,-2983.67 5517.38,-2983.67 5517.38,-2991.59 5517.38,-2991.59 5517.38,-2995.55 5513.42,-2999.51 5509.46,-2999.51"/>
+<text text-anchor="middle" x="5417.88" y="-2982.21" font-family="Arial" font-size="14.00" fill="#ff6c60">../components/text/ErrorText.js</text>
+</g>
+<!-- ../components/text/index.js&#45;&gt;../components/text/ErrorText.js -->
+<g id="edge505" class="edge">
+<title>../components/text/index.js&#45;&gt;../components/text/ErrorText.js</title>
+<path fill="none" stroke="#757575" d="M5104.48,-3099.36C5134.02,-3077.19 5200.28,-3030.73 5264,-3008.63 5277.61,-3003.91 5292.26,-3000.25 5306.89,-2997.4"/>
+<polygon fill="#757575" stroke="#757575" points="5307.36,-3000.88 5316.58,-2995.65 5306.12,-2993.99 5307.36,-3000.88"/>
+</g>
+<!-- ../components/text/GradientText.js -->
+<g id="node259" class="node">
+<title>../components/text/GradientText.js</title>
+<path fill="none" stroke="#c6c5fe" d="M5520.71,-3293.51C5520.71,-3293.51 5315.04,-3293.51 5315.04,-3293.51 5311.08,-3293.51 5307.12,-3289.55 5307.12,-3285.59 5307.12,-3285.59 5307.12,-3277.67 5307.12,-3277.67 5307.12,-3273.72 5311.08,-3269.76 5315.04,-3269.76 5315.04,-3269.76 5520.71,-3269.76 5520.71,-3269.76 5524.67,-3269.76 5528.62,-3273.72 5528.62,-3277.67 5528.62,-3277.67 5528.62,-3285.59 5528.62,-3285.59 5528.62,-3289.55 5524.67,-3293.51 5520.71,-3293.51"/>
+<text text-anchor="middle" x="5417.88" y="-3276.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/text/GradientText.js</text>
+</g>
+<!-- ../components/text/index.js&#45;&gt;../components/text/GradientText.js -->
+<g id="edge506" class="edge">
+<title>../components/text/index.js&#45;&gt;../components/text/GradientText.js</title>
+<path fill="none" stroke="#757575" d="M5098.54,-3123.89C5123.07,-3153.24 5189.96,-3227.53 5264,-3260.63 5274.09,-3265.14 5284.9,-3268.74 5295.93,-3271.61"/>
+<polygon fill="#757575" stroke="#757575" points="5295,-3274.99 5305.54,-3273.9 5296.62,-3268.18 5295,-3274.99"/>
+</g>
+<!-- ../components/text/H1.js -->
+<g id="node260" class="node">
+<title>../components/text/H1.js</title>
+<path fill="none" stroke="#c6c5fe" d="M5490.71,-3209.51C5490.71,-3209.51 5345.04,-3209.51 5345.04,-3209.51 5341.08,-3209.51 5337.12,-3205.55 5337.12,-3201.59 5337.12,-3201.59 5337.12,-3193.67 5337.12,-3193.67 5337.12,-3189.72 5341.08,-3185.76 5345.04,-3185.76 5345.04,-3185.76 5490.71,-3185.76 5490.71,-3185.76 5494.67,-3185.76 5498.62,-3189.72 5498.62,-3193.67 5498.62,-3193.67 5498.62,-3201.59 5498.62,-3201.59 5498.62,-3205.55 5494.67,-3209.51 5490.71,-3209.51"/>
+<text text-anchor="middle" x="5417.88" y="-3192.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/text/H1.js</text>
+</g>
+<!-- ../components/text/index.js&#45;&gt;../components/text/H1.js -->
+<g id="edge507" class="edge">
+<title>../components/text/index.js&#45;&gt;../components/text/H1.js</title>
+<path fill="none" stroke="#757575" d="M5115.98,-3123.9C5149.99,-3138.66 5210.14,-3163.12 5264,-3176.63 5283.73,-3181.58 5305.21,-3185.44 5325.66,-3188.42"/>
+<polygon fill="#757575" stroke="#757575" points="5325.01,-3191.87 5335.4,-3189.78 5325.98,-3184.93 5325.01,-3191.87"/>
+</g>
+<!-- ../components/text/Label.js -->
+<g id="node261" class="node">
+<title>../components/text/Label.js</title>
+<path fill="none" stroke="#c6c5fe" d="M5498.58,-3125.51C5498.58,-3125.51 5337.17,-3125.51 5337.17,-3125.51 5333.21,-3125.51 5329.25,-3121.55 5329.25,-3117.59 5329.25,-3117.59 5329.25,-3109.67 5329.25,-3109.67 5329.25,-3105.72 5333.21,-3101.76 5337.17,-3101.76 5337.17,-3101.76 5498.58,-3101.76 5498.58,-3101.76 5502.54,-3101.76 5506.5,-3105.72 5506.5,-3109.67 5506.5,-3109.67 5506.5,-3117.59 5506.5,-3117.59 5506.5,-3121.55 5502.54,-3125.51 5498.58,-3125.51"/>
+<text text-anchor="middle" x="5417.88" y="-3108.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/text/Label.js</text>
+</g>
+<!-- ../components/text/index.js&#45;&gt;../components/text/Label.js -->
+<g id="edge508" class="edge">
+<title>../components/text/index.js&#45;&gt;../components/text/Label.js</title>
+<path fill="none" stroke="#757575" d="M5176.16,-3112.17C5219.75,-3112.43 5272.64,-3112.75 5317.73,-3113.03"/>
+<polygon fill="#757575" stroke="#757575" points="5317.48,-3116.53 5327.5,-3113.09 5317.52,-3109.53 5317.48,-3116.53"/>
+</g>
+<!-- ../components/text/MarkdownText.js -->
+<g id="node262" class="node">
+<title>../components/text/MarkdownText.js</title>
+<path fill="none" stroke="#c6c5fe" d="M5525.96,-3083.51C5525.96,-3083.51 5309.79,-3083.51 5309.79,-3083.51 5305.83,-3083.51 5301.88,-3079.55 5301.88,-3075.59 5301.88,-3075.59 5301.88,-3067.67 5301.88,-3067.67 5301.88,-3063.72 5305.83,-3059.76 5309.79,-3059.76 5309.79,-3059.76 5525.96,-3059.76 5525.96,-3059.76 5529.92,-3059.76 5533.88,-3063.72 5533.88,-3067.67 5533.88,-3067.67 5533.88,-3075.59 5533.88,-3075.59 5533.88,-3079.55 5529.92,-3083.51 5525.96,-3083.51"/>
+<text text-anchor="middle" x="5417.88" y="-3066.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/text/MarkdownText.js</text>
+</g>
+<!-- ../components/text/index.js&#45;&gt;../components/text/MarkdownText.js -->
+<g id="edge509" class="edge">
+<title>../components/text/index.js&#45;&gt;../components/text/MarkdownText.js</title>
+<path fill="none" stroke="#757575" d="M5176.16,-3100.97C5215.39,-3096.18 5262.15,-3090.49 5303.97,-3085.39"/>
+<polygon fill="#757575" stroke="#757575" points="5304.33,-3088.87 5313.84,-3084.19 5303.49,-3081.92 5304.33,-3088.87"/>
+</g>
+<!-- ../components/text/Nbsp.js -->
+<g id="node263" class="node">
+<title>../components/text/Nbsp.js</title>
+<path fill="none" stroke="#cfffac" d="M5497.83,-3167.51C5497.83,-3167.51 5337.92,-3167.51 5337.92,-3167.51 5333.96,-3167.51 5330,-3163.55 5330,-3159.59 5330,-3159.59 5330,-3151.67 5330,-3151.67 5330,-3147.72 5333.96,-3143.76 5337.92,-3143.76 5337.92,-3143.76 5497.83,-3143.76 5497.83,-3143.76 5501.79,-3143.76 5505.75,-3147.72 5505.75,-3151.67 5505.75,-3151.67 5505.75,-3159.59 5505.75,-3159.59 5505.75,-3163.55 5501.79,-3167.51 5497.83,-3167.51"/>
+<text text-anchor="middle" x="5417.88" y="-3150.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/text/Nbsp.js</text>
+</g>
+<!-- ../components/text/index.js&#45;&gt;../components/text/Nbsp.js -->
+<g id="edge510" class="edge">
+<title>../components/text/index.js&#45;&gt;../components/text/Nbsp.js</title>
+<path fill="none" stroke="#757575" d="M5176.16,-3123.37C5219.93,-3129.23 5273.07,-3136.36 5318.27,-3142.41"/>
+<polygon fill="#757575" stroke="#757575" points="5317.71,-3145.87 5328.09,-3143.73 5318.64,-3138.93 5317.71,-3145.87"/>
+</g>
+<!-- ../components/text/PlaceholderText.js -->
+<g id="node264" class="node">
+<title>../components/text/PlaceholderText.js</title>
+<path fill="none" stroke="#c6c5fe" d="M5530.08,-3041.51C5530.08,-3041.51 5305.67,-3041.51 5305.67,-3041.51 5301.71,-3041.51 5297.75,-3037.55 5297.75,-3033.59 5297.75,-3033.59 5297.75,-3025.67 5297.75,-3025.67 5297.75,-3021.72 5301.71,-3017.76 5305.67,-3017.76 5305.67,-3017.76 5530.08,-3017.76 5530.08,-3017.76 5534.04,-3017.76 5538,-3021.72 5538,-3025.67 5538,-3025.67 5538,-3033.59 5538,-3033.59 5538,-3037.55 5534.04,-3041.51 5530.08,-3041.51"/>
+<text text-anchor="middle" x="5417.88" y="-3024.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/text/PlaceholderText.js</text>
+</g>
+<!-- ../components/text/index.js&#45;&gt;../components/text/PlaceholderText.js -->
+<g id="edge511" class="edge">
+<title>../components/text/index.js&#45;&gt;../components/text/PlaceholderText.js</title>
+<path fill="none" stroke="#757575" d="M5118.19,-3099.32C5152.62,-3085.46 5211.5,-3063.24 5264,-3050.63 5274.45,-3048.12 5285.38,-3045.88 5296.39,-3043.89"/>
+<polygon fill="#757575" stroke="#757575" points="5296.65,-3047.4 5305.91,-3042.24 5295.46,-3040.5 5296.65,-3047.4"/>
+</g>
+<!-- ../components/text/Smallcaps.js -->
+<g id="node265" class="node">
+<title>../components/text/Smallcaps.js</title>
+<path fill="none" stroke="#c6c5fe" d="M5513.58,-3541.51C5513.58,-3541.51 5322.17,-3541.51 5322.17,-3541.51 5318.21,-3541.51 5314.25,-3537.55 5314.25,-3533.59 5314.25,-3533.59 5314.25,-3525.67 5314.25,-3525.67 5314.25,-3521.72 5318.21,-3517.76 5322.17,-3517.76 5322.17,-3517.76 5513.58,-3517.76 5513.58,-3517.76 5517.54,-3517.76 5521.5,-3521.72 5521.5,-3525.67 5521.5,-3525.67 5521.5,-3533.59 5521.5,-3533.59 5521.5,-3537.55 5517.54,-3541.51 5513.58,-3541.51"/>
+<text text-anchor="middle" x="5417.88" y="-3524.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/text/Smallcaps.js</text>
+</g>
+<!-- ../components/text/index.js&#45;&gt;../components/text/Smallcaps.js -->
+<g id="edge512" class="edge">
+<title>../components/text/index.js&#45;&gt;../components/text/Smallcaps.js</title>
+<path fill="none" stroke="#757575" d="M5089.84,-3123.93C5096.03,-3179.29 5129.19,-3407.07 5264,-3508.63 5275.51,-3517.3 5288.93,-3523.26 5302.95,-3527.25"/>
+<polygon fill="#757575" stroke="#757575" points="5301.75,-3530.56 5312.3,-3529.58 5303.44,-3523.77 5301.75,-3530.56"/>
+</g>
+<!-- ../components/text/TruncatedAddress.js -->
+<g id="node266" class="node">
+<title>../components/text/TruncatedAddress.js</title>
+<path fill="none" stroke="#c6c5fe" d="M5537.21,-3499.51C5537.21,-3499.51 5298.54,-3499.51 5298.54,-3499.51 5294.58,-3499.51 5290.62,-3495.55 5290.62,-3491.59 5290.62,-3491.59 5290.62,-3483.67 5290.62,-3483.67 5290.62,-3479.72 5294.58,-3475.76 5298.54,-3475.76 5298.54,-3475.76 5537.21,-3475.76 5537.21,-3475.76 5541.17,-3475.76 5545.12,-3479.72 5545.12,-3483.67 5545.12,-3483.67 5545.12,-3491.59 5545.12,-3491.59 5545.12,-3495.55 5541.17,-3499.51 5537.21,-3499.51"/>
+<text text-anchor="middle" x="5417.88" y="-3482.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/text/TruncatedAddress.js</text>
+</g>
+<!-- ../components/text/index.js&#45;&gt;../components/text/TruncatedAddress.js -->
+<g id="edge514" class="edge">
+<title>../components/text/index.js&#45;&gt;../components/text/TruncatedAddress.js</title>
+<path fill="none" stroke="#757575" d="M5090.47,-3123.69C5099.04,-3175.07 5139.89,-3377.24 5264,-3466.63 5269.03,-3470.25 5274.39,-3473.39 5280,-3476.1"/>
+<polygon fill="#757575" stroke="#757575" points="5278.36,-3479.21 5288.92,-3479.94 5281.12,-3472.78 5278.36,-3479.21"/>
+</g>
+<!-- ../components/text/TruncatedENS.js -->
+<g id="node267" class="node">
+<title>../components/text/TruncatedENS.js</title>
+<path fill="none" stroke="#c6c5fe" d="M5526.33,-3457.51C5526.33,-3457.51 5309.42,-3457.51 5309.42,-3457.51 5305.46,-3457.51 5301.5,-3453.55 5301.5,-3449.59 5301.5,-3449.59 5301.5,-3441.67 5301.5,-3441.67 5301.5,-3437.72 5305.46,-3433.76 5309.42,-3433.76 5309.42,-3433.76 5526.33,-3433.76 5526.33,-3433.76 5530.29,-3433.76 5534.25,-3437.72 5534.25,-3441.67 5534.25,-3441.67 5534.25,-3449.59 5534.25,-3449.59 5534.25,-3453.55 5530.29,-3457.51 5526.33,-3457.51"/>
+<text text-anchor="middle" x="5417.88" y="-3440.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/text/TruncatedENS.js</text>
+</g>
+<!-- ../components/text/index.js&#45;&gt;../components/text/TruncatedENS.js -->
+<g id="edge515" class="edge">
+<title>../components/text/index.js&#45;&gt;../components/text/TruncatedENS.js</title>
+<path fill="none" stroke="#757575" d="M5091.34,-3123.88C5102.63,-3171.77 5150.77,-3347.45 5264,-3424.63 5272.12,-3430.17 5281.06,-3434.55 5290.4,-3437.99"/>
+<polygon fill="#757575" stroke="#757575" points="5289.08,-3441.24 5299.67,-3441.02 5291.25,-3434.59 5289.08,-3441.24"/>
+</g>
+<!-- ../components/text/TruncatedText.js -->
+<g id="node268" class="node">
+<title>../components/text/TruncatedText.js</title>
+<path fill="none" stroke="#c6c5fe" d="M5524.83,-3415.51C5524.83,-3415.51 5310.92,-3415.51 5310.92,-3415.51 5306.96,-3415.51 5303,-3411.55 5303,-3407.59 5303,-3407.59 5303,-3399.67 5303,-3399.67 5303,-3395.72 5306.96,-3391.76 5310.92,-3391.76 5310.92,-3391.76 5524.83,-3391.76 5524.83,-3391.76 5528.79,-3391.76 5532.75,-3395.72 5532.75,-3399.67 5532.75,-3399.67 5532.75,-3407.59 5532.75,-3407.59 5532.75,-3411.55 5528.79,-3415.51 5524.83,-3415.51"/>
+<text text-anchor="middle" x="5417.88" y="-3398.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/text/TruncatedText.js</text>
+</g>
+<!-- ../components/text/index.js&#45;&gt;../components/text/TruncatedText.js -->
+<g id="edge516" class="edge">
+<title>../components/text/index.js&#45;&gt;../components/text/TruncatedText.js</title>
+<path fill="none" stroke="#757575" d="M5092.7,-3124C5107.62,-3167.19 5163.71,-3312.18 5264,-3377.63 5272.61,-3383.25 5282.05,-3387.77 5291.89,-3391.4"/>
+<polygon fill="#757575" stroke="#757575" points="5290.66,-3394.68 5301.26,-3394.51 5292.87,-3388.04 5290.66,-3394.68"/>
+</g>
+<!-- ../components/TouchableBackdrop.js -->
+<g id="node47" class="node">
+<title>../components/TouchableBackdrop.js</title>
+<path fill="none" stroke="#cfffac" d="M5198.33,-4941.51C5198.33,-4941.51 4976.92,-4941.51 4976.92,-4941.51 4972.96,-4941.51 4969,-4937.55 4969,-4933.59 4969,-4933.59 4969,-4925.67 4969,-4925.67 4969,-4921.72 4972.96,-4917.76 4976.92,-4917.76 4976.92,-4917.76 5198.33,-4917.76 5198.33,-4917.76 5202.29,-4917.76 5206.25,-4921.72 5206.25,-4925.67 5206.25,-4925.67 5206.25,-4933.59 5206.25,-4933.59 5206.25,-4937.55 5202.29,-4941.51 5198.33,-4941.51"/>
+<text text-anchor="middle" x="5087.62" y="-4924.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/TouchableBackdrop.js</text>
+</g>
+<!-- ../components/animations/FlyInAnimation.js -->
+<g id="node48" class="node">
+<title>../components/animations/FlyInAnimation.js</title>
+<path fill="none" stroke="#cfffac" d="M7243.21,-622.51C7243.21,-622.51 6980.54,-622.51 6980.54,-622.51 6976.58,-622.51 6972.62,-618.55 6972.62,-614.59 6972.62,-614.59 6972.62,-606.67 6972.62,-606.67 6972.62,-602.72 6976.58,-598.76 6980.54,-598.76 6980.54,-598.76 7243.21,-598.76 7243.21,-598.76 7247.17,-598.76 7251.12,-602.72 7251.12,-606.67 7251.12,-606.67 7251.12,-614.59 7251.12,-614.59 7251.12,-618.55 7247.17,-622.51 7243.21,-622.51"/>
+<text text-anchor="middle" x="7111.88" y="-605.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/animations/FlyInAnimation.js</text>
+</g>
+<!-- ../components/animations/OpacityToggler.js -->
+<g id="node49" class="node">
+<title>../components/animations/OpacityToggler.js</title>
+<path fill="none" stroke="#cfffac" d="M7243.21,-580.51C7243.21,-580.51 6980.54,-580.51 6980.54,-580.51 6976.58,-580.51 6972.62,-576.55 6972.62,-572.59 6972.62,-572.59 6972.62,-564.67 6972.62,-564.67 6972.62,-560.72 6976.58,-556.76 6980.54,-556.76 6980.54,-556.76 7243.21,-556.76 7243.21,-556.76 7247.17,-556.76 7251.12,-560.72 7251.12,-564.67 7251.12,-564.67 7251.12,-572.59 7251.12,-572.59 7251.12,-576.55 7247.17,-580.51 7243.21,-580.51"/>
+<text text-anchor="middle" x="7111.88" y="-563.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/animations/OpacityToggler.js</text>
+</g>
+<!-- ../components/animations/ShimmerAnimation.js -->
+<g id="node50" class="node">
+<title>../components/animations/ShimmerAnimation.js</title>
+<path fill="none" stroke="#cfffac" d="M7256.33,-538.51C7256.33,-538.51 6967.42,-538.51 6967.42,-538.51 6963.46,-538.51 6959.5,-534.55 6959.5,-530.59 6959.5,-530.59 6959.5,-522.67 6959.5,-522.67 6959.5,-518.72 6963.46,-514.76 6967.42,-514.76 6967.42,-514.76 7256.33,-514.76 7256.33,-514.76 7260.29,-514.76 7264.25,-518.72 7264.25,-522.67 7264.25,-522.67 7264.25,-530.59 7264.25,-530.59 7264.25,-534.55 7260.29,-538.51 7256.33,-538.51"/>
+<text text-anchor="middle" x="7111.88" y="-521.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/animations/ShimmerAnimation.js</text>
+</g>
+<!-- ../components/animations/index.js -->
+<g id="node51" class="node">
+<title>../components/animations/index.js</title>
+<path fill="none" stroke="#c6c5fe" d="M6884.83,-580.51C6884.83,-580.51 6679.92,-580.51 6679.92,-580.51 6675.96,-580.51 6672,-576.55 6672,-572.59 6672,-572.59 6672,-564.67 6672,-564.67 6672,-560.72 6675.96,-556.76 6679.92,-556.76 6679.92,-556.76 6884.83,-556.76 6884.83,-556.76 6888.79,-556.76 6892.75,-560.72 6892.75,-564.67 6892.75,-564.67 6892.75,-572.59 6892.75,-572.59 6892.75,-576.55 6888.79,-580.51 6884.83,-580.51"/>
+<text text-anchor="middle" x="6782.38" y="-563.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/animations/index.js</text>
+</g>
+<!-- ../components/animations/index.js&#45;&gt;../components/animations/FlyInAnimation.js -->
+<g id="edge5" class="edge">
+<title>../components/animations/index.js&#45;&gt;../components/animations/FlyInAnimation.js</title>
+<path fill="none" stroke="#757575" d="M6879.86,-581.01C6918.59,-585.97 6963.38,-591.72 7003.16,-596.82"/>
+<polygon fill="#757575" stroke="#757575" points="7002.64,-600.28 7013.01,-598.08 7003.53,-593.34 7002.64,-600.28"/>
+</g>
+<!-- ../components/animations/index.js&#45;&gt;../components/animations/OpacityToggler.js -->
+<g id="edge6" class="edge">
+<title>../components/animations/index.js&#45;&gt;../components/animations/OpacityToggler.js</title>
+<path fill="none" stroke="#757575" d="M6892.88,-568.63C6914.78,-568.63 6938.13,-568.63 6961.11,-568.63"/>
+<polygon fill="#757575" stroke="#757575" points="6960.84,-572.13 6970.84,-568.63 6960.84,-565.13 6960.84,-572.13"/>
+</g>
+<!-- ../components/animations/index.js&#45;&gt;../components/animations/ShimmerAnimation.js -->
+<g id="edge7" class="edge">
+<title>../components/animations/index.js&#45;&gt;../components/animations/ShimmerAnimation.js</title>
+<path fill="none" stroke="#757575" d="M6879.86,-556.26C6918.59,-551.29 6963.38,-545.55 7003.16,-540.45"/>
+<polygon fill="#757575" stroke="#757575" points="7003.53,-543.93 7013.01,-539.18 7002.64,-536.98 7003.53,-543.93"/>
+</g>
+<!-- ../components/asset&#45;list/AssetList.js -->
+<g id="node52" class="node">
+<title>../components/asset&#45;list/AssetList.js</title>
+<path fill="none" stroke="#c6c5fe" d="M1467.46,-4743.51C1467.46,-4743.51 1252.79,-4743.51 1252.79,-4743.51 1248.83,-4743.51 1244.88,-4739.55 1244.88,-4735.59 1244.88,-4735.59 1244.88,-4727.67 1244.88,-4727.67 1244.88,-4723.72 1248.83,-4719.76 1252.79,-4719.76 1252.79,-4719.76 1467.46,-4719.76 1467.46,-4719.76 1471.42,-4719.76 1475.38,-4723.72 1475.38,-4727.67 1475.38,-4727.67 1475.38,-4735.59 1475.38,-4735.59 1475.38,-4739.55 1471.42,-4743.51 1467.46,-4743.51"/>
+<text text-anchor="middle" x="1360.12" y="-4726.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/asset&#45;list/AssetList.js</text>
+</g>
+<!-- ../components/asset&#45;list/EmptyAssetList.js -->
+<g id="node53" class="node">
+<title>../components/asset&#45;list/EmptyAssetList.js</title>
+<path fill="none" stroke="#c6c5fe" d="M1886.96,-4666.51C1886.96,-4666.51 1633.29,-4666.51 1633.29,-4666.51 1629.33,-4666.51 1625.38,-4662.55 1625.38,-4658.59 1625.38,-4658.59 1625.38,-4650.67 1625.38,-4650.67 1625.38,-4646.72 1629.33,-4642.76 1633.29,-4642.76 1633.29,-4642.76 1886.96,-4642.76 1886.96,-4642.76 1890.92,-4642.76 1894.88,-4646.72 1894.88,-4650.67 1894.88,-4650.67 1894.88,-4658.59 1894.88,-4658.59 1894.88,-4662.55 1890.92,-4666.51 1886.96,-4666.51"/>
+<text text-anchor="middle" x="1760.12" y="-4649.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/asset&#45;list/EmptyAssetList.js</text>
+</g>
+<!-- ../components/asset&#45;list/AssetList.js&#45;&gt;../components/asset&#45;list/EmptyAssetList.js -->
+<g id="edge8" class="edge">
+<title>../components/asset&#45;list/AssetList.js&#45;&gt;../components/asset&#45;list/EmptyAssetList.js</title>
+<path fill="none" stroke="#757575" d="M1425.07,-4719.26C1495.72,-4705.59 1609.35,-4683.61 1684.14,-4669.14"/>
+<polygon fill="#757575" stroke="#757575" points="1684.7,-4672.6 1693.85,-4667.26 1683.37,-4665.72 1684.7,-4672.6"/>
+</g>
+<!-- ../components/fab/index.js -->
+<g id="node54" class="node">
+<title>../components/fab/index.js</title>
+<path fill="none" stroke="#c6c5fe" d="M3818.71,-4625.51C3818.71,-4625.51 3661.04,-4625.51 3661.04,-4625.51 3657.08,-4625.51 3653.12,-4621.55 3653.12,-4617.59 3653.12,-4617.59 3653.12,-4609.67 3653.12,-4609.67 3653.12,-4605.72 3657.08,-4601.76 3661.04,-4601.76 3661.04,-4601.76 3818.71,-4601.76 3818.71,-4601.76 3822.67,-4601.76 3826.62,-4605.72 3826.62,-4609.67 3826.62,-4609.67 3826.62,-4617.59 3826.62,-4617.59 3826.62,-4621.55 3822.67,-4625.51 3818.71,-4625.51"/>
+<text text-anchor="middle" x="3739.88" y="-4608.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/fab/index.js</text>
+</g>
+<!-- ../components/asset&#45;list/AssetList.js&#45;&gt;../components/fab/index.js -->
+<g id="edge9" class="edge">
+<title>../components/asset&#45;list/AssetList.js&#45;&gt;../components/fab/index.js</title>
+<path fill="none" stroke="#757575" d="M1444.07,-4743.98C1491.08,-4750.35 1551.07,-4757.45 1604.75,-4760.63 1742.62,-4768.81 1777.39,-4761.65 1915.5,-4760.63 2627.82,-4755.36 2809.31,-4753.49 3514.75,-4654.63 3566.28,-4647.41 3624.03,-4636.78 3668.01,-4628.16"/>
+<polygon fill="#757575" stroke="#757575" points="3668.55,-4631.62 3677.68,-4626.25 3667.19,-4624.75 3668.55,-4631.62"/>
+</g>
+<!-- ../components/list/index.js -->
+<g id="node55" class="node">
+<title>../components/list/index.js</title>
+<path fill="none" stroke="#c6c5fe" d="M3411.58,-4176.51C3411.58,-4176.51 3256.17,-4176.51 3256.17,-4176.51 3252.21,-4176.51 3248.25,-4172.55 3248.25,-4168.59 3248.25,-4168.59 3248.25,-4160.67 3248.25,-4160.67 3248.25,-4156.72 3252.21,-4152.76 3256.17,-4152.76 3256.17,-4152.76 3411.58,-4152.76 3411.58,-4152.76 3415.54,-4152.76 3419.5,-4156.72 3419.5,-4160.67 3419.5,-4160.67 3419.5,-4168.59 3419.5,-4168.59 3419.5,-4172.55 3415.54,-4176.51 3411.58,-4176.51"/>
+<text text-anchor="middle" x="3333.88" y="-4159.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/list/index.js</text>
+</g>
+<!-- ../components/asset&#45;list/AssetList.js&#45;&gt;../components/list/index.js -->
+<g id="edge10" class="edge">
+<title>../components/asset&#45;list/AssetList.js&#45;&gt;../components/list/index.js</title>
+<path fill="none" stroke="#757575" d="M1475.86,-4738.07C1829.38,-4755.24 2891.69,-4785.97 3117,-4550.63 3189.77,-4474.63 3101.55,-4408.42 3153,-4316.63 3187.65,-4254.82 3257.83,-4207.04 3299.54,-4182.62"/>
+<polygon fill="#757575" stroke="#757575" points="3301.25,-4185.67 3308.19,-4177.67 3297.77,-4179.6 3301.25,-4185.67"/>
+</g>
+<!-- ../components/asset&#45;list/EmptyAssetList.js&#45;&gt;../components/AddFundsInterstitial.js -->
+<g id="edge18" class="edge">
+<title>../components/asset&#45;list/EmptyAssetList.js&#45;&gt;../components/AddFundsInterstitial.js</title>
+<path fill="none" stroke="#757575" d="M1895.17,-4654.07C2047.52,-4652.66 2303.56,-4647.97 2523.25,-4632.63 3166.4,-4587.74 3321.75,-4516.09 3965,-4472.63 4193.03,-4457.23 4459.36,-4453.88 4614.02,-4453.39"/>
+<polygon fill="#757575" stroke="#757575" points="4613.92,-4456.89 4623.91,-4453.36 4613.9,-4449.89 4613.92,-4456.89"/>
+</g>
+<!-- ../components/asset&#45;list/EmptyAssetList.js&#45;&gt;../components/layout/index.js -->
+<g id="edge22" class="edge">
+<title>../components/asset&#45;list/EmptyAssetList.js&#45;&gt;../components/layout/index.js</title>
+<path fill="none" stroke="#757575" d="M1824.32,-4666.97C1861.25,-4673.67 1908.85,-4681.42 1951.5,-4685.63 2969.85,-4786.29 3229.18,-4767.63 4252.5,-4767.63 4252.5,-4767.63 4252.5,-4767.63 5757,-4767.63 5867.78,-4767.63 6161.02,-4788.86 6254,-4728.63 6376.48,-4649.29 6427.37,-4464.17 6441.92,-4398.91"/>
+<polygon fill="#757575" stroke="#757575" points="6445.3,-4399.84 6443.97,-4389.33 6438.46,-4398.37 6445.3,-4399.84"/>
+</g>
+<!-- ../components/asset&#45;list/EmptyAssetList.js&#45;&gt;../components/fab/index.js -->
+<g id="edge21" class="edge">
+<title>../components/asset&#45;list/EmptyAssetList.js&#45;&gt;../components/fab/index.js</title>
+<path fill="none" stroke="#757575" d="M1895.23,-4665.73C1914.11,-4666.94 1933.29,-4667.96 1951.5,-4668.63 2596.47,-4692.32 3372.61,-4641.26 3641.56,-4621.24"/>
+<polygon fill="#757575" stroke="#757575" points="3641.61,-4624.74 3651.32,-4620.51 3641.09,-4617.76 3641.61,-4624.74"/>
+</g>
+<!-- ../components/asset&#45;list/AssetListHeader.js -->
+<g id="node56" class="node">
+<title>../components/asset&#45;list/AssetListHeader.js</title>
+<path fill="none" stroke="#c6c5fe" d="M3088.08,-4098.51C3088.08,-4098.51 2829.92,-4098.51 2829.92,-4098.51 2825.96,-4098.51 2822,-4094.55 2822,-4090.59 2822,-4090.59 2822,-4082.67 2822,-4082.67 2822,-4078.72 2825.96,-4074.76 2829.92,-4074.76 2829.92,-4074.76 3088.08,-4074.76 3088.08,-4074.76 3092.04,-4074.76 3096,-4078.72 3096,-4082.67 3096,-4082.67 3096,-4090.59 3096,-4090.59 3096,-4094.55 3092.04,-4098.51 3088.08,-4098.51"/>
+<text text-anchor="middle" x="2959" y="-4081.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/asset&#45;list/AssetListHeader.js</text>
+</g>
+<!-- ../components/asset&#45;list/EmptyAssetList.js&#45;&gt;../components/asset&#45;list/AssetListHeader.js -->
+<g id="edge19" class="edge">
+<title>../components/asset&#45;list/EmptyAssetList.js&#45;&gt;../components/asset&#45;list/AssetListHeader.js</title>
+<path fill="none" stroke="#757575" d="M1895.23,-4644.71C2113.43,-4628.55 2521.41,-4598.26 2523.25,-4597.63 2645.16,-4555.92 2697.94,-4547.65 2765,-4437.63 2803.39,-4374.64 2749.48,-4160.42 2801,-4107.63 2804.4,-4104.14 2808.09,-4101.04 2812,-4098.28"/>
+<polygon fill="#757575" stroke="#757575" points="2813.52,-4101.45 2820.21,-4093.24 2809.86,-4095.49 2813.52,-4101.45"/>
+</g>
+<!-- ../components/asset&#45;list/AssetListItemSkeleton.js -->
+<g id="node58" class="node">
+<title>../components/asset&#45;list/AssetListItemSkeleton.js</title>
+<path fill="none" stroke="#c6c5fe" d="M2384.46,-4588.51C2384.46,-4588.51 2090.29,-4588.51 2090.29,-4588.51 2086.33,-4588.51 2082.38,-4584.55 2082.38,-4580.59 2082.38,-4580.59 2082.38,-4572.67 2082.38,-4572.67 2082.38,-4568.72 2086.33,-4564.76 2090.29,-4564.76 2090.29,-4564.76 2384.46,-4564.76 2384.46,-4564.76 2388.42,-4564.76 2392.38,-4568.72 2392.38,-4572.67 2392.38,-4572.67 2392.38,-4580.59 2392.38,-4580.59 2392.38,-4584.55 2388.42,-4588.51 2384.46,-4588.51"/>
+<text text-anchor="middle" x="2237.38" y="-4571.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/asset&#45;list/AssetListItemSkeleton.js</text>
+</g>
+<!-- ../components/asset&#45;list/EmptyAssetList.js&#45;&gt;../components/asset&#45;list/AssetListItemSkeleton.js -->
+<g id="edge20" class="edge">
+<title>../components/asset&#45;list/EmptyAssetList.js&#45;&gt;../components/asset&#45;list/AssetListItemSkeleton.js</title>
+<path fill="none" stroke="#757575" d="M1872.09,-4642.29C1886.99,-4638.81 1901.83,-4634.35 1915.5,-4628.63 1933.71,-4621.02 1933.02,-4609.55 1951.5,-4602.63 1988.91,-4588.62 2030.94,-4580.85 2070.99,-4576.78"/>
+<polygon fill="#757575" stroke="#757575" points="2071.09,-4580.29 2080.72,-4575.87 2070.43,-4573.32 2071.09,-4580.29"/>
+</g>
+<!-- ../components/fab/ExchangeFab.js -->
+<g id="node127" class="node">
+<title>../components/fab/ExchangeFab.js</title>
+<path fill="none" stroke="#c6c5fe" d="M4848.96,-4507.51C4848.96,-4507.51 4640.29,-4507.51 4640.29,-4507.51 4636.33,-4507.51 4632.38,-4503.55 4632.38,-4499.59 4632.38,-4499.59 4632.38,-4491.67 4632.38,-4491.67 4632.38,-4487.72 4636.33,-4483.76 4640.29,-4483.76 4640.29,-4483.76 4848.96,-4483.76 4848.96,-4483.76 4852.92,-4483.76 4856.88,-4487.72 4856.88,-4491.67 4856.88,-4491.67 4856.88,-4499.59 4856.88,-4499.59 4856.88,-4503.55 4852.92,-4507.51 4848.96,-4507.51"/>
+<text text-anchor="middle" x="4744.62" y="-4490.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/fab/ExchangeFab.js</text>
+</g>
+<!-- ../components/fab/index.js&#45;&gt;../components/fab/ExchangeFab.js -->
+<g id="edge231" class="edge">
+<title>../components/fab/index.js&#45;&gt;../components/fab/ExchangeFab.js</title>
+<path fill="none" stroke="#757575" d="M3801.7,-4601.27C3838.87,-4593.1 3887.15,-4581.37 3929,-4567.63 3945.47,-4562.22 3948.12,-4556.59 3965,-4552.63 4215.22,-4493.97 4285.82,-4535.13 4542,-4514.63 4567.42,-4512.6 4594.61,-4510.19 4620.54,-4507.79"/>
+<polygon fill="#757575" stroke="#757575" points="4620.82,-4511.28 4630.45,-4506.86 4620.17,-4504.31 4620.82,-4511.28"/>
+</g>
+<!-- ../components/fab/FloatingActionButton.js -->
+<g id="node128" class="node">
+<title>../components/fab/FloatingActionButton.js</title>
+<path fill="none" stroke="#c6c5fe" d="M5212.58,-4549.51C5212.58,-4549.51 4962.67,-4549.51 4962.67,-4549.51 4958.71,-4549.51 4954.75,-4545.55 4954.75,-4541.59 4954.75,-4541.59 4954.75,-4533.67 4954.75,-4533.67 4954.75,-4529.72 4958.71,-4525.76 4962.67,-4525.76 4962.67,-4525.76 5212.58,-4525.76 5212.58,-4525.76 5216.54,-4525.76 5220.5,-4529.72 5220.5,-4533.67 5220.5,-4533.67 5220.5,-4541.59 5220.5,-4541.59 5220.5,-4545.55 5216.54,-4549.51 5212.58,-4549.51"/>
+<text text-anchor="middle" x="5087.62" y="-4532.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/fab/FloatingActionButton.js</text>
+</g>
+<!-- ../components/fab/index.js&#45;&gt;../components/fab/FloatingActionButton.js -->
+<g id="edge234" class="edge">
+<title>../components/fab/index.js&#45;&gt;../components/fab/FloatingActionButton.js</title>
+<path fill="none" stroke="#757575" d="M3827.05,-4618.38C3868.71,-4620.44 3919.44,-4622.62 3965,-4623.63 4221.38,-4629.35 4286.34,-4643.69 4542,-4623.63 4714.01,-4610.13 4913.79,-4573.01 5016.96,-4552.22"/>
+<polygon fill="#757575" stroke="#757575" points="5017.56,-4555.67 5026.67,-4550.26 5016.17,-4548.81 5017.56,-4555.67"/>
+</g>
+<!-- ../components/fab/ExtraStates.js -->
+<g id="node129" class="node">
+<title>../components/fab/ExtraStates.js</title>
+<path fill="none" stroke="#cfffac" d="M4351.08,-4505.51C4351.08,-4505.51 4155.92,-4505.51 4155.92,-4505.51 4151.96,-4505.51 4148,-4501.55 4148,-4497.59 4148,-4497.59 4148,-4489.67 4148,-4489.67 4148,-4485.72 4151.96,-4481.76 4155.92,-4481.76 4155.92,-4481.76 4351.08,-4481.76 4351.08,-4481.76 4355.04,-4481.76 4359,-4485.72 4359,-4489.67 4359,-4489.67 4359,-4497.59 4359,-4497.59 4359,-4501.55 4355.04,-4505.51 4351.08,-4505.51"/>
+<text text-anchor="middle" x="4253.5" y="-4488.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/fab/ExtraStates.js</text>
+</g>
+<!-- ../components/fab/index.js&#45;&gt;../components/fab/ExtraStates.js -->
+<g id="edge232" class="edge">
+<title>../components/fab/index.js&#45;&gt;../components/fab/ExtraStates.js</title>
+<path fill="none" stroke="#757575" d="M3826.89,-4605.26C3860.83,-4598.85 3898.84,-4587.55 3929,-4567.63 3951.25,-4552.94 3941.71,-4532.62 3965,-4519.63 4016.49,-4490.91 4081.38,-4483.1 4136.47,-4483.04"/>
+<polygon fill="#757575" stroke="#757575" points="4136.16,-4486.54 4146.19,-4483.12 4136.22,-4479.54 4136.16,-4486.54"/>
+</g>
+<!-- ../components/fab/FabWrapper.js -->
+<g id="node130" class="node">
+<title>../components/fab/FabWrapper.js</title>
+<path fill="none" stroke="#c6c5fe" d="M4353.33,-4585.51C4353.33,-4585.51 4153.67,-4585.51 4153.67,-4585.51 4149.71,-4585.51 4145.75,-4581.55 4145.75,-4577.59 4145.75,-4577.59 4145.75,-4569.67 4145.75,-4569.67 4145.75,-4565.72 4149.71,-4561.76 4153.67,-4561.76 4153.67,-4561.76 4353.33,-4561.76 4353.33,-4561.76 4357.29,-4561.76 4361.25,-4565.72 4361.25,-4569.67 4361.25,-4569.67 4361.25,-4577.59 4361.25,-4577.59 4361.25,-4581.55 4357.29,-4585.51 4353.33,-4585.51"/>
+<text text-anchor="middle" x="4253.5" y="-4568.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/fab/FabWrapper.js</text>
+</g>
+<!-- ../components/fab/index.js&#45;&gt;../components/fab/FabWrapper.js -->
+<g id="edge233" class="edge">
+<title>../components/fab/index.js&#45;&gt;../components/fab/FabWrapper.js</title>
+<path fill="none" stroke="#757575" d="M3827.09,-4606.89C3911.37,-4600.3 4040.37,-4590.22 4134.22,-4582.88"/>
+<polygon fill="#757575" stroke="#757575" points="4134.28,-4586.39 4143.98,-4582.12 4133.73,-4579.41 4134.28,-4586.39"/>
+</g>
+<!-- ../components/fab/SendFab.js -->
+<g id="node131" class="node">
+<title>../components/fab/SendFab.js</title>
+<path fill="none" stroke="#c6c5fe" d="M4834.71,-4549.51C4834.71,-4549.51 4654.54,-4549.51 4654.54,-4549.51 4650.58,-4549.51 4646.62,-4545.55 4646.62,-4541.59 4646.62,-4541.59 4646.62,-4533.67 4646.62,-4533.67 4646.62,-4529.72 4650.58,-4525.76 4654.54,-4525.76 4654.54,-4525.76 4834.71,-4525.76 4834.71,-4525.76 4838.67,-4525.76 4842.62,-4529.72 4842.62,-4533.67 4842.62,-4533.67 4842.62,-4541.59 4842.62,-4541.59 4842.62,-4545.55 4838.67,-4549.51 4834.71,-4549.51"/>
+<text text-anchor="middle" x="4744.62" y="-4532.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/fab/SendFab.js</text>
+</g>
+<!-- ../components/fab/index.js&#45;&gt;../components/fab/SendFab.js -->
+<g id="edge235" class="edge">
+<title>../components/fab/index.js&#45;&gt;../components/fab/SendFab.js</title>
+<path fill="none" stroke="#757575" d="M3826.85,-4618.63C3974.2,-4625.63 4284.06,-4633.51 4542,-4594.63 4597.24,-4586.31 4658.75,-4567.46 4699.14,-4553.71"/>
+<polygon fill="#757575" stroke="#757575" points="4700.21,-4557.04 4708.52,-4550.47 4697.93,-4550.43 4700.21,-4557.04"/>
+</g>
+<!-- ../components/list/List.js -->
+<g id="node237" class="node">
+<title>../components/list/List.js</title>
+<path fill="none" stroke="#c6c5fe" d="M3811.96,-4113.51C3811.96,-4113.51 3667.79,-4113.51 3667.79,-4113.51 3663.83,-4113.51 3659.88,-4109.55 3659.88,-4105.59 3659.88,-4105.59 3659.88,-4097.67 3659.88,-4097.67 3659.88,-4093.72 3663.83,-4089.76 3667.79,-4089.76 3667.79,-4089.76 3811.96,-4089.76 3811.96,-4089.76 3815.92,-4089.76 3819.88,-4093.72 3819.88,-4097.67 3819.88,-4097.67 3819.88,-4105.59 3819.88,-4105.59 3819.88,-4109.55 3815.92,-4113.51 3811.96,-4113.51"/>
+<text text-anchor="middle" x="3739.88" y="-4096.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/list/List.js</text>
+</g>
+<!-- ../components/list/index.js&#45;&gt;../components/list/List.js -->
+<g id="edge458" class="edge">
+<title>../components/list/index.js&#45;&gt;../components/list/List.js</title>
+<path fill="none" stroke="#757575" d="M3391.47,-4152.32C3434.89,-4143.19 3496.4,-4130.94 3550.75,-4122.63 3582.43,-4117.79 3617.28,-4113.59 3648.28,-4110.24"/>
+<polygon fill="#757575" stroke="#757575" points="3648.43,-4113.75 3658.01,-4109.21 3647.69,-4106.79 3648.43,-4113.75"/>
+</g>
+<!-- ../components/list/ListItem.js -->
+<g id="node238" class="node">
+<title>../components/list/ListItem.js</title>
+<path fill="none" stroke="#c6c5fe" d="M4830.21,-3163.51C4830.21,-3163.51 4659.04,-3163.51 4659.04,-3163.51 4655.08,-3163.51 4651.12,-3159.55 4651.12,-3155.59 4651.12,-3155.59 4651.12,-3147.67 4651.12,-3147.67 4651.12,-3143.72 4655.08,-3139.76 4659.04,-3139.76 4659.04,-3139.76 4830.21,-3139.76 4830.21,-3139.76 4834.17,-3139.76 4838.12,-3143.72 4838.12,-3147.67 4838.12,-3147.67 4838.12,-3155.59 4838.12,-3155.59 4838.12,-3159.55 4834.17,-3163.51 4830.21,-3163.51"/>
+<text text-anchor="middle" x="4744.62" y="-3146.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/list/ListItem.js</text>
+</g>
+<!-- ../components/list/index.js&#45;&gt;../components/list/ListItem.js -->
+<g id="edge461" class="edge">
+<title>../components/list/index.js&#45;&gt;../components/list/ListItem.js</title>
+<path fill="none" stroke="#757575" d="M3370.33,-4152.36C3412.68,-4135.65 3481.9,-4101.4 3514.75,-4046.63 3605.89,-3894.7 3479.13,-3811.68 3550.75,-3649.63 3660.9,-3400.39 3718.92,-3314.68 3965,-3197.63 4081.41,-3142.26 4455.33,-3143.81 4639.35,-3148.24"/>
+<polygon fill="#757575" stroke="#757575" points="4639.05,-3151.73 4649.14,-3148.48 4639.23,-3144.73 4639.05,-3151.73"/>
+</g>
+<!-- ../components/list/ListItemDivider.js -->
+<g id="node239" class="node">
+<title>../components/list/ListItemDivider.js</title>
+<path fill="none" stroke="#cfffac" d="M4359.71,-4193.51C4359.71,-4193.51 4147.29,-4193.51 4147.29,-4193.51 4143.33,-4193.51 4139.38,-4189.55 4139.38,-4185.59 4139.38,-4185.59 4139.38,-4177.67 4139.38,-4177.67 4139.38,-4173.72 4143.33,-4169.76 4147.29,-4169.76 4147.29,-4169.76 4359.71,-4169.76 4359.71,-4169.76 4363.67,-4169.76 4367.62,-4173.72 4367.62,-4177.67 4367.62,-4177.67 4367.62,-4185.59 4367.62,-4185.59 4367.62,-4189.55 4363.67,-4193.51 4359.71,-4193.51"/>
+<text text-anchor="middle" x="4253.5" y="-4176.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/list/ListItemDivider.js</text>
+</g>
+<!-- ../components/list/index.js&#45;&gt;../components/list/ListItemDivider.js -->
+<g id="edge463" class="edge">
+<title>../components/list/index.js&#45;&gt;../components/list/ListItemDivider.js</title>
+<path fill="none" stroke="#757575" d="M3383.78,-4176.94C3427.28,-4187.21 3492.79,-4201.05 3550.75,-4206.63 3718.09,-4222.76 3761.01,-4213.11 3929,-4206.63 3994.7,-4204.1 4067.75,-4198.68 4127.78,-4193.53"/>
+<polygon fill="#757575" stroke="#757575" points="4128.05,-4197.02 4137.71,-4192.67 4127.44,-4190.04 4128.05,-4197.02"/>
+</g>
+<!-- ../components/list/ListFooter.js -->
+<g id="node240" class="node">
+<title>../components/list/ListFooter.js</title>
+<path fill="none" stroke="#cfffac" d="M3831.08,-4197.51C3831.08,-4197.51 3648.67,-4197.51 3648.67,-4197.51 3644.71,-4197.51 3640.75,-4193.55 3640.75,-4189.59 3640.75,-4189.59 3640.75,-4181.67 3640.75,-4181.67 3640.75,-4177.72 3644.71,-4173.76 3648.67,-4173.76 3648.67,-4173.76 3831.08,-4173.76 3831.08,-4173.76 3835.04,-4173.76 3839,-4177.72 3839,-4181.67 3839,-4181.67 3839,-4189.59 3839,-4189.59 3839,-4193.55 3835.04,-4197.51 3831.08,-4197.51"/>
+<text text-anchor="middle" x="3739.88" y="-4180.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/list/ListFooter.js</text>
+</g>
+<!-- ../components/list/index.js&#45;&gt;../components/list/ListFooter.js -->
+<g id="edge459" class="edge">
+<title>../components/list/index.js&#45;&gt;../components/list/ListFooter.js</title>
+<path fill="none" stroke="#757575" d="M3419.57,-4169.03C3480.48,-4172.2 3563.18,-4176.5 3629.15,-4179.93"/>
+<polygon fill="#757575" stroke="#757575" points="3628.74,-4183.41 3638.91,-4180.44 3629.11,-4176.42 3628.74,-4183.41"/>
+</g>
+<!-- ../components/list/ListHeader.js -->
+<g id="node241" class="node">
+<title>../components/list/ListHeader.js</title>
+<path fill="none" stroke="#c6c5fe" d="M3833.71,-3682.51C3833.71,-3682.51 3646.04,-3682.51 3646.04,-3682.51 3642.08,-3682.51 3638.12,-3678.55 3638.12,-3674.59 3638.12,-3674.59 3638.12,-3666.67 3638.12,-3666.67 3638.12,-3662.72 3642.08,-3658.76 3646.04,-3658.76 3646.04,-3658.76 3833.71,-3658.76 3833.71,-3658.76 3837.67,-3658.76 3841.62,-3662.72 3841.62,-3666.67 3841.62,-3666.67 3841.62,-3674.59 3841.62,-3674.59 3841.62,-3678.55 3837.67,-3682.51 3833.71,-3682.51"/>
+<text text-anchor="middle" x="3739.88" y="-3665.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/list/ListHeader.js</text>
+</g>
+<!-- ../components/list/index.js&#45;&gt;../components/list/ListHeader.js -->
+<g id="edge460" class="edge">
+<title>../components/list/index.js&#45;&gt;../components/list/ListHeader.js</title>
+<path fill="none" stroke="#757575" d="M3361.04,-4152.29C3398.6,-4133.58 3468.38,-4095.05 3514.75,-4046.63 3623.89,-3932.69 3703.42,-3756.25 3729.58,-3693.64"/>
+<polygon fill="#757575" stroke="#757575" points="3732.81,-3694.97 3733.39,-3684.39 3726.34,-3692.3 3732.81,-3694.97"/>
+</g>
+<!-- ../components/list/ListItemArrowGroup.js -->
+<g id="node243" class="node">
+<title>../components/list/ListItemArrowGroup.js</title>
+<path fill="none" stroke="#c6c5fe" d="M4866.96,-3925.51C4866.96,-3925.51 4622.29,-3925.51 4622.29,-3925.51 4618.33,-3925.51 4614.38,-3921.55 4614.38,-3917.59 4614.38,-3917.59 4614.38,-3909.67 4614.38,-3909.67 4614.38,-3905.72 4618.33,-3901.76 4622.29,-3901.76 4622.29,-3901.76 4866.96,-3901.76 4866.96,-3901.76 4870.92,-3901.76 4874.88,-3905.72 4874.88,-3909.67 4874.88,-3909.67 4874.88,-3917.59 4874.88,-3917.59 4874.88,-3921.55 4870.92,-3925.51 4866.96,-3925.51"/>
+<text text-anchor="middle" x="4744.62" y="-3908.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/list/ListItemArrowGroup.js</text>
+</g>
+<!-- ../components/list/index.js&#45;&gt;../components/list/ListItemArrowGroup.js -->
+<g id="edge462" class="edge">
+<title>../components/list/index.js&#45;&gt;../components/list/ListItemArrowGroup.js</title>
+<path fill="none" stroke="#757575" d="M3368.3,-4176.98C3410.23,-4191.75 3484.65,-4215.62 3550.75,-4224.63 3718.86,-4247.56 4540,-4204.45 4542,-4202.63 4631.03,-4121.9 4492.7,-4019.3 4578,-3934.63 4585.48,-3927.21 4594.17,-3921.47 4603.59,-3917.09"/>
+<polygon fill="#757575" stroke="#757575" points="4604.7,-3920.41 4612.66,-3913.42 4602.07,-3913.93 4604.7,-3920.41"/>
+</g>
+<!-- ../components/list/MarqueeList.js -->
+<g id="node244" class="node">
+<title>../components/list/MarqueeList.js</title>
+<path fill="none" stroke="#cfffac" d="M3838.96,-4155.51C3838.96,-4155.51 3640.79,-4155.51 3640.79,-4155.51 3636.83,-4155.51 3632.88,-4151.55 3632.88,-4147.59 3632.88,-4147.59 3632.88,-4139.67 3632.88,-4139.67 3632.88,-4135.72 3636.83,-4131.76 3640.79,-4131.76 3640.79,-4131.76 3838.96,-4131.76 3838.96,-4131.76 3842.92,-4131.76 3846.88,-4135.72 3846.88,-4139.67 3846.88,-4139.67 3846.88,-4147.59 3846.88,-4147.59 3846.88,-4151.55 3842.92,-4155.51 3838.96,-4155.51"/>
+<text text-anchor="middle" x="3739.88" y="-4138.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/list/MarqueeList.js</text>
+</g>
+<!-- ../components/list/index.js&#45;&gt;../components/list/MarqueeList.js -->
+<g id="edge464" class="edge">
+<title>../components/list/index.js&#45;&gt;../components/list/MarqueeList.js</title>
+<path fill="none" stroke="#757575" d="M3419.57,-4160.23C3478.06,-4157.19 3556.65,-4153.1 3621.22,-4149.75"/>
+<polygon fill="#757575" stroke="#757575" points="3621.37,-4153.24 3631.18,-4149.23 3621.01,-4146.25 3621.37,-4153.24"/>
+</g>
+<!-- ../components/asset&#45;list/AssetListHeader.js&#45;&gt;../components/layout/index.js -->
+<g id="edge13" class="edge">
+<title>../components/asset&#45;list/AssetListHeader.js&#45;&gt;../components/layout/index.js</title>
+<path fill="none" stroke="#757575" d="M3096.5,-4093.57C3103.91,-4097.31 3110.84,-4101.94 3117,-4107.63 3172.49,-4158.82 3097.14,-4222.85 3153,-4273.63 3272.81,-4382.54 3400.58,-4201.83 3514.75,-4316.63 3615.04,-4417.49 3446.44,-4537.93 3550.75,-4634.63 3675.98,-4750.73 4915.85,-4691.63 5086.62,-4691.63 5086.62,-4691.63 5086.62,-4691.63 5757,-4691.63 5979.55,-4691.63 6061.2,-4741.79 6254,-4630.63 6350.52,-4574.98 6414.14,-4449.73 6437.09,-4398.32"/>
+<polygon fill="#757575" stroke="#757575" points="6440.2,-4399.93 6440.99,-4389.37 6433.78,-4397.14 6440.2,-4399.93"/>
+</g>
+<!-- ../components/asset&#45;list/AssetListHeader.js&#45;&gt;../components/text/index.js -->
+<g id="edge15" class="edge">
+<title>../components/asset&#45;list/AssetListHeader.js&#45;&gt;../components/text/index.js</title>
+<path fill="none" stroke="#757575" d="M2962.51,-4074.3C2974.06,-4020.64 3026.99,-3805.08 3153,-3689.63 3292.54,-3561.79 3365.79,-3577.7 3550.75,-3537.63 3624.76,-3521.6 4847.88,-3495.09 4911.25,-3453.63 5027.47,-3377.6 5070.63,-3199.15 5082.71,-3135.06"/>
+<polygon fill="#757575" stroke="#757575" points="5086.14,-3135.79 5084.46,-3125.33 5079.25,-3134.55 5086.14,-3135.79"/>
+</g>
+<!-- ../components/asset&#45;list/AssetListHeader.js&#45;&gt;../components/animations/index.js -->
+<g id="edge11" class="edge">
+<title>../components/asset&#45;list/AssetListHeader.js&#45;&gt;../components/animations/index.js</title>
+<path fill="none" stroke="#757575" d="M2962.41,-4074.3C2978.87,-3989.47 3075.37,-3483.36 3117,-3066.63 3151.28,-2723.52 3081.52,-2628.96 3153,-2291.63 3301.81,-1589.44 3021.09,-786.63 3738.88,-786.63 3738.88,-786.63 3738.88,-786.63 4254.5,-786.63 4327.5,-786.63 4853.56,-812.37 4911.25,-767.63 4956.93,-732.2 4901.69,-678.23 4947.25,-642.63 5029.54,-578.33 5312.45,-625.63 5416.88,-625.63 5416.88,-625.63 5416.88,-625.63 6098.12,-625.63 6323.93,-625.63 6380.66,-618.03 6605.25,-594.63 6634.97,-591.54 6667.36,-587.07 6696.16,-582.71"/>
+<polygon fill="#757575" stroke="#757575" points="6696.58,-586.19 6705.93,-581.21 6695.52,-579.27 6696.58,-586.19"/>
+</g>
+<!-- ../components/asset&#45;list/AssetListHeader.js&#45;&gt;../components/list/index.js -->
+<g id="edge14" class="edge">
+<title>../components/asset&#45;list/AssetListHeader.js&#45;&gt;../components/list/index.js</title>
+<path fill="none" stroke="#757575" d="M3067.17,-4098.95C3083.91,-4101.46 3100.97,-4104.35 3117,-4107.63 3133.27,-4110.96 3136.97,-4113.31 3153,-4117.63 3193.21,-4128.47 3238.59,-4140.32 3273.7,-4149.41"/>
+<polygon fill="#757575" stroke="#757575" points="3272.7,-4152.77 3283.26,-4151.89 3274.45,-4145.99 3272.7,-4152.77"/>
+</g>
+<!-- ../components/icons/index.js -->
+<g id="node57" class="node">
+<title>../components/icons/index.js</title>
+<path fill="none" stroke="#ff6c60" d="M5841.21,-2681.51C5841.21,-2681.51 5670.79,-2681.51 5670.79,-2681.51 5666.83,-2681.51 5662.88,-2677.55 5662.88,-2673.59 5662.88,-2673.59 5662.88,-2665.67 5662.88,-2665.67 5662.88,-2661.72 5666.83,-2657.76 5670.79,-2657.76 5670.79,-2657.76 5841.21,-2657.76 5841.21,-2657.76 5845.17,-2657.76 5849.12,-2661.72 5849.12,-2665.67 5849.12,-2665.67 5849.12,-2673.59 5849.12,-2673.59 5849.12,-2677.55 5845.17,-2681.51 5841.21,-2681.51"/>
+<text text-anchor="middle" x="5756" y="-2664.21" font-family="Arial" font-size="14.00" fill="#ff6c60">../components/icons/index.js</text>
+</g>
+<!-- ../components/asset&#45;list/AssetListHeader.js&#45;&gt;../components/icons/index.js -->
+<g id="edge12" class="edge">
+<title>../components/asset&#45;list/AssetListHeader.js&#45;&gt;../components/icons/index.js</title>
+<path fill="none" stroke="#757575" d="M2962.35,-4074.29C2978.4,-3989.42 3072.68,-3483.09 3117,-3066.63 3124.14,-2999.56 3108.54,-2511.36 3153,-2460.63 3411.53,-2165.6 4525.1,-2234.59 4911.25,-2303.63 4913.56,-2304.04 5225.83,-2419.75 5228,-2420.63 5244.22,-2427.22 5247.96,-2429.6 5264,-2436.63 5400.47,-2496.45 5438.77,-2502.42 5571.75,-2569.63 5588.28,-2577.99 5591.59,-2581.59 5607.75,-2590.63 5646.47,-2612.31 5691.49,-2636.28 5721.46,-2652.07"/>
+<polygon fill="#757575" stroke="#757575" points="5719.58,-2655.04 5730.06,-2656.6 5722.84,-2648.84 5719.58,-2655.04"/>
+</g>
+<!-- ../components/icons/Icon.js -->
+<g id="node147" class="node">
+<title>../components/icons/Icon.js</title>
+<path fill="none" stroke="#ff6c60" d="M6178.96,-2707.51C6178.96,-2707.51 6015.29,-2707.51 6015.29,-2707.51 6011.33,-2707.51 6007.38,-2703.55 6007.38,-2699.59 6007.38,-2699.59 6007.38,-2691.67 6007.38,-2691.67 6007.38,-2687.72 6011.33,-2683.76 6015.29,-2683.76 6015.29,-2683.76 6178.96,-2683.76 6178.96,-2683.76 6182.92,-2683.76 6186.88,-2687.72 6186.88,-2691.67 6186.88,-2691.67 6186.88,-2699.59 6186.88,-2699.59 6186.88,-2703.55 6182.92,-2707.51 6178.96,-2707.51"/>
+<text text-anchor="middle" x="6097.12" y="-2690.21" font-family="Arial" font-size="14.00" fill="#ff6c60">../components/icons/Icon.js</text>
+</g>
+<!-- ../components/icons/index.js&#45;&gt;../components/icons/Icon.js -->
+<g id="edge352" class="edge">
+<title>../components/icons/index.js&#45;&gt;../components/icons/Icon.js</title>
+<path fill="none" stroke="#757575" d="M5849.22,-2676.7C5894.61,-2680.18 5949.41,-2684.38 5995.84,-2687.94"/>
+<polygon fill="#757575" stroke="#757575" points="5995.4,-2691.42 6005.63,-2688.69 5995.93,-2684.44 5995.4,-2691.42"/>
+</g>
+<!-- ../components/icons/Svg.js -->
+<g id="node222" class="node">
+<title>../components/icons/Svg.js</title>
+<path fill="none" stroke="#cfffac" d="M6863.08,-3043.51C6863.08,-3043.51 6701.67,-3043.51 6701.67,-3043.51 6697.71,-3043.51 6693.75,-3039.55 6693.75,-3035.59 6693.75,-3035.59 6693.75,-3027.67 6693.75,-3027.67 6693.75,-3023.72 6697.71,-3019.76 6701.67,-3019.76 6701.67,-3019.76 6863.08,-3019.76 6863.08,-3019.76 6867.04,-3019.76 6871,-3023.72 6871,-3027.67 6871,-3027.67 6871,-3035.59 6871,-3035.59 6871,-3039.55 6867.04,-3043.51 6863.08,-3043.51"/>
+<text text-anchor="middle" x="6782.38" y="-3026.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/icons/Svg.js</text>
+</g>
+<!-- ../components/icons/index.js&#45;&gt;../components/icons/Svg.js -->
+<g id="edge353" class="edge">
+<title>../components/icons/index.js&#45;&gt;../components/icons/Svg.js</title>
+<path fill="none" stroke="#757575" d="M5795.98,-2657.27C5829.3,-2644.78 5876.18,-2622.32 5904.25,-2587.63 6271.81,-2133.32 5820.06,-1677.99 6290,-1330.63 6402.67,-1247.35 6501.2,-1236.8 6605.25,-1330.63 6736.11,-1448.65 6775.73,-2810.77 6780.79,-3007.91"/>
+<polygon fill="#757575" stroke="#757575" points="6777.29,-3007.98 6781.05,-3017.89 6784.29,-3007.8 6777.29,-3007.98"/>
+</g>
+<!-- ../components/asset&#45;list/AssetListItemSkeleton.js&#45;&gt;../components/layout/index.js -->
+<g id="edge17" class="edge">
+<title>../components/asset&#45;list/AssetListItemSkeleton.js&#45;&gt;../components/layout/index.js</title>
+<path fill="none" stroke="#757575" d="M2359.36,-4588.98C2640.72,-4617.14 3361.07,-4685.92 3965,-4715.63 4310.69,-4732.64 4397.51,-4729.63 4743.62,-4729.63 4743.62,-4729.63 4743.62,-4729.63 5757,-4729.63 5978.96,-4729.63 6065.11,-4797.19 6254,-4680.63 6363.7,-4612.94 6421.52,-4456.95 6439.97,-4398.39"/>
+<polygon fill="#757575" stroke="#757575" points="6443.21,-4399.77 6442.78,-4389.18 6436.51,-4397.72 6443.21,-4399.77"/>
+</g>
+<!-- ../components/coin&#45;row/index.js -->
+<g id="node59" class="node">
+<title>../components/coin&#45;row/index.js</title>
+<path fill="none" stroke="#c6c5fe" d="M2757.08,-2687.51C2757.08,-2687.51 2567.17,-2687.51 2567.17,-2687.51 2563.21,-2687.51 2559.25,-2683.55 2559.25,-2679.59 2559.25,-2679.59 2559.25,-2671.67 2559.25,-2671.67 2559.25,-2667.72 2563.21,-2663.76 2567.17,-2663.76 2567.17,-2663.76 2757.08,-2663.76 2757.08,-2663.76 2761.04,-2663.76 2765,-2667.72 2765,-2671.67 2765,-2671.67 2765,-2679.59 2765,-2679.59 2765,-2683.55 2761.04,-2687.51 2757.08,-2687.51"/>
+<text text-anchor="middle" x="2662.12" y="-2670.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/coin&#45;row/index.js</text>
+</g>
+<!-- ../components/asset&#45;list/AssetListItemSkeleton.js&#45;&gt;../components/coin&#45;row/index.js -->
+<g id="edge16" class="edge">
+<title>../components/asset&#45;list/AssetListItemSkeleton.js&#45;&gt;../components/coin&#45;row/index.js</title>
+<path fill="none" stroke="#757575" d="M2392.65,-4580.57C2441.64,-4573.49 2491.33,-4555.95 2523.25,-4517.63 2579.91,-4449.62 2541.19,-3011.29 2559.25,-2924.63 2577.58,-2836.7 2625.86,-2740.36 2648.75,-2697.87"/>
+<polygon fill="#757575" stroke="#757575" points="2651.8,-2699.59 2653.51,-2689.14 2645.65,-2696.24 2651.8,-2699.59"/>
+</g>
+<!-- ../components/coin&#45;row/BottomRowText.js -->
+<g id="node79" class="node">
+<title>../components/coin&#45;row/BottomRowText.js</title>
+<path fill="none" stroke="#c6c5fe" d="M3460.33,-2767.51C3460.33,-2767.51 3207.42,-2767.51 3207.42,-2767.51 3203.46,-2767.51 3199.5,-2763.55 3199.5,-2759.59 3199.5,-2759.59 3199.5,-2751.67 3199.5,-2751.67 3199.5,-2747.72 3203.46,-2743.76 3207.42,-2743.76 3207.42,-2743.76 3460.33,-2743.76 3460.33,-2743.76 3464.29,-2743.76 3468.25,-2747.72 3468.25,-2751.67 3468.25,-2751.67 3468.25,-2759.59 3468.25,-2759.59 3468.25,-2763.55 3464.29,-2767.51 3460.33,-2767.51"/>
+<text text-anchor="middle" x="3333.88" y="-2750.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/coin&#45;row/BottomRowText.js</text>
+</g>
+<!-- ../components/coin&#45;row/index.js&#45;&gt;../components/coin&#45;row/BottomRowText.js -->
+<g id="edge125" class="edge">
+<title>../components/coin&#45;row/index.js&#45;&gt;../components/coin&#45;row/BottomRowText.js</title>
+<path fill="none" stroke="#757575" d="M2765.23,-2672.32C2857.69,-2671 2997.33,-2673.23 3117,-2692.63 3178.16,-2702.54 3246.44,-2724.38 3289.52,-2739.54"/>
+<polygon fill="#757575" stroke="#757575" points="3288.15,-2742.77 3298.75,-2742.83 3290.5,-2736.17 3288.15,-2742.77"/>
+</g>
+<!-- ../components/coin&#45;row/CoinRow.js -->
+<g id="node81" class="node">
+<title>../components/coin&#45;row/CoinRow.js</title>
+<path fill="none" stroke="#c6c5fe" d="M3439.71,-2889.51C3439.71,-2889.51 3228.04,-2889.51 3228.04,-2889.51 3224.08,-2889.51 3220.12,-2885.55 3220.12,-2881.59 3220.12,-2881.59 3220.12,-2873.67 3220.12,-2873.67 3220.12,-2869.72 3224.08,-2865.76 3228.04,-2865.76 3228.04,-2865.76 3439.71,-2865.76 3439.71,-2865.76 3443.67,-2865.76 3447.62,-2869.72 3447.62,-2873.67 3447.62,-2873.67 3447.62,-2881.59 3447.62,-2881.59 3447.62,-2885.55 3443.67,-2889.51 3439.71,-2889.51"/>
+<text text-anchor="middle" x="3333.88" y="-2872.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/coin&#45;row/CoinRow.js</text>
+</g>
+<!-- ../components/coin&#45;row/index.js&#45;&gt;../components/coin&#45;row/CoinRow.js -->
+<g id="edge126" class="edge">
+<title>../components/coin&#45;row/index.js&#45;&gt;../components/coin&#45;row/CoinRow.js</title>
+<path fill="none" stroke="#757575" d="M2744.54,-2687.96C2752.05,-2691.49 2759.05,-2695.97 2765,-2701.63 2804.39,-2739.16 2759.09,-2783.94 2801,-2818.63 2808.81,-2825.1 3053.46,-2850.2 3208.2,-2865.5"/>
+<polygon fill="#757575" stroke="#757575" points="3207.84,-2868.98 3218.13,-2866.48 3208.53,-2862.01 3207.84,-2868.98"/>
+</g>
+<!-- ../components/coin&#45;row/CoinRowAddButton.js -->
+<g id="node82" class="node">
+<title>../components/coin&#45;row/CoinRowAddButton.js</title>
+<path fill="none" stroke="#c6c5fe" d="M3096.71,-2889.51C3096.71,-2889.51 2821.29,-2889.51 2821.29,-2889.51 2817.33,-2889.51 2813.38,-2885.55 2813.38,-2881.59 2813.38,-2881.59 2813.38,-2873.67 2813.38,-2873.67 2813.38,-2869.72 2817.33,-2865.76 2821.29,-2865.76 2821.29,-2865.76 3096.71,-2865.76 3096.71,-2865.76 3100.67,-2865.76 3104.62,-2869.72 3104.62,-2873.67 3104.62,-2873.67 3104.62,-2881.59 3104.62,-2881.59 3104.62,-2885.55 3100.67,-2889.51 3096.71,-2889.51"/>
+<text text-anchor="middle" x="2959" y="-2872.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/coin&#45;row/CoinRowAddButton.js</text>
+</g>
+<!-- ../components/coin&#45;row/index.js&#45;&gt;../components/coin&#45;row/CoinRowAddButton.js -->
+<g id="edge127" class="edge">
+<title>../components/coin&#45;row/index.js&#45;&gt;../components/coin&#45;row/CoinRowAddButton.js</title>
+<path fill="none" stroke="#757575" d="M2745.41,-2687.82C2752.65,-2691.39 2759.36,-2695.91 2765,-2701.63 2813.13,-2750.46 2750.82,-2804.91 2801,-2851.63 2804.12,-2854.53 2807.42,-2857.18 2810.89,-2859.59"/>
+<polygon fill="#757575" stroke="#757575" points="2808.78,-2862.4 2819.13,-2864.64 2812.44,-2856.43 2808.78,-2862.4"/>
+</g>
+<!-- ../components/coin&#45;row/CoinRowDetailsIcon.js -->
+<g id="node83" class="node">
+<title>../components/coin&#45;row/CoinRowDetailsIcon.js</title>
+<path fill="none" stroke="#c6c5fe" d="M3098.58,-3015.51C3098.58,-3015.51 2819.42,-3015.51 2819.42,-3015.51 2815.46,-3015.51 2811.5,-3011.55 2811.5,-3007.59 2811.5,-3007.59 2811.5,-2999.67 2811.5,-2999.67 2811.5,-2995.72 2815.46,-2991.76 2819.42,-2991.76 2819.42,-2991.76 3098.58,-2991.76 3098.58,-2991.76 3102.54,-2991.76 3106.5,-2995.72 3106.5,-2999.67 3106.5,-2999.67 3106.5,-3007.59 3106.5,-3007.59 3106.5,-3011.55 3102.54,-3015.51 3098.58,-3015.51"/>
+<text text-anchor="middle" x="2959" y="-2998.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/coin&#45;row/CoinRowDetailsIcon.js</text>
+</g>
+<!-- ../components/coin&#45;row/index.js&#45;&gt;../components/coin&#45;row/CoinRowDetailsIcon.js -->
+<g id="edge128" class="edge">
+<title>../components/coin&#45;row/index.js&#45;&gt;../components/coin&#45;row/CoinRowDetailsIcon.js</title>
+<path fill="none" stroke="#757575" d="M2747.51,-2687.98C2754.06,-2691.55 2760.04,-2696.03 2765,-2701.63 2848.42,-2795.94 2712.22,-2893.35 2801,-2982.63 2801.5,-2983.13 2802.01,-2983.63 2802.52,-2984.12"/>
+<polygon fill="#757575" stroke="#757575" points="2800.16,-2986.71 2810.11,-2990.37 2804.61,-2981.31 2800.16,-2986.71"/>
+</g>
+<!-- ../components/coin&#45;row/CoinRowFavoriteButton.js -->
+<g id="node84" class="node">
+<title>../components/coin&#45;row/CoinRowFavoriteButton.js</title>
+<path fill="none" stroke="#c6c5fe" d="M3109.08,-2973.51C3109.08,-2973.51 2808.92,-2973.51 2808.92,-2973.51 2804.96,-2973.51 2801,-2969.55 2801,-2965.59 2801,-2965.59 2801,-2957.67 2801,-2957.67 2801,-2953.72 2804.96,-2949.76 2808.92,-2949.76 2808.92,-2949.76 3109.08,-2949.76 3109.08,-2949.76 3113.04,-2949.76 3117,-2953.72 3117,-2957.67 3117,-2957.67 3117,-2965.59 3117,-2965.59 3117,-2969.55 3113.04,-2973.51 3109.08,-2973.51"/>
+<text text-anchor="middle" x="2959" y="-2956.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/coin&#45;row/CoinRowFavoriteButton.js</text>
+</g>
+<!-- ../components/coin&#45;row/index.js&#45;&gt;../components/coin&#45;row/CoinRowFavoriteButton.js -->
+<g id="edge129" class="edge">
+<title>../components/coin&#45;row/index.js&#45;&gt;../components/coin&#45;row/CoinRowFavoriteButton.js</title>
+<path fill="none" stroke="#757575" d="M2746.89,-2687.84C2753.66,-2691.43 2759.86,-2695.95 2765,-2701.63 2837.05,-2781.3 2724.42,-2865.3 2801,-2940.63 2801.62,-2941.25 2802.26,-2941.85 2802.9,-2942.44"/>
+<polygon fill="#757575" stroke="#757575" points="2800.52,-2945.02 2810.52,-2948.52 2804.89,-2939.55 2800.52,-2945.02"/>
+</g>
+<!-- ../components/coin&#45;row/ListCoinRow.js -->
+<g id="node85" class="node">
+<title>../components/coin&#45;row/ListCoinRow.js</title>
+<path fill="none" stroke="#c6c5fe" d="M3075.33,-2767.51C3075.33,-2767.51 2842.67,-2767.51 2842.67,-2767.51 2838.71,-2767.51 2834.75,-2763.55 2834.75,-2759.59 2834.75,-2759.59 2834.75,-2751.67 2834.75,-2751.67 2834.75,-2747.72 2838.71,-2743.76 2842.67,-2743.76 2842.67,-2743.76 3075.33,-2743.76 3075.33,-2743.76 3079.29,-2743.76 3083.25,-2747.72 3083.25,-2751.67 3083.25,-2751.67 3083.25,-2759.59 3083.25,-2759.59 3083.25,-2763.55 3079.29,-2767.51 3075.33,-2767.51"/>
+<text text-anchor="middle" x="2959" y="-2750.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/coin&#45;row/ListCoinRow.js</text>
+</g>
+<!-- ../components/coin&#45;row/index.js&#45;&gt;../components/coin&#45;row/ListCoinRow.js -->
+<g id="edge130" class="edge">
+<title>../components/coin&#45;row/index.js&#45;&gt;../components/coin&#45;row/ListCoinRow.js</title>
+<path fill="none" stroke="#757575" d="M2730.94,-2687.95C2742.68,-2691.46 2754.48,-2695.94 2765,-2701.63 2784.09,-2711.96 2781.34,-2725.44 2801,-2734.63 2808.28,-2738.04 2815.94,-2740.94 2823.8,-2743.4"/>
+<polygon fill="#757575" stroke="#757575" points="2822.6,-2746.7 2833.18,-2746.09 2824.53,-2739.97 2822.6,-2746.7"/>
+</g>
+<!-- ../components/coin&#45;row/RequestCoinRow.js -->
+<g id="node86" class="node">
+<title>../components/coin&#45;row/RequestCoinRow.js</title>
+<path fill="none" stroke="#c6c5fe" d="M3089.96,-2725.51C3089.96,-2725.51 2828.04,-2725.51 2828.04,-2725.51 2824.08,-2725.51 2820.12,-2721.55 2820.12,-2717.59 2820.12,-2717.59 2820.12,-2709.67 2820.12,-2709.67 2820.12,-2705.72 2824.08,-2701.76 2828.04,-2701.76 2828.04,-2701.76 3089.96,-2701.76 3089.96,-2701.76 3093.92,-2701.76 3097.88,-2705.72 3097.88,-2709.67 3097.88,-2709.67 3097.88,-2717.59 3097.88,-2717.59 3097.88,-2721.55 3093.92,-2725.51 3089.96,-2725.51"/>
+<text text-anchor="middle" x="2959" y="-2708.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/coin&#45;row/RequestCoinRow.js</text>
+</g>
+<!-- ../components/coin&#45;row/index.js&#45;&gt;../components/coin&#45;row/RequestCoinRow.js -->
+<g id="edge131" class="edge">
+<title>../components/coin&#45;row/index.js&#45;&gt;../components/coin&#45;row/RequestCoinRow.js</title>
+<path fill="none" stroke="#757575" d="M2758.86,-2687.97C2788.16,-2691.75 2820.58,-2695.92 2850.61,-2699.79"/>
+<polygon fill="#757575" stroke="#757575" points="2850.12,-2703.26 2860.49,-2701.07 2851.01,-2696.32 2850.12,-2703.26"/>
+</g>
+<!-- ../components/coin&#45;row/SendCoinRow.js -->
+<g id="node87" class="node">
+<title>../components/coin&#45;row/SendCoinRow.js</title>
+<path fill="none" stroke="#c6c5fe" d="M3080.58,-2809.51C3080.58,-2809.51 2837.42,-2809.51 2837.42,-2809.51 2833.46,-2809.51 2829.5,-2805.55 2829.5,-2801.59 2829.5,-2801.59 2829.5,-2793.67 2829.5,-2793.67 2829.5,-2789.72 2833.46,-2785.76 2837.42,-2785.76 2837.42,-2785.76 3080.58,-2785.76 3080.58,-2785.76 3084.54,-2785.76 3088.5,-2789.72 3088.5,-2793.67 3088.5,-2793.67 3088.5,-2801.59 3088.5,-2801.59 3088.5,-2805.55 3084.54,-2809.51 3080.58,-2809.51"/>
+<text text-anchor="middle" x="2959" y="-2792.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/coin&#45;row/SendCoinRow.js</text>
+</g>
+<!-- ../components/coin&#45;row/index.js&#45;&gt;../components/coin&#45;row/SendCoinRow.js -->
+<g id="edge132" class="edge">
+<title>../components/coin&#45;row/index.js&#45;&gt;../components/coin&#45;row/SendCoinRow.js</title>
+<path fill="none" stroke="#757575" d="M2741.41,-2687.91C2749.92,-2691.42 2758.01,-2695.9 2765,-2701.63 2793.6,-2725.07 2771.08,-2754.9 2801,-2776.63 2806.49,-2780.62 2812.38,-2784.03 2818.54,-2786.94"/>
+<polygon fill="#757575" stroke="#757575" points="2817.16,-2790.16 2827.74,-2790.8 2819.87,-2783.71 2817.16,-2790.16"/>
+</g>
+<!-- ../components/asset&#45;list/RecyclerAssetList2/FastComponents/FastCoinBadge.tsx -->
+<g id="node60" class="node">
+<title>../components/asset&#45;list/RecyclerAssetList2/FastComponents/FastCoinBadge.tsx</title>
+<path fill="none" stroke="#cfffac" d="M4496.58,-2135.51C4496.58,-2135.51 4010.42,-2135.51 4010.42,-2135.51 4006.46,-2135.51 4002.5,-2131.55 4002.5,-2127.59 4002.5,-2127.59 4002.5,-2119.67 4002.5,-2119.67 4002.5,-2115.72 4006.46,-2111.76 4010.42,-2111.76 4010.42,-2111.76 4496.58,-2111.76 4496.58,-2111.76 4500.54,-2111.76 4504.5,-2115.72 4504.5,-2119.67 4504.5,-2119.67 4504.5,-2127.59 4504.5,-2127.59 4504.5,-2131.55 4500.54,-2135.51 4496.58,-2135.51"/>
+<text text-anchor="middle" x="4253.5" y="-2118.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/asset&#45;list/RecyclerAssetList2/FastComponents/FastCoinBadge.tsx</text>
+</g>
+<!-- ../components/asset&#45;list/RecyclerAssetList2/FastComponents/FastCurrencySelectionRow.tsx -->
+<g id="node61" class="node">
+<title>../components/asset&#45;list/RecyclerAssetList2/FastComponents/FastCurrencySelectionRow.tsx</title>
+<path fill="none" stroke="#c6c5fe" d="M2515.33,-732.51C2515.33,-732.51 1959.42,-732.51 1959.42,-732.51 1955.46,-732.51 1951.5,-728.55 1951.5,-724.59 1951.5,-724.59 1951.5,-716.67 1951.5,-716.67 1951.5,-712.72 1955.46,-708.76 1959.42,-708.76 1959.42,-708.76 2515.33,-708.76 2515.33,-708.76 2519.29,-708.76 2523.25,-712.72 2523.25,-716.67 2523.25,-716.67 2523.25,-724.59 2523.25,-724.59 2523.25,-728.55 2519.29,-732.51 2515.33,-732.51"/>
+<text text-anchor="middle" x="2237.38" y="-715.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/asset&#45;list/RecyclerAssetList2/FastComponents/FastCurrencySelectionRow.tsx</text>
+</g>
+<!-- ../components/asset&#45;list/RecyclerAssetList2/FastComponents/FastCurrencySelectionRow.tsx&#45;&gt;../components/animations/index.js -->
+<g id="edge23" class="edge">
+<title>../components/asset&#45;list/RecyclerAssetList2/FastComponents/FastCurrencySelectionRow.tsx&#45;&gt;../components/animations/index.js</title>
+<path fill="none" stroke="#757575" d="M2384.17,-708.31C2429.76,-701.37 2479.54,-690.54 2523.25,-673.63 2834.27,-553.28 2835.19,-366.7 3153,-265.63 3401.35,-186.65 3478.27,-241.63 3738.88,-241.63 3738.88,-241.63 3738.88,-241.63 6098.12,-241.63 6210.95,-241.63 6508.82,-207.07 6605.25,-265.63 6712.07,-330.5 6760.85,-486.32 6775.97,-545.39"/>
+<polygon fill="#757575" stroke="#757575" points="6772.54,-546.12 6778.33,-554.99 6779.34,-544.45 6772.54,-546.12"/>
+</g>
+<!-- ../components/asset&#45;list/RecyclerAssetList2/FastComponents/FastCurrencySelectionRow.tsx&#45;&gt;../components/coin&#45;row/index.js -->
+<g id="edge24" class="edge">
+<title>../components/asset&#45;list/RecyclerAssetList2/FastComponents/FastCurrencySelectionRow.tsx&#45;&gt;../components/coin&#45;row/index.js</title>
+<path fill="none" stroke="#757575" d="M2240.97,-732.61C2273.89,-884.89 2610.5,-2441.51 2656.04,-2652.1"/>
+<polygon fill="#757575" stroke="#757575" points="2652.6,-2652.78 2658.14,-2661.82 2659.45,-2651.3 2652.6,-2652.78"/>
+</g>
+<!-- ../components/floating&#45;emojis/index.js -->
+<g id="node62" class="node">
+<title>../components/floating&#45;emojis/index.js</title>
+<path fill="none" stroke="#c6c5fe" d="M3447.21,-662.51C3447.21,-662.51 3220.54,-662.51 3220.54,-662.51 3216.58,-662.51 3212.62,-658.55 3212.62,-654.59 3212.62,-654.59 3212.62,-646.67 3212.62,-646.67 3212.62,-642.72 3216.58,-638.76 3220.54,-638.76 3220.54,-638.76 3447.21,-638.76 3447.21,-638.76 3451.17,-638.76 3455.12,-642.72 3455.12,-646.67 3455.12,-646.67 3455.12,-654.59 3455.12,-654.59 3455.12,-658.55 3451.17,-662.51 3447.21,-662.51"/>
+<text text-anchor="middle" x="3333.88" y="-645.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/floating&#45;emojis/index.js</text>
+</g>
+<!-- ../components/asset&#45;list/RecyclerAssetList2/FastComponents/FastCurrencySelectionRow.tsx&#45;&gt;../components/floating&#45;emojis/index.js -->
+<g id="edge25" class="edge">
+<title>../components/asset&#45;list/RecyclerAssetList2/FastComponents/FastCurrencySelectionRow.tsx&#45;&gt;../components/floating&#45;emojis/index.js</title>
+<path fill="none" stroke="#757575" d="M2431.84,-708.26C2653.18,-694.1 3009.63,-671.31 3201.12,-659.06"/>
+<polygon fill="#757575" stroke="#757575" points="3201.1,-662.57 3210.86,-658.44 3200.66,-655.58 3201.1,-662.57"/>
+</g>
+<!-- ../components/floating&#45;emojis/ComingSoonFloatingEmojis.js -->
+<g id="node132" class="node">
+<title>../components/floating&#45;emojis/ComingSoonFloatingEmojis.js</title>
+<path fill="none" stroke="#c6c5fe" d="M3921.08,-682.51C3921.08,-682.51 3558.67,-682.51 3558.67,-682.51 3554.71,-682.51 3550.75,-678.55 3550.75,-674.59 3550.75,-674.59 3550.75,-666.67 3550.75,-666.67 3550.75,-662.72 3554.71,-658.76 3558.67,-658.76 3558.67,-658.76 3921.08,-658.76 3921.08,-658.76 3925.04,-658.76 3929,-662.72 3929,-666.67 3929,-666.67 3929,-674.59 3929,-674.59 3929,-678.55 3925.04,-682.51 3921.08,-682.51"/>
+<text text-anchor="middle" x="3739.88" y="-665.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/floating&#45;emojis/ComingSoonFloatingEmojis.js</text>
+</g>
+<!-- ../components/floating&#45;emojis/index.js&#45;&gt;../components/floating&#45;emojis/ComingSoonFloatingEmojis.js -->
+<g id="edge245" class="edge">
+<title>../components/floating&#45;emojis/index.js&#45;&gt;../components/floating&#45;emojis/ComingSoonFloatingEmojis.js</title>
+<path fill="none" stroke="#757575" d="M3455.54,-656.61C3481.92,-657.91 3510.51,-659.33 3539.05,-660.74"/>
+<polygon fill="#757575" stroke="#757575" points="3538.74,-664.23 3548.9,-661.23 3539.08,-657.24 3538.74,-664.23"/>
+</g>
+<!-- ../components/floating&#45;emojis/FloatingEmojis.js -->
+<g id="node133" class="node">
+<title>../components/floating&#45;emojis/FloatingEmojis.js</title>
+<path fill="none" stroke="#c6c5fe" d="M4395.33,-641.51C4395.33,-641.51 4111.67,-641.51 4111.67,-641.51 4107.71,-641.51 4103.75,-637.55 4103.75,-633.59 4103.75,-633.59 4103.75,-625.67 4103.75,-625.67 4103.75,-621.72 4107.71,-617.76 4111.67,-617.76 4111.67,-617.76 4395.33,-617.76 4395.33,-617.76 4399.29,-617.76 4403.25,-621.72 4403.25,-625.67 4403.25,-625.67 4403.25,-633.59 4403.25,-633.59 4403.25,-637.55 4399.29,-641.51 4395.33,-641.51"/>
+<text text-anchor="middle" x="4253.5" y="-624.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/floating&#45;emojis/FloatingEmojis.js</text>
+</g>
+<!-- ../components/floating&#45;emojis/index.js&#45;&gt;../components/floating&#45;emojis/FloatingEmojis.js -->
+<g id="edge248" class="edge">
+<title>../components/floating&#45;emojis/index.js&#45;&gt;../components/floating&#45;emojis/FloatingEmojis.js</title>
+<path fill="none" stroke="#757575" d="M3455.31,-647.88C3618.55,-644.14 3910.47,-637.46 4092.13,-633.3"/>
+<polygon fill="#757575" stroke="#757575" points="4091.96,-636.81 4101.88,-633.08 4091.8,-629.81 4091.96,-636.81"/>
+</g>
+<!-- ../components/floating&#45;emojis/FloatingEmojisTapHandler.js -->
+<g id="node134" class="node">
+<title>../components/floating&#45;emojis/FloatingEmojisTapHandler.js</title>
+<path fill="none" stroke="#cfffac" d="M4429.46,-683.51C4429.46,-683.51 4077.54,-683.51 4077.54,-683.51 4073.58,-683.51 4069.62,-679.55 4069.62,-675.59 4069.62,-675.59 4069.62,-667.67 4069.62,-667.67 4069.62,-663.72 4073.58,-659.76 4077.54,-659.76 4077.54,-659.76 4429.46,-659.76 4429.46,-659.76 4433.42,-659.76 4437.38,-663.72 4437.38,-667.67 4437.38,-667.67 4437.38,-675.59 4437.38,-675.59 4437.38,-679.55 4433.42,-683.51 4429.46,-683.51"/>
+<text text-anchor="middle" x="4253.5" y="-666.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/floating&#45;emojis/FloatingEmojisTapHandler.js</text>
+</g>
+<!-- ../components/floating&#45;emojis/index.js&#45;&gt;../components/floating&#45;emojis/FloatingEmojisTapHandler.js -->
+<g id="edge249" class="edge">
+<title>../components/floating&#45;emojis/index.js&#45;&gt;../components/floating&#45;emojis/FloatingEmojisTapHandler.js</title>
+<path fill="none" stroke="#757575" d="M3385.09,-662.94C3428.6,-672.94 3493.4,-686.23 3550.75,-691.63 3748.79,-710.27 3979.54,-697.02 4120.79,-684.96"/>
+<polygon fill="#757575" stroke="#757575" points="4120.9,-688.46 4130.56,-684.11 4120.3,-681.49 4120.9,-688.46"/>
+</g>
+<!-- ../components/floating&#45;emojis/CopyFloatingEmojis.js -->
+<g id="node135" class="node">
+<title>../components/floating&#45;emojis/CopyFloatingEmojis.js</title>
+<path fill="none" stroke="#c6c5fe" d="M3897.46,-560.51C3897.46,-560.51 3582.29,-560.51 3582.29,-560.51 3578.33,-560.51 3574.38,-556.55 3574.38,-552.59 3574.38,-552.59 3574.38,-544.67 3574.38,-544.67 3574.38,-540.72 3578.33,-536.76 3582.29,-536.76 3582.29,-536.76 3897.46,-536.76 3897.46,-536.76 3901.42,-536.76 3905.38,-540.72 3905.38,-544.67 3905.38,-544.67 3905.38,-552.59 3905.38,-552.59 3905.38,-556.55 3901.42,-560.51 3897.46,-560.51"/>
+<text text-anchor="middle" x="3739.88" y="-543.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/floating&#45;emojis/CopyFloatingEmojis.js</text>
+</g>
+<!-- ../components/floating&#45;emojis/index.js&#45;&gt;../components/floating&#45;emojis/CopyFloatingEmojis.js -->
+<g id="edge246" class="edge">
+<title>../components/floating&#45;emojis/index.js&#45;&gt;../components/floating&#45;emojis/CopyFloatingEmojis.js</title>
+<path fill="none" stroke="#757575" d="M3361.13,-638.34C3401.11,-620.2 3480.09,-586.55 3550.75,-569.63 3561.42,-567.08 3572.5,-564.83 3583.71,-562.86"/>
+<polygon fill="#757575" stroke="#757575" points="3584.17,-566.33 3593.46,-561.22 3583.02,-559.43 3584.17,-566.33"/>
+</g>
+<!-- ../components/floating&#45;emojis/FloatingEmoji.js -->
+<g id="node136" class="node">
+<title>../components/floating&#45;emojis/FloatingEmoji.js</title>
+<path fill="none" stroke="#c6c5fe" d="M4883.08,-758.51C4883.08,-758.51 4606.17,-758.51 4606.17,-758.51 4602.21,-758.51 4598.25,-754.55 4598.25,-750.59 4598.25,-750.59 4598.25,-742.67 4598.25,-742.67 4598.25,-738.72 4602.21,-734.76 4606.17,-734.76 4606.17,-734.76 4883.08,-734.76 4883.08,-734.76 4887.04,-734.76 4891,-738.72 4891,-742.67 4891,-742.67 4891,-750.59 4891,-750.59 4891,-754.55 4887.04,-758.51 4883.08,-758.51"/>
+<text text-anchor="middle" x="4744.62" y="-741.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/floating&#45;emojis/FloatingEmoji.js</text>
+</g>
+<!-- ../components/floating&#45;emojis/index.js&#45;&gt;../components/floating&#45;emojis/FloatingEmoji.js -->
+<g id="edge247" class="edge">
+<title>../components/floating&#45;emojis/index.js&#45;&gt;../components/floating&#45;emojis/FloatingEmoji.js</title>
+<path fill="none" stroke="#757575" d="M3369.09,-662.91C3411.19,-677.37 3485.18,-700.68 3550.75,-710.63 3918.64,-766.47 4357.43,-761.68 4586.58,-753.85"/>
+<polygon fill="#757575" stroke="#757575" points="4586.62,-757.35 4596.5,-753.5 4586.38,-750.35 4586.62,-757.35"/>
+</g>
+<!-- ../components/floating&#45;emojis/FloatingEmojisTapper.js -->
+<g id="node137" class="node">
+<title>../components/floating&#45;emojis/FloatingEmojisTapper.js</title>
+<path fill="none" stroke="#c6c5fe" d="M3901.96,-602.51C3901.96,-602.51 3577.79,-602.51 3577.79,-602.51 3573.83,-602.51 3569.88,-598.55 3569.88,-594.59 3569.88,-594.59 3569.88,-586.67 3569.88,-586.67 3569.88,-582.72 3573.83,-578.76 3577.79,-578.76 3577.79,-578.76 3901.96,-578.76 3901.96,-578.76 3905.92,-578.76 3909.88,-582.72 3909.88,-586.67 3909.88,-586.67 3909.88,-594.59 3909.88,-594.59 3909.88,-598.55 3905.92,-602.51 3901.96,-602.51"/>
+<text text-anchor="middle" x="3739.88" y="-585.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/floating&#45;emojis/FloatingEmojisTapper.js</text>
+</g>
+<!-- ../components/floating&#45;emojis/index.js&#45;&gt;../components/floating&#45;emojis/FloatingEmojisTapper.js -->
+<g id="edge250" class="edge">
+<title>../components/floating&#45;emojis/index.js&#45;&gt;../components/floating&#45;emojis/FloatingEmojisTapper.js</title>
+<path fill="none" stroke="#757575" d="M3411,-638.28C3452.32,-631.67 3504.3,-623.5 3550.75,-616.63 3578.27,-612.56 3608.09,-608.35 3635.69,-604.53"/>
+<polygon fill="#757575" stroke="#757575" points="3636.04,-608.02 3645.47,-603.19 3635.08,-601.09 3636.04,-608.02"/>
+</g>
+<!-- ../components/asset&#45;list/RecyclerAssetList2/FastComponents/FastFallbackCoinIconImage.tsx -->
+<g id="node63" class="node">
+<title>../components/asset&#45;list/RecyclerAssetList2/FastComponents/FastFallbackCoinIconImage.tsx</title>
+<path fill="none" stroke="#cfffac" d="M4534.08,-2177.51C4534.08,-2177.51 3972.92,-2177.51 3972.92,-2177.51 3968.96,-2177.51 3965,-2173.55 3965,-2169.59 3965,-2169.59 3965,-2161.67 3965,-2161.67 3965,-2157.72 3968.96,-2153.76 3972.92,-2153.76 3972.92,-2153.76 4534.08,-2153.76 4534.08,-2153.76 4538.04,-2153.76 4542,-2157.72 4542,-2161.67 4542,-2161.67 4542,-2169.59 4542,-2169.59 4542,-2173.55 4538.04,-2177.51 4534.08,-2177.51"/>
+<text text-anchor="middle" x="4253.5" y="-2160.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/asset&#45;list/RecyclerAssetList2/FastComponents/FastFallbackCoinIconImage.tsx</text>
+</g>
+<!-- ../components/asset&#45;list/index.js -->
+<g id="node64" class="node">
+<title>../components/asset&#45;list/index.js</title>
+<path fill="none" stroke="#c6c5fe" d="M1050.96,-4626.51C1050.96,-4626.51 858.79,-4626.51 858.79,-4626.51 854.83,-4626.51 850.88,-4622.55 850.88,-4618.59 850.88,-4618.59 850.88,-4610.67 850.88,-4610.67 850.88,-4606.72 854.83,-4602.76 858.79,-4602.76 858.79,-4602.76 1050.96,-4602.76 1050.96,-4602.76 1054.92,-4602.76 1058.88,-4606.72 1058.88,-4610.67 1058.88,-4610.67 1058.88,-4618.59 1058.88,-4618.59 1058.88,-4622.55 1054.92,-4626.51 1050.96,-4626.51"/>
+<text text-anchor="middle" x="954.88" y="-4609.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/asset&#45;list/index.js</text>
+</g>
+<!-- ../components/asset&#45;list/index.js&#45;&gt;../components/asset&#45;list/AssetList.js -->
+<g id="edge26" class="edge">
+<title>../components/asset&#45;list/index.js&#45;&gt;../components/asset&#45;list/AssetList.js</title>
+<path fill="none" stroke="#757575" d="M998.27,-4626.93C1072.24,-4648.39 1224.7,-4692.63 1305.75,-4716.15"/>
+<polygon fill="#757575" stroke="#757575" points="1304.66,-4719.47 1315.24,-4718.9 1306.61,-4712.75 1304.66,-4719.47"/>
+</g>
+<!-- ../components/asset&#45;list/index.js&#45;&gt;../components/asset&#45;list/EmptyAssetList.js -->
+<g id="edge29" class="edge">
+<title>../components/asset&#45;list/index.js&#45;&gt;../components/asset&#45;list/EmptyAssetList.js</title>
+<path fill="none" stroke="#757575" d="M1059.14,-4622.58C1088.94,-4624.72 1121.5,-4626.92 1151.5,-4628.63 1309.44,-4637.66 1490.63,-4645.03 1613.76,-4649.58"/>
+<polygon fill="#757575" stroke="#757575" points="1613.49,-4653.08 1623.61,-4649.95 1613.74,-4646.08 1613.49,-4653.08"/>
+</g>
+<!-- ../components/asset&#45;list/index.js&#45;&gt;../components/asset&#45;list/AssetListHeader.js -->
+<g id="edge27" class="edge">
+<title>../components/asset&#45;list/index.js&#45;&gt;../components/asset&#45;list/AssetListHeader.js</title>
+<path fill="none" stroke="#757575" d="M1055.07,-4602.27C1223.82,-4580.83 1550.4,-4537.32 1568.75,-4519.63 1629.68,-4460.88 1554.52,-4400.75 1604.75,-4332.63 1708.42,-4192.05 1783.41,-4195.12 1951.5,-4147.63 2247.52,-4064.01 2611.36,-4066.44 2810.45,-4076.19"/>
+<polygon fill="#757575" stroke="#757575" points="2810.19,-4079.68 2820.35,-4076.69 2810.54,-4072.69 2810.19,-4079.68"/>
+</g>
+<!-- ../components/asset&#45;list/index.js&#45;&gt;../components/asset&#45;list/AssetListItemSkeleton.js -->
+<g id="edge28" class="edge">
+<title>../components/asset&#45;list/index.js&#45;&gt;../components/asset&#45;list/AssetListItemSkeleton.js</title>
+<path fill="none" stroke="#757575" d="M1059.31,-4611.56C1280.78,-4604.99 1802.48,-4589.51 2070.72,-4581.55"/>
+<polygon fill="#757575" stroke="#757575" points="2070.72,-4585.05 2080.61,-4581.25 2070.51,-4578.05 2070.72,-4585.05"/>
+</g>
+<!-- ../components/buttons/BiometricButtonContent.js -->
+<g id="node65" class="node">
+<title>../components/buttons/BiometricButtonContent.js</title>
+<path fill="none" stroke="#c6c5fe" d="M4891.71,-2623.51C4891.71,-2623.51 4597.54,-2623.51 4597.54,-2623.51 4593.58,-2623.51 4589.62,-2619.55 4589.62,-2615.59 4589.62,-2615.59 4589.62,-2607.67 4589.62,-2607.67 4589.62,-2603.72 4593.58,-2599.76 4597.54,-2599.76 4597.54,-2599.76 4891.71,-2599.76 4891.71,-2599.76 4895.67,-2599.76 4899.62,-2603.72 4899.62,-2607.67 4899.62,-2607.67 4899.62,-2615.59 4899.62,-2615.59 4899.62,-2619.55 4895.67,-2623.51 4891.71,-2623.51"/>
+<text text-anchor="middle" x="4744.62" y="-2606.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/buttons/BiometricButtonContent.js</text>
+</g>
+<!-- ../components/buttons/BiometricButtonContent.js&#45;&gt;../components/text/index.js -->
+<g id="edge30" class="edge">
+<title>../components/buttons/BiometricButtonContent.js&#45;&gt;../components/text/index.js</title>
+<path fill="none" stroke="#757575" d="M4893.04,-2623.81C4899.62,-2627.66 4905.75,-2632.22 4911.25,-2637.63 4977.82,-2703.12 4917.29,-2756.19 4947.25,-2844.63 4980.02,-2941.37 5043.93,-3045.94 5072.38,-3090.06"/>
+<polygon fill="#757575" stroke="#757575" points="5069.29,-3091.73 5077.68,-3098.2 5075.16,-3087.91 5069.29,-3091.73"/>
+</g>
+<!-- ../components/buttons/Button/index.js -->
+<g id="node66" class="node">
+<title>../components/buttons/Button/index.js</title>
+<path fill="none" stroke="#cfffac" d="M4857.58,-2371.51C4857.58,-2371.51 4631.67,-2371.51 4631.67,-2371.51 4627.71,-2371.51 4623.75,-2367.55 4623.75,-2363.59 4623.75,-2363.59 4623.75,-2355.67 4623.75,-2355.67 4623.75,-2351.72 4627.71,-2347.76 4631.67,-2347.76 4631.67,-2347.76 4857.58,-2347.76 4857.58,-2347.76 4861.54,-2347.76 4865.5,-2351.72 4865.5,-2355.67 4865.5,-2355.67 4865.5,-2363.59 4865.5,-2363.59 4865.5,-2367.55 4861.54,-2371.51 4857.58,-2371.51"/>
+<text text-anchor="middle" x="4744.62" y="-2354.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/buttons/Button/index.js</text>
+</g>
+<!-- ../components/buttons/MiniButton.js -->
+<g id="node67" class="node">
+<title>../components/buttons/MiniButton.js</title>
+<path fill="none" stroke="#c6c5fe" d="M4852.33,-2497.51C4852.33,-2497.51 4636.92,-2497.51 4636.92,-2497.51 4632.96,-2497.51 4629,-2493.55 4629,-2489.59 4629,-2489.59 4629,-2481.67 4629,-2481.67 4629,-2477.72 4632.96,-2473.76 4636.92,-2473.76 4636.92,-2473.76 4852.33,-2473.76 4852.33,-2473.76 4856.29,-2473.76 4860.25,-2477.72 4860.25,-2481.67 4860.25,-2481.67 4860.25,-2489.59 4860.25,-2489.59 4860.25,-2493.55 4856.29,-2497.51 4852.33,-2497.51"/>
+<text text-anchor="middle" x="4744.62" y="-2480.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/buttons/MiniButton.js</text>
+</g>
+<!-- ../components/buttons/MiniButton.js&#45;&gt;../components/layout/index.js -->
+<g id="edge32" class="edge">
+<title>../components/buttons/MiniButton.js&#45;&gt;../components/layout/index.js</title>
+<path fill="none" stroke="#757575" d="M4860.6,-2482.37C4879.2,-2486.59 4897,-2494.09 4911.25,-2506.63 4959.15,-2548.79 4899.52,-2603.27 4947.25,-2645.63 4994.33,-2687.43 5166.76,-2669.04 5228,-2683.63 5385.27,-2721.1 5426.23,-2732.18 5571.75,-2802.63 5588.84,-2810.91 5591.36,-2816.05 5607.75,-2825.63 5888.68,-2989.8 6082.27,-2893.26 6254,-3169.63 6323.53,-3281.52 6201.77,-4256.82 6290,-4354.63 6303.27,-4369.35 6321.52,-4377.43 6340.89,-4381.45"/>
+<polygon fill="#757575" stroke="#757575" points="6340.12,-4384.87 6350.57,-4383.08 6341.28,-4377.97 6340.12,-4384.87"/>
+</g>
+<!-- ../components/buttons/MiniButton.js&#45;&gt;../components/text/index.js -->
+<g id="edge33" class="edge">
+<title>../components/buttons/MiniButton.js&#45;&gt;../components/text/index.js</title>
+<path fill="none" stroke="#757575" d="M4860.5,-2480.3C4879.57,-2484.6 4897.55,-2492.66 4911.25,-2506.63 4964.12,-2560.58 4925.39,-2772.33 4947.25,-2844.63 4976.74,-2942.17 5042.1,-3045.93 5071.63,-3089.92"/>
+<polygon fill="#757575" stroke="#757575" points="5068.64,-3091.75 5077.15,-3098.06 5074.43,-3087.82 5068.64,-3091.75"/>
+</g>
+<!-- ../components/buttons/MiniButton.js&#45;&gt;../components/animations/index.js -->
+<g id="edge31" class="edge">
+<title>../components/buttons/MiniButton.js&#45;&gt;../components/animations/index.js</title>
+<path fill="none" stroke="#757575" d="M4860.38,-2491.85C4879.7,-2487.53 4897.8,-2479.24 4911.25,-2464.63 4973.91,-2396.55 4927.91,-1723.12 4947.25,-1632.63 5027,-1259.47 4962.15,-1068.07 5264,-834.63 5318.16,-792.75 5348.41,-815.63 5416.88,-815.63 5416.88,-815.63 5416.88,-815.63 6098.12,-815.63 6323.86,-815.63 6404.44,-890.73 6605.25,-787.63 6690.86,-743.68 6749.1,-637.45 6771.33,-591"/>
+<polygon fill="#757575" stroke="#757575" points="6774.39,-592.72 6775.45,-582.17 6768.05,-589.76 6774.39,-592.72"/>
+</g>
+<!-- ../components/buttons/PasteAddressButton.js -->
+<g id="node68" class="node">
+<title>../components/buttons/PasteAddressButton.js</title>
+<path fill="none" stroke="#c6c5fe" d="M4881.58,-2413.51C4881.58,-2413.51 4607.67,-2413.51 4607.67,-2413.51 4603.71,-2413.51 4599.75,-2409.55 4599.75,-2405.59 4599.75,-2405.59 4599.75,-2397.67 4599.75,-2397.67 4599.75,-2393.72 4603.71,-2389.76 4607.67,-2389.76 4607.67,-2389.76 4881.58,-2389.76 4881.58,-2389.76 4885.54,-2389.76 4889.5,-2393.72 4889.5,-2397.67 4889.5,-2397.67 4889.5,-2405.59 4889.5,-2405.59 4889.5,-2409.55 4885.54,-2413.51 4881.58,-2413.51"/>
+<text text-anchor="middle" x="4744.62" y="-2396.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/buttons/PasteAddressButton.js</text>
+</g>
+<!-- ../components/buttons/PasteAddressButton.js&#45;&gt;../components/text/index.js -->
+<g id="edge35" class="edge">
+<title>../components/buttons/PasteAddressButton.js&#45;&gt;../components/text/index.js</title>
+<path fill="none" stroke="#757575" d="M4889.76,-2406.56C4897.65,-2410.76 4904.93,-2416.04 4911.25,-2422.63 4976.42,-2490.53 4920.96,-2754.26 4947.25,-2844.63 4975.71,-2942.48 5041.61,-3046.08 5071.45,-3089.97"/>
+<polygon fill="#757575" stroke="#757575" points="5068.49,-3091.84 5077.04,-3098.1 5074.26,-3087.87 5068.49,-3091.84"/>
+</g>
+<!-- ../components/buttons/PasteAddressButton.js&#45;&gt;../components/animations/index.js -->
+<g id="edge34" class="edge">
+<title>../components/buttons/PasteAddressButton.js&#45;&gt;../components/animations/index.js</title>
+<path fill="none" stroke="#757575" d="M4889.87,-2397.36C4897.8,-2393.02 4905.04,-2387.52 4911.25,-2380.63 4971.4,-2313.88 4884.63,-828.08 4947.25,-763.63 5020.07,-688.68 5312.38,-739.63 5416.88,-739.63 5416.88,-739.63 5416.88,-739.63 6098.12,-739.63 6323.88,-739.63 6394.59,-791.81 6605.25,-710.63 6673.26,-684.42 6735.21,-621.61 6764.15,-589.02"/>
+<polygon fill="#757575" stroke="#757575" points="6766.49,-591.66 6770.43,-581.82 6761.22,-587.06 6766.49,-591.66"/>
+</g>
+<!-- ../components/buttons/TokenSelectionButton.js -->
+<g id="node69" class="node">
+<title>../components/buttons/TokenSelectionButton.js</title>
+<path fill="none" stroke="#c6c5fe" d="M4885.33,-2455.51C4885.33,-2455.51 4603.92,-2455.51 4603.92,-2455.51 4599.96,-2455.51 4596,-2451.55 4596,-2447.59 4596,-2447.59 4596,-2439.67 4596,-2439.67 4596,-2435.72 4599.96,-2431.76 4603.92,-2431.76 4603.92,-2431.76 4885.33,-2431.76 4885.33,-2431.76 4889.29,-2431.76 4893.25,-2435.72 4893.25,-2439.67 4893.25,-2439.67 4893.25,-2447.59 4893.25,-2447.59 4893.25,-2451.55 4889.29,-2455.51 4885.33,-2455.51"/>
+<text text-anchor="middle" x="4744.62" y="-2438.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/buttons/TokenSelectionButton.js</text>
+</g>
+<!-- ../components/buttons/TokenSelectionButton.js&#45;&gt;../components/layout/index.js -->
+<g id="edge37" class="edge">
+<title>../components/buttons/TokenSelectionButton.js&#45;&gt;../components/layout/index.js</title>
+<path fill="none" stroke="#757575" d="M4870.64,-2455.96C4884.44,-2458.36 4898.21,-2461.22 4911.25,-2464.63 5074.92,-2507.41 5103.48,-2554.22 5264,-2607.63 5398.2,-2652.29 5436.95,-2645.82 5571.75,-2688.63 5648.88,-2713.13 6207.02,-2877.73 6254,-2943.63 6299.52,-3007.48 6237.62,-4296.28 6290,-4354.63 6303.24,-4369.38 6321.47,-4377.47 6340.83,-4381.5"/>
+<polygon fill="#757575" stroke="#757575" points="6340.07,-4384.92 6350.51,-4383.13 6341.23,-4378.02 6340.07,-4384.92"/>
+</g>
+<!-- ../components/buttons/TokenSelectionButton.js&#45;&gt;../components/text/index.js -->
+<g id="edge38" class="edge">
+<title>../components/buttons/TokenSelectionButton.js&#45;&gt;../components/text/index.js</title>
+<path fill="none" stroke="#757575" d="M4893.41,-2450.7C4899.89,-2454.52 4905.91,-2459.12 4911.25,-2464.63 4970.27,-2525.55 4923.18,-2763.3 4947.25,-2844.63 4976.17,-2942.34 5041.83,-3046.01 5071.53,-3089.95"/>
+<polygon fill="#757575" stroke="#757575" points="5068.56,-3091.8 5077.09,-3098.08 5074.33,-3087.85 5068.56,-3091.8"/>
+</g>
+<!-- ../components/buttons/TokenSelectionButton.js&#45;&gt;../components/animations/index.js -->
+<g id="edge36" class="edge">
+<title>../components/buttons/TokenSelectionButton.js&#45;&gt;../components/animations/index.js</title>
+<path fill="none" stroke="#757575" d="M4893.54,-2437.24C4900.04,-2433.27 4906.01,-2428.45 4911.25,-2422.63 4971.55,-2355.72 4884.48,-866.24 4947.25,-801.63 5020.07,-726.68 5312.38,-777.63 5416.88,-777.63 5416.88,-777.63 5416.88,-777.63 6098.12,-777.63 6323.91,-777.63 6399.67,-840.99 6605.25,-747.63 6681.41,-713.05 6742.34,-629.76 6768.09,-590.2"/>
+<polygon fill="#757575" stroke="#757575" points="6770.9,-592.3 6773.32,-581.98 6765,-588.54 6770.9,-592.3"/>
+</g>
+<!-- ../components/buttons/index.js -->
+<g id="node70" class="node">
+<title>../components/buttons/index.js</title>
+<path fill="none" stroke="#c6c5fe" d="M4345.08,-2455.51C4345.08,-2455.51 4161.92,-2455.51 4161.92,-2455.51 4157.96,-2455.51 4154,-2451.55 4154,-2447.59 4154,-2447.59 4154,-2439.67 4154,-2439.67 4154,-2435.72 4157.96,-2431.76 4161.92,-2431.76 4161.92,-2431.76 4345.08,-2431.76 4345.08,-2431.76 4349.04,-2431.76 4353,-2435.72 4353,-2439.67 4353,-2439.67 4353,-2447.59 4353,-2447.59 4353,-2451.55 4349.04,-2455.51 4345.08,-2455.51"/>
+<text text-anchor="middle" x="4253.5" y="-2438.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/buttons/index.js</text>
+</g>
+<!-- ../components/buttons/index.js&#45;&gt;../components/buttons/BiometricButtonContent.js -->
+<g id="edge39" class="edge">
+<title>../components/buttons/index.js&#45;&gt;../components/buttons/BiometricButtonContent.js</title>
+<path fill="none" stroke="#757575" d="M4307.42,-2431.27C4370.57,-2419.85 4475.91,-2411.82 4542,-2465.63 4586.83,-2502.14 4534.09,-2553.02 4578,-2590.63 4578.82,-2591.33 4579.65,-2592.02 4580.49,-2592.69"/>
+<polygon fill="#757575" stroke="#757575" points="4578.44,-2595.53 4588.64,-2598.41 4582.47,-2589.8 4578.44,-2595.53"/>
+</g>
+<!-- ../components/buttons/index.js&#45;&gt;../components/buttons/Button/index.js -->
+<g id="edge40" class="edge">
+<title>../components/buttons/index.js&#45;&gt;../components/buttons/Button/index.js</title>
+<path fill="none" stroke="#757575" d="M4353.31,-2448.42C4410.71,-2447.59 4483.08,-2440.15 4542,-2413.63 4561.79,-2404.72 4558.31,-2389.76 4578,-2380.63 4588.87,-2375.59 4600.55,-2371.63 4612.5,-2368.54"/>
+<polygon fill="#757575" stroke="#757575" points="4613.12,-2371.98 4622.05,-2366.28 4611.51,-2365.17 4613.12,-2371.98"/>
+</g>
+<!-- ../components/buttons/index.js&#45;&gt;../components/buttons/MiniButton.js -->
+<g id="edge41" class="edge">
+<title>../components/buttons/index.js&#45;&gt;../components/buttons/MiniButton.js</title>
+<path fill="none" stroke="#757575" d="M4353.34,-2450.64C4408.82,-2454.72 4479.29,-2460.12 4542,-2465.63 4566.31,-2467.77 4592.25,-2470.21 4617.15,-2472.65"/>
+<polygon fill="#757575" stroke="#757575" points="4616.71,-2476.12 4627.01,-2473.61 4617.4,-2469.15 4616.71,-2476.12"/>
+</g>
+<!-- ../components/buttons/index.js&#45;&gt;../components/buttons/PasteAddressButton.js -->
+<g id="edge42" class="edge">
+<title>../components/buttons/index.js&#45;&gt;../components/buttons/PasteAddressButton.js</title>
+<path fill="none" stroke="#757575" d="M4353.48,-2435.13C4420.93,-2429.34 4511.6,-2421.56 4588.56,-2414.95"/>
+<polygon fill="#757575" stroke="#757575" points="4588.64,-2418.45 4598.3,-2414.11 4588.04,-2411.48 4588.64,-2418.45"/>
+</g>
+<!-- ../components/buttons/index.js&#45;&gt;../components/buttons/TokenSelectionButton.js -->
+<g id="edge43" class="edge">
+<title>../components/buttons/index.js&#45;&gt;../components/buttons/TokenSelectionButton.js</title>
+<path fill="none" stroke="#757575" d="M4353.48,-2443.63C4419.73,-2443.63 4508.39,-2443.63 4584.45,-2443.63"/>
+<polygon fill="#757575" stroke="#757575" points="4584.06,-2447.13 4594.06,-2443.63 4584.06,-2440.13 4584.06,-2447.13"/>
+</g>
+<!-- ../components/coin&#45;divider/CoinDividerButtonLabel.js -->
+<g id="node71" class="node">
+<title>../components/coin&#45;divider/CoinDividerButtonLabel.js</title>
+<path fill="none" stroke="#c6c5fe" d="M4903.33,-2581.51C4903.33,-2581.51 4585.92,-2581.51 4585.92,-2581.51 4581.96,-2581.51 4578,-2577.55 4578,-2573.59 4578,-2573.59 4578,-2565.67 4578,-2565.67 4578,-2561.72 4581.96,-2557.76 4585.92,-2557.76 4585.92,-2557.76 4903.33,-2557.76 4903.33,-2557.76 4907.29,-2557.76 4911.25,-2561.72 4911.25,-2565.67 4911.25,-2565.67 4911.25,-2573.59 4911.25,-2573.59 4911.25,-2577.55 4907.29,-2581.51 4903.33,-2581.51"/>
+<text text-anchor="middle" x="4744.62" y="-2564.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/coin&#45;divider/CoinDividerButtonLabel.js</text>
+</g>
+<!-- ../components/coin&#45;divider/CoinDividerButtonLabel.js&#45;&gt;../components/text/index.js -->
+<g id="edge45" class="edge">
+<title>../components/coin&#45;divider/CoinDividerButtonLabel.js&#45;&gt;../components/text/index.js</title>
+<path fill="none" stroke="#757575" d="M4900.68,-2581.81C4904.41,-2584.45 4907.95,-2587.38 4911.25,-2590.63 4951.86,-2630.65 4929.81,-2790.36 4947.25,-2844.63 4978.43,-2941.65 5042.9,-3045.68 5071.91,-3089.83"/>
+<polygon fill="#757575" stroke="#757575" points="5068.89,-3091.6 5077.34,-3098 5074.72,-3087.73 5068.89,-3091.6"/>
+</g>
+<!-- ../components/coin&#45;divider/CoinDividerButtonLabel.js&#45;&gt;../components/animations/index.js -->
+<g id="edge44" class="edge">
+<title>../components/coin&#45;divider/CoinDividerButtonLabel.js&#45;&gt;../components/animations/index.js</title>
+<path fill="none" stroke="#757575" d="M4883.39,-2557.28C5094.45,-2535.31 5482.8,-2481.83 5571.75,-2379.63 5618.73,-2325.65 5590.87,-2129.17 5607.75,-2059.63 5695.02,-1700.03 5774.56,-1628.2 5904.25,-1281.63 5920.51,-1238.17 5903.18,-1211.54 5940.25,-1183.63 6058.61,-1094.51 6489.19,-1227.74 6605.25,-1135.63 6694.88,-1064.5 6761.52,-690.29 6777.63,-592.19"/>
+<polygon fill="#757575" stroke="#757575" points="6781.06,-592.86 6779.21,-582.43 6774.15,-591.74 6781.06,-592.86"/>
+</g>
+<!-- ../components/coin&#45;icon/ChainBadge.js -->
+<g id="node72" class="node">
+<title>../components/coin&#45;icon/ChainBadge.js</title>
+<path fill="none" stroke="#c6c5fe" d="M5205.08,-1665.51C5205.08,-1665.51 4970.17,-1665.51 4970.17,-1665.51 4966.21,-1665.51 4962.25,-1661.55 4962.25,-1657.59 4962.25,-1657.59 4962.25,-1649.67 4962.25,-1649.67 4962.25,-1645.72 4966.21,-1641.76 4970.17,-1641.76 4970.17,-1641.76 5205.08,-1641.76 5205.08,-1641.76 5209.04,-1641.76 5213,-1645.72 5213,-1649.67 5213,-1649.67 5213,-1657.59 5213,-1657.59 5213,-1661.55 5209.04,-1665.51 5205.08,-1665.51"/>
+<text text-anchor="middle" x="5087.62" y="-1648.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/coin&#45;icon/ChainBadge.js</text>
+</g>
+<!-- ../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/arbitrumBadge.png -->
+<g id="edge46" class="edge">
+<title>../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/arbitrumBadge.png</title>
+<path fill="none" stroke="#757575" d="M5091.33,-1665.94C5109.56,-1748.59 5215.44,-2220.6 5264,-2262.63 5271.81,-2269.39 5280.73,-2274.59 5290.26,-2278.55"/>
+<polygon fill="#757575" stroke="#757575" points="5288.79,-2281.74 5299.39,-2281.85 5291.18,-2275.16 5288.79,-2281.74"/>
+</g>
+<!-- ../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/arbitrumBadgeDark.png -->
+<g id="edge47" class="edge">
+<title>../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/arbitrumBadgeDark.png</title>
+<path fill="none" stroke="#757575" d="M5090.56,-1665.61C5102.88,-1740.46 5172.87,-2143.3 5264,-2220.63 5267.96,-2223.99 5272.19,-2226.96 5276.63,-2229.58"/>
+<polygon fill="#757575" stroke="#757575" points="5274.84,-2232.59 5285.33,-2234.08 5278.06,-2226.38 5274.84,-2232.59"/>
+</g>
+<!-- ../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/arbitrumBadgeLarge.png -->
+<g id="edge48" class="edge">
+<title>../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/arbitrumBadgeLarge.png</title>
+<path fill="none" stroke="#757575" d="M5088.41,-1665.65C5087.97,-1730.25 5094.99,-2038.44 5264,-2178.63 5267.08,-2181.19 5270.33,-2183.52 5273.7,-2185.64"/>
+<polygon fill="#757575" stroke="#757575" points="5271.78,-2188.57 5282.22,-2190.35 5275.16,-2182.45 5271.78,-2188.57"/>
+</g>
+<!-- ../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/arbitrumBadgeLargeDark.png -->
+<g id="edge49" class="edge">
+<title>../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/arbitrumBadgeLargeDark.png</title>
+<path fill="none" stroke="#757575" d="M5088.8,-1665.92C5090.42,-1728.03 5106.47,-2009.37 5264,-2136.63 5265.14,-2137.56 5266.31,-2138.45 5267.49,-2139.31"/>
+<polygon fill="#757575" stroke="#757575" points="5265.35,-2142.1 5275.66,-2144.57 5269.14,-2136.21 5265.35,-2142.1"/>
+</g>
+<!-- ../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/avalancheBadge.png -->
+<g id="edge50" class="edge">
+<title>../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/avalancheBadge.png</title>
+<path fill="none" stroke="#757575" d="M5089.25,-1665.65C5092.96,-1724.03 5117.4,-1979.82 5264,-2094.63 5270.31,-2099.57 5277.23,-2103.64 5284.53,-2106.98"/>
+<polygon fill="#757575" stroke="#757575" points="5283.1,-2110.18 5293.68,-2110.67 5285.71,-2103.69 5283.1,-2110.18"/>
+</g>
+<!-- ../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/avalancheBadgeDark.png -->
+<g id="edge51" class="edge">
+<title>../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/avalancheBadgeDark.png</title>
+<path fill="none" stroke="#757575" d="M5089.82,-1665.99C5095.91,-1721.62 5128.72,-1950.52 5264,-2052.63 5266.21,-2054.3 5268.49,-2055.87 5270.83,-2057.34"/>
+<polygon fill="#757575" stroke="#757575" points="5269.02,-2060.34 5279.46,-2062.14 5272.42,-2054.22 5269.02,-2060.34"/>
+</g>
+<!-- ../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/avalancheBadgeLarge.png -->
+<g id="edge52" class="edge">
+<title>../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/avalancheBadgeLarge.png</title>
+<path fill="none" stroke="#757575" d="M5090.45,-1665.75C5098.92,-1717.41 5139.43,-1920.69 5264,-2010.63 5265.57,-2011.76 5267.17,-2012.85 5268.8,-2013.89"/>
+<polygon fill="#757575" stroke="#757575" points="5266.71,-2016.72 5277.13,-2018.61 5270.16,-2010.64 5266.71,-2016.72"/>
+</g>
+<!-- ../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/avalancheBadgeLargeDark.png -->
+<g id="edge53" class="edge">
+<title>../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/avalancheBadgeLargeDark.png</title>
+<path fill="none" stroke="#757575" d="M5091.31,-1665.96C5102.51,-1714.14 5150.32,-1890.92 5264,-1968.63 5265.82,-1969.88 5267.69,-1971.07 5269.59,-1972.2"/>
+<polygon fill="#757575" stroke="#757575" points="5267.58,-1975.09 5278.05,-1976.7 5270.86,-1968.91 5267.58,-1975.09"/>
+</g>
+<!-- ../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/baseBadge.png -->
+<g id="edge54" class="edge">
+<title>../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/baseBadge.png</title>
+<path fill="none" stroke="#757575" d="M5092.32,-1665.83C5106.34,-1709.74 5160.72,-1860.71 5264,-1926.63 5275.11,-1933.73 5287.61,-1938.87 5300.53,-1942.55"/>
+<polygon fill="#757575" stroke="#757575" points="5299.46,-1945.89 5310.01,-1944.94 5301.17,-1939.1 5299.46,-1945.89"/>
+</g>
+<!-- ../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/baseBadgeDark.png -->
+<g id="edge55" class="edge">
+<title>../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/baseBadgeDark.png</title>
+<path fill="none" stroke="#757575" d="M5093.73,-1665.85C5110.92,-1705.37 5170.97,-1830.25 5264,-1884.63 5271,-1888.72 5278.47,-1892.14 5286.22,-1894.98"/>
+<polygon fill="#757575" stroke="#757575" points="5284.9,-1898.23 5295.5,-1898.04 5287.1,-1891.59 5284.9,-1898.23"/>
+</g>
+<!-- ../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/baseBadgeLarge.png -->
+<g id="edge56" class="edge">
+<title>../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/baseBadgeLarge.png</title>
+<path fill="none" stroke="#757575" d="M5095.5,-1665.54C5116.02,-1699.86 5180.61,-1799.25 5264,-1842.63 5270.16,-1845.84 5276.64,-1848.61 5283.31,-1851"/>
+<polygon fill="#757575" stroke="#757575" points="5281.91,-1854.22 5292.5,-1853.99 5284.07,-1847.57 5281.91,-1854.22"/>
+</g>
+<!-- ../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/baseBadgeLargeDark.png -->
+<g id="edge57" class="edge">
+<title>../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/baseBadgeLargeDark.png</title>
+<path fill="none" stroke="#757575" d="M5098.58,-1665.72C5123.19,-1694.67 5190.26,-1767.96 5264,-1800.63 5268.27,-1802.52 5272.67,-1804.26 5277.16,-1805.84"/>
+<polygon fill="#757575" stroke="#757575" points="5275.75,-1809.06 5286.34,-1808.81 5277.9,-1802.4 5275.75,-1809.06"/>
+</g>
+<!-- ../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/blastBadge.png -->
+<g id="edge58" class="edge">
+<title>../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/blastBadge.png</title>
+<path fill="none" stroke="#757575" d="M5103.97,-1665.8C5133.21,-1688.27 5199.72,-1736.04 5264,-1758.63 5275.63,-1762.72 5288.02,-1766.02 5300.52,-1768.68"/>
+<polygon fill="#757575" stroke="#757575" points="5299.54,-1772.05 5310.03,-1770.56 5300.9,-1765.18 5299.54,-1772.05"/>
+</g>
+<!-- ../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/blastBadgeDark.png -->
+<g id="edge59" class="edge">
+<title>../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/blastBadgeDark.png</title>
+<path fill="none" stroke="#757575" d="M5117.22,-1666C5151.48,-1680.32 5210.9,-1703.6 5264,-1716.63 5274.14,-1719.12 5284.73,-1721.34 5295.41,-1723.31"/>
+<polygon fill="#757575" stroke="#757575" points="5294.6,-1726.72 5305.05,-1725.01 5295.82,-1719.83 5294.6,-1726.72"/>
+</g>
+<!-- ../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/blastBadgeLarge.png -->
+<g id="edge60" class="edge">
+<title>../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/blastBadgeLarge.png</title>
+<path fill="none" stroke="#757575" d="M5185.34,-1666.01C5224.15,-1670.97 5269.04,-1676.72 5308.91,-1681.82"/>
+<polygon fill="#757575" stroke="#757575" points="5308.42,-1685.28 5318.79,-1683.08 5309.31,-1678.34 5308.42,-1685.28"/>
+</g>
+<!-- ../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/blastBadgeLargeDark.png -->
+<g id="edge61" class="edge">
+<title>../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/blastBadgeLargeDark.png</title>
+<path fill="none" stroke="#757575" d="M5213.19,-1653.63C5231.29,-1653.63 5250.07,-1653.63 5268.58,-1653.63"/>
+<polygon fill="#757575" stroke="#757575" points="5268.55,-1657.13 5278.55,-1653.63 5268.55,-1650.13 5268.55,-1657.13"/>
+</g>
+<!-- ../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/bscBadge.png -->
+<g id="edge62" class="edge">
+<title>../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/bscBadge.png</title>
+<path fill="none" stroke="#757575" d="M5185.34,-1641.26C5224.15,-1636.29 5269.04,-1630.55 5308.91,-1625.45"/>
+<polygon fill="#757575" stroke="#757575" points="5309.31,-1628.92 5318.79,-1624.18 5308.42,-1621.98 5309.31,-1628.92"/>
+</g>
+<!-- ../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/bscBadgeDark.png -->
+<g id="edge63" class="edge">
+<title>../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/bscBadgeDark.png</title>
+<path fill="none" stroke="#757575" d="M5117.22,-1641.26C5151.48,-1626.95 5210.9,-1603.67 5264,-1590.63 5274.14,-1588.14 5284.73,-1585.93 5295.41,-1583.95"/>
+<polygon fill="#757575" stroke="#757575" points="5295.82,-1587.44 5305.05,-1582.25 5294.6,-1580.54 5295.82,-1587.44"/>
+</g>
+<!-- ../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/bscBadgeLarge.png -->
+<g id="edge64" class="edge">
+<title>../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/bscBadgeLarge.png</title>
+<path fill="none" stroke="#757575" d="M5103.97,-1641.46C5133.21,-1618.99 5199.72,-1571.23 5264,-1548.63 5271.39,-1546.04 5279.08,-1543.76 5286.91,-1541.76"/>
+<polygon fill="#757575" stroke="#757575" points="5287.66,-1545.18 5296.59,-1539.47 5286.05,-1538.37 5287.66,-1545.18"/>
+</g>
+<!-- ../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/bscBadgeLargeDark.png -->
+<g id="edge65" class="edge">
+<title>../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/bscBadgeLargeDark.png</title>
+<path fill="none" stroke="#757575" d="M5098.58,-1641.54C5123.19,-1612.59 5190.26,-1539.3 5264,-1506.63 5268.27,-1504.74 5272.67,-1503.01 5277.16,-1501.42"/>
+<polygon fill="#757575" stroke="#757575" points="5277.9,-1504.86 5286.34,-1498.45 5275.75,-1498.2 5277.9,-1504.86"/>
+</g>
+<!-- ../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/degenBadge.png -->
+<g id="edge66" class="edge">
+<title>../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/degenBadge.png</title>
+<path fill="none" stroke="#757575" d="M5095.5,-1641.72C5116.02,-1607.4 5180.61,-1508.01 5264,-1464.63 5274.09,-1459.39 5285.03,-1455.3 5296.27,-1452.14"/>
+<polygon fill="#757575" stroke="#757575" points="5296.82,-1455.61 5305.65,-1449.75 5295.09,-1448.83 5296.82,-1455.61"/>
+</g>
+<!-- ../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/degenBadgeDark.png -->
+<g id="edge67" class="edge">
+<title>../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/degenBadgeDark.png</title>
+<path fill="none" stroke="#757575" d="M5093.73,-1641.41C5110.92,-1601.9 5170.97,-1477.01 5264,-1422.63 5269.78,-1419.25 5275.89,-1416.34 5282.2,-1413.82"/>
+<polygon fill="#757575" stroke="#757575" points="5283.35,-1417.13 5291.58,-1410.46 5280.99,-1410.54 5283.35,-1417.13"/>
+</g>
+<!-- ../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/degenBadgeLarge.png -->
+<g id="edge68" class="edge">
+<title>../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/degenBadgeLarge.png</title>
+<path fill="none" stroke="#757575" d="M5092.32,-1641.44C5106.34,-1597.52 5160.72,-1446.56 5264,-1380.63 5268.88,-1377.51 5274.04,-1374.77 5279.37,-1372.37"/>
+<polygon fill="#757575" stroke="#757575" points="5280.48,-1375.7 5288.44,-1368.71 5277.86,-1369.2 5280.48,-1375.7"/>
+</g>
+<!-- ../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/degenBadgeLargeDark.png -->
+<g id="edge69" class="edge">
+<title>../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/degenBadgeLargeDark.png</title>
+<path fill="none" stroke="#757575" d="M5091.31,-1641.31C5102.51,-1593.12 5150.32,-1416.34 5264,-1338.63 5265.82,-1337.38 5267.69,-1336.2 5269.59,-1335.06"/>
+<polygon fill="#757575" stroke="#757575" points="5270.86,-1338.35 5278.05,-1330.57 5267.58,-1332.17 5270.86,-1338.35"/>
+</g>
+<!-- ../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/optimismBadge.png -->
+<g id="edge70" class="edge">
+<title>../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/optimismBadge.png</title>
+<path fill="none" stroke="#757575" d="M5090.45,-1641.51C5098.92,-1589.85 5139.43,-1386.57 5264,-1296.63 5271.25,-1291.39 5279.22,-1287.17 5287.58,-1283.77"/>
+<polygon fill="#757575" stroke="#757575" points="5288.71,-1287.09 5296.94,-1280.42 5286.35,-1280.5 5288.71,-1287.09"/>
+</g>
+<!-- ../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/optimismBadgeDark.png -->
+<g id="edge71" class="edge">
+<title>../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/optimismBadgeDark.png</title>
+<path fill="none" stroke="#757575" d="M5089.82,-1641.27C5095.91,-1585.65 5128.72,-1356.75 5264,-1254.63 5267.2,-1252.22 5270.54,-1250.02 5274.01,-1248.01"/>
+<polygon fill="#757575" stroke="#757575" points="5275.42,-1251.21 5282.72,-1243.53 5272.23,-1244.99 5275.42,-1251.21"/>
+</g>
+<!-- ../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/optimismBadgeLarge.png -->
+<g id="edge72" class="edge">
+<title>../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/optimismBadgeLarge.png</title>
+<path fill="none" stroke="#757575" d="M5089.25,-1641.61C5092.96,-1583.24 5117.4,-1327.45 5264,-1212.63 5266.31,-1210.83 5268.7,-1209.13 5271.16,-1207.55"/>
+<polygon fill="#757575" stroke="#757575" points="5272.68,-1210.71 5279.65,-1202.73 5269.23,-1204.62 5272.68,-1210.71"/>
+</g>
+<!-- ../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/optimismBadgeLargeDark.png -->
+<g id="edge73" class="edge">
+<title>../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/optimismBadgeLargeDark.png</title>
+<path fill="none" stroke="#757575" d="M5088.8,-1641.34C5090.42,-1579.23 5106.47,-1297.89 5264,-1170.63 5265.14,-1169.71 5266.31,-1168.82 5267.49,-1167.95"/>
+<polygon fill="#757575" stroke="#757575" points="5269.14,-1171.05 5275.66,-1162.7 5265.35,-1165.16 5269.14,-1171.05"/>
+</g>
+<!-- ../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/polygonBadge.png -->
+<g id="edge74" class="edge">
+<title>../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/polygonBadge.png</title>
+<path fill="none" stroke="#757575" d="M5088.41,-1641.61C5087.97,-1577.02 5094.99,-1268.82 5264,-1128.63 5272.26,-1121.78 5281.69,-1116.55 5291.7,-1112.62"/>
+<polygon fill="#757575" stroke="#757575" points="5292.58,-1116.02 5300.9,-1109.46 5290.31,-1109.4 5292.58,-1116.02"/>
+</g>
+<!-- ../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/polygonBadgeDark.png -->
+<g id="edge75" class="edge">
+<title>../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/polygonBadgeDark.png</title>
+<path fill="none" stroke="#757575" d="M5090.56,-1641.66C5102.88,-1566.8 5172.87,-1163.97 5264,-1086.63 5268.42,-1082.88 5273.18,-1079.62 5278.2,-1076.78"/>
+<polygon fill="#757575" stroke="#757575" points="5279.39,-1080.1 5286.79,-1072.51 5276.28,-1073.83 5279.39,-1080.1"/>
+</g>
+<!-- ../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/polygonBadgeLarge.png -->
+<g id="edge76" class="edge">
+<title>../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/polygonBadgeLarge.png</title>
+<path fill="none" stroke="#757575" d="M5090.34,-1641.29C5101.59,-1562.32 5167.29,-1128.34 5264,-1044.63 5267.49,-1041.61 5271.2,-1038.9 5275.09,-1036.48"/>
+<polygon fill="#757575" stroke="#757575" points="5276.67,-1039.6 5283.77,-1031.74 5273.31,-1033.46 5276.67,-1039.6"/>
+</g>
+<!-- ../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/polygonBadgeLargeDark.png -->
+<g id="edge77" class="edge">
+<title>../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/polygonBadgeLargeDark.png</title>
+<path fill="none" stroke="#757575" d="M5090.11,-1641.26C5100.2,-1559.1 5161.56,-1092.86 5264,-1002.63 5264.93,-1001.81 5265.88,-1001.02 5266.84,-1000.24"/>
+<polygon fill="#757575" stroke="#757575" points="5268.49,-1003.36 5274.65,-994.73 5264.46,-997.64 5268.49,-1003.36"/>
+</g>
+<!-- ../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/zoraBadge.png -->
+<g id="edge78" class="edge">
+<title>../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/zoraBadge.png</title>
+<path fill="none" stroke="#757575" d="M5089.89,-1641.3C5098.87,-1556.28 5155.77,-1057.43 5264,-960.63 5274.9,-950.88 5288.1,-944.34 5302.13,-940.07"/>
+<polygon fill="#757575" stroke="#757575" points="5302.73,-943.53 5311.53,-937.62 5300.97,-936.76 5302.73,-943.53"/>
+</g>
+<!-- ../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/zoraBadgeDark.png -->
+<g id="edge79" class="edge">
+<title>../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/zoraBadgeDark.png</title>
+<path fill="none" stroke="#757575" d="M5089.69,-1641.42C5097.59,-1553.85 5149.93,-1022.06 5264,-918.63 5271.13,-912.16 5279.27,-907.1 5288,-903.17"/>
+<polygon fill="#757575" stroke="#757575" points="5289.05,-906.52 5297.08,-899.61 5286.5,-900 5289.05,-906.52"/>
+</g>
+<!-- ../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/zoraBadgeLarge.png -->
+<g id="edge80" class="edge">
+<title>../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/zoraBadgeLarge.png</title>
+<path fill="none" stroke="#757575" d="M5089.53,-1641.31C5096.48,-1550.61 5144.17,-986.63 5264,-876.63 5270.38,-870.77 5277.59,-866.06 5285.31,-862.3"/>
+<polygon fill="#757575" stroke="#757575" points="5286.5,-865.59 5294.34,-858.47 5283.77,-859.15 5286.5,-865.59"/>
+</g>
+<!-- ../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/zoraBadgeLargeDark.png -->
+<g id="edge81" class="edge">
+<title>../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/zoraBadgeLargeDark.png</title>
+<path fill="none" stroke="#757575" d="M5091.52,-1665.87C5112.25,-1753.45 5238.23,-2281.93 5264,-2304.63 5266.5,-2306.83 5269.11,-2308.87 5271.83,-2310.75"/>
+<polygon fill="#757575" stroke="#757575" points="5269.76,-2313.59 5280.13,-2315.79 5273.4,-2307.61 5269.76,-2313.59"/>
+</g>
+<!-- ../components/coin&#45;icon/ChainBadge.js&#45;&gt;../components/layout/index.js -->
+<g id="edge82" class="edge">
+<title>../components/coin&#45;icon/ChainBadge.js&#45;&gt;../components/layout/index.js</title>
+<path fill="none" stroke="#757575" d="M5090.28,-1665.89C5101.76,-1749.4 5171.79,-2234.67 5264,-2346.63 5464.02,-2589.49 5692.98,-2415.49 5904.25,-2648.63 5936.25,-2683.94 5903.5,-2719.29 5940.25,-2749.63 6049.04,-2839.44 6160.87,-2691.67 6254,-2797.63 6311.12,-2862.62 6232.28,-4290.18 6290,-4354.63 6303.22,-4369.39 6321.45,-4377.5 6340.8,-4381.53"/>
+<polygon fill="#757575" stroke="#757575" points="6340.04,-4384.95 6350.48,-4383.15 6341.2,-4378.04 6340.04,-4384.95"/>
+</g>
+<!-- ../components/coin&#45;icon/CoinIconFallback.js -->
+<g id="node73" class="node">
+<title>../components/coin&#45;icon/CoinIconFallback.js</title>
+<path fill="none" stroke="#cfffac" d="M4385.58,-2371.51C4385.58,-2371.51 4121.42,-2371.51 4121.42,-2371.51 4117.46,-2371.51 4113.5,-2367.55 4113.5,-2363.59 4113.5,-2363.59 4113.5,-2355.67 4113.5,-2355.67 4113.5,-2351.72 4117.46,-2347.76 4121.42,-2347.76 4121.42,-2347.76 4385.58,-2347.76 4385.58,-2347.76 4389.54,-2347.76 4393.5,-2351.72 4393.5,-2355.67 4393.5,-2355.67 4393.5,-2363.59 4393.5,-2363.59 4393.5,-2367.55 4389.54,-2371.51 4385.58,-2371.51"/>
+<text text-anchor="middle" x="4253.5" y="-2354.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/coin&#45;icon/CoinIconFallback.js</text>
+</g>
+<!-- ../components/coin&#45;icon/CoinIconIndicator.js -->
+<g id="node74" class="node">
+<title>../components/coin&#45;icon/CoinIconIndicator.js</title>
+<path fill="none" stroke="#c6c5fe" d="M5220.08,-2453.51C5220.08,-2453.51 4955.17,-2453.51 4955.17,-2453.51 4951.21,-2453.51 4947.25,-2449.55 4947.25,-2445.59 4947.25,-2445.59 4947.25,-2437.67 4947.25,-2437.67 4947.25,-2433.72 4951.21,-2429.76 4955.17,-2429.76 4955.17,-2429.76 5220.08,-2429.76 5220.08,-2429.76 5224.04,-2429.76 5228,-2433.72 5228,-2437.67 5228,-2437.67 5228,-2445.59 5228,-2445.59 5228,-2449.55 5224.04,-2453.51 5220.08,-2453.51"/>
+<text text-anchor="middle" x="5087.62" y="-2436.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/coin&#45;icon/CoinIconIndicator.js</text>
+</g>
+<!-- ../components/coin&#45;icon/CoinIconIndicator.js&#45;&gt;../components/icons/index.js -->
+<g id="edge83" class="edge">
+<title>../components/coin&#45;icon/CoinIconIndicator.js&#45;&gt;../components/icons/index.js</title>
+<path fill="none" stroke="#757575" d="M5100.93,-2453.97C5127.84,-2480.12 5195.04,-2541.08 5264,-2569.63 5391.9,-2622.6 5436.52,-2588.02 5571.75,-2617.63 5617.71,-2627.7 5669.19,-2642.64 5705.85,-2653.92"/>
+<polygon fill="#757575" stroke="#757575" points="5704.7,-2657.23 5715.29,-2656.85 5706.78,-2650.55 5704.7,-2657.23"/>
+</g>
+<!-- ../components/coin&#45;icon/RainbowCoinIcon.tsx -->
+<g id="node75" class="node">
+<title>../components/coin&#45;icon/RainbowCoinIcon.tsx</title>
+<path fill="none" stroke="#c6c5fe" d="M3876.83,-2177.51C3876.83,-2177.51 3602.92,-2177.51 3602.92,-2177.51 3598.96,-2177.51 3595,-2173.55 3595,-2169.59 3595,-2169.59 3595,-2161.67 3595,-2161.67 3595,-2157.72 3598.96,-2153.76 3602.92,-2153.76 3602.92,-2153.76 3876.83,-2153.76 3876.83,-2153.76 3880.79,-2153.76 3884.75,-2157.72 3884.75,-2161.67 3884.75,-2161.67 3884.75,-2169.59 3884.75,-2169.59 3884.75,-2173.55 3880.79,-2177.51 3876.83,-2177.51"/>
+<text text-anchor="middle" x="3739.88" y="-2160.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/coin&#45;icon/RainbowCoinIcon.tsx</text>
+</g>
+<!-- ../components/coin&#45;icon/RainbowCoinIcon.tsx&#45;&gt;../components/asset&#45;list/RecyclerAssetList2/FastComponents/FastCoinBadge.tsx -->
+<g id="edge84" class="edge">
+<title>../components/coin&#45;icon/RainbowCoinIcon.tsx&#45;&gt;../components/asset&#45;list/RecyclerAssetList2/FastComponents/FastCoinBadge.tsx</title>
+<path fill="none" stroke="#757575" d="M3867.96,-2153.27C3899.64,-2150.31 3933.55,-2147.25 3965,-2144.63 3997.04,-2141.96 4031.1,-2139.31 4064.15,-2136.83"/>
+<polygon fill="#757575" stroke="#757575" points="4064.1,-2140.35 4073.81,-2136.11 4063.58,-2133.37 4064.1,-2140.35"/>
+</g>
+<!-- ../components/coin&#45;icon/RainbowCoinIcon.tsx&#45;&gt;../components/asset&#45;list/RecyclerAssetList2/FastComponents/FastFallbackCoinIconImage.tsx -->
+<g id="edge85" class="edge">
+<title>../components/coin&#45;icon/RainbowCoinIcon.tsx&#45;&gt;../components/asset&#45;list/RecyclerAssetList2/FastComponents/FastFallbackCoinIconImage.tsx</title>
+<path fill="none" stroke="#757575" d="M3885.09,-2165.63C3906.78,-2165.63 3929.8,-2165.63 3953.32,-2165.63"/>
+<polygon fill="#757575" stroke="#757575" points="3953.01,-2169.13 3963.01,-2165.63 3953.01,-2162.13 3953.01,-2169.13"/>
+</g>
+<!-- ../components/coin&#45;icon/RequestCoinIcon.js -->
+<g id="node76" class="node">
+<title>../components/coin&#45;icon/RequestCoinIcon.js</title>
+<path fill="none" stroke="#c6c5fe" d="M4385.58,-2498.51C4385.58,-2498.51 4121.42,-2498.51 4121.42,-2498.51 4117.46,-2498.51 4113.5,-2494.55 4113.5,-2490.59 4113.5,-2490.59 4113.5,-2482.67 4113.5,-2482.67 4113.5,-2478.72 4117.46,-2474.76 4121.42,-2474.76 4121.42,-2474.76 4385.58,-2474.76 4385.58,-2474.76 4389.54,-2474.76 4393.5,-2478.72 4393.5,-2482.67 4393.5,-2482.67 4393.5,-2490.59 4393.5,-2490.59 4393.5,-2494.55 4389.54,-2498.51 4385.58,-2498.51"/>
+<text text-anchor="middle" x="4253.5" y="-2481.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/coin&#45;icon/RequestCoinIcon.js</text>
+</g>
+<!-- ../components/coin&#45;icon/RequestVendorLogoIcon.js -->
+<g id="node77" class="node">
+<title>../components/coin&#45;icon/RequestVendorLogoIcon.js</title>
+<path fill="none" stroke="#c6c5fe" d="M4899.21,-2539.51C4899.21,-2539.51 4590.04,-2539.51 4590.04,-2539.51 4586.08,-2539.51 4582.12,-2535.55 4582.12,-2531.59 4582.12,-2531.59 4582.12,-2523.67 4582.12,-2523.67 4582.12,-2519.72 4586.08,-2515.76 4590.04,-2515.76 4590.04,-2515.76 4899.21,-2515.76 4899.21,-2515.76 4903.17,-2515.76 4907.12,-2519.72 4907.12,-2523.67 4907.12,-2523.67 4907.12,-2531.59 4907.12,-2531.59 4907.12,-2535.55 4903.17,-2539.51 4899.21,-2539.51"/>
+<text text-anchor="middle" x="4744.62" y="-2522.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/coin&#45;icon/RequestVendorLogoIcon.js</text>
+</g>
+<!-- ../components/coin&#45;icon/RequestCoinIcon.js&#45;&gt;../components/coin&#45;icon/RequestVendorLogoIcon.js -->
+<g id="edge86" class="edge">
+<title>../components/coin&#45;icon/RequestCoinIcon.js&#45;&gt;../components/coin&#45;icon/RequestVendorLogoIcon.js</title>
+<path fill="none" stroke="#757575" d="M4393.68,-2498.3C4453.23,-2503.29 4523.09,-2509.15 4584.67,-2514.31"/>
+<polygon fill="#757575" stroke="#757575" points="4584.3,-2517.79 4594.55,-2515.14 4584.88,-2510.81 4584.3,-2517.79"/>
+</g>
+<!-- ../components/coin&#45;icon/RequestVendorLogoIcon.js&#45;&gt;../components/layout/index.js -->
+<g id="edge88" class="edge">
+<title>../components/coin&#45;icon/RequestVendorLogoIcon.js&#45;&gt;../components/layout/index.js</title>
+<path fill="none" stroke="#757575" d="M4899.45,-2539.89C4903.59,-2542.49 4907.54,-2545.39 4911.25,-2548.63 4958.01,-2589.49 4906.53,-2636.75 4947.25,-2683.63 5036.13,-2785.94 5150.62,-2691.37 5228,-2802.63 5278.17,-2874.77 5202.68,-3529.7 5264,-3592.63 5302.48,-3632.13 6215.39,-3624.26 6254,-3663.63 6307.83,-3718.52 6237.89,-4298.11 6290,-4354.63 6303.35,-4369.12 6321.54,-4377.13 6340.79,-4381.16"/>
+<polygon fill="#757575" stroke="#757575" points="6339.96,-4384.57 6350.41,-4382.79 6341.14,-4377.66 6339.96,-4384.57"/>
+</g>
+<!-- ../components/coin&#45;icon/RequestVendorLogoIcon.js&#45;&gt;../components/text/index.js -->
+<g id="edge89" class="edge">
+<title>../components/coin&#45;icon/RequestVendorLogoIcon.js&#45;&gt;../components/text/index.js</title>
+<path fill="none" stroke="#757575" d="M4901.11,-2539.98C4904.69,-2542.57 4908.08,-2545.45 4911.25,-2548.63 4957.99,-2595.61 4927.6,-2781.35 4947.25,-2844.63 4977.47,-2941.95 5042.44,-3045.83 5071.75,-3089.88"/>
+<polygon fill="#757575" stroke="#757575" points="5068.75,-3091.69 5077.23,-3098.03 5074.56,-3087.78 5068.75,-3091.69"/>
+</g>
+<!-- ../components/coin&#45;icon/RequestVendorLogoIcon.js&#45;&gt;../components/coin&#45;icon/ChainBadge.js -->
+<g id="edge87" class="edge">
+<title>../components/coin&#45;icon/RequestVendorLogoIcon.js&#45;&gt;../components/coin&#45;icon/ChainBadge.js</title>
+<path fill="none" stroke="#757575" d="M4900.06,-2515.42C4904,-2512.8 4907.74,-2509.88 4911.25,-2506.63 4943.15,-2477.09 5059.37,-1811.65 5082.58,-1677.19"/>
+<polygon fill="#757575" stroke="#757575" points="5086.02,-1677.81 5084.27,-1667.37 5079.12,-1676.63 5086.02,-1677.81"/>
+</g>
+<!-- ../components/coin&#45;icon/index.js -->
+<g id="node78" class="node">
+<title>../components/coin&#45;icon/index.js</title>
+<path fill="none" stroke="#c6c5fe" d="M3836.33,-2453.51C3836.33,-2453.51 3643.42,-2453.51 3643.42,-2453.51 3639.46,-2453.51 3635.5,-2449.55 3635.5,-2445.59 3635.5,-2445.59 3635.5,-2437.67 3635.5,-2437.67 3635.5,-2433.72 3639.46,-2429.76 3643.42,-2429.76 3643.42,-2429.76 3836.33,-2429.76 3836.33,-2429.76 3840.29,-2429.76 3844.25,-2433.72 3844.25,-2437.67 3844.25,-2437.67 3844.25,-2445.59 3844.25,-2445.59 3844.25,-2449.55 3840.29,-2453.51 3836.33,-2453.51"/>
+<text text-anchor="middle" x="3739.88" y="-2436.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/coin&#45;icon/index.js</text>
+</g>
+<!-- ../components/coin&#45;icon/index.js&#45;&gt;../components/coin&#45;icon/ChainBadge.js -->
+<g id="edge90" class="edge">
+<title>../components/coin&#45;icon/index.js&#45;&gt;../components/coin&#45;icon/ChainBadge.js</title>
+<path fill="none" stroke="#757575" d="M3780.45,-2429.38C3820.89,-2415.46 3883.98,-2389.75 3929,-2352.63 3949.85,-2335.44 3941.42,-2316.83 3965,-2303.63 4149.13,-2200.58 4746.92,-2356.99 4911.25,-2224.63 5000.9,-2152.42 5066.96,-1775.99 5082.91,-1677.33"/>
+<polygon fill="#757575" stroke="#757575" points="5086.36,-1677.92 5084.48,-1667.5 5079.45,-1676.82 5086.36,-1677.92"/>
+</g>
+<!-- ../components/coin&#45;icon/index.js&#45;&gt;../components/coin&#45;icon/CoinIconFallback.js -->
+<g id="edge91" class="edge">
+<title>../components/coin&#45;icon/index.js&#45;&gt;../components/coin&#45;icon/CoinIconFallback.js</title>
+<path fill="none" stroke="#757575" d="M3782.19,-2429.26C3826.85,-2416.38 3900.34,-2396.57 3965,-2385.63 4009.09,-2378.18 4057.38,-2372.76 4101.58,-2368.86"/>
+<polygon fill="#757575" stroke="#757575" points="4101.85,-2372.35 4111.51,-2368.01 4101.25,-2365.38 4101.85,-2372.35"/>
+</g>
+<!-- ../components/coin&#45;icon/index.js&#45;&gt;../components/coin&#45;icon/CoinIconIndicator.js -->
+<g id="edge92" class="edge">
+<title>../components/coin&#45;icon/index.js&#45;&gt;../components/coin&#45;icon/CoinIconIndicator.js</title>
+<path fill="none" stroke="#757575" d="M3766.17,-2429.26C3820.3,-2402.9 3944.19,-2343.19 3965,-2338.63 4067.71,-2316.16 4822.55,-2282.19 4911.25,-2338.63 4943.12,-2358.91 4917.38,-2392.5 4947.25,-2415.63 4951.53,-2418.94 4956.09,-2421.88 4960.87,-2424.47"/>
+<polygon fill="#757575" stroke="#757575" points="4959.06,-2427.49 4969.59,-2428.69 4962.11,-2421.18 4959.06,-2427.49"/>
+</g>
+<!-- ../components/coin&#45;icon/index.js&#45;&gt;../components/coin&#45;icon/RequestCoinIcon.js -->
+<g id="edge93" class="edge">
+<title>../components/coin&#45;icon/index.js&#45;&gt;../components/coin&#45;icon/RequestCoinIcon.js</title>
+<path fill="none" stroke="#757575" d="M3844.59,-2452.84C3882.47,-2456.78 3925.65,-2461.11 3965,-2464.63 4009.38,-2468.61 4057.65,-2472.48 4101.74,-2475.83"/>
+<polygon fill="#757575" stroke="#757575" points="4101.41,-2479.32 4111.65,-2476.58 4101.94,-2472.34 4101.41,-2479.32"/>
+</g>
+<!-- ../components/coin&#45;icon/index.js&#45;&gt;../components/coin&#45;icon/RequestVendorLogoIcon.js -->
+<g id="edge94" class="edge">
+<title>../components/coin&#45;icon/index.js&#45;&gt;../components/coin&#45;icon/RequestVendorLogoIcon.js</title>
+<path fill="none" stroke="#757575" d="M3772.93,-2453.96C3815.89,-2469.81 3894.88,-2496.6 3965,-2507.63 4171.27,-2540.08 4412,-2540.66 4570.56,-2536.01"/>
+<polygon fill="#757575" stroke="#757575" points="4570.44,-2539.52 4580.32,-2535.71 4570.22,-2532.52 4570.44,-2539.52"/>
+</g>
+<!-- ../components/coin&#45;row/BottomRowText.js&#45;&gt;../components/text/index.js -->
+<g id="edge95" class="edge">
+<title>../components/coin&#45;row/BottomRowText.js&#45;&gt;../components/text/index.js</title>
+<path fill="none" stroke="#757575" d="M3468.46,-2764.67C3484.29,-2767.65 3500.04,-2771.55 3514.75,-2776.63 3532.47,-2782.75 3532.82,-2793.14 3550.75,-2798.63 3726.98,-2852.6 3780.87,-2809.71 3965,-2817.63 4070.13,-2822.15 4819.17,-2804.71 4911.25,-2855.63 5005.94,-2908 5060,-3035.78 5078.9,-3088.4"/>
+<polygon fill="#757575" stroke="#757575" points="5075.59,-3089.54 5082.18,-3097.83 5082.2,-3087.24 5075.59,-3089.54"/>
+</g>
+<!-- ../components/coin&#45;row/CoinName.js -->
+<g id="node80" class="node">
+<title>../components/coin&#45;row/CoinName.js</title>
+<path fill="none" stroke="#c6c5fe" d="M3444.96,-2809.51C3444.96,-2809.51 3222.79,-2809.51 3222.79,-2809.51 3218.83,-2809.51 3214.88,-2805.55 3214.88,-2801.59 3214.88,-2801.59 3214.88,-2793.67 3214.88,-2793.67 3214.88,-2789.72 3218.83,-2785.76 3222.79,-2785.76 3222.79,-2785.76 3444.96,-2785.76 3444.96,-2785.76 3448.92,-2785.76 3452.88,-2789.72 3452.88,-2793.67 3452.88,-2793.67 3452.88,-2801.59 3452.88,-2801.59 3452.88,-2805.55 3448.92,-2809.51 3444.96,-2809.51"/>
+<text text-anchor="middle" x="3333.88" y="-2792.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/coin&#45;row/CoinName.js</text>
+</g>
+<!-- ../components/coin&#45;row/CoinName.js&#45;&gt;../components/text/index.js -->
+<g id="edge96" class="edge">
+<title>../components/coin&#45;row/CoinName.js&#45;&gt;../components/text/index.js</title>
+<path fill="none" stroke="#757575" d="M3453.36,-2804.74C3474.44,-2808.78 3495.72,-2814.79 3514.75,-2823.63 3534.16,-2832.65 3530.88,-2847.67 3550.75,-2855.63 3831.58,-2968.11 4639.21,-2771.29 4911.25,-2903.63 4994.46,-2944.11 5053.01,-3044.44 5075.92,-3089.31"/>
+<polygon fill="#757575" stroke="#757575" points="5072.71,-3090.71 5080.3,-3098.1 5078.98,-3087.59 5072.71,-3090.71"/>
+</g>
+<!-- ../components/coin&#45;row/CoinRow.js&#45;&gt;../components/layout/index.js -->
+<g id="edge98" class="edge">
+<title>../components/coin&#45;row/CoinRow.js&#45;&gt;../components/layout/index.js</title>
+<path fill="none" stroke="#757575" d="M3440.14,-2889.91C3468.67,-2898.5 3496.63,-2912.84 3514.75,-2936.63 3565.63,-3003.45 3493.47,-3630.22 3550.75,-3691.63 3707.53,-3859.72 4348.54,-3799.16 4578,-3812.63 4725.86,-3821.31 4781.82,-3884.63 4911.25,-3812.63 4937.76,-3797.88 4920.74,-3769.38 4947.25,-3754.63 5056.29,-3693.97 5108.23,-3719.64 5228,-3754.63 5246.22,-3759.96 5246.04,-3771.48 5264,-3777.63 5473,-3849.24 6099.17,-3711.03 6254,-3868.63 6329.9,-3945.88 6215.73,-4275.82 6290,-4354.63 6303.51,-4368.97 6321.76,-4376.92 6341.04,-4380.93"/>
+<polygon fill="#757575" stroke="#757575" points="6340.21,-4384.34 6350.66,-4382.56 6341.38,-4377.44 6340.21,-4384.34"/>
+</g>
+<!-- ../components/coin&#45;row/CoinRow.js&#45;&gt;../components/coin&#45;icon/index.js -->
+<g id="edge97" class="edge">
+<title>../components/coin&#45;row/CoinRow.js&#45;&gt;../components/coin&#45;icon/index.js</title>
+<path fill="none" stroke="#757575" d="M3430.01,-2865.31C3460.85,-2856.84 3492.73,-2842.59 3514.75,-2818.63 3561.73,-2767.51 3519.65,-2728.7 3550.75,-2666.63 3594.02,-2580.26 3676.48,-2498.33 3716.28,-2461.7"/>
+<polygon fill="#757575" stroke="#757575" points="3718.6,-2464.32 3723.64,-2455 3713.89,-2459.14 3718.6,-2464.32"/>
+</g>
+<!-- ../components/coin&#45;row/CoinRowAddButton.js&#45;&gt;../components/layout/index.js -->
+<g id="edge101" class="edge">
+<title>../components/coin&#45;row/CoinRowAddButton.js&#45;&gt;../components/layout/index.js</title>
+<path fill="none" stroke="#757575" d="M3104.86,-2887.88C3109.23,-2890.99 3113.31,-2894.56 3117,-2898.63 3193.54,-2983.06 3075,-3840.55 3153,-3923.63 3156.88,-3927.76 3959.35,-4003.17 3965,-4003.63 4029.03,-4008.89 4491.74,-4001.61 4542,-4041.63 4585.56,-4076.32 4534.12,-4127.35 4578,-4161.63 4622.58,-4196.46 5030.05,-4185.63 5086.62,-4185.63 5086.62,-4185.63 5086.62,-4185.63 5757,-4185.63 5867.5,-4185.63 6168.49,-4131.64 6254,-4201.63 6308.06,-4245.88 6238.25,-4307.71 6290,-4354.63 6304.04,-4367.36 6321.9,-4374.75 6340.5,-4378.75"/>
+<polygon fill="#757575" stroke="#757575" points="6339.88,-4382.2 6350.34,-4380.51 6341.11,-4375.3 6339.88,-4382.2"/>
+</g>
+<!-- ../components/coin&#45;row/CoinRowAddButton.js&#45;&gt;../components/text/index.js -->
+<g id="edge102" class="edge">
+<title>../components/coin&#45;row/CoinRowAddButton.js&#45;&gt;../components/text/index.js</title>
+<path fill="none" stroke="#757575" d="M3069.16,-2890C3096.52,-2892.97 3125.82,-2896.03 3153,-2898.63 3329.58,-2915.56 3373.71,-2920.58 3550.75,-2931.63 3701.76,-2941.06 4767.96,-2940.07 4911.25,-2988.63 4975.04,-3010.25 5036.35,-3062.85 5066.76,-3091.77"/>
+<polygon fill="#757575" stroke="#757575" points="5064.13,-3094.09 5073.75,-3098.53 5069,-3089.06 5064.13,-3094.09"/>
+</g>
+<!-- ../components/coin&#45;row/CoinRowAddButton.js&#45;&gt;../components/animations/index.js -->
+<g id="edge99" class="edge">
+<title>../components/coin&#45;row/CoinRowAddButton.js&#45;&gt;../components/animations/index.js</title>
+<path fill="none" stroke="#757575" d="M3044.76,-2865.26C3072.34,-2856.79 3100.15,-2842.56 3117,-2818.63 3191.59,-2712.68 3062,-578.87 3153,-486.63 3198.74,-440.27 3673.75,-469.63 3738.88,-469.63 3738.88,-469.63 3738.88,-469.63 6098.12,-469.63 6324.21,-469.63 6383.71,-464.5 6605.25,-509.63 6653.36,-519.43 6706.54,-538.44 6741.74,-552.24"/>
+<polygon fill="#757575" stroke="#757575" points="6740.07,-555.35 6750.66,-555.78 6742.66,-548.84 6740.07,-555.35"/>
+</g>
+<!-- ../components/coin&#45;row/CoinRowAddButton.js&#45;&gt;../components/coin&#45;row/CoinRow.js -->
+<g id="edge100" class="edge">
+<title>../components/coin&#45;row/CoinRowAddButton.js&#45;&gt;../components/coin&#45;row/CoinRow.js</title>
+<path fill="none" stroke="#757575" d="M3104.96,-2877.63C3139.15,-2877.63 3175.31,-2877.63 3208.49,-2877.63"/>
+<polygon fill="#757575" stroke="#757575" points="3208.12,-2881.13 3218.12,-2877.63 3208.12,-2874.13 3208.12,-2881.13"/>
+</g>
+<!-- ../components/coin&#45;row/CoinRowDetailsIcon.js&#45;&gt;../components/layout/index.js -->
+<g id="edge104" class="edge">
+<title>../components/coin&#45;row/CoinRowDetailsIcon.js&#45;&gt;../components/layout/index.js</title>
+<path fill="none" stroke="#757575" d="M3106.8,-3015.31C3110.44,-3018.07 3113.86,-3021.17 3117,-3024.63 3193.32,-3108.81 3072.74,-3966.2 3153,-4046.63 3183.47,-4077.17 3885.98,-4072.44 3929,-4075.63 3945.05,-4076.82 3948.96,-4078.21 3965,-4079.63 4029,-4085.29 4491.74,-4077.61 4542,-4117.63 4585.56,-4152.32 4534.12,-4203.35 4578,-4237.63 4622.58,-4272.46 5030.05,-4261.63 5086.62,-4261.63 5086.62,-4261.63 5086.62,-4261.63 5757,-4261.63 5867.49,-4261.63 6161.93,-4214.56 6254,-4275.63 6286.15,-4296.96 6259.01,-4331.64 6290,-4354.63 6304.85,-4365.65 6322.74,-4372.32 6341.03,-4376.17"/>
+<polygon fill="#757575" stroke="#757575" points="6340.19,-4379.57 6350.65,-4377.9 6341.43,-4372.68 6340.19,-4379.57"/>
+</g>
+<!-- ../components/coin&#45;row/CoinRowDetailsIcon.js&#45;&gt;../components/text/index.js -->
+<g id="edge105" class="edge">
+<title>../components/coin&#45;row/CoinRowDetailsIcon.js&#45;&gt;../components/text/index.js</title>
+<path fill="none" stroke="#757575" d="M3106.71,-3013.25C3263.23,-3022.68 3518.45,-3035.63 3738.88,-3035.63 3738.88,-3035.63 3738.88,-3035.63 4254.5,-3035.63 4546.93,-3035.63 4621.35,-3037.25 4911.25,-3075.63 4949.45,-3080.69 4991.79,-3089.29 5025.29,-3096.82"/>
+<polygon fill="#757575" stroke="#757575" points="5024.29,-3100.18 5034.82,-3098.99 5025.85,-3093.36 5024.29,-3100.18"/>
+</g>
+<!-- ../components/coin&#45;row/CoinRowDetailsIcon.js&#45;&gt;../components/coin&#45;row/CoinRow.js -->
+<g id="edge103" class="edge">
+<title>../components/coin&#45;row/CoinRowDetailsIcon.js&#45;&gt;../components/coin&#45;row/CoinRow.js</title>
+<path fill="none" stroke="#757575" d="M3098.62,-2991.38C3104.99,-2988.88 3111.15,-2985.98 3117,-2982.63 3139.53,-2969.74 3131.75,-2951.54 3153,-2936.63 3182.85,-2915.69 3220.62,-2901.81 3253.83,-2892.82"/>
+<polygon fill="#757575" stroke="#757575" points="3254.63,-2896.23 3263.43,-2890.33 3252.88,-2889.45 3254.63,-2896.23"/>
+</g>
+<!-- ../components/coin&#45;row/CoinRowFavoriteButton.js&#45;&gt;../components/layout/index.js -->
+<g id="edge107" class="edge">
+<title>../components/coin&#45;row/CoinRowFavoriteButton.js&#45;&gt;../components/layout/index.js</title>
+<path fill="none" stroke="#757575" d="M3107.44,-2973.81C3110.84,-2976.44 3114.04,-2979.37 3117,-2982.63 3190.18,-3063.21 3078.43,-3882.33 3153,-3961.63 3168.53,-3978.14 3942.41,-4039.78 3965,-4041.63 4029.03,-4046.89 4491.74,-4039.61 4542,-4079.63 4585.56,-4114.32 4534.12,-4165.35 4578,-4199.63 4622.58,-4234.46 5030.05,-4223.63 5086.62,-4223.63 5086.62,-4223.63 5086.62,-4223.63 5757,-4223.63 5867.51,-4223.63 6166,-4173.79 6254,-4240.63 6296.31,-4272.77 6249.33,-4320.44 6290,-4354.63 6304.33,-4366.68 6322.14,-4373.79 6340.57,-4377.75"/>
+<polygon fill="#757575" stroke="#757575" points="6339.83,-4381.18 6350.29,-4379.51 6341.07,-4374.29 6339.83,-4381.18"/>
+</g>
+<!-- ../components/coin&#45;row/CoinRowFavoriteButton.js&#45;&gt;../components/text/index.js -->
+<g id="edge108" class="edge">
+<title>../components/coin&#45;row/CoinRowFavoriteButton.js&#45;&gt;../components/text/index.js</title>
+<path fill="none" stroke="#757575" d="M3088.92,-2973.99C3110.31,-2975.75 3132.27,-2977.38 3153,-2978.63 3413.05,-2994.29 3478.35,-2997.63 3738.88,-2997.63 3738.88,-2997.63 3738.88,-2997.63 4254.5,-2997.63 4546.93,-2997.63 4626.52,-2970.95 4911.25,-3037.63 4963.59,-3049.89 5020.23,-3076.45 5054.56,-3094.19"/>
+<polygon fill="#757575" stroke="#757575" points="5052.65,-3097.14 5063.13,-3098.68 5055.9,-3090.94 5052.65,-3097.14"/>
+</g>
+<!-- ../components/coin&#45;row/CoinRowFavoriteButton.js&#45;&gt;../components/coin&#45;row/CoinRow.js -->
+<g id="edge106" class="edge">
+<title>../components/coin&#45;row/CoinRowFavoriteButton.js&#45;&gt;../components/coin&#45;row/CoinRow.js</title>
+<path fill="none" stroke="#757575" d="M3068.47,-2949.3C3084.8,-2946.82 3101.4,-2943.93 3117,-2940.63 3176.21,-2928.11 3242.86,-2907.65 3286.24,-2893.46"/>
+<polygon fill="#757575" stroke="#757575" points="3287.17,-2896.84 3295.58,-2890.38 3284.98,-2890.19 3287.17,-2896.84"/>
+</g>
+<!-- ../components/coin&#45;row/ListCoinRow.js&#45;&gt;../components/layout/index.js -->
+<g id="edge114" class="edge">
+<title>../components/coin&#45;row/ListCoinRow.js&#45;&gt;../components/layout/index.js</title>
+<path fill="none" stroke="#757575" d="M3083.46,-2754.73C3096.17,-2759.42 3107.78,-2766.43 3117,-2776.63 3199.69,-2868.08 3068.65,-3795.71 3153,-3885.63 3160.41,-3893.53 3918.25,-3959.37 3929,-3960.63 3945.04,-3962.52 3948.93,-3963.99 3965,-3965.63 4028.92,-3972.17 4491.74,-3963.61 4542,-4003.63 4585.56,-4038.32 4534.12,-4089.35 4578,-4123.63 4622.58,-4158.46 5030.05,-4147.63 5086.62,-4147.63 5086.62,-4147.63 5086.62,-4147.63 5757,-4147.63 5867.49,-4147.63 6170.01,-4089.84 6254,-4161.63 6320.33,-4218.33 6226.74,-4294.53 6290,-4354.63 6303.97,-4367.9 6322.05,-4375.47 6340.95,-4379.47"/>
+<polygon fill="#757575" stroke="#757575" points="6340.2,-4382.89 6350.66,-4381.17 6341.41,-4376 6340.2,-4382.89"/>
+</g>
+<!-- ../components/coin&#45;row/ListCoinRow.js&#45;&gt;../components/animations/index.js -->
+<g id="edge109" class="edge">
+<title>../components/coin&#45;row/ListCoinRow.js&#45;&gt;../components/animations/index.js</title>
+<path fill="none" stroke="#757575" d="M3083.63,-2756.68C3096.31,-2751.97 3107.86,-2744.91 3117,-2734.63 3202.53,-2638.42 3063.13,-509.81 3153,-417.63 3198.48,-370.98 3673.72,-393.63 3738.88,-393.63 3738.88,-393.63 3738.88,-393.63 6098.12,-393.63 6210.95,-393.63 6500.39,-375.99 6605.25,-417.63 6675.39,-445.49 6737.21,-513.47 6765.32,-547.91"/>
+<polygon fill="#757575" stroke="#757575" points="6762.4,-549.87 6771.38,-555.49 6767.87,-545.49 6762.4,-549.87"/>
+</g>
+<!-- ../components/coin&#45;row/ListCoinRow.js&#45;&gt;../components/coin&#45;icon/index.js -->
+<g id="edge110" class="edge">
+<title>../components/coin&#45;row/ListCoinRow.js&#45;&gt;../components/coin&#45;icon/index.js</title>
+<path fill="none" stroke="#757575" d="M3083.66,-2755.22C3096.09,-2750.69 3107.58,-2744.07 3117,-2734.63 3203.75,-2647.68 3061.99,-2543.11 3153,-2460.63 3186.94,-2429.87 3462.96,-2432.98 3623.74,-2437.53"/>
+<polygon fill="#757575" stroke="#757575" points="3623.5,-2441.03 3633.6,-2437.82 3623.71,-2434.03 3623.5,-2441.03"/>
+</g>
+<!-- ../components/coin&#45;row/ListCoinRow.js&#45;&gt;../components/coin&#45;row/BottomRowText.js -->
+<g id="edge111" class="edge">
+<title>../components/coin&#45;row/ListCoinRow.js&#45;&gt;../components/coin&#45;row/BottomRowText.js</title>
+<path fill="none" stroke="#757575" d="M3083.64,-2755.63C3117.12,-2755.63 3153.65,-2755.63 3188.18,-2755.63"/>
+<polygon fill="#757575" stroke="#757575" points="3187.79,-2759.13 3197.79,-2755.63 3187.79,-2752.13 3187.79,-2759.13"/>
+</g>
+<!-- ../components/coin&#45;row/ListCoinRow.js&#45;&gt;../components/coin&#45;row/CoinName.js -->
+<g id="edge112" class="edge">
+<title>../components/coin&#45;row/ListCoinRow.js&#45;&gt;../components/coin&#45;row/CoinName.js</title>
+<path fill="none" stroke="#757575" d="M3069.86,-2768.01C3114.51,-2773.04 3166.26,-2778.86 3211.98,-2784.01"/>
+<polygon fill="#757575" stroke="#757575" points="3211.33,-2787.46 3221.65,-2785.1 3212.11,-2780.51 3211.33,-2787.46"/>
+</g>
+<!-- ../components/coin&#45;row/ListCoinRow.js&#45;&gt;../components/coin&#45;row/CoinRow.js -->
+<g id="edge113" class="edge">
+<title>../components/coin&#45;row/ListCoinRow.js&#45;&gt;../components/coin&#45;row/CoinRow.js</title>
+<path fill="none" stroke="#757575" d="M3083.62,-2763.33C3095.28,-2766.65 3106.61,-2770.99 3117,-2776.63 3138.6,-2788.37 3132.56,-2804.96 3153,-2818.63 3184.18,-2839.49 3223.32,-2853.48 3257.12,-2862.57"/>
+<polygon fill="#757575" stroke="#757575" points="3255.86,-2865.86 3266.42,-2864.98 3257.61,-2859.09 3255.86,-2865.86"/>
+</g>
+<!-- ../components/coin&#45;row/RequestCoinRow.js&#45;&gt;../components/layout/index.js -->
+<g id="edge119" class="edge">
+<title>../components/coin&#45;row/RequestCoinRow.js&#45;&gt;../components/layout/index.js</title>
+<path fill="none" stroke="#757575" d="M3098.07,-2719.55C3105.05,-2723.56 3111.46,-2728.52 3117,-2734.63 3191.5,-2816.72 3084.9,-3644.17 3153,-3731.63 3266.13,-3876.93 3371.82,-3804.14 3550.75,-3847.63 3641.9,-3869.79 3871.98,-3916.61 3965,-3928.63 4028.71,-3936.87 4491.06,-3926.49 4542,-3965.63 4581.79,-3996.2 4538.34,-4041.89 4578,-4072.63 4667.57,-4142.06 4973.3,-4109.63 5086.62,-4109.63 5086.62,-4109.63 5086.62,-4109.63 5757,-4109.63 5812.24,-4109.63 6212.55,-4087.11 6254,-4123.63 6331.97,-4192.32 6215.75,-4281.95 6290,-4354.63 6303.77,-4368.11 6321.76,-4375.77 6340.64,-4379.8"/>
+<polygon fill="#757575" stroke="#757575" points="6339.88,-4383.22 6350.33,-4381.5 6341.09,-4376.32 6339.88,-4383.22"/>
+</g>
+<!-- ../components/coin&#45;row/RequestCoinRow.js&#45;&gt;../components/text/index.js -->
+<g id="edge120" class="edge">
+<title>../components/coin&#45;row/RequestCoinRow.js&#45;&gt;../components/text/index.js</title>
+<path fill="none" stroke="#757575" d="M3098.09,-2712.96C3210.6,-2713.83 3373.41,-2718.31 3514.75,-2734.63 3530.94,-2736.5 3534.58,-2739.62 3550.75,-2741.63 3625.87,-2750.99 4846.49,-2778.43 4911.25,-2817.63 4964.38,-2849.8 5047.64,-3025.39 5076.43,-3088.79"/>
+<polygon fill="#757575" stroke="#757575" points="5073.23,-3090.2 5080.53,-3097.88 5079.61,-3087.32 5073.23,-3090.2"/>
+</g>
+<!-- ../components/coin&#45;row/RequestCoinRow.js&#45;&gt;../components/animations/index.js -->
+<g id="edge115" class="edge">
+<title>../components/coin&#45;row/RequestCoinRow.js&#45;&gt;../components/animations/index.js</title>
+<path fill="none" stroke="#757575" d="M2965.86,-2701.32C2990.32,-2649.17 3084.57,-2440.66 3117,-2257.63 3126.1,-2206.26 3116.51,-416.93 3153,-379.63 3198.57,-333.06 3673.72,-355.63 3738.88,-355.63 3738.88,-355.63 3738.88,-355.63 6098.12,-355.63 6210.95,-355.63 6502.89,-332.19 6605.25,-379.63 6683.86,-416.06 6744.13,-505.14 6768.97,-546.66"/>
+<polygon fill="#757575" stroke="#757575" points="6765.8,-548.18 6773.87,-555.05 6771.84,-544.65 6765.8,-548.18"/>
+</g>
+<!-- ../components/coin&#45;row/RequestCoinRow.js&#45;&gt;../components/coin&#45;icon/index.js -->
+<g id="edge116" class="edge">
+<title>../components/coin&#45;row/RequestCoinRow.js&#45;&gt;../components/coin&#45;icon/index.js</title>
+<path fill="none" stroke="#757575" d="M2963.67,-2701.29C2978.27,-2654.73 3037.17,-2489.21 3153,-2427.63 3332.21,-2332.37 3587.87,-2394.07 3692.02,-2425.96"/>
+<polygon fill="#757575" stroke="#757575" points="3690.76,-2429.23 3701.35,-2428.86 3692.84,-2422.55 3690.76,-2429.23"/>
+</g>
+<!-- ../components/coin&#45;row/RequestCoinRow.js&#45;&gt;../components/coin&#45;row/CoinName.js -->
+<g id="edge117" class="edge">
+<title>../components/coin&#45;row/RequestCoinRow.js&#45;&gt;../components/coin&#45;row/CoinName.js</title>
+<path fill="none" stroke="#757575" d="M3097.65,-2725.91C3104.35,-2728.4 3110.84,-2731.28 3117,-2734.63 3138.6,-2746.37 3131.3,-2765.08 3153,-2776.63 3168.51,-2784.89 3185.83,-2790.54 3203.42,-2794.34"/>
+<polygon fill="#757575" stroke="#757575" points="3202.42,-2797.71 3212.91,-2796.17 3203.75,-2790.84 3202.42,-2797.71"/>
+</g>
+<!-- ../components/coin&#45;row/RequestCoinRow.js&#45;&gt;../components/coin&#45;row/CoinRow.js -->
+<g id="edge118" class="edge">
+<title>../components/coin&#45;row/RequestCoinRow.js&#45;&gt;../components/coin&#45;row/CoinRow.js</title>
+<path fill="none" stroke="#757575" d="M3098.31,-2723.38C3104.91,-2726.51 3111.2,-2730.22 3117,-2734.63 3149.35,-2759.19 3123.04,-2791.2 3153,-2818.63 3176.31,-2839.98 3207.5,-2853.62 3237.36,-2862.32"/>
+<polygon fill="#757575" stroke="#757575" points="3236.25,-2865.65 3246.82,-2864.91 3238.1,-2858.89 3236.25,-2865.65"/>
+</g>
+<!-- ../components/coin&#45;row/SendCoinRow.js&#45;&gt;../components/text/index.js -->
+<g id="edge124" class="edge">
+<title>../components/coin&#45;row/SendCoinRow.js&#45;&gt;../components/text/index.js</title>
+<path fill="none" stroke="#757575" d="M3074.48,-2809.99C3088.8,-2811.55 3103.24,-2813.12 3117,-2814.63 3133,-2816.39 3136.99,-2816.9 3153,-2818.63 3313.73,-2836 3366.34,-2792.52 3514.75,-2856.63 3534.13,-2865.01 3531.14,-2879.81 3550.75,-2887.63 3831.91,-2999.71 4631.54,-2836.97 4911.25,-2952.63 4982.76,-2982.2 5043.96,-3054.29 5071.32,-3090.36"/>
+<polygon fill="#757575" stroke="#757575" points="5068.44,-3092.35 5077.22,-3098.29 5074.06,-3088.18 5068.44,-3092.35"/>
+</g>
+<!-- ../components/coin&#45;row/SendCoinRow.js&#45;&gt;../components/animations/index.js -->
+<g id="edge121" class="edge">
+<title>../components/coin&#45;row/SendCoinRow.js&#45;&gt;../components/animations/index.js</title>
+<path fill="none" stroke="#757575" d="M3088.88,-2796.56C3099.5,-2791.93 3109.14,-2785.47 3117,-2776.63 3202.68,-2680.25 3062.98,-547.97 3153,-455.63 3198.48,-408.98 3673.72,-431.63 3738.88,-431.63 3738.88,-431.63 3738.88,-431.63 6098.12,-431.63 6210.95,-431.63 6497.77,-421.34 6605.25,-455.63 6666.99,-475.33 6728.21,-522.45 6759.65,-549.2"/>
+<polygon fill="#757575" stroke="#757575" points="6757.07,-551.6 6766.92,-555.5 6761.65,-546.3 6757.07,-551.6"/>
+</g>
+<!-- ../components/coin&#45;row/SendCoinRow.js&#45;&gt;../components/coin&#45;row/CoinName.js -->
+<g id="edge122" class="edge">
+<title>../components/coin&#45;row/SendCoinRow.js&#45;&gt;../components/coin&#45;row/CoinName.js</title>
+<path fill="none" stroke="#757575" d="M3088.84,-2797.63C3125.85,-2797.63 3166.22,-2797.63 3203.27,-2797.63"/>
+<polygon fill="#757575" stroke="#757575" points="3203.15,-2801.13 3213.15,-2797.63 3203.15,-2794.13 3203.15,-2801.13"/>
+</g>
+<!-- ../components/coin&#45;row/SendCoinRow.js&#45;&gt;../components/coin&#45;row/CoinRow.js -->
+<g id="edge123" class="edge">
+<title>../components/coin&#45;row/SendCoinRow.js&#45;&gt;../components/coin&#45;row/CoinRow.js</title>
+<path fill="none" stroke="#757575" d="M3075.54,-2809.98C3089.82,-2813.46 3103.97,-2817.93 3117,-2823.63 3135.57,-2831.76 3134.35,-2843.7 3153,-2851.63 3170.47,-2859.07 3189.68,-2864.44 3208.82,-2868.32"/>
+<polygon fill="#757575" stroke="#757575" points="3208.12,-2871.75 3218.59,-2870.15 3209.41,-2864.87 3208.12,-2871.75"/>
+</g>
+<!-- ../components/contacts/ContactAvatar.js -->
+<g id="node88" class="node">
+<title>../components/contacts/ContactAvatar.js</title>
+<path fill="none" stroke="#c6c5fe" d="M3079.83,-3057.51C3079.83,-3057.51 2838.17,-3057.51 2838.17,-3057.51 2834.21,-3057.51 2830.25,-3053.55 2830.25,-3049.59 2830.25,-3049.59 2830.25,-3041.67 2830.25,-3041.67 2830.25,-3037.72 2834.21,-3033.76 2838.17,-3033.76 2838.17,-3033.76 3079.83,-3033.76 3079.83,-3033.76 3083.79,-3033.76 3087.75,-3037.72 3087.75,-3041.67 3087.75,-3041.67 3087.75,-3049.59 3087.75,-3049.59 3087.75,-3053.55 3083.79,-3057.51 3079.83,-3057.51"/>
+<text text-anchor="middle" x="2959" y="-3040.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/contacts/ContactAvatar.js</text>
+</g>
+<!-- ../components/contacts/ContactAvatar.js&#45;&gt;../components/layout/index.js -->
+<g id="edge133" class="edge">
+<title>../components/contacts/ContactAvatar.js&#45;&gt;../components/layout/index.js</title>
+<path fill="none" stroke="#757575" d="M2960.24,-3057.85C2962.64,-3164.76 2985.75,-3940.53 3153,-4079.63 3157.14,-4083.08 3924.04,-4078.53 3929,-4080.63 3950.13,-4089.57 3944.21,-4107.93 3965,-4117.63 4081.51,-4172.02 4441.29,-4080.7 4542,-4160.63 4583.95,-4193.93 4535.6,-4242.91 4578,-4275.63 4667.58,-4344.77 4973.47,-4299.63 5086.62,-4299.63 5086.62,-4299.63 5086.62,-4299.63 5757,-4299.63 5978.15,-4299.63 6048.59,-4241.69 6254,-4323.63 6273.61,-4331.46 6270.74,-4345.98 6290,-4354.63 6305.86,-4361.75 6323.45,-4366.63 6340.96,-4369.95"/>
+<polygon fill="#757575" stroke="#757575" points="6339.9,-4373.32 6350.35,-4371.56 6341.08,-4366.42 6339.9,-4373.32"/>
+</g>
+<!-- ../components/contacts/ContactAvatar.js&#45;&gt;../components/text/index.js -->
+<g id="edge134" class="edge">
+<title>../components/contacts/ContactAvatar.js&#45;&gt;../components/text/index.js</title>
+<path fill="none" stroke="#757575" d="M3088.13,-3053.06C3242.44,-3061.36 3509.53,-3073.63 3738.88,-3073.63 3738.88,-3073.63 3738.88,-3073.63 4254.5,-3073.63 4546.58,-3073.63 4619.66,-3080.67 4911.25,-3097.63 4936.11,-3099.08 4962.91,-3101.02 4987.91,-3103"/>
+<polygon fill="#757575" stroke="#757575" points="4987.5,-3106.48 4997.75,-3103.79 4988.06,-3099.5 4987.5,-3106.48"/>
+</g>
+<!-- ../components/contacts/ContactRow.js -->
+<g id="node89" class="node">
+<title>../components/contacts/ContactRow.js</title>
+<path fill="none" stroke="#c6c5fe" d="M2352.21,-2667.51C2352.21,-2667.51 2122.54,-2667.51 2122.54,-2667.51 2118.58,-2667.51 2114.62,-2663.55 2114.62,-2659.59 2114.62,-2659.59 2114.62,-2651.67 2114.62,-2651.67 2114.62,-2647.72 2118.58,-2643.76 2122.54,-2643.76 2122.54,-2643.76 2352.21,-2643.76 2352.21,-2643.76 2356.17,-2643.76 2360.12,-2647.72 2360.12,-2651.67 2360.12,-2651.67 2360.12,-2659.59 2360.12,-2659.59 2360.12,-2663.55 2356.17,-2667.51 2352.21,-2667.51"/>
+<text text-anchor="middle" x="2237.38" y="-2650.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/contacts/ContactRow.js</text>
+</g>
+<!-- ../components/contacts/ContactRow.js&#45;&gt;../components/layout/index.js -->
+<g id="edge139" class="edge">
+<title>../components/contacts/ContactRow.js&#45;&gt;../components/layout/index.js</title>
+<path fill="none" stroke="#757575" d="M2282.51,-2667.94C2398.52,-2701.26 2707.12,-2796.46 2765,-2881.63 2844.22,-2998.21 2719,-4034.99 2801,-4149.63 2888.22,-4271.57 3009.97,-4162.65 3117,-4267.63 3148.05,-4298.09 3117.14,-4334.02 3153,-4358.63 3241.58,-4419.42 4979.2,-4375.63 5086.62,-4375.63 5086.62,-4375.63 5086.62,-4375.63 5757,-4375.63 5963.7,-4375.63 6205.26,-4375.63 6340.64,-4375.63"/>
+<polygon fill="#757575" stroke="#757575" points="6340.29,-4379.13 6350.29,-4375.63 6340.29,-4372.13 6340.29,-4379.13"/>
+</g>
+<!-- ../components/contacts/ContactRow.js&#45;&gt;../components/text/index.js -->
+<g id="edge140" class="edge">
+<title>../components/contacts/ContactRow.js&#45;&gt;../components/text/index.js</title>
+<path fill="none" stroke="#757575" d="M2360.49,-2653.99C2467.24,-2652.9 2626.4,-2652.07 2765,-2654.63 2921.52,-2657.52 2960.79,-2657.37 3117,-2667.63 3310.22,-2680.32 3357.59,-2695.03 3550.75,-2708.63 3990.69,-2739.61 4101.72,-2728.92 4542,-2754.63 4624.12,-2759.43 4842.31,-2735.76 4911.25,-2780.63 4914.92,-2783.02 5036.62,-3015.81 5075.09,-3089.52"/>
+<polygon fill="#757575" stroke="#757575" points="5071.9,-3090.97 5079.63,-3098.22 5078.11,-3087.73 5071.9,-3090.97"/>
+</g>
+<!-- ../components/contacts/ContactRow.js&#45;&gt;../components/animations/index.js -->
+<g id="edge135" class="edge">
+<title>../components/contacts/ContactRow.js&#45;&gt;../components/animations/index.js</title>
+<path fill="none" stroke="#757575" d="M2282.64,-2643.31C2345.07,-2623.7 2458.58,-2579.54 2523.25,-2502.63 3062.43,-1861.44 2943.09,-1533.14 3117,-713.63 3134.01,-633.47 3093.67,-403.16 3153,-346.63 3247.37,-256.71 3608.52,-317.63 3738.88,-317.63 3738.88,-317.63 3738.88,-317.63 6098.12,-317.63 6210.99,-317.63 6505.07,-293.64 6605.25,-345.63 6691.82,-390.56 6749.72,-499.09 6771.6,-546.19"/>
+<polygon fill="#757575" stroke="#757575" points="6768.34,-547.48 6775.65,-555.14 6774.72,-544.59 6768.34,-547.48"/>
+</g>
+<!-- ../components/contacts/ContactRow.js&#45;&gt;../components/coin&#45;row/index.js -->
+<g id="edge136" class="edge">
+<title>../components/contacts/ContactRow.js&#45;&gt;../components/coin&#45;row/index.js</title>
+<path fill="none" stroke="#757575" d="M2360.37,-2661.4C2419.36,-2664.19 2489.73,-2667.52 2547.57,-2670.26"/>
+<polygon fill="#757575" stroke="#757575" points="2547.3,-2673.75 2557.46,-2670.73 2547.63,-2666.76 2547.3,-2673.75"/>
+</g>
+<!-- ../components/contacts/ContactRow.js&#45;&gt;../components/contacts/ContactAvatar.js -->
+<g id="edge137" class="edge">
+<title>../components/contacts/ContactRow.js&#45;&gt;../components/contacts/ContactAvatar.js</title>
+<path fill="none" stroke="#757575" d="M2359.98,-2668C2498.05,-2684.65 2711.18,-2719.15 2765,-2777.63 2840.13,-2859.26 2722.1,-2946.65 2801,-3024.63 2806.59,-3030.15 2812.88,-3034.7 2819.65,-3038.43"/>
+<polygon fill="#757575" stroke="#757575" points="2817.99,-3041.52 2828.52,-3042.67 2821.01,-3035.2 2817.99,-3041.52"/>
+</g>
+<!-- ../components/contacts/ImageAvatar.js -->
+<g id="node90" class="node">
+<title>../components/contacts/ImageAvatar.js</title>
+<path fill="none" stroke="#c6c5fe" d="M5872.71,-4427.51C5872.71,-4427.51 5639.29,-4427.51 5639.29,-4427.51 5635.33,-4427.51 5631.38,-4423.55 5631.38,-4419.59 5631.38,-4419.59 5631.38,-4411.67 5631.38,-4411.67 5631.38,-4407.72 5635.33,-4403.76 5639.29,-4403.76 5639.29,-4403.76 5872.71,-4403.76 5872.71,-4403.76 5876.67,-4403.76 5880.62,-4407.72 5880.62,-4411.67 5880.62,-4411.67 5880.62,-4419.59 5880.62,-4419.59 5880.62,-4423.55 5876.67,-4427.51 5872.71,-4427.51"/>
+<text text-anchor="middle" x="5756" y="-4410.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/contacts/ImageAvatar.js</text>
+</g>
+<!-- ../components/contacts/ContactRow.js&#45;&gt;../components/contacts/ImageAvatar.js -->
+<g id="edge138" class="edge">
+<title>../components/contacts/ContactRow.js&#45;&gt;../components/contacts/ImageAvatar.js</title>
+<path fill="none" stroke="#757575" d="M2251.52,-2667.99C2293.03,-2706.3 2426.45,-2823.94 2559.25,-2881.63 2644.93,-2918.85 2705.12,-2852.93 2765,-2924.63 2860.68,-3039.21 2713.12,-4146.96 2801,-4267.63 2898.65,-4401.71 2989.64,-4362.92 3153,-4391.63 3396.14,-4434.36 5121.04,-4421.62 5620.07,-4416.98"/>
+<polygon fill="#757575" stroke="#757575" points="5619.8,-4420.48 5629.76,-4416.89 5619.73,-4413.49 5619.8,-4420.48"/>
+</g>
+<!-- ../components/contacts/ImageAvatar.js&#45;&gt;../components/layout/index.js -->
+<g id="edge141" class="edge">
+<title>../components/contacts/ImageAvatar.js&#45;&gt;../components/layout/index.js</title>
+<path fill="none" stroke="#757575" d="M5881.12,-4409.84C5981.68,-4404.98 6127.02,-4397.57 6254,-4389.63 6282.21,-4387.87 6312.74,-4385.75 6340.99,-4383.7"/>
+<polygon fill="#757575" stroke="#757575" points="6340.88,-4387.21 6350.6,-4383 6340.37,-4380.23 6340.88,-4387.21"/>
+</g>
+<!-- ../components/contacts/SwipeableContactRow.js -->
+<g id="node91" class="node">
+<title>../components/contacts/SwipeableContactRow.js</title>
+<path fill="none" stroke="#c6c5fe" d="M1906.08,-2530.51C1906.08,-2530.51 1614.17,-2530.51 1614.17,-2530.51 1610.21,-2530.51 1606.25,-2526.55 1606.25,-2522.59 1606.25,-2522.59 1606.25,-2514.67 1606.25,-2514.67 1606.25,-2510.72 1610.21,-2506.76 1614.17,-2506.76 1614.17,-2506.76 1906.08,-2506.76 1906.08,-2506.76 1910.04,-2506.76 1914,-2510.72 1914,-2514.67 1914,-2514.67 1914,-2522.59 1914,-2522.59 1914,-2526.55 1910.04,-2530.51 1906.08,-2530.51"/>
+<text text-anchor="middle" x="1760.12" y="-2513.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/contacts/SwipeableContactRow.js</text>
+</g>
+<!-- ../components/contacts/SwipeableContactRow.js&#45;&gt;../assets/swipeToDelete.png -->
+<g id="edge142" class="edge">
+<title>../components/contacts/SwipeableContactRow.js&#45;&gt;../assets/swipeToDelete.png</title>
+<path fill="none" stroke="#757575" d="M1914.44,-2506.7C1986.22,-2501.11 2069.8,-2494.6 2133.8,-2489.62"/>
+<polygon fill="#757575" stroke="#757575" points="2133.91,-2493.12 2143.6,-2488.85 2133.36,-2486.14 2133.91,-2493.12"/>
+</g>
+<!-- ../components/contacts/SwipeableContactRow.js&#45;&gt;../assets/swipeToEdit.png -->
+<g id="edge143" class="edge">
+<title>../components/contacts/SwipeableContactRow.js&#45;&gt;../assets/swipeToEdit.png</title>
+<path fill="none" stroke="#757575" d="M1873.8,-2506.26C1888.21,-2502.57 1902.47,-2497.8 1915.5,-2491.63 1934.59,-2482.6 1931.99,-2468.7 1951.5,-2460.63 2011.43,-2435.84 2084.48,-2430.9 2141.6,-2431.99"/>
+<polygon fill="#757575" stroke="#757575" points="2141.2,-2435.49 2151.29,-2432.25 2141.38,-2428.49 2141.2,-2435.49"/>
+</g>
+<!-- ../components/contacts/SwipeableContactRow.js&#45;&gt;../components/layout/index.js -->
+<g id="edge147" class="edge">
+<title>../components/contacts/SwipeableContactRow.js&#45;&gt;../components/layout/index.js</title>
+<path fill="none" stroke="#757575" d="M1768.35,-2530.79C1793.55,-2573.89 1878.1,-2724 1915.5,-2859.63 1934.35,-2927.98 1910.5,-3118.79 1951.5,-3176.63 2125.03,-3421.42 2269.52,-3392.61 2559.25,-3470.63 2658.71,-3497.42 6182.58,-3711.41 6254,-3785.63 6341.85,-3876.93 6203.61,-4261.96 6290,-4354.63 6303.43,-4369.04 6321.65,-4377.02 6340.92,-4381.04"/>
+<polygon fill="#757575" stroke="#757575" points="6340.09,-4384.45 6350.54,-4382.67 6341.26,-4377.55 6340.09,-4384.45"/>
+</g>
+<!-- ../components/contacts/SwipeableContactRow.js&#45;&gt;../components/text/index.js -->
+<g id="edge148" class="edge">
+<title>../components/contacts/SwipeableContactRow.js&#45;&gt;../components/text/index.js</title>
+<path fill="none" stroke="#757575" d="M1914.4,-2519.45C2093.51,-2520.34 2398.82,-2521.63 2661.12,-2521.63 2661.12,-2521.63 2661.12,-2521.63 2960,-2521.63 3206.79,-2521.63 3268.94,-2523.71 3514.75,-2545.63 3715.89,-2563.57 3764.56,-2582.04 3965,-2606.63 3978.12,-2608.24 4901.21,-2702.02 4911.25,-2710.63 4958.06,-2750.78 4924.85,-2787.18 4947.25,-2844.63 4984.28,-2939.6 5045.72,-3044.74 5072.94,-3089.51"/>
+<polygon fill="#757575" stroke="#757575" points="5069.94,-3091.32 5078.14,-3098.02 5075.91,-3087.66 5069.94,-3091.32"/>
+</g>
+<!-- ../components/contacts/SwipeableContactRow.js&#45;&gt;../components/animations/index.js -->
+<g id="edge144" class="edge">
+<title>../components/contacts/SwipeableContactRow.js&#45;&gt;../components/animations/index.js</title>
+<path fill="none" stroke="#757575" d="M1882.45,-2506.26C1894.28,-2501.84 1905.56,-2496.09 1915.5,-2488.63 1943.48,-2467.63 1922.26,-2437.84 1951.5,-2418.63 2057.94,-2348.73 2428.88,-2466.12 2523.25,-2380.63 3079.92,-1876.38 2456.27,-1380.95 2801,-713.63 2891.87,-537.73 3012.17,-567.59 3117,-399.63 3143.34,-357.42 3112.9,-323.09 3153,-293.63 3205.48,-255.08 3673.76,-279.63 3738.88,-279.63 3738.88,-279.63 3738.88,-279.63 6098.12,-279.63 6210.99,-279.63 6507.09,-251.93 6605.25,-307.63 6701.16,-362.06 6755.29,-492.79 6773.92,-545.76"/>
+<polygon fill="#757575" stroke="#757575" points="6770.51,-546.61 6777.05,-554.95 6777.14,-544.35 6770.51,-546.61"/>
+</g>
+<!-- ../components/contacts/SwipeableContactRow.js&#45;&gt;../components/contacts/ContactRow.js -->
+<g id="edge145" class="edge">
+<title>../components/contacts/SwipeableContactRow.js&#45;&gt;../components/contacts/ContactRow.js</title>
+<path fill="none" stroke="#757575" d="M1803.72,-2530.91C1890.5,-2555.93 2087.63,-2612.75 2182.88,-2640.21"/>
+<polygon fill="#757575" stroke="#757575" points="2181.67,-2643.51 2192.25,-2642.91 2183.61,-2636.78 2181.67,-2643.51"/>
+</g>
+<!-- ../components/contacts/showDeleteContactActionSheet.js -->
+<g id="node92" class="node">
+<title>../components/contacts/showDeleteContactActionSheet.js</title>
+<path fill="none" stroke="#cfffac" d="M2410.71,-2371.51C2410.71,-2371.51 2064.04,-2371.51 2064.04,-2371.51 2060.08,-2371.51 2056.12,-2367.55 2056.12,-2363.59 2056.12,-2363.59 2056.12,-2355.67 2056.12,-2355.67 2056.12,-2351.72 2060.08,-2347.76 2064.04,-2347.76 2064.04,-2347.76 2410.71,-2347.76 2410.71,-2347.76 2414.67,-2347.76 2418.62,-2351.72 2418.62,-2355.67 2418.62,-2355.67 2418.62,-2363.59 2418.62,-2363.59 2418.62,-2367.55 2414.67,-2371.51 2410.71,-2371.51"/>
+<text text-anchor="middle" x="2237.38" y="-2354.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/contacts/showDeleteContactActionSheet.js</text>
+</g>
+<!-- ../components/contacts/SwipeableContactRow.js&#45;&gt;../components/contacts/showDeleteContactActionSheet.js -->
+<g id="edge146" class="edge">
+<title>../components/contacts/SwipeableContactRow.js&#45;&gt;../components/contacts/showDeleteContactActionSheet.js</title>
+<path fill="none" stroke="#757575" d="M1892.57,-2506.34C1900.82,-2502.4 1908.58,-2497.56 1915.5,-2491.63 1953.29,-2459.27 1912.42,-2416.42 1951.5,-2385.63 2010.63,-2339.05 2099.6,-2338.52 2162.35,-2345.83"/>
+<polygon fill="#757575" stroke="#757575" points="2161.89,-2349.3 2172.25,-2347.08 2162.77,-2342.35 2161.89,-2349.3"/>
+</g>
+<!-- ../components/contacts/index.js -->
+<g id="node93" class="node">
+<title>../components/contacts/index.js</title>
+<path fill="none" stroke="#c6c5fe" d="M1454.71,-2610.51C1454.71,-2610.51 1265.54,-2610.51 1265.54,-2610.51 1261.58,-2610.51 1257.62,-2606.55 1257.62,-2602.59 1257.62,-2602.59 1257.62,-2594.67 1257.62,-2594.67 1257.62,-2590.72 1261.58,-2586.76 1265.54,-2586.76 1265.54,-2586.76 1454.71,-2586.76 1454.71,-2586.76 1458.67,-2586.76 1462.62,-2590.72 1462.62,-2594.67 1462.62,-2594.67 1462.62,-2602.59 1462.62,-2602.59 1462.62,-2606.55 1458.67,-2610.51 1454.71,-2610.51"/>
+<text text-anchor="middle" x="1360.12" y="-2593.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/contacts/index.js</text>
+</g>
+<!-- ../components/contacts/index.js&#45;&gt;../components/contacts/ContactAvatar.js -->
+<g id="edge149" class="edge">
+<title>../components/contacts/index.js&#45;&gt;../components/contacts/ContactAvatar.js</title>
+<path fill="none" stroke="#757575" d="M1462.91,-2606.32C1496.9,-2610.23 1534.76,-2616.04 1568.75,-2624.63 1585.39,-2628.84 1588.16,-2634.2 1604.75,-2638.63 1730.74,-2672.3 2671.91,-2724.31 2765,-2815.63 2832.29,-2881.64 2733.11,-2959.25 2801,-3024.63 2806.66,-3030.08 2813,-3034.57 2819.82,-3038.26"/>
+<polygon fill="#757575" stroke="#757575" points="2818.2,-3041.36 2828.74,-3042.45 2821.18,-3035.03 2818.2,-3041.36"/>
+</g>
+<!-- ../components/contacts/index.js&#45;&gt;../components/contacts/ContactRow.js -->
+<g id="edge150" class="edge">
+<title>../components/contacts/index.js&#45;&gt;../components/contacts/ContactRow.js</title>
+<path fill="none" stroke="#757575" d="M1462.81,-2605.25C1621.27,-2615.57 1927.15,-2635.49 2103.08,-2646.95"/>
+<polygon fill="#757575" stroke="#757575" points="2102.76,-2650.44 2112.96,-2647.59 2103.21,-2643.45 2102.76,-2650.44"/>
+</g>
+<!-- ../components/contacts/index.js&#45;&gt;../components/contacts/SwipeableContactRow.js -->
+<g id="edge151" class="edge">
+<title>../components/contacts/index.js&#45;&gt;../components/contacts/SwipeableContactRow.js</title>
+<path fill="none" stroke="#757575" d="M1422.44,-2586.31C1493.73,-2571.98 1611.25,-2548.36 1686.89,-2533.15"/>
+<polygon fill="#757575" stroke="#757575" points="1687.14,-2536.67 1696.26,-2531.27 1685.76,-2529.81 1687.14,-2536.67"/>
+</g>
+<!-- ../components/contacts/index.js&#45;&gt;../components/contacts/showDeleteContactActionSheet.js -->
+<g id="edge152" class="edge">
+<title>../components/contacts/index.js&#45;&gt;../components/contacts/showDeleteContactActionSheet.js</title>
+<path fill="none" stroke="#757575" d="M1384.97,-2586.41C1427.81,-2565 1521.13,-2520.77 1604.75,-2497.63 1739.31,-2460.39 1801,-2531.52 1915.5,-2451.63 1942.9,-2432.51 1923.57,-2403.98 1951.5,-2385.63 2005.99,-2349.83 2079.52,-2343.91 2138.22,-2346.64"/>
+<polygon fill="#757575" stroke="#757575" points="2137.69,-2350.12 2147.87,-2347.19 2138.08,-2343.13 2137.69,-2350.12"/>
+</g>
+<!-- ../components/context&#45;menu/ContextCircleButton.js -->
+<g id="node94" class="node">
+<title>../components/context&#45;menu/ContextCircleButton.js</title>
+<path fill="none" stroke="#c6c5fe" d="M4899.21,-3681.51C4899.21,-3681.51 4590.04,-3681.51 4590.04,-3681.51 4586.08,-3681.51 4582.12,-3677.55 4582.12,-3673.59 4582.12,-3673.59 4582.12,-3665.67 4582.12,-3665.67 4582.12,-3661.72 4586.08,-3657.76 4590.04,-3657.76 4590.04,-3657.76 4899.21,-3657.76 4899.21,-3657.76 4903.17,-3657.76 4907.12,-3661.72 4907.12,-3665.67 4907.12,-3665.67 4907.12,-3673.59 4907.12,-3673.59 4907.12,-3677.55 4903.17,-3681.51 4899.21,-3681.51"/>
+<text text-anchor="middle" x="4744.62" y="-3664.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/context&#45;menu/ContextCircleButton.js</text>
+</g>
+<!-- ../components/context&#45;menu/ContextCircleButton.js&#45;&gt;../components/text/index.js -->
+<g id="edge153" class="edge">
+<title>../components/context&#45;menu/ContextCircleButton.js&#45;&gt;../components/text/index.js</title>
+<path fill="none" stroke="#757575" d="M4813.53,-3657.32C4846.82,-3648.13 4885.24,-3632.37 4911.25,-3605.63 5047.4,-3465.67 5078.52,-3213.32 5085.03,-3135.28"/>
+<polygon fill="#757575" stroke="#757575" points="5088.51,-3135.66 5085.79,-3125.42 5081.53,-3135.13 5088.51,-3135.66"/>
+</g>
+<!-- ../components/context&#45;menu/ContextMenuButton.js -->
+<g id="node95" class="node">
+<title>../components/context&#45;menu/ContextMenuButton.js</title>
+<path fill="none" stroke="#cfffac" d="M4899.21,-3723.51C4899.21,-3723.51 4590.04,-3723.51 4590.04,-3723.51 4586.08,-3723.51 4582.12,-3719.55 4582.12,-3715.59 4582.12,-3715.59 4582.12,-3707.67 4582.12,-3707.67 4582.12,-3703.72 4586.08,-3699.76 4590.04,-3699.76 4590.04,-3699.76 4899.21,-3699.76 4899.21,-3699.76 4903.17,-3699.76 4907.12,-3703.72 4907.12,-3707.67 4907.12,-3707.67 4907.12,-3715.59 4907.12,-3715.59 4907.12,-3719.55 4903.17,-3723.51 4899.21,-3723.51"/>
+<text text-anchor="middle" x="4744.62" y="-3706.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/context&#45;menu/ContextMenuButton.js</text>
+</g>
+<!-- ../components/context&#45;menu/index.js -->
+<g id="node96" class="node">
+<title>../components/context&#45;menu/index.js</title>
+<path fill="none" stroke="#c6c5fe" d="M4364.21,-3702.51C4364.21,-3702.51 4142.79,-3702.51 4142.79,-3702.51 4138.83,-3702.51 4134.88,-3698.55 4134.88,-3694.59 4134.88,-3694.59 4134.88,-3686.67 4134.88,-3686.67 4134.88,-3682.72 4138.83,-3678.76 4142.79,-3678.76 4142.79,-3678.76 4364.21,-3678.76 4364.21,-3678.76 4368.17,-3678.76 4372.12,-3682.72 4372.12,-3686.67 4372.12,-3686.67 4372.12,-3694.59 4372.12,-3694.59 4372.12,-3698.55 4368.17,-3702.51 4364.21,-3702.51"/>
+<text text-anchor="middle" x="4253.5" y="-3685.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/context&#45;menu/index.js</text>
+</g>
+<!-- ../components/context&#45;menu/index.js&#45;&gt;../components/context&#45;menu/ContextCircleButton.js -->
+<g id="edge154" class="edge">
+<title>../components/context&#45;menu/index.js&#45;&gt;../components/context&#45;menu/ContextCircleButton.js</title>
+<path fill="none" stroke="#757575" d="M4372.59,-3685.56C4431.92,-3683.01 4504.95,-3679.88 4570.48,-3677.07"/>
+<polygon fill="#757575" stroke="#757575" points="4570.42,-3680.57 4580.26,-3676.65 4570.12,-3673.58 4570.42,-3680.57"/>
+</g>
+<!-- ../components/context&#45;menu/index.js&#45;&gt;../components/context&#45;menu/ContextMenuButton.js -->
+<g id="edge155" class="edge">
+<title>../components/context&#45;menu/index.js&#45;&gt;../components/context&#45;menu/ContextMenuButton.js</title>
+<path fill="none" stroke="#757575" d="M4372.59,-3695.7C4431.92,-3698.25 4504.95,-3701.38 4570.48,-3704.2"/>
+<polygon fill="#757575" stroke="#757575" points="4570.12,-3707.69 4580.26,-3704.62 4570.42,-3700.69 4570.12,-3707.69"/>
+</g>
+<!-- ../components/exchange/ConfirmExchangeButton.js -->
+<g id="node97" class="node">
+<title>../components/exchange/ConfirmExchangeButton.js</title>
+<path fill="none" stroke="#c6c5fe" d="M745.46,-2467.51C745.46,-2467.51 433.29,-2467.51 433.29,-2467.51 429.33,-2467.51 425.38,-2463.55 425.38,-2459.59 425.38,-2459.59 425.38,-2451.67 425.38,-2451.67 425.38,-2447.72 429.33,-2443.76 433.29,-2443.76 433.29,-2443.76 745.46,-2443.76 745.46,-2443.76 749.42,-2443.76 753.38,-2447.72 753.38,-2451.67 753.38,-2451.67 753.38,-2459.59 753.38,-2459.59 753.38,-2463.55 749.42,-2467.51 745.46,-2467.51"/>
+<text text-anchor="middle" x="589.38" y="-2450.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/exchange/ConfirmExchangeButton.js</text>
+</g>
+<!-- ../components/exchange/ConfirmExchangeButton.js&#45;&gt;../components/buttons/index.js -->
+<g id="edge156" class="edge">
+<title>../components/exchange/ConfirmExchangeButton.js&#45;&gt;../components/buttons/index.js</title>
+<path fill="none" stroke="#757575" d="M631.76,-2443.36C667.05,-2431.81 718.28,-2412.44 758.25,-2386.63 776.74,-2374.69 774.35,-2362.02 794.25,-2352.63 1023.08,-2244.64 1106.09,-2281.63 1359.12,-2281.63 1359.12,-2281.63 1359.12,-2281.63 3334.88,-2281.63 3503.35,-2281.63 4005.11,-2388.87 4186.3,-2428.85"/>
+<polygon fill="#757575" stroke="#757575" points="4185.51,-2432.26 4196.03,-2431 4187.02,-2425.42 4185.51,-2432.26"/>
+</g>
+<!-- ../components/exchange/CurrencySelectModalHeader.tsx -->
+<g id="node98" class="node">
+<title>../components/exchange/CurrencySelectModalHeader.tsx</title>
+<path fill="none" stroke="#c6c5fe" d="M3506.83,-4921.51C3506.83,-4921.51 3160.92,-4921.51 3160.92,-4921.51 3156.96,-4921.51 3153,-4917.55 3153,-4913.59 3153,-4913.59 3153,-4905.67 3153,-4905.67 3153,-4901.72 3156.96,-4897.76 3160.92,-4897.76 3160.92,-4897.76 3506.83,-4897.76 3506.83,-4897.76 3510.79,-4897.76 3514.75,-4901.72 3514.75,-4905.67 3514.75,-4905.67 3514.75,-4913.59 3514.75,-4913.59 3514.75,-4917.55 3510.79,-4921.51 3506.83,-4921.51"/>
+<text text-anchor="middle" x="3333.88" y="-4904.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/exchange/CurrencySelectModalHeader.tsx</text>
+</g>
+<!-- ../components/exchange/CurrencySelectModalHeader.tsx&#45;&gt;../components/coin&#45;icon/RainbowCoinIcon.tsx -->
+<g id="edge157" class="edge">
+<title>../components/exchange/CurrencySelectModalHeader.tsx&#45;&gt;../components/coin&#45;icon/RainbowCoinIcon.tsx</title>
+<path fill="none" stroke="#757575" d="M3340.32,-4897.56C3366.19,-4839.48 3477.02,-4582.39 3514.75,-4358.63 3550.56,-4146.26 3481.55,-2624.58 3550.75,-2420.63 3584.99,-2319.71 3675.14,-2225.51 3716.97,-2185.65"/>
+<polygon fill="#757575" stroke="#757575" points="3719.13,-2188.42 3724.02,-2179.02 3714.34,-2183.32 3719.13,-2188.42"/>
+</g>
+<!-- ../components/header/index.js -->
+<g id="node99" class="node">
+<title>../components/header/index.js</title>
+<path fill="none" stroke="#c6c5fe" d="M4343.96,-4311.51C4343.96,-4311.51 4163.04,-4311.51 4163.04,-4311.51 4159.08,-4311.51 4155.12,-4307.55 4155.12,-4303.59 4155.12,-4303.59 4155.12,-4295.67 4155.12,-4295.67 4155.12,-4291.72 4159.08,-4287.76 4163.04,-4287.76 4163.04,-4287.76 4343.96,-4287.76 4343.96,-4287.76 4347.92,-4287.76 4351.88,-4291.72 4351.88,-4295.67 4351.88,-4295.67 4351.88,-4303.59 4351.88,-4303.59 4351.88,-4307.55 4347.92,-4311.51 4343.96,-4311.51"/>
+<text text-anchor="middle" x="4253.5" y="-4294.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/header/index.js</text>
+</g>
+<!-- ../components/exchange/CurrencySelectModalHeader.tsx&#45;&gt;../components/header/index.js -->
+<g id="edge158" class="edge">
+<title>../components/exchange/CurrencySelectModalHeader.tsx&#45;&gt;../components/header/index.js</title>
+<path fill="none" stroke="#757575" d="M3340.02,-4897.46C3360.1,-4851.26 3437.75,-4684.8 3550.75,-4592.63 3749.02,-4430.9 4049.27,-4346.12 4183.47,-4314.47"/>
+<polygon fill="#757575" stroke="#757575" points="4183.97,-4317.95 4192.91,-4312.27 4182.38,-4311.13 4183.97,-4317.95"/>
+</g>
+<!-- ../components/sheet/index.js -->
+<g id="node100" class="node">
+<title>../components/sheet/index.js</title>
+<path fill="none" stroke="#c6c5fe" d="M4339.46,-4935.51C4339.46,-4935.51 4167.54,-4935.51 4167.54,-4935.51 4163.58,-4935.51 4159.62,-4931.55 4159.62,-4927.59 4159.62,-4927.59 4159.62,-4919.67 4159.62,-4919.67 4159.62,-4915.72 4163.58,-4911.76 4167.54,-4911.76 4167.54,-4911.76 4339.46,-4911.76 4339.46,-4911.76 4343.42,-4911.76 4347.38,-4915.72 4347.38,-4919.67 4347.38,-4919.67 4347.38,-4927.59 4347.38,-4927.59 4347.38,-4931.55 4343.42,-4935.51 4339.46,-4935.51"/>
+<text text-anchor="middle" x="4253.5" y="-4918.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/sheet/index.js</text>
+</g>
+<!-- ../components/exchange/CurrencySelectModalHeader.tsx&#45;&gt;../components/sheet/index.js -->
+<g id="edge159" class="edge">
+<title>../components/exchange/CurrencySelectModalHeader.tsx&#45;&gt;../components/sheet/index.js</title>
+<path fill="none" stroke="#757575" d="M3515.07,-4912.38C3703.86,-4915.26 3993.93,-4919.69 4147.97,-4922.04"/>
+<polygon fill="#757575" stroke="#757575" points="4147.71,-4925.53 4157.76,-4922.19 4147.82,-4918.53 4147.71,-4925.53"/>
+</g>
+<!-- ../hooks/useMagicAutofocus.ts -->
+<g id="node101" class="node">
+<title>../hooks/useMagicAutofocus.ts</title>
+<path fill="none" stroke="#c6c5fe" d="M3831.83,-5090.51C3831.83,-5090.51 3647.92,-5090.51 3647.92,-5090.51 3643.96,-5090.51 3640,-5086.55 3640,-5082.59 3640,-5082.59 3640,-5074.67 3640,-5074.67 3640,-5070.72 3643.96,-5066.76 3647.92,-5066.76 3647.92,-5066.76 3831.83,-5066.76 3831.83,-5066.76 3835.79,-5066.76 3839.75,-5070.72 3839.75,-5074.67 3839.75,-5074.67 3839.75,-5082.59 3839.75,-5082.59 3839.75,-5086.55 3835.79,-5090.51 3831.83,-5090.51"/>
+<text text-anchor="middle" x="3739.88" y="-5073.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../hooks/useMagicAutofocus.ts</text>
+</g>
+<!-- ../components/exchange/CurrencySelectModalHeader.tsx&#45;&gt;../hooks/useMagicAutofocus.ts -->
+<g id="edge160" class="edge">
+<title>../components/exchange/CurrencySelectModalHeader.tsx&#45;&gt;../hooks/useMagicAutofocus.ts</title>
+<path fill="none" stroke="#757575" d="M3364.26,-4921.92C3435.59,-4951.76 3618.01,-5028.07 3699.05,-5061.97"/>
+<polygon fill="#757575" stroke="#757575" points="3697.36,-5065.06 3707.94,-5065.69 3700.06,-5058.6 3697.36,-5065.06"/>
+</g>
+<!-- ../components/header/BackButton.js -->
+<g id="node145" class="node">
+<title>../components/header/BackButton.js</title>
+<path fill="none" stroke="#c6c5fe" d="M4853.46,-3967.51C4853.46,-3967.51 4635.79,-3967.51 4635.79,-3967.51 4631.83,-3967.51 4627.88,-3963.55 4627.88,-3959.59 4627.88,-3959.59 4627.88,-3951.67 4627.88,-3951.67 4627.88,-3947.72 4631.83,-3943.76 4635.79,-3943.76 4635.79,-3943.76 4853.46,-3943.76 4853.46,-3943.76 4857.42,-3943.76 4861.38,-3947.72 4861.38,-3951.67 4861.38,-3951.67 4861.38,-3959.59 4861.38,-3959.59 4861.38,-3963.55 4857.42,-3967.51 4853.46,-3967.51"/>
+<text text-anchor="middle" x="4744.62" y="-3950.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/header/BackButton.js</text>
+</g>
+<!-- ../components/header/index.js&#45;&gt;../components/header/BackButton.js -->
+<g id="edge275" class="edge">
+<title>../components/header/index.js&#45;&gt;../components/header/BackButton.js</title>
+<path fill="none" stroke="#757575" d="M4352.1,-4311.51C4411.14,-4313.91 4485.64,-4308.03 4542,-4273.63 4657.35,-4203.24 4717.88,-4039.18 4736.91,-3978.62"/>
+<polygon fill="#757575" stroke="#757575" points="4740.15,-3979.98 4739.72,-3969.4 4733.46,-3977.94 4740.15,-3979.98"/>
+</g>
+<!-- ../components/header/HeaderButton.js -->
+<g id="node146" class="node">
+<title>../components/header/HeaderButton.js</title>
+<path fill="none" stroke="#c6c5fe" d="M5203.58,-2835.51C5203.58,-2835.51 4971.67,-2835.51 4971.67,-2835.51 4967.71,-2835.51 4963.75,-2831.55 4963.75,-2827.59 4963.75,-2827.59 4963.75,-2819.67 4963.75,-2819.67 4963.75,-2815.72 4967.71,-2811.76 4971.67,-2811.76 4971.67,-2811.76 5203.58,-2811.76 5203.58,-2811.76 5207.54,-2811.76 5211.5,-2815.72 5211.5,-2819.67 5211.5,-2819.67 5211.5,-2827.59 5211.5,-2827.59 5211.5,-2831.55 5207.54,-2835.51 5203.58,-2835.51"/>
+<text text-anchor="middle" x="5087.62" y="-2818.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/header/HeaderButton.js</text>
+</g>
+<!-- ../components/header/index.js&#45;&gt;../components/header/HeaderButton.js -->
+<g id="edge277" class="edge">
+<title>../components/header/index.js&#45;&gt;../components/header/HeaderButton.js</title>
+<path fill="none" stroke="#757575" d="M4352.33,-4294.15C4417.23,-4284.88 4498.22,-4261.33 4542,-4202.63 4607.94,-4114.22 4503.08,-3291.58 4578,-3210.63 4679.26,-3101.23 4805.97,-3278.17 4911.25,-3172.63 5013.26,-3070.36 4848.93,-2955.45 4947.25,-2849.63 4949.68,-2847.01 4952.29,-2844.6 4955.04,-2842.4"/>
+<polygon fill="#757575" stroke="#757575" points="4956.82,-2845.43 4963.05,-2836.86 4952.84,-2839.67 4956.82,-2845.43"/>
+</g>
+<!-- ../components/header/Header.js -->
+<g id="node149" class="node">
+<title>../components/header/Header.js</title>
+<path fill="none" stroke="#c6c5fe" d="M6193.21,-4567.51C6193.21,-4567.51 6001.04,-4567.51 6001.04,-4567.51 5997.08,-4567.51 5993.12,-4563.55 5993.12,-4559.59 5993.12,-4559.59 5993.12,-4551.67 5993.12,-4551.67 5993.12,-4547.72 5997.08,-4543.76 6001.04,-4543.76 6001.04,-4543.76 6193.21,-4543.76 6193.21,-4543.76 6197.17,-4543.76 6201.12,-4547.72 6201.12,-4551.67 6201.12,-4551.67 6201.12,-4559.59 6201.12,-4559.59 6201.12,-4563.55 6197.17,-4567.51 6193.21,-4567.51"/>
+<text text-anchor="middle" x="6097.12" y="-4550.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/header/Header.js</text>
+</g>
+<!-- ../components/header/index.js&#45;&gt;../components/header/Header.js -->
+<g id="edge276" class="edge">
+<title>../components/header/index.js&#45;&gt;../components/header/Header.js</title>
+<path fill="none" stroke="#757575" d="M4288.48,-4311.86C4347.61,-4334.74 4470,-4389.34 4542,-4472.63 4569.1,-4503.98 4543.94,-4535.04 4578,-4558.63 4763.95,-4687.45 4860.41,-4577.63 5086.62,-4577.63 5086.62,-4577.63 5086.62,-4577.63 5418.88,-4577.63 5616.83,-4577.63 5847.15,-4568.13 5981.77,-4561.61"/>
+<polygon fill="#757575" stroke="#757575" points="5981.57,-4565.13 5991.38,-4561.14 5981.22,-4558.13 5981.57,-4565.13"/>
+</g>
+<!-- ../components/sheet/DynamicHeightSheet.js -->
+<g id="node246" class="node">
+<title>../components/sheet/DynamicHeightSheet.js</title>
+<path fill="none" stroke="#c6c5fe" d="M4878.21,-4941.51C4878.21,-4941.51 4611.04,-4941.51 4611.04,-4941.51 4607.08,-4941.51 4603.12,-4937.55 4603.12,-4933.59 4603.12,-4933.59 4603.12,-4925.67 4603.12,-4925.67 4603.12,-4921.72 4607.08,-4917.76 4611.04,-4917.76 4611.04,-4917.76 4878.21,-4917.76 4878.21,-4917.76 4882.17,-4917.76 4886.12,-4921.72 4886.12,-4925.67 4886.12,-4925.67 4886.12,-4933.59 4886.12,-4933.59 4886.12,-4937.55 4882.17,-4941.51 4878.21,-4941.51"/>
+<text text-anchor="middle" x="4744.62" y="-4924.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/sheet/DynamicHeightSheet.js</text>
+</g>
+<!-- ../components/sheet/index.js&#45;&gt;../components/sheet/DynamicHeightSheet.js -->
+<g id="edge477" class="edge">
+<title>../components/sheet/index.js&#45;&gt;../components/sheet/DynamicHeightSheet.js</title>
+<path fill="none" stroke="#757575" d="M4347.65,-4924.77C4416.48,-4925.62 4511.69,-4926.79 4591.5,-4927.77"/>
+<polygon fill="#757575" stroke="#757575" points="4591.1,-4931.26 4601.14,-4927.88 4591.18,-4924.26 4591.1,-4931.26"/>
+</g>
+<!-- ../components/sheet/Sheet.js -->
+<g id="node247" class="node">
+<title>../components/sheet/Sheet.js</title>
+<path fill="none" stroke="#c6c5fe" d="M4832.08,-4983.51C4832.08,-4983.51 4657.17,-4983.51 4657.17,-4983.51 4653.21,-4983.51 4649.25,-4979.55 4649.25,-4975.59 4649.25,-4975.59 4649.25,-4967.67 4649.25,-4967.67 4649.25,-4963.72 4653.21,-4959.76 4657.17,-4959.76 4657.17,-4959.76 4832.08,-4959.76 4832.08,-4959.76 4836.04,-4959.76 4840,-4963.72 4840,-4967.67 4840,-4967.67 4840,-4975.59 4840,-4975.59 4840,-4979.55 4836.04,-4983.51 4832.08,-4983.51"/>
+<text text-anchor="middle" x="4744.62" y="-4966.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/sheet/Sheet.js</text>
+</g>
+<!-- ../components/sheet/index.js&#45;&gt;../components/sheet/Sheet.js -->
+<g id="edge478" class="edge">
+<title>../components/sheet/index.js&#45;&gt;../components/sheet/Sheet.js</title>
+<path fill="none" stroke="#757575" d="M4347.65,-4932.77C4430.42,-4940.9 4551.32,-4952.76 4637.73,-4961.24"/>
+<polygon fill="#757575" stroke="#757575" points="4637.35,-4964.72 4647.65,-4962.21 4638.04,-4957.75 4637.35,-4964.72"/>
+</g>
+<!-- ../components/sheet/SheetHandle.js -->
+<g id="node248" class="node">
+<title>../components/sheet/SheetHandle.js</title>
+<path fill="none" stroke="#cfffac" d="M5196.46,-5021.51C5196.46,-5021.51 4978.79,-5021.51 4978.79,-5021.51 4974.83,-5021.51 4970.88,-5017.55 4970.88,-5013.59 4970.88,-5013.59 4970.88,-5005.67 4970.88,-5005.67 4970.88,-5001.72 4974.83,-4997.76 4978.79,-4997.76 4978.79,-4997.76 5196.46,-4997.76 5196.46,-4997.76 5200.42,-4997.76 5204.38,-5001.72 5204.38,-5005.67 5204.38,-5005.67 5204.38,-5013.59 5204.38,-5013.59 5204.38,-5017.55 5200.42,-5021.51 5196.46,-5021.51"/>
+<text text-anchor="middle" x="5087.62" y="-5004.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/sheet/SheetHandle.js</text>
+</g>
+<!-- ../components/sheet/index.js&#45;&gt;../components/sheet/SheetHandle.js -->
+<g id="edge480" class="edge">
+<title>../components/sheet/index.js&#45;&gt;../components/sheet/SheetHandle.js</title>
+<path fill="none" stroke="#757575" d="M4347.79,-4929.72C4405.21,-4935.68 4479.53,-4947.45 4542,-4970.63 4559.58,-4977.15 4560.04,-4987.25 4578,-4992.63 4705.29,-5030.75 4858.56,-5029.95 4963.36,-5022.8"/>
+<polygon fill="#757575" stroke="#757575" points="4963.38,-5026.31 4973.11,-5022.1 4962.88,-5019.33 4963.38,-5026.31"/>
+</g>
+<!-- ../components/sheet/SheetDivider.js -->
+<g id="node249" class="node">
+<title>../components/sheet/SheetDivider.js</title>
+<path fill="none" stroke="#cfffac" d="M4852.71,-4857.51C4852.71,-4857.51 4636.54,-4857.51 4636.54,-4857.51 4632.58,-4857.51 4628.62,-4853.55 4628.62,-4849.59 4628.62,-4849.59 4628.62,-4841.67 4628.62,-4841.67 4628.62,-4837.72 4632.58,-4833.76 4636.54,-4833.76 4636.54,-4833.76 4852.71,-4833.76 4852.71,-4833.76 4856.67,-4833.76 4860.62,-4837.72 4860.62,-4841.67 4860.62,-4841.67 4860.62,-4849.59 4860.62,-4849.59 4860.62,-4853.55 4856.67,-4857.51 4852.71,-4857.51"/>
+<text text-anchor="middle" x="4744.62" y="-4840.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/sheet/SheetDivider.js</text>
+</g>
+<!-- ../components/sheet/index.js&#45;&gt;../components/sheet/SheetDivider.js -->
+<g id="edge479" class="edge">
+<title>../components/sheet/index.js&#45;&gt;../components/sheet/SheetDivider.js</title>
+<path fill="none" stroke="#757575" d="M4319.1,-4911.3C4384.29,-4899.08 4487.92,-4880.27 4578,-4866.63 4594.46,-4864.14 4611.86,-4861.71 4628.97,-4859.44"/>
+<polygon fill="#757575" stroke="#757575" points="4629.19,-4862.94 4638.65,-4858.17 4628.28,-4856 4629.19,-4862.94"/>
+</g>
+<!-- ../components/sheet/SheetKeyboardAnimation.js -->
+<g id="node250" class="node">
+<title>../components/sheet/SheetKeyboardAnimation.js</title>
+<path fill="none" stroke="#cfffac" d="M4891.33,-4899.51C4891.33,-4899.51 4597.92,-4899.51 4597.92,-4899.51 4593.96,-4899.51 4590,-4895.55 4590,-4891.59 4590,-4891.59 4590,-4883.67 4590,-4883.67 4590,-4879.72 4593.96,-4875.76 4597.92,-4875.76 4597.92,-4875.76 4891.33,-4875.76 4891.33,-4875.76 4895.29,-4875.76 4899.25,-4879.72 4899.25,-4883.67 4899.25,-4883.67 4899.25,-4891.59 4899.25,-4891.59 4899.25,-4895.55 4895.29,-4899.51 4891.33,-4899.51"/>
+<text text-anchor="middle" x="4744.62" y="-4882.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/sheet/SheetKeyboardAnimation.js</text>
+</g>
+<!-- ../components/sheet/index.js&#45;&gt;../components/sheet/SheetKeyboardAnimation.js -->
+<g id="edge481" class="edge">
+<title>../components/sheet/index.js&#45;&gt;../components/sheet/SheetKeyboardAnimation.js</title>
+<path fill="none" stroke="#757575" d="M4347.65,-4916.78C4412.77,-4911.98 4501.51,-4905.45 4578.47,-4899.79"/>
+<polygon fill="#757575" stroke="#757575" points="4578.51,-4903.29 4588.23,-4899.07 4578,-4896.31 4578.51,-4903.29"/>
+</g>
+<!-- ../components/sheet/SheetTitle.js -->
+<g id="node251" class="node">
+<title>../components/sheet/SheetTitle.js</title>
+<path fill="none" stroke="#c6c5fe" d="M4844.83,-3803.51C4844.83,-3803.51 4644.42,-3803.51 4644.42,-3803.51 4640.46,-3803.51 4636.5,-3799.55 4636.5,-3795.59 4636.5,-3795.59 4636.5,-3787.67 4636.5,-3787.67 4636.5,-3783.72 4640.46,-3779.76 4644.42,-3779.76 4644.42,-3779.76 4844.83,-3779.76 4844.83,-3779.76 4848.79,-3779.76 4852.75,-3783.72 4852.75,-3787.67 4852.75,-3787.67 4852.75,-3795.59 4852.75,-3795.59 4852.75,-3799.55 4848.79,-3803.51 4844.83,-3803.51"/>
+<text text-anchor="middle" x="4744.62" y="-3786.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/sheet/SheetTitle.js</text>
+</g>
+<!-- ../components/sheet/index.js&#45;&gt;../components/sheet/SheetTitle.js -->
+<g id="edge482" class="edge">
+<title>../components/sheet/index.js&#45;&gt;../components/sheet/SheetTitle.js</title>
+<path fill="none" stroke="#757575" d="M4271.36,-4911.31C4323.42,-4872.13 4481.72,-4744.13 4542,-4594.63 4572.95,-4517.87 4528.68,-3917.09 4578,-3850.63 4593.45,-3829.81 4616.88,-3816.32 4641.29,-3807.57"/>
+<polygon fill="#757575" stroke="#757575" points="4642.33,-3810.91 4650.73,-3804.47 4640.14,-3804.27 4642.33,-3810.91"/>
+</g>
+<!-- ../hooks/useInteraction.ts -->
+<g id="node281" class="node">
+<title>../hooks/useInteraction.ts</title>
+<path fill="none" stroke="#cfffac" d="M4328.58,-5090.51C4328.58,-5090.51 4178.42,-5090.51 4178.42,-5090.51 4174.46,-5090.51 4170.5,-5086.55 4170.5,-5082.59 4170.5,-5082.59 4170.5,-5074.67 4170.5,-5074.67 4170.5,-5070.72 4174.46,-5066.76 4178.42,-5066.76 4178.42,-5066.76 4328.58,-5066.76 4328.58,-5066.76 4332.54,-5066.76 4336.5,-5070.72 4336.5,-5074.67 4336.5,-5074.67 4336.5,-5082.59 4336.5,-5082.59 4336.5,-5086.55 4332.54,-5090.51 4328.58,-5090.51"/>
+<text text-anchor="middle" x="4253.5" y="-5073.21" font-family="Arial" font-size="14.00" fill="#cfffac">../hooks/useInteraction.ts</text>
+</g>
+<!-- ../hooks/useMagicAutofocus.ts&#45;&gt;../hooks/useInteraction.ts -->
+<g id="edge531" class="edge">
+<title>../hooks/useMagicAutofocus.ts&#45;&gt;../hooks/useInteraction.ts</title>
+<path fill="none" stroke="#757575" d="M3840.13,-5078.63C3932.37,-5078.63 4068.74,-5078.63 4159.06,-5078.63"/>
+<polygon fill="#757575" stroke="#757575" points="4158.88,-5082.13 4168.88,-5078.63 4158.88,-5075.13 4158.88,-5082.13"/>
+</g>
+<!-- ../components/exchange/CurrencySelectionList.tsx -->
+<g id="node102" class="node">
+<title>../components/exchange/CurrencySelectionList.tsx</title>
+<path fill="none" stroke="#c6c5fe" d="M741.33,-3682.51C741.33,-3682.51 437.42,-3682.51 437.42,-3682.51 433.46,-3682.51 429.5,-3678.55 429.5,-3674.59 429.5,-3674.59 429.5,-3666.67 429.5,-3666.67 429.5,-3662.72 433.46,-3658.76 437.42,-3658.76 437.42,-3658.76 741.33,-3658.76 741.33,-3658.76 745.29,-3658.76 749.25,-3662.72 749.25,-3666.67 749.25,-3666.67 749.25,-3674.59 749.25,-3674.59 749.25,-3678.55 745.29,-3682.51 741.33,-3682.51"/>
+<text text-anchor="middle" x="589.38" y="-3665.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/exchange/CurrencySelectionList.tsx</text>
+</g>
+<!-- ../components/exchange/CurrencySelectionList.tsx&#45;&gt;../components/layout/index.js -->
+<g id="edge165" class="edge">
+<title>../components/exchange/CurrencySelectionList.tsx&#45;&gt;../components/layout/index.js</title>
+<path fill="none" stroke="#757575" d="M748.67,-3682.79C752.07,-3685.45 755.27,-3688.38 758.25,-3691.63 829.2,-3768.99 732.64,-4550.65 794.25,-4635.63 951.37,-4852.36 1091.44,-4844.63 1359.12,-4844.63 1359.12,-4844.63 1359.12,-4844.63 2663.12,-4844.63 3740.38,-4844.63 4009.37,-4805.63 5086.62,-4805.63 5086.62,-4805.63 5086.62,-4805.63 5757,-4805.63 5867.84,-4805.63 6162.34,-4825.95 6254,-4763.63 6385.42,-4674.27 6431.13,-4468.07 6443.08,-4398.8"/>
+<polygon fill="#757575" stroke="#757575" points="6446.46,-4399.79 6444.63,-4389.36 6439.56,-4398.66 6446.46,-4399.79"/>
+</g>
+<!-- ../components/exchange/CurrencySelectionList.tsx&#45;&gt;../components/list/index.js -->
+<g id="edge167" class="edge">
+<title>../components/exchange/CurrencySelectionList.tsx&#45;&gt;../components/list/index.js</title>
+<path fill="none" stroke="#757575" d="M743.98,-3682.9C748.95,-3685.46 753.73,-3688.36 758.25,-3691.63 1088.41,-3930.3 807.13,-4301.95 1151.5,-4519.63 1308.25,-4618.72 1383.31,-4519.83 1568.75,-4519.63 1992.97,-4519.19 2100.01,-4546.46 2523.25,-4517.63 2788.91,-4499.54 2914.68,-4610.75 3117,-4437.63 3159.63,-4401.15 3122.29,-4363.59 3153,-4316.63 3192.01,-4256.98 3261.3,-4208.09 3301.54,-4182.96"/>
+<polygon fill="#757575" stroke="#757575" points="3303.37,-4185.95 3310.06,-4177.74 3299.71,-4179.98 3303.37,-4185.95"/>
+</g>
+<!-- ../components/exchange/CurrencySelectionList.tsx&#45;&gt;../components/asset&#45;list/index.js -->
+<g id="edge161" class="edge">
+<title>../components/exchange/CurrencySelectionList.tsx&#45;&gt;../components/asset&#45;list/index.js</title>
+<path fill="none" stroke="#757575" d="M748.62,-3682.84C752.03,-3685.48 755.25,-3688.4 758.25,-3691.63 811.64,-3749.09 767.98,-4322.73 794.25,-4396.63 823.92,-4480.11 896.69,-4559.06 932.82,-4594.74"/>
+<polygon fill="#757575" stroke="#757575" points="930.07,-4596.94 939.67,-4601.41 934.95,-4591.93 930.07,-4596.94"/>
+</g>
+<!-- ../components/exchange/CurrencySelectionList.tsx&#45;&gt;../components/exchange/CurrencySelectModalHeader.tsx -->
+<g id="edge162" class="edge">
+<title>../components/exchange/CurrencySelectionList.tsx&#45;&gt;../components/exchange/CurrencySelectModalHeader.tsx</title>
+<path fill="none" stroke="#757575" d="M748.7,-3682.76C752.09,-3685.43 755.28,-3688.37 758.25,-3691.63 845.59,-3787.56 703.05,-4766.37 794.25,-4858.63 882.57,-4947.99 1233.48,-4882.63 1359.12,-4882.63 1359.12,-4882.63 1359.12,-4882.63 2663.12,-4882.63 2824.56,-4882.63 3007.71,-4890.56 3141.63,-4897.82"/>
+<polygon fill="#757575" stroke="#757575" points="3141.12,-4901.3 3151.29,-4898.35 3141.5,-4894.31 3141.12,-4901.3"/>
+</g>
+<!-- ../components/exchange/ExchangeAssetList.tsx -->
+<g id="node103" class="node">
+<title>../components/exchange/ExchangeAssetList.tsx</title>
+<path fill="none" stroke="#c6c5fe" d="M1098.58,-2610.51C1098.58,-2610.51 811.17,-2610.51 811.17,-2610.51 807.21,-2610.51 803.25,-2606.55 803.25,-2602.59 803.25,-2602.59 803.25,-2594.67 803.25,-2594.67 803.25,-2590.72 807.21,-2586.76 811.17,-2586.76 811.17,-2586.76 1098.58,-2586.76 1098.58,-2586.76 1102.54,-2586.76 1106.5,-2590.72 1106.5,-2594.67 1106.5,-2594.67 1106.5,-2602.59 1106.5,-2602.59 1106.5,-2606.55 1102.54,-2610.51 1098.58,-2610.51"/>
+<text text-anchor="middle" x="954.88" y="-2593.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/exchange/ExchangeAssetList.tsx</text>
+</g>
+<!-- ../components/exchange/CurrencySelectionList.tsx&#45;&gt;../components/exchange/ExchangeAssetList.tsx -->
+<g id="edge163" class="edge">
+<title>../components/exchange/CurrencySelectionList.tsx&#45;&gt;../components/exchange/ExchangeAssetList.tsx</title>
+<path fill="none" stroke="#757575" d="M594.46,-3658.59C630.68,-3551.76 896.94,-2766.55 946.09,-2621.6"/>
+<polygon fill="#757575" stroke="#757575" points="949.32,-2622.95 949.22,-2612.36 942.69,-2620.7 949.32,-2622.95"/>
+</g>
+<!-- ../components/exchange/ExchangeSearch.tsx -->
+<g id="node104" class="node">
+<title>../components/exchange/ExchangeSearch.tsx</title>
+<path fill="none" stroke="#c6c5fe" d="M1092.58,-2211.51C1092.58,-2211.51 817.17,-2211.51 817.17,-2211.51 813.21,-2211.51 809.25,-2207.55 809.25,-2203.59 809.25,-2203.59 809.25,-2195.67 809.25,-2195.67 809.25,-2191.72 813.21,-2187.76 817.17,-2187.76 817.17,-2187.76 1092.58,-2187.76 1092.58,-2187.76 1096.54,-2187.76 1100.5,-2191.72 1100.5,-2195.67 1100.5,-2195.67 1100.5,-2203.59 1100.5,-2203.59 1100.5,-2207.55 1096.54,-2211.51 1092.58,-2211.51"/>
+<text text-anchor="middle" x="954.88" y="-2194.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/exchange/ExchangeSearch.tsx</text>
+</g>
+<!-- ../components/exchange/CurrencySelectionList.tsx&#45;&gt;../components/exchange/ExchangeSearch.tsx -->
+<g id="edge164" class="edge">
+<title>../components/exchange/CurrencySelectionList.tsx&#45;&gt;../components/exchange/ExchangeSearch.tsx</title>
+<path fill="none" stroke="#757575" d="M592.34,-3658.31C606.75,-3567.93 697.1,-2997.94 758.25,-2532.63 767.34,-2463.43 745.29,-2270.37 794.25,-2220.63 796.08,-2218.77 797.99,-2217.02 799.97,-2215.37"/>
+<polygon fill="#757575" stroke="#757575" points="801.82,-2218.35 807.86,-2209.65 797.71,-2212.68 801.82,-2218.35"/>
+</g>
+<!-- ../components/list/NoResults.tsx -->
+<g id="node105" class="node">
+<title>../components/list/NoResults.tsx</title>
+<path fill="none" stroke="#cfffac" d="M1051.33,-3703.51C1051.33,-3703.51 858.42,-3703.51 858.42,-3703.51 854.46,-3703.51 850.5,-3699.55 850.5,-3695.59 850.5,-3695.59 850.5,-3687.67 850.5,-3687.67 850.5,-3683.72 854.46,-3679.76 858.42,-3679.76 858.42,-3679.76 1051.33,-3679.76 1051.33,-3679.76 1055.29,-3679.76 1059.25,-3683.72 1059.25,-3687.67 1059.25,-3687.67 1059.25,-3695.59 1059.25,-3695.59 1059.25,-3699.55 1055.29,-3703.51 1051.33,-3703.51"/>
+<text text-anchor="middle" x="954.88" y="-3686.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/list/NoResults.tsx</text>
+</g>
+<!-- ../components/exchange/CurrencySelectionList.tsx&#45;&gt;../components/list/NoResults.tsx -->
+<g id="edge166" class="edge">
+<title>../components/exchange/CurrencySelectionList.tsx&#45;&gt;../components/list/NoResults.tsx</title>
+<path fill="none" stroke="#757575" d="M749.55,-3679.83C779.63,-3681.57 810.55,-3683.35 838.94,-3684.99"/>
+<polygon fill="#757575" stroke="#757575" points="838.41,-3688.47 848.6,-3685.55 838.82,-3681.48 838.41,-3688.47"/>
+</g>
+<!-- ../utils/index.ts -->
+<g id="node106" class="node">
+<title>../utils/index.ts</title>
+<path fill="none" stroke="#c6c5fe" d="M997.71,-3661.51C997.71,-3661.51 912.04,-3661.51 912.04,-3661.51 908.08,-3661.51 904.12,-3657.55 904.12,-3653.59 904.12,-3653.59 904.12,-3645.67 904.12,-3645.67 904.12,-3641.72 908.08,-3637.76 912.04,-3637.76 912.04,-3637.76 997.71,-3637.76 997.71,-3637.76 1001.67,-3637.76 1005.62,-3641.72 1005.62,-3645.67 1005.62,-3645.67 1005.62,-3653.59 1005.62,-3653.59 1005.62,-3657.55 1001.67,-3661.51 997.71,-3661.51"/>
+<text text-anchor="middle" x="954.88" y="-3644.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../utils/index.ts</text>
+</g>
+<!-- ../components/exchange/CurrencySelectionList.tsx&#45;&gt;../utils/index.ts -->
+<g id="edge168" class="edge">
+<title>../components/exchange/CurrencySelectionList.tsx&#45;&gt;../utils/index.ts</title>
+<path fill="none" stroke="#757575" d="M749.55,-3661.44C800.17,-3658.51 853.17,-3655.45 892.5,-3653.18"/>
+<polygon fill="#757575" stroke="#757575" points="892.7,-3656.67 902.48,-3652.6 892.3,-3649.68 892.7,-3656.67"/>
+</g>
+<!-- ../components/exchange/ExchangeAssetList.tsx&#45;&gt;../components/text/index.js -->
+<g id="edge174" class="edge">
+<title>../components/exchange/ExchangeAssetList.tsx&#45;&gt;../components/text/index.js</title>
+<path fill="none" stroke="#757575" d="M1039.29,-2610.96C1157.35,-2628.62 1379.86,-2662.61 1568.75,-2695.63 1835.37,-2742.24 2568.04,-2738.99 2765,-2924.63 2812.38,-2969.29 2750.25,-3025.85 2801,-3066.63 2808.26,-3072.46 3515.89,-3085.95 3550.75,-3086.63 4093.39,-3097.19 4743.94,-3106.76 4987.87,-3110.24"/>
+<polygon fill="#757575" stroke="#757575" points="4987.61,-3113.74 4997.66,-3110.38 4987.71,-3106.74 4987.61,-3113.74"/>
+</g>
+<!-- ../components/exchange/ExchangeAssetList.tsx&#45;&gt;../components/animations/index.js -->
+<g id="edge169" class="edge">
+<title>../components/exchange/ExchangeAssetList.tsx&#45;&gt;../components/animations/index.js</title>
+<path fill="none" stroke="#757575" d="M962.77,-2586.26C984.83,-2547.92 1057.69,-2430.12 1151.5,-2371.63 1314.14,-2270.22 1449.9,-2413 1568.75,-2262.63 1623.99,-2192.75 1573.87,-743.19 1604.75,-659.63 1680.37,-454.99 1790.64,-458.54 1915.5,-279.63 1933.52,-253.82 1924.76,-235.25 1951.5,-218.63 2085.81,-135.16 2502.99,-165.63 2661.12,-165.63 2661.12,-165.63 2661.12,-165.63 6098.12,-165.63 6210.94,-165.63 6511.58,-125.77 6605.25,-188.63 6732.57,-274.08 6769.64,-476.6 6778.76,-545.34"/>
+<polygon fill="#757575" stroke="#757575" points="6775.26,-545.56 6779.96,-555.06 6782.2,-544.7 6775.26,-545.56"/>
+</g>
+<!-- ../components/exchange/ExchangeAssetList.tsx&#45;&gt;../components/asset&#45;list/RecyclerAssetList2/FastComponents/FastCurrencySelectionRow.tsx -->
+<g id="edge170" class="edge">
+<title>../components/exchange/ExchangeAssetList.tsx&#45;&gt;../components/asset&#45;list/RecyclerAssetList2/FastComponents/FastCurrencySelectionRow.tsx</title>
+<path fill="none" stroke="#757575" d="M1006.86,-2586.28C1188.43,-2541.21 1798.94,-2380.14 1915.5,-2224.63 2103.65,-1973.61 2216.76,-916.09 2234.05,-744.27"/>
+<polygon fill="#757575" stroke="#757575" points="2237.53,-744.67 2235.04,-734.37 2230.56,-743.98 2237.53,-744.67"/>
+</g>
+<!-- ../components/exchange/ExchangeAssetList.tsx&#45;&gt;../components/contacts/index.js -->
+<g id="edge171" class="edge">
+<title>../components/exchange/ExchangeAssetList.tsx&#45;&gt;../components/contacts/index.js</title>
+<path fill="none" stroke="#757575" d="M1106.89,-2598.63C1152.97,-2598.63 1202.82,-2598.63 1245.94,-2598.63"/>
+<polygon fill="#757575" stroke="#757575" points="1245.82,-2602.13 1255.82,-2598.63 1245.82,-2595.13 1245.82,-2602.13"/>
+</g>
+<!-- ../components/exchange/ExchangeTokenRow.tsx -->
+<g id="node107" class="node">
+<title>../components/exchange/ExchangeTokenRow.tsx</title>
+<path fill="none" stroke="#c6c5fe" d="M1907.58,-692.51C1907.58,-692.51 1612.67,-692.51 1612.67,-692.51 1608.71,-692.51 1604.75,-688.55 1604.75,-684.59 1604.75,-684.59 1604.75,-676.67 1604.75,-676.67 1604.75,-672.72 1608.71,-668.76 1612.67,-668.76 1612.67,-668.76 1907.58,-668.76 1907.58,-668.76 1911.54,-668.76 1915.5,-672.72 1915.5,-676.67 1915.5,-676.67 1915.5,-684.59 1915.5,-684.59 1915.5,-688.55 1911.54,-692.51 1907.58,-692.51"/>
+<text text-anchor="middle" x="1760.12" y="-675.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/exchange/ExchangeTokenRow.tsx</text>
+</g>
+<!-- ../components/exchange/ExchangeAssetList.tsx&#45;&gt;../components/exchange/ExchangeTokenRow.tsx -->
+<g id="edge172" class="edge">
+<title>../components/exchange/ExchangeAssetList.tsx&#45;&gt;../components/exchange/ExchangeTokenRow.tsx</title>
+<path fill="none" stroke="#757575" d="M964.83,-2586.62C990,-2553.88 1065.22,-2462.88 1151.5,-2423.63 1236.55,-2384.94 1503.07,-2438.09 1568.75,-2371.63 1599.64,-2340.37 1737.67,-905.38 1756.9,-704.01"/>
+<polygon fill="#757575" stroke="#757575" points="1760.38,-704.35 1757.85,-694.07 1753.41,-703.69 1760.38,-704.35"/>
+</g>
+<!-- ../components/exchange/exchangeAssetRowContextMenuProps.ts -->
+<g id="node108" class="node">
+<title>../components/exchange/exchangeAssetRowContextMenuProps.ts</title>
+<path fill="none" stroke="#c6c5fe" d="M1560.83,-2846.51C1560.83,-2846.51 1159.42,-2846.51 1159.42,-2846.51 1155.46,-2846.51 1151.5,-2842.55 1151.5,-2838.59 1151.5,-2838.59 1151.5,-2830.67 1151.5,-2830.67 1151.5,-2826.72 1155.46,-2822.76 1159.42,-2822.76 1159.42,-2822.76 1560.83,-2822.76 1560.83,-2822.76 1564.79,-2822.76 1568.75,-2826.72 1568.75,-2830.67 1568.75,-2830.67 1568.75,-2838.59 1568.75,-2838.59 1568.75,-2842.55 1564.79,-2846.51 1560.83,-2846.51"/>
+<text text-anchor="middle" x="1360.12" y="-2829.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/exchange/exchangeAssetRowContextMenuProps.ts</text>
+</g>
+<!-- ../components/exchange/ExchangeAssetList.tsx&#45;&gt;../components/exchange/exchangeAssetRowContextMenuProps.ts -->
+<g id="edge173" class="edge">
+<title>../components/exchange/ExchangeAssetList.tsx&#45;&gt;../components/exchange/exchangeAssetRowContextMenuProps.ts</title>
+<path fill="none" stroke="#757575" d="M962.89,-2610.85C985.01,-2648.08 1057.45,-2760.54 1151.5,-2808.63 1158.98,-2812.46 1166.8,-2815.8 1174.84,-2818.72"/>
+<polygon fill="#757575" stroke="#757575" points="1173.5,-2821.96 1184.09,-2821.84 1175.73,-2815.33 1173.5,-2821.96"/>
+</g>
+<!-- ../components/toasts/index.js -->
+<g id="node109" class="node">
+<title>../components/toasts/index.js</title>
+<path fill="none" stroke="#c6c5fe" d="M4340.96,-3369.51C4340.96,-3369.51 4166.04,-3369.51 4166.04,-3369.51 4162.08,-3369.51 4158.12,-3365.55 4158.12,-3361.59 4158.12,-3361.59 4158.12,-3353.67 4158.12,-3353.67 4158.12,-3349.72 4162.08,-3345.76 4166.04,-3345.76 4166.04,-3345.76 4340.96,-3345.76 4340.96,-3345.76 4344.92,-3345.76 4348.88,-3349.72 4348.88,-3353.67 4348.88,-3353.67 4348.88,-3361.59 4348.88,-3361.59 4348.88,-3365.55 4344.92,-3369.51 4340.96,-3369.51"/>
+<text text-anchor="middle" x="4253.5" y="-3352.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/toasts/index.js</text>
+</g>
+<!-- ../components/exchange/ExchangeAssetList.tsx&#45;&gt;../components/toasts/index.js -->
+<g id="edge175" class="edge">
+<title>../components/exchange/ExchangeAssetList.tsx&#45;&gt;../components/toasts/index.js</title>
+<path fill="none" stroke="#757575" d="M965.2,-2611C990.76,-2643.83 1065.72,-2733.15 1151.5,-2770.63 1236.91,-2807.95 1498.32,-2752.57 1568.75,-2813.63 1618.6,-2856.85 1559.61,-2909.53 1604.75,-2957.63 1703.94,-3063.33 1825.33,-2943.14 1915.5,-3056.63 1977.49,-3134.66 1878.26,-3436.05 1951.5,-3503.63 2082.25,-3624.28 3373.69,-3443 3550.75,-3425.63 3761.95,-3404.92 4008.95,-3381.07 4146.39,-3367.84"/>
+<polygon fill="#757575" stroke="#757575" points="4146.59,-3371.33 4156.21,-3366.89 4145.92,-3364.36 4146.59,-3371.33"/>
+</g>
+<!-- ../hooks/useAccountSettings.ts -->
+<g id="node110" class="node">
+<title>../hooks/useAccountSettings.ts</title>
+<path fill="none" stroke="#c6c5fe" d="M1452.46,-2728.51C1452.46,-2728.51 1267.79,-2728.51 1267.79,-2728.51 1263.83,-2728.51 1259.88,-2724.55 1259.88,-2720.59 1259.88,-2720.59 1259.88,-2712.67 1259.88,-2712.67 1259.88,-2708.72 1263.83,-2704.76 1267.79,-2704.76 1267.79,-2704.76 1452.46,-2704.76 1452.46,-2704.76 1456.42,-2704.76 1460.38,-2708.72 1460.38,-2712.67 1460.38,-2712.67 1460.38,-2720.59 1460.38,-2720.59 1460.38,-2724.55 1456.42,-2728.51 1452.46,-2728.51"/>
+<text text-anchor="middle" x="1360.12" y="-2711.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../hooks/useAccountSettings.ts</text>
+</g>
+<!-- ../components/exchange/ExchangeAssetList.tsx&#45;&gt;../hooks/useAccountSettings.ts -->
+<g id="edge176" class="edge">
+<title>../components/exchange/ExchangeAssetList.tsx&#45;&gt;../hooks/useAccountSettings.ts</title>
+<path fill="none" stroke="#757575" d="M997.89,-2610.93C1071.77,-2632.55 1224.82,-2677.33 1305.95,-2701.07"/>
+<polygon fill="#757575" stroke="#757575" points="1304.87,-2704.4 1315.45,-2703.85 1306.84,-2697.68 1304.87,-2704.4"/>
+</g>
+<!-- discover/DiscoverScreenContext.js -->
+<g id="node111" class="node">
+<title>discover/DiscoverScreenContext.js</title>
+<path fill="none" stroke="#cfffac" d="M1464.83,-2253.51C1464.83,-2253.51 1255.42,-2253.51 1255.42,-2253.51 1251.46,-2253.51 1247.5,-2249.55 1247.5,-2245.59 1247.5,-2245.59 1247.5,-2237.67 1247.5,-2237.67 1247.5,-2233.72 1251.46,-2229.76 1255.42,-2229.76 1255.42,-2229.76 1464.83,-2229.76 1464.83,-2229.76 1468.79,-2229.76 1472.75,-2233.72 1472.75,-2237.67 1472.75,-2237.67 1472.75,-2245.59 1472.75,-2245.59 1472.75,-2249.55 1468.79,-2253.51 1464.83,-2253.51"/>
+<text text-anchor="middle" x="1360.12" y="-2236.21" font-family="Arial" font-size="14.00" fill="#cfffac">discover/DiscoverScreenContext.js</text>
+</g>
+<!-- ../components/exchange/ExchangeAssetList.tsx&#45;&gt;discover/DiscoverScreenContext.js -->
+<g id="edge177" class="edge">
+<title>../components/exchange/ExchangeAssetList.tsx&#45;&gt;discover/DiscoverScreenContext.js</title>
+<path fill="none" stroke="#757575" d="M962.49,-2586.4C984.49,-2546.66 1059.14,-2419.32 1151.5,-2343.63 1200.14,-2303.77 1266.96,-2274.51 1311.52,-2257.8"/>
+<polygon fill="#757575" stroke="#757575" points="1312.47,-2261.18 1320.64,-2254.44 1310.05,-2254.61 1312.47,-2261.18"/>
+</g>
+<!-- ../components/exchange/ExchangeSearch.tsx&#45;&gt;../assets/chartSpinner.png -->
+<g id="edge197" class="edge">
+<title>../components/exchange/ExchangeSearch.tsx&#45;&gt;../assets/chartSpinner.png</title>
+<path fill="none" stroke="#757575" d="M1100.89,-2191.26C1106.21,-2187.71 1111.13,-2183.53 1115.5,-2178.63 1191.14,-2093.91 1075.6,-219.12 1151.5,-134.63 1182.1,-100.57 1232.89,-93.75 1276.57,-95.6"/>
+<polygon fill="#757575" stroke="#757575" points="1276.1,-99.07 1286.29,-96.17 1276.52,-92.09 1276.1,-99.07"/>
+</g>
+<!-- ../components/exchange/ExchangeSearch.tsx&#45;&gt;discover/DiscoverScreenContext.js -->
+<g id="edge199" class="edge">
+<title>../components/exchange/ExchangeSearch.tsx&#45;&gt;discover/DiscoverScreenContext.js</title>
+<path fill="none" stroke="#757575" d="M1074.68,-2212.01C1125.44,-2217.29 1184.67,-2223.46 1235.9,-2228.8"/>
+<polygon fill="#757575" stroke="#757575" points="1235.23,-2232.25 1245.53,-2229.8 1235.95,-2225.28 1235.23,-2232.25"/>
+</g>
+<!-- ../components/inputs/index.js -->
+<g id="node124" class="node">
+<title>../components/inputs/index.js</title>
+<path fill="none" stroke="#c6c5fe" d="M1847.58,-2215.51C1847.58,-2215.51 1672.67,-2215.51 1672.67,-2215.51 1668.71,-2215.51 1664.75,-2211.55 1664.75,-2207.59 1664.75,-2207.59 1664.75,-2199.67 1664.75,-2199.67 1664.75,-2195.72 1668.71,-2191.76 1672.67,-2191.76 1672.67,-2191.76 1847.58,-2191.76 1847.58,-2191.76 1851.54,-2191.76 1855.5,-2195.72 1855.5,-2199.67 1855.5,-2199.67 1855.5,-2207.59 1855.5,-2207.59 1855.5,-2211.55 1851.54,-2215.51 1847.58,-2215.51"/>
+<text text-anchor="middle" x="1760.12" y="-2198.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/inputs/index.js</text>
+</g>
+<!-- ../components/exchange/ExchangeSearch.tsx&#45;&gt;../components/inputs/index.js -->
+<g id="edge198" class="edge">
+<title>../components/exchange/ExchangeSearch.tsx&#45;&gt;../components/inputs/index.js</title>
+<path fill="none" stroke="#757575" d="M1100.87,-2200.35C1259.92,-2201.15 1511.37,-2202.4 1653.02,-2203.1"/>
+<polygon fill="#757575" stroke="#757575" points="1652.75,-2206.6 1662.77,-2203.15 1652.78,-2199.6 1652.75,-2206.6"/>
+</g>
+<!-- ../utils/CoinIcons/FallbackIcon.js -->
+<g id="node308" class="node">
+<title>../utils/CoinIcons/FallbackIcon.js</title>
+<path fill="none" stroke="#cfffac" d="M1456.21,-3220.51C1456.21,-3220.51 1264.04,-3220.51 1264.04,-3220.51 1260.08,-3220.51 1256.12,-3216.55 1256.12,-3212.59 1256.12,-3212.59 1256.12,-3204.67 1256.12,-3204.67 1256.12,-3200.72 1260.08,-3196.76 1264.04,-3196.76 1264.04,-3196.76 1456.21,-3196.76 1456.21,-3196.76 1460.17,-3196.76 1464.12,-3200.72 1464.12,-3204.67 1464.12,-3204.67 1464.12,-3212.59 1464.12,-3212.59 1464.12,-3216.55 1460.17,-3220.51 1456.21,-3220.51"/>
+<text text-anchor="middle" x="1360.12" y="-3203.21" font-family="Arial" font-size="14.00" fill="#cfffac">../utils/CoinIcons/FallbackIcon.js</text>
+</g>
+<!-- ../utils/index.ts&#45;&gt;../utils/CoinIcons/FallbackIcon.js -->
+<g id="edge567" class="edge">
+<title>../utils/index.ts&#45;&gt;../utils/CoinIcons/FallbackIcon.js</title>
+<path fill="none" stroke="#757575" d="M957.3,-3637.26C964.66,-3579.46 1003.97,-3334.47 1151.5,-3229.63 1178.18,-3210.67 1211.89,-3202.48 1244.34,-3199.81"/>
+<polygon fill="#757575" stroke="#757575" points="1244.49,-3203.31 1254.25,-3199.19 1244.04,-3196.32 1244.49,-3203.31"/>
+</g>
+<!-- ../utils/abbreviations.ts -->
+<g id="node309" class="node">
+<title>../utils/abbreviations.ts</title>
+<path fill="none" stroke="#c6c5fe" d="M1426.96,-3892.51C1426.96,-3892.51 1293.29,-3892.51 1293.29,-3892.51 1289.33,-3892.51 1285.38,-3888.55 1285.38,-3884.59 1285.38,-3884.59 1285.38,-3876.67 1285.38,-3876.67 1285.38,-3872.72 1289.33,-3868.76 1293.29,-3868.76 1293.29,-3868.76 1426.96,-3868.76 1426.96,-3868.76 1430.92,-3868.76 1434.88,-3872.72 1434.88,-3876.67 1434.88,-3876.67 1434.88,-3884.59 1434.88,-3884.59 1434.88,-3888.55 1430.92,-3892.51 1426.96,-3892.51"/>
+<text text-anchor="middle" x="1360.12" y="-3875.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../utils/abbreviations.ts</text>
+</g>
+<!-- ../utils/index.ts&#45;&gt;../utils/abbreviations.ts -->
+<g id="edge568" class="edge">
+<title>../utils/index.ts&#45;&gt;../utils/abbreviations.ts</title>
+<path fill="none" stroke="#757575" d="M1005.85,-3642.18C1041.01,-3639.93 1086.74,-3643.48 1115.5,-3670.63 1177.68,-3729.34 1088.45,-3801.87 1151.5,-3859.63 1185.1,-3890.41 1235.79,-3896.02 1278.68,-3893.76"/>
+<polygon fill="#757575" stroke="#757575" points="1278.72,-3897.26 1288.46,-3893.08 1278.24,-3890.28 1278.72,-3897.26"/>
+</g>
+<!-- ../utils/actionsheet.ts -->
+<g id="node310" class="node">
+<title>../utils/actionsheet.ts</title>
+<path fill="none" stroke="#cfffac" d="M1421.33,-3136.51C1421.33,-3136.51 1298.92,-3136.51 1298.92,-3136.51 1294.96,-3136.51 1291,-3132.55 1291,-3128.59 1291,-3128.59 1291,-3120.67 1291,-3120.67 1291,-3116.72 1294.96,-3112.76 1298.92,-3112.76 1298.92,-3112.76 1421.33,-3112.76 1421.33,-3112.76 1425.29,-3112.76 1429.25,-3116.72 1429.25,-3120.67 1429.25,-3120.67 1429.25,-3128.59 1429.25,-3128.59 1429.25,-3132.55 1425.29,-3136.51 1421.33,-3136.51"/>
+<text text-anchor="middle" x="1360.12" y="-3119.21" font-family="Arial" font-size="14.00" fill="#cfffac">../utils/actionsheet.ts</text>
+</g>
+<!-- ../utils/index.ts&#45;&gt;../utils/actionsheet.ts -->
+<g id="edge569" class="edge">
+<title>../utils/index.ts&#45;&gt;../utils/actionsheet.ts</title>
+<path fill="none" stroke="#757575" d="M956.27,-3637.51C959.08,-3573.77 981.22,-3275.26 1151.5,-3145.63 1187.41,-3118.29 1237.54,-3112.59 1279.54,-3113.94"/>
+<polygon fill="#757575" stroke="#757575" points="1279.21,-3117.43 1289.36,-3114.4 1279.54,-3110.43 1279.21,-3117.43"/>
+</g>
+<!-- ../utils/address.ts -->
+<g id="node311" class="node">
+<title>../utils/address.ts</title>
+<path fill="none" stroke="#c6c5fe" d="M1410.83,-3808.51C1410.83,-3808.51 1309.42,-3808.51 1309.42,-3808.51 1305.46,-3808.51 1301.5,-3804.55 1301.5,-3800.59 1301.5,-3800.59 1301.5,-3792.67 1301.5,-3792.67 1301.5,-3788.72 1305.46,-3784.76 1309.42,-3784.76 1309.42,-3784.76 1410.83,-3784.76 1410.83,-3784.76 1414.79,-3784.76 1418.75,-3788.72 1418.75,-3792.67 1418.75,-3792.67 1418.75,-3800.59 1418.75,-3800.59 1418.75,-3804.55 1414.79,-3808.51 1410.83,-3808.51"/>
+<text text-anchor="middle" x="1360.12" y="-3791.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../utils/address.ts</text>
+</g>
+<!-- ../utils/index.ts&#45;&gt;../utils/address.ts -->
+<g id="edge570" class="edge">
+<title>../utils/index.ts&#45;&gt;../utils/address.ts</title>
+<path fill="none" stroke="#757575" d="M1005.84,-3643.4C1040.31,-3641.9 1085.21,-3645.85 1115.5,-3670.63 1153.68,-3701.87 1112.85,-3744.97 1151.5,-3775.63 1190.01,-3806.18 1246.03,-3810.25 1290.17,-3807.32"/>
+<polygon fill="#757575" stroke="#757575" points="1290.22,-3810.83 1299.9,-3806.53 1289.65,-3803.85 1290.22,-3810.83"/>
+</g>
+<!-- ../utils/allowancesCache.ts -->
+<g id="node312" class="node">
+<title>../utils/allowancesCache.ts</title>
+<path fill="none" stroke="#cfffac" d="M1439.71,-3056.51C1439.71,-3056.51 1280.54,-3056.51 1280.54,-3056.51 1276.58,-3056.51 1272.62,-3052.55 1272.62,-3048.59 1272.62,-3048.59 1272.62,-3040.67 1272.62,-3040.67 1272.62,-3036.72 1276.58,-3032.76 1280.54,-3032.76 1280.54,-3032.76 1439.71,-3032.76 1439.71,-3032.76 1443.67,-3032.76 1447.62,-3036.72 1447.62,-3040.67 1447.62,-3040.67 1447.62,-3048.59 1447.62,-3048.59 1447.62,-3052.55 1443.67,-3056.51 1439.71,-3056.51"/>
+<text text-anchor="middle" x="1360.12" y="-3039.21" font-family="Arial" font-size="14.00" fill="#cfffac">../utils/allowancesCache.ts</text>
+</g>
+<!-- ../utils/index.ts&#45;&gt;../utils/allowancesCache.ts -->
+<g id="edge571" class="edge">
+<title>../utils/index.ts&#45;&gt;../utils/allowancesCache.ts</title>
+<path fill="none" stroke="#757575" d="M955.67,-3637.7C955.2,-3569.35 962.48,-3224.99 1151.5,-3070.63 1181.78,-3045.9 1223.3,-3037.37 1261.25,-3035.79"/>
+<polygon fill="#757575" stroke="#757575" points="1260.95,-3039.3 1270.86,-3035.55 1260.78,-3032.3 1260.95,-3039.3"/>
+</g>
+<!-- ../utils/checkTokenIsScam.ts -->
+<g id="node313" class="node">
+<title>../utils/checkTokenIsScam.ts</title>
+<path fill="none" stroke="#cfffac" d="M1445.33,-3014.51C1445.33,-3014.51 1274.92,-3014.51 1274.92,-3014.51 1270.96,-3014.51 1267,-3010.55 1267,-3006.59 1267,-3006.59 1267,-2998.67 1267,-2998.67 1267,-2994.72 1270.96,-2990.76 1274.92,-2990.76 1274.92,-2990.76 1445.33,-2990.76 1445.33,-2990.76 1449.29,-2990.76 1453.25,-2994.72 1453.25,-2998.67 1453.25,-2998.67 1453.25,-3006.59 1453.25,-3006.59 1453.25,-3010.55 1449.29,-3014.51 1445.33,-3014.51"/>
+<text text-anchor="middle" x="1360.12" y="-2997.21" font-family="Arial" font-size="14.00" fill="#cfffac">../utils/checkTokenIsScam.ts</text>
+</g>
+<!-- ../utils/index.ts&#45;&gt;../utils/checkTokenIsScam.ts -->
+<g id="edge572" class="edge">
+<title>../utils/index.ts&#45;&gt;../utils/checkTokenIsScam.ts</title>
+<path fill="none" stroke="#757575" d="M957.84,-3637.41C970.98,-3557.27 1048.72,-3107.49 1151.5,-3023.63 1180.18,-3000.23 1219.05,-2992.16 1255.39,-2990.92"/>
+<polygon fill="#757575" stroke="#757575" points="1255.12,-2994.42 1265.07,-2990.77 1255.01,-2987.42 1255.12,-2994.42"/>
+</g>
+<!-- ../utils/contenthash.ts -->
+<g id="node314" class="node">
+<title>../utils/contenthash.ts</title>
+<path fill="none" stroke="#cfffac" d="M1423.58,-2972.51C1423.58,-2972.51 1296.67,-2972.51 1296.67,-2972.51 1292.71,-2972.51 1288.75,-2968.55 1288.75,-2964.59 1288.75,-2964.59 1288.75,-2956.67 1288.75,-2956.67 1288.75,-2952.72 1292.71,-2948.76 1296.67,-2948.76 1296.67,-2948.76 1423.58,-2948.76 1423.58,-2948.76 1427.54,-2948.76 1431.5,-2952.72 1431.5,-2956.67 1431.5,-2956.67 1431.5,-2964.59 1431.5,-2964.59 1431.5,-2968.55 1427.54,-2972.51 1423.58,-2972.51"/>
+<text text-anchor="middle" x="1360.12" y="-2955.21" font-family="Arial" font-size="14.00" fill="#cfffac">../utils/contenthash.ts</text>
+</g>
+<!-- ../utils/index.ts&#45;&gt;../utils/contenthash.ts -->
+<g id="edge573" class="edge">
+<title>../utils/index.ts&#45;&gt;../utils/contenthash.ts</title>
+<path fill="none" stroke="#757575" d="M957.59,-3637.42C969.52,-3554.25 1042.88,-3071.9 1151.5,-2981.63 1185.83,-2953.1 1235.21,-2947.17 1277.19,-2948.69"/>
+<polygon fill="#757575" stroke="#757575" points="1276.86,-2952.18 1287.03,-2949.21 1277.22,-2945.19 1276.86,-2952.18"/>
+</g>
+<!-- ../utils/deviceUtils.ts -->
+<g id="node315" class="node">
+<title>../utils/deviceUtils.ts</title>
+<path fill="none" stroke="#cfffac" d="M1419.46,-2930.51C1419.46,-2930.51 1300.79,-2930.51 1300.79,-2930.51 1296.83,-2930.51 1292.88,-2926.55 1292.88,-2922.59 1292.88,-2922.59 1292.88,-2914.67 1292.88,-2914.67 1292.88,-2910.72 1296.83,-2906.76 1300.79,-2906.76 1300.79,-2906.76 1419.46,-2906.76 1419.46,-2906.76 1423.42,-2906.76 1427.38,-2910.72 1427.38,-2914.67 1427.38,-2914.67 1427.38,-2922.59 1427.38,-2922.59 1427.38,-2926.55 1423.42,-2930.51 1419.46,-2930.51"/>
+<text text-anchor="middle" x="1360.12" y="-2913.21" font-family="Arial" font-size="14.00" fill="#cfffac">../utils/deviceUtils.ts</text>
+</g>
+<!-- ../utils/index.ts&#45;&gt;../utils/deviceUtils.ts -->
+<g id="edge574" class="edge">
+<title>../utils/index.ts&#45;&gt;../utils/deviceUtils.ts</title>
+<path fill="none" stroke="#757575" d="M957.36,-3637.5C968.12,-3551.63 1036.97,-3036.37 1151.5,-2939.63 1186.82,-2909.8 1238.51,-2904.49 1281.48,-2906.67"/>
+<polygon fill="#757575" stroke="#757575" points="1281.05,-2910.15 1291.26,-2907.32 1281.51,-2903.16 1281.05,-2910.15"/>
+</g>
+<!-- ../utils/doesWalletsContainAddress.ts -->
+<g id="node316" class="node">
+<title>../utils/doesWalletsContainAddress.ts</title>
+<path fill="none" stroke="#cfffac" d="M1471.58,-2888.51C1471.58,-2888.51 1248.67,-2888.51 1248.67,-2888.51 1244.71,-2888.51 1240.75,-2884.55 1240.75,-2880.59 1240.75,-2880.59 1240.75,-2872.67 1240.75,-2872.67 1240.75,-2868.72 1244.71,-2864.76 1248.67,-2864.76 1248.67,-2864.76 1471.58,-2864.76 1471.58,-2864.76 1475.54,-2864.76 1479.5,-2868.72 1479.5,-2872.67 1479.5,-2872.67 1479.5,-2880.59 1479.5,-2880.59 1479.5,-2884.55 1475.54,-2888.51 1471.58,-2888.51"/>
+<text text-anchor="middle" x="1360.12" y="-2871.21" font-family="Arial" font-size="14.00" fill="#cfffac">../utils/doesWalletsContainAddress.ts</text>
+</g>
+<!-- ../utils/index.ts&#45;&gt;../utils/doesWalletsContainAddress.ts -->
+<g id="edge575" class="edge">
+<title>../utils/index.ts&#45;&gt;../utils/doesWalletsContainAddress.ts</title>
+<path fill="none" stroke="#757575" d="M957.18,-3637.36C966.91,-3548.24 1031.14,-3000.78 1151.5,-2897.63 1173.05,-2879.16 1200.86,-2870.03 1229.08,-2866.25"/>
+<polygon fill="#757575" stroke="#757575" points="1229.26,-2869.75 1238.82,-2865.18 1228.5,-2862.79 1229.26,-2869.75"/>
+</g>
+<!-- ../utils/ens.ts -->
+<g id="node317" class="node">
+<title>../utils/ens.ts</title>
+<path fill="none" stroke="#cfffac" d="M1797.71,-3137.51C1797.71,-3137.51 1722.54,-3137.51 1722.54,-3137.51 1718.58,-3137.51 1714.62,-3133.55 1714.62,-3129.59 1714.62,-3129.59 1714.62,-3121.67 1714.62,-3121.67 1714.62,-3117.72 1718.58,-3113.76 1722.54,-3113.76 1722.54,-3113.76 1797.71,-3113.76 1797.71,-3113.76 1801.67,-3113.76 1805.62,-3117.72 1805.62,-3121.67 1805.62,-3121.67 1805.62,-3129.59 1805.62,-3129.59 1805.62,-3133.55 1801.67,-3137.51 1797.71,-3137.51"/>
+<text text-anchor="middle" x="1760.12" y="-3120.21" font-family="Arial" font-size="14.00" fill="#cfffac">../utils/ens.ts</text>
+</g>
+<!-- ../utils/index.ts&#45;&gt;../utils/ens.ts -->
+<g id="edge576" class="edge">
+<title>../utils/index.ts&#45;&gt;../utils/ens.ts</title>
+<path fill="none" stroke="#757575" d="M955.66,-3637.57C955.16,-3569.98 962.54,-3236.65 1151.5,-3103.63 1239.15,-3041.93 1570.12,-3091.97 1703.2,-3115.29"/>
+<polygon fill="#757575" stroke="#757575" points="1702.38,-3118.7 1712.83,-3116.99 1703.6,-3111.81 1702.38,-3118.7"/>
+</g>
+<!-- ../utils/ethereumUtils.ts -->
+<g id="node318" class="node">
+<title>../utils/ethereumUtils.ts</title>
+<path fill="none" stroke="#cfffac" d="M1428.83,-4350.51C1428.83,-4350.51 1291.42,-4350.51 1291.42,-4350.51 1287.46,-4350.51 1283.5,-4346.55 1283.5,-4342.59 1283.5,-4342.59 1283.5,-4334.67 1283.5,-4334.67 1283.5,-4330.72 1287.46,-4326.76 1291.42,-4326.76 1291.42,-4326.76 1428.83,-4326.76 1428.83,-4326.76 1432.79,-4326.76 1436.75,-4330.72 1436.75,-4334.67 1436.75,-4334.67 1436.75,-4342.59 1436.75,-4342.59 1436.75,-4346.55 1432.79,-4350.51 1428.83,-4350.51"/>
+<text text-anchor="middle" x="1360.12" y="-4333.21" font-family="Arial" font-size="14.00" fill="#cfffac">../utils/ethereumUtils.ts</text>
+</g>
+<!-- ../utils/index.ts&#45;&gt;../utils/ethereumUtils.ts -->
+<g id="edge577" class="edge">
+<title>../utils/index.ts&#45;&gt;../utils/ethereumUtils.ts</title>
+<path fill="none" stroke="#757575" d="M1005.83,-3641.16C1041.7,-3638.21 1088.32,-3641.33 1115.5,-3670.63 1213.42,-3776.21 1052,-4213.53 1151.5,-4317.63 1186.23,-4353.97 1244.3,-4357.09 1290.21,-4352.32"/>
+<polygon fill="#757575" stroke="#757575" points="1290.58,-4355.8 1300.1,-4351.14 1289.75,-4348.85 1290.58,-4355.8"/>
+</g>
+<!-- ../utils/formatURLForDisplay.ts -->
+<g id="node319" class="node">
+<title>../utils/formatURLForDisplay.ts</title>
+<path fill="none" stroke="#cfffac" d="M1451.71,-4308.51C1451.71,-4308.51 1268.54,-4308.51 1268.54,-4308.51 1264.58,-4308.51 1260.62,-4304.55 1260.62,-4300.59 1260.62,-4300.59 1260.62,-4292.67 1260.62,-4292.67 1260.62,-4288.72 1264.58,-4284.76 1268.54,-4284.76 1268.54,-4284.76 1451.71,-4284.76 1451.71,-4284.76 1455.67,-4284.76 1459.62,-4288.72 1459.62,-4292.67 1459.62,-4292.67 1459.62,-4300.59 1459.62,-4300.59 1459.62,-4304.55 1455.67,-4308.51 1451.71,-4308.51"/>
+<text text-anchor="middle" x="1360.12" y="-4291.21" font-family="Arial" font-size="14.00" fill="#cfffac">../utils/formatURLForDisplay.ts</text>
+</g>
+<!-- ../utils/index.ts&#45;&gt;../utils/formatURLForDisplay.ts -->
+<g id="edge578" class="edge">
+<title>../utils/index.ts&#45;&gt;../utils/formatURLForDisplay.ts</title>
+<path fill="none" stroke="#757575" d="M1005.8,-3641.2C1041.65,-3638.25 1088.26,-3641.38 1115.5,-3670.63 1207.28,-3769.2 1058.26,-4178.45 1151.5,-4275.63 1186.19,-4311.78 1243.98,-4315.01 1289.8,-4310.33"/>
+<polygon fill="#757575" stroke="#757575" points="1290.14,-4313.81 1299.66,-4309.16 1289.32,-4306.86 1290.14,-4313.81"/>
+</g>
+<!-- ../utils/formatters.ts -->
+<g id="node320" class="node">
+<title>../utils/formatters.ts</title>
+<path fill="none" stroke="#cfffac" d="M1417.58,-4266.51C1417.58,-4266.51 1302.67,-4266.51 1302.67,-4266.51 1298.71,-4266.51 1294.75,-4262.55 1294.75,-4258.59 1294.75,-4258.59 1294.75,-4250.67 1294.75,-4250.67 1294.75,-4246.72 1298.71,-4242.76 1302.67,-4242.76 1302.67,-4242.76 1417.58,-4242.76 1417.58,-4242.76 1421.54,-4242.76 1425.5,-4246.72 1425.5,-4250.67 1425.5,-4250.67 1425.5,-4258.59 1425.5,-4258.59 1425.5,-4262.55 1421.54,-4266.51 1417.58,-4266.51"/>
+<text text-anchor="middle" x="1360.12" y="-4249.21" font-family="Arial" font-size="14.00" fill="#cfffac">../utils/formatters.ts</text>
+</g>
+<!-- ../utils/index.ts&#45;&gt;../utils/formatters.ts -->
+<g id="edge579" class="edge">
+<title>../utils/index.ts&#45;&gt;../utils/formatters.ts</title>
+<path fill="none" stroke="#757575" d="M1005.76,-3641.23C1041.59,-3638.31 1088.2,-3641.44 1115.5,-3670.63 1201.13,-3762.2 1064.5,-4143.36 1151.5,-4233.63 1186.15,-4269.59 1243.67,-4272.91 1289.39,-4268.32"/>
+<polygon fill="#757575" stroke="#757575" points="1289.71,-4271.81 1299.23,-4267.18 1288.9,-4264.86 1289.71,-4271.81"/>
+</g>
+<!-- ../utils/gas.ts -->
+<g id="node321" class="node">
+<title>../utils/gas.ts</title>
+<path fill="none" stroke="#cfffac" d="M1397.71,-4224.51C1397.71,-4224.51 1322.54,-4224.51 1322.54,-4224.51 1318.58,-4224.51 1314.62,-4220.55 1314.62,-4216.59 1314.62,-4216.59 1314.62,-4208.67 1314.62,-4208.67 1314.62,-4204.72 1318.58,-4200.76 1322.54,-4200.76 1322.54,-4200.76 1397.71,-4200.76 1397.71,-4200.76 1401.67,-4200.76 1405.62,-4204.72 1405.62,-4208.67 1405.62,-4208.67 1405.62,-4216.59 1405.62,-4216.59 1405.62,-4220.55 1401.67,-4224.51 1397.71,-4224.51"/>
+<text text-anchor="middle" x="1360.12" y="-4207.21" font-family="Arial" font-size="14.00" fill="#cfffac">../utils/gas.ts</text>
+</g>
+<!-- ../utils/index.ts&#45;&gt;../utils/gas.ts -->
+<g id="edge580" class="edge">
+<title>../utils/index.ts&#45;&gt;../utils/gas.ts</title>
+<path fill="none" stroke="#757575" d="M1006.1,-3641.24C1041.85,-3638.39 1088.22,-3641.61 1115.5,-3670.63 1194.99,-3755.19 1070.75,-4108.27 1151.5,-4191.63 1189.81,-4231.18 1255.8,-4231.17 1303.11,-4224.64"/>
+<polygon fill="#757575" stroke="#757575" points="1303.55,-4228.11 1312.91,-4223.14 1302.49,-4221.19 1303.55,-4228.11"/>
+</g>
+<!-- ../utils/getDominantColorFromImage.ts -->
+<g id="node322" class="node">
+<title>../utils/getDominantColorFromImage.ts</title>
+<path fill="none" stroke="#cfffac" d="M1476.83,-4182.51C1476.83,-4182.51 1243.42,-4182.51 1243.42,-4182.51 1239.46,-4182.51 1235.5,-4178.55 1235.5,-4174.59 1235.5,-4174.59 1235.5,-4166.67 1235.5,-4166.67 1235.5,-4162.72 1239.46,-4158.76 1243.42,-4158.76 1243.42,-4158.76 1476.83,-4158.76 1476.83,-4158.76 1480.79,-4158.76 1484.75,-4162.72 1484.75,-4166.67 1484.75,-4166.67 1484.75,-4174.59 1484.75,-4174.59 1484.75,-4178.55 1480.79,-4182.51 1476.83,-4182.51"/>
+<text text-anchor="middle" x="1360.12" y="-4165.21" font-family="Arial" font-size="14.00" fill="#cfffac">../utils/getDominantColorFromImage.ts</text>
+</g>
+<!-- ../utils/index.ts&#45;&gt;../utils/getDominantColorFromImage.ts -->
+<g id="edge581" class="edge">
+<title>../utils/index.ts&#45;&gt;../utils/getDominantColorFromImage.ts</title>
+<path fill="none" stroke="#757575" d="M1006.04,-3641.29C1041.77,-3638.46 1088.13,-3641.69 1115.5,-3670.63 1188.85,-3748.19 1077,-4073.19 1151.5,-4149.63 1186.23,-4185.27 1243.47,-4188.71 1289.06,-4184.25"/>
+<polygon fill="#757575" stroke="#757575" points="1289.33,-4187.74 1298.87,-4183.13 1288.54,-4180.78 1289.33,-4187.74"/>
+</g>
+<!-- ../utils/getExchangeIconUrl.ts -->
+<g id="node323" class="node">
+<title>../utils/getExchangeIconUrl.ts</title>
+<path fill="none" stroke="#cfffac" d="M1447.58,-4140.51C1447.58,-4140.51 1272.67,-4140.51 1272.67,-4140.51 1268.71,-4140.51 1264.75,-4136.55 1264.75,-4132.59 1264.75,-4132.59 1264.75,-4124.67 1264.75,-4124.67 1264.75,-4120.72 1268.71,-4116.76 1272.67,-4116.76 1272.67,-4116.76 1447.58,-4116.76 1447.58,-4116.76 1451.54,-4116.76 1455.5,-4120.72 1455.5,-4124.67 1455.5,-4124.67 1455.5,-4132.59 1455.5,-4132.59 1455.5,-4136.55 1451.54,-4140.51 1447.58,-4140.51"/>
+<text text-anchor="middle" x="1360.12" y="-4123.21" font-family="Arial" font-size="14.00" fill="#cfffac">../utils/getExchangeIconUrl.ts</text>
+</g>
+<!-- ../utils/index.ts&#45;&gt;../utils/getExchangeIconUrl.ts -->
+<g id="edge582" class="edge">
+<title>../utils/index.ts&#45;&gt;../utils/getExchangeIconUrl.ts</title>
+<path fill="none" stroke="#757575" d="M1005.98,-3641.35C1041.68,-3638.55 1088.03,-3641.79 1115.5,-3670.63 1182.71,-3741.19 1083.24,-4038.09 1151.5,-4107.63 1186.13,-4142.91 1242.82,-4146.55 1288.22,-4142.25"/>
+<polygon fill="#757575" stroke="#757575" points="1288.44,-4145.75 1298,-4141.17 1287.67,-4138.79 1288.44,-4145.75"/>
+</g>
+<!-- ../utils/getUrlForTrustIconFallback.ts -->
+<g id="node324" class="node">
+<title>../utils/getUrlForTrustIconFallback.ts</title>
+<path fill="none" stroke="#cfffac" d="M1468.21,-4098.51C1468.21,-4098.51 1252.04,-4098.51 1252.04,-4098.51 1248.08,-4098.51 1244.12,-4094.55 1244.12,-4090.59 1244.12,-4090.59 1244.12,-4082.67 1244.12,-4082.67 1244.12,-4078.72 1248.08,-4074.76 1252.04,-4074.76 1252.04,-4074.76 1468.21,-4074.76 1468.21,-4074.76 1472.17,-4074.76 1476.12,-4078.72 1476.12,-4082.67 1476.12,-4082.67 1476.12,-4090.59 1476.12,-4090.59 1476.12,-4094.55 1472.17,-4098.51 1468.21,-4098.51"/>
+<text text-anchor="middle" x="1360.12" y="-4081.21" font-family="Arial" font-size="14.00" fill="#cfffac">../utils/getUrlForTrustIconFallback.ts</text>
+</g>
+<!-- ../utils/index.ts&#45;&gt;../utils/getUrlForTrustIconFallback.ts -->
+<g id="edge583" class="edge">
+<title>../utils/index.ts&#45;&gt;../utils/getUrlForTrustIconFallback.ts</title>
+<path fill="none" stroke="#757575" d="M1005.9,-3641.43C1041.55,-3638.67 1087.89,-3641.93 1115.5,-3670.63 1175.84,-3733.36 1090.97,-3998.1 1151.5,-4060.63 1172.71,-4082.54 1202.33,-4092.88 1232.57,-4096.88"/>
+<polygon fill="#757575" stroke="#757575" points="1231.9,-4100.33 1242.22,-4097.91 1232.65,-4093.37 1231.9,-4100.33"/>
+</g>
+<!-- ../utils/haptics.ts -->
+<g id="node325" class="node">
+<title>../utils/haptics.ts</title>
+<path fill="none" stroke="#c6c5fe" d="M1408.21,-4018.51C1408.21,-4018.51 1312.04,-4018.51 1312.04,-4018.51 1308.08,-4018.51 1304.12,-4014.55 1304.12,-4010.59 1304.12,-4010.59 1304.12,-4002.67 1304.12,-4002.67 1304.12,-3998.72 1308.08,-3994.76 1312.04,-3994.76 1312.04,-3994.76 1408.21,-3994.76 1408.21,-3994.76 1412.17,-3994.76 1416.12,-3998.72 1416.12,-4002.67 1416.12,-4002.67 1416.12,-4010.59 1416.12,-4010.59 1416.12,-4014.55 1412.17,-4018.51 1408.21,-4018.51"/>
+<text text-anchor="middle" x="1360.12" y="-4001.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../utils/haptics.ts</text>
+</g>
+<!-- ../utils/index.ts&#45;&gt;../utils/haptics.ts -->
+<g id="edge584" class="edge">
+<title>../utils/index.ts&#45;&gt;../utils/haptics.ts</title>
+<path fill="none" stroke="#757575" d="M1006.09,-3641.58C1041.6,-3638.96 1087.67,-3642.33 1115.5,-3670.63 1214.29,-3771.12 1051.22,-3886.64 1151.5,-3985.63 1187.75,-4021.41 1246.8,-4024.23 1292.68,-4019.49"/>
+<polygon fill="#757575" stroke="#757575" points="1293.02,-4022.98 1302.53,-4018.32 1292.19,-4016.03 1293.02,-4022.98"/>
+</g>
+<!-- ../utils/reduceArrayToObject.ts -->
+<g id="node326" class="node">
+<title>../utils/reduceArrayToObject.ts</title>
+<path fill="none" stroke="#cfffac" d="M1850.58,-4000.51C1850.58,-4000.51 1669.67,-4000.51 1669.67,-4000.51 1665.71,-4000.51 1661.75,-3996.55 1661.75,-3992.59 1661.75,-3992.59 1661.75,-3984.67 1661.75,-3984.67 1661.75,-3980.72 1665.71,-3976.76 1669.67,-3976.76 1669.67,-3976.76 1850.58,-3976.76 1850.58,-3976.76 1854.54,-3976.76 1858.5,-3980.72 1858.5,-3984.67 1858.5,-3984.67 1858.5,-3992.59 1858.5,-3992.59 1858.5,-3996.55 1854.54,-4000.51 1850.58,-4000.51"/>
+<text text-anchor="middle" x="1760.12" y="-3983.21" font-family="Arial" font-size="14.00" fill="#cfffac">../utils/reduceArrayToObject.ts</text>
+</g>
+<!-- ../utils/index.ts&#45;&gt;../utils/reduceArrayToObject.ts -->
+<g id="edge595" class="edge">
+<title>../utils/index.ts&#45;&gt;../utils/reduceArrayToObject.ts</title>
+<path fill="none" stroke="#757575" d="M1005.83,-3641.5C1041.45,-3638.78 1087.77,-3642.04 1115.5,-3670.63 1171.02,-3727.86 1092.36,-3974.15 1151.5,-4027.63 1220.28,-4089.82 1478.51,-4048.94 1568.75,-4027.63 1586.16,-4023.52 1587.66,-4014.91 1604.75,-4009.63 1619.2,-4005.17 1634.71,-4001.66 1650.12,-3998.89"/>
+<polygon fill="#757575" stroke="#757575" points="1650.53,-4002.37 1659.81,-3997.25 1649.37,-3995.46 1650.53,-4002.37"/>
+</g>
+<!-- ../utils/isETH.ts -->
+<g id="node327" class="node">
+<title>../utils/isETH.ts</title>
+<path fill="none" stroke="#cfffac" d="M1405.21,-3976.51C1405.21,-3976.51 1315.04,-3976.51 1315.04,-3976.51 1311.08,-3976.51 1307.12,-3972.55 1307.12,-3968.59 1307.12,-3968.59 1307.12,-3960.67 1307.12,-3960.67 1307.12,-3956.72 1311.08,-3952.76 1315.04,-3952.76 1315.04,-3952.76 1405.21,-3952.76 1405.21,-3952.76 1409.17,-3952.76 1413.12,-3956.72 1413.12,-3960.67 1413.12,-3960.67 1413.12,-3968.59 1413.12,-3968.59 1413.12,-3972.55 1409.17,-3976.51 1405.21,-3976.51"/>
+<text text-anchor="middle" x="1360.12" y="-3959.21" font-family="Arial" font-size="14.00" fill="#cfffac">../utils/isETH.ts</text>
+</g>
+<!-- ../utils/index.ts&#45;&gt;../utils/isETH.ts -->
+<g id="edge585" class="edge">
+<title>../utils/index.ts&#45;&gt;../utils/isETH.ts</title>
+<path fill="none" stroke="#757575" d="M1005.95,-3641.72C1041.39,-3639.18 1087.43,-3642.57 1115.5,-3670.63 1202.05,-3757.16 1063.66,-3858.41 1151.5,-3943.63 1188.78,-3979.8 1249.41,-3982.04 1295.55,-3977.02"/>
+<polygon fill="#757575" stroke="#757575" points="1295.96,-3980.5 1305.45,-3975.79 1295.09,-3973.55 1295.96,-3980.5"/>
+</g>
+<!-- ../utils/isLowerCaseMatch.ts -->
+<g id="node328" class="node">
+<title>../utils/isLowerCaseMatch.ts</title>
+<path fill="none" stroke="#cfffac" d="M1444.58,-3934.51C1444.58,-3934.51 1275.67,-3934.51 1275.67,-3934.51 1271.71,-3934.51 1267.75,-3930.55 1267.75,-3926.59 1267.75,-3926.59 1267.75,-3918.67 1267.75,-3918.67 1267.75,-3914.72 1271.71,-3910.76 1275.67,-3910.76 1275.67,-3910.76 1444.58,-3910.76 1444.58,-3910.76 1448.54,-3910.76 1452.5,-3914.72 1452.5,-3918.67 1452.5,-3918.67 1452.5,-3926.59 1452.5,-3926.59 1452.5,-3930.55 1448.54,-3934.51 1444.58,-3934.51"/>
+<text text-anchor="middle" x="1360.12" y="-3917.21" font-family="Arial" font-size="14.00" fill="#cfffac">../utils/isLowerCaseMatch.ts</text>
+</g>
+<!-- ../utils/index.ts&#45;&gt;../utils/isLowerCaseMatch.ts -->
+<g id="edge586" class="edge">
+<title>../utils/index.ts&#45;&gt;../utils/isLowerCaseMatch.ts</title>
+<path fill="none" stroke="#757575" d="M1005.75,-3641.92C1041.1,-3639.47 1087.1,-3642.9 1115.5,-3670.63 1189.84,-3743.23 1076.08,-3830.16 1151.5,-3901.63 1185.61,-3933.96 1238.46,-3938.92 1282.3,-3935.94"/>
+<polygon fill="#757575" stroke="#757575" points="1282.34,-3939.45 1292.01,-3935.12 1281.76,-3932.48 1282.34,-3939.45"/>
+</g>
+<!-- ../utils/labelhash.ts -->
+<g id="node329" class="node">
+<title>../utils/labelhash.ts</title>
+<path fill="none" stroke="#c6c5fe" d="M1415.71,-3178.51C1415.71,-3178.51 1304.54,-3178.51 1304.54,-3178.51 1300.58,-3178.51 1296.62,-3174.55 1296.62,-3170.59 1296.62,-3170.59 1296.62,-3162.67 1296.62,-3162.67 1296.62,-3158.72 1300.58,-3154.76 1304.54,-3154.76 1304.54,-3154.76 1415.71,-3154.76 1415.71,-3154.76 1419.67,-3154.76 1423.62,-3158.72 1423.62,-3162.67 1423.62,-3162.67 1423.62,-3170.59 1423.62,-3170.59 1423.62,-3174.55 1419.67,-3178.51 1415.71,-3178.51"/>
+<text text-anchor="middle" x="1360.12" y="-3161.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../utils/labelhash.ts</text>
+</g>
+<!-- ../utils/index.ts&#45;&gt;../utils/labelhash.ts -->
+<g id="edge587" class="edge">
+<title>../utils/index.ts&#45;&gt;../utils/labelhash.ts</title>
+<path fill="none" stroke="#757575" d="M956.74,-3637.31C961.77,-3576.28 992.73,-3304.74 1151.5,-3187.63 1189.37,-3159.7 1242.26,-3154.7 1285.18,-3156.56"/>
+<polygon fill="#757575" stroke="#757575" points="1284.74,-3160.04 1294.92,-3157.13 1285.14,-3153.05 1284.74,-3160.04"/>
+</g>
+<!-- ../utils/magicMemo.ts -->
+<g id="node330" class="node">
+<title>../utils/magicMemo.ts</title>
+<path fill="none" stroke="#cfffac" d="M1424.71,-3850.51C1424.71,-3850.51 1295.54,-3850.51 1295.54,-3850.51 1291.58,-3850.51 1287.62,-3846.55 1287.62,-3842.59 1287.62,-3842.59 1287.62,-3834.67 1287.62,-3834.67 1287.62,-3830.72 1291.58,-3826.76 1295.54,-3826.76 1295.54,-3826.76 1424.71,-3826.76 1424.71,-3826.76 1428.67,-3826.76 1432.62,-3830.72 1432.62,-3834.67 1432.62,-3834.67 1432.62,-3842.59 1432.62,-3842.59 1432.62,-3846.55 1428.67,-3850.51 1424.71,-3850.51"/>
+<text text-anchor="middle" x="1360.12" y="-3833.21" font-family="Arial" font-size="14.00" fill="#cfffac">../utils/magicMemo.ts</text>
+</g>
+<!-- ../utils/index.ts&#45;&gt;../utils/magicMemo.ts -->
+<g id="edge588" class="edge">
+<title>../utils/index.ts&#45;&gt;../utils/magicMemo.ts</title>
+<path fill="none" stroke="#757575" d="M1005.8,-3642.61C1040.71,-3640.63 1086.15,-3644.33 1115.5,-3670.63 1165.59,-3715.52 1100.74,-3773.5 1151.5,-3817.63 1185.06,-3846.81 1234.17,-3852.84 1276.2,-3851.2"/>
+<polygon fill="#757575" stroke="#757575" points="1276.27,-3854.71 1286.06,-3850.66 1275.88,-3847.72 1276.27,-3854.71"/>
+</g>
+<!-- ../utils/measureText.ts -->
+<g id="node331" class="node">
+<title>../utils/measureText.ts</title>
+<path fill="none" stroke="#c6c5fe" d="M1425.83,-4510.51C1425.83,-4510.51 1294.42,-4510.51 1294.42,-4510.51 1290.46,-4510.51 1286.5,-4506.55 1286.5,-4502.59 1286.5,-4502.59 1286.5,-4494.67 1286.5,-4494.67 1286.5,-4490.72 1290.46,-4486.76 1294.42,-4486.76 1294.42,-4486.76 1425.83,-4486.76 1425.83,-4486.76 1429.79,-4486.76 1433.75,-4490.72 1433.75,-4494.67 1433.75,-4494.67 1433.75,-4502.59 1433.75,-4502.59 1433.75,-4506.55 1429.79,-4510.51 1425.83,-4510.51"/>
+<text text-anchor="middle" x="1360.12" y="-4493.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../utils/measureText.ts</text>
+</g>
+<!-- ../utils/index.ts&#45;&gt;../utils/measureText.ts -->
+<g id="edge589" class="edge">
+<title>../utils/index.ts&#45;&gt;../utils/measureText.ts</title>
+<path fill="none" stroke="#757575" d="M1005.89,-3641.11C1041.78,-3638.13 1088.41,-3641.24 1115.5,-3670.63 1170.61,-3730.43 1106.16,-4334.13 1151.5,-4401.63 1180.92,-4445.43 1235.58,-4469.88 1281.43,-4483.28"/>
+<polygon fill="#757575" stroke="#757575" points="1280.24,-4486.58 1290.81,-4485.89 1282.11,-4479.84 1280.24,-4486.58"/>
+</g>
+<!-- ../utils/neverRerender.ts -->
+<g id="node332" class="node">
+<title>../utils/neverRerender.ts</title>
+<path fill="none" stroke="#cfffac" d="M1431.46,-3766.51C1431.46,-3766.51 1288.79,-3766.51 1288.79,-3766.51 1284.83,-3766.51 1280.88,-3762.55 1280.88,-3758.59 1280.88,-3758.59 1280.88,-3750.67 1280.88,-3750.67 1280.88,-3746.72 1284.83,-3742.76 1288.79,-3742.76 1288.79,-3742.76 1431.46,-3742.76 1431.46,-3742.76 1435.42,-3742.76 1439.38,-3746.72 1439.38,-3750.67 1439.38,-3750.67 1439.38,-3758.59 1439.38,-3758.59 1439.38,-3762.55 1435.42,-3766.51 1431.46,-3766.51"/>
+<text text-anchor="middle" x="1360.12" y="-3749.21" font-family="Arial" font-size="14.00" fill="#cfffac">../utils/neverRerender.ts</text>
+</g>
+<!-- ../utils/index.ts&#45;&gt;../utils/neverRerender.ts -->
+<g id="edge590" class="edge">
+<title>../utils/index.ts&#45;&gt;../utils/neverRerender.ts</title>
+<path fill="none" stroke="#757575" d="M1005.94,-3645.2C1039.59,-3644.71 1083.47,-3649.13 1115.5,-3670.63 1142.27,-3688.61 1124.46,-3716.06 1151.5,-3733.63 1185.79,-3755.91 1230.19,-3762.63 1269.14,-3763.17"/>
+<polygon fill="#757575" stroke="#757575" points="1268.98,-3766.67 1278.98,-3763.16 1268.98,-3759.67 1268.98,-3766.67"/>
+</g>
+<!-- ../utils/parseObjectToUrlQueryString.ts -->
+<g id="node333" class="node">
+<title>../utils/parseObjectToUrlQueryString.ts</title>
+<path fill="none" stroke="#cfffac" d="M1475.71,-3724.51C1475.71,-3724.51 1244.54,-3724.51 1244.54,-3724.51 1240.58,-3724.51 1236.62,-3720.55 1236.62,-3716.59 1236.62,-3716.59 1236.62,-3708.67 1236.62,-3708.67 1236.62,-3704.72 1240.58,-3700.76 1244.54,-3700.76 1244.54,-3700.76 1475.71,-3700.76 1475.71,-3700.76 1479.67,-3700.76 1483.62,-3704.72 1483.62,-3708.67 1483.62,-3708.67 1483.62,-3716.59 1483.62,-3716.59 1483.62,-3720.55 1479.67,-3724.51 1475.71,-3724.51"/>
+<text text-anchor="middle" x="1360.12" y="-3707.21" font-family="Arial" font-size="14.00" fill="#cfffac">../utils/parseObjectToUrlQueryString.ts</text>
+</g>
+<!-- ../utils/index.ts&#45;&gt;../utils/parseObjectToUrlQueryString.ts -->
+<g id="edge591" class="edge">
+<title>../utils/index.ts&#45;&gt;../utils/parseObjectToUrlQueryString.ts</title>
+<path fill="none" stroke="#757575" d="M1005.93,-3651.14C1037.99,-3653.33 1080.06,-3658.51 1115.5,-3670.63 1133.03,-3676.62 1133.88,-3685.9 1151.5,-3691.63 1174.73,-3699.19 1200.13,-3704.22 1224.93,-3707.53"/>
+<polygon fill="#757575" stroke="#757575" points="1224.43,-3711 1234.78,-3708.75 1225.29,-3704.05 1224.43,-3711"/>
+</g>
+<!-- ../utils/profileUtils.ts -->
+<g id="node334" class="node">
+<title>../utils/profileUtils.ts</title>
+<path fill="none" stroke="#c6c5fe" d="M1418.33,-4392.51C1418.33,-4392.51 1301.92,-4392.51 1301.92,-4392.51 1297.96,-4392.51 1294,-4388.55 1294,-4384.59 1294,-4384.59 1294,-4376.67 1294,-4376.67 1294,-4372.72 1297.96,-4368.76 1301.92,-4368.76 1301.92,-4368.76 1418.33,-4368.76 1418.33,-4368.76 1422.29,-4368.76 1426.25,-4372.72 1426.25,-4376.67 1426.25,-4376.67 1426.25,-4384.59 1426.25,-4384.59 1426.25,-4388.55 1422.29,-4392.51 1418.33,-4392.51"/>
+<text text-anchor="middle" x="1360.12" y="-4375.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../utils/profileUtils.ts</text>
+</g>
+<!-- ../utils/index.ts&#45;&gt;../utils/profileUtils.ts -->
+<g id="edge592" class="edge">
+<title>../utils/index.ts&#45;&gt;../utils/profileUtils.ts</title>
+<path fill="none" stroke="#757575" d="M1005.86,-3641.14C1041.74,-3638.17 1088.37,-3641.28 1115.5,-3670.63 1219.57,-3783.22 1045.75,-4248.62 1151.5,-4359.63 1186.17,-4396.03 1244.24,-4399.14 1290.17,-4394.36"/>
+<polygon fill="#757575" stroke="#757575" points="1290.55,-4397.84 1300.06,-4393.17 1289.71,-4390.89 1290.55,-4397.84"/>
+</g>
+<!-- ../utils/promise.ts -->
+<g id="node335" class="node">
+<title>../utils/promise.ts</title>
+<path fill="none" stroke="#cfffac" d="M1411.21,-3682.51C1411.21,-3682.51 1309.04,-3682.51 1309.04,-3682.51 1305.08,-3682.51 1301.12,-3678.55 1301.12,-3674.59 1301.12,-3674.59 1301.12,-3666.67 1301.12,-3666.67 1301.12,-3662.72 1305.08,-3658.76 1309.04,-3658.76 1309.04,-3658.76 1411.21,-3658.76 1411.21,-3658.76 1415.17,-3658.76 1419.12,-3662.72 1419.12,-3666.67 1419.12,-3666.67 1419.12,-3674.59 1419.12,-3674.59 1419.12,-3678.55 1415.17,-3682.51 1411.21,-3682.51"/>
+<text text-anchor="middle" x="1360.12" y="-3665.21" font-family="Arial" font-size="14.00" fill="#cfffac">../utils/promise.ts</text>
+</g>
+<!-- ../utils/index.ts&#45;&gt;../utils/promise.ts -->
+<g id="edge593" class="edge">
+<title>../utils/index.ts&#45;&gt;../utils/promise.ts</title>
+<path fill="none" stroke="#757575" d="M1005.73,-3652.23C1077.17,-3655.95 1208.97,-3662.81 1289.85,-3667.02"/>
+<polygon fill="#757575" stroke="#757575" points="1289.24,-3670.5 1299.41,-3667.52 1289.6,-3663.51 1289.24,-3670.5"/>
+</g>
+<!-- ../utils/pseudoRandomArrayItemFromString.ts -->
+<g id="node336" class="node">
+<title>../utils/pseudoRandomArrayItemFromString.ts</title>
+<path fill="none" stroke="#cfffac" d="M1498.21,-3640.51C1498.21,-3640.51 1222.04,-3640.51 1222.04,-3640.51 1218.08,-3640.51 1214.12,-3636.55 1214.12,-3632.59 1214.12,-3632.59 1214.12,-3624.67 1214.12,-3624.67 1214.12,-3620.72 1218.08,-3616.76 1222.04,-3616.76 1222.04,-3616.76 1498.21,-3616.76 1498.21,-3616.76 1502.17,-3616.76 1506.12,-3620.72 1506.12,-3624.67 1506.12,-3624.67 1506.12,-3632.59 1506.12,-3632.59 1506.12,-3636.55 1502.17,-3640.51 1498.21,-3640.51"/>
+<text text-anchor="middle" x="1360.12" y="-3623.21" font-family="Arial" font-size="14.00" fill="#cfffac">../utils/pseudoRandomArrayItemFromString.ts</text>
+</g>
+<!-- ../utils/index.ts&#45;&gt;../utils/pseudoRandomArrayItemFromString.ts -->
+<g id="edge594" class="edge">
+<title>../utils/index.ts&#45;&gt;../utils/pseudoRandomArrayItemFromString.ts</title>
+<path fill="none" stroke="#757575" d="M1005.73,-3647.04C1054.93,-3644.47 1132.76,-3640.42 1202.87,-3636.77"/>
+<polygon fill="#757575" stroke="#757575" points="1202.74,-3640.28 1212.54,-3636.27 1202.37,-3633.29 1202.74,-3640.28"/>
+</g>
+<!-- ../utils/resolveFirstRejectLast.ts -->
+<g id="node337" class="node">
+<title>../utils/resolveFirstRejectLast.ts</title>
+<path fill="none" stroke="#cfffac" d="M1453.58,-3598.51C1453.58,-3598.51 1266.67,-3598.51 1266.67,-3598.51 1262.71,-3598.51 1258.75,-3594.55 1258.75,-3590.59 1258.75,-3590.59 1258.75,-3582.67 1258.75,-3582.67 1258.75,-3578.72 1262.71,-3574.76 1266.67,-3574.76 1266.67,-3574.76 1453.58,-3574.76 1453.58,-3574.76 1457.54,-3574.76 1461.5,-3578.72 1461.5,-3582.67 1461.5,-3582.67 1461.5,-3590.59 1461.5,-3590.59 1461.5,-3594.55 1457.54,-3598.51 1453.58,-3598.51"/>
+<text text-anchor="middle" x="1360.12" y="-3581.21" font-family="Arial" font-size="14.00" fill="#cfffac">../utils/resolveFirstRejectLast.ts</text>
+</g>
+<!-- ../utils/index.ts&#45;&gt;../utils/resolveFirstRejectLast.ts -->
+<g id="edge596" class="edge">
+<title>../utils/index.ts&#45;&gt;../utils/resolveFirstRejectLast.ts</title>
+<path fill="none" stroke="#757575" d="M1005.85,-3637.3C1045.21,-3627.98 1101.57,-3615.49 1151.5,-3607.63 1182.42,-3602.76 1216.11,-3598.79 1247.19,-3595.66"/>
+<polygon fill="#757575" stroke="#757575" points="1247.4,-3599.16 1257.01,-3594.7 1246.71,-3592.19 1247.4,-3599.16"/>
+</g>
+<!-- ../utils/safeAreaInsetValues.ts -->
+<g id="node338" class="node">
+<title>../utils/safeAreaInsetValues.ts</title>
+<path fill="none" stroke="#cfffac" d="M1448.71,-3556.51C1448.71,-3556.51 1271.54,-3556.51 1271.54,-3556.51 1267.58,-3556.51 1263.62,-3552.55 1263.62,-3548.59 1263.62,-3548.59 1263.62,-3540.67 1263.62,-3540.67 1263.62,-3536.72 1267.58,-3532.76 1271.54,-3532.76 1271.54,-3532.76 1448.71,-3532.76 1448.71,-3532.76 1452.67,-3532.76 1456.62,-3536.72 1456.62,-3540.67 1456.62,-3540.67 1456.62,-3548.59 1456.62,-3548.59 1456.62,-3552.55 1452.67,-3556.51 1448.71,-3556.51"/>
+<text text-anchor="middle" x="1360.12" y="-3539.21" font-family="Arial" font-size="14.00" fill="#cfffac">../utils/safeAreaInsetValues.ts</text>
+</g>
+<!-- ../utils/index.ts&#45;&gt;../utils/safeAreaInsetValues.ts -->
+<g id="edge597" class="edge">
+<title>../utils/index.ts&#45;&gt;../utils/safeAreaInsetValues.ts</title>
+<path fill="none" stroke="#757575" d="M978.26,-3637.32C1013.8,-3618.41 1085.84,-3582.62 1151.5,-3565.63 1183.58,-3557.33 1219.24,-3552.28 1251.83,-3549.22"/>
+<polygon fill="#757575" stroke="#757575" points="1252.06,-3552.71 1261.71,-3548.35 1251.44,-3545.74 1252.06,-3552.71"/>
+</g>
+<!-- ../utils/search.ts -->
+<g id="node339" class="node">
+<title>../utils/search.ts</title>
+<path fill="none" stroke="#cfffac" d="M1407.08,-3514.51C1407.08,-3514.51 1313.17,-3514.51 1313.17,-3514.51 1309.21,-3514.51 1305.25,-3510.55 1305.25,-3506.59 1305.25,-3506.59 1305.25,-3498.67 1305.25,-3498.67 1305.25,-3494.72 1309.21,-3490.76 1313.17,-3490.76 1313.17,-3490.76 1407.08,-3490.76 1407.08,-3490.76 1411.04,-3490.76 1415,-3494.72 1415,-3498.67 1415,-3498.67 1415,-3506.59 1415,-3506.59 1415,-3510.55 1411.04,-3514.51 1407.08,-3514.51"/>
+<text text-anchor="middle" x="1360.12" y="-3497.21" font-family="Arial" font-size="14.00" fill="#cfffac">../utils/search.ts</text>
+</g>
+<!-- ../utils/index.ts&#45;&gt;../utils/search.ts -->
+<g id="edge598" class="edge">
+<title>../utils/index.ts&#45;&gt;../utils/search.ts</title>
+<path fill="none" stroke="#757575" d="M969.37,-3637.62C999.5,-3611.59 1075.62,-3550.18 1151.5,-3523.63 1197.29,-3507.61 1251.99,-3502.61 1293.74,-3501.47"/>
+<polygon fill="#757575" stroke="#757575" points="1293.72,-3504.98 1303.65,-3501.28 1293.58,-3497.98 1293.72,-3504.98"/>
+</g>
+<!-- ../utils/sentry.ts -->
+<g id="node340" class="node">
+<title>../utils/sentry.ts</title>
+<path fill="none" stroke="#cfffac" d="M1404.83,-3472.51C1404.83,-3472.51 1315.42,-3472.51 1315.42,-3472.51 1311.46,-3472.51 1307.5,-3468.55 1307.5,-3464.59 1307.5,-3464.59 1307.5,-3456.67 1307.5,-3456.67 1307.5,-3452.72 1311.46,-3448.76 1315.42,-3448.76 1315.42,-3448.76 1404.83,-3448.76 1404.83,-3448.76 1408.79,-3448.76 1412.75,-3452.72 1412.75,-3456.67 1412.75,-3456.67 1412.75,-3464.59 1412.75,-3464.59 1412.75,-3468.55 1408.79,-3472.51 1404.83,-3472.51"/>
+<text text-anchor="middle" x="1360.12" y="-3455.21" font-family="Arial" font-size="14.00" fill="#cfffac">../utils/sentry.ts</text>
+</g>
+<!-- ../utils/index.ts&#45;&gt;../utils/sentry.ts -->
+<g id="edge599" class="edge">
+<title>../utils/index.ts&#45;&gt;../utils/sentry.ts</title>
+<path fill="none" stroke="#757575" d="M965.27,-3637.54C990.99,-3605.46 1066.33,-3518.16 1151.5,-3481.63 1197.1,-3462.07 1253.33,-3457.43 1295.76,-3457.34"/>
+<polygon fill="#757575" stroke="#757575" points="1295.53,-3460.84 1305.55,-3457.41 1295.58,-3453.84 1295.53,-3460.84"/>
+</g>
+<!-- ../utils/simplifyChartData.ts -->
+<g id="node341" class="node">
+<title>../utils/simplifyChartData.ts</title>
+<path fill="none" stroke="#cfffac" d="M1440.46,-3430.51C1440.46,-3430.51 1279.79,-3430.51 1279.79,-3430.51 1275.83,-3430.51 1271.88,-3426.55 1271.88,-3422.59 1271.88,-3422.59 1271.88,-3414.67 1271.88,-3414.67 1271.88,-3410.72 1275.83,-3406.76 1279.79,-3406.76 1279.79,-3406.76 1440.46,-3406.76 1440.46,-3406.76 1444.42,-3406.76 1448.38,-3410.72 1448.38,-3414.67 1448.38,-3414.67 1448.38,-3422.59 1448.38,-3422.59 1448.38,-3426.55 1444.42,-3430.51 1440.46,-3430.51"/>
+<text text-anchor="middle" x="1360.12" y="-3413.21" font-family="Arial" font-size="14.00" fill="#cfffac">../utils/simplifyChartData.ts</text>
+</g>
+<!-- ../utils/index.ts&#45;&gt;../utils/simplifyChartData.ts -->
+<g id="edge600" class="edge">
+<title>../utils/index.ts&#45;&gt;../utils/simplifyChartData.ts</title>
+<path fill="none" stroke="#757575" d="M962.84,-3637.32C984.82,-3599.79 1056.89,-3486.6 1151.5,-3439.63 1184.59,-3423.2 1224.26,-3416.53 1260.01,-3414.45"/>
+<polygon fill="#757575" stroke="#757575" points="1260.13,-3417.95 1269.96,-3414 1259.81,-3410.95 1260.13,-3417.95"/>
+</g>
+<!-- ../utils/tokensListenedCache.ts -->
+<g id="node342" class="node">
+<title>../utils/tokensListenedCache.ts</title>
+<path fill="none" stroke="#cfffac" d="M1451.71,-3388.51C1451.71,-3388.51 1268.54,-3388.51 1268.54,-3388.51 1264.58,-3388.51 1260.62,-3384.55 1260.62,-3380.59 1260.62,-3380.59 1260.62,-3372.67 1260.62,-3372.67 1260.62,-3368.72 1264.58,-3364.76 1268.54,-3364.76 1268.54,-3364.76 1451.71,-3364.76 1451.71,-3364.76 1455.67,-3364.76 1459.62,-3368.72 1459.62,-3372.67 1459.62,-3372.67 1459.62,-3380.59 1459.62,-3380.59 1459.62,-3384.55 1455.67,-3388.51 1451.71,-3388.51"/>
+<text text-anchor="middle" x="1360.12" y="-3371.21" font-family="Arial" font-size="14.00" fill="#cfffac">../utils/tokensListenedCache.ts</text>
+</g>
+<!-- ../utils/index.ts&#45;&gt;../utils/tokensListenedCache.ts -->
+<g id="edge601" class="edge">
+<title>../utils/index.ts&#45;&gt;../utils/tokensListenedCache.ts</title>
+<path fill="none" stroke="#757575" d="M961.05,-3637.34C979.53,-3595.15 1046.84,-3455.59 1151.5,-3397.63 1180.83,-3381.39 1216.09,-3374.15 1249.15,-3371.52"/>
+<polygon fill="#757575" stroke="#757575" points="1249,-3375.03 1258.76,-3370.89 1248.55,-3368.05 1249,-3375.03"/>
+</g>
+<!-- ../utils/uniqueTokens.ts -->
+<g id="node343" class="node">
+<title>../utils/uniqueTokens.ts</title>
+<path fill="none" stroke="#cfffac" d="M1428.46,-3346.51C1428.46,-3346.51 1291.79,-3346.51 1291.79,-3346.51 1287.83,-3346.51 1283.88,-3342.55 1283.88,-3338.59 1283.88,-3338.59 1283.88,-3330.67 1283.88,-3330.67 1283.88,-3326.72 1287.83,-3322.76 1291.79,-3322.76 1291.79,-3322.76 1428.46,-3322.76 1428.46,-3322.76 1432.42,-3322.76 1436.38,-3326.72 1436.38,-3330.67 1436.38,-3330.67 1436.38,-3338.59 1436.38,-3338.59 1436.38,-3342.55 1432.42,-3346.51 1428.46,-3346.51"/>
+<text text-anchor="middle" x="1360.12" y="-3329.21" font-family="Arial" font-size="14.00" fill="#cfffac">../utils/uniqueTokens.ts</text>
+</g>
+<!-- ../utils/index.ts&#45;&gt;../utils/uniqueTokens.ts -->
+<g id="edge602" class="edge">
+<title>../utils/index.ts&#45;&gt;../utils/uniqueTokens.ts</title>
+<path fill="none" stroke="#757575" d="M959.75,-3637.32C975.09,-3590.82 1036.49,-3424.92 1151.5,-3355.63 1187.23,-3334.11 1232.82,-3327.69 1272.17,-3327.16"/>
+<polygon fill="#757575" stroke="#757575" points="1272.11,-3330.66 1282.11,-3327.16 1272.11,-3323.66 1272.11,-3330.66"/>
+</g>
+<!-- ../utils/watchingAlert.ts -->
+<g id="node344" class="node">
+<title>../utils/watchingAlert.ts</title>
+<path fill="none" stroke="#cfffac" d="M1427.33,-3304.51C1427.33,-3304.51 1292.92,-3304.51 1292.92,-3304.51 1288.96,-3304.51 1285,-3300.55 1285,-3296.59 1285,-3296.59 1285,-3288.67 1285,-3288.67 1285,-3284.72 1288.96,-3280.76 1292.92,-3280.76 1292.92,-3280.76 1427.33,-3280.76 1427.33,-3280.76 1431.29,-3280.76 1435.25,-3284.72 1435.25,-3288.67 1435.25,-3288.67 1435.25,-3296.59 1435.25,-3296.59 1435.25,-3300.55 1431.29,-3304.51 1427.33,-3304.51"/>
+<text text-anchor="middle" x="1360.12" y="-3287.21" font-family="Arial" font-size="14.00" fill="#cfffac">../utils/watchingAlert.ts</text>
+</g>
+<!-- ../utils/index.ts&#45;&gt;../utils/watchingAlert.ts -->
+<g id="edge603" class="edge">
+<title>../utils/index.ts&#45;&gt;../utils/watchingAlert.ts</title>
+<path fill="none" stroke="#757575" d="M958.73,-3637.38C971.17,-3586.99 1025.8,-3394.59 1151.5,-3313.63 1187.06,-3290.73 1233.37,-3284.35 1273.23,-3284.18"/>
+<polygon fill="#757575" stroke="#757575" points="1273,-3287.68 1283.04,-3284.28 1273.08,-3280.68 1273,-3287.68"/>
+</g>
+<!-- ../utils/withSpeed.ts -->
+<g id="node345" class="node">
+<title>../utils/withSpeed.ts</title>
+<path fill="none" stroke="#cfffac" d="M1418.33,-3262.51C1418.33,-3262.51 1301.92,-3262.51 1301.92,-3262.51 1297.96,-3262.51 1294,-3258.55 1294,-3254.59 1294,-3254.59 1294,-3246.67 1294,-3246.67 1294,-3242.72 1297.96,-3238.76 1301.92,-3238.76 1301.92,-3238.76 1418.33,-3238.76 1418.33,-3238.76 1422.29,-3238.76 1426.25,-3242.72 1426.25,-3246.67 1426.25,-3246.67 1426.25,-3254.59 1426.25,-3254.59 1426.25,-3258.55 1422.29,-3262.51 1418.33,-3262.51"/>
+<text text-anchor="middle" x="1360.12" y="-3245.21" font-family="Arial" font-size="14.00" fill="#cfffac">../utils/withSpeed.ts</text>
+</g>
+<!-- ../utils/index.ts&#45;&gt;../utils/withSpeed.ts -->
+<g id="edge604" class="edge">
+<title>../utils/index.ts&#45;&gt;../utils/withSpeed.ts</title>
+<path fill="none" stroke="#757575" d="M957.93,-3637.39C967.71,-3583.32 1014.92,-3364.47 1151.5,-3271.63 1189.38,-3245.89 1240.47,-3240.45 1282.5,-3241.53"/>
+<polygon fill="#757575" stroke="#757575" points="1282.16,-3245.02 1292.3,-3241.93 1282.44,-3238.03 1282.16,-3245.02"/>
+</g>
+<!-- ../components/exchange/ExchangeTokenRow.tsx&#45;&gt;../components/animations/index.js -->
+<g id="edge200" class="edge">
+<title>../components/exchange/ExchangeTokenRow.tsx&#45;&gt;../components/animations/index.js</title>
+<path fill="none" stroke="#757575" d="M1773.03,-668.36C1846.79,-593.7 2251.74,-203.63 2661.12,-203.63 2661.12,-203.63 2661.12,-203.63 6098.12,-203.63 6210.95,-203.63 6510.31,-166.69 6605.25,-227.63 6721.95,-302.54 6765.31,-481.03 6777.44,-545.17"/>
+<polygon fill="#757575" stroke="#757575" points="6773.98,-545.7 6779.2,-554.92 6780.87,-544.46 6773.98,-545.7"/>
+</g>
+<!-- ../components/exchange/ExchangeTokenRow.tsx&#45;&gt;../components/asset&#45;list/RecyclerAssetList2/FastComponents/FastCurrencySelectionRow.tsx -->
+<g id="edge201" class="edge">
+<title>../components/exchange/ExchangeTokenRow.tsx&#45;&gt;../components/asset&#45;list/RecyclerAssetList2/FastComponents/FastCurrencySelectionRow.tsx</title>
+<path fill="none" stroke="#757575" d="M1907.92,-692.99C1961.87,-697.53 2023.18,-702.69 2078.1,-707.31"/>
+<polygon fill="#757575" stroke="#757575" points="2077.59,-710.78 2087.84,-708.13 2078.17,-703.8 2077.59,-710.78"/>
+</g>
+<!-- ../components/exchange/ExchangeTokenRow.tsx&#45;&gt;../components/floating&#45;emojis/index.js -->
+<g id="edge203" class="edge">
+<title>../components/exchange/ExchangeTokenRow.tsx&#45;&gt;../components/floating&#45;emojis/index.js</title>
+<path fill="none" stroke="#757575" d="M1915.89,-668.45C1927.93,-667.74 1939.91,-667.12 1951.5,-666.63 2409.99,-647.14 2954.79,-647.85 3200.76,-649.45"/>
+<polygon fill="#757575" stroke="#757575" points="3200.7,-652.95 3210.73,-649.51 3200.75,-645.95 3200.7,-652.95"/>
+</g>
+<!-- ../components/exchange/ExchangeTokenRow.tsx&#45;&gt;../components/coin&#45;icon/RainbowCoinIcon.tsx -->
+<g id="edge202" class="edge">
+<title>../components/exchange/ExchangeTokenRow.tsx&#45;&gt;../components/coin&#45;icon/RainbowCoinIcon.tsx</title>
+<path fill="none" stroke="#757575" d="M1915.94,-677.68C2122.99,-674.78 2470.3,-673.94 2523.25,-699.63 3220.47,-1037.9 3660,-1985.64 3729.25,-2143.28"/>
+<polygon fill="#757575" stroke="#757575" points="3725.94,-2144.45 3733.15,-2152.22 3732.36,-2141.65 3725.94,-2144.45"/>
+</g>
+<!-- ../hooks/useClipboard.ts -->
+<g id="node125" class="node">
+<title>../hooks/useClipboard.ts</title>
+<path fill="none" stroke="#c6c5fe" d="M1832.58,-3089.51C1832.58,-3089.51 1687.67,-3089.51 1687.67,-3089.51 1683.71,-3089.51 1679.75,-3085.55 1679.75,-3081.59 1679.75,-3081.59 1679.75,-3073.67 1679.75,-3073.67 1679.75,-3069.72 1683.71,-3065.76 1687.67,-3065.76 1687.67,-3065.76 1832.58,-3065.76 1832.58,-3065.76 1836.54,-3065.76 1840.5,-3069.72 1840.5,-3073.67 1840.5,-3073.67 1840.5,-3081.59 1840.5,-3081.59 1840.5,-3085.55 1836.54,-3089.51 1832.58,-3089.51"/>
+<text text-anchor="middle" x="1760.12" y="-3072.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../hooks/useClipboard.ts</text>
+</g>
+<!-- ../components/exchange/exchangeAssetRowContextMenuProps.ts&#45;&gt;../hooks/useClipboard.ts -->
+<g id="edge205" class="edge">
+<title>../components/exchange/exchangeAssetRowContextMenuProps.ts&#45;&gt;../hooks/useClipboard.ts</title>
+<path fill="none" stroke="#757575" d="M1430.73,-2822.3C1475.62,-2818.54 1532.22,-2822.3 1568.75,-2855.63 1630.62,-2912.09 1546.81,-2980.14 1604.75,-3040.63 1621.45,-3058.07 1644.81,-3067.91 1668.31,-3073.3"/>
+<polygon fill="#757575" stroke="#757575" points="1667.48,-3076.7 1677.97,-3075.24 1668.86,-3069.84 1667.48,-3076.7"/>
+</g>
+<!-- ../components/toasts/CopyToast.js -->
+<g id="node269" class="node">
+<title>../components/toasts/CopyToast.js</title>
+<path fill="none" stroke="#cfffac" d="M4847.83,-3285.51C4847.83,-3285.51 4641.42,-3285.51 4641.42,-3285.51 4637.46,-3285.51 4633.5,-3281.55 4633.5,-3277.59 4633.5,-3277.59 4633.5,-3269.67 4633.5,-3269.67 4633.5,-3265.72 4637.46,-3261.76 4641.42,-3261.76 4641.42,-3261.76 4847.83,-3261.76 4847.83,-3261.76 4851.79,-3261.76 4855.75,-3265.72 4855.75,-3269.67 4855.75,-3269.67 4855.75,-3277.59 4855.75,-3277.59 4855.75,-3281.55 4851.79,-3285.51 4847.83,-3285.51"/>
+<text text-anchor="middle" x="4744.62" y="-3268.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/toasts/CopyToast.js</text>
+</g>
+<!-- ../components/toasts/index.js&#45;&gt;../components/toasts/CopyToast.js -->
+<g id="edge520" class="edge">
+<title>../components/toasts/index.js&#45;&gt;../components/toasts/CopyToast.js</title>
+<path fill="none" stroke="#757575" d="M4311.86,-3345.27C4376.36,-3331.64 4484.36,-3309.67 4578,-3294.63 4593.7,-3292.11 4610.27,-3289.71 4626.62,-3287.48"/>
+<polygon fill="#757575" stroke="#757575" points="4626.94,-3290.97 4636.39,-3286.18 4626.02,-3284.03 4626.94,-3290.97"/>
+</g>
+<!-- ../components/toasts/InvalidPasteToast.js -->
+<g id="node270" class="node">
+<title>../components/toasts/InvalidPasteToast.js</title>
+<path fill="none" stroke="#cfffac" d="M4868.83,-3411.51C4868.83,-3411.51 4620.42,-3411.51 4620.42,-3411.51 4616.46,-3411.51 4612.5,-3407.55 4612.5,-3403.59 4612.5,-3403.59 4612.5,-3395.67 4612.5,-3395.67 4612.5,-3391.72 4616.46,-3387.76 4620.42,-3387.76 4620.42,-3387.76 4868.83,-3387.76 4868.83,-3387.76 4872.79,-3387.76 4876.75,-3391.72 4876.75,-3395.67 4876.75,-3395.67 4876.75,-3403.59 4876.75,-3403.59 4876.75,-3407.55 4872.79,-3411.51 4868.83,-3411.51"/>
+<text text-anchor="middle" x="4744.62" y="-3394.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/toasts/InvalidPasteToast.js</text>
+</g>
+<!-- ../components/toasts/index.js&#45;&gt;../components/toasts/InvalidPasteToast.js -->
+<g id="edge521" class="edge">
+<title>../components/toasts/index.js&#45;&gt;../components/toasts/InvalidPasteToast.js</title>
+<path fill="none" stroke="#757575" d="M4349.1,-3365.75C4420.58,-3371.89 4519.9,-3380.42 4601,-3387.39"/>
+<polygon fill="#757575" stroke="#757575" points="4600.55,-3390.86 4610.81,-3388.23 4601.15,-3383.88 4600.55,-3390.86"/>
+</g>
+<!-- ../components/toasts/OfflineToast.js -->
+<g id="node271" class="node">
+<title>../components/toasts/OfflineToast.js</title>
+<path fill="none" stroke="#cfffac" d="M4851.96,-3369.51C4851.96,-3369.51 4637.29,-3369.51 4637.29,-3369.51 4633.33,-3369.51 4629.38,-3365.55 4629.38,-3361.59 4629.38,-3361.59 4629.38,-3353.67 4629.38,-3353.67 4629.38,-3349.72 4633.33,-3345.76 4637.29,-3345.76 4637.29,-3345.76 4851.96,-3345.76 4851.96,-3345.76 4855.92,-3345.76 4859.88,-3349.72 4859.88,-3353.67 4859.88,-3353.67 4859.88,-3361.59 4859.88,-3361.59 4859.88,-3365.55 4855.92,-3369.51 4851.96,-3369.51"/>
+<text text-anchor="middle" x="4744.62" y="-3352.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/toasts/OfflineToast.js</text>
+</g>
+<!-- ../components/toasts/index.js&#45;&gt;../components/toasts/OfflineToast.js -->
+<g id="edge522" class="edge">
+<title>../components/toasts/index.js&#45;&gt;../components/toasts/OfflineToast.js</title>
+<path fill="none" stroke="#757575" d="M4349.1,-3357.63C4425.56,-3357.63 4533.89,-3357.63 4617.69,-3357.63"/>
+<polygon fill="#757575" stroke="#757575" points="4617.57,-3361.13 4627.57,-3357.63 4617.57,-3354.13 4617.57,-3361.13"/>
+</g>
+<!-- ../components/toasts/TestnetToast.js -->
+<g id="node272" class="node">
+<title>../components/toasts/TestnetToast.js</title>
+<path fill="none" stroke="#c6c5fe" d="M4853.83,-3243.51C4853.83,-3243.51 4635.42,-3243.51 4635.42,-3243.51 4631.46,-3243.51 4627.5,-3239.55 4627.5,-3235.59 4627.5,-3235.59 4627.5,-3227.67 4627.5,-3227.67 4627.5,-3223.72 4631.46,-3219.76 4635.42,-3219.76 4635.42,-3219.76 4853.83,-3219.76 4853.83,-3219.76 4857.79,-3219.76 4861.75,-3223.72 4861.75,-3227.67 4861.75,-3227.67 4861.75,-3235.59 4861.75,-3235.59 4861.75,-3239.55 4857.79,-3243.51 4853.83,-3243.51"/>
+<text text-anchor="middle" x="4744.62" y="-3226.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/toasts/TestnetToast.js</text>
+</g>
+<!-- ../components/toasts/index.js&#45;&gt;../components/toasts/TestnetToast.js -->
+<g id="edge523" class="edge">
+<title>../components/toasts/index.js&#45;&gt;../components/toasts/TestnetToast.js</title>
+<path fill="none" stroke="#757575" d="M4298.26,-3345.29C4354.98,-3328.98 4456.73,-3298.67 4542,-3267.63 4558.29,-3261.7 4561.25,-3257.1 4578,-3252.63 4590.13,-3249.4 4602.9,-3246.66 4615.74,-3244.34"/>
+<polygon fill="#757575" stroke="#757575" points="4616.27,-3247.8 4625.54,-3242.66 4615.09,-3240.9 4616.27,-3247.8"/>
+</g>
+<!-- ../components/toasts/ToastPositionContainer.js -->
+<g id="node273" class="node">
+<title>../components/toasts/ToastPositionContainer.js</title>
+<path fill="none" stroke="#c6c5fe" d="M5896.33,-4005.51C5896.33,-4005.51 5615.67,-4005.51 5615.67,-4005.51 5611.71,-4005.51 5607.75,-4001.55 5607.75,-3997.59 5607.75,-3997.59 5607.75,-3989.67 5607.75,-3989.67 5607.75,-3985.72 5611.71,-3981.76 5615.67,-3981.76 5615.67,-3981.76 5896.33,-3981.76 5896.33,-3981.76 5900.29,-3981.76 5904.25,-3985.72 5904.25,-3989.67 5904.25,-3989.67 5904.25,-3997.59 5904.25,-3997.59 5904.25,-4001.55 5900.29,-4005.51 5896.33,-4005.51"/>
+<text text-anchor="middle" x="5756" y="-3988.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/toasts/ToastPositionContainer.js</text>
+</g>
+<!-- ../components/toasts/index.js&#45;&gt;../components/toasts/ToastPositionContainer.js -->
+<g id="edge524" class="edge">
+<title>../components/toasts/index.js&#45;&gt;../components/toasts/ToastPositionContainer.js</title>
+<path fill="none" stroke="#757575" d="M4271.65,-3369.8C4323.15,-3407.46 4476.97,-3528.07 4542,-3669.63 4570.67,-3732.05 4527.01,-3930.61 4578,-3976.63 4615.11,-4010.13 5283.35,-4002.35 5596.06,-3996.82"/>
+<polygon fill="#757575" stroke="#757575" points="5596.04,-4000.32 5605.98,-3996.64 5595.92,-3993.32 5596.04,-4000.32"/>
+</g>
+<!-- ../components/toasts/ToggleStateToast.js -->
+<g id="node274" class="node">
+<title>../components/toasts/ToggleStateToast.js</title>
+<path fill="none" stroke="#cfffac" d="M4867.71,-3327.51C4867.71,-3327.51 4621.54,-3327.51 4621.54,-3327.51 4617.58,-3327.51 4613.62,-3323.55 4613.62,-3319.59 4613.62,-3319.59 4613.62,-3311.67 4613.62,-3311.67 4613.62,-3307.72 4617.58,-3303.76 4621.54,-3303.76 4621.54,-3303.76 4867.71,-3303.76 4867.71,-3303.76 4871.67,-3303.76 4875.62,-3307.72 4875.62,-3311.67 4875.62,-3311.67 4875.62,-3319.59 4875.62,-3319.59 4875.62,-3323.55 4871.67,-3327.51 4867.71,-3327.51"/>
+<text text-anchor="middle" x="4744.62" y="-3310.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/toasts/ToggleStateToast.js</text>
+</g>
+<!-- ../components/toasts/index.js&#45;&gt;../components/toasts/ToggleStateToast.js -->
+<g id="edge525" class="edge">
+<title>../components/toasts/index.js&#45;&gt;../components/toasts/ToggleStateToast.js</title>
+<path fill="none" stroke="#757575" d="M4349.1,-3349.51C4420.84,-3343.35 4520.64,-3334.78 4601.9,-3327.8"/>
+<polygon fill="#757575" stroke="#757575" points="4602.07,-3331.3 4611.73,-3326.96 4601.47,-3324.33 4602.07,-3331.3"/>
+</g>
+<!-- ../languages/index.ts -->
+<g id="node277" class="node">
+<title>../languages/index.ts</title>
+<path fill="none" stroke="#c6c5fe" d="M2299.33,-3167.51C2299.33,-3167.51 2175.42,-3167.51 2175.42,-3167.51 2171.46,-3167.51 2167.5,-3163.55 2167.5,-3159.59 2167.5,-3159.59 2167.5,-3151.67 2167.5,-3151.67 2167.5,-3147.72 2171.46,-3143.76 2175.42,-3143.76 2175.42,-3143.76 2299.33,-3143.76 2299.33,-3143.76 2303.29,-3143.76 2307.25,-3147.72 2307.25,-3151.67 2307.25,-3151.67 2307.25,-3159.59 2307.25,-3159.59 2307.25,-3163.55 2303.29,-3167.51 2299.33,-3167.51"/>
+<text text-anchor="middle" x="2237.38" y="-3150.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../languages/index.ts</text>
+</g>
+<!-- ../hooks/useAccountSettings.ts&#45;&gt;../languages/index.ts -->
+<g id="edge527" class="edge">
+<title>../hooks/useAccountSettings.ts&#45;&gt;../languages/index.ts</title>
+<path fill="none" stroke="#757575" d="M1460.67,-2719.35C1495.72,-2722.83 1534.83,-2729.64 1568.75,-2742.63 1586.94,-2749.6 1587.19,-2759.2 1604.75,-2767.63 1734.61,-2829.95 1790.25,-2788.51 1915.5,-2859.63 2051.03,-2936.6 2175.88,-3080.93 2219.75,-3134.72"/>
+<polygon fill="#757575" stroke="#757575" points="2216.8,-3136.64 2225.81,-3142.22 2222.25,-3132.24 2216.8,-3136.64"/>
+</g>
+<!-- ../redux/settings.ts -->
+<g id="node278" class="node">
+<title>../redux/settings.ts</title>
+<path fill="none" stroke="#c6c5fe" d="M1814.96,-2892.51C1814.96,-2892.51 1705.29,-2892.51 1705.29,-2892.51 1701.33,-2892.51 1697.38,-2888.55 1697.38,-2884.59 1697.38,-2884.59 1697.38,-2876.67 1697.38,-2876.67 1697.38,-2872.72 1701.33,-2868.76 1705.29,-2868.76 1705.29,-2868.76 1814.96,-2868.76 1814.96,-2868.76 1818.92,-2868.76 1822.88,-2872.72 1822.88,-2876.67 1822.88,-2876.67 1822.88,-2884.59 1822.88,-2884.59 1822.88,-2888.55 1818.92,-2892.51 1814.96,-2892.51"/>
+<text text-anchor="middle" x="1760.12" y="-2875.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../redux/settings.ts</text>
+</g>
+<!-- ../hooks/useAccountSettings.ts&#45;&gt;../redux/settings.ts -->
+<g id="edge528" class="edge">
+<title>../hooks/useAccountSettings.ts&#45;&gt;../redux/settings.ts</title>
+<path fill="none" stroke="#757575" d="M1460.77,-2710.75C1497.41,-2713.08 1537.53,-2721.36 1568.75,-2742.63 1596.36,-2761.44 1580.39,-2785.76 1604.75,-2808.63 1632.84,-2835 1672.31,-2853.18 1704.32,-2864.67"/>
+<polygon fill="#757575" stroke="#757575" points="1702.83,-2867.86 1713.42,-2867.82 1705.12,-2861.25 1702.83,-2867.86"/>
+</g>
+<!-- ../components/exchange/ExchangeDetailsButton.js -->
+<g id="node112" class="node">
+<title>../components/exchange/ExchangeDetailsButton.js</title>
+<path fill="none" stroke="#c6c5fe" d="M1107.58,-2253.51C1107.58,-2253.51 802.17,-2253.51 802.17,-2253.51 798.21,-2253.51 794.25,-2249.55 794.25,-2245.59 794.25,-2245.59 794.25,-2237.67 794.25,-2237.67 794.25,-2233.72 798.21,-2229.76 802.17,-2229.76 802.17,-2229.76 1107.58,-2229.76 1107.58,-2229.76 1111.54,-2229.76 1115.5,-2233.72 1115.5,-2237.67 1115.5,-2237.67 1115.5,-2245.59 1115.5,-2245.59 1115.5,-2249.55 1111.54,-2253.51 1107.58,-2253.51"/>
+<text text-anchor="middle" x="954.88" y="-2236.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/exchange/ExchangeDetailsButton.js</text>
+</g>
+<!-- ../components/exchange/ExchangeDetailsButton.js&#45;&gt;../components/text/index.js -->
+<g id="edge179" class="edge">
+<title>../components/exchange/ExchangeDetailsButton.js&#45;&gt;../components/text/index.js</title>
+<path fill="none" stroke="#757575" d="M962.84,-2253.72C987.25,-2296.53 1069.87,-2445.47 1115.5,-2577.63 1139.29,-2646.53 1096.42,-2689.89 1151.5,-2737.63 1221.78,-2798.56 1497.06,-2711.37 1568.75,-2770.63 1615.29,-2809.1 1560.18,-2860.9 1604.75,-2901.63 1708.34,-2996.31 1822,-2852.98 1915.5,-2957.63 1996.51,-3048.31 1864.15,-3419.04 1951.5,-3503.63 2064.84,-3613.4 2503.34,-3527.63 2661.12,-3527.63 2661.12,-3527.63 2661.12,-3527.63 2960,-3527.63 3014.28,-3527.63 4865.11,-3449.22 4911.25,-3420.63 5019.17,-3353.77 5066.92,-3194.68 5081.49,-3134.89"/>
+<polygon fill="#757575" stroke="#757575" points="5084.82,-3136.01 5083.69,-3125.48 5078.01,-3134.42 5084.82,-3136.01"/>
+</g>
+<!-- ../components/exchange/ExchangeDetailsButton.js&#45;&gt;../components/animations/index.js -->
+<g id="edge178" class="edge">
+<title>../components/exchange/ExchangeDetailsButton.js&#45;&gt;../components/animations/index.js</title>
+<path fill="none" stroke="#757575" d="M1103.79,-2229.31C1107.9,-2226.74 1111.82,-2223.86 1115.5,-2220.63 1748.91,-1664.73 1117.76,-1076.44 1604.75,-388.63 1884.21,6.07 2177.51,-127.63 2661.12,-127.63 2661.12,-127.63 2661.12,-127.63 6098.12,-127.63 6210.95,-127.63 6512.73,-87.07 6605.25,-151.63 6742.64,-247.5 6773.34,-472.84 6779.77,-545.57"/>
+<polygon fill="#757575" stroke="#757575" points="6776.25,-545.41 6780.54,-555.09 6783.22,-544.85 6776.25,-545.41"/>
+</g>
+<!-- ../components/exchange/ExchangeDetailsRow.tsx -->
+<g id="node113" class="node">
+<title>../components/exchange/ExchangeDetailsRow.tsx</title>
+<path fill="none" stroke="#c6c5fe" d="M739.46,-2302.51C739.46,-2302.51 439.29,-2302.51 439.29,-2302.51 435.33,-2302.51 431.38,-2298.55 431.38,-2294.59 431.38,-2294.59 431.38,-2286.67 431.38,-2286.67 431.38,-2282.72 435.33,-2278.76 439.29,-2278.76 439.29,-2278.76 739.46,-2278.76 739.46,-2278.76 743.42,-2278.76 747.38,-2282.72 747.38,-2286.67 747.38,-2286.67 747.38,-2294.59 747.38,-2294.59 747.38,-2298.55 743.42,-2302.51 739.46,-2302.51"/>
+<text text-anchor="middle" x="589.38" y="-2285.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/exchange/ExchangeDetailsRow.tsx</text>
+</g>
+<!-- ../components/exchange/ExchangeDetailsRow.tsx&#45;&gt;../components/exchange/ExchangeDetailsButton.js -->
+<g id="edge180" class="edge">
+<title>../components/exchange/ExchangeDetailsRow.tsx&#45;&gt;../components/exchange/ExchangeDetailsButton.js</title>
+<path fill="none" stroke="#757575" d="M691.61,-2278.26C713.59,-2275.49 736.71,-2272.52 758.25,-2269.63 791.1,-2265.23 827.02,-2260.16 859.01,-2255.56"/>
+<polygon fill="#757575" stroke="#757575" points="859.25,-2259.06 868.65,-2254.16 858.25,-2252.13 859.25,-2259.06"/>
+</g>
+<!-- ../components/exchange/PriceImpactWarning.tsx -->
+<g id="node114" class="node">
+<title>../components/exchange/PriceImpactWarning.tsx</title>
+<path fill="none" stroke="#c6c5fe" d="M1102.33,-2169.51C1102.33,-2169.51 807.42,-2169.51 807.42,-2169.51 803.46,-2169.51 799.5,-2165.55 799.5,-2161.59 799.5,-2161.59 799.5,-2153.67 799.5,-2153.67 799.5,-2149.72 803.46,-2145.76 807.42,-2145.76 807.42,-2145.76 1102.33,-2145.76 1102.33,-2145.76 1106.29,-2145.76 1110.25,-2149.72 1110.25,-2153.67 1110.25,-2153.67 1110.25,-2161.59 1110.25,-2161.59 1110.25,-2165.55 1106.29,-2169.51 1102.33,-2169.51"/>
+<text text-anchor="middle" x="954.88" y="-2152.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/exchange/PriceImpactWarning.tsx</text>
+</g>
+<!-- ../components/exchange/ExchangeDetailsRow.tsx&#45;&gt;../components/exchange/PriceImpactWarning.tsx -->
+<g id="edge181" class="edge">
+<title>../components/exchange/ExchangeDetailsRow.tsx&#45;&gt;../components/exchange/PriceImpactWarning.tsx</title>
+<path fill="none" stroke="#757575" d="M745.04,-2278.33C749.65,-2275.76 754.07,-2272.87 758.25,-2269.63 792.63,-2242.99 759.96,-2205.38 794.25,-2178.63 795.43,-2177.71 796.63,-2176.82 797.84,-2175.96"/>
+<polygon fill="#757575" stroke="#757575" points="799.62,-2178.98 806.24,-2170.71 795.91,-2173.04 799.62,-2178.98"/>
+</g>
+<!-- ../components/exchange/PriceImpactWarning.tsx&#45;&gt;../components/animations/index.js -->
+<g id="edge204" class="edge">
+<title>../components/exchange/PriceImpactWarning.tsx&#45;&gt;../components/animations/index.js</title>
+<path fill="none" stroke="#757575" d="M956.07,-2145.41C958.74,-1982.25 990.97,-238.36 1151.5,-87.63 1348.47,97.31 1488.94,-68.63 1759.12,-68.63 1759.12,-68.63 1759.12,-68.63 6098.12,-68.63 6324.4,-68.63 6424.43,22.4 6605.25,-113.63 6750.48,-222.89 6775.99,-468.61 6780.44,-545.31"/>
+<polygon fill="#757575" stroke="#757575" points="6776.93,-545.17 6780.93,-554.98 6783.92,-544.82 6776.93,-545.17"/>
+</g>
+<!-- ../components/exchange/ExchangeField.tsx -->
+<g id="node115" class="node">
+<title>../components/exchange/ExchangeField.tsx</title>
+<path fill="none" stroke="#c6c5fe" d="M3464.83,-2493.51C3464.83,-2493.51 3202.92,-2493.51 3202.92,-2493.51 3198.96,-2493.51 3195,-2489.55 3195,-2485.59 3195,-2485.59 3195,-2477.67 3195,-2477.67 3195,-2473.72 3198.96,-2469.76 3202.92,-2469.76 3202.92,-2469.76 3464.83,-2469.76 3464.83,-2469.76 3468.79,-2469.76 3472.75,-2473.72 3472.75,-2477.67 3472.75,-2477.67 3472.75,-2485.59 3472.75,-2485.59 3472.75,-2489.55 3468.79,-2493.51 3464.83,-2493.51"/>
+<text text-anchor="middle" x="3333.88" y="-2476.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/exchange/ExchangeField.tsx</text>
+</g>
+<!-- ../components/exchange/ExchangeField.tsx&#45;&gt;../components/text/index.js -->
+<g id="edge186" class="edge">
+<title>../components/exchange/ExchangeField.tsx&#45;&gt;../components/text/index.js</title>
+<path fill="none" stroke="#757575" d="M3436.84,-2493.98C3785.34,-2536.22 4907.82,-2672.48 4911.25,-2675.63 4967.87,-2727.51 4921.24,-2772.37 4947.25,-2844.63 4981.84,-2940.74 5044.79,-3045.64 5072.68,-3089.95"/>
+<polygon fill="#757575" stroke="#757575" points="5069.56,-3091.56 5077.87,-3098.13 5075.47,-3087.81 5069.56,-3091.56"/>
+</g>
+<!-- ../components/exchange/ExchangeField.tsx&#45;&gt;../components/buttons/index.js -->
+<g id="edge182" class="edge">
+<title>../components/exchange/ExchangeField.tsx&#45;&gt;../components/buttons/index.js</title>
+<path fill="none" stroke="#757575" d="M3472.97,-2478.26C3593.41,-2475.07 3772.81,-2469.71 3929,-2462.63 4000.03,-2459.41 4079.77,-2454.74 4142.31,-2450.83"/>
+<polygon fill="#757575" stroke="#757575" points="4142.51,-2454.33 4152.27,-2450.21 4142.07,-2447.34 4142.51,-2454.33"/>
+</g>
+<!-- ../components/exchange/ExchangeField.tsx&#45;&gt;../components/coin&#45;icon/RainbowCoinIcon.tsx -->
+<g id="edge183" class="edge">
+<title>../components/exchange/ExchangeField.tsx&#45;&gt;../components/coin&#45;icon/RainbowCoinIcon.tsx</title>
+<path fill="none" stroke="#757575" d="M3350.46,-2469.44C3412.07,-2421.25 3638.85,-2243.87 3714.29,-2184.86"/>
+<polygon fill="#757575" stroke="#757575" points="3716.2,-2187.81 3721.92,-2178.89 3711.89,-2182.3 3716.2,-2187.81"/>
+</g>
+<!-- ../components/exchange/ExchangeField.tsx&#45;&gt;../components/coin&#45;icon/index.js -->
+<g id="edge184" class="edge">
+<title>../components/exchange/ExchangeField.tsx&#45;&gt;../components/coin&#45;icon/index.js</title>
+<path fill="none" stroke="#757575" d="M3459.66,-2469.28C3512.14,-2464.08 3572.79,-2458.08 3624.14,-2452.99"/>
+<polygon fill="#757575" stroke="#757575" points="3624.17,-2456.51 3633.78,-2452.04 3623.48,-2449.54 3624.17,-2456.51"/>
+</g>
+<!-- ../components/exchange/ExchangeInput.js -->
+<g id="node116" class="node">
+<title>../components/exchange/ExchangeInput.js</title>
+<path fill="none" stroke="#c6c5fe" d="M3867.46,-2699.51C3867.46,-2699.51 3612.29,-2699.51 3612.29,-2699.51 3608.33,-2699.51 3604.38,-2695.55 3604.38,-2691.59 3604.38,-2691.59 3604.38,-2683.67 3604.38,-2683.67 3604.38,-2679.72 3608.33,-2675.76 3612.29,-2675.76 3612.29,-2675.76 3867.46,-2675.76 3867.46,-2675.76 3871.42,-2675.76 3875.38,-2679.72 3875.38,-2683.67 3875.38,-2683.67 3875.38,-2691.59 3875.38,-2691.59 3875.38,-2695.55 3871.42,-2699.51 3867.46,-2699.51"/>
+<text text-anchor="middle" x="3739.88" y="-2682.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/exchange/ExchangeInput.js</text>
+</g>
+<!-- ../components/exchange/ExchangeField.tsx&#45;&gt;../components/exchange/ExchangeInput.js -->
+<g id="edge185" class="edge">
+<title>../components/exchange/ExchangeField.tsx&#45;&gt;../components/exchange/ExchangeInput.js</title>
+<path fill="none" stroke="#757575" d="M3408.37,-2493.92C3444.02,-2503.07 3485.38,-2518.81 3514.75,-2545.63 3542.94,-2571.38 3522.38,-2598.08 3550.75,-2623.63 3577.7,-2647.9 3614.24,-2663.03 3647.95,-2672.43"/>
+<polygon fill="#757575" stroke="#757575" points="3646.75,-2675.74 3657.31,-2674.9 3648.53,-2668.97 3646.75,-2675.74"/>
+</g>
+<!-- ../components/exchange/ExchangeInput.js&#45;&gt;../components/text/index.js -->
+<g id="edge188" class="edge">
+<title>../components/exchange/ExchangeInput.js&#45;&gt;../components/text/index.js</title>
+<path fill="none" stroke="#757575" d="M3875.68,-2689.13C4035,-2691.56 4308.05,-2697.82 4542,-2713.63 4624.3,-2719.2 4845.68,-2701.58 4911.25,-2751.63 4946.48,-2778.53 4928.97,-2804.26 4947.25,-2844.63 4989.4,-2937.7 5048.4,-3044.24 5073.97,-3089.47"/>
+<polygon fill="#757575" stroke="#757575" points="5070.86,-3091.08 5078.84,-3098.05 5076.95,-3087.62 5070.86,-3091.08"/>
+</g>
+<!-- ../components/exchange/ExchangeFloatingPanels.tsx -->
+<g id="node117" class="node">
+<title>../components/exchange/ExchangeFloatingPanels.tsx</title>
+<path fill="none" stroke="#cfffac" d="M750.33,-2260.51C750.33,-2260.51 428.42,-2260.51 428.42,-2260.51 424.46,-2260.51 420.5,-2256.55 420.5,-2252.59 420.5,-2252.59 420.5,-2244.67 420.5,-2244.67 420.5,-2240.72 424.46,-2236.76 428.42,-2236.76 428.42,-2236.76 750.33,-2236.76 750.33,-2236.76 754.29,-2236.76 758.25,-2240.72 758.25,-2244.67 758.25,-2244.67 758.25,-2252.59 758.25,-2252.59 758.25,-2256.55 754.29,-2260.51 750.33,-2260.51"/>
+<text text-anchor="middle" x="589.38" y="-2243.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/exchange/ExchangeFloatingPanels.tsx</text>
+</g>
+<!-- ../components/exchange/ExchangeHeader.tsx -->
+<g id="node118" class="node">
+<title>../components/exchange/ExchangeHeader.tsx</title>
+<path fill="none" stroke="#c6c5fe" d="M727.46,-4749.51C727.46,-4749.51 451.29,-4749.51 451.29,-4749.51 447.33,-4749.51 443.38,-4745.55 443.38,-4741.59 443.38,-4741.59 443.38,-4733.67 443.38,-4733.67 443.38,-4729.72 447.33,-4725.76 451.29,-4725.76 451.29,-4725.76 727.46,-4725.76 727.46,-4725.76 731.42,-4725.76 735.38,-4729.72 735.38,-4733.67 735.38,-4733.67 735.38,-4741.59 735.38,-4741.59 735.38,-4745.55 731.42,-4749.51 727.46,-4749.51"/>
+<text text-anchor="middle" x="589.38" y="-4732.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/exchange/ExchangeHeader.tsx</text>
+</g>
+<!-- ../components/exchange/ExchangeHeader.tsx&#45;&gt;../components/sheet/index.js -->
+<g id="edge187" class="edge">
+<title>../components/exchange/ExchangeHeader.tsx&#45;&gt;../components/sheet/index.js</title>
+<path fill="none" stroke="#757575" d="M598.25,-4749.82C622.35,-4785.86 699.25,-4891.95 794.25,-4932.63 1025.28,-5031.56 1107.8,-4958.63 1359.12,-4958.63 1359.12,-4958.63 1359.12,-4958.63 3334.88,-4958.63 3629.81,-4958.63 3977.68,-4940.35 4147.96,-4930.22"/>
+<polygon fill="#757575" stroke="#757575" points="4148.13,-4933.71 4157.9,-4929.62 4147.71,-4926.72 4148.13,-4933.71"/>
+</g>
+<!-- ../components/exchange/ExchangeInputField.tsx -->
+<g id="node119" class="node">
+<title>../components/exchange/ExchangeInputField.tsx</title>
+<path fill="none" stroke="#c6c5fe" d="M3104.96,-2931.51C3104.96,-2931.51 2813.04,-2931.51 2813.04,-2931.51 2809.08,-2931.51 2805.12,-2927.55 2805.12,-2923.59 2805.12,-2923.59 2805.12,-2915.67 2805.12,-2915.67 2805.12,-2911.72 2809.08,-2907.76 2813.04,-2907.76 2813.04,-2907.76 3104.96,-2907.76 3104.96,-2907.76 3108.92,-2907.76 3112.88,-2911.72 3112.88,-2915.67 3112.88,-2915.67 3112.88,-2923.59 3112.88,-2923.59 3112.88,-2927.55 3108.92,-2931.51 3104.96,-2931.51"/>
+<text text-anchor="middle" x="2959" y="-2914.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/exchange/ExchangeInputField.tsx</text>
+</g>
+<!-- ../components/exchange/ExchangeInputField.tsx&#45;&gt;../components/layout/index.js -->
+<g id="edge192" class="edge">
+<title>../components/exchange/ExchangeInputField.tsx&#45;&gt;../components/layout/index.js</title>
+<path fill="none" stroke="#757575" d="M3107.47,-2931.78C3110.86,-2934.42 3114.05,-2937.36 3117,-2940.63 3209.64,-3043.45 3062.01,-4081.36 3153,-4185.63 3213.13,-4254.54 3873.91,-4312.42 3965,-4320.63 4461.54,-4365.42 4588.07,-4337.63 5086.62,-4337.63 5086.62,-4337.63 5086.62,-4337.63 5757,-4337.63 5964.02,-4337.63 6205.46,-4354.91 6340.74,-4366.17"/>
+<polygon fill="#757575" stroke="#757575" points="6340.13,-4369.63 6350.39,-4366.98 6340.72,-4362.65 6340.13,-4369.63"/>
+</g>
+<!-- ../components/exchange/ExchangeInputField.tsx&#45;&gt;../components/exchange/ExchangeField.tsx -->
+<g id="edge189" class="edge">
+<title>../components/exchange/ExchangeInputField.tsx&#45;&gt;../components/exchange/ExchangeField.tsx</title>
+<path fill="none" stroke="#757575" d="M3105.68,-2907.4C3109.67,-2904.8 3113.46,-2901.89 3117,-2898.63 3171.91,-2848.1 3122.77,-2802.86 3153,-2734.63 3195.42,-2638.89 3277.07,-2542.74 3313.96,-2501.95"/>
+<polygon fill="#757575" stroke="#757575" points="3316.34,-2504.53 3320.51,-2494.79 3311.18,-2499.81 3316.34,-2504.53"/>
+</g>
+<!-- ../components/exchange/ExchangeMaxButton.tsx -->
+<g id="node120" class="node">
+<title>../components/exchange/ExchangeMaxButton.tsx</title>
+<path fill="none" stroke="#c6c5fe" d="M6246.08,-521.51C6246.08,-521.51 5948.17,-521.51 5948.17,-521.51 5944.21,-521.51 5940.25,-517.55 5940.25,-513.59 5940.25,-513.59 5940.25,-505.67 5940.25,-505.67 5940.25,-501.72 5944.21,-497.76 5948.17,-497.76 5948.17,-497.76 6246.08,-497.76 6246.08,-497.76 6250.04,-497.76 6254,-501.72 6254,-505.67 6254,-505.67 6254,-513.59 6254,-513.59 6254,-517.55 6250.04,-521.51 6246.08,-521.51"/>
+<text text-anchor="middle" x="6097.12" y="-504.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/exchange/ExchangeMaxButton.tsx</text>
+</g>
+<!-- ../components/exchange/ExchangeInputField.tsx&#45;&gt;../components/exchange/ExchangeMaxButton.tsx -->
+<g id="edge190" class="edge">
+<title>../components/exchange/ExchangeInputField.tsx&#45;&gt;../components/exchange/ExchangeMaxButton.tsx</title>
+<path fill="none" stroke="#757575" d="M3107.84,-2907.29C3111.1,-2904.69 3114.17,-2901.82 3117,-2898.63 3200.78,-2804.42 3074.93,-728.62 3153,-629.63 3317.65,-420.87 3472.99,-508.63 3738.88,-508.63 3738.88,-508.63 3738.88,-508.63 5418.88,-508.63 5592.56,-508.63 5791.31,-508.96 5928.36,-509.25"/>
+<polygon fill="#757575" stroke="#757575" points="5928.25,-512.75 5938.26,-509.27 5928.26,-505.75 5928.25,-512.75"/>
+</g>
+<!-- ../components/exchange/ExchangeNativeField.tsx -->
+<g id="node121" class="node">
+<title>../components/exchange/ExchangeNativeField.tsx</title>
+<path fill="none" stroke="#c6c5fe" d="M3483.96,-2969.51C3483.96,-2969.51 3183.79,-2969.51 3183.79,-2969.51 3179.83,-2969.51 3175.88,-2965.55 3175.88,-2961.59 3175.88,-2961.59 3175.88,-2953.67 3175.88,-2953.67 3175.88,-2949.72 3179.83,-2945.76 3183.79,-2945.76 3183.79,-2945.76 3483.96,-2945.76 3483.96,-2945.76 3487.92,-2945.76 3491.88,-2949.72 3491.88,-2953.67 3491.88,-2953.67 3491.88,-2961.59 3491.88,-2961.59 3491.88,-2965.55 3487.92,-2969.51 3483.96,-2969.51"/>
+<text text-anchor="middle" x="3333.88" y="-2952.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/exchange/ExchangeNativeField.tsx</text>
+</g>
+<!-- ../components/exchange/ExchangeInputField.tsx&#45;&gt;../components/exchange/ExchangeNativeField.tsx -->
+<g id="edge191" class="edge">
+<title>../components/exchange/ExchangeInputField.tsx&#45;&gt;../components/exchange/ExchangeNativeField.tsx</title>
+<path fill="none" stroke="#757575" d="M3081.32,-2932C3119.34,-2935.87 3161.49,-2940.17 3200.25,-2944.12"/>
+<polygon fill="#757575" stroke="#757575" points="3199.81,-2947.59 3210.12,-2945.12 3200.52,-2940.63 3199.81,-2947.59"/>
+</g>
+<!-- ../components/exchange/ExchangeMaxButton.tsx&#45;&gt;../components/animations/index.js -->
+<g id="edge193" class="edge">
+<title>../components/exchange/ExchangeMaxButton.tsx&#45;&gt;../components/animations/index.js</title>
+<path fill="none" stroke="#757575" d="M6254.23,-512.23C6354.74,-515.24 6488.05,-521.71 6605.25,-535.63 6641.89,-539.98 6682.38,-547.39 6715.29,-554.08"/>
+<polygon fill="#757575" stroke="#757575" points="6714.16,-557.42 6724.66,-556.01 6715.57,-550.56 6714.16,-557.42"/>
+</g>
+<!-- ../components/exchange/ExchangeNativeField.tsx&#45;&gt;../components/layout/index.js -->
+<g id="edge195" class="edge">
+<title>../components/exchange/ExchangeNativeField.tsx&#45;&gt;../components/layout/index.js</title>
+<path fill="none" stroke="#757575" d="M3337.88,-2969.89C3363.35,-3073.71 3542.26,-3802.12 3550.75,-3809.63 3677.65,-3921.93 3775.79,-3785.22 3929,-3857.63 3948.9,-3867.04 3944.89,-3882.69 3965,-3891.63 4082.54,-3943.87 4439.79,-3859.54 4542,-3937.63 4579.54,-3966.31 4540.28,-4009.2 4578,-4037.63 4668.45,-4105.83 4973.34,-4071.63 5086.62,-4071.63 5086.62,-4071.63 5086.62,-4071.63 5757,-4071.63 5867.57,-4071.63 6172.38,-4021.04 6254,-4095.63 6339.79,-4174.04 6207.62,-4272.65 6290,-4354.63 6303.74,-4368.3 6321.82,-4376.03 6340.8,-4380.05"/>
+<polygon fill="#757575" stroke="#757575" points="6340.11,-4383.48 6350.56,-4381.74 6341.31,-4376.58 6340.11,-4383.48"/>
+</g>
+<!-- ../components/exchange/ExchangeNativeField.tsx&#45;&gt;../components/exchange/ExchangeInput.js -->
+<g id="edge194" class="edge">
+<title>../components/exchange/ExchangeNativeField.tsx&#45;&gt;../components/exchange/ExchangeInput.js</title>
+<path fill="none" stroke="#757575" d="M3393.52,-2945.32C3430.09,-2936.01 3477.17,-2920.96 3514.75,-2898.63 3604.47,-2845.32 3687.73,-2750.56 3722.18,-2708.61"/>
+<polygon fill="#757575" stroke="#757575" points="3724.78,-2710.96 3728.36,-2700.99 3719.34,-2706.55 3724.78,-2710.96"/>
+</g>
+<!-- ../components/exchange/ExchangeNotch.tsx -->
+<g id="node122" class="node">
+<title>../components/exchange/ExchangeNotch.tsx</title>
+<path fill="none" stroke="#cfffac" d="M723.33,-3724.51C723.33,-3724.51 455.42,-3724.51 455.42,-3724.51 451.46,-3724.51 447.5,-3720.55 447.5,-3716.59 447.5,-3716.59 447.5,-3708.67 447.5,-3708.67 447.5,-3704.72 451.46,-3700.76 455.42,-3700.76 455.42,-3700.76 723.33,-3700.76 723.33,-3700.76 727.29,-3700.76 731.25,-3704.72 731.25,-3708.67 731.25,-3708.67 731.25,-3716.59 731.25,-3716.59 731.25,-3720.55 727.29,-3724.51 723.33,-3724.51"/>
+<text text-anchor="middle" x="589.38" y="-3707.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/exchange/ExchangeNotch.tsx</text>
+</g>
+<!-- ../components/exchange/ExchangeOutputField.tsx -->
+<g id="node123" class="node">
+<title>../components/exchange/ExchangeOutputField.tsx</title>
+<path fill="none" stroke="#c6c5fe" d="M740.96,-2523.51C740.96,-2523.51 437.79,-2523.51 437.79,-2523.51 433.83,-2523.51 429.88,-2519.55 429.88,-2515.59 429.88,-2515.59 429.88,-2507.67 429.88,-2507.67 429.88,-2503.72 433.83,-2499.76 437.79,-2499.76 437.79,-2499.76 740.96,-2499.76 740.96,-2499.76 744.92,-2499.76 748.88,-2503.72 748.88,-2507.67 748.88,-2507.67 748.88,-2515.59 748.88,-2515.59 748.88,-2519.55 744.92,-2523.51 740.96,-2523.51"/>
+<text text-anchor="middle" x="589.38" y="-2506.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/exchange/ExchangeOutputField.tsx</text>
+</g>
+<!-- ../components/exchange/ExchangeOutputField.tsx&#45;&gt;../components/exchange/ExchangeField.tsx -->
+<g id="edge196" class="edge">
+<title>../components/exchange/ExchangeOutputField.tsx&#45;&gt;../components/exchange/ExchangeField.tsx</title>
+<path fill="none" stroke="#757575" d="M653.12,-2499.33C684.73,-2492.93 723.61,-2484.76 758.25,-2476.63 1026.97,-2413.56 1083.1,-2319.63 1359.12,-2319.63 1359.12,-2319.63 1359.12,-2319.63 2663.12,-2319.63 2908.69,-2319.63 3191.06,-2423.79 3293.33,-2465.07"/>
+<polygon fill="#757575" stroke="#757575" points="3291.79,-2468.22 3302.38,-2468.75 3294.43,-2461.74 3291.79,-2468.22"/>
+</g>
+<!-- ../components/inputs/ClearInputDecorator.js -->
+<g id="node223" class="node">
+<title>../components/inputs/ClearInputDecorator.js</title>
+<path fill="none" stroke="#c6c5fe" d="M4876.33,-2215.51C4876.33,-2215.51 4612.92,-2215.51 4612.92,-2215.51 4608.96,-2215.51 4605,-2211.55 4605,-2207.59 4605,-2207.59 4605,-2199.67 4605,-2199.67 4605,-2195.72 4608.96,-2191.76 4612.92,-2191.76 4612.92,-2191.76 4876.33,-2191.76 4876.33,-2191.76 4880.29,-2191.76 4884.25,-2195.72 4884.25,-2199.67 4884.25,-2199.67 4884.25,-2207.59 4884.25,-2207.59 4884.25,-2211.55 4880.29,-2215.51 4876.33,-2215.51"/>
+<text text-anchor="middle" x="4744.62" y="-2198.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/inputs/ClearInputDecorator.js</text>
+</g>
+<!-- ../components/inputs/index.js&#45;&gt;../components/inputs/ClearInputDecorator.js -->
+<g id="edge420" class="edge">
+<title>../components/inputs/index.js&#45;&gt;../components/inputs/ClearInputDecorator.js</title>
+<path fill="none" stroke="#757575" d="M1855.71,-2203.98C2019.69,-2204.55 2367.37,-2205.63 2661.12,-2205.63 2661.12,-2205.63 2661.12,-2205.63 3740.88,-2205.63 4043.36,-2205.63 4397.17,-2204.71 4593.29,-2204.12"/>
+<polygon fill="#757575" stroke="#757575" points="4593.02,-2207.62 4603.01,-2204.09 4593,-2200.62 4593.02,-2207.62"/>
+</g>
+<!-- ../hooks/useAppState.ts -->
+<g id="node279" class="node">
+<title>../hooks/useAppState.ts</title>
+<path fill="none" stroke="#c6c5fe" d="M2308.71,-3617.51C2308.71,-3617.51 2166.04,-3617.51 2166.04,-3617.51 2162.08,-3617.51 2158.12,-3613.55 2158.12,-3609.59 2158.12,-3609.59 2158.12,-3601.67 2158.12,-3601.67 2158.12,-3597.72 2162.08,-3593.76 2166.04,-3593.76 2166.04,-3593.76 2308.71,-3593.76 2308.71,-3593.76 2312.67,-3593.76 2316.62,-3597.72 2316.62,-3601.67 2316.62,-3601.67 2316.62,-3609.59 2316.62,-3609.59 2316.62,-3613.55 2312.67,-3617.51 2308.71,-3617.51"/>
+<text text-anchor="middle" x="2237.38" y="-3600.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../hooks/useAppState.ts</text>
+</g>
+<!-- ../hooks/useClipboard.ts&#45;&gt;../hooks/useAppState.ts -->
+<g id="edge530" class="edge">
+<title>../hooks/useClipboard.ts&#45;&gt;../hooks/useAppState.ts</title>
+<path fill="none" stroke="#757575" d="M1840.87,-3072.83C1868.28,-3075.53 1896.76,-3083.97 1915.5,-3104.63 1986.62,-3183.04 1877.22,-3504.21 1951.5,-3579.63 2009.19,-3638.22 2111.41,-3631.9 2176.43,-3620.13"/>
+<polygon fill="#757575" stroke="#757575" points="2177.08,-3623.57 2186.24,-3618.24 2175.76,-3616.69 2177.08,-3623.57"/>
+</g>
+<!-- ../components/exchange/index.ts -->
+<g id="node126" class="node">
+<title>../components/exchange/index.ts</title>
+<path fill="none" stroke="#c6c5fe" d="M376.58,-2589.51C376.58,-2589.51 178.42,-2589.51 178.42,-2589.51 174.46,-2589.51 170.5,-2585.55 170.5,-2581.59 170.5,-2581.59 170.5,-2573.67 170.5,-2573.67 170.5,-2569.72 174.46,-2565.76 178.42,-2565.76 178.42,-2565.76 376.58,-2565.76 376.58,-2565.76 380.54,-2565.76 384.5,-2569.72 384.5,-2573.67 384.5,-2573.67 384.5,-2581.59 384.5,-2581.59 384.5,-2585.55 380.54,-2589.51 376.58,-2589.51"/>
+<text text-anchor="middle" x="277.5" y="-2572.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/exchange/index.ts</text>
+</g>
+<!-- ../components/exchange/index.ts&#45;&gt;../components/exchange/ConfirmExchangeButton.js -->
+<g id="edge206" class="edge">
+<title>../components/exchange/index.ts&#45;&gt;../components/exchange/ConfirmExchangeButton.js</title>
+<path fill="none" stroke="#757575" d="M294.14,-2565.51C319.33,-2546.61 371.05,-2510.25 420.5,-2490.63 442.26,-2482 466.49,-2475.37 489.62,-2470.32"/>
+<polygon fill="#757575" stroke="#757575" points="490.32,-2473.75 499.39,-2468.28 488.89,-2466.9 490.32,-2473.75"/>
+</g>
+<!-- ../components/exchange/index.ts&#45;&gt;../components/exchange/CurrencySelectModalHeader.tsx -->
+<g id="edge207" class="edge">
+<title>../components/exchange/index.ts&#45;&gt;../components/exchange/CurrencySelectModalHeader.tsx</title>
+<path fill="none" stroke="#757575" d="M278.24,-2589.74C276.33,-2691.73 268.6,-3417.65 420.5,-3977.63 515.04,-4326.16 647.04,-4373.06 758.25,-4716.63 783.37,-4794.25 732.27,-4843.58 794.25,-4896.63 889.7,-4978.33 1233.48,-4920.63 1359.12,-4920.63 1359.12,-4920.63 1359.12,-4920.63 2663.12,-4920.63 2824.45,-4920.63 3007.61,-4917.4 3141.56,-4914.44"/>
+<polygon fill="#757575" stroke="#757575" points="3141.3,-4917.95 3151.22,-4914.23 3141.15,-4910.95 3141.3,-4917.95"/>
+</g>
+<!-- ../components/exchange/index.ts&#45;&gt;../components/exchange/CurrencySelectionList.tsx -->
+<g id="edge208" class="edge">
+<title>../components/exchange/index.ts&#45;&gt;../components/exchange/CurrencySelectionList.tsx</title>
+<path fill="none" stroke="#757575" d="M281.98,-2589.91C312.89,-2698.95 540.31,-3501.1 581.87,-3647.67"/>
+<polygon fill="#757575" stroke="#757575" points="578.41,-3648.33 584.51,-3656.99 585.15,-3646.42 578.41,-3648.33"/>
+</g>
+<!-- ../components/exchange/index.ts&#45;&gt;../components/exchange/ExchangeAssetList.tsx -->
+<g id="edge209" class="edge">
+<title>../components/exchange/index.ts&#45;&gt;../components/exchange/ExchangeAssetList.tsx</title>
+<path fill="none" stroke="#757575" d="M384.77,-2580.94C493.94,-2584.33 665.28,-2589.66 791.46,-2593.58"/>
+<polygon fill="#757575" stroke="#757575" points="791.14,-2597.07 801.24,-2593.89 791.36,-2590.08 791.14,-2597.07"/>
+</g>
+<!-- ../components/exchange/index.ts&#45;&gt;../components/exchange/ExchangeSearch.tsx -->
+<g id="edge219" class="edge">
+<title>../components/exchange/index.ts&#45;&gt;../components/exchange/ExchangeSearch.tsx</title>
+<path fill="none" stroke="#757575" d="M279.05,-2565.57C282.13,-2514.18 301.66,-2312.28 420.5,-2227.63 479.04,-2185.94 662.26,-2184.47 797.7,-2189.8"/>
+<polygon fill="#757575" stroke="#757575" points="797.35,-2193.29 807.49,-2190.2 797.64,-2186.3 797.35,-2193.29"/>
+</g>
+<!-- ../components/exchange/index.ts&#45;&gt;../components/exchange/ExchangeDetailsButton.js -->
+<g id="edge210" class="edge">
+<title>../components/exchange/index.ts&#45;&gt;../components/exchange/ExchangeDetailsButton.js</title>
+<path fill="none" stroke="#757575" d="M287.45,-2565.51C308.04,-2538.41 361.55,-2472.34 420.5,-2434.63 555.08,-2348.55 627.97,-2404.09 758.25,-2311.63 778.86,-2297.01 772.36,-2280.26 794.25,-2267.63 800.79,-2263.86 807.71,-2260.6 814.87,-2257.77"/>
+<polygon fill="#757575" stroke="#757575" points="815.85,-2261.13 824.08,-2254.45 813.48,-2254.55 815.85,-2261.13"/>
+</g>
+<!-- ../components/exchange/index.ts&#45;&gt;../components/exchange/ExchangeDetailsRow.tsx -->
+<g id="edge211" class="edge">
+<title>../components/exchange/index.ts&#45;&gt;../components/exchange/ExchangeDetailsRow.tsx</title>
+<path fill="none" stroke="#757575" d="M284.19,-2565.48C300.76,-2531.21 352.16,-2432.48 420.5,-2373.63 455.89,-2343.16 504.42,-2320.75 540.2,-2306.95"/>
+<polygon fill="#757575" stroke="#757575" points="541.32,-2310.27 549.45,-2303.48 538.85,-2303.72 541.32,-2310.27"/>
+</g>
+<!-- ../components/exchange/index.ts&#45;&gt;../components/exchange/PriceImpactWarning.tsx -->
+<g id="edge220" class="edge">
+<title>../components/exchange/index.ts&#45;&gt;../components/exchange/PriceImpactWarning.tsx</title>
+<path fill="none" stroke="#757575" d="M278.46,-2565.61C279,-2510.52 289.26,-2280.69 420.5,-2183.63 564.88,-2076.85 796.12,-2116.77 900.12,-2142.53"/>
+<polygon fill="#757575" stroke="#757575" points="898.96,-2145.84 909.51,-2144.91 900.68,-2139.06 898.96,-2145.84"/>
+</g>
+<!-- ../components/exchange/index.ts&#45;&gt;../components/exchange/ExchangeInput.js -->
+<g id="edge214" class="edge">
+<title>../components/exchange/index.ts&#45;&gt;../components/exchange/ExchangeInput.js</title>
+<path fill="none" stroke="#757575" d="M384.88,-2575.97C679.24,-2571.51 1529.55,-2559.63 2236.38,-2559.63 2236.38,-2559.63 2236.38,-2559.63 2960,-2559.63 3235.35,-2559.63 3558.3,-2638.49 3684.49,-2672.41"/>
+<polygon fill="#757575" stroke="#757575" points="3683.34,-2675.73 3693.91,-2674.96 3685.17,-2668.97 3683.34,-2675.73"/>
+</g>
+<!-- ../components/exchange/index.ts&#45;&gt;../components/exchange/ExchangeFloatingPanels.tsx -->
+<g id="edge212" class="edge">
+<title>../components/exchange/index.ts&#45;&gt;../components/exchange/ExchangeFloatingPanels.tsx</title>
+<path fill="none" stroke="#757575" d="M279.98,-2565.29C286.36,-2517.83 316.19,-2345.95 420.5,-2269.63 421.91,-2268.6 423.34,-2267.61 424.8,-2266.65"/>
+<polygon fill="#757575" stroke="#757575" points="426.56,-2269.67 433.41,-2261.6 423.02,-2263.64 426.56,-2269.67"/>
+</g>
+<!-- ../components/exchange/index.ts&#45;&gt;../components/exchange/ExchangeHeader.tsx -->
+<g id="edge213" class="edge">
+<title>../components/exchange/index.ts&#45;&gt;../components/exchange/ExchangeHeader.tsx</title>
+<path fill="none" stroke="#757575" d="M278.4,-2589.65C277.17,-2753.69 267.32,-4544.47 420.5,-4711.63 424.51,-4716 428.92,-4719.85 433.65,-4723.23"/>
+<polygon fill="#757575" stroke="#757575" points="431.5,-4726.01 441.83,-4728.35 435.22,-4720.08 431.5,-4726.01"/>
+</g>
+<!-- ../components/exchange/index.ts&#45;&gt;../components/exchange/ExchangeInputField.tsx -->
+<g id="edge215" class="edge">
+<title>../components/exchange/index.ts&#45;&gt;../components/exchange/ExchangeInputField.tsx</title>
+<path fill="none" stroke="#757575" d="M344.43,-2589.98C368.33,-2594.14 395.57,-2598.51 420.5,-2601.63 928.57,-2665.25 1060.55,-2633.08 1568.75,-2695.63 2119.64,-2763.44 2252.03,-2816.72 2801,-2898.63 2817.18,-2901.05 2834.31,-2903.47 2851.08,-2905.77"/>
+<polygon fill="#757575" stroke="#757575" points="2850.16,-2909.18 2860.54,-2907.06 2851.1,-2902.24 2850.16,-2909.18"/>
+</g>
+<!-- ../components/exchange/index.ts&#45;&gt;../components/exchange/ExchangeNativeField.tsx -->
+<g id="edge216" class="edge">
+<title>../components/exchange/index.ts&#45;&gt;../components/exchange/ExchangeNativeField.tsx</title>
+<path fill="none" stroke="#757575" d="M278.84,-2589.75C282.08,-2699.26 309.83,-3519.12 420.5,-3733.63 622.29,-4124.75 741.21,-4242.4 1151.5,-4401.63 1237.94,-4435.18 1498.62,-4462.28 1568.75,-4401.63 1652.66,-4329.06 1530.26,-4236.84 1604.75,-4154.63 1711.37,-4036.97 1794.55,-4092.69 1951.5,-4068.63 2077.32,-4049.34 2411.14,-4093.93 2523.25,-4033.63 2997.42,-3778.62 3273.68,-3111.63 3324.37,-2980.28"/>
+<polygon fill="#757575" stroke="#757575" points="3327.51,-2981.88 3327.8,-2971.29 3320.97,-2979.38 3327.51,-2981.88"/>
+</g>
+<!-- ../components/exchange/index.ts&#45;&gt;../components/exchange/ExchangeNotch.tsx -->
+<g id="edge217" class="edge">
+<title>../components/exchange/index.ts&#45;&gt;../components/exchange/ExchangeNotch.tsx</title>
+<path fill="none" stroke="#757575" d="M279.16,-2589.89C285.56,-2705.98 337.86,-3609.18 420.5,-3691.63 425.62,-3696.74 431.3,-3701.05 437.4,-3704.69"/>
+<polygon fill="#757575" stroke="#757575" points="435.47,-3707.63 445.95,-3709.15 438.7,-3701.42 435.47,-3707.63"/>
+</g>
+<!-- ../components/exchange/index.ts&#45;&gt;../components/exchange/ExchangeOutputField.tsx -->
+<g id="edge218" class="edge">
+<title>../components/exchange/index.ts&#45;&gt;../components/exchange/ExchangeOutputField.tsx</title>
+<path fill="none" stroke="#757575" d="M329.67,-2565.29C356.64,-2558.9 390.31,-2551.11 420.5,-2544.63 450.24,-2538.25 483.05,-2531.7 511.72,-2526.13"/>
+<polygon fill="#757575" stroke="#757575" points="512.26,-2529.59 521.41,-2524.25 510.93,-2522.72 512.26,-2529.59"/>
+</g>
+<!-- ../components/fab/ExchangeFab.js&#45;&gt;../components/text/index.js -->
+<g id="edge222" class="edge">
+<title>../components/fab/ExchangeFab.js&#45;&gt;../components/text/index.js</title>
+<path fill="none" stroke="#757575" d="M4857.31,-4502.38C4877.74,-4498.28 4897.05,-4489.93 4911.25,-4474.63 4963.64,-4418.21 4937.39,-3858.99 4947.25,-3782.63 4980.43,-3525.64 5058.03,-3220.27 5080.45,-3134.84"/>
+<polygon fill="#757575" stroke="#757575" points="5083.8,-3135.89 5082.96,-3125.33 5077.03,-3134.1 5083.8,-3135.89"/>
+</g>
+<!-- ../components/fab/ExchangeFab.js&#45;&gt;../navigation/Navigation.js -->
+<g id="edge223" class="edge">
+<title>../components/fab/ExchangeFab.js&#45;&gt;../navigation/Navigation.js</title>
+<path fill="none" stroke="#757575" d="M4857.28,-4495.63C4900.42,-4495.63 4949.3,-4495.63 4990.81,-4495.63"/>
+<polygon fill="#757575" stroke="#757575" points="4990.8,-4499.13 5000.8,-4495.63 4990.8,-4492.13 4990.8,-4499.13"/>
+</g>
+<!-- ../components/fab/ExchangeFab.js&#45;&gt;../components/fab/FloatingActionButton.js -->
+<g id="edge221" class="edge">
+<title>../components/fab/ExchangeFab.js&#45;&gt;../components/fab/FloatingActionButton.js</title>
+<path fill="none" stroke="#757575" d="M4846.09,-4508.01C4886.58,-4512.99 4933.45,-4518.77 4975,-4523.88"/>
+<polygon fill="#757575" stroke="#757575" points="4974.43,-4527.34 4984.79,-4525.09 4975.29,-4520.39 4974.43,-4527.34"/>
+</g>
+<!-- ../components/fab/FloatingActionButton.js&#45;&gt;../components/layout/index.js -->
+<g id="edge227" class="edge">
+<title>../components/fab/FloatingActionButton.js&#45;&gt;../components/layout/index.js</title>
+<path fill="none" stroke="#757575" d="M5220.58,-4546.58C5439.38,-4557.76 5889.34,-4565.13 6254,-4469.63 6316.19,-4453.35 6382.16,-4416.23 6418.5,-4393.82"/>
+<polygon fill="#757575" stroke="#757575" points="6420.03,-4396.99 6426.65,-4388.72 6416.31,-4391.06 6420.03,-4396.99"/>
+</g>
+<!-- ../components/fab/FabWrapper.js&#45;&gt;../components/layout/index.js -->
+<g id="edge226" class="edge">
+<title>../components/fab/FabWrapper.js&#45;&gt;../components/layout/index.js</title>
+<path fill="none" stroke="#757575" d="M4331.41,-4586C4477.94,-4608.46 4807.43,-4653.63 5086.62,-4653.63 5086.62,-4653.63 5086.62,-4653.63 5757,-4653.63 5980.52,-4653.63 6055.75,-4679.89 6254,-4576.63 6337.19,-4533.3 6404.94,-4440.17 6432.86,-4397.63"/>
+<polygon fill="#757575" stroke="#757575" points="6435.79,-4399.54 6438.26,-4389.24 6429.91,-4395.75 6435.79,-4399.54"/>
+</g>
+<!-- ../components/fab/FabWrapper.js&#45;&gt;../components/fab/ExchangeFab.js -->
+<g id="edge224" class="edge">
+<title>../components/fab/FabWrapper.js&#45;&gt;../components/fab/ExchangeFab.js</title>
+<path fill="none" stroke="#757575" d="M4361.73,-4579.32C4417.48,-4578.52 4485.58,-4571.52 4542,-4547.63 4561.44,-4539.4 4558.71,-4525.21 4578,-4516.63 4591.53,-4510.61 4606.26,-4506.16 4621.17,-4502.89"/>
+<polygon fill="#757575" stroke="#757575" points="4621.44,-4506.4 4630.56,-4501.01 4620.07,-4499.54 4621.44,-4506.4"/>
+</g>
+<!-- ../components/fab/FabWrapper.js&#45;&gt;../components/fab/SendFab.js -->
+<g id="edge225" class="edge">
+<title>../components/fab/FabWrapper.js&#45;&gt;../components/fab/SendFab.js</title>
+<path fill="none" stroke="#757575" d="M4361.54,-4565.75C4442.63,-4559.79 4553.62,-4551.62 4635.08,-4545.62"/>
+<polygon fill="#757575" stroke="#757575" points="4635.15,-4549.13 4644.86,-4544.9 4634.63,-4542.14 4635.15,-4549.13"/>
+</g>
+<!-- ../components/fab/SendFab.js&#45;&gt;../components/text/index.js -->
+<g id="edge229" class="edge">
+<title>../components/fab/SendFab.js&#45;&gt;../components/text/index.js</title>
+<path fill="none" stroke="#757575" d="M4842.74,-4546.65C4868.37,-4543.87 4893.73,-4535.56 4911.25,-4516.63 4966.72,-4456.71 4936.92,-3863.63 4947.25,-3782.63 4980.05,-3525.59 5057.91,-3220.26 5080.43,-3134.84"/>
+<polygon fill="#757575" stroke="#757575" points="5083.77,-3135.89 5082.95,-3125.32 5077,-3134.09 5083.77,-3135.89"/>
+</g>
+<!-- ../components/fab/SendFab.js&#45;&gt;../navigation/Navigation.js -->
+<g id="edge230" class="edge">
+<title>../components/fab/SendFab.js&#45;&gt;../navigation/Navigation.js</title>
+<path fill="none" stroke="#757575" d="M4842.89,-4525.65C4889.35,-4519.93 4944.78,-4513.1 4991.03,-4507.41"/>
+<polygon fill="#757575" stroke="#757575" points="4991.27,-4510.9 5000.77,-4506.21 4990.41,-4503.96 4991.27,-4510.9"/>
+</g>
+<!-- ../components/fab/SendFab.js&#45;&gt;../components/fab/FloatingActionButton.js -->
+<g id="edge228" class="edge">
+<title>../components/fab/SendFab.js&#45;&gt;../components/fab/FloatingActionButton.js</title>
+<path fill="none" stroke="#757575" d="M4842.89,-4537.63C4874.01,-4537.63 4909.16,-4537.63 4942.88,-4537.63"/>
+<polygon fill="#757575" stroke="#757575" points="4942.74,-4541.13 4952.74,-4537.63 4942.74,-4534.13 4942.74,-4541.13"/>
+</g>
+<!-- ../components/floating&#45;emojis/ComingSoonFloatingEmojis.js&#45;&gt;../components/floating&#45;emojis/FloatingEmojis.js -->
+<g id="edge236" class="edge">
+<title>../components/floating&#45;emojis/ComingSoonFloatingEmojis.js&#45;&gt;../components/floating&#45;emojis/FloatingEmojis.js</title>
+<path fill="none" stroke="#757575" d="M3875.36,-658.28C3904.89,-655.66 3935.99,-652.99 3965,-650.63 4006.24,-647.29 4050.82,-643.91 4092.29,-640.87"/>
+<polygon fill="#757575" stroke="#757575" points="4092.39,-644.38 4102.11,-640.16 4091.88,-637.4 4092.39,-644.38"/>
+</g>
+<!-- ../components/floating&#45;emojis/ComingSoonFloatingEmojis.js&#45;&gt;../components/floating&#45;emojis/FloatingEmojisTapHandler.js -->
+<g id="edge237" class="edge">
+<title>../components/floating&#45;emojis/ComingSoonFloatingEmojis.js&#45;&gt;../components/floating&#45;emojis/FloatingEmojisTapHandler.js</title>
+<path fill="none" stroke="#757575" d="M3929.21,-671C3971.18,-671.08 4015.77,-671.17 4058,-671.25"/>
+<polygon fill="#757575" stroke="#757575" points="4057.74,-674.75 4067.74,-671.27 4057.75,-667.75 4057.74,-674.75"/>
+</g>
+<!-- ../components/floating&#45;emojis/FloatingEmojis.js&#45;&gt;../components/floating&#45;emojis/FloatingEmoji.js -->
+<g id="edge241" class="edge">
+<title>../components/floating&#45;emojis/FloatingEmojis.js&#45;&gt;../components/floating&#45;emojis/FloatingEmoji.js</title>
+<path fill="none" stroke="#757575" d="M4403.6,-630.02C4448.65,-632.93 4497.85,-638.95 4542,-650.63 4607.2,-667.88 4676.89,-706.02 4714.86,-728.69"/>
+<polygon fill="#757575" stroke="#757575" points="4712.59,-731.4 4722.96,-733.58 4716.21,-725.41 4712.59,-731.4"/>
+</g>
+<!-- ../components/floating&#45;emojis/CopyFloatingEmojis.js&#45;&gt;../components/animations/index.js -->
+<g id="edge238" class="edge">
+<title>../components/floating&#45;emojis/CopyFloatingEmojis.js&#45;&gt;../components/animations/index.js</title>
+<path fill="none" stroke="#757575" d="M3905.45,-548.9C4104.11,-549.19 4448.33,-549.63 4743.62,-549.63 4743.62,-549.63 4743.62,-549.63 6098.12,-549.63 6295.06,-549.63 6523.81,-557.62 6660.35,-563.23"/>
+<polygon fill="#757575" stroke="#757575" points="6660,-566.72 6670.13,-563.64 6660.29,-559.73 6660,-566.72"/>
+</g>
+<!-- ../components/floating&#45;emojis/CopyFloatingEmojis.js&#45;&gt;../components/floating&#45;emojis/FloatingEmojis.js -->
+<g id="edge239" class="edge">
+<title>../components/floating&#45;emojis/CopyFloatingEmojis.js&#45;&gt;../components/floating&#45;emojis/FloatingEmojis.js</title>
+<path fill="none" stroke="#757575" d="M3863.24,-560.99C3885.17,-563.58 3907.79,-566.49 3929,-569.63 4016.6,-582.63 4116.74,-601.89 4182.11,-615.06"/>
+<polygon fill="#757575" stroke="#757575" points="4181.11,-618.43 4191.61,-616.98 4182.5,-611.57 4181.11,-618.43"/>
+</g>
+<!-- ../components/floating&#45;emojis/FloatingEmoji.js&#45;&gt;../components/text/index.js -->
+<g id="edge240" class="edge">
+<title>../components/floating&#45;emojis/FloatingEmoji.js&#45;&gt;../components/text/index.js</title>
+<path fill="none" stroke="#757575" d="M4747.31,-758.74C4761.42,-860.84 4860.9,-1588.74 4911.25,-2182.63 4923.7,-2329.43 4908.28,-2702.55 4947.25,-2844.63 4974.21,-2942.9 5040.89,-3046.28 5071.19,-3090.04"/>
+<polygon fill="#757575" stroke="#757575" points="5068.27,-3091.97 5076.87,-3098.15 5074,-3087.95 5068.27,-3091.97"/>
+</g>
+<!-- ../components/floating&#45;emojis/FloatingEmojisTapper.js&#45;&gt;../components/animations/index.js -->
+<g id="edge242" class="edge">
+<title>../components/floating&#45;emojis/FloatingEmojisTapper.js&#45;&gt;../components/animations/index.js</title>
+<path fill="none" stroke="#757575" d="M3910.31,-589.82C4109.69,-588.93 4450.72,-587.63 4743.62,-587.63 4743.62,-587.63 4743.62,-587.63 6098.12,-587.63 6295.06,-587.63 6523.81,-579.65 6660.35,-574.03"/>
+<polygon fill="#757575" stroke="#757575" points="6660.29,-577.54 6670.13,-573.62 6660,-570.54 6660.29,-577.54"/>
+</g>
+<!-- ../components/floating&#45;emojis/FloatingEmojisTapper.js&#45;&gt;../components/floating&#45;emojis/FloatingEmojis.js -->
+<g id="edge243" class="edge">
+<title>../components/floating&#45;emojis/FloatingEmojisTapper.js&#45;&gt;../components/floating&#45;emojis/FloatingEmojis.js</title>
+<path fill="none" stroke="#757575" d="M3903.11,-603C3963.59,-607.61 4032.16,-612.84 4092.44,-617.43"/>
+<polygon fill="#757575" stroke="#757575" points="4091.85,-620.9 4102.09,-618.17 4092.38,-613.92 4091.85,-620.9"/>
+</g>
+<!-- ../components/floating&#45;emojis/FloatingEmojisTapper.js&#45;&gt;../components/floating&#45;emojis/FloatingEmojisTapHandler.js -->
+<g id="edge244" class="edge">
+<title>../components/floating&#45;emojis/FloatingEmojisTapper.js&#45;&gt;../components/floating&#45;emojis/FloatingEmojisTapHandler.js</title>
+<path fill="none" stroke="#757575" d="M3778.07,-602.91C3822.15,-616.91 3898.07,-639.33 3965,-650.63 3994.89,-655.68 4026.72,-659.51 4057.91,-662.42"/>
+<polygon fill="#757575" stroke="#757575" points="4057.59,-665.91 4067.86,-663.32 4058.22,-658.94 4057.59,-665.91"/>
+</g>
+<!-- ../components/floating&#45;panels/AssetPanel.js -->
+<g id="node138" class="node">
+<title>../components/floating&#45;panels/AssetPanel.js</title>
+<path fill="none" stroke="#c6c5fe" d="M6228.46,-5177.51C6228.46,-5177.51 5965.79,-5177.51 5965.79,-5177.51 5961.83,-5177.51 5957.88,-5173.55 5957.88,-5169.59 5957.88,-5169.59 5957.88,-5161.67 5957.88,-5161.67 5957.88,-5157.72 5961.83,-5153.76 5965.79,-5153.76 5965.79,-5153.76 6228.46,-5153.76 6228.46,-5153.76 6232.42,-5153.76 6236.38,-5157.72 6236.38,-5161.67 6236.38,-5161.67 6236.38,-5169.59 6236.38,-5169.59 6236.38,-5173.55 6232.42,-5177.51 6228.46,-5177.51"/>
+<text text-anchor="middle" x="6097.12" y="-5160.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/floating&#45;panels/AssetPanel.js</text>
+</g>
+<!-- ../components/floating&#45;panels/AssetPanel.js&#45;&gt;../components/layout/index.js -->
+<g id="edge251" class="edge">
+<title>../components/floating&#45;panels/AssetPanel.js&#45;&gt;../components/layout/index.js</title>
+<path fill="none" stroke="#757575" d="M6234.65,-5153.27C6241.62,-5149.53 6248.15,-5145.02 6254,-5139.63 6368.05,-5034.54 6431.18,-4516.23 6444.12,-4399.16"/>
+<polygon fill="#757575" stroke="#757575" points="6447.6,-4399.55 6445.2,-4389.23 6440.64,-4398.79 6447.6,-4399.55"/>
+</g>
+<!-- ../components/floating&#45;panels/FloatingPanels.js -->
+<g id="node139" class="node">
+<title>../components/floating&#45;panels/FloatingPanels.js</title>
+<path fill="none" stroke="#c6c5fe" d="M6238.96,-5219.51C6238.96,-5219.51 5955.29,-5219.51 5955.29,-5219.51 5951.33,-5219.51 5947.38,-5215.55 5947.38,-5211.59 5947.38,-5211.59 5947.38,-5203.67 5947.38,-5203.67 5947.38,-5199.72 5951.33,-5195.76 5955.29,-5195.76 5955.29,-5195.76 6238.96,-5195.76 6238.96,-5195.76 6242.92,-5195.76 6246.88,-5199.72 6246.88,-5203.67 6246.88,-5203.67 6246.88,-5211.59 6246.88,-5211.59 6246.88,-5215.55 6242.92,-5219.51 6238.96,-5219.51"/>
+<text text-anchor="middle" x="6097.12" y="-5202.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/floating&#45;panels/FloatingPanels.js</text>
+</g>
+<!-- ../components/floating&#45;panels/FloatingPanels.js&#45;&gt;../components/layout/index.js -->
+<g id="edge252" class="edge">
+<title>../components/floating&#45;panels/FloatingPanels.js&#45;&gt;../components/layout/index.js</title>
+<path fill="none" stroke="#757575" d="M6242.69,-5195.26C6246.67,-5192.71 6250.46,-5189.84 6254,-5186.63 6376.13,-5076.06 6433.39,-4520.62 6444.56,-4399.13"/>
+<polygon fill="#757575" stroke="#757575" points="6448.02,-4399.69 6445.44,-4389.41 6441.05,-4399.06 6448.02,-4399.69"/>
+</g>
+<!-- ../components/floating&#45;panels/index.js -->
+<g id="node140" class="node">
+<title>../components/floating&#45;panels/index.js</title>
+<path fill="none" stroke="#c6c5fe" d="M5869.33,-5177.51C5869.33,-5177.51 5642.67,-5177.51 5642.67,-5177.51 5638.71,-5177.51 5634.75,-5173.55 5634.75,-5169.59 5634.75,-5169.59 5634.75,-5161.67 5634.75,-5161.67 5634.75,-5157.72 5638.71,-5153.76 5642.67,-5153.76 5642.67,-5153.76 5869.33,-5153.76 5869.33,-5153.76 5873.29,-5153.76 5877.25,-5157.72 5877.25,-5161.67 5877.25,-5161.67 5877.25,-5169.59 5877.25,-5169.59 5877.25,-5173.55 5873.29,-5177.51 5869.33,-5177.51"/>
+<text text-anchor="middle" x="5756" y="-5160.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/floating&#45;panels/index.js</text>
+</g>
+<!-- ../components/floating&#45;panels/index.js&#45;&gt;../components/floating&#45;panels/AssetPanel.js -->
+<g id="edge253" class="edge">
+<title>../components/floating&#45;panels/index.js&#45;&gt;../components/floating&#45;panels/AssetPanel.js</title>
+<path fill="none" stroke="#757575" d="M5877.52,-5165.63C5899.77,-5165.63 5923.25,-5165.63 5946.25,-5165.63"/>
+<polygon fill="#757575" stroke="#757575" points="5945.97,-5169.13 5955.97,-5165.63 5945.97,-5162.13 5945.97,-5169.13"/>
+</g>
+<!-- ../components/floating&#45;panels/index.js&#45;&gt;../components/floating&#45;panels/FloatingPanels.js -->
+<g id="edge254" class="edge">
+<title>../components/floating&#45;panels/index.js&#45;&gt;../components/floating&#45;panels/FloatingPanels.js</title>
+<path fill="none" stroke="#757575" d="M5856.91,-5178.01C5897.18,-5182.99 5943.79,-5188.77 5985.12,-5193.88"/>
+<polygon fill="#757575" stroke="#757575" points="5984.48,-5197.33 5994.84,-5195.09 5985.34,-5190.38 5984.48,-5197.33"/>
+</g>
+<!-- ../components/gas/GasSpeedButton.js -->
+<g id="node141" class="node">
+<title>../components/gas/GasSpeedButton.js</title>
+<path fill="none" stroke="#ff6c60" d="M3449.83,-3722.51C3449.83,-3722.51 3217.92,-3722.51 3217.92,-3722.51 3213.96,-3722.51 3210,-3718.55 3210,-3714.59 3210,-3714.59 3210,-3706.67 3210,-3706.67 3210,-3702.72 3213.96,-3698.76 3217.92,-3698.76 3217.92,-3698.76 3449.83,-3698.76 3449.83,-3698.76 3453.79,-3698.76 3457.75,-3702.72 3457.75,-3706.67 3457.75,-3706.67 3457.75,-3714.59 3457.75,-3714.59 3457.75,-3718.55 3453.79,-3722.51 3449.83,-3722.51"/>
+<text text-anchor="middle" x="3333.88" y="-3705.21" font-family="Arial" font-size="14.00" fill="#ff6c60">../components/gas/GasSpeedButton.js</text>
+</g>
+<!-- ../components/gas/GasSpeedButton.js&#45;&gt;../components/layout/index.js -->
+<g id="edge259" class="edge">
+<title>../components/gas/GasSpeedButton.js&#45;&gt;../components/layout/index.js</title>
+<path fill="none" stroke="#757575" d="M3345.63,-3722.97C3378.38,-3761.39 3476.89,-3883.56 3514.75,-4004.63 3556.6,-4138.47 3473.14,-4517.84 3550.75,-4634.63 3654.32,-4790.5 3808.7,-4676.28 3929,-4819.63 3966.16,-4863.92 3920.48,-4907.75 3965,-4944.63 4064.17,-5026.79 4421.03,-4954.45 4542,-4998.63 4560.3,-5005.31 4559.57,-5017.34 4578,-5023.63 4685.1,-5060.2 4973.45,-5049.63 5086.62,-5049.63 5086.62,-5049.63 5086.62,-5049.63 5757,-5049.63 5983.43,-5049.63 6085.44,-5088.82 6254,-4937.63 6421.42,-4787.47 6443.38,-4485.41 6446.22,-4399.13"/>
+<polygon fill="#757575" stroke="#757575" points="6449.71,-4399.41 6446.48,-4389.32 6442.71,-4399.22 6449.71,-4399.41"/>
+</g>
+<!-- ../components/gas/GasSpeedButton.js&#45;&gt;../components/text/index.js -->
+<g id="edge260" class="edge">
+<title>../components/gas/GasSpeedButton.js&#45;&gt;../components/text/index.js</title>
+<path fill="none" stroke="#757575" d="M3349.36,-3698.32C3382.45,-3670.99 3467.23,-3605.48 3550.75,-3577.63 3726.14,-3519.15 3780.58,-3552.76 3965,-3539.63 4070.01,-3532.16 4824.04,-3550.6 4911.25,-3491.63 5038.18,-3405.81 5074.99,-3203.53 5084.03,-3134.89"/>
+<polygon fill="#757575" stroke="#757575" points="5087.48,-3135.54 5085.22,-3125.19 5080.53,-3134.69 5087.48,-3135.54"/>
+</g>
+<!-- ../components/gas/GasSpeedButton.js&#45;&gt;../components/animations/index.js -->
+<g id="edge255" class="edge">
+<title>../components/gas/GasSpeedButton.js&#45;&gt;../components/animations/index.js</title>
+<path fill="none" stroke="#757575" d="M3338.89,-3698.28C3361.38,-3628.48 3472.23,-3275.94 3514.75,-2978.63 3521.32,-2932.72 3518.92,-2178.36 3550.75,-2144.63 3677.76,-2010.05 3780.18,-2111.98 3965,-2102.63 4528.86,-2074.12 4804.43,-1865.35 5228,-2238.63 5265.96,-2272.08 5222.95,-2317.05 5264,-2346.63 5319.48,-2386.62 5522.58,-2394.17 5571.75,-2346.63 5656.87,-2264.34 5541.96,-1380.07 5607.75,-1281.63 5878.3,-876.81 6233.11,-1142.62 6605.25,-828.63 6688.17,-758.67 6748.6,-640.37 6771.4,-591.16"/>
+<polygon fill="#757575" stroke="#757575" points="6774.45,-592.9 6775.41,-582.35 6768.08,-590 6774.45,-592.9"/>
+</g>
+<!-- ../components/gas/GasSpeedButton.js&#45;&gt;../components/coin&#45;icon/index.js -->
+<g id="edge256" class="edge">
+<title>../components/gas/GasSpeedButton.js&#45;&gt;../components/coin&#45;icon/index.js</title>
+<path fill="none" stroke="#757575" d="M3338.42,-3698.68C3358.74,-3629.67 3461.48,-3274.87 3514.75,-2978.63 3539.45,-2841.25 3495.67,-2794.89 3550.75,-2666.63 3588.86,-2577.9 3673.75,-2497.15 3715.2,-2461.26"/>
+<polygon fill="#757575" stroke="#757575" points="3717.33,-2464.03 3722.66,-2454.88 3712.79,-2458.71 3717.33,-2464.03"/>
+</g>
+<!-- ../components/gas/GasSpeedButton.js&#45;&gt;../components/context&#45;menu/index.js -->
+<g id="edge257" class="edge">
+<title>../components/gas/GasSpeedButton.js&#45;&gt;../components/context&#45;menu/index.js</title>
+<path fill="none" stroke="#757575" d="M3458.15,-3707.94C3631.65,-3704.16 3946.37,-3697.3 4123.12,-3693.45"/>
+<polygon fill="#757575" stroke="#757575" points="4123.12,-3696.95 4133.04,-3693.24 4122.97,-3689.95 4123.12,-3696.95"/>
+</g>
+<!-- ../components/gas/index.js -->
+<g id="node142" class="node">
+<title>../components/gas/index.js</title>
+<path fill="none" stroke="#ff6c60" d="M3039.33,-4140.51C3039.33,-4140.51 2878.67,-4140.51 2878.67,-4140.51 2874.71,-4140.51 2870.75,-4136.55 2870.75,-4132.59 2870.75,-4132.59 2870.75,-4124.67 2870.75,-4124.67 2870.75,-4120.72 2874.71,-4116.76 2878.67,-4116.76 2878.67,-4116.76 3039.33,-4116.76 3039.33,-4116.76 3043.29,-4116.76 3047.25,-4120.72 3047.25,-4124.67 3047.25,-4124.67 3047.25,-4132.59 3047.25,-4132.59 3047.25,-4136.55 3043.29,-4140.51 3039.33,-4140.51"/>
+<text text-anchor="middle" x="2959" y="-4123.21" font-family="Arial" font-size="14.00" fill="#ff6c60">../components/gas/index.js</text>
+</g>
+<!-- ../components/gas/GasSpeedButton.js&#45;&gt;../components/gas/index.js -->
+<g id="edge258" class="edge">
+<title>../components/gas/GasSpeedButton.js&#45;&gt;../components/gas/index.js</title>
+<path fill="none" stroke="#757575" d="M3326.38,-3722.95C3301.28,-3763.65 3209.26,-3894.95 3153,-4013.63 3132.23,-4057.45 3154.59,-4086 3117,-4116.63 3087.31,-4140.82 3043.47,-4144.91 3009.65,-4142.16"/>
+<polygon fill="#757575" stroke="#757575" points="3010.42,-4138.72 3000.11,-4141.14 3009.68,-4145.68 3010.42,-4138.72"/>
+</g>
+<!-- ../components/gas/index.js&#45;&gt;../components/gas/GasSpeedButton.js -->
+<g id="edge265" class="edge">
+<title>../components/gas/index.js&#45;&gt;../components/gas/GasSpeedButton.js</title>
+<path fill="none" stroke="#757575" d="M3047.41,-4124.81C3072.15,-4121.66 3097.6,-4114.44 3117,-4098.63 3154.59,-4068 3132.23,-4039.45 3153,-3995.63 3202.29,-3891.64 3279.04,-3777.97 3314.17,-3731.67"/>
+<polygon fill="#757575" stroke="#757575" points="3316.73,-3734.08 3320.09,-3724.04 3311.19,-3729.8 3316.73,-3734.08"/>
+</g>
+<!-- ../components/gas/GasSpeedEmoji.js -->
+<g id="node143" class="node">
+<title>../components/gas/GasSpeedEmoji.js</title>
+<path fill="none" stroke="#c6c5fe" d="M3447.58,-4037.51C3447.58,-4037.51 3220.17,-4037.51 3220.17,-4037.51 3216.21,-4037.51 3212.25,-4033.55 3212.25,-4029.59 3212.25,-4029.59 3212.25,-4021.67 3212.25,-4021.67 3212.25,-4017.72 3216.21,-4013.76 3220.17,-4013.76 3220.17,-4013.76 3447.58,-4013.76 3447.58,-4013.76 3451.54,-4013.76 3455.5,-4017.72 3455.5,-4021.67 3455.5,-4021.67 3455.5,-4029.59 3455.5,-4029.59 3455.5,-4033.55 3451.54,-4037.51 3447.58,-4037.51"/>
+<text text-anchor="middle" x="3333.88" y="-4020.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/gas/GasSpeedEmoji.js</text>
+</g>
+<!-- ../components/gas/index.js&#45;&gt;../components/gas/GasSpeedEmoji.js -->
+<g id="edge266" class="edge">
+<title>../components/gas/index.js&#45;&gt;../components/gas/GasSpeedEmoji.js</title>
+<path fill="none" stroke="#757575" d="M3047.47,-4120.55C3070.3,-4117.46 3094.74,-4113.27 3117,-4107.63 3181.89,-4091.2 3253.96,-4061.32 3296.25,-4042.53"/>
+<polygon fill="#757575" stroke="#757575" points="3297.52,-4045.79 3305.21,-4038.51 3294.65,-4039.41 3297.52,-4045.79"/>
+</g>
+<!-- ../components/gas/GasSpeedLabelPager.js -->
+<g id="node144" class="node">
+<title>../components/gas/GasSpeedLabelPager.js</title>
+<path fill="none" stroke="#ff6c60" d="M3464.46,-4349.51C3464.46,-4349.51 3203.29,-4349.51 3203.29,-4349.51 3199.33,-4349.51 3195.38,-4345.55 3195.38,-4341.59 3195.38,-4341.59 3195.38,-4333.67 3195.38,-4333.67 3195.38,-4329.72 3199.33,-4325.76 3203.29,-4325.76 3203.29,-4325.76 3464.46,-4325.76 3464.46,-4325.76 3468.42,-4325.76 3472.38,-4329.72 3472.38,-4333.67 3472.38,-4333.67 3472.38,-4341.59 3472.38,-4341.59 3472.38,-4345.55 3468.42,-4349.51 3464.46,-4349.51"/>
+<text text-anchor="middle" x="3333.88" y="-4332.21" font-family="Arial" font-size="14.00" fill="#ff6c60">../components/gas/GasSpeedLabelPager.js</text>
+</g>
+<!-- ../components/gas/index.js&#45;&gt;../components/gas/GasSpeedLabelPager.js -->
+<g id="edge267" class="edge">
+<title>../components/gas/index.js&#45;&gt;../components/gas/GasSpeedLabelPager.js</title>
+<path fill="none" stroke="#757575" d="M2997.29,-4141C3031.87,-4158.34 3082.97,-4191 3117,-4230.63 3140.31,-4257.78 3123.99,-4281.69 3153,-4302.63 3164.82,-4311.17 3178.24,-4317.47 3192.29,-4322.12"/>
+<polygon fill="#757575" stroke="#757575" points="3191.11,-4325.42 3201.69,-4324.93 3193.11,-4318.71 3191.11,-4325.42"/>
+</g>
+<!-- ../components/gas/GasSpeedEmoji.js&#45;&gt;../components/text/index.js -->
+<g id="edge261" class="edge">
+<title>../components/gas/GasSpeedEmoji.js&#45;&gt;../components/text/index.js</title>
+<path fill="none" stroke="#757575" d="M3343.21,-4013.38C3370,-3973.71 3455.6,-3844.87 3514.75,-3731.63 3533.18,-3696.35 3518.45,-3672.89 3550.75,-3649.63 3612.34,-3605.29 4849.95,-3570.38 4911.25,-3525.63 5045.08,-3427.95 5077.55,-3207.65 5084.74,-3135.21"/>
+<polygon fill="#757575" stroke="#757575" points="5088.21,-3135.6 5085.64,-3125.33 5081.24,-3134.97 5088.21,-3135.6"/>
+</g>
+<!-- ../components/gas/GasSpeedLabelPager.js&#45;&gt;../components/layout/index.js -->
+<g id="edge263" class="edge">
+<title>../components/gas/GasSpeedLabelPager.js&#45;&gt;../components/layout/index.js</title>
+<path fill="none" stroke="#757575" d="M3337,-4349.94C3347.94,-4409.87 3403.26,-4674.08 3550.75,-4819.63 3693.5,-4960.51 3770.92,-4948.06 3965,-4998.63 4214.45,-5063.63 4286.51,-5023.31 4542,-5057.63 4558.08,-5059.79 4561.87,-5061.91 4578,-5063.63 4803.03,-5087.61 4860.32,-5087.63 5086.62,-5087.63 5086.62,-5087.63 5086.62,-5087.63 5757,-5087.63 5867.57,-5087.63 6167.54,-5132.56 6254,-5063.63 6363.27,-4976.52 6429.41,-4509.79 6443.7,-4399.16"/>
+<polygon fill="#757575" stroke="#757575" points="6447.13,-4399.86 6444.92,-4389.5 6440.19,-4398.98 6447.13,-4399.86"/>
+</g>
+<!-- ../components/gas/GasSpeedLabelPager.js&#45;&gt;../components/text/index.js -->
+<g id="edge264" class="edge">
+<title>../components/gas/GasSpeedLabelPager.js&#45;&gt;../components/text/index.js</title>
+<path fill="none" stroke="#757575" d="M3464.85,-4325.27C3772.93,-4295.69 4523.32,-4221.85 4542,-4202.63 4609.15,-4133.56 4510.93,-3839.78 4578,-3770.63 4681.79,-3663.63 4797.67,-3829.18 4911.25,-3732.63 4935.32,-3712.17 5053.12,-3245.68 5080.8,-3135.02"/>
+<polygon fill="#757575" stroke="#757575" points="5084.19,-3135.88 5083.22,-3125.33 5077.4,-3134.18 5084.19,-3135.88"/>
+</g>
+<!-- ../components/gas/GasSpeedLabelPager.js&#45;&gt;../components/gas/index.js -->
+<g id="edge262" class="edge">
+<title>../components/gas/GasSpeedLabelPager.js&#45;&gt;../components/gas/index.js</title>
+<path fill="none" stroke="#757575" d="M3275.96,-4349.99C3237.81,-4351.69 3188.3,-4346.12 3153,-4320.63 3123.99,-4299.69 3140.31,-4275.78 3117,-4248.63 3078.37,-4203.65 3017.76,-4167.65 2984.27,-4146.82"/>
+<polygon fill="#757575" stroke="#757575" points="2986.41,-4144.03 2976.09,-4141.65 2982.68,-4149.95 2986.41,-4144.03"/>
+</g>
+<!-- ../components/header/BackButton.js&#45;&gt;../components/layout/index.js -->
+<g id="edge270" class="edge">
+<title>../components/header/BackButton.js&#45;&gt;../components/layout/index.js</title>
+<path fill="none" stroke="#757575" d="M4861.59,-3952.83C5206.15,-3945.05 6203.05,-3926.71 6254,-3973.63 6316.56,-4031.24 6231.05,-4293.33 6290,-4354.63 6303.51,-4368.68 6321.59,-4376.55 6340.66,-4380.59"/>
+<polygon fill="#757575" stroke="#757575" points="6340.03,-4384.03 6350.48,-4382.28 6341.22,-4377.13 6340.03,-4384.03"/>
+</g>
+<!-- ../components/header/BackButton.js&#45;&gt;../navigation/Navigation.js -->
+<g id="edge272" class="edge">
+<title>../components/header/BackButton.js&#45;&gt;../navigation/Navigation.js</title>
+<path fill="none" stroke="#757575" d="M4753.39,-3967.93C4797.44,-4037.69 5016.08,-4383.91 5073.04,-4474.11"/>
+<polygon fill="#757575" stroke="#757575" points="5069.92,-4475.73 5078.21,-4482.31 5075.83,-4471.99 5069.92,-4475.73"/>
+</g>
+<!-- ../components/header/BackButton.js&#45;&gt;../components/header/HeaderButton.js -->
+<g id="edge268" class="edge">
+<title>../components/header/BackButton.js&#45;&gt;../components/header/HeaderButton.js</title>
+<path fill="none" stroke="#757575" d="M4861.66,-3961.57C4880.49,-3957.17 4898.1,-3948.92 4911.25,-3934.63 4974.79,-3865.55 4922.95,-3181.3 4947.25,-3090.63 4973.63,-2992.21 5040.61,-2888.91 5071.09,-2845.19"/>
+<polygon fill="#757575" stroke="#757575" points="5073.9,-2847.29 5076.81,-2837.1 5068.18,-2843.25 5073.9,-2847.29"/>
+</g>
+<!-- ../components/header/BackButton.js&#45;&gt;../components/icons/Icon.js -->
+<g id="edge269" class="edge">
+<title>../components/header/BackButton.js&#45;&gt;../components/icons/Icon.js</title>
+<path fill="none" stroke="#757575" d="M4857.46,-3943.28C5120,-3911.91 5764.2,-3820.33 5904.25,-3663.63 6035.59,-3516.68 6085.83,-2851.98 6094.66,-2718.88"/>
+<polygon fill="#757575" stroke="#757575" points="6098.13,-2719.41 6095.29,-2709.2 6091.15,-2718.95 6098.13,-2719.41"/>
+</g>
+<!-- ../components/header/BackButton.js&#45;&gt;../components/text/Text.js -->
+<g id="edge271" class="edge">
+<title>../components/header/BackButton.js&#45;&gt;../components/text/Text.js</title>
+<path fill="none" stroke="#757575" d="M4861.83,-3949.18C4878.82,-3945.89 4895.78,-3941.21 4911.25,-3934.63 4930.16,-3926.59 4929.02,-3915.11 4947.25,-3905.63 5062.47,-3845.72 5116.61,-3891.4 5228,-3824.63 5247.68,-3812.84 5246.19,-3802.09 5264,-3787.63 5389.71,-3685.57 5455.37,-3705.21 5571.75,-3592.63 5652.57,-3514.45 5718.47,-3395.27 5743.81,-3346.07"/>
+<polygon fill="#757575" stroke="#757575" points="5746.88,-3347.75 5748.3,-3337.25 5740.64,-3344.58 5746.88,-3347.75"/>
+</g>
+<!-- ../components/header/HeaderButton.js&#45;&gt;../components/animations/index.js -->
+<g id="edge274" class="edge">
+<title>../components/header/HeaderButton.js&#45;&gt;../components/animations/index.js</title>
+<path fill="none" stroke="#757575" d="M5118.92,-2811.33C5147.61,-2799.31 5191.59,-2779.9 5228,-2759.63 5598.2,-2553.5 5761.7,-2486.65 5904.25,-2087.63 5935.23,-2000.91 5876.07,-1325.67 5940.25,-1259.63 6043.51,-1153.38 6490.77,-1305.69 6605.25,-1211.63 6705.48,-1129.29 6765.21,-698.23 6778.53,-592.21"/>
+<polygon fill="#757575" stroke="#757575" points="6781.98,-592.79 6779.73,-582.44 6775.03,-591.93 6781.98,-592.79"/>
+</g>
+<!-- ../components/icons/Icon.js&#45;&gt;../components/layout/index.js -->
+<g id="edge350" class="edge">
+<title>../components/icons/Icon.js&#45;&gt;../components/layout/index.js</title>
+<path fill="none" stroke="#757575" d="M6187.32,-2690.43C6212.43,-2693.73 6237.39,-2702.45 6254,-2721.63 6313.41,-2790.22 6229.5,-4287 6290,-4354.63 6303.21,-4369.4 6321.43,-4377.51 6340.79,-4381.54"/>
+<polygon fill="#757575" stroke="#757575" points="6340.03,-4384.96 6350.47,-4383.16 6341.19,-4378.05 6340.03,-4384.96"/>
+</g>
+<!-- ../components/icons/Icon.js&#45;&gt;../components/text/index.js -->
+<g id="edge351" class="edge">
+<title>../components/icons/Icon.js&#45;&gt;../components/text/index.js</title>
+<path fill="none" stroke="#757575" d="M6075,-2707.79C6005.59,-2747.12 5777.18,-2871.67 5571.75,-2928.63 5438.94,-2965.46 5390.57,-2912.09 5264,-2966.63 5196.68,-2995.64 5134.81,-3058.78 5105.86,-3091.33"/>
+<polygon fill="#757575" stroke="#757575" points="5103.54,-3088.67 5099.59,-3098.5 5108.81,-3093.28 5103.54,-3088.67"/>
+</g>
+<!-- ../components/icons/svg/ApplePayIcon.js -->
+<g id="node150" class="node">
+<title>../components/icons/svg/ApplePayIcon.js</title>
+<path fill="none" stroke="#c6c5fe" d="M6570.71,-2287.51C6570.71,-2287.51 6324.54,-2287.51 6324.54,-2287.51 6320.58,-2287.51 6316.62,-2283.55 6316.62,-2279.59 6316.62,-2279.59 6316.62,-2271.67 6316.62,-2271.67 6316.62,-2267.72 6320.58,-2263.76 6324.54,-2263.76 6324.54,-2263.76 6570.71,-2263.76 6570.71,-2263.76 6574.67,-2263.76 6578.62,-2267.72 6578.62,-2271.67 6578.62,-2271.67 6578.62,-2279.59 6578.62,-2279.59 6578.62,-2283.55 6574.67,-2287.51 6570.71,-2287.51"/>
+<text text-anchor="middle" x="6447.62" y="-2270.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/ApplePayIcon.js</text>
+</g>
+<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/ApplePayIcon.js -->
+<g id="edge278" class="edge">
+<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/ApplePayIcon.js</title>
+<path fill="none" stroke="#757575" d="M6099.78,-2683.6C6108.07,-2628.43 6150.36,-2398 6290,-2296.63 6295,-2293.01 6300.32,-2289.85 6305.88,-2287.12"/>
+<polygon fill="#757575" stroke="#757575" points="6306.98,-2290.46 6314.74,-2283.25 6304.18,-2284.05 6306.98,-2290.46"/>
+</g>
+<!-- ../components/icons/svg/ArrowBack.js -->
+<g id="node151" class="node">
+<title>../components/icons/svg/ArrowBack.js</title>
+<path fill="none" stroke="#c6c5fe" d="M6561.71,-2245.51C6561.71,-2245.51 6333.54,-2245.51 6333.54,-2245.51 6329.58,-2245.51 6325.62,-2241.55 6325.62,-2237.59 6325.62,-2237.59 6325.62,-2229.67 6325.62,-2229.67 6325.62,-2225.72 6329.58,-2221.76 6333.54,-2221.76 6333.54,-2221.76 6561.71,-2221.76 6561.71,-2221.76 6565.67,-2221.76 6569.62,-2225.72 6569.62,-2229.67 6569.62,-2229.67 6569.62,-2237.59 6569.62,-2237.59 6569.62,-2241.55 6565.67,-2245.51 6561.71,-2245.51"/>
+<text text-anchor="middle" x="6447.62" y="-2228.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/ArrowBack.js</text>
+</g>
+<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/ArrowBack.js -->
+<g id="edge279" class="edge">
+<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/ArrowBack.js</title>
+<path fill="none" stroke="#757575" d="M6099.21,-2683.57C6105.17,-2624.98 6139.42,-2368.36 6290,-2254.63 6297.47,-2248.99 6305.73,-2244.48 6314.44,-2240.9"/>
+<polygon fill="#757575" stroke="#757575" points="6315.63,-2244.19 6323.84,-2237.49 6313.25,-2237.61 6315.63,-2244.19"/>
+</g>
+<!-- ../components/icons/svg/ArrowCircledIcon.js -->
+<g id="node152" class="node">
+<title>../components/icons/svg/ArrowCircledIcon.js</title>
+<path fill="none" stroke="#c6c5fe" d="M6580.46,-2203.51C6580.46,-2203.51 6314.79,-2203.51 6314.79,-2203.51 6310.83,-2203.51 6306.88,-2199.55 6306.88,-2195.59 6306.88,-2195.59 6306.88,-2187.67 6306.88,-2187.67 6306.88,-2183.72 6310.83,-2179.76 6314.79,-2179.76 6314.79,-2179.76 6580.46,-2179.76 6580.46,-2179.76 6584.42,-2179.76 6588.38,-2183.72 6588.38,-2187.67 6588.38,-2187.67 6588.38,-2195.59 6588.38,-2195.59 6588.38,-2199.55 6584.42,-2203.51 6580.46,-2203.51"/>
+<text text-anchor="middle" x="6447.62" y="-2186.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/ArrowCircledIcon.js</text>
+</g>
+<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/ArrowCircledIcon.js -->
+<g id="edge280" class="edge">
+<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/ArrowCircledIcon.js</title>
+<path fill="none" stroke="#757575" d="M6098.74,-2683.29C6102.56,-2620.96 6128.57,-2338.69 6290,-2212.63 6292.19,-2210.92 6294.45,-2209.31 6296.77,-2207.8"/>
+<polygon fill="#757575" stroke="#757575" points="6298.42,-2210.9 6305.35,-2202.88 6294.93,-2204.83 6298.42,-2210.9"/>
+</g>
+<!-- ../components/icons/svg/ArrowIcon.js -->
+<g id="node153" class="node">
+<title>../components/icons/svg/ArrowIcon.js</title>
+<path fill="none" stroke="#c6c5fe" d="M6559.46,-2161.51C6559.46,-2161.51 6335.79,-2161.51 6335.79,-2161.51 6331.83,-2161.51 6327.88,-2157.55 6327.88,-2153.59 6327.88,-2153.59 6327.88,-2145.67 6327.88,-2145.67 6327.88,-2141.72 6331.83,-2137.76 6335.79,-2137.76 6335.79,-2137.76 6559.46,-2137.76 6559.46,-2137.76 6563.42,-2137.76 6567.38,-2141.72 6567.38,-2145.67 6567.38,-2145.67 6567.38,-2153.59 6567.38,-2153.59 6567.38,-2157.55 6563.42,-2161.51 6559.46,-2161.51"/>
+<text text-anchor="middle" x="6447.62" y="-2144.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/ArrowIcon.js</text>
+</g>
+<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/ArrowIcon.js -->
+<g id="edge281" class="edge">
+<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/ArrowIcon.js</title>
+<path fill="none" stroke="#757575" d="M6098.31,-2683.57C6100,-2618.74 6117.14,-2309.52 6290,-2170.63 6298.09,-2164.13 6307.21,-2159.1 6316.87,-2155.23"/>
+<polygon fill="#757575" stroke="#757575" points="6317.85,-2158.6 6326.12,-2151.98 6315.53,-2151.99 6317.85,-2158.6"/>
+</g>
+<!-- ../components/icons/svg/AvatarIcon.js -->
+<g id="node154" class="node">
+<title>../components/icons/svg/AvatarIcon.js</title>
+<path fill="none" stroke="#c6c5fe" d="M6561.33,-2119.51C6561.33,-2119.51 6333.92,-2119.51 6333.92,-2119.51 6329.96,-2119.51 6326,-2115.55 6326,-2111.59 6326,-2111.59 6326,-2103.67 6326,-2103.67 6326,-2099.72 6329.96,-2095.76 6333.92,-2095.76 6333.92,-2095.76 6561.33,-2095.76 6561.33,-2095.76 6565.29,-2095.76 6569.25,-2099.72 6569.25,-2103.67 6569.25,-2103.67 6569.25,-2111.59 6569.25,-2111.59 6569.25,-2115.55 6565.29,-2119.51 6561.33,-2119.51"/>
+<text text-anchor="middle" x="6447.62" y="-2102.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/AvatarIcon.js</text>
+</g>
+<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/AvatarIcon.js -->
+<g id="edge282" class="edge">
+<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/AvatarIcon.js</title>
+<path fill="none" stroke="#757575" d="M6097.95,-2683.54C6097.68,-2615.71 6105.89,-2280.24 6290,-2128.63 6297.53,-2122.43 6306,-2117.54 6314.99,-2113.73"/>
+<polygon fill="#757575" stroke="#757575" points="6316.19,-2117.02 6324.35,-2110.26 6313.75,-2110.45 6316.19,-2117.02"/>
+</g>
+<!-- ../components/icons/svg/BTCIcon.js -->
+<g id="node155" class="node">
+<title>../components/icons/svg/BTCIcon.js</title>
+<path fill="none" stroke="#c6c5fe" d="M6555.33,-2077.51C6555.33,-2077.51 6339.92,-2077.51 6339.92,-2077.51 6335.96,-2077.51 6332,-2073.55 6332,-2069.59 6332,-2069.59 6332,-2061.67 6332,-2061.67 6332,-2057.72 6335.96,-2053.76 6339.92,-2053.76 6339.92,-2053.76 6555.33,-2053.76 6555.33,-2053.76 6559.29,-2053.76 6563.25,-2057.72 6563.25,-2061.67 6563.25,-2061.67 6563.25,-2069.59 6563.25,-2069.59 6563.25,-2073.55 6559.29,-2077.51 6555.33,-2077.51"/>
+<text text-anchor="middle" x="6447.62" y="-2060.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/BTCIcon.js</text>
+</g>
+<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/BTCIcon.js -->
+<g id="edge283" class="edge">
+<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/BTCIcon.js</title>
+<path fill="none" stroke="#757575" d="M6097.64,-2683.6C6095.49,-2613.12 6094.48,-2251.13 6290,-2086.63 6299.07,-2079 6309.54,-2073.35 6320.67,-2069.22"/>
+<polygon fill="#757575" stroke="#757575" points="6321.65,-2072.59 6330.09,-2066.19 6319.5,-2065.93 6321.65,-2072.59"/>
+</g>
+<!-- ../components/icons/svg/BackspaceIcon.js -->
+<g id="node156" class="node">
+<title>../components/icons/svg/BackspaceIcon.js</title>
+<path fill="none" stroke="#c6c5fe" d="M6574.83,-2035.51C6574.83,-2035.51 6320.42,-2035.51 6320.42,-2035.51 6316.46,-2035.51 6312.5,-2031.55 6312.5,-2027.59 6312.5,-2027.59 6312.5,-2019.67 6312.5,-2019.67 6312.5,-2015.72 6316.46,-2011.76 6320.42,-2011.76 6320.42,-2011.76 6574.83,-2011.76 6574.83,-2011.76 6578.79,-2011.76 6582.75,-2015.72 6582.75,-2019.67 6582.75,-2019.67 6582.75,-2027.59 6582.75,-2027.59 6582.75,-2031.55 6578.79,-2035.51 6574.83,-2035.51"/>
+<text text-anchor="middle" x="6447.62" y="-2018.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/BackspaceIcon.js</text>
+</g>
+<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/BackspaceIcon.js -->
+<g id="edge284" class="edge">
+<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/BackspaceIcon.js</title>
+<path fill="none" stroke="#757575" d="M6099.89,-2683.5C6112.01,-2601.97 6185.56,-2134.17 6290,-2044.63 6293.75,-2041.42 6297.75,-2038.55 6301.94,-2036"/>
+<polygon fill="#757575" stroke="#757575" points="6303.53,-2039.12 6310.7,-2031.32 6300.23,-2032.94 6303.53,-2039.12"/>
+</g>
+<!-- ../components/icons/svg/BridgeIcon.js -->
+<g id="node157" class="node">
+<title>../components/icons/svg/BridgeIcon.js</title>
+<path fill="none" stroke="#c6c5fe" d="M6561.33,-1993.51C6561.33,-1993.51 6333.92,-1993.51 6333.92,-1993.51 6329.96,-1993.51 6326,-1989.55 6326,-1985.59 6326,-1985.59 6326,-1977.67 6326,-1977.67 6326,-1973.72 6329.96,-1969.76 6333.92,-1969.76 6333.92,-1969.76 6561.33,-1969.76 6561.33,-1969.76 6565.29,-1969.76 6569.25,-1973.72 6569.25,-1977.67 6569.25,-1977.67 6569.25,-1985.59 6569.25,-1985.59 6569.25,-1989.55 6565.29,-1993.51 6561.33,-1993.51"/>
+<text text-anchor="middle" x="6447.62" y="-1976.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/BridgeIcon.js</text>
+</g>
+<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/BridgeIcon.js -->
+<g id="edge285" class="edge">
+<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/BridgeIcon.js</title>
+<path fill="none" stroke="#757575" d="M6099.69,-2683.28C6110.76,-2598.14 6179.9,-2098.61 6290,-2002.63 6297.51,-1996.08 6306.05,-1990.97 6315.16,-1987.02"/>
+<polygon fill="#757575" stroke="#757575" points="6316.15,-1990.38 6324.26,-1983.57 6313.67,-1983.84 6316.15,-1990.38"/>
+</g>
+<!-- ../components/icons/svg/CameraIcon.js -->
+<g id="node158" class="node">
+<title>../components/icons/svg/CameraIcon.js</title>
+<path fill="none" stroke="#c6c5fe" d="M6566.21,-1573.51C6566.21,-1573.51 6329.04,-1573.51 6329.04,-1573.51 6325.08,-1573.51 6321.12,-1569.55 6321.12,-1565.59 6321.12,-1565.59 6321.12,-1557.67 6321.12,-1557.67 6321.12,-1553.72 6325.08,-1549.76 6329.04,-1549.76 6329.04,-1549.76 6566.21,-1549.76 6566.21,-1549.76 6570.17,-1549.76 6574.12,-1553.72 6574.12,-1557.67 6574.12,-1557.67 6574.12,-1565.59 6574.12,-1565.59 6574.12,-1569.55 6570.17,-1573.51 6566.21,-1573.51"/>
+<text text-anchor="middle" x="6447.62" y="-1556.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/CameraIcon.js</text>
+</g>
+<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/CameraIcon.js -->
+<g id="edge286" class="edge">
+<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/CameraIcon.js</title>
+<path fill="none" stroke="#757575" d="M6098.32,-2683.36C6100.39,-2572.58 6121.42,-1745.02 6290,-1582.63 6296.11,-1576.74 6303.04,-1571.97 6310.48,-1568.13"/>
+<polygon fill="#757575" stroke="#757575" points="6311.86,-1571.35 6319.56,-1564.08 6309,-1564.96 6311.86,-1571.35"/>
+</g>
+<!-- ../components/icons/svg/CaretIcon.js -->
+<g id="node159" class="node">
+<title>../components/icons/svg/CaretIcon.js</title>
+<path fill="none" stroke="#c6c5fe" d="M6558.33,-1531.51C6558.33,-1531.51 6336.92,-1531.51 6336.92,-1531.51 6332.96,-1531.51 6329,-1527.55 6329,-1523.59 6329,-1523.59 6329,-1515.67 6329,-1515.67 6329,-1511.72 6332.96,-1507.76 6336.92,-1507.76 6336.92,-1507.76 6558.33,-1507.76 6558.33,-1507.76 6562.29,-1507.76 6566.25,-1511.72 6566.25,-1515.67 6566.25,-1515.67 6566.25,-1523.59 6566.25,-1523.59 6566.25,-1527.55 6562.29,-1531.51 6558.33,-1531.51"/>
+<text text-anchor="middle" x="6447.62" y="-1514.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/CaretIcon.js</text>
+</g>
+<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/CaretIcon.js -->
+<g id="edge287" class="edge">
+<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/CaretIcon.js</title>
+<path fill="none" stroke="#757575" d="M6098.24,-2683.26C6099.6,-2569.78 6115.57,-1709.68 6290,-1540.63 6298.13,-1532.76 6307.7,-1526.87 6318.05,-1522.54"/>
+<polygon fill="#757575" stroke="#757575" points="6318.99,-1525.93 6327.2,-1519.23 6316.6,-1519.34 6318.99,-1525.93"/>
+</g>
+<!-- ../components/icons/svg/CaretThinIcon.js -->
+<g id="node160" class="node">
+<title>../components/icons/svg/CaretThinIcon.js</title>
+<path fill="none" stroke="#c6c5fe" d="M6571.46,-1489.51C6571.46,-1489.51 6323.79,-1489.51 6323.79,-1489.51 6319.83,-1489.51 6315.88,-1485.55 6315.88,-1481.59 6315.88,-1481.59 6315.88,-1473.67 6315.88,-1473.67 6315.88,-1469.72 6319.83,-1465.76 6323.79,-1465.76 6323.79,-1465.76 6571.46,-1465.76 6571.46,-1465.76 6575.42,-1465.76 6579.38,-1469.72 6579.38,-1473.67 6579.38,-1473.67 6579.38,-1481.59 6579.38,-1481.59 6579.38,-1485.55 6575.42,-1489.51 6571.46,-1489.51"/>
+<text text-anchor="middle" x="6447.62" y="-1472.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/CaretThinIcon.js</text>
+</g>
+<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/CaretThinIcon.js -->
+<g id="edge288" class="edge">
+<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/CaretThinIcon.js</title>
+<path fill="none" stroke="#757575" d="M6098.16,-2683.55C6098.8,-2568.98 6109.51,-1674.54 6290,-1498.63 6294.78,-1493.97 6300.07,-1490.01 6305.73,-1486.65"/>
+<polygon fill="#757575" stroke="#757575" points="6306.96,-1489.95 6314.23,-1482.25 6303.74,-1483.74 6306.96,-1489.95"/>
+</g>
+<!-- ../components/icons/svg/CheckmarkCircledIcon.js -->
+<g id="node161" class="node">
+<title>../components/icons/svg/CheckmarkCircledIcon.js</title>
+<path fill="none" stroke="#c6c5fe" d="M6597.33,-1447.51C6597.33,-1447.51 6297.92,-1447.51 6297.92,-1447.51 6293.96,-1447.51 6290,-1443.55 6290,-1439.59 6290,-1439.59 6290,-1431.67 6290,-1431.67 6290,-1427.72 6293.96,-1423.76 6297.92,-1423.76 6297.92,-1423.76 6597.33,-1423.76 6597.33,-1423.76 6601.29,-1423.76 6605.25,-1427.72 6605.25,-1431.67 6605.25,-1431.67 6605.25,-1439.59 6605.25,-1439.59 6605.25,-1443.55 6601.29,-1447.51 6597.33,-1447.51"/>
+<text text-anchor="middle" x="6447.62" y="-1430.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/CheckmarkCircledIcon.js</text>
+</g>
+<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/CheckmarkCircledIcon.js -->
+<g id="edge289" class="edge">
+<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/CheckmarkCircledIcon.js</title>
+<path fill="none" stroke="#757575" d="M6098.09,-2683.5C6098.05,-2566.51 6103.63,-1639.25 6290,-1456.63 6290.62,-1456.02 6291.26,-1455.42 6291.9,-1454.83"/>
+<polygon fill="#757575" stroke="#757575" points="6293.86,-1457.74 6299.51,-1448.77 6289.5,-1452.27 6293.86,-1457.74"/>
+</g>
+<!-- ../components/icons/svg/CheckmarkIcon.js -->
+<g id="node162" class="node">
+<title>../components/icons/svg/CheckmarkIcon.js</title>
+<path fill="none" stroke="#c6c5fe" d="M6576.33,-4345.51C6576.33,-4345.51 6318.92,-4345.51 6318.92,-4345.51 6314.96,-4345.51 6311,-4341.55 6311,-4337.59 6311,-4337.59 6311,-4329.67 6311,-4329.67 6311,-4325.72 6314.96,-4321.76 6318.92,-4321.76 6318.92,-4321.76 6576.33,-4321.76 6576.33,-4321.76 6580.29,-4321.76 6584.25,-4325.72 6584.25,-4329.67 6584.25,-4329.67 6584.25,-4337.59 6584.25,-4337.59 6584.25,-4341.55 6580.29,-4345.51 6576.33,-4345.51"/>
+<text text-anchor="middle" x="6447.62" y="-4328.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/CheckmarkIcon.js</text>
+</g>
+<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/CheckmarkIcon.js -->
+<g id="edge290" class="edge">
+<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/CheckmarkIcon.js</title>
+<path fill="none" stroke="#757575" d="M6187.32,-2690.43C6212.42,-2693.74 6237.38,-2702.45 6254,-2721.63 6311.9,-2788.44 6231.04,-4246.75 6290,-4312.63 6293.34,-4316.37 6297.01,-4319.68 6300.93,-4322.61"/>
+<polygon fill="#757575" stroke="#757575" points="6298.95,-4325.49 6309.26,-4327.94 6302.72,-4319.59 6298.95,-4325.49"/>
+</g>
+<!-- ../components/icons/svg/ClearInputIcon.js -->
+<g id="node163" class="node">
+<title>../components/icons/svg/ClearInputIcon.js</title>
+<path fill="none" stroke="#c6c5fe" d="M6572.96,-4303.51C6572.96,-4303.51 6322.29,-4303.51 6322.29,-4303.51 6318.33,-4303.51 6314.38,-4299.55 6314.38,-4295.59 6314.38,-4295.59 6314.38,-4287.67 6314.38,-4287.67 6314.38,-4283.72 6318.33,-4279.76 6322.29,-4279.76 6322.29,-4279.76 6572.96,-4279.76 6572.96,-4279.76 6576.92,-4279.76 6580.88,-4283.72 6580.88,-4287.67 6580.88,-4287.67 6580.88,-4295.59 6580.88,-4295.59 6580.88,-4299.55 6576.92,-4303.51 6572.96,-4303.51"/>
+<text text-anchor="middle" x="6447.62" y="-4286.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/ClearInputIcon.js</text>
+</g>
+<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/ClearInputIcon.js -->
+<g id="edge291" class="edge">
+<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/ClearInputIcon.js</title>
+<path fill="none" stroke="#757575" d="M6187.31,-2690.44C6212.41,-2693.75 6237.37,-2702.46 6254,-2721.63 6310.39,-2786.66 6232.57,-4206.51 6290,-4270.63 6294.29,-4275.42 6299.11,-4279.51 6304.32,-4282.99"/>
+<polygon fill="#757575" stroke="#757575" points="6302.37,-4285.9 6312.79,-4287.85 6305.86,-4279.83 6302.37,-4285.9"/>
+</g>
+<!-- ../components/icons/svg/ClockIcon.js -->
+<g id="node164" class="node">
+<title>../components/icons/svg/ClockIcon.js</title>
+<path fill="none" stroke="#c6c5fe" d="M6558.71,-4261.51C6558.71,-4261.51 6336.54,-4261.51 6336.54,-4261.51 6332.58,-4261.51 6328.62,-4257.55 6328.62,-4253.59 6328.62,-4253.59 6328.62,-4245.67 6328.62,-4245.67 6328.62,-4241.72 6332.58,-4237.76 6336.54,-4237.76 6336.54,-4237.76 6558.71,-4237.76 6558.71,-4237.76 6562.67,-4237.76 6566.62,-4241.72 6566.62,-4245.67 6566.62,-4245.67 6566.62,-4253.59 6566.62,-4253.59 6566.62,-4257.55 6562.67,-4261.51 6558.71,-4261.51"/>
+<text text-anchor="middle" x="6447.62" y="-4244.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/ClockIcon.js</text>
+</g>
+<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/ClockIcon.js -->
+<g id="edge292" class="edge">
+<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/ClockIcon.js</title>
+<path fill="none" stroke="#757575" d="M6187.3,-2690.45C6212.4,-2693.75 6237.37,-2702.46 6254,-2721.63 6308.89,-2784.88 6234.11,-4166.27 6290,-4228.63 6297.76,-4237.29 6307.24,-4243.66 6317.66,-4248.25"/>
+<polygon fill="#757575" stroke="#757575" points="6316.36,-4251.5 6326.95,-4251.75 6318.82,-4244.95 6316.36,-4251.5"/>
+</g>
+<!-- ../components/icons/svg/CloseCircledIcon.js -->
+<g id="node165" class="node">
+<title>../components/icons/svg/CloseCircledIcon.js</title>
+<path fill="none" stroke="#c6c5fe" d="M6580.08,-4219.51C6580.08,-4219.51 6315.17,-4219.51 6315.17,-4219.51 6311.21,-4219.51 6307.25,-4215.55 6307.25,-4211.59 6307.25,-4211.59 6307.25,-4203.67 6307.25,-4203.67 6307.25,-4199.72 6311.21,-4195.76 6315.17,-4195.76 6315.17,-4195.76 6580.08,-4195.76 6580.08,-4195.76 6584.04,-4195.76 6588,-4199.72 6588,-4203.67 6588,-4203.67 6588,-4211.59 6588,-4211.59 6588,-4215.55 6584.04,-4219.51 6580.08,-4219.51"/>
+<text text-anchor="middle" x="6447.62" y="-4202.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/CloseCircledIcon.js</text>
+</g>
+<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/CloseCircledIcon.js -->
+<g id="edge293" class="edge">
+<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/CloseCircledIcon.js</title>
+<path fill="none" stroke="#757575" d="M6187.29,-2690.45C6212.4,-2693.76 6237.36,-2702.47 6254,-2721.63 6307.38,-2783.1 6235.64,-4126.02 6290,-4186.63 6292.44,-4189.35 6295.05,-4191.85 6297.81,-4194.13"/>
+<polygon fill="#757575" stroke="#757575" points="6295.66,-4196.9 6305.84,-4199.85 6299.73,-4191.2 6295.66,-4196.9"/>
+</g>
+<!-- ../components/icons/svg/CloseIcon.js -->
+<g id="node166" class="node">
+<title>../components/icons/svg/CloseIcon.js</title>
+<path fill="none" stroke="#c6c5fe" d="M6559.08,-4177.51C6559.08,-4177.51 6336.17,-4177.51 6336.17,-4177.51 6332.21,-4177.51 6328.25,-4173.55 6328.25,-4169.59 6328.25,-4169.59 6328.25,-4161.67 6328.25,-4161.67 6328.25,-4157.72 6332.21,-4153.76 6336.17,-4153.76 6336.17,-4153.76 6559.08,-4153.76 6559.08,-4153.76 6563.04,-4153.76 6567,-4157.72 6567,-4161.67 6567,-4161.67 6567,-4169.59 6567,-4169.59 6567,-4173.55 6563.04,-4177.51 6559.08,-4177.51"/>
+<text text-anchor="middle" x="6447.62" y="-4160.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/CloseIcon.js</text>
+</g>
+<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/CloseIcon.js -->
+<g id="edge294" class="edge">
+<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/CloseIcon.js</title>
+<path fill="none" stroke="#757575" d="M6187.28,-2690.46C6212.39,-2693.77 6237.35,-2702.48 6254,-2721.63 6357.74,-2841.02 6184.36,-4026.92 6290,-4144.63 6297.7,-4153.21 6307.08,-4159.53 6317.4,-4164.12"/>
+<polygon fill="#757575" stroke="#757575" points="6315.99,-4167.33 6326.58,-4167.61 6318.47,-4160.78 6315.99,-4167.33"/>
+</g>
+<!-- ../components/icons/svg/CompassIcon.js -->
+<g id="node167" class="node">
+<title>../components/icons/svg/CompassIcon.js</title>
+<path fill="none" stroke="#c6c5fe" d="M6570.71,-4135.51C6570.71,-4135.51 6324.54,-4135.51 6324.54,-4135.51 6320.58,-4135.51 6316.62,-4131.55 6316.62,-4127.59 6316.62,-4127.59 6316.62,-4119.67 6316.62,-4119.67 6316.62,-4115.72 6320.58,-4111.76 6324.54,-4111.76 6324.54,-4111.76 6570.71,-4111.76 6570.71,-4111.76 6574.67,-4111.76 6578.62,-4115.72 6578.62,-4119.67 6578.62,-4119.67 6578.62,-4127.59 6578.62,-4127.59 6578.62,-4131.55 6574.67,-4135.51 6570.71,-4135.51"/>
+<text text-anchor="middle" x="6447.62" y="-4118.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/CompassIcon.js</text>
+</g>
+<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/CompassIcon.js -->
+<g id="edge295" class="edge">
+<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/CompassIcon.js</title>
+<path fill="none" stroke="#757575" d="M6187.28,-2690.47C6212.38,-2693.78 6237.35,-2702.48 6254,-2721.63 6354.73,-2837.46 6187.43,-3988.43 6290,-4102.63 6294.87,-4108.06 6300.42,-4112.58 6306.45,-4116.33"/>
+<polygon fill="#757575" stroke="#757575" points="6304.5,-4119.26 6314.97,-4120.9 6307.81,-4113.09 6304.5,-4119.26"/>
+</g>
+<!-- ../components/icons/svg/CopyIcon.js -->
+<g id="node168" class="node">
+<title>../components/icons/svg/CopyIcon.js</title>
+<path fill="none" stroke="#c6c5fe" d="M6557.58,-4093.51C6557.58,-4093.51 6337.67,-4093.51 6337.67,-4093.51 6333.71,-4093.51 6329.75,-4089.55 6329.75,-4085.59 6329.75,-4085.59 6329.75,-4077.67 6329.75,-4077.67 6329.75,-4073.72 6333.71,-4069.76 6337.67,-4069.76 6337.67,-4069.76 6557.58,-4069.76 6557.58,-4069.76 6561.54,-4069.76 6565.5,-4073.72 6565.5,-4077.67 6565.5,-4077.67 6565.5,-4085.59 6565.5,-4085.59 6565.5,-4089.55 6561.54,-4093.51 6557.58,-4093.51"/>
+<text text-anchor="middle" x="6447.62" y="-4076.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/CopyIcon.js</text>
+</g>
+<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/CopyIcon.js -->
+<g id="edge296" class="edge">
+<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/CopyIcon.js</title>
+<path fill="none" stroke="#757575" d="M6187.27,-2690.48C6212.37,-2693.79 6237.34,-2702.49 6254,-2721.63 6351.71,-2833.9 6190.51,-3949.94 6290,-4060.63 6298.06,-4069.6 6307.97,-4076.11 6318.86,-4080.74"/>
+<polygon fill="#757575" stroke="#757575" points="6317.55,-4083.98 6328.14,-4084.1 6319.93,-4077.4 6317.55,-4083.98"/>
+</g>
+<!-- ../components/icons/svg/CrosshairIcon.js -->
+<g id="node169" class="node">
+<title>../components/icons/svg/CrosshairIcon.js</title>
+<path fill="none" stroke="#c6c5fe" d="M6570.71,-4051.51C6570.71,-4051.51 6324.54,-4051.51 6324.54,-4051.51 6320.58,-4051.51 6316.62,-4047.55 6316.62,-4043.59 6316.62,-4043.59 6316.62,-4035.67 6316.62,-4035.67 6316.62,-4031.72 6320.58,-4027.76 6324.54,-4027.76 6324.54,-4027.76 6570.71,-4027.76 6570.71,-4027.76 6574.67,-4027.76 6578.62,-4031.72 6578.62,-4035.67 6578.62,-4035.67 6578.62,-4043.59 6578.62,-4043.59 6578.62,-4047.55 6574.67,-4051.51 6570.71,-4051.51"/>
+<text text-anchor="middle" x="6447.62" y="-4034.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/CrosshairIcon.js</text>
+</g>
+<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/CrosshairIcon.js -->
+<g id="edge297" class="edge">
+<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/CrosshairIcon.js</title>
+<path fill="none" stroke="#757575" d="M6187.26,-2690.49C6212.36,-2693.79 6237.33,-2702.5 6254,-2721.63 6348.7,-2830.34 6193.58,-3911.46 6290,-4018.63 6294.88,-4024.05 6300.43,-4028.57 6306.46,-4032.32"/>
+<polygon fill="#757575" stroke="#757575" points="6304.52,-4035.25 6314.98,-4036.89 6307.82,-4029.08 6304.52,-4035.25"/>
+</g>
+<!-- ../components/icons/svg/DOGEIcon.js -->
+<g id="node170" class="node">
+<title>../components/icons/svg/DOGEIcon.js</title>
+<path fill="none" stroke="#c6c5fe" d="M6562.46,-4009.51C6562.46,-4009.51 6332.79,-4009.51 6332.79,-4009.51 6328.83,-4009.51 6324.88,-4005.55 6324.88,-4001.59 6324.88,-4001.59 6324.88,-3993.67 6324.88,-3993.67 6324.88,-3989.72 6328.83,-3985.76 6332.79,-3985.76 6332.79,-3985.76 6562.46,-3985.76 6562.46,-3985.76 6566.42,-3985.76 6570.38,-3989.72 6570.38,-3993.67 6570.38,-3993.67 6570.38,-4001.59 6570.38,-4001.59 6570.38,-4005.55 6566.42,-4009.51 6562.46,-4009.51"/>
+<text text-anchor="middle" x="6447.62" y="-3992.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/DOGEIcon.js</text>
+</g>
+<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/DOGEIcon.js -->
+<g id="edge298" class="edge">
+<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/DOGEIcon.js</title>
+<path fill="none" stroke="#757575" d="M6187.25,-2690.49C6212.35,-2693.8 6237.32,-2702.5 6254,-2721.63 6345.68,-2826.78 6196.65,-3872.97 6290,-3976.63 6296.87,-3984.26 6305.08,-3990.11 6314.08,-3994.53"/>
+<polygon fill="#757575" stroke="#757575" points="6312.6,-3997.7 6323.17,-3998.35 6315.31,-3991.25 6312.6,-3997.7"/>
+</g>
+<!-- ../components/icons/svg/DiscordIcon.js -->
+<g id="node171" class="node">
+<title>../components/icons/svg/DiscordIcon.js</title>
+<path fill="none" stroke="#c6c5fe" d="M6564.71,-3967.51C6564.71,-3967.51 6330.54,-3967.51 6330.54,-3967.51 6326.58,-3967.51 6322.62,-3963.55 6322.62,-3959.59 6322.62,-3959.59 6322.62,-3951.67 6322.62,-3951.67 6322.62,-3947.72 6326.58,-3943.76 6330.54,-3943.76 6330.54,-3943.76 6564.71,-3943.76 6564.71,-3943.76 6568.67,-3943.76 6572.62,-3947.72 6572.62,-3951.67 6572.62,-3951.67 6572.62,-3959.59 6572.62,-3959.59 6572.62,-3963.55 6568.67,-3967.51 6564.71,-3967.51"/>
+<text text-anchor="middle" x="6447.62" y="-3950.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/DiscordIcon.js</text>
+</g>
+<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/DiscordIcon.js -->
+<g id="edge299" class="edge">
+<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/DiscordIcon.js</title>
+<path fill="none" stroke="#757575" d="M6187.23,-2690.5C6212.33,-2693.82 6237.31,-2702.51 6254,-2721.63 6342.67,-2823.22 6199.72,-3834.48 6290,-3934.63 6296.33,-3941.66 6303.8,-3947.17 6311.99,-3951.46"/>
+<polygon fill="#757575" stroke="#757575" points="6310.36,-3954.56 6320.91,-3955.47 6313.23,-3948.18 6310.36,-3954.56"/>
+</g>
+<!-- ../components/icons/svg/DotIcon.js -->
+<g id="node172" class="node">
+<title>../components/icons/svg/DotIcon.js</title>
+<path fill="none" stroke="#c6c5fe" d="M6552.33,-3925.51C6552.33,-3925.51 6342.92,-3925.51 6342.92,-3925.51 6338.96,-3925.51 6335,-3921.55 6335,-3917.59 6335,-3917.59 6335,-3909.67 6335,-3909.67 6335,-3905.72 6338.96,-3901.76 6342.92,-3901.76 6342.92,-3901.76 6552.33,-3901.76 6552.33,-3901.76 6556.29,-3901.76 6560.25,-3905.72 6560.25,-3909.67 6560.25,-3909.67 6560.25,-3917.59 6560.25,-3917.59 6560.25,-3921.55 6556.29,-3925.51 6552.33,-3925.51"/>
+<text text-anchor="middle" x="6447.62" y="-3908.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/DotIcon.js</text>
+</g>
+<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/DotIcon.js -->
+<g id="edge300" class="edge">
+<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/DotIcon.js</title>
+<path fill="none" stroke="#757575" d="M6187.22,-2690.52C6212.32,-2693.83 6237.3,-2702.52 6254,-2721.63 6339.65,-2819.66 6202.79,-3795.99 6290,-3892.63 6299.26,-3902.9 6310.95,-3909.93 6323.74,-3914.61"/>
+<polygon fill="#757575" stroke="#757575" points="6322.69,-3917.95 6333.27,-3917.57 6324.76,-3911.27 6322.69,-3917.95"/>
+</g>
+<!-- ../components/icons/svg/DoubleCaretIcon.js -->
+<g id="node173" class="node">
+<title>../components/icons/svg/DoubleCaretIcon.js</title>
+<path fill="none" stroke="#c6c5fe" d="M6579.71,-3883.51C6579.71,-3883.51 6315.54,-3883.51 6315.54,-3883.51 6311.58,-3883.51 6307.62,-3879.55 6307.62,-3875.59 6307.62,-3875.59 6307.62,-3867.67 6307.62,-3867.67 6307.62,-3863.72 6311.58,-3859.76 6315.54,-3859.76 6315.54,-3859.76 6579.71,-3859.76 6579.71,-3859.76 6583.67,-3859.76 6587.62,-3863.72 6587.62,-3867.67 6587.62,-3867.67 6587.62,-3875.59 6587.62,-3875.59 6587.62,-3879.55 6583.67,-3883.51 6579.71,-3883.51"/>
+<text text-anchor="middle" x="6447.62" y="-3866.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/DoubleCaretIcon.js</text>
+</g>
+<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/DoubleCaretIcon.js -->
+<g id="edge301" class="edge">
+<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/DoubleCaretIcon.js</title>
+<path fill="none" stroke="#757575" d="M6187.21,-2690.53C6212.31,-2693.84 6237.29,-2702.53 6254,-2721.63 6336.64,-2816.1 6205.86,-3757.5 6290,-3850.63 6292.57,-3853.48 6295.34,-3856.08 6298.26,-3858.45"/>
+<polygon fill="#757575" stroke="#757575" points="6296.02,-3861.16 6306.23,-3864.03 6300.04,-3855.43 6296.02,-3861.16"/>
+</g>
+<!-- ../components/icons/svg/EmojiActivitiesIcon.js -->
+<g id="node174" class="node">
+<title>../components/icons/svg/EmojiActivitiesIcon.js</title>
+<path fill="none" stroke="#cfffac" d="M6585.71,-1951.51C6585.71,-1951.51 6309.54,-1951.51 6309.54,-1951.51 6305.58,-1951.51 6301.62,-1947.55 6301.62,-1943.59 6301.62,-1943.59 6301.62,-1935.67 6301.62,-1935.67 6301.62,-1931.72 6305.58,-1927.76 6309.54,-1927.76 6309.54,-1927.76 6585.71,-1927.76 6585.71,-1927.76 6589.67,-1927.76 6593.62,-1931.72 6593.62,-1935.67 6593.62,-1935.67 6593.62,-1943.59 6593.62,-1943.59 6593.62,-1947.55 6589.67,-1951.51 6585.71,-1951.51"/>
+<text text-anchor="middle" x="6447.62" y="-1934.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/icons/svg/EmojiActivitiesIcon.js</text>
+</g>
+<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/EmojiActivitiesIcon.js -->
+<g id="edge302" class="edge">
+<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/EmojiActivitiesIcon.js</title>
+<path fill="none" stroke="#757575" d="M6099.48,-2683.4C6109.41,-2595.7 6174.07,-2063.21 6290,-1960.63 6290.81,-1959.92 6291.63,-1959.22 6292.46,-1958.54"/>
+<polygon fill="#757575" stroke="#757575" points="6294.48,-1961.4 6300.57,-1952.73 6290.4,-1955.7 6294.48,-1961.4"/>
+</g>
+<!-- ../components/icons/svg/EmojiAnimalsIcon.js -->
+<g id="node175" class="node">
+<title>../components/icons/svg/EmojiAnimalsIcon.js</title>
+<path fill="none" stroke="#cfffac" d="M6583.46,-1909.51C6583.46,-1909.51 6311.79,-1909.51 6311.79,-1909.51 6307.83,-1909.51 6303.88,-1905.55 6303.88,-1901.59 6303.88,-1901.59 6303.88,-1893.67 6303.88,-1893.67 6303.88,-1889.72 6307.83,-1885.76 6311.79,-1885.76 6311.79,-1885.76 6583.46,-1885.76 6583.46,-1885.76 6587.42,-1885.76 6591.38,-1889.72 6591.38,-1893.67 6591.38,-1893.67 6591.38,-1901.59 6591.38,-1901.59 6591.38,-1905.55 6587.42,-1909.51 6583.46,-1909.51"/>
+<text text-anchor="middle" x="6447.62" y="-1892.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/icons/svg/EmojiAnimalsIcon.js</text>
+</g>
+<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/EmojiAnimalsIcon.js -->
+<g id="edge303" class="edge">
+<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/EmojiAnimalsIcon.js</title>
+<path fill="none" stroke="#757575" d="M6099.3,-2683.3C6108.24,-2592.47 6168.32,-2027.74 6290,-1918.63 6291.31,-1917.46 6292.65,-1916.33 6294.02,-1915.25"/>
+<polygon fill="#757575" stroke="#757575" points="6295.99,-1918.14 6302.24,-1909.58 6292.02,-1912.38 6295.99,-1918.14"/>
+</g>
+<!-- ../components/icons/svg/EmojiFlagsIcon.js -->
+<g id="node176" class="node">
+<title>../components/icons/svg/EmojiFlagsIcon.js</title>
+<path fill="none" stroke="#cfffac" d="M6575.58,-1867.51C6575.58,-1867.51 6319.67,-1867.51 6319.67,-1867.51 6315.71,-1867.51 6311.75,-1863.55 6311.75,-1859.59 6311.75,-1859.59 6311.75,-1851.67 6311.75,-1851.67 6311.75,-1847.72 6315.71,-1843.76 6319.67,-1843.76 6319.67,-1843.76 6575.58,-1843.76 6575.58,-1843.76 6579.54,-1843.76 6583.5,-1847.72 6583.5,-1851.67 6583.5,-1851.67 6583.5,-1859.59 6583.5,-1859.59 6583.5,-1863.55 6579.54,-1867.51 6575.58,-1867.51"/>
+<text text-anchor="middle" x="6447.62" y="-1850.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/icons/svg/EmojiFlagsIcon.js</text>
+</g>
+<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/EmojiFlagsIcon.js -->
+<g id="edge304" class="edge">
+<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/EmojiFlagsIcon.js</title>
+<path fill="none" stroke="#757575" d="M6099.12,-2683.54C6107,-2590.76 6162.39,-1992.44 6290,-1876.63 6293.6,-1873.36 6297.45,-1870.45 6301.5,-1867.85"/>
+<polygon fill="#757575" stroke="#757575" points="6302.97,-1871.04 6309.98,-1863.1 6299.54,-1864.94 6302.97,-1871.04"/>
+</g>
+<!-- ../components/icons/svg/EmojiFoodIcon.js -->
+<g id="node177" class="node">
+<title>../components/icons/svg/EmojiFoodIcon.js</title>
+<path fill="none" stroke="#cfffac" d="M6574.46,-1825.51C6574.46,-1825.51 6320.79,-1825.51 6320.79,-1825.51 6316.83,-1825.51 6312.88,-1821.55 6312.88,-1817.59 6312.88,-1817.59 6312.88,-1809.67 6312.88,-1809.67 6312.88,-1805.72 6316.83,-1801.76 6320.79,-1801.76 6320.79,-1801.76 6574.46,-1801.76 6574.46,-1801.76 6578.42,-1801.76 6582.38,-1805.72 6582.38,-1809.67 6582.38,-1809.67 6582.38,-1817.59 6582.38,-1817.59 6582.38,-1821.55 6578.42,-1825.51 6574.46,-1825.51"/>
+<text text-anchor="middle" x="6447.62" y="-1808.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/icons/svg/EmojiFoodIcon.js</text>
+</g>
+<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/EmojiFoodIcon.js -->
+<g id="edge305" class="edge">
+<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/EmojiFoodIcon.js</title>
+<path fill="none" stroke="#757575" d="M6098.97,-2683.54C6105.91,-2588.11 6156.56,-1957.06 6290,-1834.63 6293.92,-1831.04 6298.13,-1827.87 6302.59,-1825.08"/>
+<polygon fill="#757575" stroke="#757575" points="6304.26,-1828.16 6311.36,-1820.29 6300.91,-1822.01 6304.26,-1828.16"/>
+</g>
+<!-- ../components/icons/svg/EmojiObjectsIcon.js -->
+<g id="node178" class="node">
+<title>../components/icons/svg/EmojiObjectsIcon.js</title>
+<path fill="none" stroke="#cfffac" d="M6582.33,-1783.51C6582.33,-1783.51 6312.92,-1783.51 6312.92,-1783.51 6308.96,-1783.51 6305,-1779.55 6305,-1775.59 6305,-1775.59 6305,-1767.67 6305,-1767.67 6305,-1763.72 6308.96,-1759.76 6312.92,-1759.76 6312.92,-1759.76 6582.33,-1759.76 6582.33,-1759.76 6586.29,-1759.76 6590.25,-1763.72 6590.25,-1767.67 6590.25,-1767.67 6590.25,-1775.59 6590.25,-1775.59 6590.25,-1779.55 6586.29,-1783.51 6582.33,-1783.51"/>
+<text text-anchor="middle" x="6447.62" y="-1766.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/icons/svg/EmojiObjectsIcon.js</text>
+</g>
+<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/EmojiObjectsIcon.js -->
+<g id="edge306" class="edge">
+<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/EmojiObjectsIcon.js</title>
+<path fill="none" stroke="#757575" d="M6098.86,-2683.27C6104.97,-2584.33 6150.84,-1921.59 6290,-1792.63 6291.7,-1791.06 6293.45,-1789.57 6295.26,-1788.15"/>
+<polygon fill="#757575" stroke="#757575" points="6297.18,-1791.08 6303.47,-1782.55 6293.23,-1785.3 6297.18,-1791.08"/>
+</g>
+<!-- ../components/icons/svg/EmojiRecentIcon.js -->
+<g id="node179" class="node">
+<title>../components/icons/svg/EmojiRecentIcon.js</title>
+<path fill="none" stroke="#cfffac" d="M6580.46,-1741.51C6580.46,-1741.51 6314.79,-1741.51 6314.79,-1741.51 6310.83,-1741.51 6306.88,-1737.55 6306.88,-1733.59 6306.88,-1733.59 6306.88,-1725.67 6306.88,-1725.67 6306.88,-1721.72 6310.83,-1717.76 6314.79,-1717.76 6314.79,-1717.76 6580.46,-1717.76 6580.46,-1717.76 6584.42,-1717.76 6588.38,-1721.72 6588.38,-1725.67 6588.38,-1725.67 6588.38,-1733.59 6588.38,-1733.59 6588.38,-1737.55 6584.42,-1741.51 6580.46,-1741.51"/>
+<text text-anchor="middle" x="6447.62" y="-1724.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/icons/svg/EmojiRecentIcon.js</text>
+</g>
+<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/EmojiRecentIcon.js -->
+<g id="edge307" class="edge">
+<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/EmojiRecentIcon.js</title>
+<path fill="none" stroke="#757575" d="M6098.73,-2683.35C6103.95,-2582.14 6144.95,-1886.27 6290,-1750.63 6292.19,-1748.58 6294.48,-1746.67 6296.86,-1744.89"/>
+<polygon fill="#757575" stroke="#757575" points="6298.71,-1747.86 6305.16,-1739.46 6294.88,-1742 6298.71,-1747.86"/>
+</g>
+<!-- ../components/icons/svg/EmojiSmileysIcon.js -->
+<g id="node180" class="node">
+<title>../components/icons/svg/EmojiSmileysIcon.js</title>
+<path fill="none" stroke="#cfffac" d="M6583.08,-1699.51C6583.08,-1699.51 6312.17,-1699.51 6312.17,-1699.51 6308.21,-1699.51 6304.25,-1695.55 6304.25,-1691.59 6304.25,-1691.59 6304.25,-1683.67 6304.25,-1683.67 6304.25,-1679.72 6308.21,-1675.76 6312.17,-1675.76 6312.17,-1675.76 6583.08,-1675.76 6583.08,-1675.76 6587.04,-1675.76 6591,-1679.72 6591,-1683.67 6591,-1683.67 6591,-1691.59 6591,-1691.59 6591,-1695.55 6587.04,-1699.51 6583.08,-1699.51"/>
+<text text-anchor="middle" x="6447.62" y="-1682.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/icons/svg/EmojiSmileysIcon.js</text>
+</g>
+<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/EmojiSmileysIcon.js -->
+<g id="edge308" class="edge">
+<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/EmojiSmileysIcon.js</title>
+<path fill="none" stroke="#757575" d="M6098.61,-2683.47C6102.98,-2580.22 6139.02,-1850.99 6290,-1708.63 6291.48,-1707.24 6293,-1705.91 6294.56,-1704.64"/>
+<polygon fill="#757575" stroke="#757575" points="6296.55,-1707.53 6302.7,-1698.9 6292.51,-1701.81 6296.55,-1707.53"/>
+</g>
+<!-- ../components/icons/svg/EmojiSymbolsIcon.js -->
+<g id="node181" class="node">
+<title>../components/icons/svg/EmojiSymbolsIcon.js</title>
+<path fill="none" stroke="#cfffac" d="M6585.33,-1657.51C6585.33,-1657.51 6309.92,-1657.51 6309.92,-1657.51 6305.96,-1657.51 6302,-1653.55 6302,-1649.59 6302,-1649.59 6302,-1641.67 6302,-1641.67 6302,-1637.72 6305.96,-1633.76 6309.92,-1633.76 6309.92,-1633.76 6585.33,-1633.76 6585.33,-1633.76 6589.29,-1633.76 6593.25,-1637.72 6593.25,-1641.67 6593.25,-1641.67 6593.25,-1649.59 6593.25,-1649.59 6593.25,-1653.55 6589.29,-1657.51 6585.33,-1657.51"/>
+<text text-anchor="middle" x="6447.62" y="-1640.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/icons/svg/EmojiSymbolsIcon.js</text>
+</g>
+<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/EmojiSymbolsIcon.js -->
+<g id="edge309" class="edge">
+<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/EmojiSymbolsIcon.js</title>
+<path fill="none" stroke="#757575" d="M6098.51,-2683.29C6102.11,-2576.96 6133.23,-1815.59 6290,-1666.63 6290.92,-1665.76 6291.86,-1664.91 6292.81,-1664.08"/>
+<polygon fill="#757575" stroke="#757575" points="6294.74,-1667.01 6300.63,-1658.2 6290.53,-1661.42 6294.74,-1667.01"/>
+</g>
+<!-- ../components/icons/svg/EmojiTravelIcon.js -->
+<g id="node182" class="node">
+<title>../components/icons/svg/EmojiTravelIcon.js</title>
+<path fill="none" stroke="#cfffac" d="M6577.83,-1615.51C6577.83,-1615.51 6317.42,-1615.51 6317.42,-1615.51 6313.46,-1615.51 6309.5,-1611.55 6309.5,-1607.59 6309.5,-1607.59 6309.5,-1599.67 6309.5,-1599.67 6309.5,-1595.72 6313.46,-1591.76 6317.42,-1591.76 6317.42,-1591.76 6577.83,-1591.76 6577.83,-1591.76 6581.79,-1591.76 6585.75,-1595.72 6585.75,-1599.67 6585.75,-1599.67 6585.75,-1607.59 6585.75,-1607.59 6585.75,-1611.55 6581.79,-1615.51 6577.83,-1615.51"/>
+<text text-anchor="middle" x="6447.62" y="-1598.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/icons/svg/EmojiTravelIcon.js</text>
+</g>
+<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/EmojiTravelIcon.js -->
+<g id="edge310" class="edge">
+<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/EmojiTravelIcon.js</title>
+<path fill="none" stroke="#757575" d="M6098.41,-2683.49C6101.21,-2575.5 6127.25,-1780.37 6290,-1624.63 6292.96,-1621.8 6296.12,-1619.22 6299.42,-1616.88"/>
+<polygon fill="#757575" stroke="#757575" points="6301.16,-1619.92 6307.84,-1611.7 6297.49,-1613.96 6301.16,-1619.92"/>
+</g>
+<!-- ../components/icons/svg/FaceIdIcon.js -->
+<g id="node183" class="node">
+<title>../components/icons/svg/FaceIdIcon.js</title>
+<path fill="none" stroke="#c6c5fe" d="M6562.46,-3841.51C6562.46,-3841.51 6332.79,-3841.51 6332.79,-3841.51 6328.83,-3841.51 6324.88,-3837.55 6324.88,-3833.59 6324.88,-3833.59 6324.88,-3825.67 6324.88,-3825.67 6324.88,-3821.72 6328.83,-3817.76 6332.79,-3817.76 6332.79,-3817.76 6562.46,-3817.76 6562.46,-3817.76 6566.42,-3817.76 6570.38,-3821.72 6570.38,-3825.67 6570.38,-3825.67 6570.38,-3833.59 6570.38,-3833.59 6570.38,-3837.55 6566.42,-3841.51 6562.46,-3841.51"/>
+<text text-anchor="middle" x="6447.62" y="-3824.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/FaceIdIcon.js</text>
+</g>
+<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/FaceIdIcon.js -->
+<g id="edge311" class="edge">
+<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/FaceIdIcon.js</title>
+<path fill="none" stroke="#757575" d="M6187.19,-2690.54C6212.29,-2693.85 6237.28,-2702.54 6254,-2721.63 6333.62,-2812.54 6208.94,-3719.01 6290,-3808.63 6296.89,-3816.25 6305.11,-3822.08 6314.12,-3826.5"/>
+<polygon fill="#757575" stroke="#757575" points="6312.64,-3829.67 6323.21,-3830.31 6315.35,-3823.22 6312.64,-3829.67"/>
+</g>
+<!-- ../components/icons/svg/FacebookIcon.js -->
+<g id="node184" class="node">
+<title>../components/icons/svg/FacebookIcon.js</title>
+<path fill="none" stroke="#c6c5fe" d="M6571.46,-3799.51C6571.46,-3799.51 6323.79,-3799.51 6323.79,-3799.51 6319.83,-3799.51 6315.88,-3795.55 6315.88,-3791.59 6315.88,-3791.59 6315.88,-3783.67 6315.88,-3783.67 6315.88,-3779.72 6319.83,-3775.76 6323.79,-3775.76 6323.79,-3775.76 6571.46,-3775.76 6571.46,-3775.76 6575.42,-3775.76 6579.38,-3779.72 6579.38,-3783.67 6579.38,-3783.67 6579.38,-3791.59 6579.38,-3791.59 6579.38,-3795.55 6575.42,-3799.51 6571.46,-3799.51"/>
+<text text-anchor="middle" x="6447.62" y="-3782.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/FacebookIcon.js</text>
+</g>
+<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/FacebookIcon.js -->
+<g id="edge312" class="edge">
+<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/FacebookIcon.js</title>
+<path fill="none" stroke="#757575" d="M6187.18,-2690.55C6212.28,-2693.87 6237.27,-2702.55 6254,-2721.63 6330.61,-2808.98 6212.01,-3680.52 6290,-3766.63 6294.66,-3771.78 6299.93,-3776.11 6305.64,-3779.74"/>
+<polygon fill="#757575" stroke="#757575" points="6303.86,-3782.76 6314.32,-3784.49 6307.22,-3776.62 6303.86,-3782.76"/>
+</g>
+<!-- ../components/icons/svg/FatArrowIcon.js -->
+<g id="node185" class="node">
+<title>../components/icons/svg/FatArrowIcon.js</title>
+<path fill="none" stroke="#c6c5fe" d="M6569.21,-3757.51C6569.21,-3757.51 6326.04,-3757.51 6326.04,-3757.51 6322.08,-3757.51 6318.12,-3753.55 6318.12,-3749.59 6318.12,-3749.59 6318.12,-3741.67 6318.12,-3741.67 6318.12,-3737.72 6322.08,-3733.76 6326.04,-3733.76 6326.04,-3733.76 6569.21,-3733.76 6569.21,-3733.76 6573.17,-3733.76 6577.12,-3737.72 6577.12,-3741.67 6577.12,-3741.67 6577.12,-3749.59 6577.12,-3749.59 6577.12,-3753.55 6573.17,-3757.51 6569.21,-3757.51"/>
+<text text-anchor="middle" x="6447.62" y="-3740.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/FatArrowIcon.js</text>
+</g>
+<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/FatArrowIcon.js -->
+<g id="edge313" class="edge">
+<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/FatArrowIcon.js</title>
+<path fill="none" stroke="#757575" d="M6187.16,-2690.57C6212.26,-2693.88 6237.25,-2702.56 6254,-2721.63 6327.59,-2805.42 6215.08,-3642.03 6290,-3724.63 6295.26,-3730.43 6301.3,-3735.2 6307.88,-3739.1"/>
+<polygon fill="#757575" stroke="#757575" points="6306.02,-3742.08 6316.51,-3743.51 6309.2,-3735.84 6306.02,-3742.08"/>
+</g>
+<!-- ../components/icons/svg/GearIcon.js -->
+<g id="node186" class="node">
+<title>../components/icons/svg/GearIcon.js</title>
+<path fill="none" stroke="#c6c5fe" d="M6557.21,-3715.51C6557.21,-3715.51 6338.04,-3715.51 6338.04,-3715.51 6334.08,-3715.51 6330.12,-3711.55 6330.12,-3707.59 6330.12,-3707.59 6330.12,-3699.67 6330.12,-3699.67 6330.12,-3695.72 6334.08,-3691.76 6338.04,-3691.76 6338.04,-3691.76 6557.21,-3691.76 6557.21,-3691.76 6561.17,-3691.76 6565.12,-3695.72 6565.12,-3699.67 6565.12,-3699.67 6565.12,-3707.59 6565.12,-3707.59 6565.12,-3711.55 6561.17,-3715.51 6557.21,-3715.51"/>
+<text text-anchor="middle" x="6447.62" y="-3698.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/GearIcon.js</text>
+</g>
+<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/GearIcon.js -->
+<g id="edge314" class="edge">
+<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/GearIcon.js</title>
+<path fill="none" stroke="#757575" d="M6187.14,-2690.58C6212.24,-2693.9 6237.24,-2702.58 6254,-2721.63 6324.58,-2801.86 6218.15,-3603.54 6290,-3682.63 6298.11,-3691.56 6308.05,-3698.04 6318.96,-3702.65"/>
+<polygon fill="#757575" stroke="#757575" points="6317.66,-3705.9 6328.25,-3706 6320.03,-3699.32 6317.66,-3705.9"/>
+</g>
+<!-- ../components/icons/svg/GitHubIcon.js -->
+<g id="node187" class="node">
+<title>../components/icons/svg/GitHubIcon.js</title>
+<path fill="none" stroke="#c6c5fe" d="M6563.21,-3673.51C6563.21,-3673.51 6332.04,-3673.51 6332.04,-3673.51 6328.08,-3673.51 6324.12,-3669.55 6324.12,-3665.59 6324.12,-3665.59 6324.12,-3657.67 6324.12,-3657.67 6324.12,-3653.72 6328.08,-3649.76 6332.04,-3649.76 6332.04,-3649.76 6563.21,-3649.76 6563.21,-3649.76 6567.17,-3649.76 6571.12,-3653.72 6571.12,-3657.67 6571.12,-3657.67 6571.12,-3665.59 6571.12,-3665.59 6571.12,-3669.55 6567.17,-3673.51 6563.21,-3673.51"/>
+<text text-anchor="middle" x="6447.62" y="-3656.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/GitHubIcon.js</text>
+</g>
+<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/GitHubIcon.js -->
+<g id="edge315" class="edge">
+<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/GitHubIcon.js</title>
+<path fill="none" stroke="#757575" d="M6187.12,-2690.6C6212.22,-2693.92 6237.22,-2702.59 6254,-2721.63 6321.56,-2798.3 6221.22,-3565.05 6290,-3640.63 6296.7,-3648 6304.65,-3653.7 6313.36,-3658.05"/>
+<polygon fill="#757575" stroke="#757575" points="6311.95,-3661.25 6322.52,-3661.97 6314.7,-3654.82 6311.95,-3661.25"/>
+</g>
+<!-- ../components/icons/svg/HandleIcon.js -->
+<g id="node188" class="node">
+<title>../components/icons/svg/HandleIcon.js</title>
+<path fill="none" stroke="#c6c5fe" d="M6563.21,-3631.51C6563.21,-3631.51 6332.04,-3631.51 6332.04,-3631.51 6328.08,-3631.51 6324.12,-3627.55 6324.12,-3623.59 6324.12,-3623.59 6324.12,-3615.67 6324.12,-3615.67 6324.12,-3611.72 6328.08,-3607.76 6332.04,-3607.76 6332.04,-3607.76 6563.21,-3607.76 6563.21,-3607.76 6567.17,-3607.76 6571.12,-3611.72 6571.12,-3615.67 6571.12,-3615.67 6571.12,-3623.59 6571.12,-3623.59 6571.12,-3627.55 6567.17,-3631.51 6563.21,-3631.51"/>
+<text text-anchor="middle" x="6447.62" y="-3614.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/HandleIcon.js</text>
+</g>
+<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/HandleIcon.js -->
+<g id="edge316" class="edge">
+<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/HandleIcon.js</title>
+<path fill="none" stroke="#757575" d="M6187.1,-2690.62C6212.19,-2693.94 6237.2,-2702.61 6254,-2721.63 6318.55,-2794.74 6224.29,-3526.56 6290,-3598.63 6296.71,-3605.99 6304.66,-3611.68 6313.38,-3616.04"/>
+<polygon fill="#757575" stroke="#757575" points="6311.96,-3619.24 6322.53,-3619.96 6314.72,-3612.8 6311.96,-3619.24"/>
+</g>
+<!-- ../components/icons/svg/HiddenIcon.js -->
+<g id="node189" class="node">
+<title>../components/icons/svg/HiddenIcon.js</title>
+<path fill="none" stroke="#c6c5fe" d="M6563.21,-3589.51C6563.21,-3589.51 6332.04,-3589.51 6332.04,-3589.51 6328.08,-3589.51 6324.12,-3585.55 6324.12,-3581.59 6324.12,-3581.59 6324.12,-3573.67 6324.12,-3573.67 6324.12,-3569.72 6328.08,-3565.76 6332.04,-3565.76 6332.04,-3565.76 6563.21,-3565.76 6563.21,-3565.76 6567.17,-3565.76 6571.12,-3569.72 6571.12,-3573.67 6571.12,-3573.67 6571.12,-3581.59 6571.12,-3581.59 6571.12,-3585.55 6567.17,-3589.51 6563.21,-3589.51"/>
+<text text-anchor="middle" x="6447.62" y="-3572.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/HiddenIcon.js</text>
+</g>
+<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/HiddenIcon.js -->
+<g id="edge317" class="edge">
+<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/HiddenIcon.js</title>
+<path fill="none" stroke="#757575" d="M6187.08,-2690.64C6212.17,-2693.96 6237.18,-2702.62 6254,-2721.63 6315.53,-2791.18 6227.36,-3488.07 6290,-3556.63 6296.72,-3563.98 6304.68,-3569.67 6313.39,-3574.02"/>
+<polygon fill="#757575" stroke="#757575" points="6311.98,-3577.23 6322.55,-3577.94 6314.74,-3570.79 6311.98,-3577.23"/>
+</g>
+<!-- ../components/icons/svg/InboxIcon.js -->
+<g id="node190" class="node">
+<title>../components/icons/svg/InboxIcon.js</title>
+<path fill="none" stroke="#c6c5fe" d="M6558.33,-3547.51C6558.33,-3547.51 6336.92,-3547.51 6336.92,-3547.51 6332.96,-3547.51 6329,-3543.55 6329,-3539.59 6329,-3539.59 6329,-3531.67 6329,-3531.67 6329,-3527.72 6332.96,-3523.76 6336.92,-3523.76 6336.92,-3523.76 6558.33,-3523.76 6558.33,-3523.76 6562.29,-3523.76 6566.25,-3527.72 6566.25,-3531.67 6566.25,-3531.67 6566.25,-3539.59 6566.25,-3539.59 6566.25,-3543.55 6562.29,-3547.51 6558.33,-3547.51"/>
+<text text-anchor="middle" x="6447.62" y="-3530.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/InboxIcon.js</text>
+</g>
+<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/InboxIcon.js -->
+<g id="edge318" class="edge">
+<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/InboxIcon.js</title>
+<path fill="none" stroke="#757575" d="M6187.05,-2690.67C6212.14,-2693.98 6237.16,-2702.64 6254,-2721.63 6312.52,-2787.63 6230.43,-3449.58 6290,-3514.63 6297.85,-3523.21 6307.39,-3529.52 6317.86,-3534.08"/>
+<polygon fill="#757575" stroke="#757575" points="6316.58,-3537.34 6327.17,-3537.55 6319.02,-3530.78 6316.58,-3537.34"/>
+</g>
+<!-- ../components/icons/svg/InfoIcon.js -->
+<g id="node191" class="node">
+<title>../components/icons/svg/InfoIcon.js</title>
+<path fill="none" stroke="#cfffac" d="M6553.08,-1363.51C6553.08,-1363.51 6342.17,-1363.51 6342.17,-1363.51 6338.21,-1363.51 6334.25,-1359.55 6334.25,-1355.59 6334.25,-1355.59 6334.25,-1347.67 6334.25,-1347.67 6334.25,-1343.72 6338.21,-1339.76 6342.17,-1339.76 6342.17,-1339.76 6553.08,-1339.76 6553.08,-1339.76 6557.04,-1339.76 6561,-1343.72 6561,-1347.67 6561,-1347.67 6561,-1355.59 6561,-1355.59 6561,-1359.55 6557.04,-1363.51 6553.08,-1363.51"/>
+<text text-anchor="middle" x="6447.62" y="-1346.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/icons/svg/InfoIcon.js</text>
+</g>
+<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/InfoIcon.js -->
+<g id="edge319" class="edge">
+<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/InfoIcon.js</title>
+<path fill="none" stroke="#757575" d="M6097.96,-2683.45C6096.62,-2561.98 6091.8,-1568.71 6290,-1372.63 6299.35,-1363.38 6310.7,-1356.86 6322.96,-1352.36"/>
+<polygon fill="#757575" stroke="#757575" points="6324,-1355.71 6332.5,-1349.38 6321.91,-1349.03 6324,-1355.71"/>
+</g>
+<!-- ../components/icons/svg/InstagramIcon.js -->
+<g id="node192" class="node">
+<title>../components/icons/svg/InstagramIcon.js</title>
+<path fill="none" stroke="#c6c5fe" d="M6572.21,-3505.51C6572.21,-3505.51 6323.04,-3505.51 6323.04,-3505.51 6319.08,-3505.51 6315.12,-3501.55 6315.12,-3497.59 6315.12,-3497.59 6315.12,-3489.67 6315.12,-3489.67 6315.12,-3485.72 6319.08,-3481.76 6323.04,-3481.76 6323.04,-3481.76 6572.21,-3481.76 6572.21,-3481.76 6576.17,-3481.76 6580.12,-3485.72 6580.12,-3489.67 6580.12,-3489.67 6580.12,-3497.59 6580.12,-3497.59 6580.12,-3501.55 6576.17,-3505.51 6572.21,-3505.51"/>
+<text text-anchor="middle" x="6447.62" y="-3488.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/InstagramIcon.js</text>
+</g>
+<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/InstagramIcon.js -->
+<g id="edge320" class="edge">
+<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/InstagramIcon.js</title>
+<path fill="none" stroke="#757575" d="M6187.02,-2690.69C6212.11,-2694.01 6237.14,-2702.67 6254,-2721.63 6309.51,-2784.07 6233.5,-3411.09 6290,-3472.63 6294.41,-3477.43 6299.34,-3481.52 6304.67,-3484.99"/>
+<polygon fill="#757575" stroke="#757575" points="6302.91,-3488.02 6313.35,-3489.85 6306.33,-3481.91 6302.91,-3488.02"/>
+</g>
+<!-- ../components/icons/svg/LTCIcon.js -->
+<g id="node193" class="node">
+<title>../components/icons/svg/LTCIcon.js</title>
+<path fill="none" stroke="#c6c5fe" d="M6554.21,-3463.51C6554.21,-3463.51 6341.04,-3463.51 6341.04,-3463.51 6337.08,-3463.51 6333.12,-3459.55 6333.12,-3455.59 6333.12,-3455.59 6333.12,-3447.67 6333.12,-3447.67 6333.12,-3443.72 6337.08,-3439.76 6341.04,-3439.76 6341.04,-3439.76 6554.21,-3439.76 6554.21,-3439.76 6558.17,-3439.76 6562.12,-3443.72 6562.12,-3447.67 6562.12,-3447.67 6562.12,-3455.59 6562.12,-3455.59 6562.12,-3459.55 6558.17,-3463.51 6554.21,-3463.51"/>
+<text text-anchor="middle" x="6447.62" y="-3446.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/LTCIcon.js</text>
+</g>
+<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/LTCIcon.js -->
+<g id="edge321" class="edge">
+<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/LTCIcon.js</title>
+<path fill="none" stroke="#757575" d="M6186.99,-2690.72C6212.08,-2694.04 6237.11,-2702.69 6254,-2721.63 6358.98,-2839.39 6183.15,-3314.57 6290,-3430.63 6298.91,-3440.31 6309.98,-3447.1 6322.08,-3451.74"/>
+<polygon fill="#757575" stroke="#757575" points="6320.93,-3455.05 6331.52,-3454.82 6323.1,-3448.39 6320.93,-3455.05"/>
+</g>
+<!-- ../components/icons/svg/LockIcon.js -->
+<g id="node194" class="node">
+<title>../components/icons/svg/LockIcon.js</title>
+<path fill="none" stroke="#c6c5fe" d="M6556.08,-3421.51C6556.08,-3421.51 6339.17,-3421.51 6339.17,-3421.51 6335.21,-3421.51 6331.25,-3417.55 6331.25,-3413.59 6331.25,-3413.59 6331.25,-3405.67 6331.25,-3405.67 6331.25,-3401.72 6335.21,-3397.76 6339.17,-3397.76 6339.17,-3397.76 6556.08,-3397.76 6556.08,-3397.76 6560.04,-3397.76 6564,-3401.72 6564,-3405.67 6564,-3405.67 6564,-3413.59 6564,-3413.59 6564,-3417.55 6560.04,-3421.51 6556.08,-3421.51"/>
+<text text-anchor="middle" x="6447.62" y="-3404.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/LockIcon.js</text>
+</g>
+<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/LockIcon.js -->
+<g id="edge322" class="edge">
+<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/LockIcon.js</title>
+<path fill="none" stroke="#757575" d="M6187.36,-2690.81C6212.31,-2694.17 6237.17,-2702.82 6254,-2721.63 6352.96,-2832.27 6189.29,-3279.59 6290,-3388.63 6298.48,-3397.81 6308.9,-3404.39 6320.31,-3409"/>
+<polygon fill="#757575" stroke="#757575" points="6319,-3412.26 6329.6,-3412.21 6321.28,-3405.64 6319,-3412.26"/>
+</g>
+<!-- ../components/icons/svg/MinusCircledIcon.js -->
+<g id="node195" class="node">
+<title>../components/icons/svg/MinusCircledIcon.js</title>
+<path fill="none" stroke="#c6c5fe" d="M6581.21,-3379.51C6581.21,-3379.51 6314.04,-3379.51 6314.04,-3379.51 6310.08,-3379.51 6306.12,-3375.55 6306.12,-3371.59 6306.12,-3371.59 6306.12,-3363.67 6306.12,-3363.67 6306.12,-3359.72 6310.08,-3355.76 6314.04,-3355.76 6314.04,-3355.76 6581.21,-3355.76 6581.21,-3355.76 6585.17,-3355.76 6589.12,-3359.72 6589.12,-3363.67 6589.12,-3363.67 6589.12,-3371.59 6589.12,-3371.59 6589.12,-3375.55 6585.17,-3379.51 6581.21,-3379.51"/>
+<text text-anchor="middle" x="6447.62" y="-3362.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/MinusCircledIcon.js</text>
+</g>
+<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/MinusCircledIcon.js -->
+<g id="edge323" class="edge">
+<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/MinusCircledIcon.js</title>
+<path fill="none" stroke="#757575" d="M6187.32,-2690.85C6212.27,-2694.21 6237.14,-2702.85 6254,-2721.63 6346.93,-2825.16 6195.42,-3244.61 6290,-3346.63 6292.23,-3349.04 6294.59,-3351.26 6297.07,-3353.32"/>
+<polygon fill="#757575" stroke="#757575" points="6294.53,-3355.81 6304.69,-3358.81 6298.62,-3350.13 6294.53,-3355.81"/>
+</g>
+<!-- ../components/icons/svg/OfflineIcon.js -->
+<g id="node196" class="node">
+<title>../components/icons/svg/OfflineIcon.js</title>
+<path fill="none" stroke="#c6c5fe" d="M6561.71,-3337.51C6561.71,-3337.51 6333.54,-3337.51 6333.54,-3337.51 6329.58,-3337.51 6325.62,-3333.55 6325.62,-3329.59 6325.62,-3329.59 6325.62,-3321.67 6325.62,-3321.67 6325.62,-3317.72 6329.58,-3313.76 6333.54,-3313.76 6333.54,-3313.76 6561.71,-3313.76 6561.71,-3313.76 6565.67,-3313.76 6569.62,-3317.72 6569.62,-3321.67 6569.62,-3321.67 6569.62,-3329.59 6569.62,-3329.59 6569.62,-3333.55 6565.67,-3337.51 6561.71,-3337.51"/>
+<text text-anchor="middle" x="6447.62" y="-3320.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/OfflineIcon.js</text>
+</g>
+<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/OfflineIcon.js -->
+<g id="edge324" class="edge">
+<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/OfflineIcon.js</title>
+<path fill="none" stroke="#757575" d="M6187.27,-2690.89C6212.22,-2694.25 6237.1,-2702.88 6254,-2721.63 6340.91,-2818.05 6201.56,-3209.62 6290,-3304.63 6297.14,-3312.3 6305.63,-3318.15 6314.92,-3322.55"/>
+<polygon fill="#757575" stroke="#757575" points="6313.3,-3325.67 6323.88,-3326.2 6315.94,-3319.18 6313.3,-3325.67"/>
+</g>
+<!-- ../components/icons/svg/PasscodeIcon.js -->
+<g id="node197" class="node">
+<title>../components/icons/svg/PasscodeIcon.js</title>
+<path fill="none" stroke="#c6c5fe" d="M6571.46,-3295.51C6571.46,-3295.51 6323.79,-3295.51 6323.79,-3295.51 6319.83,-3295.51 6315.88,-3291.55 6315.88,-3287.59 6315.88,-3287.59 6315.88,-3279.67 6315.88,-3279.67 6315.88,-3275.72 6319.83,-3271.76 6323.79,-3271.76 6323.79,-3271.76 6571.46,-3271.76 6571.46,-3271.76 6575.42,-3271.76 6579.38,-3275.72 6579.38,-3279.67 6579.38,-3279.67 6579.38,-3287.59 6579.38,-3287.59 6579.38,-3291.55 6575.42,-3295.51 6571.46,-3295.51"/>
+<text text-anchor="middle" x="6447.62" y="-3278.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/PasscodeIcon.js</text>
+</g>
+<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/PasscodeIcon.js -->
+<g id="edge325" class="edge">
+<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/PasscodeIcon.js</title>
+<path fill="none" stroke="#757575" d="M6187.21,-2690.94C6212.16,-2694.3 6237.06,-2702.92 6254,-2721.63 6334.89,-2810.93 6207.7,-3174.63 6290,-3262.63 6294.68,-3267.64 6299.94,-3271.87 6305.62,-3275.42"/>
+<polygon fill="#757575" stroke="#757575" points="6303.76,-3278.39 6314.22,-3280.07 6307.09,-3272.24 6303.76,-3278.39"/>
+</g>
+<!-- ../components/icons/svg/PinIcon.js -->
+<g id="node198" class="node">
+<title>../components/icons/svg/PinIcon.js</title>
+<path fill="none" stroke="#c6c5fe" d="M6551.58,-3253.51C6551.58,-3253.51 6343.67,-3253.51 6343.67,-3253.51 6339.71,-3253.51 6335.75,-3249.55 6335.75,-3245.59 6335.75,-3245.59 6335.75,-3237.67 6335.75,-3237.67 6335.75,-3233.72 6339.71,-3229.76 6343.67,-3229.76 6343.67,-3229.76 6551.58,-3229.76 6551.58,-3229.76 6555.54,-3229.76 6559.5,-3233.72 6559.5,-3237.67 6559.5,-3237.67 6559.5,-3245.59 6559.5,-3245.59 6559.5,-3249.55 6555.54,-3253.51 6551.58,-3253.51"/>
+<text text-anchor="middle" x="6447.62" y="-3236.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/PinIcon.js</text>
+</g>
+<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/PinIcon.js -->
+<g id="edge326" class="edge">
+<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/PinIcon.js</title>
+<path fill="none" stroke="#757575" d="M6187.15,-2691C6212.09,-2694.37 6237,-2702.97 6254,-2721.63 6328.86,-2803.82 6213.83,-3139.65 6290,-3220.63 6299.64,-3230.88 6311.7,-3237.87 6324.83,-3242.49"/>
+<polygon fill="#757575" stroke="#757575" points="6323.53,-3245.75 6334.12,-3245.26 6325.54,-3239.04 6323.53,-3245.75"/>
+</g>
+<!-- ../components/icons/svg/PlusCircledIcon.js -->
+<g id="node199" class="node">
+<title>../components/icons/svg/PlusCircledIcon.js</title>
+<path fill="none" stroke="#c6c5fe" d="M6575.96,-3211.51C6575.96,-3211.51 6319.29,-3211.51 6319.29,-3211.51 6315.33,-3211.51 6311.38,-3207.55 6311.38,-3203.59 6311.38,-3203.59 6311.38,-3195.67 6311.38,-3195.67 6311.38,-3191.72 6315.33,-3187.76 6319.29,-3187.76 6319.29,-3187.76 6575.96,-3187.76 6575.96,-3187.76 6579.92,-3187.76 6583.88,-3191.72 6583.88,-3195.67 6583.88,-3195.67 6583.88,-3203.59 6583.88,-3203.59 6583.88,-3207.55 6579.92,-3211.51 6575.96,-3211.51"/>
+<text text-anchor="middle" x="6447.62" y="-3194.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/PlusCircledIcon.js</text>
+</g>
+<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/PlusCircledIcon.js -->
+<g id="edge327" class="edge">
+<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/PlusCircledIcon.js</title>
+<path fill="none" stroke="#757575" d="M6187.07,-2691.07C6212.01,-2694.44 6236.94,-2703.03 6254,-2721.63 6322.85,-2796.72 6219.96,-3104.66 6290,-3178.63 6293.45,-3182.27 6297.2,-3185.5 6301.2,-3188.36"/>
+<polygon fill="#757575" stroke="#757575" points="6299.31,-3191.31 6309.66,-3193.57 6302.98,-3185.35 6299.31,-3191.31"/>
+</g>
+<!-- ../components/icons/svg/PlusIcon.js -->
+<g id="node200" class="node">
+<title>../components/icons/svg/PlusIcon.js</title>
+<path fill="none" stroke="#c6c5fe" d="M6554.96,-3169.51C6554.96,-3169.51 6340.29,-3169.51 6340.29,-3169.51 6336.33,-3169.51 6332.38,-3165.55 6332.38,-3161.59 6332.38,-3161.59 6332.38,-3153.67 6332.38,-3153.67 6332.38,-3149.72 6336.33,-3145.76 6340.29,-3145.76 6340.29,-3145.76 6554.96,-3145.76 6554.96,-3145.76 6558.92,-3145.76 6562.88,-3149.72 6562.88,-3153.67 6562.88,-3153.67 6562.88,-3161.59 6562.88,-3161.59 6562.88,-3165.55 6558.92,-3169.51 6554.96,-3169.51"/>
+<text text-anchor="middle" x="6447.62" y="-3152.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/PlusIcon.js</text>
+</g>
+<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/PlusIcon.js -->
+<g id="edge328" class="edge">
+<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/PlusIcon.js</title>
+<path fill="none" stroke="#757575" d="M6186.98,-2691.15C6211.92,-2694.52 6236.87,-2703.1 6254,-2721.63 6316.83,-2789.61 6226.09,-3069.66 6290,-3136.63 6298.86,-3145.92 6309.72,-3152.51 6321.54,-3157.09"/>
+<polygon fill="#757575" stroke="#757575" points="6320.13,-3160.31 6330.72,-3160.13 6322.33,-3153.66 6320.13,-3160.31"/>
+</g>
+<!-- ../components/icons/svg/QRCodeIcon.js -->
+<g id="node201" class="node">
+<title>../components/icons/svg/QRCodeIcon.js</title>
+<path fill="none" stroke="#c6c5fe" d="M6568.46,-3127.51C6568.46,-3127.51 6326.79,-3127.51 6326.79,-3127.51 6322.83,-3127.51 6318.88,-3123.55 6318.88,-3119.59 6318.88,-3119.59 6318.88,-3111.67 6318.88,-3111.67 6318.88,-3107.72 6322.83,-3103.76 6326.79,-3103.76 6326.79,-3103.76 6568.46,-3103.76 6568.46,-3103.76 6572.42,-3103.76 6576.38,-3107.72 6576.38,-3111.67 6576.38,-3111.67 6576.38,-3119.59 6576.38,-3119.59 6576.38,-3123.55 6572.42,-3127.51 6568.46,-3127.51"/>
+<text text-anchor="middle" x="6447.62" y="-3110.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/QRCodeIcon.js</text>
+</g>
+<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/QRCodeIcon.js -->
+<g id="edge329" class="edge">
+<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/QRCodeIcon.js</title>
+<path fill="none" stroke="#757575" d="M6187.28,-2691.31C6212.08,-2694.72 6236.87,-2703.28 6254,-2721.63 6310.82,-2782.51 6232.22,-3034.67 6290,-3094.63 6295.44,-3100.27 6301.61,-3104.92 6308.28,-3108.72"/>
+<polygon fill="#757575" stroke="#757575" points="6306.52,-3111.75 6317.04,-3113.03 6309.61,-3105.47 6306.52,-3111.75"/>
+</g>
+<!-- ../components/icons/svg/RedditIcon.js -->
+<g id="node202" class="node">
+<title>../components/icons/svg/RedditIcon.js</title>
+<path fill="none" stroke="#c6c5fe" d="M6561.33,-3085.51C6561.33,-3085.51 6333.92,-3085.51 6333.92,-3085.51 6329.96,-3085.51 6326,-3081.55 6326,-3077.59 6326,-3077.59 6326,-3069.67 6326,-3069.67 6326,-3065.72 6329.96,-3061.76 6333.92,-3061.76 6333.92,-3061.76 6561.33,-3061.76 6561.33,-3061.76 6565.29,-3061.76 6569.25,-3065.72 6569.25,-3069.67 6569.25,-3069.67 6569.25,-3077.59 6569.25,-3077.59 6569.25,-3081.55 6565.29,-3085.51 6561.33,-3085.51"/>
+<text text-anchor="middle" x="6447.62" y="-3068.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/RedditIcon.js</text>
+</g>
+<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/RedditIcon.js -->
+<g id="edge330" class="edge">
+<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/RedditIcon.js</title>
+<path fill="none" stroke="#757575" d="M6187.14,-2691.44C6211.93,-2694.86 6236.76,-2703.38 6254,-2721.63 6355.62,-2829.2 6186.68,-2946.7 6290,-3052.63 6297.32,-3060.13 6305.93,-3065.86 6315.3,-3070.18"/>
+<polygon fill="#757575" stroke="#757575" points="6313.75,-3073.33 6324.33,-3073.78 6316.33,-3066.83 6313.75,-3073.33"/>
+</g>
+<!-- ../components/icons/svg/ScanHeaderIcon.js -->
+<g id="node203" class="node">
+<title>../components/icons/svg/ScanHeaderIcon.js</title>
+<path fill="none" stroke="#c6c5fe" d="M6579.33,-3043.51C6579.33,-3043.51 6315.92,-3043.51 6315.92,-3043.51 6311.96,-3043.51 6308,-3039.55 6308,-3035.59 6308,-3035.59 6308,-3027.67 6308,-3027.67 6308,-3023.72 6311.96,-3019.76 6315.92,-3019.76 6315.92,-3019.76 6579.33,-3019.76 6579.33,-3019.76 6583.29,-3019.76 6587.25,-3023.72 6587.25,-3027.67 6587.25,-3027.67 6587.25,-3035.59 6587.25,-3035.59 6587.25,-3039.55 6583.29,-3043.51 6579.33,-3043.51"/>
+<text text-anchor="middle" x="6447.62" y="-3026.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/ScanHeaderIcon.js</text>
+</g>
+<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/ScanHeaderIcon.js -->
+<g id="edge331" class="edge">
+<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/ScanHeaderIcon.js</title>
+<path fill="none" stroke="#757575" d="M6187.37,-2691.66C6212.02,-2695.12 6236.71,-2703.62 6254,-2721.63 6343.61,-2815.03 6198.9,-2918.68 6290,-3010.63 6292.57,-3013.23 6295.3,-3015.61 6298.16,-3017.8"/>
+<polygon fill="#757575" stroke="#757575" points="6296.19,-3020.69 6306.46,-3023.28 6300.05,-3014.85 6296.19,-3020.69"/>
+</g>
+<!-- ../components/icons/svg/ScannerIcon.js -->
+<g id="node204" class="node">
+<title>../components/icons/svg/ScannerIcon.js</title>
+<path fill="none" stroke="#c6c5fe" d="M6566.96,-3001.51C6566.96,-3001.51 6328.29,-3001.51 6328.29,-3001.51 6324.33,-3001.51 6320.38,-2997.55 6320.38,-2993.59 6320.38,-2993.59 6320.38,-2985.67 6320.38,-2985.67 6320.38,-2981.72 6324.33,-2977.76 6328.29,-2977.76 6328.29,-2977.76 6566.96,-2977.76 6566.96,-2977.76 6570.92,-2977.76 6574.88,-2981.72 6574.88,-2985.67 6574.88,-2985.67 6574.88,-2993.59 6574.88,-2993.59 6574.88,-2997.55 6570.92,-3001.51 6566.96,-3001.51"/>
+<text text-anchor="middle" x="6447.62" y="-2984.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/ScannerIcon.js</text>
+</g>
+<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/ScannerIcon.js -->
+<g id="edge332" class="edge">
+<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/ScannerIcon.js</title>
+<path fill="none" stroke="#757575" d="M6187.14,-2691.89C6211.78,-2695.36 6236.53,-2703.8 6254,-2721.63 6331.63,-2800.88 6211.11,-2890.64 6290,-2968.63 6295.9,-2974.47 6302.6,-2979.22 6309.81,-2983.05"/>
+<polygon fill="#757575" stroke="#757575" points="6308.03,-2986.09 6318.58,-2987.11 6310.97,-2979.73 6308.03,-2986.09"/>
+</g>
+<!-- ../components/icons/svg/SearchIcon.js -->
+<g id="node205" class="node">
+<title>../components/icons/svg/SearchIcon.js</title>
+<path fill="none" stroke="#c6c5fe" d="M6563.21,-2959.51C6563.21,-2959.51 6332.04,-2959.51 6332.04,-2959.51 6328.08,-2959.51 6324.12,-2955.55 6324.12,-2951.59 6324.12,-2951.59 6324.12,-2943.67 6324.12,-2943.67 6324.12,-2939.72 6328.08,-2935.76 6332.04,-2935.76 6332.04,-2935.76 6563.21,-2935.76 6563.21,-2935.76 6567.17,-2935.76 6571.12,-2939.72 6571.12,-2943.67 6571.12,-2943.67 6571.12,-2951.59 6571.12,-2951.59 6571.12,-2955.55 6567.17,-2959.51 6563.21,-2959.51"/>
+<text text-anchor="middle" x="6447.62" y="-2942.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/SearchIcon.js</text>
+</g>
+<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/SearchIcon.js -->
+<g id="edge333" class="edge">
+<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/SearchIcon.js</title>
+<path fill="none" stroke="#757575" d="M6187.23,-2692.26C6211.72,-2695.78 6236.37,-2704.15 6254,-2721.63 6319.69,-2786.76 6223.28,-2862.56 6290,-2926.63 6296.82,-2933.18 6304.65,-2938.35 6313.09,-2942.39"/>
+<polygon fill="#757575" stroke="#757575" points="6311.68,-2945.59 6322.25,-2946.19 6314.36,-2939.13 6311.68,-2945.59"/>
+</g>
+<!-- ../components/icons/svg/SendIcon.js -->
+<g id="node206" class="node">
+<title>../components/icons/svg/SendIcon.js</title>
+<path fill="none" stroke="#c6c5fe" d="M6557.58,-2917.51C6557.58,-2917.51 6337.67,-2917.51 6337.67,-2917.51 6333.71,-2917.51 6329.75,-2913.55 6329.75,-2909.59 6329.75,-2909.59 6329.75,-2901.67 6329.75,-2901.67 6329.75,-2897.72 6333.71,-2893.76 6337.67,-2893.76 6337.67,-2893.76 6557.58,-2893.76 6557.58,-2893.76 6561.54,-2893.76 6565.5,-2897.72 6565.5,-2901.67 6565.5,-2901.67 6565.5,-2909.59 6565.5,-2909.59 6565.5,-2913.55 6561.54,-2917.51 6557.58,-2917.51"/>
+<text text-anchor="middle" x="6447.62" y="-2900.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/SendIcon.js</text>
+</g>
+<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/SendIcon.js -->
+<g id="edge334" class="edge">
+<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/SendIcon.js</title>
+<path fill="none" stroke="#757575" d="M6187.16,-2692.81C6211.51,-2696.37 6236.09,-2704.63 6254,-2721.63 6307.81,-2772.71 6235.38,-2834.42 6290,-2884.63 6298.41,-2892.36 6308.22,-2898.13 6318.76,-2902.38"/>
+<polygon fill="#757575" stroke="#757575" points="6317.5,-2905.64 6328.09,-2905.63 6319.8,-2899.03 6317.5,-2905.64"/>
+</g>
+<!-- ../components/icons/svg/SendSmallIcon.js -->
+<g id="node207" class="node">
+<title>../components/icons/svg/SendSmallIcon.js</title>
+<path fill="none" stroke="#c6c5fe" d="M6574.83,-2875.51C6574.83,-2875.51 6320.42,-2875.51 6320.42,-2875.51 6316.46,-2875.51 6312.5,-2871.55 6312.5,-2867.59 6312.5,-2867.59 6312.5,-2859.67 6312.5,-2859.67 6312.5,-2855.72 6316.46,-2851.76 6320.42,-2851.76 6320.42,-2851.76 6574.83,-2851.76 6574.83,-2851.76 6578.79,-2851.76 6582.75,-2855.72 6582.75,-2859.67 6582.75,-2859.67 6582.75,-2867.59 6582.75,-2867.59 6582.75,-2871.55 6578.79,-2875.51 6574.83,-2875.51"/>
+<text text-anchor="middle" x="6447.62" y="-2858.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/SendSmallIcon.js</text>
+</g>
+<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/SendSmallIcon.js -->
+<g id="edge335" class="edge">
+<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/SendSmallIcon.js</title>
+<path fill="none" stroke="#757575" d="M6187.22,-2693.75C6211.28,-2697.4 6235.7,-2705.47 6254,-2721.63 6296.05,-2758.77 6247.36,-2806.17 6290,-2842.63 6293.75,-2845.84 6297.75,-2848.7 6301.95,-2851.25"/>
+<polygon fill="#757575" stroke="#757575" points="6300.25,-2854.31 6310.72,-2855.93 6303.54,-2848.13 6300.25,-2854.31"/>
+</g>
+<!-- ../components/icons/svg/ShareIcon.js -->
+<g id="node208" class="node">
+<title>../components/icons/svg/ShareIcon.js</title>
+<path fill="none" stroke="#c6c5fe" d="M6559.83,-2833.51C6559.83,-2833.51 6335.42,-2833.51 6335.42,-2833.51 6331.46,-2833.51 6327.5,-2829.55 6327.5,-2825.59 6327.5,-2825.59 6327.5,-2817.67 6327.5,-2817.67 6327.5,-2813.72 6331.46,-2809.76 6335.42,-2809.76 6335.42,-2809.76 6559.83,-2809.76 6559.83,-2809.76 6563.79,-2809.76 6567.75,-2813.72 6567.75,-2817.67 6567.75,-2817.67 6567.75,-2825.59 6567.75,-2825.59 6567.75,-2829.55 6563.79,-2833.51 6559.83,-2833.51"/>
+<text text-anchor="middle" x="6447.62" y="-2816.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/ShareIcon.js</text>
+</g>
+<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/ShareIcon.js -->
+<g id="edge336" class="edge">
+<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/ShareIcon.js</title>
+<path fill="none" stroke="#757575" d="M6187.06,-2695.61C6210.71,-2699.36 6234.95,-2707.02 6254,-2721.63 6284.62,-2745.11 6259.01,-2777.64 6290,-2800.63 6298.08,-2806.63 6307.07,-2811.34 6316.53,-2815.01"/>
+<polygon fill="#757575" stroke="#757575" points="6315.36,-2818.31 6325.96,-2818.23 6317.63,-2811.68 6315.36,-2818.31"/>
+</g>
+<!-- ../components/icons/svg/SignatureIcon.js -->
+<g id="node209" class="node">
+<title>../components/icons/svg/SignatureIcon.js</title>
+<path fill="none" stroke="#c6c5fe" d="M6570.71,-2791.51C6570.71,-2791.51 6324.54,-2791.51 6324.54,-2791.51 6320.58,-2791.51 6316.62,-2787.55 6316.62,-2783.59 6316.62,-2783.59 6316.62,-2775.67 6316.62,-2775.67 6316.62,-2771.72 6320.58,-2767.76 6324.54,-2767.76 6324.54,-2767.76 6570.71,-2767.76 6570.71,-2767.76 6574.67,-2767.76 6578.62,-2771.72 6578.62,-2775.67 6578.62,-2775.67 6578.62,-2783.59 6578.62,-2783.59 6578.62,-2787.55 6574.67,-2791.51 6570.71,-2791.51"/>
+<text text-anchor="middle" x="6447.62" y="-2774.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/SignatureIcon.js</text>
+</g>
+<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/SignatureIcon.js -->
+<g id="edge337" class="edge">
+<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/SignatureIcon.js</title>
+<path fill="none" stroke="#757575" d="M6187.01,-2700.6C6209.78,-2704.47 6233.58,-2710.95 6254,-2721.63 6274.33,-2732.27 6269.5,-2748.32 6290,-2758.63 6295.08,-2761.19 6300.36,-2763.47 6305.78,-2765.5"/>
+<polygon fill="#757575" stroke="#757575" points="6304.33,-2768.7 6314.92,-2768.62 6306.59,-2762.07 6304.33,-2768.7"/>
+</g>
+<!-- ../components/icons/svg/SnapchatIcon.js -->
+<g id="node210" class="node">
+<title>../components/icons/svg/SnapchatIcon.js</title>
+<path fill="none" stroke="#c6c5fe" d="M6570.33,-2749.51C6570.33,-2749.51 6324.92,-2749.51 6324.92,-2749.51 6320.96,-2749.51 6317,-2745.55 6317,-2741.59 6317,-2741.59 6317,-2733.67 6317,-2733.67 6317,-2729.72 6320.96,-2725.76 6324.92,-2725.76 6324.92,-2725.76 6570.33,-2725.76 6570.33,-2725.76 6574.29,-2725.76 6578.25,-2729.72 6578.25,-2733.67 6578.25,-2733.67 6578.25,-2741.59 6578.25,-2741.59 6578.25,-2745.55 6574.29,-2749.51 6570.33,-2749.51"/>
+<text text-anchor="middle" x="6447.62" y="-2732.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/SnapchatIcon.js</text>
+</g>
+<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/SnapchatIcon.js -->
+<g id="edge338" class="edge">
+<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/SnapchatIcon.js</title>
+<path fill="none" stroke="#757575" d="M6186.97,-2706.34C6231.31,-2711.68 6285.45,-2718.21 6332.8,-2723.91"/>
+<polygon fill="#757575" stroke="#757575" points="6332.2,-2727.37 6342.55,-2725.09 6333.04,-2720.42 6332.2,-2727.37"/>
+</g>
+<!-- ../components/icons/svg/SpinnerIcon.js -->
+<g id="node211" class="node">
+<title>../components/icons/svg/SpinnerIcon.js</title>
+<path fill="none" stroke="#c6c5fe" d="M6565.08,-1405.51C6565.08,-1405.51 6330.17,-1405.51 6330.17,-1405.51 6326.21,-1405.51 6322.25,-1401.55 6322.25,-1397.59 6322.25,-1397.59 6322.25,-1389.67 6322.25,-1389.67 6322.25,-1385.72 6326.21,-1381.76 6330.17,-1381.76 6330.17,-1381.76 6565.08,-1381.76 6565.08,-1381.76 6569.04,-1381.76 6573,-1385.72 6573,-1389.67 6573,-1389.67 6573,-1397.59 6573,-1397.59 6573,-1401.55 6569.04,-1405.51 6565.08,-1405.51"/>
+<text text-anchor="middle" x="6447.62" y="-1388.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/SpinnerIcon.js</text>
+</g>
+<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/SpinnerIcon.js -->
+<g id="edge339" class="edge">
+<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/SpinnerIcon.js</title>
+<path fill="none" stroke="#757575" d="M6098.03,-2683.46C6097.33,-2564.18 6097.72,-1603.97 6290,-1414.63 6296.39,-1408.34 6303.7,-1403.31 6311.6,-1399.33"/>
+<polygon fill="#757575" stroke="#757575" points="6312.75,-1402.65 6320.5,-1395.43 6309.94,-1396.23 6312.75,-1402.65"/>
+</g>
+<!-- ../components/icons/svg/StarIcon.js -->
+<g id="node212" class="node">
+<title>../components/icons/svg/StarIcon.js</title>
+<path fill="none" stroke="#c6c5fe" d="M6554.21,-2707.51C6554.21,-2707.51 6341.04,-2707.51 6341.04,-2707.51 6337.08,-2707.51 6333.12,-2703.55 6333.12,-2699.59 6333.12,-2699.59 6333.12,-2691.67 6333.12,-2691.67 6333.12,-2687.72 6337.08,-2683.76 6341.04,-2683.76 6341.04,-2683.76 6554.21,-2683.76 6554.21,-2683.76 6558.17,-2683.76 6562.12,-2687.72 6562.12,-2691.67 6562.12,-2691.67 6562.12,-2699.59 6562.12,-2699.59 6562.12,-2703.55 6558.17,-2707.51 6554.21,-2707.51"/>
+<text text-anchor="middle" x="6447.62" y="-2690.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/StarIcon.js</text>
+</g>
+<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/StarIcon.js -->
+<g id="edge340" class="edge">
+<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/StarIcon.js</title>
+<path fill="none" stroke="#757575" d="M6186.97,-2695.63C6227.78,-2695.63 6276.9,-2695.63 6321.38,-2695.63"/>
+<polygon fill="#757575" stroke="#757575" points="6321.37,-2699.13 6331.37,-2695.63 6321.37,-2692.13 6321.37,-2699.13"/>
+</g>
+<!-- ../components/icons/svg/SwapIcon.js -->
+<g id="node213" class="node">
+<title>../components/icons/svg/SwapIcon.js</title>
+<path fill="none" stroke="#c6c5fe" d="M6558.71,-2665.51C6558.71,-2665.51 6336.54,-2665.51 6336.54,-2665.51 6332.58,-2665.51 6328.62,-2661.55 6328.62,-2657.59 6328.62,-2657.59 6328.62,-2649.67 6328.62,-2649.67 6328.62,-2645.72 6332.58,-2641.76 6336.54,-2641.76 6336.54,-2641.76 6558.71,-2641.76 6558.71,-2641.76 6562.67,-2641.76 6566.62,-2645.72 6566.62,-2649.67 6566.62,-2649.67 6566.62,-2657.59 6566.62,-2657.59 6566.62,-2661.55 6562.67,-2665.51 6558.71,-2665.51"/>
+<text text-anchor="middle" x="6447.62" y="-2648.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/SwapIcon.js</text>
+</g>
+<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/SwapIcon.js -->
+<g id="edge341" class="edge">
+<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/SwapIcon.js</title>
+<path fill="none" stroke="#757575" d="M6186.97,-2684.92C6231.31,-2679.58 6285.45,-2673.06 6332.8,-2667.35"/>
+<polygon fill="#757575" stroke="#757575" points="6333.04,-2670.85 6342.55,-2666.18 6332.2,-2663.9 6333.04,-2670.85"/>
+</g>
+<!-- ../components/icons/svg/TelegramIcon.js -->
+<g id="node214" class="node">
+<title>../components/icons/svg/TelegramIcon.js</title>
+<path fill="none" stroke="#c6c5fe" d="M6569.96,-2623.51C6569.96,-2623.51 6325.29,-2623.51 6325.29,-2623.51 6321.33,-2623.51 6317.38,-2619.55 6317.38,-2615.59 6317.38,-2615.59 6317.38,-2607.67 6317.38,-2607.67 6317.38,-2603.72 6321.33,-2599.76 6325.29,-2599.76 6325.29,-2599.76 6569.96,-2599.76 6569.96,-2599.76 6573.92,-2599.76 6577.88,-2603.72 6577.88,-2607.67 6577.88,-2607.67 6577.88,-2615.59 6577.88,-2615.59 6577.88,-2619.55 6573.92,-2623.51 6569.96,-2623.51"/>
+<text text-anchor="middle" x="6447.62" y="-2606.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/TelegramIcon.js</text>
+</g>
+<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/TelegramIcon.js -->
+<g id="edge342" class="edge">
+<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/TelegramIcon.js</title>
+<path fill="none" stroke="#757575" d="M6129.53,-2683.33C6167.12,-2669.08 6232.24,-2645.87 6290,-2632.63 6301.04,-2630.1 6312.6,-2627.84 6324.22,-2625.83"/>
+<polygon fill="#757575" stroke="#757575" points="6324.58,-2629.32 6333.87,-2624.22 6323.43,-2622.41 6324.58,-2629.32"/>
+</g>
+<!-- ../components/icons/svg/ThreeDotsIcon.js -->
+<g id="node215" class="node">
+<title>../components/icons/svg/ThreeDotsIcon.js</title>
+<path fill="none" stroke="#c6c5fe" d="M6573.33,-2581.51C6573.33,-2581.51 6321.92,-2581.51 6321.92,-2581.51 6317.96,-2581.51 6314,-2577.55 6314,-2573.59 6314,-2573.59 6314,-2565.67 6314,-2565.67 6314,-2561.72 6317.96,-2557.76 6321.92,-2557.76 6321.92,-2557.76 6573.33,-2557.76 6573.33,-2557.76 6577.29,-2557.76 6581.25,-2561.72 6581.25,-2565.67 6581.25,-2565.67 6581.25,-2573.59 6581.25,-2573.59 6581.25,-2577.55 6577.29,-2581.51 6573.33,-2581.51"/>
+<text text-anchor="middle" x="6447.62" y="-2564.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/ThreeDotsIcon.js</text>
+</g>
+<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/ThreeDotsIcon.js -->
+<g id="edge343" class="edge">
+<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/ThreeDotsIcon.js</title>
+<path fill="none" stroke="#757575" d="M6115.37,-2683.31C6147.81,-2660.81 6220.9,-2613.3 6290,-2590.63 6296.92,-2588.36 6304.1,-2586.33 6311.39,-2584.53"/>
+<polygon fill="#757575" stroke="#757575" points="6312.12,-2587.95 6321.07,-2582.29 6310.54,-2581.13 6312.12,-2587.95"/>
+</g>
+<!-- ../components/icons/svg/TouchIdIcon.js -->
+<g id="node216" class="node">
+<title>../components/icons/svg/TouchIdIcon.js</title>
+<path fill="none" stroke="#c6c5fe" d="M6565.46,-2539.51C6565.46,-2539.51 6329.79,-2539.51 6329.79,-2539.51 6325.83,-2539.51 6321.88,-2535.55 6321.88,-2531.59 6321.88,-2531.59 6321.88,-2523.67 6321.88,-2523.67 6321.88,-2519.72 6325.83,-2515.76 6329.79,-2515.76 6329.79,-2515.76 6565.46,-2515.76 6565.46,-2515.76 6569.42,-2515.76 6573.38,-2519.72 6573.38,-2523.67 6573.38,-2523.67 6573.38,-2531.59 6573.38,-2531.59 6573.38,-2535.55 6569.42,-2539.51 6565.46,-2539.51"/>
+<text text-anchor="middle" x="6447.62" y="-2522.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/TouchIdIcon.js</text>
+</g>
+<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/TouchIdIcon.js -->
+<g id="edge344" class="edge">
+<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/TouchIdIcon.js</title>
+<path fill="none" stroke="#757575" d="M6109.28,-2683.54C6136.77,-2654.59 6211.32,-2581.3 6290,-2548.63 6296.65,-2545.87 6303.58,-2543.46 6310.66,-2541.35"/>
+<polygon fill="#757575" stroke="#757575" points="6311.33,-2544.79 6320.05,-2538.77 6309.48,-2538.04 6311.33,-2544.79"/>
+</g>
+<!-- ../components/icons/svg/TwitterIcon.js -->
+<g id="node217" class="node">
+<title>../components/icons/svg/TwitterIcon.js</title>
+<path fill="none" stroke="#c6c5fe" d="M6561.71,-2497.51C6561.71,-2497.51 6333.54,-2497.51 6333.54,-2497.51 6329.58,-2497.51 6325.62,-2493.55 6325.62,-2489.59 6325.62,-2489.59 6325.62,-2481.67 6325.62,-2481.67 6325.62,-2477.72 6329.58,-2473.76 6333.54,-2473.76 6333.54,-2473.76 6561.71,-2473.76 6561.71,-2473.76 6565.67,-2473.76 6569.62,-2477.72 6569.62,-2481.67 6569.62,-2481.67 6569.62,-2489.59 6569.62,-2489.59 6569.62,-2493.55 6565.67,-2497.51 6561.71,-2497.51"/>
+<text text-anchor="middle" x="6447.62" y="-2480.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/TwitterIcon.js</text>
+</g>
+<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/TwitterIcon.js -->
+<g id="edge345" class="edge">
+<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/TwitterIcon.js</title>
+<path fill="none" stroke="#757575" d="M6105.94,-2683.7C6129.2,-2649.34 6201.82,-2549.83 6290,-2506.63 6297.8,-2502.81 6306.06,-2499.62 6314.55,-2496.95"/>
+<polygon fill="#757575" stroke="#757575" points="6315.3,-2500.37 6323.96,-2494.26 6313.38,-2493.64 6315.3,-2500.37"/>
+</g>
+<!-- ../components/icons/svg/WalletConnectIcon.js -->
+<g id="node218" class="node">
+<title>../components/icons/svg/WalletConnectIcon.js</title>
+<path fill="none" stroke="#c6c5fe" d="M6585.71,-2455.51C6585.71,-2455.51 6309.54,-2455.51 6309.54,-2455.51 6305.58,-2455.51 6301.62,-2451.55 6301.62,-2447.59 6301.62,-2447.59 6301.62,-2439.67 6301.62,-2439.67 6301.62,-2435.72 6305.58,-2431.76 6309.54,-2431.76 6309.54,-2431.76 6585.71,-2431.76 6585.71,-2431.76 6589.67,-2431.76 6593.62,-2435.72 6593.62,-2439.67 6593.62,-2439.67 6593.62,-2447.59 6593.62,-2447.59 6593.62,-2451.55 6589.67,-2455.51 6585.71,-2455.51"/>
+<text text-anchor="middle" x="6447.62" y="-2438.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/WalletConnectIcon.js</text>
+</g>
+<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/WalletConnectIcon.js -->
+<g id="edge346" class="edge">
+<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/WalletConnectIcon.js</title>
+<path fill="none" stroke="#757575" d="M6104.04,-2683.38C6123.89,-2643.78 6192.38,-2518.66 6290,-2464.63 6292.72,-2463.13 6295.5,-2461.71 6298.34,-2460.39"/>
+<polygon fill="#757575" stroke="#757575" points="6299.6,-2463.66 6307.45,-2456.55 6296.88,-2457.21 6299.6,-2463.66"/>
+</g>
+<!-- ../components/icons/svg/WalletSwitcherCaret.js -->
+<g id="node219" class="node">
+<title>../components/icons/svg/WalletSwitcherCaret.js</title>
+<path fill="none" stroke="#c6c5fe" d="M6590.21,-2413.51C6590.21,-2413.51 6305.04,-2413.51 6305.04,-2413.51 6301.08,-2413.51 6297.12,-2409.55 6297.12,-2405.59 6297.12,-2405.59 6297.12,-2397.67 6297.12,-2397.67 6297.12,-2393.72 6301.08,-2389.76 6305.04,-2389.76 6305.04,-2389.76 6590.21,-2389.76 6590.21,-2389.76 6594.17,-2389.76 6598.12,-2393.72 6598.12,-2397.67 6598.12,-2397.67 6598.12,-2405.59 6598.12,-2405.59 6598.12,-2409.55 6594.17,-2413.51 6590.21,-2413.51"/>
+<text text-anchor="middle" x="6447.62" y="-2396.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/WalletSwitcherCaret.js</text>
+</g>
+<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/WalletSwitcherCaret.js -->
+<g id="edge347" class="edge">
+<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/WalletSwitcherCaret.js</title>
+<path fill="none" stroke="#757575" d="M6102.53,-2683.4C6119.1,-2639.36 6182.3,-2488.03 6290,-2422.63 6292.32,-2421.22 6294.7,-2419.89 6297.13,-2418.63"/>
+<polygon fill="#757575" stroke="#757575" points="6298.4,-2421.9 6305.98,-2414.49 6295.44,-2415.55 6298.4,-2421.9"/>
+</g>
+<!-- ../components/icons/svg/WarningCircledIcon.js -->
+<g id="node220" class="node">
+<title>../components/icons/svg/WarningCircledIcon.js</title>
+<path fill="none" stroke="#c6c5fe" d="M6587.96,-2371.51C6587.96,-2371.51 6307.29,-2371.51 6307.29,-2371.51 6303.33,-2371.51 6299.38,-2367.55 6299.38,-2363.59 6299.38,-2363.59 6299.38,-2355.67 6299.38,-2355.67 6299.38,-2351.72 6303.33,-2347.76 6307.29,-2347.76 6307.29,-2347.76 6587.96,-2347.76 6587.96,-2347.76 6591.92,-2347.76 6595.88,-2351.72 6595.88,-2355.67 6595.88,-2355.67 6595.88,-2363.59 6595.88,-2363.59 6595.88,-2367.55 6591.92,-2371.51 6587.96,-2371.51"/>
+<text text-anchor="middle" x="6447.62" y="-2354.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/WarningCircledIcon.js</text>
+</g>
+<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/WarningCircledIcon.js -->
+<g id="edge348" class="edge">
+<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/WarningCircledIcon.js</title>
+<path fill="none" stroke="#757575" d="M6101.44,-2683.27C6115.12,-2634.93 6172.05,-2457.66 6290,-2380.63 6291.9,-2379.39 6293.83,-2378.21 6295.8,-2377.09"/>
+<polygon fill="#757575" stroke="#757575" points="6297.27,-2380.27 6304.59,-2372.61 6294.09,-2374.03 6297.27,-2380.27"/>
+</g>
+<!-- ../components/icons/svg/WarningIcon.js -->
+<g id="node221" class="node">
+<title>../components/icons/svg/WarningIcon.js</title>
+<path fill="none" stroke="#c6c5fe" d="M6566.96,-2329.51C6566.96,-2329.51 6328.29,-2329.51 6328.29,-2329.51 6324.33,-2329.51 6320.38,-2325.55 6320.38,-2321.59 6320.38,-2321.59 6320.38,-2313.67 6320.38,-2313.67 6320.38,-2309.72 6324.33,-2305.76 6328.29,-2305.76 6328.29,-2305.76 6566.96,-2305.76 6566.96,-2305.76 6570.92,-2305.76 6574.88,-2309.72 6574.88,-2313.67 6574.88,-2313.67 6574.88,-2321.59 6574.88,-2321.59 6574.88,-2325.55 6570.92,-2329.51 6566.96,-2329.51"/>
+<text text-anchor="middle" x="6447.62" y="-2312.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/WarningIcon.js</text>
+</g>
+<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/WarningIcon.js -->
+<g id="edge349" class="edge">
+<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/WarningIcon.js</title>
+<path fill="none" stroke="#757575" d="M6100.51,-2683.47C6111.37,-2631.63 6161.27,-2427.74 6290,-2338.63 6296.14,-2334.38 6302.74,-2330.8 6309.64,-2327.79"/>
+<polygon fill="#757575" stroke="#757575" points="6310.48,-2331.22 6318.53,-2324.33 6307.94,-2324.69 6310.48,-2331.22"/>
+</g>
+<!-- ../components/header/Header.js&#45;&gt;../components/layout/index.js -->
+<g id="edge273" class="edge">
+<title>../components/header/Header.js&#45;&gt;../components/layout/index.js</title>
+<path fill="none" stroke="#757575" d="M6177.51,-4543.28C6202.7,-4537.67 6230.17,-4529.73 6254,-4518.63 6323.66,-4486.19 6392.97,-4426.23 6426.25,-4395.27"/>
+<polygon fill="#757575" stroke="#757575" points="6428.3,-4398.15 6433.18,-4388.74 6423.5,-4393.05 6428.3,-4398.15"/>
+</g>
+<!-- ../components/icons/svg/ApplePayIcon.js&#45;&gt;../components/icons/Svg.js -->
+<g id="edge354" class="edge">
+<title>../components/icons/svg/ApplePayIcon.js&#45;&gt;../components/icons/Svg.js</title>
+<path fill="none" stroke="#757575" d="M6579.09,-2280.18C6588.62,-2284.27 6597.51,-2289.65 6605.25,-2296.63 6715.43,-2396.12 6768.43,-2893.93 6779.26,-3008.22"/>
+<polygon fill="#757575" stroke="#757575" points="6775.75,-3008.27 6780.16,-3017.91 6782.72,-3007.63 6775.75,-3008.27"/>
+</g>
+<!-- ../components/icons/svg/ArrowBack.js&#45;&gt;../components/icons/Svg.js -->
+<g id="edge355" class="edge">
+<title>../components/icons/svg/ArrowBack.js&#45;&gt;../components/icons/Svg.js</title>
+<path fill="none" stroke="#757575" d="M6569.99,-2234.56C6582.98,-2238.94 6595.13,-2245.38 6605.25,-2254.63 6721.11,-2360.55 6769.97,-2889.47 6779.56,-3008.02"/>
+<polygon fill="#757575" stroke="#757575" points="6776.06,-3008.11 6780.34,-3017.8 6783.04,-3007.55 6776.06,-3008.11"/>
+</g>
+<!-- ../components/icons/svg/ArrowCircledIcon.js&#45;&gt;../components/icons/Svg.js -->
+<g id="edge356" class="edge">
+<title>../components/icons/svg/ArrowCircledIcon.js&#45;&gt;../components/icons/Svg.js</title>
+<path fill="none" stroke="#757575" d="M6588.76,-2200.7C6594.67,-2204.03 6600.21,-2207.98 6605.25,-2212.63 6726.96,-2325.14 6771.56,-2886.57 6779.88,-3008.32"/>
+<polygon fill="#757575" stroke="#757575" points="6776.37,-3008.29 6780.52,-3018.04 6783.35,-3007.83 6776.37,-3008.29"/>
+</g>
+<!-- ../components/icons/svg/ArrowIcon.js&#45;&gt;../components/icons/Svg.js -->
+<g id="edge357" class="edge">
+<title>../components/icons/svg/ArrowIcon.js&#45;&gt;../components/icons/Svg.js</title>
+<path fill="none" stroke="#757575" d="M6567.84,-2149.58C6581.68,-2153.99 6594.62,-2160.71 6605.25,-2170.63 6732.74,-2289.68 6772.99,-2882.91 6780.14,-3008.32"/>
+<polygon fill="#757575" stroke="#757575" points="6776.63,-3008.25 6780.68,-3018.04 6783.62,-3007.86 6776.63,-3008.25"/>
+</g>
+<!-- ../components/icons/svg/AvatarIcon.js&#45;&gt;../components/icons/Svg.js -->
+<g id="edge358" class="edge">
+<title>../components/icons/svg/AvatarIcon.js&#45;&gt;../components/icons/Svg.js</title>
+<path fill="none" stroke="#757575" d="M6569.49,-2108C6582.73,-2112.43 6595.07,-2119.04 6605.25,-2128.63 6738.42,-2254.12 6774.3,-2878.31 6780.36,-3008.01"/>
+<polygon fill="#757575" stroke="#757575" points="6776.86,-3007.94 6780.8,-3017.77 6783.85,-3007.62 6776.86,-3007.94"/>
+</g>
+<!-- ../components/icons/svg/BTCIcon.js&#45;&gt;../components/icons/Svg.js -->
+<g id="edge359" class="edge">
+<title>../components/icons/svg/BTCIcon.js&#45;&gt;../components/icons/Svg.js</title>
+<path fill="none" stroke="#757575" d="M6563.68,-2064.1C6579.12,-2068.48 6593.62,-2075.58 6605.25,-2086.63 6744.27,-2218.74 6775.63,-2875.34 6780.59,-3008.18"/>
+<polygon fill="#757575" stroke="#757575" points="6777.08,-3007.98 6780.93,-3017.85 6784.07,-3007.73 6777.08,-3007.98"/>
+</g>
+<!-- ../components/icons/svg/BackspaceIcon.js&#45;&gt;../components/icons/Svg.js -->
+<g id="edge360" class="edge">
+<title>../components/icons/svg/BackspaceIcon.js&#45;&gt;../components/icons/Svg.js</title>
+<path fill="none" stroke="#757575" d="M6583.23,-2029.42C6591.26,-2033.37 6598.71,-2038.37 6605.25,-2044.63 6750.02,-2183.27 6776.86,-2871.36 6780.78,-3008.01"/>
+<polygon fill="#757575" stroke="#757575" points="6777.28,-3008.07 6781.05,-3017.97 6784.28,-3007.88 6777.28,-3008.07"/>
+</g>
+<!-- ../components/icons/svg/BridgeIcon.js&#45;&gt;../components/icons/Svg.js -->
+<g id="edge361" class="edge">
+<title>../components/icons/svg/BridgeIcon.js&#45;&gt;../components/icons/Svg.js</title>
+<path fill="none" stroke="#757575" d="M6569.7,-1981.78C6582.9,-1986.24 6595.18,-1992.92 6605.25,-2002.63 6755.8,-2147.82 6778.05,-2867.57 6780.97,-3007.89"/>
+<polygon fill="#757575" stroke="#757575" points="6777.47,-3007.86 6781.16,-3017.79 6784.46,-3007.73 6777.47,-3007.86"/>
+</g>
+<!-- ../components/icons/svg/CameraIcon.js&#45;&gt;../components/icons/Svg.js -->
+<g id="edge362" class="edge">
+<title>../components/icons/svg/CameraIcon.js&#45;&gt;../components/icons/Svg.js</title>
+<path fill="none" stroke="#757575" d="M6574.37,-1562.86C6585.88,-1567.36 6596.48,-1573.75 6605.25,-1582.63 6710.2,-1688.88 6771.2,-2828 6780.21,-3007.8"/>
+<polygon fill="#757575" stroke="#757575" points="6776.71,-3007.93 6780.7,-3017.75 6783.7,-3007.59 6776.71,-3007.93"/>
+</g>
+<!-- ../components/icons/svg/CaretIcon.js&#45;&gt;../components/icons/Svg.js -->
+<g id="edge363" class="edge">
+<title>../components/icons/svg/CaretIcon.js&#45;&gt;../components/icons/Svg.js</title>
+<path fill="none" stroke="#757575" d="M6566.7,-1518.13C6581.16,-1522.65 6594.57,-1529.78 6605.25,-1540.63 6713.17,-1650.26 6771.83,-2825.72 6780.3,-3007.95"/>
+<polygon fill="#757575" stroke="#757575" points="6776.8,-3007.99 6780.76,-3017.82 6783.79,-3007.67 6776.8,-3007.99"/>
+</g>
+<!-- ../components/icons/svg/CaretThinIcon.js&#45;&gt;../components/icons/Svg.js -->
+<g id="edge364" class="edge">
+<title>../components/icons/svg/CaretThinIcon.js&#45;&gt;../components/icons/Svg.js</title>
+<path fill="none" stroke="#757575" d="M6579.67,-1481.02C6589.14,-1485.35 6597.85,-1491.09 6605.25,-1498.63 6716.16,-1611.66 6772.44,-2823.66 6780.39,-3008.15"/>
+<polygon fill="#757575" stroke="#757575" points="6776.88,-3008.06 6780.81,-3017.9 6783.88,-3007.76 6776.88,-3008.06"/>
+</g>
+<!-- ../components/icons/svg/CheckmarkCircledIcon.js&#45;&gt;../components/icons/Svg.js -->
+<g id="edge365" class="edge">
+<title>../components/icons/svg/CheckmarkCircledIcon.js&#45;&gt;../components/icons/Svg.js</title>
+<path fill="none" stroke="#757575" d="M6595.07,-1447.88C6598.68,-1450.49 6602.08,-1453.4 6605.25,-1456.63 6719.1,-1573.01 6772.98,-2820.55 6780.46,-3008.09"/>
+<polygon fill="#757575" stroke="#757575" points="6776.96,-3008.15 6780.85,-3018.01 6783.96,-3007.88 6776.96,-3008.15"/>
+</g>
+<!-- ../components/icons/svg/CheckmarkIcon.js&#45;&gt;../components/icons/Svg.js -->
+<g id="edge366" class="edge">
+<title>../components/icons/svg/CheckmarkIcon.js&#45;&gt;../components/icons/Svg.js</title>
+<path fill="none" stroke="#757575" d="M6584.6,-4327.58C6592.14,-4323.65 6599.13,-4318.73 6605.25,-4312.63 6628.63,-4289.33 6757.76,-3227.17 6778.55,-3055.07"/>
+<polygon fill="#757575" stroke="#757575" points="6782.02,-3055.51 6779.75,-3045.16 6775.07,-3054.67 6782.02,-3055.51"/>
+</g>
+<!-- ../components/icons/svg/ClearInputIcon.js&#45;&gt;../components/icons/Svg.js -->
+<g id="edge367" class="edge">
+<title>../components/icons/svg/ClearInputIcon.js&#45;&gt;../components/icons/Svg.js</title>
+<path fill="none" stroke="#757575" d="M6581.29,-4287.17C6590.1,-4283 6598.24,-4277.59 6605.25,-4270.63 6627.89,-4248.17 6757.25,-3223.92 6778.44,-3055.08"/>
+<polygon fill="#757575" stroke="#757575" points="6781.91,-3055.52 6779.68,-3045.16 6774.97,-3054.65 6781.91,-3055.52"/>
+</g>
+<!-- ../components/icons/svg/ClockIcon.js&#45;&gt;../components/icons/Svg.js -->
+<g id="edge368" class="edge">
+<title>../components/icons/svg/ClockIcon.js&#45;&gt;../components/icons/Svg.js</title>
+<path fill="none" stroke="#757575" d="M6566.81,-4250.73C6581.16,-4246.25 6594.51,-4239.23 6605.25,-4228.63 6649.05,-4185.39 6760.29,-3217.86 6778.76,-3054.85"/>
+<polygon fill="#757575" stroke="#757575" points="6782.19,-3055.61 6779.84,-3045.28 6775.24,-3054.82 6782.19,-3055.61"/>
+</g>
+<!-- ../components/icons/svg/CloseCircledIcon.js&#45;&gt;../components/icons/Svg.js -->
+<g id="edge369" class="edge">
+<title>../components/icons/svg/CloseCircledIcon.js&#45;&gt;../components/icons/Svg.js</title>
+<path fill="none" stroke="#757575" d="M6588.41,-4199.34C6594.49,-4195.83 6600.16,-4191.63 6605.25,-4186.63 6689.7,-4103.69 6766.58,-3211.7 6779.48,-3055.05"/>
+<polygon fill="#757575" stroke="#757575" points="6782.93,-3055.73 6780.26,-3045.48 6775.96,-3055.16 6782.93,-3055.73"/>
+</g>
+<!-- ../components/icons/svg/CloseIcon.js&#45;&gt;../components/icons/Svg.js -->
+<g id="edge370" class="edge">
+<title>../components/icons/svg/CloseIcon.js&#45;&gt;../components/icons/Svg.js</title>
+<path fill="none" stroke="#757575" d="M6567.49,-4166.38C6581.55,-4161.9 6594.65,-4154.98 6605.25,-4144.63 6767.6,-3986.08 6780.34,-3200.89 6781.3,-3054.99"/>
+<polygon fill="#757575" stroke="#757575" points="6784.8,-3055.42 6781.35,-3045.4 6777.8,-3055.38 6784.8,-3055.42"/>
+</g>
+<!-- ../components/icons/svg/CompassIcon.js&#45;&gt;../components/icons/Svg.js -->
+<g id="edge371" class="edge">
+<title>../components/icons/svg/CompassIcon.js&#45;&gt;../components/icons/Svg.js</title>
+<path fill="none" stroke="#757575" d="M6578.9,-4120.01C6588.6,-4115.75 6597.57,-4110.08 6605.25,-4102.63 6761.76,-3950.7 6779.23,-3197.66 6781.14,-3054.98"/>
+<polygon fill="#757575" stroke="#757575" points="6784.64,-3055.32 6781.26,-3045.28 6777.64,-3055.24 6784.64,-3055.32"/>
+</g>
+<!-- ../components/icons/svg/CopyIcon.js&#45;&gt;../components/icons/Svg.js -->
+<g id="edge372" class="edge">
+<title>../components/icons/svg/CopyIcon.js&#45;&gt;../components/icons/Svg.js</title>
+<path fill="none" stroke="#757575" d="M6565.8,-4082.74C6580.48,-4078.3 6594.19,-4071.3 6605.25,-4060.63 6755.8,-3915.44 6778.05,-3195.69 6780.97,-3055.37"/>
+<polygon fill="#757575" stroke="#757575" points="6784.46,-3055.54 6781.16,-3045.47 6777.47,-3055.4 6784.46,-3055.54"/>
+</g>
+<!-- ../components/icons/svg/CrosshairIcon.js&#45;&gt;../components/icons/Svg.js -->
+<g id="edge373" class="edge">
+<title>../components/icons/svg/CrosshairIcon.js&#45;&gt;../components/icons/Svg.js</title>
+<path fill="none" stroke="#757575" d="M6578.79,-4035.9C6588.51,-4031.67 6597.52,-4026.03 6605.25,-4018.63 6750.02,-3879.99 6776.86,-3191.9 6780.78,-3055.25"/>
+<polygon fill="#757575" stroke="#757575" points="6784.28,-3055.39 6781.05,-3045.3 6777.28,-3055.2 6784.28,-3055.39"/>
+</g>
+<!-- ../components/icons/svg/DOGEIcon.js&#45;&gt;../components/icons/Svg.js -->
+<g id="edge374" class="edge">
+<title>../components/icons/svg/DOGEIcon.js&#45;&gt;../components/icons/Svg.js</title>
+<path fill="none" stroke="#757575" d="M6570.73,-3996.94C6583.51,-3992.51 6595.41,-3985.99 6605.25,-3976.63 6744.27,-3844.52 6775.63,-3187.92 6780.59,-3055.09"/>
+<polygon fill="#757575" stroke="#757575" points="6784.07,-3055.53 6780.93,-3045.42 6777.08,-3055.28 6784.07,-3055.53"/>
+</g>
+<!-- ../components/icons/svg/DiscordIcon.js&#45;&gt;../components/icons/Svg.js -->
+<g id="edge375" class="edge">
+<title>../components/icons/svg/DiscordIcon.js&#45;&gt;../components/icons/Svg.js</title>
+<path fill="none" stroke="#757575" d="M6572.97,-3954.04C6584.89,-3949.64 6595.97,-3943.38 6605.25,-3934.63 6738.42,-3809.14 6774.3,-3184.95 6780.36,-3055.26"/>
+<polygon fill="#757575" stroke="#757575" points="6783.85,-3055.64 6780.8,-3045.49 6776.86,-3055.33 6783.85,-3055.64"/>
+</g>
+<!-- ../components/icons/svg/DotIcon.js&#45;&gt;../components/icons/Svg.js -->
+<g id="edge376" class="edge">
+<title>../components/icons/svg/DotIcon.js&#45;&gt;../components/icons/Svg.js</title>
+<path fill="none" stroke="#757575" d="M6560.72,-3915.73C6577.22,-3911.46 6592.82,-3904.24 6605.25,-3892.63 6732.74,-3773.59 6772.99,-3180.35 6780.14,-3054.94"/>
+<polygon fill="#757575" stroke="#757575" points="6783.62,-3055.4 6780.68,-3045.23 6776.63,-3055.02 6783.62,-3055.4"/>
+</g>
+<!-- ../components/icons/svg/DoubleCaretIcon.js&#45;&gt;../components/icons/Svg.js -->
+<g id="edge377" class="edge">
+<title>../components/icons/svg/DoubleCaretIcon.js&#45;&gt;../components/icons/Svg.js</title>
+<path fill="none" stroke="#757575" d="M6588.05,-3862.96C6594.22,-3859.55 6600.01,-3855.47 6605.25,-3850.63 6726.96,-3738.12 6771.56,-3176.7 6779.88,-3054.95"/>
+<polygon fill="#757575" stroke="#757575" points="6783.35,-3055.43 6780.52,-3045.22 6776.37,-3054.97 6783.35,-3055.43"/>
+</g>
+<!-- ../components/icons/svg/FaceIdIcon.js&#45;&gt;../components/icons/Svg.js -->
+<g id="edge378" class="edge">
+<title>../components/icons/svg/FaceIdIcon.js&#45;&gt;../components/icons/Svg.js</title>
+<path fill="none" stroke="#757575" d="M6570.77,-3828.44C6583.47,-3824.07 6595.33,-3817.7 6605.25,-3808.63 6721.11,-3702.72 6769.97,-3173.8 6779.56,-3055.24"/>
+<polygon fill="#757575" stroke="#757575" points="6783.04,-3055.71 6780.34,-3045.46 6776.06,-3055.16 6783.04,-3055.71"/>
+</g>
+<!-- ../components/icons/svg/FacebookIcon.js&#45;&gt;../components/icons/Svg.js -->
+<g id="edge379" class="edge">
+<title>../components/icons/svg/FacebookIcon.js&#45;&gt;../components/icons/Svg.js</title>
+<path fill="none" stroke="#757575" d="M6579.84,-3782.76C6589.09,-3778.71 6597.72,-3773.43 6605.25,-3766.63 6715.43,-3667.14 6768.43,-3169.34 6779.26,-3055.05"/>
+<polygon fill="#757575" stroke="#757575" points="6782.72,-3055.64 6780.16,-3045.36 6775.75,-3054.99 6782.72,-3055.64"/>
+</g>
+<!-- ../components/icons/svg/FatArrowIcon.js&#45;&gt;../components/icons/Svg.js -->
+<g id="edge380" class="edge">
+<title>../components/icons/svg/FatArrowIcon.js&#45;&gt;../components/icons/Svg.js</title>
+<path fill="none" stroke="#757575" d="M6577.47,-3741.6C6587.6,-3737.46 6597.05,-3731.93 6605.25,-3724.63 6709.69,-3631.62 6766.72,-3165.5 6778.89,-3055.1"/>
+<polygon fill="#757575" stroke="#757575" points="6782.34,-3055.79 6779.94,-3045.47 6775.38,-3055.04 6782.34,-3055.79"/>
+</g>
+<!-- ../components/icons/svg/GearIcon.js&#45;&gt;../components/icons/Svg.js -->
+<g id="edge381" class="edge">
+<title>../components/icons/svg/GearIcon.js&#45;&gt;../components/icons/Svg.js</title>
+<path fill="none" stroke="#757575" d="M6565.29,-3703.64C6579.96,-3699.34 6593.8,-3692.67 6605.25,-3682.63 6704.01,-3596.02 6764.95,-3161.13 6778.5,-3055.01"/>
+<polygon fill="#757575" stroke="#757575" points="6781.95,-3055.61 6779.73,-3045.25 6775.01,-3054.73 6781.95,-3055.61"/>
+</g>
+<!-- ../components/icons/svg/GitHubIcon.js&#45;&gt;../components/icons/Svg.js -->
+<g id="edge382" class="edge">
+<title>../components/icons/svg/GitHubIcon.js&#45;&gt;../components/icons/Svg.js</title>
+<path fill="none" stroke="#757575" d="M6571.43,-3659.46C6583.78,-3655.21 6595.38,-3649.14 6605.25,-3640.63 6698.29,-3560.45 6762.97,-3157.18 6778.02,-3055.13"/>
+<polygon fill="#757575" stroke="#757575" points="6781.45,-3055.87 6779.43,-3045.47 6774.52,-3054.86 6781.45,-3055.87"/>
+</g>
+<!-- ../components/icons/svg/HandleIcon.js&#45;&gt;../components/icons/Svg.js -->
+<g id="edge383" class="edge">
+<title>../components/icons/svg/HandleIcon.js&#45;&gt;../components/icons/Svg.js</title>
+<path fill="none" stroke="#757575" d="M6571.26,-3617.27C6583.64,-3613.05 6595.29,-3607.04 6605.25,-3598.63 6692.75,-3524.71 6761.07,-3151.76 6777.56,-3054.73"/>
+<polygon fill="#757575" stroke="#757575" points="6780.98,-3055.55 6779.18,-3045.11 6774.07,-3054.39 6780.98,-3055.55"/>
+</g>
+<!-- ../components/icons/svg/HiddenIcon.js&#45;&gt;../components/icons/Svg.js -->
+<g id="edge384" class="edge">
+<title>../components/icons/svg/HiddenIcon.js&#45;&gt;../components/icons/Svg.js</title>
+<path fill="none" stroke="#757575" d="M6571.47,-3574.91C6583.74,-3570.74 6595.31,-3564.84 6605.25,-3556.63 6766.21,-3423.73 6780.83,-3138.62 6781.56,-3055.09"/>
+<polygon fill="#757575" stroke="#757575" points="6785.06,-3055.18 6781.58,-3045.18 6778.06,-3055.17 6785.06,-3055.18"/>
+</g>
+<!-- ../components/icons/svg/InboxIcon.js&#45;&gt;../components/icons/Svg.js -->
+<g id="edge385" class="edge">
+<title>../components/icons/svg/InboxIcon.js&#45;&gt;../components/icons/Svg.js</title>
+<path fill="none" stroke="#757575" d="M6566.51,-3534.15C6580.57,-3529.98 6593.92,-3523.74 6605.25,-3514.63 6755.13,-3394.12 6777.48,-3134.3 6780.8,-3055.05"/>
+<polygon fill="#757575" stroke="#757575" points="6784.28,-3055.56 6781.13,-3045.45 6777.29,-3055.32 6784.28,-3055.56"/>
+</g>
+<!-- ../components/icons/svg/InstagramIcon.js&#45;&gt;../components/icons/Svg.js -->
+<g id="edge386" class="edge">
+<title>../components/icons/svg/InstagramIcon.js&#45;&gt;../components/icons/Svg.js</title>
+<path fill="none" stroke="#757575" d="M6580.33,-3486.9C6589.25,-3483.22 6597.68,-3478.53 6605.25,-3472.63 6744.17,-3364.36 6773.88,-3129.67 6779.91,-3054.97"/>
+<polygon fill="#757575" stroke="#757575" points="6783.39,-3055.4 6780.63,-3045.17 6776.41,-3054.89 6783.39,-3055.4"/>
+</g>
+<!-- ../components/icons/svg/LTCIcon.js&#45;&gt;../components/icons/Svg.js -->
+<g id="edge387" class="edge">
+<title>../components/icons/svg/LTCIcon.js&#45;&gt;../components/icons/Svg.js</title>
+<path fill="none" stroke="#757575" d="M6562.34,-3450.42C6577.79,-3446.38 6592.64,-3440.11 6605.25,-3430.63 6733.19,-3334.54 6769.92,-3125.23 6778.84,-3055.08"/>
+<polygon fill="#757575" stroke="#757575" points="6782.28,-3055.85 6779.99,-3045.5 6775.33,-3055.02 6782.28,-3055.85"/>
+</g>
+<!-- ../components/icons/svg/LockIcon.js&#45;&gt;../components/icons/Svg.js -->
+<g id="edge388" class="edge">
+<title>../components/icons/svg/LockIcon.js&#45;&gt;../components/icons/Svg.js</title>
+<path fill="none" stroke="#757575" d="M6564.41,-3407.29C6579.03,-3403.32 6593.11,-3397.35 6605.25,-3388.63 6722.58,-3304.36 6765.73,-3119.69 6777.61,-3054.77"/>
+<polygon fill="#757575" stroke="#757575" points="6781,-3055.71 6779.27,-3045.25 6774.11,-3054.5 6781,-3055.71"/>
+</g>
+<!-- ../components/icons/svg/MinusCircledIcon.js&#45;&gt;../components/icons/Svg.js -->
+<g id="edge389" class="edge">
+<title>../components/icons/svg/MinusCircledIcon.js&#45;&gt;../components/icons/Svg.js</title>
+<path fill="none" stroke="#757575" d="M6589.47,-3355.58C6594.97,-3352.99 6600.26,-3350.03 6605.25,-3346.63 6711.89,-3274.12 6760.9,-3114.59 6776.02,-3054.84"/>
+<polygon fill="#757575" stroke="#757575" points="6779.34,-3055.98 6778.31,-3045.44 6772.54,-3054.33 6779.34,-3055.98"/>
+</g>
+<!-- ../components/icons/svg/OfflineIcon.js&#45;&gt;../components/icons/Svg.js -->
+<g id="edge390" class="edge">
+<title>../components/icons/svg/OfflineIcon.js&#45;&gt;../components/icons/Svg.js</title>
+<path fill="none" stroke="#757575" d="M6569.98,-3320.19C6582.45,-3316.51 6594.48,-3311.47 6605.25,-3304.63 6701.54,-3243.51 6755.6,-3108.62 6774.07,-3054.63"/>
+<polygon fill="#757575" stroke="#757575" points="6777.35,-3055.87 6777.17,-3045.27 6770.7,-3053.66 6777.35,-3055.87"/>
+</g>
+<!-- ../components/icons/svg/PasscodeIcon.js&#45;&gt;../components/icons/Svg.js -->
+<g id="edge391" class="edge">
+<title>../components/icons/svg/PasscodeIcon.js&#45;&gt;../components/icons/Svg.js</title>
+<path fill="none" stroke="#757575" d="M6579.5,-3274.22C6588.5,-3271.13 6597.18,-3267.32 6605.25,-3262.63 6691.46,-3212.55 6749.55,-3102.05 6771.55,-3054.32"/>
+<polygon fill="#757575" stroke="#757575" points="6774.72,-3055.8 6775.62,-3045.25 6768.33,-3052.93 6774.72,-3055.8"/>
+</g>
+<!-- ../components/icons/svg/PinIcon.js&#45;&gt;../components/icons/Svg.js -->
+<g id="edge392" class="edge">
+<title>../components/icons/svg/PinIcon.js&#45;&gt;../components/icons/Svg.js</title>
+<path fill="none" stroke="#757575" d="M6559.82,-3236.4C6575.61,-3232.92 6591.24,-3227.87 6605.25,-3220.63 6682.06,-3180.94 6743.06,-3093.85 6768.51,-3053.26"/>
+<polygon fill="#757575" stroke="#757575" points="6771.42,-3055.2 6773.67,-3044.85 6765.46,-3051.54 6771.42,-3055.2"/>
+</g>
+<!-- ../components/icons/svg/PlusCircledIcon.js&#45;&gt;../components/icons/Svg.js -->
+<g id="edge393" class="edge">
+<title>../components/icons/svg/PlusCircledIcon.js&#45;&gt;../components/icons/Svg.js</title>
+<path fill="none" stroke="#757575" d="M6581.28,-3187.3C6589.53,-3184.87 6597.59,-3182 6605.25,-3178.63 6672.9,-3148.88 6735.01,-3085.03 6764.07,-3052.14"/>
+<polygon fill="#757575" stroke="#757575" points="6766.46,-3054.73 6770.38,-3044.88 6761.18,-3050.14 6766.46,-3054.73"/>
+</g>
+<!-- ../components/icons/svg/PlusIcon.js&#45;&gt;../components/icons/Svg.js -->
+<g id="edge394" class="edge">
+<title>../components/icons/svg/PlusIcon.js&#45;&gt;../components/icons/Svg.js</title>
+<path fill="none" stroke="#757575" d="M6563.24,-3147.74C6577.6,-3144.91 6591.91,-3141.28 6605.25,-3136.63 6663.99,-3116.15 6724.61,-3074.71 6757.16,-3050.46"/>
+<polygon fill="#757575" stroke="#757575" points="6758.88,-3053.55 6764.75,-3044.73 6754.66,-3047.97 6758.88,-3053.55"/>
+</g>
+<!-- ../components/icons/svg/QRCodeIcon.js&#45;&gt;../components/icons/Svg.js -->
+<g id="edge395" class="edge">
+<title>../components/icons/svg/QRCodeIcon.js&#45;&gt;../components/icons/Svg.js</title>
+<path fill="none" stroke="#757575" d="M6562.08,-3103.3C6576.69,-3100.87 6591.39,-3098 6605.25,-3094.63 6653.72,-3082.85 6707.44,-3062.53 6742.65,-3048.15"/>
+<polygon fill="#757575" stroke="#757575" points="6743.65,-3051.52 6751.56,-3044.47 6740.98,-3045.05 6743.65,-3051.52"/>
+</g>
+<!-- ../components/icons/svg/RedditIcon.js&#45;&gt;../components/icons/Svg.js -->
+<g id="edge396" class="edge">
+<title>../components/icons/svg/RedditIcon.js&#45;&gt;../components/icons/Svg.js</title>
+<path fill="none" stroke="#757575" d="M6546.66,-3061.26C6589.34,-3055.87 6639.27,-3049.57 6682.09,-3044.16"/>
+<polygon fill="#757575" stroke="#757575" points="6682.4,-3047.65 6691.88,-3042.93 6681.52,-3040.71 6682.4,-3047.65"/>
+</g>
+<!-- ../components/icons/svg/ScanHeaderIcon.js&#45;&gt;../components/icons/Svg.js -->
+<g id="edge397" class="edge">
+<title>../components/icons/svg/ScanHeaderIcon.js&#45;&gt;../components/icons/Svg.js</title>
+<path fill="none" stroke="#757575" d="M6587.33,-3031.63C6619.27,-3031.63 6652.61,-3031.63 6682.47,-3031.63"/>
+<polygon fill="#757575" stroke="#757575" points="6682.21,-3035.13 6692.21,-3031.63 6682.21,-3028.13 6682.21,-3035.13"/>
+</g>
+<!-- ../components/icons/svg/ScannerIcon.js&#45;&gt;../components/icons/Svg.js -->
+<g id="edge398" class="edge">
+<title>../components/icons/svg/ScannerIcon.js&#45;&gt;../components/icons/Svg.js</title>
+<path fill="none" stroke="#757575" d="M6546.66,-3002.01C6589.34,-3007.39 6639.27,-3013.7 6682.09,-3019.1"/>
+<polygon fill="#757575" stroke="#757575" points="6681.52,-3022.56 6691.88,-3020.34 6682.4,-3015.61 6681.52,-3022.56"/>
+</g>
+<!-- ../components/icons/svg/SearchIcon.js&#45;&gt;../components/icons/Svg.js -->
+<g id="edge399" class="edge">
+<title>../components/icons/svg/SearchIcon.js&#45;&gt;../components/icons/Svg.js</title>
+<path fill="none" stroke="#757575" d="M6562.08,-2959.97C6576.69,-2962.4 6591.39,-2965.26 6605.25,-2968.63 6653.72,-2980.41 6707.44,-3000.74 6742.65,-3015.11"/>
+<polygon fill="#757575" stroke="#757575" points="6740.98,-3018.21 6751.56,-3018.79 6743.65,-3011.74 6740.98,-3018.21"/>
+</g>
+<!-- ../components/icons/svg/SendIcon.js&#45;&gt;../components/icons/Svg.js -->
+<g id="edge400" class="edge">
+<title>../components/icons/svg/SendIcon.js&#45;&gt;../components/icons/Svg.js</title>
+<path fill="none" stroke="#757575" d="M6565.75,-2916.02C6579.26,-2918.78 6592.69,-2922.25 6605.25,-2926.63 6663.99,-2947.11 6724.61,-2988.56 6757.16,-3012.8"/>
+<polygon fill="#757575" stroke="#757575" points="6754.66,-3015.3 6764.75,-3018.53 6758.88,-3009.71 6754.66,-3015.3"/>
+</g>
+<!-- ../components/icons/svg/SendSmallIcon.js&#45;&gt;../components/icons/Svg.js -->
+<g id="edge401" class="edge">
+<title>../components/icons/svg/SendSmallIcon.js&#45;&gt;../components/icons/Svg.js</title>
+<path fill="none" stroke="#757575" d="M6581.28,-2875.97C6589.53,-2878.4 6597.59,-2881.26 6605.25,-2884.63 6672.9,-2914.39 6735.01,-2978.24 6764.07,-3011.12"/>
+<polygon fill="#757575" stroke="#757575" points="6761.18,-3013.13 6770.38,-3018.38 6766.46,-3008.54 6761.18,-3013.13"/>
+</g>
+<!-- ../components/icons/svg/ShareIcon.js&#45;&gt;../components/icons/Svg.js -->
+<g id="edge402" class="edge">
+<title>../components/icons/svg/ShareIcon.js&#45;&gt;../components/icons/Svg.js</title>
+<path fill="none" stroke="#757575" d="M6568.04,-2828.83C6581,-2832.16 6593.67,-2836.65 6605.25,-2842.63 6682.06,-2882.32 6743.06,-2969.41 6768.51,-3010"/>
+<polygon fill="#757575" stroke="#757575" points="6765.46,-3011.73 6773.67,-3018.42 6771.42,-3008.06 6765.46,-3011.73"/>
+</g>
+<!-- ../components/icons/svg/SignatureIcon.js&#45;&gt;../components/icons/Svg.js -->
+<g id="edge403" class="edge">
+<title>../components/icons/svg/SignatureIcon.js&#45;&gt;../components/icons/Svg.js</title>
+<path fill="none" stroke="#757575" d="M6579.1,-2788.91C6588.24,-2792.02 6597.07,-2795.88 6605.25,-2800.63 6691.46,-2850.72 6749.55,-2961.21 6771.55,-3008.94"/>
+<polygon fill="#757575" stroke="#757575" points="6768.33,-3010.33 6775.62,-3018.02 6774.72,-3007.46 6768.33,-3010.33"/>
+</g>
+<!-- ../components/icons/svg/SnapchatIcon.js&#45;&gt;../components/icons/Svg.js -->
+<g id="edge404" class="edge">
+<title>../components/icons/svg/SnapchatIcon.js&#45;&gt;../components/icons/Svg.js</title>
+<path fill="none" stroke="#757575" d="M6578.75,-2745.92C6588.07,-2749.24 6597.03,-2753.41 6605.25,-2758.63 6701.54,-2819.75 6755.6,-2954.64 6774.07,-3008.63"/>
+<polygon fill="#757575" stroke="#757575" points="6770.7,-3009.6 6777.17,-3017.99 6777.35,-3007.4 6770.7,-3009.6"/>
+</g>
+<!-- ../components/icons/svg/SpinnerIcon.js&#45;&gt;../components/animations/index.js -->
+<g id="edge405" class="edge">
+<title>../components/icons/svg/SpinnerIcon.js&#45;&gt;../components/animations/index.js</title>
+<path fill="none" stroke="#757575" d="M6573.15,-1391.68C6584.96,-1387.34 6595.97,-1381.18 6605.25,-1372.63 6724.92,-1262.43 6771.04,-712.24 6779.78,-591.91"/>
+<polygon fill="#757575" stroke="#757575" points="6783.25,-592.52 6780.46,-582.3 6776.26,-592.02 6783.25,-592.52"/>
+</g>
+<!-- ../components/icons/svg/SpinnerIcon.js&#45;&gt;../components/icons/Svg.js -->
+<g id="edge406" class="edge">
+<title>../components/icons/svg/SpinnerIcon.js&#45;&gt;../components/icons/Svg.js</title>
+<path fill="none" stroke="#757575" d="M6573.35,-1394.31C6585.27,-1398.85 6596.25,-1405.4 6605.25,-1414.63 6722.11,-1534.43 6773.57,-2818.87 6780.54,-3008.34"/>
+<polygon fill="#757575" stroke="#757575" points="6777.04,-3008.26 6780.9,-3018.13 6784.03,-3008.01 6777.04,-3008.26"/>
+</g>
+<!-- ../components/icons/svg/StarIcon.js&#45;&gt;../components/icons/Svg.js -->
+<g id="edge407" class="edge">
+<title>../components/icons/svg/StarIcon.js&#45;&gt;../components/icons/Svg.js</title>
+<path fill="none" stroke="#757575" d="M6562.38,-2698.14C6577.64,-2702.02 6592.43,-2707.92 6605.25,-2716.63 6711.89,-2789.14 6760.9,-2948.67 6776.02,-3008.43"/>
+<polygon fill="#757575" stroke="#757575" points="6772.54,-3008.94 6778.31,-3017.82 6779.34,-3007.28 6772.54,-3008.94"/>
+</g>
+<!-- ../components/icons/svg/SwapIcon.js&#45;&gt;../components/icons/Svg.js -->
+<g id="edge408" class="edge">
+<title>../components/icons/svg/SwapIcon.js&#45;&gt;../components/icons/Svg.js</title>
+<path fill="none" stroke="#757575" d="M6566.82,-2656.64C6580.58,-2660.61 6593.77,-2666.39 6605.25,-2674.63 6722.58,-2758.91 6765.73,-2943.57 6777.61,-3008.5"/>
+<polygon fill="#757575" stroke="#757575" points="6774.11,-3008.76 6779.27,-3018.01 6781,-3007.56 6774.11,-3008.76"/>
+</g>
+<!-- ../components/icons/svg/TelegramIcon.js&#45;&gt;../components/icons/Svg.js -->
+<g id="edge409" class="edge">
+<title>../components/icons/svg/TelegramIcon.js&#45;&gt;../components/icons/Svg.js</title>
+<path fill="none" stroke="#757575" d="M6578.17,-2617.91C6587.85,-2621.63 6597.02,-2626.45 6605.25,-2632.63 6733.19,-2728.72 6769.92,-2938.04 6778.84,-3008.19"/>
+<polygon fill="#757575" stroke="#757575" points="6775.33,-3008.24 6779.99,-3017.76 6782.28,-3007.42 6775.33,-3008.24"/>
+</g>
+<!-- ../components/icons/svg/ThreeDotsIcon.js&#45;&gt;../components/icons/Svg.js -->
+<g id="edge410" class="edge">
+<title>../components/icons/svg/ThreeDotsIcon.js&#45;&gt;../components/icons/Svg.js</title>
+<path fill="none" stroke="#757575" d="M6581.48,-2576.84C6589.97,-2580.45 6598,-2584.98 6605.25,-2590.63 6744.17,-2698.91 6773.88,-2933.6 6779.91,-3008.3"/>
+<polygon fill="#757575" stroke="#757575" points="6776.41,-3008.37 6780.63,-3018.09 6783.39,-3007.86 6776.41,-3008.37"/>
+</g>
+<!-- ../components/icons/svg/TouchIdIcon.js&#45;&gt;../components/icons/Svg.js -->
+<g id="edge411" class="edge">
+<title>../components/icons/svg/TouchIdIcon.js&#45;&gt;../components/icons/Svg.js</title>
+<path fill="none" stroke="#757575" d="M6573.6,-2531.42C6585.04,-2535.48 6595.84,-2541.07 6605.25,-2548.63 6755.13,-2669.14 6777.48,-2928.97 6780.8,-3008.21"/>
+<polygon fill="#757575" stroke="#757575" points="6777.29,-3007.94 6781.13,-3017.82 6784.28,-3007.7 6777.29,-3007.94"/>
+</g>
+<!-- ../components/icons/svg/TwitterIcon.js&#45;&gt;../components/icons/Svg.js -->
+<g id="edge412" class="edge">
+<title>../components/icons/svg/TwitterIcon.js&#45;&gt;../components/icons/Svg.js</title>
+<path fill="none" stroke="#757575" d="M6569.9,-2487.83C6582.75,-2492.02 6594.88,-2498.07 6605.25,-2506.63 6766.21,-2639.53 6780.83,-2924.64 6781.56,-3008.18"/>
+<polygon fill="#757575" stroke="#757575" points="6778.06,-3008.09 6781.58,-3018.09 6785.06,-3008.08 6778.06,-3008.09"/>
+</g>
+<!-- ../components/icons/svg/WalletConnectIcon.js&#45;&gt;../components/icons/Svg.js -->
+<g id="edge413" class="edge">
+<title>../components/icons/svg/WalletConnectIcon.js&#45;&gt;../components/icons/Svg.js</title>
+<path fill="none" stroke="#757575" d="M6592.9,-2455.86C6597.24,-2458.44 6601.37,-2461.36 6605.25,-2464.63 6692.75,-2538.55 6761.07,-2911.5 6777.56,-3008.53"/>
+<polygon fill="#757575" stroke="#757575" points="6774.07,-3008.88 6779.18,-3018.16 6780.98,-3007.72 6774.07,-3008.88"/>
+</g>
+<!-- ../components/icons/svg/WalletSwitcherCaret.js&#45;&gt;../components/icons/Svg.js -->
+<g id="edge414" class="edge">
+<title>../components/icons/svg/WalletSwitcherCaret.js&#45;&gt;../components/icons/Svg.js</title>
+<path fill="none" stroke="#757575" d="M6593.34,-2413.98C6597.52,-2416.53 6601.51,-2419.41 6605.25,-2422.63 6698.29,-2502.81 6762.97,-2906.09 6778.02,-3008.14"/>
+<polygon fill="#757575" stroke="#757575" points="6774.52,-3008.4 6779.43,-3017.79 6781.45,-3007.39 6774.52,-3008.4"/>
+</g>
+<!-- ../components/icons/svg/WarningCircledIcon.js&#45;&gt;../components/icons/Svg.js -->
+<g id="edge415" class="edge">
+<title>../components/icons/svg/WarningCircledIcon.js&#45;&gt;../components/icons/Svg.js</title>
+<path fill="none" stroke="#757575" d="M6593.41,-2371.89C6597.57,-2374.47 6601.54,-2377.38 6605.25,-2380.63 6704.01,-2467.24 6764.95,-2902.14 6778.5,-3008.25"/>
+<polygon fill="#757575" stroke="#757575" points="6775.01,-3008.53 6779.73,-3018.02 6781.95,-3007.66 6775.01,-3008.53"/>
+</g>
+<!-- ../components/icons/svg/WarningIcon.js&#45;&gt;../components/icons/Svg.js -->
+<g id="edge416" class="edge">
+<title>../components/icons/svg/WarningIcon.js&#45;&gt;../components/icons/Svg.js</title>
+<path fill="none" stroke="#757575" d="M6575.18,-2320.76C6586.17,-2324.98 6596.44,-2330.79 6605.25,-2338.63 6709.69,-2431.64 6766.72,-2897.76 6778.89,-3008.16"/>
+<polygon fill="#757575" stroke="#757575" points="6775.38,-3008.23 6779.94,-3017.79 6782.34,-3007.47 6775.38,-3008.23"/>
+</g>
+<!-- ../components/inputs/ClearInputDecorator.js&#45;&gt;../components/layout/index.js -->
+<g id="edge418" class="edge">
+<title>../components/inputs/ClearInputDecorator.js&#45;&gt;../components/layout/index.js</title>
+<path fill="none" stroke="#757575" d="M4849.85,-2215.98C4870.4,-2219.54 4891.66,-2224.02 4911.25,-2229.63 5075.03,-2276.53 5107.08,-2313.3 5264,-2379.63 5548.3,-2499.8 5676.49,-2440.32 5904.25,-2648.63 5929.48,-2671.71 5911.92,-2697.48 5940.25,-2716.63 5998.33,-2755.89 6206.51,-2698.06 6254,-2749.63 6314.42,-2815.24 6230.52,-4288.17 6290,-4354.63 6303.21,-4369.4 6321.44,-4377.5 6340.8,-4381.53"/>
+<polygon fill="#757575" stroke="#757575" points="6340.03,-4384.95 6350.47,-4383.16 6341.19,-4378.05 6340.03,-4384.95"/>
+</g>
+<!-- ../components/inputs/ClearInputDecorator.js&#45;&gt;../components/text/index.js -->
+<g id="edge419" class="edge">
+<title>../components/inputs/ClearInputDecorator.js&#45;&gt;../components/text/index.js</title>
+<path fill="none" stroke="#757575" d="M4771.34,-2215.93C4809.55,-2235.76 4880.13,-2278.71 4911.25,-2338.63 4963.2,-2438.68 4916.52,-2736.17 4947.25,-2844.63 4975.02,-2942.67 5041.28,-3046.17 5071.33,-3090"/>
+<polygon fill="#757575" stroke="#757575" points="5068.39,-3091.9 5076.96,-3098.12 5074.14,-3087.91 5068.39,-3091.9"/>
+</g>
+<!-- ../components/inputs/ClearInputDecorator.js&#45;&gt;../components/animations/index.js -->
+<g id="edge417" class="edge">
+<title>../components/inputs/ClearInputDecorator.js&#45;&gt;../components/animations/index.js</title>
+<path fill="none" stroke="#757575" d="M4749.29,-2191.55C4769.85,-2123.24 4871.2,-1778.3 4911.25,-1488.63 4917.06,-1446.6 4917.3,-755.7 4947.25,-725.63 5021,-651.6 5312.38,-701.63 5416.88,-701.63 5416.88,-701.63 5416.88,-701.63 6098.12,-701.63 6323.77,-701.63 6389.74,-744.47 6605.25,-677.63 6666.21,-658.73 6727.3,-613.64 6759.04,-587.77"/>
+<polygon fill="#757575" stroke="#757575" points="6760.92,-590.75 6766.38,-581.68 6756.45,-585.36 6760.92,-590.75"/>
+</g>
+<!-- ../components/layout/Centered.js&#45;&gt;../components/layout/Flex.js -->
+<g id="edge421" class="edge">
+<title>../components/layout/Centered.js&#45;&gt;../components/layout/Flex.js</title>
+<path fill="none" stroke="#757575" d="M7167.54,-4313.94C7196.48,-4320.81 7232.51,-4329.93 7264.25,-4339.63 7292.93,-4348.4 7324.66,-4359.89 7349.23,-4369.19"/>
+<polygon fill="#757575" stroke="#757575" points="7347.97,-4372.46 7358.56,-4372.76 7350.47,-4365.92 7347.97,-4372.46"/>
+</g>
+<!-- ../components/layout/Column.js&#45;&gt;../components/layout/Flex.js -->
+<g id="edge422" class="edge">
+<title>../components/layout/Column.js&#45;&gt;../components/layout/Flex.js</title>
+<path fill="none" stroke="#757575" d="M7159.53,-4585.33C7191.08,-4575.52 7232.59,-4559.58 7264.25,-4536.63 7314.55,-4500.17 7357.32,-4439.58 7377.99,-4407.35"/>
+<polygon fill="#757575" stroke="#757575" points="7380.73,-4409.56 7383.1,-4399.23 7374.81,-4405.83 7380.73,-4409.56"/>
+</g>
+<!-- ../components/layout/ColumnWithDividers.js&#45;&gt;../components/layout/LayoutWithDividers.js -->
+<g id="edge423" class="edge">
+<title>../components/layout/ColumnWithDividers.js&#45;&gt;../components/layout/LayoutWithDividers.js</title>
+<path fill="none" stroke="#757575" d="M6867.71,-4443.27C6912.8,-4436.66 6968.48,-4428.5 7015.18,-4421.66"/>
+<polygon fill="#757575" stroke="#757575" points="7015.65,-4425.13 7025.04,-4420.21 7014.64,-4418.2 7015.65,-4425.13"/>
+</g>
+<!-- ../components/layout/LayoutWithDividers.js&#45;&gt;../components/layout/Flex.js -->
+<g id="edge425" class="edge">
+<title>../components/layout/LayoutWithDividers.js&#45;&gt;../components/layout/Flex.js</title>
+<path fill="none" stroke="#757575" d="M7250.02,-4396.79C7262.95,-4395.77 7275.9,-4394.75 7288.42,-4393.76"/>
+<polygon fill="#757575" stroke="#757575" points="7288.59,-4397.26 7298.28,-4392.98 7288.04,-4390.28 7288.59,-4397.26"/>
+</g>
+<!-- ../components/layout/ColumnWithMargins.js&#45;&gt;../components/layout/LayoutWithMargins.js -->
+<g id="edge424" class="edge">
+<title>../components/layout/ColumnWithMargins.js&#45;&gt;../components/layout/LayoutWithMargins.js</title>
+<path fill="none" stroke="#757575" d="M6923.69,-4527.06C6936.51,-4526.28 6949.53,-4525.48 6962.42,-4524.7"/>
+<polygon fill="#757575" stroke="#757575" points="6962.43,-4528.2 6972.2,-4524.1 6962.01,-4521.22 6962.43,-4528.2"/>
+</g>
+<!-- ../components/layout/LayoutWithMargins.js&#45;&gt;../components/layout/Flex.js -->
+<g id="edge426" class="edge">
+<title>../components/layout/LayoutWithMargins.js&#45;&gt;../components/layout/Flex.js</title>
+<path fill="none" stroke="#757575" d="M7139.31,-4503.28C7189.29,-4479.94 7297.71,-4429.31 7354.65,-4402.72"/>
+<polygon fill="#757575" stroke="#757575" points="7356.04,-4405.94 7363.62,-4398.54 7353.07,-4399.6 7356.04,-4405.94"/>
+</g>
+<!-- ../components/layout/Row.js&#45;&gt;../components/layout/Flex.js -->
+<g id="edge427" class="edge">
+<title>../components/layout/Row.js&#45;&gt;../components/layout/Flex.js</title>
+<path fill="none" stroke="#757575" d="M7204.41,-4368.85C7231.43,-4371.28 7261.18,-4373.95 7288.83,-4376.43"/>
+<polygon fill="#757575" stroke="#757575" points="7288.35,-4379.91 7298.63,-4377.31 7288.98,-4372.93 7288.35,-4379.91"/>
+</g>
+<!-- ../components/layout/RowWithDividers.js&#45;&gt;../components/layout/LayoutWithDividers.js -->
+<g id="edge428" class="edge">
+<title>../components/layout/RowWithDividers.js&#45;&gt;../components/layout/LayoutWithDividers.js</title>
+<path fill="none" stroke="#757575" d="M6910,-4388C6930.67,-4390.02 6952.18,-4392.13 6973.1,-4394.17"/>
+<polygon fill="#757575" stroke="#757575" points="6972.52,-4397.63 6982.82,-4395.12 6973.2,-4390.66 6972.52,-4397.63"/>
+</g>
+<!-- ../components/layout/RowWithMargins.js&#45;&gt;../components/layout/LayoutWithMargins.js -->
+<g id="edge429" class="edge">
+<title>../components/layout/RowWithMargins.js&#45;&gt;../components/layout/LayoutWithMargins.js</title>
+<path fill="none" stroke="#757575" d="M6871.73,-4565.31C6888.93,-4562.65 6906.81,-4559.71 6923.5,-4556.63 6965.2,-4548.95 7011.77,-4538.77 7048.05,-4530.47"/>
+<polygon fill="#757575" stroke="#757575" points="7048.53,-4533.96 7057.49,-4528.3 7046.96,-4527.13 7048.53,-4533.96"/>
+</g>
+<!-- ../components/list/List.js&#45;&gt;../components/list/ListItem.js -->
+<g id="edge443" class="edge">
+<title>../components/list/List.js&#45;&gt;../components/list/ListItem.js</title>
+<path fill="none" stroke="#757575" d="M3748.31,-4089.45C3777.34,-4041.19 3883.77,-3857.88 3929,-3691.63 3949.82,-3615.12 3912.85,-3396.36 3965,-3336.63 4138.48,-3137.93 4296.24,-3293.45 4542,-3197.63 4559.05,-3190.98 4560.69,-3183.59 4578,-3177.63 4597.48,-3170.93 4618.85,-3165.94 4639.57,-3162.24"/>
+<polygon fill="#757575" stroke="#757575" points="4639.9,-3165.74 4649.18,-3160.62 4638.73,-3158.83 4639.9,-3165.74"/>
+</g>
+<!-- ../components/list/List.js&#45;&gt;../components/list/ListItemDivider.js -->
+<g id="edge444" class="edge">
+<title>../components/list/List.js&#45;&gt;../components/list/ListItemDivider.js</title>
+<path fill="none" stroke="#757575" d="M3820.21,-4099.61C3854.94,-4101.43 3895.34,-4107.34 3929,-4122.63 3948.76,-4131.61 3945.15,-4146.86 3965,-4155.63 4015.39,-4177.9 4075.53,-4185.84 4127.74,-4187.65"/>
+<polygon fill="#757575" stroke="#757575" points="4127.49,-4191.14 4137.58,-4187.91 4127.68,-4184.14 4127.49,-4191.14"/>
+</g>
+<!-- ../components/list/ListItem.js&#45;&gt;../components/layout/index.js -->
+<g id="edge453" class="edge">
+<title>../components/list/ListItem.js&#45;&gt;../components/layout/index.js</title>
+<path fill="none" stroke="#757575" d="M4802.38,-3163.95C4836.07,-3173.11 4878.47,-3188 4911.25,-3210.63 5110.46,-3348.17 5051.04,-3510.54 5264,-3625.63 5459.06,-3731.04 6102.41,-3587.83 6254,-3749.63 6346.08,-3847.92 6198.35,-4255.95 6290,-4354.63 6303.41,-4369.07 6321.61,-4377.06 6340.88,-4381.08"/>
+<polygon fill="#757575" stroke="#757575" points="6340.05,-4384.49 6350.49,-4382.71 6341.22,-4377.59 6340.05,-4384.49"/>
+</g>
+<!-- ../components/list/ListItem.js&#45;&gt;../components/text/index.js -->
+<g id="edge454" class="edge">
+<title>../components/list/ListItem.js&#45;&gt;../components/text/index.js</title>
+<path fill="none" stroke="#757575" d="M4838.35,-3140.75C4884.64,-3135.33 4940.66,-3128.75 4987.76,-3123.23"/>
+<polygon fill="#757575" stroke="#757575" points="4987.88,-3126.74 4997.4,-3122.1 4987.06,-3119.79 4987.88,-3126.74"/>
+</g>
+<!-- ../components/list/ListItem.js&#45;&gt;../components/animations/index.js -->
+<g id="edge451" class="edge">
+<title>../components/list/ListItem.js&#45;&gt;../components/animations/index.js</title>
+<path fill="none" stroke="#757575" d="M4748.83,-3139.38C4763.12,-3086.96 4825.68,-2878.86 4947.25,-2759.63 5167.92,-2543.21 5395.54,-2707.57 5571.75,-2453.63 5618.34,-2386.49 5578.49,-2163.94 5607.75,-2087.63 5687.37,-1880.01 5826.86,-1893.1 5904.25,-1684.63 5940.63,-1586.64 5866.22,-1289.43 5940.25,-1215.63 5992.72,-1163.32 6547.59,-1213.16 6605.25,-1166.63 6699.15,-1090.86 6763.09,-693.46 6778.02,-592.15"/>
+<polygon fill="#757575" stroke="#757575" points="6781.48,-592.72 6779.45,-582.32 6774.55,-591.72 6781.48,-592.72"/>
+</g>
+<!-- ../components/list/ListItem.js&#45;&gt;../components/icons/index.js -->
+<g id="edge452" class="edge">
+<title>../components/list/ListItem.js&#45;&gt;../components/icons/index.js</title>
+<path fill="none" stroke="#757575" d="M4748.56,-3139.44C4761.56,-3088.37 4818.99,-2890.28 4947.25,-2802.63 5051.47,-2731.41 5103.39,-2779.81 5228,-2759.63 5386.08,-2734.03 5570.45,-2702.06 5673.88,-2683.93"/>
+<polygon fill="#757575" stroke="#757575" points="5674.43,-2687.39 5683.67,-2682.21 5673.22,-2680.49 5674.43,-2687.39"/>
+</g>
+<!-- ../components/list/ListHeader.js&#45;&gt;../components/layout/index.js -->
+<g id="edge448" class="edge">
+<title>../components/list/ListHeader.js&#45;&gt;../components/layout/index.js</title>
+<path fill="none" stroke="#757575" d="M3757.82,-3682.89C3791.51,-3707.53 3868.86,-3765.32 3929,-3819.63 3946.03,-3835.01 3944.21,-3846.93 3965,-3856.63 4081.51,-3911.02 4439.99,-3821.36 4542,-3899.63 4580.47,-3929.15 4539.33,-3973.37 4578,-4002.63 4668.3,-4070.96 4973.39,-4033.63 5086.62,-4033.63 5086.62,-4033.63 5086.62,-4033.63 5757,-4033.63 5867.57,-4033.63 6173.04,-3982.32 6254,-4057.63 6351.36,-4148.19 6196.58,-4260.02 6290,-4354.63 6303.62,-4368.42 6321.64,-4376.2 6340.61,-4380.24"/>
+<polygon fill="#757575" stroke="#757575" points="6339.92,-4383.67 6350.37,-4381.94 6341.12,-4376.77 6339.92,-4383.67"/>
+</g>
+<!-- ../components/list/ListHeader.js&#45;&gt;../components/text/index.js -->
+<g id="edge450" class="edge">
+<title>../components/list/ListHeader.js&#45;&gt;../components/text/index.js</title>
+<path fill="none" stroke="#757575" d="M3841.88,-3667.8C4110.31,-3659.43 4826.74,-3631.31 4911.25,-3567.63 5056.6,-3458.12 5081.5,-3211.87 5085.75,-3135.01"/>
+<polygon fill="#757575" stroke="#757575" points="5089.23,-3135.46 5086.22,-3125.31 5082.24,-3135.13 5089.23,-3135.46"/>
+</g>
+<!-- ../components/list/ListHeader.js&#45;&gt;../components/animations/index.js -->
+<g id="edge445" class="edge">
+<title>../components/list/ListHeader.js&#45;&gt;../components/animations/index.js</title>
+<path fill="none" stroke="#757575" d="M3743.58,-3658.48C3761.64,-3576.91 3866.09,-3100.55 3929,-2708.63 3939.15,-2645.38 3918.53,-2466.72 3965,-2422.63 4058.26,-2334.15 4446.35,-2466.54 4542,-2380.63 4575.27,-2350.75 4568.66,-2226.37 4578,-2182.63 4582.49,-2161.62 4930.59,-694.19 4947.25,-680.63 5028.26,-614.73 5312.45,-663.63 5416.88,-663.63 5416.88,-663.63 5416.88,-663.63 6098.12,-663.63 6323.77,-663.63 6384.82,-687.83 6605.25,-639.63 6657.2,-628.27 6713.62,-603.04 6748.24,-585.92"/>
+<polygon fill="#757575" stroke="#757575" points="6749.53,-589.19 6756.9,-581.58 6746.39,-582.93 6749.53,-589.19"/>
+</g>
+<!-- ../components/list/ListHeader.js&#45;&gt;../components/coin&#45;divider/CoinDividerButtonLabel.js -->
+<g id="edge446" class="edge">
+<title>../components/list/ListHeader.js&#45;&gt;../components/coin&#45;divider/CoinDividerButtonLabel.js</title>
+<path fill="none" stroke="#757575" d="M3744.83,-3658.36C3763.41,-3601.71 3846.24,-3361.24 3965,-3193.63 4185.94,-2881.81 4234.16,-2757.43 4578,-2590.63 4581.56,-2588.9 4585.22,-2587.3 4588.94,-2585.81"/>
+<polygon fill="#757575" stroke="#757575" points="4590,-2589.15 4598.2,-2582.44 4587.6,-2582.58 4590,-2589.15"/>
+</g>
+<!-- ../components/list/ListHeader.js&#45;&gt;../components/context&#45;menu/index.js -->
+<g id="edge447" class="edge">
+<title>../components/list/ListHeader.js&#45;&gt;../components/context&#45;menu/index.js</title>
+<path fill="none" stroke="#757575" d="M3841.96,-3674.58C3922.58,-3677.74 4036.06,-3682.17 4123.28,-3685.58"/>
+<polygon fill="#757575" stroke="#757575" points="4122.95,-3689.07 4133.08,-3685.96 4123.23,-3682.08 4122.95,-3689.07"/>
+</g>
+<!-- ../components/savings/index.js -->
+<g id="node242" class="node">
+<title>../components/savings/index.js</title>
+<path fill="none" stroke="#c6c5fe" d="M4345.83,-3847.51C4345.83,-3847.51 4161.17,-3847.51 4161.17,-3847.51 4157.21,-3847.51 4153.25,-3843.55 4153.25,-3839.59 4153.25,-3839.59 4153.25,-3831.67 4153.25,-3831.67 4153.25,-3827.72 4157.21,-3823.76 4161.17,-3823.76 4161.17,-3823.76 4345.83,-3823.76 4345.83,-3823.76 4349.79,-3823.76 4353.75,-3827.72 4353.75,-3831.67 4353.75,-3831.67 4353.75,-3839.59 4353.75,-3839.59 4353.75,-3843.55 4349.79,-3847.51 4345.83,-3847.51"/>
+<text text-anchor="middle" x="4253.5" y="-3830.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/savings/index.js</text>
+</g>
+<!-- ../components/list/ListHeader.js&#45;&gt;../components/savings/index.js -->
+<g id="edge449" class="edge">
+<title>../components/list/ListHeader.js&#45;&gt;../components/savings/index.js</title>
+<path fill="none" stroke="#757575" d="M3778.91,-3682.9C3870.21,-3712.34 4101.68,-3786.99 4203.34,-3819.78"/>
+<polygon fill="#757575" stroke="#757575" points="4202.18,-3823.08 4212.77,-3822.82 4204.33,-3816.42 4202.18,-3823.08"/>
+</g>
+<!-- ../components/savings/SavingsListHeader.js -->
+<g id="node245" class="node">
+<title>../components/savings/SavingsListHeader.js</title>
+<path fill="none" stroke="#c6c5fe" d="M4877.08,-3883.51C4877.08,-3883.51 4612.17,-3883.51 4612.17,-3883.51 4608.21,-3883.51 4604.25,-3879.55 4604.25,-3875.59 4604.25,-3875.59 4604.25,-3867.67 4604.25,-3867.67 4604.25,-3863.72 4608.21,-3859.76 4612.17,-3859.76 4612.17,-3859.76 4877.08,-3859.76 4877.08,-3859.76 4881.04,-3859.76 4885,-3863.72 4885,-3867.67 4885,-3867.67 4885,-3875.59 4885,-3875.59 4885,-3879.55 4881.04,-3883.51 4877.08,-3883.51"/>
+<text text-anchor="middle" x="4744.62" y="-3866.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/savings/SavingsListHeader.js</text>
+</g>
+<!-- ../components/savings/index.js&#45;&gt;../components/savings/SavingsListHeader.js -->
+<g id="edge469" class="edge">
+<title>../components/savings/index.js&#45;&gt;../components/savings/SavingsListHeader.js</title>
+<path fill="none" stroke="#757575" d="M4354.07,-3842.96C4422.63,-3848.01 4514.97,-3854.8 4592.54,-3860.51"/>
+<polygon fill="#757575" stroke="#757575" points="4592.13,-3863.99 4602.36,-3861.23 4592.65,-3857.01 4592.13,-3863.99"/>
+</g>
+<!-- ../components/list/ListItemArrowGroup.js&#45;&gt;../assets/family&#45;dropdown&#45;arrow.png -->
+<g id="edge455" class="edge">
+<title>../components/list/ListItemArrowGroup.js&#45;&gt;../assets/family&#45;dropdown&#45;arrow.png</title>
+<path fill="none" stroke="#757575" d="M4875.17,-3909.24C4887.98,-3905.34 4900.28,-3899.96 4911.25,-3892.63 4938.07,-3874.72 4920.97,-3848.32 4947.25,-3829.63 4952.2,-3826.11 4957.5,-3823.03 4963.02,-3820.33"/>
+<polygon fill="#757575" stroke="#757575" points="4964.04,-3823.7 4971.8,-3816.49 4961.23,-3817.29 4964.04,-3823.7"/>
+</g>
+<!-- ../components/list/ListItemArrowGroup.js&#45;&gt;../components/layout/index.js -->
+<g id="edge456" class="edge">
+<title>../components/list/ListItemArrowGroup.js&#45;&gt;../components/layout/index.js</title>
+<path fill="none" stroke="#757575" d="M4875.07,-3911.38C5231.44,-3905.81 6204.02,-3894.96 6254,-3941.63 6321.33,-4004.51 6226.38,-4288 6290,-4354.63 6303.46,-4368.73 6321.52,-4376.62 6340.58,-4380.66"/>
+<polygon fill="#757575" stroke="#757575" points="6339.95,-4384.11 6350.4,-4382.36 6341.14,-4377.21 6339.95,-4384.11"/>
+</g>
+<!-- ../components/list/ListItemArrowGroup.js&#45;&gt;../components/text/index.js -->
+<g id="edge457" class="edge">
+<title>../components/list/ListItemArrowGroup.js&#45;&gt;../components/text/index.js</title>
+<path fill="none" stroke="#757575" d="M4875.17,-3913.25C4888.45,-3908.72 4900.85,-3902.09 4911.25,-3892.63 4940.69,-3865.85 5057.91,-3261.41 5082.2,-3134.77"/>
+<polygon fill="#757575" stroke="#757575" points="5085.59,-3135.71 5084.03,-3125.23 5078.71,-3134.4 5085.59,-3135.71"/>
+</g>
+<!-- ../components/savings/SavingsListHeader.js&#45;&gt;../assets/family&#45;dropdown&#45;arrow.png -->
+<g id="edge465" class="edge">
+<title>../components/savings/SavingsListHeader.js&#45;&gt;../assets/family&#45;dropdown&#45;arrow.png</title>
+<path fill="none" stroke="#757575" d="M4851.25,-3859.3C4871.38,-3855.76 4892.13,-3851.28 4911.25,-3845.63 4928.04,-3840.68 4930.53,-3834.83 4947.25,-3829.63 4961.53,-3825.19 4976.88,-3821.4 4991.99,-3818.19"/>
+<polygon fill="#757575" stroke="#757575" points="4992.35,-3821.69 5001.45,-3816.26 4990.95,-3814.83 4992.35,-3821.69"/>
+</g>
+<!-- ../components/savings/SavingsListHeader.js&#45;&gt;../components/layout/index.js -->
+<g id="edge467" class="edge">
+<title>../components/savings/SavingsListHeader.js&#45;&gt;../components/layout/index.js</title>
+<path fill="none" stroke="#757575" d="M4885.29,-3859.4C4894.46,-3855.7 4903.22,-3851.17 4911.25,-3845.63 4937.8,-3827.32 4919.36,-3798.82 4947.25,-3782.63 5001.21,-3751.32 5174.84,-3749.98 5228,-3782.63 5258.15,-3801.15 5234.37,-3834.3 5264,-3853.63 5356.27,-3913.82 6175.1,-3830.75 6254,-3907.63 6325.37,-3977.18 6221.42,-4282.33 6290,-4354.63 6303.41,-4368.78 6321.45,-4376.69 6340.5,-4380.73"/>
+<polygon fill="#757575" stroke="#757575" points="6339.87,-4384.18 6350.32,-4382.43 6341.07,-4377.28 6339.87,-4384.18"/>
+</g>
+<!-- ../components/savings/SavingsListHeader.js&#45;&gt;../components/text/index.js -->
+<g id="edge468" class="edge">
+<title>../components/savings/SavingsListHeader.js&#45;&gt;../components/text/index.js</title>
+<path fill="none" stroke="#757575" d="M4829.45,-3859.29C4859.21,-3850.84 4890.45,-3836.61 4911.25,-3812.63 4963.86,-3751.99 4928.92,-3713.79 4947.25,-3635.63 4992.96,-3440.7 5058.92,-3207.97 5079.93,-3134.81"/>
+<polygon fill="#757575" stroke="#757575" points="5083.29,-3135.78 5082.7,-3125.21 5076.57,-3133.85 5083.29,-3135.78"/>
+</g>
+<!-- ../components/savings/SavingsListHeader.js&#45;&gt;../components/animations/index.js -->
+<g id="edge466" class="edge">
+<title>../components/savings/SavingsListHeader.js&#45;&gt;../components/animations/index.js</title>
+<path fill="none" stroke="#757575" d="M4810.43,-3859.28C4843.29,-3850.51 4882.26,-3836.01 4911.25,-3812.63 4934.86,-3793.58 4922.82,-3772.62 4947.25,-3754.63 5178.17,-3584.64 5313.22,-3716.67 5571.75,-3592.63 5737.97,-3512.89 5817.19,-3507.14 5904.25,-3344.63 5939.46,-3278.92 5928.8,-2748.3 5940.25,-2674.63 6035.01,-2064.72 5858.07,-1771.54 6290,-1330.63 6391.88,-1226.63 6503.3,-1345.56 6605.25,-1241.63 6700.23,-1144.81 6764.12,-699.82 6778.36,-592.14"/>
+<polygon fill="#757575" stroke="#757575" points="6781.8,-592.85 6779.62,-582.48 6774.86,-591.95 6781.8,-592.85"/>
+</g>
+<!-- ../components/sheet/DynamicHeightSheet.js&#45;&gt;../components/layout/index.js -->
+<g id="edge471" class="edge">
+<title>../components/sheet/DynamicHeightSheet.js&#45;&gt;../components/layout/index.js</title>
+<path fill="none" stroke="#757575" d="M4851.46,-4917.26C5011.97,-4898.91 5309.63,-4866.63 5416.88,-4866.63 5416.88,-4866.63 5416.88,-4866.63 5757,-4866.63 5978.87,-4866.63 6074.44,-4949.97 6254,-4819.63 6399.57,-4713.96 6436.38,-4474.53 6444.53,-4398.95"/>
+<polygon fill="#757575" stroke="#757575" points="6447.97,-4399.7 6445.49,-4389.41 6441.01,-4399.01 6447.97,-4399.7"/>
+</g>
+<!-- ../components/sheet/DynamicHeightSheet.js&#45;&gt;../components/TouchableBackdrop.js -->
+<g id="edge470" class="edge">
+<title>../components/sheet/DynamicHeightSheet.js&#45;&gt;../components/TouchableBackdrop.js</title>
+<path fill="none" stroke="#757575" d="M4886.29,-4929.63C4909.78,-4929.63 4934.05,-4929.63 4957.25,-4929.63"/>
+<polygon fill="#757575" stroke="#757575" points="4957.02,-4933.13 4967.02,-4929.63 4957.02,-4926.13 4957.02,-4933.13"/>
+</g>
+<!-- ../components/sheet/Sheet.js&#45;&gt;../components/layout/index.js -->
+<g id="edge473" class="edge">
+<title>../components/sheet/Sheet.js&#45;&gt;../components/layout/index.js</title>
+<path fill="none" stroke="#757575" d="M4840.39,-4971.17C4970.39,-4970.58 5211.33,-4969.63 5416.88,-4969.63 5416.88,-4969.63 5416.88,-4969.63 5757,-4969.63 5982.23,-4969.63 6081.47,-5015.41 6254,-4870.63 6406.54,-4742.63 6438.8,-4478.35 6445.16,-4398.79"/>
+<polygon fill="#757575" stroke="#757575" points="6448.62,-4399.39 6445.86,-4389.17 6441.64,-4398.88 6448.62,-4399.39"/>
+</g>
+<!-- ../components/sheet/Sheet.js&#45;&gt;../navigation/Navigation.js -->
+<g id="edge475" class="edge">
+<title>../components/sheet/Sheet.js&#45;&gt;../navigation/Navigation.js</title>
+<path fill="none" stroke="#757575" d="M4840.18,-4980.49C4866.52,-4977.93 4892.91,-4969.79 4911.25,-4950.63 4978.18,-4880.73 4881.14,-4587.31 4947.25,-4516.63 4958.97,-4504.1 4974.74,-4496.86 4991.44,-4492.95"/>
+<polygon fill="#757575" stroke="#757575" points="4991.87,-4496.43 5001.04,-4491.12 4990.56,-4489.55 4991.87,-4496.43"/>
+</g>
+<!-- ../components/sheet/Sheet.js&#45;&gt;../components/TouchableBackdrop.js -->
+<g id="edge472" class="edge">
+<title>../components/sheet/Sheet.js&#45;&gt;../components/TouchableBackdrop.js</title>
+<path fill="none" stroke="#757575" d="M4840.16,-4959.99C4881.95,-4954.84 4931.4,-4948.75 4975,-4943.38"/>
+<polygon fill="#757575" stroke="#757575" points="4975.24,-4946.88 4984.74,-4942.18 4974.39,-4939.93 4975.24,-4946.88"/>
+</g>
+<!-- ../components/sheet/Sheet.js&#45;&gt;../components/sheet/SheetHandle.js -->
+<g id="edge474" class="edge">
+<title>../components/sheet/Sheet.js&#45;&gt;../components/sheet/SheetHandle.js</title>
+<path fill="none" stroke="#757575" d="M4840.16,-4982.17C4878.53,-4986.44 4923.36,-4991.44 4964.19,-4995.99"/>
+<polygon fill="#757575" stroke="#757575" points="4963.76,-4999.46 4974.08,-4997.09 4964.53,-4992.5 4963.76,-4999.46"/>
+</g>
+<!-- ../components/sheet/SheetTitle.js&#45;&gt;../components/text/index.js -->
+<g id="edge476" class="edge">
+<title>../components/sheet/SheetTitle.js&#45;&gt;../components/text/index.js</title>
+<path fill="none" stroke="#757575" d="M4853.02,-3792.82C4874.36,-3788.39 4895.12,-3780.13 4911.25,-3765.63 4912.8,-3764.24 5049.47,-3251.19 5080.43,-3134.89"/>
+<polygon fill="#757575" stroke="#757575" points="5083.81,-3135.82 5083,-3125.26 5077.04,-3134.02 5083.81,-3135.82"/>
+</g>
+<!-- ../components/text/Bold.js&#45;&gt;../components/text/Text.js -->
+<g id="edge483" class="edge">
+<title>../components/text/Bold.js&#45;&gt;../components/text/Text.js</title>
+<path fill="none" stroke="#757575" d="M5503.69,-3323.63C5551.24,-3323.63 5610.67,-3323.63 5659.8,-3323.63"/>
+<polygon fill="#757575" stroke="#757575" points="5659.57,-3327.13 5669.57,-3323.63 5659.57,-3320.13 5659.57,-3327.13"/>
+</g>
+<!-- ../components/text/DollarFigure.js&#45;&gt;../components/layout/index.js -->
+<g id="edge484" class="edge">
+<title>../components/text/DollarFigure.js&#45;&gt;../components/layout/index.js</title>
+<path fill="none" stroke="#757575" d="M5514.52,-3559.26C5711.39,-3536.15 6152.01,-3497.3 6254,-3597.63 6314.03,-3656.68 6233.06,-4292.59 6290,-4354.63 6303.32,-4369.15 6321.49,-4377.17 6340.74,-4381.2"/>
+<polygon fill="#757575" stroke="#757575" points="6339.91,-4384.61 6350.36,-4382.84 6341.08,-4377.71 6339.91,-4384.61"/>
+</g>
+<!-- ../components/text/DollarFigure.js&#45;&gt;../components/text/Text.js -->
+<g id="edge485" class="edge">
+<title>../components/text/DollarFigure.js&#45;&gt;../components/text/Text.js</title>
+<path fill="none" stroke="#757575" d="M5527.08,-3567.18C5542.71,-3563.62 5558.1,-3558.34 5571.75,-3550.63 5658.92,-3501.41 5720.72,-3392.87 5744.37,-3345.96"/>
+<polygon fill="#757575" stroke="#757575" points="5747.36,-3347.8 5748.64,-3337.28 5741.08,-3344.71 5747.36,-3347.8"/>
+</g>
+<!-- ../components/text/Emoji.js&#45;&gt;../components/text/Text.js -->
+<g id="edge486" class="edge">
+<title>../components/text/Emoji.js&#45;&gt;../components/text/Text.js</title>
+<path fill="none" stroke="#757575" d="M5507.53,-3248.83C5528.72,-3251.85 5551.16,-3255.73 5571.75,-3260.63 5622.09,-3272.62 5678.09,-3292.95 5714.78,-3307.26"/>
+<polygon fill="#757575" stroke="#757575" points="5713.06,-3310.35 5723.65,-3310.76 5715.63,-3303.84 5713.06,-3310.35"/>
+</g>
+<!-- ../components/text/ErrorText.js&#45;&gt;../components/layout/index.js -->
+<g id="edge488" class="edge">
+<title>../components/text/ErrorText.js&#45;&gt;../components/layout/index.js</title>
+<path fill="none" stroke="#757575" d="M5517.5,-2993.59C5535.98,-2996.81 5554.8,-3001.59 5571.75,-3008.63 5923.81,-3154.95 6077.42,-3190.73 6254,-3528.63 6296.55,-3610.05 6228.02,-4286.83 6290,-4354.63 6303.29,-4369.17 6321.45,-4377.21 6340.7,-4381.24"/>
+<polygon fill="#757575" stroke="#757575" points="6339.87,-4384.65 6350.31,-4382.88 6341.04,-4377.75 6339.87,-4384.65"/>
+</g>
+<!-- ../components/text/ErrorText.js&#45;&gt;../components/icons/index.js -->
+<g id="edge487" class="edge">
+<title>../components/text/ErrorText.js&#45;&gt;../components/icons/index.js</title>
+<path fill="none" stroke="#757575" d="M5472.32,-2975.34C5503.6,-2966.22 5542.57,-2951.36 5571.75,-2928.63 5658.43,-2861.12 5721.28,-2741.58 5744.82,-2692.07"/>
+<polygon fill="#757575" stroke="#757575" points="5747.9,-2693.75 5748.95,-2683.21 5741.55,-2690.79 5747.9,-2693.75"/>
+</g>
+<!-- ../components/text/ErrorText.js&#45;&gt;../components/text/Text.js -->
+<g id="edge489" class="edge">
+<title>../components/text/ErrorText.js&#45;&gt;../components/text/Text.js</title>
+<path fill="none" stroke="#757575" d="M5517.59,-2984.22C5537.43,-2987.91 5556.76,-2995.25 5571.75,-3008.63 5620,-3051.7 5578.1,-3092.15 5607.75,-3149.63 5640.58,-3213.29 5700.59,-3273.9 5732.94,-3303.96"/>
+<polygon fill="#757575" stroke="#757575" points="5730.43,-3306.41 5740.16,-3310.59 5735.15,-3301.25 5730.43,-3306.41"/>
+</g>
+<!-- ../components/text/GradientText.js&#45;&gt;../components/text/Text.js -->
+<g id="edge490" class="edge">
+<title>../components/text/GradientText.js&#45;&gt;../components/text/Text.js</title>
+<path fill="none" stroke="#757575" d="M5517.91,-3294.01C5562.71,-3299.6 5615.43,-3306.19 5659.77,-3311.73"/>
+<polygon fill="#757575" stroke="#757575" points="5659.29,-3315.2 5669.65,-3312.97 5660.16,-3308.25 5659.29,-3315.2"/>
+</g>
+<!-- ../components/text/H1.js&#45;&gt;../components/text/Text.js -->
+<g id="edge491" class="edge">
+<title>../components/text/H1.js&#45;&gt;../components/text/Text.js</title>
+<path fill="none" stroke="#757575" d="M5498.77,-3202.76C5522.69,-3205.84 5548.67,-3210.77 5571.75,-3218.63 5632.4,-3239.3 5695.64,-3280.68 5729.67,-3304.86"/>
+<polygon fill="#757575" stroke="#757575" points="5727.47,-3307.59 5737.63,-3310.6 5731.57,-3301.91 5727.47,-3307.59"/>
+</g>
+<!-- ../components/text/Label.js&#45;&gt;../components/text/Text.js -->
+<g id="edge492" class="edge">
+<title>../components/text/Label.js&#45;&gt;../components/text/Text.js</title>
+<path fill="none" stroke="#757575" d="M5506.78,-3115.68C5528.87,-3118.85 5551.91,-3124.59 5571.75,-3134.63 5650.52,-3174.51 5714.76,-3261.83 5741.54,-3302.28"/>
+<polygon fill="#757575" stroke="#757575" points="5738.46,-3303.97 5746.85,-3310.45 5744.33,-3300.15 5738.46,-3303.97"/>
+</g>
+<!-- ../components/text/MarkdownText.js&#45;&gt;../components/text/Text.js -->
+<g id="edge493" class="edge">
+<title>../components/text/MarkdownText.js&#45;&gt;../components/text/Text.js</title>
+<path fill="none" stroke="#757575" d="M5534.26,-3076.35C5547.54,-3080.06 5560.37,-3085.31 5571.75,-3092.63 5596.94,-3108.85 5590.03,-3125.47 5607.75,-3149.63 5650.35,-3207.72 5706.82,-3271.17 5735.89,-3303"/>
+<polygon fill="#757575" stroke="#757575" points="5733.3,-3305.34 5742.64,-3310.34 5738.46,-3300.61 5733.3,-3305.34"/>
+</g>
+<!-- ../components/text/PlaceholderText.js&#45;&gt;../components/text/Text.js -->
+<g id="edge494" class="edge">
+<title>../components/text/PlaceholderText.js&#45;&gt;../components/text/Text.js</title>
+<path fill="none" stroke="#757575" d="M5538.21,-3032.82C5550.36,-3036.89 5561.85,-3042.64 5571.75,-3050.63 5608.18,-3080.04 5584.26,-3109.13 5607.75,-3149.63 5643.68,-3211.59 5702.4,-3272.91 5733.73,-3303.53"/>
+<polygon fill="#757575" stroke="#757575" points="5731.09,-3305.84 5740.71,-3310.27 5735.96,-3300.8 5731.09,-3305.84"/>
+</g>
+<!-- ../components/text/Smallcaps.js&#45;&gt;../components/text/Text.js -->
+<g id="edge495" class="edge">
+<title>../components/text/Smallcaps.js&#45;&gt;../components/text/Text.js</title>
+<path fill="none" stroke="#757575" d="M5521.98,-3524.84C5539.19,-3521.44 5556.41,-3516.29 5571.75,-3508.63 5649.5,-3469.79 5713.83,-3384.94 5741.04,-3345.1"/>
+<polygon fill="#757575" stroke="#757575" points="5743.78,-3347.29 5746.44,-3337.04 5737.97,-3343.4 5743.78,-3347.29"/>
+</g>
+<!-- ../components/text/TruncatedAddress.js&#45;&gt;../components/text/Text.js -->
+<g id="edge496" class="edge">
+<title>../components/text/TruncatedAddress.js&#45;&gt;../components/text/Text.js</title>
+<path fill="none" stroke="#757575" d="M5545.45,-3475.64C5554.5,-3473.15 5563.36,-3470.18 5571.75,-3466.63 5640.39,-3437.64 5705.34,-3376.08 5736.22,-3344.01"/>
+<polygon fill="#757575" stroke="#757575" points="5738.62,-3346.57 5742.96,-3336.9 5733.54,-3341.75 5738.62,-3346.57"/>
+</g>
+<!-- ../components/text/TruncatedENS.js&#45;&gt;../components/text/Text.js -->
+<g id="edge497" class="edge">
+<title>../components/text/TruncatedENS.js&#45;&gt;../components/text/Text.js</title>
+<path fill="none" stroke="#757575" d="M5534.69,-3434.33C5547.35,-3431.74 5559.93,-3428.55 5571.75,-3424.63 5631.38,-3404.86 5694.07,-3365.72 5728.47,-3342.39"/>
+<polygon fill="#757575" stroke="#757575" points="5730.3,-3345.38 5736.56,-3336.84 5726.33,-3339.61 5730.3,-3345.38"/>
+</g>
+<!-- ../components/text/TruncatedText.js&#45;&gt;../components/text/Text.js -->
+<g id="edge498" class="edge">
+<title>../components/text/TruncatedText.js&#45;&gt;../components/text/Text.js</title>
+<path fill="none" stroke="#757575" d="M5502.14,-3391.3C5524.83,-3387.45 5549.32,-3382.82 5571.75,-3377.63 5618.16,-3366.89 5670.18,-3351.2 5706.91,-3339.5"/>
+<polygon fill="#757575" stroke="#757575" points="5707.9,-3342.86 5716.35,-3336.47 5705.76,-3336.19 5707.9,-3342.86"/>
+</g>
+<!-- ../components/toasts/TestnetToast.js&#45;&gt;../components/text/index.js -->
+<g id="edge518" class="edge">
+<title>../components/toasts/TestnetToast.js&#45;&gt;../components/text/index.js</title>
+<path fill="none" stroke="#757575" d="M4857.78,-3219.28C4875.91,-3215.79 4894.28,-3211.33 4911.25,-3205.63 4966.75,-3187 5025.62,-3151.84 5059.08,-3130.21"/>
+<polygon fill="#757575" stroke="#757575" points="5060.91,-3133.19 5067.35,-3124.79 5057.07,-3127.34 5060.91,-3133.19"/>
+</g>
+<!-- ../components/toasts/TestnetToast.js&#45;&gt;../components/icons/index.js -->
+<g id="edge517" class="edge">
+<title>../components/toasts/TestnetToast.js&#45;&gt;../components/icons/index.js</title>
+<path fill="none" stroke="#757575" d="M4861.99,-3230.11C4880.01,-3225.38 4897.25,-3217.7 4911.25,-3205.63 4951.81,-3170.66 4918.02,-3135.51 4947.25,-3090.63 5037.8,-2951.62 5111.33,-2962.58 5228,-2844.63 5245.29,-2827.15 5242.43,-2814.43 5264,-2802.63 5385.17,-2736.36 5439.72,-2800.14 5571.75,-2759.63 5628.96,-2742.08 5690.41,-2708.53 5725.63,-2687.72"/>
+<polygon fill="#757575" stroke="#757575" points="5727.18,-2690.88 5733.96,-2682.74 5723.59,-2684.87 5727.18,-2690.88"/>
+</g>
+<!-- ../components/toasts/ToastPositionContainer.js&#45;&gt;../components/layout/index.js -->
+<g id="edge519" class="edge">
+<title>../components/toasts/ToastPositionContainer.js&#45;&gt;../components/layout/index.js</title>
+<path fill="none" stroke="#757575" d="M5902.24,-3981.26C6030.65,-3973.78 6204.98,-3973.23 6254,-4019.63 6308.37,-4071.11 6237.76,-4301 6290,-4354.63 6303.6,-4368.6 6321.72,-4376.43 6340.8,-4380.45"/>
+<polygon fill="#757575" stroke="#757575" points="6340.18,-4383.9 6350.62,-4382.14 6341.36,-4377 6340.18,-4383.9"/>
+</g>
+<!-- ../helpers/validators.ts -->
+<g id="node275" class="node">
+<title>../helpers/validators.ts</title>
+<path fill="none" stroke="#c6c5fe" d="M1825.83,-3892.51C1825.83,-3892.51 1694.42,-3892.51 1694.42,-3892.51 1690.46,-3892.51 1686.5,-3888.55 1686.5,-3884.59 1686.5,-3884.59 1686.5,-3876.67 1686.5,-3876.67 1686.5,-3872.72 1690.46,-3868.76 1694.42,-3868.76 1694.42,-3868.76 1825.83,-3868.76 1825.83,-3868.76 1829.79,-3868.76 1833.75,-3872.72 1833.75,-3876.67 1833.75,-3876.67 1833.75,-3884.59 1833.75,-3884.59 1833.75,-3888.55 1829.79,-3892.51 1825.83,-3892.51"/>
+<text text-anchor="middle" x="1760.12" y="-3875.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../helpers/validators.ts</text>
+</g>
+<!-- ../utils/memoFn.ts -->
+<g id="node276" class="node">
+<title>../utils/memoFn.ts</title>
+<path fill="none" stroke="#cfffac" d="M2291.46,-3937.51C2291.46,-3937.51 2183.29,-3937.51 2183.29,-3937.51 2179.33,-3937.51 2175.38,-3933.55 2175.38,-3929.59 2175.38,-3929.59 2175.38,-3921.67 2175.38,-3921.67 2175.38,-3917.72 2179.33,-3913.76 2183.29,-3913.76 2183.29,-3913.76 2291.46,-3913.76 2291.46,-3913.76 2295.42,-3913.76 2299.38,-3917.72 2299.38,-3921.67 2299.38,-3921.67 2299.38,-3929.59 2299.38,-3929.59 2299.38,-3933.55 2295.42,-3937.51 2291.46,-3937.51"/>
+<text text-anchor="middle" x="2237.38" y="-3920.21" font-family="Arial" font-size="14.00" fill="#cfffac">../utils/memoFn.ts</text>
+</g>
+<!-- ../helpers/validators.ts&#45;&gt;../utils/memoFn.ts -->
+<g id="edge526" class="edge">
+<title>../helpers/validators.ts&#45;&gt;../utils/memoFn.ts</title>
+<path fill="none" stroke="#757575" d="M1834.08,-3887.54C1923.57,-3896.01 2074.36,-3910.29 2163.71,-3918.75"/>
+<polygon fill="#757575" stroke="#757575" points="2163.31,-3922.23 2173.59,-3919.69 2163.97,-3915.26 2163.31,-3922.23"/>
+</g>
+<!-- ../languages/ar_AR.json -->
+<g id="node282" class="node">
+<title>../languages/ar_AR.json</title>
+<path fill="none" stroke="#cfffac" d="M2734.21,-3377.51C2734.21,-3377.51 2590.04,-3377.51 2590.04,-3377.51 2586.08,-3377.51 2582.12,-3373.55 2582.12,-3369.59 2582.12,-3369.59 2582.12,-3361.67 2582.12,-3361.67 2582.12,-3357.72 2586.08,-3353.76 2590.04,-3353.76 2590.04,-3353.76 2734.21,-3353.76 2734.21,-3353.76 2738.17,-3353.76 2742.12,-3357.72 2742.12,-3361.67 2742.12,-3361.67 2742.12,-3369.59 2742.12,-3369.59 2742.12,-3373.55 2738.17,-3377.51 2734.21,-3377.51"/>
+<text text-anchor="middle" x="2662.12" y="-3360.21" font-family="Arial" font-size="14.00" fill="#cfffac">../languages/ar_AR.json</text>
+</g>
+<!-- ../languages/index.ts&#45;&gt;../languages/ar_AR.json -->
+<g id="edge532" class="edge">
+<title>../languages/index.ts&#45;&gt;../languages/ar_AR.json</title>
+<path fill="none" stroke="#757575" d="M2254.75,-3167.97C2300.37,-3201.73 2433.77,-3296.28 2559.25,-3344.63 2564.59,-3346.69 2570.17,-3348.56 2575.84,-3350.26"/>
+<polygon fill="#757575" stroke="#757575" points="2574.81,-3353.6 2585.39,-3352.91 2576.69,-3346.86 2574.81,-3353.6"/>
+</g>
+<!-- ../languages/en_US.json -->
+<g id="node283" class="node">
+<title>../languages/en_US.json</title>
+<path fill="none" stroke="#cfffac" d="M2735.71,-3335.51C2735.71,-3335.51 2588.54,-3335.51 2588.54,-3335.51 2584.58,-3335.51 2580.62,-3331.55 2580.62,-3327.59 2580.62,-3327.59 2580.62,-3319.67 2580.62,-3319.67 2580.62,-3315.72 2584.58,-3311.76 2588.54,-3311.76 2588.54,-3311.76 2735.71,-3311.76 2735.71,-3311.76 2739.67,-3311.76 2743.62,-3315.72 2743.62,-3319.67 2743.62,-3319.67 2743.62,-3327.59 2743.62,-3327.59 2743.62,-3331.55 2739.67,-3335.51 2735.71,-3335.51"/>
+<text text-anchor="middle" x="2662.12" y="-3318.21" font-family="Arial" font-size="14.00" fill="#cfffac">../languages/en_US.json</text>
+</g>
+<!-- ../languages/index.ts&#45;&gt;../languages/en_US.json -->
+<g id="edge533" class="edge">
+<title>../languages/index.ts&#45;&gt;../languages/en_US.json</title>
+<path fill="none" stroke="#757575" d="M2260.62,-3167.97C2311.8,-3195.88 2442.49,-3264.4 2559.25,-3302.63 2565.84,-3304.79 2572.74,-3306.77 2579.72,-3308.58"/>
+<polygon fill="#757575" stroke="#757575" points="2578.69,-3311.93 2589.24,-3310.93 2580.36,-3305.14 2578.69,-3311.93"/>
+</g>
+<!-- ../languages/es_419.json -->
+<g id="node284" class="node">
+<title>../languages/es_419.json</title>
+<path fill="none" stroke="#cfffac" d="M2737.21,-3293.51C2737.21,-3293.51 2587.04,-3293.51 2587.04,-3293.51 2583.08,-3293.51 2579.12,-3289.55 2579.12,-3285.59 2579.12,-3285.59 2579.12,-3277.67 2579.12,-3277.67 2579.12,-3273.72 2583.08,-3269.76 2587.04,-3269.76 2587.04,-3269.76 2737.21,-3269.76 2737.21,-3269.76 2741.17,-3269.76 2745.12,-3273.72 2745.12,-3277.67 2745.12,-3277.67 2745.12,-3285.59 2745.12,-3285.59 2745.12,-3289.55 2741.17,-3293.51 2737.21,-3293.51"/>
+<text text-anchor="middle" x="2662.12" y="-3276.21" font-family="Arial" font-size="14.00" fill="#cfffac">../languages/es_419.json</text>
+</g>
+<!-- ../languages/index.ts&#45;&gt;../languages/es_419.json -->
+<g id="edge534" class="edge">
+<title>../languages/index.ts&#45;&gt;../languages/es_419.json</title>
+<path fill="none" stroke="#757575" d="M2271.72,-3167.93C2329.62,-3188.97 2452.75,-3232.33 2559.25,-3260.63 2567.38,-3262.79 2575.93,-3264.86 2584.46,-3266.8"/>
+<polygon fill="#757575" stroke="#757575" points="2583.65,-3270.21 2594.17,-3268.95 2585.17,-3263.37 2583.65,-3270.21"/>
+</g>
+<!-- ../languages/fr_FR.json -->
+<g id="node285" class="node">
+<title>../languages/fr_FR.json</title>
+<path fill="none" stroke="#cfffac" d="M2731.96,-3251.51C2731.96,-3251.51 2592.29,-3251.51 2592.29,-3251.51 2588.33,-3251.51 2584.38,-3247.55 2584.38,-3243.59 2584.38,-3243.59 2584.38,-3235.67 2584.38,-3235.67 2584.38,-3231.72 2588.33,-3227.76 2592.29,-3227.76 2592.29,-3227.76 2731.96,-3227.76 2731.96,-3227.76 2735.92,-3227.76 2739.88,-3231.72 2739.88,-3235.67 2739.88,-3235.67 2739.88,-3243.59 2739.88,-3243.59 2739.88,-3247.55 2735.92,-3251.51 2731.96,-3251.51"/>
+<text text-anchor="middle" x="2662.12" y="-3234.21" font-family="Arial" font-size="14.00" fill="#cfffac">../languages/fr_FR.json</text>
+</g>
+<!-- ../languages/index.ts&#45;&gt;../languages/fr_FR.json -->
+<g id="edge535" class="edge">
+<title>../languages/index.ts&#45;&gt;../languages/fr_FR.json</title>
+<path fill="none" stroke="#757575" d="M2300.3,-3167.94C2376.74,-3183.13 2506.58,-3208.92 2587.89,-3225.08"/>
+<polygon fill="#757575" stroke="#757575" points="2587.06,-3228.48 2597.55,-3227 2588.42,-3221.62 2587.06,-3228.48"/>
+</g>
+<!-- ../languages/hi_IN.json -->
+<g id="node286" class="node">
+<title>../languages/hi_IN.json</title>
+<path fill="none" stroke="#cfffac" d="M2730.83,-3209.51C2730.83,-3209.51 2593.42,-3209.51 2593.42,-3209.51 2589.46,-3209.51 2585.5,-3205.55 2585.5,-3201.59 2585.5,-3201.59 2585.5,-3193.67 2585.5,-3193.67 2585.5,-3189.72 2589.46,-3185.76 2593.42,-3185.76 2593.42,-3185.76 2730.83,-3185.76 2730.83,-3185.76 2734.79,-3185.76 2738.75,-3189.72 2738.75,-3193.67 2738.75,-3193.67 2738.75,-3201.59 2738.75,-3201.59 2738.75,-3205.55 2734.79,-3209.51 2730.83,-3209.51"/>
+<text text-anchor="middle" x="2662.12" y="-3192.21" font-family="Arial" font-size="14.00" fill="#cfffac">../languages/hi_IN.json</text>
+</g>
+<!-- ../languages/index.ts&#45;&gt;../languages/hi_IN.json -->
+<g id="edge536" class="edge">
+<title>../languages/index.ts&#45;&gt;../languages/hi_IN.json</title>
+<path fill="none" stroke="#757575" d="M2307.71,-3162.52C2380.49,-3169.75 2495.1,-3181.14 2573.96,-3188.97"/>
+<polygon fill="#757575" stroke="#757575" points="2573.52,-3192.45 2583.82,-3189.95 2574.21,-3185.48 2573.52,-3192.45"/>
+</g>
+<!-- ../languages/id_ID.json -->
+<g id="node287" class="node">
+<title>../languages/id_ID.json</title>
+<path fill="none" stroke="#cfffac" d="M2730.83,-3167.51C2730.83,-3167.51 2593.42,-3167.51 2593.42,-3167.51 2589.46,-3167.51 2585.5,-3163.55 2585.5,-3159.59 2585.5,-3159.59 2585.5,-3151.67 2585.5,-3151.67 2585.5,-3147.72 2589.46,-3143.76 2593.42,-3143.76 2593.42,-3143.76 2730.83,-3143.76 2730.83,-3143.76 2734.79,-3143.76 2738.75,-3147.72 2738.75,-3151.67 2738.75,-3151.67 2738.75,-3159.59 2738.75,-3159.59 2738.75,-3163.55 2734.79,-3167.51 2730.83,-3167.51"/>
+<text text-anchor="middle" x="2662.12" y="-3150.21" font-family="Arial" font-size="14.00" fill="#cfffac">../languages/id_ID.json</text>
+</g>
+<!-- ../languages/index.ts&#45;&gt;../languages/id_ID.json -->
+<g id="edge537" class="edge">
+<title>../languages/index.ts&#45;&gt;../languages/id_ID.json</title>
+<path fill="none" stroke="#757575" d="M2307.71,-3155.63C2380.49,-3155.63 2495.1,-3155.63 2573.96,-3155.63"/>
+<polygon fill="#757575" stroke="#757575" points="2573.81,-3159.13 2583.81,-3155.63 2573.81,-3152.13 2573.81,-3159.13"/>
+</g>
+<!-- ../languages/ja_JP.json -->
+<g id="node288" class="node">
+<title>../languages/ja_JP.json</title>
+<path fill="none" stroke="#cfffac" d="M2731.21,-3125.51C2731.21,-3125.51 2593.04,-3125.51 2593.04,-3125.51 2589.08,-3125.51 2585.12,-3121.55 2585.12,-3117.59 2585.12,-3117.59 2585.12,-3109.67 2585.12,-3109.67 2585.12,-3105.72 2589.08,-3101.76 2593.04,-3101.76 2593.04,-3101.76 2731.21,-3101.76 2731.21,-3101.76 2735.17,-3101.76 2739.12,-3105.72 2739.12,-3109.67 2739.12,-3109.67 2739.12,-3117.59 2739.12,-3117.59 2739.12,-3121.55 2735.17,-3125.51 2731.21,-3125.51"/>
+<text text-anchor="middle" x="2662.12" y="-3108.21" font-family="Arial" font-size="14.00" fill="#cfffac">../languages/ja_JP.json</text>
+</g>
+<!-- ../languages/index.ts&#45;&gt;../languages/ja_JP.json -->
+<g id="edge538" class="edge">
+<title>../languages/index.ts&#45;&gt;../languages/ja_JP.json</title>
+<path fill="none" stroke="#757575" d="M2307.71,-3148.74C2380.38,-3141.52 2494.75,-3130.16 2573.59,-3122.33"/>
+<polygon fill="#757575" stroke="#757575" points="2573.85,-3125.82 2583.45,-3121.35 2573.16,-3118.85 2573.85,-3125.82"/>
+</g>
+<!-- ../languages/ko_KR.json -->
+<g id="node289" class="node">
+<title>../languages/ko_KR.json</title>
+<path fill="none" stroke="#cfffac" d="M2735.33,-3083.51C2735.33,-3083.51 2588.92,-3083.51 2588.92,-3083.51 2584.96,-3083.51 2581,-3079.55 2581,-3075.59 2581,-3075.59 2581,-3067.67 2581,-3067.67 2581,-3063.72 2584.96,-3059.76 2588.92,-3059.76 2588.92,-3059.76 2735.33,-3059.76 2735.33,-3059.76 2739.29,-3059.76 2743.25,-3063.72 2743.25,-3067.67 2743.25,-3067.67 2743.25,-3075.59 2743.25,-3075.59 2743.25,-3079.55 2739.29,-3083.51 2735.33,-3083.51"/>
+<text text-anchor="middle" x="2662.12" y="-3066.21" font-family="Arial" font-size="14.00" fill="#cfffac">../languages/ko_KR.json</text>
+</g>
+<!-- ../languages/index.ts&#45;&gt;../languages/ko_KR.json -->
+<g id="edge539" class="edge">
+<title>../languages/index.ts&#45;&gt;../languages/ko_KR.json</title>
+<path fill="none" stroke="#757575" d="M2300.3,-3143.33C2376.74,-3128.14 2506.58,-3102.34 2587.89,-3086.18"/>
+<polygon fill="#757575" stroke="#757575" points="2588.42,-3089.65 2597.55,-3084.26 2587.06,-3082.78 2588.42,-3089.65"/>
+</g>
+<!-- ../languages/pt_BR.json -->
+<g id="node290" class="node">
+<title>../languages/pt_BR.json</title>
+<path fill="none" stroke="#cfffac" d="M2733.83,-3041.51C2733.83,-3041.51 2590.42,-3041.51 2590.42,-3041.51 2586.46,-3041.51 2582.5,-3037.55 2582.5,-3033.59 2582.5,-3033.59 2582.5,-3025.67 2582.5,-3025.67 2582.5,-3021.72 2586.46,-3017.76 2590.42,-3017.76 2590.42,-3017.76 2733.83,-3017.76 2733.83,-3017.76 2737.79,-3017.76 2741.75,-3021.72 2741.75,-3025.67 2741.75,-3025.67 2741.75,-3033.59 2741.75,-3033.59 2741.75,-3037.55 2737.79,-3041.51 2733.83,-3041.51"/>
+<text text-anchor="middle" x="2662.12" y="-3024.21" font-family="Arial" font-size="14.00" fill="#cfffac">../languages/pt_BR.json</text>
+</g>
+<!-- ../languages/index.ts&#45;&gt;../languages/pt_BR.json -->
+<g id="edge540" class="edge">
+<title>../languages/index.ts&#45;&gt;../languages/pt_BR.json</title>
+<path fill="none" stroke="#757575" d="M2271.72,-3143.33C2329.62,-3122.3 2452.75,-3078.94 2559.25,-3050.63 2567.38,-3048.47 2575.93,-3046.4 2584.46,-3044.46"/>
+<polygon fill="#757575" stroke="#757575" points="2585.17,-3047.89 2594.17,-3042.31 2583.65,-3041.06 2585.17,-3047.89"/>
+</g>
+<!-- ../languages/ru_RU.json -->
+<g id="node291" class="node">
+<title>../languages/ru_RU.json</title>
+<path fill="none" stroke="#cfffac" d="M2734.58,-2999.51C2734.58,-2999.51 2589.67,-2999.51 2589.67,-2999.51 2585.71,-2999.51 2581.75,-2995.55 2581.75,-2991.59 2581.75,-2991.59 2581.75,-2983.67 2581.75,-2983.67 2581.75,-2979.72 2585.71,-2975.76 2589.67,-2975.76 2589.67,-2975.76 2734.58,-2975.76 2734.58,-2975.76 2738.54,-2975.76 2742.5,-2979.72 2742.5,-2983.67 2742.5,-2983.67 2742.5,-2991.59 2742.5,-2991.59 2742.5,-2995.55 2738.54,-2999.51 2734.58,-2999.51"/>
+<text text-anchor="middle" x="2662.12" y="-2982.21" font-family="Arial" font-size="14.00" fill="#cfffac">../languages/ru_RU.json</text>
+</g>
+<!-- ../languages/index.ts&#45;&gt;../languages/ru_RU.json -->
+<g id="edge541" class="edge">
+<title>../languages/index.ts&#45;&gt;../languages/ru_RU.json</title>
+<path fill="none" stroke="#757575" d="M2260.62,-3143.29C2311.8,-3115.38 2442.49,-3046.86 2559.25,-3008.63 2565.84,-3006.47 2572.74,-3004.49 2579.72,-3002.68"/>
+<polygon fill="#757575" stroke="#757575" points="2580.36,-3006.13 2589.24,-3000.34 2578.69,-2999.33 2580.36,-3006.13"/>
+</g>
+<!-- ../languages/th_TH.json -->
+<g id="node292" class="node">
+<title>../languages/th_TH.json</title>
+<path fill="none" stroke="#cfffac" d="M2733.46,-2957.51C2733.46,-2957.51 2590.79,-2957.51 2590.79,-2957.51 2586.83,-2957.51 2582.88,-2953.55 2582.88,-2949.59 2582.88,-2949.59 2582.88,-2941.67 2582.88,-2941.67 2582.88,-2937.72 2586.83,-2933.76 2590.79,-2933.76 2590.79,-2933.76 2733.46,-2933.76 2733.46,-2933.76 2737.42,-2933.76 2741.38,-2937.72 2741.38,-2941.67 2741.38,-2941.67 2741.38,-2949.59 2741.38,-2949.59 2741.38,-2953.55 2737.42,-2957.51 2733.46,-2957.51"/>
+<text text-anchor="middle" x="2662.12" y="-2940.21" font-family="Arial" font-size="14.00" fill="#cfffac">../languages/th_TH.json</text>
+</g>
+<!-- ../languages/index.ts&#45;&gt;../languages/th_TH.json -->
+<g id="edge542" class="edge">
+<title>../languages/index.ts&#45;&gt;../languages/th_TH.json</title>
+<path fill="none" stroke="#757575" d="M2254.75,-3143.29C2300.37,-3109.53 2433.77,-3014.98 2559.25,-2966.63 2564.59,-2964.57 2570.17,-2962.7 2575.84,-2961.01"/>
+<polygon fill="#757575" stroke="#757575" points="2576.69,-2964.41 2585.39,-2958.36 2574.81,-2957.66 2576.69,-2964.41"/>
+</g>
+<!-- ../languages/tr_TR.json -->
+<g id="node293" class="node">
+<title>../languages/tr_TR.json</title>
+<path fill="none" stroke="#cfffac" d="M2731.96,-3461.51C2731.96,-3461.51 2592.29,-3461.51 2592.29,-3461.51 2588.33,-3461.51 2584.38,-3457.55 2584.38,-3453.59 2584.38,-3453.59 2584.38,-3445.67 2584.38,-3445.67 2584.38,-3441.72 2588.33,-3437.76 2592.29,-3437.76 2592.29,-3437.76 2731.96,-3437.76 2731.96,-3437.76 2735.92,-3437.76 2739.88,-3441.72 2739.88,-3445.67 2739.88,-3445.67 2739.88,-3453.59 2739.88,-3453.59 2739.88,-3457.55 2735.92,-3461.51 2731.96,-3461.51"/>
+<text text-anchor="middle" x="2662.12" y="-3444.21" font-family="Arial" font-size="14.00" fill="#cfffac">../languages/tr_TR.json</text>
+</g>
+<!-- ../languages/index.ts&#45;&gt;../languages/tr_TR.json -->
+<g id="edge543" class="edge">
+<title>../languages/index.ts&#45;&gt;../languages/tr_TR.json</title>
+<path fill="none" stroke="#757575" d="M2248.52,-3167.86C2285.24,-3211.26 2416.62,-3359.01 2559.25,-3428.63 2563.75,-3430.83 2568.48,-3432.8 2573.32,-3434.56"/>
+<polygon fill="#757575" stroke="#757575" points="2572.05,-3437.83 2582.64,-3437.63 2574.24,-3431.18 2572.05,-3437.83"/>
+</g>
+<!-- ../languages/zh_CN.json -->
+<g id="node294" class="node">
+<title>../languages/zh_CN.json</title>
+<path fill="none" stroke="#cfffac" d="M2735.71,-3419.51C2735.71,-3419.51 2588.54,-3419.51 2588.54,-3419.51 2584.58,-3419.51 2580.62,-3415.55 2580.62,-3411.59 2580.62,-3411.59 2580.62,-3403.67 2580.62,-3403.67 2580.62,-3399.72 2584.58,-3395.76 2588.54,-3395.76 2588.54,-3395.76 2735.71,-3395.76 2735.71,-3395.76 2739.67,-3395.76 2743.62,-3399.72 2743.62,-3403.67 2743.62,-3403.67 2743.62,-3411.59 2743.62,-3411.59 2743.62,-3415.55 2739.67,-3419.51 2735.71,-3419.51"/>
+<text text-anchor="middle" x="2662.12" y="-3402.21" font-family="Arial" font-size="14.00" fill="#cfffac">../languages/zh_CN.json</text>
+</g>
+<!-- ../languages/index.ts&#45;&gt;../languages/zh_CN.json -->
+<g id="edge544" class="edge">
+<title>../languages/index.ts&#45;&gt;../languages/zh_CN.json</title>
+<path fill="none" stroke="#757575" d="M2250.87,-3167.75C2291.52,-3206.41 2425.06,-3327.73 2559.25,-3386.63 2563.74,-3388.6 2568.43,-3390.39 2573.22,-3392.02"/>
+<polygon fill="#757575" stroke="#757575" points="2571.8,-3395.24 2582.39,-3394.87 2573.87,-3388.56 2571.8,-3395.24"/>
+</g>
+<!-- ../redux/settings.ts&#45;&gt;../languages/index.ts -->
+<g id="edge545" class="edge">
+<title>../redux/settings.ts&#45;&gt;../languages/index.ts</title>
+<path fill="none" stroke="#757575" d="M1813.42,-2892.94C1844.06,-2901.2 1883,-2913.51 1915.5,-2929.63 2037.04,-2989.92 2163.62,-3093.14 2213.88,-3136.04"/>
+<polygon fill="#757575" stroke="#757575" points="2211.35,-3138.48 2221.21,-3142.34 2215.91,-3133.17 2211.35,-3138.48"/>
+</g>
+<!-- ../hooks/usePrevious.ts -->
+<g id="node280" class="node">
+<title>../hooks/usePrevious.ts</title>
+<path fill="none" stroke="#cfffac" d="M2731.96,-3617.51C2731.96,-3617.51 2592.29,-3617.51 2592.29,-3617.51 2588.33,-3617.51 2584.38,-3613.55 2584.38,-3609.59 2584.38,-3609.59 2584.38,-3601.67 2584.38,-3601.67 2584.38,-3597.72 2588.33,-3593.76 2592.29,-3593.76 2592.29,-3593.76 2731.96,-3593.76 2731.96,-3593.76 2735.92,-3593.76 2739.88,-3597.72 2739.88,-3601.67 2739.88,-3601.67 2739.88,-3609.59 2739.88,-3609.59 2739.88,-3613.55 2735.92,-3617.51 2731.96,-3617.51"/>
+<text text-anchor="middle" x="2662.12" y="-3600.21" font-family="Arial" font-size="14.00" fill="#cfffac">../hooks/usePrevious.ts</text>
+</g>
+<!-- ../hooks/useAppState.ts&#45;&gt;../hooks/usePrevious.ts -->
+<g id="edge529" class="edge">
+<title>../hooks/useAppState.ts&#45;&gt;../hooks/usePrevious.ts</title>
+<path fill="none" stroke="#757575" d="M2316.9,-3605.63C2389.47,-3605.63 2497.16,-3605.63 2572.72,-3605.63"/>
+<polygon fill="#757575" stroke="#757575" points="2572.58,-3609.13 2582.58,-3605.63 2572.58,-3602.13 2572.58,-3609.13"/>
+</g>
+<!-- ../styles/borders.js -->
+<g id="node295" class="node">
+<title>../styles/borders.js</title>
+<path fill="none" stroke="#c6c5fe" d="M2291.83,-4386.51C2291.83,-4386.51 2182.92,-4386.51 2182.92,-4386.51 2178.96,-4386.51 2175,-4382.55 2175,-4378.59 2175,-4378.59 2175,-4370.67 2175,-4370.67 2175,-4366.72 2178.96,-4362.76 2182.92,-4362.76 2182.92,-4362.76 2291.83,-4362.76 2291.83,-4362.76 2295.79,-4362.76 2299.75,-4366.72 2299.75,-4370.67 2299.75,-4370.67 2299.75,-4378.59 2299.75,-4378.59 2299.75,-4382.55 2295.79,-4386.51 2291.83,-4386.51"/>
+<text text-anchor="middle" x="2237.38" y="-4369.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../styles/borders.js</text>
+</g>
+<!-- ../styles/position.js -->
+<g id="node296" class="node">
+<title>../styles/position.js</title>
+<path fill="none" stroke="#c6c5fe" d="M2716.96,-4428.51C2716.96,-4428.51 2607.29,-4428.51 2607.29,-4428.51 2603.33,-4428.51 2599.38,-4424.55 2599.38,-4420.59 2599.38,-4420.59 2599.38,-4412.67 2599.38,-4412.67 2599.38,-4408.72 2603.33,-4404.76 2607.29,-4404.76 2607.29,-4404.76 2716.96,-4404.76 2716.96,-4404.76 2720.92,-4404.76 2724.88,-4408.72 2724.88,-4412.67 2724.88,-4412.67 2724.88,-4420.59 2724.88,-4420.59 2724.88,-4424.55 2720.92,-4428.51 2716.96,-4428.51"/>
+<text text-anchor="middle" x="2662.12" y="-4411.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../styles/position.js</text>
+</g>
+<!-- ../styles/borders.js&#45;&gt;../styles/position.js -->
+<g id="edge546" class="edge">
+<title>../styles/borders.js&#45;&gt;../styles/position.js</title>
+<path fill="none" stroke="#757575" d="M2300.19,-4377.8C2357.98,-4381.09 2446.62,-4386.98 2523.25,-4395.63 2544.26,-4398 2566.98,-4401.2 2587.8,-4404.38"/>
+<polygon fill="#757575" stroke="#757575" points="2587.23,-4407.84 2597.65,-4405.91 2588.31,-4400.92 2587.23,-4407.84"/>
+</g>
+<!-- ../styles/buildLayoutStyles.js -->
+<g id="node298" class="node">
+<title>../styles/buildLayoutStyles.js</title>
+<path fill="none" stroke="#cfffac" d="M3043.46,-4428.51C3043.46,-4428.51 2874.54,-4428.51 2874.54,-4428.51 2870.58,-4428.51 2866.62,-4424.55 2866.62,-4420.59 2866.62,-4420.59 2866.62,-4412.67 2866.62,-4412.67 2866.62,-4408.72 2870.58,-4404.76 2874.54,-4404.76 2874.54,-4404.76 3043.46,-4404.76 3043.46,-4404.76 3047.42,-4404.76 3051.38,-4408.72 3051.38,-4412.67 3051.38,-4412.67 3051.38,-4420.59 3051.38,-4420.59 3051.38,-4424.55 3047.42,-4428.51 3043.46,-4428.51"/>
+<text text-anchor="middle" x="2959" y="-4411.21" font-family="Arial" font-size="14.00" fill="#cfffac">../styles/buildLayoutStyles.js</text>
+</g>
+<!-- ../styles/position.js&#45;&gt;../styles/buildLayoutStyles.js -->
+<g id="edge562" class="edge">
+<title>../styles/position.js&#45;&gt;../styles/buildLayoutStyles.js</title>
+<path fill="none" stroke="#757575" d="M2725.3,-4416.63C2762.84,-4416.63 2811.61,-4416.63 2854.8,-4416.63"/>
+<polygon fill="#757575" stroke="#757575" points="2854.72,-4420.13 2864.72,-4416.63 2854.72,-4413.13 2854.72,-4420.13"/>
+</g>
+<!-- ../styles/buildFlexStyles.js -->
+<g id="node297" class="node">
+<title>../styles/buildFlexStyles.js</title>
+<path fill="none" stroke="#c6c5fe" d="M2314.33,-4428.51C2314.33,-4428.51 2160.42,-4428.51 2160.42,-4428.51 2156.46,-4428.51 2152.5,-4424.55 2152.5,-4420.59 2152.5,-4420.59 2152.5,-4412.67 2152.5,-4412.67 2152.5,-4408.72 2156.46,-4404.76 2160.42,-4404.76 2160.42,-4404.76 2314.33,-4404.76 2314.33,-4404.76 2318.29,-4404.76 2322.25,-4408.72 2322.25,-4412.67 2322.25,-4412.67 2322.25,-4420.59 2322.25,-4420.59 2322.25,-4424.55 2318.29,-4428.51 2314.33,-4428.51"/>
+<text text-anchor="middle" x="2237.38" y="-4411.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../styles/buildFlexStyles.js</text>
+</g>
+<!-- ../styles/buildFlexStyles.js&#45;&gt;../styles/position.js -->
+<g id="edge547" class="edge">
+<title>../styles/buildFlexStyles.js&#45;&gt;../styles/position.js</title>
+<path fill="none" stroke="#757575" d="M2322.66,-4416.63C2400.05,-4416.63 2513.61,-4416.63 2587.45,-4416.63"/>
+<polygon fill="#757575" stroke="#757575" points="2587.44,-4420.13 2597.44,-4416.63 2587.44,-4413.13 2587.44,-4420.13"/>
+</g>
+<!-- ../styles/buildTextStyles.js -->
+<g id="node299" class="node">
+<title>../styles/buildTextStyles.js</title>
+<path fill="none" stroke="#c6c5fe" d="M2313.96,-4302.51C2313.96,-4302.51 2160.79,-4302.51 2160.79,-4302.51 2156.83,-4302.51 2152.88,-4298.55 2152.88,-4294.59 2152.88,-4294.59 2152.88,-4286.67 2152.88,-4286.67 2152.88,-4282.72 2156.83,-4278.76 2160.79,-4278.76 2160.79,-4278.76 2313.96,-4278.76 2313.96,-4278.76 2317.92,-4278.76 2321.88,-4282.72 2321.88,-4286.67 2321.88,-4286.67 2321.88,-4294.59 2321.88,-4294.59 2321.88,-4298.55 2317.92,-4302.51 2313.96,-4302.51"/>
+<text text-anchor="middle" x="2237.38" y="-4285.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../styles/buildTextStyles.js</text>
+</g>
+<!-- ../styles/fonts.js -->
+<g id="node300" class="node">
+<title>../styles/fonts.js</title>
+<path fill="none" stroke="#cfffac" d="M2708.33,-4282.51C2708.33,-4282.51 2615.92,-4282.51 2615.92,-4282.51 2611.96,-4282.51 2608,-4278.55 2608,-4274.59 2608,-4274.59 2608,-4266.67 2608,-4266.67 2608,-4262.72 2611.96,-4258.76 2615.92,-4258.76 2615.92,-4258.76 2708.33,-4258.76 2708.33,-4258.76 2712.29,-4258.76 2716.25,-4262.72 2716.25,-4266.67 2716.25,-4266.67 2716.25,-4274.59 2716.25,-4274.59 2716.25,-4278.55 2712.29,-4282.51 2708.33,-4282.51"/>
+<text text-anchor="middle" x="2662.12" y="-4265.21" font-family="Arial" font-size="14.00" fill="#cfffac">../styles/fonts.js</text>
+</g>
+<!-- ../styles/buildTextStyles.js&#45;&gt;../styles/fonts.js -->
+<g id="edge548" class="edge">
+<title>../styles/buildTextStyles.js&#45;&gt;../styles/fonts.js</title>
+<path fill="none" stroke="#757575" d="M2322.15,-4286.67C2402.69,-4282.86 2522.73,-4277.18 2596.25,-4273.7"/>
+<polygon fill="#757575" stroke="#757575" points="2596.3,-4277.2 2606.12,-4273.23 2595.97,-4270.21 2596.3,-4277.2"/>
+</g>
+<!-- ../styles/calcDirectionToDegrees.js -->
+<g id="node301" class="node">
+<title>../styles/calcDirectionToDegrees.js</title>
+<path fill="none" stroke="#cfffac" d="M2340.21,-4222.51C2340.21,-4222.51 2134.54,-4222.51 2134.54,-4222.51 2130.58,-4222.51 2126.62,-4218.55 2126.62,-4214.59 2126.62,-4214.59 2126.62,-4206.67 2126.62,-4206.67 2126.62,-4202.72 2130.58,-4198.76 2134.54,-4198.76 2134.54,-4198.76 2340.21,-4198.76 2340.21,-4198.76 2344.17,-4198.76 2348.12,-4202.72 2348.12,-4206.67 2348.12,-4206.67 2348.12,-4214.59 2348.12,-4214.59 2348.12,-4218.55 2344.17,-4222.51 2340.21,-4222.51"/>
+<text text-anchor="middle" x="2237.38" y="-4205.21" font-family="Arial" font-size="14.00" fill="#cfffac">../styles/calcDirectionToDegrees.js</text>
+</g>
+<!-- ../styles/colors.ts -->
+<g id="node302" class="node">
+<title>../styles/colors.ts</title>
+<path fill="none" stroke="#ff6c60" d="M1810.08,-4042.51C1810.08,-4042.51 1710.17,-4042.51 1710.17,-4042.51 1706.21,-4042.51 1702.25,-4038.55 1702.25,-4034.59 1702.25,-4034.59 1702.25,-4026.67 1702.25,-4026.67 1702.25,-4022.72 1706.21,-4018.76 1710.17,-4018.76 1710.17,-4018.76 1810.08,-4018.76 1810.08,-4018.76 1814.04,-4018.76 1818,-4022.72 1818,-4026.67 1818,-4026.67 1818,-4034.59 1818,-4034.59 1818,-4038.55 1814.04,-4042.51 1810.08,-4042.51"/>
+<text text-anchor="middle" x="1760.12" y="-4025.21" font-family="Arial" font-size="14.00" fill="#ff6c60">../styles/colors.ts</text>
+</g>
+<!-- ../styles/colors.ts&#45;&gt;../utils/memoFn.ts -->
+<g id="edge550" class="edge">
+<title>../styles/colors.ts&#45;&gt;../utils/memoFn.ts</title>
+<path fill="none" stroke="#757575" d="M1818.18,-4027.36C1847.73,-4024.55 1884.1,-4019.33 1915.5,-4009.63 1932.59,-4004.36 1934.67,-3997.69 1951.5,-3991.63 2021.84,-3966.3 2105.52,-3948.27 2163.92,-3937.53"/>
+<polygon fill="#757575" stroke="#757575" points="2164.18,-3941.04 2173.39,-3935.81 2162.93,-3934.15 2164.18,-3941.04"/>
+</g>
+<!-- ../theme/currentColors.ts -->
+<g id="node303" class="node">
+<title>../theme/currentColors.ts</title>
+<path fill="none" stroke="#ff6c60" d="M2311.71,-4024.51C2311.71,-4024.51 2163.04,-4024.51 2163.04,-4024.51 2159.08,-4024.51 2155.12,-4020.55 2155.12,-4016.59 2155.12,-4016.59 2155.12,-4008.67 2155.12,-4008.67 2155.12,-4004.72 2159.08,-4000.76 2163.04,-4000.76 2163.04,-4000.76 2311.71,-4000.76 2311.71,-4000.76 2315.67,-4000.76 2319.62,-4004.72 2319.62,-4008.67 2319.62,-4008.67 2319.62,-4016.59 2319.62,-4016.59 2319.62,-4020.55 2315.67,-4024.51 2311.71,-4024.51"/>
+<text text-anchor="middle" x="2237.38" y="-4007.21" font-family="Arial" font-size="14.00" fill="#ff6c60">../theme/currentColors.ts</text>
+</g>
+<!-- ../styles/colors.ts&#45;&gt;../theme/currentColors.ts -->
+<g id="edge549" class="edge">
+<title>../styles/colors.ts&#45;&gt;../theme/currentColors.ts</title>
+<path fill="none" stroke="#757575" d="M1818.45,-4023.88C1899.11,-4018.27 2047.01,-4012.37 2143.49,-4010.67"/>
+<polygon fill="#757575" stroke="#757575" points="2143.53,-4014.17 2153.48,-4010.5 2143.42,-4007.17 2143.53,-4014.17"/>
+</g>
+<!-- ../theme/currentColors.ts&#45;&gt;../styles/colors.ts -->
+<g id="edge563" class="edge">
+<title>../theme/currentColors.ts&#45;&gt;../styles/colors.ts</title>
+<path fill="none" stroke="#757575" d="M2154.99,-4020.95C2063.36,-4026.54 1916.05,-4032.01 1829.93,-4032.95"/>
+<polygon fill="#757575" stroke="#757575" points="1829.93,-4029.45 1819.96,-4033.03 1829.99,-4036.45 1829.93,-4029.45"/>
+</g>
+<!-- ../styles/index.js -->
+<g id="node304" class="node">
+<title>../styles/index.js</title>
+<path fill="none" stroke="#c6c5fe" d="M1807.83,-4365.51C1807.83,-4365.51 1712.42,-4365.51 1712.42,-4365.51 1708.46,-4365.51 1704.5,-4361.55 1704.5,-4357.59 1704.5,-4357.59 1704.5,-4349.67 1704.5,-4349.67 1704.5,-4345.72 1708.46,-4341.76 1712.42,-4341.76 1712.42,-4341.76 1807.83,-4341.76 1807.83,-4341.76 1811.79,-4341.76 1815.75,-4345.72 1815.75,-4349.67 1815.75,-4349.67 1815.75,-4357.59 1815.75,-4357.59 1815.75,-4361.55 1811.79,-4365.51 1807.83,-4365.51"/>
+<text text-anchor="middle" x="1760.12" y="-4348.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../styles/index.js</text>
+</g>
+<!-- ../styles/index.js&#45;&gt;../styles/borders.js -->
+<g id="edge551" class="edge">
+<title>../styles/index.js&#45;&gt;../styles/borders.js</title>
+<path fill="none" stroke="#757575" d="M1816.11,-4356.06C1901.92,-4359.85 2067.77,-4367.18 2163.46,-4371.41"/>
+<polygon fill="#757575" stroke="#757575" points="2163.12,-4374.9 2173.26,-4371.84 2163.43,-4367.91 2163.12,-4374.9"/>
+</g>
+<!-- ../styles/index.js&#45;&gt;../styles/position.js -->
+<g id="edge558" class="edge">
+<title>../styles/index.js&#45;&gt;../styles/position.js</title>
+<path fill="none" stroke="#757575" d="M1781.3,-4365.93C1815.05,-4385.71 1885.75,-4423.77 1951.5,-4437.63 2179.49,-4485.7 2457.73,-4451.32 2587.68,-4430.05"/>
+<polygon fill="#757575" stroke="#757575" points="2588.25,-4433.51 2597.54,-4428.41 2587.1,-4426.6 2588.25,-4433.51"/>
+</g>
+<!-- ../styles/index.js&#45;&gt;../styles/buildFlexStyles.js -->
+<g id="edge552" class="edge">
+<title>../styles/index.js&#45;&gt;../styles/buildFlexStyles.js</title>
+<path fill="none" stroke="#757575" d="M1808.11,-4365.97C1846.43,-4375.56 1902.1,-4388.4 1951.5,-4395.63 2014.28,-4404.82 2085.46,-4410.07 2140.96,-4413.02"/>
+<polygon fill="#757575" stroke="#757575" points="2140.52,-4416.51 2150.69,-4413.52 2140.88,-4409.51 2140.52,-4416.51"/>
+</g>
+<!-- ../styles/index.js&#45;&gt;../styles/buildTextStyles.js -->
+<g id="edge553" class="edge">
+<title>../styles/index.js&#45;&gt;../styles/buildTextStyles.js</title>
+<path fill="none" stroke="#757575" d="M1808.11,-4341.29C1846.43,-4331.7 1902.1,-4318.86 1951.5,-4311.63 2014.39,-4302.42 2085.72,-4297.17 2141.26,-4294.22"/>
+<polygon fill="#757575" stroke="#757575" points="2141.19,-4297.73 2151,-4293.72 2140.83,-4290.74 2141.19,-4297.73"/>
+</g>
+<!-- ../styles/index.js&#45;&gt;../styles/fonts.js -->
+<g id="edge555" class="edge">
+<title>../styles/index.js&#45;&gt;../styles/fonts.js</title>
+<path fill="none" stroke="#757575" d="M1787.31,-4341.35C1835.42,-4318.91 1934.49,-4273.22 1951.5,-4269.63 2184.72,-4220.47 2470.71,-4246.18 2596.52,-4261.68"/>
+<polygon fill="#757575" stroke="#757575" points="2595.97,-4265.14 2606.33,-4262.91 2596.84,-4258.19 2595.97,-4265.14"/>
+</g>
+<!-- ../styles/index.js&#45;&gt;../styles/calcDirectionToDegrees.js -->
+<g id="edge554" class="edge">
+<title>../styles/index.js&#45;&gt;../styles/calcDirectionToDegrees.js</title>
+<path fill="none" stroke="#757575" d="M1799.69,-4341.28C1832.68,-4329.45 1880.28,-4309.32 1915.5,-4281.63 1935.64,-4265.8 1928.94,-4248.77 1951.5,-4236.63 2000.91,-4210.05 2062.18,-4201.87 2115.23,-4201.02"/>
+<polygon fill="#757575" stroke="#757575" points="2114.93,-4204.52 2124.9,-4200.96 2114.88,-4197.52 2114.93,-4204.52"/>
+</g>
+<!-- ../styles/margin.js -->
+<g id="node305" class="node">
+<title>../styles/margin.js</title>
+<path fill="none" stroke="#c6c5fe" d="M2289.96,-4344.51C2289.96,-4344.51 2184.79,-4344.51 2184.79,-4344.51 2180.83,-4344.51 2176.88,-4340.55 2176.88,-4336.59 2176.88,-4336.59 2176.88,-4328.67 2176.88,-4328.67 2176.88,-4324.72 2180.83,-4320.76 2184.79,-4320.76 2184.79,-4320.76 2289.96,-4320.76 2289.96,-4320.76 2293.92,-4320.76 2297.88,-4324.72 2297.88,-4328.67 2297.88,-4328.67 2297.88,-4336.59 2297.88,-4336.59 2297.88,-4340.55 2293.92,-4344.51 2289.96,-4344.51"/>
+<text text-anchor="middle" x="2237.38" y="-4327.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../styles/margin.js</text>
+</g>
+<!-- ../styles/index.js&#45;&gt;../styles/margin.js -->
+<g id="edge556" class="edge">
+<title>../styles/index.js&#45;&gt;../styles/margin.js</title>
+<path fill="none" stroke="#757575" d="M1816.11,-4351.2C1902.51,-4347.38 2070.04,-4339.98 2165.42,-4335.77"/>
+<polygon fill="#757575" stroke="#757575" points="2165.33,-4339.27 2175.17,-4335.34 2165.02,-4332.28 2165.33,-4339.27"/>
+</g>
+<!-- ../styles/padding.js -->
+<g id="node306" class="node">
+<title>../styles/padding.js</title>
+<path fill="none" stroke="#c6c5fe" d="M2292.96,-4508.51C2292.96,-4508.51 2181.79,-4508.51 2181.79,-4508.51 2177.83,-4508.51 2173.88,-4504.55 2173.88,-4500.59 2173.88,-4500.59 2173.88,-4492.67 2173.88,-4492.67 2173.88,-4488.72 2177.83,-4484.76 2181.79,-4484.76 2181.79,-4484.76 2292.96,-4484.76 2292.96,-4484.76 2296.92,-4484.76 2300.88,-4488.72 2300.88,-4492.67 2300.88,-4492.67 2300.88,-4500.59 2300.88,-4500.59 2300.88,-4504.55 2296.92,-4508.51 2292.96,-4508.51"/>
+<text text-anchor="middle" x="2237.38" y="-4491.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../styles/padding.js</text>
+</g>
+<!-- ../styles/index.js&#45;&gt;../styles/padding.js -->
+<g id="edge557" class="edge">
+<title>../styles/index.js&#45;&gt;../styles/padding.js</title>
+<path fill="none" stroke="#757575" d="M1775.71,-4365.95C1806.08,-4390.8 1879.35,-4446.64 1951.5,-4470.63 2020.42,-4493.55 2103.57,-4498.77 2162.2,-4499.03"/>
+<polygon fill="#757575" stroke="#757575" points="2162.07,-4502.53 2172.07,-4499.02 2162.07,-4495.53 2162.07,-4502.53"/>
+</g>
+<!-- ../styles/shadow.js -->
+<g id="node307" class="node">
+<title>../styles/shadow.js</title>
+<path fill="none" stroke="#cfffac" d="M2291.83,-4180.51C2291.83,-4180.51 2182.92,-4180.51 2182.92,-4180.51 2178.96,-4180.51 2175,-4176.55 2175,-4172.59 2175,-4172.59 2175,-4164.67 2175,-4164.67 2175,-4160.72 2178.96,-4156.76 2182.92,-4156.76 2182.92,-4156.76 2291.83,-4156.76 2291.83,-4156.76 2295.79,-4156.76 2299.75,-4160.72 2299.75,-4164.67 2299.75,-4164.67 2299.75,-4172.59 2299.75,-4172.59 2299.75,-4176.55 2295.79,-4180.51 2291.83,-4180.51"/>
+<text text-anchor="middle" x="2237.38" y="-4163.21" font-family="Arial" font-size="14.00" fill="#cfffac">../styles/shadow.js</text>
+</g>
+<!-- ../styles/index.js&#45;&gt;../styles/shadow.js -->
+<g id="edge559" class="edge">
+<title>../styles/index.js&#45;&gt;../styles/shadow.js</title>
+<path fill="none" stroke="#757575" d="M1810.04,-4341.27C1843.65,-4330.52 1887.17,-4311.82 1915.5,-4281.63 1945.55,-4249.62 1916.17,-4215.7 1951.5,-4189.63 2013.48,-4143.9 2105.13,-4145.93 2167.62,-4154.6"/>
+<polygon fill="#757575" stroke="#757575" points="2167.03,-4158.05 2177.44,-4156.07 2168.06,-4151.13 2167.03,-4158.05"/>
+</g>
+<!-- ../styles/margin.js&#45;&gt;../styles/buildLayoutStyles.js -->
+<g id="edge560" class="edge">
+<title>../styles/margin.js&#45;&gt;../styles/buildLayoutStyles.js</title>
+<path fill="none" stroke="#757575" d="M2298.23,-4335.82C2355.96,-4339.18 2445.73,-4345.17 2523.25,-4353.63 2645.09,-4366.93 2785.28,-4388.36 2872.77,-4402.47"/>
+<polygon fill="#757575" stroke="#757575" points="2872.04,-4405.9 2882.47,-4404.04 2873.16,-4398.99 2872.04,-4405.9"/>
+</g>
+<!-- ../styles/padding.js&#45;&gt;../styles/buildLayoutStyles.js -->
+<g id="edge561" class="edge">
+<title>../styles/padding.js&#45;&gt;../styles/buildLayoutStyles.js</title>
+<path fill="none" stroke="#757575" d="M2301.29,-4489.64C2425.58,-4475.82 2703.62,-4444.91 2855,-4428.08"/>
+<polygon fill="#757575" stroke="#757575" points="2855.07,-4431.6 2864.62,-4427.01 2854.3,-4424.64 2855.07,-4431.6"/>
+</g>
+<!-- ../utils/abbreviations.ts&#45;&gt;../helpers/validators.ts -->
+<g id="edge564" class="edge">
+<title>../utils/abbreviations.ts&#45;&gt;../helpers/validators.ts</title>
+<path fill="none" stroke="#757575" d="M1435.05,-3880.63C1503.12,-3880.63 1604.03,-3880.63 1675.12,-3880.63"/>
+<polygon fill="#757575" stroke="#757575" points="1674.75,-3884.13 1684.75,-3880.63 1674.75,-3877.13 1674.75,-3884.13"/>
+</g>
+<!-- ../utils/address.ts&#45;&gt;../helpers/validators.ts -->
+<g id="edge565" class="edge">
+<title>../utils/address.ts&#45;&gt;../helpers/validators.ts</title>
+<path fill="none" stroke="#757575" d="M1418.93,-3799.09C1460.88,-3801.69 1518.79,-3806.97 1568.75,-3817.63 1621.43,-3828.87 1679.98,-3849.54 1718.05,-3864.13"/>
+<polygon fill="#757575" stroke="#757575" points="1716.7,-3867.36 1727.29,-3867.71 1719.23,-3860.84 1716.7,-3867.36"/>
+</g>
+<!-- ../utils/haptics.ts&#45;&gt;../utils/reduceArrayToObject.ts -->
+<g id="edge566" class="edge">
+<title>../utils/haptics.ts&#45;&gt;../utils/reduceArrayToObject.ts</title>
+<path fill="none" stroke="#757575" d="M1416.47,-4004.13C1476.6,-4001.41 1574.22,-3996.99 1649.91,-3993.57"/>
+<polygon fill="#757575" stroke="#757575" points="1650.04,-3997.07 1659.87,-3993.12 1649.72,-3990.08 1650.04,-3997.07"/>
+</g>
+<!-- ../utils/labelhash.ts&#45;&gt;../utils/ens.ts -->
+<g id="edge605" class="edge">
+<title>../utils/labelhash.ts&#45;&gt;../utils/ens.ts</title>
+<path fill="none" stroke="#757575" d="M1423.82,-3160.35C1465.02,-3156.21 1520.1,-3150.65 1568.75,-3145.63 1613.84,-3140.98 1664.92,-3135.61 1702.81,-3131.61"/>
+<polygon fill="#757575" stroke="#757575" points="1703.04,-3135.1 1712.62,-3130.57 1702.31,-3128.14 1703.04,-3135.1"/>
+</g>
+<!-- ../utils/measureText.ts&#45;&gt;../styles/index.js -->
+<g id="edge606" class="edge">
+<title>../utils/measureText.ts&#45;&gt;../styles/index.js</title>
+<path fill="none" stroke="#757575" d="M1434.01,-4497.19C1474.65,-4494.5 1525.62,-4487.97 1568.75,-4472.63 1634.54,-4449.24 1701.49,-4400.31 1735.75,-4373.04"/>
+<polygon fill="#757575" stroke="#757575" points="1737.76,-4375.92 1743.34,-4366.91 1733.36,-4370.47 1737.76,-4375.92"/>
+</g>
+<!-- ../utils/profileUtils.ts&#45;&gt;../styles/colors.ts -->
+<g id="edge607" class="edge">
+<title>../utils/profileUtils.ts&#45;&gt;../styles/colors.ts</title>
+<path fill="none" stroke="#757575" d="M1424.1,-4392.98C1470.33,-4398.1 1531.35,-4396 1568.75,-4359.63 1658.07,-4272.78 1525.42,-4177.7 1604.75,-4081.63 1625.8,-4056.14 1659.9,-4043.3 1690.7,-4036.87"/>
+<polygon fill="#757575" stroke="#757575" points="1691.2,-4040.34 1700.38,-4035.06 1689.91,-4033.46 1691.2,-4040.34"/>
+</g>
+<!-- ExchangeModal.tsx -->
+<g id="node346" class="node">
+<title>ExchangeModal.tsx</title>
+<path fill="none" stroke="#c6c5fe" d="M126.58,-5135.51C126.58,-5135.51 7.92,-5135.51 7.92,-5135.51 3.96,-5135.51 0,-5131.55 0,-5127.59 0,-5127.59 0,-5119.67 0,-5119.67 0,-5115.72 3.96,-5111.76 7.92,-5111.76 7.92,-5111.76 126.58,-5111.76 126.58,-5111.76 130.54,-5111.76 134.5,-5115.72 134.5,-5119.67 134.5,-5119.67 134.5,-5127.59 134.5,-5127.59 134.5,-5131.55 130.54,-5135.51 126.58,-5135.51"/>
+<text text-anchor="middle" x="67.25" y="-5118.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">ExchangeModal.tsx</text>
+</g>
+<!-- ExchangeModal.tsx&#45;&gt;../../shim.js -->
+<g id="edge608" class="edge">
+<title>ExchangeModal.tsx&#45;&gt;../../shim.js</title>
+<path fill="none" stroke="#757575" d="M87.94,-5135.9C108.04,-5147.98 140.48,-5166.22 170.5,-5177.63 188.02,-5184.29 207.82,-5189.68 225.53,-5193.8"/>
+<polygon fill="#757575" stroke="#757575" points="224.53,-5197.16 235.06,-5195.92 226.06,-5190.33 224.53,-5197.16"/>
+</g>
+<!-- ExchangeModal.tsx&#45;&gt;../components/layout/index.js -->
+<g id="edge612" class="edge">
+<title>ExchangeModal.tsx&#45;&gt;../components/layout/index.js</title>
+<path fill="none" stroke="#757575" d="M134.75,-5124.05C233.66,-5124.64 425.38,-5125.63 588.38,-5125.63 588.38,-5125.63 588.38,-5125.63 5757,-5125.63 5867.63,-5125.63 6168.25,-5166.54 6254,-5096.63 6367.49,-5004.11 6430.73,-4512.91 6443.99,-4399.16"/>
+<polygon fill="#757575" stroke="#757575" points="6447.43,-4399.84 6445.1,-4389.51 6440.48,-4399.04 6447.43,-4399.84"/>
+</g>
+<!-- ExchangeModal.tsx&#45;&gt;../hooks/useMagicAutofocus.ts -->
+<g id="edge613" class="edge">
+<title>ExchangeModal.tsx&#45;&gt;../hooks/useMagicAutofocus.ts</title>
+<path fill="none" stroke="#757575" d="M134.6,-5114.41C233.32,-5101.51 424.8,-5079.63 588.38,-5079.63 588.38,-5079.63 588.38,-5079.63 2960,-5079.63 3198.28,-5079.63 3477.57,-5079.16 3628.5,-5078.86"/>
+<polygon fill="#757575" stroke="#757575" points="3628.09,-5082.36 3638.08,-5078.84 3628.07,-5075.36 3628.09,-5082.36"/>
+</g>
+<!-- ExchangeModal.tsx&#45;&gt;../components/exchange/index.ts -->
+<g id="edge609" class="edge">
+<title>ExchangeModal.tsx&#45;&gt;../components/exchange/index.ts</title>
+<path fill="none" stroke="#757575" d="M69.25,-5111.43C83.87,-4932.72 254.38,-2848.09 274.55,-2601.43"/>
+<polygon fill="#757575" stroke="#757575" points="278.04,-2601.74 275.37,-2591.48 271.06,-2601.17 278.04,-2601.74"/>
+</g>
+<!-- ExchangeModal.tsx&#45;&gt;../components/floating&#45;panels/index.js -->
+<g id="edge610" class="edge">
+<title>ExchangeModal.tsx&#45;&gt;../components/floating&#45;panels/index.js</title>
+<path fill="none" stroke="#757575" d="M134.95,-5135.03C146.77,-5136.78 158.98,-5138.4 170.5,-5139.63 355.48,-5159.37 402.35,-5163.63 588.38,-5163.63 588.38,-5163.63 588.38,-5163.63 5088.62,-5163.63 5274.15,-5163.63 5488.74,-5164.42 5623.17,-5165"/>
+<polygon fill="#757575" stroke="#757575" points="5622.79,-5168.5 5632.8,-5165.05 5622.82,-5161.5 5622.79,-5168.5"/>
+</g>
+<!-- ExchangeModal.tsx&#45;&gt;../components/gas/index.js -->
+<g id="edge611" class="edge">
+<title>ExchangeModal.tsx&#45;&gt;../components/gas/index.js</title>
+<path fill="none" stroke="#757575" d="M89.28,-5111.42C109.87,-5099.53 142.18,-5081.05 170.5,-5065.63 429.32,-4924.69 579.4,-4992.87 758.25,-4758.63 803.8,-4698.98 743.87,-4649.27 794.25,-4593.63 906.3,-4469.88 988.21,-4512.35 1151.5,-4477.63 1242.7,-4458.24 1495.48,-4491.29 1568.75,-4433.63 1606.2,-4404.16 1573.63,-4368.72 1604.75,-4332.63 1718.81,-4200.34 1782.45,-4191.61 1951.5,-4147.63 2274.77,-4063.54 2676.35,-4094.42 2859.12,-4115.47"/>
+<polygon fill="#757575" stroke="#757575" points="2858.47,-4118.92 2868.81,-4116.6 2859.29,-4111.97 2858.47,-4118.92"/>
+</g>
+</g>
+</svg>
diff --git a/package.json b/package.json
index 241f7140d42..775986e9d66 100644
--- a/package.json
+++ b/package.json
@@ -67,7 +67,8 @@
     "prepare": "husky install",
     "bundle-inpage": "yarn webpack --config src/browser/webpack.config.js && cp InjectedJSBundle.js android/app/src/main/res/raw/injected_js_bundle.js",
     "// Fetch backend networks": "",
-    "fetch:networks": "node ./scripts/networks.js"
+    "fetch:networks": "node ./scripts/networks.js",
+    "knip": "knip"
   },
   "dependencies": {
     "@bankify/react-native-animate-number": "0.2.1",
@@ -338,7 +339,7 @@
     "@types/dedent": "0.7.0",
     "@types/jest": "29.5.12",
     "@types/mocha": "9.0.0",
-    "@types/node": "16.11.6",
+    "@types/node": "22.7.4",
     "@types/qs": "6.9.7",
     "@types/react": "18.2.65",
     "@types/react-native-extra-dimensions-android": "1.2.3",
@@ -376,7 +377,7 @@
     "ts-jest": "29.1.1",
     "ts-loader": "9.5.1",
     "ts-migrate": "0.1.26",
-    "typescript": "5.1.6",
+    "typescript": "5.6.2",
     "typescript-coverage-report": "0.6.1",
     "webpack": "5.94.0",
     "webpack-cli": "5.1.4"
diff --git a/src/components/exchange/CurrencySelectModalHeader.tsx b/src/components/CurrencySelectModalHeader.tsx
similarity index 90%
rename from src/components/exchange/CurrencySelectModalHeader.tsx
rename to src/components/CurrencySelectModalHeader.tsx
index 204946d9c4e..e75c26b3914 100644
--- a/src/components/exchange/CurrencySelectModalHeader.tsx
+++ b/src/components/CurrencySelectModalHeader.tsx
@@ -1,12 +1,12 @@
 import { useRoute } from '@react-navigation/native';
 import React, { useCallback } from 'react';
-import { delayNext } from '../../hooks/useMagicAutofocus';
-import { BackButton } from '../header';
-import { SheetHandleFixedToTop } from '../sheet';
+import { delayNext } from '@/hooks/useMagicAutofocus';
+import { BackButton } from '@/components/header';
+import { SheetHandleFixedToTop } from '@/components/sheet';
 import { Box, Inset, Text } from '@/design-system';
 import { useNavigation } from '@/navigation';
 import Routes from '@/navigation/routesNames';
-import RainbowCoinIcon from '../coin-icon/RainbowCoinIcon';
+import RainbowCoinIcon from '@/components/coin-icon/RainbowCoinIcon';
 import { useTheme } from '@/theme';
 import { chainsIdByName } from '@/chains';
 
diff --git a/src/components/exchange/CurrencySelectionList.tsx b/src/components/CurrencySelectionList.tsx
similarity index 82%
rename from src/components/exchange/CurrencySelectionList.tsx
rename to src/components/CurrencySelectionList.tsx
index ae980536e6c..13334cf8474 100644
--- a/src/components/exchange/CurrencySelectionList.tsx
+++ b/src/components/CurrencySelectionList.tsx
@@ -1,15 +1,15 @@
 import React, { forwardRef, ForwardRefRenderFunction } from 'react';
 import { SectionList } from 'react-native';
-import { magicMemo } from '../../utils';
-import { EmptyAssetList } from '../asset-list';
-import { Centered } from '../layout';
-import { NoResults } from '../list';
-import { CurrencySelectModalHeaderHeight } from './CurrencySelectModalHeader';
-import ExchangeAssetList from './ExchangeAssetList';
-import { ExchangeSearchHeight } from './ExchangeSearch';
+import { magicMemo } from '@/utils';
+import { EmptyAssetList } from '@/components/asset-list';
+import { Centered } from '@/components/layout';
+import { NoResults } from '@/components/list';
+import { CurrencySelectModalHeaderHeight } from '@/components/CurrencySelectModalHeader';
+import ExchangeAssetList from '@/components/ExchangeAssetList';
+import { ExchangeSearchHeight } from '@/components/ExchangeSearch';
 import { Box } from '@/design-system';
 import { EnrichedExchangeAsset } from '@/screens/CurrencySelectModal';
-import { NoResultsType } from '../list/NoResults';
+import { NoResultsType } from '@/components/list/NoResults';
 
 interface CurrencySelectionListProps {
   keyboardDismissMode?: 'none' | 'interactive' | 'on-drag';
diff --git a/src/components/DappBrowser/BrowserTab.tsx b/src/components/DappBrowser/BrowserTab.tsx
index c20d3d5cc17..baa351a1b52 100644
--- a/src/components/DappBrowser/BrowserTab.tsx
+++ b/src/components/DappBrowser/BrowserTab.tsx
@@ -42,7 +42,6 @@ import { Homepage } from './Homepage';
 import { WebViewBorder } from './WebViewBorder';
 import {
   RAINBOW_HOME,
-  DEFAULT_TAB_URL,
   TAB_SCREENSHOT_FILE_FORMAT,
   TAB_SCREENSHOT_FASTER_IMAGE_CONFIG,
   USER_AGENT,
@@ -196,7 +195,7 @@ const FreezableWebViewComponent = ({
   const webViewRef = useRef<WebView>(null);
 
   const isActiveTab = useBrowserStore(state => state.isTabActive(tabId));
-  const tabUrl = useBrowserStore(state => state.getTabData?.(tabId)?.url) || DEFAULT_TAB_URL;
+  const tabUrl = useBrowserStore(state => state.getTabData?.(tabId)?.url) || RAINBOW_HOME;
   const isOnHomepage = tabUrl === RAINBOW_HOME;
 
   const handleOnMessage = useCallback(
diff --git a/src/components/DappBrowser/Homepage.tsx b/src/components/DappBrowser/Homepage.tsx
index 76ca66fb3bf..38f37d85ae8 100644
--- a/src/components/DappBrowser/Homepage.tsx
+++ b/src/components/DappBrowser/Homepage.tsx
@@ -40,7 +40,7 @@ import { useBrowserContext } from './BrowserContext';
 import { getNameFromFormattedUrl } from './utils';
 import { useTrendingDApps } from '@/resources/metadata/trendingDapps';
 import { DApp } from '@/graphql/__generated__/metadata';
-import { DEFAULT_TAB_URL } from './constants';
+import { RAINBOW_HOME } from './constants';
 import { FeaturedResult } from '@/graphql/__generated__/arc';
 import { useRemoteConfig } from '@/model/remoteConfig';
 import { FEATURED_RESULTS, useExperimentalFlag } from '@/config';
@@ -175,7 +175,7 @@ const Favorites = ({ goToUrl, tabId }: { goToUrl: (url: string) => void; tabId:
     ({ currentGridSort, isActiveTab }: { currentGridSort: string[] | undefined; isActiveTab: boolean }) => {
       'worklet';
       const homepageTabsCount = currentlyOpenTabIds.value.filter(
-        tabId => !animatedTabUrls.value[tabId] || animatedTabUrls.value[tabId] === DEFAULT_TAB_URL
+        tabId => !animatedTabUrls.value[tabId] || animatedTabUrls.value[tabId] === RAINBOW_HOME
       ).length;
       const inactiveAndMounted = !isActiveTab && currentGridSort !== undefined;
 
diff --git a/src/components/DappBrowser/constants.ts b/src/components/DappBrowser/constants.ts
index e3bdae2b9bd..c3e29fd02cd 100644
--- a/src/components/DappBrowser/constants.ts
+++ b/src/components/DappBrowser/constants.ts
@@ -6,8 +6,6 @@ export const HTTP = 'http://';
 export const HTTPS = 'https://';
 export const RAINBOW_HOME = 'RAINBOW_HOME';
 
-export const DEFAULT_TAB_URL = RAINBOW_HOME;
-
 export const USER_AGENT = {
   IOS: 'Mozilla/5.0 (iPhone; CPU iPhone OS 17_4_1 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.4.1 Mobile/15E148 Safari/604.1',
   ANDROID: 'Mozilla/5.0 (Linux; Android 14) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.6533.103 Mobile Safari/537.36',
diff --git a/src/components/DappBrowser/control-panel/ControlPanel.tsx b/src/components/DappBrowser/control-panel/ControlPanel.tsx
index a7867ee6f68..2358b34601e 100644
--- a/src/components/DappBrowser/control-panel/ControlPanel.tsx
+++ b/src/components/DappBrowser/control-panel/ControlPanel.tsx
@@ -33,7 +33,6 @@ import { useSyncSharedValue } from '@/hooks/reanimated/useSyncSharedValue';
 import { useBrowserStore } from '@/state/browser/browserStore';
 import { colors } from '@/styles';
 import { deviceUtils, watchingAlert } from '@/utils';
-import ethereumUtils from '@/utils/ethereumUtils';
 import { addressHashedEmoji } from '@/utils/profileUtils';
 import { getHighContrastTextColorWorklet } from '@/worklets/colors';
 import { TOP_INSET } from '../Dimensions';
@@ -45,19 +44,17 @@ import { useDispatch } from 'react-redux';
 import store from '@/redux/store';
 import { getDappHost } from '@/utils/connectedApps';
 import WebView from 'react-native-webview';
-import { Navigation, useNavigation } from '@/navigation';
+import { useNavigation } from '@/navigation';
 import Routes from '@/navigation/routesNames';
 import { address } from '@/utils/abbreviations';
 import { fontWithWidthWorklet } from '@/styles/buildTextStyles';
 import { useAppSessionsStore } from '@/state/appSessions';
-import { DEFAULT_TAB_URL, RAINBOW_HOME } from '../constants';
+import { RAINBOW_HOME } from '../constants';
 import { FavoritedSite, useFavoriteDappsStore } from '@/state/browser/favoriteDappsStore';
 import WalletTypes from '@/helpers/walletTypes';
 import { usePersistentDominantColorFromImage } from '@/hooks/usePersistentDominantColorFromImage';
 import { findWalletWithAccount } from '@/helpers/findWalletWithAccount';
 import { addressSetSelected, walletsSetSelected } from '@/redux/wallets';
-import { getRemoteConfig } from '@/model/remoteConfig';
-import { SWAPS_V2, useExperimentalFlag } from '@/config';
 import { swapsStore } from '@/state/swaps/swapsStore';
 import { userAssetsStore } from '@/state/assets/userAssets';
 import { greaterThan } from '@/helpers/utilities';
@@ -89,7 +86,7 @@ export const ControlPanel = () => {
   } = useRoute<RouteProp<ControlPanelParams, 'ControlPanel'>>();
   const walletsWithBalancesAndNames = useWalletsWithBalancesAndNames();
   const activeTabUrl = useBrowserStore(state => state.getActiveTabUrl());
-  const activeTabHost = getDappHost(activeTabUrl || '') || DEFAULT_TAB_URL;
+  const activeTabHost = getDappHost(activeTabUrl || '') || RAINBOW_HOME;
   const updateActiveSessionNetwork = useAppSessionsStore(state => state.updateActiveSessionNetwork);
   const updateActiveSession = useAppSessionsStore(state => state.updateActiveSession);
   const addSession = useAppSessionsStore(state => state.addSession);
@@ -382,8 +379,6 @@ const HomePanel = ({
   const dispatch = useDispatch();
   const { navigate } = useNavigation();
 
-  const swapsV2Enabled = useExperimentalFlag(SWAPS_V2);
-
   const actionButtonList = useMemo(() => {
     const walletIcon = selectedWallet?.IconComponent || <></>;
     const walletLabel = selectedWallet?.label || '';
@@ -444,57 +439,27 @@ const HomePanel = ({
     const valid = await runWalletChecksBeforeSwapOrBridge();
     if (!valid) return;
 
-    const { swaps_v2 } = getRemoteConfig();
-
-    if (swaps_v2 || swapsV2Enabled) {
-      swapsStore.setState({
-        inputAsset: userAssetsStore.getState().getHighestValueEth(),
-      });
-      InteractionManager.runAfterInteractions(() => {
-        navigate(Routes.SWAP);
-      });
-      return;
-    }
-
-    const mainnetEth = await ethereumUtils.getNativeAssetForNetwork({ chainId: ChainId.mainnet, address: selectedWallet?.uniqueId });
-    Navigation.handleAction(Routes.EXCHANGE_MODAL, {
-      fromDiscover: true,
-      params: {
-        inputAsset: mainnetEth,
-      },
-      screen: Routes.MAIN_EXCHANGE_SCREEN,
+    swapsStore.setState({
+      inputAsset: userAssetsStore.getState().getHighestValueEth(),
+    });
+    InteractionManager.runAfterInteractions(() => {
+      navigate(Routes.SWAP);
     });
-  }, [navigate, runWalletChecksBeforeSwapOrBridge, selectedWallet?.uniqueId, swapsV2Enabled]);
+  }, [navigate, runWalletChecksBeforeSwapOrBridge]);
 
   const handleOnPressBridge = useCallback(async () => {
     const valid = await runWalletChecksBeforeSwapOrBridge();
     if (!valid) return;
 
-    const { swaps_v2 } = getRemoteConfig();
-
-    if (swaps_v2 || swapsV2Enabled) {
-      // TODO: We need to set something in swapsStore that deliniates between a swap and bridge
-      // for now let's just treat it like a normal swap
-      swapsStore.setState({
-        inputAsset: userAssetsStore.getState().getHighestValueEth(),
-      });
-      InteractionManager.runAfterInteractions(() => {
-        navigate(Routes.SWAP);
-      });
-      return;
-    }
-
-    const mainnetEth = await ethereumUtils.getNativeAssetForNetwork({ chainId: ChainId.mainnet, address: selectedWallet?.uniqueId });
-    Navigation.handleAction(Routes.EXCHANGE_MODAL, {
-      fromDiscover: true,
-      params: {
-        inputAsset: mainnetEth,
-      },
-      screen: Routes.MAIN_EXCHANGE_SCREEN,
+    swapsStore.setState({
+      inputAsset: userAssetsStore.getState().getHighestValueEth(),
+    });
+    InteractionManager.runAfterInteractions(() => {
+      navigate(Routes.SWAP);
     });
-  }, [navigate, runWalletChecksBeforeSwapOrBridge, selectedWallet?.uniqueId, swapsV2Enabled]);
+  }, [navigate, runWalletChecksBeforeSwapOrBridge]);
 
-  const isOnHomepage = useBrowserStore(state => (state.getActiveTabUrl() || DEFAULT_TAB_URL) === RAINBOW_HOME);
+  const isOnHomepage = useBrowserStore(state => (state.getActiveTabUrl() || RAINBOW_HOME) === RAINBOW_HOME);
 
   return (
     <Panel height={isOnHomepage ? HOME_PANEL_FULL_HEIGHT - HOME_PANEL_DAPP_SECTION : HOME_PANEL_FULL_HEIGHT}>
diff --git a/src/components/DappBrowser/search-input/AccountIcon.tsx b/src/components/DappBrowser/search-input/AccountIcon.tsx
index 823a00feb0a..9bf8cc16b5d 100644
--- a/src/components/DappBrowser/search-input/AccountIcon.tsx
+++ b/src/components/DappBrowser/search-input/AccountIcon.tsx
@@ -13,7 +13,7 @@ import { getDappHost } from '../handleProviderRequest';
 import { ButtonPressAnimation } from '@/components/animations';
 import { useBrowserStore } from '@/state/browser/browserStore';
 import { useBrowserContext } from '../BrowserContext';
-import { DEFAULT_TAB_URL, RAINBOW_HOME } from '../constants';
+import { RAINBOW_HOME } from '../constants';
 
 export const AccountIcon = React.memo(function AccountIcon() {
   const { navigate } = useNavigation();
@@ -23,8 +23,8 @@ export const AccountIcon = React.memo(function AccountIcon() {
   const [currentAddress, setCurrentAddress] = useState<string>(accountAddress);
 
   const { activeTabRef } = useBrowserContext();
-  const activeTabHost = useBrowserStore(state => getDappHost(state.getActiveTabUrl())) || DEFAULT_TAB_URL;
-  const isOnHomepage = useBrowserStore(state => (state.getActiveTabUrl() || DEFAULT_TAB_URL) === RAINBOW_HOME);
+  const activeTabHost = useBrowserStore(state => getDappHost(state.getActiveTabUrl())) || RAINBOW_HOME;
+  const isOnHomepage = useBrowserStore(state => (state.getActiveTabUrl() || RAINBOW_HOME) === RAINBOW_HOME);
   const hostSessions = useAppSessionsStore(state => state.getActiveSession({ host: activeTabHost }));
   const currentSession = useMemo(
     () =>
diff --git a/src/components/DappBrowser/search/results/SearchResults.tsx b/src/components/DappBrowser/search/results/SearchResults.tsx
index e7bf159980f..44203c49bec 100644
--- a/src/components/DappBrowser/search/results/SearchResults.tsx
+++ b/src/components/DappBrowser/search/results/SearchResults.tsx
@@ -54,12 +54,9 @@ const search = (query: string, dapps: Dapp[], numberOfResults = 4): Dapp[] => {
       if (b?.trending === true && a?.trending !== true) return 1;
       if (a?.trending === true && b?.trending !== true) return -1;
 
-      // @ts-expect-error: Need to fix these types
       const relevanceDiff = b.relevance - a.relevance;
       if (relevanceDiff === 0) {
-        // @ts-expect-error: Same here
         const aWordCount = a.name.split(' ').length;
-        // @ts-expect-error: Same here
         const bWordCount = b.name.split(' ').length;
         return aWordCount - bWordCount;
       }
@@ -74,7 +71,6 @@ const search = (query: string, dapps: Dapp[], numberOfResults = 4): Dapp[] => {
     return [{ url: query, urlDisplay: query, name: query, isDirect: true } as unknown as Dapp, ...(dappResults as Dapp[])];
   }
 
-  // @ts-expect-error: Same here
   return filteredDapps;
 };
 
diff --git a/src/components/exchange/ExchangeAssetList.tsx b/src/components/ExchangeAssetList.tsx
similarity index 93%
rename from src/components/exchange/ExchangeAssetList.tsx
rename to src/components/ExchangeAssetList.tsx
index ff7da7c343e..050e4b2a47c 100644
--- a/src/components/exchange/ExchangeAssetList.tsx
+++ b/src/components/ExchangeAssetList.tsx
@@ -12,18 +12,17 @@ import React, {
 } from 'react';
 import { InteractionManager, Keyboard, SectionList, SectionListData } from 'react-native';
 import LinearGradient from 'react-native-linear-gradient';
-import { ButtonPressAnimation } from '../animations';
-import useAccountSettings from '../../hooks/useAccountSettings';
-import FastCurrencySelectionRow from '../asset-list/RecyclerAssetList2/FastComponents/FastCurrencySelectionRow';
-import { ContactRow } from '../contacts';
-import DiscoverSheetContext from '../../screens/discover/DiscoverScreenContext';
-import { GradientText } from '../text';
-import { CopyToast, ToastPositionContainer } from '../toasts';
-import contextMenuProps from './exchangeAssetRowContextMenuProps';
+import { ButtonPressAnimation } from '@/components/animations';
+import useAccountSettings from '@/hooks/useAccountSettings';
+import FastCurrencySelectionRow from '@/components/asset-list/RecyclerAssetList2/FastComponents/FastCurrencySelectionRow';
+import { ContactRow } from '@/components/contacts';
+import DiscoverSheetContext from '@/screens/discover/DiscoverScreenContext';
+import { GradientText } from '@/components/text';
+import { CopyToast, ToastPositionContainer } from '@/components/toasts';
+import contextMenuProps from '@/components/exchangeAssetRowContextMenuProps';
 import { TokenSectionTypes } from '@/helpers';
 import { useAndroidScrollViewGestureHandler, usePrevious } from '@/hooks';
 import { useNavigation } from '@/navigation';
-import store from '@/redux/store';
 import Routes from '@/navigation/routesNames';
 import styled from '@/styled-thing';
 import { useTheme } from '@/theme';
@@ -31,7 +30,7 @@ import { abbreviations, deviceUtils, haptics, magicMemo } from '@/utils';
 import { Box, Text } from '@/design-system';
 import { colors, Colors } from '@/styles';
 import { EnrichedExchangeAsset } from '@/screens/CurrencySelectModal';
-import ExchangeTokenRow from './ExchangeTokenRow';
+import ExchangeTokenRow from '@/components/ExchangeTokenRow';
 import { SwappableAsset } from '@/entities';
 import { toggleFavorite, useFavorites } from '@/resources/favorites';
 
diff --git a/src/components/exchange/ExchangeSearch.tsx b/src/components/ExchangeSearch.tsx
similarity index 96%
rename from src/components/exchange/ExchangeSearch.tsx
rename to src/components/ExchangeSearch.tsx
index 9f5302788ae..664d53692b3 100644
--- a/src/components/exchange/ExchangeSearch.tsx
+++ b/src/components/ExchangeSearch.tsx
@@ -3,9 +3,9 @@ import { isEmpty } from 'lodash';
 import React, { ForwardRefRenderFunction, MutableRefObject, useCallback, useContext, useEffect, useMemo, useRef } from 'react';
 import LinearGradient from 'react-native-linear-gradient';
 import Animated, { Easing, useAnimatedStyle, useSharedValue, withRepeat, withTiming } from 'react-native-reanimated';
-import Spinner from '../../assets/chartSpinner.png';
-import DiscoverSheetContext from '../../screens/discover/DiscoverScreenContext';
-import { ClearInputDecorator, Input } from '../inputs';
+import Spinner from '@/assets/chartSpinner.png';
+import DiscoverSheetContext from '@/screens/discover/DiscoverScreenContext';
+import { ClearInputDecorator, Input } from '@/components/inputs';
 import { analytics } from '@/analytics';
 import { ImgixImage } from '@/components/images';
 import styled from '@/styled-thing';
@@ -17,7 +17,6 @@ import { useTheme } from '@/theme';
 import { Box, Text } from '@/design-system';
 import { Source } from 'react-native-fast-image';
 import { IS_TEST } from '@/env';
-import { ChainId } from '@rainbow-me/swaps';
 
 export const ExchangeSearchHeight = 40;
 const DoneButtonWidth = 52;
diff --git a/src/components/exchange/ExchangeTokenRow.tsx b/src/components/ExchangeTokenRow.tsx
similarity index 93%
rename from src/components/exchange/ExchangeTokenRow.tsx
rename to src/components/ExchangeTokenRow.tsx
index e4fec0e9044..2b70fe2d35a 100644
--- a/src/components/exchange/ExchangeTokenRow.tsx
+++ b/src/components/ExchangeTokenRow.tsx
@@ -3,12 +3,12 @@ import isEqual from 'react-fast-compare';
 import { Box, Column, Columns, Inline, Stack, Text } from '@/design-system';
 import { isNativeAsset } from '@/handlers/assets';
 import { useAsset, useDimensions } from '@/hooks';
-import { ButtonPressAnimation } from '../animations';
-import { FloatingEmojis } from '../floating-emojis';
+import { ButtonPressAnimation } from '@/components/animations';
+import { FloatingEmojis } from '@/components/floating-emojis';
 import { IS_IOS } from '@/env';
-import { FavStar, Info } from '../asset-list/RecyclerAssetList2/FastComponents/FastCurrencySelectionRow';
+import { FavStar, Info } from '@/components/asset-list/RecyclerAssetList2/FastComponents/FastCurrencySelectionRow';
 import { View } from 'react-native';
-import RainbowCoinIcon from '../coin-icon/RainbowCoinIcon';
+import RainbowCoinIcon from '@/components/coin-icon/RainbowCoinIcon';
 import { ChainId } from '@/chains/types';
 import { ParsedAddressAsset } from '@/entities';
 
diff --git a/src/components/exchange/NetworkSwitcher.js b/src/components/NetworkSwitcher.tsx
similarity index 78%
rename from src/components/exchange/NetworkSwitcher.js
rename to src/components/NetworkSwitcher.tsx
index 821af7a514d..6b68e79377e 100644
--- a/src/components/exchange/NetworkSwitcher.js
+++ b/src/components/NetworkSwitcher.tsx
@@ -1,16 +1,18 @@
 import lang from 'i18n-js';
-import React from 'react';
+import React, { useCallback } from 'react';
 import RadialGradient from 'react-native-radial-gradient';
 import Divider from '@/components/Divider';
 import ChainBadge from '@/components/coin-icon/ChainBadge';
 import { ContextMenuButton } from '@/components/context-menu';
-import { Column, Row } from '../layout';
-import { Text } from '../text';
-import { padding, position } from '@/styles';
+import { Column, Row } from '@/components/layout';
+import { Text } from '@/components/text';
+import { Colors, padding, position } from '@/styles';
 import { showActionSheetWithOptions } from '@/utils';
-import { EthCoinIcon } from '../coin-icon/EthCoinIcon';
+import { EthCoinIcon } from '@/components/coin-icon/EthCoinIcon';
 import { chainsLabel, chainsName, defaultChains, supportedSwapChainIds } from '@/chains';
 import { isL2Chain } from '@/handlers/web3';
+import { OnPressMenuItemEventObject } from 'react-native-ios-context-menu';
+import { ChainId } from '@/chains/types';
 
 const networkMenuItems = supportedSwapChainIds
   .map(chainId => defaultChains[chainId])
@@ -25,6 +27,17 @@ const networkMenuItems = supportedSwapChainIds
 
 const androidNetworkMenuItems = supportedSwapChainIds.map(chainId => defaultChains[chainId].id);
 
+type NetworkSwitcherProps = {
+  colors: Colors;
+  hideDivider: boolean;
+  marginVertical?: number;
+  marginHorizontal?: number;
+  currentChainId: number;
+  setCurrentChainId: (chainId: ChainId) => void;
+  testID: string;
+  prominent: boolean;
+};
+
 const NetworkSwitcherv1 = ({
   colors,
   hideDivider,
@@ -34,7 +47,7 @@ const NetworkSwitcherv1 = ({
   setCurrentChainId,
   testID,
   prominent,
-}) => {
+}: NetworkSwitcherProps) => {
   const radialGradientProps = {
     center: [0, 1],
     colors: colors.gradients.lightGreyWhite,
@@ -46,8 +59,8 @@ const NetworkSwitcherv1 = ({
   };
 
   const handleOnPressMenuItem = useCallback(
-    ({ nativeEvent: { actionKey } }) => {
-      setCurrentChainId(actionKey);
+    ({ nativeEvent: { actionKey } }: OnPressMenuItemEventObject) => {
+      setCurrentChainId(Number(actionKey));
     },
     [setCurrentChainId]
   );
@@ -58,7 +71,7 @@ const NetworkSwitcherv1 = ({
         options: networkActions,
         showSeparators: true,
       },
-      idx => {
+      (idx: number) => {
         if (idx !== undefined) {
           setCurrentChainId(networkActions[idx]);
         }
@@ -81,6 +94,7 @@ const NetworkSwitcherv1 = ({
           marginVertical={marginVertical}
           style={padding.object(android ? 6 : 10, 10, android ? 6 : 10, 10)}
         >
+          {/* @ts-expect-error - borderRadius is not a valid prop for RadialGradient */}
           <RadialGradient {...radialGradientProps} borderRadius={16} radius={600} />
           <Column justify="center">
             {currentChainId !== 1 ? <ChainBadge chainId={currentChainId} position="relative" size="small" /> : <EthCoinIcon size={20} />}
diff --git a/src/components/exchange/NetworkSwitcherv2.tsx b/src/components/NetworkSwitcherv2.tsx
similarity index 94%
rename from src/components/exchange/NetworkSwitcherv2.tsx
rename to src/components/NetworkSwitcherv2.tsx
index a293f31be76..492fb4a49a9 100644
--- a/src/components/exchange/NetworkSwitcherv2.tsx
+++ b/src/components/NetworkSwitcherv2.tsx
@@ -1,12 +1,12 @@
 import React, { useRef, useMemo } from 'react';
 import { ScrollView } from 'react-native';
 import RadialGradient from 'react-native-radial-gradient';
-import { ButtonPressAnimation } from '../animations';
-import ChainBadge from '../coin-icon/ChainBadge';
+import { ButtonPressAnimation } from '@/components/animations';
+import ChainBadge from '@/components/coin-icon/ChainBadge';
 import { Bleed, Box, Columns, Inline, Text } from '@/design-system';
 import { position } from '@rainbow-me/styles';
 import { useTheme } from '@/theme';
-import { EthCoinIcon } from '../coin-icon/EthCoinIcon';
+import { EthCoinIcon } from '@/components/coin-icon/EthCoinIcon';
 import { ChainId } from '@/chains/types';
 import { chainsLabel, defaultChains, supportedSwapChainIds } from '@/chains';
 
diff --git a/src/components/asset-list/RecyclerAssetList2/profile-header/ProfileActionButtonsRow.tsx b/src/components/asset-list/RecyclerAssetList2/profile-header/ProfileActionButtonsRow.tsx
index b5200222c2e..a1ae36ea082 100644
--- a/src/components/asset-list/RecyclerAssetList2/profile-header/ProfileActionButtonsRow.tsx
+++ b/src/components/asset-list/RecyclerAssetList2/profile-header/ProfileActionButtonsRow.tsx
@@ -5,12 +5,11 @@ import { InteractionManager, PressableProps } from 'react-native';
 import Animated, { useAnimatedStyle, useDerivedValue, withSpring } from 'react-native-reanimated';
 import { ButtonPressAnimation } from '@/components/animations';
 import { CopyFloatingEmojis } from '@/components/floating-emojis';
-import { enableActionsOnReadOnlyWallet, useExperimentalFlag, SWAPS_V2 } from '@/config';
+import { enableActionsOnReadOnlyWallet } from '@/config';
 import { AccentColorProvider, Box, Column, Columns, Inset, Stack, Text, useColorMode } from '@/design-system';
-import { useAccountProfile, useAccountSettings, useWallets } from '@/hooks';
-import { delayNext } from '@/hooks/useMagicAutofocus';
+import { useAccountProfile, useWallets } from '@/hooks';
 import { useNavigation } from '@/navigation';
-import { ethereumUtils, watchingAlert } from '@/utils';
+import { watchingAlert } from '@/utils';
 import Routes from '@rainbow-me/routes';
 import showWalletErrorAlert from '@/helpers/support';
 import { analytics } from '@/analytics';
@@ -20,7 +19,6 @@ import { useAccountAccentColor } from '@/hooks/useAccountAccentColor';
 import { addressCopiedToastAtom } from '@/recoil/addressCopiedToastAtom';
 import { swapsStore } from '@/state/swaps/swapsStore';
 import { userAssetsStore } from '@/state/assets/userAssets';
-import { ChainId } from '@/chains/types';
 
 export const ProfileActionButtonsRowHeight = 80;
 
@@ -169,9 +167,6 @@ function BuyButton() {
 
 function SwapButton() {
   const { isReadOnlyWallet } = useWallets();
-  const { accountAddress } = useAccountSettings();
-  const remoteConfig = useRemoteConfig();
-  const swapsV2Enabled = useExperimentalFlag(SWAPS_V2) || remoteConfig.swaps_v2;
   const { navigate } = useNavigation();
 
   const handlePress = React.useCallback(async () => {
@@ -179,30 +174,16 @@ function SwapButton() {
       analytics.track('Tapped "Swap"', {
         category: 'home screen',
       });
-      if (swapsV2Enabled) {
-        swapsStore.setState({
-          inputAsset: userAssetsStore.getState().getHighestValueEth(),
-        });
-        InteractionManager.runAfterInteractions(() => {
-          navigate(Routes.SWAP);
-        });
-        return;
-      }
-
-      android && delayNext();
-
-      const mainnetEth = await ethereumUtils.getNativeAssetForNetwork({ chainId: ChainId.mainnet, address: accountAddress });
-      navigate(Routes.EXCHANGE_MODAL, {
-        fromDiscover: true,
-        params: {
-          inputAsset: mainnetEth,
-        },
-        screen: Routes.MAIN_EXCHANGE_SCREEN,
+      swapsStore.setState({
+        inputAsset: userAssetsStore.getState().getHighestValueEth(),
+      });
+      InteractionManager.runAfterInteractions(() => {
+        navigate(Routes.SWAP);
       });
     } else {
       watchingAlert();
     }
-  }, [accountAddress, isReadOnlyWallet, navigate, swapsV2Enabled]);
+  }, [isReadOnlyWallet, navigate]);
 
   return (
     <ActionButton icon="􀖅" onPress={handlePress} testID="swap-button">
diff --git a/src/components/backup/BackupCloudStep.tsx b/src/components/backup/BackupCloudStep.tsx
index e839d9323c0..cb0c4dde868 100644
--- a/src/components/backup/BackupCloudStep.tsx
+++ b/src/components/backup/BackupCloudStep.tsx
@@ -11,7 +11,7 @@ import { Text } from '@/components/text';
 import WalletAndBackup from '@/assets/WalletsAndBackup.png';
 import { analytics } from '@/analytics';
 import { cloudBackupPasswordMinLength, isCloudBackupPasswordValid } from '@/handlers/cloudBackup';
-import { useDimensions, useMagicAutofocus, useWallets } from '@/hooks';
+import { useDimensions, useMagicAutofocus } from '@/hooks';
 import styled from '@/styled-thing';
 import { padding } from '@/styles';
 import { Box, Inset, Stack } from '@/design-system';
@@ -23,9 +23,6 @@ import { usePasswordValidation } from './usePasswordValidation';
 import { TextInput } from 'react-native';
 import { useTheme } from '@/theme';
 import { useNavigation } from '@/navigation';
-import Routes from '@/navigation/routesNames';
-import { SETTINGS_BACKUP_ROUTES } from '@/screens/SettingsSheet/components/Backups/routes';
-import walletTypes from '@/helpers/walletTypes';
 
 type BackupCloudStepParams = {
   BackupCloudStep: {
diff --git a/src/components/coin-row/CoinRowInfoButton.js b/src/components/coin-row/CoinRowInfoButton.js
deleted file mode 100644
index c9153d1a1fa..00000000000
--- a/src/components/coin-row/CoinRowInfoButton.js
+++ /dev/null
@@ -1,162 +0,0 @@
-import lang from 'i18n-js';
-import { startCase } from 'lodash';
-import React from 'react';
-import { View } from 'react-native';
-import { IS_TESTING } from 'react-native-dotenv';
-import { ContextMenuButton } from 'react-native-ios-context-menu';
-import RadialGradient from 'react-native-radial-gradient';
-import { ButtonPressAnimation } from '../animations';
-import { Centered } from '../layout';
-import { Text } from '../text';
-import { CoinRowHeight } from './CoinRow';
-import { useClipboard } from '@/hooks';
-import styled from '@/styled-thing';
-import { fonts, fontWithWidth, padding } from '@/styles';
-import { abbreviations, ethereumUtils, haptics, showActionSheetWithOptions } from '@/utils';
-
-const InfoButton = styled(Centered)({
-  ...padding.object(8, 0),
-  alignItems: 'center',
-  bottom: 0,
-  flex: 0,
-  height: CoinRowHeight,
-  justifyContent: 'center',
-  position: 'absolute',
-  right: ({ showFavoriteButton }) => (showFavoriteButton ? 40 : 0),
-  top: 0,
-  width: 68,
-});
-
-const Circle = styled(IS_TESTING === 'true' ? View : RadialGradient).attrs(({ theme: { colors } }) => ({
-  center: [0, 15],
-  colors: colors.gradients.lightestGrey,
-}))({
-  borderRadius: 15,
-  height: 30,
-  margin: 10,
-  overflow: 'hidden',
-  width: 30,
-});
-
-const Icon = styled(Text).attrs(({ theme: { colors } }) => ({
-  align: 'center',
-  color: colors.alpha(colors.blueGreyDark, 0.3),
-  letterSpacing: 'zero',
-  size: 'lmedium',
-  weight: 'bold',
-}))({
-  ...fontWithWidth(fonts.weight.bold),
-  height: '100%',
-  lineHeight: 30,
-  width: '100%',
-});
-
-const CoinRowActionsEnum = {
-  blockExplorer: 'blockExplorer',
-  copyAddress: 'copyAddress',
-};
-
-const CoinRowActions = {
-  [CoinRowActionsEnum.copyAddress]: {
-    actionKey: CoinRowActionsEnum.copyAddress,
-    actionTitle: lang.t('wallet.action.copy_contract_address'),
-    icon: {
-      iconType: 'SYSTEM',
-      iconValue: 'doc.on.doc',
-    },
-  },
-};
-
-const buildBlockExplorerAction = chainId => {
-  const blockExplorerText = lang.t('exchange.coin_row.view_on', {
-    blockExplorerName: startCase(ethereumUtils.getBlockExplorer({ chainId })),
-  });
-  return {
-    actionKey: CoinRowActionsEnum.blockExplorer,
-    actionTitle: blockExplorerText,
-    icon: {
-      iconType: 'SYSTEM',
-      iconValue: 'link',
-    },
-  };
-};
-
-const CoinRowInfoButton = ({ item, onCopySwapDetailsText, showFavoriteButton }) => {
-  const { setClipboard } = useClipboard();
-  const handleCopyContractAddress = useCallback(
-    address => {
-      haptics.selection();
-      setClipboard(address);
-      onCopySwapDetailsText(address);
-    },
-    [onCopySwapDetailsText, setClipboard]
-  );
-
-  const onPressAndroid = useCallback(() => {
-    const blockExplorerText = `View on ${startCase(ethereumUtils.getBlockExplorer({ chainId: item?.chainId }))}`;
-    const androidContractActions = [lang.t('wallet.action.copy_contract_address'), blockExplorerText, lang.t('button.cancel')];
-
-    showActionSheetWithOptions(
-      {
-        cancelButtonIndex: 2,
-        options: androidContractActions,
-        showSeparators: true,
-        title: `${item?.name} (${item?.symbol})`,
-      },
-      idx => {
-        if (idx === 0) {
-          handleCopyContractAddress(item?.address);
-        }
-        if (idx === 1) {
-          ethereumUtils.openTokenEtherscanURL({ address: item?.address, chainId: item?.chainId });
-        }
-      }
-    );
-  }, [item, handleCopyContractAddress]);
-
-  const menuConfig = useMemo(() => {
-    const blockExplorerAction = buildBlockExplorerAction(item?.chainId);
-    return {
-      menuItems: [
-        blockExplorerAction,
-        {
-          ...CoinRowActions[CoinRowActionsEnum.copyAddress],
-          discoverabilityTitle: abbreviations.formatAddressForDisplay(item?.address),
-        },
-      ],
-      menuTitle: `${item?.name} (${item?.symbol})`,
-    };
-  }, [item?.address, item?.chainId, item?.name, item?.symbol]);
-
-  const handlePressMenuItem = useCallback(
-    ({ nativeEvent: { actionKey } }) => {
-      if (actionKey === CoinRowActionsEnum.copyAddress) {
-        handleCopyContractAddress(item?.address);
-      } else if (actionKey === CoinRowActionsEnum.blockExplorer) {
-        ethereumUtils.openTokenEtherscanURL({ address: item?.address, chainId: item?.chainId });
-      }
-    },
-    [item, handleCopyContractAddress]
-  );
-  return (
-    <InfoButton showFavoriteButton={showFavoriteButton}>
-      <ContextMenuButton
-        activeOpacity={0}
-        menuConfig={menuConfig}
-        {...(android ? { onPress: onPressAndroid } : {})}
-        isMenuPrimaryAction
-        onPressMenuItem={handlePressMenuItem}
-        useActionSheetFallback={false}
-        wrapNativeComponent={false}
-      >
-        <ButtonPressAnimation>
-          <Circle>
-            <Icon>􀅳</Icon>
-          </Circle>
-        </ButtonPressAnimation>
-      </ContextMenuButton>
-    </InfoButton>
-  );
-};
-
-export default CoinRowInfoButton;
diff --git a/src/components/coin-row/FastTransactionCoinRow.tsx b/src/components/coin-row/FastTransactionCoinRow.tsx
index 58f724a9c6d..0685ebf6158 100644
--- a/src/components/coin-row/FastTransactionCoinRow.tsx
+++ b/src/components/coin-row/FastTransactionCoinRow.tsx
@@ -24,8 +24,8 @@ import {
 import { TwoCoinsIcon } from '../coin-icon/TwoCoinsIcon';
 import Spinner from '../Spinner';
 import * as lang from '@/languages';
-import RainbowCoinIcon from '../coin-icon/RainbowCoinIcon';
-import { checkForPendingSwap } from '@/screens/transaction-details/helpers/checkForPendingSwap';
+import RainbowCoinIcon from '@/components/coin-icon/RainbowCoinIcon';
+import { checkForPendingSwap } from '@/helpers/checkForPendingSwap';
 
 export const getApprovalLabel = ({ approvalAmount, asset, type }: Pick<RainbowTransaction, 'type' | 'asset' | 'approvalAmount'>) => {
   if (!approvalAmount || !asset) return;
diff --git a/src/components/exchange/ConfirmExchangeButton.js b/src/components/exchange/ConfirmExchangeButton.js
deleted file mode 100644
index 2d1c786d13e..00000000000
--- a/src/components/exchange/ConfirmExchangeButton.js
+++ /dev/null
@@ -1,166 +0,0 @@
-import { useRoute } from '@react-navigation/native';
-import lang from 'i18n-js';
-import makeColorMoreChill from 'make-color-more-chill';
-import React, { useCallback, useMemo } from 'react';
-import { Keyboard } from 'react-native';
-import { darkModeThemeColors } from '../../styles/colors';
-import { HoldToAuthorizeButton } from '../buttons';
-import { Box, Row, Rows } from '@/design-system';
-import { ExchangeModalTypes } from '@/helpers';
-import { useColorForAsset, useGas, useSwapCurrencies, useWallets } from '@/hooks';
-import { useNavigation } from '@/navigation';
-import { ETH_ADDRESS } from '@/references';
-import Routes from '@/navigation/routesNames';
-import { lightModeThemeColors } from '@/styles';
-import { useTheme } from '@/theme';
-import handleSwapErrorCodes from '@/utils/exchangeErrorCodes';
-import { chainsNativeAsset } from '@/chains';
-
-const NOOP = () => null;
-
-export default function ConfirmExchangeButton({
-  chainId,
-  disabled,
-  loading,
-  isHighPriceImpact,
-  quoteError,
-  onPressViewDetails,
-  onSubmit,
-  testID,
-  tradeDetails,
-  type = ExchangeModalTypes.swap,
-  isSufficientBalance,
-  isBridgeSwap,
-  ...props
-}) {
-  const { inputCurrency, outputCurrency } = useSwapCurrencies();
-  const asset = outputCurrency ?? inputCurrency;
-  const { isSufficientGas, isValidGas, isGasReady } = useGas();
-  const { name: routeName } = useRoute();
-  const { navigate } = useNavigation();
-  const [isSwapSubmitting, setIsSwapSubmitting] = useState(false);
-  const { isHardwareWallet } = useWallets();
-
-  const isSwapDetailsRoute = routeName === Routes.SWAP_DETAILS_SHEET;
-  const shouldOpenSwapDetails = tradeDetails && !isSwapDetailsRoute;
-
-  const { colors, isDarkMode } = useTheme();
-
-  const shadows = useMemo(
-    () => ({
-      default: [[0, 10, 30, darkModeThemeColors.shadow, 0.4]],
-      disabled: [
-        [0, 10, 30, colors.shadow, isDarkMode ? 0 : 0.2],
-        [0, 5, 15, isDarkMode ? colors.shadow : lightModeThemeColors.blueGreyDark50, 0.4],
-      ],
-    }),
-    [colors, isDarkMode]
-  );
-
-  const colorForAsset = useColorForAsset(asset, undefined, true, true);
-
-  const disabledButtonColor = isSwapDetailsRoute
-    ? isDarkMode
-      ? darkModeThemeColors.blueGreyDark04
-      : lightModeThemeColors.blueGreyDark50
-    : darkModeThemeColors.blueGreyDark04;
-
-  const { buttonColor, shadowsForAsset } = useMemo(() => {
-    const color = quoteError
-      ? disabledButtonColor
-      : asset.address === ETH_ADDRESS
-        ? colors.appleBlue
-        : isSwapDetailsRoute
-          ? colorForAsset
-          : makeColorMoreChill(colorForAsset, (isSwapDetailsRoute ? colors : darkModeThemeColors).light);
-
-    return {
-      buttonColor: color,
-      shadowsForAsset: [
-        [0, 10, 30, colors.shadow, 0.2],
-        [0, 5, 15, isDarkMode ? colors.trueBlack : color, 0.4],
-      ],
-    };
-  }, [asset.address, colorForAsset, colors, disabledButtonColor, quoteError, isDarkMode, isSwapDetailsRoute]);
-
-  let label = '';
-  let explainerType = null;
-
-  if (type === ExchangeModalTypes.swap) {
-    label = `􀕹 ${lang.t('button.confirm_exchange.review')}`;
-  }
-  if (loading) {
-    label = lang.t('button.confirm_exchange.fetching_quote');
-  } else if (!isSufficientBalance) {
-    label = lang.t('button.confirm_exchange.insufficient_funds');
-  } else if (isSufficientGas != null && !isSufficientGas) {
-    label = lang.t('button.confirm_exchange.insufficient_token', {
-      tokenName: chainsNativeAsset[chainId].symbol,
-    });
-  } else if (!isValidGas && isGasReady) {
-    label = lang.t('button.confirm_exchange.invalid_fee');
-  } else if (isSwapDetailsRoute) {
-    if (isSwapSubmitting) {
-      label = lang.t('button.confirm_exchange.submitting');
-    } else if (isBridgeSwap) {
-      label = `${lang.t('button.confirm_exchange.bridge')}`;
-    } else {
-      label = isHighPriceImpact ? lang.t('button.confirm_exchange.swap_anyway') : `${lang.t('button.confirm_exchange.swap')}`;
-    }
-  } else if (disabled) {
-    label = lang.t('button.confirm_exchange.enter_amount');
-  }
-
-  if (quoteError) {
-    const error = handleSwapErrorCodes(quoteError);
-    label = error.buttonLabel;
-    explainerType = error.explainerType;
-  }
-
-  const handleExplainer = useCallback(() => {
-    Keyboard.dismiss();
-    navigate(Routes.EXPLAIN_SHEET, {
-      inputCurrency,
-      outputCurrency,
-      type: explainerType,
-    });
-  }, [explainerType, inputCurrency, navigate, outputCurrency]);
-
-  const isDisabled = disabled || !isSufficientBalance || !isSufficientGas || !isValidGas || !isSufficientGas;
-
-  const onSwap = useCallback(async () => {
-    setIsSwapSubmitting(true);
-    const submitted = await onSubmit(setIsSwapSubmitting);
-    setIsSwapSubmitting(submitted);
-  }, [onSubmit]);
-
-  return (
-    <Box>
-      <Rows alignHorizontal="center" alignVertical="bottom" space="8px">
-        <Row height="content">
-          <HoldToAuthorizeButton
-            backgroundColor={buttonColor}
-            disableLongPress={(shouldOpenSwapDetails && !quoteError) || loading || isSwapSubmitting}
-            disableShimmerAnimation={quoteError}
-            disabled={isDisabled && !quoteError}
-            disabledBackgroundColor={isSwapSubmitting ? buttonColor : disabledButtonColor}
-            hideInnerBorder
-            isAuthorizing={isSwapSubmitting}
-            label={label}
-            loading={loading || isSwapSubmitting}
-            ignoreHardwareWallet={loading || isSwapSubmitting || shouldOpenSwapDetails || !!explainerType}
-            onLongPress={
-              loading || isSwapSubmitting ? NOOP : explainerType ? handleExplainer : shouldOpenSwapDetails ? onPressViewDetails : onSwap
-            }
-            shadows={isSwapDetailsRoute ? (isDisabled || quoteError ? shadows.disabled : shadowsForAsset) : shadows.default}
-            showBiometryIcon={isSwapDetailsRoute && !isSwapSubmitting}
-            testID={testID}
-            {...props}
-            parentHorizontalPadding={19}
-            isHardwareWallet={isHardwareWallet}
-          />
-        </Row>
-      </Rows>
-    </Box>
-  );
-}
diff --git a/src/components/exchange/ExchangeDetailsButton.js b/src/components/exchange/ExchangeDetailsButton.js
deleted file mode 100644
index 049c2768f3e..00000000000
--- a/src/components/exchange/ExchangeDetailsButton.js
+++ /dev/null
@@ -1,22 +0,0 @@
-import React from 'react';
-import { ButtonPressAnimation } from '../animations';
-import { Text } from '../text';
-import styled from '@/styled-thing';
-import { lightModeThemeColors, padding } from '@/styles';
-
-const ExchangeDetailsButtonLabel = styled(Text).attrs({
-  color: lightModeThemeColors.white,
-  size: 'large',
-  weight: 'heavy',
-  ...(android && { lineHeight: 21 }),
-})({
-  ...padding.object(9),
-});
-
-export default function ExchangeDetailsButton({ children, disabled, onPress, ...props }) {
-  return (
-    <ButtonPressAnimation {...props} disabled={disabled} onPress={onPress} scaleTo={1.0666} style={{ opacity: disabled ? 0.4 : 1 }}>
-      <ExchangeDetailsButtonLabel>{children}</ExchangeDetailsButtonLabel>
-    </ButtonPressAnimation>
-  );
-}
diff --git a/src/components/exchange/ExchangeDetailsRow.tsx b/src/components/exchange/ExchangeDetailsRow.tsx
deleted file mode 100644
index fa38179855e..00000000000
--- a/src/components/exchange/ExchangeDetailsRow.tsx
+++ /dev/null
@@ -1,112 +0,0 @@
-import lang from 'i18n-js';
-import React, { useEffect } from 'react';
-import Animated, { Easing, useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
-import ExchangeDetailsButton from './ExchangeDetailsButton';
-import PriceImpactWarning from './PriceImpactWarning';
-import { analytics } from '@/analytics';
-import { Box } from '@/design-system';
-import { usePrevious, useSwapCurrencies } from '@/hooks';
-
-const defaultPriceImpactScale = 1.15;
-const timingConfig = {
-  duration: 200,
-  easing: Easing.bezier(0.76, 0, 0.24, 1),
-};
-
-interface ExchangeDetailsRowProps {
-  isHighPriceImpact: boolean;
-  onFlipCurrencies: () => void;
-  onPressSettings: () => void;
-  onPressImpactWarning: () => void;
-  priceImpactColor?: string;
-  priceImpactNativeAmount?: string | null;
-  priceImpactPercentDisplay?: string | null;
-  outputCurrencySymbol?: string | null;
-  type: string;
-}
-
-export default function ExchangeDetailsRow({
-  isHighPriceImpact,
-  onFlipCurrencies,
-  onPressSettings,
-  onPressImpactWarning,
-  priceImpactColor,
-  priceImpactNativeAmount,
-  priceImpactPercentDisplay,
-  outputCurrencySymbol,
-  type,
-}: ExchangeDetailsRowProps) {
-  const detailsRowOpacity = useSharedValue(1);
-  const priceImpactOpacity = useSharedValue(0);
-  const priceImpactScale = useSharedValue(defaultPriceImpactScale);
-  const { outputCurrency } = useSwapCurrencies();
-
-  const detailsRowAnimatedStyle = useAnimatedStyle(() => ({
-    opacity: detailsRowOpacity.value,
-  }));
-
-  const priceImpactAnimatedStyle = useAnimatedStyle(() => ({
-    opacity: priceImpactOpacity.value,
-    transform: [{ scale: priceImpactScale.value }],
-  }));
-
-  const prevIsHighPriceImpact = usePrevious(isHighPriceImpact);
-
-  useEffect(() => {
-    if (isHighPriceImpact && !prevIsHighPriceImpact) {
-      analytics.track('Showing high price impact warning in Swap', {
-        name: outputCurrency.name,
-        priceImpact: priceImpactPercentDisplay,
-        symbol: outputCurrency.symbol,
-        tokenAddress: outputCurrency.address,
-        type,
-      });
-    }
-  }, [isHighPriceImpact, outputCurrency, prevIsHighPriceImpact, priceImpactPercentDisplay, type]);
-
-  useEffect(() => {
-    if (isHighPriceImpact) {
-      detailsRowOpacity.value = withTiming(0, timingConfig);
-      priceImpactOpacity.value = withTiming(1, timingConfig);
-      priceImpactScale.value = withTiming(1, timingConfig);
-    } else {
-      detailsRowOpacity.value = withTiming(1, timingConfig);
-      priceImpactOpacity.value = withTiming(0, timingConfig);
-      priceImpactScale.value = withTiming(defaultPriceImpactScale, timingConfig);
-    }
-  }, [detailsRowOpacity, isHighPriceImpact, priceImpactOpacity, priceImpactScale]);
-
-  return (
-    <Box alignItems="center" height={{ custom: 60 }} justifyContent="center" width="full">
-      <PriceImpactWarning
-        isHighPriceImpact={isHighPriceImpact}
-        onPress={onPressImpactWarning}
-        pointerEvents={isHighPriceImpact ? 'auto' : 'none'}
-        priceImpactColor={priceImpactColor}
-        priceImpactNativeAmount={priceImpactNativeAmount}
-        priceImpactPercentDisplay={priceImpactPercentDisplay}
-        outputCurrencySymbol={outputCurrencySymbol}
-        style={priceImpactAnimatedStyle}
-      />
-      <Box
-        alignItems="center"
-        as={Animated.View}
-        flexDirection="row"
-        justifyContent="space-between"
-        padding="10px"
-        pointerEvents={isHighPriceImpact ? 'none' : 'auto'}
-        style={detailsRowAnimatedStyle}
-        width="full"
-      >
-        {/* @ts-expect-error - Javascript Component */}
-        <ExchangeDetailsButton onPress={onFlipCurrencies} testID="exchange-flip-button">
-          􀄬 {lang.t('exchange.flip')}
-        </ExchangeDetailsButton>
-        {/* @ts-expect-error - Javascript Component */}
-        <ExchangeDetailsButton onPress={onPressSettings} testID="exchange-settings-button">
-          􀣋 {lang.t('exchange.settings')}
-        </ExchangeDetailsButton>
-      </Box>
-    </Box>
-  );
-}
diff --git a/src/components/exchange/ExchangeField.tsx b/src/components/exchange/ExchangeField.tsx
deleted file mode 100644
index 0123dc16ab4..00000000000
--- a/src/components/exchange/ExchangeField.tsx
+++ /dev/null
@@ -1,182 +0,0 @@
-import React, { FocusEvent, ForwardRefRenderFunction, MutableRefObject, useCallback, useEffect, useState } from 'react';
-import { StyleProp, TextInput, TouchableWithoutFeedback, ViewStyle } from 'react-native';
-import { TokenSelectionButton } from '../buttons';
-import { ChainBadge, CoinIconSize } from '../coin-icon';
-import { EnDash } from '../text';
-import ExchangeInput from './ExchangeInput';
-import { ChainId } from '@/chains/types';
-import styled from '@/styled-thing';
-import { borders } from '@/styles';
-import { useTheme } from '@/theme';
-import { AccentColorProvider, Box, Space } from '@/design-system';
-import RainbowCoinIcon from '../coin-icon/RainbowCoinIcon';
-import { TokenColors } from '@/graphql/__generated__/metadata';
-
-const ExchangeFieldHeight = android ? 64 : 38;
-const ExchangeFieldPadding: Space = android ? '15px (Deprecated)' : '19px (Deprecated)';
-
-const Input = styled(ExchangeInput).attrs({
-  letterSpacing: 'roundedTightest',
-})({
-  height: ExchangeFieldHeight + (android ? 20 : 0),
-  marginVertical: -10,
-});
-
-interface ExchangeFieldProps {
-  icon?: string;
-  colors?: TokenColors;
-  address: string;
-  color: string;
-  mainnetAddress?: string;
-  amount: string | null;
-  disableCurrencySelection?: boolean;
-  editable: boolean;
-  loading: boolean;
-  type?: string;
-  chainId: ChainId;
-  onBlur?: (event: FocusEvent) => void;
-  onFocus: (event: FocusEvent) => void;
-  onPressSelectCurrency: (chainId: any) => void;
-  onTapWhileDisabled?: () => void;
-  setAmount: (value: string | null) => void;
-  symbol?: string;
-  testID: string;
-  useCustomAndroidMask: boolean;
-  updateOnFocus: boolean;
-  style?: StyleProp<ViewStyle>;
-}
-
-const ExchangeField: ForwardRefRenderFunction<TextInput, ExchangeFieldProps> = (
-  {
-    icon,
-    colors,
-    amount,
-    color,
-    disableCurrencySelection,
-    editable,
-    loading,
-    chainId,
-    onBlur,
-    onFocus,
-    onPressSelectCurrency,
-    onTapWhileDisabled,
-    setAmount,
-    symbol,
-    testID,
-    useCustomAndroidMask = false,
-    updateOnFocus = false,
-    style,
-  },
-  ref
-) => {
-  const inputRef = ref as MutableRefObject<TextInput>;
-  const theme = useTheme();
-  const [value, setValue] = useState(amount);
-
-  const handleFocusField = useCallback(() => {
-    inputRef?.current?.focus();
-  }, [inputRef]);
-
-  const handleBlur = useCallback(
-    // @ts-expect-error passed to an untyped JS component
-    event => {
-      onBlur?.(event);
-    },
-    [onBlur]
-  );
-  const handleFocus = useCallback(
-    // @ts-expect-error passed to an untyped JS component
-    event => {
-      onFocus?.(event);
-      if (loading) {
-        setAmount(value);
-      }
-    },
-    [loading, onFocus, setAmount, value]
-  );
-
-  const onChangeText = useCallback(
-    // @ts-expect-error passed to an untyped JS component
-    text => {
-      setAmount(text);
-      setValue(text);
-    },
-    [setAmount]
-  );
-
-  const placeholderTextColor = symbol
-    ? theme.colors.alpha(theme.colors.blueGreyDark, 0.3)
-    : theme.colors.alpha(theme.colors.blueGreyDark, 0.1);
-
-  const placeholderText = symbol ? '0' : EnDash.unicode;
-
-  const editing = inputRef?.current?.isFocused?.() ?? false;
-
-  useEffect(() => {
-    if (!editing || updateOnFocus) {
-      setValue(amount);
-    }
-  }, [amount, editing, updateOnFocus]);
-
-  return (
-    <Box
-      flexDirection="row"
-      alignItems="center"
-      justifyContent="flex-end"
-      paddingRight={ExchangeFieldPadding}
-      width="full"
-      style={style}
-      testID={`${testID}-${symbol || 'empty'}-${chainId || 'empty'}`}
-    >
-      <TouchableWithoutFeedback onPress={onTapWhileDisabled ?? handleFocusField}>
-        <Box
-          flexDirection="row"
-          flexGrow={1}
-          flexBasis={0}
-          flexShrink={0}
-          alignItems="center"
-          width="full"
-          paddingLeft={ExchangeFieldPadding}
-          paddingRight={disableCurrencySelection ? ExchangeFieldPadding : '6px'}
-        >
-          <Box paddingRight="10px">
-            {symbol ? (
-              <RainbowCoinIcon size={40} icon={icon} chainId={chainId} symbol={symbol} theme={theme} colors={colors} />
-            ) : (
-              <Box>
-                <AccentColorProvider color={theme.colors.alpha(theme.colors.blueGreyDark, 0.1)}>
-                  <Box background="accent" style={{ ...borders.buildCircleAsObject(CoinIconSize) }} />
-                </AccentColorProvider>
-                <ChainBadge chainId={chainId} />
-              </Box>
-            )}
-          </Box>
-
-          <Input
-            {...(android &&
-              color && {
-                selectionColor: theme.colors.alpha(color, 0.4),
-              })}
-            color={color}
-            editable={editable}
-            onBlur={handleBlur}
-            onChangeText={onChangeText}
-            onFocus={handleFocus}
-            placeholder={placeholderText}
-            placeholderTextColor={placeholderTextColor}
-            {...(onTapWhileDisabled && { pointerEvents: 'none' })}
-            ref={ref}
-            testID={testID}
-            useCustomAndroidMask={useCustomAndroidMask}
-            value={editing ? value : amount}
-          />
-        </Box>
-      </TouchableWithoutFeedback>
-      {!disableCurrencySelection && (
-        <TokenSelectionButton color={color} onPress={onPressSelectCurrency} symbol={symbol} testID={testID + '-selection-button'} />
-      )}
-    </Box>
-  );
-};
-
-export default React.forwardRef(ExchangeField);
diff --git a/src/components/exchange/ExchangeFloatingPanels.tsx b/src/components/exchange/ExchangeFloatingPanels.tsx
deleted file mode 100644
index 5584e9c77ca..00000000000
--- a/src/components/exchange/ExchangeFloatingPanels.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import React, { ReactNode } from 'react';
-import { View } from 'react-native';
-import { Box, Stack } from '@/design-system';
-
-interface ExchangeFloatingPanelsProps {
-  children: ReactNode;
-}
-
-const ExchangeFloatingPanels = React.forwardRef<View, ExchangeFloatingPanelsProps>((props, ref) => {
-  const children = props.children;
-  return (
-    <Box ref={ref} style={{ justifyContent: 'center', flexGrow: 1, width: '100%' }}>
-      <Stack>{children}</Stack>
-    </Box>
-  );
-});
-
-ExchangeFloatingPanels.displayName = 'ExchangeFloatingPanels';
-
-export default ExchangeFloatingPanels;
diff --git a/src/components/exchange/ExchangeHeader.tsx b/src/components/exchange/ExchangeHeader.tsx
deleted file mode 100644
index 78fe69639e1..00000000000
--- a/src/components/exchange/ExchangeHeader.tsx
+++ /dev/null
@@ -1,25 +0,0 @@
-import React from 'react';
-import { SheetHandle } from '../sheet';
-import { Box, Text, Inset, Stack } from '@/design-system';
-
-interface ExchangeHeaderProps {
-  testID: string;
-  title: string;
-}
-
-export default function ExchangeHeader({ testID, title }: ExchangeHeaderProps) {
-  return (
-    <Box testID={`${testID}-header`}>
-      <Inset space="6px">
-        <Stack alignHorizontal="center" space="10px">
-          <SheetHandle />
-          {title && (
-            <Text color="primary (Deprecated)" align="center" size="20pt" weight="heavy">
-              {title}
-            </Text>
-          )}
-        </Stack>
-      </Inset>
-    </Box>
-  );
-}
diff --git a/src/components/exchange/ExchangeInput.js b/src/components/exchange/ExchangeInput.js
deleted file mode 100644
index baa013b087f..00000000000
--- a/src/components/exchange/ExchangeInput.js
+++ /dev/null
@@ -1,154 +0,0 @@
-import React, { Fragment, useCallback, useState } from 'react';
-import { InteractionManager } from 'react-native';
-import TextInputMask from 'react-native-text-input-mask';
-import { Text } from '../text';
-import styled from '@/styled-thing';
-import { buildTextStyles } from '@/styles';
-import { magicMemo } from '@/utils';
-
-const AndroidMaskWrapper = styled.View({
-  backgroundColor: ({ theme: { colors } }) => colors.white,
-  bottom: 0,
-  left: 68.7,
-  position: 'absolute',
-  right: 0,
-  top: 11.5,
-});
-
-const Input = styled(TextInputMask).attrs({
-  allowFontScaling: false,
-  keyboardType: 'decimal-pad',
-})(props => ({
-  flex: 1,
-  ...buildTextStyles.object(props),
-  ...(android ? { fontWeight: 'normal' } : {}),
-}));
-
-const ExchangeInput = (
-  {
-    androidMaskMaxLength = 8,
-    color: givenColor,
-    editable,
-    keyboardAppearance = 'dark',
-    letterSpacing = 'roundedTightest',
-    lineHeight,
-    mask = '[099999999999999999].[999999999999999999]',
-    onBlur,
-    onChange,
-    onChangeText,
-    onFocus,
-    placeholder = '0',
-    placeholderTextColor: givenPlaceholderTextColor,
-    selectionColor: givenSelectionColor,
-    size = 'h2',
-    testID,
-    useCustomAndroidMask = false,
-    value = '',
-    weight = 'semibold',
-    ...props
-  },
-  ref
-) => {
-  const { colors } = useTheme();
-  const color = givenColor || colors.dark;
-  const placeholderTextColor = givenPlaceholderTextColor || colors.alpha(colors.blueGreyDark, 0.3);
-  const selectionColor = givenSelectionColor || color;
-  const [isFocused, setIsFocused] = useState(false);
-  const [isTouched, setIsTouched] = useState(false);
-
-  const handleBlur = useCallback(
-    event => {
-      if (typeof value === 'string') {
-        const parts = value.split('.');
-        if (parseFloat(parts.join('')) === 0) {
-          ref?.current?.clear();
-        } else if (parts[0].length > 1 && !Number(parts[0])) {
-          onChangeText(`0.${parts[1]}`);
-        }
-      }
-      setIsFocused(false);
-      setIsTouched(false);
-      onBlur?.(event);
-    },
-    [onBlur, onChangeText, ref, value]
-  );
-
-  const handleChange = useCallback(
-    event => {
-      if (isFocused && !isTouched) {
-        InteractionManager.runAfterInteractions(() => setIsTouched(true));
-      }
-
-      onChange?.(event);
-    },
-    [isFocused, isTouched, onChange]
-  );
-
-  const handleChangeText = useCallback(
-    formatted => {
-      let text = formatted;
-      if (isTouched && !text.length && !value) {
-        text = '0.';
-      }
-
-      onChangeText?.(text);
-    },
-    [isTouched, onChangeText, value]
-  );
-
-  const handleFocus = useCallback(
-    event => {
-      setIsFocused(true);
-      onFocus?.(event);
-    },
-    [onFocus]
-  );
-
-  let valueToRender = value;
-  if (value?.length > androidMaskMaxLength) {
-    valueToRender = value.substring(0, androidMaskMaxLength) + '...';
-  }
-
-  return (
-    <Fragment>
-      <Input
-        {...props}
-        color={color}
-        editable={editable}
-        keyboardAppearance={keyboardAppearance}
-        letterSpacing={letterSpacing}
-        lineHeight={lineHeight}
-        mask={mask}
-        onBlur={handleBlur}
-        onChange={handleChange}
-        onChangeText={handleChangeText}
-        onFocus={handleFocus}
-        placeholder={placeholder}
-        placeholderTextColor={placeholderTextColor}
-        ref={ref}
-        selectionColor={selectionColor}
-        size={size}
-        testID={value ? `${testID}-${value}` : testID}
-        value={value}
-        weight={weight}
-      />
-      {useCustomAndroidMask && value > 0 && !ref.current?.isFocused?.() && (
-        <AndroidMaskWrapper>
-          <Text color={color} letterSpacing={letterSpacing} size={size} testID={testID} weight={weight} {...props}>
-            {valueToRender}
-          </Text>
-        </AndroidMaskWrapper>
-      )}
-    </Fragment>
-  );
-};
-
-export default magicMemo(React.forwardRef(ExchangeInput), [
-  'color',
-  'editable',
-  'placeholder',
-  'placeholderTextColor',
-  'onChangeText',
-  'onFocus',
-  'value',
-]);
diff --git a/src/components/exchange/ExchangeInputField.tsx b/src/components/exchange/ExchangeInputField.tsx
deleted file mode 100644
index c2dd322e4e2..00000000000
--- a/src/components/exchange/ExchangeInputField.tsx
+++ /dev/null
@@ -1,117 +0,0 @@
-import React, { MutableRefObject } from 'react';
-import { TextInput } from 'react-native';
-import { ColumnWithMargins, Row } from '../layout';
-import ExchangeField from './ExchangeField';
-import ExchangeMaxButton from './ExchangeMaxButton';
-import ExchangeNativeField from './ExchangeNativeField';
-import { ChainId } from '@/chains/types';
-import styled from '@/styled-thing';
-import { TokenColors } from '@/graphql/__generated__/metadata';
-
-const Container = styled(ColumnWithMargins).attrs({ margin: 5 })({
-  paddingTop: android ? 0 : 6,
-  width: '100%',
-  zIndex: 1,
-});
-
-const NativeFieldRow = styled(Row).attrs({
-  align: 'center',
-  justify: 'space-between',
-})({
-  height: android ? 16 : 32,
-  paddingLeft: 19,
-});
-
-interface ExchangeInputFieldProps {
-  color: string;
-  disableInputCurrencySelection: boolean;
-  editable: boolean;
-  loading: boolean;
-  nativeAmount: string | null;
-  nativeCurrency: string;
-  nativeFieldRef: MutableRefObject<TextInput | null>;
-  chainId: ChainId;
-  onFocus: ({ target }: { target: Element }) => void;
-  onPressMaxBalance: () => void;
-  onPressSelectInputCurrency: (chainId: ChainId) => void;
-  inputAmount: string | null;
-  inputCurrencyIcon?: string;
-  inputCurrencyColors?: TokenColors;
-  inputCurrencyAddress: string;
-  inputCurrencyMainnetAddress?: string;
-  inputCurrencyNetwork?: string;
-  inputCurrencySymbol?: string;
-  inputFieldRef: MutableRefObject<TextInput | null>;
-  setInputAmount: (value: string | null) => void;
-  setNativeAmount: (value: string | null) => void;
-  updateAmountOnFocus: boolean;
-  testID: string;
-}
-
-export default function ExchangeInputField({
-  color,
-  disableInputCurrencySelection,
-  editable,
-  inputAmount,
-  inputCurrencyAddress,
-  inputCurrencyMainnetAddress,
-  inputCurrencySymbol,
-  inputCurrencyIcon,
-  inputCurrencyColors,
-  inputFieldRef,
-  loading,
-  nativeAmount,
-  nativeCurrency,
-  nativeFieldRef,
-  chainId,
-  inputCurrencyNetwork,
-  onFocus,
-  onPressMaxBalance,
-  onPressSelectInputCurrency,
-  setInputAmount,
-  setNativeAmount,
-  testID,
-  updateAmountOnFocus,
-}: ExchangeInputFieldProps) {
-  return (
-    <Container>
-      <ExchangeField
-        icon={inputCurrencyIcon}
-        colors={inputCurrencyColors}
-        address={inputCurrencyAddress}
-        color={color}
-        amount={inputAmount}
-        disableCurrencySelection={disableInputCurrencySelection}
-        editable={editable}
-        loading={loading}
-        mainnetAddress={inputCurrencyMainnetAddress}
-        chainId={chainId}
-        onFocus={onFocus}
-        onPressSelectCurrency={onPressSelectInputCurrency}
-        ref={inputFieldRef}
-        setAmount={setInputAmount}
-        symbol={inputCurrencySymbol}
-        testID={testID}
-        type={inputCurrencyNetwork}
-        updateOnFocus={updateAmountOnFocus}
-        useCustomAndroidMask={android}
-      />
-      <NativeFieldRow>
-        <ExchangeNativeField
-          color={color}
-          editable={editable}
-          height={64}
-          loading={loading}
-          nativeAmount={nativeAmount}
-          nativeCurrency={nativeCurrency}
-          onFocus={onFocus}
-          ref={nativeFieldRef}
-          setNativeAmount={setNativeAmount}
-          testID={testID + '-native'}
-          updateOnFocus={updateAmountOnFocus}
-        />
-        <ExchangeMaxButton color={color} disabled={!inputCurrencySymbol} onPress={onPressMaxBalance} testID={testID + '-max'} />
-      </NativeFieldRow>
-    </Container>
-  );
-}
diff --git a/src/components/exchange/ExchangeMaxButton.tsx b/src/components/exchange/ExchangeMaxButton.tsx
deleted file mode 100644
index 548f79859a6..00000000000
--- a/src/components/exchange/ExchangeMaxButton.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-import lang from 'i18n-js';
-import React from 'react';
-import { ButtonPressAnimation } from '../animations';
-import { Box, Text } from '@/design-system';
-import styled from '@/styled-thing';
-import { useTheme } from '@/theme';
-
-const Container = styled(ButtonPressAnimation)({
-  marginRight: 4,
-});
-
-interface ExchangeMaxButtonProps {
-  color: string;
-  disabled: boolean;
-  onPress: () => void;
-  testID: string;
-}
-
-export default function ExchangeMaxButton({ color, disabled, onPress, testID }: ExchangeMaxButtonProps) {
-  const { colors } = useTheme();
-
-  return (
-    <Container disabled={disabled} onPress={onPress} testID={testID}>
-      <Box height="30px" paddingHorizontal="19px (Deprecated)" paddingTop="3px" justifyContent="center">
-        <Text weight="bold" align="center" size="17pt" color={{ custom: color || colors.appleBlue }}>
-          􀜍 {lang.t('exchange.max')}
-        </Text>
-      </Box>
-    </Container>
-  );
-}
diff --git a/src/components/exchange/ExchangeNativeField.tsx b/src/components/exchange/ExchangeNativeField.tsx
deleted file mode 100644
index 84acc1a3fb0..00000000000
--- a/src/components/exchange/ExchangeNativeField.tsx
+++ /dev/null
@@ -1,110 +0,0 @@
-import React, { ForwardRefRenderFunction, MutableRefObject, useCallback, useEffect, useMemo, useState } from 'react';
-import { TextInput, TouchableWithoutFeedback } from 'react-native';
-import { Row } from '../layout';
-import ExchangeInput from './ExchangeInput';
-import { supportedNativeCurrencies } from '@/references';
-import styled from '@/styled-thing';
-import { fonts } from '@/styles';
-import { useTheme } from '@/theme';
-import { Box, Text } from '@/design-system';
-import { NativeCurrencyKey } from '@/entities';
-
-const NativeInput = styled(ExchangeInput).attrs({
-  letterSpacing: fonts.letterSpacing.roundedTight,
-  size: fonts.size.larger,
-  weight: fonts.weight.regular,
-})({
-  height: ({ height }: { height: number }) => height,
-});
-
-interface ExchangeNativeFieldProps {
-  color: string;
-  editable: boolean;
-  height: number;
-  loading: boolean;
-  nativeAmount: string | null;
-  nativeCurrency: string;
-  onFocus: ({ target }: { target: Element }) => void;
-  setNativeAmount: (value: string | null) => void;
-  updateOnFocus: boolean;
-  testID: string;
-}
-
-const ExchangeNativeField: ForwardRefRenderFunction<TextInput, ExchangeNativeFieldProps> = (
-  { color, editable, height, loading, nativeAmount, nativeCurrency, onFocus, setNativeAmount, updateOnFocus, testID },
-  ref
-) => {
-  const nativeFieldRef = ref as MutableRefObject<TextInput>;
-
-  const [value, setValue] = useState(nativeAmount);
-
-  const { mask, placeholder, symbol } = supportedNativeCurrencies[nativeCurrency as NativeCurrencyKey];
-
-  const handleFocusNativeField = useCallback(() => nativeFieldRef?.current?.focus(), [nativeFieldRef]);
-
-  const handleFocus = useCallback(
-    // @ts-expect-error passed to an untyped JS component
-    event => {
-      onFocus?.(event);
-      if (loading) {
-        setNativeAmount(value);
-      }
-    },
-    [loading, onFocus, setNativeAmount, value]
-  );
-
-  const onChangeText = useCallback(
-    // @ts-expect-error passed to an untyped JS component
-    text => {
-      setNativeAmount(text);
-      setValue(text);
-    },
-    [setNativeAmount]
-  );
-
-  const { colors } = useTheme();
-
-  const isFocused = nativeFieldRef?.current?.isFocused?.();
-
-  const nativeAmountColor = useMemo(() => {
-    const nativeAmountExists = typeof nativeAmount === 'string' && nativeAmount.length > 0;
-
-    const color = isFocused ? colors.dark : colors.blueGreyDark;
-    const opacity = isFocused ? 1 : nativeAmountExists ? 0.5 : 0.3;
-
-    return colors.alpha(color, opacity);
-  }, [colors, isFocused, nativeAmount]);
-
-  useEffect(() => {
-    if (!isFocused || updateOnFocus) {
-      setValue(nativeAmount);
-    }
-  }, [nativeAmount, isFocused, updateOnFocus]);
-
-  return (
-    <TouchableWithoutFeedback onPress={handleFocusNativeField}>
-      <Row align="center" flex={1} height={height} paddingTop={android ? 6 : undefined}>
-        <Box paddingBottom={android ? '2px' : undefined}>
-          <Text color={{ custom: nativeAmountColor }} size="20pt">
-            {symbol}
-          </Text>
-        </Box>
-        <NativeInput
-          color={nativeAmountColor}
-          editable={editable}
-          height={android ? height : 58}
-          mask={mask}
-          onChangeText={onChangeText}
-          onFocus={handleFocus}
-          placeholder={placeholder}
-          ref={nativeFieldRef}
-          selectionColor={color}
-          testID={testID}
-          value={isFocused ? value : nativeAmount}
-        />
-      </Row>
-    </TouchableWithoutFeedback>
-  );
-};
-
-export default React.forwardRef(ExchangeNativeField);
diff --git a/src/components/exchange/ExchangeNotch.tsx b/src/components/exchange/ExchangeNotch.tsx
deleted file mode 100644
index 96bea8e3a4a..00000000000
--- a/src/components/exchange/ExchangeNotch.tsx
+++ /dev/null
@@ -1,54 +0,0 @@
-import React from 'react';
-import FastImage from 'react-native-fast-image';
-import ExchangeNotchLeft from '@/assets/exchangeNotchLeft.png';
-import ExchangeNotchLeftDark from '@/assets/exchangeNotchLeftDark.png';
-import ExchangeNotchMiddle from '@/assets/exchangeNotchMiddle.png';
-import ExchangeNotchMiddleDark from '@/assets/exchangeNotchMiddleDark.png';
-import ExchangeNotchRight from '@/assets/exchangeNotchRight.png';
-import ExchangeNotchRightDark from '@/assets/exchangeNotchRightDark.png';
-import { Box } from '@/design-system';
-import { useDimensions } from '@/hooks';
-import styled from '@/styled-thing';
-import { useTheme } from '@/theme';
-
-const notchHeight = 48;
-const notchSideWidth = 78;
-
-const NotchMiddle = styled(FastImage).attrs(({ isDarkMode }: { isDarkMode: boolean }) => ({
-  resizeMode: FastImage.resizeMode.stretch,
-  source: isDarkMode ? ExchangeNotchMiddleDark : ExchangeNotchMiddle,
-}))({
-  height: notchHeight,
-  left: 0,
-  width: ({ deviceWidth }: { deviceWidth: number }) => deviceWidth - notchSideWidth * 2,
-});
-
-const NotchSide = styled(FastImage)({
-  height: android ? notchHeight + 2 : notchHeight,
-  left: 0,
-  width: notchSideWidth,
-});
-
-interface ExchangeNotchProps {
-  testID: string;
-}
-
-export default function ExchangeNotch({ testID }: ExchangeNotchProps) {
-  const { width: deviceWidth } = useDimensions();
-  const { isDarkMode } = useTheme();
-  return (
-    <Box
-      flexDirection="row"
-      height={{ custom: notchHeight }}
-      left="0px"
-      pointerEvents="none"
-      position="absolute"
-      testID={`${testID}-notch`}
-      top={{ custom: 132 }}
-    >
-      <NotchSide source={isDarkMode ? ExchangeNotchLeftDark : ExchangeNotchLeft} />
-      <NotchMiddle deviceWidth={deviceWidth} isDarkMode={isDarkMode} />
-      <NotchSide source={isDarkMode ? ExchangeNotchRightDark : ExchangeNotchRight} />
-    </Box>
-  );
-}
diff --git a/src/components/exchange/ExchangeOutputField.tsx b/src/components/exchange/ExchangeOutputField.tsx
deleted file mode 100644
index c2913022edd..00000000000
--- a/src/components/exchange/ExchangeOutputField.tsx
+++ /dev/null
@@ -1,78 +0,0 @@
-import React, { MutableRefObject } from 'react';
-import { TextInput } from 'react-native';
-import ExchangeField from './ExchangeField';
-import { Box } from '@rainbow-me/design-system';
-import { TokenColors } from '@/graphql/__generated__/metadata';
-import { ChainId } from '@/chains/types';
-
-interface ExchangeOutputFieldProps {
-  color: string;
-  chainId: ChainId;
-  editable: boolean;
-  loading: boolean;
-  onFocus: ({ target }: { target: Element }) => void;
-  onPressSelectOutputCurrency: () => void;
-  onTapWhileDisabled?: () => void;
-  outputAmount: string | null;
-  outputCurrencyIcon?: string;
-  outputCurrencyColors?: TokenColors;
-  outputCurrencyAddress: string;
-  outputCurrencyMainnetAddress?: string;
-  outputCurrencyNetwork?: string;
-  outputCurrencySymbol?: string;
-  outputFieldRef: MutableRefObject<TextInput | null>;
-  setOutputAmount: (value: string | null) => void;
-  updateAmountOnFocus: boolean;
-  testID: string;
-}
-
-export default function ExchangeOutputField({
-  color,
-  editable,
-  loading,
-  chainId,
-  onFocus,
-  onPressSelectOutputCurrency,
-  onTapWhileDisabled,
-  outputAmount,
-  outputCurrencyIcon,
-  outputCurrencyColors,
-  outputCurrencyAddress,
-  outputCurrencyMainnetAddress,
-  outputCurrencySymbol,
-  outputFieldRef,
-  setOutputAmount,
-  updateAmountOnFocus,
-  testID,
-}: ExchangeOutputFieldProps) {
-  return (
-    <Box
-      alignItems="center"
-      paddingBottom={android ? '10px' : '24px'}
-      paddingTop={android ? '30px (Deprecated)' : '34px (Deprecated)'}
-      style={{ overflow: 'hidden' }}
-      width="full"
-    >
-      <ExchangeField
-        icon={outputCurrencyIcon}
-        colors={outputCurrencyColors}
-        address={outputCurrencyAddress}
-        amount={outputAmount}
-        color={color}
-        editable={editable}
-        loading={loading}
-        mainnetAddress={outputCurrencyMainnetAddress}
-        chainId={chainId}
-        onFocus={onFocus}
-        onPressSelectCurrency={onPressSelectOutputCurrency}
-        onTapWhileDisabled={onTapWhileDisabled}
-        ref={outputFieldRef}
-        setAmount={setOutputAmount}
-        symbol={outputCurrencySymbol}
-        testID={testID}
-        updateOnFocus={updateAmountOnFocus}
-        useCustomAndroidMask={android}
-      />
-    </Box>
-  );
-}
diff --git a/src/components/exchange/PriceImpactWarning.tsx b/src/components/exchange/PriceImpactWarning.tsx
deleted file mode 100644
index 06d12345758..00000000000
--- a/src/components/exchange/PriceImpactWarning.tsx
+++ /dev/null
@@ -1,65 +0,0 @@
-import lang from 'i18n-js';
-import React from 'react';
-import { StyleProp, ViewProps, ViewStyle } from 'react-native';
-import Animated from 'react-native-reanimated';
-import { ButtonPressAnimation } from '../animations';
-import { Box, ColorModeProvider, Inline, Text } from '@/design-system';
-import { position } from '@/styles';
-import { NO_PRICE_DATA_PERCENTAGE } from '@/hooks/usePriceImpactDetails';
-
-interface PriceImpactWarningProps extends ViewProps {
-  onPress: () => void;
-  isHighPriceImpact: boolean;
-  priceImpactColor?: string;
-  priceImpactNativeAmount?: string | null;
-  priceImpactPercentDisplay?: string | null;
-  outputCurrencySymbol?: string | null;
-  style?: StyleProp<ViewStyle>;
-}
-
-export default function PriceImpactWarning({
-  onPress,
-  isHighPriceImpact,
-  priceImpactColor = 'primary',
-  priceImpactNativeAmount,
-  priceImpactPercentDisplay,
-  outputCurrencySymbol,
-  style,
-  ...props
-}: PriceImpactWarningProps) {
-  const headingValue = priceImpactNativeAmount ?? priceImpactPercentDisplay;
-  const hasPriceData = priceImpactPercentDisplay !== NO_PRICE_DATA_PERCENTAGE;
-  const impactMsg = !hasPriceData
-    ? `${outputCurrencySymbol} ${lang.t('exchange.price_impact.no_data')}`
-    : lang.t('exchange.price_impact.small_market');
-  return (
-    <ColorModeProvider value="dark">
-      <Animated.View {...props} style={[style, position.coverAsObject]}>
-        {!isHighPriceImpact && headingValue && (
-          <ButtonPressAnimation onPress={onPress} scaleTo={0.94}>
-            <Box paddingHorizontal="19px (Deprecated)" paddingTop="19px (Deprecated)">
-              <Inline alignHorizontal="center">
-                <Text weight="bold" size="17pt" color={{ custom: priceImpactColor }}>{`􀇿 `}</Text>
-                <Text weight="bold" size="17pt" color="primary (Deprecated)">
-                  {impactMsg}
-                </Text>
-                {hasPriceData && (
-                  <Text
-                    weight="bold"
-                    size="17pt"
-                    color={{ custom: priceImpactColor }}
-                  >{` • ${lang.t('exchange.price_impact.losing_prefix')} `}</Text>
-                )}
-                {hasPriceData && (
-                  <Text weight="bold" size="17pt" color={{ custom: priceImpactColor }}>
-                    {headingValue}
-                  </Text>
-                )}
-              </Inline>
-            </Box>
-          </ButtonPressAnimation>
-        )}
-      </Animated.View>
-    </ColorModeProvider>
-  );
-}
diff --git a/src/components/exchange/index.ts b/src/components/exchange/index.ts
deleted file mode 100644
index 851865261a9..00000000000
--- a/src/components/exchange/index.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-export { default as ConfirmExchangeButton } from './ConfirmExchangeButton';
-export { default as CurrencySelectionList } from './CurrencySelectionList';
-export { default as CurrencySelectModalHeader } from './CurrencySelectModalHeader';
-export { default as ExchangeAssetList } from './ExchangeAssetList';
-export { default as ExchangeDetailsButton } from './ExchangeDetailsButton';
-export { default as ExchangeDetailsRow } from './ExchangeDetailsRow';
-export { default as ExchangeFloatingPanels } from './ExchangeFloatingPanels';
-export { default as ExchangeHeader } from './ExchangeHeader';
-export { default as ExchangeInput } from './ExchangeInput';
-export { default as ExchangeInputField } from './ExchangeInputField';
-export { default as ExchangeNativeField } from './ExchangeNativeField';
-export { default as ExchangeNotch } from './ExchangeNotch';
-export { default as ExchangeOutputField } from './ExchangeOutputField';
-export { default as ExchangeSearch } from './ExchangeSearch';
-export { default as PriceImpactWarning } from './PriceImpactWarning';
diff --git a/src/components/exchange/exchangeAssetRowContextMenuProps.ts b/src/components/exchangeAssetRowContextMenuProps.ts
similarity index 98%
rename from src/components/exchange/exchangeAssetRowContextMenuProps.ts
rename to src/components/exchangeAssetRowContextMenuProps.ts
index 63c776cebff..e16a28ec471 100644
--- a/src/components/exchange/exchangeAssetRowContextMenuProps.ts
+++ b/src/components/exchangeAssetRowContextMenuProps.ts
@@ -1,7 +1,7 @@
 import lang from 'i18n-js';
 import { startCase } from 'lodash';
 import { NativeSyntheticEvent } from 'react-native';
-import { setClipboard } from '../../hooks/useClipboard';
+import { setClipboard } from '@/hooks/useClipboard';
 import { abbreviations, ethereumUtils, haptics, showActionSheetWithOptions } from '@/utils';
 import { ChainId } from '@/chains/types';
 import { chainsIdByName } from '@/chains';
diff --git a/src/components/expanded-state/AvailableNetworksv2.tsx b/src/components/expanded-state/AvailableNetworksv2.tsx
index 9a53a2c605f..514bac7a8ab 100644
--- a/src/components/expanded-state/AvailableNetworksv2.tsx
+++ b/src/components/expanded-state/AvailableNetworksv2.tsx
@@ -8,23 +8,20 @@ import { useNavigation } from '@/navigation';
 import Routes from '@/navigation/routesNames';
 import { position } from '@/styles';
 import { watchingAlert } from '@/utils';
-import { CurrencySelectionTypes, ExchangeModalTypes } from '@/helpers';
-import { useSwapCurrencyHandlers, useWallets } from '@/hooks';
+import { useWallets } from '@/hooks';
 import { RainbowToken } from '@/entities';
 import { useTheme } from '@/theme';
 import { ButtonPressAnimation } from '../animations';
 import ContextMenuButton from '@/components/native-context-menu/contextMenu';
 import { implementation } from '@/entities/dispersion';
 import { EthCoinIcon } from '../coin-icon/EthCoinIcon';
-import { SWAPS_V2, enableActionsOnReadOnlyWallet, useExperimentalFlag } from '@/config';
-import { useRemoteConfig } from '@/model/remoteConfig';
+import { enableActionsOnReadOnlyWallet } from '@/config';
 import { userAssetsStore } from '@/state/assets/userAssets';
 import { parseSearchAsset } from '@/__swaps__/utils/assets';
 import { AddressOrEth, AssetType } from '@/__swaps__/types/assets';
 import { swapsStore } from '@/state/swaps/swapsStore';
 import { InteractionManager } from 'react-native';
 import { ChainId } from '@/chains/types';
-import { getUniqueId } from '@/utils/ethereumUtils';
 import { chainsLabel, chainsName, defaultChains, supportedSwapChainIds } from '@/chains';
 import { isL2Chain } from '@/handlers/web3';
 
@@ -43,8 +40,6 @@ const AvailableNetworksv2 = ({
 }) => {
   const { colors } = useTheme();
   const { goBack, navigate } = useNavigation();
-  const { swaps_v2 } = useRemoteConfig();
-  const swapsV2Enabled = useExperimentalFlag(SWAPS_V2);
   const { isReadOnlyWallet } = useWallets();
 
   const radialGradientProps = {
@@ -64,10 +59,6 @@ const AvailableNetworksv2 = ({
       .map(chainId => Number(chainId));
   }, [networks]);
 
-  const { updateInputCurrency } = useSwapCurrencyHandlers({
-    shouldUpdate: true,
-    type: ExchangeModalTypes.swap,
-  });
   const convertAssetAndNavigate = useCallback(
     (chainId: ChainId) => {
       if (isReadOnlyWallet && !enableActionsOnReadOnlyWallet) {
@@ -84,74 +75,52 @@ const AvailableNetworksv2 = ({
 
       goBack();
 
-      if (swapsV2Enabled || swaps_v2) {
-        const uniqueId = `${newAsset.address}_${asset.chainId}`;
-        const userAsset = userAssetsStore.getState().userAssets.get(uniqueId);
-
-        const parsedAsset = parseSearchAsset({
-          assetWithPrice: {
-            ...newAsset,
-            uniqueId,
-            address: newAsset.address as AddressOrEth,
-            type: newAsset.type as AssetType,
-            chainId: asset.chainId,
-            chainName: chainsName[asset.chainId],
-            isNativeAsset: false,
-            native: {},
-          },
-          searchAsset: {
-            ...newAsset,
-            uniqueId,
-            chainId: asset.chainId,
-            chainName: chainsName[asset.chainId],
-            address: newAsset.address as AddressOrEth,
-            highLiquidity: newAsset.highLiquidity ?? false,
-            isRainbowCurated: newAsset.isRainbowCurated ?? false,
-            isVerified: newAsset.isVerified ?? false,
-            mainnetAddress: (newAsset.mainnet_address ?? '') as AddressOrEth,
-            networks: newAsset.networks ?? [],
-            type: newAsset.type as AssetType,
-          },
-          userAsset,
-        });
-
-        const largestBalanceSameChainUserAsset = userAssetsStore
-          .getState()
-          .getUserAssets()
-          .find(userAsset => userAsset.chainId === asset.chainId && userAsset.address !== newAsset.address);
-        if (largestBalanceSameChainUserAsset) {
-          swapsStore.setState({ inputAsset: largestBalanceSameChainUserAsset });
-        } else {
-          swapsStore.setState({ inputAsset: null });
-        }
-        swapsStore.setState({ outputAsset: parsedAsset });
-
-        InteractionManager.runAfterInteractions(() => {
-          navigate(Routes.SWAP);
-        });
+      const uniqueId = `${newAsset.address}_${asset.chainId}`;
+      const userAsset = userAssetsStore.getState().userAssets.get(uniqueId);
+
+      const parsedAsset = parseSearchAsset({
+        assetWithPrice: {
+          ...newAsset,
+          uniqueId,
+          address: newAsset.address as AddressOrEth,
+          type: newAsset.type as AssetType,
+          chainId: asset.chainId,
+          chainName: chainsName[asset.chainId],
+          isNativeAsset: false,
+          native: {},
+        },
+        searchAsset: {
+          ...newAsset,
+          uniqueId,
+          chainId: asset.chainId,
+          chainName: chainsName[asset.chainId],
+          address: newAsset.address as AddressOrEth,
+          highLiquidity: newAsset.highLiquidity ?? false,
+          isRainbowCurated: newAsset.isRainbowCurated ?? false,
+          isVerified: newAsset.isVerified ?? false,
+          mainnetAddress: (newAsset.mainnet_address ?? '') as AddressOrEth,
+          networks: newAsset.networks ?? [],
+          type: newAsset.type as AssetType,
+        },
+        userAsset,
+      });
 
-        return;
+      const largestBalanceSameChainUserAsset = userAssetsStore
+        .getState()
+        .getUserAssets()
+        .find(userAsset => userAsset.chainId === asset.chainId && userAsset.address !== newAsset.address);
+      if (largestBalanceSameChainUserAsset) {
+        swapsStore.setState({ inputAsset: largestBalanceSameChainUserAsset });
+      } else {
+        swapsStore.setState({ inputAsset: null });
       }
+      swapsStore.setState({ outputAsset: parsedAsset });
 
-      newAsset.uniqueId = getUniqueId(asset.address, chainId);
-      newAsset.type = chainsName[chainId];
-
-      navigate(Routes.EXCHANGE_MODAL, {
-        params: {
-          fromDiscover: true,
-          ignoreInitialTypeCheck: true,
-          defaultOutputAsset: newAsset,
-          type: CurrencySelectionTypes.input,
-          showCoinIcon: true,
-          title: lang.t('swap.modal_types.get_symbol_with', {
-            symbol: newAsset?.symbol,
-          }),
-          onSelectCurrency: updateInputCurrency,
-        },
-        screen: Routes.CURRENCY_SELECT_SCREEN,
+      InteractionManager.runAfterInteractions(() => {
+        navigate(Routes.SWAP);
       });
     },
-    [asset, goBack, isReadOnlyWallet, navigate, networks, swapsV2Enabled, swaps_v2, updateInputCurrency]
+    [asset, goBack, isReadOnlyWallet, navigate, networks]
   );
 
   const handlePressContextMenu = useCallback(
diff --git a/src/components/expanded-state/CustomGasState.js b/src/components/expanded-state/CustomGasState.js
deleted file mode 100644
index 425befacda5..00000000000
--- a/src/components/expanded-state/CustomGasState.js
+++ /dev/null
@@ -1,107 +0,0 @@
-import { useIsFocused, useRoute } from '@react-navigation/native';
-import React, { useEffect, useState } from 'react';
-import { getSoftMenuBarHeight } from 'react-native-extra-dimensions-android';
-import Divider from '@/components/Divider';
-import { ExchangeHeader } from '../exchange';
-import { FloatingPanel } from '../floating-panels';
-import { GasSpeedButton } from '../gas';
-import { Column } from '../layout';
-import { SlackSheet } from '../sheet';
-import { FeesPanel, FeesPanelTabs } from './custom-gas';
-import { getTrendKey } from '@/helpers/gas';
-import { useColorForAsset, useDimensions, useGas, useKeyboardHeight } from '@/hooks';
-import { useNavigation } from '@/navigation';
-import styled from '@/styled-thing';
-import { margin } from '@/styles';
-import { deviceUtils } from '@/utils';
-import { IS_ANDROID } from '@/env';
-import { useSelector } from 'react-redux';
-import { getCrosschainSwapServiceTime } from '@/handlers/swap';
-
-const FOOTER_HEIGHT = 120;
-const CONTENT_HEIGHT = 310;
-
-function useAndroidDisableGesturesOnFocus() {
-  const { params } = useRoute();
-  const isFocused = useIsFocused();
-  useEffect(() => {
-    android && params?.toggleGestureEnabled?.(!isFocused);
-  }, [isFocused, params]);
-}
-
-const FeesPanelWrapper = styled(Column)(margin.object(19, 24, 29, 24));
-
-const FeesPanelTabswrapper = styled(Column)(margin.object(19, 0, 24, 0));
-
-export default function CustomGasState({ asset }) {
-  const { setParams } = useNavigation();
-  const { params: { longFormHeight, speeds, openCustomOptions, fallbackColor } = {} } = useRoute();
-  const { colors } = useTheme();
-  const { height: deviceHeight } = useDimensions();
-  const keyboardHeight = useKeyboardHeight();
-  const colorForAsset = useColorForAsset(asset || {}, fallbackColor, false, true);
-  const { selectedGasFee, currentBlockParams, chainId } = useGas();
-  const [canGoBack, setCanGoBack] = useState(true);
-  const { tradeDetails } = useSelector(state => state.swap);
-
-  const validateGasParams = useRef(null);
-  useAndroidDisableGesturesOnFocus();
-
-  const sheetHeightWithoutKeyboard = CONTENT_HEIGHT + FOOTER_HEIGHT + (IS_ANDROID ? 20 + getSoftMenuBarHeight() : 0);
-
-  const sheetHeightWithKeyboard = sheetHeightWithoutKeyboard + keyboardHeight + (deviceUtils.isSmallPhone ? 30 : 0);
-
-  const currentGasTrend = useMemo(() => getTrendKey(currentBlockParams?.trend), [currentBlockParams?.trend]);
-
-  useEffect(() => {
-    setParams({ longFormHeight: sheetHeightWithKeyboard });
-  }, [sheetHeightWithKeyboard, setParams]);
-
-  return (
-    <SlackSheet
-      additionalTopPadding
-      hideHandle
-      {...(ios && {
-        borderBottomRadius: 0,
-        deviceHeight,
-        removeTopPadding: true,
-      })}
-      backgroundColor={colors.transparent}
-      contentHeight={longFormHeight}
-      radius={0}
-      scrollEnabled={false}
-    >
-      <FloatingPanel borderRadius={38}>
-        <ExchangeHeader testID="custom-gas" />
-        <FeesPanelWrapper>
-          <FeesPanel
-            colorForAsset={colorForAsset}
-            currentGasTrend={currentGasTrend}
-            openCustomOptions={openCustomOptions}
-            selectedGasFee={selectedGasFee}
-            setCanGoBack={setCanGoBack}
-            speeds={speeds}
-            validateGasParams={validateGasParams}
-          />
-        </FeesPanelWrapper>
-        <Divider color={colors.rowDividerExtraLight} inset={[0, 24]} />
-        <FeesPanelTabswrapper>
-          <FeesPanelTabs colorForAsset={colorForAsset} speeds={speeds} />
-        </FeesPanelTabswrapper>
-      </FloatingPanel>
-      <Column>
-        <GasSpeedButton
-          asset={asset}
-          canGoBack={canGoBack}
-          chainId={chainId}
-          showGasOptions
-          testID="swap-details-gas"
-          theme="dark"
-          validateGasParams={validateGasParams}
-          marginTop={19}
-          crossChainServiceTime={getCrosschainSwapServiceTime(tradeDetails)}
-        />
-      </Column>
-    </SlackSheet>
-  );
-}
diff --git a/src/components/expanded-state/SwapDetailsState.js b/src/components/expanded-state/SwapDetailsState.js
deleted file mode 100644
index 19af013c189..00000000000
--- a/src/components/expanded-state/SwapDetailsState.js
+++ /dev/null
@@ -1,187 +0,0 @@
-import useSwapDetailsButtonPosition from './useSwapDetailsButtonPosition';
-import { useIsFocused, useRoute } from '@react-navigation/native';
-import lang from 'i18n-js';
-import React, { useCallback, useEffect, useState } from 'react';
-import Animated, { useSharedValue } from 'react-native-reanimated';
-
-import { useSelector } from 'react-redux';
-import { ConfirmExchangeButton } from '../exchange';
-import { GasSpeedButton } from '../gas';
-import { Column } from '../layout';
-import { SheetHandleFixedToTopHeight, SheetKeyboardAnimation, SheetTitle, SlackSheet } from '../sheet';
-import { CopyToast, ToastPositionContainer } from '../toasts';
-import { SwapDetailsContent, SwapDetailsMasthead, SwapDetailsMastheadHeight, SwapDetailsSlippageMessage } from './swap-details';
-import { useHeight, usePrevious, usePriceImpactDetails, useSwapCurrencies } from '@/hooks';
-import { useNavigation } from '@/navigation';
-import styled from '@/styled-thing';
-import { padding, position } from '@/styles';
-import { abbreviations, ethereumUtils } from '@/utils';
-import { getCrosschainSwapServiceTime } from '@/handlers/swap';
-import { SwapPriceImpactType } from '@/hooks/usePriceImpactDetails';
-import { chainsIdByName } from '@/chains';
-
-const AnimatedContainer = styled(Animated.View)({
-  ...position.sizeAsObject('100%'),
-});
-
-const Footer = styled(Column).attrs({
-  grow: 1,
-  shrink: 0,
-})({
-  ...padding.object(6, 0, 0),
-});
-
-const Header = styled(Column).attrs({
-  justify: 'start',
-})({
-  left: 0,
-  position: 'absolute',
-  right: 0,
-  top: -2,
-  width: '100%',
-});
-
-const FOOTER_MIN_HEIGHT = 143;
-const FOOTER_CONTENT_MIN_HEIGHT = 160;
-
-function useAndroidDisableGesturesOnFocus() {
-  const { params } = useRoute();
-  const isFocused = useIsFocused();
-  useEffect(() => {
-    android && params?.toggleGestureEnabled?.(!isFocused);
-  }, [isFocused, params]);
-}
-
-function useSwapDetailsClipboardState() {
-  const [copiedText, setCopiedText] = useState(undefined);
-  const [copyCount, setCopyCount] = useState(0);
-  const onCopySwapDetailsText = useCallback(text => {
-    setCopiedText(abbreviations.formatAddressForDisplay(text));
-    setCopyCount(count => count + 1);
-  }, []);
-  return {
-    copiedText,
-    copyCount,
-    onCopySwapDetailsText,
-  };
-}
-
-export default function SwapDetailsState({ confirmButtonProps, restoreFocusOnSwapModal }) {
-  const { setParams } = useNavigation();
-  const isFocused = useIsFocused();
-  const prevIsFocused = usePrevious(isFocused);
-  const { params: { longFormHeight, currentNetwork, flashbotTransaction, isRefuelTx, onClose } = {} } = useRoute();
-  const { inputCurrency, outputCurrency } = useSwapCurrencies();
-  const chainId = chainsIdByName[currentNetwork];
-
-  const {
-    derivedValues: { inputAmount, outputAmount },
-    displayValues: { inputAmountDisplay, outputAmountDisplay },
-    tradeDetails,
-  } = useSelector(state => state.swap);
-
-  const { priceImpact, inputNativeAmount, outputNativeAmount } = usePriceImpactDetails(
-    inputCurrency,
-    outputCurrency,
-    tradeDetails,
-    currentNetwork
-  );
-
-  const { copiedText, copyCount, onCopySwapDetailsText } = useSwapDetailsClipboardState();
-
-  const [footerHeight, setFooterHeight] = useHeight(FOOTER_MIN_HEIGHT);
-  const [slippageMessageHeight, setSlippageMessageHeight] = useHeight();
-  const [contentHeight, setContentHeight] = useHeight(FOOTER_CONTENT_MIN_HEIGHT);
-
-  const { onHeightChange, wrapperStyle, onPressMore, onWrapperLayout } = useSwapDetailsButtonPosition({ contentHeight });
-
-  const onContentHeightChange = useCallback(
-    event => {
-      onHeightChange(event);
-      setContentHeight(event);
-    },
-    [onHeightChange, setContentHeight]
-  );
-
-  useEffect(() => {
-    if (!isFocused && prevIsFocused) {
-      return restoreFocusOnSwapModal();
-    }
-  }, [isFocused, prevIsFocused, restoreFocusOnSwapModal]);
-  useAndroidDisableGesturesOnFocus();
-
-  const sheetHeightWithoutKeyboard =
-    SheetHandleFixedToTopHeight + SwapDetailsMastheadHeight + contentHeight + slippageMessageHeight + footerHeight;
-
-  const contentScroll = useSharedValue(0);
-
-  useEffect(() => {
-    setParams({
-      longFormHeight: sheetHeightWithoutKeyboard,
-      transitionDuration: 0.7,
-    });
-  }, [contentScroll, sheetHeightWithoutKeyboard, setParams]);
-
-  useEffect(() => {
-    return () => {
-      onClose?.();
-    };
-  }, [onClose]);
-
-  return (
-    <SheetKeyboardAnimation as={AnimatedContainer} isKeyboardVisible={false} translateY={contentScroll}>
-      <SlackSheet
-        additionalTopPadding={android}
-        borderRadius={39}
-        contentHeight={ios ? longFormHeight : sheetHeightWithoutKeyboard}
-        testID="swap-details-sheet"
-      >
-        <Header testID="swap-details-header">
-          <SheetTitle weight="heavy">{lang.t('expanded_state.swap_details.review')}</SheetTitle>
-        </Header>
-        <SwapDetailsMasthead
-          inputAmount={inputAmount}
-          inputAmountDisplay={inputAmountDisplay}
-          inputPriceValue={inputNativeAmount}
-          isHighPriceImpact={priceImpact.type !== SwapPriceImpactType.none}
-          outputAmount={outputAmount}
-          outputAmountDisplay={outputAmountDisplay}
-          outputPriceValue={outputNativeAmount}
-          priceImpactColor={priceImpact.color}
-        />
-        <SwapDetailsSlippageMessage
-          isHighPriceImpact={priceImpact.type !== SwapPriceImpactType.none}
-          outputCurrencySymbol={outputCurrency?.symbol}
-          onLayout={setSlippageMessageHeight}
-          priceImpactColor={priceImpact.color}
-          priceImpactNativeAmount={priceImpact.impactDisplay}
-          priceImpactPercentDisplay={priceImpact.percentDisplay}
-        />
-        <SwapDetailsContent
-          isRefuelTx={isRefuelTx}
-          isHighPriceImpact={priceImpact.type !== SwapPriceImpactType.none}
-          onCopySwapDetailsText={onCopySwapDetailsText}
-          onLayout={onContentHeightChange}
-          onPressMore={onPressMore}
-          tradeDetails={tradeDetails}
-        />
-        <Animated.View style={wrapperStyle} onLayout={onWrapperLayout}>
-          <Footer onLayout={setFooterHeight}>
-            <ConfirmExchangeButton {...confirmButtonProps} testID="swap-details-confirm-button" />
-            <GasSpeedButton
-              asset={outputCurrency}
-              chainId={chainId}
-              flashbotTransaction={flashbotTransaction}
-              testID="swap-details-gas"
-              theme="light"
-              crossChainServiceTime={getCrosschainSwapServiceTime(tradeDetails)}
-            />
-          </Footer>
-        </Animated.View>
-        <ToastPositionContainer>
-          <CopyToast copiedText={copiedText} copyCount={copyCount} />
-        </ToastPositionContainer>
-      </SlackSheet>
-    </SheetKeyboardAnimation>
-  );
-}
diff --git a/src/components/expanded-state/index.js b/src/components/expanded-state/index.ts
similarity index 63%
rename from src/components/expanded-state/index.js
rename to src/components/expanded-state/index.ts
index 2372a750190..3453c3de4be 100644
--- a/src/components/expanded-state/index.js
+++ b/src/components/expanded-state/index.ts
@@ -1,8 +1,5 @@
 export { default as ChartExpandedState } from './asset/ChartExpandedState';
 export { default as ContactProfileState } from './ContactProfileState';
-export { default as CustomGasState } from './CustomGasState';
-export { default as SwapDetailsState } from './SwapDetailsState';
-export { default as SwapSettingsState } from './swap-settings/SwapSettingsState';
 export { default as UniqueTokenExpandedState } from './UniqueTokenExpandedState';
 export { default as WalletProfileState } from './WalletProfileState';
 export { default as NewWalletGroupState } from './NewWalletGroupState';
diff --git a/src/components/expanded-state/swap-details/CurrencyTile.js b/src/components/expanded-state/swap-details/CurrencyTile.js
deleted file mode 100644
index 62072cc8930..00000000000
--- a/src/components/expanded-state/swap-details/CurrencyTile.js
+++ /dev/null
@@ -1,118 +0,0 @@
-import React from 'react';
-import { useSelector } from 'react-redux';
-import { Centered } from '../../layout';
-import { Text, TruncatedText } from '../../text';
-import { Box, Column, Columns, Row, Rows } from '@/design-system';
-import { useAccountSettings, useColorForAsset, useDimensions } from '@/hooks';
-import { SwapModalField } from '@/redux/swap';
-import styled from '@/styled-thing';
-import { position } from '@/styles';
-import { convertAmountToNativeDisplay } from '@/helpers/utilities';
-import RainbowCoinIcon from '@/components/coin-icon/RainbowCoinIcon';
-import { ethereumUtils } from '@/utils';
-
-export const CurrencyTileHeight = android ? 153 : 143;
-
-const AmountText = styled(Text).attrs(({ theme: { colors } }) => ({
-  color: colors.alpha(colors.blueGreyDark, 0.8),
-  letterSpacing: 'roundedTight',
-  size: 'smedium',
-  weight: 'semibold',
-}))();
-
-const Container = styled(Centered).attrs({
-  direction: 'column',
-})({
-  borderRadius: 30,
-  flex: 1,
-  height: CurrencyTileHeight,
-  overflow: 'hidden',
-  zIndex: 0,
-  ...(android ? { paddingTop: 4 } : {}),
-});
-
-const Gradient = styled(Box).attrs(({ theme: { colors }, color }) => ({
-  backgroundColor: colors.alpha(color, 0.08),
-}))({
-  ...position.coverAsObject,
-});
-
-const NativePriceText = styled(TruncatedText).attrs({
-  letterSpacing: 'roundedTight',
-  size: 'lmedium',
-  weight: 'heavy',
-})({
-  maxWidth: ({ maxWidth }) => maxWidth,
-});
-
-const TruncatedAmountText = styled(AmountText)({
-  flexGrow: 0,
-  flexShrink: 1,
-});
-
-export default function CurrencyTile({
-  amount,
-  amountDisplay,
-  asset,
-  isHighPriceImpact,
-  priceImpactColor,
-  priceValue,
-  type = 'input',
-  ...props
-}) {
-  const { width } = useDimensions();
-  const inputAsExact = useSelector(state => state.swap.independentField !== SwapModalField.output);
-  const { nativeCurrency } = useAccountSettings();
-  const colorForAsset = useColorForAsset(asset);
-  const theme = useTheme();
-  const isOther = (inputAsExact && type === 'output') || (!inputAsExact && type === 'input');
-
-  const priceDisplay = priceValue ? convertAmountToNativeDisplay(priceValue, nativeCurrency) : '-';
-
-  return (
-    <Container {...props}>
-      <Gradient color={colorForAsset} />
-      <Box paddingHorizontal="15px (Deprecated)">
-        <Rows alignHorizontal="center" alignVertical="center" space="10px">
-          <Row height="content">
-            <RainbowCoinIcon
-              size={50}
-              icon={asset?.icon_url}
-              chainId={asset?.chainId}
-              symbol={asset?.symbol}
-              colors={asset?.colors}
-              theme={theme}
-            />
-          </Row>
-          <Row height="content">
-            <Box width="full">
-              <Rows space={ios && '4px'}>
-                <Row height="content">
-                  <Columns alignHorizontal="center" space="4px">
-                    <Column width="content">
-                      <NativePriceText maxWidth={width / 4}>
-                        {isOther && '~'}
-                        {amountDisplay}
-                      </NativePriceText>
-                    </Column>
-                    <Column alignHorizontal="center" width="content">
-                      <NativePriceText>{asset?.symbol}</NativePriceText>
-                    </Column>
-                  </Columns>
-                </Row>
-                <Row height="content">
-                  <Box alignItems="center" justifyContent="center" marginTop={android && '-6px'} width="full">
-                    <TruncatedAmountText as={TruncatedText}>
-                      {priceDisplay}
-                      {isHighPriceImpact && <NativePriceText color={priceImpactColor}>{` 􀇿`}</NativePriceText>}
-                    </TruncatedAmountText>
-                  </Box>
-                </Row>
-              </Rows>
-            </Box>
-          </Row>
-        </Rows>
-      </Box>
-    </Container>
-  );
-}
diff --git a/src/components/expanded-state/swap-details/SwapDetailsContent.js b/src/components/expanded-state/swap-details/SwapDetailsContent.js
deleted file mode 100644
index 56abec2e201..00000000000
--- a/src/components/expanded-state/swap-details/SwapDetailsContent.js
+++ /dev/null
@@ -1,127 +0,0 @@
-import lang from 'i18n-js';
-import React from 'react';
-import { useSelector, View } from 'react-redux';
-import { ButtonPressAnimation } from '../../animations';
-import SwapDetailsContractRow from './SwapDetailsContractRow';
-import SwapDetailsExchangeRow from './SwapDetailsExchangeRow';
-import SwapDetailsFeeRow from './SwapDetailsFeeRow';
-import SwapDetailsPriceRow from './SwapDetailsPriceRow';
-import SwapDetailsRefuelRow from './SwapDetailsRefuelRow';
-import SwapDetailsRow, { SwapDetailsValue } from './SwapDetailsRow';
-import { AccentColorProvider, Box, Rows, Separator } from '@/design-system';
-import { isNativeAsset } from '@/handlers/assets';
-import Routes from '@/navigation/routesNames';
-import { useAccountSettings, useColorForAsset, useSwapAdjustedAmounts, useSwapCurrencies } from '@/hooks';
-import { SwapModalField } from '@/redux/swap';
-import styled from '@/styled-thing';
-import { padding } from '@/styles';
-
-import { useNavigation } from '@/navigation';
-import { SwapDetailsRewardRow } from './SwapDetailsRewardRow';
-import useExperimentalFlag, { OP_REWARDS } from '@rainbow-me/config/experimentalHooks';
-import { useRemoteConfig } from '@/model/remoteConfig';
-import { ChainId } from '@/chains/types';
-
-const Container = styled(Box).attrs({
-  flex: 1,
-})(({ hasWarning }) => padding.object(hasWarning ? 24 : 30, 19, 30));
-
-export default function SwapDetailsContent({ isHighPriceImpact, isRefuelTx, onCopySwapDetailsText, tradeDetails, onPressMore, ...props }) {
-  const { inputCurrency, outputCurrency } = useSwapCurrencies();
-  const { amountReceivedSold, receivedSoldLabel } = useSwapAdjustedAmounts(tradeDetails);
-  const { navigate } = useNavigation();
-  const { flashbotsEnabled } = useAccountSettings();
-  const inputAsExact = useSelector(state => state.swap.independentField !== SwapModalField.output);
-
-  const [detailsExpanded, setDetailsExpanded] = useState(false);
-
-  const colorForAsset = useColorForAsset(outputCurrency, undefined, true, true);
-  const inputChainId = inputCurrency.chainId;
-  const outputChainId = outputCurrency.chainId;
-  const { op_rewards_enabled } = useRemoteConfig();
-  const hasReward = (useExperimentalFlag(OP_REWARDS) || op_rewards_enabled) && !!tradeDetails.reward?.[0];
-
-  return (
-    <AccentColorProvider color={colorForAsset}>
-      <Container hasWarning={isHighPriceImpact} testID="swap-details-state" {...props}>
-        <Rows space="24px">
-          <SwapDetailsRow label={receivedSoldLabel} testID="swaps-details-value-row">
-            <SwapDetailsValue letterSpacing="roundedTight">
-              {amountReceivedSold} {inputAsExact ? outputCurrency.symbol : inputCurrency.symbol}
-            </SwapDetailsValue>
-          </SwapDetailsRow>
-
-          {(isRefuelTx || tradeDetails?.refuel) && <SwapDetailsRefuelRow testID="swaps-details-refuel-row" tradeDetails={tradeDetails} />}
-
-          {tradeDetails?.protocols && (
-            <SwapDetailsExchangeRow
-              protocols={tradeDetails?.protocols}
-              routes={tradeDetails?.routes}
-              testID="swaps-details-protocols-row"
-            />
-          )}
-          {tradeDetails.feePercentageBasisPoints !== 0 && (
-            <SwapDetailsFeeRow chainId={outputChainId} testID="swaps-details-fee-row" tradeDetails={tradeDetails} />
-          )}
-          {hasReward && <SwapDetailsRewardRow reward={tradeDetails.reward?.[0]} />}
-          {flashbotsEnabled && inputChainId === ChainId.mainnet && (
-            <SwapDetailsRow
-              labelPress={() =>
-                navigate(Routes.EXPLAIN_SHEET, {
-                  type: 'flashbots',
-                })
-              }
-              label={`${lang.t('expanded_state.swap.flashbots_protect')} 􀅵`}
-              testID="swaps-details-flashbots-row"
-            >
-              <SwapDetailsValue letterSpacing="roundedTight">{`${lang.t('expanded_state.swap.on')} 􀞜`}</SwapDetailsValue>
-            </SwapDetailsRow>
-          )}
-          {!detailsExpanded && (
-            <Box
-              style={{
-                // cancel out the extra padding below
-                marginVertical: -18,
-              }}
-            >
-              <ButtonPressAnimation
-                onPress={() => {
-                  setDetailsExpanded(!detailsExpanded);
-                  onPressMore();
-                }}
-                scaleTo={1.06}
-                style={{
-                  // enlarge tap target for details button
-                  paddingVertical: 18,
-                }}
-                testID="swaps-details-show-details-button"
-              >
-                <SwapDetailsRow
-                  label={
-                    detailsExpanded
-                      ? lang.t('expanded_state.swap_details.hide_details')
-                      : lang.t('expanded_state.swap_details.show_details')
-                  }
-                >
-                  <SwapDetailsValue>{detailsExpanded ? '􀁮' : '􀁰'}</SwapDetailsValue>
-                </SwapDetailsRow>
-              </ButtonPressAnimation>
-            </Box>
-          )}
-          {detailsExpanded && (
-            <Rows space="24px">
-              <Separator color="divider80 (Deprecated)" />
-              <SwapDetailsPriceRow testID="swaps-details-price-row" tradeDetails={tradeDetails} />
-              {!isNativeAsset(inputCurrency?.address, inputChainId) && (
-                <SwapDetailsContractRow asset={inputCurrency} onCopySwapDetailsText={onCopySwapDetailsText} />
-              )}
-              {!isNativeAsset(outputCurrency?.address, outputChainId) && (
-                <SwapDetailsContractRow asset={outputCurrency} onCopySwapDetailsText={onCopySwapDetailsText} />
-              )}
-            </Rows>
-          )}
-        </Rows>
-      </Container>
-    </AccentColorProvider>
-  );
-}
diff --git a/src/components/expanded-state/swap-details/SwapDetailsContractRow.js b/src/components/expanded-state/swap-details/SwapDetailsContractRow.js
deleted file mode 100644
index 2f8d9a48795..00000000000
--- a/src/components/expanded-state/swap-details/SwapDetailsContractRow.js
+++ /dev/null
@@ -1,178 +0,0 @@
-import lang from 'i18n-js';
-import { startCase } from 'lodash';
-import React, { useCallback, useLayoutEffect, useMemo, useState } from 'react';
-import { ContextMenuButton } from 'react-native-ios-context-menu';
-import Animated, { interpolate, interpolateColor, useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
-import { ButtonPressAnimation } from '../../animations';
-import { Text, TruncatedAddress } from '../../text';
-import SwapDetailsRow from './SwapDetailsRow';
-import { useClipboard, useColorForAsset } from '@/hooks';
-import styled from '@/styled-thing';
-import { fonts, fontWithWidth } from '@/styles';
-import { abbreviations, ethereumUtils, showActionSheetWithOptions } from '@/utils';
-
-const SwapDetailsText = styled(Text).attrs({
-  lineHeight: android ? 18 : 17,
-})();
-
-export const SwapDetailsValue = styled(SwapDetailsText).attrs(({ theme: { colors }, color = colors.alpha(colors.blueGreyDark, 0.8) }) => ({
-  color,
-}))(fontWithWidth(fonts.weight.bold));
-
-const AnimatedTruncatedAddress = Animated.createAnimatedComponent(TruncatedAddress);
-const AnimatedText = Animated.createAnimatedComponent(Text);
-
-const ContractActionsEnum = {
-  blockExplorer: 'blockExplorer',
-  copyAddress: 'copyAddress',
-};
-
-const ContractActions = {
-  [ContractActionsEnum.copyAddress]: {
-    actionKey: ContractActionsEnum.copyAddress,
-    actionTitle: lang.t('wallet.action.copy_contract_address'),
-    icon: {
-      iconType: 'SYSTEM',
-      iconValue: 'doc.on.doc',
-    },
-  },
-};
-
-const buildBlockExplorerAction = chainId => {
-  const blockExplorerText = lang.t('expanded_state.swap.view_on', {
-    blockExplorerName: startCase(ethereumUtils.getBlockExplorer({ chainId })),
-  });
-  return {
-    actionKey: ContractActionsEnum.blockExplorer,
-    actionTitle: blockExplorerText,
-    icon: {
-      iconType: 'SYSTEM',
-      iconValue: 'link',
-    },
-  };
-};
-
-function SwapDetailsContractRowContent({ asset, menuVisible, scaleTo = 1.06, ...props }) {
-  const { colors } = useTheme();
-  const colorForAsset = useColorForAsset(asset);
-  const animation = useSharedValue(menuVisible ? 1 : 0);
-  const startingColor = useMemo(() => colors.alpha(colors.blueGreyDark, 0.8), [colors]);
-
-  useLayoutEffect(() => {
-    animation.value = withTiming(menuVisible ? 1 : 0, { duration: 150 });
-  }, [menuVisible, animation]);
-
-  const colorStyle = useAnimatedStyle(() => {
-    const color = interpolateColor(animation.value, [0, 1], [startingColor, colorForAsset]);
-    return {
-      color,
-    };
-  }, [animation, colorForAsset]);
-
-  const scaleStyle = useAnimatedStyle(() => {
-    const scale = interpolate(animation.value, [0, 1], [1, scaleTo]);
-
-    return {
-      transform: [{ scale }],
-    };
-  });
-
-  return (
-    <Animated.View style={scaleStyle}>
-      <ButtonPressAnimation scaleTo={1} {...props}>
-        <SwapDetailsRow
-          label={lang.t('expanded_state.swap_details.token_contract', {
-            token: asset?.symbol,
-          })}
-        >
-          <SwapDetailsValue address={asset?.address} as={AnimatedTruncatedAddress} firstSectionLength={6} style={colorStyle} />
-          <SwapDetailsValue as={AnimatedText} style={colorStyle}>{` 􀍡`}</SwapDetailsValue>
-        </SwapDetailsRow>
-      </ButtonPressAnimation>
-    </Animated.View>
-  );
-}
-
-export default function SwapDetailsContractRow({ asset, onCopySwapDetailsText, ...props }) {
-  const { setClipboard } = useClipboard();
-  const handleCopyContractAddress = useCallback(
-    address => {
-      setClipboard(address);
-      onCopySwapDetailsText(address);
-    },
-    [onCopySwapDetailsText, setClipboard]
-  );
-  const [menuVisible, setMenuVisible] = useState(false);
-
-  const menuConfig = useMemo(() => {
-    const blockExplorerAction = buildBlockExplorerAction(asset?.chainId);
-    return {
-      menuItems: [
-        blockExplorerAction,
-        {
-          ...ContractActions[ContractActionsEnum.copyAddress],
-          discoverabilityTitle: abbreviations.formatAddressForDisplay(asset?.address),
-        },
-      ],
-      menuTitle: `${asset?.name} (${asset?.symbol})`,
-    };
-  }, [asset?.chainId, asset?.address, asset?.name, asset?.symbol]);
-
-  const handlePressMenuItem = useCallback(
-    ({ nativeEvent: { actionKey } }) => {
-      if (actionKey === ContractActionsEnum.copyAddress) {
-        handleCopyContractAddress(asset?.address);
-      } else if (actionKey === ContractActionsEnum.blockExplorer) {
-        ethereumUtils.openTokenEtherscanURL({ address: asset?.address, chainId: asset?.chainId });
-      }
-    },
-    [asset, handleCopyContractAddress]
-  );
-
-  const onPressAndroid = useCallback(() => {
-    const blockExplorerText = lang.t('expanded_state.swap.view_on', {
-      blockExplorerName: startCase(ethereumUtils.getBlockExplorer({ chainId: asset?.chainId })),
-    });
-    const androidContractActions = [lang.t('wallet.action.copy_contract_address'), blockExplorerText, lang.t('button.cancel')];
-    showActionSheetWithOptions(
-      {
-        cancelButtonIndex: 2,
-        options: androidContractActions,
-        showSeparators: true,
-        title: `${asset?.name} (${asset?.symbol})`,
-      },
-      idx => {
-        if (idx === 0) {
-          handleCopyContractAddress(asset?.address);
-        }
-        if (idx === 1) {
-          ethereumUtils.openTokenEtherscanURL({ address: asset?.address, chainId: asset?.chainId });
-        }
-      }
-    );
-  }, [asset, handleCopyContractAddress]);
-
-  const onShowMenu = () => setMenuVisible(true);
-  const onHideMenu = () => setMenuVisible(false);
-
-  return (
-    <ContextMenuButton
-      activeOpacity={1}
-      isMenuPrimaryAction
-      menuConfig={menuConfig}
-      onMenuWillHide={onHideMenu}
-      onMenuWillShow={onShowMenu}
-      {...(android ? { onPress: onPressAndroid } : {})}
-      onPressMenuItem={handlePressMenuItem}
-      useActionSheetFallback={false}
-      {...props}
-      style={{
-        // bigger tap area otherwise touch events can get ignored
-        marginVertical: -12,
-        paddingVertical: 12,
-      }}
-    >
-      <SwapDetailsContractRowContent asset={asset} menuVisible={menuVisible} />
-    </ContextMenuButton>
-  );
-}
diff --git a/src/components/expanded-state/swap-details/SwapDetailsExchangeRow.js b/src/components/expanded-state/swap-details/SwapDetailsExchangeRow.js
deleted file mode 100644
index 7e0cb82c02c..00000000000
--- a/src/components/expanded-state/swap-details/SwapDetailsExchangeRow.js
+++ /dev/null
@@ -1,265 +0,0 @@
-import lang from 'i18n-js';
-import { capitalize } from 'lodash';
-import React, { Fragment, useMemo } from 'react';
-import { convertAmountToPercentageDisplay } from '../../../helpers/utilities';
-import Pill from '../../Pill';
-import { ButtonPressAnimation } from '../../animations';
-import { SwapDetailsLabel, SwapDetailsValue } from './SwapDetailsRow';
-import { Bleed, Box, Column, Columns, Cover, Inline, Stack, Text, useForegroundColor } from '@/design-system';
-import { usePrevious, useStepper } from '@/hooks';
-import { ImgixImage } from '@/components/images';
-import { getExchangeIconUrl, magicMemo } from '@/utils';
-import { SocketBridges } from '@/references/swap/bridges';
-import { defaultChains } from '@/chains';
-
-const parseExchangeName = name => {
-  const networks = Object.values(defaultChains).map(network => network.name.toLowerCase());
-
-  const removeNetworks = name =>
-    networks.some(network => name.toLowerCase().includes(network)) ? name.slice(name.indexOf('_') + 1, name.length) : name;
-
-  const removeBridge = name => name.replace('-bridge', '');
-
-  return removeNetworks(removeBridge(name));
-};
-
-const ExchangeIcon = magicMemo(
-  function ExchangeIcon({ index = 1, icon, protocol }) {
-    const { colors } = useTheme();
-    const [error, setError] = useState(false);
-    const previousIcon = usePrevious(icon);
-    if (error && icon !== previousIcon) {
-      setError(false);
-    }
-
-    return (
-      <Fragment>
-        {icon && !error ? (
-          <ImgixImage
-            onError={() => setError(true)}
-            size={20}
-            source={{ uri: icon }}
-            style={{
-              borderColor: colors.white,
-              borderRadius: 10,
-              borderWidth: 1.5,
-              height: 20,
-              width: 20,
-              zIndex: index,
-            }}
-          />
-        ) : (
-          <Stack>
-            <Box
-              alignHorizontal="center"
-              alignVertical="center"
-              height={{ custom: 20 }}
-              style={{
-                backgroundColor: colors.exchangeFallback,
-                borderColor: colors.white,
-                borderRadius: 10,
-                borderWidth: 1.5,
-                zIndex: index,
-              }}
-              width={{ custom: 20 }}
-            >
-              <Cover alignHorizontal="center" alignVertical="center">
-                <Box
-                  style={
-                    android && {
-                      top: 1,
-                    }
-                  }
-                >
-                  <Text align="center" color="secondary80 (Deprecated)" size="14px / 19px (Deprecated)" weight="semibold">
-                    {typeof protocol === 'string' ? protocol?.substring(0, 1)?.toUpperCase() : 'U'}
-                  </Text>
-                </Box>
-              </Cover>
-            </Box>
-          </Stack>
-        )}
-      </Fragment>
-    );
-  },
-  ['icon', 'protocol']
-);
-
-const ExchangeIconStack = magicMemo(
-  ({ protocols }) => {
-    return (
-      <Inline>
-        {protocols?.icons?.map((icon, index) => {
-          return (
-            <Box key={`protocol-icon-${index}`} marginLeft={{ custom: -4 }} zIndex={protocols?.icons?.length - index}>
-              <ExchangeIcon icon={icon} protocol={protocols?.name || protocols.names[index] || 'Unknown'} />
-            </Box>
-          );
-        })}
-      </Inline>
-    );
-  },
-  ['protocols']
-);
-
-const CrossChainIconStack = magicMemo(
-  ({ protocols }) => {
-    return (
-      <Inline>
-        {protocols?.icons?.map((icon, index) => {
-          return (
-            <Inline key={`protocol-icon-${index}`} marginLeft={{ custom: 0 }}>
-              <ExchangeIcon icon={icon} protocol={protocols?.name || protocols.names[index] || 'Unknown'} />
-
-              {index < protocols?.icons.length - 1 && (
-                <Box paddingTop="6px">
-                  <Text color="secondary50 (Deprecated)" size="11pt" weight="semibold">
-                    􀆊
-                  </Text>
-                </Box>
-              )}
-            </Inline>
-          );
-        })}
-      </Inline>
-    );
-  },
-  ['protocols']
-);
-
-export default function SwapDetailsExchangeRow({ routes, protocols, testID }) {
-  const bridges = routes?.[0]?.usedBridgeNames;
-
-  const steps = useMemo(() => {
-    const sortedProtocols = protocols?.sort((a, b) => b.part - a.part);
-    const defaultCase = {
-      icons: sortedProtocols.map(({ name }) => getExchangeIconUrl(parseExchangeName(name))),
-      label: lang.t(bridges ? 'expanded_state.swap_details.number_of_steps' : 'expanded_state.swap_details.number_of_exchanges', {
-        number: sortedProtocols?.length,
-      }),
-      names: sortedProtocols.map(({ name }) => name),
-    };
-    if (sortedProtocols.length === 1) {
-      const protocol = sortedProtocols[0];
-      const protocolName = parseExchangeName(protocol.name);
-      const isBridge = bridges?.includes(protocol.name);
-
-      return [
-        {
-          icons: [getExchangeIconUrl(protocolName)],
-          label: capitalize(protocolName.replace('_', ' ')),
-          name: SocketBridges[protocol.name] ?? protocolName.slice('_'),
-          action: isBridge ? lang.t('expanded_state.swap.bridge') : lang.t('expanded_state.swap.swap'),
-          part: convertAmountToPercentageDisplay(protocol.part),
-        },
-      ];
-    }
-    const mappedExchanges = sortedProtocols.map(protocol => {
-      const protocolName = parseExchangeName(protocol.name);
-      const part = convertAmountToPercentageDisplay(protocol.part, 0, 3, true);
-      const isBridge = bridges?.includes(protocol.name);
-
-      return {
-        icons: [getExchangeIconUrl(protocolName)],
-        label: capitalize(protocolName.replace('_', ' ')),
-        name: SocketBridges[protocol.name] ?? protocolName.slice('_'),
-        isBridge,
-        action: isBridge ? lang.t('expanded_state.swap.bridge') : lang.t('expanded_state.swap.swap'),
-        part,
-      };
-    });
-    return [defaultCase, ...mappedExchanges];
-  }, [bridges, protocols]);
-
-  const [step, nextStep] = useStepper(steps.length);
-  const defaultColor = useForegroundColor('secondary (Deprecated)');
-
-  if (protocols?.length > 1) {
-    return (
-      <Bleed vertical="8px">
-        <ButtonPressAnimation
-          testID={`${testID}`}
-          onPress={nextStep}
-          scaleTo={1.06}
-          style={{
-            // enlarge tap target
-            paddingVertical: 8,
-          }}
-        >
-          <Columns alignHorizontal="right" alignVertical="center" space="4px">
-            <Column>
-              <SwapDetailsLabel>{lang.t('expanded_state.swap.swapping_via')}</SwapDetailsLabel>
-            </Column>
-            <Column width="content">
-              <Box
-                style={{
-                  top: android ? -1.5 : 0,
-                }}
-              >
-                <Bleed vertical="10px">
-                  {bridges ? <CrossChainIconStack protocols={steps[step]} /> : <ExchangeIconStack protocols={steps[step]} />}
-                </Bleed>
-              </Box>
-            </Column>
-            <Column width="content">
-              <SwapDetailsValue>{steps[step].label}</SwapDetailsValue>
-            </Column>
-            {(steps?.[step]?.part || steps?.[step]?.action) && (
-              <Column width="content">
-                <Bleed right="5px (Deprecated)" vertical="6px">
-                  <Pill
-                    height={20}
-                    style={{
-                      lineHeight: android && 18,
-                      top: android ? -1 : 0,
-                    }}
-                    textColor={defaultColor}
-                  >
-                    {bridges ? steps[step].action : steps[step].part}
-                  </Pill>
-                </Bleed>
-              </Column>
-            )}
-          </Columns>
-        </ButtonPressAnimation>
-      </Bleed>
-    );
-  } else if (protocols?.length > 0) {
-    return (
-      <Columns alignVertical="center" space="4px" testID={testID}>
-        <Column>
-          <SwapDetailsLabel>{lang.t('expanded_state.swap.swapping_via')}</SwapDetailsLabel>
-        </Column>
-        <Column width="content">
-          <Box
-            style={{
-              top: android ? -1.5 : 0,
-            }}
-          >
-            <Bleed vertical="10px">
-              <ExchangeIcon
-                icon={getExchangeIconUrl(parseExchangeName(protocols[0].name))}
-                protocol={parseExchangeName(protocols[0].name)}
-              />
-            </Bleed>
-          </Box>
-        </Column>
-        <Column width="content">
-          <SwapDetailsValue>{steps[step].label}</SwapDetailsValue>
-        </Column>
-        <Column width="content">
-          <Bleed right="6px" vertical="10px">
-            <Pill
-              height={20}
-              style={{
-                lineHeight: 20,
-              }}
-              textColor={defaultColor}
-            >{`${protocols[0].part}%`}</Pill>
-          </Bleed>
-        </Column>
-      </Columns>
-    );
-  }
-  return null;
-}
diff --git a/src/components/expanded-state/swap-details/SwapDetailsFeeRow.js b/src/components/expanded-state/swap-details/SwapDetailsFeeRow.js
deleted file mode 100644
index 675acd503c8..00000000000
--- a/src/components/expanded-state/swap-details/SwapDetailsFeeRow.js
+++ /dev/null
@@ -1,41 +0,0 @@
-import lang from 'i18n-js';
-import React from 'react';
-import useRainbowFee from '../../../hooks/useRainbowFee';
-import SwapDetailsRow from './SwapDetailsRow';
-import { convertAmountToNativeDisplay, convertAmountToPercentageDisplayWithThreshold, isZero } from '@/helpers/utilities';
-import { useAccountSettings, useStepper } from '@/hooks';
-import { useNavigation } from '@/navigation';
-import Routes from '@/navigation/routesNames';
-
-export default function SwapDetailsFeeRow({ tradeDetails, chainId, testID }) {
-  const { navigate } = useNavigation();
-  const { nativeCurrency } = useAccountSettings();
-  const { rainbowFeeNative, rainbowFeePercentage } = useRainbowFee({
-    chainId,
-    tradeDetails,
-  });
-  const rainbowFeeNativeDisplay = rainbowFeeNative && convertAmountToNativeDisplay(rainbowFeeNative, nativeCurrency);
-  const rainbowFeePercentageDisplay = isZero(rainbowFeePercentage)
-    ? '0.00%'
-    : convertAmountToPercentageDisplayWithThreshold(rainbowFeePercentage);
-  const steps = rainbowFeeNativeDisplay ? [rainbowFeeNativeDisplay, rainbowFeePercentageDisplay] : [rainbowFeePercentageDisplay];
-  const [step, nextStep] = useStepper(steps.length);
-
-  const handleLabelPress = useCallback(() => {
-    navigate(Routes.EXPLAIN_SHEET, {
-      feePercentage: rainbowFeePercentageDisplay,
-      type: 'rainbow_fee',
-    });
-  }, [navigate, rainbowFeePercentageDisplay]);
-
-  return (
-    <SwapDetailsRow
-      label={`${lang.t('expanded_state.swap_details.rainbow_fee')} 􀅵`}
-      labelPress={handleLabelPress}
-      testID={testID}
-      valuePress={nextStep}
-    >
-      {steps[step]}
-    </SwapDetailsRow>
-  );
-}
diff --git a/src/components/expanded-state/swap-details/SwapDetailsMasthead.js b/src/components/expanded-state/swap-details/SwapDetailsMasthead.js
deleted file mode 100644
index 7a00d7f8daa..00000000000
--- a/src/components/expanded-state/swap-details/SwapDetailsMasthead.js
+++ /dev/null
@@ -1,79 +0,0 @@
-import React from 'react';
-import { RowWithMargins } from '../../layout';
-import CurrencyTile, { CurrencyTileHeight } from './CurrencyTile';
-import { Bleed, Box, Columns, Cover, Text } from '@/design-system';
-import { useSwapCurrencies } from '@/hooks';
-
-const containerPaddingTop = 34;
-export const SwapDetailsMastheadHeight = CurrencyTileHeight + containerPaddingTop;
-
-const DoubleChevron = () => (
-  <Cover alignHorizontal="center" alignVertical="center">
-    <RowWithMargins margin={0}>
-      <Text color="secondary60 (Deprecated)" size="16px / 22px (Deprecated)" weight="semibold">
-        􀯻
-      </Text>
-      <Bleed left="6px">
-        <Text color="secondary40 (Deprecated)" size="16px / 22px (Deprecated)" weight="semibold">
-          􀯻
-        </Text>
-      </Bleed>
-    </RowWithMargins>
-  </Cover>
-);
-
-export default function SwapDetailsMasthead({
-  inputAmount,
-  inputAmountDisplay,
-  inputPriceValue,
-  isHighPriceImpact,
-  outputAmount,
-  outputAmountDisplay,
-  outputPriceValue,
-  priceImpactColor,
-  ...props
-}) {
-  const { inputCurrency, outputCurrency } = useSwapCurrencies();
-
-  return (
-    <Box {...props} alignItems="center" paddingHorizontal="19px (Deprecated)" paddingTop="42px (Deprecated)">
-      <Columns space={{ custom: 9 }}>
-        <CurrencyTile
-          amount={inputAmount}
-          amountDisplay={inputAmountDisplay}
-          asset={inputCurrency}
-          priceValue={inputPriceValue}
-          type="input"
-        />
-        <CurrencyTile
-          amount={outputAmount}
-          amountDisplay={outputAmountDisplay}
-          asset={outputCurrency}
-          isHighPriceImpact={isHighPriceImpact}
-          priceImpactColor={priceImpactColor}
-          priceValue={outputPriceValue}
-          style={{ zIndex: -1 }}
-          type="output"
-        />
-      </Columns>
-
-      <Box
-        background="body (Deprecated)"
-        borderRadius={16}
-        height={{ custom: 32 }}
-        shadow="21px light (Deprecated)"
-        style={{
-          alignItems: 'center',
-          justifyContent: 'center',
-          left: '50%',
-          position: 'absolute',
-          top: '50%',
-          transform: [{ translateX: 3 }, { translateY: 24 }],
-        }}
-        width={{ custom: 32 }}
-      >
-        <DoubleChevron />
-      </Box>
-    </Box>
-  );
-}
diff --git a/src/components/expanded-state/swap-details/SwapDetailsPriceRow.js b/src/components/expanded-state/swap-details/SwapDetailsPriceRow.js
deleted file mode 100644
index 303f2f1956a..00000000000
--- a/src/components/expanded-state/swap-details/SwapDetailsPriceRow.js
+++ /dev/null
@@ -1,49 +0,0 @@
-import lang from 'i18n-js';
-import React, { useMemo } from 'react';
-import { ButtonPressAnimation } from '../../animations';
-import SwapDetailsRow, { SwapDetailsValue } from './SwapDetailsRow';
-import { convertRawAmountToDecimalFormat, divide, handleSignificantDecimals } from '@/helpers/utilities';
-import { useStepper, useSwapCurrencies } from '@/hooks';
-
-export default function SwapDetailsPriceRow({ tradeDetails, ...props }) {
-  const { inputCurrency, outputCurrency } = useSwapCurrencies();
-
-  const convertedSellAmount = convertRawAmountToDecimalFormat(tradeDetails?.sellAmount, inputCurrency.decimals);
-
-  const convertedBuyAmount = convertRawAmountToDecimalFormat(tradeDetails?.buyAmount, outputCurrency.decimals);
-
-  const outputExecutionRateRaw = divide(convertedSellAmount, convertedBuyAmount);
-
-  const inputExecutionRateRaw = divide(convertedBuyAmount, convertedSellAmount);
-
-  const inputExecutionRate = handleSignificantDecimals(inputExecutionRateRaw, 2);
-
-  const outputExecutionRate = handleSignificantDecimals(outputExecutionRateRaw, 2);
-
-  const steps = useMemo(
-    () => [
-      lang.t('expanded_state.swap_details.output_exchange_rate', {
-        executionRate: outputExecutionRate,
-        inputSymbol: inputCurrency?.symbol,
-        outputSymbol: outputCurrency?.symbol,
-      }),
-      lang.t('expanded_state.swap_details.input_exchange_rate', {
-        executionRate: inputExecutionRate,
-        inputSymbol: inputCurrency?.symbol,
-        outputSymbol: outputCurrency?.symbol,
-      }),
-    ],
-    [inputCurrency, inputExecutionRate, outputCurrency, outputExecutionRate]
-  );
-
-  const [step, nextStep] = useStepper(steps.length);
-
-  return (
-    <ButtonPressAnimation {...props} onPress={nextStep} scaleTo={1.06}>
-      <SwapDetailsRow label={lang.t('expanded_state.swap_details.exchange_rate')}>
-        <SwapDetailsValue letterSpacing="roundedTight">{steps[step]}</SwapDetailsValue>
-        <SwapDetailsValue>{` 􀅌`}</SwapDetailsValue>
-      </SwapDetailsRow>
-    </ButtonPressAnimation>
-  );
-}
diff --git a/src/components/expanded-state/swap-details/SwapDetailsRefuelRow.js b/src/components/expanded-state/swap-details/SwapDetailsRefuelRow.js
deleted file mode 100644
index f93113e0fb6..00000000000
--- a/src/components/expanded-state/swap-details/SwapDetailsRefuelRow.js
+++ /dev/null
@@ -1,92 +0,0 @@
-import lang from 'i18n-js';
-import React from 'react';
-import { SwapDetailsLabel, SwapDetailsValue } from './SwapDetailsRow';
-import { convertRawAmountToBalance } from '@/helpers/utilities';
-import { ethereumUtils } from '@/utils';
-import { Box, Column, Columns, Rows } from '@/design-system';
-import styled from '@/styled-thing';
-import { ImgixImage } from '@/components/images';
-import CaretImageSource from '@/assets/family-dropdown-arrow.png';
-import Spinner from '@/components/Spinner';
-import { useTheme } from '@/theme';
-import { useNativeAsset } from '@/utils/ethereumUtils';
-import RainbowCoinIcon from '@/components/coin-icon/RainbowCoinIcon';
-
-const CaretIcon = styled(ImgixImage).attrs(({ theme: { colors } }) => ({
-  resizeMode: ImgixImage.resizeMode.contain,
-  source: CaretImageSource,
-  tintColor: colors.blueGreyDark,
-  size: 30,
-}))({
-  height: 11,
-  top: 0,
-  width: 7,
-});
-
-const ICON_ALIGN_MARGIN = '-8px';
-
-export default function SwapDetailsRefuelRow({ tradeDetails, testID }) {
-  const { colors } = useTheme();
-  const fromAsset = tradeDetails?.refuel?.fromAsset;
-  const toAsset = tradeDetails?.refuel?.toAsset;
-  const toAmount = convertRawAmountToBalance(tradeDetails?.refuel?.toAmount, {
-    decimals: 18,
-  });
-  const toSymbol = tradeDetails?.refuel?.toAsset?.symbol;
-
-  const fromNativeAsset = useNativeAsset({ chainId: fromAsset?.chainId });
-  const toNativeAsset = useNativeAsset({ chainId: toAsset?.chainId });
-
-  return (
-    <Rows testID={testID}>
-      <Columns alignVertical="center" space="4px">
-        <Column>
-          <SwapDetailsLabel>{lang.t('expanded_state.swap_details.refuel')}</SwapDetailsLabel>
-        </Column>
-        {tradeDetails.refuel ? (
-          <>
-            <Column width="content">
-              <Box paddingRight="2px" marginTop={ICON_ALIGN_MARGIN} marginBottom={ICON_ALIGN_MARGIN}>
-                <RainbowCoinIcon
-                  size={20}
-                  icon={fromNativeAsset?.icon_url}
-                  chainId={fromAsset?.chainId}
-                  symbol={fromAsset?.symbol}
-                  colors={fromNativeAsset?.colors}
-                  ignoreBadge
-                />
-              </Box>
-            </Column>
-            <Column width="content">
-              <Box marginTop="-4px" marginBottom="-4px">
-                <CaretIcon />
-              </Box>
-            </Column>
-            <Column width="content">
-              <Box paddingLeft="4px" marginTop={ICON_ALIGN_MARGIN} marginBottom={ICON_ALIGN_MARGIN}>
-                <RainbowCoinIcon
-                  size={20}
-                  icon={toNativeAsset?.icon_url}
-                  chainId={toAsset?.chainId}
-                  symbol={toAsset?.symbol}
-                  colors={toNativeAsset?.colors}
-                  ignoreBadge
-                />
-              </Box>
-            </Column>
-
-            <Column width="content">
-              <SwapDetailsValue>{`${toAmount.display}${toSymbol}`}</SwapDetailsValue>
-            </Column>
-          </>
-        ) : (
-          <Column width="content">
-            <Box marginTop={ICON_ALIGN_MARGIN}>
-              <Spinner color={colors.blueGreyDark80} size={18} />
-            </Box>
-          </Column>
-        )}
-      </Columns>
-    </Rows>
-  );
-}
diff --git a/src/components/expanded-state/swap-details/SwapDetailsRewardRow.tsx b/src/components/expanded-state/swap-details/SwapDetailsRewardRow.tsx
deleted file mode 100644
index 017565f83bc..00000000000
--- a/src/components/expanded-state/swap-details/SwapDetailsRewardRow.tsx
+++ /dev/null
@@ -1,49 +0,0 @@
-import React from 'react';
-import { Bleed, Box, Text } from '@/design-system';
-import { SwapDetailsLabel } from './SwapDetailsRow';
-import { ButtonPressAnimation } from '@/components/animations';
-import { Reward } from '@rainbow-me/swaps';
-import { useNavigation } from '@/navigation';
-import Routes from '@/navigation/routesNames';
-import { ChainBadge } from '@/components/coin-icon';
-import { useTheme } from '@/theme';
-import * as i18n from '@/languages';
-import { ChainId } from '@/chains/types';
-import { chainsNativeAsset } from '@/chains';
-
-export function SwapDetailsRewardRow({ reward }: { reward: Reward }) {
-  const { navigate } = useNavigation();
-  const { isDarkMode } = useTheme();
-
-  const roundedAmount = Math.round(reward.amount * 1000) / 1000;
-  const nativeAsset = chainsNativeAsset[ChainId.optimism];
-  const accentColor = isDarkMode ? nativeAsset.colors.primary : nativeAsset.colors.fallback || nativeAsset.colors.primary;
-
-  return (
-    <Box flexDirection="row" alignItems="center" justifyContent="space-between">
-      <ButtonPressAnimation onPress={() => navigate(Routes.OP_REWARDS_SHEET)}>
-        <SwapDetailsLabel>{i18n.t(i18n.l.expanded_state.swap_details.reward)} 􀅵</SwapDetailsLabel>
-      </ButtonPressAnimation>
-      <Bleed vertical="10px">
-        <Box
-          flexDirection="row"
-          alignItems="center"
-          paddingLeft="4px"
-          paddingRight="8px"
-          paddingVertical="4px"
-          borderRadius={20}
-          style={{
-            borderWidth: 1.5,
-            borderColor: accentColor + '0F',
-            gap: 5,
-          }}
-        >
-          <ChainBadge chainId={ChainId.optimism} position="relative" />
-          <Text align="center" size="14px / 19px (Deprecated)" weight="bold" color={{ custom: accentColor }}>
-            {roundedAmount || '<0.001'} {reward.token.symbol}
-          </Text>
-        </Box>
-      </Bleed>
-    </Box>
-  );
-}
diff --git a/src/components/expanded-state/swap-details/SwapDetailsRow.js b/src/components/expanded-state/swap-details/SwapDetailsRow.js
deleted file mode 100644
index 03734909643..00000000000
--- a/src/components/expanded-state/swap-details/SwapDetailsRow.js
+++ /dev/null
@@ -1,36 +0,0 @@
-import React, { Fragment } from 'react';
-import { ButtonPressAnimation } from '../../animations';
-import { Row } from '../../layout';
-import { Text } from '@/design-system';
-
-export const SwapDetailsLabel = ({ children, color = 'secondary60 (Deprecated)' }) => {
-  return (
-    <Text color={color} size="14px / 19px (Deprecated)" weight="semibold">
-      {children}
-    </Text>
-  );
-};
-
-export const SwapDetailsValue = ({ children, color = 'secondary80 (Deprecated)' }) => {
-  return (
-    <Text color={color} size="14px / 19px (Deprecated)" weight="bold">
-      {children}
-    </Text>
-  );
-};
-
-export default function SwapDetailsRow({ children, label, labelColor, labelPress, valuePress, ...props }) {
-  const LabelWrapper = labelPress ? ButtonPressAnimation : Fragment;
-  const ValueWrapper = valuePress ? ButtonPressAnimation : Fragment;
-
-  return (
-    <Row justify="space-between" {...props}>
-      <LabelWrapper onPress={labelPress}>
-        <SwapDetailsLabel color={labelColor}>{label}</SwapDetailsLabel>
-      </LabelWrapper>
-      <ValueWrapper onPress={valuePress}>
-        <SwapDetailsValue>{children}</SwapDetailsValue>
-      </ValueWrapper>
-    </Row>
-  );
-}
diff --git a/src/components/expanded-state/swap-details/SwapDetailsSlippageMessage.js b/src/components/expanded-state/swap-details/SwapDetailsSlippageMessage.js
deleted file mode 100644
index 135dd07202a..00000000000
--- a/src/components/expanded-state/swap-details/SwapDetailsSlippageMessage.js
+++ /dev/null
@@ -1,71 +0,0 @@
-import lang from 'i18n-js';
-import React from 'react';
-import Divider from '@/components/Divider';
-import { Centered, Column, ColumnWithMargins, Row } from '../../layout';
-import { Emoji, Text } from '../../text';
-import styled from '@/styled-thing';
-import { padding } from '@/styles';
-import { NO_PRICE_DATA_PERCENTAGE } from '@/hooks/usePriceImpactDetails';
-
-const Container = styled(ColumnWithMargins).attrs({
-  align: 'center',
-  margin: 8,
-})(padding.object(30, 42, 24));
-
-const Heading = styled(Text).attrs(({ weight = 'bold' }) => ({
-  size: 'larger',
-  weight,
-}))({});
-
-const Message = styled(Text).attrs(({ theme: { colors } }) => ({
-  align: 'center',
-  color: colors.alpha(colors.blueGreyDark, 0.5),
-  lineHeight: 22,
-  size: 'smedium',
-  weight: 'semibold',
-}))({});
-
-export default function SwapDetailsSlippageMessage({
-  isHighPriceImpact,
-  priceImpactColor,
-  priceImpactNativeAmount,
-  priceImpactPercentDisplay,
-  outputCurrencySymbol,
-  ...props
-}) {
-  const { colors } = useTheme();
-  const headingValue = priceImpactNativeAmount ?? priceImpactPercentDisplay;
-  const hasPriceData = priceImpactPercentDisplay !== NO_PRICE_DATA_PERCENTAGE;
-  const impactMsg = `${outputCurrencySymbol} ${lang.t('exchange.price_impact.no_data')}`;
-  return isHighPriceImpact ? (
-    <Column align="center" {...props}>
-      {hasPriceData ? (
-        <Container>
-          <Row align="center">
-            <Heading color={priceImpactColor} weight="heavy">
-              {lang.t('expanded_state.swap.losing')}{' '}
-            </Heading>
-            <Heading color={priceImpactColor} letterSpacing="roundedTight" weight="heavy">
-              {headingValue}
-            </Heading>
-            <Emoji size="larger"> 🥵</Emoji>
-          </Row>
-          <Message>{lang.t('expanded_state.swap.slippage_message')}</Message>
-        </Container>
-      ) : (
-        <Container>
-          <Row align="center">
-            <Text weight="bold" size="17pt" color={{ custom: priceImpactColor }}>{`􀇿 `}</Text>
-            <Text weight="bold" size="17pt" color="primary (Deprecated)">
-              {impactMsg}
-            </Text>
-          </Row>
-          <Message>{lang.t('exchange.price_impact.no_data_subtitle')}</Message>
-        </Container>
-      )}
-      <Centered width={139}>
-        <Divider color={colors.rowDividerExtraLight} inset={false} />
-      </Centered>
-    </Column>
-  ) : null;
-}
diff --git a/src/components/expanded-state/swap-details/index.js b/src/components/expanded-state/swap-details/index.js
deleted file mode 100644
index 4815af0a17c..00000000000
--- a/src/components/expanded-state/swap-details/index.js
+++ /dev/null
@@ -1,8 +0,0 @@
-export { default as CurrencyTile, CurrencyTileHeight } from './CurrencyTile';
-export { default as SwapDetailsContent, SwapDetailsContentMinHeight } from './SwapDetailsContent';
-export { default as SwapDetailsContractRow } from './SwapDetailsContractRow';
-export { default as SwapDetailsMasthead, SwapDetailsMastheadHeight } from './SwapDetailsMasthead';
-export { default as SwapDetailsPriceRow } from './SwapDetailsPriceRow';
-export { default as SwapDetailsRow, SwapDetailsLabel, SwapDetailsRowHeight, SwapDetailsValue } from './SwapDetailsRow';
-export { default as SwapDetailsSlippageMessage } from './SwapDetailsSlippageMessage';
-export { default as SwapDetailsExchangeRow } from './SwapDetailsExchangeRow';
diff --git a/src/components/expanded-state/swap-settings/InputPill.js b/src/components/expanded-state/swap-settings/InputPill.js
deleted file mode 100644
index 425010d1db7..00000000000
--- a/src/components/expanded-state/swap-settings/InputPill.js
+++ /dev/null
@@ -1,98 +0,0 @@
-import React, { useCallback } from 'react';
-import LinearGradient from 'react-native-linear-gradient';
-import TextInputMask from 'react-native-text-input-mask';
-import { Row } from '../../../components/layout';
-import { Text } from '../../text';
-import styled from '@/styled-thing';
-import { buildTextStyles, margin, padding } from '@/styles';
-
-const ANDROID_EXTRA_LINE_HEIGHT = 8;
-
-const PillGradient = styled(LinearGradient).attrs(({ theme: { colors } }) => ({
-  colors: colors.gradients.lightGreyTransparent,
-  end: { x: 0.5, y: 1 },
-  start: { x: 0, y: 0 },
-}))({
-  borderRadius: 15,
-  height: 40,
-  ...(ios ? { height: 40 } : padding.object(10, 12)),
-  maxWidth: 130,
-  minWidth: 108,
-  ...(android ? { marginHorizontal: 5 } : {}),
-});
-
-const NumberInput = styled(TextInputMask).attrs(({ theme: { colors }, value }) => ({
-  color: !value && colors.alpha(colors.blueGreyDark, 0.4),
-  interval: 1,
-  keyboardAppearance: 'dark',
-  keyboardType: 'decimal-pad',
-  letterSpacing: 'rounded',
-  size: 'lmedium',
-  textAlign: 'left',
-  timing: 'linear',
-  weight: 'heavy',
-  ...(ios && {
-    height: '100%',
-    left: 22,
-    paddingLeft: 28,
-    paddingRight: 72,
-    paddingVertical: 10.5,
-  }),
-}))(props => ({
-  ...buildTextStyles.object(props),
-  ...(android ? padding.object(0, 0, 0, 0) : {}),
-  ...margin.object(android ? -ANDROID_EXTRA_LINE_HEIGHT : 0, 0, android ? -ANDROID_EXTRA_LINE_HEIGHT : 0, 0),
-}));
-
-const Label = styled(Text).attrs(() => ({
-  align: 'center',
-  pointerEvents: 'none',
-  size: 'large',
-  weight: 'heavy',
-}))({
-  ...margin.object(android ? -ANDROID_EXTRA_LINE_HEIGHT : 0, 0, android ? -ANDROID_EXTRA_LINE_HEIGHT : 0, 0),
-  ...(ios ? { right: 40 } : {}),
-  top: android ? -0.5 : 8.5,
-});
-
-function InputPill({ color, label, onChange: onChangeCallback, onFocus, onBlur, testID, value }, ref) {
-  const { colors } = useTheme();
-
-  const onChangeText = useCallback(
-    text => {
-      text = text === '.' || text === ',' ? `0${text}` : text;
-      onChangeCallback(text);
-    },
-    [onChangeCallback]
-  );
-
-  return (
-    <PillGradient>
-      <Row alignSelf="center" marginHorizontal={-40}>
-        <NumberInput
-          allowFontScaling={false}
-          contextMenuHidden
-          mask="[9999]{.}[999]"
-          onBlur={onBlur}
-          onChangeText={onChangeText}
-          onFocus={onFocus}
-          placeholder="0"
-          placeholderTextColor={colors.alpha(colors.blueGreyDark, 0.4)}
-          ref={ref}
-          selectionColor={color}
-          spellCheck={false}
-          style={{ color: colors.dark }}
-          testID={testID}
-          value={value}
-          {...(android &&
-            color && {
-              selectionColor: colors.alpha(color, 0.4),
-            })}
-        />
-        <Label>{label}</Label>
-      </Row>
-    </PillGradient>
-  );
-}
-
-export default React.forwardRef(InputPill);
diff --git a/src/components/expanded-state/swap-settings/MaxToleranceInput.tsx b/src/components/expanded-state/swap-settings/MaxToleranceInput.tsx
deleted file mode 100644
index e803f523096..00000000000
--- a/src/components/expanded-state/swap-settings/MaxToleranceInput.tsx
+++ /dev/null
@@ -1,149 +0,0 @@
-import lang from 'i18n-js';
-import React, { forwardRef, useCallback, useImperativeHandle, useMemo, useRef, useState } from 'react';
-import { Keyboard, TextInput } from 'react-native';
-import { getDefaultSlippageFromConfig } from '../../../screens/ExchangeModal';
-import { ButtonPressAnimation } from '../../animations';
-import { Icon } from '../../icons';
-import StepButtonInput from './StepButtonInput';
-import { AccentColorProvider, Box, Column, Columns, Inline, Stack, Text } from '@/design-system';
-import { add, convertNumberToString, greaterThan } from '@/helpers/utilities';
-import { useMagicAutofocus, useSwapSettings } from '@/hooks';
-import { useNavigation } from '@/navigation';
-import Routes from '@/navigation/routesNames';
-import { colors } from '@/styles';
-import { ChainId } from '@/chains/types';
-
-const convertBipsToPercent = (bips: number) => (bips / 100).toString();
-const convertPercentToBips = (percent: number) => (percent * 100).toString();
-
-const SLIPPAGE_INCREMENT = 0.1;
-
-// eslint-disable-next-line react/display-name
-export const MaxToleranceInput = forwardRef(({ colorForAsset, chainId }: { colorForAsset: string; chainId: ChainId }, ref) => {
-  const { slippageInBips, updateSwapSlippage } = useSwapSettings();
-  const { navigate } = useNavigation();
-
-  const [slippageValue, setSlippageValue] = useState(convertBipsToPercent(slippageInBips));
-
-  const slippageRef = useRef<TextInput | null>(null);
-
-  const { handleFocus } = useMagicAutofocus(slippageRef, undefined, true);
-
-  const { hasPriceImpact, priceImpactColor } = useMemo(() => {
-    const hasPriceImpact = Number(slippageValue) >= 3;
-    const priceImpactColor = hasPriceImpact ? colors.orange : null;
-    return { hasPriceImpact, priceImpactColor };
-  }, [slippageValue]);
-
-  useImperativeHandle(ref, () => ({
-    blur: () => {
-      slippageRef?.current?.blur();
-    },
-    reset: () => {
-      const slippage = getDefaultSlippageFromConfig(chainId) as unknown as number;
-      onSlippageChange(convertBipsToPercent(slippage));
-    },
-  }));
-
-  const updateSlippage = useCallback(
-    (increment: any) => {
-      const newSlippage = add(slippageValue, increment);
-      const newSlippageValue = convertNumberToString(newSlippage);
-      if (greaterThan(0, newSlippageValue)) return;
-
-      // @ts-expect-error TS2345: Argument of type 'string' is not assignable to parameter of type 'number'.
-      updateSwapSlippage(convertPercentToBips(parseFloat(newSlippageValue)));
-      setSlippageValue(newSlippageValue);
-    },
-    [slippageValue, updateSwapSlippage]
-  );
-
-  const addSlippage = useCallback(() => {
-    updateSlippage(SLIPPAGE_INCREMENT);
-  }, [updateSlippage]);
-
-  const minusSlippage = useCallback(() => {
-    updateSlippage(-SLIPPAGE_INCREMENT);
-  }, [updateSlippage]);
-
-  const onSlippageChange = useCallback(
-    (value: any) => {
-      // @ts-expect-error TS2345: Argument of type 'string' is not assignable to parameter of type 'number'.
-      updateSwapSlippage(convertPercentToBips(value));
-      setSlippageValue(value);
-    },
-    [updateSwapSlippage, setSlippageValue]
-  );
-
-  const openSlippageExplainer = () => {
-    Keyboard.dismiss();
-    navigate(Routes.EXPLAIN_SHEET, {
-      type: 'slippage',
-    });
-  };
-
-  return (
-    <Columns alignHorizontal="justify" alignVertical="center">
-      <Column width="content">
-        <Stack space="4px">
-          <Box
-            as={ButtonPressAnimation}
-            marginVertical="-12px"
-            // @ts-ignore overloaded props
-
-            onPress={openSlippageExplainer}
-            paddingVertical="12px"
-            testID="swap-slippage-label"
-            style={{ maxWidth: 200 }}
-          >
-            <Inline alignVertical="center">
-              <Text color="primary (Deprecated)" size="16px / 22px (Deprecated)" weight="bold" numberOfLines={2}>
-                {`${lang.t('exchange.slippage_tolerance')} `}
-                {!hasPriceImpact && (
-                  <Text color="secondary30 (Deprecated)" size="16px / 22px (Deprecated)" weight="bold">
-                    {' 􀅵'}
-                  </Text>
-                )}
-              </Text>
-              {hasPriceImpact && (
-                <Box paddingTop={android ? '2px' : '1px (Deprecated)'}>
-                  <Icon color={priceImpactColor} name="warning" size={18} />
-                </Box>
-              )}
-            </Inline>
-          </Box>
-          {hasPriceImpact && (
-            <Box>
-              <Text color="primary (Deprecated)" size={android ? '12px / 14px (Deprecated)' : '14px / 19px (Deprecated)'}>
-                <AccentColorProvider color={priceImpactColor!}>
-                  <Text color="accent" size={android ? '12px / 14px (Deprecated)' : '14px / 19px (Deprecated)'} weight="bold">
-                    {lang.t('exchange.high')}
-                  </Text>
-                </AccentColorProvider>
-                <Text
-                  color="secondary50 (Deprecated)"
-                  size={android ? '12px / 14px (Deprecated)' : '14px / 19px (Deprecated)'}
-                  weight="bold"
-                >{` · ${lang.t('exchange.price_impact.label')}`}</Text>
-              </Text>
-            </Box>
-          )}
-        </Stack>
-      </Column>
-      <Column width="content">
-        <StepButtonInput
-          buttonColor={colorForAsset}
-          inputLabel="%"
-          inputRef={slippageRef}
-          minusAction={minusSlippage}
-          onBlur={null}
-          onChange={onSlippageChange}
-          onFocus={handleFocus}
-          plusAction={addSlippage}
-          testID="swap-slippage-input"
-          value={slippageValue}
-        />
-      </Column>
-    </Columns>
-  );
-});
diff --git a/src/components/expanded-state/swap-settings/SourcePicker.js b/src/components/expanded-state/swap-settings/SourcePicker.js
deleted file mode 100644
index a357d100991..00000000000
--- a/src/components/expanded-state/swap-settings/SourcePicker.js
+++ /dev/null
@@ -1,140 +0,0 @@
-import lang from 'i18n-js';
-import React, { useCallback } from 'react';
-import { Keyboard } from 'react-native';
-import RainbowExchange from '../../../assets/exchanges/both.png';
-import OneInchExchange from '../../../assets/exchanges/oneinch.png';
-import ZeroXExchange from '../../../assets/exchanges/zerox.png';
-import { ButtonPressAnimation } from '../../animations';
-import { ContextMenuButton } from '../../context-menu';
-import { Box, Column, Columns, Inline, Text } from '@/design-system';
-import { ImgixImage } from '@/components/images';
-import { useNavigation } from '@/navigation';
-import { Source } from '@/raps/references';
-import Routes from '@/navigation/routesNames';
-
-import { showActionSheetWithOptions } from '@/utils';
-
-const sourceMenuItems = () => {
-  return Object.values(Source).map(source => ({
-    actionKey: source,
-    actionTitle: lang.t(`exchange.source.${source}`),
-    icon: {
-      iconType: 'ASSET',
-      iconValue: `${source}`,
-    },
-  }));
-};
-
-const androidSourceMenuItems = () => {
-  return Object.values(Source).reduce((obj, key) => ((obj[key] = lang.t(`exchange.source.${key}`)), obj), {});
-};
-
-export default function SourcePicker({ onSelect, currentSource }) {
-  const { navigate } = useNavigation();
-  const imageSource = useMemo(() => {
-    let source = null;
-    switch (currentSource) {
-      case Source.Aggregator1inch:
-        source = OneInchExchange;
-        break;
-      case Source.Aggregator0x:
-        source = ZeroXExchange;
-        break;
-      default:
-        source = RainbowExchange;
-        break;
-    }
-
-    return source;
-  }, [currentSource]);
-
-  const handleOnPressMenuItem = useCallback(
-    ({ nativeEvent: { actionKey } }) => {
-      onSelect(actionKey);
-    },
-    [onSelect]
-  );
-  const onPressAndroid = useCallback(() => {
-    const menuOptions = Object.values(androidSourceMenuItems());
-    showActionSheetWithOptions(
-      {
-        options: menuOptions,
-        showSeparators: true,
-      },
-      idx => {
-        if (idx !== undefined) {
-          const menuOptionsKeys = Object.keys(androidSourceMenuItems());
-          onSelect(menuOptionsKeys[idx]);
-        }
-      }
-    );
-  }, [onSelect]);
-
-  const openRoutesExplainer = () => {
-    Keyboard.dismiss();
-    navigate(Routes.EXPLAIN_SHEET, {
-      type: 'routeSwaps',
-    });
-  };
-
-  return (
-    <Columns alignHorizontal="justify" alignVertical="center">
-      <Column width="content">
-        <Box
-          as={ButtonPressAnimation}
-          {...(ios ? { marginVertical: '-12px' } : {})}
-          // @ts-expect-error
-          onPress={openRoutesExplainer}
-          paddingVertical="12px"
-          testID="swap-settings-routes-label"
-          style={{ maxWidth: 200 }}
-        >
-          <Text color="primary (Deprecated)" size="16px / 22px (Deprecated)" weight="bold">
-            {lang.t('exchange.source_picker')}
-            <Text color="secondary30 (Deprecated)" size="16px / 22px (Deprecated)" weight="bold">
-              {' 􀅵'}
-            </Text>
-          </Text>
-        </Box>
-      </Column>
-      <Column width="content">
-        <ContextMenuButton
-          menuItems={sourceMenuItems()}
-          menuTitle=""
-          onPressAndroid={onPressAndroid}
-          onPressMenuItem={handleOnPressMenuItem}
-        >
-          <Box
-            background="body (Deprecated)"
-            borderRadius={40}
-            paddingHorizontal="10px"
-            paddingVertical="6px"
-            shadow="21px light (Deprecated)"
-            // shadow clipped on android by ButtonPressAnimation.android.tsx inside <ContextMenuButton>
-          >
-            <Inline alignVertical="center" horizontalSpace="4px">
-              <ImgixImage
-                height={20}
-                source={imageSource}
-                style={{
-                  height: 20,
-                  width: 20,
-                }}
-                width={20}
-                size={30}
-              />
-              <Text
-                color="primary (Deprecated)"
-                size="18px / 27px (Deprecated)"
-                testID={`swap-settings-routes-current-${currentSource}`}
-                weight="bold"
-              >
-                {`${lang.t(`exchange.source.${currentSource}`)} 􀆈`}
-              </Text>
-            </Inline>
-          </Box>
-        </ContextMenuButton>
-      </Column>
-    </Columns>
-  );
-}
diff --git a/src/components/expanded-state/swap-settings/StepButtonInput.js b/src/components/expanded-state/swap-settings/StepButtonInput.js
deleted file mode 100644
index 8e5c200a075..00000000000
--- a/src/components/expanded-state/swap-settings/StepButtonInput.js
+++ /dev/null
@@ -1,145 +0,0 @@
-import React, { useCallback, useEffect, useRef, useState } from 'react';
-import ReactNativeHapticFeedback from 'react-native-haptic-feedback';
-import { ButtonPressAnimation } from '../../animations';
-import { Row } from '../../layout';
-import { Text } from '../../text';
-import InputPill from './InputPill';
-import { delay } from '@/helpers/utilities';
-import { usePrevious } from '@/hooks';
-import styled from '@/styled-thing';
-
-const PLUS_ACTION_TYPE = 'plus';
-const MINUS_ACTION_TYPE = 'minus';
-const LONG_PRESS_DELAY_THRESHOLD = 69;
-const MIN_LONG_PRESS_DELAY_THRESHOLD = 200;
-
-const Wrapper = styled(Row)({});
-
-const StepButtonWrapper = styled(ButtonPressAnimation).attrs(() => ({
-  paddingHorizontal: 7,
-  scaleTo: 0.75,
-}))({});
-
-const StepButtonText = styled(Text).attrs(({ theme: { colors }, color }) => ({
-  color: color || colors.appleBlue,
-  lineHeight: 40,
-  size: 'lmedium',
-  weight: 'heavy',
-}))({});
-
-const StepButton = ({ type, onLongPress, onLongPressEnded, onPress, shouldLongPressHoldPress, buttonColor }) => {
-  return (
-    <StepButtonWrapper
-      minLongPressDuration={MIN_LONG_PRESS_DELAY_THRESHOLD}
-      onLongPress={onLongPress}
-      onLongPressEnded={onLongPressEnded}
-      onPress={onPress}
-      shouldLongPressHoldPress={shouldLongPressHoldPress}
-      useLateHaptic={false}
-    >
-      <StepButtonText color={buttonColor}>{type === 'plus' ? '􀁍' : '􀁏'}</StepButtonText>
-    </StepButtonWrapper>
-  );
-};
-
-export default function StepButtonInput({
-  value,
-  inputLabel,
-  plusAction,
-  minusAction,
-  onBlur,
-  onChange,
-  onFocus,
-  buttonColor,
-  testID,
-  inputRef,
-}) {
-  const longPressHandle = useRef(null);
-  const [trigger, setTrigger] = useState(false);
-  const [actionType, setActionType] = useState(null);
-  const prevTrigger = usePrevious(trigger);
-
-  const onMinusPress = useCallback(() => {
-    longPressHandle.current = false;
-    minusAction();
-  }, [minusAction]);
-
-  const onPlusPress = useCallback(() => {
-    longPressHandle.current = false;
-    plusAction();
-  }, [plusAction]);
-
-  const onLongPressEnded = useCallback(() => {
-    longPressHandle.current = false;
-    setActionType(null);
-  }, [longPressHandle]);
-
-  const onLongPressLoop = useCallback(async () => {
-    setTrigger(true);
-    setTrigger(false);
-    await delay(LONG_PRESS_DELAY_THRESHOLD);
-    longPressHandle.current && onLongPressLoop();
-  }, []);
-
-  const onLongPress = useCallback(async () => {
-    longPressHandle.current = true;
-    onLongPressLoop();
-  }, [onLongPressLoop]);
-
-  const onPlusLongPress = useCallback(() => {
-    setActionType(PLUS_ACTION_TYPE);
-    onLongPress();
-  }, [onLongPress]);
-
-  const onMinusLongPress = useCallback(() => {
-    setActionType(MINUS_ACTION_TYPE);
-    onLongPress();
-  }, [onLongPress]);
-
-  useEffect(() => {
-    if (!prevTrigger && trigger) {
-      if (actionType === PLUS_ACTION_TYPE) {
-        plusAction();
-        if (!android) {
-          ReactNativeHapticFeedback.trigger('selection');
-        }
-      } else if (actionType === MINUS_ACTION_TYPE) {
-        minusAction();
-        if (!android) {
-          ReactNativeHapticFeedback.trigger('selection');
-        }
-      }
-    }
-  }, [trigger, prevTrigger, actionType, plusAction, minusAction]);
-
-  return (
-    <Wrapper>
-      <StepButton
-        buttonColor={buttonColor}
-        onLongPress={onMinusLongPress}
-        onLongPressEnded={onLongPressEnded}
-        onPress={onMinusPress}
-        shouldLongPressHoldPress
-        type={MINUS_ACTION_TYPE}
-      />
-      <InputPill
-        color={buttonColor}
-        label={inputLabel}
-        onBlur={onBlur}
-        onChange={onChange}
-        onFocus={onFocus}
-        ref={inputRef}
-        testID={`${testID}-${value}`}
-        value={value}
-      />
-      <StepButton
-        buttonColor={buttonColor}
-        onLongPress={onPlusLongPress}
-        onLongPressEnded={onLongPressEnded}
-        onPress={onPlusPress}
-        shouldLongPressHoldPress
-        type={PLUS_ACTION_TYPE}
-      />
-    </Wrapper>
-  );
-}
diff --git a/src/components/expanded-state/swap-settings/SwapSettingsState.js b/src/components/expanded-state/swap-settings/SwapSettingsState.js
deleted file mode 100644
index 7432ebece10..00000000000
--- a/src/components/expanded-state/swap-settings/SwapSettingsState.js
+++ /dev/null
@@ -1,201 +0,0 @@
-import { useIsFocused, useRoute } from '@react-navigation/native';
-import lang from 'i18n-js';
-import React, { useCallback, useEffect, useRef } from 'react';
-import { Keyboard } from 'react-native';
-import { Switch } from 'react-native-gesture-handler';
-import { useDispatch } from 'react-redux';
-import { ButtonPressAnimation } from '../../animations';
-import { ExchangeHeader } from '../../exchange';
-import { FloatingPanel } from '../../floating-panels';
-import { SlackSheet } from '../../sheet';
-import { MaxToleranceInput } from './MaxToleranceInput';
-import SourcePicker from './SourcePicker';
-
-import { Box, ColorModeProvider, Column, Columns, Inset, Stack, Text } from '@/design-system';
-
-import { useAccountSettings, useColorForAsset, useKeyboardHeight, useSwapSettings } from '@/hooks';
-import { useNavigation } from '@/navigation';
-import { Source } from '@/raps/references';
-import Routes from '@/navigation/routesNames';
-import { deviceUtils } from '@/utils';
-import { IS_ANDROID } from '@/env';
-const MAX_TEXT_WIDTH = 210;
-
-function useAndroidDisableGesturesOnFocus() {
-  const { params } = useRoute();
-  const isFocused = useIsFocused();
-  useEffect(() => {
-    android && params?.toggleGestureEnabled?.(!isFocused);
-  }, [isFocused, params]);
-}
-
-export default function SwapSettingsState({ asset }) {
-  const { flashbotsEnabled, settingsChangeFlashbotsEnabled } = useAccountSettings();
-  const {
-    params: { swapSupportsFlashbots = false, chainId },
-  } = useRoute();
-  const { colors } = useTheme();
-  const { setParams, goBack } = useNavigation();
-  const dispatch = useDispatch();
-  const keyboardHeight = useKeyboardHeight();
-  const slippageRef = useRef(null);
-  const { updateSwapSource, source } = useSwapSettings();
-  const isFocused = useIsFocused();
-  const { navigate } = useNavigation();
-  const keyboardShowListener = useRef(null);
-  const keyboardHideListener = useRef(null);
-  useAndroidDisableGesturesOnFocus();
-
-  const handleKeyboardDidHide = useCallback(() => {
-    if (isFocused) {
-      goBack();
-    }
-  }, [goBack, isFocused]);
-  const handleKeyboardDidShow = useCallback(() => {
-    if (!isFocused) {
-      Keyboard.dismiss();
-    }
-  }, [isFocused]);
-  const toggleFlashbotsEnabled = useCallback(async () => {
-    await dispatch(settingsChangeFlashbotsEnabled(!flashbotsEnabled));
-  }, [dispatch, flashbotsEnabled, settingsChangeFlashbotsEnabled]);
-
-  useEffect(() => {
-    if (IS_ANDROID) {
-      keyboardShowListener.current = Keyboard.addListener('keyboardDidShow', handleKeyboardDidShow);
-      keyboardHideListener.current = Keyboard.addListener('keyboardDidHide', handleKeyboardDidHide);
-    }
-    return () => {
-      keyboardShowListener.current?.remove();
-      keyboardHideListener.current?.remove();
-    };
-  }, [handleKeyboardDidHide, handleKeyboardDidShow]);
-
-  const colorForAsset = useColorForAsset(asset || {}, null, false, true);
-
-  const [currentSource, setCurrentSource] = useState(source);
-  const updateSource = useCallback(
-    newSource => {
-      setCurrentSource(newSource);
-      updateSwapSource(newSource);
-    },
-    [updateSwapSource]
-  );
-
-  const sheetHeightWithoutKeyboard = (android ? 275 : 245) + (swapSupportsFlashbots ? 55 : 0);
-
-  const sheetHeightWithKeyboard = sheetHeightWithoutKeyboard + keyboardHeight + (deviceUtils.isSmallPhone ? 30 : 0);
-
-  useEffect(() => {
-    setParams({ longFormHeight: sheetHeightWithKeyboard });
-  }, [sheetHeightWithKeyboard, setParams]);
-
-  const resetToDefaults = useCallback(() => {
-    slippageRef?.current?.reset();
-    settingsChangeFlashbotsEnabled(false);
-    updateSource(Source.AggregatorRainbow);
-  }, [settingsChangeFlashbotsEnabled, updateSource]);
-
-  const openFlashbotsExplainer = () => {
-    Keyboard.dismiss();
-    navigate(Routes.EXPLAIN_SHEET, {
-      type: 'flashbots',
-    });
-  };
-
-  return (
-    <SlackSheet
-      additionalTopPadding
-      backgroundColor={colors.transparent}
-      contentHeight={sheetHeightWithKeyboard}
-      hideHandle
-      radius={0}
-      scrollEnabled={false}
-      testID="swap-settings-state"
-    >
-      <FloatingPanel borderRadius={android ? 30 : 39} testID="swap-settings">
-        <ExchangeHeader testID="swap-settings" />
-        <Inset bottom="24px" horizontal="24px" top="10px">
-          <Stack space="24px">
-            <Text align="center" color="primary (Deprecated)" size="18px / 27px (Deprecated)" weight="bold">
-              {lang.t('exchange.settings')}
-            </Text>
-            <SourcePicker currentSource={currentSource} onSelect={updateSource} />
-            {swapSupportsFlashbots && (
-              <Columns alignHorizontal="justify" alignVertical="center">
-                <Column width="content">
-                  <Box
-                    as={ButtonPressAnimation}
-                    testID="swap-settings-flashbots-label"
-                    {...(ios ? { marginVertical: '-12px' } : {})}
-                    // @ts-expect-error
-                    onPress={openFlashbotsExplainer}
-                    paddingVertical="12px"
-                    style={{ maxWidth: MAX_TEXT_WIDTH }}
-                  >
-                    <Text color="primary (Deprecated)" size="16px / 22px (Deprecated)" weight="bold" numberOfLines={2}>
-                      {lang.t('exchange.use_flashbots')}
-                      <Text color="secondary30 (Deprecated)" size="16px / 22px (Deprecated)" weight="bold">
-                        {' 􀅵'}
-                      </Text>
-                    </Text>
-                  </Box>
-                </Column>
-                <Column width="content">
-                  <Switch
-                    onValueChange={toggleFlashbotsEnabled}
-                    testID={`swap-settings-flashbots-switch-${flashbotsEnabled}`}
-                    trackColor={{ false: '#767577', true: colorForAsset }}
-                    value={flashbotsEnabled}
-                  />
-                </Column>
-              </Columns>
-            )}
-            <MaxToleranceInput colorForAsset={colorForAsset} chainId={chainId} ref={slippageRef} />
-          </Stack>
-        </Inset>
-      </FloatingPanel>
-      <ColorModeProvider value="dark">
-        <Inset horizontal="24px" top="24px">
-          <Columns alignHorizontal="justify">
-            <Column width="content">
-              <ButtonPressAnimation onPress={resetToDefaults} testID="swap-settings-defaults-button">
-                <Box
-                  borderRadius={20}
-                  style={{
-                    borderColor: colorForAsset,
-                    borderWidth: 2,
-                    maxWidth: 200,
-                  }}
-                >
-                  <Inset space="8px" top={{ custom: android ? 6 : 8 }}>
-                    <Text color="primary (Deprecated)" size="16px / 22px (Deprecated)" weight="bold" numberOfLines={1}>
-                      {lang.t('exchange.use_defaults')}
-                    </Text>
-                  </Inset>
-                </Box>
-              </ButtonPressAnimation>
-            </Column>
-            <Column width="content">
-              <ButtonPressAnimation
-                onPress={() => {
-                  ios && slippageRef?.current?.blur();
-                  goBack();
-                }}
-                style={{ maxWidth: 130 }}
-              >
-                <Box borderRadius={20} style={{ borderColor: colorForAsset, borderWidth: 2 }}>
-                  <Inset space="8px" top={{ custom: android ? 6 : 8 }}>
-                    <Text color="primary (Deprecated)" size="16px / 22px (Deprecated)" weight="bold" numberOfLines={1}>
-                      {lang.t('exchange.done')}
-                    </Text>
-                  </Inset>
-                </Box>
-              </ButtonPressAnimation>
-            </Column>
-          </Columns>
-        </Inset>
-      </ColorModeProvider>
-    </SlackSheet>
-  );
-}
diff --git a/src/components/fab/ExchangeFab.js b/src/components/fab/ExchangeFab.js
deleted file mode 100644
index 744d69c8f31..00000000000
--- a/src/components/fab/ExchangeFab.js
+++ /dev/null
@@ -1,69 +0,0 @@
-import lang from 'i18n-js';
-import React, { useCallback } from 'react';
-import { delayNext } from '../../hooks/useMagicAutofocus';
-import { useNavigation } from '../../navigation/Navigation';
-import { lightModeThemeColors } from '../../styles/colors';
-import { Text } from '../text';
-import FloatingActionButton from './FloatingActionButton';
-import { enableActionsOnReadOnlyWallet } from '@/config/debug';
-import { CurrencySelectionTypes, ExchangeModalTypes } from '@/helpers';
-import { useSwapCurrencyHandlers } from '@/hooks';
-import Routes from '@/navigation/routesNames';
-import styled from '@/styled-thing';
-import { magicMemo, watchingAlert } from '@/utils';
-
-const FabShadow = [
-  [0, 10, 30, lightModeThemeColors.shadow, 0.8],
-  [0, 5, 15, lightModeThemeColors.swapPurple, 1],
-];
-
-const FabIcon = styled(Text).attrs(({ theme: { colors } }) => ({
-  align: 'center',
-  color: colors.whiteLabel,
-  letterSpacing: 'zero',
-  size: 24,
-  weight: 'semibold',
-}))({});
-
-const ExchangeFab = ({ disabled, isReadOnlyWallet, ...props }) => {
-  const { navigate } = useNavigation();
-  const { colors } = useTheme();
-
-  const { updateInputCurrency } = useSwapCurrencyHandlers({
-    shouldUpdate: false,
-    type: ExchangeModalTypes.swap,
-  });
-
-  const handlePress = useCallback(() => {
-    if (!isReadOnlyWallet || enableActionsOnReadOnlyWallet) {
-      android && delayNext();
-      navigate(Routes.EXCHANGE_MODAL, {
-        fromDiscover: true,
-        params: {
-          fromDiscover: true,
-          onSelectCurrency: updateInputCurrency,
-          title: lang.t('swap.modal_types.swap'),
-          type: CurrencySelectionTypes.input,
-        },
-        screen: Routes.CURRENCY_SELECT_SCREEN,
-      });
-    } else {
-      watchingAlert();
-    }
-  }, [isReadOnlyWallet, navigate, updateInputCurrency]);
-
-  return (
-    <FloatingActionButton
-      {...props}
-      backgroundColor={colors.swapPurple}
-      disabled={disabled}
-      onPress={handlePress}
-      shadows={FabShadow}
-      testID="swap-button"
-    >
-      <FabIcon>􀖅</FabIcon>
-    </FloatingActionButton>
-  );
-};
-
-export default magicMemo(ExchangeFab, ['disabled', 'isReadOnlyWallet']);
diff --git a/src/components/sheet/sheet-action-buttons/SwapActionButton.tsx b/src/components/sheet/sheet-action-buttons/SwapActionButton.tsx
index ac86628dcea..3d534f6ab56 100644
--- a/src/components/sheet/sheet-action-buttons/SwapActionButton.tsx
+++ b/src/components/sheet/sheet-action-buttons/SwapActionButton.tsx
@@ -1,13 +1,12 @@
 import lang from 'i18n-js';
 import React, { useCallback } from 'react';
 import SheetActionButton from './SheetActionButton';
-import { useExpandedStateNavigation, useSwapCurrencyHandlers, useWallets } from '@/hooks';
+import { useWallets } from '@/hooks';
 import Routes from '@/navigation/routesNames';
 import { useTheme } from '@/theme';
 import { RainbowToken } from '@/entities';
-import { useRemoteConfig } from '@/model/remoteConfig';
 import { useNavigation } from '@/navigation';
-import { SWAPS_V2, useExperimentalFlag, enableActionsOnReadOnlyWallet } from '@/config';
+import { enableActionsOnReadOnlyWallet } from '@/config';
 import { ethereumUtils, watchingAlert } from '@/utils';
 import { userAssetsStore } from '@/state/assets/userAssets';
 import { isSameAsset, parseSearchAsset } from '@/__swaps__/utils/assets';
@@ -15,7 +14,6 @@ import assetInputTypes from '@/helpers/assetInputTypes';
 import { swapsStore } from '@/state/swaps/swapsStore';
 import { InteractionManager } from 'react-native';
 import { AddressOrEth, AssetType, ParsedSearchAsset } from '@/__swaps__/types/assets';
-import exchangeModalTypes from '@/helpers/exchangeModalTypes';
 import { chainsIdByName, chainsName } from '@/chains';
 
 type SwapActionButtonProps = {
@@ -23,147 +21,111 @@ type SwapActionButtonProps = {
   color: string;
   inputType: 'in' | 'out';
   label?: string;
-  fromDiscover?: boolean;
   weight?: string;
 };
 
-function SwapActionButton({ asset, color: givenColor, inputType, label, fromDiscover, weight = 'heavy', ...props }: SwapActionButtonProps) {
+function SwapActionButton({ asset, color: givenColor, inputType, label, weight = 'heavy', ...props }: SwapActionButtonProps) {
   const { colors } = useTheme();
-  const { swaps_v2 } = useRemoteConfig();
   const { navigate } = useNavigation();
-  const swapsV2Enabled = useExperimentalFlag(SWAPS_V2);
   const { isReadOnlyWallet } = useWallets();
 
   const color = givenColor || colors.swapPurple;
 
-  useSwapCurrencyHandlers({
-    defaultInputAsset: inputType === assetInputTypes.in ? asset : null,
-    defaultOutputAsset: inputType === assetInputTypes.out ? asset : null,
-    shouldUpdate: true,
-    type: exchangeModalTypes.swap,
-  });
-
-  const old_navigate = useExpandedStateNavigation(inputType, fromDiscover, asset);
   const goToSwap = useCallback(async () => {
-    if (swapsV2Enabled || swaps_v2) {
-      if (isReadOnlyWallet && !enableActionsOnReadOnlyWallet) {
-        watchingAlert();
-        return;
-      }
-
-      const chainId = chainsIdByName[asset.network];
-      const uniqueId = `${asset.address}_${chainId}`;
-      const userAsset = userAssetsStore.getState().userAssets.get(uniqueId);
+    if (isReadOnlyWallet && !enableActionsOnReadOnlyWallet) {
+      watchingAlert();
+      return;
+    }
 
-      const parsedAsset = parseSearchAsset({
-        assetWithPrice: {
-          ...asset,
-          uniqueId,
-          address: asset.address as AddressOrEth,
-          type: asset.type as AssetType,
-          chainId,
-          chainName: chainsName[chainId],
-          isNativeAsset: false,
-          native: {},
-        },
-        searchAsset: {
-          ...asset,
-          uniqueId,
-          chainId,
-          chainName: chainsName[chainId],
-          address: asset.address as AddressOrEth,
-          highLiquidity: asset.highLiquidity ?? false,
-          isRainbowCurated: asset.isRainbowCurated ?? false,
-          isVerified: asset.isVerified ?? false,
-          mainnetAddress: (asset.mainnet_address ?? '') as AddressOrEth,
-          networks: asset.networks ?? [],
-          type: asset.type as AssetType,
-        },
-        userAsset,
-      });
+    const chainId = chainsIdByName[asset.network];
+    const uniqueId = `${asset.address}_${chainId}`;
+    const userAsset = userAssetsStore.getState().userAssets.get(uniqueId);
+
+    const parsedAsset = parseSearchAsset({
+      assetWithPrice: {
+        ...asset,
+        uniqueId,
+        address: asset.address as AddressOrEth,
+        type: asset.type as AssetType,
+        chainId,
+        chainName: chainsName[chainId],
+        isNativeAsset: false,
+        native: {},
+      },
+      searchAsset: {
+        ...asset,
+        uniqueId,
+        chainId,
+        chainName: chainsName[chainId],
+        address: asset.address as AddressOrEth,
+        highLiquidity: asset.highLiquidity ?? false,
+        isRainbowCurated: asset.isRainbowCurated ?? false,
+        isVerified: asset.isVerified ?? false,
+        mainnetAddress: (asset.mainnet_address ?? '') as AddressOrEth,
+        networks: asset.networks ?? [],
+        type: asset.type as AssetType,
+      },
+      userAsset,
+    });
 
-      if (inputType === assetInputTypes.in) {
-        swapsStore.setState({ inputAsset: userAsset || parsedAsset });
+    if (inputType === assetInputTypes.in) {
+      swapsStore.setState({ inputAsset: userAsset || parsedAsset });
 
-        const nativeAssetForChain = await ethereumUtils.getNativeAssetForNetwork({ chainId });
-        if (nativeAssetForChain && !isSameAsset({ address: nativeAssetForChain.address as AddressOrEth, chainId }, parsedAsset)) {
-          const userOutputAsset = userAssetsStore.getState().getUserAsset(`${nativeAssetForChain.address}_${chainId}`);
+      const nativeAssetForChain = await ethereumUtils.getNativeAssetForNetwork({ chainId });
+      if (nativeAssetForChain && !isSameAsset({ address: nativeAssetForChain.address as AddressOrEth, chainId }, parsedAsset)) {
+        const userOutputAsset = userAssetsStore.getState().getUserAsset(`${nativeAssetForChain.address}_${chainId}`);
 
-          if (userOutputAsset) {
-            swapsStore.setState({ outputAsset: userOutputAsset });
-          } else {
-            const outputAsset = {
-              ...nativeAssetForChain,
-              uniqueId: `${nativeAssetForChain.address}_${chainId}`,
-              chainId,
-              chainName: chainsName[chainId],
-              address: nativeAssetForChain.address as AddressOrEth,
-              type: nativeAssetForChain.type as AssetType,
-              mainnetAddress: nativeAssetForChain.mainnet_address as AddressOrEth,
-              networks: nativeAssetForChain.networks,
-              colors: {
-                primary: nativeAssetForChain.colors?.primary,
-                fallback: nativeAssetForChain.colors?.fallback || undefined, // Ensure fallback is either string or undefined
-              },
-              highLiquidity: nativeAssetForChain.highLiquidity ?? false,
-              isRainbowCurated: nativeAssetForChain.isRainbowCurated ?? false,
-              isVerified: nativeAssetForChain.isVerified ?? false,
-              native: {} as ParsedSearchAsset['native'],
-              balance: {
-                amount: nativeAssetForChain.balance?.amount ?? '0',
-                display: nativeAssetForChain.balance?.display ?? '0',
-              },
-              isNativeAsset: true,
-              price: {
-                value: nativeAssetForChain.price?.value ?? 0,
-                relative_change_24h: nativeAssetForChain.price?.relative_change_24h ?? 0,
-              },
-            } satisfies ParsedSearchAsset;
+        if (userOutputAsset) {
+          swapsStore.setState({ outputAsset: userOutputAsset });
+        } else {
+          const outputAsset = {
+            ...nativeAssetForChain,
+            uniqueId: `${nativeAssetForChain.address}_${chainId}`,
+            chainId,
+            chainName: chainsName[chainId],
+            address: nativeAssetForChain.address as AddressOrEth,
+            type: nativeAssetForChain.type as AssetType,
+            mainnetAddress: nativeAssetForChain.mainnet_address as AddressOrEth,
+            networks: nativeAssetForChain.networks,
+            colors: {
+              primary: nativeAssetForChain.colors?.primary,
+              fallback: nativeAssetForChain.colors?.fallback || undefined, // Ensure fallback is either string or undefined
+            },
+            highLiquidity: nativeAssetForChain.highLiquidity ?? false,
+            isRainbowCurated: nativeAssetForChain.isRainbowCurated ?? false,
+            isVerified: nativeAssetForChain.isVerified ?? false,
+            native: {} as ParsedSearchAsset['native'],
+            balance: {
+              amount: nativeAssetForChain.balance?.amount ?? '0',
+              display: nativeAssetForChain.balance?.display ?? '0',
+            },
+            isNativeAsset: true,
+            price: {
+              value: nativeAssetForChain.price?.value ?? 0,
+              relative_change_24h: nativeAssetForChain.price?.relative_change_24h ?? 0,
+            },
+          } satisfies ParsedSearchAsset;
 
-            swapsStore.setState({ outputAsset });
-          }
+          swapsStore.setState({ outputAsset });
         }
+      }
+    } else {
+      const largestBalanceSameChainUserAsset = userAssetsStore
+        .getState()
+        .getUserAssets()
+        .find(userAsset => userAsset.chainId === chainId && userAsset.address !== asset.address);
+      if (largestBalanceSameChainUserAsset) {
+        swapsStore.setState({ inputAsset: largestBalanceSameChainUserAsset });
       } else {
-        const largestBalanceSameChainUserAsset = userAssetsStore
-          .getState()
-          .getUserAssets()
-          .find(userAsset => userAsset.chainId === chainId && userAsset.address !== asset.address);
-        if (largestBalanceSameChainUserAsset) {
-          swapsStore.setState({ inputAsset: largestBalanceSameChainUserAsset });
-        } else {
-          swapsStore.setState({ inputAsset: null });
-        }
-        swapsStore.setState({ outputAsset: parsedAsset });
+        swapsStore.setState({ inputAsset: null });
       }
-
-      InteractionManager.runAfterInteractions(() => {
-        navigate(Routes.SWAP);
-      });
-
-      return;
+      swapsStore.setState({ outputAsset: parsedAsset });
     }
 
-    old_navigate(Routes.EXCHANGE_MODAL, (params: any) => {
-      if (params.outputAsset) {
-        return {
-          params: {
-            defaultOutputAsset: asset,
-            params: {
-              outputAsset: asset,
-            },
-          },
-          screen: Routes.MAIN_EXCHANGE_SCREEN,
-        };
-      } else {
-        return {
-          params: {
-            defaultInputAsset: asset,
-          },
-          screen: Routes.MAIN_EXCHANGE_SCREEN,
-        };
-      }
+    InteractionManager.runAfterInteractions(() => {
+      navigate(Routes.SWAP);
     });
-  }, [asset, inputType, isReadOnlyWallet, navigate, old_navigate, swapsV2Enabled, swaps_v2]);
+  }, [asset, inputType, isReadOnlyWallet, navigate]);
 
   return (
     <SheetActionButton
diff --git a/src/config/experimental.ts b/src/config/experimental.ts
index 6aa5824dbdb..65dfec5e55c 100644
--- a/src/config/experimental.ts
+++ b/src/config/experimental.ts
@@ -24,7 +24,6 @@ export const POINTS = 'Points';
 export const REMOTE_PROMO_SHEETS = 'RemotePromoSheets';
 export const REMOTE_CARDS = 'RemoteCards';
 export const POINTS_NOTIFICATIONS_TOGGLE = 'PointsNotificationsToggle';
-export const SWAPS_V2 = 'SwapsV2';
 export const DAPP_BROWSER = 'Dapp Browser';
 export const ETH_REWARDS = 'ETH Rewards';
 export const DEGEN_MODE = 'Degen Mode';
@@ -64,7 +63,6 @@ export const defaultConfig: Record<string, ExperimentalValue> = {
   [REMOTE_CARDS]: { settings: true, value: false },
   [POINTS_NOTIFICATIONS_TOGGLE]: { settings: true, value: false },
   [DAPP_BROWSER]: { settings: true, value: !!IS_TEST },
-  [SWAPS_V2]: { settings: true, value: !!IS_TEST },
   [ETH_REWARDS]: { settings: true, value: false },
   [DEGEN_MODE]: { settings: true, value: false },
   [FEATURED_RESULTS]: { settings: true, value: false },
diff --git a/src/screens/transaction-details/helpers/checkForPendingSwap.ts b/src/helpers/checkForPendingSwap.ts
similarity index 100%
rename from src/screens/transaction-details/helpers/checkForPendingSwap.ts
rename to src/helpers/checkForPendingSwap.ts
diff --git a/src/helpers/index.ts b/src/helpers/index.ts
index 4a38d19659d..e2a62a7b9da 100644
--- a/src/helpers/index.ts
+++ b/src/helpers/index.ts
@@ -2,7 +2,6 @@ import * as StatusBarHelper from './statusBarHelper';
 
 export { default as BiometryTypes } from './biometryTypes';
 export { default as CurrencySelectionTypes } from './currencySelectionTypes';
-export { default as ExchangeModalTypes } from './exchangeModalTypes';
 export { default as isKeyboardOpen } from './isKeyboardOpen';
 export { default as isReanimatedAvailable } from './isReanimatedAvailable';
 export { default as TokenSectionTypes } from './tokenSectionTypes';
diff --git a/src/hooks/index.ts b/src/hooks/index.ts
index f550c40c845..16a1f0073c5 100644
--- a/src/hooks/index.ts
+++ b/src/hooks/index.ts
@@ -18,8 +18,7 @@ export { default as useCoinListEditOptions, useCoinListFinishEditingOptions } fr
 export { default as useCollectible } from './useCollectible';
 export { default as useColorForAsset } from './useColorForAsset';
 export { default as useContacts } from './useContacts';
-// @ts-expect-error ts-migrate(1205) FIXME: Re-exporting a type when the '--isolatedModules' f... Remove this comment to see the full error message
-export { default as useDimensions, DeviceDimensions } from './useDimensions';
+export { default as useDimensions, type DeviceDimensions } from './useDimensions';
 export { default as useDeleteWallet } from './useDeleteWallet';
 export { default as useEffectDebugger } from './useEffectDebugger';
 export { default as useENSLocalTransactions } from './useENSLocalTransactions';
@@ -82,18 +81,7 @@ export { default as useSendableUniqueTokens } from './useSendableUniqueTokens';
 export { default as useSendFeedback } from './useSendFeedback';
 export { default as useShakeAnimation } from './useShakeAnimation';
 export { default as useShowcaseTokens } from './useShowcaseTokens';
-export { default as usePriceImpactDetails } from './usePriceImpactDetails';
 export { default as useStepper } from './useStepper';
-export { default as useSwapAdjustedAmounts } from './useSwapAdjustedAmounts';
-export { default as useSwapCurrencies } from './useSwapCurrencies';
-export { default as useSwapCurrencyHandlers } from './useSwapCurrencyHandlers';
-export { default as useSwapInputRefs } from './useSwapInputRefs';
-export { default as useSwapInputHandlers } from './useSwapInputHandlers';
-export { default as useSwapIsSufficientBalance } from './useSwapIsSufficientBalance';
-export { default as useSwapSettings } from './useSwapSettings';
-export { default as useSwapDerivedOutputs } from './useSwapDerivedOutputs';
-export { default as useSwapDerivedValues } from './useSwapDerivedValues';
-export { default as useSwapRefuel } from './useSwapRefuel';
 export { default as useSwitchWallet } from './useSwitchWallet';
 export { default as useTimeout } from './useTimeout';
 export { default as useTransactionConfirmation } from './useTransactionConfirmation';
@@ -113,14 +101,10 @@ export { default as useOnAvatarPress } from './useOnAvatarPress';
 export { default as useAdditionalAssetData } from './useAdditionalAssetData';
 export { default as useImportingWallet } from './useImportingWallet';
 export { default as usePersistentAspectRatio } from './usePersistentAspectRatio';
-export { default as useFeesPanelInputRefs } from './useFeesPanelInputRefs';
 export { default as useHardwareBack, useHardwareBackOnFocus } from './useHardwareBack';
-export { default as useSwapCurrencyList } from './useSwapCurrencyList';
-export { default as useSearchCurrencyList } from './useSearchCurrencyList';
 export { default as useWalletENSAvatar } from './useWalletENSAvatar';
 export { default as useImagePicker } from './useImagePicker';
 export { default as useLatestCallback } from './useLatestCallback';
 export { default as useHiddenTokens } from './useHiddenTokens';
-export { useSwappableUserAssets } from './useSwappableUserAssets';
 export { useAccountAccentColor } from './useAccountAccentColor';
 export { useDebounce } from './useDebounce';
diff --git a/src/hooks/useFeesPanelInputRefs.ts b/src/hooks/useFeesPanelInputRefs.ts
deleted file mode 100644
index 1a11b3ebc58..00000000000
--- a/src/hooks/useFeesPanelInputRefs.ts
+++ /dev/null
@@ -1,42 +0,0 @@
-import { useCallback, useRef } from 'react';
-import { TextInput } from 'react-native';
-import useMagicAutofocus from './useMagicAutofocus';
-
-export default function useFeesPanelInputRefs() {
-  const maxBaseFieldRef = useRef<TextInput | null>(null);
-  const minerTipFieldRef = useRef<TextInput | null>(null);
-
-  const findNextInput = useCallback((currentFocusedInputHandle: any) => {
-    const maxBaseInputRefHandle = maxBaseFieldRef.current;
-    const minerTipInputRefHandle = minerTipFieldRef.current;
-
-    const lastFocusedIsMaxBaseType = currentFocusedInputHandle?.current === maxBaseInputRefHandle;
-
-    const lastFocusedIsMinerTipType = currentFocusedInputHandle?.current === minerTipInputRefHandle;
-
-    if (lastFocusedIsMaxBaseType) {
-      return maxBaseInputRefHandle;
-    }
-
-    if (lastFocusedIsMinerTipType) {
-      return minerTipInputRefHandle;
-    }
-
-    return currentFocusedInputHandle.current;
-  }, []);
-
-  const { handleFocus, lastFocusedInputHandle, setLastFocusedInputHandle, triggerFocus } = useMagicAutofocus(
-    maxBaseFieldRef,
-    findNextInput,
-    false
-  );
-
-  return {
-    handleFocus,
-    lastFocusedInputHandle,
-    maxBaseFieldRef,
-    minerTipFieldRef,
-    setLastFocusedInputHandle,
-    triggerFocus,
-  };
-}
diff --git a/src/hooks/useParamsForExchangeModal.ts b/src/hooks/useParamsForExchangeModal.ts
deleted file mode 100644
index d332490f8b6..00000000000
--- a/src/hooks/useParamsForExchangeModal.ts
+++ /dev/null
@@ -1,79 +0,0 @@
-import { SwapModalField, updateSwapSlippage, updateSwapSource } from '@/redux/swap';
-import { MutableRefObject, useEffect, useState } from 'react';
-import { useSwapInputHandlers } from '@/hooks/index';
-import { SwapMetadata } from '@/raps/references';
-import { useDispatch } from 'react-redux';
-import { useRoute } from '@react-navigation/native';
-import { TextInput } from 'react-native';
-import { disable, enable } from '@/hooks/useMagicAutofocus';
-
-// I know this is a bit of dancing with keyboard, sorry!
-// Feel free to do it better, I can't.
-
-export default function ({
-  inputFieldRef,
-  outputFieldRef,
-  nativeFieldRef,
-}: {
-  inputFieldRef: MutableRefObject<TextInput | null>;
-  outputFieldRef: MutableRefObject<TextInput | null>;
-  nativeFieldRef: MutableRefObject<TextInput | null>;
-}) {
-  const {
-    params: { meta },
-  } = useRoute<{
-    key: string;
-    name: string;
-    params: { meta?: SwapMetadata };
-  }>();
-  const dispatch = useDispatch();
-
-  const { updateInputAmount, updateNativeAmount, updateOutputAmount } = useSwapInputHandlers();
-
-  const [isFillingParams, setIsFillingParams] = useState(false);
-
-  useEffect(() => {
-    if (meta) {
-      android && disable();
-      setIsFillingParams(true);
-      if (meta.independentField === SwapModalField.output) {
-        updateOutputAmount(meta.independentValue);
-        ios &&
-          setTimeout(() => {
-            outputFieldRef.current?.blur();
-            outputFieldRef.current?.focus();
-          }, 100);
-      } else if (meta.independentField === SwapModalField.input) {
-        updateInputAmount(meta.independentValue);
-        ios &&
-          setTimeout(() => {
-            inputFieldRef.current?.blur();
-            inputFieldRef.current?.focus();
-          }, 100);
-      } else if (meta.independentField === SwapModalField.native) {
-        updateNativeAmount(meta.independentValue);
-        ios &&
-          setTimeout(() => {
-            nativeFieldRef.current?.blur();
-            nativeFieldRef.current?.focus();
-          }, 100);
-      }
-      dispatch(updateSwapSource(meta.route));
-      dispatch(updateSwapSlippage(meta.slippage));
-      android &&
-        setTimeout(() => {
-          enable();
-          if (meta.independentField === SwapModalField.output) {
-            outputFieldRef.current?.focus();
-            outputFieldRef.current?.focus();
-          } else if (meta.independentField === SwapModalField.input) {
-            updateInputAmount(meta.independentValue);
-            inputFieldRef.current?.focus();
-          } else if (meta.independentField === SwapModalField.native) {
-            nativeFieldRef.current?.focus();
-          }
-        }, 1000);
-    }
-  }, [dispatch, inputFieldRef, meta, nativeFieldRef, outputFieldRef, updateInputAmount, updateNativeAmount, updateOutputAmount]);
-  return isFillingParams;
-}
diff --git a/src/hooks/usePriceImpactDetails.ts b/src/hooks/usePriceImpactDetails.ts
deleted file mode 100644
index 85a68a0238e..00000000000
--- a/src/hooks/usePriceImpactDetails.ts
+++ /dev/null
@@ -1,153 +0,0 @@
-import { useMemo } from 'react';
-import useAccountSettings from './useAccountSettings';
-import { SwappableAsset } from '@/entities';
-
-import { useTheme } from '@/theme';
-import {
-  convertAmountToNativeDisplay,
-  convertAmountToPercentageDisplayWithThreshold,
-  convertRawAmountToNativeDisplay,
-  divide,
-  greaterThanOrEqualTo,
-  subtract,
-} from '@/helpers/utilities';
-
-import { CrosschainQuote, Quote, SwapType } from '@rainbow-me/swaps';
-import { useNativeAsset } from '@/utils/ethereumUtils';
-import { ChainId } from '@/chains/types';
-
-export enum SwapPriceImpactType {
-  none = 'none',
-  high = 'high',
-  severe = 'severe',
-}
-
-const PriceImpactWarningThreshold = 0.05;
-const SeverePriceImpactThreshold = 0.1;
-export const NO_PRICE_DATA_PERCENTAGE = '100.00%';
-
-export default function usePriceImpactDetails(
-  inputCurrency: SwappableAsset | null,
-  outputCurrency: SwappableAsset | null,
-  tradeDetails: CrosschainQuote | Quote | null,
-  chainId: ChainId = ChainId.mainnet
-) {
-  const { nativeCurrency } = useAccountSettings();
-  const { colors } = useTheme();
-
-  const sellChainId = (
-    (tradeDetails as CrosschainQuote)?.sellTokenAsset?.chainId ? (tradeDetails as CrosschainQuote)?.sellTokenAsset?.chainId : chainId
-  ) as ChainId;
-  const buyChainId = (outputCurrency?.chainId || chainId) as ChainId;
-  const sellNativeAsset = useNativeAsset({ chainId: sellChainId });
-  const buyNativeAsset = useNativeAsset({ chainId: buyChainId });
-
-  const isWrapOrUnwrap = useMemo(() => {
-    if (!tradeDetails) return false;
-    return tradeDetails.swapType === SwapType.wrap || tradeDetails.swapType === SwapType.unwrap;
-  }, [buyChainId, tradeDetails]);
-
-  const inputNativeAmount = useMemo(() => {
-    if (isWrapOrUnwrap) {
-      if (!tradeDetails?.sellAmount || !inputCurrency?.price?.value) {
-        return '';
-      }
-
-      return convertRawAmountToNativeDisplay(
-        tradeDetails?.sellAmount?.toString(),
-        inputCurrency?.decimals || 18,
-        inputCurrency?.price?.value,
-        nativeCurrency
-      ).amount;
-    } else {
-      return convertRawAmountToNativeDisplay(
-        tradeDetails?.sellAmountInEth?.toString() || '',
-        sellNativeAsset?.decimals || 18,
-        sellNativeAsset?.price?.value || '0',
-        nativeCurrency
-      ).amount;
-    }
-  }, [
-    isWrapOrUnwrap,
-    tradeDetails?.sellAmount,
-    tradeDetails?.sellAmountInEth,
-    inputCurrency?.price?.value,
-    inputCurrency?.decimals,
-    nativeCurrency,
-    sellNativeAsset?.decimals,
-    sellNativeAsset?.price?.value,
-  ]);
-
-  const outputNativeAmount = useMemo(() => {
-    if (isWrapOrUnwrap) {
-      if (!tradeDetails?.buyAmount || !inputCurrency?.price?.value) {
-        return '';
-      }
-      return convertRawAmountToNativeDisplay(
-        tradeDetails?.buyAmount?.toString(),
-        inputCurrency?.decimals || 18,
-        inputCurrency?.price?.value,
-        nativeCurrency
-      ).amount;
-    } else {
-      return convertRawAmountToNativeDisplay(
-        tradeDetails?.buyAmountInEth?.toString() || '',
-        buyNativeAsset?.decimals || 18,
-        buyNativeAsset?.price?.value || '0',
-        nativeCurrency
-      ).amount;
-    }
-  }, [
-    isWrapOrUnwrap,
-    tradeDetails?.buyAmount,
-    tradeDetails?.buyAmountInEth,
-    inputCurrency?.price?.value,
-    inputCurrency?.decimals,
-    nativeCurrency,
-    buyNativeAsset?.decimals,
-    buyNativeAsset?.price?.value,
-  ]);
-
-  const { impactDisplay, priceImpact, percentDisplay } = useMemo(() => {
-    const nativeAmountImpact = subtract(inputNativeAmount, outputNativeAmount);
-    const priceImpact = divide(nativeAmountImpact, inputNativeAmount);
-    const percentDisplay = convertAmountToPercentageDisplayWithThreshold(priceImpact);
-    const impactDisplay = convertAmountToNativeDisplay(nativeAmountImpact, nativeCurrency);
-    return { impactDisplay, priceImpact, percentDisplay };
-  }, [outputNativeAmount, nativeCurrency, inputNativeAmount]);
-
-  if (greaterThanOrEqualTo(priceImpact, SeverePriceImpactThreshold)) {
-    return {
-      priceImpact: {
-        type: SwapPriceImpactType.severe,
-        impactDisplay,
-        color: colors.red,
-        percentDisplay,
-      },
-      inputNativeAmount,
-      outputNativeAmount,
-    };
-  } else if (greaterThanOrEqualTo(priceImpact, PriceImpactWarningThreshold)) {
-    return {
-      priceImpact: {
-        type: SwapPriceImpactType.high,
-        impactDisplay,
-        color: colors.orange,
-        percentDisplay,
-      },
-      inputNativeAmount,
-      outputNativeAmount,
-    };
-  } else {
-    return {
-      priceImpact: {
-        type: SwapPriceImpactType.none,
-        impactDisplay,
-        color: colors.green,
-        percentDisplay,
-      },
-      inputNativeAmount,
-      outputNativeAmount,
-    };
-  }
-}
diff --git a/src/hooks/useRainbowFee.js b/src/hooks/useRainbowFee.js
deleted file mode 100644
index 6cc0d416bef..00000000000
--- a/src/hooks/useRainbowFee.js
+++ /dev/null
@@ -1,57 +0,0 @@
-import { ETH_ADDRESS } from '@rainbow-me/swaps';
-import { useEffect, useState } from 'react';
-import { convertRawAmountToDecimalFormat, divide, multiply, subtract } from '@/helpers/utilities';
-import { useAccountSettings, useSwapCurrencies } from '@/hooks';
-import { ethereumUtils } from '@/utils';
-
-export default function useRainbowFee({ tradeDetails, chainId }) {
-  const { inputCurrency, outputCurrency } = useSwapCurrencies();
-  const { accountAddress } = useAccountSettings();
-  const [nativeAsset, setNativeAsset] = useState(null);
-
-  const rainbowFeePercentage = useMemo(() => {
-    const convertToNumber = Number(tradeDetails.feePercentageBasisPoints);
-    return divide(convertToNumber, '1e18');
-  }, [tradeDetails]);
-
-  const rainbowFeeNative = useMemo(() => {
-    // token to ETH
-    if (nativeAsset && inputCurrency?.price && tradeDetails.sellAmount) {
-      if (tradeDetails.buyTokenAddress.toLowerCase() === ETH_ADDRESS.toLowerCase()) {
-        const feeInOutputTokensRawAmount = divide(multiply(tradeDetails.buyAmount, tradeDetails.feePercentageBasisPoints), '1e18');
-
-        const feeInOutputToken = convertRawAmountToDecimalFormat(feeInOutputTokensRawAmount, outputCurrency?.decimals || 18);
-
-        return (Number(feeInOutputToken) * Number(nativeAsset.price.value)).toFixed(2);
-        // eth to token or token to token
-      } else {
-        const feeInInputTokensRawAmount = subtract(tradeDetails.sellAmount, tradeDetails.sellAmountMinusFees);
-
-        const feeInInputToken = convertRawAmountToDecimalFormat(feeInInputTokensRawAmount, inputCurrency.decimals);
-
-        return (Number(feeInInputToken) * Number(inputCurrency.price.value)).toFixed(2);
-      }
-    }
-    return null;
-  }, [
-    nativeAsset,
-    inputCurrency.price,
-    inputCurrency.decimals,
-    tradeDetails.sellAmount,
-    tradeDetails.buyTokenAddress,
-    tradeDetails.buyAmount,
-    tradeDetails.feePercentageBasisPoints,
-    tradeDetails.sellAmountMinusFees,
-    outputCurrency?.decimals,
-  ]);
-
-  useEffect(() => {
-    const getNativeAsset = async () => {
-      const nativeAsset = await ethereumUtils.getNativeAssetForNetwork({ chainId, address: accountAddress });
-      setNativeAsset(nativeAsset);
-    };
-    !nativeAsset && getNativeAsset();
-  }, [nativeAsset, chainId, accountAddress]);
-
-  return { rainbowFeeNative, rainbowFeePercentage };
-}
diff --git a/src/hooks/useSearchCurrencyList.ts b/src/hooks/useSearchCurrencyList.ts
index 027dd4cd7aa..3b30bc85685 100644
--- a/src/hooks/useSearchCurrencyList.ts
+++ b/src/hooks/useSearchCurrencyList.ts
@@ -13,7 +13,6 @@ import tokenSectionTypes from '@/helpers/tokenSectionTypes';
 import { DAI_ADDRESS, erc20ABI, ETH_ADDRESS, rainbowTokenList, USDC_ADDRESS, WBTC_ADDRESS, WETH_ADDRESS } from '@/references';
 import { filterList, isLowerCaseMatch } from '@/utils';
 import { logger } from '@/logger';
-import useSwapCurrencies from '@/hooks/useSwapCurrencies';
 import { CROSSCHAIN_SWAPS, useExperimentalFlag } from '@/config';
 import { IS_TEST } from '@/env';
 import { useFavorites } from '@/resources/favorites';
@@ -102,14 +101,11 @@ const useSearchCurrencyList = (searchQuery: string, searchChainId = ChainId.main
 
   const crosschainSwapsEnabled = useExperimentalFlag(CROSSCHAIN_SWAPS);
 
-  const { inputCurrency } = useSwapCurrencies();
-  const previousInputCurrencyChainId = usePrevious(inputCurrency?.chainId);
-  const inputChainId = inputCurrency?.chainId;
   const isCrosschainSearch = useMemo(() => {
-    if (inputChainId && inputChainId !== searchChainId && crosschainSwapsEnabled && !isDiscover) {
+    if (crosschainSwapsEnabled && !isDiscover) {
       return true;
     }
-  }, [inputChainId, searchChainId, crosschainSwapsEnabled, isDiscover]);
+  }, [crosschainSwapsEnabled, isDiscover]);
 
   const isFavorite = useCallback(
     (address: EthereumAddress) => favoriteAddresses.map(a => a?.toLowerCase()).includes(address?.toLowerCase()),
@@ -217,19 +213,18 @@ const useSearchCurrencyList = (searchQuery: string, searchChainId = ChainId.main
 
   const getCrosschainVerifiedAssetsForNetwork = useCallback(
     async (chainId: ChainId) => {
-      const fromChainId = inputChainId !== chainId ? inputChainId : '';
       const results = await searchCurrencyList({
         searchList: 'verifiedAssets',
         query: '',
         chainId,
-        fromChainId,
+        fromChainId: '',
       });
       setCrosschainVerifiedAssets(state => ({
         ...state,
         [chainId]: handleSearchResponse(results || []),
       }));
     },
-    [handleSearchResponse, inputChainId]
+    [handleSearchResponse]
   );
 
   const getCrosschainVerifiedAssets = useCallback(async () => {
@@ -250,7 +245,7 @@ const useSearchCurrencyList = (searchQuery: string, searchChainId = ChainId.main
                 searchList: assetType,
                 query: searchQuery,
                 chainId: searchChainId,
-                fromChainId: isCrosschainSearch && inputChainId,
+                fromChainId: '',
               })
             )
           );
@@ -262,7 +257,7 @@ const useSearchCurrencyList = (searchQuery: string, searchChainId = ChainId.main
                 searchList: assetType,
                 query: searchQuery,
                 chainId: searchChainId,
-                fromChainId: isCrosschainSearch && inputChainId,
+                fromChainId: '',
               })
             )
           );
@@ -274,7 +269,7 @@ const useSearchCurrencyList = (searchQuery: string, searchChainId = ChainId.main
                 searchList: assetType,
                 query: searchQuery,
                 chainId: searchChainId,
-                fromChainId: isCrosschainSearch && inputChainId,
+                fromChainId: '',
               })
             )
           );
@@ -291,7 +286,7 @@ const useSearchCurrencyList = (searchQuery: string, searchChainId = ChainId.main
         }
       }
     },
-    [getFavorites, getImportedAsset, handleSearchResponse, searchQuery, searchChainId, inputChainId, isCrosschainSearch]
+    [getFavorites, getImportedAsset, handleSearchResponse, searchQuery, searchChainId]
   );
 
   const search = useCallback(async () => {
@@ -324,10 +319,6 @@ const useSearchCurrencyList = (searchQuery: string, searchChainId = ChainId.main
   const wasSearching = usePrevious(searching);
   const previousSearchQuery = usePrevious(searchQuery);
 
-  useEffect(() => {
-    setFetchingCrosschainAssets(false);
-  }, [inputChainId]);
-
   useEffect(() => {
     if (!fetchingCrosschainAssets && crosschainSwapsEnabled) {
       setFetchingCrosschainAssets(true);
@@ -337,12 +328,7 @@ const useSearchCurrencyList = (searchQuery: string, searchChainId = ChainId.main
 
   useEffect(() => {
     const doSearch = async () => {
-      if (
-        (searching && !wasSearching) ||
-        (searching && previousSearchQuery !== searchQuery) ||
-        searchChainId !== previousChainId ||
-        inputCurrency?.chainId !== previousInputCurrencyChainId
-      ) {
+      if ((searching && !wasSearching) || (searching && previousSearchQuery !== searchQuery) || searchChainId !== previousChainId) {
         if (searchChainId === ChainId.mainnet) {
           search();
           slowSearch();
@@ -358,16 +344,13 @@ const useSearchCurrencyList = (searchQuery: string, searchChainId = ChainId.main
     };
     doSearch();
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [searching, searchQuery, searchChainId, isCrosschainSearch, inputCurrency?.chainId]);
+  }, [searching, searchQuery, searchChainId, isCrosschainSearch]);
 
   const { colors } = useTheme();
 
   const currencyList = useMemo(() => {
     const list = [];
 
-    let bridgeAsset = isCrosschainSearch
-      ? verifiedAssets.find(asset => isLowerCaseMatch(asset?.name, inputCurrency?.name) && asset?.chainId !== inputCurrency?.chainId)
-      : null;
     if (searching) {
       const importedAsset = importedAssets?.[0];
       let verifiedAssetsWithImport = verifiedAssets;
@@ -388,16 +371,7 @@ const useSearchCurrencyList = (searchQuery: string, searchChainId = ChainId.main
           }
         }
       }
-      if (inputCurrency?.name && verifiedAssets.length) {
-        if (bridgeAsset) {
-          list.push({
-            color: colors.networkColors[bridgeAsset.chainId],
-            data: [bridgeAsset],
-            key: 'bridgeAsset',
-            title: lang.t(`exchange.token_sections.${tokenSectionTypes.bridgeTokenSection}`),
-          });
-        }
-      }
+
       if (favoriteAssets?.length && searchChainId === ChainId.mainnet) {
         list.push({
           color: colors.yellowFavorite,
@@ -430,17 +404,7 @@ const useSearchCurrencyList = (searchQuery: string, searchChainId = ChainId.main
       }
     } else {
       const curatedAssets = searchChainId === ChainId.mainnet && getCurated();
-      if (inputCurrency?.name && isCrosschainSearch && curatedAssets) {
-        bridgeAsset = curatedAssets.find(asset => asset?.name === inputCurrency?.name);
-        if (bridgeAsset) {
-          list.push({
-            color: colors.networkColors[bridgeAsset.chainId],
-            data: [bridgeAsset],
-            key: 'bridgeAsset',
-            title: lang.t(`exchange.token_sections.${tokenSectionTypes.bridgeTokenSection}`),
-          });
-        }
-      }
+
       if (unfilteredFavorites?.length) {
         list.push({
           color: colors.yellowFavorite,
@@ -460,18 +424,14 @@ const useSearchCurrencyList = (searchQuery: string, searchChainId = ChainId.main
     }
     return list;
   }, [
-    isCrosschainSearch,
     verifiedAssets,
     searching,
-    inputCurrency?.name,
-    inputCurrency?.chainId,
     importedAssets,
     highLiquidityAssets,
     lowLiquidityAssets,
     isFavorite,
     favoriteAssets,
     searchChainId,
-    colors.networkColors,
     colors.yellowFavorite,
     getCurated,
     unfilteredFavorites,
diff --git a/src/hooks/useSwapAdjustedAmounts.ts b/src/hooks/useSwapAdjustedAmounts.ts
deleted file mode 100644
index b870eb75605..00000000000
--- a/src/hooks/useSwapAdjustedAmounts.ts
+++ /dev/null
@@ -1,69 +0,0 @@
-import { ETH_ADDRESS, Quote } from '@rainbow-me/swaps';
-import lang from 'i18n-js';
-import { useSelector } from 'react-redux';
-import { AppState } from '@/redux/store';
-import { SwapModalField } from '@/redux/swap';
-import {
-  WETH_ADDRESS,
-  WDEGEN_DEGEN_CHAIN_ADDRESS,
-  WMATIC_POLYGON_ADDRESS,
-  WBNB_BSC_ADDRESS,
-  WETH_ARBITRUM_ADDRESS,
-  WETH_ZORA_ADDRESS,
-} from '@/references';
-import { fromWei, updatePrecisionToDisplay } from '@/helpers/utilities';
-import { ethereumUtils } from '@/utils';
-import { computeSlippageAdjustedAmounts, Field } from '@/handlers/swap';
-
-export default function useSwapAdjustedAmounts(tradeDetails: Quote) {
-  const inputCurrency = useSelector((state: AppState) => state.swap.inputCurrency);
-  const outputCurrency = useSelector((state: AppState) => state.swap.outputCurrency);
-  const inputAsExact = useSelector((state: AppState) => state.swap.independentField !== SwapModalField.output);
-  const slippageInBips = useSelector((state: AppState) => state.swap.slippageInBips);
-  const receivedSoldLabel = inputAsExact
-    ? lang.t('expanded_state.swap_details.minimum_received')
-    : lang.t('expanded_state.swap_details.maximum_sold');
-  const adjustedAmounts = computeSlippageAdjustedAmounts(tradeDetails, slippageInBips);
-  let amountReceivedSold = inputAsExact ? adjustedAmounts[Field.OUTPUT] : adjustedAmounts[Field.INPUT];
-  const address = inputAsExact
-    ? outputCurrency.mainnet_address || outputCurrency.address
-    : inputCurrency.mainnet_address || inputCurrency.address;
-
-  const priceValue = ethereumUtils.getAssetPrice(address);
-
-  // ETH_ADDRESS is a misleading name– this address is used to represent any network's native asset
-  if (
-    // eth <-> weth swap
-    (tradeDetails.buyTokenAddress === ETH_ADDRESS && tradeDetails.sellTokenAddress === WETH_ADDRESS) ||
-    (tradeDetails.sellTokenAddress === ETH_ADDRESS && tradeDetails.buyTokenAddress === WETH_ADDRESS) ||
-    // matic <-> wmatic swap
-    (tradeDetails.buyTokenAddress === ETH_ADDRESS && tradeDetails.sellTokenAddress === WMATIC_POLYGON_ADDRESS) ||
-    (tradeDetails.sellTokenAddress === ETH_ADDRESS && tradeDetails.buyTokenAddress === WMATIC_POLYGON_ADDRESS) ||
-    // bnb <-> wbnb swap
-    (tradeDetails.buyTokenAddress === ETH_ADDRESS && tradeDetails.sellTokenAddress === WBNB_BSC_ADDRESS) ||
-    (tradeDetails.sellTokenAddress === ETH_ADDRESS && tradeDetails.buyTokenAddress === WBNB_BSC_ADDRESS) ||
-    // arb one <-> weth arb one swap
-    (tradeDetails.buyTokenAddress === ETH_ADDRESS && tradeDetails.sellTokenAddress === WETH_ARBITRUM_ADDRESS) ||
-    (tradeDetails.sellTokenAddress === ETH_ADDRESS && tradeDetails.buyTokenAddress === WETH_ARBITRUM_ADDRESS) ||
-    // zora eth <-> weth swap
-    (tradeDetails.buyTokenAddress === ETH_ADDRESS && tradeDetails.sellTokenAddress === WETH_ZORA_ADDRESS) ||
-    (tradeDetails.sellTokenAddress === ETH_ADDRESS && tradeDetails.buyTokenAddress === WETH_ZORA_ADDRESS) ||
-    // degen <-> wdegen swap
-    (tradeDetails.buyTokenAddress === ETH_ADDRESS && tradeDetails.sellTokenAddress === WDEGEN_DEGEN_CHAIN_ADDRESS) ||
-    (tradeDetails.sellTokenAddress === ETH_ADDRESS && tradeDetails.buyTokenAddress === WDEGEN_DEGEN_CHAIN_ADDRESS)
-  ) {
-    amountReceivedSold = fromWei(amountReceivedSold.toString());
-  }
-
-  const amountReceivedSoldDisplay = updatePrecisionToDisplay(
-    // @ts-ignore
-    amountReceivedSold,
-    priceValue,
-    !inputAsExact
-  );
-
-  return {
-    amountReceivedSold: amountReceivedSoldDisplay,
-    receivedSoldLabel,
-  };
-}
diff --git a/src/hooks/useSwapCurrencies.ts b/src/hooks/useSwapCurrencies.ts
deleted file mode 100644
index bf3a9f6dc4e..00000000000
--- a/src/hooks/useSwapCurrencies.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import { useSelector } from 'react-redux';
-import { SwappableAsset } from '@/entities';
-import { AppState } from '@/redux/store';
-
-export default function useSwapCurrencies() {
-  const inputCurrency: SwappableAsset = useSelector((state: AppState) => state.swap.inputCurrency);
-  const outputCurrency: SwappableAsset = useSelector((state: AppState) => state.swap.outputCurrency);
-
-  return {
-    inputCurrency,
-    outputCurrency,
-  };
-}
diff --git a/src/hooks/useSwapCurrencyHandlers.ts b/src/hooks/useSwapCurrencyHandlers.ts
deleted file mode 100644
index 9b835ff7a2d..00000000000
--- a/src/hooks/useSwapCurrencyHandlers.ts
+++ /dev/null
@@ -1,195 +0,0 @@
-import React, { useCallback, useEffect, useMemo } from 'react';
-import { InteractionManager, TextInput } from 'react-native';
-import { useDispatch } from 'react-redux';
-import { delayNext } from './useMagicAutofocus';
-import { CurrencySelectionTypes, ExchangeModalTypes } from '@/helpers';
-import { updatePrecisionToDisplay } from '@/helpers/utilities';
-import { useSwapDerivedValues, useSwapInputHandlers } from '@/hooks';
-import { useNavigation } from '@/navigation';
-import { flipSwapCurrencies, updateSwapInputAmount, updateSwapInputCurrency, updateSwapOutputCurrency } from '@/redux/swap';
-import Routes from '@/navigation/routesNames';
-import { CROSSCHAIN_SWAPS, useExperimentalFlag } from '@/config';
-
-const { currentlyFocusedInput, focusTextInput } = TextInput.State;
-
-export default function useSwapCurrencyHandlers({
-  inputNetwork,
-  outputNetwork,
-  defaultInputAsset,
-  defaultOutputAsset,
-  fromDiscover,
-  ignoreInitialTypeCheck = false,
-  inputFieldRef,
-  nativeFieldRef,
-  outputFieldRef,
-  setLastFocusedInputHandle,
-  shouldUpdate = true,
-  title,
-  type,
-}: any = {}) {
-  const dispatch = useDispatch();
-  const crosschainSwapsEnabled = useExperimentalFlag(CROSSCHAIN_SWAPS);
-  const { navigate, setParams, getParent: dangerouslyGetParent } = useNavigation();
-
-  const { derivedValues } = useSwapDerivedValues();
-
-  const { updateInputAmount, updateNativeAmount, updateOutputAmount } = useSwapInputHandlers();
-
-  const { defaultInputItemInWallet, defaultOutputItem } = useMemo(() => {
-    if (type === ExchangeModalTypes.swap) {
-      const defaultInputItemInWallet = defaultInputAsset
-        ? {
-            ...defaultInputAsset,
-          }
-        : null;
-
-      return {
-        defaultInputItemInWallet,
-        defaultOutputItem: defaultOutputAsset ?? null,
-      };
-    }
-    return {
-      defaultInputItemInWallet: null,
-      defaultOutputItem: null,
-    };
-  }, []); // eslint-disable-line react-hooks/exhaustive-deps
-
-  useEffect(() => {
-    if (shouldUpdate) {
-      if (defaultInputItemInWallet) {
-        dispatch(updateSwapInputCurrency(defaultInputItemInWallet, ignoreInitialTypeCheck || crosschainSwapsEnabled));
-      }
-      if (defaultOutputItem) {
-        dispatch(updateSwapOutputCurrency(defaultOutputItem, ignoreInitialTypeCheck || crosschainSwapsEnabled));
-      }
-    }
-  }, [defaultInputItemInWallet, dispatch, defaultOutputItem, shouldUpdate, fromDiscover, ignoreInitialTypeCheck, crosschainSwapsEnabled]);
-
-  const flipSwapCurrenciesWithTimeout = useCallback(
-    (focusToRef: React.RefObject<any>, outputIndependentField = false, independentValue: string | null = null) => {
-      InteractionManager.runAfterInteractions(() => {
-        dispatch(flipSwapCurrencies(outputIndependentField, independentValue ? updatePrecisionToDisplay(independentValue) : null));
-        setTimeout(() => {
-          focusTextInput(focusToRef.current);
-        }, 50);
-      });
-    },
-    [dispatch]
-  );
-
-  const flipCurrencies = useCallback(() => {
-    if (inputNetwork !== outputNetwork) {
-      updateOutputAmount(null);
-      flipSwapCurrenciesWithTimeout(
-        nativeFieldRef.current === currentlyFocusedInput() ? nativeFieldRef : inputFieldRef,
-        false,
-        derivedValues?.outputAmount
-      );
-    } else if (nativeFieldRef.current === currentlyFocusedInput()) {
-      updateNativeAmount(null);
-      updateInputAmount(null);
-      flipSwapCurrenciesWithTimeout(outputFieldRef, true, derivedValues?.inputAmount);
-    } else if (inputFieldRef.current === currentlyFocusedInput()) {
-      updateNativeAmount(null);
-      updateInputAmount(null);
-      flipSwapCurrenciesWithTimeout(outputFieldRef, true, derivedValues?.inputAmount);
-    } else if (outputFieldRef.current === currentlyFocusedInput()) {
-      updateOutputAmount(null);
-      flipSwapCurrenciesWithTimeout(inputFieldRef, false, derivedValues?.outputAmount);
-    }
-  }, [
-    inputNetwork,
-    outputNetwork,
-    nativeFieldRef,
-    inputFieldRef,
-    outputFieldRef,
-    updateOutputAmount,
-    flipSwapCurrenciesWithTimeout,
-    derivedValues?.outputAmount,
-    derivedValues?.inputAmount,
-    updateNativeAmount,
-    updateInputAmount,
-  ]);
-
-  const updateInputCurrency = useCallback(
-    (inputCurrency: any, handleNavigate: any) => {
-      const newInputCurrency = inputCurrency
-        ? {
-            ...inputCurrency,
-          }
-        : null;
-
-      dispatch(updateSwapInputCurrency(newInputCurrency, crosschainSwapsEnabled));
-      setLastFocusedInputHandle?.(inputFieldRef);
-      handleNavigate?.(newInputCurrency);
-    },
-    [crosschainSwapsEnabled, dispatch, inputFieldRef, setLastFocusedInputHandle]
-  );
-
-  const updateOutputCurrency = useCallback(
-    (outputCurrency: any, handleNavigate?: (outputCurrency: any) => void) => {
-      const newOutputCurrency = outputCurrency
-        ? {
-            ...outputCurrency,
-          }
-        : null;
-
-      dispatch(updateSwapOutputCurrency(newOutputCurrency, crosschainSwapsEnabled));
-      setLastFocusedInputHandle?.(inputFieldRef);
-      handleNavigate?.(newOutputCurrency);
-    },
-    [crosschainSwapsEnabled, dispatch, inputFieldRef, setLastFocusedInputHandle]
-  );
-
-  const navigateToSelectInputCurrency = useCallback(
-    (chainId: number) => {
-      InteractionManager.runAfterInteractions(() => {
-        // @ts-expect-error ts-migrate(2532) FIXME: Object is possibly 'undefined'.
-        dangerouslyGetParent().getState().index = 0;
-        setParams({ focused: false });
-        delayNext();
-        navigate(Routes.CURRENCY_SELECT_SCREEN, {
-          callback: inputFieldRef?.current?.clear,
-          chainId,
-          onSelectCurrency: updateInputCurrency,
-          restoreFocusOnSwapModal: () => setParams({ focused: true }),
-          title,
-          type: CurrencySelectionTypes.input,
-        });
-      });
-    },
-    [dangerouslyGetParent, inputFieldRef, navigate, setParams, title, updateInputCurrency]
-  );
-
-  const navigateToSelectOutputCurrency = useCallback(
-    (chainId: number) => {
-      InteractionManager.runAfterInteractions(() => {
-        setParams({ focused: false });
-        delayNext();
-        navigate(Routes.CURRENCY_SELECT_SCREEN, {
-          callback: outputFieldRef?.current?.clear,
-          chainId,
-          onSelectCurrency: updateOutputCurrency,
-          restoreFocusOnSwapModal: () => setParams({ focused: true }),
-          title: 'Receive',
-          type: CurrencySelectionTypes.output,
-        });
-      });
-    },
-    [navigate, outputFieldRef, setParams, updateOutputCurrency]
-  );
-
-  const updateAndFocusInputAmount = (value: string) => {
-    dispatch(updateSwapInputAmount(updatePrecisionToDisplay(value), true));
-    focusTextInput(inputFieldRef);
-  };
-
-  return {
-    flipCurrencies,
-    updateAndFocusInputAmount,
-    navigateToSelectInputCurrency,
-    navigateToSelectOutputCurrency,
-    updateInputCurrency,
-    updateOutputCurrency,
-  };
-}
diff --git a/src/hooks/useSwapCurrencyList.ts b/src/hooks/useSwapCurrencyList.ts
deleted file mode 100644
index eb08733578d..00000000000
--- a/src/hooks/useSwapCurrencyList.ts
+++ /dev/null
@@ -1,523 +0,0 @@
-import lang from 'i18n-js';
-import { getAddress, isAddress } from '@ethersproject/address';
-import { EthereumAddress } from '@rainbow-me/swaps';
-import { Contract } from '@ethersproject/contracts';
-import { rankings } from 'match-sorter';
-import { useCallback, useEffect, useMemo, useState } from 'react';
-import { useTheme } from '../theme/ThemeContext';
-import usePrevious from './usePrevious';
-import { RainbowToken, TokenSearchTokenListId } from '@/entities';
-import { swapSearch } from '@/handlers/tokenSearch';
-import { addHexPrefix, getProvider } from '@/handlers/web3';
-import tokenSectionTypes from '@/helpers/tokenSectionTypes';
-import { DAI_ADDRESS, erc20ABI, ETH_ADDRESS, rainbowTokenList, USDC_ADDRESS, WBTC_ADDRESS, WETH_ADDRESS } from '@/references';
-import { filterList, isLowerCaseMatch } from '@/utils';
-import useSwapCurrencies from '@/hooks/useSwapCurrencies';
-import { CROSSCHAIN_SWAPS, useExperimentalFlag } from '@/config';
-import { IS_TEST } from '@/env';
-import { useFavorites } from '@/resources/favorites';
-import { getUniqueId } from '@/utils/ethereumUtils';
-import { logger } from '@/logger';
-import { ChainId, Network } from '@/chains/types';
-import { chainsName } from '@/chains';
-
-type swapCurrencyListType =
-  | 'verifiedAssets'
-  | 'highLiquidityAssets'
-  | 'lowLiquidityAssets'
-  | 'favoriteAssets'
-  | 'curatedAssets'
-  | 'importedAssets';
-
-type CrosschainVerifiedAssets = Record<
-  ChainId.mainnet | ChainId.optimism | ChainId.polygon | ChainId.bsc | ChainId.arbitrum,
-  RainbowToken[]
->;
-
-const abcSort = (list: any[], key?: string) => {
-  return list.sort((a, b) => {
-    return key ? a[key]?.localeCompare(b[key]) : a?.localeCompare(b);
-  });
-};
-
-const searchCurrencyList = async (searchParams: {
-  chainId: number;
-  fromChainId?: number | '';
-  searchList: RainbowToken[] | TokenSearchTokenListId;
-  query: string;
-}) => {
-  const { searchList, query, chainId, fromChainId } = searchParams;
-  const isAddress = query.match(/^(0x)?[0-9a-fA-F]{40}$/);
-  const keys: (keyof RainbowToken)[] = isAddress ? ['address'] : ['symbol', 'name'];
-  const formattedQuery = isAddress ? addHexPrefix(query).toLowerCase() : query;
-  if (typeof searchList === 'string') {
-    const threshold = isAddress ? 'CASE_SENSITIVE_EQUAL' : 'CONTAINS';
-    if (chainId === ChainId.mainnet && !formattedQuery && searchList !== 'verifiedAssets') {
-      return [];
-    }
-    return swapSearch({
-      chainId,
-      fromChainId,
-      keys,
-      list: searchList,
-      threshold,
-      query: formattedQuery,
-    });
-  } else {
-    return filterList(searchList, formattedQuery, keys, {
-      threshold: isAddress ? rankings.CASE_SENSITIVE_EQUAL : rankings.CONTAINS,
-    });
-  }
-};
-
-const useSwapCurrencyList = (searchQuery: string, searchChainId = ChainId.mainnet, isDiscover = false) => {
-  const previousChainId = usePrevious(searchChainId);
-
-  const searching = useMemo(() => searchQuery !== '' || ChainId.mainnet !== searchChainId, [searchChainId, searchQuery]);
-
-  const { favorites: favoriteAddresses, favoritesMetadata: favoriteMap } = useFavorites();
-
-  const curatedMap = rainbowTokenList.CURATED_TOKENS;
-  const unfilteredFavorites = Object.values(favoriteMap);
-
-  const [loading, setLoading] = useState(true);
-  const [favoriteAssets, setFavoriteAssets] = useState<RainbowToken[]>([]);
-  const [importedAssets, setImportedAssets] = useState<RainbowToken[]>([]);
-  const [highLiquidityAssets, setHighLiquidityAssets] = useState<RainbowToken[]>([]);
-  const [lowLiquidityAssets, setLowLiquidityAssets] = useState<RainbowToken[]>([]);
-  const [verifiedAssets, setVerifiedAssets] = useState<RainbowToken[]>([]);
-  const [fetchingCrosschainAssets, setFetchingCrosschainAssets] = useState(false);
-  const [crosschainVerifiedAssets, setCrosschainVerifiedAssets] = useState<CrosschainVerifiedAssets>({
-    [ChainId.mainnet]: [],
-    [ChainId.optimism]: [],
-    [ChainId.polygon]: [],
-    [ChainId.bsc]: [],
-    [ChainId.arbitrum]: [],
-  });
-
-  const crosschainSwapsEnabled = useExperimentalFlag(CROSSCHAIN_SWAPS);
-  const { inputCurrency } = useSwapCurrencies();
-  const previousInputCurrencyChainId = usePrevious(inputCurrency?.chainId);
-  const inputChainId = inputCurrency?.chainId;
-  const isCrosschainSearch = useMemo(() => {
-    if (inputChainId && inputChainId !== searchChainId && crosschainSwapsEnabled && !isDiscover) {
-      return true;
-    }
-  }, [inputChainId, searchChainId, crosschainSwapsEnabled, isDiscover]);
-
-  const isFavorite = useCallback(
-    (address: EthereumAddress) => favoriteAddresses.map(a => a?.toLowerCase()).includes(address?.toLowerCase()),
-    [favoriteAddresses]
-  );
-  const handleSearchResponse = useCallback(
-    (tokens: RainbowToken[], chainId?: ChainId) => {
-      // These transformations are necessary for L2 tokens to match our spec
-      const activeChainId = chainId ? chainId : searchChainId;
-      return (tokens || [])
-        .map(token => {
-          token.address = token.networks?.[activeChainId]?.address || token.address;
-
-          token.chainId = activeChainId;
-          if (token.networks[ChainId.mainnet]) {
-            token.mainnet_address = token.networks[ChainId.mainnet].address;
-          }
-          token.uniqueId = getUniqueId(token.address, activeChainId);
-
-          return token;
-        })
-        .filter(({ address }) => !isFavorite(address));
-    },
-    [searchChainId, isFavorite]
-  );
-
-  const getCurated = useCallback(() => {
-    const addresses = favoriteAddresses.map(a => a.toLowerCase());
-    return Object.values(curatedMap)
-      .filter(({ address }) => !addresses.includes(address.toLowerCase()))
-      .sort((t1, t2) => {
-        const { address: address1, name: name1 } = t1;
-        const { address: address2, name: name2 } = t2;
-        const mainnetPriorityTokens = [ETH_ADDRESS, WETH_ADDRESS, DAI_ADDRESS, USDC_ADDRESS, WBTC_ADDRESS];
-        const rankA = mainnetPriorityTokens.findIndex(address => address === address1.toLowerCase());
-        const rankB = mainnetPriorityTokens.findIndex(address => address === address2.toLowerCase());
-        const aIsRanked = rankA > -1;
-        const bIsRanked = rankB > -1;
-        if (aIsRanked) {
-          if (bIsRanked) {
-            return rankA > rankB ? -1 : 1;
-          }
-          return -1;
-        }
-        return bIsRanked ? 1 : name1?.localeCompare(name2);
-      })
-      .map(token => {
-        return {
-          ...token,
-          network: Network.mainnet,
-          chainId: ChainId.mainnet,
-          uniqueId: getUniqueId(token.address, ChainId.mainnet),
-        };
-      });
-  }, [curatedMap, favoriteAddresses]);
-
-  const getFavorites = useCallback(async () => {
-    return searching
-      ? await searchCurrencyList({
-          searchList: unfilteredFavorites as RainbowToken[],
-          query: searchQuery,
-          chainId: searchChainId,
-        })
-      : unfilteredFavorites;
-  }, [searchChainId, searchQuery, searching, unfilteredFavorites]);
-
-  const getImportedAsset = useCallback(
-    async (searchQuery: string, chainId: number): Promise<RainbowToken[] | null> => {
-      if (searching) {
-        if (isAddress(searchQuery)) {
-          const tokenListEntry = rainbowTokenList.RAINBOW_TOKEN_LIST[searchQuery.toLowerCase()];
-          if (tokenListEntry) {
-            return [tokenListEntry];
-          }
-          const provider = getProvider({ chainId });
-          const tokenContract = new Contract(searchQuery, erc20ABI, provider);
-          try {
-            const [name, symbol, decimals, address] = await Promise.all([
-              tokenContract.name(),
-              tokenContract.symbol(),
-              tokenContract.decimals(),
-              getAddress(searchQuery),
-            ]);
-            const uniqueId = getUniqueId(address, chainId);
-            return [
-              {
-                address,
-                chainId,
-                decimals,
-                favorite: false,
-                highLiquidity: false,
-                isRainbowCurated: false,
-                isVerified: false,
-                name,
-                networks: {
-                  [chainId]: {
-                    address,
-                    decimals,
-                  },
-                },
-                symbol,
-                network: chainsName[chainId],
-                uniqueId,
-              } as RainbowToken,
-            ];
-          } catch (e) {
-            logger.warn('[useSwapCurrencyList]: error getting token data', { error: (e as Error).message });
-            return null;
-          }
-        }
-      }
-      return null;
-    },
-    [searching]
-  );
-
-  const getCrosschainVerifiedAssetsForNetwork = useCallback(
-    async (chainId: ChainId) => {
-      const fromChainId = inputChainId !== chainId ? inputChainId : '';
-      const results = await searchCurrencyList({
-        searchList: 'verifiedAssets',
-        query: '',
-        chainId,
-        fromChainId,
-      });
-      setCrosschainVerifiedAssets(state => ({
-        ...state,
-        [chainId]: handleSearchResponse(results, chainId),
-      }));
-    },
-    [handleSearchResponse, inputChainId]
-  );
-
-  const getCrosschainVerifiedAssets = useCallback(async () => {
-    const crosschainAssetRequests: Promise<void>[] = [];
-    Object.keys(crosschainVerifiedAssets).forEach(chainIdKey => {
-      crosschainAssetRequests.push(getCrosschainVerifiedAssetsForNetwork(Number(chainIdKey)));
-    });
-    await Promise.all(crosschainAssetRequests);
-  }, [crosschainVerifiedAssets, getCrosschainVerifiedAssetsForNetwork]);
-
-  const getResultsForAssetType = useCallback(
-    async (assetType: swapCurrencyListType) => {
-      switch (assetType) {
-        case 'verifiedAssets':
-          setVerifiedAssets(
-            handleSearchResponse(
-              await searchCurrencyList({
-                searchList: assetType,
-                query: searchQuery,
-                chainId: searchChainId,
-                fromChainId: isCrosschainSearch && inputChainId,
-              })
-            )
-          );
-          break;
-        case 'highLiquidityAssets':
-          setHighLiquidityAssets(
-            handleSearchResponse(
-              await searchCurrencyList({
-                searchList: assetType,
-                query: searchQuery,
-                chainId: searchChainId,
-                fromChainId: isCrosschainSearch && inputChainId,
-              })
-            )
-          );
-          break;
-        case 'lowLiquidityAssets':
-          setLowLiquidityAssets(
-            handleSearchResponse(
-              await searchCurrencyList({
-                searchList: assetType,
-                query: searchQuery,
-                chainId: searchChainId,
-                fromChainId: isCrosschainSearch && inputChainId,
-              })
-            )
-          );
-          break;
-        case 'favoriteAssets':
-          setFavoriteAssets((await getFavorites()) || []);
-          break;
-        case 'importedAssets': {
-          const importedAssetResult = await getImportedAsset(searchQuery, searchChainId);
-          if (importedAssetResult) {
-            setImportedAssets(handleSearchResponse(importedAssetResult));
-          }
-          break;
-        }
-      }
-    },
-    [getFavorites, getImportedAsset, handleSearchResponse, searchQuery, searchChainId, inputChainId, isCrosschainSearch]
-  );
-
-  const search = useCallback(async () => {
-    const categories: swapCurrencyListType[] =
-      searchChainId === ChainId.mainnet
-        ? ['favoriteAssets', 'highLiquidityAssets', 'verifiedAssets', 'importedAssets']
-        : ['verifiedAssets', 'importedAssets'];
-    setLoading(true);
-    await Promise.all(categories.map(assetType => getResultsForAssetType(assetType)));
-  }, [searchChainId, getResultsForAssetType]);
-
-  const slowSearch = useCallback(async () => {
-    try {
-      await getResultsForAssetType('lowLiquidityAssets');
-      // eslint-disable-next-line no-empty
-    } catch (e) {
-    } finally {
-      setLoading(false);
-    }
-  }, [getResultsForAssetType]);
-
-  const clearSearch = useCallback(() => {
-    getResultsForAssetType('curatedAssets');
-    setLowLiquidityAssets([]);
-    setHighLiquidityAssets([]);
-    setVerifiedAssets([]);
-    setImportedAssets([]);
-  }, [getResultsForAssetType]);
-
-  const wasSearching = usePrevious(searching);
-  const previousSearchQuery = usePrevious(searchQuery);
-
-  useEffect(() => {
-    setFetchingCrosschainAssets(false);
-  }, [inputChainId]);
-
-  useEffect(() => {
-    if (!fetchingCrosschainAssets && crosschainSwapsEnabled) {
-      setFetchingCrosschainAssets(true);
-      getCrosschainVerifiedAssets();
-    }
-  }, [getCrosschainVerifiedAssets, fetchingCrosschainAssets, crosschainSwapsEnabled]);
-
-  useEffect(() => {
-    const doSearch = async () => {
-      if (
-        (searching && !wasSearching) ||
-        (searching && previousSearchQuery !== searchQuery) ||
-        searchChainId !== previousChainId ||
-        inputCurrency?.chainId !== previousInputCurrencyChainId
-      ) {
-        if (searchChainId === ChainId.mainnet) {
-          search();
-          slowSearch();
-        } else {
-          await search();
-          setLowLiquidityAssets([]);
-          setHighLiquidityAssets([]);
-          setLoading(false);
-        }
-      } else {
-        clearSearch();
-      }
-    };
-    doSearch();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [searching, searchQuery, searchChainId, isCrosschainSearch, inputCurrency?.chainId]);
-
-  const { colors } = useTheme();
-
-  const currencyList = useMemo(() => {
-    const list = [];
-    let bridgeAsset = isCrosschainSearch
-      ? verifiedAssets.find(asset => isLowerCaseMatch(asset?.name, inputCurrency?.name) && asset?.chainId !== inputCurrency?.chainId)
-      : null;
-    if (searching) {
-      const importedAsset = importedAssets?.[0];
-      let verifiedAssetsWithImport = verifiedAssets;
-      let highLiquidityAssetsWithImport = highLiquidityAssets;
-      let lowLiquidityAssetsWithoutImport = lowLiquidityAssets;
-      const verifiedAddresses = verifiedAssets.map(({ address }) => address.toLowerCase());
-      const highLiquidityAddresses = verifiedAssets.map(({ address }) => address.toLowerCase());
-      // this conditional prevents the imported token from jumping
-      // sections if verified/highliquidity search responds later
-      // than the contract checker in getImportedAsset
-      if (importedAsset && !isFavorite(importedAsset?.address)) {
-        lowLiquidityAssetsWithoutImport = lowLiquidityAssets.filter(({ address }) => address.toLowerCase() !== importedAsset?.address);
-        if (importedAsset?.isVerified && !verifiedAddresses.includes(importedAsset?.address.toLowerCase())) {
-          verifiedAssetsWithImport = [importedAsset, ...verifiedAssets];
-        } else {
-          if (!highLiquidityAddresses.includes(importedAsset?.address.toLowerCase())) {
-            highLiquidityAssetsWithImport = [importedAsset, ...highLiquidityAssets];
-          }
-        }
-      }
-      if (inputCurrency?.name && verifiedAssets.length) {
-        if (bridgeAsset) {
-          list.push({
-            color: colors.networkColors[bridgeAsset.chainId],
-            data: [bridgeAsset],
-            key: 'bridgeAsset',
-            title: lang.t(`exchange.token_sections.${tokenSectionTypes.bridgeTokenSection}`),
-          });
-        }
-      }
-      if (favoriteAssets?.length && searchChainId === ChainId.mainnet) {
-        list.push({
-          color: colors.yellowFavorite,
-          data: abcSort(favoriteAssets, 'name'),
-          key: 'favorites',
-          title: lang.t(`exchange.token_sections.${tokenSectionTypes.favoriteTokenSection}`),
-        });
-      }
-      if (verifiedAssetsWithImport?.length) {
-        list.push({
-          data: verifiedAssetsWithImport,
-          key: 'verified',
-          title: lang.t(`exchange.token_sections.${tokenSectionTypes.verifiedTokenSection}`),
-          useGradientText: !IS_TEST,
-        });
-      }
-      if (highLiquidityAssetsWithImport?.length) {
-        list.push({
-          data: highLiquidityAssetsWithImport,
-          key: 'highLiquidity',
-          title: lang.t(`exchange.token_sections.${tokenSectionTypes.unverifiedTokenSection}`),
-        });
-      }
-      if (lowLiquidityAssetsWithoutImport?.length) {
-        list.push({
-          data: lowLiquidityAssetsWithoutImport,
-          key: 'lowLiquidity',
-          title: lang.t(`exchange.token_sections.${tokenSectionTypes.lowLiquidityTokenSection}`),
-        });
-      }
-    } else {
-      const curatedAssets = searchChainId === ChainId.mainnet && getCurated();
-      if (inputCurrency?.name && isCrosschainSearch && curatedAssets) {
-        bridgeAsset = curatedAssets.find(asset => asset?.name === inputCurrency?.name);
-        if (bridgeAsset) {
-          list.push({
-            color: colors.networkColors[bridgeAsset.chainId],
-            data: [bridgeAsset],
-            key: 'bridgeAsset',
-            title: lang.t(`exchange.token_sections.${tokenSectionTypes.bridgeTokenSection}`),
-          });
-        }
-      }
-      if (unfilteredFavorites?.length) {
-        list.push({
-          color: colors.yellowFavorite,
-          data: abcSort(unfilteredFavorites, 'name'),
-          key: 'unfilteredFavorites',
-          title: lang.t(`exchange.token_sections.${tokenSectionTypes.favoriteTokenSection}`),
-        });
-      }
-      if (curatedAssets && curatedAssets.length) {
-        list.push({
-          data: curatedAssets,
-          key: 'curated',
-          title: lang.t(`exchange.token_sections.${tokenSectionTypes.verifiedTokenSection}`),
-          useGradientText: !IS_TEST,
-        });
-      }
-    }
-    return list;
-  }, [
-    isCrosschainSearch,
-    verifiedAssets,
-    searching,
-    inputCurrency?.name,
-    inputCurrency?.chainId,
-    importedAssets,
-    highLiquidityAssets,
-    lowLiquidityAssets,
-    isFavorite,
-    favoriteAssets,
-    searchChainId,
-    colors.networkColors,
-    colors.yellowFavorite,
-    getCurated,
-    unfilteredFavorites,
-  ]);
-
-  const crosschainExactMatches = useMemo(() => {
-    if (currencyList.length) return [];
-    if (!searchQuery) return [];
-    const exactMatches: RainbowToken[] = [];
-    Object.keys(crosschainVerifiedAssets).forEach(chainIdKey => {
-      const chainId = Number(chainIdKey);
-      if (chainId !== searchChainId) {
-        // including goerli in our networks type is causing this type issue
-        // @ts-ignore
-        const exactMatch = crosschainVerifiedAssets[chainId].find((asset: RainbowToken) => {
-          const symbolMatch = isLowerCaseMatch(asset?.symbol, searchQuery);
-          const nameMatch = isLowerCaseMatch(asset?.name, searchQuery);
-          return symbolMatch || nameMatch;
-        });
-        if (exactMatch) {
-          exactMatches.push({ ...exactMatch, chainId });
-        }
-      }
-    });
-    if (exactMatches?.length) {
-      return [
-        {
-          data: exactMatches,
-          key: 'verified',
-          title: lang.t(`exchange.token_sections.${tokenSectionTypes.crosschainMatchSection}`),
-          useGradientText: !IS_TEST,
-        },
-      ];
-    }
-    return [];
-  }, [crosschainVerifiedAssets, currencyList.length, searchChainId, searchQuery]);
-
-  return {
-    crosschainExactMatches,
-    swapCurrencyList: currencyList,
-    swapCurrencyListLoading: loading,
-  };
-};
-
-export default useSwapCurrencyList;
diff --git a/src/hooks/useSwapDerivedOutputs.ts b/src/hooks/useSwapDerivedOutputs.ts
deleted file mode 100644
index 338ffd40c9c..00000000000
--- a/src/hooks/useSwapDerivedOutputs.ts
+++ /dev/null
@@ -1,518 +0,0 @@
-import {
-  CrosschainQuote,
-  ETH_ADDRESS as ETH_ADDRESS_AGGREGATORS,
-  getCrosschainQuote,
-  getQuote,
-  Quote,
-  QuoteError,
-  QuoteParams,
-  Source,
-  SwapType,
-} from '@rainbow-me/swaps';
-import { useQuery } from '@tanstack/react-query';
-import { useCallback, useMemo, useState } from 'react';
-// DO NOT REMOVE THESE COMMENTED ENV VARS
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-import { IS_APK_BUILD, IS_TESTING } from 'react-native-dotenv';
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-import { analytics } from '@/analytics';
-import { EthereumAddress } from '@/entities';
-import { isNativeAsset } from '@/handlers/assets';
-import {
-  convertAmountFromNativeValue,
-  convertAmountToNativeAmount,
-  convertAmountToRawAmount,
-  convertNumberToString,
-  convertRawAmountToDecimalFormat,
-  isZero,
-  updatePrecisionToDisplay,
-} from '@/helpers/utilities';
-import { logger, RainbowError } from '@/logger';
-import store, { AppState } from '@/redux/store';
-import { SwapModalField, updateSwapQuote } from '@/redux/swap';
-import { ethereumUtils } from '@/utils';
-import { useDispatch, useSelector } from 'react-redux';
-import { SwappableAsset } from '../entities/tokens';
-import useAccountSettings from './useAccountSettings';
-import { chainsName } from '@/chains';
-
-const SWAP_POLLING_INTERVAL = 5000;
-
-enum DisplayValue {
-  input = 'inputAmountDisplay',
-  output = 'outputAmountDisplay',
-  native = 'nativeAmountDisplay',
-}
-
-const getSource = (source: Source) => {
-  if (source === Source.Aggregator0x || source === Source.Aggregotor1inch) return source;
-  return null;
-};
-
-const getInputAmount = async (
-  outputAmount: string | null,
-  inputToken: SwappableAsset | null,
-  outputToken: SwappableAsset,
-  inputPrice: string | null,
-  slippage: number,
-  source: Source,
-  fromAddress: EthereumAddress
-): Promise<{
-  inputAmount: string | null;
-  inputAmountDisplay: string | null;
-  quoteError?: QuoteError;
-  tradeDetails: Quote | CrosschainQuote | null;
-} | null> => {
-  if (!inputToken || !outputAmount || isZero(outputAmount) || !outputToken) return null;
-
-  try {
-    const outputChainId = outputToken.chainId;
-
-    const inputChainId = inputToken.chainId;
-
-    const inputTokenAddress = isNativeAsset(inputToken.address, inputChainId) ? ETH_ADDRESS_AGGREGATORS : inputToken.address;
-
-    const outputTokenAddress = isNativeAsset(outputToken.address, outputChainId) ? ETH_ADDRESS_AGGREGATORS : outputToken.address;
-
-    const isCrosschainSwap = inputChainId !== outputChainId;
-    if (isCrosschainSwap) return null;
-
-    const buyAmount = convertAmountToRawAmount(convertNumberToString(outputAmount), outputToken.decimals);
-
-    logger.debug('[useSwapDerivedOutputs]: ', {
-      outputToken,
-      outputChainId,
-      outputNetwork: outputToken?.network,
-      outputTokenAddress,
-      inputToken,
-      inputChainId,
-      inputNetwork: inputToken?.network,
-      inputTokenAddress,
-      isCrosschainSwap,
-    });
-
-    const quoteSource = getSource(source);
-    const quoteParams: QuoteParams = {
-      buyAmount,
-      buyTokenAddress: outputTokenAddress,
-      chainId: Number(inputChainId),
-      fromAddress,
-      sellTokenAddress: inputTokenAddress,
-      // Add 5% slippage for testing to prevent flaky tests
-      slippage: IS_TESTING !== 'true' ? slippage : 5,
-      ...(quoteSource ? { source } : {}),
-      currency: store.getState().settings.nativeCurrency,
-    };
-
-    const rand = Math.floor(Math.random() * 100);
-    logger.debug('[useSwapDerivedOutputs]: Getting quote', { rand, quoteParams });
-    // Do not deleeeet the comment below 😤
-    // @ts-ignore About to get quote
-
-    const quote = await getQuote(quoteParams);
-
-    // if no quote, if quote is error or there's no sell amount
-    if (!quote || (quote as QuoteError).error || !(quote as Quote).sellAmount) {
-      if ((quote as QuoteError).error) {
-        const quoteError = quote as unknown as QuoteError;
-        logger.error(new RainbowError('[useSwapDerivedOutputs]: Quote error'), {
-          code: quoteError.error_code,
-          msg: quoteError.message,
-        });
-        return {
-          inputAmount: null,
-          inputAmountDisplay: null,
-          quoteError: quoteError,
-          tradeDetails: null,
-        };
-      }
-      return null;
-    }
-    const quoteTradeDetails = quote as Quote;
-    const inputAmount = convertRawAmountToDecimalFormat(quoteTradeDetails.sellAmount.toString(), inputToken.decimals);
-
-    const inputAmountDisplay = inputAmount && inputPrice ? updatePrecisionToDisplay(inputAmount, inputPrice) : null;
-
-    return {
-      inputAmount,
-      inputAmountDisplay,
-      tradeDetails: {
-        ...quoteTradeDetails,
-        inputTokenDecimals: inputToken.decimals,
-        outputTokenDecimals: outputToken.decimals,
-      },
-    };
-  } catch (e) {
-    return null;
-  }
-};
-
-const getOutputAmount = async (
-  inputAmount: string | null,
-  inputToken: SwappableAsset,
-  outputToken: SwappableAsset | null,
-  slippage: number,
-  source: Source,
-  fromAddress: EthereumAddress,
-  refuel: boolean
-): Promise<{
-  outputAmount: string | null;
-  outputAmountDisplay: string | null;
-  tradeDetails: Quote | CrosschainQuote | null;
-  quoteError?: QuoteError;
-} | null> => {
-  if (!inputAmount || isZero(inputAmount) || !outputToken) return null;
-
-  try {
-    const outputChainId = outputToken.chainId;
-    const buyTokenAddress = isNativeAsset(outputToken?.address, outputChainId) ? ETH_ADDRESS_AGGREGATORS : outputToken?.address;
-
-    const inputChainId = inputToken.chainId;
-    const sellTokenAddress = isNativeAsset(inputToken?.address, inputChainId) ? ETH_ADDRESS_AGGREGATORS : inputToken?.address;
-
-    const sellAmount = convertAmountToRawAmount(convertNumberToString(inputAmount), inputToken.decimals);
-    const isCrosschainSwap = outputChainId !== inputChainId;
-
-    logger.debug(`[useSwapDerivedOutputs]: `, {
-      outputToken,
-      outputChainId,
-      inputToken,
-      inputChainId,
-      isCrosschainSwap,
-    });
-
-    const quoteSource = getSource(source);
-    const quoteParams: QuoteParams = {
-      buyTokenAddress,
-      chainId: Number(inputChainId),
-      fromAddress,
-      sellAmount,
-      sellTokenAddress,
-      // Add 5% slippage for testing to prevent flaky tests
-      slippage: IS_TESTING !== 'true' ? slippage : 5,
-      ...(quoteSource ? { source } : {}),
-      toChainId: Number(outputChainId),
-      refuel,
-      currency: store.getState().settings.nativeCurrency,
-    };
-
-    const rand = Math.floor(Math.random() * 100);
-    logger.debug('[useSwapDerivedOutputs]: Getting quote', { rand, quoteParams });
-    // Do not deleeeet the comment below 😤
-    // @ts-ignore About to get quote
-    const quote: Quote | CrosschainQuote | QuoteError | null = await (isCrosschainSwap ? getCrosschainQuote : getQuote)(quoteParams);
-    logger.debug('[useSwapDerivedOutputs]: Got quote', { rand, quote });
-
-    if (!quote || (quote as QuoteError)?.error || !(quote as Quote)?.buyAmount) {
-      const quoteError = quote as QuoteError;
-      if (quoteError.error) {
-        logger.error(new RainbowError('[useSwapDerivedOutputs]: Quote error'), {
-          code: quoteError.error_code,
-          msg: quoteError.message,
-        });
-        return {
-          quoteError,
-          outputAmount: null,
-          outputAmountDisplay: null,
-          tradeDetails: null,
-        };
-      }
-      return null;
-    }
-
-    const tradeDetails = quote as Quote | CrosschainQuote;
-    const outputAmount = convertRawAmountToDecimalFormat(tradeDetails.buyAmount.toString(), outputToken.decimals);
-
-    const outputAmountDisplay = updatePrecisionToDisplay(outputAmount);
-
-    return {
-      outputAmount,
-      outputAmountDisplay,
-      tradeDetails: {
-        ...tradeDetails,
-        inputTokenDecimals: inputToken.decimals,
-        outputTokenDecimals: outputToken.decimals,
-      },
-    };
-  } catch (e) {
-    return null;
-  }
-};
-
-const derivedValues: { [key in SwapModalField]: string | null } = {
-  [SwapModalField.input]: null,
-  [SwapModalField.native]: null,
-  [SwapModalField.output]: null,
-};
-
-const displayValues: { [key in DisplayValue]: string | null } = {
-  [DisplayValue.input]: null,
-  [DisplayValue.output]: null,
-  [DisplayValue.native]: null,
-};
-
-export default function useSwapDerivedOutputs(type: string) {
-  const dispatch = useDispatch();
-  const { accountAddress } = useAccountSettings();
-
-  const independentField = useSelector((state: AppState) => state.swap.independentField);
-  const independentValue = useSelector((state: AppState) => state.swap.independentValue);
-  const maxInputUpdate = useSelector((state: AppState) => state.swap.maxInputUpdate);
-  const inputCurrency = useSelector((state: AppState) => state.swap.inputCurrency);
-  const outputCurrency = useSelector((state: AppState) => state.swap.outputCurrency);
-  const slippageInBips = useSelector((state: AppState) => state.swap.slippageInBips);
-
-  const source = useSelector((state: AppState) => state.swap.source);
-
-  const [refuel, setRefuel] = useState(false);
-
-  const inputPrice = useMemo(() => {
-    const price = ethereumUtils.getAssetPrice(inputCurrency?.mainnet_address ?? inputCurrency?.address);
-    return price !== 0 ? price : inputCurrency?.price?.value;
-  }, [inputCurrency]);
-
-  const resetSwapInputs = useCallback(() => {
-    derivedValues[SwapModalField.input] = null;
-    derivedValues[SwapModalField.output] = null;
-    derivedValues[SwapModalField.native] = null;
-    displayValues[DisplayValue.input] = null;
-    displayValues[DisplayValue.output] = null;
-    displayValues[DisplayValue.native] = null;
-    dispatch(
-      updateSwapQuote({
-        derivedValues,
-        displayValues,
-        quoteError: null,
-        tradeDetails: null,
-      })
-    );
-    return {
-      quoteError: null,
-      result: { derivedValues, displayValues, tradeDetails: null },
-    };
-  }, [dispatch]);
-
-  const getTradeDetails = useCallback(async () => {
-    if (!independentValue) {
-      return resetSwapInputs();
-    }
-
-    if (independentValue === '0.') {
-      switch (independentField) {
-        case SwapModalField.input:
-          displayValues[DisplayValue.input] = independentValue;
-          displayValues[DisplayValue.output] = null;
-          displayValues[DisplayValue.native] = null;
-          break;
-        case SwapModalField.output:
-          displayValues[DisplayValue.input] = null;
-          displayValues[DisplayValue.output] = independentValue;
-          displayValues[DisplayValue.native] = null;
-          break;
-        case SwapModalField.native:
-          displayValues[DisplayValue.input] = null;
-          displayValues[DisplayValue.output] = null;
-          displayValues[DisplayValue.native] = independentValue;
-          break;
-      }
-
-      return {
-        quoteError: null,
-        result: {
-          derivedValues,
-          displayValues,
-          tradeDetails: null,
-        },
-      };
-    }
-
-    logger.debug('[useSwapDerivedOutputs]: Getting trade details', {
-      independentField,
-      independentValue,
-      inputCurrency,
-      outputCurrency,
-      inputPrice,
-      slippageInBips,
-      source,
-      refuel,
-    });
-
-    let tradeDetails = null;
-    const slippagePercentage = slippageInBips / 100;
-    let quoteError: QuoteError | undefined;
-
-    if (independentField === SwapModalField.input) {
-      const nativeValue = inputPrice ? convertAmountToNativeAmount(independentValue, inputPrice) : null;
-      derivedValues[SwapModalField.input] = independentValue;
-      displayValues[DisplayValue.input] = independentValue;
-      derivedValues[SwapModalField.native] = nativeValue;
-      displayValues[DisplayValue.native] = nativeValue;
-
-      if (derivedValues[SwapModalField.input] !== independentValue) return;
-
-      const outputAmountData = await getOutputAmount(
-        independentValue,
-        inputCurrency,
-        outputCurrency,
-        slippagePercentage,
-        source,
-        accountAddress,
-        refuel
-      );
-
-      // if original value changed, ignore new quote
-      if (derivedValues[SwapModalField.input] !== independentValue || !outputAmountData) return null;
-
-      const { outputAmount, outputAmountDisplay, tradeDetails: newTradeDetails, quoteError: newQuoteError } = outputAmountData;
-
-      tradeDetails = newTradeDetails;
-      quoteError = newQuoteError;
-      derivedValues[SwapModalField.output] = outputAmount;
-      displayValues[DisplayValue.output] = outputAmountDisplay;
-    } else if (independentField === SwapModalField.native) {
-      const inputAmount =
-        independentValue && inputPrice ? convertAmountFromNativeValue(independentValue, inputPrice, inputCurrency.decimals) : null;
-
-      const inputAmountDisplay = updatePrecisionToDisplay(inputAmount, inputPrice, true);
-      derivedValues[SwapModalField.native] = independentValue;
-      displayValues[DisplayValue.native] = independentValue;
-      derivedValues[SwapModalField.input] = inputAmount;
-      displayValues[DisplayValue.input] = inputAmountDisplay;
-
-      if (derivedValues[SwapModalField.native] !== independentValue) return;
-
-      const outputAmountData = await getOutputAmount(
-        inputAmount,
-        inputCurrency,
-        outputCurrency,
-        slippagePercentage,
-        source,
-        accountAddress,
-        refuel
-      );
-      // if original value changed, ignore new quote
-      if (derivedValues[SwapModalField.native] !== independentValue || !outputAmountData) return null;
-
-      const { outputAmount, outputAmountDisplay, tradeDetails: newTradeDetails, quoteError: newQuoteError } = outputAmountData;
-
-      tradeDetails = newTradeDetails;
-      quoteError = newQuoteError;
-      derivedValues[SwapModalField.output] = outputAmount;
-      displayValues[DisplayValue.output] = outputAmountDisplay;
-    } else {
-      if (!outputCurrency || !inputCurrency) {
-        return {
-          quoteError: null,
-          result: {
-            derivedValues,
-            displayValues,
-            tradeDetails,
-          },
-        };
-      }
-      derivedValues[SwapModalField.output] = independentValue;
-      displayValues[DisplayValue.output] = independentValue;
-
-      if (derivedValues[SwapModalField.output] !== independentValue) return;
-
-      const inputAmountData = await getInputAmount(
-        independentValue,
-        inputCurrency,
-        outputCurrency,
-        inputPrice,
-        slippagePercentage,
-        source,
-        accountAddress
-      );
-
-      // if original value changed, ignore new quote
-      if (derivedValues[SwapModalField.output] !== independentValue || !inputAmountData) return null;
-
-      const { inputAmount, inputAmountDisplay, tradeDetails: newTradeDetails, quoteError: newQuoteError } = inputAmountData;
-
-      const nativeValue = inputPrice && inputAmount ? convertAmountToNativeAmount(inputAmount, inputPrice) : null;
-
-      quoteError = newQuoteError;
-      tradeDetails = newTradeDetails;
-      derivedValues[SwapModalField.input] = inputAmount;
-      displayValues[DisplayValue.input] = inputAmountDisplay;
-      derivedValues[SwapModalField.native] = nativeValue;
-      displayValues[DisplayValue.native] = nativeValue;
-    }
-
-    const data = {
-      derivedValues,
-      displayValues,
-      quoteError,
-      tradeDetails,
-    };
-
-    logger.debug('[useSwapDerivedOutputs]: Got trade details', {
-      data,
-    });
-
-    dispatch(
-      updateSwapQuote({
-        derivedValues: data.derivedValues,
-        displayValues: data.displayValues,
-        tradeDetails: data.tradeDetails,
-      })
-    );
-    analytics.track(`Updated ${type} details`, {
-      aggregator: data.tradeDetails?.source || '',
-      inputTokenAddress: inputCurrency?.address || '',
-      inputTokenName: inputCurrency?.name || '',
-      inputTokenSymbol: inputCurrency?.symbol || '',
-      liquiditySources: (data.tradeDetails?.protocols as any[]) || [],
-      network: chainsName[inputCurrency?.chainId],
-      outputTokenAddress: outputCurrency?.address || '',
-      outputTokenName: outputCurrency?.name || '',
-      outputTokenSymbol: outputCurrency?.symbol || '',
-      slippage: isNaN(slippagePercentage) ? 'Error calculating slippage.' : slippagePercentage,
-      type,
-    });
-
-    return { quoteError, result: data };
-  }, [
-    accountAddress,
-    dispatch,
-    independentField,
-    independentValue,
-    inputCurrency,
-    inputPrice,
-    outputCurrency,
-    resetSwapInputs,
-    slippageInBips,
-    source,
-    type,
-    refuel,
-  ]);
-  const { data, isLoading } = useQuery({
-    queryFn: getTradeDetails,
-    queryKey: [
-      'getTradeDetails',
-      independentField,
-      independentValue,
-      inputCurrency,
-      outputCurrency,
-      inputPrice,
-      maxInputUpdate,
-      slippageInBips,
-      source,
-      refuel,
-    ],
-    ...(IS_TESTING !== 'true' ? { refetchInterval: SWAP_POLLING_INTERVAL } : {}),
-  });
-
-  return {
-    loading: isLoading && Boolean(independentValue),
-    quoteError: data?.quoteError || null,
-    resetSwapInputs,
-    setRefuel,
-    result: data?.result || {
-      derivedValues,
-      displayValues,
-      tradeDetails: null,
-    },
-  };
-}
diff --git a/src/hooks/useSwapDerivedValues.ts b/src/hooks/useSwapDerivedValues.ts
deleted file mode 100644
index ff2ad398dd3..00000000000
--- a/src/hooks/useSwapDerivedValues.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { useSelector } from 'react-redux';
-import { AppState } from '@/redux/store';
-import { SwapModalField } from '@/redux/swap';
-
-export default function useSwapDerivedValues() {
-  const derivedValues: { [key in SwapModalField]: string | null } = useSelector((state: AppState) => state.swap.derivedValues);
-
-  return {
-    derivedValues,
-  };
-}
diff --git a/src/hooks/useSwapInputHandlers.ts b/src/hooks/useSwapInputHandlers.ts
deleted file mode 100644
index ac7684de5c2..00000000000
--- a/src/hooks/useSwapInputHandlers.ts
+++ /dev/null
@@ -1,71 +0,0 @@
-import lang from 'i18n-js';
-import { useCallback } from 'react';
-import { useDispatch, useSelector } from 'react-redux';
-import { Alert } from '../components/alerts';
-import { isNativeAsset } from '@/handlers/assets';
-import { greaterThan, toFixedDecimals } from '@/helpers/utilities';
-import { useGas } from '@/hooks';
-import { AppState } from '@/redux/store';
-import { updateSwapInputAmount, updateSwapNativeAmount, updateSwapOutputAmount } from '@/redux/swap';
-import { ethereumUtils } from '@/utils';
-
-export default function useSwapInputHandlers() {
-  const dispatch = useDispatch();
-
-  const { selectedGasFee, l1GasFeeOptimism } = useGas();
-
-  const inputCurrency = useSelector((state: AppState) => state.swap.inputCurrency);
-
-  const updateMaxInputAmount = useCallback(() => {
-    const inputCurrencyAddress = inputCurrency?.address;
-    const inputCurrencyUniqueId = inputCurrency?.uniqueId;
-    const inputCurrencyChainId = inputCurrency?.chainId;
-
-    const accountAsset = ethereumUtils.getAccountAsset(inputCurrencyUniqueId);
-    const oldAmount = accountAsset?.balance?.amount ?? '0';
-    let newAmount = oldAmount;
-    if (isNativeAsset(inputCurrencyAddress, inputCurrencyChainId) && accountAsset) {
-      // this subtracts gas from the balance of the asset
-      newAmount = toFixedDecimals(ethereumUtils.getBalanceAmount(selectedGasFee, accountAsset, l1GasFeeOptimism), 6);
-
-      if (greaterThan(newAmount, 0)) {
-        dispatch(updateSwapInputAmount(newAmount));
-      } else {
-        Alert({
-          message: lang.t('expanded_state.swap.swap_max_insufficient_alert.message', { symbol: accountAsset.symbol }),
-          title: lang.t('expanded_state.swap.swap_max_insufficient_alert.title', { symbol: accountAsset.symbol }),
-        });
-        return;
-      }
-    }
-    dispatch(updateSwapInputAmount(newAmount, true));
-  }, [dispatch, inputCurrency?.address, inputCurrency?.chainId, inputCurrency?.uniqueId, l1GasFeeOptimism, selectedGasFee]);
-
-  const updateInputAmount = useCallback(
-    (value: string | null) => {
-      dispatch(updateSwapInputAmount(value));
-    },
-    [dispatch]
-  );
-
-  const updateNativeAmount = useCallback(
-    (value: string | null) => {
-      dispatch(updateSwapNativeAmount(value));
-    },
-    [dispatch]
-  );
-
-  const updateOutputAmount = useCallback(
-    (value: string | null) => {
-      dispatch(updateSwapOutputAmount(value));
-    },
-    [dispatch]
-  );
-
-  return {
-    updateInputAmount,
-    updateMaxInputAmount,
-    updateNativeAmount,
-    updateOutputAmount,
-  };
-}
diff --git a/src/hooks/useSwapInputRefs.ts b/src/hooks/useSwapInputRefs.ts
deleted file mode 100644
index ae9e31874e4..00000000000
--- a/src/hooks/useSwapInputRefs.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-import { useCallback, useRef } from 'react';
-import { TextInput } from 'react-native';
-import useMagicAutofocus from './useMagicAutofocus';
-import useSwapCurrencies from './useSwapCurrencies';
-
-export default function useSwapInputRefs() {
-  const { inputCurrency, outputCurrency } = useSwapCurrencies();
-  const inputFieldRef = useRef<TextInput>(null);
-  const nativeFieldRef = useRef<TextInput>(null);
-  const outputFieldRef = useRef<TextInput>(null);
-
-  const findNextInput = useCallback(
-    (currentFocusedInputHandle: any) => {
-      const inputRefHandle = inputFieldRef.current;
-      const nativeInputRefHandle = nativeFieldRef.current;
-      const outputRefHandle = outputFieldRef.current;
-
-      const lastFocusedIsInputType =
-        currentFocusedInputHandle?.current === inputRefHandle || currentFocusedInputHandle?.current === nativeInputRefHandle;
-
-      const lastFocusedIsOutputType = currentFocusedInputHandle?.current === outputRefHandle;
-
-      if (lastFocusedIsInputType && !inputCurrency) {
-        return outputRefHandle;
-      }
-
-      if (lastFocusedIsOutputType && !outputCurrency) {
-        return inputRefHandle;
-      }
-
-      return currentFocusedInputHandle.current;
-    },
-    [inputCurrency, outputCurrency]
-  );
-
-  const { handleFocus, lastFocusedInputHandle, setLastFocusedInputHandle } = useMagicAutofocus(inputFieldRef, findNextInput, true);
-
-  return {
-    handleFocus,
-    inputFieldRef,
-    lastFocusedInputHandle,
-    nativeFieldRef,
-    outputFieldRef,
-    setLastFocusedInputHandle,
-  };
-}
diff --git a/src/hooks/useSwapIsSufficientBalance.ts b/src/hooks/useSwapIsSufficientBalance.ts
deleted file mode 100644
index 4dcbe35842d..00000000000
--- a/src/hooks/useSwapIsSufficientBalance.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import { useMemo } from 'react';
-import { useSelector } from 'react-redux';
-import { AppState } from '@/redux/store';
-import { greaterThanOrEqualTo } from '@/helpers/utilities';
-import { ethereumUtils } from '@/utils';
-
-export default function useSwapIsSufficientBalance(inputAmount: string | null) {
-  const inputCurrencyUniqueId = useSelector((state: AppState) => state.swap.inputCurrency?.uniqueId);
-  const type = useSelector((state: AppState) => state.swap.type);
-
-  const isSufficientBalance = useMemo(() => {
-    if (!inputAmount) return true;
-    const maxInputBalance = ethereumUtils.getAccountAsset(inputCurrencyUniqueId)?.balance?.amount ?? 0;
-    return greaterThanOrEqualTo(maxInputBalance, inputAmount);
-  }, [inputAmount, inputCurrencyUniqueId, type]);
-
-  return isSufficientBalance;
-}
diff --git a/src/hooks/useSwapRefuel.ts b/src/hooks/useSwapRefuel.ts
deleted file mode 100644
index 05bfc52a667..00000000000
--- a/src/hooks/useSwapRefuel.ts
+++ /dev/null
@@ -1,140 +0,0 @@
-import { ParsedAddressAsset, SwappableAsset } from '@/entities';
-import { ethereumUtils } from '@/utils';
-import useMinRefuelAmount from './useMinRefuelAmount';
-import { CrosschainQuote, Quote } from '@rainbow-me/swaps';
-import { add, greaterThan, isZero, lessThan, multiply, subtract } from '@/helpers/utilities';
-import { useEffect, useMemo, useState } from 'react';
-import { CROSSCHAIN_SWAPS, useExperimentalFlag } from '@/config';
-import { useAccountSettings, useGas } from '.';
-import { isNativeAsset } from '@/handlers/assets';
-import { toWei } from '@/handlers/web3';
-import { ChainId } from '@/chains/types';
-
-export enum RefuelState {
-  'Add' = 'Add',
-  'Deduct' = 'Deduct',
-  'Notice' = 'Notice',
-}
-
-export default function useSwapRefuel({
-  inputCurrency,
-  outputCurrency,
-  tradeDetails,
-}: {
-  inputCurrency: SwappableAsset;
-  outputCurrency: SwappableAsset;
-  tradeDetails: Quote | CrosschainQuote | null;
-}) {
-  const crosschainSwapsEnabled = useExperimentalFlag(CROSSCHAIN_SWAPS);
-  const { accountAddress } = useAccountSettings();
-  const { selectedGasFee } = useGas();
-
-  const [outputNativeAsset, setOutputNativeAsset] = useState<ParsedAddressAsset>();
-  const [inputNativeAsset, setInputNativeAsset] = useState<ParsedAddressAsset>();
-
-  const { chainId, toChainId, isCrosschainSwap } = useMemo(() => {
-    const chainId = inputCurrency.chainId;
-    const toChainId = outputCurrency.chainId;
-    const isCrosschainSwap = crosschainSwapsEnabled && chainId !== toChainId;
-
-    return {
-      chainId,
-      toChainId,
-      isCrosschainSwap,
-    };
-  }, [crosschainSwapsEnabled, inputCurrency.chainId, outputCurrency.chainId]);
-
-  const { data: minRefuelAmount } = useMinRefuelAmount(
-    {
-      chainId: chainId as number,
-      toChainId: toChainId as number,
-    },
-    { enabled: isCrosschainSwap }
-  );
-
-  useEffect(() => {
-    const getNativeInputOutputAssets = async () => {
-      if (!chainId || !toChainId || !accountAddress) return;
-      const outputNativeAsset = await ethereumUtils.getNativeAssetForNetwork({ chainId: toChainId, address: accountAddress });
-      const inputNativeAsset = await ethereumUtils.getNativeAssetForNetwork({ chainId, address: accountAddress });
-      setOutputNativeAsset(outputNativeAsset);
-      setInputNativeAsset(inputNativeAsset);
-    };
-    getNativeInputOutputAssets();
-  }, [accountAddress, toChainId, chainId]);
-
-  const { showRefuelSheet, refuelState } = useMemo(() => {
-    const swappingToNativeAsset = isNativeAsset(outputCurrency?.address, toChainId);
-    // // If the swap is going into a native token on the destination chain, in which case we can ignore all refuel functionality
-    if (swappingToNativeAsset) {
-      return { showRefuelSheet: false, refuelState: null };
-    }
-    // If its not a crosschain swap then ignore
-    if (!isCrosschainSwap) {
-      return { showRefuelSheet: false, refuelState: null };
-    }
-    // If we are swapping to mainnet then ignore
-    if (toChainId === ChainId.mainnet) return { showRefuelSheet: false, refuelState: null };
-
-    // Does the user have an existing balance on the output native asset
-    const hasZeroOutputNativeAssetBalance = isZero(outputNativeAsset?.balance?.amount || 0);
-    // If its not 0 then ignore
-    if (!hasZeroOutputNativeAssetBalance) return { showRefuelSheet: false, refuelState: null };
-
-    // Get minimum refuel amount, this is how much must be used by the refuel swap
-    const refuelAmount = minRefuelAmount || '0';
-    // Check if they have enough of the source native asset once you deduct input amount (if native asset) + gas amount, if the value is < minRefuelAmount we should show the explainer that gives them no options
-    // Get the gas fee for the swap
-    const gasFee = multiply(selectedGasFee?.gasFee?.estimatedFee?.value?.amount || '0', 1.5).toString();
-    // - If they have >= minRefuelAmount then we should check to see if they swapping native asset and if they will have the minRefuel amount left over after the swap then we offer them the option to add the amount on
-    // Check the existing source native asset balance
-    const inputNativeAssetAmount = toWei(inputNativeAsset?.balance?.amount || '0');
-    // Check if swapping from native asset
-    const swappingFromNativeAsset = isNativeAsset(inputCurrency?.address, chainId);
-
-    const gasFeesPlusRefuelAmount = add(gasFee, refuelAmount.toString());
-    // - If they wont have enough after the swap of the source native asset then we should offer to deduct some of the input amount into the refuel amount
-    // If swapping from the native asset we should take that amount into account
-    if (swappingFromNativeAsset) {
-      const nativeAmountAfterSwap = subtract(inputNativeAssetAmount, tradeDetails?.sellAmount?.toString() || '0');
-      const nativeAmountAfterSwapStillLeft = greaterThan(nativeAmountAfterSwap, 0);
-      const enoughNativeAssetAfterSwapAndRefuel = lessThan(gasFeesPlusRefuelAmount, nativeAmountAfterSwap);
-      // if enoughNativeAssetAfterSwapAndRefuel user can refuel without any issue
-      if (enoughNativeAssetAfterSwapAndRefuel) return { showRefuelSheet: true, refuelState: RefuelState.Add };
-      // if user max'ed out
-      // Show deduct refuel amount modal if enough balance to refuel
-      if (!enoughNativeAssetAfterSwapAndRefuel && nativeAmountAfterSwapStillLeft)
-        return { showRefuelSheet: true, refuelState: RefuelState.Deduct };
-      // Show notice refuel amount modal if not enough balance to refuel
-      return { showRefuelSheet: true, refuelState: RefuelState.Notice };
-    }
-    // If the total gas and refuel amount is less than native asset amount balance then show normal refuel screen
-    // If total gas and refuel is more than the native asset amount the  show the continue anyway and dont allow for refuel
-    const enoughNativeAssetAfterSwapAndRefuel = lessThan(gasFeesPlusRefuelAmount, inputNativeAssetAmount);
-
-    if (enoughNativeAssetAfterSwapAndRefuel) {
-      return { showRefuelSheet: true, refuelState: RefuelState.Add };
-    }
-
-    return { showRefuelSheet: true, refuelState: RefuelState.Notice };
-  }, [
-    chainId,
-    inputCurrency?.address,
-    inputNativeAsset?.balance?.amount,
-    isCrosschainSwap,
-    minRefuelAmount,
-    outputCurrency?.address,
-    outputNativeAsset?.balance?.amount,
-    selectedGasFee?.gasFee?.estimatedFee?.value?.amount,
-    toChainId,
-    tradeDetails?.sellAmount,
-  ]);
-
-  return {
-    showRefuelSheet,
-    refuelState,
-    inputNativeAsset,
-    outputNativeAsset,
-    minRefuelAmount,
-  };
-}
diff --git a/src/hooks/useSwapSettings.ts b/src/hooks/useSwapSettings.ts
deleted file mode 100644
index 8e9d5780414..00000000000
--- a/src/hooks/useSwapSettings.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-import { useCallback } from 'react';
-import { useDispatch, useSelector } from 'react-redux';
-import { AppState } from '@/redux/store';
-import { Source } from '@/raps/references';
-import { updateSwapSlippage as updateSwapSlippageRedux, updateSwapSource as updateSwapSourceRedux } from '@/redux/swap';
-
-export default function useSwapSettings() {
-  const dispatch = useDispatch();
-
-  const slippage = useSelector((state: AppState) => state.swap.slippageInBips);
-  const maxInputUpdate = useSelector((state: AppState) => state.swap.maxInputUpdate);
-  const flipCurrenciesUpdate = useSelector((state: AppState) => state.swap.flipCurrenciesUpdate);
-  const currentSource = useSelector((state: AppState) => state.swap.source);
-
-  const updateSwapSlippage = useCallback(
-    (value: number) => {
-      dispatch(updateSwapSlippageRedux(value));
-    },
-    [dispatch]
-  );
-
-  const updateSwapSource = useCallback(
-    (value: Source) => {
-      dispatch(updateSwapSourceRedux(value));
-    },
-    [dispatch]
-  );
-  return {
-    flipCurrenciesUpdate,
-    maxInputUpdate,
-    slippageInBips: slippage,
-    source: currentSource,
-    updateSwapSlippage,
-    updateSwapSource,
-  };
-}
diff --git a/src/hooks/useSwappableUserAssets.ts b/src/hooks/useSwappableUserAssets.ts
deleted file mode 100644
index e1d501fec48..00000000000
--- a/src/hooks/useSwappableUserAssets.ts
+++ /dev/null
@@ -1,111 +0,0 @@
-import { SwappableAsset } from '@/entities';
-import { walletFilter } from '@/handlers/tokenSearch';
-import { useCoinListEditOptions } from '@/hooks';
-import { ETH_ADDRESS } from '@/references';
-import { useSortedUserAssets } from '@/resources/assets/useSortedUserAssets';
-import { EthereumAddress, ETH_ADDRESS as ETH_ADDRESS_AGGREGATORS } from '@rainbow-me/swaps';
-import { useCallback, useEffect, useMemo, useRef } from 'react';
-import { ChainId } from '@/chains/types';
-import { supportedSwapChainIds } from '@/chains';
-
-type SwappableAddresses = Record<ChainId, EthereumAddress[]>;
-
-export const useSwappableUserAssets = (params: { outputCurrency: SwappableAsset }) => {
-  const { outputCurrency } = params;
-  const { data: sortedAssets } = useSortedUserAssets();
-  const assetsInWallet = sortedAssets as SwappableAsset[];
-  const { hiddenCoinsObj } = useCoinListEditOptions();
-
-  const swappableAssetsRef = useRef<SwappableAddresses>(
-    supportedSwapChainIds.reduce((acc, chainId) => {
-      acc[chainId] = [];
-      return acc;
-    }, {} as SwappableAddresses)
-  );
-
-  const filteredAssetsInWallet = (assetsInWallet || []).filter(asset => {
-    // filter out hidden tokens
-    if (hiddenCoinsObj[asset.uniqueId]) return true;
-
-    // filter out networks where swaps are not enabled
-    if (supportedSwapChainIds.includes(asset.chainId)) return true;
-
-    return false;
-  });
-
-  const getSwappableAddressesForChainId = useCallback(
-    async (addresses: EthereumAddress[], chainId: keyof SwappableAddresses) => {
-      try {
-        if (outputCurrency) {
-          const outputChainId = outputCurrency.chainId;
-          if (outputChainId !== chainId) {
-            const swappableAddresses = (await walletFilter({
-              addresses,
-              fromChainId: chainId,
-              toChainId: outputChainId,
-            })) as string[];
-
-            swappableAssetsRef.current[chainId] = swappableAddresses;
-          } else {
-            swappableAssetsRef.current[chainId] = addresses;
-          }
-        }
-      } catch (e) {
-        swappableAssetsRef.current[chainId] = addresses;
-      }
-    },
-    [outputCurrency]
-  );
-
-  const getSwappableAddressesInWallet = useCallback(async () => {
-    const walletFilterRequests: Promise<void>[] = [];
-    supportedSwapChainIds.forEach(chainId => {
-      const assetsAddressesOnChain = filteredAssetsInWallet
-        .filter(asset => (asset?.chainId || ChainId.mainnet) === chainId)
-        .map(asset => (asset?.address === ETH_ADDRESS ? ETH_ADDRESS_AGGREGATORS : asset?.address));
-      if (assetsAddressesOnChain.length) {
-        walletFilterRequests.push(getSwappableAddressesForChainId(assetsAddressesOnChain, chainId));
-      }
-    });
-    await Promise.all(walletFilterRequests);
-  }, [filteredAssetsInWallet, getSwappableAddressesForChainId]);
-
-  const swappableUserAssets = useMemo(
-    () =>
-      filteredAssetsInWallet.filter(asset => {
-        const assetChainId = asset?.chainId || ChainId.mainnet;
-        const assetAddress = asset?.address === ETH_ADDRESS ? ETH_ADDRESS_AGGREGATORS : asset?.address;
-
-        const isSwappable = swappableAssetsRef.current[assetChainId]?.includes(assetAddress);
-        return isSwappable;
-      }),
-    [filteredAssetsInWallet]
-  );
-
-  const unswappableUserAssets = useMemo(
-    () =>
-      filteredAssetsInWallet.filter(asset => {
-        const assetChainId = asset?.chainId || ChainId.mainnet;
-        const assetAddress = asset?.address === ETH_ADDRESS ? ETH_ADDRESS_AGGREGATORS : asset?.address;
-        const isNotSwappable = !swappableAssetsRef.current[assetChainId]?.includes(assetAddress);
-        return isNotSwappable;
-      }),
-    [filteredAssetsInWallet]
-  );
-
-  useEffect(() => {
-    getSwappableAddressesInWallet();
-  }, [getSwappableAddressesInWallet]);
-
-  if (!outputCurrency) {
-    return {
-      swappableUserAssets: filteredAssetsInWallet,
-      unswappableUserAssets: [],
-    };
-  }
-
-  return {
-    swappableUserAssets,
-    unswappableUserAssets,
-  };
-};
diff --git a/src/model/remoteConfig.ts b/src/model/remoteConfig.ts
index c380f3545a4..fc4461f0777 100644
--- a/src/model/remoteConfig.ts
+++ b/src/model/remoteConfig.ts
@@ -86,7 +86,6 @@ export interface RainbowConfig extends Record<string, string | boolean | number>
   remote_promo_enabled: boolean;
   points_notifications_toggle: boolean;
   dapp_browser: boolean;
-  swaps_v2: boolean;
   idfa_check_enabled: boolean;
   rewards_enabled: boolean;
 
@@ -172,7 +171,6 @@ export const DEFAULT_CONFIG: RainbowConfig = {
   remote_promo_enabled: false,
   points_notifications_toggle: true,
   dapp_browser: true,
-  swaps_v2: true,
   idfa_check_enabled: true,
   rewards_enabled: true,
 
@@ -231,7 +229,6 @@ export async function fetchRemoteConfig(): Promise<RainbowConfig> {
         key === 'remote_cards_enabled' ||
         key === 'points_notifications_toggle' ||
         key === 'dapp_browser' ||
-        key === 'swaps_v2' ||
         key === 'idfa_check_enabled' ||
         key === 'rewards_enabled' ||
         key === 'degen_mode' ||
diff --git a/src/navigation/ExchangeModalNavigator.js b/src/navigation/ExchangeModalNavigator.js
deleted file mode 100644
index 169702cf191..00000000000
--- a/src/navigation/ExchangeModalNavigator.js
+++ /dev/null
@@ -1,98 +0,0 @@
-import { createMaterialTopTabNavigator } from '@react-navigation/material-top-tabs';
-import { useRoute } from '@react-navigation/native';
-import { createStackNavigator } from '@react-navigation/stack';
-import React, { useCallback, useEffect, useRef } from 'react';
-import { useMemoOne } from 'use-memo-one';
-import { FlexItem } from '../components/layout';
-import { cancelNext, uncancelNext } from '../hooks/useMagicAutofocus';
-import CurrencySelectModal from '../screens/CurrencySelectModal';
-import ExpandedAssetSheet from '../screens/ExpandedAssetSheet';
-import SwapModalScreen from '../screens/SwapModal';
-import { getActiveRoute, useNavigation } from './Navigation';
-import { exchangeTabNavigatorConfig, stackNavigationConfig } from './config';
-import { exchangeModalPreset, expandedPreset, swapSettingsPreset } from './effects';
-import Routes from './routesNames';
-import { useSwapCurrencies } from '@/hooks';
-import styled from '@/styled-thing';
-import { position } from '@/styles';
-
-const Stack = createStackNavigator();
-const Tabs = createMaterialTopTabNavigator();
-
-const GestureBlocker = styled.View.attrs({
-  pointerEvents: 'none',
-})({
-  ...position.sizeAsObject('100%'),
-  backgroundColor: ({ theme: { colors } }) => colors.transparent,
-  position: 'absolute',
-});
-
-export function ExchangeNavigatorFactory(SwapModal = SwapModalScreen) {
-  function MainExchangeNavigator() {
-    const { params } = useRoute();
-
-    return (
-      <Stack.Navigator {...stackNavigationConfig} initialRouteName={Routes.MAIN_EXCHANGE_SCREEN} screenOptions={exchangeModalPreset}>
-        <Stack.Screen component={SwapModal} initialParams={params} name={Routes.MAIN_EXCHANGE_SCREEN} />
-        {android && (
-          <>
-            <Stack.Screen component={ExpandedAssetSheet} initialParams={params} name={Routes.SWAP_DETAILS_SHEET} options={expandedPreset} />
-            <Stack.Screen component={ExpandedAssetSheet} name={Routes.SWAP_SETTINGS_SHEET} options={swapSettingsPreset} />
-          </>
-        )}
-      </Stack.Navigator>
-    );
-  }
-
-  return function ExchangeModalNavigator() {
-    const ref = useRef();
-    const { params } = useRoute();
-    const { setOptions, addListener, removeListener } = useNavigation();
-
-    const { inputCurrency, outputCurrency } = useSwapCurrencies();
-
-    useEffect(() => {
-      // Workaround to fix weird keyboard focus issues upon immediate screen focus then unfocus
-      if (android && params.fromDiscover) {
-        addListener('gestureStart', cancelNext);
-        addListener('blur', uncancelNext);
-        addListener('focus', uncancelNext);
-        return () => {
-          removeListener('gestureStart', cancelNext);
-          removeListener('blur', uncancelNext);
-          removeListener('focus', uncancelNext);
-        };
-      }
-    }, [addListener, removeListener, params]);
-
-    const toggleGestureEnabled = useCallback(
-      dismissable => {
-        setOptions({ dismissable, gestureEnabled: dismissable });
-      },
-      [setOptions]
-    );
-
-    const initialParams = useMemoOne(
-      () => ({
-        toggleGestureEnabled,
-        ...params?.params,
-      }),
-      [toggleGestureEnabled]
-    );
-
-    const routeName = getActiveRoute()?.name;
-
-    const enableSwipe = routeName === Routes.CURRENCY_SELECT_SCREEN && (!!inputCurrency || !!outputCurrency);
-
-    return (
-      <FlexItem>
-        <Tabs.Navigator screenOptions={{ swipeEnabled: enableSwipe }} {...exchangeTabNavigatorConfig}>
-          <Tabs.Screen component={MainExchangeNavigator} initialParams={initialParams} name={Routes.MAIN_EXCHANGE_NAVIGATOR} />
-          <Tabs.Screen component={CurrencySelectModal} initialParams={initialParams} name={Routes.CURRENCY_SELECT_SCREEN} />
-        </Tabs.Navigator>
-        {ios && <GestureBlocker ref={ref} />}
-      </FlexItem>
-    );
-  };
-}
-export default ExchangeNavigatorFactory();
diff --git a/src/navigation/Routes.android.tsx b/src/navigation/Routes.android.tsx
index e66ca433ef5..58676af5163 100644
--- a/src/navigation/Routes.android.tsx
+++ b/src/navigation/Routes.android.tsx
@@ -60,9 +60,8 @@ import {
 import { InitialRouteContext } from './initialRoute';
 import { onNavigationStateChange } from './onNavigationStateChange';
 import Routes from './routesNames';
-import { ExchangeModalNavigator } from './index';
 import { deviceUtils } from '@/utils';
-import useExperimentalFlag, { PROFILES, SWAPS_V2 } from '@/config/experimentalHooks';
+import useExperimentalFlag, { PROFILES } from '@/config/experimentalHooks';
 import QRScannerScreen from '@/screens/QRScannerScreen';
 import { PairHardwareWalletNavigator } from './PairHardwareWalletNavigator';
 import LearnWebViewScreen from '@/screens/LearnWebViewScreen';
@@ -87,7 +86,6 @@ import { PointsProfileProvider } from '@/screens/points/contexts/PointsProfileCo
 import walletBackupStepTypes from '@/helpers/walletBackupStepTypes';
 import AppIconUnlockSheet from '@/screens/AppIconUnlockSheet';
 import { SwapScreen } from '@/__swaps__/screens/Swap/Swap';
-import { useRemoteConfig } from '@/model/remoteConfig';
 import { ControlPanel } from '@/components/DappBrowser/control-panel/ControlPanel';
 import { ClaimRewardsPanel } from '@/screens/points/claim-flow/ClaimRewardsPanel';
 import { ClaimClaimablePanel } from '@/screens/claimables/ClaimClaimablePanel';
@@ -115,7 +113,6 @@ function MainNavigator() {
           cardStyleInterpolator: speedUpAndCancelStyleInterpolator,
         }}
       />
-      <Stack.Screen component={ExchangeModalNavigator} name={Routes.EXCHANGE_MODAL} options={exchangePreset} />
       <Stack.Screen component={ReceiveModal} name={Routes.RECEIVE_MODAL} options={androidRecievePreset} />
 
       <Stack.Screen component={WalletConnectRedirectSheet} name={Routes.WALLET_CONNECT_REDIRECT_SHEET} options={wcPromptPreset} />
@@ -143,9 +140,7 @@ function MainOuterNavigator() {
 }
 
 function BSNavigator() {
-  const remoteConfig = useRemoteConfig();
   const profilesEnabled = useExperimentalFlag(PROFILES);
-  const swapsV2Enabled = useExperimentalFlag(SWAPS_V2) || remoteConfig.swaps_v2;
 
   return (
     <BSStack.Navigator>
@@ -197,13 +192,6 @@ function BSNavigator() {
       <BSStack.Screen component={ExternalLinkWarningSheet} name={Routes.EXTERNAL_LINK_WARNING_SHEET} options={bottomSheetPreset} />
       <BSStack.Screen component={ModalScreen} {...closeKeyboardOnClose} name={Routes.MODAL_SCREEN} />
       <BSStack.Screen component={SendConfirmationSheet} name={Routes.SEND_CONFIRMATION_SHEET} options={sheetPreset} />
-      <BSStack.Screen
-        component={ExpandedAssetSheet}
-        name={Routes.CUSTOM_GAS_SHEET}
-        options={{
-          backdropOpacity: 1,
-        }}
-      />
       <BSStack.Screen
         component={BackupSheet}
         name={Routes.BACKUP_SHEET}
@@ -250,7 +238,7 @@ function BSNavigator() {
       <BSStack.Screen component={ClaimRewardsPanel} name={Routes.CLAIM_REWARDS_PANEL} />
       <BSStack.Screen component={ClaimClaimablePanel} name={Routes.CLAIM_CLAIMABLE_PANEL} />
       <BSStack.Screen component={ChangeWalletSheet} name={Routes.CHANGE_WALLET_SHEET} options={{ ...bottomSheetPreset }} />
-      {swapsV2Enabled && <BSStack.Screen component={SwapScreen} name={Routes.SWAP} options={swapSheetPreset} />}
+      <BSStack.Screen component={SwapScreen} name={Routes.SWAP} options={swapSheetPreset} />
     </BSStack.Navigator>
   );
 }
diff --git a/src/navigation/Routes.ios.tsx b/src/navigation/Routes.ios.tsx
index 1ea1c9553ae..0bd25ce50ef 100644
--- a/src/navigation/Routes.ios.tsx
+++ b/src/navigation/Routes.ios.tsx
@@ -45,7 +45,6 @@ import {
   explainSheetConfig,
   externalLinkWarningSheetConfig,
   mintsSheetConfig,
-  nativeStackDefaultConfig,
   nftOffersSheetConfig,
   nftSingleOfferSheetConfig,
   pairHardwareWalletNavigatorConfig,
@@ -78,8 +77,7 @@ import { InitialRouteContext } from './initialRoute';
 import { nativeStackConfig } from './nativeStackConfig';
 import { onNavigationStateChange } from './onNavigationStateChange';
 import Routes from './routesNames';
-import { ExchangeModalNavigator } from './index';
-import useExperimentalFlag, { PROFILES, SWAPS_V2 } from '@/config/experimentalHooks';
+import useExperimentalFlag, { PROFILES } from '@/config/experimentalHooks';
 import createNativeStackNavigator from '@/react-native-cool-modals/createNativeStackNavigator';
 import QRScannerScreen from '@/screens/QRScannerScreen';
 import { PairHardwareWalletNavigator } from './PairHardwareWalletNavigator';
@@ -142,9 +140,7 @@ function MainStack() {
 }
 
 function NativeStackNavigator() {
-  const remoteConfig = useRemoteConfig();
   const profilesEnabled = useExperimentalFlag(PROFILES);
-  const swapsV2Enabled = useExperimentalFlag(SWAPS_V2) || remoteConfig.swaps_v2;
 
   return (
     <NativeStack.Navigator {...nativeStackConfig}>
@@ -152,11 +148,6 @@ function NativeStackNavigator() {
       <NativeStack.Screen component={LearnWebViewScreen} name={Routes.LEARN_WEB_VIEW_SCREEN} {...learnWebViewScreenConfig} />
       <NativeStack.Screen component={ReceiveModal} name={Routes.RECEIVE_MODAL} {...recieveModalSheetConfig} />
       <NativeStack.Screen component={SettingsSheet} name={Routes.SETTINGS_SHEET} {...settingsSheetConfig} />
-      <NativeStack.Screen
-        component={ExchangeModalNavigator}
-        name={Routes.EXCHANGE_MODAL}
-        options={{ ...nativeStackDefaultConfig, relevantScrollViewDepth: 2 }}
-      />
       <NativeStack.Screen component={ExpandedAssetSheet} name={Routes.EXPANDED_ASSET_SHEET} {...expandedAssetSheetConfigWithLimit} />
       <NativeStack.Screen component={PoapSheet} name={Routes.POAP_SHEET} {...expandedAssetSheetConfigWithLimit} />
       <NativeStack.Screen component={MintSheet} name={Routes.MINT_SHEET} {...expandedAssetSheetConfigWithLimit} />
@@ -231,7 +222,6 @@ function NativeStackNavigator() {
       />
       <NativeStack.Screen component={RestoreSheet} name={Routes.RESTORE_SHEET} {...restoreSheetConfig} />
       <NativeStack.Screen component={SignTransactionSheet} name={Routes.CONFIRM_REQUEST} {...signTransactionSheetConfig} />
-      <NativeStack.Screen component={ExpandedAssetSheet} name={Routes.CUSTOM_GAS_SHEET} {...customGasSheetConfig} />
       <NativeStack.Screen component={ExpandedAssetSheet} name={Routes.SWAP_DETAILS_SHEET} {...swapDetailsSheetConfig} />
       <NativeStack.Screen component={ExpandedAssetSheet} name={Routes.SWAP_SETTINGS_SHEET} {...customGasSheetConfig} />
       <NativeStack.Screen component={QRScannerScreen} name={Routes.QR_SCANNER_SCREEN} {...qrScannerConfig} />
@@ -289,8 +279,7 @@ function NativeStackNavigator() {
       <NativeStack.Screen component={ControlPanel} name={Routes.DAPP_BROWSER_CONTROL_PANEL} {...panelConfig} />
       <NativeStack.Screen component={ClaimRewardsPanel} name={Routes.CLAIM_REWARDS_PANEL} {...panelConfig} />
       <NativeStack.Screen component={ClaimClaimablePanel} name={Routes.CLAIM_CLAIMABLE_PANEL} {...panelConfig} />
-
-      {swapsV2Enabled && <NativeStack.Screen component={SwapScreen} name={Routes.SWAP} {...swapConfig} />}
+      <NativeStack.Screen component={SwapScreen} name={Routes.SWAP} {...swapConfig} />
     </NativeStack.Navigator>
   );
 }
diff --git a/src/navigation/config.tsx b/src/navigation/config.tsx
index fbe583c44b8..4de26c91662 100644
--- a/src/navigation/config.tsx
+++ b/src/navigation/config.tsx
@@ -599,16 +599,6 @@ export const nativeStackDefaultConfigWithoutStatusBar: CoolModalConfigOptions =
   },
 };
 
-export const exchangeTabNavigatorConfig = {
-  initialLayout: deviceUtils.dimensions,
-  sceneContainerStyle: {
-    backgroundColor: 'transparent',
-  },
-  swipeDistanceMinimum: 0,
-  tabBar: () => null,
-  transparentCard: true,
-};
-
 const BackArrow = styled(Icon).attrs({
   color: colors.themedColors?.appleBlue,
   direction: 'left',
diff --git a/src/navigation/effects.tsx b/src/navigation/effects.tsx
index d56e11a8662..ba02e4e0f2d 100644
--- a/src/navigation/effects.tsx
+++ b/src/navigation/effects.tsx
@@ -392,16 +392,6 @@ export const expandedPreset: StackNavigationOptions = {
   detachPreviousScreen: false,
 };
 
-export const swapSettingsPreset: StackNavigationOptions = {
-  cardOverlayEnabled: true,
-  cardShadowEnabled: true,
-  cardStyle: { backgroundColor: 'transparent', overflow: 'visible' },
-  cardStyleInterpolator: expandStyleInterpolator(1),
-  gestureDirection: 'vertical',
-  gestureResponseDistance,
-  transitionSpec: { close: closeSpec, open: openSpec },
-};
-
 export const overlayExpandedPreset: StackNavigationOptions = {
   cardOverlayEnabled: true,
   cardShadowEnabled: false,
@@ -511,17 +501,6 @@ export const settingsPreset = ({ route }: any) => ({
   cardStyleInterpolator: sheetStyleInterpolator(0.7),
 });
 
-export const exchangeModalPreset = {
-  cardStyle: { backgroundColor: 'black' },
-  cardStyleInterpolator: () => ({
-    overlayStyle: {
-      backgroundColor: 'black',
-    },
-  }),
-  gestureEnabled: true,
-  gestureResponseDistance,
-};
-
 export const swapDetailsPreset = {
   cardOverlayEnabled: true,
   cardShadowEnabled: true,
diff --git a/src/navigation/index.ts b/src/navigation/index.ts
index b00572a6620..0a4a3a63bec 100644
--- a/src/navigation/index.ts
+++ b/src/navigation/index.ts
@@ -1,4 +1,3 @@
-export { default as ExchangeModalNavigator } from './ExchangeModalNavigator';
 export { default as Navigation, useNavigation } from './Navigation';
 export { default as SpringConfig } from './SpringConfig';
 export { default as useStatusBarManaging } from './useStatusBarManaging';
diff --git a/src/navigation/routesNames.ts b/src/navigation/routesNames.ts
index 0356fe71a56..d8251f1e03e 100644
--- a/src/navigation/routesNames.ts
+++ b/src/navigation/routesNames.ts
@@ -18,7 +18,6 @@ const Routes = {
   CONNECTED_DAPPS: 'ConnectedDapps',
   CONSOLE_SHEET: 'ConsoleSheet',
   CURRENCY_SELECT_SCREEN: 'CurrencySelectScreen',
-  CUSTOM_GAS_SHEET: 'CustomGasSheet',
   DAPP_BROWSER_SCREEN: 'DappBrowserScreen',
   DAPP_BROWSER: 'DappBrowser',
   SWAP: 'Swap',
@@ -29,7 +28,6 @@ const Routes = {
   ENS_CONFIRM_REGISTER_SHEET: 'ENSConfirmRegisterSheet',
   ENS_INTRO_SHEET: 'ENSIntroSheet',
   ENS_SEARCH_SHEET: 'ENSSearchSheet',
-  EXCHANGE_MODAL: 'ExchangeModal',
   EXPANDED_ASSET_SCREEN: 'ExpandedAssetScreen',
   EXPANDED_ASSET_SHEET: 'ExpandedAssetSheet',
   EXPLAIN_SHEET: 'ExplainSheet',
@@ -41,8 +39,6 @@ const Routes = {
   LEARN_WEB_VIEW_SCREEN: 'LearnWebViewScreen',
   POAP_SHEET: 'PoapSheet',
   MINT_SHEET: 'MintSheet',
-  MAIN_EXCHANGE_NAVIGATOR: 'MainExchangeNavigator',
-  MAIN_EXCHANGE_SCREEN: 'MainExchangeScreen',
   MAIN_NATIVE_BOTTOM_SHEET_NAVIGATOR: 'MainNativeBottomSheetNavigation',
   MAIN_NAVIGATOR: 'MainNavigator',
   MAIN_NAVIGATOR_WRAPPER: 'MainNavigatorWrapper',
@@ -114,7 +110,6 @@ const Routes = {
 export const NATIVE_ROUTES = [
   Routes.RECEIVE_MODAL,
   Routes.SETTINGS_SHEET,
-  Routes.EXCHANGE_MODAL,
   Routes.EXPANDED_ASSET_SHEET,
   Routes.CHANGE_WALLET_SHEET,
   Routes.MODAL_SCREEN,
diff --git a/src/navigation/types.ts b/src/navigation/types.ts
index 59420752554..52b75776ded 100644
--- a/src/navigation/types.ts
+++ b/src/navigation/types.ts
@@ -97,4 +97,9 @@ export type RootStackParamList = {
   [Routes.WALLET_CONNECT_REDIRECT_SHEET]: {
     type: WalletconnectResultType;
   };
+  [Routes.EXPANDED_ASSET_SHEET]: {
+    longFormHeight: number;
+    type: 'token' | 'unique_token';
+    asset: ParsedAddressAsset | UniqueAsset;
+  };
 };
diff --git a/src/redux/reducers.ts b/src/redux/reducers.ts
index 1879a8ce452..41039a1d7fb 100644
--- a/src/redux/reducers.ts
+++ b/src/redux/reducers.ts
@@ -14,7 +14,6 @@ import keyboardHeight from './keyboardHeight';
 import requests from './requests';
 import settings from './settings';
 import showcaseTokens from './showcaseTokens';
-import swap from './swap';
 import transactionSignatures from './transactionSignatures';
 import walletconnect from './walletconnect';
 import wallets from './wallets';
@@ -33,7 +32,6 @@ export default combineReducers({
   requests,
   settings,
   showcaseTokens,
-  swap,
   transactionSignatures,
   walletconnect,
   wallets,
diff --git a/src/redux/swap.ts b/src/redux/swap.ts
deleted file mode 100644
index 0ca1da8addd..00000000000
--- a/src/redux/swap.ts
+++ /dev/null
@@ -1,270 +0,0 @@
-import { CrosschainQuote, Quote, QuoteError } from '@rainbow-me/swaps';
-import { AnyAction } from 'redux';
-import { SwappableAsset } from '@/entities';
-import { ExchangeModalTypes } from '@/helpers';
-import { AppDispatch, AppGetState } from '@/redux/store';
-import { Source } from '@/raps/references';
-
-export interface SwapAmount {
-  display: string | null;
-  value: string | null;
-}
-
-export enum SwapModalField {
-  input = 'inputAmount',
-  native = 'nativeAmount',
-  output = 'outputAmount',
-}
-
-export interface TypeSpecificParameters {
-  cTokenBalance: string;
-  supplyBalanceUnderlying: string;
-}
-
-interface SwapState {
-  derivedValues: any;
-  displayValues: any;
-  quoteError: QuoteError | null;
-  inputCurrency: SwappableAsset | null;
-  independentField: SwapModalField;
-  independentValue: string | null;
-  maxInputUpdate: boolean;
-  flipCurrenciesUpdate: boolean;
-  slippageInBips: number;
-  source: Source;
-  type: string;
-  tradeDetails: Quote | CrosschainQuote | null;
-  typeSpecificParameters?: TypeSpecificParameters | null;
-  outputCurrency: SwappableAsset | null;
-}
-
-// -- Constants --------------------------------------- //
-const SWAP_UPDATE_SLIPPAGE = 'swap/SWAP_UPDATE_SLIPPAGE';
-const SWAP_UPDATE_SOURCE = 'swap/SWAP_UPDATE_SOURCE';
-const SWAP_UPDATE_INPUT_AMOUNT = 'swap/SWAP_UPDATE_INPUT_AMOUNT';
-const SWAP_UPDATE_NATIVE_AMOUNT = 'swap/SWAP_UPDATE_NATIVE_AMOUNT';
-const SWAP_UPDATE_OUTPUT_AMOUNT = 'swap/SWAP_UPDATE_OUTPUT_AMOUNT';
-const SWAP_UPDATE_INPUT_CURRENCY = 'swap/SWAP_UPDATE_INPUT_CURRENCY';
-const SWAP_UPDATE_OUTPUT_CURRENCY = 'swap/SWAP_UPDATE_OUTPUT_CURRENCY';
-const SWAP_FLIP_CURRENCIES = 'swap/SWAP_FLIP_CURRENCIES';
-const SWAP_UPDATE_TYPE_DETAILS = 'swap/SWAP_UPDATE_TYPE_DETAILS';
-const SWAP_UPDATE_QUOTE = 'swap/SWAP_UPDATE_QUOTE';
-const SWAP_CLEAR_STATE = 'swap/SWAP_CLEAR_STATE';
-
-// -- Actions ---------------------------------------- //
-export const updateSwapTypeDetails = (type: string, typeSpecificParameters?: TypeSpecificParameters | null) => (dispatch: AppDispatch) => {
-  dispatch({
-    payload: {
-      type,
-      typeSpecificParameters,
-    },
-    type: SWAP_UPDATE_TYPE_DETAILS,
-  });
-};
-
-export const updateSwapSlippage = (slippage: number) => (dispatch: AppDispatch) => {
-  dispatch({
-    payload: slippage,
-    type: SWAP_UPDATE_SLIPPAGE,
-  });
-};
-
-export const updateSwapSource = (newSource: Source) => (dispatch: AppDispatch) => {
-  dispatch({
-    payload: newSource,
-    type: SWAP_UPDATE_SOURCE,
-  });
-};
-
-export const updateSwapInputAmount =
-  (value: string | null, maxInputUpdate = false) =>
-  (dispatch: AppDispatch) => {
-    dispatch({
-      payload: { independentValue: value, maxInputUpdate },
-      type: SWAP_UPDATE_INPUT_AMOUNT,
-    });
-  };
-
-export const updateSwapNativeAmount = (value: string | null) => (dispatch: AppDispatch) => {
-  dispatch({
-    payload: value,
-    type: SWAP_UPDATE_NATIVE_AMOUNT,
-  });
-};
-
-export const updateSwapOutputAmount = (value: string | null) => (dispatch: AppDispatch) => {
-  dispatch({
-    payload: value,
-    type: SWAP_UPDATE_OUTPUT_AMOUNT,
-  });
-};
-
-export const updateSwapInputCurrency =
-  (newInputCurrency: SwappableAsset | null, ignoreTypeCheck = false) =>
-  (dispatch: AppDispatch, getState: AppGetState) => {
-    const { independentField, outputCurrency, type } = getState().swap;
-    if (type === ExchangeModalTypes.swap && newInputCurrency?.uniqueId === outputCurrency?.uniqueId && newInputCurrency) {
-      dispatch(flipSwapCurrencies(false));
-    } else {
-      dispatch({ payload: newInputCurrency, type: SWAP_UPDATE_INPUT_CURRENCY });
-      if (
-        type === ExchangeModalTypes.swap &&
-        newInputCurrency?.chainId !== outputCurrency?.chainId &&
-        newInputCurrency &&
-        !ignoreTypeCheck
-      ) {
-        dispatch(updateSwapOutputCurrency(null, true));
-      }
-
-      if (independentField === SwapModalField.input) {
-        dispatch(updateSwapInputAmount(null));
-      }
-    }
-  };
-
-export const updateSwapOutputCurrency =
-  (newOutputCurrency: SwappableAsset | null, ignoreTypeCheck = false) =>
-  (dispatch: AppDispatch, getState: AppGetState) => {
-    const { independentField, inputCurrency, type } = getState().swap;
-    if (newOutputCurrency?.uniqueId === inputCurrency?.uniqueId && newOutputCurrency) {
-      dispatch(flipSwapCurrencies(true));
-    } else {
-      if (
-        type === ExchangeModalTypes.swap &&
-        newOutputCurrency?.chainId !== inputCurrency?.chainId &&
-        newOutputCurrency &&
-        !ignoreTypeCheck
-      ) {
-        dispatch(updateSwapInputCurrency(null, true));
-      }
-
-      dispatch({ payload: newOutputCurrency, type: SWAP_UPDATE_OUTPUT_CURRENCY });
-      if (independentField === SwapModalField.output || newOutputCurrency === null) {
-        dispatch(updateSwapOutputAmount(null));
-      }
-    }
-  };
-
-export const flipSwapCurrencies =
-  (outputIndependentField: boolean, independentValue?: string | null) => (dispatch: AppDispatch, getState: AppGetState) => {
-    const { inputCurrency, outputCurrency } = getState().swap;
-    dispatch({
-      payload: {
-        flipCurrenciesUpdate: true,
-        independentField: outputIndependentField ? SwapModalField.output : SwapModalField.input,
-        independentValue,
-        newInputCurrency: outputCurrency,
-        newOutputCurrency: inputCurrency,
-      },
-      type: SWAP_FLIP_CURRENCIES,
-    });
-  };
-
-export const updateSwapQuote = (value: any) => (dispatch: AppDispatch) => {
-  dispatch({
-    payload: value,
-    type: SWAP_UPDATE_QUOTE,
-  });
-};
-
-export const swapClearState = () => (dispatch: AppDispatch) => {
-  dispatch({ type: SWAP_CLEAR_STATE });
-};
-
-// -- Reducer ----------------------------------------- //
-const INITIAL_STATE: SwapState = {
-  derivedValues: null,
-  displayValues: null,
-  flipCurrenciesUpdate: false,
-  independentField: SwapModalField.input,
-  independentValue: null,
-  inputCurrency: null,
-  maxInputUpdate: false,
-  outputCurrency: null,
-  quoteError: null,
-  slippageInBips: 100,
-  source: Source.AggregatorRainbow,
-  tradeDetails: null,
-  type: ExchangeModalTypes.swap,
-  typeSpecificParameters: null,
-};
-
-export default (state = INITIAL_STATE, action: AnyAction) => {
-  switch (action.type) {
-    case SWAP_UPDATE_QUOTE:
-      return {
-        ...state,
-        derivedValues: action.payload.derivedValues,
-        displayValues: action.payload.displayValues,
-        quoteError: action.payload.quoteError,
-        tradeDetails: action.payload.tradeDetails,
-      };
-    case SWAP_UPDATE_TYPE_DETAILS:
-      return {
-        ...state,
-        type: action.payload.type,
-        typeSpecificParameters: action.payload.typeSpecificParameters,
-      };
-    case SWAP_UPDATE_SLIPPAGE:
-      return {
-        ...state,
-        slippageInBips: action.payload,
-      };
-    case SWAP_UPDATE_SOURCE:
-      return {
-        ...state,
-        source: action.payload,
-      };
-    case SWAP_UPDATE_INPUT_AMOUNT:
-      return {
-        ...state,
-        flipCurrenciesUpdate: false,
-        independentField: SwapModalField.input,
-        independentValue: action.payload.independentValue,
-        maxInputUpdate: action.payload.maxInputUpdate,
-      };
-    case SWAP_UPDATE_NATIVE_AMOUNT:
-      return {
-        ...state,
-        flipCurrenciesUpdate: false,
-        independentField: SwapModalField.native,
-        independentValue: action.payload,
-        maxInputUpdate: false,
-      };
-    case SWAP_UPDATE_OUTPUT_AMOUNT:
-      return {
-        ...state,
-        flipCurrenciesUpdate: false,
-        independentField: SwapModalField.output,
-        independentValue: action.payload,
-        maxInputUpdate: false,
-      };
-    case SWAP_UPDATE_OUTPUT_CURRENCY:
-      return {
-        ...state,
-        outputCurrency: action.payload,
-      };
-    case SWAP_UPDATE_INPUT_CURRENCY:
-      return {
-        ...state,
-        inputCurrency: action.payload,
-      };
-    case SWAP_FLIP_CURRENCIES:
-      return {
-        ...state,
-        flipCurrenciesUpdate: action.payload.flipCurrenciesUpdate,
-        independentField: action.payload.independentField,
-        independentValue: action.payload.independentValue ?? state.independentValue,
-        inputCurrency: action.payload.newInputCurrency,
-        maxInputUpdate: false,
-        outputCurrency: action.payload.newOutputCurrency,
-      };
-    case SWAP_CLEAR_STATE:
-      return {
-        ...state,
-        ...INITIAL_STATE,
-      };
-    default:
-      return state;
-  }
-};
diff --git a/src/screens/CurrencySelectModal.tsx b/src/screens/CurrencySelectModal.tsx
index bca7126d7b0..7337f91f5d6 100644
--- a/src/screens/CurrencySelectModal.tsx
+++ b/src/screens/CurrencySelectModal.tsx
@@ -8,8 +8,10 @@ import { MMKV } from 'react-native-mmkv';
 import Animated from 'react-native-reanimated';
 import { useDebounce } from 'use-debounce';
 import GestureBlocker from '../components/GestureBlocker';
-import { CurrencySelectionList, CurrencySelectModalHeader, ExchangeSearch } from '../components/exchange';
-import NetworkSwitcherv1 from '../components/exchange/NetworkSwitcher';
+import ExchangeSearch from '@/components/ExchangeSearch';
+import NetworkSwitcherv1 from '@/components/NetworkSwitcher';
+import CurrencySelectionList from '@/components/CurrencySelectionList';
+import CurrencySelectModalHeader from '@/components/CurrencySelectModalHeader';
 import { KeyboardFixedOpenLayout } from '../components/layout';
 import { Modal } from '../components/modal';
 import { STORAGE_IDS } from '../model/mmkv';
@@ -29,7 +31,7 @@ import { delayNext } from '@/hooks/useMagicAutofocus';
 import { getActiveRoute, useNavigation } from '@/navigation/Navigation';
 import Routes from '@/navigation/routesNames';
 import { filterList } from '@/utils';
-import NetworkSwitcherv2 from '@/components/exchange/NetworkSwitcherv2';
+import NetworkSwitcherv2 from '@/components/NetworkSwitcherv2';
 import { CROSSCHAIN_SWAPS, useExperimentalFlag } from '@/config';
 import { SwappableAsset } from '@/entities';
 import { Box, Row, Rows } from '@/design-system';
@@ -41,6 +43,8 @@ import { externalTokenQueryKey, fetchExternalToken } from '@/resources/assets/ex
 import { queryClient } from '@/react-query/queryClient';
 import { ChainId, Network } from '@/chains/types';
 import { chainsName } from '@/chains';
+import { swapsStore } from '@/state/swaps/swapsStore';
+import { userAssetsStore } from '@/state/assets/userAssets';
 
 export interface EnrichedExchangeAsset extends SwappableAsset {
   ens: boolean;
@@ -279,21 +283,20 @@ export default function CurrencySelectModal() {
       dangerouslyGetState().index = 1;
       if (fromDiscover) {
         goBack();
-        setTimeout(
-          () => {
-            navigate(Routes.EXCHANGE_MODAL, {
-              params: {
-                inputAsset: type === CurrencySelectionTypes.output ? defaultInputAsset : item,
-                outputAsset: type === CurrencySelectionTypes.input ? defaultOutputAsset : item,
-                ...params,
-              },
-              screen: Routes.MAIN_EXCHANGE_SCREEN,
-            });
-            setSearchQuery('');
-            setCurrentChainId(item.chainId);
-          },
-          android ? 500 : 0
-        );
+
+        const inputAsset = type === CurrencySelectionTypes.output ? userAssetsStore.getState().getHighestValueEth() : item;
+        const outputAsset = type === CurrencySelectionTypes.input ? userAssetsStore.getState().getHighestValueEth() : item;
+
+        // TODO: Verify that item is the type we want
+        swapsStore.setState({
+          inputAsset,
+          outputAsset,
+        });
+
+        setSearchQuery('');
+        setCurrentChainId(item.chainId);
+
+        InteractionManager.runAfterInteractions(() => navigate(Routes.SWAP));
       } else {
         navigate(Routes.MAIN_EXCHANGE_SCREEN);
         setSearchQuery('');
@@ -309,7 +312,7 @@ export default function CurrencySelectModal() {
         });
       }
     },
-    [dangerouslyGetState, defaultInputAsset, defaultOutputAsset, fromDiscover, goBack, navigate, params, searchQueryForSearch, type]
+    [dangerouslyGetState, fromDiscover, goBack, navigate, searchQueryForSearch, type]
   );
   const checkForRequiredAssets = useCallback(
     (item: any) => {
diff --git a/src/screens/ExchangeModal.tsx b/src/screens/ExchangeModal.tsx
deleted file mode 100644
index 5925bd822d7..00000000000
--- a/src/screens/ExchangeModal.tsx
+++ /dev/null
@@ -1,917 +0,0 @@
-import { useRoute } from '@react-navigation/native';
-import lang from 'i18n-js';
-import { isEmpty, isEqual } from 'lodash';
-import React, { MutableRefObject, useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
-import equal from 'react-fast-compare';
-import { EmitterSubscription, InteractionManager, Keyboard, NativeModules, TextInput, View } from 'react-native';
-import { useAndroidBackHandler } from 'react-navigation-backhandler';
-import { useDispatch } from 'react-redux';
-import { useDebounce } from 'use-debounce';
-import { useMemoOne } from 'use-memo-one';
-import { dismissingScreenListener } from '../../shim';
-import {
-  ConfirmExchangeButton,
-  ExchangeDetailsRow,
-  ExchangeFloatingPanels,
-  ExchangeHeader,
-  ExchangeInputField,
-  ExchangeNotch,
-  ExchangeOutputField,
-} from '../components/exchange';
-import { FloatingPanel } from '../components/floating-panels';
-import { GasSpeedButton } from '../components/gas';
-import { KeyboardFixedOpenLayout } from '../components/layout';
-import { delayNext } from '../hooks/useMagicAutofocus';
-import { getRemoteConfig, useRemoteConfig } from '@/model/remoteConfig';
-import { WrappedAlert as Alert } from '@/helpers/alert';
-import { analytics } from '@/analytics';
-import { Box, Row, Rows } from '@/design-system';
-import { GasFee, LegacyGasFee, LegacyGasFeeParams, SwappableAsset } from '@/entities';
-import { ExchangeModalTypes, isKeyboardOpen } from '@/helpers';
-import { KeyboardType } from '@/helpers/keyboardTypes';
-import { getFlashbotsProvider, getProvider } from '@/handlers/web3';
-import { delay, greaterThan } from '@/helpers/utilities';
-import {
-  useAccountSettings,
-  useColorForAsset,
-  useGas,
-  usePrevious,
-  usePriceImpactDetails,
-  useSwapCurrencies,
-  useSwapCurrencyHandlers,
-  useSwapDerivedOutputs,
-  useSwapInputHandlers,
-  useSwapInputRefs,
-  useSwapIsSufficientBalance,
-  useSwapSettings,
-  useWallets,
-} from '@/hooks';
-import { loadWallet } from '@/model/wallet';
-import { useNavigation } from '@/navigation';
-import { walletExecuteRap } from '@/raps/execute';
-import { swapClearState, SwapModalField, TypeSpecificParameters, updateSwapSlippage, updateSwapTypeDetails } from '@/redux/swap';
-import { ethUnits } from '@/references';
-import Routes from '@/navigation/routesNames';
-import { ethereumUtils, gasUtils } from '@/utils';
-import { IS_ANDROID, IS_IOS, IS_TEST } from '@/env';
-import { logger, RainbowError } from '@/logger';
-import { CROSSCHAIN_SWAPS, useExperimentalFlag } from '@/config';
-import { CrosschainQuote, Quote, SwapType } from '@rainbow-me/swaps';
-import store from '@/redux/store';
-import { getCrosschainSwapServiceTime } from '@/handlers/swap';
-import useParamsForExchangeModal from '@/hooks/useParamsForExchangeModal';
-import { Wallet } from '@ethersproject/wallet';
-import { setHardwareTXError } from '@/navigation/HardwareWalletTxNavigator';
-import { useTheme } from '@/theme';
-import Animated from 'react-native-reanimated';
-import { handleReviewPromptAction } from '@/utils/reviewAlert';
-import { ReviewPromptAction } from '@/storage/schema';
-import { SwapPriceImpactType } from '@/hooks/usePriceImpactDetails';
-import { getNextNonce } from '@/state/nonces';
-import { ChainId } from '@/chains/types';
-import { AddressOrEth, ParsedAsset } from '@/__swaps__/types/assets';
-import { TokenColors } from '@/graphql/__generated__/metadata';
-import { estimateSwapGasLimit } from '@/raps/actions';
-import { estimateCrosschainSwapGasLimit } from '@/raps/actions/crosschainSwap';
-import { parseGasParamAmounts } from '@/parsers';
-import { chainsName, needsL1SecurityFeeChains, shouldDefaultToFastGasChainIds, supportedFlashbotsChainIds } from '@/chains';
-
-export const DEFAULT_SLIPPAGE_BIPS = {
-  [ChainId.mainnet]: 100,
-  [ChainId.polygon]: 200,
-  [ChainId.base]: 200,
-  [ChainId.bsc]: 200,
-  [ChainId.optimism]: 200,
-  [ChainId.arbitrum]: 200,
-  [ChainId.goerli]: 100,
-  [ChainId.gnosis]: 200,
-  [ChainId.zora]: 200,
-  [ChainId.avalanche]: 200,
-  [ChainId.blast]: 200,
-  [ChainId.degen]: 200,
-};
-
-export const getDefaultSlippageFromConfig = (chainId: ChainId) => {
-  const configSlippage = getRemoteConfig().default_slippage_bips as unknown as {
-    [network: string]: number;
-  };
-  const network = chainsName[chainId];
-  const slippage = configSlippage?.[network] ?? DEFAULT_SLIPPAGE_BIPS[chainId] ?? 100;
-  return slippage;
-};
-const NOOP = () => null;
-
-const FloatingPanels = Animated.createAnimatedComponent(ExchangeFloatingPanels);
-
-const Wrapper = KeyboardFixedOpenLayout;
-
-interface ExchangeModalProps {
-  fromDiscover: boolean;
-  ignoreInitialTypeCheck?: boolean;
-  testID: string;
-  type: keyof typeof ExchangeModalTypes;
-  typeSpecificParams: TypeSpecificParameters;
-}
-
-export function ExchangeModal({ fromDiscover, ignoreInitialTypeCheck, testID, type, typeSpecificParams }: ExchangeModalProps) {
-  const { isHardwareWallet } = useWallets();
-  const dispatch = useDispatch();
-  const { slippageInBips, maxInputUpdate, flipCurrenciesUpdate } = useSwapSettings();
-  const {
-    params: { inputAsset: defaultInputAsset, outputAsset: defaultOutputAsset },
-  } = useRoute<{
-    key: string;
-    name: string;
-    params: { inputAsset: SwappableAsset; outputAsset: SwappableAsset };
-  }>();
-  const { default_slippage_bips } = useRemoteConfig();
-
-  const crosschainSwapsEnabled = useExperimentalFlag(CROSSCHAIN_SWAPS);
-
-  useLayoutEffect(() => {
-    dispatch(updateSwapTypeDetails(type, typeSpecificParams));
-  }, [dispatch, type, typeSpecificParams]);
-
-  const title = lang.t('swap.modal_types.swap');
-
-  const { goBack, navigate, setParams, getParent: dangerouslyGetParent, addListener } = useNavigation();
-
-  const {
-    selectedGasFee,
-    gasFeeParamsBySpeed,
-    startPollingGasFees,
-    stopPollingGasFees,
-    updateDefaultGasLimit,
-    updateGasFeeOption,
-    updateTxFee,
-    chainId,
-    isGasReady,
-  } = useGas();
-  const { accountAddress, flashbotsEnabled, nativeCurrency } = useAccountSettings();
-
-  const [isAuthorizing, setIsAuthorizing] = useState(false);
-  const prevGasFeesParamsBySpeed = usePrevious(gasFeeParamsBySpeed);
-  const prevChainId = usePrevious(chainId);
-
-  const keyboardListenerSubscription = useRef<EmitterSubscription>();
-
-  useAndroidBackHandler(() => {
-    navigate(Routes.WALLET_SCREEN);
-    return true;
-  });
-
-  const { inputCurrency, outputCurrency } = useSwapCurrencies();
-
-  const { colors } = useTheme();
-  const inputCurrencyColor = useColorForAsset(inputCurrency, colors.appleBlue);
-  const outputCurrencyColor = useColorForAsset(outputCurrency, colors.appleBlue);
-
-  const { handleFocus, inputFieldRef, lastFocusedInputHandle, setLastFocusedInputHandle, nativeFieldRef, outputFieldRef } =
-    useSwapInputRefs();
-
-  const { updateInputAmount, updateMaxInputAmount, updateNativeAmount, updateOutputAmount } = useSwapInputHandlers();
-
-  const { inputChainId, outputChainId, currentChainId, isCrosschainSwap, isBridgeSwap } = useMemo(() => {
-    const inputChainId = inputCurrency?.chainId || ChainId.mainnet;
-    const outputChainId = outputCurrency?.chainId || ChainId.mainnet;
-    const chainId: ChainId = inputChainId || outputChainId;
-
-    const isCrosschainSwap = crosschainSwapsEnabled && inputChainId !== outputChainId;
-    const isBridgeSwap = inputCurrency?.symbol === outputCurrency?.symbol;
-    return {
-      inputChainId,
-      outputChainId,
-      currentChainId: chainId,
-      isCrosschainSwap,
-      isBridgeSwap,
-    };
-  }, [inputCurrency?.chainId, inputCurrency?.symbol, outputCurrency?.chainId, outputCurrency?.symbol, crosschainSwapsEnabled]);
-
-  const { flipCurrencies, navigateToSelectInputCurrency, navigateToSelectOutputCurrency } = useSwapCurrencyHandlers({
-    inputChainId,
-    outputChainId,
-    defaultInputAsset,
-    defaultOutputAsset,
-    fromDiscover,
-    ignoreInitialTypeCheck,
-    inputFieldRef,
-    lastFocusedInputHandle,
-    nativeFieldRef,
-    outputFieldRef,
-    setLastFocusedInputHandle,
-    title,
-    type,
-  });
-  const speedUrgentSelected = useRef(false);
-
-  useEffect(() => {
-    if (!speedUrgentSelected.current && !isEmpty(gasFeeParamsBySpeed) && shouldDefaultToFastGasChainIds.includes(currentChainId)) {
-      // Default to fast for networks with speed options
-      updateGasFeeOption(gasUtils.FAST);
-      speedUrgentSelected.current = true;
-    }
-  }, [currentChainId, gasFeeParamsBySpeed, selectedGasFee, updateGasFeeOption, updateTxFee]);
-
-  useEffect(() => {
-    if (currentChainId !== prevChainId) {
-      speedUrgentSelected.current = false;
-    }
-  }, [currentChainId, prevChainId]);
-
-  const defaultGasLimit = useMemo(() => {
-    return ethereumUtils.getBasicSwapGasLimit(Number(currentChainId));
-  }, [currentChainId]);
-
-  const {
-    result: {
-      derivedValues: { inputAmount, outputAmount },
-      displayValues: { inputAmountDisplay, outputAmountDisplay, nativeAmountDisplay },
-      tradeDetails,
-    },
-    loading,
-    resetSwapInputs,
-    quoteError,
-  } = useSwapDerivedOutputs(type);
-
-  const lastTradeDetails = usePrevious(tradeDetails);
-  const isSufficientBalance = useSwapIsSufficientBalance(inputAmount);
-
-  const { priceImpact, outputNativeAmount } = usePriceImpactDetails(inputCurrency, outputCurrency, tradeDetails, currentChainId);
-  const [debouncedIsHighPriceImpact] = useDebounce(priceImpact.type !== SwapPriceImpactType.none, 1000);
-  // For a limited period after the merge we need to block the use of flashbots.
-  // This line should be removed after reenabling flashbots in remote config.
-  const swapSupportsFlashbots = supportedFlashbotsChainIds.includes(currentChainId);
-  const flashbots = swapSupportsFlashbots && flashbotsEnabled;
-
-  const isDismissing = useRef(false);
-  useEffect(() => {
-    if (ios) {
-      return;
-    }
-    (dismissingScreenListener.current as unknown as () => void) = () => {
-      Keyboard.dismiss();
-      isDismissing.current = true;
-    };
-    const unsubscribe = (dangerouslyGetParent()?.getParent()?.addListener || addListener)(
-      // @ts-expect-error - Not sure if this is even triggered as React Navigation apparently doesnt emit this event.
-      'transitionEnd',
-      // @ts-expect-error - Can't find any docs around this closing prop being sent is this a private API?
-      ({ data: { closing } }) => {
-        if (!closing && isDismissing.current) {
-          isDismissing.current = false;
-          (lastFocusedInputHandle as unknown as MutableRefObject<TextInput>)?.current?.focus();
-        }
-      }
-    );
-    return () => {
-      unsubscribe();
-      dismissingScreenListener.current = undefined;
-    };
-  }, [addListener, dangerouslyGetParent, lastFocusedInputHandle]);
-
-  useEffect(() => {
-    const slippage = getDefaultSlippageFromConfig(currentChainId);
-    slippage && dispatch(updateSwapSlippage(slippage));
-  }, [currentChainId, default_slippage_bips, dispatch]);
-
-  useEffect(() => {
-    return () => {
-      dispatch(swapClearState());
-      resetSwapInputs();
-    };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-
-  const updateGasLimit = useCallback(async () => {
-    try {
-      const provider = getProvider({ chainId: currentChainId });
-
-      const quote = isCrosschainSwap ? (tradeDetails as CrosschainQuote) : (tradeDetails as Quote);
-      const gasLimit = await (isCrosschainSwap ? estimateCrosschainSwapGasLimit : estimateSwapGasLimit)({
-        chainId: currentChainId,
-        quote: quote as CrosschainQuote,
-      });
-
-      if (gasLimit) {
-        if (needsL1SecurityFeeChains.includes(currentChainId)) {
-          if (tradeDetails) {
-            const l1GasFeeOptimism = await ethereumUtils.calculateL1FeeOptimism(
-              // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-              // @ts-ignore
-              {
-                data: tradeDetails.data,
-                from: tradeDetails.from,
-                to: tradeDetails.to ?? null,
-                value: tradeDetails.value,
-              },
-              provider
-            );
-            updateTxFee(gasLimit, null, l1GasFeeOptimism);
-          } else {
-            updateTxFee(gasLimit, null, ethUnits.default_l1_gas_fee_optimism_swap);
-          }
-        } else {
-          updateTxFee(gasLimit, null);
-        }
-      }
-    } catch (error) {
-      updateTxFee(defaultGasLimit, null);
-    }
-  }, [currentChainId, defaultGasLimit, isCrosschainSwap, tradeDetails, updateTxFee]);
-
-  useEffect(() => {
-    if (tradeDetails && !equal(tradeDetails, lastTradeDetails)) {
-      updateGasLimit();
-    }
-  }, [lastTradeDetails, tradeDetails, updateGasLimit]);
-
-  // Set default gas limit
-  useEffect(() => {
-    if (isEmpty(prevGasFeesParamsBySpeed) && !isEmpty(gasFeeParamsBySpeed)) {
-      updateTxFee(defaultGasLimit, null);
-    }
-  }, [defaultGasLimit, gasFeeParamsBySpeed, prevGasFeesParamsBySpeed, updateTxFee]);
-
-  // Update gas limit
-  useEffect(() => {
-    if (
-      !isGasReady ||
-      (!prevChainId && currentChainId !== prevChainId) ||
-      (!isEmpty(gasFeeParamsBySpeed) && !isEqual(gasFeeParamsBySpeed, prevGasFeesParamsBySpeed))
-    ) {
-      updateGasLimit();
-    }
-  }, [currentChainId, gasFeeParamsBySpeed, isGasReady, prevChainId, prevGasFeesParamsBySpeed, updateGasLimit]);
-
-  // Listen to gas prices, Uniswap reserves updates
-  useEffect(() => {
-    updateDefaultGasLimit(defaultGasLimit);
-    InteractionManager.runAfterInteractions(() => {
-      // Start polling in the current network
-      startPollingGasFees(currentChainId, flashbots);
-    });
-    return () => {
-      stopPollingGasFees();
-    };
-  }, [defaultGasLimit, currentChainId, startPollingGasFees, stopPollingGasFees, updateDefaultGasLimit, flashbots]);
-
-  const checkGasVsOutput = async (gasPrice: string, outputPrice: string) => {
-    if (greaterThan(outputPrice, 0) && greaterThan(gasPrice, outputPrice) && !(IS_ANDROID && IS_TEST)) {
-      const res = new Promise(resolve => {
-        Alert.alert(lang.t('swap.warning.cost.are_you_sure_title'), lang.t('swap.warning.cost.this_transaction_will_cost_you_more'), [
-          {
-            onPress: () => {
-              resolve(false);
-            },
-            text: lang.t('button.proceed_anyway'),
-          },
-          {
-            onPress: () => {
-              resolve(true);
-            },
-            style: 'cancel',
-            text: lang.t('button.cancel'),
-          },
-        ]);
-      });
-      return res;
-    } else {
-      return false;
-    }
-  };
-
-  const isFillingParams = useParamsForExchangeModal({
-    inputFieldRef,
-    outputFieldRef,
-    nativeFieldRef,
-  });
-
-  const submit = useCallback(
-    async (amountInUSD: string): Promise<boolean> => {
-      setIsAuthorizing(true);
-      const NotificationManager = ios ? NativeModules.NotificationManager : null;
-      try {
-        // load the correct network provider for the wallet
-        const provider = getProvider({ chainId: currentChainId });
-        let wallet = await loadWallet({
-          address: accountAddress,
-          showErrorIfNotLoaded: false,
-          provider,
-        });
-        if (!wallet) {
-          setIsAuthorizing(false);
-          logger.error(new RainbowError(`[ExchangeModal]: aborting ${type} due to missing wallet`));
-          Alert.alert('Unable to determine wallet address');
-          return false;
-        }
-
-        // Switch to the flashbots provider if enabled
-        // TODO(skylarbarrera): need to check if ledger and handle differently here
-        if (flashbots && supportedFlashbotsChainIds.includes(currentChainId) && wallet instanceof Wallet) {
-          logger.debug('[ExchangeModal]: flashbots provider being set on mainnet');
-          const flashbotsProvider = await getFlashbotsProvider();
-          wallet = new Wallet(wallet.privateKey, flashbotsProvider);
-        }
-
-        if (!inputAmount || !outputAmount) {
-          logger.error(new RainbowError(`[ExchangeModal]: aborting ${type} due to missing inputAmount or outputAmount`));
-          Alert.alert('Input amount or output amount is missing');
-          return false;
-        }
-
-        if (!tradeDetails) {
-          logger.error(new RainbowError(`[ExchangeModal]: aborting ${type} due to missing tradeDetails`));
-          Alert.alert('Missing trade details for swap');
-          return false;
-        }
-
-        logger.debug(`[ExchangeModal]: getting nonce for account ${accountAddress}`);
-        const currentNonce = await getNextNonce({ address: accountAddress, chainId: currentChainId });
-        logger.debug(`[ExchangeModal]: nonce for account ${accountAddress} is ${currentNonce}`);
-        const { independentField, independentValue, slippageInBips, source } = store.getState().swap;
-
-        const transformedAssetToSell = {
-          ...inputCurrency,
-          chainName: chainsName[inputCurrency.chainId],
-          address: inputCurrency.address as AddressOrEth,
-          chainId: inputCurrency.chainId,
-          colors: inputCurrency.colors as TokenColors,
-        } as ParsedAsset;
-
-        const transformedAssetToBuy = {
-          ...outputCurrency,
-          chainName: chainsName[outputCurrency.chainId],
-          address: outputCurrency.address as AddressOrEth,
-          chainId: outputCurrency.chainId,
-          colors: outputCurrency.colors as TokenColors,
-        } as ParsedAsset;
-
-        const isWrapOrUnwrapEth = () => {
-          return tradeDetails.swapType === SwapType.wrap || tradeDetails.swapType === SwapType.unwrap;
-        };
-
-        const { errorMessage } = await walletExecuteRap(wallet, isCrosschainSwap ? 'crosschainSwap' : 'swap', {
-          chainId: currentChainId,
-          flashbots,
-          nonce: currentNonce,
-          assetToSell: transformedAssetToSell,
-          assetToBuy: transformedAssetToBuy,
-          sellAmount: inputAmount,
-          quote: {
-            ...tradeDetails,
-            feeInEth: isWrapOrUnwrapEth() ? '0' : tradeDetails.feeInEth,
-          },
-          amount: inputAmount,
-          meta: {
-            inputAsset: transformedAssetToSell,
-            outputAsset: transformedAssetToBuy,
-            independentField: independentField as SwapModalField,
-            independentValue: independentValue as string,
-            slippage: slippageInBips,
-            route: source,
-          },
-          gasParams: parseGasParamAmounts(selectedGasFee),
-          gasFeeParamsBySpeed,
-        });
-
-        setIsAuthorizing(false);
-        // if the transaction was not successful, we need to bubble that up to the caller
-        if (errorMessage) {
-          logger.error(new RainbowError(`[ExchangeModal]: transaction was not successful: ${errorMessage}`));
-          if (wallet instanceof Wallet) {
-            Alert.alert(errorMessage);
-          } else {
-            setHardwareTXError(true);
-          }
-          return false;
-        }
-
-        logger.debug('[ExchangeModal]: executed rap!');
-        const slippage = slippageInBips / 100;
-        analytics.track(`Completed ${type}`, {
-          aggregator: tradeDetails?.source || '',
-          amountInUSD,
-          gasSetting: selectedGasFee?.option,
-          inputTokenAddress: inputCurrency?.address || '',
-          inputTokenName: inputCurrency?.name || '',
-          inputTokenSymbol: inputCurrency?.symbol || '',
-          isHardwareWallet,
-          isHighPriceImpact: debouncedIsHighPriceImpact,
-          legacyGasPrice: (selectedGasFee?.gasFeeParams as unknown as LegacyGasFeeParams)?.gasPrice?.amount || '',
-          liquiditySources: JSON.stringify(tradeDetails?.protocols || []),
-          maxNetworkFee: (selectedGasFee?.gasFee as GasFee)?.maxFee?.value?.amount || '',
-          network: chainsName[currentChainId],
-          networkFee: selectedGasFee?.gasFee?.estimatedFee?.value?.amount || '',
-          outputTokenAddress: outputCurrency?.address || '',
-          outputTokenName: outputCurrency?.name || '',
-          outputTokenSymbol: outputCurrency?.symbol || '',
-          priceImpact: priceImpact.percentDisplay,
-          slippage: isNaN(slippage) ? 'Error calculating slippage.' : slippage,
-          type,
-        });
-        // Tell iOS we finished running a rap (for tracking purposes)
-        NotificationManager?.postNotification('rapCompleted');
-
-        setTimeout(() => {
-          if (isBridgeSwap) {
-            handleReviewPromptAction(ReviewPromptAction.BridgeToL2);
-          } else {
-            handleReviewPromptAction(ReviewPromptAction.Swap);
-          }
-        }, 500);
-
-        setParams({ focused: false });
-        navigate(Routes.PROFILE_SCREEN);
-
-        return true;
-      } catch (error) {
-        setIsAuthorizing(false);
-        logger.error(new RainbowError(`[ExchangeModal]: error submitting swap: ${error}`));
-        setParams({ focused: false });
-        // close the hardware wallet modal before navigating
-        if (isHardwareWallet) {
-          goBack();
-          await delay(100);
-        }
-        navigate(Routes.WALLET_SCREEN);
-        return false;
-      }
-    },
-    [
-      accountAddress,
-      currentChainId,
-      debouncedIsHighPriceImpact,
-      flashbots,
-      gasFeeParamsBySpeed,
-      goBack,
-      inputAmount,
-      inputCurrency,
-      isBridgeSwap,
-      isCrosschainSwap,
-      isHardwareWallet,
-      navigate,
-      outputAmount,
-      outputCurrency,
-      priceImpact.percentDisplay,
-      selectedGasFee,
-      setParams,
-      tradeDetails,
-      type,
-    ]
-  );
-
-  const handleSubmit = useCallback(async () => {
-    const amountInUSD = '0';
-    const NotificationManager = ios ? NativeModules.NotificationManager : null;
-    try {
-      // Tell iOS we're running a rap (for tracking purposes)
-      NotificationManager?.postNotification('rapInProgress');
-    } catch (e) {
-      logger.error(new RainbowError(`[ExchangeModal]: error posting notification for rapInProgress: ${e}`));
-    } finally {
-      const slippage = slippageInBips / 100;
-      analytics.track(`Submitted ${type}`, {
-        aggregator: tradeDetails?.source || '',
-        gasSetting: selectedGasFee?.option,
-        inputTokenAddress: inputCurrency?.address || '',
-        inputTokenName: inputCurrency?.name || '',
-        inputTokenSymbol: inputCurrency?.symbol || '',
-        isHardwareWallet,
-        isHighPriceImpact: debouncedIsHighPriceImpact,
-        legacyGasPrice: (selectedGasFee?.gasFeeParams as unknown as LegacyGasFeeParams)?.gasPrice?.amount || '',
-        liquiditySources: JSON.stringify(tradeDetails?.protocols || []),
-        maxNetworkFee: (selectedGasFee?.gasFee as GasFee)?.maxFee?.value?.amount || '',
-        network: chainsName[currentChainId],
-        networkFee: selectedGasFee?.gasFee?.estimatedFee?.value?.amount || '',
-        outputTokenAddress: outputCurrency?.address || '',
-        outputTokenName: outputCurrency?.name || '',
-        outputTokenSymbol: outputCurrency?.symbol || '',
-        priceImpact: priceImpact.percentDisplay,
-        slippage: isNaN(slippage) ? 'Error caclulating slippage.' : slippage,
-        type,
-      });
-    }
-
-    const outputInUSD = outputNativeAmount;
-    const gasPrice =
-      (selectedGasFee?.gasFee as GasFee)?.maxFee?.native?.value?.amount ||
-      (selectedGasFee?.gasFee as LegacyGasFee)?.estimatedFee?.native?.value?.amount;
-    const cancelTransaction = await checkGasVsOutput(gasPrice, outputInUSD);
-
-    if (cancelTransaction) {
-      return false;
-    }
-    try {
-      return await submit(amountInUSD);
-    } catch (e) {
-      return false;
-    }
-  }, [
-    outputNativeAmount,
-    selectedGasFee?.gasFee,
-    selectedGasFee?.option,
-    selectedGasFee?.gasFeeParams,
-    slippageInBips,
-    type,
-    tradeDetails?.source,
-    tradeDetails?.protocols,
-    inputCurrency?.address,
-    inputCurrency?.name,
-    inputCurrency?.symbol,
-    isHardwareWallet,
-    debouncedIsHighPriceImpact,
-    currentChainId,
-    outputCurrency?.address,
-    outputCurrency?.name,
-    outputCurrency?.symbol,
-    priceImpact.percentDisplay,
-    submit,
-  ]);
-
-  const confirmButtonProps = useMemoOne(
-    () => ({
-      chainId: currentChainId,
-      disabled: !Number(inputAmount) || (!loading && !tradeDetails),
-      inputAmount,
-      isAuthorizing,
-      isHighPriceImpact: debouncedIsHighPriceImpact,
-      isSufficientBalance,
-      loading,
-      onSubmit: handleSubmit,
-      isHardwareWallet,
-      quoteError,
-      tradeDetails,
-      type,
-      isBridgeSwap,
-    }),
-    [
-      loading,
-      handleSubmit,
-      inputAmount,
-      isAuthorizing,
-      debouncedIsHighPriceImpact,
-      testID,
-      tradeDetails,
-      type,
-      quoteError,
-      isSufficientBalance,
-      isBridgeSwap,
-    ]
-  );
-
-  const navigateToSwapSettingsSheet = useCallback(() => {
-    android && Keyboard.dismiss();
-    const lastFocusedInputHandleTemporary = lastFocusedInputHandle.current;
-    android && (lastFocusedInputHandle.current = null);
-    inputFieldRef?.current?.blur();
-    outputFieldRef?.current?.blur();
-    nativeFieldRef?.current?.blur();
-    const internalNavigate = () => {
-      delayNext();
-      IS_ANDROID && keyboardListenerSubscription.current?.remove();
-      setParams({ focused: false });
-      navigate(Routes.SWAP_SETTINGS_SHEET, {
-        asset: outputCurrency,
-        chainId: currentChainId,
-        restoreFocusOnSwapModal: () => {
-          android && (lastFocusedInputHandle.current = lastFocusedInputHandleTemporary);
-          setParams({ focused: true });
-        },
-        swapSupportsFlashbots,
-        type: 'swap_settings',
-      });
-      analytics.track('Opened Swap Settings');
-    };
-    if (IS_IOS || !isKeyboardOpen()) {
-      internalNavigate();
-    } else {
-      keyboardListenerSubscription.current = Keyboard.addListener('keyboardDidHide', internalNavigate);
-    }
-  }, [
-    lastFocusedInputHandle,
-    inputFieldRef,
-    outputFieldRef,
-    nativeFieldRef,
-    setParams,
-    navigate,
-    outputCurrency,
-    currentChainId,
-    swapSupportsFlashbots,
-  ]);
-
-  const navigateToSwapDetailsModal = useCallback(
-    (isRefuelTx = false) => {
-      android && Keyboard.dismiss();
-      const lastFocusedInputHandleTemporary = lastFocusedInputHandle.current;
-      android && (lastFocusedInputHandle.current = null);
-      inputFieldRef?.current?.blur?.();
-      outputFieldRef?.current?.blur?.();
-      nativeFieldRef?.current?.blur?.();
-      const internalNavigate = () => {
-        IS_ANDROID && keyboardListenerSubscription.current?.remove();
-        setParams({ focused: false });
-        navigate(Routes.SWAP_DETAILS_SHEET, {
-          confirmButtonProps,
-          currentNetwork: chainsName[currentChainId],
-          flashbotTransaction: flashbots,
-          isRefuelTx,
-          restoreFocusOnSwapModal: () => {
-            android && (lastFocusedInputHandle.current = lastFocusedInputHandleTemporary);
-            setParams({ focused: true });
-          },
-          type: 'swap_details',
-        });
-        analytics.track('Opened Swap Details modal', {
-          inputTokenAddress: inputCurrency?.address || '',
-          inputTokenName: inputCurrency?.name || '',
-          inputTokenSymbol: inputCurrency?.symbol || '',
-          outputTokenAddress: outputCurrency?.address || '',
-          outputTokenName: outputCurrency?.name || '',
-          outputTokenSymbol: outputCurrency?.symbol || '',
-          type,
-        });
-      };
-      if (IS_IOS || !isKeyboardOpen()) {
-        internalNavigate();
-      } else {
-        keyboardListenerSubscription.current = Keyboard.addListener('keyboardDidHide', internalNavigate);
-      }
-    },
-    [
-      confirmButtonProps,
-      currentChainId,
-      flashbots,
-      inputCurrency?.address,
-      inputCurrency?.name,
-      inputCurrency?.symbol,
-      inputFieldRef,
-      lastFocusedInputHandle,
-      nativeFieldRef,
-      navigate,
-      outputCurrency?.address,
-      outputCurrency?.name,
-      outputCurrency?.symbol,
-      outputFieldRef,
-      setParams,
-      type,
-    ]
-  );
-
-  const handleTapWhileDisabled = useCallback(() => {
-    const lastFocusedInput = lastFocusedInputHandle?.current as unknown as TextInput;
-    lastFocusedInput?.blur();
-    navigate(Routes.EXPLAIN_SHEET, {
-      inputToken: inputCurrency?.symbol,
-      fromChainId: inputChainId,
-      toChainId: outputChainId,
-      isCrosschainSwap,
-      isBridgeSwap,
-      onClose: () => {
-        InteractionManager.runAfterInteractions(() => {
-          setTimeout(() => {
-            lastFocusedInput?.focus();
-          }, 250);
-        });
-      },
-      outputToken: outputCurrency?.symbol,
-      type: 'output_disabled',
-    });
-  }, [
-    inputCurrency?.symbol,
-    inputChainId,
-    isBridgeSwap,
-    isCrosschainSwap,
-    lastFocusedInputHandle,
-    navigate,
-    outputCurrency?.symbol,
-    outputChainId,
-  ]);
-
-  const showConfirmButton = !!inputCurrency && !!outputCurrency;
-
-  const handleConfirmExchangePress = useCallback(() => {
-    if (loading) return NOOP();
-
-    return navigateToSwapDetailsModal();
-  }, [loading, navigateToSwapDetailsModal]);
-
-  return (
-    <Wrapper keyboardType={KeyboardType.numpad}>
-      <Box height="full" width="full">
-        <View style={{ flexGrow: 1, justifyContent: 'center', width: '100%' }}>
-          <FloatingPanels>
-            <>
-              <FloatingPanel
-                borderRadius={39}
-                overflow="visible"
-                paddingBottom={{ custom: 0 }}
-                style={{
-                  ...(android && {
-                    left: -1,
-                  }),
-                }}
-                testID={testID}
-              >
-                <ExchangeNotch testID={testID} />
-                <ExchangeHeader testID={testID} title={title} />
-                <ExchangeInputField
-                  color={inputCurrencyColor}
-                  chainId={inputChainId}
-                  disableInputCurrencySelection={false}
-                  editable={!!inputCurrency}
-                  inputAmount={inputAmountDisplay}
-                  inputCurrencyAddress={inputCurrency?.address}
-                  inputCurrencyMainnetAddress={inputCurrency?.mainnet_address}
-                  inputCurrencySymbol={inputCurrency?.symbol}
-                  inputFieldRef={inputFieldRef}
-                  inputCurrencyIcon={inputCurrency?.icon_url}
-                  inputCurrencyColors={inputCurrency?.colors}
-                  loading={loading}
-                  nativeAmount={nativeAmountDisplay}
-                  nativeCurrency={nativeCurrency}
-                  nativeFieldRef={nativeFieldRef}
-                  onFocus={handleFocus}
-                  onPressMaxBalance={updateMaxInputAmount}
-                  onPressSelectInputCurrency={chainId => {
-                    navigateToSelectInputCurrency(chainId);
-                  }}
-                  setInputAmount={updateInputAmount}
-                  setNativeAmount={updateNativeAmount}
-                  testID={`${testID}-input`}
-                  updateAmountOnFocus={maxInputUpdate || flipCurrenciesUpdate || isFillingParams}
-                />
-                <ExchangeOutputField
-                  color={outputCurrencyColor}
-                  editable={!!outputCurrency && !isCrosschainSwap}
-                  chainId={outputChainId}
-                  onFocus={handleFocus}
-                  onPressSelectOutputCurrency={() => {
-                    navigateToSelectOutputCurrency(currentChainId);
-                  }}
-                  // eslint-disable-next-line react/jsx-props-no-spreading
-                  {...(isCrosschainSwap &&
-                    !!outputCurrency && {
-                      onTapWhileDisabled: handleTapWhileDisabled,
-                    })}
-                  loading={loading}
-                  outputAmount={outputAmountDisplay}
-                  outputCurrencyAddress={outputCurrency?.address}
-                  outputCurrencyIcon={outputCurrency?.icon_url}
-                  outputCurrencyColors={outputCurrency?.colors}
-                  outputCurrencyMainnetAddress={outputCurrency?.mainnet_address}
-                  outputCurrencySymbol={outputCurrency?.symbol}
-                  outputFieldRef={outputFieldRef}
-                  setOutputAmount={updateOutputAmount}
-                  testID={`${testID}-output`}
-                  updateAmountOnFocus={maxInputUpdate || flipCurrenciesUpdate || isFillingParams}
-                />
-              </FloatingPanel>
-              {showConfirmButton && (
-                <ExchangeDetailsRow
-                  isHighPriceImpact={
-                    !confirmButtonProps.disabled && !confirmButtonProps.loading && debouncedIsHighPriceImpact && isSufficientBalance
-                  }
-                  outputCurrencySymbol={outputCurrency?.symbol}
-                  onFlipCurrencies={loading ? NOOP : flipCurrencies}
-                  onPressImpactWarning={navigateToSwapDetailsModal}
-                  onPressSettings={navigateToSwapSettingsSheet}
-                  priceImpactColor={priceImpact.color}
-                  priceImpactNativeAmount={priceImpact.impactDisplay}
-                  priceImpactPercentDisplay={priceImpact.percentDisplay}
-                  type={type}
-                />
-              )}
-            </>
-          </FloatingPanels>
-        </View>
-
-        <Box>
-          <Rows alignVertical="bottom" space="19px (Deprecated)">
-            <Row height="content">
-              {showConfirmButton && (
-                <ConfirmExchangeButton
-                  // eslint-disable-next-line react/jsx-props-no-spreading
-                  {...confirmButtonProps}
-                  onPressViewDetails={handleConfirmExchangePress}
-                  testID={`${testID}-confirm-button`}
-                />
-              )}
-            </Row>
-            <Row height="content">
-              <GasSpeedButton
-                asset={outputCurrency}
-                chainId={currentChainId}
-                flashbotTransaction={flashbots}
-                marginBottom={0}
-                marginTop={0}
-                testID={`${testID}-gas`}
-                // @ts-expect-error - invalid prop type but fixed in the next PR
-                crossChainServiceTime={getCrosschainSwapServiceTime(tradeDetails as CrosschainQuote)}
-              />
-            </Row>
-          </Rows>
-        </Box>
-      </Box>
-    </Wrapper>
-  );
-}
diff --git a/src/screens/ExpandedAssetSheet.js b/src/screens/ExpandedAssetSheet.tsx
similarity index 70%
rename from src/screens/ExpandedAssetSheet.js
rename to src/screens/ExpandedAssetSheet.tsx
index fa1e90308ed..c8f357bceda 100644
--- a/src/screens/ExpandedAssetSheet.js
+++ b/src/screens/ExpandedAssetSheet.tsx
@@ -1,27 +1,17 @@
-import { useRoute } from '@react-navigation/native';
+import { RouteProp, useRoute } from '@react-navigation/native';
 import React, { createElement } from 'react';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import TouchableBackdrop from '../components/TouchableBackdrop';
-import {
-  ChartExpandedState,
-  CustomGasState,
-  SwapDetailsState,
-  SwapSettingsState,
-  TokenIndexExpandedState,
-  UniqueTokenExpandedState,
-} from '../components/expanded-state';
+import { ChartExpandedState, UniqueTokenExpandedState } from '../components/expanded-state';
 import { Centered } from '../components/layout';
 import { useDimensions } from '@/hooks';
 import { useNavigation } from '@/navigation';
 import styled from '@/styled-thing';
 import { position } from '@/styles';
+import { RootStackParamList } from '@/navigation/types';
 
 const ScreenTypes = {
-  custom_gas: CustomGasState,
-  swap_details: SwapDetailsState,
-  swap_settings: SwapSettingsState,
   token: ChartExpandedState,
-  token_index: TokenIndexExpandedState,
   unique_token: UniqueTokenExpandedState,
 };
 
@@ -31,18 +21,18 @@ const Container = styled(Centered).attrs({
   direction: 'column',
   flex: 1,
   justifyContent: 'flex-end',
-})(({ deviceHeight, height }) => ({
+})(({ deviceHeight, height }: { deviceHeight: number; height: number }) => ({
   ...(height && {
     height: height + deviceHeight,
   }),
   ...position.coverAsObject,
 }));
 
-export default function ExpandedAssetSheet(props) {
+export default function ExpandedAssetSheet(props: any) {
   const { height: deviceHeight } = useDimensions();
   const insets = useSafeAreaInsets();
   const { goBack } = useNavigation();
-  const { params } = useRoute();
+  const { params } = useRoute<RouteProp<RootStackParamList, 'ExpandedAssetSheet'>>();
 
   return (
     <Container deviceHeight={deviceHeight} height={params.longFormHeight} insets={insets}>
diff --git a/src/screens/SwapModal.js b/src/screens/SwapModal.js
deleted file mode 100644
index 5cf2e2dcc81..00000000000
--- a/src/screens/SwapModal.js
+++ /dev/null
@@ -1,28 +0,0 @@
-import { useRoute } from '@react-navigation/native';
-import React, { useEffect } from 'react';
-import ExchangeModal from './ExchangeModal';
-import { ExchangeModalTypes } from '@/helpers';
-import { useNavigation } from '@/navigation';
-
-const SwapModal = (props, ref) => {
-  const { params = {} } = useRoute();
-  const { ignoreInitialTypeCheck, fromDiscover } = params;
-  const { setParams } = useNavigation();
-  useEffect(() => {
-    setParams({ focused: true });
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-
-  return (
-    <ExchangeModal
-      fromDiscover={fromDiscover}
-      ignoreInitialTypeCheck={ignoreInitialTypeCheck}
-      ref={ref}
-      testID="exchange-modal"
-      type={ExchangeModalTypes.swap}
-      {...props}
-    />
-  );
-};
-
-export default React.forwardRef(SwapModal);
diff --git a/src/screens/discover/components/DiscoverSearch.js b/src/screens/discover/components/DiscoverSearch.js
index 3f596cabf86..8198bd8e7d6 100644
--- a/src/screens/discover/components/DiscoverSearch.js
+++ b/src/screens/discover/components/DiscoverSearch.js
@@ -7,7 +7,7 @@ import { useDebounce } from 'use-debounce';
 import CurrencySelectionTypes from '@/helpers/currencySelectionTypes';
 
 import deviceUtils from '@/utils/deviceUtils';
-import { CurrencySelectionList } from '@/components/exchange';
+import { CurrencySelectionList } from '@/components/CurrencySelectionList';
 import { Row } from '@/components/layout';
 import DiscoverSheetContext from '../DiscoverScreenContext';
 import { analytics } from '@/analytics';
diff --git a/src/screens/transaction-details/components/TransactionDetailsHashAndActionsSection.tsx b/src/screens/transaction-details/components/TransactionDetailsHashAndActionsSection.tsx
index 8e2933ec934..30380c67c69 100644
--- a/src/screens/transaction-details/components/TransactionDetailsHashAndActionsSection.tsx
+++ b/src/screens/transaction-details/components/TransactionDetailsHashAndActionsSection.tsx
@@ -44,13 +44,9 @@ export const TransactionDetailsHashAndActionsSection: React.FC<Props> = ({ trans
 
   const onRetrySwap = useCallback(() => {
     Navigation.handleAction(Routes.WALLET_SCREEN, {});
-    Navigation.handleAction(Routes.EXCHANGE_MODAL, {
-      params: {
-        meta: retrySwapMetadata,
-        inputAsset: retrySwapMetadata?.inputAsset,
-        outputAsset: retrySwapMetadata?.outputAsset,
-      },
-    });
+
+    // TODO: Add retry swap logic back for swaps
+    Navigation.handleAction(Routes.SWAP, {});
   }, [retrySwapMetadata]);
 
   if (!hash || !network) {
diff --git a/src/screens/transaction-details/components/TransactionDetailsStatusActionsAndTimestampSection.tsx b/src/screens/transaction-details/components/TransactionDetailsStatusActionsAndTimestampSection.tsx
index d3df660b79d..94d6be55eee 100644
--- a/src/screens/transaction-details/components/TransactionDetailsStatusActionsAndTimestampSection.tsx
+++ b/src/screens/transaction-details/components/TransactionDetailsStatusActionsAndTimestampSection.tsx
@@ -2,7 +2,6 @@ import React, { useCallback, useMemo } from 'react';
 import { RainbowTransaction, TransactionStatusTypes } from '@/entities';
 import { Box, Stack, Text } from '@/design-system';
 import { formatTransactionDetailsDate } from '@/screens/transaction-details/helpers/formatTransactionDetailsDate';
-import { capitalize } from 'lodash';
 import { getIconColorAndGradientForTransactionStatus } from '@/screens/transaction-details/helpers/getIconColorAndGradientForTransactionStatus';
 import RadialGradient from 'react-native-radial-gradient';
 import { useTheme } from '@/theme';
diff --git a/src/screens/transaction-details/components/TransactionDetailsValueAndFeeSection.tsx b/src/screens/transaction-details/components/TransactionDetailsValueAndFeeSection.tsx
index 15216791567..9b53b029a1a 100644
--- a/src/screens/transaction-details/components/TransactionDetailsValueAndFeeSection.tsx
+++ b/src/screens/transaction-details/components/TransactionDetailsValueAndFeeSection.tsx
@@ -14,7 +14,7 @@ import { CardSize } from '@/components/unique-token/CardSize';
 import ImgixImage from '@/components/images/ImgixImage';
 import { View } from 'react-native';
 import ChainBadge from '@/components/coin-icon/ChainBadge';
-import { checkForPendingSwap } from '../helpers/checkForPendingSwap';
+import { checkForPendingSwap } from '@/helpers/checkForPendingSwap';
 import { ChainId } from '@/chains/types';
 
 type Props = {
diff --git a/src/screens/transaction-details/components/TransactionMasthead.tsx b/src/screens/transaction-details/components/TransactionMasthead.tsx
index 3ec25d33e5f..cb4c2627a95 100644
--- a/src/screens/transaction-details/components/TransactionMasthead.tsx
+++ b/src/screens/transaction-details/components/TransactionMasthead.tsx
@@ -33,7 +33,7 @@ import { addressHashedColorIndex, addressHashedEmoji } from '@/utils/profileUtil
 import ImageAvatar from '@/components/contacts/ImageAvatar';
 import RainbowCoinIcon from '@/components/coin-icon/RainbowCoinIcon';
 import * as lang from '@/languages';
-import { checkForPendingSwap } from '../helpers/checkForPendingSwap';
+import { checkForPendingSwap } from '@/helpers/checkForPendingSwap';
 import { ChainId } from '@/chains/types';
 
 const TransactionMastheadHeight = android ? 153 : 135;
diff --git a/src/state/browser/browserStore.ts b/src/state/browser/browserStore.ts
index 041913d506e..ee3bf8f7be3 100644
--- a/src/state/browser/browserStore.ts
+++ b/src/state/browser/browserStore.ts
@@ -2,7 +2,7 @@ import { debounce } from 'lodash';
 import { MMKV } from 'react-native-mmkv';
 import { create } from 'zustand';
 import { PersistStorage, StorageValue, persist, subscribeWithSelector } from 'zustand/middleware';
-import { DEFAULT_TAB_URL } from '@/components/DappBrowser/constants';
+import { RAINBOW_HOME } from '@/components/DappBrowser/constants';
 import { TabData, TabId } from '@/components/DappBrowser/types';
 import { generateUniqueId, normalizeUrl } from '@/components/DappBrowser/utils';
 import { RainbowError, logger } from '@/logger';
@@ -105,8 +105,8 @@ const persistedBrowserStorage: PersistStorage<BrowserState> = {
 
 const INITIAL_ACTIVE_TAB_INDEX = 0;
 const INITIAL_TAB_IDS = [generateUniqueId()];
-const INITIAL_TABS_DATA = new Map([[INITIAL_TAB_IDS[0], { url: DEFAULT_TAB_URL }]]);
-const INITIAL_PERSISTED_TAB_URLS: Record<TabId, string> = { [INITIAL_TAB_IDS[0]]: DEFAULT_TAB_URL };
+const INITIAL_TABS_DATA = new Map([[INITIAL_TAB_IDS[0], { url: RAINBOW_HOME }]]);
+const INITIAL_PERSISTED_TAB_URLS: Record<TabId, string> = { [INITIAL_TAB_IDS[0]]: RAINBOW_HOME };
 
 interface BrowserStore {
   activeTabIndex: number;
@@ -146,7 +146,7 @@ export const useBrowserStore = create<BrowserStore>()(
 
         getActiveTabUrl: () => get().persistedTabUrls[get().getActiveTabId()],
 
-        getTabData: (tabId: string) => get().tabsData.get(tabId) || { url: DEFAULT_TAB_URL },
+        getTabData: (tabId: string) => get().tabsData.get(tabId) || { url: RAINBOW_HOME },
 
         goToPage: (url: string, tabId?: string) =>
           set(state => {
@@ -187,7 +187,7 @@ export const useBrowserStore = create<BrowserStore>()(
             const existingTabIds = state.tabIds.filter(id => newTabIds.includes(id));
             const addedTabIds = newTabIds.filter(id => !state.tabIds.includes(id));
             const newTabsData = new Map(state.tabsData);
-            addedTabIds.forEach(id => newTabsData.set(id, { url: DEFAULT_TAB_URL }));
+            addedTabIds.forEach(id => newTabsData.set(id, { url: RAINBOW_HOME }));
             return { tabIds: [...existingTabIds, ...addedTabIds], tabsData: newTabsData };
           }),
 
diff --git a/src/state/gas/gasStore.ts b/src/state/gas/gasStore.ts
deleted file mode 100644
index b8357f1dcd4..00000000000
--- a/src/state/gas/gasStore.ts
+++ /dev/null
@@ -1,79 +0,0 @@
-import create from 'zustand';
-
-// todo - absolute imports
-import { GasFeeLegacyParams, GasFeeLegacyParamsBySpeed, GasFeeParams, GasFeeParamsBySpeed, GasSpeed } from '../../__swaps__/types/gas';
-
-import { createStore } from '../internal/createStore';
-import { buildLocalizedTimeUnitString } from '@/__swaps__/utils/time';
-import { gasUtils } from '@/utils';
-
-export interface GasStore {
-  selectedGas: GasFeeParams | GasFeeLegacyParams;
-  gasFeeParamsBySpeed: GasFeeParamsBySpeed | GasFeeLegacyParamsBySpeed;
-  customGasModified: boolean;
-  setCustomSpeed: (speed: GasFeeParams) => void;
-  setSelectedGas: ({ selectedGas }: { selectedGas: GasFeeParams | GasFeeLegacyParams }) => void;
-  setGasFeeParamsBySpeed: ({ gasFeeParamsBySpeed }: { gasFeeParamsBySpeed: GasFeeParamsBySpeed | GasFeeLegacyParamsBySpeed }) => void;
-  clearCustomGasModified: () => void;
-}
-
-export const gasStore = createStore<GasStore>(
-  (set, get) => ({
-    selectedGas: {
-      maxBaseFee: {
-        amount: '0',
-        display: '0.01',
-        gwei: '0',
-      },
-      maxPriorityFeePerGas: {
-        amount: '0',
-        display: '0',
-        gwei: '0',
-      },
-      option: GasSpeed.FAST,
-      estimatedTime: {
-        amount: 12,
-        display: buildLocalizedTimeUnitString({ plural: true, short: true, unit: '12' }),
-      },
-      display: gasUtils.getGasLabel(gasUtils.FAST),
-      transactionGasParams: {
-        maxPriorityFeePerGas: '0',
-        maxFeePerGas: '0',
-      },
-      gasFee: {},
-    } as GasFeeParams | GasFeeLegacyParams,
-    gasFeeParamsBySpeed: {} as GasFeeParamsBySpeed | GasFeeLegacyParamsBySpeed,
-    customGasModified: false,
-    setSelectedGas: ({ selectedGas }) => {
-      set({
-        selectedGas,
-      });
-    },
-    setGasFeeParamsBySpeed: ({ gasFeeParamsBySpeed }) => {
-      set({
-        gasFeeParamsBySpeed,
-      });
-    },
-    setCustomSpeed: (speed: GasFeeParams) => {
-      const { gasFeeParamsBySpeed } = get();
-      set({
-        gasFeeParamsBySpeed: {
-          ...gasFeeParamsBySpeed,
-          [GasSpeed.CUSTOM]: speed,
-        } as GasFeeParamsBySpeed,
-        customGasModified: true,
-      });
-    },
-    clearCustomGasModified: () => {
-      set({ customGasModified: false });
-    },
-  }),
-  {
-    persist: {
-      name: 'gas',
-      version: 0,
-    },
-  }
-);
-
-export const useGasStore = create(gasStore);
diff --git a/yarn.lock b/yarn.lock
index 2542b1b1e36..cac267049e6 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -7475,13 +7475,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/node@npm:16.11.6":
-  version: 16.11.6
-  resolution: "@types/node@npm:16.11.6"
-  checksum: 10c0/b1ca8b5d011fea9364b1795b2217713d9c34576b92d2dcd9197fc8dc14f8495eca901a9008c5cb7c161177532f2efdea2f78a5f0feac7172e9598f4e19b98481
-  languageName: node
-  linkType: hard
-
 "@types/node@npm:16.9.1":
   version: 16.9.1
   resolution: "@types/node@npm:16.9.1"
@@ -7489,6 +7482,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/node@npm:22.7.4":
+  version: 22.7.4
+  resolution: "@types/node@npm:22.7.4"
+  dependencies:
+    undici-types: "npm:~6.19.2"
+  checksum: 10c0/c22bf54515c78ff3170142c1e718b90e2a0003419dc2d55f79c9c9362edd590a6ab1450deb09ff6e1b32d1b4698da407930b16285e8be3a009ea6cd2695cac01
+  languageName: node
+  linkType: hard
+
 "@types/node@npm:^10.12.18":
   version: 10.17.60
   resolution: "@types/node@npm:10.17.60"
@@ -8905,7 +8907,7 @@ __metadata:
     "@types/jest": "npm:29.5.12"
     "@types/lodash": "npm:4.14.168"
     "@types/mocha": "npm:9.0.0"
-    "@types/node": "npm:16.11.6"
+    "@types/node": "npm:22.7.4"
     "@types/qs": "npm:6.9.7"
     "@types/react": "npm:18.2.65"
     "@types/react-native-extra-dimensions-android": "npm:1.2.3"
@@ -9106,7 +9108,7 @@ __metadata:
     ts-loader: "npm:9.5.1"
     ts-migrate: "npm:0.1.26"
     tty-browserify: "npm:0.0.0"
-    typescript: "npm:5.1.6"
+    typescript: "npm:5.6.2"
     typescript-coverage-report: "npm:0.6.1"
     url: "npm:0.10.3"
     url-join: "npm:4.0.1"
@@ -26878,13 +26880,13 @@ react-native-safe-area-view@rainbow-me/react-native-safe-area-view:
   languageName: node
   linkType: hard
 
-"typescript@npm:5.1.6":
-  version: 5.1.6
-  resolution: "typescript@npm:5.1.6"
+"typescript@npm:5.6.2":
+  version: 5.6.2
+  resolution: "typescript@npm:5.6.2"
   bin:
     tsc: bin/tsc
     tsserver: bin/tsserver
-  checksum: 10c0/45ac28e2df8365fd28dac42f5d62edfe69a7203d5ec646732cadc04065331f34f9078f81f150fde42ed9754eed6fa3b06a8f3523c40b821e557b727f1992e025
+  checksum: 10c0/3ed8297a8c7c56b7fec282532503d1ac795239d06e7c4966b42d4330c6cf433a170b53bcf93a130a7f14ccc5235de5560df4f1045eb7f3550b46ebed16d3c5e5
   languageName: node
   linkType: hard
 
@@ -26908,13 +26910,13 @@ react-native-safe-area-view@rainbow-me/react-native-safe-area-view:
   languageName: node
   linkType: hard
 
-"typescript@patch:typescript@npm%3A5.1.6#optional!builtin<compat/typescript>":
-  version: 5.1.6
-  resolution: "typescript@patch:typescript@npm%3A5.1.6#optional!builtin<compat/typescript>::version=5.1.6&hash=5da071"
+"typescript@patch:typescript@npm%3A5.6.2#optional!builtin<compat/typescript>":
+  version: 5.6.2
+  resolution: "typescript@patch:typescript@npm%3A5.6.2#optional!builtin<compat/typescript>::version=5.6.2&hash=b45daf"
   bin:
     tsc: bin/tsc
     tsserver: bin/tsserver
-  checksum: 10c0/c2bded58ab897a8341fdbb0c1d92ea2362f498cfffebdc8a529d03e15ea2454142dfbf122dabbd9a5cb79b7123790d27def16e11844887d20636226773ed329a
+  checksum: 10c0/e6c1662e4852e22fe4bbdca471dca3e3edc74f6f1df043135c44a18a7902037023ccb0abdfb754595ca9028df8920f2f8492c00fc3cbb4309079aae8b7de71cd
   languageName: node
   linkType: hard
 
@@ -27002,6 +27004,13 @@ react-native-safe-area-view@rainbow-me/react-native-safe-area-view:
   languageName: node
   linkType: hard
 
+"undici-types@npm:~6.19.2":
+  version: 6.19.8
+  resolution: "undici-types@npm:6.19.8"
+  checksum: 10c0/078afa5990fba110f6824823ace86073b4638f1d5112ee26e790155f481f2a868cc3e0615505b6f4282bdf74a3d8caad715fd809e870c2bb0704e3ea6082f344
+  languageName: node
+  linkType: hard
+
 "undici@npm:^5.14.0":
   version: 5.28.4
   resolution: "undici@npm:5.28.4"

From 9de2d27a8dd3222aa09cc76a0b67252c3de40782 Mon Sep 17 00:00:00 2001
From: Matthew Wall <matthew.wallt@gmail.com>
Date: Wed, 9 Oct 2024 11:15:20 -0400
Subject: [PATCH 02/32] Update package.json

---
 package.json | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/package.json b/package.json
index 775986e9d66..cce5072cefb 100644
--- a/package.json
+++ b/package.json
@@ -67,8 +67,7 @@
     "prepare": "husky install",
     "bundle-inpage": "yarn webpack --config src/browser/webpack.config.js && cp InjectedJSBundle.js android/app/src/main/res/raw/injected_js_bundle.js",
     "// Fetch backend networks": "",
-    "fetch:networks": "node ./scripts/networks.js",
-    "knip": "knip"
+    "fetch:networks": "node ./scripts/networks.js"
   },
   "dependencies": {
     "@bankify/react-native-animate-number": "0.2.1",

From bc0159cc1ffb41aa73be472ce2781a9a2dbcc34c Mon Sep 17 00:00:00 2001
From: Matthew Wall <matthew.wallt@gmail.com>
Date: Wed, 9 Oct 2024 12:05:06 -0400
Subject: [PATCH 03/32] clean up lint

---
 package.json                                  |   1 +
 .../components/AnimatedChainImage.android.tsx |   2 +-
 .../components/AnimatedChainImage.ios.tsx     |   2 +-
 src/components/CurrencySelectModalHeader.tsx  |  75 --
 src/components/CurrencySelectionList.tsx      |   6 +-
 src/components/ExchangeAssetList.tsx          |  13 +-
 src/components/ExchangeInput.js               | 154 +++
 src/components/cards/CarouselCard.tsx         |   2 +-
 .../custom-gas/FeesGweiInput.tsx              | 169 ----
 .../expanded-state/custom-gas/FeesPanel.tsx   | 655 -------------
 .../custom-gas/FeesPanelTabs.tsx              | 105 ---
 .../custom-gas/GweiInputPill.tsx              | 113 ---
 .../expanded-state/custom-gas/index.js        |   3 -
 src/components/fab/FabWrapper.js              |  40 -
 src/components/fab/FloatingActionButton.js    |   3 +-
 src/components/fab/index.js                   |   9 +-
 src/components/fields/BubbleField.js          |   2 +-
 src/components/fields/SmallBubbleField.js     |   3 +-
 src/components/gas/GasSpeedButton.js          |  26 +-
 src/hooks/index.ts                            |   1 +
 src/hooks/useLedgerConnect.ts                 |   4 +-
 src/screens/CurrencySelectModal.tsx           | 510 ----------
 .../SettingsSheet/components/MenuHeader.tsx   |   2 +-
 .../discover/components/DiscoverSearch.js     |   2 +-
 ...ransactionDetailsHashAndActionsSection.tsx |   2 +-
 src/state/assets/userAssets.ts                |   4 +-
 yarn.lock                                     | 880 +++++++++++++++++-
 27 files changed, 1074 insertions(+), 1714 deletions(-)
 delete mode 100644 src/components/CurrencySelectModalHeader.tsx
 create mode 100644 src/components/ExchangeInput.js
 delete mode 100644 src/components/expanded-state/custom-gas/FeesGweiInput.tsx
 delete mode 100644 src/components/expanded-state/custom-gas/FeesPanel.tsx
 delete mode 100644 src/components/expanded-state/custom-gas/FeesPanelTabs.tsx
 delete mode 100644 src/components/expanded-state/custom-gas/GweiInputPill.tsx
 delete mode 100644 src/components/expanded-state/custom-gas/index.js
 delete mode 100644 src/components/fab/FabWrapper.js
 delete mode 100644 src/screens/CurrencySelectModal.tsx

diff --git a/package.json b/package.json
index cce5072cefb..359c852c09f 100644
--- a/package.json
+++ b/package.json
@@ -342,6 +342,7 @@
     "@types/qs": "6.9.7",
     "@types/react": "18.2.65",
     "@types/react-native-extra-dimensions-android": "1.2.3",
+    "@types/react-native-text-input-mask": "0.7.10",
     "@types/react-test-renderer": "18.3.0",
     "@types/styled-components": "5.1.7",
     "@types/url-parse": "1.4.3",
diff --git a/src/__swaps__/screens/Swap/components/AnimatedChainImage.android.tsx b/src/__swaps__/screens/Swap/components/AnimatedChainImage.android.tsx
index f4d77a39815..5c3794988fe 100644
--- a/src/__swaps__/screens/Swap/components/AnimatedChainImage.android.tsx
+++ b/src/__swaps__/screens/Swap/components/AnimatedChainImage.android.tsx
@@ -12,7 +12,7 @@ const ZoraBadge = require('@/assets/badges/zora.png');
 const AvalancheBadge = require('@/assets/badges/avalanche.png');
 const BlastBadge = require('@/assets/badges/blast.png');
 const DegenBadge = require('@/assets/badges/degen.png');
-const ApechainBadge = require('@/assets/badges/apechainBadge.png');
+const ApechainBadge = require('@/assets/badges/apechain.png');
 
 import { ChainId } from '@/chains/types';
 import { globalColors } from '@/design-system';
diff --git a/src/__swaps__/screens/Swap/components/AnimatedChainImage.ios.tsx b/src/__swaps__/screens/Swap/components/AnimatedChainImage.ios.tsx
index 305806ab0ba..9a54dc6d8c7 100644
--- a/src/__swaps__/screens/Swap/components/AnimatedChainImage.ios.tsx
+++ b/src/__swaps__/screens/Swap/components/AnimatedChainImage.ios.tsx
@@ -11,7 +11,7 @@ import ZoraBadge from '@/assets/badges/zora.png';
 import AvalancheBadge from '@/assets/badges/avalanche.png';
 import BlastBadge from '@/assets/badges/blast.png';
 import DegenBadge from '@/assets/badges/degen.png';
-import ApechainBadge from '@/assets/badges/apechainBadge.png';
+import ApechainBadge from '@/assets/badges/apechain.png';
 import { ChainId } from '@/chains/types';
 import { useAnimatedProps, useDerivedValue } from 'react-native-reanimated';
 import { AnimatedFasterImage } from '@/components/AnimatedComponents/AnimatedFasterImage';
diff --git a/src/components/CurrencySelectModalHeader.tsx b/src/components/CurrencySelectModalHeader.tsx
deleted file mode 100644
index e75c26b3914..00000000000
--- a/src/components/CurrencySelectModalHeader.tsx
+++ /dev/null
@@ -1,75 +0,0 @@
-import { useRoute } from '@react-navigation/native';
-import React, { useCallback } from 'react';
-import { delayNext } from '@/hooks/useMagicAutofocus';
-import { BackButton } from '@/components/header';
-import { SheetHandleFixedToTop } from '@/components/sheet';
-import { Box, Inset, Text } from '@/design-system';
-import { useNavigation } from '@/navigation';
-import Routes from '@/navigation/routesNames';
-import RainbowCoinIcon from '@/components/coin-icon/RainbowCoinIcon';
-import { useTheme } from '@/theme';
-import { chainsIdByName } from '@/chains';
-
-export const CurrencySelectModalHeaderHeight = 59;
-
-export default function CurrencySelectModalHeader({
-  handleBackButton,
-  showBackButton,
-  showHandle,
-  testID,
-}: {
-  handleBackButton: () => void;
-  showBackButton: boolean;
-  showHandle: boolean;
-  testID: string;
-}) {
-  const { navigate, getState: dangerouslyGetState } = useNavigation();
-  const {
-    params: { defaultOutputAsset, title, showCoinIcon },
-  } = useRoute<any>();
-  const theme = useTheme();
-
-  const handlePressBack = useCallback(() => {
-    // @ts-expect-error – updating read-only property
-    dangerouslyGetState().index = 1;
-    delayNext();
-    handleBackButton();
-    navigate(Routes.MAIN_EXCHANGE_SCREEN);
-  }, [dangerouslyGetState, handleBackButton, navigate]);
-
-  return (
-    <Box height={{ custom: CurrencySelectModalHeaderHeight }} justifyContent="center" alignItems="center" width="full" flexDirection="row">
-      {showHandle && <SheetHandleFixedToTop />}
-      {showBackButton && (
-        <Box position="absolute" bottom="0px" left="0px" top={{ custom: 3 }} justifyContent="center" alignItems="center">
-          {/** @ts-expect-error JavaScript component */}
-          <BackButton
-            direction="left"
-            height={CurrencySelectModalHeaderHeight}
-            onPress={handlePressBack}
-            testID={testID}
-            textChevron={android}
-            throttle
-          />
-        </Box>
-      )}
-      {showCoinIcon && (
-        <Inset right="4px">
-          <RainbowCoinIcon
-            size={20}
-            icon={defaultOutputAsset?.icon_url}
-            chainId={chainsIdByName[defaultOutputAsset?.network]}
-            colors={defaultOutputAsset?.colors}
-            symbol={defaultOutputAsset?.symbol}
-            theme={theme}
-            ignoreBadge
-          />
-        </Inset>
-      )}
-
-      <Text color="primary (Deprecated)" size="18px / 27px (Deprecated)" weight="heavy" numberOfLines={1} align="center">
-        {title}
-      </Text>
-    </Box>
-  );
-}
diff --git a/src/components/CurrencySelectionList.tsx b/src/components/CurrencySelectionList.tsx
index 13334cf8474..028df759c25 100644
--- a/src/components/CurrencySelectionList.tsx
+++ b/src/components/CurrencySelectionList.tsx
@@ -4,13 +4,13 @@ import { magicMemo } from '@/utils';
 import { EmptyAssetList } from '@/components/asset-list';
 import { Centered } from '@/components/layout';
 import { NoResults } from '@/components/list';
-import { CurrencySelectModalHeaderHeight } from '@/components/CurrencySelectModalHeader';
-import ExchangeAssetList from '@/components/ExchangeAssetList';
+import ExchangeAssetList, { EnrichedExchangeAsset } from '@/components/ExchangeAssetList';
 import { ExchangeSearchHeight } from '@/components/ExchangeSearch';
 import { Box } from '@/design-system';
-import { EnrichedExchangeAsset } from '@/screens/CurrencySelectModal';
 import { NoResultsType } from '@/components/list/NoResults';
 
+export const CurrencySelectModalHeaderHeight = 59;
+
 interface CurrencySelectionListProps {
   keyboardDismissMode?: 'none' | 'interactive' | 'on-drag';
   footerSpacer: boolean;
diff --git a/src/components/ExchangeAssetList.tsx b/src/components/ExchangeAssetList.tsx
index 050e4b2a47c..c22c58e1ca3 100644
--- a/src/components/ExchangeAssetList.tsx
+++ b/src/components/ExchangeAssetList.tsx
@@ -29,11 +29,22 @@ import { useTheme } from '@/theme';
 import { abbreviations, deviceUtils, haptics, magicMemo } from '@/utils';
 import { Box, Text } from '@/design-system';
 import { colors, Colors } from '@/styles';
-import { EnrichedExchangeAsset } from '@/screens/CurrencySelectModal';
 import ExchangeTokenRow from '@/components/ExchangeTokenRow';
 import { SwappableAsset } from '@/entities';
 import { toggleFavorite, useFavorites } from '@/resources/favorites';
 
+export interface EnrichedExchangeAsset extends SwappableAsset {
+  ens: boolean;
+  color: string;
+  nickname: string;
+  onPress: (el: ReactElement) => void;
+  testID: string;
+  useGradientText: boolean;
+  title?: string;
+  key: string;
+  disabled?: boolean;
+}
+
 const deviceWidth = deviceUtils.dimensions.width;
 
 const HeaderBackground = styled(LinearGradient).attrs(({ theme: { colors } }: { theme: { colors: Colors } }) => ({
diff --git a/src/components/ExchangeInput.js b/src/components/ExchangeInput.js
new file mode 100644
index 00000000000..5c53792b5d9
--- /dev/null
+++ b/src/components/ExchangeInput.js
@@ -0,0 +1,154 @@
+import React, { Fragment, useCallback, useState } from 'react';
+import { InteractionManager } from 'react-native';
+import TextInputMask from 'react-native-text-input-mask';
+import { Text } from '@/components/text';
+import styled from '@/styled-thing';
+import { buildTextStyles } from '@/styles';
+import { magicMemo } from '@/utils';
+
+const AndroidMaskWrapper = styled.View({
+  backgroundColor: ({ theme: { colors } }) => colors.white,
+  bottom: 0,
+  left: 68.7,
+  position: 'absolute',
+  right: 0,
+  top: 11.5,
+});
+
+const Input = styled(TextInputMask).attrs({
+  allowFontScaling: false,
+  keyboardType: 'decimal-pad',
+})(props => ({
+  flex: 1,
+  ...buildTextStyles.object(props),
+  ...(android ? { fontWeight: 'normal' } : {}),
+}));
+
+const ExchangeInput = (
+  {
+    androidMaskMaxLength = 8,
+    color: givenColor,
+    editable,
+    keyboardAppearance = 'dark',
+    letterSpacing = 'roundedTightest',
+    lineHeight,
+    mask = '[099999999999999999].[999999999999999999]',
+    onBlur,
+    onChange,
+    onChangeText,
+    onFocus,
+    placeholder = '0',
+    placeholderTextColor: givenPlaceholderTextColor,
+    selectionColor: givenSelectionColor,
+    size = 'h2',
+    testID,
+    useCustomAndroidMask = false,
+    value = '',
+    weight = 'semibold',
+    ...props
+  },
+  ref
+) => {
+  const { colors } = useTheme();
+  const color = givenColor || colors.dark;
+  const placeholderTextColor = givenPlaceholderTextColor || colors.alpha(colors.blueGreyDark, 0.3);
+  const selectionColor = givenSelectionColor || color;
+  const [isFocused, setIsFocused] = useState(false);
+  const [isTouched, setIsTouched] = useState(false);
+
+  const handleBlur = useCallback(
+    event => {
+      if (typeof value === 'string') {
+        const parts = value.split('.');
+        if (parseFloat(parts.join('')) === 0) {
+          ref?.current?.clear();
+        } else if (parts[0].length > 1 && !Number(parts[0])) {
+          onChangeText(`0.${parts[1]}`);
+        }
+      }
+      setIsFocused(false);
+      setIsTouched(false);
+      onBlur?.(event);
+    },
+    [onBlur, onChangeText, ref, value]
+  );
+
+  const handleChange = useCallback(
+    event => {
+      if (isFocused && !isTouched) {
+        InteractionManager.runAfterInteractions(() => setIsTouched(true));
+      }
+
+      onChange?.(event);
+    },
+    [isFocused, isTouched, onChange]
+  );
+
+  const handleChangeText = useCallback(
+    formatted => {
+      let text = formatted;
+      if (isTouched && !text.length && !value) {
+        text = '0.';
+      }
+
+      onChangeText?.(text);
+    },
+    [isTouched, onChangeText, value]
+  );
+
+  const handleFocus = useCallback(
+    event => {
+      setIsFocused(true);
+      onFocus?.(event);
+    },
+    [onFocus]
+  );
+
+  let valueToRender = value;
+  if (value?.length > androidMaskMaxLength) {
+    valueToRender = value.substring(0, androidMaskMaxLength) + '...';
+  }
+
+  return (
+    <Fragment>
+      <Input
+        {...props}
+        color={color}
+        editable={editable}
+        keyboardAppearance={keyboardAppearance}
+        letterSpacing={letterSpacing}
+        lineHeight={lineHeight}
+        mask={mask}
+        onBlur={handleBlur}
+        onChange={handleChange}
+        onChangeText={handleChangeText}
+        onFocus={handleFocus}
+        placeholder={placeholder}
+        placeholderTextColor={placeholderTextColor}
+        ref={ref}
+        selectionColor={selectionColor}
+        size={size}
+        testID={value ? `${testID}-${value}` : testID}
+        value={value}
+        weight={weight}
+      />
+      {useCustomAndroidMask && value > 0 && !ref.current?.isFocused?.() && (
+        <AndroidMaskWrapper>
+          <Text color={color} letterSpacing={letterSpacing} size={size} testID={testID} weight={weight} {...props}>
+            {valueToRender}
+          </Text>
+        </AndroidMaskWrapper>
+      )}
+    </Fragment>
+  );
+};
+
+export default magicMemo(React.forwardRef(ExchangeInput), [
+  'color',
+  'editable',
+  'placeholder',
+  'placeholderTextColor',
+  'onChangeText',
+  'onFocus',
+  'value',
+]);
diff --git a/src/components/cards/CarouselCard.tsx b/src/components/cards/CarouselCard.tsx
index 7745ae27d8e..fe74acaa4bf 100644
--- a/src/components/cards/CarouselCard.tsx
+++ b/src/components/cards/CarouselCard.tsx
@@ -156,7 +156,7 @@ const RefreshButton = ({ refresh, isRefreshing, dataUpdatedAt }: RefreshButtonPr
   const { colorMode } = useColorMode();
 
   const [canRefresh, setCanRefresh] = useState(dataUpdatedAt < Date.now() - 30_000);
-  const interval = useRef<NodeJS.Timer>();
+  const interval = useRef<ReturnType<typeof setTimeout>>();
 
   useEffect(() => {
     const checkRefresh = () => {
diff --git a/src/components/expanded-state/custom-gas/FeesGweiInput.tsx b/src/components/expanded-state/custom-gas/FeesGweiInput.tsx
deleted file mode 100644
index 61eb40753db..00000000000
--- a/src/components/expanded-state/custom-gas/FeesGweiInput.tsx
+++ /dev/null
@@ -1,169 +0,0 @@
-import React, { useCallback, useEffect, useRef, useState } from 'react';
-import ReactNativeHapticFeedback from 'react-native-haptic-feedback';
-import { ButtonPressAnimation } from '../../animations';
-import GweiInputPill from './GweiInputPill';
-import { delay } from '@/helpers/utilities';
-import { usePrevious } from '@/hooks';
-import { TextInput } from 'react-native';
-import { Box, Inline, Text } from '@/design-system';
-import { colors } from '@/styles';
-import { IS_ANDROID } from '@/env';
-
-const PLUS_ACTION_TYPE = 'plus';
-const MINUS_ACTION_TYPE = 'minus';
-const LONG_PRESS_DELAY_THRESHOLD = 69;
-const MIN_LONG_PRESS_DELAY_THRESHOLD = 200;
-
-type GweiStepButtonProps = {
-  buttonColor: string;
-  onLongPress: () => void;
-  onLongPressEnded: () => void;
-  onPress: () => void;
-  type: string;
-  shouldLongPressHoldPress: boolean;
-};
-
-type FeesGweiInputProps = {
-  buttonColor: string;
-  editable: boolean;
-  inputRef: React.MutableRefObject<TextInput | null>;
-  value: string;
-  minusAction: () => void;
-  onChange: (text: string) => void;
-  onPress: () => void;
-  onBlur: () => void;
-  plusAction: () => void;
-  testID: string;
-};
-
-const GweiStepButton = ({ buttonColor, onLongPress, onLongPressEnded, onPress, type, shouldLongPressHoldPress }: GweiStepButtonProps) => {
-  return (
-    <Box
-      as={ButtonPressAnimation}
-      // @ts-ignore overloaded props
-
-      scaleTo={0.75}
-      minLongPressDuration={MIN_LONG_PRESS_DELAY_THRESHOLD}
-      onLongPress={onLongPress}
-      onLongPressEnded={onLongPressEnded}
-      onPress={onPress}
-      shouldLongPressHoldPress={shouldLongPressHoldPress}
-      useLateHaptic={false}
-      padding="4px"
-      margin="-4px"
-      marginTop={IS_ANDROID ? '-2px' : undefined}
-    >
-      <Text size="icon 16px" color={{ custom: buttonColor || colors.appleBlue }} weight="heavy">
-        {type === 'plus' ? '􀁍' : '􀁏'}
-      </Text>
-    </Box>
-  );
-};
-
-export default function FeesGweiInput({
-  buttonColor,
-  editable = true,
-  inputRef,
-  value,
-  minusAction,
-  onChange,
-  onPress,
-  onBlur,
-  plusAction,
-  testID,
-}: FeesGweiInputProps) {
-  const longPressHandle = useRef<boolean | null>(null);
-  const [trigger, setTrigger] = useState<boolean>(false);
-  const [actionType, setActionType] = useState<string | null>(null);
-  const prevTrigger = usePrevious(trigger);
-
-  const onMinusPress = useCallback(() => {
-    longPressHandle.current = false;
-    minusAction();
-  }, [minusAction]);
-
-  const onPlusPress = useCallback(() => {
-    longPressHandle.current = false;
-    plusAction();
-  }, [plusAction]);
-
-  const onLongPressEnded = useCallback(() => {
-    longPressHandle.current = false;
-    setActionType(null);
-  }, [longPressHandle]);
-
-  const onLongPressLoop = useCallback(async () => {
-    setTrigger(true);
-    setTrigger(false);
-    await delay(LONG_PRESS_DELAY_THRESHOLD);
-    longPressHandle.current && onLongPressLoop();
-  }, []);
-
-  const onLongPress = useCallback(async () => {
-    longPressHandle.current = true;
-    onLongPressLoop();
-  }, [onLongPressLoop]);
-
-  const onPlusLongPress = useCallback(() => {
-    setActionType(PLUS_ACTION_TYPE);
-    onLongPress();
-  }, [onLongPress]);
-
-  const onMinusLongPress = useCallback(() => {
-    setActionType(MINUS_ACTION_TYPE);
-    onLongPress();
-  }, [onLongPress]);
-
-  const onInputPress = useCallback(() => {
-    inputRef?.current?.focus();
-    onPress?.();
-  }, [inputRef, onPress]);
-
-  useEffect(() => {
-    if (!prevTrigger && trigger) {
-      if (actionType === PLUS_ACTION_TYPE) {
-        plusAction();
-        ReactNativeHapticFeedback.trigger('selection');
-      } else if (actionType === MINUS_ACTION_TYPE) {
-        minusAction();
-        ReactNativeHapticFeedback.trigger('selection');
-      }
-    }
-  }, [trigger, prevTrigger, actionType, plusAction, minusAction]);
-
-  return (
-    <Box>
-      <Inline alignVertical="center" space="6px">
-        <GweiStepButton
-          buttonColor={buttonColor}
-          onLongPress={onMinusLongPress}
-          onLongPressEnded={onLongPressEnded}
-          onPress={onMinusPress}
-          shouldLongPressHoldPress
-          type={MINUS_ACTION_TYPE}
-        />
-        <Box>
-          <GweiInputPill
-            color={buttonColor}
-            editable={editable}
-            onBlur={onBlur}
-            onChange={onChange}
-            onFocus={onInputPress}
-            onPress={onInputPress}
-            ref={inputRef}
-            testID={testID}
-            value={value}
-          />
-        </Box>
-        <GweiStepButton
-          buttonColor={buttonColor}
-          onLongPress={onPlusLongPress}
-          onLongPressEnded={onLongPressEnded}
-          onPress={onPlusPress}
-          shouldLongPressHoldPress
-          type={PLUS_ACTION_TYPE}
-        />
-      </Inline>
-    </Box>
-  );
-}
diff --git a/src/components/expanded-state/custom-gas/FeesPanel.tsx b/src/components/expanded-state/custom-gas/FeesPanel.tsx
deleted file mode 100644
index de4f837c369..00000000000
--- a/src/components/expanded-state/custom-gas/FeesPanel.tsx
+++ /dev/null
@@ -1,655 +0,0 @@
-import lang from 'i18n-js';
-import { useIsFocused, useNavigation, useRoute } from '@react-navigation/native';
-import { upperFirst } from 'lodash';
-import React, { useCallback, useEffect, useMemo, useState } from 'react';
-import { InteractionManager, Keyboard, KeyboardAvoidingView } from 'react-native';
-import { IS_TESTING } from 'react-native-dotenv';
-import { Alert } from '../../alerts';
-import { useTheme } from '../../../theme/ThemeContext';
-import { ButtonPressAnimation } from '../../animations';
-import FeesGweiInput from './FeesGweiInput';
-import { calculateMinerTipAddDifference, calculateMinerTipSubstDifference } from '@/helpers/gas';
-import { add, greaterThan, isZero, lessThan, multiply, toFixedDecimals } from '@/helpers/utilities';
-import { useFeesPanelInputRefs, useGas, usePrevious, useTimeout } from '@/hooks';
-import { gweiToWei, parseGasFeeParam } from '@/parsers';
-import Routes from '@/navigation/routesNames';
-import { gasUtils } from '@/utils';
-import { Box, Inline, Inset, Row, Rows, Text } from '@/design-system';
-import { IS_ANDROID } from '@/env';
-import { isL2Chain } from '@/handlers/web3';
-
-const MAX_TEXT_WIDTH = 210;
-const { CUSTOM, GAS_TRENDS, NORMAL, URGENT, FLASHBOTS_MIN_TIP } = gasUtils;
-
-const GAS_FEE_INCREMENT = 3;
-const GAS_FEE_L2_INCREMENT = 0.02;
-const MAX_BASE_FEE_RANGE = [1, 3];
-const MINER_TIP_RANGE = [1, 2];
-
-const WARNING_SEPARATOR = '·';
-const FOCUS_TO_MAX_BASE_FEE = 'focusToMaxBaseFee';
-const FOCUS_TO_MINER_TIP = 'focusToMinerTip';
-const MINER_TIP_TYPE = 'minerTip';
-const MAX_BASE_FEE_TYPE = 'maxBaseFee';
-const HIGH_ALERT = 'HIGH_ALERT';
-const LOW_ALERT = 'LOW_ALERT';
-
-type FeesPanelProps = {
-  currentGasTrend: keyof typeof GAS_TRENDS;
-  colorForAsset: string;
-  setCanGoBack: React.Dispatch<React.SetStateAction<boolean>>;
-  validateGasParams: React.MutableRefObject<(callback?: () => void) => void | undefined>;
-  openCustomOptions: (focusTo: string) => void;
-};
-
-type AlertInfo = {
-  type: typeof LOW_ALERT | typeof HIGH_ALERT;
-  message: string;
-} | null;
-
-export default function FeesPanel({ currentGasTrend, colorForAsset, setCanGoBack, validateGasParams, openCustomOptions }: FeesPanelProps) {
-  const { selectedGasFee, currentBlockParams, customGasFeeModifiedByUser, gasFeeParamsBySpeed, updateToCustomGasFee, chainId } = useGas();
-
-  const { navigate, getState: dangerouslyGetState } = useNavigation();
-  const { colors } = useTheme();
-
-  const {
-    // @ts-expect-error ts-migrate(2339)
-    params: { type, focusTo, flashbotTransaction = false },
-  } = useRoute();
-
-  const isFocused = useIsFocused();
-  const prevIsFocused = usePrevious(isFocused);
-  const { setLastFocusedInputHandle, maxBaseFieldRef, minerTipFieldRef, triggerFocus } = useFeesPanelInputRefs();
-
-  // had to add this for actions happening on the gas speed button
-  if (prevIsFocused && !isFocused) {
-    Keyboard.dismiss();
-  }
-
-  const [customFees, setCustomFees] = useState({
-    customMaxBaseFee: gasFeeParamsBySpeed?.[CUSTOM]?.maxBaseFee?.gwei,
-    customMaxPriorityFee: gasFeeParamsBySpeed?.[CUSTOM]?.maxPriorityFeePerGas?.gwei,
-  });
-  const [startPriorityFeeTimeout, stopPriorityFeeTimeout] = useTimeout();
-  const [startBaseFeeTimeout, stopBaseFeeTimeout] = useTimeout();
-
-  const isL2 = isL2Chain({ chainId });
-
-  const [maxPriorityFeeWarning, setMaxPriorityFeeWarning] = useState<AlertInfo>(null);
-  const [maxPriorityFeeError, setMaxPriorityFeeError] = useState<AlertInfo>(null);
-
-  const [maxBaseFeeWarning, setMaxBaseFeeWarning] = useState<AlertInfo>(null);
-  const [maxBaseFeeError, setMaxBaseFeeError] = useState<AlertInfo>(null);
-
-  const [userProceededOnWarnings, setUserProcededOnWarnings] = useState(false);
-
-  const { customMaxBaseFee, customMaxPriorityFee } = customFees;
-  const trendType = 'currentBaseFee' + upperFirst(currentGasTrend);
-
-  const updatedCustomMaxBaseFee = gasFeeParamsBySpeed?.[CUSTOM]?.maxBaseFee?.gwei;
-  const updatedCustomMaxPriorityFee = gasFeeParamsBySpeed?.[CUSTOM]?.maxPriorityFeePerGas?.gwei;
-
-  useEffect(() => {
-    if (!customGasFeeModifiedByUser && updatedCustomMaxBaseFee && updatedCustomMaxPriorityFee) {
-      setCustomFees({
-        customMaxBaseFee: updatedCustomMaxBaseFee,
-        customMaxPriorityFee: updatedCustomMaxPriorityFee,
-      });
-    }
-  }, [customGasFeeModifiedByUser, updatedCustomMaxBaseFee, updatedCustomMaxPriorityFee]);
-
-  const selectedOptionIsCustom = useMemo(() => selectedGasFee?.option === CUSTOM, [selectedGasFee?.option]);
-
-  const { maxFee, currentBaseFee, maxBaseFee, maxPriorityFee } = useMemo(() => {
-    const maxFee = selectedGasFee?.gasFee?.maxFee?.native?.value?.display;
-    const currentBaseFee = currentBlockParams?.baseFeePerGas?.gwei;
-    const maxBaseFee = selectedOptionIsCustom
-      ? customMaxBaseFee
-      : toFixedDecimals(selectedGasFee?.gasFeeParams?.maxBaseFee?.gwei || 0, isL2 ? 3 : 0);
-
-    const maxPriorityFee = selectedOptionIsCustom ? customMaxPriorityFee : selectedGasFee?.gasFeeParams?.maxPriorityFeePerGas?.gwei;
-
-    return { currentBaseFee, maxBaseFee, maxFee, maxPriorityFee };
-  }, [
-    selectedGasFee?.gasFee?.maxFee?.native?.value?.display,
-    selectedGasFee?.gasFeeParams?.maxBaseFee?.gwei,
-    selectedGasFee?.gasFeeParams?.maxPriorityFeePerGas?.gwei,
-    currentBlockParams?.baseFeePerGas?.gwei,
-    selectedOptionIsCustom,
-    customMaxBaseFee,
-    isL2,
-    customMaxPriorityFee,
-  ]);
-
-  const openGasHelper = useCallback(
-    (type: string) => {
-      Keyboard.dismiss();
-      navigate(Routes.EXPLAIN_SHEET, {
-        currentBaseFee: toFixedDecimals(currentBaseFee, isL2 ? 3 : 0),
-        currentGasTrend,
-        type,
-      });
-    },
-    [currentBaseFee, currentGasTrend, isL2, navigate]
-  );
-
-  const renderRowLabel = useCallback(
-    (label: string, type: string, error?: AlertInfo, warning?: AlertInfo) => {
-      let color;
-      let text;
-      if ((!error && !warning) || !selectedOptionIsCustom) {
-        color = colors.alpha(colors.blueGreyDark, 0.25);
-        text = '􀅵';
-      } else if (error) {
-        color = colors.red;
-        text = '􀇿';
-      } else {
-        color = colors.yellowFavorite;
-        text = '􀇿';
-      }
-
-      const openHelper = () => openGasHelper(type);
-
-      return (
-        <Box
-          as={ButtonPressAnimation}
-          paddingVertical="8px"
-          marginVertical="-8px"
-          // @ts-ignore overloaded props
-          onPress={openHelper}
-          backgroundColor="accent"
-          style={{ maxWidth: 175 }}
-        >
-          <Inline horizontalSpace="4px" alignVertical="center">
-            <Text color="primary (Deprecated)" size="16px / 22px (Deprecated)" weight="heavy" numberOfLines={2}>
-              {`${label} `}
-              <Text size="icon 16px" color={{ custom: color }} weight="bold" numberOfLines={1}>
-                {text}
-              </Text>
-            </Text>
-            <Box marginBottom={IS_ANDROID ? '-4px' : undefined}></Box>
-          </Inline>
-        </Box>
-      );
-    },
-    [colors, openGasHelper, selectedOptionIsCustom]
-  );
-
-  const formattedBaseFee = useMemo(() => {
-    if (lessThan(currentBaseFee, 1)) {
-      return `< 1 Gwei`;
-    }
-
-    return `${toFixedDecimals(currentBaseFee, 0)} Gwei`;
-  }, [currentBaseFee]);
-
-  const handleMaxBaseInputGweiPress = useCallback(
-    () => setLastFocusedInputHandle(maxBaseFieldRef),
-    [maxBaseFieldRef, setLastFocusedInputHandle]
-  );
-
-  const handleMinerTipInputGweiPress = useCallback(
-    () => setLastFocusedInputHandle(minerTipFieldRef),
-    [minerTipFieldRef, setLastFocusedInputHandle]
-  );
-
-  const updatePriorityFeePerGas = useCallback(
-    (priorityFeePerGas: number) => {
-      setLastFocusedInputHandle(minerTipFieldRef);
-      const maxPriorityFeePerGas = selectedGasFee?.gasFeeParams?.maxPriorityFeePerGas;
-
-      const gweiMaxPriorityFeePerGas = Number(maxPriorityFeePerGas?.gwei || 0);
-
-      const newGweiMaxPriorityFeePerGas = Math.round((gweiMaxPriorityFeePerGas + priorityFeePerGas) * 100) / 100;
-
-      const newMaxPriorityFeePerGas = parseGasFeeParam(gweiToWei(newGweiMaxPriorityFeePerGas));
-
-      if (flashbotTransaction && greaterThan(FLASHBOTS_MIN_TIP, newMaxPriorityFeePerGas.gwei)) return;
-
-      if (greaterThan(0, newMaxPriorityFeePerGas.amount)) return;
-
-      setCustomFees({
-        customMaxBaseFee: selectedGasFee?.gasFeeParams?.maxBaseFee?.gwei,
-        customMaxPriorityFee: newMaxPriorityFeePerGas?.gwei,
-      });
-
-      const newGasParams = {
-        ...selectedGasFee.gasFeeParams,
-        maxPriorityFeePerGas: newMaxPriorityFeePerGas,
-      };
-      updateToCustomGasFee(newGasParams);
-    },
-    [flashbotTransaction, minerTipFieldRef, selectedGasFee.gasFeeParams, setLastFocusedInputHandle, updateToCustomGasFee]
-  );
-
-  const updateFeePerGas = useCallback(
-    (feePerGas: number) => {
-      setLastFocusedInputHandle(maxBaseFieldRef);
-      const maxBaseFee = selectedGasFee?.gasFeeParams?.maxBaseFee?.gwei ?? 0;
-
-      const newGweiMaxBaseFee = toFixedDecimals(add(maxBaseFee, feePerGas), isL2 ? 3 : 0);
-
-      const newMaxBaseFee = parseGasFeeParam(gweiToWei(newGweiMaxBaseFee));
-      if (greaterThan(0, newMaxBaseFee.amount)) return;
-
-      setCustomFees({
-        customMaxBaseFee: newMaxBaseFee?.gwei,
-        customMaxPriorityFee: selectedGasFee?.gasFeeParams?.maxPriorityFeePerGas?.gwei,
-      });
-
-      const newGasParams = {
-        ...selectedGasFee.gasFeeParams,
-        maxBaseFee: newMaxBaseFee,
-      };
-      updateToCustomGasFee(newGasParams);
-    },
-    [isL2, maxBaseFieldRef, selectedGasFee.gasFeeParams, setLastFocusedInputHandle, updateToCustomGasFee]
-  );
-
-  const addMinerTip = useCallback(() => {
-    updatePriorityFeePerGas(calculateMinerTipAddDifference(maxPriorityFee, chainId));
-  }, [maxPriorityFee, chainId, updatePriorityFeePerGas]);
-
-  const substMinerTip = useCallback(() => {
-    updatePriorityFeePerGas(-calculateMinerTipSubstDifference(maxPriorityFee, chainId));
-  }, [maxPriorityFee, chainId, updatePriorityFeePerGas]);
-
-  const addMaxFee = useCallback(() => {
-    updateFeePerGas(isL2 ? GAS_FEE_L2_INCREMENT : GAS_FEE_INCREMENT);
-  }, [isL2, updateFeePerGas]);
-
-  const substMaxFee = useCallback(() => {
-    updateFeePerGas(isL2 ? -GAS_FEE_L2_INCREMENT : -GAS_FEE_INCREMENT);
-  }, [isL2, updateFeePerGas]);
-
-  const onMaxBaseFeeChange = useCallback(
-    (text: string) => {
-      const maxBaseFee = parseGasFeeParam(gweiToWei(text || 0));
-
-      if (greaterThan(0, maxBaseFee.amount)) return;
-
-      setCustomFees({
-        customMaxBaseFee: text,
-        customMaxPriorityFee: selectedGasFee.gasFeeParams.maxPriorityFeePerGas.gwei,
-      });
-
-      const newGasParams = {
-        ...selectedGasFee.gasFeeParams,
-        maxBaseFee,
-      };
-      updateToCustomGasFee(newGasParams);
-    },
-    [selectedGasFee.gasFeeParams, updateToCustomGasFee]
-  );
-
-  const onMinerTipChange = useCallback(
-    (text: string) => {
-      const maxPriorityFeePerGas = parseGasFeeParam(gweiToWei(text || 0));
-
-      if (greaterThan(0, maxPriorityFeePerGas.amount)) return;
-
-      setCustomFees({
-        customMaxBaseFee: selectedGasFee?.gasFeeParams?.maxBaseFee?.gwei,
-        customMaxPriorityFee: text,
-      });
-
-      const newGasParams = {
-        ...selectedGasFee.gasFeeParams,
-        maxPriorityFeePerGas,
-      };
-      updateToCustomGasFee(newGasParams);
-    },
-    [selectedGasFee.gasFeeParams, updateToCustomGasFee]
-  );
-
-  const renderWarning = useCallback(
-    (error: AlertInfo, warning: AlertInfo) => {
-      if (!selectedOptionIsCustom) return;
-      const errorMessage = error?.message;
-      const warningMessage = warning?.message;
-
-      const errorPrefix = errorMessage?.substring(0, errorMessage?.indexOf(WARNING_SEPARATOR));
-      let errorSuffix = errorMessage?.substring(errorMessage?.indexOf(WARNING_SEPARATOR), errorMessage?.length);
-
-      const warningPrefix = warningMessage?.substring(0, warningMessage?.indexOf(WARNING_SEPARATOR));
-      const warningSuffix = warningMessage?.substring(warningMessage?.indexOf(WARNING_SEPARATOR), warningMessage?.length);
-
-      if (errorSuffix === WARNING_SEPARATOR + ' Enter an amount') {
-        errorSuffix = 'Enter an amount';
-      }
-
-      return (
-        (error && (
-          <Box paddingTop="8px" style={{ maxWidth: MAX_TEXT_WIDTH }}>
-            <Text color={{ custom: colors.red }} size="16px / 22px (Deprecated)" weight="heavy" numberOfLines={1}>
-              {errorPrefix}
-              <Text color={{ custom: colors.alpha(colors.blueGreyDark, 0.5) }} size="16px / 22px (Deprecated)" weight="bold">
-                {errorSuffix}
-              </Text>
-            </Text>
-          </Box>
-        )) ||
-        (warning && (
-          <Box paddingTop="8px" style={{ maxWidth: MAX_TEXT_WIDTH }}>
-            <Text color={{ custom: colors.yellowFavorite }} size="16px / 22px (Deprecated)" weight="heavy">
-              {warningPrefix}
-              <Text color={{ custom: colors.alpha(colors.blueGreyDark, 0.5) }} size="16px / 22px (Deprecated)" weight="heavy">
-                {warningSuffix}
-              </Text>
-            </Text>
-          </Box>
-        ))
-      );
-    },
-    [colors, selectedOptionIsCustom]
-  );
-
-  const onAlertProceeded = useCallback(
-    (callback?: () => void) => {
-      setUserProcededOnWarnings(true);
-      setCanGoBack?.(true);
-      callback?.();
-    },
-    [setCanGoBack]
-  );
-
-  useEffect(() => {
-    const navigationRoutes = dangerouslyGetState()?.routes;
-    const lastRouteName = navigationRoutes?.[navigationRoutes.length - 1]?.name;
-    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-    // @ts-ignore
-    const lastRouteType = navigationRoutes?.[navigationRoutes.length - 1]?.params?.type;
-    if (lastRouteName === 'ExplainSheet' && lastRouteType.includes('currentBaseFee')) {
-      navigate(Routes.EXPLAIN_SHEET, {
-        currentBaseFee: toFixedDecimals(currentBaseFee, 0),
-        currentGasTrend,
-        type: trendType,
-      });
-    }
-  }, [currentBaseFee, currentGasTrend, dangerouslyGetState, navigate, trendType, type]);
-
-  useEffect(() => {
-    stopBaseFeeTimeout();
-    startBaseFeeTimeout(async () => {
-      // there's an e2e modifying this panel so I needed values that aren't dependent on the network conditions
-      const maxBaseFeeToValidate = IS_TESTING === 'true' ? 100 : currentBaseFee;
-
-      if (!maxBaseFee || isZero(maxBaseFee) || greaterThan(multiply(0.1, maxBaseFeeToValidate), maxBaseFee)) {
-        setMaxBaseFeeError({
-          message: lang.t('gas.max_base_fee_too_low_error'),
-          type: LOW_ALERT,
-        });
-      } else {
-        setMaxBaseFeeError(null);
-      }
-      if (greaterThan(multiply(MAX_BASE_FEE_RANGE[0], maxBaseFeeToValidate), maxBaseFee)) {
-        setMaxBaseFeeWarning({
-          message: lang.t('gas.lower_than_suggested'),
-          type: LOW_ALERT,
-        });
-      } else {
-        setMaxBaseFeeWarning(null);
-      }
-    });
-  }, [maxBaseFee, currentBaseFee, stopBaseFeeTimeout, startBaseFeeTimeout]);
-
-  useEffect(() => {
-    stopPriorityFeeTimeout();
-    startPriorityFeeTimeout(() => {
-      if (!maxPriorityFee || isZero(maxPriorityFee) || greaterThan(isL2 ? 0.0001 : 1, maxPriorityFee)) {
-        setMaxPriorityFeeError({
-          message: lang.t('gas.tip_too_low_error'),
-          type: LOW_ALERT,
-        });
-      } else {
-        setMaxPriorityFeeError(null);
-      }
-      // there's an e2e modifying this panel so I needed values that aren't dependant on the network conditions
-      if (
-        greaterThan(
-          multiply(MINER_TIP_RANGE[0], IS_TESTING === 'true' ? 1 : gasFeeParamsBySpeed?.[NORMAL]?.maxPriorityFeePerGas?.gwei),
-          maxPriorityFee
-        )
-      ) {
-        setMaxPriorityFeeWarning({
-          message: lang.t('gas.lower_than_suggested'),
-          type: LOW_ALERT,
-        });
-      } else if (
-        // there's an e2e modifying this panel so I needed values that aren't dependant on the network conditions
-        greaterThan(
-          maxPriorityFee,
-          multiply(MINER_TIP_RANGE[1], IS_TESTING === 'true' ? 1 : gasFeeParamsBySpeed?.[URGENT]?.maxPriorityFeePerGas?.gwei)
-        )
-      ) {
-        setMaxPriorityFeeWarning({
-          message: lang.t('gas.higher_than_suggested'),
-          type: HIGH_ALERT,
-        });
-      } else {
-        setMaxPriorityFeeWarning(null);
-      }
-    });
-  }, [gasFeeParamsBySpeed, isL2, maxPriorityFee, startPriorityFeeTimeout, stopPriorityFeeTimeout]);
-
-  const alertMaxBaseFee = useCallback(
-    (callback?: () => void) => {
-      Alert({
-        buttons: [
-          {
-            onPress: () => onAlertProceeded(callback),
-            text: lang.t('gas.proceed_anyway'),
-          },
-          {
-            onPress: () => openCustomOptions(FOCUS_TO_MAX_BASE_FEE),
-            style: 'cancel',
-            text: lang.t('gas.edit_max_bass_fee'),
-          },
-        ],
-        message: lang.t('gas.alert_message_higher_max_base_fee_needed'),
-        title: lang.t('gas.alert_title_higher_max_base_fee_needed'),
-      });
-    },
-    [onAlertProceeded, openCustomOptions]
-  );
-
-  const alertMaxPriority = useCallback(
-    (callback?: () => void) => {
-      const highAlert = maxPriorityFeeWarning?.type === HIGH_ALERT;
-      Alert({
-        buttons: [
-          {
-            onPress: () => onAlertProceeded(callback),
-            text: lang.t('gas.proceed_anyway'),
-          },
-          {
-            onPress: () => openCustomOptions(FOCUS_TO_MINER_TIP),
-            style: 'cancel',
-            text: lang.t('gas.edit_miner_tip'),
-          },
-        ],
-        message: highAlert ? lang.t('gas.alert_message_lower') : lang.t('gas.alert_message_higher_miner_tip_needed'),
-        title: highAlert ? lang.t('gas.alert_title_lower_miner_tip_needed') : lang.t('gas.alert_title_higher_miner_tip_needed'),
-      });
-    },
-    [maxPriorityFeeWarning, onAlertProceeded, openCustomOptions]
-  );
-
-  validateGasParams.current = (callback?: () => void) => validateParams(callback);
-
-  const validateParams = useCallback(
-    (callback?: () => void) => {
-      if (userProceededOnWarnings || !selectedOptionIsCustom) return;
-      const maxBaseValidated = !maxBaseFeeError && !maxBaseFeeWarning;
-      const maxPriorityValidated = !maxPriorityFeeError && !maxPriorityFeeWarning;
-      if (!maxBaseValidated) {
-        alertMaxBaseFee(callback);
-      } else if (!maxPriorityValidated) {
-        alertMaxPriority(callback);
-      }
-    },
-    [
-      alertMaxBaseFee,
-      alertMaxPriority,
-      maxBaseFeeError,
-      maxBaseFeeWarning,
-      maxPriorityFeeError,
-      maxPriorityFeeWarning,
-      selectedOptionIsCustom,
-      userProceededOnWarnings,
-    ]
-  );
-
-  useEffect(() => {
-    const maxBaseValidated = !maxBaseFeeError && !maxBaseFeeWarning;
-    const maxPriorityValidated = !maxPriorityFeeError && !maxPriorityFeeWarning;
-    if (!userProceededOnWarnings && selectedOptionIsCustom && (!maxBaseValidated || !maxPriorityValidated)) {
-      setCanGoBack(false);
-    } else {
-      setCanGoBack(true);
-    }
-  }, [
-    alertMaxBaseFee,
-    alertMaxPriority,
-    maxBaseFeeError,
-    maxBaseFeeWarning,
-    maxPriorityFeeError,
-    maxPriorityFeeWarning,
-    selectedOptionIsCustom,
-    setCanGoBack,
-    userProceededOnWarnings,
-  ]);
-
-  useEffect(() => {
-    return function validate() {
-      validateGasParams?.current?.();
-    };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-
-  useEffect(() => {
-    const focus = async () => {
-      if (focusTo === FOCUS_TO_MINER_TIP) {
-        setLastFocusedInputHandle(minerTipFieldRef);
-      } else {
-        setLastFocusedInputHandle(maxBaseFieldRef);
-      }
-      InteractionManager.runAfterInteractions(() => {
-        triggerFocus();
-      });
-    };
-    focus();
-  }, [focusTo, maxBaseFieldRef, minerTipFieldRef, setLastFocusedInputHandle, triggerFocus]);
-
-  return (
-    <Box as={KeyboardAvoidingView}>
-      <Inset bottom="12px">
-        <Inline alignHorizontal="right">
-          <Box
-            as={ButtonPressAnimation}
-            paddingVertical="8px"
-            marginVertical="-8px"
-            // @ts-ignore overloaded props
-
-            onPress={() => openGasHelper(trendType)}
-            scaleTo={1}
-          >
-            <Text
-              size="16px / 22px (Deprecated)"
-              weight="heavy"
-              color={{
-                custom: GAS_TRENDS[currentGasTrend]?.color || colors.appleBlue,
-              }}
-            >
-              {GAS_TRENDS[currentGasTrend]?.label}
-            </Text>
-          </Box>
-        </Inline>
-      </Inset>
-      <Rows space={{ custom: 16 }}>
-        <Row>
-          <Box paddingBottom={{ custom: 14 }}>
-            <Inline alignVertical="center" alignHorizontal="justify">
-              <Box>{renderRowLabel(lang.t('gas.current_base_fee'), trendType)}</Box>
-              <Box
-                as={ButtonPressAnimation}
-                // @ts-ignore overloaded props
-
-                onPress={() => openGasHelper(trendType)}
-                scaleTo={1}
-              >
-                <Text color="primary (Deprecated)" size="16px / 22px (Deprecated)" weight="heavy">
-                  {formattedBaseFee}
-                </Text>
-              </Box>
-            </Inline>
-          </Box>
-        </Row>
-
-        <Row>
-          <Box>
-            <Inline alignVertical="center" alignHorizontal="justify">
-              <Box>
-                {renderRowLabel(lang.t('gas.max_base_fee'), MAX_BASE_FEE_TYPE, maxBaseFeeError, maxBaseFeeWarning)}
-                {renderWarning(maxBaseFeeError, maxBaseFeeWarning)}
-              </Box>
-              <Box marginRight="-5px (Deprecated)">
-                <FeesGweiInput
-                  buttonColor={colorForAsset}
-                  inputRef={maxBaseFieldRef}
-                  minusAction={substMaxFee}
-                  onChange={onMaxBaseFeeChange}
-                  onPress={handleMaxBaseInputGweiPress}
-                  onBlur={() => null}
-                  plusAction={addMaxFee}
-                  testID="max-base-fee-input"
-                  value={maxBaseFee}
-                  editable
-                />
-              </Box>
-            </Inline>
-          </Box>
-        </Row>
-
-        <Row>
-          <Box>
-            <Inline alignVertical="center" alignHorizontal="justify">
-              <Box>
-                {renderRowLabel(lang.t('gas.miner_tip'), MINER_TIP_TYPE, maxPriorityFeeError, maxPriorityFeeWarning)}
-                {renderWarning(maxPriorityFeeError, maxPriorityFeeWarning)}
-              </Box>
-              <Box marginRight="-5px (Deprecated)">
-                <FeesGweiInput
-                  buttonColor={colorForAsset}
-                  editable={!flashbotTransaction}
-                  inputRef={minerTipFieldRef}
-                  minusAction={substMinerTip}
-                  onChange={onMinerTipChange}
-                  onPress={handleMinerTipInputGweiPress}
-                  plusAction={addMinerTip}
-                  testID="max-priority-fee-input"
-                  value={maxPriorityFee}
-                  onBlur={() => null}
-                />
-              </Box>
-            </Inline>
-          </Box>
-        </Row>
-
-        <Row>
-          <Box paddingTop={{ custom: 14 }}>
-            <Inline alignVertical="center" alignHorizontal="justify">
-              <Text color="primary (Deprecated)" size="16px / 22px (Deprecated)" weight="heavy">
-                {lang.t('gas.max_transaction_fee')}
-              </Text>
-              <Text color="primary (Deprecated)" size="16px / 22px (Deprecated)" weight="heavy">
-                {maxFee}
-              </Text>
-            </Inline>
-          </Box>
-        </Row>
-      </Rows>
-    </Box>
-  );
-}
diff --git a/src/components/expanded-state/custom-gas/FeesPanelTabs.tsx b/src/components/expanded-state/custom-gas/FeesPanelTabs.tsx
deleted file mode 100644
index df49764c4e8..00000000000
--- a/src/components/expanded-state/custom-gas/FeesPanelTabs.tsx
+++ /dev/null
@@ -1,105 +0,0 @@
-import { isEmpty } from 'lodash';
-import React from 'react';
-import { ButtonPressAnimation } from '../../animations';
-import { useGas } from '@/hooks';
-import { colors } from '@/styles';
-import { gasUtils } from '@/utils';
-import { AccentColorProvider, Box, Inline, Inset, Text } from '@/design-system';
-import { useTheme } from '@/theme';
-import { IS_ANDROID } from '@/env';
-
-const { CUSTOM, URGENT, GasSpeedOrder } = gasUtils;
-
-type TabPillProps = {
-  speed: string;
-  isSelected: boolean;
-  handleOnPressTabPill: (speed: string) => void;
-  color: string;
-  testID?: string;
-};
-
-type FeesPanelTabsProps = {
-  colorForAsset: string;
-  speeds: typeof GasSpeedOrder;
-};
-
-const TabPill = ({ speed, isSelected, handleOnPressTabPill, color, testID }: TabPillProps) => {
-  const { isDarkMode } = useTheme();
-  const handleOnPress = () => handleOnPressTabPill(speed);
-  const shadowColor = isDarkMode ? colors.shadowBlack : color || colors.appleBlue;
-
-  const label = gasUtils.getGasLabel(speed);
-
-  return (
-    <Box
-      as={ButtonPressAnimation}
-      // @ts-ignore overloaded props
-      onPress={handleOnPress}
-      scaleTo={0.8}
-      testID={testID}
-      paddingHorizontal="5px (Deprecated)"
-    >
-      <AccentColorProvider color={isSelected ? color || colors.appleBlue : colors.alpha(color || colors.appleBlue, 0.06)}>
-        <Box
-          background="accent"
-          height="30px"
-          paddingHorizontal="10px"
-          borderRadius={15}
-          alignItems="center"
-          style={{
-            shadowColor: isSelected ? shadowColor : colors.transparent,
-            shadowOffset: { height: 4, width: 0 },
-            shadowOpacity: 0.3,
-            shadowRadius: 6,
-            elevation: 5,
-          }}
-        >
-          <Inset vertical={{ custom: IS_ANDROID ? 8 : 9 }}>
-            <Text
-              size="16px / 22px (Deprecated)"
-              color={{
-                custom: isSelected ? colors.whiteLabel : colors.alpha(color || colors.appleBlue, 0.9),
-              }}
-              align="center"
-              weight="heavy"
-            >
-              {label}
-            </Text>
-          </Inset>
-        </Box>
-      </AccentColorProvider>
-    </Box>
-  );
-};
-
-export default function FeesPanelTabs({ colorForAsset, speeds = GasSpeedOrder }: FeesPanelTabsProps) {
-  const { updateGasFeeOption, selectedGasFeeOption, gasFeeParamsBySpeed, updateToCustomGasFee } = useGas();
-
-  const handleOnPressTabPill = (speed: string) => {
-    if (speed === CUSTOM && isEmpty(gasFeeParamsBySpeed[CUSTOM])) {
-      const gasFeeParams = gasFeeParamsBySpeed[URGENT];
-      updateToCustomGasFee({
-        ...gasFeeParams,
-        option: CUSTOM,
-      });
-    } else {
-      updateGasFeeOption(speed);
-    }
-  };
-
-  return (
-    <Inline alignHorizontal="center">
-      {speeds.map(speed => (
-        <Box key={speed}>
-          <TabPill
-            color={colorForAsset}
-            handleOnPressTabPill={handleOnPressTabPill}
-            isSelected={selectedGasFeeOption === speed}
-            speed={speed}
-            testID={`speed-pill-${speed}`}
-          />
-        </Box>
-      ))}
-    </Inline>
-  );
-}
diff --git a/src/components/expanded-state/custom-gas/GweiInputPill.tsx b/src/components/expanded-state/custom-gas/GweiInputPill.tsx
deleted file mode 100644
index 59e49424706..00000000000
--- a/src/components/expanded-state/custom-gas/GweiInputPill.tsx
+++ /dev/null
@@ -1,113 +0,0 @@
-import React, { useCallback } from 'react';
-import { IS_TESTING } from 'react-native-dotenv';
-import LinearGradient from 'react-native-linear-gradient';
-// @ts-expect-error
-import TextInputMask from 'react-native-text-input-mask';
-import { ButtonPressAnimation } from '../../animations';
-import styled from '@/styled-thing';
-import { buildTextStyles, margin, padding } from '@/styles';
-import { useTheme } from '@/theme';
-import { TextInput } from 'react-native';
-import { Box, Inline, Inset, Text } from '@/design-system';
-import { IS_ANDROID } from '@/env';
-
-const ANDROID_EXTRA_LINE_HEIGHT = 6;
-
-type GweiInputPillProps = {
-  color: string;
-  editable: boolean;
-  value: string;
-  onPress: () => void;
-  onChange: (text: string) => void;
-  onFocus: () => void;
-  onBlur: () => void;
-  testID: string;
-};
-
-const GweiNumberInput = styled(TextInputMask).attrs(
-  // @ts-expect-error
-  ({ theme: { colors }, value }) => ({
-    color: !value && colors.alpha(colors.blueGreyDark, 0.4),
-    interval: 1,
-    keyboardAppearance: 'dark',
-    keyboardType: 'decimal-pad',
-    letterSpacing: 'rounded',
-    size: 'lmedium',
-    textAlign: 'left',
-    timing: 'linear',
-    weight: 'heavy',
-    maxWidth: 80,
-    minWidth: 12,
-    height: IS_ANDROID ? 32 : undefined,
-    top: IS_ANDROID ? 1 : undefined,
-  })
-)(
-  // @ts-expect-error
-  props => ({
-    // @ts-expect-error
-    ...buildTextStyles.object(props),
-    ...(android ? padding.object(0, 0, 0, 0) : {}),
-    ...margin.object(android ? -ANDROID_EXTRA_LINE_HEIGHT : 0, 0, android ? -ANDROID_EXTRA_LINE_HEIGHT : 0, 0),
-  })
-);
-
-function GweiInputPill(
-  { color, editable = true, value, onPress, onChange: onChangeCallback, onFocus, onBlur, testID }: GweiInputPillProps,
-  ref: React.Ref<TextInput | undefined>
-) {
-  const { colors, isDarkMode } = useTheme();
-
-  const onChangeText = useCallback(
-    (text: string) => {
-      const changeText = text === '.' || text === ',' ? `0${text}` : text;
-      onChangeCallback(changeText);
-    },
-    [onChangeCallback]
-  );
-
-  return (
-    <Box
-      as={ButtonPressAnimation}
-      // @ts-ignore overloaded props
-      onPress={onPress}
-    >
-      <Box
-        as={LinearGradient}
-        height="40px"
-        borderRadius={15}
-        colors={colors.gradients.lightGreyTransparent}
-        end={isDarkMode ? { x: 0, y: 0 } : { x: 0.5, y: 1 }}
-        start={isDarkMode ? { x: 0.5, y: 1 } : { x: 0, y: 0 }}
-      >
-        <Inset vertical="10px" horizontal="12px">
-          <Inline alignVertical="center" space="4px">
-            <GweiNumberInput
-              allowFontScaling={false}
-              contextMenuHidden
-              editable={editable}
-              mask="[9999]{.}[999]"
-              onBlur={onBlur}
-              onChangeText={onChangeText}
-              onFocus={onFocus}
-              placeholder="0"
-              placeholderTextColor={colors.alpha(colors.blueGreyDark, 0.4)}
-              ref={ref}
-              selectionColor={color}
-              spellCheck={false}
-              style={{ color: colors.dark }}
-              testID={testID}
-              value={value}
-            />
-            {IS_TESTING !== 'true' && (
-              <Text align="center" color="primary (Deprecated)" size="16px / 22px (Deprecated)" weight="heavy">
-                Gwei
-              </Text>
-            )}
-          </Inline>
-        </Inset>
-      </Box>
-    </Box>
-  );
-}
-
-export default React.forwardRef(GweiInputPill);
diff --git a/src/components/expanded-state/custom-gas/index.js b/src/components/expanded-state/custom-gas/index.js
deleted file mode 100644
index d0346c63712..00000000000
--- a/src/components/expanded-state/custom-gas/index.js
+++ /dev/null
@@ -1,3 +0,0 @@
-export { default as FeesGweiInput } from './FeesGweiInput';
-export { default as FeesPanelTabs } from './FeesPanelTabs';
-export { default as FeesPanel } from './FeesPanel';
diff --git a/src/components/fab/FabWrapper.js b/src/components/fab/FabWrapper.js
deleted file mode 100644
index f988107eadc..00000000000
--- a/src/components/fab/FabWrapper.js
+++ /dev/null
@@ -1,40 +0,0 @@
-import React, { createElement } from 'react';
-import { safeAreaInsetValues } from '../../utils';
-import { FlexItem, RowWithMargins } from '../layout';
-import ExchangeFab from './ExchangeFab';
-import SendFab from './SendFab';
-import styled from '@/styled-thing';
-
-export const FabWrapperBottomPosition = 21 + safeAreaInsetValues.bottom;
-export const FabWrapperItemMargin = 15;
-
-const FabWrapperRow = styled(RowWithMargins).attrs({ margin: 13 })({
-  bottom: ({ isEditMode }) => (isEditMode ? -60 : FabWrapperBottomPosition),
-  position: 'absolute',
-  right: FabWrapperItemMargin,
-  zIndex: 2,
-});
-
-export default function FabWrapper({ children, disabled, fabs = [ExchangeFab, SendFab], isCoinListEdited, isReadOnlyWallet, ...props }) {
-  const renderFab = React.useCallback(
-    (fab, index) => {
-      const id = `${index}`;
-      return createElement(fab, {
-        isReadOnlyWallet,
-        key: `fab-${id}`,
-        ...props,
-      });
-    },
-    [props, isReadOnlyWallet]
-  );
-  return (
-    <FlexItem>
-      {children}
-      {!disabled && (
-        <FabWrapperRow isEditMode={isCoinListEdited} pointerEvents="box-none">
-          {fabs.map(renderFab)}
-        </FabWrapperRow>
-      )}
-    </FlexItem>
-  );
-}
diff --git a/src/components/fab/FloatingActionButton.js b/src/components/fab/FloatingActionButton.js
index b82cf04f377..cd566a3da68 100644
--- a/src/components/fab/FloatingActionButton.js
+++ b/src/components/fab/FloatingActionButton.js
@@ -1,7 +1,7 @@
 import React, { useCallback, useMemo } from 'react';
 import { darkModeThemeColors } from '../../styles/colors';
 import { useTheme } from '../../theme/ThemeContext';
-import { magicMemo } from '../../utils';
+import { magicMemo, safeAreaInsetValues } from '../../utils';
 import ButtonPressAnimation, { ScaleButtonZoomableAndroid } from '../animations/ButtonPressAnimation';
 import { Centered, InnerBorder } from '../layout';
 import styled from '@/styled-thing';
@@ -9,6 +9,7 @@ import { borders, position } from '@/styles';
 import ShadowStack from '@/react-native-shadow-stack';
 
 export const FloatingActionButtonSize = 56;
+export const FabWrapperBottomPosition = 21 + safeAreaInsetValues.bottom;
 
 export const FloatingActionButtonShadow = colors => [
   [0, 2, 5, colors.shadow, 0.2],
diff --git a/src/components/fab/index.js b/src/components/fab/index.js
index 9f6597b65a5..133f1882683 100644
--- a/src/components/fab/index.js
+++ b/src/components/fab/index.js
@@ -1,5 +1,8 @@
-export { default as ExchangeFab } from './ExchangeFab';
 export { default as ExtraStates } from './ExtraStates';
-export { default as FabWrapper, FabWrapperBottomPosition } from './FabWrapper';
-export { default as FloatingActionButton, FloatingActionButtonSize } from './FloatingActionButton';
+export {
+  default as FloatingActionButton,
+  FloatingActionButtonSize,
+  FloatingActionButtonShadow,
+  FabWrapperBottomPosition,
+} from './FloatingActionButton';
 export { default as SendFab } from './SendFab';
diff --git a/src/components/fields/BubbleField.js b/src/components/fields/BubbleField.js
index e3cc4d7eb17..7f55d739fd2 100644
--- a/src/components/fields/BubbleField.js
+++ b/src/components/fields/BubbleField.js
@@ -1,7 +1,7 @@
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { useTheme } from '../../theme/ThemeContext';
 import { MiniButton } from '../buttons';
-import { ExchangeInput } from '../exchange';
+import ExchangeInput from '@/components/ExchangeInput';
 import { Column, Row } from '../layout';
 import { useDimensions } from '@/hooks';
 import styled from '@/styled-thing';
diff --git a/src/components/fields/SmallBubbleField.js b/src/components/fields/SmallBubbleField.js
index 9c7697f12e2..f9898fe1861 100644
--- a/src/components/fields/SmallBubbleField.js
+++ b/src/components/fields/SmallBubbleField.js
@@ -1,10 +1,11 @@
 import React, { useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
 import { useTheme } from '../../theme/ThemeContext';
-import { ExchangeInput } from '../exchange';
+import ExchangeInput from '@/components/ExchangeInput';
 import { Column, Row } from '../layout';
 import { Text } from '../text';
 import { useDimensions } from '@/hooks';
 import styled from '@/styled-thing';
+
 const BubbleInput = styled(ExchangeInput).attrs(({ isSmallPhone, isTinyPhone, theme: { isDarkMode } }) => ({
   disableTabularNums: true,
   keyboardAppearance: isDarkMode ? 'dark' : 'light',
diff --git a/src/components/gas/GasSpeedButton.js b/src/components/gas/GasSpeedButton.js
index 470415b39de..76260acc2c1 100644
--- a/src/components/gas/GasSpeedButton.js
+++ b/src/components/gas/GasSpeedButton.js
@@ -18,7 +18,7 @@ import ContextMenuButton from '@/components/native-context-menu/contextMenu';
 import { isL2Chain } from '@/handlers/web3';
 import { add, greaterThan, toFixedDecimals } from '@/helpers/utilities';
 import { getCrossChainTimeEstimate } from '@/utils/crossChainTimeEstimates';
-import { useAccountSettings, useColorForAsset, useGas, usePrevious, useSwapCurrencies } from '@/hooks';
+import { useAccountSettings, useColorForAsset, useGas, usePrevious } from '@/hooks';
 import { useNavigation } from '@/navigation';
 import Routes from '@/navigation/routesNames';
 import styled from '@/styled-thing';
@@ -154,8 +154,6 @@ const GasSpeedButton = ({
   const rawColorForAsset = useColorForAsset(asset || {}, fallbackColor, false, true);
   const [isLongWait, setIsLongWait] = useState(false);
 
-  const { inputCurrency, outputCurrency } = useSwapCurrencies();
-
   const { gasFeeParamsBySpeed, updateGasFeeOption, selectedGasFee, selectedGasFeeOption, currentBlockParams } = useGas();
 
   const [gasPriceReady, setGasPriceReady] = useState(false);
@@ -312,21 +310,13 @@ const GasSpeedButton = ({
 
   const openGasHelper = useCallback(async () => {
     Keyboard.dismiss();
-    if (crossChainServiceTime) {
-      navigate(Routes.EXPLAIN_SHEET, {
-        inputCurrency,
-        outputCurrency,
-        type: 'crossChainGas',
-      });
-    } else {
-      const nativeAsset = await ethereumUtils.getNativeAssetForNetwork({ chainId });
-      navigate(Routes.EXPLAIN_SHEET, {
-        chainId,
-        type: 'gas',
-        nativeAsset,
-      });
-    }
-  }, [chainId, crossChainServiceTime, inputCurrency, navigate, outputCurrency]);
+    const nativeAsset = await ethereumUtils.getNativeAssetForNetwork({ chainId });
+    navigate(Routes.EXPLAIN_SHEET, {
+      chainId,
+      type: 'gas',
+      nativeAsset,
+    });
+  }, [chainId, navigate]);
 
   const handlePressMenuItem = useCallback(
     ({ nativeEvent: { actionKey } }) => {
diff --git a/src/hooks/index.ts b/src/hooks/index.ts
index 16a1f0073c5..964af8d76c7 100644
--- a/src/hooks/index.ts
+++ b/src/hooks/index.ts
@@ -108,3 +108,4 @@ export { default as useLatestCallback } from './useLatestCallback';
 export { default as useHiddenTokens } from './useHiddenTokens';
 export { useAccountAccentColor } from './useAccountAccentColor';
 export { useDebounce } from './useDebounce';
+export { default as useSearchCurrencyList } from './useSearchCurrencyList';
diff --git a/src/hooks/useLedgerConnect.ts b/src/hooks/useLedgerConnect.ts
index 103370bacb0..775f4917a94 100644
--- a/src/hooks/useLedgerConnect.ts
+++ b/src/hooks/useLedgerConnect.ts
@@ -20,7 +20,7 @@ export function useLedgerConnect({
   errorCallback?: (errorType: LEDGER_ERROR_CODES) => void;
 }) {
   const transport = useRef<TransportBLE | undefined>();
-  const timer = useRef<NodeJS.Timeout | undefined>(undefined);
+  const timer = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);
   const isReady = useRecoilValue(LedgerIsReadyAtom);
   const [triggerPollerCleanup, setTriggerPollerCleanup] = useRecoilState(triggerPollerCleanupAtom);
   const setReadyForPolling = useSetRecoilState(readyForPollingAtom);
@@ -64,7 +64,7 @@ export function useLedgerConnect({
   /**
    * Cleans up ledger connection polling
    */
-  const pollerCleanup = (poller: NodeJS.Timer | undefined) => {
+  const pollerCleanup = (poller: ReturnType<typeof setTimeout> | undefined) => {
     try {
       if (poller) {
         logger.debug('[useLedgerConnect]: polling tear down', {});
diff --git a/src/screens/CurrencySelectModal.tsx b/src/screens/CurrencySelectModal.tsx
deleted file mode 100644
index 7337f91f5d6..00000000000
--- a/src/screens/CurrencySelectModal.tsx
+++ /dev/null
@@ -1,510 +0,0 @@
-import lang from 'i18n-js';
-import { RouteProp, useIsFocused, useRoute } from '@react-navigation/native';
-import { uniqBy } from 'lodash';
-import { matchSorter } from 'match-sorter';
-import React, { Fragment, ReactElement, useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { DefaultSectionT, InteractionManager, Keyboard, Linking, SectionList, TextInput } from 'react-native';
-import { MMKV } from 'react-native-mmkv';
-import Animated from 'react-native-reanimated';
-import { useDebounce } from 'use-debounce';
-import GestureBlocker from '../components/GestureBlocker';
-import ExchangeSearch from '@/components/ExchangeSearch';
-import NetworkSwitcherv1 from '@/components/NetworkSwitcher';
-import CurrencySelectionList from '@/components/CurrencySelectionList';
-import CurrencySelectModalHeader from '@/components/CurrencySelectModalHeader';
-import { KeyboardFixedOpenLayout } from '../components/layout';
-import { Modal } from '../components/modal';
-import { STORAGE_IDS } from '../model/mmkv';
-import { analytics } from '@/analytics';
-import { addHexPrefix, isL2Chain } from '@/handlers/web3';
-import { CurrencySelectionTypes, TokenSectionTypes } from '@/helpers';
-import {
-  useAccountSettings,
-  useInteraction,
-  useMagicAutofocus,
-  usePrevious,
-  useSwapCurrencies,
-  useSwapCurrencyList,
-  useSwappableUserAssets,
-} from '@/hooks';
-import { delayNext } from '@/hooks/useMagicAutofocus';
-import { getActiveRoute, useNavigation } from '@/navigation/Navigation';
-import Routes from '@/navigation/routesNames';
-import { filterList } from '@/utils';
-import NetworkSwitcherv2 from '@/components/NetworkSwitcherv2';
-import { CROSSCHAIN_SWAPS, useExperimentalFlag } from '@/config';
-import { SwappableAsset } from '@/entities';
-import { Box, Row, Rows } from '@/design-system';
-import { useTheme } from '@/theme';
-import { IS_TEST } from '@/env';
-import { useSortedUserAssets } from '@/resources/assets/useSortedUserAssets';
-import DiscoverSearchInput from '@/components/discover/DiscoverSearchInput';
-import { externalTokenQueryKey, fetchExternalToken } from '@/resources/assets/externalAssetsQuery';
-import { queryClient } from '@/react-query/queryClient';
-import { ChainId, Network } from '@/chains/types';
-import { chainsName } from '@/chains';
-import { swapsStore } from '@/state/swaps/swapsStore';
-import { userAssetsStore } from '@/state/assets/userAssets';
-
-export interface EnrichedExchangeAsset extends SwappableAsset {
-  ens: boolean;
-  color: string;
-  nickname: string;
-  onPress: (el: ReactElement) => void;
-  testID: string;
-  useGradientText: boolean;
-  title?: string;
-  key: string;
-  disabled?: boolean;
-}
-
-const storage = new MMKV();
-const getHasShownWarning = () => storage.getBoolean(STORAGE_IDS.SHOWN_SWAP_RESET_WARNING);
-const setHasShownWarning = () => storage.set(STORAGE_IDS.SHOWN_SWAP_RESET_WARNING, true);
-
-const headerlessSection = (data: SwappableAsset[]): { data: SwappableAsset[]; title: string; key: string }[] => [
-  { data, title: '', key: 'swappableAssets' },
-];
-const Wrapper = ios ? KeyboardFixedOpenLayout : Fragment;
-
-const searchWalletCurrencyList = (searchList: SwappableAsset[], query: string) => {
-  const isAddress = query.match(/^(0x)?[0-9a-fA-F]{40}$/);
-
-  if (isAddress) {
-    const formattedQuery = addHexPrefix(query).toLowerCase();
-    return filterList(searchList, formattedQuery, ['address'], {
-      threshold: matchSorter.rankings.CASE_SENSITIVE_EQUAL,
-    });
-  }
-
-  return filterList(searchList, query, ['symbol', 'name'], {
-    threshold: matchSorter.rankings.CONTAINS,
-  });
-};
-
-type ParamList = {
-  Currency: {
-    defaultOutputAsset: SwappableAsset;
-    defaultInputAsset: SwappableAsset;
-    chainId: number;
-    fromDiscover: boolean;
-    onSelectCurrency: (asset: SwappableAsset, cb: (item: any) => void) => void;
-    params: Record<string, unknown>;
-    restoreFocusOnSwapModal: () => void;
-    toggleGestureEnabled: (arg: boolean) => void;
-    type: string;
-    callback: () => void;
-  };
-};
-
-export default function CurrencySelectModal() {
-  const isFocused = useIsFocused();
-  const prevIsFocused = usePrevious(isFocused);
-  const { goBack, navigate, getState: dangerouslyGetState } = useNavigation();
-  const { nativeCurrency } = useAccountSettings();
-  const { colors } = useTheme();
-  const {
-    params: {
-      defaultOutputAsset,
-      defaultInputAsset,
-      chainId,
-      fromDiscover,
-      onSelectCurrency,
-      params,
-      restoreFocusOnSwapModal,
-      toggleGestureEnabled,
-      type,
-      callback,
-    },
-  } = useRoute<RouteProp<ParamList, 'Currency'>>();
-
-  const listRef = useRef<SectionList<any, DefaultSectionT>>(null);
-
-  const searchInputRef = useRef<TextInput>(null);
-  const { handleFocus } = useMagicAutofocus(searchInputRef, undefined, true);
-
-  const [searchQuery, setSearchQuery] = useState('');
-  const [searchQueryForSearch] = useDebounce(searchQuery, 350);
-  const { data: sortedAssets } = useSortedUserAssets();
-  const assetsInWallet = sortedAssets as SwappableAsset[];
-
-  const [currentChainId, setCurrentChainId] = useState(chainId);
-  const prevChainId = usePrevious(currentChainId);
-
-  const crosschainSwapsEnabled = useExperimentalFlag(CROSSCHAIN_SWAPS);
-  const NetworkSwitcher = crosschainSwapsEnabled ? NetworkSwitcherv2 : NetworkSwitcherv1;
-  const SearchInput = crosschainSwapsEnabled ? DiscoverSearchInput : ExchangeSearch;
-
-  useEffect(() => {
-    if (chainId && typeof chainId === 'number') {
-      setCurrentChainId(chainId);
-    }
-  }, [chainId]);
-
-  const { inputCurrency, outputCurrency } = useSwapCurrencies();
-
-  const { crosschainExactMatches, swapCurrencyList, swapCurrencyListLoading } = useSwapCurrencyList(
-    searchQueryForSearch,
-    currentChainId,
-    false
-  );
-
-  const { swappableUserAssets, unswappableUserAssets } = useSwappableUserAssets({ outputCurrency });
-
-  const checkForSameNetwork = useCallback(
-    (newAsset: any, selectAsset: any, type: any) => {
-      const otherAsset = type === 'input' ? outputCurrency : inputCurrency;
-      const hasShownWarning = getHasShownWarning();
-      if (otherAsset && newAsset?.chainId !== otherAsset?.chainId && !hasShownWarning) {
-        Keyboard.dismiss();
-        InteractionManager.runAfterInteractions(() => {
-          navigate(Routes.EXPLAIN_SHEET, {
-            chainId: newAsset?.chainId,
-            onClose: () => {
-              setHasShownWarning();
-              selectAsset();
-            },
-            type: 'swapResetInputs',
-          });
-        });
-
-        return true;
-      }
-      return false;
-    },
-    [inputCurrency, navigate, outputCurrency]
-  );
-  const [isTransitioning, setIsTransitioning] = useState(false);
-  const routeName = getActiveRoute()?.name;
-  const showList = useMemo(() => {
-    const viewingExplainer = routeName === Routes.EXPLAIN_SHEET;
-    return isFocused || viewingExplainer || isTransitioning;
-  }, [isFocused, routeName, isTransitioning]);
-
-  const linkToHop = useCallback(() => {
-    Linking.openURL('https://app.hop.exchange/#/send');
-  }, []);
-
-  const getWalletCurrencyList = useCallback(() => {
-    let walletCurrencyList;
-    if (type === CurrencySelectionTypes.input) {
-      if (searchQueryForSearch !== '') {
-        const searchResults = searchWalletCurrencyList(swappableUserAssets, searchQueryForSearch);
-        walletCurrencyList = headerlessSection(searchResults);
-        if (crosschainSwapsEnabled) {
-          const unswappableSearchResults = searchWalletCurrencyList(unswappableUserAssets, searchQueryForSearch);
-          walletCurrencyList.push({
-            data: unswappableSearchResults.map(unswappableAsset => ({
-              ...unswappableAsset,
-              disabled: true,
-            })),
-            title: lang.t(`exchange.token_sections.${TokenSectionTypes.unswappableTokenSection}`),
-            key: 'unswappableAssets',
-          });
-        }
-        return walletCurrencyList;
-      } else {
-        walletCurrencyList = headerlessSection(swappableUserAssets);
-        let unswappableAssets = unswappableUserAssets;
-        if (IS_TEST) {
-          unswappableAssets = unswappableAssets.concat({
-            address: '0x123',
-            decimals: 18,
-            name: 'Unswappable',
-            symbol: 'UNSWAP',
-            network: Network.mainnet,
-            chainId: ChainId.mainnet,
-            id: 'foobar',
-            uniqueId: '0x123',
-          });
-        }
-        if (crosschainSwapsEnabled) {
-          walletCurrencyList.push({
-            data: unswappableAssets.map(unswappableAsset => ({
-              ...unswappableAsset,
-              disabled: true,
-            })),
-            title: lang.t(`exchange.token_sections.${TokenSectionTypes.unswappableTokenSection}`),
-            key: 'unswappableAssets',
-          });
-        }
-        return walletCurrencyList;
-      }
-    }
-  }, [searchQueryForSearch, type, crosschainSwapsEnabled, swappableUserAssets, unswappableUserAssets]);
-
-  const activeSwapCurrencyList = useMemo(() => {
-    if (crosschainExactMatches.length) {
-      return crosschainExactMatches;
-    }
-    return swapCurrencyList;
-  }, [crosschainExactMatches, swapCurrencyList]);
-
-  const currencyList = useMemo(() => {
-    let list = (type === CurrencySelectionTypes.input ? getWalletCurrencyList() : activeSwapCurrencyList) as {
-      data: EnrichedExchangeAsset[];
-      title: string;
-    }[];
-
-    // Remove tokens that show up in two lists and empty sections
-    let uniqueIds: string[] = [];
-    list = list?.map(section => {
-      // Remove dupes
-      section.data = uniqBy(section?.data, 'uniqueId');
-      // Remove dupes across sections
-      section.data = section?.data?.filter(token => !uniqueIds.includes(token?.uniqueId));
-      const sectionUniqueIds = section?.data?.map(token => token?.uniqueId);
-      uniqueIds = uniqueIds.concat(sectionUniqueIds);
-
-      return section;
-    });
-
-    // ONLY FOR e2e!!! Fake tokens with same symbols break detox e2e tests
-    if (IS_TEST && type === CurrencySelectionTypes.output) {
-      let symbols: string[] = [];
-      list = list?.map(section => {
-        // Remove dupes
-        section.data = uniqBy(section?.data, 'symbol');
-        // Remove dupes across sections
-        section.data = section?.data?.filter(token => !symbols.includes(token?.symbol));
-        const sectionSymbols = section?.data?.map(token => token?.symbol);
-        symbols = symbols.concat(sectionSymbols);
-
-        return section;
-      });
-    }
-    return list.filter(section => section.data.length > 0);
-  }, [activeSwapCurrencyList, getWalletCurrencyList, type]);
-
-  const handleNavigate = useCallback(
-    (item: any) => {
-      delayNext();
-      // @ts-expect-error read only property
-      dangerouslyGetState().index = 1;
-      if (fromDiscover) {
-        goBack();
-
-        const inputAsset = type === CurrencySelectionTypes.output ? userAssetsStore.getState().getHighestValueEth() : item;
-        const outputAsset = type === CurrencySelectionTypes.input ? userAssetsStore.getState().getHighestValueEth() : item;
-
-        // TODO: Verify that item is the type we want
-        swapsStore.setState({
-          inputAsset,
-          outputAsset,
-        });
-
-        setSearchQuery('');
-        setCurrentChainId(item.chainId);
-
-        InteractionManager.runAfterInteractions(() => navigate(Routes.SWAP));
-      } else {
-        navigate(Routes.MAIN_EXCHANGE_SCREEN);
-        setSearchQuery('');
-        setCurrentChainId(item.chainId);
-      }
-      if (searchQueryForSearch) {
-        analytics.track('Selected a search result in Swap', {
-          name: item.name,
-          searchQueryForSearch,
-          symbol: item.symbol,
-          tokenAddress: item.address,
-          type,
-        });
-      }
-    },
-    [dangerouslyGetState, fromDiscover, goBack, navigate, searchQueryForSearch, type]
-  );
-  const checkForRequiredAssets = useCallback(
-    (item: any) => {
-      if (type === CurrencySelectionTypes.output && currentChainId && currentChainId !== ChainId.mainnet) {
-        const currentL2WalletAssets = assetsInWallet.filter(
-          ({ network }) => network && network?.toLowerCase() === chainsName[currentChainId]?.toLowerCase()
-        );
-        if (currentL2WalletAssets?.length < 1) {
-          Keyboard.dismiss();
-          InteractionManager.runAfterInteractions(() => {
-            navigate(Routes.EXPLAIN_SHEET, {
-              assetName: item?.symbol,
-              chainId: currentChainId,
-              onClose: linkToHop,
-              type: 'obtainL2Assets',
-            });
-          });
-          return true;
-        }
-        return false;
-      }
-    },
-    [assetsInWallet, currentChainId, linkToHop, navigate, type]
-  );
-
-  const handleSelectAsset = useCallback(
-    (item: any) => {
-      if (!crosschainSwapsEnabled && checkForRequiredAssets(item)) return;
-
-      let newAsset = item;
-
-      const selectAsset = async () => {
-        if (!item?.balance) {
-          const externalAsset = await queryClient.fetchQuery(
-            externalTokenQueryKey({
-              address: item.address,
-              chainId: currentChainId,
-              currency: nativeCurrency,
-            }),
-            async () =>
-              fetchExternalToken({
-                address: item.address,
-                chainId: currentChainId,
-                currency: nativeCurrency,
-              }),
-            {
-              staleTime: Infinity,
-            }
-          );
-          // if the asset is external we need to add the network specific information
-          newAsset = {
-            ...newAsset,
-            decimals: item?.networks?.[currentChainId]?.decimals || item.decimals,
-            address: item?.address || item?.networks?.[currentChainId]?.address,
-            network: chainsName[currentChainId],
-            ...externalAsset,
-          };
-        }
-        setIsTransitioning(true); // continue to display list during transition
-        callback?.();
-        onSelectCurrency(newAsset, handleNavigate);
-      };
-      if (
-        !crosschainSwapsEnabled &&
-        checkForSameNetwork(
-          newAsset,
-          selectAsset,
-          type === CurrencySelectionTypes.output ? CurrencySelectionTypes.output : CurrencySelectionTypes.input
-        )
-      )
-        return;
-
-      selectAsset();
-    },
-    [
-      crosschainSwapsEnabled,
-      checkForRequiredAssets,
-      currentChainId,
-      type,
-      checkForSameNetwork,
-      nativeCurrency,
-      callback,
-      onSelectCurrency,
-      handleNavigate,
-    ]
-  );
-
-  const itemProps = useMemo(() => {
-    return {
-      onPress: handleSelectAsset,
-      showBalance: type === CurrencySelectionTypes.input,
-      showFavoriteButton: type === CurrencySelectionTypes.output && currentChainId === ChainId.mainnet,
-    };
-  }, [handleSelectAsset, type, currentChainId]);
-
-  const searchingOnL2Network = useMemo(() => isL2Chain({ chainId: currentChainId }), [currentChainId]);
-
-  const [startInteraction] = useInteraction();
-  useEffect(() => {
-    if (!fromDiscover) {
-      if (isFocused !== prevIsFocused) {
-        toggleGestureEnabled(!isFocused);
-      }
-      if (!isFocused && prevIsFocused) {
-        restoreFocusOnSwapModal?.();
-        setTimeout(() => {
-          setIsTransitioning(false); // hide list now that we have arrived on main exchange modal
-        }, 750);
-      }
-    }
-  }, [isFocused, startInteraction, prevIsFocused, restoreFocusOnSwapModal, toggleGestureEnabled, fromDiscover]);
-
-  const handleBackButton = useCallback(() => {
-    setSearchQuery('');
-    InteractionManager.runAfterInteractions(() => {
-      setCurrentChainId(inputCurrency?.chainId);
-    });
-    setIsTransitioning(true); // continue to display list while transitiong back
-  }, [inputCurrency?.chainId]);
-
-  useEffect(() => {
-    // check if list has items before attempting to scroll
-    if (!currencyList[0]?.data) return;
-    if (currentChainId !== prevChainId) {
-      listRef?.current?.scrollToLocation({
-        animated: false,
-        itemIndex: 0,
-        sectionIndex: 0,
-        viewOffset: 0,
-        viewPosition: 0,
-      });
-    }
-  }, [currencyList, currentChainId, prevChainId]);
-
-  return (
-    <Wrapper>
-      <Box as={Animated.View} height="full" width="full">
-        {/* @ts-expect-error JavaScript component */}
-        <Modal containerPadding={0} fullScreenOnAndroid height="100%" overflow="hidden" radius={30}>
-          <GestureBlocker type="top" />
-          <Rows>
-            <Row height="content">
-              <CurrencySelectModalHeader
-                handleBackButton={handleBackButton}
-                showBackButton={!fromDiscover}
-                showHandle={fromDiscover}
-                testID="currency-select-header"
-              />
-            </Row>
-            <Row height="content">
-              <SearchInput
-                isDiscover={false}
-                currentChainId={currentChainId}
-                clearTextOnFocus={false}
-                isFetching={swapCurrencyListLoading}
-                isSearching={swapCurrencyListLoading}
-                onChangeText={setSearchQuery}
-                onFocus={handleFocus}
-                ref={searchInputRef}
-                searchQuery={searchQuery}
-                testID="currency-select-search"
-              />
-            </Row>
-            {type === CurrencySelectionTypes.output && (
-              <Row height="content">
-                {/* @ts-expect-error JavaScript component */}
-                <NetworkSwitcher
-                  colors={colors}
-                  currentChainId={currentChainId}
-                  setCurrentChainId={setCurrentChainId}
-                  testID="currency-select-network-switcher"
-                />
-              </Row>
-            )}
-            {type === null || type === undefined ? null : (
-              <CurrencySelectionList
-                ref={listRef}
-                isExchangeList={crosschainSwapsEnabled}
-                onL2={searchingOnL2Network}
-                footerSpacer={android}
-                itemProps={itemProps}
-                listItems={currencyList}
-                loading={swapCurrencyListLoading}
-                query={searchQueryForSearch}
-                showList={showList}
-                testID="currency-select-list"
-              />
-            )}
-          </Rows>
-          <GestureBlocker type="bottom" />
-        </Modal>
-      </Box>
-    </Wrapper>
-  );
-}
diff --git a/src/screens/SettingsSheet/components/MenuHeader.tsx b/src/screens/SettingsSheet/components/MenuHeader.tsx
index 6c2cd8d1b65..fe3ee059881 100644
--- a/src/screens/SettingsSheet/components/MenuHeader.tsx
+++ b/src/screens/SettingsSheet/components/MenuHeader.tsx
@@ -104,7 +104,7 @@ const StatusIcon = ({ status, text }: StatusIconProps) => {
       marginTop={{ custom: 8 }}
       marginBottom={{ custom: 16 }}
     >
-      <Text color={{ custom: statusColors[status].color } || 'label (Deprecated)'} size="14px / 19px (Deprecated)" weight="bold">
+      <Text color={{ custom: statusColors[status].color }} size="14px / 19px (Deprecated)" weight="bold">
         {text}
       </Text>
     </Box>
diff --git a/src/screens/discover/components/DiscoverSearch.js b/src/screens/discover/components/DiscoverSearch.js
index 8198bd8e7d6..7934398f5af 100644
--- a/src/screens/discover/components/DiscoverSearch.js
+++ b/src/screens/discover/components/DiscoverSearch.js
@@ -7,7 +7,7 @@ import { useDebounce } from 'use-debounce';
 import CurrencySelectionTypes from '@/helpers/currencySelectionTypes';
 
 import deviceUtils from '@/utils/deviceUtils';
-import { CurrencySelectionList } from '@/components/CurrencySelectionList';
+import CurrencySelectionList from '@/components/CurrencySelectionList';
 import { Row } from '@/components/layout';
 import DiscoverSheetContext from '../DiscoverScreenContext';
 import { analytics } from '@/analytics';
diff --git a/src/screens/transaction-details/components/TransactionDetailsHashAndActionsSection.tsx b/src/screens/transaction-details/components/TransactionDetailsHashAndActionsSection.tsx
index 30380c67c69..7350c685e12 100644
--- a/src/screens/transaction-details/components/TransactionDetailsHashAndActionsSection.tsx
+++ b/src/screens/transaction-details/components/TransactionDetailsHashAndActionsSection.tsx
@@ -29,7 +29,7 @@ export const TransactionDetailsHashAndActionsSection: React.FC<Props> = ({ trans
   const { colors } = useTheme();
   const hash = useMemo(() => ethereumUtils.getHash(transaction), [transaction]);
   const { network, status, chainId } = transaction;
-  const isReadOnly = useSelector((state: AppState) => state.wallets.selected?.type === WalletTypes.readOnly ?? true);
+  const isReadOnly = useSelector((state: AppState) => state.wallets.selected?.type === WalletTypes.readOnly);
   // Retry swap related data
   const retrySwapMetadata = useMemo(() => {
     const data = swapMetadataStorage.getString(hash ?? '');
diff --git a/src/state/assets/userAssets.ts b/src/state/assets/userAssets.ts
index 1ac63f8e1de..7135a337fa5 100644
--- a/src/state/assets/userAssets.ts
+++ b/src/state/assets/userAssets.ts
@@ -168,7 +168,7 @@ export const createUserAssetsStore = (address: Address | string) =>
           const filteredIds = Array.from(
             selectUserAssetIds(
               asset =>
-                (+asset.native?.balance?.amount ?? 0) > smallBalanceThreshold &&
+                +asset.native?.balance?.amount > smallBalanceThreshold &&
                 (!chainIdFilter || asset.chainId === chainIdFilter) &&
                 (!searchRegex ||
                   searchRegex.test(asset.name) ||
@@ -307,7 +307,7 @@ export const createUserAssetsStore = (address: Address | string) =>
 
           const filteredAllIdsArray = allIdsArray.filter(id => {
             const asset = userAssetsMap.get(id);
-            return asset && (+asset.native?.balance?.amount ?? 0) > smallBalanceThreshold;
+            return asset && +asset.native?.balance?.amount > smallBalanceThreshold;
           });
 
           const searchCache = new Map<string, UniqueId[]>();
diff --git a/yarn.lock b/yarn.lock
index cac267049e6..6b75e7ea0f4 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -62,6 +62,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/code-frame@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/code-frame@npm:7.25.7"
+  dependencies:
+    "@babel/highlight": "npm:^7.25.7"
+    picocolors: "npm:^1.0.0"
+  checksum: 10c0/14825c298bdec914caf3d24d1383b6d4cd6b030714686004992f4fc251831ecf432236652896f99d5d341f17170ae9a07b58d8d7b15aa0df8cfa1c5a7d5474bc
+  languageName: node
+  linkType: hard
+
 "@babel/compat-data@npm:^7.17.7, @babel/compat-data@npm:^7.20.5, @babel/compat-data@npm:^7.22.0, @babel/compat-data@npm:^7.22.6, @babel/compat-data@npm:^7.24.8":
   version: 7.24.9
   resolution: "@babel/compat-data@npm:7.24.9"
@@ -69,6 +79,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/compat-data@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/compat-data@npm:7.25.7"
+  checksum: 10c0/e5cc915abdd18d021236474a96606b2d4a915c4fb620c1ad776b8a08d91111e788cb3b7e9bad43593d4e0bfa4f06894357bcb0984102de1861b9e7322b6bc9f8
+  languageName: node
+  linkType: hard
+
 "@babel/core@npm:7.22.0":
   version: 7.22.0
   resolution: "@babel/core@npm:7.22.0"
@@ -151,6 +168,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/generator@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/generator@npm:7.25.7"
+  dependencies:
+    "@babel/types": "npm:^7.25.7"
+    "@jridgewell/gen-mapping": "npm:^0.3.5"
+    "@jridgewell/trace-mapping": "npm:^0.3.25"
+    jsesc: "npm:^3.0.2"
+  checksum: 10c0/c03a26c79864d60d04ce36b649c3fa0d6fd7b2bf6a22e22854a0457aa09206508392dd73ee40e7bc8d50b3602f9ff068afa47770cda091d332e7db1ca382ee96
+  languageName: node
+  linkType: hard
+
 "@babel/helper-annotate-as-pure@npm:^7.0.0, @babel/helper-annotate-as-pure@npm:^7.22.5, @babel/helper-annotate-as-pure@npm:^7.24.7":
   version: 7.24.7
   resolution: "@babel/helper-annotate-as-pure@npm:7.24.7"
@@ -160,6 +189,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-annotate-as-pure@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/helper-annotate-as-pure@npm:7.25.7"
+  dependencies:
+    "@babel/types": "npm:^7.25.7"
+  checksum: 10c0/2f020b0fa9d336b5778485cc2de3141561ec436a7591b685457a5bcdae4ce41d9ddee68169c95504e0789e5a4327e73b8b7e72e5b60e82e96d730c4d19255248
+  languageName: node
+  linkType: hard
+
 "@babel/helper-builder-binary-assignment-operator-visitor@npm:^7.24.7":
   version: 7.24.7
   resolution: "@babel/helper-builder-binary-assignment-operator-visitor@npm:7.24.7"
@@ -193,6 +231,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-compilation-targets@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/helper-compilation-targets@npm:7.25.7"
+  dependencies:
+    "@babel/compat-data": "npm:^7.25.7"
+    "@babel/helper-validator-option": "npm:^7.25.7"
+    browserslist: "npm:^4.24.0"
+    lru-cache: "npm:^5.1.1"
+    semver: "npm:^6.3.1"
+  checksum: 10c0/705be7e5274a3fdade68e3e2cf42e2b600316ab52794e13b91299a16f16c926f15886b6e9d6df20eb943ccc1cdba5a363d4766f8d01e47b8e6f4e01175f5e66c
+  languageName: node
+  linkType: hard
+
 "@babel/helper-create-class-features-plugin@npm:^7.18.6, @babel/helper-create-class-features-plugin@npm:^7.24.7, @babel/helper-create-class-features-plugin@npm:^7.24.8":
   version: 7.24.8
   resolution: "@babel/helper-create-class-features-plugin@npm:7.24.8"
@@ -212,6 +263,23 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-create-class-features-plugin@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/helper-create-class-features-plugin@npm:7.25.7"
+  dependencies:
+    "@babel/helper-annotate-as-pure": "npm:^7.25.7"
+    "@babel/helper-member-expression-to-functions": "npm:^7.25.7"
+    "@babel/helper-optimise-call-expression": "npm:^7.25.7"
+    "@babel/helper-replace-supers": "npm:^7.25.7"
+    "@babel/helper-skip-transparent-expression-wrappers": "npm:^7.25.7"
+    "@babel/traverse": "npm:^7.25.7"
+    semver: "npm:^6.3.1"
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: 10c0/405c3c1a137acda1206380a96993cf2cfd808b3bee1c11c4af47ee0f03a20858497aa53394d6adc5431793c543be5e02010620e871a5ab39d938ae90a54b50f2
+  languageName: node
+  linkType: hard
+
 "@babel/helper-create-regexp-features-plugin@npm:^7.18.6, @babel/helper-create-regexp-features-plugin@npm:^7.24.7":
   version: 7.24.7
   resolution: "@babel/helper-create-regexp-features-plugin@npm:7.24.7"
@@ -324,6 +392,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-member-expression-to-functions@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/helper-member-expression-to-functions@npm:7.25.7"
+  dependencies:
+    "@babel/traverse": "npm:^7.25.7"
+    "@babel/types": "npm:^7.25.7"
+  checksum: 10c0/1e948162ab48d84593a7c6ec9570d14c906146f1697144fc369c59dbeb00e4a062da67dd06cb0d8f98a044cd8389002dcf2ab6f5613d99c35748307846ec63fc
+  languageName: node
+  linkType: hard
+
 "@babel/helper-module-imports@npm:^7.0.0, @babel/helper-module-imports@npm:^7.0.0-beta.49, @babel/helper-module-imports@npm:^7.18.6, @babel/helper-module-imports@npm:^7.22.5, @babel/helper-module-imports@npm:^7.24.7":
   version: 7.24.7
   resolution: "@babel/helper-module-imports@npm:7.24.7"
@@ -358,6 +436,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-optimise-call-expression@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/helper-optimise-call-expression@npm:7.25.7"
+  dependencies:
+    "@babel/types": "npm:^7.25.7"
+  checksum: 10c0/19b4cc7e77811b1fedca4928dbc14026afef913c2ba4142e5e110ebdcb5c3b2efc0f0fbee9f362c23a194674147b9d627adea71c289b9be08b9067bc0085308b
+  languageName: node
+  linkType: hard
+
 "@babel/helper-plugin-utils@npm:^7.0.0, @babel/helper-plugin-utils@npm:^7.10.4, @babel/helper-plugin-utils@npm:^7.12.13, @babel/helper-plugin-utils@npm:^7.14.5, @babel/helper-plugin-utils@npm:^7.16.7, @babel/helper-plugin-utils@npm:^7.18.6, @babel/helper-plugin-utils@npm:^7.18.9, @babel/helper-plugin-utils@npm:^7.20.2, @babel/helper-plugin-utils@npm:^7.21.5, @babel/helper-plugin-utils@npm:^7.22.5, @babel/helper-plugin-utils@npm:^7.24.7, @babel/helper-plugin-utils@npm:^7.24.8, @babel/helper-plugin-utils@npm:^7.8.0, @babel/helper-plugin-utils@npm:^7.8.3":
   version: 7.24.8
   resolution: "@babel/helper-plugin-utils@npm:7.24.8"
@@ -365,6 +452,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-plugin-utils@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/helper-plugin-utils@npm:7.25.7"
+  checksum: 10c0/241f8cf3c5b7700e91cab7cfe5b432a3c710ae3cd5bb96dc554da536a6d25f5b9f000cc0c0917501ceb4f76ba92599ee3beb25e10adaf96be59f8df89a842faf
+  languageName: node
+  linkType: hard
+
 "@babel/helper-remap-async-to-generator@npm:^7.18.9":
   version: 7.25.0
   resolution: "@babel/helper-remap-async-to-generator@npm:7.25.0"
@@ -391,6 +485,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-remap-async-to-generator@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/helper-remap-async-to-generator@npm:7.25.7"
+  dependencies:
+    "@babel/helper-annotate-as-pure": "npm:^7.25.7"
+    "@babel/helper-wrap-function": "npm:^7.25.7"
+    "@babel/traverse": "npm:^7.25.7"
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: 10c0/972d84876adce6ab61c87a2df47e1afc790b73cff0d1767d0a1c5d9f7aa5e91d8c581a272b66b2051a26cfbb167d8a780564705e488e3ce1f477f1c15059bc5f
+  languageName: node
+  linkType: hard
+
 "@babel/helper-replace-supers@npm:^7.24.7":
   version: 7.24.7
   resolution: "@babel/helper-replace-supers@npm:7.24.7"
@@ -417,6 +524,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-replace-supers@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/helper-replace-supers@npm:7.25.7"
+  dependencies:
+    "@babel/helper-member-expression-to-functions": "npm:^7.25.7"
+    "@babel/helper-optimise-call-expression": "npm:^7.25.7"
+    "@babel/traverse": "npm:^7.25.7"
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: 10c0/761d64ee74429f7326a6aa65e2cd5bfcb8de9e3bc3f1efb14b8f610d2410f003b0fca52778dc801d49ff8fbc90b057e8f51b27c62b0b05c95eaf23140ca1287b
+  languageName: node
+  linkType: hard
+
 "@babel/helper-simple-access@npm:^7.24.7":
   version: 7.24.7
   resolution: "@babel/helper-simple-access@npm:7.24.7"
@@ -446,6 +566,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-skip-transparent-expression-wrappers@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/helper-skip-transparent-expression-wrappers@npm:7.25.7"
+  dependencies:
+    "@babel/traverse": "npm:^7.25.7"
+    "@babel/types": "npm:^7.25.7"
+  checksum: 10c0/5804adb893849a9d8cfb548e3812566a81d95cb0c9a10d66b52912d13f488e577c33063bf19bc06ac70e6333162a7370d67ba1a1c3544d37fb50d5f4a00db4de
+  languageName: node
+  linkType: hard
+
 "@babel/helper-split-export-declaration@npm:^7.24.7":
   version: 7.24.7
   resolution: "@babel/helper-split-export-declaration@npm:7.24.7"
@@ -462,6 +592,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-string-parser@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/helper-string-parser@npm:7.25.7"
+  checksum: 10c0/73ef2ceb81f8294678a0afe8ab0103729c0370cac2e830e0d5128b03be5f6a2635838af31d391d763e3c5a4460ed96f42fd7c9b552130670d525be665913bc4c
+  languageName: node
+  linkType: hard
+
 "@babel/helper-validator-identifier@npm:^7.24.7":
   version: 7.24.7
   resolution: "@babel/helper-validator-identifier@npm:7.24.7"
@@ -469,6 +606,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-validator-identifier@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/helper-validator-identifier@npm:7.25.7"
+  checksum: 10c0/07438e5bf01ab2882a15027fdf39ac3b0ba1b251774a5130917907014684e2f70fef8fd620137ca062c4c4eedc388508d2ea7a3a7d9936a32785f4fe116c68c0
+  languageName: node
+  linkType: hard
+
 "@babel/helper-validator-option@npm:^7.21.0, @babel/helper-validator-option@npm:^7.24.7, @babel/helper-validator-option@npm:^7.24.8":
   version: 7.24.8
   resolution: "@babel/helper-validator-option@npm:7.24.8"
@@ -476,6 +620,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-validator-option@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/helper-validator-option@npm:7.25.7"
+  checksum: 10c0/12ed418c8e3ed9ed44c8c80d823f4e42d399b5eb2e423adccb975e31a31a008cd3b5d8eab688b31f740caff4a1bb28fe06ea2fa7d635aee34cc0ad6995d50f0a
+  languageName: node
+  linkType: hard
+
 "@babel/helper-wrap-function@npm:^7.24.7":
   version: 7.24.7
   resolution: "@babel/helper-wrap-function@npm:7.24.7"
@@ -499,6 +650,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-wrap-function@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/helper-wrap-function@npm:7.25.7"
+  dependencies:
+    "@babel/template": "npm:^7.25.7"
+    "@babel/traverse": "npm:^7.25.7"
+    "@babel/types": "npm:^7.25.7"
+  checksum: 10c0/b5d412f72697f4a4ce4cb9784fbaf82501c63cf95066c0eadd3179e3439cbbf0aa5fa4858d93590083671943cd357aeb87286958df34aa56fdf8a4c9dea39755
+  languageName: node
+  linkType: hard
+
 "@babel/helpers@npm:^7.22.0, @babel/helpers@npm:^7.24.8":
   version: 7.24.8
   resolution: "@babel/helpers@npm:7.24.8"
@@ -521,6 +683,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/highlight@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/highlight@npm:7.25.7"
+  dependencies:
+    "@babel/helper-validator-identifier": "npm:^7.25.7"
+    chalk: "npm:^2.4.2"
+    js-tokens: "npm:^4.0.0"
+    picocolors: "npm:^1.0.0"
+  checksum: 10c0/1f5894fdb0a0af6101fb2822369b2eeeae32cbeae2ef73ff73fc6a0a4a20471565cd9cfa589f54ed69df66adeca7c57266031ca9134b7bd244d023a488d419aa
+  languageName: node
+  linkType: hard
+
 "@babel/parser@npm:7.22.0":
   version: 7.22.0
   resolution: "@babel/parser@npm:7.22.0"
@@ -550,6 +724,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/parser@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/parser@npm:7.25.7"
+  dependencies:
+    "@babel/types": "npm:^7.25.7"
+  bin:
+    parser: ./bin/babel-parser.js
+  checksum: 10c0/b771469bb6b636c18a8d642b9df3c73913c3860a979591e1a29a98659efd38b81d3e393047b5251fe382d4c82c681c12da9ce91c98d69316d2604d155a214bcf
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-bugfix-firefox-class-in-computed-class-key@npm:^7.24.7":
   version: 7.24.7
   resolution: "@babel/plugin-bugfix-firefox-class-in-computed-class-key@npm:7.24.7"
@@ -1036,6 +1221,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-async-generator-functions@npm:^7.24.3":
+  version: 7.25.7
+  resolution: "@babel/plugin-transform-async-generator-functions@npm:7.25.7"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.25.7"
+    "@babel/helper-remap-async-to-generator": "npm:^7.25.7"
+    "@babel/plugin-syntax-async-generators": "npm:^7.8.4"
+    "@babel/traverse": "npm:^7.25.7"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10c0/dcdd17d8cafafe0eb2edd0a46a7abe86c72235c957c8eb1157ccadb2b199572d5d1aa36a2d3bce5cb99990f7d3c6290ecf09959c62f3081c4df9ff717a1c84a4
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-async-to-generator@npm:^7.20.0, @babel/plugin-transform-async-to-generator@npm:^7.20.7, @babel/plugin-transform-async-to-generator@npm:^7.24.7":
   version: 7.24.7
   resolution: "@babel/plugin-transform-async-to-generator@npm:7.24.7"
@@ -1083,6 +1282,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-class-properties@npm:^7.24.1":
+  version: 7.25.7
+  resolution: "@babel/plugin-transform-class-properties@npm:7.25.7"
+  dependencies:
+    "@babel/helper-create-class-features-plugin": "npm:^7.25.7"
+    "@babel/helper-plugin-utils": "npm:^7.25.7"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10c0/1f41e6934b20ad3e05df63959cff9bc600ff3119153b9acbbd44c1731e7df04866397e6e17799173f4c53cdee6115e155632859aee20bf47ec7dcef3f2168a47
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-class-static-block@npm:^7.22.0, @babel/plugin-transform-class-static-block@npm:^7.24.7":
   version: 7.24.7
   resolution: "@babel/plugin-transform-class-static-block@npm:7.24.7"
@@ -1224,6 +1435,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-for-of@npm:^7.0.0":
+  version: 7.25.7
+  resolution: "@babel/plugin-transform-for-of@npm:7.25.7"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.25.7"
+    "@babel/helper-skip-transparent-expression-wrappers": "npm:^7.25.7"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10c0/08a37a1742368a422d095c998ed76f60f6bf3f9cc060033be121d803fd2dddc08fe543e48ee49c022bdc9ed80893ca79d084958d83d30684178b088774754277
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-for-of@npm:^7.21.5, @babel/plugin-transform-for-of@npm:^7.24.7":
   version: 7.24.7
   resolution: "@babel/plugin-transform-for-of@npm:7.24.7"
@@ -1284,6 +1507,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-logical-assignment-operators@npm:^7.24.1":
+  version: 7.25.7
+  resolution: "@babel/plugin-transform-logical-assignment-operators@npm:7.25.7"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.25.7"
+    "@babel/plugin-syntax-logical-assignment-operators": "npm:^7.10.4"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10c0/d610a8a2c1be83e03cce2256f29519e705dc68289c09d67f1f362d1fd80f4b36eaf2affc05710abb53a272895041e24d9e95ec73a516a23a67cb907023fbe37b
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-member-expression-literals@npm:^7.18.6, @babel/plugin-transform-member-expression-literals@npm:^7.24.7":
   version: 7.24.7
   resolution: "@babel/plugin-transform-member-expression-literals@npm:7.24.7"
@@ -1381,6 +1616,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-nullish-coalescing-operator@npm:^7.24.1":
+  version: 7.25.7
+  resolution: "@babel/plugin-transform-nullish-coalescing-operator@npm:7.25.7"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.25.7"
+    "@babel/plugin-syntax-nullish-coalescing-operator": "npm:^7.8.3"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10c0/b35a96a79ef4895b00e4f758d3185cb17e4fbfada311894ad5f0988a55fc2c21820dc789b26a3cb8fbd620434faa516e52acb6e2da105c2edbd29de8b6b0facf
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-numeric-separator@npm:^7.22.0, @babel/plugin-transform-numeric-separator@npm:^7.24.7":
   version: 7.24.7
   resolution: "@babel/plugin-transform-numeric-separator@npm:7.24.7"
@@ -1393,6 +1640,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-numeric-separator@npm:^7.24.1":
+  version: 7.25.7
+  resolution: "@babel/plugin-transform-numeric-separator@npm:7.25.7"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.25.7"
+    "@babel/plugin-syntax-numeric-separator": "npm:^7.10.4"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10c0/c028ae89e6b4e1d757f8f1ebcb3b420e6559bb35002728f6f5651d5f669fbf73764adf6e3597908fa12adf8dbae683e5f74b3a7f68e8774a9663c18c0f999539
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-object-rest-spread@npm:^7.12.13, @babel/plugin-transform-object-rest-spread@npm:^7.22.0, @babel/plugin-transform-object-rest-spread@npm:^7.24.7":
   version: 7.24.7
   resolution: "@babel/plugin-transform-object-rest-spread@npm:7.24.7"
@@ -1407,6 +1666,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-object-rest-spread@npm:^7.24.5":
+  version: 7.25.7
+  resolution: "@babel/plugin-transform-object-rest-spread@npm:7.25.7"
+  dependencies:
+    "@babel/helper-compilation-targets": "npm:^7.25.7"
+    "@babel/helper-plugin-utils": "npm:^7.25.7"
+    "@babel/plugin-syntax-object-rest-spread": "npm:^7.8.3"
+    "@babel/plugin-transform-parameters": "npm:^7.25.7"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10c0/e8b978d9d1020452da0d5d92f80fe57e302761dac20137bb8bf863478a4779fcd63d314db89e796125d9d76da2a38f64f012d6e0c4913815951b3eb3fba2feb6
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-object-super@npm:^7.18.6, @babel/plugin-transform-object-super@npm:^7.24.7":
   version: 7.24.7
   resolution: "@babel/plugin-transform-object-super@npm:7.24.7"
@@ -1431,6 +1704,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-optional-catch-binding@npm:^7.24.1":
+  version: 7.25.7
+  resolution: "@babel/plugin-transform-optional-catch-binding@npm:7.25.7"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.25.7"
+    "@babel/plugin-syntax-optional-catch-binding": "npm:^7.8.3"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10c0/bb609e5103780be0825a255ffe1fefbb5335aead88a46eecc2257053279ea2c45ff66b0ef1fb54302c8c8c57146e88e52f3ecb62b4c6f619218d7b3843b352d9
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-optional-chaining@npm:^7.0.0-0, @babel/plugin-transform-optional-chaining@npm:^7.22.0, @babel/plugin-transform-optional-chaining@npm:^7.24.7, @babel/plugin-transform-optional-chaining@npm:^7.24.8":
   version: 7.24.8
   resolution: "@babel/plugin-transform-optional-chaining@npm:7.24.8"
@@ -1444,6 +1729,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-optional-chaining@npm:^7.24.5":
+  version: 7.25.7
+  resolution: "@babel/plugin-transform-optional-chaining@npm:7.25.7"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.25.7"
+    "@babel/helper-skip-transparent-expression-wrappers": "npm:^7.25.7"
+    "@babel/plugin-syntax-optional-chaining": "npm:^7.8.3"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10c0/887441ada6c2bc1b789984b7531d9bc585f335ece99642886d3d9fd8aee7e6b8d4f7ca61d76b5f23477f3aa607284d5056eadaa1eb17e7b39af6b0e834cbe878
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-parameters@npm:^7.0.0, @babel/plugin-transform-parameters@npm:^7.20.7, @babel/plugin-transform-parameters@npm:^7.22.0, @babel/plugin-transform-parameters@npm:^7.22.15, @babel/plugin-transform-parameters@npm:^7.24.7":
   version: 7.24.7
   resolution: "@babel/plugin-transform-parameters@npm:7.24.7"
@@ -1455,6 +1753,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-parameters@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/plugin-transform-parameters@npm:7.25.7"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.25.7"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10c0/b40ba70278842ce1e800d7ab400df730994941550da547ef453780023bd61a9b8acf4b9fb8419c1b5bcbe09819a1146ff59369db11db07eb71870bef86a12422
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-private-methods@npm:^7.22.0, @babel/plugin-transform-private-methods@npm:^7.22.5, @babel/plugin-transform-private-methods@npm:^7.24.7":
   version: 7.24.7
   resolution: "@babel/plugin-transform-private-methods@npm:7.24.7"
@@ -1590,6 +1899,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-regenerator@npm:^7.20.0":
+  version: 7.25.7
+  resolution: "@babel/plugin-transform-regenerator@npm:7.25.7"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.25.7"
+    regenerator-transform: "npm:^0.15.2"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10c0/7ee3a57c4050bc908ef7ac392d810826b294970a7182f4ec34a8ca93dbe36deb21bc862616d46a6f3d881d6b5749930e1679e875b638a00866d844a4250df212
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-regenerator@npm:^7.21.5, @babel/plugin-transform-regenerator@npm:^7.24.7":
   version: 7.24.7
   resolution: "@babel/plugin-transform-regenerator@npm:7.24.7"
@@ -2085,6 +2406,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/template@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/template@npm:7.25.7"
+  dependencies:
+    "@babel/code-frame": "npm:^7.25.7"
+    "@babel/parser": "npm:^7.25.7"
+    "@babel/types": "npm:^7.25.7"
+  checksum: 10c0/8ae9e36e4330ee83d4832531d1d9bec7dc2ef6a2a8afa1ef1229506fd60667abcb17f306d1c3d7e582251270597022990c845d5d69e7add70a5aea66720decb9
+  languageName: node
+  linkType: hard
+
 "@babel/traverse@npm:^7.1.6, @babel/traverse@npm:^7.2.3, @babel/traverse@npm:^7.20.0, @babel/traverse@npm:^7.22.0, @babel/traverse@npm:^7.23.2, @babel/traverse@npm:^7.24.7, @babel/traverse@npm:^7.24.8, @babel/traverse@npm:^7.4.5":
   version: 7.24.8
   resolution: "@babel/traverse@npm:7.24.8"
@@ -2118,6 +2450,21 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/traverse@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/traverse@npm:7.25.7"
+  dependencies:
+    "@babel/code-frame": "npm:^7.25.7"
+    "@babel/generator": "npm:^7.25.7"
+    "@babel/parser": "npm:^7.25.7"
+    "@babel/template": "npm:^7.25.7"
+    "@babel/types": "npm:^7.25.7"
+    debug: "npm:^4.3.1"
+    globals: "npm:^11.1.0"
+  checksum: 10c0/75d73e52c507a7a7a4c7971d6bf4f8f26fdd094e0d3a0193d77edf6a5efa36fc3db91ec5cc48e8b94e6eb5d5ad21af0a1040e71309172851209415fd105efb1a
+  languageName: node
+  linkType: hard
+
 "@babel/types@npm:^7.0.0, @babel/types@npm:^7.0.0-beta.49, @babel/types@npm:^7.1.6, @babel/types@npm:^7.18.9, @babel/types@npm:^7.20.0, @babel/types@npm:^7.20.7, @babel/types@npm:^7.22.0, @babel/types@npm:^7.24.7, @babel/types@npm:^7.24.8, @babel/types@npm:^7.24.9, @babel/types@npm:^7.3.0, @babel/types@npm:^7.3.3, @babel/types@npm:^7.4.4, @babel/types@npm:^7.8.3":
   version: 7.24.9
   resolution: "@babel/types@npm:7.24.9"
@@ -2151,6 +2498,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/types@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/types@npm:7.25.7"
+  dependencies:
+    "@babel/helper-string-parser": "npm:^7.25.7"
+    "@babel/helper-validator-identifier": "npm:^7.25.7"
+    to-fast-properties: "npm:^2.0.0"
+  checksum: 10c0/e03e1e2e08600fa1e8eb90632ac9c253dd748176c8d670d85f85b0dc83a0573b26ae748a1cbcb81f401903a3d95f43c3f4f8d516a5ed779929db27de56289633
+  languageName: node
+  linkType: hard
+
 "@bankify/react-native-animate-number@npm:0.2.1":
   version: 0.2.1
   resolution: "@bankify/react-native-animate-number@npm:0.2.1"
@@ -5447,6 +5805,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@react-native-community/cli-clean@npm:14.1.0":
+  version: 14.1.0
+  resolution: "@react-native-community/cli-clean@npm:14.1.0"
+  dependencies:
+    "@react-native-community/cli-tools": "npm:14.1.0"
+    chalk: "npm:^4.1.2"
+    execa: "npm:^5.0.0"
+    fast-glob: "npm:^3.3.2"
+  checksum: 10c0/57ed359c11b5f58da61ca22213394d56db815538d0df459a99017fb38450d35b6ef5c0ccc997c48c34160fc08898147593d7cd1e8ab78b3cea988020d0d6ce88
+  languageName: node
+  linkType: hard
+
 "@react-native-community/cli-config@npm:13.6.9":
   version: 13.6.9
   resolution: "@react-native-community/cli-config@npm:13.6.9"
@@ -5461,6 +5831,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@react-native-community/cli-config@npm:14.1.0":
+  version: 14.1.0
+  resolution: "@react-native-community/cli-config@npm:14.1.0"
+  dependencies:
+    "@react-native-community/cli-tools": "npm:14.1.0"
+    chalk: "npm:^4.1.2"
+    cosmiconfig: "npm:^9.0.0"
+    deepmerge: "npm:^4.3.0"
+    fast-glob: "npm:^3.3.2"
+    joi: "npm:^17.2.1"
+  checksum: 10c0/3e4ebea0eb17e52c42e5d60eb9219c84f2cf8d804bc083ae483ffae504bf0c6077c5e859c72311caa319f0dc8d2fc4b69c4230ee3aba5e9f2c1c0461c9c538ea
+  languageName: node
+  linkType: hard
+
 "@react-native-community/cli-debugger-ui@npm:13.6.9":
   version: 13.6.9
   resolution: "@react-native-community/cli-debugger-ui@npm:13.6.9"
@@ -5470,6 +5854,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@react-native-community/cli-debugger-ui@npm:14.1.0":
+  version: 14.1.0
+  resolution: "@react-native-community/cli-debugger-ui@npm:14.1.0"
+  dependencies:
+    serve-static: "npm:^1.13.1"
+  checksum: 10c0/e673412c042ed2c40e06b59e85c9964303384d69547b13a7e093ad53a8ddc9a9df4cf0ba647b645601e362bb37c2d8bd8616097e6e880c4da04df1dd1f22d87e
+  languageName: node
+  linkType: hard
+
 "@react-native-community/cli-doctor@npm:13.6.9":
   version: 13.6.9
   resolution: "@react-native-community/cli-doctor@npm:13.6.9"
@@ -5495,6 +5888,30 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@react-native-community/cli-doctor@npm:14.1.0":
+  version: 14.1.0
+  resolution: "@react-native-community/cli-doctor@npm:14.1.0"
+  dependencies:
+    "@react-native-community/cli-config": "npm:14.1.0"
+    "@react-native-community/cli-platform-android": "npm:14.1.0"
+    "@react-native-community/cli-platform-apple": "npm:14.1.0"
+    "@react-native-community/cli-platform-ios": "npm:14.1.0"
+    "@react-native-community/cli-tools": "npm:14.1.0"
+    chalk: "npm:^4.1.2"
+    command-exists: "npm:^1.2.8"
+    deepmerge: "npm:^4.3.0"
+    envinfo: "npm:^7.13.0"
+    execa: "npm:^5.0.0"
+    node-stream-zip: "npm:^1.9.1"
+    ora: "npm:^5.4.1"
+    semver: "npm:^7.5.2"
+    strip-ansi: "npm:^5.2.0"
+    wcwidth: "npm:^1.0.1"
+    yaml: "npm:^2.2.1"
+  checksum: 10c0/4293e05195deb6d5e920317874c27dd0f7a39da0f7c5152f7e72187d92b1915d576929d069c3e92869d474a1ae36d2a77b9e298b378019519b112384308f5240
+  languageName: node
+  linkType: hard
+
 "@react-native-community/cli-hermes@npm:13.6.9":
   version: 13.6.9
   resolution: "@react-native-community/cli-hermes@npm:13.6.9"
@@ -5521,6 +5938,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@react-native-community/cli-platform-android@npm:14.1.0":
+  version: 14.1.0
+  resolution: "@react-native-community/cli-platform-android@npm:14.1.0"
+  dependencies:
+    "@react-native-community/cli-tools": "npm:14.1.0"
+    chalk: "npm:^4.1.2"
+    execa: "npm:^5.0.0"
+    fast-glob: "npm:^3.3.2"
+    fast-xml-parser: "npm:^4.4.1"
+    logkitty: "npm:^0.7.1"
+  checksum: 10c0/634b0303e783c0e481b03af0a4223bf70b98d09fdada69b10a820d9d637ba76f1674451be13aaf78bbb9a094e7a2cd59cc7b840b5a4ea73ba9b8a32e7480f778
+  languageName: node
+  linkType: hard
+
 "@react-native-community/cli-platform-apple@npm:13.6.9":
   version: 13.6.9
   resolution: "@react-native-community/cli-platform-apple@npm:13.6.9"
@@ -5535,6 +5966,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@react-native-community/cli-platform-apple@npm:14.1.0":
+  version: 14.1.0
+  resolution: "@react-native-community/cli-platform-apple@npm:14.1.0"
+  dependencies:
+    "@react-native-community/cli-tools": "npm:14.1.0"
+    chalk: "npm:^4.1.2"
+    execa: "npm:^5.0.0"
+    fast-glob: "npm:^3.3.2"
+    fast-xml-parser: "npm:^4.4.1"
+    ora: "npm:^5.4.1"
+  checksum: 10c0/04c15a024b99a17a0f7fe75dcf2c454d541021950e4fbff494a2ced11654ee9f2a49944f5a6d1c0329abd33a0a95c3f5b58a11d3790968c93f9f1dc769c517a3
+  languageName: node
+  linkType: hard
+
 "@react-native-community/cli-platform-ios@npm:13.6.9":
   version: 13.6.9
   resolution: "@react-native-community/cli-platform-ios@npm:13.6.9"
@@ -5544,6 +5989,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@react-native-community/cli-platform-ios@npm:14.1.0":
+  version: 14.1.0
+  resolution: "@react-native-community/cli-platform-ios@npm:14.1.0"
+  dependencies:
+    "@react-native-community/cli-platform-apple": "npm:14.1.0"
+  checksum: 10c0/67f89496fe4405dc055ab478e9331ca8c34687f2983bb421188834e1ef9877c1e47fb420f58eb6d4df3088cd64454eb6b3af1c9c02c771f654443fae3033d515
+  languageName: node
+  linkType: hard
+
 "@react-native-community/cli-server-api@npm:13.6.9":
   version: 13.6.9
   resolution: "@react-native-community/cli-server-api@npm:13.6.9"
@@ -5561,6 +6015,23 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@react-native-community/cli-server-api@npm:14.1.0":
+  version: 14.1.0
+  resolution: "@react-native-community/cli-server-api@npm:14.1.0"
+  dependencies:
+    "@react-native-community/cli-debugger-ui": "npm:14.1.0"
+    "@react-native-community/cli-tools": "npm:14.1.0"
+    compression: "npm:^1.7.1"
+    connect: "npm:^3.6.5"
+    errorhandler: "npm:^1.5.1"
+    nocache: "npm:^3.0.1"
+    pretty-format: "npm:^26.6.2"
+    serve-static: "npm:^1.13.1"
+    ws: "npm:^6.2.3"
+  checksum: 10c0/e79ba3311b70661bdabfdfa4d5f6a4737081140332093811ea67cee38ac15b835e829830e996a105842cf166fa0dc4c9d697fff34c8f48ca69490b40651b21ac
+  languageName: node
+  linkType: hard
+
 "@react-native-community/cli-tools@npm:13.6.9":
   version: 13.6.9
   resolution: "@react-native-community/cli-tools@npm:13.6.9"
@@ -5580,6 +6051,24 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@react-native-community/cli-tools@npm:14.1.0":
+  version: 14.1.0
+  resolution: "@react-native-community/cli-tools@npm:14.1.0"
+  dependencies:
+    appdirsjs: "npm:^1.2.4"
+    chalk: "npm:^4.1.2"
+    execa: "npm:^5.0.0"
+    find-up: "npm:^5.0.0"
+    mime: "npm:^2.4.1"
+    open: "npm:^6.2.0"
+    ora: "npm:^5.4.1"
+    semver: "npm:^7.5.2"
+    shell-quote: "npm:^1.7.3"
+    sudo-prompt: "npm:^9.0.0"
+  checksum: 10c0/982fff928966f44db88bb1e2b968cf9908b4156570bd2a8f71d087c9b64c3840e92db4e5217d3c787b1ffd57c3fd1c79aab5f81611e8862f75e22c4e49b7b322
+  languageName: node
+  linkType: hard
+
 "@react-native-community/cli-types@npm:13.6.9":
   version: 13.6.9
   resolution: "@react-native-community/cli-types@npm:13.6.9"
@@ -5589,6 +6078,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@react-native-community/cli-types@npm:14.1.0":
+  version: 14.1.0
+  resolution: "@react-native-community/cli-types@npm:14.1.0"
+  dependencies:
+    joi: "npm:^17.2.1"
+  checksum: 10c0/bb7acced460cc73b3c849f07df52794c4be7845669adb97834b0b715c325266bec9cfefd89b4ac8d31a464073790d99bc624f1454d3579630a36dd9502033b36
+  languageName: node
+  linkType: hard
+
 "@react-native-community/cli@npm:13.6.9":
   version: 13.6.9
   resolution: "@react-native-community/cli@npm:13.6.9"
@@ -5616,6 +6114,32 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@react-native-community/cli@npm:14.1.0":
+  version: 14.1.0
+  resolution: "@react-native-community/cli@npm:14.1.0"
+  dependencies:
+    "@react-native-community/cli-clean": "npm:14.1.0"
+    "@react-native-community/cli-config": "npm:14.1.0"
+    "@react-native-community/cli-debugger-ui": "npm:14.1.0"
+    "@react-native-community/cli-doctor": "npm:14.1.0"
+    "@react-native-community/cli-server-api": "npm:14.1.0"
+    "@react-native-community/cli-tools": "npm:14.1.0"
+    "@react-native-community/cli-types": "npm:14.1.0"
+    chalk: "npm:^4.1.2"
+    commander: "npm:^9.4.1"
+    deepmerge: "npm:^4.3.0"
+    execa: "npm:^5.0.0"
+    find-up: "npm:^5.0.0"
+    fs-extra: "npm:^8.1.0"
+    graceful-fs: "npm:^4.1.3"
+    prompts: "npm:^2.4.2"
+    semver: "npm:^7.5.2"
+  bin:
+    rnc-cli: build/bin.js
+  checksum: 10c0/6f9cbba7d0f8c851333efc286fb469c59c61c7b5ce79dcfa4d6a4b205e917e99d0df0174db73b9f37b4160935b73d523cfd34b82e5171f8cca16b1e52d2525c4
+  languageName: node
+  linkType: hard
+
 "@react-native-community/netinfo@npm:9.0.0":
   version: 9.0.0
   resolution: "@react-native-community/netinfo@npm:9.0.0"
@@ -5692,6 +6216,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@react-native/assets-registry@npm:0.75.4":
+  version: 0.75.4
+  resolution: "@react-native/assets-registry@npm:0.75.4"
+  checksum: 10c0/5669e8700cb8b1bed8878dc6d6a869a54c7157f60dc88b85556db48cabc65414b87f01995244dc5532009cc860adfa1f86b57415c810fe10806f8fc085b3673f
+  languageName: node
+  linkType: hard
+
 "@react-native/babel-plugin-codegen@npm:0.74.83":
   version: 0.74.83
   resolution: "@react-native/babel-plugin-codegen@npm:0.74.83"
@@ -5719,6 +6250,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@react-native/babel-plugin-codegen@npm:0.75.4":
+  version: 0.75.4
+  resolution: "@react-native/babel-plugin-codegen@npm:0.75.4"
+  dependencies:
+    "@react-native/codegen": "npm:0.75.4"
+  checksum: 10c0/ceac60a2a33a7e75e9c2f0045d738516769128d0358de35091d1ef23bbb5a391a2f7937781532c61f427e18a76038566dc804d46bdd0d68314619920e23153b0
+  languageName: node
+  linkType: hard
+
 "@react-native/babel-preset@npm:0.74.83":
   version: 0.74.83
   resolution: "@react-native/babel-preset@npm:0.74.83"
@@ -5878,6 +6418,61 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@react-native/babel-preset@npm:0.75.4":
+  version: 0.75.4
+  resolution: "@react-native/babel-preset@npm:0.75.4"
+  dependencies:
+    "@babel/core": "npm:^7.20.0"
+    "@babel/plugin-proposal-export-default-from": "npm:^7.0.0"
+    "@babel/plugin-syntax-dynamic-import": "npm:^7.8.0"
+    "@babel/plugin-syntax-export-default-from": "npm:^7.0.0"
+    "@babel/plugin-syntax-flow": "npm:^7.18.0"
+    "@babel/plugin-syntax-nullish-coalescing-operator": "npm:^7.0.0"
+    "@babel/plugin-syntax-optional-chaining": "npm:^7.0.0"
+    "@babel/plugin-transform-arrow-functions": "npm:^7.0.0"
+    "@babel/plugin-transform-async-generator-functions": "npm:^7.24.3"
+    "@babel/plugin-transform-async-to-generator": "npm:^7.20.0"
+    "@babel/plugin-transform-block-scoping": "npm:^7.0.0"
+    "@babel/plugin-transform-class-properties": "npm:^7.24.1"
+    "@babel/plugin-transform-classes": "npm:^7.0.0"
+    "@babel/plugin-transform-computed-properties": "npm:^7.0.0"
+    "@babel/plugin-transform-destructuring": "npm:^7.20.0"
+    "@babel/plugin-transform-flow-strip-types": "npm:^7.20.0"
+    "@babel/plugin-transform-for-of": "npm:^7.0.0"
+    "@babel/plugin-transform-function-name": "npm:^7.0.0"
+    "@babel/plugin-transform-literals": "npm:^7.0.0"
+    "@babel/plugin-transform-logical-assignment-operators": "npm:^7.24.1"
+    "@babel/plugin-transform-modules-commonjs": "npm:^7.0.0"
+    "@babel/plugin-transform-named-capturing-groups-regex": "npm:^7.0.0"
+    "@babel/plugin-transform-nullish-coalescing-operator": "npm:^7.24.1"
+    "@babel/plugin-transform-numeric-separator": "npm:^7.24.1"
+    "@babel/plugin-transform-object-rest-spread": "npm:^7.24.5"
+    "@babel/plugin-transform-optional-catch-binding": "npm:^7.24.1"
+    "@babel/plugin-transform-optional-chaining": "npm:^7.24.5"
+    "@babel/plugin-transform-parameters": "npm:^7.0.0"
+    "@babel/plugin-transform-private-methods": "npm:^7.22.5"
+    "@babel/plugin-transform-private-property-in-object": "npm:^7.22.11"
+    "@babel/plugin-transform-react-display-name": "npm:^7.0.0"
+    "@babel/plugin-transform-react-jsx": "npm:^7.0.0"
+    "@babel/plugin-transform-react-jsx-self": "npm:^7.0.0"
+    "@babel/plugin-transform-react-jsx-source": "npm:^7.0.0"
+    "@babel/plugin-transform-regenerator": "npm:^7.20.0"
+    "@babel/plugin-transform-runtime": "npm:^7.0.0"
+    "@babel/plugin-transform-shorthand-properties": "npm:^7.0.0"
+    "@babel/plugin-transform-spread": "npm:^7.0.0"
+    "@babel/plugin-transform-sticky-regex": "npm:^7.0.0"
+    "@babel/plugin-transform-typescript": "npm:^7.5.0"
+    "@babel/plugin-transform-unicode-regex": "npm:^7.0.0"
+    "@babel/template": "npm:^7.0.0"
+    "@react-native/babel-plugin-codegen": "npm:0.75.4"
+    babel-plugin-transform-flow-enums: "npm:^0.0.2"
+    react-refresh: "npm:^0.14.0"
+  peerDependencies:
+    "@babel/core": "*"
+  checksum: 10c0/adf81e70813abd82c3ff2b0bccef100667ca33c197aa473aafec0e88d1e9c4d6d05f6f90004947f36fa1a199e9a4b9afa8c7876e9b6614e55881475c80b6bf28
+  languageName: node
+  linkType: hard
+
 "@react-native/codegen@npm:0.74.83":
   version: 0.74.83
   resolution: "@react-native/codegen@npm:0.74.83"
@@ -5929,6 +6524,24 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@react-native/codegen@npm:0.75.4":
+  version: 0.75.4
+  resolution: "@react-native/codegen@npm:0.75.4"
+  dependencies:
+    "@babel/parser": "npm:^7.20.0"
+    glob: "npm:^7.1.1"
+    hermes-parser: "npm:0.22.0"
+    invariant: "npm:^2.2.4"
+    jscodeshift: "npm:^0.14.0"
+    mkdirp: "npm:^0.5.1"
+    nullthrows: "npm:^1.1.1"
+    yargs: "npm:^17.6.2"
+  peerDependencies:
+    "@babel/preset-env": ^7.1.6
+  checksum: 10c0/49149c2b07c2c142abe0eb6459face50f7ffa5d7b0db29075ea5243b6e6c546087968c4e80b789a9a39d0bf9050495f0d620b1d3544d8b4bed2682b3d8f48bc2
+  languageName: node
+  linkType: hard
+
 "@react-native/community-cli-plugin@npm:0.74.85":
   version: 0.74.85
   resolution: "@react-native/community-cli-plugin@npm:0.74.85"
@@ -5949,6 +6562,25 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@react-native/community-cli-plugin@npm:0.75.4":
+  version: 0.75.4
+  resolution: "@react-native/community-cli-plugin@npm:0.75.4"
+  dependencies:
+    "@react-native-community/cli-server-api": "npm:14.1.0"
+    "@react-native-community/cli-tools": "npm:14.1.0"
+    "@react-native/dev-middleware": "npm:0.75.4"
+    "@react-native/metro-babel-transformer": "npm:0.75.4"
+    chalk: "npm:^4.0.0"
+    execa: "npm:^5.1.1"
+    metro: "npm:^0.80.3"
+    metro-config: "npm:^0.80.3"
+    metro-core: "npm:^0.80.3"
+    node-fetch: "npm:^2.2.0"
+    readline: "npm:^1.3.0"
+  checksum: 10c0/f51cc82a6ef722a3c1866181823a3047c78b80fb40c33f47420b31ee155a42a4683fe53e3221f4d5f3d3ba471c8575db5dbb2efbbce74341df2eb8c7aa2b9aa9
+  languageName: node
+  linkType: hard
+
 "@react-native/debugger-frontend@npm:0.74.85":
   version: 0.74.85
   resolution: "@react-native/debugger-frontend@npm:0.74.85"
@@ -5956,6 +6588,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@react-native/debugger-frontend@npm:0.75.4":
+  version: 0.75.4
+  resolution: "@react-native/debugger-frontend@npm:0.75.4"
+  checksum: 10c0/189ba0711a59bf1a23b0a72c0f2485b7a634089c09912af429e93ab2849c228350d42d0b29570feb70417e9eaab41bcd5e20c7bf0c7a9a8949d62d9e19c26a4f
+  languageName: node
+  linkType: hard
+
 "@react-native/dev-middleware@npm:0.74.85":
   version: 0.74.85
   resolution: "@react-native/dev-middleware@npm:0.74.85"
@@ -5977,6 +6616,26 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@react-native/dev-middleware@npm:0.75.4":
+  version: 0.75.4
+  resolution: "@react-native/dev-middleware@npm:0.75.4"
+  dependencies:
+    "@isaacs/ttlcache": "npm:^1.4.1"
+    "@react-native/debugger-frontend": "npm:0.75.4"
+    chrome-launcher: "npm:^0.15.2"
+    chromium-edge-launcher: "npm:^0.2.0"
+    connect: "npm:^3.6.5"
+    debug: "npm:^2.2.0"
+    node-fetch: "npm:^2.2.0"
+    nullthrows: "npm:^1.1.1"
+    open: "npm:^7.0.3"
+    selfsigned: "npm:^2.4.1"
+    serve-static: "npm:^1.13.1"
+    ws: "npm:^6.2.2"
+  checksum: 10c0/edeb979f4acf7102b92ffc9c6ec47f9221fd044ff00a42e8d3af06d79f09635e6e5fd7bb6b686c87bc8d09c5d62265f3d89f137f659ce708b258c5775e8b1e16
+  languageName: node
+  linkType: hard
+
 "@react-native/gradle-plugin@npm:0.74.85":
   version: 0.74.85
   resolution: "@react-native/gradle-plugin@npm:0.74.85"
@@ -5984,6 +6643,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@react-native/gradle-plugin@npm:0.75.4":
+  version: 0.75.4
+  resolution: "@react-native/gradle-plugin@npm:0.75.4"
+  checksum: 10c0/0a0fd65c6c1fad34f5ff82db5ccd99401cfd5ff476efcad069dc16b6daecd685d2fe73a7c4bcb912a69574ddd723d53cdca3cc4da6b34ffd9a9a33e3cf436e6e
+  languageName: node
+  linkType: hard
+
 "@react-native/js-polyfills@npm:0.74.83":
   version: 0.74.83
   resolution: "@react-native/js-polyfills@npm:0.74.83"
@@ -5998,6 +6664,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@react-native/js-polyfills@npm:0.75.4":
+  version: 0.75.4
+  resolution: "@react-native/js-polyfills@npm:0.75.4"
+  checksum: 10c0/46c0c455e805d07ab6d55a162fdfbcacab6e0ae5d83e93f146556b780f05e28839156c28f5ba838232e598d41893297d015823b7f154b2ac9db3af757d4b6c71
+  languageName: node
+  linkType: hard
+
 "@react-native/metro-babel-transformer@npm:0.74.83":
   version: 0.74.83
   resolution: "@react-native/metro-babel-transformer@npm:0.74.83"
@@ -6026,6 +6699,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@react-native/metro-babel-transformer@npm:0.75.4":
+  version: 0.75.4
+  resolution: "@react-native/metro-babel-transformer@npm:0.75.4"
+  dependencies:
+    "@babel/core": "npm:^7.20.0"
+    "@react-native/babel-preset": "npm:0.75.4"
+    hermes-parser: "npm:0.22.0"
+    nullthrows: "npm:^1.1.1"
+  peerDependencies:
+    "@babel/core": "*"
+  checksum: 10c0/455f21645e0e9a32e4400a423b896b12503a64a6feca7edea2c9d27608963cc4d283c41156a48b31b15d8662f645c9f1d16cdb449a1b1096bdc90985edf17027
+  languageName: node
+  linkType: hard
+
 "@react-native/metro-config@npm:0.74.83":
   version: 0.74.83
   resolution: "@react-native/metro-config@npm:0.74.83"
@@ -6052,6 +6739,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@react-native/normalize-colors@npm:0.75.4":
+  version: 0.75.4
+  resolution: "@react-native/normalize-colors@npm:0.75.4"
+  checksum: 10c0/b8224cf53f6baff67c50156766e1d01807058ac8efe3e114c97acab4d83bdad446ee05e80ce294dc0f62761dd54a473fd27be2e9bc5544dc09db263238d34b45
+  languageName: node
+  linkType: hard
+
 "@react-native/typescript-config@npm:0.74.83":
   version: 0.74.83
   resolution: "@react-native/typescript-config@npm:0.74.83"
@@ -6076,6 +6770,23 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@react-native/virtualized-lists@npm:0.75.4":
+  version: 0.75.4
+  resolution: "@react-native/virtualized-lists@npm:0.75.4"
+  dependencies:
+    invariant: "npm:^2.2.4"
+    nullthrows: "npm:^1.1.1"
+  peerDependencies:
+    "@types/react": ^18.2.6
+    react: "*"
+    react-native: "*"
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+  checksum: 10c0/816c4df3ecbca2ab03e8f5dc5047bfd49160f9ab8879d9cc6bb420f764a4d58bef208a2e198edee33cbeae21cf1a8a71738fc9f8b1e3f43e036ac4fad673bddc
+  languageName: node
+  linkType: hard
+
 "@react-native/virtualized-lists@npm:^0.72.4":
   version: 0.72.8
   resolution: "@react-native/virtualized-lists@npm:0.72.8"
@@ -7551,6 +8262,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/react-native-text-input-mask@npm:0.7.10":
+  version: 0.7.10
+  resolution: "@types/react-native-text-input-mask@npm:0.7.10"
+  dependencies:
+    "@types/react": "npm:*"
+    react-native: "npm:*"
+  checksum: 10c0/6167393cb110e76a6b1445c97d562d3442457ddf8db14253a49a5f6b5986c72968362a6b728ed6763638970b3653693576e16ac5f6f679293e47d85bcec735be
+  languageName: node
+  linkType: hard
+
 "@types/react-native@npm:*":
   version: 0.72.8
   resolution: "@types/react-native@npm:0.72.8"
@@ -8911,6 +9632,7 @@ __metadata:
     "@types/qs": "npm:6.9.7"
     "@types/react": "npm:18.2.65"
     "@types/react-native-extra-dimensions-android": "npm:1.2.3"
+    "@types/react-native-text-input-mask": "npm:0.7.10"
     "@types/react-redux": "npm:7.1.9"
     "@types/react-test-renderer": "npm:18.3.0"
     "@types/styled-components": "npm:5.1.7"
@@ -10775,6 +11497,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"browserslist@npm:^4.24.0":
+  version: 4.24.0
+  resolution: "browserslist@npm:4.24.0"
+  dependencies:
+    caniuse-lite: "npm:^1.0.30001663"
+    electron-to-chromium: "npm:^1.5.28"
+    node-releases: "npm:^2.0.18"
+    update-browserslist-db: "npm:^1.1.0"
+  bin:
+    browserslist: cli.js
+  checksum: 10c0/95e76ad522753c4c470427f6e3c8a4bb5478ff448841e22b3d3e53f89ecaf17b6984666d6c7e715c370f1e7fa0cf684f42e34e554236a8b2fab38ea76b9e4c52
+  languageName: node
+  linkType: hard
+
 "bs-logger@npm:0.x":
   version: 0.2.6
   resolution: "bs-logger@npm:0.2.6"
@@ -11138,6 +11874,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"caniuse-lite@npm:^1.0.30001663":
+  version: 1.0.30001667
+  resolution: "caniuse-lite@npm:1.0.30001667"
+  checksum: 10c0/6bc8555a47603e1e76eaef9b185d6fdeeca7d9c20a283f7c32c971eb1b52ea3a80e6ec086920f088f06abe619240f1023a2d3a08b5b1f2f11df1475695e9f71c
+  languageName: node
+  linkType: hard
+
 "canvaskit-wasm@npm:0.39.1":
   version: 0.39.1
   resolution: "canvaskit-wasm@npm:0.39.1"
@@ -11336,6 +12079,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"chromium-edge-launcher@npm:^0.2.0":
+  version: 0.2.0
+  resolution: "chromium-edge-launcher@npm:0.2.0"
+  dependencies:
+    "@types/node": "npm:*"
+    escape-string-regexp: "npm:^4.0.0"
+    is-wsl: "npm:^2.2.0"
+    lighthouse-logger: "npm:^1.0.0"
+    mkdirp: "npm:^1.0.4"
+    rimraf: "npm:^3.0.2"
+  checksum: 10c0/880972816dd9b95c0eb77d1f707569667a8cce7cc29fe9c8d199c47fdfbe4971e9da3e5a29f61c4ecec29437ac7cebbbb5afc30bec96306579d1121e7340606a
+  languageName: node
+  linkType: hard
+
 "ci-info@npm:^2.0.0":
   version: 2.0.0
   resolution: "ci-info@npm:2.0.0"
@@ -12016,6 +12773,23 @@ __metadata:
   languageName: node
   linkType: hard
 
+"cosmiconfig@npm:^9.0.0":
+  version: 9.0.0
+  resolution: "cosmiconfig@npm:9.0.0"
+  dependencies:
+    env-paths: "npm:^2.2.1"
+    import-fresh: "npm:^3.3.0"
+    js-yaml: "npm:^4.1.0"
+    parse-json: "npm:^5.2.0"
+  peerDependencies:
+    typescript: ">=4.9.5"
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  checksum: 10c0/1c1703be4f02a250b1d6ca3267e408ce16abfe8364193891afc94c2d5c060b69611fdc8d97af74b7e6d5d1aac0ab2fb94d6b079573146bc2d756c2484ce5f0ee
+  languageName: node
+  linkType: hard
+
 "crc-32@npm:^1.2.0":
   version: 1.2.2
   resolution: "crc-32@npm:1.2.2"
@@ -13319,6 +14093,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"electron-to-chromium@npm:^1.5.28":
+  version: 1.5.34
+  resolution: "electron-to-chromium@npm:1.5.34"
+  checksum: 10c0/81b3af2d927e118ca0dcff9f502c8c850e981e985c2d19b097a4bb99d7f9d0aff0abcfdcb859aa06003d4d0e036c99580675a57495dbf05c9179c4773fd2f405
+  languageName: node
+  linkType: hard
+
 "elliptic@npm:6.5.4":
   version: 6.5.4
   resolution: "elliptic@npm:6.5.4"
@@ -13527,14 +14308,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"env-paths@npm:^2.2.0":
+"env-paths@npm:^2.2.0, env-paths@npm:^2.2.1":
   version: 2.2.1
   resolution: "env-paths@npm:2.2.1"
   checksum: 10c0/285325677bf00e30845e330eec32894f5105529db97496ee3f598478e50f008c5352a41a30e5e72ec9de8a542b5a570b85699cd63bd2bc646dbcb9f311d83bc4
   languageName: node
   linkType: hard
 
-"envinfo@npm:^7.10.0":
+"envinfo@npm:^7.10.0, envinfo@npm:^7.13.0":
   version: 7.14.0
   resolution: "envinfo@npm:7.14.0"
   bin:
@@ -14805,7 +15586,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"fast-xml-parser@npm:^4.0.12, fast-xml-parser@npm:^4.2.4":
+"fast-xml-parser@npm:^4.0.12, fast-xml-parser@npm:^4.2.4, fast-xml-parser@npm:^4.4.1":
   version: 4.5.0
   resolution: "fast-xml-parser@npm:4.5.0"
   dependencies:
@@ -16275,6 +17056,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"hermes-estree@npm:0.22.0":
+  version: 0.22.0
+  resolution: "hermes-estree@npm:0.22.0"
+  checksum: 10c0/4e39ea6b7032568c2d314268e0cbe807b0d004fa397886d8416b1b695bfa477bd4571617b03f24845228e747554491f4bfb13bbb0e289659d7c57ea02273c050
+  languageName: node
+  linkType: hard
+
 "hermes-parser@npm:0.19.1":
   version: 0.19.1
   resolution: "hermes-parser@npm:0.19.1"
@@ -16293,6 +17081,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"hermes-parser@npm:0.22.0":
+  version: 0.22.0
+  resolution: "hermes-parser@npm:0.22.0"
+  dependencies:
+    hermes-estree: "npm:0.22.0"
+  checksum: 10c0/095fad12ccd21ed151494c61b5b900abde78d89579e34c1748a526eed0f64657bee2cd3f30ae270881092d8f244e3386266b78496b866428b7d215fa13daef1e
+  languageName: node
+  linkType: hard
+
 "hermes-profile-transformer@npm:^0.0.6":
   version: 0.0.6
   resolution: "hermes-profile-transformer@npm:0.0.6"
@@ -16619,7 +17416,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"import-fresh@npm:^3.0.0, import-fresh@npm:^3.2.1":
+"import-fresh@npm:^3.0.0, import-fresh@npm:^3.2.1, import-fresh@npm:^3.3.0":
   version: 3.3.0
   resolution: "import-fresh@npm:3.3.0"
   dependencies:
@@ -18291,6 +19088,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"jsesc@npm:^3.0.2":
+  version: 3.0.2
+  resolution: "jsesc@npm:3.0.2"
+  bin:
+    jsesc: bin/jsesc
+  checksum: 10c0/ef22148f9e793180b14d8a145ee6f9f60f301abf443288117b4b6c53d0ecd58354898dc506ccbb553a5f7827965cd38bc5fb726575aae93c5e8915e2de8290e1
+  languageName: node
+  linkType: hard
+
 "jsesc@npm:~0.5.0":
   version: 0.5.0
   resolution: "jsesc@npm:0.5.0"
@@ -20731,6 +21537,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"node-releases@npm:^2.0.18":
+  version: 2.0.18
+  resolution: "node-releases@npm:2.0.18"
+  checksum: 10c0/786ac9db9d7226339e1dc84bbb42007cb054a346bd9257e6aa154d294f01bc6a6cddb1348fa099f079be6580acbb470e3c048effd5f719325abd0179e566fd27
+  languageName: node
+  linkType: hard
+
 "node-source-walk@npm:^4.0.0, node-source-walk@npm:^4.2.0, node-source-walk@npm:^4.2.2":
   version: 4.3.0
   resolution: "node-source-walk@npm:4.3.0"
@@ -23398,6 +24211,61 @@ react-native-safe-area-view@rainbow-me/react-native-safe-area-view:
   languageName: node
   linkType: hard
 
+"react-native@npm:*":
+  version: 0.75.4
+  resolution: "react-native@npm:0.75.4"
+  dependencies:
+    "@jest/create-cache-key-function": "npm:^29.6.3"
+    "@react-native-community/cli": "npm:14.1.0"
+    "@react-native-community/cli-platform-android": "npm:14.1.0"
+    "@react-native-community/cli-platform-ios": "npm:14.1.0"
+    "@react-native/assets-registry": "npm:0.75.4"
+    "@react-native/codegen": "npm:0.75.4"
+    "@react-native/community-cli-plugin": "npm:0.75.4"
+    "@react-native/gradle-plugin": "npm:0.75.4"
+    "@react-native/js-polyfills": "npm:0.75.4"
+    "@react-native/normalize-colors": "npm:0.75.4"
+    "@react-native/virtualized-lists": "npm:0.75.4"
+    abort-controller: "npm:^3.0.0"
+    anser: "npm:^1.4.9"
+    ansi-regex: "npm:^5.0.0"
+    base64-js: "npm:^1.5.1"
+    chalk: "npm:^4.0.0"
+    commander: "npm:^9.4.1"
+    event-target-shim: "npm:^5.0.1"
+    flow-enums-runtime: "npm:^0.0.6"
+    glob: "npm:^7.1.1"
+    invariant: "npm:^2.2.4"
+    jest-environment-node: "npm:^29.6.3"
+    jsc-android: "npm:^250231.0.0"
+    memoize-one: "npm:^5.0.0"
+    metro-runtime: "npm:^0.80.3"
+    metro-source-map: "npm:^0.80.3"
+    mkdirp: "npm:^0.5.1"
+    nullthrows: "npm:^1.1.1"
+    pretty-format: "npm:^26.5.2"
+    promise: "npm:^8.3.0"
+    react-devtools-core: "npm:^5.3.1"
+    react-refresh: "npm:^0.14.0"
+    regenerator-runtime: "npm:^0.13.2"
+    scheduler: "npm:0.24.0-canary-efb381bbf-20230505"
+    semver: "npm:^7.1.3"
+    stacktrace-parser: "npm:^0.1.10"
+    whatwg-fetch: "npm:^3.0.0"
+    ws: "npm:^6.2.2"
+    yargs: "npm:^17.6.2"
+  peerDependencies:
+    "@types/react": ^18.2.6
+    react: ^18.2.0
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+  bin:
+    react-native: cli.js
+  checksum: 10c0/e368c7257cb16e3501975c2cf7d1168b3878724e83042d21ea796f91363892a2c0fcafc85864322ec241ed89c1e62fdaa2688265a84da335b6e66d76406b7a71
+  languageName: node
+  linkType: hard
+
 "react-native@npm:0.74.3":
   version: 0.74.3
   resolution: "react-native@npm:0.74.3"
@@ -24684,7 +25552,7 @@ react-native-safe-area-view@rainbow-me/react-native-safe-area-view:
   languageName: node
   linkType: hard
 
-"semver@npm:^7.0.0, semver@npm:^7.2.1, semver@npm:^7.3.2, semver@npm:^7.3.4, semver@npm:^7.3.5, semver@npm:^7.3.7, semver@npm:^7.5.2, semver@npm:^7.5.3, semver@npm:^7.5.4, semver@npm:^7.6.0":
+"semver@npm:^7.0.0, semver@npm:^7.1.3, semver@npm:^7.2.1, semver@npm:^7.3.2, semver@npm:^7.3.4, semver@npm:^7.3.5, semver@npm:^7.3.7, semver@npm:^7.5.2, semver@npm:^7.5.3, semver@npm:^7.5.4, semver@npm:^7.6.0":
   version: 7.6.3
   resolution: "semver@npm:7.6.3"
   bin:
@@ -28134,7 +29002,7 @@ react-native-safe-area-view@rainbow-me/react-native-safe-area-view:
   languageName: node
   linkType: hard
 
-"ws@npm:^6.2.2":
+"ws@npm:^6.2.2, ws@npm:^6.2.3":
   version: 6.2.3
   resolution: "ws@npm:6.2.3"
   dependencies:

From 6817341210635b8183490944b2bc92fbc3a8d249 Mon Sep 17 00:00:00 2001
From: Matthew Wall <matthew.wallt@gmail.com>
Date: Wed, 9 Oct 2024 12:54:09 -0400
Subject: [PATCH 04/32] add pbx?

---
 ios/Rainbow.xcodeproj/project.pbxproj | 456 +++++++++++++-------------
 1 file changed, 228 insertions(+), 228 deletions(-)

diff --git a/ios/Rainbow.xcodeproj/project.pbxproj b/ios/Rainbow.xcodeproj/project.pbxproj
index 86aa5eea7f9..8502eec42d1 100644
--- a/ios/Rainbow.xcodeproj/project.pbxproj
+++ b/ios/Rainbow.xcodeproj/project.pbxproj
@@ -9,6 +9,7 @@
 /* Begin PBXBuildFile section */
 		0299CE7B2886202800B5C7E7 /* NotificationService.m in Sources */ = {isa = PBXBuildFile; fileRef = 0299CE7A2886202800B5C7E7 /* NotificationService.m */; };
 		0299CE7F2886202800B5C7E7 /* ImageNotification.appex in Embed App Extensions */ = {isa = PBXBuildFile; fileRef = 0299CE772886202800B5C7E7 /* ImageNotification.appex */; settings = {ATTRIBUTES = (RemoveHeadersOnCopy, ); }; };
+		06E94032EDEF75759FE979B5 /* libPods-Rainbow.a in Frameworks */ = {isa = PBXBuildFile; fileRef = B5A806E974CC8B0277BF0993 /* libPods-Rainbow.a */; };
 		13B07FBC1A68108700A75B9A /* AppDelegate.mm in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB01A68108700A75B9A /* AppDelegate.mm */; };
 		13B07FBD1A68108700A75B9A /* LaunchScreen.xib in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB11A68108700A75B9A /* LaunchScreen.xib */; };
 		13B07FC11A68108700A75B9A /* main.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB71A68108700A75B9A /* main.m */; };
@@ -25,7 +26,7 @@
 		15E531D5242B28EF00797B89 /* UIImageViewWithPersistentAnimations.swift in Sources */ = {isa = PBXBuildFile; fileRef = 15E531D4242B28EF00797B89 /* UIImageViewWithPersistentAnimations.swift */; };
 		15E531DA242DAB7100797B89 /* NotificationManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 15E531D9242DAB7100797B89 /* NotificationManager.m */; };
 		24979E8920F84250007EB0DA /* GoogleService-Info.plist in Resources */ = {isa = PBXBuildFile; fileRef = 24979E7720F84004007EB0DA /* GoogleService-Info.plist */; };
-		3F5576215214EE23607F6CA9 /* libPods-PriceWidgetExtension.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 1FC59C3544C0FBE4328F0600 /* libPods-PriceWidgetExtension.a */; };
+		437549AB20EF6B752D55A088 /* libPods-PriceWidgetExtension.a in Frameworks */ = {isa = PBXBuildFile; fileRef = C34F81430615060BD679D35A /* libPods-PriceWidgetExtension.a */; };
 		4D098C2F2811A9A5006A801A /* RNStartTime.m in Sources */ = {isa = PBXBuildFile; fileRef = 4D098C2E2811A9A5006A801A /* RNStartTime.m */; };
 		6630540924A38A1900E5B030 /* RainbowText.m in Sources */ = {isa = PBXBuildFile; fileRef = 6630540824A38A1900E5B030 /* RainbowText.m */; };
 		6635730624939991006ACFA6 /* SafeStoreReview.m in Sources */ = {isa = PBXBuildFile; fileRef = 6635730524939991006ACFA6 /* SafeStoreReview.m */; };
@@ -35,7 +36,7 @@
 		66A1FEB624AB641100C3F539 /* RNCMScreen.m in Sources */ = {isa = PBXBuildFile; fileRef = 66A1FEB324AB641100C3F539 /* RNCMScreen.m */; };
 		66A1FEBC24ACBBE600C3F539 /* RNCMPortal.m in Sources */ = {isa = PBXBuildFile; fileRef = 66A1FEBB24ACBBE600C3F539 /* RNCMPortal.m */; };
 		66A28EB024CAF1B500410A88 /* TestFlight.m in Sources */ = {isa = PBXBuildFile; fileRef = 66A28EAF24CAF1B500410A88 /* TestFlight.m */; };
-		7E667C2059B8CDB73F45605F /* libPods-ImageNotification.a in Frameworks */ = {isa = PBXBuildFile; fileRef = C37D3C9100B762F75F550BB5 /* libPods-ImageNotification.a */; };
+		71A4B76BDA84D8507ADE4A1B /* libPods-ImageNotification.a in Frameworks */ = {isa = PBXBuildFile; fileRef = F12F8E70948DD46956DB8580 /* libPods-ImageNotification.a */; };
 		A4277D9F23CBD1910042BAF4 /* Extensions.swift in Sources */ = {isa = PBXBuildFile; fileRef = A4277D9E23CBD1910042BAF4 /* Extensions.swift */; };
 		A4277DA323CFE85F0042BAF4 /* Theme.swift in Sources */ = {isa = PBXBuildFile; fileRef = A4277DA223CFE85F0042BAF4 /* Theme.swift */; };
 		A4D04BA923D12F99008C1DEC /* Button.swift in Sources */ = {isa = PBXBuildFile; fileRef = A4D04BA823D12F99008C1DEC /* Button.swift */; };
@@ -138,10 +139,9 @@
 		C9B378BB2C515A860085E5D0 /* ShareViewController.swift in Sources */ = {isa = PBXBuildFile; fileRef = C9B378BA2C515A860085E5D0 /* ShareViewController.swift */; };
 		C9B378BE2C515A860085E5D0 /* Base in Resources */ = {isa = PBXBuildFile; fileRef = C9B378BD2C515A860085E5D0 /* Base */; };
 		C9B378C22C515A860085E5D0 /* ShareWithRainbow.appex in Embed App Extensions */ = {isa = PBXBuildFile; fileRef = C9B378B82C515A860085E5D0 /* ShareWithRainbow.appex */; settings = {ATTRIBUTES = (RemoveHeadersOnCopy, ); }; };
-		CC651D36962A724E81524D7F /* libPods-SelectTokenIntent.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 6742E1A099DF0612378089CD /* libPods-SelectTokenIntent.a */; };
 		E8D2945956C9619768A8D361 /* ExpoModulesProvider.swift in Sources */ = {isa = PBXBuildFile; fileRef = 43C92E589571C27FFE89AB10 /* ExpoModulesProvider.swift */; };
 		ED2971652150620600B7C4FE /* JavaScriptCore.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = ED2971642150620600B7C4FE /* JavaScriptCore.framework */; };
-		EDE3164FD32FFCE390544F9B /* libPods-Rainbow.a in Frameworks */ = {isa = PBXBuildFile; fileRef = A53309386F4BFBD43C6866D6 /* libPods-Rainbow.a */; };
+		EEBA0918AC2D6116792F3AC5 /* libPods-SelectTokenIntent.a in Frameworks */ = {isa = PBXBuildFile; fileRef = C85291DFC2E46F4AE42629CF /* libPods-SelectTokenIntent.a */; };
 /* End PBXBuildFile section */
 
 /* Begin PBXContainerItemProxy section */
@@ -209,7 +209,8 @@
 		0299CE7A2886202800B5C7E7 /* NotificationService.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = NotificationService.m; sourceTree = "<group>"; };
 		0299CE7C2886202800B5C7E7 /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = "<group>"; };
 		0299CE852886246C00B5C7E7 /* libFirebaseCore.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; path = libFirebaseCore.a; sourceTree = BUILT_PRODUCTS_DIR; };
-		11F3C03FC45727D52FAE847D /* Pods-ImageNotification.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-ImageNotification.debug.xcconfig"; path = "Target Support Files/Pods-ImageNotification/Pods-ImageNotification.debug.xcconfig"; sourceTree = "<group>"; };
+		0404889173EFB369C76F5C18 /* Pods-ImageNotification.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-ImageNotification.release.xcconfig"; path = "Target Support Files/Pods-ImageNotification/Pods-ImageNotification.release.xcconfig"; sourceTree = "<group>"; };
+		0B0B4B0B37BE2EDCA80525F2 /* Pods-SelectTokenIntent.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-SelectTokenIntent.release.xcconfig"; path = "Target Support Files/Pods-SelectTokenIntent/Pods-SelectTokenIntent.release.xcconfig"; sourceTree = "<group>"; };
 		13B07F961A680F5B00A75B9A /* Rainbow.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = Rainbow.app; sourceTree = BUILT_PRODUCTS_DIR; };
 		13B07FAF1A68108700A75B9A /* AppDelegate.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = AppDelegate.h; path = Rainbow/AppDelegate.h; sourceTree = "<group>"; };
 		13B07FB01A68108700A75B9A /* AppDelegate.mm */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.objcpp; name = AppDelegate.mm; path = Rainbow/AppDelegate.mm; sourceTree = "<group>"; };
@@ -217,7 +218,6 @@
 		13B07FB61A68108700A75B9A /* Info.plist */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; name = Info.plist; path = Rainbow/Info.plist; sourceTree = "<group>"; };
 		13B07FB71A68108700A75B9A /* main.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = main.m; path = Rainbow/main.m; sourceTree = "<group>"; };
 		152643462B9AD97E004AC9AA /* InjectedJSBundle.js */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.javascript; name = InjectedJSBundle.js; path = ../InjectedJSBundle.js; sourceTree = "<group>"; };
-		1539A52384919E5109C2C9B2 /* Pods-Rainbow.localrelease.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-Rainbow.localrelease.xcconfig"; path = "Target Support Files/Pods-Rainbow/Pods-Rainbow.localrelease.xcconfig"; sourceTree = "<group>"; };
 		157155032418733F009B698B /* RainbowRelease.entitlements */ = {isa = PBXFileReference; lastKnownFileType = text.plist.entitlements; name = RainbowRelease.entitlements; path = Rainbow/RainbowRelease.entitlements; sourceTree = "<group>"; };
 		157155042418734C009B698B /* RainbowDebug.entitlements */ = {isa = PBXFileReference; lastKnownFileType = text.plist.entitlements; name = RainbowDebug.entitlements; path = Rainbow/RainbowDebug.entitlements; sourceTree = "<group>"; };
 		15C3987D2880EDFF006033AC /* og@3x.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; path = "og@3x.png"; sourceTree = "<group>"; };
@@ -236,7 +236,7 @@
 		15E531D4242B28EF00797B89 /* UIImageViewWithPersistentAnimations.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = UIImageViewWithPersistentAnimations.swift; sourceTree = "<group>"; };
 		15E531D8242DAB7100797B89 /* NotificationManager.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = NotificationManager.h; sourceTree = "<group>"; };
 		15E531D9242DAB7100797B89 /* NotificationManager.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = NotificationManager.m; sourceTree = "<group>"; };
-		1FC59C3544C0FBE4328F0600 /* libPods-PriceWidgetExtension.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-PriceWidgetExtension.a"; sourceTree = BUILT_PRODUCTS_DIR; };
+		20DFAE0CA19DC100E76712B9 /* Pods-SelectTokenIntent.localrelease.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-SelectTokenIntent.localrelease.xcconfig"; path = "Target Support Files/Pods-SelectTokenIntent/Pods-SelectTokenIntent.localrelease.xcconfig"; sourceTree = "<group>"; };
 		24979E3620F84003007EB0DA /* Protobuf.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = Protobuf.framework; path = Frameworks/Protobuf.framework; sourceTree = "<group>"; };
 		24979E7420F84004007EB0DA /* FirebaseAnalytics.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = FirebaseAnalytics.framework; path = Frameworks/FirebaseAnalytics.framework; sourceTree = "<group>"; };
 		24979E7520F84004007EB0DA /* FirebaseCore.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = FirebaseCore.framework; path = Frameworks/FirebaseCore.framework; sourceTree = "<group>"; };
@@ -249,15 +249,15 @@
 		24979E7C20F84004007EB0DA /* FirebaseCoreDiagnostics.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = FirebaseCoreDiagnostics.framework; path = Frameworks/FirebaseCoreDiagnostics.framework; sourceTree = "<group>"; };
 		24979E7D20F84005007EB0DA /* module.modulemap */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = "sourcecode.module-map"; name = module.modulemap; path = Frameworks/module.modulemap; sourceTree = "<group>"; };
 		24979E7E20F84005007EB0DA /* nanopb.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = nanopb.framework; path = Frameworks/nanopb.framework; sourceTree = "<group>"; };
-		2FF98F997797E047DCAF7234 /* Pods-SelectTokenIntent.localrelease.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-SelectTokenIntent.localrelease.xcconfig"; path = "Target Support Files/Pods-SelectTokenIntent/Pods-SelectTokenIntent.localrelease.xcconfig"; sourceTree = "<group>"; };
-		380324A440FD8D773D7F1074 /* Pods-SelectTokenIntent.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-SelectTokenIntent.debug.xcconfig"; path = "Target Support Files/Pods-SelectTokenIntent/Pods-SelectTokenIntent.debug.xcconfig"; sourceTree = "<group>"; };
 		3C379D5D20FD1F92009AF81F /* Rainbow.entitlements */ = {isa = PBXFileReference; lastKnownFileType = text.plist.entitlements; name = Rainbow.entitlements; path = Rainbow/Rainbow.entitlements; sourceTree = "<group>"; };
 		3CBE29CB2381E43800BE05AC /* Rainbow-Bridging-Header.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = "Rainbow-Bridging-Header.h"; sourceTree = "<group>"; };
+		3D10F33F1C5D491618BEB25D /* Pods-PriceWidgetExtension.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-PriceWidgetExtension.release.xcconfig"; path = "Target Support Files/Pods-PriceWidgetExtension/Pods-PriceWidgetExtension.release.xcconfig"; sourceTree = "<group>"; };
 		43C92E589571C27FFE89AB10 /* ExpoModulesProvider.swift */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = sourcecode.swift; name = ExpoModulesProvider.swift; path = "Pods/Target Support Files/Pods-Rainbow/ExpoModulesProvider.swift"; sourceTree = "<group>"; };
+		480CA5D2543B26A6C8558225 /* Pods-PriceWidgetExtension.staging.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-PriceWidgetExtension.staging.xcconfig"; path = "Target Support Files/Pods-PriceWidgetExtension/Pods-PriceWidgetExtension.staging.xcconfig"; sourceTree = "<group>"; };
+		49B701469292E5D11083AE46 /* Pods-ImageNotification.staging.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-ImageNotification.staging.xcconfig"; path = "Target Support Files/Pods-ImageNotification/Pods-ImageNotification.staging.xcconfig"; sourceTree = "<group>"; };
 		4D098C2D2811A979006A801A /* RNStartTime.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = RNStartTime.h; sourceTree = "<group>"; };
 		4D098C2E2811A9A5006A801A /* RNStartTime.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = RNStartTime.m; sourceTree = "<group>"; };
-		62CAF1459EC3D2C1F76CAAA6 /* Pods-ImageNotification.staging.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-ImageNotification.staging.xcconfig"; path = "Target Support Files/Pods-ImageNotification/Pods-ImageNotification.staging.xcconfig"; sourceTree = "<group>"; };
-		62DD03EC74A1637EEB329C87 /* Pods-Rainbow.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-Rainbow.release.xcconfig"; path = "Target Support Files/Pods-Rainbow/Pods-Rainbow.release.xcconfig"; sourceTree = "<group>"; };
+		559E65EBD543A9DC87061C90 /* Pods-SelectTokenIntent.staging.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-SelectTokenIntent.staging.xcconfig"; path = "Target Support Files/Pods-SelectTokenIntent/Pods-SelectTokenIntent.staging.xcconfig"; sourceTree = "<group>"; };
 		6630540824A38A1900E5B030 /* RainbowText.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = RainbowText.m; sourceTree = "<group>"; };
 		6635730524939991006ACFA6 /* SafeStoreReview.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = SafeStoreReview.m; sourceTree = "<group>"; };
 		664612EC2748489B00B43F5A /* PriceWidgetExtension.entitlements */ = {isa = PBXFileReference; lastKnownFileType = text.plist.entitlements; path = PriceWidgetExtension.entitlements; sourceTree = "<group>"; };
@@ -273,16 +273,16 @@
 		66A1FEBB24ACBBE600C3F539 /* RNCMPortal.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = RNCMPortal.m; path = "../src/react-native-cool-modals/ios/RNCMPortal.m"; sourceTree = "<group>"; };
 		66A28EAF24CAF1B500410A88 /* TestFlight.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = TestFlight.m; sourceTree = "<group>"; };
 		66A29CCA2511074500481F4A /* ReaHeader.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = ReaHeader.h; sourceTree = SOURCE_ROOT; };
-		6742E1A099DF0612378089CD /* libPods-SelectTokenIntent.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-SelectTokenIntent.a"; sourceTree = BUILT_PRODUCTS_DIR; };
-		75256BD3661D2D38F0A34282 /* Pods-SelectTokenIntent.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-SelectTokenIntent.release.xcconfig"; path = "Target Support Files/Pods-SelectTokenIntent/Pods-SelectTokenIntent.release.xcconfig"; sourceTree = "<group>"; };
-		883A50680E4D8A275AFBB48C /* Pods-ImageNotification.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-ImageNotification.release.xcconfig"; path = "Target Support Files/Pods-ImageNotification/Pods-ImageNotification.release.xcconfig"; sourceTree = "<group>"; };
+		8BD70BB176A27E241AF7B242 /* Pods-PriceWidgetExtension.localrelease.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-PriceWidgetExtension.localrelease.xcconfig"; path = "Target Support Files/Pods-PriceWidgetExtension/Pods-PriceWidgetExtension.localrelease.xcconfig"; sourceTree = "<group>"; };
+		8CA82C5099AC0D4A775311BF /* Pods-Rainbow.localrelease.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-Rainbow.localrelease.xcconfig"; path = "Target Support Files/Pods-Rainbow/Pods-Rainbow.localrelease.xcconfig"; sourceTree = "<group>"; };
+		91D2CE7F8041FF0D5A23B3FA /* Pods-PriceWidgetExtension.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-PriceWidgetExtension.debug.xcconfig"; path = "Target Support Files/Pods-PriceWidgetExtension/Pods-PriceWidgetExtension.debug.xcconfig"; sourceTree = "<group>"; };
+		97F32779CF35D9FED85F76BA /* Pods-ImageNotification.localrelease.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-ImageNotification.localrelease.xcconfig"; path = "Target Support Files/Pods-ImageNotification/Pods-ImageNotification.localrelease.xcconfig"; sourceTree = "<group>"; };
 		98AED33BAB4247CEBEF8464D /* libz.tbd */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = "sourcecode.text-based-dylib-definition"; name = libz.tbd; path = usr/lib/libz.tbd; sourceTree = SDKROOT; };
 		9DEADFA4826D4D0BAA950D21 /* libRNFIRMessaging.a */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = archive.ar; path = libRNFIRMessaging.a; sourceTree = "<group>"; };
 		A4277D9E23CBD1910042BAF4 /* Extensions.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = Extensions.swift; sourceTree = "<group>"; };
 		A4277DA223CFE85F0042BAF4 /* Theme.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = Theme.swift; sourceTree = "<group>"; };
 		A4D04BA823D12F99008C1DEC /* Button.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = Button.swift; sourceTree = "<group>"; };
 		A4D04BAB23D12FD5008C1DEC /* ButtonManager.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = ButtonManager.m; sourceTree = "<group>"; };
-		A53309386F4BFBD43C6866D6 /* libPods-Rainbow.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-Rainbow.a"; sourceTree = BUILT_PRODUCTS_DIR; };
 		AA0B1CB82B00C5E100EAF77D /* SF-Mono-Semibold.otf */ = {isa = PBXFileReference; lastKnownFileType = file; name = "SF-Mono-Semibold.otf"; path = "../src/assets/fonts/SF-Mono-Semibold.otf"; sourceTree = "<group>"; };
 		AA0B1CB92B00C5E100EAF77D /* SF-Mono-Bold.otf */ = {isa = PBXFileReference; lastKnownFileType = file; name = "SF-Mono-Bold.otf"; path = "../src/assets/fonts/SF-Mono-Bold.otf"; sourceTree = "<group>"; };
 		AA0B1CBA2B00C5E100EAF77D /* SF-Pro-Rounded-Black.otf */ = {isa = PBXFileReference; lastKnownFileType = file; name = "SF-Pro-Rounded-Black.otf"; path = "../src/assets/fonts/SF-Pro-Rounded-Black.otf"; sourceTree = "<group>"; };
@@ -292,7 +292,7 @@
 		AA6228ED24272B200078BDAA /* SF-Pro-Rounded-Medium.otf */ = {isa = PBXFileReference; lastKnownFileType = file; name = "SF-Pro-Rounded-Medium.otf"; path = "../src/assets/fonts/SF-Pro-Rounded-Medium.otf"; sourceTree = "<group>"; };
 		AA6228EE24272B200078BDAA /* SF-Pro-Rounded-Regular.otf */ = {isa = PBXFileReference; lastKnownFileType = file; name = "SF-Pro-Rounded-Regular.otf"; path = "../src/assets/fonts/SF-Pro-Rounded-Regular.otf"; sourceTree = "<group>"; };
 		AAA0EF342BF5A4AD00A19A53 /* PrivacyInfo.xcprivacy */ = {isa = PBXFileReference; lastKnownFileType = text.xml; path = PrivacyInfo.xcprivacy; sourceTree = "<group>"; };
-		AB3065204B58D1CAF6AB5BFB /* Pods-PriceWidgetExtension.localrelease.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-PriceWidgetExtension.localrelease.xcconfig"; path = "Target Support Files/Pods-PriceWidgetExtension/Pods-PriceWidgetExtension.localrelease.xcconfig"; sourceTree = "<group>"; };
+		ACD9A05400AF02F638E421D9 /* Pods-Rainbow.staging.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-Rainbow.staging.xcconfig"; path = "Target Support Files/Pods-Rainbow/Pods-Rainbow.staging.xcconfig"; sourceTree = "<group>"; };
 		B0C692B061D7430D8194DC98 /* ToolTipMenuTests.xctest */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = wrapper.cfbundle; path = ToolTipMenuTests.xctest; sourceTree = "<group>"; };
 		B50C9AE92A9D18DC00EB0019 /* adworld@3x.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; path = "adworld@3x.png"; sourceTree = "<group>"; };
 		B50C9AEA2A9D18DC00EB0019 /* adworld@2x.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; path = "adworld@2x.png"; sourceTree = "<group>"; };
@@ -306,6 +306,7 @@
 		B54C1D152935A54F007560D9 /* zora@2x.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; path = "zora@2x.png"; sourceTree = "<group>"; };
 		B597E7C02B8E9E18004782B6 /* farcaster@3x.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; path = "farcaster@3x.png"; sourceTree = "<group>"; };
 		B597E7C12B8E9E18004782B6 /* farcaster@2x.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; path = "farcaster@2x.png"; sourceTree = "<group>"; };
+		B5A806E974CC8B0277BF0993 /* libPods-Rainbow.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-Rainbow.a"; sourceTree = BUILT_PRODUCTS_DIR; };
 		B5C070C42A4A387400D854BA /* zorb@3x.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; path = "zorb@3x.png"; sourceTree = "<group>"; };
 		B5C070C52A4A387400D854BA /* zorb@2x.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; path = "zorb@2x.png"; sourceTree = "<group>"; };
 		B5CC6D372A78732A0037D5A3 /* poolboy@2x.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; path = "poolboy@2x.png"; sourceTree = "<group>"; };
@@ -314,7 +315,6 @@
 		B5CE8FFD29A5758100EB1EFA /* pooly@3x.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; path = "pooly@3x.png"; sourceTree = "<group>"; };
 		B5D7F2EE29E8D41D003D6A54 /* finiliar@3x.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; path = "finiliar@3x.png"; sourceTree = "<group>"; };
 		B5D7F2EF29E8D41E003D6A54 /* finiliar@2x.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; path = "finiliar@2x.png"; sourceTree = "<group>"; };
-		B652202E744A23B17A022084 /* Pods-Rainbow.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-Rainbow.debug.xcconfig"; path = "Target Support Files/Pods-Rainbow/Pods-Rainbow.debug.xcconfig"; sourceTree = "<group>"; };
 		C04D10EF25AFC8C1003BEF7A /* Extras.json */ = {isa = PBXFileReference; lastKnownFileType = text.json; path = Extras.json; sourceTree = "<group>"; };
 		C11640E7274DC10B00C9120A /* UIColor.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = UIColor.swift; sourceTree = "<group>"; };
 		C1272389274EBBB6006AC743 /* CurrencyDetails.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = CurrencyDetails.swift; sourceTree = "<group>"; };
@@ -342,9 +342,8 @@
 		C1C61A81272CBDA100E5C0B3 /* Images.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; path = Images.xcassets; sourceTree = "<group>"; };
 		C1C61A902731A05700E5C0B3 /* RainbowTokenList.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = RainbowTokenList.swift; sourceTree = "<group>"; };
 		C1EB012E2731B68400830E70 /* TokenDetails.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = TokenDetails.swift; sourceTree = "<group>"; };
-		C37D3C9100B762F75F550BB5 /* libPods-ImageNotification.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-ImageNotification.a"; sourceTree = BUILT_PRODUCTS_DIR; };
-		C3AB85CEFE6AA92587D648DA /* Pods-PriceWidgetExtension.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-PriceWidgetExtension.debug.xcconfig"; path = "Target Support Files/Pods-PriceWidgetExtension/Pods-PriceWidgetExtension.debug.xcconfig"; sourceTree = "<group>"; };
-		C83648862B87E1FB90335EFA /* Pods-PriceWidgetExtension.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-PriceWidgetExtension.release.xcconfig"; path = "Target Support Files/Pods-PriceWidgetExtension/Pods-PriceWidgetExtension.release.xcconfig"; sourceTree = "<group>"; };
+		C34F81430615060BD679D35A /* libPods-PriceWidgetExtension.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-PriceWidgetExtension.a"; sourceTree = BUILT_PRODUCTS_DIR; };
+		C85291DFC2E46F4AE42629CF /* libPods-SelectTokenIntent.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-SelectTokenIntent.a"; sourceTree = BUILT_PRODUCTS_DIR; };
 		C97EAD8B2BD6C6DF00322D53 /* RCTDeviceUUID.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTDeviceUUID.m; sourceTree = "<group>"; };
 		C97EAD8C2BD6C6DF00322D53 /* RCTDeviceUUID.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTDeviceUUID.h; sourceTree = "<group>"; };
 		C9B378A02C5159880085E5D0 /* OpenInRainbow.appex */ = {isa = PBXFileReference; explicitFileType = "wrapper.app-extension"; includeInIndex = 0; path = OpenInRainbow.appex; sourceTree = BUILT_PRODUCTS_DIR; };
@@ -357,13 +356,14 @@
 		C9B378BA2C515A860085E5D0 /* ShareViewController.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = ShareViewController.swift; sourceTree = "<group>"; };
 		C9B378BD2C515A860085E5D0 /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.storyboard; name = Base; path = Base.lproj/MainInterface.storyboard; sourceTree = "<group>"; };
 		C9B378BF2C515A860085E5D0 /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = "<group>"; };
+		D025E3F88128DB7441557329 /* Pods-SelectTokenIntent.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-SelectTokenIntent.debug.xcconfig"; path = "Target Support Files/Pods-SelectTokenIntent/Pods-SelectTokenIntent.debug.xcconfig"; sourceTree = "<group>"; };
+		D3E89472F127D74FA78FF2D7 /* Pods-Rainbow.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-Rainbow.release.xcconfig"; path = "Target Support Files/Pods-Rainbow/Pods-Rainbow.release.xcconfig"; sourceTree = "<group>"; };
 		D755E71324B04FEE9C691D14 /* libRNFirebase.a */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = archive.ar; path = libRNFirebase.a; sourceTree = "<group>"; };
-		E5F43237FF3957D40BFC7963 /* Pods-SelectTokenIntent.staging.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-SelectTokenIntent.staging.xcconfig"; path = "Target Support Files/Pods-SelectTokenIntent/Pods-SelectTokenIntent.staging.xcconfig"; sourceTree = "<group>"; };
-		EBC7F3A7CB4D39D0EB49A89B /* Pods-PriceWidgetExtension.staging.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-PriceWidgetExtension.staging.xcconfig"; path = "Target Support Files/Pods-PriceWidgetExtension/Pods-PriceWidgetExtension.staging.xcconfig"; sourceTree = "<group>"; };
+		D84AE46212A15D942ECD57C5 /* Pods-Rainbow.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-Rainbow.debug.xcconfig"; path = "Target Support Files/Pods-Rainbow/Pods-Rainbow.debug.xcconfig"; sourceTree = "<group>"; };
 		ED297162215061F000B7C4FE /* JavaScriptCore.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = JavaScriptCore.framework; path = System/Library/Frameworks/JavaScriptCore.framework; sourceTree = SDKROOT; };
 		ED2971642150620600B7C4FE /* JavaScriptCore.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = JavaScriptCore.framework; path = Platforms/AppleTVOS.platform/Developer/SDKs/AppleTVOS12.0.sdk/System/Library/Frameworks/JavaScriptCore.framework; sourceTree = DEVELOPER_DIR; };
-		F222FAC72622CB2711326815 /* Pods-Rainbow.staging.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-Rainbow.staging.xcconfig"; path = "Target Support Files/Pods-Rainbow/Pods-Rainbow.staging.xcconfig"; sourceTree = "<group>"; };
-		FCB6238842FEFC329B82EB3C /* Pods-ImageNotification.localrelease.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-ImageNotification.localrelease.xcconfig"; path = "Target Support Files/Pods-ImageNotification/Pods-ImageNotification.localrelease.xcconfig"; sourceTree = "<group>"; };
+		F12F8E70948DD46956DB8580 /* libPods-ImageNotification.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-ImageNotification.a"; sourceTree = BUILT_PRODUCTS_DIR; };
+		F1B5C87F1554F1D997BAA24F /* Pods-ImageNotification.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-ImageNotification.debug.xcconfig"; path = "Target Support Files/Pods-ImageNotification/Pods-ImageNotification.debug.xcconfig"; sourceTree = "<group>"; };
 /* End PBXFileReference section */
 
 /* Begin PBXFrameworksBuildPhase section */
@@ -371,7 +371,7 @@
 			isa = PBXFrameworksBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
-				7E667C2059B8CDB73F45605F /* libPods-ImageNotification.a in Frameworks */,
+				71A4B76BDA84D8507ADE4A1B /* libPods-ImageNotification.a in Frameworks */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
@@ -381,7 +381,7 @@
 			files = (
 				ED2971652150620600B7C4FE /* JavaScriptCore.framework in Frameworks */,
 				C72F456C99A646399192517D /* libz.tbd in Frameworks */,
-				EDE3164FD32FFCE390544F9B /* libPods-Rainbow.a in Frameworks */,
+				06E94032EDEF75759FE979B5 /* libPods-Rainbow.a in Frameworks */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
@@ -391,7 +391,7 @@
 			files = (
 				C16DCF60272BA6EF00FF5C78 /* SwiftUI.framework in Frameworks */,
 				C16DCF5E272BA6EF00FF5C78 /* WidgetKit.framework in Frameworks */,
-				3F5576215214EE23607F6CA9 /* libPods-PriceWidgetExtension.a in Frameworks */,
+				437549AB20EF6B752D55A088 /* libPods-PriceWidgetExtension.a in Frameworks */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
@@ -400,7 +400,7 @@
 			buildActionMask = 2147483647;
 			files = (
 				C16DCF81272BAB9500FF5C78 /* Intents.framework in Frameworks */,
-				CC651D36962A724E81524D7F /* libPods-SelectTokenIntent.a in Frameworks */,
+				EEBA0918AC2D6116792F3AC5 /* libPods-SelectTokenIntent.a in Frameworks */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
@@ -577,10 +577,10 @@
 				C16DCF80272BAB9500FF5C78 /* Intents.framework */,
 				C16DCF8B272BAB9600FF5C78 /* IntentsUI.framework */,
 				C9B378A12C5159880085E5D0 /* UniformTypeIdentifiers.framework */,
-				C37D3C9100B762F75F550BB5 /* libPods-ImageNotification.a */,
-				1FC59C3544C0FBE4328F0600 /* libPods-PriceWidgetExtension.a */,
-				A53309386F4BFBD43C6866D6 /* libPods-Rainbow.a */,
-				6742E1A099DF0612378089CD /* libPods-SelectTokenIntent.a */,
+				F12F8E70948DD46956DB8580 /* libPods-ImageNotification.a */,
+				C34F81430615060BD679D35A /* libPods-PriceWidgetExtension.a */,
+				B5A806E974CC8B0277BF0993 /* libPods-Rainbow.a */,
+				C85291DFC2E46F4AE42629CF /* libPods-SelectTokenIntent.a */,
 			);
 			name = Frameworks;
 			sourceTree = "<group>";
@@ -744,22 +744,22 @@
 		C640359C0E6575CE0A7ECD73 /* Pods */ = {
 			isa = PBXGroup;
 			children = (
-				11F3C03FC45727D52FAE847D /* Pods-ImageNotification.debug.xcconfig */,
-				883A50680E4D8A275AFBB48C /* Pods-ImageNotification.release.xcconfig */,
-				FCB6238842FEFC329B82EB3C /* Pods-ImageNotification.localrelease.xcconfig */,
-				62CAF1459EC3D2C1F76CAAA6 /* Pods-ImageNotification.staging.xcconfig */,
-				C3AB85CEFE6AA92587D648DA /* Pods-PriceWidgetExtension.debug.xcconfig */,
-				C83648862B87E1FB90335EFA /* Pods-PriceWidgetExtension.release.xcconfig */,
-				AB3065204B58D1CAF6AB5BFB /* Pods-PriceWidgetExtension.localrelease.xcconfig */,
-				EBC7F3A7CB4D39D0EB49A89B /* Pods-PriceWidgetExtension.staging.xcconfig */,
-				B652202E744A23B17A022084 /* Pods-Rainbow.debug.xcconfig */,
-				62DD03EC74A1637EEB329C87 /* Pods-Rainbow.release.xcconfig */,
-				1539A52384919E5109C2C9B2 /* Pods-Rainbow.localrelease.xcconfig */,
-				F222FAC72622CB2711326815 /* Pods-Rainbow.staging.xcconfig */,
-				380324A440FD8D773D7F1074 /* Pods-SelectTokenIntent.debug.xcconfig */,
-				75256BD3661D2D38F0A34282 /* Pods-SelectTokenIntent.release.xcconfig */,
-				2FF98F997797E047DCAF7234 /* Pods-SelectTokenIntent.localrelease.xcconfig */,
-				E5F43237FF3957D40BFC7963 /* Pods-SelectTokenIntent.staging.xcconfig */,
+				F1B5C87F1554F1D997BAA24F /* Pods-ImageNotification.debug.xcconfig */,
+				0404889173EFB369C76F5C18 /* Pods-ImageNotification.release.xcconfig */,
+				97F32779CF35D9FED85F76BA /* Pods-ImageNotification.localrelease.xcconfig */,
+				49B701469292E5D11083AE46 /* Pods-ImageNotification.staging.xcconfig */,
+				91D2CE7F8041FF0D5A23B3FA /* Pods-PriceWidgetExtension.debug.xcconfig */,
+				3D10F33F1C5D491618BEB25D /* Pods-PriceWidgetExtension.release.xcconfig */,
+				8BD70BB176A27E241AF7B242 /* Pods-PriceWidgetExtension.localrelease.xcconfig */,
+				480CA5D2543B26A6C8558225 /* Pods-PriceWidgetExtension.staging.xcconfig */,
+				D84AE46212A15D942ECD57C5 /* Pods-Rainbow.debug.xcconfig */,
+				D3E89472F127D74FA78FF2D7 /* Pods-Rainbow.release.xcconfig */,
+				8CA82C5099AC0D4A775311BF /* Pods-Rainbow.localrelease.xcconfig */,
+				ACD9A05400AF02F638E421D9 /* Pods-Rainbow.staging.xcconfig */,
+				D025E3F88128DB7441557329 /* Pods-SelectTokenIntent.debug.xcconfig */,
+				0B0B4B0B37BE2EDCA80525F2 /* Pods-SelectTokenIntent.release.xcconfig */,
+				20DFAE0CA19DC100E76712B9 /* Pods-SelectTokenIntent.localrelease.xcconfig */,
+				559E65EBD543A9DC87061C90 /* Pods-SelectTokenIntent.staging.xcconfig */,
 			);
 			path = Pods;
 			sourceTree = "<group>";
@@ -815,11 +815,11 @@
 			isa = PBXNativeTarget;
 			buildConfigurationList = 0299CE842886202800B5C7E7 /* Build configuration list for PBXNativeTarget "ImageNotification" */;
 			buildPhases = (
-				7C2BB7E8EA2574B3A74BB808 /* [CP] Check Pods Manifest.lock */,
+				CB7C3A21D28A14A9FB84C71E /* [CP] Check Pods Manifest.lock */,
 				0299CE732886202800B5C7E7 /* Sources */,
 				0299CE742886202800B5C7E7 /* Frameworks */,
 				0299CE752886202800B5C7E7 /* Resources */,
-				F202C751E27E638202288B79 /* [CP] Copy Pods Resources */,
+				87E42042DA29AD094A42253E /* [CP] Copy Pods Resources */,
 			);
 			buildRules = (
 			);
@@ -834,7 +834,7 @@
 			isa = PBXNativeTarget;
 			buildConfigurationList = 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "Rainbow" */;
 			buildPhases = (
-				58D46DFCC897D560DF7238EC /* [CP] Check Pods Manifest.lock */,
+				90120A4A265F303585647E6D /* [CP] Check Pods Manifest.lock */,
 				AEAD56A917FF4051986EE3E6 /* [Expo] Configure project */,
 				13B07F871A680F5B00A75B9A /* Sources */,
 				13B07F8C1A680F5B00A75B9A /* Frameworks */,
@@ -842,9 +842,9 @@
 				00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */,
 				9FF961FEA7AF435FA18ED988 /* Upload Debug Symbols to Sentry */,
 				668ADB3225A4E3A40050859D /* Embed App Extensions */,
-				712E4B41786AE847D8D82804 /* [CP] Embed Pods Frameworks */,
-				B645329271EC2E2C170CA75B /* [CP] Copy Pods Resources */,
-				09A7DC74FE15490E6EC30E26 /* [CP-User] [RNFB] Core Configuration */,
+				DA12F2B072680AA23B9CA748 /* [CP] Embed Pods Frameworks */,
+				28EB01787DC1BCCF16CC43FC /* [CP] Copy Pods Resources */,
+				C22E4C3F7D9EF251DCB0F8F2 /* [CP-User] [RNFB] Core Configuration */,
 			);
 			buildRules = (
 			);
@@ -864,11 +864,11 @@
 			isa = PBXNativeTarget;
 			buildConfigurationList = C16DCF6E272BA6F100FF5C78 /* Build configuration list for PBXNativeTarget "PriceWidgetExtension" */;
 			buildPhases = (
-				6B031E223F6AC5E261E2209C /* [CP] Check Pods Manifest.lock */,
+				64A0344FD2CEAD04B2576A99 /* [CP] Check Pods Manifest.lock */,
 				C16DCF58272BA6EF00FF5C78 /* Sources */,
 				C16DCF59272BA6EF00FF5C78 /* Frameworks */,
 				C16DCF5A272BA6EF00FF5C78 /* Resources */,
-				99C0F14AAA799EF5C78E3FB9 /* [CP] Copy Pods Resources */,
+				5B60B35A60CB0F38F79C1D26 /* [CP] Copy Pods Resources */,
 			);
 			buildRules = (
 			);
@@ -883,11 +883,11 @@
 			isa = PBXNativeTarget;
 			buildConfigurationList = C16DCF9F272BAB9600FF5C78 /* Build configuration list for PBXNativeTarget "SelectTokenIntent" */;
 			buildPhases = (
-				5367F9783545F28460727F96 /* [CP] Check Pods Manifest.lock */,
+				DA3017203C9326BAFC5C7CF1 /* [CP] Check Pods Manifest.lock */,
 				C16DCF7B272BAB9500FF5C78 /* Sources */,
 				C16DCF7C272BAB9500FF5C78 /* Frameworks */,
 				C16DCF7D272BAB9500FF5C78 /* Resources */,
-				897D6F92EBB33792380F5E33 /* [CP] Copy Pods Resources */,
+				82BCA70E6849A23CACD31B55 /* [CP] Copy Pods Resources */,
 			);
 			buildRules = (
 			);
@@ -1118,64 +1118,105 @@
 			shellScript = "if [[ -f \"$PODS_ROOT/../.xcode.env\" ]]; then\n  source \"$PODS_ROOT/../.xcode.env\"\nfi\nif [[ -f \"$PODS_ROOT/../.xcode.env.local\" ]]; then\n  source \"$PODS_ROOT/../.xcode.env.local\"\nfi\n\n# The project root by default is one level up from the ios directory\nexport PROJECT_ROOT=\"$PROJECT_DIR\"/..\n\nif [[ \"$CONFIGURATION\" = *Debug* ]]; then\n  export SKIP_BUNDLING=1\nfi\nif [[ -z \"$ENTRY_FILE\" ]]; then\n  # Set the entry JS file using the bundler's entry resolution.\n  export ENTRY_FILE=\"$(\"$NODE_BINARY\" -e \"require('expo/scripts/resolveAppEntry')\" \"$PROJECT_ROOT\" ios absolute | tail -n 1)\"\nfi\n\nif [[ -z \"$CLI_PATH\" ]]; then\n  # Use Expo CLI\n  export CLI_PATH=\"$(\"$NODE_BINARY\" --print \"require.resolve('@expo/cli')\")\"\nfi\nif [[ -z \"$BUNDLE_COMMAND\" ]]; then\n  # Default Expo CLI command for bundling\n  export BUNDLE_COMMAND=\"export:embed\"\nfi\n\n`\"$NODE_BINARY\" --print \"require('path').dirname(require.resolve('react-native/package.json')) + '/scripts/react-native-xcode.sh'\"`\n";
 			showEnvVarsInLog = 0;
 		};
-		09A7DC74FE15490E6EC30E26 /* [CP-User] [RNFB] Core Configuration */ = {
+		28EB01787DC1BCCF16CC43FC /* [CP] Copy Pods Resources */ = {
 			isa = PBXShellScriptBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
 			);
 			inputPaths = (
-				"$(BUILT_PRODUCTS_DIR)/$(INFOPLIST_PATH)",
-			);
-			name = "[CP-User] [RNFB] Core Configuration";
-			runOnlyForDeploymentPostprocessing = 0;
-			shellPath = /bin/sh;
-			shellScript = "#!/usr/bin/env bash\n#\n# Copyright (c) 2016-present Invertase Limited & Contributors\n#\n# Licensed under the Apache License, Version 2.0 (the \"License\");\n# you may not use this library except in compliance with the License.\n# You may obtain a copy of the License at\n#\n#   http://www.apache.org/licenses/LICENSE-2.0\n#\n# Unless required by applicable law or agreed to in writing, software\n# distributed under the License is distributed on an \"AS IS\" BASIS,\n# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n# See the License for the specific language governing permissions and\n# limitations under the License.\n#\n\n##########################################################################\n##########################################################################\n#\n#  NOTE THAT IF YOU CHANGE THIS FILE YOU MUST RUN pod install AFTERWARDS\n#\n#  This file is installed as an Xcode build script in the project file\n#  by cocoapods, and you will not see your changes until you pod install\n#\n##########################################################################\n##########################################################################\n\nset -e\n\n_MAX_LOOKUPS=2;\n_SEARCH_RESULT=''\n_RN_ROOT_EXISTS=''\n_CURRENT_LOOKUPS=1\n_JSON_ROOT=\"'react-native'\"\n_JSON_FILE_NAME='firebase.json'\n_JSON_OUTPUT_BASE64='e30=' # { }\n_CURRENT_SEARCH_DIR=${PROJECT_DIR}\n_PLIST_BUDDY=/usr/libexec/PlistBuddy\n_TARGET_PLIST=\"${BUILT_PRODUCTS_DIR}/${INFOPLIST_PATH}\"\n_DSYM_PLIST=\"${DWARF_DSYM_FOLDER_PATH}/${DWARF_DSYM_FILE_NAME}/Contents/Info.plist\"\n\n# plist arrays\n_PLIST_ENTRY_KEYS=()\n_PLIST_ENTRY_TYPES=()\n_PLIST_ENTRY_VALUES=()\n\nfunction setPlistValue {\n  echo \"info:      setting plist entry '$1' of type '$2' in file '$4'\"\n  ${_PLIST_BUDDY} -c \"Add :$1 $2 '$3'\" $4 || echo \"info:      '$1' already exists\"\n}\n\nfunction getFirebaseJsonKeyValue () {\n  if [[ ${_RN_ROOT_EXISTS} ]]; then\n    ruby -Ku -e \"require 'rubygems';require 'json'; output=JSON.parse('$1'); puts output[$_JSON_ROOT]['$2']\"\n  else\n    echo \"\"\n  fi;\n}\n\nfunction jsonBoolToYesNo () {\n  if [[ $1 == \"false\" ]]; then\n    echo \"NO\"\n  elif [[ $1 == \"true\" ]]; then\n    echo \"YES\"\n  else echo \"NO\"\n  fi\n}\n\necho \"info: -> RNFB build script started\"\necho \"info: 1) Locating ${_JSON_FILE_NAME} file:\"\n\nif [[ -z ${_CURRENT_SEARCH_DIR} ]]; then\n  _CURRENT_SEARCH_DIR=$(pwd)\nfi;\n\nwhile true; do\n  _CURRENT_SEARCH_DIR=$(dirname \"$_CURRENT_SEARCH_DIR\")\n  if [[ \"$_CURRENT_SEARCH_DIR\" == \"/\" ]] || [[ ${_CURRENT_LOOKUPS} -gt ${_MAX_LOOKUPS} ]]; then break; fi;\n  echo \"info:      ($_CURRENT_LOOKUPS of $_MAX_LOOKUPS) Searching in '$_CURRENT_SEARCH_DIR' for a ${_JSON_FILE_NAME} file.\"\n  _SEARCH_RESULT=$(find \"$_CURRENT_SEARCH_DIR\" -maxdepth 2 -name ${_JSON_FILE_NAME} -print | /usr/bin/head -n 1)\n  if [[ ${_SEARCH_RESULT} ]]; then\n    echo \"info:      ${_JSON_FILE_NAME} found at $_SEARCH_RESULT\"\n    break;\n  fi;\n  _CURRENT_LOOKUPS=$((_CURRENT_LOOKUPS+1))\ndone\n\nif [[ ${_SEARCH_RESULT} ]]; then\n  _JSON_OUTPUT_RAW=$(cat \"${_SEARCH_RESULT}\")\n  _RN_ROOT_EXISTS=$(ruby -Ku -e \"require 'rubygems';require 'json'; output=JSON.parse('$_JSON_OUTPUT_RAW'); puts output[$_JSON_ROOT]\" || echo '')\n\n  if [[ ${_RN_ROOT_EXISTS} ]]; then\n    if ! python3 --version >/dev/null 2>&1; then echo \"python3 not found, firebase.json file processing error.\" && exit 1; fi\n    _JSON_OUTPUT_BASE64=$(python3 -c 'import json,sys,base64;print(base64.b64encode(bytes(json.dumps(json.loads(open('\"'${_SEARCH_RESULT}'\"', '\"'rb'\"').read())['${_JSON_ROOT}']), '\"'utf-8'\"')).decode())' || echo \"e30=\")\n  fi\n\n  _PLIST_ENTRY_KEYS+=(\"firebase_json_raw\")\n  _PLIST_ENTRY_TYPES+=(\"string\")\n  _PLIST_ENTRY_VALUES+=(\"$_JSON_OUTPUT_BASE64\")\n\n  # config.app_data_collection_default_enabled\n  _APP_DATA_COLLECTION_ENABLED=$(getFirebaseJsonKeyValue \"$_JSON_OUTPUT_RAW\" \"app_data_collection_default_enabled\")\n  if [[ $_APP_DATA_COLLECTION_ENABLED ]]; then\n    _PLIST_ENTRY_KEYS+=(\"FirebaseDataCollectionDefaultEnabled\")\n    _PLIST_ENTRY_TYPES+=(\"bool\")\n    _PLIST_ENTRY_VALUES+=(\"$(jsonBoolToYesNo \"$_APP_DATA_COLLECTION_ENABLED\")\")\n  fi\n\n  # config.analytics_auto_collection_enabled\n  _ANALYTICS_AUTO_COLLECTION=$(getFirebaseJsonKeyValue \"$_JSON_OUTPUT_RAW\" \"analytics_auto_collection_enabled\")\n  if [[ $_ANALYTICS_AUTO_COLLECTION ]]; then\n    _PLIST_ENTRY_KEYS+=(\"FIREBASE_ANALYTICS_COLLECTION_ENABLED\")\n    _PLIST_ENTRY_TYPES+=(\"bool\")\n    _PLIST_ENTRY_VALUES+=(\"$(jsonBoolToYesNo \"$_ANALYTICS_AUTO_COLLECTION\")\")\n  fi\n\n  # config.analytics_collection_deactivated\n  _ANALYTICS_DEACTIVATED=$(getFirebaseJsonKeyValue \"$_JSON_OUTPUT_RAW\" \"analytics_collection_deactivated\")\n  if [[ $_ANALYTICS_DEACTIVATED ]]; then\n    _PLIST_ENTRY_KEYS+=(\"FIREBASE_ANALYTICS_COLLECTION_DEACTIVATED\")\n    _PLIST_ENTRY_TYPES+=(\"bool\")\n    _PLIST_ENTRY_VALUES+=(\"$(jsonBoolToYesNo \"$_ANALYTICS_DEACTIVATED\")\")\n  fi\n\n  # config.analytics_idfv_collection_enabled\n  _ANALYTICS_IDFV_COLLECTION=$(getFirebaseJsonKeyValue \"$_JSON_OUTPUT_RAW\" \"analytics_idfv_collection_enabled\")\n  if [[ $_ANALYTICS_IDFV_COLLECTION ]]; then\n    _PLIST_ENTRY_KEYS+=(\"GOOGLE_ANALYTICS_IDFV_COLLECTION_ENABLED\")\n    _PLIST_ENTRY_TYPES+=(\"bool\")\n    _PLIST_ENTRY_VALUES+=(\"$(jsonBoolToYesNo \"$_ANALYTICS_IDFV_COLLECTION\")\")\n  fi\n\n  # config.analytics_default_allow_analytics_storage\n  _ANALYTICS_STORAGE=$(getFirebaseJsonKeyValue \"$_JSON_OUTPUT_RAW\" \"analytics_default_allow_analytics_storage\")\n  if [[ $_ANALYTICS_STORAGE ]]; then\n    _PLIST_ENTRY_KEYS+=(\"GOOGLE_ANALYTICS_DEFAULT_ALLOW_ANALYTICS_STORAGE\")\n    _PLIST_ENTRY_TYPES+=(\"bool\")\n    _PLIST_ENTRY_VALUES+=(\"$(jsonBoolToYesNo \"$_ANALYTICS_STORAGE\")\")\n  fi\n\n  # config.analytics_default_allow_ad_storage\n  _ANALYTICS_AD_STORAGE=$(getFirebaseJsonKeyValue \"$_JSON_OUTPUT_RAW\" \"analytics_default_allow_ad_storage\")\n  if [[ $_ANALYTICS_AD_STORAGE ]]; then\n    _PLIST_ENTRY_KEYS+=(\"GOOGLE_ANALYTICS_DEFAULT_ALLOW_AD_STORAGE\")\n    _PLIST_ENTRY_TYPES+=(\"bool\")\n    _PLIST_ENTRY_VALUES+=(\"$(jsonBoolToYesNo \"$_ANALYTICS_AD_STORAGE\")\")\n  fi\n\n  # config.analytics_default_allow_ad_user_data\n  _ANALYTICS_AD_USER_DATA=$(getFirebaseJsonKeyValue \"$_JSON_OUTPUT_RAW\" \"analytics_default_allow_ad_user_data\")\n  if [[ $_ANALYTICS_AD_USER_DATA ]]; then\n    _PLIST_ENTRY_KEYS+=(\"GOOGLE_ANALYTICS_DEFAULT_ALLOW_AD_USER_DATA\")\n    _PLIST_ENTRY_TYPES+=(\"bool\")\n    _PLIST_ENTRY_VALUES+=(\"$(jsonBoolToYesNo \"$_ANALYTICS_AD_USER_DATA\")\")\n  fi\n\n  # config.analytics_default_allow_ad_personalization_signals\n  _ANALYTICS_PERSONALIZATION=$(getFirebaseJsonKeyValue \"$_JSON_OUTPUT_RAW\" \"analytics_default_allow_ad_personalization_signals\")\n  if [[ $_ANALYTICS_PERSONALIZATION ]]; then\n    _PLIST_ENTRY_KEYS+=(\"GOOGLE_ANALYTICS_DEFAULT_ALLOW_AD_PERSONALIZATION_SIGNALS\")\n    _PLIST_ENTRY_TYPES+=(\"bool\")\n    _PLIST_ENTRY_VALUES+=(\"$(jsonBoolToYesNo \"$_ANALYTICS_PERSONALIZATION\")\")\n  fi\n\n  # config.analytics_registration_with_ad_network_enabled\n  _ANALYTICS_REGISTRATION_WITH_AD_NETWORK=$(getFirebaseJsonKeyValue \"$_JSON_OUTPUT_RAW\" \"google_analytics_registration_with_ad_network_enabled\")\n  if [[ $_ANALYTICS_REGISTRATION_WITH_AD_NETWORK ]]; then\n    _PLIST_ENTRY_KEYS+=(\"GOOGLE_ANALYTICS_REGISTRATION_WITH_AD_NETWORK_ENABLED\")\n    _PLIST_ENTRY_TYPES+=(\"bool\")\n    _PLIST_ENTRY_VALUES+=(\"$(jsonBoolToYesNo \"$_ANALYTICS_REGISTRATION_WITH_AD_NETWORK\")\")\n  fi\n\n  # config.google_analytics_automatic_screen_reporting_enabled\n  _ANALYTICS_AUTO_SCREEN_REPORTING=$(getFirebaseJsonKeyValue \"$_JSON_OUTPUT_RAW\" \"google_analytics_automatic_screen_reporting_enabled\")\n  if [[ $_ANALYTICS_AUTO_SCREEN_REPORTING ]]; then\n    _PLIST_ENTRY_KEYS+=(\"FirebaseAutomaticScreenReportingEnabled\")\n    _PLIST_ENTRY_TYPES+=(\"bool\")\n    _PLIST_ENTRY_VALUES+=(\"$(jsonBoolToYesNo \"$_ANALYTICS_AUTO_SCREEN_REPORTING\")\")\n  fi\n\n  # config.perf_auto_collection_enabled\n  _PERF_AUTO_COLLECTION=$(getFirebaseJsonKeyValue \"$_JSON_OUTPUT_RAW\" \"perf_auto_collection_enabled\")\n  if [[ $_PERF_AUTO_COLLECTION ]]; then\n    _PLIST_ENTRY_KEYS+=(\"firebase_performance_collection_enabled\")\n    _PLIST_ENTRY_TYPES+=(\"bool\")\n    _PLIST_ENTRY_VALUES+=(\"$(jsonBoolToYesNo \"$_PERF_AUTO_COLLECTION\")\")\n  fi\n\n  # config.perf_collection_deactivated\n  _PERF_DEACTIVATED=$(getFirebaseJsonKeyValue \"$_JSON_OUTPUT_RAW\" \"perf_collection_deactivated\")\n  if [[ $_PERF_DEACTIVATED ]]; then\n    _PLIST_ENTRY_KEYS+=(\"firebase_performance_collection_deactivated\")\n    _PLIST_ENTRY_TYPES+=(\"bool\")\n    _PLIST_ENTRY_VALUES+=(\"$(jsonBoolToYesNo \"$_PERF_DEACTIVATED\")\")\n  fi\n\n  # config.messaging_auto_init_enabled\n  _MESSAGING_AUTO_INIT=$(getFirebaseJsonKeyValue \"$_JSON_OUTPUT_RAW\" \"messaging_auto_init_enabled\")\n  if [[ $_MESSAGING_AUTO_INIT ]]; then\n    _PLIST_ENTRY_KEYS+=(\"FirebaseMessagingAutoInitEnabled\")\n    _PLIST_ENTRY_TYPES+=(\"bool\")\n    _PLIST_ENTRY_VALUES+=(\"$(jsonBoolToYesNo \"$_MESSAGING_AUTO_INIT\")\")\n  fi\n\n  # config.in_app_messaging_auto_colllection_enabled\n  _FIAM_AUTO_INIT=$(getFirebaseJsonKeyValue \"$_JSON_OUTPUT_RAW\" \"in_app_messaging_auto_collection_enabled\")\n  if [[ $_FIAM_AUTO_INIT ]]; then\n    _PLIST_ENTRY_KEYS+=(\"FirebaseInAppMessagingAutomaticDataCollectionEnabled\")\n    _PLIST_ENTRY_TYPES+=(\"bool\")\n    _PLIST_ENTRY_VALUES+=(\"$(jsonBoolToYesNo \"$_FIAM_AUTO_INIT\")\")\n  fi\n\n  # config.app_check_token_auto_refresh\n  _APP_CHECK_TOKEN_AUTO_REFRESH=$(getFirebaseJsonKeyValue \"$_JSON_OUTPUT_RAW\" \"app_check_token_auto_refresh\")\n  if [[ $_APP_CHECK_TOKEN_AUTO_REFRESH ]]; then\n    _PLIST_ENTRY_KEYS+=(\"FirebaseAppCheckTokenAutoRefreshEnabled\")\n    _PLIST_ENTRY_TYPES+=(\"bool\")\n    _PLIST_ENTRY_VALUES+=(\"$(jsonBoolToYesNo \"$_APP_CHECK_TOKEN_AUTO_REFRESH\")\")\n  fi\n\n  # config.crashlytics_disable_auto_disabler - undocumented for now - mainly for debugging, document if becomes useful\n  _CRASHLYTICS_AUTO_DISABLE_ENABLED=$(getFirebaseJsonKeyValue \"$_JSON_OUTPUT_RAW\" \"crashlytics_disable_auto_disabler\")\n  if [[ $_CRASHLYTICS_AUTO_DISABLE_ENABLED == \"true\" ]]; then\n    echo \"Disabled Crashlytics auto disabler.\" # do nothing\n  else\n    _PLIST_ENTRY_KEYS+=(\"FirebaseCrashlyticsCollectionEnabled\")\n    _PLIST_ENTRY_TYPES+=(\"bool\")\n    _PLIST_ENTRY_VALUES+=(\"NO\")\n  fi\nelse\n  _PLIST_ENTRY_KEYS+=(\"firebase_json_raw\")\n  _PLIST_ENTRY_TYPES+=(\"string\")\n  _PLIST_ENTRY_VALUES+=(\"$_JSON_OUTPUT_BASE64\")\n  echo \"warning:   A firebase.json file was not found, whilst this file is optional it is recommended to include it to configure firebase services in React Native Firebase.\"\nfi;\n\necho \"info: 2) Injecting Info.plist entries: \"\n\n# Log out the keys we're adding\nfor i in \"${!_PLIST_ENTRY_KEYS[@]}\"; do\n  echo \"    ->  $i) ${_PLIST_ENTRY_KEYS[$i]}\" \"${_PLIST_ENTRY_TYPES[$i]}\" \"${_PLIST_ENTRY_VALUES[$i]}\"\ndone\n\nfor plist in \"${_TARGET_PLIST}\" \"${_DSYM_PLIST}\" ; do\n  if [[ -f \"${plist}\" ]]; then\n\n    # paths with spaces break the call to setPlistValue. temporarily modify\n    # the shell internal field separator variable (IFS), which normally\n    # includes spaces, to consist only of line breaks\n    oldifs=$IFS\n    IFS=\"\n\"\n\n    for i in \"${!_PLIST_ENTRY_KEYS[@]}\"; do\n      setPlistValue \"${_PLIST_ENTRY_KEYS[$i]}\" \"${_PLIST_ENTRY_TYPES[$i]}\" \"${_PLIST_ENTRY_VALUES[$i]}\" \"${plist}\"\n    done\n\n    # restore the original internal field separator value\n    IFS=$oldifs\n  else\n    echo \"warning:   A Info.plist build output file was not found (${plist})\"\n  fi\ndone\n\necho \"info: <- RNFB build script finished\"\n";
-		};
-		5367F9783545F28460727F96 /* [CP] Check Pods Manifest.lock */ = {
-			isa = PBXShellScriptBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-			);
-			inputFileListPaths = (
-			);
-			inputPaths = (
-				"${PODS_PODFILE_DIR_PATH}/Podfile.lock",
-				"${PODS_ROOT}/Manifest.lock",
-			);
-			name = "[CP] Check Pods Manifest.lock";
-			outputFileListPaths = (
+				"${PODS_ROOT}/Target Support Files/Pods-Rainbow/Pods-Rainbow-resources.sh",
+				"${PODS_CONFIGURATION_BUILD_DIR}/FirebaseABTesting/FirebaseABTesting_Privacy.bundle",
+				"${PODS_CONFIGURATION_BUILD_DIR}/FirebaseCore/FirebaseCore_Privacy.bundle",
+				"${PODS_CONFIGURATION_BUILD_DIR}/FirebaseCoreExtension/FirebaseCoreExtension_Privacy.bundle",
+				"${PODS_CONFIGURATION_BUILD_DIR}/FirebaseCoreInternal/FirebaseCoreInternal_Privacy.bundle",
+				"${PODS_CONFIGURATION_BUILD_DIR}/FirebaseInstallations/FirebaseInstallations_Privacy.bundle",
+				"${PODS_CONFIGURATION_BUILD_DIR}/FirebaseRemoteConfig/FirebaseRemoteConfig_Privacy.bundle",
+				"${PODS_CONFIGURATION_BUILD_DIR}/GoogleDataTransport/GoogleDataTransport_Privacy.bundle",
+				"${PODS_CONFIGURATION_BUILD_DIR}/GoogleUtilities/GoogleUtilities_Privacy.bundle",
+				"${PODS_CONFIGURATION_BUILD_DIR}/PromisesObjC/FBLPromises_Privacy.bundle",
+				"${PODS_CONFIGURATION_BUILD_DIR}/nanopb/nanopb_Privacy.bundle",
+				"${PODS_CONFIGURATION_BUILD_DIR}/FirebaseMessaging/FirebaseMessaging_Privacy.bundle",
+				"${PODS_CONFIGURATION_BUILD_DIR}/EXConstants/EXConstants.bundle",
+				"${PODS_CONFIGURATION_BUILD_DIR}/EXConstants/ExpoConstants_privacy.bundle",
+				"${PODS_CONFIGURATION_BUILD_DIR}/ExpoFileSystem/ExpoFileSystem_privacy.bundle",
+				"${PODS_CONFIGURATION_BUILD_DIR}/RNCAsyncStorage/RNCAsyncStorage_resources.bundle",
+				"${PODS_CONFIGURATION_BUILD_DIR}/RNImageCropPicker/RNImageCropPickerPrivacyInfo.bundle",
+				"${PODS_CONFIGURATION_BUILD_DIR}/RNImageCropPicker/QBImagePicker.bundle",
+				"${PODS_CONFIGURATION_BUILD_DIR}/React-Core/RCTI18nStrings.bundle",
+				"${PODS_CONFIGURATION_BUILD_DIR}/Rudder/Rudder.bundle",
+				"${PODS_CONFIGURATION_BUILD_DIR}/SDWebImage/SDWebImage.bundle",
+				"${PODS_CONFIGURATION_BUILD_DIR}/Sentry/Sentry.bundle",
+				"${PODS_CONFIGURATION_BUILD_DIR}/TOCropViewController/TOCropViewControllerBundle.bundle",
+				"${PODS_CONFIGURATION_BUILD_DIR}/react-native-cameraroll/RNCameraRollPrivacyInfo.bundle",
 			);
+			name = "[CP] Copy Pods Resources";
 			outputPaths = (
-				"$(DERIVED_FILE_DIR)/Pods-SelectTokenIntent-checkManifestLockResult.txt",
+				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/FirebaseABTesting_Privacy.bundle",
+				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/FirebaseCore_Privacy.bundle",
+				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/FirebaseCoreExtension_Privacy.bundle",
+				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/FirebaseCoreInternal_Privacy.bundle",
+				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/FirebaseInstallations_Privacy.bundle",
+				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/FirebaseRemoteConfig_Privacy.bundle",
+				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/GoogleDataTransport_Privacy.bundle",
+				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/GoogleUtilities_Privacy.bundle",
+				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/FBLPromises_Privacy.bundle",
+				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/nanopb_Privacy.bundle",
+				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/FirebaseMessaging_Privacy.bundle",
+				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/EXConstants.bundle",
+				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/ExpoConstants_privacy.bundle",
+				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/ExpoFileSystem_privacy.bundle",
+				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/RNCAsyncStorage_resources.bundle",
+				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/RNImageCropPickerPrivacyInfo.bundle",
+				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/QBImagePicker.bundle",
+				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/RCTI18nStrings.bundle",
+				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/Rudder.bundle",
+				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/SDWebImage.bundle",
+				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/Sentry.bundle",
+				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/TOCropViewControllerBundle.bundle",
+				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/RNCameraRollPrivacyInfo.bundle",
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 			shellPath = /bin/sh;
-			shellScript = "diff \"${PODS_PODFILE_DIR_PATH}/Podfile.lock\" \"${PODS_ROOT}/Manifest.lock\" > /dev/null\nif [ $? != 0 ] ; then\n    # print error to STDERR\n    echo \"error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation.\" >&2\n    exit 1\nfi\n# This output is used by Xcode 'outputs' to avoid re-running this script phase.\necho \"SUCCESS\" > \"${SCRIPT_OUTPUT_FILE_0}\"\n";
+			shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-Rainbow/Pods-Rainbow-resources.sh\"\n";
 			showEnvVarsInLog = 0;
 		};
-		58D46DFCC897D560DF7238EC /* [CP] Check Pods Manifest.lock */ = {
+		5B60B35A60CB0F38F79C1D26 /* [CP] Copy Pods Resources */ = {
 			isa = PBXShellScriptBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
 			);
-			inputFileListPaths = (
-			);
 			inputPaths = (
-				"${PODS_PODFILE_DIR_PATH}/Podfile.lock",
-				"${PODS_ROOT}/Manifest.lock",
-			);
-			name = "[CP] Check Pods Manifest.lock";
-			outputFileListPaths = (
+				"${PODS_ROOT}/Target Support Files/Pods-PriceWidgetExtension/Pods-PriceWidgetExtension-resources.sh",
+				"${PODS_CONFIGURATION_BUILD_DIR}/FirebaseABTesting/FirebaseABTesting_Privacy.bundle",
+				"${PODS_CONFIGURATION_BUILD_DIR}/FirebaseCore/FirebaseCore_Privacy.bundle",
+				"${PODS_CONFIGURATION_BUILD_DIR}/FirebaseCoreExtension/FirebaseCoreExtension_Privacy.bundle",
+				"${PODS_CONFIGURATION_BUILD_DIR}/FirebaseCoreInternal/FirebaseCoreInternal_Privacy.bundle",
+				"${PODS_CONFIGURATION_BUILD_DIR}/FirebaseInstallations/FirebaseInstallations_Privacy.bundle",
+				"${PODS_CONFIGURATION_BUILD_DIR}/FirebaseRemoteConfig/FirebaseRemoteConfig_Privacy.bundle",
+				"${PODS_CONFIGURATION_BUILD_DIR}/GoogleDataTransport/GoogleDataTransport_Privacy.bundle",
+				"${PODS_CONFIGURATION_BUILD_DIR}/GoogleUtilities/GoogleUtilities_Privacy.bundle",
+				"${PODS_CONFIGURATION_BUILD_DIR}/PromisesObjC/FBLPromises_Privacy.bundle",
+				"${PODS_CONFIGURATION_BUILD_DIR}/nanopb/nanopb_Privacy.bundle",
 			);
+			name = "[CP] Copy Pods Resources";
 			outputPaths = (
-				"$(DERIVED_FILE_DIR)/Pods-Rainbow-checkManifestLockResult.txt",
+				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/FirebaseABTesting_Privacy.bundle",
+				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/FirebaseCore_Privacy.bundle",
+				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/FirebaseCoreExtension_Privacy.bundle",
+				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/FirebaseCoreInternal_Privacy.bundle",
+				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/FirebaseInstallations_Privacy.bundle",
+				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/FirebaseRemoteConfig_Privacy.bundle",
+				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/GoogleDataTransport_Privacy.bundle",
+				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/GoogleUtilities_Privacy.bundle",
+				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/FBLPromises_Privacy.bundle",
+				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/nanopb_Privacy.bundle",
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 			shellPath = /bin/sh;
-			shellScript = "diff \"${PODS_PODFILE_DIR_PATH}/Podfile.lock\" \"${PODS_ROOT}/Manifest.lock\" > /dev/null\nif [ $? != 0 ] ; then\n    # print error to STDERR\n    echo \"error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation.\" >&2\n    exit 1\nfi\n# This output is used by Xcode 'outputs' to avoid re-running this script phase.\necho \"SUCCESS\" > \"${SCRIPT_OUTPUT_FILE_0}\"\n";
+			shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-PriceWidgetExtension/Pods-PriceWidgetExtension-resources.sh\"\n";
 			showEnvVarsInLog = 0;
 		};
-		6B031E223F6AC5E261E2209C /* [CP] Check Pods Manifest.lock */ = {
+		64A0344FD2CEAD04B2576A99 /* [CP] Check Pods Manifest.lock */ = {
 			isa = PBXShellScriptBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
@@ -1197,47 +1238,7 @@
 			shellScript = "diff \"${PODS_PODFILE_DIR_PATH}/Podfile.lock\" \"${PODS_ROOT}/Manifest.lock\" > /dev/null\nif [ $? != 0 ] ; then\n    # print error to STDERR\n    echo \"error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation.\" >&2\n    exit 1\nfi\n# This output is used by Xcode 'outputs' to avoid re-running this script phase.\necho \"SUCCESS\" > \"${SCRIPT_OUTPUT_FILE_0}\"\n";
 			showEnvVarsInLog = 0;
 		};
-		712E4B41786AE847D8D82804 /* [CP] Embed Pods Frameworks */ = {
-			isa = PBXShellScriptBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-			);
-			inputPaths = (
-				"${PODS_ROOT}/Target Support Files/Pods-Rainbow/Pods-Rainbow-frameworks.sh",
-				"${PODS_XCFRAMEWORKS_BUILD_DIR}/hermes-engine/Pre-built/hermes.framework/hermes",
-			);
-			name = "[CP] Embed Pods Frameworks";
-			outputPaths = (
-				"${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/hermes.framework",
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-			shellPath = /bin/sh;
-			shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-Rainbow/Pods-Rainbow-frameworks.sh\"\n";
-			showEnvVarsInLog = 0;
-		};
-		7C2BB7E8EA2574B3A74BB808 /* [CP] Check Pods Manifest.lock */ = {
-			isa = PBXShellScriptBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-			);
-			inputFileListPaths = (
-			);
-			inputPaths = (
-				"${PODS_PODFILE_DIR_PATH}/Podfile.lock",
-				"${PODS_ROOT}/Manifest.lock",
-			);
-			name = "[CP] Check Pods Manifest.lock";
-			outputFileListPaths = (
-			);
-			outputPaths = (
-				"$(DERIVED_FILE_DIR)/Pods-ImageNotification-checkManifestLockResult.txt",
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-			shellPath = /bin/sh;
-			shellScript = "diff \"${PODS_PODFILE_DIR_PATH}/Podfile.lock\" \"${PODS_ROOT}/Manifest.lock\" > /dev/null\nif [ $? != 0 ] ; then\n    # print error to STDERR\n    echo \"error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation.\" >&2\n    exit 1\nfi\n# This output is used by Xcode 'outputs' to avoid re-running this script phase.\necho \"SUCCESS\" > \"${SCRIPT_OUTPUT_FILE_0}\"\n";
-			showEnvVarsInLog = 0;
-		};
-		897D6F92EBB33792380F5E33 /* [CP] Copy Pods Resources */ = {
+		82BCA70E6849A23CACD31B55 /* [CP] Copy Pods Resources */ = {
 			isa = PBXShellScriptBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
@@ -1273,13 +1274,13 @@
 			shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-SelectTokenIntent/Pods-SelectTokenIntent-resources.sh\"\n";
 			showEnvVarsInLog = 0;
 		};
-		99C0F14AAA799EF5C78E3FB9 /* [CP] Copy Pods Resources */ = {
+		87E42042DA29AD094A42253E /* [CP] Copy Pods Resources */ = {
 			isa = PBXShellScriptBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
 			);
 			inputPaths = (
-				"${PODS_ROOT}/Target Support Files/Pods-PriceWidgetExtension/Pods-PriceWidgetExtension-resources.sh",
+				"${PODS_ROOT}/Target Support Files/Pods-ImageNotification/Pods-ImageNotification-resources.sh",
 				"${PODS_CONFIGURATION_BUILD_DIR}/FirebaseABTesting/FirebaseABTesting_Privacy.bundle",
 				"${PODS_CONFIGURATION_BUILD_DIR}/FirebaseCore/FirebaseCore_Privacy.bundle",
 				"${PODS_CONFIGURATION_BUILD_DIR}/FirebaseCoreExtension/FirebaseCoreExtension_Privacy.bundle",
@@ -1290,6 +1291,7 @@
 				"${PODS_CONFIGURATION_BUILD_DIR}/GoogleUtilities/GoogleUtilities_Privacy.bundle",
 				"${PODS_CONFIGURATION_BUILD_DIR}/PromisesObjC/FBLPromises_Privacy.bundle",
 				"${PODS_CONFIGURATION_BUILD_DIR}/nanopb/nanopb_Privacy.bundle",
+				"${PODS_CONFIGURATION_BUILD_DIR}/FirebaseMessaging/FirebaseMessaging_Privacy.bundle",
 			);
 			name = "[CP] Copy Pods Resources";
 			outputPaths = (
@@ -1303,10 +1305,33 @@
 				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/GoogleUtilities_Privacy.bundle",
 				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/FBLPromises_Privacy.bundle",
 				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/nanopb_Privacy.bundle",
+				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/FirebaseMessaging_Privacy.bundle",
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 			shellPath = /bin/sh;
-			shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-PriceWidgetExtension/Pods-PriceWidgetExtension-resources.sh\"\n";
+			shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-ImageNotification/Pods-ImageNotification-resources.sh\"\n";
+			showEnvVarsInLog = 0;
+		};
+		90120A4A265F303585647E6D /* [CP] Check Pods Manifest.lock */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputFileListPaths = (
+			);
+			inputPaths = (
+				"${PODS_PODFILE_DIR_PATH}/Podfile.lock",
+				"${PODS_ROOT}/Manifest.lock",
+			);
+			name = "[CP] Check Pods Manifest.lock";
+			outputFileListPaths = (
+			);
+			outputPaths = (
+				"$(DERIVED_FILE_DIR)/Pods-Rainbow-checkManifestLockResult.txt",
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "diff \"${PODS_PODFILE_DIR_PATH}/Podfile.lock\" \"${PODS_ROOT}/Manifest.lock\" > /dev/null\nif [ $? != 0 ] ; then\n    # print error to STDERR\n    echo \"error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation.\" >&2\n    exit 1\nfi\n# This output is used by Xcode 'outputs' to avoid re-running this script phase.\necho \"SUCCESS\" > \"${SCRIPT_OUTPUT_FILE_0}\"\n";
 			showEnvVarsInLog = 0;
 		};
 		9FF961FEA7AF435FA18ED988 /* Upload Debug Symbols to Sentry */ = {
@@ -1343,104 +1368,79 @@
 			shellPath = /bin/sh;
 			shellScript = "# This script configures Expo modules and generates the modules provider file.\nbash -l -c \"./Pods/Target\\ Support\\ Files/Pods-Rainbow/expo-configure-project.sh\"\n";
 		};
-		B645329271EC2E2C170CA75B /* [CP] Copy Pods Resources */ = {
+		C22E4C3F7D9EF251DCB0F8F2 /* [CP-User] [RNFB] Core Configuration */ = {
 			isa = PBXShellScriptBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
 			);
 			inputPaths = (
-				"${PODS_ROOT}/Target Support Files/Pods-Rainbow/Pods-Rainbow-resources.sh",
-				"${PODS_CONFIGURATION_BUILD_DIR}/FirebaseABTesting/FirebaseABTesting_Privacy.bundle",
-				"${PODS_CONFIGURATION_BUILD_DIR}/FirebaseCore/FirebaseCore_Privacy.bundle",
-				"${PODS_CONFIGURATION_BUILD_DIR}/FirebaseCoreExtension/FirebaseCoreExtension_Privacy.bundle",
-				"${PODS_CONFIGURATION_BUILD_DIR}/FirebaseCoreInternal/FirebaseCoreInternal_Privacy.bundle",
-				"${PODS_CONFIGURATION_BUILD_DIR}/FirebaseInstallations/FirebaseInstallations_Privacy.bundle",
-				"${PODS_CONFIGURATION_BUILD_DIR}/FirebaseRemoteConfig/FirebaseRemoteConfig_Privacy.bundle",
-				"${PODS_CONFIGURATION_BUILD_DIR}/GoogleDataTransport/GoogleDataTransport_Privacy.bundle",
-				"${PODS_CONFIGURATION_BUILD_DIR}/GoogleUtilities/GoogleUtilities_Privacy.bundle",
-				"${PODS_CONFIGURATION_BUILD_DIR}/PromisesObjC/FBLPromises_Privacy.bundle",
-				"${PODS_CONFIGURATION_BUILD_DIR}/nanopb/nanopb_Privacy.bundle",
-				"${PODS_CONFIGURATION_BUILD_DIR}/FirebaseMessaging/FirebaseMessaging_Privacy.bundle",
-				"${PODS_CONFIGURATION_BUILD_DIR}/EXConstants/EXConstants.bundle",
-				"${PODS_CONFIGURATION_BUILD_DIR}/EXConstants/ExpoConstants_privacy.bundle",
-				"${PODS_CONFIGURATION_BUILD_DIR}/ExpoFileSystem/ExpoFileSystem_privacy.bundle",
-				"${PODS_CONFIGURATION_BUILD_DIR}/RNCAsyncStorage/RNCAsyncStorage_resources.bundle",
-				"${PODS_CONFIGURATION_BUILD_DIR}/RNImageCropPicker/RNImageCropPickerPrivacyInfo.bundle",
-				"${PODS_CONFIGURATION_BUILD_DIR}/RNImageCropPicker/QBImagePicker.bundle",
-				"${PODS_CONFIGURATION_BUILD_DIR}/React-Core/RCTI18nStrings.bundle",
-				"${PODS_CONFIGURATION_BUILD_DIR}/Rudder/Rudder.bundle",
-				"${PODS_CONFIGURATION_BUILD_DIR}/SDWebImage/SDWebImage.bundle",
-				"${PODS_CONFIGURATION_BUILD_DIR}/Sentry/Sentry.bundle",
-				"${PODS_CONFIGURATION_BUILD_DIR}/TOCropViewController/TOCropViewControllerBundle.bundle",
-				"${PODS_CONFIGURATION_BUILD_DIR}/react-native-cameraroll/RNCameraRollPrivacyInfo.bundle",
+				"$(BUILT_PRODUCTS_DIR)/$(INFOPLIST_PATH)",
+			);
+			name = "[CP-User] [RNFB] Core Configuration";
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "#!/usr/bin/env bash\n#\n# Copyright (c) 2016-present Invertase Limited & Contributors\n#\n# Licensed under the Apache License, Version 2.0 (the \"License\");\n# you may not use this library except in compliance with the License.\n# You may obtain a copy of the License at\n#\n#   http://www.apache.org/licenses/LICENSE-2.0\n#\n# Unless required by applicable law or agreed to in writing, software\n# distributed under the License is distributed on an \"AS IS\" BASIS,\n# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n# See the License for the specific language governing permissions and\n# limitations under the License.\n#\n\n##########################################################################\n##########################################################################\n#\n#  NOTE THAT IF YOU CHANGE THIS FILE YOU MUST RUN pod install AFTERWARDS\n#\n#  This file is installed as an Xcode build script in the project file\n#  by cocoapods, and you will not see your changes until you pod install\n#\n##########################################################################\n##########################################################################\n\nset -e\n\n_MAX_LOOKUPS=2;\n_SEARCH_RESULT=''\n_RN_ROOT_EXISTS=''\n_CURRENT_LOOKUPS=1\n_JSON_ROOT=\"'react-native'\"\n_JSON_FILE_NAME='firebase.json'\n_JSON_OUTPUT_BASE64='e30=' # { }\n_CURRENT_SEARCH_DIR=${PROJECT_DIR}\n_PLIST_BUDDY=/usr/libexec/PlistBuddy\n_TARGET_PLIST=\"${BUILT_PRODUCTS_DIR}/${INFOPLIST_PATH}\"\n_DSYM_PLIST=\"${DWARF_DSYM_FOLDER_PATH}/${DWARF_DSYM_FILE_NAME}/Contents/Info.plist\"\n\n# plist arrays\n_PLIST_ENTRY_KEYS=()\n_PLIST_ENTRY_TYPES=()\n_PLIST_ENTRY_VALUES=()\n\nfunction setPlistValue {\n  echo \"info:      setting plist entry '$1' of type '$2' in file '$4'\"\n  ${_PLIST_BUDDY} -c \"Add :$1 $2 '$3'\" $4 || echo \"info:      '$1' already exists\"\n}\n\nfunction getFirebaseJsonKeyValue () {\n  if [[ ${_RN_ROOT_EXISTS} ]]; then\n    ruby -Ku -e \"require 'rubygems';require 'json'; output=JSON.parse('$1'); puts output[$_JSON_ROOT]['$2']\"\n  else\n    echo \"\"\n  fi;\n}\n\nfunction jsonBoolToYesNo () {\n  if [[ $1 == \"false\" ]]; then\n    echo \"NO\"\n  elif [[ $1 == \"true\" ]]; then\n    echo \"YES\"\n  else echo \"NO\"\n  fi\n}\n\necho \"info: -> RNFB build script started\"\necho \"info: 1) Locating ${_JSON_FILE_NAME} file:\"\n\nif [[ -z ${_CURRENT_SEARCH_DIR} ]]; then\n  _CURRENT_SEARCH_DIR=$(pwd)\nfi;\n\nwhile true; do\n  _CURRENT_SEARCH_DIR=$(dirname \"$_CURRENT_SEARCH_DIR\")\n  if [[ \"$_CURRENT_SEARCH_DIR\" == \"/\" ]] || [[ ${_CURRENT_LOOKUPS} -gt ${_MAX_LOOKUPS} ]]; then break; fi;\n  echo \"info:      ($_CURRENT_LOOKUPS of $_MAX_LOOKUPS) Searching in '$_CURRENT_SEARCH_DIR' for a ${_JSON_FILE_NAME} file.\"\n  _SEARCH_RESULT=$(find \"$_CURRENT_SEARCH_DIR\" -maxdepth 2 -name ${_JSON_FILE_NAME} -print | /usr/bin/head -n 1)\n  if [[ ${_SEARCH_RESULT} ]]; then\n    echo \"info:      ${_JSON_FILE_NAME} found at $_SEARCH_RESULT\"\n    break;\n  fi;\n  _CURRENT_LOOKUPS=$((_CURRENT_LOOKUPS+1))\ndone\n\nif [[ ${_SEARCH_RESULT} ]]; then\n  _JSON_OUTPUT_RAW=$(cat \"${_SEARCH_RESULT}\")\n  _RN_ROOT_EXISTS=$(ruby -Ku -e \"require 'rubygems';require 'json'; output=JSON.parse('$_JSON_OUTPUT_RAW'); puts output[$_JSON_ROOT]\" || echo '')\n\n  if [[ ${_RN_ROOT_EXISTS} ]]; then\n    if ! python3 --version >/dev/null 2>&1; then echo \"python3 not found, firebase.json file processing error.\" && exit 1; fi\n    _JSON_OUTPUT_BASE64=$(python3 -c 'import json,sys,base64;print(base64.b64encode(bytes(json.dumps(json.loads(open('\"'${_SEARCH_RESULT}'\"', '\"'rb'\"').read())['${_JSON_ROOT}']), '\"'utf-8'\"')).decode())' || echo \"e30=\")\n  fi\n\n  _PLIST_ENTRY_KEYS+=(\"firebase_json_raw\")\n  _PLIST_ENTRY_TYPES+=(\"string\")\n  _PLIST_ENTRY_VALUES+=(\"$_JSON_OUTPUT_BASE64\")\n\n  # config.app_data_collection_default_enabled\n  _APP_DATA_COLLECTION_ENABLED=$(getFirebaseJsonKeyValue \"$_JSON_OUTPUT_RAW\" \"app_data_collection_default_enabled\")\n  if [[ $_APP_DATA_COLLECTION_ENABLED ]]; then\n    _PLIST_ENTRY_KEYS+=(\"FirebaseDataCollectionDefaultEnabled\")\n    _PLIST_ENTRY_TYPES+=(\"bool\")\n    _PLIST_ENTRY_VALUES+=(\"$(jsonBoolToYesNo \"$_APP_DATA_COLLECTION_ENABLED\")\")\n  fi\n\n  # config.analytics_auto_collection_enabled\n  _ANALYTICS_AUTO_COLLECTION=$(getFirebaseJsonKeyValue \"$_JSON_OUTPUT_RAW\" \"analytics_auto_collection_enabled\")\n  if [[ $_ANALYTICS_AUTO_COLLECTION ]]; then\n    _PLIST_ENTRY_KEYS+=(\"FIREBASE_ANALYTICS_COLLECTION_ENABLED\")\n    _PLIST_ENTRY_TYPES+=(\"bool\")\n    _PLIST_ENTRY_VALUES+=(\"$(jsonBoolToYesNo \"$_ANALYTICS_AUTO_COLLECTION\")\")\n  fi\n\n  # config.analytics_collection_deactivated\n  _ANALYTICS_DEACTIVATED=$(getFirebaseJsonKeyValue \"$_JSON_OUTPUT_RAW\" \"analytics_collection_deactivated\")\n  if [[ $_ANALYTICS_DEACTIVATED ]]; then\n    _PLIST_ENTRY_KEYS+=(\"FIREBASE_ANALYTICS_COLLECTION_DEACTIVATED\")\n    _PLIST_ENTRY_TYPES+=(\"bool\")\n    _PLIST_ENTRY_VALUES+=(\"$(jsonBoolToYesNo \"$_ANALYTICS_DEACTIVATED\")\")\n  fi\n\n  # config.analytics_idfv_collection_enabled\n  _ANALYTICS_IDFV_COLLECTION=$(getFirebaseJsonKeyValue \"$_JSON_OUTPUT_RAW\" \"analytics_idfv_collection_enabled\")\n  if [[ $_ANALYTICS_IDFV_COLLECTION ]]; then\n    _PLIST_ENTRY_KEYS+=(\"GOOGLE_ANALYTICS_IDFV_COLLECTION_ENABLED\")\n    _PLIST_ENTRY_TYPES+=(\"bool\")\n    _PLIST_ENTRY_VALUES+=(\"$(jsonBoolToYesNo \"$_ANALYTICS_IDFV_COLLECTION\")\")\n  fi\n\n  # config.analytics_default_allow_analytics_storage\n  _ANALYTICS_STORAGE=$(getFirebaseJsonKeyValue \"$_JSON_OUTPUT_RAW\" \"analytics_default_allow_analytics_storage\")\n  if [[ $_ANALYTICS_STORAGE ]]; then\n    _PLIST_ENTRY_KEYS+=(\"GOOGLE_ANALYTICS_DEFAULT_ALLOW_ANALYTICS_STORAGE\")\n    _PLIST_ENTRY_TYPES+=(\"bool\")\n    _PLIST_ENTRY_VALUES+=(\"$(jsonBoolToYesNo \"$_ANALYTICS_STORAGE\")\")\n  fi\n\n  # config.analytics_default_allow_ad_storage\n  _ANALYTICS_AD_STORAGE=$(getFirebaseJsonKeyValue \"$_JSON_OUTPUT_RAW\" \"analytics_default_allow_ad_storage\")\n  if [[ $_ANALYTICS_AD_STORAGE ]]; then\n    _PLIST_ENTRY_KEYS+=(\"GOOGLE_ANALYTICS_DEFAULT_ALLOW_AD_STORAGE\")\n    _PLIST_ENTRY_TYPES+=(\"bool\")\n    _PLIST_ENTRY_VALUES+=(\"$(jsonBoolToYesNo \"$_ANALYTICS_AD_STORAGE\")\")\n  fi\n\n  # config.analytics_default_allow_ad_user_data\n  _ANALYTICS_AD_USER_DATA=$(getFirebaseJsonKeyValue \"$_JSON_OUTPUT_RAW\" \"analytics_default_allow_ad_user_data\")\n  if [[ $_ANALYTICS_AD_USER_DATA ]]; then\n    _PLIST_ENTRY_KEYS+=(\"GOOGLE_ANALYTICS_DEFAULT_ALLOW_AD_USER_DATA\")\n    _PLIST_ENTRY_TYPES+=(\"bool\")\n    _PLIST_ENTRY_VALUES+=(\"$(jsonBoolToYesNo \"$_ANALYTICS_AD_USER_DATA\")\")\n  fi\n\n  # config.analytics_default_allow_ad_personalization_signals\n  _ANALYTICS_PERSONALIZATION=$(getFirebaseJsonKeyValue \"$_JSON_OUTPUT_RAW\" \"analytics_default_allow_ad_personalization_signals\")\n  if [[ $_ANALYTICS_PERSONALIZATION ]]; then\n    _PLIST_ENTRY_KEYS+=(\"GOOGLE_ANALYTICS_DEFAULT_ALLOW_AD_PERSONALIZATION_SIGNALS\")\n    _PLIST_ENTRY_TYPES+=(\"bool\")\n    _PLIST_ENTRY_VALUES+=(\"$(jsonBoolToYesNo \"$_ANALYTICS_PERSONALIZATION\")\")\n  fi\n\n  # config.analytics_registration_with_ad_network_enabled\n  _ANALYTICS_REGISTRATION_WITH_AD_NETWORK=$(getFirebaseJsonKeyValue \"$_JSON_OUTPUT_RAW\" \"google_analytics_registration_with_ad_network_enabled\")\n  if [[ $_ANALYTICS_REGISTRATION_WITH_AD_NETWORK ]]; then\n    _PLIST_ENTRY_KEYS+=(\"GOOGLE_ANALYTICS_REGISTRATION_WITH_AD_NETWORK_ENABLED\")\n    _PLIST_ENTRY_TYPES+=(\"bool\")\n    _PLIST_ENTRY_VALUES+=(\"$(jsonBoolToYesNo \"$_ANALYTICS_REGISTRATION_WITH_AD_NETWORK\")\")\n  fi\n\n  # config.google_analytics_automatic_screen_reporting_enabled\n  _ANALYTICS_AUTO_SCREEN_REPORTING=$(getFirebaseJsonKeyValue \"$_JSON_OUTPUT_RAW\" \"google_analytics_automatic_screen_reporting_enabled\")\n  if [[ $_ANALYTICS_AUTO_SCREEN_REPORTING ]]; then\n    _PLIST_ENTRY_KEYS+=(\"FirebaseAutomaticScreenReportingEnabled\")\n    _PLIST_ENTRY_TYPES+=(\"bool\")\n    _PLIST_ENTRY_VALUES+=(\"$(jsonBoolToYesNo \"$_ANALYTICS_AUTO_SCREEN_REPORTING\")\")\n  fi\n\n  # config.perf_auto_collection_enabled\n  _PERF_AUTO_COLLECTION=$(getFirebaseJsonKeyValue \"$_JSON_OUTPUT_RAW\" \"perf_auto_collection_enabled\")\n  if [[ $_PERF_AUTO_COLLECTION ]]; then\n    _PLIST_ENTRY_KEYS+=(\"firebase_performance_collection_enabled\")\n    _PLIST_ENTRY_TYPES+=(\"bool\")\n    _PLIST_ENTRY_VALUES+=(\"$(jsonBoolToYesNo \"$_PERF_AUTO_COLLECTION\")\")\n  fi\n\n  # config.perf_collection_deactivated\n  _PERF_DEACTIVATED=$(getFirebaseJsonKeyValue \"$_JSON_OUTPUT_RAW\" \"perf_collection_deactivated\")\n  if [[ $_PERF_DEACTIVATED ]]; then\n    _PLIST_ENTRY_KEYS+=(\"firebase_performance_collection_deactivated\")\n    _PLIST_ENTRY_TYPES+=(\"bool\")\n    _PLIST_ENTRY_VALUES+=(\"$(jsonBoolToYesNo \"$_PERF_DEACTIVATED\")\")\n  fi\n\n  # config.messaging_auto_init_enabled\n  _MESSAGING_AUTO_INIT=$(getFirebaseJsonKeyValue \"$_JSON_OUTPUT_RAW\" \"messaging_auto_init_enabled\")\n  if [[ $_MESSAGING_AUTO_INIT ]]; then\n    _PLIST_ENTRY_KEYS+=(\"FirebaseMessagingAutoInitEnabled\")\n    _PLIST_ENTRY_TYPES+=(\"bool\")\n    _PLIST_ENTRY_VALUES+=(\"$(jsonBoolToYesNo \"$_MESSAGING_AUTO_INIT\")\")\n  fi\n\n  # config.in_app_messaging_auto_colllection_enabled\n  _FIAM_AUTO_INIT=$(getFirebaseJsonKeyValue \"$_JSON_OUTPUT_RAW\" \"in_app_messaging_auto_collection_enabled\")\n  if [[ $_FIAM_AUTO_INIT ]]; then\n    _PLIST_ENTRY_KEYS+=(\"FirebaseInAppMessagingAutomaticDataCollectionEnabled\")\n    _PLIST_ENTRY_TYPES+=(\"bool\")\n    _PLIST_ENTRY_VALUES+=(\"$(jsonBoolToYesNo \"$_FIAM_AUTO_INIT\")\")\n  fi\n\n  # config.app_check_token_auto_refresh\n  _APP_CHECK_TOKEN_AUTO_REFRESH=$(getFirebaseJsonKeyValue \"$_JSON_OUTPUT_RAW\" \"app_check_token_auto_refresh\")\n  if [[ $_APP_CHECK_TOKEN_AUTO_REFRESH ]]; then\n    _PLIST_ENTRY_KEYS+=(\"FirebaseAppCheckTokenAutoRefreshEnabled\")\n    _PLIST_ENTRY_TYPES+=(\"bool\")\n    _PLIST_ENTRY_VALUES+=(\"$(jsonBoolToYesNo \"$_APP_CHECK_TOKEN_AUTO_REFRESH\")\")\n  fi\n\n  # config.crashlytics_disable_auto_disabler - undocumented for now - mainly for debugging, document if becomes useful\n  _CRASHLYTICS_AUTO_DISABLE_ENABLED=$(getFirebaseJsonKeyValue \"$_JSON_OUTPUT_RAW\" \"crashlytics_disable_auto_disabler\")\n  if [[ $_CRASHLYTICS_AUTO_DISABLE_ENABLED == \"true\" ]]; then\n    echo \"Disabled Crashlytics auto disabler.\" # do nothing\n  else\n    _PLIST_ENTRY_KEYS+=(\"FirebaseCrashlyticsCollectionEnabled\")\n    _PLIST_ENTRY_TYPES+=(\"bool\")\n    _PLIST_ENTRY_VALUES+=(\"NO\")\n  fi\nelse\n  _PLIST_ENTRY_KEYS+=(\"firebase_json_raw\")\n  _PLIST_ENTRY_TYPES+=(\"string\")\n  _PLIST_ENTRY_VALUES+=(\"$_JSON_OUTPUT_BASE64\")\n  echo \"warning:   A firebase.json file was not found, whilst this file is optional it is recommended to include it to configure firebase services in React Native Firebase.\"\nfi;\n\necho \"info: 2) Injecting Info.plist entries: \"\n\n# Log out the keys we're adding\nfor i in \"${!_PLIST_ENTRY_KEYS[@]}\"; do\n  echo \"    ->  $i) ${_PLIST_ENTRY_KEYS[$i]}\" \"${_PLIST_ENTRY_TYPES[$i]}\" \"${_PLIST_ENTRY_VALUES[$i]}\"\ndone\n\nfor plist in \"${_TARGET_PLIST}\" \"${_DSYM_PLIST}\" ; do\n  if [[ -f \"${plist}\" ]]; then\n\n    # paths with spaces break the call to setPlistValue. temporarily modify\n    # the shell internal field separator variable (IFS), which normally\n    # includes spaces, to consist only of line breaks\n    oldifs=$IFS\n    IFS=\"\n\"\n\n    for i in \"${!_PLIST_ENTRY_KEYS[@]}\"; do\n      setPlistValue \"${_PLIST_ENTRY_KEYS[$i]}\" \"${_PLIST_ENTRY_TYPES[$i]}\" \"${_PLIST_ENTRY_VALUES[$i]}\" \"${plist}\"\n    done\n\n    # restore the original internal field separator value\n    IFS=$oldifs\n  else\n    echo \"warning:   A Info.plist build output file was not found (${plist})\"\n  fi\ndone\n\necho \"info: <- RNFB build script finished\"\n";
+		};
+		CB7C3A21D28A14A9FB84C71E /* [CP] Check Pods Manifest.lock */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputFileListPaths = (
+			);
+			inputPaths = (
+				"${PODS_PODFILE_DIR_PATH}/Podfile.lock",
+				"${PODS_ROOT}/Manifest.lock",
+			);
+			name = "[CP] Check Pods Manifest.lock";
+			outputFileListPaths = (
 			);
-			name = "[CP] Copy Pods Resources";
 			outputPaths = (
-				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/FirebaseABTesting_Privacy.bundle",
-				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/FirebaseCore_Privacy.bundle",
-				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/FirebaseCoreExtension_Privacy.bundle",
-				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/FirebaseCoreInternal_Privacy.bundle",
-				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/FirebaseInstallations_Privacy.bundle",
-				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/FirebaseRemoteConfig_Privacy.bundle",
-				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/GoogleDataTransport_Privacy.bundle",
-				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/GoogleUtilities_Privacy.bundle",
-				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/FBLPromises_Privacy.bundle",
-				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/nanopb_Privacy.bundle",
-				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/FirebaseMessaging_Privacy.bundle",
-				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/EXConstants.bundle",
-				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/ExpoConstants_privacy.bundle",
-				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/ExpoFileSystem_privacy.bundle",
-				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/RNCAsyncStorage_resources.bundle",
-				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/RNImageCropPickerPrivacyInfo.bundle",
-				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/QBImagePicker.bundle",
-				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/RCTI18nStrings.bundle",
-				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/Rudder.bundle",
-				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/SDWebImage.bundle",
-				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/Sentry.bundle",
-				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/TOCropViewControllerBundle.bundle",
-				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/RNCameraRollPrivacyInfo.bundle",
+				"$(DERIVED_FILE_DIR)/Pods-ImageNotification-checkManifestLockResult.txt",
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 			shellPath = /bin/sh;
-			shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-Rainbow/Pods-Rainbow-resources.sh\"\n";
+			shellScript = "diff \"${PODS_PODFILE_DIR_PATH}/Podfile.lock\" \"${PODS_ROOT}/Manifest.lock\" > /dev/null\nif [ $? != 0 ] ; then\n    # print error to STDERR\n    echo \"error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation.\" >&2\n    exit 1\nfi\n# This output is used by Xcode 'outputs' to avoid re-running this script phase.\necho \"SUCCESS\" > \"${SCRIPT_OUTPUT_FILE_0}\"\n";
 			showEnvVarsInLog = 0;
 		};
-		F202C751E27E638202288B79 /* [CP] Copy Pods Resources */ = {
+		DA12F2B072680AA23B9CA748 /* [CP] Embed Pods Frameworks */ = {
 			isa = PBXShellScriptBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
 			);
 			inputPaths = (
-				"${PODS_ROOT}/Target Support Files/Pods-ImageNotification/Pods-ImageNotification-resources.sh",
-				"${PODS_CONFIGURATION_BUILD_DIR}/FirebaseABTesting/FirebaseABTesting_Privacy.bundle",
-				"${PODS_CONFIGURATION_BUILD_DIR}/FirebaseCore/FirebaseCore_Privacy.bundle",
-				"${PODS_CONFIGURATION_BUILD_DIR}/FirebaseCoreExtension/FirebaseCoreExtension_Privacy.bundle",
-				"${PODS_CONFIGURATION_BUILD_DIR}/FirebaseCoreInternal/FirebaseCoreInternal_Privacy.bundle",
-				"${PODS_CONFIGURATION_BUILD_DIR}/FirebaseInstallations/FirebaseInstallations_Privacy.bundle",
-				"${PODS_CONFIGURATION_BUILD_DIR}/FirebaseRemoteConfig/FirebaseRemoteConfig_Privacy.bundle",
-				"${PODS_CONFIGURATION_BUILD_DIR}/GoogleDataTransport/GoogleDataTransport_Privacy.bundle",
-				"${PODS_CONFIGURATION_BUILD_DIR}/GoogleUtilities/GoogleUtilities_Privacy.bundle",
-				"${PODS_CONFIGURATION_BUILD_DIR}/PromisesObjC/FBLPromises_Privacy.bundle",
-				"${PODS_CONFIGURATION_BUILD_DIR}/nanopb/nanopb_Privacy.bundle",
-				"${PODS_CONFIGURATION_BUILD_DIR}/FirebaseMessaging/FirebaseMessaging_Privacy.bundle",
+				"${PODS_ROOT}/Target Support Files/Pods-Rainbow/Pods-Rainbow-frameworks.sh",
+				"${PODS_XCFRAMEWORKS_BUILD_DIR}/hermes-engine/Pre-built/hermes.framework/hermes",
 			);
-			name = "[CP] Copy Pods Resources";
+			name = "[CP] Embed Pods Frameworks";
 			outputPaths = (
-				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/FirebaseABTesting_Privacy.bundle",
-				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/FirebaseCore_Privacy.bundle",
-				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/FirebaseCoreExtension_Privacy.bundle",
-				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/FirebaseCoreInternal_Privacy.bundle",
-				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/FirebaseInstallations_Privacy.bundle",
-				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/FirebaseRemoteConfig_Privacy.bundle",
-				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/GoogleDataTransport_Privacy.bundle",
-				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/GoogleUtilities_Privacy.bundle",
-				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/FBLPromises_Privacy.bundle",
-				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/nanopb_Privacy.bundle",
-				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/FirebaseMessaging_Privacy.bundle",
+				"${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/hermes.framework",
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 			shellPath = /bin/sh;
-			shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-ImageNotification/Pods-ImageNotification-resources.sh\"\n";
+			shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-Rainbow/Pods-Rainbow-frameworks.sh\"\n";
+			showEnvVarsInLog = 0;
+		};
+		DA3017203C9326BAFC5C7CF1 /* [CP] Check Pods Manifest.lock */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputFileListPaths = (
+			);
+			inputPaths = (
+				"${PODS_PODFILE_DIR_PATH}/Podfile.lock",
+				"${PODS_ROOT}/Manifest.lock",
+			);
+			name = "[CP] Check Pods Manifest.lock";
+			outputFileListPaths = (
+			);
+			outputPaths = (
+				"$(DERIVED_FILE_DIR)/Pods-SelectTokenIntent-checkManifestLockResult.txt",
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "diff \"${PODS_PODFILE_DIR_PATH}/Podfile.lock\" \"${PODS_ROOT}/Manifest.lock\" > /dev/null\nif [ $? != 0 ] ; then\n    # print error to STDERR\n    echo \"error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation.\" >&2\n    exit 1\nfi\n# This output is used by Xcode 'outputs' to avoid re-running this script phase.\necho \"SUCCESS\" > \"${SCRIPT_OUTPUT_FILE_0}\"\n";
 			showEnvVarsInLog = 0;
 		};
 /* End PBXShellScriptBuildPhase section */
@@ -1629,7 +1629,7 @@
 /* Begin XCBuildConfiguration section */
 		0299CE802886202800B5C7E7 /* Debug */ = {
 			isa = XCBuildConfiguration;
-			baseConfigurationReference = 11F3C03FC45727D52FAE847D /* Pods-ImageNotification.debug.xcconfig */;
+			baseConfigurationReference = F1B5C87F1554F1D997BAA24F /* Pods-ImageNotification.debug.xcconfig */;
 			buildSettings = {
 				APPLICATION_EXTENSION_API_ONLY = YES;
 				CLANG_ANALYZER_NONNULL = YES;
@@ -1680,7 +1680,7 @@
 		};
 		0299CE812886202800B5C7E7 /* Release */ = {
 			isa = XCBuildConfiguration;
-			baseConfigurationReference = 883A50680E4D8A275AFBB48C /* Pods-ImageNotification.release.xcconfig */;
+			baseConfigurationReference = 0404889173EFB369C76F5C18 /* Pods-ImageNotification.release.xcconfig */;
 			buildSettings = {
 				APPLICATION_EXTENSION_API_ONLY = YES;
 				CLANG_ANALYZER_NONNULL = YES;
@@ -1732,7 +1732,7 @@
 		};
 		0299CE822886202800B5C7E7 /* LocalRelease */ = {
 			isa = XCBuildConfiguration;
-			baseConfigurationReference = FCB6238842FEFC329B82EB3C /* Pods-ImageNotification.localrelease.xcconfig */;
+			baseConfigurationReference = 97F32779CF35D9FED85F76BA /* Pods-ImageNotification.localrelease.xcconfig */;
 			buildSettings = {
 				APPLICATION_EXTENSION_API_ONLY = YES;
 				CLANG_ANALYZER_NONNULL = YES;
@@ -1781,7 +1781,7 @@
 		};
 		0299CE832886202800B5C7E7 /* Staging */ = {
 			isa = XCBuildConfiguration;
-			baseConfigurationReference = 62CAF1459EC3D2C1F76CAAA6 /* Pods-ImageNotification.staging.xcconfig */;
+			baseConfigurationReference = 49B701469292E5D11083AE46 /* Pods-ImageNotification.staging.xcconfig */;
 			buildSettings = {
 				APPLICATION_EXTENSION_API_ONLY = YES;
 				CLANG_ANALYZER_NONNULL = YES;
@@ -1830,7 +1830,7 @@
 		};
 		13B07F941A680F5B00A75B9A /* Debug */ = {
 			isa = XCBuildConfiguration;
-			baseConfigurationReference = B652202E744A23B17A022084 /* Pods-Rainbow.debug.xcconfig */;
+			baseConfigurationReference = D84AE46212A15D942ECD57C5 /* Pods-Rainbow.debug.xcconfig */;
 			buildSettings = {
 				ALWAYS_EMBED_SWIFT_STANDARD_LIBRARIES = YES;
 				APPLICATION_EXTENSION_API_ONLY = NO;
@@ -1908,7 +1908,7 @@
 		};
 		13B07F951A680F5B00A75B9A /* Release */ = {
 			isa = XCBuildConfiguration;
-			baseConfigurationReference = 62DD03EC74A1637EEB329C87 /* Pods-Rainbow.release.xcconfig */;
+			baseConfigurationReference = D3E89472F127D74FA78FF2D7 /* Pods-Rainbow.release.xcconfig */;
 			buildSettings = {
 				ALWAYS_EMBED_SWIFT_STANDARD_LIBRARIES = YES;
 				APPLICATION_EXTENSION_API_ONLY = NO;
@@ -2029,7 +2029,7 @@
 		};
 		2C6A799821127ED9003AFB37 /* Staging */ = {
 			isa = XCBuildConfiguration;
-			baseConfigurationReference = F222FAC72622CB2711326815 /* Pods-Rainbow.staging.xcconfig */;
+			baseConfigurationReference = ACD9A05400AF02F638E421D9 /* Pods-Rainbow.staging.xcconfig */;
 			buildSettings = {
 				ALWAYS_EMBED_SWIFT_STANDARD_LIBRARIES = YES;
 				APPLICATION_EXTENSION_API_ONLY = NO;
@@ -2146,7 +2146,7 @@
 		};
 		2C87B79A2197FA1900682EC4 /* LocalRelease */ = {
 			isa = XCBuildConfiguration;
-			baseConfigurationReference = 1539A52384919E5109C2C9B2 /* Pods-Rainbow.localrelease.xcconfig */;
+			baseConfigurationReference = 8CA82C5099AC0D4A775311BF /* Pods-Rainbow.localrelease.xcconfig */;
 			buildSettings = {
 				ALWAYS_EMBED_SWIFT_STANDARD_LIBRARIES = YES;
 				APPLICATION_EXTENSION_API_ONLY = NO;
@@ -2320,7 +2320,7 @@
 		};
 		C16DCF6A272BA6F100FF5C78 /* Debug */ = {
 			isa = XCBuildConfiguration;
-			baseConfigurationReference = C3AB85CEFE6AA92587D648DA /* Pods-PriceWidgetExtension.debug.xcconfig */;
+			baseConfigurationReference = 91D2CE7F8041FF0D5A23B3FA /* Pods-PriceWidgetExtension.debug.xcconfig */;
 			buildSettings = {
 				APPLICATION_EXTENSION_API_ONLY = YES;
 				ASSETCATALOG_COMPILER_GLOBAL_ACCENT_COLOR_NAME = AccentColor;
@@ -2370,7 +2370,7 @@
 		};
 		C16DCF6B272BA6F100FF5C78 /* Release */ = {
 			isa = XCBuildConfiguration;
-			baseConfigurationReference = C83648862B87E1FB90335EFA /* Pods-PriceWidgetExtension.release.xcconfig */;
+			baseConfigurationReference = 3D10F33F1C5D491618BEB25D /* Pods-PriceWidgetExtension.release.xcconfig */;
 			buildSettings = {
 				APPLICATION_EXTENSION_API_ONLY = YES;
 				ASSETCATALOG_COMPILER_GLOBAL_ACCENT_COLOR_NAME = AccentColor;
@@ -2421,7 +2421,7 @@
 		};
 		C16DCF6C272BA6F100FF5C78 /* LocalRelease */ = {
 			isa = XCBuildConfiguration;
-			baseConfigurationReference = AB3065204B58D1CAF6AB5BFB /* Pods-PriceWidgetExtension.localrelease.xcconfig */;
+			baseConfigurationReference = 8BD70BB176A27E241AF7B242 /* Pods-PriceWidgetExtension.localrelease.xcconfig */;
 			buildSettings = {
 				APPLICATION_EXTENSION_API_ONLY = YES;
 				ASSETCATALOG_COMPILER_GLOBAL_ACCENT_COLOR_NAME = AccentColor;
@@ -2469,7 +2469,7 @@
 		};
 		C16DCF6D272BA6F100FF5C78 /* Staging */ = {
 			isa = XCBuildConfiguration;
-			baseConfigurationReference = EBC7F3A7CB4D39D0EB49A89B /* Pods-PriceWidgetExtension.staging.xcconfig */;
+			baseConfigurationReference = 480CA5D2543B26A6C8558225 /* Pods-PriceWidgetExtension.staging.xcconfig */;
 			buildSettings = {
 				APPLICATION_EXTENSION_API_ONLY = YES;
 				ASSETCATALOG_COMPILER_GLOBAL_ACCENT_COLOR_NAME = AccentColor;
@@ -2517,7 +2517,7 @@
 		};
 		C16DCFA0272BAB9600FF5C78 /* Debug */ = {
 			isa = XCBuildConfiguration;
-			baseConfigurationReference = 380324A440FD8D773D7F1074 /* Pods-SelectTokenIntent.debug.xcconfig */;
+			baseConfigurationReference = D025E3F88128DB7441557329 /* Pods-SelectTokenIntent.debug.xcconfig */;
 			buildSettings = {
 				APPLICATION_EXTENSION_API_ONLY = YES;
 				CLANG_ANALYZER_NONNULL = YES;
@@ -2565,7 +2565,7 @@
 		};
 		C16DCFA1272BAB9600FF5C78 /* Release */ = {
 			isa = XCBuildConfiguration;
-			baseConfigurationReference = 75256BD3661D2D38F0A34282 /* Pods-SelectTokenIntent.release.xcconfig */;
+			baseConfigurationReference = 0B0B4B0B37BE2EDCA80525F2 /* Pods-SelectTokenIntent.release.xcconfig */;
 			buildSettings = {
 				APPLICATION_EXTENSION_API_ONLY = YES;
 				CLANG_ANALYZER_NONNULL = YES;
@@ -2614,7 +2614,7 @@
 		};
 		C16DCFA2272BAB9600FF5C78 /* LocalRelease */ = {
 			isa = XCBuildConfiguration;
-			baseConfigurationReference = 2FF98F997797E047DCAF7234 /* Pods-SelectTokenIntent.localrelease.xcconfig */;
+			baseConfigurationReference = 20DFAE0CA19DC100E76712B9 /* Pods-SelectTokenIntent.localrelease.xcconfig */;
 			buildSettings = {
 				APPLICATION_EXTENSION_API_ONLY = YES;
 				CLANG_ANALYZER_NONNULL = YES;
@@ -2660,7 +2660,7 @@
 		};
 		C16DCFA3272BAB9600FF5C78 /* Staging */ = {
 			isa = XCBuildConfiguration;
-			baseConfigurationReference = E5F43237FF3957D40BFC7963 /* Pods-SelectTokenIntent.staging.xcconfig */;
+			baseConfigurationReference = 559E65EBD543A9DC87061C90 /* Pods-SelectTokenIntent.staging.xcconfig */;
 			buildSettings = {
 				APPLICATION_EXTENSION_API_ONLY = YES;
 				CLANG_ANALYZER_NONNULL = YES;

From 1d6ab62196a8357af2c58c218d562bb56a89724d Mon Sep 17 00:00:00 2001
From: Matthew Wall <matthew.wallt@gmail.com>
Date: Thu, 10 Oct 2024 12:41:11 -0400
Subject: [PATCH 05/32] tslint is a liar

---
 package.json                                  |  4 +-
 .../search/results/SearchResults.tsx          |  4 ++
 yarn.lock                                     | 43 ++++++++-----------
 3 files changed, 23 insertions(+), 28 deletions(-)

diff --git a/package.json b/package.json
index 359c852c09f..d2d12204909 100644
--- a/package.json
+++ b/package.json
@@ -338,7 +338,7 @@
     "@types/dedent": "0.7.0",
     "@types/jest": "29.5.12",
     "@types/mocha": "9.0.0",
-    "@types/node": "22.7.4",
+    "@types/node": "16.11.6",
     "@types/qs": "6.9.7",
     "@types/react": "18.2.65",
     "@types/react-native-extra-dimensions-android": "1.2.3",
@@ -377,7 +377,7 @@
     "ts-jest": "29.1.1",
     "ts-loader": "9.5.1",
     "ts-migrate": "0.1.26",
-    "typescript": "5.6.2",
+    "typescript": "5.1.6",
     "typescript-coverage-report": "0.6.1",
     "webpack": "5.94.0",
     "webpack-cli": "5.1.4"
diff --git a/src/components/DappBrowser/search/results/SearchResults.tsx b/src/components/DappBrowser/search/results/SearchResults.tsx
index 44203c49bec..e7bf159980f 100644
--- a/src/components/DappBrowser/search/results/SearchResults.tsx
+++ b/src/components/DappBrowser/search/results/SearchResults.tsx
@@ -54,9 +54,12 @@ const search = (query: string, dapps: Dapp[], numberOfResults = 4): Dapp[] => {
       if (b?.trending === true && a?.trending !== true) return 1;
       if (a?.trending === true && b?.trending !== true) return -1;
 
+      // @ts-expect-error: Need to fix these types
       const relevanceDiff = b.relevance - a.relevance;
       if (relevanceDiff === 0) {
+        // @ts-expect-error: Same here
         const aWordCount = a.name.split(' ').length;
+        // @ts-expect-error: Same here
         const bWordCount = b.name.split(' ').length;
         return aWordCount - bWordCount;
       }
@@ -71,6 +74,7 @@ const search = (query: string, dapps: Dapp[], numberOfResults = 4): Dapp[] => {
     return [{ url: query, urlDisplay: query, name: query, isDirect: true } as unknown as Dapp, ...(dappResults as Dapp[])];
   }
 
+  // @ts-expect-error: Same here
   return filteredDapps;
 };
 
diff --git a/yarn.lock b/yarn.lock
index 6b75e7ea0f4..872c9ddeacc 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -8186,6 +8186,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/node@npm:16.11.6":
+  version: 16.11.6
+  resolution: "@types/node@npm:16.11.6"
+  checksum: 10c0/b1ca8b5d011fea9364b1795b2217713d9c34576b92d2dcd9197fc8dc14f8495eca901a9008c5cb7c161177532f2efdea2f78a5f0feac7172e9598f4e19b98481
+  languageName: node
+  linkType: hard
+
 "@types/node@npm:16.9.1":
   version: 16.9.1
   resolution: "@types/node@npm:16.9.1"
@@ -8193,15 +8200,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/node@npm:22.7.4":
-  version: 22.7.4
-  resolution: "@types/node@npm:22.7.4"
-  dependencies:
-    undici-types: "npm:~6.19.2"
-  checksum: 10c0/c22bf54515c78ff3170142c1e718b90e2a0003419dc2d55f79c9c9362edd590a6ab1450deb09ff6e1b32d1b4698da407930b16285e8be3a009ea6cd2695cac01
-  languageName: node
-  linkType: hard
-
 "@types/node@npm:^10.12.18":
   version: 10.17.60
   resolution: "@types/node@npm:10.17.60"
@@ -9628,7 +9626,7 @@ __metadata:
     "@types/jest": "npm:29.5.12"
     "@types/lodash": "npm:4.14.168"
     "@types/mocha": "npm:9.0.0"
-    "@types/node": "npm:22.7.4"
+    "@types/node": "npm:16.11.6"
     "@types/qs": "npm:6.9.7"
     "@types/react": "npm:18.2.65"
     "@types/react-native-extra-dimensions-android": "npm:1.2.3"
@@ -9830,7 +9828,7 @@ __metadata:
     ts-loader: "npm:9.5.1"
     ts-migrate: "npm:0.1.26"
     tty-browserify: "npm:0.0.0"
-    typescript: "npm:5.6.2"
+    typescript: "npm:5.1.6"
     typescript-coverage-report: "npm:0.6.1"
     url: "npm:0.10.3"
     url-join: "npm:4.0.1"
@@ -27748,13 +27746,13 @@ react-native-safe-area-view@rainbow-me/react-native-safe-area-view:
   languageName: node
   linkType: hard
 
-"typescript@npm:5.6.2":
-  version: 5.6.2
-  resolution: "typescript@npm:5.6.2"
+"typescript@npm:5.1.6":
+  version: 5.1.6
+  resolution: "typescript@npm:5.1.6"
   bin:
     tsc: bin/tsc
     tsserver: bin/tsserver
-  checksum: 10c0/3ed8297a8c7c56b7fec282532503d1ac795239d06e7c4966b42d4330c6cf433a170b53bcf93a130a7f14ccc5235de5560df4f1045eb7f3550b46ebed16d3c5e5
+  checksum: 10c0/45ac28e2df8365fd28dac42f5d62edfe69a7203d5ec646732cadc04065331f34f9078f81f150fde42ed9754eed6fa3b06a8f3523c40b821e557b727f1992e025
   languageName: node
   linkType: hard
 
@@ -27778,13 +27776,13 @@ react-native-safe-area-view@rainbow-me/react-native-safe-area-view:
   languageName: node
   linkType: hard
 
-"typescript@patch:typescript@npm%3A5.6.2#optional!builtin<compat/typescript>":
-  version: 5.6.2
-  resolution: "typescript@patch:typescript@npm%3A5.6.2#optional!builtin<compat/typescript>::version=5.6.2&hash=b45daf"
+"typescript@patch:typescript@npm%3A5.1.6#optional!builtin<compat/typescript>":
+  version: 5.1.6
+  resolution: "typescript@patch:typescript@npm%3A5.1.6#optional!builtin<compat/typescript>::version=5.1.6&hash=5da071"
   bin:
     tsc: bin/tsc
     tsserver: bin/tsserver
-  checksum: 10c0/e6c1662e4852e22fe4bbdca471dca3e3edc74f6f1df043135c44a18a7902037023ccb0abdfb754595ca9028df8920f2f8492c00fc3cbb4309079aae8b7de71cd
+  checksum: 10c0/c2bded58ab897a8341fdbb0c1d92ea2362f498cfffebdc8a529d03e15ea2454142dfbf122dabbd9a5cb79b7123790d27def16e11844887d20636226773ed329a
   languageName: node
   linkType: hard
 
@@ -27872,13 +27870,6 @@ react-native-safe-area-view@rainbow-me/react-native-safe-area-view:
   languageName: node
   linkType: hard
 
-"undici-types@npm:~6.19.2":
-  version: 6.19.8
-  resolution: "undici-types@npm:6.19.8"
-  checksum: 10c0/078afa5990fba110f6824823ace86073b4638f1d5112ee26e790155f481f2a868cc3e0615505b6f4282bdf74a3d8caad715fd809e870c2bb0704e3ea6082f344
-  languageName: node
-  linkType: hard
-
 "undici@npm:^5.14.0":
   version: 5.28.4
   resolution: "undici@npm:5.28.4"

From 942dc2b36382545c0759b9dafb531fbe0408ff12 Mon Sep 17 00:00:00 2001
From: Matthew Wall <matthew.wallt@gmail.com>
Date: Thu, 10 Oct 2024 15:59:27 -0400
Subject: [PATCH 06/32] fixed it

---
 ios/Rainbow.xcodeproj/project.pbxproj | 358 +++++------
 package.json                          |   1 -
 src/state/assets/userAssets.ts        |   4 +-
 yarn.lock                             | 880 +-------------------------
 4 files changed, 187 insertions(+), 1056 deletions(-)

diff --git a/ios/Rainbow.xcodeproj/project.pbxproj b/ios/Rainbow.xcodeproj/project.pbxproj
index 8502eec42d1..a9ababa7506 100644
--- a/ios/Rainbow.xcodeproj/project.pbxproj
+++ b/ios/Rainbow.xcodeproj/project.pbxproj
@@ -9,7 +9,6 @@
 /* Begin PBXBuildFile section */
 		0299CE7B2886202800B5C7E7 /* NotificationService.m in Sources */ = {isa = PBXBuildFile; fileRef = 0299CE7A2886202800B5C7E7 /* NotificationService.m */; };
 		0299CE7F2886202800B5C7E7 /* ImageNotification.appex in Embed App Extensions */ = {isa = PBXBuildFile; fileRef = 0299CE772886202800B5C7E7 /* ImageNotification.appex */; settings = {ATTRIBUTES = (RemoveHeadersOnCopy, ); }; };
-		06E94032EDEF75759FE979B5 /* libPods-Rainbow.a in Frameworks */ = {isa = PBXBuildFile; fileRef = B5A806E974CC8B0277BF0993 /* libPods-Rainbow.a */; };
 		13B07FBC1A68108700A75B9A /* AppDelegate.mm in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB01A68108700A75B9A /* AppDelegate.mm */; };
 		13B07FBD1A68108700A75B9A /* LaunchScreen.xib in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB11A68108700A75B9A /* LaunchScreen.xib */; };
 		13B07FC11A68108700A75B9A /* main.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB71A68108700A75B9A /* main.m */; };
@@ -26,7 +25,6 @@
 		15E531D5242B28EF00797B89 /* UIImageViewWithPersistentAnimations.swift in Sources */ = {isa = PBXBuildFile; fileRef = 15E531D4242B28EF00797B89 /* UIImageViewWithPersistentAnimations.swift */; };
 		15E531DA242DAB7100797B89 /* NotificationManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 15E531D9242DAB7100797B89 /* NotificationManager.m */; };
 		24979E8920F84250007EB0DA /* GoogleService-Info.plist in Resources */ = {isa = PBXBuildFile; fileRef = 24979E7720F84004007EB0DA /* GoogleService-Info.plist */; };
-		437549AB20EF6B752D55A088 /* libPods-PriceWidgetExtension.a in Frameworks */ = {isa = PBXBuildFile; fileRef = C34F81430615060BD679D35A /* libPods-PriceWidgetExtension.a */; };
 		4D098C2F2811A9A5006A801A /* RNStartTime.m in Sources */ = {isa = PBXBuildFile; fileRef = 4D098C2E2811A9A5006A801A /* RNStartTime.m */; };
 		6630540924A38A1900E5B030 /* RainbowText.m in Sources */ = {isa = PBXBuildFile; fileRef = 6630540824A38A1900E5B030 /* RainbowText.m */; };
 		6635730624939991006ACFA6 /* SafeStoreReview.m in Sources */ = {isa = PBXBuildFile; fileRef = 6635730524939991006ACFA6 /* SafeStoreReview.m */; };
@@ -36,7 +34,9 @@
 		66A1FEB624AB641100C3F539 /* RNCMScreen.m in Sources */ = {isa = PBXBuildFile; fileRef = 66A1FEB324AB641100C3F539 /* RNCMScreen.m */; };
 		66A1FEBC24ACBBE600C3F539 /* RNCMPortal.m in Sources */ = {isa = PBXBuildFile; fileRef = 66A1FEBB24ACBBE600C3F539 /* RNCMPortal.m */; };
 		66A28EB024CAF1B500410A88 /* TestFlight.m in Sources */ = {isa = PBXBuildFile; fileRef = 66A28EAF24CAF1B500410A88 /* TestFlight.m */; };
-		71A4B76BDA84D8507ADE4A1B /* libPods-ImageNotification.a in Frameworks */ = {isa = PBXBuildFile; fileRef = F12F8E70948DD46956DB8580 /* libPods-ImageNotification.a */; };
+		772700539021B3898984C99F /* libPods-ImageNotification.a in Frameworks */ = {isa = PBXBuildFile; fileRef = A4EE6F41EE774EEE01CF5D03 /* libPods-ImageNotification.a */; };
+		9B6ADB94E6C412700EB5E9A9 /* libPods-Rainbow.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 2849FD6F00421E920E712EFE /* libPods-Rainbow.a */; };
+		A0D187293C972CA62B516E84 /* libPods-PriceWidgetExtension.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 347B54FC003938F78D0E49DE /* libPods-PriceWidgetExtension.a */; };
 		A4277D9F23CBD1910042BAF4 /* Extensions.swift in Sources */ = {isa = PBXBuildFile; fileRef = A4277D9E23CBD1910042BAF4 /* Extensions.swift */; };
 		A4277DA323CFE85F0042BAF4 /* Theme.swift in Sources */ = {isa = PBXBuildFile; fileRef = A4277DA223CFE85F0042BAF4 /* Theme.swift */; };
 		A4D04BA923D12F99008C1DEC /* Button.swift in Sources */ = {isa = PBXBuildFile; fileRef = A4D04BA823D12F99008C1DEC /* Button.swift */; };
@@ -69,6 +69,7 @@
 		B5CE8FFF29A5758100EB1EFA /* pooly@3x.png in Resources */ = {isa = PBXBuildFile; fileRef = B5CE8FFD29A5758100EB1EFA /* pooly@3x.png */; };
 		B5D7F2F029E8D41E003D6A54 /* finiliar@3x.png in Resources */ = {isa = PBXBuildFile; fileRef = B5D7F2EE29E8D41D003D6A54 /* finiliar@3x.png */; };
 		B5D7F2F129E8D41E003D6A54 /* finiliar@2x.png in Resources */ = {isa = PBXBuildFile; fileRef = B5D7F2EF29E8D41E003D6A54 /* finiliar@2x.png */; };
+		B614E81509614492E871E338 /* libPods-SelectTokenIntent.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 65461177F9DA4D2AF8FDE532 /* libPods-SelectTokenIntent.a */; };
 		C04D10F025AFC8C1003BEF7A /* Extras.json in Resources */ = {isa = PBXBuildFile; fileRef = C04D10EF25AFC8C1003BEF7A /* Extras.json */; };
 		C1038325273C2D0C00B18210 /* PriceWidgetView.swift in Sources */ = {isa = PBXBuildFile; fileRef = C16DCF75272BA7AA00FF5C78 /* PriceWidgetView.swift */; };
 		C1038337273C5C4200B18210 /* PriceWidget.swift in Sources */ = {isa = PBXBuildFile; fileRef = C16DCF62272BA6EF00FF5C78 /* PriceWidget.swift */; };
@@ -141,7 +142,6 @@
 		C9B378C22C515A860085E5D0 /* ShareWithRainbow.appex in Embed App Extensions */ = {isa = PBXBuildFile; fileRef = C9B378B82C515A860085E5D0 /* ShareWithRainbow.appex */; settings = {ATTRIBUTES = (RemoveHeadersOnCopy, ); }; };
 		E8D2945956C9619768A8D361 /* ExpoModulesProvider.swift in Sources */ = {isa = PBXBuildFile; fileRef = 43C92E589571C27FFE89AB10 /* ExpoModulesProvider.swift */; };
 		ED2971652150620600B7C4FE /* JavaScriptCore.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = ED2971642150620600B7C4FE /* JavaScriptCore.framework */; };
-		EEBA0918AC2D6116792F3AC5 /* libPods-SelectTokenIntent.a in Frameworks */ = {isa = PBXBuildFile; fileRef = C85291DFC2E46F4AE42629CF /* libPods-SelectTokenIntent.a */; };
 /* End PBXBuildFile section */
 
 /* Begin PBXContainerItemProxy section */
@@ -209,8 +209,7 @@
 		0299CE7A2886202800B5C7E7 /* NotificationService.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = NotificationService.m; sourceTree = "<group>"; };
 		0299CE7C2886202800B5C7E7 /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = "<group>"; };
 		0299CE852886246C00B5C7E7 /* libFirebaseCore.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; path = libFirebaseCore.a; sourceTree = BUILT_PRODUCTS_DIR; };
-		0404889173EFB369C76F5C18 /* Pods-ImageNotification.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-ImageNotification.release.xcconfig"; path = "Target Support Files/Pods-ImageNotification/Pods-ImageNotification.release.xcconfig"; sourceTree = "<group>"; };
-		0B0B4B0B37BE2EDCA80525F2 /* Pods-SelectTokenIntent.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-SelectTokenIntent.release.xcconfig"; path = "Target Support Files/Pods-SelectTokenIntent/Pods-SelectTokenIntent.release.xcconfig"; sourceTree = "<group>"; };
+		0E2E061C9A880C68D5CF93DA /* Pods-PriceWidgetExtension.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-PriceWidgetExtension.release.xcconfig"; path = "Target Support Files/Pods-PriceWidgetExtension/Pods-PriceWidgetExtension.release.xcconfig"; sourceTree = "<group>"; };
 		13B07F961A680F5B00A75B9A /* Rainbow.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = Rainbow.app; sourceTree = BUILT_PRODUCTS_DIR; };
 		13B07FAF1A68108700A75B9A /* AppDelegate.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = AppDelegate.h; path = Rainbow/AppDelegate.h; sourceTree = "<group>"; };
 		13B07FB01A68108700A75B9A /* AppDelegate.mm */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.objcpp; name = AppDelegate.mm; path = Rainbow/AppDelegate.mm; sourceTree = "<group>"; };
@@ -236,7 +235,8 @@
 		15E531D4242B28EF00797B89 /* UIImageViewWithPersistentAnimations.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = UIImageViewWithPersistentAnimations.swift; sourceTree = "<group>"; };
 		15E531D8242DAB7100797B89 /* NotificationManager.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = NotificationManager.h; sourceTree = "<group>"; };
 		15E531D9242DAB7100797B89 /* NotificationManager.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = NotificationManager.m; sourceTree = "<group>"; };
-		20DFAE0CA19DC100E76712B9 /* Pods-SelectTokenIntent.localrelease.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-SelectTokenIntent.localrelease.xcconfig"; path = "Target Support Files/Pods-SelectTokenIntent/Pods-SelectTokenIntent.localrelease.xcconfig"; sourceTree = "<group>"; };
+		1AB8A6DD535B802DE2AB649C /* Pods-Rainbow.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-Rainbow.release.xcconfig"; path = "Target Support Files/Pods-Rainbow/Pods-Rainbow.release.xcconfig"; sourceTree = "<group>"; };
+		1B711DBDBBF2937B44C867AE /* Pods-Rainbow.localrelease.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-Rainbow.localrelease.xcconfig"; path = "Target Support Files/Pods-Rainbow/Pods-Rainbow.localrelease.xcconfig"; sourceTree = "<group>"; };
 		24979E3620F84003007EB0DA /* Protobuf.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = Protobuf.framework; path = Frameworks/Protobuf.framework; sourceTree = "<group>"; };
 		24979E7420F84004007EB0DA /* FirebaseAnalytics.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = FirebaseAnalytics.framework; path = Frameworks/FirebaseAnalytics.framework; sourceTree = "<group>"; };
 		24979E7520F84004007EB0DA /* FirebaseCore.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = FirebaseCore.framework; path = Frameworks/FirebaseCore.framework; sourceTree = "<group>"; };
@@ -249,15 +249,16 @@
 		24979E7C20F84004007EB0DA /* FirebaseCoreDiagnostics.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = FirebaseCoreDiagnostics.framework; path = Frameworks/FirebaseCoreDiagnostics.framework; sourceTree = "<group>"; };
 		24979E7D20F84005007EB0DA /* module.modulemap */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = "sourcecode.module-map"; name = module.modulemap; path = Frameworks/module.modulemap; sourceTree = "<group>"; };
 		24979E7E20F84005007EB0DA /* nanopb.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = nanopb.framework; path = Frameworks/nanopb.framework; sourceTree = "<group>"; };
+		26DC4643CD491E6EB3299729 /* Pods-SelectTokenIntent.staging.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-SelectTokenIntent.staging.xcconfig"; path = "Target Support Files/Pods-SelectTokenIntent/Pods-SelectTokenIntent.staging.xcconfig"; sourceTree = "<group>"; };
+		2849FD6F00421E920E712EFE /* libPods-Rainbow.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-Rainbow.a"; sourceTree = BUILT_PRODUCTS_DIR; };
+		347B54FC003938F78D0E49DE /* libPods-PriceWidgetExtension.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-PriceWidgetExtension.a"; sourceTree = BUILT_PRODUCTS_DIR; };
+		35F89ADCAAB94985DB12F47E /* Pods-SelectTokenIntent.localrelease.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-SelectTokenIntent.localrelease.xcconfig"; path = "Target Support Files/Pods-SelectTokenIntent/Pods-SelectTokenIntent.localrelease.xcconfig"; sourceTree = "<group>"; };
 		3C379D5D20FD1F92009AF81F /* Rainbow.entitlements */ = {isa = PBXFileReference; lastKnownFileType = text.plist.entitlements; name = Rainbow.entitlements; path = Rainbow/Rainbow.entitlements; sourceTree = "<group>"; };
 		3CBE29CB2381E43800BE05AC /* Rainbow-Bridging-Header.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = "Rainbow-Bridging-Header.h"; sourceTree = "<group>"; };
-		3D10F33F1C5D491618BEB25D /* Pods-PriceWidgetExtension.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-PriceWidgetExtension.release.xcconfig"; path = "Target Support Files/Pods-PriceWidgetExtension/Pods-PriceWidgetExtension.release.xcconfig"; sourceTree = "<group>"; };
 		43C92E589571C27FFE89AB10 /* ExpoModulesProvider.swift */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = sourcecode.swift; name = ExpoModulesProvider.swift; path = "Pods/Target Support Files/Pods-Rainbow/ExpoModulesProvider.swift"; sourceTree = "<group>"; };
-		480CA5D2543B26A6C8558225 /* Pods-PriceWidgetExtension.staging.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-PriceWidgetExtension.staging.xcconfig"; path = "Target Support Files/Pods-PriceWidgetExtension/Pods-PriceWidgetExtension.staging.xcconfig"; sourceTree = "<group>"; };
-		49B701469292E5D11083AE46 /* Pods-ImageNotification.staging.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-ImageNotification.staging.xcconfig"; path = "Target Support Files/Pods-ImageNotification/Pods-ImageNotification.staging.xcconfig"; sourceTree = "<group>"; };
 		4D098C2D2811A979006A801A /* RNStartTime.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = RNStartTime.h; sourceTree = "<group>"; };
 		4D098C2E2811A9A5006A801A /* RNStartTime.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = RNStartTime.m; sourceTree = "<group>"; };
-		559E65EBD543A9DC87061C90 /* Pods-SelectTokenIntent.staging.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-SelectTokenIntent.staging.xcconfig"; path = "Target Support Files/Pods-SelectTokenIntent/Pods-SelectTokenIntent.staging.xcconfig"; sourceTree = "<group>"; };
+		65461177F9DA4D2AF8FDE532 /* libPods-SelectTokenIntent.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-SelectTokenIntent.a"; sourceTree = BUILT_PRODUCTS_DIR; };
 		6630540824A38A1900E5B030 /* RainbowText.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = RainbowText.m; sourceTree = "<group>"; };
 		6635730524939991006ACFA6 /* SafeStoreReview.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = SafeStoreReview.m; sourceTree = "<group>"; };
 		664612EC2748489B00B43F5A /* PriceWidgetExtension.entitlements */ = {isa = PBXFileReference; lastKnownFileType = text.plist.entitlements; path = PriceWidgetExtension.entitlements; sourceTree = "<group>"; };
@@ -273,16 +274,19 @@
 		66A1FEBB24ACBBE600C3F539 /* RNCMPortal.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = RNCMPortal.m; path = "../src/react-native-cool-modals/ios/RNCMPortal.m"; sourceTree = "<group>"; };
 		66A28EAF24CAF1B500410A88 /* TestFlight.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = TestFlight.m; sourceTree = "<group>"; };
 		66A29CCA2511074500481F4A /* ReaHeader.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = ReaHeader.h; sourceTree = SOURCE_ROOT; };
-		8BD70BB176A27E241AF7B242 /* Pods-PriceWidgetExtension.localrelease.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-PriceWidgetExtension.localrelease.xcconfig"; path = "Target Support Files/Pods-PriceWidgetExtension/Pods-PriceWidgetExtension.localrelease.xcconfig"; sourceTree = "<group>"; };
-		8CA82C5099AC0D4A775311BF /* Pods-Rainbow.localrelease.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-Rainbow.localrelease.xcconfig"; path = "Target Support Files/Pods-Rainbow/Pods-Rainbow.localrelease.xcconfig"; sourceTree = "<group>"; };
-		91D2CE7F8041FF0D5A23B3FA /* Pods-PriceWidgetExtension.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-PriceWidgetExtension.debug.xcconfig"; path = "Target Support Files/Pods-PriceWidgetExtension/Pods-PriceWidgetExtension.debug.xcconfig"; sourceTree = "<group>"; };
-		97F32779CF35D9FED85F76BA /* Pods-ImageNotification.localrelease.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-ImageNotification.localrelease.xcconfig"; path = "Target Support Files/Pods-ImageNotification/Pods-ImageNotification.localrelease.xcconfig"; sourceTree = "<group>"; };
+		67229503F822E9932A3F2EDC /* Pods-ImageNotification.staging.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-ImageNotification.staging.xcconfig"; path = "Target Support Files/Pods-ImageNotification/Pods-ImageNotification.staging.xcconfig"; sourceTree = "<group>"; };
+		754BAC14564919AC158141D7 /* Pods-ImageNotification.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-ImageNotification.release.xcconfig"; path = "Target Support Files/Pods-ImageNotification/Pods-ImageNotification.release.xcconfig"; sourceTree = "<group>"; };
+		77ABFFC40787936BEF542937 /* Pods-SelectTokenIntent.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-SelectTokenIntent.debug.xcconfig"; path = "Target Support Files/Pods-SelectTokenIntent/Pods-SelectTokenIntent.debug.xcconfig"; sourceTree = "<group>"; };
+		8DA3F6D98DE825DCFDE1D646 /* Pods-PriceWidgetExtension.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-PriceWidgetExtension.debug.xcconfig"; path = "Target Support Files/Pods-PriceWidgetExtension/Pods-PriceWidgetExtension.debug.xcconfig"; sourceTree = "<group>"; };
 		98AED33BAB4247CEBEF8464D /* libz.tbd */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = "sourcecode.text-based-dylib-definition"; name = libz.tbd; path = usr/lib/libz.tbd; sourceTree = SDKROOT; };
+		9A012A7A01CE319F103A71A9 /* Pods-ImageNotification.localrelease.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-ImageNotification.localrelease.xcconfig"; path = "Target Support Files/Pods-ImageNotification/Pods-ImageNotification.localrelease.xcconfig"; sourceTree = "<group>"; };
+		9BE4E795B009DE2D95F873F7 /* Pods-Rainbow.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-Rainbow.debug.xcconfig"; path = "Target Support Files/Pods-Rainbow/Pods-Rainbow.debug.xcconfig"; sourceTree = "<group>"; };
 		9DEADFA4826D4D0BAA950D21 /* libRNFIRMessaging.a */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = archive.ar; path = libRNFIRMessaging.a; sourceTree = "<group>"; };
 		A4277D9E23CBD1910042BAF4 /* Extensions.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = Extensions.swift; sourceTree = "<group>"; };
 		A4277DA223CFE85F0042BAF4 /* Theme.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = Theme.swift; sourceTree = "<group>"; };
 		A4D04BA823D12F99008C1DEC /* Button.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = Button.swift; sourceTree = "<group>"; };
 		A4D04BAB23D12FD5008C1DEC /* ButtonManager.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = ButtonManager.m; sourceTree = "<group>"; };
+		A4EE6F41EE774EEE01CF5D03 /* libPods-ImageNotification.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-ImageNotification.a"; sourceTree = BUILT_PRODUCTS_DIR; };
 		AA0B1CB82B00C5E100EAF77D /* SF-Mono-Semibold.otf */ = {isa = PBXFileReference; lastKnownFileType = file; name = "SF-Mono-Semibold.otf"; path = "../src/assets/fonts/SF-Mono-Semibold.otf"; sourceTree = "<group>"; };
 		AA0B1CB92B00C5E100EAF77D /* SF-Mono-Bold.otf */ = {isa = PBXFileReference; lastKnownFileType = file; name = "SF-Mono-Bold.otf"; path = "../src/assets/fonts/SF-Mono-Bold.otf"; sourceTree = "<group>"; };
 		AA0B1CBA2B00C5E100EAF77D /* SF-Pro-Rounded-Black.otf */ = {isa = PBXFileReference; lastKnownFileType = file; name = "SF-Pro-Rounded-Black.otf"; path = "../src/assets/fonts/SF-Pro-Rounded-Black.otf"; sourceTree = "<group>"; };
@@ -292,7 +296,6 @@
 		AA6228ED24272B200078BDAA /* SF-Pro-Rounded-Medium.otf */ = {isa = PBXFileReference; lastKnownFileType = file; name = "SF-Pro-Rounded-Medium.otf"; path = "../src/assets/fonts/SF-Pro-Rounded-Medium.otf"; sourceTree = "<group>"; };
 		AA6228EE24272B200078BDAA /* SF-Pro-Rounded-Regular.otf */ = {isa = PBXFileReference; lastKnownFileType = file; name = "SF-Pro-Rounded-Regular.otf"; path = "../src/assets/fonts/SF-Pro-Rounded-Regular.otf"; sourceTree = "<group>"; };
 		AAA0EF342BF5A4AD00A19A53 /* PrivacyInfo.xcprivacy */ = {isa = PBXFileReference; lastKnownFileType = text.xml; path = PrivacyInfo.xcprivacy; sourceTree = "<group>"; };
-		ACD9A05400AF02F638E421D9 /* Pods-Rainbow.staging.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-Rainbow.staging.xcconfig"; path = "Target Support Files/Pods-Rainbow/Pods-Rainbow.staging.xcconfig"; sourceTree = "<group>"; };
 		B0C692B061D7430D8194DC98 /* ToolTipMenuTests.xctest */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = wrapper.cfbundle; path = ToolTipMenuTests.xctest; sourceTree = "<group>"; };
 		B50C9AE92A9D18DC00EB0019 /* adworld@3x.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; path = "adworld@3x.png"; sourceTree = "<group>"; };
 		B50C9AEA2A9D18DC00EB0019 /* adworld@2x.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; path = "adworld@2x.png"; sourceTree = "<group>"; };
@@ -306,7 +309,6 @@
 		B54C1D152935A54F007560D9 /* zora@2x.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; path = "zora@2x.png"; sourceTree = "<group>"; };
 		B597E7C02B8E9E18004782B6 /* farcaster@3x.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; path = "farcaster@3x.png"; sourceTree = "<group>"; };
 		B597E7C12B8E9E18004782B6 /* farcaster@2x.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; path = "farcaster@2x.png"; sourceTree = "<group>"; };
-		B5A806E974CC8B0277BF0993 /* libPods-Rainbow.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-Rainbow.a"; sourceTree = BUILT_PRODUCTS_DIR; };
 		B5C070C42A4A387400D854BA /* zorb@3x.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; path = "zorb@3x.png"; sourceTree = "<group>"; };
 		B5C070C52A4A387400D854BA /* zorb@2x.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; path = "zorb@2x.png"; sourceTree = "<group>"; };
 		B5CC6D372A78732A0037D5A3 /* poolboy@2x.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; path = "poolboy@2x.png"; sourceTree = "<group>"; };
@@ -341,9 +343,9 @@
 		C1C61A6C272C9C8D00E5C0B3 /* UIImage.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = UIImage.swift; sourceTree = "<group>"; };
 		C1C61A81272CBDA100E5C0B3 /* Images.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; path = Images.xcassets; sourceTree = "<group>"; };
 		C1C61A902731A05700E5C0B3 /* RainbowTokenList.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = RainbowTokenList.swift; sourceTree = "<group>"; };
+		C1D44EFF1CD97D9376360388 /* Pods-ImageNotification.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-ImageNotification.debug.xcconfig"; path = "Target Support Files/Pods-ImageNotification/Pods-ImageNotification.debug.xcconfig"; sourceTree = "<group>"; };
 		C1EB012E2731B68400830E70 /* TokenDetails.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = TokenDetails.swift; sourceTree = "<group>"; };
-		C34F81430615060BD679D35A /* libPods-PriceWidgetExtension.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-PriceWidgetExtension.a"; sourceTree = BUILT_PRODUCTS_DIR; };
-		C85291DFC2E46F4AE42629CF /* libPods-SelectTokenIntent.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-SelectTokenIntent.a"; sourceTree = BUILT_PRODUCTS_DIR; };
+		C58D764247A98B53C1C9E5DB /* Pods-SelectTokenIntent.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-SelectTokenIntent.release.xcconfig"; path = "Target Support Files/Pods-SelectTokenIntent/Pods-SelectTokenIntent.release.xcconfig"; sourceTree = "<group>"; };
 		C97EAD8B2BD6C6DF00322D53 /* RCTDeviceUUID.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTDeviceUUID.m; sourceTree = "<group>"; };
 		C97EAD8C2BD6C6DF00322D53 /* RCTDeviceUUID.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTDeviceUUID.h; sourceTree = "<group>"; };
 		C9B378A02C5159880085E5D0 /* OpenInRainbow.appex */ = {isa = PBXFileReference; explicitFileType = "wrapper.app-extension"; includeInIndex = 0; path = OpenInRainbow.appex; sourceTree = BUILT_PRODUCTS_DIR; };
@@ -356,14 +358,12 @@
 		C9B378BA2C515A860085E5D0 /* ShareViewController.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = ShareViewController.swift; sourceTree = "<group>"; };
 		C9B378BD2C515A860085E5D0 /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.storyboard; name = Base; path = Base.lproj/MainInterface.storyboard; sourceTree = "<group>"; };
 		C9B378BF2C515A860085E5D0 /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = "<group>"; };
-		D025E3F88128DB7441557329 /* Pods-SelectTokenIntent.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-SelectTokenIntent.debug.xcconfig"; path = "Target Support Files/Pods-SelectTokenIntent/Pods-SelectTokenIntent.debug.xcconfig"; sourceTree = "<group>"; };
-		D3E89472F127D74FA78FF2D7 /* Pods-Rainbow.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-Rainbow.release.xcconfig"; path = "Target Support Files/Pods-Rainbow/Pods-Rainbow.release.xcconfig"; sourceTree = "<group>"; };
 		D755E71324B04FEE9C691D14 /* libRNFirebase.a */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = archive.ar; path = libRNFirebase.a; sourceTree = "<group>"; };
-		D84AE46212A15D942ECD57C5 /* Pods-Rainbow.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-Rainbow.debug.xcconfig"; path = "Target Support Files/Pods-Rainbow/Pods-Rainbow.debug.xcconfig"; sourceTree = "<group>"; };
+		DE0F2DCF345D86BC393364C1 /* Pods-PriceWidgetExtension.staging.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-PriceWidgetExtension.staging.xcconfig"; path = "Target Support Files/Pods-PriceWidgetExtension/Pods-PriceWidgetExtension.staging.xcconfig"; sourceTree = "<group>"; };
+		E1C8077FF04F34DEA00831AC /* Pods-Rainbow.staging.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-Rainbow.staging.xcconfig"; path = "Target Support Files/Pods-Rainbow/Pods-Rainbow.staging.xcconfig"; sourceTree = "<group>"; };
 		ED297162215061F000B7C4FE /* JavaScriptCore.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = JavaScriptCore.framework; path = System/Library/Frameworks/JavaScriptCore.framework; sourceTree = SDKROOT; };
 		ED2971642150620600B7C4FE /* JavaScriptCore.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = JavaScriptCore.framework; path = Platforms/AppleTVOS.platform/Developer/SDKs/AppleTVOS12.0.sdk/System/Library/Frameworks/JavaScriptCore.framework; sourceTree = DEVELOPER_DIR; };
-		F12F8E70948DD46956DB8580 /* libPods-ImageNotification.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-ImageNotification.a"; sourceTree = BUILT_PRODUCTS_DIR; };
-		F1B5C87F1554F1D997BAA24F /* Pods-ImageNotification.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-ImageNotification.debug.xcconfig"; path = "Target Support Files/Pods-ImageNotification/Pods-ImageNotification.debug.xcconfig"; sourceTree = "<group>"; };
+		FE236B1CFFEB2DE6C1DAF315 /* Pods-PriceWidgetExtension.localrelease.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-PriceWidgetExtension.localrelease.xcconfig"; path = "Target Support Files/Pods-PriceWidgetExtension/Pods-PriceWidgetExtension.localrelease.xcconfig"; sourceTree = "<group>"; };
 /* End PBXFileReference section */
 
 /* Begin PBXFrameworksBuildPhase section */
@@ -371,7 +371,7 @@
 			isa = PBXFrameworksBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
-				71A4B76BDA84D8507ADE4A1B /* libPods-ImageNotification.a in Frameworks */,
+				772700539021B3898984C99F /* libPods-ImageNotification.a in Frameworks */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
@@ -381,7 +381,7 @@
 			files = (
 				ED2971652150620600B7C4FE /* JavaScriptCore.framework in Frameworks */,
 				C72F456C99A646399192517D /* libz.tbd in Frameworks */,
-				06E94032EDEF75759FE979B5 /* libPods-Rainbow.a in Frameworks */,
+				9B6ADB94E6C412700EB5E9A9 /* libPods-Rainbow.a in Frameworks */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
@@ -391,7 +391,7 @@
 			files = (
 				C16DCF60272BA6EF00FF5C78 /* SwiftUI.framework in Frameworks */,
 				C16DCF5E272BA6EF00FF5C78 /* WidgetKit.framework in Frameworks */,
-				437549AB20EF6B752D55A088 /* libPods-PriceWidgetExtension.a in Frameworks */,
+				A0D187293C972CA62B516E84 /* libPods-PriceWidgetExtension.a in Frameworks */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
@@ -400,7 +400,7 @@
 			buildActionMask = 2147483647;
 			files = (
 				C16DCF81272BAB9500FF5C78 /* Intents.framework in Frameworks */,
-				EEBA0918AC2D6116792F3AC5 /* libPods-SelectTokenIntent.a in Frameworks */,
+				B614E81509614492E871E338 /* libPods-SelectTokenIntent.a in Frameworks */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
@@ -577,10 +577,10 @@
 				C16DCF80272BAB9500FF5C78 /* Intents.framework */,
 				C16DCF8B272BAB9600FF5C78 /* IntentsUI.framework */,
 				C9B378A12C5159880085E5D0 /* UniformTypeIdentifiers.framework */,
-				F12F8E70948DD46956DB8580 /* libPods-ImageNotification.a */,
-				C34F81430615060BD679D35A /* libPods-PriceWidgetExtension.a */,
-				B5A806E974CC8B0277BF0993 /* libPods-Rainbow.a */,
-				C85291DFC2E46F4AE42629CF /* libPods-SelectTokenIntent.a */,
+				A4EE6F41EE774EEE01CF5D03 /* libPods-ImageNotification.a */,
+				347B54FC003938F78D0E49DE /* libPods-PriceWidgetExtension.a */,
+				2849FD6F00421E920E712EFE /* libPods-Rainbow.a */,
+				65461177F9DA4D2AF8FDE532 /* libPods-SelectTokenIntent.a */,
 			);
 			name = Frameworks;
 			sourceTree = "<group>";
@@ -744,22 +744,22 @@
 		C640359C0E6575CE0A7ECD73 /* Pods */ = {
 			isa = PBXGroup;
 			children = (
-				F1B5C87F1554F1D997BAA24F /* Pods-ImageNotification.debug.xcconfig */,
-				0404889173EFB369C76F5C18 /* Pods-ImageNotification.release.xcconfig */,
-				97F32779CF35D9FED85F76BA /* Pods-ImageNotification.localrelease.xcconfig */,
-				49B701469292E5D11083AE46 /* Pods-ImageNotification.staging.xcconfig */,
-				91D2CE7F8041FF0D5A23B3FA /* Pods-PriceWidgetExtension.debug.xcconfig */,
-				3D10F33F1C5D491618BEB25D /* Pods-PriceWidgetExtension.release.xcconfig */,
-				8BD70BB176A27E241AF7B242 /* Pods-PriceWidgetExtension.localrelease.xcconfig */,
-				480CA5D2543B26A6C8558225 /* Pods-PriceWidgetExtension.staging.xcconfig */,
-				D84AE46212A15D942ECD57C5 /* Pods-Rainbow.debug.xcconfig */,
-				D3E89472F127D74FA78FF2D7 /* Pods-Rainbow.release.xcconfig */,
-				8CA82C5099AC0D4A775311BF /* Pods-Rainbow.localrelease.xcconfig */,
-				ACD9A05400AF02F638E421D9 /* Pods-Rainbow.staging.xcconfig */,
-				D025E3F88128DB7441557329 /* Pods-SelectTokenIntent.debug.xcconfig */,
-				0B0B4B0B37BE2EDCA80525F2 /* Pods-SelectTokenIntent.release.xcconfig */,
-				20DFAE0CA19DC100E76712B9 /* Pods-SelectTokenIntent.localrelease.xcconfig */,
-				559E65EBD543A9DC87061C90 /* Pods-SelectTokenIntent.staging.xcconfig */,
+				C1D44EFF1CD97D9376360388 /* Pods-ImageNotification.debug.xcconfig */,
+				754BAC14564919AC158141D7 /* Pods-ImageNotification.release.xcconfig */,
+				9A012A7A01CE319F103A71A9 /* Pods-ImageNotification.localrelease.xcconfig */,
+				67229503F822E9932A3F2EDC /* Pods-ImageNotification.staging.xcconfig */,
+				8DA3F6D98DE825DCFDE1D646 /* Pods-PriceWidgetExtension.debug.xcconfig */,
+				0E2E061C9A880C68D5CF93DA /* Pods-PriceWidgetExtension.release.xcconfig */,
+				FE236B1CFFEB2DE6C1DAF315 /* Pods-PriceWidgetExtension.localrelease.xcconfig */,
+				DE0F2DCF345D86BC393364C1 /* Pods-PriceWidgetExtension.staging.xcconfig */,
+				9BE4E795B009DE2D95F873F7 /* Pods-Rainbow.debug.xcconfig */,
+				1AB8A6DD535B802DE2AB649C /* Pods-Rainbow.release.xcconfig */,
+				1B711DBDBBF2937B44C867AE /* Pods-Rainbow.localrelease.xcconfig */,
+				E1C8077FF04F34DEA00831AC /* Pods-Rainbow.staging.xcconfig */,
+				77ABFFC40787936BEF542937 /* Pods-SelectTokenIntent.debug.xcconfig */,
+				C58D764247A98B53C1C9E5DB /* Pods-SelectTokenIntent.release.xcconfig */,
+				35F89ADCAAB94985DB12F47E /* Pods-SelectTokenIntent.localrelease.xcconfig */,
+				26DC4643CD491E6EB3299729 /* Pods-SelectTokenIntent.staging.xcconfig */,
 			);
 			path = Pods;
 			sourceTree = "<group>";
@@ -815,11 +815,11 @@
 			isa = PBXNativeTarget;
 			buildConfigurationList = 0299CE842886202800B5C7E7 /* Build configuration list for PBXNativeTarget "ImageNotification" */;
 			buildPhases = (
-				CB7C3A21D28A14A9FB84C71E /* [CP] Check Pods Manifest.lock */,
+				2566FC9D3EEF481DB0C9B4C3 /* [CP] Check Pods Manifest.lock */,
 				0299CE732886202800B5C7E7 /* Sources */,
 				0299CE742886202800B5C7E7 /* Frameworks */,
 				0299CE752886202800B5C7E7 /* Resources */,
-				87E42042DA29AD094A42253E /* [CP] Copy Pods Resources */,
+				81228C8D7D839829F703D895 /* [CP] Copy Pods Resources */,
 			);
 			buildRules = (
 			);
@@ -834,7 +834,7 @@
 			isa = PBXNativeTarget;
 			buildConfigurationList = 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "Rainbow" */;
 			buildPhases = (
-				90120A4A265F303585647E6D /* [CP] Check Pods Manifest.lock */,
+				6A06E17D3331C9262C11F863 /* [CP] Check Pods Manifest.lock */,
 				AEAD56A917FF4051986EE3E6 /* [Expo] Configure project */,
 				13B07F871A680F5B00A75B9A /* Sources */,
 				13B07F8C1A680F5B00A75B9A /* Frameworks */,
@@ -842,9 +842,9 @@
 				00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */,
 				9FF961FEA7AF435FA18ED988 /* Upload Debug Symbols to Sentry */,
 				668ADB3225A4E3A40050859D /* Embed App Extensions */,
-				DA12F2B072680AA23B9CA748 /* [CP] Embed Pods Frameworks */,
-				28EB01787DC1BCCF16CC43FC /* [CP] Copy Pods Resources */,
-				C22E4C3F7D9EF251DCB0F8F2 /* [CP-User] [RNFB] Core Configuration */,
+				DD2DC8866DF399C0155E9D82 /* [CP] Embed Pods Frameworks */,
+				D4F09C8128E9E62B49EF8EE2 /* [CP] Copy Pods Resources */,
+				071510F2A6E76D592F72B390 /* [CP-User] [RNFB] Core Configuration */,
 			);
 			buildRules = (
 			);
@@ -864,11 +864,11 @@
 			isa = PBXNativeTarget;
 			buildConfigurationList = C16DCF6E272BA6F100FF5C78 /* Build configuration list for PBXNativeTarget "PriceWidgetExtension" */;
 			buildPhases = (
-				64A0344FD2CEAD04B2576A99 /* [CP] Check Pods Manifest.lock */,
+				1E81BC999BDD63AD214ED606 /* [CP] Check Pods Manifest.lock */,
 				C16DCF58272BA6EF00FF5C78 /* Sources */,
 				C16DCF59272BA6EF00FF5C78 /* Frameworks */,
 				C16DCF5A272BA6EF00FF5C78 /* Resources */,
-				5B60B35A60CB0F38F79C1D26 /* [CP] Copy Pods Resources */,
+				16E4255526BFD260443DF725 /* [CP] Copy Pods Resources */,
 			);
 			buildRules = (
 			);
@@ -883,11 +883,11 @@
 			isa = PBXNativeTarget;
 			buildConfigurationList = C16DCF9F272BAB9600FF5C78 /* Build configuration list for PBXNativeTarget "SelectTokenIntent" */;
 			buildPhases = (
-				DA3017203C9326BAFC5C7CF1 /* [CP] Check Pods Manifest.lock */,
+				970A0FDBF90B946F04B48CE8 /* [CP] Check Pods Manifest.lock */,
 				C16DCF7B272BAB9500FF5C78 /* Sources */,
 				C16DCF7C272BAB9500FF5C78 /* Frameworks */,
 				C16DCF7D272BAB9500FF5C78 /* Resources */,
-				82BCA70E6849A23CACD31B55 /* [CP] Copy Pods Resources */,
+				75A7E9AC1E10DA3B98A67960 /* [CP] Copy Pods Resources */,
 			);
 			buildRules = (
 			);
@@ -1118,69 +1118,20 @@
 			shellScript = "if [[ -f \"$PODS_ROOT/../.xcode.env\" ]]; then\n  source \"$PODS_ROOT/../.xcode.env\"\nfi\nif [[ -f \"$PODS_ROOT/../.xcode.env.local\" ]]; then\n  source \"$PODS_ROOT/../.xcode.env.local\"\nfi\n\n# The project root by default is one level up from the ios directory\nexport PROJECT_ROOT=\"$PROJECT_DIR\"/..\n\nif [[ \"$CONFIGURATION\" = *Debug* ]]; then\n  export SKIP_BUNDLING=1\nfi\nif [[ -z \"$ENTRY_FILE\" ]]; then\n  # Set the entry JS file using the bundler's entry resolution.\n  export ENTRY_FILE=\"$(\"$NODE_BINARY\" -e \"require('expo/scripts/resolveAppEntry')\" \"$PROJECT_ROOT\" ios absolute | tail -n 1)\"\nfi\n\nif [[ -z \"$CLI_PATH\" ]]; then\n  # Use Expo CLI\n  export CLI_PATH=\"$(\"$NODE_BINARY\" --print \"require.resolve('@expo/cli')\")\"\nfi\nif [[ -z \"$BUNDLE_COMMAND\" ]]; then\n  # Default Expo CLI command for bundling\n  export BUNDLE_COMMAND=\"export:embed\"\nfi\n\n`\"$NODE_BINARY\" --print \"require('path').dirname(require.resolve('react-native/package.json')) + '/scripts/react-native-xcode.sh'\"`\n";
 			showEnvVarsInLog = 0;
 		};
-		28EB01787DC1BCCF16CC43FC /* [CP] Copy Pods Resources */ = {
+		071510F2A6E76D592F72B390 /* [CP-User] [RNFB] Core Configuration */ = {
 			isa = PBXShellScriptBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
 			);
 			inputPaths = (
-				"${PODS_ROOT}/Target Support Files/Pods-Rainbow/Pods-Rainbow-resources.sh",
-				"${PODS_CONFIGURATION_BUILD_DIR}/FirebaseABTesting/FirebaseABTesting_Privacy.bundle",
-				"${PODS_CONFIGURATION_BUILD_DIR}/FirebaseCore/FirebaseCore_Privacy.bundle",
-				"${PODS_CONFIGURATION_BUILD_DIR}/FirebaseCoreExtension/FirebaseCoreExtension_Privacy.bundle",
-				"${PODS_CONFIGURATION_BUILD_DIR}/FirebaseCoreInternal/FirebaseCoreInternal_Privacy.bundle",
-				"${PODS_CONFIGURATION_BUILD_DIR}/FirebaseInstallations/FirebaseInstallations_Privacy.bundle",
-				"${PODS_CONFIGURATION_BUILD_DIR}/FirebaseRemoteConfig/FirebaseRemoteConfig_Privacy.bundle",
-				"${PODS_CONFIGURATION_BUILD_DIR}/GoogleDataTransport/GoogleDataTransport_Privacy.bundle",
-				"${PODS_CONFIGURATION_BUILD_DIR}/GoogleUtilities/GoogleUtilities_Privacy.bundle",
-				"${PODS_CONFIGURATION_BUILD_DIR}/PromisesObjC/FBLPromises_Privacy.bundle",
-				"${PODS_CONFIGURATION_BUILD_DIR}/nanopb/nanopb_Privacy.bundle",
-				"${PODS_CONFIGURATION_BUILD_DIR}/FirebaseMessaging/FirebaseMessaging_Privacy.bundle",
-				"${PODS_CONFIGURATION_BUILD_DIR}/EXConstants/EXConstants.bundle",
-				"${PODS_CONFIGURATION_BUILD_DIR}/EXConstants/ExpoConstants_privacy.bundle",
-				"${PODS_CONFIGURATION_BUILD_DIR}/ExpoFileSystem/ExpoFileSystem_privacy.bundle",
-				"${PODS_CONFIGURATION_BUILD_DIR}/RNCAsyncStorage/RNCAsyncStorage_resources.bundle",
-				"${PODS_CONFIGURATION_BUILD_DIR}/RNImageCropPicker/RNImageCropPickerPrivacyInfo.bundle",
-				"${PODS_CONFIGURATION_BUILD_DIR}/RNImageCropPicker/QBImagePicker.bundle",
-				"${PODS_CONFIGURATION_BUILD_DIR}/React-Core/RCTI18nStrings.bundle",
-				"${PODS_CONFIGURATION_BUILD_DIR}/Rudder/Rudder.bundle",
-				"${PODS_CONFIGURATION_BUILD_DIR}/SDWebImage/SDWebImage.bundle",
-				"${PODS_CONFIGURATION_BUILD_DIR}/Sentry/Sentry.bundle",
-				"${PODS_CONFIGURATION_BUILD_DIR}/TOCropViewController/TOCropViewControllerBundle.bundle",
-				"${PODS_CONFIGURATION_BUILD_DIR}/react-native-cameraroll/RNCameraRollPrivacyInfo.bundle",
-			);
-			name = "[CP] Copy Pods Resources";
-			outputPaths = (
-				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/FirebaseABTesting_Privacy.bundle",
-				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/FirebaseCore_Privacy.bundle",
-				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/FirebaseCoreExtension_Privacy.bundle",
-				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/FirebaseCoreInternal_Privacy.bundle",
-				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/FirebaseInstallations_Privacy.bundle",
-				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/FirebaseRemoteConfig_Privacy.bundle",
-				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/GoogleDataTransport_Privacy.bundle",
-				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/GoogleUtilities_Privacy.bundle",
-				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/FBLPromises_Privacy.bundle",
-				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/nanopb_Privacy.bundle",
-				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/FirebaseMessaging_Privacy.bundle",
-				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/EXConstants.bundle",
-				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/ExpoConstants_privacy.bundle",
-				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/ExpoFileSystem_privacy.bundle",
-				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/RNCAsyncStorage_resources.bundle",
-				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/RNImageCropPickerPrivacyInfo.bundle",
-				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/QBImagePicker.bundle",
-				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/RCTI18nStrings.bundle",
-				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/Rudder.bundle",
-				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/SDWebImage.bundle",
-				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/Sentry.bundle",
-				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/TOCropViewControllerBundle.bundle",
-				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/RNCameraRollPrivacyInfo.bundle",
+				"$(BUILT_PRODUCTS_DIR)/$(INFOPLIST_PATH)",
 			);
+			name = "[CP-User] [RNFB] Core Configuration";
 			runOnlyForDeploymentPostprocessing = 0;
 			shellPath = /bin/sh;
-			shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-Rainbow/Pods-Rainbow-resources.sh\"\n";
-			showEnvVarsInLog = 0;
+			shellScript = "#!/usr/bin/env bash\n#\n# Copyright (c) 2016-present Invertase Limited & Contributors\n#\n# Licensed under the Apache License, Version 2.0 (the \"License\");\n# you may not use this library except in compliance with the License.\n# You may obtain a copy of the License at\n#\n#   http://www.apache.org/licenses/LICENSE-2.0\n#\n# Unless required by applicable law or agreed to in writing, software\n# distributed under the License is distributed on an \"AS IS\" BASIS,\n# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n# See the License for the specific language governing permissions and\n# limitations under the License.\n#\n\n##########################################################################\n##########################################################################\n#\n#  NOTE THAT IF YOU CHANGE THIS FILE YOU MUST RUN pod install AFTERWARDS\n#\n#  This file is installed as an Xcode build script in the project file\n#  by cocoapods, and you will not see your changes until you pod install\n#\n##########################################################################\n##########################################################################\n\nset -e\n\n_MAX_LOOKUPS=2;\n_SEARCH_RESULT=''\n_RN_ROOT_EXISTS=''\n_CURRENT_LOOKUPS=1\n_JSON_ROOT=\"'react-native'\"\n_JSON_FILE_NAME='firebase.json'\n_JSON_OUTPUT_BASE64='e30=' # { }\n_CURRENT_SEARCH_DIR=${PROJECT_DIR}\n_PLIST_BUDDY=/usr/libexec/PlistBuddy\n_TARGET_PLIST=\"${BUILT_PRODUCTS_DIR}/${INFOPLIST_PATH}\"\n_DSYM_PLIST=\"${DWARF_DSYM_FOLDER_PATH}/${DWARF_DSYM_FILE_NAME}/Contents/Info.plist\"\n\n# plist arrays\n_PLIST_ENTRY_KEYS=()\n_PLIST_ENTRY_TYPES=()\n_PLIST_ENTRY_VALUES=()\n\nfunction setPlistValue {\n  echo \"info:      setting plist entry '$1' of type '$2' in file '$4'\"\n  ${_PLIST_BUDDY} -c \"Add :$1 $2 '$3'\" $4 || echo \"info:      '$1' already exists\"\n}\n\nfunction getFirebaseJsonKeyValue () {\n  if [[ ${_RN_ROOT_EXISTS} ]]; then\n    ruby -Ku -e \"require 'rubygems';require 'json'; output=JSON.parse('$1'); puts output[$_JSON_ROOT]['$2']\"\n  else\n    echo \"\"\n  fi;\n}\n\nfunction jsonBoolToYesNo () {\n  if [[ $1 == \"false\" ]]; then\n    echo \"NO\"\n  elif [[ $1 == \"true\" ]]; then\n    echo \"YES\"\n  else echo \"NO\"\n  fi\n}\n\necho \"info: -> RNFB build script started\"\necho \"info: 1) Locating ${_JSON_FILE_NAME} file:\"\n\nif [[ -z ${_CURRENT_SEARCH_DIR} ]]; then\n  _CURRENT_SEARCH_DIR=$(pwd)\nfi;\n\nwhile true; do\n  _CURRENT_SEARCH_DIR=$(dirname \"$_CURRENT_SEARCH_DIR\")\n  if [[ \"$_CURRENT_SEARCH_DIR\" == \"/\" ]] || [[ ${_CURRENT_LOOKUPS} -gt ${_MAX_LOOKUPS} ]]; then break; fi;\n  echo \"info:      ($_CURRENT_LOOKUPS of $_MAX_LOOKUPS) Searching in '$_CURRENT_SEARCH_DIR' for a ${_JSON_FILE_NAME} file.\"\n  _SEARCH_RESULT=$(find \"$_CURRENT_SEARCH_DIR\" -maxdepth 2 -name ${_JSON_FILE_NAME} -print | /usr/bin/head -n 1)\n  if [[ ${_SEARCH_RESULT} ]]; then\n    echo \"info:      ${_JSON_FILE_NAME} found at $_SEARCH_RESULT\"\n    break;\n  fi;\n  _CURRENT_LOOKUPS=$((_CURRENT_LOOKUPS+1))\ndone\n\nif [[ ${_SEARCH_RESULT} ]]; then\n  _JSON_OUTPUT_RAW=$(cat \"${_SEARCH_RESULT}\")\n  _RN_ROOT_EXISTS=$(ruby -Ku -e \"require 'rubygems';require 'json'; output=JSON.parse('$_JSON_OUTPUT_RAW'); puts output[$_JSON_ROOT]\" || echo '')\n\n  if [[ ${_RN_ROOT_EXISTS} ]]; then\n    if ! python3 --version >/dev/null 2>&1; then echo \"python3 not found, firebase.json file processing error.\" && exit 1; fi\n    _JSON_OUTPUT_BASE64=$(python3 -c 'import json,sys,base64;print(base64.b64encode(bytes(json.dumps(json.loads(open('\"'${_SEARCH_RESULT}'\"', '\"'rb'\"').read())['${_JSON_ROOT}']), '\"'utf-8'\"')).decode())' || echo \"e30=\")\n  fi\n\n  _PLIST_ENTRY_KEYS+=(\"firebase_json_raw\")\n  _PLIST_ENTRY_TYPES+=(\"string\")\n  _PLIST_ENTRY_VALUES+=(\"$_JSON_OUTPUT_BASE64\")\n\n  # config.app_data_collection_default_enabled\n  _APP_DATA_COLLECTION_ENABLED=$(getFirebaseJsonKeyValue \"$_JSON_OUTPUT_RAW\" \"app_data_collection_default_enabled\")\n  if [[ $_APP_DATA_COLLECTION_ENABLED ]]; then\n    _PLIST_ENTRY_KEYS+=(\"FirebaseDataCollectionDefaultEnabled\")\n    _PLIST_ENTRY_TYPES+=(\"bool\")\n    _PLIST_ENTRY_VALUES+=(\"$(jsonBoolToYesNo \"$_APP_DATA_COLLECTION_ENABLED\")\")\n  fi\n\n  # config.analytics_auto_collection_enabled\n  _ANALYTICS_AUTO_COLLECTION=$(getFirebaseJsonKeyValue \"$_JSON_OUTPUT_RAW\" \"analytics_auto_collection_enabled\")\n  if [[ $_ANALYTICS_AUTO_COLLECTION ]]; then\n    _PLIST_ENTRY_KEYS+=(\"FIREBASE_ANALYTICS_COLLECTION_ENABLED\")\n    _PLIST_ENTRY_TYPES+=(\"bool\")\n    _PLIST_ENTRY_VALUES+=(\"$(jsonBoolToYesNo \"$_ANALYTICS_AUTO_COLLECTION\")\")\n  fi\n\n  # config.analytics_collection_deactivated\n  _ANALYTICS_DEACTIVATED=$(getFirebaseJsonKeyValue \"$_JSON_OUTPUT_RAW\" \"analytics_collection_deactivated\")\n  if [[ $_ANALYTICS_DEACTIVATED ]]; then\n    _PLIST_ENTRY_KEYS+=(\"FIREBASE_ANALYTICS_COLLECTION_DEACTIVATED\")\n    _PLIST_ENTRY_TYPES+=(\"bool\")\n    _PLIST_ENTRY_VALUES+=(\"$(jsonBoolToYesNo \"$_ANALYTICS_DEACTIVATED\")\")\n  fi\n\n  # config.analytics_idfv_collection_enabled\n  _ANALYTICS_IDFV_COLLECTION=$(getFirebaseJsonKeyValue \"$_JSON_OUTPUT_RAW\" \"analytics_idfv_collection_enabled\")\n  if [[ $_ANALYTICS_IDFV_COLLECTION ]]; then\n    _PLIST_ENTRY_KEYS+=(\"GOOGLE_ANALYTICS_IDFV_COLLECTION_ENABLED\")\n    _PLIST_ENTRY_TYPES+=(\"bool\")\n    _PLIST_ENTRY_VALUES+=(\"$(jsonBoolToYesNo \"$_ANALYTICS_IDFV_COLLECTION\")\")\n  fi\n\n  # config.analytics_default_allow_analytics_storage\n  _ANALYTICS_STORAGE=$(getFirebaseJsonKeyValue \"$_JSON_OUTPUT_RAW\" \"analytics_default_allow_analytics_storage\")\n  if [[ $_ANALYTICS_STORAGE ]]; then\n    _PLIST_ENTRY_KEYS+=(\"GOOGLE_ANALYTICS_DEFAULT_ALLOW_ANALYTICS_STORAGE\")\n    _PLIST_ENTRY_TYPES+=(\"bool\")\n    _PLIST_ENTRY_VALUES+=(\"$(jsonBoolToYesNo \"$_ANALYTICS_STORAGE\")\")\n  fi\n\n  # config.analytics_default_allow_ad_storage\n  _ANALYTICS_AD_STORAGE=$(getFirebaseJsonKeyValue \"$_JSON_OUTPUT_RAW\" \"analytics_default_allow_ad_storage\")\n  if [[ $_ANALYTICS_AD_STORAGE ]]; then\n    _PLIST_ENTRY_KEYS+=(\"GOOGLE_ANALYTICS_DEFAULT_ALLOW_AD_STORAGE\")\n    _PLIST_ENTRY_TYPES+=(\"bool\")\n    _PLIST_ENTRY_VALUES+=(\"$(jsonBoolToYesNo \"$_ANALYTICS_AD_STORAGE\")\")\n  fi\n\n  # config.analytics_default_allow_ad_user_data\n  _ANALYTICS_AD_USER_DATA=$(getFirebaseJsonKeyValue \"$_JSON_OUTPUT_RAW\" \"analytics_default_allow_ad_user_data\")\n  if [[ $_ANALYTICS_AD_USER_DATA ]]; then\n    _PLIST_ENTRY_KEYS+=(\"GOOGLE_ANALYTICS_DEFAULT_ALLOW_AD_USER_DATA\")\n    _PLIST_ENTRY_TYPES+=(\"bool\")\n    _PLIST_ENTRY_VALUES+=(\"$(jsonBoolToYesNo \"$_ANALYTICS_AD_USER_DATA\")\")\n  fi\n\n  # config.analytics_default_allow_ad_personalization_signals\n  _ANALYTICS_PERSONALIZATION=$(getFirebaseJsonKeyValue \"$_JSON_OUTPUT_RAW\" \"analytics_default_allow_ad_personalization_signals\")\n  if [[ $_ANALYTICS_PERSONALIZATION ]]; then\n    _PLIST_ENTRY_KEYS+=(\"GOOGLE_ANALYTICS_DEFAULT_ALLOW_AD_PERSONALIZATION_SIGNALS\")\n    _PLIST_ENTRY_TYPES+=(\"bool\")\n    _PLIST_ENTRY_VALUES+=(\"$(jsonBoolToYesNo \"$_ANALYTICS_PERSONALIZATION\")\")\n  fi\n\n  # config.analytics_registration_with_ad_network_enabled\n  _ANALYTICS_REGISTRATION_WITH_AD_NETWORK=$(getFirebaseJsonKeyValue \"$_JSON_OUTPUT_RAW\" \"google_analytics_registration_with_ad_network_enabled\")\n  if [[ $_ANALYTICS_REGISTRATION_WITH_AD_NETWORK ]]; then\n    _PLIST_ENTRY_KEYS+=(\"GOOGLE_ANALYTICS_REGISTRATION_WITH_AD_NETWORK_ENABLED\")\n    _PLIST_ENTRY_TYPES+=(\"bool\")\n    _PLIST_ENTRY_VALUES+=(\"$(jsonBoolToYesNo \"$_ANALYTICS_REGISTRATION_WITH_AD_NETWORK\")\")\n  fi\n\n  # config.google_analytics_automatic_screen_reporting_enabled\n  _ANALYTICS_AUTO_SCREEN_REPORTING=$(getFirebaseJsonKeyValue \"$_JSON_OUTPUT_RAW\" \"google_analytics_automatic_screen_reporting_enabled\")\n  if [[ $_ANALYTICS_AUTO_SCREEN_REPORTING ]]; then\n    _PLIST_ENTRY_KEYS+=(\"FirebaseAutomaticScreenReportingEnabled\")\n    _PLIST_ENTRY_TYPES+=(\"bool\")\n    _PLIST_ENTRY_VALUES+=(\"$(jsonBoolToYesNo \"$_ANALYTICS_AUTO_SCREEN_REPORTING\")\")\n  fi\n\n  # config.perf_auto_collection_enabled\n  _PERF_AUTO_COLLECTION=$(getFirebaseJsonKeyValue \"$_JSON_OUTPUT_RAW\" \"perf_auto_collection_enabled\")\n  if [[ $_PERF_AUTO_COLLECTION ]]; then\n    _PLIST_ENTRY_KEYS+=(\"firebase_performance_collection_enabled\")\n    _PLIST_ENTRY_TYPES+=(\"bool\")\n    _PLIST_ENTRY_VALUES+=(\"$(jsonBoolToYesNo \"$_PERF_AUTO_COLLECTION\")\")\n  fi\n\n  # config.perf_collection_deactivated\n  _PERF_DEACTIVATED=$(getFirebaseJsonKeyValue \"$_JSON_OUTPUT_RAW\" \"perf_collection_deactivated\")\n  if [[ $_PERF_DEACTIVATED ]]; then\n    _PLIST_ENTRY_KEYS+=(\"firebase_performance_collection_deactivated\")\n    _PLIST_ENTRY_TYPES+=(\"bool\")\n    _PLIST_ENTRY_VALUES+=(\"$(jsonBoolToYesNo \"$_PERF_DEACTIVATED\")\")\n  fi\n\n  # config.messaging_auto_init_enabled\n  _MESSAGING_AUTO_INIT=$(getFirebaseJsonKeyValue \"$_JSON_OUTPUT_RAW\" \"messaging_auto_init_enabled\")\n  if [[ $_MESSAGING_AUTO_INIT ]]; then\n    _PLIST_ENTRY_KEYS+=(\"FirebaseMessagingAutoInitEnabled\")\n    _PLIST_ENTRY_TYPES+=(\"bool\")\n    _PLIST_ENTRY_VALUES+=(\"$(jsonBoolToYesNo \"$_MESSAGING_AUTO_INIT\")\")\n  fi\n\n  # config.in_app_messaging_auto_colllection_enabled\n  _FIAM_AUTO_INIT=$(getFirebaseJsonKeyValue \"$_JSON_OUTPUT_RAW\" \"in_app_messaging_auto_collection_enabled\")\n  if [[ $_FIAM_AUTO_INIT ]]; then\n    _PLIST_ENTRY_KEYS+=(\"FirebaseInAppMessagingAutomaticDataCollectionEnabled\")\n    _PLIST_ENTRY_TYPES+=(\"bool\")\n    _PLIST_ENTRY_VALUES+=(\"$(jsonBoolToYesNo \"$_FIAM_AUTO_INIT\")\")\n  fi\n\n  # config.app_check_token_auto_refresh\n  _APP_CHECK_TOKEN_AUTO_REFRESH=$(getFirebaseJsonKeyValue \"$_JSON_OUTPUT_RAW\" \"app_check_token_auto_refresh\")\n  if [[ $_APP_CHECK_TOKEN_AUTO_REFRESH ]]; then\n    _PLIST_ENTRY_KEYS+=(\"FirebaseAppCheckTokenAutoRefreshEnabled\")\n    _PLIST_ENTRY_TYPES+=(\"bool\")\n    _PLIST_ENTRY_VALUES+=(\"$(jsonBoolToYesNo \"$_APP_CHECK_TOKEN_AUTO_REFRESH\")\")\n  fi\n\n  # config.crashlytics_disable_auto_disabler - undocumented for now - mainly for debugging, document if becomes useful\n  _CRASHLYTICS_AUTO_DISABLE_ENABLED=$(getFirebaseJsonKeyValue \"$_JSON_OUTPUT_RAW\" \"crashlytics_disable_auto_disabler\")\n  if [[ $_CRASHLYTICS_AUTO_DISABLE_ENABLED == \"true\" ]]; then\n    echo \"Disabled Crashlytics auto disabler.\" # do nothing\n  else\n    _PLIST_ENTRY_KEYS+=(\"FirebaseCrashlyticsCollectionEnabled\")\n    _PLIST_ENTRY_TYPES+=(\"bool\")\n    _PLIST_ENTRY_VALUES+=(\"NO\")\n  fi\nelse\n  _PLIST_ENTRY_KEYS+=(\"firebase_json_raw\")\n  _PLIST_ENTRY_TYPES+=(\"string\")\n  _PLIST_ENTRY_VALUES+=(\"$_JSON_OUTPUT_BASE64\")\n  echo \"warning:   A firebase.json file was not found, whilst this file is optional it is recommended to include it to configure firebase services in React Native Firebase.\"\nfi;\n\necho \"info: 2) Injecting Info.plist entries: \"\n\n# Log out the keys we're adding\nfor i in \"${!_PLIST_ENTRY_KEYS[@]}\"; do\n  echo \"    ->  $i) ${_PLIST_ENTRY_KEYS[$i]}\" \"${_PLIST_ENTRY_TYPES[$i]}\" \"${_PLIST_ENTRY_VALUES[$i]}\"\ndone\n\nfor plist in \"${_TARGET_PLIST}\" \"${_DSYM_PLIST}\" ; do\n  if [[ -f \"${plist}\" ]]; then\n\n    # paths with spaces break the call to setPlistValue. temporarily modify\n    # the shell internal field separator variable (IFS), which normally\n    # includes spaces, to consist only of line breaks\n    oldifs=$IFS\n    IFS=\"\n\"\n\n    for i in \"${!_PLIST_ENTRY_KEYS[@]}\"; do\n      setPlistValue \"${_PLIST_ENTRY_KEYS[$i]}\" \"${_PLIST_ENTRY_TYPES[$i]}\" \"${_PLIST_ENTRY_VALUES[$i]}\" \"${plist}\"\n    done\n\n    # restore the original internal field separator value\n    IFS=$oldifs\n  else\n    echo \"warning:   A Info.plist build output file was not found (${plist})\"\n  fi\ndone\n\necho \"info: <- RNFB build script finished\"\n";
 		};
-		5B60B35A60CB0F38F79C1D26 /* [CP] Copy Pods Resources */ = {
+		16E4255526BFD260443DF725 /* [CP] Copy Pods Resources */ = {
 			isa = PBXShellScriptBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
@@ -1216,7 +1167,7 @@
 			shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-PriceWidgetExtension/Pods-PriceWidgetExtension-resources.sh\"\n";
 			showEnvVarsInLog = 0;
 		};
-		64A0344FD2CEAD04B2576A99 /* [CP] Check Pods Manifest.lock */ = {
+		1E81BC999BDD63AD214ED606 /* [CP] Check Pods Manifest.lock */ = {
 			isa = PBXShellScriptBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
@@ -1238,7 +1189,51 @@
 			shellScript = "diff \"${PODS_PODFILE_DIR_PATH}/Podfile.lock\" \"${PODS_ROOT}/Manifest.lock\" > /dev/null\nif [ $? != 0 ] ; then\n    # print error to STDERR\n    echo \"error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation.\" >&2\n    exit 1\nfi\n# This output is used by Xcode 'outputs' to avoid re-running this script phase.\necho \"SUCCESS\" > \"${SCRIPT_OUTPUT_FILE_0}\"\n";
 			showEnvVarsInLog = 0;
 		};
-		82BCA70E6849A23CACD31B55 /* [CP] Copy Pods Resources */ = {
+		2566FC9D3EEF481DB0C9B4C3 /* [CP] Check Pods Manifest.lock */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputFileListPaths = (
+			);
+			inputPaths = (
+				"${PODS_PODFILE_DIR_PATH}/Podfile.lock",
+				"${PODS_ROOT}/Manifest.lock",
+			);
+			name = "[CP] Check Pods Manifest.lock";
+			outputFileListPaths = (
+			);
+			outputPaths = (
+				"$(DERIVED_FILE_DIR)/Pods-ImageNotification-checkManifestLockResult.txt",
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "diff \"${PODS_PODFILE_DIR_PATH}/Podfile.lock\" \"${PODS_ROOT}/Manifest.lock\" > /dev/null\nif [ $? != 0 ] ; then\n    # print error to STDERR\n    echo \"error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation.\" >&2\n    exit 1\nfi\n# This output is used by Xcode 'outputs' to avoid re-running this script phase.\necho \"SUCCESS\" > \"${SCRIPT_OUTPUT_FILE_0}\"\n";
+			showEnvVarsInLog = 0;
+		};
+		6A06E17D3331C9262C11F863 /* [CP] Check Pods Manifest.lock */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputFileListPaths = (
+			);
+			inputPaths = (
+				"${PODS_PODFILE_DIR_PATH}/Podfile.lock",
+				"${PODS_ROOT}/Manifest.lock",
+			);
+			name = "[CP] Check Pods Manifest.lock";
+			outputFileListPaths = (
+			);
+			outputPaths = (
+				"$(DERIVED_FILE_DIR)/Pods-Rainbow-checkManifestLockResult.txt",
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "diff \"${PODS_PODFILE_DIR_PATH}/Podfile.lock\" \"${PODS_ROOT}/Manifest.lock\" > /dev/null\nif [ $? != 0 ] ; then\n    # print error to STDERR\n    echo \"error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation.\" >&2\n    exit 1\nfi\n# This output is used by Xcode 'outputs' to avoid re-running this script phase.\necho \"SUCCESS\" > \"${SCRIPT_OUTPUT_FILE_0}\"\n";
+			showEnvVarsInLog = 0;
+		};
+		75A7E9AC1E10DA3B98A67960 /* [CP] Copy Pods Resources */ = {
 			isa = PBXShellScriptBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
@@ -1274,7 +1269,7 @@
 			shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-SelectTokenIntent/Pods-SelectTokenIntent-resources.sh\"\n";
 			showEnvVarsInLog = 0;
 		};
-		87E42042DA29AD094A42253E /* [CP] Copy Pods Resources */ = {
+		81228C8D7D839829F703D895 /* [CP] Copy Pods Resources */ = {
 			isa = PBXShellScriptBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
@@ -1312,7 +1307,7 @@
 			shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-ImageNotification/Pods-ImageNotification-resources.sh\"\n";
 			showEnvVarsInLog = 0;
 		};
-		90120A4A265F303585647E6D /* [CP] Check Pods Manifest.lock */ = {
+		970A0FDBF90B946F04B48CE8 /* [CP] Check Pods Manifest.lock */ = {
 			isa = PBXShellScriptBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
@@ -1327,7 +1322,7 @@
 			outputFileListPaths = (
 			);
 			outputPaths = (
-				"$(DERIVED_FILE_DIR)/Pods-Rainbow-checkManifestLockResult.txt",
+				"$(DERIVED_FILE_DIR)/Pods-SelectTokenIntent-checkManifestLockResult.txt",
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 			shellPath = /bin/sh;
@@ -1368,42 +1363,69 @@
 			shellPath = /bin/sh;
 			shellScript = "# This script configures Expo modules and generates the modules provider file.\nbash -l -c \"./Pods/Target\\ Support\\ Files/Pods-Rainbow/expo-configure-project.sh\"\n";
 		};
-		C22E4C3F7D9EF251DCB0F8F2 /* [CP-User] [RNFB] Core Configuration */ = {
-			isa = PBXShellScriptBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-			);
-			inputPaths = (
-				"$(BUILT_PRODUCTS_DIR)/$(INFOPLIST_PATH)",
-			);
-			name = "[CP-User] [RNFB] Core Configuration";
-			runOnlyForDeploymentPostprocessing = 0;
-			shellPath = /bin/sh;
-			shellScript = "#!/usr/bin/env bash\n#\n# Copyright (c) 2016-present Invertase Limited & Contributors\n#\n# Licensed under the Apache License, Version 2.0 (the \"License\");\n# you may not use this library except in compliance with the License.\n# You may obtain a copy of the License at\n#\n#   http://www.apache.org/licenses/LICENSE-2.0\n#\n# Unless required by applicable law or agreed to in writing, software\n# distributed under the License is distributed on an \"AS IS\" BASIS,\n# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n# See the License for the specific language governing permissions and\n# limitations under the License.\n#\n\n##########################################################################\n##########################################################################\n#\n#  NOTE THAT IF YOU CHANGE THIS FILE YOU MUST RUN pod install AFTERWARDS\n#\n#  This file is installed as an Xcode build script in the project file\n#  by cocoapods, and you will not see your changes until you pod install\n#\n##########################################################################\n##########################################################################\n\nset -e\n\n_MAX_LOOKUPS=2;\n_SEARCH_RESULT=''\n_RN_ROOT_EXISTS=''\n_CURRENT_LOOKUPS=1\n_JSON_ROOT=\"'react-native'\"\n_JSON_FILE_NAME='firebase.json'\n_JSON_OUTPUT_BASE64='e30=' # { }\n_CURRENT_SEARCH_DIR=${PROJECT_DIR}\n_PLIST_BUDDY=/usr/libexec/PlistBuddy\n_TARGET_PLIST=\"${BUILT_PRODUCTS_DIR}/${INFOPLIST_PATH}\"\n_DSYM_PLIST=\"${DWARF_DSYM_FOLDER_PATH}/${DWARF_DSYM_FILE_NAME}/Contents/Info.plist\"\n\n# plist arrays\n_PLIST_ENTRY_KEYS=()\n_PLIST_ENTRY_TYPES=()\n_PLIST_ENTRY_VALUES=()\n\nfunction setPlistValue {\n  echo \"info:      setting plist entry '$1' of type '$2' in file '$4'\"\n  ${_PLIST_BUDDY} -c \"Add :$1 $2 '$3'\" $4 || echo \"info:      '$1' already exists\"\n}\n\nfunction getFirebaseJsonKeyValue () {\n  if [[ ${_RN_ROOT_EXISTS} ]]; then\n    ruby -Ku -e \"require 'rubygems';require 'json'; output=JSON.parse('$1'); puts output[$_JSON_ROOT]['$2']\"\n  else\n    echo \"\"\n  fi;\n}\n\nfunction jsonBoolToYesNo () {\n  if [[ $1 == \"false\" ]]; then\n    echo \"NO\"\n  elif [[ $1 == \"true\" ]]; then\n    echo \"YES\"\n  else echo \"NO\"\n  fi\n}\n\necho \"info: -> RNFB build script started\"\necho \"info: 1) Locating ${_JSON_FILE_NAME} file:\"\n\nif [[ -z ${_CURRENT_SEARCH_DIR} ]]; then\n  _CURRENT_SEARCH_DIR=$(pwd)\nfi;\n\nwhile true; do\n  _CURRENT_SEARCH_DIR=$(dirname \"$_CURRENT_SEARCH_DIR\")\n  if [[ \"$_CURRENT_SEARCH_DIR\" == \"/\" ]] || [[ ${_CURRENT_LOOKUPS} -gt ${_MAX_LOOKUPS} ]]; then break; fi;\n  echo \"info:      ($_CURRENT_LOOKUPS of $_MAX_LOOKUPS) Searching in '$_CURRENT_SEARCH_DIR' for a ${_JSON_FILE_NAME} file.\"\n  _SEARCH_RESULT=$(find \"$_CURRENT_SEARCH_DIR\" -maxdepth 2 -name ${_JSON_FILE_NAME} -print | /usr/bin/head -n 1)\n  if [[ ${_SEARCH_RESULT} ]]; then\n    echo \"info:      ${_JSON_FILE_NAME} found at $_SEARCH_RESULT\"\n    break;\n  fi;\n  _CURRENT_LOOKUPS=$((_CURRENT_LOOKUPS+1))\ndone\n\nif [[ ${_SEARCH_RESULT} ]]; then\n  _JSON_OUTPUT_RAW=$(cat \"${_SEARCH_RESULT}\")\n  _RN_ROOT_EXISTS=$(ruby -Ku -e \"require 'rubygems';require 'json'; output=JSON.parse('$_JSON_OUTPUT_RAW'); puts output[$_JSON_ROOT]\" || echo '')\n\n  if [[ ${_RN_ROOT_EXISTS} ]]; then\n    if ! python3 --version >/dev/null 2>&1; then echo \"python3 not found, firebase.json file processing error.\" && exit 1; fi\n    _JSON_OUTPUT_BASE64=$(python3 -c 'import json,sys,base64;print(base64.b64encode(bytes(json.dumps(json.loads(open('\"'${_SEARCH_RESULT}'\"', '\"'rb'\"').read())['${_JSON_ROOT}']), '\"'utf-8'\"')).decode())' || echo \"e30=\")\n  fi\n\n  _PLIST_ENTRY_KEYS+=(\"firebase_json_raw\")\n  _PLIST_ENTRY_TYPES+=(\"string\")\n  _PLIST_ENTRY_VALUES+=(\"$_JSON_OUTPUT_BASE64\")\n\n  # config.app_data_collection_default_enabled\n  _APP_DATA_COLLECTION_ENABLED=$(getFirebaseJsonKeyValue \"$_JSON_OUTPUT_RAW\" \"app_data_collection_default_enabled\")\n  if [[ $_APP_DATA_COLLECTION_ENABLED ]]; then\n    _PLIST_ENTRY_KEYS+=(\"FirebaseDataCollectionDefaultEnabled\")\n    _PLIST_ENTRY_TYPES+=(\"bool\")\n    _PLIST_ENTRY_VALUES+=(\"$(jsonBoolToYesNo \"$_APP_DATA_COLLECTION_ENABLED\")\")\n  fi\n\n  # config.analytics_auto_collection_enabled\n  _ANALYTICS_AUTO_COLLECTION=$(getFirebaseJsonKeyValue \"$_JSON_OUTPUT_RAW\" \"analytics_auto_collection_enabled\")\n  if [[ $_ANALYTICS_AUTO_COLLECTION ]]; then\n    _PLIST_ENTRY_KEYS+=(\"FIREBASE_ANALYTICS_COLLECTION_ENABLED\")\n    _PLIST_ENTRY_TYPES+=(\"bool\")\n    _PLIST_ENTRY_VALUES+=(\"$(jsonBoolToYesNo \"$_ANALYTICS_AUTO_COLLECTION\")\")\n  fi\n\n  # config.analytics_collection_deactivated\n  _ANALYTICS_DEACTIVATED=$(getFirebaseJsonKeyValue \"$_JSON_OUTPUT_RAW\" \"analytics_collection_deactivated\")\n  if [[ $_ANALYTICS_DEACTIVATED ]]; then\n    _PLIST_ENTRY_KEYS+=(\"FIREBASE_ANALYTICS_COLLECTION_DEACTIVATED\")\n    _PLIST_ENTRY_TYPES+=(\"bool\")\n    _PLIST_ENTRY_VALUES+=(\"$(jsonBoolToYesNo \"$_ANALYTICS_DEACTIVATED\")\")\n  fi\n\n  # config.analytics_idfv_collection_enabled\n  _ANALYTICS_IDFV_COLLECTION=$(getFirebaseJsonKeyValue \"$_JSON_OUTPUT_RAW\" \"analytics_idfv_collection_enabled\")\n  if [[ $_ANALYTICS_IDFV_COLLECTION ]]; then\n    _PLIST_ENTRY_KEYS+=(\"GOOGLE_ANALYTICS_IDFV_COLLECTION_ENABLED\")\n    _PLIST_ENTRY_TYPES+=(\"bool\")\n    _PLIST_ENTRY_VALUES+=(\"$(jsonBoolToYesNo \"$_ANALYTICS_IDFV_COLLECTION\")\")\n  fi\n\n  # config.analytics_default_allow_analytics_storage\n  _ANALYTICS_STORAGE=$(getFirebaseJsonKeyValue \"$_JSON_OUTPUT_RAW\" \"analytics_default_allow_analytics_storage\")\n  if [[ $_ANALYTICS_STORAGE ]]; then\n    _PLIST_ENTRY_KEYS+=(\"GOOGLE_ANALYTICS_DEFAULT_ALLOW_ANALYTICS_STORAGE\")\n    _PLIST_ENTRY_TYPES+=(\"bool\")\n    _PLIST_ENTRY_VALUES+=(\"$(jsonBoolToYesNo \"$_ANALYTICS_STORAGE\")\")\n  fi\n\n  # config.analytics_default_allow_ad_storage\n  _ANALYTICS_AD_STORAGE=$(getFirebaseJsonKeyValue \"$_JSON_OUTPUT_RAW\" \"analytics_default_allow_ad_storage\")\n  if [[ $_ANALYTICS_AD_STORAGE ]]; then\n    _PLIST_ENTRY_KEYS+=(\"GOOGLE_ANALYTICS_DEFAULT_ALLOW_AD_STORAGE\")\n    _PLIST_ENTRY_TYPES+=(\"bool\")\n    _PLIST_ENTRY_VALUES+=(\"$(jsonBoolToYesNo \"$_ANALYTICS_AD_STORAGE\")\")\n  fi\n\n  # config.analytics_default_allow_ad_user_data\n  _ANALYTICS_AD_USER_DATA=$(getFirebaseJsonKeyValue \"$_JSON_OUTPUT_RAW\" \"analytics_default_allow_ad_user_data\")\n  if [[ $_ANALYTICS_AD_USER_DATA ]]; then\n    _PLIST_ENTRY_KEYS+=(\"GOOGLE_ANALYTICS_DEFAULT_ALLOW_AD_USER_DATA\")\n    _PLIST_ENTRY_TYPES+=(\"bool\")\n    _PLIST_ENTRY_VALUES+=(\"$(jsonBoolToYesNo \"$_ANALYTICS_AD_USER_DATA\")\")\n  fi\n\n  # config.analytics_default_allow_ad_personalization_signals\n  _ANALYTICS_PERSONALIZATION=$(getFirebaseJsonKeyValue \"$_JSON_OUTPUT_RAW\" \"analytics_default_allow_ad_personalization_signals\")\n  if [[ $_ANALYTICS_PERSONALIZATION ]]; then\n    _PLIST_ENTRY_KEYS+=(\"GOOGLE_ANALYTICS_DEFAULT_ALLOW_AD_PERSONALIZATION_SIGNALS\")\n    _PLIST_ENTRY_TYPES+=(\"bool\")\n    _PLIST_ENTRY_VALUES+=(\"$(jsonBoolToYesNo \"$_ANALYTICS_PERSONALIZATION\")\")\n  fi\n\n  # config.analytics_registration_with_ad_network_enabled\n  _ANALYTICS_REGISTRATION_WITH_AD_NETWORK=$(getFirebaseJsonKeyValue \"$_JSON_OUTPUT_RAW\" \"google_analytics_registration_with_ad_network_enabled\")\n  if [[ $_ANALYTICS_REGISTRATION_WITH_AD_NETWORK ]]; then\n    _PLIST_ENTRY_KEYS+=(\"GOOGLE_ANALYTICS_REGISTRATION_WITH_AD_NETWORK_ENABLED\")\n    _PLIST_ENTRY_TYPES+=(\"bool\")\n    _PLIST_ENTRY_VALUES+=(\"$(jsonBoolToYesNo \"$_ANALYTICS_REGISTRATION_WITH_AD_NETWORK\")\")\n  fi\n\n  # config.google_analytics_automatic_screen_reporting_enabled\n  _ANALYTICS_AUTO_SCREEN_REPORTING=$(getFirebaseJsonKeyValue \"$_JSON_OUTPUT_RAW\" \"google_analytics_automatic_screen_reporting_enabled\")\n  if [[ $_ANALYTICS_AUTO_SCREEN_REPORTING ]]; then\n    _PLIST_ENTRY_KEYS+=(\"FirebaseAutomaticScreenReportingEnabled\")\n    _PLIST_ENTRY_TYPES+=(\"bool\")\n    _PLIST_ENTRY_VALUES+=(\"$(jsonBoolToYesNo \"$_ANALYTICS_AUTO_SCREEN_REPORTING\")\")\n  fi\n\n  # config.perf_auto_collection_enabled\n  _PERF_AUTO_COLLECTION=$(getFirebaseJsonKeyValue \"$_JSON_OUTPUT_RAW\" \"perf_auto_collection_enabled\")\n  if [[ $_PERF_AUTO_COLLECTION ]]; then\n    _PLIST_ENTRY_KEYS+=(\"firebase_performance_collection_enabled\")\n    _PLIST_ENTRY_TYPES+=(\"bool\")\n    _PLIST_ENTRY_VALUES+=(\"$(jsonBoolToYesNo \"$_PERF_AUTO_COLLECTION\")\")\n  fi\n\n  # config.perf_collection_deactivated\n  _PERF_DEACTIVATED=$(getFirebaseJsonKeyValue \"$_JSON_OUTPUT_RAW\" \"perf_collection_deactivated\")\n  if [[ $_PERF_DEACTIVATED ]]; then\n    _PLIST_ENTRY_KEYS+=(\"firebase_performance_collection_deactivated\")\n    _PLIST_ENTRY_TYPES+=(\"bool\")\n    _PLIST_ENTRY_VALUES+=(\"$(jsonBoolToYesNo \"$_PERF_DEACTIVATED\")\")\n  fi\n\n  # config.messaging_auto_init_enabled\n  _MESSAGING_AUTO_INIT=$(getFirebaseJsonKeyValue \"$_JSON_OUTPUT_RAW\" \"messaging_auto_init_enabled\")\n  if [[ $_MESSAGING_AUTO_INIT ]]; then\n    _PLIST_ENTRY_KEYS+=(\"FirebaseMessagingAutoInitEnabled\")\n    _PLIST_ENTRY_TYPES+=(\"bool\")\n    _PLIST_ENTRY_VALUES+=(\"$(jsonBoolToYesNo \"$_MESSAGING_AUTO_INIT\")\")\n  fi\n\n  # config.in_app_messaging_auto_colllection_enabled\n  _FIAM_AUTO_INIT=$(getFirebaseJsonKeyValue \"$_JSON_OUTPUT_RAW\" \"in_app_messaging_auto_collection_enabled\")\n  if [[ $_FIAM_AUTO_INIT ]]; then\n    _PLIST_ENTRY_KEYS+=(\"FirebaseInAppMessagingAutomaticDataCollectionEnabled\")\n    _PLIST_ENTRY_TYPES+=(\"bool\")\n    _PLIST_ENTRY_VALUES+=(\"$(jsonBoolToYesNo \"$_FIAM_AUTO_INIT\")\")\n  fi\n\n  # config.app_check_token_auto_refresh\n  _APP_CHECK_TOKEN_AUTO_REFRESH=$(getFirebaseJsonKeyValue \"$_JSON_OUTPUT_RAW\" \"app_check_token_auto_refresh\")\n  if [[ $_APP_CHECK_TOKEN_AUTO_REFRESH ]]; then\n    _PLIST_ENTRY_KEYS+=(\"FirebaseAppCheckTokenAutoRefreshEnabled\")\n    _PLIST_ENTRY_TYPES+=(\"bool\")\n    _PLIST_ENTRY_VALUES+=(\"$(jsonBoolToYesNo \"$_APP_CHECK_TOKEN_AUTO_REFRESH\")\")\n  fi\n\n  # config.crashlytics_disable_auto_disabler - undocumented for now - mainly for debugging, document if becomes useful\n  _CRASHLYTICS_AUTO_DISABLE_ENABLED=$(getFirebaseJsonKeyValue \"$_JSON_OUTPUT_RAW\" \"crashlytics_disable_auto_disabler\")\n  if [[ $_CRASHLYTICS_AUTO_DISABLE_ENABLED == \"true\" ]]; then\n    echo \"Disabled Crashlytics auto disabler.\" # do nothing\n  else\n    _PLIST_ENTRY_KEYS+=(\"FirebaseCrashlyticsCollectionEnabled\")\n    _PLIST_ENTRY_TYPES+=(\"bool\")\n    _PLIST_ENTRY_VALUES+=(\"NO\")\n  fi\nelse\n  _PLIST_ENTRY_KEYS+=(\"firebase_json_raw\")\n  _PLIST_ENTRY_TYPES+=(\"string\")\n  _PLIST_ENTRY_VALUES+=(\"$_JSON_OUTPUT_BASE64\")\n  echo \"warning:   A firebase.json file was not found, whilst this file is optional it is recommended to include it to configure firebase services in React Native Firebase.\"\nfi;\n\necho \"info: 2) Injecting Info.plist entries: \"\n\n# Log out the keys we're adding\nfor i in \"${!_PLIST_ENTRY_KEYS[@]}\"; do\n  echo \"    ->  $i) ${_PLIST_ENTRY_KEYS[$i]}\" \"${_PLIST_ENTRY_TYPES[$i]}\" \"${_PLIST_ENTRY_VALUES[$i]}\"\ndone\n\nfor plist in \"${_TARGET_PLIST}\" \"${_DSYM_PLIST}\" ; do\n  if [[ -f \"${plist}\" ]]; then\n\n    # paths with spaces break the call to setPlistValue. temporarily modify\n    # the shell internal field separator variable (IFS), which normally\n    # includes spaces, to consist only of line breaks\n    oldifs=$IFS\n    IFS=\"\n\"\n\n    for i in \"${!_PLIST_ENTRY_KEYS[@]}\"; do\n      setPlistValue \"${_PLIST_ENTRY_KEYS[$i]}\" \"${_PLIST_ENTRY_TYPES[$i]}\" \"${_PLIST_ENTRY_VALUES[$i]}\" \"${plist}\"\n    done\n\n    # restore the original internal field separator value\n    IFS=$oldifs\n  else\n    echo \"warning:   A Info.plist build output file was not found (${plist})\"\n  fi\ndone\n\necho \"info: <- RNFB build script finished\"\n";
-		};
-		CB7C3A21D28A14A9FB84C71E /* [CP] Check Pods Manifest.lock */ = {
+		D4F09C8128E9E62B49EF8EE2 /* [CP] Copy Pods Resources */ = {
 			isa = PBXShellScriptBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
 			);
-			inputFileListPaths = (
-			);
 			inputPaths = (
-				"${PODS_PODFILE_DIR_PATH}/Podfile.lock",
-				"${PODS_ROOT}/Manifest.lock",
-			);
-			name = "[CP] Check Pods Manifest.lock";
-			outputFileListPaths = (
+				"${PODS_ROOT}/Target Support Files/Pods-Rainbow/Pods-Rainbow-resources.sh",
+				"${PODS_CONFIGURATION_BUILD_DIR}/FirebaseABTesting/FirebaseABTesting_Privacy.bundle",
+				"${PODS_CONFIGURATION_BUILD_DIR}/FirebaseCore/FirebaseCore_Privacy.bundle",
+				"${PODS_CONFIGURATION_BUILD_DIR}/FirebaseCoreExtension/FirebaseCoreExtension_Privacy.bundle",
+				"${PODS_CONFIGURATION_BUILD_DIR}/FirebaseCoreInternal/FirebaseCoreInternal_Privacy.bundle",
+				"${PODS_CONFIGURATION_BUILD_DIR}/FirebaseInstallations/FirebaseInstallations_Privacy.bundle",
+				"${PODS_CONFIGURATION_BUILD_DIR}/FirebaseRemoteConfig/FirebaseRemoteConfig_Privacy.bundle",
+				"${PODS_CONFIGURATION_BUILD_DIR}/GoogleDataTransport/GoogleDataTransport_Privacy.bundle",
+				"${PODS_CONFIGURATION_BUILD_DIR}/GoogleUtilities/GoogleUtilities_Privacy.bundle",
+				"${PODS_CONFIGURATION_BUILD_DIR}/PromisesObjC/FBLPromises_Privacy.bundle",
+				"${PODS_CONFIGURATION_BUILD_DIR}/nanopb/nanopb_Privacy.bundle",
+				"${PODS_CONFIGURATION_BUILD_DIR}/FirebaseMessaging/FirebaseMessaging_Privacy.bundle",
+				"${PODS_CONFIGURATION_BUILD_DIR}/EXConstants/EXConstants.bundle",
+				"${PODS_CONFIGURATION_BUILD_DIR}/EXConstants/ExpoConstants_privacy.bundle",
+				"${PODS_CONFIGURATION_BUILD_DIR}/ExpoFileSystem/ExpoFileSystem_privacy.bundle",
+				"${PODS_CONFIGURATION_BUILD_DIR}/RNCAsyncStorage/RNCAsyncStorage_resources.bundle",
+				"${PODS_CONFIGURATION_BUILD_DIR}/RNImageCropPicker/RNImageCropPickerPrivacyInfo.bundle",
+				"${PODS_CONFIGURATION_BUILD_DIR}/RNImageCropPicker/QBImagePicker.bundle",
+				"${PODS_CONFIGURATION_BUILD_DIR}/React-Core/RCTI18nStrings.bundle",
+				"${PODS_CONFIGURATION_BUILD_DIR}/Rudder/Rudder.bundle",
+				"${PODS_CONFIGURATION_BUILD_DIR}/SDWebImage/SDWebImage.bundle",
+				"${PODS_CONFIGURATION_BUILD_DIR}/Sentry/Sentry.bundle",
+				"${PODS_CONFIGURATION_BUILD_DIR}/TOCropViewController/TOCropViewControllerBundle.bundle",
+				"${PODS_CONFIGURATION_BUILD_DIR}/react-native-cameraroll/RNCameraRollPrivacyInfo.bundle",
 			);
+			name = "[CP] Copy Pods Resources";
 			outputPaths = (
-				"$(DERIVED_FILE_DIR)/Pods-ImageNotification-checkManifestLockResult.txt",
+				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/FirebaseABTesting_Privacy.bundle",
+				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/FirebaseCore_Privacy.bundle",
+				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/FirebaseCoreExtension_Privacy.bundle",
+				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/FirebaseCoreInternal_Privacy.bundle",
+				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/FirebaseInstallations_Privacy.bundle",
+				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/FirebaseRemoteConfig_Privacy.bundle",
+				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/GoogleDataTransport_Privacy.bundle",
+				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/GoogleUtilities_Privacy.bundle",
+				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/FBLPromises_Privacy.bundle",
+				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/nanopb_Privacy.bundle",
+				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/FirebaseMessaging_Privacy.bundle",
+				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/EXConstants.bundle",
+				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/ExpoConstants_privacy.bundle",
+				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/ExpoFileSystem_privacy.bundle",
+				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/RNCAsyncStorage_resources.bundle",
+				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/RNImageCropPickerPrivacyInfo.bundle",
+				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/QBImagePicker.bundle",
+				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/RCTI18nStrings.bundle",
+				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/Rudder.bundle",
+				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/SDWebImage.bundle",
+				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/Sentry.bundle",
+				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/TOCropViewControllerBundle.bundle",
+				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/RNCameraRollPrivacyInfo.bundle",
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 			shellPath = /bin/sh;
-			shellScript = "diff \"${PODS_PODFILE_DIR_PATH}/Podfile.lock\" \"${PODS_ROOT}/Manifest.lock\" > /dev/null\nif [ $? != 0 ] ; then\n    # print error to STDERR\n    echo \"error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation.\" >&2\n    exit 1\nfi\n# This output is used by Xcode 'outputs' to avoid re-running this script phase.\necho \"SUCCESS\" > \"${SCRIPT_OUTPUT_FILE_0}\"\n";
+			shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-Rainbow/Pods-Rainbow-resources.sh\"\n";
 			showEnvVarsInLog = 0;
 		};
-		DA12F2B072680AA23B9CA748 /* [CP] Embed Pods Frameworks */ = {
+		DD2DC8866DF399C0155E9D82 /* [CP] Embed Pods Frameworks */ = {
 			isa = PBXShellScriptBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
@@ -1421,28 +1443,6 @@
 			shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-Rainbow/Pods-Rainbow-frameworks.sh\"\n";
 			showEnvVarsInLog = 0;
 		};
-		DA3017203C9326BAFC5C7CF1 /* [CP] Check Pods Manifest.lock */ = {
-			isa = PBXShellScriptBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-			);
-			inputFileListPaths = (
-			);
-			inputPaths = (
-				"${PODS_PODFILE_DIR_PATH}/Podfile.lock",
-				"${PODS_ROOT}/Manifest.lock",
-			);
-			name = "[CP] Check Pods Manifest.lock";
-			outputFileListPaths = (
-			);
-			outputPaths = (
-				"$(DERIVED_FILE_DIR)/Pods-SelectTokenIntent-checkManifestLockResult.txt",
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-			shellPath = /bin/sh;
-			shellScript = "diff \"${PODS_PODFILE_DIR_PATH}/Podfile.lock\" \"${PODS_ROOT}/Manifest.lock\" > /dev/null\nif [ $? != 0 ] ; then\n    # print error to STDERR\n    echo \"error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation.\" >&2\n    exit 1\nfi\n# This output is used by Xcode 'outputs' to avoid re-running this script phase.\necho \"SUCCESS\" > \"${SCRIPT_OUTPUT_FILE_0}\"\n";
-			showEnvVarsInLog = 0;
-		};
 /* End PBXShellScriptBuildPhase section */
 
 /* Begin PBXSourcesBuildPhase section */
@@ -1629,7 +1629,7 @@
 /* Begin XCBuildConfiguration section */
 		0299CE802886202800B5C7E7 /* Debug */ = {
 			isa = XCBuildConfiguration;
-			baseConfigurationReference = F1B5C87F1554F1D997BAA24F /* Pods-ImageNotification.debug.xcconfig */;
+			baseConfigurationReference = C1D44EFF1CD97D9376360388 /* Pods-ImageNotification.debug.xcconfig */;
 			buildSettings = {
 				APPLICATION_EXTENSION_API_ONLY = YES;
 				CLANG_ANALYZER_NONNULL = YES;
@@ -1680,7 +1680,7 @@
 		};
 		0299CE812886202800B5C7E7 /* Release */ = {
 			isa = XCBuildConfiguration;
-			baseConfigurationReference = 0404889173EFB369C76F5C18 /* Pods-ImageNotification.release.xcconfig */;
+			baseConfigurationReference = 754BAC14564919AC158141D7 /* Pods-ImageNotification.release.xcconfig */;
 			buildSettings = {
 				APPLICATION_EXTENSION_API_ONLY = YES;
 				CLANG_ANALYZER_NONNULL = YES;
@@ -1732,7 +1732,7 @@
 		};
 		0299CE822886202800B5C7E7 /* LocalRelease */ = {
 			isa = XCBuildConfiguration;
-			baseConfigurationReference = 97F32779CF35D9FED85F76BA /* Pods-ImageNotification.localrelease.xcconfig */;
+			baseConfigurationReference = 9A012A7A01CE319F103A71A9 /* Pods-ImageNotification.localrelease.xcconfig */;
 			buildSettings = {
 				APPLICATION_EXTENSION_API_ONLY = YES;
 				CLANG_ANALYZER_NONNULL = YES;
@@ -1781,7 +1781,7 @@
 		};
 		0299CE832886202800B5C7E7 /* Staging */ = {
 			isa = XCBuildConfiguration;
-			baseConfigurationReference = 49B701469292E5D11083AE46 /* Pods-ImageNotification.staging.xcconfig */;
+			baseConfigurationReference = 67229503F822E9932A3F2EDC /* Pods-ImageNotification.staging.xcconfig */;
 			buildSettings = {
 				APPLICATION_EXTENSION_API_ONLY = YES;
 				CLANG_ANALYZER_NONNULL = YES;
@@ -1830,7 +1830,7 @@
 		};
 		13B07F941A680F5B00A75B9A /* Debug */ = {
 			isa = XCBuildConfiguration;
-			baseConfigurationReference = D84AE46212A15D942ECD57C5 /* Pods-Rainbow.debug.xcconfig */;
+			baseConfigurationReference = 9BE4E795B009DE2D95F873F7 /* Pods-Rainbow.debug.xcconfig */;
 			buildSettings = {
 				ALWAYS_EMBED_SWIFT_STANDARD_LIBRARIES = YES;
 				APPLICATION_EXTENSION_API_ONLY = NO;
@@ -1908,7 +1908,7 @@
 		};
 		13B07F951A680F5B00A75B9A /* Release */ = {
 			isa = XCBuildConfiguration;
-			baseConfigurationReference = D3E89472F127D74FA78FF2D7 /* Pods-Rainbow.release.xcconfig */;
+			baseConfigurationReference = 1AB8A6DD535B802DE2AB649C /* Pods-Rainbow.release.xcconfig */;
 			buildSettings = {
 				ALWAYS_EMBED_SWIFT_STANDARD_LIBRARIES = YES;
 				APPLICATION_EXTENSION_API_ONLY = NO;
@@ -2029,7 +2029,7 @@
 		};
 		2C6A799821127ED9003AFB37 /* Staging */ = {
 			isa = XCBuildConfiguration;
-			baseConfigurationReference = ACD9A05400AF02F638E421D9 /* Pods-Rainbow.staging.xcconfig */;
+			baseConfigurationReference = E1C8077FF04F34DEA00831AC /* Pods-Rainbow.staging.xcconfig */;
 			buildSettings = {
 				ALWAYS_EMBED_SWIFT_STANDARD_LIBRARIES = YES;
 				APPLICATION_EXTENSION_API_ONLY = NO;
@@ -2146,7 +2146,7 @@
 		};
 		2C87B79A2197FA1900682EC4 /* LocalRelease */ = {
 			isa = XCBuildConfiguration;
-			baseConfigurationReference = 8CA82C5099AC0D4A775311BF /* Pods-Rainbow.localrelease.xcconfig */;
+			baseConfigurationReference = 1B711DBDBBF2937B44C867AE /* Pods-Rainbow.localrelease.xcconfig */;
 			buildSettings = {
 				ALWAYS_EMBED_SWIFT_STANDARD_LIBRARIES = YES;
 				APPLICATION_EXTENSION_API_ONLY = NO;
@@ -2320,7 +2320,7 @@
 		};
 		C16DCF6A272BA6F100FF5C78 /* Debug */ = {
 			isa = XCBuildConfiguration;
-			baseConfigurationReference = 91D2CE7F8041FF0D5A23B3FA /* Pods-PriceWidgetExtension.debug.xcconfig */;
+			baseConfigurationReference = 8DA3F6D98DE825DCFDE1D646 /* Pods-PriceWidgetExtension.debug.xcconfig */;
 			buildSettings = {
 				APPLICATION_EXTENSION_API_ONLY = YES;
 				ASSETCATALOG_COMPILER_GLOBAL_ACCENT_COLOR_NAME = AccentColor;
@@ -2370,7 +2370,7 @@
 		};
 		C16DCF6B272BA6F100FF5C78 /* Release */ = {
 			isa = XCBuildConfiguration;
-			baseConfigurationReference = 3D10F33F1C5D491618BEB25D /* Pods-PriceWidgetExtension.release.xcconfig */;
+			baseConfigurationReference = 0E2E061C9A880C68D5CF93DA /* Pods-PriceWidgetExtension.release.xcconfig */;
 			buildSettings = {
 				APPLICATION_EXTENSION_API_ONLY = YES;
 				ASSETCATALOG_COMPILER_GLOBAL_ACCENT_COLOR_NAME = AccentColor;
@@ -2421,7 +2421,7 @@
 		};
 		C16DCF6C272BA6F100FF5C78 /* LocalRelease */ = {
 			isa = XCBuildConfiguration;
-			baseConfigurationReference = 8BD70BB176A27E241AF7B242 /* Pods-PriceWidgetExtension.localrelease.xcconfig */;
+			baseConfigurationReference = FE236B1CFFEB2DE6C1DAF315 /* Pods-PriceWidgetExtension.localrelease.xcconfig */;
 			buildSettings = {
 				APPLICATION_EXTENSION_API_ONLY = YES;
 				ASSETCATALOG_COMPILER_GLOBAL_ACCENT_COLOR_NAME = AccentColor;
@@ -2469,7 +2469,7 @@
 		};
 		C16DCF6D272BA6F100FF5C78 /* Staging */ = {
 			isa = XCBuildConfiguration;
-			baseConfigurationReference = 480CA5D2543B26A6C8558225 /* Pods-PriceWidgetExtension.staging.xcconfig */;
+			baseConfigurationReference = DE0F2DCF345D86BC393364C1 /* Pods-PriceWidgetExtension.staging.xcconfig */;
 			buildSettings = {
 				APPLICATION_EXTENSION_API_ONLY = YES;
 				ASSETCATALOG_COMPILER_GLOBAL_ACCENT_COLOR_NAME = AccentColor;
@@ -2517,7 +2517,7 @@
 		};
 		C16DCFA0272BAB9600FF5C78 /* Debug */ = {
 			isa = XCBuildConfiguration;
-			baseConfigurationReference = D025E3F88128DB7441557329 /* Pods-SelectTokenIntent.debug.xcconfig */;
+			baseConfigurationReference = 77ABFFC40787936BEF542937 /* Pods-SelectTokenIntent.debug.xcconfig */;
 			buildSettings = {
 				APPLICATION_EXTENSION_API_ONLY = YES;
 				CLANG_ANALYZER_NONNULL = YES;
@@ -2565,7 +2565,7 @@
 		};
 		C16DCFA1272BAB9600FF5C78 /* Release */ = {
 			isa = XCBuildConfiguration;
-			baseConfigurationReference = 0B0B4B0B37BE2EDCA80525F2 /* Pods-SelectTokenIntent.release.xcconfig */;
+			baseConfigurationReference = C58D764247A98B53C1C9E5DB /* Pods-SelectTokenIntent.release.xcconfig */;
 			buildSettings = {
 				APPLICATION_EXTENSION_API_ONLY = YES;
 				CLANG_ANALYZER_NONNULL = YES;
@@ -2614,7 +2614,7 @@
 		};
 		C16DCFA2272BAB9600FF5C78 /* LocalRelease */ = {
 			isa = XCBuildConfiguration;
-			baseConfigurationReference = 20DFAE0CA19DC100E76712B9 /* Pods-SelectTokenIntent.localrelease.xcconfig */;
+			baseConfigurationReference = 35F89ADCAAB94985DB12F47E /* Pods-SelectTokenIntent.localrelease.xcconfig */;
 			buildSettings = {
 				APPLICATION_EXTENSION_API_ONLY = YES;
 				CLANG_ANALYZER_NONNULL = YES;
@@ -2660,7 +2660,7 @@
 		};
 		C16DCFA3272BAB9600FF5C78 /* Staging */ = {
 			isa = XCBuildConfiguration;
-			baseConfigurationReference = 559E65EBD543A9DC87061C90 /* Pods-SelectTokenIntent.staging.xcconfig */;
+			baseConfigurationReference = 26DC4643CD491E6EB3299729 /* Pods-SelectTokenIntent.staging.xcconfig */;
 			buildSettings = {
 				APPLICATION_EXTENSION_API_ONLY = YES;
 				CLANG_ANALYZER_NONNULL = YES;
diff --git a/package.json b/package.json
index d2d12204909..241f7140d42 100644
--- a/package.json
+++ b/package.json
@@ -342,7 +342,6 @@
     "@types/qs": "6.9.7",
     "@types/react": "18.2.65",
     "@types/react-native-extra-dimensions-android": "1.2.3",
-    "@types/react-native-text-input-mask": "0.7.10",
     "@types/react-test-renderer": "18.3.0",
     "@types/styled-components": "5.1.7",
     "@types/url-parse": "1.4.3",
diff --git a/src/state/assets/userAssets.ts b/src/state/assets/userAssets.ts
index 7135a337fa5..1ac63f8e1de 100644
--- a/src/state/assets/userAssets.ts
+++ b/src/state/assets/userAssets.ts
@@ -168,7 +168,7 @@ export const createUserAssetsStore = (address: Address | string) =>
           const filteredIds = Array.from(
             selectUserAssetIds(
               asset =>
-                +asset.native?.balance?.amount > smallBalanceThreshold &&
+                (+asset.native?.balance?.amount ?? 0) > smallBalanceThreshold &&
                 (!chainIdFilter || asset.chainId === chainIdFilter) &&
                 (!searchRegex ||
                   searchRegex.test(asset.name) ||
@@ -307,7 +307,7 @@ export const createUserAssetsStore = (address: Address | string) =>
 
           const filteredAllIdsArray = allIdsArray.filter(id => {
             const asset = userAssetsMap.get(id);
-            return asset && +asset.native?.balance?.amount > smallBalanceThreshold;
+            return asset && (+asset.native?.balance?.amount ?? 0) > smallBalanceThreshold;
           });
 
           const searchCache = new Map<string, UniqueId[]>();
diff --git a/yarn.lock b/yarn.lock
index 872c9ddeacc..2542b1b1e36 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -62,16 +62,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/code-frame@npm:^7.25.7":
-  version: 7.25.7
-  resolution: "@babel/code-frame@npm:7.25.7"
-  dependencies:
-    "@babel/highlight": "npm:^7.25.7"
-    picocolors: "npm:^1.0.0"
-  checksum: 10c0/14825c298bdec914caf3d24d1383b6d4cd6b030714686004992f4fc251831ecf432236652896f99d5d341f17170ae9a07b58d8d7b15aa0df8cfa1c5a7d5474bc
-  languageName: node
-  linkType: hard
-
 "@babel/compat-data@npm:^7.17.7, @babel/compat-data@npm:^7.20.5, @babel/compat-data@npm:^7.22.0, @babel/compat-data@npm:^7.22.6, @babel/compat-data@npm:^7.24.8":
   version: 7.24.9
   resolution: "@babel/compat-data@npm:7.24.9"
@@ -79,13 +69,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/compat-data@npm:^7.25.7":
-  version: 7.25.7
-  resolution: "@babel/compat-data@npm:7.25.7"
-  checksum: 10c0/e5cc915abdd18d021236474a96606b2d4a915c4fb620c1ad776b8a08d91111e788cb3b7e9bad43593d4e0bfa4f06894357bcb0984102de1861b9e7322b6bc9f8
-  languageName: node
-  linkType: hard
-
 "@babel/core@npm:7.22.0":
   version: 7.22.0
   resolution: "@babel/core@npm:7.22.0"
@@ -168,18 +151,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/generator@npm:^7.25.7":
-  version: 7.25.7
-  resolution: "@babel/generator@npm:7.25.7"
-  dependencies:
-    "@babel/types": "npm:^7.25.7"
-    "@jridgewell/gen-mapping": "npm:^0.3.5"
-    "@jridgewell/trace-mapping": "npm:^0.3.25"
-    jsesc: "npm:^3.0.2"
-  checksum: 10c0/c03a26c79864d60d04ce36b649c3fa0d6fd7b2bf6a22e22854a0457aa09206508392dd73ee40e7bc8d50b3602f9ff068afa47770cda091d332e7db1ca382ee96
-  languageName: node
-  linkType: hard
-
 "@babel/helper-annotate-as-pure@npm:^7.0.0, @babel/helper-annotate-as-pure@npm:^7.22.5, @babel/helper-annotate-as-pure@npm:^7.24.7":
   version: 7.24.7
   resolution: "@babel/helper-annotate-as-pure@npm:7.24.7"
@@ -189,15 +160,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/helper-annotate-as-pure@npm:^7.25.7":
-  version: 7.25.7
-  resolution: "@babel/helper-annotate-as-pure@npm:7.25.7"
-  dependencies:
-    "@babel/types": "npm:^7.25.7"
-  checksum: 10c0/2f020b0fa9d336b5778485cc2de3141561ec436a7591b685457a5bcdae4ce41d9ddee68169c95504e0789e5a4327e73b8b7e72e5b60e82e96d730c4d19255248
-  languageName: node
-  linkType: hard
-
 "@babel/helper-builder-binary-assignment-operator-visitor@npm:^7.24.7":
   version: 7.24.7
   resolution: "@babel/helper-builder-binary-assignment-operator-visitor@npm:7.24.7"
@@ -231,19 +193,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/helper-compilation-targets@npm:^7.25.7":
-  version: 7.25.7
-  resolution: "@babel/helper-compilation-targets@npm:7.25.7"
-  dependencies:
-    "@babel/compat-data": "npm:^7.25.7"
-    "@babel/helper-validator-option": "npm:^7.25.7"
-    browserslist: "npm:^4.24.0"
-    lru-cache: "npm:^5.1.1"
-    semver: "npm:^6.3.1"
-  checksum: 10c0/705be7e5274a3fdade68e3e2cf42e2b600316ab52794e13b91299a16f16c926f15886b6e9d6df20eb943ccc1cdba5a363d4766f8d01e47b8e6f4e01175f5e66c
-  languageName: node
-  linkType: hard
-
 "@babel/helper-create-class-features-plugin@npm:^7.18.6, @babel/helper-create-class-features-plugin@npm:^7.24.7, @babel/helper-create-class-features-plugin@npm:^7.24.8":
   version: 7.24.8
   resolution: "@babel/helper-create-class-features-plugin@npm:7.24.8"
@@ -263,23 +212,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/helper-create-class-features-plugin@npm:^7.25.7":
-  version: 7.25.7
-  resolution: "@babel/helper-create-class-features-plugin@npm:7.25.7"
-  dependencies:
-    "@babel/helper-annotate-as-pure": "npm:^7.25.7"
-    "@babel/helper-member-expression-to-functions": "npm:^7.25.7"
-    "@babel/helper-optimise-call-expression": "npm:^7.25.7"
-    "@babel/helper-replace-supers": "npm:^7.25.7"
-    "@babel/helper-skip-transparent-expression-wrappers": "npm:^7.25.7"
-    "@babel/traverse": "npm:^7.25.7"
-    semver: "npm:^6.3.1"
-  peerDependencies:
-    "@babel/core": ^7.0.0
-  checksum: 10c0/405c3c1a137acda1206380a96993cf2cfd808b3bee1c11c4af47ee0f03a20858497aa53394d6adc5431793c543be5e02010620e871a5ab39d938ae90a54b50f2
-  languageName: node
-  linkType: hard
-
 "@babel/helper-create-regexp-features-plugin@npm:^7.18.6, @babel/helper-create-regexp-features-plugin@npm:^7.24.7":
   version: 7.24.7
   resolution: "@babel/helper-create-regexp-features-plugin@npm:7.24.7"
@@ -392,16 +324,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/helper-member-expression-to-functions@npm:^7.25.7":
-  version: 7.25.7
-  resolution: "@babel/helper-member-expression-to-functions@npm:7.25.7"
-  dependencies:
-    "@babel/traverse": "npm:^7.25.7"
-    "@babel/types": "npm:^7.25.7"
-  checksum: 10c0/1e948162ab48d84593a7c6ec9570d14c906146f1697144fc369c59dbeb00e4a062da67dd06cb0d8f98a044cd8389002dcf2ab6f5613d99c35748307846ec63fc
-  languageName: node
-  linkType: hard
-
 "@babel/helper-module-imports@npm:^7.0.0, @babel/helper-module-imports@npm:^7.0.0-beta.49, @babel/helper-module-imports@npm:^7.18.6, @babel/helper-module-imports@npm:^7.22.5, @babel/helper-module-imports@npm:^7.24.7":
   version: 7.24.7
   resolution: "@babel/helper-module-imports@npm:7.24.7"
@@ -436,15 +358,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/helper-optimise-call-expression@npm:^7.25.7":
-  version: 7.25.7
-  resolution: "@babel/helper-optimise-call-expression@npm:7.25.7"
-  dependencies:
-    "@babel/types": "npm:^7.25.7"
-  checksum: 10c0/19b4cc7e77811b1fedca4928dbc14026afef913c2ba4142e5e110ebdcb5c3b2efc0f0fbee9f362c23a194674147b9d627adea71c289b9be08b9067bc0085308b
-  languageName: node
-  linkType: hard
-
 "@babel/helper-plugin-utils@npm:^7.0.0, @babel/helper-plugin-utils@npm:^7.10.4, @babel/helper-plugin-utils@npm:^7.12.13, @babel/helper-plugin-utils@npm:^7.14.5, @babel/helper-plugin-utils@npm:^7.16.7, @babel/helper-plugin-utils@npm:^7.18.6, @babel/helper-plugin-utils@npm:^7.18.9, @babel/helper-plugin-utils@npm:^7.20.2, @babel/helper-plugin-utils@npm:^7.21.5, @babel/helper-plugin-utils@npm:^7.22.5, @babel/helper-plugin-utils@npm:^7.24.7, @babel/helper-plugin-utils@npm:^7.24.8, @babel/helper-plugin-utils@npm:^7.8.0, @babel/helper-plugin-utils@npm:^7.8.3":
   version: 7.24.8
   resolution: "@babel/helper-plugin-utils@npm:7.24.8"
@@ -452,13 +365,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/helper-plugin-utils@npm:^7.25.7":
-  version: 7.25.7
-  resolution: "@babel/helper-plugin-utils@npm:7.25.7"
-  checksum: 10c0/241f8cf3c5b7700e91cab7cfe5b432a3c710ae3cd5bb96dc554da536a6d25f5b9f000cc0c0917501ceb4f76ba92599ee3beb25e10adaf96be59f8df89a842faf
-  languageName: node
-  linkType: hard
-
 "@babel/helper-remap-async-to-generator@npm:^7.18.9":
   version: 7.25.0
   resolution: "@babel/helper-remap-async-to-generator@npm:7.25.0"
@@ -485,19 +391,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/helper-remap-async-to-generator@npm:^7.25.7":
-  version: 7.25.7
-  resolution: "@babel/helper-remap-async-to-generator@npm:7.25.7"
-  dependencies:
-    "@babel/helper-annotate-as-pure": "npm:^7.25.7"
-    "@babel/helper-wrap-function": "npm:^7.25.7"
-    "@babel/traverse": "npm:^7.25.7"
-  peerDependencies:
-    "@babel/core": ^7.0.0
-  checksum: 10c0/972d84876adce6ab61c87a2df47e1afc790b73cff0d1767d0a1c5d9f7aa5e91d8c581a272b66b2051a26cfbb167d8a780564705e488e3ce1f477f1c15059bc5f
-  languageName: node
-  linkType: hard
-
 "@babel/helper-replace-supers@npm:^7.24.7":
   version: 7.24.7
   resolution: "@babel/helper-replace-supers@npm:7.24.7"
@@ -524,19 +417,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/helper-replace-supers@npm:^7.25.7":
-  version: 7.25.7
-  resolution: "@babel/helper-replace-supers@npm:7.25.7"
-  dependencies:
-    "@babel/helper-member-expression-to-functions": "npm:^7.25.7"
-    "@babel/helper-optimise-call-expression": "npm:^7.25.7"
-    "@babel/traverse": "npm:^7.25.7"
-  peerDependencies:
-    "@babel/core": ^7.0.0
-  checksum: 10c0/761d64ee74429f7326a6aa65e2cd5bfcb8de9e3bc3f1efb14b8f610d2410f003b0fca52778dc801d49ff8fbc90b057e8f51b27c62b0b05c95eaf23140ca1287b
-  languageName: node
-  linkType: hard
-
 "@babel/helper-simple-access@npm:^7.24.7":
   version: 7.24.7
   resolution: "@babel/helper-simple-access@npm:7.24.7"
@@ -566,16 +446,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/helper-skip-transparent-expression-wrappers@npm:^7.25.7":
-  version: 7.25.7
-  resolution: "@babel/helper-skip-transparent-expression-wrappers@npm:7.25.7"
-  dependencies:
-    "@babel/traverse": "npm:^7.25.7"
-    "@babel/types": "npm:^7.25.7"
-  checksum: 10c0/5804adb893849a9d8cfb548e3812566a81d95cb0c9a10d66b52912d13f488e577c33063bf19bc06ac70e6333162a7370d67ba1a1c3544d37fb50d5f4a00db4de
-  languageName: node
-  linkType: hard
-
 "@babel/helper-split-export-declaration@npm:^7.24.7":
   version: 7.24.7
   resolution: "@babel/helper-split-export-declaration@npm:7.24.7"
@@ -592,13 +462,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/helper-string-parser@npm:^7.25.7":
-  version: 7.25.7
-  resolution: "@babel/helper-string-parser@npm:7.25.7"
-  checksum: 10c0/73ef2ceb81f8294678a0afe8ab0103729c0370cac2e830e0d5128b03be5f6a2635838af31d391d763e3c5a4460ed96f42fd7c9b552130670d525be665913bc4c
-  languageName: node
-  linkType: hard
-
 "@babel/helper-validator-identifier@npm:^7.24.7":
   version: 7.24.7
   resolution: "@babel/helper-validator-identifier@npm:7.24.7"
@@ -606,13 +469,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/helper-validator-identifier@npm:^7.25.7":
-  version: 7.25.7
-  resolution: "@babel/helper-validator-identifier@npm:7.25.7"
-  checksum: 10c0/07438e5bf01ab2882a15027fdf39ac3b0ba1b251774a5130917907014684e2f70fef8fd620137ca062c4c4eedc388508d2ea7a3a7d9936a32785f4fe116c68c0
-  languageName: node
-  linkType: hard
-
 "@babel/helper-validator-option@npm:^7.21.0, @babel/helper-validator-option@npm:^7.24.7, @babel/helper-validator-option@npm:^7.24.8":
   version: 7.24.8
   resolution: "@babel/helper-validator-option@npm:7.24.8"
@@ -620,13 +476,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/helper-validator-option@npm:^7.25.7":
-  version: 7.25.7
-  resolution: "@babel/helper-validator-option@npm:7.25.7"
-  checksum: 10c0/12ed418c8e3ed9ed44c8c80d823f4e42d399b5eb2e423adccb975e31a31a008cd3b5d8eab688b31f740caff4a1bb28fe06ea2fa7d635aee34cc0ad6995d50f0a
-  languageName: node
-  linkType: hard
-
 "@babel/helper-wrap-function@npm:^7.24.7":
   version: 7.24.7
   resolution: "@babel/helper-wrap-function@npm:7.24.7"
@@ -650,17 +499,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/helper-wrap-function@npm:^7.25.7":
-  version: 7.25.7
-  resolution: "@babel/helper-wrap-function@npm:7.25.7"
-  dependencies:
-    "@babel/template": "npm:^7.25.7"
-    "@babel/traverse": "npm:^7.25.7"
-    "@babel/types": "npm:^7.25.7"
-  checksum: 10c0/b5d412f72697f4a4ce4cb9784fbaf82501c63cf95066c0eadd3179e3439cbbf0aa5fa4858d93590083671943cd357aeb87286958df34aa56fdf8a4c9dea39755
-  languageName: node
-  linkType: hard
-
 "@babel/helpers@npm:^7.22.0, @babel/helpers@npm:^7.24.8":
   version: 7.24.8
   resolution: "@babel/helpers@npm:7.24.8"
@@ -683,18 +521,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/highlight@npm:^7.25.7":
-  version: 7.25.7
-  resolution: "@babel/highlight@npm:7.25.7"
-  dependencies:
-    "@babel/helper-validator-identifier": "npm:^7.25.7"
-    chalk: "npm:^2.4.2"
-    js-tokens: "npm:^4.0.0"
-    picocolors: "npm:^1.0.0"
-  checksum: 10c0/1f5894fdb0a0af6101fb2822369b2eeeae32cbeae2ef73ff73fc6a0a4a20471565cd9cfa589f54ed69df66adeca7c57266031ca9134b7bd244d023a488d419aa
-  languageName: node
-  linkType: hard
-
 "@babel/parser@npm:7.22.0":
   version: 7.22.0
   resolution: "@babel/parser@npm:7.22.0"
@@ -724,17 +550,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/parser@npm:^7.25.7":
-  version: 7.25.7
-  resolution: "@babel/parser@npm:7.25.7"
-  dependencies:
-    "@babel/types": "npm:^7.25.7"
-  bin:
-    parser: ./bin/babel-parser.js
-  checksum: 10c0/b771469bb6b636c18a8d642b9df3c73913c3860a979591e1a29a98659efd38b81d3e393047b5251fe382d4c82c681c12da9ce91c98d69316d2604d155a214bcf
-  languageName: node
-  linkType: hard
-
 "@babel/plugin-bugfix-firefox-class-in-computed-class-key@npm:^7.24.7":
   version: 7.24.7
   resolution: "@babel/plugin-bugfix-firefox-class-in-computed-class-key@npm:7.24.7"
@@ -1221,20 +1036,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-async-generator-functions@npm:^7.24.3":
-  version: 7.25.7
-  resolution: "@babel/plugin-transform-async-generator-functions@npm:7.25.7"
-  dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.25.7"
-    "@babel/helper-remap-async-to-generator": "npm:^7.25.7"
-    "@babel/plugin-syntax-async-generators": "npm:^7.8.4"
-    "@babel/traverse": "npm:^7.25.7"
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 10c0/dcdd17d8cafafe0eb2edd0a46a7abe86c72235c957c8eb1157ccadb2b199572d5d1aa36a2d3bce5cb99990f7d3c6290ecf09959c62f3081c4df9ff717a1c84a4
-  languageName: node
-  linkType: hard
-
 "@babel/plugin-transform-async-to-generator@npm:^7.20.0, @babel/plugin-transform-async-to-generator@npm:^7.20.7, @babel/plugin-transform-async-to-generator@npm:^7.24.7":
   version: 7.24.7
   resolution: "@babel/plugin-transform-async-to-generator@npm:7.24.7"
@@ -1282,18 +1083,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-class-properties@npm:^7.24.1":
-  version: 7.25.7
-  resolution: "@babel/plugin-transform-class-properties@npm:7.25.7"
-  dependencies:
-    "@babel/helper-create-class-features-plugin": "npm:^7.25.7"
-    "@babel/helper-plugin-utils": "npm:^7.25.7"
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 10c0/1f41e6934b20ad3e05df63959cff9bc600ff3119153b9acbbd44c1731e7df04866397e6e17799173f4c53cdee6115e155632859aee20bf47ec7dcef3f2168a47
-  languageName: node
-  linkType: hard
-
 "@babel/plugin-transform-class-static-block@npm:^7.22.0, @babel/plugin-transform-class-static-block@npm:^7.24.7":
   version: 7.24.7
   resolution: "@babel/plugin-transform-class-static-block@npm:7.24.7"
@@ -1435,18 +1224,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-for-of@npm:^7.0.0":
-  version: 7.25.7
-  resolution: "@babel/plugin-transform-for-of@npm:7.25.7"
-  dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.25.7"
-    "@babel/helper-skip-transparent-expression-wrappers": "npm:^7.25.7"
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 10c0/08a37a1742368a422d095c998ed76f60f6bf3f9cc060033be121d803fd2dddc08fe543e48ee49c022bdc9ed80893ca79d084958d83d30684178b088774754277
-  languageName: node
-  linkType: hard
-
 "@babel/plugin-transform-for-of@npm:^7.21.5, @babel/plugin-transform-for-of@npm:^7.24.7":
   version: 7.24.7
   resolution: "@babel/plugin-transform-for-of@npm:7.24.7"
@@ -1507,18 +1284,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-logical-assignment-operators@npm:^7.24.1":
-  version: 7.25.7
-  resolution: "@babel/plugin-transform-logical-assignment-operators@npm:7.25.7"
-  dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.25.7"
-    "@babel/plugin-syntax-logical-assignment-operators": "npm:^7.10.4"
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 10c0/d610a8a2c1be83e03cce2256f29519e705dc68289c09d67f1f362d1fd80f4b36eaf2affc05710abb53a272895041e24d9e95ec73a516a23a67cb907023fbe37b
-  languageName: node
-  linkType: hard
-
 "@babel/plugin-transform-member-expression-literals@npm:^7.18.6, @babel/plugin-transform-member-expression-literals@npm:^7.24.7":
   version: 7.24.7
   resolution: "@babel/plugin-transform-member-expression-literals@npm:7.24.7"
@@ -1616,18 +1381,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-nullish-coalescing-operator@npm:^7.24.1":
-  version: 7.25.7
-  resolution: "@babel/plugin-transform-nullish-coalescing-operator@npm:7.25.7"
-  dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.25.7"
-    "@babel/plugin-syntax-nullish-coalescing-operator": "npm:^7.8.3"
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 10c0/b35a96a79ef4895b00e4f758d3185cb17e4fbfada311894ad5f0988a55fc2c21820dc789b26a3cb8fbd620434faa516e52acb6e2da105c2edbd29de8b6b0facf
-  languageName: node
-  linkType: hard
-
 "@babel/plugin-transform-numeric-separator@npm:^7.22.0, @babel/plugin-transform-numeric-separator@npm:^7.24.7":
   version: 7.24.7
   resolution: "@babel/plugin-transform-numeric-separator@npm:7.24.7"
@@ -1640,18 +1393,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-numeric-separator@npm:^7.24.1":
-  version: 7.25.7
-  resolution: "@babel/plugin-transform-numeric-separator@npm:7.25.7"
-  dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.25.7"
-    "@babel/plugin-syntax-numeric-separator": "npm:^7.10.4"
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 10c0/c028ae89e6b4e1d757f8f1ebcb3b420e6559bb35002728f6f5651d5f669fbf73764adf6e3597908fa12adf8dbae683e5f74b3a7f68e8774a9663c18c0f999539
-  languageName: node
-  linkType: hard
-
 "@babel/plugin-transform-object-rest-spread@npm:^7.12.13, @babel/plugin-transform-object-rest-spread@npm:^7.22.0, @babel/plugin-transform-object-rest-spread@npm:^7.24.7":
   version: 7.24.7
   resolution: "@babel/plugin-transform-object-rest-spread@npm:7.24.7"
@@ -1666,20 +1407,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-object-rest-spread@npm:^7.24.5":
-  version: 7.25.7
-  resolution: "@babel/plugin-transform-object-rest-spread@npm:7.25.7"
-  dependencies:
-    "@babel/helper-compilation-targets": "npm:^7.25.7"
-    "@babel/helper-plugin-utils": "npm:^7.25.7"
-    "@babel/plugin-syntax-object-rest-spread": "npm:^7.8.3"
-    "@babel/plugin-transform-parameters": "npm:^7.25.7"
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 10c0/e8b978d9d1020452da0d5d92f80fe57e302761dac20137bb8bf863478a4779fcd63d314db89e796125d9d76da2a38f64f012d6e0c4913815951b3eb3fba2feb6
-  languageName: node
-  linkType: hard
-
 "@babel/plugin-transform-object-super@npm:^7.18.6, @babel/plugin-transform-object-super@npm:^7.24.7":
   version: 7.24.7
   resolution: "@babel/plugin-transform-object-super@npm:7.24.7"
@@ -1704,18 +1431,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-optional-catch-binding@npm:^7.24.1":
-  version: 7.25.7
-  resolution: "@babel/plugin-transform-optional-catch-binding@npm:7.25.7"
-  dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.25.7"
-    "@babel/plugin-syntax-optional-catch-binding": "npm:^7.8.3"
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 10c0/bb609e5103780be0825a255ffe1fefbb5335aead88a46eecc2257053279ea2c45ff66b0ef1fb54302c8c8c57146e88e52f3ecb62b4c6f619218d7b3843b352d9
-  languageName: node
-  linkType: hard
-
 "@babel/plugin-transform-optional-chaining@npm:^7.0.0-0, @babel/plugin-transform-optional-chaining@npm:^7.22.0, @babel/plugin-transform-optional-chaining@npm:^7.24.7, @babel/plugin-transform-optional-chaining@npm:^7.24.8":
   version: 7.24.8
   resolution: "@babel/plugin-transform-optional-chaining@npm:7.24.8"
@@ -1729,19 +1444,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-optional-chaining@npm:^7.24.5":
-  version: 7.25.7
-  resolution: "@babel/plugin-transform-optional-chaining@npm:7.25.7"
-  dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.25.7"
-    "@babel/helper-skip-transparent-expression-wrappers": "npm:^7.25.7"
-    "@babel/plugin-syntax-optional-chaining": "npm:^7.8.3"
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 10c0/887441ada6c2bc1b789984b7531d9bc585f335ece99642886d3d9fd8aee7e6b8d4f7ca61d76b5f23477f3aa607284d5056eadaa1eb17e7b39af6b0e834cbe878
-  languageName: node
-  linkType: hard
-
 "@babel/plugin-transform-parameters@npm:^7.0.0, @babel/plugin-transform-parameters@npm:^7.20.7, @babel/plugin-transform-parameters@npm:^7.22.0, @babel/plugin-transform-parameters@npm:^7.22.15, @babel/plugin-transform-parameters@npm:^7.24.7":
   version: 7.24.7
   resolution: "@babel/plugin-transform-parameters@npm:7.24.7"
@@ -1753,17 +1455,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-parameters@npm:^7.25.7":
-  version: 7.25.7
-  resolution: "@babel/plugin-transform-parameters@npm:7.25.7"
-  dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.25.7"
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 10c0/b40ba70278842ce1e800d7ab400df730994941550da547ef453780023bd61a9b8acf4b9fb8419c1b5bcbe09819a1146ff59369db11db07eb71870bef86a12422
-  languageName: node
-  linkType: hard
-
 "@babel/plugin-transform-private-methods@npm:^7.22.0, @babel/plugin-transform-private-methods@npm:^7.22.5, @babel/plugin-transform-private-methods@npm:^7.24.7":
   version: 7.24.7
   resolution: "@babel/plugin-transform-private-methods@npm:7.24.7"
@@ -1899,18 +1590,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-regenerator@npm:^7.20.0":
-  version: 7.25.7
-  resolution: "@babel/plugin-transform-regenerator@npm:7.25.7"
-  dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.25.7"
-    regenerator-transform: "npm:^0.15.2"
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 10c0/7ee3a57c4050bc908ef7ac392d810826b294970a7182f4ec34a8ca93dbe36deb21bc862616d46a6f3d881d6b5749930e1679e875b638a00866d844a4250df212
-  languageName: node
-  linkType: hard
-
 "@babel/plugin-transform-regenerator@npm:^7.21.5, @babel/plugin-transform-regenerator@npm:^7.24.7":
   version: 7.24.7
   resolution: "@babel/plugin-transform-regenerator@npm:7.24.7"
@@ -2406,17 +2085,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/template@npm:^7.25.7":
-  version: 7.25.7
-  resolution: "@babel/template@npm:7.25.7"
-  dependencies:
-    "@babel/code-frame": "npm:^7.25.7"
-    "@babel/parser": "npm:^7.25.7"
-    "@babel/types": "npm:^7.25.7"
-  checksum: 10c0/8ae9e36e4330ee83d4832531d1d9bec7dc2ef6a2a8afa1ef1229506fd60667abcb17f306d1c3d7e582251270597022990c845d5d69e7add70a5aea66720decb9
-  languageName: node
-  linkType: hard
-
 "@babel/traverse@npm:^7.1.6, @babel/traverse@npm:^7.2.3, @babel/traverse@npm:^7.20.0, @babel/traverse@npm:^7.22.0, @babel/traverse@npm:^7.23.2, @babel/traverse@npm:^7.24.7, @babel/traverse@npm:^7.24.8, @babel/traverse@npm:^7.4.5":
   version: 7.24.8
   resolution: "@babel/traverse@npm:7.24.8"
@@ -2450,21 +2118,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/traverse@npm:^7.25.7":
-  version: 7.25.7
-  resolution: "@babel/traverse@npm:7.25.7"
-  dependencies:
-    "@babel/code-frame": "npm:^7.25.7"
-    "@babel/generator": "npm:^7.25.7"
-    "@babel/parser": "npm:^7.25.7"
-    "@babel/template": "npm:^7.25.7"
-    "@babel/types": "npm:^7.25.7"
-    debug: "npm:^4.3.1"
-    globals: "npm:^11.1.0"
-  checksum: 10c0/75d73e52c507a7a7a4c7971d6bf4f8f26fdd094e0d3a0193d77edf6a5efa36fc3db91ec5cc48e8b94e6eb5d5ad21af0a1040e71309172851209415fd105efb1a
-  languageName: node
-  linkType: hard
-
 "@babel/types@npm:^7.0.0, @babel/types@npm:^7.0.0-beta.49, @babel/types@npm:^7.1.6, @babel/types@npm:^7.18.9, @babel/types@npm:^7.20.0, @babel/types@npm:^7.20.7, @babel/types@npm:^7.22.0, @babel/types@npm:^7.24.7, @babel/types@npm:^7.24.8, @babel/types@npm:^7.24.9, @babel/types@npm:^7.3.0, @babel/types@npm:^7.3.3, @babel/types@npm:^7.4.4, @babel/types@npm:^7.8.3":
   version: 7.24.9
   resolution: "@babel/types@npm:7.24.9"
@@ -2498,17 +2151,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/types@npm:^7.25.7":
-  version: 7.25.7
-  resolution: "@babel/types@npm:7.25.7"
-  dependencies:
-    "@babel/helper-string-parser": "npm:^7.25.7"
-    "@babel/helper-validator-identifier": "npm:^7.25.7"
-    to-fast-properties: "npm:^2.0.0"
-  checksum: 10c0/e03e1e2e08600fa1e8eb90632ac9c253dd748176c8d670d85f85b0dc83a0573b26ae748a1cbcb81f401903a3d95f43c3f4f8d516a5ed779929db27de56289633
-  languageName: node
-  linkType: hard
-
 "@bankify/react-native-animate-number@npm:0.2.1":
   version: 0.2.1
   resolution: "@bankify/react-native-animate-number@npm:0.2.1"
@@ -5805,18 +5447,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@react-native-community/cli-clean@npm:14.1.0":
-  version: 14.1.0
-  resolution: "@react-native-community/cli-clean@npm:14.1.0"
-  dependencies:
-    "@react-native-community/cli-tools": "npm:14.1.0"
-    chalk: "npm:^4.1.2"
-    execa: "npm:^5.0.0"
-    fast-glob: "npm:^3.3.2"
-  checksum: 10c0/57ed359c11b5f58da61ca22213394d56db815538d0df459a99017fb38450d35b6ef5c0ccc997c48c34160fc08898147593d7cd1e8ab78b3cea988020d0d6ce88
-  languageName: node
-  linkType: hard
-
 "@react-native-community/cli-config@npm:13.6.9":
   version: 13.6.9
   resolution: "@react-native-community/cli-config@npm:13.6.9"
@@ -5831,20 +5461,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@react-native-community/cli-config@npm:14.1.0":
-  version: 14.1.0
-  resolution: "@react-native-community/cli-config@npm:14.1.0"
-  dependencies:
-    "@react-native-community/cli-tools": "npm:14.1.0"
-    chalk: "npm:^4.1.2"
-    cosmiconfig: "npm:^9.0.0"
-    deepmerge: "npm:^4.3.0"
-    fast-glob: "npm:^3.3.2"
-    joi: "npm:^17.2.1"
-  checksum: 10c0/3e4ebea0eb17e52c42e5d60eb9219c84f2cf8d804bc083ae483ffae504bf0c6077c5e859c72311caa319f0dc8d2fc4b69c4230ee3aba5e9f2c1c0461c9c538ea
-  languageName: node
-  linkType: hard
-
 "@react-native-community/cli-debugger-ui@npm:13.6.9":
   version: 13.6.9
   resolution: "@react-native-community/cli-debugger-ui@npm:13.6.9"
@@ -5854,15 +5470,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@react-native-community/cli-debugger-ui@npm:14.1.0":
-  version: 14.1.0
-  resolution: "@react-native-community/cli-debugger-ui@npm:14.1.0"
-  dependencies:
-    serve-static: "npm:^1.13.1"
-  checksum: 10c0/e673412c042ed2c40e06b59e85c9964303384d69547b13a7e093ad53a8ddc9a9df4cf0ba647b645601e362bb37c2d8bd8616097e6e880c4da04df1dd1f22d87e
-  languageName: node
-  linkType: hard
-
 "@react-native-community/cli-doctor@npm:13.6.9":
   version: 13.6.9
   resolution: "@react-native-community/cli-doctor@npm:13.6.9"
@@ -5888,30 +5495,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@react-native-community/cli-doctor@npm:14.1.0":
-  version: 14.1.0
-  resolution: "@react-native-community/cli-doctor@npm:14.1.0"
-  dependencies:
-    "@react-native-community/cli-config": "npm:14.1.0"
-    "@react-native-community/cli-platform-android": "npm:14.1.0"
-    "@react-native-community/cli-platform-apple": "npm:14.1.0"
-    "@react-native-community/cli-platform-ios": "npm:14.1.0"
-    "@react-native-community/cli-tools": "npm:14.1.0"
-    chalk: "npm:^4.1.2"
-    command-exists: "npm:^1.2.8"
-    deepmerge: "npm:^4.3.0"
-    envinfo: "npm:^7.13.0"
-    execa: "npm:^5.0.0"
-    node-stream-zip: "npm:^1.9.1"
-    ora: "npm:^5.4.1"
-    semver: "npm:^7.5.2"
-    strip-ansi: "npm:^5.2.0"
-    wcwidth: "npm:^1.0.1"
-    yaml: "npm:^2.2.1"
-  checksum: 10c0/4293e05195deb6d5e920317874c27dd0f7a39da0f7c5152f7e72187d92b1915d576929d069c3e92869d474a1ae36d2a77b9e298b378019519b112384308f5240
-  languageName: node
-  linkType: hard
-
 "@react-native-community/cli-hermes@npm:13.6.9":
   version: 13.6.9
   resolution: "@react-native-community/cli-hermes@npm:13.6.9"
@@ -5938,20 +5521,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@react-native-community/cli-platform-android@npm:14.1.0":
-  version: 14.1.0
-  resolution: "@react-native-community/cli-platform-android@npm:14.1.0"
-  dependencies:
-    "@react-native-community/cli-tools": "npm:14.1.0"
-    chalk: "npm:^4.1.2"
-    execa: "npm:^5.0.0"
-    fast-glob: "npm:^3.3.2"
-    fast-xml-parser: "npm:^4.4.1"
-    logkitty: "npm:^0.7.1"
-  checksum: 10c0/634b0303e783c0e481b03af0a4223bf70b98d09fdada69b10a820d9d637ba76f1674451be13aaf78bbb9a094e7a2cd59cc7b840b5a4ea73ba9b8a32e7480f778
-  languageName: node
-  linkType: hard
-
 "@react-native-community/cli-platform-apple@npm:13.6.9":
   version: 13.6.9
   resolution: "@react-native-community/cli-platform-apple@npm:13.6.9"
@@ -5966,20 +5535,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@react-native-community/cli-platform-apple@npm:14.1.0":
-  version: 14.1.0
-  resolution: "@react-native-community/cli-platform-apple@npm:14.1.0"
-  dependencies:
-    "@react-native-community/cli-tools": "npm:14.1.0"
-    chalk: "npm:^4.1.2"
-    execa: "npm:^5.0.0"
-    fast-glob: "npm:^3.3.2"
-    fast-xml-parser: "npm:^4.4.1"
-    ora: "npm:^5.4.1"
-  checksum: 10c0/04c15a024b99a17a0f7fe75dcf2c454d541021950e4fbff494a2ced11654ee9f2a49944f5a6d1c0329abd33a0a95c3f5b58a11d3790968c93f9f1dc769c517a3
-  languageName: node
-  linkType: hard
-
 "@react-native-community/cli-platform-ios@npm:13.6.9":
   version: 13.6.9
   resolution: "@react-native-community/cli-platform-ios@npm:13.6.9"
@@ -5989,15 +5544,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@react-native-community/cli-platform-ios@npm:14.1.0":
-  version: 14.1.0
-  resolution: "@react-native-community/cli-platform-ios@npm:14.1.0"
-  dependencies:
-    "@react-native-community/cli-platform-apple": "npm:14.1.0"
-  checksum: 10c0/67f89496fe4405dc055ab478e9331ca8c34687f2983bb421188834e1ef9877c1e47fb420f58eb6d4df3088cd64454eb6b3af1c9c02c771f654443fae3033d515
-  languageName: node
-  linkType: hard
-
 "@react-native-community/cli-server-api@npm:13.6.9":
   version: 13.6.9
   resolution: "@react-native-community/cli-server-api@npm:13.6.9"
@@ -6015,23 +5561,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@react-native-community/cli-server-api@npm:14.1.0":
-  version: 14.1.0
-  resolution: "@react-native-community/cli-server-api@npm:14.1.0"
-  dependencies:
-    "@react-native-community/cli-debugger-ui": "npm:14.1.0"
-    "@react-native-community/cli-tools": "npm:14.1.0"
-    compression: "npm:^1.7.1"
-    connect: "npm:^3.6.5"
-    errorhandler: "npm:^1.5.1"
-    nocache: "npm:^3.0.1"
-    pretty-format: "npm:^26.6.2"
-    serve-static: "npm:^1.13.1"
-    ws: "npm:^6.2.3"
-  checksum: 10c0/e79ba3311b70661bdabfdfa4d5f6a4737081140332093811ea67cee38ac15b835e829830e996a105842cf166fa0dc4c9d697fff34c8f48ca69490b40651b21ac
-  languageName: node
-  linkType: hard
-
 "@react-native-community/cli-tools@npm:13.6.9":
   version: 13.6.9
   resolution: "@react-native-community/cli-tools@npm:13.6.9"
@@ -6051,24 +5580,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@react-native-community/cli-tools@npm:14.1.0":
-  version: 14.1.0
-  resolution: "@react-native-community/cli-tools@npm:14.1.0"
-  dependencies:
-    appdirsjs: "npm:^1.2.4"
-    chalk: "npm:^4.1.2"
-    execa: "npm:^5.0.0"
-    find-up: "npm:^5.0.0"
-    mime: "npm:^2.4.1"
-    open: "npm:^6.2.0"
-    ora: "npm:^5.4.1"
-    semver: "npm:^7.5.2"
-    shell-quote: "npm:^1.7.3"
-    sudo-prompt: "npm:^9.0.0"
-  checksum: 10c0/982fff928966f44db88bb1e2b968cf9908b4156570bd2a8f71d087c9b64c3840e92db4e5217d3c787b1ffd57c3fd1c79aab5f81611e8862f75e22c4e49b7b322
-  languageName: node
-  linkType: hard
-
 "@react-native-community/cli-types@npm:13.6.9":
   version: 13.6.9
   resolution: "@react-native-community/cli-types@npm:13.6.9"
@@ -6078,15 +5589,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@react-native-community/cli-types@npm:14.1.0":
-  version: 14.1.0
-  resolution: "@react-native-community/cli-types@npm:14.1.0"
-  dependencies:
-    joi: "npm:^17.2.1"
-  checksum: 10c0/bb7acced460cc73b3c849f07df52794c4be7845669adb97834b0b715c325266bec9cfefd89b4ac8d31a464073790d99bc624f1454d3579630a36dd9502033b36
-  languageName: node
-  linkType: hard
-
 "@react-native-community/cli@npm:13.6.9":
   version: 13.6.9
   resolution: "@react-native-community/cli@npm:13.6.9"
@@ -6114,32 +5616,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@react-native-community/cli@npm:14.1.0":
-  version: 14.1.0
-  resolution: "@react-native-community/cli@npm:14.1.0"
-  dependencies:
-    "@react-native-community/cli-clean": "npm:14.1.0"
-    "@react-native-community/cli-config": "npm:14.1.0"
-    "@react-native-community/cli-debugger-ui": "npm:14.1.0"
-    "@react-native-community/cli-doctor": "npm:14.1.0"
-    "@react-native-community/cli-server-api": "npm:14.1.0"
-    "@react-native-community/cli-tools": "npm:14.1.0"
-    "@react-native-community/cli-types": "npm:14.1.0"
-    chalk: "npm:^4.1.2"
-    commander: "npm:^9.4.1"
-    deepmerge: "npm:^4.3.0"
-    execa: "npm:^5.0.0"
-    find-up: "npm:^5.0.0"
-    fs-extra: "npm:^8.1.0"
-    graceful-fs: "npm:^4.1.3"
-    prompts: "npm:^2.4.2"
-    semver: "npm:^7.5.2"
-  bin:
-    rnc-cli: build/bin.js
-  checksum: 10c0/6f9cbba7d0f8c851333efc286fb469c59c61c7b5ce79dcfa4d6a4b205e917e99d0df0174db73b9f37b4160935b73d523cfd34b82e5171f8cca16b1e52d2525c4
-  languageName: node
-  linkType: hard
-
 "@react-native-community/netinfo@npm:9.0.0":
   version: 9.0.0
   resolution: "@react-native-community/netinfo@npm:9.0.0"
@@ -6216,13 +5692,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@react-native/assets-registry@npm:0.75.4":
-  version: 0.75.4
-  resolution: "@react-native/assets-registry@npm:0.75.4"
-  checksum: 10c0/5669e8700cb8b1bed8878dc6d6a869a54c7157f60dc88b85556db48cabc65414b87f01995244dc5532009cc860adfa1f86b57415c810fe10806f8fc085b3673f
-  languageName: node
-  linkType: hard
-
 "@react-native/babel-plugin-codegen@npm:0.74.83":
   version: 0.74.83
   resolution: "@react-native/babel-plugin-codegen@npm:0.74.83"
@@ -6250,15 +5719,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@react-native/babel-plugin-codegen@npm:0.75.4":
-  version: 0.75.4
-  resolution: "@react-native/babel-plugin-codegen@npm:0.75.4"
-  dependencies:
-    "@react-native/codegen": "npm:0.75.4"
-  checksum: 10c0/ceac60a2a33a7e75e9c2f0045d738516769128d0358de35091d1ef23bbb5a391a2f7937781532c61f427e18a76038566dc804d46bdd0d68314619920e23153b0
-  languageName: node
-  linkType: hard
-
 "@react-native/babel-preset@npm:0.74.83":
   version: 0.74.83
   resolution: "@react-native/babel-preset@npm:0.74.83"
@@ -6418,61 +5878,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@react-native/babel-preset@npm:0.75.4":
-  version: 0.75.4
-  resolution: "@react-native/babel-preset@npm:0.75.4"
-  dependencies:
-    "@babel/core": "npm:^7.20.0"
-    "@babel/plugin-proposal-export-default-from": "npm:^7.0.0"
-    "@babel/plugin-syntax-dynamic-import": "npm:^7.8.0"
-    "@babel/plugin-syntax-export-default-from": "npm:^7.0.0"
-    "@babel/plugin-syntax-flow": "npm:^7.18.0"
-    "@babel/plugin-syntax-nullish-coalescing-operator": "npm:^7.0.0"
-    "@babel/plugin-syntax-optional-chaining": "npm:^7.0.0"
-    "@babel/plugin-transform-arrow-functions": "npm:^7.0.0"
-    "@babel/plugin-transform-async-generator-functions": "npm:^7.24.3"
-    "@babel/plugin-transform-async-to-generator": "npm:^7.20.0"
-    "@babel/plugin-transform-block-scoping": "npm:^7.0.0"
-    "@babel/plugin-transform-class-properties": "npm:^7.24.1"
-    "@babel/plugin-transform-classes": "npm:^7.0.0"
-    "@babel/plugin-transform-computed-properties": "npm:^7.0.0"
-    "@babel/plugin-transform-destructuring": "npm:^7.20.0"
-    "@babel/plugin-transform-flow-strip-types": "npm:^7.20.0"
-    "@babel/plugin-transform-for-of": "npm:^7.0.0"
-    "@babel/plugin-transform-function-name": "npm:^7.0.0"
-    "@babel/plugin-transform-literals": "npm:^7.0.0"
-    "@babel/plugin-transform-logical-assignment-operators": "npm:^7.24.1"
-    "@babel/plugin-transform-modules-commonjs": "npm:^7.0.0"
-    "@babel/plugin-transform-named-capturing-groups-regex": "npm:^7.0.0"
-    "@babel/plugin-transform-nullish-coalescing-operator": "npm:^7.24.1"
-    "@babel/plugin-transform-numeric-separator": "npm:^7.24.1"
-    "@babel/plugin-transform-object-rest-spread": "npm:^7.24.5"
-    "@babel/plugin-transform-optional-catch-binding": "npm:^7.24.1"
-    "@babel/plugin-transform-optional-chaining": "npm:^7.24.5"
-    "@babel/plugin-transform-parameters": "npm:^7.0.0"
-    "@babel/plugin-transform-private-methods": "npm:^7.22.5"
-    "@babel/plugin-transform-private-property-in-object": "npm:^7.22.11"
-    "@babel/plugin-transform-react-display-name": "npm:^7.0.0"
-    "@babel/plugin-transform-react-jsx": "npm:^7.0.0"
-    "@babel/plugin-transform-react-jsx-self": "npm:^7.0.0"
-    "@babel/plugin-transform-react-jsx-source": "npm:^7.0.0"
-    "@babel/plugin-transform-regenerator": "npm:^7.20.0"
-    "@babel/plugin-transform-runtime": "npm:^7.0.0"
-    "@babel/plugin-transform-shorthand-properties": "npm:^7.0.0"
-    "@babel/plugin-transform-spread": "npm:^7.0.0"
-    "@babel/plugin-transform-sticky-regex": "npm:^7.0.0"
-    "@babel/plugin-transform-typescript": "npm:^7.5.0"
-    "@babel/plugin-transform-unicode-regex": "npm:^7.0.0"
-    "@babel/template": "npm:^7.0.0"
-    "@react-native/babel-plugin-codegen": "npm:0.75.4"
-    babel-plugin-transform-flow-enums: "npm:^0.0.2"
-    react-refresh: "npm:^0.14.0"
-  peerDependencies:
-    "@babel/core": "*"
-  checksum: 10c0/adf81e70813abd82c3ff2b0bccef100667ca33c197aa473aafec0e88d1e9c4d6d05f6f90004947f36fa1a199e9a4b9afa8c7876e9b6614e55881475c80b6bf28
-  languageName: node
-  linkType: hard
-
 "@react-native/codegen@npm:0.74.83":
   version: 0.74.83
   resolution: "@react-native/codegen@npm:0.74.83"
@@ -6524,24 +5929,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@react-native/codegen@npm:0.75.4":
-  version: 0.75.4
-  resolution: "@react-native/codegen@npm:0.75.4"
-  dependencies:
-    "@babel/parser": "npm:^7.20.0"
-    glob: "npm:^7.1.1"
-    hermes-parser: "npm:0.22.0"
-    invariant: "npm:^2.2.4"
-    jscodeshift: "npm:^0.14.0"
-    mkdirp: "npm:^0.5.1"
-    nullthrows: "npm:^1.1.1"
-    yargs: "npm:^17.6.2"
-  peerDependencies:
-    "@babel/preset-env": ^7.1.6
-  checksum: 10c0/49149c2b07c2c142abe0eb6459face50f7ffa5d7b0db29075ea5243b6e6c546087968c4e80b789a9a39d0bf9050495f0d620b1d3544d8b4bed2682b3d8f48bc2
-  languageName: node
-  linkType: hard
-
 "@react-native/community-cli-plugin@npm:0.74.85":
   version: 0.74.85
   resolution: "@react-native/community-cli-plugin@npm:0.74.85"
@@ -6562,25 +5949,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@react-native/community-cli-plugin@npm:0.75.4":
-  version: 0.75.4
-  resolution: "@react-native/community-cli-plugin@npm:0.75.4"
-  dependencies:
-    "@react-native-community/cli-server-api": "npm:14.1.0"
-    "@react-native-community/cli-tools": "npm:14.1.0"
-    "@react-native/dev-middleware": "npm:0.75.4"
-    "@react-native/metro-babel-transformer": "npm:0.75.4"
-    chalk: "npm:^4.0.0"
-    execa: "npm:^5.1.1"
-    metro: "npm:^0.80.3"
-    metro-config: "npm:^0.80.3"
-    metro-core: "npm:^0.80.3"
-    node-fetch: "npm:^2.2.0"
-    readline: "npm:^1.3.0"
-  checksum: 10c0/f51cc82a6ef722a3c1866181823a3047c78b80fb40c33f47420b31ee155a42a4683fe53e3221f4d5f3d3ba471c8575db5dbb2efbbce74341df2eb8c7aa2b9aa9
-  languageName: node
-  linkType: hard
-
 "@react-native/debugger-frontend@npm:0.74.85":
   version: 0.74.85
   resolution: "@react-native/debugger-frontend@npm:0.74.85"
@@ -6588,13 +5956,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@react-native/debugger-frontend@npm:0.75.4":
-  version: 0.75.4
-  resolution: "@react-native/debugger-frontend@npm:0.75.4"
-  checksum: 10c0/189ba0711a59bf1a23b0a72c0f2485b7a634089c09912af429e93ab2849c228350d42d0b29570feb70417e9eaab41bcd5e20c7bf0c7a9a8949d62d9e19c26a4f
-  languageName: node
-  linkType: hard
-
 "@react-native/dev-middleware@npm:0.74.85":
   version: 0.74.85
   resolution: "@react-native/dev-middleware@npm:0.74.85"
@@ -6616,26 +5977,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@react-native/dev-middleware@npm:0.75.4":
-  version: 0.75.4
-  resolution: "@react-native/dev-middleware@npm:0.75.4"
-  dependencies:
-    "@isaacs/ttlcache": "npm:^1.4.1"
-    "@react-native/debugger-frontend": "npm:0.75.4"
-    chrome-launcher: "npm:^0.15.2"
-    chromium-edge-launcher: "npm:^0.2.0"
-    connect: "npm:^3.6.5"
-    debug: "npm:^2.2.0"
-    node-fetch: "npm:^2.2.0"
-    nullthrows: "npm:^1.1.1"
-    open: "npm:^7.0.3"
-    selfsigned: "npm:^2.4.1"
-    serve-static: "npm:^1.13.1"
-    ws: "npm:^6.2.2"
-  checksum: 10c0/edeb979f4acf7102b92ffc9c6ec47f9221fd044ff00a42e8d3af06d79f09635e6e5fd7bb6b686c87bc8d09c5d62265f3d89f137f659ce708b258c5775e8b1e16
-  languageName: node
-  linkType: hard
-
 "@react-native/gradle-plugin@npm:0.74.85":
   version: 0.74.85
   resolution: "@react-native/gradle-plugin@npm:0.74.85"
@@ -6643,13 +5984,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@react-native/gradle-plugin@npm:0.75.4":
-  version: 0.75.4
-  resolution: "@react-native/gradle-plugin@npm:0.75.4"
-  checksum: 10c0/0a0fd65c6c1fad34f5ff82db5ccd99401cfd5ff476efcad069dc16b6daecd685d2fe73a7c4bcb912a69574ddd723d53cdca3cc4da6b34ffd9a9a33e3cf436e6e
-  languageName: node
-  linkType: hard
-
 "@react-native/js-polyfills@npm:0.74.83":
   version: 0.74.83
   resolution: "@react-native/js-polyfills@npm:0.74.83"
@@ -6664,13 +5998,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@react-native/js-polyfills@npm:0.75.4":
-  version: 0.75.4
-  resolution: "@react-native/js-polyfills@npm:0.75.4"
-  checksum: 10c0/46c0c455e805d07ab6d55a162fdfbcacab6e0ae5d83e93f146556b780f05e28839156c28f5ba838232e598d41893297d015823b7f154b2ac9db3af757d4b6c71
-  languageName: node
-  linkType: hard
-
 "@react-native/metro-babel-transformer@npm:0.74.83":
   version: 0.74.83
   resolution: "@react-native/metro-babel-transformer@npm:0.74.83"
@@ -6699,20 +6026,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@react-native/metro-babel-transformer@npm:0.75.4":
-  version: 0.75.4
-  resolution: "@react-native/metro-babel-transformer@npm:0.75.4"
-  dependencies:
-    "@babel/core": "npm:^7.20.0"
-    "@react-native/babel-preset": "npm:0.75.4"
-    hermes-parser: "npm:0.22.0"
-    nullthrows: "npm:^1.1.1"
-  peerDependencies:
-    "@babel/core": "*"
-  checksum: 10c0/455f21645e0e9a32e4400a423b896b12503a64a6feca7edea2c9d27608963cc4d283c41156a48b31b15d8662f645c9f1d16cdb449a1b1096bdc90985edf17027
-  languageName: node
-  linkType: hard
-
 "@react-native/metro-config@npm:0.74.83":
   version: 0.74.83
   resolution: "@react-native/metro-config@npm:0.74.83"
@@ -6739,13 +6052,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@react-native/normalize-colors@npm:0.75.4":
-  version: 0.75.4
-  resolution: "@react-native/normalize-colors@npm:0.75.4"
-  checksum: 10c0/b8224cf53f6baff67c50156766e1d01807058ac8efe3e114c97acab4d83bdad446ee05e80ce294dc0f62761dd54a473fd27be2e9bc5544dc09db263238d34b45
-  languageName: node
-  linkType: hard
-
 "@react-native/typescript-config@npm:0.74.83":
   version: 0.74.83
   resolution: "@react-native/typescript-config@npm:0.74.83"
@@ -6770,23 +6076,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@react-native/virtualized-lists@npm:0.75.4":
-  version: 0.75.4
-  resolution: "@react-native/virtualized-lists@npm:0.75.4"
-  dependencies:
-    invariant: "npm:^2.2.4"
-    nullthrows: "npm:^1.1.1"
-  peerDependencies:
-    "@types/react": ^18.2.6
-    react: "*"
-    react-native: "*"
-  peerDependenciesMeta:
-    "@types/react":
-      optional: true
-  checksum: 10c0/816c4df3ecbca2ab03e8f5dc5047bfd49160f9ab8879d9cc6bb420f764a4d58bef208a2e198edee33cbeae21cf1a8a71738fc9f8b1e3f43e036ac4fad673bddc
-  languageName: node
-  linkType: hard
-
 "@react-native/virtualized-lists@npm:^0.72.4":
   version: 0.72.8
   resolution: "@react-native/virtualized-lists@npm:0.72.8"
@@ -8260,16 +7549,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/react-native-text-input-mask@npm:0.7.10":
-  version: 0.7.10
-  resolution: "@types/react-native-text-input-mask@npm:0.7.10"
-  dependencies:
-    "@types/react": "npm:*"
-    react-native: "npm:*"
-  checksum: 10c0/6167393cb110e76a6b1445c97d562d3442457ddf8db14253a49a5f6b5986c72968362a6b728ed6763638970b3653693576e16ac5f6f679293e47d85bcec735be
-  languageName: node
-  linkType: hard
-
 "@types/react-native@npm:*":
   version: 0.72.8
   resolution: "@types/react-native@npm:0.72.8"
@@ -9630,7 +8909,6 @@ __metadata:
     "@types/qs": "npm:6.9.7"
     "@types/react": "npm:18.2.65"
     "@types/react-native-extra-dimensions-android": "npm:1.2.3"
-    "@types/react-native-text-input-mask": "npm:0.7.10"
     "@types/react-redux": "npm:7.1.9"
     "@types/react-test-renderer": "npm:18.3.0"
     "@types/styled-components": "npm:5.1.7"
@@ -11495,20 +10773,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"browserslist@npm:^4.24.0":
-  version: 4.24.0
-  resolution: "browserslist@npm:4.24.0"
-  dependencies:
-    caniuse-lite: "npm:^1.0.30001663"
-    electron-to-chromium: "npm:^1.5.28"
-    node-releases: "npm:^2.0.18"
-    update-browserslist-db: "npm:^1.1.0"
-  bin:
-    browserslist: cli.js
-  checksum: 10c0/95e76ad522753c4c470427f6e3c8a4bb5478ff448841e22b3d3e53f89ecaf17b6984666d6c7e715c370f1e7fa0cf684f42e34e554236a8b2fab38ea76b9e4c52
-  languageName: node
-  linkType: hard
-
 "bs-logger@npm:0.x":
   version: 0.2.6
   resolution: "bs-logger@npm:0.2.6"
@@ -11872,13 +11136,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"caniuse-lite@npm:^1.0.30001663":
-  version: 1.0.30001667
-  resolution: "caniuse-lite@npm:1.0.30001667"
-  checksum: 10c0/6bc8555a47603e1e76eaef9b185d6fdeeca7d9c20a283f7c32c971eb1b52ea3a80e6ec086920f088f06abe619240f1023a2d3a08b5b1f2f11df1475695e9f71c
-  languageName: node
-  linkType: hard
-
 "canvaskit-wasm@npm:0.39.1":
   version: 0.39.1
   resolution: "canvaskit-wasm@npm:0.39.1"
@@ -12077,20 +11334,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"chromium-edge-launcher@npm:^0.2.0":
-  version: 0.2.0
-  resolution: "chromium-edge-launcher@npm:0.2.0"
-  dependencies:
-    "@types/node": "npm:*"
-    escape-string-regexp: "npm:^4.0.0"
-    is-wsl: "npm:^2.2.0"
-    lighthouse-logger: "npm:^1.0.0"
-    mkdirp: "npm:^1.0.4"
-    rimraf: "npm:^3.0.2"
-  checksum: 10c0/880972816dd9b95c0eb77d1f707569667a8cce7cc29fe9c8d199c47fdfbe4971e9da3e5a29f61c4ecec29437ac7cebbbb5afc30bec96306579d1121e7340606a
-  languageName: node
-  linkType: hard
-
 "ci-info@npm:^2.0.0":
   version: 2.0.0
   resolution: "ci-info@npm:2.0.0"
@@ -12771,23 +12014,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"cosmiconfig@npm:^9.0.0":
-  version: 9.0.0
-  resolution: "cosmiconfig@npm:9.0.0"
-  dependencies:
-    env-paths: "npm:^2.2.1"
-    import-fresh: "npm:^3.3.0"
-    js-yaml: "npm:^4.1.0"
-    parse-json: "npm:^5.2.0"
-  peerDependencies:
-    typescript: ">=4.9.5"
-  peerDependenciesMeta:
-    typescript:
-      optional: true
-  checksum: 10c0/1c1703be4f02a250b1d6ca3267e408ce16abfe8364193891afc94c2d5c060b69611fdc8d97af74b7e6d5d1aac0ab2fb94d6b079573146bc2d756c2484ce5f0ee
-  languageName: node
-  linkType: hard
-
 "crc-32@npm:^1.2.0":
   version: 1.2.2
   resolution: "crc-32@npm:1.2.2"
@@ -14091,13 +13317,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"electron-to-chromium@npm:^1.5.28":
-  version: 1.5.34
-  resolution: "electron-to-chromium@npm:1.5.34"
-  checksum: 10c0/81b3af2d927e118ca0dcff9f502c8c850e981e985c2d19b097a4bb99d7f9d0aff0abcfdcb859aa06003d4d0e036c99580675a57495dbf05c9179c4773fd2f405
-  languageName: node
-  linkType: hard
-
 "elliptic@npm:6.5.4":
   version: 6.5.4
   resolution: "elliptic@npm:6.5.4"
@@ -14306,14 +13525,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"env-paths@npm:^2.2.0, env-paths@npm:^2.2.1":
+"env-paths@npm:^2.2.0":
   version: 2.2.1
   resolution: "env-paths@npm:2.2.1"
   checksum: 10c0/285325677bf00e30845e330eec32894f5105529db97496ee3f598478e50f008c5352a41a30e5e72ec9de8a542b5a570b85699cd63bd2bc646dbcb9f311d83bc4
   languageName: node
   linkType: hard
 
-"envinfo@npm:^7.10.0, envinfo@npm:^7.13.0":
+"envinfo@npm:^7.10.0":
   version: 7.14.0
   resolution: "envinfo@npm:7.14.0"
   bin:
@@ -15584,7 +14803,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"fast-xml-parser@npm:^4.0.12, fast-xml-parser@npm:^4.2.4, fast-xml-parser@npm:^4.4.1":
+"fast-xml-parser@npm:^4.0.12, fast-xml-parser@npm:^4.2.4":
   version: 4.5.0
   resolution: "fast-xml-parser@npm:4.5.0"
   dependencies:
@@ -17054,13 +16273,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"hermes-estree@npm:0.22.0":
-  version: 0.22.0
-  resolution: "hermes-estree@npm:0.22.0"
-  checksum: 10c0/4e39ea6b7032568c2d314268e0cbe807b0d004fa397886d8416b1b695bfa477bd4571617b03f24845228e747554491f4bfb13bbb0e289659d7c57ea02273c050
-  languageName: node
-  linkType: hard
-
 "hermes-parser@npm:0.19.1":
   version: 0.19.1
   resolution: "hermes-parser@npm:0.19.1"
@@ -17079,15 +16291,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"hermes-parser@npm:0.22.0":
-  version: 0.22.0
-  resolution: "hermes-parser@npm:0.22.0"
-  dependencies:
-    hermes-estree: "npm:0.22.0"
-  checksum: 10c0/095fad12ccd21ed151494c61b5b900abde78d89579e34c1748a526eed0f64657bee2cd3f30ae270881092d8f244e3386266b78496b866428b7d215fa13daef1e
-  languageName: node
-  linkType: hard
-
 "hermes-profile-transformer@npm:^0.0.6":
   version: 0.0.6
   resolution: "hermes-profile-transformer@npm:0.0.6"
@@ -17414,7 +16617,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"import-fresh@npm:^3.0.0, import-fresh@npm:^3.2.1, import-fresh@npm:^3.3.0":
+"import-fresh@npm:^3.0.0, import-fresh@npm:^3.2.1":
   version: 3.3.0
   resolution: "import-fresh@npm:3.3.0"
   dependencies:
@@ -19086,15 +18289,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jsesc@npm:^3.0.2":
-  version: 3.0.2
-  resolution: "jsesc@npm:3.0.2"
-  bin:
-    jsesc: bin/jsesc
-  checksum: 10c0/ef22148f9e793180b14d8a145ee6f9f60f301abf443288117b4b6c53d0ecd58354898dc506ccbb553a5f7827965cd38bc5fb726575aae93c5e8915e2de8290e1
-  languageName: node
-  linkType: hard
-
 "jsesc@npm:~0.5.0":
   version: 0.5.0
   resolution: "jsesc@npm:0.5.0"
@@ -21535,13 +20729,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"node-releases@npm:^2.0.18":
-  version: 2.0.18
-  resolution: "node-releases@npm:2.0.18"
-  checksum: 10c0/786ac9db9d7226339e1dc84bbb42007cb054a346bd9257e6aa154d294f01bc6a6cddb1348fa099f079be6580acbb470e3c048effd5f719325abd0179e566fd27
-  languageName: node
-  linkType: hard
-
 "node-source-walk@npm:^4.0.0, node-source-walk@npm:^4.2.0, node-source-walk@npm:^4.2.2":
   version: 4.3.0
   resolution: "node-source-walk@npm:4.3.0"
@@ -24209,61 +23396,6 @@ react-native-safe-area-view@rainbow-me/react-native-safe-area-view:
   languageName: node
   linkType: hard
 
-"react-native@npm:*":
-  version: 0.75.4
-  resolution: "react-native@npm:0.75.4"
-  dependencies:
-    "@jest/create-cache-key-function": "npm:^29.6.3"
-    "@react-native-community/cli": "npm:14.1.0"
-    "@react-native-community/cli-platform-android": "npm:14.1.0"
-    "@react-native-community/cli-platform-ios": "npm:14.1.0"
-    "@react-native/assets-registry": "npm:0.75.4"
-    "@react-native/codegen": "npm:0.75.4"
-    "@react-native/community-cli-plugin": "npm:0.75.4"
-    "@react-native/gradle-plugin": "npm:0.75.4"
-    "@react-native/js-polyfills": "npm:0.75.4"
-    "@react-native/normalize-colors": "npm:0.75.4"
-    "@react-native/virtualized-lists": "npm:0.75.4"
-    abort-controller: "npm:^3.0.0"
-    anser: "npm:^1.4.9"
-    ansi-regex: "npm:^5.0.0"
-    base64-js: "npm:^1.5.1"
-    chalk: "npm:^4.0.0"
-    commander: "npm:^9.4.1"
-    event-target-shim: "npm:^5.0.1"
-    flow-enums-runtime: "npm:^0.0.6"
-    glob: "npm:^7.1.1"
-    invariant: "npm:^2.2.4"
-    jest-environment-node: "npm:^29.6.3"
-    jsc-android: "npm:^250231.0.0"
-    memoize-one: "npm:^5.0.0"
-    metro-runtime: "npm:^0.80.3"
-    metro-source-map: "npm:^0.80.3"
-    mkdirp: "npm:^0.5.1"
-    nullthrows: "npm:^1.1.1"
-    pretty-format: "npm:^26.5.2"
-    promise: "npm:^8.3.0"
-    react-devtools-core: "npm:^5.3.1"
-    react-refresh: "npm:^0.14.0"
-    regenerator-runtime: "npm:^0.13.2"
-    scheduler: "npm:0.24.0-canary-efb381bbf-20230505"
-    semver: "npm:^7.1.3"
-    stacktrace-parser: "npm:^0.1.10"
-    whatwg-fetch: "npm:^3.0.0"
-    ws: "npm:^6.2.2"
-    yargs: "npm:^17.6.2"
-  peerDependencies:
-    "@types/react": ^18.2.6
-    react: ^18.2.0
-  peerDependenciesMeta:
-    "@types/react":
-      optional: true
-  bin:
-    react-native: cli.js
-  checksum: 10c0/e368c7257cb16e3501975c2cf7d1168b3878724e83042d21ea796f91363892a2c0fcafc85864322ec241ed89c1e62fdaa2688265a84da335b6e66d76406b7a71
-  languageName: node
-  linkType: hard
-
 "react-native@npm:0.74.3":
   version: 0.74.3
   resolution: "react-native@npm:0.74.3"
@@ -25550,7 +24682,7 @@ react-native-safe-area-view@rainbow-me/react-native-safe-area-view:
   languageName: node
   linkType: hard
 
-"semver@npm:^7.0.0, semver@npm:^7.1.3, semver@npm:^7.2.1, semver@npm:^7.3.2, semver@npm:^7.3.4, semver@npm:^7.3.5, semver@npm:^7.3.7, semver@npm:^7.5.2, semver@npm:^7.5.3, semver@npm:^7.5.4, semver@npm:^7.6.0":
+"semver@npm:^7.0.0, semver@npm:^7.2.1, semver@npm:^7.3.2, semver@npm:^7.3.4, semver@npm:^7.3.5, semver@npm:^7.3.7, semver@npm:^7.5.2, semver@npm:^7.5.3, semver@npm:^7.5.4, semver@npm:^7.6.0":
   version: 7.6.3
   resolution: "semver@npm:7.6.3"
   bin:
@@ -28993,7 +28125,7 @@ react-native-safe-area-view@rainbow-me/react-native-safe-area-view:
   languageName: node
   linkType: hard
 
-"ws@npm:^6.2.2, ws@npm:^6.2.3":
+"ws@npm:^6.2.2":
   version: 6.2.3
   resolution: "ws@npm:6.2.3"
   dependencies:

From 82baa3467d9274020a063c884d9f43dca60972d9 Mon Sep 17 00:00:00 2001
From: Matthew Wall <matthew.wallt@gmail.com>
Date: Thu, 10 Oct 2024 17:14:20 -0400
Subject: [PATCH 07/32] rm graph

---
 graph.svg | 5767 -----------------------------------------------------
 1 file changed, 5767 deletions(-)
 delete mode 100644 graph.svg

diff --git a/graph.svg b/graph.svg
deleted file mode 100644
index 139e36b8d11..00000000000
--- a/graph.svg
+++ /dev/null
@@ -1,5767 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
- "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<!-- Generated by graphviz version 12.1.2 (20240928.0832)
- -->
-<!-- Title: G Pages: 1 -->
-<svg width="7527pt" height="5263pt"
- viewBox="0.00 0.00 7527.45 5262.71" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-<g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(21.6 5241.11)">
-<title>G</title>
-<polygon fill="#111111" stroke="none" points="-21.6,21.6 -21.6,-5241.11 7505.85,-5241.11 7505.85,21.6 -21.6,21.6"/>
-<!-- ../../globalVariables.js -->
-<g id="node1" class="node">
-<title>../../globalVariables.js</title>
-<path fill="none" stroke="#cfffac" d="M653.21,-5215.51C653.21,-5215.51 525.54,-5215.51 525.54,-5215.51 521.58,-5215.51 517.62,-5211.55 517.62,-5207.59 517.62,-5207.59 517.62,-5199.67 517.62,-5199.67 517.62,-5195.72 521.58,-5191.76 525.54,-5191.76 525.54,-5191.76 653.21,-5191.76 653.21,-5191.76 657.17,-5191.76 661.12,-5195.72 661.12,-5199.67 661.12,-5199.67 661.12,-5207.59 661.12,-5207.59 661.12,-5211.55 657.17,-5215.51 653.21,-5215.51"/>
-<text text-anchor="middle" x="589.38" y="-5198.21" font-family="Arial" font-size="14.00" fill="#cfffac">../../globalVariables.js</text>
-</g>
-<!-- ../../shim.js -->
-<g id="node2" class="node">
-<title>../../shim.js</title>
-<path fill="none" stroke="#c6c5fe" d="M310.21,-5215.51C310.21,-5215.51 244.79,-5215.51 244.79,-5215.51 240.83,-5215.51 236.88,-5211.55 236.88,-5207.59 236.88,-5207.59 236.88,-5199.67 236.88,-5199.67 236.88,-5195.72 240.83,-5191.76 244.79,-5191.76 244.79,-5191.76 310.21,-5191.76 310.21,-5191.76 314.17,-5191.76 318.12,-5195.72 318.12,-5199.67 318.12,-5199.67 318.12,-5207.59 318.12,-5207.59 318.12,-5211.55 314.17,-5215.51 310.21,-5215.51"/>
-<text text-anchor="middle" x="277.5" y="-5198.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../../shim.js</text>
-</g>
-<!-- ../../shim.js&#45;&gt;../../globalVariables.js -->
-<g id="edge1" class="edge">
-<title>../../shim.js&#45;&gt;../../globalVariables.js</title>
-<path fill="none" stroke="#757575" d="M318.38,-5203.63C365.52,-5203.63 445.23,-5203.63 505.85,-5203.63"/>
-<polygon fill="#757575" stroke="#757575" points="505.8,-5207.13 515.8,-5203.63 505.8,-5200.13 505.8,-5207.13"/>
-</g>
-<!-- ../assets/badges/arbitrumBadge.png -->
-<g id="node3" class="node">
-<title>../assets/badges/arbitrumBadge.png</title>
-<path fill="none" stroke="#cfffac" d="M5526.71,-2295.51C5526.71,-2295.51 5309.04,-2295.51 5309.04,-2295.51 5305.08,-2295.51 5301.12,-2291.55 5301.12,-2287.59 5301.12,-2287.59 5301.12,-2279.67 5301.12,-2279.67 5301.12,-2275.72 5305.08,-2271.76 5309.04,-2271.76 5309.04,-2271.76 5526.71,-2271.76 5526.71,-2271.76 5530.67,-2271.76 5534.62,-2275.72 5534.62,-2279.67 5534.62,-2279.67 5534.62,-2287.59 5534.62,-2287.59 5534.62,-2291.55 5530.67,-2295.51 5526.71,-2295.51"/>
-<text text-anchor="middle" x="5417.88" y="-2278.21" font-family="Arial" font-size="14.00" fill="#cfffac">../assets/badges/arbitrumBadge.png</text>
-</g>
-<!-- ../assets/badges/arbitrumBadgeDark.png -->
-<g id="node4" class="node">
-<title>../assets/badges/arbitrumBadgeDark.png</title>
-<path fill="none" stroke="#cfffac" d="M5540.96,-2253.51C5540.96,-2253.51 5294.79,-2253.51 5294.79,-2253.51 5290.83,-2253.51 5286.88,-2249.55 5286.88,-2245.59 5286.88,-2245.59 5286.88,-2237.67 5286.88,-2237.67 5286.88,-2233.72 5290.83,-2229.76 5294.79,-2229.76 5294.79,-2229.76 5540.96,-2229.76 5540.96,-2229.76 5544.92,-2229.76 5548.88,-2233.72 5548.88,-2237.67 5548.88,-2237.67 5548.88,-2245.59 5548.88,-2245.59 5548.88,-2249.55 5544.92,-2253.51 5540.96,-2253.51"/>
-<text text-anchor="middle" x="5417.88" y="-2236.21" font-family="Arial" font-size="14.00" fill="#cfffac">../assets/badges/arbitrumBadgeDark.png</text>
-</g>
-<!-- ../assets/badges/arbitrumBadgeLarge.png -->
-<g id="node5" class="node">
-<title>../assets/badges/arbitrumBadgeLarge.png</title>
-<path fill="none" stroke="#cfffac" d="M5543.96,-2211.51C5543.96,-2211.51 5291.79,-2211.51 5291.79,-2211.51 5287.83,-2211.51 5283.88,-2207.55 5283.88,-2203.59 5283.88,-2203.59 5283.88,-2195.67 5283.88,-2195.67 5283.88,-2191.72 5287.83,-2187.76 5291.79,-2187.76 5291.79,-2187.76 5543.96,-2187.76 5543.96,-2187.76 5547.92,-2187.76 5551.88,-2191.72 5551.88,-2195.67 5551.88,-2195.67 5551.88,-2203.59 5551.88,-2203.59 5551.88,-2207.55 5547.92,-2211.51 5543.96,-2211.51"/>
-<text text-anchor="middle" x="5417.88" y="-2194.21" font-family="Arial" font-size="14.00" fill="#cfffac">../assets/badges/arbitrumBadgeLarge.png</text>
-</g>
-<!-- ../assets/badges/arbitrumBadgeLargeDark.png -->
-<g id="node6" class="node">
-<title>../assets/badges/arbitrumBadgeLargeDark.png</title>
-<path fill="none" stroke="#cfffac" d="M5558.21,-2169.51C5558.21,-2169.51 5277.54,-2169.51 5277.54,-2169.51 5273.58,-2169.51 5269.62,-2165.55 5269.62,-2161.59 5269.62,-2161.59 5269.62,-2153.67 5269.62,-2153.67 5269.62,-2149.72 5273.58,-2145.76 5277.54,-2145.76 5277.54,-2145.76 5558.21,-2145.76 5558.21,-2145.76 5562.17,-2145.76 5566.12,-2149.72 5566.12,-2153.67 5566.12,-2153.67 5566.12,-2161.59 5566.12,-2161.59 5566.12,-2165.55 5562.17,-2169.51 5558.21,-2169.51"/>
-<text text-anchor="middle" x="5417.88" y="-2152.21" font-family="Arial" font-size="14.00" fill="#cfffac">../assets/badges/arbitrumBadgeLargeDark.png</text>
-</g>
-<!-- ../assets/badges/avalancheBadge.png -->
-<g id="node7" class="node">
-<title>../assets/badges/avalancheBadge.png</title>
-<path fill="none" stroke="#cfffac" d="M5532.33,-2127.51C5532.33,-2127.51 5303.42,-2127.51 5303.42,-2127.51 5299.46,-2127.51 5295.5,-2123.55 5295.5,-2119.59 5295.5,-2119.59 5295.5,-2111.67 5295.5,-2111.67 5295.5,-2107.72 5299.46,-2103.76 5303.42,-2103.76 5303.42,-2103.76 5532.33,-2103.76 5532.33,-2103.76 5536.29,-2103.76 5540.25,-2107.72 5540.25,-2111.67 5540.25,-2111.67 5540.25,-2119.59 5540.25,-2119.59 5540.25,-2123.55 5536.29,-2127.51 5532.33,-2127.51"/>
-<text text-anchor="middle" x="5417.88" y="-2110.21" font-family="Arial" font-size="14.00" fill="#cfffac">../assets/badges/avalancheBadge.png</text>
-</g>
-<!-- ../assets/badges/avalancheBadgeDark.png -->
-<g id="node8" class="node">
-<title>../assets/badges/avalancheBadgeDark.png</title>
-<path fill="none" stroke="#cfffac" d="M5546.58,-2085.51C5546.58,-2085.51 5289.17,-2085.51 5289.17,-2085.51 5285.21,-2085.51 5281.25,-2081.55 5281.25,-2077.59 5281.25,-2077.59 5281.25,-2069.67 5281.25,-2069.67 5281.25,-2065.72 5285.21,-2061.76 5289.17,-2061.76 5289.17,-2061.76 5546.58,-2061.76 5546.58,-2061.76 5550.54,-2061.76 5554.5,-2065.72 5554.5,-2069.67 5554.5,-2069.67 5554.5,-2077.59 5554.5,-2077.59 5554.5,-2081.55 5550.54,-2085.51 5546.58,-2085.51"/>
-<text text-anchor="middle" x="5417.88" y="-2068.21" font-family="Arial" font-size="14.00" fill="#cfffac">../assets/badges/avalancheBadgeDark.png</text>
-</g>
-<!-- ../assets/badges/avalancheBadgeLarge.png -->
-<g id="node9" class="node">
-<title>../assets/badges/avalancheBadgeLarge.png</title>
-<path fill="none" stroke="#cfffac" d="M5549.58,-2043.51C5549.58,-2043.51 5286.17,-2043.51 5286.17,-2043.51 5282.21,-2043.51 5278.25,-2039.55 5278.25,-2035.59 5278.25,-2035.59 5278.25,-2027.67 5278.25,-2027.67 5278.25,-2023.72 5282.21,-2019.76 5286.17,-2019.76 5286.17,-2019.76 5549.58,-2019.76 5549.58,-2019.76 5553.54,-2019.76 5557.5,-2023.72 5557.5,-2027.67 5557.5,-2027.67 5557.5,-2035.59 5557.5,-2035.59 5557.5,-2039.55 5553.54,-2043.51 5549.58,-2043.51"/>
-<text text-anchor="middle" x="5417.88" y="-2026.21" font-family="Arial" font-size="14.00" fill="#cfffac">../assets/badges/avalancheBadgeLarge.png</text>
-</g>
-<!-- ../assets/badges/avalancheBadgeLargeDark.png -->
-<g id="node10" class="node">
-<title>../assets/badges/avalancheBadgeLargeDark.png</title>
-<path fill="none" stroke="#cfffac" d="M5563.83,-2001.51C5563.83,-2001.51 5271.92,-2001.51 5271.92,-2001.51 5267.96,-2001.51 5264,-1997.55 5264,-1993.59 5264,-1993.59 5264,-1985.67 5264,-1985.67 5264,-1981.72 5267.96,-1977.76 5271.92,-1977.76 5271.92,-1977.76 5563.83,-1977.76 5563.83,-1977.76 5567.79,-1977.76 5571.75,-1981.72 5571.75,-1985.67 5571.75,-1985.67 5571.75,-1993.59 5571.75,-1993.59 5571.75,-1997.55 5567.79,-2001.51 5563.83,-2001.51"/>
-<text text-anchor="middle" x="5417.88" y="-1984.21" font-family="Arial" font-size="14.00" fill="#cfffac">../assets/badges/avalancheBadgeLargeDark.png</text>
-</g>
-<!-- ../assets/badges/baseBadge.png -->
-<g id="node11" class="node">
-<title>../assets/badges/baseBadge.png</title>
-<path fill="none" stroke="#cfffac" d="M5516.21,-1959.51C5516.21,-1959.51 5319.54,-1959.51 5319.54,-1959.51 5315.58,-1959.51 5311.62,-1955.55 5311.62,-1951.59 5311.62,-1951.59 5311.62,-1943.67 5311.62,-1943.67 5311.62,-1939.72 5315.58,-1935.76 5319.54,-1935.76 5319.54,-1935.76 5516.21,-1935.76 5516.21,-1935.76 5520.17,-1935.76 5524.12,-1939.72 5524.12,-1943.67 5524.12,-1943.67 5524.12,-1951.59 5524.12,-1951.59 5524.12,-1955.55 5520.17,-1959.51 5516.21,-1959.51"/>
-<text text-anchor="middle" x="5417.88" y="-1942.21" font-family="Arial" font-size="14.00" fill="#cfffac">../assets/badges/baseBadge.png</text>
-</g>
-<!-- ../assets/badges/baseBadgeDark.png -->
-<g id="node12" class="node">
-<title>../assets/badges/baseBadgeDark.png</title>
-<path fill="none" stroke="#cfffac" d="M5530.46,-1917.51C5530.46,-1917.51 5305.29,-1917.51 5305.29,-1917.51 5301.33,-1917.51 5297.38,-1913.55 5297.38,-1909.59 5297.38,-1909.59 5297.38,-1901.67 5297.38,-1901.67 5297.38,-1897.72 5301.33,-1893.76 5305.29,-1893.76 5305.29,-1893.76 5530.46,-1893.76 5530.46,-1893.76 5534.42,-1893.76 5538.38,-1897.72 5538.38,-1901.67 5538.38,-1901.67 5538.38,-1909.59 5538.38,-1909.59 5538.38,-1913.55 5534.42,-1917.51 5530.46,-1917.51"/>
-<text text-anchor="middle" x="5417.88" y="-1900.21" font-family="Arial" font-size="14.00" fill="#cfffac">../assets/badges/baseBadgeDark.png</text>
-</g>
-<!-- ../assets/badges/baseBadgeLarge.png -->
-<g id="node13" class="node">
-<title>../assets/badges/baseBadgeLarge.png</title>
-<path fill="none" stroke="#cfffac" d="M5533.46,-1875.51C5533.46,-1875.51 5302.29,-1875.51 5302.29,-1875.51 5298.33,-1875.51 5294.38,-1871.55 5294.38,-1867.59 5294.38,-1867.59 5294.38,-1859.67 5294.38,-1859.67 5294.38,-1855.72 5298.33,-1851.76 5302.29,-1851.76 5302.29,-1851.76 5533.46,-1851.76 5533.46,-1851.76 5537.42,-1851.76 5541.38,-1855.72 5541.38,-1859.67 5541.38,-1859.67 5541.38,-1867.59 5541.38,-1867.59 5541.38,-1871.55 5537.42,-1875.51 5533.46,-1875.51"/>
-<text text-anchor="middle" x="5417.88" y="-1858.21" font-family="Arial" font-size="14.00" fill="#cfffac">../assets/badges/baseBadgeLarge.png</text>
-</g>
-<!-- ../assets/badges/baseBadgeLargeDark.png -->
-<g id="node14" class="node">
-<title>../assets/badges/baseBadgeLargeDark.png</title>
-<path fill="none" stroke="#cfffac" d="M5547.71,-1833.51C5547.71,-1833.51 5288.04,-1833.51 5288.04,-1833.51 5284.08,-1833.51 5280.12,-1829.55 5280.12,-1825.59 5280.12,-1825.59 5280.12,-1817.67 5280.12,-1817.67 5280.12,-1813.72 5284.08,-1809.76 5288.04,-1809.76 5288.04,-1809.76 5547.71,-1809.76 5547.71,-1809.76 5551.67,-1809.76 5555.62,-1813.72 5555.62,-1817.67 5555.62,-1817.67 5555.62,-1825.59 5555.62,-1825.59 5555.62,-1829.55 5551.67,-1833.51 5547.71,-1833.51"/>
-<text text-anchor="middle" x="5417.88" y="-1816.21" font-family="Arial" font-size="14.00" fill="#cfffac">../assets/badges/baseBadgeLargeDark.png</text>
-</g>
-<!-- ../assets/badges/blastBadge.png -->
-<g id="node15" class="node">
-<title>../assets/badges/blastBadge.png</title>
-<path fill="none" stroke="#cfffac" d="M5515.83,-1791.51C5515.83,-1791.51 5319.92,-1791.51 5319.92,-1791.51 5315.96,-1791.51 5312,-1787.55 5312,-1783.59 5312,-1783.59 5312,-1775.67 5312,-1775.67 5312,-1771.72 5315.96,-1767.76 5319.92,-1767.76 5319.92,-1767.76 5515.83,-1767.76 5515.83,-1767.76 5519.79,-1767.76 5523.75,-1771.72 5523.75,-1775.67 5523.75,-1775.67 5523.75,-1783.59 5523.75,-1783.59 5523.75,-1787.55 5519.79,-1791.51 5515.83,-1791.51"/>
-<text text-anchor="middle" x="5417.88" y="-1774.21" font-family="Arial" font-size="14.00" fill="#cfffac">../assets/badges/blastBadge.png</text>
-</g>
-<!-- ../assets/badges/blastBadgeDark.png -->
-<g id="node16" class="node">
-<title>../assets/badges/blastBadgeDark.png</title>
-<path fill="none" stroke="#cfffac" d="M5530.08,-1749.51C5530.08,-1749.51 5305.67,-1749.51 5305.67,-1749.51 5301.71,-1749.51 5297.75,-1745.55 5297.75,-1741.59 5297.75,-1741.59 5297.75,-1733.67 5297.75,-1733.67 5297.75,-1729.72 5301.71,-1725.76 5305.67,-1725.76 5305.67,-1725.76 5530.08,-1725.76 5530.08,-1725.76 5534.04,-1725.76 5538,-1729.72 5538,-1733.67 5538,-1733.67 5538,-1741.59 5538,-1741.59 5538,-1745.55 5534.04,-1749.51 5530.08,-1749.51"/>
-<text text-anchor="middle" x="5417.88" y="-1732.21" font-family="Arial" font-size="14.00" fill="#cfffac">../assets/badges/blastBadgeDark.png</text>
-</g>
-<!-- ../assets/badges/blastBadgeLarge.png -->
-<g id="node17" class="node">
-<title>../assets/badges/blastBadgeLarge.png</title>
-<path fill="none" stroke="#cfffac" d="M5533.08,-1707.51C5533.08,-1707.51 5302.67,-1707.51 5302.67,-1707.51 5298.71,-1707.51 5294.75,-1703.55 5294.75,-1699.59 5294.75,-1699.59 5294.75,-1691.67 5294.75,-1691.67 5294.75,-1687.72 5298.71,-1683.76 5302.67,-1683.76 5302.67,-1683.76 5533.08,-1683.76 5533.08,-1683.76 5537.04,-1683.76 5541,-1687.72 5541,-1691.67 5541,-1691.67 5541,-1699.59 5541,-1699.59 5541,-1703.55 5537.04,-1707.51 5533.08,-1707.51"/>
-<text text-anchor="middle" x="5417.88" y="-1690.21" font-family="Arial" font-size="14.00" fill="#cfffac">../assets/badges/blastBadgeLarge.png</text>
-</g>
-<!-- ../assets/badges/blastBadgeLargeDark.png -->
-<g id="node18" class="node">
-<title>../assets/badges/blastBadgeLargeDark.png</title>
-<path fill="none" stroke="#cfffac" d="M5547.33,-1665.51C5547.33,-1665.51 5288.42,-1665.51 5288.42,-1665.51 5284.46,-1665.51 5280.5,-1661.55 5280.5,-1657.59 5280.5,-1657.59 5280.5,-1649.67 5280.5,-1649.67 5280.5,-1645.72 5284.46,-1641.76 5288.42,-1641.76 5288.42,-1641.76 5547.33,-1641.76 5547.33,-1641.76 5551.29,-1641.76 5555.25,-1645.72 5555.25,-1649.67 5555.25,-1649.67 5555.25,-1657.59 5555.25,-1657.59 5555.25,-1661.55 5551.29,-1665.51 5547.33,-1665.51"/>
-<text text-anchor="middle" x="5417.88" y="-1648.21" font-family="Arial" font-size="14.00" fill="#cfffac">../assets/badges/blastBadgeLargeDark.png</text>
-</g>
-<!-- ../assets/badges/bscBadge.png -->
-<g id="node19" class="node">
-<title>../assets/badges/bscBadge.png</title>
-<path fill="none" stroke="#cfffac" d="M5512.08,-1623.51C5512.08,-1623.51 5323.67,-1623.51 5323.67,-1623.51 5319.71,-1623.51 5315.75,-1619.55 5315.75,-1615.59 5315.75,-1615.59 5315.75,-1607.67 5315.75,-1607.67 5315.75,-1603.72 5319.71,-1599.76 5323.67,-1599.76 5323.67,-1599.76 5512.08,-1599.76 5512.08,-1599.76 5516.04,-1599.76 5520,-1603.72 5520,-1607.67 5520,-1607.67 5520,-1615.59 5520,-1615.59 5520,-1619.55 5516.04,-1623.51 5512.08,-1623.51"/>
-<text text-anchor="middle" x="5417.88" y="-1606.21" font-family="Arial" font-size="14.00" fill="#cfffac">../assets/badges/bscBadge.png</text>
-</g>
-<!-- ../assets/badges/bscBadgeDark.png -->
-<g id="node20" class="node">
-<title>../assets/badges/bscBadgeDark.png</title>
-<path fill="none" stroke="#cfffac" d="M5526.33,-1581.51C5526.33,-1581.51 5309.42,-1581.51 5309.42,-1581.51 5305.46,-1581.51 5301.5,-1577.55 5301.5,-1573.59 5301.5,-1573.59 5301.5,-1565.67 5301.5,-1565.67 5301.5,-1561.72 5305.46,-1557.76 5309.42,-1557.76 5309.42,-1557.76 5526.33,-1557.76 5526.33,-1557.76 5530.29,-1557.76 5534.25,-1561.72 5534.25,-1565.67 5534.25,-1565.67 5534.25,-1573.59 5534.25,-1573.59 5534.25,-1577.55 5530.29,-1581.51 5526.33,-1581.51"/>
-<text text-anchor="middle" x="5417.88" y="-1564.21" font-family="Arial" font-size="14.00" fill="#cfffac">../assets/badges/bscBadgeDark.png</text>
-</g>
-<!-- ../assets/badges/bscBadgeLarge.png -->
-<g id="node21" class="node">
-<title>../assets/badges/bscBadgeLarge.png</title>
-<path fill="none" stroke="#cfffac" d="M5529.33,-1539.51C5529.33,-1539.51 5306.42,-1539.51 5306.42,-1539.51 5302.46,-1539.51 5298.5,-1535.55 5298.5,-1531.59 5298.5,-1531.59 5298.5,-1523.67 5298.5,-1523.67 5298.5,-1519.72 5302.46,-1515.76 5306.42,-1515.76 5306.42,-1515.76 5529.33,-1515.76 5529.33,-1515.76 5533.29,-1515.76 5537.25,-1519.72 5537.25,-1523.67 5537.25,-1523.67 5537.25,-1531.59 5537.25,-1531.59 5537.25,-1535.55 5533.29,-1539.51 5529.33,-1539.51"/>
-<text text-anchor="middle" x="5417.88" y="-1522.21" font-family="Arial" font-size="14.00" fill="#cfffac">../assets/badges/bscBadgeLarge.png</text>
-</g>
-<!-- ../assets/badges/bscBadgeLargeDark.png -->
-<g id="node22" class="node">
-<title>../assets/badges/bscBadgeLargeDark.png</title>
-<path fill="none" stroke="#cfffac" d="M5543.58,-1497.51C5543.58,-1497.51 5292.17,-1497.51 5292.17,-1497.51 5288.21,-1497.51 5284.25,-1493.55 5284.25,-1489.59 5284.25,-1489.59 5284.25,-1481.67 5284.25,-1481.67 5284.25,-1477.72 5288.21,-1473.76 5292.17,-1473.76 5292.17,-1473.76 5543.58,-1473.76 5543.58,-1473.76 5547.54,-1473.76 5551.5,-1477.72 5551.5,-1481.67 5551.5,-1481.67 5551.5,-1489.59 5551.5,-1489.59 5551.5,-1493.55 5547.54,-1497.51 5543.58,-1497.51"/>
-<text text-anchor="middle" x="5417.88" y="-1480.21" font-family="Arial" font-size="14.00" fill="#cfffac">../assets/badges/bscBadgeLargeDark.png</text>
-</g>
-<!-- ../assets/badges/degenBadge.png -->
-<g id="node23" class="node">
-<title>../assets/badges/degenBadge.png</title>
-<path fill="none" stroke="#cfffac" d="M5520.33,-1455.51C5520.33,-1455.51 5315.42,-1455.51 5315.42,-1455.51 5311.46,-1455.51 5307.5,-1451.55 5307.5,-1447.59 5307.5,-1447.59 5307.5,-1439.67 5307.5,-1439.67 5307.5,-1435.72 5311.46,-1431.76 5315.42,-1431.76 5315.42,-1431.76 5520.33,-1431.76 5520.33,-1431.76 5524.29,-1431.76 5528.25,-1435.72 5528.25,-1439.67 5528.25,-1439.67 5528.25,-1447.59 5528.25,-1447.59 5528.25,-1451.55 5524.29,-1455.51 5520.33,-1455.51"/>
-<text text-anchor="middle" x="5417.88" y="-1438.21" font-family="Arial" font-size="14.00" fill="#cfffac">../assets/badges/degenBadge.png</text>
-</g>
-<!-- ../assets/badges/degenBadgeDark.png -->
-<g id="node24" class="node">
-<title>../assets/badges/degenBadgeDark.png</title>
-<path fill="none" stroke="#cfffac" d="M5534.58,-1413.51C5534.58,-1413.51 5301.17,-1413.51 5301.17,-1413.51 5297.21,-1413.51 5293.25,-1409.55 5293.25,-1405.59 5293.25,-1405.59 5293.25,-1397.67 5293.25,-1397.67 5293.25,-1393.72 5297.21,-1389.76 5301.17,-1389.76 5301.17,-1389.76 5534.58,-1389.76 5534.58,-1389.76 5538.54,-1389.76 5542.5,-1393.72 5542.5,-1397.67 5542.5,-1397.67 5542.5,-1405.59 5542.5,-1405.59 5542.5,-1409.55 5538.54,-1413.51 5534.58,-1413.51"/>
-<text text-anchor="middle" x="5417.88" y="-1396.21" font-family="Arial" font-size="14.00" fill="#cfffac">../assets/badges/degenBadgeDark.png</text>
-</g>
-<!-- ../assets/badges/degenBadgeLarge.png -->
-<g id="node25" class="node">
-<title>../assets/badges/degenBadgeLarge.png</title>
-<path fill="none" stroke="#cfffac" d="M5537.58,-1371.51C5537.58,-1371.51 5298.17,-1371.51 5298.17,-1371.51 5294.21,-1371.51 5290.25,-1367.55 5290.25,-1363.59 5290.25,-1363.59 5290.25,-1355.67 5290.25,-1355.67 5290.25,-1351.72 5294.21,-1347.76 5298.17,-1347.76 5298.17,-1347.76 5537.58,-1347.76 5537.58,-1347.76 5541.54,-1347.76 5545.5,-1351.72 5545.5,-1355.67 5545.5,-1355.67 5545.5,-1363.59 5545.5,-1363.59 5545.5,-1367.55 5541.54,-1371.51 5537.58,-1371.51"/>
-<text text-anchor="middle" x="5417.88" y="-1354.21" font-family="Arial" font-size="14.00" fill="#cfffac">../assets/badges/degenBadgeLarge.png</text>
-</g>
-<!-- ../assets/badges/degenBadgeLargeDark.png -->
-<g id="node26" class="node">
-<title>../assets/badges/degenBadgeLargeDark.png</title>
-<path fill="none" stroke="#cfffac" d="M5551.83,-1329.51C5551.83,-1329.51 5283.92,-1329.51 5283.92,-1329.51 5279.96,-1329.51 5276,-1325.55 5276,-1321.59 5276,-1321.59 5276,-1313.67 5276,-1313.67 5276,-1309.72 5279.96,-1305.76 5283.92,-1305.76 5283.92,-1305.76 5551.83,-1305.76 5551.83,-1305.76 5555.79,-1305.76 5559.75,-1309.72 5559.75,-1313.67 5559.75,-1313.67 5559.75,-1321.59 5559.75,-1321.59 5559.75,-1325.55 5555.79,-1329.51 5551.83,-1329.51"/>
-<text text-anchor="middle" x="5417.88" y="-1312.21" font-family="Arial" font-size="14.00" fill="#cfffac">../assets/badges/degenBadgeLargeDark.png</text>
-</g>
-<!-- ../assets/badges/optimismBadge.png -->
-<g id="node27" class="node">
-<title>../assets/badges/optimismBadge.png</title>
-<path fill="none" stroke="#cfffac" d="M5529.33,-1287.51C5529.33,-1287.51 5306.42,-1287.51 5306.42,-1287.51 5302.46,-1287.51 5298.5,-1283.55 5298.5,-1279.59 5298.5,-1279.59 5298.5,-1271.67 5298.5,-1271.67 5298.5,-1267.72 5302.46,-1263.76 5306.42,-1263.76 5306.42,-1263.76 5529.33,-1263.76 5529.33,-1263.76 5533.29,-1263.76 5537.25,-1267.72 5537.25,-1271.67 5537.25,-1271.67 5537.25,-1279.59 5537.25,-1279.59 5537.25,-1283.55 5533.29,-1287.51 5529.33,-1287.51"/>
-<text text-anchor="middle" x="5417.88" y="-1270.21" font-family="Arial" font-size="14.00" fill="#cfffac">../assets/badges/optimismBadge.png</text>
-</g>
-<!-- ../assets/badges/optimismBadgeDark.png -->
-<g id="node28" class="node">
-<title>../assets/badges/optimismBadgeDark.png</title>
-<path fill="none" stroke="#cfffac" d="M5543.58,-1245.51C5543.58,-1245.51 5292.17,-1245.51 5292.17,-1245.51 5288.21,-1245.51 5284.25,-1241.55 5284.25,-1237.59 5284.25,-1237.59 5284.25,-1229.67 5284.25,-1229.67 5284.25,-1225.72 5288.21,-1221.76 5292.17,-1221.76 5292.17,-1221.76 5543.58,-1221.76 5543.58,-1221.76 5547.54,-1221.76 5551.5,-1225.72 5551.5,-1229.67 5551.5,-1229.67 5551.5,-1237.59 5551.5,-1237.59 5551.5,-1241.55 5547.54,-1245.51 5543.58,-1245.51"/>
-<text text-anchor="middle" x="5417.88" y="-1228.21" font-family="Arial" font-size="14.00" fill="#cfffac">../assets/badges/optimismBadgeDark.png</text>
-</g>
-<!-- ../assets/badges/optimismBadgeLarge.png -->
-<g id="node29" class="node">
-<title>../assets/badges/optimismBadgeLarge.png</title>
-<path fill="none" stroke="#cfffac" d="M5546.58,-1203.51C5546.58,-1203.51 5289.17,-1203.51 5289.17,-1203.51 5285.21,-1203.51 5281.25,-1199.55 5281.25,-1195.59 5281.25,-1195.59 5281.25,-1187.67 5281.25,-1187.67 5281.25,-1183.72 5285.21,-1179.76 5289.17,-1179.76 5289.17,-1179.76 5546.58,-1179.76 5546.58,-1179.76 5550.54,-1179.76 5554.5,-1183.72 5554.5,-1187.67 5554.5,-1187.67 5554.5,-1195.59 5554.5,-1195.59 5554.5,-1199.55 5550.54,-1203.51 5546.58,-1203.51"/>
-<text text-anchor="middle" x="5417.88" y="-1186.21" font-family="Arial" font-size="14.00" fill="#cfffac">../assets/badges/optimismBadgeLarge.png</text>
-</g>
-<!-- ../assets/badges/optimismBadgeLargeDark.png -->
-<g id="node30" class="node">
-<title>../assets/badges/optimismBadgeLargeDark.png</title>
-<path fill="none" stroke="#cfffac" d="M5560.83,-1161.51C5560.83,-1161.51 5274.92,-1161.51 5274.92,-1161.51 5270.96,-1161.51 5267,-1157.55 5267,-1153.59 5267,-1153.59 5267,-1145.67 5267,-1145.67 5267,-1141.72 5270.96,-1137.76 5274.92,-1137.76 5274.92,-1137.76 5560.83,-1137.76 5560.83,-1137.76 5564.79,-1137.76 5568.75,-1141.72 5568.75,-1145.67 5568.75,-1145.67 5568.75,-1153.59 5568.75,-1153.59 5568.75,-1157.55 5564.79,-1161.51 5560.83,-1161.51"/>
-<text text-anchor="middle" x="5417.88" y="-1144.21" font-family="Arial" font-size="14.00" fill="#cfffac">../assets/badges/optimismBadgeLargeDark.png</text>
-</g>
-<!-- ../assets/badges/polygonBadge.png -->
-<g id="node31" class="node">
-<title>../assets/badges/polygonBadge.png</title>
-<path fill="none" stroke="#cfffac" d="M5525.21,-1119.51C5525.21,-1119.51 5310.54,-1119.51 5310.54,-1119.51 5306.58,-1119.51 5302.62,-1115.55 5302.62,-1111.59 5302.62,-1111.59 5302.62,-1103.67 5302.62,-1103.67 5302.62,-1099.72 5306.58,-1095.76 5310.54,-1095.76 5310.54,-1095.76 5525.21,-1095.76 5525.21,-1095.76 5529.17,-1095.76 5533.12,-1099.72 5533.12,-1103.67 5533.12,-1103.67 5533.12,-1111.59 5533.12,-1111.59 5533.12,-1115.55 5529.17,-1119.51 5525.21,-1119.51"/>
-<text text-anchor="middle" x="5417.88" y="-1102.21" font-family="Arial" font-size="14.00" fill="#cfffac">../assets/badges/polygonBadge.png</text>
-</g>
-<!-- ../assets/badges/polygonBadgeDark.png -->
-<g id="node32" class="node">
-<title>../assets/badges/polygonBadgeDark.png</title>
-<path fill="none" stroke="#cfffac" d="M5539.46,-1077.51C5539.46,-1077.51 5296.29,-1077.51 5296.29,-1077.51 5292.33,-1077.51 5288.38,-1073.55 5288.38,-1069.59 5288.38,-1069.59 5288.38,-1061.67 5288.38,-1061.67 5288.38,-1057.72 5292.33,-1053.76 5296.29,-1053.76 5296.29,-1053.76 5539.46,-1053.76 5539.46,-1053.76 5543.42,-1053.76 5547.38,-1057.72 5547.38,-1061.67 5547.38,-1061.67 5547.38,-1069.59 5547.38,-1069.59 5547.38,-1073.55 5543.42,-1077.51 5539.46,-1077.51"/>
-<text text-anchor="middle" x="5417.88" y="-1060.21" font-family="Arial" font-size="14.00" fill="#cfffac">../assets/badges/polygonBadgeDark.png</text>
-</g>
-<!-- ../assets/badges/polygonBadgeLarge.png -->
-<g id="node33" class="node">
-<title>../assets/badges/polygonBadgeLarge.png</title>
-<path fill="none" stroke="#cfffac" d="M5542.46,-1035.51C5542.46,-1035.51 5293.29,-1035.51 5293.29,-1035.51 5289.33,-1035.51 5285.38,-1031.55 5285.38,-1027.59 5285.38,-1027.59 5285.38,-1019.67 5285.38,-1019.67 5285.38,-1015.72 5289.33,-1011.76 5293.29,-1011.76 5293.29,-1011.76 5542.46,-1011.76 5542.46,-1011.76 5546.42,-1011.76 5550.38,-1015.72 5550.38,-1019.67 5550.38,-1019.67 5550.38,-1027.59 5550.38,-1027.59 5550.38,-1031.55 5546.42,-1035.51 5542.46,-1035.51"/>
-<text text-anchor="middle" x="5417.88" y="-1018.21" font-family="Arial" font-size="14.00" fill="#cfffac">../assets/badges/polygonBadgeLarge.png</text>
-</g>
-<!-- ../assets/badges/polygonBadgeLargeDark.png -->
-<g id="node34" class="node">
-<title>../assets/badges/polygonBadgeLargeDark.png</title>
-<path fill="none" stroke="#cfffac" d="M5556.71,-993.51C5556.71,-993.51 5279.04,-993.51 5279.04,-993.51 5275.08,-993.51 5271.12,-989.55 5271.12,-985.59 5271.12,-985.59 5271.12,-977.67 5271.12,-977.67 5271.12,-973.72 5275.08,-969.76 5279.04,-969.76 5279.04,-969.76 5556.71,-969.76 5556.71,-969.76 5560.67,-969.76 5564.62,-973.72 5564.62,-977.67 5564.62,-977.67 5564.62,-985.59 5564.62,-985.59 5564.62,-989.55 5560.67,-993.51 5556.71,-993.51"/>
-<text text-anchor="middle" x="5417.88" y="-976.21" font-family="Arial" font-size="14.00" fill="#cfffac">../assets/badges/polygonBadgeLargeDark.png</text>
-</g>
-<!-- ../assets/badges/zoraBadge.png -->
-<g id="node35" class="node">
-<title>../assets/badges/zoraBadge.png</title>
-<path fill="none" stroke="#cfffac" d="M5514.71,-951.51C5514.71,-951.51 5321.04,-951.51 5321.04,-951.51 5317.08,-951.51 5313.12,-947.55 5313.12,-943.59 5313.12,-943.59 5313.12,-935.67 5313.12,-935.67 5313.12,-931.72 5317.08,-927.76 5321.04,-927.76 5321.04,-927.76 5514.71,-927.76 5514.71,-927.76 5518.67,-927.76 5522.62,-931.72 5522.62,-935.67 5522.62,-935.67 5522.62,-943.59 5522.62,-943.59 5522.62,-947.55 5518.67,-951.51 5514.71,-951.51"/>
-<text text-anchor="middle" x="5417.88" y="-934.21" font-family="Arial" font-size="14.00" fill="#cfffac">../assets/badges/zoraBadge.png</text>
-</g>
-<!-- ../assets/badges/zoraBadgeDark.png -->
-<g id="node36" class="node">
-<title>../assets/badges/zoraBadgeDark.png</title>
-<path fill="none" stroke="#cfffac" d="M5528.96,-909.51C5528.96,-909.51 5306.79,-909.51 5306.79,-909.51 5302.83,-909.51 5298.88,-905.55 5298.88,-901.59 5298.88,-901.59 5298.88,-893.67 5298.88,-893.67 5298.88,-889.72 5302.83,-885.76 5306.79,-885.76 5306.79,-885.76 5528.96,-885.76 5528.96,-885.76 5532.92,-885.76 5536.88,-889.72 5536.88,-893.67 5536.88,-893.67 5536.88,-901.59 5536.88,-901.59 5536.88,-905.55 5532.92,-909.51 5528.96,-909.51"/>
-<text text-anchor="middle" x="5417.88" y="-892.21" font-family="Arial" font-size="14.00" fill="#cfffac">../assets/badges/zoraBadgeDark.png</text>
-</g>
-<!-- ../assets/badges/zoraBadgeLarge.png -->
-<g id="node37" class="node">
-<title>../assets/badges/zoraBadgeLarge.png</title>
-<path fill="none" stroke="#cfffac" d="M5531.96,-867.51C5531.96,-867.51 5303.79,-867.51 5303.79,-867.51 5299.83,-867.51 5295.88,-863.55 5295.88,-859.59 5295.88,-859.59 5295.88,-851.67 5295.88,-851.67 5295.88,-847.72 5299.83,-843.76 5303.79,-843.76 5303.79,-843.76 5531.96,-843.76 5531.96,-843.76 5535.92,-843.76 5539.88,-847.72 5539.88,-851.67 5539.88,-851.67 5539.88,-859.59 5539.88,-859.59 5539.88,-863.55 5535.92,-867.51 5531.96,-867.51"/>
-<text text-anchor="middle" x="5417.88" y="-850.21" font-family="Arial" font-size="14.00" fill="#cfffac">../assets/badges/zoraBadgeLarge.png</text>
-</g>
-<!-- ../assets/badges/zoraBadgeLargeDark.png -->
-<g id="node38" class="node">
-<title>../assets/badges/zoraBadgeLargeDark.png</title>
-<path fill="none" stroke="#cfffac" d="M5546.21,-2337.51C5546.21,-2337.51 5289.54,-2337.51 5289.54,-2337.51 5285.58,-2337.51 5281.62,-2333.55 5281.62,-2329.59 5281.62,-2329.59 5281.62,-2321.67 5281.62,-2321.67 5281.62,-2317.72 5285.58,-2313.76 5289.54,-2313.76 5289.54,-2313.76 5546.21,-2313.76 5546.21,-2313.76 5550.17,-2313.76 5554.12,-2317.72 5554.12,-2321.67 5554.12,-2321.67 5554.12,-2329.59 5554.12,-2329.59 5554.12,-2333.55 5550.17,-2337.51 5546.21,-2337.51"/>
-<text text-anchor="middle" x="5417.88" y="-2320.21" font-family="Arial" font-size="14.00" fill="#cfffac">../assets/badges/zoraBadgeLargeDark.png</text>
-</g>
-<!-- ../assets/chartSpinner.png -->
-<g id="node39" class="node">
-<title>../assets/chartSpinner.png</title>
-<path fill="none" stroke="#cfffac" d="M1438.21,-120.51C1438.21,-120.51 1282.04,-120.51 1282.04,-120.51 1278.08,-120.51 1274.12,-116.55 1274.12,-112.59 1274.12,-112.59 1274.12,-104.67 1274.12,-104.67 1274.12,-100.72 1278.08,-96.76 1282.04,-96.76 1282.04,-96.76 1438.21,-96.76 1438.21,-96.76 1442.17,-96.76 1446.12,-100.72 1446.12,-104.67 1446.12,-104.67 1446.12,-112.59 1446.12,-112.59 1446.12,-116.55 1442.17,-120.51 1438.21,-120.51"/>
-<text text-anchor="middle" x="1360.12" y="-103.21" font-family="Arial" font-size="14.00" fill="#cfffac">../assets/chartSpinner.png</text>
-</g>
-<!-- ../assets/family&#45;dropdown&#45;arrow.png -->
-<g id="node40" class="node">
-<title>../assets/family&#45;dropdown&#45;arrow.png</title>
-<path fill="none" stroke="#cfffac" d="M5196.46,-3815.51C5196.46,-3815.51 4978.79,-3815.51 4978.79,-3815.51 4974.83,-3815.51 4970.88,-3811.55 4970.88,-3807.59 4970.88,-3807.59 4970.88,-3799.67 4970.88,-3799.67 4970.88,-3795.72 4974.83,-3791.76 4978.79,-3791.76 4978.79,-3791.76 5196.46,-3791.76 5196.46,-3791.76 5200.42,-3791.76 5204.38,-3795.72 5204.38,-3799.67 5204.38,-3799.67 5204.38,-3807.59 5204.38,-3807.59 5204.38,-3811.55 5200.42,-3815.51 5196.46,-3815.51"/>
-<text text-anchor="middle" x="5087.62" y="-3798.21" font-family="Arial" font-size="14.00" fill="#cfffac">../assets/family&#45;dropdown&#45;arrow.png</text>
-</g>
-<!-- ../assets/swipeToDelete.png -->
-<g id="node41" class="node">
-<title>../assets/swipeToDelete.png</title>
-<path fill="none" stroke="#cfffac" d="M2321.46,-2493.51C2321.46,-2493.51 2153.29,-2493.51 2153.29,-2493.51 2149.33,-2493.51 2145.38,-2489.55 2145.38,-2485.59 2145.38,-2485.59 2145.38,-2477.67 2145.38,-2477.67 2145.38,-2473.72 2149.33,-2469.76 2153.29,-2469.76 2153.29,-2469.76 2321.46,-2469.76 2321.46,-2469.76 2325.42,-2469.76 2329.38,-2473.72 2329.38,-2477.67 2329.38,-2477.67 2329.38,-2485.59 2329.38,-2485.59 2329.38,-2489.55 2325.42,-2493.51 2321.46,-2493.51"/>
-<text text-anchor="middle" x="2237.38" y="-2476.21" font-family="Arial" font-size="14.00" fill="#cfffac">../assets/swipeToDelete.png</text>
-</g>
-<!-- ../assets/swipeToEdit.png -->
-<g id="node42" class="node">
-<title>../assets/swipeToEdit.png</title>
-<path fill="none" stroke="#cfffac" d="M2313.58,-2451.51C2313.58,-2451.51 2161.17,-2451.51 2161.17,-2451.51 2157.21,-2451.51 2153.25,-2447.55 2153.25,-2443.59 2153.25,-2443.59 2153.25,-2435.67 2153.25,-2435.67 2153.25,-2431.72 2157.21,-2427.76 2161.17,-2427.76 2161.17,-2427.76 2313.58,-2427.76 2313.58,-2427.76 2317.54,-2427.76 2321.5,-2431.72 2321.5,-2435.67 2321.5,-2435.67 2321.5,-2443.59 2321.5,-2443.59 2321.5,-2447.55 2317.54,-2451.51 2313.58,-2451.51"/>
-<text text-anchor="middle" x="2237.38" y="-2434.21" font-family="Arial" font-size="14.00" fill="#cfffac">../assets/swipeToEdit.png</text>
-</g>
-<!-- ../components/AddFundsInterstitial.js -->
-<g id="node43" class="node">
-<title>../components/AddFundsInterstitial.js</title>
-<path fill="none" stroke="#c6c5fe" d="M4855.71,-4465.51C4855.71,-4465.51 4633.54,-4465.51 4633.54,-4465.51 4629.58,-4465.51 4625.62,-4461.55 4625.62,-4457.59 4625.62,-4457.59 4625.62,-4449.67 4625.62,-4449.67 4625.62,-4445.72 4629.58,-4441.76 4633.54,-4441.76 4633.54,-4441.76 4855.71,-4441.76 4855.71,-4441.76 4859.67,-4441.76 4863.62,-4445.72 4863.62,-4449.67 4863.62,-4449.67 4863.62,-4457.59 4863.62,-4457.59 4863.62,-4461.55 4859.67,-4465.51 4855.71,-4465.51"/>
-<text text-anchor="middle" x="4744.62" y="-4448.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/AddFundsInterstitial.js</text>
-</g>
-<!-- ../components/layout/index.js -->
-<g id="node44" class="node">
-<title>../components/layout/index.js</title>
-<path fill="none" stroke="#c6c5fe" d="M6535.08,-4387.51C6535.08,-4387.51 6360.17,-4387.51 6360.17,-4387.51 6356.21,-4387.51 6352.25,-4383.55 6352.25,-4379.59 6352.25,-4379.59 6352.25,-4371.67 6352.25,-4371.67 6352.25,-4367.72 6356.21,-4363.76 6360.17,-4363.76 6360.17,-4363.76 6535.08,-4363.76 6535.08,-4363.76 6539.04,-4363.76 6543,-4367.72 6543,-4371.67 6543,-4371.67 6543,-4379.59 6543,-4379.59 6543,-4383.55 6539.04,-4387.51 6535.08,-4387.51"/>
-<text text-anchor="middle" x="6447.62" y="-4370.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/layout/index.js</text>
-</g>
-<!-- ../components/AddFundsInterstitial.js&#45;&gt;../components/layout/index.js -->
-<g id="edge2" class="edge">
-<title>../components/AddFundsInterstitial.js&#45;&gt;../components/layout/index.js</title>
-<path fill="none" stroke="#757575" d="M4863.85,-4454.2C4997.94,-4454.79 5223.13,-4455.63 5416.88,-4455.63 5416.88,-4455.63 5416.88,-4455.63 5757,-4455.63 5978.75,-4455.63 6034.31,-4441.81 6254,-4411.63 6295.24,-4405.97 6341.05,-4397.49 6377.65,-4390.19"/>
-<polygon fill="#757575" stroke="#757575" points="6378.1,-4393.67 6387.22,-4388.27 6376.72,-4386.81 6378.1,-4393.67"/>
-</g>
-<!-- ../components/text/index.js -->
-<g id="node45" class="node">
-<title>../components/text/index.js</title>
-<path fill="none" stroke="#ff6c60" d="M5167.96,-3123.51C5167.96,-3123.51 5007.29,-3123.51 5007.29,-3123.51 5003.33,-3123.51 4999.38,-3119.55 4999.38,-3115.59 4999.38,-3115.59 4999.38,-3107.67 4999.38,-3107.67 4999.38,-3103.72 5003.33,-3099.76 5007.29,-3099.76 5007.29,-3099.76 5167.96,-3099.76 5167.96,-3099.76 5171.92,-3099.76 5175.88,-3103.72 5175.88,-3107.67 5175.88,-3107.67 5175.88,-3115.59 5175.88,-3115.59 5175.88,-3119.55 5171.92,-3123.51 5167.96,-3123.51"/>
-<text text-anchor="middle" x="5087.62" y="-3106.21" font-family="Arial" font-size="14.00" fill="#ff6c60">../components/text/index.js</text>
-</g>
-<!-- ../components/AddFundsInterstitial.js&#45;&gt;../components/text/index.js -->
-<g id="edge3" class="edge">
-<title>../components/AddFundsInterstitial.js&#45;&gt;../components/text/index.js</title>
-<path fill="none" stroke="#757575" d="M4750.68,-4441.32C4772.67,-4387.3 4861.21,-4165.61 4911.25,-3976.63 4933.7,-3891.86 4930.33,-3868.68 4947.25,-3782.63 4997.24,-3528.38 5063.05,-3221.09 5081.58,-3135.02"/>
-<polygon fill="#757575" stroke="#757575" points="5084.96,-3135.95 5083.64,-3125.44 5078.11,-3134.48 5084.96,-3135.95"/>
-</g>
-<!-- ../navigation/Navigation.js -->
-<g id="node46" class="node">
-<title>../navigation/Navigation.js</title>
-<path fill="none" stroke="#cfffac" d="M5164.58,-4507.51C5164.58,-4507.51 5010.67,-4507.51 5010.67,-4507.51 5006.71,-4507.51 5002.75,-4503.55 5002.75,-4499.59 5002.75,-4499.59 5002.75,-4491.67 5002.75,-4491.67 5002.75,-4487.72 5006.71,-4483.76 5010.67,-4483.76 5010.67,-4483.76 5164.58,-4483.76 5164.58,-4483.76 5168.54,-4483.76 5172.5,-4487.72 5172.5,-4491.67 5172.5,-4491.67 5172.5,-4499.59 5172.5,-4499.59 5172.5,-4503.55 5168.54,-4507.51 5164.58,-4507.51"/>
-<text text-anchor="middle" x="5087.62" y="-4490.21" font-family="Arial" font-size="14.00" fill="#cfffac">../navigation/Navigation.js</text>
-</g>
-<!-- ../components/AddFundsInterstitial.js&#45;&gt;../navigation/Navigation.js -->
-<g id="edge4" class="edge">
-<title>../components/AddFundsInterstitial.js&#45;&gt;../navigation/Navigation.js</title>
-<path fill="none" stroke="#757575" d="M4846.09,-4466.01C4891.91,-4471.65 4945.9,-4478.3 4991.11,-4483.87"/>
-<polygon fill="#757575" stroke="#757575" points="4990.55,-4487.32 5000.9,-4485.07 4991.4,-4480.38 4990.55,-4487.32"/>
-</g>
-<!-- ../components/layout/Centered.js -->
-<g id="node224" class="node">
-<title>../components/layout/Centered.js</title>
-<path fill="none" stroke="#c6c5fe" d="M7210.96,-4313.51C7210.96,-4313.51 7012.79,-4313.51 7012.79,-4313.51 7008.83,-4313.51 7004.88,-4309.55 7004.88,-4305.59 7004.88,-4305.59 7004.88,-4297.67 7004.88,-4297.67 7004.88,-4293.72 7008.83,-4289.76 7012.79,-4289.76 7012.79,-4289.76 7210.96,-4289.76 7210.96,-4289.76 7214.92,-4289.76 7218.88,-4293.72 7218.88,-4297.67 7218.88,-4297.67 7218.88,-4305.59 7218.88,-4305.59 7218.88,-4309.55 7214.92,-4313.51 7210.96,-4313.51"/>
-<text text-anchor="middle" x="7111.88" y="-4296.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/layout/Centered.js</text>
-</g>
-<!-- ../components/layout/index.js&#45;&gt;../components/layout/Centered.js -->
-<g id="edge430" class="edge">
-<title>../components/layout/index.js&#45;&gt;../components/layout/Centered.js</title>
-<path fill="none" stroke="#757575" d="M6543.25,-4364.27C6563.74,-4361.44 6585.26,-4358.19 6605.25,-4354.63 6621.39,-4351.76 6625.06,-4349.2 6641.25,-4346.63 6760.38,-4327.76 6897.86,-4315.71 6993.15,-4308.88"/>
-<polygon fill="#757575" stroke="#757575" points="6993.32,-4312.37 7003.05,-4308.18 6992.83,-4305.39 6993.32,-4312.37"/>
-</g>
-<!-- ../components/layout/Flex.js -->
-<g id="node225" class="node">
-<title>../components/layout/Flex.js</title>
-<path fill="none" stroke="#cfffac" d="M7476.33,-4397.51C7476.33,-4397.51 7308.17,-4397.51 7308.17,-4397.51 7304.21,-4397.51 7300.25,-4393.55 7300.25,-4389.59 7300.25,-4389.59 7300.25,-4381.67 7300.25,-4381.67 7300.25,-4377.72 7304.21,-4373.76 7308.17,-4373.76 7308.17,-4373.76 7476.33,-4373.76 7476.33,-4373.76 7480.29,-4373.76 7484.25,-4377.72 7484.25,-4381.67 7484.25,-4381.67 7484.25,-4389.59 7484.25,-4389.59 7484.25,-4393.55 7480.29,-4397.51 7476.33,-4397.51"/>
-<text text-anchor="middle" x="7392.25" y="-4380.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/layout/Flex.js</text>
-</g>
-<!-- ../components/layout/index.js&#45;&gt;../components/layout/Flex.js -->
-<g id="edge434" class="edge">
-<title>../components/layout/index.js&#45;&gt;../components/layout/Flex.js</title>
-<path fill="none" stroke="#757575" d="M6543.19,-4381.52C6566.02,-4378.31 6588.61,-4370.57 6605.25,-4354.63 6671.11,-4291.55 6571.34,-4211.19 6641.25,-4152.63 6737.42,-4072.09 6800.07,-4130.21 6923.5,-4152.63 7082.67,-4181.54 7124.27,-4199.53 7264.25,-4280.63 7305.92,-4304.77 7347.7,-4342.56 7371.43,-4365.62"/>
-<polygon fill="#757575" stroke="#757575" points="7368.66,-4367.8 7378.24,-4372.33 7373.57,-4362.82 7368.66,-4367.8"/>
-</g>
-<!-- ../components/layout/Column.js -->
-<g id="node226" class="node">
-<title>../components/layout/Column.js</title>
-<path fill="none" stroke="#c6c5fe" d="M7206.83,-4609.51C7206.83,-4609.51 7016.92,-4609.51 7016.92,-4609.51 7012.96,-4609.51 7009,-4605.55 7009,-4601.59 7009,-4601.59 7009,-4593.67 7009,-4593.67 7009,-4589.72 7012.96,-4585.76 7016.92,-4585.76 7016.92,-4585.76 7206.83,-4585.76 7206.83,-4585.76 7210.79,-4585.76 7214.75,-4589.72 7214.75,-4593.67 7214.75,-4593.67 7214.75,-4601.59 7214.75,-4601.59 7214.75,-4605.55 7210.79,-4609.51 7206.83,-4609.51"/>
-<text text-anchor="middle" x="7111.88" y="-4592.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/layout/Column.js</text>
-</g>
-<!-- ../components/layout/index.js&#45;&gt;../components/layout/Column.js -->
-<g id="edge431" class="edge">
-<title>../components/layout/index.js&#45;&gt;../components/layout/Column.js</title>
-<path fill="none" stroke="#757575" d="M6454.44,-4387.99C6473.98,-4427.85 6541.7,-4553.07 6641.25,-4598.63 6777.9,-4661.16 6961.21,-4633.14 7053.17,-4612.53"/>
-<polygon fill="#757575" stroke="#757575" points="7053.75,-4615.99 7062.71,-4610.34 7052.18,-4609.17 7053.75,-4615.99"/>
-</g>
-<!-- ../components/layout/ColumnWithDividers.js -->
-<g id="node227" class="node">
-<title>../components/layout/ColumnWithDividers.js</title>
-<path fill="none" stroke="#c6c5fe" d="M6915.58,-4467.51C6915.58,-4467.51 6649.17,-4467.51 6649.17,-4467.51 6645.21,-4467.51 6641.25,-4463.55 6641.25,-4459.59 6641.25,-4459.59 6641.25,-4451.67 6641.25,-4451.67 6641.25,-4447.72 6645.21,-4443.76 6649.17,-4443.76 6649.17,-4443.76 6915.58,-4443.76 6915.58,-4443.76 6919.54,-4443.76 6923.5,-4447.72 6923.5,-4451.67 6923.5,-4451.67 6923.5,-4459.59 6923.5,-4459.59 6923.5,-4463.55 6919.54,-4467.51 6915.58,-4467.51"/>
-<text text-anchor="middle" x="6782.38" y="-4450.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/layout/ColumnWithDividers.js</text>
-</g>
-<!-- ../components/layout/index.js&#45;&gt;../components/layout/ColumnWithDividers.js -->
-<g id="edge432" class="edge">
-<title>../components/layout/index.js&#45;&gt;../components/layout/ColumnWithDividers.js</title>
-<path fill="none" stroke="#757575" d="M6488.57,-4387.96C6527.34,-4399.66 6587.97,-4417.25 6641.25,-4429.63 6659.11,-4433.78 6678.38,-4437.71 6696.74,-4441.2"/>
-<polygon fill="#757575" stroke="#757575" points="6696.07,-4444.63 6706.54,-4443.03 6697.35,-4437.75 6696.07,-4444.63"/>
-</g>
-<!-- ../components/layout/LayoutWithDividers.js -->
-<g id="node228" class="node">
-<title>../components/layout/LayoutWithDividers.js</title>
-<path fill="none" stroke="#c6c5fe" d="M7241.71,-4419.51C7241.71,-4419.51 6982.04,-4419.51 6982.04,-4419.51 6978.08,-4419.51 6974.12,-4415.55 6974.12,-4411.59 6974.12,-4411.59 6974.12,-4403.67 6974.12,-4403.67 6974.12,-4399.72 6978.08,-4395.76 6982.04,-4395.76 6982.04,-4395.76 7241.71,-4395.76 7241.71,-4395.76 7245.67,-4395.76 7249.62,-4399.72 7249.62,-4403.67 7249.62,-4403.67 7249.62,-4411.59 7249.62,-4411.59 7249.62,-4415.55 7245.67,-4419.51 7241.71,-4419.51"/>
-<text text-anchor="middle" x="7111.88" y="-4402.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/layout/LayoutWithDividers.js</text>
-</g>
-<!-- ../components/layout/index.js&#45;&gt;../components/layout/LayoutWithDividers.js -->
-<g id="edge437" class="edge">
-<title>../components/layout/index.js&#45;&gt;../components/layout/LayoutWithDividers.js</title>
-<path fill="none" stroke="#757575" d="M6543.03,-4387.55C6574.25,-4391.05 6609.19,-4394.51 6641.25,-4396.63 6748.57,-4403.73 6869.94,-4406.43 6962.41,-4407.38"/>
-<polygon fill="#757575" stroke="#757575" points="6962.28,-4410.88 6972.31,-4407.48 6962.35,-4403.88 6962.28,-4410.88"/>
-</g>
-<!-- ../components/layout/ColumnWithMargins.js -->
-<g id="node229" class="node">
-<title>../components/layout/ColumnWithMargins.js</title>
-<path fill="none" stroke="#c6c5fe" d="M6915.58,-4547.51C6915.58,-4547.51 6649.17,-4547.51 6649.17,-4547.51 6645.21,-4547.51 6641.25,-4543.55 6641.25,-4539.59 6641.25,-4539.59 6641.25,-4531.67 6641.25,-4531.67 6641.25,-4527.72 6645.21,-4523.76 6649.17,-4523.76 6649.17,-4523.76 6915.58,-4523.76 6915.58,-4523.76 6919.54,-4523.76 6923.5,-4527.72 6923.5,-4531.67 6923.5,-4531.67 6923.5,-4539.59 6923.5,-4539.59 6923.5,-4543.55 6919.54,-4547.51 6915.58,-4547.51"/>
-<text text-anchor="middle" x="6782.38" y="-4530.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/layout/ColumnWithMargins.js</text>
-</g>
-<!-- ../components/layout/index.js&#45;&gt;../components/layout/ColumnWithMargins.js -->
-<g id="edge433" class="edge">
-<title>../components/layout/index.js&#45;&gt;../components/layout/ColumnWithMargins.js</title>
-<path fill="none" stroke="#757575" d="M6461.9,-4387.96C6491.54,-4414.75 6566.44,-4478.39 6641.25,-4509.63 6651.63,-4513.97 6662.74,-4517.58 6674,-4520.6"/>
-<polygon fill="#757575" stroke="#757575" points="6672.8,-4523.91 6683.36,-4522.94 6674.51,-4517.12 6672.8,-4523.91"/>
-</g>
-<!-- ../components/layout/LayoutWithMargins.js -->
-<g id="node230" class="node">
-<title>../components/layout/LayoutWithMargins.js</title>
-<path fill="none" stroke="#c6c5fe" d="M7241.71,-4527.51C7241.71,-4527.51 6982.04,-4527.51 6982.04,-4527.51 6978.08,-4527.51 6974.12,-4523.55 6974.12,-4519.59 6974.12,-4519.59 6974.12,-4511.67 6974.12,-4511.67 6974.12,-4507.72 6978.08,-4503.76 6982.04,-4503.76 6982.04,-4503.76 7241.71,-4503.76 7241.71,-4503.76 7245.67,-4503.76 7249.62,-4507.72 7249.62,-4511.67 7249.62,-4511.67 7249.62,-4519.59 7249.62,-4519.59 7249.62,-4523.55 7245.67,-4527.51 7241.71,-4527.51"/>
-<text text-anchor="middle" x="7111.88" y="-4510.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/layout/LayoutWithMargins.js</text>
-</g>
-<!-- ../components/layout/index.js&#45;&gt;../components/layout/LayoutWithMargins.js -->
-<g id="edge438" class="edge">
-<title>../components/layout/index.js&#45;&gt;../components/layout/LayoutWithMargins.js</title>
-<path fill="none" stroke="#757575" d="M6466.18,-4387.97C6498.86,-4410.19 6571.99,-4456.5 6641.25,-4476.63 6699.51,-4493.57 6847.89,-4503.97 6962.41,-4509.72"/>
-<polygon fill="#757575" stroke="#757575" points="6962.06,-4513.21 6972.22,-4510.21 6962.41,-4506.22 6962.06,-4513.21"/>
-</g>
-<!-- ../components/layout/FlexItem.js -->
-<g id="node231" class="node">
-<title>../components/layout/FlexItem.js</title>
-<path fill="none" stroke="#cfffac" d="M6879.96,-4269.51C6879.96,-4269.51 6684.79,-4269.51 6684.79,-4269.51 6680.83,-4269.51 6676.88,-4265.55 6676.88,-4261.59 6676.88,-4261.59 6676.88,-4253.67 6676.88,-4253.67 6676.88,-4249.72 6680.83,-4245.76 6684.79,-4245.76 6684.79,-4245.76 6879.96,-4245.76 6879.96,-4245.76 6883.92,-4245.76 6887.88,-4249.72 6887.88,-4253.67 6887.88,-4253.67 6887.88,-4261.59 6887.88,-4261.59 6887.88,-4265.55 6883.92,-4269.51 6879.96,-4269.51"/>
-<text text-anchor="middle" x="6782.38" y="-4252.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/layout/FlexItem.js</text>
-</g>
-<!-- ../components/layout/index.js&#45;&gt;../components/layout/FlexItem.js -->
-<g id="edge435" class="edge">
-<title>../components/layout/index.js&#45;&gt;../components/layout/FlexItem.js</title>
-<path fill="none" stroke="#757575" d="M6543.14,-4377.58C6565.07,-4374.24 6587.24,-4367.42 6605.25,-4354.63 6634.1,-4334.15 6612.92,-4304.83 6641.25,-4283.63 6648.8,-4277.98 6657.2,-4273.44 6666.04,-4269.8"/>
-<polygon fill="#757575" stroke="#757575" points="6666.98,-4273.18 6675.17,-4266.45 6664.57,-4266.61 6666.98,-4273.18"/>
-</g>
-<!-- ../components/layout/InnerBorder.js -->
-<g id="node232" class="node">
-<title>../components/layout/InnerBorder.js</title>
-<path fill="none" stroke="#cfffac" d="M6888.96,-4227.51C6888.96,-4227.51 6675.79,-4227.51 6675.79,-4227.51 6671.83,-4227.51 6667.88,-4223.55 6667.88,-4219.59 6667.88,-4219.59 6667.88,-4211.67 6667.88,-4211.67 6667.88,-4207.72 6671.83,-4203.76 6675.79,-4203.76 6675.79,-4203.76 6888.96,-4203.76 6888.96,-4203.76 6892.92,-4203.76 6896.88,-4207.72 6896.88,-4211.67 6896.88,-4211.67 6896.88,-4219.59 6896.88,-4219.59 6896.88,-4223.55 6892.92,-4227.51 6888.96,-4227.51"/>
-<text text-anchor="middle" x="6782.38" y="-4210.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/layout/InnerBorder.js</text>
-</g>
-<!-- ../components/layout/index.js&#45;&gt;../components/layout/InnerBorder.js -->
-<g id="edge436" class="edge">
-<title>../components/layout/index.js&#45;&gt;../components/layout/InnerBorder.js</title>
-<path fill="none" stroke="#757575" d="M6543.16,-4379.96C6565.6,-4376.67 6588,-4369.28 6605.25,-4354.63 6647.05,-4319.14 6599.73,-4272.44 6641.25,-4236.63 6646.08,-4232.46 6651.37,-4228.93 6656.98,-4225.93"/>
-<polygon fill="#757575" stroke="#757575" points="6658.41,-4229.13 6666.01,-4221.75 6655.47,-4222.78 6658.41,-4229.13"/>
-</g>
-<!-- ../components/layout/Page.js -->
-<g id="node233" class="node">
-<title>../components/layout/Page.js</title>
-<path fill="none" stroke="#cfffac" d="M6869.46,-4185.51C6869.46,-4185.51 6695.29,-4185.51 6695.29,-4185.51 6691.33,-4185.51 6687.38,-4181.55 6687.38,-4177.59 6687.38,-4177.59 6687.38,-4169.67 6687.38,-4169.67 6687.38,-4165.72 6691.33,-4161.76 6695.29,-4161.76 6695.29,-4161.76 6869.46,-4161.76 6869.46,-4161.76 6873.42,-4161.76 6877.38,-4165.72 6877.38,-4169.67 6877.38,-4169.67 6877.38,-4177.59 6877.38,-4177.59 6877.38,-4181.55 6873.42,-4185.51 6869.46,-4185.51"/>
-<text text-anchor="middle" x="6782.38" y="-4168.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/layout/Page.js</text>
-</g>
-<!-- ../components/layout/index.js&#45;&gt;../components/layout/Page.js -->
-<g id="edge439" class="edge">
-<title>../components/layout/index.js&#45;&gt;../components/layout/Page.js</title>
-<path fill="none" stroke="#757575" d="M6543.12,-4380.95C6565.82,-4377.71 6588.35,-4370.1 6605.25,-4354.63 6659.01,-4305.41 6587.87,-4244.27 6641.25,-4194.63 6651.1,-4185.47 6663.14,-4179.27 6675.98,-4175.17"/>
-<polygon fill="#757575" stroke="#757575" points="6676.72,-4178.6 6685.46,-4172.6 6674.89,-4171.84 6676.72,-4178.6"/>
-</g>
-<!-- ../components/layout/Row.js -->
-<g id="node234" class="node">
-<title>../components/layout/Row.js</title>
-<path fill="none" stroke="#c6c5fe" d="M7196.33,-4372.51C7196.33,-4372.51 7027.42,-4372.51 7027.42,-4372.51 7023.46,-4372.51 7019.5,-4368.55 7019.5,-4364.59 7019.5,-4364.59 7019.5,-4356.67 7019.5,-4356.67 7019.5,-4352.72 7023.46,-4348.76 7027.42,-4348.76 7027.42,-4348.76 7196.33,-4348.76 7196.33,-4348.76 7200.29,-4348.76 7204.25,-4352.72 7204.25,-4356.67 7204.25,-4356.67 7204.25,-4364.59 7204.25,-4364.59 7204.25,-4368.55 7200.29,-4372.51 7196.33,-4372.51"/>
-<text text-anchor="middle" x="7111.88" y="-4355.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/layout/Row.js</text>
-</g>
-<!-- ../components/layout/index.js&#45;&gt;../components/layout/Row.js -->
-<g id="edge440" class="edge">
-<title>../components/layout/index.js&#45;&gt;../components/layout/Row.js</title>
-<path fill="none" stroke="#757575" d="M6543,-4363.27C6574.22,-4359.74 6609.17,-4356.38 6641.25,-4354.63 6766.51,-4347.82 6798.07,-4352.62 6923.5,-4354.63 6950.96,-4355.07 6980.67,-4355.87 7008.17,-4356.75"/>
-<polygon fill="#757575" stroke="#757575" points="7007.78,-4360.24 7017.88,-4357.07 7008,-4353.24 7007.78,-4360.24"/>
-</g>
-<!-- ../components/layout/RowWithDividers.js -->
-<g id="node235" class="node">
-<title>../components/layout/RowWithDividers.js</title>
-<path fill="none" stroke="#c6c5fe" d="M6905.46,-4387.51C6905.46,-4387.51 6659.29,-4387.51 6659.29,-4387.51 6655.33,-4387.51 6651.38,-4383.55 6651.38,-4379.59 6651.38,-4379.59 6651.38,-4371.67 6651.38,-4371.67 6651.38,-4367.72 6655.33,-4363.76 6659.29,-4363.76 6659.29,-4363.76 6905.46,-4363.76 6905.46,-4363.76 6909.42,-4363.76 6913.38,-4367.72 6913.38,-4371.67 6913.38,-4371.67 6913.38,-4379.59 6913.38,-4379.59 6913.38,-4383.55 6909.42,-4387.51 6905.46,-4387.51"/>
-<text text-anchor="middle" x="6782.38" y="-4370.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/layout/RowWithDividers.js</text>
-</g>
-<!-- ../components/layout/index.js&#45;&gt;../components/layout/RowWithDividers.js -->
-<g id="edge441" class="edge">
-<title>../components/layout/index.js&#45;&gt;../components/layout/RowWithDividers.js</title>
-<path fill="none" stroke="#757575" d="M6543.09,-4375.63C6573.08,-4375.63 6606.93,-4375.63 6639.5,-4375.63"/>
-<polygon fill="#757575" stroke="#757575" points="6639.45,-4379.13 6649.45,-4375.63 6639.45,-4372.13 6639.45,-4379.13"/>
-</g>
-<!-- ../components/layout/RowWithMargins.js -->
-<g id="node236" class="node">
-<title>../components/layout/RowWithMargins.js</title>
-<path fill="none" stroke="#c6c5fe" d="M6905.46,-4589.51C6905.46,-4589.51 6659.29,-4589.51 6659.29,-4589.51 6655.33,-4589.51 6651.38,-4585.55 6651.38,-4581.59 6651.38,-4581.59 6651.38,-4573.67 6651.38,-4573.67 6651.38,-4569.72 6655.33,-4565.76 6659.29,-4565.76 6659.29,-4565.76 6905.46,-4565.76 6905.46,-4565.76 6909.42,-4565.76 6913.38,-4569.72 6913.38,-4573.67 6913.38,-4573.67 6913.38,-4581.59 6913.38,-4581.59 6913.38,-4585.55 6909.42,-4589.51 6905.46,-4589.51"/>
-<text text-anchor="middle" x="6782.38" y="-4572.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/layout/RowWithMargins.js</text>
-</g>
-<!-- ../components/layout/index.js&#45;&gt;../components/layout/RowWithMargins.js -->
-<g id="edge442" class="edge">
-<title>../components/layout/index.js&#45;&gt;../components/layout/RowWithMargins.js</title>
-<path fill="none" stroke="#757575" d="M6457.34,-4387.94C6481.88,-4421.53 6555.37,-4514.98 6641.25,-4556.63 6644.84,-4558.38 6648.55,-4559.98 6652.33,-4561.46"/>
-<polygon fill="#757575" stroke="#757575" points="6651.16,-4564.76 6661.75,-4564.8 6653.5,-4558.16 6651.16,-4564.76"/>
-</g>
-<!-- ../components/text/Text.js -->
-<g id="node148" class="node">
-<title>../components/text/Text.js</title>
-<path fill="none" stroke="#cfffac" d="M5832.58,-3335.51C5832.58,-3335.51 5679.42,-3335.51 5679.42,-3335.51 5675.46,-3335.51 5671.5,-3331.55 5671.5,-3327.59 5671.5,-3327.59 5671.5,-3319.67 5671.5,-3319.67 5671.5,-3315.72 5675.46,-3311.76 5679.42,-3311.76 5679.42,-3311.76 5832.58,-3311.76 5832.58,-3311.76 5836.54,-3311.76 5840.5,-3315.72 5840.5,-3319.67 5840.5,-3319.67 5840.5,-3327.59 5840.5,-3327.59 5840.5,-3331.55 5836.54,-3335.51 5832.58,-3335.51"/>
-<text text-anchor="middle" x="5756" y="-3318.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/text/Text.js</text>
-</g>
-<!-- ../components/text/index.js&#45;&gt;../components/text/Text.js -->
-<g id="edge513" class="edge">
-<title>../components/text/index.js&#45;&gt;../components/text/Text.js</title>
-<path fill="none" stroke="#757575" d="M5093.18,-3123.91C5109.1,-3164.72 5166.6,-3296.03 5264,-3344.63 5332.11,-3378.61 5543.8,-3355.02 5665.84,-3337.61"/>
-<polygon fill="#757575" stroke="#757575" points="5666.1,-3341.11 5675.5,-3336.21 5665.1,-3334.18 5666.1,-3341.11"/>
-</g>
-<!-- ../components/text/Bold.js -->
-<g id="node252" class="node">
-<title>../components/text/Bold.js</title>
-<path fill="none" stroke="#c6c5fe" d="M5495.58,-3335.51C5495.58,-3335.51 5340.17,-3335.51 5340.17,-3335.51 5336.21,-3335.51 5332.25,-3331.55 5332.25,-3327.59 5332.25,-3327.59 5332.25,-3319.67 5332.25,-3319.67 5332.25,-3315.72 5336.21,-3311.76 5340.17,-3311.76 5340.17,-3311.76 5495.58,-3311.76 5495.58,-3311.76 5499.54,-3311.76 5503.5,-3315.72 5503.5,-3319.67 5503.5,-3319.67 5503.5,-3327.59 5503.5,-3327.59 5503.5,-3331.55 5499.54,-3335.51 5495.58,-3335.51"/>
-<text text-anchor="middle" x="5417.88" y="-3318.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/text/Bold.js</text>
-</g>
-<!-- ../components/text/index.js&#45;&gt;../components/text/Bold.js -->
-<g id="edge499" class="edge">
-<title>../components/text/index.js&#45;&gt;../components/text/Bold.js</title>
-<path fill="none" stroke="#757575" d="M5095.46,-3123.67C5115.89,-3158.35 5180.25,-3258.79 5264,-3302.63 5281.34,-3311.71 5301.24,-3317.32 5320.82,-3320.69"/>
-<polygon fill="#757575" stroke="#757575" points="5320.06,-3324.12 5330.47,-3322.16 5321.11,-3317.2 5320.06,-3324.12"/>
-</g>
-<!-- ../components/text/Br.js -->
-<g id="node253" class="node">
-<title>../components/text/Br.js</title>
-<path fill="none" stroke="#cfffac" d="M5488.46,-2919.51C5488.46,-2919.51 5347.29,-2919.51 5347.29,-2919.51 5343.33,-2919.51 5339.38,-2915.55 5339.38,-2911.59 5339.38,-2911.59 5339.38,-2903.67 5339.38,-2903.67 5339.38,-2899.72 5343.33,-2895.76 5347.29,-2895.76 5347.29,-2895.76 5488.46,-2895.76 5488.46,-2895.76 5492.42,-2895.76 5496.38,-2899.72 5496.38,-2903.67 5496.38,-2903.67 5496.38,-2911.59 5496.38,-2911.59 5496.38,-2915.55 5492.42,-2919.51 5488.46,-2919.51"/>
-<text text-anchor="middle" x="5417.88" y="-2902.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/text/Br.js</text>
-</g>
-<!-- ../components/text/index.js&#45;&gt;../components/text/Br.js -->
-<g id="edge500" class="edge">
-<title>../components/text/index.js&#45;&gt;../components/text/Br.js</title>
-<path fill="none" stroke="#757575" d="M5096.37,-3099.61C5118.22,-3066.78 5183.99,-2975.35 5264,-2933.63 5283.52,-2923.46 5306.16,-2917.13 5327.94,-2913.23"/>
-<polygon fill="#757575" stroke="#757575" points="5328.42,-2916.7 5337.73,-2911.64 5327.3,-2909.79 5328.42,-2916.7"/>
-</g>
-<!-- ../components/text/DollarFigure.js -->
-<g id="node254" class="node">
-<title>../components/text/DollarFigure.js</title>
-<path fill="none" stroke="#c6c5fe" d="M5518.83,-3583.51C5518.83,-3583.51 5316.92,-3583.51 5316.92,-3583.51 5312.96,-3583.51 5309,-3579.55 5309,-3575.59 5309,-3575.59 5309,-3567.67 5309,-3567.67 5309,-3563.72 5312.96,-3559.76 5316.92,-3559.76 5316.92,-3559.76 5518.83,-3559.76 5518.83,-3559.76 5522.79,-3559.76 5526.75,-3563.72 5526.75,-3567.67 5526.75,-3567.67 5526.75,-3575.59 5526.75,-3575.59 5526.75,-3579.55 5522.79,-3583.51 5518.83,-3583.51"/>
-<text text-anchor="middle" x="5417.88" y="-3566.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/text/DollarFigure.js</text>
-</g>
-<!-- ../components/text/index.js&#45;&gt;../components/text/DollarFigure.js -->
-<g id="edge501" class="edge">
-<title>../components/text/index.js&#45;&gt;../components/text/DollarFigure.js</title>
-<path fill="none" stroke="#757575" d="M5089.29,-3123.99C5093.18,-3182.84 5118.21,-3436.63 5264,-3550.63 5274.04,-3558.48 5285.62,-3564.14 5297.84,-3568.15"/>
-<polygon fill="#757575" stroke="#757575" points="5296.67,-3571.46 5307.25,-3570.84 5298.6,-3564.73 5296.67,-3571.46"/>
-</g>
-<!-- ../components/text/EmDash.js -->
-<g id="node255" class="node">
-<title>../components/text/EmDash.js</title>
-<path fill="none" stroke="#cfffac" d="M5508.33,-2877.51C5508.33,-2877.51 5327.42,-2877.51 5327.42,-2877.51 5323.46,-2877.51 5319.5,-2873.55 5319.5,-2869.59 5319.5,-2869.59 5319.5,-2861.67 5319.5,-2861.67 5319.5,-2857.72 5323.46,-2853.76 5327.42,-2853.76 5327.42,-2853.76 5508.33,-2853.76 5508.33,-2853.76 5512.29,-2853.76 5516.25,-2857.72 5516.25,-2861.67 5516.25,-2861.67 5516.25,-2869.59 5516.25,-2869.59 5516.25,-2873.55 5512.29,-2877.51 5508.33,-2877.51"/>
-<text text-anchor="middle" x="5417.88" y="-2860.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/text/EmDash.js</text>
-</g>
-<!-- ../components/text/index.js&#45;&gt;../components/text/EmDash.js -->
-<g id="edge502" class="edge">
-<title>../components/text/index.js&#45;&gt;../components/text/EmDash.js</title>
-<path fill="none" stroke="#757575" d="M5093.94,-3099.45C5111.6,-3060.65 5172.37,-2939.41 5264,-2886.63 5277.58,-2878.81 5292.94,-2873.47 5308.55,-2869.88"/>
-<polygon fill="#757575" stroke="#757575" points="5308.8,-2873.4 5317.9,-2867.96 5307.4,-2866.54 5308.8,-2873.4"/>
-</g>
-<!-- ../components/text/Emoji.js -->
-<g id="node256" class="node">
-<title>../components/text/Emoji.js</title>
-<path fill="none" stroke="#c6c5fe" d="M5499.33,-3251.51C5499.33,-3251.51 5336.42,-3251.51 5336.42,-3251.51 5332.46,-3251.51 5328.5,-3247.55 5328.5,-3243.59 5328.5,-3243.59 5328.5,-3235.67 5328.5,-3235.67 5328.5,-3231.72 5332.46,-3227.76 5336.42,-3227.76 5336.42,-3227.76 5499.33,-3227.76 5499.33,-3227.76 5503.29,-3227.76 5507.25,-3231.72 5507.25,-3235.67 5507.25,-3235.67 5507.25,-3243.59 5507.25,-3243.59 5507.25,-3247.55 5503.29,-3251.51 5499.33,-3251.51"/>
-<text text-anchor="middle" x="5417.88" y="-3234.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/text/Emoji.js</text>
-</g>
-<!-- ../components/text/index.js&#45;&gt;../components/text/Emoji.js -->
-<g id="edge503" class="edge">
-<title>../components/text/index.js&#45;&gt;../components/text/Emoji.js</title>
-<path fill="none" stroke="#757575" d="M5103.48,-3123.69C5132.4,-3146.45 5199.15,-3195.53 5264,-3218.63 5280.64,-3224.56 5298.85,-3228.83 5316.72,-3231.89"/>
-<polygon fill="#757575" stroke="#757575" points="5316.17,-3235.35 5326.59,-3233.46 5317.26,-3228.44 5316.17,-3235.35"/>
-</g>
-<!-- ../components/text/EnDash.js -->
-<g id="node257" class="node">
-<title>../components/text/EnDash.js</title>
-<path fill="none" stroke="#cfffac" d="M5506.08,-2835.51C5506.08,-2835.51 5329.67,-2835.51 5329.67,-2835.51 5325.71,-2835.51 5321.75,-2831.55 5321.75,-2827.59 5321.75,-2827.59 5321.75,-2819.67 5321.75,-2819.67 5321.75,-2815.72 5325.71,-2811.76 5329.67,-2811.76 5329.67,-2811.76 5506.08,-2811.76 5506.08,-2811.76 5510.04,-2811.76 5514,-2815.72 5514,-2819.67 5514,-2819.67 5514,-2827.59 5514,-2827.59 5514,-2831.55 5510.04,-2835.51 5506.08,-2835.51"/>
-<text text-anchor="middle" x="5417.88" y="-2818.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/text/EnDash.js</text>
-</g>
-<!-- ../components/text/index.js&#45;&gt;../components/text/EnDash.js -->
-<g id="edge504" class="edge">
-<title>../components/text/index.js&#45;&gt;../components/text/EnDash.js</title>
-<path fill="none" stroke="#757575" d="M5094.82,-3099.54C5119.55,-3051.77 5212.3,-2877.27 5264,-2844.63 5278.03,-2835.78 5294.22,-2829.97 5310.7,-2826.27"/>
-<polygon fill="#757575" stroke="#757575" points="5310.94,-2829.79 5320.07,-2824.42 5309.58,-2822.92 5310.94,-2829.79"/>
-</g>
-<!-- ../components/text/ErrorText.js -->
-<g id="node258" class="node">
-<title>../components/text/ErrorText.js</title>
-<path fill="none" stroke="#ff6c60" d="M5509.46,-2999.51C5509.46,-2999.51 5326.29,-2999.51 5326.29,-2999.51 5322.33,-2999.51 5318.38,-2995.55 5318.38,-2991.59 5318.38,-2991.59 5318.38,-2983.67 5318.38,-2983.67 5318.38,-2979.72 5322.33,-2975.76 5326.29,-2975.76 5326.29,-2975.76 5509.46,-2975.76 5509.46,-2975.76 5513.42,-2975.76 5517.38,-2979.72 5517.38,-2983.67 5517.38,-2983.67 5517.38,-2991.59 5517.38,-2991.59 5517.38,-2995.55 5513.42,-2999.51 5509.46,-2999.51"/>
-<text text-anchor="middle" x="5417.88" y="-2982.21" font-family="Arial" font-size="14.00" fill="#ff6c60">../components/text/ErrorText.js</text>
-</g>
-<!-- ../components/text/index.js&#45;&gt;../components/text/ErrorText.js -->
-<g id="edge505" class="edge">
-<title>../components/text/index.js&#45;&gt;../components/text/ErrorText.js</title>
-<path fill="none" stroke="#757575" d="M5104.48,-3099.36C5134.02,-3077.19 5200.28,-3030.73 5264,-3008.63 5277.61,-3003.91 5292.26,-3000.25 5306.89,-2997.4"/>
-<polygon fill="#757575" stroke="#757575" points="5307.36,-3000.88 5316.58,-2995.65 5306.12,-2993.99 5307.36,-3000.88"/>
-</g>
-<!-- ../components/text/GradientText.js -->
-<g id="node259" class="node">
-<title>../components/text/GradientText.js</title>
-<path fill="none" stroke="#c6c5fe" d="M5520.71,-3293.51C5520.71,-3293.51 5315.04,-3293.51 5315.04,-3293.51 5311.08,-3293.51 5307.12,-3289.55 5307.12,-3285.59 5307.12,-3285.59 5307.12,-3277.67 5307.12,-3277.67 5307.12,-3273.72 5311.08,-3269.76 5315.04,-3269.76 5315.04,-3269.76 5520.71,-3269.76 5520.71,-3269.76 5524.67,-3269.76 5528.62,-3273.72 5528.62,-3277.67 5528.62,-3277.67 5528.62,-3285.59 5528.62,-3285.59 5528.62,-3289.55 5524.67,-3293.51 5520.71,-3293.51"/>
-<text text-anchor="middle" x="5417.88" y="-3276.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/text/GradientText.js</text>
-</g>
-<!-- ../components/text/index.js&#45;&gt;../components/text/GradientText.js -->
-<g id="edge506" class="edge">
-<title>../components/text/index.js&#45;&gt;../components/text/GradientText.js</title>
-<path fill="none" stroke="#757575" d="M5098.54,-3123.89C5123.07,-3153.24 5189.96,-3227.53 5264,-3260.63 5274.09,-3265.14 5284.9,-3268.74 5295.93,-3271.61"/>
-<polygon fill="#757575" stroke="#757575" points="5295,-3274.99 5305.54,-3273.9 5296.62,-3268.18 5295,-3274.99"/>
-</g>
-<!-- ../components/text/H1.js -->
-<g id="node260" class="node">
-<title>../components/text/H1.js</title>
-<path fill="none" stroke="#c6c5fe" d="M5490.71,-3209.51C5490.71,-3209.51 5345.04,-3209.51 5345.04,-3209.51 5341.08,-3209.51 5337.12,-3205.55 5337.12,-3201.59 5337.12,-3201.59 5337.12,-3193.67 5337.12,-3193.67 5337.12,-3189.72 5341.08,-3185.76 5345.04,-3185.76 5345.04,-3185.76 5490.71,-3185.76 5490.71,-3185.76 5494.67,-3185.76 5498.62,-3189.72 5498.62,-3193.67 5498.62,-3193.67 5498.62,-3201.59 5498.62,-3201.59 5498.62,-3205.55 5494.67,-3209.51 5490.71,-3209.51"/>
-<text text-anchor="middle" x="5417.88" y="-3192.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/text/H1.js</text>
-</g>
-<!-- ../components/text/index.js&#45;&gt;../components/text/H1.js -->
-<g id="edge507" class="edge">
-<title>../components/text/index.js&#45;&gt;../components/text/H1.js</title>
-<path fill="none" stroke="#757575" d="M5115.98,-3123.9C5149.99,-3138.66 5210.14,-3163.12 5264,-3176.63 5283.73,-3181.58 5305.21,-3185.44 5325.66,-3188.42"/>
-<polygon fill="#757575" stroke="#757575" points="5325.01,-3191.87 5335.4,-3189.78 5325.98,-3184.93 5325.01,-3191.87"/>
-</g>
-<!-- ../components/text/Label.js -->
-<g id="node261" class="node">
-<title>../components/text/Label.js</title>
-<path fill="none" stroke="#c6c5fe" d="M5498.58,-3125.51C5498.58,-3125.51 5337.17,-3125.51 5337.17,-3125.51 5333.21,-3125.51 5329.25,-3121.55 5329.25,-3117.59 5329.25,-3117.59 5329.25,-3109.67 5329.25,-3109.67 5329.25,-3105.72 5333.21,-3101.76 5337.17,-3101.76 5337.17,-3101.76 5498.58,-3101.76 5498.58,-3101.76 5502.54,-3101.76 5506.5,-3105.72 5506.5,-3109.67 5506.5,-3109.67 5506.5,-3117.59 5506.5,-3117.59 5506.5,-3121.55 5502.54,-3125.51 5498.58,-3125.51"/>
-<text text-anchor="middle" x="5417.88" y="-3108.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/text/Label.js</text>
-</g>
-<!-- ../components/text/index.js&#45;&gt;../components/text/Label.js -->
-<g id="edge508" class="edge">
-<title>../components/text/index.js&#45;&gt;../components/text/Label.js</title>
-<path fill="none" stroke="#757575" d="M5176.16,-3112.17C5219.75,-3112.43 5272.64,-3112.75 5317.73,-3113.03"/>
-<polygon fill="#757575" stroke="#757575" points="5317.48,-3116.53 5327.5,-3113.09 5317.52,-3109.53 5317.48,-3116.53"/>
-</g>
-<!-- ../components/text/MarkdownText.js -->
-<g id="node262" class="node">
-<title>../components/text/MarkdownText.js</title>
-<path fill="none" stroke="#c6c5fe" d="M5525.96,-3083.51C5525.96,-3083.51 5309.79,-3083.51 5309.79,-3083.51 5305.83,-3083.51 5301.88,-3079.55 5301.88,-3075.59 5301.88,-3075.59 5301.88,-3067.67 5301.88,-3067.67 5301.88,-3063.72 5305.83,-3059.76 5309.79,-3059.76 5309.79,-3059.76 5525.96,-3059.76 5525.96,-3059.76 5529.92,-3059.76 5533.88,-3063.72 5533.88,-3067.67 5533.88,-3067.67 5533.88,-3075.59 5533.88,-3075.59 5533.88,-3079.55 5529.92,-3083.51 5525.96,-3083.51"/>
-<text text-anchor="middle" x="5417.88" y="-3066.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/text/MarkdownText.js</text>
-</g>
-<!-- ../components/text/index.js&#45;&gt;../components/text/MarkdownText.js -->
-<g id="edge509" class="edge">
-<title>../components/text/index.js&#45;&gt;../components/text/MarkdownText.js</title>
-<path fill="none" stroke="#757575" d="M5176.16,-3100.97C5215.39,-3096.18 5262.15,-3090.49 5303.97,-3085.39"/>
-<polygon fill="#757575" stroke="#757575" points="5304.33,-3088.87 5313.84,-3084.19 5303.49,-3081.92 5304.33,-3088.87"/>
-</g>
-<!-- ../components/text/Nbsp.js -->
-<g id="node263" class="node">
-<title>../components/text/Nbsp.js</title>
-<path fill="none" stroke="#cfffac" d="M5497.83,-3167.51C5497.83,-3167.51 5337.92,-3167.51 5337.92,-3167.51 5333.96,-3167.51 5330,-3163.55 5330,-3159.59 5330,-3159.59 5330,-3151.67 5330,-3151.67 5330,-3147.72 5333.96,-3143.76 5337.92,-3143.76 5337.92,-3143.76 5497.83,-3143.76 5497.83,-3143.76 5501.79,-3143.76 5505.75,-3147.72 5505.75,-3151.67 5505.75,-3151.67 5505.75,-3159.59 5505.75,-3159.59 5505.75,-3163.55 5501.79,-3167.51 5497.83,-3167.51"/>
-<text text-anchor="middle" x="5417.88" y="-3150.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/text/Nbsp.js</text>
-</g>
-<!-- ../components/text/index.js&#45;&gt;../components/text/Nbsp.js -->
-<g id="edge510" class="edge">
-<title>../components/text/index.js&#45;&gt;../components/text/Nbsp.js</title>
-<path fill="none" stroke="#757575" d="M5176.16,-3123.37C5219.93,-3129.23 5273.07,-3136.36 5318.27,-3142.41"/>
-<polygon fill="#757575" stroke="#757575" points="5317.71,-3145.87 5328.09,-3143.73 5318.64,-3138.93 5317.71,-3145.87"/>
-</g>
-<!-- ../components/text/PlaceholderText.js -->
-<g id="node264" class="node">
-<title>../components/text/PlaceholderText.js</title>
-<path fill="none" stroke="#c6c5fe" d="M5530.08,-3041.51C5530.08,-3041.51 5305.67,-3041.51 5305.67,-3041.51 5301.71,-3041.51 5297.75,-3037.55 5297.75,-3033.59 5297.75,-3033.59 5297.75,-3025.67 5297.75,-3025.67 5297.75,-3021.72 5301.71,-3017.76 5305.67,-3017.76 5305.67,-3017.76 5530.08,-3017.76 5530.08,-3017.76 5534.04,-3017.76 5538,-3021.72 5538,-3025.67 5538,-3025.67 5538,-3033.59 5538,-3033.59 5538,-3037.55 5534.04,-3041.51 5530.08,-3041.51"/>
-<text text-anchor="middle" x="5417.88" y="-3024.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/text/PlaceholderText.js</text>
-</g>
-<!-- ../components/text/index.js&#45;&gt;../components/text/PlaceholderText.js -->
-<g id="edge511" class="edge">
-<title>../components/text/index.js&#45;&gt;../components/text/PlaceholderText.js</title>
-<path fill="none" stroke="#757575" d="M5118.19,-3099.32C5152.62,-3085.46 5211.5,-3063.24 5264,-3050.63 5274.45,-3048.12 5285.38,-3045.88 5296.39,-3043.89"/>
-<polygon fill="#757575" stroke="#757575" points="5296.65,-3047.4 5305.91,-3042.24 5295.46,-3040.5 5296.65,-3047.4"/>
-</g>
-<!-- ../components/text/Smallcaps.js -->
-<g id="node265" class="node">
-<title>../components/text/Smallcaps.js</title>
-<path fill="none" stroke="#c6c5fe" d="M5513.58,-3541.51C5513.58,-3541.51 5322.17,-3541.51 5322.17,-3541.51 5318.21,-3541.51 5314.25,-3537.55 5314.25,-3533.59 5314.25,-3533.59 5314.25,-3525.67 5314.25,-3525.67 5314.25,-3521.72 5318.21,-3517.76 5322.17,-3517.76 5322.17,-3517.76 5513.58,-3517.76 5513.58,-3517.76 5517.54,-3517.76 5521.5,-3521.72 5521.5,-3525.67 5521.5,-3525.67 5521.5,-3533.59 5521.5,-3533.59 5521.5,-3537.55 5517.54,-3541.51 5513.58,-3541.51"/>
-<text text-anchor="middle" x="5417.88" y="-3524.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/text/Smallcaps.js</text>
-</g>
-<!-- ../components/text/index.js&#45;&gt;../components/text/Smallcaps.js -->
-<g id="edge512" class="edge">
-<title>../components/text/index.js&#45;&gt;../components/text/Smallcaps.js</title>
-<path fill="none" stroke="#757575" d="M5089.84,-3123.93C5096.03,-3179.29 5129.19,-3407.07 5264,-3508.63 5275.51,-3517.3 5288.93,-3523.26 5302.95,-3527.25"/>
-<polygon fill="#757575" stroke="#757575" points="5301.75,-3530.56 5312.3,-3529.58 5303.44,-3523.77 5301.75,-3530.56"/>
-</g>
-<!-- ../components/text/TruncatedAddress.js -->
-<g id="node266" class="node">
-<title>../components/text/TruncatedAddress.js</title>
-<path fill="none" stroke="#c6c5fe" d="M5537.21,-3499.51C5537.21,-3499.51 5298.54,-3499.51 5298.54,-3499.51 5294.58,-3499.51 5290.62,-3495.55 5290.62,-3491.59 5290.62,-3491.59 5290.62,-3483.67 5290.62,-3483.67 5290.62,-3479.72 5294.58,-3475.76 5298.54,-3475.76 5298.54,-3475.76 5537.21,-3475.76 5537.21,-3475.76 5541.17,-3475.76 5545.12,-3479.72 5545.12,-3483.67 5545.12,-3483.67 5545.12,-3491.59 5545.12,-3491.59 5545.12,-3495.55 5541.17,-3499.51 5537.21,-3499.51"/>
-<text text-anchor="middle" x="5417.88" y="-3482.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/text/TruncatedAddress.js</text>
-</g>
-<!-- ../components/text/index.js&#45;&gt;../components/text/TruncatedAddress.js -->
-<g id="edge514" class="edge">
-<title>../components/text/index.js&#45;&gt;../components/text/TruncatedAddress.js</title>
-<path fill="none" stroke="#757575" d="M5090.47,-3123.69C5099.04,-3175.07 5139.89,-3377.24 5264,-3466.63 5269.03,-3470.25 5274.39,-3473.39 5280,-3476.1"/>
-<polygon fill="#757575" stroke="#757575" points="5278.36,-3479.21 5288.92,-3479.94 5281.12,-3472.78 5278.36,-3479.21"/>
-</g>
-<!-- ../components/text/TruncatedENS.js -->
-<g id="node267" class="node">
-<title>../components/text/TruncatedENS.js</title>
-<path fill="none" stroke="#c6c5fe" d="M5526.33,-3457.51C5526.33,-3457.51 5309.42,-3457.51 5309.42,-3457.51 5305.46,-3457.51 5301.5,-3453.55 5301.5,-3449.59 5301.5,-3449.59 5301.5,-3441.67 5301.5,-3441.67 5301.5,-3437.72 5305.46,-3433.76 5309.42,-3433.76 5309.42,-3433.76 5526.33,-3433.76 5526.33,-3433.76 5530.29,-3433.76 5534.25,-3437.72 5534.25,-3441.67 5534.25,-3441.67 5534.25,-3449.59 5534.25,-3449.59 5534.25,-3453.55 5530.29,-3457.51 5526.33,-3457.51"/>
-<text text-anchor="middle" x="5417.88" y="-3440.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/text/TruncatedENS.js</text>
-</g>
-<!-- ../components/text/index.js&#45;&gt;../components/text/TruncatedENS.js -->
-<g id="edge515" class="edge">
-<title>../components/text/index.js&#45;&gt;../components/text/TruncatedENS.js</title>
-<path fill="none" stroke="#757575" d="M5091.34,-3123.88C5102.63,-3171.77 5150.77,-3347.45 5264,-3424.63 5272.12,-3430.17 5281.06,-3434.55 5290.4,-3437.99"/>
-<polygon fill="#757575" stroke="#757575" points="5289.08,-3441.24 5299.67,-3441.02 5291.25,-3434.59 5289.08,-3441.24"/>
-</g>
-<!-- ../components/text/TruncatedText.js -->
-<g id="node268" class="node">
-<title>../components/text/TruncatedText.js</title>
-<path fill="none" stroke="#c6c5fe" d="M5524.83,-3415.51C5524.83,-3415.51 5310.92,-3415.51 5310.92,-3415.51 5306.96,-3415.51 5303,-3411.55 5303,-3407.59 5303,-3407.59 5303,-3399.67 5303,-3399.67 5303,-3395.72 5306.96,-3391.76 5310.92,-3391.76 5310.92,-3391.76 5524.83,-3391.76 5524.83,-3391.76 5528.79,-3391.76 5532.75,-3395.72 5532.75,-3399.67 5532.75,-3399.67 5532.75,-3407.59 5532.75,-3407.59 5532.75,-3411.55 5528.79,-3415.51 5524.83,-3415.51"/>
-<text text-anchor="middle" x="5417.88" y="-3398.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/text/TruncatedText.js</text>
-</g>
-<!-- ../components/text/index.js&#45;&gt;../components/text/TruncatedText.js -->
-<g id="edge516" class="edge">
-<title>../components/text/index.js&#45;&gt;../components/text/TruncatedText.js</title>
-<path fill="none" stroke="#757575" d="M5092.7,-3124C5107.62,-3167.19 5163.71,-3312.18 5264,-3377.63 5272.61,-3383.25 5282.05,-3387.77 5291.89,-3391.4"/>
-<polygon fill="#757575" stroke="#757575" points="5290.66,-3394.68 5301.26,-3394.51 5292.87,-3388.04 5290.66,-3394.68"/>
-</g>
-<!-- ../components/TouchableBackdrop.js -->
-<g id="node47" class="node">
-<title>../components/TouchableBackdrop.js</title>
-<path fill="none" stroke="#cfffac" d="M5198.33,-4941.51C5198.33,-4941.51 4976.92,-4941.51 4976.92,-4941.51 4972.96,-4941.51 4969,-4937.55 4969,-4933.59 4969,-4933.59 4969,-4925.67 4969,-4925.67 4969,-4921.72 4972.96,-4917.76 4976.92,-4917.76 4976.92,-4917.76 5198.33,-4917.76 5198.33,-4917.76 5202.29,-4917.76 5206.25,-4921.72 5206.25,-4925.67 5206.25,-4925.67 5206.25,-4933.59 5206.25,-4933.59 5206.25,-4937.55 5202.29,-4941.51 5198.33,-4941.51"/>
-<text text-anchor="middle" x="5087.62" y="-4924.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/TouchableBackdrop.js</text>
-</g>
-<!-- ../components/animations/FlyInAnimation.js -->
-<g id="node48" class="node">
-<title>../components/animations/FlyInAnimation.js</title>
-<path fill="none" stroke="#cfffac" d="M7243.21,-622.51C7243.21,-622.51 6980.54,-622.51 6980.54,-622.51 6976.58,-622.51 6972.62,-618.55 6972.62,-614.59 6972.62,-614.59 6972.62,-606.67 6972.62,-606.67 6972.62,-602.72 6976.58,-598.76 6980.54,-598.76 6980.54,-598.76 7243.21,-598.76 7243.21,-598.76 7247.17,-598.76 7251.12,-602.72 7251.12,-606.67 7251.12,-606.67 7251.12,-614.59 7251.12,-614.59 7251.12,-618.55 7247.17,-622.51 7243.21,-622.51"/>
-<text text-anchor="middle" x="7111.88" y="-605.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/animations/FlyInAnimation.js</text>
-</g>
-<!-- ../components/animations/OpacityToggler.js -->
-<g id="node49" class="node">
-<title>../components/animations/OpacityToggler.js</title>
-<path fill="none" stroke="#cfffac" d="M7243.21,-580.51C7243.21,-580.51 6980.54,-580.51 6980.54,-580.51 6976.58,-580.51 6972.62,-576.55 6972.62,-572.59 6972.62,-572.59 6972.62,-564.67 6972.62,-564.67 6972.62,-560.72 6976.58,-556.76 6980.54,-556.76 6980.54,-556.76 7243.21,-556.76 7243.21,-556.76 7247.17,-556.76 7251.12,-560.72 7251.12,-564.67 7251.12,-564.67 7251.12,-572.59 7251.12,-572.59 7251.12,-576.55 7247.17,-580.51 7243.21,-580.51"/>
-<text text-anchor="middle" x="7111.88" y="-563.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/animations/OpacityToggler.js</text>
-</g>
-<!-- ../components/animations/ShimmerAnimation.js -->
-<g id="node50" class="node">
-<title>../components/animations/ShimmerAnimation.js</title>
-<path fill="none" stroke="#cfffac" d="M7256.33,-538.51C7256.33,-538.51 6967.42,-538.51 6967.42,-538.51 6963.46,-538.51 6959.5,-534.55 6959.5,-530.59 6959.5,-530.59 6959.5,-522.67 6959.5,-522.67 6959.5,-518.72 6963.46,-514.76 6967.42,-514.76 6967.42,-514.76 7256.33,-514.76 7256.33,-514.76 7260.29,-514.76 7264.25,-518.72 7264.25,-522.67 7264.25,-522.67 7264.25,-530.59 7264.25,-530.59 7264.25,-534.55 7260.29,-538.51 7256.33,-538.51"/>
-<text text-anchor="middle" x="7111.88" y="-521.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/animations/ShimmerAnimation.js</text>
-</g>
-<!-- ../components/animations/index.js -->
-<g id="node51" class="node">
-<title>../components/animations/index.js</title>
-<path fill="none" stroke="#c6c5fe" d="M6884.83,-580.51C6884.83,-580.51 6679.92,-580.51 6679.92,-580.51 6675.96,-580.51 6672,-576.55 6672,-572.59 6672,-572.59 6672,-564.67 6672,-564.67 6672,-560.72 6675.96,-556.76 6679.92,-556.76 6679.92,-556.76 6884.83,-556.76 6884.83,-556.76 6888.79,-556.76 6892.75,-560.72 6892.75,-564.67 6892.75,-564.67 6892.75,-572.59 6892.75,-572.59 6892.75,-576.55 6888.79,-580.51 6884.83,-580.51"/>
-<text text-anchor="middle" x="6782.38" y="-563.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/animations/index.js</text>
-</g>
-<!-- ../components/animations/index.js&#45;&gt;../components/animations/FlyInAnimation.js -->
-<g id="edge5" class="edge">
-<title>../components/animations/index.js&#45;&gt;../components/animations/FlyInAnimation.js</title>
-<path fill="none" stroke="#757575" d="M6879.86,-581.01C6918.59,-585.97 6963.38,-591.72 7003.16,-596.82"/>
-<polygon fill="#757575" stroke="#757575" points="7002.64,-600.28 7013.01,-598.08 7003.53,-593.34 7002.64,-600.28"/>
-</g>
-<!-- ../components/animations/index.js&#45;&gt;../components/animations/OpacityToggler.js -->
-<g id="edge6" class="edge">
-<title>../components/animations/index.js&#45;&gt;../components/animations/OpacityToggler.js</title>
-<path fill="none" stroke="#757575" d="M6892.88,-568.63C6914.78,-568.63 6938.13,-568.63 6961.11,-568.63"/>
-<polygon fill="#757575" stroke="#757575" points="6960.84,-572.13 6970.84,-568.63 6960.84,-565.13 6960.84,-572.13"/>
-</g>
-<!-- ../components/animations/index.js&#45;&gt;../components/animations/ShimmerAnimation.js -->
-<g id="edge7" class="edge">
-<title>../components/animations/index.js&#45;&gt;../components/animations/ShimmerAnimation.js</title>
-<path fill="none" stroke="#757575" d="M6879.86,-556.26C6918.59,-551.29 6963.38,-545.55 7003.16,-540.45"/>
-<polygon fill="#757575" stroke="#757575" points="7003.53,-543.93 7013.01,-539.18 7002.64,-536.98 7003.53,-543.93"/>
-</g>
-<!-- ../components/asset&#45;list/AssetList.js -->
-<g id="node52" class="node">
-<title>../components/asset&#45;list/AssetList.js</title>
-<path fill="none" stroke="#c6c5fe" d="M1467.46,-4743.51C1467.46,-4743.51 1252.79,-4743.51 1252.79,-4743.51 1248.83,-4743.51 1244.88,-4739.55 1244.88,-4735.59 1244.88,-4735.59 1244.88,-4727.67 1244.88,-4727.67 1244.88,-4723.72 1248.83,-4719.76 1252.79,-4719.76 1252.79,-4719.76 1467.46,-4719.76 1467.46,-4719.76 1471.42,-4719.76 1475.38,-4723.72 1475.38,-4727.67 1475.38,-4727.67 1475.38,-4735.59 1475.38,-4735.59 1475.38,-4739.55 1471.42,-4743.51 1467.46,-4743.51"/>
-<text text-anchor="middle" x="1360.12" y="-4726.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/asset&#45;list/AssetList.js</text>
-</g>
-<!-- ../components/asset&#45;list/EmptyAssetList.js -->
-<g id="node53" class="node">
-<title>../components/asset&#45;list/EmptyAssetList.js</title>
-<path fill="none" stroke="#c6c5fe" d="M1886.96,-4666.51C1886.96,-4666.51 1633.29,-4666.51 1633.29,-4666.51 1629.33,-4666.51 1625.38,-4662.55 1625.38,-4658.59 1625.38,-4658.59 1625.38,-4650.67 1625.38,-4650.67 1625.38,-4646.72 1629.33,-4642.76 1633.29,-4642.76 1633.29,-4642.76 1886.96,-4642.76 1886.96,-4642.76 1890.92,-4642.76 1894.88,-4646.72 1894.88,-4650.67 1894.88,-4650.67 1894.88,-4658.59 1894.88,-4658.59 1894.88,-4662.55 1890.92,-4666.51 1886.96,-4666.51"/>
-<text text-anchor="middle" x="1760.12" y="-4649.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/asset&#45;list/EmptyAssetList.js</text>
-</g>
-<!-- ../components/asset&#45;list/AssetList.js&#45;&gt;../components/asset&#45;list/EmptyAssetList.js -->
-<g id="edge8" class="edge">
-<title>../components/asset&#45;list/AssetList.js&#45;&gt;../components/asset&#45;list/EmptyAssetList.js</title>
-<path fill="none" stroke="#757575" d="M1425.07,-4719.26C1495.72,-4705.59 1609.35,-4683.61 1684.14,-4669.14"/>
-<polygon fill="#757575" stroke="#757575" points="1684.7,-4672.6 1693.85,-4667.26 1683.37,-4665.72 1684.7,-4672.6"/>
-</g>
-<!-- ../components/fab/index.js -->
-<g id="node54" class="node">
-<title>../components/fab/index.js</title>
-<path fill="none" stroke="#c6c5fe" d="M3818.71,-4625.51C3818.71,-4625.51 3661.04,-4625.51 3661.04,-4625.51 3657.08,-4625.51 3653.12,-4621.55 3653.12,-4617.59 3653.12,-4617.59 3653.12,-4609.67 3653.12,-4609.67 3653.12,-4605.72 3657.08,-4601.76 3661.04,-4601.76 3661.04,-4601.76 3818.71,-4601.76 3818.71,-4601.76 3822.67,-4601.76 3826.62,-4605.72 3826.62,-4609.67 3826.62,-4609.67 3826.62,-4617.59 3826.62,-4617.59 3826.62,-4621.55 3822.67,-4625.51 3818.71,-4625.51"/>
-<text text-anchor="middle" x="3739.88" y="-4608.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/fab/index.js</text>
-</g>
-<!-- ../components/asset&#45;list/AssetList.js&#45;&gt;../components/fab/index.js -->
-<g id="edge9" class="edge">
-<title>../components/asset&#45;list/AssetList.js&#45;&gt;../components/fab/index.js</title>
-<path fill="none" stroke="#757575" d="M1444.07,-4743.98C1491.08,-4750.35 1551.07,-4757.45 1604.75,-4760.63 1742.62,-4768.81 1777.39,-4761.65 1915.5,-4760.63 2627.82,-4755.36 2809.31,-4753.49 3514.75,-4654.63 3566.28,-4647.41 3624.03,-4636.78 3668.01,-4628.16"/>
-<polygon fill="#757575" stroke="#757575" points="3668.55,-4631.62 3677.68,-4626.25 3667.19,-4624.75 3668.55,-4631.62"/>
-</g>
-<!-- ../components/list/index.js -->
-<g id="node55" class="node">
-<title>../components/list/index.js</title>
-<path fill="none" stroke="#c6c5fe" d="M3411.58,-4176.51C3411.58,-4176.51 3256.17,-4176.51 3256.17,-4176.51 3252.21,-4176.51 3248.25,-4172.55 3248.25,-4168.59 3248.25,-4168.59 3248.25,-4160.67 3248.25,-4160.67 3248.25,-4156.72 3252.21,-4152.76 3256.17,-4152.76 3256.17,-4152.76 3411.58,-4152.76 3411.58,-4152.76 3415.54,-4152.76 3419.5,-4156.72 3419.5,-4160.67 3419.5,-4160.67 3419.5,-4168.59 3419.5,-4168.59 3419.5,-4172.55 3415.54,-4176.51 3411.58,-4176.51"/>
-<text text-anchor="middle" x="3333.88" y="-4159.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/list/index.js</text>
-</g>
-<!-- ../components/asset&#45;list/AssetList.js&#45;&gt;../components/list/index.js -->
-<g id="edge10" class="edge">
-<title>../components/asset&#45;list/AssetList.js&#45;&gt;../components/list/index.js</title>
-<path fill="none" stroke="#757575" d="M1475.86,-4738.07C1829.38,-4755.24 2891.69,-4785.97 3117,-4550.63 3189.77,-4474.63 3101.55,-4408.42 3153,-4316.63 3187.65,-4254.82 3257.83,-4207.04 3299.54,-4182.62"/>
-<polygon fill="#757575" stroke="#757575" points="3301.25,-4185.67 3308.19,-4177.67 3297.77,-4179.6 3301.25,-4185.67"/>
-</g>
-<!-- ../components/asset&#45;list/EmptyAssetList.js&#45;&gt;../components/AddFundsInterstitial.js -->
-<g id="edge18" class="edge">
-<title>../components/asset&#45;list/EmptyAssetList.js&#45;&gt;../components/AddFundsInterstitial.js</title>
-<path fill="none" stroke="#757575" d="M1895.17,-4654.07C2047.52,-4652.66 2303.56,-4647.97 2523.25,-4632.63 3166.4,-4587.74 3321.75,-4516.09 3965,-4472.63 4193.03,-4457.23 4459.36,-4453.88 4614.02,-4453.39"/>
-<polygon fill="#757575" stroke="#757575" points="4613.92,-4456.89 4623.91,-4453.36 4613.9,-4449.89 4613.92,-4456.89"/>
-</g>
-<!-- ../components/asset&#45;list/EmptyAssetList.js&#45;&gt;../components/layout/index.js -->
-<g id="edge22" class="edge">
-<title>../components/asset&#45;list/EmptyAssetList.js&#45;&gt;../components/layout/index.js</title>
-<path fill="none" stroke="#757575" d="M1824.32,-4666.97C1861.25,-4673.67 1908.85,-4681.42 1951.5,-4685.63 2969.85,-4786.29 3229.18,-4767.63 4252.5,-4767.63 4252.5,-4767.63 4252.5,-4767.63 5757,-4767.63 5867.78,-4767.63 6161.02,-4788.86 6254,-4728.63 6376.48,-4649.29 6427.37,-4464.17 6441.92,-4398.91"/>
-<polygon fill="#757575" stroke="#757575" points="6445.3,-4399.84 6443.97,-4389.33 6438.46,-4398.37 6445.3,-4399.84"/>
-</g>
-<!-- ../components/asset&#45;list/EmptyAssetList.js&#45;&gt;../components/fab/index.js -->
-<g id="edge21" class="edge">
-<title>../components/asset&#45;list/EmptyAssetList.js&#45;&gt;../components/fab/index.js</title>
-<path fill="none" stroke="#757575" d="M1895.23,-4665.73C1914.11,-4666.94 1933.29,-4667.96 1951.5,-4668.63 2596.47,-4692.32 3372.61,-4641.26 3641.56,-4621.24"/>
-<polygon fill="#757575" stroke="#757575" points="3641.61,-4624.74 3651.32,-4620.51 3641.09,-4617.76 3641.61,-4624.74"/>
-</g>
-<!-- ../components/asset&#45;list/AssetListHeader.js -->
-<g id="node56" class="node">
-<title>../components/asset&#45;list/AssetListHeader.js</title>
-<path fill="none" stroke="#c6c5fe" d="M3088.08,-4098.51C3088.08,-4098.51 2829.92,-4098.51 2829.92,-4098.51 2825.96,-4098.51 2822,-4094.55 2822,-4090.59 2822,-4090.59 2822,-4082.67 2822,-4082.67 2822,-4078.72 2825.96,-4074.76 2829.92,-4074.76 2829.92,-4074.76 3088.08,-4074.76 3088.08,-4074.76 3092.04,-4074.76 3096,-4078.72 3096,-4082.67 3096,-4082.67 3096,-4090.59 3096,-4090.59 3096,-4094.55 3092.04,-4098.51 3088.08,-4098.51"/>
-<text text-anchor="middle" x="2959" y="-4081.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/asset&#45;list/AssetListHeader.js</text>
-</g>
-<!-- ../components/asset&#45;list/EmptyAssetList.js&#45;&gt;../components/asset&#45;list/AssetListHeader.js -->
-<g id="edge19" class="edge">
-<title>../components/asset&#45;list/EmptyAssetList.js&#45;&gt;../components/asset&#45;list/AssetListHeader.js</title>
-<path fill="none" stroke="#757575" d="M1895.23,-4644.71C2113.43,-4628.55 2521.41,-4598.26 2523.25,-4597.63 2645.16,-4555.92 2697.94,-4547.65 2765,-4437.63 2803.39,-4374.64 2749.48,-4160.42 2801,-4107.63 2804.4,-4104.14 2808.09,-4101.04 2812,-4098.28"/>
-<polygon fill="#757575" stroke="#757575" points="2813.52,-4101.45 2820.21,-4093.24 2809.86,-4095.49 2813.52,-4101.45"/>
-</g>
-<!-- ../components/asset&#45;list/AssetListItemSkeleton.js -->
-<g id="node58" class="node">
-<title>../components/asset&#45;list/AssetListItemSkeleton.js</title>
-<path fill="none" stroke="#c6c5fe" d="M2384.46,-4588.51C2384.46,-4588.51 2090.29,-4588.51 2090.29,-4588.51 2086.33,-4588.51 2082.38,-4584.55 2082.38,-4580.59 2082.38,-4580.59 2082.38,-4572.67 2082.38,-4572.67 2082.38,-4568.72 2086.33,-4564.76 2090.29,-4564.76 2090.29,-4564.76 2384.46,-4564.76 2384.46,-4564.76 2388.42,-4564.76 2392.38,-4568.72 2392.38,-4572.67 2392.38,-4572.67 2392.38,-4580.59 2392.38,-4580.59 2392.38,-4584.55 2388.42,-4588.51 2384.46,-4588.51"/>
-<text text-anchor="middle" x="2237.38" y="-4571.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/asset&#45;list/AssetListItemSkeleton.js</text>
-</g>
-<!-- ../components/asset&#45;list/EmptyAssetList.js&#45;&gt;../components/asset&#45;list/AssetListItemSkeleton.js -->
-<g id="edge20" class="edge">
-<title>../components/asset&#45;list/EmptyAssetList.js&#45;&gt;../components/asset&#45;list/AssetListItemSkeleton.js</title>
-<path fill="none" stroke="#757575" d="M1872.09,-4642.29C1886.99,-4638.81 1901.83,-4634.35 1915.5,-4628.63 1933.71,-4621.02 1933.02,-4609.55 1951.5,-4602.63 1988.91,-4588.62 2030.94,-4580.85 2070.99,-4576.78"/>
-<polygon fill="#757575" stroke="#757575" points="2071.09,-4580.29 2080.72,-4575.87 2070.43,-4573.32 2071.09,-4580.29"/>
-</g>
-<!-- ../components/fab/ExchangeFab.js -->
-<g id="node127" class="node">
-<title>../components/fab/ExchangeFab.js</title>
-<path fill="none" stroke="#c6c5fe" d="M4848.96,-4507.51C4848.96,-4507.51 4640.29,-4507.51 4640.29,-4507.51 4636.33,-4507.51 4632.38,-4503.55 4632.38,-4499.59 4632.38,-4499.59 4632.38,-4491.67 4632.38,-4491.67 4632.38,-4487.72 4636.33,-4483.76 4640.29,-4483.76 4640.29,-4483.76 4848.96,-4483.76 4848.96,-4483.76 4852.92,-4483.76 4856.88,-4487.72 4856.88,-4491.67 4856.88,-4491.67 4856.88,-4499.59 4856.88,-4499.59 4856.88,-4503.55 4852.92,-4507.51 4848.96,-4507.51"/>
-<text text-anchor="middle" x="4744.62" y="-4490.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/fab/ExchangeFab.js</text>
-</g>
-<!-- ../components/fab/index.js&#45;&gt;../components/fab/ExchangeFab.js -->
-<g id="edge231" class="edge">
-<title>../components/fab/index.js&#45;&gt;../components/fab/ExchangeFab.js</title>
-<path fill="none" stroke="#757575" d="M3801.7,-4601.27C3838.87,-4593.1 3887.15,-4581.37 3929,-4567.63 3945.47,-4562.22 3948.12,-4556.59 3965,-4552.63 4215.22,-4493.97 4285.82,-4535.13 4542,-4514.63 4567.42,-4512.6 4594.61,-4510.19 4620.54,-4507.79"/>
-<polygon fill="#757575" stroke="#757575" points="4620.82,-4511.28 4630.45,-4506.86 4620.17,-4504.31 4620.82,-4511.28"/>
-</g>
-<!-- ../components/fab/FloatingActionButton.js -->
-<g id="node128" class="node">
-<title>../components/fab/FloatingActionButton.js</title>
-<path fill="none" stroke="#c6c5fe" d="M5212.58,-4549.51C5212.58,-4549.51 4962.67,-4549.51 4962.67,-4549.51 4958.71,-4549.51 4954.75,-4545.55 4954.75,-4541.59 4954.75,-4541.59 4954.75,-4533.67 4954.75,-4533.67 4954.75,-4529.72 4958.71,-4525.76 4962.67,-4525.76 4962.67,-4525.76 5212.58,-4525.76 5212.58,-4525.76 5216.54,-4525.76 5220.5,-4529.72 5220.5,-4533.67 5220.5,-4533.67 5220.5,-4541.59 5220.5,-4541.59 5220.5,-4545.55 5216.54,-4549.51 5212.58,-4549.51"/>
-<text text-anchor="middle" x="5087.62" y="-4532.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/fab/FloatingActionButton.js</text>
-</g>
-<!-- ../components/fab/index.js&#45;&gt;../components/fab/FloatingActionButton.js -->
-<g id="edge234" class="edge">
-<title>../components/fab/index.js&#45;&gt;../components/fab/FloatingActionButton.js</title>
-<path fill="none" stroke="#757575" d="M3827.05,-4618.38C3868.71,-4620.44 3919.44,-4622.62 3965,-4623.63 4221.38,-4629.35 4286.34,-4643.69 4542,-4623.63 4714.01,-4610.13 4913.79,-4573.01 5016.96,-4552.22"/>
-<polygon fill="#757575" stroke="#757575" points="5017.56,-4555.67 5026.67,-4550.26 5016.17,-4548.81 5017.56,-4555.67"/>
-</g>
-<!-- ../components/fab/ExtraStates.js -->
-<g id="node129" class="node">
-<title>../components/fab/ExtraStates.js</title>
-<path fill="none" stroke="#cfffac" d="M4351.08,-4505.51C4351.08,-4505.51 4155.92,-4505.51 4155.92,-4505.51 4151.96,-4505.51 4148,-4501.55 4148,-4497.59 4148,-4497.59 4148,-4489.67 4148,-4489.67 4148,-4485.72 4151.96,-4481.76 4155.92,-4481.76 4155.92,-4481.76 4351.08,-4481.76 4351.08,-4481.76 4355.04,-4481.76 4359,-4485.72 4359,-4489.67 4359,-4489.67 4359,-4497.59 4359,-4497.59 4359,-4501.55 4355.04,-4505.51 4351.08,-4505.51"/>
-<text text-anchor="middle" x="4253.5" y="-4488.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/fab/ExtraStates.js</text>
-</g>
-<!-- ../components/fab/index.js&#45;&gt;../components/fab/ExtraStates.js -->
-<g id="edge232" class="edge">
-<title>../components/fab/index.js&#45;&gt;../components/fab/ExtraStates.js</title>
-<path fill="none" stroke="#757575" d="M3826.89,-4605.26C3860.83,-4598.85 3898.84,-4587.55 3929,-4567.63 3951.25,-4552.94 3941.71,-4532.62 3965,-4519.63 4016.49,-4490.91 4081.38,-4483.1 4136.47,-4483.04"/>
-<polygon fill="#757575" stroke="#757575" points="4136.16,-4486.54 4146.19,-4483.12 4136.22,-4479.54 4136.16,-4486.54"/>
-</g>
-<!-- ../components/fab/FabWrapper.js -->
-<g id="node130" class="node">
-<title>../components/fab/FabWrapper.js</title>
-<path fill="none" stroke="#c6c5fe" d="M4353.33,-4585.51C4353.33,-4585.51 4153.67,-4585.51 4153.67,-4585.51 4149.71,-4585.51 4145.75,-4581.55 4145.75,-4577.59 4145.75,-4577.59 4145.75,-4569.67 4145.75,-4569.67 4145.75,-4565.72 4149.71,-4561.76 4153.67,-4561.76 4153.67,-4561.76 4353.33,-4561.76 4353.33,-4561.76 4357.29,-4561.76 4361.25,-4565.72 4361.25,-4569.67 4361.25,-4569.67 4361.25,-4577.59 4361.25,-4577.59 4361.25,-4581.55 4357.29,-4585.51 4353.33,-4585.51"/>
-<text text-anchor="middle" x="4253.5" y="-4568.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/fab/FabWrapper.js</text>
-</g>
-<!-- ../components/fab/index.js&#45;&gt;../components/fab/FabWrapper.js -->
-<g id="edge233" class="edge">
-<title>../components/fab/index.js&#45;&gt;../components/fab/FabWrapper.js</title>
-<path fill="none" stroke="#757575" d="M3827.09,-4606.89C3911.37,-4600.3 4040.37,-4590.22 4134.22,-4582.88"/>
-<polygon fill="#757575" stroke="#757575" points="4134.28,-4586.39 4143.98,-4582.12 4133.73,-4579.41 4134.28,-4586.39"/>
-</g>
-<!-- ../components/fab/SendFab.js -->
-<g id="node131" class="node">
-<title>../components/fab/SendFab.js</title>
-<path fill="none" stroke="#c6c5fe" d="M4834.71,-4549.51C4834.71,-4549.51 4654.54,-4549.51 4654.54,-4549.51 4650.58,-4549.51 4646.62,-4545.55 4646.62,-4541.59 4646.62,-4541.59 4646.62,-4533.67 4646.62,-4533.67 4646.62,-4529.72 4650.58,-4525.76 4654.54,-4525.76 4654.54,-4525.76 4834.71,-4525.76 4834.71,-4525.76 4838.67,-4525.76 4842.62,-4529.72 4842.62,-4533.67 4842.62,-4533.67 4842.62,-4541.59 4842.62,-4541.59 4842.62,-4545.55 4838.67,-4549.51 4834.71,-4549.51"/>
-<text text-anchor="middle" x="4744.62" y="-4532.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/fab/SendFab.js</text>
-</g>
-<!-- ../components/fab/index.js&#45;&gt;../components/fab/SendFab.js -->
-<g id="edge235" class="edge">
-<title>../components/fab/index.js&#45;&gt;../components/fab/SendFab.js</title>
-<path fill="none" stroke="#757575" d="M3826.85,-4618.63C3974.2,-4625.63 4284.06,-4633.51 4542,-4594.63 4597.24,-4586.31 4658.75,-4567.46 4699.14,-4553.71"/>
-<polygon fill="#757575" stroke="#757575" points="4700.21,-4557.04 4708.52,-4550.47 4697.93,-4550.43 4700.21,-4557.04"/>
-</g>
-<!-- ../components/list/List.js -->
-<g id="node237" class="node">
-<title>../components/list/List.js</title>
-<path fill="none" stroke="#c6c5fe" d="M3811.96,-4113.51C3811.96,-4113.51 3667.79,-4113.51 3667.79,-4113.51 3663.83,-4113.51 3659.88,-4109.55 3659.88,-4105.59 3659.88,-4105.59 3659.88,-4097.67 3659.88,-4097.67 3659.88,-4093.72 3663.83,-4089.76 3667.79,-4089.76 3667.79,-4089.76 3811.96,-4089.76 3811.96,-4089.76 3815.92,-4089.76 3819.88,-4093.72 3819.88,-4097.67 3819.88,-4097.67 3819.88,-4105.59 3819.88,-4105.59 3819.88,-4109.55 3815.92,-4113.51 3811.96,-4113.51"/>
-<text text-anchor="middle" x="3739.88" y="-4096.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/list/List.js</text>
-</g>
-<!-- ../components/list/index.js&#45;&gt;../components/list/List.js -->
-<g id="edge458" class="edge">
-<title>../components/list/index.js&#45;&gt;../components/list/List.js</title>
-<path fill="none" stroke="#757575" d="M3391.47,-4152.32C3434.89,-4143.19 3496.4,-4130.94 3550.75,-4122.63 3582.43,-4117.79 3617.28,-4113.59 3648.28,-4110.24"/>
-<polygon fill="#757575" stroke="#757575" points="3648.43,-4113.75 3658.01,-4109.21 3647.69,-4106.79 3648.43,-4113.75"/>
-</g>
-<!-- ../components/list/ListItem.js -->
-<g id="node238" class="node">
-<title>../components/list/ListItem.js</title>
-<path fill="none" stroke="#c6c5fe" d="M4830.21,-3163.51C4830.21,-3163.51 4659.04,-3163.51 4659.04,-3163.51 4655.08,-3163.51 4651.12,-3159.55 4651.12,-3155.59 4651.12,-3155.59 4651.12,-3147.67 4651.12,-3147.67 4651.12,-3143.72 4655.08,-3139.76 4659.04,-3139.76 4659.04,-3139.76 4830.21,-3139.76 4830.21,-3139.76 4834.17,-3139.76 4838.12,-3143.72 4838.12,-3147.67 4838.12,-3147.67 4838.12,-3155.59 4838.12,-3155.59 4838.12,-3159.55 4834.17,-3163.51 4830.21,-3163.51"/>
-<text text-anchor="middle" x="4744.62" y="-3146.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/list/ListItem.js</text>
-</g>
-<!-- ../components/list/index.js&#45;&gt;../components/list/ListItem.js -->
-<g id="edge461" class="edge">
-<title>../components/list/index.js&#45;&gt;../components/list/ListItem.js</title>
-<path fill="none" stroke="#757575" d="M3370.33,-4152.36C3412.68,-4135.65 3481.9,-4101.4 3514.75,-4046.63 3605.89,-3894.7 3479.13,-3811.68 3550.75,-3649.63 3660.9,-3400.39 3718.92,-3314.68 3965,-3197.63 4081.41,-3142.26 4455.33,-3143.81 4639.35,-3148.24"/>
-<polygon fill="#757575" stroke="#757575" points="4639.05,-3151.73 4649.14,-3148.48 4639.23,-3144.73 4639.05,-3151.73"/>
-</g>
-<!-- ../components/list/ListItemDivider.js -->
-<g id="node239" class="node">
-<title>../components/list/ListItemDivider.js</title>
-<path fill="none" stroke="#cfffac" d="M4359.71,-4193.51C4359.71,-4193.51 4147.29,-4193.51 4147.29,-4193.51 4143.33,-4193.51 4139.38,-4189.55 4139.38,-4185.59 4139.38,-4185.59 4139.38,-4177.67 4139.38,-4177.67 4139.38,-4173.72 4143.33,-4169.76 4147.29,-4169.76 4147.29,-4169.76 4359.71,-4169.76 4359.71,-4169.76 4363.67,-4169.76 4367.62,-4173.72 4367.62,-4177.67 4367.62,-4177.67 4367.62,-4185.59 4367.62,-4185.59 4367.62,-4189.55 4363.67,-4193.51 4359.71,-4193.51"/>
-<text text-anchor="middle" x="4253.5" y="-4176.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/list/ListItemDivider.js</text>
-</g>
-<!-- ../components/list/index.js&#45;&gt;../components/list/ListItemDivider.js -->
-<g id="edge463" class="edge">
-<title>../components/list/index.js&#45;&gt;../components/list/ListItemDivider.js</title>
-<path fill="none" stroke="#757575" d="M3383.78,-4176.94C3427.28,-4187.21 3492.79,-4201.05 3550.75,-4206.63 3718.09,-4222.76 3761.01,-4213.11 3929,-4206.63 3994.7,-4204.1 4067.75,-4198.68 4127.78,-4193.53"/>
-<polygon fill="#757575" stroke="#757575" points="4128.05,-4197.02 4137.71,-4192.67 4127.44,-4190.04 4128.05,-4197.02"/>
-</g>
-<!-- ../components/list/ListFooter.js -->
-<g id="node240" class="node">
-<title>../components/list/ListFooter.js</title>
-<path fill="none" stroke="#cfffac" d="M3831.08,-4197.51C3831.08,-4197.51 3648.67,-4197.51 3648.67,-4197.51 3644.71,-4197.51 3640.75,-4193.55 3640.75,-4189.59 3640.75,-4189.59 3640.75,-4181.67 3640.75,-4181.67 3640.75,-4177.72 3644.71,-4173.76 3648.67,-4173.76 3648.67,-4173.76 3831.08,-4173.76 3831.08,-4173.76 3835.04,-4173.76 3839,-4177.72 3839,-4181.67 3839,-4181.67 3839,-4189.59 3839,-4189.59 3839,-4193.55 3835.04,-4197.51 3831.08,-4197.51"/>
-<text text-anchor="middle" x="3739.88" y="-4180.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/list/ListFooter.js</text>
-</g>
-<!-- ../components/list/index.js&#45;&gt;../components/list/ListFooter.js -->
-<g id="edge459" class="edge">
-<title>../components/list/index.js&#45;&gt;../components/list/ListFooter.js</title>
-<path fill="none" stroke="#757575" d="M3419.57,-4169.03C3480.48,-4172.2 3563.18,-4176.5 3629.15,-4179.93"/>
-<polygon fill="#757575" stroke="#757575" points="3628.74,-4183.41 3638.91,-4180.44 3629.11,-4176.42 3628.74,-4183.41"/>
-</g>
-<!-- ../components/list/ListHeader.js -->
-<g id="node241" class="node">
-<title>../components/list/ListHeader.js</title>
-<path fill="none" stroke="#c6c5fe" d="M3833.71,-3682.51C3833.71,-3682.51 3646.04,-3682.51 3646.04,-3682.51 3642.08,-3682.51 3638.12,-3678.55 3638.12,-3674.59 3638.12,-3674.59 3638.12,-3666.67 3638.12,-3666.67 3638.12,-3662.72 3642.08,-3658.76 3646.04,-3658.76 3646.04,-3658.76 3833.71,-3658.76 3833.71,-3658.76 3837.67,-3658.76 3841.62,-3662.72 3841.62,-3666.67 3841.62,-3666.67 3841.62,-3674.59 3841.62,-3674.59 3841.62,-3678.55 3837.67,-3682.51 3833.71,-3682.51"/>
-<text text-anchor="middle" x="3739.88" y="-3665.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/list/ListHeader.js</text>
-</g>
-<!-- ../components/list/index.js&#45;&gt;../components/list/ListHeader.js -->
-<g id="edge460" class="edge">
-<title>../components/list/index.js&#45;&gt;../components/list/ListHeader.js</title>
-<path fill="none" stroke="#757575" d="M3361.04,-4152.29C3398.6,-4133.58 3468.38,-4095.05 3514.75,-4046.63 3623.89,-3932.69 3703.42,-3756.25 3729.58,-3693.64"/>
-<polygon fill="#757575" stroke="#757575" points="3732.81,-3694.97 3733.39,-3684.39 3726.34,-3692.3 3732.81,-3694.97"/>
-</g>
-<!-- ../components/list/ListItemArrowGroup.js -->
-<g id="node243" class="node">
-<title>../components/list/ListItemArrowGroup.js</title>
-<path fill="none" stroke="#c6c5fe" d="M4866.96,-3925.51C4866.96,-3925.51 4622.29,-3925.51 4622.29,-3925.51 4618.33,-3925.51 4614.38,-3921.55 4614.38,-3917.59 4614.38,-3917.59 4614.38,-3909.67 4614.38,-3909.67 4614.38,-3905.72 4618.33,-3901.76 4622.29,-3901.76 4622.29,-3901.76 4866.96,-3901.76 4866.96,-3901.76 4870.92,-3901.76 4874.88,-3905.72 4874.88,-3909.67 4874.88,-3909.67 4874.88,-3917.59 4874.88,-3917.59 4874.88,-3921.55 4870.92,-3925.51 4866.96,-3925.51"/>
-<text text-anchor="middle" x="4744.62" y="-3908.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/list/ListItemArrowGroup.js</text>
-</g>
-<!-- ../components/list/index.js&#45;&gt;../components/list/ListItemArrowGroup.js -->
-<g id="edge462" class="edge">
-<title>../components/list/index.js&#45;&gt;../components/list/ListItemArrowGroup.js</title>
-<path fill="none" stroke="#757575" d="M3368.3,-4176.98C3410.23,-4191.75 3484.65,-4215.62 3550.75,-4224.63 3718.86,-4247.56 4540,-4204.45 4542,-4202.63 4631.03,-4121.9 4492.7,-4019.3 4578,-3934.63 4585.48,-3927.21 4594.17,-3921.47 4603.59,-3917.09"/>
-<polygon fill="#757575" stroke="#757575" points="4604.7,-3920.41 4612.66,-3913.42 4602.07,-3913.93 4604.7,-3920.41"/>
-</g>
-<!-- ../components/list/MarqueeList.js -->
-<g id="node244" class="node">
-<title>../components/list/MarqueeList.js</title>
-<path fill="none" stroke="#cfffac" d="M3838.96,-4155.51C3838.96,-4155.51 3640.79,-4155.51 3640.79,-4155.51 3636.83,-4155.51 3632.88,-4151.55 3632.88,-4147.59 3632.88,-4147.59 3632.88,-4139.67 3632.88,-4139.67 3632.88,-4135.72 3636.83,-4131.76 3640.79,-4131.76 3640.79,-4131.76 3838.96,-4131.76 3838.96,-4131.76 3842.92,-4131.76 3846.88,-4135.72 3846.88,-4139.67 3846.88,-4139.67 3846.88,-4147.59 3846.88,-4147.59 3846.88,-4151.55 3842.92,-4155.51 3838.96,-4155.51"/>
-<text text-anchor="middle" x="3739.88" y="-4138.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/list/MarqueeList.js</text>
-</g>
-<!-- ../components/list/index.js&#45;&gt;../components/list/MarqueeList.js -->
-<g id="edge464" class="edge">
-<title>../components/list/index.js&#45;&gt;../components/list/MarqueeList.js</title>
-<path fill="none" stroke="#757575" d="M3419.57,-4160.23C3478.06,-4157.19 3556.65,-4153.1 3621.22,-4149.75"/>
-<polygon fill="#757575" stroke="#757575" points="3621.37,-4153.24 3631.18,-4149.23 3621.01,-4146.25 3621.37,-4153.24"/>
-</g>
-<!-- ../components/asset&#45;list/AssetListHeader.js&#45;&gt;../components/layout/index.js -->
-<g id="edge13" class="edge">
-<title>../components/asset&#45;list/AssetListHeader.js&#45;&gt;../components/layout/index.js</title>
-<path fill="none" stroke="#757575" d="M3096.5,-4093.57C3103.91,-4097.31 3110.84,-4101.94 3117,-4107.63 3172.49,-4158.82 3097.14,-4222.85 3153,-4273.63 3272.81,-4382.54 3400.58,-4201.83 3514.75,-4316.63 3615.04,-4417.49 3446.44,-4537.93 3550.75,-4634.63 3675.98,-4750.73 4915.85,-4691.63 5086.62,-4691.63 5086.62,-4691.63 5086.62,-4691.63 5757,-4691.63 5979.55,-4691.63 6061.2,-4741.79 6254,-4630.63 6350.52,-4574.98 6414.14,-4449.73 6437.09,-4398.32"/>
-<polygon fill="#757575" stroke="#757575" points="6440.2,-4399.93 6440.99,-4389.37 6433.78,-4397.14 6440.2,-4399.93"/>
-</g>
-<!-- ../components/asset&#45;list/AssetListHeader.js&#45;&gt;../components/text/index.js -->
-<g id="edge15" class="edge">
-<title>../components/asset&#45;list/AssetListHeader.js&#45;&gt;../components/text/index.js</title>
-<path fill="none" stroke="#757575" d="M2962.51,-4074.3C2974.06,-4020.64 3026.99,-3805.08 3153,-3689.63 3292.54,-3561.79 3365.79,-3577.7 3550.75,-3537.63 3624.76,-3521.6 4847.88,-3495.09 4911.25,-3453.63 5027.47,-3377.6 5070.63,-3199.15 5082.71,-3135.06"/>
-<polygon fill="#757575" stroke="#757575" points="5086.14,-3135.79 5084.46,-3125.33 5079.25,-3134.55 5086.14,-3135.79"/>
-</g>
-<!-- ../components/asset&#45;list/AssetListHeader.js&#45;&gt;../components/animations/index.js -->
-<g id="edge11" class="edge">
-<title>../components/asset&#45;list/AssetListHeader.js&#45;&gt;../components/animations/index.js</title>
-<path fill="none" stroke="#757575" d="M2962.41,-4074.3C2978.87,-3989.47 3075.37,-3483.36 3117,-3066.63 3151.28,-2723.52 3081.52,-2628.96 3153,-2291.63 3301.81,-1589.44 3021.09,-786.63 3738.88,-786.63 3738.88,-786.63 3738.88,-786.63 4254.5,-786.63 4327.5,-786.63 4853.56,-812.37 4911.25,-767.63 4956.93,-732.2 4901.69,-678.23 4947.25,-642.63 5029.54,-578.33 5312.45,-625.63 5416.88,-625.63 5416.88,-625.63 5416.88,-625.63 6098.12,-625.63 6323.93,-625.63 6380.66,-618.03 6605.25,-594.63 6634.97,-591.54 6667.36,-587.07 6696.16,-582.71"/>
-<polygon fill="#757575" stroke="#757575" points="6696.58,-586.19 6705.93,-581.21 6695.52,-579.27 6696.58,-586.19"/>
-</g>
-<!-- ../components/asset&#45;list/AssetListHeader.js&#45;&gt;../components/list/index.js -->
-<g id="edge14" class="edge">
-<title>../components/asset&#45;list/AssetListHeader.js&#45;&gt;../components/list/index.js</title>
-<path fill="none" stroke="#757575" d="M3067.17,-4098.95C3083.91,-4101.46 3100.97,-4104.35 3117,-4107.63 3133.27,-4110.96 3136.97,-4113.31 3153,-4117.63 3193.21,-4128.47 3238.59,-4140.32 3273.7,-4149.41"/>
-<polygon fill="#757575" stroke="#757575" points="3272.7,-4152.77 3283.26,-4151.89 3274.45,-4145.99 3272.7,-4152.77"/>
-</g>
-<!-- ../components/icons/index.js -->
-<g id="node57" class="node">
-<title>../components/icons/index.js</title>
-<path fill="none" stroke="#ff6c60" d="M5841.21,-2681.51C5841.21,-2681.51 5670.79,-2681.51 5670.79,-2681.51 5666.83,-2681.51 5662.88,-2677.55 5662.88,-2673.59 5662.88,-2673.59 5662.88,-2665.67 5662.88,-2665.67 5662.88,-2661.72 5666.83,-2657.76 5670.79,-2657.76 5670.79,-2657.76 5841.21,-2657.76 5841.21,-2657.76 5845.17,-2657.76 5849.12,-2661.72 5849.12,-2665.67 5849.12,-2665.67 5849.12,-2673.59 5849.12,-2673.59 5849.12,-2677.55 5845.17,-2681.51 5841.21,-2681.51"/>
-<text text-anchor="middle" x="5756" y="-2664.21" font-family="Arial" font-size="14.00" fill="#ff6c60">../components/icons/index.js</text>
-</g>
-<!-- ../components/asset&#45;list/AssetListHeader.js&#45;&gt;../components/icons/index.js -->
-<g id="edge12" class="edge">
-<title>../components/asset&#45;list/AssetListHeader.js&#45;&gt;../components/icons/index.js</title>
-<path fill="none" stroke="#757575" d="M2962.35,-4074.29C2978.4,-3989.42 3072.68,-3483.09 3117,-3066.63 3124.14,-2999.56 3108.54,-2511.36 3153,-2460.63 3411.53,-2165.6 4525.1,-2234.59 4911.25,-2303.63 4913.56,-2304.04 5225.83,-2419.75 5228,-2420.63 5244.22,-2427.22 5247.96,-2429.6 5264,-2436.63 5400.47,-2496.45 5438.77,-2502.42 5571.75,-2569.63 5588.28,-2577.99 5591.59,-2581.59 5607.75,-2590.63 5646.47,-2612.31 5691.49,-2636.28 5721.46,-2652.07"/>
-<polygon fill="#757575" stroke="#757575" points="5719.58,-2655.04 5730.06,-2656.6 5722.84,-2648.84 5719.58,-2655.04"/>
-</g>
-<!-- ../components/icons/Icon.js -->
-<g id="node147" class="node">
-<title>../components/icons/Icon.js</title>
-<path fill="none" stroke="#ff6c60" d="M6178.96,-2707.51C6178.96,-2707.51 6015.29,-2707.51 6015.29,-2707.51 6011.33,-2707.51 6007.38,-2703.55 6007.38,-2699.59 6007.38,-2699.59 6007.38,-2691.67 6007.38,-2691.67 6007.38,-2687.72 6011.33,-2683.76 6015.29,-2683.76 6015.29,-2683.76 6178.96,-2683.76 6178.96,-2683.76 6182.92,-2683.76 6186.88,-2687.72 6186.88,-2691.67 6186.88,-2691.67 6186.88,-2699.59 6186.88,-2699.59 6186.88,-2703.55 6182.92,-2707.51 6178.96,-2707.51"/>
-<text text-anchor="middle" x="6097.12" y="-2690.21" font-family="Arial" font-size="14.00" fill="#ff6c60">../components/icons/Icon.js</text>
-</g>
-<!-- ../components/icons/index.js&#45;&gt;../components/icons/Icon.js -->
-<g id="edge352" class="edge">
-<title>../components/icons/index.js&#45;&gt;../components/icons/Icon.js</title>
-<path fill="none" stroke="#757575" d="M5849.22,-2676.7C5894.61,-2680.18 5949.41,-2684.38 5995.84,-2687.94"/>
-<polygon fill="#757575" stroke="#757575" points="5995.4,-2691.42 6005.63,-2688.69 5995.93,-2684.44 5995.4,-2691.42"/>
-</g>
-<!-- ../components/icons/Svg.js -->
-<g id="node222" class="node">
-<title>../components/icons/Svg.js</title>
-<path fill="none" stroke="#cfffac" d="M6863.08,-3043.51C6863.08,-3043.51 6701.67,-3043.51 6701.67,-3043.51 6697.71,-3043.51 6693.75,-3039.55 6693.75,-3035.59 6693.75,-3035.59 6693.75,-3027.67 6693.75,-3027.67 6693.75,-3023.72 6697.71,-3019.76 6701.67,-3019.76 6701.67,-3019.76 6863.08,-3019.76 6863.08,-3019.76 6867.04,-3019.76 6871,-3023.72 6871,-3027.67 6871,-3027.67 6871,-3035.59 6871,-3035.59 6871,-3039.55 6867.04,-3043.51 6863.08,-3043.51"/>
-<text text-anchor="middle" x="6782.38" y="-3026.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/icons/Svg.js</text>
-</g>
-<!-- ../components/icons/index.js&#45;&gt;../components/icons/Svg.js -->
-<g id="edge353" class="edge">
-<title>../components/icons/index.js&#45;&gt;../components/icons/Svg.js</title>
-<path fill="none" stroke="#757575" d="M5795.98,-2657.27C5829.3,-2644.78 5876.18,-2622.32 5904.25,-2587.63 6271.81,-2133.32 5820.06,-1677.99 6290,-1330.63 6402.67,-1247.35 6501.2,-1236.8 6605.25,-1330.63 6736.11,-1448.65 6775.73,-2810.77 6780.79,-3007.91"/>
-<polygon fill="#757575" stroke="#757575" points="6777.29,-3007.98 6781.05,-3017.89 6784.29,-3007.8 6777.29,-3007.98"/>
-</g>
-<!-- ../components/asset&#45;list/AssetListItemSkeleton.js&#45;&gt;../components/layout/index.js -->
-<g id="edge17" class="edge">
-<title>../components/asset&#45;list/AssetListItemSkeleton.js&#45;&gt;../components/layout/index.js</title>
-<path fill="none" stroke="#757575" d="M2359.36,-4588.98C2640.72,-4617.14 3361.07,-4685.92 3965,-4715.63 4310.69,-4732.64 4397.51,-4729.63 4743.62,-4729.63 4743.62,-4729.63 4743.62,-4729.63 5757,-4729.63 5978.96,-4729.63 6065.11,-4797.19 6254,-4680.63 6363.7,-4612.94 6421.52,-4456.95 6439.97,-4398.39"/>
-<polygon fill="#757575" stroke="#757575" points="6443.21,-4399.77 6442.78,-4389.18 6436.51,-4397.72 6443.21,-4399.77"/>
-</g>
-<!-- ../components/coin&#45;row/index.js -->
-<g id="node59" class="node">
-<title>../components/coin&#45;row/index.js</title>
-<path fill="none" stroke="#c6c5fe" d="M2757.08,-2687.51C2757.08,-2687.51 2567.17,-2687.51 2567.17,-2687.51 2563.21,-2687.51 2559.25,-2683.55 2559.25,-2679.59 2559.25,-2679.59 2559.25,-2671.67 2559.25,-2671.67 2559.25,-2667.72 2563.21,-2663.76 2567.17,-2663.76 2567.17,-2663.76 2757.08,-2663.76 2757.08,-2663.76 2761.04,-2663.76 2765,-2667.72 2765,-2671.67 2765,-2671.67 2765,-2679.59 2765,-2679.59 2765,-2683.55 2761.04,-2687.51 2757.08,-2687.51"/>
-<text text-anchor="middle" x="2662.12" y="-2670.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/coin&#45;row/index.js</text>
-</g>
-<!-- ../components/asset&#45;list/AssetListItemSkeleton.js&#45;&gt;../components/coin&#45;row/index.js -->
-<g id="edge16" class="edge">
-<title>../components/asset&#45;list/AssetListItemSkeleton.js&#45;&gt;../components/coin&#45;row/index.js</title>
-<path fill="none" stroke="#757575" d="M2392.65,-4580.57C2441.64,-4573.49 2491.33,-4555.95 2523.25,-4517.63 2579.91,-4449.62 2541.19,-3011.29 2559.25,-2924.63 2577.58,-2836.7 2625.86,-2740.36 2648.75,-2697.87"/>
-<polygon fill="#757575" stroke="#757575" points="2651.8,-2699.59 2653.51,-2689.14 2645.65,-2696.24 2651.8,-2699.59"/>
-</g>
-<!-- ../components/coin&#45;row/BottomRowText.js -->
-<g id="node79" class="node">
-<title>../components/coin&#45;row/BottomRowText.js</title>
-<path fill="none" stroke="#c6c5fe" d="M3460.33,-2767.51C3460.33,-2767.51 3207.42,-2767.51 3207.42,-2767.51 3203.46,-2767.51 3199.5,-2763.55 3199.5,-2759.59 3199.5,-2759.59 3199.5,-2751.67 3199.5,-2751.67 3199.5,-2747.72 3203.46,-2743.76 3207.42,-2743.76 3207.42,-2743.76 3460.33,-2743.76 3460.33,-2743.76 3464.29,-2743.76 3468.25,-2747.72 3468.25,-2751.67 3468.25,-2751.67 3468.25,-2759.59 3468.25,-2759.59 3468.25,-2763.55 3464.29,-2767.51 3460.33,-2767.51"/>
-<text text-anchor="middle" x="3333.88" y="-2750.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/coin&#45;row/BottomRowText.js</text>
-</g>
-<!-- ../components/coin&#45;row/index.js&#45;&gt;../components/coin&#45;row/BottomRowText.js -->
-<g id="edge125" class="edge">
-<title>../components/coin&#45;row/index.js&#45;&gt;../components/coin&#45;row/BottomRowText.js</title>
-<path fill="none" stroke="#757575" d="M2765.23,-2672.32C2857.69,-2671 2997.33,-2673.23 3117,-2692.63 3178.16,-2702.54 3246.44,-2724.38 3289.52,-2739.54"/>
-<polygon fill="#757575" stroke="#757575" points="3288.15,-2742.77 3298.75,-2742.83 3290.5,-2736.17 3288.15,-2742.77"/>
-</g>
-<!-- ../components/coin&#45;row/CoinRow.js -->
-<g id="node81" class="node">
-<title>../components/coin&#45;row/CoinRow.js</title>
-<path fill="none" stroke="#c6c5fe" d="M3439.71,-2889.51C3439.71,-2889.51 3228.04,-2889.51 3228.04,-2889.51 3224.08,-2889.51 3220.12,-2885.55 3220.12,-2881.59 3220.12,-2881.59 3220.12,-2873.67 3220.12,-2873.67 3220.12,-2869.72 3224.08,-2865.76 3228.04,-2865.76 3228.04,-2865.76 3439.71,-2865.76 3439.71,-2865.76 3443.67,-2865.76 3447.62,-2869.72 3447.62,-2873.67 3447.62,-2873.67 3447.62,-2881.59 3447.62,-2881.59 3447.62,-2885.55 3443.67,-2889.51 3439.71,-2889.51"/>
-<text text-anchor="middle" x="3333.88" y="-2872.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/coin&#45;row/CoinRow.js</text>
-</g>
-<!-- ../components/coin&#45;row/index.js&#45;&gt;../components/coin&#45;row/CoinRow.js -->
-<g id="edge126" class="edge">
-<title>../components/coin&#45;row/index.js&#45;&gt;../components/coin&#45;row/CoinRow.js</title>
-<path fill="none" stroke="#757575" d="M2744.54,-2687.96C2752.05,-2691.49 2759.05,-2695.97 2765,-2701.63 2804.39,-2739.16 2759.09,-2783.94 2801,-2818.63 2808.81,-2825.1 3053.46,-2850.2 3208.2,-2865.5"/>
-<polygon fill="#757575" stroke="#757575" points="3207.84,-2868.98 3218.13,-2866.48 3208.53,-2862.01 3207.84,-2868.98"/>
-</g>
-<!-- ../components/coin&#45;row/CoinRowAddButton.js -->
-<g id="node82" class="node">
-<title>../components/coin&#45;row/CoinRowAddButton.js</title>
-<path fill="none" stroke="#c6c5fe" d="M3096.71,-2889.51C3096.71,-2889.51 2821.29,-2889.51 2821.29,-2889.51 2817.33,-2889.51 2813.38,-2885.55 2813.38,-2881.59 2813.38,-2881.59 2813.38,-2873.67 2813.38,-2873.67 2813.38,-2869.72 2817.33,-2865.76 2821.29,-2865.76 2821.29,-2865.76 3096.71,-2865.76 3096.71,-2865.76 3100.67,-2865.76 3104.62,-2869.72 3104.62,-2873.67 3104.62,-2873.67 3104.62,-2881.59 3104.62,-2881.59 3104.62,-2885.55 3100.67,-2889.51 3096.71,-2889.51"/>
-<text text-anchor="middle" x="2959" y="-2872.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/coin&#45;row/CoinRowAddButton.js</text>
-</g>
-<!-- ../components/coin&#45;row/index.js&#45;&gt;../components/coin&#45;row/CoinRowAddButton.js -->
-<g id="edge127" class="edge">
-<title>../components/coin&#45;row/index.js&#45;&gt;../components/coin&#45;row/CoinRowAddButton.js</title>
-<path fill="none" stroke="#757575" d="M2745.41,-2687.82C2752.65,-2691.39 2759.36,-2695.91 2765,-2701.63 2813.13,-2750.46 2750.82,-2804.91 2801,-2851.63 2804.12,-2854.53 2807.42,-2857.18 2810.89,-2859.59"/>
-<polygon fill="#757575" stroke="#757575" points="2808.78,-2862.4 2819.13,-2864.64 2812.44,-2856.43 2808.78,-2862.4"/>
-</g>
-<!-- ../components/coin&#45;row/CoinRowDetailsIcon.js -->
-<g id="node83" class="node">
-<title>../components/coin&#45;row/CoinRowDetailsIcon.js</title>
-<path fill="none" stroke="#c6c5fe" d="M3098.58,-3015.51C3098.58,-3015.51 2819.42,-3015.51 2819.42,-3015.51 2815.46,-3015.51 2811.5,-3011.55 2811.5,-3007.59 2811.5,-3007.59 2811.5,-2999.67 2811.5,-2999.67 2811.5,-2995.72 2815.46,-2991.76 2819.42,-2991.76 2819.42,-2991.76 3098.58,-2991.76 3098.58,-2991.76 3102.54,-2991.76 3106.5,-2995.72 3106.5,-2999.67 3106.5,-2999.67 3106.5,-3007.59 3106.5,-3007.59 3106.5,-3011.55 3102.54,-3015.51 3098.58,-3015.51"/>
-<text text-anchor="middle" x="2959" y="-2998.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/coin&#45;row/CoinRowDetailsIcon.js</text>
-</g>
-<!-- ../components/coin&#45;row/index.js&#45;&gt;../components/coin&#45;row/CoinRowDetailsIcon.js -->
-<g id="edge128" class="edge">
-<title>../components/coin&#45;row/index.js&#45;&gt;../components/coin&#45;row/CoinRowDetailsIcon.js</title>
-<path fill="none" stroke="#757575" d="M2747.51,-2687.98C2754.06,-2691.55 2760.04,-2696.03 2765,-2701.63 2848.42,-2795.94 2712.22,-2893.35 2801,-2982.63 2801.5,-2983.13 2802.01,-2983.63 2802.52,-2984.12"/>
-<polygon fill="#757575" stroke="#757575" points="2800.16,-2986.71 2810.11,-2990.37 2804.61,-2981.31 2800.16,-2986.71"/>
-</g>
-<!-- ../components/coin&#45;row/CoinRowFavoriteButton.js -->
-<g id="node84" class="node">
-<title>../components/coin&#45;row/CoinRowFavoriteButton.js</title>
-<path fill="none" stroke="#c6c5fe" d="M3109.08,-2973.51C3109.08,-2973.51 2808.92,-2973.51 2808.92,-2973.51 2804.96,-2973.51 2801,-2969.55 2801,-2965.59 2801,-2965.59 2801,-2957.67 2801,-2957.67 2801,-2953.72 2804.96,-2949.76 2808.92,-2949.76 2808.92,-2949.76 3109.08,-2949.76 3109.08,-2949.76 3113.04,-2949.76 3117,-2953.72 3117,-2957.67 3117,-2957.67 3117,-2965.59 3117,-2965.59 3117,-2969.55 3113.04,-2973.51 3109.08,-2973.51"/>
-<text text-anchor="middle" x="2959" y="-2956.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/coin&#45;row/CoinRowFavoriteButton.js</text>
-</g>
-<!-- ../components/coin&#45;row/index.js&#45;&gt;../components/coin&#45;row/CoinRowFavoriteButton.js -->
-<g id="edge129" class="edge">
-<title>../components/coin&#45;row/index.js&#45;&gt;../components/coin&#45;row/CoinRowFavoriteButton.js</title>
-<path fill="none" stroke="#757575" d="M2746.89,-2687.84C2753.66,-2691.43 2759.86,-2695.95 2765,-2701.63 2837.05,-2781.3 2724.42,-2865.3 2801,-2940.63 2801.62,-2941.25 2802.26,-2941.85 2802.9,-2942.44"/>
-<polygon fill="#757575" stroke="#757575" points="2800.52,-2945.02 2810.52,-2948.52 2804.89,-2939.55 2800.52,-2945.02"/>
-</g>
-<!-- ../components/coin&#45;row/ListCoinRow.js -->
-<g id="node85" class="node">
-<title>../components/coin&#45;row/ListCoinRow.js</title>
-<path fill="none" stroke="#c6c5fe" d="M3075.33,-2767.51C3075.33,-2767.51 2842.67,-2767.51 2842.67,-2767.51 2838.71,-2767.51 2834.75,-2763.55 2834.75,-2759.59 2834.75,-2759.59 2834.75,-2751.67 2834.75,-2751.67 2834.75,-2747.72 2838.71,-2743.76 2842.67,-2743.76 2842.67,-2743.76 3075.33,-2743.76 3075.33,-2743.76 3079.29,-2743.76 3083.25,-2747.72 3083.25,-2751.67 3083.25,-2751.67 3083.25,-2759.59 3083.25,-2759.59 3083.25,-2763.55 3079.29,-2767.51 3075.33,-2767.51"/>
-<text text-anchor="middle" x="2959" y="-2750.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/coin&#45;row/ListCoinRow.js</text>
-</g>
-<!-- ../components/coin&#45;row/index.js&#45;&gt;../components/coin&#45;row/ListCoinRow.js -->
-<g id="edge130" class="edge">
-<title>../components/coin&#45;row/index.js&#45;&gt;../components/coin&#45;row/ListCoinRow.js</title>
-<path fill="none" stroke="#757575" d="M2730.94,-2687.95C2742.68,-2691.46 2754.48,-2695.94 2765,-2701.63 2784.09,-2711.96 2781.34,-2725.44 2801,-2734.63 2808.28,-2738.04 2815.94,-2740.94 2823.8,-2743.4"/>
-<polygon fill="#757575" stroke="#757575" points="2822.6,-2746.7 2833.18,-2746.09 2824.53,-2739.97 2822.6,-2746.7"/>
-</g>
-<!-- ../components/coin&#45;row/RequestCoinRow.js -->
-<g id="node86" class="node">
-<title>../components/coin&#45;row/RequestCoinRow.js</title>
-<path fill="none" stroke="#c6c5fe" d="M3089.96,-2725.51C3089.96,-2725.51 2828.04,-2725.51 2828.04,-2725.51 2824.08,-2725.51 2820.12,-2721.55 2820.12,-2717.59 2820.12,-2717.59 2820.12,-2709.67 2820.12,-2709.67 2820.12,-2705.72 2824.08,-2701.76 2828.04,-2701.76 2828.04,-2701.76 3089.96,-2701.76 3089.96,-2701.76 3093.92,-2701.76 3097.88,-2705.72 3097.88,-2709.67 3097.88,-2709.67 3097.88,-2717.59 3097.88,-2717.59 3097.88,-2721.55 3093.92,-2725.51 3089.96,-2725.51"/>
-<text text-anchor="middle" x="2959" y="-2708.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/coin&#45;row/RequestCoinRow.js</text>
-</g>
-<!-- ../components/coin&#45;row/index.js&#45;&gt;../components/coin&#45;row/RequestCoinRow.js -->
-<g id="edge131" class="edge">
-<title>../components/coin&#45;row/index.js&#45;&gt;../components/coin&#45;row/RequestCoinRow.js</title>
-<path fill="none" stroke="#757575" d="M2758.86,-2687.97C2788.16,-2691.75 2820.58,-2695.92 2850.61,-2699.79"/>
-<polygon fill="#757575" stroke="#757575" points="2850.12,-2703.26 2860.49,-2701.07 2851.01,-2696.32 2850.12,-2703.26"/>
-</g>
-<!-- ../components/coin&#45;row/SendCoinRow.js -->
-<g id="node87" class="node">
-<title>../components/coin&#45;row/SendCoinRow.js</title>
-<path fill="none" stroke="#c6c5fe" d="M3080.58,-2809.51C3080.58,-2809.51 2837.42,-2809.51 2837.42,-2809.51 2833.46,-2809.51 2829.5,-2805.55 2829.5,-2801.59 2829.5,-2801.59 2829.5,-2793.67 2829.5,-2793.67 2829.5,-2789.72 2833.46,-2785.76 2837.42,-2785.76 2837.42,-2785.76 3080.58,-2785.76 3080.58,-2785.76 3084.54,-2785.76 3088.5,-2789.72 3088.5,-2793.67 3088.5,-2793.67 3088.5,-2801.59 3088.5,-2801.59 3088.5,-2805.55 3084.54,-2809.51 3080.58,-2809.51"/>
-<text text-anchor="middle" x="2959" y="-2792.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/coin&#45;row/SendCoinRow.js</text>
-</g>
-<!-- ../components/coin&#45;row/index.js&#45;&gt;../components/coin&#45;row/SendCoinRow.js -->
-<g id="edge132" class="edge">
-<title>../components/coin&#45;row/index.js&#45;&gt;../components/coin&#45;row/SendCoinRow.js</title>
-<path fill="none" stroke="#757575" d="M2741.41,-2687.91C2749.92,-2691.42 2758.01,-2695.9 2765,-2701.63 2793.6,-2725.07 2771.08,-2754.9 2801,-2776.63 2806.49,-2780.62 2812.38,-2784.03 2818.54,-2786.94"/>
-<polygon fill="#757575" stroke="#757575" points="2817.16,-2790.16 2827.74,-2790.8 2819.87,-2783.71 2817.16,-2790.16"/>
-</g>
-<!-- ../components/asset&#45;list/RecyclerAssetList2/FastComponents/FastCoinBadge.tsx -->
-<g id="node60" class="node">
-<title>../components/asset&#45;list/RecyclerAssetList2/FastComponents/FastCoinBadge.tsx</title>
-<path fill="none" stroke="#cfffac" d="M4496.58,-2135.51C4496.58,-2135.51 4010.42,-2135.51 4010.42,-2135.51 4006.46,-2135.51 4002.5,-2131.55 4002.5,-2127.59 4002.5,-2127.59 4002.5,-2119.67 4002.5,-2119.67 4002.5,-2115.72 4006.46,-2111.76 4010.42,-2111.76 4010.42,-2111.76 4496.58,-2111.76 4496.58,-2111.76 4500.54,-2111.76 4504.5,-2115.72 4504.5,-2119.67 4504.5,-2119.67 4504.5,-2127.59 4504.5,-2127.59 4504.5,-2131.55 4500.54,-2135.51 4496.58,-2135.51"/>
-<text text-anchor="middle" x="4253.5" y="-2118.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/asset&#45;list/RecyclerAssetList2/FastComponents/FastCoinBadge.tsx</text>
-</g>
-<!-- ../components/asset&#45;list/RecyclerAssetList2/FastComponents/FastCurrencySelectionRow.tsx -->
-<g id="node61" class="node">
-<title>../components/asset&#45;list/RecyclerAssetList2/FastComponents/FastCurrencySelectionRow.tsx</title>
-<path fill="none" stroke="#c6c5fe" d="M2515.33,-732.51C2515.33,-732.51 1959.42,-732.51 1959.42,-732.51 1955.46,-732.51 1951.5,-728.55 1951.5,-724.59 1951.5,-724.59 1951.5,-716.67 1951.5,-716.67 1951.5,-712.72 1955.46,-708.76 1959.42,-708.76 1959.42,-708.76 2515.33,-708.76 2515.33,-708.76 2519.29,-708.76 2523.25,-712.72 2523.25,-716.67 2523.25,-716.67 2523.25,-724.59 2523.25,-724.59 2523.25,-728.55 2519.29,-732.51 2515.33,-732.51"/>
-<text text-anchor="middle" x="2237.38" y="-715.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/asset&#45;list/RecyclerAssetList2/FastComponents/FastCurrencySelectionRow.tsx</text>
-</g>
-<!-- ../components/asset&#45;list/RecyclerAssetList2/FastComponents/FastCurrencySelectionRow.tsx&#45;&gt;../components/animations/index.js -->
-<g id="edge23" class="edge">
-<title>../components/asset&#45;list/RecyclerAssetList2/FastComponents/FastCurrencySelectionRow.tsx&#45;&gt;../components/animations/index.js</title>
-<path fill="none" stroke="#757575" d="M2384.17,-708.31C2429.76,-701.37 2479.54,-690.54 2523.25,-673.63 2834.27,-553.28 2835.19,-366.7 3153,-265.63 3401.35,-186.65 3478.27,-241.63 3738.88,-241.63 3738.88,-241.63 3738.88,-241.63 6098.12,-241.63 6210.95,-241.63 6508.82,-207.07 6605.25,-265.63 6712.07,-330.5 6760.85,-486.32 6775.97,-545.39"/>
-<polygon fill="#757575" stroke="#757575" points="6772.54,-546.12 6778.33,-554.99 6779.34,-544.45 6772.54,-546.12"/>
-</g>
-<!-- ../components/asset&#45;list/RecyclerAssetList2/FastComponents/FastCurrencySelectionRow.tsx&#45;&gt;../components/coin&#45;row/index.js -->
-<g id="edge24" class="edge">
-<title>../components/asset&#45;list/RecyclerAssetList2/FastComponents/FastCurrencySelectionRow.tsx&#45;&gt;../components/coin&#45;row/index.js</title>
-<path fill="none" stroke="#757575" d="M2240.97,-732.61C2273.89,-884.89 2610.5,-2441.51 2656.04,-2652.1"/>
-<polygon fill="#757575" stroke="#757575" points="2652.6,-2652.78 2658.14,-2661.82 2659.45,-2651.3 2652.6,-2652.78"/>
-</g>
-<!-- ../components/floating&#45;emojis/index.js -->
-<g id="node62" class="node">
-<title>../components/floating&#45;emojis/index.js</title>
-<path fill="none" stroke="#c6c5fe" d="M3447.21,-662.51C3447.21,-662.51 3220.54,-662.51 3220.54,-662.51 3216.58,-662.51 3212.62,-658.55 3212.62,-654.59 3212.62,-654.59 3212.62,-646.67 3212.62,-646.67 3212.62,-642.72 3216.58,-638.76 3220.54,-638.76 3220.54,-638.76 3447.21,-638.76 3447.21,-638.76 3451.17,-638.76 3455.12,-642.72 3455.12,-646.67 3455.12,-646.67 3455.12,-654.59 3455.12,-654.59 3455.12,-658.55 3451.17,-662.51 3447.21,-662.51"/>
-<text text-anchor="middle" x="3333.88" y="-645.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/floating&#45;emojis/index.js</text>
-</g>
-<!-- ../components/asset&#45;list/RecyclerAssetList2/FastComponents/FastCurrencySelectionRow.tsx&#45;&gt;../components/floating&#45;emojis/index.js -->
-<g id="edge25" class="edge">
-<title>../components/asset&#45;list/RecyclerAssetList2/FastComponents/FastCurrencySelectionRow.tsx&#45;&gt;../components/floating&#45;emojis/index.js</title>
-<path fill="none" stroke="#757575" d="M2431.84,-708.26C2653.18,-694.1 3009.63,-671.31 3201.12,-659.06"/>
-<polygon fill="#757575" stroke="#757575" points="3201.1,-662.57 3210.86,-658.44 3200.66,-655.58 3201.1,-662.57"/>
-</g>
-<!-- ../components/floating&#45;emojis/ComingSoonFloatingEmojis.js -->
-<g id="node132" class="node">
-<title>../components/floating&#45;emojis/ComingSoonFloatingEmojis.js</title>
-<path fill="none" stroke="#c6c5fe" d="M3921.08,-682.51C3921.08,-682.51 3558.67,-682.51 3558.67,-682.51 3554.71,-682.51 3550.75,-678.55 3550.75,-674.59 3550.75,-674.59 3550.75,-666.67 3550.75,-666.67 3550.75,-662.72 3554.71,-658.76 3558.67,-658.76 3558.67,-658.76 3921.08,-658.76 3921.08,-658.76 3925.04,-658.76 3929,-662.72 3929,-666.67 3929,-666.67 3929,-674.59 3929,-674.59 3929,-678.55 3925.04,-682.51 3921.08,-682.51"/>
-<text text-anchor="middle" x="3739.88" y="-665.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/floating&#45;emojis/ComingSoonFloatingEmojis.js</text>
-</g>
-<!-- ../components/floating&#45;emojis/index.js&#45;&gt;../components/floating&#45;emojis/ComingSoonFloatingEmojis.js -->
-<g id="edge245" class="edge">
-<title>../components/floating&#45;emojis/index.js&#45;&gt;../components/floating&#45;emojis/ComingSoonFloatingEmojis.js</title>
-<path fill="none" stroke="#757575" d="M3455.54,-656.61C3481.92,-657.91 3510.51,-659.33 3539.05,-660.74"/>
-<polygon fill="#757575" stroke="#757575" points="3538.74,-664.23 3548.9,-661.23 3539.08,-657.24 3538.74,-664.23"/>
-</g>
-<!-- ../components/floating&#45;emojis/FloatingEmojis.js -->
-<g id="node133" class="node">
-<title>../components/floating&#45;emojis/FloatingEmojis.js</title>
-<path fill="none" stroke="#c6c5fe" d="M4395.33,-641.51C4395.33,-641.51 4111.67,-641.51 4111.67,-641.51 4107.71,-641.51 4103.75,-637.55 4103.75,-633.59 4103.75,-633.59 4103.75,-625.67 4103.75,-625.67 4103.75,-621.72 4107.71,-617.76 4111.67,-617.76 4111.67,-617.76 4395.33,-617.76 4395.33,-617.76 4399.29,-617.76 4403.25,-621.72 4403.25,-625.67 4403.25,-625.67 4403.25,-633.59 4403.25,-633.59 4403.25,-637.55 4399.29,-641.51 4395.33,-641.51"/>
-<text text-anchor="middle" x="4253.5" y="-624.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/floating&#45;emojis/FloatingEmojis.js</text>
-</g>
-<!-- ../components/floating&#45;emojis/index.js&#45;&gt;../components/floating&#45;emojis/FloatingEmojis.js -->
-<g id="edge248" class="edge">
-<title>../components/floating&#45;emojis/index.js&#45;&gt;../components/floating&#45;emojis/FloatingEmojis.js</title>
-<path fill="none" stroke="#757575" d="M3455.31,-647.88C3618.55,-644.14 3910.47,-637.46 4092.13,-633.3"/>
-<polygon fill="#757575" stroke="#757575" points="4091.96,-636.81 4101.88,-633.08 4091.8,-629.81 4091.96,-636.81"/>
-</g>
-<!-- ../components/floating&#45;emojis/FloatingEmojisTapHandler.js -->
-<g id="node134" class="node">
-<title>../components/floating&#45;emojis/FloatingEmojisTapHandler.js</title>
-<path fill="none" stroke="#cfffac" d="M4429.46,-683.51C4429.46,-683.51 4077.54,-683.51 4077.54,-683.51 4073.58,-683.51 4069.62,-679.55 4069.62,-675.59 4069.62,-675.59 4069.62,-667.67 4069.62,-667.67 4069.62,-663.72 4073.58,-659.76 4077.54,-659.76 4077.54,-659.76 4429.46,-659.76 4429.46,-659.76 4433.42,-659.76 4437.38,-663.72 4437.38,-667.67 4437.38,-667.67 4437.38,-675.59 4437.38,-675.59 4437.38,-679.55 4433.42,-683.51 4429.46,-683.51"/>
-<text text-anchor="middle" x="4253.5" y="-666.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/floating&#45;emojis/FloatingEmojisTapHandler.js</text>
-</g>
-<!-- ../components/floating&#45;emojis/index.js&#45;&gt;../components/floating&#45;emojis/FloatingEmojisTapHandler.js -->
-<g id="edge249" class="edge">
-<title>../components/floating&#45;emojis/index.js&#45;&gt;../components/floating&#45;emojis/FloatingEmojisTapHandler.js</title>
-<path fill="none" stroke="#757575" d="M3385.09,-662.94C3428.6,-672.94 3493.4,-686.23 3550.75,-691.63 3748.79,-710.27 3979.54,-697.02 4120.79,-684.96"/>
-<polygon fill="#757575" stroke="#757575" points="4120.9,-688.46 4130.56,-684.11 4120.3,-681.49 4120.9,-688.46"/>
-</g>
-<!-- ../components/floating&#45;emojis/CopyFloatingEmojis.js -->
-<g id="node135" class="node">
-<title>../components/floating&#45;emojis/CopyFloatingEmojis.js</title>
-<path fill="none" stroke="#c6c5fe" d="M3897.46,-560.51C3897.46,-560.51 3582.29,-560.51 3582.29,-560.51 3578.33,-560.51 3574.38,-556.55 3574.38,-552.59 3574.38,-552.59 3574.38,-544.67 3574.38,-544.67 3574.38,-540.72 3578.33,-536.76 3582.29,-536.76 3582.29,-536.76 3897.46,-536.76 3897.46,-536.76 3901.42,-536.76 3905.38,-540.72 3905.38,-544.67 3905.38,-544.67 3905.38,-552.59 3905.38,-552.59 3905.38,-556.55 3901.42,-560.51 3897.46,-560.51"/>
-<text text-anchor="middle" x="3739.88" y="-543.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/floating&#45;emojis/CopyFloatingEmojis.js</text>
-</g>
-<!-- ../components/floating&#45;emojis/index.js&#45;&gt;../components/floating&#45;emojis/CopyFloatingEmojis.js -->
-<g id="edge246" class="edge">
-<title>../components/floating&#45;emojis/index.js&#45;&gt;../components/floating&#45;emojis/CopyFloatingEmojis.js</title>
-<path fill="none" stroke="#757575" d="M3361.13,-638.34C3401.11,-620.2 3480.09,-586.55 3550.75,-569.63 3561.42,-567.08 3572.5,-564.83 3583.71,-562.86"/>
-<polygon fill="#757575" stroke="#757575" points="3584.17,-566.33 3593.46,-561.22 3583.02,-559.43 3584.17,-566.33"/>
-</g>
-<!-- ../components/floating&#45;emojis/FloatingEmoji.js -->
-<g id="node136" class="node">
-<title>../components/floating&#45;emojis/FloatingEmoji.js</title>
-<path fill="none" stroke="#c6c5fe" d="M4883.08,-758.51C4883.08,-758.51 4606.17,-758.51 4606.17,-758.51 4602.21,-758.51 4598.25,-754.55 4598.25,-750.59 4598.25,-750.59 4598.25,-742.67 4598.25,-742.67 4598.25,-738.72 4602.21,-734.76 4606.17,-734.76 4606.17,-734.76 4883.08,-734.76 4883.08,-734.76 4887.04,-734.76 4891,-738.72 4891,-742.67 4891,-742.67 4891,-750.59 4891,-750.59 4891,-754.55 4887.04,-758.51 4883.08,-758.51"/>
-<text text-anchor="middle" x="4744.62" y="-741.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/floating&#45;emojis/FloatingEmoji.js</text>
-</g>
-<!-- ../components/floating&#45;emojis/index.js&#45;&gt;../components/floating&#45;emojis/FloatingEmoji.js -->
-<g id="edge247" class="edge">
-<title>../components/floating&#45;emojis/index.js&#45;&gt;../components/floating&#45;emojis/FloatingEmoji.js</title>
-<path fill="none" stroke="#757575" d="M3369.09,-662.91C3411.19,-677.37 3485.18,-700.68 3550.75,-710.63 3918.64,-766.47 4357.43,-761.68 4586.58,-753.85"/>
-<polygon fill="#757575" stroke="#757575" points="4586.62,-757.35 4596.5,-753.5 4586.38,-750.35 4586.62,-757.35"/>
-</g>
-<!-- ../components/floating&#45;emojis/FloatingEmojisTapper.js -->
-<g id="node137" class="node">
-<title>../components/floating&#45;emojis/FloatingEmojisTapper.js</title>
-<path fill="none" stroke="#c6c5fe" d="M3901.96,-602.51C3901.96,-602.51 3577.79,-602.51 3577.79,-602.51 3573.83,-602.51 3569.88,-598.55 3569.88,-594.59 3569.88,-594.59 3569.88,-586.67 3569.88,-586.67 3569.88,-582.72 3573.83,-578.76 3577.79,-578.76 3577.79,-578.76 3901.96,-578.76 3901.96,-578.76 3905.92,-578.76 3909.88,-582.72 3909.88,-586.67 3909.88,-586.67 3909.88,-594.59 3909.88,-594.59 3909.88,-598.55 3905.92,-602.51 3901.96,-602.51"/>
-<text text-anchor="middle" x="3739.88" y="-585.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/floating&#45;emojis/FloatingEmojisTapper.js</text>
-</g>
-<!-- ../components/floating&#45;emojis/index.js&#45;&gt;../components/floating&#45;emojis/FloatingEmojisTapper.js -->
-<g id="edge250" class="edge">
-<title>../components/floating&#45;emojis/index.js&#45;&gt;../components/floating&#45;emojis/FloatingEmojisTapper.js</title>
-<path fill="none" stroke="#757575" d="M3411,-638.28C3452.32,-631.67 3504.3,-623.5 3550.75,-616.63 3578.27,-612.56 3608.09,-608.35 3635.69,-604.53"/>
-<polygon fill="#757575" stroke="#757575" points="3636.04,-608.02 3645.47,-603.19 3635.08,-601.09 3636.04,-608.02"/>
-</g>
-<!-- ../components/asset&#45;list/RecyclerAssetList2/FastComponents/FastFallbackCoinIconImage.tsx -->
-<g id="node63" class="node">
-<title>../components/asset&#45;list/RecyclerAssetList2/FastComponents/FastFallbackCoinIconImage.tsx</title>
-<path fill="none" stroke="#cfffac" d="M4534.08,-2177.51C4534.08,-2177.51 3972.92,-2177.51 3972.92,-2177.51 3968.96,-2177.51 3965,-2173.55 3965,-2169.59 3965,-2169.59 3965,-2161.67 3965,-2161.67 3965,-2157.72 3968.96,-2153.76 3972.92,-2153.76 3972.92,-2153.76 4534.08,-2153.76 4534.08,-2153.76 4538.04,-2153.76 4542,-2157.72 4542,-2161.67 4542,-2161.67 4542,-2169.59 4542,-2169.59 4542,-2173.55 4538.04,-2177.51 4534.08,-2177.51"/>
-<text text-anchor="middle" x="4253.5" y="-2160.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/asset&#45;list/RecyclerAssetList2/FastComponents/FastFallbackCoinIconImage.tsx</text>
-</g>
-<!-- ../components/asset&#45;list/index.js -->
-<g id="node64" class="node">
-<title>../components/asset&#45;list/index.js</title>
-<path fill="none" stroke="#c6c5fe" d="M1050.96,-4626.51C1050.96,-4626.51 858.79,-4626.51 858.79,-4626.51 854.83,-4626.51 850.88,-4622.55 850.88,-4618.59 850.88,-4618.59 850.88,-4610.67 850.88,-4610.67 850.88,-4606.72 854.83,-4602.76 858.79,-4602.76 858.79,-4602.76 1050.96,-4602.76 1050.96,-4602.76 1054.92,-4602.76 1058.88,-4606.72 1058.88,-4610.67 1058.88,-4610.67 1058.88,-4618.59 1058.88,-4618.59 1058.88,-4622.55 1054.92,-4626.51 1050.96,-4626.51"/>
-<text text-anchor="middle" x="954.88" y="-4609.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/asset&#45;list/index.js</text>
-</g>
-<!-- ../components/asset&#45;list/index.js&#45;&gt;../components/asset&#45;list/AssetList.js -->
-<g id="edge26" class="edge">
-<title>../components/asset&#45;list/index.js&#45;&gt;../components/asset&#45;list/AssetList.js</title>
-<path fill="none" stroke="#757575" d="M998.27,-4626.93C1072.24,-4648.39 1224.7,-4692.63 1305.75,-4716.15"/>
-<polygon fill="#757575" stroke="#757575" points="1304.66,-4719.47 1315.24,-4718.9 1306.61,-4712.75 1304.66,-4719.47"/>
-</g>
-<!-- ../components/asset&#45;list/index.js&#45;&gt;../components/asset&#45;list/EmptyAssetList.js -->
-<g id="edge29" class="edge">
-<title>../components/asset&#45;list/index.js&#45;&gt;../components/asset&#45;list/EmptyAssetList.js</title>
-<path fill="none" stroke="#757575" d="M1059.14,-4622.58C1088.94,-4624.72 1121.5,-4626.92 1151.5,-4628.63 1309.44,-4637.66 1490.63,-4645.03 1613.76,-4649.58"/>
-<polygon fill="#757575" stroke="#757575" points="1613.49,-4653.08 1623.61,-4649.95 1613.74,-4646.08 1613.49,-4653.08"/>
-</g>
-<!-- ../components/asset&#45;list/index.js&#45;&gt;../components/asset&#45;list/AssetListHeader.js -->
-<g id="edge27" class="edge">
-<title>../components/asset&#45;list/index.js&#45;&gt;../components/asset&#45;list/AssetListHeader.js</title>
-<path fill="none" stroke="#757575" d="M1055.07,-4602.27C1223.82,-4580.83 1550.4,-4537.32 1568.75,-4519.63 1629.68,-4460.88 1554.52,-4400.75 1604.75,-4332.63 1708.42,-4192.05 1783.41,-4195.12 1951.5,-4147.63 2247.52,-4064.01 2611.36,-4066.44 2810.45,-4076.19"/>
-<polygon fill="#757575" stroke="#757575" points="2810.19,-4079.68 2820.35,-4076.69 2810.54,-4072.69 2810.19,-4079.68"/>
-</g>
-<!-- ../components/asset&#45;list/index.js&#45;&gt;../components/asset&#45;list/AssetListItemSkeleton.js -->
-<g id="edge28" class="edge">
-<title>../components/asset&#45;list/index.js&#45;&gt;../components/asset&#45;list/AssetListItemSkeleton.js</title>
-<path fill="none" stroke="#757575" d="M1059.31,-4611.56C1280.78,-4604.99 1802.48,-4589.51 2070.72,-4581.55"/>
-<polygon fill="#757575" stroke="#757575" points="2070.72,-4585.05 2080.61,-4581.25 2070.51,-4578.05 2070.72,-4585.05"/>
-</g>
-<!-- ../components/buttons/BiometricButtonContent.js -->
-<g id="node65" class="node">
-<title>../components/buttons/BiometricButtonContent.js</title>
-<path fill="none" stroke="#c6c5fe" d="M4891.71,-2623.51C4891.71,-2623.51 4597.54,-2623.51 4597.54,-2623.51 4593.58,-2623.51 4589.62,-2619.55 4589.62,-2615.59 4589.62,-2615.59 4589.62,-2607.67 4589.62,-2607.67 4589.62,-2603.72 4593.58,-2599.76 4597.54,-2599.76 4597.54,-2599.76 4891.71,-2599.76 4891.71,-2599.76 4895.67,-2599.76 4899.62,-2603.72 4899.62,-2607.67 4899.62,-2607.67 4899.62,-2615.59 4899.62,-2615.59 4899.62,-2619.55 4895.67,-2623.51 4891.71,-2623.51"/>
-<text text-anchor="middle" x="4744.62" y="-2606.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/buttons/BiometricButtonContent.js</text>
-</g>
-<!-- ../components/buttons/BiometricButtonContent.js&#45;&gt;../components/text/index.js -->
-<g id="edge30" class="edge">
-<title>../components/buttons/BiometricButtonContent.js&#45;&gt;../components/text/index.js</title>
-<path fill="none" stroke="#757575" d="M4893.04,-2623.81C4899.62,-2627.66 4905.75,-2632.22 4911.25,-2637.63 4977.82,-2703.12 4917.29,-2756.19 4947.25,-2844.63 4980.02,-2941.37 5043.93,-3045.94 5072.38,-3090.06"/>
-<polygon fill="#757575" stroke="#757575" points="5069.29,-3091.73 5077.68,-3098.2 5075.16,-3087.91 5069.29,-3091.73"/>
-</g>
-<!-- ../components/buttons/Button/index.js -->
-<g id="node66" class="node">
-<title>../components/buttons/Button/index.js</title>
-<path fill="none" stroke="#cfffac" d="M4857.58,-2371.51C4857.58,-2371.51 4631.67,-2371.51 4631.67,-2371.51 4627.71,-2371.51 4623.75,-2367.55 4623.75,-2363.59 4623.75,-2363.59 4623.75,-2355.67 4623.75,-2355.67 4623.75,-2351.72 4627.71,-2347.76 4631.67,-2347.76 4631.67,-2347.76 4857.58,-2347.76 4857.58,-2347.76 4861.54,-2347.76 4865.5,-2351.72 4865.5,-2355.67 4865.5,-2355.67 4865.5,-2363.59 4865.5,-2363.59 4865.5,-2367.55 4861.54,-2371.51 4857.58,-2371.51"/>
-<text text-anchor="middle" x="4744.62" y="-2354.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/buttons/Button/index.js</text>
-</g>
-<!-- ../components/buttons/MiniButton.js -->
-<g id="node67" class="node">
-<title>../components/buttons/MiniButton.js</title>
-<path fill="none" stroke="#c6c5fe" d="M4852.33,-2497.51C4852.33,-2497.51 4636.92,-2497.51 4636.92,-2497.51 4632.96,-2497.51 4629,-2493.55 4629,-2489.59 4629,-2489.59 4629,-2481.67 4629,-2481.67 4629,-2477.72 4632.96,-2473.76 4636.92,-2473.76 4636.92,-2473.76 4852.33,-2473.76 4852.33,-2473.76 4856.29,-2473.76 4860.25,-2477.72 4860.25,-2481.67 4860.25,-2481.67 4860.25,-2489.59 4860.25,-2489.59 4860.25,-2493.55 4856.29,-2497.51 4852.33,-2497.51"/>
-<text text-anchor="middle" x="4744.62" y="-2480.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/buttons/MiniButton.js</text>
-</g>
-<!-- ../components/buttons/MiniButton.js&#45;&gt;../components/layout/index.js -->
-<g id="edge32" class="edge">
-<title>../components/buttons/MiniButton.js&#45;&gt;../components/layout/index.js</title>
-<path fill="none" stroke="#757575" d="M4860.6,-2482.37C4879.2,-2486.59 4897,-2494.09 4911.25,-2506.63 4959.15,-2548.79 4899.52,-2603.27 4947.25,-2645.63 4994.33,-2687.43 5166.76,-2669.04 5228,-2683.63 5385.27,-2721.1 5426.23,-2732.18 5571.75,-2802.63 5588.84,-2810.91 5591.36,-2816.05 5607.75,-2825.63 5888.68,-2989.8 6082.27,-2893.26 6254,-3169.63 6323.53,-3281.52 6201.77,-4256.82 6290,-4354.63 6303.27,-4369.35 6321.52,-4377.43 6340.89,-4381.45"/>
-<polygon fill="#757575" stroke="#757575" points="6340.12,-4384.87 6350.57,-4383.08 6341.28,-4377.97 6340.12,-4384.87"/>
-</g>
-<!-- ../components/buttons/MiniButton.js&#45;&gt;../components/text/index.js -->
-<g id="edge33" class="edge">
-<title>../components/buttons/MiniButton.js&#45;&gt;../components/text/index.js</title>
-<path fill="none" stroke="#757575" d="M4860.5,-2480.3C4879.57,-2484.6 4897.55,-2492.66 4911.25,-2506.63 4964.12,-2560.58 4925.39,-2772.33 4947.25,-2844.63 4976.74,-2942.17 5042.1,-3045.93 5071.63,-3089.92"/>
-<polygon fill="#757575" stroke="#757575" points="5068.64,-3091.75 5077.15,-3098.06 5074.43,-3087.82 5068.64,-3091.75"/>
-</g>
-<!-- ../components/buttons/MiniButton.js&#45;&gt;../components/animations/index.js -->
-<g id="edge31" class="edge">
-<title>../components/buttons/MiniButton.js&#45;&gt;../components/animations/index.js</title>
-<path fill="none" stroke="#757575" d="M4860.38,-2491.85C4879.7,-2487.53 4897.8,-2479.24 4911.25,-2464.63 4973.91,-2396.55 4927.91,-1723.12 4947.25,-1632.63 5027,-1259.47 4962.15,-1068.07 5264,-834.63 5318.16,-792.75 5348.41,-815.63 5416.88,-815.63 5416.88,-815.63 5416.88,-815.63 6098.12,-815.63 6323.86,-815.63 6404.44,-890.73 6605.25,-787.63 6690.86,-743.68 6749.1,-637.45 6771.33,-591"/>
-<polygon fill="#757575" stroke="#757575" points="6774.39,-592.72 6775.45,-582.17 6768.05,-589.76 6774.39,-592.72"/>
-</g>
-<!-- ../components/buttons/PasteAddressButton.js -->
-<g id="node68" class="node">
-<title>../components/buttons/PasteAddressButton.js</title>
-<path fill="none" stroke="#c6c5fe" d="M4881.58,-2413.51C4881.58,-2413.51 4607.67,-2413.51 4607.67,-2413.51 4603.71,-2413.51 4599.75,-2409.55 4599.75,-2405.59 4599.75,-2405.59 4599.75,-2397.67 4599.75,-2397.67 4599.75,-2393.72 4603.71,-2389.76 4607.67,-2389.76 4607.67,-2389.76 4881.58,-2389.76 4881.58,-2389.76 4885.54,-2389.76 4889.5,-2393.72 4889.5,-2397.67 4889.5,-2397.67 4889.5,-2405.59 4889.5,-2405.59 4889.5,-2409.55 4885.54,-2413.51 4881.58,-2413.51"/>
-<text text-anchor="middle" x="4744.62" y="-2396.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/buttons/PasteAddressButton.js</text>
-</g>
-<!-- ../components/buttons/PasteAddressButton.js&#45;&gt;../components/text/index.js -->
-<g id="edge35" class="edge">
-<title>../components/buttons/PasteAddressButton.js&#45;&gt;../components/text/index.js</title>
-<path fill="none" stroke="#757575" d="M4889.76,-2406.56C4897.65,-2410.76 4904.93,-2416.04 4911.25,-2422.63 4976.42,-2490.53 4920.96,-2754.26 4947.25,-2844.63 4975.71,-2942.48 5041.61,-3046.08 5071.45,-3089.97"/>
-<polygon fill="#757575" stroke="#757575" points="5068.49,-3091.84 5077.04,-3098.1 5074.26,-3087.87 5068.49,-3091.84"/>
-</g>
-<!-- ../components/buttons/PasteAddressButton.js&#45;&gt;../components/animations/index.js -->
-<g id="edge34" class="edge">
-<title>../components/buttons/PasteAddressButton.js&#45;&gt;../components/animations/index.js</title>
-<path fill="none" stroke="#757575" d="M4889.87,-2397.36C4897.8,-2393.02 4905.04,-2387.52 4911.25,-2380.63 4971.4,-2313.88 4884.63,-828.08 4947.25,-763.63 5020.07,-688.68 5312.38,-739.63 5416.88,-739.63 5416.88,-739.63 5416.88,-739.63 6098.12,-739.63 6323.88,-739.63 6394.59,-791.81 6605.25,-710.63 6673.26,-684.42 6735.21,-621.61 6764.15,-589.02"/>
-<polygon fill="#757575" stroke="#757575" points="6766.49,-591.66 6770.43,-581.82 6761.22,-587.06 6766.49,-591.66"/>
-</g>
-<!-- ../components/buttons/TokenSelectionButton.js -->
-<g id="node69" class="node">
-<title>../components/buttons/TokenSelectionButton.js</title>
-<path fill="none" stroke="#c6c5fe" d="M4885.33,-2455.51C4885.33,-2455.51 4603.92,-2455.51 4603.92,-2455.51 4599.96,-2455.51 4596,-2451.55 4596,-2447.59 4596,-2447.59 4596,-2439.67 4596,-2439.67 4596,-2435.72 4599.96,-2431.76 4603.92,-2431.76 4603.92,-2431.76 4885.33,-2431.76 4885.33,-2431.76 4889.29,-2431.76 4893.25,-2435.72 4893.25,-2439.67 4893.25,-2439.67 4893.25,-2447.59 4893.25,-2447.59 4893.25,-2451.55 4889.29,-2455.51 4885.33,-2455.51"/>
-<text text-anchor="middle" x="4744.62" y="-2438.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/buttons/TokenSelectionButton.js</text>
-</g>
-<!-- ../components/buttons/TokenSelectionButton.js&#45;&gt;../components/layout/index.js -->
-<g id="edge37" class="edge">
-<title>../components/buttons/TokenSelectionButton.js&#45;&gt;../components/layout/index.js</title>
-<path fill="none" stroke="#757575" d="M4870.64,-2455.96C4884.44,-2458.36 4898.21,-2461.22 4911.25,-2464.63 5074.92,-2507.41 5103.48,-2554.22 5264,-2607.63 5398.2,-2652.29 5436.95,-2645.82 5571.75,-2688.63 5648.88,-2713.13 6207.02,-2877.73 6254,-2943.63 6299.52,-3007.48 6237.62,-4296.28 6290,-4354.63 6303.24,-4369.38 6321.47,-4377.47 6340.83,-4381.5"/>
-<polygon fill="#757575" stroke="#757575" points="6340.07,-4384.92 6350.51,-4383.13 6341.23,-4378.02 6340.07,-4384.92"/>
-</g>
-<!-- ../components/buttons/TokenSelectionButton.js&#45;&gt;../components/text/index.js -->
-<g id="edge38" class="edge">
-<title>../components/buttons/TokenSelectionButton.js&#45;&gt;../components/text/index.js</title>
-<path fill="none" stroke="#757575" d="M4893.41,-2450.7C4899.89,-2454.52 4905.91,-2459.12 4911.25,-2464.63 4970.27,-2525.55 4923.18,-2763.3 4947.25,-2844.63 4976.17,-2942.34 5041.83,-3046.01 5071.53,-3089.95"/>
-<polygon fill="#757575" stroke="#757575" points="5068.56,-3091.8 5077.09,-3098.08 5074.33,-3087.85 5068.56,-3091.8"/>
-</g>
-<!-- ../components/buttons/TokenSelectionButton.js&#45;&gt;../components/animations/index.js -->
-<g id="edge36" class="edge">
-<title>../components/buttons/TokenSelectionButton.js&#45;&gt;../components/animations/index.js</title>
-<path fill="none" stroke="#757575" d="M4893.54,-2437.24C4900.04,-2433.27 4906.01,-2428.45 4911.25,-2422.63 4971.55,-2355.72 4884.48,-866.24 4947.25,-801.63 5020.07,-726.68 5312.38,-777.63 5416.88,-777.63 5416.88,-777.63 5416.88,-777.63 6098.12,-777.63 6323.91,-777.63 6399.67,-840.99 6605.25,-747.63 6681.41,-713.05 6742.34,-629.76 6768.09,-590.2"/>
-<polygon fill="#757575" stroke="#757575" points="6770.9,-592.3 6773.32,-581.98 6765,-588.54 6770.9,-592.3"/>
-</g>
-<!-- ../components/buttons/index.js -->
-<g id="node70" class="node">
-<title>../components/buttons/index.js</title>
-<path fill="none" stroke="#c6c5fe" d="M4345.08,-2455.51C4345.08,-2455.51 4161.92,-2455.51 4161.92,-2455.51 4157.96,-2455.51 4154,-2451.55 4154,-2447.59 4154,-2447.59 4154,-2439.67 4154,-2439.67 4154,-2435.72 4157.96,-2431.76 4161.92,-2431.76 4161.92,-2431.76 4345.08,-2431.76 4345.08,-2431.76 4349.04,-2431.76 4353,-2435.72 4353,-2439.67 4353,-2439.67 4353,-2447.59 4353,-2447.59 4353,-2451.55 4349.04,-2455.51 4345.08,-2455.51"/>
-<text text-anchor="middle" x="4253.5" y="-2438.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/buttons/index.js</text>
-</g>
-<!-- ../components/buttons/index.js&#45;&gt;../components/buttons/BiometricButtonContent.js -->
-<g id="edge39" class="edge">
-<title>../components/buttons/index.js&#45;&gt;../components/buttons/BiometricButtonContent.js</title>
-<path fill="none" stroke="#757575" d="M4307.42,-2431.27C4370.57,-2419.85 4475.91,-2411.82 4542,-2465.63 4586.83,-2502.14 4534.09,-2553.02 4578,-2590.63 4578.82,-2591.33 4579.65,-2592.02 4580.49,-2592.69"/>
-<polygon fill="#757575" stroke="#757575" points="4578.44,-2595.53 4588.64,-2598.41 4582.47,-2589.8 4578.44,-2595.53"/>
-</g>
-<!-- ../components/buttons/index.js&#45;&gt;../components/buttons/Button/index.js -->
-<g id="edge40" class="edge">
-<title>../components/buttons/index.js&#45;&gt;../components/buttons/Button/index.js</title>
-<path fill="none" stroke="#757575" d="M4353.31,-2448.42C4410.71,-2447.59 4483.08,-2440.15 4542,-2413.63 4561.79,-2404.72 4558.31,-2389.76 4578,-2380.63 4588.87,-2375.59 4600.55,-2371.63 4612.5,-2368.54"/>
-<polygon fill="#757575" stroke="#757575" points="4613.12,-2371.98 4622.05,-2366.28 4611.51,-2365.17 4613.12,-2371.98"/>
-</g>
-<!-- ../components/buttons/index.js&#45;&gt;../components/buttons/MiniButton.js -->
-<g id="edge41" class="edge">
-<title>../components/buttons/index.js&#45;&gt;../components/buttons/MiniButton.js</title>
-<path fill="none" stroke="#757575" d="M4353.34,-2450.64C4408.82,-2454.72 4479.29,-2460.12 4542,-2465.63 4566.31,-2467.77 4592.25,-2470.21 4617.15,-2472.65"/>
-<polygon fill="#757575" stroke="#757575" points="4616.71,-2476.12 4627.01,-2473.61 4617.4,-2469.15 4616.71,-2476.12"/>
-</g>
-<!-- ../components/buttons/index.js&#45;&gt;../components/buttons/PasteAddressButton.js -->
-<g id="edge42" class="edge">
-<title>../components/buttons/index.js&#45;&gt;../components/buttons/PasteAddressButton.js</title>
-<path fill="none" stroke="#757575" d="M4353.48,-2435.13C4420.93,-2429.34 4511.6,-2421.56 4588.56,-2414.95"/>
-<polygon fill="#757575" stroke="#757575" points="4588.64,-2418.45 4598.3,-2414.11 4588.04,-2411.48 4588.64,-2418.45"/>
-</g>
-<!-- ../components/buttons/index.js&#45;&gt;../components/buttons/TokenSelectionButton.js -->
-<g id="edge43" class="edge">
-<title>../components/buttons/index.js&#45;&gt;../components/buttons/TokenSelectionButton.js</title>
-<path fill="none" stroke="#757575" d="M4353.48,-2443.63C4419.73,-2443.63 4508.39,-2443.63 4584.45,-2443.63"/>
-<polygon fill="#757575" stroke="#757575" points="4584.06,-2447.13 4594.06,-2443.63 4584.06,-2440.13 4584.06,-2447.13"/>
-</g>
-<!-- ../components/coin&#45;divider/CoinDividerButtonLabel.js -->
-<g id="node71" class="node">
-<title>../components/coin&#45;divider/CoinDividerButtonLabel.js</title>
-<path fill="none" stroke="#c6c5fe" d="M4903.33,-2581.51C4903.33,-2581.51 4585.92,-2581.51 4585.92,-2581.51 4581.96,-2581.51 4578,-2577.55 4578,-2573.59 4578,-2573.59 4578,-2565.67 4578,-2565.67 4578,-2561.72 4581.96,-2557.76 4585.92,-2557.76 4585.92,-2557.76 4903.33,-2557.76 4903.33,-2557.76 4907.29,-2557.76 4911.25,-2561.72 4911.25,-2565.67 4911.25,-2565.67 4911.25,-2573.59 4911.25,-2573.59 4911.25,-2577.55 4907.29,-2581.51 4903.33,-2581.51"/>
-<text text-anchor="middle" x="4744.62" y="-2564.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/coin&#45;divider/CoinDividerButtonLabel.js</text>
-</g>
-<!-- ../components/coin&#45;divider/CoinDividerButtonLabel.js&#45;&gt;../components/text/index.js -->
-<g id="edge45" class="edge">
-<title>../components/coin&#45;divider/CoinDividerButtonLabel.js&#45;&gt;../components/text/index.js</title>
-<path fill="none" stroke="#757575" d="M4900.68,-2581.81C4904.41,-2584.45 4907.95,-2587.38 4911.25,-2590.63 4951.86,-2630.65 4929.81,-2790.36 4947.25,-2844.63 4978.43,-2941.65 5042.9,-3045.68 5071.91,-3089.83"/>
-<polygon fill="#757575" stroke="#757575" points="5068.89,-3091.6 5077.34,-3098 5074.72,-3087.73 5068.89,-3091.6"/>
-</g>
-<!-- ../components/coin&#45;divider/CoinDividerButtonLabel.js&#45;&gt;../components/animations/index.js -->
-<g id="edge44" class="edge">
-<title>../components/coin&#45;divider/CoinDividerButtonLabel.js&#45;&gt;../components/animations/index.js</title>
-<path fill="none" stroke="#757575" d="M4883.39,-2557.28C5094.45,-2535.31 5482.8,-2481.83 5571.75,-2379.63 5618.73,-2325.65 5590.87,-2129.17 5607.75,-2059.63 5695.02,-1700.03 5774.56,-1628.2 5904.25,-1281.63 5920.51,-1238.17 5903.18,-1211.54 5940.25,-1183.63 6058.61,-1094.51 6489.19,-1227.74 6605.25,-1135.63 6694.88,-1064.5 6761.52,-690.29 6777.63,-592.19"/>
-<polygon fill="#757575" stroke="#757575" points="6781.06,-592.86 6779.21,-582.43 6774.15,-591.74 6781.06,-592.86"/>
-</g>
-<!-- ../components/coin&#45;icon/ChainBadge.js -->
-<g id="node72" class="node">
-<title>../components/coin&#45;icon/ChainBadge.js</title>
-<path fill="none" stroke="#c6c5fe" d="M5205.08,-1665.51C5205.08,-1665.51 4970.17,-1665.51 4970.17,-1665.51 4966.21,-1665.51 4962.25,-1661.55 4962.25,-1657.59 4962.25,-1657.59 4962.25,-1649.67 4962.25,-1649.67 4962.25,-1645.72 4966.21,-1641.76 4970.17,-1641.76 4970.17,-1641.76 5205.08,-1641.76 5205.08,-1641.76 5209.04,-1641.76 5213,-1645.72 5213,-1649.67 5213,-1649.67 5213,-1657.59 5213,-1657.59 5213,-1661.55 5209.04,-1665.51 5205.08,-1665.51"/>
-<text text-anchor="middle" x="5087.62" y="-1648.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/coin&#45;icon/ChainBadge.js</text>
-</g>
-<!-- ../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/arbitrumBadge.png -->
-<g id="edge46" class="edge">
-<title>../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/arbitrumBadge.png</title>
-<path fill="none" stroke="#757575" d="M5091.33,-1665.94C5109.56,-1748.59 5215.44,-2220.6 5264,-2262.63 5271.81,-2269.39 5280.73,-2274.59 5290.26,-2278.55"/>
-<polygon fill="#757575" stroke="#757575" points="5288.79,-2281.74 5299.39,-2281.85 5291.18,-2275.16 5288.79,-2281.74"/>
-</g>
-<!-- ../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/arbitrumBadgeDark.png -->
-<g id="edge47" class="edge">
-<title>../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/arbitrumBadgeDark.png</title>
-<path fill="none" stroke="#757575" d="M5090.56,-1665.61C5102.88,-1740.46 5172.87,-2143.3 5264,-2220.63 5267.96,-2223.99 5272.19,-2226.96 5276.63,-2229.58"/>
-<polygon fill="#757575" stroke="#757575" points="5274.84,-2232.59 5285.33,-2234.08 5278.06,-2226.38 5274.84,-2232.59"/>
-</g>
-<!-- ../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/arbitrumBadgeLarge.png -->
-<g id="edge48" class="edge">
-<title>../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/arbitrumBadgeLarge.png</title>
-<path fill="none" stroke="#757575" d="M5088.41,-1665.65C5087.97,-1730.25 5094.99,-2038.44 5264,-2178.63 5267.08,-2181.19 5270.33,-2183.52 5273.7,-2185.64"/>
-<polygon fill="#757575" stroke="#757575" points="5271.78,-2188.57 5282.22,-2190.35 5275.16,-2182.45 5271.78,-2188.57"/>
-</g>
-<!-- ../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/arbitrumBadgeLargeDark.png -->
-<g id="edge49" class="edge">
-<title>../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/arbitrumBadgeLargeDark.png</title>
-<path fill="none" stroke="#757575" d="M5088.8,-1665.92C5090.42,-1728.03 5106.47,-2009.37 5264,-2136.63 5265.14,-2137.56 5266.31,-2138.45 5267.49,-2139.31"/>
-<polygon fill="#757575" stroke="#757575" points="5265.35,-2142.1 5275.66,-2144.57 5269.14,-2136.21 5265.35,-2142.1"/>
-</g>
-<!-- ../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/avalancheBadge.png -->
-<g id="edge50" class="edge">
-<title>../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/avalancheBadge.png</title>
-<path fill="none" stroke="#757575" d="M5089.25,-1665.65C5092.96,-1724.03 5117.4,-1979.82 5264,-2094.63 5270.31,-2099.57 5277.23,-2103.64 5284.53,-2106.98"/>
-<polygon fill="#757575" stroke="#757575" points="5283.1,-2110.18 5293.68,-2110.67 5285.71,-2103.69 5283.1,-2110.18"/>
-</g>
-<!-- ../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/avalancheBadgeDark.png -->
-<g id="edge51" class="edge">
-<title>../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/avalancheBadgeDark.png</title>
-<path fill="none" stroke="#757575" d="M5089.82,-1665.99C5095.91,-1721.62 5128.72,-1950.52 5264,-2052.63 5266.21,-2054.3 5268.49,-2055.87 5270.83,-2057.34"/>
-<polygon fill="#757575" stroke="#757575" points="5269.02,-2060.34 5279.46,-2062.14 5272.42,-2054.22 5269.02,-2060.34"/>
-</g>
-<!-- ../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/avalancheBadgeLarge.png -->
-<g id="edge52" class="edge">
-<title>../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/avalancheBadgeLarge.png</title>
-<path fill="none" stroke="#757575" d="M5090.45,-1665.75C5098.92,-1717.41 5139.43,-1920.69 5264,-2010.63 5265.57,-2011.76 5267.17,-2012.85 5268.8,-2013.89"/>
-<polygon fill="#757575" stroke="#757575" points="5266.71,-2016.72 5277.13,-2018.61 5270.16,-2010.64 5266.71,-2016.72"/>
-</g>
-<!-- ../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/avalancheBadgeLargeDark.png -->
-<g id="edge53" class="edge">
-<title>../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/avalancheBadgeLargeDark.png</title>
-<path fill="none" stroke="#757575" d="M5091.31,-1665.96C5102.51,-1714.14 5150.32,-1890.92 5264,-1968.63 5265.82,-1969.88 5267.69,-1971.07 5269.59,-1972.2"/>
-<polygon fill="#757575" stroke="#757575" points="5267.58,-1975.09 5278.05,-1976.7 5270.86,-1968.91 5267.58,-1975.09"/>
-</g>
-<!-- ../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/baseBadge.png -->
-<g id="edge54" class="edge">
-<title>../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/baseBadge.png</title>
-<path fill="none" stroke="#757575" d="M5092.32,-1665.83C5106.34,-1709.74 5160.72,-1860.71 5264,-1926.63 5275.11,-1933.73 5287.61,-1938.87 5300.53,-1942.55"/>
-<polygon fill="#757575" stroke="#757575" points="5299.46,-1945.89 5310.01,-1944.94 5301.17,-1939.1 5299.46,-1945.89"/>
-</g>
-<!-- ../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/baseBadgeDark.png -->
-<g id="edge55" class="edge">
-<title>../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/baseBadgeDark.png</title>
-<path fill="none" stroke="#757575" d="M5093.73,-1665.85C5110.92,-1705.37 5170.97,-1830.25 5264,-1884.63 5271,-1888.72 5278.47,-1892.14 5286.22,-1894.98"/>
-<polygon fill="#757575" stroke="#757575" points="5284.9,-1898.23 5295.5,-1898.04 5287.1,-1891.59 5284.9,-1898.23"/>
-</g>
-<!-- ../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/baseBadgeLarge.png -->
-<g id="edge56" class="edge">
-<title>../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/baseBadgeLarge.png</title>
-<path fill="none" stroke="#757575" d="M5095.5,-1665.54C5116.02,-1699.86 5180.61,-1799.25 5264,-1842.63 5270.16,-1845.84 5276.64,-1848.61 5283.31,-1851"/>
-<polygon fill="#757575" stroke="#757575" points="5281.91,-1854.22 5292.5,-1853.99 5284.07,-1847.57 5281.91,-1854.22"/>
-</g>
-<!-- ../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/baseBadgeLargeDark.png -->
-<g id="edge57" class="edge">
-<title>../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/baseBadgeLargeDark.png</title>
-<path fill="none" stroke="#757575" d="M5098.58,-1665.72C5123.19,-1694.67 5190.26,-1767.96 5264,-1800.63 5268.27,-1802.52 5272.67,-1804.26 5277.16,-1805.84"/>
-<polygon fill="#757575" stroke="#757575" points="5275.75,-1809.06 5286.34,-1808.81 5277.9,-1802.4 5275.75,-1809.06"/>
-</g>
-<!-- ../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/blastBadge.png -->
-<g id="edge58" class="edge">
-<title>../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/blastBadge.png</title>
-<path fill="none" stroke="#757575" d="M5103.97,-1665.8C5133.21,-1688.27 5199.72,-1736.04 5264,-1758.63 5275.63,-1762.72 5288.02,-1766.02 5300.52,-1768.68"/>
-<polygon fill="#757575" stroke="#757575" points="5299.54,-1772.05 5310.03,-1770.56 5300.9,-1765.18 5299.54,-1772.05"/>
-</g>
-<!-- ../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/blastBadgeDark.png -->
-<g id="edge59" class="edge">
-<title>../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/blastBadgeDark.png</title>
-<path fill="none" stroke="#757575" d="M5117.22,-1666C5151.48,-1680.32 5210.9,-1703.6 5264,-1716.63 5274.14,-1719.12 5284.73,-1721.34 5295.41,-1723.31"/>
-<polygon fill="#757575" stroke="#757575" points="5294.6,-1726.72 5305.05,-1725.01 5295.82,-1719.83 5294.6,-1726.72"/>
-</g>
-<!-- ../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/blastBadgeLarge.png -->
-<g id="edge60" class="edge">
-<title>../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/blastBadgeLarge.png</title>
-<path fill="none" stroke="#757575" d="M5185.34,-1666.01C5224.15,-1670.97 5269.04,-1676.72 5308.91,-1681.82"/>
-<polygon fill="#757575" stroke="#757575" points="5308.42,-1685.28 5318.79,-1683.08 5309.31,-1678.34 5308.42,-1685.28"/>
-</g>
-<!-- ../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/blastBadgeLargeDark.png -->
-<g id="edge61" class="edge">
-<title>../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/blastBadgeLargeDark.png</title>
-<path fill="none" stroke="#757575" d="M5213.19,-1653.63C5231.29,-1653.63 5250.07,-1653.63 5268.58,-1653.63"/>
-<polygon fill="#757575" stroke="#757575" points="5268.55,-1657.13 5278.55,-1653.63 5268.55,-1650.13 5268.55,-1657.13"/>
-</g>
-<!-- ../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/bscBadge.png -->
-<g id="edge62" class="edge">
-<title>../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/bscBadge.png</title>
-<path fill="none" stroke="#757575" d="M5185.34,-1641.26C5224.15,-1636.29 5269.04,-1630.55 5308.91,-1625.45"/>
-<polygon fill="#757575" stroke="#757575" points="5309.31,-1628.92 5318.79,-1624.18 5308.42,-1621.98 5309.31,-1628.92"/>
-</g>
-<!-- ../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/bscBadgeDark.png -->
-<g id="edge63" class="edge">
-<title>../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/bscBadgeDark.png</title>
-<path fill="none" stroke="#757575" d="M5117.22,-1641.26C5151.48,-1626.95 5210.9,-1603.67 5264,-1590.63 5274.14,-1588.14 5284.73,-1585.93 5295.41,-1583.95"/>
-<polygon fill="#757575" stroke="#757575" points="5295.82,-1587.44 5305.05,-1582.25 5294.6,-1580.54 5295.82,-1587.44"/>
-</g>
-<!-- ../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/bscBadgeLarge.png -->
-<g id="edge64" class="edge">
-<title>../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/bscBadgeLarge.png</title>
-<path fill="none" stroke="#757575" d="M5103.97,-1641.46C5133.21,-1618.99 5199.72,-1571.23 5264,-1548.63 5271.39,-1546.04 5279.08,-1543.76 5286.91,-1541.76"/>
-<polygon fill="#757575" stroke="#757575" points="5287.66,-1545.18 5296.59,-1539.47 5286.05,-1538.37 5287.66,-1545.18"/>
-</g>
-<!-- ../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/bscBadgeLargeDark.png -->
-<g id="edge65" class="edge">
-<title>../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/bscBadgeLargeDark.png</title>
-<path fill="none" stroke="#757575" d="M5098.58,-1641.54C5123.19,-1612.59 5190.26,-1539.3 5264,-1506.63 5268.27,-1504.74 5272.67,-1503.01 5277.16,-1501.42"/>
-<polygon fill="#757575" stroke="#757575" points="5277.9,-1504.86 5286.34,-1498.45 5275.75,-1498.2 5277.9,-1504.86"/>
-</g>
-<!-- ../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/degenBadge.png -->
-<g id="edge66" class="edge">
-<title>../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/degenBadge.png</title>
-<path fill="none" stroke="#757575" d="M5095.5,-1641.72C5116.02,-1607.4 5180.61,-1508.01 5264,-1464.63 5274.09,-1459.39 5285.03,-1455.3 5296.27,-1452.14"/>
-<polygon fill="#757575" stroke="#757575" points="5296.82,-1455.61 5305.65,-1449.75 5295.09,-1448.83 5296.82,-1455.61"/>
-</g>
-<!-- ../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/degenBadgeDark.png -->
-<g id="edge67" class="edge">
-<title>../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/degenBadgeDark.png</title>
-<path fill="none" stroke="#757575" d="M5093.73,-1641.41C5110.92,-1601.9 5170.97,-1477.01 5264,-1422.63 5269.78,-1419.25 5275.89,-1416.34 5282.2,-1413.82"/>
-<polygon fill="#757575" stroke="#757575" points="5283.35,-1417.13 5291.58,-1410.46 5280.99,-1410.54 5283.35,-1417.13"/>
-</g>
-<!-- ../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/degenBadgeLarge.png -->
-<g id="edge68" class="edge">
-<title>../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/degenBadgeLarge.png</title>
-<path fill="none" stroke="#757575" d="M5092.32,-1641.44C5106.34,-1597.52 5160.72,-1446.56 5264,-1380.63 5268.88,-1377.51 5274.04,-1374.77 5279.37,-1372.37"/>
-<polygon fill="#757575" stroke="#757575" points="5280.48,-1375.7 5288.44,-1368.71 5277.86,-1369.2 5280.48,-1375.7"/>
-</g>
-<!-- ../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/degenBadgeLargeDark.png -->
-<g id="edge69" class="edge">
-<title>../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/degenBadgeLargeDark.png</title>
-<path fill="none" stroke="#757575" d="M5091.31,-1641.31C5102.51,-1593.12 5150.32,-1416.34 5264,-1338.63 5265.82,-1337.38 5267.69,-1336.2 5269.59,-1335.06"/>
-<polygon fill="#757575" stroke="#757575" points="5270.86,-1338.35 5278.05,-1330.57 5267.58,-1332.17 5270.86,-1338.35"/>
-</g>
-<!-- ../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/optimismBadge.png -->
-<g id="edge70" class="edge">
-<title>../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/optimismBadge.png</title>
-<path fill="none" stroke="#757575" d="M5090.45,-1641.51C5098.92,-1589.85 5139.43,-1386.57 5264,-1296.63 5271.25,-1291.39 5279.22,-1287.17 5287.58,-1283.77"/>
-<polygon fill="#757575" stroke="#757575" points="5288.71,-1287.09 5296.94,-1280.42 5286.35,-1280.5 5288.71,-1287.09"/>
-</g>
-<!-- ../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/optimismBadgeDark.png -->
-<g id="edge71" class="edge">
-<title>../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/optimismBadgeDark.png</title>
-<path fill="none" stroke="#757575" d="M5089.82,-1641.27C5095.91,-1585.65 5128.72,-1356.75 5264,-1254.63 5267.2,-1252.22 5270.54,-1250.02 5274.01,-1248.01"/>
-<polygon fill="#757575" stroke="#757575" points="5275.42,-1251.21 5282.72,-1243.53 5272.23,-1244.99 5275.42,-1251.21"/>
-</g>
-<!-- ../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/optimismBadgeLarge.png -->
-<g id="edge72" class="edge">
-<title>../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/optimismBadgeLarge.png</title>
-<path fill="none" stroke="#757575" d="M5089.25,-1641.61C5092.96,-1583.24 5117.4,-1327.45 5264,-1212.63 5266.31,-1210.83 5268.7,-1209.13 5271.16,-1207.55"/>
-<polygon fill="#757575" stroke="#757575" points="5272.68,-1210.71 5279.65,-1202.73 5269.23,-1204.62 5272.68,-1210.71"/>
-</g>
-<!-- ../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/optimismBadgeLargeDark.png -->
-<g id="edge73" class="edge">
-<title>../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/optimismBadgeLargeDark.png</title>
-<path fill="none" stroke="#757575" d="M5088.8,-1641.34C5090.42,-1579.23 5106.47,-1297.89 5264,-1170.63 5265.14,-1169.71 5266.31,-1168.82 5267.49,-1167.95"/>
-<polygon fill="#757575" stroke="#757575" points="5269.14,-1171.05 5275.66,-1162.7 5265.35,-1165.16 5269.14,-1171.05"/>
-</g>
-<!-- ../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/polygonBadge.png -->
-<g id="edge74" class="edge">
-<title>../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/polygonBadge.png</title>
-<path fill="none" stroke="#757575" d="M5088.41,-1641.61C5087.97,-1577.02 5094.99,-1268.82 5264,-1128.63 5272.26,-1121.78 5281.69,-1116.55 5291.7,-1112.62"/>
-<polygon fill="#757575" stroke="#757575" points="5292.58,-1116.02 5300.9,-1109.46 5290.31,-1109.4 5292.58,-1116.02"/>
-</g>
-<!-- ../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/polygonBadgeDark.png -->
-<g id="edge75" class="edge">
-<title>../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/polygonBadgeDark.png</title>
-<path fill="none" stroke="#757575" d="M5090.56,-1641.66C5102.88,-1566.8 5172.87,-1163.97 5264,-1086.63 5268.42,-1082.88 5273.18,-1079.62 5278.2,-1076.78"/>
-<polygon fill="#757575" stroke="#757575" points="5279.39,-1080.1 5286.79,-1072.51 5276.28,-1073.83 5279.39,-1080.1"/>
-</g>
-<!-- ../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/polygonBadgeLarge.png -->
-<g id="edge76" class="edge">
-<title>../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/polygonBadgeLarge.png</title>
-<path fill="none" stroke="#757575" d="M5090.34,-1641.29C5101.59,-1562.32 5167.29,-1128.34 5264,-1044.63 5267.49,-1041.61 5271.2,-1038.9 5275.09,-1036.48"/>
-<polygon fill="#757575" stroke="#757575" points="5276.67,-1039.6 5283.77,-1031.74 5273.31,-1033.46 5276.67,-1039.6"/>
-</g>
-<!-- ../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/polygonBadgeLargeDark.png -->
-<g id="edge77" class="edge">
-<title>../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/polygonBadgeLargeDark.png</title>
-<path fill="none" stroke="#757575" d="M5090.11,-1641.26C5100.2,-1559.1 5161.56,-1092.86 5264,-1002.63 5264.93,-1001.81 5265.88,-1001.02 5266.84,-1000.24"/>
-<polygon fill="#757575" stroke="#757575" points="5268.49,-1003.36 5274.65,-994.73 5264.46,-997.64 5268.49,-1003.36"/>
-</g>
-<!-- ../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/zoraBadge.png -->
-<g id="edge78" class="edge">
-<title>../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/zoraBadge.png</title>
-<path fill="none" stroke="#757575" d="M5089.89,-1641.3C5098.87,-1556.28 5155.77,-1057.43 5264,-960.63 5274.9,-950.88 5288.1,-944.34 5302.13,-940.07"/>
-<polygon fill="#757575" stroke="#757575" points="5302.73,-943.53 5311.53,-937.62 5300.97,-936.76 5302.73,-943.53"/>
-</g>
-<!-- ../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/zoraBadgeDark.png -->
-<g id="edge79" class="edge">
-<title>../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/zoraBadgeDark.png</title>
-<path fill="none" stroke="#757575" d="M5089.69,-1641.42C5097.59,-1553.85 5149.93,-1022.06 5264,-918.63 5271.13,-912.16 5279.27,-907.1 5288,-903.17"/>
-<polygon fill="#757575" stroke="#757575" points="5289.05,-906.52 5297.08,-899.61 5286.5,-900 5289.05,-906.52"/>
-</g>
-<!-- ../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/zoraBadgeLarge.png -->
-<g id="edge80" class="edge">
-<title>../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/zoraBadgeLarge.png</title>
-<path fill="none" stroke="#757575" d="M5089.53,-1641.31C5096.48,-1550.61 5144.17,-986.63 5264,-876.63 5270.38,-870.77 5277.59,-866.06 5285.31,-862.3"/>
-<polygon fill="#757575" stroke="#757575" points="5286.5,-865.59 5294.34,-858.47 5283.77,-859.15 5286.5,-865.59"/>
-</g>
-<!-- ../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/zoraBadgeLargeDark.png -->
-<g id="edge81" class="edge">
-<title>../components/coin&#45;icon/ChainBadge.js&#45;&gt;../assets/badges/zoraBadgeLargeDark.png</title>
-<path fill="none" stroke="#757575" d="M5091.52,-1665.87C5112.25,-1753.45 5238.23,-2281.93 5264,-2304.63 5266.5,-2306.83 5269.11,-2308.87 5271.83,-2310.75"/>
-<polygon fill="#757575" stroke="#757575" points="5269.76,-2313.59 5280.13,-2315.79 5273.4,-2307.61 5269.76,-2313.59"/>
-</g>
-<!-- ../components/coin&#45;icon/ChainBadge.js&#45;&gt;../components/layout/index.js -->
-<g id="edge82" class="edge">
-<title>../components/coin&#45;icon/ChainBadge.js&#45;&gt;../components/layout/index.js</title>
-<path fill="none" stroke="#757575" d="M5090.28,-1665.89C5101.76,-1749.4 5171.79,-2234.67 5264,-2346.63 5464.02,-2589.49 5692.98,-2415.49 5904.25,-2648.63 5936.25,-2683.94 5903.5,-2719.29 5940.25,-2749.63 6049.04,-2839.44 6160.87,-2691.67 6254,-2797.63 6311.12,-2862.62 6232.28,-4290.18 6290,-4354.63 6303.22,-4369.39 6321.45,-4377.5 6340.8,-4381.53"/>
-<polygon fill="#757575" stroke="#757575" points="6340.04,-4384.95 6350.48,-4383.15 6341.2,-4378.04 6340.04,-4384.95"/>
-</g>
-<!-- ../components/coin&#45;icon/CoinIconFallback.js -->
-<g id="node73" class="node">
-<title>../components/coin&#45;icon/CoinIconFallback.js</title>
-<path fill="none" stroke="#cfffac" d="M4385.58,-2371.51C4385.58,-2371.51 4121.42,-2371.51 4121.42,-2371.51 4117.46,-2371.51 4113.5,-2367.55 4113.5,-2363.59 4113.5,-2363.59 4113.5,-2355.67 4113.5,-2355.67 4113.5,-2351.72 4117.46,-2347.76 4121.42,-2347.76 4121.42,-2347.76 4385.58,-2347.76 4385.58,-2347.76 4389.54,-2347.76 4393.5,-2351.72 4393.5,-2355.67 4393.5,-2355.67 4393.5,-2363.59 4393.5,-2363.59 4393.5,-2367.55 4389.54,-2371.51 4385.58,-2371.51"/>
-<text text-anchor="middle" x="4253.5" y="-2354.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/coin&#45;icon/CoinIconFallback.js</text>
-</g>
-<!-- ../components/coin&#45;icon/CoinIconIndicator.js -->
-<g id="node74" class="node">
-<title>../components/coin&#45;icon/CoinIconIndicator.js</title>
-<path fill="none" stroke="#c6c5fe" d="M5220.08,-2453.51C5220.08,-2453.51 4955.17,-2453.51 4955.17,-2453.51 4951.21,-2453.51 4947.25,-2449.55 4947.25,-2445.59 4947.25,-2445.59 4947.25,-2437.67 4947.25,-2437.67 4947.25,-2433.72 4951.21,-2429.76 4955.17,-2429.76 4955.17,-2429.76 5220.08,-2429.76 5220.08,-2429.76 5224.04,-2429.76 5228,-2433.72 5228,-2437.67 5228,-2437.67 5228,-2445.59 5228,-2445.59 5228,-2449.55 5224.04,-2453.51 5220.08,-2453.51"/>
-<text text-anchor="middle" x="5087.62" y="-2436.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/coin&#45;icon/CoinIconIndicator.js</text>
-</g>
-<!-- ../components/coin&#45;icon/CoinIconIndicator.js&#45;&gt;../components/icons/index.js -->
-<g id="edge83" class="edge">
-<title>../components/coin&#45;icon/CoinIconIndicator.js&#45;&gt;../components/icons/index.js</title>
-<path fill="none" stroke="#757575" d="M5100.93,-2453.97C5127.84,-2480.12 5195.04,-2541.08 5264,-2569.63 5391.9,-2622.6 5436.52,-2588.02 5571.75,-2617.63 5617.71,-2627.7 5669.19,-2642.64 5705.85,-2653.92"/>
-<polygon fill="#757575" stroke="#757575" points="5704.7,-2657.23 5715.29,-2656.85 5706.78,-2650.55 5704.7,-2657.23"/>
-</g>
-<!-- ../components/coin&#45;icon/RainbowCoinIcon.tsx -->
-<g id="node75" class="node">
-<title>../components/coin&#45;icon/RainbowCoinIcon.tsx</title>
-<path fill="none" stroke="#c6c5fe" d="M3876.83,-2177.51C3876.83,-2177.51 3602.92,-2177.51 3602.92,-2177.51 3598.96,-2177.51 3595,-2173.55 3595,-2169.59 3595,-2169.59 3595,-2161.67 3595,-2161.67 3595,-2157.72 3598.96,-2153.76 3602.92,-2153.76 3602.92,-2153.76 3876.83,-2153.76 3876.83,-2153.76 3880.79,-2153.76 3884.75,-2157.72 3884.75,-2161.67 3884.75,-2161.67 3884.75,-2169.59 3884.75,-2169.59 3884.75,-2173.55 3880.79,-2177.51 3876.83,-2177.51"/>
-<text text-anchor="middle" x="3739.88" y="-2160.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/coin&#45;icon/RainbowCoinIcon.tsx</text>
-</g>
-<!-- ../components/coin&#45;icon/RainbowCoinIcon.tsx&#45;&gt;../components/asset&#45;list/RecyclerAssetList2/FastComponents/FastCoinBadge.tsx -->
-<g id="edge84" class="edge">
-<title>../components/coin&#45;icon/RainbowCoinIcon.tsx&#45;&gt;../components/asset&#45;list/RecyclerAssetList2/FastComponents/FastCoinBadge.tsx</title>
-<path fill="none" stroke="#757575" d="M3867.96,-2153.27C3899.64,-2150.31 3933.55,-2147.25 3965,-2144.63 3997.04,-2141.96 4031.1,-2139.31 4064.15,-2136.83"/>
-<polygon fill="#757575" stroke="#757575" points="4064.1,-2140.35 4073.81,-2136.11 4063.58,-2133.37 4064.1,-2140.35"/>
-</g>
-<!-- ../components/coin&#45;icon/RainbowCoinIcon.tsx&#45;&gt;../components/asset&#45;list/RecyclerAssetList2/FastComponents/FastFallbackCoinIconImage.tsx -->
-<g id="edge85" class="edge">
-<title>../components/coin&#45;icon/RainbowCoinIcon.tsx&#45;&gt;../components/asset&#45;list/RecyclerAssetList2/FastComponents/FastFallbackCoinIconImage.tsx</title>
-<path fill="none" stroke="#757575" d="M3885.09,-2165.63C3906.78,-2165.63 3929.8,-2165.63 3953.32,-2165.63"/>
-<polygon fill="#757575" stroke="#757575" points="3953.01,-2169.13 3963.01,-2165.63 3953.01,-2162.13 3953.01,-2169.13"/>
-</g>
-<!-- ../components/coin&#45;icon/RequestCoinIcon.js -->
-<g id="node76" class="node">
-<title>../components/coin&#45;icon/RequestCoinIcon.js</title>
-<path fill="none" stroke="#c6c5fe" d="M4385.58,-2498.51C4385.58,-2498.51 4121.42,-2498.51 4121.42,-2498.51 4117.46,-2498.51 4113.5,-2494.55 4113.5,-2490.59 4113.5,-2490.59 4113.5,-2482.67 4113.5,-2482.67 4113.5,-2478.72 4117.46,-2474.76 4121.42,-2474.76 4121.42,-2474.76 4385.58,-2474.76 4385.58,-2474.76 4389.54,-2474.76 4393.5,-2478.72 4393.5,-2482.67 4393.5,-2482.67 4393.5,-2490.59 4393.5,-2490.59 4393.5,-2494.55 4389.54,-2498.51 4385.58,-2498.51"/>
-<text text-anchor="middle" x="4253.5" y="-2481.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/coin&#45;icon/RequestCoinIcon.js</text>
-</g>
-<!-- ../components/coin&#45;icon/RequestVendorLogoIcon.js -->
-<g id="node77" class="node">
-<title>../components/coin&#45;icon/RequestVendorLogoIcon.js</title>
-<path fill="none" stroke="#c6c5fe" d="M4899.21,-2539.51C4899.21,-2539.51 4590.04,-2539.51 4590.04,-2539.51 4586.08,-2539.51 4582.12,-2535.55 4582.12,-2531.59 4582.12,-2531.59 4582.12,-2523.67 4582.12,-2523.67 4582.12,-2519.72 4586.08,-2515.76 4590.04,-2515.76 4590.04,-2515.76 4899.21,-2515.76 4899.21,-2515.76 4903.17,-2515.76 4907.12,-2519.72 4907.12,-2523.67 4907.12,-2523.67 4907.12,-2531.59 4907.12,-2531.59 4907.12,-2535.55 4903.17,-2539.51 4899.21,-2539.51"/>
-<text text-anchor="middle" x="4744.62" y="-2522.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/coin&#45;icon/RequestVendorLogoIcon.js</text>
-</g>
-<!-- ../components/coin&#45;icon/RequestCoinIcon.js&#45;&gt;../components/coin&#45;icon/RequestVendorLogoIcon.js -->
-<g id="edge86" class="edge">
-<title>../components/coin&#45;icon/RequestCoinIcon.js&#45;&gt;../components/coin&#45;icon/RequestVendorLogoIcon.js</title>
-<path fill="none" stroke="#757575" d="M4393.68,-2498.3C4453.23,-2503.29 4523.09,-2509.15 4584.67,-2514.31"/>
-<polygon fill="#757575" stroke="#757575" points="4584.3,-2517.79 4594.55,-2515.14 4584.88,-2510.81 4584.3,-2517.79"/>
-</g>
-<!-- ../components/coin&#45;icon/RequestVendorLogoIcon.js&#45;&gt;../components/layout/index.js -->
-<g id="edge88" class="edge">
-<title>../components/coin&#45;icon/RequestVendorLogoIcon.js&#45;&gt;../components/layout/index.js</title>
-<path fill="none" stroke="#757575" d="M4899.45,-2539.89C4903.59,-2542.49 4907.54,-2545.39 4911.25,-2548.63 4958.01,-2589.49 4906.53,-2636.75 4947.25,-2683.63 5036.13,-2785.94 5150.62,-2691.37 5228,-2802.63 5278.17,-2874.77 5202.68,-3529.7 5264,-3592.63 5302.48,-3632.13 6215.39,-3624.26 6254,-3663.63 6307.83,-3718.52 6237.89,-4298.11 6290,-4354.63 6303.35,-4369.12 6321.54,-4377.13 6340.79,-4381.16"/>
-<polygon fill="#757575" stroke="#757575" points="6339.96,-4384.57 6350.41,-4382.79 6341.14,-4377.66 6339.96,-4384.57"/>
-</g>
-<!-- ../components/coin&#45;icon/RequestVendorLogoIcon.js&#45;&gt;../components/text/index.js -->
-<g id="edge89" class="edge">
-<title>../components/coin&#45;icon/RequestVendorLogoIcon.js&#45;&gt;../components/text/index.js</title>
-<path fill="none" stroke="#757575" d="M4901.11,-2539.98C4904.69,-2542.57 4908.08,-2545.45 4911.25,-2548.63 4957.99,-2595.61 4927.6,-2781.35 4947.25,-2844.63 4977.47,-2941.95 5042.44,-3045.83 5071.75,-3089.88"/>
-<polygon fill="#757575" stroke="#757575" points="5068.75,-3091.69 5077.23,-3098.03 5074.56,-3087.78 5068.75,-3091.69"/>
-</g>
-<!-- ../components/coin&#45;icon/RequestVendorLogoIcon.js&#45;&gt;../components/coin&#45;icon/ChainBadge.js -->
-<g id="edge87" class="edge">
-<title>../components/coin&#45;icon/RequestVendorLogoIcon.js&#45;&gt;../components/coin&#45;icon/ChainBadge.js</title>
-<path fill="none" stroke="#757575" d="M4900.06,-2515.42C4904,-2512.8 4907.74,-2509.88 4911.25,-2506.63 4943.15,-2477.09 5059.37,-1811.65 5082.58,-1677.19"/>
-<polygon fill="#757575" stroke="#757575" points="5086.02,-1677.81 5084.27,-1667.37 5079.12,-1676.63 5086.02,-1677.81"/>
-</g>
-<!-- ../components/coin&#45;icon/index.js -->
-<g id="node78" class="node">
-<title>../components/coin&#45;icon/index.js</title>
-<path fill="none" stroke="#c6c5fe" d="M3836.33,-2453.51C3836.33,-2453.51 3643.42,-2453.51 3643.42,-2453.51 3639.46,-2453.51 3635.5,-2449.55 3635.5,-2445.59 3635.5,-2445.59 3635.5,-2437.67 3635.5,-2437.67 3635.5,-2433.72 3639.46,-2429.76 3643.42,-2429.76 3643.42,-2429.76 3836.33,-2429.76 3836.33,-2429.76 3840.29,-2429.76 3844.25,-2433.72 3844.25,-2437.67 3844.25,-2437.67 3844.25,-2445.59 3844.25,-2445.59 3844.25,-2449.55 3840.29,-2453.51 3836.33,-2453.51"/>
-<text text-anchor="middle" x="3739.88" y="-2436.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/coin&#45;icon/index.js</text>
-</g>
-<!-- ../components/coin&#45;icon/index.js&#45;&gt;../components/coin&#45;icon/ChainBadge.js -->
-<g id="edge90" class="edge">
-<title>../components/coin&#45;icon/index.js&#45;&gt;../components/coin&#45;icon/ChainBadge.js</title>
-<path fill="none" stroke="#757575" d="M3780.45,-2429.38C3820.89,-2415.46 3883.98,-2389.75 3929,-2352.63 3949.85,-2335.44 3941.42,-2316.83 3965,-2303.63 4149.13,-2200.58 4746.92,-2356.99 4911.25,-2224.63 5000.9,-2152.42 5066.96,-1775.99 5082.91,-1677.33"/>
-<polygon fill="#757575" stroke="#757575" points="5086.36,-1677.92 5084.48,-1667.5 5079.45,-1676.82 5086.36,-1677.92"/>
-</g>
-<!-- ../components/coin&#45;icon/index.js&#45;&gt;../components/coin&#45;icon/CoinIconFallback.js -->
-<g id="edge91" class="edge">
-<title>../components/coin&#45;icon/index.js&#45;&gt;../components/coin&#45;icon/CoinIconFallback.js</title>
-<path fill="none" stroke="#757575" d="M3782.19,-2429.26C3826.85,-2416.38 3900.34,-2396.57 3965,-2385.63 4009.09,-2378.18 4057.38,-2372.76 4101.58,-2368.86"/>
-<polygon fill="#757575" stroke="#757575" points="4101.85,-2372.35 4111.51,-2368.01 4101.25,-2365.38 4101.85,-2372.35"/>
-</g>
-<!-- ../components/coin&#45;icon/index.js&#45;&gt;../components/coin&#45;icon/CoinIconIndicator.js -->
-<g id="edge92" class="edge">
-<title>../components/coin&#45;icon/index.js&#45;&gt;../components/coin&#45;icon/CoinIconIndicator.js</title>
-<path fill="none" stroke="#757575" d="M3766.17,-2429.26C3820.3,-2402.9 3944.19,-2343.19 3965,-2338.63 4067.71,-2316.16 4822.55,-2282.19 4911.25,-2338.63 4943.12,-2358.91 4917.38,-2392.5 4947.25,-2415.63 4951.53,-2418.94 4956.09,-2421.88 4960.87,-2424.47"/>
-<polygon fill="#757575" stroke="#757575" points="4959.06,-2427.49 4969.59,-2428.69 4962.11,-2421.18 4959.06,-2427.49"/>
-</g>
-<!-- ../components/coin&#45;icon/index.js&#45;&gt;../components/coin&#45;icon/RequestCoinIcon.js -->
-<g id="edge93" class="edge">
-<title>../components/coin&#45;icon/index.js&#45;&gt;../components/coin&#45;icon/RequestCoinIcon.js</title>
-<path fill="none" stroke="#757575" d="M3844.59,-2452.84C3882.47,-2456.78 3925.65,-2461.11 3965,-2464.63 4009.38,-2468.61 4057.65,-2472.48 4101.74,-2475.83"/>
-<polygon fill="#757575" stroke="#757575" points="4101.41,-2479.32 4111.65,-2476.58 4101.94,-2472.34 4101.41,-2479.32"/>
-</g>
-<!-- ../components/coin&#45;icon/index.js&#45;&gt;../components/coin&#45;icon/RequestVendorLogoIcon.js -->
-<g id="edge94" class="edge">
-<title>../components/coin&#45;icon/index.js&#45;&gt;../components/coin&#45;icon/RequestVendorLogoIcon.js</title>
-<path fill="none" stroke="#757575" d="M3772.93,-2453.96C3815.89,-2469.81 3894.88,-2496.6 3965,-2507.63 4171.27,-2540.08 4412,-2540.66 4570.56,-2536.01"/>
-<polygon fill="#757575" stroke="#757575" points="4570.44,-2539.52 4580.32,-2535.71 4570.22,-2532.52 4570.44,-2539.52"/>
-</g>
-<!-- ../components/coin&#45;row/BottomRowText.js&#45;&gt;../components/text/index.js -->
-<g id="edge95" class="edge">
-<title>../components/coin&#45;row/BottomRowText.js&#45;&gt;../components/text/index.js</title>
-<path fill="none" stroke="#757575" d="M3468.46,-2764.67C3484.29,-2767.65 3500.04,-2771.55 3514.75,-2776.63 3532.47,-2782.75 3532.82,-2793.14 3550.75,-2798.63 3726.98,-2852.6 3780.87,-2809.71 3965,-2817.63 4070.13,-2822.15 4819.17,-2804.71 4911.25,-2855.63 5005.94,-2908 5060,-3035.78 5078.9,-3088.4"/>
-<polygon fill="#757575" stroke="#757575" points="5075.59,-3089.54 5082.18,-3097.83 5082.2,-3087.24 5075.59,-3089.54"/>
-</g>
-<!-- ../components/coin&#45;row/CoinName.js -->
-<g id="node80" class="node">
-<title>../components/coin&#45;row/CoinName.js</title>
-<path fill="none" stroke="#c6c5fe" d="M3444.96,-2809.51C3444.96,-2809.51 3222.79,-2809.51 3222.79,-2809.51 3218.83,-2809.51 3214.88,-2805.55 3214.88,-2801.59 3214.88,-2801.59 3214.88,-2793.67 3214.88,-2793.67 3214.88,-2789.72 3218.83,-2785.76 3222.79,-2785.76 3222.79,-2785.76 3444.96,-2785.76 3444.96,-2785.76 3448.92,-2785.76 3452.88,-2789.72 3452.88,-2793.67 3452.88,-2793.67 3452.88,-2801.59 3452.88,-2801.59 3452.88,-2805.55 3448.92,-2809.51 3444.96,-2809.51"/>
-<text text-anchor="middle" x="3333.88" y="-2792.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/coin&#45;row/CoinName.js</text>
-</g>
-<!-- ../components/coin&#45;row/CoinName.js&#45;&gt;../components/text/index.js -->
-<g id="edge96" class="edge">
-<title>../components/coin&#45;row/CoinName.js&#45;&gt;../components/text/index.js</title>
-<path fill="none" stroke="#757575" d="M3453.36,-2804.74C3474.44,-2808.78 3495.72,-2814.79 3514.75,-2823.63 3534.16,-2832.65 3530.88,-2847.67 3550.75,-2855.63 3831.58,-2968.11 4639.21,-2771.29 4911.25,-2903.63 4994.46,-2944.11 5053.01,-3044.44 5075.92,-3089.31"/>
-<polygon fill="#757575" stroke="#757575" points="5072.71,-3090.71 5080.3,-3098.1 5078.98,-3087.59 5072.71,-3090.71"/>
-</g>
-<!-- ../components/coin&#45;row/CoinRow.js&#45;&gt;../components/layout/index.js -->
-<g id="edge98" class="edge">
-<title>../components/coin&#45;row/CoinRow.js&#45;&gt;../components/layout/index.js</title>
-<path fill="none" stroke="#757575" d="M3440.14,-2889.91C3468.67,-2898.5 3496.63,-2912.84 3514.75,-2936.63 3565.63,-3003.45 3493.47,-3630.22 3550.75,-3691.63 3707.53,-3859.72 4348.54,-3799.16 4578,-3812.63 4725.86,-3821.31 4781.82,-3884.63 4911.25,-3812.63 4937.76,-3797.88 4920.74,-3769.38 4947.25,-3754.63 5056.29,-3693.97 5108.23,-3719.64 5228,-3754.63 5246.22,-3759.96 5246.04,-3771.48 5264,-3777.63 5473,-3849.24 6099.17,-3711.03 6254,-3868.63 6329.9,-3945.88 6215.73,-4275.82 6290,-4354.63 6303.51,-4368.97 6321.76,-4376.92 6341.04,-4380.93"/>
-<polygon fill="#757575" stroke="#757575" points="6340.21,-4384.34 6350.66,-4382.56 6341.38,-4377.44 6340.21,-4384.34"/>
-</g>
-<!-- ../components/coin&#45;row/CoinRow.js&#45;&gt;../components/coin&#45;icon/index.js -->
-<g id="edge97" class="edge">
-<title>../components/coin&#45;row/CoinRow.js&#45;&gt;../components/coin&#45;icon/index.js</title>
-<path fill="none" stroke="#757575" d="M3430.01,-2865.31C3460.85,-2856.84 3492.73,-2842.59 3514.75,-2818.63 3561.73,-2767.51 3519.65,-2728.7 3550.75,-2666.63 3594.02,-2580.26 3676.48,-2498.33 3716.28,-2461.7"/>
-<polygon fill="#757575" stroke="#757575" points="3718.6,-2464.32 3723.64,-2455 3713.89,-2459.14 3718.6,-2464.32"/>
-</g>
-<!-- ../components/coin&#45;row/CoinRowAddButton.js&#45;&gt;../components/layout/index.js -->
-<g id="edge101" class="edge">
-<title>../components/coin&#45;row/CoinRowAddButton.js&#45;&gt;../components/layout/index.js</title>
-<path fill="none" stroke="#757575" d="M3104.86,-2887.88C3109.23,-2890.99 3113.31,-2894.56 3117,-2898.63 3193.54,-2983.06 3075,-3840.55 3153,-3923.63 3156.88,-3927.76 3959.35,-4003.17 3965,-4003.63 4029.03,-4008.89 4491.74,-4001.61 4542,-4041.63 4585.56,-4076.32 4534.12,-4127.35 4578,-4161.63 4622.58,-4196.46 5030.05,-4185.63 5086.62,-4185.63 5086.62,-4185.63 5086.62,-4185.63 5757,-4185.63 5867.5,-4185.63 6168.49,-4131.64 6254,-4201.63 6308.06,-4245.88 6238.25,-4307.71 6290,-4354.63 6304.04,-4367.36 6321.9,-4374.75 6340.5,-4378.75"/>
-<polygon fill="#757575" stroke="#757575" points="6339.88,-4382.2 6350.34,-4380.51 6341.11,-4375.3 6339.88,-4382.2"/>
-</g>
-<!-- ../components/coin&#45;row/CoinRowAddButton.js&#45;&gt;../components/text/index.js -->
-<g id="edge102" class="edge">
-<title>../components/coin&#45;row/CoinRowAddButton.js&#45;&gt;../components/text/index.js</title>
-<path fill="none" stroke="#757575" d="M3069.16,-2890C3096.52,-2892.97 3125.82,-2896.03 3153,-2898.63 3329.58,-2915.56 3373.71,-2920.58 3550.75,-2931.63 3701.76,-2941.06 4767.96,-2940.07 4911.25,-2988.63 4975.04,-3010.25 5036.35,-3062.85 5066.76,-3091.77"/>
-<polygon fill="#757575" stroke="#757575" points="5064.13,-3094.09 5073.75,-3098.53 5069,-3089.06 5064.13,-3094.09"/>
-</g>
-<!-- ../components/coin&#45;row/CoinRowAddButton.js&#45;&gt;../components/animations/index.js -->
-<g id="edge99" class="edge">
-<title>../components/coin&#45;row/CoinRowAddButton.js&#45;&gt;../components/animations/index.js</title>
-<path fill="none" stroke="#757575" d="M3044.76,-2865.26C3072.34,-2856.79 3100.15,-2842.56 3117,-2818.63 3191.59,-2712.68 3062,-578.87 3153,-486.63 3198.74,-440.27 3673.75,-469.63 3738.88,-469.63 3738.88,-469.63 3738.88,-469.63 6098.12,-469.63 6324.21,-469.63 6383.71,-464.5 6605.25,-509.63 6653.36,-519.43 6706.54,-538.44 6741.74,-552.24"/>
-<polygon fill="#757575" stroke="#757575" points="6740.07,-555.35 6750.66,-555.78 6742.66,-548.84 6740.07,-555.35"/>
-</g>
-<!-- ../components/coin&#45;row/CoinRowAddButton.js&#45;&gt;../components/coin&#45;row/CoinRow.js -->
-<g id="edge100" class="edge">
-<title>../components/coin&#45;row/CoinRowAddButton.js&#45;&gt;../components/coin&#45;row/CoinRow.js</title>
-<path fill="none" stroke="#757575" d="M3104.96,-2877.63C3139.15,-2877.63 3175.31,-2877.63 3208.49,-2877.63"/>
-<polygon fill="#757575" stroke="#757575" points="3208.12,-2881.13 3218.12,-2877.63 3208.12,-2874.13 3208.12,-2881.13"/>
-</g>
-<!-- ../components/coin&#45;row/CoinRowDetailsIcon.js&#45;&gt;../components/layout/index.js -->
-<g id="edge104" class="edge">
-<title>../components/coin&#45;row/CoinRowDetailsIcon.js&#45;&gt;../components/layout/index.js</title>
-<path fill="none" stroke="#757575" d="M3106.8,-3015.31C3110.44,-3018.07 3113.86,-3021.17 3117,-3024.63 3193.32,-3108.81 3072.74,-3966.2 3153,-4046.63 3183.47,-4077.17 3885.98,-4072.44 3929,-4075.63 3945.05,-4076.82 3948.96,-4078.21 3965,-4079.63 4029,-4085.29 4491.74,-4077.61 4542,-4117.63 4585.56,-4152.32 4534.12,-4203.35 4578,-4237.63 4622.58,-4272.46 5030.05,-4261.63 5086.62,-4261.63 5086.62,-4261.63 5086.62,-4261.63 5757,-4261.63 5867.49,-4261.63 6161.93,-4214.56 6254,-4275.63 6286.15,-4296.96 6259.01,-4331.64 6290,-4354.63 6304.85,-4365.65 6322.74,-4372.32 6341.03,-4376.17"/>
-<polygon fill="#757575" stroke="#757575" points="6340.19,-4379.57 6350.65,-4377.9 6341.43,-4372.68 6340.19,-4379.57"/>
-</g>
-<!-- ../components/coin&#45;row/CoinRowDetailsIcon.js&#45;&gt;../components/text/index.js -->
-<g id="edge105" class="edge">
-<title>../components/coin&#45;row/CoinRowDetailsIcon.js&#45;&gt;../components/text/index.js</title>
-<path fill="none" stroke="#757575" d="M3106.71,-3013.25C3263.23,-3022.68 3518.45,-3035.63 3738.88,-3035.63 3738.88,-3035.63 3738.88,-3035.63 4254.5,-3035.63 4546.93,-3035.63 4621.35,-3037.25 4911.25,-3075.63 4949.45,-3080.69 4991.79,-3089.29 5025.29,-3096.82"/>
-<polygon fill="#757575" stroke="#757575" points="5024.29,-3100.18 5034.82,-3098.99 5025.85,-3093.36 5024.29,-3100.18"/>
-</g>
-<!-- ../components/coin&#45;row/CoinRowDetailsIcon.js&#45;&gt;../components/coin&#45;row/CoinRow.js -->
-<g id="edge103" class="edge">
-<title>../components/coin&#45;row/CoinRowDetailsIcon.js&#45;&gt;../components/coin&#45;row/CoinRow.js</title>
-<path fill="none" stroke="#757575" d="M3098.62,-2991.38C3104.99,-2988.88 3111.15,-2985.98 3117,-2982.63 3139.53,-2969.74 3131.75,-2951.54 3153,-2936.63 3182.85,-2915.69 3220.62,-2901.81 3253.83,-2892.82"/>
-<polygon fill="#757575" stroke="#757575" points="3254.63,-2896.23 3263.43,-2890.33 3252.88,-2889.45 3254.63,-2896.23"/>
-</g>
-<!-- ../components/coin&#45;row/CoinRowFavoriteButton.js&#45;&gt;../components/layout/index.js -->
-<g id="edge107" class="edge">
-<title>../components/coin&#45;row/CoinRowFavoriteButton.js&#45;&gt;../components/layout/index.js</title>
-<path fill="none" stroke="#757575" d="M3107.44,-2973.81C3110.84,-2976.44 3114.04,-2979.37 3117,-2982.63 3190.18,-3063.21 3078.43,-3882.33 3153,-3961.63 3168.53,-3978.14 3942.41,-4039.78 3965,-4041.63 4029.03,-4046.89 4491.74,-4039.61 4542,-4079.63 4585.56,-4114.32 4534.12,-4165.35 4578,-4199.63 4622.58,-4234.46 5030.05,-4223.63 5086.62,-4223.63 5086.62,-4223.63 5086.62,-4223.63 5757,-4223.63 5867.51,-4223.63 6166,-4173.79 6254,-4240.63 6296.31,-4272.77 6249.33,-4320.44 6290,-4354.63 6304.33,-4366.68 6322.14,-4373.79 6340.57,-4377.75"/>
-<polygon fill="#757575" stroke="#757575" points="6339.83,-4381.18 6350.29,-4379.51 6341.07,-4374.29 6339.83,-4381.18"/>
-</g>
-<!-- ../components/coin&#45;row/CoinRowFavoriteButton.js&#45;&gt;../components/text/index.js -->
-<g id="edge108" class="edge">
-<title>../components/coin&#45;row/CoinRowFavoriteButton.js&#45;&gt;../components/text/index.js</title>
-<path fill="none" stroke="#757575" d="M3088.92,-2973.99C3110.31,-2975.75 3132.27,-2977.38 3153,-2978.63 3413.05,-2994.29 3478.35,-2997.63 3738.88,-2997.63 3738.88,-2997.63 3738.88,-2997.63 4254.5,-2997.63 4546.93,-2997.63 4626.52,-2970.95 4911.25,-3037.63 4963.59,-3049.89 5020.23,-3076.45 5054.56,-3094.19"/>
-<polygon fill="#757575" stroke="#757575" points="5052.65,-3097.14 5063.13,-3098.68 5055.9,-3090.94 5052.65,-3097.14"/>
-</g>
-<!-- ../components/coin&#45;row/CoinRowFavoriteButton.js&#45;&gt;../components/coin&#45;row/CoinRow.js -->
-<g id="edge106" class="edge">
-<title>../components/coin&#45;row/CoinRowFavoriteButton.js&#45;&gt;../components/coin&#45;row/CoinRow.js</title>
-<path fill="none" stroke="#757575" d="M3068.47,-2949.3C3084.8,-2946.82 3101.4,-2943.93 3117,-2940.63 3176.21,-2928.11 3242.86,-2907.65 3286.24,-2893.46"/>
-<polygon fill="#757575" stroke="#757575" points="3287.17,-2896.84 3295.58,-2890.38 3284.98,-2890.19 3287.17,-2896.84"/>
-</g>
-<!-- ../components/coin&#45;row/ListCoinRow.js&#45;&gt;../components/layout/index.js -->
-<g id="edge114" class="edge">
-<title>../components/coin&#45;row/ListCoinRow.js&#45;&gt;../components/layout/index.js</title>
-<path fill="none" stroke="#757575" d="M3083.46,-2754.73C3096.17,-2759.42 3107.78,-2766.43 3117,-2776.63 3199.69,-2868.08 3068.65,-3795.71 3153,-3885.63 3160.41,-3893.53 3918.25,-3959.37 3929,-3960.63 3945.04,-3962.52 3948.93,-3963.99 3965,-3965.63 4028.92,-3972.17 4491.74,-3963.61 4542,-4003.63 4585.56,-4038.32 4534.12,-4089.35 4578,-4123.63 4622.58,-4158.46 5030.05,-4147.63 5086.62,-4147.63 5086.62,-4147.63 5086.62,-4147.63 5757,-4147.63 5867.49,-4147.63 6170.01,-4089.84 6254,-4161.63 6320.33,-4218.33 6226.74,-4294.53 6290,-4354.63 6303.97,-4367.9 6322.05,-4375.47 6340.95,-4379.47"/>
-<polygon fill="#757575" stroke="#757575" points="6340.2,-4382.89 6350.66,-4381.17 6341.41,-4376 6340.2,-4382.89"/>
-</g>
-<!-- ../components/coin&#45;row/ListCoinRow.js&#45;&gt;../components/animations/index.js -->
-<g id="edge109" class="edge">
-<title>../components/coin&#45;row/ListCoinRow.js&#45;&gt;../components/animations/index.js</title>
-<path fill="none" stroke="#757575" d="M3083.63,-2756.68C3096.31,-2751.97 3107.86,-2744.91 3117,-2734.63 3202.53,-2638.42 3063.13,-509.81 3153,-417.63 3198.48,-370.98 3673.72,-393.63 3738.88,-393.63 3738.88,-393.63 3738.88,-393.63 6098.12,-393.63 6210.95,-393.63 6500.39,-375.99 6605.25,-417.63 6675.39,-445.49 6737.21,-513.47 6765.32,-547.91"/>
-<polygon fill="#757575" stroke="#757575" points="6762.4,-549.87 6771.38,-555.49 6767.87,-545.49 6762.4,-549.87"/>
-</g>
-<!-- ../components/coin&#45;row/ListCoinRow.js&#45;&gt;../components/coin&#45;icon/index.js -->
-<g id="edge110" class="edge">
-<title>../components/coin&#45;row/ListCoinRow.js&#45;&gt;../components/coin&#45;icon/index.js</title>
-<path fill="none" stroke="#757575" d="M3083.66,-2755.22C3096.09,-2750.69 3107.58,-2744.07 3117,-2734.63 3203.75,-2647.68 3061.99,-2543.11 3153,-2460.63 3186.94,-2429.87 3462.96,-2432.98 3623.74,-2437.53"/>
-<polygon fill="#757575" stroke="#757575" points="3623.5,-2441.03 3633.6,-2437.82 3623.71,-2434.03 3623.5,-2441.03"/>
-</g>
-<!-- ../components/coin&#45;row/ListCoinRow.js&#45;&gt;../components/coin&#45;row/BottomRowText.js -->
-<g id="edge111" class="edge">
-<title>../components/coin&#45;row/ListCoinRow.js&#45;&gt;../components/coin&#45;row/BottomRowText.js</title>
-<path fill="none" stroke="#757575" d="M3083.64,-2755.63C3117.12,-2755.63 3153.65,-2755.63 3188.18,-2755.63"/>
-<polygon fill="#757575" stroke="#757575" points="3187.79,-2759.13 3197.79,-2755.63 3187.79,-2752.13 3187.79,-2759.13"/>
-</g>
-<!-- ../components/coin&#45;row/ListCoinRow.js&#45;&gt;../components/coin&#45;row/CoinName.js -->
-<g id="edge112" class="edge">
-<title>../components/coin&#45;row/ListCoinRow.js&#45;&gt;../components/coin&#45;row/CoinName.js</title>
-<path fill="none" stroke="#757575" d="M3069.86,-2768.01C3114.51,-2773.04 3166.26,-2778.86 3211.98,-2784.01"/>
-<polygon fill="#757575" stroke="#757575" points="3211.33,-2787.46 3221.65,-2785.1 3212.11,-2780.51 3211.33,-2787.46"/>
-</g>
-<!-- ../components/coin&#45;row/ListCoinRow.js&#45;&gt;../components/coin&#45;row/CoinRow.js -->
-<g id="edge113" class="edge">
-<title>../components/coin&#45;row/ListCoinRow.js&#45;&gt;../components/coin&#45;row/CoinRow.js</title>
-<path fill="none" stroke="#757575" d="M3083.62,-2763.33C3095.28,-2766.65 3106.61,-2770.99 3117,-2776.63 3138.6,-2788.37 3132.56,-2804.96 3153,-2818.63 3184.18,-2839.49 3223.32,-2853.48 3257.12,-2862.57"/>
-<polygon fill="#757575" stroke="#757575" points="3255.86,-2865.86 3266.42,-2864.98 3257.61,-2859.09 3255.86,-2865.86"/>
-</g>
-<!-- ../components/coin&#45;row/RequestCoinRow.js&#45;&gt;../components/layout/index.js -->
-<g id="edge119" class="edge">
-<title>../components/coin&#45;row/RequestCoinRow.js&#45;&gt;../components/layout/index.js</title>
-<path fill="none" stroke="#757575" d="M3098.07,-2719.55C3105.05,-2723.56 3111.46,-2728.52 3117,-2734.63 3191.5,-2816.72 3084.9,-3644.17 3153,-3731.63 3266.13,-3876.93 3371.82,-3804.14 3550.75,-3847.63 3641.9,-3869.79 3871.98,-3916.61 3965,-3928.63 4028.71,-3936.87 4491.06,-3926.49 4542,-3965.63 4581.79,-3996.2 4538.34,-4041.89 4578,-4072.63 4667.57,-4142.06 4973.3,-4109.63 5086.62,-4109.63 5086.62,-4109.63 5086.62,-4109.63 5757,-4109.63 5812.24,-4109.63 6212.55,-4087.11 6254,-4123.63 6331.97,-4192.32 6215.75,-4281.95 6290,-4354.63 6303.77,-4368.11 6321.76,-4375.77 6340.64,-4379.8"/>
-<polygon fill="#757575" stroke="#757575" points="6339.88,-4383.22 6350.33,-4381.5 6341.09,-4376.32 6339.88,-4383.22"/>
-</g>
-<!-- ../components/coin&#45;row/RequestCoinRow.js&#45;&gt;../components/text/index.js -->
-<g id="edge120" class="edge">
-<title>../components/coin&#45;row/RequestCoinRow.js&#45;&gt;../components/text/index.js</title>
-<path fill="none" stroke="#757575" d="M3098.09,-2712.96C3210.6,-2713.83 3373.41,-2718.31 3514.75,-2734.63 3530.94,-2736.5 3534.58,-2739.62 3550.75,-2741.63 3625.87,-2750.99 4846.49,-2778.43 4911.25,-2817.63 4964.38,-2849.8 5047.64,-3025.39 5076.43,-3088.79"/>
-<polygon fill="#757575" stroke="#757575" points="5073.23,-3090.2 5080.53,-3097.88 5079.61,-3087.32 5073.23,-3090.2"/>
-</g>
-<!-- ../components/coin&#45;row/RequestCoinRow.js&#45;&gt;../components/animations/index.js -->
-<g id="edge115" class="edge">
-<title>../components/coin&#45;row/RequestCoinRow.js&#45;&gt;../components/animations/index.js</title>
-<path fill="none" stroke="#757575" d="M2965.86,-2701.32C2990.32,-2649.17 3084.57,-2440.66 3117,-2257.63 3126.1,-2206.26 3116.51,-416.93 3153,-379.63 3198.57,-333.06 3673.72,-355.63 3738.88,-355.63 3738.88,-355.63 3738.88,-355.63 6098.12,-355.63 6210.95,-355.63 6502.89,-332.19 6605.25,-379.63 6683.86,-416.06 6744.13,-505.14 6768.97,-546.66"/>
-<polygon fill="#757575" stroke="#757575" points="6765.8,-548.18 6773.87,-555.05 6771.84,-544.65 6765.8,-548.18"/>
-</g>
-<!-- ../components/coin&#45;row/RequestCoinRow.js&#45;&gt;../components/coin&#45;icon/index.js -->
-<g id="edge116" class="edge">
-<title>../components/coin&#45;row/RequestCoinRow.js&#45;&gt;../components/coin&#45;icon/index.js</title>
-<path fill="none" stroke="#757575" d="M2963.67,-2701.29C2978.27,-2654.73 3037.17,-2489.21 3153,-2427.63 3332.21,-2332.37 3587.87,-2394.07 3692.02,-2425.96"/>
-<polygon fill="#757575" stroke="#757575" points="3690.76,-2429.23 3701.35,-2428.86 3692.84,-2422.55 3690.76,-2429.23"/>
-</g>
-<!-- ../components/coin&#45;row/RequestCoinRow.js&#45;&gt;../components/coin&#45;row/CoinName.js -->
-<g id="edge117" class="edge">
-<title>../components/coin&#45;row/RequestCoinRow.js&#45;&gt;../components/coin&#45;row/CoinName.js</title>
-<path fill="none" stroke="#757575" d="M3097.65,-2725.91C3104.35,-2728.4 3110.84,-2731.28 3117,-2734.63 3138.6,-2746.37 3131.3,-2765.08 3153,-2776.63 3168.51,-2784.89 3185.83,-2790.54 3203.42,-2794.34"/>
-<polygon fill="#757575" stroke="#757575" points="3202.42,-2797.71 3212.91,-2796.17 3203.75,-2790.84 3202.42,-2797.71"/>
-</g>
-<!-- ../components/coin&#45;row/RequestCoinRow.js&#45;&gt;../components/coin&#45;row/CoinRow.js -->
-<g id="edge118" class="edge">
-<title>../components/coin&#45;row/RequestCoinRow.js&#45;&gt;../components/coin&#45;row/CoinRow.js</title>
-<path fill="none" stroke="#757575" d="M3098.31,-2723.38C3104.91,-2726.51 3111.2,-2730.22 3117,-2734.63 3149.35,-2759.19 3123.04,-2791.2 3153,-2818.63 3176.31,-2839.98 3207.5,-2853.62 3237.36,-2862.32"/>
-<polygon fill="#757575" stroke="#757575" points="3236.25,-2865.65 3246.82,-2864.91 3238.1,-2858.89 3236.25,-2865.65"/>
-</g>
-<!-- ../components/coin&#45;row/SendCoinRow.js&#45;&gt;../components/text/index.js -->
-<g id="edge124" class="edge">
-<title>../components/coin&#45;row/SendCoinRow.js&#45;&gt;../components/text/index.js</title>
-<path fill="none" stroke="#757575" d="M3074.48,-2809.99C3088.8,-2811.55 3103.24,-2813.12 3117,-2814.63 3133,-2816.39 3136.99,-2816.9 3153,-2818.63 3313.73,-2836 3366.34,-2792.52 3514.75,-2856.63 3534.13,-2865.01 3531.14,-2879.81 3550.75,-2887.63 3831.91,-2999.71 4631.54,-2836.97 4911.25,-2952.63 4982.76,-2982.2 5043.96,-3054.29 5071.32,-3090.36"/>
-<polygon fill="#757575" stroke="#757575" points="5068.44,-3092.35 5077.22,-3098.29 5074.06,-3088.18 5068.44,-3092.35"/>
-</g>
-<!-- ../components/coin&#45;row/SendCoinRow.js&#45;&gt;../components/animations/index.js -->
-<g id="edge121" class="edge">
-<title>../components/coin&#45;row/SendCoinRow.js&#45;&gt;../components/animations/index.js</title>
-<path fill="none" stroke="#757575" d="M3088.88,-2796.56C3099.5,-2791.93 3109.14,-2785.47 3117,-2776.63 3202.68,-2680.25 3062.98,-547.97 3153,-455.63 3198.48,-408.98 3673.72,-431.63 3738.88,-431.63 3738.88,-431.63 3738.88,-431.63 6098.12,-431.63 6210.95,-431.63 6497.77,-421.34 6605.25,-455.63 6666.99,-475.33 6728.21,-522.45 6759.65,-549.2"/>
-<polygon fill="#757575" stroke="#757575" points="6757.07,-551.6 6766.92,-555.5 6761.65,-546.3 6757.07,-551.6"/>
-</g>
-<!-- ../components/coin&#45;row/SendCoinRow.js&#45;&gt;../components/coin&#45;row/CoinName.js -->
-<g id="edge122" class="edge">
-<title>../components/coin&#45;row/SendCoinRow.js&#45;&gt;../components/coin&#45;row/CoinName.js</title>
-<path fill="none" stroke="#757575" d="M3088.84,-2797.63C3125.85,-2797.63 3166.22,-2797.63 3203.27,-2797.63"/>
-<polygon fill="#757575" stroke="#757575" points="3203.15,-2801.13 3213.15,-2797.63 3203.15,-2794.13 3203.15,-2801.13"/>
-</g>
-<!-- ../components/coin&#45;row/SendCoinRow.js&#45;&gt;../components/coin&#45;row/CoinRow.js -->
-<g id="edge123" class="edge">
-<title>../components/coin&#45;row/SendCoinRow.js&#45;&gt;../components/coin&#45;row/CoinRow.js</title>
-<path fill="none" stroke="#757575" d="M3075.54,-2809.98C3089.82,-2813.46 3103.97,-2817.93 3117,-2823.63 3135.57,-2831.76 3134.35,-2843.7 3153,-2851.63 3170.47,-2859.07 3189.68,-2864.44 3208.82,-2868.32"/>
-<polygon fill="#757575" stroke="#757575" points="3208.12,-2871.75 3218.59,-2870.15 3209.41,-2864.87 3208.12,-2871.75"/>
-</g>
-<!-- ../components/contacts/ContactAvatar.js -->
-<g id="node88" class="node">
-<title>../components/contacts/ContactAvatar.js</title>
-<path fill="none" stroke="#c6c5fe" d="M3079.83,-3057.51C3079.83,-3057.51 2838.17,-3057.51 2838.17,-3057.51 2834.21,-3057.51 2830.25,-3053.55 2830.25,-3049.59 2830.25,-3049.59 2830.25,-3041.67 2830.25,-3041.67 2830.25,-3037.72 2834.21,-3033.76 2838.17,-3033.76 2838.17,-3033.76 3079.83,-3033.76 3079.83,-3033.76 3083.79,-3033.76 3087.75,-3037.72 3087.75,-3041.67 3087.75,-3041.67 3087.75,-3049.59 3087.75,-3049.59 3087.75,-3053.55 3083.79,-3057.51 3079.83,-3057.51"/>
-<text text-anchor="middle" x="2959" y="-3040.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/contacts/ContactAvatar.js</text>
-</g>
-<!-- ../components/contacts/ContactAvatar.js&#45;&gt;../components/layout/index.js -->
-<g id="edge133" class="edge">
-<title>../components/contacts/ContactAvatar.js&#45;&gt;../components/layout/index.js</title>
-<path fill="none" stroke="#757575" d="M2960.24,-3057.85C2962.64,-3164.76 2985.75,-3940.53 3153,-4079.63 3157.14,-4083.08 3924.04,-4078.53 3929,-4080.63 3950.13,-4089.57 3944.21,-4107.93 3965,-4117.63 4081.51,-4172.02 4441.29,-4080.7 4542,-4160.63 4583.95,-4193.93 4535.6,-4242.91 4578,-4275.63 4667.58,-4344.77 4973.47,-4299.63 5086.62,-4299.63 5086.62,-4299.63 5086.62,-4299.63 5757,-4299.63 5978.15,-4299.63 6048.59,-4241.69 6254,-4323.63 6273.61,-4331.46 6270.74,-4345.98 6290,-4354.63 6305.86,-4361.75 6323.45,-4366.63 6340.96,-4369.95"/>
-<polygon fill="#757575" stroke="#757575" points="6339.9,-4373.32 6350.35,-4371.56 6341.08,-4366.42 6339.9,-4373.32"/>
-</g>
-<!-- ../components/contacts/ContactAvatar.js&#45;&gt;../components/text/index.js -->
-<g id="edge134" class="edge">
-<title>../components/contacts/ContactAvatar.js&#45;&gt;../components/text/index.js</title>
-<path fill="none" stroke="#757575" d="M3088.13,-3053.06C3242.44,-3061.36 3509.53,-3073.63 3738.88,-3073.63 3738.88,-3073.63 3738.88,-3073.63 4254.5,-3073.63 4546.58,-3073.63 4619.66,-3080.67 4911.25,-3097.63 4936.11,-3099.08 4962.91,-3101.02 4987.91,-3103"/>
-<polygon fill="#757575" stroke="#757575" points="4987.5,-3106.48 4997.75,-3103.79 4988.06,-3099.5 4987.5,-3106.48"/>
-</g>
-<!-- ../components/contacts/ContactRow.js -->
-<g id="node89" class="node">
-<title>../components/contacts/ContactRow.js</title>
-<path fill="none" stroke="#c6c5fe" d="M2352.21,-2667.51C2352.21,-2667.51 2122.54,-2667.51 2122.54,-2667.51 2118.58,-2667.51 2114.62,-2663.55 2114.62,-2659.59 2114.62,-2659.59 2114.62,-2651.67 2114.62,-2651.67 2114.62,-2647.72 2118.58,-2643.76 2122.54,-2643.76 2122.54,-2643.76 2352.21,-2643.76 2352.21,-2643.76 2356.17,-2643.76 2360.12,-2647.72 2360.12,-2651.67 2360.12,-2651.67 2360.12,-2659.59 2360.12,-2659.59 2360.12,-2663.55 2356.17,-2667.51 2352.21,-2667.51"/>
-<text text-anchor="middle" x="2237.38" y="-2650.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/contacts/ContactRow.js</text>
-</g>
-<!-- ../components/contacts/ContactRow.js&#45;&gt;../components/layout/index.js -->
-<g id="edge139" class="edge">
-<title>../components/contacts/ContactRow.js&#45;&gt;../components/layout/index.js</title>
-<path fill="none" stroke="#757575" d="M2282.51,-2667.94C2398.52,-2701.26 2707.12,-2796.46 2765,-2881.63 2844.22,-2998.21 2719,-4034.99 2801,-4149.63 2888.22,-4271.57 3009.97,-4162.65 3117,-4267.63 3148.05,-4298.09 3117.14,-4334.02 3153,-4358.63 3241.58,-4419.42 4979.2,-4375.63 5086.62,-4375.63 5086.62,-4375.63 5086.62,-4375.63 5757,-4375.63 5963.7,-4375.63 6205.26,-4375.63 6340.64,-4375.63"/>
-<polygon fill="#757575" stroke="#757575" points="6340.29,-4379.13 6350.29,-4375.63 6340.29,-4372.13 6340.29,-4379.13"/>
-</g>
-<!-- ../components/contacts/ContactRow.js&#45;&gt;../components/text/index.js -->
-<g id="edge140" class="edge">
-<title>../components/contacts/ContactRow.js&#45;&gt;../components/text/index.js</title>
-<path fill="none" stroke="#757575" d="M2360.49,-2653.99C2467.24,-2652.9 2626.4,-2652.07 2765,-2654.63 2921.52,-2657.52 2960.79,-2657.37 3117,-2667.63 3310.22,-2680.32 3357.59,-2695.03 3550.75,-2708.63 3990.69,-2739.61 4101.72,-2728.92 4542,-2754.63 4624.12,-2759.43 4842.31,-2735.76 4911.25,-2780.63 4914.92,-2783.02 5036.62,-3015.81 5075.09,-3089.52"/>
-<polygon fill="#757575" stroke="#757575" points="5071.9,-3090.97 5079.63,-3098.22 5078.11,-3087.73 5071.9,-3090.97"/>
-</g>
-<!-- ../components/contacts/ContactRow.js&#45;&gt;../components/animations/index.js -->
-<g id="edge135" class="edge">
-<title>../components/contacts/ContactRow.js&#45;&gt;../components/animations/index.js</title>
-<path fill="none" stroke="#757575" d="M2282.64,-2643.31C2345.07,-2623.7 2458.58,-2579.54 2523.25,-2502.63 3062.43,-1861.44 2943.09,-1533.14 3117,-713.63 3134.01,-633.47 3093.67,-403.16 3153,-346.63 3247.37,-256.71 3608.52,-317.63 3738.88,-317.63 3738.88,-317.63 3738.88,-317.63 6098.12,-317.63 6210.99,-317.63 6505.07,-293.64 6605.25,-345.63 6691.82,-390.56 6749.72,-499.09 6771.6,-546.19"/>
-<polygon fill="#757575" stroke="#757575" points="6768.34,-547.48 6775.65,-555.14 6774.72,-544.59 6768.34,-547.48"/>
-</g>
-<!-- ../components/contacts/ContactRow.js&#45;&gt;../components/coin&#45;row/index.js -->
-<g id="edge136" class="edge">
-<title>../components/contacts/ContactRow.js&#45;&gt;../components/coin&#45;row/index.js</title>
-<path fill="none" stroke="#757575" d="M2360.37,-2661.4C2419.36,-2664.19 2489.73,-2667.52 2547.57,-2670.26"/>
-<polygon fill="#757575" stroke="#757575" points="2547.3,-2673.75 2557.46,-2670.73 2547.63,-2666.76 2547.3,-2673.75"/>
-</g>
-<!-- ../components/contacts/ContactRow.js&#45;&gt;../components/contacts/ContactAvatar.js -->
-<g id="edge137" class="edge">
-<title>../components/contacts/ContactRow.js&#45;&gt;../components/contacts/ContactAvatar.js</title>
-<path fill="none" stroke="#757575" d="M2359.98,-2668C2498.05,-2684.65 2711.18,-2719.15 2765,-2777.63 2840.13,-2859.26 2722.1,-2946.65 2801,-3024.63 2806.59,-3030.15 2812.88,-3034.7 2819.65,-3038.43"/>
-<polygon fill="#757575" stroke="#757575" points="2817.99,-3041.52 2828.52,-3042.67 2821.01,-3035.2 2817.99,-3041.52"/>
-</g>
-<!-- ../components/contacts/ImageAvatar.js -->
-<g id="node90" class="node">
-<title>../components/contacts/ImageAvatar.js</title>
-<path fill="none" stroke="#c6c5fe" d="M5872.71,-4427.51C5872.71,-4427.51 5639.29,-4427.51 5639.29,-4427.51 5635.33,-4427.51 5631.38,-4423.55 5631.38,-4419.59 5631.38,-4419.59 5631.38,-4411.67 5631.38,-4411.67 5631.38,-4407.72 5635.33,-4403.76 5639.29,-4403.76 5639.29,-4403.76 5872.71,-4403.76 5872.71,-4403.76 5876.67,-4403.76 5880.62,-4407.72 5880.62,-4411.67 5880.62,-4411.67 5880.62,-4419.59 5880.62,-4419.59 5880.62,-4423.55 5876.67,-4427.51 5872.71,-4427.51"/>
-<text text-anchor="middle" x="5756" y="-4410.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/contacts/ImageAvatar.js</text>
-</g>
-<!-- ../components/contacts/ContactRow.js&#45;&gt;../components/contacts/ImageAvatar.js -->
-<g id="edge138" class="edge">
-<title>../components/contacts/ContactRow.js&#45;&gt;../components/contacts/ImageAvatar.js</title>
-<path fill="none" stroke="#757575" d="M2251.52,-2667.99C2293.03,-2706.3 2426.45,-2823.94 2559.25,-2881.63 2644.93,-2918.85 2705.12,-2852.93 2765,-2924.63 2860.68,-3039.21 2713.12,-4146.96 2801,-4267.63 2898.65,-4401.71 2989.64,-4362.92 3153,-4391.63 3396.14,-4434.36 5121.04,-4421.62 5620.07,-4416.98"/>
-<polygon fill="#757575" stroke="#757575" points="5619.8,-4420.48 5629.76,-4416.89 5619.73,-4413.49 5619.8,-4420.48"/>
-</g>
-<!-- ../components/contacts/ImageAvatar.js&#45;&gt;../components/layout/index.js -->
-<g id="edge141" class="edge">
-<title>../components/contacts/ImageAvatar.js&#45;&gt;../components/layout/index.js</title>
-<path fill="none" stroke="#757575" d="M5881.12,-4409.84C5981.68,-4404.98 6127.02,-4397.57 6254,-4389.63 6282.21,-4387.87 6312.74,-4385.75 6340.99,-4383.7"/>
-<polygon fill="#757575" stroke="#757575" points="6340.88,-4387.21 6350.6,-4383 6340.37,-4380.23 6340.88,-4387.21"/>
-</g>
-<!-- ../components/contacts/SwipeableContactRow.js -->
-<g id="node91" class="node">
-<title>../components/contacts/SwipeableContactRow.js</title>
-<path fill="none" stroke="#c6c5fe" d="M1906.08,-2530.51C1906.08,-2530.51 1614.17,-2530.51 1614.17,-2530.51 1610.21,-2530.51 1606.25,-2526.55 1606.25,-2522.59 1606.25,-2522.59 1606.25,-2514.67 1606.25,-2514.67 1606.25,-2510.72 1610.21,-2506.76 1614.17,-2506.76 1614.17,-2506.76 1906.08,-2506.76 1906.08,-2506.76 1910.04,-2506.76 1914,-2510.72 1914,-2514.67 1914,-2514.67 1914,-2522.59 1914,-2522.59 1914,-2526.55 1910.04,-2530.51 1906.08,-2530.51"/>
-<text text-anchor="middle" x="1760.12" y="-2513.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/contacts/SwipeableContactRow.js</text>
-</g>
-<!-- ../components/contacts/SwipeableContactRow.js&#45;&gt;../assets/swipeToDelete.png -->
-<g id="edge142" class="edge">
-<title>../components/contacts/SwipeableContactRow.js&#45;&gt;../assets/swipeToDelete.png</title>
-<path fill="none" stroke="#757575" d="M1914.44,-2506.7C1986.22,-2501.11 2069.8,-2494.6 2133.8,-2489.62"/>
-<polygon fill="#757575" stroke="#757575" points="2133.91,-2493.12 2143.6,-2488.85 2133.36,-2486.14 2133.91,-2493.12"/>
-</g>
-<!-- ../components/contacts/SwipeableContactRow.js&#45;&gt;../assets/swipeToEdit.png -->
-<g id="edge143" class="edge">
-<title>../components/contacts/SwipeableContactRow.js&#45;&gt;../assets/swipeToEdit.png</title>
-<path fill="none" stroke="#757575" d="M1873.8,-2506.26C1888.21,-2502.57 1902.47,-2497.8 1915.5,-2491.63 1934.59,-2482.6 1931.99,-2468.7 1951.5,-2460.63 2011.43,-2435.84 2084.48,-2430.9 2141.6,-2431.99"/>
-<polygon fill="#757575" stroke="#757575" points="2141.2,-2435.49 2151.29,-2432.25 2141.38,-2428.49 2141.2,-2435.49"/>
-</g>
-<!-- ../components/contacts/SwipeableContactRow.js&#45;&gt;../components/layout/index.js -->
-<g id="edge147" class="edge">
-<title>../components/contacts/SwipeableContactRow.js&#45;&gt;../components/layout/index.js</title>
-<path fill="none" stroke="#757575" d="M1768.35,-2530.79C1793.55,-2573.89 1878.1,-2724 1915.5,-2859.63 1934.35,-2927.98 1910.5,-3118.79 1951.5,-3176.63 2125.03,-3421.42 2269.52,-3392.61 2559.25,-3470.63 2658.71,-3497.42 6182.58,-3711.41 6254,-3785.63 6341.85,-3876.93 6203.61,-4261.96 6290,-4354.63 6303.43,-4369.04 6321.65,-4377.02 6340.92,-4381.04"/>
-<polygon fill="#757575" stroke="#757575" points="6340.09,-4384.45 6350.54,-4382.67 6341.26,-4377.55 6340.09,-4384.45"/>
-</g>
-<!-- ../components/contacts/SwipeableContactRow.js&#45;&gt;../components/text/index.js -->
-<g id="edge148" class="edge">
-<title>../components/contacts/SwipeableContactRow.js&#45;&gt;../components/text/index.js</title>
-<path fill="none" stroke="#757575" d="M1914.4,-2519.45C2093.51,-2520.34 2398.82,-2521.63 2661.12,-2521.63 2661.12,-2521.63 2661.12,-2521.63 2960,-2521.63 3206.79,-2521.63 3268.94,-2523.71 3514.75,-2545.63 3715.89,-2563.57 3764.56,-2582.04 3965,-2606.63 3978.12,-2608.24 4901.21,-2702.02 4911.25,-2710.63 4958.06,-2750.78 4924.85,-2787.18 4947.25,-2844.63 4984.28,-2939.6 5045.72,-3044.74 5072.94,-3089.51"/>
-<polygon fill="#757575" stroke="#757575" points="5069.94,-3091.32 5078.14,-3098.02 5075.91,-3087.66 5069.94,-3091.32"/>
-</g>
-<!-- ../components/contacts/SwipeableContactRow.js&#45;&gt;../components/animations/index.js -->
-<g id="edge144" class="edge">
-<title>../components/contacts/SwipeableContactRow.js&#45;&gt;../components/animations/index.js</title>
-<path fill="none" stroke="#757575" d="M1882.45,-2506.26C1894.28,-2501.84 1905.56,-2496.09 1915.5,-2488.63 1943.48,-2467.63 1922.26,-2437.84 1951.5,-2418.63 2057.94,-2348.73 2428.88,-2466.12 2523.25,-2380.63 3079.92,-1876.38 2456.27,-1380.95 2801,-713.63 2891.87,-537.73 3012.17,-567.59 3117,-399.63 3143.34,-357.42 3112.9,-323.09 3153,-293.63 3205.48,-255.08 3673.76,-279.63 3738.88,-279.63 3738.88,-279.63 3738.88,-279.63 6098.12,-279.63 6210.99,-279.63 6507.09,-251.93 6605.25,-307.63 6701.16,-362.06 6755.29,-492.79 6773.92,-545.76"/>
-<polygon fill="#757575" stroke="#757575" points="6770.51,-546.61 6777.05,-554.95 6777.14,-544.35 6770.51,-546.61"/>
-</g>
-<!-- ../components/contacts/SwipeableContactRow.js&#45;&gt;../components/contacts/ContactRow.js -->
-<g id="edge145" class="edge">
-<title>../components/contacts/SwipeableContactRow.js&#45;&gt;../components/contacts/ContactRow.js</title>
-<path fill="none" stroke="#757575" d="M1803.72,-2530.91C1890.5,-2555.93 2087.63,-2612.75 2182.88,-2640.21"/>
-<polygon fill="#757575" stroke="#757575" points="2181.67,-2643.51 2192.25,-2642.91 2183.61,-2636.78 2181.67,-2643.51"/>
-</g>
-<!-- ../components/contacts/showDeleteContactActionSheet.js -->
-<g id="node92" class="node">
-<title>../components/contacts/showDeleteContactActionSheet.js</title>
-<path fill="none" stroke="#cfffac" d="M2410.71,-2371.51C2410.71,-2371.51 2064.04,-2371.51 2064.04,-2371.51 2060.08,-2371.51 2056.12,-2367.55 2056.12,-2363.59 2056.12,-2363.59 2056.12,-2355.67 2056.12,-2355.67 2056.12,-2351.72 2060.08,-2347.76 2064.04,-2347.76 2064.04,-2347.76 2410.71,-2347.76 2410.71,-2347.76 2414.67,-2347.76 2418.62,-2351.72 2418.62,-2355.67 2418.62,-2355.67 2418.62,-2363.59 2418.62,-2363.59 2418.62,-2367.55 2414.67,-2371.51 2410.71,-2371.51"/>
-<text text-anchor="middle" x="2237.38" y="-2354.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/contacts/showDeleteContactActionSheet.js</text>
-</g>
-<!-- ../components/contacts/SwipeableContactRow.js&#45;&gt;../components/contacts/showDeleteContactActionSheet.js -->
-<g id="edge146" class="edge">
-<title>../components/contacts/SwipeableContactRow.js&#45;&gt;../components/contacts/showDeleteContactActionSheet.js</title>
-<path fill="none" stroke="#757575" d="M1892.57,-2506.34C1900.82,-2502.4 1908.58,-2497.56 1915.5,-2491.63 1953.29,-2459.27 1912.42,-2416.42 1951.5,-2385.63 2010.63,-2339.05 2099.6,-2338.52 2162.35,-2345.83"/>
-<polygon fill="#757575" stroke="#757575" points="2161.89,-2349.3 2172.25,-2347.08 2162.77,-2342.35 2161.89,-2349.3"/>
-</g>
-<!-- ../components/contacts/index.js -->
-<g id="node93" class="node">
-<title>../components/contacts/index.js</title>
-<path fill="none" stroke="#c6c5fe" d="M1454.71,-2610.51C1454.71,-2610.51 1265.54,-2610.51 1265.54,-2610.51 1261.58,-2610.51 1257.62,-2606.55 1257.62,-2602.59 1257.62,-2602.59 1257.62,-2594.67 1257.62,-2594.67 1257.62,-2590.72 1261.58,-2586.76 1265.54,-2586.76 1265.54,-2586.76 1454.71,-2586.76 1454.71,-2586.76 1458.67,-2586.76 1462.62,-2590.72 1462.62,-2594.67 1462.62,-2594.67 1462.62,-2602.59 1462.62,-2602.59 1462.62,-2606.55 1458.67,-2610.51 1454.71,-2610.51"/>
-<text text-anchor="middle" x="1360.12" y="-2593.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/contacts/index.js</text>
-</g>
-<!-- ../components/contacts/index.js&#45;&gt;../components/contacts/ContactAvatar.js -->
-<g id="edge149" class="edge">
-<title>../components/contacts/index.js&#45;&gt;../components/contacts/ContactAvatar.js</title>
-<path fill="none" stroke="#757575" d="M1462.91,-2606.32C1496.9,-2610.23 1534.76,-2616.04 1568.75,-2624.63 1585.39,-2628.84 1588.16,-2634.2 1604.75,-2638.63 1730.74,-2672.3 2671.91,-2724.31 2765,-2815.63 2832.29,-2881.64 2733.11,-2959.25 2801,-3024.63 2806.66,-3030.08 2813,-3034.57 2819.82,-3038.26"/>
-<polygon fill="#757575" stroke="#757575" points="2818.2,-3041.36 2828.74,-3042.45 2821.18,-3035.03 2818.2,-3041.36"/>
-</g>
-<!-- ../components/contacts/index.js&#45;&gt;../components/contacts/ContactRow.js -->
-<g id="edge150" class="edge">
-<title>../components/contacts/index.js&#45;&gt;../components/contacts/ContactRow.js</title>
-<path fill="none" stroke="#757575" d="M1462.81,-2605.25C1621.27,-2615.57 1927.15,-2635.49 2103.08,-2646.95"/>
-<polygon fill="#757575" stroke="#757575" points="2102.76,-2650.44 2112.96,-2647.59 2103.21,-2643.45 2102.76,-2650.44"/>
-</g>
-<!-- ../components/contacts/index.js&#45;&gt;../components/contacts/SwipeableContactRow.js -->
-<g id="edge151" class="edge">
-<title>../components/contacts/index.js&#45;&gt;../components/contacts/SwipeableContactRow.js</title>
-<path fill="none" stroke="#757575" d="M1422.44,-2586.31C1493.73,-2571.98 1611.25,-2548.36 1686.89,-2533.15"/>
-<polygon fill="#757575" stroke="#757575" points="1687.14,-2536.67 1696.26,-2531.27 1685.76,-2529.81 1687.14,-2536.67"/>
-</g>
-<!-- ../components/contacts/index.js&#45;&gt;../components/contacts/showDeleteContactActionSheet.js -->
-<g id="edge152" class="edge">
-<title>../components/contacts/index.js&#45;&gt;../components/contacts/showDeleteContactActionSheet.js</title>
-<path fill="none" stroke="#757575" d="M1384.97,-2586.41C1427.81,-2565 1521.13,-2520.77 1604.75,-2497.63 1739.31,-2460.39 1801,-2531.52 1915.5,-2451.63 1942.9,-2432.51 1923.57,-2403.98 1951.5,-2385.63 2005.99,-2349.83 2079.52,-2343.91 2138.22,-2346.64"/>
-<polygon fill="#757575" stroke="#757575" points="2137.69,-2350.12 2147.87,-2347.19 2138.08,-2343.13 2137.69,-2350.12"/>
-</g>
-<!-- ../components/context&#45;menu/ContextCircleButton.js -->
-<g id="node94" class="node">
-<title>../components/context&#45;menu/ContextCircleButton.js</title>
-<path fill="none" stroke="#c6c5fe" d="M4899.21,-3681.51C4899.21,-3681.51 4590.04,-3681.51 4590.04,-3681.51 4586.08,-3681.51 4582.12,-3677.55 4582.12,-3673.59 4582.12,-3673.59 4582.12,-3665.67 4582.12,-3665.67 4582.12,-3661.72 4586.08,-3657.76 4590.04,-3657.76 4590.04,-3657.76 4899.21,-3657.76 4899.21,-3657.76 4903.17,-3657.76 4907.12,-3661.72 4907.12,-3665.67 4907.12,-3665.67 4907.12,-3673.59 4907.12,-3673.59 4907.12,-3677.55 4903.17,-3681.51 4899.21,-3681.51"/>
-<text text-anchor="middle" x="4744.62" y="-3664.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/context&#45;menu/ContextCircleButton.js</text>
-</g>
-<!-- ../components/context&#45;menu/ContextCircleButton.js&#45;&gt;../components/text/index.js -->
-<g id="edge153" class="edge">
-<title>../components/context&#45;menu/ContextCircleButton.js&#45;&gt;../components/text/index.js</title>
-<path fill="none" stroke="#757575" d="M4813.53,-3657.32C4846.82,-3648.13 4885.24,-3632.37 4911.25,-3605.63 5047.4,-3465.67 5078.52,-3213.32 5085.03,-3135.28"/>
-<polygon fill="#757575" stroke="#757575" points="5088.51,-3135.66 5085.79,-3125.42 5081.53,-3135.13 5088.51,-3135.66"/>
-</g>
-<!-- ../components/context&#45;menu/ContextMenuButton.js -->
-<g id="node95" class="node">
-<title>../components/context&#45;menu/ContextMenuButton.js</title>
-<path fill="none" stroke="#cfffac" d="M4899.21,-3723.51C4899.21,-3723.51 4590.04,-3723.51 4590.04,-3723.51 4586.08,-3723.51 4582.12,-3719.55 4582.12,-3715.59 4582.12,-3715.59 4582.12,-3707.67 4582.12,-3707.67 4582.12,-3703.72 4586.08,-3699.76 4590.04,-3699.76 4590.04,-3699.76 4899.21,-3699.76 4899.21,-3699.76 4903.17,-3699.76 4907.12,-3703.72 4907.12,-3707.67 4907.12,-3707.67 4907.12,-3715.59 4907.12,-3715.59 4907.12,-3719.55 4903.17,-3723.51 4899.21,-3723.51"/>
-<text text-anchor="middle" x="4744.62" y="-3706.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/context&#45;menu/ContextMenuButton.js</text>
-</g>
-<!-- ../components/context&#45;menu/index.js -->
-<g id="node96" class="node">
-<title>../components/context&#45;menu/index.js</title>
-<path fill="none" stroke="#c6c5fe" d="M4364.21,-3702.51C4364.21,-3702.51 4142.79,-3702.51 4142.79,-3702.51 4138.83,-3702.51 4134.88,-3698.55 4134.88,-3694.59 4134.88,-3694.59 4134.88,-3686.67 4134.88,-3686.67 4134.88,-3682.72 4138.83,-3678.76 4142.79,-3678.76 4142.79,-3678.76 4364.21,-3678.76 4364.21,-3678.76 4368.17,-3678.76 4372.12,-3682.72 4372.12,-3686.67 4372.12,-3686.67 4372.12,-3694.59 4372.12,-3694.59 4372.12,-3698.55 4368.17,-3702.51 4364.21,-3702.51"/>
-<text text-anchor="middle" x="4253.5" y="-3685.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/context&#45;menu/index.js</text>
-</g>
-<!-- ../components/context&#45;menu/index.js&#45;&gt;../components/context&#45;menu/ContextCircleButton.js -->
-<g id="edge154" class="edge">
-<title>../components/context&#45;menu/index.js&#45;&gt;../components/context&#45;menu/ContextCircleButton.js</title>
-<path fill="none" stroke="#757575" d="M4372.59,-3685.56C4431.92,-3683.01 4504.95,-3679.88 4570.48,-3677.07"/>
-<polygon fill="#757575" stroke="#757575" points="4570.42,-3680.57 4580.26,-3676.65 4570.12,-3673.58 4570.42,-3680.57"/>
-</g>
-<!-- ../components/context&#45;menu/index.js&#45;&gt;../components/context&#45;menu/ContextMenuButton.js -->
-<g id="edge155" class="edge">
-<title>../components/context&#45;menu/index.js&#45;&gt;../components/context&#45;menu/ContextMenuButton.js</title>
-<path fill="none" stroke="#757575" d="M4372.59,-3695.7C4431.92,-3698.25 4504.95,-3701.38 4570.48,-3704.2"/>
-<polygon fill="#757575" stroke="#757575" points="4570.12,-3707.69 4580.26,-3704.62 4570.42,-3700.69 4570.12,-3707.69"/>
-</g>
-<!-- ../components/exchange/ConfirmExchangeButton.js -->
-<g id="node97" class="node">
-<title>../components/exchange/ConfirmExchangeButton.js</title>
-<path fill="none" stroke="#c6c5fe" d="M745.46,-2467.51C745.46,-2467.51 433.29,-2467.51 433.29,-2467.51 429.33,-2467.51 425.38,-2463.55 425.38,-2459.59 425.38,-2459.59 425.38,-2451.67 425.38,-2451.67 425.38,-2447.72 429.33,-2443.76 433.29,-2443.76 433.29,-2443.76 745.46,-2443.76 745.46,-2443.76 749.42,-2443.76 753.38,-2447.72 753.38,-2451.67 753.38,-2451.67 753.38,-2459.59 753.38,-2459.59 753.38,-2463.55 749.42,-2467.51 745.46,-2467.51"/>
-<text text-anchor="middle" x="589.38" y="-2450.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/exchange/ConfirmExchangeButton.js</text>
-</g>
-<!-- ../components/exchange/ConfirmExchangeButton.js&#45;&gt;../components/buttons/index.js -->
-<g id="edge156" class="edge">
-<title>../components/exchange/ConfirmExchangeButton.js&#45;&gt;../components/buttons/index.js</title>
-<path fill="none" stroke="#757575" d="M631.76,-2443.36C667.05,-2431.81 718.28,-2412.44 758.25,-2386.63 776.74,-2374.69 774.35,-2362.02 794.25,-2352.63 1023.08,-2244.64 1106.09,-2281.63 1359.12,-2281.63 1359.12,-2281.63 1359.12,-2281.63 3334.88,-2281.63 3503.35,-2281.63 4005.11,-2388.87 4186.3,-2428.85"/>
-<polygon fill="#757575" stroke="#757575" points="4185.51,-2432.26 4196.03,-2431 4187.02,-2425.42 4185.51,-2432.26"/>
-</g>
-<!-- ../components/exchange/CurrencySelectModalHeader.tsx -->
-<g id="node98" class="node">
-<title>../components/exchange/CurrencySelectModalHeader.tsx</title>
-<path fill="none" stroke="#c6c5fe" d="M3506.83,-4921.51C3506.83,-4921.51 3160.92,-4921.51 3160.92,-4921.51 3156.96,-4921.51 3153,-4917.55 3153,-4913.59 3153,-4913.59 3153,-4905.67 3153,-4905.67 3153,-4901.72 3156.96,-4897.76 3160.92,-4897.76 3160.92,-4897.76 3506.83,-4897.76 3506.83,-4897.76 3510.79,-4897.76 3514.75,-4901.72 3514.75,-4905.67 3514.75,-4905.67 3514.75,-4913.59 3514.75,-4913.59 3514.75,-4917.55 3510.79,-4921.51 3506.83,-4921.51"/>
-<text text-anchor="middle" x="3333.88" y="-4904.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/exchange/CurrencySelectModalHeader.tsx</text>
-</g>
-<!-- ../components/exchange/CurrencySelectModalHeader.tsx&#45;&gt;../components/coin&#45;icon/RainbowCoinIcon.tsx -->
-<g id="edge157" class="edge">
-<title>../components/exchange/CurrencySelectModalHeader.tsx&#45;&gt;../components/coin&#45;icon/RainbowCoinIcon.tsx</title>
-<path fill="none" stroke="#757575" d="M3340.32,-4897.56C3366.19,-4839.48 3477.02,-4582.39 3514.75,-4358.63 3550.56,-4146.26 3481.55,-2624.58 3550.75,-2420.63 3584.99,-2319.71 3675.14,-2225.51 3716.97,-2185.65"/>
-<polygon fill="#757575" stroke="#757575" points="3719.13,-2188.42 3724.02,-2179.02 3714.34,-2183.32 3719.13,-2188.42"/>
-</g>
-<!-- ../components/header/index.js -->
-<g id="node99" class="node">
-<title>../components/header/index.js</title>
-<path fill="none" stroke="#c6c5fe" d="M4343.96,-4311.51C4343.96,-4311.51 4163.04,-4311.51 4163.04,-4311.51 4159.08,-4311.51 4155.12,-4307.55 4155.12,-4303.59 4155.12,-4303.59 4155.12,-4295.67 4155.12,-4295.67 4155.12,-4291.72 4159.08,-4287.76 4163.04,-4287.76 4163.04,-4287.76 4343.96,-4287.76 4343.96,-4287.76 4347.92,-4287.76 4351.88,-4291.72 4351.88,-4295.67 4351.88,-4295.67 4351.88,-4303.59 4351.88,-4303.59 4351.88,-4307.55 4347.92,-4311.51 4343.96,-4311.51"/>
-<text text-anchor="middle" x="4253.5" y="-4294.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/header/index.js</text>
-</g>
-<!-- ../components/exchange/CurrencySelectModalHeader.tsx&#45;&gt;../components/header/index.js -->
-<g id="edge158" class="edge">
-<title>../components/exchange/CurrencySelectModalHeader.tsx&#45;&gt;../components/header/index.js</title>
-<path fill="none" stroke="#757575" d="M3340.02,-4897.46C3360.1,-4851.26 3437.75,-4684.8 3550.75,-4592.63 3749.02,-4430.9 4049.27,-4346.12 4183.47,-4314.47"/>
-<polygon fill="#757575" stroke="#757575" points="4183.97,-4317.95 4192.91,-4312.27 4182.38,-4311.13 4183.97,-4317.95"/>
-</g>
-<!-- ../components/sheet/index.js -->
-<g id="node100" class="node">
-<title>../components/sheet/index.js</title>
-<path fill="none" stroke="#c6c5fe" d="M4339.46,-4935.51C4339.46,-4935.51 4167.54,-4935.51 4167.54,-4935.51 4163.58,-4935.51 4159.62,-4931.55 4159.62,-4927.59 4159.62,-4927.59 4159.62,-4919.67 4159.62,-4919.67 4159.62,-4915.72 4163.58,-4911.76 4167.54,-4911.76 4167.54,-4911.76 4339.46,-4911.76 4339.46,-4911.76 4343.42,-4911.76 4347.38,-4915.72 4347.38,-4919.67 4347.38,-4919.67 4347.38,-4927.59 4347.38,-4927.59 4347.38,-4931.55 4343.42,-4935.51 4339.46,-4935.51"/>
-<text text-anchor="middle" x="4253.5" y="-4918.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/sheet/index.js</text>
-</g>
-<!-- ../components/exchange/CurrencySelectModalHeader.tsx&#45;&gt;../components/sheet/index.js -->
-<g id="edge159" class="edge">
-<title>../components/exchange/CurrencySelectModalHeader.tsx&#45;&gt;../components/sheet/index.js</title>
-<path fill="none" stroke="#757575" d="M3515.07,-4912.38C3703.86,-4915.26 3993.93,-4919.69 4147.97,-4922.04"/>
-<polygon fill="#757575" stroke="#757575" points="4147.71,-4925.53 4157.76,-4922.19 4147.82,-4918.53 4147.71,-4925.53"/>
-</g>
-<!-- ../hooks/useMagicAutofocus.ts -->
-<g id="node101" class="node">
-<title>../hooks/useMagicAutofocus.ts</title>
-<path fill="none" stroke="#c6c5fe" d="M3831.83,-5090.51C3831.83,-5090.51 3647.92,-5090.51 3647.92,-5090.51 3643.96,-5090.51 3640,-5086.55 3640,-5082.59 3640,-5082.59 3640,-5074.67 3640,-5074.67 3640,-5070.72 3643.96,-5066.76 3647.92,-5066.76 3647.92,-5066.76 3831.83,-5066.76 3831.83,-5066.76 3835.79,-5066.76 3839.75,-5070.72 3839.75,-5074.67 3839.75,-5074.67 3839.75,-5082.59 3839.75,-5082.59 3839.75,-5086.55 3835.79,-5090.51 3831.83,-5090.51"/>
-<text text-anchor="middle" x="3739.88" y="-5073.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../hooks/useMagicAutofocus.ts</text>
-</g>
-<!-- ../components/exchange/CurrencySelectModalHeader.tsx&#45;&gt;../hooks/useMagicAutofocus.ts -->
-<g id="edge160" class="edge">
-<title>../components/exchange/CurrencySelectModalHeader.tsx&#45;&gt;../hooks/useMagicAutofocus.ts</title>
-<path fill="none" stroke="#757575" d="M3364.26,-4921.92C3435.59,-4951.76 3618.01,-5028.07 3699.05,-5061.97"/>
-<polygon fill="#757575" stroke="#757575" points="3697.36,-5065.06 3707.94,-5065.69 3700.06,-5058.6 3697.36,-5065.06"/>
-</g>
-<!-- ../components/header/BackButton.js -->
-<g id="node145" class="node">
-<title>../components/header/BackButton.js</title>
-<path fill="none" stroke="#c6c5fe" d="M4853.46,-3967.51C4853.46,-3967.51 4635.79,-3967.51 4635.79,-3967.51 4631.83,-3967.51 4627.88,-3963.55 4627.88,-3959.59 4627.88,-3959.59 4627.88,-3951.67 4627.88,-3951.67 4627.88,-3947.72 4631.83,-3943.76 4635.79,-3943.76 4635.79,-3943.76 4853.46,-3943.76 4853.46,-3943.76 4857.42,-3943.76 4861.38,-3947.72 4861.38,-3951.67 4861.38,-3951.67 4861.38,-3959.59 4861.38,-3959.59 4861.38,-3963.55 4857.42,-3967.51 4853.46,-3967.51"/>
-<text text-anchor="middle" x="4744.62" y="-3950.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/header/BackButton.js</text>
-</g>
-<!-- ../components/header/index.js&#45;&gt;../components/header/BackButton.js -->
-<g id="edge275" class="edge">
-<title>../components/header/index.js&#45;&gt;../components/header/BackButton.js</title>
-<path fill="none" stroke="#757575" d="M4352.1,-4311.51C4411.14,-4313.91 4485.64,-4308.03 4542,-4273.63 4657.35,-4203.24 4717.88,-4039.18 4736.91,-3978.62"/>
-<polygon fill="#757575" stroke="#757575" points="4740.15,-3979.98 4739.72,-3969.4 4733.46,-3977.94 4740.15,-3979.98"/>
-</g>
-<!-- ../components/header/HeaderButton.js -->
-<g id="node146" class="node">
-<title>../components/header/HeaderButton.js</title>
-<path fill="none" stroke="#c6c5fe" d="M5203.58,-2835.51C5203.58,-2835.51 4971.67,-2835.51 4971.67,-2835.51 4967.71,-2835.51 4963.75,-2831.55 4963.75,-2827.59 4963.75,-2827.59 4963.75,-2819.67 4963.75,-2819.67 4963.75,-2815.72 4967.71,-2811.76 4971.67,-2811.76 4971.67,-2811.76 5203.58,-2811.76 5203.58,-2811.76 5207.54,-2811.76 5211.5,-2815.72 5211.5,-2819.67 5211.5,-2819.67 5211.5,-2827.59 5211.5,-2827.59 5211.5,-2831.55 5207.54,-2835.51 5203.58,-2835.51"/>
-<text text-anchor="middle" x="5087.62" y="-2818.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/header/HeaderButton.js</text>
-</g>
-<!-- ../components/header/index.js&#45;&gt;../components/header/HeaderButton.js -->
-<g id="edge277" class="edge">
-<title>../components/header/index.js&#45;&gt;../components/header/HeaderButton.js</title>
-<path fill="none" stroke="#757575" d="M4352.33,-4294.15C4417.23,-4284.88 4498.22,-4261.33 4542,-4202.63 4607.94,-4114.22 4503.08,-3291.58 4578,-3210.63 4679.26,-3101.23 4805.97,-3278.17 4911.25,-3172.63 5013.26,-3070.36 4848.93,-2955.45 4947.25,-2849.63 4949.68,-2847.01 4952.29,-2844.6 4955.04,-2842.4"/>
-<polygon fill="#757575" stroke="#757575" points="4956.82,-2845.43 4963.05,-2836.86 4952.84,-2839.67 4956.82,-2845.43"/>
-</g>
-<!-- ../components/header/Header.js -->
-<g id="node149" class="node">
-<title>../components/header/Header.js</title>
-<path fill="none" stroke="#c6c5fe" d="M6193.21,-4567.51C6193.21,-4567.51 6001.04,-4567.51 6001.04,-4567.51 5997.08,-4567.51 5993.12,-4563.55 5993.12,-4559.59 5993.12,-4559.59 5993.12,-4551.67 5993.12,-4551.67 5993.12,-4547.72 5997.08,-4543.76 6001.04,-4543.76 6001.04,-4543.76 6193.21,-4543.76 6193.21,-4543.76 6197.17,-4543.76 6201.12,-4547.72 6201.12,-4551.67 6201.12,-4551.67 6201.12,-4559.59 6201.12,-4559.59 6201.12,-4563.55 6197.17,-4567.51 6193.21,-4567.51"/>
-<text text-anchor="middle" x="6097.12" y="-4550.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/header/Header.js</text>
-</g>
-<!-- ../components/header/index.js&#45;&gt;../components/header/Header.js -->
-<g id="edge276" class="edge">
-<title>../components/header/index.js&#45;&gt;../components/header/Header.js</title>
-<path fill="none" stroke="#757575" d="M4288.48,-4311.86C4347.61,-4334.74 4470,-4389.34 4542,-4472.63 4569.1,-4503.98 4543.94,-4535.04 4578,-4558.63 4763.95,-4687.45 4860.41,-4577.63 5086.62,-4577.63 5086.62,-4577.63 5086.62,-4577.63 5418.88,-4577.63 5616.83,-4577.63 5847.15,-4568.13 5981.77,-4561.61"/>
-<polygon fill="#757575" stroke="#757575" points="5981.57,-4565.13 5991.38,-4561.14 5981.22,-4558.13 5981.57,-4565.13"/>
-</g>
-<!-- ../components/sheet/DynamicHeightSheet.js -->
-<g id="node246" class="node">
-<title>../components/sheet/DynamicHeightSheet.js</title>
-<path fill="none" stroke="#c6c5fe" d="M4878.21,-4941.51C4878.21,-4941.51 4611.04,-4941.51 4611.04,-4941.51 4607.08,-4941.51 4603.12,-4937.55 4603.12,-4933.59 4603.12,-4933.59 4603.12,-4925.67 4603.12,-4925.67 4603.12,-4921.72 4607.08,-4917.76 4611.04,-4917.76 4611.04,-4917.76 4878.21,-4917.76 4878.21,-4917.76 4882.17,-4917.76 4886.12,-4921.72 4886.12,-4925.67 4886.12,-4925.67 4886.12,-4933.59 4886.12,-4933.59 4886.12,-4937.55 4882.17,-4941.51 4878.21,-4941.51"/>
-<text text-anchor="middle" x="4744.62" y="-4924.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/sheet/DynamicHeightSheet.js</text>
-</g>
-<!-- ../components/sheet/index.js&#45;&gt;../components/sheet/DynamicHeightSheet.js -->
-<g id="edge477" class="edge">
-<title>../components/sheet/index.js&#45;&gt;../components/sheet/DynamicHeightSheet.js</title>
-<path fill="none" stroke="#757575" d="M4347.65,-4924.77C4416.48,-4925.62 4511.69,-4926.79 4591.5,-4927.77"/>
-<polygon fill="#757575" stroke="#757575" points="4591.1,-4931.26 4601.14,-4927.88 4591.18,-4924.26 4591.1,-4931.26"/>
-</g>
-<!-- ../components/sheet/Sheet.js -->
-<g id="node247" class="node">
-<title>../components/sheet/Sheet.js</title>
-<path fill="none" stroke="#c6c5fe" d="M4832.08,-4983.51C4832.08,-4983.51 4657.17,-4983.51 4657.17,-4983.51 4653.21,-4983.51 4649.25,-4979.55 4649.25,-4975.59 4649.25,-4975.59 4649.25,-4967.67 4649.25,-4967.67 4649.25,-4963.72 4653.21,-4959.76 4657.17,-4959.76 4657.17,-4959.76 4832.08,-4959.76 4832.08,-4959.76 4836.04,-4959.76 4840,-4963.72 4840,-4967.67 4840,-4967.67 4840,-4975.59 4840,-4975.59 4840,-4979.55 4836.04,-4983.51 4832.08,-4983.51"/>
-<text text-anchor="middle" x="4744.62" y="-4966.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/sheet/Sheet.js</text>
-</g>
-<!-- ../components/sheet/index.js&#45;&gt;../components/sheet/Sheet.js -->
-<g id="edge478" class="edge">
-<title>../components/sheet/index.js&#45;&gt;../components/sheet/Sheet.js</title>
-<path fill="none" stroke="#757575" d="M4347.65,-4932.77C4430.42,-4940.9 4551.32,-4952.76 4637.73,-4961.24"/>
-<polygon fill="#757575" stroke="#757575" points="4637.35,-4964.72 4647.65,-4962.21 4638.04,-4957.75 4637.35,-4964.72"/>
-</g>
-<!-- ../components/sheet/SheetHandle.js -->
-<g id="node248" class="node">
-<title>../components/sheet/SheetHandle.js</title>
-<path fill="none" stroke="#cfffac" d="M5196.46,-5021.51C5196.46,-5021.51 4978.79,-5021.51 4978.79,-5021.51 4974.83,-5021.51 4970.88,-5017.55 4970.88,-5013.59 4970.88,-5013.59 4970.88,-5005.67 4970.88,-5005.67 4970.88,-5001.72 4974.83,-4997.76 4978.79,-4997.76 4978.79,-4997.76 5196.46,-4997.76 5196.46,-4997.76 5200.42,-4997.76 5204.38,-5001.72 5204.38,-5005.67 5204.38,-5005.67 5204.38,-5013.59 5204.38,-5013.59 5204.38,-5017.55 5200.42,-5021.51 5196.46,-5021.51"/>
-<text text-anchor="middle" x="5087.62" y="-5004.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/sheet/SheetHandle.js</text>
-</g>
-<!-- ../components/sheet/index.js&#45;&gt;../components/sheet/SheetHandle.js -->
-<g id="edge480" class="edge">
-<title>../components/sheet/index.js&#45;&gt;../components/sheet/SheetHandle.js</title>
-<path fill="none" stroke="#757575" d="M4347.79,-4929.72C4405.21,-4935.68 4479.53,-4947.45 4542,-4970.63 4559.58,-4977.15 4560.04,-4987.25 4578,-4992.63 4705.29,-5030.75 4858.56,-5029.95 4963.36,-5022.8"/>
-<polygon fill="#757575" stroke="#757575" points="4963.38,-5026.31 4973.11,-5022.1 4962.88,-5019.33 4963.38,-5026.31"/>
-</g>
-<!-- ../components/sheet/SheetDivider.js -->
-<g id="node249" class="node">
-<title>../components/sheet/SheetDivider.js</title>
-<path fill="none" stroke="#cfffac" d="M4852.71,-4857.51C4852.71,-4857.51 4636.54,-4857.51 4636.54,-4857.51 4632.58,-4857.51 4628.62,-4853.55 4628.62,-4849.59 4628.62,-4849.59 4628.62,-4841.67 4628.62,-4841.67 4628.62,-4837.72 4632.58,-4833.76 4636.54,-4833.76 4636.54,-4833.76 4852.71,-4833.76 4852.71,-4833.76 4856.67,-4833.76 4860.62,-4837.72 4860.62,-4841.67 4860.62,-4841.67 4860.62,-4849.59 4860.62,-4849.59 4860.62,-4853.55 4856.67,-4857.51 4852.71,-4857.51"/>
-<text text-anchor="middle" x="4744.62" y="-4840.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/sheet/SheetDivider.js</text>
-</g>
-<!-- ../components/sheet/index.js&#45;&gt;../components/sheet/SheetDivider.js -->
-<g id="edge479" class="edge">
-<title>../components/sheet/index.js&#45;&gt;../components/sheet/SheetDivider.js</title>
-<path fill="none" stroke="#757575" d="M4319.1,-4911.3C4384.29,-4899.08 4487.92,-4880.27 4578,-4866.63 4594.46,-4864.14 4611.86,-4861.71 4628.97,-4859.44"/>
-<polygon fill="#757575" stroke="#757575" points="4629.19,-4862.94 4638.65,-4858.17 4628.28,-4856 4629.19,-4862.94"/>
-</g>
-<!-- ../components/sheet/SheetKeyboardAnimation.js -->
-<g id="node250" class="node">
-<title>../components/sheet/SheetKeyboardAnimation.js</title>
-<path fill="none" stroke="#cfffac" d="M4891.33,-4899.51C4891.33,-4899.51 4597.92,-4899.51 4597.92,-4899.51 4593.96,-4899.51 4590,-4895.55 4590,-4891.59 4590,-4891.59 4590,-4883.67 4590,-4883.67 4590,-4879.72 4593.96,-4875.76 4597.92,-4875.76 4597.92,-4875.76 4891.33,-4875.76 4891.33,-4875.76 4895.29,-4875.76 4899.25,-4879.72 4899.25,-4883.67 4899.25,-4883.67 4899.25,-4891.59 4899.25,-4891.59 4899.25,-4895.55 4895.29,-4899.51 4891.33,-4899.51"/>
-<text text-anchor="middle" x="4744.62" y="-4882.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/sheet/SheetKeyboardAnimation.js</text>
-</g>
-<!-- ../components/sheet/index.js&#45;&gt;../components/sheet/SheetKeyboardAnimation.js -->
-<g id="edge481" class="edge">
-<title>../components/sheet/index.js&#45;&gt;../components/sheet/SheetKeyboardAnimation.js</title>
-<path fill="none" stroke="#757575" d="M4347.65,-4916.78C4412.77,-4911.98 4501.51,-4905.45 4578.47,-4899.79"/>
-<polygon fill="#757575" stroke="#757575" points="4578.51,-4903.29 4588.23,-4899.07 4578,-4896.31 4578.51,-4903.29"/>
-</g>
-<!-- ../components/sheet/SheetTitle.js -->
-<g id="node251" class="node">
-<title>../components/sheet/SheetTitle.js</title>
-<path fill="none" stroke="#c6c5fe" d="M4844.83,-3803.51C4844.83,-3803.51 4644.42,-3803.51 4644.42,-3803.51 4640.46,-3803.51 4636.5,-3799.55 4636.5,-3795.59 4636.5,-3795.59 4636.5,-3787.67 4636.5,-3787.67 4636.5,-3783.72 4640.46,-3779.76 4644.42,-3779.76 4644.42,-3779.76 4844.83,-3779.76 4844.83,-3779.76 4848.79,-3779.76 4852.75,-3783.72 4852.75,-3787.67 4852.75,-3787.67 4852.75,-3795.59 4852.75,-3795.59 4852.75,-3799.55 4848.79,-3803.51 4844.83,-3803.51"/>
-<text text-anchor="middle" x="4744.62" y="-3786.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/sheet/SheetTitle.js</text>
-</g>
-<!-- ../components/sheet/index.js&#45;&gt;../components/sheet/SheetTitle.js -->
-<g id="edge482" class="edge">
-<title>../components/sheet/index.js&#45;&gt;../components/sheet/SheetTitle.js</title>
-<path fill="none" stroke="#757575" d="M4271.36,-4911.31C4323.42,-4872.13 4481.72,-4744.13 4542,-4594.63 4572.95,-4517.87 4528.68,-3917.09 4578,-3850.63 4593.45,-3829.81 4616.88,-3816.32 4641.29,-3807.57"/>
-<polygon fill="#757575" stroke="#757575" points="4642.33,-3810.91 4650.73,-3804.47 4640.14,-3804.27 4642.33,-3810.91"/>
-</g>
-<!-- ../hooks/useInteraction.ts -->
-<g id="node281" class="node">
-<title>../hooks/useInteraction.ts</title>
-<path fill="none" stroke="#cfffac" d="M4328.58,-5090.51C4328.58,-5090.51 4178.42,-5090.51 4178.42,-5090.51 4174.46,-5090.51 4170.5,-5086.55 4170.5,-5082.59 4170.5,-5082.59 4170.5,-5074.67 4170.5,-5074.67 4170.5,-5070.72 4174.46,-5066.76 4178.42,-5066.76 4178.42,-5066.76 4328.58,-5066.76 4328.58,-5066.76 4332.54,-5066.76 4336.5,-5070.72 4336.5,-5074.67 4336.5,-5074.67 4336.5,-5082.59 4336.5,-5082.59 4336.5,-5086.55 4332.54,-5090.51 4328.58,-5090.51"/>
-<text text-anchor="middle" x="4253.5" y="-5073.21" font-family="Arial" font-size="14.00" fill="#cfffac">../hooks/useInteraction.ts</text>
-</g>
-<!-- ../hooks/useMagicAutofocus.ts&#45;&gt;../hooks/useInteraction.ts -->
-<g id="edge531" class="edge">
-<title>../hooks/useMagicAutofocus.ts&#45;&gt;../hooks/useInteraction.ts</title>
-<path fill="none" stroke="#757575" d="M3840.13,-5078.63C3932.37,-5078.63 4068.74,-5078.63 4159.06,-5078.63"/>
-<polygon fill="#757575" stroke="#757575" points="4158.88,-5082.13 4168.88,-5078.63 4158.88,-5075.13 4158.88,-5082.13"/>
-</g>
-<!-- ../components/exchange/CurrencySelectionList.tsx -->
-<g id="node102" class="node">
-<title>../components/exchange/CurrencySelectionList.tsx</title>
-<path fill="none" stroke="#c6c5fe" d="M741.33,-3682.51C741.33,-3682.51 437.42,-3682.51 437.42,-3682.51 433.46,-3682.51 429.5,-3678.55 429.5,-3674.59 429.5,-3674.59 429.5,-3666.67 429.5,-3666.67 429.5,-3662.72 433.46,-3658.76 437.42,-3658.76 437.42,-3658.76 741.33,-3658.76 741.33,-3658.76 745.29,-3658.76 749.25,-3662.72 749.25,-3666.67 749.25,-3666.67 749.25,-3674.59 749.25,-3674.59 749.25,-3678.55 745.29,-3682.51 741.33,-3682.51"/>
-<text text-anchor="middle" x="589.38" y="-3665.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/exchange/CurrencySelectionList.tsx</text>
-</g>
-<!-- ../components/exchange/CurrencySelectionList.tsx&#45;&gt;../components/layout/index.js -->
-<g id="edge165" class="edge">
-<title>../components/exchange/CurrencySelectionList.tsx&#45;&gt;../components/layout/index.js</title>
-<path fill="none" stroke="#757575" d="M748.67,-3682.79C752.07,-3685.45 755.27,-3688.38 758.25,-3691.63 829.2,-3768.99 732.64,-4550.65 794.25,-4635.63 951.37,-4852.36 1091.44,-4844.63 1359.12,-4844.63 1359.12,-4844.63 1359.12,-4844.63 2663.12,-4844.63 3740.38,-4844.63 4009.37,-4805.63 5086.62,-4805.63 5086.62,-4805.63 5086.62,-4805.63 5757,-4805.63 5867.84,-4805.63 6162.34,-4825.95 6254,-4763.63 6385.42,-4674.27 6431.13,-4468.07 6443.08,-4398.8"/>
-<polygon fill="#757575" stroke="#757575" points="6446.46,-4399.79 6444.63,-4389.36 6439.56,-4398.66 6446.46,-4399.79"/>
-</g>
-<!-- ../components/exchange/CurrencySelectionList.tsx&#45;&gt;../components/list/index.js -->
-<g id="edge167" class="edge">
-<title>../components/exchange/CurrencySelectionList.tsx&#45;&gt;../components/list/index.js</title>
-<path fill="none" stroke="#757575" d="M743.98,-3682.9C748.95,-3685.46 753.73,-3688.36 758.25,-3691.63 1088.41,-3930.3 807.13,-4301.95 1151.5,-4519.63 1308.25,-4618.72 1383.31,-4519.83 1568.75,-4519.63 1992.97,-4519.19 2100.01,-4546.46 2523.25,-4517.63 2788.91,-4499.54 2914.68,-4610.75 3117,-4437.63 3159.63,-4401.15 3122.29,-4363.59 3153,-4316.63 3192.01,-4256.98 3261.3,-4208.09 3301.54,-4182.96"/>
-<polygon fill="#757575" stroke="#757575" points="3303.37,-4185.95 3310.06,-4177.74 3299.71,-4179.98 3303.37,-4185.95"/>
-</g>
-<!-- ../components/exchange/CurrencySelectionList.tsx&#45;&gt;../components/asset&#45;list/index.js -->
-<g id="edge161" class="edge">
-<title>../components/exchange/CurrencySelectionList.tsx&#45;&gt;../components/asset&#45;list/index.js</title>
-<path fill="none" stroke="#757575" d="M748.62,-3682.84C752.03,-3685.48 755.25,-3688.4 758.25,-3691.63 811.64,-3749.09 767.98,-4322.73 794.25,-4396.63 823.92,-4480.11 896.69,-4559.06 932.82,-4594.74"/>
-<polygon fill="#757575" stroke="#757575" points="930.07,-4596.94 939.67,-4601.41 934.95,-4591.93 930.07,-4596.94"/>
-</g>
-<!-- ../components/exchange/CurrencySelectionList.tsx&#45;&gt;../components/exchange/CurrencySelectModalHeader.tsx -->
-<g id="edge162" class="edge">
-<title>../components/exchange/CurrencySelectionList.tsx&#45;&gt;../components/exchange/CurrencySelectModalHeader.tsx</title>
-<path fill="none" stroke="#757575" d="M748.7,-3682.76C752.09,-3685.43 755.28,-3688.37 758.25,-3691.63 845.59,-3787.56 703.05,-4766.37 794.25,-4858.63 882.57,-4947.99 1233.48,-4882.63 1359.12,-4882.63 1359.12,-4882.63 1359.12,-4882.63 2663.12,-4882.63 2824.56,-4882.63 3007.71,-4890.56 3141.63,-4897.82"/>
-<polygon fill="#757575" stroke="#757575" points="3141.12,-4901.3 3151.29,-4898.35 3141.5,-4894.31 3141.12,-4901.3"/>
-</g>
-<!-- ../components/exchange/ExchangeAssetList.tsx -->
-<g id="node103" class="node">
-<title>../components/exchange/ExchangeAssetList.tsx</title>
-<path fill="none" stroke="#c6c5fe" d="M1098.58,-2610.51C1098.58,-2610.51 811.17,-2610.51 811.17,-2610.51 807.21,-2610.51 803.25,-2606.55 803.25,-2602.59 803.25,-2602.59 803.25,-2594.67 803.25,-2594.67 803.25,-2590.72 807.21,-2586.76 811.17,-2586.76 811.17,-2586.76 1098.58,-2586.76 1098.58,-2586.76 1102.54,-2586.76 1106.5,-2590.72 1106.5,-2594.67 1106.5,-2594.67 1106.5,-2602.59 1106.5,-2602.59 1106.5,-2606.55 1102.54,-2610.51 1098.58,-2610.51"/>
-<text text-anchor="middle" x="954.88" y="-2593.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/exchange/ExchangeAssetList.tsx</text>
-</g>
-<!-- ../components/exchange/CurrencySelectionList.tsx&#45;&gt;../components/exchange/ExchangeAssetList.tsx -->
-<g id="edge163" class="edge">
-<title>../components/exchange/CurrencySelectionList.tsx&#45;&gt;../components/exchange/ExchangeAssetList.tsx</title>
-<path fill="none" stroke="#757575" d="M594.46,-3658.59C630.68,-3551.76 896.94,-2766.55 946.09,-2621.6"/>
-<polygon fill="#757575" stroke="#757575" points="949.32,-2622.95 949.22,-2612.36 942.69,-2620.7 949.32,-2622.95"/>
-</g>
-<!-- ../components/exchange/ExchangeSearch.tsx -->
-<g id="node104" class="node">
-<title>../components/exchange/ExchangeSearch.tsx</title>
-<path fill="none" stroke="#c6c5fe" d="M1092.58,-2211.51C1092.58,-2211.51 817.17,-2211.51 817.17,-2211.51 813.21,-2211.51 809.25,-2207.55 809.25,-2203.59 809.25,-2203.59 809.25,-2195.67 809.25,-2195.67 809.25,-2191.72 813.21,-2187.76 817.17,-2187.76 817.17,-2187.76 1092.58,-2187.76 1092.58,-2187.76 1096.54,-2187.76 1100.5,-2191.72 1100.5,-2195.67 1100.5,-2195.67 1100.5,-2203.59 1100.5,-2203.59 1100.5,-2207.55 1096.54,-2211.51 1092.58,-2211.51"/>
-<text text-anchor="middle" x="954.88" y="-2194.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/exchange/ExchangeSearch.tsx</text>
-</g>
-<!-- ../components/exchange/CurrencySelectionList.tsx&#45;&gt;../components/exchange/ExchangeSearch.tsx -->
-<g id="edge164" class="edge">
-<title>../components/exchange/CurrencySelectionList.tsx&#45;&gt;../components/exchange/ExchangeSearch.tsx</title>
-<path fill="none" stroke="#757575" d="M592.34,-3658.31C606.75,-3567.93 697.1,-2997.94 758.25,-2532.63 767.34,-2463.43 745.29,-2270.37 794.25,-2220.63 796.08,-2218.77 797.99,-2217.02 799.97,-2215.37"/>
-<polygon fill="#757575" stroke="#757575" points="801.82,-2218.35 807.86,-2209.65 797.71,-2212.68 801.82,-2218.35"/>
-</g>
-<!-- ../components/list/NoResults.tsx -->
-<g id="node105" class="node">
-<title>../components/list/NoResults.tsx</title>
-<path fill="none" stroke="#cfffac" d="M1051.33,-3703.51C1051.33,-3703.51 858.42,-3703.51 858.42,-3703.51 854.46,-3703.51 850.5,-3699.55 850.5,-3695.59 850.5,-3695.59 850.5,-3687.67 850.5,-3687.67 850.5,-3683.72 854.46,-3679.76 858.42,-3679.76 858.42,-3679.76 1051.33,-3679.76 1051.33,-3679.76 1055.29,-3679.76 1059.25,-3683.72 1059.25,-3687.67 1059.25,-3687.67 1059.25,-3695.59 1059.25,-3695.59 1059.25,-3699.55 1055.29,-3703.51 1051.33,-3703.51"/>
-<text text-anchor="middle" x="954.88" y="-3686.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/list/NoResults.tsx</text>
-</g>
-<!-- ../components/exchange/CurrencySelectionList.tsx&#45;&gt;../components/list/NoResults.tsx -->
-<g id="edge166" class="edge">
-<title>../components/exchange/CurrencySelectionList.tsx&#45;&gt;../components/list/NoResults.tsx</title>
-<path fill="none" stroke="#757575" d="M749.55,-3679.83C779.63,-3681.57 810.55,-3683.35 838.94,-3684.99"/>
-<polygon fill="#757575" stroke="#757575" points="838.41,-3688.47 848.6,-3685.55 838.82,-3681.48 838.41,-3688.47"/>
-</g>
-<!-- ../utils/index.ts -->
-<g id="node106" class="node">
-<title>../utils/index.ts</title>
-<path fill="none" stroke="#c6c5fe" d="M997.71,-3661.51C997.71,-3661.51 912.04,-3661.51 912.04,-3661.51 908.08,-3661.51 904.12,-3657.55 904.12,-3653.59 904.12,-3653.59 904.12,-3645.67 904.12,-3645.67 904.12,-3641.72 908.08,-3637.76 912.04,-3637.76 912.04,-3637.76 997.71,-3637.76 997.71,-3637.76 1001.67,-3637.76 1005.62,-3641.72 1005.62,-3645.67 1005.62,-3645.67 1005.62,-3653.59 1005.62,-3653.59 1005.62,-3657.55 1001.67,-3661.51 997.71,-3661.51"/>
-<text text-anchor="middle" x="954.88" y="-3644.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../utils/index.ts</text>
-</g>
-<!-- ../components/exchange/CurrencySelectionList.tsx&#45;&gt;../utils/index.ts -->
-<g id="edge168" class="edge">
-<title>../components/exchange/CurrencySelectionList.tsx&#45;&gt;../utils/index.ts</title>
-<path fill="none" stroke="#757575" d="M749.55,-3661.44C800.17,-3658.51 853.17,-3655.45 892.5,-3653.18"/>
-<polygon fill="#757575" stroke="#757575" points="892.7,-3656.67 902.48,-3652.6 892.3,-3649.68 892.7,-3656.67"/>
-</g>
-<!-- ../components/exchange/ExchangeAssetList.tsx&#45;&gt;../components/text/index.js -->
-<g id="edge174" class="edge">
-<title>../components/exchange/ExchangeAssetList.tsx&#45;&gt;../components/text/index.js</title>
-<path fill="none" stroke="#757575" d="M1039.29,-2610.96C1157.35,-2628.62 1379.86,-2662.61 1568.75,-2695.63 1835.37,-2742.24 2568.04,-2738.99 2765,-2924.63 2812.38,-2969.29 2750.25,-3025.85 2801,-3066.63 2808.26,-3072.46 3515.89,-3085.95 3550.75,-3086.63 4093.39,-3097.19 4743.94,-3106.76 4987.87,-3110.24"/>
-<polygon fill="#757575" stroke="#757575" points="4987.61,-3113.74 4997.66,-3110.38 4987.71,-3106.74 4987.61,-3113.74"/>
-</g>
-<!-- ../components/exchange/ExchangeAssetList.tsx&#45;&gt;../components/animations/index.js -->
-<g id="edge169" class="edge">
-<title>../components/exchange/ExchangeAssetList.tsx&#45;&gt;../components/animations/index.js</title>
-<path fill="none" stroke="#757575" d="M962.77,-2586.26C984.83,-2547.92 1057.69,-2430.12 1151.5,-2371.63 1314.14,-2270.22 1449.9,-2413 1568.75,-2262.63 1623.99,-2192.75 1573.87,-743.19 1604.75,-659.63 1680.37,-454.99 1790.64,-458.54 1915.5,-279.63 1933.52,-253.82 1924.76,-235.25 1951.5,-218.63 2085.81,-135.16 2502.99,-165.63 2661.12,-165.63 2661.12,-165.63 2661.12,-165.63 6098.12,-165.63 6210.94,-165.63 6511.58,-125.77 6605.25,-188.63 6732.57,-274.08 6769.64,-476.6 6778.76,-545.34"/>
-<polygon fill="#757575" stroke="#757575" points="6775.26,-545.56 6779.96,-555.06 6782.2,-544.7 6775.26,-545.56"/>
-</g>
-<!-- ../components/exchange/ExchangeAssetList.tsx&#45;&gt;../components/asset&#45;list/RecyclerAssetList2/FastComponents/FastCurrencySelectionRow.tsx -->
-<g id="edge170" class="edge">
-<title>../components/exchange/ExchangeAssetList.tsx&#45;&gt;../components/asset&#45;list/RecyclerAssetList2/FastComponents/FastCurrencySelectionRow.tsx</title>
-<path fill="none" stroke="#757575" d="M1006.86,-2586.28C1188.43,-2541.21 1798.94,-2380.14 1915.5,-2224.63 2103.65,-1973.61 2216.76,-916.09 2234.05,-744.27"/>
-<polygon fill="#757575" stroke="#757575" points="2237.53,-744.67 2235.04,-734.37 2230.56,-743.98 2237.53,-744.67"/>
-</g>
-<!-- ../components/exchange/ExchangeAssetList.tsx&#45;&gt;../components/contacts/index.js -->
-<g id="edge171" class="edge">
-<title>../components/exchange/ExchangeAssetList.tsx&#45;&gt;../components/contacts/index.js</title>
-<path fill="none" stroke="#757575" d="M1106.89,-2598.63C1152.97,-2598.63 1202.82,-2598.63 1245.94,-2598.63"/>
-<polygon fill="#757575" stroke="#757575" points="1245.82,-2602.13 1255.82,-2598.63 1245.82,-2595.13 1245.82,-2602.13"/>
-</g>
-<!-- ../components/exchange/ExchangeTokenRow.tsx -->
-<g id="node107" class="node">
-<title>../components/exchange/ExchangeTokenRow.tsx</title>
-<path fill="none" stroke="#c6c5fe" d="M1907.58,-692.51C1907.58,-692.51 1612.67,-692.51 1612.67,-692.51 1608.71,-692.51 1604.75,-688.55 1604.75,-684.59 1604.75,-684.59 1604.75,-676.67 1604.75,-676.67 1604.75,-672.72 1608.71,-668.76 1612.67,-668.76 1612.67,-668.76 1907.58,-668.76 1907.58,-668.76 1911.54,-668.76 1915.5,-672.72 1915.5,-676.67 1915.5,-676.67 1915.5,-684.59 1915.5,-684.59 1915.5,-688.55 1911.54,-692.51 1907.58,-692.51"/>
-<text text-anchor="middle" x="1760.12" y="-675.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/exchange/ExchangeTokenRow.tsx</text>
-</g>
-<!-- ../components/exchange/ExchangeAssetList.tsx&#45;&gt;../components/exchange/ExchangeTokenRow.tsx -->
-<g id="edge172" class="edge">
-<title>../components/exchange/ExchangeAssetList.tsx&#45;&gt;../components/exchange/ExchangeTokenRow.tsx</title>
-<path fill="none" stroke="#757575" d="M964.83,-2586.62C990,-2553.88 1065.22,-2462.88 1151.5,-2423.63 1236.55,-2384.94 1503.07,-2438.09 1568.75,-2371.63 1599.64,-2340.37 1737.67,-905.38 1756.9,-704.01"/>
-<polygon fill="#757575" stroke="#757575" points="1760.38,-704.35 1757.85,-694.07 1753.41,-703.69 1760.38,-704.35"/>
-</g>
-<!-- ../components/exchange/exchangeAssetRowContextMenuProps.ts -->
-<g id="node108" class="node">
-<title>../components/exchange/exchangeAssetRowContextMenuProps.ts</title>
-<path fill="none" stroke="#c6c5fe" d="M1560.83,-2846.51C1560.83,-2846.51 1159.42,-2846.51 1159.42,-2846.51 1155.46,-2846.51 1151.5,-2842.55 1151.5,-2838.59 1151.5,-2838.59 1151.5,-2830.67 1151.5,-2830.67 1151.5,-2826.72 1155.46,-2822.76 1159.42,-2822.76 1159.42,-2822.76 1560.83,-2822.76 1560.83,-2822.76 1564.79,-2822.76 1568.75,-2826.72 1568.75,-2830.67 1568.75,-2830.67 1568.75,-2838.59 1568.75,-2838.59 1568.75,-2842.55 1564.79,-2846.51 1560.83,-2846.51"/>
-<text text-anchor="middle" x="1360.12" y="-2829.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/exchange/exchangeAssetRowContextMenuProps.ts</text>
-</g>
-<!-- ../components/exchange/ExchangeAssetList.tsx&#45;&gt;../components/exchange/exchangeAssetRowContextMenuProps.ts -->
-<g id="edge173" class="edge">
-<title>../components/exchange/ExchangeAssetList.tsx&#45;&gt;../components/exchange/exchangeAssetRowContextMenuProps.ts</title>
-<path fill="none" stroke="#757575" d="M962.89,-2610.85C985.01,-2648.08 1057.45,-2760.54 1151.5,-2808.63 1158.98,-2812.46 1166.8,-2815.8 1174.84,-2818.72"/>
-<polygon fill="#757575" stroke="#757575" points="1173.5,-2821.96 1184.09,-2821.84 1175.73,-2815.33 1173.5,-2821.96"/>
-</g>
-<!-- ../components/toasts/index.js -->
-<g id="node109" class="node">
-<title>../components/toasts/index.js</title>
-<path fill="none" stroke="#c6c5fe" d="M4340.96,-3369.51C4340.96,-3369.51 4166.04,-3369.51 4166.04,-3369.51 4162.08,-3369.51 4158.12,-3365.55 4158.12,-3361.59 4158.12,-3361.59 4158.12,-3353.67 4158.12,-3353.67 4158.12,-3349.72 4162.08,-3345.76 4166.04,-3345.76 4166.04,-3345.76 4340.96,-3345.76 4340.96,-3345.76 4344.92,-3345.76 4348.88,-3349.72 4348.88,-3353.67 4348.88,-3353.67 4348.88,-3361.59 4348.88,-3361.59 4348.88,-3365.55 4344.92,-3369.51 4340.96,-3369.51"/>
-<text text-anchor="middle" x="4253.5" y="-3352.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/toasts/index.js</text>
-</g>
-<!-- ../components/exchange/ExchangeAssetList.tsx&#45;&gt;../components/toasts/index.js -->
-<g id="edge175" class="edge">
-<title>../components/exchange/ExchangeAssetList.tsx&#45;&gt;../components/toasts/index.js</title>
-<path fill="none" stroke="#757575" d="M965.2,-2611C990.76,-2643.83 1065.72,-2733.15 1151.5,-2770.63 1236.91,-2807.95 1498.32,-2752.57 1568.75,-2813.63 1618.6,-2856.85 1559.61,-2909.53 1604.75,-2957.63 1703.94,-3063.33 1825.33,-2943.14 1915.5,-3056.63 1977.49,-3134.66 1878.26,-3436.05 1951.5,-3503.63 2082.25,-3624.28 3373.69,-3443 3550.75,-3425.63 3761.95,-3404.92 4008.95,-3381.07 4146.39,-3367.84"/>
-<polygon fill="#757575" stroke="#757575" points="4146.59,-3371.33 4156.21,-3366.89 4145.92,-3364.36 4146.59,-3371.33"/>
-</g>
-<!-- ../hooks/useAccountSettings.ts -->
-<g id="node110" class="node">
-<title>../hooks/useAccountSettings.ts</title>
-<path fill="none" stroke="#c6c5fe" d="M1452.46,-2728.51C1452.46,-2728.51 1267.79,-2728.51 1267.79,-2728.51 1263.83,-2728.51 1259.88,-2724.55 1259.88,-2720.59 1259.88,-2720.59 1259.88,-2712.67 1259.88,-2712.67 1259.88,-2708.72 1263.83,-2704.76 1267.79,-2704.76 1267.79,-2704.76 1452.46,-2704.76 1452.46,-2704.76 1456.42,-2704.76 1460.38,-2708.72 1460.38,-2712.67 1460.38,-2712.67 1460.38,-2720.59 1460.38,-2720.59 1460.38,-2724.55 1456.42,-2728.51 1452.46,-2728.51"/>
-<text text-anchor="middle" x="1360.12" y="-2711.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../hooks/useAccountSettings.ts</text>
-</g>
-<!-- ../components/exchange/ExchangeAssetList.tsx&#45;&gt;../hooks/useAccountSettings.ts -->
-<g id="edge176" class="edge">
-<title>../components/exchange/ExchangeAssetList.tsx&#45;&gt;../hooks/useAccountSettings.ts</title>
-<path fill="none" stroke="#757575" d="M997.89,-2610.93C1071.77,-2632.55 1224.82,-2677.33 1305.95,-2701.07"/>
-<polygon fill="#757575" stroke="#757575" points="1304.87,-2704.4 1315.45,-2703.85 1306.84,-2697.68 1304.87,-2704.4"/>
-</g>
-<!-- discover/DiscoverScreenContext.js -->
-<g id="node111" class="node">
-<title>discover/DiscoverScreenContext.js</title>
-<path fill="none" stroke="#cfffac" d="M1464.83,-2253.51C1464.83,-2253.51 1255.42,-2253.51 1255.42,-2253.51 1251.46,-2253.51 1247.5,-2249.55 1247.5,-2245.59 1247.5,-2245.59 1247.5,-2237.67 1247.5,-2237.67 1247.5,-2233.72 1251.46,-2229.76 1255.42,-2229.76 1255.42,-2229.76 1464.83,-2229.76 1464.83,-2229.76 1468.79,-2229.76 1472.75,-2233.72 1472.75,-2237.67 1472.75,-2237.67 1472.75,-2245.59 1472.75,-2245.59 1472.75,-2249.55 1468.79,-2253.51 1464.83,-2253.51"/>
-<text text-anchor="middle" x="1360.12" y="-2236.21" font-family="Arial" font-size="14.00" fill="#cfffac">discover/DiscoverScreenContext.js</text>
-</g>
-<!-- ../components/exchange/ExchangeAssetList.tsx&#45;&gt;discover/DiscoverScreenContext.js -->
-<g id="edge177" class="edge">
-<title>../components/exchange/ExchangeAssetList.tsx&#45;&gt;discover/DiscoverScreenContext.js</title>
-<path fill="none" stroke="#757575" d="M962.49,-2586.4C984.49,-2546.66 1059.14,-2419.32 1151.5,-2343.63 1200.14,-2303.77 1266.96,-2274.51 1311.52,-2257.8"/>
-<polygon fill="#757575" stroke="#757575" points="1312.47,-2261.18 1320.64,-2254.44 1310.05,-2254.61 1312.47,-2261.18"/>
-</g>
-<!-- ../components/exchange/ExchangeSearch.tsx&#45;&gt;../assets/chartSpinner.png -->
-<g id="edge197" class="edge">
-<title>../components/exchange/ExchangeSearch.tsx&#45;&gt;../assets/chartSpinner.png</title>
-<path fill="none" stroke="#757575" d="M1100.89,-2191.26C1106.21,-2187.71 1111.13,-2183.53 1115.5,-2178.63 1191.14,-2093.91 1075.6,-219.12 1151.5,-134.63 1182.1,-100.57 1232.89,-93.75 1276.57,-95.6"/>
-<polygon fill="#757575" stroke="#757575" points="1276.1,-99.07 1286.29,-96.17 1276.52,-92.09 1276.1,-99.07"/>
-</g>
-<!-- ../components/exchange/ExchangeSearch.tsx&#45;&gt;discover/DiscoverScreenContext.js -->
-<g id="edge199" class="edge">
-<title>../components/exchange/ExchangeSearch.tsx&#45;&gt;discover/DiscoverScreenContext.js</title>
-<path fill="none" stroke="#757575" d="M1074.68,-2212.01C1125.44,-2217.29 1184.67,-2223.46 1235.9,-2228.8"/>
-<polygon fill="#757575" stroke="#757575" points="1235.23,-2232.25 1245.53,-2229.8 1235.95,-2225.28 1235.23,-2232.25"/>
-</g>
-<!-- ../components/inputs/index.js -->
-<g id="node124" class="node">
-<title>../components/inputs/index.js</title>
-<path fill="none" stroke="#c6c5fe" d="M1847.58,-2215.51C1847.58,-2215.51 1672.67,-2215.51 1672.67,-2215.51 1668.71,-2215.51 1664.75,-2211.55 1664.75,-2207.59 1664.75,-2207.59 1664.75,-2199.67 1664.75,-2199.67 1664.75,-2195.72 1668.71,-2191.76 1672.67,-2191.76 1672.67,-2191.76 1847.58,-2191.76 1847.58,-2191.76 1851.54,-2191.76 1855.5,-2195.72 1855.5,-2199.67 1855.5,-2199.67 1855.5,-2207.59 1855.5,-2207.59 1855.5,-2211.55 1851.54,-2215.51 1847.58,-2215.51"/>
-<text text-anchor="middle" x="1760.12" y="-2198.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/inputs/index.js</text>
-</g>
-<!-- ../components/exchange/ExchangeSearch.tsx&#45;&gt;../components/inputs/index.js -->
-<g id="edge198" class="edge">
-<title>../components/exchange/ExchangeSearch.tsx&#45;&gt;../components/inputs/index.js</title>
-<path fill="none" stroke="#757575" d="M1100.87,-2200.35C1259.92,-2201.15 1511.37,-2202.4 1653.02,-2203.1"/>
-<polygon fill="#757575" stroke="#757575" points="1652.75,-2206.6 1662.77,-2203.15 1652.78,-2199.6 1652.75,-2206.6"/>
-</g>
-<!-- ../utils/CoinIcons/FallbackIcon.js -->
-<g id="node308" class="node">
-<title>../utils/CoinIcons/FallbackIcon.js</title>
-<path fill="none" stroke="#cfffac" d="M1456.21,-3220.51C1456.21,-3220.51 1264.04,-3220.51 1264.04,-3220.51 1260.08,-3220.51 1256.12,-3216.55 1256.12,-3212.59 1256.12,-3212.59 1256.12,-3204.67 1256.12,-3204.67 1256.12,-3200.72 1260.08,-3196.76 1264.04,-3196.76 1264.04,-3196.76 1456.21,-3196.76 1456.21,-3196.76 1460.17,-3196.76 1464.12,-3200.72 1464.12,-3204.67 1464.12,-3204.67 1464.12,-3212.59 1464.12,-3212.59 1464.12,-3216.55 1460.17,-3220.51 1456.21,-3220.51"/>
-<text text-anchor="middle" x="1360.12" y="-3203.21" font-family="Arial" font-size="14.00" fill="#cfffac">../utils/CoinIcons/FallbackIcon.js</text>
-</g>
-<!-- ../utils/index.ts&#45;&gt;../utils/CoinIcons/FallbackIcon.js -->
-<g id="edge567" class="edge">
-<title>../utils/index.ts&#45;&gt;../utils/CoinIcons/FallbackIcon.js</title>
-<path fill="none" stroke="#757575" d="M957.3,-3637.26C964.66,-3579.46 1003.97,-3334.47 1151.5,-3229.63 1178.18,-3210.67 1211.89,-3202.48 1244.34,-3199.81"/>
-<polygon fill="#757575" stroke="#757575" points="1244.49,-3203.31 1254.25,-3199.19 1244.04,-3196.32 1244.49,-3203.31"/>
-</g>
-<!-- ../utils/abbreviations.ts -->
-<g id="node309" class="node">
-<title>../utils/abbreviations.ts</title>
-<path fill="none" stroke="#c6c5fe" d="M1426.96,-3892.51C1426.96,-3892.51 1293.29,-3892.51 1293.29,-3892.51 1289.33,-3892.51 1285.38,-3888.55 1285.38,-3884.59 1285.38,-3884.59 1285.38,-3876.67 1285.38,-3876.67 1285.38,-3872.72 1289.33,-3868.76 1293.29,-3868.76 1293.29,-3868.76 1426.96,-3868.76 1426.96,-3868.76 1430.92,-3868.76 1434.88,-3872.72 1434.88,-3876.67 1434.88,-3876.67 1434.88,-3884.59 1434.88,-3884.59 1434.88,-3888.55 1430.92,-3892.51 1426.96,-3892.51"/>
-<text text-anchor="middle" x="1360.12" y="-3875.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../utils/abbreviations.ts</text>
-</g>
-<!-- ../utils/index.ts&#45;&gt;../utils/abbreviations.ts -->
-<g id="edge568" class="edge">
-<title>../utils/index.ts&#45;&gt;../utils/abbreviations.ts</title>
-<path fill="none" stroke="#757575" d="M1005.85,-3642.18C1041.01,-3639.93 1086.74,-3643.48 1115.5,-3670.63 1177.68,-3729.34 1088.45,-3801.87 1151.5,-3859.63 1185.1,-3890.41 1235.79,-3896.02 1278.68,-3893.76"/>
-<polygon fill="#757575" stroke="#757575" points="1278.72,-3897.26 1288.46,-3893.08 1278.24,-3890.28 1278.72,-3897.26"/>
-</g>
-<!-- ../utils/actionsheet.ts -->
-<g id="node310" class="node">
-<title>../utils/actionsheet.ts</title>
-<path fill="none" stroke="#cfffac" d="M1421.33,-3136.51C1421.33,-3136.51 1298.92,-3136.51 1298.92,-3136.51 1294.96,-3136.51 1291,-3132.55 1291,-3128.59 1291,-3128.59 1291,-3120.67 1291,-3120.67 1291,-3116.72 1294.96,-3112.76 1298.92,-3112.76 1298.92,-3112.76 1421.33,-3112.76 1421.33,-3112.76 1425.29,-3112.76 1429.25,-3116.72 1429.25,-3120.67 1429.25,-3120.67 1429.25,-3128.59 1429.25,-3128.59 1429.25,-3132.55 1425.29,-3136.51 1421.33,-3136.51"/>
-<text text-anchor="middle" x="1360.12" y="-3119.21" font-family="Arial" font-size="14.00" fill="#cfffac">../utils/actionsheet.ts</text>
-</g>
-<!-- ../utils/index.ts&#45;&gt;../utils/actionsheet.ts -->
-<g id="edge569" class="edge">
-<title>../utils/index.ts&#45;&gt;../utils/actionsheet.ts</title>
-<path fill="none" stroke="#757575" d="M956.27,-3637.51C959.08,-3573.77 981.22,-3275.26 1151.5,-3145.63 1187.41,-3118.29 1237.54,-3112.59 1279.54,-3113.94"/>
-<polygon fill="#757575" stroke="#757575" points="1279.21,-3117.43 1289.36,-3114.4 1279.54,-3110.43 1279.21,-3117.43"/>
-</g>
-<!-- ../utils/address.ts -->
-<g id="node311" class="node">
-<title>../utils/address.ts</title>
-<path fill="none" stroke="#c6c5fe" d="M1410.83,-3808.51C1410.83,-3808.51 1309.42,-3808.51 1309.42,-3808.51 1305.46,-3808.51 1301.5,-3804.55 1301.5,-3800.59 1301.5,-3800.59 1301.5,-3792.67 1301.5,-3792.67 1301.5,-3788.72 1305.46,-3784.76 1309.42,-3784.76 1309.42,-3784.76 1410.83,-3784.76 1410.83,-3784.76 1414.79,-3784.76 1418.75,-3788.72 1418.75,-3792.67 1418.75,-3792.67 1418.75,-3800.59 1418.75,-3800.59 1418.75,-3804.55 1414.79,-3808.51 1410.83,-3808.51"/>
-<text text-anchor="middle" x="1360.12" y="-3791.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../utils/address.ts</text>
-</g>
-<!-- ../utils/index.ts&#45;&gt;../utils/address.ts -->
-<g id="edge570" class="edge">
-<title>../utils/index.ts&#45;&gt;../utils/address.ts</title>
-<path fill="none" stroke="#757575" d="M1005.84,-3643.4C1040.31,-3641.9 1085.21,-3645.85 1115.5,-3670.63 1153.68,-3701.87 1112.85,-3744.97 1151.5,-3775.63 1190.01,-3806.18 1246.03,-3810.25 1290.17,-3807.32"/>
-<polygon fill="#757575" stroke="#757575" points="1290.22,-3810.83 1299.9,-3806.53 1289.65,-3803.85 1290.22,-3810.83"/>
-</g>
-<!-- ../utils/allowancesCache.ts -->
-<g id="node312" class="node">
-<title>../utils/allowancesCache.ts</title>
-<path fill="none" stroke="#cfffac" d="M1439.71,-3056.51C1439.71,-3056.51 1280.54,-3056.51 1280.54,-3056.51 1276.58,-3056.51 1272.62,-3052.55 1272.62,-3048.59 1272.62,-3048.59 1272.62,-3040.67 1272.62,-3040.67 1272.62,-3036.72 1276.58,-3032.76 1280.54,-3032.76 1280.54,-3032.76 1439.71,-3032.76 1439.71,-3032.76 1443.67,-3032.76 1447.62,-3036.72 1447.62,-3040.67 1447.62,-3040.67 1447.62,-3048.59 1447.62,-3048.59 1447.62,-3052.55 1443.67,-3056.51 1439.71,-3056.51"/>
-<text text-anchor="middle" x="1360.12" y="-3039.21" font-family="Arial" font-size="14.00" fill="#cfffac">../utils/allowancesCache.ts</text>
-</g>
-<!-- ../utils/index.ts&#45;&gt;../utils/allowancesCache.ts -->
-<g id="edge571" class="edge">
-<title>../utils/index.ts&#45;&gt;../utils/allowancesCache.ts</title>
-<path fill="none" stroke="#757575" d="M955.67,-3637.7C955.2,-3569.35 962.48,-3224.99 1151.5,-3070.63 1181.78,-3045.9 1223.3,-3037.37 1261.25,-3035.79"/>
-<polygon fill="#757575" stroke="#757575" points="1260.95,-3039.3 1270.86,-3035.55 1260.78,-3032.3 1260.95,-3039.3"/>
-</g>
-<!-- ../utils/checkTokenIsScam.ts -->
-<g id="node313" class="node">
-<title>../utils/checkTokenIsScam.ts</title>
-<path fill="none" stroke="#cfffac" d="M1445.33,-3014.51C1445.33,-3014.51 1274.92,-3014.51 1274.92,-3014.51 1270.96,-3014.51 1267,-3010.55 1267,-3006.59 1267,-3006.59 1267,-2998.67 1267,-2998.67 1267,-2994.72 1270.96,-2990.76 1274.92,-2990.76 1274.92,-2990.76 1445.33,-2990.76 1445.33,-2990.76 1449.29,-2990.76 1453.25,-2994.72 1453.25,-2998.67 1453.25,-2998.67 1453.25,-3006.59 1453.25,-3006.59 1453.25,-3010.55 1449.29,-3014.51 1445.33,-3014.51"/>
-<text text-anchor="middle" x="1360.12" y="-2997.21" font-family="Arial" font-size="14.00" fill="#cfffac">../utils/checkTokenIsScam.ts</text>
-</g>
-<!-- ../utils/index.ts&#45;&gt;../utils/checkTokenIsScam.ts -->
-<g id="edge572" class="edge">
-<title>../utils/index.ts&#45;&gt;../utils/checkTokenIsScam.ts</title>
-<path fill="none" stroke="#757575" d="M957.84,-3637.41C970.98,-3557.27 1048.72,-3107.49 1151.5,-3023.63 1180.18,-3000.23 1219.05,-2992.16 1255.39,-2990.92"/>
-<polygon fill="#757575" stroke="#757575" points="1255.12,-2994.42 1265.07,-2990.77 1255.01,-2987.42 1255.12,-2994.42"/>
-</g>
-<!-- ../utils/contenthash.ts -->
-<g id="node314" class="node">
-<title>../utils/contenthash.ts</title>
-<path fill="none" stroke="#cfffac" d="M1423.58,-2972.51C1423.58,-2972.51 1296.67,-2972.51 1296.67,-2972.51 1292.71,-2972.51 1288.75,-2968.55 1288.75,-2964.59 1288.75,-2964.59 1288.75,-2956.67 1288.75,-2956.67 1288.75,-2952.72 1292.71,-2948.76 1296.67,-2948.76 1296.67,-2948.76 1423.58,-2948.76 1423.58,-2948.76 1427.54,-2948.76 1431.5,-2952.72 1431.5,-2956.67 1431.5,-2956.67 1431.5,-2964.59 1431.5,-2964.59 1431.5,-2968.55 1427.54,-2972.51 1423.58,-2972.51"/>
-<text text-anchor="middle" x="1360.12" y="-2955.21" font-family="Arial" font-size="14.00" fill="#cfffac">../utils/contenthash.ts</text>
-</g>
-<!-- ../utils/index.ts&#45;&gt;../utils/contenthash.ts -->
-<g id="edge573" class="edge">
-<title>../utils/index.ts&#45;&gt;../utils/contenthash.ts</title>
-<path fill="none" stroke="#757575" d="M957.59,-3637.42C969.52,-3554.25 1042.88,-3071.9 1151.5,-2981.63 1185.83,-2953.1 1235.21,-2947.17 1277.19,-2948.69"/>
-<polygon fill="#757575" stroke="#757575" points="1276.86,-2952.18 1287.03,-2949.21 1277.22,-2945.19 1276.86,-2952.18"/>
-</g>
-<!-- ../utils/deviceUtils.ts -->
-<g id="node315" class="node">
-<title>../utils/deviceUtils.ts</title>
-<path fill="none" stroke="#cfffac" d="M1419.46,-2930.51C1419.46,-2930.51 1300.79,-2930.51 1300.79,-2930.51 1296.83,-2930.51 1292.88,-2926.55 1292.88,-2922.59 1292.88,-2922.59 1292.88,-2914.67 1292.88,-2914.67 1292.88,-2910.72 1296.83,-2906.76 1300.79,-2906.76 1300.79,-2906.76 1419.46,-2906.76 1419.46,-2906.76 1423.42,-2906.76 1427.38,-2910.72 1427.38,-2914.67 1427.38,-2914.67 1427.38,-2922.59 1427.38,-2922.59 1427.38,-2926.55 1423.42,-2930.51 1419.46,-2930.51"/>
-<text text-anchor="middle" x="1360.12" y="-2913.21" font-family="Arial" font-size="14.00" fill="#cfffac">../utils/deviceUtils.ts</text>
-</g>
-<!-- ../utils/index.ts&#45;&gt;../utils/deviceUtils.ts -->
-<g id="edge574" class="edge">
-<title>../utils/index.ts&#45;&gt;../utils/deviceUtils.ts</title>
-<path fill="none" stroke="#757575" d="M957.36,-3637.5C968.12,-3551.63 1036.97,-3036.37 1151.5,-2939.63 1186.82,-2909.8 1238.51,-2904.49 1281.48,-2906.67"/>
-<polygon fill="#757575" stroke="#757575" points="1281.05,-2910.15 1291.26,-2907.32 1281.51,-2903.16 1281.05,-2910.15"/>
-</g>
-<!-- ../utils/doesWalletsContainAddress.ts -->
-<g id="node316" class="node">
-<title>../utils/doesWalletsContainAddress.ts</title>
-<path fill="none" stroke="#cfffac" d="M1471.58,-2888.51C1471.58,-2888.51 1248.67,-2888.51 1248.67,-2888.51 1244.71,-2888.51 1240.75,-2884.55 1240.75,-2880.59 1240.75,-2880.59 1240.75,-2872.67 1240.75,-2872.67 1240.75,-2868.72 1244.71,-2864.76 1248.67,-2864.76 1248.67,-2864.76 1471.58,-2864.76 1471.58,-2864.76 1475.54,-2864.76 1479.5,-2868.72 1479.5,-2872.67 1479.5,-2872.67 1479.5,-2880.59 1479.5,-2880.59 1479.5,-2884.55 1475.54,-2888.51 1471.58,-2888.51"/>
-<text text-anchor="middle" x="1360.12" y="-2871.21" font-family="Arial" font-size="14.00" fill="#cfffac">../utils/doesWalletsContainAddress.ts</text>
-</g>
-<!-- ../utils/index.ts&#45;&gt;../utils/doesWalletsContainAddress.ts -->
-<g id="edge575" class="edge">
-<title>../utils/index.ts&#45;&gt;../utils/doesWalletsContainAddress.ts</title>
-<path fill="none" stroke="#757575" d="M957.18,-3637.36C966.91,-3548.24 1031.14,-3000.78 1151.5,-2897.63 1173.05,-2879.16 1200.86,-2870.03 1229.08,-2866.25"/>
-<polygon fill="#757575" stroke="#757575" points="1229.26,-2869.75 1238.82,-2865.18 1228.5,-2862.79 1229.26,-2869.75"/>
-</g>
-<!-- ../utils/ens.ts -->
-<g id="node317" class="node">
-<title>../utils/ens.ts</title>
-<path fill="none" stroke="#cfffac" d="M1797.71,-3137.51C1797.71,-3137.51 1722.54,-3137.51 1722.54,-3137.51 1718.58,-3137.51 1714.62,-3133.55 1714.62,-3129.59 1714.62,-3129.59 1714.62,-3121.67 1714.62,-3121.67 1714.62,-3117.72 1718.58,-3113.76 1722.54,-3113.76 1722.54,-3113.76 1797.71,-3113.76 1797.71,-3113.76 1801.67,-3113.76 1805.62,-3117.72 1805.62,-3121.67 1805.62,-3121.67 1805.62,-3129.59 1805.62,-3129.59 1805.62,-3133.55 1801.67,-3137.51 1797.71,-3137.51"/>
-<text text-anchor="middle" x="1760.12" y="-3120.21" font-family="Arial" font-size="14.00" fill="#cfffac">../utils/ens.ts</text>
-</g>
-<!-- ../utils/index.ts&#45;&gt;../utils/ens.ts -->
-<g id="edge576" class="edge">
-<title>../utils/index.ts&#45;&gt;../utils/ens.ts</title>
-<path fill="none" stroke="#757575" d="M955.66,-3637.57C955.16,-3569.98 962.54,-3236.65 1151.5,-3103.63 1239.15,-3041.93 1570.12,-3091.97 1703.2,-3115.29"/>
-<polygon fill="#757575" stroke="#757575" points="1702.38,-3118.7 1712.83,-3116.99 1703.6,-3111.81 1702.38,-3118.7"/>
-</g>
-<!-- ../utils/ethereumUtils.ts -->
-<g id="node318" class="node">
-<title>../utils/ethereumUtils.ts</title>
-<path fill="none" stroke="#cfffac" d="M1428.83,-4350.51C1428.83,-4350.51 1291.42,-4350.51 1291.42,-4350.51 1287.46,-4350.51 1283.5,-4346.55 1283.5,-4342.59 1283.5,-4342.59 1283.5,-4334.67 1283.5,-4334.67 1283.5,-4330.72 1287.46,-4326.76 1291.42,-4326.76 1291.42,-4326.76 1428.83,-4326.76 1428.83,-4326.76 1432.79,-4326.76 1436.75,-4330.72 1436.75,-4334.67 1436.75,-4334.67 1436.75,-4342.59 1436.75,-4342.59 1436.75,-4346.55 1432.79,-4350.51 1428.83,-4350.51"/>
-<text text-anchor="middle" x="1360.12" y="-4333.21" font-family="Arial" font-size="14.00" fill="#cfffac">../utils/ethereumUtils.ts</text>
-</g>
-<!-- ../utils/index.ts&#45;&gt;../utils/ethereumUtils.ts -->
-<g id="edge577" class="edge">
-<title>../utils/index.ts&#45;&gt;../utils/ethereumUtils.ts</title>
-<path fill="none" stroke="#757575" d="M1005.83,-3641.16C1041.7,-3638.21 1088.32,-3641.33 1115.5,-3670.63 1213.42,-3776.21 1052,-4213.53 1151.5,-4317.63 1186.23,-4353.97 1244.3,-4357.09 1290.21,-4352.32"/>
-<polygon fill="#757575" stroke="#757575" points="1290.58,-4355.8 1300.1,-4351.14 1289.75,-4348.85 1290.58,-4355.8"/>
-</g>
-<!-- ../utils/formatURLForDisplay.ts -->
-<g id="node319" class="node">
-<title>../utils/formatURLForDisplay.ts</title>
-<path fill="none" stroke="#cfffac" d="M1451.71,-4308.51C1451.71,-4308.51 1268.54,-4308.51 1268.54,-4308.51 1264.58,-4308.51 1260.62,-4304.55 1260.62,-4300.59 1260.62,-4300.59 1260.62,-4292.67 1260.62,-4292.67 1260.62,-4288.72 1264.58,-4284.76 1268.54,-4284.76 1268.54,-4284.76 1451.71,-4284.76 1451.71,-4284.76 1455.67,-4284.76 1459.62,-4288.72 1459.62,-4292.67 1459.62,-4292.67 1459.62,-4300.59 1459.62,-4300.59 1459.62,-4304.55 1455.67,-4308.51 1451.71,-4308.51"/>
-<text text-anchor="middle" x="1360.12" y="-4291.21" font-family="Arial" font-size="14.00" fill="#cfffac">../utils/formatURLForDisplay.ts</text>
-</g>
-<!-- ../utils/index.ts&#45;&gt;../utils/formatURLForDisplay.ts -->
-<g id="edge578" class="edge">
-<title>../utils/index.ts&#45;&gt;../utils/formatURLForDisplay.ts</title>
-<path fill="none" stroke="#757575" d="M1005.8,-3641.2C1041.65,-3638.25 1088.26,-3641.38 1115.5,-3670.63 1207.28,-3769.2 1058.26,-4178.45 1151.5,-4275.63 1186.19,-4311.78 1243.98,-4315.01 1289.8,-4310.33"/>
-<polygon fill="#757575" stroke="#757575" points="1290.14,-4313.81 1299.66,-4309.16 1289.32,-4306.86 1290.14,-4313.81"/>
-</g>
-<!-- ../utils/formatters.ts -->
-<g id="node320" class="node">
-<title>../utils/formatters.ts</title>
-<path fill="none" stroke="#cfffac" d="M1417.58,-4266.51C1417.58,-4266.51 1302.67,-4266.51 1302.67,-4266.51 1298.71,-4266.51 1294.75,-4262.55 1294.75,-4258.59 1294.75,-4258.59 1294.75,-4250.67 1294.75,-4250.67 1294.75,-4246.72 1298.71,-4242.76 1302.67,-4242.76 1302.67,-4242.76 1417.58,-4242.76 1417.58,-4242.76 1421.54,-4242.76 1425.5,-4246.72 1425.5,-4250.67 1425.5,-4250.67 1425.5,-4258.59 1425.5,-4258.59 1425.5,-4262.55 1421.54,-4266.51 1417.58,-4266.51"/>
-<text text-anchor="middle" x="1360.12" y="-4249.21" font-family="Arial" font-size="14.00" fill="#cfffac">../utils/formatters.ts</text>
-</g>
-<!-- ../utils/index.ts&#45;&gt;../utils/formatters.ts -->
-<g id="edge579" class="edge">
-<title>../utils/index.ts&#45;&gt;../utils/formatters.ts</title>
-<path fill="none" stroke="#757575" d="M1005.76,-3641.23C1041.59,-3638.31 1088.2,-3641.44 1115.5,-3670.63 1201.13,-3762.2 1064.5,-4143.36 1151.5,-4233.63 1186.15,-4269.59 1243.67,-4272.91 1289.39,-4268.32"/>
-<polygon fill="#757575" stroke="#757575" points="1289.71,-4271.81 1299.23,-4267.18 1288.9,-4264.86 1289.71,-4271.81"/>
-</g>
-<!-- ../utils/gas.ts -->
-<g id="node321" class="node">
-<title>../utils/gas.ts</title>
-<path fill="none" stroke="#cfffac" d="M1397.71,-4224.51C1397.71,-4224.51 1322.54,-4224.51 1322.54,-4224.51 1318.58,-4224.51 1314.62,-4220.55 1314.62,-4216.59 1314.62,-4216.59 1314.62,-4208.67 1314.62,-4208.67 1314.62,-4204.72 1318.58,-4200.76 1322.54,-4200.76 1322.54,-4200.76 1397.71,-4200.76 1397.71,-4200.76 1401.67,-4200.76 1405.62,-4204.72 1405.62,-4208.67 1405.62,-4208.67 1405.62,-4216.59 1405.62,-4216.59 1405.62,-4220.55 1401.67,-4224.51 1397.71,-4224.51"/>
-<text text-anchor="middle" x="1360.12" y="-4207.21" font-family="Arial" font-size="14.00" fill="#cfffac">../utils/gas.ts</text>
-</g>
-<!-- ../utils/index.ts&#45;&gt;../utils/gas.ts -->
-<g id="edge580" class="edge">
-<title>../utils/index.ts&#45;&gt;../utils/gas.ts</title>
-<path fill="none" stroke="#757575" d="M1006.1,-3641.24C1041.85,-3638.39 1088.22,-3641.61 1115.5,-3670.63 1194.99,-3755.19 1070.75,-4108.27 1151.5,-4191.63 1189.81,-4231.18 1255.8,-4231.17 1303.11,-4224.64"/>
-<polygon fill="#757575" stroke="#757575" points="1303.55,-4228.11 1312.91,-4223.14 1302.49,-4221.19 1303.55,-4228.11"/>
-</g>
-<!-- ../utils/getDominantColorFromImage.ts -->
-<g id="node322" class="node">
-<title>../utils/getDominantColorFromImage.ts</title>
-<path fill="none" stroke="#cfffac" d="M1476.83,-4182.51C1476.83,-4182.51 1243.42,-4182.51 1243.42,-4182.51 1239.46,-4182.51 1235.5,-4178.55 1235.5,-4174.59 1235.5,-4174.59 1235.5,-4166.67 1235.5,-4166.67 1235.5,-4162.72 1239.46,-4158.76 1243.42,-4158.76 1243.42,-4158.76 1476.83,-4158.76 1476.83,-4158.76 1480.79,-4158.76 1484.75,-4162.72 1484.75,-4166.67 1484.75,-4166.67 1484.75,-4174.59 1484.75,-4174.59 1484.75,-4178.55 1480.79,-4182.51 1476.83,-4182.51"/>
-<text text-anchor="middle" x="1360.12" y="-4165.21" font-family="Arial" font-size="14.00" fill="#cfffac">../utils/getDominantColorFromImage.ts</text>
-</g>
-<!-- ../utils/index.ts&#45;&gt;../utils/getDominantColorFromImage.ts -->
-<g id="edge581" class="edge">
-<title>../utils/index.ts&#45;&gt;../utils/getDominantColorFromImage.ts</title>
-<path fill="none" stroke="#757575" d="M1006.04,-3641.29C1041.77,-3638.46 1088.13,-3641.69 1115.5,-3670.63 1188.85,-3748.19 1077,-4073.19 1151.5,-4149.63 1186.23,-4185.27 1243.47,-4188.71 1289.06,-4184.25"/>
-<polygon fill="#757575" stroke="#757575" points="1289.33,-4187.74 1298.87,-4183.13 1288.54,-4180.78 1289.33,-4187.74"/>
-</g>
-<!-- ../utils/getExchangeIconUrl.ts -->
-<g id="node323" class="node">
-<title>../utils/getExchangeIconUrl.ts</title>
-<path fill="none" stroke="#cfffac" d="M1447.58,-4140.51C1447.58,-4140.51 1272.67,-4140.51 1272.67,-4140.51 1268.71,-4140.51 1264.75,-4136.55 1264.75,-4132.59 1264.75,-4132.59 1264.75,-4124.67 1264.75,-4124.67 1264.75,-4120.72 1268.71,-4116.76 1272.67,-4116.76 1272.67,-4116.76 1447.58,-4116.76 1447.58,-4116.76 1451.54,-4116.76 1455.5,-4120.72 1455.5,-4124.67 1455.5,-4124.67 1455.5,-4132.59 1455.5,-4132.59 1455.5,-4136.55 1451.54,-4140.51 1447.58,-4140.51"/>
-<text text-anchor="middle" x="1360.12" y="-4123.21" font-family="Arial" font-size="14.00" fill="#cfffac">../utils/getExchangeIconUrl.ts</text>
-</g>
-<!-- ../utils/index.ts&#45;&gt;../utils/getExchangeIconUrl.ts -->
-<g id="edge582" class="edge">
-<title>../utils/index.ts&#45;&gt;../utils/getExchangeIconUrl.ts</title>
-<path fill="none" stroke="#757575" d="M1005.98,-3641.35C1041.68,-3638.55 1088.03,-3641.79 1115.5,-3670.63 1182.71,-3741.19 1083.24,-4038.09 1151.5,-4107.63 1186.13,-4142.91 1242.82,-4146.55 1288.22,-4142.25"/>
-<polygon fill="#757575" stroke="#757575" points="1288.44,-4145.75 1298,-4141.17 1287.67,-4138.79 1288.44,-4145.75"/>
-</g>
-<!-- ../utils/getUrlForTrustIconFallback.ts -->
-<g id="node324" class="node">
-<title>../utils/getUrlForTrustIconFallback.ts</title>
-<path fill="none" stroke="#cfffac" d="M1468.21,-4098.51C1468.21,-4098.51 1252.04,-4098.51 1252.04,-4098.51 1248.08,-4098.51 1244.12,-4094.55 1244.12,-4090.59 1244.12,-4090.59 1244.12,-4082.67 1244.12,-4082.67 1244.12,-4078.72 1248.08,-4074.76 1252.04,-4074.76 1252.04,-4074.76 1468.21,-4074.76 1468.21,-4074.76 1472.17,-4074.76 1476.12,-4078.72 1476.12,-4082.67 1476.12,-4082.67 1476.12,-4090.59 1476.12,-4090.59 1476.12,-4094.55 1472.17,-4098.51 1468.21,-4098.51"/>
-<text text-anchor="middle" x="1360.12" y="-4081.21" font-family="Arial" font-size="14.00" fill="#cfffac">../utils/getUrlForTrustIconFallback.ts</text>
-</g>
-<!-- ../utils/index.ts&#45;&gt;../utils/getUrlForTrustIconFallback.ts -->
-<g id="edge583" class="edge">
-<title>../utils/index.ts&#45;&gt;../utils/getUrlForTrustIconFallback.ts</title>
-<path fill="none" stroke="#757575" d="M1005.9,-3641.43C1041.55,-3638.67 1087.89,-3641.93 1115.5,-3670.63 1175.84,-3733.36 1090.97,-3998.1 1151.5,-4060.63 1172.71,-4082.54 1202.33,-4092.88 1232.57,-4096.88"/>
-<polygon fill="#757575" stroke="#757575" points="1231.9,-4100.33 1242.22,-4097.91 1232.65,-4093.37 1231.9,-4100.33"/>
-</g>
-<!-- ../utils/haptics.ts -->
-<g id="node325" class="node">
-<title>../utils/haptics.ts</title>
-<path fill="none" stroke="#c6c5fe" d="M1408.21,-4018.51C1408.21,-4018.51 1312.04,-4018.51 1312.04,-4018.51 1308.08,-4018.51 1304.12,-4014.55 1304.12,-4010.59 1304.12,-4010.59 1304.12,-4002.67 1304.12,-4002.67 1304.12,-3998.72 1308.08,-3994.76 1312.04,-3994.76 1312.04,-3994.76 1408.21,-3994.76 1408.21,-3994.76 1412.17,-3994.76 1416.12,-3998.72 1416.12,-4002.67 1416.12,-4002.67 1416.12,-4010.59 1416.12,-4010.59 1416.12,-4014.55 1412.17,-4018.51 1408.21,-4018.51"/>
-<text text-anchor="middle" x="1360.12" y="-4001.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../utils/haptics.ts</text>
-</g>
-<!-- ../utils/index.ts&#45;&gt;../utils/haptics.ts -->
-<g id="edge584" class="edge">
-<title>../utils/index.ts&#45;&gt;../utils/haptics.ts</title>
-<path fill="none" stroke="#757575" d="M1006.09,-3641.58C1041.6,-3638.96 1087.67,-3642.33 1115.5,-3670.63 1214.29,-3771.12 1051.22,-3886.64 1151.5,-3985.63 1187.75,-4021.41 1246.8,-4024.23 1292.68,-4019.49"/>
-<polygon fill="#757575" stroke="#757575" points="1293.02,-4022.98 1302.53,-4018.32 1292.19,-4016.03 1293.02,-4022.98"/>
-</g>
-<!-- ../utils/reduceArrayToObject.ts -->
-<g id="node326" class="node">
-<title>../utils/reduceArrayToObject.ts</title>
-<path fill="none" stroke="#cfffac" d="M1850.58,-4000.51C1850.58,-4000.51 1669.67,-4000.51 1669.67,-4000.51 1665.71,-4000.51 1661.75,-3996.55 1661.75,-3992.59 1661.75,-3992.59 1661.75,-3984.67 1661.75,-3984.67 1661.75,-3980.72 1665.71,-3976.76 1669.67,-3976.76 1669.67,-3976.76 1850.58,-3976.76 1850.58,-3976.76 1854.54,-3976.76 1858.5,-3980.72 1858.5,-3984.67 1858.5,-3984.67 1858.5,-3992.59 1858.5,-3992.59 1858.5,-3996.55 1854.54,-4000.51 1850.58,-4000.51"/>
-<text text-anchor="middle" x="1760.12" y="-3983.21" font-family="Arial" font-size="14.00" fill="#cfffac">../utils/reduceArrayToObject.ts</text>
-</g>
-<!-- ../utils/index.ts&#45;&gt;../utils/reduceArrayToObject.ts -->
-<g id="edge595" class="edge">
-<title>../utils/index.ts&#45;&gt;../utils/reduceArrayToObject.ts</title>
-<path fill="none" stroke="#757575" d="M1005.83,-3641.5C1041.45,-3638.78 1087.77,-3642.04 1115.5,-3670.63 1171.02,-3727.86 1092.36,-3974.15 1151.5,-4027.63 1220.28,-4089.82 1478.51,-4048.94 1568.75,-4027.63 1586.16,-4023.52 1587.66,-4014.91 1604.75,-4009.63 1619.2,-4005.17 1634.71,-4001.66 1650.12,-3998.89"/>
-<polygon fill="#757575" stroke="#757575" points="1650.53,-4002.37 1659.81,-3997.25 1649.37,-3995.46 1650.53,-4002.37"/>
-</g>
-<!-- ../utils/isETH.ts -->
-<g id="node327" class="node">
-<title>../utils/isETH.ts</title>
-<path fill="none" stroke="#cfffac" d="M1405.21,-3976.51C1405.21,-3976.51 1315.04,-3976.51 1315.04,-3976.51 1311.08,-3976.51 1307.12,-3972.55 1307.12,-3968.59 1307.12,-3968.59 1307.12,-3960.67 1307.12,-3960.67 1307.12,-3956.72 1311.08,-3952.76 1315.04,-3952.76 1315.04,-3952.76 1405.21,-3952.76 1405.21,-3952.76 1409.17,-3952.76 1413.12,-3956.72 1413.12,-3960.67 1413.12,-3960.67 1413.12,-3968.59 1413.12,-3968.59 1413.12,-3972.55 1409.17,-3976.51 1405.21,-3976.51"/>
-<text text-anchor="middle" x="1360.12" y="-3959.21" font-family="Arial" font-size="14.00" fill="#cfffac">../utils/isETH.ts</text>
-</g>
-<!-- ../utils/index.ts&#45;&gt;../utils/isETH.ts -->
-<g id="edge585" class="edge">
-<title>../utils/index.ts&#45;&gt;../utils/isETH.ts</title>
-<path fill="none" stroke="#757575" d="M1005.95,-3641.72C1041.39,-3639.18 1087.43,-3642.57 1115.5,-3670.63 1202.05,-3757.16 1063.66,-3858.41 1151.5,-3943.63 1188.78,-3979.8 1249.41,-3982.04 1295.55,-3977.02"/>
-<polygon fill="#757575" stroke="#757575" points="1295.96,-3980.5 1305.45,-3975.79 1295.09,-3973.55 1295.96,-3980.5"/>
-</g>
-<!-- ../utils/isLowerCaseMatch.ts -->
-<g id="node328" class="node">
-<title>../utils/isLowerCaseMatch.ts</title>
-<path fill="none" stroke="#cfffac" d="M1444.58,-3934.51C1444.58,-3934.51 1275.67,-3934.51 1275.67,-3934.51 1271.71,-3934.51 1267.75,-3930.55 1267.75,-3926.59 1267.75,-3926.59 1267.75,-3918.67 1267.75,-3918.67 1267.75,-3914.72 1271.71,-3910.76 1275.67,-3910.76 1275.67,-3910.76 1444.58,-3910.76 1444.58,-3910.76 1448.54,-3910.76 1452.5,-3914.72 1452.5,-3918.67 1452.5,-3918.67 1452.5,-3926.59 1452.5,-3926.59 1452.5,-3930.55 1448.54,-3934.51 1444.58,-3934.51"/>
-<text text-anchor="middle" x="1360.12" y="-3917.21" font-family="Arial" font-size="14.00" fill="#cfffac">../utils/isLowerCaseMatch.ts</text>
-</g>
-<!-- ../utils/index.ts&#45;&gt;../utils/isLowerCaseMatch.ts -->
-<g id="edge586" class="edge">
-<title>../utils/index.ts&#45;&gt;../utils/isLowerCaseMatch.ts</title>
-<path fill="none" stroke="#757575" d="M1005.75,-3641.92C1041.1,-3639.47 1087.1,-3642.9 1115.5,-3670.63 1189.84,-3743.23 1076.08,-3830.16 1151.5,-3901.63 1185.61,-3933.96 1238.46,-3938.92 1282.3,-3935.94"/>
-<polygon fill="#757575" stroke="#757575" points="1282.34,-3939.45 1292.01,-3935.12 1281.76,-3932.48 1282.34,-3939.45"/>
-</g>
-<!-- ../utils/labelhash.ts -->
-<g id="node329" class="node">
-<title>../utils/labelhash.ts</title>
-<path fill="none" stroke="#c6c5fe" d="M1415.71,-3178.51C1415.71,-3178.51 1304.54,-3178.51 1304.54,-3178.51 1300.58,-3178.51 1296.62,-3174.55 1296.62,-3170.59 1296.62,-3170.59 1296.62,-3162.67 1296.62,-3162.67 1296.62,-3158.72 1300.58,-3154.76 1304.54,-3154.76 1304.54,-3154.76 1415.71,-3154.76 1415.71,-3154.76 1419.67,-3154.76 1423.62,-3158.72 1423.62,-3162.67 1423.62,-3162.67 1423.62,-3170.59 1423.62,-3170.59 1423.62,-3174.55 1419.67,-3178.51 1415.71,-3178.51"/>
-<text text-anchor="middle" x="1360.12" y="-3161.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../utils/labelhash.ts</text>
-</g>
-<!-- ../utils/index.ts&#45;&gt;../utils/labelhash.ts -->
-<g id="edge587" class="edge">
-<title>../utils/index.ts&#45;&gt;../utils/labelhash.ts</title>
-<path fill="none" stroke="#757575" d="M956.74,-3637.31C961.77,-3576.28 992.73,-3304.74 1151.5,-3187.63 1189.37,-3159.7 1242.26,-3154.7 1285.18,-3156.56"/>
-<polygon fill="#757575" stroke="#757575" points="1284.74,-3160.04 1294.92,-3157.13 1285.14,-3153.05 1284.74,-3160.04"/>
-</g>
-<!-- ../utils/magicMemo.ts -->
-<g id="node330" class="node">
-<title>../utils/magicMemo.ts</title>
-<path fill="none" stroke="#cfffac" d="M1424.71,-3850.51C1424.71,-3850.51 1295.54,-3850.51 1295.54,-3850.51 1291.58,-3850.51 1287.62,-3846.55 1287.62,-3842.59 1287.62,-3842.59 1287.62,-3834.67 1287.62,-3834.67 1287.62,-3830.72 1291.58,-3826.76 1295.54,-3826.76 1295.54,-3826.76 1424.71,-3826.76 1424.71,-3826.76 1428.67,-3826.76 1432.62,-3830.72 1432.62,-3834.67 1432.62,-3834.67 1432.62,-3842.59 1432.62,-3842.59 1432.62,-3846.55 1428.67,-3850.51 1424.71,-3850.51"/>
-<text text-anchor="middle" x="1360.12" y="-3833.21" font-family="Arial" font-size="14.00" fill="#cfffac">../utils/magicMemo.ts</text>
-</g>
-<!-- ../utils/index.ts&#45;&gt;../utils/magicMemo.ts -->
-<g id="edge588" class="edge">
-<title>../utils/index.ts&#45;&gt;../utils/magicMemo.ts</title>
-<path fill="none" stroke="#757575" d="M1005.8,-3642.61C1040.71,-3640.63 1086.15,-3644.33 1115.5,-3670.63 1165.59,-3715.52 1100.74,-3773.5 1151.5,-3817.63 1185.06,-3846.81 1234.17,-3852.84 1276.2,-3851.2"/>
-<polygon fill="#757575" stroke="#757575" points="1276.27,-3854.71 1286.06,-3850.66 1275.88,-3847.72 1276.27,-3854.71"/>
-</g>
-<!-- ../utils/measureText.ts -->
-<g id="node331" class="node">
-<title>../utils/measureText.ts</title>
-<path fill="none" stroke="#c6c5fe" d="M1425.83,-4510.51C1425.83,-4510.51 1294.42,-4510.51 1294.42,-4510.51 1290.46,-4510.51 1286.5,-4506.55 1286.5,-4502.59 1286.5,-4502.59 1286.5,-4494.67 1286.5,-4494.67 1286.5,-4490.72 1290.46,-4486.76 1294.42,-4486.76 1294.42,-4486.76 1425.83,-4486.76 1425.83,-4486.76 1429.79,-4486.76 1433.75,-4490.72 1433.75,-4494.67 1433.75,-4494.67 1433.75,-4502.59 1433.75,-4502.59 1433.75,-4506.55 1429.79,-4510.51 1425.83,-4510.51"/>
-<text text-anchor="middle" x="1360.12" y="-4493.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../utils/measureText.ts</text>
-</g>
-<!-- ../utils/index.ts&#45;&gt;../utils/measureText.ts -->
-<g id="edge589" class="edge">
-<title>../utils/index.ts&#45;&gt;../utils/measureText.ts</title>
-<path fill="none" stroke="#757575" d="M1005.89,-3641.11C1041.78,-3638.13 1088.41,-3641.24 1115.5,-3670.63 1170.61,-3730.43 1106.16,-4334.13 1151.5,-4401.63 1180.92,-4445.43 1235.58,-4469.88 1281.43,-4483.28"/>
-<polygon fill="#757575" stroke="#757575" points="1280.24,-4486.58 1290.81,-4485.89 1282.11,-4479.84 1280.24,-4486.58"/>
-</g>
-<!-- ../utils/neverRerender.ts -->
-<g id="node332" class="node">
-<title>../utils/neverRerender.ts</title>
-<path fill="none" stroke="#cfffac" d="M1431.46,-3766.51C1431.46,-3766.51 1288.79,-3766.51 1288.79,-3766.51 1284.83,-3766.51 1280.88,-3762.55 1280.88,-3758.59 1280.88,-3758.59 1280.88,-3750.67 1280.88,-3750.67 1280.88,-3746.72 1284.83,-3742.76 1288.79,-3742.76 1288.79,-3742.76 1431.46,-3742.76 1431.46,-3742.76 1435.42,-3742.76 1439.38,-3746.72 1439.38,-3750.67 1439.38,-3750.67 1439.38,-3758.59 1439.38,-3758.59 1439.38,-3762.55 1435.42,-3766.51 1431.46,-3766.51"/>
-<text text-anchor="middle" x="1360.12" y="-3749.21" font-family="Arial" font-size="14.00" fill="#cfffac">../utils/neverRerender.ts</text>
-</g>
-<!-- ../utils/index.ts&#45;&gt;../utils/neverRerender.ts -->
-<g id="edge590" class="edge">
-<title>../utils/index.ts&#45;&gt;../utils/neverRerender.ts</title>
-<path fill="none" stroke="#757575" d="M1005.94,-3645.2C1039.59,-3644.71 1083.47,-3649.13 1115.5,-3670.63 1142.27,-3688.61 1124.46,-3716.06 1151.5,-3733.63 1185.79,-3755.91 1230.19,-3762.63 1269.14,-3763.17"/>
-<polygon fill="#757575" stroke="#757575" points="1268.98,-3766.67 1278.98,-3763.16 1268.98,-3759.67 1268.98,-3766.67"/>
-</g>
-<!-- ../utils/parseObjectToUrlQueryString.ts -->
-<g id="node333" class="node">
-<title>../utils/parseObjectToUrlQueryString.ts</title>
-<path fill="none" stroke="#cfffac" d="M1475.71,-3724.51C1475.71,-3724.51 1244.54,-3724.51 1244.54,-3724.51 1240.58,-3724.51 1236.62,-3720.55 1236.62,-3716.59 1236.62,-3716.59 1236.62,-3708.67 1236.62,-3708.67 1236.62,-3704.72 1240.58,-3700.76 1244.54,-3700.76 1244.54,-3700.76 1475.71,-3700.76 1475.71,-3700.76 1479.67,-3700.76 1483.62,-3704.72 1483.62,-3708.67 1483.62,-3708.67 1483.62,-3716.59 1483.62,-3716.59 1483.62,-3720.55 1479.67,-3724.51 1475.71,-3724.51"/>
-<text text-anchor="middle" x="1360.12" y="-3707.21" font-family="Arial" font-size="14.00" fill="#cfffac">../utils/parseObjectToUrlQueryString.ts</text>
-</g>
-<!-- ../utils/index.ts&#45;&gt;../utils/parseObjectToUrlQueryString.ts -->
-<g id="edge591" class="edge">
-<title>../utils/index.ts&#45;&gt;../utils/parseObjectToUrlQueryString.ts</title>
-<path fill="none" stroke="#757575" d="M1005.93,-3651.14C1037.99,-3653.33 1080.06,-3658.51 1115.5,-3670.63 1133.03,-3676.62 1133.88,-3685.9 1151.5,-3691.63 1174.73,-3699.19 1200.13,-3704.22 1224.93,-3707.53"/>
-<polygon fill="#757575" stroke="#757575" points="1224.43,-3711 1234.78,-3708.75 1225.29,-3704.05 1224.43,-3711"/>
-</g>
-<!-- ../utils/profileUtils.ts -->
-<g id="node334" class="node">
-<title>../utils/profileUtils.ts</title>
-<path fill="none" stroke="#c6c5fe" d="M1418.33,-4392.51C1418.33,-4392.51 1301.92,-4392.51 1301.92,-4392.51 1297.96,-4392.51 1294,-4388.55 1294,-4384.59 1294,-4384.59 1294,-4376.67 1294,-4376.67 1294,-4372.72 1297.96,-4368.76 1301.92,-4368.76 1301.92,-4368.76 1418.33,-4368.76 1418.33,-4368.76 1422.29,-4368.76 1426.25,-4372.72 1426.25,-4376.67 1426.25,-4376.67 1426.25,-4384.59 1426.25,-4384.59 1426.25,-4388.55 1422.29,-4392.51 1418.33,-4392.51"/>
-<text text-anchor="middle" x="1360.12" y="-4375.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../utils/profileUtils.ts</text>
-</g>
-<!-- ../utils/index.ts&#45;&gt;../utils/profileUtils.ts -->
-<g id="edge592" class="edge">
-<title>../utils/index.ts&#45;&gt;../utils/profileUtils.ts</title>
-<path fill="none" stroke="#757575" d="M1005.86,-3641.14C1041.74,-3638.17 1088.37,-3641.28 1115.5,-3670.63 1219.57,-3783.22 1045.75,-4248.62 1151.5,-4359.63 1186.17,-4396.03 1244.24,-4399.14 1290.17,-4394.36"/>
-<polygon fill="#757575" stroke="#757575" points="1290.55,-4397.84 1300.06,-4393.17 1289.71,-4390.89 1290.55,-4397.84"/>
-</g>
-<!-- ../utils/promise.ts -->
-<g id="node335" class="node">
-<title>../utils/promise.ts</title>
-<path fill="none" stroke="#cfffac" d="M1411.21,-3682.51C1411.21,-3682.51 1309.04,-3682.51 1309.04,-3682.51 1305.08,-3682.51 1301.12,-3678.55 1301.12,-3674.59 1301.12,-3674.59 1301.12,-3666.67 1301.12,-3666.67 1301.12,-3662.72 1305.08,-3658.76 1309.04,-3658.76 1309.04,-3658.76 1411.21,-3658.76 1411.21,-3658.76 1415.17,-3658.76 1419.12,-3662.72 1419.12,-3666.67 1419.12,-3666.67 1419.12,-3674.59 1419.12,-3674.59 1419.12,-3678.55 1415.17,-3682.51 1411.21,-3682.51"/>
-<text text-anchor="middle" x="1360.12" y="-3665.21" font-family="Arial" font-size="14.00" fill="#cfffac">../utils/promise.ts</text>
-</g>
-<!-- ../utils/index.ts&#45;&gt;../utils/promise.ts -->
-<g id="edge593" class="edge">
-<title>../utils/index.ts&#45;&gt;../utils/promise.ts</title>
-<path fill="none" stroke="#757575" d="M1005.73,-3652.23C1077.17,-3655.95 1208.97,-3662.81 1289.85,-3667.02"/>
-<polygon fill="#757575" stroke="#757575" points="1289.24,-3670.5 1299.41,-3667.52 1289.6,-3663.51 1289.24,-3670.5"/>
-</g>
-<!-- ../utils/pseudoRandomArrayItemFromString.ts -->
-<g id="node336" class="node">
-<title>../utils/pseudoRandomArrayItemFromString.ts</title>
-<path fill="none" stroke="#cfffac" d="M1498.21,-3640.51C1498.21,-3640.51 1222.04,-3640.51 1222.04,-3640.51 1218.08,-3640.51 1214.12,-3636.55 1214.12,-3632.59 1214.12,-3632.59 1214.12,-3624.67 1214.12,-3624.67 1214.12,-3620.72 1218.08,-3616.76 1222.04,-3616.76 1222.04,-3616.76 1498.21,-3616.76 1498.21,-3616.76 1502.17,-3616.76 1506.12,-3620.72 1506.12,-3624.67 1506.12,-3624.67 1506.12,-3632.59 1506.12,-3632.59 1506.12,-3636.55 1502.17,-3640.51 1498.21,-3640.51"/>
-<text text-anchor="middle" x="1360.12" y="-3623.21" font-family="Arial" font-size="14.00" fill="#cfffac">../utils/pseudoRandomArrayItemFromString.ts</text>
-</g>
-<!-- ../utils/index.ts&#45;&gt;../utils/pseudoRandomArrayItemFromString.ts -->
-<g id="edge594" class="edge">
-<title>../utils/index.ts&#45;&gt;../utils/pseudoRandomArrayItemFromString.ts</title>
-<path fill="none" stroke="#757575" d="M1005.73,-3647.04C1054.93,-3644.47 1132.76,-3640.42 1202.87,-3636.77"/>
-<polygon fill="#757575" stroke="#757575" points="1202.74,-3640.28 1212.54,-3636.27 1202.37,-3633.29 1202.74,-3640.28"/>
-</g>
-<!-- ../utils/resolveFirstRejectLast.ts -->
-<g id="node337" class="node">
-<title>../utils/resolveFirstRejectLast.ts</title>
-<path fill="none" stroke="#cfffac" d="M1453.58,-3598.51C1453.58,-3598.51 1266.67,-3598.51 1266.67,-3598.51 1262.71,-3598.51 1258.75,-3594.55 1258.75,-3590.59 1258.75,-3590.59 1258.75,-3582.67 1258.75,-3582.67 1258.75,-3578.72 1262.71,-3574.76 1266.67,-3574.76 1266.67,-3574.76 1453.58,-3574.76 1453.58,-3574.76 1457.54,-3574.76 1461.5,-3578.72 1461.5,-3582.67 1461.5,-3582.67 1461.5,-3590.59 1461.5,-3590.59 1461.5,-3594.55 1457.54,-3598.51 1453.58,-3598.51"/>
-<text text-anchor="middle" x="1360.12" y="-3581.21" font-family="Arial" font-size="14.00" fill="#cfffac">../utils/resolveFirstRejectLast.ts</text>
-</g>
-<!-- ../utils/index.ts&#45;&gt;../utils/resolveFirstRejectLast.ts -->
-<g id="edge596" class="edge">
-<title>../utils/index.ts&#45;&gt;../utils/resolveFirstRejectLast.ts</title>
-<path fill="none" stroke="#757575" d="M1005.85,-3637.3C1045.21,-3627.98 1101.57,-3615.49 1151.5,-3607.63 1182.42,-3602.76 1216.11,-3598.79 1247.19,-3595.66"/>
-<polygon fill="#757575" stroke="#757575" points="1247.4,-3599.16 1257.01,-3594.7 1246.71,-3592.19 1247.4,-3599.16"/>
-</g>
-<!-- ../utils/safeAreaInsetValues.ts -->
-<g id="node338" class="node">
-<title>../utils/safeAreaInsetValues.ts</title>
-<path fill="none" stroke="#cfffac" d="M1448.71,-3556.51C1448.71,-3556.51 1271.54,-3556.51 1271.54,-3556.51 1267.58,-3556.51 1263.62,-3552.55 1263.62,-3548.59 1263.62,-3548.59 1263.62,-3540.67 1263.62,-3540.67 1263.62,-3536.72 1267.58,-3532.76 1271.54,-3532.76 1271.54,-3532.76 1448.71,-3532.76 1448.71,-3532.76 1452.67,-3532.76 1456.62,-3536.72 1456.62,-3540.67 1456.62,-3540.67 1456.62,-3548.59 1456.62,-3548.59 1456.62,-3552.55 1452.67,-3556.51 1448.71,-3556.51"/>
-<text text-anchor="middle" x="1360.12" y="-3539.21" font-family="Arial" font-size="14.00" fill="#cfffac">../utils/safeAreaInsetValues.ts</text>
-</g>
-<!-- ../utils/index.ts&#45;&gt;../utils/safeAreaInsetValues.ts -->
-<g id="edge597" class="edge">
-<title>../utils/index.ts&#45;&gt;../utils/safeAreaInsetValues.ts</title>
-<path fill="none" stroke="#757575" d="M978.26,-3637.32C1013.8,-3618.41 1085.84,-3582.62 1151.5,-3565.63 1183.58,-3557.33 1219.24,-3552.28 1251.83,-3549.22"/>
-<polygon fill="#757575" stroke="#757575" points="1252.06,-3552.71 1261.71,-3548.35 1251.44,-3545.74 1252.06,-3552.71"/>
-</g>
-<!-- ../utils/search.ts -->
-<g id="node339" class="node">
-<title>../utils/search.ts</title>
-<path fill="none" stroke="#cfffac" d="M1407.08,-3514.51C1407.08,-3514.51 1313.17,-3514.51 1313.17,-3514.51 1309.21,-3514.51 1305.25,-3510.55 1305.25,-3506.59 1305.25,-3506.59 1305.25,-3498.67 1305.25,-3498.67 1305.25,-3494.72 1309.21,-3490.76 1313.17,-3490.76 1313.17,-3490.76 1407.08,-3490.76 1407.08,-3490.76 1411.04,-3490.76 1415,-3494.72 1415,-3498.67 1415,-3498.67 1415,-3506.59 1415,-3506.59 1415,-3510.55 1411.04,-3514.51 1407.08,-3514.51"/>
-<text text-anchor="middle" x="1360.12" y="-3497.21" font-family="Arial" font-size="14.00" fill="#cfffac">../utils/search.ts</text>
-</g>
-<!-- ../utils/index.ts&#45;&gt;../utils/search.ts -->
-<g id="edge598" class="edge">
-<title>../utils/index.ts&#45;&gt;../utils/search.ts</title>
-<path fill="none" stroke="#757575" d="M969.37,-3637.62C999.5,-3611.59 1075.62,-3550.18 1151.5,-3523.63 1197.29,-3507.61 1251.99,-3502.61 1293.74,-3501.47"/>
-<polygon fill="#757575" stroke="#757575" points="1293.72,-3504.98 1303.65,-3501.28 1293.58,-3497.98 1293.72,-3504.98"/>
-</g>
-<!-- ../utils/sentry.ts -->
-<g id="node340" class="node">
-<title>../utils/sentry.ts</title>
-<path fill="none" stroke="#cfffac" d="M1404.83,-3472.51C1404.83,-3472.51 1315.42,-3472.51 1315.42,-3472.51 1311.46,-3472.51 1307.5,-3468.55 1307.5,-3464.59 1307.5,-3464.59 1307.5,-3456.67 1307.5,-3456.67 1307.5,-3452.72 1311.46,-3448.76 1315.42,-3448.76 1315.42,-3448.76 1404.83,-3448.76 1404.83,-3448.76 1408.79,-3448.76 1412.75,-3452.72 1412.75,-3456.67 1412.75,-3456.67 1412.75,-3464.59 1412.75,-3464.59 1412.75,-3468.55 1408.79,-3472.51 1404.83,-3472.51"/>
-<text text-anchor="middle" x="1360.12" y="-3455.21" font-family="Arial" font-size="14.00" fill="#cfffac">../utils/sentry.ts</text>
-</g>
-<!-- ../utils/index.ts&#45;&gt;../utils/sentry.ts -->
-<g id="edge599" class="edge">
-<title>../utils/index.ts&#45;&gt;../utils/sentry.ts</title>
-<path fill="none" stroke="#757575" d="M965.27,-3637.54C990.99,-3605.46 1066.33,-3518.16 1151.5,-3481.63 1197.1,-3462.07 1253.33,-3457.43 1295.76,-3457.34"/>
-<polygon fill="#757575" stroke="#757575" points="1295.53,-3460.84 1305.55,-3457.41 1295.58,-3453.84 1295.53,-3460.84"/>
-</g>
-<!-- ../utils/simplifyChartData.ts -->
-<g id="node341" class="node">
-<title>../utils/simplifyChartData.ts</title>
-<path fill="none" stroke="#cfffac" d="M1440.46,-3430.51C1440.46,-3430.51 1279.79,-3430.51 1279.79,-3430.51 1275.83,-3430.51 1271.88,-3426.55 1271.88,-3422.59 1271.88,-3422.59 1271.88,-3414.67 1271.88,-3414.67 1271.88,-3410.72 1275.83,-3406.76 1279.79,-3406.76 1279.79,-3406.76 1440.46,-3406.76 1440.46,-3406.76 1444.42,-3406.76 1448.38,-3410.72 1448.38,-3414.67 1448.38,-3414.67 1448.38,-3422.59 1448.38,-3422.59 1448.38,-3426.55 1444.42,-3430.51 1440.46,-3430.51"/>
-<text text-anchor="middle" x="1360.12" y="-3413.21" font-family="Arial" font-size="14.00" fill="#cfffac">../utils/simplifyChartData.ts</text>
-</g>
-<!-- ../utils/index.ts&#45;&gt;../utils/simplifyChartData.ts -->
-<g id="edge600" class="edge">
-<title>../utils/index.ts&#45;&gt;../utils/simplifyChartData.ts</title>
-<path fill="none" stroke="#757575" d="M962.84,-3637.32C984.82,-3599.79 1056.89,-3486.6 1151.5,-3439.63 1184.59,-3423.2 1224.26,-3416.53 1260.01,-3414.45"/>
-<polygon fill="#757575" stroke="#757575" points="1260.13,-3417.95 1269.96,-3414 1259.81,-3410.95 1260.13,-3417.95"/>
-</g>
-<!-- ../utils/tokensListenedCache.ts -->
-<g id="node342" class="node">
-<title>../utils/tokensListenedCache.ts</title>
-<path fill="none" stroke="#cfffac" d="M1451.71,-3388.51C1451.71,-3388.51 1268.54,-3388.51 1268.54,-3388.51 1264.58,-3388.51 1260.62,-3384.55 1260.62,-3380.59 1260.62,-3380.59 1260.62,-3372.67 1260.62,-3372.67 1260.62,-3368.72 1264.58,-3364.76 1268.54,-3364.76 1268.54,-3364.76 1451.71,-3364.76 1451.71,-3364.76 1455.67,-3364.76 1459.62,-3368.72 1459.62,-3372.67 1459.62,-3372.67 1459.62,-3380.59 1459.62,-3380.59 1459.62,-3384.55 1455.67,-3388.51 1451.71,-3388.51"/>
-<text text-anchor="middle" x="1360.12" y="-3371.21" font-family="Arial" font-size="14.00" fill="#cfffac">../utils/tokensListenedCache.ts</text>
-</g>
-<!-- ../utils/index.ts&#45;&gt;../utils/tokensListenedCache.ts -->
-<g id="edge601" class="edge">
-<title>../utils/index.ts&#45;&gt;../utils/tokensListenedCache.ts</title>
-<path fill="none" stroke="#757575" d="M961.05,-3637.34C979.53,-3595.15 1046.84,-3455.59 1151.5,-3397.63 1180.83,-3381.39 1216.09,-3374.15 1249.15,-3371.52"/>
-<polygon fill="#757575" stroke="#757575" points="1249,-3375.03 1258.76,-3370.89 1248.55,-3368.05 1249,-3375.03"/>
-</g>
-<!-- ../utils/uniqueTokens.ts -->
-<g id="node343" class="node">
-<title>../utils/uniqueTokens.ts</title>
-<path fill="none" stroke="#cfffac" d="M1428.46,-3346.51C1428.46,-3346.51 1291.79,-3346.51 1291.79,-3346.51 1287.83,-3346.51 1283.88,-3342.55 1283.88,-3338.59 1283.88,-3338.59 1283.88,-3330.67 1283.88,-3330.67 1283.88,-3326.72 1287.83,-3322.76 1291.79,-3322.76 1291.79,-3322.76 1428.46,-3322.76 1428.46,-3322.76 1432.42,-3322.76 1436.38,-3326.72 1436.38,-3330.67 1436.38,-3330.67 1436.38,-3338.59 1436.38,-3338.59 1436.38,-3342.55 1432.42,-3346.51 1428.46,-3346.51"/>
-<text text-anchor="middle" x="1360.12" y="-3329.21" font-family="Arial" font-size="14.00" fill="#cfffac">../utils/uniqueTokens.ts</text>
-</g>
-<!-- ../utils/index.ts&#45;&gt;../utils/uniqueTokens.ts -->
-<g id="edge602" class="edge">
-<title>../utils/index.ts&#45;&gt;../utils/uniqueTokens.ts</title>
-<path fill="none" stroke="#757575" d="M959.75,-3637.32C975.09,-3590.82 1036.49,-3424.92 1151.5,-3355.63 1187.23,-3334.11 1232.82,-3327.69 1272.17,-3327.16"/>
-<polygon fill="#757575" stroke="#757575" points="1272.11,-3330.66 1282.11,-3327.16 1272.11,-3323.66 1272.11,-3330.66"/>
-</g>
-<!-- ../utils/watchingAlert.ts -->
-<g id="node344" class="node">
-<title>../utils/watchingAlert.ts</title>
-<path fill="none" stroke="#cfffac" d="M1427.33,-3304.51C1427.33,-3304.51 1292.92,-3304.51 1292.92,-3304.51 1288.96,-3304.51 1285,-3300.55 1285,-3296.59 1285,-3296.59 1285,-3288.67 1285,-3288.67 1285,-3284.72 1288.96,-3280.76 1292.92,-3280.76 1292.92,-3280.76 1427.33,-3280.76 1427.33,-3280.76 1431.29,-3280.76 1435.25,-3284.72 1435.25,-3288.67 1435.25,-3288.67 1435.25,-3296.59 1435.25,-3296.59 1435.25,-3300.55 1431.29,-3304.51 1427.33,-3304.51"/>
-<text text-anchor="middle" x="1360.12" y="-3287.21" font-family="Arial" font-size="14.00" fill="#cfffac">../utils/watchingAlert.ts</text>
-</g>
-<!-- ../utils/index.ts&#45;&gt;../utils/watchingAlert.ts -->
-<g id="edge603" class="edge">
-<title>../utils/index.ts&#45;&gt;../utils/watchingAlert.ts</title>
-<path fill="none" stroke="#757575" d="M958.73,-3637.38C971.17,-3586.99 1025.8,-3394.59 1151.5,-3313.63 1187.06,-3290.73 1233.37,-3284.35 1273.23,-3284.18"/>
-<polygon fill="#757575" stroke="#757575" points="1273,-3287.68 1283.04,-3284.28 1273.08,-3280.68 1273,-3287.68"/>
-</g>
-<!-- ../utils/withSpeed.ts -->
-<g id="node345" class="node">
-<title>../utils/withSpeed.ts</title>
-<path fill="none" stroke="#cfffac" d="M1418.33,-3262.51C1418.33,-3262.51 1301.92,-3262.51 1301.92,-3262.51 1297.96,-3262.51 1294,-3258.55 1294,-3254.59 1294,-3254.59 1294,-3246.67 1294,-3246.67 1294,-3242.72 1297.96,-3238.76 1301.92,-3238.76 1301.92,-3238.76 1418.33,-3238.76 1418.33,-3238.76 1422.29,-3238.76 1426.25,-3242.72 1426.25,-3246.67 1426.25,-3246.67 1426.25,-3254.59 1426.25,-3254.59 1426.25,-3258.55 1422.29,-3262.51 1418.33,-3262.51"/>
-<text text-anchor="middle" x="1360.12" y="-3245.21" font-family="Arial" font-size="14.00" fill="#cfffac">../utils/withSpeed.ts</text>
-</g>
-<!-- ../utils/index.ts&#45;&gt;../utils/withSpeed.ts -->
-<g id="edge604" class="edge">
-<title>../utils/index.ts&#45;&gt;../utils/withSpeed.ts</title>
-<path fill="none" stroke="#757575" d="M957.93,-3637.39C967.71,-3583.32 1014.92,-3364.47 1151.5,-3271.63 1189.38,-3245.89 1240.47,-3240.45 1282.5,-3241.53"/>
-<polygon fill="#757575" stroke="#757575" points="1282.16,-3245.02 1292.3,-3241.93 1282.44,-3238.03 1282.16,-3245.02"/>
-</g>
-<!-- ../components/exchange/ExchangeTokenRow.tsx&#45;&gt;../components/animations/index.js -->
-<g id="edge200" class="edge">
-<title>../components/exchange/ExchangeTokenRow.tsx&#45;&gt;../components/animations/index.js</title>
-<path fill="none" stroke="#757575" d="M1773.03,-668.36C1846.79,-593.7 2251.74,-203.63 2661.12,-203.63 2661.12,-203.63 2661.12,-203.63 6098.12,-203.63 6210.95,-203.63 6510.31,-166.69 6605.25,-227.63 6721.95,-302.54 6765.31,-481.03 6777.44,-545.17"/>
-<polygon fill="#757575" stroke="#757575" points="6773.98,-545.7 6779.2,-554.92 6780.87,-544.46 6773.98,-545.7"/>
-</g>
-<!-- ../components/exchange/ExchangeTokenRow.tsx&#45;&gt;../components/asset&#45;list/RecyclerAssetList2/FastComponents/FastCurrencySelectionRow.tsx -->
-<g id="edge201" class="edge">
-<title>../components/exchange/ExchangeTokenRow.tsx&#45;&gt;../components/asset&#45;list/RecyclerAssetList2/FastComponents/FastCurrencySelectionRow.tsx</title>
-<path fill="none" stroke="#757575" d="M1907.92,-692.99C1961.87,-697.53 2023.18,-702.69 2078.1,-707.31"/>
-<polygon fill="#757575" stroke="#757575" points="2077.59,-710.78 2087.84,-708.13 2078.17,-703.8 2077.59,-710.78"/>
-</g>
-<!-- ../components/exchange/ExchangeTokenRow.tsx&#45;&gt;../components/floating&#45;emojis/index.js -->
-<g id="edge203" class="edge">
-<title>../components/exchange/ExchangeTokenRow.tsx&#45;&gt;../components/floating&#45;emojis/index.js</title>
-<path fill="none" stroke="#757575" d="M1915.89,-668.45C1927.93,-667.74 1939.91,-667.12 1951.5,-666.63 2409.99,-647.14 2954.79,-647.85 3200.76,-649.45"/>
-<polygon fill="#757575" stroke="#757575" points="3200.7,-652.95 3210.73,-649.51 3200.75,-645.95 3200.7,-652.95"/>
-</g>
-<!-- ../components/exchange/ExchangeTokenRow.tsx&#45;&gt;../components/coin&#45;icon/RainbowCoinIcon.tsx -->
-<g id="edge202" class="edge">
-<title>../components/exchange/ExchangeTokenRow.tsx&#45;&gt;../components/coin&#45;icon/RainbowCoinIcon.tsx</title>
-<path fill="none" stroke="#757575" d="M1915.94,-677.68C2122.99,-674.78 2470.3,-673.94 2523.25,-699.63 3220.47,-1037.9 3660,-1985.64 3729.25,-2143.28"/>
-<polygon fill="#757575" stroke="#757575" points="3725.94,-2144.45 3733.15,-2152.22 3732.36,-2141.65 3725.94,-2144.45"/>
-</g>
-<!-- ../hooks/useClipboard.ts -->
-<g id="node125" class="node">
-<title>../hooks/useClipboard.ts</title>
-<path fill="none" stroke="#c6c5fe" d="M1832.58,-3089.51C1832.58,-3089.51 1687.67,-3089.51 1687.67,-3089.51 1683.71,-3089.51 1679.75,-3085.55 1679.75,-3081.59 1679.75,-3081.59 1679.75,-3073.67 1679.75,-3073.67 1679.75,-3069.72 1683.71,-3065.76 1687.67,-3065.76 1687.67,-3065.76 1832.58,-3065.76 1832.58,-3065.76 1836.54,-3065.76 1840.5,-3069.72 1840.5,-3073.67 1840.5,-3073.67 1840.5,-3081.59 1840.5,-3081.59 1840.5,-3085.55 1836.54,-3089.51 1832.58,-3089.51"/>
-<text text-anchor="middle" x="1760.12" y="-3072.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../hooks/useClipboard.ts</text>
-</g>
-<!-- ../components/exchange/exchangeAssetRowContextMenuProps.ts&#45;&gt;../hooks/useClipboard.ts -->
-<g id="edge205" class="edge">
-<title>../components/exchange/exchangeAssetRowContextMenuProps.ts&#45;&gt;../hooks/useClipboard.ts</title>
-<path fill="none" stroke="#757575" d="M1430.73,-2822.3C1475.62,-2818.54 1532.22,-2822.3 1568.75,-2855.63 1630.62,-2912.09 1546.81,-2980.14 1604.75,-3040.63 1621.45,-3058.07 1644.81,-3067.91 1668.31,-3073.3"/>
-<polygon fill="#757575" stroke="#757575" points="1667.48,-3076.7 1677.97,-3075.24 1668.86,-3069.84 1667.48,-3076.7"/>
-</g>
-<!-- ../components/toasts/CopyToast.js -->
-<g id="node269" class="node">
-<title>../components/toasts/CopyToast.js</title>
-<path fill="none" stroke="#cfffac" d="M4847.83,-3285.51C4847.83,-3285.51 4641.42,-3285.51 4641.42,-3285.51 4637.46,-3285.51 4633.5,-3281.55 4633.5,-3277.59 4633.5,-3277.59 4633.5,-3269.67 4633.5,-3269.67 4633.5,-3265.72 4637.46,-3261.76 4641.42,-3261.76 4641.42,-3261.76 4847.83,-3261.76 4847.83,-3261.76 4851.79,-3261.76 4855.75,-3265.72 4855.75,-3269.67 4855.75,-3269.67 4855.75,-3277.59 4855.75,-3277.59 4855.75,-3281.55 4851.79,-3285.51 4847.83,-3285.51"/>
-<text text-anchor="middle" x="4744.62" y="-3268.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/toasts/CopyToast.js</text>
-</g>
-<!-- ../components/toasts/index.js&#45;&gt;../components/toasts/CopyToast.js -->
-<g id="edge520" class="edge">
-<title>../components/toasts/index.js&#45;&gt;../components/toasts/CopyToast.js</title>
-<path fill="none" stroke="#757575" d="M4311.86,-3345.27C4376.36,-3331.64 4484.36,-3309.67 4578,-3294.63 4593.7,-3292.11 4610.27,-3289.71 4626.62,-3287.48"/>
-<polygon fill="#757575" stroke="#757575" points="4626.94,-3290.97 4636.39,-3286.18 4626.02,-3284.03 4626.94,-3290.97"/>
-</g>
-<!-- ../components/toasts/InvalidPasteToast.js -->
-<g id="node270" class="node">
-<title>../components/toasts/InvalidPasteToast.js</title>
-<path fill="none" stroke="#cfffac" d="M4868.83,-3411.51C4868.83,-3411.51 4620.42,-3411.51 4620.42,-3411.51 4616.46,-3411.51 4612.5,-3407.55 4612.5,-3403.59 4612.5,-3403.59 4612.5,-3395.67 4612.5,-3395.67 4612.5,-3391.72 4616.46,-3387.76 4620.42,-3387.76 4620.42,-3387.76 4868.83,-3387.76 4868.83,-3387.76 4872.79,-3387.76 4876.75,-3391.72 4876.75,-3395.67 4876.75,-3395.67 4876.75,-3403.59 4876.75,-3403.59 4876.75,-3407.55 4872.79,-3411.51 4868.83,-3411.51"/>
-<text text-anchor="middle" x="4744.62" y="-3394.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/toasts/InvalidPasteToast.js</text>
-</g>
-<!-- ../components/toasts/index.js&#45;&gt;../components/toasts/InvalidPasteToast.js -->
-<g id="edge521" class="edge">
-<title>../components/toasts/index.js&#45;&gt;../components/toasts/InvalidPasteToast.js</title>
-<path fill="none" stroke="#757575" d="M4349.1,-3365.75C4420.58,-3371.89 4519.9,-3380.42 4601,-3387.39"/>
-<polygon fill="#757575" stroke="#757575" points="4600.55,-3390.86 4610.81,-3388.23 4601.15,-3383.88 4600.55,-3390.86"/>
-</g>
-<!-- ../components/toasts/OfflineToast.js -->
-<g id="node271" class="node">
-<title>../components/toasts/OfflineToast.js</title>
-<path fill="none" stroke="#cfffac" d="M4851.96,-3369.51C4851.96,-3369.51 4637.29,-3369.51 4637.29,-3369.51 4633.33,-3369.51 4629.38,-3365.55 4629.38,-3361.59 4629.38,-3361.59 4629.38,-3353.67 4629.38,-3353.67 4629.38,-3349.72 4633.33,-3345.76 4637.29,-3345.76 4637.29,-3345.76 4851.96,-3345.76 4851.96,-3345.76 4855.92,-3345.76 4859.88,-3349.72 4859.88,-3353.67 4859.88,-3353.67 4859.88,-3361.59 4859.88,-3361.59 4859.88,-3365.55 4855.92,-3369.51 4851.96,-3369.51"/>
-<text text-anchor="middle" x="4744.62" y="-3352.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/toasts/OfflineToast.js</text>
-</g>
-<!-- ../components/toasts/index.js&#45;&gt;../components/toasts/OfflineToast.js -->
-<g id="edge522" class="edge">
-<title>../components/toasts/index.js&#45;&gt;../components/toasts/OfflineToast.js</title>
-<path fill="none" stroke="#757575" d="M4349.1,-3357.63C4425.56,-3357.63 4533.89,-3357.63 4617.69,-3357.63"/>
-<polygon fill="#757575" stroke="#757575" points="4617.57,-3361.13 4627.57,-3357.63 4617.57,-3354.13 4617.57,-3361.13"/>
-</g>
-<!-- ../components/toasts/TestnetToast.js -->
-<g id="node272" class="node">
-<title>../components/toasts/TestnetToast.js</title>
-<path fill="none" stroke="#c6c5fe" d="M4853.83,-3243.51C4853.83,-3243.51 4635.42,-3243.51 4635.42,-3243.51 4631.46,-3243.51 4627.5,-3239.55 4627.5,-3235.59 4627.5,-3235.59 4627.5,-3227.67 4627.5,-3227.67 4627.5,-3223.72 4631.46,-3219.76 4635.42,-3219.76 4635.42,-3219.76 4853.83,-3219.76 4853.83,-3219.76 4857.79,-3219.76 4861.75,-3223.72 4861.75,-3227.67 4861.75,-3227.67 4861.75,-3235.59 4861.75,-3235.59 4861.75,-3239.55 4857.79,-3243.51 4853.83,-3243.51"/>
-<text text-anchor="middle" x="4744.62" y="-3226.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/toasts/TestnetToast.js</text>
-</g>
-<!-- ../components/toasts/index.js&#45;&gt;../components/toasts/TestnetToast.js -->
-<g id="edge523" class="edge">
-<title>../components/toasts/index.js&#45;&gt;../components/toasts/TestnetToast.js</title>
-<path fill="none" stroke="#757575" d="M4298.26,-3345.29C4354.98,-3328.98 4456.73,-3298.67 4542,-3267.63 4558.29,-3261.7 4561.25,-3257.1 4578,-3252.63 4590.13,-3249.4 4602.9,-3246.66 4615.74,-3244.34"/>
-<polygon fill="#757575" stroke="#757575" points="4616.27,-3247.8 4625.54,-3242.66 4615.09,-3240.9 4616.27,-3247.8"/>
-</g>
-<!-- ../components/toasts/ToastPositionContainer.js -->
-<g id="node273" class="node">
-<title>../components/toasts/ToastPositionContainer.js</title>
-<path fill="none" stroke="#c6c5fe" d="M5896.33,-4005.51C5896.33,-4005.51 5615.67,-4005.51 5615.67,-4005.51 5611.71,-4005.51 5607.75,-4001.55 5607.75,-3997.59 5607.75,-3997.59 5607.75,-3989.67 5607.75,-3989.67 5607.75,-3985.72 5611.71,-3981.76 5615.67,-3981.76 5615.67,-3981.76 5896.33,-3981.76 5896.33,-3981.76 5900.29,-3981.76 5904.25,-3985.72 5904.25,-3989.67 5904.25,-3989.67 5904.25,-3997.59 5904.25,-3997.59 5904.25,-4001.55 5900.29,-4005.51 5896.33,-4005.51"/>
-<text text-anchor="middle" x="5756" y="-3988.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/toasts/ToastPositionContainer.js</text>
-</g>
-<!-- ../components/toasts/index.js&#45;&gt;../components/toasts/ToastPositionContainer.js -->
-<g id="edge524" class="edge">
-<title>../components/toasts/index.js&#45;&gt;../components/toasts/ToastPositionContainer.js</title>
-<path fill="none" stroke="#757575" d="M4271.65,-3369.8C4323.15,-3407.46 4476.97,-3528.07 4542,-3669.63 4570.67,-3732.05 4527.01,-3930.61 4578,-3976.63 4615.11,-4010.13 5283.35,-4002.35 5596.06,-3996.82"/>
-<polygon fill="#757575" stroke="#757575" points="5596.04,-4000.32 5605.98,-3996.64 5595.92,-3993.32 5596.04,-4000.32"/>
-</g>
-<!-- ../components/toasts/ToggleStateToast.js -->
-<g id="node274" class="node">
-<title>../components/toasts/ToggleStateToast.js</title>
-<path fill="none" stroke="#cfffac" d="M4867.71,-3327.51C4867.71,-3327.51 4621.54,-3327.51 4621.54,-3327.51 4617.58,-3327.51 4613.62,-3323.55 4613.62,-3319.59 4613.62,-3319.59 4613.62,-3311.67 4613.62,-3311.67 4613.62,-3307.72 4617.58,-3303.76 4621.54,-3303.76 4621.54,-3303.76 4867.71,-3303.76 4867.71,-3303.76 4871.67,-3303.76 4875.62,-3307.72 4875.62,-3311.67 4875.62,-3311.67 4875.62,-3319.59 4875.62,-3319.59 4875.62,-3323.55 4871.67,-3327.51 4867.71,-3327.51"/>
-<text text-anchor="middle" x="4744.62" y="-3310.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/toasts/ToggleStateToast.js</text>
-</g>
-<!-- ../components/toasts/index.js&#45;&gt;../components/toasts/ToggleStateToast.js -->
-<g id="edge525" class="edge">
-<title>../components/toasts/index.js&#45;&gt;../components/toasts/ToggleStateToast.js</title>
-<path fill="none" stroke="#757575" d="M4349.1,-3349.51C4420.84,-3343.35 4520.64,-3334.78 4601.9,-3327.8"/>
-<polygon fill="#757575" stroke="#757575" points="4602.07,-3331.3 4611.73,-3326.96 4601.47,-3324.33 4602.07,-3331.3"/>
-</g>
-<!-- ../languages/index.ts -->
-<g id="node277" class="node">
-<title>../languages/index.ts</title>
-<path fill="none" stroke="#c6c5fe" d="M2299.33,-3167.51C2299.33,-3167.51 2175.42,-3167.51 2175.42,-3167.51 2171.46,-3167.51 2167.5,-3163.55 2167.5,-3159.59 2167.5,-3159.59 2167.5,-3151.67 2167.5,-3151.67 2167.5,-3147.72 2171.46,-3143.76 2175.42,-3143.76 2175.42,-3143.76 2299.33,-3143.76 2299.33,-3143.76 2303.29,-3143.76 2307.25,-3147.72 2307.25,-3151.67 2307.25,-3151.67 2307.25,-3159.59 2307.25,-3159.59 2307.25,-3163.55 2303.29,-3167.51 2299.33,-3167.51"/>
-<text text-anchor="middle" x="2237.38" y="-3150.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../languages/index.ts</text>
-</g>
-<!-- ../hooks/useAccountSettings.ts&#45;&gt;../languages/index.ts -->
-<g id="edge527" class="edge">
-<title>../hooks/useAccountSettings.ts&#45;&gt;../languages/index.ts</title>
-<path fill="none" stroke="#757575" d="M1460.67,-2719.35C1495.72,-2722.83 1534.83,-2729.64 1568.75,-2742.63 1586.94,-2749.6 1587.19,-2759.2 1604.75,-2767.63 1734.61,-2829.95 1790.25,-2788.51 1915.5,-2859.63 2051.03,-2936.6 2175.88,-3080.93 2219.75,-3134.72"/>
-<polygon fill="#757575" stroke="#757575" points="2216.8,-3136.64 2225.81,-3142.22 2222.25,-3132.24 2216.8,-3136.64"/>
-</g>
-<!-- ../redux/settings.ts -->
-<g id="node278" class="node">
-<title>../redux/settings.ts</title>
-<path fill="none" stroke="#c6c5fe" d="M1814.96,-2892.51C1814.96,-2892.51 1705.29,-2892.51 1705.29,-2892.51 1701.33,-2892.51 1697.38,-2888.55 1697.38,-2884.59 1697.38,-2884.59 1697.38,-2876.67 1697.38,-2876.67 1697.38,-2872.72 1701.33,-2868.76 1705.29,-2868.76 1705.29,-2868.76 1814.96,-2868.76 1814.96,-2868.76 1818.92,-2868.76 1822.88,-2872.72 1822.88,-2876.67 1822.88,-2876.67 1822.88,-2884.59 1822.88,-2884.59 1822.88,-2888.55 1818.92,-2892.51 1814.96,-2892.51"/>
-<text text-anchor="middle" x="1760.12" y="-2875.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../redux/settings.ts</text>
-</g>
-<!-- ../hooks/useAccountSettings.ts&#45;&gt;../redux/settings.ts -->
-<g id="edge528" class="edge">
-<title>../hooks/useAccountSettings.ts&#45;&gt;../redux/settings.ts</title>
-<path fill="none" stroke="#757575" d="M1460.77,-2710.75C1497.41,-2713.08 1537.53,-2721.36 1568.75,-2742.63 1596.36,-2761.44 1580.39,-2785.76 1604.75,-2808.63 1632.84,-2835 1672.31,-2853.18 1704.32,-2864.67"/>
-<polygon fill="#757575" stroke="#757575" points="1702.83,-2867.86 1713.42,-2867.82 1705.12,-2861.25 1702.83,-2867.86"/>
-</g>
-<!-- ../components/exchange/ExchangeDetailsButton.js -->
-<g id="node112" class="node">
-<title>../components/exchange/ExchangeDetailsButton.js</title>
-<path fill="none" stroke="#c6c5fe" d="M1107.58,-2253.51C1107.58,-2253.51 802.17,-2253.51 802.17,-2253.51 798.21,-2253.51 794.25,-2249.55 794.25,-2245.59 794.25,-2245.59 794.25,-2237.67 794.25,-2237.67 794.25,-2233.72 798.21,-2229.76 802.17,-2229.76 802.17,-2229.76 1107.58,-2229.76 1107.58,-2229.76 1111.54,-2229.76 1115.5,-2233.72 1115.5,-2237.67 1115.5,-2237.67 1115.5,-2245.59 1115.5,-2245.59 1115.5,-2249.55 1111.54,-2253.51 1107.58,-2253.51"/>
-<text text-anchor="middle" x="954.88" y="-2236.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/exchange/ExchangeDetailsButton.js</text>
-</g>
-<!-- ../components/exchange/ExchangeDetailsButton.js&#45;&gt;../components/text/index.js -->
-<g id="edge179" class="edge">
-<title>../components/exchange/ExchangeDetailsButton.js&#45;&gt;../components/text/index.js</title>
-<path fill="none" stroke="#757575" d="M962.84,-2253.72C987.25,-2296.53 1069.87,-2445.47 1115.5,-2577.63 1139.29,-2646.53 1096.42,-2689.89 1151.5,-2737.63 1221.78,-2798.56 1497.06,-2711.37 1568.75,-2770.63 1615.29,-2809.1 1560.18,-2860.9 1604.75,-2901.63 1708.34,-2996.31 1822,-2852.98 1915.5,-2957.63 1996.51,-3048.31 1864.15,-3419.04 1951.5,-3503.63 2064.84,-3613.4 2503.34,-3527.63 2661.12,-3527.63 2661.12,-3527.63 2661.12,-3527.63 2960,-3527.63 3014.28,-3527.63 4865.11,-3449.22 4911.25,-3420.63 5019.17,-3353.77 5066.92,-3194.68 5081.49,-3134.89"/>
-<polygon fill="#757575" stroke="#757575" points="5084.82,-3136.01 5083.69,-3125.48 5078.01,-3134.42 5084.82,-3136.01"/>
-</g>
-<!-- ../components/exchange/ExchangeDetailsButton.js&#45;&gt;../components/animations/index.js -->
-<g id="edge178" class="edge">
-<title>../components/exchange/ExchangeDetailsButton.js&#45;&gt;../components/animations/index.js</title>
-<path fill="none" stroke="#757575" d="M1103.79,-2229.31C1107.9,-2226.74 1111.82,-2223.86 1115.5,-2220.63 1748.91,-1664.73 1117.76,-1076.44 1604.75,-388.63 1884.21,6.07 2177.51,-127.63 2661.12,-127.63 2661.12,-127.63 2661.12,-127.63 6098.12,-127.63 6210.95,-127.63 6512.73,-87.07 6605.25,-151.63 6742.64,-247.5 6773.34,-472.84 6779.77,-545.57"/>
-<polygon fill="#757575" stroke="#757575" points="6776.25,-545.41 6780.54,-555.09 6783.22,-544.85 6776.25,-545.41"/>
-</g>
-<!-- ../components/exchange/ExchangeDetailsRow.tsx -->
-<g id="node113" class="node">
-<title>../components/exchange/ExchangeDetailsRow.tsx</title>
-<path fill="none" stroke="#c6c5fe" d="M739.46,-2302.51C739.46,-2302.51 439.29,-2302.51 439.29,-2302.51 435.33,-2302.51 431.38,-2298.55 431.38,-2294.59 431.38,-2294.59 431.38,-2286.67 431.38,-2286.67 431.38,-2282.72 435.33,-2278.76 439.29,-2278.76 439.29,-2278.76 739.46,-2278.76 739.46,-2278.76 743.42,-2278.76 747.38,-2282.72 747.38,-2286.67 747.38,-2286.67 747.38,-2294.59 747.38,-2294.59 747.38,-2298.55 743.42,-2302.51 739.46,-2302.51"/>
-<text text-anchor="middle" x="589.38" y="-2285.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/exchange/ExchangeDetailsRow.tsx</text>
-</g>
-<!-- ../components/exchange/ExchangeDetailsRow.tsx&#45;&gt;../components/exchange/ExchangeDetailsButton.js -->
-<g id="edge180" class="edge">
-<title>../components/exchange/ExchangeDetailsRow.tsx&#45;&gt;../components/exchange/ExchangeDetailsButton.js</title>
-<path fill="none" stroke="#757575" d="M691.61,-2278.26C713.59,-2275.49 736.71,-2272.52 758.25,-2269.63 791.1,-2265.23 827.02,-2260.16 859.01,-2255.56"/>
-<polygon fill="#757575" stroke="#757575" points="859.25,-2259.06 868.65,-2254.16 858.25,-2252.13 859.25,-2259.06"/>
-</g>
-<!-- ../components/exchange/PriceImpactWarning.tsx -->
-<g id="node114" class="node">
-<title>../components/exchange/PriceImpactWarning.tsx</title>
-<path fill="none" stroke="#c6c5fe" d="M1102.33,-2169.51C1102.33,-2169.51 807.42,-2169.51 807.42,-2169.51 803.46,-2169.51 799.5,-2165.55 799.5,-2161.59 799.5,-2161.59 799.5,-2153.67 799.5,-2153.67 799.5,-2149.72 803.46,-2145.76 807.42,-2145.76 807.42,-2145.76 1102.33,-2145.76 1102.33,-2145.76 1106.29,-2145.76 1110.25,-2149.72 1110.25,-2153.67 1110.25,-2153.67 1110.25,-2161.59 1110.25,-2161.59 1110.25,-2165.55 1106.29,-2169.51 1102.33,-2169.51"/>
-<text text-anchor="middle" x="954.88" y="-2152.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/exchange/PriceImpactWarning.tsx</text>
-</g>
-<!-- ../components/exchange/ExchangeDetailsRow.tsx&#45;&gt;../components/exchange/PriceImpactWarning.tsx -->
-<g id="edge181" class="edge">
-<title>../components/exchange/ExchangeDetailsRow.tsx&#45;&gt;../components/exchange/PriceImpactWarning.tsx</title>
-<path fill="none" stroke="#757575" d="M745.04,-2278.33C749.65,-2275.76 754.07,-2272.87 758.25,-2269.63 792.63,-2242.99 759.96,-2205.38 794.25,-2178.63 795.43,-2177.71 796.63,-2176.82 797.84,-2175.96"/>
-<polygon fill="#757575" stroke="#757575" points="799.62,-2178.98 806.24,-2170.71 795.91,-2173.04 799.62,-2178.98"/>
-</g>
-<!-- ../components/exchange/PriceImpactWarning.tsx&#45;&gt;../components/animations/index.js -->
-<g id="edge204" class="edge">
-<title>../components/exchange/PriceImpactWarning.tsx&#45;&gt;../components/animations/index.js</title>
-<path fill="none" stroke="#757575" d="M956.07,-2145.41C958.74,-1982.25 990.97,-238.36 1151.5,-87.63 1348.47,97.31 1488.94,-68.63 1759.12,-68.63 1759.12,-68.63 1759.12,-68.63 6098.12,-68.63 6324.4,-68.63 6424.43,22.4 6605.25,-113.63 6750.48,-222.89 6775.99,-468.61 6780.44,-545.31"/>
-<polygon fill="#757575" stroke="#757575" points="6776.93,-545.17 6780.93,-554.98 6783.92,-544.82 6776.93,-545.17"/>
-</g>
-<!-- ../components/exchange/ExchangeField.tsx -->
-<g id="node115" class="node">
-<title>../components/exchange/ExchangeField.tsx</title>
-<path fill="none" stroke="#c6c5fe" d="M3464.83,-2493.51C3464.83,-2493.51 3202.92,-2493.51 3202.92,-2493.51 3198.96,-2493.51 3195,-2489.55 3195,-2485.59 3195,-2485.59 3195,-2477.67 3195,-2477.67 3195,-2473.72 3198.96,-2469.76 3202.92,-2469.76 3202.92,-2469.76 3464.83,-2469.76 3464.83,-2469.76 3468.79,-2469.76 3472.75,-2473.72 3472.75,-2477.67 3472.75,-2477.67 3472.75,-2485.59 3472.75,-2485.59 3472.75,-2489.55 3468.79,-2493.51 3464.83,-2493.51"/>
-<text text-anchor="middle" x="3333.88" y="-2476.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/exchange/ExchangeField.tsx</text>
-</g>
-<!-- ../components/exchange/ExchangeField.tsx&#45;&gt;../components/text/index.js -->
-<g id="edge186" class="edge">
-<title>../components/exchange/ExchangeField.tsx&#45;&gt;../components/text/index.js</title>
-<path fill="none" stroke="#757575" d="M3436.84,-2493.98C3785.34,-2536.22 4907.82,-2672.48 4911.25,-2675.63 4967.87,-2727.51 4921.24,-2772.37 4947.25,-2844.63 4981.84,-2940.74 5044.79,-3045.64 5072.68,-3089.95"/>
-<polygon fill="#757575" stroke="#757575" points="5069.56,-3091.56 5077.87,-3098.13 5075.47,-3087.81 5069.56,-3091.56"/>
-</g>
-<!-- ../components/exchange/ExchangeField.tsx&#45;&gt;../components/buttons/index.js -->
-<g id="edge182" class="edge">
-<title>../components/exchange/ExchangeField.tsx&#45;&gt;../components/buttons/index.js</title>
-<path fill="none" stroke="#757575" d="M3472.97,-2478.26C3593.41,-2475.07 3772.81,-2469.71 3929,-2462.63 4000.03,-2459.41 4079.77,-2454.74 4142.31,-2450.83"/>
-<polygon fill="#757575" stroke="#757575" points="4142.51,-2454.33 4152.27,-2450.21 4142.07,-2447.34 4142.51,-2454.33"/>
-</g>
-<!-- ../components/exchange/ExchangeField.tsx&#45;&gt;../components/coin&#45;icon/RainbowCoinIcon.tsx -->
-<g id="edge183" class="edge">
-<title>../components/exchange/ExchangeField.tsx&#45;&gt;../components/coin&#45;icon/RainbowCoinIcon.tsx</title>
-<path fill="none" stroke="#757575" d="M3350.46,-2469.44C3412.07,-2421.25 3638.85,-2243.87 3714.29,-2184.86"/>
-<polygon fill="#757575" stroke="#757575" points="3716.2,-2187.81 3721.92,-2178.89 3711.89,-2182.3 3716.2,-2187.81"/>
-</g>
-<!-- ../components/exchange/ExchangeField.tsx&#45;&gt;../components/coin&#45;icon/index.js -->
-<g id="edge184" class="edge">
-<title>../components/exchange/ExchangeField.tsx&#45;&gt;../components/coin&#45;icon/index.js</title>
-<path fill="none" stroke="#757575" d="M3459.66,-2469.28C3512.14,-2464.08 3572.79,-2458.08 3624.14,-2452.99"/>
-<polygon fill="#757575" stroke="#757575" points="3624.17,-2456.51 3633.78,-2452.04 3623.48,-2449.54 3624.17,-2456.51"/>
-</g>
-<!-- ../components/exchange/ExchangeInput.js -->
-<g id="node116" class="node">
-<title>../components/exchange/ExchangeInput.js</title>
-<path fill="none" stroke="#c6c5fe" d="M3867.46,-2699.51C3867.46,-2699.51 3612.29,-2699.51 3612.29,-2699.51 3608.33,-2699.51 3604.38,-2695.55 3604.38,-2691.59 3604.38,-2691.59 3604.38,-2683.67 3604.38,-2683.67 3604.38,-2679.72 3608.33,-2675.76 3612.29,-2675.76 3612.29,-2675.76 3867.46,-2675.76 3867.46,-2675.76 3871.42,-2675.76 3875.38,-2679.72 3875.38,-2683.67 3875.38,-2683.67 3875.38,-2691.59 3875.38,-2691.59 3875.38,-2695.55 3871.42,-2699.51 3867.46,-2699.51"/>
-<text text-anchor="middle" x="3739.88" y="-2682.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/exchange/ExchangeInput.js</text>
-</g>
-<!-- ../components/exchange/ExchangeField.tsx&#45;&gt;../components/exchange/ExchangeInput.js -->
-<g id="edge185" class="edge">
-<title>../components/exchange/ExchangeField.tsx&#45;&gt;../components/exchange/ExchangeInput.js</title>
-<path fill="none" stroke="#757575" d="M3408.37,-2493.92C3444.02,-2503.07 3485.38,-2518.81 3514.75,-2545.63 3542.94,-2571.38 3522.38,-2598.08 3550.75,-2623.63 3577.7,-2647.9 3614.24,-2663.03 3647.95,-2672.43"/>
-<polygon fill="#757575" stroke="#757575" points="3646.75,-2675.74 3657.31,-2674.9 3648.53,-2668.97 3646.75,-2675.74"/>
-</g>
-<!-- ../components/exchange/ExchangeInput.js&#45;&gt;../components/text/index.js -->
-<g id="edge188" class="edge">
-<title>../components/exchange/ExchangeInput.js&#45;&gt;../components/text/index.js</title>
-<path fill="none" stroke="#757575" d="M3875.68,-2689.13C4035,-2691.56 4308.05,-2697.82 4542,-2713.63 4624.3,-2719.2 4845.68,-2701.58 4911.25,-2751.63 4946.48,-2778.53 4928.97,-2804.26 4947.25,-2844.63 4989.4,-2937.7 5048.4,-3044.24 5073.97,-3089.47"/>
-<polygon fill="#757575" stroke="#757575" points="5070.86,-3091.08 5078.84,-3098.05 5076.95,-3087.62 5070.86,-3091.08"/>
-</g>
-<!-- ../components/exchange/ExchangeFloatingPanels.tsx -->
-<g id="node117" class="node">
-<title>../components/exchange/ExchangeFloatingPanels.tsx</title>
-<path fill="none" stroke="#cfffac" d="M750.33,-2260.51C750.33,-2260.51 428.42,-2260.51 428.42,-2260.51 424.46,-2260.51 420.5,-2256.55 420.5,-2252.59 420.5,-2252.59 420.5,-2244.67 420.5,-2244.67 420.5,-2240.72 424.46,-2236.76 428.42,-2236.76 428.42,-2236.76 750.33,-2236.76 750.33,-2236.76 754.29,-2236.76 758.25,-2240.72 758.25,-2244.67 758.25,-2244.67 758.25,-2252.59 758.25,-2252.59 758.25,-2256.55 754.29,-2260.51 750.33,-2260.51"/>
-<text text-anchor="middle" x="589.38" y="-2243.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/exchange/ExchangeFloatingPanels.tsx</text>
-</g>
-<!-- ../components/exchange/ExchangeHeader.tsx -->
-<g id="node118" class="node">
-<title>../components/exchange/ExchangeHeader.tsx</title>
-<path fill="none" stroke="#c6c5fe" d="M727.46,-4749.51C727.46,-4749.51 451.29,-4749.51 451.29,-4749.51 447.33,-4749.51 443.38,-4745.55 443.38,-4741.59 443.38,-4741.59 443.38,-4733.67 443.38,-4733.67 443.38,-4729.72 447.33,-4725.76 451.29,-4725.76 451.29,-4725.76 727.46,-4725.76 727.46,-4725.76 731.42,-4725.76 735.38,-4729.72 735.38,-4733.67 735.38,-4733.67 735.38,-4741.59 735.38,-4741.59 735.38,-4745.55 731.42,-4749.51 727.46,-4749.51"/>
-<text text-anchor="middle" x="589.38" y="-4732.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/exchange/ExchangeHeader.tsx</text>
-</g>
-<!-- ../components/exchange/ExchangeHeader.tsx&#45;&gt;../components/sheet/index.js -->
-<g id="edge187" class="edge">
-<title>../components/exchange/ExchangeHeader.tsx&#45;&gt;../components/sheet/index.js</title>
-<path fill="none" stroke="#757575" d="M598.25,-4749.82C622.35,-4785.86 699.25,-4891.95 794.25,-4932.63 1025.28,-5031.56 1107.8,-4958.63 1359.12,-4958.63 1359.12,-4958.63 1359.12,-4958.63 3334.88,-4958.63 3629.81,-4958.63 3977.68,-4940.35 4147.96,-4930.22"/>
-<polygon fill="#757575" stroke="#757575" points="4148.13,-4933.71 4157.9,-4929.62 4147.71,-4926.72 4148.13,-4933.71"/>
-</g>
-<!-- ../components/exchange/ExchangeInputField.tsx -->
-<g id="node119" class="node">
-<title>../components/exchange/ExchangeInputField.tsx</title>
-<path fill="none" stroke="#c6c5fe" d="M3104.96,-2931.51C3104.96,-2931.51 2813.04,-2931.51 2813.04,-2931.51 2809.08,-2931.51 2805.12,-2927.55 2805.12,-2923.59 2805.12,-2923.59 2805.12,-2915.67 2805.12,-2915.67 2805.12,-2911.72 2809.08,-2907.76 2813.04,-2907.76 2813.04,-2907.76 3104.96,-2907.76 3104.96,-2907.76 3108.92,-2907.76 3112.88,-2911.72 3112.88,-2915.67 3112.88,-2915.67 3112.88,-2923.59 3112.88,-2923.59 3112.88,-2927.55 3108.92,-2931.51 3104.96,-2931.51"/>
-<text text-anchor="middle" x="2959" y="-2914.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/exchange/ExchangeInputField.tsx</text>
-</g>
-<!-- ../components/exchange/ExchangeInputField.tsx&#45;&gt;../components/layout/index.js -->
-<g id="edge192" class="edge">
-<title>../components/exchange/ExchangeInputField.tsx&#45;&gt;../components/layout/index.js</title>
-<path fill="none" stroke="#757575" d="M3107.47,-2931.78C3110.86,-2934.42 3114.05,-2937.36 3117,-2940.63 3209.64,-3043.45 3062.01,-4081.36 3153,-4185.63 3213.13,-4254.54 3873.91,-4312.42 3965,-4320.63 4461.54,-4365.42 4588.07,-4337.63 5086.62,-4337.63 5086.62,-4337.63 5086.62,-4337.63 5757,-4337.63 5964.02,-4337.63 6205.46,-4354.91 6340.74,-4366.17"/>
-<polygon fill="#757575" stroke="#757575" points="6340.13,-4369.63 6350.39,-4366.98 6340.72,-4362.65 6340.13,-4369.63"/>
-</g>
-<!-- ../components/exchange/ExchangeInputField.tsx&#45;&gt;../components/exchange/ExchangeField.tsx -->
-<g id="edge189" class="edge">
-<title>../components/exchange/ExchangeInputField.tsx&#45;&gt;../components/exchange/ExchangeField.tsx</title>
-<path fill="none" stroke="#757575" d="M3105.68,-2907.4C3109.67,-2904.8 3113.46,-2901.89 3117,-2898.63 3171.91,-2848.1 3122.77,-2802.86 3153,-2734.63 3195.42,-2638.89 3277.07,-2542.74 3313.96,-2501.95"/>
-<polygon fill="#757575" stroke="#757575" points="3316.34,-2504.53 3320.51,-2494.79 3311.18,-2499.81 3316.34,-2504.53"/>
-</g>
-<!-- ../components/exchange/ExchangeMaxButton.tsx -->
-<g id="node120" class="node">
-<title>../components/exchange/ExchangeMaxButton.tsx</title>
-<path fill="none" stroke="#c6c5fe" d="M6246.08,-521.51C6246.08,-521.51 5948.17,-521.51 5948.17,-521.51 5944.21,-521.51 5940.25,-517.55 5940.25,-513.59 5940.25,-513.59 5940.25,-505.67 5940.25,-505.67 5940.25,-501.72 5944.21,-497.76 5948.17,-497.76 5948.17,-497.76 6246.08,-497.76 6246.08,-497.76 6250.04,-497.76 6254,-501.72 6254,-505.67 6254,-505.67 6254,-513.59 6254,-513.59 6254,-517.55 6250.04,-521.51 6246.08,-521.51"/>
-<text text-anchor="middle" x="6097.12" y="-504.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/exchange/ExchangeMaxButton.tsx</text>
-</g>
-<!-- ../components/exchange/ExchangeInputField.tsx&#45;&gt;../components/exchange/ExchangeMaxButton.tsx -->
-<g id="edge190" class="edge">
-<title>../components/exchange/ExchangeInputField.tsx&#45;&gt;../components/exchange/ExchangeMaxButton.tsx</title>
-<path fill="none" stroke="#757575" d="M3107.84,-2907.29C3111.1,-2904.69 3114.17,-2901.82 3117,-2898.63 3200.78,-2804.42 3074.93,-728.62 3153,-629.63 3317.65,-420.87 3472.99,-508.63 3738.88,-508.63 3738.88,-508.63 3738.88,-508.63 5418.88,-508.63 5592.56,-508.63 5791.31,-508.96 5928.36,-509.25"/>
-<polygon fill="#757575" stroke="#757575" points="5928.25,-512.75 5938.26,-509.27 5928.26,-505.75 5928.25,-512.75"/>
-</g>
-<!-- ../components/exchange/ExchangeNativeField.tsx -->
-<g id="node121" class="node">
-<title>../components/exchange/ExchangeNativeField.tsx</title>
-<path fill="none" stroke="#c6c5fe" d="M3483.96,-2969.51C3483.96,-2969.51 3183.79,-2969.51 3183.79,-2969.51 3179.83,-2969.51 3175.88,-2965.55 3175.88,-2961.59 3175.88,-2961.59 3175.88,-2953.67 3175.88,-2953.67 3175.88,-2949.72 3179.83,-2945.76 3183.79,-2945.76 3183.79,-2945.76 3483.96,-2945.76 3483.96,-2945.76 3487.92,-2945.76 3491.88,-2949.72 3491.88,-2953.67 3491.88,-2953.67 3491.88,-2961.59 3491.88,-2961.59 3491.88,-2965.55 3487.92,-2969.51 3483.96,-2969.51"/>
-<text text-anchor="middle" x="3333.88" y="-2952.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/exchange/ExchangeNativeField.tsx</text>
-</g>
-<!-- ../components/exchange/ExchangeInputField.tsx&#45;&gt;../components/exchange/ExchangeNativeField.tsx -->
-<g id="edge191" class="edge">
-<title>../components/exchange/ExchangeInputField.tsx&#45;&gt;../components/exchange/ExchangeNativeField.tsx</title>
-<path fill="none" stroke="#757575" d="M3081.32,-2932C3119.34,-2935.87 3161.49,-2940.17 3200.25,-2944.12"/>
-<polygon fill="#757575" stroke="#757575" points="3199.81,-2947.59 3210.12,-2945.12 3200.52,-2940.63 3199.81,-2947.59"/>
-</g>
-<!-- ../components/exchange/ExchangeMaxButton.tsx&#45;&gt;../components/animations/index.js -->
-<g id="edge193" class="edge">
-<title>../components/exchange/ExchangeMaxButton.tsx&#45;&gt;../components/animations/index.js</title>
-<path fill="none" stroke="#757575" d="M6254.23,-512.23C6354.74,-515.24 6488.05,-521.71 6605.25,-535.63 6641.89,-539.98 6682.38,-547.39 6715.29,-554.08"/>
-<polygon fill="#757575" stroke="#757575" points="6714.16,-557.42 6724.66,-556.01 6715.57,-550.56 6714.16,-557.42"/>
-</g>
-<!-- ../components/exchange/ExchangeNativeField.tsx&#45;&gt;../components/layout/index.js -->
-<g id="edge195" class="edge">
-<title>../components/exchange/ExchangeNativeField.tsx&#45;&gt;../components/layout/index.js</title>
-<path fill="none" stroke="#757575" d="M3337.88,-2969.89C3363.35,-3073.71 3542.26,-3802.12 3550.75,-3809.63 3677.65,-3921.93 3775.79,-3785.22 3929,-3857.63 3948.9,-3867.04 3944.89,-3882.69 3965,-3891.63 4082.54,-3943.87 4439.79,-3859.54 4542,-3937.63 4579.54,-3966.31 4540.28,-4009.2 4578,-4037.63 4668.45,-4105.83 4973.34,-4071.63 5086.62,-4071.63 5086.62,-4071.63 5086.62,-4071.63 5757,-4071.63 5867.57,-4071.63 6172.38,-4021.04 6254,-4095.63 6339.79,-4174.04 6207.62,-4272.65 6290,-4354.63 6303.74,-4368.3 6321.82,-4376.03 6340.8,-4380.05"/>
-<polygon fill="#757575" stroke="#757575" points="6340.11,-4383.48 6350.56,-4381.74 6341.31,-4376.58 6340.11,-4383.48"/>
-</g>
-<!-- ../components/exchange/ExchangeNativeField.tsx&#45;&gt;../components/exchange/ExchangeInput.js -->
-<g id="edge194" class="edge">
-<title>../components/exchange/ExchangeNativeField.tsx&#45;&gt;../components/exchange/ExchangeInput.js</title>
-<path fill="none" stroke="#757575" d="M3393.52,-2945.32C3430.09,-2936.01 3477.17,-2920.96 3514.75,-2898.63 3604.47,-2845.32 3687.73,-2750.56 3722.18,-2708.61"/>
-<polygon fill="#757575" stroke="#757575" points="3724.78,-2710.96 3728.36,-2700.99 3719.34,-2706.55 3724.78,-2710.96"/>
-</g>
-<!-- ../components/exchange/ExchangeNotch.tsx -->
-<g id="node122" class="node">
-<title>../components/exchange/ExchangeNotch.tsx</title>
-<path fill="none" stroke="#cfffac" d="M723.33,-3724.51C723.33,-3724.51 455.42,-3724.51 455.42,-3724.51 451.46,-3724.51 447.5,-3720.55 447.5,-3716.59 447.5,-3716.59 447.5,-3708.67 447.5,-3708.67 447.5,-3704.72 451.46,-3700.76 455.42,-3700.76 455.42,-3700.76 723.33,-3700.76 723.33,-3700.76 727.29,-3700.76 731.25,-3704.72 731.25,-3708.67 731.25,-3708.67 731.25,-3716.59 731.25,-3716.59 731.25,-3720.55 727.29,-3724.51 723.33,-3724.51"/>
-<text text-anchor="middle" x="589.38" y="-3707.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/exchange/ExchangeNotch.tsx</text>
-</g>
-<!-- ../components/exchange/ExchangeOutputField.tsx -->
-<g id="node123" class="node">
-<title>../components/exchange/ExchangeOutputField.tsx</title>
-<path fill="none" stroke="#c6c5fe" d="M740.96,-2523.51C740.96,-2523.51 437.79,-2523.51 437.79,-2523.51 433.83,-2523.51 429.88,-2519.55 429.88,-2515.59 429.88,-2515.59 429.88,-2507.67 429.88,-2507.67 429.88,-2503.72 433.83,-2499.76 437.79,-2499.76 437.79,-2499.76 740.96,-2499.76 740.96,-2499.76 744.92,-2499.76 748.88,-2503.72 748.88,-2507.67 748.88,-2507.67 748.88,-2515.59 748.88,-2515.59 748.88,-2519.55 744.92,-2523.51 740.96,-2523.51"/>
-<text text-anchor="middle" x="589.38" y="-2506.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/exchange/ExchangeOutputField.tsx</text>
-</g>
-<!-- ../components/exchange/ExchangeOutputField.tsx&#45;&gt;../components/exchange/ExchangeField.tsx -->
-<g id="edge196" class="edge">
-<title>../components/exchange/ExchangeOutputField.tsx&#45;&gt;../components/exchange/ExchangeField.tsx</title>
-<path fill="none" stroke="#757575" d="M653.12,-2499.33C684.73,-2492.93 723.61,-2484.76 758.25,-2476.63 1026.97,-2413.56 1083.1,-2319.63 1359.12,-2319.63 1359.12,-2319.63 1359.12,-2319.63 2663.12,-2319.63 2908.69,-2319.63 3191.06,-2423.79 3293.33,-2465.07"/>
-<polygon fill="#757575" stroke="#757575" points="3291.79,-2468.22 3302.38,-2468.75 3294.43,-2461.74 3291.79,-2468.22"/>
-</g>
-<!-- ../components/inputs/ClearInputDecorator.js -->
-<g id="node223" class="node">
-<title>../components/inputs/ClearInputDecorator.js</title>
-<path fill="none" stroke="#c6c5fe" d="M4876.33,-2215.51C4876.33,-2215.51 4612.92,-2215.51 4612.92,-2215.51 4608.96,-2215.51 4605,-2211.55 4605,-2207.59 4605,-2207.59 4605,-2199.67 4605,-2199.67 4605,-2195.72 4608.96,-2191.76 4612.92,-2191.76 4612.92,-2191.76 4876.33,-2191.76 4876.33,-2191.76 4880.29,-2191.76 4884.25,-2195.72 4884.25,-2199.67 4884.25,-2199.67 4884.25,-2207.59 4884.25,-2207.59 4884.25,-2211.55 4880.29,-2215.51 4876.33,-2215.51"/>
-<text text-anchor="middle" x="4744.62" y="-2198.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/inputs/ClearInputDecorator.js</text>
-</g>
-<!-- ../components/inputs/index.js&#45;&gt;../components/inputs/ClearInputDecorator.js -->
-<g id="edge420" class="edge">
-<title>../components/inputs/index.js&#45;&gt;../components/inputs/ClearInputDecorator.js</title>
-<path fill="none" stroke="#757575" d="M1855.71,-2203.98C2019.69,-2204.55 2367.37,-2205.63 2661.12,-2205.63 2661.12,-2205.63 2661.12,-2205.63 3740.88,-2205.63 4043.36,-2205.63 4397.17,-2204.71 4593.29,-2204.12"/>
-<polygon fill="#757575" stroke="#757575" points="4593.02,-2207.62 4603.01,-2204.09 4593,-2200.62 4593.02,-2207.62"/>
-</g>
-<!-- ../hooks/useAppState.ts -->
-<g id="node279" class="node">
-<title>../hooks/useAppState.ts</title>
-<path fill="none" stroke="#c6c5fe" d="M2308.71,-3617.51C2308.71,-3617.51 2166.04,-3617.51 2166.04,-3617.51 2162.08,-3617.51 2158.12,-3613.55 2158.12,-3609.59 2158.12,-3609.59 2158.12,-3601.67 2158.12,-3601.67 2158.12,-3597.72 2162.08,-3593.76 2166.04,-3593.76 2166.04,-3593.76 2308.71,-3593.76 2308.71,-3593.76 2312.67,-3593.76 2316.62,-3597.72 2316.62,-3601.67 2316.62,-3601.67 2316.62,-3609.59 2316.62,-3609.59 2316.62,-3613.55 2312.67,-3617.51 2308.71,-3617.51"/>
-<text text-anchor="middle" x="2237.38" y="-3600.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../hooks/useAppState.ts</text>
-</g>
-<!-- ../hooks/useClipboard.ts&#45;&gt;../hooks/useAppState.ts -->
-<g id="edge530" class="edge">
-<title>../hooks/useClipboard.ts&#45;&gt;../hooks/useAppState.ts</title>
-<path fill="none" stroke="#757575" d="M1840.87,-3072.83C1868.28,-3075.53 1896.76,-3083.97 1915.5,-3104.63 1986.62,-3183.04 1877.22,-3504.21 1951.5,-3579.63 2009.19,-3638.22 2111.41,-3631.9 2176.43,-3620.13"/>
-<polygon fill="#757575" stroke="#757575" points="2177.08,-3623.57 2186.24,-3618.24 2175.76,-3616.69 2177.08,-3623.57"/>
-</g>
-<!-- ../components/exchange/index.ts -->
-<g id="node126" class="node">
-<title>../components/exchange/index.ts</title>
-<path fill="none" stroke="#c6c5fe" d="M376.58,-2589.51C376.58,-2589.51 178.42,-2589.51 178.42,-2589.51 174.46,-2589.51 170.5,-2585.55 170.5,-2581.59 170.5,-2581.59 170.5,-2573.67 170.5,-2573.67 170.5,-2569.72 174.46,-2565.76 178.42,-2565.76 178.42,-2565.76 376.58,-2565.76 376.58,-2565.76 380.54,-2565.76 384.5,-2569.72 384.5,-2573.67 384.5,-2573.67 384.5,-2581.59 384.5,-2581.59 384.5,-2585.55 380.54,-2589.51 376.58,-2589.51"/>
-<text text-anchor="middle" x="277.5" y="-2572.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/exchange/index.ts</text>
-</g>
-<!-- ../components/exchange/index.ts&#45;&gt;../components/exchange/ConfirmExchangeButton.js -->
-<g id="edge206" class="edge">
-<title>../components/exchange/index.ts&#45;&gt;../components/exchange/ConfirmExchangeButton.js</title>
-<path fill="none" stroke="#757575" d="M294.14,-2565.51C319.33,-2546.61 371.05,-2510.25 420.5,-2490.63 442.26,-2482 466.49,-2475.37 489.62,-2470.32"/>
-<polygon fill="#757575" stroke="#757575" points="490.32,-2473.75 499.39,-2468.28 488.89,-2466.9 490.32,-2473.75"/>
-</g>
-<!-- ../components/exchange/index.ts&#45;&gt;../components/exchange/CurrencySelectModalHeader.tsx -->
-<g id="edge207" class="edge">
-<title>../components/exchange/index.ts&#45;&gt;../components/exchange/CurrencySelectModalHeader.tsx</title>
-<path fill="none" stroke="#757575" d="M278.24,-2589.74C276.33,-2691.73 268.6,-3417.65 420.5,-3977.63 515.04,-4326.16 647.04,-4373.06 758.25,-4716.63 783.37,-4794.25 732.27,-4843.58 794.25,-4896.63 889.7,-4978.33 1233.48,-4920.63 1359.12,-4920.63 1359.12,-4920.63 1359.12,-4920.63 2663.12,-4920.63 2824.45,-4920.63 3007.61,-4917.4 3141.56,-4914.44"/>
-<polygon fill="#757575" stroke="#757575" points="3141.3,-4917.95 3151.22,-4914.23 3141.15,-4910.95 3141.3,-4917.95"/>
-</g>
-<!-- ../components/exchange/index.ts&#45;&gt;../components/exchange/CurrencySelectionList.tsx -->
-<g id="edge208" class="edge">
-<title>../components/exchange/index.ts&#45;&gt;../components/exchange/CurrencySelectionList.tsx</title>
-<path fill="none" stroke="#757575" d="M281.98,-2589.91C312.89,-2698.95 540.31,-3501.1 581.87,-3647.67"/>
-<polygon fill="#757575" stroke="#757575" points="578.41,-3648.33 584.51,-3656.99 585.15,-3646.42 578.41,-3648.33"/>
-</g>
-<!-- ../components/exchange/index.ts&#45;&gt;../components/exchange/ExchangeAssetList.tsx -->
-<g id="edge209" class="edge">
-<title>../components/exchange/index.ts&#45;&gt;../components/exchange/ExchangeAssetList.tsx</title>
-<path fill="none" stroke="#757575" d="M384.77,-2580.94C493.94,-2584.33 665.28,-2589.66 791.46,-2593.58"/>
-<polygon fill="#757575" stroke="#757575" points="791.14,-2597.07 801.24,-2593.89 791.36,-2590.08 791.14,-2597.07"/>
-</g>
-<!-- ../components/exchange/index.ts&#45;&gt;../components/exchange/ExchangeSearch.tsx -->
-<g id="edge219" class="edge">
-<title>../components/exchange/index.ts&#45;&gt;../components/exchange/ExchangeSearch.tsx</title>
-<path fill="none" stroke="#757575" d="M279.05,-2565.57C282.13,-2514.18 301.66,-2312.28 420.5,-2227.63 479.04,-2185.94 662.26,-2184.47 797.7,-2189.8"/>
-<polygon fill="#757575" stroke="#757575" points="797.35,-2193.29 807.49,-2190.2 797.64,-2186.3 797.35,-2193.29"/>
-</g>
-<!-- ../components/exchange/index.ts&#45;&gt;../components/exchange/ExchangeDetailsButton.js -->
-<g id="edge210" class="edge">
-<title>../components/exchange/index.ts&#45;&gt;../components/exchange/ExchangeDetailsButton.js</title>
-<path fill="none" stroke="#757575" d="M287.45,-2565.51C308.04,-2538.41 361.55,-2472.34 420.5,-2434.63 555.08,-2348.55 627.97,-2404.09 758.25,-2311.63 778.86,-2297.01 772.36,-2280.26 794.25,-2267.63 800.79,-2263.86 807.71,-2260.6 814.87,-2257.77"/>
-<polygon fill="#757575" stroke="#757575" points="815.85,-2261.13 824.08,-2254.45 813.48,-2254.55 815.85,-2261.13"/>
-</g>
-<!-- ../components/exchange/index.ts&#45;&gt;../components/exchange/ExchangeDetailsRow.tsx -->
-<g id="edge211" class="edge">
-<title>../components/exchange/index.ts&#45;&gt;../components/exchange/ExchangeDetailsRow.tsx</title>
-<path fill="none" stroke="#757575" d="M284.19,-2565.48C300.76,-2531.21 352.16,-2432.48 420.5,-2373.63 455.89,-2343.16 504.42,-2320.75 540.2,-2306.95"/>
-<polygon fill="#757575" stroke="#757575" points="541.32,-2310.27 549.45,-2303.48 538.85,-2303.72 541.32,-2310.27"/>
-</g>
-<!-- ../components/exchange/index.ts&#45;&gt;../components/exchange/PriceImpactWarning.tsx -->
-<g id="edge220" class="edge">
-<title>../components/exchange/index.ts&#45;&gt;../components/exchange/PriceImpactWarning.tsx</title>
-<path fill="none" stroke="#757575" d="M278.46,-2565.61C279,-2510.52 289.26,-2280.69 420.5,-2183.63 564.88,-2076.85 796.12,-2116.77 900.12,-2142.53"/>
-<polygon fill="#757575" stroke="#757575" points="898.96,-2145.84 909.51,-2144.91 900.68,-2139.06 898.96,-2145.84"/>
-</g>
-<!-- ../components/exchange/index.ts&#45;&gt;../components/exchange/ExchangeInput.js -->
-<g id="edge214" class="edge">
-<title>../components/exchange/index.ts&#45;&gt;../components/exchange/ExchangeInput.js</title>
-<path fill="none" stroke="#757575" d="M384.88,-2575.97C679.24,-2571.51 1529.55,-2559.63 2236.38,-2559.63 2236.38,-2559.63 2236.38,-2559.63 2960,-2559.63 3235.35,-2559.63 3558.3,-2638.49 3684.49,-2672.41"/>
-<polygon fill="#757575" stroke="#757575" points="3683.34,-2675.73 3693.91,-2674.96 3685.17,-2668.97 3683.34,-2675.73"/>
-</g>
-<!-- ../components/exchange/index.ts&#45;&gt;../components/exchange/ExchangeFloatingPanels.tsx -->
-<g id="edge212" class="edge">
-<title>../components/exchange/index.ts&#45;&gt;../components/exchange/ExchangeFloatingPanels.tsx</title>
-<path fill="none" stroke="#757575" d="M279.98,-2565.29C286.36,-2517.83 316.19,-2345.95 420.5,-2269.63 421.91,-2268.6 423.34,-2267.61 424.8,-2266.65"/>
-<polygon fill="#757575" stroke="#757575" points="426.56,-2269.67 433.41,-2261.6 423.02,-2263.64 426.56,-2269.67"/>
-</g>
-<!-- ../components/exchange/index.ts&#45;&gt;../components/exchange/ExchangeHeader.tsx -->
-<g id="edge213" class="edge">
-<title>../components/exchange/index.ts&#45;&gt;../components/exchange/ExchangeHeader.tsx</title>
-<path fill="none" stroke="#757575" d="M278.4,-2589.65C277.17,-2753.69 267.32,-4544.47 420.5,-4711.63 424.51,-4716 428.92,-4719.85 433.65,-4723.23"/>
-<polygon fill="#757575" stroke="#757575" points="431.5,-4726.01 441.83,-4728.35 435.22,-4720.08 431.5,-4726.01"/>
-</g>
-<!-- ../components/exchange/index.ts&#45;&gt;../components/exchange/ExchangeInputField.tsx -->
-<g id="edge215" class="edge">
-<title>../components/exchange/index.ts&#45;&gt;../components/exchange/ExchangeInputField.tsx</title>
-<path fill="none" stroke="#757575" d="M344.43,-2589.98C368.33,-2594.14 395.57,-2598.51 420.5,-2601.63 928.57,-2665.25 1060.55,-2633.08 1568.75,-2695.63 2119.64,-2763.44 2252.03,-2816.72 2801,-2898.63 2817.18,-2901.05 2834.31,-2903.47 2851.08,-2905.77"/>
-<polygon fill="#757575" stroke="#757575" points="2850.16,-2909.18 2860.54,-2907.06 2851.1,-2902.24 2850.16,-2909.18"/>
-</g>
-<!-- ../components/exchange/index.ts&#45;&gt;../components/exchange/ExchangeNativeField.tsx -->
-<g id="edge216" class="edge">
-<title>../components/exchange/index.ts&#45;&gt;../components/exchange/ExchangeNativeField.tsx</title>
-<path fill="none" stroke="#757575" d="M278.84,-2589.75C282.08,-2699.26 309.83,-3519.12 420.5,-3733.63 622.29,-4124.75 741.21,-4242.4 1151.5,-4401.63 1237.94,-4435.18 1498.62,-4462.28 1568.75,-4401.63 1652.66,-4329.06 1530.26,-4236.84 1604.75,-4154.63 1711.37,-4036.97 1794.55,-4092.69 1951.5,-4068.63 2077.32,-4049.34 2411.14,-4093.93 2523.25,-4033.63 2997.42,-3778.62 3273.68,-3111.63 3324.37,-2980.28"/>
-<polygon fill="#757575" stroke="#757575" points="3327.51,-2981.88 3327.8,-2971.29 3320.97,-2979.38 3327.51,-2981.88"/>
-</g>
-<!-- ../components/exchange/index.ts&#45;&gt;../components/exchange/ExchangeNotch.tsx -->
-<g id="edge217" class="edge">
-<title>../components/exchange/index.ts&#45;&gt;../components/exchange/ExchangeNotch.tsx</title>
-<path fill="none" stroke="#757575" d="M279.16,-2589.89C285.56,-2705.98 337.86,-3609.18 420.5,-3691.63 425.62,-3696.74 431.3,-3701.05 437.4,-3704.69"/>
-<polygon fill="#757575" stroke="#757575" points="435.47,-3707.63 445.95,-3709.15 438.7,-3701.42 435.47,-3707.63"/>
-</g>
-<!-- ../components/exchange/index.ts&#45;&gt;../components/exchange/ExchangeOutputField.tsx -->
-<g id="edge218" class="edge">
-<title>../components/exchange/index.ts&#45;&gt;../components/exchange/ExchangeOutputField.tsx</title>
-<path fill="none" stroke="#757575" d="M329.67,-2565.29C356.64,-2558.9 390.31,-2551.11 420.5,-2544.63 450.24,-2538.25 483.05,-2531.7 511.72,-2526.13"/>
-<polygon fill="#757575" stroke="#757575" points="512.26,-2529.59 521.41,-2524.25 510.93,-2522.72 512.26,-2529.59"/>
-</g>
-<!-- ../components/fab/ExchangeFab.js&#45;&gt;../components/text/index.js -->
-<g id="edge222" class="edge">
-<title>../components/fab/ExchangeFab.js&#45;&gt;../components/text/index.js</title>
-<path fill="none" stroke="#757575" d="M4857.31,-4502.38C4877.74,-4498.28 4897.05,-4489.93 4911.25,-4474.63 4963.64,-4418.21 4937.39,-3858.99 4947.25,-3782.63 4980.43,-3525.64 5058.03,-3220.27 5080.45,-3134.84"/>
-<polygon fill="#757575" stroke="#757575" points="5083.8,-3135.89 5082.96,-3125.33 5077.03,-3134.1 5083.8,-3135.89"/>
-</g>
-<!-- ../components/fab/ExchangeFab.js&#45;&gt;../navigation/Navigation.js -->
-<g id="edge223" class="edge">
-<title>../components/fab/ExchangeFab.js&#45;&gt;../navigation/Navigation.js</title>
-<path fill="none" stroke="#757575" d="M4857.28,-4495.63C4900.42,-4495.63 4949.3,-4495.63 4990.81,-4495.63"/>
-<polygon fill="#757575" stroke="#757575" points="4990.8,-4499.13 5000.8,-4495.63 4990.8,-4492.13 4990.8,-4499.13"/>
-</g>
-<!-- ../components/fab/ExchangeFab.js&#45;&gt;../components/fab/FloatingActionButton.js -->
-<g id="edge221" class="edge">
-<title>../components/fab/ExchangeFab.js&#45;&gt;../components/fab/FloatingActionButton.js</title>
-<path fill="none" stroke="#757575" d="M4846.09,-4508.01C4886.58,-4512.99 4933.45,-4518.77 4975,-4523.88"/>
-<polygon fill="#757575" stroke="#757575" points="4974.43,-4527.34 4984.79,-4525.09 4975.29,-4520.39 4974.43,-4527.34"/>
-</g>
-<!-- ../components/fab/FloatingActionButton.js&#45;&gt;../components/layout/index.js -->
-<g id="edge227" class="edge">
-<title>../components/fab/FloatingActionButton.js&#45;&gt;../components/layout/index.js</title>
-<path fill="none" stroke="#757575" d="M5220.58,-4546.58C5439.38,-4557.76 5889.34,-4565.13 6254,-4469.63 6316.19,-4453.35 6382.16,-4416.23 6418.5,-4393.82"/>
-<polygon fill="#757575" stroke="#757575" points="6420.03,-4396.99 6426.65,-4388.72 6416.31,-4391.06 6420.03,-4396.99"/>
-</g>
-<!-- ../components/fab/FabWrapper.js&#45;&gt;../components/layout/index.js -->
-<g id="edge226" class="edge">
-<title>../components/fab/FabWrapper.js&#45;&gt;../components/layout/index.js</title>
-<path fill="none" stroke="#757575" d="M4331.41,-4586C4477.94,-4608.46 4807.43,-4653.63 5086.62,-4653.63 5086.62,-4653.63 5086.62,-4653.63 5757,-4653.63 5980.52,-4653.63 6055.75,-4679.89 6254,-4576.63 6337.19,-4533.3 6404.94,-4440.17 6432.86,-4397.63"/>
-<polygon fill="#757575" stroke="#757575" points="6435.79,-4399.54 6438.26,-4389.24 6429.91,-4395.75 6435.79,-4399.54"/>
-</g>
-<!-- ../components/fab/FabWrapper.js&#45;&gt;../components/fab/ExchangeFab.js -->
-<g id="edge224" class="edge">
-<title>../components/fab/FabWrapper.js&#45;&gt;../components/fab/ExchangeFab.js</title>
-<path fill="none" stroke="#757575" d="M4361.73,-4579.32C4417.48,-4578.52 4485.58,-4571.52 4542,-4547.63 4561.44,-4539.4 4558.71,-4525.21 4578,-4516.63 4591.53,-4510.61 4606.26,-4506.16 4621.17,-4502.89"/>
-<polygon fill="#757575" stroke="#757575" points="4621.44,-4506.4 4630.56,-4501.01 4620.07,-4499.54 4621.44,-4506.4"/>
-</g>
-<!-- ../components/fab/FabWrapper.js&#45;&gt;../components/fab/SendFab.js -->
-<g id="edge225" class="edge">
-<title>../components/fab/FabWrapper.js&#45;&gt;../components/fab/SendFab.js</title>
-<path fill="none" stroke="#757575" d="M4361.54,-4565.75C4442.63,-4559.79 4553.62,-4551.62 4635.08,-4545.62"/>
-<polygon fill="#757575" stroke="#757575" points="4635.15,-4549.13 4644.86,-4544.9 4634.63,-4542.14 4635.15,-4549.13"/>
-</g>
-<!-- ../components/fab/SendFab.js&#45;&gt;../components/text/index.js -->
-<g id="edge229" class="edge">
-<title>../components/fab/SendFab.js&#45;&gt;../components/text/index.js</title>
-<path fill="none" stroke="#757575" d="M4842.74,-4546.65C4868.37,-4543.87 4893.73,-4535.56 4911.25,-4516.63 4966.72,-4456.71 4936.92,-3863.63 4947.25,-3782.63 4980.05,-3525.59 5057.91,-3220.26 5080.43,-3134.84"/>
-<polygon fill="#757575" stroke="#757575" points="5083.77,-3135.89 5082.95,-3125.32 5077,-3134.09 5083.77,-3135.89"/>
-</g>
-<!-- ../components/fab/SendFab.js&#45;&gt;../navigation/Navigation.js -->
-<g id="edge230" class="edge">
-<title>../components/fab/SendFab.js&#45;&gt;../navigation/Navigation.js</title>
-<path fill="none" stroke="#757575" d="M4842.89,-4525.65C4889.35,-4519.93 4944.78,-4513.1 4991.03,-4507.41"/>
-<polygon fill="#757575" stroke="#757575" points="4991.27,-4510.9 5000.77,-4506.21 4990.41,-4503.96 4991.27,-4510.9"/>
-</g>
-<!-- ../components/fab/SendFab.js&#45;&gt;../components/fab/FloatingActionButton.js -->
-<g id="edge228" class="edge">
-<title>../components/fab/SendFab.js&#45;&gt;../components/fab/FloatingActionButton.js</title>
-<path fill="none" stroke="#757575" d="M4842.89,-4537.63C4874.01,-4537.63 4909.16,-4537.63 4942.88,-4537.63"/>
-<polygon fill="#757575" stroke="#757575" points="4942.74,-4541.13 4952.74,-4537.63 4942.74,-4534.13 4942.74,-4541.13"/>
-</g>
-<!-- ../components/floating&#45;emojis/ComingSoonFloatingEmojis.js&#45;&gt;../components/floating&#45;emojis/FloatingEmojis.js -->
-<g id="edge236" class="edge">
-<title>../components/floating&#45;emojis/ComingSoonFloatingEmojis.js&#45;&gt;../components/floating&#45;emojis/FloatingEmojis.js</title>
-<path fill="none" stroke="#757575" d="M3875.36,-658.28C3904.89,-655.66 3935.99,-652.99 3965,-650.63 4006.24,-647.29 4050.82,-643.91 4092.29,-640.87"/>
-<polygon fill="#757575" stroke="#757575" points="4092.39,-644.38 4102.11,-640.16 4091.88,-637.4 4092.39,-644.38"/>
-</g>
-<!-- ../components/floating&#45;emojis/ComingSoonFloatingEmojis.js&#45;&gt;../components/floating&#45;emojis/FloatingEmojisTapHandler.js -->
-<g id="edge237" class="edge">
-<title>../components/floating&#45;emojis/ComingSoonFloatingEmojis.js&#45;&gt;../components/floating&#45;emojis/FloatingEmojisTapHandler.js</title>
-<path fill="none" stroke="#757575" d="M3929.21,-671C3971.18,-671.08 4015.77,-671.17 4058,-671.25"/>
-<polygon fill="#757575" stroke="#757575" points="4057.74,-674.75 4067.74,-671.27 4057.75,-667.75 4057.74,-674.75"/>
-</g>
-<!-- ../components/floating&#45;emojis/FloatingEmojis.js&#45;&gt;../components/floating&#45;emojis/FloatingEmoji.js -->
-<g id="edge241" class="edge">
-<title>../components/floating&#45;emojis/FloatingEmojis.js&#45;&gt;../components/floating&#45;emojis/FloatingEmoji.js</title>
-<path fill="none" stroke="#757575" d="M4403.6,-630.02C4448.65,-632.93 4497.85,-638.95 4542,-650.63 4607.2,-667.88 4676.89,-706.02 4714.86,-728.69"/>
-<polygon fill="#757575" stroke="#757575" points="4712.59,-731.4 4722.96,-733.58 4716.21,-725.41 4712.59,-731.4"/>
-</g>
-<!-- ../components/floating&#45;emojis/CopyFloatingEmojis.js&#45;&gt;../components/animations/index.js -->
-<g id="edge238" class="edge">
-<title>../components/floating&#45;emojis/CopyFloatingEmojis.js&#45;&gt;../components/animations/index.js</title>
-<path fill="none" stroke="#757575" d="M3905.45,-548.9C4104.11,-549.19 4448.33,-549.63 4743.62,-549.63 4743.62,-549.63 4743.62,-549.63 6098.12,-549.63 6295.06,-549.63 6523.81,-557.62 6660.35,-563.23"/>
-<polygon fill="#757575" stroke="#757575" points="6660,-566.72 6670.13,-563.64 6660.29,-559.73 6660,-566.72"/>
-</g>
-<!-- ../components/floating&#45;emojis/CopyFloatingEmojis.js&#45;&gt;../components/floating&#45;emojis/FloatingEmojis.js -->
-<g id="edge239" class="edge">
-<title>../components/floating&#45;emojis/CopyFloatingEmojis.js&#45;&gt;../components/floating&#45;emojis/FloatingEmojis.js</title>
-<path fill="none" stroke="#757575" d="M3863.24,-560.99C3885.17,-563.58 3907.79,-566.49 3929,-569.63 4016.6,-582.63 4116.74,-601.89 4182.11,-615.06"/>
-<polygon fill="#757575" stroke="#757575" points="4181.11,-618.43 4191.61,-616.98 4182.5,-611.57 4181.11,-618.43"/>
-</g>
-<!-- ../components/floating&#45;emojis/FloatingEmoji.js&#45;&gt;../components/text/index.js -->
-<g id="edge240" class="edge">
-<title>../components/floating&#45;emojis/FloatingEmoji.js&#45;&gt;../components/text/index.js</title>
-<path fill="none" stroke="#757575" d="M4747.31,-758.74C4761.42,-860.84 4860.9,-1588.74 4911.25,-2182.63 4923.7,-2329.43 4908.28,-2702.55 4947.25,-2844.63 4974.21,-2942.9 5040.89,-3046.28 5071.19,-3090.04"/>
-<polygon fill="#757575" stroke="#757575" points="5068.27,-3091.97 5076.87,-3098.15 5074,-3087.95 5068.27,-3091.97"/>
-</g>
-<!-- ../components/floating&#45;emojis/FloatingEmojisTapper.js&#45;&gt;../components/animations/index.js -->
-<g id="edge242" class="edge">
-<title>../components/floating&#45;emojis/FloatingEmojisTapper.js&#45;&gt;../components/animations/index.js</title>
-<path fill="none" stroke="#757575" d="M3910.31,-589.82C4109.69,-588.93 4450.72,-587.63 4743.62,-587.63 4743.62,-587.63 4743.62,-587.63 6098.12,-587.63 6295.06,-587.63 6523.81,-579.65 6660.35,-574.03"/>
-<polygon fill="#757575" stroke="#757575" points="6660.29,-577.54 6670.13,-573.62 6660,-570.54 6660.29,-577.54"/>
-</g>
-<!-- ../components/floating&#45;emojis/FloatingEmojisTapper.js&#45;&gt;../components/floating&#45;emojis/FloatingEmojis.js -->
-<g id="edge243" class="edge">
-<title>../components/floating&#45;emojis/FloatingEmojisTapper.js&#45;&gt;../components/floating&#45;emojis/FloatingEmojis.js</title>
-<path fill="none" stroke="#757575" d="M3903.11,-603C3963.59,-607.61 4032.16,-612.84 4092.44,-617.43"/>
-<polygon fill="#757575" stroke="#757575" points="4091.85,-620.9 4102.09,-618.17 4092.38,-613.92 4091.85,-620.9"/>
-</g>
-<!-- ../components/floating&#45;emojis/FloatingEmojisTapper.js&#45;&gt;../components/floating&#45;emojis/FloatingEmojisTapHandler.js -->
-<g id="edge244" class="edge">
-<title>../components/floating&#45;emojis/FloatingEmojisTapper.js&#45;&gt;../components/floating&#45;emojis/FloatingEmojisTapHandler.js</title>
-<path fill="none" stroke="#757575" d="M3778.07,-602.91C3822.15,-616.91 3898.07,-639.33 3965,-650.63 3994.89,-655.68 4026.72,-659.51 4057.91,-662.42"/>
-<polygon fill="#757575" stroke="#757575" points="4057.59,-665.91 4067.86,-663.32 4058.22,-658.94 4057.59,-665.91"/>
-</g>
-<!-- ../components/floating&#45;panels/AssetPanel.js -->
-<g id="node138" class="node">
-<title>../components/floating&#45;panels/AssetPanel.js</title>
-<path fill="none" stroke="#c6c5fe" d="M6228.46,-5177.51C6228.46,-5177.51 5965.79,-5177.51 5965.79,-5177.51 5961.83,-5177.51 5957.88,-5173.55 5957.88,-5169.59 5957.88,-5169.59 5957.88,-5161.67 5957.88,-5161.67 5957.88,-5157.72 5961.83,-5153.76 5965.79,-5153.76 5965.79,-5153.76 6228.46,-5153.76 6228.46,-5153.76 6232.42,-5153.76 6236.38,-5157.72 6236.38,-5161.67 6236.38,-5161.67 6236.38,-5169.59 6236.38,-5169.59 6236.38,-5173.55 6232.42,-5177.51 6228.46,-5177.51"/>
-<text text-anchor="middle" x="6097.12" y="-5160.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/floating&#45;panels/AssetPanel.js</text>
-</g>
-<!-- ../components/floating&#45;panels/AssetPanel.js&#45;&gt;../components/layout/index.js -->
-<g id="edge251" class="edge">
-<title>../components/floating&#45;panels/AssetPanel.js&#45;&gt;../components/layout/index.js</title>
-<path fill="none" stroke="#757575" d="M6234.65,-5153.27C6241.62,-5149.53 6248.15,-5145.02 6254,-5139.63 6368.05,-5034.54 6431.18,-4516.23 6444.12,-4399.16"/>
-<polygon fill="#757575" stroke="#757575" points="6447.6,-4399.55 6445.2,-4389.23 6440.64,-4398.79 6447.6,-4399.55"/>
-</g>
-<!-- ../components/floating&#45;panels/FloatingPanels.js -->
-<g id="node139" class="node">
-<title>../components/floating&#45;panels/FloatingPanels.js</title>
-<path fill="none" stroke="#c6c5fe" d="M6238.96,-5219.51C6238.96,-5219.51 5955.29,-5219.51 5955.29,-5219.51 5951.33,-5219.51 5947.38,-5215.55 5947.38,-5211.59 5947.38,-5211.59 5947.38,-5203.67 5947.38,-5203.67 5947.38,-5199.72 5951.33,-5195.76 5955.29,-5195.76 5955.29,-5195.76 6238.96,-5195.76 6238.96,-5195.76 6242.92,-5195.76 6246.88,-5199.72 6246.88,-5203.67 6246.88,-5203.67 6246.88,-5211.59 6246.88,-5211.59 6246.88,-5215.55 6242.92,-5219.51 6238.96,-5219.51"/>
-<text text-anchor="middle" x="6097.12" y="-5202.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/floating&#45;panels/FloatingPanels.js</text>
-</g>
-<!-- ../components/floating&#45;panels/FloatingPanels.js&#45;&gt;../components/layout/index.js -->
-<g id="edge252" class="edge">
-<title>../components/floating&#45;panels/FloatingPanels.js&#45;&gt;../components/layout/index.js</title>
-<path fill="none" stroke="#757575" d="M6242.69,-5195.26C6246.67,-5192.71 6250.46,-5189.84 6254,-5186.63 6376.13,-5076.06 6433.39,-4520.62 6444.56,-4399.13"/>
-<polygon fill="#757575" stroke="#757575" points="6448.02,-4399.69 6445.44,-4389.41 6441.05,-4399.06 6448.02,-4399.69"/>
-</g>
-<!-- ../components/floating&#45;panels/index.js -->
-<g id="node140" class="node">
-<title>../components/floating&#45;panels/index.js</title>
-<path fill="none" stroke="#c6c5fe" d="M5869.33,-5177.51C5869.33,-5177.51 5642.67,-5177.51 5642.67,-5177.51 5638.71,-5177.51 5634.75,-5173.55 5634.75,-5169.59 5634.75,-5169.59 5634.75,-5161.67 5634.75,-5161.67 5634.75,-5157.72 5638.71,-5153.76 5642.67,-5153.76 5642.67,-5153.76 5869.33,-5153.76 5869.33,-5153.76 5873.29,-5153.76 5877.25,-5157.72 5877.25,-5161.67 5877.25,-5161.67 5877.25,-5169.59 5877.25,-5169.59 5877.25,-5173.55 5873.29,-5177.51 5869.33,-5177.51"/>
-<text text-anchor="middle" x="5756" y="-5160.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/floating&#45;panels/index.js</text>
-</g>
-<!-- ../components/floating&#45;panels/index.js&#45;&gt;../components/floating&#45;panels/AssetPanel.js -->
-<g id="edge253" class="edge">
-<title>../components/floating&#45;panels/index.js&#45;&gt;../components/floating&#45;panels/AssetPanel.js</title>
-<path fill="none" stroke="#757575" d="M5877.52,-5165.63C5899.77,-5165.63 5923.25,-5165.63 5946.25,-5165.63"/>
-<polygon fill="#757575" stroke="#757575" points="5945.97,-5169.13 5955.97,-5165.63 5945.97,-5162.13 5945.97,-5169.13"/>
-</g>
-<!-- ../components/floating&#45;panels/index.js&#45;&gt;../components/floating&#45;panels/FloatingPanels.js -->
-<g id="edge254" class="edge">
-<title>../components/floating&#45;panels/index.js&#45;&gt;../components/floating&#45;panels/FloatingPanels.js</title>
-<path fill="none" stroke="#757575" d="M5856.91,-5178.01C5897.18,-5182.99 5943.79,-5188.77 5985.12,-5193.88"/>
-<polygon fill="#757575" stroke="#757575" points="5984.48,-5197.33 5994.84,-5195.09 5985.34,-5190.38 5984.48,-5197.33"/>
-</g>
-<!-- ../components/gas/GasSpeedButton.js -->
-<g id="node141" class="node">
-<title>../components/gas/GasSpeedButton.js</title>
-<path fill="none" stroke="#ff6c60" d="M3449.83,-3722.51C3449.83,-3722.51 3217.92,-3722.51 3217.92,-3722.51 3213.96,-3722.51 3210,-3718.55 3210,-3714.59 3210,-3714.59 3210,-3706.67 3210,-3706.67 3210,-3702.72 3213.96,-3698.76 3217.92,-3698.76 3217.92,-3698.76 3449.83,-3698.76 3449.83,-3698.76 3453.79,-3698.76 3457.75,-3702.72 3457.75,-3706.67 3457.75,-3706.67 3457.75,-3714.59 3457.75,-3714.59 3457.75,-3718.55 3453.79,-3722.51 3449.83,-3722.51"/>
-<text text-anchor="middle" x="3333.88" y="-3705.21" font-family="Arial" font-size="14.00" fill="#ff6c60">../components/gas/GasSpeedButton.js</text>
-</g>
-<!-- ../components/gas/GasSpeedButton.js&#45;&gt;../components/layout/index.js -->
-<g id="edge259" class="edge">
-<title>../components/gas/GasSpeedButton.js&#45;&gt;../components/layout/index.js</title>
-<path fill="none" stroke="#757575" d="M3345.63,-3722.97C3378.38,-3761.39 3476.89,-3883.56 3514.75,-4004.63 3556.6,-4138.47 3473.14,-4517.84 3550.75,-4634.63 3654.32,-4790.5 3808.7,-4676.28 3929,-4819.63 3966.16,-4863.92 3920.48,-4907.75 3965,-4944.63 4064.17,-5026.79 4421.03,-4954.45 4542,-4998.63 4560.3,-5005.31 4559.57,-5017.34 4578,-5023.63 4685.1,-5060.2 4973.45,-5049.63 5086.62,-5049.63 5086.62,-5049.63 5086.62,-5049.63 5757,-5049.63 5983.43,-5049.63 6085.44,-5088.82 6254,-4937.63 6421.42,-4787.47 6443.38,-4485.41 6446.22,-4399.13"/>
-<polygon fill="#757575" stroke="#757575" points="6449.71,-4399.41 6446.48,-4389.32 6442.71,-4399.22 6449.71,-4399.41"/>
-</g>
-<!-- ../components/gas/GasSpeedButton.js&#45;&gt;../components/text/index.js -->
-<g id="edge260" class="edge">
-<title>../components/gas/GasSpeedButton.js&#45;&gt;../components/text/index.js</title>
-<path fill="none" stroke="#757575" d="M3349.36,-3698.32C3382.45,-3670.99 3467.23,-3605.48 3550.75,-3577.63 3726.14,-3519.15 3780.58,-3552.76 3965,-3539.63 4070.01,-3532.16 4824.04,-3550.6 4911.25,-3491.63 5038.18,-3405.81 5074.99,-3203.53 5084.03,-3134.89"/>
-<polygon fill="#757575" stroke="#757575" points="5087.48,-3135.54 5085.22,-3125.19 5080.53,-3134.69 5087.48,-3135.54"/>
-</g>
-<!-- ../components/gas/GasSpeedButton.js&#45;&gt;../components/animations/index.js -->
-<g id="edge255" class="edge">
-<title>../components/gas/GasSpeedButton.js&#45;&gt;../components/animations/index.js</title>
-<path fill="none" stroke="#757575" d="M3338.89,-3698.28C3361.38,-3628.48 3472.23,-3275.94 3514.75,-2978.63 3521.32,-2932.72 3518.92,-2178.36 3550.75,-2144.63 3677.76,-2010.05 3780.18,-2111.98 3965,-2102.63 4528.86,-2074.12 4804.43,-1865.35 5228,-2238.63 5265.96,-2272.08 5222.95,-2317.05 5264,-2346.63 5319.48,-2386.62 5522.58,-2394.17 5571.75,-2346.63 5656.87,-2264.34 5541.96,-1380.07 5607.75,-1281.63 5878.3,-876.81 6233.11,-1142.62 6605.25,-828.63 6688.17,-758.67 6748.6,-640.37 6771.4,-591.16"/>
-<polygon fill="#757575" stroke="#757575" points="6774.45,-592.9 6775.41,-582.35 6768.08,-590 6774.45,-592.9"/>
-</g>
-<!-- ../components/gas/GasSpeedButton.js&#45;&gt;../components/coin&#45;icon/index.js -->
-<g id="edge256" class="edge">
-<title>../components/gas/GasSpeedButton.js&#45;&gt;../components/coin&#45;icon/index.js</title>
-<path fill="none" stroke="#757575" d="M3338.42,-3698.68C3358.74,-3629.67 3461.48,-3274.87 3514.75,-2978.63 3539.45,-2841.25 3495.67,-2794.89 3550.75,-2666.63 3588.86,-2577.9 3673.75,-2497.15 3715.2,-2461.26"/>
-<polygon fill="#757575" stroke="#757575" points="3717.33,-2464.03 3722.66,-2454.88 3712.79,-2458.71 3717.33,-2464.03"/>
-</g>
-<!-- ../components/gas/GasSpeedButton.js&#45;&gt;../components/context&#45;menu/index.js -->
-<g id="edge257" class="edge">
-<title>../components/gas/GasSpeedButton.js&#45;&gt;../components/context&#45;menu/index.js</title>
-<path fill="none" stroke="#757575" d="M3458.15,-3707.94C3631.65,-3704.16 3946.37,-3697.3 4123.12,-3693.45"/>
-<polygon fill="#757575" stroke="#757575" points="4123.12,-3696.95 4133.04,-3693.24 4122.97,-3689.95 4123.12,-3696.95"/>
-</g>
-<!-- ../components/gas/index.js -->
-<g id="node142" class="node">
-<title>../components/gas/index.js</title>
-<path fill="none" stroke="#ff6c60" d="M3039.33,-4140.51C3039.33,-4140.51 2878.67,-4140.51 2878.67,-4140.51 2874.71,-4140.51 2870.75,-4136.55 2870.75,-4132.59 2870.75,-4132.59 2870.75,-4124.67 2870.75,-4124.67 2870.75,-4120.72 2874.71,-4116.76 2878.67,-4116.76 2878.67,-4116.76 3039.33,-4116.76 3039.33,-4116.76 3043.29,-4116.76 3047.25,-4120.72 3047.25,-4124.67 3047.25,-4124.67 3047.25,-4132.59 3047.25,-4132.59 3047.25,-4136.55 3043.29,-4140.51 3039.33,-4140.51"/>
-<text text-anchor="middle" x="2959" y="-4123.21" font-family="Arial" font-size="14.00" fill="#ff6c60">../components/gas/index.js</text>
-</g>
-<!-- ../components/gas/GasSpeedButton.js&#45;&gt;../components/gas/index.js -->
-<g id="edge258" class="edge">
-<title>../components/gas/GasSpeedButton.js&#45;&gt;../components/gas/index.js</title>
-<path fill="none" stroke="#757575" d="M3326.38,-3722.95C3301.28,-3763.65 3209.26,-3894.95 3153,-4013.63 3132.23,-4057.45 3154.59,-4086 3117,-4116.63 3087.31,-4140.82 3043.47,-4144.91 3009.65,-4142.16"/>
-<polygon fill="#757575" stroke="#757575" points="3010.42,-4138.72 3000.11,-4141.14 3009.68,-4145.68 3010.42,-4138.72"/>
-</g>
-<!-- ../components/gas/index.js&#45;&gt;../components/gas/GasSpeedButton.js -->
-<g id="edge265" class="edge">
-<title>../components/gas/index.js&#45;&gt;../components/gas/GasSpeedButton.js</title>
-<path fill="none" stroke="#757575" d="M3047.41,-4124.81C3072.15,-4121.66 3097.6,-4114.44 3117,-4098.63 3154.59,-4068 3132.23,-4039.45 3153,-3995.63 3202.29,-3891.64 3279.04,-3777.97 3314.17,-3731.67"/>
-<polygon fill="#757575" stroke="#757575" points="3316.73,-3734.08 3320.09,-3724.04 3311.19,-3729.8 3316.73,-3734.08"/>
-</g>
-<!-- ../components/gas/GasSpeedEmoji.js -->
-<g id="node143" class="node">
-<title>../components/gas/GasSpeedEmoji.js</title>
-<path fill="none" stroke="#c6c5fe" d="M3447.58,-4037.51C3447.58,-4037.51 3220.17,-4037.51 3220.17,-4037.51 3216.21,-4037.51 3212.25,-4033.55 3212.25,-4029.59 3212.25,-4029.59 3212.25,-4021.67 3212.25,-4021.67 3212.25,-4017.72 3216.21,-4013.76 3220.17,-4013.76 3220.17,-4013.76 3447.58,-4013.76 3447.58,-4013.76 3451.54,-4013.76 3455.5,-4017.72 3455.5,-4021.67 3455.5,-4021.67 3455.5,-4029.59 3455.5,-4029.59 3455.5,-4033.55 3451.54,-4037.51 3447.58,-4037.51"/>
-<text text-anchor="middle" x="3333.88" y="-4020.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/gas/GasSpeedEmoji.js</text>
-</g>
-<!-- ../components/gas/index.js&#45;&gt;../components/gas/GasSpeedEmoji.js -->
-<g id="edge266" class="edge">
-<title>../components/gas/index.js&#45;&gt;../components/gas/GasSpeedEmoji.js</title>
-<path fill="none" stroke="#757575" d="M3047.47,-4120.55C3070.3,-4117.46 3094.74,-4113.27 3117,-4107.63 3181.89,-4091.2 3253.96,-4061.32 3296.25,-4042.53"/>
-<polygon fill="#757575" stroke="#757575" points="3297.52,-4045.79 3305.21,-4038.51 3294.65,-4039.41 3297.52,-4045.79"/>
-</g>
-<!-- ../components/gas/GasSpeedLabelPager.js -->
-<g id="node144" class="node">
-<title>../components/gas/GasSpeedLabelPager.js</title>
-<path fill="none" stroke="#ff6c60" d="M3464.46,-4349.51C3464.46,-4349.51 3203.29,-4349.51 3203.29,-4349.51 3199.33,-4349.51 3195.38,-4345.55 3195.38,-4341.59 3195.38,-4341.59 3195.38,-4333.67 3195.38,-4333.67 3195.38,-4329.72 3199.33,-4325.76 3203.29,-4325.76 3203.29,-4325.76 3464.46,-4325.76 3464.46,-4325.76 3468.42,-4325.76 3472.38,-4329.72 3472.38,-4333.67 3472.38,-4333.67 3472.38,-4341.59 3472.38,-4341.59 3472.38,-4345.55 3468.42,-4349.51 3464.46,-4349.51"/>
-<text text-anchor="middle" x="3333.88" y="-4332.21" font-family="Arial" font-size="14.00" fill="#ff6c60">../components/gas/GasSpeedLabelPager.js</text>
-</g>
-<!-- ../components/gas/index.js&#45;&gt;../components/gas/GasSpeedLabelPager.js -->
-<g id="edge267" class="edge">
-<title>../components/gas/index.js&#45;&gt;../components/gas/GasSpeedLabelPager.js</title>
-<path fill="none" stroke="#757575" d="M2997.29,-4141C3031.87,-4158.34 3082.97,-4191 3117,-4230.63 3140.31,-4257.78 3123.99,-4281.69 3153,-4302.63 3164.82,-4311.17 3178.24,-4317.47 3192.29,-4322.12"/>
-<polygon fill="#757575" stroke="#757575" points="3191.11,-4325.42 3201.69,-4324.93 3193.11,-4318.71 3191.11,-4325.42"/>
-</g>
-<!-- ../components/gas/GasSpeedEmoji.js&#45;&gt;../components/text/index.js -->
-<g id="edge261" class="edge">
-<title>../components/gas/GasSpeedEmoji.js&#45;&gt;../components/text/index.js</title>
-<path fill="none" stroke="#757575" d="M3343.21,-4013.38C3370,-3973.71 3455.6,-3844.87 3514.75,-3731.63 3533.18,-3696.35 3518.45,-3672.89 3550.75,-3649.63 3612.34,-3605.29 4849.95,-3570.38 4911.25,-3525.63 5045.08,-3427.95 5077.55,-3207.65 5084.74,-3135.21"/>
-<polygon fill="#757575" stroke="#757575" points="5088.21,-3135.6 5085.64,-3125.33 5081.24,-3134.97 5088.21,-3135.6"/>
-</g>
-<!-- ../components/gas/GasSpeedLabelPager.js&#45;&gt;../components/layout/index.js -->
-<g id="edge263" class="edge">
-<title>../components/gas/GasSpeedLabelPager.js&#45;&gt;../components/layout/index.js</title>
-<path fill="none" stroke="#757575" d="M3337,-4349.94C3347.94,-4409.87 3403.26,-4674.08 3550.75,-4819.63 3693.5,-4960.51 3770.92,-4948.06 3965,-4998.63 4214.45,-5063.63 4286.51,-5023.31 4542,-5057.63 4558.08,-5059.79 4561.87,-5061.91 4578,-5063.63 4803.03,-5087.61 4860.32,-5087.63 5086.62,-5087.63 5086.62,-5087.63 5086.62,-5087.63 5757,-5087.63 5867.57,-5087.63 6167.54,-5132.56 6254,-5063.63 6363.27,-4976.52 6429.41,-4509.79 6443.7,-4399.16"/>
-<polygon fill="#757575" stroke="#757575" points="6447.13,-4399.86 6444.92,-4389.5 6440.19,-4398.98 6447.13,-4399.86"/>
-</g>
-<!-- ../components/gas/GasSpeedLabelPager.js&#45;&gt;../components/text/index.js -->
-<g id="edge264" class="edge">
-<title>../components/gas/GasSpeedLabelPager.js&#45;&gt;../components/text/index.js</title>
-<path fill="none" stroke="#757575" d="M3464.85,-4325.27C3772.93,-4295.69 4523.32,-4221.85 4542,-4202.63 4609.15,-4133.56 4510.93,-3839.78 4578,-3770.63 4681.79,-3663.63 4797.67,-3829.18 4911.25,-3732.63 4935.32,-3712.17 5053.12,-3245.68 5080.8,-3135.02"/>
-<polygon fill="#757575" stroke="#757575" points="5084.19,-3135.88 5083.22,-3125.33 5077.4,-3134.18 5084.19,-3135.88"/>
-</g>
-<!-- ../components/gas/GasSpeedLabelPager.js&#45;&gt;../components/gas/index.js -->
-<g id="edge262" class="edge">
-<title>../components/gas/GasSpeedLabelPager.js&#45;&gt;../components/gas/index.js</title>
-<path fill="none" stroke="#757575" d="M3275.96,-4349.99C3237.81,-4351.69 3188.3,-4346.12 3153,-4320.63 3123.99,-4299.69 3140.31,-4275.78 3117,-4248.63 3078.37,-4203.65 3017.76,-4167.65 2984.27,-4146.82"/>
-<polygon fill="#757575" stroke="#757575" points="2986.41,-4144.03 2976.09,-4141.65 2982.68,-4149.95 2986.41,-4144.03"/>
-</g>
-<!-- ../components/header/BackButton.js&#45;&gt;../components/layout/index.js -->
-<g id="edge270" class="edge">
-<title>../components/header/BackButton.js&#45;&gt;../components/layout/index.js</title>
-<path fill="none" stroke="#757575" d="M4861.59,-3952.83C5206.15,-3945.05 6203.05,-3926.71 6254,-3973.63 6316.56,-4031.24 6231.05,-4293.33 6290,-4354.63 6303.51,-4368.68 6321.59,-4376.55 6340.66,-4380.59"/>
-<polygon fill="#757575" stroke="#757575" points="6340.03,-4384.03 6350.48,-4382.28 6341.22,-4377.13 6340.03,-4384.03"/>
-</g>
-<!-- ../components/header/BackButton.js&#45;&gt;../navigation/Navigation.js -->
-<g id="edge272" class="edge">
-<title>../components/header/BackButton.js&#45;&gt;../navigation/Navigation.js</title>
-<path fill="none" stroke="#757575" d="M4753.39,-3967.93C4797.44,-4037.69 5016.08,-4383.91 5073.04,-4474.11"/>
-<polygon fill="#757575" stroke="#757575" points="5069.92,-4475.73 5078.21,-4482.31 5075.83,-4471.99 5069.92,-4475.73"/>
-</g>
-<!-- ../components/header/BackButton.js&#45;&gt;../components/header/HeaderButton.js -->
-<g id="edge268" class="edge">
-<title>../components/header/BackButton.js&#45;&gt;../components/header/HeaderButton.js</title>
-<path fill="none" stroke="#757575" d="M4861.66,-3961.57C4880.49,-3957.17 4898.1,-3948.92 4911.25,-3934.63 4974.79,-3865.55 4922.95,-3181.3 4947.25,-3090.63 4973.63,-2992.21 5040.61,-2888.91 5071.09,-2845.19"/>
-<polygon fill="#757575" stroke="#757575" points="5073.9,-2847.29 5076.81,-2837.1 5068.18,-2843.25 5073.9,-2847.29"/>
-</g>
-<!-- ../components/header/BackButton.js&#45;&gt;../components/icons/Icon.js -->
-<g id="edge269" class="edge">
-<title>../components/header/BackButton.js&#45;&gt;../components/icons/Icon.js</title>
-<path fill="none" stroke="#757575" d="M4857.46,-3943.28C5120,-3911.91 5764.2,-3820.33 5904.25,-3663.63 6035.59,-3516.68 6085.83,-2851.98 6094.66,-2718.88"/>
-<polygon fill="#757575" stroke="#757575" points="6098.13,-2719.41 6095.29,-2709.2 6091.15,-2718.95 6098.13,-2719.41"/>
-</g>
-<!-- ../components/header/BackButton.js&#45;&gt;../components/text/Text.js -->
-<g id="edge271" class="edge">
-<title>../components/header/BackButton.js&#45;&gt;../components/text/Text.js</title>
-<path fill="none" stroke="#757575" d="M4861.83,-3949.18C4878.82,-3945.89 4895.78,-3941.21 4911.25,-3934.63 4930.16,-3926.59 4929.02,-3915.11 4947.25,-3905.63 5062.47,-3845.72 5116.61,-3891.4 5228,-3824.63 5247.68,-3812.84 5246.19,-3802.09 5264,-3787.63 5389.71,-3685.57 5455.37,-3705.21 5571.75,-3592.63 5652.57,-3514.45 5718.47,-3395.27 5743.81,-3346.07"/>
-<polygon fill="#757575" stroke="#757575" points="5746.88,-3347.75 5748.3,-3337.25 5740.64,-3344.58 5746.88,-3347.75"/>
-</g>
-<!-- ../components/header/HeaderButton.js&#45;&gt;../components/animations/index.js -->
-<g id="edge274" class="edge">
-<title>../components/header/HeaderButton.js&#45;&gt;../components/animations/index.js</title>
-<path fill="none" stroke="#757575" d="M5118.92,-2811.33C5147.61,-2799.31 5191.59,-2779.9 5228,-2759.63 5598.2,-2553.5 5761.7,-2486.65 5904.25,-2087.63 5935.23,-2000.91 5876.07,-1325.67 5940.25,-1259.63 6043.51,-1153.38 6490.77,-1305.69 6605.25,-1211.63 6705.48,-1129.29 6765.21,-698.23 6778.53,-592.21"/>
-<polygon fill="#757575" stroke="#757575" points="6781.98,-592.79 6779.73,-582.44 6775.03,-591.93 6781.98,-592.79"/>
-</g>
-<!-- ../components/icons/Icon.js&#45;&gt;../components/layout/index.js -->
-<g id="edge350" class="edge">
-<title>../components/icons/Icon.js&#45;&gt;../components/layout/index.js</title>
-<path fill="none" stroke="#757575" d="M6187.32,-2690.43C6212.43,-2693.73 6237.39,-2702.45 6254,-2721.63 6313.41,-2790.22 6229.5,-4287 6290,-4354.63 6303.21,-4369.4 6321.43,-4377.51 6340.79,-4381.54"/>
-<polygon fill="#757575" stroke="#757575" points="6340.03,-4384.96 6350.47,-4383.16 6341.19,-4378.05 6340.03,-4384.96"/>
-</g>
-<!-- ../components/icons/Icon.js&#45;&gt;../components/text/index.js -->
-<g id="edge351" class="edge">
-<title>../components/icons/Icon.js&#45;&gt;../components/text/index.js</title>
-<path fill="none" stroke="#757575" d="M6075,-2707.79C6005.59,-2747.12 5777.18,-2871.67 5571.75,-2928.63 5438.94,-2965.46 5390.57,-2912.09 5264,-2966.63 5196.68,-2995.64 5134.81,-3058.78 5105.86,-3091.33"/>
-<polygon fill="#757575" stroke="#757575" points="5103.54,-3088.67 5099.59,-3098.5 5108.81,-3093.28 5103.54,-3088.67"/>
-</g>
-<!-- ../components/icons/svg/ApplePayIcon.js -->
-<g id="node150" class="node">
-<title>../components/icons/svg/ApplePayIcon.js</title>
-<path fill="none" stroke="#c6c5fe" d="M6570.71,-2287.51C6570.71,-2287.51 6324.54,-2287.51 6324.54,-2287.51 6320.58,-2287.51 6316.62,-2283.55 6316.62,-2279.59 6316.62,-2279.59 6316.62,-2271.67 6316.62,-2271.67 6316.62,-2267.72 6320.58,-2263.76 6324.54,-2263.76 6324.54,-2263.76 6570.71,-2263.76 6570.71,-2263.76 6574.67,-2263.76 6578.62,-2267.72 6578.62,-2271.67 6578.62,-2271.67 6578.62,-2279.59 6578.62,-2279.59 6578.62,-2283.55 6574.67,-2287.51 6570.71,-2287.51"/>
-<text text-anchor="middle" x="6447.62" y="-2270.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/ApplePayIcon.js</text>
-</g>
-<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/ApplePayIcon.js -->
-<g id="edge278" class="edge">
-<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/ApplePayIcon.js</title>
-<path fill="none" stroke="#757575" d="M6099.78,-2683.6C6108.07,-2628.43 6150.36,-2398 6290,-2296.63 6295,-2293.01 6300.32,-2289.85 6305.88,-2287.12"/>
-<polygon fill="#757575" stroke="#757575" points="6306.98,-2290.46 6314.74,-2283.25 6304.18,-2284.05 6306.98,-2290.46"/>
-</g>
-<!-- ../components/icons/svg/ArrowBack.js -->
-<g id="node151" class="node">
-<title>../components/icons/svg/ArrowBack.js</title>
-<path fill="none" stroke="#c6c5fe" d="M6561.71,-2245.51C6561.71,-2245.51 6333.54,-2245.51 6333.54,-2245.51 6329.58,-2245.51 6325.62,-2241.55 6325.62,-2237.59 6325.62,-2237.59 6325.62,-2229.67 6325.62,-2229.67 6325.62,-2225.72 6329.58,-2221.76 6333.54,-2221.76 6333.54,-2221.76 6561.71,-2221.76 6561.71,-2221.76 6565.67,-2221.76 6569.62,-2225.72 6569.62,-2229.67 6569.62,-2229.67 6569.62,-2237.59 6569.62,-2237.59 6569.62,-2241.55 6565.67,-2245.51 6561.71,-2245.51"/>
-<text text-anchor="middle" x="6447.62" y="-2228.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/ArrowBack.js</text>
-</g>
-<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/ArrowBack.js -->
-<g id="edge279" class="edge">
-<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/ArrowBack.js</title>
-<path fill="none" stroke="#757575" d="M6099.21,-2683.57C6105.17,-2624.98 6139.42,-2368.36 6290,-2254.63 6297.47,-2248.99 6305.73,-2244.48 6314.44,-2240.9"/>
-<polygon fill="#757575" stroke="#757575" points="6315.63,-2244.19 6323.84,-2237.49 6313.25,-2237.61 6315.63,-2244.19"/>
-</g>
-<!-- ../components/icons/svg/ArrowCircledIcon.js -->
-<g id="node152" class="node">
-<title>../components/icons/svg/ArrowCircledIcon.js</title>
-<path fill="none" stroke="#c6c5fe" d="M6580.46,-2203.51C6580.46,-2203.51 6314.79,-2203.51 6314.79,-2203.51 6310.83,-2203.51 6306.88,-2199.55 6306.88,-2195.59 6306.88,-2195.59 6306.88,-2187.67 6306.88,-2187.67 6306.88,-2183.72 6310.83,-2179.76 6314.79,-2179.76 6314.79,-2179.76 6580.46,-2179.76 6580.46,-2179.76 6584.42,-2179.76 6588.38,-2183.72 6588.38,-2187.67 6588.38,-2187.67 6588.38,-2195.59 6588.38,-2195.59 6588.38,-2199.55 6584.42,-2203.51 6580.46,-2203.51"/>
-<text text-anchor="middle" x="6447.62" y="-2186.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/ArrowCircledIcon.js</text>
-</g>
-<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/ArrowCircledIcon.js -->
-<g id="edge280" class="edge">
-<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/ArrowCircledIcon.js</title>
-<path fill="none" stroke="#757575" d="M6098.74,-2683.29C6102.56,-2620.96 6128.57,-2338.69 6290,-2212.63 6292.19,-2210.92 6294.45,-2209.31 6296.77,-2207.8"/>
-<polygon fill="#757575" stroke="#757575" points="6298.42,-2210.9 6305.35,-2202.88 6294.93,-2204.83 6298.42,-2210.9"/>
-</g>
-<!-- ../components/icons/svg/ArrowIcon.js -->
-<g id="node153" class="node">
-<title>../components/icons/svg/ArrowIcon.js</title>
-<path fill="none" stroke="#c6c5fe" d="M6559.46,-2161.51C6559.46,-2161.51 6335.79,-2161.51 6335.79,-2161.51 6331.83,-2161.51 6327.88,-2157.55 6327.88,-2153.59 6327.88,-2153.59 6327.88,-2145.67 6327.88,-2145.67 6327.88,-2141.72 6331.83,-2137.76 6335.79,-2137.76 6335.79,-2137.76 6559.46,-2137.76 6559.46,-2137.76 6563.42,-2137.76 6567.38,-2141.72 6567.38,-2145.67 6567.38,-2145.67 6567.38,-2153.59 6567.38,-2153.59 6567.38,-2157.55 6563.42,-2161.51 6559.46,-2161.51"/>
-<text text-anchor="middle" x="6447.62" y="-2144.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/ArrowIcon.js</text>
-</g>
-<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/ArrowIcon.js -->
-<g id="edge281" class="edge">
-<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/ArrowIcon.js</title>
-<path fill="none" stroke="#757575" d="M6098.31,-2683.57C6100,-2618.74 6117.14,-2309.52 6290,-2170.63 6298.09,-2164.13 6307.21,-2159.1 6316.87,-2155.23"/>
-<polygon fill="#757575" stroke="#757575" points="6317.85,-2158.6 6326.12,-2151.98 6315.53,-2151.99 6317.85,-2158.6"/>
-</g>
-<!-- ../components/icons/svg/AvatarIcon.js -->
-<g id="node154" class="node">
-<title>../components/icons/svg/AvatarIcon.js</title>
-<path fill="none" stroke="#c6c5fe" d="M6561.33,-2119.51C6561.33,-2119.51 6333.92,-2119.51 6333.92,-2119.51 6329.96,-2119.51 6326,-2115.55 6326,-2111.59 6326,-2111.59 6326,-2103.67 6326,-2103.67 6326,-2099.72 6329.96,-2095.76 6333.92,-2095.76 6333.92,-2095.76 6561.33,-2095.76 6561.33,-2095.76 6565.29,-2095.76 6569.25,-2099.72 6569.25,-2103.67 6569.25,-2103.67 6569.25,-2111.59 6569.25,-2111.59 6569.25,-2115.55 6565.29,-2119.51 6561.33,-2119.51"/>
-<text text-anchor="middle" x="6447.62" y="-2102.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/AvatarIcon.js</text>
-</g>
-<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/AvatarIcon.js -->
-<g id="edge282" class="edge">
-<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/AvatarIcon.js</title>
-<path fill="none" stroke="#757575" d="M6097.95,-2683.54C6097.68,-2615.71 6105.89,-2280.24 6290,-2128.63 6297.53,-2122.43 6306,-2117.54 6314.99,-2113.73"/>
-<polygon fill="#757575" stroke="#757575" points="6316.19,-2117.02 6324.35,-2110.26 6313.75,-2110.45 6316.19,-2117.02"/>
-</g>
-<!-- ../components/icons/svg/BTCIcon.js -->
-<g id="node155" class="node">
-<title>../components/icons/svg/BTCIcon.js</title>
-<path fill="none" stroke="#c6c5fe" d="M6555.33,-2077.51C6555.33,-2077.51 6339.92,-2077.51 6339.92,-2077.51 6335.96,-2077.51 6332,-2073.55 6332,-2069.59 6332,-2069.59 6332,-2061.67 6332,-2061.67 6332,-2057.72 6335.96,-2053.76 6339.92,-2053.76 6339.92,-2053.76 6555.33,-2053.76 6555.33,-2053.76 6559.29,-2053.76 6563.25,-2057.72 6563.25,-2061.67 6563.25,-2061.67 6563.25,-2069.59 6563.25,-2069.59 6563.25,-2073.55 6559.29,-2077.51 6555.33,-2077.51"/>
-<text text-anchor="middle" x="6447.62" y="-2060.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/BTCIcon.js</text>
-</g>
-<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/BTCIcon.js -->
-<g id="edge283" class="edge">
-<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/BTCIcon.js</title>
-<path fill="none" stroke="#757575" d="M6097.64,-2683.6C6095.49,-2613.12 6094.48,-2251.13 6290,-2086.63 6299.07,-2079 6309.54,-2073.35 6320.67,-2069.22"/>
-<polygon fill="#757575" stroke="#757575" points="6321.65,-2072.59 6330.09,-2066.19 6319.5,-2065.93 6321.65,-2072.59"/>
-</g>
-<!-- ../components/icons/svg/BackspaceIcon.js -->
-<g id="node156" class="node">
-<title>../components/icons/svg/BackspaceIcon.js</title>
-<path fill="none" stroke="#c6c5fe" d="M6574.83,-2035.51C6574.83,-2035.51 6320.42,-2035.51 6320.42,-2035.51 6316.46,-2035.51 6312.5,-2031.55 6312.5,-2027.59 6312.5,-2027.59 6312.5,-2019.67 6312.5,-2019.67 6312.5,-2015.72 6316.46,-2011.76 6320.42,-2011.76 6320.42,-2011.76 6574.83,-2011.76 6574.83,-2011.76 6578.79,-2011.76 6582.75,-2015.72 6582.75,-2019.67 6582.75,-2019.67 6582.75,-2027.59 6582.75,-2027.59 6582.75,-2031.55 6578.79,-2035.51 6574.83,-2035.51"/>
-<text text-anchor="middle" x="6447.62" y="-2018.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/BackspaceIcon.js</text>
-</g>
-<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/BackspaceIcon.js -->
-<g id="edge284" class="edge">
-<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/BackspaceIcon.js</title>
-<path fill="none" stroke="#757575" d="M6099.89,-2683.5C6112.01,-2601.97 6185.56,-2134.17 6290,-2044.63 6293.75,-2041.42 6297.75,-2038.55 6301.94,-2036"/>
-<polygon fill="#757575" stroke="#757575" points="6303.53,-2039.12 6310.7,-2031.32 6300.23,-2032.94 6303.53,-2039.12"/>
-</g>
-<!-- ../components/icons/svg/BridgeIcon.js -->
-<g id="node157" class="node">
-<title>../components/icons/svg/BridgeIcon.js</title>
-<path fill="none" stroke="#c6c5fe" d="M6561.33,-1993.51C6561.33,-1993.51 6333.92,-1993.51 6333.92,-1993.51 6329.96,-1993.51 6326,-1989.55 6326,-1985.59 6326,-1985.59 6326,-1977.67 6326,-1977.67 6326,-1973.72 6329.96,-1969.76 6333.92,-1969.76 6333.92,-1969.76 6561.33,-1969.76 6561.33,-1969.76 6565.29,-1969.76 6569.25,-1973.72 6569.25,-1977.67 6569.25,-1977.67 6569.25,-1985.59 6569.25,-1985.59 6569.25,-1989.55 6565.29,-1993.51 6561.33,-1993.51"/>
-<text text-anchor="middle" x="6447.62" y="-1976.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/BridgeIcon.js</text>
-</g>
-<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/BridgeIcon.js -->
-<g id="edge285" class="edge">
-<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/BridgeIcon.js</title>
-<path fill="none" stroke="#757575" d="M6099.69,-2683.28C6110.76,-2598.14 6179.9,-2098.61 6290,-2002.63 6297.51,-1996.08 6306.05,-1990.97 6315.16,-1987.02"/>
-<polygon fill="#757575" stroke="#757575" points="6316.15,-1990.38 6324.26,-1983.57 6313.67,-1983.84 6316.15,-1990.38"/>
-</g>
-<!-- ../components/icons/svg/CameraIcon.js -->
-<g id="node158" class="node">
-<title>../components/icons/svg/CameraIcon.js</title>
-<path fill="none" stroke="#c6c5fe" d="M6566.21,-1573.51C6566.21,-1573.51 6329.04,-1573.51 6329.04,-1573.51 6325.08,-1573.51 6321.12,-1569.55 6321.12,-1565.59 6321.12,-1565.59 6321.12,-1557.67 6321.12,-1557.67 6321.12,-1553.72 6325.08,-1549.76 6329.04,-1549.76 6329.04,-1549.76 6566.21,-1549.76 6566.21,-1549.76 6570.17,-1549.76 6574.12,-1553.72 6574.12,-1557.67 6574.12,-1557.67 6574.12,-1565.59 6574.12,-1565.59 6574.12,-1569.55 6570.17,-1573.51 6566.21,-1573.51"/>
-<text text-anchor="middle" x="6447.62" y="-1556.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/CameraIcon.js</text>
-</g>
-<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/CameraIcon.js -->
-<g id="edge286" class="edge">
-<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/CameraIcon.js</title>
-<path fill="none" stroke="#757575" d="M6098.32,-2683.36C6100.39,-2572.58 6121.42,-1745.02 6290,-1582.63 6296.11,-1576.74 6303.04,-1571.97 6310.48,-1568.13"/>
-<polygon fill="#757575" stroke="#757575" points="6311.86,-1571.35 6319.56,-1564.08 6309,-1564.96 6311.86,-1571.35"/>
-</g>
-<!-- ../components/icons/svg/CaretIcon.js -->
-<g id="node159" class="node">
-<title>../components/icons/svg/CaretIcon.js</title>
-<path fill="none" stroke="#c6c5fe" d="M6558.33,-1531.51C6558.33,-1531.51 6336.92,-1531.51 6336.92,-1531.51 6332.96,-1531.51 6329,-1527.55 6329,-1523.59 6329,-1523.59 6329,-1515.67 6329,-1515.67 6329,-1511.72 6332.96,-1507.76 6336.92,-1507.76 6336.92,-1507.76 6558.33,-1507.76 6558.33,-1507.76 6562.29,-1507.76 6566.25,-1511.72 6566.25,-1515.67 6566.25,-1515.67 6566.25,-1523.59 6566.25,-1523.59 6566.25,-1527.55 6562.29,-1531.51 6558.33,-1531.51"/>
-<text text-anchor="middle" x="6447.62" y="-1514.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/CaretIcon.js</text>
-</g>
-<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/CaretIcon.js -->
-<g id="edge287" class="edge">
-<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/CaretIcon.js</title>
-<path fill="none" stroke="#757575" d="M6098.24,-2683.26C6099.6,-2569.78 6115.57,-1709.68 6290,-1540.63 6298.13,-1532.76 6307.7,-1526.87 6318.05,-1522.54"/>
-<polygon fill="#757575" stroke="#757575" points="6318.99,-1525.93 6327.2,-1519.23 6316.6,-1519.34 6318.99,-1525.93"/>
-</g>
-<!-- ../components/icons/svg/CaretThinIcon.js -->
-<g id="node160" class="node">
-<title>../components/icons/svg/CaretThinIcon.js</title>
-<path fill="none" stroke="#c6c5fe" d="M6571.46,-1489.51C6571.46,-1489.51 6323.79,-1489.51 6323.79,-1489.51 6319.83,-1489.51 6315.88,-1485.55 6315.88,-1481.59 6315.88,-1481.59 6315.88,-1473.67 6315.88,-1473.67 6315.88,-1469.72 6319.83,-1465.76 6323.79,-1465.76 6323.79,-1465.76 6571.46,-1465.76 6571.46,-1465.76 6575.42,-1465.76 6579.38,-1469.72 6579.38,-1473.67 6579.38,-1473.67 6579.38,-1481.59 6579.38,-1481.59 6579.38,-1485.55 6575.42,-1489.51 6571.46,-1489.51"/>
-<text text-anchor="middle" x="6447.62" y="-1472.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/CaretThinIcon.js</text>
-</g>
-<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/CaretThinIcon.js -->
-<g id="edge288" class="edge">
-<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/CaretThinIcon.js</title>
-<path fill="none" stroke="#757575" d="M6098.16,-2683.55C6098.8,-2568.98 6109.51,-1674.54 6290,-1498.63 6294.78,-1493.97 6300.07,-1490.01 6305.73,-1486.65"/>
-<polygon fill="#757575" stroke="#757575" points="6306.96,-1489.95 6314.23,-1482.25 6303.74,-1483.74 6306.96,-1489.95"/>
-</g>
-<!-- ../components/icons/svg/CheckmarkCircledIcon.js -->
-<g id="node161" class="node">
-<title>../components/icons/svg/CheckmarkCircledIcon.js</title>
-<path fill="none" stroke="#c6c5fe" d="M6597.33,-1447.51C6597.33,-1447.51 6297.92,-1447.51 6297.92,-1447.51 6293.96,-1447.51 6290,-1443.55 6290,-1439.59 6290,-1439.59 6290,-1431.67 6290,-1431.67 6290,-1427.72 6293.96,-1423.76 6297.92,-1423.76 6297.92,-1423.76 6597.33,-1423.76 6597.33,-1423.76 6601.29,-1423.76 6605.25,-1427.72 6605.25,-1431.67 6605.25,-1431.67 6605.25,-1439.59 6605.25,-1439.59 6605.25,-1443.55 6601.29,-1447.51 6597.33,-1447.51"/>
-<text text-anchor="middle" x="6447.62" y="-1430.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/CheckmarkCircledIcon.js</text>
-</g>
-<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/CheckmarkCircledIcon.js -->
-<g id="edge289" class="edge">
-<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/CheckmarkCircledIcon.js</title>
-<path fill="none" stroke="#757575" d="M6098.09,-2683.5C6098.05,-2566.51 6103.63,-1639.25 6290,-1456.63 6290.62,-1456.02 6291.26,-1455.42 6291.9,-1454.83"/>
-<polygon fill="#757575" stroke="#757575" points="6293.86,-1457.74 6299.51,-1448.77 6289.5,-1452.27 6293.86,-1457.74"/>
-</g>
-<!-- ../components/icons/svg/CheckmarkIcon.js -->
-<g id="node162" class="node">
-<title>../components/icons/svg/CheckmarkIcon.js</title>
-<path fill="none" stroke="#c6c5fe" d="M6576.33,-4345.51C6576.33,-4345.51 6318.92,-4345.51 6318.92,-4345.51 6314.96,-4345.51 6311,-4341.55 6311,-4337.59 6311,-4337.59 6311,-4329.67 6311,-4329.67 6311,-4325.72 6314.96,-4321.76 6318.92,-4321.76 6318.92,-4321.76 6576.33,-4321.76 6576.33,-4321.76 6580.29,-4321.76 6584.25,-4325.72 6584.25,-4329.67 6584.25,-4329.67 6584.25,-4337.59 6584.25,-4337.59 6584.25,-4341.55 6580.29,-4345.51 6576.33,-4345.51"/>
-<text text-anchor="middle" x="6447.62" y="-4328.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/CheckmarkIcon.js</text>
-</g>
-<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/CheckmarkIcon.js -->
-<g id="edge290" class="edge">
-<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/CheckmarkIcon.js</title>
-<path fill="none" stroke="#757575" d="M6187.32,-2690.43C6212.42,-2693.74 6237.38,-2702.45 6254,-2721.63 6311.9,-2788.44 6231.04,-4246.75 6290,-4312.63 6293.34,-4316.37 6297.01,-4319.68 6300.93,-4322.61"/>
-<polygon fill="#757575" stroke="#757575" points="6298.95,-4325.49 6309.26,-4327.94 6302.72,-4319.59 6298.95,-4325.49"/>
-</g>
-<!-- ../components/icons/svg/ClearInputIcon.js -->
-<g id="node163" class="node">
-<title>../components/icons/svg/ClearInputIcon.js</title>
-<path fill="none" stroke="#c6c5fe" d="M6572.96,-4303.51C6572.96,-4303.51 6322.29,-4303.51 6322.29,-4303.51 6318.33,-4303.51 6314.38,-4299.55 6314.38,-4295.59 6314.38,-4295.59 6314.38,-4287.67 6314.38,-4287.67 6314.38,-4283.72 6318.33,-4279.76 6322.29,-4279.76 6322.29,-4279.76 6572.96,-4279.76 6572.96,-4279.76 6576.92,-4279.76 6580.88,-4283.72 6580.88,-4287.67 6580.88,-4287.67 6580.88,-4295.59 6580.88,-4295.59 6580.88,-4299.55 6576.92,-4303.51 6572.96,-4303.51"/>
-<text text-anchor="middle" x="6447.62" y="-4286.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/ClearInputIcon.js</text>
-</g>
-<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/ClearInputIcon.js -->
-<g id="edge291" class="edge">
-<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/ClearInputIcon.js</title>
-<path fill="none" stroke="#757575" d="M6187.31,-2690.44C6212.41,-2693.75 6237.37,-2702.46 6254,-2721.63 6310.39,-2786.66 6232.57,-4206.51 6290,-4270.63 6294.29,-4275.42 6299.11,-4279.51 6304.32,-4282.99"/>
-<polygon fill="#757575" stroke="#757575" points="6302.37,-4285.9 6312.79,-4287.85 6305.86,-4279.83 6302.37,-4285.9"/>
-</g>
-<!-- ../components/icons/svg/ClockIcon.js -->
-<g id="node164" class="node">
-<title>../components/icons/svg/ClockIcon.js</title>
-<path fill="none" stroke="#c6c5fe" d="M6558.71,-4261.51C6558.71,-4261.51 6336.54,-4261.51 6336.54,-4261.51 6332.58,-4261.51 6328.62,-4257.55 6328.62,-4253.59 6328.62,-4253.59 6328.62,-4245.67 6328.62,-4245.67 6328.62,-4241.72 6332.58,-4237.76 6336.54,-4237.76 6336.54,-4237.76 6558.71,-4237.76 6558.71,-4237.76 6562.67,-4237.76 6566.62,-4241.72 6566.62,-4245.67 6566.62,-4245.67 6566.62,-4253.59 6566.62,-4253.59 6566.62,-4257.55 6562.67,-4261.51 6558.71,-4261.51"/>
-<text text-anchor="middle" x="6447.62" y="-4244.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/ClockIcon.js</text>
-</g>
-<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/ClockIcon.js -->
-<g id="edge292" class="edge">
-<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/ClockIcon.js</title>
-<path fill="none" stroke="#757575" d="M6187.3,-2690.45C6212.4,-2693.75 6237.37,-2702.46 6254,-2721.63 6308.89,-2784.88 6234.11,-4166.27 6290,-4228.63 6297.76,-4237.29 6307.24,-4243.66 6317.66,-4248.25"/>
-<polygon fill="#757575" stroke="#757575" points="6316.36,-4251.5 6326.95,-4251.75 6318.82,-4244.95 6316.36,-4251.5"/>
-</g>
-<!-- ../components/icons/svg/CloseCircledIcon.js -->
-<g id="node165" class="node">
-<title>../components/icons/svg/CloseCircledIcon.js</title>
-<path fill="none" stroke="#c6c5fe" d="M6580.08,-4219.51C6580.08,-4219.51 6315.17,-4219.51 6315.17,-4219.51 6311.21,-4219.51 6307.25,-4215.55 6307.25,-4211.59 6307.25,-4211.59 6307.25,-4203.67 6307.25,-4203.67 6307.25,-4199.72 6311.21,-4195.76 6315.17,-4195.76 6315.17,-4195.76 6580.08,-4195.76 6580.08,-4195.76 6584.04,-4195.76 6588,-4199.72 6588,-4203.67 6588,-4203.67 6588,-4211.59 6588,-4211.59 6588,-4215.55 6584.04,-4219.51 6580.08,-4219.51"/>
-<text text-anchor="middle" x="6447.62" y="-4202.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/CloseCircledIcon.js</text>
-</g>
-<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/CloseCircledIcon.js -->
-<g id="edge293" class="edge">
-<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/CloseCircledIcon.js</title>
-<path fill="none" stroke="#757575" d="M6187.29,-2690.45C6212.4,-2693.76 6237.36,-2702.47 6254,-2721.63 6307.38,-2783.1 6235.64,-4126.02 6290,-4186.63 6292.44,-4189.35 6295.05,-4191.85 6297.81,-4194.13"/>
-<polygon fill="#757575" stroke="#757575" points="6295.66,-4196.9 6305.84,-4199.85 6299.73,-4191.2 6295.66,-4196.9"/>
-</g>
-<!-- ../components/icons/svg/CloseIcon.js -->
-<g id="node166" class="node">
-<title>../components/icons/svg/CloseIcon.js</title>
-<path fill="none" stroke="#c6c5fe" d="M6559.08,-4177.51C6559.08,-4177.51 6336.17,-4177.51 6336.17,-4177.51 6332.21,-4177.51 6328.25,-4173.55 6328.25,-4169.59 6328.25,-4169.59 6328.25,-4161.67 6328.25,-4161.67 6328.25,-4157.72 6332.21,-4153.76 6336.17,-4153.76 6336.17,-4153.76 6559.08,-4153.76 6559.08,-4153.76 6563.04,-4153.76 6567,-4157.72 6567,-4161.67 6567,-4161.67 6567,-4169.59 6567,-4169.59 6567,-4173.55 6563.04,-4177.51 6559.08,-4177.51"/>
-<text text-anchor="middle" x="6447.62" y="-4160.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/CloseIcon.js</text>
-</g>
-<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/CloseIcon.js -->
-<g id="edge294" class="edge">
-<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/CloseIcon.js</title>
-<path fill="none" stroke="#757575" d="M6187.28,-2690.46C6212.39,-2693.77 6237.35,-2702.48 6254,-2721.63 6357.74,-2841.02 6184.36,-4026.92 6290,-4144.63 6297.7,-4153.21 6307.08,-4159.53 6317.4,-4164.12"/>
-<polygon fill="#757575" stroke="#757575" points="6315.99,-4167.33 6326.58,-4167.61 6318.47,-4160.78 6315.99,-4167.33"/>
-</g>
-<!-- ../components/icons/svg/CompassIcon.js -->
-<g id="node167" class="node">
-<title>../components/icons/svg/CompassIcon.js</title>
-<path fill="none" stroke="#c6c5fe" d="M6570.71,-4135.51C6570.71,-4135.51 6324.54,-4135.51 6324.54,-4135.51 6320.58,-4135.51 6316.62,-4131.55 6316.62,-4127.59 6316.62,-4127.59 6316.62,-4119.67 6316.62,-4119.67 6316.62,-4115.72 6320.58,-4111.76 6324.54,-4111.76 6324.54,-4111.76 6570.71,-4111.76 6570.71,-4111.76 6574.67,-4111.76 6578.62,-4115.72 6578.62,-4119.67 6578.62,-4119.67 6578.62,-4127.59 6578.62,-4127.59 6578.62,-4131.55 6574.67,-4135.51 6570.71,-4135.51"/>
-<text text-anchor="middle" x="6447.62" y="-4118.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/CompassIcon.js</text>
-</g>
-<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/CompassIcon.js -->
-<g id="edge295" class="edge">
-<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/CompassIcon.js</title>
-<path fill="none" stroke="#757575" d="M6187.28,-2690.47C6212.38,-2693.78 6237.35,-2702.48 6254,-2721.63 6354.73,-2837.46 6187.43,-3988.43 6290,-4102.63 6294.87,-4108.06 6300.42,-4112.58 6306.45,-4116.33"/>
-<polygon fill="#757575" stroke="#757575" points="6304.5,-4119.26 6314.97,-4120.9 6307.81,-4113.09 6304.5,-4119.26"/>
-</g>
-<!-- ../components/icons/svg/CopyIcon.js -->
-<g id="node168" class="node">
-<title>../components/icons/svg/CopyIcon.js</title>
-<path fill="none" stroke="#c6c5fe" d="M6557.58,-4093.51C6557.58,-4093.51 6337.67,-4093.51 6337.67,-4093.51 6333.71,-4093.51 6329.75,-4089.55 6329.75,-4085.59 6329.75,-4085.59 6329.75,-4077.67 6329.75,-4077.67 6329.75,-4073.72 6333.71,-4069.76 6337.67,-4069.76 6337.67,-4069.76 6557.58,-4069.76 6557.58,-4069.76 6561.54,-4069.76 6565.5,-4073.72 6565.5,-4077.67 6565.5,-4077.67 6565.5,-4085.59 6565.5,-4085.59 6565.5,-4089.55 6561.54,-4093.51 6557.58,-4093.51"/>
-<text text-anchor="middle" x="6447.62" y="-4076.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/CopyIcon.js</text>
-</g>
-<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/CopyIcon.js -->
-<g id="edge296" class="edge">
-<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/CopyIcon.js</title>
-<path fill="none" stroke="#757575" d="M6187.27,-2690.48C6212.37,-2693.79 6237.34,-2702.49 6254,-2721.63 6351.71,-2833.9 6190.51,-3949.94 6290,-4060.63 6298.06,-4069.6 6307.97,-4076.11 6318.86,-4080.74"/>
-<polygon fill="#757575" stroke="#757575" points="6317.55,-4083.98 6328.14,-4084.1 6319.93,-4077.4 6317.55,-4083.98"/>
-</g>
-<!-- ../components/icons/svg/CrosshairIcon.js -->
-<g id="node169" class="node">
-<title>../components/icons/svg/CrosshairIcon.js</title>
-<path fill="none" stroke="#c6c5fe" d="M6570.71,-4051.51C6570.71,-4051.51 6324.54,-4051.51 6324.54,-4051.51 6320.58,-4051.51 6316.62,-4047.55 6316.62,-4043.59 6316.62,-4043.59 6316.62,-4035.67 6316.62,-4035.67 6316.62,-4031.72 6320.58,-4027.76 6324.54,-4027.76 6324.54,-4027.76 6570.71,-4027.76 6570.71,-4027.76 6574.67,-4027.76 6578.62,-4031.72 6578.62,-4035.67 6578.62,-4035.67 6578.62,-4043.59 6578.62,-4043.59 6578.62,-4047.55 6574.67,-4051.51 6570.71,-4051.51"/>
-<text text-anchor="middle" x="6447.62" y="-4034.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/CrosshairIcon.js</text>
-</g>
-<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/CrosshairIcon.js -->
-<g id="edge297" class="edge">
-<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/CrosshairIcon.js</title>
-<path fill="none" stroke="#757575" d="M6187.26,-2690.49C6212.36,-2693.79 6237.33,-2702.5 6254,-2721.63 6348.7,-2830.34 6193.58,-3911.46 6290,-4018.63 6294.88,-4024.05 6300.43,-4028.57 6306.46,-4032.32"/>
-<polygon fill="#757575" stroke="#757575" points="6304.52,-4035.25 6314.98,-4036.89 6307.82,-4029.08 6304.52,-4035.25"/>
-</g>
-<!-- ../components/icons/svg/DOGEIcon.js -->
-<g id="node170" class="node">
-<title>../components/icons/svg/DOGEIcon.js</title>
-<path fill="none" stroke="#c6c5fe" d="M6562.46,-4009.51C6562.46,-4009.51 6332.79,-4009.51 6332.79,-4009.51 6328.83,-4009.51 6324.88,-4005.55 6324.88,-4001.59 6324.88,-4001.59 6324.88,-3993.67 6324.88,-3993.67 6324.88,-3989.72 6328.83,-3985.76 6332.79,-3985.76 6332.79,-3985.76 6562.46,-3985.76 6562.46,-3985.76 6566.42,-3985.76 6570.38,-3989.72 6570.38,-3993.67 6570.38,-3993.67 6570.38,-4001.59 6570.38,-4001.59 6570.38,-4005.55 6566.42,-4009.51 6562.46,-4009.51"/>
-<text text-anchor="middle" x="6447.62" y="-3992.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/DOGEIcon.js</text>
-</g>
-<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/DOGEIcon.js -->
-<g id="edge298" class="edge">
-<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/DOGEIcon.js</title>
-<path fill="none" stroke="#757575" d="M6187.25,-2690.49C6212.35,-2693.8 6237.32,-2702.5 6254,-2721.63 6345.68,-2826.78 6196.65,-3872.97 6290,-3976.63 6296.87,-3984.26 6305.08,-3990.11 6314.08,-3994.53"/>
-<polygon fill="#757575" stroke="#757575" points="6312.6,-3997.7 6323.17,-3998.35 6315.31,-3991.25 6312.6,-3997.7"/>
-</g>
-<!-- ../components/icons/svg/DiscordIcon.js -->
-<g id="node171" class="node">
-<title>../components/icons/svg/DiscordIcon.js</title>
-<path fill="none" stroke="#c6c5fe" d="M6564.71,-3967.51C6564.71,-3967.51 6330.54,-3967.51 6330.54,-3967.51 6326.58,-3967.51 6322.62,-3963.55 6322.62,-3959.59 6322.62,-3959.59 6322.62,-3951.67 6322.62,-3951.67 6322.62,-3947.72 6326.58,-3943.76 6330.54,-3943.76 6330.54,-3943.76 6564.71,-3943.76 6564.71,-3943.76 6568.67,-3943.76 6572.62,-3947.72 6572.62,-3951.67 6572.62,-3951.67 6572.62,-3959.59 6572.62,-3959.59 6572.62,-3963.55 6568.67,-3967.51 6564.71,-3967.51"/>
-<text text-anchor="middle" x="6447.62" y="-3950.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/DiscordIcon.js</text>
-</g>
-<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/DiscordIcon.js -->
-<g id="edge299" class="edge">
-<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/DiscordIcon.js</title>
-<path fill="none" stroke="#757575" d="M6187.23,-2690.5C6212.33,-2693.82 6237.31,-2702.51 6254,-2721.63 6342.67,-2823.22 6199.72,-3834.48 6290,-3934.63 6296.33,-3941.66 6303.8,-3947.17 6311.99,-3951.46"/>
-<polygon fill="#757575" stroke="#757575" points="6310.36,-3954.56 6320.91,-3955.47 6313.23,-3948.18 6310.36,-3954.56"/>
-</g>
-<!-- ../components/icons/svg/DotIcon.js -->
-<g id="node172" class="node">
-<title>../components/icons/svg/DotIcon.js</title>
-<path fill="none" stroke="#c6c5fe" d="M6552.33,-3925.51C6552.33,-3925.51 6342.92,-3925.51 6342.92,-3925.51 6338.96,-3925.51 6335,-3921.55 6335,-3917.59 6335,-3917.59 6335,-3909.67 6335,-3909.67 6335,-3905.72 6338.96,-3901.76 6342.92,-3901.76 6342.92,-3901.76 6552.33,-3901.76 6552.33,-3901.76 6556.29,-3901.76 6560.25,-3905.72 6560.25,-3909.67 6560.25,-3909.67 6560.25,-3917.59 6560.25,-3917.59 6560.25,-3921.55 6556.29,-3925.51 6552.33,-3925.51"/>
-<text text-anchor="middle" x="6447.62" y="-3908.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/DotIcon.js</text>
-</g>
-<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/DotIcon.js -->
-<g id="edge300" class="edge">
-<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/DotIcon.js</title>
-<path fill="none" stroke="#757575" d="M6187.22,-2690.52C6212.32,-2693.83 6237.3,-2702.52 6254,-2721.63 6339.65,-2819.66 6202.79,-3795.99 6290,-3892.63 6299.26,-3902.9 6310.95,-3909.93 6323.74,-3914.61"/>
-<polygon fill="#757575" stroke="#757575" points="6322.69,-3917.95 6333.27,-3917.57 6324.76,-3911.27 6322.69,-3917.95"/>
-</g>
-<!-- ../components/icons/svg/DoubleCaretIcon.js -->
-<g id="node173" class="node">
-<title>../components/icons/svg/DoubleCaretIcon.js</title>
-<path fill="none" stroke="#c6c5fe" d="M6579.71,-3883.51C6579.71,-3883.51 6315.54,-3883.51 6315.54,-3883.51 6311.58,-3883.51 6307.62,-3879.55 6307.62,-3875.59 6307.62,-3875.59 6307.62,-3867.67 6307.62,-3867.67 6307.62,-3863.72 6311.58,-3859.76 6315.54,-3859.76 6315.54,-3859.76 6579.71,-3859.76 6579.71,-3859.76 6583.67,-3859.76 6587.62,-3863.72 6587.62,-3867.67 6587.62,-3867.67 6587.62,-3875.59 6587.62,-3875.59 6587.62,-3879.55 6583.67,-3883.51 6579.71,-3883.51"/>
-<text text-anchor="middle" x="6447.62" y="-3866.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/DoubleCaretIcon.js</text>
-</g>
-<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/DoubleCaretIcon.js -->
-<g id="edge301" class="edge">
-<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/DoubleCaretIcon.js</title>
-<path fill="none" stroke="#757575" d="M6187.21,-2690.53C6212.31,-2693.84 6237.29,-2702.53 6254,-2721.63 6336.64,-2816.1 6205.86,-3757.5 6290,-3850.63 6292.57,-3853.48 6295.34,-3856.08 6298.26,-3858.45"/>
-<polygon fill="#757575" stroke="#757575" points="6296.02,-3861.16 6306.23,-3864.03 6300.04,-3855.43 6296.02,-3861.16"/>
-</g>
-<!-- ../components/icons/svg/EmojiActivitiesIcon.js -->
-<g id="node174" class="node">
-<title>../components/icons/svg/EmojiActivitiesIcon.js</title>
-<path fill="none" stroke="#cfffac" d="M6585.71,-1951.51C6585.71,-1951.51 6309.54,-1951.51 6309.54,-1951.51 6305.58,-1951.51 6301.62,-1947.55 6301.62,-1943.59 6301.62,-1943.59 6301.62,-1935.67 6301.62,-1935.67 6301.62,-1931.72 6305.58,-1927.76 6309.54,-1927.76 6309.54,-1927.76 6585.71,-1927.76 6585.71,-1927.76 6589.67,-1927.76 6593.62,-1931.72 6593.62,-1935.67 6593.62,-1935.67 6593.62,-1943.59 6593.62,-1943.59 6593.62,-1947.55 6589.67,-1951.51 6585.71,-1951.51"/>
-<text text-anchor="middle" x="6447.62" y="-1934.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/icons/svg/EmojiActivitiesIcon.js</text>
-</g>
-<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/EmojiActivitiesIcon.js -->
-<g id="edge302" class="edge">
-<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/EmojiActivitiesIcon.js</title>
-<path fill="none" stroke="#757575" d="M6099.48,-2683.4C6109.41,-2595.7 6174.07,-2063.21 6290,-1960.63 6290.81,-1959.92 6291.63,-1959.22 6292.46,-1958.54"/>
-<polygon fill="#757575" stroke="#757575" points="6294.48,-1961.4 6300.57,-1952.73 6290.4,-1955.7 6294.48,-1961.4"/>
-</g>
-<!-- ../components/icons/svg/EmojiAnimalsIcon.js -->
-<g id="node175" class="node">
-<title>../components/icons/svg/EmojiAnimalsIcon.js</title>
-<path fill="none" stroke="#cfffac" d="M6583.46,-1909.51C6583.46,-1909.51 6311.79,-1909.51 6311.79,-1909.51 6307.83,-1909.51 6303.88,-1905.55 6303.88,-1901.59 6303.88,-1901.59 6303.88,-1893.67 6303.88,-1893.67 6303.88,-1889.72 6307.83,-1885.76 6311.79,-1885.76 6311.79,-1885.76 6583.46,-1885.76 6583.46,-1885.76 6587.42,-1885.76 6591.38,-1889.72 6591.38,-1893.67 6591.38,-1893.67 6591.38,-1901.59 6591.38,-1901.59 6591.38,-1905.55 6587.42,-1909.51 6583.46,-1909.51"/>
-<text text-anchor="middle" x="6447.62" y="-1892.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/icons/svg/EmojiAnimalsIcon.js</text>
-</g>
-<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/EmojiAnimalsIcon.js -->
-<g id="edge303" class="edge">
-<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/EmojiAnimalsIcon.js</title>
-<path fill="none" stroke="#757575" d="M6099.3,-2683.3C6108.24,-2592.47 6168.32,-2027.74 6290,-1918.63 6291.31,-1917.46 6292.65,-1916.33 6294.02,-1915.25"/>
-<polygon fill="#757575" stroke="#757575" points="6295.99,-1918.14 6302.24,-1909.58 6292.02,-1912.38 6295.99,-1918.14"/>
-</g>
-<!-- ../components/icons/svg/EmojiFlagsIcon.js -->
-<g id="node176" class="node">
-<title>../components/icons/svg/EmojiFlagsIcon.js</title>
-<path fill="none" stroke="#cfffac" d="M6575.58,-1867.51C6575.58,-1867.51 6319.67,-1867.51 6319.67,-1867.51 6315.71,-1867.51 6311.75,-1863.55 6311.75,-1859.59 6311.75,-1859.59 6311.75,-1851.67 6311.75,-1851.67 6311.75,-1847.72 6315.71,-1843.76 6319.67,-1843.76 6319.67,-1843.76 6575.58,-1843.76 6575.58,-1843.76 6579.54,-1843.76 6583.5,-1847.72 6583.5,-1851.67 6583.5,-1851.67 6583.5,-1859.59 6583.5,-1859.59 6583.5,-1863.55 6579.54,-1867.51 6575.58,-1867.51"/>
-<text text-anchor="middle" x="6447.62" y="-1850.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/icons/svg/EmojiFlagsIcon.js</text>
-</g>
-<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/EmojiFlagsIcon.js -->
-<g id="edge304" class="edge">
-<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/EmojiFlagsIcon.js</title>
-<path fill="none" stroke="#757575" d="M6099.12,-2683.54C6107,-2590.76 6162.39,-1992.44 6290,-1876.63 6293.6,-1873.36 6297.45,-1870.45 6301.5,-1867.85"/>
-<polygon fill="#757575" stroke="#757575" points="6302.97,-1871.04 6309.98,-1863.1 6299.54,-1864.94 6302.97,-1871.04"/>
-</g>
-<!-- ../components/icons/svg/EmojiFoodIcon.js -->
-<g id="node177" class="node">
-<title>../components/icons/svg/EmojiFoodIcon.js</title>
-<path fill="none" stroke="#cfffac" d="M6574.46,-1825.51C6574.46,-1825.51 6320.79,-1825.51 6320.79,-1825.51 6316.83,-1825.51 6312.88,-1821.55 6312.88,-1817.59 6312.88,-1817.59 6312.88,-1809.67 6312.88,-1809.67 6312.88,-1805.72 6316.83,-1801.76 6320.79,-1801.76 6320.79,-1801.76 6574.46,-1801.76 6574.46,-1801.76 6578.42,-1801.76 6582.38,-1805.72 6582.38,-1809.67 6582.38,-1809.67 6582.38,-1817.59 6582.38,-1817.59 6582.38,-1821.55 6578.42,-1825.51 6574.46,-1825.51"/>
-<text text-anchor="middle" x="6447.62" y="-1808.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/icons/svg/EmojiFoodIcon.js</text>
-</g>
-<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/EmojiFoodIcon.js -->
-<g id="edge305" class="edge">
-<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/EmojiFoodIcon.js</title>
-<path fill="none" stroke="#757575" d="M6098.97,-2683.54C6105.91,-2588.11 6156.56,-1957.06 6290,-1834.63 6293.92,-1831.04 6298.13,-1827.87 6302.59,-1825.08"/>
-<polygon fill="#757575" stroke="#757575" points="6304.26,-1828.16 6311.36,-1820.29 6300.91,-1822.01 6304.26,-1828.16"/>
-</g>
-<!-- ../components/icons/svg/EmojiObjectsIcon.js -->
-<g id="node178" class="node">
-<title>../components/icons/svg/EmojiObjectsIcon.js</title>
-<path fill="none" stroke="#cfffac" d="M6582.33,-1783.51C6582.33,-1783.51 6312.92,-1783.51 6312.92,-1783.51 6308.96,-1783.51 6305,-1779.55 6305,-1775.59 6305,-1775.59 6305,-1767.67 6305,-1767.67 6305,-1763.72 6308.96,-1759.76 6312.92,-1759.76 6312.92,-1759.76 6582.33,-1759.76 6582.33,-1759.76 6586.29,-1759.76 6590.25,-1763.72 6590.25,-1767.67 6590.25,-1767.67 6590.25,-1775.59 6590.25,-1775.59 6590.25,-1779.55 6586.29,-1783.51 6582.33,-1783.51"/>
-<text text-anchor="middle" x="6447.62" y="-1766.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/icons/svg/EmojiObjectsIcon.js</text>
-</g>
-<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/EmojiObjectsIcon.js -->
-<g id="edge306" class="edge">
-<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/EmojiObjectsIcon.js</title>
-<path fill="none" stroke="#757575" d="M6098.86,-2683.27C6104.97,-2584.33 6150.84,-1921.59 6290,-1792.63 6291.7,-1791.06 6293.45,-1789.57 6295.26,-1788.15"/>
-<polygon fill="#757575" stroke="#757575" points="6297.18,-1791.08 6303.47,-1782.55 6293.23,-1785.3 6297.18,-1791.08"/>
-</g>
-<!-- ../components/icons/svg/EmojiRecentIcon.js -->
-<g id="node179" class="node">
-<title>../components/icons/svg/EmojiRecentIcon.js</title>
-<path fill="none" stroke="#cfffac" d="M6580.46,-1741.51C6580.46,-1741.51 6314.79,-1741.51 6314.79,-1741.51 6310.83,-1741.51 6306.88,-1737.55 6306.88,-1733.59 6306.88,-1733.59 6306.88,-1725.67 6306.88,-1725.67 6306.88,-1721.72 6310.83,-1717.76 6314.79,-1717.76 6314.79,-1717.76 6580.46,-1717.76 6580.46,-1717.76 6584.42,-1717.76 6588.38,-1721.72 6588.38,-1725.67 6588.38,-1725.67 6588.38,-1733.59 6588.38,-1733.59 6588.38,-1737.55 6584.42,-1741.51 6580.46,-1741.51"/>
-<text text-anchor="middle" x="6447.62" y="-1724.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/icons/svg/EmojiRecentIcon.js</text>
-</g>
-<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/EmojiRecentIcon.js -->
-<g id="edge307" class="edge">
-<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/EmojiRecentIcon.js</title>
-<path fill="none" stroke="#757575" d="M6098.73,-2683.35C6103.95,-2582.14 6144.95,-1886.27 6290,-1750.63 6292.19,-1748.58 6294.48,-1746.67 6296.86,-1744.89"/>
-<polygon fill="#757575" stroke="#757575" points="6298.71,-1747.86 6305.16,-1739.46 6294.88,-1742 6298.71,-1747.86"/>
-</g>
-<!-- ../components/icons/svg/EmojiSmileysIcon.js -->
-<g id="node180" class="node">
-<title>../components/icons/svg/EmojiSmileysIcon.js</title>
-<path fill="none" stroke="#cfffac" d="M6583.08,-1699.51C6583.08,-1699.51 6312.17,-1699.51 6312.17,-1699.51 6308.21,-1699.51 6304.25,-1695.55 6304.25,-1691.59 6304.25,-1691.59 6304.25,-1683.67 6304.25,-1683.67 6304.25,-1679.72 6308.21,-1675.76 6312.17,-1675.76 6312.17,-1675.76 6583.08,-1675.76 6583.08,-1675.76 6587.04,-1675.76 6591,-1679.72 6591,-1683.67 6591,-1683.67 6591,-1691.59 6591,-1691.59 6591,-1695.55 6587.04,-1699.51 6583.08,-1699.51"/>
-<text text-anchor="middle" x="6447.62" y="-1682.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/icons/svg/EmojiSmileysIcon.js</text>
-</g>
-<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/EmojiSmileysIcon.js -->
-<g id="edge308" class="edge">
-<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/EmojiSmileysIcon.js</title>
-<path fill="none" stroke="#757575" d="M6098.61,-2683.47C6102.98,-2580.22 6139.02,-1850.99 6290,-1708.63 6291.48,-1707.24 6293,-1705.91 6294.56,-1704.64"/>
-<polygon fill="#757575" stroke="#757575" points="6296.55,-1707.53 6302.7,-1698.9 6292.51,-1701.81 6296.55,-1707.53"/>
-</g>
-<!-- ../components/icons/svg/EmojiSymbolsIcon.js -->
-<g id="node181" class="node">
-<title>../components/icons/svg/EmojiSymbolsIcon.js</title>
-<path fill="none" stroke="#cfffac" d="M6585.33,-1657.51C6585.33,-1657.51 6309.92,-1657.51 6309.92,-1657.51 6305.96,-1657.51 6302,-1653.55 6302,-1649.59 6302,-1649.59 6302,-1641.67 6302,-1641.67 6302,-1637.72 6305.96,-1633.76 6309.92,-1633.76 6309.92,-1633.76 6585.33,-1633.76 6585.33,-1633.76 6589.29,-1633.76 6593.25,-1637.72 6593.25,-1641.67 6593.25,-1641.67 6593.25,-1649.59 6593.25,-1649.59 6593.25,-1653.55 6589.29,-1657.51 6585.33,-1657.51"/>
-<text text-anchor="middle" x="6447.62" y="-1640.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/icons/svg/EmojiSymbolsIcon.js</text>
-</g>
-<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/EmojiSymbolsIcon.js -->
-<g id="edge309" class="edge">
-<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/EmojiSymbolsIcon.js</title>
-<path fill="none" stroke="#757575" d="M6098.51,-2683.29C6102.11,-2576.96 6133.23,-1815.59 6290,-1666.63 6290.92,-1665.76 6291.86,-1664.91 6292.81,-1664.08"/>
-<polygon fill="#757575" stroke="#757575" points="6294.74,-1667.01 6300.63,-1658.2 6290.53,-1661.42 6294.74,-1667.01"/>
-</g>
-<!-- ../components/icons/svg/EmojiTravelIcon.js -->
-<g id="node182" class="node">
-<title>../components/icons/svg/EmojiTravelIcon.js</title>
-<path fill="none" stroke="#cfffac" d="M6577.83,-1615.51C6577.83,-1615.51 6317.42,-1615.51 6317.42,-1615.51 6313.46,-1615.51 6309.5,-1611.55 6309.5,-1607.59 6309.5,-1607.59 6309.5,-1599.67 6309.5,-1599.67 6309.5,-1595.72 6313.46,-1591.76 6317.42,-1591.76 6317.42,-1591.76 6577.83,-1591.76 6577.83,-1591.76 6581.79,-1591.76 6585.75,-1595.72 6585.75,-1599.67 6585.75,-1599.67 6585.75,-1607.59 6585.75,-1607.59 6585.75,-1611.55 6581.79,-1615.51 6577.83,-1615.51"/>
-<text text-anchor="middle" x="6447.62" y="-1598.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/icons/svg/EmojiTravelIcon.js</text>
-</g>
-<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/EmojiTravelIcon.js -->
-<g id="edge310" class="edge">
-<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/EmojiTravelIcon.js</title>
-<path fill="none" stroke="#757575" d="M6098.41,-2683.49C6101.21,-2575.5 6127.25,-1780.37 6290,-1624.63 6292.96,-1621.8 6296.12,-1619.22 6299.42,-1616.88"/>
-<polygon fill="#757575" stroke="#757575" points="6301.16,-1619.92 6307.84,-1611.7 6297.49,-1613.96 6301.16,-1619.92"/>
-</g>
-<!-- ../components/icons/svg/FaceIdIcon.js -->
-<g id="node183" class="node">
-<title>../components/icons/svg/FaceIdIcon.js</title>
-<path fill="none" stroke="#c6c5fe" d="M6562.46,-3841.51C6562.46,-3841.51 6332.79,-3841.51 6332.79,-3841.51 6328.83,-3841.51 6324.88,-3837.55 6324.88,-3833.59 6324.88,-3833.59 6324.88,-3825.67 6324.88,-3825.67 6324.88,-3821.72 6328.83,-3817.76 6332.79,-3817.76 6332.79,-3817.76 6562.46,-3817.76 6562.46,-3817.76 6566.42,-3817.76 6570.38,-3821.72 6570.38,-3825.67 6570.38,-3825.67 6570.38,-3833.59 6570.38,-3833.59 6570.38,-3837.55 6566.42,-3841.51 6562.46,-3841.51"/>
-<text text-anchor="middle" x="6447.62" y="-3824.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/FaceIdIcon.js</text>
-</g>
-<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/FaceIdIcon.js -->
-<g id="edge311" class="edge">
-<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/FaceIdIcon.js</title>
-<path fill="none" stroke="#757575" d="M6187.19,-2690.54C6212.29,-2693.85 6237.28,-2702.54 6254,-2721.63 6333.62,-2812.54 6208.94,-3719.01 6290,-3808.63 6296.89,-3816.25 6305.11,-3822.08 6314.12,-3826.5"/>
-<polygon fill="#757575" stroke="#757575" points="6312.64,-3829.67 6323.21,-3830.31 6315.35,-3823.22 6312.64,-3829.67"/>
-</g>
-<!-- ../components/icons/svg/FacebookIcon.js -->
-<g id="node184" class="node">
-<title>../components/icons/svg/FacebookIcon.js</title>
-<path fill="none" stroke="#c6c5fe" d="M6571.46,-3799.51C6571.46,-3799.51 6323.79,-3799.51 6323.79,-3799.51 6319.83,-3799.51 6315.88,-3795.55 6315.88,-3791.59 6315.88,-3791.59 6315.88,-3783.67 6315.88,-3783.67 6315.88,-3779.72 6319.83,-3775.76 6323.79,-3775.76 6323.79,-3775.76 6571.46,-3775.76 6571.46,-3775.76 6575.42,-3775.76 6579.38,-3779.72 6579.38,-3783.67 6579.38,-3783.67 6579.38,-3791.59 6579.38,-3791.59 6579.38,-3795.55 6575.42,-3799.51 6571.46,-3799.51"/>
-<text text-anchor="middle" x="6447.62" y="-3782.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/FacebookIcon.js</text>
-</g>
-<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/FacebookIcon.js -->
-<g id="edge312" class="edge">
-<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/FacebookIcon.js</title>
-<path fill="none" stroke="#757575" d="M6187.18,-2690.55C6212.28,-2693.87 6237.27,-2702.55 6254,-2721.63 6330.61,-2808.98 6212.01,-3680.52 6290,-3766.63 6294.66,-3771.78 6299.93,-3776.11 6305.64,-3779.74"/>
-<polygon fill="#757575" stroke="#757575" points="6303.86,-3782.76 6314.32,-3784.49 6307.22,-3776.62 6303.86,-3782.76"/>
-</g>
-<!-- ../components/icons/svg/FatArrowIcon.js -->
-<g id="node185" class="node">
-<title>../components/icons/svg/FatArrowIcon.js</title>
-<path fill="none" stroke="#c6c5fe" d="M6569.21,-3757.51C6569.21,-3757.51 6326.04,-3757.51 6326.04,-3757.51 6322.08,-3757.51 6318.12,-3753.55 6318.12,-3749.59 6318.12,-3749.59 6318.12,-3741.67 6318.12,-3741.67 6318.12,-3737.72 6322.08,-3733.76 6326.04,-3733.76 6326.04,-3733.76 6569.21,-3733.76 6569.21,-3733.76 6573.17,-3733.76 6577.12,-3737.72 6577.12,-3741.67 6577.12,-3741.67 6577.12,-3749.59 6577.12,-3749.59 6577.12,-3753.55 6573.17,-3757.51 6569.21,-3757.51"/>
-<text text-anchor="middle" x="6447.62" y="-3740.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/FatArrowIcon.js</text>
-</g>
-<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/FatArrowIcon.js -->
-<g id="edge313" class="edge">
-<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/FatArrowIcon.js</title>
-<path fill="none" stroke="#757575" d="M6187.16,-2690.57C6212.26,-2693.88 6237.25,-2702.56 6254,-2721.63 6327.59,-2805.42 6215.08,-3642.03 6290,-3724.63 6295.26,-3730.43 6301.3,-3735.2 6307.88,-3739.1"/>
-<polygon fill="#757575" stroke="#757575" points="6306.02,-3742.08 6316.51,-3743.51 6309.2,-3735.84 6306.02,-3742.08"/>
-</g>
-<!-- ../components/icons/svg/GearIcon.js -->
-<g id="node186" class="node">
-<title>../components/icons/svg/GearIcon.js</title>
-<path fill="none" stroke="#c6c5fe" d="M6557.21,-3715.51C6557.21,-3715.51 6338.04,-3715.51 6338.04,-3715.51 6334.08,-3715.51 6330.12,-3711.55 6330.12,-3707.59 6330.12,-3707.59 6330.12,-3699.67 6330.12,-3699.67 6330.12,-3695.72 6334.08,-3691.76 6338.04,-3691.76 6338.04,-3691.76 6557.21,-3691.76 6557.21,-3691.76 6561.17,-3691.76 6565.12,-3695.72 6565.12,-3699.67 6565.12,-3699.67 6565.12,-3707.59 6565.12,-3707.59 6565.12,-3711.55 6561.17,-3715.51 6557.21,-3715.51"/>
-<text text-anchor="middle" x="6447.62" y="-3698.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/GearIcon.js</text>
-</g>
-<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/GearIcon.js -->
-<g id="edge314" class="edge">
-<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/GearIcon.js</title>
-<path fill="none" stroke="#757575" d="M6187.14,-2690.58C6212.24,-2693.9 6237.24,-2702.58 6254,-2721.63 6324.58,-2801.86 6218.15,-3603.54 6290,-3682.63 6298.11,-3691.56 6308.05,-3698.04 6318.96,-3702.65"/>
-<polygon fill="#757575" stroke="#757575" points="6317.66,-3705.9 6328.25,-3706 6320.03,-3699.32 6317.66,-3705.9"/>
-</g>
-<!-- ../components/icons/svg/GitHubIcon.js -->
-<g id="node187" class="node">
-<title>../components/icons/svg/GitHubIcon.js</title>
-<path fill="none" stroke="#c6c5fe" d="M6563.21,-3673.51C6563.21,-3673.51 6332.04,-3673.51 6332.04,-3673.51 6328.08,-3673.51 6324.12,-3669.55 6324.12,-3665.59 6324.12,-3665.59 6324.12,-3657.67 6324.12,-3657.67 6324.12,-3653.72 6328.08,-3649.76 6332.04,-3649.76 6332.04,-3649.76 6563.21,-3649.76 6563.21,-3649.76 6567.17,-3649.76 6571.12,-3653.72 6571.12,-3657.67 6571.12,-3657.67 6571.12,-3665.59 6571.12,-3665.59 6571.12,-3669.55 6567.17,-3673.51 6563.21,-3673.51"/>
-<text text-anchor="middle" x="6447.62" y="-3656.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/GitHubIcon.js</text>
-</g>
-<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/GitHubIcon.js -->
-<g id="edge315" class="edge">
-<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/GitHubIcon.js</title>
-<path fill="none" stroke="#757575" d="M6187.12,-2690.6C6212.22,-2693.92 6237.22,-2702.59 6254,-2721.63 6321.56,-2798.3 6221.22,-3565.05 6290,-3640.63 6296.7,-3648 6304.65,-3653.7 6313.36,-3658.05"/>
-<polygon fill="#757575" stroke="#757575" points="6311.95,-3661.25 6322.52,-3661.97 6314.7,-3654.82 6311.95,-3661.25"/>
-</g>
-<!-- ../components/icons/svg/HandleIcon.js -->
-<g id="node188" class="node">
-<title>../components/icons/svg/HandleIcon.js</title>
-<path fill="none" stroke="#c6c5fe" d="M6563.21,-3631.51C6563.21,-3631.51 6332.04,-3631.51 6332.04,-3631.51 6328.08,-3631.51 6324.12,-3627.55 6324.12,-3623.59 6324.12,-3623.59 6324.12,-3615.67 6324.12,-3615.67 6324.12,-3611.72 6328.08,-3607.76 6332.04,-3607.76 6332.04,-3607.76 6563.21,-3607.76 6563.21,-3607.76 6567.17,-3607.76 6571.12,-3611.72 6571.12,-3615.67 6571.12,-3615.67 6571.12,-3623.59 6571.12,-3623.59 6571.12,-3627.55 6567.17,-3631.51 6563.21,-3631.51"/>
-<text text-anchor="middle" x="6447.62" y="-3614.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/HandleIcon.js</text>
-</g>
-<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/HandleIcon.js -->
-<g id="edge316" class="edge">
-<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/HandleIcon.js</title>
-<path fill="none" stroke="#757575" d="M6187.1,-2690.62C6212.19,-2693.94 6237.2,-2702.61 6254,-2721.63 6318.55,-2794.74 6224.29,-3526.56 6290,-3598.63 6296.71,-3605.99 6304.66,-3611.68 6313.38,-3616.04"/>
-<polygon fill="#757575" stroke="#757575" points="6311.96,-3619.24 6322.53,-3619.96 6314.72,-3612.8 6311.96,-3619.24"/>
-</g>
-<!-- ../components/icons/svg/HiddenIcon.js -->
-<g id="node189" class="node">
-<title>../components/icons/svg/HiddenIcon.js</title>
-<path fill="none" stroke="#c6c5fe" d="M6563.21,-3589.51C6563.21,-3589.51 6332.04,-3589.51 6332.04,-3589.51 6328.08,-3589.51 6324.12,-3585.55 6324.12,-3581.59 6324.12,-3581.59 6324.12,-3573.67 6324.12,-3573.67 6324.12,-3569.72 6328.08,-3565.76 6332.04,-3565.76 6332.04,-3565.76 6563.21,-3565.76 6563.21,-3565.76 6567.17,-3565.76 6571.12,-3569.72 6571.12,-3573.67 6571.12,-3573.67 6571.12,-3581.59 6571.12,-3581.59 6571.12,-3585.55 6567.17,-3589.51 6563.21,-3589.51"/>
-<text text-anchor="middle" x="6447.62" y="-3572.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/HiddenIcon.js</text>
-</g>
-<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/HiddenIcon.js -->
-<g id="edge317" class="edge">
-<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/HiddenIcon.js</title>
-<path fill="none" stroke="#757575" d="M6187.08,-2690.64C6212.17,-2693.96 6237.18,-2702.62 6254,-2721.63 6315.53,-2791.18 6227.36,-3488.07 6290,-3556.63 6296.72,-3563.98 6304.68,-3569.67 6313.39,-3574.02"/>
-<polygon fill="#757575" stroke="#757575" points="6311.98,-3577.23 6322.55,-3577.94 6314.74,-3570.79 6311.98,-3577.23"/>
-</g>
-<!-- ../components/icons/svg/InboxIcon.js -->
-<g id="node190" class="node">
-<title>../components/icons/svg/InboxIcon.js</title>
-<path fill="none" stroke="#c6c5fe" d="M6558.33,-3547.51C6558.33,-3547.51 6336.92,-3547.51 6336.92,-3547.51 6332.96,-3547.51 6329,-3543.55 6329,-3539.59 6329,-3539.59 6329,-3531.67 6329,-3531.67 6329,-3527.72 6332.96,-3523.76 6336.92,-3523.76 6336.92,-3523.76 6558.33,-3523.76 6558.33,-3523.76 6562.29,-3523.76 6566.25,-3527.72 6566.25,-3531.67 6566.25,-3531.67 6566.25,-3539.59 6566.25,-3539.59 6566.25,-3543.55 6562.29,-3547.51 6558.33,-3547.51"/>
-<text text-anchor="middle" x="6447.62" y="-3530.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/InboxIcon.js</text>
-</g>
-<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/InboxIcon.js -->
-<g id="edge318" class="edge">
-<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/InboxIcon.js</title>
-<path fill="none" stroke="#757575" d="M6187.05,-2690.67C6212.14,-2693.98 6237.16,-2702.64 6254,-2721.63 6312.52,-2787.63 6230.43,-3449.58 6290,-3514.63 6297.85,-3523.21 6307.39,-3529.52 6317.86,-3534.08"/>
-<polygon fill="#757575" stroke="#757575" points="6316.58,-3537.34 6327.17,-3537.55 6319.02,-3530.78 6316.58,-3537.34"/>
-</g>
-<!-- ../components/icons/svg/InfoIcon.js -->
-<g id="node191" class="node">
-<title>../components/icons/svg/InfoIcon.js</title>
-<path fill="none" stroke="#cfffac" d="M6553.08,-1363.51C6553.08,-1363.51 6342.17,-1363.51 6342.17,-1363.51 6338.21,-1363.51 6334.25,-1359.55 6334.25,-1355.59 6334.25,-1355.59 6334.25,-1347.67 6334.25,-1347.67 6334.25,-1343.72 6338.21,-1339.76 6342.17,-1339.76 6342.17,-1339.76 6553.08,-1339.76 6553.08,-1339.76 6557.04,-1339.76 6561,-1343.72 6561,-1347.67 6561,-1347.67 6561,-1355.59 6561,-1355.59 6561,-1359.55 6557.04,-1363.51 6553.08,-1363.51"/>
-<text text-anchor="middle" x="6447.62" y="-1346.21" font-family="Arial" font-size="14.00" fill="#cfffac">../components/icons/svg/InfoIcon.js</text>
-</g>
-<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/InfoIcon.js -->
-<g id="edge319" class="edge">
-<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/InfoIcon.js</title>
-<path fill="none" stroke="#757575" d="M6097.96,-2683.45C6096.62,-2561.98 6091.8,-1568.71 6290,-1372.63 6299.35,-1363.38 6310.7,-1356.86 6322.96,-1352.36"/>
-<polygon fill="#757575" stroke="#757575" points="6324,-1355.71 6332.5,-1349.38 6321.91,-1349.03 6324,-1355.71"/>
-</g>
-<!-- ../components/icons/svg/InstagramIcon.js -->
-<g id="node192" class="node">
-<title>../components/icons/svg/InstagramIcon.js</title>
-<path fill="none" stroke="#c6c5fe" d="M6572.21,-3505.51C6572.21,-3505.51 6323.04,-3505.51 6323.04,-3505.51 6319.08,-3505.51 6315.12,-3501.55 6315.12,-3497.59 6315.12,-3497.59 6315.12,-3489.67 6315.12,-3489.67 6315.12,-3485.72 6319.08,-3481.76 6323.04,-3481.76 6323.04,-3481.76 6572.21,-3481.76 6572.21,-3481.76 6576.17,-3481.76 6580.12,-3485.72 6580.12,-3489.67 6580.12,-3489.67 6580.12,-3497.59 6580.12,-3497.59 6580.12,-3501.55 6576.17,-3505.51 6572.21,-3505.51"/>
-<text text-anchor="middle" x="6447.62" y="-3488.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/InstagramIcon.js</text>
-</g>
-<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/InstagramIcon.js -->
-<g id="edge320" class="edge">
-<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/InstagramIcon.js</title>
-<path fill="none" stroke="#757575" d="M6187.02,-2690.69C6212.11,-2694.01 6237.14,-2702.67 6254,-2721.63 6309.51,-2784.07 6233.5,-3411.09 6290,-3472.63 6294.41,-3477.43 6299.34,-3481.52 6304.67,-3484.99"/>
-<polygon fill="#757575" stroke="#757575" points="6302.91,-3488.02 6313.35,-3489.85 6306.33,-3481.91 6302.91,-3488.02"/>
-</g>
-<!-- ../components/icons/svg/LTCIcon.js -->
-<g id="node193" class="node">
-<title>../components/icons/svg/LTCIcon.js</title>
-<path fill="none" stroke="#c6c5fe" d="M6554.21,-3463.51C6554.21,-3463.51 6341.04,-3463.51 6341.04,-3463.51 6337.08,-3463.51 6333.12,-3459.55 6333.12,-3455.59 6333.12,-3455.59 6333.12,-3447.67 6333.12,-3447.67 6333.12,-3443.72 6337.08,-3439.76 6341.04,-3439.76 6341.04,-3439.76 6554.21,-3439.76 6554.21,-3439.76 6558.17,-3439.76 6562.12,-3443.72 6562.12,-3447.67 6562.12,-3447.67 6562.12,-3455.59 6562.12,-3455.59 6562.12,-3459.55 6558.17,-3463.51 6554.21,-3463.51"/>
-<text text-anchor="middle" x="6447.62" y="-3446.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/LTCIcon.js</text>
-</g>
-<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/LTCIcon.js -->
-<g id="edge321" class="edge">
-<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/LTCIcon.js</title>
-<path fill="none" stroke="#757575" d="M6186.99,-2690.72C6212.08,-2694.04 6237.11,-2702.69 6254,-2721.63 6358.98,-2839.39 6183.15,-3314.57 6290,-3430.63 6298.91,-3440.31 6309.98,-3447.1 6322.08,-3451.74"/>
-<polygon fill="#757575" stroke="#757575" points="6320.93,-3455.05 6331.52,-3454.82 6323.1,-3448.39 6320.93,-3455.05"/>
-</g>
-<!-- ../components/icons/svg/LockIcon.js -->
-<g id="node194" class="node">
-<title>../components/icons/svg/LockIcon.js</title>
-<path fill="none" stroke="#c6c5fe" d="M6556.08,-3421.51C6556.08,-3421.51 6339.17,-3421.51 6339.17,-3421.51 6335.21,-3421.51 6331.25,-3417.55 6331.25,-3413.59 6331.25,-3413.59 6331.25,-3405.67 6331.25,-3405.67 6331.25,-3401.72 6335.21,-3397.76 6339.17,-3397.76 6339.17,-3397.76 6556.08,-3397.76 6556.08,-3397.76 6560.04,-3397.76 6564,-3401.72 6564,-3405.67 6564,-3405.67 6564,-3413.59 6564,-3413.59 6564,-3417.55 6560.04,-3421.51 6556.08,-3421.51"/>
-<text text-anchor="middle" x="6447.62" y="-3404.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/LockIcon.js</text>
-</g>
-<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/LockIcon.js -->
-<g id="edge322" class="edge">
-<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/LockIcon.js</title>
-<path fill="none" stroke="#757575" d="M6187.36,-2690.81C6212.31,-2694.17 6237.17,-2702.82 6254,-2721.63 6352.96,-2832.27 6189.29,-3279.59 6290,-3388.63 6298.48,-3397.81 6308.9,-3404.39 6320.31,-3409"/>
-<polygon fill="#757575" stroke="#757575" points="6319,-3412.26 6329.6,-3412.21 6321.28,-3405.64 6319,-3412.26"/>
-</g>
-<!-- ../components/icons/svg/MinusCircledIcon.js -->
-<g id="node195" class="node">
-<title>../components/icons/svg/MinusCircledIcon.js</title>
-<path fill="none" stroke="#c6c5fe" d="M6581.21,-3379.51C6581.21,-3379.51 6314.04,-3379.51 6314.04,-3379.51 6310.08,-3379.51 6306.12,-3375.55 6306.12,-3371.59 6306.12,-3371.59 6306.12,-3363.67 6306.12,-3363.67 6306.12,-3359.72 6310.08,-3355.76 6314.04,-3355.76 6314.04,-3355.76 6581.21,-3355.76 6581.21,-3355.76 6585.17,-3355.76 6589.12,-3359.72 6589.12,-3363.67 6589.12,-3363.67 6589.12,-3371.59 6589.12,-3371.59 6589.12,-3375.55 6585.17,-3379.51 6581.21,-3379.51"/>
-<text text-anchor="middle" x="6447.62" y="-3362.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/MinusCircledIcon.js</text>
-</g>
-<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/MinusCircledIcon.js -->
-<g id="edge323" class="edge">
-<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/MinusCircledIcon.js</title>
-<path fill="none" stroke="#757575" d="M6187.32,-2690.85C6212.27,-2694.21 6237.14,-2702.85 6254,-2721.63 6346.93,-2825.16 6195.42,-3244.61 6290,-3346.63 6292.23,-3349.04 6294.59,-3351.26 6297.07,-3353.32"/>
-<polygon fill="#757575" stroke="#757575" points="6294.53,-3355.81 6304.69,-3358.81 6298.62,-3350.13 6294.53,-3355.81"/>
-</g>
-<!-- ../components/icons/svg/OfflineIcon.js -->
-<g id="node196" class="node">
-<title>../components/icons/svg/OfflineIcon.js</title>
-<path fill="none" stroke="#c6c5fe" d="M6561.71,-3337.51C6561.71,-3337.51 6333.54,-3337.51 6333.54,-3337.51 6329.58,-3337.51 6325.62,-3333.55 6325.62,-3329.59 6325.62,-3329.59 6325.62,-3321.67 6325.62,-3321.67 6325.62,-3317.72 6329.58,-3313.76 6333.54,-3313.76 6333.54,-3313.76 6561.71,-3313.76 6561.71,-3313.76 6565.67,-3313.76 6569.62,-3317.72 6569.62,-3321.67 6569.62,-3321.67 6569.62,-3329.59 6569.62,-3329.59 6569.62,-3333.55 6565.67,-3337.51 6561.71,-3337.51"/>
-<text text-anchor="middle" x="6447.62" y="-3320.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/OfflineIcon.js</text>
-</g>
-<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/OfflineIcon.js -->
-<g id="edge324" class="edge">
-<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/OfflineIcon.js</title>
-<path fill="none" stroke="#757575" d="M6187.27,-2690.89C6212.22,-2694.25 6237.1,-2702.88 6254,-2721.63 6340.91,-2818.05 6201.56,-3209.62 6290,-3304.63 6297.14,-3312.3 6305.63,-3318.15 6314.92,-3322.55"/>
-<polygon fill="#757575" stroke="#757575" points="6313.3,-3325.67 6323.88,-3326.2 6315.94,-3319.18 6313.3,-3325.67"/>
-</g>
-<!-- ../components/icons/svg/PasscodeIcon.js -->
-<g id="node197" class="node">
-<title>../components/icons/svg/PasscodeIcon.js</title>
-<path fill="none" stroke="#c6c5fe" d="M6571.46,-3295.51C6571.46,-3295.51 6323.79,-3295.51 6323.79,-3295.51 6319.83,-3295.51 6315.88,-3291.55 6315.88,-3287.59 6315.88,-3287.59 6315.88,-3279.67 6315.88,-3279.67 6315.88,-3275.72 6319.83,-3271.76 6323.79,-3271.76 6323.79,-3271.76 6571.46,-3271.76 6571.46,-3271.76 6575.42,-3271.76 6579.38,-3275.72 6579.38,-3279.67 6579.38,-3279.67 6579.38,-3287.59 6579.38,-3287.59 6579.38,-3291.55 6575.42,-3295.51 6571.46,-3295.51"/>
-<text text-anchor="middle" x="6447.62" y="-3278.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/PasscodeIcon.js</text>
-</g>
-<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/PasscodeIcon.js -->
-<g id="edge325" class="edge">
-<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/PasscodeIcon.js</title>
-<path fill="none" stroke="#757575" d="M6187.21,-2690.94C6212.16,-2694.3 6237.06,-2702.92 6254,-2721.63 6334.89,-2810.93 6207.7,-3174.63 6290,-3262.63 6294.68,-3267.64 6299.94,-3271.87 6305.62,-3275.42"/>
-<polygon fill="#757575" stroke="#757575" points="6303.76,-3278.39 6314.22,-3280.07 6307.09,-3272.24 6303.76,-3278.39"/>
-</g>
-<!-- ../components/icons/svg/PinIcon.js -->
-<g id="node198" class="node">
-<title>../components/icons/svg/PinIcon.js</title>
-<path fill="none" stroke="#c6c5fe" d="M6551.58,-3253.51C6551.58,-3253.51 6343.67,-3253.51 6343.67,-3253.51 6339.71,-3253.51 6335.75,-3249.55 6335.75,-3245.59 6335.75,-3245.59 6335.75,-3237.67 6335.75,-3237.67 6335.75,-3233.72 6339.71,-3229.76 6343.67,-3229.76 6343.67,-3229.76 6551.58,-3229.76 6551.58,-3229.76 6555.54,-3229.76 6559.5,-3233.72 6559.5,-3237.67 6559.5,-3237.67 6559.5,-3245.59 6559.5,-3245.59 6559.5,-3249.55 6555.54,-3253.51 6551.58,-3253.51"/>
-<text text-anchor="middle" x="6447.62" y="-3236.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/PinIcon.js</text>
-</g>
-<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/PinIcon.js -->
-<g id="edge326" class="edge">
-<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/PinIcon.js</title>
-<path fill="none" stroke="#757575" d="M6187.15,-2691C6212.09,-2694.37 6237,-2702.97 6254,-2721.63 6328.86,-2803.82 6213.83,-3139.65 6290,-3220.63 6299.64,-3230.88 6311.7,-3237.87 6324.83,-3242.49"/>
-<polygon fill="#757575" stroke="#757575" points="6323.53,-3245.75 6334.12,-3245.26 6325.54,-3239.04 6323.53,-3245.75"/>
-</g>
-<!-- ../components/icons/svg/PlusCircledIcon.js -->
-<g id="node199" class="node">
-<title>../components/icons/svg/PlusCircledIcon.js</title>
-<path fill="none" stroke="#c6c5fe" d="M6575.96,-3211.51C6575.96,-3211.51 6319.29,-3211.51 6319.29,-3211.51 6315.33,-3211.51 6311.38,-3207.55 6311.38,-3203.59 6311.38,-3203.59 6311.38,-3195.67 6311.38,-3195.67 6311.38,-3191.72 6315.33,-3187.76 6319.29,-3187.76 6319.29,-3187.76 6575.96,-3187.76 6575.96,-3187.76 6579.92,-3187.76 6583.88,-3191.72 6583.88,-3195.67 6583.88,-3195.67 6583.88,-3203.59 6583.88,-3203.59 6583.88,-3207.55 6579.92,-3211.51 6575.96,-3211.51"/>
-<text text-anchor="middle" x="6447.62" y="-3194.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/PlusCircledIcon.js</text>
-</g>
-<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/PlusCircledIcon.js -->
-<g id="edge327" class="edge">
-<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/PlusCircledIcon.js</title>
-<path fill="none" stroke="#757575" d="M6187.07,-2691.07C6212.01,-2694.44 6236.94,-2703.03 6254,-2721.63 6322.85,-2796.72 6219.96,-3104.66 6290,-3178.63 6293.45,-3182.27 6297.2,-3185.5 6301.2,-3188.36"/>
-<polygon fill="#757575" stroke="#757575" points="6299.31,-3191.31 6309.66,-3193.57 6302.98,-3185.35 6299.31,-3191.31"/>
-</g>
-<!-- ../components/icons/svg/PlusIcon.js -->
-<g id="node200" class="node">
-<title>../components/icons/svg/PlusIcon.js</title>
-<path fill="none" stroke="#c6c5fe" d="M6554.96,-3169.51C6554.96,-3169.51 6340.29,-3169.51 6340.29,-3169.51 6336.33,-3169.51 6332.38,-3165.55 6332.38,-3161.59 6332.38,-3161.59 6332.38,-3153.67 6332.38,-3153.67 6332.38,-3149.72 6336.33,-3145.76 6340.29,-3145.76 6340.29,-3145.76 6554.96,-3145.76 6554.96,-3145.76 6558.92,-3145.76 6562.88,-3149.72 6562.88,-3153.67 6562.88,-3153.67 6562.88,-3161.59 6562.88,-3161.59 6562.88,-3165.55 6558.92,-3169.51 6554.96,-3169.51"/>
-<text text-anchor="middle" x="6447.62" y="-3152.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/PlusIcon.js</text>
-</g>
-<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/PlusIcon.js -->
-<g id="edge328" class="edge">
-<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/PlusIcon.js</title>
-<path fill="none" stroke="#757575" d="M6186.98,-2691.15C6211.92,-2694.52 6236.87,-2703.1 6254,-2721.63 6316.83,-2789.61 6226.09,-3069.66 6290,-3136.63 6298.86,-3145.92 6309.72,-3152.51 6321.54,-3157.09"/>
-<polygon fill="#757575" stroke="#757575" points="6320.13,-3160.31 6330.72,-3160.13 6322.33,-3153.66 6320.13,-3160.31"/>
-</g>
-<!-- ../components/icons/svg/QRCodeIcon.js -->
-<g id="node201" class="node">
-<title>../components/icons/svg/QRCodeIcon.js</title>
-<path fill="none" stroke="#c6c5fe" d="M6568.46,-3127.51C6568.46,-3127.51 6326.79,-3127.51 6326.79,-3127.51 6322.83,-3127.51 6318.88,-3123.55 6318.88,-3119.59 6318.88,-3119.59 6318.88,-3111.67 6318.88,-3111.67 6318.88,-3107.72 6322.83,-3103.76 6326.79,-3103.76 6326.79,-3103.76 6568.46,-3103.76 6568.46,-3103.76 6572.42,-3103.76 6576.38,-3107.72 6576.38,-3111.67 6576.38,-3111.67 6576.38,-3119.59 6576.38,-3119.59 6576.38,-3123.55 6572.42,-3127.51 6568.46,-3127.51"/>
-<text text-anchor="middle" x="6447.62" y="-3110.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/QRCodeIcon.js</text>
-</g>
-<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/QRCodeIcon.js -->
-<g id="edge329" class="edge">
-<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/QRCodeIcon.js</title>
-<path fill="none" stroke="#757575" d="M6187.28,-2691.31C6212.08,-2694.72 6236.87,-2703.28 6254,-2721.63 6310.82,-2782.51 6232.22,-3034.67 6290,-3094.63 6295.44,-3100.27 6301.61,-3104.92 6308.28,-3108.72"/>
-<polygon fill="#757575" stroke="#757575" points="6306.52,-3111.75 6317.04,-3113.03 6309.61,-3105.47 6306.52,-3111.75"/>
-</g>
-<!-- ../components/icons/svg/RedditIcon.js -->
-<g id="node202" class="node">
-<title>../components/icons/svg/RedditIcon.js</title>
-<path fill="none" stroke="#c6c5fe" d="M6561.33,-3085.51C6561.33,-3085.51 6333.92,-3085.51 6333.92,-3085.51 6329.96,-3085.51 6326,-3081.55 6326,-3077.59 6326,-3077.59 6326,-3069.67 6326,-3069.67 6326,-3065.72 6329.96,-3061.76 6333.92,-3061.76 6333.92,-3061.76 6561.33,-3061.76 6561.33,-3061.76 6565.29,-3061.76 6569.25,-3065.72 6569.25,-3069.67 6569.25,-3069.67 6569.25,-3077.59 6569.25,-3077.59 6569.25,-3081.55 6565.29,-3085.51 6561.33,-3085.51"/>
-<text text-anchor="middle" x="6447.62" y="-3068.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/RedditIcon.js</text>
-</g>
-<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/RedditIcon.js -->
-<g id="edge330" class="edge">
-<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/RedditIcon.js</title>
-<path fill="none" stroke="#757575" d="M6187.14,-2691.44C6211.93,-2694.86 6236.76,-2703.38 6254,-2721.63 6355.62,-2829.2 6186.68,-2946.7 6290,-3052.63 6297.32,-3060.13 6305.93,-3065.86 6315.3,-3070.18"/>
-<polygon fill="#757575" stroke="#757575" points="6313.75,-3073.33 6324.33,-3073.78 6316.33,-3066.83 6313.75,-3073.33"/>
-</g>
-<!-- ../components/icons/svg/ScanHeaderIcon.js -->
-<g id="node203" class="node">
-<title>../components/icons/svg/ScanHeaderIcon.js</title>
-<path fill="none" stroke="#c6c5fe" d="M6579.33,-3043.51C6579.33,-3043.51 6315.92,-3043.51 6315.92,-3043.51 6311.96,-3043.51 6308,-3039.55 6308,-3035.59 6308,-3035.59 6308,-3027.67 6308,-3027.67 6308,-3023.72 6311.96,-3019.76 6315.92,-3019.76 6315.92,-3019.76 6579.33,-3019.76 6579.33,-3019.76 6583.29,-3019.76 6587.25,-3023.72 6587.25,-3027.67 6587.25,-3027.67 6587.25,-3035.59 6587.25,-3035.59 6587.25,-3039.55 6583.29,-3043.51 6579.33,-3043.51"/>
-<text text-anchor="middle" x="6447.62" y="-3026.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/ScanHeaderIcon.js</text>
-</g>
-<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/ScanHeaderIcon.js -->
-<g id="edge331" class="edge">
-<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/ScanHeaderIcon.js</title>
-<path fill="none" stroke="#757575" d="M6187.37,-2691.66C6212.02,-2695.12 6236.71,-2703.62 6254,-2721.63 6343.61,-2815.03 6198.9,-2918.68 6290,-3010.63 6292.57,-3013.23 6295.3,-3015.61 6298.16,-3017.8"/>
-<polygon fill="#757575" stroke="#757575" points="6296.19,-3020.69 6306.46,-3023.28 6300.05,-3014.85 6296.19,-3020.69"/>
-</g>
-<!-- ../components/icons/svg/ScannerIcon.js -->
-<g id="node204" class="node">
-<title>../components/icons/svg/ScannerIcon.js</title>
-<path fill="none" stroke="#c6c5fe" d="M6566.96,-3001.51C6566.96,-3001.51 6328.29,-3001.51 6328.29,-3001.51 6324.33,-3001.51 6320.38,-2997.55 6320.38,-2993.59 6320.38,-2993.59 6320.38,-2985.67 6320.38,-2985.67 6320.38,-2981.72 6324.33,-2977.76 6328.29,-2977.76 6328.29,-2977.76 6566.96,-2977.76 6566.96,-2977.76 6570.92,-2977.76 6574.88,-2981.72 6574.88,-2985.67 6574.88,-2985.67 6574.88,-2993.59 6574.88,-2993.59 6574.88,-2997.55 6570.92,-3001.51 6566.96,-3001.51"/>
-<text text-anchor="middle" x="6447.62" y="-2984.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/ScannerIcon.js</text>
-</g>
-<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/ScannerIcon.js -->
-<g id="edge332" class="edge">
-<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/ScannerIcon.js</title>
-<path fill="none" stroke="#757575" d="M6187.14,-2691.89C6211.78,-2695.36 6236.53,-2703.8 6254,-2721.63 6331.63,-2800.88 6211.11,-2890.64 6290,-2968.63 6295.9,-2974.47 6302.6,-2979.22 6309.81,-2983.05"/>
-<polygon fill="#757575" stroke="#757575" points="6308.03,-2986.09 6318.58,-2987.11 6310.97,-2979.73 6308.03,-2986.09"/>
-</g>
-<!-- ../components/icons/svg/SearchIcon.js -->
-<g id="node205" class="node">
-<title>../components/icons/svg/SearchIcon.js</title>
-<path fill="none" stroke="#c6c5fe" d="M6563.21,-2959.51C6563.21,-2959.51 6332.04,-2959.51 6332.04,-2959.51 6328.08,-2959.51 6324.12,-2955.55 6324.12,-2951.59 6324.12,-2951.59 6324.12,-2943.67 6324.12,-2943.67 6324.12,-2939.72 6328.08,-2935.76 6332.04,-2935.76 6332.04,-2935.76 6563.21,-2935.76 6563.21,-2935.76 6567.17,-2935.76 6571.12,-2939.72 6571.12,-2943.67 6571.12,-2943.67 6571.12,-2951.59 6571.12,-2951.59 6571.12,-2955.55 6567.17,-2959.51 6563.21,-2959.51"/>
-<text text-anchor="middle" x="6447.62" y="-2942.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/SearchIcon.js</text>
-</g>
-<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/SearchIcon.js -->
-<g id="edge333" class="edge">
-<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/SearchIcon.js</title>
-<path fill="none" stroke="#757575" d="M6187.23,-2692.26C6211.72,-2695.78 6236.37,-2704.15 6254,-2721.63 6319.69,-2786.76 6223.28,-2862.56 6290,-2926.63 6296.82,-2933.18 6304.65,-2938.35 6313.09,-2942.39"/>
-<polygon fill="#757575" stroke="#757575" points="6311.68,-2945.59 6322.25,-2946.19 6314.36,-2939.13 6311.68,-2945.59"/>
-</g>
-<!-- ../components/icons/svg/SendIcon.js -->
-<g id="node206" class="node">
-<title>../components/icons/svg/SendIcon.js</title>
-<path fill="none" stroke="#c6c5fe" d="M6557.58,-2917.51C6557.58,-2917.51 6337.67,-2917.51 6337.67,-2917.51 6333.71,-2917.51 6329.75,-2913.55 6329.75,-2909.59 6329.75,-2909.59 6329.75,-2901.67 6329.75,-2901.67 6329.75,-2897.72 6333.71,-2893.76 6337.67,-2893.76 6337.67,-2893.76 6557.58,-2893.76 6557.58,-2893.76 6561.54,-2893.76 6565.5,-2897.72 6565.5,-2901.67 6565.5,-2901.67 6565.5,-2909.59 6565.5,-2909.59 6565.5,-2913.55 6561.54,-2917.51 6557.58,-2917.51"/>
-<text text-anchor="middle" x="6447.62" y="-2900.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/SendIcon.js</text>
-</g>
-<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/SendIcon.js -->
-<g id="edge334" class="edge">
-<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/SendIcon.js</title>
-<path fill="none" stroke="#757575" d="M6187.16,-2692.81C6211.51,-2696.37 6236.09,-2704.63 6254,-2721.63 6307.81,-2772.71 6235.38,-2834.42 6290,-2884.63 6298.41,-2892.36 6308.22,-2898.13 6318.76,-2902.38"/>
-<polygon fill="#757575" stroke="#757575" points="6317.5,-2905.64 6328.09,-2905.63 6319.8,-2899.03 6317.5,-2905.64"/>
-</g>
-<!-- ../components/icons/svg/SendSmallIcon.js -->
-<g id="node207" class="node">
-<title>../components/icons/svg/SendSmallIcon.js</title>
-<path fill="none" stroke="#c6c5fe" d="M6574.83,-2875.51C6574.83,-2875.51 6320.42,-2875.51 6320.42,-2875.51 6316.46,-2875.51 6312.5,-2871.55 6312.5,-2867.59 6312.5,-2867.59 6312.5,-2859.67 6312.5,-2859.67 6312.5,-2855.72 6316.46,-2851.76 6320.42,-2851.76 6320.42,-2851.76 6574.83,-2851.76 6574.83,-2851.76 6578.79,-2851.76 6582.75,-2855.72 6582.75,-2859.67 6582.75,-2859.67 6582.75,-2867.59 6582.75,-2867.59 6582.75,-2871.55 6578.79,-2875.51 6574.83,-2875.51"/>
-<text text-anchor="middle" x="6447.62" y="-2858.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/SendSmallIcon.js</text>
-</g>
-<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/SendSmallIcon.js -->
-<g id="edge335" class="edge">
-<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/SendSmallIcon.js</title>
-<path fill="none" stroke="#757575" d="M6187.22,-2693.75C6211.28,-2697.4 6235.7,-2705.47 6254,-2721.63 6296.05,-2758.77 6247.36,-2806.17 6290,-2842.63 6293.75,-2845.84 6297.75,-2848.7 6301.95,-2851.25"/>
-<polygon fill="#757575" stroke="#757575" points="6300.25,-2854.31 6310.72,-2855.93 6303.54,-2848.13 6300.25,-2854.31"/>
-</g>
-<!-- ../components/icons/svg/ShareIcon.js -->
-<g id="node208" class="node">
-<title>../components/icons/svg/ShareIcon.js</title>
-<path fill="none" stroke="#c6c5fe" d="M6559.83,-2833.51C6559.83,-2833.51 6335.42,-2833.51 6335.42,-2833.51 6331.46,-2833.51 6327.5,-2829.55 6327.5,-2825.59 6327.5,-2825.59 6327.5,-2817.67 6327.5,-2817.67 6327.5,-2813.72 6331.46,-2809.76 6335.42,-2809.76 6335.42,-2809.76 6559.83,-2809.76 6559.83,-2809.76 6563.79,-2809.76 6567.75,-2813.72 6567.75,-2817.67 6567.75,-2817.67 6567.75,-2825.59 6567.75,-2825.59 6567.75,-2829.55 6563.79,-2833.51 6559.83,-2833.51"/>
-<text text-anchor="middle" x="6447.62" y="-2816.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/ShareIcon.js</text>
-</g>
-<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/ShareIcon.js -->
-<g id="edge336" class="edge">
-<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/ShareIcon.js</title>
-<path fill="none" stroke="#757575" d="M6187.06,-2695.61C6210.71,-2699.36 6234.95,-2707.02 6254,-2721.63 6284.62,-2745.11 6259.01,-2777.64 6290,-2800.63 6298.08,-2806.63 6307.07,-2811.34 6316.53,-2815.01"/>
-<polygon fill="#757575" stroke="#757575" points="6315.36,-2818.31 6325.96,-2818.23 6317.63,-2811.68 6315.36,-2818.31"/>
-</g>
-<!-- ../components/icons/svg/SignatureIcon.js -->
-<g id="node209" class="node">
-<title>../components/icons/svg/SignatureIcon.js</title>
-<path fill="none" stroke="#c6c5fe" d="M6570.71,-2791.51C6570.71,-2791.51 6324.54,-2791.51 6324.54,-2791.51 6320.58,-2791.51 6316.62,-2787.55 6316.62,-2783.59 6316.62,-2783.59 6316.62,-2775.67 6316.62,-2775.67 6316.62,-2771.72 6320.58,-2767.76 6324.54,-2767.76 6324.54,-2767.76 6570.71,-2767.76 6570.71,-2767.76 6574.67,-2767.76 6578.62,-2771.72 6578.62,-2775.67 6578.62,-2775.67 6578.62,-2783.59 6578.62,-2783.59 6578.62,-2787.55 6574.67,-2791.51 6570.71,-2791.51"/>
-<text text-anchor="middle" x="6447.62" y="-2774.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/SignatureIcon.js</text>
-</g>
-<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/SignatureIcon.js -->
-<g id="edge337" class="edge">
-<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/SignatureIcon.js</title>
-<path fill="none" stroke="#757575" d="M6187.01,-2700.6C6209.78,-2704.47 6233.58,-2710.95 6254,-2721.63 6274.33,-2732.27 6269.5,-2748.32 6290,-2758.63 6295.08,-2761.19 6300.36,-2763.47 6305.78,-2765.5"/>
-<polygon fill="#757575" stroke="#757575" points="6304.33,-2768.7 6314.92,-2768.62 6306.59,-2762.07 6304.33,-2768.7"/>
-</g>
-<!-- ../components/icons/svg/SnapchatIcon.js -->
-<g id="node210" class="node">
-<title>../components/icons/svg/SnapchatIcon.js</title>
-<path fill="none" stroke="#c6c5fe" d="M6570.33,-2749.51C6570.33,-2749.51 6324.92,-2749.51 6324.92,-2749.51 6320.96,-2749.51 6317,-2745.55 6317,-2741.59 6317,-2741.59 6317,-2733.67 6317,-2733.67 6317,-2729.72 6320.96,-2725.76 6324.92,-2725.76 6324.92,-2725.76 6570.33,-2725.76 6570.33,-2725.76 6574.29,-2725.76 6578.25,-2729.72 6578.25,-2733.67 6578.25,-2733.67 6578.25,-2741.59 6578.25,-2741.59 6578.25,-2745.55 6574.29,-2749.51 6570.33,-2749.51"/>
-<text text-anchor="middle" x="6447.62" y="-2732.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/SnapchatIcon.js</text>
-</g>
-<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/SnapchatIcon.js -->
-<g id="edge338" class="edge">
-<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/SnapchatIcon.js</title>
-<path fill="none" stroke="#757575" d="M6186.97,-2706.34C6231.31,-2711.68 6285.45,-2718.21 6332.8,-2723.91"/>
-<polygon fill="#757575" stroke="#757575" points="6332.2,-2727.37 6342.55,-2725.09 6333.04,-2720.42 6332.2,-2727.37"/>
-</g>
-<!-- ../components/icons/svg/SpinnerIcon.js -->
-<g id="node211" class="node">
-<title>../components/icons/svg/SpinnerIcon.js</title>
-<path fill="none" stroke="#c6c5fe" d="M6565.08,-1405.51C6565.08,-1405.51 6330.17,-1405.51 6330.17,-1405.51 6326.21,-1405.51 6322.25,-1401.55 6322.25,-1397.59 6322.25,-1397.59 6322.25,-1389.67 6322.25,-1389.67 6322.25,-1385.72 6326.21,-1381.76 6330.17,-1381.76 6330.17,-1381.76 6565.08,-1381.76 6565.08,-1381.76 6569.04,-1381.76 6573,-1385.72 6573,-1389.67 6573,-1389.67 6573,-1397.59 6573,-1397.59 6573,-1401.55 6569.04,-1405.51 6565.08,-1405.51"/>
-<text text-anchor="middle" x="6447.62" y="-1388.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/SpinnerIcon.js</text>
-</g>
-<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/SpinnerIcon.js -->
-<g id="edge339" class="edge">
-<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/SpinnerIcon.js</title>
-<path fill="none" stroke="#757575" d="M6098.03,-2683.46C6097.33,-2564.18 6097.72,-1603.97 6290,-1414.63 6296.39,-1408.34 6303.7,-1403.31 6311.6,-1399.33"/>
-<polygon fill="#757575" stroke="#757575" points="6312.75,-1402.65 6320.5,-1395.43 6309.94,-1396.23 6312.75,-1402.65"/>
-</g>
-<!-- ../components/icons/svg/StarIcon.js -->
-<g id="node212" class="node">
-<title>../components/icons/svg/StarIcon.js</title>
-<path fill="none" stroke="#c6c5fe" d="M6554.21,-2707.51C6554.21,-2707.51 6341.04,-2707.51 6341.04,-2707.51 6337.08,-2707.51 6333.12,-2703.55 6333.12,-2699.59 6333.12,-2699.59 6333.12,-2691.67 6333.12,-2691.67 6333.12,-2687.72 6337.08,-2683.76 6341.04,-2683.76 6341.04,-2683.76 6554.21,-2683.76 6554.21,-2683.76 6558.17,-2683.76 6562.12,-2687.72 6562.12,-2691.67 6562.12,-2691.67 6562.12,-2699.59 6562.12,-2699.59 6562.12,-2703.55 6558.17,-2707.51 6554.21,-2707.51"/>
-<text text-anchor="middle" x="6447.62" y="-2690.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/StarIcon.js</text>
-</g>
-<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/StarIcon.js -->
-<g id="edge340" class="edge">
-<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/StarIcon.js</title>
-<path fill="none" stroke="#757575" d="M6186.97,-2695.63C6227.78,-2695.63 6276.9,-2695.63 6321.38,-2695.63"/>
-<polygon fill="#757575" stroke="#757575" points="6321.37,-2699.13 6331.37,-2695.63 6321.37,-2692.13 6321.37,-2699.13"/>
-</g>
-<!-- ../components/icons/svg/SwapIcon.js -->
-<g id="node213" class="node">
-<title>../components/icons/svg/SwapIcon.js</title>
-<path fill="none" stroke="#c6c5fe" d="M6558.71,-2665.51C6558.71,-2665.51 6336.54,-2665.51 6336.54,-2665.51 6332.58,-2665.51 6328.62,-2661.55 6328.62,-2657.59 6328.62,-2657.59 6328.62,-2649.67 6328.62,-2649.67 6328.62,-2645.72 6332.58,-2641.76 6336.54,-2641.76 6336.54,-2641.76 6558.71,-2641.76 6558.71,-2641.76 6562.67,-2641.76 6566.62,-2645.72 6566.62,-2649.67 6566.62,-2649.67 6566.62,-2657.59 6566.62,-2657.59 6566.62,-2661.55 6562.67,-2665.51 6558.71,-2665.51"/>
-<text text-anchor="middle" x="6447.62" y="-2648.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/SwapIcon.js</text>
-</g>
-<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/SwapIcon.js -->
-<g id="edge341" class="edge">
-<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/SwapIcon.js</title>
-<path fill="none" stroke="#757575" d="M6186.97,-2684.92C6231.31,-2679.58 6285.45,-2673.06 6332.8,-2667.35"/>
-<polygon fill="#757575" stroke="#757575" points="6333.04,-2670.85 6342.55,-2666.18 6332.2,-2663.9 6333.04,-2670.85"/>
-</g>
-<!-- ../components/icons/svg/TelegramIcon.js -->
-<g id="node214" class="node">
-<title>../components/icons/svg/TelegramIcon.js</title>
-<path fill="none" stroke="#c6c5fe" d="M6569.96,-2623.51C6569.96,-2623.51 6325.29,-2623.51 6325.29,-2623.51 6321.33,-2623.51 6317.38,-2619.55 6317.38,-2615.59 6317.38,-2615.59 6317.38,-2607.67 6317.38,-2607.67 6317.38,-2603.72 6321.33,-2599.76 6325.29,-2599.76 6325.29,-2599.76 6569.96,-2599.76 6569.96,-2599.76 6573.92,-2599.76 6577.88,-2603.72 6577.88,-2607.67 6577.88,-2607.67 6577.88,-2615.59 6577.88,-2615.59 6577.88,-2619.55 6573.92,-2623.51 6569.96,-2623.51"/>
-<text text-anchor="middle" x="6447.62" y="-2606.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/TelegramIcon.js</text>
-</g>
-<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/TelegramIcon.js -->
-<g id="edge342" class="edge">
-<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/TelegramIcon.js</title>
-<path fill="none" stroke="#757575" d="M6129.53,-2683.33C6167.12,-2669.08 6232.24,-2645.87 6290,-2632.63 6301.04,-2630.1 6312.6,-2627.84 6324.22,-2625.83"/>
-<polygon fill="#757575" stroke="#757575" points="6324.58,-2629.32 6333.87,-2624.22 6323.43,-2622.41 6324.58,-2629.32"/>
-</g>
-<!-- ../components/icons/svg/ThreeDotsIcon.js -->
-<g id="node215" class="node">
-<title>../components/icons/svg/ThreeDotsIcon.js</title>
-<path fill="none" stroke="#c6c5fe" d="M6573.33,-2581.51C6573.33,-2581.51 6321.92,-2581.51 6321.92,-2581.51 6317.96,-2581.51 6314,-2577.55 6314,-2573.59 6314,-2573.59 6314,-2565.67 6314,-2565.67 6314,-2561.72 6317.96,-2557.76 6321.92,-2557.76 6321.92,-2557.76 6573.33,-2557.76 6573.33,-2557.76 6577.29,-2557.76 6581.25,-2561.72 6581.25,-2565.67 6581.25,-2565.67 6581.25,-2573.59 6581.25,-2573.59 6581.25,-2577.55 6577.29,-2581.51 6573.33,-2581.51"/>
-<text text-anchor="middle" x="6447.62" y="-2564.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/ThreeDotsIcon.js</text>
-</g>
-<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/ThreeDotsIcon.js -->
-<g id="edge343" class="edge">
-<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/ThreeDotsIcon.js</title>
-<path fill="none" stroke="#757575" d="M6115.37,-2683.31C6147.81,-2660.81 6220.9,-2613.3 6290,-2590.63 6296.92,-2588.36 6304.1,-2586.33 6311.39,-2584.53"/>
-<polygon fill="#757575" stroke="#757575" points="6312.12,-2587.95 6321.07,-2582.29 6310.54,-2581.13 6312.12,-2587.95"/>
-</g>
-<!-- ../components/icons/svg/TouchIdIcon.js -->
-<g id="node216" class="node">
-<title>../components/icons/svg/TouchIdIcon.js</title>
-<path fill="none" stroke="#c6c5fe" d="M6565.46,-2539.51C6565.46,-2539.51 6329.79,-2539.51 6329.79,-2539.51 6325.83,-2539.51 6321.88,-2535.55 6321.88,-2531.59 6321.88,-2531.59 6321.88,-2523.67 6321.88,-2523.67 6321.88,-2519.72 6325.83,-2515.76 6329.79,-2515.76 6329.79,-2515.76 6565.46,-2515.76 6565.46,-2515.76 6569.42,-2515.76 6573.38,-2519.72 6573.38,-2523.67 6573.38,-2523.67 6573.38,-2531.59 6573.38,-2531.59 6573.38,-2535.55 6569.42,-2539.51 6565.46,-2539.51"/>
-<text text-anchor="middle" x="6447.62" y="-2522.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/TouchIdIcon.js</text>
-</g>
-<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/TouchIdIcon.js -->
-<g id="edge344" class="edge">
-<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/TouchIdIcon.js</title>
-<path fill="none" stroke="#757575" d="M6109.28,-2683.54C6136.77,-2654.59 6211.32,-2581.3 6290,-2548.63 6296.65,-2545.87 6303.58,-2543.46 6310.66,-2541.35"/>
-<polygon fill="#757575" stroke="#757575" points="6311.33,-2544.79 6320.05,-2538.77 6309.48,-2538.04 6311.33,-2544.79"/>
-</g>
-<!-- ../components/icons/svg/TwitterIcon.js -->
-<g id="node217" class="node">
-<title>../components/icons/svg/TwitterIcon.js</title>
-<path fill="none" stroke="#c6c5fe" d="M6561.71,-2497.51C6561.71,-2497.51 6333.54,-2497.51 6333.54,-2497.51 6329.58,-2497.51 6325.62,-2493.55 6325.62,-2489.59 6325.62,-2489.59 6325.62,-2481.67 6325.62,-2481.67 6325.62,-2477.72 6329.58,-2473.76 6333.54,-2473.76 6333.54,-2473.76 6561.71,-2473.76 6561.71,-2473.76 6565.67,-2473.76 6569.62,-2477.72 6569.62,-2481.67 6569.62,-2481.67 6569.62,-2489.59 6569.62,-2489.59 6569.62,-2493.55 6565.67,-2497.51 6561.71,-2497.51"/>
-<text text-anchor="middle" x="6447.62" y="-2480.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/TwitterIcon.js</text>
-</g>
-<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/TwitterIcon.js -->
-<g id="edge345" class="edge">
-<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/TwitterIcon.js</title>
-<path fill="none" stroke="#757575" d="M6105.94,-2683.7C6129.2,-2649.34 6201.82,-2549.83 6290,-2506.63 6297.8,-2502.81 6306.06,-2499.62 6314.55,-2496.95"/>
-<polygon fill="#757575" stroke="#757575" points="6315.3,-2500.37 6323.96,-2494.26 6313.38,-2493.64 6315.3,-2500.37"/>
-</g>
-<!-- ../components/icons/svg/WalletConnectIcon.js -->
-<g id="node218" class="node">
-<title>../components/icons/svg/WalletConnectIcon.js</title>
-<path fill="none" stroke="#c6c5fe" d="M6585.71,-2455.51C6585.71,-2455.51 6309.54,-2455.51 6309.54,-2455.51 6305.58,-2455.51 6301.62,-2451.55 6301.62,-2447.59 6301.62,-2447.59 6301.62,-2439.67 6301.62,-2439.67 6301.62,-2435.72 6305.58,-2431.76 6309.54,-2431.76 6309.54,-2431.76 6585.71,-2431.76 6585.71,-2431.76 6589.67,-2431.76 6593.62,-2435.72 6593.62,-2439.67 6593.62,-2439.67 6593.62,-2447.59 6593.62,-2447.59 6593.62,-2451.55 6589.67,-2455.51 6585.71,-2455.51"/>
-<text text-anchor="middle" x="6447.62" y="-2438.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/WalletConnectIcon.js</text>
-</g>
-<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/WalletConnectIcon.js -->
-<g id="edge346" class="edge">
-<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/WalletConnectIcon.js</title>
-<path fill="none" stroke="#757575" d="M6104.04,-2683.38C6123.89,-2643.78 6192.38,-2518.66 6290,-2464.63 6292.72,-2463.13 6295.5,-2461.71 6298.34,-2460.39"/>
-<polygon fill="#757575" stroke="#757575" points="6299.6,-2463.66 6307.45,-2456.55 6296.88,-2457.21 6299.6,-2463.66"/>
-</g>
-<!-- ../components/icons/svg/WalletSwitcherCaret.js -->
-<g id="node219" class="node">
-<title>../components/icons/svg/WalletSwitcherCaret.js</title>
-<path fill="none" stroke="#c6c5fe" d="M6590.21,-2413.51C6590.21,-2413.51 6305.04,-2413.51 6305.04,-2413.51 6301.08,-2413.51 6297.12,-2409.55 6297.12,-2405.59 6297.12,-2405.59 6297.12,-2397.67 6297.12,-2397.67 6297.12,-2393.72 6301.08,-2389.76 6305.04,-2389.76 6305.04,-2389.76 6590.21,-2389.76 6590.21,-2389.76 6594.17,-2389.76 6598.12,-2393.72 6598.12,-2397.67 6598.12,-2397.67 6598.12,-2405.59 6598.12,-2405.59 6598.12,-2409.55 6594.17,-2413.51 6590.21,-2413.51"/>
-<text text-anchor="middle" x="6447.62" y="-2396.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/WalletSwitcherCaret.js</text>
-</g>
-<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/WalletSwitcherCaret.js -->
-<g id="edge347" class="edge">
-<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/WalletSwitcherCaret.js</title>
-<path fill="none" stroke="#757575" d="M6102.53,-2683.4C6119.1,-2639.36 6182.3,-2488.03 6290,-2422.63 6292.32,-2421.22 6294.7,-2419.89 6297.13,-2418.63"/>
-<polygon fill="#757575" stroke="#757575" points="6298.4,-2421.9 6305.98,-2414.49 6295.44,-2415.55 6298.4,-2421.9"/>
-</g>
-<!-- ../components/icons/svg/WarningCircledIcon.js -->
-<g id="node220" class="node">
-<title>../components/icons/svg/WarningCircledIcon.js</title>
-<path fill="none" stroke="#c6c5fe" d="M6587.96,-2371.51C6587.96,-2371.51 6307.29,-2371.51 6307.29,-2371.51 6303.33,-2371.51 6299.38,-2367.55 6299.38,-2363.59 6299.38,-2363.59 6299.38,-2355.67 6299.38,-2355.67 6299.38,-2351.72 6303.33,-2347.76 6307.29,-2347.76 6307.29,-2347.76 6587.96,-2347.76 6587.96,-2347.76 6591.92,-2347.76 6595.88,-2351.72 6595.88,-2355.67 6595.88,-2355.67 6595.88,-2363.59 6595.88,-2363.59 6595.88,-2367.55 6591.92,-2371.51 6587.96,-2371.51"/>
-<text text-anchor="middle" x="6447.62" y="-2354.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/WarningCircledIcon.js</text>
-</g>
-<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/WarningCircledIcon.js -->
-<g id="edge348" class="edge">
-<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/WarningCircledIcon.js</title>
-<path fill="none" stroke="#757575" d="M6101.44,-2683.27C6115.12,-2634.93 6172.05,-2457.66 6290,-2380.63 6291.9,-2379.39 6293.83,-2378.21 6295.8,-2377.09"/>
-<polygon fill="#757575" stroke="#757575" points="6297.27,-2380.27 6304.59,-2372.61 6294.09,-2374.03 6297.27,-2380.27"/>
-</g>
-<!-- ../components/icons/svg/WarningIcon.js -->
-<g id="node221" class="node">
-<title>../components/icons/svg/WarningIcon.js</title>
-<path fill="none" stroke="#c6c5fe" d="M6566.96,-2329.51C6566.96,-2329.51 6328.29,-2329.51 6328.29,-2329.51 6324.33,-2329.51 6320.38,-2325.55 6320.38,-2321.59 6320.38,-2321.59 6320.38,-2313.67 6320.38,-2313.67 6320.38,-2309.72 6324.33,-2305.76 6328.29,-2305.76 6328.29,-2305.76 6566.96,-2305.76 6566.96,-2305.76 6570.92,-2305.76 6574.88,-2309.72 6574.88,-2313.67 6574.88,-2313.67 6574.88,-2321.59 6574.88,-2321.59 6574.88,-2325.55 6570.92,-2329.51 6566.96,-2329.51"/>
-<text text-anchor="middle" x="6447.62" y="-2312.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/icons/svg/WarningIcon.js</text>
-</g>
-<!-- ../components/icons/Icon.js&#45;&gt;../components/icons/svg/WarningIcon.js -->
-<g id="edge349" class="edge">
-<title>../components/icons/Icon.js&#45;&gt;../components/icons/svg/WarningIcon.js</title>
-<path fill="none" stroke="#757575" d="M6100.51,-2683.47C6111.37,-2631.63 6161.27,-2427.74 6290,-2338.63 6296.14,-2334.38 6302.74,-2330.8 6309.64,-2327.79"/>
-<polygon fill="#757575" stroke="#757575" points="6310.48,-2331.22 6318.53,-2324.33 6307.94,-2324.69 6310.48,-2331.22"/>
-</g>
-<!-- ../components/header/Header.js&#45;&gt;../components/layout/index.js -->
-<g id="edge273" class="edge">
-<title>../components/header/Header.js&#45;&gt;../components/layout/index.js</title>
-<path fill="none" stroke="#757575" d="M6177.51,-4543.28C6202.7,-4537.67 6230.17,-4529.73 6254,-4518.63 6323.66,-4486.19 6392.97,-4426.23 6426.25,-4395.27"/>
-<polygon fill="#757575" stroke="#757575" points="6428.3,-4398.15 6433.18,-4388.74 6423.5,-4393.05 6428.3,-4398.15"/>
-</g>
-<!-- ../components/icons/svg/ApplePayIcon.js&#45;&gt;../components/icons/Svg.js -->
-<g id="edge354" class="edge">
-<title>../components/icons/svg/ApplePayIcon.js&#45;&gt;../components/icons/Svg.js</title>
-<path fill="none" stroke="#757575" d="M6579.09,-2280.18C6588.62,-2284.27 6597.51,-2289.65 6605.25,-2296.63 6715.43,-2396.12 6768.43,-2893.93 6779.26,-3008.22"/>
-<polygon fill="#757575" stroke="#757575" points="6775.75,-3008.27 6780.16,-3017.91 6782.72,-3007.63 6775.75,-3008.27"/>
-</g>
-<!-- ../components/icons/svg/ArrowBack.js&#45;&gt;../components/icons/Svg.js -->
-<g id="edge355" class="edge">
-<title>../components/icons/svg/ArrowBack.js&#45;&gt;../components/icons/Svg.js</title>
-<path fill="none" stroke="#757575" d="M6569.99,-2234.56C6582.98,-2238.94 6595.13,-2245.38 6605.25,-2254.63 6721.11,-2360.55 6769.97,-2889.47 6779.56,-3008.02"/>
-<polygon fill="#757575" stroke="#757575" points="6776.06,-3008.11 6780.34,-3017.8 6783.04,-3007.55 6776.06,-3008.11"/>
-</g>
-<!-- ../components/icons/svg/ArrowCircledIcon.js&#45;&gt;../components/icons/Svg.js -->
-<g id="edge356" class="edge">
-<title>../components/icons/svg/ArrowCircledIcon.js&#45;&gt;../components/icons/Svg.js</title>
-<path fill="none" stroke="#757575" d="M6588.76,-2200.7C6594.67,-2204.03 6600.21,-2207.98 6605.25,-2212.63 6726.96,-2325.14 6771.56,-2886.57 6779.88,-3008.32"/>
-<polygon fill="#757575" stroke="#757575" points="6776.37,-3008.29 6780.52,-3018.04 6783.35,-3007.83 6776.37,-3008.29"/>
-</g>
-<!-- ../components/icons/svg/ArrowIcon.js&#45;&gt;../components/icons/Svg.js -->
-<g id="edge357" class="edge">
-<title>../components/icons/svg/ArrowIcon.js&#45;&gt;../components/icons/Svg.js</title>
-<path fill="none" stroke="#757575" d="M6567.84,-2149.58C6581.68,-2153.99 6594.62,-2160.71 6605.25,-2170.63 6732.74,-2289.68 6772.99,-2882.91 6780.14,-3008.32"/>
-<polygon fill="#757575" stroke="#757575" points="6776.63,-3008.25 6780.68,-3018.04 6783.62,-3007.86 6776.63,-3008.25"/>
-</g>
-<!-- ../components/icons/svg/AvatarIcon.js&#45;&gt;../components/icons/Svg.js -->
-<g id="edge358" class="edge">
-<title>../components/icons/svg/AvatarIcon.js&#45;&gt;../components/icons/Svg.js</title>
-<path fill="none" stroke="#757575" d="M6569.49,-2108C6582.73,-2112.43 6595.07,-2119.04 6605.25,-2128.63 6738.42,-2254.12 6774.3,-2878.31 6780.36,-3008.01"/>
-<polygon fill="#757575" stroke="#757575" points="6776.86,-3007.94 6780.8,-3017.77 6783.85,-3007.62 6776.86,-3007.94"/>
-</g>
-<!-- ../components/icons/svg/BTCIcon.js&#45;&gt;../components/icons/Svg.js -->
-<g id="edge359" class="edge">
-<title>../components/icons/svg/BTCIcon.js&#45;&gt;../components/icons/Svg.js</title>
-<path fill="none" stroke="#757575" d="M6563.68,-2064.1C6579.12,-2068.48 6593.62,-2075.58 6605.25,-2086.63 6744.27,-2218.74 6775.63,-2875.34 6780.59,-3008.18"/>
-<polygon fill="#757575" stroke="#757575" points="6777.08,-3007.98 6780.93,-3017.85 6784.07,-3007.73 6777.08,-3007.98"/>
-</g>
-<!-- ../components/icons/svg/BackspaceIcon.js&#45;&gt;../components/icons/Svg.js -->
-<g id="edge360" class="edge">
-<title>../components/icons/svg/BackspaceIcon.js&#45;&gt;../components/icons/Svg.js</title>
-<path fill="none" stroke="#757575" d="M6583.23,-2029.42C6591.26,-2033.37 6598.71,-2038.37 6605.25,-2044.63 6750.02,-2183.27 6776.86,-2871.36 6780.78,-3008.01"/>
-<polygon fill="#757575" stroke="#757575" points="6777.28,-3008.07 6781.05,-3017.97 6784.28,-3007.88 6777.28,-3008.07"/>
-</g>
-<!-- ../components/icons/svg/BridgeIcon.js&#45;&gt;../components/icons/Svg.js -->
-<g id="edge361" class="edge">
-<title>../components/icons/svg/BridgeIcon.js&#45;&gt;../components/icons/Svg.js</title>
-<path fill="none" stroke="#757575" d="M6569.7,-1981.78C6582.9,-1986.24 6595.18,-1992.92 6605.25,-2002.63 6755.8,-2147.82 6778.05,-2867.57 6780.97,-3007.89"/>
-<polygon fill="#757575" stroke="#757575" points="6777.47,-3007.86 6781.16,-3017.79 6784.46,-3007.73 6777.47,-3007.86"/>
-</g>
-<!-- ../components/icons/svg/CameraIcon.js&#45;&gt;../components/icons/Svg.js -->
-<g id="edge362" class="edge">
-<title>../components/icons/svg/CameraIcon.js&#45;&gt;../components/icons/Svg.js</title>
-<path fill="none" stroke="#757575" d="M6574.37,-1562.86C6585.88,-1567.36 6596.48,-1573.75 6605.25,-1582.63 6710.2,-1688.88 6771.2,-2828 6780.21,-3007.8"/>
-<polygon fill="#757575" stroke="#757575" points="6776.71,-3007.93 6780.7,-3017.75 6783.7,-3007.59 6776.71,-3007.93"/>
-</g>
-<!-- ../components/icons/svg/CaretIcon.js&#45;&gt;../components/icons/Svg.js -->
-<g id="edge363" class="edge">
-<title>../components/icons/svg/CaretIcon.js&#45;&gt;../components/icons/Svg.js</title>
-<path fill="none" stroke="#757575" d="M6566.7,-1518.13C6581.16,-1522.65 6594.57,-1529.78 6605.25,-1540.63 6713.17,-1650.26 6771.83,-2825.72 6780.3,-3007.95"/>
-<polygon fill="#757575" stroke="#757575" points="6776.8,-3007.99 6780.76,-3017.82 6783.79,-3007.67 6776.8,-3007.99"/>
-</g>
-<!-- ../components/icons/svg/CaretThinIcon.js&#45;&gt;../components/icons/Svg.js -->
-<g id="edge364" class="edge">
-<title>../components/icons/svg/CaretThinIcon.js&#45;&gt;../components/icons/Svg.js</title>
-<path fill="none" stroke="#757575" d="M6579.67,-1481.02C6589.14,-1485.35 6597.85,-1491.09 6605.25,-1498.63 6716.16,-1611.66 6772.44,-2823.66 6780.39,-3008.15"/>
-<polygon fill="#757575" stroke="#757575" points="6776.88,-3008.06 6780.81,-3017.9 6783.88,-3007.76 6776.88,-3008.06"/>
-</g>
-<!-- ../components/icons/svg/CheckmarkCircledIcon.js&#45;&gt;../components/icons/Svg.js -->
-<g id="edge365" class="edge">
-<title>../components/icons/svg/CheckmarkCircledIcon.js&#45;&gt;../components/icons/Svg.js</title>
-<path fill="none" stroke="#757575" d="M6595.07,-1447.88C6598.68,-1450.49 6602.08,-1453.4 6605.25,-1456.63 6719.1,-1573.01 6772.98,-2820.55 6780.46,-3008.09"/>
-<polygon fill="#757575" stroke="#757575" points="6776.96,-3008.15 6780.85,-3018.01 6783.96,-3007.88 6776.96,-3008.15"/>
-</g>
-<!-- ../components/icons/svg/CheckmarkIcon.js&#45;&gt;../components/icons/Svg.js -->
-<g id="edge366" class="edge">
-<title>../components/icons/svg/CheckmarkIcon.js&#45;&gt;../components/icons/Svg.js</title>
-<path fill="none" stroke="#757575" d="M6584.6,-4327.58C6592.14,-4323.65 6599.13,-4318.73 6605.25,-4312.63 6628.63,-4289.33 6757.76,-3227.17 6778.55,-3055.07"/>
-<polygon fill="#757575" stroke="#757575" points="6782.02,-3055.51 6779.75,-3045.16 6775.07,-3054.67 6782.02,-3055.51"/>
-</g>
-<!-- ../components/icons/svg/ClearInputIcon.js&#45;&gt;../components/icons/Svg.js -->
-<g id="edge367" class="edge">
-<title>../components/icons/svg/ClearInputIcon.js&#45;&gt;../components/icons/Svg.js</title>
-<path fill="none" stroke="#757575" d="M6581.29,-4287.17C6590.1,-4283 6598.24,-4277.59 6605.25,-4270.63 6627.89,-4248.17 6757.25,-3223.92 6778.44,-3055.08"/>
-<polygon fill="#757575" stroke="#757575" points="6781.91,-3055.52 6779.68,-3045.16 6774.97,-3054.65 6781.91,-3055.52"/>
-</g>
-<!-- ../components/icons/svg/ClockIcon.js&#45;&gt;../components/icons/Svg.js -->
-<g id="edge368" class="edge">
-<title>../components/icons/svg/ClockIcon.js&#45;&gt;../components/icons/Svg.js</title>
-<path fill="none" stroke="#757575" d="M6566.81,-4250.73C6581.16,-4246.25 6594.51,-4239.23 6605.25,-4228.63 6649.05,-4185.39 6760.29,-3217.86 6778.76,-3054.85"/>
-<polygon fill="#757575" stroke="#757575" points="6782.19,-3055.61 6779.84,-3045.28 6775.24,-3054.82 6782.19,-3055.61"/>
-</g>
-<!-- ../components/icons/svg/CloseCircledIcon.js&#45;&gt;../components/icons/Svg.js -->
-<g id="edge369" class="edge">
-<title>../components/icons/svg/CloseCircledIcon.js&#45;&gt;../components/icons/Svg.js</title>
-<path fill="none" stroke="#757575" d="M6588.41,-4199.34C6594.49,-4195.83 6600.16,-4191.63 6605.25,-4186.63 6689.7,-4103.69 6766.58,-3211.7 6779.48,-3055.05"/>
-<polygon fill="#757575" stroke="#757575" points="6782.93,-3055.73 6780.26,-3045.48 6775.96,-3055.16 6782.93,-3055.73"/>
-</g>
-<!-- ../components/icons/svg/CloseIcon.js&#45;&gt;../components/icons/Svg.js -->
-<g id="edge370" class="edge">
-<title>../components/icons/svg/CloseIcon.js&#45;&gt;../components/icons/Svg.js</title>
-<path fill="none" stroke="#757575" d="M6567.49,-4166.38C6581.55,-4161.9 6594.65,-4154.98 6605.25,-4144.63 6767.6,-3986.08 6780.34,-3200.89 6781.3,-3054.99"/>
-<polygon fill="#757575" stroke="#757575" points="6784.8,-3055.42 6781.35,-3045.4 6777.8,-3055.38 6784.8,-3055.42"/>
-</g>
-<!-- ../components/icons/svg/CompassIcon.js&#45;&gt;../components/icons/Svg.js -->
-<g id="edge371" class="edge">
-<title>../components/icons/svg/CompassIcon.js&#45;&gt;../components/icons/Svg.js</title>
-<path fill="none" stroke="#757575" d="M6578.9,-4120.01C6588.6,-4115.75 6597.57,-4110.08 6605.25,-4102.63 6761.76,-3950.7 6779.23,-3197.66 6781.14,-3054.98"/>
-<polygon fill="#757575" stroke="#757575" points="6784.64,-3055.32 6781.26,-3045.28 6777.64,-3055.24 6784.64,-3055.32"/>
-</g>
-<!-- ../components/icons/svg/CopyIcon.js&#45;&gt;../components/icons/Svg.js -->
-<g id="edge372" class="edge">
-<title>../components/icons/svg/CopyIcon.js&#45;&gt;../components/icons/Svg.js</title>
-<path fill="none" stroke="#757575" d="M6565.8,-4082.74C6580.48,-4078.3 6594.19,-4071.3 6605.25,-4060.63 6755.8,-3915.44 6778.05,-3195.69 6780.97,-3055.37"/>
-<polygon fill="#757575" stroke="#757575" points="6784.46,-3055.54 6781.16,-3045.47 6777.47,-3055.4 6784.46,-3055.54"/>
-</g>
-<!-- ../components/icons/svg/CrosshairIcon.js&#45;&gt;../components/icons/Svg.js -->
-<g id="edge373" class="edge">
-<title>../components/icons/svg/CrosshairIcon.js&#45;&gt;../components/icons/Svg.js</title>
-<path fill="none" stroke="#757575" d="M6578.79,-4035.9C6588.51,-4031.67 6597.52,-4026.03 6605.25,-4018.63 6750.02,-3879.99 6776.86,-3191.9 6780.78,-3055.25"/>
-<polygon fill="#757575" stroke="#757575" points="6784.28,-3055.39 6781.05,-3045.3 6777.28,-3055.2 6784.28,-3055.39"/>
-</g>
-<!-- ../components/icons/svg/DOGEIcon.js&#45;&gt;../components/icons/Svg.js -->
-<g id="edge374" class="edge">
-<title>../components/icons/svg/DOGEIcon.js&#45;&gt;../components/icons/Svg.js</title>
-<path fill="none" stroke="#757575" d="M6570.73,-3996.94C6583.51,-3992.51 6595.41,-3985.99 6605.25,-3976.63 6744.27,-3844.52 6775.63,-3187.92 6780.59,-3055.09"/>
-<polygon fill="#757575" stroke="#757575" points="6784.07,-3055.53 6780.93,-3045.42 6777.08,-3055.28 6784.07,-3055.53"/>
-</g>
-<!-- ../components/icons/svg/DiscordIcon.js&#45;&gt;../components/icons/Svg.js -->
-<g id="edge375" class="edge">
-<title>../components/icons/svg/DiscordIcon.js&#45;&gt;../components/icons/Svg.js</title>
-<path fill="none" stroke="#757575" d="M6572.97,-3954.04C6584.89,-3949.64 6595.97,-3943.38 6605.25,-3934.63 6738.42,-3809.14 6774.3,-3184.95 6780.36,-3055.26"/>
-<polygon fill="#757575" stroke="#757575" points="6783.85,-3055.64 6780.8,-3045.49 6776.86,-3055.33 6783.85,-3055.64"/>
-</g>
-<!-- ../components/icons/svg/DotIcon.js&#45;&gt;../components/icons/Svg.js -->
-<g id="edge376" class="edge">
-<title>../components/icons/svg/DotIcon.js&#45;&gt;../components/icons/Svg.js</title>
-<path fill="none" stroke="#757575" d="M6560.72,-3915.73C6577.22,-3911.46 6592.82,-3904.24 6605.25,-3892.63 6732.74,-3773.59 6772.99,-3180.35 6780.14,-3054.94"/>
-<polygon fill="#757575" stroke="#757575" points="6783.62,-3055.4 6780.68,-3045.23 6776.63,-3055.02 6783.62,-3055.4"/>
-</g>
-<!-- ../components/icons/svg/DoubleCaretIcon.js&#45;&gt;../components/icons/Svg.js -->
-<g id="edge377" class="edge">
-<title>../components/icons/svg/DoubleCaretIcon.js&#45;&gt;../components/icons/Svg.js</title>
-<path fill="none" stroke="#757575" d="M6588.05,-3862.96C6594.22,-3859.55 6600.01,-3855.47 6605.25,-3850.63 6726.96,-3738.12 6771.56,-3176.7 6779.88,-3054.95"/>
-<polygon fill="#757575" stroke="#757575" points="6783.35,-3055.43 6780.52,-3045.22 6776.37,-3054.97 6783.35,-3055.43"/>
-</g>
-<!-- ../components/icons/svg/FaceIdIcon.js&#45;&gt;../components/icons/Svg.js -->
-<g id="edge378" class="edge">
-<title>../components/icons/svg/FaceIdIcon.js&#45;&gt;../components/icons/Svg.js</title>
-<path fill="none" stroke="#757575" d="M6570.77,-3828.44C6583.47,-3824.07 6595.33,-3817.7 6605.25,-3808.63 6721.11,-3702.72 6769.97,-3173.8 6779.56,-3055.24"/>
-<polygon fill="#757575" stroke="#757575" points="6783.04,-3055.71 6780.34,-3045.46 6776.06,-3055.16 6783.04,-3055.71"/>
-</g>
-<!-- ../components/icons/svg/FacebookIcon.js&#45;&gt;../components/icons/Svg.js -->
-<g id="edge379" class="edge">
-<title>../components/icons/svg/FacebookIcon.js&#45;&gt;../components/icons/Svg.js</title>
-<path fill="none" stroke="#757575" d="M6579.84,-3782.76C6589.09,-3778.71 6597.72,-3773.43 6605.25,-3766.63 6715.43,-3667.14 6768.43,-3169.34 6779.26,-3055.05"/>
-<polygon fill="#757575" stroke="#757575" points="6782.72,-3055.64 6780.16,-3045.36 6775.75,-3054.99 6782.72,-3055.64"/>
-</g>
-<!-- ../components/icons/svg/FatArrowIcon.js&#45;&gt;../components/icons/Svg.js -->
-<g id="edge380" class="edge">
-<title>../components/icons/svg/FatArrowIcon.js&#45;&gt;../components/icons/Svg.js</title>
-<path fill="none" stroke="#757575" d="M6577.47,-3741.6C6587.6,-3737.46 6597.05,-3731.93 6605.25,-3724.63 6709.69,-3631.62 6766.72,-3165.5 6778.89,-3055.1"/>
-<polygon fill="#757575" stroke="#757575" points="6782.34,-3055.79 6779.94,-3045.47 6775.38,-3055.04 6782.34,-3055.79"/>
-</g>
-<!-- ../components/icons/svg/GearIcon.js&#45;&gt;../components/icons/Svg.js -->
-<g id="edge381" class="edge">
-<title>../components/icons/svg/GearIcon.js&#45;&gt;../components/icons/Svg.js</title>
-<path fill="none" stroke="#757575" d="M6565.29,-3703.64C6579.96,-3699.34 6593.8,-3692.67 6605.25,-3682.63 6704.01,-3596.02 6764.95,-3161.13 6778.5,-3055.01"/>
-<polygon fill="#757575" stroke="#757575" points="6781.95,-3055.61 6779.73,-3045.25 6775.01,-3054.73 6781.95,-3055.61"/>
-</g>
-<!-- ../components/icons/svg/GitHubIcon.js&#45;&gt;../components/icons/Svg.js -->
-<g id="edge382" class="edge">
-<title>../components/icons/svg/GitHubIcon.js&#45;&gt;../components/icons/Svg.js</title>
-<path fill="none" stroke="#757575" d="M6571.43,-3659.46C6583.78,-3655.21 6595.38,-3649.14 6605.25,-3640.63 6698.29,-3560.45 6762.97,-3157.18 6778.02,-3055.13"/>
-<polygon fill="#757575" stroke="#757575" points="6781.45,-3055.87 6779.43,-3045.47 6774.52,-3054.86 6781.45,-3055.87"/>
-</g>
-<!-- ../components/icons/svg/HandleIcon.js&#45;&gt;../components/icons/Svg.js -->
-<g id="edge383" class="edge">
-<title>../components/icons/svg/HandleIcon.js&#45;&gt;../components/icons/Svg.js</title>
-<path fill="none" stroke="#757575" d="M6571.26,-3617.27C6583.64,-3613.05 6595.29,-3607.04 6605.25,-3598.63 6692.75,-3524.71 6761.07,-3151.76 6777.56,-3054.73"/>
-<polygon fill="#757575" stroke="#757575" points="6780.98,-3055.55 6779.18,-3045.11 6774.07,-3054.39 6780.98,-3055.55"/>
-</g>
-<!-- ../components/icons/svg/HiddenIcon.js&#45;&gt;../components/icons/Svg.js -->
-<g id="edge384" class="edge">
-<title>../components/icons/svg/HiddenIcon.js&#45;&gt;../components/icons/Svg.js</title>
-<path fill="none" stroke="#757575" d="M6571.47,-3574.91C6583.74,-3570.74 6595.31,-3564.84 6605.25,-3556.63 6766.21,-3423.73 6780.83,-3138.62 6781.56,-3055.09"/>
-<polygon fill="#757575" stroke="#757575" points="6785.06,-3055.18 6781.58,-3045.18 6778.06,-3055.17 6785.06,-3055.18"/>
-</g>
-<!-- ../components/icons/svg/InboxIcon.js&#45;&gt;../components/icons/Svg.js -->
-<g id="edge385" class="edge">
-<title>../components/icons/svg/InboxIcon.js&#45;&gt;../components/icons/Svg.js</title>
-<path fill="none" stroke="#757575" d="M6566.51,-3534.15C6580.57,-3529.98 6593.92,-3523.74 6605.25,-3514.63 6755.13,-3394.12 6777.48,-3134.3 6780.8,-3055.05"/>
-<polygon fill="#757575" stroke="#757575" points="6784.28,-3055.56 6781.13,-3045.45 6777.29,-3055.32 6784.28,-3055.56"/>
-</g>
-<!-- ../components/icons/svg/InstagramIcon.js&#45;&gt;../components/icons/Svg.js -->
-<g id="edge386" class="edge">
-<title>../components/icons/svg/InstagramIcon.js&#45;&gt;../components/icons/Svg.js</title>
-<path fill="none" stroke="#757575" d="M6580.33,-3486.9C6589.25,-3483.22 6597.68,-3478.53 6605.25,-3472.63 6744.17,-3364.36 6773.88,-3129.67 6779.91,-3054.97"/>
-<polygon fill="#757575" stroke="#757575" points="6783.39,-3055.4 6780.63,-3045.17 6776.41,-3054.89 6783.39,-3055.4"/>
-</g>
-<!-- ../components/icons/svg/LTCIcon.js&#45;&gt;../components/icons/Svg.js -->
-<g id="edge387" class="edge">
-<title>../components/icons/svg/LTCIcon.js&#45;&gt;../components/icons/Svg.js</title>
-<path fill="none" stroke="#757575" d="M6562.34,-3450.42C6577.79,-3446.38 6592.64,-3440.11 6605.25,-3430.63 6733.19,-3334.54 6769.92,-3125.23 6778.84,-3055.08"/>
-<polygon fill="#757575" stroke="#757575" points="6782.28,-3055.85 6779.99,-3045.5 6775.33,-3055.02 6782.28,-3055.85"/>
-</g>
-<!-- ../components/icons/svg/LockIcon.js&#45;&gt;../components/icons/Svg.js -->
-<g id="edge388" class="edge">
-<title>../components/icons/svg/LockIcon.js&#45;&gt;../components/icons/Svg.js</title>
-<path fill="none" stroke="#757575" d="M6564.41,-3407.29C6579.03,-3403.32 6593.11,-3397.35 6605.25,-3388.63 6722.58,-3304.36 6765.73,-3119.69 6777.61,-3054.77"/>
-<polygon fill="#757575" stroke="#757575" points="6781,-3055.71 6779.27,-3045.25 6774.11,-3054.5 6781,-3055.71"/>
-</g>
-<!-- ../components/icons/svg/MinusCircledIcon.js&#45;&gt;../components/icons/Svg.js -->
-<g id="edge389" class="edge">
-<title>../components/icons/svg/MinusCircledIcon.js&#45;&gt;../components/icons/Svg.js</title>
-<path fill="none" stroke="#757575" d="M6589.47,-3355.58C6594.97,-3352.99 6600.26,-3350.03 6605.25,-3346.63 6711.89,-3274.12 6760.9,-3114.59 6776.02,-3054.84"/>
-<polygon fill="#757575" stroke="#757575" points="6779.34,-3055.98 6778.31,-3045.44 6772.54,-3054.33 6779.34,-3055.98"/>
-</g>
-<!-- ../components/icons/svg/OfflineIcon.js&#45;&gt;../components/icons/Svg.js -->
-<g id="edge390" class="edge">
-<title>../components/icons/svg/OfflineIcon.js&#45;&gt;../components/icons/Svg.js</title>
-<path fill="none" stroke="#757575" d="M6569.98,-3320.19C6582.45,-3316.51 6594.48,-3311.47 6605.25,-3304.63 6701.54,-3243.51 6755.6,-3108.62 6774.07,-3054.63"/>
-<polygon fill="#757575" stroke="#757575" points="6777.35,-3055.87 6777.17,-3045.27 6770.7,-3053.66 6777.35,-3055.87"/>
-</g>
-<!-- ../components/icons/svg/PasscodeIcon.js&#45;&gt;../components/icons/Svg.js -->
-<g id="edge391" class="edge">
-<title>../components/icons/svg/PasscodeIcon.js&#45;&gt;../components/icons/Svg.js</title>
-<path fill="none" stroke="#757575" d="M6579.5,-3274.22C6588.5,-3271.13 6597.18,-3267.32 6605.25,-3262.63 6691.46,-3212.55 6749.55,-3102.05 6771.55,-3054.32"/>
-<polygon fill="#757575" stroke="#757575" points="6774.72,-3055.8 6775.62,-3045.25 6768.33,-3052.93 6774.72,-3055.8"/>
-</g>
-<!-- ../components/icons/svg/PinIcon.js&#45;&gt;../components/icons/Svg.js -->
-<g id="edge392" class="edge">
-<title>../components/icons/svg/PinIcon.js&#45;&gt;../components/icons/Svg.js</title>
-<path fill="none" stroke="#757575" d="M6559.82,-3236.4C6575.61,-3232.92 6591.24,-3227.87 6605.25,-3220.63 6682.06,-3180.94 6743.06,-3093.85 6768.51,-3053.26"/>
-<polygon fill="#757575" stroke="#757575" points="6771.42,-3055.2 6773.67,-3044.85 6765.46,-3051.54 6771.42,-3055.2"/>
-</g>
-<!-- ../components/icons/svg/PlusCircledIcon.js&#45;&gt;../components/icons/Svg.js -->
-<g id="edge393" class="edge">
-<title>../components/icons/svg/PlusCircledIcon.js&#45;&gt;../components/icons/Svg.js</title>
-<path fill="none" stroke="#757575" d="M6581.28,-3187.3C6589.53,-3184.87 6597.59,-3182 6605.25,-3178.63 6672.9,-3148.88 6735.01,-3085.03 6764.07,-3052.14"/>
-<polygon fill="#757575" stroke="#757575" points="6766.46,-3054.73 6770.38,-3044.88 6761.18,-3050.14 6766.46,-3054.73"/>
-</g>
-<!-- ../components/icons/svg/PlusIcon.js&#45;&gt;../components/icons/Svg.js -->
-<g id="edge394" class="edge">
-<title>../components/icons/svg/PlusIcon.js&#45;&gt;../components/icons/Svg.js</title>
-<path fill="none" stroke="#757575" d="M6563.24,-3147.74C6577.6,-3144.91 6591.91,-3141.28 6605.25,-3136.63 6663.99,-3116.15 6724.61,-3074.71 6757.16,-3050.46"/>
-<polygon fill="#757575" stroke="#757575" points="6758.88,-3053.55 6764.75,-3044.73 6754.66,-3047.97 6758.88,-3053.55"/>
-</g>
-<!-- ../components/icons/svg/QRCodeIcon.js&#45;&gt;../components/icons/Svg.js -->
-<g id="edge395" class="edge">
-<title>../components/icons/svg/QRCodeIcon.js&#45;&gt;../components/icons/Svg.js</title>
-<path fill="none" stroke="#757575" d="M6562.08,-3103.3C6576.69,-3100.87 6591.39,-3098 6605.25,-3094.63 6653.72,-3082.85 6707.44,-3062.53 6742.65,-3048.15"/>
-<polygon fill="#757575" stroke="#757575" points="6743.65,-3051.52 6751.56,-3044.47 6740.98,-3045.05 6743.65,-3051.52"/>
-</g>
-<!-- ../components/icons/svg/RedditIcon.js&#45;&gt;../components/icons/Svg.js -->
-<g id="edge396" class="edge">
-<title>../components/icons/svg/RedditIcon.js&#45;&gt;../components/icons/Svg.js</title>
-<path fill="none" stroke="#757575" d="M6546.66,-3061.26C6589.34,-3055.87 6639.27,-3049.57 6682.09,-3044.16"/>
-<polygon fill="#757575" stroke="#757575" points="6682.4,-3047.65 6691.88,-3042.93 6681.52,-3040.71 6682.4,-3047.65"/>
-</g>
-<!-- ../components/icons/svg/ScanHeaderIcon.js&#45;&gt;../components/icons/Svg.js -->
-<g id="edge397" class="edge">
-<title>../components/icons/svg/ScanHeaderIcon.js&#45;&gt;../components/icons/Svg.js</title>
-<path fill="none" stroke="#757575" d="M6587.33,-3031.63C6619.27,-3031.63 6652.61,-3031.63 6682.47,-3031.63"/>
-<polygon fill="#757575" stroke="#757575" points="6682.21,-3035.13 6692.21,-3031.63 6682.21,-3028.13 6682.21,-3035.13"/>
-</g>
-<!-- ../components/icons/svg/ScannerIcon.js&#45;&gt;../components/icons/Svg.js -->
-<g id="edge398" class="edge">
-<title>../components/icons/svg/ScannerIcon.js&#45;&gt;../components/icons/Svg.js</title>
-<path fill="none" stroke="#757575" d="M6546.66,-3002.01C6589.34,-3007.39 6639.27,-3013.7 6682.09,-3019.1"/>
-<polygon fill="#757575" stroke="#757575" points="6681.52,-3022.56 6691.88,-3020.34 6682.4,-3015.61 6681.52,-3022.56"/>
-</g>
-<!-- ../components/icons/svg/SearchIcon.js&#45;&gt;../components/icons/Svg.js -->
-<g id="edge399" class="edge">
-<title>../components/icons/svg/SearchIcon.js&#45;&gt;../components/icons/Svg.js</title>
-<path fill="none" stroke="#757575" d="M6562.08,-2959.97C6576.69,-2962.4 6591.39,-2965.26 6605.25,-2968.63 6653.72,-2980.41 6707.44,-3000.74 6742.65,-3015.11"/>
-<polygon fill="#757575" stroke="#757575" points="6740.98,-3018.21 6751.56,-3018.79 6743.65,-3011.74 6740.98,-3018.21"/>
-</g>
-<!-- ../components/icons/svg/SendIcon.js&#45;&gt;../components/icons/Svg.js -->
-<g id="edge400" class="edge">
-<title>../components/icons/svg/SendIcon.js&#45;&gt;../components/icons/Svg.js</title>
-<path fill="none" stroke="#757575" d="M6565.75,-2916.02C6579.26,-2918.78 6592.69,-2922.25 6605.25,-2926.63 6663.99,-2947.11 6724.61,-2988.56 6757.16,-3012.8"/>
-<polygon fill="#757575" stroke="#757575" points="6754.66,-3015.3 6764.75,-3018.53 6758.88,-3009.71 6754.66,-3015.3"/>
-</g>
-<!-- ../components/icons/svg/SendSmallIcon.js&#45;&gt;../components/icons/Svg.js -->
-<g id="edge401" class="edge">
-<title>../components/icons/svg/SendSmallIcon.js&#45;&gt;../components/icons/Svg.js</title>
-<path fill="none" stroke="#757575" d="M6581.28,-2875.97C6589.53,-2878.4 6597.59,-2881.26 6605.25,-2884.63 6672.9,-2914.39 6735.01,-2978.24 6764.07,-3011.12"/>
-<polygon fill="#757575" stroke="#757575" points="6761.18,-3013.13 6770.38,-3018.38 6766.46,-3008.54 6761.18,-3013.13"/>
-</g>
-<!-- ../components/icons/svg/ShareIcon.js&#45;&gt;../components/icons/Svg.js -->
-<g id="edge402" class="edge">
-<title>../components/icons/svg/ShareIcon.js&#45;&gt;../components/icons/Svg.js</title>
-<path fill="none" stroke="#757575" d="M6568.04,-2828.83C6581,-2832.16 6593.67,-2836.65 6605.25,-2842.63 6682.06,-2882.32 6743.06,-2969.41 6768.51,-3010"/>
-<polygon fill="#757575" stroke="#757575" points="6765.46,-3011.73 6773.67,-3018.42 6771.42,-3008.06 6765.46,-3011.73"/>
-</g>
-<!-- ../components/icons/svg/SignatureIcon.js&#45;&gt;../components/icons/Svg.js -->
-<g id="edge403" class="edge">
-<title>../components/icons/svg/SignatureIcon.js&#45;&gt;../components/icons/Svg.js</title>
-<path fill="none" stroke="#757575" d="M6579.1,-2788.91C6588.24,-2792.02 6597.07,-2795.88 6605.25,-2800.63 6691.46,-2850.72 6749.55,-2961.21 6771.55,-3008.94"/>
-<polygon fill="#757575" stroke="#757575" points="6768.33,-3010.33 6775.62,-3018.02 6774.72,-3007.46 6768.33,-3010.33"/>
-</g>
-<!-- ../components/icons/svg/SnapchatIcon.js&#45;&gt;../components/icons/Svg.js -->
-<g id="edge404" class="edge">
-<title>../components/icons/svg/SnapchatIcon.js&#45;&gt;../components/icons/Svg.js</title>
-<path fill="none" stroke="#757575" d="M6578.75,-2745.92C6588.07,-2749.24 6597.03,-2753.41 6605.25,-2758.63 6701.54,-2819.75 6755.6,-2954.64 6774.07,-3008.63"/>
-<polygon fill="#757575" stroke="#757575" points="6770.7,-3009.6 6777.17,-3017.99 6777.35,-3007.4 6770.7,-3009.6"/>
-</g>
-<!-- ../components/icons/svg/SpinnerIcon.js&#45;&gt;../components/animations/index.js -->
-<g id="edge405" class="edge">
-<title>../components/icons/svg/SpinnerIcon.js&#45;&gt;../components/animations/index.js</title>
-<path fill="none" stroke="#757575" d="M6573.15,-1391.68C6584.96,-1387.34 6595.97,-1381.18 6605.25,-1372.63 6724.92,-1262.43 6771.04,-712.24 6779.78,-591.91"/>
-<polygon fill="#757575" stroke="#757575" points="6783.25,-592.52 6780.46,-582.3 6776.26,-592.02 6783.25,-592.52"/>
-</g>
-<!-- ../components/icons/svg/SpinnerIcon.js&#45;&gt;../components/icons/Svg.js -->
-<g id="edge406" class="edge">
-<title>../components/icons/svg/SpinnerIcon.js&#45;&gt;../components/icons/Svg.js</title>
-<path fill="none" stroke="#757575" d="M6573.35,-1394.31C6585.27,-1398.85 6596.25,-1405.4 6605.25,-1414.63 6722.11,-1534.43 6773.57,-2818.87 6780.54,-3008.34"/>
-<polygon fill="#757575" stroke="#757575" points="6777.04,-3008.26 6780.9,-3018.13 6784.03,-3008.01 6777.04,-3008.26"/>
-</g>
-<!-- ../components/icons/svg/StarIcon.js&#45;&gt;../components/icons/Svg.js -->
-<g id="edge407" class="edge">
-<title>../components/icons/svg/StarIcon.js&#45;&gt;../components/icons/Svg.js</title>
-<path fill="none" stroke="#757575" d="M6562.38,-2698.14C6577.64,-2702.02 6592.43,-2707.92 6605.25,-2716.63 6711.89,-2789.14 6760.9,-2948.67 6776.02,-3008.43"/>
-<polygon fill="#757575" stroke="#757575" points="6772.54,-3008.94 6778.31,-3017.82 6779.34,-3007.28 6772.54,-3008.94"/>
-</g>
-<!-- ../components/icons/svg/SwapIcon.js&#45;&gt;../components/icons/Svg.js -->
-<g id="edge408" class="edge">
-<title>../components/icons/svg/SwapIcon.js&#45;&gt;../components/icons/Svg.js</title>
-<path fill="none" stroke="#757575" d="M6566.82,-2656.64C6580.58,-2660.61 6593.77,-2666.39 6605.25,-2674.63 6722.58,-2758.91 6765.73,-2943.57 6777.61,-3008.5"/>
-<polygon fill="#757575" stroke="#757575" points="6774.11,-3008.76 6779.27,-3018.01 6781,-3007.56 6774.11,-3008.76"/>
-</g>
-<!-- ../components/icons/svg/TelegramIcon.js&#45;&gt;../components/icons/Svg.js -->
-<g id="edge409" class="edge">
-<title>../components/icons/svg/TelegramIcon.js&#45;&gt;../components/icons/Svg.js</title>
-<path fill="none" stroke="#757575" d="M6578.17,-2617.91C6587.85,-2621.63 6597.02,-2626.45 6605.25,-2632.63 6733.19,-2728.72 6769.92,-2938.04 6778.84,-3008.19"/>
-<polygon fill="#757575" stroke="#757575" points="6775.33,-3008.24 6779.99,-3017.76 6782.28,-3007.42 6775.33,-3008.24"/>
-</g>
-<!-- ../components/icons/svg/ThreeDotsIcon.js&#45;&gt;../components/icons/Svg.js -->
-<g id="edge410" class="edge">
-<title>../components/icons/svg/ThreeDotsIcon.js&#45;&gt;../components/icons/Svg.js</title>
-<path fill="none" stroke="#757575" d="M6581.48,-2576.84C6589.97,-2580.45 6598,-2584.98 6605.25,-2590.63 6744.17,-2698.91 6773.88,-2933.6 6779.91,-3008.3"/>
-<polygon fill="#757575" stroke="#757575" points="6776.41,-3008.37 6780.63,-3018.09 6783.39,-3007.86 6776.41,-3008.37"/>
-</g>
-<!-- ../components/icons/svg/TouchIdIcon.js&#45;&gt;../components/icons/Svg.js -->
-<g id="edge411" class="edge">
-<title>../components/icons/svg/TouchIdIcon.js&#45;&gt;../components/icons/Svg.js</title>
-<path fill="none" stroke="#757575" d="M6573.6,-2531.42C6585.04,-2535.48 6595.84,-2541.07 6605.25,-2548.63 6755.13,-2669.14 6777.48,-2928.97 6780.8,-3008.21"/>
-<polygon fill="#757575" stroke="#757575" points="6777.29,-3007.94 6781.13,-3017.82 6784.28,-3007.7 6777.29,-3007.94"/>
-</g>
-<!-- ../components/icons/svg/TwitterIcon.js&#45;&gt;../components/icons/Svg.js -->
-<g id="edge412" class="edge">
-<title>../components/icons/svg/TwitterIcon.js&#45;&gt;../components/icons/Svg.js</title>
-<path fill="none" stroke="#757575" d="M6569.9,-2487.83C6582.75,-2492.02 6594.88,-2498.07 6605.25,-2506.63 6766.21,-2639.53 6780.83,-2924.64 6781.56,-3008.18"/>
-<polygon fill="#757575" stroke="#757575" points="6778.06,-3008.09 6781.58,-3018.09 6785.06,-3008.08 6778.06,-3008.09"/>
-</g>
-<!-- ../components/icons/svg/WalletConnectIcon.js&#45;&gt;../components/icons/Svg.js -->
-<g id="edge413" class="edge">
-<title>../components/icons/svg/WalletConnectIcon.js&#45;&gt;../components/icons/Svg.js</title>
-<path fill="none" stroke="#757575" d="M6592.9,-2455.86C6597.24,-2458.44 6601.37,-2461.36 6605.25,-2464.63 6692.75,-2538.55 6761.07,-2911.5 6777.56,-3008.53"/>
-<polygon fill="#757575" stroke="#757575" points="6774.07,-3008.88 6779.18,-3018.16 6780.98,-3007.72 6774.07,-3008.88"/>
-</g>
-<!-- ../components/icons/svg/WalletSwitcherCaret.js&#45;&gt;../components/icons/Svg.js -->
-<g id="edge414" class="edge">
-<title>../components/icons/svg/WalletSwitcherCaret.js&#45;&gt;../components/icons/Svg.js</title>
-<path fill="none" stroke="#757575" d="M6593.34,-2413.98C6597.52,-2416.53 6601.51,-2419.41 6605.25,-2422.63 6698.29,-2502.81 6762.97,-2906.09 6778.02,-3008.14"/>
-<polygon fill="#757575" stroke="#757575" points="6774.52,-3008.4 6779.43,-3017.79 6781.45,-3007.39 6774.52,-3008.4"/>
-</g>
-<!-- ../components/icons/svg/WarningCircledIcon.js&#45;&gt;../components/icons/Svg.js -->
-<g id="edge415" class="edge">
-<title>../components/icons/svg/WarningCircledIcon.js&#45;&gt;../components/icons/Svg.js</title>
-<path fill="none" stroke="#757575" d="M6593.41,-2371.89C6597.57,-2374.47 6601.54,-2377.38 6605.25,-2380.63 6704.01,-2467.24 6764.95,-2902.14 6778.5,-3008.25"/>
-<polygon fill="#757575" stroke="#757575" points="6775.01,-3008.53 6779.73,-3018.02 6781.95,-3007.66 6775.01,-3008.53"/>
-</g>
-<!-- ../components/icons/svg/WarningIcon.js&#45;&gt;../components/icons/Svg.js -->
-<g id="edge416" class="edge">
-<title>../components/icons/svg/WarningIcon.js&#45;&gt;../components/icons/Svg.js</title>
-<path fill="none" stroke="#757575" d="M6575.18,-2320.76C6586.17,-2324.98 6596.44,-2330.79 6605.25,-2338.63 6709.69,-2431.64 6766.72,-2897.76 6778.89,-3008.16"/>
-<polygon fill="#757575" stroke="#757575" points="6775.38,-3008.23 6779.94,-3017.79 6782.34,-3007.47 6775.38,-3008.23"/>
-</g>
-<!-- ../components/inputs/ClearInputDecorator.js&#45;&gt;../components/layout/index.js -->
-<g id="edge418" class="edge">
-<title>../components/inputs/ClearInputDecorator.js&#45;&gt;../components/layout/index.js</title>
-<path fill="none" stroke="#757575" d="M4849.85,-2215.98C4870.4,-2219.54 4891.66,-2224.02 4911.25,-2229.63 5075.03,-2276.53 5107.08,-2313.3 5264,-2379.63 5548.3,-2499.8 5676.49,-2440.32 5904.25,-2648.63 5929.48,-2671.71 5911.92,-2697.48 5940.25,-2716.63 5998.33,-2755.89 6206.51,-2698.06 6254,-2749.63 6314.42,-2815.24 6230.52,-4288.17 6290,-4354.63 6303.21,-4369.4 6321.44,-4377.5 6340.8,-4381.53"/>
-<polygon fill="#757575" stroke="#757575" points="6340.03,-4384.95 6350.47,-4383.16 6341.19,-4378.05 6340.03,-4384.95"/>
-</g>
-<!-- ../components/inputs/ClearInputDecorator.js&#45;&gt;../components/text/index.js -->
-<g id="edge419" class="edge">
-<title>../components/inputs/ClearInputDecorator.js&#45;&gt;../components/text/index.js</title>
-<path fill="none" stroke="#757575" d="M4771.34,-2215.93C4809.55,-2235.76 4880.13,-2278.71 4911.25,-2338.63 4963.2,-2438.68 4916.52,-2736.17 4947.25,-2844.63 4975.02,-2942.67 5041.28,-3046.17 5071.33,-3090"/>
-<polygon fill="#757575" stroke="#757575" points="5068.39,-3091.9 5076.96,-3098.12 5074.14,-3087.91 5068.39,-3091.9"/>
-</g>
-<!-- ../components/inputs/ClearInputDecorator.js&#45;&gt;../components/animations/index.js -->
-<g id="edge417" class="edge">
-<title>../components/inputs/ClearInputDecorator.js&#45;&gt;../components/animations/index.js</title>
-<path fill="none" stroke="#757575" d="M4749.29,-2191.55C4769.85,-2123.24 4871.2,-1778.3 4911.25,-1488.63 4917.06,-1446.6 4917.3,-755.7 4947.25,-725.63 5021,-651.6 5312.38,-701.63 5416.88,-701.63 5416.88,-701.63 5416.88,-701.63 6098.12,-701.63 6323.77,-701.63 6389.74,-744.47 6605.25,-677.63 6666.21,-658.73 6727.3,-613.64 6759.04,-587.77"/>
-<polygon fill="#757575" stroke="#757575" points="6760.92,-590.75 6766.38,-581.68 6756.45,-585.36 6760.92,-590.75"/>
-</g>
-<!-- ../components/layout/Centered.js&#45;&gt;../components/layout/Flex.js -->
-<g id="edge421" class="edge">
-<title>../components/layout/Centered.js&#45;&gt;../components/layout/Flex.js</title>
-<path fill="none" stroke="#757575" d="M7167.54,-4313.94C7196.48,-4320.81 7232.51,-4329.93 7264.25,-4339.63 7292.93,-4348.4 7324.66,-4359.89 7349.23,-4369.19"/>
-<polygon fill="#757575" stroke="#757575" points="7347.97,-4372.46 7358.56,-4372.76 7350.47,-4365.92 7347.97,-4372.46"/>
-</g>
-<!-- ../components/layout/Column.js&#45;&gt;../components/layout/Flex.js -->
-<g id="edge422" class="edge">
-<title>../components/layout/Column.js&#45;&gt;../components/layout/Flex.js</title>
-<path fill="none" stroke="#757575" d="M7159.53,-4585.33C7191.08,-4575.52 7232.59,-4559.58 7264.25,-4536.63 7314.55,-4500.17 7357.32,-4439.58 7377.99,-4407.35"/>
-<polygon fill="#757575" stroke="#757575" points="7380.73,-4409.56 7383.1,-4399.23 7374.81,-4405.83 7380.73,-4409.56"/>
-</g>
-<!-- ../components/layout/ColumnWithDividers.js&#45;&gt;../components/layout/LayoutWithDividers.js -->
-<g id="edge423" class="edge">
-<title>../components/layout/ColumnWithDividers.js&#45;&gt;../components/layout/LayoutWithDividers.js</title>
-<path fill="none" stroke="#757575" d="M6867.71,-4443.27C6912.8,-4436.66 6968.48,-4428.5 7015.18,-4421.66"/>
-<polygon fill="#757575" stroke="#757575" points="7015.65,-4425.13 7025.04,-4420.21 7014.64,-4418.2 7015.65,-4425.13"/>
-</g>
-<!-- ../components/layout/LayoutWithDividers.js&#45;&gt;../components/layout/Flex.js -->
-<g id="edge425" class="edge">
-<title>../components/layout/LayoutWithDividers.js&#45;&gt;../components/layout/Flex.js</title>
-<path fill="none" stroke="#757575" d="M7250.02,-4396.79C7262.95,-4395.77 7275.9,-4394.75 7288.42,-4393.76"/>
-<polygon fill="#757575" stroke="#757575" points="7288.59,-4397.26 7298.28,-4392.98 7288.04,-4390.28 7288.59,-4397.26"/>
-</g>
-<!-- ../components/layout/ColumnWithMargins.js&#45;&gt;../components/layout/LayoutWithMargins.js -->
-<g id="edge424" class="edge">
-<title>../components/layout/ColumnWithMargins.js&#45;&gt;../components/layout/LayoutWithMargins.js</title>
-<path fill="none" stroke="#757575" d="M6923.69,-4527.06C6936.51,-4526.28 6949.53,-4525.48 6962.42,-4524.7"/>
-<polygon fill="#757575" stroke="#757575" points="6962.43,-4528.2 6972.2,-4524.1 6962.01,-4521.22 6962.43,-4528.2"/>
-</g>
-<!-- ../components/layout/LayoutWithMargins.js&#45;&gt;../components/layout/Flex.js -->
-<g id="edge426" class="edge">
-<title>../components/layout/LayoutWithMargins.js&#45;&gt;../components/layout/Flex.js</title>
-<path fill="none" stroke="#757575" d="M7139.31,-4503.28C7189.29,-4479.94 7297.71,-4429.31 7354.65,-4402.72"/>
-<polygon fill="#757575" stroke="#757575" points="7356.04,-4405.94 7363.62,-4398.54 7353.07,-4399.6 7356.04,-4405.94"/>
-</g>
-<!-- ../components/layout/Row.js&#45;&gt;../components/layout/Flex.js -->
-<g id="edge427" class="edge">
-<title>../components/layout/Row.js&#45;&gt;../components/layout/Flex.js</title>
-<path fill="none" stroke="#757575" d="M7204.41,-4368.85C7231.43,-4371.28 7261.18,-4373.95 7288.83,-4376.43"/>
-<polygon fill="#757575" stroke="#757575" points="7288.35,-4379.91 7298.63,-4377.31 7288.98,-4372.93 7288.35,-4379.91"/>
-</g>
-<!-- ../components/layout/RowWithDividers.js&#45;&gt;../components/layout/LayoutWithDividers.js -->
-<g id="edge428" class="edge">
-<title>../components/layout/RowWithDividers.js&#45;&gt;../components/layout/LayoutWithDividers.js</title>
-<path fill="none" stroke="#757575" d="M6910,-4388C6930.67,-4390.02 6952.18,-4392.13 6973.1,-4394.17"/>
-<polygon fill="#757575" stroke="#757575" points="6972.52,-4397.63 6982.82,-4395.12 6973.2,-4390.66 6972.52,-4397.63"/>
-</g>
-<!-- ../components/layout/RowWithMargins.js&#45;&gt;../components/layout/LayoutWithMargins.js -->
-<g id="edge429" class="edge">
-<title>../components/layout/RowWithMargins.js&#45;&gt;../components/layout/LayoutWithMargins.js</title>
-<path fill="none" stroke="#757575" d="M6871.73,-4565.31C6888.93,-4562.65 6906.81,-4559.71 6923.5,-4556.63 6965.2,-4548.95 7011.77,-4538.77 7048.05,-4530.47"/>
-<polygon fill="#757575" stroke="#757575" points="7048.53,-4533.96 7057.49,-4528.3 7046.96,-4527.13 7048.53,-4533.96"/>
-</g>
-<!-- ../components/list/List.js&#45;&gt;../components/list/ListItem.js -->
-<g id="edge443" class="edge">
-<title>../components/list/List.js&#45;&gt;../components/list/ListItem.js</title>
-<path fill="none" stroke="#757575" d="M3748.31,-4089.45C3777.34,-4041.19 3883.77,-3857.88 3929,-3691.63 3949.82,-3615.12 3912.85,-3396.36 3965,-3336.63 4138.48,-3137.93 4296.24,-3293.45 4542,-3197.63 4559.05,-3190.98 4560.69,-3183.59 4578,-3177.63 4597.48,-3170.93 4618.85,-3165.94 4639.57,-3162.24"/>
-<polygon fill="#757575" stroke="#757575" points="4639.9,-3165.74 4649.18,-3160.62 4638.73,-3158.83 4639.9,-3165.74"/>
-</g>
-<!-- ../components/list/List.js&#45;&gt;../components/list/ListItemDivider.js -->
-<g id="edge444" class="edge">
-<title>../components/list/List.js&#45;&gt;../components/list/ListItemDivider.js</title>
-<path fill="none" stroke="#757575" d="M3820.21,-4099.61C3854.94,-4101.43 3895.34,-4107.34 3929,-4122.63 3948.76,-4131.61 3945.15,-4146.86 3965,-4155.63 4015.39,-4177.9 4075.53,-4185.84 4127.74,-4187.65"/>
-<polygon fill="#757575" stroke="#757575" points="4127.49,-4191.14 4137.58,-4187.91 4127.68,-4184.14 4127.49,-4191.14"/>
-</g>
-<!-- ../components/list/ListItem.js&#45;&gt;../components/layout/index.js -->
-<g id="edge453" class="edge">
-<title>../components/list/ListItem.js&#45;&gt;../components/layout/index.js</title>
-<path fill="none" stroke="#757575" d="M4802.38,-3163.95C4836.07,-3173.11 4878.47,-3188 4911.25,-3210.63 5110.46,-3348.17 5051.04,-3510.54 5264,-3625.63 5459.06,-3731.04 6102.41,-3587.83 6254,-3749.63 6346.08,-3847.92 6198.35,-4255.95 6290,-4354.63 6303.41,-4369.07 6321.61,-4377.06 6340.88,-4381.08"/>
-<polygon fill="#757575" stroke="#757575" points="6340.05,-4384.49 6350.49,-4382.71 6341.22,-4377.59 6340.05,-4384.49"/>
-</g>
-<!-- ../components/list/ListItem.js&#45;&gt;../components/text/index.js -->
-<g id="edge454" class="edge">
-<title>../components/list/ListItem.js&#45;&gt;../components/text/index.js</title>
-<path fill="none" stroke="#757575" d="M4838.35,-3140.75C4884.64,-3135.33 4940.66,-3128.75 4987.76,-3123.23"/>
-<polygon fill="#757575" stroke="#757575" points="4987.88,-3126.74 4997.4,-3122.1 4987.06,-3119.79 4987.88,-3126.74"/>
-</g>
-<!-- ../components/list/ListItem.js&#45;&gt;../components/animations/index.js -->
-<g id="edge451" class="edge">
-<title>../components/list/ListItem.js&#45;&gt;../components/animations/index.js</title>
-<path fill="none" stroke="#757575" d="M4748.83,-3139.38C4763.12,-3086.96 4825.68,-2878.86 4947.25,-2759.63 5167.92,-2543.21 5395.54,-2707.57 5571.75,-2453.63 5618.34,-2386.49 5578.49,-2163.94 5607.75,-2087.63 5687.37,-1880.01 5826.86,-1893.1 5904.25,-1684.63 5940.63,-1586.64 5866.22,-1289.43 5940.25,-1215.63 5992.72,-1163.32 6547.59,-1213.16 6605.25,-1166.63 6699.15,-1090.86 6763.09,-693.46 6778.02,-592.15"/>
-<polygon fill="#757575" stroke="#757575" points="6781.48,-592.72 6779.45,-582.32 6774.55,-591.72 6781.48,-592.72"/>
-</g>
-<!-- ../components/list/ListItem.js&#45;&gt;../components/icons/index.js -->
-<g id="edge452" class="edge">
-<title>../components/list/ListItem.js&#45;&gt;../components/icons/index.js</title>
-<path fill="none" stroke="#757575" d="M4748.56,-3139.44C4761.56,-3088.37 4818.99,-2890.28 4947.25,-2802.63 5051.47,-2731.41 5103.39,-2779.81 5228,-2759.63 5386.08,-2734.03 5570.45,-2702.06 5673.88,-2683.93"/>
-<polygon fill="#757575" stroke="#757575" points="5674.43,-2687.39 5683.67,-2682.21 5673.22,-2680.49 5674.43,-2687.39"/>
-</g>
-<!-- ../components/list/ListHeader.js&#45;&gt;../components/layout/index.js -->
-<g id="edge448" class="edge">
-<title>../components/list/ListHeader.js&#45;&gt;../components/layout/index.js</title>
-<path fill="none" stroke="#757575" d="M3757.82,-3682.89C3791.51,-3707.53 3868.86,-3765.32 3929,-3819.63 3946.03,-3835.01 3944.21,-3846.93 3965,-3856.63 4081.51,-3911.02 4439.99,-3821.36 4542,-3899.63 4580.47,-3929.15 4539.33,-3973.37 4578,-4002.63 4668.3,-4070.96 4973.39,-4033.63 5086.62,-4033.63 5086.62,-4033.63 5086.62,-4033.63 5757,-4033.63 5867.57,-4033.63 6173.04,-3982.32 6254,-4057.63 6351.36,-4148.19 6196.58,-4260.02 6290,-4354.63 6303.62,-4368.42 6321.64,-4376.2 6340.61,-4380.24"/>
-<polygon fill="#757575" stroke="#757575" points="6339.92,-4383.67 6350.37,-4381.94 6341.12,-4376.77 6339.92,-4383.67"/>
-</g>
-<!-- ../components/list/ListHeader.js&#45;&gt;../components/text/index.js -->
-<g id="edge450" class="edge">
-<title>../components/list/ListHeader.js&#45;&gt;../components/text/index.js</title>
-<path fill="none" stroke="#757575" d="M3841.88,-3667.8C4110.31,-3659.43 4826.74,-3631.31 4911.25,-3567.63 5056.6,-3458.12 5081.5,-3211.87 5085.75,-3135.01"/>
-<polygon fill="#757575" stroke="#757575" points="5089.23,-3135.46 5086.22,-3125.31 5082.24,-3135.13 5089.23,-3135.46"/>
-</g>
-<!-- ../components/list/ListHeader.js&#45;&gt;../components/animations/index.js -->
-<g id="edge445" class="edge">
-<title>../components/list/ListHeader.js&#45;&gt;../components/animations/index.js</title>
-<path fill="none" stroke="#757575" d="M3743.58,-3658.48C3761.64,-3576.91 3866.09,-3100.55 3929,-2708.63 3939.15,-2645.38 3918.53,-2466.72 3965,-2422.63 4058.26,-2334.15 4446.35,-2466.54 4542,-2380.63 4575.27,-2350.75 4568.66,-2226.37 4578,-2182.63 4582.49,-2161.62 4930.59,-694.19 4947.25,-680.63 5028.26,-614.73 5312.45,-663.63 5416.88,-663.63 5416.88,-663.63 5416.88,-663.63 6098.12,-663.63 6323.77,-663.63 6384.82,-687.83 6605.25,-639.63 6657.2,-628.27 6713.62,-603.04 6748.24,-585.92"/>
-<polygon fill="#757575" stroke="#757575" points="6749.53,-589.19 6756.9,-581.58 6746.39,-582.93 6749.53,-589.19"/>
-</g>
-<!-- ../components/list/ListHeader.js&#45;&gt;../components/coin&#45;divider/CoinDividerButtonLabel.js -->
-<g id="edge446" class="edge">
-<title>../components/list/ListHeader.js&#45;&gt;../components/coin&#45;divider/CoinDividerButtonLabel.js</title>
-<path fill="none" stroke="#757575" d="M3744.83,-3658.36C3763.41,-3601.71 3846.24,-3361.24 3965,-3193.63 4185.94,-2881.81 4234.16,-2757.43 4578,-2590.63 4581.56,-2588.9 4585.22,-2587.3 4588.94,-2585.81"/>
-<polygon fill="#757575" stroke="#757575" points="4590,-2589.15 4598.2,-2582.44 4587.6,-2582.58 4590,-2589.15"/>
-</g>
-<!-- ../components/list/ListHeader.js&#45;&gt;../components/context&#45;menu/index.js -->
-<g id="edge447" class="edge">
-<title>../components/list/ListHeader.js&#45;&gt;../components/context&#45;menu/index.js</title>
-<path fill="none" stroke="#757575" d="M3841.96,-3674.58C3922.58,-3677.74 4036.06,-3682.17 4123.28,-3685.58"/>
-<polygon fill="#757575" stroke="#757575" points="4122.95,-3689.07 4133.08,-3685.96 4123.23,-3682.08 4122.95,-3689.07"/>
-</g>
-<!-- ../components/savings/index.js -->
-<g id="node242" class="node">
-<title>../components/savings/index.js</title>
-<path fill="none" stroke="#c6c5fe" d="M4345.83,-3847.51C4345.83,-3847.51 4161.17,-3847.51 4161.17,-3847.51 4157.21,-3847.51 4153.25,-3843.55 4153.25,-3839.59 4153.25,-3839.59 4153.25,-3831.67 4153.25,-3831.67 4153.25,-3827.72 4157.21,-3823.76 4161.17,-3823.76 4161.17,-3823.76 4345.83,-3823.76 4345.83,-3823.76 4349.79,-3823.76 4353.75,-3827.72 4353.75,-3831.67 4353.75,-3831.67 4353.75,-3839.59 4353.75,-3839.59 4353.75,-3843.55 4349.79,-3847.51 4345.83,-3847.51"/>
-<text text-anchor="middle" x="4253.5" y="-3830.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/savings/index.js</text>
-</g>
-<!-- ../components/list/ListHeader.js&#45;&gt;../components/savings/index.js -->
-<g id="edge449" class="edge">
-<title>../components/list/ListHeader.js&#45;&gt;../components/savings/index.js</title>
-<path fill="none" stroke="#757575" d="M3778.91,-3682.9C3870.21,-3712.34 4101.68,-3786.99 4203.34,-3819.78"/>
-<polygon fill="#757575" stroke="#757575" points="4202.18,-3823.08 4212.77,-3822.82 4204.33,-3816.42 4202.18,-3823.08"/>
-</g>
-<!-- ../components/savings/SavingsListHeader.js -->
-<g id="node245" class="node">
-<title>../components/savings/SavingsListHeader.js</title>
-<path fill="none" stroke="#c6c5fe" d="M4877.08,-3883.51C4877.08,-3883.51 4612.17,-3883.51 4612.17,-3883.51 4608.21,-3883.51 4604.25,-3879.55 4604.25,-3875.59 4604.25,-3875.59 4604.25,-3867.67 4604.25,-3867.67 4604.25,-3863.72 4608.21,-3859.76 4612.17,-3859.76 4612.17,-3859.76 4877.08,-3859.76 4877.08,-3859.76 4881.04,-3859.76 4885,-3863.72 4885,-3867.67 4885,-3867.67 4885,-3875.59 4885,-3875.59 4885,-3879.55 4881.04,-3883.51 4877.08,-3883.51"/>
-<text text-anchor="middle" x="4744.62" y="-3866.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../components/savings/SavingsListHeader.js</text>
-</g>
-<!-- ../components/savings/index.js&#45;&gt;../components/savings/SavingsListHeader.js -->
-<g id="edge469" class="edge">
-<title>../components/savings/index.js&#45;&gt;../components/savings/SavingsListHeader.js</title>
-<path fill="none" stroke="#757575" d="M4354.07,-3842.96C4422.63,-3848.01 4514.97,-3854.8 4592.54,-3860.51"/>
-<polygon fill="#757575" stroke="#757575" points="4592.13,-3863.99 4602.36,-3861.23 4592.65,-3857.01 4592.13,-3863.99"/>
-</g>
-<!-- ../components/list/ListItemArrowGroup.js&#45;&gt;../assets/family&#45;dropdown&#45;arrow.png -->
-<g id="edge455" class="edge">
-<title>../components/list/ListItemArrowGroup.js&#45;&gt;../assets/family&#45;dropdown&#45;arrow.png</title>
-<path fill="none" stroke="#757575" d="M4875.17,-3909.24C4887.98,-3905.34 4900.28,-3899.96 4911.25,-3892.63 4938.07,-3874.72 4920.97,-3848.32 4947.25,-3829.63 4952.2,-3826.11 4957.5,-3823.03 4963.02,-3820.33"/>
-<polygon fill="#757575" stroke="#757575" points="4964.04,-3823.7 4971.8,-3816.49 4961.23,-3817.29 4964.04,-3823.7"/>
-</g>
-<!-- ../components/list/ListItemArrowGroup.js&#45;&gt;../components/layout/index.js -->
-<g id="edge456" class="edge">
-<title>../components/list/ListItemArrowGroup.js&#45;&gt;../components/layout/index.js</title>
-<path fill="none" stroke="#757575" d="M4875.07,-3911.38C5231.44,-3905.81 6204.02,-3894.96 6254,-3941.63 6321.33,-4004.51 6226.38,-4288 6290,-4354.63 6303.46,-4368.73 6321.52,-4376.62 6340.58,-4380.66"/>
-<polygon fill="#757575" stroke="#757575" points="6339.95,-4384.11 6350.4,-4382.36 6341.14,-4377.21 6339.95,-4384.11"/>
-</g>
-<!-- ../components/list/ListItemArrowGroup.js&#45;&gt;../components/text/index.js -->
-<g id="edge457" class="edge">
-<title>../components/list/ListItemArrowGroup.js&#45;&gt;../components/text/index.js</title>
-<path fill="none" stroke="#757575" d="M4875.17,-3913.25C4888.45,-3908.72 4900.85,-3902.09 4911.25,-3892.63 4940.69,-3865.85 5057.91,-3261.41 5082.2,-3134.77"/>
-<polygon fill="#757575" stroke="#757575" points="5085.59,-3135.71 5084.03,-3125.23 5078.71,-3134.4 5085.59,-3135.71"/>
-</g>
-<!-- ../components/savings/SavingsListHeader.js&#45;&gt;../assets/family&#45;dropdown&#45;arrow.png -->
-<g id="edge465" class="edge">
-<title>../components/savings/SavingsListHeader.js&#45;&gt;../assets/family&#45;dropdown&#45;arrow.png</title>
-<path fill="none" stroke="#757575" d="M4851.25,-3859.3C4871.38,-3855.76 4892.13,-3851.28 4911.25,-3845.63 4928.04,-3840.68 4930.53,-3834.83 4947.25,-3829.63 4961.53,-3825.19 4976.88,-3821.4 4991.99,-3818.19"/>
-<polygon fill="#757575" stroke="#757575" points="4992.35,-3821.69 5001.45,-3816.26 4990.95,-3814.83 4992.35,-3821.69"/>
-</g>
-<!-- ../components/savings/SavingsListHeader.js&#45;&gt;../components/layout/index.js -->
-<g id="edge467" class="edge">
-<title>../components/savings/SavingsListHeader.js&#45;&gt;../components/layout/index.js</title>
-<path fill="none" stroke="#757575" d="M4885.29,-3859.4C4894.46,-3855.7 4903.22,-3851.17 4911.25,-3845.63 4937.8,-3827.32 4919.36,-3798.82 4947.25,-3782.63 5001.21,-3751.32 5174.84,-3749.98 5228,-3782.63 5258.15,-3801.15 5234.37,-3834.3 5264,-3853.63 5356.27,-3913.82 6175.1,-3830.75 6254,-3907.63 6325.37,-3977.18 6221.42,-4282.33 6290,-4354.63 6303.41,-4368.78 6321.45,-4376.69 6340.5,-4380.73"/>
-<polygon fill="#757575" stroke="#757575" points="6339.87,-4384.18 6350.32,-4382.43 6341.07,-4377.28 6339.87,-4384.18"/>
-</g>
-<!-- ../components/savings/SavingsListHeader.js&#45;&gt;../components/text/index.js -->
-<g id="edge468" class="edge">
-<title>../components/savings/SavingsListHeader.js&#45;&gt;../components/text/index.js</title>
-<path fill="none" stroke="#757575" d="M4829.45,-3859.29C4859.21,-3850.84 4890.45,-3836.61 4911.25,-3812.63 4963.86,-3751.99 4928.92,-3713.79 4947.25,-3635.63 4992.96,-3440.7 5058.92,-3207.97 5079.93,-3134.81"/>
-<polygon fill="#757575" stroke="#757575" points="5083.29,-3135.78 5082.7,-3125.21 5076.57,-3133.85 5083.29,-3135.78"/>
-</g>
-<!-- ../components/savings/SavingsListHeader.js&#45;&gt;../components/animations/index.js -->
-<g id="edge466" class="edge">
-<title>../components/savings/SavingsListHeader.js&#45;&gt;../components/animations/index.js</title>
-<path fill="none" stroke="#757575" d="M4810.43,-3859.28C4843.29,-3850.51 4882.26,-3836.01 4911.25,-3812.63 4934.86,-3793.58 4922.82,-3772.62 4947.25,-3754.63 5178.17,-3584.64 5313.22,-3716.67 5571.75,-3592.63 5737.97,-3512.89 5817.19,-3507.14 5904.25,-3344.63 5939.46,-3278.92 5928.8,-2748.3 5940.25,-2674.63 6035.01,-2064.72 5858.07,-1771.54 6290,-1330.63 6391.88,-1226.63 6503.3,-1345.56 6605.25,-1241.63 6700.23,-1144.81 6764.12,-699.82 6778.36,-592.14"/>
-<polygon fill="#757575" stroke="#757575" points="6781.8,-592.85 6779.62,-582.48 6774.86,-591.95 6781.8,-592.85"/>
-</g>
-<!-- ../components/sheet/DynamicHeightSheet.js&#45;&gt;../components/layout/index.js -->
-<g id="edge471" class="edge">
-<title>../components/sheet/DynamicHeightSheet.js&#45;&gt;../components/layout/index.js</title>
-<path fill="none" stroke="#757575" d="M4851.46,-4917.26C5011.97,-4898.91 5309.63,-4866.63 5416.88,-4866.63 5416.88,-4866.63 5416.88,-4866.63 5757,-4866.63 5978.87,-4866.63 6074.44,-4949.97 6254,-4819.63 6399.57,-4713.96 6436.38,-4474.53 6444.53,-4398.95"/>
-<polygon fill="#757575" stroke="#757575" points="6447.97,-4399.7 6445.49,-4389.41 6441.01,-4399.01 6447.97,-4399.7"/>
-</g>
-<!-- ../components/sheet/DynamicHeightSheet.js&#45;&gt;../components/TouchableBackdrop.js -->
-<g id="edge470" class="edge">
-<title>../components/sheet/DynamicHeightSheet.js&#45;&gt;../components/TouchableBackdrop.js</title>
-<path fill="none" stroke="#757575" d="M4886.29,-4929.63C4909.78,-4929.63 4934.05,-4929.63 4957.25,-4929.63"/>
-<polygon fill="#757575" stroke="#757575" points="4957.02,-4933.13 4967.02,-4929.63 4957.02,-4926.13 4957.02,-4933.13"/>
-</g>
-<!-- ../components/sheet/Sheet.js&#45;&gt;../components/layout/index.js -->
-<g id="edge473" class="edge">
-<title>../components/sheet/Sheet.js&#45;&gt;../components/layout/index.js</title>
-<path fill="none" stroke="#757575" d="M4840.39,-4971.17C4970.39,-4970.58 5211.33,-4969.63 5416.88,-4969.63 5416.88,-4969.63 5416.88,-4969.63 5757,-4969.63 5982.23,-4969.63 6081.47,-5015.41 6254,-4870.63 6406.54,-4742.63 6438.8,-4478.35 6445.16,-4398.79"/>
-<polygon fill="#757575" stroke="#757575" points="6448.62,-4399.39 6445.86,-4389.17 6441.64,-4398.88 6448.62,-4399.39"/>
-</g>
-<!-- ../components/sheet/Sheet.js&#45;&gt;../navigation/Navigation.js -->
-<g id="edge475" class="edge">
-<title>../components/sheet/Sheet.js&#45;&gt;../navigation/Navigation.js</title>
-<path fill="none" stroke="#757575" d="M4840.18,-4980.49C4866.52,-4977.93 4892.91,-4969.79 4911.25,-4950.63 4978.18,-4880.73 4881.14,-4587.31 4947.25,-4516.63 4958.97,-4504.1 4974.74,-4496.86 4991.44,-4492.95"/>
-<polygon fill="#757575" stroke="#757575" points="4991.87,-4496.43 5001.04,-4491.12 4990.56,-4489.55 4991.87,-4496.43"/>
-</g>
-<!-- ../components/sheet/Sheet.js&#45;&gt;../components/TouchableBackdrop.js -->
-<g id="edge472" class="edge">
-<title>../components/sheet/Sheet.js&#45;&gt;../components/TouchableBackdrop.js</title>
-<path fill="none" stroke="#757575" d="M4840.16,-4959.99C4881.95,-4954.84 4931.4,-4948.75 4975,-4943.38"/>
-<polygon fill="#757575" stroke="#757575" points="4975.24,-4946.88 4984.74,-4942.18 4974.39,-4939.93 4975.24,-4946.88"/>
-</g>
-<!-- ../components/sheet/Sheet.js&#45;&gt;../components/sheet/SheetHandle.js -->
-<g id="edge474" class="edge">
-<title>../components/sheet/Sheet.js&#45;&gt;../components/sheet/SheetHandle.js</title>
-<path fill="none" stroke="#757575" d="M4840.16,-4982.17C4878.53,-4986.44 4923.36,-4991.44 4964.19,-4995.99"/>
-<polygon fill="#757575" stroke="#757575" points="4963.76,-4999.46 4974.08,-4997.09 4964.53,-4992.5 4963.76,-4999.46"/>
-</g>
-<!-- ../components/sheet/SheetTitle.js&#45;&gt;../components/text/index.js -->
-<g id="edge476" class="edge">
-<title>../components/sheet/SheetTitle.js&#45;&gt;../components/text/index.js</title>
-<path fill="none" stroke="#757575" d="M4853.02,-3792.82C4874.36,-3788.39 4895.12,-3780.13 4911.25,-3765.63 4912.8,-3764.24 5049.47,-3251.19 5080.43,-3134.89"/>
-<polygon fill="#757575" stroke="#757575" points="5083.81,-3135.82 5083,-3125.26 5077.04,-3134.02 5083.81,-3135.82"/>
-</g>
-<!-- ../components/text/Bold.js&#45;&gt;../components/text/Text.js -->
-<g id="edge483" class="edge">
-<title>../components/text/Bold.js&#45;&gt;../components/text/Text.js</title>
-<path fill="none" stroke="#757575" d="M5503.69,-3323.63C5551.24,-3323.63 5610.67,-3323.63 5659.8,-3323.63"/>
-<polygon fill="#757575" stroke="#757575" points="5659.57,-3327.13 5669.57,-3323.63 5659.57,-3320.13 5659.57,-3327.13"/>
-</g>
-<!-- ../components/text/DollarFigure.js&#45;&gt;../components/layout/index.js -->
-<g id="edge484" class="edge">
-<title>../components/text/DollarFigure.js&#45;&gt;../components/layout/index.js</title>
-<path fill="none" stroke="#757575" d="M5514.52,-3559.26C5711.39,-3536.15 6152.01,-3497.3 6254,-3597.63 6314.03,-3656.68 6233.06,-4292.59 6290,-4354.63 6303.32,-4369.15 6321.49,-4377.17 6340.74,-4381.2"/>
-<polygon fill="#757575" stroke="#757575" points="6339.91,-4384.61 6350.36,-4382.84 6341.08,-4377.71 6339.91,-4384.61"/>
-</g>
-<!-- ../components/text/DollarFigure.js&#45;&gt;../components/text/Text.js -->
-<g id="edge485" class="edge">
-<title>../components/text/DollarFigure.js&#45;&gt;../components/text/Text.js</title>
-<path fill="none" stroke="#757575" d="M5527.08,-3567.18C5542.71,-3563.62 5558.1,-3558.34 5571.75,-3550.63 5658.92,-3501.41 5720.72,-3392.87 5744.37,-3345.96"/>
-<polygon fill="#757575" stroke="#757575" points="5747.36,-3347.8 5748.64,-3337.28 5741.08,-3344.71 5747.36,-3347.8"/>
-</g>
-<!-- ../components/text/Emoji.js&#45;&gt;../components/text/Text.js -->
-<g id="edge486" class="edge">
-<title>../components/text/Emoji.js&#45;&gt;../components/text/Text.js</title>
-<path fill="none" stroke="#757575" d="M5507.53,-3248.83C5528.72,-3251.85 5551.16,-3255.73 5571.75,-3260.63 5622.09,-3272.62 5678.09,-3292.95 5714.78,-3307.26"/>
-<polygon fill="#757575" stroke="#757575" points="5713.06,-3310.35 5723.65,-3310.76 5715.63,-3303.84 5713.06,-3310.35"/>
-</g>
-<!-- ../components/text/ErrorText.js&#45;&gt;../components/layout/index.js -->
-<g id="edge488" class="edge">
-<title>../components/text/ErrorText.js&#45;&gt;../components/layout/index.js</title>
-<path fill="none" stroke="#757575" d="M5517.5,-2993.59C5535.98,-2996.81 5554.8,-3001.59 5571.75,-3008.63 5923.81,-3154.95 6077.42,-3190.73 6254,-3528.63 6296.55,-3610.05 6228.02,-4286.83 6290,-4354.63 6303.29,-4369.17 6321.45,-4377.21 6340.7,-4381.24"/>
-<polygon fill="#757575" stroke="#757575" points="6339.87,-4384.65 6350.31,-4382.88 6341.04,-4377.75 6339.87,-4384.65"/>
-</g>
-<!-- ../components/text/ErrorText.js&#45;&gt;../components/icons/index.js -->
-<g id="edge487" class="edge">
-<title>../components/text/ErrorText.js&#45;&gt;../components/icons/index.js</title>
-<path fill="none" stroke="#757575" d="M5472.32,-2975.34C5503.6,-2966.22 5542.57,-2951.36 5571.75,-2928.63 5658.43,-2861.12 5721.28,-2741.58 5744.82,-2692.07"/>
-<polygon fill="#757575" stroke="#757575" points="5747.9,-2693.75 5748.95,-2683.21 5741.55,-2690.79 5747.9,-2693.75"/>
-</g>
-<!-- ../components/text/ErrorText.js&#45;&gt;../components/text/Text.js -->
-<g id="edge489" class="edge">
-<title>../components/text/ErrorText.js&#45;&gt;../components/text/Text.js</title>
-<path fill="none" stroke="#757575" d="M5517.59,-2984.22C5537.43,-2987.91 5556.76,-2995.25 5571.75,-3008.63 5620,-3051.7 5578.1,-3092.15 5607.75,-3149.63 5640.58,-3213.29 5700.59,-3273.9 5732.94,-3303.96"/>
-<polygon fill="#757575" stroke="#757575" points="5730.43,-3306.41 5740.16,-3310.59 5735.15,-3301.25 5730.43,-3306.41"/>
-</g>
-<!-- ../components/text/GradientText.js&#45;&gt;../components/text/Text.js -->
-<g id="edge490" class="edge">
-<title>../components/text/GradientText.js&#45;&gt;../components/text/Text.js</title>
-<path fill="none" stroke="#757575" d="M5517.91,-3294.01C5562.71,-3299.6 5615.43,-3306.19 5659.77,-3311.73"/>
-<polygon fill="#757575" stroke="#757575" points="5659.29,-3315.2 5669.65,-3312.97 5660.16,-3308.25 5659.29,-3315.2"/>
-</g>
-<!-- ../components/text/H1.js&#45;&gt;../components/text/Text.js -->
-<g id="edge491" class="edge">
-<title>../components/text/H1.js&#45;&gt;../components/text/Text.js</title>
-<path fill="none" stroke="#757575" d="M5498.77,-3202.76C5522.69,-3205.84 5548.67,-3210.77 5571.75,-3218.63 5632.4,-3239.3 5695.64,-3280.68 5729.67,-3304.86"/>
-<polygon fill="#757575" stroke="#757575" points="5727.47,-3307.59 5737.63,-3310.6 5731.57,-3301.91 5727.47,-3307.59"/>
-</g>
-<!-- ../components/text/Label.js&#45;&gt;../components/text/Text.js -->
-<g id="edge492" class="edge">
-<title>../components/text/Label.js&#45;&gt;../components/text/Text.js</title>
-<path fill="none" stroke="#757575" d="M5506.78,-3115.68C5528.87,-3118.85 5551.91,-3124.59 5571.75,-3134.63 5650.52,-3174.51 5714.76,-3261.83 5741.54,-3302.28"/>
-<polygon fill="#757575" stroke="#757575" points="5738.46,-3303.97 5746.85,-3310.45 5744.33,-3300.15 5738.46,-3303.97"/>
-</g>
-<!-- ../components/text/MarkdownText.js&#45;&gt;../components/text/Text.js -->
-<g id="edge493" class="edge">
-<title>../components/text/MarkdownText.js&#45;&gt;../components/text/Text.js</title>
-<path fill="none" stroke="#757575" d="M5534.26,-3076.35C5547.54,-3080.06 5560.37,-3085.31 5571.75,-3092.63 5596.94,-3108.85 5590.03,-3125.47 5607.75,-3149.63 5650.35,-3207.72 5706.82,-3271.17 5735.89,-3303"/>
-<polygon fill="#757575" stroke="#757575" points="5733.3,-3305.34 5742.64,-3310.34 5738.46,-3300.61 5733.3,-3305.34"/>
-</g>
-<!-- ../components/text/PlaceholderText.js&#45;&gt;../components/text/Text.js -->
-<g id="edge494" class="edge">
-<title>../components/text/PlaceholderText.js&#45;&gt;../components/text/Text.js</title>
-<path fill="none" stroke="#757575" d="M5538.21,-3032.82C5550.36,-3036.89 5561.85,-3042.64 5571.75,-3050.63 5608.18,-3080.04 5584.26,-3109.13 5607.75,-3149.63 5643.68,-3211.59 5702.4,-3272.91 5733.73,-3303.53"/>
-<polygon fill="#757575" stroke="#757575" points="5731.09,-3305.84 5740.71,-3310.27 5735.96,-3300.8 5731.09,-3305.84"/>
-</g>
-<!-- ../components/text/Smallcaps.js&#45;&gt;../components/text/Text.js -->
-<g id="edge495" class="edge">
-<title>../components/text/Smallcaps.js&#45;&gt;../components/text/Text.js</title>
-<path fill="none" stroke="#757575" d="M5521.98,-3524.84C5539.19,-3521.44 5556.41,-3516.29 5571.75,-3508.63 5649.5,-3469.79 5713.83,-3384.94 5741.04,-3345.1"/>
-<polygon fill="#757575" stroke="#757575" points="5743.78,-3347.29 5746.44,-3337.04 5737.97,-3343.4 5743.78,-3347.29"/>
-</g>
-<!-- ../components/text/TruncatedAddress.js&#45;&gt;../components/text/Text.js -->
-<g id="edge496" class="edge">
-<title>../components/text/TruncatedAddress.js&#45;&gt;../components/text/Text.js</title>
-<path fill="none" stroke="#757575" d="M5545.45,-3475.64C5554.5,-3473.15 5563.36,-3470.18 5571.75,-3466.63 5640.39,-3437.64 5705.34,-3376.08 5736.22,-3344.01"/>
-<polygon fill="#757575" stroke="#757575" points="5738.62,-3346.57 5742.96,-3336.9 5733.54,-3341.75 5738.62,-3346.57"/>
-</g>
-<!-- ../components/text/TruncatedENS.js&#45;&gt;../components/text/Text.js -->
-<g id="edge497" class="edge">
-<title>../components/text/TruncatedENS.js&#45;&gt;../components/text/Text.js</title>
-<path fill="none" stroke="#757575" d="M5534.69,-3434.33C5547.35,-3431.74 5559.93,-3428.55 5571.75,-3424.63 5631.38,-3404.86 5694.07,-3365.72 5728.47,-3342.39"/>
-<polygon fill="#757575" stroke="#757575" points="5730.3,-3345.38 5736.56,-3336.84 5726.33,-3339.61 5730.3,-3345.38"/>
-</g>
-<!-- ../components/text/TruncatedText.js&#45;&gt;../components/text/Text.js -->
-<g id="edge498" class="edge">
-<title>../components/text/TruncatedText.js&#45;&gt;../components/text/Text.js</title>
-<path fill="none" stroke="#757575" d="M5502.14,-3391.3C5524.83,-3387.45 5549.32,-3382.82 5571.75,-3377.63 5618.16,-3366.89 5670.18,-3351.2 5706.91,-3339.5"/>
-<polygon fill="#757575" stroke="#757575" points="5707.9,-3342.86 5716.35,-3336.47 5705.76,-3336.19 5707.9,-3342.86"/>
-</g>
-<!-- ../components/toasts/TestnetToast.js&#45;&gt;../components/text/index.js -->
-<g id="edge518" class="edge">
-<title>../components/toasts/TestnetToast.js&#45;&gt;../components/text/index.js</title>
-<path fill="none" stroke="#757575" d="M4857.78,-3219.28C4875.91,-3215.79 4894.28,-3211.33 4911.25,-3205.63 4966.75,-3187 5025.62,-3151.84 5059.08,-3130.21"/>
-<polygon fill="#757575" stroke="#757575" points="5060.91,-3133.19 5067.35,-3124.79 5057.07,-3127.34 5060.91,-3133.19"/>
-</g>
-<!-- ../components/toasts/TestnetToast.js&#45;&gt;../components/icons/index.js -->
-<g id="edge517" class="edge">
-<title>../components/toasts/TestnetToast.js&#45;&gt;../components/icons/index.js</title>
-<path fill="none" stroke="#757575" d="M4861.99,-3230.11C4880.01,-3225.38 4897.25,-3217.7 4911.25,-3205.63 4951.81,-3170.66 4918.02,-3135.51 4947.25,-3090.63 5037.8,-2951.62 5111.33,-2962.58 5228,-2844.63 5245.29,-2827.15 5242.43,-2814.43 5264,-2802.63 5385.17,-2736.36 5439.72,-2800.14 5571.75,-2759.63 5628.96,-2742.08 5690.41,-2708.53 5725.63,-2687.72"/>
-<polygon fill="#757575" stroke="#757575" points="5727.18,-2690.88 5733.96,-2682.74 5723.59,-2684.87 5727.18,-2690.88"/>
-</g>
-<!-- ../components/toasts/ToastPositionContainer.js&#45;&gt;../components/layout/index.js -->
-<g id="edge519" class="edge">
-<title>../components/toasts/ToastPositionContainer.js&#45;&gt;../components/layout/index.js</title>
-<path fill="none" stroke="#757575" d="M5902.24,-3981.26C6030.65,-3973.78 6204.98,-3973.23 6254,-4019.63 6308.37,-4071.11 6237.76,-4301 6290,-4354.63 6303.6,-4368.6 6321.72,-4376.43 6340.8,-4380.45"/>
-<polygon fill="#757575" stroke="#757575" points="6340.18,-4383.9 6350.62,-4382.14 6341.36,-4377 6340.18,-4383.9"/>
-</g>
-<!-- ../helpers/validators.ts -->
-<g id="node275" class="node">
-<title>../helpers/validators.ts</title>
-<path fill="none" stroke="#c6c5fe" d="M1825.83,-3892.51C1825.83,-3892.51 1694.42,-3892.51 1694.42,-3892.51 1690.46,-3892.51 1686.5,-3888.55 1686.5,-3884.59 1686.5,-3884.59 1686.5,-3876.67 1686.5,-3876.67 1686.5,-3872.72 1690.46,-3868.76 1694.42,-3868.76 1694.42,-3868.76 1825.83,-3868.76 1825.83,-3868.76 1829.79,-3868.76 1833.75,-3872.72 1833.75,-3876.67 1833.75,-3876.67 1833.75,-3884.59 1833.75,-3884.59 1833.75,-3888.55 1829.79,-3892.51 1825.83,-3892.51"/>
-<text text-anchor="middle" x="1760.12" y="-3875.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../helpers/validators.ts</text>
-</g>
-<!-- ../utils/memoFn.ts -->
-<g id="node276" class="node">
-<title>../utils/memoFn.ts</title>
-<path fill="none" stroke="#cfffac" d="M2291.46,-3937.51C2291.46,-3937.51 2183.29,-3937.51 2183.29,-3937.51 2179.33,-3937.51 2175.38,-3933.55 2175.38,-3929.59 2175.38,-3929.59 2175.38,-3921.67 2175.38,-3921.67 2175.38,-3917.72 2179.33,-3913.76 2183.29,-3913.76 2183.29,-3913.76 2291.46,-3913.76 2291.46,-3913.76 2295.42,-3913.76 2299.38,-3917.72 2299.38,-3921.67 2299.38,-3921.67 2299.38,-3929.59 2299.38,-3929.59 2299.38,-3933.55 2295.42,-3937.51 2291.46,-3937.51"/>
-<text text-anchor="middle" x="2237.38" y="-3920.21" font-family="Arial" font-size="14.00" fill="#cfffac">../utils/memoFn.ts</text>
-</g>
-<!-- ../helpers/validators.ts&#45;&gt;../utils/memoFn.ts -->
-<g id="edge526" class="edge">
-<title>../helpers/validators.ts&#45;&gt;../utils/memoFn.ts</title>
-<path fill="none" stroke="#757575" d="M1834.08,-3887.54C1923.57,-3896.01 2074.36,-3910.29 2163.71,-3918.75"/>
-<polygon fill="#757575" stroke="#757575" points="2163.31,-3922.23 2173.59,-3919.69 2163.97,-3915.26 2163.31,-3922.23"/>
-</g>
-<!-- ../languages/ar_AR.json -->
-<g id="node282" class="node">
-<title>../languages/ar_AR.json</title>
-<path fill="none" stroke="#cfffac" d="M2734.21,-3377.51C2734.21,-3377.51 2590.04,-3377.51 2590.04,-3377.51 2586.08,-3377.51 2582.12,-3373.55 2582.12,-3369.59 2582.12,-3369.59 2582.12,-3361.67 2582.12,-3361.67 2582.12,-3357.72 2586.08,-3353.76 2590.04,-3353.76 2590.04,-3353.76 2734.21,-3353.76 2734.21,-3353.76 2738.17,-3353.76 2742.12,-3357.72 2742.12,-3361.67 2742.12,-3361.67 2742.12,-3369.59 2742.12,-3369.59 2742.12,-3373.55 2738.17,-3377.51 2734.21,-3377.51"/>
-<text text-anchor="middle" x="2662.12" y="-3360.21" font-family="Arial" font-size="14.00" fill="#cfffac">../languages/ar_AR.json</text>
-</g>
-<!-- ../languages/index.ts&#45;&gt;../languages/ar_AR.json -->
-<g id="edge532" class="edge">
-<title>../languages/index.ts&#45;&gt;../languages/ar_AR.json</title>
-<path fill="none" stroke="#757575" d="M2254.75,-3167.97C2300.37,-3201.73 2433.77,-3296.28 2559.25,-3344.63 2564.59,-3346.69 2570.17,-3348.56 2575.84,-3350.26"/>
-<polygon fill="#757575" stroke="#757575" points="2574.81,-3353.6 2585.39,-3352.91 2576.69,-3346.86 2574.81,-3353.6"/>
-</g>
-<!-- ../languages/en_US.json -->
-<g id="node283" class="node">
-<title>../languages/en_US.json</title>
-<path fill="none" stroke="#cfffac" d="M2735.71,-3335.51C2735.71,-3335.51 2588.54,-3335.51 2588.54,-3335.51 2584.58,-3335.51 2580.62,-3331.55 2580.62,-3327.59 2580.62,-3327.59 2580.62,-3319.67 2580.62,-3319.67 2580.62,-3315.72 2584.58,-3311.76 2588.54,-3311.76 2588.54,-3311.76 2735.71,-3311.76 2735.71,-3311.76 2739.67,-3311.76 2743.62,-3315.72 2743.62,-3319.67 2743.62,-3319.67 2743.62,-3327.59 2743.62,-3327.59 2743.62,-3331.55 2739.67,-3335.51 2735.71,-3335.51"/>
-<text text-anchor="middle" x="2662.12" y="-3318.21" font-family="Arial" font-size="14.00" fill="#cfffac">../languages/en_US.json</text>
-</g>
-<!-- ../languages/index.ts&#45;&gt;../languages/en_US.json -->
-<g id="edge533" class="edge">
-<title>../languages/index.ts&#45;&gt;../languages/en_US.json</title>
-<path fill="none" stroke="#757575" d="M2260.62,-3167.97C2311.8,-3195.88 2442.49,-3264.4 2559.25,-3302.63 2565.84,-3304.79 2572.74,-3306.77 2579.72,-3308.58"/>
-<polygon fill="#757575" stroke="#757575" points="2578.69,-3311.93 2589.24,-3310.93 2580.36,-3305.14 2578.69,-3311.93"/>
-</g>
-<!-- ../languages/es_419.json -->
-<g id="node284" class="node">
-<title>../languages/es_419.json</title>
-<path fill="none" stroke="#cfffac" d="M2737.21,-3293.51C2737.21,-3293.51 2587.04,-3293.51 2587.04,-3293.51 2583.08,-3293.51 2579.12,-3289.55 2579.12,-3285.59 2579.12,-3285.59 2579.12,-3277.67 2579.12,-3277.67 2579.12,-3273.72 2583.08,-3269.76 2587.04,-3269.76 2587.04,-3269.76 2737.21,-3269.76 2737.21,-3269.76 2741.17,-3269.76 2745.12,-3273.72 2745.12,-3277.67 2745.12,-3277.67 2745.12,-3285.59 2745.12,-3285.59 2745.12,-3289.55 2741.17,-3293.51 2737.21,-3293.51"/>
-<text text-anchor="middle" x="2662.12" y="-3276.21" font-family="Arial" font-size="14.00" fill="#cfffac">../languages/es_419.json</text>
-</g>
-<!-- ../languages/index.ts&#45;&gt;../languages/es_419.json -->
-<g id="edge534" class="edge">
-<title>../languages/index.ts&#45;&gt;../languages/es_419.json</title>
-<path fill="none" stroke="#757575" d="M2271.72,-3167.93C2329.62,-3188.97 2452.75,-3232.33 2559.25,-3260.63 2567.38,-3262.79 2575.93,-3264.86 2584.46,-3266.8"/>
-<polygon fill="#757575" stroke="#757575" points="2583.65,-3270.21 2594.17,-3268.95 2585.17,-3263.37 2583.65,-3270.21"/>
-</g>
-<!-- ../languages/fr_FR.json -->
-<g id="node285" class="node">
-<title>../languages/fr_FR.json</title>
-<path fill="none" stroke="#cfffac" d="M2731.96,-3251.51C2731.96,-3251.51 2592.29,-3251.51 2592.29,-3251.51 2588.33,-3251.51 2584.38,-3247.55 2584.38,-3243.59 2584.38,-3243.59 2584.38,-3235.67 2584.38,-3235.67 2584.38,-3231.72 2588.33,-3227.76 2592.29,-3227.76 2592.29,-3227.76 2731.96,-3227.76 2731.96,-3227.76 2735.92,-3227.76 2739.88,-3231.72 2739.88,-3235.67 2739.88,-3235.67 2739.88,-3243.59 2739.88,-3243.59 2739.88,-3247.55 2735.92,-3251.51 2731.96,-3251.51"/>
-<text text-anchor="middle" x="2662.12" y="-3234.21" font-family="Arial" font-size="14.00" fill="#cfffac">../languages/fr_FR.json</text>
-</g>
-<!-- ../languages/index.ts&#45;&gt;../languages/fr_FR.json -->
-<g id="edge535" class="edge">
-<title>../languages/index.ts&#45;&gt;../languages/fr_FR.json</title>
-<path fill="none" stroke="#757575" d="M2300.3,-3167.94C2376.74,-3183.13 2506.58,-3208.92 2587.89,-3225.08"/>
-<polygon fill="#757575" stroke="#757575" points="2587.06,-3228.48 2597.55,-3227 2588.42,-3221.62 2587.06,-3228.48"/>
-</g>
-<!-- ../languages/hi_IN.json -->
-<g id="node286" class="node">
-<title>../languages/hi_IN.json</title>
-<path fill="none" stroke="#cfffac" d="M2730.83,-3209.51C2730.83,-3209.51 2593.42,-3209.51 2593.42,-3209.51 2589.46,-3209.51 2585.5,-3205.55 2585.5,-3201.59 2585.5,-3201.59 2585.5,-3193.67 2585.5,-3193.67 2585.5,-3189.72 2589.46,-3185.76 2593.42,-3185.76 2593.42,-3185.76 2730.83,-3185.76 2730.83,-3185.76 2734.79,-3185.76 2738.75,-3189.72 2738.75,-3193.67 2738.75,-3193.67 2738.75,-3201.59 2738.75,-3201.59 2738.75,-3205.55 2734.79,-3209.51 2730.83,-3209.51"/>
-<text text-anchor="middle" x="2662.12" y="-3192.21" font-family="Arial" font-size="14.00" fill="#cfffac">../languages/hi_IN.json</text>
-</g>
-<!-- ../languages/index.ts&#45;&gt;../languages/hi_IN.json -->
-<g id="edge536" class="edge">
-<title>../languages/index.ts&#45;&gt;../languages/hi_IN.json</title>
-<path fill="none" stroke="#757575" d="M2307.71,-3162.52C2380.49,-3169.75 2495.1,-3181.14 2573.96,-3188.97"/>
-<polygon fill="#757575" stroke="#757575" points="2573.52,-3192.45 2583.82,-3189.95 2574.21,-3185.48 2573.52,-3192.45"/>
-</g>
-<!-- ../languages/id_ID.json -->
-<g id="node287" class="node">
-<title>../languages/id_ID.json</title>
-<path fill="none" stroke="#cfffac" d="M2730.83,-3167.51C2730.83,-3167.51 2593.42,-3167.51 2593.42,-3167.51 2589.46,-3167.51 2585.5,-3163.55 2585.5,-3159.59 2585.5,-3159.59 2585.5,-3151.67 2585.5,-3151.67 2585.5,-3147.72 2589.46,-3143.76 2593.42,-3143.76 2593.42,-3143.76 2730.83,-3143.76 2730.83,-3143.76 2734.79,-3143.76 2738.75,-3147.72 2738.75,-3151.67 2738.75,-3151.67 2738.75,-3159.59 2738.75,-3159.59 2738.75,-3163.55 2734.79,-3167.51 2730.83,-3167.51"/>
-<text text-anchor="middle" x="2662.12" y="-3150.21" font-family="Arial" font-size="14.00" fill="#cfffac">../languages/id_ID.json</text>
-</g>
-<!-- ../languages/index.ts&#45;&gt;../languages/id_ID.json -->
-<g id="edge537" class="edge">
-<title>../languages/index.ts&#45;&gt;../languages/id_ID.json</title>
-<path fill="none" stroke="#757575" d="M2307.71,-3155.63C2380.49,-3155.63 2495.1,-3155.63 2573.96,-3155.63"/>
-<polygon fill="#757575" stroke="#757575" points="2573.81,-3159.13 2583.81,-3155.63 2573.81,-3152.13 2573.81,-3159.13"/>
-</g>
-<!-- ../languages/ja_JP.json -->
-<g id="node288" class="node">
-<title>../languages/ja_JP.json</title>
-<path fill="none" stroke="#cfffac" d="M2731.21,-3125.51C2731.21,-3125.51 2593.04,-3125.51 2593.04,-3125.51 2589.08,-3125.51 2585.12,-3121.55 2585.12,-3117.59 2585.12,-3117.59 2585.12,-3109.67 2585.12,-3109.67 2585.12,-3105.72 2589.08,-3101.76 2593.04,-3101.76 2593.04,-3101.76 2731.21,-3101.76 2731.21,-3101.76 2735.17,-3101.76 2739.12,-3105.72 2739.12,-3109.67 2739.12,-3109.67 2739.12,-3117.59 2739.12,-3117.59 2739.12,-3121.55 2735.17,-3125.51 2731.21,-3125.51"/>
-<text text-anchor="middle" x="2662.12" y="-3108.21" font-family="Arial" font-size="14.00" fill="#cfffac">../languages/ja_JP.json</text>
-</g>
-<!-- ../languages/index.ts&#45;&gt;../languages/ja_JP.json -->
-<g id="edge538" class="edge">
-<title>../languages/index.ts&#45;&gt;../languages/ja_JP.json</title>
-<path fill="none" stroke="#757575" d="M2307.71,-3148.74C2380.38,-3141.52 2494.75,-3130.16 2573.59,-3122.33"/>
-<polygon fill="#757575" stroke="#757575" points="2573.85,-3125.82 2583.45,-3121.35 2573.16,-3118.85 2573.85,-3125.82"/>
-</g>
-<!-- ../languages/ko_KR.json -->
-<g id="node289" class="node">
-<title>../languages/ko_KR.json</title>
-<path fill="none" stroke="#cfffac" d="M2735.33,-3083.51C2735.33,-3083.51 2588.92,-3083.51 2588.92,-3083.51 2584.96,-3083.51 2581,-3079.55 2581,-3075.59 2581,-3075.59 2581,-3067.67 2581,-3067.67 2581,-3063.72 2584.96,-3059.76 2588.92,-3059.76 2588.92,-3059.76 2735.33,-3059.76 2735.33,-3059.76 2739.29,-3059.76 2743.25,-3063.72 2743.25,-3067.67 2743.25,-3067.67 2743.25,-3075.59 2743.25,-3075.59 2743.25,-3079.55 2739.29,-3083.51 2735.33,-3083.51"/>
-<text text-anchor="middle" x="2662.12" y="-3066.21" font-family="Arial" font-size="14.00" fill="#cfffac">../languages/ko_KR.json</text>
-</g>
-<!-- ../languages/index.ts&#45;&gt;../languages/ko_KR.json -->
-<g id="edge539" class="edge">
-<title>../languages/index.ts&#45;&gt;../languages/ko_KR.json</title>
-<path fill="none" stroke="#757575" d="M2300.3,-3143.33C2376.74,-3128.14 2506.58,-3102.34 2587.89,-3086.18"/>
-<polygon fill="#757575" stroke="#757575" points="2588.42,-3089.65 2597.55,-3084.26 2587.06,-3082.78 2588.42,-3089.65"/>
-</g>
-<!-- ../languages/pt_BR.json -->
-<g id="node290" class="node">
-<title>../languages/pt_BR.json</title>
-<path fill="none" stroke="#cfffac" d="M2733.83,-3041.51C2733.83,-3041.51 2590.42,-3041.51 2590.42,-3041.51 2586.46,-3041.51 2582.5,-3037.55 2582.5,-3033.59 2582.5,-3033.59 2582.5,-3025.67 2582.5,-3025.67 2582.5,-3021.72 2586.46,-3017.76 2590.42,-3017.76 2590.42,-3017.76 2733.83,-3017.76 2733.83,-3017.76 2737.79,-3017.76 2741.75,-3021.72 2741.75,-3025.67 2741.75,-3025.67 2741.75,-3033.59 2741.75,-3033.59 2741.75,-3037.55 2737.79,-3041.51 2733.83,-3041.51"/>
-<text text-anchor="middle" x="2662.12" y="-3024.21" font-family="Arial" font-size="14.00" fill="#cfffac">../languages/pt_BR.json</text>
-</g>
-<!-- ../languages/index.ts&#45;&gt;../languages/pt_BR.json -->
-<g id="edge540" class="edge">
-<title>../languages/index.ts&#45;&gt;../languages/pt_BR.json</title>
-<path fill="none" stroke="#757575" d="M2271.72,-3143.33C2329.62,-3122.3 2452.75,-3078.94 2559.25,-3050.63 2567.38,-3048.47 2575.93,-3046.4 2584.46,-3044.46"/>
-<polygon fill="#757575" stroke="#757575" points="2585.17,-3047.89 2594.17,-3042.31 2583.65,-3041.06 2585.17,-3047.89"/>
-</g>
-<!-- ../languages/ru_RU.json -->
-<g id="node291" class="node">
-<title>../languages/ru_RU.json</title>
-<path fill="none" stroke="#cfffac" d="M2734.58,-2999.51C2734.58,-2999.51 2589.67,-2999.51 2589.67,-2999.51 2585.71,-2999.51 2581.75,-2995.55 2581.75,-2991.59 2581.75,-2991.59 2581.75,-2983.67 2581.75,-2983.67 2581.75,-2979.72 2585.71,-2975.76 2589.67,-2975.76 2589.67,-2975.76 2734.58,-2975.76 2734.58,-2975.76 2738.54,-2975.76 2742.5,-2979.72 2742.5,-2983.67 2742.5,-2983.67 2742.5,-2991.59 2742.5,-2991.59 2742.5,-2995.55 2738.54,-2999.51 2734.58,-2999.51"/>
-<text text-anchor="middle" x="2662.12" y="-2982.21" font-family="Arial" font-size="14.00" fill="#cfffac">../languages/ru_RU.json</text>
-</g>
-<!-- ../languages/index.ts&#45;&gt;../languages/ru_RU.json -->
-<g id="edge541" class="edge">
-<title>../languages/index.ts&#45;&gt;../languages/ru_RU.json</title>
-<path fill="none" stroke="#757575" d="M2260.62,-3143.29C2311.8,-3115.38 2442.49,-3046.86 2559.25,-3008.63 2565.84,-3006.47 2572.74,-3004.49 2579.72,-3002.68"/>
-<polygon fill="#757575" stroke="#757575" points="2580.36,-3006.13 2589.24,-3000.34 2578.69,-2999.33 2580.36,-3006.13"/>
-</g>
-<!-- ../languages/th_TH.json -->
-<g id="node292" class="node">
-<title>../languages/th_TH.json</title>
-<path fill="none" stroke="#cfffac" d="M2733.46,-2957.51C2733.46,-2957.51 2590.79,-2957.51 2590.79,-2957.51 2586.83,-2957.51 2582.88,-2953.55 2582.88,-2949.59 2582.88,-2949.59 2582.88,-2941.67 2582.88,-2941.67 2582.88,-2937.72 2586.83,-2933.76 2590.79,-2933.76 2590.79,-2933.76 2733.46,-2933.76 2733.46,-2933.76 2737.42,-2933.76 2741.38,-2937.72 2741.38,-2941.67 2741.38,-2941.67 2741.38,-2949.59 2741.38,-2949.59 2741.38,-2953.55 2737.42,-2957.51 2733.46,-2957.51"/>
-<text text-anchor="middle" x="2662.12" y="-2940.21" font-family="Arial" font-size="14.00" fill="#cfffac">../languages/th_TH.json</text>
-</g>
-<!-- ../languages/index.ts&#45;&gt;../languages/th_TH.json -->
-<g id="edge542" class="edge">
-<title>../languages/index.ts&#45;&gt;../languages/th_TH.json</title>
-<path fill="none" stroke="#757575" d="M2254.75,-3143.29C2300.37,-3109.53 2433.77,-3014.98 2559.25,-2966.63 2564.59,-2964.57 2570.17,-2962.7 2575.84,-2961.01"/>
-<polygon fill="#757575" stroke="#757575" points="2576.69,-2964.41 2585.39,-2958.36 2574.81,-2957.66 2576.69,-2964.41"/>
-</g>
-<!-- ../languages/tr_TR.json -->
-<g id="node293" class="node">
-<title>../languages/tr_TR.json</title>
-<path fill="none" stroke="#cfffac" d="M2731.96,-3461.51C2731.96,-3461.51 2592.29,-3461.51 2592.29,-3461.51 2588.33,-3461.51 2584.38,-3457.55 2584.38,-3453.59 2584.38,-3453.59 2584.38,-3445.67 2584.38,-3445.67 2584.38,-3441.72 2588.33,-3437.76 2592.29,-3437.76 2592.29,-3437.76 2731.96,-3437.76 2731.96,-3437.76 2735.92,-3437.76 2739.88,-3441.72 2739.88,-3445.67 2739.88,-3445.67 2739.88,-3453.59 2739.88,-3453.59 2739.88,-3457.55 2735.92,-3461.51 2731.96,-3461.51"/>
-<text text-anchor="middle" x="2662.12" y="-3444.21" font-family="Arial" font-size="14.00" fill="#cfffac">../languages/tr_TR.json</text>
-</g>
-<!-- ../languages/index.ts&#45;&gt;../languages/tr_TR.json -->
-<g id="edge543" class="edge">
-<title>../languages/index.ts&#45;&gt;../languages/tr_TR.json</title>
-<path fill="none" stroke="#757575" d="M2248.52,-3167.86C2285.24,-3211.26 2416.62,-3359.01 2559.25,-3428.63 2563.75,-3430.83 2568.48,-3432.8 2573.32,-3434.56"/>
-<polygon fill="#757575" stroke="#757575" points="2572.05,-3437.83 2582.64,-3437.63 2574.24,-3431.18 2572.05,-3437.83"/>
-</g>
-<!-- ../languages/zh_CN.json -->
-<g id="node294" class="node">
-<title>../languages/zh_CN.json</title>
-<path fill="none" stroke="#cfffac" d="M2735.71,-3419.51C2735.71,-3419.51 2588.54,-3419.51 2588.54,-3419.51 2584.58,-3419.51 2580.62,-3415.55 2580.62,-3411.59 2580.62,-3411.59 2580.62,-3403.67 2580.62,-3403.67 2580.62,-3399.72 2584.58,-3395.76 2588.54,-3395.76 2588.54,-3395.76 2735.71,-3395.76 2735.71,-3395.76 2739.67,-3395.76 2743.62,-3399.72 2743.62,-3403.67 2743.62,-3403.67 2743.62,-3411.59 2743.62,-3411.59 2743.62,-3415.55 2739.67,-3419.51 2735.71,-3419.51"/>
-<text text-anchor="middle" x="2662.12" y="-3402.21" font-family="Arial" font-size="14.00" fill="#cfffac">../languages/zh_CN.json</text>
-</g>
-<!-- ../languages/index.ts&#45;&gt;../languages/zh_CN.json -->
-<g id="edge544" class="edge">
-<title>../languages/index.ts&#45;&gt;../languages/zh_CN.json</title>
-<path fill="none" stroke="#757575" d="M2250.87,-3167.75C2291.52,-3206.41 2425.06,-3327.73 2559.25,-3386.63 2563.74,-3388.6 2568.43,-3390.39 2573.22,-3392.02"/>
-<polygon fill="#757575" stroke="#757575" points="2571.8,-3395.24 2582.39,-3394.87 2573.87,-3388.56 2571.8,-3395.24"/>
-</g>
-<!-- ../redux/settings.ts&#45;&gt;../languages/index.ts -->
-<g id="edge545" class="edge">
-<title>../redux/settings.ts&#45;&gt;../languages/index.ts</title>
-<path fill="none" stroke="#757575" d="M1813.42,-2892.94C1844.06,-2901.2 1883,-2913.51 1915.5,-2929.63 2037.04,-2989.92 2163.62,-3093.14 2213.88,-3136.04"/>
-<polygon fill="#757575" stroke="#757575" points="2211.35,-3138.48 2221.21,-3142.34 2215.91,-3133.17 2211.35,-3138.48"/>
-</g>
-<!-- ../hooks/usePrevious.ts -->
-<g id="node280" class="node">
-<title>../hooks/usePrevious.ts</title>
-<path fill="none" stroke="#cfffac" d="M2731.96,-3617.51C2731.96,-3617.51 2592.29,-3617.51 2592.29,-3617.51 2588.33,-3617.51 2584.38,-3613.55 2584.38,-3609.59 2584.38,-3609.59 2584.38,-3601.67 2584.38,-3601.67 2584.38,-3597.72 2588.33,-3593.76 2592.29,-3593.76 2592.29,-3593.76 2731.96,-3593.76 2731.96,-3593.76 2735.92,-3593.76 2739.88,-3597.72 2739.88,-3601.67 2739.88,-3601.67 2739.88,-3609.59 2739.88,-3609.59 2739.88,-3613.55 2735.92,-3617.51 2731.96,-3617.51"/>
-<text text-anchor="middle" x="2662.12" y="-3600.21" font-family="Arial" font-size="14.00" fill="#cfffac">../hooks/usePrevious.ts</text>
-</g>
-<!-- ../hooks/useAppState.ts&#45;&gt;../hooks/usePrevious.ts -->
-<g id="edge529" class="edge">
-<title>../hooks/useAppState.ts&#45;&gt;../hooks/usePrevious.ts</title>
-<path fill="none" stroke="#757575" d="M2316.9,-3605.63C2389.47,-3605.63 2497.16,-3605.63 2572.72,-3605.63"/>
-<polygon fill="#757575" stroke="#757575" points="2572.58,-3609.13 2582.58,-3605.63 2572.58,-3602.13 2572.58,-3609.13"/>
-</g>
-<!-- ../styles/borders.js -->
-<g id="node295" class="node">
-<title>../styles/borders.js</title>
-<path fill="none" stroke="#c6c5fe" d="M2291.83,-4386.51C2291.83,-4386.51 2182.92,-4386.51 2182.92,-4386.51 2178.96,-4386.51 2175,-4382.55 2175,-4378.59 2175,-4378.59 2175,-4370.67 2175,-4370.67 2175,-4366.72 2178.96,-4362.76 2182.92,-4362.76 2182.92,-4362.76 2291.83,-4362.76 2291.83,-4362.76 2295.79,-4362.76 2299.75,-4366.72 2299.75,-4370.67 2299.75,-4370.67 2299.75,-4378.59 2299.75,-4378.59 2299.75,-4382.55 2295.79,-4386.51 2291.83,-4386.51"/>
-<text text-anchor="middle" x="2237.38" y="-4369.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../styles/borders.js</text>
-</g>
-<!-- ../styles/position.js -->
-<g id="node296" class="node">
-<title>../styles/position.js</title>
-<path fill="none" stroke="#c6c5fe" d="M2716.96,-4428.51C2716.96,-4428.51 2607.29,-4428.51 2607.29,-4428.51 2603.33,-4428.51 2599.38,-4424.55 2599.38,-4420.59 2599.38,-4420.59 2599.38,-4412.67 2599.38,-4412.67 2599.38,-4408.72 2603.33,-4404.76 2607.29,-4404.76 2607.29,-4404.76 2716.96,-4404.76 2716.96,-4404.76 2720.92,-4404.76 2724.88,-4408.72 2724.88,-4412.67 2724.88,-4412.67 2724.88,-4420.59 2724.88,-4420.59 2724.88,-4424.55 2720.92,-4428.51 2716.96,-4428.51"/>
-<text text-anchor="middle" x="2662.12" y="-4411.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../styles/position.js</text>
-</g>
-<!-- ../styles/borders.js&#45;&gt;../styles/position.js -->
-<g id="edge546" class="edge">
-<title>../styles/borders.js&#45;&gt;../styles/position.js</title>
-<path fill="none" stroke="#757575" d="M2300.19,-4377.8C2357.98,-4381.09 2446.62,-4386.98 2523.25,-4395.63 2544.26,-4398 2566.98,-4401.2 2587.8,-4404.38"/>
-<polygon fill="#757575" stroke="#757575" points="2587.23,-4407.84 2597.65,-4405.91 2588.31,-4400.92 2587.23,-4407.84"/>
-</g>
-<!-- ../styles/buildLayoutStyles.js -->
-<g id="node298" class="node">
-<title>../styles/buildLayoutStyles.js</title>
-<path fill="none" stroke="#cfffac" d="M3043.46,-4428.51C3043.46,-4428.51 2874.54,-4428.51 2874.54,-4428.51 2870.58,-4428.51 2866.62,-4424.55 2866.62,-4420.59 2866.62,-4420.59 2866.62,-4412.67 2866.62,-4412.67 2866.62,-4408.72 2870.58,-4404.76 2874.54,-4404.76 2874.54,-4404.76 3043.46,-4404.76 3043.46,-4404.76 3047.42,-4404.76 3051.38,-4408.72 3051.38,-4412.67 3051.38,-4412.67 3051.38,-4420.59 3051.38,-4420.59 3051.38,-4424.55 3047.42,-4428.51 3043.46,-4428.51"/>
-<text text-anchor="middle" x="2959" y="-4411.21" font-family="Arial" font-size="14.00" fill="#cfffac">../styles/buildLayoutStyles.js</text>
-</g>
-<!-- ../styles/position.js&#45;&gt;../styles/buildLayoutStyles.js -->
-<g id="edge562" class="edge">
-<title>../styles/position.js&#45;&gt;../styles/buildLayoutStyles.js</title>
-<path fill="none" stroke="#757575" d="M2725.3,-4416.63C2762.84,-4416.63 2811.61,-4416.63 2854.8,-4416.63"/>
-<polygon fill="#757575" stroke="#757575" points="2854.72,-4420.13 2864.72,-4416.63 2854.72,-4413.13 2854.72,-4420.13"/>
-</g>
-<!-- ../styles/buildFlexStyles.js -->
-<g id="node297" class="node">
-<title>../styles/buildFlexStyles.js</title>
-<path fill="none" stroke="#c6c5fe" d="M2314.33,-4428.51C2314.33,-4428.51 2160.42,-4428.51 2160.42,-4428.51 2156.46,-4428.51 2152.5,-4424.55 2152.5,-4420.59 2152.5,-4420.59 2152.5,-4412.67 2152.5,-4412.67 2152.5,-4408.72 2156.46,-4404.76 2160.42,-4404.76 2160.42,-4404.76 2314.33,-4404.76 2314.33,-4404.76 2318.29,-4404.76 2322.25,-4408.72 2322.25,-4412.67 2322.25,-4412.67 2322.25,-4420.59 2322.25,-4420.59 2322.25,-4424.55 2318.29,-4428.51 2314.33,-4428.51"/>
-<text text-anchor="middle" x="2237.38" y="-4411.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../styles/buildFlexStyles.js</text>
-</g>
-<!-- ../styles/buildFlexStyles.js&#45;&gt;../styles/position.js -->
-<g id="edge547" class="edge">
-<title>../styles/buildFlexStyles.js&#45;&gt;../styles/position.js</title>
-<path fill="none" stroke="#757575" d="M2322.66,-4416.63C2400.05,-4416.63 2513.61,-4416.63 2587.45,-4416.63"/>
-<polygon fill="#757575" stroke="#757575" points="2587.44,-4420.13 2597.44,-4416.63 2587.44,-4413.13 2587.44,-4420.13"/>
-</g>
-<!-- ../styles/buildTextStyles.js -->
-<g id="node299" class="node">
-<title>../styles/buildTextStyles.js</title>
-<path fill="none" stroke="#c6c5fe" d="M2313.96,-4302.51C2313.96,-4302.51 2160.79,-4302.51 2160.79,-4302.51 2156.83,-4302.51 2152.88,-4298.55 2152.88,-4294.59 2152.88,-4294.59 2152.88,-4286.67 2152.88,-4286.67 2152.88,-4282.72 2156.83,-4278.76 2160.79,-4278.76 2160.79,-4278.76 2313.96,-4278.76 2313.96,-4278.76 2317.92,-4278.76 2321.88,-4282.72 2321.88,-4286.67 2321.88,-4286.67 2321.88,-4294.59 2321.88,-4294.59 2321.88,-4298.55 2317.92,-4302.51 2313.96,-4302.51"/>
-<text text-anchor="middle" x="2237.38" y="-4285.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../styles/buildTextStyles.js</text>
-</g>
-<!-- ../styles/fonts.js -->
-<g id="node300" class="node">
-<title>../styles/fonts.js</title>
-<path fill="none" stroke="#cfffac" d="M2708.33,-4282.51C2708.33,-4282.51 2615.92,-4282.51 2615.92,-4282.51 2611.96,-4282.51 2608,-4278.55 2608,-4274.59 2608,-4274.59 2608,-4266.67 2608,-4266.67 2608,-4262.72 2611.96,-4258.76 2615.92,-4258.76 2615.92,-4258.76 2708.33,-4258.76 2708.33,-4258.76 2712.29,-4258.76 2716.25,-4262.72 2716.25,-4266.67 2716.25,-4266.67 2716.25,-4274.59 2716.25,-4274.59 2716.25,-4278.55 2712.29,-4282.51 2708.33,-4282.51"/>
-<text text-anchor="middle" x="2662.12" y="-4265.21" font-family="Arial" font-size="14.00" fill="#cfffac">../styles/fonts.js</text>
-</g>
-<!-- ../styles/buildTextStyles.js&#45;&gt;../styles/fonts.js -->
-<g id="edge548" class="edge">
-<title>../styles/buildTextStyles.js&#45;&gt;../styles/fonts.js</title>
-<path fill="none" stroke="#757575" d="M2322.15,-4286.67C2402.69,-4282.86 2522.73,-4277.18 2596.25,-4273.7"/>
-<polygon fill="#757575" stroke="#757575" points="2596.3,-4277.2 2606.12,-4273.23 2595.97,-4270.21 2596.3,-4277.2"/>
-</g>
-<!-- ../styles/calcDirectionToDegrees.js -->
-<g id="node301" class="node">
-<title>../styles/calcDirectionToDegrees.js</title>
-<path fill="none" stroke="#cfffac" d="M2340.21,-4222.51C2340.21,-4222.51 2134.54,-4222.51 2134.54,-4222.51 2130.58,-4222.51 2126.62,-4218.55 2126.62,-4214.59 2126.62,-4214.59 2126.62,-4206.67 2126.62,-4206.67 2126.62,-4202.72 2130.58,-4198.76 2134.54,-4198.76 2134.54,-4198.76 2340.21,-4198.76 2340.21,-4198.76 2344.17,-4198.76 2348.12,-4202.72 2348.12,-4206.67 2348.12,-4206.67 2348.12,-4214.59 2348.12,-4214.59 2348.12,-4218.55 2344.17,-4222.51 2340.21,-4222.51"/>
-<text text-anchor="middle" x="2237.38" y="-4205.21" font-family="Arial" font-size="14.00" fill="#cfffac">../styles/calcDirectionToDegrees.js</text>
-</g>
-<!-- ../styles/colors.ts -->
-<g id="node302" class="node">
-<title>../styles/colors.ts</title>
-<path fill="none" stroke="#ff6c60" d="M1810.08,-4042.51C1810.08,-4042.51 1710.17,-4042.51 1710.17,-4042.51 1706.21,-4042.51 1702.25,-4038.55 1702.25,-4034.59 1702.25,-4034.59 1702.25,-4026.67 1702.25,-4026.67 1702.25,-4022.72 1706.21,-4018.76 1710.17,-4018.76 1710.17,-4018.76 1810.08,-4018.76 1810.08,-4018.76 1814.04,-4018.76 1818,-4022.72 1818,-4026.67 1818,-4026.67 1818,-4034.59 1818,-4034.59 1818,-4038.55 1814.04,-4042.51 1810.08,-4042.51"/>
-<text text-anchor="middle" x="1760.12" y="-4025.21" font-family="Arial" font-size="14.00" fill="#ff6c60">../styles/colors.ts</text>
-</g>
-<!-- ../styles/colors.ts&#45;&gt;../utils/memoFn.ts -->
-<g id="edge550" class="edge">
-<title>../styles/colors.ts&#45;&gt;../utils/memoFn.ts</title>
-<path fill="none" stroke="#757575" d="M1818.18,-4027.36C1847.73,-4024.55 1884.1,-4019.33 1915.5,-4009.63 1932.59,-4004.36 1934.67,-3997.69 1951.5,-3991.63 2021.84,-3966.3 2105.52,-3948.27 2163.92,-3937.53"/>
-<polygon fill="#757575" stroke="#757575" points="2164.18,-3941.04 2173.39,-3935.81 2162.93,-3934.15 2164.18,-3941.04"/>
-</g>
-<!-- ../theme/currentColors.ts -->
-<g id="node303" class="node">
-<title>../theme/currentColors.ts</title>
-<path fill="none" stroke="#ff6c60" d="M2311.71,-4024.51C2311.71,-4024.51 2163.04,-4024.51 2163.04,-4024.51 2159.08,-4024.51 2155.12,-4020.55 2155.12,-4016.59 2155.12,-4016.59 2155.12,-4008.67 2155.12,-4008.67 2155.12,-4004.72 2159.08,-4000.76 2163.04,-4000.76 2163.04,-4000.76 2311.71,-4000.76 2311.71,-4000.76 2315.67,-4000.76 2319.62,-4004.72 2319.62,-4008.67 2319.62,-4008.67 2319.62,-4016.59 2319.62,-4016.59 2319.62,-4020.55 2315.67,-4024.51 2311.71,-4024.51"/>
-<text text-anchor="middle" x="2237.38" y="-4007.21" font-family="Arial" font-size="14.00" fill="#ff6c60">../theme/currentColors.ts</text>
-</g>
-<!-- ../styles/colors.ts&#45;&gt;../theme/currentColors.ts -->
-<g id="edge549" class="edge">
-<title>../styles/colors.ts&#45;&gt;../theme/currentColors.ts</title>
-<path fill="none" stroke="#757575" d="M1818.45,-4023.88C1899.11,-4018.27 2047.01,-4012.37 2143.49,-4010.67"/>
-<polygon fill="#757575" stroke="#757575" points="2143.53,-4014.17 2153.48,-4010.5 2143.42,-4007.17 2143.53,-4014.17"/>
-</g>
-<!-- ../theme/currentColors.ts&#45;&gt;../styles/colors.ts -->
-<g id="edge563" class="edge">
-<title>../theme/currentColors.ts&#45;&gt;../styles/colors.ts</title>
-<path fill="none" stroke="#757575" d="M2154.99,-4020.95C2063.36,-4026.54 1916.05,-4032.01 1829.93,-4032.95"/>
-<polygon fill="#757575" stroke="#757575" points="1829.93,-4029.45 1819.96,-4033.03 1829.99,-4036.45 1829.93,-4029.45"/>
-</g>
-<!-- ../styles/index.js -->
-<g id="node304" class="node">
-<title>../styles/index.js</title>
-<path fill="none" stroke="#c6c5fe" d="M1807.83,-4365.51C1807.83,-4365.51 1712.42,-4365.51 1712.42,-4365.51 1708.46,-4365.51 1704.5,-4361.55 1704.5,-4357.59 1704.5,-4357.59 1704.5,-4349.67 1704.5,-4349.67 1704.5,-4345.72 1708.46,-4341.76 1712.42,-4341.76 1712.42,-4341.76 1807.83,-4341.76 1807.83,-4341.76 1811.79,-4341.76 1815.75,-4345.72 1815.75,-4349.67 1815.75,-4349.67 1815.75,-4357.59 1815.75,-4357.59 1815.75,-4361.55 1811.79,-4365.51 1807.83,-4365.51"/>
-<text text-anchor="middle" x="1760.12" y="-4348.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../styles/index.js</text>
-</g>
-<!-- ../styles/index.js&#45;&gt;../styles/borders.js -->
-<g id="edge551" class="edge">
-<title>../styles/index.js&#45;&gt;../styles/borders.js</title>
-<path fill="none" stroke="#757575" d="M1816.11,-4356.06C1901.92,-4359.85 2067.77,-4367.18 2163.46,-4371.41"/>
-<polygon fill="#757575" stroke="#757575" points="2163.12,-4374.9 2173.26,-4371.84 2163.43,-4367.91 2163.12,-4374.9"/>
-</g>
-<!-- ../styles/index.js&#45;&gt;../styles/position.js -->
-<g id="edge558" class="edge">
-<title>../styles/index.js&#45;&gt;../styles/position.js</title>
-<path fill="none" stroke="#757575" d="M1781.3,-4365.93C1815.05,-4385.71 1885.75,-4423.77 1951.5,-4437.63 2179.49,-4485.7 2457.73,-4451.32 2587.68,-4430.05"/>
-<polygon fill="#757575" stroke="#757575" points="2588.25,-4433.51 2597.54,-4428.41 2587.1,-4426.6 2588.25,-4433.51"/>
-</g>
-<!-- ../styles/index.js&#45;&gt;../styles/buildFlexStyles.js -->
-<g id="edge552" class="edge">
-<title>../styles/index.js&#45;&gt;../styles/buildFlexStyles.js</title>
-<path fill="none" stroke="#757575" d="M1808.11,-4365.97C1846.43,-4375.56 1902.1,-4388.4 1951.5,-4395.63 2014.28,-4404.82 2085.46,-4410.07 2140.96,-4413.02"/>
-<polygon fill="#757575" stroke="#757575" points="2140.52,-4416.51 2150.69,-4413.52 2140.88,-4409.51 2140.52,-4416.51"/>
-</g>
-<!-- ../styles/index.js&#45;&gt;../styles/buildTextStyles.js -->
-<g id="edge553" class="edge">
-<title>../styles/index.js&#45;&gt;../styles/buildTextStyles.js</title>
-<path fill="none" stroke="#757575" d="M1808.11,-4341.29C1846.43,-4331.7 1902.1,-4318.86 1951.5,-4311.63 2014.39,-4302.42 2085.72,-4297.17 2141.26,-4294.22"/>
-<polygon fill="#757575" stroke="#757575" points="2141.19,-4297.73 2151,-4293.72 2140.83,-4290.74 2141.19,-4297.73"/>
-</g>
-<!-- ../styles/index.js&#45;&gt;../styles/fonts.js -->
-<g id="edge555" class="edge">
-<title>../styles/index.js&#45;&gt;../styles/fonts.js</title>
-<path fill="none" stroke="#757575" d="M1787.31,-4341.35C1835.42,-4318.91 1934.49,-4273.22 1951.5,-4269.63 2184.72,-4220.47 2470.71,-4246.18 2596.52,-4261.68"/>
-<polygon fill="#757575" stroke="#757575" points="2595.97,-4265.14 2606.33,-4262.91 2596.84,-4258.19 2595.97,-4265.14"/>
-</g>
-<!-- ../styles/index.js&#45;&gt;../styles/calcDirectionToDegrees.js -->
-<g id="edge554" class="edge">
-<title>../styles/index.js&#45;&gt;../styles/calcDirectionToDegrees.js</title>
-<path fill="none" stroke="#757575" d="M1799.69,-4341.28C1832.68,-4329.45 1880.28,-4309.32 1915.5,-4281.63 1935.64,-4265.8 1928.94,-4248.77 1951.5,-4236.63 2000.91,-4210.05 2062.18,-4201.87 2115.23,-4201.02"/>
-<polygon fill="#757575" stroke="#757575" points="2114.93,-4204.52 2124.9,-4200.96 2114.88,-4197.52 2114.93,-4204.52"/>
-</g>
-<!-- ../styles/margin.js -->
-<g id="node305" class="node">
-<title>../styles/margin.js</title>
-<path fill="none" stroke="#c6c5fe" d="M2289.96,-4344.51C2289.96,-4344.51 2184.79,-4344.51 2184.79,-4344.51 2180.83,-4344.51 2176.88,-4340.55 2176.88,-4336.59 2176.88,-4336.59 2176.88,-4328.67 2176.88,-4328.67 2176.88,-4324.72 2180.83,-4320.76 2184.79,-4320.76 2184.79,-4320.76 2289.96,-4320.76 2289.96,-4320.76 2293.92,-4320.76 2297.88,-4324.72 2297.88,-4328.67 2297.88,-4328.67 2297.88,-4336.59 2297.88,-4336.59 2297.88,-4340.55 2293.92,-4344.51 2289.96,-4344.51"/>
-<text text-anchor="middle" x="2237.38" y="-4327.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../styles/margin.js</text>
-</g>
-<!-- ../styles/index.js&#45;&gt;../styles/margin.js -->
-<g id="edge556" class="edge">
-<title>../styles/index.js&#45;&gt;../styles/margin.js</title>
-<path fill="none" stroke="#757575" d="M1816.11,-4351.2C1902.51,-4347.38 2070.04,-4339.98 2165.42,-4335.77"/>
-<polygon fill="#757575" stroke="#757575" points="2165.33,-4339.27 2175.17,-4335.34 2165.02,-4332.28 2165.33,-4339.27"/>
-</g>
-<!-- ../styles/padding.js -->
-<g id="node306" class="node">
-<title>../styles/padding.js</title>
-<path fill="none" stroke="#c6c5fe" d="M2292.96,-4508.51C2292.96,-4508.51 2181.79,-4508.51 2181.79,-4508.51 2177.83,-4508.51 2173.88,-4504.55 2173.88,-4500.59 2173.88,-4500.59 2173.88,-4492.67 2173.88,-4492.67 2173.88,-4488.72 2177.83,-4484.76 2181.79,-4484.76 2181.79,-4484.76 2292.96,-4484.76 2292.96,-4484.76 2296.92,-4484.76 2300.88,-4488.72 2300.88,-4492.67 2300.88,-4492.67 2300.88,-4500.59 2300.88,-4500.59 2300.88,-4504.55 2296.92,-4508.51 2292.96,-4508.51"/>
-<text text-anchor="middle" x="2237.38" y="-4491.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">../styles/padding.js</text>
-</g>
-<!-- ../styles/index.js&#45;&gt;../styles/padding.js -->
-<g id="edge557" class="edge">
-<title>../styles/index.js&#45;&gt;../styles/padding.js</title>
-<path fill="none" stroke="#757575" d="M1775.71,-4365.95C1806.08,-4390.8 1879.35,-4446.64 1951.5,-4470.63 2020.42,-4493.55 2103.57,-4498.77 2162.2,-4499.03"/>
-<polygon fill="#757575" stroke="#757575" points="2162.07,-4502.53 2172.07,-4499.02 2162.07,-4495.53 2162.07,-4502.53"/>
-</g>
-<!-- ../styles/shadow.js -->
-<g id="node307" class="node">
-<title>../styles/shadow.js</title>
-<path fill="none" stroke="#cfffac" d="M2291.83,-4180.51C2291.83,-4180.51 2182.92,-4180.51 2182.92,-4180.51 2178.96,-4180.51 2175,-4176.55 2175,-4172.59 2175,-4172.59 2175,-4164.67 2175,-4164.67 2175,-4160.72 2178.96,-4156.76 2182.92,-4156.76 2182.92,-4156.76 2291.83,-4156.76 2291.83,-4156.76 2295.79,-4156.76 2299.75,-4160.72 2299.75,-4164.67 2299.75,-4164.67 2299.75,-4172.59 2299.75,-4172.59 2299.75,-4176.55 2295.79,-4180.51 2291.83,-4180.51"/>
-<text text-anchor="middle" x="2237.38" y="-4163.21" font-family="Arial" font-size="14.00" fill="#cfffac">../styles/shadow.js</text>
-</g>
-<!-- ../styles/index.js&#45;&gt;../styles/shadow.js -->
-<g id="edge559" class="edge">
-<title>../styles/index.js&#45;&gt;../styles/shadow.js</title>
-<path fill="none" stroke="#757575" d="M1810.04,-4341.27C1843.65,-4330.52 1887.17,-4311.82 1915.5,-4281.63 1945.55,-4249.62 1916.17,-4215.7 1951.5,-4189.63 2013.48,-4143.9 2105.13,-4145.93 2167.62,-4154.6"/>
-<polygon fill="#757575" stroke="#757575" points="2167.03,-4158.05 2177.44,-4156.07 2168.06,-4151.13 2167.03,-4158.05"/>
-</g>
-<!-- ../styles/margin.js&#45;&gt;../styles/buildLayoutStyles.js -->
-<g id="edge560" class="edge">
-<title>../styles/margin.js&#45;&gt;../styles/buildLayoutStyles.js</title>
-<path fill="none" stroke="#757575" d="M2298.23,-4335.82C2355.96,-4339.18 2445.73,-4345.17 2523.25,-4353.63 2645.09,-4366.93 2785.28,-4388.36 2872.77,-4402.47"/>
-<polygon fill="#757575" stroke="#757575" points="2872.04,-4405.9 2882.47,-4404.04 2873.16,-4398.99 2872.04,-4405.9"/>
-</g>
-<!-- ../styles/padding.js&#45;&gt;../styles/buildLayoutStyles.js -->
-<g id="edge561" class="edge">
-<title>../styles/padding.js&#45;&gt;../styles/buildLayoutStyles.js</title>
-<path fill="none" stroke="#757575" d="M2301.29,-4489.64C2425.58,-4475.82 2703.62,-4444.91 2855,-4428.08"/>
-<polygon fill="#757575" stroke="#757575" points="2855.07,-4431.6 2864.62,-4427.01 2854.3,-4424.64 2855.07,-4431.6"/>
-</g>
-<!-- ../utils/abbreviations.ts&#45;&gt;../helpers/validators.ts -->
-<g id="edge564" class="edge">
-<title>../utils/abbreviations.ts&#45;&gt;../helpers/validators.ts</title>
-<path fill="none" stroke="#757575" d="M1435.05,-3880.63C1503.12,-3880.63 1604.03,-3880.63 1675.12,-3880.63"/>
-<polygon fill="#757575" stroke="#757575" points="1674.75,-3884.13 1684.75,-3880.63 1674.75,-3877.13 1674.75,-3884.13"/>
-</g>
-<!-- ../utils/address.ts&#45;&gt;../helpers/validators.ts -->
-<g id="edge565" class="edge">
-<title>../utils/address.ts&#45;&gt;../helpers/validators.ts</title>
-<path fill="none" stroke="#757575" d="M1418.93,-3799.09C1460.88,-3801.69 1518.79,-3806.97 1568.75,-3817.63 1621.43,-3828.87 1679.98,-3849.54 1718.05,-3864.13"/>
-<polygon fill="#757575" stroke="#757575" points="1716.7,-3867.36 1727.29,-3867.71 1719.23,-3860.84 1716.7,-3867.36"/>
-</g>
-<!-- ../utils/haptics.ts&#45;&gt;../utils/reduceArrayToObject.ts -->
-<g id="edge566" class="edge">
-<title>../utils/haptics.ts&#45;&gt;../utils/reduceArrayToObject.ts</title>
-<path fill="none" stroke="#757575" d="M1416.47,-4004.13C1476.6,-4001.41 1574.22,-3996.99 1649.91,-3993.57"/>
-<polygon fill="#757575" stroke="#757575" points="1650.04,-3997.07 1659.87,-3993.12 1649.72,-3990.08 1650.04,-3997.07"/>
-</g>
-<!-- ../utils/labelhash.ts&#45;&gt;../utils/ens.ts -->
-<g id="edge605" class="edge">
-<title>../utils/labelhash.ts&#45;&gt;../utils/ens.ts</title>
-<path fill="none" stroke="#757575" d="M1423.82,-3160.35C1465.02,-3156.21 1520.1,-3150.65 1568.75,-3145.63 1613.84,-3140.98 1664.92,-3135.61 1702.81,-3131.61"/>
-<polygon fill="#757575" stroke="#757575" points="1703.04,-3135.1 1712.62,-3130.57 1702.31,-3128.14 1703.04,-3135.1"/>
-</g>
-<!-- ../utils/measureText.ts&#45;&gt;../styles/index.js -->
-<g id="edge606" class="edge">
-<title>../utils/measureText.ts&#45;&gt;../styles/index.js</title>
-<path fill="none" stroke="#757575" d="M1434.01,-4497.19C1474.65,-4494.5 1525.62,-4487.97 1568.75,-4472.63 1634.54,-4449.24 1701.49,-4400.31 1735.75,-4373.04"/>
-<polygon fill="#757575" stroke="#757575" points="1737.76,-4375.92 1743.34,-4366.91 1733.36,-4370.47 1737.76,-4375.92"/>
-</g>
-<!-- ../utils/profileUtils.ts&#45;&gt;../styles/colors.ts -->
-<g id="edge607" class="edge">
-<title>../utils/profileUtils.ts&#45;&gt;../styles/colors.ts</title>
-<path fill="none" stroke="#757575" d="M1424.1,-4392.98C1470.33,-4398.1 1531.35,-4396 1568.75,-4359.63 1658.07,-4272.78 1525.42,-4177.7 1604.75,-4081.63 1625.8,-4056.14 1659.9,-4043.3 1690.7,-4036.87"/>
-<polygon fill="#757575" stroke="#757575" points="1691.2,-4040.34 1700.38,-4035.06 1689.91,-4033.46 1691.2,-4040.34"/>
-</g>
-<!-- ExchangeModal.tsx -->
-<g id="node346" class="node">
-<title>ExchangeModal.tsx</title>
-<path fill="none" stroke="#c6c5fe" d="M126.58,-5135.51C126.58,-5135.51 7.92,-5135.51 7.92,-5135.51 3.96,-5135.51 0,-5131.55 0,-5127.59 0,-5127.59 0,-5119.67 0,-5119.67 0,-5115.72 3.96,-5111.76 7.92,-5111.76 7.92,-5111.76 126.58,-5111.76 126.58,-5111.76 130.54,-5111.76 134.5,-5115.72 134.5,-5119.67 134.5,-5119.67 134.5,-5127.59 134.5,-5127.59 134.5,-5131.55 130.54,-5135.51 126.58,-5135.51"/>
-<text text-anchor="middle" x="67.25" y="-5118.21" font-family="Arial" font-size="14.00" fill="#c6c5fe">ExchangeModal.tsx</text>
-</g>
-<!-- ExchangeModal.tsx&#45;&gt;../../shim.js -->
-<g id="edge608" class="edge">
-<title>ExchangeModal.tsx&#45;&gt;../../shim.js</title>
-<path fill="none" stroke="#757575" d="M87.94,-5135.9C108.04,-5147.98 140.48,-5166.22 170.5,-5177.63 188.02,-5184.29 207.82,-5189.68 225.53,-5193.8"/>
-<polygon fill="#757575" stroke="#757575" points="224.53,-5197.16 235.06,-5195.92 226.06,-5190.33 224.53,-5197.16"/>
-</g>
-<!-- ExchangeModal.tsx&#45;&gt;../components/layout/index.js -->
-<g id="edge612" class="edge">
-<title>ExchangeModal.tsx&#45;&gt;../components/layout/index.js</title>
-<path fill="none" stroke="#757575" d="M134.75,-5124.05C233.66,-5124.64 425.38,-5125.63 588.38,-5125.63 588.38,-5125.63 588.38,-5125.63 5757,-5125.63 5867.63,-5125.63 6168.25,-5166.54 6254,-5096.63 6367.49,-5004.11 6430.73,-4512.91 6443.99,-4399.16"/>
-<polygon fill="#757575" stroke="#757575" points="6447.43,-4399.84 6445.1,-4389.51 6440.48,-4399.04 6447.43,-4399.84"/>
-</g>
-<!-- ExchangeModal.tsx&#45;&gt;../hooks/useMagicAutofocus.ts -->
-<g id="edge613" class="edge">
-<title>ExchangeModal.tsx&#45;&gt;../hooks/useMagicAutofocus.ts</title>
-<path fill="none" stroke="#757575" d="M134.6,-5114.41C233.32,-5101.51 424.8,-5079.63 588.38,-5079.63 588.38,-5079.63 588.38,-5079.63 2960,-5079.63 3198.28,-5079.63 3477.57,-5079.16 3628.5,-5078.86"/>
-<polygon fill="#757575" stroke="#757575" points="3628.09,-5082.36 3638.08,-5078.84 3628.07,-5075.36 3628.09,-5082.36"/>
-</g>
-<!-- ExchangeModal.tsx&#45;&gt;../components/exchange/index.ts -->
-<g id="edge609" class="edge">
-<title>ExchangeModal.tsx&#45;&gt;../components/exchange/index.ts</title>
-<path fill="none" stroke="#757575" d="M69.25,-5111.43C83.87,-4932.72 254.38,-2848.09 274.55,-2601.43"/>
-<polygon fill="#757575" stroke="#757575" points="278.04,-2601.74 275.37,-2591.48 271.06,-2601.17 278.04,-2601.74"/>
-</g>
-<!-- ExchangeModal.tsx&#45;&gt;../components/floating&#45;panels/index.js -->
-<g id="edge610" class="edge">
-<title>ExchangeModal.tsx&#45;&gt;../components/floating&#45;panels/index.js</title>
-<path fill="none" stroke="#757575" d="M134.95,-5135.03C146.77,-5136.78 158.98,-5138.4 170.5,-5139.63 355.48,-5159.37 402.35,-5163.63 588.38,-5163.63 588.38,-5163.63 588.38,-5163.63 5088.62,-5163.63 5274.15,-5163.63 5488.74,-5164.42 5623.17,-5165"/>
-<polygon fill="#757575" stroke="#757575" points="5622.79,-5168.5 5632.8,-5165.05 5622.82,-5161.5 5622.79,-5168.5"/>
-</g>
-<!-- ExchangeModal.tsx&#45;&gt;../components/gas/index.js -->
-<g id="edge611" class="edge">
-<title>ExchangeModal.tsx&#45;&gt;../components/gas/index.js</title>
-<path fill="none" stroke="#757575" d="M89.28,-5111.42C109.87,-5099.53 142.18,-5081.05 170.5,-5065.63 429.32,-4924.69 579.4,-4992.87 758.25,-4758.63 803.8,-4698.98 743.87,-4649.27 794.25,-4593.63 906.3,-4469.88 988.21,-4512.35 1151.5,-4477.63 1242.7,-4458.24 1495.48,-4491.29 1568.75,-4433.63 1606.2,-4404.16 1573.63,-4368.72 1604.75,-4332.63 1718.81,-4200.34 1782.45,-4191.61 1951.5,-4147.63 2274.77,-4063.54 2676.35,-4094.42 2859.12,-4115.47"/>
-<polygon fill="#757575" stroke="#757575" points="2858.47,-4118.92 2868.81,-4116.6 2859.29,-4111.97 2858.47,-4118.92"/>
-</g>
-</g>
-</svg>

From e503b17c883cf3c3b3ff7bb64f3fcc70c5c4b6bb Mon Sep 17 00:00:00 2001
From: Matthew Wall <matthew.wallt@gmail.com>
Date: Wed, 16 Oct 2024 15:12:12 -0400
Subject: [PATCH 08/32] revert changes to pbx

---
 ios/Rainbow.xcodeproj/project.pbxproj | 27 +++++++++------------------
 1 file changed, 9 insertions(+), 18 deletions(-)

diff --git a/ios/Rainbow.xcodeproj/project.pbxproj b/ios/Rainbow.xcodeproj/project.pbxproj
index 4fb86da347d..f37d59b5f20 100644
--- a/ios/Rainbow.xcodeproj/project.pbxproj
+++ b/ios/Rainbow.xcodeproj/project.pbxproj
@@ -70,7 +70,6 @@
 		B5CE8FFF29A5758100EB1EFA /* pooly@3x.png in Resources */ = {isa = PBXBuildFile; fileRef = B5CE8FFD29A5758100EB1EFA /* pooly@3x.png */; };
 		B5D7F2F029E8D41E003D6A54 /* finiliar@3x.png in Resources */ = {isa = PBXBuildFile; fileRef = B5D7F2EE29E8D41D003D6A54 /* finiliar@3x.png */; };
 		B5D7F2F129E8D41E003D6A54 /* finiliar@2x.png in Resources */ = {isa = PBXBuildFile; fileRef = B5D7F2EF29E8D41E003D6A54 /* finiliar@2x.png */; };
-		B614E81509614492E871E338 /* libPods-SelectTokenIntent.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 65461177F9DA4D2AF8FDE532 /* libPods-SelectTokenIntent.a */; };
 		C04D10F025AFC8C1003BEF7A /* Extras.json in Resources */ = {isa = PBXBuildFile; fileRef = C04D10EF25AFC8C1003BEF7A /* Extras.json */; };
 		C1038325273C2D0C00B18210 /* PriceWidgetView.swift in Sources */ = {isa = PBXBuildFile; fileRef = C16DCF75272BA7AA00FF5C78 /* PriceWidgetView.swift */; };
 		C1038337273C5C4200B18210 /* PriceWidget.swift in Sources */ = {isa = PBXBuildFile; fileRef = C16DCF62272BA6EF00FF5C78 /* PriceWidget.swift */; };
@@ -279,8 +278,6 @@
 		6B24FBC9AFF649E6E37FF985 /* Pods-PriceWidgetExtension.localrelease.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-PriceWidgetExtension.localrelease.xcconfig"; path = "Target Support Files/Pods-PriceWidgetExtension/Pods-PriceWidgetExtension.localrelease.xcconfig"; sourceTree = "<group>"; };
 		933E17FCCFBF5FB66A730E0B /* libPods-SelectTokenIntent.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-SelectTokenIntent.a"; sourceTree = BUILT_PRODUCTS_DIR; };
 		98AED33BAB4247CEBEF8464D /* libz.tbd */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = "sourcecode.text-based-dylib-definition"; name = libz.tbd; path = usr/lib/libz.tbd; sourceTree = SDKROOT; };
-		9A012A7A01CE319F103A71A9 /* Pods-ImageNotification.localrelease.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-ImageNotification.localrelease.xcconfig"; path = "Target Support Files/Pods-ImageNotification/Pods-ImageNotification.localrelease.xcconfig"; sourceTree = "<group>"; };
-		9BE4E795B009DE2D95F873F7 /* Pods-Rainbow.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-Rainbow.debug.xcconfig"; path = "Target Support Files/Pods-Rainbow/Pods-Rainbow.debug.xcconfig"; sourceTree = "<group>"; };
 		9DEADFA4826D4D0BAA950D21 /* libRNFIRMessaging.a */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = archive.ar; path = libRNFIRMessaging.a; sourceTree = "<group>"; };
 		9E9F7E918EFBFBAF381621C7 /* Pods-Rainbow.staging.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-Rainbow.staging.xcconfig"; path = "Target Support Files/Pods-Rainbow/Pods-Rainbow.staging.xcconfig"; sourceTree = "<group>"; };
 		A4277D9E23CBD1910042BAF4 /* Extensions.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = Extensions.swift; sourceTree = "<group>"; };
@@ -345,7 +342,6 @@
 		C1C61A6C272C9C8D00E5C0B3 /* UIImage.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = UIImage.swift; sourceTree = "<group>"; };
 		C1C61A81272CBDA100E5C0B3 /* Images.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; path = Images.xcassets; sourceTree = "<group>"; };
 		C1C61A902731A05700E5C0B3 /* RainbowTokenList.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = RainbowTokenList.swift; sourceTree = "<group>"; };
-		C1D44EFF1CD97D9376360388 /* Pods-ImageNotification.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-ImageNotification.debug.xcconfig"; path = "Target Support Files/Pods-ImageNotification/Pods-ImageNotification.debug.xcconfig"; sourceTree = "<group>"; };
 		C1EB012E2731B68400830E70 /* TokenDetails.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = TokenDetails.swift; sourceTree = "<group>"; };
 		C97EAD8B2BD6C6DF00322D53 /* RCTDeviceUUID.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTDeviceUUID.m; sourceTree = "<group>"; };
 		C97EAD8C2BD6C6DF00322D53 /* RCTDeviceUUID.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTDeviceUUID.h; sourceTree = "<group>"; };
@@ -1127,26 +1123,21 @@
 			buildActionMask = 2147483647;
 			files = (
 			);
+			inputFileListPaths = (
+			);
 			inputPaths = (
-				"${PODS_ROOT}/Target Support Files/Pods-PriceWidgetExtension/Pods-PriceWidgetExtension-resources.sh",
-				"${PODS_CONFIGURATION_BUILD_DIR}/FirebaseABTesting/FirebaseABTesting_Privacy.bundle",
-				"${PODS_CONFIGURATION_BUILD_DIR}/FirebaseCore/FirebaseCore_Privacy.bundle",
-				"${PODS_CONFIGURATION_BUILD_DIR}/FirebaseCoreExtension/FirebaseCoreExtension_Privacy.bundle",
-				"${PODS_CONFIGURATION_BUILD_DIR}/FirebaseCoreInternal/FirebaseCoreInternal_Privacy.bundle",
-				"${PODS_CONFIGURATION_BUILD_DIR}/FirebaseInstallations/FirebaseInstallations_Privacy.bundle",
-				"${PODS_CONFIGURATION_BUILD_DIR}/FirebaseRemoteConfig/FirebaseRemoteConfig_Privacy.bundle",
-				"${PODS_CONFIGURATION_BUILD_DIR}/GoogleDataTransport/GoogleDataTransport_Privacy.bundle",
-				"${PODS_CONFIGURATION_BUILD_DIR}/GoogleUtilities/GoogleUtilities_Privacy.bundle",
-				"${PODS_CONFIGURATION_BUILD_DIR}/PromisesObjC/FBLPromises_Privacy.bundle",
-				"${PODS_CONFIGURATION_BUILD_DIR}/nanopb/nanopb_Privacy.bundle",
+				"${PODS_PODFILE_DIR_PATH}/Podfile.lock",
+				"${PODS_ROOT}/Manifest.lock",
+			);
+			name = "[CP] Check Pods Manifest.lock";
+			outputFileListPaths = (
 			);
-			name = "[CP] Copy Pods Resources";
 			outputPaths = (
 				"$(DERIVED_FILE_DIR)/Pods-ImageNotification-checkManifestLockResult.txt",
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 			shellPath = /bin/sh;
-			shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-PriceWidgetExtension/Pods-PriceWidgetExtension-resources.sh\"\n";
+			shellScript = "diff \"${PODS_PODFILE_DIR_PATH}/Podfile.lock\" \"${PODS_ROOT}/Manifest.lock\" > /dev/null\nif [ $? != 0 ] ; then\n    # print error to STDERR\n    echo \"error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation.\" >&2\n    exit 1\nfi\n# This output is used by Xcode 'outputs' to avoid re-running this script phase.\necho \"SUCCESS\" > \"${SCRIPT_OUTPUT_FILE_0}\"\n";
 			showEnvVarsInLog = 0;
 		};
 		24E3DE0C1A318179029F909F /* [CP] Check Pods Manifest.lock */ = {
@@ -1434,7 +1425,7 @@
 				"${PODS_CONFIGURATION_BUILD_DIR}/PromisesObjC/FBLPromises_Privacy.bundle",
 				"${PODS_CONFIGURATION_BUILD_DIR}/nanopb/nanopb_Privacy.bundle",
 			);
-			name = "[CP] Embed Pods Frameworks";
+			name = "[CP] Copy Pods Resources";
 			outputPaths = (
 				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/FirebaseABTesting_Privacy.bundle",
 				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/FirebaseCore_Privacy.bundle",

From 85bf5ff2937f3fffd89beb13a4f350fbd7171228 Mon Sep 17 00:00:00 2001
From: Matthew Wall <matthew.wallt@gmail.com>
Date: Tue, 22 Oct 2024 11:14:38 -0400
Subject: [PATCH 09/32] Swaps v2 cleanup duplicates / unused utils (#6202)

* remove bunch of duplicate utils

* remove unused hooks and remove duplicate AnimatedBlurView

* remove multiple getUniqueIds and only keep worklet version
---
 .../Swap/components/AnimatedBlurView.tsx      |   4 -
 .../Swap/components/EstimatedSwapGasFee.tsx   |   8 +-
 .../Swap/components/ExchangeRateBubble.tsx    |   2 +-
 .../screens/Swap/components/FlipButton.tsx    |   6 +-
 .../screens/Swap/components/GasButton.tsx     |   6 +-
 .../screens/Swap/components/GasPanel.tsx      |   5 +-
 .../screens/Swap/components/ReviewPanel.tsx   |   7 +-
 .../Swap/components/SwapActionButton.tsx      |  10 +-
 .../Swap/components/SwapBackground.tsx        |   8 +-
 .../components/SwapCoinIconTextFallback.tsx   |   4 +-
 .../Swap/components/SwapInputValuesCaret.tsx  |   4 +-
 .../Swap/components/SwapNativeInput.tsx       |   2 +-
 .../screens/Swap/components/SwapNumberPad.tsx |   2 +-
 .../screens/Swap/components/SwapSlider.tsx    |  14 +-
 .../components/TokenList/TokenToBuyList.tsx   |   8 +-
 .../components/TokenList/TokenToSellList.tsx  |   7 +-
 src/__swaps__/screens/Swap/constants.ts       |   2 +-
 src/__swaps__/screens/Swap/dummyValues.ts     |  43 --
 .../Swap/hooks/useAnimatedSwapStyles.ts       |  18 +-
 .../screens/Swap/hooks/useAssetsToBuy.ts      |   8 -
 .../screens/Swap/hooks/useAssetsToSell.ts     |  58 ---
 .../screens/Swap/hooks/useEstimatedGasFee.ts  |   4 +-
 .../Swap/hooks/useNativeAssetForChain.ts      |  36 --
 .../Swap/hooks/useSearchCurrencyLists.ts      |  13 +-
 .../screens/Swap/hooks/useSwapInputStyles.ts  |  10 +-
 .../Swap/hooks/useSwapInputsController.ts     |  11 +-
 .../screens/Swap/hooks/useSwapTextStyles.ts   |   6 +-
 .../screens/Swap/hooks/useSwapWarning.ts      |   4 +-
 .../SyncSwapStateAndSharedValues.tsx          |   2 +-
 .../screens/Swap/providers/swap-provider.tsx  |   4 +-
 .../Swap/resources/_selectors/assets.ts       |   8 +-
 .../screens/Swap/resources/assets/assets.ts   | 102 -----
 .../screens/Swap/resources/assets/index.ts    |   1 -
 .../Swap/resources/assets/userAssets.ts       |   2 +-
 src/__swaps__/utils/__tests__/numbers.test.ts |   2 +-
 src/__swaps__/utils/address.ts                |  19 -
 src/__swaps__/utils/assets.ts                 |  67 +---
 src/__swaps__/utils/chains.ts                 | 100 -----
 src/__swaps__/utils/decimalFormatter.ts       |   2 +-
 src/__swaps__/utils/ethereum.ts               | 124 ------
 src/__swaps__/utils/flipAssets.ts             |   2 +-
 src/__swaps__/utils/gasUtils.ts               |  57 ++-
 src/__swaps__/utils/hex.ts                    |  35 --
 src/__swaps__/utils/meteorology.ts            |   2 +-
 src/__swaps__/utils/numbers.ts                | 379 ------------------
 src/__swaps__/utils/strings.ts                |  12 -
 src/__swaps__/utils/swaps.ts                  |  18 +-
 src/__swaps__/utils/time.ts                   |  49 ---
 src/__swaps__/utils/userChains.ts             |  75 ----
 .../RecyclerAssetList2/Claimable.tsx          |   2 +-
 .../expanded-state/CustomGasState.js          |   4 -
 .../asset/ChartExpandedState.js               |   6 +-
 .../sheet-action-buttons/BuyActionButton.js   |  12 +-
 .../sheet-action-buttons/SendActionButton.js  |  15 +-
 .../sheet-action-buttons/SwapActionButton.tsx |   6 +-
 src/helpers/assetInputTypes.ts                |   4 -
 src/helpers/ens.ts                            |  16 +-
 src/helpers/utilities.ts                      | 124 +++++-
 src/hooks/index.ts                            |   1 -
 src/hooks/useExpandedStateNavigation.ts       |  50 ---
 src/migrations/migrations/migrateFavorites.ts |   9 +-
 src/model/wallet.ts                           |   1 -
 src/raps/actions/crosschainSwap.ts            |   3 +-
 src/raps/actions/swap.ts                      |   3 +-
 src/raps/actions/unlock.ts                    |   3 +-
 src/resources/assets/externalAssetsQuery.ts   |   2 +-
 src/resources/favorites.ts                    |   4 +-
 src/{__swaps__ => }/safe-math/SafeMath.ts     |   0
 .../safe-math/__tests__/SafeMath.test.ts      |   0
 .../claimables/ClaimingClaimableSharedUI.tsx  |   2 +-
 .../ClaimingTransactionClaimable.tsx          |   2 +-
 src/state/swaps/swapsStore.ts                 |   2 +-
 src/utils/ethereumUtils.ts                    |   5 +-
 src/utils/isLowerCaseMatch.ts                 |   2 +-
 74 files changed, 301 insertions(+), 1349 deletions(-)
 delete mode 100644 src/__swaps__/screens/Swap/components/AnimatedBlurView.tsx
 delete mode 100644 src/__swaps__/screens/Swap/dummyValues.ts
 delete mode 100644 src/__swaps__/screens/Swap/hooks/useAssetsToBuy.ts
 delete mode 100644 src/__swaps__/screens/Swap/hooks/useAssetsToSell.ts
 delete mode 100644 src/__swaps__/screens/Swap/hooks/useNativeAssetForChain.ts
 delete mode 100644 src/__swaps__/screens/Swap/resources/assets/assets.ts
 delete mode 100644 src/__swaps__/utils/address.ts
 delete mode 100644 src/__swaps__/utils/chains.ts
 delete mode 100644 src/__swaps__/utils/ethereum.ts
 delete mode 100644 src/__swaps__/utils/hex.ts
 delete mode 100644 src/__swaps__/utils/numbers.ts
 delete mode 100644 src/__swaps__/utils/strings.ts
 delete mode 100644 src/__swaps__/utils/time.ts
 delete mode 100644 src/__swaps__/utils/userChains.ts
 delete mode 100644 src/helpers/assetInputTypes.ts
 delete mode 100644 src/hooks/useExpandedStateNavigation.ts
 rename src/{__swaps__ => }/safe-math/SafeMath.ts (100%)
 rename src/{__swaps__ => }/safe-math/__tests__/SafeMath.test.ts (100%)

diff --git a/src/__swaps__/screens/Swap/components/AnimatedBlurView.tsx b/src/__swaps__/screens/Swap/components/AnimatedBlurView.tsx
deleted file mode 100644
index 11f4a44f76a..00000000000
--- a/src/__swaps__/screens/Swap/components/AnimatedBlurView.tsx
+++ /dev/null
@@ -1,4 +0,0 @@
-import { BlurView } from '@react-native-community/blur';
-import Animated from 'react-native-reanimated';
-
-export const AnimatedBlurView = Animated.createAnimatedComponent(BlurView);
diff --git a/src/__swaps__/screens/Swap/components/EstimatedSwapGasFee.tsx b/src/__swaps__/screens/Swap/components/EstimatedSwapGasFee.tsx
index 5f510346f37..b4ff054d2e1 100644
--- a/src/__swaps__/screens/Swap/components/EstimatedSwapGasFee.tsx
+++ b/src/__swaps__/screens/Swap/components/EstimatedSwapGasFee.tsx
@@ -5,10 +5,10 @@ import { SharedValue, useAnimatedStyle, useDerivedValue, withRepeat, withSequenc
 import { opacity } from '@/__swaps__/utils/swaps';
 import { TIMING_CONFIGS } from '@/components/animations/animationConfigs';
 import { useDelayedValue } from '@/hooks/reanimated/useDelayedValue';
-import { pulsingConfig, sliderConfig } from '../constants';
-import { GasSettings } from '../hooks/useCustomGas';
-import { useSwapEstimatedGasFee } from '../hooks/useEstimatedGasFee';
-import { useSwapContext } from '../providers/swap-provider';
+import { pulsingConfig, sliderConfig } from '@/__swaps__/screens/Swap/constants';
+import { GasSettings } from '@/__swaps__/screens/Swap/hooks/useCustomGas';
+import { useSwapEstimatedGasFee } from '@/__swaps__/screens/Swap/hooks/useEstimatedGasFee';
+import { useSwapContext } from '@/__swaps__/screens/Swap/providers/swap-provider';
 
 type EstimatedSwapGasFeeProps = { gasSettings?: GasSettings } & Partial<
   Pick<TextProps, 'align' | 'color' | 'size' | 'weight' | 'tabularNumbers'>
diff --git a/src/__swaps__/screens/Swap/components/ExchangeRateBubble.tsx b/src/__swaps__/screens/Swap/components/ExchangeRateBubble.tsx
index 17a14866819..556ac371cee 100644
--- a/src/__swaps__/screens/Swap/components/ExchangeRateBubble.tsx
+++ b/src/__swaps__/screens/Swap/components/ExchangeRateBubble.tsx
@@ -12,7 +12,7 @@ import { AddressZero } from '@ethersproject/constants';
 import { ETH_ADDRESS } from '@/references';
 import { DEVICE_WIDTH } from '@/utils/deviceUtils';
 import { GestureHandlerButton } from './GestureHandlerButton';
-import { convertAmountToNativeDisplayWorklet } from '@/__swaps__/utils/numbers';
+import { convertAmountToNativeDisplayWorklet } from '@/helpers/utilities';
 import { useAccountSettings } from '@/hooks';
 
 export const ExchangeRateBubble = () => {
diff --git a/src/__swaps__/screens/Swap/components/FlipButton.tsx b/src/__swaps__/screens/Swap/components/FlipButton.tsx
index 2e400d2717d..3baa0974095 100644
--- a/src/__swaps__/screens/Swap/components/FlipButton.tsx
+++ b/src/__swaps__/screens/Swap/components/FlipButton.tsx
@@ -8,7 +8,7 @@ import { Bleed, Box, IconContainer, Text, globalColors, useColorMode } from '@/d
 import { SEPARATOR_COLOR } from '@/__swaps__/screens/Swap/constants';
 import { getColorValueForThemeWorklet, opacity } from '@/__swaps__/utils/swaps';
 import { IS_ANDROID, IS_IOS } from '@/env';
-import { AnimatedBlurView } from '@/__swaps__/screens/Swap/components/AnimatedBlurView';
+import { AnimatedBlurView } from '@/components/AnimatedComponents/AnimatedBlurView';
 import { useSwapContext } from '@/__swaps__/screens/Swap/providers/swap-provider';
 import { TIMING_CONFIGS } from '@/components/animations/animationConfigs';
 import { SwapAssetType } from '@/__swaps__/types/swap';
@@ -90,7 +90,7 @@ export const FlipButton = () => {
     return {
       shadowColor: isDarkMode
         ? globalColors.grey100
-        : getColorValueForThemeWorklet(internalSelectedOutputAsset.value?.mixedShadowColor, false, true),
+        : getColorValueForThemeWorklet(internalSelectedOutputAsset.value?.mixedShadowColor, false),
     };
   });
 
@@ -162,7 +162,7 @@ const SpinnerComponent = () => {
 
   const animatedColor = useDerivedValue(() => {
     return withTiming(
-      getColorValueForThemeWorklet(internalSelectedOutputAsset.value?.highContrastColor, isDarkMode, true),
+      getColorValueForThemeWorklet(internalSelectedOutputAsset.value?.highContrastColor, isDarkMode),
       TIMING_CONFIGS.slowFadeConfig
     );
   });
diff --git a/src/__swaps__/screens/Swap/components/GasButton.tsx b/src/__swaps__/screens/Swap/components/GasButton.tsx
index 02532433b44..b9cc2012fb6 100644
--- a/src/__swaps__/screens/Swap/components/GasButton.tsx
+++ b/src/__swaps__/screens/Swap/components/GasButton.tsx
@@ -1,7 +1,7 @@
 import { GasSpeed } from '@/__swaps__/types/gas';
-import { weiToGwei } from '@/__swaps__/utils/ethereum';
+import { weiToGwei } from '@/parsers';
 import { getCachedCurrentBaseFee, useMeteorologySuggestions } from '@/__swaps__/utils/meteorology';
-import { add, formatNumber } from '@/__swaps__/utils/numbers';
+import { add, formatNumber } from '@/helpers/utilities';
 import { getColorValueForThemeWorklet } from '@/__swaps__/utils/swaps';
 import { ButtonPressAnimation } from '@/components/animations';
 import { ContextMenu } from '@/components/context-menu';
@@ -217,7 +217,7 @@ export function ReviewGasButton() {
 
   const animatedBorderColor = useAnimatedStyle(() => {
     return {
-      borderColor: getColorValueForThemeWorklet(internalSelectedOutputAsset.value?.highContrastColor, isDarkMode, true),
+      borderColor: getColorValueForThemeWorklet(internalSelectedOutputAsset.value?.highContrastColor, isDarkMode),
     };
   });
 
diff --git a/src/__swaps__/screens/Swap/components/GasPanel.tsx b/src/__swaps__/screens/Swap/components/GasPanel.tsx
index 8c0c46c55a2..6bda215dc32 100644
--- a/src/__swaps__/screens/Swap/components/GasPanel.tsx
+++ b/src/__swaps__/screens/Swap/components/GasPanel.tsx
@@ -6,7 +6,7 @@ import { MIN_FLASHBOTS_PRIORITY_FEE, THICK_BORDER_WIDTH } from '@/__swaps__/scre
 import { NavigationSteps, useSwapContext } from '@/__swaps__/screens/Swap/providers/swap-provider';
 import { ChainId } from '@/chains/types';
 import { GasSpeed } from '@/__swaps__/types/gas';
-import { gweiToWei, weiToGwei } from '@/__swaps__/utils/ethereum';
+import { gweiToWei, weiToGwei } from '@/parsers';
 import {
   getCachedCurrentBaseFee,
   getSelectedSpeedSuggestion,
@@ -16,13 +16,12 @@ import {
   useMeteorologySuggestion,
   useMeteorologySuggestions,
 } from '@/__swaps__/utils/meteorology';
-import { add, formatNumber, greaterThan, multiply, subtract } from '@/__swaps__/utils/numbers';
+import { add, greaterThan, multiply, subtract, lessThan, formatNumber } from '@/helpers/utilities';
 import { opacity } from '@/__swaps__/utils/swaps';
 import { ButtonPressAnimation } from '@/components/animations';
 import { SPRING_CONFIGS } from '@/components/animations/animationConfigs';
 import { Bleed, Box, Inline, Separator, Stack, Text, globalColors, useColorMode, useForegroundColor } from '@/design-system';
 import { IS_ANDROID } from '@/env';
-import { lessThan } from '@/helpers/utilities';
 import { useNavigation } from '@/navigation';
 import Routes from '@/navigation/routesNames';
 import { createRainbowStore } from '@/state/internal/createRainbowStore';
diff --git a/src/__swaps__/screens/Swap/components/ReviewPanel.tsx b/src/__swaps__/screens/Swap/components/ReviewPanel.tsx
index eca49b3f12f..4ef86adc170 100644
--- a/src/__swaps__/screens/Swap/components/ReviewPanel.tsx
+++ b/src/__swaps__/screens/Swap/components/ReviewPanel.tsx
@@ -2,12 +2,7 @@ import { AnimatedChainImage } from '@/__swaps__/screens/Swap/components/Animated
 import { ReviewGasButton } from '@/__swaps__/screens/Swap/components/GasButton';
 import { GestureHandlerButton } from '@/__swaps__/screens/Swap/components/GestureHandlerButton';
 import { useEstimatedTime } from '@/__swaps__/utils/meteorology';
-import {
-  convertRawAmountToBalance,
-  convertRawAmountToBalanceWorklet,
-  handleSignificantDecimals,
-  multiply,
-} from '@/__swaps__/utils/numbers';
+import { convertRawAmountToBalance, convertRawAmountToBalanceWorklet, handleSignificantDecimals, multiply } from '@/helpers/utilities';
 import { opacity } from '@/__swaps__/utils/swaps';
 import { ButtonPressAnimation } from '@/components/animations';
 import { SPRING_CONFIGS } from '@/components/animations/animationConfigs';
diff --git a/src/__swaps__/screens/Swap/components/SwapActionButton.tsx b/src/__swaps__/screens/Swap/components/SwapActionButton.tsx
index 4d8f2dab126..13e1d722d95 100644
--- a/src/__swaps__/screens/Swap/components/SwapActionButton.tsx
+++ b/src/__swaps__/screens/Swap/components/SwapActionButton.tsx
@@ -61,7 +61,7 @@ function SwapButton({
   });
 
   const secondaryTextStyles = useAnimatedStyle(() => {
-    const secondaryColor = getColorValueForThemeWorklet(asset.value?.textColor, isDarkMode, true);
+    const secondaryColor = getColorValueForThemeWorklet(asset.value?.textColor, isDarkMode);
 
     let opacity = isDarkMode ? 0.76 : 0.8;
     if (secondaryColor === globalColors.grey100) {
@@ -75,9 +75,7 @@ function SwapButton({
 
   const buttonWrapperStyles = useAnimatedStyle(() => {
     return {
-      backgroundColor: outline
-        ? 'transparent'
-        : getColorValueForThemeWorklet(asset.value?.highContrastColor, isDarkMode, true) || fallbackColor,
+      backgroundColor: outline ? 'transparent' : getColorValueForThemeWorklet(asset.value?.highContrastColor, isDarkMode) || fallbackColor,
       borderColor: outline ? separatorSecondary : undefined,
       borderRadius: borderRadius ?? 24,
       height: small ? 36 : 48,
@@ -169,7 +167,7 @@ const HoldProgress = ({ holdProgress }: { holdProgress: SharedValue<number> }) =
   const { internalSelectedOutputAsset } = useSwapContext();
 
   const [brightenedColor, setBrightenedColor] = useState<string>(
-    transformColor(getColorValueForThemeWorklet(internalSelectedOutputAsset.value?.highContrastColor, isDarkMode, true), false)
+    transformColor(getColorValueForThemeWorklet(internalSelectedOutputAsset.value?.highContrastColor, isDarkMode), false)
   );
 
   const holdProgressStyle = useAnimatedStyle(() => {
@@ -192,7 +190,7 @@ const HoldProgress = ({ holdProgress }: { holdProgress: SharedValue<number> }) =
     () => internalSelectedOutputAsset.value?.highContrastColor,
     (current, previous) => {
       if (current && current !== previous) {
-        runOnJS(transformColor)(getColorValueForThemeWorklet(current, isDarkMode, true));
+        runOnJS(transformColor)(getColorValueForThemeWorklet(current, isDarkMode));
       }
     },
     []
diff --git a/src/__swaps__/screens/Swap/components/SwapBackground.tsx b/src/__swaps__/screens/Swap/components/SwapBackground.tsx
index 594b33f61bc..365707c24e6 100644
--- a/src/__swaps__/screens/Swap/components/SwapBackground.tsx
+++ b/src/__swaps__/screens/Swap/components/SwapBackground.tsx
@@ -18,17 +18,17 @@ export const SwapBackground = () => {
   const { internalSelectedInputAsset, internalSelectedOutputAsset } = useSwapContext();
 
   const animatedTopColor = useDerivedValue(() => {
-    if (IS_TEST) return getColorValueForThemeWorklet(DEFAULT_BACKGROUND_COLOR, isDarkMode, true);
+    if (IS_TEST) return getColorValueForThemeWorklet(DEFAULT_BACKGROUND_COLOR, isDarkMode);
     return withTiming(
-      getColorValueForThemeWorklet(internalSelectedInputAsset.value?.tintedBackgroundColor || DEFAULT_BACKGROUND_COLOR, isDarkMode, true),
+      getColorValueForThemeWorklet(internalSelectedInputAsset.value?.tintedBackgroundColor || DEFAULT_BACKGROUND_COLOR, isDarkMode),
       TIMING_CONFIGS.slowFadeConfig
     );
   });
 
   const animatedBottomColor = useDerivedValue(() => {
-    if (IS_TEST) return getColorValueForThemeWorklet(DEFAULT_BACKGROUND_COLOR, isDarkMode, true);
+    if (IS_TEST) return getColorValueForThemeWorklet(DEFAULT_BACKGROUND_COLOR, isDarkMode);
     return withTiming(
-      getColorValueForThemeWorklet(internalSelectedOutputAsset.value?.tintedBackgroundColor || DEFAULT_BACKGROUND_COLOR, isDarkMode, true),
+      getColorValueForThemeWorklet(internalSelectedOutputAsset.value?.tintedBackgroundColor || DEFAULT_BACKGROUND_COLOR, isDarkMode),
       TIMING_CONFIGS.slowFadeConfig
     );
   });
diff --git a/src/__swaps__/screens/Swap/components/SwapCoinIconTextFallback.tsx b/src/__swaps__/screens/Swap/components/SwapCoinIconTextFallback.tsx
index 306e17711da..99c36792fcc 100644
--- a/src/__swaps__/screens/Swap/components/SwapCoinIconTextFallback.tsx
+++ b/src/__swaps__/screens/Swap/components/SwapCoinIconTextFallback.tsx
@@ -50,7 +50,7 @@ export const SwapCoinIconTextFallback = ({ asset, height, width, style }: SwapCo
 
   const backgroundColor = useAnimatedStyle(() => {
     return {
-      backgroundColor: getColorValueForThemeWorklet(asset.value?.color, isDarkMode, true),
+      backgroundColor: getColorValueForThemeWorklet(asset.value?.color, isDarkMode),
     };
   });
 
@@ -61,7 +61,7 @@ export const SwapCoinIconTextFallback = ({ asset, height, width, style }: SwapCo
   const animatedFontSize = useAnimatedStyle(() => {
     return {
       fontSize: buildFallbackFontSize(formattedSymbol.value, width),
-      color: getColorValueForThemeWorklet(asset.value?.textColor, isDarkMode, true),
+      color: getColorValueForThemeWorklet(asset.value?.textColor, isDarkMode),
     };
   });
 
diff --git a/src/__swaps__/screens/Swap/components/SwapInputValuesCaret.tsx b/src/__swaps__/screens/Swap/components/SwapInputValuesCaret.tsx
index 99c57675935..c7c33a83733 100644
--- a/src/__swaps__/screens/Swap/components/SwapInputValuesCaret.tsx
+++ b/src/__swaps__/screens/Swap/components/SwapInputValuesCaret.tsx
@@ -3,7 +3,7 @@ import React from 'react';
 import { StyleSheet } from 'react-native';
 import Animated, { Easing, SharedValue, useAnimatedStyle, withRepeat, withSequence, withTiming } from 'react-native-reanimated';
 import { SLIDER_COLLAPSED_HEIGHT, SLIDER_HEIGHT, caretConfig } from '@/__swaps__/screens/Swap/constants';
-import { equalWorklet } from '@/__swaps__/safe-math/SafeMath';
+import { equalWorklet } from '@/safe-math/SafeMath';
 import { NavigationSteps } from '@/__swaps__/screens/Swap/hooks/useSwapNavigation';
 import { useSwapContext } from '@/__swaps__/screens/Swap/providers/swap-provider';
 import { inputKeys } from '@/__swaps__/types/swap';
@@ -65,7 +65,7 @@ export function SwapInputValuesCaret({ inputCaretType, disabled }: { inputCaretT
     const selectedAsset =
       inputCaretType === 'inputAmount' || inputCaretType === 'inputNativeValue' ? internalSelectedInputAsset : internalSelectedOutputAsset;
     return {
-      backgroundColor: getColorValueForThemeWorklet(selectedAsset.value?.highContrastColor, isDarkMode, true),
+      backgroundColor: getColorValueForThemeWorklet(selectedAsset.value?.highContrastColor, isDarkMode),
     };
   });
 
diff --git a/src/__swaps__/screens/Swap/components/SwapNativeInput.tsx b/src/__swaps__/screens/Swap/components/SwapNativeInput.tsx
index 7432d641750..a3e9338e550 100644
--- a/src/__swaps__/screens/Swap/components/SwapNativeInput.tsx
+++ b/src/__swaps__/screens/Swap/components/SwapNativeInput.tsx
@@ -6,7 +6,7 @@ import Animated, { runOnJS, useAnimatedStyle, useDerivedValue } from 'react-nati
 import { SwapInputValuesCaret } from '@/__swaps__/screens/Swap/components/SwapInputValuesCaret';
 import { GestureHandlerButton } from '@/__swaps__/screens/Swap/components/GestureHandlerButton';
 import { useSwapContext } from '@/__swaps__/screens/Swap/providers/swap-provider';
-import { equalWorklet } from '@/__swaps__/safe-math/SafeMath';
+import { equalWorklet } from '@/safe-math/SafeMath';
 
 export function SwapNativeInput({
   nativeInputType,
diff --git a/src/__swaps__/screens/Swap/components/SwapNumberPad.tsx b/src/__swaps__/screens/Swap/components/SwapNumberPad.tsx
index b9b9a5286a4..7f3269be7ed 100644
--- a/src/__swaps__/screens/Swap/components/SwapNumberPad.tsx
+++ b/src/__swaps__/screens/Swap/components/SwapNumberPad.tsx
@@ -13,7 +13,7 @@ import Animated, {
 } from 'react-native-reanimated';
 import { supportedNativeCurrencies } from '@/references';
 import { Bleed, Box, Columns, HitSlop, Separator, Text, useColorMode, useForegroundColor } from '@/design-system';
-import { equalWorklet } from '@/__swaps__/safe-math/SafeMath';
+import { equalWorklet } from '@/safe-math/SafeMath';
 import { stripNonDecimalNumbers } from '@/__swaps__/utils/swaps';
 import {
   CUSTOM_KEYBOARD_HEIGHT,
diff --git a/src/__swaps__/screens/Swap/components/SwapSlider.tsx b/src/__swaps__/screens/Swap/components/SwapSlider.tsx
index 42581fd1087..a845fb8b25c 100644
--- a/src/__swaps__/screens/Swap/components/SwapSlider.tsx
+++ b/src/__swaps__/screens/Swap/components/SwapSlider.tsx
@@ -22,7 +22,7 @@ import { SPRING_CONFIGS, TIMING_CONFIGS } from '@/components/animations/animatio
 import { AnimatedText, Bleed, Box, Column, Columns, Inline, globalColors, useColorMode, useForegroundColor } from '@/design-system';
 import { IS_IOS } from '@/env';
 import { triggerHapticFeedback } from '@/screens/points/constants';
-import { greaterThanWorklet } from '@/__swaps__/safe-math/SafeMath';
+import { greaterThanWorklet } from '@/safe-math/SafeMath';
 import {
   SCRUBBER_WIDTH,
   SLIDER_COLLAPSED_HEIGHT,
@@ -90,18 +90,18 @@ export const SwapSlider = ({
   const colors = useDerivedValue(() => ({
     inactiveColorLeft: opacityWorklet(
       dualColor
-        ? getColorValueForThemeWorklet(internalSelectedOutputAsset.value?.highContrastColor, isDarkMode, true)
-        : getColorValueForThemeWorklet(internalSelectedInputAsset.value?.highContrastColor, isDarkMode, true),
+        ? getColorValueForThemeWorklet(internalSelectedOutputAsset.value?.highContrastColor, isDarkMode)
+        : getColorValueForThemeWorklet(internalSelectedInputAsset.value?.highContrastColor, isDarkMode),
       0.9
     ),
     activeColorLeft: dualColor
-      ? getColorValueForThemeWorklet(internalSelectedOutputAsset.value?.highContrastColor, isDarkMode, true)
-      : getColorValueForThemeWorklet(internalSelectedInputAsset.value?.highContrastColor, isDarkMode, true),
+      ? getColorValueForThemeWorklet(internalSelectedOutputAsset.value?.highContrastColor, isDarkMode)
+      : getColorValueForThemeWorklet(internalSelectedInputAsset.value?.highContrastColor, isDarkMode),
     inactiveColorRight: dualColor
-      ? opacityWorklet(getColorValueForThemeWorklet(internalSelectedInputAsset.value?.highContrastColor, isDarkMode, true), 0.9)
+      ? opacityWorklet(getColorValueForThemeWorklet(internalSelectedInputAsset.value?.highContrastColor, isDarkMode), 0.9)
       : separatorSecondary,
     activeColorRight: dualColor
-      ? getColorValueForThemeWorklet(internalSelectedInputAsset.value?.highContrastColor, isDarkMode, true)
+      ? getColorValueForThemeWorklet(internalSelectedInputAsset.value?.highContrastColor, isDarkMode)
       : fillSecondary,
   }));
 
diff --git a/src/__swaps__/screens/Swap/components/TokenList/TokenToBuyList.tsx b/src/__swaps__/screens/Swap/components/TokenList/TokenToBuyList.tsx
index 1e59b8aae87..859a7593310 100644
--- a/src/__swaps__/screens/Swap/components/TokenList/TokenToBuyList.tsx
+++ b/src/__swaps__/screens/Swap/components/TokenList/TokenToBuyList.tsx
@@ -7,7 +7,8 @@ import { ChainId } from '@/chains/types';
 import { SearchAsset } from '@/__swaps__/types/search';
 import { SwapAssetType } from '@/__swaps__/types/swap';
 import { parseSearchAsset } from '@/__swaps__/utils/assets';
-import { getChainColorWorklet, getStandardizedUniqueIdWorklet } from '@/__swaps__/utils/swaps';
+import { getChainColorWorklet } from '@/__swaps__/utils/swaps';
+import { getUniqueId } from '@/utils/ethereumUtils';
 import { analyticsV2 } from '@/analytics';
 import { AnimatedTextIcon } from '@/components/AnimatedComponents/AnimatedTextIcon';
 import { TIMING_CONFIGS } from '@/components/animations/animationConfigs';
@@ -99,10 +100,7 @@ export const TokenToBuyList = () => {
   const handleSelectToken = useCallback(
     (token: SearchAsset) => {
       runOnUI(() => {
-        if (
-          internalSelectedInputAsset.value &&
-          getStandardizedUniqueIdWorklet({ address: token.address, chainId: token.chainId }) !== internalSelectedOutputAsset.value?.uniqueId
-        ) {
+        if (internalSelectedInputAsset.value && getUniqueId(token.address, token.chainId) !== internalSelectedOutputAsset.value?.uniqueId) {
           isQuoteStale.value = 1;
           isFetching.value = true;
         }
diff --git a/src/__swaps__/screens/Swap/components/TokenList/TokenToSellList.tsx b/src/__swaps__/screens/Swap/components/TokenList/TokenToSellList.tsx
index 5b12988476b..064a9fd09e4 100644
--- a/src/__swaps__/screens/Swap/components/TokenList/TokenToSellList.tsx
+++ b/src/__swaps__/screens/Swap/components/TokenList/TokenToSellList.tsx
@@ -4,7 +4,7 @@ import { ListEmpty } from '@/__swaps__/screens/Swap/components/TokenList/ListEmp
 import { useSwapContext } from '@/__swaps__/screens/Swap/providers/swap-provider';
 import { ParsedSearchAsset } from '@/__swaps__/types/assets';
 import { SwapAssetType } from '@/__swaps__/types/swap';
-import { getStandardizedUniqueIdWorklet } from '@/__swaps__/utils/swaps';
+import { getUniqueId } from '@/utils/ethereumUtils';
 import { analyticsV2 } from '@/analytics';
 import { useDelayedMount } from '@/hooks/useDelayedMount';
 import * as i18n from '@/languages';
@@ -45,10 +45,7 @@ const TokenToSellListComponent = () => {
       if (!token) return;
 
       runOnUI(() => {
-        if (
-          internalSelectedOutputAsset.value &&
-          getStandardizedUniqueIdWorklet({ address: token.address, chainId: token.chainId }) !== internalSelectedInputAsset.value?.uniqueId
-        ) {
+        if (internalSelectedOutputAsset.value && getUniqueId(token.address, token.chainId) !== internalSelectedInputAsset.value?.uniqueId) {
           isQuoteStale.value = 1;
           isFetching.value = true;
         }
diff --git a/src/__swaps__/screens/Swap/constants.ts b/src/__swaps__/screens/Swap/constants.ts
index 2ccb5d877c5..22ff49ca2d6 100644
--- a/src/__swaps__/screens/Swap/constants.ts
+++ b/src/__swaps__/screens/Swap/constants.ts
@@ -1,4 +1,4 @@
-import { gweiToWei } from '@/__swaps__/utils/ethereum';
+import { gweiToWei } from '@/parsers';
 import { getDefaultKeyboardHeight } from '@/redux/keyboardHeight';
 import { deviceUtils, safeAreaInsetValues } from '@/utils';
 import { Easing, WithSpringConfig, WithTimingConfig } from 'react-native-reanimated';
diff --git a/src/__swaps__/screens/Swap/dummyValues.ts b/src/__swaps__/screens/Swap/dummyValues.ts
deleted file mode 100644
index ab4bb9be3c8..00000000000
--- a/src/__swaps__/screens/Swap/dummyValues.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import { Network } from '@/chains/types';
-
-// /---- 🗑️ TODO: Delete these dummy values 🗑️ ----/ //
-//
-// 1. Colors
-export const DAI_COLOR = '#F0B340';
-export const SOCKS_COLOR = '#E15EE5';
-export const USDC_COLOR = '#2775CA';
-
-// 2. Addresses
-export const ETH_ADDRESS = 'eth';
-export const DAI_ADDRESS = '0x6B175474E89094C44Da98b954EedeAC495271d0F';
-export const SOCKS_ADDRESS = '0x23B608675a2B2fB1890d3ABBd85c5775c51691d5';
-export const USDC_ADDRESS = '0xa0b86991c6218b36c1d19d4a2e9eb0ce3606eb48';
-
-// 3. Input Config
-export const INPUT_SYMBOL = 'ETH';
-export const INPUT_ADDRESS = ETH_ADDRESS;
-// export const INPUT_COLOR = ETH_COLOR_DARK;
-export const INPUT_NETWORK = Network.base;
-export const INPUT_ASSET_BALANCE = 12.4;
-// export const INPUT_ASSET_BALANCE = 12.42512485;
-export const INPUT_ASSET_USD_PRICE = 2632.4;
-export const IS_INPUT_STABLECOIN = false;
-
-// 4. Output Config
-// export const OUTPUT_SYMBOL = 'USDC';
-// export const OUTPUT_ADDRESS = USDC_ADDRESS;
-// export const OUTPUT_COLOR = USDC_COLOR;
-// export const OUTPUT_NETWORK = Network.base;
-// export const OUTPUT_ASSET_USD_PRICE = 0.999;
-// export const IS_OUTPUT_STABLECOIN = true;
-export const OUTPUT_SYMBOL = 'SOCKS';
-export const OUTPUT_ADDRESS = SOCKS_ADDRESS;
-export const OUTPUT_COLOR = SOCKS_COLOR;
-export const OUTPUT_NETWORK = Network.base;
-export const OUTPUT_ASSET_USD_PRICE = 41963.7;
-export const IS_OUTPUT_STABLECOIN = false;
-
-// 5. Swap Config
-export const SWAP_FEE = 0.0085;
-//
-// /---- END dummy values ----/ //
diff --git a/src/__swaps__/screens/Swap/hooks/useAnimatedSwapStyles.ts b/src/__swaps__/screens/Swap/hooks/useAnimatedSwapStyles.ts
index 244dd9f993e..d7ff8bf21ec 100644
--- a/src/__swaps__/screens/Swap/hooks/useAnimatedSwapStyles.ts
+++ b/src/__swaps__/screens/Swap/hooks/useAnimatedSwapStyles.ts
@@ -161,7 +161,7 @@ export function useAnimatedSwapStyles({
   });
 
   const outputAssetColor = useDerivedValue(() => {
-    return getColorValueForThemeWorklet(internalSelectedOutputAsset.value?.highContrastColor, isDarkMode, true);
+    return getColorValueForThemeWorklet(internalSelectedOutputAsset.value?.highContrastColor, isDarkMode);
   });
 
   const swapActionWrapperStyle = useAnimatedStyle(() => {
@@ -202,13 +202,13 @@ export function useAnimatedSwapStyles({
 
   const assetToSellIconStyle = useAnimatedStyle(() => {
     return {
-      backgroundColor: getColorValueForThemeWorklet(internalSelectedInputAsset.value?.color, isDarkMode, true),
+      backgroundColor: getColorValueForThemeWorklet(internalSelectedInputAsset.value?.color, isDarkMode),
     };
   });
 
   const assetToBuyIconStyle = useAnimatedStyle(() => {
     return {
-      backgroundColor: getColorValueForThemeWorklet(internalSelectedOutputAsset.value?.color, isDarkMode, true),
+      backgroundColor: getColorValueForThemeWorklet(internalSelectedOutputAsset.value?.color, isDarkMode),
     };
   });
 
@@ -221,7 +221,7 @@ export function useAnimatedSwapStyles({
 
   const searchInputAssetButtonStyle = useAnimatedStyle(() => {
     return {
-      color: getColorValueForThemeWorklet(internalSelectedInputAsset.value?.highContrastColor, isDarkMode, true),
+      color: getColorValueForThemeWorklet(internalSelectedInputAsset.value?.highContrastColor, isDarkMode),
     };
   });
 
@@ -233,7 +233,7 @@ export function useAnimatedSwapStyles({
     const color = isPasteMode.value ? foregroundColors.blue : internalSelectedOutputAsset.value?.highContrastColor;
 
     return {
-      color: getColorValueForThemeWorklet(color, isDarkMode, true),
+      color: getColorValueForThemeWorklet(color, isDarkMode),
     };
   });
 
@@ -257,11 +257,11 @@ export function useAnimatedSwapStyles({
   const searchInputAssetButtonWrapperStyle = useAnimatedStyle(() => {
     return {
       backgroundColor: opacityWorklet(
-        getColorValueForThemeWorklet(internalSelectedInputAsset.value?.highContrastColor, isDarkMode, true),
+        getColorValueForThemeWorklet(internalSelectedInputAsset.value?.highContrastColor, isDarkMode),
         isDarkMode ? 0.1 : 0.08
       ),
       borderColor: opacityWorklet(
-        getColorValueForThemeWorklet(internalSelectedInputAsset.value?.highContrastColor, isDarkMode, true),
+        getColorValueForThemeWorklet(internalSelectedInputAsset.value?.highContrastColor, isDarkMode),
         isDarkMode ? 0.06 : 0.01
       ),
     };
@@ -276,9 +276,9 @@ export function useAnimatedSwapStyles({
     return {
       backgroundColor: isPasteMode.value
         ? 'transparent'
-        : opacityWorklet(getColorValueForThemeWorklet(color, isDarkMode, true), isDarkMode ? 0.1 : 0.08),
+        : opacityWorklet(getColorValueForThemeWorklet(color, isDarkMode), isDarkMode ? 0.1 : 0.08),
       borderColor: opacityWorklet(
-        getColorValueForThemeWorklet(color, isDarkMode, true),
+        getColorValueForThemeWorklet(color, isDarkMode),
         isDarkMode ? darkModeBorderOpacity : lightModeBorderOpacity
       ),
     };
diff --git a/src/__swaps__/screens/Swap/hooks/useAssetsToBuy.ts b/src/__swaps__/screens/Swap/hooks/useAssetsToBuy.ts
deleted file mode 100644
index b2fd3713a51..00000000000
--- a/src/__swaps__/screens/Swap/hooks/useAssetsToBuy.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import { useMemo } from 'react';
-import { useSearchCurrencyLists } from '@/__swaps__/screens/Swap/hooks/useSearchCurrencyLists';
-
-export const useAssetsToBuySections = () => {
-  const { results: searchAssetsToBuySections } = useSearchCurrencyLists();
-
-  return useMemo(() => searchAssetsToBuySections, [searchAssetsToBuySections]);
-};
diff --git a/src/__swaps__/screens/Swap/hooks/useAssetsToSell.ts b/src/__swaps__/screens/Swap/hooks/useAssetsToSell.ts
deleted file mode 100644
index e78faa661c4..00000000000
--- a/src/__swaps__/screens/Swap/hooks/useAssetsToSell.ts
+++ /dev/null
@@ -1,58 +0,0 @@
-import { useMemo } from 'react';
-
-import {
-  selectUserAssetsList,
-  selectUserAssetsListByChainId,
-  selectorFilterByUserChains,
-} from '@/__swaps__/screens/Swap/resources/_selectors/assets';
-import { useUserAssets } from '@/__swaps__/screens/Swap/resources/assets';
-import { ParsedAssetsDictByChain, ParsedSearchAsset, UserAssetFilter } from '@/__swaps__/types/assets';
-import { useAccountSettings, useDebounce } from '@/hooks';
-import { useUserAssetsStore } from '@/state/assets/userAssets';
-
-const sortBy = (by: UserAssetFilter) => {
-  switch (by) {
-    case 'all':
-      return selectUserAssetsList;
-    default:
-      return (data: ParsedAssetsDictByChain) => selectUserAssetsListByChainId(data, by);
-  }
-};
-
-export const useAssetsToSell = () => {
-  const { accountAddress: currentAddress, nativeCurrency: currentCurrency } = useAccountSettings();
-
-  const { filter, searchQuery } = useUserAssetsStore(state => ({
-    filter: state.filter,
-    searchQuery: state.inputSearchQuery,
-  }));
-
-  const debouncedAssetToSellFilter = useDebounce(searchQuery, 200);
-
-  const { data: userAssets = [] } = useUserAssets(
-    {
-      address: currentAddress,
-      currency: currentCurrency,
-    },
-    {
-      select: data =>
-        selectorFilterByUserChains({
-          data,
-          selector: sortBy(filter),
-        }),
-    }
-  );
-
-  const filteredAssetsToSell = useMemo(() => {
-    return debouncedAssetToSellFilter
-      ? userAssets.filter(({ name, symbol, address }) =>
-          [name, symbol, address].reduce(
-            (res, param) => res || param.toLowerCase().startsWith(debouncedAssetToSellFilter.toLowerCase()),
-            false
-          )
-        )
-      : userAssets;
-  }, [debouncedAssetToSellFilter, userAssets]) as ParsedSearchAsset[];
-
-  return filteredAssetsToSell;
-};
diff --git a/src/__swaps__/screens/Swap/hooks/useEstimatedGasFee.ts b/src/__swaps__/screens/Swap/hooks/useEstimatedGasFee.ts
index 9d47932ba9b..26d89a65f44 100644
--- a/src/__swaps__/screens/Swap/hooks/useEstimatedGasFee.ts
+++ b/src/__swaps__/screens/Swap/hooks/useEstimatedGasFee.ts
@@ -1,6 +1,6 @@
 import { ChainId } from '@/chains/types';
-import { weiToGwei } from '@/__swaps__/utils/ethereum';
-import { add, convertAmountToNativeDisplayWorklet, formatNumber, multiply } from '@/__swaps__/utils/numbers';
+import { weiToGwei } from '@/parsers';
+import { convertAmountToNativeDisplayWorklet, formatNumber, multiply } from '@/helpers/utilities';
 import { useNativeAsset } from '@/utils/ethereumUtils';
 import { useMemo } from 'react';
 import { formatUnits } from 'viem';
diff --git a/src/__swaps__/screens/Swap/hooks/useNativeAssetForChain.ts b/src/__swaps__/screens/Swap/hooks/useNativeAssetForChain.ts
deleted file mode 100644
index ffd07d2654c..00000000000
--- a/src/__swaps__/screens/Swap/hooks/useNativeAssetForChain.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-import { useCallback } from 'react';
-
-import { ExtendedAnimatedAssetWithColors } from '@/__swaps__/types/assets';
-import { ChainId } from '@/chains/types';
-
-import { SharedValue, runOnJS, useAnimatedReaction, useDerivedValue, useSharedValue } from 'react-native-reanimated';
-import { ParsedAddressAsset } from '@/entities';
-import { ethereumUtils } from '@/utils';
-import { swapsStore } from '@/state/swaps/swapsStore';
-
-export const useNativeAssetForChain = ({ inputAsset }: { inputAsset: SharedValue<ExtendedAnimatedAssetWithColors | null> }) => {
-  const chainId = useDerivedValue(() => inputAsset.value?.chainId ?? swapsStore.getState().preferredNetwork ?? ChainId.mainnet);
-  const nativeAsset = useSharedValue<ParsedAddressAsset | undefined>(ethereumUtils.getNetworkNativeAsset({ chainId: chainId.value }));
-
-  const getNativeAssetForNetwork = useCallback(
-    (chainId: ChainId) => {
-      const asset = ethereumUtils.getNetworkNativeAsset({ chainId });
-      nativeAsset.value = asset;
-    },
-    [nativeAsset]
-  );
-
-  useAnimatedReaction(
-    () => chainId.value,
-    (currentChainId, previousChainId) => {
-      if (currentChainId !== previousChainId) {
-        runOnJS(getNativeAssetForNetwork)(currentChainId);
-      }
-    },
-    []
-  );
-
-  return {
-    nativeAsset,
-  };
-};
diff --git a/src/__swaps__/screens/Swap/hooks/useSearchCurrencyLists.ts b/src/__swaps__/screens/Swap/hooks/useSearchCurrencyLists.ts
index bf88f7abf6f..82e78bed66c 100644
--- a/src/__swaps__/screens/Swap/hooks/useSearchCurrencyLists.ts
+++ b/src/__swaps__/screens/Swap/hooks/useSearchCurrencyLists.ts
@@ -1,13 +1,11 @@
 import { TokenSearchResult, useTokenSearch } from '@/__swaps__/screens/Swap/resources/search/search';
-import { AddressOrEth } from '@/__swaps__/types/assets';
 import { ChainId } from '@/chains/types';
 import { SearchAsset, TokenSearchAssetKey, TokenSearchThreshold } from '@/__swaps__/types/search';
-import { addHexPrefix } from '@/__swaps__/utils/hex';
-import { isLowerCaseMatch } from '@/__swaps__/utils/strings';
-import { getStandardizedUniqueIdWorklet } from '@/__swaps__/utils/swaps';
+import { addHexPrefix } from '@/handlers/web3';
+import { isLowerCaseMatch, filterList } from '@/utils';
+import { getUniqueId } from '@/utils/ethereumUtils';
 import { useFavorites } from '@/resources/favorites';
 import { useSwapsStore } from '@/state/swaps/swapsStore';
-import { filterList } from '@/utils';
 import { isAddress } from '@ethersproject/address';
 import { rankings } from 'match-sorter';
 import { useCallback, useMemo, useState } from 'react';
@@ -348,10 +346,7 @@ export function useSearchCurrencyLists() {
         chainId: state.toChainId,
         favorite: true,
         mainnetAddress: favToken.networks?.[ChainId.mainnet]?.address || favToken.mainnet_address,
-        uniqueId: getStandardizedUniqueIdWorklet({
-          address: (favToken.networks[state.toChainId]?.address || favToken.address) as AddressOrEth,
-          chainId: state.toChainId,
-        }),
+        uniqueId: getUniqueId(favToken.networks[state.toChainId]?.address || favToken.address, state.toChainId),
       })) as SearchAsset[];
   }, [favorites, state.toChainId]);
 
diff --git a/src/__swaps__/screens/Swap/hooks/useSwapInputStyles.ts b/src/__swaps__/screens/Swap/hooks/useSwapInputStyles.ts
index 783c2e4fe16..3654817ede5 100644
--- a/src/__swaps__/screens/Swap/hooks/useSwapInputStyles.ts
+++ b/src/__swaps__/screens/Swap/hooks/useSwapInputStyles.ts
@@ -35,7 +35,7 @@ export const useSwapInputStyles = ({
 
   const bgColor = useDerivedValue(() => {
     return isDarkMode
-      ? opacityWorklet(getColorValueForThemeWorklet(asset.value?.highContrastColor, isDarkMode, true), 0.08)
+      ? opacityWorklet(getColorValueForThemeWorklet(asset.value?.highContrastColor, isDarkMode), 0.08)
       : opacityWorklet(globalColors.white100, 0.8);
   });
 
@@ -46,9 +46,9 @@ export const useSwapInputStyles = ({
   const strokeColor = useDerivedValue(() => {
     return isDarkMode
       ? opacityWorklet(
-          getColorValueForThemeWorklet(asset.value?.highContrastColor, isDarkMode, true) === ETH_COLOR_DARK
+          getColorValueForThemeWorklet(asset.value?.highContrastColor, isDarkMode) === ETH_COLOR_DARK
             ? ETH_COLOR_DARK_ACCENT
-            : getColorValueForThemeWorklet(asset.value?.highContrastColor, isDarkMode, true),
+            : getColorValueForThemeWorklet(asset.value?.highContrastColor, isDarkMode),
           0.06
         )
       : globalColors.white100;
@@ -56,7 +56,7 @@ export const useSwapInputStyles = ({
 
   const expandedStrokeColor = useDerivedValue(() => {
     return isDarkMode
-      ? opacityWorklet(getColorValueForThemeWorklet(asset.value?.highContrastColor, isDarkMode, true), 0.1)
+      ? opacityWorklet(getColorValueForThemeWorklet(asset.value?.highContrastColor, isDarkMode), 0.1)
       : globalColors.white100;
   });
 
@@ -78,7 +78,7 @@ export const useSwapInputStyles = ({
         otherInputProgress.value === NavigationSteps.SEARCH_FOCUSED
           ? withTiming(0, TIMING_CONFIGS.fadeConfig)
           : withTiming(1, TIMING_CONFIGS.fadeConfig),
-      shadowColor: isDarkMode ? 'transparent' : getColorValueForThemeWorklet(asset.value?.mixedShadowColor, isDarkMode, true),
+      shadowColor: isDarkMode ? 'transparent' : getColorValueForThemeWorklet(asset.value?.mixedShadowColor, isDarkMode),
       transform: [
         {
           translateY: withSpring(getContainerStyleTranslateY(progress, bottomInput), SPRING_CONFIGS.keyboardConfig),
diff --git a/src/__swaps__/screens/Swap/hooks/useSwapInputsController.ts b/src/__swaps__/screens/Swap/hooks/useSwapInputsController.ts
index 877ef1eb5b1..4c2a4ac8905 100644
--- a/src/__swaps__/screens/Swap/hooks/useSwapInputsController.ts
+++ b/src/__swaps__/screens/Swap/hooks/useSwapInputsController.ts
@@ -1,11 +1,4 @@
-import {
-  divWorklet,
-  equalWorklet,
-  greaterThanWorklet,
-  isNumberStringWorklet,
-  mulWorklet,
-  toFixedWorklet,
-} from '@/__swaps__/safe-math/SafeMath';
+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';
@@ -16,7 +9,7 @@ import {
   convertAmountToNativeDisplayWorklet,
   convertRawAmountToDecimalFormat,
   handleSignificantDecimalsWorklet,
-} from '@/__swaps__/utils/numbers';
+} from '@/helpers/utilities';
 import {
   addCommasToNumber,
   addSymbolToNativeDisplayWorklet,
diff --git a/src/__swaps__/screens/Swap/hooks/useSwapTextStyles.ts b/src/__swaps__/screens/Swap/hooks/useSwapTextStyles.ts
index be633447abb..e8ef1b63085 100644
--- a/src/__swaps__/screens/Swap/hooks/useSwapTextStyles.ts
+++ b/src/__swaps__/screens/Swap/hooks/useSwapTextStyles.ts
@@ -14,7 +14,7 @@ import { ETH_COLOR_DARK, ETH_COLOR_DARK_ACCENT, pulsingConfig } from '@/__swaps_
 import { inputMethods, inputValuesType } from '@/__swaps__/types/swap';
 import { getColorValueForThemeWorklet, opacity } from '@/__swaps__/utils/swaps';
 import { ExtendedAnimatedAssetWithColors } from '@/__swaps__/types/assets';
-import { equalWorklet } from '@/__swaps__/safe-math/SafeMath';
+import { equalWorklet } from '@/safe-math/SafeMath';
 import { SPRING_CONFIGS, TIMING_CONFIGS } from '@/components/animations/animationConfigs';
 
 export function useSwapTextStyles({
@@ -87,12 +87,12 @@ export function useSwapTextStyles({
   });
 
   const inputAssetColor = useDerivedValue(() => {
-    const color = getColorValueForThemeWorklet(internalSelectedInputAsset.value?.highContrastColor, isDarkMode, true);
+    const color = getColorValueForThemeWorklet(internalSelectedInputAsset.value?.highContrastColor, isDarkMode);
     return color === ETH_COLOR_DARK ? ETH_COLOR_DARK_ACCENT : color;
   });
 
   const outputAssetColor = useDerivedValue(() => {
-    const color = getColorValueForThemeWorklet(internalSelectedOutputAsset.value?.highContrastColor, isDarkMode, true);
+    const color = getColorValueForThemeWorklet(internalSelectedOutputAsset.value?.highContrastColor, isDarkMode);
     return color === ETH_COLOR_DARK ? ETH_COLOR_DARK_ACCENT : color;
   });
 
diff --git a/src/__swaps__/screens/Swap/hooks/useSwapWarning.ts b/src/__swaps__/screens/Swap/hooks/useSwapWarning.ts
index bc9c7611a53..3af47091b59 100644
--- a/src/__swaps__/screens/Swap/hooks/useSwapWarning.ts
+++ b/src/__swaps__/screens/Swap/hooks/useSwapWarning.ts
@@ -7,9 +7,9 @@ import { CrosschainQuote, Quote, QuoteError } from '@rainbow-me/swaps';
 import { getCrossChainTimeEstimateWorklet, getQuoteServiceTimeWorklet } from '@/__swaps__/utils/swaps';
 import { ExtendedAnimatedAssetWithColors } from '@/__swaps__/types/assets';
 import { highPriceImpactThreshold, severePriceImpactThreshold } from '@/__swaps__/screens/Swap/constants';
-import { divWorklet, greaterThanOrEqualToWorklet, subWorklet } from '@/__swaps__/safe-math/SafeMath';
+import { divWorklet, greaterThanOrEqualToWorklet, subWorklet } from '@/safe-math/SafeMath';
 import { inputValuesType } from '@/__swaps__/types/swap';
-import { convertAmountToNativeDisplayWorklet } from '@/__swaps__/utils/numbers';
+import { convertAmountToNativeDisplayWorklet } from '@/helpers/utilities';
 
 export enum SwapWarningType {
   unknown = 'unknown',
diff --git a/src/__swaps__/screens/Swap/providers/SyncSwapStateAndSharedValues.tsx b/src/__swaps__/screens/Swap/providers/SyncSwapStateAndSharedValues.tsx
index 99e1dfc56b8..65476eb5fd6 100644
--- a/src/__swaps__/screens/Swap/providers/SyncSwapStateAndSharedValues.tsx
+++ b/src/__swaps__/screens/Swap/providers/SyncSwapStateAndSharedValues.tsx
@@ -11,7 +11,7 @@ import {
   sumWorklet,
   toFixedWorklet,
   toScaledIntegerWorklet,
-} from '@/__swaps__/safe-math/SafeMath';
+} from '@/safe-math/SafeMath';
 import { ExtendedAnimatedAssetWithColors } from '@/__swaps__/types/assets';
 import { ChainId } from '@/chains/types';
 import { ParsedAddressAsset } from '@/entities';
diff --git a/src/__swaps__/screens/Swap/providers/swap-provider.tsx b/src/__swaps__/screens/Swap/providers/swap-provider.tsx
index bbc534d55cc..e3dc4bc6144 100644
--- a/src/__swaps__/screens/Swap/providers/swap-provider.tsx
+++ b/src/__swaps__/screens/Swap/providers/swap-provider.tsx
@@ -14,7 +14,7 @@ import {
   useSharedValue,
 } from 'react-native-reanimated';
 
-import { equalWorklet, lessThanOrEqualToWorklet, sumWorklet } from '@/__swaps__/safe-math/SafeMath';
+import { equalWorklet, lessThanOrEqualToWorklet, sumWorklet } from '@/safe-math/SafeMath';
 import { INITIAL_SLIDER_POSITION, SLIDER_COLLAPSED_HEIGHT, SLIDER_HEIGHT, SLIDER_WIDTH } from '@/__swaps__/screens/Swap/constants';
 import { useAnimatedSwapStyles } from '@/__swaps__/screens/Swap/hooks/useAnimatedSwapStyles';
 import { useSwapInputsController } from '@/__swaps__/screens/Swap/hooks/useSwapInputsController';
@@ -50,7 +50,7 @@ import { CrosschainQuote, Quote, QuoteError, SwapType } from '@rainbow-me/swaps'
 import { IS_IOS } from '@/env';
 import { Address } from 'viem';
 import { clearCustomGasSettings } from '../hooks/useCustomGas';
-import { getGasSettingsBySpeed, getSelectedGas, getSelectedGasSpeed } from '../hooks/useSelectedGas';
+import { getGasSettingsBySpeed, getSelectedGas } from '../hooks/useSelectedGas';
 import { useSwapOutputQuotesDisabled } from '../hooks/useSwapOutputQuotesDisabled';
 import { SyncGasStateToSharedValues, SyncQuoteSharedValuesToState } from './SyncSwapStateAndSharedValues';
 import { performanceTracking, Screens, TimeToSignOperation } from '@/state/performance/performance';
diff --git a/src/__swaps__/screens/Swap/resources/_selectors/assets.ts b/src/__swaps__/screens/Swap/resources/_selectors/assets.ts
index 4c3e8d8dbbf..65887b7d396 100644
--- a/src/__swaps__/screens/Swap/resources/_selectors/assets.ts
+++ b/src/__swaps__/screens/Swap/resources/_selectors/assets.ts
@@ -1,7 +1,7 @@
 import { ParsedAssetsDict, ParsedAssetsDictByChain, ParsedUserAsset, UniqueId } from '@/__swaps__/types/assets';
 import { ChainId } from '@/chains/types';
-import { deriveAddressAndChainWithUniqueId } from '@/__swaps__/utils/address';
-import { add } from '@/__swaps__/utils/numbers';
+import { getAddressAndChainIdFromUniqueId } from '@/utils/ethereumUtils';
+import { add } from '@/helpers/utilities';
 
 // selectors
 export function selectorFilterByUserChains<T>({
@@ -59,8 +59,8 @@ export function selectUserAssetAddressMapByChainId(assets: ParsedAssetsDictByCha
 // selector generators
 export function selectUserAssetWithUniqueId(uniqueId: UniqueId) {
   return (assets: ParsedAssetsDictByChain) => {
-    const { chain } = deriveAddressAndChainWithUniqueId(uniqueId);
-    return assets?.[chain]?.[uniqueId];
+    const { chainId } = getAddressAndChainIdFromUniqueId(uniqueId);
+    return assets?.[chainId]?.[uniqueId];
   };
 }
 
diff --git a/src/__swaps__/screens/Swap/resources/assets/assets.ts b/src/__swaps__/screens/Swap/resources/assets/assets.ts
deleted file mode 100644
index d9e01be8db7..00000000000
--- a/src/__swaps__/screens/Swap/resources/assets/assets.ts
+++ /dev/null
@@ -1,102 +0,0 @@
-import { useQuery } from '@tanstack/react-query';
-
-import { requestMetadata } from '@/graphql';
-import { QueryConfigWithSelect, QueryFunctionArgs, QueryFunctionResult, createQueryKey, queryClient } from '@/react-query';
-import { SupportedCurrencyKey } from '@/references';
-import { AddressOrEth, AssetMetadata, ParsedAsset, UniqueId } from '@/__swaps__/types/assets';
-import { ChainId } from '@/chains/types';
-import { chunkArray, createAssetQuery, parseAssetMetadata } from '@/__swaps__/utils/assets';
-import { RainbowError, logger } from '@/logger';
-export const ASSETS_TIMEOUT_DURATION = 10000;
-const ASSETS_REFETCH_INTERVAL = 60000;
-
-// ///////////////////////////////////////////////
-// Query Types
-
-export type AssetsQueryArgs = {
-  assetAddresses: AddressOrEth[];
-  chainId: ChainId;
-  currency: SupportedCurrencyKey;
-};
-
-// ///////////////////////////////////////////////
-// Query Key
-
-const assetsQueryKey = ({ assetAddresses, chainId, currency }: AssetsQueryArgs) =>
-  createQueryKey('assets', { assetAddresses, chainId, currency }, { persisterVersion: 2 });
-
-type AssetsQueryKey = ReturnType<typeof assetsQueryKey>;
-
-// ///////////////////////////////////////////////
-// Query Function
-
-export async function assetsQueryFunction({
-  queryKey: [{ assetAddresses, chainId, currency }],
-}: QueryFunctionArgs<typeof assetsQueryKey>): Promise<{
-  [key: UniqueId]: ParsedAsset;
-}> {
-  try {
-    if (!assetAddresses || !assetAddresses.length) return {};
-    const batches = chunkArray([...assetAddresses], 10); // chunking because a full batch would throw 413
-    const batchQueries = batches.map(batchedQuery => createAssetQuery(batchedQuery, chainId, currency, true), {
-      timeout: ASSETS_TIMEOUT_DURATION,
-    });
-
-    const batchResults = batchQueries.map(query => requestMetadata(query)) as Promise<Record<string, AssetMetadata>[]>[];
-    const results = (await Promise.all(batchResults))
-      .flat()
-      .map(r => Object.values(r))
-      .flat();
-    const parsedAssets = parseAssets(results, chainId, currency);
-    return parsedAssets;
-  } catch (e) {
-    logger.error(new RainbowError('[assetsQueryFunction]: Failed to fetch assets'), {
-      message: (e as Error)?.message,
-    });
-    return {};
-  }
-}
-
-type AssetsQueryResult = QueryFunctionResult<typeof assetsQueryFunction>;
-
-// ///////////////////////////////////////////////
-// Query Fetcher
-
-export async function fetchAssets(
-  { assetAddresses, chainId, currency }: AssetsQueryArgs,
-  config: QueryConfigWithSelect<AssetsQueryResult, Error, AssetsQueryResult, AssetsQueryKey> = {}
-) {
-  return await queryClient.fetchQuery(assetsQueryKey({ assetAddresses, chainId, currency }), assetsQueryFunction, config);
-}
-
-function parseAssets(assets: AssetMetadata[], chainId: ChainId, currency: SupportedCurrencyKey) {
-  return assets.reduce(
-    (assetsDict, asset) => {
-      const address = asset.networks?.[chainId]?.address;
-      if (address) {
-        const parsedAsset = parseAssetMetadata({
-          address,
-          asset,
-          chainId,
-          currency,
-        });
-        assetsDict[parsedAsset?.uniqueId] = parsedAsset;
-      }
-      return assetsDict;
-    },
-    {} as Record<UniqueId, ParsedAsset>
-  );
-}
-
-// ///////////////////////////////////////////////
-// Query Hook
-
-export function useAssets<TSelectData = AssetsQueryResult>(
-  { assetAddresses, chainId, currency }: AssetsQueryArgs,
-  config: QueryConfigWithSelect<AssetsQueryResult, Error, TSelectData, AssetsQueryKey> = {}
-) {
-  return useQuery(assetsQueryKey({ assetAddresses, chainId, currency }), assetsQueryFunction, {
-    ...config,
-    refetchInterval: ASSETS_REFETCH_INTERVAL,
-  });
-}
diff --git a/src/__swaps__/screens/Swap/resources/assets/index.ts b/src/__swaps__/screens/Swap/resources/assets/index.ts
index f485a083154..ae84cfa4ecc 100644
--- a/src/__swaps__/screens/Swap/resources/assets/index.ts
+++ b/src/__swaps__/screens/Swap/resources/assets/index.ts
@@ -1,4 +1,3 @@
-export { useAssets } from './assets';
 export { useUserAssets } from './userAssets';
 export type { UserAssetsArgs } from './userAssets';
 export { useUserAssetsByChain } from './userAssetsByChain';
diff --git a/src/__swaps__/screens/Swap/resources/assets/userAssets.ts b/src/__swaps__/screens/Swap/resources/assets/userAssets.ts
index 8fbe3f35a91..3feb82a433e 100644
--- a/src/__swaps__/screens/Swap/resources/assets/userAssets.ts
+++ b/src/__swaps__/screens/Swap/resources/assets/userAssets.ts
@@ -11,7 +11,7 @@ import { ParsedAssetsDictByChain, ZerionAsset } from '@/__swaps__/types/assets';
 import { ChainId } from '@/chains/types';
 import { AddressAssetsReceivedMessage } from '@/__swaps__/types/refraction';
 import { parseUserAsset } from '@/__swaps__/utils/assets';
-import { greaterThan } from '@/__swaps__/utils/numbers';
+import { greaterThan } from '@/helpers/utilities';
 
 import { fetchUserAssetsByChain } from './userAssetsByChain';
 import { fetchHardhatBalancesByChainId } from '@/resources/assets/hardhatAssets';
diff --git a/src/__swaps__/utils/__tests__/numbers.test.ts b/src/__swaps__/utils/__tests__/numbers.test.ts
index faf3be13c6b..7c4675acc04 100644
--- a/src/__swaps__/utils/__tests__/numbers.test.ts
+++ b/src/__swaps__/utils/__tests__/numbers.test.ts
@@ -1,4 +1,4 @@
-import { convertAmountToNativeDisplayWorklet } from '../numbers';
+import { convertAmountToNativeDisplayWorklet } from '@/helpers/utilities';
 import { supportedCurrencies } from '@/references/supportedCurrencies';
 
 const testCases = [
diff --git a/src/__swaps__/utils/address.ts b/src/__swaps__/utils/address.ts
deleted file mode 100644
index 1573c130a76..00000000000
--- a/src/__swaps__/utils/address.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import { Address } from 'viem';
-
-import { AddressOrEth, UniqueId } from '@/__swaps__/types/assets';
-import { ChainId } from '@/chains/types';
-
-export function truncateAddress(address?: AddressOrEth) {
-  if (!address) return '';
-  return `${address?.slice(0, 6)}…${address?.slice(-4)}`;
-}
-
-export function deriveAddressAndChainWithUniqueId(uniqueId: UniqueId) {
-  const fragments = uniqueId.split('_');
-  const address = fragments[0] as Address;
-  const chain = parseInt(fragments[1], 10) as ChainId;
-  return {
-    address,
-    chain,
-  };
-}
diff --git a/src/__swaps__/utils/assets.ts b/src/__swaps__/utils/assets.ts
index 7f5d6f0bb9b..87a135deec8 100644
--- a/src/__swaps__/utils/assets.ts
+++ b/src/__swaps__/utils/assets.ts
@@ -1,6 +1,4 @@
-import { AddressZero } from '@ethersproject/constants';
-
-import { ETH_ADDRESS, SupportedCurrencyKey } from '@/references';
+import { SupportedCurrencyKey } from '@/references';
 import {
   AddressOrEth,
   AssetApiResponse,
@@ -17,41 +15,25 @@ import { ChainId, ChainName } from '@/chains/types';
 import * as i18n from '@/languages';
 import { SearchAsset } from '@/__swaps__/types/search';
 
-import { customChainIdsToAssetNames, isNativeAsset } from '@/__swaps__/utils/chains';
+import { isNativeAsset } from '@/handlers/assets';
 import {
   convertAmountAndPriceToNativeDisplay,
   convertAmountToBalanceDisplay,
   convertAmountToNativeDisplayWorklet,
   convertAmountToPercentageDisplay,
   convertRawAmountToDecimalFormat,
-} from '@/__swaps__/utils/numbers';
-import { isLowerCaseMatch, isLowerCaseMatchWorklet } from '@/__swaps__/utils/strings';
+} from '@/helpers/utilities';
+import { isLowerCaseMatch } from '@/utils';
 import { chainsIdByName, chainsName } from '@/chains';
 
 export const isSameAsset = (a1: Pick<ParsedAsset, 'chainId' | 'address'>, a2: Pick<ParsedAsset, 'chainId' | 'address'>) =>
   +a1.chainId === +a2.chainId && isLowerCaseMatch(a1.address, a2.address);
 
-export const isSameAssetWorklet = (a1: Pick<ParsedAsset, 'chainId' | 'address'>, a2: Pick<ParsedAsset, 'chainId' | 'address'>) => {
-  'worklet';
-  return +a1.chainId === +a2.chainId && isLowerCaseMatchWorklet(a1.address, a2.address);
-};
-
 const get24HrChange = (priceData?: ZerionAssetPrice) => {
   const twentyFourHrChange = priceData?.relative_change_24h;
   return twentyFourHrChange ? convertAmountToPercentageDisplay(twentyFourHrChange) : '';
 };
 
-export const getCustomChainIconUrl = (chainId: ChainId, address: AddressOrEth) => {
-  if (!chainId || !customChainIdsToAssetNames[chainId]) return '';
-  const baseUrl = 'https://raw.githubusercontent.com/rainbow-me/assets/master/blockchains/';
-
-  if (address === AddressZero || address === ETH_ADDRESS) {
-    return `${baseUrl}${customChainIdsToAssetNames[chainId]}/info/logo.png`;
-  } else {
-    return `${baseUrl}${customChainIdsToAssetNames[chainId]}/assets/${address}/logo.png`;
-  }
-};
-
 export const getNativeAssetPrice = ({ priceData, currency }: { priceData?: ZerionAssetPrice; currency: SupportedCurrencyKey }) => {
   const priceUnit = priceData?.value;
   return {
@@ -121,7 +103,7 @@ export function parseAsset({ asset, currency }: { asset: ZerionAsset | AssetApiR
     symbol: asset.symbol,
     type: asset.type,
     decimals: asset.decimals,
-    icon_url: asset.icon_url || getCustomChainIconUrl(chainId, address),
+    icon_url: asset.icon_url,
     colors: asset.colors,
     standard,
     ...('networks' in asset && { networks: asset.networks }),
@@ -304,42 +286,3 @@ export const parseSearchAsset = ({
   colors: userAsset?.colors || assetWithPrice?.colors || searchAsset?.colors,
   type: userAsset?.type || assetWithPrice?.type || searchAsset?.type,
 });
-
-const assetQueryFragment = (
-  address: AddressOrEth,
-  chainId: ChainId,
-  currency: SupportedCurrencyKey,
-  index: number,
-  withPrice?: boolean
-) => {
-  const priceQuery = withPrice ? 'price { value relativeChange24h }' : '';
-  return `Q${index}: token(address: "${address}", chainID: ${chainId}, currency: "${currency}") {
-      colors {
-        primary
-        fallback
-        shadow
-      }
-      decimals
-      iconUrl
-      name
-      networks
-      symbol
-      ${priceQuery}
-  }`;
-};
-
-export const chunkArray = <TItem>(arr: TItem[], chunkSize: number) => {
-  const result = [];
-
-  for (let i = 0; i < arr.length; i += chunkSize) {
-    result.push(arr.slice(i, i + chunkSize));
-  }
-
-  return result;
-};
-
-export const createAssetQuery = (addresses: AddressOrEth[], chainId: ChainId, currency: SupportedCurrencyKey, withPrice?: boolean) => {
-  return `{
-        ${addresses.map((a, i) => assetQueryFragment(a, chainId, currency, i, withPrice)).join(',')}
-    }`;
-};
diff --git a/src/__swaps__/utils/chains.ts b/src/__swaps__/utils/chains.ts
deleted file mode 100644
index 63b1748d97a..00000000000
--- a/src/__swaps__/utils/chains.ts
+++ /dev/null
@@ -1,100 +0,0 @@
-import { celo, fantom, harmonyOne, moonbeam } from 'viem/chains';
-import { AddressOrEth } from '@/__swaps__/types/assets';
-import { ChainId } from '@/chains/types';
-import { isLowerCaseMatch } from '@/__swaps__/utils/strings';
-import { chainsNativeAsset } from '@/chains';
-
-// @ts-expect-error Property '[ChainId.hardhat]' is missing
-export const customChainIdsToAssetNames: Record<ChainId, string> = {
-  42170: 'arbitrumnova',
-  1313161554: 'aurora',
-  43114: 'avalanchex',
-  81457: 'blast',
-  168587773: 'blastsepolia',
-  288: 'boba',
-  42220: 'celo',
-  61: 'classic',
-  25: 'cronos',
-  2000: 'dogechain',
-  250: 'fantom',
-  314: 'filecoin',
-  1666600000: 'harmony',
-  13371: 'immutablezkevm',
-  2222: 'kavaevm',
-  8217: 'klaytn',
-  59144: 'linea',
-  957: 'lyra',
-  169: 'manta',
-  5000: 'mantle',
-  1088: 'metis',
-  34443: 'mode',
-  1284: 'moonbeam',
-  7700: 'nativecanto',
-  204: 'opbnb',
-  11297108109: 'palm',
-  424: 'pgn',
-  1101: 'polygonzkevm',
-  369: 'pulsechain',
-  1380012617: 'rari',
-  1918988905: 'raritestnet',
-  17001: 'redstoneholesky',
-  534352: 'scroll',
-  100: 'xdai',
-  324: 'zksync',
-};
-
-export function isNativeAsset(address: AddressOrEth, chainId: ChainId) {
-  return isLowerCaseMatch(chainsNativeAsset[chainId].address, address);
-}
-
-export const chainIdToUse = (connectedToHardhat: boolean, connectedToHardhatOp: boolean, activeSessionChainId: number) => {
-  if (connectedToHardhat) {
-    return ChainId.hardhat;
-  }
-  if (connectedToHardhatOp) {
-    return ChainId.hardhatOptimism;
-  }
-  return activeSessionChainId;
-};
-
-export const deriveChainIdByHostname = (hostname: string) => {
-  switch (hostname) {
-    case 'etherscan.io':
-      return ChainId.mainnet;
-    case 'arbiscan.io':
-      return ChainId.arbitrum;
-    case 'explorer-mumbai.maticvigil.com':
-    case 'explorer-mumbai.matic.today':
-    case 'mumbai.polygonscan.com':
-      return ChainId.polygonMumbai;
-    case 'polygonscan.com':
-      return ChainId.polygon;
-    case 'optimistic.etherscan.io':
-      return ChainId.optimism;
-    case 'bscscan.com':
-      return ChainId.bsc;
-    case 'ftmscan.com':
-      return fantom.id;
-    case 'explorer.celo.org':
-      return celo.id;
-    case 'explorer.harmony.one':
-      return harmonyOne.id;
-    case 'explorer.avax.network':
-    case 'subnets.avax.network':
-    case 'snowtrace.io':
-      return ChainId.avalanche;
-    case 'subnets-test.avax.network':
-    case 'testnet.snowtrace.io':
-      return ChainId.avalancheFuji;
-    case 'moonscan.io':
-      return moonbeam.id;
-    case 'explorer.holesky.redstone.xyz':
-      return 17001;
-    case 'blastscan.io':
-      return ChainId.blast;
-    case 'testnet.blastscan.io':
-      return 168587773;
-    default:
-      return ChainId.mainnet;
-  }
-};
diff --git a/src/__swaps__/utils/decimalFormatter.ts b/src/__swaps__/utils/decimalFormatter.ts
index fc0f9a943ec..437a707d150 100644
--- a/src/__swaps__/utils/decimalFormatter.ts
+++ b/src/__swaps__/utils/decimalFormatter.ts
@@ -7,7 +7,7 @@ import {
   toFixedWorklet,
   orderOfMagnitudeWorklet,
   significantDecimalsWorklet,
-} from '../safe-math/SafeMath';
+} from '@/safe-math/SafeMath';
 
 const MAXIMUM_SIGNIFICANT_DECIMALS = 6;
 const STABLECOIN_MINIMUM_SIGNIFICANT_DECIMALS = 2;
diff --git a/src/__swaps__/utils/ethereum.ts b/src/__swaps__/utils/ethereum.ts
deleted file mode 100644
index d929152b3f2..00000000000
--- a/src/__swaps__/utils/ethereum.ts
+++ /dev/null
@@ -1,124 +0,0 @@
-import { isAddress } from '@ethersproject/address';
-import { Mnemonic, isValidMnemonic } from '@ethersproject/hdnode';
-import { parseEther } from '@ethersproject/units';
-import { Address } from 'viem';
-import { EthereumPrivateKey } from '@/model/wallet';
-import { ethUnits } from '@/references';
-
-import { addHexPrefix, isHexStringIgnorePrefix } from '@/__swaps__/utils/hex';
-import { divide, multiply } from '@/__swaps__/utils/numbers';
-
-export type EthereumWalletSeed = EthereumPrivateKey | Mnemonic['phrase'];
-export enum EthereumWalletType {
-  mnemonic = 'mnemonic',
-  privateKey = 'privateKey',
-  readOnly = 'readOnly',
-  seed = 'seed',
-  ledgerPublicKey = 'ledgerPublicKey',
-  trezorPublicKey = 'trezorPublicKey',
-}
-
-const validTLDs = ['eth', 'xyz', 'luxe', 'kred', 'reverse', 'addr', 'test'];
-export const isENSAddressFormat = (name: string) => {
-  if (!name) return false;
-  const tld = name.split('.').at(-1);
-  if (!tld || tld === name) return false;
-  return validTLDs.includes(tld.toLowerCase());
-};
-
-/**
- * @desc Checks if a string is a valid private key.
- * @param value The string.
- * @return Whether or not the string is a valid private key string.
- */
-export const isValidPrivateKey = (value: string): boolean => {
-  return isHexStringIgnorePrefix(value) && addHexPrefix(value).length === 66;
-};
-
-export const identifyWalletType = (walletSeed: EthereumWalletSeed): EthereumWalletType => {
-  if (isValidPrivateKey(walletSeed)) {
-    return EthereumWalletType.privateKey;
-  }
-  // 12 or 24 words seed phrase
-  if (isValidMnemonic(walletSeed)) {
-    return EthereumWalletType.mnemonic;
-  }
-  // Public address (0x)
-  if (isAddress(walletSeed)) {
-    return EthereumWalletType.readOnly;
-  }
-  // seed
-  return EthereumWalletType.seed;
-};
-
-/**
- * @desc Checks if a an address has previous transactions
- * @param  {String} address
- * @return {Promise<Boolean>}
- */
-export const hasPreviousTransactions = async (address: Address): Promise<boolean> => {
-  try {
-    const url = `https://aha.rainbow.me/?address=${address}`;
-    const response = await fetch(url);
-    if (!response.ok) {
-      return false;
-    }
-
-    const parsedResponse = (await response.json()) as {
-      data: { addresses: Record<string, boolean> };
-    };
-
-    return parsedResponse?.data?.addresses[address.toLowerCase()] === true;
-  } catch (e) {
-    return false;
-  }
-};
-
-export const gweiToWei = (gweiAmount: string) => {
-  const weiAmount = multiply(gweiAmount, ethUnits.gwei);
-  return weiAmount;
-};
-
-export const weiToGwei = (weiAmount: string) => {
-  const gweiAmount = divide(weiAmount, ethUnits.gwei);
-  return gweiAmount;
-};
-
-export const toWei = (ether: string): string => {
-  const result = parseEther(ether);
-  return result.toString();
-};
-
-// This function removes all the keys from the message that are not present in the types
-// preventing a know phising attack where the signature process could allow malicious DApps
-// to trick users into signing an EIP-712 object different from the one presented
-// in the signature approval preview. Consequently, users were at risk of unknowingly
-// transferring control of their ERC-20 tokens, NFTs, etc to adversaries by signing
-// hidden Permit messages.
-
-// For more info read https://www.coinspect.com/wallet-EIP-712-injection-vulnerability/
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export const sanitizeTypedData = (data: any) => {
-  if (data.types[data.primaryType].length > 0) {
-    // Extract all the valid permit types for the primary type
-    const permitPrimaryTypes: string[] = data.types[data.primaryType].map((type: { name: string; type: string }) => type.name);
-
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const sanitizedMessage: any = {};
-    // Extract all the message keys that matches the valid permit types
-    Object.keys(data.message).forEach(key => {
-      if (permitPrimaryTypes.includes(key)) {
-        sanitizedMessage[key] = data.message[key];
-      }
-    });
-
-    const sanitizedData = {
-      ...data,
-      message: sanitizedMessage,
-    };
-
-    return sanitizedData;
-  }
-  return data;
-};
diff --git a/src/__swaps__/utils/flipAssets.ts b/src/__swaps__/utils/flipAssets.ts
index 3947b7b546d..683ee713139 100644
--- a/src/__swaps__/utils/flipAssets.ts
+++ b/src/__swaps__/utils/flipAssets.ts
@@ -3,7 +3,7 @@ import { inputKeys, inputMethods, inputValuesType } from '@/__swaps__/types/swap
 import { valueBasedDecimalFormatter } from '@/__swaps__/utils/decimalFormatter';
 import { niceIncrementFormatter } from '@/__swaps__/utils/swaps';
 import { ExtendedAnimatedAssetWithColors } from '@/__swaps__/types/assets';
-import { divWorklet, equalWorklet, greaterThanWorklet, mulWorklet } from '@/__swaps__/safe-math/SafeMath';
+import { divWorklet, equalWorklet, greaterThanWorklet, mulWorklet } from '@/safe-math/SafeMath';
 
 export function getInputValuesForSliderPositionWorklet({
   selectedInputAsset,
diff --git a/src/__swaps__/utils/gasUtils.ts b/src/__swaps__/utils/gasUtils.ts
index 2052ca02b18..64095c57b1b 100644
--- a/src/__swaps__/utils/gasUtils.ts
+++ b/src/__swaps__/utils/gasUtils.ts
@@ -4,6 +4,7 @@ import { BigNumberish } from '@ethersproject/bignumber';
 import { Contract, ContractInterface } from '@ethersproject/contracts';
 import { serialize } from '@ethersproject/transactions';
 import BigNumber from 'bignumber.js';
+import parseMilliseconds from 'parse-ms';
 
 import { globalColors } from '@/design-system';
 
@@ -14,9 +15,10 @@ import { ParsedAsset } from '@/__swaps__/types/assets';
 import { ChainId } from '@/chains/types';
 import { BlocksToConfirmation, GasFeeLegacyParams, GasFeeParam, GasFeeParams, GasSpeed } from '@/__swaps__/types/gas';
 
-import { gweiToWei, weiToGwei } from '@/__swaps__/utils/ethereum';
-import { addHexPrefix, convertStringToHex, toHex } from '@/__swaps__/utils/hex';
+import { gweiToWei, weiToGwei } from '@/parsers';
 import {
+  convertStringToHex,
+  lessThan,
   add,
   addBuffer,
   convertAmountAndPriceToNativeDisplay,
@@ -24,14 +26,59 @@ import {
   divide,
   fraction,
   greaterThan,
-  lessThan,
   multiply,
-} from '@/__swaps__/utils/numbers';
-import { getMinimalTimeUnitStringForMs } from '@/__swaps__/utils/time';
+} from '@/helpers/utilities';
+import { addHexPrefix, toHex } from '@/handlers/web3';
 import { MeteorologyLegacyResponse, MeteorologyResponse } from '@/entities/gas';
 
 export const FLASHBOTS_MIN_TIP = 6;
 
+export const buildLocalizedTimeUnitString = ({ plural, short, unit }: { plural?: boolean; short: boolean; unit: string }) => {
+  const length = short ? 'short' : 'long';
+  const plurality = plural ? 'plural' : 'singular';
+
+  return i18n.t(`time.${unit}.${length}.${plurality}`);
+};
+
+const getHighestResolutionUnit = (timeUnitKey?: string, timeUnitValues?: { [key: string]: number }) => {
+  const highestResolutionUnit = timeUnitKey || 'seconds';
+  return {
+    unit: highestResolutionUnit,
+    value: timeUnitValues?.[highestResolutionUnit] || 0,
+  };
+};
+
+/**
+ * @desc get time string for minimal unit
+ * @param {String} [value='']
+ * @param {Boolean} [short=true]
+ * @param {Boolean} [plural=false]
+ * @return {String}
+ */
+export const getMinimalTimeUnitStringForMs = (value: number, plural?: boolean, short = true): string => {
+  const ms = Number(value);
+
+  const { days, hours, minutes, seconds } = parseMilliseconds(Number(ms));
+
+  const times = { days, hours, minutes, seconds };
+  const timeUnitKey = Object.entries(times).find(([, value]) => value !== 0)?.[0];
+
+  const { unit: highestResolutionUnit, value: highestResolutionValue } = getHighestResolutionUnit(timeUnitKey, {
+    days,
+    hours,
+    minutes,
+    seconds,
+  });
+
+  const label = buildLocalizedTimeUnitString({
+    plural,
+    short,
+    unit: highestResolutionUnit,
+  });
+
+  return `${highestResolutionValue} ${label}`;
+};
+
 export const parseGasDataConfirmationTime = ({
   maxBaseFee,
   maxPriorityFee,
diff --git a/src/__swaps__/utils/hex.ts b/src/__swaps__/utils/hex.ts
deleted file mode 100644
index 8b00190bdd7..00000000000
--- a/src/__swaps__/utils/hex.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-import { isHexString } from '@ethersproject/bytes';
-import BigNumber from 'bignumber.js';
-import { startsWith } from 'lodash';
-
-export type BigNumberish = number | string | BigNumber;
-
-/**
- * @desc Checks if a hex string, ignoring prefixes and suffixes.
- * @param value The string.
- * @return Whether or not the string is a hex string.
- */
-export const isHexStringIgnorePrefix = (value: string): boolean => {
-  if (!value) return false;
-  const trimmedValue = value.trim();
-  const updatedValue = addHexPrefix(trimmedValue);
-  return isHexString(updatedValue);
-};
-
-/**
- * @desc Adds an "0x" prefix to a string if one is not present.
- * @param value The starting string.
- * @return The prefixed string.
- */
-export const addHexPrefix = (value: string): string => (startsWith(value, '0x') ? value : `0x${value}`);
-
-export const addHexPrefixWorklet = (value: string): string => {
-  'worklet';
-  return startsWith(value, '0x') ? value : `0x${value}`;
-};
-
-export const convertStringToHex = (stringToConvert: string): string => new BigNumber(stringToConvert).toString(16);
-
-export const toHex = (stringToConvert: string): string => addHexPrefix(convertStringToHex(stringToConvert));
-
-export const toHexNoLeadingZeros = (value: string): string => toHex(value).replace(/^0x0*/, '0x');
diff --git a/src/__swaps__/utils/meteorology.ts b/src/__swaps__/utils/meteorology.ts
index b7f80508866..4c9a2cb1cc3 100644
--- a/src/__swaps__/utils/meteorology.ts
+++ b/src/__swaps__/utils/meteorology.ts
@@ -11,7 +11,7 @@ import { MIN_FLASHBOTS_PRIORITY_FEE } from '../screens/Swap/constants';
 import { GasSettings } from '../screens/Swap/hooks/useCustomGas';
 import { getSelectedGasSpeed, useGasSettings } from '../screens/Swap/hooks/useSelectedGas';
 import { GasSpeed } from '../types/gas';
-import { getMinimalTimeUnitStringForMs } from './time';
+import { getMinimalTimeUnitStringForMs } from './gasUtils';
 import { MeteorologyLegacyResponse, MeteorologyResponse } from '@/entities/gas';
 
 // Query Types
diff --git a/src/__swaps__/utils/numbers.ts b/src/__swaps__/utils/numbers.ts
deleted file mode 100644
index c6c3e11a115..00000000000
--- a/src/__swaps__/utils/numbers.ts
+++ /dev/null
@@ -1,379 +0,0 @@
-import { BigNumber as EthersBigNumber } from '@ethersproject/bignumber';
-import BigNumber from 'bignumber.js';
-import currency from 'currency.js';
-import { isNil } from 'lodash';
-
-import { supportedNativeCurrencies } from '@/references';
-import { BigNumberish } from '@/__swaps__/utils/hex';
-import { divWorklet, lessThanWorklet, orderOfMagnitudeWorklet, powWorklet } from '../safe-math/SafeMath';
-
-type nativeCurrencyType = typeof supportedNativeCurrencies;
-
-export const toBigNumber = (v?: string | number | BigNumber) => (v ? EthersBigNumber.from(v) : undefined);
-
-export const abs = (value: BigNumberish): string => new BigNumber(value).abs().toFixed();
-
-export const isPositive = (value: BigNumberish): boolean => new BigNumber(value).isPositive();
-
-export const subtract = (numberOne: BigNumberish, numberTwo: BigNumberish): string =>
-  new BigNumber(numberOne).minus(new BigNumber(numberTwo)).toFixed();
-
-export const convertAmountToRawAmount = (value: BigNumberish, decimals: number | string): string =>
-  new BigNumber(value).times(new BigNumber(10).pow(decimals)).toFixed();
-
-export const isZero = (value: BigNumberish): boolean => new BigNumber(value).isZero();
-
-export const toFixedDecimals = (value: BigNumberish, decimals: number): string => new BigNumber(value).toFixed(decimals);
-
-export const convertNumberToString = (value: BigNumberish): string => new BigNumber(value).toFixed();
-
-export const greaterThan = (numberOne: BigNumberish, numberTwo: BigNumberish): boolean => new BigNumber(numberOne).gt(numberTwo);
-
-export const greaterThanOrEqualTo = (numberOne: BigNumberish, numberTwo: BigNumberish): boolean => new BigNumber(numberOne).gte(numberTwo);
-
-export const isEqual = (numberOne: BigNumberish, numberTwo: BigNumberish): boolean => new BigNumber(numberOne).eq(numberTwo);
-
-export const formatFixedDecimals = (value: BigNumberish, decimals: number): string => {
-  const _value = convertNumberToString(value);
-  const _decimals = convertStringToNumber(decimals);
-  return new BigNumber(new BigNumber(_value).toFixed(_decimals)).toFixed();
-};
-
-export const mod = (numberOne: BigNumberish, numberTwo: BigNumberish): string =>
-  new BigNumber(numberOne).mod(new BigNumber(numberTwo)).toFixed();
-
-/**
- * @desc real floor divides two numbers
- * @param  {Number}   numberOne
- * @param  {Number}   numberTwo
- * @return {String}
- */
-export const floorDivide = (numberOne: BigNumberish, numberTwo: BigNumberish): string =>
-  new BigNumber(numberOne).dividedToIntegerBy(new BigNumber(numberTwo)).toFixed();
-
-/**
- * @desc count value's number of decimals places
- * @param  {String}   value
- * @return {String}
- */
-export const countDecimalPlaces = (value: BigNumberish): number => new BigNumber(value).dp();
-
-/**
- * @desc update the amount to display precision
- * equivalent to ~0.01 of the native price
- * or use most significant decimal
- * if the updated precision amounts to zero
- * @param  {String}   amount
- * @param  {String}   nativePrice
- * @param  {Boolean}  use rounding up mode
- * @return {String}   updated amount
- */
-export const updatePrecisionToDisplay = (amount: BigNumberish, nativePrice?: BigNumberish, roundUp = false): string => {
-  if (!amount) return '0';
-  const roundingMode = roundUp ? BigNumber.ROUND_UP : BigNumber.ROUND_DOWN;
-  if (!nativePrice) return new BigNumber(amount).decimalPlaces(6, roundingMode).toFixed();
-  const bnAmount = new BigNumber(amount);
-  const significantDigitsOfNativePriceInteger = new BigNumber(nativePrice).decimalPlaces(0, BigNumber.ROUND_DOWN).sd(true);
-  const truncatedPrecision = new BigNumber(significantDigitsOfNativePriceInteger).plus(2, 10).toNumber();
-  const truncatedAmount = bnAmount.decimalPlaces(truncatedPrecision, BigNumber.ROUND_DOWN);
-  return truncatedAmount.isZero()
-    ? new BigNumber(bnAmount.toPrecision(1, roundingMode)).toFixed()
-    : bnAmount.decimalPlaces(truncatedPrecision, roundingMode).toFixed();
-};
-
-/**
- * @desc format inputOne value to signficant decimals given inputTwo
- * @param  {String}   inputOne
- * @param  {String}   inputTwo
- * @return {String}
- */
-// TODO revisit logic, at least rename so it is not native amount dp
-export const formatInputDecimals = (inputOne: BigNumberish, inputTwo: BigNumberish): string => {
-  const _nativeAmountDecimalPlaces = countDecimalPlaces(inputTwo);
-  const decimals = _nativeAmountDecimalPlaces > 8 ? _nativeAmountDecimalPlaces : 8;
-  const result = new BigNumber(formatFixedDecimals(inputOne, decimals)).toFormat().replace(/,/g, '');
-  return result;
-};
-
-export const add = (numberOne: BigNumberish, numberTwo: BigNumberish): string => new BigNumber(numberOne).plus(numberTwo).toFixed();
-
-export const minus = (numberOne: BigNumberish, numberTwo: BigNumberish): string => new BigNumber(numberOne).minus(numberTwo).toFixed();
-
-export const addDisplay = (numberOne: string, numberTwo: string): string => {
-  const unit = numberOne.replace(/[\d.-]/g, '');
-  const leftAlignedUnit = numberOne.indexOf(unit) === 0;
-  return currency(0, { symbol: unit, pattern: leftAlignedUnit ? '!#' : '#!' })
-    .add(numberOne)
-    .add(numberTwo)
-    .format();
-};
-
-export const multiply = (numberOne: BigNumberish, numberTwo: BigNumberish): string => new BigNumber(numberOne).times(numberTwo).toFixed();
-
-export const addBuffer = (numberOne: BigNumberish, buffer: BigNumberish = '1.2'): string =>
-  new BigNumber(numberOne).times(buffer).toFixed(0);
-
-export const divide = (numberOne: BigNumberish, numberTwo: BigNumberish): string => {
-  if (!(numberOne || numberTwo)) return '0';
-  return new BigNumber(numberOne).dividedBy(numberTwo).toFixed();
-};
-
-export const fraction = (target: BigNumberish, numerator: BigNumberish, denominator: BigNumberish): string => {
-  if (!target || !numerator || !denominator) return '0';
-  return new BigNumber(target).times(numerator).dividedBy(denominator).toFixed(0);
-};
-
-/**
- * @desc convert to asset amount units from native price value units
- * @param  {String}   value
- * @param  {Object}   asset
- * @param  {Number}   priceUnit
- * @return {String}
- */
-export const convertAmountFromNativeValue = (value: BigNumberish, priceUnit: BigNumberish, decimals = 18): string => {
-  if (isNil(priceUnit) || isZero(priceUnit)) return '0';
-  return new BigNumber(new BigNumber(value).dividedBy(priceUnit).toFixed(decimals, BigNumber.ROUND_DOWN)).toFixed();
-};
-
-export const convertStringToNumber = (value: BigNumberish) => new BigNumber(value).toNumber();
-
-export const lessThan = (numberOne: BigNumberish, numberTwo: BigNumberish): boolean => new BigNumber(numberOne).lt(numberTwo);
-
-export const lessOrEqualThan = (numberOne: BigNumberish, numberTwo: BigNumberish): boolean =>
-  new BigNumber(numberOne).lt(numberTwo) || new BigNumber(numberOne).eq(numberTwo);
-
-export const handleSignificantDecimalsWithThreshold = (value: BigNumberish, decimals: number, threshold = '0.0001') => {
-  const result = toFixedDecimals(value, decimals);
-  return lessThan(result, threshold) ? `< ${threshold}` : result;
-};
-
-export const handleSignificantDecimalsWorklet = (value: number | string, decimals: number, buffer = 3): string => {
-  'worklet';
-  let dec;
-
-  if (lessThanWorklet(value, 1)) {
-    const orderOfMagnitude = orderOfMagnitudeWorklet(value);
-    const sigDigitsWithBuffer = -orderOfMagnitude - 1 + buffer;
-    dec = Math.min(sigDigitsWithBuffer, 8);
-  } else {
-    dec = Math.min(decimals, buffer);
-  }
-  return Number(value).toLocaleString('en-US', {
-    useGrouping: true,
-    minimumFractionDigits: 2,
-    maximumFractionDigits: dec,
-  });
-};
-
-export const handleSignificantDecimals = (value: BigNumberish, decimals: number, buffer = 3, skipDecimals = false): string => {
-  let dec;
-  if (lessThan(new BigNumber(value).abs(), 1)) {
-    dec = new BigNumber(value).toFixed()?.slice?.(2).search(/[^0]/g) + buffer;
-    dec = Math.min(dec, 8);
-  } else {
-    dec = Math.min(decimals, buffer);
-  }
-  const result = new BigNumber(new BigNumber(value).toFixed(dec)).toFixed();
-  const resultBN = new BigNumber(result);
-  return resultBN.dp() <= 2 ? resultBN.toFormat(skipDecimals ? 0 : 2) : resultBN.toFormat();
-};
-
-export const handleSignificantDecimalsAsNumber = (value: BigNumberish, decimals: number): string => {
-  return new BigNumber(new BigNumber(multiply(value, new BigNumber(10).pow(decimals))).toFixed(0))
-    .dividedBy(new BigNumber(10).pow(decimals))
-    .toFixed();
-};
-
-/**
- * @desc convert from asset BigNumber amount to native price BigNumber amount
- */
-export const convertAmountToNativeAmount = (amount: BigNumberish, priceUnit: BigNumberish): string => multiply(amount, priceUnit);
-
-/**
- * @desc convert from amount to display formatted string
- */
-export const convertAmountAndPriceToNativeDisplay = (
-  amount: BigNumberish,
-  priceUnit: BigNumberish,
-  nativeCurrency: keyof nativeCurrencyType,
-  useThreshold = false
-): { amount: string; display: string } => {
-  const nativeBalanceRaw = convertAmountToNativeAmount(amount, priceUnit);
-  const nativeDisplay = convertAmountToNativeDisplayWorklet(nativeBalanceRaw, nativeCurrency, useThreshold);
-  return {
-    amount: nativeBalanceRaw,
-    display: nativeDisplay,
-  };
-};
-
-/**
- * @desc convert from raw amount to display formatted string
- */
-export const convertRawAmountToNativeDisplay = (
-  rawAmount: BigNumberish,
-  assetDecimals: number,
-  priceUnit: BigNumberish,
-  nativeCurrency: keyof nativeCurrencyType
-) => {
-  const assetBalance = convertRawAmountToDecimalFormat(rawAmount, assetDecimals);
-  const ret = convertAmountAndPriceToNativeDisplay(assetBalance, priceUnit, nativeCurrency);
-  return ret;
-};
-
-/**
- * @desc convert from raw amount to decimal format
- */
-export const convertRawAmountToDecimalFormatWorklet = (value: number | string, decimals = 18): string => {
-  'worklet';
-  return divWorklet(value, powWorklet(10, decimals));
-};
-
-/**
- * @desc convert from amount value to display formatted string
- */
-export const convertAmountToBalanceDisplayWorklet = (
-  value: number | string,
-  asset: { decimals: number; symbol?: string },
-  buffer?: number
-) => {
-  'worklet';
-  const decimals = asset?.decimals ?? 18;
-  const display = handleSignificantDecimalsWorklet(value, decimals, buffer);
-  return `${display} ${asset?.symbol || ''}`;
-};
-
-/**
- * @desc convert from raw amount to balance object
- */
-export const convertRawAmountToBalanceWorklet = (value: number | string, asset: { decimals: number; symbol?: string }, buffer?: number) => {
-  'worklet';
-  const decimals = asset?.decimals ?? 18;
-
-  const assetBalance = convertRawAmountToDecimalFormatWorklet(value, decimals);
-
-  return {
-    amount: assetBalance,
-    display: convertAmountToBalanceDisplayWorklet(assetBalance, asset, buffer),
-  };
-};
-
-/**
- * @desc convert from raw amount to balance object
- */
-export const convertRawAmountToBalance = (value: BigNumberish, asset: { decimals: number; symbol?: string }, buffer?: number) => {
-  const decimals = asset?.decimals ?? 18;
-  const assetBalance = convertRawAmountToDecimalFormat(value, decimals);
-
-  return {
-    amount: assetBalance,
-    display: convertAmountToBalanceDisplay(assetBalance, asset, buffer),
-  };
-};
-
-/**
- * @desc convert from amount value to display formatted string
- */
-export const convertAmountToBalanceDisplay = (value: BigNumberish, asset: { decimals: number; symbol?: string }, buffer?: number) => {
-  const decimals = asset?.decimals ?? 18;
-  const display = handleSignificantDecimals(value, decimals, buffer);
-  return `${display} ${asset?.symbol || ''}`;
-};
-
-/**
- * @desc convert from amount to display formatted string
- */
-export const convertAmountToPercentageDisplay = (value: BigNumberish, buffer?: number, skipDecimals?: boolean, decimals = 2): string => {
-  const display = handleSignificantDecimals(value, decimals, buffer, skipDecimals);
-  return `${display}%`;
-};
-
-/**
- * @desc convert from amount to display formatted string
- * with a threshold percent
- */
-export const convertAmountToPercentageDisplayWithThreshold = (value: BigNumberish, decimals = 2, threshold = '0.0001'): string => {
-  if (lessThan(value, threshold)) {
-    return '< 0.01%';
-  } else {
-    const display = new BigNumber(value).times(100).toFixed(decimals);
-    return `${display}%`;
-  }
-};
-
-/**
- * @desc convert from bips amount to percentage format
- */
-export const convertBipsToPercentage = (value: BigNumberish, decimals = 2): string => {
-  if (value === null) return '0';
-  return new BigNumber(value || 0).shiftedBy(-2).toFixed(decimals);
-};
-
-/**
- * @desc convert from amount value to display formatted string
- */
-export const convertAmountToNativeDisplayWorklet = (
-  value: number | string,
-  nativeCurrency: keyof nativeCurrencyType,
-  useThreshold = false,
-  ignoreAlignment = false
-) => {
-  'worklet';
-
-  const nativeSelected = supportedNativeCurrencies?.[nativeCurrency];
-  const { alignment, decimals: rawDecimals, symbol } = nativeSelected;
-  const decimals = Math.min(rawDecimals, 6);
-
-  const valueNumber = Number(value);
-  const threshold = decimals < 4 ? 0.01 : 0.0001;
-  let thresholdReached = false;
-
-  if (useThreshold && valueNumber < threshold) {
-    thresholdReached = true;
-  }
-
-  const nativeValue = thresholdReached
-    ? threshold
-    : valueNumber.toLocaleString('en-US', {
-        useGrouping: true,
-        minimumFractionDigits: nativeCurrency === 'ETH' ? undefined : decimals,
-        maximumFractionDigits: decimals,
-      });
-
-  const nativeDisplay = `${thresholdReached ? '<' : ''}${alignment === 'left' || ignoreAlignment ? symbol : ''}${nativeValue}${!ignoreAlignment && alignment === 'right' ? symbol : ''}`;
-
-  return nativeDisplay;
-};
-
-/**
- * @desc convert from raw amount to decimal format
- */
-export const convertRawAmountToDecimalFormat = (value: BigNumberish, decimals = 18): string =>
-  new BigNumber(value).dividedBy(new BigNumber(10).pow(decimals)).toFixed();
-
-/**
- * @desc convert from decimal format to raw amount
- */
-export const convertDecimalFormatToRawAmount = (value: string, decimals = 18): string =>
-  new BigNumber(value).multipliedBy(new BigNumber(10).pow(decimals)).toFixed(0);
-
-export const fromWei = (number: BigNumberish): string => convertRawAmountToDecimalFormat(number, 18);
-
-const decimalSeparator = '.';
-const lessThanPrefix = '<';
-
-export const formatNumber = (value: string, options?: { decimals?: number }) => {
-  if (!+value) return `0${decimalSeparator}0`;
-  if (+value < 0.0001) return `${lessThanPrefix}0${decimalSeparator}0001`;
-
-  const [whole, fraction = ''] = value.split(decimalSeparator);
-  const decimals = options?.decimals;
-  const paddedFraction = `${fraction.padEnd(decimals || 4, '0')}`;
-
-  if (decimals) {
-    if (decimals === 0) return whole;
-    return `${whole}${decimalSeparator}${paddedFraction.slice(0, decimals)}`;
-  }
-
-  if (+whole > 0) return `${whole}${decimalSeparator}${paddedFraction.slice(0, 2)}`;
-  return `0${decimalSeparator}${paddedFraction.slice(0, 4)}`;
-};
diff --git a/src/__swaps__/utils/strings.ts b/src/__swaps__/utils/strings.ts
deleted file mode 100644
index dd7c7d26615..00000000000
--- a/src/__swaps__/utils/strings.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-export const isLowerCaseMatch = (a?: string, b?: string) => a?.toLowerCase() === b?.toLowerCase();
-
-export const isLowerCaseMatchWorklet = (a?: string, b?: string) => {
-  'worklet';
-  return a?.toLowerCase() === b?.toLowerCase();
-};
-
-export const capitalize = (s = '') => s.charAt(0).toUpperCase() + s.slice(1);
-
-export const truncateString = (txt = '', maxLength = 22) => {
-  return `${txt?.slice(0, maxLength)}${txt.length > maxLength ? '…' : ''}`;
-};
diff --git a/src/__swaps__/utils/swaps.ts b/src/__swaps__/utils/swaps.ts
index d61abbfd6db..99c554c3289 100644
--- a/src/__swaps__/utils/swaps.ts
+++ b/src/__swaps__/utils/swaps.ts
@@ -33,12 +33,13 @@ import {
   powWorklet,
   roundWorklet,
   toFixedWorklet,
-} from '../safe-math/SafeMath';
-import { AddressOrEth, ExtendedAnimatedAssetWithColors, ParsedSearchAsset } from '../types/assets';
+} from '@/safe-math/SafeMath';
+import { ExtendedAnimatedAssetWithColors, ParsedSearchAsset } from '../types/assets';
 import { inputKeys } from '../types/swap';
 import { valueBasedDecimalFormatter } from './decimalFormatter';
-import { convertAmountToRawAmount } from './numbers';
+import { convertAmountToRawAmount } from '@/helpers/utilities';
 import { chainsName } from '@/chains';
+import { getUniqueId } from '@/utils/ethereumUtils';
 
 // /---- 🎨 Color functions 🎨 ----/ //
 //
@@ -51,14 +52,14 @@ export type ResponseByTheme<T> = {
   dark: T;
 };
 
-export const getColorValueForTheme = <T>(values: ResponseByTheme<T> | undefined, isDarkMode: boolean, useDefaults = false) => {
+export const getColorValueForTheme = <T>(values: ResponseByTheme<T> | undefined, isDarkMode: boolean) => {
   if (!values) {
     return isDarkMode ? ETH_COLOR_DARK : ETH_COLOR;
   }
   return isDarkMode ? values.dark : values.light;
 };
 
-export const getColorValueForThemeWorklet = <T>(values: ResponseByTheme<T> | undefined, isDarkMode: boolean, useDefaults = true) => {
+export const getColorValueForThemeWorklet = <T>(values: ResponseByTheme<T> | undefined, isDarkMode: boolean) => {
   'worklet';
 
   if (!values) {
@@ -534,11 +535,6 @@ const ETH_COLORS: Colors = {
   shadow: undefined,
 };
 
-export const getStandardizedUniqueIdWorklet = ({ address, chainId }: { address: AddressOrEth; chainId: ChainId }) => {
-  'worklet';
-  return `${address}_${chainId}`;
-};
-
 export const parseAssetAndExtend = ({
   asset,
   insertUserAssetBalance,
@@ -552,7 +548,7 @@ export const parseAssetAndExtend = ({
     colors: (isAssetEth ? ETH_COLORS : asset.colors) as TokenColors,
   });
 
-  const uniqueId = getStandardizedUniqueIdWorklet({ address: asset.address, chainId: asset.chainId });
+  const uniqueId = getUniqueId(asset.address, asset.chainId);
   const balance = insertUserAssetBalance ? userAssetsStore.getState().getUserAsset(uniqueId)?.balance || asset.balance : asset.balance;
 
   return {
diff --git a/src/__swaps__/utils/time.ts b/src/__swaps__/utils/time.ts
deleted file mode 100644
index 306caa25906..00000000000
--- a/src/__swaps__/utils/time.ts
+++ /dev/null
@@ -1,49 +0,0 @@
-import parseMilliseconds from 'parse-ms';
-
-import * as i18n from '@/languages';
-
-export const buildLocalizedTimeUnitString = ({ plural, short, unit }: { plural?: boolean; short: boolean; unit: string }) => {
-  const length = short ? 'short' : 'long';
-  const plurality = plural ? 'plural' : 'singular';
-
-  return i18n.t(`time.${unit}.${length}.${plurality}`);
-};
-
-const getHighestResolutionUnit = (timeUnitKey?: string, timeUnitValues?: { [key: string]: number }) => {
-  const highestResolutionUnit = timeUnitKey || 'seconds';
-  return {
-    unit: highestResolutionUnit,
-    value: timeUnitValues?.[highestResolutionUnit] || 0,
-  };
-};
-
-/**
- * @desc get time string for minimal unit
- * @param {String} [value='']
- * @param {Boolean} [short=true]
- * @param {Boolean} [plural=false]
- * @return {String}
- */
-export const getMinimalTimeUnitStringForMs = (value: number, plural?: boolean, short = true): string => {
-  const ms = Number(value);
-
-  const { days, hours, minutes, seconds } = parseMilliseconds(Number(ms));
-
-  const times = { days, hours, minutes, seconds };
-  const timeUnitKey = Object.entries(times).find(([, value]) => value !== 0)?.[0];
-
-  const { unit: highestResolutionUnit, value: highestResolutionValue } = getHighestResolutionUnit(timeUnitKey, {
-    days,
-    hours,
-    minutes,
-    seconds,
-  });
-
-  const label = buildLocalizedTimeUnitString({
-    plural,
-    short,
-    unit: highestResolutionUnit,
-  });
-
-  return `${highestResolutionValue} ${label}`;
-};
diff --git a/src/__swaps__/utils/userChains.ts b/src/__swaps__/utils/userChains.ts
deleted file mode 100644
index d10e850fe4f..00000000000
--- a/src/__swaps__/utils/userChains.ts
+++ /dev/null
@@ -1,75 +0,0 @@
-import {
-  Chain,
-  arbitrum,
-  arbitrumGoerli,
-  arbitrumSepolia,
-  avalanche,
-  avalancheFuji,
-  base,
-  baseSepolia,
-  bsc,
-  bscTestnet,
-  holesky,
-  optimism,
-  optimismSepolia,
-  polygon,
-  polygonMumbai,
-  zora,
-  zoraSepolia,
-  goerli,
-  mainnet,
-  sepolia,
-} from 'viem/chains';
-
-import { ChainId } from '@/chains/types';
-import { chainsLabel } from '@/chains';
-
-export const chainIdMap: Record<
-  ChainId.mainnet | ChainId.optimism | ChainId.polygon | ChainId.base | ChainId.bsc | ChainId.zora | ChainId.avalanche,
-  ChainId[]
-> = {
-  [ChainId.mainnet]: [mainnet.id, goerli.id, sepolia.id, holesky.id],
-  [ChainId.optimism]: [optimism.id, optimismSepolia.id],
-  [ChainId.arbitrum]: [arbitrum.id, arbitrumGoerli.id, arbitrumSepolia.id],
-  [ChainId.polygon]: [polygon.id, polygonMumbai.id],
-  [ChainId.base]: [base.id, baseSepolia.id],
-  [ChainId.bsc]: [bsc.id, bscTestnet.id],
-  [ChainId.zora]: [zora.id, zoraSepolia.id],
-  [ChainId.avalanche]: [avalanche.id, avalancheFuji.id],
-};
-
-export const chainLabelMap: Record<
-  ChainId.mainnet | ChainId.optimism | ChainId.polygon | ChainId.base | ChainId.bsc | ChainId.zora | ChainId.avalanche,
-  string[]
-> = {
-  [ChainId.mainnet]: [chainsLabel[goerli.id], chainsLabel[sepolia.id], chainsLabel[holesky.id]],
-  [ChainId.optimism]: [chainsLabel[optimismSepolia.id]],
-  [ChainId.arbitrum]: [chainsLabel[arbitrumGoerli.id], chainsLabel[arbitrumSepolia.id]],
-  [ChainId.polygon]: [chainsLabel[polygonMumbai.id]],
-  [ChainId.base]: [chainsLabel[baseSepolia.id]],
-  [ChainId.bsc]: [chainsLabel[bscTestnet.id]],
-  [ChainId.zora]: [chainsLabel[zoraSepolia.id]],
-  [ChainId.avalanche]: [chainsLabel[avalancheFuji.id]],
-};
-
-export const sortNetworks = (order: ChainId[], chains: Chain[]) => {
-  const allChainsOrder = order?.map(chainId => chainIdMap[chainId] || [chainId])?.flat();
-  const ordered = chains.sort((a, b) => {
-    const aIndex = allChainsOrder.indexOf(a.id);
-    const bIndex = allChainsOrder.indexOf(b.id);
-    if (aIndex === -1) return bIndex === -1 ? 0 : 1;
-    if (bIndex === -1) return -1;
-    return aIndex - bIndex;
-  });
-  return ordered;
-};
-
-export const filterUserNetworks = ({ userChains }: { userChains: Record<ChainId, boolean> }) => {
-  const availableChains = Object.keys(userChains)
-    .filter(chainId => userChains[Number(chainId)] === true)
-    .map(chainId => Number(chainId));
-
-  const allAvailableUserChains = availableChains.map(chainId => chainIdMap[chainId]).flat();
-
-  return allAvailableUserChains;
-};
diff --git a/src/components/asset-list/RecyclerAssetList2/Claimable.tsx b/src/components/asset-list/RecyclerAssetList2/Claimable.tsx
index 0924ee1c320..7a34dd140fd 100644
--- a/src/components/asset-list/RecyclerAssetList2/Claimable.tsx
+++ b/src/components/asset-list/RecyclerAssetList2/Claimable.tsx
@@ -7,7 +7,7 @@ import { ButtonPressAnimation } from '@/components/animations';
 import { deviceUtils } from '@/utils';
 import Routes from '@/navigation/routesNames';
 import { ExtendedState } from './core/RawRecyclerList';
-import { convertAmountToNativeDisplayWorklet } from '@/__swaps__/utils/numbers';
+import { convertAmountToNativeDisplayWorklet } from '@/helpers/utilities';
 import { analyticsV2 } from '@/analytics';
 
 export const Claimable = React.memo(function Claimable({ uniqueId, extendedState }: { uniqueId: string; extendedState: ExtendedState }) {
diff --git a/src/components/expanded-state/CustomGasState.js b/src/components/expanded-state/CustomGasState.js
index 17f88806c0b..90fdb475d36 100644
--- a/src/components/expanded-state/CustomGasState.js
+++ b/src/components/expanded-state/CustomGasState.js
@@ -14,8 +14,6 @@ import styled from '@/styled-thing';
 import { margin } from '@/styles';
 import { deviceUtils } from '@/utils';
 import { IS_ANDROID } from '@/env';
-import { useSelector } from 'react-redux';
-import { getCrosschainSwapServiceTime } from '@/handlers/swap';
 import FeesPanel from '@/components/FeesPanel';
 import FeesPanelTabs from '@/components/FeesPanelTabs';
 
@@ -43,7 +41,6 @@ export default function CustomGasState({ asset }) {
   const colorForAsset = useColorForAsset(asset || {}, fallbackColor, false, true);
   const { selectedGasFee, currentBlockParams, chainId } = useGas();
   const [canGoBack, setCanGoBack] = useState(true);
-  const { tradeDetails } = useSelector(state => state.swap);
 
   const validateGasParams = useRef(null);
   useAndroidDisableGesturesOnFocus();
@@ -100,7 +97,6 @@ export default function CustomGasState({ asset }) {
           theme="dark"
           validateGasParams={validateGasParams}
           marginTop={19}
-          crossChainServiceTime={getCrosschainSwapServiceTime(tradeDetails)}
         />
       </Column>
     </SlackSheet>
diff --git a/src/components/expanded-state/asset/ChartExpandedState.js b/src/components/expanded-state/asset/ChartExpandedState.js
index d54bce38627..59ccaad7e29 100644
--- a/src/components/expanded-state/asset/ChartExpandedState.js
+++ b/src/components/expanded-state/asset/ChartExpandedState.js
@@ -16,7 +16,7 @@ import ExpandedStateSection from '../ExpandedStateSection';
 import SocialLinks from './SocialLinks';
 import { ChartPathProvider } from '@/react-native-animated-charts/src';
 import { isL2Chain, isTestnetChain } from '@/handlers/web3';
-import AssetInputTypes from '@/helpers/assetInputTypes';
+import { SwapAssetType } from '@/__swaps__/types/swap';
 import {
   useAccountSettings,
   useAdditionalAssetData,
@@ -291,7 +291,7 @@ export default function ChartExpandedState({ asset }) {
       {!needsEth ? (
         <SheetActionButtonRow paddingBottom={isL2 ? 19 : undefined}>
           {hasBalance && !isTestnet && swapEnabled && (
-            <SwapActionButton asset={assetWithPrice} color={color} inputType={AssetInputTypes.in} />
+            <SwapActionButton asset={assetWithPrice} color={color} inputType={SwapAssetType.inputAsset} />
           )}
           {hasBalance ? (
             isTransferable ? (
@@ -302,7 +302,7 @@ export default function ChartExpandedState({ asset }) {
               asset={assetWithPrice}
               color={color}
               fromDiscover={fromDiscover}
-              inputType={AssetInputTypes.out}
+              inputType={SwapAssetType.outputAsset}
               label={`􀖅 ${lang.t('expanded_state.asset.get_asset', {
                 assetSymbol: asset?.symbol,
               })}`}
diff --git a/src/components/sheet/sheet-action-buttons/BuyActionButton.js b/src/components/sheet/sheet-action-buttons/BuyActionButton.js
index 7521babd131..993e1b4e6f2 100644
--- a/src/components/sheet/sheet-action-buttons/BuyActionButton.js
+++ b/src/components/sheet/sheet-action-buttons/BuyActionButton.js
@@ -3,17 +3,17 @@ import React, { useCallback } from 'react';
 import SheetActionButton from './SheetActionButton';
 import { analyticsV2 } from '@/analytics';
 import showWalletErrorAlert from '@/helpers/support';
-import { useAccountSettings, useExpandedStateNavigation, useWallets } from '@/hooks';
+import { useWallets } from '@/hooks';
 
 import Routes from '@/navigation/routesNames';
 import { useRoute } from '@react-navigation/native';
+import { useNavigation } from '@/navigation';
 
 function BuyActionButton({ color: givenColor, asset, ...props }) {
   const { colors } = useTheme();
   const color = givenColor || colors.paleBlue;
-  const navigate = useExpandedStateNavigation(null, true, asset);
+  const { navigate } = useNavigation();
   const { isDamaged } = useWallets();
-  const { accountAddress } = useAccountSettings();
   const { name: routeName } = useRoute();
 
   const handlePress = useCallback(() => {
@@ -22,13 +22,15 @@ function BuyActionButton({ color: givenColor, asset, ...props }) {
       return;
     }
 
-    navigate(Routes.ADD_CASH_SHEET, params => params);
+    navigate(Routes.ADD_CASH_SHEET, {
+      asset,
+    });
 
     analyticsV2.track(analyticsV2.event.buyButtonPressed, {
       componentName: 'BuyActionButton',
       routeName,
     });
-  }, [accountAddress, isDamaged, navigate, routeName]);
+  }, [asset, isDamaged, navigate, routeName]);
 
   return <SheetActionButton {...props} color={color} label={`􀍰 ${lang.t('button.buy_eth')}`} onPress={handlePress} weight="bold" />;
 }
diff --git a/src/components/sheet/sheet-action-buttons/SendActionButton.js b/src/components/sheet/sheet-action-buttons/SendActionButton.js
index 6e572903210..b1c22d08417 100644
--- a/src/components/sheet/sheet-action-buttons/SendActionButton.js
+++ b/src/components/sheet/sheet-action-buttons/SendActionButton.js
@@ -1,24 +1,19 @@
 import lang from 'i18n-js';
 import React, { useCallback } from 'react';
 import SheetActionButton from './SheetActionButton';
-import { useExpandedStateNavigation } from '@/hooks';
 import Routes from '@/navigation/routesNames';
 import { IS_IOS } from '@/env';
+import { useNavigation } from '@/navigation';
 
 function SendActionButton({ asset, color: givenColor, ...props }) {
   const { colors } = useTheme();
   const color = givenColor || colors.paleBlue;
-  const navigate = useExpandedStateNavigation(null, false, asset);
+  const { navigate } = useNavigation();
   const handlePress = useCallback(
     () =>
-      navigate(Routes.SEND_FLOW, params => {
-        const updatedParams = { ...params, asset };
-        return IS_IOS
-          ? {
-              params: updatedParams,
-              screen: Routes.SEND_SHEET,
-            }
-          : { ...updatedParams };
+      navigate(Routes.SEND_FLOW, {
+        asset,
+        ...(IS_IOS ? { screen: Routes.SEND_SHEET } : {}),
       }),
     [navigate, asset]
   );
diff --git a/src/components/sheet/sheet-action-buttons/SwapActionButton.tsx b/src/components/sheet/sheet-action-buttons/SwapActionButton.tsx
index 3d534f6ab56..7cb7a45e215 100644
--- a/src/components/sheet/sheet-action-buttons/SwapActionButton.tsx
+++ b/src/components/sheet/sheet-action-buttons/SwapActionButton.tsx
@@ -10,7 +10,7 @@ import { enableActionsOnReadOnlyWallet } from '@/config';
 import { ethereumUtils, watchingAlert } from '@/utils';
 import { userAssetsStore } from '@/state/assets/userAssets';
 import { isSameAsset, parseSearchAsset } from '@/__swaps__/utils/assets';
-import assetInputTypes from '@/helpers/assetInputTypes';
+import { SwapAssetType } from '@/__swaps__/types/swap';
 import { swapsStore } from '@/state/swaps/swapsStore';
 import { InteractionManager } from 'react-native';
 import { AddressOrEth, AssetType, ParsedSearchAsset } from '@/__swaps__/types/assets';
@@ -19,7 +19,7 @@ import { chainsIdByName, chainsName } from '@/chains';
 type SwapActionButtonProps = {
   asset: RainbowToken;
   color: string;
-  inputType: 'in' | 'out';
+  inputType: SwapAssetType;
   label?: string;
   weight?: string;
 };
@@ -68,7 +68,7 @@ function SwapActionButton({ asset, color: givenColor, inputType, label, weight =
       userAsset,
     });
 
-    if (inputType === assetInputTypes.in) {
+    if (inputType === SwapAssetType.inputAsset) {
       swapsStore.setState({ inputAsset: userAsset || parsedAsset });
 
       const nativeAssetForChain = await ethereumUtils.getNativeAssetForNetwork({ chainId });
diff --git a/src/helpers/assetInputTypes.ts b/src/helpers/assetInputTypes.ts
deleted file mode 100644
index d874f078f95..00000000000
--- a/src/helpers/assetInputTypes.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export default {
-  in: 'in',
-  out: 'out',
-};
diff --git a/src/helpers/ens.ts b/src/helpers/ens.ts
index d00fbd56622..d3611b2beb1 100644
--- a/src/helpers/ens.ts
+++ b/src/helpers/ens.ts
@@ -606,17 +606,11 @@ const formatEstimatedNetworkFee = (
   };
 };
 
-const formatTotalRegistrationCost = (wei: string, nativeCurrency: any, nativeAssetPrice: any, skipDecimals = false) => {
+const formatTotalRegistrationCost = (wei: string, nativeCurrency: any, nativeAssetPrice: any) => {
   const networkFeeInEth = fromWei(wei);
   const eth = handleSignificantDecimals(networkFeeInEth, 3);
 
-  const { amount, display } = convertAmountAndPriceToNativeDisplay(
-    networkFeeInEth,
-    nativeAssetPrice,
-    nativeCurrency,
-    undefined,
-    skipDecimals
-  );
+  const { amount, display } = convertAmountAndPriceToNativeDisplay(networkFeeInEth, nativeAssetPrice, nativeCurrency);
 
   return {
     amount,
@@ -651,13 +645,11 @@ const formatRentPrice = (rentPrice: BigNumberish, duration: number, nativeCurren
   const rentPricePerYear = getRentPricePerYear(rentPriceInETH, duration);
   const rentPricePerYearInWei = divide(rentPrice.toString(), duration);
 
-  const { amount, display } = convertAmountAndPriceToNativeDisplay(rentPriceInETH, nativeAssetPrice, nativeCurrency, undefined, true);
+  const { amount, display } = convertAmountAndPriceToNativeDisplay(rentPriceInETH, nativeAssetPrice, nativeCurrency);
   const { display: displayPerYear, amount: amountPerYear } = convertAmountAndPriceToNativeDisplay(
     rentPricePerYear,
     nativeAssetPrice,
-    nativeCurrency,
-    undefined,
-    true
+    nativeCurrency
   );
 
   return {
diff --git a/src/helpers/utilities.ts b/src/helpers/utilities.ts
index 47eb112d4a2..eb5b534f9a5 100644
--- a/src/helpers/utilities.ts
+++ b/src/helpers/utilities.ts
@@ -2,6 +2,8 @@ import BigNumber from 'bignumber.js';
 import currency from 'currency.js';
 import { isNil } from 'lodash';
 import { supportedNativeCurrencies } from '@/references';
+import { divWorklet, lessThanWorklet, orderOfMagnitudeWorklet, powWorklet } from '@/safe-math/SafeMath';
+import { buffer } from 'node:stream/consumers';
 
 type BigNumberish = number | string | BigNumber;
 
@@ -205,6 +207,24 @@ export const abbreviateNumber = (number: number, decimals = 1): string => {
   return prefix.toFixed(decimals).replace(/\.0$/, '') + suffix;
 };
 
+export const handleSignificantDecimalsWorklet = (value: number | string, decimals: number, buffer = 3): string => {
+  'worklet';
+  let dec;
+
+  if (lessThanWorklet(value, 1)) {
+    const orderOfMagnitude = orderOfMagnitudeWorklet(value);
+    const sigDigitsWithBuffer = -orderOfMagnitude - 1 + buffer;
+    dec = Math.min(sigDigitsWithBuffer, 8);
+  } else {
+    dec = Math.min(decimals, buffer);
+  }
+  return Number(value).toLocaleString('en-US', {
+    useGrouping: true,
+    minimumFractionDigits: 2,
+    maximumFractionDigits: dec,
+  });
+};
+
 export const handleSignificantDecimals = (
   value: BigNumberish,
   decimals: number,
@@ -238,11 +258,10 @@ export const convertAmountAndPriceToNativeDisplay = (
   amount: BigNumberish,
   priceUnit: BigNumberish,
   nativeCurrency: keyof nativeCurrencyType,
-  buffer?: number,
-  skipDecimals = false
+  useThreshold = false
 ): { amount: string; display: string } => {
   const nativeBalanceRaw = convertAmountToNativeAmount(amount, priceUnit);
-  const nativeDisplay = convertAmountToNativeDisplay(nativeBalanceRaw, nativeCurrency, buffer, skipDecimals);
+  const nativeDisplay = convertAmountToNativeDisplayWorklet(nativeBalanceRaw, nativeCurrency, useThreshold);
   return {
     amount: nativeBalanceRaw,
     display: nativeDisplay,
@@ -256,11 +275,40 @@ export const convertRawAmountToNativeDisplay = (
   rawAmount: BigNumberish,
   assetDecimals: number,
   priceUnit: BigNumberish,
-  nativeCurrency: keyof nativeCurrencyType,
-  buffer?: number
+  nativeCurrency: keyof nativeCurrencyType
 ) => {
   const assetBalance = convertRawAmountToDecimalFormat(rawAmount, assetDecimals);
-  return convertAmountAndPriceToNativeDisplay(assetBalance, priceUnit, nativeCurrency, buffer);
+  return convertAmountAndPriceToNativeDisplay(assetBalance, priceUnit, nativeCurrency);
+};
+
+/**
+ * @worklet
+ * @desc convert from raw amount to balance object
+ */
+export const convertRawAmountToBalanceWorklet = (value: number | string, asset: { decimals: number; symbol?: string }, buffer?: number) => {
+  'worklet';
+  const decimals = asset?.decimals ?? 18;
+
+  const assetBalance = convertRawAmountToDecimalFormatWorklet(value, decimals);
+
+  return {
+    amount: assetBalance,
+    display: convertAmountToBalanceDisplayWorklet(assetBalance, asset, buffer),
+  };
+};
+
+/**
+ * @desc convert from amount value to display formatted string
+ */
+export const convertAmountToBalanceDisplayWorklet = (
+  value: number | string,
+  asset: { decimals: number; symbol?: string },
+  buffer?: number
+) => {
+  'worklet';
+  const decimals = asset?.decimals ?? 18;
+  const display = handleSignificantDecimalsWorklet(value, decimals, buffer);
+  return `${display} ${asset?.symbol || ''}`;
 };
 
 /**
@@ -325,6 +373,42 @@ export const convertBipsToPercentage = (value: BigNumberish | null, decimals = 2
   return new BigNumber(value || 0).shiftedBy(-2).toFixed(decimals);
 };
 
+/**
+ * @desc convert from amount value to display formatted string
+ */
+export const convertAmountToNativeDisplayWorklet = (
+  value: number | string,
+  nativeCurrency: keyof nativeCurrencyType,
+  useThreshold = false,
+  ignoreAlignment = false
+) => {
+  'worklet';
+
+  const nativeSelected = supportedNativeCurrencies?.[nativeCurrency];
+  const { alignment, decimals: rawDecimals, symbol } = nativeSelected;
+  const decimals = Math.min(rawDecimals, 6);
+
+  const valueNumber = Number(value);
+  const threshold = decimals < 4 ? 0.01 : 0.0001;
+  let thresholdReached = false;
+
+  if (useThreshold && valueNumber < threshold) {
+    thresholdReached = true;
+  }
+
+  const nativeValue = thresholdReached
+    ? threshold
+    : valueNumber.toLocaleString('en-US', {
+        useGrouping: true,
+        minimumFractionDigits: nativeCurrency === 'ETH' ? undefined : decimals,
+        maximumFractionDigits: decimals,
+      });
+
+  const nativeDisplay = `${thresholdReached ? '<' : ''}${alignment === 'left' || ignoreAlignment ? symbol : ''}${nativeValue}${!ignoreAlignment && alignment === 'right' ? symbol : ''}`;
+
+  return nativeDisplay;
+};
+
 /**
  * @desc convert from amount value to display formatted string
  */
@@ -356,6 +440,14 @@ export const convertRawAmountToRoundedDecimal = (value: BigNumberish, decimals =
   }
 };
 
+/**
+ * @desc convert from raw amount to decimal format
+ */
+export const convertRawAmountToDecimalFormatWorklet = (value: number | string, decimals = 18): string => {
+  'worklet';
+  return divWorklet(value, powWorklet(10, decimals));
+};
+
 /**
  * @desc convert from raw amount to decimal format
  */
@@ -461,3 +553,23 @@ export const getFormattedTimeQuantity = (ms: number, maxUnits?: number): string
     .slice(0, maxUnits)
     .join(' ');
 };
+
+const decimalSeparator = '.';
+const lessThanPrefix = '<';
+
+export const formatNumber = (value: string, options?: { decimals?: number }) => {
+  if (!+value) return `0${decimalSeparator}0`;
+  if (+value < 0.0001) return `${lessThanPrefix}0${decimalSeparator}0001`;
+
+  const [whole, fraction = ''] = value.split(decimalSeparator);
+  const decimals = options?.decimals;
+  const paddedFraction = `${fraction.padEnd(decimals || 4, '0')}`;
+
+  if (decimals) {
+    if (decimals === 0) return whole;
+    return `${whole}${decimalSeparator}${paddedFraction.slice(0, decimals)}`;
+  }
+
+  if (+whole > 0) return `${whole}${decimalSeparator}${paddedFraction.slice(0, 2)}`;
+  return `0${decimalSeparator}${paddedFraction.slice(0, 4)}`;
+};
diff --git a/src/hooks/index.ts b/src/hooks/index.ts
index 8cbf4378129..47e506e3864 100644
--- a/src/hooks/index.ts
+++ b/src/hooks/index.ts
@@ -40,7 +40,6 @@ export { default as useENSRegistrationCosts } from './useENSRegistrationCosts';
 export { default as useENSRegistrationForm } from './useENSRegistrationForm';
 export { default as useENSSearch } from './useENSSearch';
 export { default as useENSUniqueToken } from './useENSUniqueToken';
-export { default as useExpandedStateNavigation } from './useExpandedStateNavigation';
 export { default as useExternalWalletSectionsData } from './useExternalWalletSectionsData';
 export { default as useFetchHiddenTokens } from './useFetchHiddenTokens';
 export { default as useGas } from './useGas';
diff --git a/src/hooks/useExpandedStateNavigation.ts b/src/hooks/useExpandedStateNavigation.ts
deleted file mode 100644
index 2a3b212b220..00000000000
--- a/src/hooks/useExpandedStateNavigation.ts
+++ /dev/null
@@ -1,50 +0,0 @@
-import { useCallback, useMemo } from 'react';
-import { InteractionManager } from 'react-native';
-
-import useWallets from './useWallets';
-import { enableActionsOnReadOnlyWallet } from '@/config';
-import AssetInputTypes from '@/helpers/assetInputTypes';
-import { useNavigation } from '@/navigation';
-import { watchingAlert } from '@/utils';
-import { RainbowToken } from '@/entities';
-
-export default function useExpandedStateNavigation(
-  inputType: (typeof AssetInputTypes)[keyof typeof AssetInputTypes] | null,
-  fromDiscover = false,
-  asset: RainbowToken
-) {
-  const { goBack, navigate } = useNavigation();
-  const { isReadOnlyWallet } = useWallets();
-
-  const navigationPayload = useMemo(() => {
-    switch (inputType) {
-      case AssetInputTypes.in:
-        return {
-          fromDiscover,
-          inputAsset: asset,
-        };
-      case AssetInputTypes.out:
-        return {
-          fromDiscover,
-          outputAsset: asset,
-        };
-      default:
-        return { asset };
-    }
-  }, [asset, fromDiscover, inputType]);
-
-  return useCallback(
-    (routeName: string, traverseParams: any) => {
-      if (isReadOnlyWallet && !enableActionsOnReadOnlyWallet) {
-        watchingAlert();
-        return;
-      }
-
-      InteractionManager.runAfterInteractions(goBack);
-      InteractionManager.runAfterInteractions(() => {
-        setTimeout(() => navigate(routeName, traverseParams(navigationPayload)), 50);
-      });
-    },
-    [goBack, isReadOnlyWallet, navigate, navigationPayload]
-  );
-}
diff --git a/src/migrations/migrations/migrateFavorites.ts b/src/migrations/migrations/migrateFavorites.ts
index 4ffa4c52259..80915b63322 100644
--- a/src/migrations/migrations/migrateFavorites.ts
+++ b/src/migrations/migrations/migrateFavorites.ts
@@ -1,5 +1,5 @@
-import { AddressOrEth, UniqueId } from '@/__swaps__/types/assets';
-import { getStandardizedUniqueIdWorklet } from '@/__swaps__/utils/swaps';
+import { UniqueId } from '@/__swaps__/types/assets';
+import { getUniqueId } from '@/utils/ethereumUtils';
 import { EthereumAddress, RainbowToken } from '@/entities';
 import { createQueryKey, persistOptions, queryClient } from '@/react-query';
 import { favoritesQueryKey } from '@/resources/favorites';
@@ -22,10 +22,7 @@ export function migrateFavoritesV2(): Migration {
 
       const migratedFavorites: Record<UniqueId, RainbowToken> = {};
       for (const favorite of Object.values(v1Data)) {
-        const uniqueId = getStandardizedUniqueIdWorklet({
-          address: favorite.address as AddressOrEth,
-          chainId: favorite.chainId,
-        });
+        const uniqueId = getUniqueId(favorite.address, favorite.chainId);
         favorite.uniqueId = uniqueId; // v2 unique uses chainId instead of Network
         migratedFavorites[uniqueId] = favorite;
       }
diff --git a/src/model/wallet.ts b/src/model/wallet.ts
index bb4ed3e6df0..1f7d833d014 100644
--- a/src/model/wallet.ts
+++ b/src/model/wallet.ts
@@ -51,7 +51,6 @@ import { Signer } from '@ethersproject/abstract-signer';
 import { sanitizeTypedData } from '@/utils/signingUtils';
 import { ExecuteFnParamsWithoutFn, performanceTracking, Screen } from '@/state/performance/performance';
 import { Network } from '@/chains/types';
-import { WalletBalanceResult } from '@/hooks/useWalletBalances';
 
 export type EthereumPrivateKey = string;
 type EthereumMnemonic = string;
diff --git a/src/raps/actions/crosschainSwap.ts b/src/raps/actions/crosschainSwap.ts
index 40cefcc0f5f..6df8f65cf40 100644
--- a/src/raps/actions/crosschainSwap.ts
+++ b/src/raps/actions/crosschainSwap.ts
@@ -1,7 +1,7 @@
 import { Signer } from '@ethersproject/abstract-signer';
 import { CrosschainQuote, fillCrosschainQuote } from '@rainbow-me/swaps';
 import { Address } from 'viem';
-import { estimateGasWithPadding, getProvider } from '@/handlers/web3';
+import { estimateGasWithPadding, getProvider, toHex } from '@/handlers/web3';
 
 import { REFERRER, gasUnits, ReferrerType } from '@/references';
 import { ChainId } from '@/chains/types';
@@ -10,7 +10,6 @@ import { addNewTransaction } from '@/state/pendingTransactions';
 import { RainbowError, logger } from '@/logger';
 
 import { TransactionGasParams, TransactionLegacyGasParams } from '@/__swaps__/types/gas';
-import { toHex } from '@/__swaps__/utils/hex';
 import { ActionProps, RapActionResult } from '../references';
 import {
   CHAIN_IDS_WITH_TRACE_SUPPORT,
diff --git a/src/raps/actions/swap.ts b/src/raps/actions/swap.ts
index a2d2821ceca..a2331a9fcd3 100644
--- a/src/raps/actions/swap.ts
+++ b/src/raps/actions/swap.ts
@@ -12,7 +12,7 @@ import {
   unwrapNativeAsset,
   wrapNativeAsset,
 } from '@rainbow-me/swaps';
-import { estimateGasWithPadding, getProvider } from '@/handlers/web3';
+import { estimateGasWithPadding, getProvider, toHex } from '@/handlers/web3';
 import { Address } from 'viem';
 
 import { metadataPOSTClient } from '@/graphql';
@@ -24,7 +24,6 @@ import { RainbowError, logger } from '@/logger';
 
 import { gasUnits, REFERRER } from '@/references';
 import { TransactionGasParams, TransactionLegacyGasParams } from '@/__swaps__/types/gas';
-import { toHex } from '@/__swaps__/utils/hex';
 import { ActionProps, RapActionResult } from '../references';
 import {
   CHAIN_IDS_WITH_TRACE_SUPPORT,
diff --git a/src/raps/actions/unlock.ts b/src/raps/actions/unlock.ts
index af0bce33217..f12aa0c91b7 100644
--- a/src/raps/actions/unlock.ts
+++ b/src/raps/actions/unlock.ts
@@ -2,7 +2,7 @@ import { Signer } from '@ethersproject/abstract-signer';
 import { MaxUint256 } from '@ethersproject/constants';
 import { Contract, PopulatedTransaction } from '@ethersproject/contracts';
 import { parseUnits } from '@ethersproject/units';
-import { getProvider } from '@/handlers/web3';
+import { getProvider, toHex } from '@/handlers/web3';
 import { Address, erc20Abi, erc721Abi } from 'viem';
 
 import { ChainId } from '@/chains/types';
@@ -17,7 +17,6 @@ import { convertAmountToRawAmount, greaterThan } from '@/helpers/utilities';
 import { ActionProps, RapActionResult } from '../references';
 
 import { overrideWithFastSpeedIfNeeded } from './../utils';
-import { toHex } from '@/__swaps__/utils/hex';
 import { TokenColors } from '@/graphql/__generated__/metadata';
 import { ParsedAsset } from '@/resources/assets/types';
 import { chainsName } from '@/chains';
diff --git a/src/resources/assets/externalAssetsQuery.ts b/src/resources/assets/externalAssetsQuery.ts
index 76a5c01f5e4..0411d596817 100644
--- a/src/resources/assets/externalAssetsQuery.ts
+++ b/src/resources/assets/externalAssetsQuery.ts
@@ -5,7 +5,7 @@ import { convertAmountAndPriceToNativeDisplay, convertAmountToPercentageDisplay
 import { NativeCurrencyKey } from '@/entities';
 import { Token } from '@/graphql/__generated__/metadata';
 import { ChainId } from '@/chains/types';
-import { isNativeAsset } from '@/__swaps__/utils/chains';
+import { isNativeAsset } from '@/handlers/assets';
 import { AddressOrEth } from '@/__swaps__/types/assets';
 
 export const EXTERNAL_TOKEN_CACHE_TIME = 1000 * 60 * 60 * 24; // 24 hours
diff --git a/src/resources/favorites.ts b/src/resources/favorites.ts
index 82413ed4ac7..70f3cb23bf5 100644
--- a/src/resources/favorites.ts
+++ b/src/resources/favorites.ts
@@ -1,6 +1,6 @@
 import { AddressOrEth, UniqueId } from '@/__swaps__/types/assets';
 import { ChainId, Network } from '@/chains/types';
-import { getStandardizedUniqueIdWorklet } from '@/__swaps__/utils/swaps';
+import { getUniqueId } from '@/utils/ethereumUtils';
 import { NativeCurrencyKeys, RainbowToken } from '@/entities';
 import { createQueryKey, queryClient } from '@/react-query';
 import { DAI_ADDRESS, ETH_ADDRESS, SOCKS_ADDRESS, WBTC_ADDRESS, WETH_ADDRESS } from '@/references';
@@ -15,8 +15,6 @@ export const favoritesQueryKey = createQueryKey('favorites', {}, { persisterVers
 
 const DEFAULT_FAVORITES = [DAI_ADDRESS, ETH_ADDRESS, SOCKS_ADDRESS, WBTC_ADDRESS];
 
-const getUniqueId = (address: AddressOrEth, chainId: ChainId) => getStandardizedUniqueIdWorklet({ address, chainId });
-
 /**
  * Returns a map of the given `addresses` to their corresponding `RainbowToken` metadata.
  */
diff --git a/src/__swaps__/safe-math/SafeMath.ts b/src/safe-math/SafeMath.ts
similarity index 100%
rename from src/__swaps__/safe-math/SafeMath.ts
rename to src/safe-math/SafeMath.ts
diff --git a/src/__swaps__/safe-math/__tests__/SafeMath.test.ts b/src/safe-math/__tests__/SafeMath.test.ts
similarity index 100%
rename from src/__swaps__/safe-math/__tests__/SafeMath.test.ts
rename to src/safe-math/__tests__/SafeMath.test.ts
diff --git a/src/screens/claimables/ClaimingClaimableSharedUI.tsx b/src/screens/claimables/ClaimingClaimableSharedUI.tsx
index a788f349939..c4911e0e573 100644
--- a/src/screens/claimables/ClaimingClaimableSharedUI.tsx
+++ b/src/screens/claimables/ClaimingClaimableSharedUI.tsx
@@ -14,7 +14,7 @@ import { chainsLabel } from '@/chains';
 import { useNavigation } from '@/navigation';
 import { TextColor } from '@/design-system/color/palettes';
 import Animated, { useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
-import { convertAmountToNativeDisplayWorklet } from '@/__swaps__/utils/numbers';
+import { convertAmountToNativeDisplayWorklet } from '@/helpers/utilities';
 import { useAccountSettings, useWallets } from '@/hooks';
 import { enableActionsOnReadOnlyWallet } from '@/config';
 import { debounce } from 'lodash';
diff --git a/src/screens/claimables/ClaimingTransactionClaimable.tsx b/src/screens/claimables/ClaimingTransactionClaimable.tsx
index 04106fbd7f4..cc3d5eaa85d 100644
--- a/src/screens/claimables/ClaimingTransactionClaimable.tsx
+++ b/src/screens/claimables/ClaimingTransactionClaimable.tsx
@@ -9,7 +9,7 @@ import { needsL1SecurityFeeChains } from '@/chains';
 import { logger, RainbowError } from '@/logger';
 import { ClaimingClaimableSharedUI, ClaimStatus } from './ClaimingClaimableSharedUI';
 import { TransactionRequest } from '@ethersproject/providers';
-import { convertAmountToNativeDisplayWorklet } from '@/__swaps__/utils/numbers';
+import { convertAmountToNativeDisplayWorklet } from '@/helpers/utilities';
 import { useMutation } from '@tanstack/react-query';
 import { loadWallet } from '@/model/wallet';
 import { walletExecuteRap } from '@/rapsV2/execute';
diff --git a/src/state/swaps/swapsStore.ts b/src/state/swaps/swapsStore.ts
index 1ff21fe247a..a16be52941b 100644
--- a/src/state/swaps/swapsStore.ts
+++ b/src/state/swaps/swapsStore.ts
@@ -6,7 +6,7 @@ import { ChainId } from '@/chains/types';
 import { GasSpeed } from '@/__swaps__/types/gas';
 import { RecentSwap } from '@/__swaps__/types/swap';
 import { getCachedGasSuggestions } from '@/__swaps__/utils/meteorology';
-import { lessThan } from '@/__swaps__/utils/numbers';
+import { lessThan } from '@/helpers/utilities';
 import { getDefaultSlippage } from '@/__swaps__/utils/swaps';
 import { RainbowError, logger } from '@/logger';
 import { getRemoteConfig } from '@/model/remoteConfig';
diff --git a/src/utils/ethereumUtils.ts b/src/utils/ethereumUtils.ts
index f5e45479da0..ccb48111219 100644
--- a/src/utils/ethereumUtils.ts
+++ b/src/utils/ethereumUtils.ts
@@ -444,7 +444,10 @@ async function parseEthereumUrl(data: string) {
 
 export const getUniqueIdNetwork = (address: EthereumAddress, network: Network) => `${address}_${network}`;
 
-export const getUniqueId = (address: EthereumAddress, chainId: ChainId) => `${address}_${chainId}`;
+export const getUniqueId = (address: EthereumAddress, chainId: ChainId) => {
+  'worklet';
+  return `${address}_${chainId}`;
+};
 
 export const getAddressAndChainIdFromUniqueId = (uniqueId: string): { address: AddressOrEth; chainId: ChainId } => {
   const parts = uniqueId.split('_');
diff --git a/src/utils/isLowerCaseMatch.ts b/src/utils/isLowerCaseMatch.ts
index 24cd7c45ed4..3404eaaa706 100644
--- a/src/utils/isLowerCaseMatch.ts
+++ b/src/utils/isLowerCaseMatch.ts
@@ -1,3 +1,3 @@
-export default function isLowerCaseMatch(a: string, b: string) {
+export default function isLowerCaseMatch(a: string, b?: string) {
   return a?.toLowerCase() === b?.toLowerCase();
 }

From dbe91b6d0864b4bb9658c125c2b11eddf6b0afc2 Mon Sep 17 00:00:00 2001
From: Matthew Wall <matthew.wallt@gmail.com>
Date: Tue, 22 Oct 2024 12:11:56 -0400
Subject: [PATCH 10/32] reorder worklets

---
 src/helpers/utilities.ts | 38 +++++++++++++++++++-------------------
 1 file changed, 19 insertions(+), 19 deletions(-)

diff --git a/src/helpers/utilities.ts b/src/helpers/utilities.ts
index eb5b534f9a5..c3797474d49 100644
--- a/src/helpers/utilities.ts
+++ b/src/helpers/utilities.ts
@@ -3,7 +3,6 @@ import currency from 'currency.js';
 import { isNil } from 'lodash';
 import { supportedNativeCurrencies } from '@/references';
 import { divWorklet, lessThanWorklet, orderOfMagnitudeWorklet, powWorklet } from '@/safe-math/SafeMath';
-import { buffer } from 'node:stream/consumers';
 
 type BigNumberish = number | string | BigNumber;
 
@@ -283,18 +282,11 @@ export const convertRawAmountToNativeDisplay = (
 
 /**
  * @worklet
- * @desc convert from raw amount to balance object
+ * @desc convert from raw amount to decimal format
  */
-export const convertRawAmountToBalanceWorklet = (value: number | string, asset: { decimals: number; symbol?: string }, buffer?: number) => {
+export const convertRawAmountToDecimalFormatWorklet = (value: number | string, decimals = 18): string => {
   'worklet';
-  const decimals = asset?.decimals ?? 18;
-
-  const assetBalance = convertRawAmountToDecimalFormatWorklet(value, decimals);
-
-  return {
-    amount: assetBalance,
-    display: convertAmountToBalanceDisplayWorklet(assetBalance, asset, buffer),
-  };
+  return divWorklet(value, powWorklet(10, decimals));
 };
 
 /**
@@ -311,6 +303,22 @@ export const convertAmountToBalanceDisplayWorklet = (
   return `${display} ${asset?.symbol || ''}`;
 };
 
+/**
+ * @worklet
+ * @desc convert from raw amount to balance object
+ */
+export const convertRawAmountToBalanceWorklet = (value: number | string, asset: { decimals: number; symbol?: string }, buffer?: number) => {
+  'worklet';
+  const decimals = asset?.decimals ?? 18;
+
+  const assetBalance = convertRawAmountToDecimalFormatWorklet(value, decimals);
+
+  return {
+    amount: assetBalance,
+    display: convertAmountToBalanceDisplayWorklet(assetBalance, asset, buffer),
+  };
+};
+
 /**
  * @desc convert from raw amount to balance object
  */
@@ -440,14 +448,6 @@ export const convertRawAmountToRoundedDecimal = (value: BigNumberish, decimals =
   }
 };
 
-/**
- * @desc convert from raw amount to decimal format
- */
-export const convertRawAmountToDecimalFormatWorklet = (value: number | string, decimals = 18): string => {
-  'worklet';
-  return divWorklet(value, powWorklet(10, decimals));
-};
-
 /**
  * @desc convert from raw amount to decimal format
  */

From c377f2e23ea56c32d685d35aedfb22962180631f Mon Sep 17 00:00:00 2001
From: Matthew Wall <matthew.wallt@gmail.com>
Date: Wed, 23 Oct 2024 10:30:17 -0400
Subject: [PATCH 11/32] remove getCrosschainSwapServiceTime from handlers/swap

---
 src/handlers/swap.ts | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/handlers/swap.ts b/src/handlers/swap.ts
index 9332fa73eb0..d814320dd6a 100644
--- a/src/handlers/swap.ts
+++ b/src/handlers/swap.ts
@@ -85,8 +85,6 @@ const getCrosschainSwapDefaultGasLimit = (tradeDetails: CrosschainQuote) => trad
 const getCrosschainSwapRainbowDefaultGasLimit = (chainId: ChainId) =>
   ethereumUtils.getBasicSwapGasLimit(Number(chainId)) * EXTRA_GAS_PADDING;
 
-export const getCrosschainSwapServiceTime = (tradeDetails: CrosschainQuote) => tradeDetails?.routes?.[0]?.serviceTime;
-
 export const getDefaultGasLimitForTrade = (tradeDetails: Quote, chainId: ChainId): number => {
   const allowsPermit =
     chainId === ChainId.mainnet && ALLOWS_PERMIT[tradeDetails?.sellTokenAddress?.toLowerCase() as keyof PermitSupportedTokenList];

From be8186a9f9b7b92cc43d6ecffcf288233be7e05e Mon Sep 17 00:00:00 2001
From: Matthew Wall <matthew.wallt@gmail.com>
Date: Wed, 23 Oct 2024 10:33:03 -0400
Subject: [PATCH 12/32] remove ExchangeSearch

---
 src/components/CurrencySelectionList.tsx      |   6 +-
 src/components/ExchangeSearch.tsx             | 234 ------------------
 .../discover/DiscoverSearchInput.js           |  24 +-
 3 files changed, 15 insertions(+), 249 deletions(-)
 delete mode 100644 src/components/ExchangeSearch.tsx

diff --git a/src/components/CurrencySelectionList.tsx b/src/components/CurrencySelectionList.tsx
index 028df759c25..ecc0d551f83 100644
--- a/src/components/CurrencySelectionList.tsx
+++ b/src/components/CurrencySelectionList.tsx
@@ -5,11 +5,11 @@ import { EmptyAssetList } from '@/components/asset-list';
 import { Centered } from '@/components/layout';
 import { NoResults } from '@/components/list';
 import ExchangeAssetList, { EnrichedExchangeAsset } from '@/components/ExchangeAssetList';
-import { ExchangeSearchHeight } from '@/components/ExchangeSearch';
 import { Box } from '@/design-system';
 import { NoResultsType } from '@/components/list/NoResults';
 
-export const CurrencySelectModalHeaderHeight = 59;
+const CurrencySelectModalHeaderHeight = 59;
+const SearchHeight = 40;
 
 interface CurrencySelectionListProps {
   keyboardDismissMode?: 'none' | 'interactive' | 'on-drag';
@@ -44,7 +44,7 @@ const CurrencySelectionList: ForwardRefRenderFunction<SectionList, CurrencySelec
           height="full"
           justifyContent="center"
           paddingBottom={{
-            custom: CurrencySelectModalHeaderHeight + ExchangeSearchHeight / 2,
+            custom: CurrencySelectModalHeaderHeight + SearchHeight / 2,
           }}
         >
           {/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */}
diff --git a/src/components/ExchangeSearch.tsx b/src/components/ExchangeSearch.tsx
deleted file mode 100644
index 664d53692b3..00000000000
--- a/src/components/ExchangeSearch.tsx
+++ /dev/null
@@ -1,234 +0,0 @@
-import lang from 'i18n-js';
-import { isEmpty } from 'lodash';
-import React, { ForwardRefRenderFunction, MutableRefObject, useCallback, useContext, useEffect, useMemo, useRef } from 'react';
-import LinearGradient from 'react-native-linear-gradient';
-import Animated, { Easing, useAnimatedStyle, useSharedValue, withRepeat, withTiming } from 'react-native-reanimated';
-import Spinner from '@/assets/chartSpinner.png';
-import DiscoverSheetContext from '@/screens/discover/DiscoverScreenContext';
-import { ClearInputDecorator, Input } from '@/components/inputs';
-import { analytics } from '@/analytics';
-import { ImgixImage } from '@/components/images';
-import styled from '@/styled-thing';
-import { margin, Colors } from '@/styles';
-import { deviceUtils } from '@/utils';
-import ShadowStack from '@/react-native-shadow-stack';
-import { TextInput } from 'react-native';
-import { useTheme } from '@/theme';
-import { Box, Text } from '@/design-system';
-import { Source } from 'react-native-fast-image';
-import { IS_TEST } from '@/env';
-
-export const ExchangeSearchHeight = 40;
-const DoneButtonWidth = 52;
-const ExchangeSearchWidth = deviceUtils.dimensions.width - 40;
-
-const ShadowContainer = styled(ShadowStack)(() => ({
-  ...margin.object(0, 20, 20, 20),
-}));
-
-const BackgroundGradient = styled(LinearGradient).attrs(({ theme: { colors } }: { theme: { colors: Colors } }) => ({
-  colors: colors.gradients.offWhite,
-  end: { x: 0.5, y: 1 },
-  start: { x: 0.5, y: 0 },
-}))({
-  borderRadius: ExchangeSearchHeight / 2,
-  height: ExchangeSearchWidth,
-  left: 0,
-  overflow: 'hidden',
-  position: 'absolute',
-  top: -(ExchangeSearchWidth - ExchangeSearchHeight) / 2,
-  transform: [{ scaleY: ExchangeSearchHeight / ExchangeSearchWidth }],
-  width: ExchangeSearchWidth,
-});
-
-const SearchInput = styled(Input).attrs(
-  ({
-    theme: { colors },
-    isSearchModeEnabled,
-    clearTextOnFocus,
-  }: {
-    theme: { colors: Colors };
-    isSearchModeEnabled: boolean;
-    clearTextOnFocus: boolean;
-  }) => ({
-    blurOnSubmit: false,
-    clearTextOnFocus,
-    color: colors.alpha(colors.blueGreyDark, 0.8),
-    enablesReturnKeyAutomatically: true,
-    keyboardAppearance: 'dark',
-    keyboardType: 'ascii-capable',
-    lineHeight: 'looserLoose',
-    placeholderTextColor: colors.alpha(colors.blueGreyDark, 0.6),
-    returnKeyType: 'search',
-    selectionColor: isSearchModeEnabled ? colors.appleBlue : colors.transparent,
-    size: 'large',
-    spellCheck: false,
-    weight: 'semibold',
-  })
-)({
-  ...(android ? { marginBottom: -10, marginTop: -6 } : {}),
-  flex: 1,
-  height: ios ? 39 : 56,
-  marginBottom: 1,
-  marginLeft: ({ isSearchModeEnabled }: { isSearchModeEnabled: boolean }) => (isSearchModeEnabled ? 4 : 0),
-  textAlign: ({ isSearchModeEnabled }: { isSearchModeEnabled: boolean }) => (isSearchModeEnabled ? 'left' : 'center'),
-});
-
-const rotationConfig = {
-  duration: 500,
-  easing: Easing.linear,
-};
-
-const timingConfig = {
-  duration: 300,
-};
-
-const ExchangeSearchShadowsFactory = (c: Colors) => [
-  [0, 7, 21, c.shadow, 0.15],
-  [0, 3.5, 10.5, c.shadow, 0.04],
-];
-
-interface ExchangeSearchProps {
-  isDiscover?: boolean;
-  isFetching: boolean;
-  isSearching: boolean;
-  onChangeText: (arg: string) => void;
-  onFocus: ({ target }: any) => void;
-  searchQuery: string;
-  testID: string;
-  placeholderText?: string;
-  clearTextOnFocus: boolean;
-}
-
-const ExchangeSearch: ForwardRefRenderFunction<TextInput, ExchangeSearchProps> = (
-  {
-    isDiscover,
-    isFetching,
-    isSearching,
-    onChangeText,
-    onFocus,
-    searchQuery,
-    testID,
-    placeholderText = lang.t('button.exchange_search_placeholder'),
-    clearTextOnFocus = true,
-  },
-  ref
-) => {
-  const inputRef = ref as MutableRefObject<TextInput>;
-  const handleClearInput = useCallback(() => {
-    if (isDiscover && searchQuery.length > 1) {
-      analytics.track('Search Query', {
-        category: 'discover',
-        length: searchQuery.length,
-        query: searchQuery,
-      });
-    }
-    inputRef?.current?.clear();
-    onChangeText?.('');
-  }, [isDiscover, searchQuery, inputRef, onChangeText]);
-
-  const ExchangeSearchWidthFocused = isDiscover ? ExchangeSearchWidth - DoneButtonWidth : ExchangeSearchWidth;
-
-  const spinnerRotation = useSharedValue(0);
-  const spinnerScale = useSharedValue(0);
-  const { isSearchModeEnabled = true } = useContext(DiscoverSheetContext) ?? {
-    isSearchModeEnabled: true,
-  };
-
-  const spinnerTimeout = useRef<NodeJS.Timeout>();
-  const { colors } = useTheme();
-  const shadows = useMemo(() => ExchangeSearchShadowsFactory(colors), [colors]);
-
-  useEffect(() => {
-    if ((isFetching || isSearching) && !isEmpty(searchQuery)) {
-      clearTimeout(spinnerTimeout.current as NodeJS.Timeout);
-      spinnerRotation.value = 0;
-      spinnerRotation.value = withRepeat(withTiming(360, rotationConfig), -1, false);
-      spinnerScale.value = withTiming(1, timingConfig);
-    } else {
-      spinnerScale.value = withTiming(0, timingConfig);
-      spinnerTimeout.current = setTimeout(() => (spinnerRotation.value = 0), timingConfig.duration);
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [isFetching, isSearching, searchQuery]);
-
-  const searchIconStyle = useAnimatedStyle(() => {
-    return {
-      opacity: 1 - spinnerScale.value,
-      transform: [{ scale: 1 - spinnerScale.value }],
-    };
-  });
-
-  const spinnerStyle = useAnimatedStyle(() => {
-    return {
-      opacity: spinnerScale.value,
-      transform: [{ rotate: `${spinnerRotation.value}deg` }, { scale: spinnerScale.value }],
-    };
-  });
-
-  return (
-    <ShadowContainer
-      backgroundColor={colors.white}
-      borderRadius={ExchangeSearchHeight / 2}
-      height={ExchangeSearchHeight}
-      shadows={shadows}
-      width={isSearchModeEnabled ? ExchangeSearchWidthFocused : ExchangeSearchWidth}
-    >
-      <Box
-        flexDirection="row"
-        borderRadius={ExchangeSearchHeight / 2}
-        height={{ custom: ExchangeSearchHeight }}
-        paddingLeft={isSearchModeEnabled ? '12px' : undefined}
-        paddingRight={isSearchModeEnabled ? '36px' : undefined}
-      >
-        <BackgroundGradient />
-
-        {isSearchModeEnabled && !IS_TEST && (
-          <>
-            <Box as={Animated.View} paddingTop={{ custom: 14 }} style={searchIconStyle}>
-              <Text weight="semibold" size="17pt" color={{ custom: colors.alpha(colors.blueGreyDark, 0.6) }}>
-                􀊫
-              </Text>
-            </Box>
-
-            <Box
-              as={Animated.View}
-              height={{ custom: 20 }}
-              width={{ custom: 20 }}
-              position="absolute"
-              left={{ custom: 12 }}
-              top={{ custom: 10 }}
-              style={spinnerStyle}
-            >
-              <ImgixImage
-                resizeMode={ImgixImage.resizeMode.contain}
-                source={Spinner as Source}
-                tintColor={colors.alpha(colors.blueGreyDark, 0.6)}
-                style={{ height: 20, width: 20 }}
-                size={20}
-              />
-            </Box>
-          </>
-        )}
-        <SearchInput
-          clearTextOnFocus={clearTextOnFocus}
-          isSearchModeEnabled={isSearchModeEnabled}
-          onChangeText={onChangeText}
-          onFocus={onFocus}
-          placeholder={placeholderText}
-          ref={inputRef}
-          testID={testID + '-input'}
-          value={searchQuery}
-        />
-        <ClearInputDecorator
-          inputHeight={ExchangeSearchHeight}
-          isVisible={searchQuery !== ''}
-          onPress={handleClearInput}
-          testID={testID + '-clear-input'}
-        />
-      </Box>
-    </ShadowContainer>
-  );
-};
-
-export default React.forwardRef(ExchangeSearch);
diff --git a/src/components/discover/DiscoverSearchInput.js b/src/components/discover/DiscoverSearchInput.js
index 7d82759befe..affbc4bf629 100644
--- a/src/components/discover/DiscoverSearchInput.js
+++ b/src/components/discover/DiscoverSearchInput.js
@@ -15,27 +15,27 @@ import { deviceUtils } from '@/utils';
 import DiscoverSheetContext from '@/screens/discover/DiscoverScreenContext';
 import { chainsName } from '@/chains';
 
-export const ExchangeSearchHeight = 40;
-const ExchangeSearchWidth = deviceUtils.dimensions.width - 30;
+const SearchHeight = 40;
+const SearchWidth = deviceUtils.dimensions.width - 30;
 
 const Container = styled(Row)(({ isSearchModeEnabled, theme: { colors } }) => ({
   ...margin.object(0, 15, isSearchModeEnabled ? 8 : 0),
   ...(isSearchModeEnabled ? padding.object(0, 37, 0, 12) : padding.object(0)),
   backgroundColor: colors.transparent,
-  borderRadius: ExchangeSearchHeight / 2,
-  height: ExchangeSearchHeight,
+  borderRadius: SearchHeight / 2,
+  height: SearchHeight,
   overflow: 'hidden',
 }));
 
 const BackgroundGradient = styled(RadialGradient).attrs(({ isDiscover, theme: { colors } }) => ({
-  center: [ExchangeSearchWidth, ExchangeSearchWidth / 2],
+  center: [SearchWidth, SearchWidth / 2],
   colors: isDiscover ? colors.gradients.searchBar : colors.gradients.lightGreyTransparent,
 }))({
-  height: ExchangeSearchWidth,
+  height: SearchWidth,
   position: 'absolute',
-  top: -(ExchangeSearchWidth - ExchangeSearchHeight) / 2,
-  transform: [{ scaleY: ExchangeSearchHeight / ExchangeSearchWidth }],
-  width: ExchangeSearchWidth,
+  top: -(SearchWidth - SearchHeight) / 2,
+  transform: [{ scaleY: SearchHeight / SearchWidth }],
+  width: SearchWidth,
 });
 
 const SearchIcon = styled(Text).attrs(({ theme: { colors } }) => ({
@@ -98,7 +98,7 @@ const timingConfig = {
   duration: 300,
 };
 
-const ExchangeSearch = (
+const DiscoverSearchInput = (
   {
     isDiscover,
     isFetching,
@@ -188,7 +188,7 @@ const ExchangeSearch = (
         value={searchQuery}
       />
       <ClearInputDecorator
-        inputHeight={ExchangeSearchHeight}
+        inputHeight={SearchHeight}
         isVisible={searchQuery !== ''}
         onPress={handleClearInput}
         testID={testID + '-clear-input'}
@@ -197,4 +197,4 @@ const ExchangeSearch = (
   );
 };
 
-export default React.forwardRef(ExchangeSearch);
+export default React.forwardRef(DiscoverSearchInput);

From 41cc71bb8a76002218357cb116494bc230590c38 Mon Sep 17 00:00:00 2001
From: Matthew Wall <matthew.wallt@gmail.com>
Date: Wed, 23 Oct 2024 10:35:15 -0400
Subject: [PATCH 13/32] remove unused NetworkSwitcher components

---
 src/components/NetworkSwitcher.tsx   | 125 ---------------------------
 src/components/NetworkSwitcherv2.tsx | 105 ----------------------
 2 files changed, 230 deletions(-)
 delete mode 100644 src/components/NetworkSwitcher.tsx
 delete mode 100644 src/components/NetworkSwitcherv2.tsx

diff --git a/src/components/NetworkSwitcher.tsx b/src/components/NetworkSwitcher.tsx
deleted file mode 100644
index b797da4b744..00000000000
--- a/src/components/NetworkSwitcher.tsx
+++ /dev/null
@@ -1,125 +0,0 @@
-import lang from 'i18n-js';
-import React, { useCallback } from 'react';
-import RadialGradient from 'react-native-radial-gradient';
-import Divider from '@/components/Divider';
-import ChainBadge from '@/components/coin-icon/ChainBadge';
-import { ContextMenuButton } from '@/components/context-menu';
-import { Column, Row } from '@/components/layout';
-import { Text } from '@/components/text';
-import { Colors, padding, position } from '@/styles';
-import { showActionSheetWithOptions } from '@/utils';
-import { EthCoinIcon } from '@/components/coin-icon/EthCoinIcon';
-import { chainsLabel, chainsName, defaultChains, supportedSwapChainIds } from '@/chains';
-import { OnPressMenuItemEventObject } from 'react-native-ios-context-menu';
-import { ChainId } from '@/chains/types';
-
-const networkMenuItems = supportedSwapChainIds
-  .map(chainId => defaultChains[chainId])
-  .map(chain => ({
-    actionKey: `${chain.id}`,
-    actionTitle: chainsLabel[chain.id],
-    icon: {
-      iconType: 'ASSET',
-      iconValue: `${chainsName[chain.id]}Badge${chain.id === ChainId.mainnet ? '' : 'NoShadow'}`,
-    },
-  }));
-
-const androidNetworkMenuItems = supportedSwapChainIds.map(chainId => defaultChains[chainId].id);
-
-type NetworkSwitcherProps = {
-  colors: Colors;
-  hideDivider: boolean;
-  marginVertical?: number;
-  marginHorizontal?: number;
-  currentChainId: number;
-  setCurrentChainId: (chainId: ChainId) => void;
-  testID: string;
-  prominent: boolean;
-};
-
-const NetworkSwitcherv1 = ({
-  colors,
-  hideDivider,
-  marginVertical = 12,
-  marginHorizontal = 19,
-  currentChainId,
-  setCurrentChainId,
-  testID,
-  prominent,
-}: NetworkSwitcherProps) => {
-  const radialGradientProps = {
-    center: [0, 1],
-    colors: colors.gradients.lightGreyWhite,
-    pointerEvents: 'none',
-    style: {
-      ...position.coverAsObject,
-      overflow: 'hidden',
-    },
-  };
-
-  const handleOnPressMenuItem = useCallback(
-    ({ nativeEvent: { actionKey } }: OnPressMenuItemEventObject) => {
-      setCurrentChainId(Number(actionKey));
-    },
-    [setCurrentChainId]
-  );
-  const onPressAndroid = useCallback(() => {
-    const networkActions = androidNetworkMenuItems;
-    showActionSheetWithOptions(
-      {
-        options: networkActions,
-        showSeparators: true,
-      },
-      (idx: number) => {
-        if (idx !== undefined) {
-          setCurrentChainId(networkActions[idx]);
-        }
-      }
-    );
-  }, [setCurrentChainId]);
-
-  return (
-    <>
-      <ContextMenuButton
-        menuItems={networkMenuItems}
-        menuTitle=""
-        onPressAndroid={onPressAndroid}
-        onPressMenuItem={handleOnPressMenuItem}
-        testID={`${testID}-${currentChainId}`}
-      >
-        <Row
-          borderRadius={16}
-          marginHorizontal={marginHorizontal}
-          marginVertical={marginVertical}
-          style={padding.object(android ? 6 : 10, 10, android ? 6 : 10, 10)}
-        >
-          {/* @ts-expect-error - borderRadius is not a valid prop for RadialGradient */}
-          <RadialGradient {...radialGradientProps} borderRadius={16} radius={600} />
-          <Column justify="center">
-            {currentChainId !== 1 ? <ChainBadge chainId={currentChainId} position="relative" size="small" /> : <EthCoinIcon size={20} />}
-          </Column>
-          <Column flex={1} justify="center" marginHorizontal={8}>
-            <Text
-              color={prominent ? colors.alpha(colors.blueGreyDark, 0.8) : colors.alpha(colors.blueGreyDark, 0.6)}
-              numberOfLines={2}
-              size="smedium"
-              weight={prominent ? 'heavy' : 'bold'}
-            >
-              {lang.t('expanded_state.swap.network_switcher', {
-                network: chainsName[currentChainId],
-              })}
-            </Text>
-          </Column>
-          <Column align="end" justify="center">
-            <Text align="center" color={colors.alpha(colors.blueGreyDark, 0.3)} size="smedium" weight="heavy">
-              􀆈
-            </Text>
-          </Column>
-        </Row>
-      </ContextMenuButton>
-      {hideDivider ? null : <Divider color={colors.rowDividerExtraLight} />}
-    </>
-  );
-};
-
-export default NetworkSwitcherv1;
diff --git a/src/components/NetworkSwitcherv2.tsx b/src/components/NetworkSwitcherv2.tsx
deleted file mode 100644
index 492fb4a49a9..00000000000
--- a/src/components/NetworkSwitcherv2.tsx
+++ /dev/null
@@ -1,105 +0,0 @@
-import React, { useRef, useMemo } from 'react';
-import { ScrollView } from 'react-native';
-import RadialGradient from 'react-native-radial-gradient';
-import { ButtonPressAnimation } from '@/components/animations';
-import ChainBadge from '@/components/coin-icon/ChainBadge';
-import { Bleed, Box, Columns, Inline, Text } from '@/design-system';
-import { position } from '@rainbow-me/styles';
-import { useTheme } from '@/theme';
-import { EthCoinIcon } from '@/components/coin-icon/EthCoinIcon';
-import { ChainId } from '@/chains/types';
-import { chainsLabel, defaultChains, supportedSwapChainIds } from '@/chains';
-
-const NetworkSwitcherv2 = ({
-  currentChainId,
-  setCurrentChainId,
-  testID,
-}: {
-  currentChainId: number;
-  setCurrentChainId(chainId: number): void;
-  testID: string;
-}) => {
-  const { colors } = useTheme();
-  const scrollViewRef = useRef<ScrollView>(null);
-  const networkMenuItems = useMemo(() => {
-    return Object.values(defaultChains)
-      .filter(chain => supportedSwapChainIds.includes(chain.id))
-      .map(chain => ({
-        chainId: chain.id,
-        title: chainsLabel[chain.id],
-      }));
-  }, []);
-
-  const radialGradientProps = (chainId: ChainId) => {
-    return {
-      center: [0, 1],
-      colors: [colors.alpha(colors.networkColors[chainId], 0.1), colors.alpha(colors.networkColors[chainId], 0.02)],
-      pointerEvents: 'none',
-      style: {
-        ...position.coverAsObject,
-        overflow: 'hidden',
-      },
-    };
-  };
-
-  return (
-    <>
-      <Box width="full" testID={`network-switcher-${currentChainId}`} paddingTop="8px" paddingBottom="16px">
-        <ScrollView
-          keyboardShouldPersistTaps="always"
-          contentContainerStyle={{ paddingHorizontal: 20 }}
-          horizontal
-          ref={scrollViewRef}
-          showsHorizontalScrollIndicator={false}
-          testID={'network-switcher-scroll-view'}
-        >
-          <Columns space="8px">
-            {networkMenuItems.map(({ chainId, title }) => {
-              const isSelected = currentChainId === chainId;
-              return (
-                <Box
-                  as={ButtonPressAnimation}
-                  height="36px"
-                  key={`${testID}-${title}`}
-                  // @ts-ignore overloaded props
-
-                  onPress={() => setCurrentChainId(chainId)}
-                  padding="8px"
-                  testID={`${testID}-${chainId}`}
-                >
-                  {isSelected && (
-                    <RadialGradient
-                      {...radialGradientProps(chainId)}
-                      // @ts-ignore overloaded props
-
-                      borderRadius={30}
-                    />
-                  )}
-                  <Inline alignHorizontal="center" alignVertical="center" horizontalSpace="4px" wrap={false}>
-                    {chainId === ChainId.mainnet ? (
-                      <EthCoinIcon size={20} />
-                    ) : (
-                      <ChainBadge chainId={chainId} position="relative" size="small" />
-                    )}
-                    <Bleed top={{ custom: android ? 2 : 0 }}>
-                      <Text
-                        color={isSelected ? { custom: colors.networkColors[chainId] } : 'secondary50 (Deprecated)'}
-                        size="16px / 22px (Deprecated)"
-                        weight="bold"
-                        testID={`network-switcher-item-${chainId}`}
-                      >
-                        {title}
-                      </Text>
-                    </Bleed>
-                  </Inline>
-                </Box>
-              );
-            })}
-          </Columns>
-        </ScrollView>
-      </Box>
-    </>
-  );
-};
-
-export default NetworkSwitcherv2;

From d64be4e4ce2674f7dd272763677684b27f055ca7 Mon Sep 17 00:00:00 2001
From: Matthew Wall <matthew.wallt@gmail.com>
Date: Wed, 23 Oct 2024 10:36:24 -0400
Subject: [PATCH 14/32] rename useFeePanelInputRefs to useFeesPanelInputRefs

---
 src/hooks/index.ts                                              | 2 +-
 src/hooks/{useFeePanelInputRefs.ts => useFeesPanelInputRefs.ts} | 0
 2 files changed, 1 insertion(+), 1 deletion(-)
 rename src/hooks/{useFeePanelInputRefs.ts => useFeesPanelInputRefs.ts} (100%)

diff --git a/src/hooks/index.ts b/src/hooks/index.ts
index 47e506e3864..2ba21de7b9d 100644
--- a/src/hooks/index.ts
+++ b/src/hooks/index.ts
@@ -106,4 +106,4 @@ export { default as useHiddenTokens } from './useHiddenTokens';
 export { useAccountAccentColor } from './useAccountAccentColor';
 export { useDebounce } from './useDebounce';
 export { default as useSearchCurrencyList } from './useSearchCurrencyList';
-export { default as useFeesPanelInputRefs } from './useFeePanelInputRefs';
+export { default as useFeesPanelInputRefs } from './useFeesPanelInputRefs';
diff --git a/src/hooks/useFeePanelInputRefs.ts b/src/hooks/useFeesPanelInputRefs.ts
similarity index 100%
rename from src/hooks/useFeePanelInputRefs.ts
rename to src/hooks/useFeesPanelInputRefs.ts

From fba83220b3a6d76c2b2d82642a3d8d0c206f9b35 Mon Sep 17 00:00:00 2001
From: Matthew Wall <matthew.wallt@gmail.com>
Date: Wed, 23 Oct 2024 10:37:43 -0400
Subject: [PATCH 15/32] remove swapSearch and walletFilter

---
 src/handlers/tokenSearch.ts | 57 -------------------------------------
 1 file changed, 57 deletions(-)

diff --git a/src/handlers/tokenSearch.ts b/src/handlers/tokenSearch.ts
index be7293fa56b..6626776c55a 100644
--- a/src/handlers/tokenSearch.ts
+++ b/src/handlers/tokenSearch.ts
@@ -20,45 +20,6 @@ const tokenSearchApi = new RainbowFetchClient({
   timeout: 30000,
 });
 
-export const swapSearch = async (searchParams: {
-  chainId: number;
-  fromChainId?: number | '';
-  keys: TokenSearchUniswapAssetKey[];
-  list: TokenSearchTokenListId;
-  threshold: TokenSearchThreshold;
-  query: string;
-}) => {
-  const queryParams: {
-    keys: TokenSearchUniswapAssetKey[];
-    list: TokenSearchTokenListId;
-    threshold: TokenSearchThreshold;
-    query?: string;
-    fromChainId?: number;
-  } = {
-    keys: searchParams.keys,
-    list: searchParams.list,
-    threshold: searchParams.threshold,
-    query: searchParams.query,
-  };
-  if (searchParams.fromChainId) {
-    queryParams.fromChainId = searchParams.fromChainId;
-  }
-  try {
-    if (isAddress(searchParams.query) && !searchParams.fromChainId) {
-      // @ts-ignore
-      params.keys = `networks.${params.chainId}.address`;
-    }
-    const url = `/${searchParams.chainId}/?${qs.stringify(queryParams)}`;
-    const tokenSearch = await tokenSearchApi.get(url);
-    return { ...tokenSearch.data?.data, chainId: searchParams.chainId };
-  } catch (e: any) {
-    logger.error(new RainbowError(`[tokenSearch]: An error occurred while searching for query`), {
-      query: searchParams.query,
-      message: e.message,
-    });
-  }
-};
-
 export const tokenSearch = async (searchParams: {
   chainId: number;
   fromChainId?: number | '';
@@ -112,21 +73,3 @@ export const tokenSearch = async (searchParams: {
     return [];
   }
 };
-
-export const walletFilter = async (params: { addresses: EthereumAddress[]; fromChainId: number; toChainId: number }) => {
-  try {
-    const { addresses, fromChainId, toChainId } = params;
-    const filteredAddresses = await tokenSearchApi.post(`/${fromChainId}`, {
-      addresses,
-      toChainId,
-    });
-    return filteredAddresses?.data?.data || [];
-  } catch (e: any) {
-    logger.error(new RainbowError(`[tokenSearch]: An error occurred while filter wallet addresses`), {
-      toChainId: params.toChainId,
-      fromChainId: params.fromChainId,
-      message: e.message,
-    });
-    throw e;
-  }
-};

From ae8749d2698c25beb781beab0b1ae505ae5260e1 Mon Sep 17 00:00:00 2001
From: Matthew Wall <matthew.wallt@gmail.com>
Date: Wed, 23 Oct 2024 10:38:09 -0400
Subject: [PATCH 16/32] delete unused useMinRefuelAmount hook

---
 src/hooks/useMinRefuelAmount.ts | 27 ---------------------------
 1 file changed, 27 deletions(-)
 delete mode 100644 src/hooks/useMinRefuelAmount.ts

diff --git a/src/hooks/useMinRefuelAmount.ts b/src/hooks/useMinRefuelAmount.ts
deleted file mode 100644
index cedb1b4da44..00000000000
--- a/src/hooks/useMinRefuelAmount.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import { useQuery } from '@tanstack/react-query';
-import { ChainId, getMinRefuelAmount } from '@rainbow-me/swaps';
-import { QueryConfigDeprecated, UseQueryData } from '@/react-query';
-
-interface MinRefuelAmountParams {
-  chainId: ChainId;
-  toChainId: ChainId;
-}
-
-export const minRefuelAmountKey = ({ chainId, toChainId }: MinRefuelAmountParams) => ['min-refuel-amount', chainId, toChainId];
-
-const STALE_TIME = 10000;
-
-export default function useMinRefuelAmount(
-  { chainId, toChainId }: MinRefuelAmountParams,
-  config?: QueryConfigDeprecated<typeof getMinRefuelAmount>
-) {
-  return useQuery<UseQueryData<typeof getMinRefuelAmount>>(
-    minRefuelAmountKey({ chainId, toChainId }),
-    async () => getMinRefuelAmount({ chainId, toChainId }),
-    {
-      ...config,
-      // Data will be stale for 10s to avoid dupe queries
-      staleTime: STALE_TIME,
-    }
-  );
-}

From 797f5c995840a0f6fb158d311278cb831e9703f8 Mon Sep 17 00:00:00 2001
From: Matthew Wall <matthew.wallt@gmail.com>
Date: Wed, 23 Oct 2024 10:38:49 -0400
Subject: [PATCH 17/32] delete unused exchangeModalTypes file

---
 src/helpers/exchangeModalTypes.ts | 3 ---
 1 file changed, 3 deletions(-)
 delete mode 100644 src/helpers/exchangeModalTypes.ts

diff --git a/src/helpers/exchangeModalTypes.ts b/src/helpers/exchangeModalTypes.ts
deleted file mode 100644
index a249c5109c8..00000000000
--- a/src/helpers/exchangeModalTypes.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export default {
-  swap: 'swap',
-};

From 5602a66615b293c0726d8ad0f4d3f53601989c4b Mon Sep 17 00:00:00 2001
From: Matthew Wall <matthew.wallt@gmail.com>
Date: Wed, 23 Oct 2024 10:39:47 -0400
Subject: [PATCH 18/32] remove unused selectUserAssetsListByChainId selector

---
 src/__swaps__/screens/Swap/resources/_selectors/assets.ts | 8 --------
 1 file changed, 8 deletions(-)

diff --git a/src/__swaps__/screens/Swap/resources/_selectors/assets.ts b/src/__swaps__/screens/Swap/resources/_selectors/assets.ts
index 65887b7d396..4ca4805c1c7 100644
--- a/src/__swaps__/screens/Swap/resources/_selectors/assets.ts
+++ b/src/__swaps__/screens/Swap/resources/_selectors/assets.ts
@@ -34,14 +34,6 @@ export function selectUserAssetsDictByChain(assets: ParsedAssetsDictByChain) {
   return assets;
 }
 
-export function selectUserAssetsListByChainId(assets: ParsedAssetsDictByChain, chainId: ChainId) {
-  const assetsForNetwork = assets?.[chainId];
-
-  return Object.values(assetsForNetwork).sort(
-    (a: ParsedUserAsset, b: ParsedUserAsset) => parseFloat(b?.native?.balance?.amount) - parseFloat(a?.native?.balance?.amount)
-  );
-}
-
 export function selectUserAssetAddressMapByChainId(assets: ParsedAssetsDictByChain) {
   const mapAddresses = (list: ParsedAssetsDict = {}) => Object.values(list).map(i => i.address);
   return {

From 22e063257305839de1353048eb8b8210ea9bc97b Mon Sep 17 00:00:00 2001
From: Matthew Wall <matthew.wallt@gmail.com>
Date: Wed, 23 Oct 2024 12:40:36 -0400
Subject: [PATCH 19/32] change getAddressAndChainIdFromUniqueId to work for
 both networks and chains

---
 src/hooks/useSearchCurrencyList.ts        |  2 +-
 src/parsers/gas.ts                        |  2 +-
 src/redux/gas.ts                          |  2 +-
 src/resources/assets/assets.ts            |  2 +-
 src/resources/favorites.ts                |  2 +-
 src/screens/NFTSingleOfferSheet/index.tsx |  2 +-
 src/screens/mints/MintSheet.tsx           |  2 +-
 src/utils/ethereumUtils.ts                | 61 ++++++++++++++---------
 8 files changed, 45 insertions(+), 30 deletions(-)

diff --git a/src/hooks/useSearchCurrencyList.ts b/src/hooks/useSearchCurrencyList.ts
index 3b30bc85685..47c585ed5f0 100644
--- a/src/hooks/useSearchCurrencyList.ts
+++ b/src/hooks/useSearchCurrencyList.ts
@@ -17,8 +17,8 @@ import { CROSSCHAIN_SWAPS, useExperimentalFlag } from '@/config';
 import { IS_TEST } from '@/env';
 import { useFavorites } from '@/resources/favorites';
 import { getUniqueId } from '@/utils/ethereumUtils';
-import { ChainId } from '@/chains/types';
 import { chainsName } from '@/chains';
+import { ChainId } from '@/chains/types';
 
 type swapCurrencyListType =
   | 'verifiedAssets'
diff --git a/src/parsers/gas.ts b/src/parsers/gas.ts
index 86dbbdeeed1..b4e66df7873 100644
--- a/src/parsers/gas.ts
+++ b/src/parsers/gas.ts
@@ -1,6 +1,6 @@
 import BigNumber from 'bignumber.js';
 import zipObject from 'lodash/zipObject';
-import { gasUtils } from '../utils';
+import { gasUtils } from '@/utils';
 import {
   BlocksToConfirmation,
   GasFeeParam,
diff --git a/src/redux/gas.ts b/src/redux/gas.ts
index edc17677d2f..2313c0cc561 100644
--- a/src/redux/gas.ts
+++ b/src/redux/gas.ts
@@ -42,7 +42,7 @@ import { chainsSwapPollingInterval, meteorologySupportedChainIds, needsL1Securit
 import { MeteorologyLegacyResponse, MeteorologyResponse } from '@/entities/gas';
 import { addBuffer } from '@/helpers/utilities';
 
-const { CUSTOM, FAST, NORMAL, SLOW, URGENT, FLASHBOTS_MIN_TIP } = gasUtils;
+const { CUSTOM, SLOW, NORMAL, FAST, URGENT, FLASHBOTS_MIN_TIP } = gasUtils;
 
 const mutex = new Mutex();
 
diff --git a/src/resources/assets/assets.ts b/src/resources/assets/assets.ts
index b6c6b761cf7..6f32b12b638 100644
--- a/src/resources/assets/assets.ts
+++ b/src/resources/assets/assets.ts
@@ -12,8 +12,8 @@ import { positionsQueryKey } from '@/resources/defi/PositionsQuery';
 import { RainbowPositions } from '@/resources/defi/types';
 import { AddysAddressAsset, AddysAsset, ParsedAsset, RainbowAddressAssets } from './types';
 import { getUniqueId } from '@/utils/ethereumUtils';
-import { ChainId } from '@/chains/types';
 import { chainsIdByName } from '@/chains';
+import { ChainId } from '@/chains/types';
 
 const storage = new MMKV();
 
diff --git a/src/resources/favorites.ts b/src/resources/favorites.ts
index 70f3cb23bf5..f27044c7f5c 100644
--- a/src/resources/favorites.ts
+++ b/src/resources/favorites.ts
@@ -1,6 +1,7 @@
 import { AddressOrEth, UniqueId } from '@/__swaps__/types/assets';
 import { ChainId, Network } from '@/chains/types';
 import { getUniqueId } from '@/utils/ethereumUtils';
+import { chainsIdByName, chainsName } from '@/chains';
 import { NativeCurrencyKeys, RainbowToken } from '@/entities';
 import { createQueryKey, queryClient } from '@/react-query';
 import { DAI_ADDRESS, ETH_ADDRESS, SOCKS_ADDRESS, WBTC_ADDRESS, WETH_ADDRESS } from '@/references';
@@ -8,7 +9,6 @@ import { promiseUtils } from '@/utils';
 import { useQuery } from '@tanstack/react-query';
 import { omit } from 'lodash';
 import { externalTokenQueryKey, fetchExternalToken } from './assets/externalAssetsQuery';
-import { chainsIdByName, chainsName } from '@/chains';
 import { analyticsV2 } from '@/analytics';
 
 export const favoritesQueryKey = createQueryKey('favorites', {}, { persisterVersion: 4 });
diff --git a/src/screens/NFTSingleOfferSheet/index.tsx b/src/screens/NFTSingleOfferSheet/index.tsx
index c5370caa023..59b3e205464 100644
--- a/src/screens/NFTSingleOfferSheet/index.tsx
+++ b/src/screens/NFTSingleOfferSheet/index.tsx
@@ -48,11 +48,11 @@ import { useExternalToken } from '@/resources/assets/externalAssetsQuery';
 import RainbowCoinIcon from '@/components/coin-icon/RainbowCoinIcon';
 import { addNewTransaction } from '@/state/pendingTransactions';
 import { getUniqueId } from '@/utils/ethereumUtils';
+import { chainsIdByName, chainsNativeAsset, defaultChains, getChainDefaultRpc } from '@/chains';
 import { getNextNonce } from '@/state/nonces';
 import { metadataPOSTClient } from '@/graphql';
 import { ethUnits } from '@/references';
 import { Transaction } from '@/graphql/__generated__/metadataPOST';
-import { chainsIdByName, chainsNativeAsset, defaultChains, getChainDefaultRpc } from '@/chains';
 
 const NFT_IMAGE_HEIGHT = 160;
 const TWO_HOURS_MS = 2 * 60 * 60 * 1000;
diff --git a/src/screens/mints/MintSheet.tsx b/src/screens/mints/MintSheet.tsx
index 2ccea9b4bfc..a15036ffb49 100644
--- a/src/screens/mints/MintSheet.tsx
+++ b/src/screens/mints/MintSheet.tsx
@@ -52,11 +52,11 @@ import { IS_ANDROID, IS_IOS } from '@/env';
 import { EthCoinIcon } from '@/components/coin-icon/EthCoinIcon';
 import { addNewTransaction } from '@/state/pendingTransactions';
 import { getUniqueId } from '@/utils/ethereumUtils';
+import { chainsName, defaultChains, getChainDefaultRpc } from '@/chains';
 import { getNextNonce } from '@/state/nonces';
 import { metadataPOSTClient } from '@/graphql';
 import { Transaction } from '@/graphql/__generated__/metadataPOST';
 import { ChainId } from '@/chains/types';
-import { chainsName, defaultChains, getChainDefaultRpc } from '@/chains';
 
 const NFT_IMAGE_HEIGHT = 250;
 // inset * 2 -> 28 *2
diff --git a/src/utils/ethereumUtils.ts b/src/utils/ethereumUtils.ts
index ccb48111219..a735ec658a2 100644
--- a/src/utils/ethereumUtils.ts
+++ b/src/utils/ethereumUtils.ts
@@ -54,6 +54,44 @@ import { AddressOrEth } from '@/__swaps__/types/assets';
 import { chainsIdByName, chainsName, chainsNativeAsset, defaultChains, getChainGasUnits } from '@/chains';
 import { useConnectedToHardhatStore } from '@/state/connectedToHardhat';
 
+/**
+ * @deprecated - use `getUniqueId` instead for chainIds
+ * @desc Get the unique ID for an address and network
+ * @param address - The address to get the unique ID for
+ * @param network - The network to get the unique ID for
+ * @returns `${address}_${network}`
+ */
+export const getUniqueIdNetwork = (address: EthereumAddress, network: Network) => `${address}_${network}`;
+
+export const getUniqueId = (address: EthereumAddress, chainId: ChainId) => {
+  'worklet';
+  return `${address}_${chainId}`;
+};
+
+/**
+ * @desc Get the address and chainId from a unique ID
+ * @param uniqueId - The unique ID to get the address & (chainId || network) from
+ * @returns { address: AddressOrEth; chainId: ChainId }
+ */
+export const getAddressAndChainIdFromUniqueId = (uniqueId: string): { address: AddressOrEth; chainId: ChainId } => {
+  const parts = uniqueId.split('_');
+
+  // If the unique ID does not contain '_', it's a mainnet address
+  if (parts.length === 1) {
+    return { address: parts[0] as AddressOrEth, chainId: ChainId.mainnet };
+  }
+
+  const address = parts[0] as AddressOrEth;
+  const networkOrChainId = parts[1];
+  // if the second part is a string, it's probably a network
+  if (isNaN(Number(networkOrChainId))) {
+    const chainId = chainsIdByName[networkOrChainId] || ChainId.mainnet; // Default to mainnet if unknown
+    return { address, chainId };
+  }
+
+  return { address, chainId: +networkOrChainId };
+};
+
 const getNetworkNativeAsset = ({ chainId }: { chainId: ChainId }) => {
   const nativeAssetAddress = chainsNativeAsset[chainId].address;
   const nativeAssetUniqueId = getUniqueId(nativeAssetAddress, chainId);
@@ -442,29 +480,6 @@ async function parseEthereumUrl(data: string) {
   });
 }
 
-export const getUniqueIdNetwork = (address: EthereumAddress, network: Network) => `${address}_${network}`;
-
-export const getUniqueId = (address: EthereumAddress, chainId: ChainId) => {
-  'worklet';
-  return `${address}_${chainId}`;
-};
-
-export const getAddressAndChainIdFromUniqueId = (uniqueId: string): { address: AddressOrEth; chainId: ChainId } => {
-  const parts = uniqueId.split('_');
-
-  // If the unique ID does not contain '_', it's a mainnet address
-  if (parts.length === 1) {
-    return { address: parts[0] as AddressOrEth, chainId: ChainId.mainnet };
-  }
-
-  // If the unique ID contains '_', the last part is the network and the rest is the address
-  const network = parts[1] as Network; // Assuming the last part is a valid Network enum value
-  const address = parts[0] as AddressOrEth;
-  const chainId = chainsIdByName[network];
-
-  return { address, chainId };
-};
-
 const calculateL1FeeOptimism = async (
   tx: RainbowTransaction | TransactionRequest,
   provider: StaticJsonRpcProvider

From 6905dced483d8f9b7e70035e861848f2d0eb86c2 Mon Sep 17 00:00:00 2001
From: Matthew Wall <matthew.wallt@gmail.com>
Date: Wed, 23 Oct 2024 12:42:20 -0400
Subject: [PATCH 20/32] remove duplicate buildLocalizedTimeUnitString util

---
 src/__swaps__/utils/gasUtils.ts | 48 +--------------------------------
 1 file changed, 1 insertion(+), 47 deletions(-)

diff --git a/src/__swaps__/utils/gasUtils.ts b/src/__swaps__/utils/gasUtils.ts
index 64095c57b1b..c3fc6c3d4dd 100644
--- a/src/__swaps__/utils/gasUtils.ts
+++ b/src/__swaps__/utils/gasUtils.ts
@@ -4,7 +4,6 @@ import { BigNumberish } from '@ethersproject/bignumber';
 import { Contract, ContractInterface } from '@ethersproject/contracts';
 import { serialize } from '@ethersproject/transactions';
 import BigNumber from 'bignumber.js';
-import parseMilliseconds from 'parse-ms';
 
 import { globalColors } from '@/design-system';
 
@@ -30,55 +29,10 @@ import {
 } from '@/helpers/utilities';
 import { addHexPrefix, toHex } from '@/handlers/web3';
 import { MeteorologyLegacyResponse, MeteorologyResponse } from '@/entities/gas';
+import { getMinimalTimeUnitStringForMs } from '@/helpers/time';
 
 export const FLASHBOTS_MIN_TIP = 6;
 
-export const buildLocalizedTimeUnitString = ({ plural, short, unit }: { plural?: boolean; short: boolean; unit: string }) => {
-  const length = short ? 'short' : 'long';
-  const plurality = plural ? 'plural' : 'singular';
-
-  return i18n.t(`time.${unit}.${length}.${plurality}`);
-};
-
-const getHighestResolutionUnit = (timeUnitKey?: string, timeUnitValues?: { [key: string]: number }) => {
-  const highestResolutionUnit = timeUnitKey || 'seconds';
-  return {
-    unit: highestResolutionUnit,
-    value: timeUnitValues?.[highestResolutionUnit] || 0,
-  };
-};
-
-/**
- * @desc get time string for minimal unit
- * @param {String} [value='']
- * @param {Boolean} [short=true]
- * @param {Boolean} [plural=false]
- * @return {String}
- */
-export const getMinimalTimeUnitStringForMs = (value: number, plural?: boolean, short = true): string => {
-  const ms = Number(value);
-
-  const { days, hours, minutes, seconds } = parseMilliseconds(Number(ms));
-
-  const times = { days, hours, minutes, seconds };
-  const timeUnitKey = Object.entries(times).find(([, value]) => value !== 0)?.[0];
-
-  const { unit: highestResolutionUnit, value: highestResolutionValue } = getHighestResolutionUnit(timeUnitKey, {
-    days,
-    hours,
-    minutes,
-    seconds,
-  });
-
-  const label = buildLocalizedTimeUnitString({
-    plural,
-    short,
-    unit: highestResolutionUnit,
-  });
-
-  return `${highestResolutionValue} ${label}`;
-};
-
 export const parseGasDataConfirmationTime = ({
   maxBaseFee,
   maxPriorityFee,

From 39db3075ffef06f34536a44a85a610f8e57bcbb6 Mon Sep 17 00:00:00 2001
From: Matthew Wall <matthew.wallt@gmail.com>
Date: Wed, 23 Oct 2024 12:42:53 -0400
Subject: [PATCH 21/32] remove duplicate buildLocalizedTimeUnitString util

---
 src/__swaps__/utils/meteorology.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/__swaps__/utils/meteorology.ts b/src/__swaps__/utils/meteorology.ts
index 4c9a2cb1cc3..35c9b022fc2 100644
--- a/src/__swaps__/utils/meteorology.ts
+++ b/src/__swaps__/utils/meteorology.ts
@@ -11,8 +11,8 @@ import { MIN_FLASHBOTS_PRIORITY_FEE } from '../screens/Swap/constants';
 import { GasSettings } from '../screens/Swap/hooks/useCustomGas';
 import { getSelectedGasSpeed, useGasSettings } from '../screens/Swap/hooks/useSelectedGas';
 import { GasSpeed } from '../types/gas';
-import { getMinimalTimeUnitStringForMs } from './gasUtils';
 import { MeteorologyLegacyResponse, MeteorologyResponse } from '@/entities/gas';
+import { getMinimalTimeUnitStringForMs } from '@/helpers/time';
 
 // Query Types
 

From 7849a834dd5965440be09018e2a41723e11a53fe Mon Sep 17 00:00:00 2001
From: Matthew Wall <matthew.wallt@gmail.com>
Date: Wed, 23 Oct 2024 12:43:31 -0400
Subject: [PATCH 22/32] remove TokenSelectionButton

---
 .../buttons/TokenSelectionButton.js           | 83 -------------------
 src/components/buttons/index.js               |  1 -
 2 files changed, 84 deletions(-)
 delete mode 100644 src/components/buttons/TokenSelectionButton.js

diff --git a/src/components/buttons/TokenSelectionButton.js b/src/components/buttons/TokenSelectionButton.js
deleted file mode 100644
index 88ca2955713..00000000000
--- a/src/components/buttons/TokenSelectionButton.js
+++ /dev/null
@@ -1,83 +0,0 @@
-import lang from 'i18n-js';
-import React, { useMemo } from 'react';
-import { useTheme } from '../../theme/ThemeContext';
-import { ButtonPressAnimation } from '../animations';
-import { InnerBorder, RowWithMargins } from '../layout';
-import { TruncatedText } from '../text';
-import CaretImageSource from '@/assets/family-dropdown-arrow.png';
-import { ImgixImage } from '@/components/images';
-import styled from '@/styled-thing';
-import { padding, position } from '@/styles';
-import ShadowStack from '@/react-native-shadow-stack';
-
-const TokenSelectionButtonHeight = 46;
-const TokenSelectionButtonMaxWidth = 130;
-const TokenSelectionButtonElevation = ios ? 0 : 8;
-
-const Content = styled(RowWithMargins).attrs({
-  align: 'center',
-  margin: 7,
-})({
-  ...padding.object(11.5, 14, 13.5, 16),
-  height: TokenSelectionButtonHeight,
-  zIndex: 1,
-});
-
-const CaretIcon = styled(ImgixImage).attrs(({ theme: { colors } }) => ({
-  resizeMode: ImgixImage.resizeMode.contain,
-  source: CaretImageSource,
-  tintColor: colors.whiteLabel,
-  size: 30,
-}))({
-  height: 18,
-  top: 0.5,
-  width: 8,
-});
-
-export default function TokenSelectionButton({ color, borderRadius = 30, onPress, symbol, testID }) {
-  const { isDarkMode, colors } = useTheme();
-
-  const shadowsForAsset = useMemo(
-    () => [
-      [0, 10, 30, colors.shadow, 0.2],
-      [0, 5, 15, color, isDarkMode ? 0 : 0.4],
-    ],
-    [color, colors.shadow, isDarkMode]
-  );
-
-  return (
-    <ButtonPressAnimation
-      borderRadius={borderRadius}
-      contentContainerStyle={{
-        backgroundColor: color,
-        borderRadius,
-      }}
-      {...(symbol && { maxWidth: TokenSelectionButtonMaxWidth })}
-      onPress={onPress}
-      radiusAndroid={borderRadius}
-      testID={testID}
-    >
-      <ShadowStack
-        {...position.coverAsObject}
-        backgroundColor={color}
-        borderRadius={borderRadius}
-        elevation={TokenSelectionButtonElevation}
-        shadows={shadowsForAsset}
-      />
-      <Content>
-        <TruncatedText
-          align="center"
-          color={colors.whiteLabel}
-          {...(android && { lineHeight: 21 })}
-          size="large"
-          testID={testID + '-text'}
-          weight="bold"
-        >
-          {symbol ?? lang.t('swap.choose_token')}
-        </TruncatedText>
-        <CaretIcon />
-      </Content>
-      <InnerBorder radius={borderRadius} />
-    </ButtonPressAnimation>
-  );
-}
diff --git a/src/components/buttons/index.js b/src/components/buttons/index.js
index 5541b1af74b..7ab8def660f 100644
--- a/src/components/buttons/index.js
+++ b/src/components/buttons/index.js
@@ -4,4 +4,3 @@ export { HoldToAuthorizeButton, HoldToAuthorizeButtonIcon } from './hold-to-auth
 export { default as MiniButton } from './MiniButton';
 export { default as PasteAddressButton } from './PasteAddressButton';
 export { default as RainbowButton } from './rainbow-button/RainbowButton';
-export { default as TokenSelectionButton } from './TokenSelectionButton';

From 0332f3209506b06cf2fc08ecd1c1594638d5e1a2 Mon Sep 17 00:00:00 2001
From: Matthew Wall <matthew.wallt@gmail.com>
Date: Wed, 23 Oct 2024 12:44:10 -0400
Subject: [PATCH 23/32] remove SendFab

---
 src/components/fab/SendFab.js | 51 -----------------------------------
 src/components/fab/index.js   |  1 -
 2 files changed, 52 deletions(-)
 delete mode 100644 src/components/fab/SendFab.js

diff --git a/src/components/fab/SendFab.js b/src/components/fab/SendFab.js
deleted file mode 100644
index 77ab1450770..00000000000
--- a/src/components/fab/SendFab.js
+++ /dev/null
@@ -1,51 +0,0 @@
-import React, { useCallback } from 'react';
-import { useNavigation } from '../../navigation/Navigation';
-import { lightModeThemeColors } from '../../styles/colors';
-import { useTheme } from '../../theme/ThemeContext';
-import { Text } from '../text';
-import FloatingActionButton from './FloatingActionButton';
-import { enableActionsOnReadOnlyWallet } from '@/config/debug';
-import Routes from '@/navigation/routesNames';
-import styled from '@/styled-thing';
-import { magicMemo, watchingAlert } from '@/utils';
-
-const FabShadow = [
-  [0, 10, 30, lightModeThemeColors.shadow, 0.8],
-  [0, 5, 15, lightModeThemeColors.paleBlue, 1],
-];
-
-const FabIcon = styled(Text).attrs(({ theme: { colors } }) => ({
-  align: 'center',
-  color: colors.whiteLabel,
-  letterSpacing: 'zero',
-  size: 24,
-  weight: 'semibold',
-}))({});
-
-const SendFab = ({ disabled, isReadOnlyWallet, ...props }) => {
-  const { navigate } = useNavigation();
-  const { colors } = useTheme();
-
-  const handlePress = useCallback(() => {
-    if (!isReadOnlyWallet || enableActionsOnReadOnlyWallet) {
-      navigate(Routes.SEND_FLOW);
-    } else {
-      watchingAlert();
-    }
-  }, [navigate, isReadOnlyWallet]);
-
-  return (
-    <FloatingActionButton
-      {...props}
-      backgroundColor={colors.paleBlue}
-      disabled={disabled}
-      onPress={handlePress}
-      shadows={FabShadow}
-      testID="send-fab"
-    >
-      <FabIcon color={colors.whiteLabel}>􀈠</FabIcon>
-    </FloatingActionButton>
-  );
-};
-
-export default magicMemo(SendFab, ['disabled', 'isReadOnlyWallet']);
diff --git a/src/components/fab/index.js b/src/components/fab/index.js
index 133f1882683..06a513c4e6f 100644
--- a/src/components/fab/index.js
+++ b/src/components/fab/index.js
@@ -5,4 +5,3 @@ export {
   FloatingActionButtonShadow,
   FabWrapperBottomPosition,
 } from './FloatingActionButton';
-export { default as SendFab } from './SendFab';

From 039345f4f28e102f2d706f5f8fa084e959b850c1 Mon Sep 17 00:00:00 2001
From: Matthew Wall <matthew.wallt@gmail.com>
Date: Thu, 24 Oct 2024 10:12:44 -0400
Subject: [PATCH 24/32] replace a couple accessors to native assets that could
 be sync

---
 src/__swaps__/screens/Swap/components/ReviewPanel.tsx | 6 ++----
 src/components/gas/GasSpeedButton.tsx                 | 6 +++---
 2 files changed, 5 insertions(+), 7 deletions(-)

diff --git a/src/__swaps__/screens/Swap/components/ReviewPanel.tsx b/src/__swaps__/screens/Swap/components/ReviewPanel.tsx
index 4ef86adc170..504fd18b672 100644
--- a/src/__swaps__/screens/Swap/components/ReviewPanel.tsx
+++ b/src/__swaps__/screens/Swap/components/ReviewPanel.tsx
@@ -24,7 +24,6 @@ import * as i18n from '@/languages';
 import { useNavigation } from '@/navigation';
 import Routes from '@/navigation/routesNames';
 import { swapsStore, useSwapsStore } from '@/state/swaps/swapsStore';
-import { getNativeAssetForNetwork } from '@/utils/ethereumUtils';
 import { CrosschainQuote, Quote, QuoteError } from '@rainbow-me/swaps';
 import React, { useCallback } from 'react';
 import { StyleSheet, View } from 'react-native';
@@ -43,7 +42,7 @@ import { NavigationSteps, useSwapContext } from '../providers/swap-provider';
 import { AnimatedSwitch } from './AnimatedSwitch';
 import { EstimatedSwapGasFee, EstimatedSwapGasFeeSlot } from './EstimatedSwapGasFee';
 import { UnmountOnAnimatedReaction } from './UnmountOnAnimatedReaction';
-import { chainsLabel } from '@/chains';
+import { chainsLabel, chainsNativeAsset } from '@/chains';
 import { ChainId } from '@/chains/types';
 
 const UNKNOWN_LABEL = i18n.t(i18n.l.swap.unknown);
@@ -349,8 +348,7 @@ export function ReviewPanel() {
   });
 
   const openGasExplainer = useCallback(async () => {
-    const nativeAsset = await getNativeAssetForNetwork({ chainId: swapsStore.getState().inputAsset?.chainId ?? ChainId.mainnet });
-
+    const nativeAsset = chainsNativeAsset[swapsStore.getState().inputAsset?.chainId ?? ChainId.mainnet];
     navigate(Routes.EXPLAIN_SHEET, {
       chainId: swapsStore.getState().inputAsset?.chainId ?? ChainId.mainnet,
       type: 'gas',
diff --git a/src/components/gas/GasSpeedButton.tsx b/src/components/gas/GasSpeedButton.tsx
index 23dbcc878c2..65ce16d4860 100644
--- a/src/components/gas/GasSpeedButton.tsx
+++ b/src/components/gas/GasSpeedButton.tsx
@@ -22,12 +22,12 @@ import { useNavigation } from '@/navigation';
 import Routes from '@/navigation/routesNames';
 import styled from '@/styled-thing';
 import { fonts, fontWithWidth, margin, padding } from '@/styles';
-import { ethereumUtils, gasUtils } from '@/utils';
+import { gasUtils } from '@/utils';
 import { IS_ANDROID } from '@/env';
 import { ContextMenu } from '../context-menu';
 import { EthCoinIcon } from '../coin-icon/EthCoinIcon';
 import { ChainId } from '@/chains/types';
-import { chainsGasSpeeds } from '@/chains';
+import { chainsGasSpeeds, chainsNativeAsset } from '@/chains';
 import { ThemeContextProps, useTheme } from '@/theme';
 import { ParsedAddressAsset } from '@/entities';
 import { GasSpeed } from '@/__swaps__/types/gas';
@@ -346,7 +346,7 @@ const GasSpeedButton = ({
 
   const openGasHelper = useCallback(async () => {
     Keyboard.dismiss();
-    const nativeAsset = await ethereumUtils.getNativeAssetForNetwork({ chainId });
+    const nativeAsset = chainsNativeAsset[chainId];
     navigate(Routes.EXPLAIN_SHEET, {
       chainId,
       type: 'gas',

From 4a2ec01d3c17108b8c59a67f6e3b4c839f4c5490 Mon Sep 17 00:00:00 2001
From: Matthew Wall <matthew.wallt@gmail.com>
Date: Fri, 25 Oct 2024 10:04:30 -0400
Subject: [PATCH 25/32] remove unused fromChainId from useSearchCurrencyList

---
 src/hooks/useSearchCurrencyList.ts | 5 -----
 1 file changed, 5 deletions(-)

diff --git a/src/hooks/useSearchCurrencyList.ts b/src/hooks/useSearchCurrencyList.ts
index 47c585ed5f0..72b13e7bc01 100644
--- a/src/hooks/useSearchCurrencyList.ts
+++ b/src/hooks/useSearchCurrencyList.ts
@@ -41,7 +41,6 @@ const abcSort = (list: any[], key?: string) => {
 
 const searchCurrencyList = async (searchParams: {
   chainId: number;
-  fromChainId?: number | '';
   searchList: RainbowToken[] | TokenSearchTokenListId;
   query: string;
 }) => {
@@ -217,7 +216,6 @@ const useSearchCurrencyList = (searchQuery: string, searchChainId = ChainId.main
         searchList: 'verifiedAssets',
         query: '',
         chainId,
-        fromChainId: '',
       });
       setCrosschainVerifiedAssets(state => ({
         ...state,
@@ -245,7 +243,6 @@ const useSearchCurrencyList = (searchQuery: string, searchChainId = ChainId.main
                 searchList: assetType,
                 query: searchQuery,
                 chainId: searchChainId,
-                fromChainId: '',
               })
             )
           );
@@ -257,7 +254,6 @@ const useSearchCurrencyList = (searchQuery: string, searchChainId = ChainId.main
                 searchList: assetType,
                 query: searchQuery,
                 chainId: searchChainId,
-                fromChainId: '',
               })
             )
           );
@@ -269,7 +265,6 @@ const useSearchCurrencyList = (searchQuery: string, searchChainId = ChainId.main
                 searchList: assetType,
                 query: searchQuery,
                 chainId: searchChainId,
-                fromChainId: '',
               })
             )
           );

From 67a777620698b76880513ec909e05e7070f15563 Mon Sep 17 00:00:00 2001
From: Matthew Wall <matthew.wallt@gmail.com>
Date: Fri, 25 Oct 2024 10:05:46 -0400
Subject: [PATCH 26/32] remove unused isCrosschainSearch from
 useSearchCurrencyList

---
 src/hooks/useSearchCurrencyList.ts | 8 +-------
 1 file changed, 1 insertion(+), 7 deletions(-)

diff --git a/src/hooks/useSearchCurrencyList.ts b/src/hooks/useSearchCurrencyList.ts
index 72b13e7bc01..f740de45000 100644
--- a/src/hooks/useSearchCurrencyList.ts
+++ b/src/hooks/useSearchCurrencyList.ts
@@ -100,12 +100,6 @@ const useSearchCurrencyList = (searchQuery: string, searchChainId = ChainId.main
 
   const crosschainSwapsEnabled = useExperimentalFlag(CROSSCHAIN_SWAPS);
 
-  const isCrosschainSearch = useMemo(() => {
-    if (crosschainSwapsEnabled && !isDiscover) {
-      return true;
-    }
-  }, [crosschainSwapsEnabled, isDiscover]);
-
   const isFavorite = useCallback(
     (address: EthereumAddress) => favoriteAddresses.map(a => a?.toLowerCase()).includes(address?.toLowerCase()),
     [favoriteAddresses]
@@ -339,7 +333,7 @@ const useSearchCurrencyList = (searchQuery: string, searchChainId = ChainId.main
     };
     doSearch();
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [searching, searchQuery, searchChainId, isCrosschainSearch]);
+  }, [searching, searchQuery, searchChainId]);
 
   const { colors } = useTheme();
 

From 2b5468b8fc26afc988ab5661a1ecf165af9959cd Mon Sep 17 00:00:00 2001
From: Matthew Wall <matthew.wallt@gmail.com>
Date: Fri, 25 Oct 2024 10:17:07 -0400
Subject: [PATCH 27/32] bring back navigation hook that prevents readOnly
 wallets from navigating to buy, send, and swaps

---
 .../asset/ChartExpandedState.js               |  2 +-
 .../sheet-action-buttons/BuyActionButton.js   | 12 ++++-----
 .../sheet-action-buttons/SendActionButton.js  |  4 +--
 .../sheet-action-buttons/SwapActionButton.tsx | 16 +++--------
 .../useNavigationForNonReadOnlyWallets.ts     | 27 +++++++++++++++++++
 5 files changed, 39 insertions(+), 22 deletions(-)
 create mode 100644 src/hooks/useNavigationForNonReadOnlyWallets.ts

diff --git a/src/components/expanded-state/asset/ChartExpandedState.js b/src/components/expanded-state/asset/ChartExpandedState.js
index 59ccaad7e29..2326c91420b 100644
--- a/src/components/expanded-state/asset/ChartExpandedState.js
+++ b/src/components/expanded-state/asset/ChartExpandedState.js
@@ -314,7 +314,7 @@ export default function ChartExpandedState({ asset }) {
         </SheetActionButtonRow>
       ) : addCashEnabled ? (
         <SheetActionButtonRow paddingBottom={isL2 ? 19 : undefined}>
-          <BuyActionButton color={color} asset={assetWithPrice} />
+          <BuyActionButton color={color} />
         </SheetActionButtonRow>
       ) : null}
       {!data?.networks && isL2 && (
diff --git a/src/components/sheet/sheet-action-buttons/BuyActionButton.js b/src/components/sheet/sheet-action-buttons/BuyActionButton.js
index 993e1b4e6f2..8e8929b6f56 100644
--- a/src/components/sheet/sheet-action-buttons/BuyActionButton.js
+++ b/src/components/sheet/sheet-action-buttons/BuyActionButton.js
@@ -7,12 +7,12 @@ import { useWallets } from '@/hooks';
 
 import Routes from '@/navigation/routesNames';
 import { useRoute } from '@react-navigation/native';
-import { useNavigation } from '@/navigation';
+import useNavigationForNonReadOnlyWallets from '@/hooks/useNavigationForNonReadOnlyWallets';
 
-function BuyActionButton({ color: givenColor, asset, ...props }) {
+function BuyActionButton({ color: givenColor, ...props }) {
   const { colors } = useTheme();
   const color = givenColor || colors.paleBlue;
-  const { navigate } = useNavigation();
+  const navigate = useNavigationForNonReadOnlyWallets();
   const { isDamaged } = useWallets();
   const { name: routeName } = useRoute();
 
@@ -22,15 +22,13 @@ function BuyActionButton({ color: givenColor, asset, ...props }) {
       return;
     }
 
-    navigate(Routes.ADD_CASH_SHEET, {
-      asset,
-    });
+    navigate(Routes.ADD_CASH_SHEET);
 
     analyticsV2.track(analyticsV2.event.buyButtonPressed, {
       componentName: 'BuyActionButton',
       routeName,
     });
-  }, [asset, isDamaged, navigate, routeName]);
+  }, [isDamaged, navigate, routeName]);
 
   return <SheetActionButton {...props} color={color} label={`􀍰 ${lang.t('button.buy_eth')}`} onPress={handlePress} weight="bold" />;
 }
diff --git a/src/components/sheet/sheet-action-buttons/SendActionButton.js b/src/components/sheet/sheet-action-buttons/SendActionButton.js
index b1c22d08417..355f3dd4b66 100644
--- a/src/components/sheet/sheet-action-buttons/SendActionButton.js
+++ b/src/components/sheet/sheet-action-buttons/SendActionButton.js
@@ -3,12 +3,12 @@ import React, { useCallback } from 'react';
 import SheetActionButton from './SheetActionButton';
 import Routes from '@/navigation/routesNames';
 import { IS_IOS } from '@/env';
-import { useNavigation } from '@/navigation';
+import useNavigationForNonReadOnlyWallets from '@/hooks/useNavigationForNonReadOnlyWallets';
 
 function SendActionButton({ asset, color: givenColor, ...props }) {
   const { colors } = useTheme();
   const color = givenColor || colors.paleBlue;
-  const { navigate } = useNavigation();
+  const navigate = useNavigationForNonReadOnlyWallets();
   const handlePress = useCallback(
     () =>
       navigate(Routes.SEND_FLOW, {
diff --git a/src/components/sheet/sheet-action-buttons/SwapActionButton.tsx b/src/components/sheet/sheet-action-buttons/SwapActionButton.tsx
index 7cb7a45e215..8e38433a4ab 100644
--- a/src/components/sheet/sheet-action-buttons/SwapActionButton.tsx
+++ b/src/components/sheet/sheet-action-buttons/SwapActionButton.tsx
@@ -1,13 +1,10 @@
 import lang from 'i18n-js';
 import React, { useCallback } from 'react';
 import SheetActionButton from './SheetActionButton';
-import { useWallets } from '@/hooks';
 import Routes from '@/navigation/routesNames';
 import { useTheme } from '@/theme';
 import { RainbowToken } from '@/entities';
-import { useNavigation } from '@/navigation';
-import { enableActionsOnReadOnlyWallet } from '@/config';
-import { ethereumUtils, watchingAlert } from '@/utils';
+import { ethereumUtils } from '@/utils';
 import { userAssetsStore } from '@/state/assets/userAssets';
 import { isSameAsset, parseSearchAsset } from '@/__swaps__/utils/assets';
 import { SwapAssetType } from '@/__swaps__/types/swap';
@@ -15,6 +12,7 @@ import { swapsStore } from '@/state/swaps/swapsStore';
 import { InteractionManager } from 'react-native';
 import { AddressOrEth, AssetType, ParsedSearchAsset } from '@/__swaps__/types/assets';
 import { chainsIdByName, chainsName } from '@/chains';
+import useNavigationForNonReadOnlyWallets from '@/hooks/useNavigationForNonReadOnlyWallets';
 
 type SwapActionButtonProps = {
   asset: RainbowToken;
@@ -26,17 +24,11 @@ type SwapActionButtonProps = {
 
 function SwapActionButton({ asset, color: givenColor, inputType, label, weight = 'heavy', ...props }: SwapActionButtonProps) {
   const { colors } = useTheme();
-  const { navigate } = useNavigation();
-  const { isReadOnlyWallet } = useWallets();
+  const navigate = useNavigationForNonReadOnlyWallets();
 
   const color = givenColor || colors.swapPurple;
 
   const goToSwap = useCallback(async () => {
-    if (isReadOnlyWallet && !enableActionsOnReadOnlyWallet) {
-      watchingAlert();
-      return;
-    }
-
     const chainId = chainsIdByName[asset.network];
     const uniqueId = `${asset.address}_${chainId}`;
     const userAsset = userAssetsStore.getState().userAssets.get(uniqueId);
@@ -125,7 +117,7 @@ function SwapActionButton({ asset, color: givenColor, inputType, label, weight =
     InteractionManager.runAfterInteractions(() => {
       navigate(Routes.SWAP);
     });
-  }, [asset, inputType, isReadOnlyWallet, navigate]);
+  }, [asset, inputType, navigate]);
 
   return (
     <SheetActionButton
diff --git a/src/hooks/useNavigationForNonReadOnlyWallets.ts b/src/hooks/useNavigationForNonReadOnlyWallets.ts
new file mode 100644
index 00000000000..4bf216d20ea
--- /dev/null
+++ b/src/hooks/useNavigationForNonReadOnlyWallets.ts
@@ -0,0 +1,27 @@
+import { useCallback } from 'react';
+import { InteractionManager } from 'react-native';
+
+import useWallets from './useWallets';
+import { enableActionsOnReadOnlyWallet } from '@/config';
+import { useNavigation } from '@/navigation';
+import { watchingAlert } from '@/utils';
+
+export default function useNavigationForNonReadOnlyWallets() {
+  const { goBack, navigate } = useNavigation();
+  const { isReadOnlyWallet } = useWallets();
+
+  return useCallback(
+    (routeName: string, params?: any) => {
+      if (isReadOnlyWallet && !enableActionsOnReadOnlyWallet) {
+        watchingAlert();
+        return;
+      }
+
+      InteractionManager.runAfterInteractions(goBack);
+      InteractionManager.runAfterInteractions(() => {
+        setTimeout(() => navigate(routeName, params), 50);
+      });
+    },
+    [goBack, isReadOnlyWallet, navigate]
+  );
+}

From 2d835f3959cd1e187b033ab4974241a9cb6e102a Mon Sep 17 00:00:00 2001
From: Matthew Wall <matthew.wallt@gmail.com>
Date: Fri, 25 Oct 2024 10:21:57 -0400
Subject: [PATCH 28/32] clean up crossChainServiceTime and remove traces

---
 src/components/gas/GasSpeedButton.tsx     | 32 +++--------------------
 src/screens/ENSConfirmRegisterSheet.tsx   |  1 -
 src/screens/NFTSingleOfferSheet/index.tsx |  1 -
 src/screens/SendConfirmationSheet.tsx     | 13 +--------
 src/screens/SignTransactionSheet.tsx      |  5 ----
 5 files changed, 5 insertions(+), 47 deletions(-)

diff --git a/src/components/gas/GasSpeedButton.tsx b/src/components/gas/GasSpeedButton.tsx
index 65ce16d4860..d8d113436be 100644
--- a/src/components/gas/GasSpeedButton.tsx
+++ b/src/components/gas/GasSpeedButton.tsx
@@ -16,7 +16,6 @@ import { GasSpeedLabelPager } from '.';
 import ContextMenuButton from '@/components/native-context-menu/contextMenu';
 import { isL2Chain } from '@/handlers/web3';
 import { add, greaterThan, toFixedDecimals } from '@/helpers/utilities';
-import { getCrossChainTimeEstimate } from '@/utils/crossChainTimeEstimates';
 import { useAccountSettings, useColorForAsset, useGas, usePrevious } from '@/hooks';
 import { useNavigation } from '@/navigation';
 import Routes from '@/navigation/routesNames';
@@ -117,13 +116,9 @@ const GasSpeedPagerCentered = styled(Centered).attrs(() => ({
 
 const TextContainer = styled(Column).attrs(() => ({}))({});
 
-const TransactionTimeLabel = ({ formatter, isLongWait, theme }: { formatter: () => string; isLongWait: boolean; theme: string }) => {
+const TransactionTimeLabel = ({ formatter, theme }: { formatter: () => string; theme: string }) => {
   const { colors } = useTheme();
-  let color = theme === 'dark' ? colors.alpha(darkModeThemeColors.blueGreyDark, 0.6) : colors.alpha(colors.blueGreyDark, 0.6);
-
-  if (isLongWait) {
-    color = colors.lightOrange;
-  }
+  const color = theme === 'dark' ? colors.alpha(darkModeThemeColors.blueGreyDark, 0.6) : colors.alpha(colors.blueGreyDark, 0.6);
 
   return (
     <Label align="right" color={color} size="lmedium" weight="bold">
@@ -156,7 +151,6 @@ type GasSpeedButtonProps = {
   showGasOptions?: boolean;
   validateGasParams?: React.RefObject<(callback?: () => void) => void>;
   flashbotTransaction?: boolean;
-  crossChainServiceTime?: number;
   loading?: boolean;
 };
 
@@ -174,14 +168,12 @@ const GasSpeedButton = ({
   showGasOptions = false,
   validateGasParams = undefined,
   flashbotTransaction = false,
-  crossChainServiceTime = undefined,
   loading = false,
 }: GasSpeedButtonProps) => {
   const { colors } = useTheme();
   const { navigate, goBack } = useNavigation();
   const { nativeCurrencySymbol, nativeCurrency } = useAccountSettings();
   const rawColorForAsset = useColorForAsset(asset || {}, fallbackColor, false, true);
-  const [isLongWait, setIsLongWait] = useState(false);
 
   const { gasFeeParamsBySpeed, updateGasFeeOption, selectedGasFee, selectedGasFeeOption, currentBlockParams } = useGas();
 
@@ -312,16 +304,6 @@ const GasSpeedButton = ({
 
   const formatTransactionTime = useCallback(() => {
     if (!gasPriceReady || !selectedGasFee?.estimatedTime?.display) return '';
-    // override time estimate for cross chain swaps
-    if (crossChainServiceTime) {
-      const { isLongWait, timeEstimateDisplay } = getCrossChainTimeEstimate({
-        serviceTime: crossChainServiceTime,
-        // eip1559 gas time is in seconds, legacy is in milliseconds
-        gasTimeInSeconds: isLegacyGasNetwork ? selectedGasFee?.estimatedTime?.amount / 1000 : selectedGasFee?.estimatedTime?.amount,
-      });
-      setIsLongWait(isLongWait);
-      return timeEstimateDisplay;
-    }
 
     const estimatedTime = (selectedGasFee?.estimatedTime?.display || '').split(' ');
     const [estimatedTimeValue = '0', estimatedTimeUnit = 'min'] = estimatedTime;
@@ -336,13 +318,7 @@ const GasSpeedButton = ({
 
     const timeSymbol = estimatedTimeUnit === 'hr' ? '>' : '~';
     return `${timeSymbol}${time} ${estimatedTimeUnit}`;
-  }, [
-    crossChainServiceTime,
-    gasPriceReady,
-    isLegacyGasNetwork,
-    selectedGasFee?.estimatedTime?.amount,
-    selectedGasFee?.estimatedTime?.display,
-  ]);
+  }, [gasPriceReady, selectedGasFee?.estimatedTime?.display]);
 
   const openGasHelper = useCallback(async () => {
     Keyboard.dismiss();
@@ -544,7 +520,7 @@ const GasSpeedButton = ({
                 <Text letterSpacing="one" size="lmedium" weight="heavy">
                   {' '}
                 </Text>
-                <TransactionTimeLabel formatter={formatTransactionTime} theme={theme} isLongWait={isLongWait} />
+                <TransactionTimeLabel formatter={formatTransactionTime} theme={theme} />
               </Text>
             </TextContainer>
           </Row>
diff --git a/src/screens/ENSConfirmRegisterSheet.tsx b/src/screens/ENSConfirmRegisterSheet.tsx
index 7db4480e300..600d160b929 100644
--- a/src/screens/ENSConfirmRegisterSheet.tsx
+++ b/src/screens/ENSConfirmRegisterSheet.tsx
@@ -30,7 +30,6 @@ import {
   useENSRegistrationForm,
   useENSRegistrationStepHandler,
   useENSSearch,
-  useWallets,
 } from '@/hooks';
 import { ImgixImage } from '@/components/images';
 import { useNavigation } from '@/navigation';
diff --git a/src/screens/NFTSingleOfferSheet/index.tsx b/src/screens/NFTSingleOfferSheet/index.tsx
index 59b3e205464..fec9ccad360 100644
--- a/src/screens/NFTSingleOfferSheet/index.tsx
+++ b/src/screens/NFTSingleOfferSheet/index.tsx
@@ -722,7 +722,6 @@ export function NFTSingleOfferSheet() {
                     parentHorizontalPadding={28}
                     showBiometryIcon={!insufficientEth}
                   />
-                  {/* @ts-ignore */}
                   <GasSpeedButton
                     asset={{
                       color: offer.nft.predominantColor || buttonColorFallback,
diff --git a/src/screens/SendConfirmationSheet.tsx b/src/screens/SendConfirmationSheet.tsx
index 31bdda280bf..0ddb0fba84b 100644
--- a/src/screens/SendConfirmationSheet.tsx
+++ b/src/screens/SendConfirmationSheet.tsx
@@ -669,18 +669,7 @@ export const SendConfirmationSheet = () => {
               testID="send-confirmation-button"
             />
           </SendButtonWrapper>
-          {isENS && (
-            <GasSpeedButton
-              asset={undefined}
-              fallbackColor={undefined}
-              testID={undefined}
-              showGasOptions={undefined}
-              validateGasParams={undefined}
-              crossChainServiceTime={undefined}
-              chainId={chainId}
-              theme={theme.isDarkMode ? 'dark' : 'light'}
-            />
-          )}
+          {isENS && <GasSpeedButton chainId={chainId} theme={theme.isDarkMode ? 'dark' : 'light'} />}
         </Column>
       </SlackSheet>
     </Container>
diff --git a/src/screens/SignTransactionSheet.tsx b/src/screens/SignTransactionSheet.tsx
index b81f5f92afe..c807f886b7a 100644
--- a/src/screens/SignTransactionSheet.tsx
+++ b/src/screens/SignTransactionSheet.tsx
@@ -781,12 +781,7 @@ export const SignTransactionSheet = () => {
                   chainId={chainId}
                   theme={'dark'}
                   marginBottom={0}
-                  asset={undefined}
                   fallbackColor={simulationResult?.simulationError ? colors.red : undefined}
-                  testID={undefined}
-                  showGasOptions={undefined}
-                  validateGasParams={undefined}
-                  crossChainServiceTime={undefined}
                 />
               </Box>
             )}

From 95c19a0710544154f65ef04c910d8e0ba152aa0a Mon Sep 17 00:00:00 2001
From: Matthew Wall <matthew.wallt@gmail.com>
Date: Fri, 25 Oct 2024 11:14:04 -0400
Subject: [PATCH 29/32] add swaps v2 comment

---
 src/__swaps__/screens/Swap/hooks/useSwapInputsController.ts | 3 +++
 src/__swaps__/screens/Swap/providers/swap-provider.tsx      | 2 --
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/__swaps__/screens/Swap/hooks/useSwapInputsController.ts b/src/__swaps__/screens/Swap/hooks/useSwapInputsController.ts
index 4c2a4ac8905..4de8b4e50a9 100644
--- a/src/__swaps__/screens/Swap/hooks/useSwapInputsController.ts
+++ b/src/__swaps__/screens/Swap/hooks/useSwapInputsController.ts
@@ -458,6 +458,9 @@ export function useSwapInputsController({
     };
 
     try {
+      // Do not deleeeet the comment below 😤
+      // @ts-ignore About to get quote
+
       const [quoteResponse, fetchedPrices] = await Promise.all([
         isCrosschainSwap ? getCrosschainQuote(params) : getQuote(params),
         fetchAssetPrices({
diff --git a/src/__swaps__/screens/Swap/providers/swap-provider.tsx b/src/__swaps__/screens/Swap/providers/swap-provider.tsx
index da01ba86664..6f0cd81ec29 100644
--- a/src/__swaps__/screens/Swap/providers/swap-provider.tsx
+++ b/src/__swaps__/screens/Swap/providers/swap-provider.tsx
@@ -406,8 +406,6 @@ export const SwapProvider = ({ children }: SwapProviderProps) => {
 
       const isNativeWrapOrUnwrap = quoteData.swapType === SwapType.wrap || quoteData.swapType === SwapType.unwrap;
 
-      // Do not deleeeet the comment below 😤
-      // About to get quote
       const parameters: Omit<RapSwapActionParameters<typeof type>, 'gasParams' | 'gasFeeParamsBySpeed' | 'selectedGasFee'> = {
         sellAmount: quoteData.sellAmount?.toString(),
         buyAmount: quoteData.buyAmount?.toString(),

From 12880ea6f0b55722ac3efc9b59a5f294086bf846 Mon Sep 17 00:00:00 2001
From: Matthew Wall <matthew.wallt@gmail.com>
Date: Mon, 28 Oct 2024 14:32:37 -0400
Subject: [PATCH 30/32] fix initial asset missing on expanded state navigation
 (#6240)

---
 src/components/sheet/sheet-action-buttons/SendActionButton.js | 2 +-
 src/navigation/Routes.ios.tsx                                 | 2 --
 2 files changed, 1 insertion(+), 3 deletions(-)

diff --git a/src/components/sheet/sheet-action-buttons/SendActionButton.js b/src/components/sheet/sheet-action-buttons/SendActionButton.js
index 355f3dd4b66..d5a8e43e67a 100644
--- a/src/components/sheet/sheet-action-buttons/SendActionButton.js
+++ b/src/components/sheet/sheet-action-buttons/SendActionButton.js
@@ -13,7 +13,7 @@ function SendActionButton({ asset, color: givenColor, ...props }) {
     () =>
       navigate(Routes.SEND_FLOW, {
         asset,
-        ...(IS_IOS ? { screen: Routes.SEND_SHEET } : {}),
+        ...(IS_IOS ? { screen: Routes.SEND_SHEET, params: { asset } } : {}),
       }),
     [navigate, asset]
   );
diff --git a/src/navigation/Routes.ios.tsx b/src/navigation/Routes.ios.tsx
index 47b71fc2ade..459561484d3 100644
--- a/src/navigation/Routes.ios.tsx
+++ b/src/navigation/Routes.ios.tsx
@@ -59,7 +59,6 @@ import {
   settingsSheetConfig,
   signTransactionSheetConfig,
   stackNavigationConfig,
-  swapDetailsSheetConfig,
   learnWebViewScreenConfig,
   transactionDetailsConfig,
   addWalletNavigatorConfig,
@@ -98,7 +97,6 @@ import { ConsoleSheet } from '@/screens/points/ConsoleSheet';
 import { PointsProfileProvider } from '@/screens/points/contexts/PointsProfileContext';
 import AppIconUnlockSheet from '@/screens/AppIconUnlockSheet';
 import { SwapScreen } from '@/__swaps__/screens/Swap/Swap';
-import { useRemoteConfig } from '@/model/remoteConfig';
 import CheckIdentifierScreen from '@/screens/CheckIdentifierScreen';
 import { ControlPanel } from '@/components/DappBrowser/control-panel/ControlPanel';
 import { ClaimRewardsPanel } from '@/screens/points/claim-flow/ClaimRewardsPanel';

From 12635e4667d9acfa8569859e03b96be5c070364b Mon Sep 17 00:00:00 2001
From: Matthew Wall <matthew.wallt@gmail.com>
Date: Wed, 30 Oct 2024 10:13:24 -0400
Subject: [PATCH 31/32] fix gas button stuck on loading (#6241)

* fix gas button issues?

* rm poll causing infinite loop

* remove some weird checks

* maybe?
---
 src/components/gas/GasSpeedButton.tsx | 31 ++++++---------------------
 src/screens/SendSheet.tsx             |  7 +++---
 2 files changed, 10 insertions(+), 28 deletions(-)

diff --git a/src/components/gas/GasSpeedButton.tsx b/src/components/gas/GasSpeedButton.tsx
index d8d113436be..48011d8980f 100644
--- a/src/components/gas/GasSpeedButton.tsx
+++ b/src/components/gas/GasSpeedButton.tsx
@@ -15,7 +15,7 @@ import { Text } from '../text';
 import { GasSpeedLabelPager } from '.';
 import ContextMenuButton from '@/components/native-context-menu/contextMenu';
 import { isL2Chain } from '@/handlers/web3';
-import { add, greaterThan, toFixedDecimals } from '@/helpers/utilities';
+import { add, convertAmountToNativeDisplayWorklet, greaterThan, toFixedDecimals } from '@/helpers/utilities';
 import { useAccountSettings, useColorForAsset, useGas, usePrevious } from '@/hooks';
 import { useNavigation } from '@/navigation';
 import Routes from '@/navigation/routesNames';
@@ -192,13 +192,11 @@ const GasSpeedButton = ({
   // (and leave the number only!)
   // which gets added later in the formatGasPrice function
   const price = useMemo(() => {
-    const gasPrice = selectedGasFee?.gasFee?.estimatedFee?.native?.value?.display;
+    const gasPrice = selectedGasFee?.gasFee?.estimatedFee?.native?.value?.amount;
     if (isNil(gasPrice)) return null;
-    return gasPrice
-      .replace(',', '') // In case gas price is > 1k!
-      .replace(nativeCurrencySymbol, '')
-      .trim();
-  }, [nativeCurrencySymbol, selectedGasFee]);
+
+    return gasPrice;
+  }, [selectedGasFee]);
 
   const isL2 = useMemo(() => isL2Chain({ chainId }), [chainId]);
 
@@ -215,24 +213,9 @@ const GasSpeedButton = ({
         return 0;
       }
       !gasPriceReady && setGasPriceReady(true);
-      // L2's are very cheap,
-      // so let's default to the last 2 significant decimals
-      if (isLegacyGasNetwork) {
-        const numAnimatedValue = Number.parseFloat(animatedValue);
-        if (numAnimatedValue < 0.01) {
-          return `${nativeCurrencySymbol}${numAnimatedValue.toPrecision(2)}`;
-        } else {
-          return `${nativeCurrencySymbol}${numAnimatedValue.toFixed(2)}`;
-        }
-      } else {
-        return `${nativeCurrencySymbol}${
-          nativeCurrency === 'ETH'
-            ? (Math.ceil(Number(animatedValue) * 10000) / 10000).toFixed(4)
-            : (Math.ceil(Number(animatedValue) * 100) / 100).toFixed(2)
-        }`;
-      }
+      return convertAmountToNativeDisplayWorklet(animatedValue, nativeCurrency, true);
     },
-    [loading, gasPriceReady, isLegacyGasNetwork, nativeCurrencySymbol, nativeCurrency]
+    [loading, gasPriceReady, nativeCurrency]
   );
 
   const openCustomOptionsRef = useRef<any>();
diff --git a/src/screens/SendSheet.tsx b/src/screens/SendSheet.tsx
index 27a0d6f7fa5..7b0e85a74d5 100644
--- a/src/screens/SendSheet.tsx
+++ b/src/screens/SendSheet.tsx
@@ -287,7 +287,7 @@ export default function SendSheet() {
         startPollingGasFees(currentChainId);
       });
     }
-  }, [startPollingGasFees, selected?.chainId, prevChainId, currentChainId]);
+  }, [startPollingGasFees, prevChainId, currentChainId]);
 
   // Stop polling when the sheet is unmounted
   useEffect(() => {
@@ -296,7 +296,7 @@ export default function SendSheet() {
         stopPollingGasFees();
       });
     };
-  }, [stopPollingGasFees]);
+  }, [currentChainId, stopPollingGasFees]);
 
   useEffect(() => {
     const assetChainId = selected?.chainId;
@@ -840,8 +840,7 @@ export default function SendSheet() {
       currentProviderChainId === currentChainId &&
       toAddress &&
       isValidAddress &&
-      !isEmpty(selected) &&
-      (isUniqueAsset || Number(amountDetails.assetAmount) >= 0)
+      !isEmpty(selected)
     ) {
       estimateGasLimit(
         {

From 4094a6952452d05cba9e17c12bd7da649edc1415 Mon Sep 17 00:00:00 2001
From: Matthew Wall <matthew.wallt@gmail.com>
Date: Wed, 30 Oct 2024 12:15:15 -0400
Subject: [PATCH 32/32] move unused vars to swaps util

---
 .../screens/Swap/hooks/useSwapInputsController.ts   |  3 ---
 src/__swaps__/utils/swaps.ts                        | 13 ++++++++++++-
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/__swaps__/screens/Swap/hooks/useSwapInputsController.ts b/src/__swaps__/screens/Swap/hooks/useSwapInputsController.ts
index 4de8b4e50a9..4c2a4ac8905 100644
--- a/src/__swaps__/screens/Swap/hooks/useSwapInputsController.ts
+++ b/src/__swaps__/screens/Swap/hooks/useSwapInputsController.ts
@@ -458,9 +458,6 @@ export function useSwapInputsController({
     };
 
     try {
-      // Do not deleeeet the comment below 😤
-      // @ts-ignore About to get quote
-
       const [quoteResponse, fetchedPrices] = await Promise.all([
         isCrosschainSwap ? getCrosschainQuote(params) : getQuote(params),
         fetchAssetPrices({
diff --git a/src/__swaps__/utils/swaps.ts b/src/__swaps__/utils/swaps.ts
index 99c554c3289..514c9d63240 100644
--- a/src/__swaps__/utils/swaps.ts
+++ b/src/__swaps__/utils/swaps.ts
@@ -41,6 +41,12 @@ import { convertAmountToRawAmount } from '@/helpers/utilities';
 import { chainsName } from '@/chains';
 import { getUniqueId } from '@/utils/ethereumUtils';
 
+// DO NOT REMOVE THESE COMMENTED ENV VARS
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import { IS_APK_BUILD } from 'react-native-dotenv';
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import isTestFlight from '@/helpers/isTestFlight';
+
 // /---- 🎨 Color functions 🎨 ----/ //
 //
 export const opacity = (color: string, opacity: number): string => {
@@ -594,7 +600,7 @@ export const buildQuoteParams = ({
 
   const isCrosschainSwap = inputAsset.chainId !== outputAsset.chainId;
 
-  return {
+  const quoteParams: QuoteParams = {
     source: source === 'auto' ? undefined : source,
     chainId: inputAsset.chainId,
     fromAddress: currentAddress,
@@ -613,4 +619,9 @@ export const buildQuoteParams = ({
     toChainId: isCrosschainSwap ? outputAsset.chainId : inputAsset.chainId,
     currency: store.getState().settings.nativeCurrency,
   };
+
+  // Do not delete the comment below 😤
+  // @ts-ignore About to get quote
+
+  return quoteParams;
 };