{"version":3,"file":"static/chunks/pages/bar-fbe6bb8e124c3594.js","mappings":"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","sources":["webpack://_N_E/./src/components/CloseIcon/index.tsx","webpack://_N_E/./src/components/Input/Address/index.tsx","webpack://_N_E/./src/components/Input/Numeric/index.tsx","webpack://_N_E/./src/components/Input/Percent/index.tsx","webpack://_N_E/./src/components/Input/index.tsx","webpack://_N_E/./src/functions/convert/apyApr.ts","webpack://_N_E/./src/hooks/useENS.ts","webpack://_N_E/./src/hooks/useENSAddress.ts","webpack://_N_E/./src/modals/TransactionFailedModal/index.tsx","webpack://_N_E/./src/hooks/useSushiBar.ts","webpack://_N_E/./src/pages/bar/index.tsx","webpack://_N_E/?7448","webpack://_N_E/./node_modules/react-feather/dist/icons/x.js"],"sourcesContent":["import { X } from 'react-feather'\n\nconst CloseIcon = (props) => <X className=\"cursor-pointer\" {...props} />\n\nexport default CloseIcon\n","import { classNames, escapeRegExp } from '../../../functions'\n\nimport React from 'react'\nimport useENS from '../../../hooks/useENS'\n\nconst inputRegex = RegExp(`^\\\\d*$`) // match escaped \".\" characters via in a non-capturing group\n\nexport const AddressInput = React.memo(\n  ({\n    value,\n    onUserInput,\n    placeholder,\n    className = 'flex w-full h-full p-3 font-bold rounded overflow-ellipsis recipient-address-input bg-dark-900 placeholder-low-emphesis',\n    align,\n    fontSize = '24px',\n    ...rest\n  }: {\n    value: string\n    onUserInput: (input: string) => void\n    error?: boolean\n    fontSize?: string\n    align?: 'right' | 'left'\n  } & Omit<React.HTMLProps<HTMLInputElement>, 'ref' | 'onChange' | 'as'>) => {\n    const { address, loading } = useENS(value)\n\n    const enforcer = (nextUserInput: string) => {\n      if (nextUserInput === '' || inputRegex.test(escapeRegExp(nextUserInput))) {\n        if (Number(nextUserInput) <= 100) {\n          onUserInput(nextUserInput)\n        }\n      }\n    }\n\n    return (\n      <>\n        <input\n          value={value}\n          onChange={(event) => {\n            enforcer(event.target.value.replace(/\\s+/g, ''))\n          }}\n          // universal input options\n          inputMode=\"text\"\n          title=\"Wallet Address or ENS name\"\n          autoComplete=\"off\"\n          autoCorrect=\"off\"\n          autoCapitalize=\"off\"\n          spellCheck=\"false\"\n          placeholder=\"Wallet Address or ENS name\"\n          pattern=\"^(0x[a-fA-F0-9]{40})$\"\n          // text-specific options\n          type=\"text\"\n          className={classNames(\n            align === 'right' && 'text-right',\n            'font-medium bg-transparent whitespace-nowrap overflow-ellipsis flex-auto',\n            className\n          )}\n          style={{ fontSize }}\n          {...rest}\n        />\n      </>\n    )\n  }\n)\n\nAddressInput.displayName = 'AddressInput'\n\nexport default AddressInput\n\n// const inputRegex = RegExp(`^\\\\d*(?:\\\\\\\\[.])?\\\\d*$`) // match escaped \".\" characters via in a non-capturing group\n","import { classNames, escapeRegExp } from '../../../functions'\n\nimport React from 'react'\n\nconst inputRegex = RegExp(`^\\\\d*(?:\\\\\\\\[.])?\\\\d*$`) // match escaped \".\" characters via in a non-capturing group\n\nconst defaultClassName = 'w-0 p-0 text-2xl bg-transparent'\n\nexport const Input = React.memo(\n  ({\n    value,\n    onUserInput,\n    placeholder,\n    className = defaultClassName,\n    ...rest\n  }: {\n    value: string | number\n    onUserInput: (input: string) => void\n    error?: boolean\n    fontSize?: string\n    align?: 'right' | 'left'\n  } & Omit<React.HTMLProps<HTMLInputElement>, 'ref' | 'onChange' | 'as'>) => {\n    const enforcer = (nextUserInput: string) => {\n      if (nextUserInput === '' || inputRegex.test(escapeRegExp(nextUserInput))) {\n        onUserInput(nextUserInput)\n      }\n    }\n\n    return (\n      <input\n        {...rest}\n        value={value}\n        onChange={(event) => {\n          // replace commas with periods, because uniswap exclusively uses period as the decimal separator\n          enforcer(event.target.value.replace(/,/g, '.'))\n        }}\n        // universal input options\n        inputMode=\"decimal\"\n        title=\"Token Amount\"\n        autoComplete=\"off\"\n        autoCorrect=\"off\"\n        // text-specific options\n        type=\"text\"\n        pattern=\"^[0-9]*[.,]?[0-9]*$\"\n        placeholder={placeholder || '0.0'}\n        min={0}\n        minLength={1}\n        maxLength={79}\n        spellCheck=\"false\"\n        className={classNames(\n          'relative font-bold outline-none border-none flex-auto overflow-hidden overflow-ellipsis placeholder-low-emphesis focus:placeholder-primary',\n          className\n        )}\n      />\n    )\n  }\n)\n\nInput.displayName = 'NumericalInput'\n\nexport default Input\n\n// const inputRegex = RegExp(`^\\\\d*(?:\\\\\\\\[.])?\\\\d*$`) // match escaped \".\" characters via in a non-capturing group\n","import { classNames, escapeRegExp } from '../../../functions'\n\nimport React from 'react'\n\nconst inputRegex = RegExp(`^\\\\d*$`) // match escaped \".\" characters via in a non-capturing group\n\nexport const Input = React.memo(\n  ({\n    value,\n    onUserInput,\n    placeholder,\n    className,\n    align,\n    fontSize = '24px',\n    ...rest\n  }: {\n    value: string | number\n    onUserInput: (input: string) => void\n    error?: boolean\n    fontSize?: string\n    align?: 'right' | 'left'\n  } & Omit<React.HTMLProps<HTMLInputElement>, 'ref' | 'onChange' | 'as'>) => {\n    const enforcer = (nextUserInput: string) => {\n      if (nextUserInput === '' || inputRegex.test(escapeRegExp(nextUserInput))) {\n        if (Number(nextUserInput) <= 100) {\n          onUserInput(nextUserInput)\n        }\n      }\n    }\n\n    return (\n      <>\n        <input\n          value={value}\n          onChange={(event) => {\n            // replace commas with periods, because uniswap exclusively uses period as the decimal separator\n            enforcer(event.target.value.replace(/,/g, '.').replace(/%/g, ''))\n          }}\n          // universal input options\n          inputMode=\"decimal\"\n          title=\"Token Amount\"\n          autoComplete=\"off\"\n          autoCorrect=\"off\"\n          // text-specific options\n          type=\"text\"\n          pattern=\"^[0-9]*$\"\n          placeholder={placeholder || '100'}\n          maxLength={3}\n          className={classNames(\n            align === 'right' && 'text-right',\n            'font-medium bg-transparent whitespace-nowrap overflow-ellipsis flex-auto',\n            className\n          )}\n          style={{ fontSize }}\n          {...rest}\n        />\n      </>\n    )\n  }\n)\n\nInput.displayName = 'PercentInput'\n\nexport default Input\n","import Address from './Address'\nimport Numeric from './Numeric'\nimport Percent from './Percent'\n\nconst Input = {\n  Address,\n  Percent,\n  Numeric,\n}\n\nexport default Input\n","/**\n * @file apyApr\n * @note original implementation: https://gist.github.com/sterlu/4b44f59ea665819974ae684d7f564d9b\n */\n\n/**\n * @const SECONDS_PER_YEAR\n * @summary\n *  A four-century period will be missing 3 of its 100 Julian leap years, leaving 97.\n *      So the average year has 365 + 97/400 = 365.2425 days\n *      ERROR RATE (Julian): -0.0078 = 365.25\n *      ERROR RATE (Gregorian): -0.0003 = 365.2425\n *      A Day = 24 * 60 * 60 sec = 86400 sec\n *      (Gregorian): 365.2425 * 86400 = 31556952.0\n * see https://github.com/yearn/yearn-vaults/blob/912e04db254c6c3b4ea420a97fe42495c4d5343a/contracts/Vault.vy#L235\n */\n\nconst SECONDS_PER_YEAR = 365.2425 * 86400 /** SECONDS_PER_YEAR = 31,556,952 */\n\n/**\n * @const BLOCKS_IN_A_YEAR\n * @summary\n *   London / Berlin / Muir Glacier Block Speed\n *   AVERAGE: 13.2\n *   MEDIAN: 13.21475904\n *   Source: https://openmev.page.link/block-delta\n *\n * @NOTE: We round up due to an observed increase in block prop. from Muir Glacier <> Berlin vs. Berlin <> London\n *   Muir-Glacier <> Berlin sees ~13.15\n */\n\nconst BLOCKS_IN_A_YEAR = SECONDS_PER_YEAR / 13.25\n\n/**\n * Formula source: http://www.linked8.com/blog/158-apy-to-apr-and-apr-to-apy-calculation-methodologies\n *\n * @param apy {Number} APY as percentage (ie. 6)\n * @param frequency {Number} Compounding frequency (times a year)\n * @returns {Number} APR as percentage (ie. 5.82 for APY of 6%)\n */\nexport const apyToApr = (apy, frequency = BLOCKS_IN_A_YEAR) =>\n  ((1 + apy / 100) ** (1 / frequency) - 1) * frequency * 100\n\n/**\n * Formula source: http://www.linked8.com/blog/158-apy-to-apr-and-apr-to-apy-calculation-methodologies\n *\n * @param apr {Number} APR as percentage (ie. 5.82)\n * @param frequency {Number} Compounding frequency (times a year)\n * @returns {Number} APY as percentage (ie. 6 for APR of 5.82%)\n */\nexport const aprToApy = (apr, frequency = BLOCKS_IN_A_YEAR) => ((1 + apr / 100 / frequency) ** frequency - 1) * 100\n","import { isAddress } from '../functions/validate'\nimport useENSAddress from './useENSAddress'\nimport useENSName from './useENSName'\n\n/**\n * Given a name or address, does a lookup to resolve to an address and name\n * @param nameOrAddress ENS name or address\n */\nexport default function useENS(nameOrAddress?: string | null): {\n  loading: boolean\n  address: string | null\n  name: string | null\n} {\n  const validated = isAddress(nameOrAddress)\n  const reverseLookup = useENSName(validated ? validated : undefined)\n  const lookup = useENSAddress(nameOrAddress)\n\n  return {\n    loading: reverseLookup.loading || lookup.loading,\n    address: validated ? validated : lookup.address,\n    name: reverseLookup.ENSName ? reverseLookup.ENSName : !validated && lookup.address ? nameOrAddress || null : null,\n  }\n}\n","import { useENSRegistrarContract, useENSResolverContract } from './useContract'\n\nimport { isZero } from '../functions'\nimport { namehash } from '@ethersproject/hash'\nimport useDebounce from './useDebounce'\nimport { useMemo } from 'react'\nimport { useSingleCallResult } from '../state/multicall/hooks'\n\n/**\n * Does a lookup for an ENS name to find its address.\n */\nexport default function useENSAddress(ensName?: string | null): {\n  loading: boolean\n  address: string | null\n} {\n  const debouncedName = useDebounce(ensName, 200)\n  const ensNodeArgument = useMemo(() => {\n    if (!debouncedName) return [undefined]\n    try {\n      return debouncedName ? [namehash(debouncedName)] : [undefined]\n    } catch (error) {\n      return [undefined]\n    }\n  }, [debouncedName])\n  const registrarContract = useENSRegistrarContract(false)\n  const resolverAddress = useSingleCallResult(registrarContract, 'resolver', ensNodeArgument)\n  const resolverAddressResult = resolverAddress.result?.[0]\n  const resolverContract = useENSResolverContract(\n    resolverAddressResult && !isZero(resolverAddressResult) ? resolverAddressResult : undefined,\n    false\n  )\n  const addr = useSingleCallResult(resolverContract, 'addr', ensNodeArgument)\n\n  const changed = debouncedName !== ensName\n  return {\n    address: changed ? null : addr.result?.[0] ?? null,\n    loading: changed || resolverAddress.loading || addr.loading,\n  }\n}\n","import CloseIcon from '../../components/CloseIcon'\nimport Image from 'next/image'\nimport Modal from '../../components/Modal'\nimport React from 'react'\nimport { t } from '@lingui/macro'\nimport { useLingui } from '@lingui/react'\n\ninterface TransactionFailedModalProps {\n  isOpen: boolean\n  onDismiss: () => void\n}\n\nexport default function TransactionFailedModal({ isOpen, onDismiss }: TransactionFailedModalProps) {\n  const { i18n } = useLingui()\n\n  return (\n    <Modal isOpen={isOpen} onDismiss={onDismiss} padding={28}>\n      <div className=\" h-60\">\n        <div className=\"flex justify-end\">\n          <CloseIcon onClick={onDismiss} />\n        </div>\n        <div className=\"flex justify-center\">\n          <Image src={'/transaction-rejected.png'} width=\"96px\" height=\"96px\" alt=\"transaction rejected\" />\n        </div>\n        <div className=\"flex items-baseline justify-center mt-3 text-3xl flex-nowrap\">\n          <p className=\"text-high-emphesis\">Uh Oh!&nbsp;</p>\n          <p className=\"text-pink\">Transaction rejected.</p>\n        </div>\n        <div className=\"flex justify-center mt-5\">\n          <button\n            onClick={onDismiss}\n            className=\"flex items-center justify-center w-full h-12 text-lg font-medium rounded bg-pink hover:bg-opacity-90 text-high-emphesis\"\n          >\n            {i18n._(t`Dismiss`)}\n          </button>\n        </div>\n      </div>\n    </Modal>\n  )\n}\n","import { Currency, CurrencyAmount, Token } from '@sushiswap/core-sdk'\n\nimport { useCallback } from 'react'\nimport { useSushiBarContract } from './useContract'\nimport { useTransactionAdder } from '../state/transactions/hooks'\n\nconst useSushiBar = () => {\n  const addTransaction = useTransactionAdder()\n  const barContract = useSushiBarContract()\n\n  const enter = useCallback(\n    async (amount: CurrencyAmount<Token> | undefined) => {\n      if (amount?.quotient) {\n        try {\n          const tx = await barContract?.enter(amount?.quotient.toString())\n          return addTransaction(tx, { summary: 'Enter SushiBar' })\n        } catch (e) {\n          return e\n        }\n      }\n    },\n    [addTransaction, barContract]\n  )\n\n  const leave = useCallback(\n    async (amount: CurrencyAmount<Token> | undefined) => {\n      if (amount?.quotient) {\n        try {\n          const tx = await barContract?.leave(amount?.quotient.toString())\n          return addTransaction(tx, { summary: 'Leave SushiBar' })\n        } catch (e) {\n          return e\n        }\n      }\n    },\n    [addTransaction, barContract]\n  )\n\n  return { enter, leave }\n}\n\nexport default useSushiBar\n","import { ApprovalState, useApproveCallback } from '../../hooks/useApproveCallback'\nimport { BAR_ADDRESS, ZERO } from '@sushiswap/core-sdk'\nimport React, { useState } from 'react'\nimport { SUSHI, XSUSHI } from '../../config/tokens'\nimport Button from '../../components/Button'\nimport { ChainId } from '@sushiswap/core-sdk'\nimport Container from '../../components/Container'\nimport Dots from '../../components/Dots'\nimport Head from 'next/head'\nimport Image from 'next/image'\nimport Input from '../../components/Input'\nimport TransactionFailedModal from '../../modals/TransactionFailedModal'\nimport { request } from 'graphql-request'\nimport { t } from '@lingui/macro'\nimport { tryParseAmount } from '../../functions/parse'\nimport { useActiveWeb3React } from '../../services/web3'\nimport { useLingui } from '@lingui/react'\nimport useSushiBar from '../../hooks/useSushiBar'\nimport { useBar, useBlock, useFactory, useNativePrice, useSushiPrice, useTokens } from '../../services/graph'\nimport { useTokenBalance } from '../../state/wallet/hooks'\nimport { useWalletModalToggle } from '../../state/application/hooks'\nimport { classNames } from '../../functions'\nimport { aprToApy } from '../../functions/convert/apyApr'\n\nconst INPUT_CHAR_LIMIT = 18\n\nconst sendTx = async (txFunc: () => Promise<any>): Promise<boolean> => {\n  let success = true\n  try {\n    const ret = await txFunc()\n    if (ret?.error) {\n      success = false\n    }\n  } catch (e) {\n    console.error(e)\n    success = false\n  }\n  return success\n}\n\nconst tabStyle = 'flex justify-center items-center h-full w-full rounded-lg cursor-pointer text-sm md:text-base'\nconst activeTabStyle = `${tabStyle} text-high-emphesis font-bold bg-dark-900`\nconst inactiveTabStyle = `${tabStyle} text-secondary`\n\nconst buttonStyle =\n  'flex justify-center items-center w-full h-14 rounded font-bold md:font-medium md:text-lg mt-5 text-sm focus:outline-none focus:ring'\nconst buttonStyleEnabled = `${buttonStyle} text-high-emphesis bg-gradient-to-r from-pink-red to-light-brown hover:opacity-90`\nconst buttonStyleInsufficientFunds = `${buttonStyleEnabled} opacity-60`\nconst buttonStyleDisabled = `${buttonStyle} text-secondary bg-dark-700`\nconst buttonStyleConnectWallet = `${buttonStyle} text-high-emphesis bg-cyan-blue hover:bg-opacity-90`\n\nconst fetcher = (query) => request('https://api.thegraph.com/subgraphs/name/matthewlilley/bar', query)\n\nexport default function Stake() {\n  const { i18n } = useLingui()\n  const { account } = useActiveWeb3React()\n  const sushiBalance = useTokenBalance(account ?? undefined, SUSHI[ChainId.ETHEREUM])\n  const xSushiBalance = useTokenBalance(account ?? undefined, XSUSHI)\n\n  const { enter, leave } = useSushiBar()\n\n  const walletConnected = !!account\n  const toggleWalletModal = useWalletModalToggle()\n\n  const [activeTab, setActiveTab] = useState(0)\n  const [modalOpen, setModalOpen] = useState(false)\n\n  const [input, setInput] = useState<string>('')\n  const [usingBalance, setUsingBalance] = useState(false)\n\n  const balance = activeTab === 0 ? sushiBalance : xSushiBalance\n\n  const formattedBalance = balance?.toSignificant(4)\n\n  const parsedAmount = usingBalance ? balance : tryParseAmount(input, balance?.currency)\n\n  const [approvalState, approve] = useApproveCallback(parsedAmount, BAR_ADDRESS[ChainId.ETHEREUM])\n\n  const handleInput = (v: string) => {\n    if (v.length <= INPUT_CHAR_LIMIT) {\n      setUsingBalance(false)\n      setInput(v)\n    }\n  }\n\n  const handleClickMax = () => {\n    setInput(parsedAmount ? parsedAmount.toSignificant(balance.currency.decimals).substring(0, INPUT_CHAR_LIMIT) : '')\n    setUsingBalance(true)\n  }\n\n  const insufficientFunds = (balance && balance.equalTo(ZERO)) || parsedAmount?.greaterThan(balance)\n\n  const inputError = insufficientFunds\n\n  const [pendingTx, setPendingTx] = useState(false)\n\n  const buttonDisabled = !input || pendingTx || (parsedAmount && parsedAmount.equalTo(ZERO))\n\n  const handleClickButton = async () => {\n    if (buttonDisabled) return\n\n    if (!walletConnected) {\n      toggleWalletModal()\n    } else {\n      setPendingTx(true)\n\n      if (activeTab === 0) {\n        if (approvalState === ApprovalState.NOT_APPROVED) {\n          const success = await sendTx(() => approve())\n          if (!success) {\n            setPendingTx(false)\n            // setModalOpen(true)\n            return\n          }\n        }\n        const success = await sendTx(() => enter(parsedAmount))\n        if (!success) {\n          setPendingTx(false)\n          // setModalOpen(true)\n          return\n        }\n      } else if (activeTab === 1) {\n        const success = await sendTx(() => leave(parsedAmount))\n        if (!success) {\n          setPendingTx(false)\n          // setModalOpen(true)\n          return\n        }\n      }\n\n      handleInput('')\n      setPendingTx(false)\n    }\n  }\n\n  const block1d = useBlock({ daysAgo: 1, chainId: ChainId.ETHEREUM })\n\n  const exchange = useFactory({ chainId: ChainId.ETHEREUM })\n\n  const exchange1d = useFactory({\n    chainId: ChainId.ETHEREUM,\n    variables: {\n      block: block1d,\n    },\n    shouldFetch: !!block1d,\n  })\n\n  const ethPrice = useNativePrice({ chainId: ChainId.ETHEREUM })\n\n  const xSushi = useTokens({\n    chainId: ChainId.ETHEREUM,\n    variables: { where: { id: XSUSHI.address.toLowerCase() } },\n  })?.[0]\n\n  const bar = useBar()\n\n  const [xSushiPrice] = [xSushi?.derivedETH * ethPrice, xSushi?.derivedETH * ethPrice * bar?.totalSupply]\n\n  const APY1d = aprToApy(\n    (((exchange?.volumeUSD - exchange1d?.volumeUSD) * 0.0005 * 365.25) / (bar?.totalSupply * xSushiPrice)) * 100 ?? 0\n  )\n\n  return (\n    <Container id=\"bar-page\" className=\"py-4 md:py-8 lg:py-12\" maxWidth=\"full\">\n      <Head>\n        <title key=\"title\">Stake | Sushi</title>\n        <meta\n          key=\"description\"\n          name=\"description\"\n          content=\"Stake SUSHI in return for xSUSHI, an interest bearing and fungible ERC20 token designed to share revenue generated by all SUSHI products.\"\n        />\n        <meta key=\"twitter:url\" name=\"twitter:url\" content=\"https://app.sushi.com/stake\" />\n        <meta key=\"twitter:title\" name=\"twitter:title\" content=\"STAKE SUSHI\" />\n        <meta\n          key=\"twitter:description\"\n          name=\"twitter:description\"\n          content=\"Stake SUSHI in return for xSUSHI, an interest bearing and fungible ERC20 token designed to share revenue generated by all SUSHI products.\"\n        />\n        <meta key=\"twitter:image\" name=\"twitter:image\" content=\"https://app.sushi.com/xsushi-sign.png\" />\n        <meta key=\"og:title\" property=\"og:title\" content=\"STAKE SUSHI\" />\n        <meta key=\"og:url\" property=\"og:url\" content=\"https://app.sushi.com/stake\" />\n        <meta key=\"og:image\" property=\"og:image\" content=\"https://app.sushi.com/xsushi-sign.png\" />\n        <meta\n          key=\"og:description\"\n          property=\"og:description\"\n          content=\"Stake SUSHI in return for xSUSHI, an interest bearing and fungible ERC20 token designed to share revenue generated by all SUSHI products.\"\n        />\n      </Head>\n      <div className=\"flex flex-col w-full min-h-full\">\n        <div className=\"flex justify-center mb-6\">\n          <div className=\"flex flex-col w-full max-w-xl mt-auto mb-2\">\n            <div className=\"flex max-w-lg\">\n              <div className=\"self-end mb-3 text-lg font-bold md:text-2xl text-high-emphesis md:mb-7\">\n                {i18n._(t`Maximize yield by staking SUSHI for xSUSHI`)}\n              </div>\n              {/* <div className=\"self-start pl-6 pr-3 mb-1 min-w-max md:hidden\">\n                                <img src={XSushiSignSmall} alt=\"xsushi sign\" />\n                            </div> */}\n            </div>\n            <div className=\"max-w-lg pr-3 mb-2 text-sm leading-5 text-gray-500 md:text-base md:mb-4 md:pr-0\">\n              {i18n._(t`For every swap on the exchange on every chain, 0.05% of the swap fees are distributed as SUSHI\n                                proportional to your share of the SushiBar. When your SUSHI is staked into the SushiBar, you receive\n                                xSUSHI in return for voting rights and a fully composable token that can interact with other protocols.\n                                Your xSUSHI is continuously compounding, when you unstake you will receive all the originally deposited\n                                SUSHI and any additional from fees.`)}\n            </div>\n            {/* <div className=\"flex\">\n                            <div className=\"mr-14 md:mr-9\">\n                                <StyledLink className=\"text-sm text-lg whitespace-nowrap md:text-lg md:leading-5\">\n                                    Enter the Kitchen\n                                </StyledLink>\n                            </div>\n                            <div>\n                                <StyledLink className=\"text-sm text-lg whitespace-nowrap md:text-lg md:leading-5\">\n                                    Tips for using xSUSHI\n                                </StyledLink>\n                            </div>\n                        </div> */}\n          </div>\n          <div className=\"hidden px-8 ml-6 md:block w-72\">\n            <Image src=\"/xsushi-sign.png\" alt=\"xSUSHI sign\" width=\"100%\" height=\"100%\" layout=\"responsive\" />\n          </div>\n        </div>\n        <div className=\"flex flex-col justify-center md:flex-row\">\n          <div className=\"flex flex-col w-full max-w-xl mx-auto mb-4 md:m-0\">\n            <div className=\"mb-4\">\n              <div className=\"flex items-center justify-between w-full h-24 max-w-xl p-4 rounded md:pl-5 md:pr-7 bg-light-yellow bg-opacity-40\">\n                <div className=\"flex flex-col\">\n                  <div className=\"flex items-center justify-center mb-4 flex-nowrap md:mb-2\">\n                    <p className=\"text-sm font-bold whitespace-nowrap md:text-lg md:leading-5 text-high-emphesis\">\n                      {i18n._(t`Staking APR`)}{' '}\n                    </p>\n                    {/* <img className=\"ml-3 cursor-pointer\" src={MoreInfoSymbol} alt={'more info'} /> */}\n                  </div>\n                  <div className=\"flex\">\n                    <a\n                      href={`https://analytics.sushi.com/bar`}\n                      target=\"_blank\"\n                      rel=\"noreferrer noopener\"\n                      className={`\n                        py-1 px-4 md:py-1.5 md:px-7 rounded\n                        text-xs md:text-sm font-medium md:font-bold text-dark-900\n                        bg-light-yellow hover:bg-opacity-90`}\n                    >\n                      {i18n._(t`View Stats`)}\n                    </a>\n                  </div>\n                </div>\n                <div className=\"flex flex-col\">\n                  <p className=\"mb-1 text-lg font-bold text-right text-high-emphesis md:text-3xl\">\n                    {`${APY1d ? APY1d.toFixed(2) + '%' : i18n._(t`Loading...`)}`}\n                  </p>\n                  <p className=\"w-32 text-sm text-right text-primary md:w-64 md:text-base\">\n                    {i18n._(t`Yesterday's APR`)}\n                  </p>\n                </div>\n              </div>\n            </div>\n            <div>\n              <TransactionFailedModal isOpen={modalOpen} onDismiss={() => setModalOpen(false)} />\n              <div className=\"w-full max-w-xl px-3 pt-2 pb-6 rounded bg-dark-900 md:pb-9 md:pt-4 md:px-8\">\n                <div className=\"flex w-full rounded h-14 bg-dark-800\">\n                  <div\n                    className=\"h-full w-6/12 p-0.5\"\n                    onClick={() => {\n                      setActiveTab(0)\n                      handleInput('')\n                    }}\n                  >\n                    <div className={activeTab === 0 ? activeTabStyle : inactiveTabStyle}>\n                      <p>{i18n._(t`Stake SUSHI`)}</p>\n                    </div>\n                  </div>\n                  <div\n                    className=\"h-full w-6/12 p-0.5\"\n                    onClick={() => {\n                      setActiveTab(1)\n                      handleInput('')\n                    }}\n                  >\n                    <div className={activeTab === 1 ? activeTabStyle : inactiveTabStyle}>\n                      <p>{i18n._(t`Unstake`)}</p>\n                    </div>\n                  </div>\n                </div>\n                <div className=\"flex items-center justify-between w-full mt-6\">\n                  <p className=\"font-bold text-large md:text-2xl text-high-emphesis\">\n                    {activeTab === 0 ? i18n._(t`Stake SUSHI`) : i18n._(t`Unstake`)}\n                  </p>\n                  <div className=\"border-gradient-r-pink-red-light-brown-dark-pink-red border-transparent border-solid border rounded-3xl px-4 md:px-3.5 py-1.5 md:py-0.5 text-high-emphesis text-xs font-medium md:text-base md:font-normal\">\n                    {`1 xSUSHI = ${Number(bar?.ratio ?? 0)?.toFixed(4)} SUSHI`}\n                  </div>\n                </div>\n\n                <Input.Numeric\n                  value={input}\n                  onUserInput={handleInput}\n                  className={classNames(\n                    'w-full h-14 px-3 md:px-5 mt-5 rounded bg-dark-800 text-sm md:text-lg font-bold text-dark-800 whitespace-nowrap caret-high-emphesis',\n                    inputError ? ' pl-9 md:pl-12' : ''\n                  )}\n                  placeholder=\" \"\n                />\n\n                {/* input overlay: */}\n                <div className=\"relative w-full h-0 pointer-events-none bottom-14\">\n                  <div\n                    className={`flex justify-between items-center h-14 rounded px-3 md:px-5 ${\n                      inputError ? ' border border-red' : ''\n                    }`}\n                  >\n                    <div className=\"flex space-x-2 \">\n                      {inputError && (\n                        <Image\n                          className=\"mr-2 max-w-4 md:max-w-5\"\n                          src=\"/error-triangle.svg\"\n                          alt=\"error\"\n                          width=\"20px\"\n                          height=\"20px\"\n                        />\n                      )}\n                      <p\n                        className={`text-sm md:text-lg font-bold whitespace-nowrap ${\n                          input ? 'text-high-emphesis' : 'text-secondary'\n                        }`}\n                      >\n                        {`${input ? input : '0'} ${activeTab === 0 ? '' : 'x'}SUSHI`}\n                      </p>\n                    </div>\n                    <div className=\"flex items-center text-sm text-secondary md:text-base\">\n                      <div className={input ? 'hidden md:flex md:items-center' : 'flex items-center'}>\n                        <p>{i18n._(t`Balance`)}:&nbsp;</p>\n                        <p className=\"text-base font-bold\">{formattedBalance}</p>\n                      </div>\n                      <button\n                        className=\"px-2 py-1 ml-3 text-xs font-bold border pointer-events-auto focus:outline-none focus:ring hover:bg-opacity-40 md:bg-cyan-blue md:bg-opacity-30 border-secondary md:border-cyan-blue rounded-2xl md:py-1 md:px-3 md:ml-4 md:text-sm md:font-normal md:text-cyan-blue\"\n                        onClick={handleClickMax}\n                      >\n                        {i18n._(t`MAX`)}\n                      </button>\n                    </div>\n                  </div>\n                </div>\n                {(approvalState === ApprovalState.NOT_APPROVED || approvalState === ApprovalState.PENDING) &&\n                activeTab === 0 ? (\n                  <Button\n                    className={`${buttonStyle} text-high-emphesis bg-cyan-blue hover:bg-opacity-90`}\n                    disabled={approvalState === ApprovalState.PENDING}\n                    onClick={approve}\n                  >\n                    {approvalState === ApprovalState.PENDING ? (\n                      <Dots>{i18n._(t`Approving`)} </Dots>\n                    ) : (\n                      i18n._(t`Approve`)\n                    )}\n                  </Button>\n                ) : (\n                  <button\n                    className={\n                      buttonDisabled\n                        ? buttonStyleDisabled\n                        : !walletConnected\n                        ? buttonStyleConnectWallet\n                        : insufficientFunds\n                        ? buttonStyleInsufficientFunds\n                        : buttonStyleEnabled\n                    }\n                    onClick={handleClickButton}\n                    disabled={buttonDisabled || inputError}\n                  >\n                    {!walletConnected\n                      ? i18n._(t`Connect Wallet`)\n                      : !input\n                      ? i18n._(t`Enter Amount`)\n                      : insufficientFunds\n                      ? i18n._(t`Insufficient Balance`)\n                      : activeTab === 0\n                      ? i18n._(t`Confirm Staking`)\n                      : i18n._(t`Confirm Withdrawal`)}\n                  </button>\n                )}\n              </div>\n            </div>\n          </div>\n          <div className=\"w-full max-w-xl mx-auto md:mx-0 md:ml-6 md:block md:w-72\">\n            <div className=\"flex flex-col w-full px-4 pt-6 pb-5 rounded bg-dark-900 md:px-8 md:pt-7 md:pb-9\">\n              <div className=\"flex flex-wrap\">\n                <div className=\"flex flex-col flex-grow md:mb-14\">\n                  <p className=\"mb-3 text-lg font-bold md:text-2xl md:font-medium text-high-emphesis\">\n                    {i18n._(t`Balance`)}\n                  </p>\n                  <div className=\"flex items-center space-x-4\">\n                    <Image\n                      className=\"max-w-10 md:max-w-16 -ml-1 mr-1 md:mr-2 -mb-1.5 rounded\"\n                      src=\"/images/tokens/xsushi-square.jpg\"\n                      alt=\"xSUSHI\"\n                      width={64}\n                      height={64}\n                    />\n                    <div className=\"flex flex-col justify-center\">\n                      <p className=\"text-sm font-bold md:text-lg text-high-emphesis\">\n                        {xSushiBalance ? xSushiBalance.toSignificant(4) : '-'}\n                      </p>\n                      <p className=\"text-sm md:text-base text-primary\">xSUSHI</p>\n                    </div>\n                  </div>\n                </div>\n\n                <div className=\"flex flex-col flex-grow\">\n                  <div className=\"flex mb-3 ml-8 flex-nowrap md:ml-0\">\n                    <p className=\"text-lg font-bold md:text-2xl md:font-medium text-high-emphesis\">\n                      {i18n._(t`Unstaked`)}\n                    </p>\n                    {/* <img className=\"w-4 ml-2 cursor-pointer\" src={MoreInfoSymbol} alt={'more info'} /> */}\n                  </div>\n                  <div className=\"flex items-center ml-8 space-x-4 md:ml-0\">\n                    <Image\n                      className=\"max-w-10 md:max-w-16 -ml-1 mr-1 md:mr-2 -mb-1.5 rounded\"\n                      src=\"/images/tokens/sushi-square.jpg\"\n                      alt=\"SUSHI\"\n                      width={64}\n                      height={64}\n                    />\n                    <div className=\"flex flex-col justify-center\">\n                      <p className=\"text-sm font-bold md:text-lg text-high-emphesis\">\n                        {sushiBalance ? sushiBalance.toSignificant(4) : '-'}\n                      </p>\n                      <p className=\"text-sm md:text-base text-primary\">SUSHI</p>\n                    </div>\n                  </div>\n                </div>\n\n                <div className=\"flex flex-col w-full mb-4 mt-7 md:mb-0\">\n                  {/* <div className=\"flex items-center justify-between\">\n                        <div className=\"flex items-center flex-1 flex-nowrap\">\n                            <p className=\"text-base font-bold md:text-lg text-high-emphesis\">Weighted APR</p>\n                            <img className=\"w-4 ml-2 cursor-pointer\" src={MoreInfoSymbol} alt={'more info'} />\n                        </div>\n                        <div className=\"flex flex-1 md:flex-initial\">\n                            <p className=\"ml-5 text-base text-primary md:ml-0\">{`${weightedApr}%`}</p>\n                        </div>\n                    </div> */}\n                  {account && (\n                    <a\n                      href={`https://analytics.sushi.com/users/${account}`}\n                      target=\"_blank\"\n                      rel=\"noreferrer noopener\"\n                      className={`\n                                flex flex-grow justify-center items-center\n                                h-14 mt-6 rounded\n                                bg-dark-700 text-high-emphesis\n                                focus:outline-none focus:ring hover:bg-opacity-80\n                                text-sm font-bold cursor-pointer\n                            `}\n                    >\n                      {i18n._(t`Your SushiBar Stats`)}\n                    </a>\n                  )}\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </Container>\n  )\n}\n","\n    (window.__NEXT_P = window.__NEXT_P || []).push([\n      \"/bar\",\n      function () {\n        return require(\"private-next-pages/bar/index.tsx\");\n      }\n    ]);\n    if(module.hot) {\n      module.hot.dispose(function () {\n        window.__NEXT_P.push([\"/bar\"])\n      });\n    }\n  ","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React, { forwardRef } from 'react';\nimport PropTypes from 'prop-types';\nvar X = forwardRef(function (_ref, ref) {\n  var _ref$color = _ref.color,\n      color = _ref$color === void 0 ? 'currentColor' : _ref$color,\n      _ref$size = _ref.size,\n      size = _ref$size === void 0 ? 24 : _ref$size,\n      rest = _objectWithoutProperties(_ref, [\"color\", \"size\"]);\n\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    ref: ref,\n    xmlns: \"http://www.w3.org/2000/svg\",\n    width: size,\n    height: size,\n    viewBox: \"0 0 24 24\",\n    fill: \"none\",\n    stroke: color,\n    strokeWidth: \"2\",\n    strokeLinecap: \"round\",\n    strokeLinejoin: \"round\"\n  }, rest), /*#__PURE__*/React.createElement(\"line\", {\n    x1: \"18\",\n    y1: \"6\",\n    x2: \"6\",\n    y2: \"18\"\n  }), /*#__PURE__*/React.createElement(\"line\", {\n    x1: \"6\",\n    y1: \"6\",\n    x2: \"18\",\n    y2: \"18\"\n  }));\n});\nX.propTypes = {\n  color: PropTypes.string,\n  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n};\nX.displayName = 'X';\nexport default X;"],"names":["props","className","inputRegex","RegExp","AddressInput","React","value","onUserInput","placeholder","align","fontSize","rest","address","loading","useENS","onChange","event","nextUserInput","target","replace","test","escapeRegExp","Number","inputMode","title","autoComplete","autoCorrect","autoCapitalize","spellCheck","pattern","type","classNames","style","displayName","defaultClassName","Input","min","minLength","maxLength","Address","Percent","Numeric","BLOCKS_IN_A_YEAR","aprToApy","apr","frequency","nameOrAddress","validated","isAddress","reverseLookup","useENSName","undefined","lookup","useENSAddress","name","ENSName","ensName","debouncedName","useDebounce","ensNodeArgument","useMemo","namehash","error","registrarContract","useENSRegistrarContract","resolverAddress","useSingleCallResult","resolverAddressResult","result","resolverContract","useENSResolverContract","isZero","addr","changed","TransactionFailedModal","isOpen","onDismiss","i18n","useLingui","Modal","padding","CloseIcon","onClick","src","width","height","alt","_","addTransaction","useTransactionAdder","barContract","useSushiBarContract","enter","useCallback","async","amount","quotient","tx","toString","summary","e","leave","sendTx","success","ret","txFunc","console","tabStyle","activeTabStyle","inactiveTabStyle","buttonStyle","buttonStyleEnabled","buttonStyleInsufficientFunds","buttonStyleDisabled","buttonStyleConnectWallet","Stake","account","useActiveWeb3React","sushiBalance","useTokenBalance","SUSHI","ChainId","xSushiBalance","XSUSHI","useSushiBar","walletConnected","toggleWalletModal","useWalletModalToggle","activeTab","setActiveTab","useState","modalOpen","setModalOpen","input","setInput","usingBalance","setUsingBalance","balance","formattedBalance","toSignificant","parsedAmount","tryParseAmount","currency","approvalState","approve","useApproveCallback","BAR_ADDRESS","handleInput","v","length","insufficientFunds","equalTo","ZERO","greaterThan","inputError","pendingTx","setPendingTx","buttonDisabled","block1d","useBlock","daysAgo","chainId","exchange","useFactory","exchange1d","variables","block","shouldFetch","ethPrice","useNativePrice","xSushi","useTokens","where","id","bar","useBar","xSushiPrice","derivedETH","totalSupply","APY1d","volumeUSD","Container","maxWidth","content","property","layout","href","rel","toFixed","ratio","decimals","substring","ApprovalState","disabled","Button","Dots","window","__NEXT_P","push","_extends","Object","assign","i","arguments","source","key","prototype","hasOwnProperty","call","apply","this","_objectWithoutProperties","excluded","sourceKeys","keys","indexOf","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","propertyIsEnumerable","X","forwardRef","_ref","ref","_ref$color","color","_ref$size","size","xmlns","viewBox","fill","stroke","strokeWidth","strokeLinecap","strokeLinejoin","x1","y1","x2","y2","propTypes"],"sourceRoot":""}