@ape.swap/bonds-sdk 5.1.5 → 5.1.7-test.0

package/dist/views/ProjectView/components/PriceChart/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/views/ProjectView/components/PriceChart/index.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react'\nimport CandleStickChart from './components/CandleStickChart'\nimport LineChart from './components/LineChart'\nimport { styles } from './styles'\nimport { BondsData } from '../../../../types/bonds'\nimport { HistoricalPrices } from '../../ProjectView'\nimport { getFirstNonZeroDigits } from '../../../../utils/roundNumber'\nimport { Flex, Svg } from '../../../../components/uikit-sdk'\nimport { TIERS_WEIGHT } from '../../../../state/tiers/useTierPoints'\nimport { LaunchBondTiers } from '@ape.swap/apeswap-lists'\nimport { discountEarnTokenPrice } from '../../../../utils/displayHelpers'\nimport { findHighestTrueBondPrice } from '../../../Bonds/utils'\n\nconst PriceChart = ({\n  selectedBond,\n  historicalPrices,\n}: {\n  selectedBond: BondsData\n  historicalPrices?: HistoricalPrices[] | null\n}) => {\n  const earnTokenPrice = parseFloat(selectedBond?.payoutTokenPrice ?? '0')\n  const trueBondPrice = findHighestTrueBondPrice(TIERS_WEIGHT[LaunchBondTiers.Legend], selectedBond?.trueBondPrices)\n  const bondPrice = discountEarnTokenPrice(selectedBond, true)\n  const hasDiscount = (trueBondPrice?.bonus ?? 0) > 0\n  const contractAddress = selectedBond.contractAddress[selectedBond.chainId]\n\n  const [show, setShow] = useState<boolean>(false)\n  const [chartOption, setChartOption] = useState<'line' | 'candleStick'>('line')\n\n  useEffect(() => {\n    // This effect is to ensure that the charts are only rendered on the client\n    setShow(true)\n  }, [])\n\n  useEffect(() => {\n    // This effect is to ensure the charts are re-rendered everytime the selectedBond changes\n    setShow(false)\n    const timer = setTimeout(() => {\n      setShow(true)\n    }, 50)\n    return () => clearTimeout(timer)\n  }, [contractAddress])\n\n  return (\n    <Flex sx={styles.priceContainer}>\n      <Flex sx={{ width: '100%', justifyContent: 'space-between', mb: '15px', pr: '20px' }}>\n        <Flex>Prices</Flex>\n        <Flex>\n          <Flex sx={{ color: hasDiscount ? 'success' : 'error', fontSize: '12px', fontWeight: 500, mr: '15px' }}>\n            Bond Price: ${bondPrice}\n          </Flex>\n          <Flex sx={{ color: 'textDisabledButton', fontSize: '12px', fontWeight: 500 }}>\n            Market Price: ${getFirstNonZeroDigits(earnTokenPrice ?? 0)}\n          </Flex>\n        </Flex>\n      </Flex>\n      {show && (\n        <Flex sx={styles.container}>\n          <Flex sx={styles.buttonsContainer}>\n            <Flex sx={{ ...styles.button, mr: '15px' }} onClick={() => setChartOption('line')}>\n              <Svg icon=\"lineChart\" width={20} />\n            </Flex>\n            <Flex sx={styles.button} onClick={() => setChartOption('candleStick')}>\n              D\n            </Flex>\n          </Flex>\n          {historicalPrices && historicalPrices.length > 0 ? (\n            chartOption === 'line' ? (\n              <LineChart\n                historicalPrices={historicalPrices}\n                hasDiscount={hasDiscount}\n                bondPrice={bondPrice}\n                tokenPrice={selectedBond.payoutTokenPrice ?? '0'}\n              />\n            ) : (\n              <CandleStickChart\n                historicalPrices={historicalPrices}\n                hasDiscount={hasDiscount}\n                bondPrice={bondPrice}\n                tokenPrice={selectedBond.payoutTokenPrice ?? '0'}\n              />\n            )\n          ) : (\n            <Flex sx={{ flexDirection: 'column', justifyContent: 'center', alignItems: 'center', width: '100%' }}>\n              <Svg icon=\"placeholderMonkey\" />\n              <Flex sx={{ mt: '15px' }}>No Historical Price for this Token</Flex>\n            </Flex>\n          )}\n        </Flex>\n      )}\n    </Flex>\n  )\n}\n\nexport default PriceChart\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../src/views/ProjectView/components/PriceChart/index.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react'\nimport CandleStickChart from './components/CandleStickChart'\nimport LineChart from './components/LineChart'\nimport { styles } from './styles'\nimport { BondsData } from '../../../../types/bonds'\nimport { HistoricalPrices } from '../../ProjectView'\nimport { getFirstNonZeroDigits } from '../../../../utils/roundNumber'\nimport Flex from '../../../../components/uikit-sdk/Flex'\nimport Svg from '../../../../components/uikit-sdk/Svg'\nimport { TIERS_WEIGHT } from '../../../../state/tiers/useTierPoints'\nimport { LaunchBondTiers } from '@ape.swap/apeswap-lists'\nimport { discountEarnTokenPrice } from '../../../../utils/displayHelpers'\nimport { findHighestTrueBondPrice } from '../../../../utils/bondPriceHelpers'\n\nconst PriceChart = ({\n  selectedBond,\n  historicalPrices,\n}: {\n  selectedBond: BondsData\n  historicalPrices?: HistoricalPrices[] | null\n}) => {\n  const earnTokenPrice = parseFloat(selectedBond?.payoutTokenPrice ?? '0')\n  const trueBondPrice = findHighestTrueBondPrice(TIERS_WEIGHT[LaunchBondTiers.Legend], selectedBond?.trueBondPrices)\n  const bondPrice = discountEarnTokenPrice(selectedBond, true)\n  const hasDiscount = (trueBondPrice?.bonus ?? 0) > 0\n  const contractAddress = selectedBond.contractAddress[selectedBond.chainId]\n\n  const [show, setShow] = useState<boolean>(false)\n  const [chartOption, setChartOption] = useState<'line' | 'candleStick'>('line')\n\n  useEffect(() => {\n    // This effect is to ensure that the charts are only rendered on the client\n    setShow(true)\n  }, [])\n\n  useEffect(() => {\n    // This effect is to ensure the charts are re-rendered everytime the selectedBond changes\n    setShow(false)\n    const timer = setTimeout(() => {\n      setShow(true)\n    }, 50)\n    return () => clearTimeout(timer)\n  }, [contractAddress])\n\n  return (\n    <Flex sx={styles.priceContainer}>\n      <Flex sx={{ width: '100%', justifyContent: 'space-between', mb: '15px', pr: '20px' }}>\n        <Flex>Prices</Flex>\n        <Flex>\n          <Flex sx={{ color: hasDiscount ? 'success' : 'error', fontSize: '12px', fontWeight: 500, mr: '15px' }}>\n            Bond Price: ${bondPrice}\n          </Flex>\n          <Flex sx={{ color: 'textDisabledButton', fontSize: '12px', fontWeight: 500 }}>\n            Market Price: ${getFirstNonZeroDigits(earnTokenPrice ?? 0)}\n          </Flex>\n        </Flex>\n      </Flex>\n      {show && (\n        <Flex sx={styles.container}>\n          <Flex sx={styles.buttonsContainer}>\n            <Flex sx={{ ...styles.button, mr: '15px' }} onClick={() => setChartOption('line')}>\n              <Svg icon=\"lineChart\" width={20} />\n            </Flex>\n            <Flex sx={styles.button} onClick={() => setChartOption('candleStick')}>\n              D\n            </Flex>\n          </Flex>\n          {historicalPrices && historicalPrices.length > 0 ? (\n            chartOption === 'line' ? (\n              <LineChart\n                historicalPrices={historicalPrices}\n                hasDiscount={hasDiscount}\n                bondPrice={bondPrice}\n                tokenPrice={selectedBond.payoutTokenPrice ?? '0'}\n              />\n            ) : (\n              <CandleStickChart\n                historicalPrices={historicalPrices}\n                hasDiscount={hasDiscount}\n                bondPrice={bondPrice}\n                tokenPrice={selectedBond.payoutTokenPrice ?? '0'}\n              />\n            )\n          ) : (\n            <Flex sx={{ flexDirection: 'column', justifyContent: 'center', alignItems: 'center', width: '100%' }}>\n              <Svg icon=\"placeholderMonkey\" />\n              <Flex sx={{ mt: '15px' }}>No Historical Price for this Token</Flex>\n            </Flex>\n          )}\n        </Flex>\n      )}\n    </Flex>\n  )\n}\n\nexport default PriceChart\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/views/ProjectView/components/ProjectInfo/index.js

@@ -1,19 +1,5 @@
 import { jsxs, jsx } from 'theme-ui/jsx-runtime';
-import '../../../../components/uikit-sdk/Svg/types.js';
 import Flex from '../../../../components/uikit-sdk/Flex/index.js';
-import 'theme-ui';
-import '../../../../components/uikit-sdk/Text/types.js';
-import '../../../../components/uikit-sdk/Checkbox/types.js';
-import '../../../../components/uikit-sdk/Skeleton/types.js';
-import '../../../../components/uikit-sdk/Skeleton/styles.js';
-import '../../../../components/uikit-sdk/TooltipBubble/index.js';
-import 'react';
-import 'framer-motion';
-import '../../../../components/uikit-sdk/Button/types.js';
-import '../../../../contexts/ModalContext.js';
-import '../../../FullBondsView/FullBondsView.js';
-import '../../../../components/uikit-sdk/Select/types.js';
-import '../../../../utils/campaignStyles.js';
 import { styles } from './styles.js';
 import SafeHTMLComponent from '../../../../components/SafeHTMLComponent/index.js';
 import useBondsList from '../../../../state/bonds/useBondsList.js';

package/dist/views/ProjectView/components/ProjectInfo/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/views/ProjectView/components/ProjectInfo/index.tsx"],"sourcesContent":["import React from 'react'\nimport { Flex } from '../../../../components/uikit-sdk'\nimport { styles } from './styles'\nimport SafeHTMLComponent from '../../../../components/SafeHTMLComponent'\nimport { BondsData } from '../../../../types/bonds'\nimport useBondsList from '../../../../state/bonds/useBondsList'\n\nconst ProjectInfo = ({ selectedBond2 }: { selectedBond2?: BondsData }) => {\n  const description: string | undefined = selectedBond2?.fullDescription ?? selectedBond2?.shortDescription\n  const { data: bondList } = useBondsList()\n\n  const selectedBond = bondList?.find(\n    (billsConfig) =>\n      billsConfig?.contractAddress?.[billsConfig?.chainId]?.toLowerCase() ===\n      selectedBond2?.contractAddress?.[selectedBond2.chainId]?.toLowerCase(),\n  )\n\n  return (\n    <Flex sx={styles.projectInfoContainer}>\n      <Flex sx={styles.tokenTitle}>About {selectedBond?.earnToken.symbol}</Flex>\n      <Flex sx={styles.fullDescription}>{description && <SafeHTMLComponent html={description} />}</Flex>\n      <Flex sx={{ flexDirection: 'column' }}>\n        {selectedBond?.featuredURLS && selectedBond?.featuredURLS?.length > 0 && (\n          <Flex sx={{ flexDirection: 'column', mt: '20px' }}>\n            <Flex sx={styles.tokenTitle}>Featured In</Flex>\n            <Flex sx={styles.imagesWrapper}>\n              {selectedBond?.featuredURLS?.map((featuredURLS, index) => (\n                <Flex key={`${featuredURLS}-${index}`} sx={styles.imageContainer}>\n                  <img\n                    src={featuredURLS}\n                    alt=\"featured-img\"\n                    style={{ width: '100%', height: '100%', objectFit: 'contain' }}\n                  />\n                </Flex>\n              ))}\n            </Flex>\n          </Flex>\n        )}\n        {selectedBond?.partnersURLS && selectedBond?.partnersURLS?.length > 0 && (\n          <Flex sx={{ flexDirection: 'column', mt: '20px' }}>\n            <Flex sx={styles.tokenTitle}>Partners</Flex>\n            <Flex sx={styles.imagesWrapper}>\n              {selectedBond?.partnersURLS?.map((partnerURL, index) => (\n                <Flex key={`${partnerURL}-${index}`} sx={styles.imageContainer}>\n                  <img\n                    src={partnerURL}\n                    alt=\"partner-img\"\n                    style={{ width: '100%', height: '100%', objectFit: 'contain' }}\n                  />\n                </Flex>\n              ))}\n            </Flex>\n          </Flex>\n        )}\n      </Flex>\n    </Flex>\n  )\n}\n\nexport default ProjectInfo\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../src/views/ProjectView/components/ProjectInfo/index.tsx"],"sourcesContent":["import React from 'react'\nimport Flex from '../../../../components/uikit-sdk/Flex'\nimport { styles } from './styles'\nimport SafeHTMLComponent from '../../../../components/SafeHTMLComponent'\nimport { BondsData } from '../../../../types/bonds'\nimport useBondsList from '../../../../state/bonds/useBondsList'\n\nconst ProjectInfo = ({ selectedBond2 }: { selectedBond2?: BondsData }) => {\n  const description: string | undefined = selectedBond2?.fullDescription ?? selectedBond2?.shortDescription\n  const { data: bondList } = useBondsList()\n\n  const selectedBond = bondList?.find(\n    (billsConfig) =>\n      billsConfig?.contractAddress?.[billsConfig?.chainId]?.toLowerCase() ===\n      selectedBond2?.contractAddress?.[selectedBond2.chainId]?.toLowerCase(),\n  )\n\n  return (\n    <Flex sx={styles.projectInfoContainer}>\n      <Flex sx={styles.tokenTitle}>About {selectedBond?.earnToken.symbol}</Flex>\n      <Flex sx={styles.fullDescription}>{description && <SafeHTMLComponent html={description} />}</Flex>\n      <Flex sx={{ flexDirection: 'column' }}>\n        {selectedBond?.featuredURLS && selectedBond?.featuredURLS?.length > 0 && (\n          <Flex sx={{ flexDirection: 'column', mt: '20px' }}>\n            <Flex sx={styles.tokenTitle}>Featured In</Flex>\n            <Flex sx={styles.imagesWrapper}>\n              {selectedBond?.featuredURLS?.map((featuredURLS, index) => (\n                <Flex key={`${featuredURLS}-${index}`} sx={styles.imageContainer}>\n                  <img\n                    src={featuredURLS}\n                    alt=\"featured-img\"\n                    style={{ width: '100%', height: '100%', objectFit: 'contain' }}\n                  />\n                </Flex>\n              ))}\n            </Flex>\n          </Flex>\n        )}\n        {selectedBond?.partnersURLS && selectedBond?.partnersURLS?.length > 0 && (\n          <Flex sx={{ flexDirection: 'column', mt: '20px' }}>\n            <Flex sx={styles.tokenTitle}>Partners</Flex>\n            <Flex sx={styles.imagesWrapper}>\n              {selectedBond?.partnersURLS?.map((partnerURL, index) => (\n                <Flex key={`${partnerURL}-${index}`} sx={styles.imageContainer}>\n                  <img\n                    src={partnerURL}\n                    alt=\"partner-img\"\n                    style={{ width: '100%', height: '100%', objectFit: 'contain' }}\n                  />\n                </Flex>\n              ))}\n            </Flex>\n          </Flex>\n        )}\n      </Flex>\n    </Flex>\n  )\n}\n\nexport default ProjectInfo\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/views/ProjectView/components/RecommendationCards/index.js

@@ -2,27 +2,14 @@ import { jsxs, jsx } from 'theme-ui/jsx-runtime';
 import { useState, useEffect } from 'react';
 import { useTopTags } from '../../../../hooks/useTopTags.js';
 import useBondsData from '../../../../state/bonds/useBondsData.js';
-import '../../../../components/uikit-sdk/Svg/types.js';
 import Flex from '../../../../components/uikit-sdk/Flex/index.js';
-import 'theme-ui';
-import '../../../../components/uikit-sdk/Text/types.js';
-import '../../../../components/uikit-sdk/Checkbox/types.js';
-import '../../../../components/uikit-sdk/Skeleton/types.js';
-import '../../../../components/uikit-sdk/Skeleton/styles.js';
-import '../../../../components/uikit-sdk/TooltipBubble/index.js';
-import 'framer-motion';
-import '../../../../components/uikit-sdk/Button/types.js';
-import '../../../../contexts/ModalContext.js';
-import '../../../FullBondsView/FullBondsView.js';
-import '../../../../components/uikit-sdk/Select/types.js';
-import '../../../../utils/campaignStyles.js';
 import RecommendationSelector from '../../../../components/MenuSelect/RecommendationSelector.js';
 import SmallRecommendationCard from '../../../Bonds/components/RecommendationCards/SmallRecommendationCard.js';
 import { TIERS_WEIGHT } from '../../../../state/tiers/useTierPoints.js';
 import { LaunchBondTiers } from '@ape.swap/apeswap-lists';
 import useGetBondRecommendations from '../../../../state/recommendations/useGetBondRecommendations.js';
 import { useHotBondContracts } from '../../../../state/hotBonds/useHotBonds.js';
-import { findHighestTrueBondPrice } from '../../../Bonds/utils.js';
+import { findHighestTrueBondPrice } from '../../../../utils/bondPriceHelpers.js';
 import useEVMAccount from '../../../../hooks/accounts/useEVMAccount.js';
 
 const RecommendationCards = () => {

package/dist/views/ProjectView/components/RecommendationCards/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/views/ProjectView/components/RecommendationCards/index.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react'\nimport { useTopTags } from '../../../../hooks/useTopTags'\nimport useBondsData from '../../../../state/bonds/useBondsData'\nimport { SmallCardBond } from '../../../Bonds/components/RecommendationCards'\nimport { Flex } from '../../../../components/uikit-sdk'\nimport RecommendationSelector from '../../../../components/MenuSelect/RecommendationSelector'\nimport SmallRecommendationCard from '../../../Bonds/components/RecommendationCards/SmallRecommendationCard'\nimport { TIERS_WEIGHT } from '../../../../state/tiers/useTierPoints'\nimport { LaunchBondTiers } from '@ape.swap/apeswap-lists'\nimport useGetBondRecommendations from '../../../../state/recommendations/useGetBondRecommendations'\nimport { useHotBondContracts } from '../../../../state/hotBonds/useHotBonds'\nimport { findHighestTrueBondPrice } from '../../../Bonds/utils'\nimport useEVMAccount from '../../../../hooks/accounts/useEVMAccount'\n\nconst RecommendationCards = () => {\n  const topTags = useTopTags()\n  const { address: account } = useEVMAccount()\n  const options = account ? ['For You', 'Hot', ...topTags] : ['Hot', ...topTags]\n  const [activeOption, setActiveOption] = useState(options[0])\n  const { data: hotBonds } = useHotBondContracts()\n\n  const { data: forYouRecommendations } = useGetBondRecommendations(account, undefined, '3')\n  const { data: bonds } = useBondsData()\n  const sortedBonds =\n    bonds && bonds?.length > 0\n      ? [...bonds].sort(\n          (a, b) =>\n            (findHighestTrueBondPrice(TIERS_WEIGHT[LaunchBondTiers.Legend], b?.trueBondPrices)?.bonus ?? 0) -\n            (findHighestTrueBondPrice(TIERS_WEIGHT[LaunchBondTiers.Legend], a?.trueBondPrices)?.bonus ?? 0),\n        )\n      : undefined\n\n  const filteredBonds = sortedBonds?.filter(\n    (bond) =>\n      bond?.tags?.includes(activeOption) &&\n      !bond?.soldOut &&\n      (findHighestTrueBondPrice(TIERS_WEIGHT[LaunchBondTiers.Legend], bond?.trueBondPrices)?.bonus ?? 0) < 50,\n  )\n\n  // This should come from the API\n  const hotRecommendations = sortedBonds?.filter((bond) =>\n    hotBonds?.includes(bond?.contractAddress?.[bond.chainId]?.toLowerCase() ?? ''),\n  )\n\n  const selectedBonds =\n    activeOption === 'For You' ? forYouRecommendations : activeOption === 'Hot' ? hotRecommendations : filteredBonds\n\n  const slicedBonds = selectedBonds\n    ?.sort(\n      (a, b) =>\n        ('discount' in b\n          ? b.discount\n          : (findHighestTrueBondPrice(TIERS_WEIGHT[LaunchBondTiers.Legend], b?.trueBondPrices)?.bonus ?? 0))! -\n        ('discount' in a\n          ? a.discount\n          : (findHighestTrueBondPrice(TIERS_WEIGHT[LaunchBondTiers.Legend], a?.trueBondPrices)?.bonus ?? 0))!,\n    )\n    ?.slice(0, 3)\n\n  const parsedBondsToRender: SmallCardBond[] | undefined = slicedBonds?.map((bond) => {\n    let contractAddress = ''\n    if ('contractAddress' in bond) {\n      contractAddress = bond.contractAddress as string\n    }\n    if ('billAddress' in bond) {\n      contractAddress = bond.billAddress as string\n    }\n\n    return {\n      payoutTokenName: bond?.showcaseTokenName ?? '',\n      contractAddress,\n      vestingTerm: bond.vestingTerm ?? 0,\n      bonus:\n        'bonus' in bond\n          ? bond.bonus\n          : (findHighestTrueBondPrice(TIERS_WEIGHT[LaunchBondTiers.Legend], bond?.trueBondPrices)?.bonusWithFee ?? 0),\n      chainId: bond.chainId,\n    }\n  })\n\n  useEffect(() => {\n    if (account) {\n      setActiveOption('For You')\n    } else {\n      setActiveOption('Hot')\n    }\n  }, [account])\n\n  return (\n    <Flex sx={{ mt: '15px', flexDirection: 'column', width: '100%', display: ['none', 'none', 'none', 'flex'] }}>\n      <Flex sx={{ width: '100%', justifyContent: 'space-between' }}>\n        <Flex>\n          <Flex\n            sx={{\n              width: ['60px', '60px', '60px', 'unset'],\n              mr: ['0px', '0px', '0px', '15px'],\n              alignItems: 'center',\n              color: 'grey',\n              fontSize: ['11px'],\n              fontWeight: 500,\n            }}\n          >\n            BONDS MARKETS:\n          </Flex>\n          <RecommendationSelector options={options} activeOption={activeOption} setActiveOption={setActiveOption} />\n        </Flex>\n        <Flex sx={{ display: ['none', 'none', 'none', 'flex'] }}>\n          <img\n            width={190}\n            height={20}\n            alt=\"poweredBy\"\n            src=\"/images/bills/powered.png\"\n            sx={{\n              width: '190px',\n              height: '20px',\n              cursor: 'pointer',\n            }}\n            onClick={() => window.open('/apebond-ai', '_blank')}\n          />\n        </Flex>\n      </Flex>\n      <Flex\n        sx={{\n          my: '10px',\n          minHeight: '47.45px',\n        }}\n      >\n        {parsedBondsToRender &&\n          parsedBondsToRender.length > 0 &&\n          parsedBondsToRender.map((bond, index) => {\n            return <SmallRecommendationCard recommendation={bond} key={`${bond.payoutTokenName}-${index}`} />\n          })}\n      </Flex>\n    </Flex>\n  )\n}\n\nexport default RecommendationCards\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../src/views/ProjectView/components/RecommendationCards/index.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react'\nimport { useTopTags } from '../../../../hooks/useTopTags'\nimport useBondsData from '../../../../state/bonds/useBondsData'\nimport { SmallCardBond } from '../../../Bonds/components/RecommendationCards'\nimport Flex from '../../../../components/uikit-sdk/Flex'\nimport RecommendationSelector from '../../../../components/MenuSelect/RecommendationSelector'\nimport SmallRecommendationCard from '../../../Bonds/components/RecommendationCards/SmallRecommendationCard'\nimport { TIERS_WEIGHT } from '../../../../state/tiers/useTierPoints'\nimport { LaunchBondTiers } from '@ape.swap/apeswap-lists'\nimport useGetBondRecommendations from '../../../../state/recommendations/useGetBondRecommendations'\nimport { useHotBondContracts } from '../../../../state/hotBonds/useHotBonds'\nimport { findHighestTrueBondPrice } from '../../../../utils/bondPriceHelpers'\nimport useEVMAccount from '../../../../hooks/accounts/useEVMAccount'\n\nconst RecommendationCards = () => {\n  const topTags = useTopTags()\n  const { address: account } = useEVMAccount()\n  const options = account ? ['For You', 'Hot', ...topTags] : ['Hot', ...topTags]\n  const [activeOption, setActiveOption] = useState(options[0])\n  const { data: hotBonds } = useHotBondContracts()\n\n  const { data: forYouRecommendations } = useGetBondRecommendations(account, undefined, '3')\n  const { data: bonds } = useBondsData()\n  const sortedBonds =\n    bonds && bonds?.length > 0\n      ? [...bonds].sort(\n          (a, b) =>\n            (findHighestTrueBondPrice(TIERS_WEIGHT[LaunchBondTiers.Legend], b?.trueBondPrices)?.bonus ?? 0) -\n            (findHighestTrueBondPrice(TIERS_WEIGHT[LaunchBondTiers.Legend], a?.trueBondPrices)?.bonus ?? 0),\n        )\n      : undefined\n\n  const filteredBonds = sortedBonds?.filter(\n    (bond) =>\n      bond?.tags?.includes(activeOption) &&\n      !bond?.soldOut &&\n      (findHighestTrueBondPrice(TIERS_WEIGHT[LaunchBondTiers.Legend], bond?.trueBondPrices)?.bonus ?? 0) < 50,\n  )\n\n  // This should come from the API\n  const hotRecommendations = sortedBonds?.filter((bond) =>\n    hotBonds?.includes(bond?.contractAddress?.[bond.chainId]?.toLowerCase() ?? ''),\n  )\n\n  const selectedBonds =\n    activeOption === 'For You' ? forYouRecommendations : activeOption === 'Hot' ? hotRecommendations : filteredBonds\n\n  const slicedBonds = selectedBonds\n    ?.sort(\n      (a, b) =>\n        ('discount' in b\n          ? b.discount\n          : (findHighestTrueBondPrice(TIERS_WEIGHT[LaunchBondTiers.Legend], b?.trueBondPrices)?.bonus ?? 0))! -\n        ('discount' in a\n          ? a.discount\n          : (findHighestTrueBondPrice(TIERS_WEIGHT[LaunchBondTiers.Legend], a?.trueBondPrices)?.bonus ?? 0))!,\n    )\n    ?.slice(0, 3)\n\n  const parsedBondsToRender: SmallCardBond[] | undefined = slicedBonds?.map((bond) => {\n    let contractAddress = ''\n    if ('contractAddress' in bond) {\n      contractAddress = bond.contractAddress as string\n    }\n    if ('billAddress' in bond) {\n      contractAddress = bond.billAddress as string\n    }\n\n    return {\n      payoutTokenName: bond?.showcaseTokenName ?? '',\n      contractAddress,\n      vestingTerm: bond.vestingTerm ?? 0,\n      bonus:\n        'bonus' in bond\n          ? bond.bonus\n          : (findHighestTrueBondPrice(TIERS_WEIGHT[LaunchBondTiers.Legend], bond?.trueBondPrices)?.bonusWithFee ?? 0),\n      chainId: bond.chainId,\n    }\n  })\n\n  useEffect(() => {\n    if (account) {\n      setActiveOption('For You')\n    } else {\n      setActiveOption('Hot')\n    }\n  }, [account])\n\n  return (\n    <Flex sx={{ mt: '15px', flexDirection: 'column', width: '100%', display: ['none', 'none', 'none', 'flex'] }}>\n      <Flex sx={{ width: '100%', justifyContent: 'space-between' }}>\n        <Flex>\n          <Flex\n            sx={{\n              width: ['60px', '60px', '60px', 'unset'],\n              mr: ['0px', '0px', '0px', '15px'],\n              alignItems: 'center',\n              color: 'grey',\n              fontSize: ['11px'],\n              fontWeight: 500,\n            }}\n          >\n            BONDS MARKETS:\n          </Flex>\n          <RecommendationSelector options={options} activeOption={activeOption} setActiveOption={setActiveOption} />\n        </Flex>\n        <Flex sx={{ display: ['none', 'none', 'none', 'flex'] }}>\n          <img\n            width={190}\n            height={20}\n            alt=\"poweredBy\"\n            src=\"/images/bills/powered.png\"\n            sx={{\n              width: '190px',\n              height: '20px',\n              cursor: 'pointer',\n            }}\n            onClick={() => window.open('/apebond-ai', '_blank')}\n          />\n        </Flex>\n      </Flex>\n      <Flex\n        sx={{\n          my: '10px',\n          minHeight: '47.45px',\n        }}\n      >\n        {parsedBondsToRender &&\n          parsedBondsToRender.length > 0 &&\n          parsedBondsToRender.map((bond, index) => {\n            return <SmallRecommendationCard recommendation={bond} key={`${bond.payoutTokenName}-${index}`} />\n          })}\n      </Flex>\n    </Flex>\n  )\n}\n\nexport default RecommendationCards\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/views/SingleBond/SingleBond.js

@@ -1,25 +1,13 @@
 import { jsx, jsxs } from 'theme-ui/jsx-runtime';
 import { useState } from 'react';
-import '../../components/uikit-sdk/Svg/types.js';
 import Flex from '../../components/uikit-sdk/Flex/index.js';
-import { Spinner } from 'theme-ui';
-import '../../components/uikit-sdk/Text/types.js';
-import '../../components/uikit-sdk/Checkbox/types.js';
-import '../../components/uikit-sdk/Skeleton/types.js';
-import '../../components/uikit-sdk/Skeleton/styles.js';
-import '../../components/uikit-sdk/TooltipBubble/index.js';
-import 'framer-motion';
-import '../../components/uikit-sdk/Button/types.js';
-import '../../contexts/ModalContext.js';
-import '../FullBondsView/FullBondsView.js';
-import '../../components/uikit-sdk/Select/types.js';
-import '../../utils/campaignStyles.js';
 import useBondsData from '../../state/bonds/useBondsData.js';
 import useBondsList from '../../state/bonds/useBondsList.js';
 import BuyComponent from '../BuyBond/BuyComponent.js';
 import TabNav from '../../components/uikit-sdk/TabNav/index.js';
 import YourBonds from '../YourBonds/YourBonds.js';
 import SoldOutBuyBondPlaceholder from './SoldOutBuyBondPlaceholder.js';
+import { Spinner } from 'theme-ui';
 
 const SingleBond = ({ tokenSymbol }) => {
     // Data Hooks

package/dist/views/SingleBond/SingleBond.js.map

@@ -1 +1 @@
-{"version":3,"file":"SingleBond.js","sources":["../../../src/views/SingleBond/SingleBond.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { Flex } from '../../components/uikit-sdk'\nimport useBondsData from '../../state/bonds/useBondsData'\nimport useBondsList from '../../state/bonds/useBondsList'\nimport BuyBond from '../BuyBond/BuyComponent'\nimport TabNav from '../../components/uikit-sdk/TabNav'\nimport YourBonds from '../YourBonds/YourBonds'\nimport SoldOutBuyBondPlaceholder from './SoldOutBuyBondPlaceholder'\nimport { Spinner } from 'theme-ui'\n\nexport interface SingleBondProps {\n  tokenSymbol?: string[]\n}\n\nconst SingleBond: React.FC<SingleBondProps> = ({ tokenSymbol }) => {\n  // Data Hooks\n  const { data: bonds, isFetched } = useBondsData()\n  const { data: allBonds } = useBondsList()\n\n  // State\n  const [activeTab, setActiveTab] = useState<string>('Buy Bond')\n\n  // Data\n  const filteredBonds = bonds?.filter((bond) =>\n    tokenSymbol?.some((symbol) => bond.earnToken.symbol?.toLowerCase() === symbol.toLowerCase()),\n  )\n  const soldOutBonds = allBonds?.filter((bond) =>\n    tokenSymbol?.some((symbol) => bond.earnToken.symbol?.toLowerCase() === symbol.toLowerCase()),\n  )\n  const activeBond = filteredBonds?.[0]\n  const soldOutBond = soldOutBonds?.[0]\n\n  const bondAddress = activeBond?.contractAddress?.[activeBond?.chainId]\n  const bondChain = activeBond?.chainId\n\n  return (\n    <Flex sx={{ flexDirection: 'column' }}>\n      <Flex\n        sx={{\n          flexDirection: 'column',\n        }}\n      >\n        <Flex sx={{ width: '100%', justifyContent: 'center', mb: '15px' }}>\n          <TabNav\n            activeTab={activeTab}\n            tabOptions={['Buy Bond', 'Your Bonds']}\n            onChangeActiveTab={(newValue: string) => setActiveTab(newValue)}\n          />\n        </Flex>\n        {activeTab === 'Buy Bond' ? (\n          <Flex\n            sx={{\n              background: activeTab === 'Buy Bond' && 'white2',\n              borderRadius: 'normal',\n              p: '0 20px 20px 20px',\n              mx: '10px',\n            }}\n          >\n            {activeBond ? (\n              <BuyBond bondAddress={bondAddress} bondChain={bondChain} />\n            ) : soldOutBond && isFetched ? (\n              <SoldOutBuyBondPlaceholder bond={soldOutBond} />\n            ) : isFetched ? (\n              <Flex sx={{ justifyContent: 'center', width: '100%', pt: '20px' }}>No bond</Flex>\n            ) : (\n              <Flex className=\"placeholder-monkey-wrapper\">\n                <Spinner size={100} />\n              </Flex>\n            )}\n          </Flex>\n        ) : (\n          <YourBonds showOnly={tokenSymbol?.[0]} />\n        )}\n      </Flex>\n    </Flex>\n  )\n}\n\nexport default SingleBond\n"],"names":["_jsx","_jsxs","BuyBond"],"mappings":"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"}
+{"version":3,"file":"SingleBond.js","sources":["../../../src/views/SingleBond/SingleBond.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport Flex from '../../components/uikit-sdk/Flex'\nimport useBondsData from '../../state/bonds/useBondsData'\nimport useBondsList from '../../state/bonds/useBondsList'\nimport BuyBond from '../BuyBond/BuyComponent'\nimport TabNav from '../../components/uikit-sdk/TabNav'\nimport YourBonds from '../YourBonds/YourBonds'\nimport SoldOutBuyBondPlaceholder from './SoldOutBuyBondPlaceholder'\nimport { Spinner } from 'theme-ui'\n\nexport interface SingleBondProps {\n  tokenSymbol?: string[]\n}\n\nconst SingleBond: React.FC<SingleBondProps> = ({ tokenSymbol }) => {\n  // Data Hooks\n  const { data: bonds, isFetched } = useBondsData()\n  const { data: allBonds } = useBondsList()\n\n  // State\n  const [activeTab, setActiveTab] = useState<string>('Buy Bond')\n\n  // Data\n  const filteredBonds = bonds?.filter((bond) =>\n    tokenSymbol?.some((symbol) => bond.earnToken.symbol?.toLowerCase() === symbol.toLowerCase()),\n  )\n  const soldOutBonds = allBonds?.filter((bond) =>\n    tokenSymbol?.some((symbol) => bond.earnToken.symbol?.toLowerCase() === symbol.toLowerCase()),\n  )\n  const activeBond = filteredBonds?.[0]\n  const soldOutBond = soldOutBonds?.[0]\n\n  const bondAddress = activeBond?.contractAddress?.[activeBond?.chainId]\n  const bondChain = activeBond?.chainId\n\n  return (\n    <Flex sx={{ flexDirection: 'column' }}>\n      <Flex\n        sx={{\n          flexDirection: 'column',\n        }}\n      >\n        <Flex sx={{ width: '100%', justifyContent: 'center', mb: '15px' }}>\n          <TabNav\n            activeTab={activeTab}\n            tabOptions={['Buy Bond', 'Your Bonds']}\n            onChangeActiveTab={(newValue: string) => setActiveTab(newValue)}\n          />\n        </Flex>\n        {activeTab === 'Buy Bond' ? (\n          <Flex\n            sx={{\n              background: activeTab === 'Buy Bond' && 'white2',\n              borderRadius: 'normal',\n              p: '0 20px 20px 20px',\n              mx: '10px',\n            }}\n          >\n            {activeBond ? (\n              <BuyBond bondAddress={bondAddress} bondChain={bondChain} />\n            ) : soldOutBond && isFetched ? (\n              <SoldOutBuyBondPlaceholder bond={soldOutBond} />\n            ) : isFetched ? (\n              <Flex sx={{ justifyContent: 'center', width: '100%', pt: '20px' }}>No bond</Flex>\n            ) : (\n              <Flex className=\"placeholder-monkey-wrapper\">\n                <Spinner size={100} />\n              </Flex>\n            )}\n          </Flex>\n        ) : (\n          <YourBonds showOnly={tokenSymbol?.[0]} />\n        )}\n      </Flex>\n    </Flex>\n  )\n}\n\nexport default SingleBond\n"],"names":["_jsx","_jsxs","BuyBond"],"mappings":";;;;;;;;;;;AAcA,MAAM,UAAU,GAA8B,CAAC,EAAE,WAAW,EAAE,KAAI;;IAEhE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,YAAY,EAAE;IACjD,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,YAAY,EAAE;;IAGzC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAS,UAAU,CAAC;;AAG9D,IAAA,MAAM,aAAa,GAAG,KAAK,EAAE,MAAM,CAAC,CAAC,IAAI,KACvC,WAAW,EAAE,IAAI,CAAC,CAAC,MAAM,KAAK,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,WAAW,EAAE,KAAK,MAAM,CAAC,WAAW,EAAE,CAAC,CAC7F;AACD,IAAA,MAAM,YAAY,GAAG,QAAQ,EAAE,MAAM,CAAC,CAAC,IAAI,KACzC,WAAW,EAAE,IAAI,CAAC,CAAC,MAAM,KAAK,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,WAAW,EAAE,KAAK,MAAM,CAAC,WAAW,EAAE,CAAC,CAC7F;AACD,IAAA,MAAM,UAAU,GAAG,aAAa,GAAG,CAAC,CAAC;AACrC,IAAA,MAAM,WAAW,GAAG,YAAY,GAAG,CAAC,CAAC;IAErC,MAAM,WAAW,GAAG,UAAU,EAAE,eAAe,GAAG,UAAU,EAAE,OAAO,CAAC;AACtE,IAAA,MAAM,SAAS,GAAG,UAAU,EAAE,OAAO;AAErC,IAAA,QACEA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,EAAA,QAAA,EACnCC,IAAA,CAAC,IAAI,EAAA,EACH,EAAE,EAAE;AACF,gBAAA,aAAa,EAAE,QAAQ;aACxB,EAAA,QAAA,EAAA,CAEDD,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,EAAA,QAAA,EAC/DA,GAAA,CAAC,MAAM,EAAA,EACL,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,CAAC,UAAU,EAAE,YAAY,CAAC,EACtC,iBAAiB,EAAE,CAAC,QAAgB,KAAK,YAAY,CAAC,QAAQ,CAAC,EAAA,CAC/D,EAAA,CACG,EACN,SAAS,KAAK,UAAU,IACvBA,GAAA,CAAC,IAAI,EAAA,EACH,EAAE,EAAE;AACF,wBAAA,UAAU,EAAE,SAAS,KAAK,UAAU,IAAI,QAAQ;AAChD,wBAAA,YAAY,EAAE,QAAQ;AACtB,wBAAA,CAAC,EAAE,kBAAkB;AACrB,wBAAA,EAAE,EAAE,MAAM;qBACX,EAAA,QAAA,EAEA,UAAU,IACTA,GAAA,CAACE,YAAO,EAAA,EAAC,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,EAAA,CAAI,IACzD,WAAW,IAAI,SAAS,IAC1BF,GAAA,CAAC,yBAAyB,EAAA,EAAC,IAAI,EAAE,WAAW,EAAA,CAAI,IAC9C,SAAS,IACXA,GAAA,CAAC,IAAI,IAAC,EAAE,EAAE,EAAE,cAAc,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAA,QAAA,EAAA,SAAA,EAAA,CAAgB,KAEjFA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,4BAA4B,EAAA,QAAA,EAC1CA,GAAA,CAAC,OAAO,EAAA,EAAC,IAAI,EAAE,GAAG,EAAA,CAAI,EAAA,CACjB,CACR,EAAA,CACI,KAEPA,GAAA,CAAC,SAAS,EAAA,EAAC,QAAQ,EAAE,WAAW,GAAG,CAAC,CAAC,GAAI,CAC1C,CAAA,EAAA,CACI,EAAA,CACF;AAEX;;;;"}

package/dist/views/SingleBond/SoldOutBuyBondPlaceholder.js

@@ -1,20 +1,7 @@
 import { jsx, jsxs, Fragment } from 'theme-ui/jsx-runtime';
 import { useState } from 'react';
-import '../../components/uikit-sdk/Svg/types.js';
-import Flex from '../../components/uikit-sdk/Flex/index.js';
-import 'theme-ui';
-import '../../components/uikit-sdk/Text/types.js';
-import '../../components/uikit-sdk/Checkbox/types.js';
-import '../../components/uikit-sdk/Skeleton/types.js';
-import '../../components/uikit-sdk/Skeleton/styles.js';
-import '../../components/uikit-sdk/TooltipBubble/index.js';
-import 'framer-motion';
 import Button from '../../components/uikit-sdk/Button/Button.js';
-import '../../components/uikit-sdk/Button/types.js';
-import '../../contexts/ModalContext.js';
-import '../FullBondsView/FullBondsView.js';
-import '../../components/uikit-sdk/Select/types.js';
-import '../../utils/campaignStyles.js';
+import Flex from '../../components/uikit-sdk/Flex/index.js';
 import TokenSelectorPanel from '../../components/TokenSelectorPanel/index.js';
 import useCurrencyBalance from '../../state/balance/useCurrencyBalance.js';
 import useTokenFromZapList from '../../hooks/useTokenFromZapList.js';

package/dist/views/SingleBond/SoldOutBuyBondPlaceholder.js.map

@@ -1 +1 @@
-{"version":3,"file":"SoldOutBuyBondPlaceholder.js","sources":["../../../src/views/SingleBond/SoldOutBuyBondPlaceholder.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { Button, Flex } from '../../components/uikit-sdk'\nimport { BillsConfig } from '@ape.swap/apeswap-lists'\nimport TokenSelectorPanel from '../../components/TokenSelectorPanel'\nimport useCurrencyBalance from '../../state/balance/useCurrencyBalance'\nimport useTokenFromZapList from '../../hooks/useTokenFromZapList'\nimport { useSDKConfig } from '../../state/useSDKConfig'\nimport { zapSupported } from '../../config/constants/variables'\nimport { getSymbol } from '../../utils/getNativeTicker'\nimport useGetUserEscrowWeight, { getUserTier } from '../../state/tiers/useTierPoints'\nimport BondModalHeader from '../BuyBond/components/BondModalHeader'\nimport { BondsData } from '../../types/bonds'\nimport ProjectDescription from '../BuyBond/components/ProjectDescription'\nimport BondCards from '../BuyBond/components/BondCards/BondCards'\nimport Estimations from '../BuyBond/components/Estimations'\nimport useEVMAccount from '../../hooks/accounts/useEVMAccount'\n\nexport interface SoldOutProps {\n  onDismiss?: () => void\n  bond: BillsConfig\n}\n\nconst SoldOutBuyBondPlaceholder: React.FC<SoldOutProps> = ({ bond }) => {\n  const SDKConfig = useSDKConfig()\n  // Hooks\n  const { address: account } = useEVMAccount()\n  const { data: userEscrowWeight } = useGetUserEscrowWeight()\n  const userTier = getUserTier(userEscrowWeight ?? '0')\n\n  // State\n  const bondData = bond\n  const minTier = bondData?.minTier !== undefined ? bondData.minTier : null\n  const [inputValue, setInputValue] = useState('')\n  const [inputTokenString] = useState(bondData?.lpToken?.address?.[bondData.chainId])\n\n  // Data\n  const inputToken = useTokenFromZapList(inputTokenString, bondData?.chainId, bondData?.lpToken)\n  const isZap = inputTokenString?.toLowerCase() !== bondData?.lpToken?.address?.[bondData?.chainId]?.toLowerCase()\n\n  const { data: inputCurrencyBalance } = useCurrencyBalance(\n    inputToken ?? null,\n    account ?? null,\n    bondData?.chainId ?? null,\n  )\n\n  return bondData ? (\n    <Flex className=\"modal-content\">\n      <Flex className=\"modaltable-container\">\n        <Flex\n          sx={{\n            position: 'absolute',\n            width: 'calc(100% + 40px)',\n            height: 'calc(100% + 20px)',\n            top: '0',\n            left: '-20px',\n            overflow: 'hidden',\n            borderRadius: 'normal',\n          }}\n        >\n          <Flex\n            sx={{\n              position: 'absolute',\n              width: '100%',\n              height: '100%',\n              zIndex: 999,\n              backgroundColor: 'rgba(255,255,255,0.1)',\n              backdropFilter: 'blur(1px)',\n              WebkitBackdropFilter: 'blur(1px)', // Ensure compatibility with Safari\n            }}\n          ></Flex>\n          <Flex\n            sx={{\n              position: 'absolute',\n              top: '50px',\n              left: '-50px',\n              backgroundColor: 'error',\n              color: 'white',\n              padding: '5px 20px',\n              fontSize: '14px',\n              fontWeight: 'bold',\n              transform: 'rotate(-45deg)',\n              zIndex: 1000, // Ensure it appears above other elements\n              boxShadow: '0 2px 4px rgba(0,0,0,0.2)',\n              width: '220px',\n              justifyContent: 'center',\n            }}\n          >\n            SOLD OUT\n          </Flex>\n        </Flex>\n        <BondModalHeader\n          bondData={bondData as unknown as BondsData}\n          // onDismiss={onDismiss}\n          showProjectInfoButton={SDKConfig?.referenceId === 'apebond'}\n        />\n        <ProjectDescription description={bondData.shortDescription} />\n        {/*@ts-ignore*/}\n        <BondCards bondData={{ ...bondData, bonusWithFee: -1 }} />\n        <Estimations\n          depositAmount={'0'}\n          /*@ts-ignore*/\n          bondData={bondData}\n          youSpendString={'0'}\n          isZap={isZap}\n          fetchingZapQuote={false}\n          zapError={false}\n        />\n        <TokenSelectorPanel\n          typedValue={inputValue}\n          setTypedValue={setInputValue}\n          selectedToken={inputToken}\n          handleValueBtn={() => null}\n          handleCurrencySelect={() => null}\n          bondChainId={bondData?.chainId}\n          enableZap={zapSupported.includes(bondData?.chainId)}\n          bondPrincipalToken={bondData?.lpToken}\n          tokenBalance={inputCurrencyBalance ?? undefined}\n          selectedTokenPrice={0}\n          inputDisabled={true}\n        />\n        <Flex className=\"modaltable-container button-container\">\n          {account && (minTier === null || (userTier !== null && userTier >= minTier)) && (\n            <Flex className=\"button-container get\">\n              <Button className=\"action-button\" variant=\"secondary\" fullWidth disabled>\n                Get {getSymbol(bondData?.lpToken)}\n              </Button>\n            </Flex>\n          )}\n          <Flex className=\"button-container buy\">\n            <Button className=\"action-button\" fullWidth disabled>\n              Buy\n            </Button>\n          </Flex>\n        </Flex>\n      </Flex>\n    </Flex>\n  ) : (\n    <></>\n  )\n}\nexport default SoldOutBuyBondPlaceholder\n"],"names":["useGetUserEscrowWeight","_jsx","_jsxs","_Fragment"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBA,MAAM,yBAAyB,GAA2B,CAAC,EAAE,IAAI,EAAE,KAAI;AACrE,IAAA,MAAM,SAAS,GAAG,YAAY,EAAE;;IAEhC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,aAAa,EAAE;IAC5C,MAAM,EAAE,IAAI,EAAE,gBAAgB,EAAE,GAAGA,aAAsB,EAAE;IAC3D,MAAM,QAAQ,GAAG,WAAW,CAAC,gBAAgB,IAAI,GAAG,CAAC;;IAGrD,MAAM,QAAQ,GAAG,IAAI;AACrB,IAAA,MAAM,OAAO,GAAG,QAAQ,EAAE,OAAO,KAAK,SAAS,GAAG,QAAQ,CAAC,OAAO,GAAG,IAAI;IACzE,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC;AAChD,IAAA,MAAM,CAAC,gBAAgB,CAAC,GAAG,QAAQ,CAAC,QAAQ,EAAE,OAAO,EAAE,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC;;AAGnF,IAAA,MAAM,UAAU,GAAG,mBAAmB,CAAC,gBAAgB,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAC;IAC9F,MAAM,KAAK,GAAG,gBAAgB,EAAE,WAAW,EAAE,KAAK,QAAQ,EAAE,OAAO,EAAE,OAAO,GAAG,QAAQ,EAAE,OAAO,CAAC,EAAE,WAAW,EAAE;IAEhH,MAAM,EAAE,IAAI,EAAE,oBAAoB,EAAE,GAAG,kBAAkB,CACvD,UAAU,IAAI,IAAI,EAClB,OAAO,IAAI,IAAI,EACf,QAAQ,EAAE,OAAO,IAAI,IAAI,CAC1B;IAED,OAAO,QAAQ,IACbC,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,eAAe,YAC7BC,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,sBAAsB,aACpCA,IAAA,CAAC,IAAI,EAAA,EACH,EAAE,EAAE;AACF,wBAAA,QAAQ,EAAE,UAAU;AACpB,wBAAA,KAAK,EAAE,mBAAmB;AAC1B,wBAAA,MAAM,EAAE,mBAAmB;AAC3B,wBAAA,GAAG,EAAE,GAAG;AACR,wBAAA,IAAI,EAAE,OAAO;AACb,wBAAA,QAAQ,EAAE,QAAQ;AAClB,wBAAA,YAAY,EAAE,QAAQ;AACvB,qBAAA,EAAA,QAAA,EAAA,CAEDD,GAAA,CAAC,IAAI,EAAA,EACH,EAAE,EAAE;AACF,gCAAA,QAAQ,EAAE,UAAU;AACpB,gCAAA,KAAK,EAAE,MAAM;AACb,gCAAA,MAAM,EAAE,MAAM;AACd,gCAAA,MAAM,EAAE,GAAG;AACX,gCAAA,eAAe,EAAE,uBAAuB;AACxC,gCAAA,cAAc,EAAE,WAAW;gCAC3B,oBAAoB,EAAE,WAAW;AAClC,6BAAA,EAAA,CACK,EACRA,GAAA,CAAC,IAAI,EAAA,EACH,EAAE,EAAE;AACF,gCAAA,QAAQ,EAAE,UAAU;AACpB,gCAAA,GAAG,EAAE,MAAM;AACX,gCAAA,IAAI,EAAE,OAAO;AACb,gCAAA,eAAe,EAAE,OAAO;AACxB,gCAAA,KAAK,EAAE,OAAO;AACd,gCAAA,OAAO,EAAE,UAAU;AACnB,gCAAA,QAAQ,EAAE,MAAM;AAChB,gCAAA,UAAU,EAAE,MAAM;AAClB,gCAAA,SAAS,EAAE,gBAAgB;gCAC3B,MAAM,EAAE,IAAI;AACZ,gCAAA,SAAS,EAAE,2BAA2B;AACtC,gCAAA,KAAK,EAAE,OAAO;AACd,gCAAA,cAAc,EAAE,QAAQ;AACzB,6BAAA,EAAA,QAAA,EAAA,UAAA,EAAA,CAGI,IACF,EACPA,GAAA,CAAC,eAAe,EAAA,EACd,QAAQ,EAAE,QAAgC;;AAE1C,oBAAA,qBAAqB,EAAE,SAAS,EAAE,WAAW,KAAK,SAAS,EAAA,CAC3D,EACFA,GAAA,CAAC,kBAAkB,IAAC,WAAW,EAAE,QAAQ,CAAC,gBAAgB,GAAI,EAE9DA,GAAA,CAAC,SAAS,EAAA,EAAC,QAAQ,EAAE,EAAE,GAAG,QAAQ,EAAE,YAAY,EAAE,EAAE,EAAE,GAAI,EAC1DA,GAAA,CAAC,WAAW,EAAA,EACV,aAAa,EAAE,GAAG;;AAElB,oBAAA,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,GAAG,EACnB,KAAK,EAAE,KAAK,EACZ,gBAAgB,EAAE,KAAK,EACvB,QAAQ,EAAE,KAAK,EAAA,CACf,EACFA,GAAA,CAAC,kBAAkB,IACjB,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,aAAa,EAAE,UAAU,EACzB,cAAc,EAAE,MAAM,IAAI,EAC1B,oBAAoB,EAAE,MAAM,IAAI,EAChC,WAAW,EAAE,QAAQ,EAAE,OAAO,EAC9B,SAAS,EAAE,YAAY,CAAC,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC,EACnD,kBAAkB,EAAE,QAAQ,EAAE,OAAO,EACrC,YAAY,EAAE,oBAAoB,IAAI,SAAS,EAC/C,kBAAkB,EAAE,CAAC,EACrB,aAAa,EAAE,IAAI,EAAA,CACnB,EACFC,IAAA,CAAC,IAAI,IAAC,SAAS,EAAC,uCAAuC,EAAA,QAAA,EAAA,CACpD,OAAO,KAAK,OAAO,KAAK,IAAI,KAAK,QAAQ,KAAK,IAAI,IAAI,QAAQ,IAAI,OAAO,CAAC,CAAC,KAC1ED,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,sBAAsB,EAAA,QAAA,EACpCC,IAAA,CAAC,MAAM,IAAC,SAAS,EAAC,eAAe,EAAC,OAAO,EAAC,WAAW,EAAC,SAAS,EAAA,IAAA,EAAC,QAAQ,EAAA,IAAA,EAAA,QAAA,EAAA,CAAA,MAAA,EACjE,SAAS,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA,EAAA,CAC1B,EAAA,CACJ,CACR,EACDD,GAAA,CAAC,IAAI,IAAC,SAAS,EAAC,sBAAsB,EAAA,QAAA,EACpCA,GAAA,CAAC,MAAM,EAAA,EAAC,SAAS,EAAC,eAAe,EAAC,SAAS,EAAA,IAAA,EAAC,QAAQ,EAAA,IAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAE3C,EAAA,CACJ,IACF,CAAA,EAAA,CACF,EAAA,CACF,KAEPA,GAAA,CAAAE,QAAA,EAAA,EAAA,CAAK,CACN;AACH;;;;"}
+{"version":3,"file":"SoldOutBuyBondPlaceholder.js","sources":["../../../src/views/SingleBond/SoldOutBuyBondPlaceholder.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport Button from '../../components/uikit-sdk/Button/Button'\nimport Flex from '../../components/uikit-sdk/Flex'\nimport { BillsConfig } from '@ape.swap/apeswap-lists'\nimport TokenSelectorPanel from '../../components/TokenSelectorPanel'\nimport useCurrencyBalance from '../../state/balance/useCurrencyBalance'\nimport useTokenFromZapList from '../../hooks/useTokenFromZapList'\nimport { useSDKConfig } from '../../state/useSDKConfig'\nimport { zapSupported } from '../../config/constants/variables'\nimport { getSymbol } from '../../utils/getNativeTicker'\nimport useGetUserEscrowWeight, { getUserTier } from '../../state/tiers/useTierPoints'\nimport BondModalHeader from '../BuyBond/components/BondModalHeader'\nimport { BondsData } from '../../types/bonds'\nimport ProjectDescription from '../BuyBond/components/ProjectDescription'\nimport BondCards from '../BuyBond/components/BondCards/BondCards'\nimport Estimations from '../BuyBond/components/Estimations'\nimport useEVMAccount from '../../hooks/accounts/useEVMAccount'\n\nexport interface SoldOutProps {\n  onDismiss?: () => void\n  bond: BillsConfig\n}\n\nconst SoldOutBuyBondPlaceholder: React.FC<SoldOutProps> = ({ bond }) => {\n  const SDKConfig = useSDKConfig()\n  // Hooks\n  const { address: account } = useEVMAccount()\n  const { data: userEscrowWeight } = useGetUserEscrowWeight()\n  const userTier = getUserTier(userEscrowWeight ?? '0')\n\n  // State\n  const bondData = bond\n  const minTier = bondData?.minTier !== undefined ? bondData.minTier : null\n  const [inputValue, setInputValue] = useState('')\n  const [inputTokenString] = useState(bondData?.lpToken?.address?.[bondData.chainId])\n\n  // Data\n  const inputToken = useTokenFromZapList(inputTokenString, bondData?.chainId, bondData?.lpToken)\n  const isZap = inputTokenString?.toLowerCase() !== bondData?.lpToken?.address?.[bondData?.chainId]?.toLowerCase()\n\n  const { data: inputCurrencyBalance } = useCurrencyBalance(\n    inputToken ?? null,\n    account ?? null,\n    bondData?.chainId ?? null,\n  )\n\n  return bondData ? (\n    <Flex className=\"modal-content\">\n      <Flex className=\"modaltable-container\">\n        <Flex\n          sx={{\n            position: 'absolute',\n            width: 'calc(100% + 40px)',\n            height: 'calc(100% + 20px)',\n            top: '0',\n            left: '-20px',\n            overflow: 'hidden',\n            borderRadius: 'normal',\n          }}\n        >\n          <Flex\n            sx={{\n              position: 'absolute',\n              width: '100%',\n              height: '100%',\n              zIndex: 999,\n              backgroundColor: 'rgba(255,255,255,0.1)',\n              backdropFilter: 'blur(1px)',\n              WebkitBackdropFilter: 'blur(1px)', // Ensure compatibility with Safari\n            }}\n          ></Flex>\n          <Flex\n            sx={{\n              position: 'absolute',\n              top: '50px',\n              left: '-50px',\n              backgroundColor: 'error',\n              color: 'white',\n              padding: '5px 20px',\n              fontSize: '14px',\n              fontWeight: 'bold',\n              transform: 'rotate(-45deg)',\n              zIndex: 1000, // Ensure it appears above other elements\n              boxShadow: '0 2px 4px rgba(0,0,0,0.2)',\n              width: '220px',\n              justifyContent: 'center',\n            }}\n          >\n            SOLD OUT\n          </Flex>\n        </Flex>\n        <BondModalHeader\n          bondData={bondData as unknown as BondsData}\n          // onDismiss={onDismiss}\n          showProjectInfoButton={SDKConfig?.referenceId === 'apebond'}\n        />\n        <ProjectDescription description={bondData.shortDescription} />\n        {/*@ts-ignore*/}\n        <BondCards bondData={{ ...bondData, bonusWithFee: -1 }} />\n        <Estimations\n          depositAmount={'0'}\n          /*@ts-ignore*/\n          bondData={bondData}\n          youSpendString={'0'}\n          isZap={isZap}\n          fetchingZapQuote={false}\n          zapError={false}\n        />\n        <TokenSelectorPanel\n          typedValue={inputValue}\n          setTypedValue={setInputValue}\n          selectedToken={inputToken}\n          handleValueBtn={() => null}\n          handleCurrencySelect={() => null}\n          bondChainId={bondData?.chainId}\n          enableZap={zapSupported.includes(bondData?.chainId)}\n          bondPrincipalToken={bondData?.lpToken}\n          tokenBalance={inputCurrencyBalance ?? undefined}\n          selectedTokenPrice={0}\n          inputDisabled={true}\n        />\n        <Flex className=\"modaltable-container button-container\">\n          {account && (minTier === null || (userTier !== null && userTier >= minTier)) && (\n            <Flex className=\"button-container get\">\n              <Button className=\"action-button\" variant=\"secondary\" fullWidth disabled>\n                Get {getSymbol(bondData?.lpToken)}\n              </Button>\n            </Flex>\n          )}\n          <Flex className=\"button-container buy\">\n            <Button className=\"action-button\" fullWidth disabled>\n              Buy\n            </Button>\n          </Flex>\n        </Flex>\n      </Flex>\n    </Flex>\n  ) : (\n    <></>\n  )\n}\nexport default SoldOutBuyBondPlaceholder\n"],"names":["useGetUserEscrowWeight","_jsx","_jsxs","_Fragment"],"mappings":"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"}

package/dist/views/TransactionModal/TransactionModal.js

@@ -1,21 +1,9 @@
 import { jsxs, jsx } from 'theme-ui/jsx-runtime';
 import { useMemo, useState, useRef, useEffect } from 'react';
-import Svg from '../../components/uikit-sdk/Svg/index.js';
+import Button from '../../components/uikit-sdk/Button/Button.js';
 import Flex from '../../components/uikit-sdk/Flex/index.js';
-import 'theme-ui';
-import '../../components/uikit-sdk/Text/types.js';
-import '../../components/uikit-sdk/Checkbox/types.js';
-import '../../components/uikit-sdk/Skeleton/types.js';
-import '../../components/uikit-sdk/Skeleton/styles.js';
-import '../../components/uikit-sdk/TooltipBubble/index.js';
 import Modal from '../../components/uikit-sdk/Modal/index.js';
-import 'framer-motion';
-import '../FullBondsView/FullBondsView.js';
-import Button from '../../components/uikit-sdk/Button/Button.js';
-import '../../components/uikit-sdk/Svg/types.js';
-import '../../components/uikit-sdk/Button/types.js';
-import '../../components/uikit-sdk/Select/types.js';
-import '../../utils/campaignStyles.js';
+import Svg from '../../components/uikit-sdk/Svg/index.js';
 import StepBubble from '../../components/StepBubble/index.js';
 import LoadingSpinner from '../../components/LoadingSpinner/index.js';
 import { useSwitchChain } from 'wagmi';
@@ -32,7 +20,7 @@ import isArray from 'lodash-es/isArray.js';
 import { useSDKConfig } from '../../state/useSDKConfig.js';
 import { getTimePeriods } from '../../utils/getTimePeriods.js';
 import { formatNumberSI } from '../../utils/formatNumber.js';
-import { findHighestTrueBondPrice } from '../Bonds/utils.js';
+import { findHighestTrueBondPrice } from '../../utils/bondPriceHelpers.js';
 import useEVMAccount from '../../hooks/accounts/useEVMAccount.js';
 
 const stepDelay = 1000;

package/dist/views/TransactionModal/TransactionModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"TransactionModal.js","sources":["../../../src/views/TransactionModal/TransactionModal.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useRef, useState } from 'react'\nimport { Button, Flex, Modal, Svg } from '../../components/uikit-sdk'\nimport StepBubble from '../../components/StepBubble'\nimport LoadingSpinner from '../../components/LoadingSpinner'\nimport { useSwitchChain } from 'wagmi'\nimport { NETWORK_LABEL } from '../../config/constants/chains'\nimport ModalHeader from '../../components/uikit-sdk/Modal/ModalHeader'\nimport { ApprovalState } from '../../state/allowance/useAllowance'\nimport {\n  discountEarnTokenPriceForUser,\n  earnTokenPrice,\n  getPayoutAmount,\n  getVestingTermsString,\n} from '../../utils/displayHelpers'\nimport TokenImage from '../../components/uikit-sdk/TokenImage'\nimport useTierPoints, { getUserTier, TIERS_WEIGHT } from '../../state/tiers/useTierPoints'\nimport { BondsData } from '../../types/bonds'\nimport useCurrencyPrice from '../../state/price/useCurrencyPrice'\nimport { ChainId, Token } from '@ape.swap/apeswap-lists'\nimport { useMonitorTx } from '../../hooks/useMonitorTx'\nimport { getSymbol } from '../../utils/getNativeTicker'\nimport isArray from 'lodash-es/isArray.js'\nimport { useSDKConfig } from '../../state/useSDKConfig'\nimport { getTimePeriods } from '../../utils/getTimePeriods'\nimport { formatNumberSI } from '../../utils/formatNumber'\nimport { findHighestTrueBondPrice } from '../Bonds/utils'\nimport useEVMAccount from '../../hooks/accounts/useEVMAccount'\n\nconst stepDelay = 1000\n\nconst TransactionModal = ({\n  onDismiss,\n  txChain,\n  approvalState,\n  approveCallback,\n  loadingTx,\n  txCallback,\n  bondData,\n  inputToken,\n  inputValue,\n  depositAmount,\n  buyTxHash,\n  rateChanged,\n}: {\n  onDismiss?: () => void\n  txChain?: number\n  approvalState?: ApprovalState\n  approveCallback?: () => Promise<void>\n  loadingTx?: boolean\n  txCallback?: () => void\n  bondData: BondsData\n  inputToken: Token | 'NATIVE' | undefined\n  inputValue: string\n  depositAmount: string\n  buyTxHash?: string\n  rateChanged: boolean\n}) => {\n  // Hooks\n  const { chain } = useEVMAccount()\n  const { data: userPoints } = useTierPoints()\n  const inputTokenPrice = useCurrencyPrice(inputToken ?? null, txChain as ChainId)\n  const { switchChainAsync } = useSwitchChain()\n  const SDKConfig = useSDKConfig()\n\n  // Flow\n  const initialChain = useMemo(\n    () => chain?.id,\n    /* eslint-disable react-hooks/exhaustive-deps */\n    [],\n  )\n  const showSwitchChainFlow = txChain !== initialChain\n  // const showSwitchChainFlow = true\n  const [hasToSwitchChain, setHasToSwitchChain] = useState<boolean>(showSwitchChainFlow)\n  const [hasToApprove, setHasToApprove] = useState<boolean>(true)\n\n  // Loading state\n  const [loadingSwitchChain, setLoadingSwitchChain] = useState<boolean>(false)\n  const [approveLoading, setApproveLoading] = useState<boolean>(false)\n\n  // Values for regular bonds\n  const estimatedOutputAmount = getPayoutAmount(bondData, depositAmount, userPoints ?? '0')\n  const estimatedOutputUSD = estimatedOutputAmount * parseFloat(bondData?.payoutTokenPrice ?? '0')\n  const preTGEEstimatedOutput = parseFloat(inputValue) / (bondData?.initPrice ?? 0)\n  const preTGEEstimatedOutputUSD = preTGEEstimatedOutput * (bondData?.tgePrice ?? 0)\n\n  const handleSwitchChain = () => {\n    setLoadingSwitchChain(true)\n    switchChainAsync({ chainId: txChain! })\n      .then(() => {\n        setHasToSwitchChain(false)\n        setApproveLoading(true)\n      })\n      .catch((e) => console.error(e))\n      .finally(() => {\n        setLoadingSwitchChain(false)\n      })\n  }\n\n  const handleApprove = () => {\n    setApproveLoading(true)\n    approveCallback?.().catch(() => {\n      setApproveLoading(false)\n    })\n  }\n\n  // Switch Chain Step #1\n  const hasTriggeredSwitch = useRef(false)\n  useEffect(() => {\n    if (hasToSwitchChain && !hasTriggeredSwitch.current) {\n      setLoadingSwitchChain(true)\n      const delay = setTimeout(() => {\n        hasTriggeredSwitch.current = true\n        handleSwitchChain()\n      }, stepDelay)\n      return () => clearTimeout(delay)\n    }\n    /* eslint-disable react-hooks/exhaustive-deps */\n  }, [hasToSwitchChain])\n\n  // Trigger approve Step #2\n  const hasTriggeredApproval = useRef(false)\n  useEffect(() => {\n    if (!hasToSwitchChain || !showSwitchChainFlow) {\n      if (approvalState === ApprovalState.APPROVED) {\n        setApproveLoading(true)\n        const delay = setTimeout(() => {\n          setApproveLoading(false)\n          setHasToApprove(false)\n        }, stepDelay)\n        return () => clearTimeout(delay)\n      } else if (!hasTriggeredApproval.current && approvalState !== ApprovalState.PENDING) {\n        setApproveLoading(true)\n        hasTriggeredApproval.current = true\n        handleApprove()\n      }\n    }\n    /* eslint-disable react-hooks/exhaustive-deps */\n  }, [hasToSwitchChain, approvalState])\n\n  // Execute main tx Step #3\n  const hasTriggeredTx = useRef(false)\n  useEffect(() => {\n    if (!hasToSwitchChain && !hasToApprove && !hasTriggeredTx.current) {\n      hasTriggeredTx.current = true\n      if (rateChanged) {\n        onDismiss?.()\n      } else {\n        setApproveLoading(false)\n        txCallback?.()\n      }\n    }\n    /* eslint-disable react-hooks/exhaustive-deps */\n  }, [hasToSwitchChain, hasToApprove, txCallback])\n\n  // Close modal if a hash is found. Final Step\n  const { data: txReceipt, isSuccess, isLoading: verifyingTx } = useMonitorTx(buyTxHash, txChain)\n  useEffect(() => {\n    if (buyTxHash && txReceipt) {\n      if (isSuccess) {\n        onDismiss?.()\n      }\n    }\n    /* eslint-disable react-hooks/exhaustive-deps */\n  }, [buyTxHash, txReceipt, isSuccess])\n\n  const currentStep: number = showSwitchChainFlow ? (hasToSwitchChain ? 1 : hasToApprove ? 2 : 3) : hasToApprove ? 1 : 2\n  const splited = typeof inputToken !== 'string' ? inputToken?.symbol?.split('-') : undefined\n  const trueBondPrice = findHighestTrueBondPrice(\n    // @ts-ignore\n    TIERS_WEIGHT[getUserTier(userPoints)] ?? '0',\n    bondData?.trueBondPrices,\n  )\n\n  return (\n    <Modal>\n      <ModalHeader onDismiss={onDismiss} hideDivider />\n      <Flex sx={{ flexDirection: 'column', width: '100%' }}>\n        <Flex sx={{ width: '100%', alignItems: 'center', p: '10px' }}>\n          {showSwitchChainFlow && (\n            <StepBubble number={1} title={'Switch Chain'} currentStep={currentStep} loading={loadingSwitchChain} />\n          )}\n          <StepBubble\n            number={showSwitchChainFlow ? 2 : 1}\n            title={'Approve'}\n            currentStep={currentStep}\n            loading={approveLoading || approvalState === ApprovalState.PENDING}\n          />\n          <StepBubble\n            number={showSwitchChainFlow ? 3 : 2}\n            title={'Buy'}\n            currentStep={currentStep}\n            loading={loadingTx || verifyingTx}\n            hideBar\n          />\n        </Flex>\n        <Flex sx={{ width: '100%', mt: '40px', justifyContent: 'center' }}>\n          <LoadingSpinner\n            isLoading={\n              loadingSwitchChain ||\n              approveLoading ||\n              loadingTx ||\n              verifyingTx ||\n              approvalState === ApprovalState.PENDING\n            }\n            size={100}\n          />\n        </Flex>\n        <Flex sx={{ width: '100%', justifyContent: 'center', mt: '10px' }}>\n          {hasToSwitchChain\n            ? loadingSwitchChain\n              ? 'Switching Chain...'\n              : 'Switch Chain'\n            : hasToApprove\n              ? approveLoading || approvalState === ApprovalState.PENDING\n                ? 'Approving...'\n                : 'Approve Contract'\n              : loadingTx || verifyingTx\n                ? 'Buying...'\n                : 'Buy'}\n        </Flex>\n        {bondData.billType === 'fcfs' ? (\n          <Flex sx={{ width: '100%', flexDirection: 'column', mt: '20px' }}>\n            <Flex\n              sx={{\n                width: '100%',\n                background: 'white3',\n                p: '5px',\n                borderRadius: 'normal',\n                color: 'textDisabledButton',\n                justifyContent: 'center',\n              }}\n            >\n              {bondData.earnToken.symbol} ({getTimePeriods(bondData?.vestingTerm).months} Mo)\n            </Flex>\n            <Flex sx={{ width: '100%', background: 'white3', p: '10px', borderRadius: 'normal', mt: '10px' }}>\n              <TokenImage symbol={bondData.earnToken.symbol} size={40} chain={txChain} />\n              <Flex sx={{ width: '100%', justifyContent: 'space-between', alignItems: 'center' }}>\n                <Flex sx={{ flexDirection: 'column', fontSize: '12px', ml: '10px' }}>\n                  <Flex sx={{ color: 'textDisabledButton', fontWeight: 400, textDecoration: 'line-through' }}>\n                    ${bondData.tgePrice}\n                  </Flex>\n                  <Flex sx={{ color: 'green', fontWeight: 600 }}>${bondData.initPrice}</Flex>\n                </Flex>\n                <Flex\n                  sx={{\n                    p: '5px',\n                    borderRadius: 'normal',\n                    border: '1px solid var(--theme-ui-colors-success)',\n                    background: 'rgba(56, 166, 17, 0.13)',\n                    color: 'success',\n                    lineHeight: '18px',\n                  }}\n                >\n                  {trueBondPrice?.bonusWithFee?.toFixed(2)} % Bonus\n                </Flex>\n              </Flex>\n            </Flex>\n            <Flex sx={{ width: '100%', justifyContent: 'space-between', mt: '10px' }}>\n              <Flex\n                sx={{ p: '10px', borderRadius: 'normal', background: 'white3', alignItems: 'center', width: '45%' }}\n              >\n                {isArray(splited) ? (\n                  <TokenImage symbol={splited[0]} symbol2={splited[1]} size={20} chain={txChain} />\n                ) : (\n                  <TokenImage symbol={getSymbol(inputToken, txChain)} size={20} chain={txChain} />\n                )}\n                <Flex sx={{ fontSize: '14px', fontWeight: 600, mx: '5px' }}>\n                  {formatNumberSI(inputValue, 4) ?? '0'}\n                </Flex>\n                <Flex sx={{ color: 'textDisabledButton', fontSize: '12px', fontWeight: 400 }}>\n                  (\n                  {inputTokenPrice?.price && inputValue\n                    ? `$${formatNumberSI(inputTokenPrice?.price * parseFloat(inputValue))}`\n                    : '0.00'}\n                  )\n                </Flex>\n              </Flex>\n              <Svg icon={'arrow'} direction={'right'} width={'10px'} />\n              <Flex\n                sx={{ p: '10px', borderRadius: 'normal', background: 'white3', alignItems: 'center', width: '45%' }}\n              >\n                <TokenImage symbol={getSymbol(bondData.earnToken, txChain)} chain={txChain} size={20} />\n                <Flex sx={{ fontSize: '14px', fontWeight: 600, mx: '5px' }}>\n                  {formatNumberSI(preTGEEstimatedOutput, 4)}\n                </Flex>\n                <Flex sx={{ color: 'textDisabledButton', fontSize: '12px', fontWeight: 400 }}>\n                  (${formatNumberSI(preTGEEstimatedOutputUSD)})\n                </Flex>\n              </Flex>\n            </Flex>\n          </Flex>\n        ) : (\n          <Flex sx={{ width: '100%', flexDirection: 'column', mt: '20px' }}>\n            <Flex\n              sx={{\n                width: '100%',\n                background: 'white3',\n                p: '5px',\n                borderRadius: 'normal',\n                color: 'textDisabledButton',\n                justifyContent: 'center',\n              }}\n            >\n              {bondData.earnToken.symbol} ({getVestingTermsString(bondData)})\n            </Flex>\n            <Flex sx={{ width: '100%', background: 'white3', p: '10px', borderRadius: 'normal', mt: '10px' }}>\n              <TokenImage symbol={bondData.earnToken.symbol} size={40} chain={txChain} />\n              <Flex sx={{ width: '100%', justifyContent: 'space-between', alignItems: 'center' }}>\n                <Flex sx={{ flexDirection: 'column', fontSize: '12px', ml: '10px' }}>\n                  <Flex sx={{ color: 'textDisabledButton', fontWeight: 400, textDecoration: 'line-through' }}>\n                    ${earnTokenPrice(bondData)}\n                  </Flex>\n                  <Flex sx={{ color: 'green', fontWeight: 600 }}>\n                    $\n                    {discountEarnTokenPriceForUser(bondData, SDKConfig.useTiers, getUserTier(userPoints!) ?? undefined)}\n                  </Flex>\n                </Flex>\n                <Flex\n                  sx={{\n                    p: '5px',\n                    borderRadius: 'normal',\n                    border: '1px solid var(--theme-ui-colors-success)',\n                    background: 'rgba(56, 166, 17, 0.13)',\n                    color: 'success',\n                    lineHeight: '18px',\n                  }}\n                >\n                  {trueBondPrice?.bonusWithFee?.toFixed(2)} % Bonus\n                </Flex>\n              </Flex>\n            </Flex>\n            <Flex sx={{ width: '100%', justifyContent: 'space-between', mt: '10px' }}>\n              <Flex\n                sx={{ p: '10px', borderRadius: 'normal', background: 'white3', alignItems: 'center', width: '45%' }}\n              >\n                {isArray(splited) ? (\n                  <TokenImage symbol={splited[0]} symbol2={splited[1]} size={20} chain={txChain} />\n                ) : (\n                  <TokenImage symbol={getSymbol(inputToken, txChain)} size={20} chain={txChain} />\n                )}\n                <Flex sx={{ fontSize: '14px', fontWeight: 600, mx: '5px' }}>\n                  {formatNumberSI(inputValue, 4) ?? '0'}\n                </Flex>\n                <Flex sx={{ color: 'textDisabledButton', fontSize: '12px', fontWeight: 400 }}>\n                  (\n                  {inputTokenPrice?.price && inputValue\n                    ? `$${formatNumberSI(inputTokenPrice?.price * parseFloat(inputValue))}`\n                    : '0.00'}\n                  )\n                </Flex>\n              </Flex>\n              <Svg icon={'arrow'} direction={'right'} width={'10px'} />\n              <Flex\n                sx={{ p: '10px', borderRadius: 'normal', background: 'white3', alignItems: 'center', width: '45%' }}\n              >\n                <TokenImage symbol={getSymbol(bondData.earnToken, txChain)} chain={txChain} size={20} />\n                <Flex sx={{ fontSize: '14px', fontWeight: 600, mx: '5px' }}>\n                  {formatNumberSI(estimatedOutputAmount, 4)}\n                </Flex>\n                <Flex sx={{ color: 'textDisabledButton', fontSize: '12px', fontWeight: 400 }}>\n                  (${formatNumberSI(estimatedOutputUSD)})\n                </Flex>\n              </Flex>\n            </Flex>\n          </Flex>\n        )}\n\n        {/*\n\n        Action Buttons\n\n        */}\n        <Flex sx={{ mt: '20px' }}>\n          {hasToSwitchChain ? (\n            <Button load={loadingSwitchChain} disabled={loadingSwitchChain} onClick={handleSwitchChain} fullWidth>\n              switch to {NETWORK_LABEL[txChain!]}\n            </Button>\n          ) : !hasToApprove ? (\n            <Button load={loadingTx || verifyingTx} disabled={loadingTx || verifyingTx} onClick={txCallback} fullWidth>\n              buy\n            </Button>\n          ) : (\n            <Button\n              className=\"action-button\"\n              load={approvalState === ApprovalState.PENDING || approveLoading}\n              disabled={approvalState === ApprovalState.PENDING || approveLoading}\n              onClick={handleApprove}\n              fullWidth\n            >\n              Approve\n            </Button>\n          )}\n        </Flex>\n      </Flex>\n    </Modal>\n  )\n}\n\nexport default TransactionModal\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"TransactionModal.js","sources":["../../../src/views/TransactionModal/TransactionModal.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useRef, useState } from 'react'\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 StepBubble from '../../components/StepBubble'\nimport LoadingSpinner from '../../components/LoadingSpinner'\nimport { useSwitchChain } from 'wagmi'\nimport { NETWORK_LABEL } from '../../config/constants/chains'\nimport ModalHeader from '../../components/uikit-sdk/Modal/ModalHeader'\nimport { ApprovalState } from '../../state/allowance/useAllowance'\nimport {\n  discountEarnTokenPriceForUser,\n  earnTokenPrice,\n  getPayoutAmount,\n  getVestingTermsString,\n} from '../../utils/displayHelpers'\nimport TokenImage from '../../components/uikit-sdk/TokenImage'\nimport useTierPoints, { getUserTier, TIERS_WEIGHT } from '../../state/tiers/useTierPoints'\nimport { BondsData } from '../../types/bonds'\nimport useCurrencyPrice from '../../state/price/useCurrencyPrice'\nimport { ChainId, Token } from '@ape.swap/apeswap-lists'\nimport { useMonitorTx } from '../../hooks/useMonitorTx'\nimport { getSymbol } from '../../utils/getNativeTicker'\nimport isArray from 'lodash-es/isArray.js'\nimport { useSDKConfig } from '../../state/useSDKConfig'\nimport { getTimePeriods } from '../../utils/getTimePeriods'\nimport { formatNumberSI } from '../../utils/formatNumber'\nimport { findHighestTrueBondPrice } from '../../utils/bondPriceHelpers'\nimport useEVMAccount from '../../hooks/accounts/useEVMAccount'\n\nconst stepDelay = 1000\n\nconst TransactionModal = ({\n  onDismiss,\n  txChain,\n  approvalState,\n  approveCallback,\n  loadingTx,\n  txCallback,\n  bondData,\n  inputToken,\n  inputValue,\n  depositAmount,\n  buyTxHash,\n  rateChanged,\n}: {\n  onDismiss?: () => void\n  txChain?: number\n  approvalState?: ApprovalState\n  approveCallback?: () => Promise<void>\n  loadingTx?: boolean\n  txCallback?: () => void\n  bondData: BondsData\n  inputToken: Token | 'NATIVE' | undefined\n  inputValue: string\n  depositAmount: string\n  buyTxHash?: string\n  rateChanged: boolean\n}) => {\n  // Hooks\n  const { chain } = useEVMAccount()\n  const { data: userPoints } = useTierPoints()\n  const inputTokenPrice = useCurrencyPrice(inputToken ?? null, txChain as ChainId)\n  const { switchChainAsync } = useSwitchChain()\n  const SDKConfig = useSDKConfig()\n\n  // Flow\n  const initialChain = useMemo(\n    () => chain?.id,\n    /* eslint-disable react-hooks/exhaustive-deps */\n    [],\n  )\n  const showSwitchChainFlow = txChain !== initialChain\n  // const showSwitchChainFlow = true\n  const [hasToSwitchChain, setHasToSwitchChain] = useState<boolean>(showSwitchChainFlow)\n  const [hasToApprove, setHasToApprove] = useState<boolean>(true)\n\n  // Loading state\n  const [loadingSwitchChain, setLoadingSwitchChain] = useState<boolean>(false)\n  const [approveLoading, setApproveLoading] = useState<boolean>(false)\n\n  // Values for regular bonds\n  const estimatedOutputAmount = getPayoutAmount(bondData, depositAmount, userPoints ?? '0')\n  const estimatedOutputUSD = estimatedOutputAmount * parseFloat(bondData?.payoutTokenPrice ?? '0')\n  const preTGEEstimatedOutput = parseFloat(inputValue) / (bondData?.initPrice ?? 0)\n  const preTGEEstimatedOutputUSD = preTGEEstimatedOutput * (bondData?.tgePrice ?? 0)\n\n  const handleSwitchChain = () => {\n    setLoadingSwitchChain(true)\n    switchChainAsync({ chainId: txChain! })\n      .then(() => {\n        setHasToSwitchChain(false)\n        setApproveLoading(true)\n      })\n      .catch((e) => console.error(e))\n      .finally(() => {\n        setLoadingSwitchChain(false)\n      })\n  }\n\n  const handleApprove = () => {\n    setApproveLoading(true)\n    approveCallback?.().catch(() => {\n      setApproveLoading(false)\n    })\n  }\n\n  // Switch Chain Step #1\n  const hasTriggeredSwitch = useRef(false)\n  useEffect(() => {\n    if (hasToSwitchChain && !hasTriggeredSwitch.current) {\n      setLoadingSwitchChain(true)\n      const delay = setTimeout(() => {\n        hasTriggeredSwitch.current = true\n        handleSwitchChain()\n      }, stepDelay)\n      return () => clearTimeout(delay)\n    }\n    /* eslint-disable react-hooks/exhaustive-deps */\n  }, [hasToSwitchChain])\n\n  // Trigger approve Step #2\n  const hasTriggeredApproval = useRef(false)\n  useEffect(() => {\n    if (!hasToSwitchChain || !showSwitchChainFlow) {\n      if (approvalState === ApprovalState.APPROVED) {\n        setApproveLoading(true)\n        const delay = setTimeout(() => {\n          setApproveLoading(false)\n          setHasToApprove(false)\n        }, stepDelay)\n        return () => clearTimeout(delay)\n      } else if (!hasTriggeredApproval.current && approvalState !== ApprovalState.PENDING) {\n        setApproveLoading(true)\n        hasTriggeredApproval.current = true\n        handleApprove()\n      }\n    }\n    /* eslint-disable react-hooks/exhaustive-deps */\n  }, [hasToSwitchChain, approvalState])\n\n  // Execute main tx Step #3\n  const hasTriggeredTx = useRef(false)\n  useEffect(() => {\n    if (!hasToSwitchChain && !hasToApprove && !hasTriggeredTx.current) {\n      hasTriggeredTx.current = true\n      if (rateChanged) {\n        onDismiss?.()\n      } else {\n        setApproveLoading(false)\n        txCallback?.()\n      }\n    }\n    /* eslint-disable react-hooks/exhaustive-deps */\n  }, [hasToSwitchChain, hasToApprove, txCallback])\n\n  // Close modal if a hash is found. Final Step\n  const { data: txReceipt, isSuccess, isLoading: verifyingTx } = useMonitorTx(buyTxHash, txChain)\n  useEffect(() => {\n    if (buyTxHash && txReceipt) {\n      if (isSuccess) {\n        onDismiss?.()\n      }\n    }\n    /* eslint-disable react-hooks/exhaustive-deps */\n  }, [buyTxHash, txReceipt, isSuccess])\n\n  const currentStep: number = showSwitchChainFlow ? (hasToSwitchChain ? 1 : hasToApprove ? 2 : 3) : hasToApprove ? 1 : 2\n  const splited = typeof inputToken !== 'string' ? inputToken?.symbol?.split('-') : undefined\n  const trueBondPrice = findHighestTrueBondPrice(\n    // @ts-ignore\n    TIERS_WEIGHT[getUserTier(userPoints)] ?? '0',\n    bondData?.trueBondPrices,\n  )\n\n  return (\n    <Modal>\n      <ModalHeader onDismiss={onDismiss} hideDivider />\n      <Flex sx={{ flexDirection: 'column', width: '100%' }}>\n        <Flex sx={{ width: '100%', alignItems: 'center', p: '10px' }}>\n          {showSwitchChainFlow && (\n            <StepBubble number={1} title={'Switch Chain'} currentStep={currentStep} loading={loadingSwitchChain} />\n          )}\n          <StepBubble\n            number={showSwitchChainFlow ? 2 : 1}\n            title={'Approve'}\n            currentStep={currentStep}\n            loading={approveLoading || approvalState === ApprovalState.PENDING}\n          />\n          <StepBubble\n            number={showSwitchChainFlow ? 3 : 2}\n            title={'Buy'}\n            currentStep={currentStep}\n            loading={loadingTx || verifyingTx}\n            hideBar\n          />\n        </Flex>\n        <Flex sx={{ width: '100%', mt: '40px', justifyContent: 'center' }}>\n          <LoadingSpinner\n            isLoading={\n              loadingSwitchChain ||\n              approveLoading ||\n              loadingTx ||\n              verifyingTx ||\n              approvalState === ApprovalState.PENDING\n            }\n            size={100}\n          />\n        </Flex>\n        <Flex sx={{ width: '100%', justifyContent: 'center', mt: '10px' }}>\n          {hasToSwitchChain\n            ? loadingSwitchChain\n              ? 'Switching Chain...'\n              : 'Switch Chain'\n            : hasToApprove\n              ? approveLoading || approvalState === ApprovalState.PENDING\n                ? 'Approving...'\n                : 'Approve Contract'\n              : loadingTx || verifyingTx\n                ? 'Buying...'\n                : 'Buy'}\n        </Flex>\n        {bondData.billType === 'fcfs' ? (\n          <Flex sx={{ width: '100%', flexDirection: 'column', mt: '20px' }}>\n            <Flex\n              sx={{\n                width: '100%',\n                background: 'white3',\n                p: '5px',\n                borderRadius: 'normal',\n                color: 'textDisabledButton',\n                justifyContent: 'center',\n              }}\n            >\n              {bondData.earnToken.symbol} ({getTimePeriods(bondData?.vestingTerm).months} Mo)\n            </Flex>\n            <Flex sx={{ width: '100%', background: 'white3', p: '10px', borderRadius: 'normal', mt: '10px' }}>\n              <TokenImage symbol={bondData.earnToken.symbol} size={40} chain={txChain} />\n              <Flex sx={{ width: '100%', justifyContent: 'space-between', alignItems: 'center' }}>\n                <Flex sx={{ flexDirection: 'column', fontSize: '12px', ml: '10px' }}>\n                  <Flex sx={{ color: 'textDisabledButton', fontWeight: 400, textDecoration: 'line-through' }}>\n                    ${bondData.tgePrice}\n                  </Flex>\n                  <Flex sx={{ color: 'green', fontWeight: 600 }}>${bondData.initPrice}</Flex>\n                </Flex>\n                <Flex\n                  sx={{\n                    p: '5px',\n                    borderRadius: 'normal',\n                    border: '1px solid var(--theme-ui-colors-success)',\n                    background: 'rgba(56, 166, 17, 0.13)',\n                    color: 'success',\n                    lineHeight: '18px',\n                  }}\n                >\n                  {trueBondPrice?.bonusWithFee?.toFixed(2)} % Bonus\n                </Flex>\n              </Flex>\n            </Flex>\n            <Flex sx={{ width: '100%', justifyContent: 'space-between', mt: '10px' }}>\n              <Flex\n                sx={{ p: '10px', borderRadius: 'normal', background: 'white3', alignItems: 'center', width: '45%' }}\n              >\n                {isArray(splited) ? (\n                  <TokenImage symbol={splited[0]} symbol2={splited[1]} size={20} chain={txChain} />\n                ) : (\n                  <TokenImage symbol={getSymbol(inputToken, txChain)} size={20} chain={txChain} />\n                )}\n                <Flex sx={{ fontSize: '14px', fontWeight: 600, mx: '5px' }}>\n                  {formatNumberSI(inputValue, 4) ?? '0'}\n                </Flex>\n                <Flex sx={{ color: 'textDisabledButton', fontSize: '12px', fontWeight: 400 }}>\n                  (\n                  {inputTokenPrice?.price && inputValue\n                    ? `$${formatNumberSI(inputTokenPrice?.price * parseFloat(inputValue))}`\n                    : '0.00'}\n                  )\n                </Flex>\n              </Flex>\n              <Svg icon={'arrow'} direction={'right'} width={'10px'} />\n              <Flex\n                sx={{ p: '10px', borderRadius: 'normal', background: 'white3', alignItems: 'center', width: '45%' }}\n              >\n                <TokenImage symbol={getSymbol(bondData.earnToken, txChain)} chain={txChain} size={20} />\n                <Flex sx={{ fontSize: '14px', fontWeight: 600, mx: '5px' }}>\n                  {formatNumberSI(preTGEEstimatedOutput, 4)}\n                </Flex>\n                <Flex sx={{ color: 'textDisabledButton', fontSize: '12px', fontWeight: 400 }}>\n                  (${formatNumberSI(preTGEEstimatedOutputUSD)})\n                </Flex>\n              </Flex>\n            </Flex>\n          </Flex>\n        ) : (\n          <Flex sx={{ width: '100%', flexDirection: 'column', mt: '20px' }}>\n            <Flex\n              sx={{\n                width: '100%',\n                background: 'white3',\n                p: '5px',\n                borderRadius: 'normal',\n                color: 'textDisabledButton',\n                justifyContent: 'center',\n              }}\n            >\n              {bondData.earnToken.symbol} ({getVestingTermsString(bondData)})\n            </Flex>\n            <Flex sx={{ width: '100%', background: 'white3', p: '10px', borderRadius: 'normal', mt: '10px' }}>\n              <TokenImage symbol={bondData.earnToken.symbol} size={40} chain={txChain} />\n              <Flex sx={{ width: '100%', justifyContent: 'space-between', alignItems: 'center' }}>\n                <Flex sx={{ flexDirection: 'column', fontSize: '12px', ml: '10px' }}>\n                  <Flex sx={{ color: 'textDisabledButton', fontWeight: 400, textDecoration: 'line-through' }}>\n                    ${earnTokenPrice(bondData)}\n                  </Flex>\n                  <Flex sx={{ color: 'green', fontWeight: 600 }}>\n                    $\n                    {discountEarnTokenPriceForUser(bondData, SDKConfig.useTiers, getUserTier(userPoints!) ?? undefined)}\n                  </Flex>\n                </Flex>\n                <Flex\n                  sx={{\n                    p: '5px',\n                    borderRadius: 'normal',\n                    border: '1px solid var(--theme-ui-colors-success)',\n                    background: 'rgba(56, 166, 17, 0.13)',\n                    color: 'success',\n                    lineHeight: '18px',\n                  }}\n                >\n                  {trueBondPrice?.bonusWithFee?.toFixed(2)} % Bonus\n                </Flex>\n              </Flex>\n            </Flex>\n            <Flex sx={{ width: '100%', justifyContent: 'space-between', mt: '10px' }}>\n              <Flex\n                sx={{ p: '10px', borderRadius: 'normal', background: 'white3', alignItems: 'center', width: '45%' }}\n              >\n                {isArray(splited) ? (\n                  <TokenImage symbol={splited[0]} symbol2={splited[1]} size={20} chain={txChain} />\n                ) : (\n                  <TokenImage symbol={getSymbol(inputToken, txChain)} size={20} chain={txChain} />\n                )}\n                <Flex sx={{ fontSize: '14px', fontWeight: 600, mx: '5px' }}>\n                  {formatNumberSI(inputValue, 4) ?? '0'}\n                </Flex>\n                <Flex sx={{ color: 'textDisabledButton', fontSize: '12px', fontWeight: 400 }}>\n                  (\n                  {inputTokenPrice?.price && inputValue\n                    ? `$${formatNumberSI(inputTokenPrice?.price * parseFloat(inputValue))}`\n                    : '0.00'}\n                  )\n                </Flex>\n              </Flex>\n              <Svg icon={'arrow'} direction={'right'} width={'10px'} />\n              <Flex\n                sx={{ p: '10px', borderRadius: 'normal', background: 'white3', alignItems: 'center', width: '45%' }}\n              >\n                <TokenImage symbol={getSymbol(bondData.earnToken, txChain)} chain={txChain} size={20} />\n                <Flex sx={{ fontSize: '14px', fontWeight: 600, mx: '5px' }}>\n                  {formatNumberSI(estimatedOutputAmount, 4)}\n                </Flex>\n                <Flex sx={{ color: 'textDisabledButton', fontSize: '12px', fontWeight: 400 }}>\n                  (${formatNumberSI(estimatedOutputUSD)})\n                </Flex>\n              </Flex>\n            </Flex>\n          </Flex>\n        )}\n\n        {/*\n\n        Action Buttons\n\n        */}\n        <Flex sx={{ mt: '20px' }}>\n          {hasToSwitchChain ? (\n            <Button load={loadingSwitchChain} disabled={loadingSwitchChain} onClick={handleSwitchChain} fullWidth>\n              switch to {NETWORK_LABEL[txChain!]}\n            </Button>\n          ) : !hasToApprove ? (\n            <Button load={loadingTx || verifyingTx} disabled={loadingTx || verifyingTx} onClick={txCallback} fullWidth>\n              buy\n            </Button>\n          ) : (\n            <Button\n              className=\"action-button\"\n              load={approvalState === ApprovalState.PENDING || approveLoading}\n              disabled={approvalState === ApprovalState.PENDING || approveLoading}\n              onClick={handleApprove}\n              fullWidth\n            >\n              Approve\n            </Button>\n          )}\n        </Flex>\n      </Flex>\n    </Modal>\n  )\n}\n\nexport default TransactionModal\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/views/YourBonds/components/ClaimAll/ClaimAllModal.js

@@ -2,22 +2,11 @@ import { jsx, jsxs, Fragment } from 'theme-ui/jsx-runtime';
 import { useState } from 'react';
 import { useSwitchChain, useWriteContract } from 'wagmi';
 import useUserBonds from '../../../../state/bonds/useUserBonds.js';
+import Button from '../../../../components/uikit-sdk/Button/Button.js';
 import Svg from '../../../../components/uikit-sdk/Svg/index.js';
 import Flex from '../../../../components/uikit-sdk/Flex/index.js';
-import Text from '../../../../components/uikit-sdk/Text/index.js';
-import '../../../../components/uikit-sdk/Checkbox/types.js';
-import 'theme-ui';
-import '../../../../components/uikit-sdk/Skeleton/types.js';
-import '../../../../components/uikit-sdk/Skeleton/styles.js';
-import '../../../../components/uikit-sdk/TooltipBubble/index.js';
 import Modal from '../../../../components/uikit-sdk/Modal/index.js';
-import 'framer-motion';
-import '../../../FullBondsView/FullBondsView.js';
-import Button from '../../../../components/uikit-sdk/Button/Button.js';
-import '../../../../components/uikit-sdk/Svg/types.js';
-import '../../../../components/uikit-sdk/Button/types.js';
-import '../../../../components/uikit-sdk/Select/types.js';
-import '../../../../utils/campaignStyles.js';
+import Text from '../../../../components/uikit-sdk/Text/index.js';
 import TokenImage from '../../../../components/uikit-sdk/TokenImage/index.js';
 import { NETWORK_LABEL } from '../../../../config/constants/chains.js';
 import ChainOptionsList from '../../../../components/ChainOptionList/ChainOptionsList.js';

package/dist/views/YourBonds/components/ClaimAll/ClaimAllModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"ClaimAllModal.js","sources":["../../../../../src/views/YourBonds/components/ClaimAll/ClaimAllModal.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { useSwitchChain, useWriteContract } from 'wagmi'\nimport useUserBonds from '../../../../state/bonds/useUserBonds'\nimport { Button, Flex, Modal, Svg, Text } from '../../../../components/uikit-sdk'\nimport TokenImage from '../../../../components/uikit-sdk/TokenImage'\nimport { NETWORK_LABEL } from '../../../../config/constants/chains'\nimport ChainOptionsList from '../../../../components/ChainOptionList/ChainOptionsList'\nimport { useSDKConfig } from '../../../../state/useSDKConfig'\nimport ChainOptionsButtons from '../../../../components/ChainOptionList/ChainOptionsButtons'\nimport { UserBill } from '../../../../types/yourbonds'\nimport BOND_ABI from '../../../../config/abi/BOND_2_4_0.json'\nimport track from '../../../../utils/track'\nimport { usePopups } from '../../../../state/popups/usePopups'\nimport { BillsConfig } from '@ape.swap/apeswap-lists'\nimport { reportError } from '../../../../utils/reportError'\nimport useEVMAccount from '../../../../hooks/accounts/useEVMAccount'\n\nconst ClaimAllModal = () => {\n  const { chainId, address: account } = useEVMAccount()\n  const { switchChain } = useSwitchChain()\n  const SDKConfig = useSDKConfig()\n  const chains = SDKConfig?.chains as number[]\n\n  const [selectedChain, setSelectedChain] = useState(chainId ?? 56)\n  const [viewAllChains, setViewAllChains] = useState<boolean>(false)\n  const { data: userOwnedBills } = useUserBonds()\n  const ownedBills = userOwnedBills?.filter((bill) => parseFloat(bill?.payout) > 0)\n\n  const groupedBills = ownedBills?.reduce((acc: { bond: BillsConfig; userOwnedBills: UserBill[] }[], bill) => {\n    const bondIndex = bill?.bond?.index\n\n    // Check if this bond index already exists in the accumulator\n    const existingGroup = acc.find((group) => group.bond.index === bondIndex)\n\n    if (existingGroup) {\n      // If the group already exists, add this bill to the userOwnedBills array\n      existingGroup.userOwnedBills.push(bill)\n    } else {\n      // If it doesn't exist, create a new group\n      acc.push({\n        bond: bill.bond as any,\n        userOwnedBills: [bill],\n      })\n    }\n\n    return acc\n  }, [])\n\n  const bondsOfSelectedChain = groupedBills?.filter((group) => group.bond.chainId === selectedChain)\n  const ownedBillsAmount = bondsOfSelectedChain?.reduce(\n    (total, ownerBills) => total + (ownerBills.userOwnedBills?.length || 0),\n    0,\n  )\n  const { addToastError } = usePopups()\n\n  const { writeContractAsync } = useWriteContract()\n\n  const handleClaim = async () => {\n    try {\n      bondsOfSelectedChain?.map(async (purchasedBond) => {\n        const address: `0x${string}` = purchasedBond.bond.contractAddress[purchasedBond.bond.chainId] as `0x${string}`\n        track({\n          event: 'bond',\n          chain: purchasedBond.bond.chainId,\n          data: {\n            cat: 'claimAll',\n            address,\n            earnToken: purchasedBond?.bond.earnToken.symbol,\n          },\n        })\n        return writeContractAsync({\n          address,\n          abi: BOND_ABI,\n          functionName: 'batchRedeem',\n          args: [purchasedBond.userOwnedBills.map((b) => b.id)],\n          chain: chainId as any,\n          account,\n        })\n      })\n    } catch (error: any) {\n      console.error('Claim All failed:', error)\n      addToastError(error.message)\n      reportError({\n        apiUrl: SDKConfig?.urls?.apiV2,\n        error,\n        extraInfo: { type: 'claimAll', bondsOfSelectedChain, error },\n        chainId,\n        account,\n      })\n    }\n  }\n\n  const purchasedBillsChains = groupedBills\n    ?.reduce((acc: number[], bill) => {\n      if (acc.includes(bill.bond.chainId)) {\n        return acc\n      } else return [...acc, bill.bond.chainId]\n    }, [])\n    ?.sort((a, b) => a - b)\n\n  return (\n    <Modal title=\"Claim All\" sx={{ width: '420px' }}>\n      {viewAllChains ? (\n        <>\n          <Flex sx={{ justifyContent: 'space-between', mb: '20px' }}>\n            <Flex\n              onClick={() => setViewAllChains(false)}\n              sx={{\n                ':hover': {\n                  cursor: 'pointer',\n                },\n              }}\n            >\n              <Svg width=\"10px\" icon=\"arrow\" direction=\"left\" />\n            </Flex>\n            <Text sx={{ fontSize: '16px', fontWeight: '300' }}>All Chain Options</Text>\n          </Flex>\n          <ChainOptionsList\n            setSelectedChain={setSelectedChain}\n            setViewAllChains={setViewAllChains}\n            chainList={chains}\n          />\n        </>\n      ) : (\n        <Flex sx={{ flexDirection: 'column', width: '100%' }}>\n          <Text sx={{ fontSize: '14px', fontWeight: 400, my: '10px' }}>\n            Select the chain from which you want to claim your Bonds.\n          </Text>\n          <ChainOptionsButtons\n            setSelectedChain={setSelectedChain}\n            selectedChain={selectedChain}\n            setViewAllChains={setViewAllChains}\n            chainList={purchasedBillsChains ?? []}\n          />\n          <Flex\n            sx={{\n              width: '100%',\n              mt: '10px',\n              background: 'white3',\n              borderRadius: 'normal',\n              p: '10px',\n              flexDirection: 'column',\n              height: '30vh',\n              overflowY: 'auto',\n            }}\n          >\n            {bondsOfSelectedChain && bondsOfSelectedChain?.length > 0 ? (\n              bondsOfSelectedChain\n                ?.filter((userBill) => userBill.bond.chainId === selectedChain)\n                .map((ownedBill, index) => {\n                  return (\n                    <Flex\n                      key={`${ownedBill.bond.earnToken.symbol}-${index}`}\n                      sx={{ width: '100%', alignItems: 'center', p: '5px' }}\n                    >\n                      <TokenImage symbol={ownedBill.bond.earnToken.symbol} size={30} />\n                      <Text sx={{ ml: '10px' }}>\n                        {ownedBill.bond.earnToken.symbol}\n                        <Text sx={{ fontSize: '14px', fontWeight: 400, color: 'textDisabledButton', ml: '10px' }}>\n                          ({ownedBill?.userOwnedBills?.length} Bond\n                          {ownedBill?.userOwnedBills && ownedBill?.userOwnedBills?.length > 1 ? 's' : ''})\n                        </Text>\n                      </Text>\n                    </Flex>\n                  )\n                })\n            ) : (\n              <Flex\n                sx={{\n                  fontSize: '14px',\n                  fontWeight: 400,\n                  color: 'textDisabledButton',\n                  justifyContent: 'center',\n                  mt: '10px',\n                }}\n              >\n                No bonds to claim for this chain\n              </Flex>\n            )}\n          </Flex>\n          <Text sx={{ fontSize: '14px', fontWeight: 400, mt: '15px' }}>\n            {`You'll claim`} {ownedBillsAmount} Bonds in {bondsOfSelectedChain?.length} transaction\n            {(bondsOfSelectedChain?.length ?? 0) > 1 ? 's' : ''}.\n          </Text>\n          {chainId === selectedChain ? (\n            <Button sx={{ mt: '15px', width: '100%' }} onClick={handleClaim}>\n              Claim\n            </Button>\n          ) : (\n            <Button sx={{ mt: '15px', width: '100%' }} onClick={() => switchChain({ chainId: selectedChain })}>\n              Switch to {NETWORK_LABEL[selectedChain ?? 0]}\n            </Button>\n          )}\n        </Flex>\n      )}\n    </Modal>\n  )\n}\n\nexport default ClaimAllModal\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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"}
+{"version":3,"file":"ClaimAllModal.js","sources":["../../../../../src/views/YourBonds/components/ClaimAll/ClaimAllModal.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { useSwitchChain, useWriteContract } from 'wagmi'\nimport useUserBonds from '../../../../state/bonds/useUserBonds'\nimport Button from '../../../../components/uikit-sdk/Button/Button'\nimport Svg from '../../../../components/uikit-sdk/Svg'\nimport Flex from '../../../../components/uikit-sdk/Flex'\nimport Modal from '../../../../components/uikit-sdk/Modal'\nimport Text from '../../../../components/uikit-sdk/Text'\nimport TokenImage from '../../../../components/uikit-sdk/TokenImage'\nimport { NETWORK_LABEL } from '../../../../config/constants/chains'\nimport ChainOptionsList from '../../../../components/ChainOptionList/ChainOptionsList'\nimport { useSDKConfig } from '../../../../state/useSDKConfig'\nimport ChainOptionsButtons from '../../../../components/ChainOptionList/ChainOptionsButtons'\nimport { UserBill } from '../../../../types/yourbonds'\nimport BOND_ABI from '../../../../config/abi/BOND_2_4_0.json'\nimport track from '../../../../utils/track'\nimport { usePopups } from '../../../../state/popups/usePopups'\nimport { BillsConfig } from '@ape.swap/apeswap-lists'\nimport { reportError } from '../../../../utils/reportError'\nimport useEVMAccount from '../../../../hooks/accounts/useEVMAccount'\n\nconst ClaimAllModal = () => {\n  const { chainId, address: account } = useEVMAccount()\n  const { switchChain } = useSwitchChain()\n  const SDKConfig = useSDKConfig()\n  const chains = SDKConfig?.chains as number[]\n\n  const [selectedChain, setSelectedChain] = useState(chainId ?? 56)\n  const [viewAllChains, setViewAllChains] = useState<boolean>(false)\n  const { data: userOwnedBills } = useUserBonds()\n  const ownedBills = userOwnedBills?.filter((bill) => parseFloat(bill?.payout) > 0)\n\n  const groupedBills = ownedBills?.reduce((acc: { bond: BillsConfig; userOwnedBills: UserBill[] }[], bill) => {\n    const bondIndex = bill?.bond?.index\n\n    // Check if this bond index already exists in the accumulator\n    const existingGroup = acc.find((group) => group.bond.index === bondIndex)\n\n    if (existingGroup) {\n      // If the group already exists, add this bill to the userOwnedBills array\n      existingGroup.userOwnedBills.push(bill)\n    } else {\n      // If it doesn't exist, create a new group\n      acc.push({\n        bond: bill.bond as any,\n        userOwnedBills: [bill],\n      })\n    }\n\n    return acc\n  }, [])\n\n  const bondsOfSelectedChain = groupedBills?.filter((group) => group.bond.chainId === selectedChain)\n  const ownedBillsAmount = bondsOfSelectedChain?.reduce(\n    (total, ownerBills) => total + (ownerBills.userOwnedBills?.length || 0),\n    0,\n  )\n  const { addToastError } = usePopups()\n\n  const { writeContractAsync } = useWriteContract()\n\n  const handleClaim = async () => {\n    try {\n      bondsOfSelectedChain?.map(async (purchasedBond) => {\n        const address: `0x${string}` = purchasedBond.bond.contractAddress[purchasedBond.bond.chainId] as `0x${string}`\n        track({\n          event: 'bond',\n          chain: purchasedBond.bond.chainId,\n          data: {\n            cat: 'claimAll',\n            address,\n            earnToken: purchasedBond?.bond.earnToken.symbol,\n          },\n        })\n        return writeContractAsync({\n          address,\n          abi: BOND_ABI,\n          functionName: 'batchRedeem',\n          args: [purchasedBond.userOwnedBills.map((b) => b.id)],\n          chain: chainId as any,\n          account,\n        })\n      })\n    } catch (error: any) {\n      console.error('Claim All failed:', error)\n      addToastError(error.message)\n      reportError({\n        apiUrl: SDKConfig?.urls?.apiV2,\n        error,\n        extraInfo: { type: 'claimAll', bondsOfSelectedChain, error },\n        chainId,\n        account,\n      })\n    }\n  }\n\n  const purchasedBillsChains = groupedBills\n    ?.reduce((acc: number[], bill) => {\n      if (acc.includes(bill.bond.chainId)) {\n        return acc\n      } else return [...acc, bill.bond.chainId]\n    }, [])\n    ?.sort((a, b) => a - b)\n\n  return (\n    <Modal title=\"Claim All\" sx={{ width: '420px' }}>\n      {viewAllChains ? (\n        <>\n          <Flex sx={{ justifyContent: 'space-between', mb: '20px' }}>\n            <Flex\n              onClick={() => setViewAllChains(false)}\n              sx={{\n                ':hover': {\n                  cursor: 'pointer',\n                },\n              }}\n            >\n              <Svg width=\"10px\" icon=\"arrow\" direction=\"left\" />\n            </Flex>\n            <Text sx={{ fontSize: '16px', fontWeight: '300' }}>All Chain Options</Text>\n          </Flex>\n          <ChainOptionsList\n            setSelectedChain={setSelectedChain}\n            setViewAllChains={setViewAllChains}\n            chainList={chains}\n          />\n        </>\n      ) : (\n        <Flex sx={{ flexDirection: 'column', width: '100%' }}>\n          <Text sx={{ fontSize: '14px', fontWeight: 400, my: '10px' }}>\n            Select the chain from which you want to claim your Bonds.\n          </Text>\n          <ChainOptionsButtons\n            setSelectedChain={setSelectedChain}\n            selectedChain={selectedChain}\n            setViewAllChains={setViewAllChains}\n            chainList={purchasedBillsChains ?? []}\n          />\n          <Flex\n            sx={{\n              width: '100%',\n              mt: '10px',\n              background: 'white3',\n              borderRadius: 'normal',\n              p: '10px',\n              flexDirection: 'column',\n              height: '30vh',\n              overflowY: 'auto',\n            }}\n          >\n            {bondsOfSelectedChain && bondsOfSelectedChain?.length > 0 ? (\n              bondsOfSelectedChain\n                ?.filter((userBill) => userBill.bond.chainId === selectedChain)\n                .map((ownedBill, index) => {\n                  return (\n                    <Flex\n                      key={`${ownedBill.bond.earnToken.symbol}-${index}`}\n                      sx={{ width: '100%', alignItems: 'center', p: '5px' }}\n                    >\n                      <TokenImage symbol={ownedBill.bond.earnToken.symbol} size={30} />\n                      <Text sx={{ ml: '10px' }}>\n                        {ownedBill.bond.earnToken.symbol}\n                        <Text sx={{ fontSize: '14px', fontWeight: 400, color: 'textDisabledButton', ml: '10px' }}>\n                          ({ownedBill?.userOwnedBills?.length} Bond\n                          {ownedBill?.userOwnedBills && ownedBill?.userOwnedBills?.length > 1 ? 's' : ''})\n                        </Text>\n                      </Text>\n                    </Flex>\n                  )\n                })\n            ) : (\n              <Flex\n                sx={{\n                  fontSize: '14px',\n                  fontWeight: 400,\n                  color: 'textDisabledButton',\n                  justifyContent: 'center',\n                  mt: '10px',\n                }}\n              >\n                No bonds to claim for this chain\n              </Flex>\n            )}\n          </Flex>\n          <Text sx={{ fontSize: '14px', fontWeight: 400, mt: '15px' }}>\n            {`You'll claim`} {ownedBillsAmount} Bonds in {bondsOfSelectedChain?.length} transaction\n            {(bondsOfSelectedChain?.length ?? 0) > 1 ? 's' : ''}.\n          </Text>\n          {chainId === selectedChain ? (\n            <Button sx={{ mt: '15px', width: '100%' }} onClick={handleClaim}>\n              Claim\n            </Button>\n          ) : (\n            <Button sx={{ mt: '15px', width: '100%' }} onClick={() => switchChain({ chainId: selectedChain })}>\n              Switch to {NETWORK_LABEL[selectedChain ?? 0]}\n            </Button>\n          )}\n        </Flex>\n      )}\n    </Modal>\n  )\n}\n\nexport default ClaimAllModal\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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"}