\n
\n );\n}\n\nconst DisplayWalletItems = ({ tokenBalances }) => {\n return (\n {header}
\n {getFullDisplayBalance(value,18,2).toString()}
\n \n {tokenBalances.map((balance, index) => (\n
\n );\n};\n\n","import React from 'react'\nimport { useWeb3React, UnsupportedChainIdError } from '@web3-react/core'\nimport { Flex, LogoutIcon, useModal, UserMenu as UIKitUserMenu, UserMenuDivider, UserMenuItem } from 'pancakeswap-uikit'\nimport useAuth from 'hooks/useAuth'\nimport { useProfile } from 'state/profile/hooks'\nimport ConnectWalletButton from 'components/ConnectWalletButton'\nimport { FetchStatus, useGetTlosBalance } from 'hooks/useTokenBalance'\nimport { useTranslation } from 'contexts/Localization'\nimport styled from 'styled-components'\nimport WalletModal, { WalletView, LOW_TLOS_BALANCE } from './WalletModal'\nimport ProfileUserMenuItem from './ProfileUserMenutItem'\nimport WalletUserMenuItem from './WalletUserMenuItem'\nimport WalletDisplay from './WalletDisplay/WalletDisplay'\n\nconst ControlContainer = styled.div`\n display: flex;\n width: 100%;\n align-items: center;\n position: relative;\n\n justify-content: space-between;\n flex-direction: row;\n\n ${({ theme }) => theme.mediaQueries.sm} {\n flex-direction: row;\n flex-wrap: wrap;\n padding: 0 32px;\n }\n`\n\nconst UserMenu = () => {\n const { t } = useTranslation()\n const { account, error, chainId } = useWeb3React()\n const { logout } = useAuth()\n const { balance, fetchStatus } = useGetTlosBalance()\n const { isInitialized, isLoading, profile } = useProfile()\n const [onPresentWalletModal] = useModal(\n ({\n ...provided,\n width: 120,\n }),\n }}\n />\n
\n );\n}\n\nexport default NetworkSwitcher;\n","interface InvalidPath {\n network: number;\n path: string;\n }\n \n const invalidPaths: InvalidPath[] = [\n { network: 8453, path: \"https://lend.meridianfinance.net/\" },\n ];\n \n export function isInvalidPath(network: number, path: string): boolean {\n const isInvalid = invalidPaths.some((invalidPath) => {\n return invalidPath.network === network && invalidPath.path === path;\n });\n \n if (isInvalid) {\n window.alert(\"Please switch network.\\nLending is currently only available on Fuse, Meter and Telos networks.\");\n }\n \n return isInvalid;\n }","import React, { useState, useEffect } from 'react';\nimport { useHistory } from \"react-router-dom\";\nimport './Sidebar.css'; // Import CSS for styling\nimport menuConfig, { MenuItemConfig, SubMenuItemConfig } from \"./SidebarConfig\";\nimport { SwitchNetwork } from './NetworkSwitcher';\nimport { isInvalidPath } from \"./invalidPaths\";\n\ninterface SidebarProps {\n chainId: number;\n}\n\nconst Sidebar: React.FC\n {menuConfig.map((item) => (\n
\n \n );\n};\n\nexport default Sidebar;\n","import React, { useState, useRef, useEffect } from \"react\";\nimport { FaBars} from \"react-icons/fa\";\nimport { Box, Button, Flex } from \"pancakeswap-uikit\";\nimport Sidebar from \"./Sidebar\";\nimport './Sidebar.css';\n\nconst logoHeight = \"42px\";\n\nexport const SideNav: React.FC = () => {\n const [isVisible, setIsVisible] = useState(false);\n const overlay = useRef\n
\n ))}\n \n
\n {isExpanded && activeSubMenu === item.title && item.subMenu && (\n \n handleMenuItemClick(isExpanded, chainId, chainId, item)}\n />\n handleMenuItemClick(isExpanded, chainId, chainId, item)}\n onKeyPress={(event) => {\n if (event.key === 'Enter' || event.key === ' ') {\n handleMenuItemClick(isExpanded, chainId, chainId, item);\n }\n }}\n >\n {item.title}\n \n {isExpanded && item.subMenu && (\n handleArrowClick(item)}\n onKeyPress={(event) => {\n if (event.key === 'Enter' || event.key === ' ') {\n handleArrowClick(item);\n }\n }}\n >\n {activeSubMenu === item.title ? 'â–¼' : 'â–¶'}\n \n )}\n
\n \n {item.subMenu.map((subItem) => (\n
\n )}\n \n
\n ))}\n \n {/* Display the logo image next to the network name */}\n {subItem.logo && (\n handleItemClick(chainId, subItem.networkId, subItem.path, false)}\n onKeyPress={(event) => {\n if (event.key === 'Enter' || event.key === ' ') {\n handleItemClick(chainId, subItem.networkId, subItem.path, false);\n }\n }}\n >\n {subItem.name}\n \n {subItem.subSubMenu && (\n handleSubArrowClick(subItem)}\n onKeyPress={(event) => {\n if (event.key === 'Enter' || event.key === ' ') {\n handleSubArrowClick(subItem);\n }\n }}\n >\n {activeSubSubMenu === subItem.name ? 'â–¼' : 'â–¶'}\n \n )}\n
\n {activeSubSubMenu === subItem.name && subItem.subSubMenu && (\n \n {subItem.subSubMenu.map((subSubItem) => (\n \n handleItemClick(chainId, subItem.networkId, subSubItem.path, true)\n }\n onKeyPress={(event) => {\n if (event.key === 'Enter' || event.key === ' ') {\n handleItemClick(chainId, subItem.networkId, subSubItem.path, true);\n }\n }}\n >\n {subSubItem.name}\n \n ))}\n
\n )}\n \n {/* Button will be displayed for screen sizes less than 600px */}\n
\n );\n }\n return (\n <>\n \n setIsVisible(true)} style={{ cursor: 'pointer', paddingTop: '5px', paddingLeft: '10px', color: 'dark grey' }} size={30} />\n
\n \n
\n \n
\n \n );\n};","import React, { Suspense, SuspenseProps } from 'react'\n\ninterface State {\n hasError: boolean\n}\n\nclass SuspenseWithChunkError extends React.Component\n
\n setShow(false)}>\n
\n )\n }\n return null\n}\n\nexport default React.memo(EasterEgg)\n","import React, { useCallback } from 'react'\nimport styled from 'styled-components'\nimport { Text, Link } from 'pancakeswap-uikit'\nimport { useTranslation } from 'contexts/Localization'\nimport useENS from '../../../hooks/ENS/useENS'\nimport useActiveWeb3React from '../../../hooks/useActiveWeb3React'\nimport { AutoColumn } from '../../../components/Layout/Column'\nimport { RowBetween } from '../../../components/Layout/Row'\nimport { getTelosExplorerLink } from '../../../utils'\n\nconst InputPanel = styled.div`\n display: flex;\n flex-flow: column nowrap;\n position: relative;\n border-radius: 1.25rem;\n background-color: ${({ theme }) => theme.colors.backgroundAlt};\n z-index: 1;\n width: 100%;\n`\n\nconst ContainerRow = styled.div<{ error: boolean }>`\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 1.25rem;\n border: 1px solid ${({ error, theme }) => (error ? theme.colors.failure : theme.colors.background)};\n transition: border-color 300ms ${({ error }) => (error ? 'step-end' : 'step-start')},\n color 500ms ${({ error }) => (error ? 'step-end' : 'step-start')};\n background-color: ${({ theme }) => theme.colors.backgroundAlt};\n`\n\nconst InputContainer = styled.div`\n flex: 1;\n padding: 1rem;\n`\n\nconst Input = styled.input<{ error?: boolean }>`\n font-size: 1.25rem;\n outline: none;\n border: none;\n flex: 1 1 auto;\n width: 0;\n background-color: ${({ theme }) => theme.colors.backgroundAlt};\n transition: color 300ms ${({ error }) => (error ? 'step-end' : 'step-start')};\n color: ${({ error, theme }) => (error ? theme.colors.failure : theme.colors.primary)};\n overflow: hidden;\n text-overflow: ellipsis;\n font-weight: 500;\n width: 100%;\n ::placeholder {\n color: ${({ theme }) => theme.colors.textDisabled};\n }\n padding: 0px;\n -webkit-appearance: textfield;\n\n ::-webkit-search-decoration {\n -webkit-appearance: none;\n }\n\n ::-webkit-outer-spin-button,\n ::-webkit-inner-spin-button {\n -webkit-appearance: none;\n }\n\n ::placeholder {\n color: ${({ theme }) => theme.colors.textDisabled};\n }\n`\n\nexport default function AddressInputPanel({\n id,\n value,\n onChange,\n}: {\n id?: string\n // the typed string value\n value: string\n // triggers whenever the typed value changes\n onChange: (value: string) => void\n}) {\n const { chainId } = useActiveWeb3React()\n\n const { t } = useTranslation()\n\n const { address, loading, name } = useENS(value)\n\n const handleInput = useCallback(\n (event) => {\n const input = event.target.value\n const withoutSpaces = input.replace(/\\s+/g, '')\n onChange(withoutSpaces)\n },\n [onChange],\n )\n\n const error = Boolean(value.length > 0 && !loading && !address)\n\n return (\n {error}
\nBlocked address
\n }\n return <>{children}\n}\n\nReactDOM.render(\n \n
\n {t('If you purchase an arbitrary token, you may be unable to sell it back.')}\n
\n \n {t('You are the first liquidity provider.')}\n \n {t('The ratio of tokens you add will set the price of this pool.')} \n {t('Once you are happy with the rate click supply to review.')} \n
\n \n
\n );\n};\n\nexport default PageSwitcher;\n\n","import BigNumber from 'bignumber.js'\n\nexport function rewardsAreActive(availableRewards, startBlock, currentBlock){\n const DUST = 1000000000000000000 \n if(new BigNumber(availableRewards).gt(DUST) && currentBlock > startBlock){\n return true\n }\n return false\n }\n","import { Farm } from 'state/types'\nimport BigNumber from 'bignumber.js'\nimport { BLOCKS_PER_YEAR, CAKE_PER_YEAR } from 'config'\nimport lpAprs from 'config/constants/lpAprs.json'\nimport { ChainId } from '../sdk'\nimport { BIG_ZERO, BIG_TEN } from './bigNumber'\nimport { getTokenPriceFromAddress } from \"./getTokenPriceFromAddress\"\nimport { rewardsAreActive } from \"./rewardsAreActive\"\n\n/**\n * Get the APR value in %\n * @param stakingTokenPrice Token price in the same quote currency\n * @param rewardTokenPrice Token price in the same quote currency\n * @param totalStaked Total amount of stakingToken in the pool\n * @param tokenPerBlock Amount of new token allocated to the pool for each new block\n * @returns Null if the APR is NaN or infinite.\n */\nexport const getPoolApr = (\n stakingTokenPrice: number,\n rewardTokenPrice: number,\n totalStaked: number,\n tokenPerBlock: number,\n): number => {\n const totalRewardPricePerYear = new BigNumber(rewardTokenPrice).times(tokenPerBlock).times(BLOCKS_PER_YEAR)\n const totalStakingTokenInPool = new BigNumber(stakingTokenPrice).times(totalStaked)\n const apr = totalRewardPricePerYear.div(totalStakingTokenInPool).times(100)\n return apr.isNaN() || !apr.isFinite() ? null : apr.toNumber()\n}\n\n/**\n * Get farm APR value in %\n * @param poolWeight allocationPoint / totalAllocationPoint\n * @param tokenPriceUsd Reward token price in USD\n * @param poolLiquidityUsd Total pool liquidity in USD\n * @returns\n */\n\nexport const getFarmApr = (\n poolWeight: BigNumber,\n tokenPriceUsd: BigNumber,\n poolLiquidityUsd: BigNumber,\n rewardsPerSecond: BigNumber,\n farmAddress?: string,\n): { tokenRewardsApr: number; lpRewardsApr: number } => {\n\n // Handle case where allocationPoint or totalAllocationPoint is 0\n if (poolWeight.isZero() || poolLiquidityUsd.isZero()) {\n return { tokenRewardsApr: 0, lpRewardsApr: 0 }\n }\n\n const secondsInYear = new BigNumber(60 * 60 * 24 * 365)\n const yearlyRewardAllocation = rewardsPerSecond.times(secondsInYear).times(poolWeight)\n\n const tokenRewardsApr = yearlyRewardAllocation\n .times(tokenPriceUsd)\n .div(poolLiquidityUsd)\n .times(100)\n .dividedBy(BIG_TEN.pow(18))\n\n let tokenRewardsAprAsNumber = 0\n if (!tokenRewardsApr.isNaN() && tokenRewardsApr.isFinite()) {\n tokenRewardsAprAsNumber = tokenRewardsApr.toNumber()\n }\n\n const lpRewardsApr = farmAddress\n ? lpAprs[farmAddress?.toLocaleLowerCase()] ?? 0\n : 0\n\n return { tokenRewardsApr: tokenRewardsAprAsNumber, lpRewardsApr }\n}\n\n\nexport function getTotalFarmApr(\n farms: Farm[],\n pid: number,\n totalLiquidity: BigNumber,\n masterRewardTokenPrice: BigNumber,\n currentBlock: number\n) {\n // Check if farm exists for the given pid\n const farm = farms[pid]\n if (!farm) {\n console.error(`Farm not found for pid: ${pid}`)\n return { aprArray: [], totalApr: 0, lpRewardsApr: 0 }\n }\n\n // Check if farm.poolWeight and farm.rewardPerSecond are valid\n const poolWeight = new BigNumber(farm.poolWeight)\n const rewardPerSecond = new BigNumber(farm.rewardPerSecond)\n\n // First get APR for main farm\n const { tokenRewardsApr, lpRewardsApr } = getFarmApr(\n poolWeight,\n masterRewardTokenPrice,\n totalLiquidity,\n rewardPerSecond,\n farm.lpAddresses[ChainId.MAINNET]\n )\n\n let totalApr = 0.0001 // ensures that display shows but with zero\n const aprArray = []\n\n // Only use main farm APR if rewards are currently available\n if (rewardsAreActive(farm.rewardTokenBalance, farm.rewardStartBlock, currentBlock)) {\n totalApr = tokenRewardsApr\n const aprEntry = { symbol: 'USDM', apr: tokenRewardsApr, isCommunityControl: farm.isCommunity }\n aprArray.push(aprEntry)\n }\n\n // Get APR for slave farms and add to running total\n for (let i = 0; i < farm.slaveFarms.length; i++) {\n const rewardTokenPrice = new BigNumber(getTokenPriceFromAddress(farms, farm.slaveFarms[i].rewardTokenAddress))\n const { tokenRewardsApr: slaveApr } = getFarmApr(\n new BigNumber(farm.slaveFarms[i].poolWeight),\n rewardTokenPrice,\n totalLiquidity,\n new BigNumber(farm.slaveFarms[i].rewardsPerSecond)\n )\n\n if (rewardsAreActive(farm.slaveFarms[i].rewardTokenBalance, farm.slaveFarms[i].rewardStartBlock, currentBlock)) {\n totalApr += slaveApr\n const aprEntry = {\n symbol: farm.slaveFarms[i].rewardTokenSymbol,\n apr: slaveApr,\n isCommunityControl: farm.slaveFarms[i].isCommunityControl,\n }\n aprArray.push(aprEntry)\n }\n }\n\n return { aprArray, totalApr, lpRewardsApr }\n}\n\nexport default null\n","import { ethers } from 'ethers'\nimport { getMulticallContract } from 'utils/contractHelpers'\nimport { MultiCallResponse } from './types'\n\nexport interface Call {\n address: string // Address of the contract\n name: string // Function name on the contract (example: balanceOf)\n params?: any[] // Function params\n}\n\ninterface MulticallOptions {\n requireSuccess?: boolean\n}\n\nconst multicall = async \n handlePageChange('/swap')}>\n Swap\n \n handlePageChange('/liquidity')}>\n Liquidity\n \n handlePageChange('/farms')}>\n Farms\n \n handlePageChange('/vote')}>\n Vote\n \n
\n \n \n \n }\n onChange={handleInput}\n onKeyDown={handleEnter}\n />\n
\n {showCommonBases && (\n \n {searchToken && !searchTokenIsAdded ? (\n \n \n ) : filteredSortedTokens?.length > 0 || filteredInactiveTokens?.length > 0 ? (\n \n \n ) : (\n \n \n {t('No results found.')}\n \n \n )}\n
\n \n )\n}\n\nexport default CurrencySearch\n","export enum CurrencyModalView {\n search,\n manage,\n importToken,\n importList,\n}\n\nexport default CurrencyModalView\n","import React, { memo, useCallback, useMemo, useState, useEffect } from 'react'\nimport { Button, Text, CheckmarkIcon, CogIcon, Input, Toggle, LinkExternal, useTooltip } from 'pancakeswap-uikit'\nimport { useDispatch, useSelector } from 'react-redux'\nimport styled from 'styled-components'\nimport { TokenList, Version } from '@uniswap/token-lists'\nimport Card from 'components/Card'\nimport { UNSUPPORTED_LIST_URLS } from 'config/constants/lists'\nimport { parseENSAddress } from 'utils/ENS/parseENSAddress'\nimport { useTranslation } from 'contexts/Localization'\nimport useFetchListCallback from '../../hooks/useFetchListCallback'\n\nimport { AppDispatch, AppState } from '../../state'\nimport { acceptListUpdate, removeList, disableList, enableList } from '../../state/lists/actions'\nimport { useIsListActive, useAllLists, useActiveListUrls } from '../../state/lists/hooks'\nimport uriToHttp from '../../utils/uriToHttp'\n\nimport Column, { AutoColumn } from '../Layout/Column'\nimport { ListLogo } from '../Logo'\nimport Row, { RowFixed, RowBetween } from '../Layout/Row'\nimport { CurrencyModalView } from './types'\n\nfunction listVersionLabel(version: Version): string {\n return `v${version.major}.${version.minor}.${version.patch}`\n}\n\nconst Wrapper = styled(Column)`\n width: 100%;\n height: 100%;\n`\n\nconst RowWrapper = styled(Row)<{ active: boolean }>`\n background-color: ${({ active, theme }) => (active ? `${theme.colors.success}19` : 'transparent')};\n border: solid 1px;\n border-color: ${({ active, theme }) => (active ? theme.colors.success : theme.colors.tertiary)};\n transition: 200ms;\n align-items: center;\n padding: 1rem;\n border-radius: 20px;\n`\n\nfunction listUrlRowHTMLId(listUrl: string) {\n return `list-row-${listUrl.replace(/\\./g, '-')}`\n}\n\nconst ListRow = memo(function ListRow({ listUrl }: { listUrl: string }) {\n const listsByUrl = useSelector\n {list && listVersionLabel(list.version)} \n \n {t('See')}\n \n \n {pending && (\n \n )}\n
,\n { placement: 'right-end', trigger: 'click' },\n )\n\n if (!list) return null\n\n return (\n