@ape.swap/bonds-sdk 6.0.7 → 6.1.0-test.0

package/dist/views/Bonds/Bonds.js.map

@@ -1 +1 @@
-{"version":3,"file":"Bonds.js","sources":["../../../src/views/Bonds/Bonds.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from 'react'\nimport { BondsData } from '../../types/bonds'\nimport { useTopTags } from '../../hooks/useTopTags'\nimport { isBondSoldOut, isBondSupported, sortBonds } from './utils'\nimport useBondsData from '../../state/bonds/useBondsData'\nimport CheckURL from './components/CheckURL'\nimport PlaceholderMonkey from '../../components/PlaceholderMonkey'\nimport useFavoriteTokens from '../../state/favoriteTokens/useFavoriteTokens'\nimport useChainFilterOption from '../../state/chainFilterOption/useChainFilterOption'\nimport useBondsList from '../../state/bonds/useBondsList'\nimport { BaseBondConfig } from '@ape.swap/apeswap-lists'\nimport RecommendationCards from './components/RecommendationCards'\nimport BondsMenu from './components/BondsMenu/BondsMenu'\nimport { useSDKConfig } from '../../state/useSDKConfig'\nimport BuyAgainRow from './components/BuyAgainRow'\nimport LoadingSkeleton from './components/LoadingSkeleton/LoadingSkeleton'\nimport useHotBonds from '../../state/hotBonds/useHotBonds'\nimport useBondsListPreTGE from '../../state/bonds/useBondsListPreTGE'\nimport { MAINNET_CHAINS } from '../../config/constants/chains'\nimport ActiveBondRows from './components/BondRows/ActiveBondRows'\nimport SoldOutRows from './components/BondRows/SoldOutRows'\nimport Flex from '../../components/uikit-sdk/Flex'\nimport Svg from '../../components/uikit-sdk/Svg'\n\ntype SortableKeys = 'bonus' | 'arr' | 'terms' | 'tokensRemaining'\ntype SortDirection = 'asc' | 'desc'\n\nexport interface SortOptions {\n  key: SortableKeys\n  direction: SortDirection\n}\n\nexport type GroupedByChain = Record<number, (BondsData | BaseBondConfig)[]>\nexport type GroupedBySymbol = Record<number, Record<string, (BondsData | BaseBondConfig)[]>>\n\nconst Bonds = () => {\n  // Fetch data\n  useHotBonds()\n  const SDKConfig = useSDKConfig()\n  const { favTokens } = useFavoriteTokens()\n  const { data: bondData } = useBondsData()\n  const { data: allBonds } = useBondsList()\n  const { data: allPreBonds } = useBondsListPreTGE()\n  const { data: chainFilterOption, setChainFilterOption } = useChainFilterOption()\n  const topTags = useTopTags()\n\n  // State\n  const [sortConfig, setSortConfig] = useState<SortOptions | undefined>({ key: 'bonus', direction: 'desc' })\n  const [searchQuery, setSearchQuery] = useState('')\n  const [filterOption, setFilterOption] = useState('ALL')\n\n  // Static data\n  const filterOptions = ['ALL', 'FAVORITES', ...topTags, 'SOLD OUT']\n  const validatedChains = SDKConfig?.chains?.filter((chain) => MAINNET_CHAINS.includes(chain))\n\n  const billsToRender: GroupedByChain | GroupedBySymbol = useMemo(() => {\n    let bondsToUse\n\n    if (filterOption === 'SOLD OUT') {\n      if (!allBonds || !allPreBonds) return {}\n      bondsToUse = [...allPreBonds, ...allBonds]\n    } else {\n      bondsToUse = sortBonds(sortConfig, bondData)\n    }\n\n    const filteredBonds = bondsToUse?.filter((bill) => {\n      // filter incompatible bonds\n      if (!isBondSupported(SDKConfig.highestCompatibleVersion!, bill.version)) return false\n\n      // filter onlyPartner Bonds\n      if (bill.onlyPartner && SDKConfig.bondPartner !== bill.bondPartner) return false\n\n      // filter searchQuery\n      if (searchQuery) {\n        const matchesSearch = [\n          `${bill?.earnToken?.symbol.toUpperCase()}`,\n          `${bill?.lpToken?.symbol.toUpperCase()}`,\n        ].some((property) => property?.includes(searchQuery.toUpperCase()))\n        if (!matchesSearch) return false\n      }\n\n      // filter tiers\n      if (!SDKConfig?.useTiers && 'minTier' in bill) {\n        if (bill.minTier !== null && bill.minTier !== undefined) return false\n      }\n\n      // filter bondPartner\n      if (SDKConfig?.bondPartner && bill.bondPartner !== SDKConfig.bondPartner) return false\n\n      // filter topTags\n      if (topTags.includes(filterOption) && !bill?.tags?.includes(filterOption)) return false\n\n      // filter chainFilterOption\n      if (chainFilterOption && !chainFilterOption?.includes('All Chains')) {\n        if (!chainFilterOption?.includes(bill?.chainId?.toString())) return false\n      }\n\n      // filter SOLD OUT\n      if (filterOption === 'SOLD OUT' && !isBondSoldOut(bill as BondsData, SDKConfig.showLowValueBonds)) return false\n\n      // filter not SOLD OUT\n      if (filterOption !== 'SOLD OUT' && isBondSoldOut(bill as BondsData, SDKConfig.showLowValueBonds)) return false\n\n      // filter FAVORITES\n      if (filterOption === 'FAVORITES' && !favTokens.includes(bill?.earnToken?.symbol?.toLowerCase())) return false\n\n      return true\n    })\n\n    if (filterOption === 'SOLD OUT') {\n      return filteredBonds?.reduce<GroupedBySymbol>((acc, bond) => {\n        const symbol = bond?.earnToken?.symbol\n        const chainId = bond.chainId\n\n        if (!acc[chainId]) acc[chainId] = {}\n\n        if (!acc[chainId][symbol]) acc[chainId][symbol] = []\n\n        acc[chainId][symbol].push(bond)\n        return acc\n      }, {})\n    } else {\n      return filteredBonds?.reduce<GroupedByChain>((acc, bond) => {\n        const { chainId } = bond\n        if (!acc[chainId]) acc[chainId] = []\n        acc[chainId].push(bond)\n        return acc\n      }, {})\n    }\n  }, [\n    allBonds,\n    allPreBonds,\n    sortConfig,\n    bondData,\n    filterOption,\n    SDKConfig.highestCompatibleVersion,\n    SDKConfig.bondPartner,\n    SDKConfig?.useTiers,\n    SDKConfig.showLowValueBonds,\n    searchQuery,\n    topTags,\n    chainFilterOption,\n    favTokens,\n  ])\n\n  // Handlers\n  const handleSortOptions = useCallback(\n    (key: SortableKeys) => {\n      let direction: SortDirection = 'desc'\n      if (sortConfig?.key === key && sortConfig?.direction === 'desc') {\n        direction = 'asc'\n      }\n      setSortConfig({ key, direction })\n    },\n    [sortConfig?.key, sortConfig?.direction],\n  )\n\n  const handleChangeFilterOption = useCallback((newOption: string) => {\n    setFilterOption(newOption)\n  }, [])\n\n  useEffect(() => {\n    const hash = window.location.hash\n    //@ts-ignore\n    if (bondData?.length > 0 && hash) {\n      const tryScroll = () => {\n        const normalizedHash = decodeURIComponent(hash).replace(/\\s+/g, '')\n        const element = document.querySelector(normalizedHash)\n        if (element) {\n          const y = element.getBoundingClientRect().top + window.scrollY - 70\n          window.scrollTo({ top: y, behavior: 'smooth' })\n        } else {\n          setTimeout(tryScroll, 50)\n        }\n      }\n      tryScroll()\n    }\n  }, [bondData?.length])\n\n  return (\n    <Flex className=\"bonds-container\">\n      <CheckURL />\n      <BondsMenu\n        searchQuery={searchQuery}\n        setSearchQuery={setSearchQuery}\n        setChainFilterOption={setChainFilterOption}\n        chainFilterOption={chainFilterOption ?? ['All Chains']}\n        filterOptions={filterOptions}\n        filterOption={filterOption}\n        setFilterOption={handleChangeFilterOption}\n        onSort={handleSortOptions}\n      />\n      {SDKConfig.useHotBonds && !SDKConfig.bondPartner && filterOption !== 'SOLD OUT' && <BuyAgainRow />}\n      {Object.keys(billsToRender)?.length > 0 ? (\n        <Flex className=\"bondrowsbychain\">\n          {validatedChains?.map((chain) =>\n            filterOption === 'SOLD OUT' ? (\n              Object.entries(billsToRender[chain] ?? {}).map((groupedBonds) => (\n                <SoldOutRows bonds={groupedBonds[1]} key={groupedBonds[0]} />\n              ))\n            ) : (\n              <ActiveBondRows\n                chain={chain}\n                bonds={(billsToRender[chain] ?? []) as (BondsData | BaseBondConfig)[]}\n                key={chain}\n                hideTitles={searchQuery !== ''}\n                showHotBonds={!searchQuery && SDKConfig.useHotBonds && SDKConfig?.hotBondChains?.includes(chain)}\n              />\n            ),\n          )}\n        </Flex>\n      ) : searchQuery || !chainFilterOption.includes('All Chains') ? (\n        <Flex className=\"placeholder-monkey-wrapper\">\n          <PlaceholderMonkey text={'No results, change filters.'} />\n        </Flex>\n      ) : filterOption === 'FAVORITES' ? (\n        <Flex\n          sx={{\n            width: '100%',\n            height: '300px',\n            background: 'white2',\n            borderRadius: 'normal',\n            justifyContent: 'center',\n            alignItems: 'center',\n            flexDirection: 'column',\n            mt: '10px',\n          }}\n        >\n          <Svg icon=\"StarFilled\" width={75} height={75} />\n          <Flex sx={{ mt: '10px' }}>{`You don't have any Favorite Bonds yet!`}</Flex>\n          <Flex sx={{ fontSize: '12px', fontWeight: 400, color: 'textDisabledButton', mt: '10px' }}>\n            {`Click on the 'star' or 'fire' icon to add Bonds to the list.`}\n          </Flex>\n        </Flex>\n      ) : (\n        <LoadingSkeleton />\n      )}\n      {SDKConfig.useHotBonds && <RecommendationCards />}\n      <Flex sx={{ width: '100%', justifyContent: 'center', my: '15px' }}>\n        <img\n          src=\"https://res.cloudinary.com/dswmrqgwy/image/upload/v1741643990/poweredbyapebondsdk_cxiouj.png\"\n          alt=\"powered-by-apebond\"\n          style={{ width: '200px', height: 'auto' }}\n        />\n      </Flex>\n    </Flex>\n  )\n}\n\nexport default Bonds\n"],"names":["_jsxs","_jsx","CheckURL"],"mappings":"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"}
+{"version":3,"file":"Bonds.js","sources":["../../../src/views/Bonds/Bonds.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from 'react'\nimport { BondsData } from '../../types/bonds'\nimport { useTopTags } from '../../hooks/useTopTags'\nimport { isBondSoldOut, isBondSupported, sortBonds } from './utils'\nimport useBondsData from '../../state/bonds/useBondsData'\nimport CheckURL from './components/CheckURL'\nimport PlaceholderMonkey from '../../components/PlaceholderMonkey'\nimport useFavoriteTokens from '../../state/favoriteTokens/useFavoriteTokens'\nimport useChainFilterOption from '../../state/chainFilterOption/useChainFilterOption'\nimport useBondsList from '../../state/bonds/useBondsList'\nimport { BaseBondConfig } from '@ape.swap/apeswap-lists'\nimport RecommendationCards from './components/RecommendationCards'\nimport BondsMenu from './components/BondsMenu/BondsMenu'\nimport { useSDKConfig } from '../../state/useSDKConfig'\nimport BuyAgainRow from './components/BuyAgainRow'\nimport LoadingSkeleton from './components/LoadingSkeleton/LoadingSkeleton'\nimport useHotBonds from '../../state/hotBonds/useHotBonds'\nimport useBondsListPreTGE from '../../state/bonds/useBondsListPreTGE'\nimport { MAINNET_CHAINS } from '../../config/constants/chains'\nimport ActiveBondRows from './components/BondRows/ActiveBondRows'\nimport SoldOutRows from './components/BondRows/SoldOutRows'\nimport Flex from '../../components/uikit-sdk/Flex'\nimport Svg from '../../components/uikit-sdk/Svg'\n\ntype SortableKeys = 'bonus' | 'arr' | 'terms' | 'tokensRemaining'\ntype SortDirection = 'asc' | 'desc'\n\nexport interface SortOptions {\n  key: SortableKeys\n  direction: SortDirection\n}\n\nexport type GroupedByChain = Record<number, (BondsData | BaseBondConfig)[]>\nexport type GroupedBySymbol = Record<number, Record<string, (BondsData | BaseBondConfig)[]>>\n\nconst Bonds = () => {\n  // Fetch data\n  useHotBonds()\n  const SDKConfig = useSDKConfig()\n  const { favTokens } = useFavoriteTokens()\n  const { data: bondData } = useBondsData()\n  const { data: allBonds } = useBondsList()\n  const { data: allPreBonds } = useBondsListPreTGE()\n  const { data: chainFilterOption, setChainFilterOption } = useChainFilterOption()\n  const topTags = useTopTags()\n\n  // State\n  const [sortConfig, setSortConfig] = useState<SortOptions | undefined>({ key: 'bonus', direction: 'desc' })\n  const [searchQuery, setSearchQuery] = useState('')\n  const [filterOption, setFilterOption] = useState('ALL')\n\n  // Static data\n  const filterOptions = ['ALL', 'FAVORITES', ...topTags, 'SOLD OUT']\n  const validatedChains = SDKConfig?.chains?.filter((chain) => MAINNET_CHAINS.includes(chain))\n\n  const billsToRender: GroupedByChain | GroupedBySymbol = useMemo(() => {\n    let bondsToUse\n\n    if (filterOption === 'SOLD OUT') {\n      if (!allBonds || !allPreBonds) return {}\n      bondsToUse = [...allPreBonds, ...allBonds]\n    } else {\n      bondsToUse = sortBonds(sortConfig, bondData)\n    }\n\n    const filteredBonds = bondsToUse?.filter((bill) => {\n      // filter incompatible bonds\n      if (!isBondSupported(SDKConfig.highestCompatibleVersion!, bill.version)) return false\n\n      // filter onlyPartner Bonds\n      if (bill.onlyPartner && SDKConfig.bondPartner !== bill.bondPartner) return false\n\n      // filter searchQuery\n      if (searchQuery) {\n        const matchesSearch = [\n          //@ts-ignore\n          `${bill?.underlyingEarnToken?.symbol?.toUpperCase()}`,\n          `${bill?.earnToken?.symbol.toUpperCase()}`,\n          `${bill?.lpToken?.symbol.toUpperCase()}`,\n        ].some((property) => property?.includes(searchQuery.toUpperCase()))\n        if (!matchesSearch) return false\n      }\n\n      // filter tiers\n      if (!SDKConfig?.useTiers && 'minTier' in bill) {\n        if (bill.minTier !== null && bill.minTier !== undefined) return false\n      }\n\n      // filter bondPartner\n      if (SDKConfig?.bondPartner && bill.bondPartner !== SDKConfig.bondPartner) return false\n\n      // filter topTags\n      if (topTags.includes(filterOption) && !bill?.tags?.includes(filterOption)) return false\n\n      // filter chainFilterOption\n      if (chainFilterOption && !chainFilterOption?.includes('All Chains')) {\n        if (!chainFilterOption?.includes(bill?.chainId?.toString())) return false\n      }\n\n      // filter SOLD OUT\n      if (filterOption === 'SOLD OUT' && !isBondSoldOut(bill as BondsData, SDKConfig.showLowValueBonds)) return false\n\n      // filter not SOLD OUT\n      if (filterOption !== 'SOLD OUT' && isBondSoldOut(bill as BondsData, SDKConfig.showLowValueBonds)) return false\n\n      // filter FAVORITES\n      if (filterOption === 'FAVORITES' && !favTokens.includes(bill?.earnToken?.symbol?.toLowerCase())) return false\n\n      return true\n    })\n\n    if (filterOption === 'SOLD OUT') {\n      return filteredBonds?.reduce<GroupedBySymbol>((acc, bond) => {\n        const symbol = bond?.earnToken?.symbol\n        const chainId = bond.chainId\n\n        if (!acc[chainId]) acc[chainId] = {}\n\n        if (!acc[chainId][symbol]) acc[chainId][symbol] = []\n\n        acc[chainId][symbol].push(bond)\n        return acc\n      }, {})\n    } else {\n      return filteredBonds?.reduce<GroupedByChain>((acc, bond) => {\n        const { chainId } = bond\n        if (!acc[chainId]) acc[chainId] = []\n        acc[chainId].push(bond)\n        return acc\n      }, {})\n    }\n  }, [\n    allBonds,\n    allPreBonds,\n    sortConfig,\n    bondData,\n    filterOption,\n    SDKConfig.highestCompatibleVersion,\n    SDKConfig.bondPartner,\n    SDKConfig?.useTiers,\n    SDKConfig.showLowValueBonds,\n    searchQuery,\n    topTags,\n    chainFilterOption,\n    favTokens,\n  ])\n\n  // Handlers\n  const handleSortOptions = useCallback(\n    (key: SortableKeys) => {\n      let direction: SortDirection = 'desc'\n      if (sortConfig?.key === key && sortConfig?.direction === 'desc') {\n        direction = 'asc'\n      }\n      setSortConfig({ key, direction })\n    },\n    [sortConfig?.key, sortConfig?.direction],\n  )\n\n  const handleChangeFilterOption = useCallback((newOption: string) => {\n    setFilterOption(newOption)\n  }, [])\n\n  useEffect(() => {\n    const hash = window.location.hash\n    //@ts-ignore\n    if (bondData?.length > 0 && hash) {\n      const tryScroll = () => {\n        const normalizedHash = decodeURIComponent(hash).replace(/\\s+/g, '')\n        const element = document.querySelector(normalizedHash)\n        if (element) {\n          const y = element.getBoundingClientRect().top + window.scrollY - 70\n          window.scrollTo({ top: y, behavior: 'smooth' })\n        } else {\n          setTimeout(tryScroll, 50)\n        }\n      }\n      tryScroll()\n    }\n  }, [bondData?.length])\n\n  return (\n    <Flex className=\"bonds-container\">\n      <CheckURL />\n      <BondsMenu\n        searchQuery={searchQuery}\n        setSearchQuery={setSearchQuery}\n        setChainFilterOption={setChainFilterOption}\n        chainFilterOption={chainFilterOption ?? ['All Chains']}\n        filterOptions={filterOptions}\n        filterOption={filterOption}\n        setFilterOption={handleChangeFilterOption}\n        onSort={handleSortOptions}\n      />\n      {SDKConfig.useHotBonds && !SDKConfig.bondPartner && filterOption !== 'SOLD OUT' && <BuyAgainRow />}\n      {Object.keys(billsToRender)?.length > 0 ? (\n        <Flex className=\"bondrowsbychain\">\n          {validatedChains?.map((chain) =>\n            filterOption === 'SOLD OUT' ? (\n              Object.entries(billsToRender[chain] ?? {}).map((groupedBonds) => (\n                <SoldOutRows bonds={groupedBonds[1]} key={groupedBonds[0]} />\n              ))\n            ) : (\n              <ActiveBondRows\n                chain={chain}\n                bonds={(billsToRender[chain] ?? []) as (BondsData | BaseBondConfig)[]}\n                key={chain}\n                hideTitles={searchQuery !== ''}\n                showHotBonds={!searchQuery && SDKConfig.useHotBonds && SDKConfig?.hotBondChains?.includes(chain)}\n              />\n            ),\n          )}\n        </Flex>\n      ) : searchQuery || !chainFilterOption.includes('All Chains') ? (\n        <Flex className=\"placeholder-monkey-wrapper\">\n          <PlaceholderMonkey text={'No results, change filters.'} />\n        </Flex>\n      ) : filterOption === 'FAVORITES' ? (\n        <Flex\n          sx={{\n            width: '100%',\n            height: '300px',\n            background: 'white2',\n            borderRadius: 'normal',\n            justifyContent: 'center',\n            alignItems: 'center',\n            flexDirection: 'column',\n            mt: '10px',\n          }}\n        >\n          <Svg icon=\"StarFilled\" width={75} height={75} />\n          <Flex sx={{ mt: '10px' }}>{`You don't have any Favorite Bonds yet!`}</Flex>\n          <Flex sx={{ fontSize: '12px', fontWeight: 400, color: 'textDisabledButton', mt: '10px' }}>\n            {`Click on the 'star' or 'fire' icon to add Bonds to the list.`}\n          </Flex>\n        </Flex>\n      ) : (\n        <LoadingSkeleton />\n      )}\n      {SDKConfig.useHotBonds && <RecommendationCards />}\n      <Flex sx={{ width: '100%', justifyContent: 'center', my: '15px' }}>\n        <img\n          src=\"https://res.cloudinary.com/dswmrqgwy/image/upload/v1741643990/poweredbyapebondsdk_cxiouj.png\"\n          alt=\"powered-by-apebond\"\n          style={{ width: '200px', height: 'auto' }}\n        />\n      </Flex>\n    </Flex>\n  )\n}\n\nexport default Bonds\n"],"names":["_jsxs","_jsx","CheckURL"],"mappings":"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"}

