{"version":3,"file":"static/chunks/pages/liquidity-04ef4fd02814d4f3.js","mappings":"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","sources":["webpack://_N_E/?d36e","webpack://_N_E/./packages/uikit/src/components/Card/CardFooter.tsx","webpack://_N_E/./src/views/Pool/index.tsx","webpack://_N_E/./src/pages/liquidity.tsx"],"sourcesContent":["\n    (window.__NEXT_P = window.__NEXT_P || []).push([\n      \"/liquidity\",\n      function () {\n        return require(\"private-next-pages/liquidity.tsx\");\n      }\n    ]);\n    if(module.hot) {\n      module.hot.dispose(function () {\n        window.__NEXT_P.push([\"/liquidity\"])\n      });\n    }\n  ","import _tagged_template_literal from \"@swc/helpers/src/_tagged_template_literal.mjs\";\nfunction _templateObject() {\n    var data = _tagged_template_literal([\n        \"\\n  border-top: 1px solid \",\n        \";\\n  \",\n        \"\\n\"\n    ]);\n    _templateObject = function _templateObject() {\n        return data;\n    };\n    return data;\n}\nimport styled from \"styled-components\";\nimport { space } from \"styled-system\";\nvar CardFooter = styled.div.withConfig({\n    componentId: \"sc-5ed8a823-0\"\n})(_templateObject(), function(param) {\n    var theme = param.theme;\n    return theme.colors.cardBorder;\n}, space);\nCardFooter.defaultProps = {\n    p: \"24px\"\n};\nexport default CardFooter;\n","import { useMemo } from 'react'\nimport styled from 'styled-components'\nimport { Text, Flex, CardBody, CardFooter, Button, AddIcon } from '@pancakeswap/uikit'\nimport Link from 'next/link'\nimport { useTranslation } from 'contexts/Localization'\nimport { useAccount } from 'wagmi'\nimport FullPositionCard from '../../components/PositionCard'\nimport { useTokenBalancesWithLoadingIndicator } from '../../state/wallet/hooks'\nimport { usePairs, PairState } from '../../hooks/usePairs'\nimport { toV2LiquidityToken, useTrackedTokenPairs } from '../../state/user/hooks'\nimport Dots from '../../components/Loader/Dots'\nimport { AppHeader, AppBody } from '../../components/App'\nimport Page from '../Page'\n\nconst Body = styled(CardBody)`\n  background-color: ${({ theme }) => theme.colors.dropdownDeep};\n`\n\nexport default function Pool() {\n  const { address : account } = useAccount()\n  const { t } = useTranslation()\n\n  // fetch the user's balances of all tracked V2 LP tokens\n  const trackedTokenPairs = useTrackedTokenPairs()\n  \n  const tokenPairsWithLiquidityTokens = useMemo(\n    () => trackedTokenPairs.map((tokens) => ({ liquidityToken: toV2LiquidityToken(tokens), tokens })),\n    [trackedTokenPairs],\n  )\n  const liquidityTokens = useMemo(\n    () => tokenPairsWithLiquidityTokens.map((tpwlt) => tpwlt.liquidityToken),\n    [tokenPairsWithLiquidityTokens],\n  )\n  const [v2PairsBalances, fetchingV2PairBalances] = useTokenBalancesWithLoadingIndicator(\n    account ?? undefined,\n    liquidityTokens,\n  )\n\n  // fetch the reserves for all V2 pools in which the user has a balance\n  const liquidityTokensWithBalances = useMemo(\n    () =>\n      tokenPairsWithLiquidityTokens.filter(({ liquidityToken }) =>\n        v2PairsBalances[liquidityToken.address]?.greaterThan('0'),\n      ),\n    [tokenPairsWithLiquidityTokens, v2PairsBalances],\n  )\n\n  const v2Pairs = usePairs(liquidityTokensWithBalances.map(({ tokens }) => tokens))\n  const v2IsLoading =\n    fetchingV2PairBalances ||\n    v2Pairs?.length < liquidityTokensWithBalances.length ||\n    (v2Pairs?.length && v2Pairs.every(([pairState]) => pairState === PairState.LOADING))\n  const allV2PairsWithLiquidity = v2Pairs\n    ?.filter(([pairState, pair]) => pairState === PairState.EXISTS && Boolean(pair))\n    .map(([, pair]) => pair)\n\n  const renderBody = () => {\n    if (!account) {\n      return (\n        <Text color=\"textSubtle\" textAlign=\"center\">\n          {t('Connect to a wallet to view your liquidity.')}\n        </Text>\n      )\n    }\n    if (v2IsLoading) {\n      return (\n        <Text color=\"textSubtle\" textAlign=\"center\">\n          <Dots>{t('Loading')}</Dots>\n        </Text>\n      )\n    }\n    if (allV2PairsWithLiquidity?.length > 0) {\n      return allV2PairsWithLiquidity.map((v2Pair, index) => (\n        <FullPositionCard\n          key={v2Pair.liquidityToken.address}\n          pair={v2Pair}\n          mb={index < allV2PairsWithLiquidity.length - 1 ? '16px' : 0}\n        />\n      ))\n    }\n    return (\n      <Text color=\"textSubtle\" textAlign=\"center\">\n        {t('No liquidity found.')}\n      </Text>\n    )\n  }\n\n  return (\n    // <Flex background=\"url('/images/liquidity-back.jpg') 50% / cover no-repeat #191919\">\n      <Page>\n        <AppBody>\n          <AppHeader title={t('Your Liquidity')} subtitle={t('Remove liquidity to receive tokens back')} />\n          <Body>\n            {renderBody()}\n            {account && !v2IsLoading && (\n              <Flex flexDirection=\"column\" alignItems=\"center\" mt=\"24px\">\n                <Text color=\"textSubtle\" mb=\"8px\">\n                  {t(\"Don't see a pool you joined?\")}\n                </Text>\n                <Link href=\"/find\" passHref>\n                  <Button id=\"import-pool-link\" variant=\"text\" scale=\"sm\" as=\"a\">\n                    {t('Find other LP tokens')}\n                  </Button>\n                </Link>\n              </Flex>\n            )}\n          </Body>\n          <CardFooter style={{ textAlign: 'center' }}>\n            <Link href=\"/add\" passHref>\n              <Button id=\"join-pool-button\" width=\"100%\" startIcon={<AddIcon color=\"black\" />}>\n                <Text color=\"black\">\n                  {t('Add Liquidity')}\n                </Text>\n              </Button>\n            </Link>\n          </CardFooter>\n        </AppBody>\n      </Page>\n    // </Flex>\n  )\n}\n","import Liquidity from '../views/Pool'\n\nexport default Liquidity\n"],"names":["window","__NEXT_P","push","_templateObject","data","_tagged_template_literal","CardFooter","styled","componentId","param","theme","colors","cardBorder","space","defaultProps","p","Body","CardBody","dropdownDeep","address","useAccount","useTranslation","t","trackedTokenPairs","useTrackedTokenPairs","tokenPairsWithLiquidityTokens","useMemo","map","tokens","liquidityToken","toV2LiquidityToken","liquidityTokens","tpwlt","useTokenBalancesWithLoadingIndicator","account","undefined","v2PairsBalances","fetchingV2PairBalances","liquidityTokensWithBalances","filter","greaterThan","v2Pairs","usePairs","v2IsLoading","length","every","PairState","allV2PairsWithLiquidity","pairState","pair","Boolean","Page","AppBody","AppHeader","title","subtitle","Text","color","textAlign","Dots","v2Pair","index","FullPositionCard","mb","Flex","flexDirection","alignItems","mt","Link","href","passHref","Button","id","variant","scale","as","style","width","startIcon","AddIcon"],"sourceRoot":""}