package/dist/views/Bonds/components/BondRows/ActiveBondRows.js

@@ -47,7 +47,7 @@ const ActiveBondRows = ({ chain, bonds, hideTitles, showHotBonds }) => {
                                 const now = new Date().getTime();
                                 const saleFinishTime = (bond?.finishTime ?? 0) * 1000;
                                 const saleHasFinished = now > saleFinishTime || bond.finalized;
-                                return (jsx(BondRow, { bondAddress: bond.contractAddress?.[bond.chainId], bondChain: bond.chainId, marketingCampaign: bond.marketingCampaign, payoutToken: bond.earnToken, billType: bond.billType, tag: bond.tags?.[0], bonus: saleHasFinished ? undefined : `${bonus}%`, airdropTooltip: bond.airdropTooltip, percentageAvailable: percentageAvailable, remainingTokensString: saleHasFinished
+                                return (jsx(BondRow, { bondAddress: bond.contractAddress?.[bond.chainId], bondChain: bond.chainId, marketingCampaign: bond.marketingCampaign, payoutToken: bond.underlyingEarnToken || bond.earnToken, billType: bond.billType, tag: bond.tags?.[0], bonus: bond.yieldBond ? `${bond.yieldData?.apr}% APR` : saleHasFinished ? undefined : `${bonus}%`, airdropTooltip: bond.airdropTooltip, percentageAvailable: percentageAvailable, remainingTokensString: saleHasFinished
                                         ? `0 ${earnToken} ($0) `
                                         : `${formatNumberSI(tokensRemaining, 0)} ${earnToken} ($${formatNumberSI(tokensRemainingUSD, 2)})`, vestingTermString: saleHasFinished
                                         ? '-'

package/dist/views/Bonds/components/BondRows/ActiveBondRows.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActiveBondRows.js","sources":["../../../../../src/views/Bonds/components/BondRows/ActiveBondRows.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { AnimatePresence, motion } from 'framer-motion'\nimport ChainTitle from './ChainTitle'\nimport BondRow from './BondRow'\nimport { Flex } from 'theme-ui'\nimport { BondsData } from '../../../../types/bonds'\nimport { BaseBondConfig, ChainId, MarketingCampaign } from '@ape.swap/apeswap-lists'\nimport SwiperProvider from '../../../../contexts/SwiperProvider'\nimport HotBondCards from '../HotBondCards'\nimport ChainBanner from '../ChainBanner/ChainBanner'\nimport {\n  getRemainingTokensString,\n  getVestingTermsString,\n  getVestingTermsTooltipString,\n  remainingPercentage,\n} from '../../../../utils/displayHelpers'\nimport { getBalanceNumber } from '../../../../utils/getBalanceNumber'\nimport BigNumber from 'bignumber.js'\nimport { formatNumberSI } from '../../../../utils/formatNumber'\nimport { getTimePeriods } from '../../../../utils/getTimePeriods'\nimport { useSDKConfig } from '../../../../state/useSDKConfig'\n\n// Record<string, (BondsData | BaseBondConfig)[]>\n\nexport interface ActiveBondRowsProps {\n  chain: number\n  bonds: (BondsData | BaseBondConfig)[]\n  hideTitles: boolean\n  showHotBonds: boolean\n}\n\nconst ActiveBondRows: React.FC<ActiveBondRowsProps> = ({ chain, bonds, hideTitles, showHotBonds }) => {\n  const { namingPreference } = useSDKConfig()\n  const [isOpen, setIsOpen] = useState<boolean>(true)\n  const key = chain\n\n  return (\n    <Flex className=\"bondrowswithtitle\" key={key}>\n      <AnimatePresence initial={false}>\n        <Flex onClick={() => setIsOpen(!isOpen)} sx={{ cursor: 'pointer' }}>\n          <ChainTitle\n            chain={chain}\n            pt={'5px'}\n            hideTitles={(bonds.length <= 0 && chain !== ChainId.SOL && chain !== ChainId.MONAD) || hideTitles}\n            isOpen={isOpen}\n          />\n        </Flex>\n        {isOpen && (bonds.length > 0 || chain === ChainId.SOL || chain === ChainId.MONAD) && (\n          <motion.div\n            initial={{ height: 0, overflow: 'hidden' }}\n            animate={{ height: 'fit-content', overflow: 'hidden', transitionEnd: { overflow: 'visible' } }}\n            exit={{ height: 0, overflow: 'hidden' }}\n            sx={{\n              position: 'relative',\n              overflow: 'hidden',\n              width: '100%',\n              marginTop: '0px',\n            }}\n            key={key}\n            className=\"bonds-card-container\"\n          >\n            {[\n              ChainId.SOL,\n              ChainId.MONAD,\n              // ChainId.APTOS,\n              // ChainId.SUI\n            ].includes(chain) &&\n              !hideTitles && <ChainBanner chainId={chain} />}\n            {bonds?.map((bondFromMap, index) => {\n              // PRE TGE ROWS\n\n              if (bondFromMap.billType === 'fcfs') {\n                const bond = bondFromMap as BondsData\n                const totalPrincipalBilled =\n                  Math.round(\n                    getBalanceNumber(\n                      new BigNumber(bond?.totalPrincipalBilled ?? '0'),\n                      bond?.lpToken?.decimals?.[bond?.chainId] as number,\n                    ),\n                  ) / (bond.initPrice ?? 0)\n                const raiseGoal =\n                  Math.round(\n                    getBalanceNumber(\n                      new BigNumber(bond?.totalRaise ?? '0'),\n                      bond?.lpToken?.decimals?.[bond?.chainId] as number,\n                    ),\n                  ) / (bond.initPrice ?? 0)\n\n                const tokensRemaining = raiseGoal - totalPrincipalBilled\n                const tokensRemainingUSD = tokensRemaining * (bond?.initPrice ?? 0)\n                const percentageAvailable = 100 - Math.floor((totalPrincipalBilled * 100) / raiseGoal)\n                const earnToken = bond?.earnToken?.symbol\n\n                const baseBonus = bond?.trueBondPrices?.[0]?.bonus ?? 0\n                const airdropBonus = bond?.airdropBonus ?? 0\n                const bonus = baseBonus + airdropBonus\n                const initialRelease = (bond?.initialRelease ?? 0) * 100\n\n                const now = new Date().getTime()\n                const saleFinishTime = (bond?.finishTime ?? 0) * 1000\n                const saleHasFinished = now > saleFinishTime || bond.finalized\n\n                return (\n                  <BondRow\n                    key={`${bond.contractAddress}-${bond.chainId}-${index}`}\n                    bondAddress={bond.contractAddress?.[bond.chainId] as string}\n                    bondChain={bond.chainId}\n                    marketingCampaign={bond.marketingCampaign as MarketingCampaign}\n                    payoutToken={bond.earnToken}\n                    billType={bond.billType}\n                    tag={bond.tags?.[0]}\n                    bonus={saleHasFinished ? undefined : `${bonus}%`}\n                    airdropTooltip={bond.airdropTooltip}\n                    percentageAvailable={percentageAvailable}\n                    remainingTokensString={\n                      saleHasFinished\n                        ? `0 ${earnToken} ($0) `\n                        : `${formatNumberSI(tokensRemaining, 0)} ${earnToken} ($${formatNumberSI(tokensRemainingUSD, 2)})`\n                    }\n                    vestingTermString={\n                      saleHasFinished\n                        ? '-'\n                        : initialRelease === 100\n                          ? `0 D`\n                          : `${getTimePeriods(bond.vestingTerm).months} Mo`\n                    }\n                    projectURL={bond.projectLink}\n                    twitterURL={bond.twitter}\n                    bondSoldOut={saleHasFinished}\n                    shortDescription={bond.shortDescription}\n                  />\n                )\n              } else {\n                // POST TGE BONDS AKA NORMAL BONDS\n\n                const bond = bondFromMap as BondsData\n                const bondAddress = bond?.contractAddress?.[bond?.chainId] as string\n                const remainingTokensString = getRemainingTokensString(bond)\n                return (\n                  <BondRow\n                    key={`${bondAddress}-${bond.chainId}-${index}`}\n                    bondAddress={bondAddress}\n                    bondChain={bond.chainId}\n                    marketingCampaign={bond.marketingCampaign as MarketingCampaign}\n                    payoutToken={bond.earnToken}\n                    billType={bond.billType}\n                    tag={bond.highlightTag || bond.tags?.[0]}\n                    trueBondPrices={namingPreference === 'Bonus' ? bond.trueBondPrices : undefined}\n                    minTier={bond?.minTier}\n                    vestingTermString={getVestingTermsString(bond)}\n                    vestingCliffString={getVestingTermsTooltipString(bond)}\n                    percentageAvailable={remainingPercentage(bond)}\n                    remainingTokensString={remainingTokensString}\n                    projectURL={bond.projectLink}\n                    twitterURL={bond.twitter}\n                    bonus={\n                      namingPreference === 'Discount'\n                        ? `${bond?.trueBondPrices?.[0]?.discountWithFee?.toFixed(2)}%`\n                        : undefined\n                    }\n                    shortDescription={bond.shortDescription}\n                    cgId={bond.cgId}\n                    dexscreener={bond?.dexscreener}\n                  />\n                )\n              }\n            })}\n            {showHotBonds && (\n              <SwiperProvider>\n                <HotBondCards />\n              </SwiperProvider>\n            )}\n          </motion.div>\n        )}\n      </AnimatePresence>\n    </Flex>\n  )\n}\n\nexport default ActiveBondRows\n"],"names":["_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"ActiveBondRows.js","sources":["../../../../../src/views/Bonds/components/BondRows/ActiveBondRows.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { AnimatePresence, motion } from 'framer-motion'\nimport ChainTitle from './ChainTitle'\nimport BondRow from './BondRow'\nimport { Flex } from 'theme-ui'\nimport { BondsData } from '../../../../types/bonds'\nimport { BaseBondConfig, ChainId, MarketingCampaign } from '@ape.swap/apeswap-lists'\nimport SwiperProvider from '../../../../contexts/SwiperProvider'\nimport HotBondCards from '../HotBondCards'\nimport ChainBanner from '../ChainBanner/ChainBanner'\nimport {\n  getRemainingTokensString,\n  getVestingTermsString,\n  getVestingTermsTooltipString,\n  remainingPercentage,\n} from '../../../../utils/displayHelpers'\nimport { getBalanceNumber } from '../../../../utils/getBalanceNumber'\nimport BigNumber from 'bignumber.js'\nimport { formatNumberSI } from '../../../../utils/formatNumber'\nimport { getTimePeriods } from '../../../../utils/getTimePeriods'\nimport { useSDKConfig } from '../../../../state/useSDKConfig'\n\n// Record<string, (BondsData | BaseBondConfig)[]>\n\nexport interface ActiveBondRowsProps {\n  chain: number\n  bonds: (BondsData | BaseBondConfig)[]\n  hideTitles: boolean\n  showHotBonds: boolean\n}\n\nconst ActiveBondRows: React.FC<ActiveBondRowsProps> = ({ chain, bonds, hideTitles, showHotBonds }) => {\n  const { namingPreference } = useSDKConfig()\n  const [isOpen, setIsOpen] = useState<boolean>(true)\n  const key = chain\n\n  return (\n    <Flex className=\"bondrowswithtitle\" key={key}>\n      <AnimatePresence initial={false}>\n        <Flex onClick={() => setIsOpen(!isOpen)} sx={{ cursor: 'pointer' }}>\n          <ChainTitle\n            chain={chain}\n            pt={'5px'}\n            hideTitles={(bonds.length <= 0 && chain !== ChainId.SOL && chain !== ChainId.MONAD) || hideTitles}\n            isOpen={isOpen}\n          />\n        </Flex>\n        {isOpen && (bonds.length > 0 || chain === ChainId.SOL || chain === ChainId.MONAD) && (\n          <motion.div\n            initial={{ height: 0, overflow: 'hidden' }}\n            animate={{ height: 'fit-content', overflow: 'hidden', transitionEnd: { overflow: 'visible' } }}\n            exit={{ height: 0, overflow: 'hidden' }}\n            sx={{\n              position: 'relative',\n              overflow: 'hidden',\n              width: '100%',\n              marginTop: '0px',\n            }}\n            key={key}\n            className=\"bonds-card-container\"\n          >\n            {[\n              ChainId.SOL,\n              ChainId.MONAD,\n              // ChainId.APTOS,\n              // ChainId.SUI\n            ].includes(chain) &&\n              !hideTitles && <ChainBanner chainId={chain} />}\n            {bonds?.map((bondFromMap, index) => {\n              // PRE TGE ROWS\n\n              if (bondFromMap.billType === 'fcfs') {\n                const bond = bondFromMap as BondsData\n                const totalPrincipalBilled =\n                  Math.round(\n                    getBalanceNumber(\n                      new BigNumber(bond?.totalPrincipalBilled ?? '0'),\n                      bond?.lpToken?.decimals?.[bond?.chainId] as number,\n                    ),\n                  ) / (bond.initPrice ?? 0)\n                const raiseGoal =\n                  Math.round(\n                    getBalanceNumber(\n                      new BigNumber(bond?.totalRaise ?? '0'),\n                      bond?.lpToken?.decimals?.[bond?.chainId] as number,\n                    ),\n                  ) / (bond.initPrice ?? 0)\n\n                const tokensRemaining = raiseGoal - totalPrincipalBilled\n                const tokensRemainingUSD = tokensRemaining * (bond?.initPrice ?? 0)\n                const percentageAvailable = 100 - Math.floor((totalPrincipalBilled * 100) / raiseGoal)\n                const earnToken = bond?.earnToken?.symbol\n\n                const baseBonus = bond?.trueBondPrices?.[0]?.bonus ?? 0\n                const airdropBonus = bond?.airdropBonus ?? 0\n                const bonus = baseBonus + airdropBonus\n                const initialRelease = (bond?.initialRelease ?? 0) * 100\n\n                const now = new Date().getTime()\n                const saleFinishTime = (bond?.finishTime ?? 0) * 1000\n                const saleHasFinished = now > saleFinishTime || bond.finalized\n\n                return (\n                  <BondRow\n                    key={`${bond.contractAddress}-${bond.chainId}-${index}`}\n                    bondAddress={bond.contractAddress?.[bond.chainId] as string}\n                    bondChain={bond.chainId}\n                    marketingCampaign={bond.marketingCampaign as MarketingCampaign}\n                    payoutToken={bond.underlyingEarnToken || bond.earnToken}\n                    billType={bond.billType}\n                    tag={bond.tags?.[0]}\n                    bonus={bond.yieldBond ? `${bond.yieldData?.apr}% APR` : saleHasFinished ? undefined : `${bonus}%`}\n                    airdropTooltip={bond.airdropTooltip}\n                    percentageAvailable={percentageAvailable}\n                    remainingTokensString={\n                      saleHasFinished\n                        ? `0 ${earnToken} ($0) `\n                        : `${formatNumberSI(tokensRemaining, 0)} ${earnToken} ($${formatNumberSI(tokensRemainingUSD, 2)})`\n                    }\n                    vestingTermString={\n                      saleHasFinished\n                        ? '-'\n                        : initialRelease === 100\n                          ? `0 D`\n                          : `${getTimePeriods(bond.vestingTerm).months} Mo`\n                    }\n                    projectURL={bond.projectLink}\n                    twitterURL={bond.twitter}\n                    bondSoldOut={saleHasFinished}\n                    shortDescription={bond.shortDescription}\n                  />\n                )\n              } else {\n                // POST TGE BONDS AKA NORMAL BONDS\n\n                const bond = bondFromMap as BondsData\n                const bondAddress = bond?.contractAddress?.[bond?.chainId] as string\n                const remainingTokensString = getRemainingTokensString(bond)\n                return (\n                  <BondRow\n                    key={`${bondAddress}-${bond.chainId}-${index}`}\n                    bondAddress={bondAddress}\n                    bondChain={bond.chainId}\n                    marketingCampaign={bond.marketingCampaign as MarketingCampaign}\n                    payoutToken={bond.earnToken}\n                    billType={bond.billType}\n                    tag={bond.highlightTag || bond.tags?.[0]}\n                    trueBondPrices={namingPreference === 'Bonus' ? bond.trueBondPrices : undefined}\n                    minTier={bond?.minTier}\n                    vestingTermString={getVestingTermsString(bond)}\n                    vestingCliffString={getVestingTermsTooltipString(bond)}\n                    percentageAvailable={remainingPercentage(bond)}\n                    remainingTokensString={remainingTokensString}\n                    projectURL={bond.projectLink}\n                    twitterURL={bond.twitter}\n                    bonus={\n                      namingPreference === 'Discount'\n                        ? `${bond?.trueBondPrices?.[0]?.discountWithFee?.toFixed(2)}%`\n                        : undefined\n                    }\n                    shortDescription={bond.shortDescription}\n                    cgId={bond.cgId}\n                    dexscreener={bond?.dexscreener}\n                  />\n                )\n              }\n            })}\n            {showHotBonds && (\n              <SwiperProvider>\n                <HotBondCards />\n              </SwiperProvider>\n            )}\n          </motion.div>\n        )}\n      </AnimatePresence>\n    </Flex>\n  )\n}\n\nexport default ActiveBondRows\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/views/Bonds/components/BondRows/SoldOutRows.js

@@ -9,7 +9,9 @@ import Svg from '../../../../components/uikit-sdk/Svg/index.js';
 const SoldOutRows = ({ bonds }) => {
     const bond = bonds[0];
     const [isOpen, setIsOpen] = useState(false);
-    return (jsxs(AnimatePresence, { initial: false, children: [jsx(Flex, { sx: { cursor: 'pointer' }, onClick: () => setIsOpen(!isOpen), children: jsx(BondRow, { bondAddress: bond.contractAddress?.[bond.chainId], marketingCampaign: bond.marketingCampaign, bondChain: bond.chainId, payoutToken: bond.earnToken, billType: bond.billType, tag: bond.tags?.[0], bondSoldOut: true, percentageAvailable: 100, remainingTokensString: `${formatNumberSI(0, 0)} ${bond.earnToken.symbol} ($${formatNumberSI(0, 2)})`, vestingTermString: "-", projectURL: bond.projectLink, twitterURL: bond.twitter, shortDescription: bond.shortDescription, soldoutBondsCount: bonds.length > 1 ? bonds.length : undefined, isOpen: isOpen }, `${bond.contractAddress[bond.chainId]}-${bond.chainId}`) }), bonds.length > 1 &&
+    return (jsxs(AnimatePresence, { initial: false, children: [jsx(Flex, { sx: { cursor: 'pointer' }, onClick: () => setIsOpen(!isOpen), children: jsx(BondRow, { bondAddress: bond.contractAddress?.[bond.chainId], marketingCampaign: bond.marketingCampaign, bondChain: bond.chainId, 
+                    //@ts-ignore
+                    payoutToken: bond.underlyingEarnToken || bond.earnToken, billType: bond.billType, tag: bond.tags?.[0], bondSoldOut: true, percentageAvailable: 100, remainingTokensString: `${formatNumberSI(0, 0)} ${bond.earnToken.symbol} ($${formatNumberSI(0, 2)})`, vestingTermString: "-", projectURL: bond.projectLink, twitterURL: bond.twitter, shortDescription: bond.shortDescription, soldoutBondsCount: bonds.length > 1 ? bonds.length : undefined, isOpen: isOpen }, `${bond.contractAddress[bond.chainId]}-${bond.chainId}`) }), bonds.length > 1 &&
                 isOpen &&
                 bonds
                     .sort((a, b) => (b?.initTime?.[b.chainId] ?? 0) - (a?.initTime?.[a.chainId] ?? 0))

package/dist/views/Bonds/components/BondRows/SoldOutRows.js.map

@@ -1 +1 @@
-{"version":3,"file":"SoldOutRows.js","sources":["../../../../../src/views/Bonds/components/BondRows/SoldOutRows.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { BaseBondConfig, BillsConfig, MarketingCampaign } from '@ape.swap/apeswap-lists'\nimport { AnimatePresence, motion } from 'framer-motion'\nimport BondRow from './BondRow'\nimport { formatNumberSI } from '../../../../utils/formatNumber'\nimport { BondsData } from '../../../../types/bonds'\nimport Flex from '../../../../components/uikit-sdk/Flex'\nimport Svg from '../../../../components/uikit-sdk/Svg'\n\nconst SoldOutRows = ({ bonds }: { bonds: (BondsData | BaseBondConfig)[] }) => {\n  const bond = bonds[0] as BaseBondConfig\n  const [isOpen, setIsOpen] = useState(false)\n  return (\n    <AnimatePresence initial={false}>\n      <Flex sx={{ cursor: 'pointer' }} onClick={() => setIsOpen(!isOpen)}>\n        <BondRow\n          key={`${bond.contractAddress[bond.chainId]}-${bond.chainId}`}\n          bondAddress={bond.contractAddress?.[bond.chainId] as string}\n          marketingCampaign={bond.marketingCampaign as MarketingCampaign}\n          bondChain={bond.chainId}\n          payoutToken={bond.earnToken}\n          billType={bond.billType}\n          tag={bond.tags?.[0]}\n          bondSoldOut={true}\n          percentageAvailable={100}\n          remainingTokensString={`${formatNumberSI(0, 0)} ${bond.earnToken.symbol} ($${formatNumberSI(0, 2)})`}\n          vestingTermString=\"-\"\n          projectURL={bond.projectLink}\n          twitterURL={bond.twitter}\n          shortDescription={bond.shortDescription}\n          soldoutBondsCount={bonds.length > 1 ? bonds.length : undefined}\n          isOpen={isOpen}\n        />\n      </Flex>\n      {bonds.length > 1 &&\n        isOpen &&\n        bonds\n          .sort((a: BillsConfig, b: BillsConfig) => (b?.initTime?.[b.chainId] ?? 0) - (a?.initTime?.[a.chainId] ?? 0))\n          .map((bond) => {\n            return (\n              <motion.div\n                initial={{ height: 0, overflow: 'hidden' }}\n                animate={{ height: 'fit-content', overflow: 'hidden', transitionEnd: { overflow: 'visible' } }}\n                exit={{ height: 0, overflow: 'hidden' }}\n                sx={{\n                  position: 'relative',\n                  overflow: 'hidden',\n                  width: '100%',\n                  marginTop: '0px',\n                }}\n                key={`${bond.contractAddress[bond.chainId]}-${bond.chainId}`}\n                className=\"bonds-card-container\"\n              >\n                <Flex sx={{ cursor: 'pointer' }} onClick={() => setIsOpen(!isOpen)}>\n                  <Flex sx={{ alignItems: 'center', pb: '10px' }}>\n                    <Svg icon=\"turnArrow\" direction={'up'} />\n                  </Flex>\n                  <BondRow\n                    bondAddress={bond.contractAddress?.[bond.chainId] as string}\n                    marketingCampaign={bond.marketingCampaign as MarketingCampaign}\n                    bondChain={bond.chainId}\n                    payoutToken={bond.earnToken}\n                    billType={bond.billType}\n                    tag={bond.tags?.[0]}\n                    bondSoldOut={true}\n                    percentageAvailable={100}\n                    remainingTokensString={`${formatNumberSI(0, 0)} ${bond.earnToken.symbol} ($${formatNumberSI(0, 2)})`}\n                    vestingTermString=\"-\"\n                    projectURL={bond.projectLink}\n                    twitterURL={bond.twitter}\n                    shortDescription={bond.shortDescription}\n                  />\n                </Flex>\n              </motion.div>\n            )\n          })}\n    </AnimatePresence>\n  )\n}\n\nexport default SoldOutRows\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"SoldOutRows.js","sources":["../../../../../src/views/Bonds/components/BondRows/SoldOutRows.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { BaseBondConfig, BillsConfig, MarketingCampaign } from '@ape.swap/apeswap-lists'\nimport { AnimatePresence, motion } from 'framer-motion'\nimport BondRow from './BondRow'\nimport { formatNumberSI } from '../../../../utils/formatNumber'\nimport { BondsData } from '../../../../types/bonds'\nimport Flex from '../../../../components/uikit-sdk/Flex'\nimport Svg from '../../../../components/uikit-sdk/Svg'\n\nconst SoldOutRows = ({ bonds }: { bonds: (BondsData | BaseBondConfig)[] }) => {\n  const bond = bonds[0] as BaseBondConfig\n  const [isOpen, setIsOpen] = useState(false)\n  return (\n    <AnimatePresence initial={false}>\n      <Flex sx={{ cursor: 'pointer' }} onClick={() => setIsOpen(!isOpen)}>\n        <BondRow\n          key={`${bond.contractAddress[bond.chainId]}-${bond.chainId}`}\n          bondAddress={bond.contractAddress?.[bond.chainId] as string}\n          marketingCampaign={bond.marketingCampaign as MarketingCampaign}\n          bondChain={bond.chainId}\n          //@ts-ignore\n          payoutToken={bond.underlyingEarnToken || bond.earnToken}\n          billType={bond.billType}\n          tag={bond.tags?.[0]}\n          bondSoldOut={true}\n          percentageAvailable={100}\n          remainingTokensString={`${formatNumberSI(0, 0)} ${bond.earnToken.symbol} ($${formatNumberSI(0, 2)})`}\n          vestingTermString=\"-\"\n          projectURL={bond.projectLink}\n          twitterURL={bond.twitter}\n          shortDescription={bond.shortDescription}\n          soldoutBondsCount={bonds.length > 1 ? bonds.length : undefined}\n          isOpen={isOpen}\n        />\n      </Flex>\n      {bonds.length > 1 &&\n        isOpen &&\n        bonds\n          .sort((a: BillsConfig, b: BillsConfig) => (b?.initTime?.[b.chainId] ?? 0) - (a?.initTime?.[a.chainId] ?? 0))\n          .map((bond) => {\n            return (\n              <motion.div\n                initial={{ height: 0, overflow: 'hidden' }}\n                animate={{ height: 'fit-content', overflow: 'hidden', transitionEnd: { overflow: 'visible' } }}\n                exit={{ height: 0, overflow: 'hidden' }}\n                sx={{\n                  position: 'relative',\n                  overflow: 'hidden',\n                  width: '100%',\n                  marginTop: '0px',\n                }}\n                key={`${bond.contractAddress[bond.chainId]}-${bond.chainId}`}\n                className=\"bonds-card-container\"\n              >\n                <Flex sx={{ cursor: 'pointer' }} onClick={() => setIsOpen(!isOpen)}>\n                  <Flex sx={{ alignItems: 'center', pb: '10px' }}>\n                    <Svg icon=\"turnArrow\" direction={'up'} />\n                  </Flex>\n                  <BondRow\n                    bondAddress={bond.contractAddress?.[bond.chainId] as string}\n                    marketingCampaign={bond.marketingCampaign as MarketingCampaign}\n                    bondChain={bond.chainId}\n                    payoutToken={bond.earnToken}\n                    billType={bond.billType}\n                    tag={bond.tags?.[0]}\n                    bondSoldOut={true}\n                    percentageAvailable={100}\n                    remainingTokensString={`${formatNumberSI(0, 0)} ${bond.earnToken.symbol} ($${formatNumberSI(0, 2)})`}\n                    vestingTermString=\"-\"\n                    projectURL={bond.projectLink}\n                    twitterURL={bond.twitter}\n                    shortDescription={bond.shortDescription}\n                  />\n                </Flex>\n              </motion.div>\n            )\n          })}\n    </AnimatePresence>\n  )\n}\n\nexport default SoldOutRows\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/views/BuyBond/BuyComponentPreTGE.js

@@ -28,6 +28,7 @@ import ListTag from '../../components/uikit-sdk/Tag/ListTag.js';
 import TooltipBubble from '../../components/uikit-sdk/TooltipBubble/index.js';
 import Svg from '../../components/uikit-sdk/Svg/index.js';
 import Button from '../../components/uikit-sdk/Button/Button.js';
+import { getTimePeriods } from '../../utils/getTimePeriods.js';
 
 const BuyComponentPreTGE = ({ bondAddress, bondChain, onDismiss, handlePurchasedBond, }) => {
     const SDKConfig = useSDKConfig();
@@ -49,6 +50,10 @@ const BuyComponentPreTGE = ({ bondAddress, bondChain, onDismiss, handlePurchased
     const youGet = parseFloat(inputValue) / initPrice;
     const youGetUSD = youGet * tgePrice;
     const bonusUSD = youGetUSD - inputValueToDisplayUSD;
+    const apr = bond.yieldData?.apr ?? 0;
+    const aprUSD = inputValueToDisplayUSD * (apr / 100);
+    const timeLeftForFullyVested = (bond.yieldData?.rewardDistributionEnd ?? 0) - Date.now() / 1000;
+    const timePeriods = getTimePeriods(timeLeftForFullyVested, true);
     const handleClose = () => {
         if (typeof window !== 'undefined') {
             window.history.pushState({}, '', `/bonds`);
@@ -118,7 +123,7 @@ const BuyComponentPreTGE = ({ bondAddress, bondChain, onDismiss, handlePurchased
                             : !bond
                                 ? 'no bond'
                                 : null;
-    return (jsxs(Modal, { onDismiss: handleClose, sx: { width: '740px' }, children: [jsx(ModalHeader, { onDismiss: handleClose, hideDivider: true }), jsx(Flex, { sx: styles.buyContainer, children: jsxs(Flex, { sx: styles.cardContainer, children: [jsx(Flex, { sx: { width: '100%', justifyContent: 'space-between' }, children: jsxs(Flex, { children: [jsxs(Flex, { children: [jsx(Flex, { className: "title-container bondicon", children: jsx(TokenImage, { symbol: bond.earnToken.symbol, size: 50, chain: bond.chainId }) }), jsxs(Flex, { className: "title-container bondname", children: [bond.earnToken.symbol, jsx(ListTag, { text: bond?.tags?.[0] })] })] }), jsxs(Flex, { sx: { flexDirection: 'column', ml: '15px' }, children: [jsxs(Flex, { className: "price-container price", children: ["$", bond.tgePrice] }), jsxs(Flex, { sx: { fontSize: '24px', fontWeight: 700 }, children: ["$", bond.initPrice] })] })] }) }), jsx(ProjectDescription, { description: bond.shortDescription, isProjectView: true }), jsx(BondCardsPreTGE, { bond: bond }), jsxs(Flex, { sx: { ...styles.infoRowsContainer, mt: '10px' }, children: [jsxs(Flex, { sx: styles.infoRow, children: [jsx(Text, { sx: styles.infoTitle, children: "You Spend:" }), jsxs(Text, { sx: styles.infoData, children: [isNaN(parseFloat(inputValueToDisplay)) ? 0 : inputValueToDisplay, " ", bond?.lpToken.symbol, " = $", isNaN(inputValueToDisplayUSD) ? '0' : inputValueToDisplayUSD.toFixed(2)] })] }), jsxs(Flex, { sx: styles.infoRow, children: [jsxs(Flex, { sx: { ...styles.infoTitle, alignItems: 'center' }, children: ["Bonus:", jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(Flex, { children: TooltipText.Premium }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, 0%)", children: jsx(Flex, { className: "row-container premium-icon", children: jsx(Svg, { icon: "questionCircle", width: "12px" }) }) })] }), jsxs(Text, { sx: { ...styles.infoData, color: 'success' }, children: ["$", isNaN(bonusUSD) ? '0' : bonusUSD.toFixed(2)] })] }), jsxs(Flex, { sx: styles.infoRow, children: [jsx(Text, { sx: styles.infoTitle, children: "You Get:" }), jsxs(Text, { sx: styles.infoData, children: [isNaN(youGet) ? 0 : formatNumberSI(youGet, 0), " ", bond?.earnToken.symbol, " = $", isNaN(youGetUSD) ? '0' : youGetUSD.toFixed(2)] })] })] }), jsx(TokenSelectorPanel, { typedValue: inputValue, setTypedValue: setInputValue, selectedToken: bond?.lpToken, handleValueBtn: () => setInputValue(new BigNumber(principalTokenBalance ?? '0')?.toString()), handleCurrencySelect: () => null, bondChainId: bond?.chainId, enableZap: false, bondPrincipalToken: bond?.lpToken, tokenBalance: principalTokenBalance ?? undefined, selectedTokenPrice: parseFloat(bond?.principalTokenPrice ?? '0'), inputDisabled: false, isConnected: !!address }), jsx(Flex, { sx: {
+    return (jsxs(Modal, { onDismiss: handleClose, sx: { width: '740px' }, children: [jsx(ModalHeader, { onDismiss: handleClose, hideDivider: true }), jsx(Flex, { sx: styles.buyContainer, children: jsxs(Flex, { sx: styles.cardContainer, children: [jsx(Flex, { sx: { width: '100%', justifyContent: 'space-between' }, children: jsxs(Flex, { children: [jsxs(Flex, { children: [jsx(Flex, { className: "title-container bondicon", children: jsx(TokenImage, { symbol: bond.underlyingEarnToken?.symbol || bond.earnToken.symbol, size: 50, chain: bond.chainId }) }), jsxs(Flex, { className: "title-container bondname", children: [bond.underlyingEarnToken?.symbol || bond.earnToken.symbol, jsx(ListTag, { text: bond?.tags?.[0] })] })] }), !bond.yieldBond && (jsxs(Flex, { sx: { flexDirection: 'column', ml: '15px' }, children: [jsxs(Flex, { className: "price-container price", children: ["$", bond.tgePrice] }), jsxs(Flex, { sx: { fontSize: '24px', fontWeight: 700 }, children: ["$", bond.initPrice] })] }))] }) }), jsx(ProjectDescription, { description: bond.shortDescription, isProjectView: true }), jsx(BondCardsPreTGE, { bond: bond }), jsxs(Flex, { sx: { ...styles.infoRowsContainer, mt: '10px' }, children: [jsxs(Flex, { sx: styles.infoRow, children: [jsx(Text, { sx: styles.infoTitle, children: "You Spend:" }), jsxs(Text, { sx: styles.infoData, children: [isNaN(parseFloat(inputValueToDisplay)) ? 0 : inputValueToDisplay, " ", bond?.lpToken.symbol, " = $", isNaN(inputValueToDisplayUSD) ? '0' : inputValueToDisplayUSD.toFixed(2)] })] }), bond.yieldBond ? (jsxs(Flex, { sx: styles.infoRow, children: [jsxs(Flex, { sx: { ...styles.infoTitle, alignItems: 'center' }, children: ["APR:", jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(Flex, { children: "Some Text explaining how the APR and staking work" }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, 0%)", children: jsx(Flex, { className: "row-container premium-icon", children: jsx(Svg, { icon: "questionCircle", width: "12px" }) }) })] }), jsxs(Text, { sx: { ...styles.infoData, color: 'success' }, children: ["$", isNaN(aprUSD) ? '0' : aprUSD.toFixed(2)] })] })) : (jsxs(Flex, { sx: styles.infoRow, children: [jsxs(Flex, { sx: { ...styles.infoTitle, alignItems: 'center' }, children: ["Bonus:", jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(Flex, { children: TooltipText.Premium }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, 0%)", children: jsx(Flex, { className: "row-container premium-icon", children: jsx(Svg, { icon: "questionCircle", width: "12px" }) }) })] }), jsxs(Text, { sx: { ...styles.infoData, color: 'success' }, children: ["$", isNaN(bonusUSD) ? '0' : bonusUSD.toFixed(2)] })] })), jsxs(Flex, { sx: styles.infoRow, children: [jsx(Text, { sx: styles.infoTitle, children: "You Get:" }), bond.yieldBond ? (jsxs(Flex, { sx: { ...styles.infoData, alignItems: 'center', gap: '5px' }, children: [jsx(TooltipBubble, { className: "tooltip-bubble", body: jsxs(Flex, { sx: { width: '100%', flexDirection: 'column' }, children: ["Some text explaining how the token purchase will work and when it will be done.", jsx(Flex, { sx: { mt: '10px', mb: '5px' }, children: "Breakdown" }), jsxs(Flex, { sx: { width: '100%', justifyContent: 'space-between' }, children: [jsxs(Flex, { children: ["Capital in ", bond.underlyingEarnToken?.symbol] }), jsxs(Flex, { children: ["$", formatNumberSI(inputValueToDisplayUSD)] })] }), jsxs(Flex, { sx: { width: '100%', justifyContent: 'space-between' }, children: [jsxs(Flex, { children: ["APR over ", timePeriods.days, " days"] }), jsxs(Flex, { children: ["$", formatNumberSI(aprUSD)] })] })] }), width: "230px", placement: "bottomRight", transformTip: "translate(10%, 0%)", children: jsx(Flex, { className: "row-container premium-icon", children: jsx(Svg, { icon: "questionCircle", width: "12px" }) }) }), "$", formatNumberSI(youGetUSD + aprUSD)] })) : (jsxs(Text, { sx: styles.infoData, children: [isNaN(youGet) ? 0 : formatNumberSI(youGet, 0), " ", bond?.earnToken.symbol, " = $", isNaN(youGetUSD) ? '0' : youGetUSD.toFixed(2)] }))] })] }), jsx(TokenSelectorPanel, { typedValue: inputValue, setTypedValue: setInputValue, selectedToken: bond?.lpToken, handleValueBtn: () => setInputValue(new BigNumber(principalTokenBalance ?? '0')?.toString()), handleCurrencySelect: () => null, bondChainId: bond?.chainId, enableZap: false, bondPrincipalToken: bond?.lpToken, tokenBalance: principalTokenBalance ?? undefined, selectedTokenPrice: parseFloat(bond?.principalTokenPrice ?? '0'), inputDisabled: false, isConnected: !!address }), jsx(Flex, { sx: {
                                 width: '100%',
                                 background: '#DE62F366',
                                 justifyContent: 'center',
@@ -127,7 +132,7 @@ const BuyComponentPreTGE = ({ bondAddress, bondChain, onDismiss, handlePurchased
                                 p: '4px 10px',
                                 fontSize: '12px',
                                 fontWeight: 400,
-                            }, children: bond.warningCard ? (bond.warningCard) : (jsxs(Fragment, { children: ["This is a Pre-TGE Bond - Tokens will be tradeable upon listing.", jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(Text, { sx: { textTransform: 'none' }, children: "Pre-TGE Bonds are a pre-sale for tokens before their Token Generation Event (TGE), when tokens are officially launched to the public." }), width: "315px", placement: "topRight", transformTip: "translate(9%, -10%)", children: jsx(Flex, { sx: { ml: '4px', minWidth: '14px' }, children: jsx(Svg, { icon: "questionCircle", width: 12 }) }) })] })) }), jsx(Flex, { sx: {
+                            }, children: bond.warningCard ? (bond.warningCard) : bond.yieldBond ? (jsxs(Fragment, { children: ["This is a Yield Bond - We will need some way to explain how this bond work.", jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(Text, { sx: { textTransform: 'none' }, children: "We can add a tooltip if necessary" }), width: "315px", placement: "topRight", transformTip: "translate(9%, -10%)", children: jsx(Flex, { sx: { ml: '4px', minWidth: '14px' }, children: jsx(Svg, { icon: "questionCircle", width: 12 }) }) })] })) : (jsxs(Fragment, { children: ["This is a Pre-TGE Bond - Tokens will be tradeable upon listing.", jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(Text, { sx: { textTransform: 'none' }, children: "Pre-TGE Bonds are a pre-sale for tokens before their Token Generation Event (TGE), when tokens are officially launched to the public." }), width: "315px", placement: "topRight", transformTip: "translate(9%, -10%)", children: jsx(Flex, { sx: { ml: '4px', minWidth: '14px' }, children: jsx(Svg, { icon: "questionCircle", width: 12 }) }) })] })) }), jsx(Flex, { sx: {
                                 width: '100%',
                                 mt: '10px',
                                 justifyContent: 'space-between',

package/dist/views/BuyBond/BuyComponentPreTGE.js.map

@@ -1 +1 @@
-{"version":3,"file":"BuyComponentPreTGE.js","sources":["../../../src/views/BuyBond/BuyComponentPreTGE.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport BigNumber from 'bignumber.js'\nimport { styles } from './styles'\nimport { getBalanceNumber } from '../../utils/getBalanceNumber'\nimport TokenSelectorPanel from '../../components/TokenSelectorPanel'\nimport useCurrencyBalance from '../../state/balance/useCurrencyBalance'\nimport { useWriteContract } from 'wagmi'\nimport TokenImage from '../../components/uikit-sdk/TokenImage'\nimport ModalHeader from '../../components/uikit-sdk/Modal/ModalHeader'\nimport ProjectDescription from '../BuyBond/components/ProjectDescription'\nimport { TooltipText } from '../../config/constants/tooltips'\nimport { formatNumberSI } from '../../utils/formatNumber'\nimport BondCardsPreTGE from './components/BondCards/BondCardsPreTGE'\nimport useBondsData from '../../state/bonds/useBondsData'\nimport useModal from '../../hooks/useModal'\nimport TransactionModal from '../TransactionModal/TransactionModal'\nimport { useApproval } from '../../state/allowance/useAllowance'\nimport { ChainId } from '@ape.swap/apeswap-lists'\nimport launchBondsABI_V2_2_0 from '../../config/abi/launchBond_v2_4_1.json'\nimport ConnectButton from '../../components/ConnectButton'\nimport track from '../../utils/track'\nimport useEVMAccount from '../../hooks/accounts/useEVMAccount'\nimport { useSDKConfig } from '../../state/useSDKConfig'\nimport Modal from '../../components/uikit-sdk/Modal'\nimport Flex from '../../components/uikit-sdk/Flex'\nimport Text from '../../components/uikit-sdk/Text'\nimport ListTag from '../../components/uikit-sdk/Tag/ListTag'\nimport TooltipBubble from '../../components/uikit-sdk/TooltipBubble'\nimport Svg from '../../components/uikit-sdk/Svg'\nimport Button from '../../components/uikit-sdk/Button/Button'\n\nconst BuyComponentPreTGE = ({\n  bondAddress,\n  bondChain,\n  onDismiss,\n  handlePurchasedBond,\n}: {\n  bondAddress: string\n  bondChain: number\n  onDismiss?: () => void\n  handlePurchasedBond: (hash: string, inputAmount: string) => void\n}) => {\n  const SDKConfig = useSDKConfig()\n  const { data: preTGEBonds } = useBondsData()\n  const bond = preTGEBonds?.find(\n    (bond) =>\n      bond.contractAddress?.[bond.chainId]?.toLowerCase() === bondAddress.toLowerCase() && bond.chainId === bondChain,\n  )!\n\n  // Hooks\n  const { address } = useEVMAccount()\n  const { data: principalTokenBalance } = useCurrencyBalance(bond.lpToken, address as string, bond.chainId)\n  // Local state\n  const [inputValue, setInputValue] = useState<string>('')\n\n  // Display Values\n  const raiseGoal = getBalanceNumber(new BigNumber(bond?.totalRaise ?? '0'), 18)\n  const totalPrincipalBilled = getBalanceNumber(new BigNumber(bond?.totalPrincipalBilled ?? '0'), 18)\n  const percentageSold = (totalPrincipalBilled * 100) / raiseGoal\n  const tgePrice = bond?.tgePrice ?? 0\n  const initPrice = bond?.initPrice ?? 0\n\n  const inputValueToDisplay = parseFloat(inputValue).toFixed(2)\n  const inputValueToDisplayUSD = parseFloat(inputValueToDisplay) * parseFloat(bond?.principalTokenPrice ?? '0')\n  const youGet = parseFloat(inputValue) / initPrice\n  const youGetUSD = youGet * tgePrice\n  const bonusUSD = youGetUSD - inputValueToDisplayUSD\n\n  const handleClose = () => {\n    if (typeof window !== 'undefined') {\n      window.history.pushState({}, '', `/bonds`)\n    }\n    onDismiss?.()\n  }\n\n  const [loading, setLoading] = useState<boolean>(false)\n  const [buyTxHash, setHash] = useState<string>('')\n  // Approve logic\n  const [approvalState, approveCallback] = useApproval(\n    inputValue,\n    bond.lpToken,\n    bond?.contractAddress[bond.chainId] as `0x${string}`,\n    address as string,\n    bond.chainId as ChainId,\n  )\n  const handleApprove = async () => {\n    return approveCallback().then(() => {\n      track({\n        event: 'approveBondClick',\n        chain: bondChain,\n        data: {\n          cat: bond?.billType,\n          bond: bond?.earnToken.symbol,\n        },\n      })\n    })\n  }\n  const { writeContractAsync } = useWriteContract()\n  const onBuyBill = async () => {\n    setLoading(true)\n    const amount = new BigNumber(inputValue)\n      .times(new BigNumber(10).pow(bond?.lpToken?.decimals?.[bond?.chainId] ?? 18))\n      .toString()\n    const maxPrice = new BigNumber(bond?.trueBondPrices?.[0].trueBondPrice ?? '0').times(102).div(100).toFixed(0)\n    const args = [amount, maxPrice, address]\n\n    await writeContractAsync({\n      address: bond?.contractAddress?.[bond.chainId] as `0x${string}`,\n      abi: launchBondsABI_V2_2_0,\n      functionName: 'deposit',\n      args: args,\n      chain: bond.chainId as any,\n      account: address,\n    })\n      .then((hash) => {\n        setHash(hash)\n        handlePurchasedBond(hash, inputValue)\n      })\n      .finally(() => {\n        setLoading(false)\n      })\n  }\n\n  const [openTxModal] = useModal(\n    <TransactionModal\n      txChain={bondChain}\n      approvalState={approvalState}\n      approveCallback={handleApprove}\n      loadingTx={loading}\n      txCallback={onBuyBill}\n      bondData={bond!}\n      inputToken={bond.lpToken}\n      inputValue={inputValue}\n      depositAmount={inputValue}\n      buyTxHash={buyTxHash}\n      rateChanged={false}\n    />,\n    false,\n    true,\n    'transactionModal',\n  )\n\n  const { data: currencyBalanceString } = useCurrencyBalance(bond.lpToken, address as string, bond.chainId)\n  const exceedsBalance = parseFloat(inputValue) > parseFloat(currencyBalanceString ?? '0')\n  const saleStartTime = (bond?.initTime?.[bond.chainId] ?? 0) * 1000\n  const saleFinishTime = (bond?.finishTime ?? 0) * 1000\n  const now = new Date().getTime()\n  const saleHasStarted = now > saleStartTime\n  const saleHasFinished = now > saleFinishTime || bond.finalized\n\n  const error = SDKConfig.blockSales\n    ? 'Complete KYC to Buy'\n    : !saleHasStarted\n      ? `Sale hasn't started`\n      : saleHasFinished\n        ? 'Sale Finished'\n        : exceedsBalance\n          ? 'Exceeds balance'\n          : percentageSold > 99.9\n            ? 'Soldout'\n            : !inputValue || parseFloat(inputValue) === 0\n              ? 'Insert amount'\n              : !bond\n                ? 'no bond'\n                : null\n\n  return (\n    <Modal onDismiss={handleClose} sx={{ width: '740px' }}>\n      <ModalHeader onDismiss={handleClose} hideDivider />\n      <Flex sx={styles.buyContainer}>\n        <Flex sx={styles.cardContainer}>\n          <Flex sx={{ width: '100%', justifyContent: 'space-between' }}>\n            <Flex>\n              <Flex>\n                <Flex className=\"title-container bondicon\">\n                  <TokenImage symbol={bond.earnToken.symbol} size={50} chain={bond.chainId} />\n                </Flex>\n                <Flex className=\"title-container bondname\">\n                  {bond.earnToken.symbol}\n                  <ListTag text={bond?.tags?.[0]} />\n                </Flex>\n              </Flex>\n              <Flex sx={{ flexDirection: 'column', ml: '15px' }}>\n                <Flex className=\"price-container price\">${bond.tgePrice}</Flex>\n                <Flex sx={{ fontSize: '24px', fontWeight: 700 }}>${bond.initPrice}</Flex>\n              </Flex>\n            </Flex>\n          </Flex>\n          <ProjectDescription description={bond.shortDescription} isProjectView />\n          <BondCardsPreTGE bond={bond} />\n          <Flex sx={{ ...styles.infoRowsContainer, mt: '10px' }}>\n            <Flex sx={styles.infoRow}>\n              <Text sx={styles.infoTitle}>You Spend:</Text>\n              <Text sx={styles.infoData}>\n                {isNaN(parseFloat(inputValueToDisplay)) ? 0 : inputValueToDisplay} {bond?.lpToken.symbol} = $\n                {isNaN(inputValueToDisplayUSD) ? '0' : inputValueToDisplayUSD.toFixed(2)}\n              </Text>\n            </Flex>\n            <Flex sx={styles.infoRow}>\n              <Flex sx={{ ...styles.infoTitle, alignItems: 'center' }}>\n                Bonus:\n                <TooltipBubble\n                  className=\"tooltip-bubble\"\n                  body={<Flex>{TooltipText.Premium}</Flex>}\n                  width=\"230px\"\n                  placement=\"bottomLeft\"\n                  transformTip=\"translate(-5%, 0%)\"\n                >\n                  <Flex className=\"row-container premium-icon\">\n                    <Svg icon=\"questionCircle\" width=\"12px\" />\n                  </Flex>\n                </TooltipBubble>\n              </Flex>\n              <Text sx={{ ...styles.infoData, color: 'success' }}>${isNaN(bonusUSD) ? '0' : bonusUSD.toFixed(2)}</Text>\n            </Flex>\n            <Flex sx={styles.infoRow}>\n              <Text sx={styles.infoTitle}>You Get:</Text>\n              <Text sx={styles.infoData}>\n                {isNaN(youGet) ? 0 : formatNumberSI(youGet, 0)} {bond?.earnToken.symbol} = $\n                {isNaN(youGetUSD) ? '0' : youGetUSD.toFixed(2)}\n              </Text>\n            </Flex>\n          </Flex>\n          <TokenSelectorPanel\n            typedValue={inputValue}\n            setTypedValue={setInputValue}\n            selectedToken={bond?.lpToken}\n            handleValueBtn={() => setInputValue(new BigNumber(principalTokenBalance ?? '0')?.toString())}\n            handleCurrencySelect={() => null}\n            bondChainId={bond?.chainId}\n            enableZap={false}\n            bondPrincipalToken={bond?.lpToken}\n            tokenBalance={principalTokenBalance ?? undefined}\n            selectedTokenPrice={parseFloat(bond?.principalTokenPrice ?? '0')}\n            inputDisabled={false}\n            isConnected={!!address}\n          />\n          <Flex\n            sx={{\n              width: '100%',\n              background: '#DE62F366',\n              justifyContent: 'center',\n              mt: '10px',\n              borderRadius: 'normal',\n              p: '4px 10px',\n              fontSize: '12px',\n              fontWeight: 400,\n            }}\n          >\n            {bond.warningCard ? (\n              bond.warningCard\n            ) : (\n              <>\n                This is a Pre-TGE Bond - Tokens will be tradeable upon listing.\n                <TooltipBubble\n                  className=\"tooltip-bubble\"\n                  body={\n                    <Text sx={{ textTransform: 'none' }}>\n                      Pre-TGE Bonds are a pre-sale for tokens before their Token Generation Event (TGE), when tokens are\n                      officially launched to the public.\n                    </Text>\n                  }\n                  width=\"315px\"\n                  placement=\"topRight\"\n                  transformTip=\"translate(9%, -10%)\"\n                >\n                  <Flex sx={{ ml: '4px', minWidth: '14px' }}>\n                    <Svg icon=\"questionCircle\" width={12} />\n                  </Flex>\n                </TooltipBubble>\n              </>\n            )}\n          </Flex>\n          <Flex\n            sx={{\n              width: '100%',\n              mt: '10px',\n              justifyContent: 'space-between',\n              height: ['unset', 'unset', 'unset', '40px'],\n              flexDirection: ['column-reverse', 'column-reverse', 'column-reverse', 'row'],\n            }}\n          >\n            {!address ? (\n              <ConnectButton />\n            ) : (\n              <>\n                <Flex sx={{ width: ['100%', '100%', '100%', '45%'], justifyContent: 'center' }}>\n                  <Button\n                    variant=\"secondary\"\n                    onClick={() =>\n                      window.open(\n                        `/swap?outputCurrency=${bond?.lpToken?.address[bond?.chainId]}&outputChain=${bond?.chainId}`,\n                        '_blank',\n                      )\n                    }\n                    fullWidth\n                  >\n                    Get {bond?.lpToken?.symbol}\n                  </Button>\n                </Flex>\n                {error ? (\n                  <Button disabled fullWidth sx={{ ml: ['0', '0', '0', '10px'] }}>\n                    {error}\n                  </Button>\n                ) : (\n                  <Button\n                    disabled={loading}\n                    load={loading}\n                    onClick={openTxModal}\n                    fullWidth\n                    sx={{ ml: ['0', '0', '0', '10px'] }}\n                  >\n                    Buy\n                  </Button>\n                )}\n              </>\n            )}\n          </Flex>\n        </Flex>\n      </Flex>\n    </Modal>\n  )\n}\n\nexport default BuyComponentPreTGE\n"],"names":["launchBondsABI_V2_2_0","_jsx","_jsxs","_Fragment"],"mappings":"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"}
+{"version":3,"file":"BuyComponentPreTGE.js","sources":["../../../src/views/BuyBond/BuyComponentPreTGE.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport BigNumber from 'bignumber.js'\nimport { styles } from './styles'\nimport { getBalanceNumber } from '../../utils/getBalanceNumber'\nimport TokenSelectorPanel from '../../components/TokenSelectorPanel'\nimport useCurrencyBalance from '../../state/balance/useCurrencyBalance'\nimport { useWriteContract } from 'wagmi'\nimport TokenImage from '../../components/uikit-sdk/TokenImage'\nimport ModalHeader from '../../components/uikit-sdk/Modal/ModalHeader'\nimport ProjectDescription from '../BuyBond/components/ProjectDescription'\nimport { TooltipText } from '../../config/constants/tooltips'\nimport { formatNumberSI } from '../../utils/formatNumber'\nimport BondCardsPreTGE from './components/BondCards/BondCardsPreTGE'\nimport useBondsData from '../../state/bonds/useBondsData'\nimport useModal from '../../hooks/useModal'\nimport TransactionModal from '../TransactionModal/TransactionModal'\nimport { useApproval } from '../../state/allowance/useAllowance'\nimport { ChainId } from '@ape.swap/apeswap-lists'\nimport launchBondsABI_V2_2_0 from '../../config/abi/launchBond_v2_4_1.json'\nimport ConnectButton from '../../components/ConnectButton'\nimport track from '../../utils/track'\nimport useEVMAccount from '../../hooks/accounts/useEVMAccount'\nimport { useSDKConfig } from '../../state/useSDKConfig'\nimport Modal from '../../components/uikit-sdk/Modal'\nimport Flex from '../../components/uikit-sdk/Flex'\nimport Text from '../../components/uikit-sdk/Text'\nimport ListTag from '../../components/uikit-sdk/Tag/ListTag'\nimport TooltipBubble from '../../components/uikit-sdk/TooltipBubble'\nimport Svg from '../../components/uikit-sdk/Svg'\nimport Button from '../../components/uikit-sdk/Button/Button'\nimport { getTimePeriods } from '../../utils/getTimePeriods'\n\nconst BuyComponentPreTGE = ({\n  bondAddress,\n  bondChain,\n  onDismiss,\n  handlePurchasedBond,\n}: {\n  bondAddress: string\n  bondChain: number\n  onDismiss?: () => void\n  handlePurchasedBond: (hash: string, inputAmount: string) => void\n}) => {\n  const SDKConfig = useSDKConfig()\n  const { data: preTGEBonds } = useBondsData()\n  const bond = preTGEBonds?.find(\n    (bond) =>\n      bond.contractAddress?.[bond.chainId]?.toLowerCase() === bondAddress.toLowerCase() && bond.chainId === bondChain,\n  )!\n\n  // Hooks\n  const { address } = useEVMAccount()\n  const { data: principalTokenBalance } = useCurrencyBalance(bond.lpToken, address as string, bond.chainId)\n  // Local state\n  const [inputValue, setInputValue] = useState<string>('')\n\n  // Display Values\n  const raiseGoal = getBalanceNumber(new BigNumber(bond?.totalRaise ?? '0'), 18)\n  const totalPrincipalBilled = getBalanceNumber(new BigNumber(bond?.totalPrincipalBilled ?? '0'), 18)\n  const percentageSold = (totalPrincipalBilled * 100) / raiseGoal\n  const tgePrice = bond?.tgePrice ?? 0\n  const initPrice = bond?.initPrice ?? 0\n\n  const inputValueToDisplay = parseFloat(inputValue).toFixed(2)\n  const inputValueToDisplayUSD = parseFloat(inputValueToDisplay) * parseFloat(bond?.principalTokenPrice ?? '0')\n  const youGet = parseFloat(inputValue) / initPrice\n  const youGetUSD = youGet * tgePrice\n  const bonusUSD = youGetUSD - inputValueToDisplayUSD\n\n  const apr = bond.yieldData?.apr ?? 0\n  const aprUSD = inputValueToDisplayUSD * (apr / 100)\n  const timeLeftForFullyVested = (bond.yieldData?.rewardDistributionEnd ?? 0) - Date.now() / 1000\n  const timePeriods = getTimePeriods(timeLeftForFullyVested, true)\n\n  const handleClose = () => {\n    if (typeof window !== 'undefined') {\n      window.history.pushState({}, '', `/bonds`)\n    }\n    onDismiss?.()\n  }\n\n  const [loading, setLoading] = useState<boolean>(false)\n  const [buyTxHash, setHash] = useState<string>('')\n  // Approve logic\n  const [approvalState, approveCallback] = useApproval(\n    inputValue,\n    bond.lpToken,\n    bond?.contractAddress[bond.chainId] as `0x${string}`,\n    address as string,\n    bond.chainId as ChainId,\n  )\n  const handleApprove = async () => {\n    return approveCallback().then(() => {\n      track({\n        event: 'approveBondClick',\n        chain: bondChain,\n        data: {\n          cat: bond?.billType,\n          bond: bond?.earnToken.symbol,\n        },\n      })\n    })\n  }\n  const { writeContractAsync } = useWriteContract()\n  const onBuyBill = async () => {\n    setLoading(true)\n    const amount = new BigNumber(inputValue)\n      .times(new BigNumber(10).pow(bond?.lpToken?.decimals?.[bond?.chainId] ?? 18))\n      .toString()\n    const maxPrice = new BigNumber(bond?.trueBondPrices?.[0].trueBondPrice ?? '0').times(102).div(100).toFixed(0)\n    const args = [amount, maxPrice, address]\n\n    await writeContractAsync({\n      address: bond?.contractAddress?.[bond.chainId] as `0x${string}`,\n      abi: launchBondsABI_V2_2_0,\n      functionName: 'deposit',\n      args: args,\n      chain: bond.chainId as any,\n      account: address,\n    })\n      .then((hash) => {\n        setHash(hash)\n        handlePurchasedBond(hash, inputValue)\n      })\n      .finally(() => {\n        setLoading(false)\n      })\n  }\n\n  const [openTxModal] = useModal(\n    <TransactionModal\n      txChain={bondChain}\n      approvalState={approvalState}\n      approveCallback={handleApprove}\n      loadingTx={loading}\n      txCallback={onBuyBill}\n      bondData={bond!}\n      inputToken={bond.lpToken}\n      inputValue={inputValue}\n      depositAmount={inputValue}\n      buyTxHash={buyTxHash}\n      rateChanged={false}\n    />,\n    false,\n    true,\n    'transactionModal',\n  )\n\n  const { data: currencyBalanceString } = useCurrencyBalance(bond.lpToken, address as string, bond.chainId)\n  const exceedsBalance = parseFloat(inputValue) > parseFloat(currencyBalanceString ?? '0')\n  const saleStartTime = (bond?.initTime?.[bond.chainId] ?? 0) * 1000\n  const saleFinishTime = (bond?.finishTime ?? 0) * 1000\n  const now = new Date().getTime()\n  const saleHasStarted = now > saleStartTime\n  const saleHasFinished = now > saleFinishTime || bond.finalized\n\n  const error = SDKConfig.blockSales\n    ? 'Complete KYC to Buy'\n    : !saleHasStarted\n      ? `Sale hasn't started`\n      : saleHasFinished\n        ? 'Sale Finished'\n        : exceedsBalance\n          ? 'Exceeds balance'\n          : percentageSold > 99.9\n            ? 'Soldout'\n            : !inputValue || parseFloat(inputValue) === 0\n              ? 'Insert amount'\n              : !bond\n                ? 'no bond'\n                : null\n\n  return (\n    <Modal onDismiss={handleClose} sx={{ width: '740px' }}>\n      <ModalHeader onDismiss={handleClose} hideDivider />\n      <Flex sx={styles.buyContainer}>\n        <Flex sx={styles.cardContainer}>\n          <Flex sx={{ width: '100%', justifyContent: 'space-between' }}>\n            <Flex>\n              <Flex>\n                <Flex className=\"title-container bondicon\">\n                  <TokenImage\n                    symbol={bond.underlyingEarnToken?.symbol || bond.earnToken.symbol}\n                    size={50}\n                    chain={bond.chainId}\n                  />\n                </Flex>\n                <Flex className=\"title-container bondname\">\n                  {bond.underlyingEarnToken?.symbol || bond.earnToken.symbol}\n                  <ListTag text={bond?.tags?.[0]} />\n                </Flex>\n              </Flex>\n              {!bond.yieldBond && (\n                <Flex sx={{ flexDirection: 'column', ml: '15px' }}>\n                  <Flex className=\"price-container price\">${bond.tgePrice}</Flex>\n                  <Flex sx={{ fontSize: '24px', fontWeight: 700 }}>${bond.initPrice}</Flex>\n                </Flex>\n              )}\n            </Flex>\n          </Flex>\n          <ProjectDescription description={bond.shortDescription} isProjectView />\n          <BondCardsPreTGE bond={bond} />\n          <Flex sx={{ ...styles.infoRowsContainer, mt: '10px' }}>\n            <Flex sx={styles.infoRow}>\n              <Text sx={styles.infoTitle}>You Spend:</Text>\n              <Text sx={styles.infoData}>\n                {isNaN(parseFloat(inputValueToDisplay)) ? 0 : inputValueToDisplay} {bond?.lpToken.symbol} = $\n                {isNaN(inputValueToDisplayUSD) ? '0' : inputValueToDisplayUSD.toFixed(2)}\n              </Text>\n            </Flex>\n            {bond.yieldBond ? (\n              <Flex sx={styles.infoRow}>\n                <Flex sx={{ ...styles.infoTitle, alignItems: 'center' }}>\n                  APR:\n                  <TooltipBubble\n                    className=\"tooltip-bubble\"\n                    body={<Flex>Some Text explaining how the APR and staking work</Flex>}\n                    width=\"230px\"\n                    placement=\"bottomLeft\"\n                    transformTip=\"translate(-5%, 0%)\"\n                  >\n                    <Flex className=\"row-container premium-icon\">\n                      <Svg icon=\"questionCircle\" width=\"12px\" />\n                    </Flex>\n                  </TooltipBubble>\n                </Flex>\n                <Text sx={{ ...styles.infoData, color: 'success' }}>${isNaN(aprUSD) ? '0' : aprUSD.toFixed(2)}</Text>\n              </Flex>\n            ) : (\n              <Flex sx={styles.infoRow}>\n                <Flex sx={{ ...styles.infoTitle, alignItems: 'center' }}>\n                  Bonus:\n                  <TooltipBubble\n                    className=\"tooltip-bubble\"\n                    body={<Flex>{TooltipText.Premium}</Flex>}\n                    width=\"230px\"\n                    placement=\"bottomLeft\"\n                    transformTip=\"translate(-5%, 0%)\"\n                  >\n                    <Flex className=\"row-container premium-icon\">\n                      <Svg icon=\"questionCircle\" width=\"12px\" />\n                    </Flex>\n                  </TooltipBubble>\n                </Flex>\n                <Text sx={{ ...styles.infoData, color: 'success' }}>\n                  ${isNaN(bonusUSD) ? '0' : bonusUSD.toFixed(2)}\n                </Text>\n              </Flex>\n            )}\n\n            <Flex sx={styles.infoRow}>\n              <Text sx={styles.infoTitle}>You Get:</Text>\n              {bond.yieldBond ? (\n                <Flex sx={{ ...styles.infoData, alignItems: 'center', gap: '5px' }}>\n                  <TooltipBubble\n                    className=\"tooltip-bubble\"\n                    body={\n                      <Flex sx={{ width: '100%', flexDirection: 'column' }}>\n                        Some text explaining how the token purchase will work and when it will be done.\n                        <Flex sx={{ mt: '10px', mb: '5px' }}>Breakdown</Flex>\n                        <Flex sx={{ width: '100%', justifyContent: 'space-between' }}>\n                          <Flex>Capital in {bond.underlyingEarnToken?.symbol}</Flex>\n                          <Flex>${formatNumberSI(inputValueToDisplayUSD)}</Flex>\n                        </Flex>\n                        <Flex sx={{ width: '100%', justifyContent: 'space-between' }}>\n                          <Flex>APR over {timePeriods.days} days</Flex>\n                          <Flex>${formatNumberSI(aprUSD)}</Flex>\n                        </Flex>\n                      </Flex>\n                    }\n                    width=\"230px\"\n                    placement=\"bottomRight\"\n                    transformTip=\"translate(10%, 0%)\"\n                  >\n                    <Flex className=\"row-container premium-icon\">\n                      <Svg icon=\"questionCircle\" width=\"12px\" />\n                    </Flex>\n                  </TooltipBubble>\n                  ${formatNumberSI(youGetUSD + aprUSD)}\n                </Flex>\n              ) : (\n                <Text sx={styles.infoData}>\n                  {isNaN(youGet) ? 0 : formatNumberSI(youGet, 0)} {bond?.earnToken.symbol} = $\n                  {isNaN(youGetUSD) ? '0' : youGetUSD.toFixed(2)}\n                </Text>\n              )}\n            </Flex>\n          </Flex>\n          <TokenSelectorPanel\n            typedValue={inputValue}\n            setTypedValue={setInputValue}\n            selectedToken={bond?.lpToken}\n            handleValueBtn={() => setInputValue(new BigNumber(principalTokenBalance ?? '0')?.toString())}\n            handleCurrencySelect={() => null}\n            bondChainId={bond?.chainId}\n            enableZap={false}\n            bondPrincipalToken={bond?.lpToken}\n            tokenBalance={principalTokenBalance ?? undefined}\n            selectedTokenPrice={parseFloat(bond?.principalTokenPrice ?? '0')}\n            inputDisabled={false}\n            isConnected={!!address}\n          />\n          <Flex\n            sx={{\n              width: '100%',\n              background: '#DE62F366',\n              justifyContent: 'center',\n              mt: '10px',\n              borderRadius: 'normal',\n              p: '4px 10px',\n              fontSize: '12px',\n              fontWeight: 400,\n            }}\n          >\n            {bond.warningCard ? (\n              bond.warningCard\n            ) : bond.yieldBond ? (\n              <>\n                This is a Yield Bond - We will need some way to explain how this bond work.\n                <TooltipBubble\n                  className=\"tooltip-bubble\"\n                  body={<Text sx={{ textTransform: 'none' }}>We can add a tooltip if necessary</Text>}\n                  width=\"315px\"\n                  placement=\"topRight\"\n                  transformTip=\"translate(9%, -10%)\"\n                >\n                  <Flex sx={{ ml: '4px', minWidth: '14px' }}>\n                    <Svg icon=\"questionCircle\" width={12} />\n                  </Flex>\n                </TooltipBubble>\n              </>\n            ) : (\n              <>\n                This is a Pre-TGE Bond - Tokens will be tradeable upon listing.\n                <TooltipBubble\n                  className=\"tooltip-bubble\"\n                  body={\n                    <Text sx={{ textTransform: 'none' }}>\n                      Pre-TGE Bonds are a pre-sale for tokens before their Token Generation Event (TGE), when tokens are\n                      officially launched to the public.\n                    </Text>\n                  }\n                  width=\"315px\"\n                  placement=\"topRight\"\n                  transformTip=\"translate(9%, -10%)\"\n                >\n                  <Flex sx={{ ml: '4px', minWidth: '14px' }}>\n                    <Svg icon=\"questionCircle\" width={12} />\n                  </Flex>\n                </TooltipBubble>\n              </>\n            )}\n          </Flex>\n          <Flex\n            sx={{\n              width: '100%',\n              mt: '10px',\n              justifyContent: 'space-between',\n              height: ['unset', 'unset', 'unset', '40px'],\n              flexDirection: ['column-reverse', 'column-reverse', 'column-reverse', 'row'],\n            }}\n          >\n            {!address ? (\n              <ConnectButton />\n            ) : (\n              <>\n                <Flex sx={{ width: ['100%', '100%', '100%', '45%'], justifyContent: 'center' }}>\n                  <Button\n                    variant=\"secondary\"\n                    onClick={() =>\n                      window.open(\n                        `/swap?outputCurrency=${bond?.lpToken?.address[bond?.chainId]}&outputChain=${bond?.chainId}`,\n                        '_blank',\n                      )\n                    }\n                    fullWidth\n                  >\n                    Get {bond?.lpToken?.symbol}\n                  </Button>\n                </Flex>\n                {error ? (\n                  <Button disabled fullWidth sx={{ ml: ['0', '0', '0', '10px'] }}>\n                    {error}\n                  </Button>\n                ) : (\n                  <Button\n                    disabled={loading}\n                    load={loading}\n                    onClick={openTxModal}\n                    fullWidth\n                    sx={{ ml: ['0', '0', '0', '10px'] }}\n                  >\n                    Buy\n                  </Button>\n                )}\n              </>\n            )}\n          </Flex>\n        </Flex>\n      </Flex>\n    </Modal>\n  )\n}\n\nexport default BuyComponentPreTGE\n"],"names":["launchBondsABI_V2_2_0","_jsx","_jsxs","_Fragment"],"mappings":"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"}

package/dist/views/BuyBond/ParticipationSuccessful.js

@@ -9,8 +9,10 @@ import Text from '../../components/uikit-sdk/Text/index.js';
 import ModalHeader from '../../components/uikit-sdk/Modal/ModalHeader.js';
 import { getFirstNonZeroDigits } from '../../utils/roundNumber.js';
 import { getTimePeriods } from '../../utils/getTimePeriods.js';
+import useActiveView from '../../state/activeView/index.js';
 
 const ParticipationSuccessful = ({ onDismiss, bond, inputAmount, }) => {
+    const { handleToogle } = useActiveView();
     const { data: tokenPrices } = useTokenPrices();
     const principalTokenPrice = tokenPrices?.[bond?.chainId]?.find((token) => token?.tokenAddress?.toLowerCase() === bond?.lpToken?.address[bond?.chainId]?.toLowerCase())?.price;
     const inputValue = parseFloat(inputAmount ?? '0');
@@ -46,20 +48,32 @@ const ParticipationSuccessful = ({ onDismiss, bond, inputAmount, }) => {
                             fontSize: '14px',
                             fontWeight: 400,
                             flexDirection: 'column',
-                        }, children: [jsxs(Flex, { sx: { width: '100%', justifyContent: 'space-between' }, children: [jsx(Flex, { sx: { fontSize: '12px', fontWeight: 400 }, children: "Your Deposit" }), jsxs(Flex, { sx: { fontSize: '12px', fontWeight: 400 }, children: [getFirstNonZeroDigits(inputValue, 2), " ", bond?.lpToken.symbol, jsxs(Flex, { sx: { color: 'textDisabledButton', ml: '5px' }, children: ["($", depositAmountUsd.toFixed(2), ")"] })] })] }), jsxs(Flex, { sx: { width: '100%', justifyContent: 'space-between', mt: '5px' }, children: [jsx(Flex, { sx: { fontSize: '12px', fontWeight: 400 }, children: "Your Allocation" }), jsxs(Flex, { sx: {
+                        }, children: [jsxs(Flex, { sx: { width: '100%', justifyContent: 'space-between' }, children: [jsx(Flex, { sx: { fontSize: '12px', fontWeight: 400 }, children: "Your Deposit" }), jsxs(Flex, { sx: { fontSize: '12px', fontWeight: 400 }, children: [getFirstNonZeroDigits(inputValue, 2), " ", bond?.lpToken.symbol, jsxs(Flex, { sx: { color: 'textDisabledButton', ml: '5px' }, children: ["($", depositAmountUsd.toFixed(2), ")"] })] })] }), jsxs(Flex, { sx: { width: '100%', justifyContent: 'space-between', mt: '5px' }, children: [jsx(Flex, { sx: { fontSize: '12px', fontWeight: 400 }, children: "Your Allocation" }), bond.yieldBond ? (jsx(Flex, { sx: {
                                             fontSize: '12px',
                                             fontWeight: 500,
-                                        }, children: [getFirstNonZeroDigits(userAllocation, 2), " ", bond?.earnToken.symbol, jsxs(Flex, { sx: { color: 'textDisabledButton', ml: '5px' }, children: ["($", userAllocationUsd.toFixed(2), ")"] })] })] }), jsxs(Flex, { sx: { width: '100%', justifyContent: 'space-between', mt: '5px' }, children: [jsxs(Flex, { sx: { fontSize: '12px', fontWeight: 400 }, children: ["Initial Release", jsx(TooltipBubble, { placement: 'bottomLeft', transformTip: 'translate(-6%, 0%)', width: "250px", body: jsx(Flex, { sx: { justifyContent: 'center' }, children: `You'll be able to claim an initial release of ${initialRelease * 100}% 
-                    of your allocation on ${formattedFinishDate}` }), children: jsx(Flex, { sx: { alignItems: 'center', height: '100%', ml: '5px' }, children: jsx(Svg, { icon: "questionCircle", width: "12px" }) }) })] }), jsxs(Flex, { sx: {
+                                        }, children: jsxs(Flex, { sx: { color: 'textDisabledButton', ml: '5px' }, children: ["$", userAllocationUsd.toFixed(2), " + ", bond.yieldData?.apr, "% APR"] }) })) : (jsxs(Flex, { sx: {
                                             fontSize: '12px',
                                             fontWeight: 500,
-                                        }, children: [getFirstNonZeroDigits(initialReleaseAmount, 2), " ", bond?.earnToken.symbol, jsxs(Flex, { sx: {
+                                        }, children: [getFirstNonZeroDigits(userAllocation, 2), " ", bond?.underlyingEarnToken?.symbol || bond?.earnToken.symbol, jsxs(Flex, { sx: { color: 'textDisabledButton', ml: '5px' }, children: ["($", userAllocationUsd.toFixed(2), ")"] })] }))] }), jsxs(Flex, { sx: { width: '100%', justifyContent: 'space-between', mt: '5px' }, children: [jsxs(Flex, { sx: { fontSize: '12px', fontWeight: 400 }, children: ["Initial Release", jsx(TooltipBubble, { placement: 'bottomLeft', transformTip: 'translate(-6%, 0%)', width: "250px", body: jsx(Flex, { sx: { justifyContent: 'center' }, children: `You'll be able to claim an initial release of ${initialRelease * 100}% 
+                    of your allocation on ${formattedFinishDate}` }), children: jsx(Flex, { sx: { alignItems: 'center', height: '100%', ml: '5px' }, children: jsx(Svg, { icon: "questionCircle", width: "12px" }) }) })] }), bond.yieldBond ? (jsx(Flex, { sx: {
+                                            fontSize: '12px',
+                                            fontWeight: 500,
+                                        }, children: jsxs(Flex, { sx: {
+                                                color: 'textDisabledButton',
+                                                ml: '5px',
+                                            }, children: ["$", initialReleaseUsd.toFixed(2)] }) })) : (jsxs(Flex, { sx: {
+                                            fontSize: '12px',
+                                            fontWeight: 500,
+                                        }, children: [getFirstNonZeroDigits(initialReleaseAmount, 2), ' ', bond?.underlyingEarnToken?.symbol || bond?.earnToken.symbol, jsxs(Flex, { sx: {
                                                     color: 'textDisabledButton',
                                                     ml: '5px',
-                                                }, children: ["($", initialReleaseUsd.toFixed(2), ")"] })] })] }), initialRelease !== 1 && (jsxs(Flex, { sx: { width: '100%', justifyContent: 'space-between', mt: '5px' }, children: [jsxs(Flex, { sx: { fontSize: '12px', fontWeight: 400 }, children: ["Vested Tokens", jsx(TooltipBubble, { placement: 'bottomLeft', transformTip: 'translate(-6%, 0%)', width: "250px", body: jsx(Flex, { sx: { justifyContent: 'center' }, children: `Remaining tokens will vest linearly over ${getTimePeriods(bond.vestingTerm).months} months after claiming the initial release.` }), children: jsx(Flex, { sx: { alignItems: 'center', height: '100%', ml: '5px' }, children: jsx(Svg, { icon: "questionCircle", width: "12px" }) }) })] }), jsxs(Flex, { sx: {
+                                                }, children: ["($", initialReleaseUsd.toFixed(2), ")"] })] }))] }), initialRelease !== 1 && (jsxs(Flex, { sx: { width: '100%', justifyContent: 'space-between', mt: '5px' }, children: [jsxs(Flex, { sx: { fontSize: '12px', fontWeight: 400 }, children: ["Vested Tokens", jsx(TooltipBubble, { placement: 'bottomLeft', transformTip: 'translate(-6%, 0%)', width: "250px", body: jsx(Flex, { sx: { justifyContent: 'center' }, children: `Remaining tokens will vest linearly over ${getTimePeriods(bond.vestingTerm).months} months after claiming the initial release.` }), children: jsx(Flex, { sx: { alignItems: 'center', height: '100%', ml: '5px' }, children: jsx(Svg, { icon: "questionCircle", width: "12px" }) }) })] }), jsxs(Flex, { sx: {
                                             fontSize: '12px',
                                             fontWeight: 500,
-                                        }, children: [getFirstNonZeroDigits(vestedAmount, 2), " ", bond?.earnToken.symbol, jsxs(Flex, { sx: { color: 'textDisabledButton', ml: '5px' }, children: ["($", vestedAmountUsd.toFixed(2), ")"] })] })] })), jsx(Flex, { sx: { mt: '10px' }, children: `Your purchased bond can be found under the "Your Bonds" tab.` })] }), jsx(Button, { onClick: onDismiss, sx: { fontSize: '16px', width: '100%', mt: '15px' }, children: "Close" })] })] }));
+                                        }, children: [getFirstNonZeroDigits(vestedAmount, 2), " ", bond?.earnToken.symbol, jsxs(Flex, { sx: { color: 'textDisabledButton', ml: '5px' }, children: ["($", vestedAmountUsd.toFixed(2), ")"] })] })] })), jsx(Flex, { sx: { mt: '10px' }, children: `Your purchased bond can be found under the "Your Bonds" tab.` })] }), jsx(Button, { onClick: () => {
+                            handleToogle('Your Bonds');
+                            onDismiss?.();
+                        }, sx: { fontSize: '14px', width: '100%', mt: '15px', height: '35px' }, children: "see your Bonds" })] })] }));
 };
 
 export { ParticipationSuccessful as default };

package/dist/views/BuyBond/ParticipationSuccessful.js.map

@@ -1 +1 @@
-{"version":3,"file":"ParticipationSuccessful.js","sources":["../../../src/views/BuyBond/ParticipationSuccessful.tsx"],"sourcesContent":["import React from 'react'\nimport useTokenPrices from '../../state/tokenPrices/useTokenPrices'\nimport Button from '../../components/uikit-sdk/Button/Button'\nimport Flex from '../../components/uikit-sdk/Flex'\nimport Modal from '../../components/uikit-sdk/Modal'\nimport Svg from '../../components/uikit-sdk/Svg'\nimport TooltipBubble from '../../components/uikit-sdk/TooltipBubble'\nimport Text from '../../components/uikit-sdk/Text'\nimport ModalHeader from '../../components/uikit-sdk/Modal/ModalHeader'\nimport { getFirstNonZeroDigits } from '../../utils/roundNumber'\nimport { getTimePeriods } from '../../utils/getTimePeriods'\nimport { BondsData } from '../../types/bonds'\n\nconst ParticipationSuccessful = ({\n  onDismiss,\n  bond,\n  inputAmount,\n}: {\n  onDismiss?: () => void\n  bond: BondsData\n  inputAmount?: string\n}) => {\n  const { data: tokenPrices } = useTokenPrices()\n  const principalTokenPrice = tokenPrices?.[bond?.chainId]?.find(\n    (token) => token?.tokenAddress?.toLowerCase() === bond?.lpToken?.address[bond?.chainId]?.toLowerCase(),\n  )?.price\n  const inputValue = parseFloat(inputAmount ?? '0')\n  const depositAmountUsd = inputValue * (principalTokenPrice ?? 0)\n  const initPrice = bond?.initPrice ?? 0\n  const initialRelease = bond?.initialRelease ?? 0\n\n  const userAllocation = depositAmountUsd / initPrice\n  const userAllocationUsd = userAllocation * initPrice\n\n  const finishTime = (bond?.redeemTime ?? 0) * 1000\n  const finishDate = new Date(finishTime)\n  const month = finishDate.toLocaleDateString('en-US', { month: 'short' })\n  const getDayWithSuffix = (day: number) => {\n    if (day > 3 && day < 21) return `${day}th`\n    switch (day % 10) {\n      case 1:\n        return `${day}st`\n      case 2:\n        return `${day}nd`\n      case 3:\n        return `${day}rd`\n      default:\n        return `${day}th`\n    }\n  }\n  const day = finishDate.getDate()\n  const formattedFinishDate = `${month} ${getDayWithSuffix(day)} at 13 UTC.` //TODO fix this\n  const initialReleaseAmount = userAllocation * initialRelease\n  const initialReleaseUsd = initialReleaseAmount * (bond?.initPrice ?? 0)\n\n  const vestedAmount = userAllocation * (1 - initialRelease)\n  const vestedAmountUsd = vestedAmount * (bond?.initPrice ?? 0)\n\n  return (\n    <Modal>\n      <ModalHeader hideDivider />\n      <Flex sx={{ flexDirection: 'column' }}>\n        <Flex sx={{ width: '100%', justifyContent: 'center', mb: '15px' }}>\n          <Text sx={{ fontSize: '22px', fontWeight: 700 }}>Participation Successful</Text>\n        </Flex>\n        <Flex\n          sx={{\n            fontSize: '14px',\n            fontWeight: 400,\n            flexDirection: 'column',\n          }}\n        >\n          <Flex sx={{ width: '100%', justifyContent: 'space-between' }}>\n            <Flex sx={{ fontSize: '12px', fontWeight: 400 }}>Your Deposit</Flex>\n            <Flex sx={{ fontSize: '12px', fontWeight: 400 }}>\n              {getFirstNonZeroDigits(inputValue, 2)} {bond?.lpToken.symbol}\n              <Flex sx={{ color: 'textDisabledButton', ml: '5px' }}>(${depositAmountUsd.toFixed(2)})</Flex>\n            </Flex>\n          </Flex>\n          <Flex sx={{ width: '100%', justifyContent: 'space-between', mt: '5px' }}>\n            <Flex sx={{ fontSize: '12px', fontWeight: 400 }}>Your Allocation</Flex>\n            <Flex\n              sx={{\n                fontSize: '12px',\n                fontWeight: 500,\n              }}\n            >\n              {getFirstNonZeroDigits(userAllocation, 2)} {bond?.earnToken.symbol}\n              <Flex sx={{ color: 'textDisabledButton', ml: '5px' }}>(${userAllocationUsd.toFixed(2)})</Flex>\n            </Flex>\n          </Flex>\n          <Flex sx={{ width: '100%', justifyContent: 'space-between', mt: '5px' }}>\n            <Flex sx={{ fontSize: '12px', fontWeight: 400 }}>\n              Initial Release\n              <TooltipBubble\n                placement={'bottomLeft'}\n                transformTip={'translate(-6%, 0%)'}\n                width=\"250px\"\n                body={\n                  <Flex sx={{ justifyContent: 'center' }}>\n                    {`You'll be able to claim an initial release of ${initialRelease * 100}% \n                    of your allocation on ${formattedFinishDate}`}\n                  </Flex>\n                }\n              >\n                <Flex sx={{ alignItems: 'center', height: '100%', ml: '5px' }}>\n                  <Svg icon=\"questionCircle\" width=\"12px\" />\n                </Flex>\n              </TooltipBubble>\n            </Flex>\n            <Flex\n              sx={{\n                fontSize: '12px',\n                fontWeight: 500,\n              }}\n            >\n              {getFirstNonZeroDigits(initialReleaseAmount, 2)} {bond?.earnToken.symbol}\n              <Flex\n                sx={{\n                  color: 'textDisabledButton',\n                  ml: '5px',\n                }}\n              >\n                (${initialReleaseUsd.toFixed(2)})\n              </Flex>\n            </Flex>\n          </Flex>\n          {initialRelease !== 1 && (\n            <Flex sx={{ width: '100%', justifyContent: 'space-between', mt: '5px' }}>\n              <Flex sx={{ fontSize: '12px', fontWeight: 400 }}>\n                Vested Tokens\n                <TooltipBubble\n                  placement={'bottomLeft'}\n                  transformTip={'translate(-6%, 0%)'}\n                  width=\"250px\"\n                  body={\n                    <Flex sx={{ justifyContent: 'center' }}>\n                      {`Remaining tokens will vest linearly over ${getTimePeriods(bond.vestingTerm).months} months after claiming the initial release.`}\n                    </Flex>\n                  }\n                >\n                  <Flex sx={{ alignItems: 'center', height: '100%', ml: '5px' }}>\n                    <Svg icon=\"questionCircle\" width=\"12px\" />\n                  </Flex>\n                </TooltipBubble>\n              </Flex>\n              <Flex\n                sx={{\n                  fontSize: '12px',\n                  fontWeight: 500,\n                }}\n              >\n                {getFirstNonZeroDigits(vestedAmount, 2)} {bond?.earnToken.symbol}\n                <Flex sx={{ color: 'textDisabledButton', ml: '5px' }}>(${vestedAmountUsd.toFixed(2)})</Flex>\n              </Flex>\n            </Flex>\n          )}\n          <Flex sx={{ mt: '10px' }}>{`Your purchased bond can be found under the \"Your Bonds\" tab.`}</Flex>\n        </Flex>\n        <Button onClick={onDismiss} sx={{ fontSize: '16px', width: '100%', mt: '15px' }}>\n          Close\n        </Button>\n      </Flex>\n    </Modal>\n  )\n}\n\nexport default ParticipationSuccessful\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"ParticipationSuccessful.js","sources":["../../../src/views/BuyBond/ParticipationSuccessful.tsx"],"sourcesContent":["import React from 'react'\nimport useTokenPrices from '../../state/tokenPrices/useTokenPrices'\nimport Button from '../../components/uikit-sdk/Button/Button'\nimport Flex from '../../components/uikit-sdk/Flex'\nimport Modal from '../../components/uikit-sdk/Modal'\nimport Svg from '../../components/uikit-sdk/Svg'\nimport TooltipBubble from '../../components/uikit-sdk/TooltipBubble'\nimport Text from '../../components/uikit-sdk/Text'\nimport ModalHeader from '../../components/uikit-sdk/Modal/ModalHeader'\nimport { getFirstNonZeroDigits } from '../../utils/roundNumber'\nimport { getTimePeriods } from '../../utils/getTimePeriods'\nimport { BondsData } from '../../types/bonds'\nimport useActiveView from '../../state/activeView'\n\nconst ParticipationSuccessful = ({\n  onDismiss,\n  bond,\n  inputAmount,\n}: {\n  onDismiss?: () => void\n  bond: BondsData\n  inputAmount?: string\n}) => {\n  const { handleToogle } = useActiveView()\n  const { data: tokenPrices } = useTokenPrices()\n  const principalTokenPrice = tokenPrices?.[bond?.chainId]?.find(\n    (token) => token?.tokenAddress?.toLowerCase() === bond?.lpToken?.address[bond?.chainId]?.toLowerCase(),\n  )?.price\n  const inputValue = parseFloat(inputAmount ?? '0')\n  const depositAmountUsd = inputValue * (principalTokenPrice ?? 0)\n  const initPrice = bond?.initPrice ?? 0\n  const initialRelease = bond?.initialRelease ?? 0\n\n  const userAllocation = depositAmountUsd / initPrice\n  const userAllocationUsd = userAllocation * initPrice\n\n  const finishTime = (bond?.redeemTime ?? 0) * 1000\n  const finishDate = new Date(finishTime)\n  const month = finishDate.toLocaleDateString('en-US', { month: 'short' })\n  const getDayWithSuffix = (day: number) => {\n    if (day > 3 && day < 21) return `${day}th`\n    switch (day % 10) {\n      case 1:\n        return `${day}st`\n      case 2:\n        return `${day}nd`\n      case 3:\n        return `${day}rd`\n      default:\n        return `${day}th`\n    }\n  }\n  const day = finishDate.getDate()\n  const formattedFinishDate = `${month} ${getDayWithSuffix(day)} at 13 UTC.` //TODO fix this\n  const initialReleaseAmount = userAllocation * initialRelease\n  const initialReleaseUsd = initialReleaseAmount * (bond?.initPrice ?? 0)\n\n  const vestedAmount = userAllocation * (1 - initialRelease)\n  const vestedAmountUsd = vestedAmount * (bond?.initPrice ?? 0)\n\n  return (\n    <Modal>\n      <ModalHeader hideDivider />\n      <Flex sx={{ flexDirection: 'column' }}>\n        <Flex sx={{ width: '100%', justifyContent: 'center', mb: '15px' }}>\n          <Text sx={{ fontSize: '22px', fontWeight: 700 }}>Participation Successful</Text>\n        </Flex>\n        <Flex\n          sx={{\n            fontSize: '14px',\n            fontWeight: 400,\n            flexDirection: 'column',\n          }}\n        >\n          <Flex sx={{ width: '100%', justifyContent: 'space-between' }}>\n            <Flex sx={{ fontSize: '12px', fontWeight: 400 }}>Your Deposit</Flex>\n            <Flex sx={{ fontSize: '12px', fontWeight: 400 }}>\n              {getFirstNonZeroDigits(inputValue, 2)} {bond?.lpToken.symbol}\n              <Flex sx={{ color: 'textDisabledButton', ml: '5px' }}>(${depositAmountUsd.toFixed(2)})</Flex>\n            </Flex>\n          </Flex>\n          <Flex sx={{ width: '100%', justifyContent: 'space-between', mt: '5px' }}>\n            <Flex sx={{ fontSize: '12px', fontWeight: 400 }}>Your Allocation</Flex>\n            {bond.yieldBond ? (\n              <Flex\n                sx={{\n                  fontSize: '12px',\n                  fontWeight: 500,\n                }}\n              >\n                <Flex sx={{ color: 'textDisabledButton', ml: '5px' }}>\n                  ${userAllocationUsd.toFixed(2)} + {bond.yieldData?.apr}% APR\n                </Flex>\n              </Flex>\n            ) : (\n              <Flex\n                sx={{\n                  fontSize: '12px',\n                  fontWeight: 500,\n                }}\n              >\n                {getFirstNonZeroDigits(userAllocation, 2)} {bond?.underlyingEarnToken?.symbol || bond?.earnToken.symbol}\n                <Flex sx={{ color: 'textDisabledButton', ml: '5px' }}>(${userAllocationUsd.toFixed(2)})</Flex>\n              </Flex>\n            )}\n          </Flex>\n          <Flex sx={{ width: '100%', justifyContent: 'space-between', mt: '5px' }}>\n            <Flex sx={{ fontSize: '12px', fontWeight: 400 }}>\n              Initial Release\n              <TooltipBubble\n                placement={'bottomLeft'}\n                transformTip={'translate(-6%, 0%)'}\n                width=\"250px\"\n                body={\n                  <Flex sx={{ justifyContent: 'center' }}>\n                    {`You'll be able to claim an initial release of ${initialRelease * 100}% \n                    of your allocation on ${formattedFinishDate}`}\n                  </Flex>\n                }\n              >\n                <Flex sx={{ alignItems: 'center', height: '100%', ml: '5px' }}>\n                  <Svg icon=\"questionCircle\" width=\"12px\" />\n                </Flex>\n              </TooltipBubble>\n            </Flex>\n            {bond.yieldBond ? (\n              <Flex\n                sx={{\n                  fontSize: '12px',\n                  fontWeight: 500,\n                }}\n              >\n                <Flex\n                  sx={{\n                    color: 'textDisabledButton',\n                    ml: '5px',\n                  }}\n                >\n                  ${initialReleaseUsd.toFixed(2)}\n                </Flex>\n              </Flex>\n            ) : (\n              <Flex\n                sx={{\n                  fontSize: '12px',\n                  fontWeight: 500,\n                }}\n              >\n                {getFirstNonZeroDigits(initialReleaseAmount, 2)}{' '}\n                {bond?.underlyingEarnToken?.symbol || bond?.earnToken.symbol}\n                <Flex\n                  sx={{\n                    color: 'textDisabledButton',\n                    ml: '5px',\n                  }}\n                >\n                  (${initialReleaseUsd.toFixed(2)})\n                </Flex>\n              </Flex>\n            )}\n          </Flex>\n          {initialRelease !== 1 && (\n            <Flex sx={{ width: '100%', justifyContent: 'space-between', mt: '5px' }}>\n              <Flex sx={{ fontSize: '12px', fontWeight: 400 }}>\n                Vested Tokens\n                <TooltipBubble\n                  placement={'bottomLeft'}\n                  transformTip={'translate(-6%, 0%)'}\n                  width=\"250px\"\n                  body={\n                    <Flex sx={{ justifyContent: 'center' }}>\n                      {`Remaining tokens will vest linearly over ${getTimePeriods(bond.vestingTerm).months} months after claiming the initial release.`}\n                    </Flex>\n                  }\n                >\n                  <Flex sx={{ alignItems: 'center', height: '100%', ml: '5px' }}>\n                    <Svg icon=\"questionCircle\" width=\"12px\" />\n                  </Flex>\n                </TooltipBubble>\n              </Flex>\n              <Flex\n                sx={{\n                  fontSize: '12px',\n                  fontWeight: 500,\n                }}\n              >\n                {getFirstNonZeroDigits(vestedAmount, 2)} {bond?.earnToken.symbol}\n                <Flex sx={{ color: 'textDisabledButton', ml: '5px' }}>(${vestedAmountUsd.toFixed(2)})</Flex>\n              </Flex>\n            </Flex>\n          )}\n          <Flex sx={{ mt: '10px' }}>{`Your purchased bond can be found under the \"Your Bonds\" tab.`}</Flex>\n        </Flex>\n        <Button\n          onClick={() => {\n            handleToogle('Your Bonds')\n            onDismiss?.()\n          }}\n          sx={{ fontSize: '14px', width: '100%', mt: '15px', height: '35px' }}\n        >\n          see your Bonds\n        </Button>\n      </Flex>\n    </Modal>\n  )\n}\n\nexport default ParticipationSuccessful\n"],"names":["_jsxs","_jsx"],"mappings":"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"}