@ape.swap/bonds-sdk 6.2.17 → 6.2.19

package/dist/views/BuyBond/BuyComponentPreTGE.js

@@ -1,6 +1,5 @@
-import { jsx, jsxs, Fragment } from 'theme-ui/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useState } from 'react';
-import { styles } from './styles.js';
 import { getBalanceNumber } from '../../utils/getBalanceNumber.js';
 import { parseUnits, mulDivRound } from '../../utils/fixedPoint.js';
 import TokenSelectorPanel from '../../components/TokenSelectorPanel/index.js';
@@ -30,6 +29,9 @@ import Button from '../../components/uikit-sdk/Button/Button.js';
 import { getTimePeriods } from '../../utils/getTimePeriods.js';
 import QuestionCircle from '../../components/uikit-sdk/Svg/Icons/QuestionCircle.js';
 
+const infoRowClasses = 'ape:w-full ape:justify-between';
+const infoTitleClasses = 'ape:font-normal';
+const infoDataClasses = 'ape:font-bold';
 const BuyComponentPreTGE = ({ bondAddress, bondChain, onDismiss, handlePurchasedBond, }) => {
     const SDKConfig = useSDKConfig();
     const { data: preTGEBonds } = useBondsData();
@@ -119,28 +121,7 @@ const BuyComponentPreTGE = ({ bondAddress, bondChain, onDismiss, handlePurchased
                             : !bond
                                 ? 'no bond'
                                 : null;
-    return (jsxs(Modal, { onDismiss: handleClose, sx: { width: '740px' }, children: [jsx(ModalHeader, { onDismiss: handleClose, hideDivider: true }), jsx(Flex, { sx: styles.buyContainer, children: jsxs(Flex, { sx: styles.cardContainer, children: [jsx(Flex, { sx: { width: '100%', justifyContent: 'space-between' }, children: jsxs(Flex, { children: [jsxs(Flex, { children: [jsx(Flex, { className: "title-container bondicon", children: jsx(TokenImage, { symbol: bond.underlyingEarnToken?.symbol || bond.earnToken.symbol, size: 50, chain: bond.chainId }) }), jsxs(Flex, { className: "title-container bondname", children: [bond.underlyingEarnToken?.symbol || bond.earnToken.symbol, jsx(ListTag, { text: bond?.tags?.[0] })] })] }), !bond.yieldBond && (jsxs(Flex, { sx: { flexDirection: 'column', ml: '15px' }, children: [jsxs(Flex, { className: "price-container price", children: ["$", bond.tgePrice] }), jsxs(Flex, { sx: { fontSize: '24px', fontWeight: 700 }, children: ["$", bond.initPrice] })] }))] }) }), jsx(ProjectDescription, { description: bond.shortDescription, isProjectView: true }), jsx(BondCardsPreTGE, { bond: bond }), jsxs(Flex, { sx: { ...styles.infoRowsContainer, mt: '10px' }, children: [jsxs(Flex, { sx: styles.infoRow, children: [jsx(Text, { sx: styles.infoTitle, children: "You Spend:" }), jsxs(Text, { sx: styles.infoData, children: [isNaN(parseFloat(inputValueToDisplay)) ? 0 : inputValueToDisplay, " ", bond?.lpToken.symbol, " = $", isNaN(inputValueToDisplayUSD) ? '0' : inputValueToDisplayUSD.toFixed(2)] })] }), bond.yieldBond ? (jsxs(Flex, { sx: styles.infoRow, children: [jsxs(Flex, { sx: { ...styles.infoTitle, alignItems: 'center' }, children: ["Yield Bonus:", jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(Flex, { children: "This is the duration over which the bonus yield will be distributed while your initial tokens remain staked." }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, 0%)", children: jsx(Flex, { className: "row-container premium-icon", children: jsx(QuestionCircle, { width: "12px" }) }) })] }), jsxs(Text, { sx: { ...styles.infoData, color: 'success' }, children: ["$", isNaN(aprUSD) ? '0' : aprUSD.toFixed(2)] })] })) : (jsxs(Flex, { sx: styles.infoRow, children: [jsxs(Flex, { sx: { ...styles.infoTitle, alignItems: 'center' }, children: ["Bonus:", jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(Flex, { children: TooltipText.Premium }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, 0%)", children: jsx(Flex, { className: "row-container premium-icon", children: jsx(QuestionCircle, { width: "12px" }) }) })] }), jsxs(Text, { sx: { ...styles.infoData, color: 'success' }, children: ["$", isNaN(bonusUSD) ? '0' : bonusUSD.toFixed(2)] })] })), jsxs(Flex, { sx: styles.infoRow, children: [jsxs(Text, { sx: styles.infoTitle, children: ["You Get (over", ' ', getTimePeriods((bond?.yieldData?.rewardDistributionEnd ?? 0) - parseInt(bond.startVestingTimestamp ?? '0'), true).days, ' ', "days):"] }), bond.yieldBond ? (jsxs(Flex, { sx: { ...styles.infoData, alignItems: 'center', gap: '5px' }, children: [jsx(TooltipBubble, { className: "tooltip-bubble", body: jsxs(Flex, { sx: { width: '100%', flexDirection: 'column' }, children: ["This is the expected total return by the end of the pool duration, including the initial tokens.", jsx(Flex, { sx: { mt: '10px', mb: '5px' }, children: "Breakdown" }), jsxs(Flex, { sx: { width: '100%', justifyContent: 'space-between' }, children: [jsx(Flex, { children: "Initial capital:" }), jsxs(Flex, { children: ["$", formatNumberSI(inputValueToDisplayUSD), " in ", bond.underlyingEarnToken?.symbol] })] }), jsxs(Flex, { sx: { width: '100%', justifyContent: 'space-between' }, children: [jsx(Flex, { children: "Yield Bonus:" }), jsxs(Flex, { children: ["$", formatNumberSI(aprUSD), " in ", bond.underlyingEarnToken?.symbol] })] })] }), width: "230px", placement: "bottomRight", transformTip: "translate(10%, 0%)", children: jsx(Flex, { className: "row-container premium-icon", children: jsx(QuestionCircle, { width: "12px" }) }) }), "$", formatNumberSI(youGetUSD + aprUSD)] })) : (jsxs(Text, { sx: styles.infoData, children: [isNaN(youGet) ? 0 : formatNumberSI(youGet, 0), " ", bond?.earnToken.symbol, " = $", isNaN(youGetUSD) ? '0' : youGetUSD.toFixed(2)] }))] })] }), jsx(TokenSelectorPanel, { typedValue: inputValue, setTypedValue: setInputValue, selectedToken: bond?.lpToken, handleValueBtn: () => setInputValue(principalTokenBalance ?? '0'), handleCurrencySelect: () => null, bondChainId: bond?.chainId, enableZap: false, bondPrincipalToken: bond?.lpToken, tokenBalance: principalTokenBalance ?? undefined, selectedTokenPrice: parseFloat(bond?.principalTokenPrice ?? '0'), inputDisabled: false, isConnected: !!address }), jsx(Flex, { sx: {
-                                width: '100%',
-                                background: '#DE62F366',
-                                justifyContent: 'center',
-                                mt: '10px',
-                                borderRadius: 'normal',
-                                p: '4px 10px',
-                                fontSize: '12px',
-                                fontWeight: 400,
-                            }, children: bond.warningCard ? (bond.warningCard) : bond.yieldBond ? (jsxs("span", { children: ["This is a Yield Bond. Your initial capital unlocks in", ' ', getTimePeriods((bond?.yieldData?.rewardDistributionEnd ?? 0) - parseInt(bond.startVestingTimestamp ?? '0'), true).days, ' ', "days, followed by an APR bonus distributed over the pool duration.", jsx("span", { sx: {
-                                            ml: '3px',
-                                            color: '#837fd7',
-                                            fontWeight: 700,
-                                            cursor: 'pointer',
-                                            ':hover': { textDecoration: 'underline' },
-                                        }, children: 'Learn More >' })] })) : (jsxs(Fragment, { children: ["This is a Pre-TGE Bond - Tokens will be tradeable upon listing.", jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(Text, { sx: { textTransform: 'none' }, children: "Pre-TGE Bonds are a pre-sale for tokens before their Token Generation Event (TGE), when tokens are officially launched to the public." }), width: "315px", placement: "topRight", transformTip: "translate(9%, -10%)", children: jsx(Flex, { sx: { ml: '4px', minWidth: '14px' }, children: jsx(QuestionCircle, { width: 12 }) }) })] })) }), jsx(Flex, { sx: {
-                                width: '100%',
-                                mt: '10px',
-                                justifyContent: 'space-between',
-                                height: ['unset', 'unset', 'unset', '40px'],
-                                flexDirection: ['column-reverse', 'column-reverse', 'column-reverse', 'row'],
-                            }, children: !address ? (jsx(ConnectButton, {})) : (jsxs(Fragment, { children: [jsx(Flex, { sx: { width: ['100%', '100%', '100%', '45%'], justifyContent: 'center' }, children: jsxs(Button, { variant: "secondary", onClick: () => window.open(`/swap?outputCurrency=${bond?.lpToken?.address[bond?.chainId]}&outputChain=${bond?.chainId}`, '_blank'), fullWidth: true, children: ["Get ", bond?.lpToken?.symbol] }) }), error ? (jsx(Button, { disabled: true, fullWidth: true, sx: { ml: ['0', '0', '0', '10px'] }, children: error })) : (jsx(Button, { disabled: loading, load: loading, onClick: openTxModal, fullWidth: true, sx: { ml: ['0', '0', '0', '10px'] }, children: "Buy" }))] })) })] }) })] }));
+    return (jsxs(Modal, { onDismiss: handleClose, className: "ape:w-[740px]!", children: [jsx(ModalHeader, { onDismiss: handleClose, hideDivider: true }), jsx(Flex, { className: "ape:w-full ape:mb-[30px] ape:lg:mb-0 ape:flex-col", children: jsxs(Flex, { className: "ape:w-full ape:bg-white2 ape:rounded-normal ape:flex-col", children: [jsx(Flex, { className: "ape:w-full ape:justify-between", children: jsxs(Flex, { children: [jsxs(Flex, { children: [jsx(Flex, { className: "title-container bondicon ape:flex ape:flex-row ape:items-center ape:relative", children: jsx(TokenImage, { symbol: bond.underlyingEarnToken?.symbol || bond.earnToken.symbol, size: 50, chain: bond.chainId }) }), jsxs(Flex, { className: "title-container bondname ape:flex ape:flex-col ape:pl-[20px] ape:text-[24px] ape:font-bold", children: [bond.underlyingEarnToken?.symbol || bond.earnToken.symbol, jsx(ListTag, { text: bond?.tags?.[0] })] })] }), !bond.yieldBond && (jsxs(Flex, { className: "ape:flex-col ape:ml-[15px]", children: [jsxs(Flex, { className: "price-container price ape:line-through ape:opacity-50 ape:font-normal", children: ["$", bond.tgePrice] }), jsxs(Flex, { className: "ape:text-[24px] ape:font-bold", children: ["$", bond.initPrice] })] }))] }) }), jsx(ProjectDescription, { description: bond.shortDescription, isProjectView: true }), jsx(BondCardsPreTGE, { bond: bond }), jsxs(Flex, { className: "ape:w-full ape:flex-col ape:mb-[10px] ape:mt-[10px]", children: [jsxs(Flex, { className: infoRowClasses, children: [jsx(Text, { size: "12px", className: infoTitleClasses, children: "You Spend:" }), jsxs(Text, { size: "12px", className: infoDataClasses, children: [isNaN(parseFloat(inputValueToDisplay)) ? 0 : inputValueToDisplay, " ", bond?.lpToken.symbol, " = $", isNaN(inputValueToDisplayUSD) ? '0' : inputValueToDisplayUSD.toFixed(2)] })] }), bond.yieldBond ? (jsxs(Flex, { className: infoRowClasses, children: [jsxs(Flex, { className: `${infoTitleClasses} ape:items-center`, children: ["Yield Bonus:", jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(Flex, { children: "This is the duration over which the bonus yield will be distributed while your initial tokens remain staked." }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, 0%)", children: jsx(Flex, { className: "row-container premium-icon ape:flex ape:font-normal ape:items-start ape:pl-[5px] ape:cursor-pointer", children: jsx(QuestionCircle, { width: "12px" }) }) })] }), jsxs(Text, { size: "12px", className: infoDataClasses, style: { color: 'var(--ape-color-success)' }, children: ["$", isNaN(aprUSD) ? '0' : aprUSD.toFixed(2)] })] })) : (jsxs(Flex, { className: infoRowClasses, children: [jsxs(Flex, { className: `${infoTitleClasses} ape:items-center`, children: ["Bonus:", jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(Flex, { children: TooltipText.Premium }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, 0%)", children: jsx(Flex, { className: "row-container premium-icon ape:flex ape:font-normal ape:items-start ape:pl-[5px] ape:cursor-pointer", children: jsx(QuestionCircle, { width: "12px" }) }) })] }), jsxs(Text, { size: "12px", className: infoDataClasses, style: { color: 'var(--ape-color-success)' }, children: ["$", isNaN(bonusUSD) ? '0' : bonusUSD.toFixed(2)] })] })), jsxs(Flex, { className: infoRowClasses, children: [jsxs(Text, { size: "12px", className: infoTitleClasses, children: ["You Get (over", ' ', getTimePeriods((bond?.yieldData?.rewardDistributionEnd ?? 0) - parseInt(bond.startVestingTimestamp ?? '0'), true).days, ' ', "days):"] }), bond.yieldBond ? (jsxs(Flex, { className: `${infoDataClasses} ape:items-center ape:gap-[5px] ape:text-[12px]`, children: [jsx(TooltipBubble, { className: "tooltip-bubble", body: jsxs(Flex, { className: "ape:w-full ape:flex-col", children: ["This is the expected total return by the end of the pool duration, including the initial tokens.", jsx(Flex, { className: "ape:mt-[10px] ape:mb-[5px]", children: "Breakdown" }), jsxs(Flex, { className: "ape:w-full ape:justify-between", children: [jsx(Flex, { children: "Initial capital:" }), jsxs(Flex, { children: ["$", formatNumberSI(inputValueToDisplayUSD), " in ", bond.underlyingEarnToken?.symbol] })] }), jsxs(Flex, { className: "ape:w-full ape:justify-between", children: [jsx(Flex, { children: "Yield Bonus:" }), jsxs(Flex, { children: ["$", formatNumberSI(aprUSD), " in ", bond.underlyingEarnToken?.symbol] })] })] }), width: "230px", placement: "bottomRight", transformTip: "translate(10%, 0%)", children: jsx(Flex, { className: "row-container premium-icon ape:flex ape:font-normal ape:items-start ape:pl-[5px] ape:cursor-pointer", children: jsx(QuestionCircle, { width: "12px" }) }) }), "$", formatNumberSI(youGetUSD + aprUSD)] })) : (jsxs(Text, { size: "12px", className: infoDataClasses, children: [isNaN(youGet) ? 0 : formatNumberSI(youGet, 0), " ", bond?.earnToken.symbol, " = $", isNaN(youGetUSD) ? '0' : youGetUSD.toFixed(2)] }))] })] }), jsx(TokenSelectorPanel, { typedValue: inputValue, setTypedValue: setInputValue, selectedToken: bond?.lpToken, handleValueBtn: () => setInputValue(principalTokenBalance ?? '0'), handleCurrencySelect: () => null, bondChainId: bond?.chainId, enableZap: false, bondPrincipalToken: bond?.lpToken, tokenBalance: principalTokenBalance ?? undefined, selectedTokenPrice: parseFloat(bond?.principalTokenPrice ?? '0'), inputDisabled: false, isConnected: !!address }), jsx(Flex, { className: "ape:w-full ape:justify-center ape:mt-[10px] ape:rounded-normal ape:p-[4px_10px] ape:text-[12px] ape:font-normal", style: { background: '#DE62F366' }, children: bond.warningCard ? (bond.warningCard) : bond.yieldBond ? (jsxs("span", { children: ["This is a Yield Bond. Your initial capital unlocks in", ' ', getTimePeriods((bond?.yieldData?.rewardDistributionEnd ?? 0) - parseInt(bond.startVestingTimestamp ?? '0'), true).days, ' ', "days, followed by an APR bonus distributed over the pool duration.", jsx("span", { className: "ape:ml-[3px] ape:font-bold ape:cursor-pointer ape:hover:underline", style: { color: '#837fd7' }, children: 'Learn More >' })] })) : (jsxs(Fragment, { children: ["This is a Pre-TGE Bond - Tokens will be tradeable upon listing.", jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(Text, { className: "ape:normal-case", children: "Pre-TGE Bonds are a pre-sale for tokens before their Token Generation Event (TGE), when tokens are officially launched to the public." }), width: "315px", placement: "topRight", transformTip: "translate(9%, -10%)", children: jsx(Flex, { className: "ape:ml-[4px] ape:min-w-[14px]", children: jsx(QuestionCircle, { width: 12 }) }) })] })) }), jsx(Flex, { className: "ape:w-full ape:mt-[10px] ape:justify-between ape:h-[unset] ape:lg:h-[40px] ape:flex-col-reverse ape:lg:flex-row", children: !address ? (jsx(ConnectButton, {})) : (jsxs(Fragment, { children: [jsx(Flex, { className: "ape:w-full ape:lg:w-[45%] ape:justify-center", children: jsxs(Button, { variant: "secondary", onClick: () => window.open(`/swap?outputCurrency=${bond?.lpToken?.address[bond?.chainId]}&outputChain=${bond?.chainId}`, '_blank'), fullWidth: true, children: ["Get ", bond?.lpToken?.symbol] }) }), error ? (jsx(Button, { disabled: true, fullWidth: true, className: "ape:ml-0 ape:lg:ml-[10px]", children: error })) : (jsx(Button, { disabled: loading, load: loading, onClick: openTxModal, fullWidth: true, className: "ape:ml-0 ape:lg:ml-[10px]", children: "Buy" }))] })) })] }) })] }));
 };
 
 export { BuyComponentPreTGE as default };

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

@@ -1 +1 @@
-{"version":3,"file":"BuyComponentPreTGE.js","sources":["../../../src/views/BuyBond/BuyComponentPreTGE.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { styles } from './styles'\nimport { getBalanceNumber } from '../../utils/getBalanceNumber'\nimport { mulDivRound, parseUnits } from '../../utils/fixedPoint'\nimport TokenSelectorPanel from '../../components/TokenSelectorPanel'\nimport useCurrencyBalance from '../../state/balance/useCurrencyBalance'\nimport { useWriteContract } from 'wagmi'\nimport TokenImage from '../../components/uikit-sdk/TokenImage'\nimport ModalHeader from '../../components/uikit-sdk/Modal/ModalHeader'\nimport ProjectDescription from '../BuyBond/components/ProjectDescription'\nimport { TooltipText } from '../../config/constants/tooltips'\nimport { formatNumberSI } from '../../utils/formatNumber'\nimport BondCardsPreTGE from './components/BondCards/BondCardsPreTGE'\nimport useBondsData from '../../state/bonds/useBondsData'\nimport useModal from '../../hooks/useModal'\nimport TransactionModal from '../TransactionModal/TransactionModal'\nimport { useApproval } from '../../state/allowance/useAllowance'\nimport { ChainId } from '@ape.swap/apeswap-lists'\nimport launchBondsABI_V2_2_0 from '../../config/abi/launchBond_v2_4_1.json'\nimport ConnectButton from '../../components/ConnectButton'\nimport track from '../../utils/track'\nimport useEVMAccount from '../../hooks/accounts/useEVMAccount'\nimport { useSDKConfig } from '../../state/useSDKConfig'\nimport Modal from '../../components/uikit-sdk/Modal'\nimport Flex from '../../components/uikit-sdk/Flex'\nimport Text from '../../components/uikit-sdk/Text'\nimport ListTag from '../../components/uikit-sdk/Tag/ListTag'\nimport TooltipBubble from '../../components/uikit-sdk/TooltipBubble'\nimport Button from '../../components/uikit-sdk/Button/Button'\nimport { getTimePeriods } from '../../utils/getTimePeriods'\nimport QuestionCircle from '../../components/uikit-sdk/Svg/Icons/QuestionCircle'\n\nconst BuyComponentPreTGE = ({\n  bondAddress,\n  bondChain,\n  onDismiss,\n  handlePurchasedBond,\n}: {\n  bondAddress: string\n  bondChain: number\n  onDismiss?: () => void\n  handlePurchasedBond: (hash: string, inputAmount: string) => void\n}) => {\n  const SDKConfig = useSDKConfig()\n  const { data: preTGEBonds } = useBondsData()\n  const bond = preTGEBonds?.find(\n    (bond) =>\n      bond.contractAddress?.[bond.chainId]?.toLowerCase() === bondAddress.toLowerCase() && bond.chainId === bondChain,\n  )!\n  // Hooks\n  const { address } = useEVMAccount()\n  const { data: principalTokenBalance } = useCurrencyBalance(bond.lpToken, address as string, bond.chainId)\n  // Local state\n  const [inputValue, setInputValue] = useState<string>('')\n\n  // Display Values\n  const raiseGoal = getBalanceNumber(bond?.totalRaise ?? '0', 18)\n  const totalPrincipalBilled = getBalanceNumber(bond?.totalPrincipalBilled ?? '0', 18)\n  const percentageSold = (totalPrincipalBilled * 100) / raiseGoal\n  const tgePrice = bond?.tgePrice ?? 0\n  const initPrice = bond?.initPrice ?? 0\n\n  const inputValueToDisplay = parseFloat(inputValue).toFixed(2)\n  const inputValueToDisplayUSD = parseFloat(inputValueToDisplay) * parseFloat(bond?.principalTokenPrice ?? '0')\n  const youGet = parseFloat(inputValue) / initPrice\n  const youGetUSD = youGet * tgePrice\n  const bonusUSD = youGetUSD - inputValueToDisplayUSD\n\n  const apr = bond.yieldData?.apr ?? 0\n  const aprUSD = inputValueToDisplayUSD * (apr / 100)\n\n  const handleClose = () => {\n    if (typeof window !== 'undefined') {\n      window.history.pushState({}, '', `/bonds`)\n    }\n    onDismiss?.()\n  }\n\n  const [loading, setLoading] = useState<boolean>(false)\n  const [buyTxHash, setHash] = useState<string>('')\n  // Approve logic\n  const [approvalState, approveCallback] = useApproval(\n    inputValue,\n    bond.lpToken,\n    bond?.contractAddress[bond.chainId] as `0x${string}`,\n    address as string,\n    bond.chainId as ChainId,\n  )\n  const handleApprove = async () => {\n    return approveCallback().then(() => {\n      track({\n        event: 'approveBondClick',\n        chain: bondChain,\n        data: {\n          cat: bond?.billType,\n          bond: bond?.earnToken.symbol,\n        },\n      })\n    })\n  }\n  const { writeContractAsync } = useWriteContract()\n  const onBuyBill = async () => {\n    setLoading(true)\n    const amount = parseUnits(inputValue, bond?.lpToken?.decimals?.[bond?.chainId] ?? 18).toString()\n    const maxPrice = mulDivRound(BigInt(bond?.trueBondPrices?.[0].trueBondPrice ?? '0'), 102n, 100n, 'halfUp').toString()\n    const args = [amount, maxPrice, address]\n\n    await writeContractAsync({\n      address: bond?.contractAddress?.[bond.chainId] as `0x${string}`,\n      abi: launchBondsABI_V2_2_0,\n      functionName: 'deposit',\n      args: args,\n      chain: bond.chainId as any,\n      account: address,\n    })\n      .then((hash) => {\n        setHash(hash)\n        handlePurchasedBond(hash, inputValue)\n      })\n      .finally(() => {\n        setLoading(false)\n      })\n  }\n\n  const [openTxModal] = useModal(\n    <TransactionModal\n      txChain={bondChain}\n      approvalState={approvalState}\n      approveCallback={handleApprove}\n      loadingTx={loading}\n      txCallback={onBuyBill}\n      bondData={bond!}\n      inputToken={bond.lpToken}\n      inputValue={inputValue}\n      depositAmount={inputValue}\n      buyTxHash={buyTxHash}\n      rateChanged={false}\n    />,\n    false,\n    true,\n    'transactionModal',\n  )\n\n  const { data: currencyBalanceString } = useCurrencyBalance(bond.lpToken, address as string, bond.chainId)\n  const exceedsBalance = parseFloat(inputValue) > parseFloat(currencyBalanceString ?? '0')\n  const saleStartTime = (bond?.initTime?.[bond.chainId] ?? 0) * 1000\n  const saleFinishTime = (bond?.finishTime ?? 0) * 1000\n  const now = new Date().getTime()\n  const saleHasStarted = now > saleStartTime\n  const saleHasFinished = now > saleFinishTime || bond.finalized\n\n  const error = SDKConfig.blockSales\n    ? 'Complete KYC to Buy'\n    : !saleHasStarted\n      ? `Sale hasn't started`\n      : saleHasFinished\n        ? 'Sale Finished'\n        : exceedsBalance\n          ? 'Exceeds balance'\n          : percentageSold > 99.9\n            ? 'Soldout'\n            : !inputValue || parseFloat(inputValue) === 0\n              ? 'Insert amount'\n              : !bond\n                ? 'no bond'\n                : null\n\n  return (\n    <Modal onDismiss={handleClose} sx={{ width: '740px' }}>\n      <ModalHeader onDismiss={handleClose} hideDivider />\n      <Flex sx={styles.buyContainer}>\n        <Flex sx={styles.cardContainer}>\n          <Flex sx={{ width: '100%', justifyContent: 'space-between' }}>\n            <Flex>\n              <Flex>\n                <Flex className=\"title-container bondicon\">\n                  <TokenImage\n                    symbol={bond.underlyingEarnToken?.symbol || bond.earnToken.symbol}\n                    size={50}\n                    chain={bond.chainId}\n                  />\n                </Flex>\n                <Flex className=\"title-container bondname\">\n                  {bond.underlyingEarnToken?.symbol || bond.earnToken.symbol}\n                  <ListTag text={bond?.tags?.[0]} />\n                </Flex>\n              </Flex>\n              {!bond.yieldBond && (\n                <Flex sx={{ flexDirection: 'column', ml: '15px' }}>\n                  <Flex className=\"price-container price\">${bond.tgePrice}</Flex>\n                  <Flex sx={{ fontSize: '24px', fontWeight: 700 }}>${bond.initPrice}</Flex>\n                </Flex>\n              )}\n            </Flex>\n          </Flex>\n          <ProjectDescription description={bond.shortDescription} isProjectView />\n          <BondCardsPreTGE bond={bond} />\n          <Flex sx={{ ...styles.infoRowsContainer, mt: '10px' }}>\n            <Flex sx={styles.infoRow}>\n              <Text sx={styles.infoTitle}>You Spend:</Text>\n              <Text sx={styles.infoData}>\n                {isNaN(parseFloat(inputValueToDisplay)) ? 0 : inputValueToDisplay} {bond?.lpToken.symbol} = $\n                {isNaN(inputValueToDisplayUSD) ? '0' : inputValueToDisplayUSD.toFixed(2)}\n              </Text>\n            </Flex>\n            {bond.yieldBond ? (\n              <Flex sx={styles.infoRow}>\n                <Flex sx={{ ...styles.infoTitle, alignItems: 'center' }}>\n                  Yield Bonus:\n                  <TooltipBubble\n                    className=\"tooltip-bubble\"\n                    body={\n                      <Flex>\n                        This is the duration over which the bonus yield will be distributed while your initial tokens\n                        remain staked.\n                      </Flex>\n                    }\n                    width=\"230px\"\n                    placement=\"bottomLeft\"\n                    transformTip=\"translate(-5%, 0%)\"\n                  >\n                    <Flex className=\"row-container premium-icon\">\n                      <QuestionCircle width=\"12px\" />\n                    </Flex>\n                  </TooltipBubble>\n                </Flex>\n                <Text sx={{ ...styles.infoData, color: 'success' }}>${isNaN(aprUSD) ? '0' : aprUSD.toFixed(2)}</Text>\n              </Flex>\n            ) : (\n              <Flex sx={styles.infoRow}>\n                <Flex sx={{ ...styles.infoTitle, alignItems: 'center' }}>\n                  Bonus:\n                  <TooltipBubble\n                    className=\"tooltip-bubble\"\n                    body={<Flex>{TooltipText.Premium}</Flex>}\n                    width=\"230px\"\n                    placement=\"bottomLeft\"\n                    transformTip=\"translate(-5%, 0%)\"\n                  >\n                    <Flex className=\"row-container premium-icon\">\n                      <QuestionCircle width=\"12px\" />\n                    </Flex>\n                  </TooltipBubble>\n                </Flex>\n                <Text sx={{ ...styles.infoData, color: 'success' }}>\n                  ${isNaN(bonusUSD) ? '0' : bonusUSD.toFixed(2)}\n                </Text>\n              </Flex>\n            )}\n\n            <Flex sx={styles.infoRow}>\n              <Text sx={styles.infoTitle}>\n                You Get (over{' '}\n                {\n                  getTimePeriods(\n                    (bond?.yieldData?.rewardDistributionEnd ?? 0) - parseInt(bond.startVestingTimestamp ?? '0'),\n                    true,\n                  ).days\n                }{' '}\n                days):\n              </Text>\n              {bond.yieldBond ? (\n                <Flex sx={{ ...styles.infoData, alignItems: 'center', gap: '5px' }}>\n                  <TooltipBubble\n                    className=\"tooltip-bubble\"\n                    body={\n                      <Flex sx={{ width: '100%', flexDirection: 'column' }}>\n                        This is the expected total return by the end of the pool duration, including the initial tokens.\n                        <Flex sx={{ mt: '10px', mb: '5px' }}>Breakdown</Flex>\n                        <Flex sx={{ width: '100%', justifyContent: 'space-between' }}>\n                          <Flex>Initial capital:</Flex>\n                          <Flex>\n                            ${formatNumberSI(inputValueToDisplayUSD)} in {bond.underlyingEarnToken?.symbol}\n                          </Flex>\n                        </Flex>\n                        <Flex sx={{ width: '100%', justifyContent: 'space-between' }}>\n                          <Flex>Yield Bonus:</Flex>\n                          <Flex>\n                            ${formatNumberSI(aprUSD)} in {bond.underlyingEarnToken?.symbol}\n                          </Flex>\n                        </Flex>\n                      </Flex>\n                    }\n                    width=\"230px\"\n                    placement=\"bottomRight\"\n                    transformTip=\"translate(10%, 0%)\"\n                  >\n                    <Flex className=\"row-container premium-icon\">\n                      <QuestionCircle width=\"12px\" />\n                    </Flex>\n                  </TooltipBubble>\n                  ${formatNumberSI(youGetUSD + aprUSD)}\n                </Flex>\n              ) : (\n                <Text sx={styles.infoData}>\n                  {isNaN(youGet) ? 0 : formatNumberSI(youGet, 0)} {bond?.earnToken.symbol} = $\n                  {isNaN(youGetUSD) ? '0' : youGetUSD.toFixed(2)}\n                </Text>\n              )}\n            </Flex>\n          </Flex>\n          <TokenSelectorPanel\n            typedValue={inputValue}\n            setTypedValue={setInputValue}\n            selectedToken={bond?.lpToken}\n            handleValueBtn={() => setInputValue(principalTokenBalance ?? '0')}\n            handleCurrencySelect={() => null}\n            bondChainId={bond?.chainId}\n            enableZap={false}\n            bondPrincipalToken={bond?.lpToken}\n            tokenBalance={principalTokenBalance ?? undefined}\n            selectedTokenPrice={parseFloat(bond?.principalTokenPrice ?? '0')}\n            inputDisabled={false}\n            isConnected={!!address}\n          />\n          <Flex\n            sx={{\n              width: '100%',\n              background: '#DE62F366',\n              justifyContent: 'center',\n              mt: '10px',\n              borderRadius: 'normal',\n              p: '4px 10px',\n              fontSize: '12px',\n              fontWeight: 400,\n            }}\n          >\n            {bond.warningCard ? (\n              bond.warningCard\n            ) : bond.yieldBond ? (\n              <span>\n                This is a Yield Bond. Your initial capital unlocks in{' '}\n                {\n                  getTimePeriods(\n                    (bond?.yieldData?.rewardDistributionEnd ?? 0) - parseInt(bond.startVestingTimestamp ?? '0'),\n                    true,\n                  ).days\n                }{' '}\n                days, followed by an APR bonus distributed over the pool duration.\n                <span\n                  sx={{\n                    ml: '3px',\n                    color: '#837fd7',\n                    fontWeight: 700,\n                    cursor: 'pointer',\n                    ':hover': { textDecoration: 'underline' },\n                  }}\n                >\n                  {'Learn More >'}\n                </span>\n              </span>\n            ) : (\n              <>\n                This is a Pre-TGE Bond - Tokens will be tradeable upon listing.\n                <TooltipBubble\n                  className=\"tooltip-bubble\"\n                  body={\n                    <Text sx={{ textTransform: 'none' }}>\n                      Pre-TGE Bonds are a pre-sale for tokens before their Token Generation Event (TGE), when tokens are\n                      officially launched to the public.\n                    </Text>\n                  }\n                  width=\"315px\"\n                  placement=\"topRight\"\n                  transformTip=\"translate(9%, -10%)\"\n                >\n                  <Flex sx={{ ml: '4px', minWidth: '14px' }}>\n                    <QuestionCircle width={12} />\n                  </Flex>\n                </TooltipBubble>\n              </>\n            )}\n          </Flex>\n          <Flex\n            sx={{\n              width: '100%',\n              mt: '10px',\n              justifyContent: 'space-between',\n              height: ['unset', 'unset', 'unset', '40px'],\n              flexDirection: ['column-reverse', 'column-reverse', 'column-reverse', 'row'],\n            }}\n          >\n            {!address ? (\n              <ConnectButton />\n            ) : (\n              <>\n                <Flex sx={{ width: ['100%', '100%', '100%', '45%'], justifyContent: 'center' }}>\n                  <Button\n                    variant=\"secondary\"\n                    onClick={() =>\n                      window.open(\n                        `/swap?outputCurrency=${bond?.lpToken?.address[bond?.chainId]}&outputChain=${bond?.chainId}`,\n                        '_blank',\n                      )\n                    }\n                    fullWidth\n                  >\n                    Get {bond?.lpToken?.symbol}\n                  </Button>\n                </Flex>\n                {error ? (\n                  <Button disabled fullWidth sx={{ ml: ['0', '0', '0', '10px'] }}>\n                    {error}\n                  </Button>\n                ) : (\n                  <Button\n                    disabled={loading}\n                    load={loading}\n                    onClick={openTxModal}\n                    fullWidth\n                    sx={{ ml: ['0', '0', '0', '10px'] }}\n                  >\n                    Buy\n                  </Button>\n                )}\n              </>\n            )}\n          </Flex>\n        </Flex>\n      </Flex>\n    </Modal>\n  )\n}\n\nexport default BuyComponentPreTGE\n"],"names":["launchBondsABI_V2_2_0","_jsx","_jsxs","_Fragment"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCA,MAAM,kBAAkB,GAAG,CAAC,EAC1B,WAAW,EACX,SAAS,EACT,SAAS,EACT,mBAAmB,GAMpB,KAAI;AACH,IAAA,MAAM,SAAS,GAAG,YAAY,EAAE;IAChC,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,YAAY,EAAE;AAC5C,IAAA,MAAM,IAAI,GAAG,WAAW,EAAE,IAAI,CAC5B,CAAC,IAAI,KACH,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,OAAO,CAAC,EAAE,WAAW,EAAE,KAAK,WAAW,CAAC,WAAW,EAAE,IAAI,IAAI,CAAC,OAAO,KAAK,SAAS,CACjH;;AAEF,IAAA,MAAM,EAAE,OAAO,EAAE,GAAG,aAAa,EAAE;AACnC,IAAA,MAAM,EAAE,IAAI,EAAE,qBAAqB,EAAE,GAAG,kBAAkB,CAAC,IAAI,CAAC,OAAO,EAAE,OAAiB,EAAE,IAAI,CAAC,OAAO,CAAC;;IAEzG,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC;;AAGxD,IAAA,MAAM,SAAS,GAAG,gBAAgB,CAAC,IAAI,EAAE,UAAU,IAAI,GAAG,EAAE,EAAE,CAAC;AAC/D,IAAA,MAAM,oBAAoB,GAAG,gBAAgB,CAAC,IAAI,EAAE,oBAAoB,IAAI,GAAG,EAAE,EAAE,CAAC;IACpF,MAAM,cAAc,GAAG,CAAC,oBAAoB,GAAG,GAAG,IAAI,SAAS;AAC/D,IAAA,MAAM,QAAQ,GAAG,IAAI,EAAE,QAAQ,IAAI,CAAC;AACpC,IAAA,MAAM,SAAS,GAAG,IAAI,EAAE,SAAS,IAAI,CAAC;IAEtC,MAAM,mBAAmB,GAAG,UAAU,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;AAC7D,IAAA,MAAM,sBAAsB,GAAG,UAAU,CAAC,mBAAmB,CAAC,GAAG,UAAU,CAAC,IAAI,EAAE,mBAAmB,IAAI,GAAG,CAAC;IAC7G,MAAM,MAAM,GAAG,UAAU,CAAC,UAAU,CAAC,GAAG,SAAS;AACjD,IAAA,MAAM,SAAS,GAAG,MAAM,GAAG,QAAQ;AACnC,IAAA,MAAM,QAAQ,GAAG,SAAS,GAAG,sBAAsB;IAEnD,MAAM,GAAG,GAAG,IAAI,CAAC,SAAS,EAAE,GAAG,IAAI,CAAC;IACpC,MAAM,MAAM,GAAG,sBAAsB,IAAI,GAAG,GAAG,GAAG,CAAC;IAEnD,MAAM,WAAW,GAAG,MAAK;AACvB,QAAA,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;YACjC,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,EAAE,EAAE,EAAE,CAAA,MAAA,CAAQ,CAAC;QAC5C;QACA,SAAS,IAAI;AACf,IAAA,CAAC;IAED,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC;IACtD,MAAM,CAAC,SAAS,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC;;AAEjD,IAAA,MAAM,CAAC,aAAa,EAAE,eAAe,CAAC,GAAG,WAAW,CAClD,UAAU,EACV,IAAI,CAAC,OAAO,EACZ,IAAI,EAAE,eAAe,CAAC,IAAI,CAAC,OAAO,CAAkB,EACpD,OAAiB,EACjB,IAAI,CAAC,OAAkB,CACxB;AACD,IAAA,MAAM,aAAa,GAAG,YAAW;AAC/B,QAAA,OAAO,eAAe,EAAE,CAAC,IAAI,CAAC,MAAK;AACjC,YAAA,KAAK,CAAC;AACJ,gBAAA,KAAK,EAAE,kBAAkB;AACzB,gBAAA,KAAK,EAAE,SAAS;AAChB,gBAAA,IAAI,EAAE;oBACJ,GAAG,EAAE,IAAI,EAAE,QAAQ;AACnB,oBAAA,IAAI,EAAE,IAAI,EAAE,SAAS,CAAC,MAAM;AAC7B,iBAAA;AACF,aAAA,CAAC;AACJ,QAAA,CAAC,CAAC;AACJ,IAAA,CAAC;AACD,IAAA,MAAM,EAAE,kBAAkB,EAAE,GAAG,gBAAgB,EAAE;AACjD,IAAA,MAAM,SAAS,GAAG,YAAW;QAC3B,UAAU,CAAC,IAAI,CAAC;QAChB,MAAM,MAAM,GAAG,UAAU,CAAC,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,GAAG,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC,QAAQ,EAAE;AAChG,QAAA,MAAM,QAAQ,GAAG,WAAW,CAAC,MAAM,CAAC,IAAI,EAAE,cAAc,GAAG,CAAC,CAAC,CAAC,aAAa,IAAI,GAAG,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAC,QAAQ,EAAE;QACrH,MAAM,IAAI,GAAG,CAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAC;AAExC,QAAA,MAAM,kBAAkB,CAAC;YACvB,OAAO,EAAE,IAAI,EAAE,eAAe,GAAG,IAAI,CAAC,OAAO,CAAkB;AAC/D,YAAA,GAAG,EAAEA,qBAAqB;AAC1B,YAAA,YAAY,EAAE,SAAS;AACvB,YAAA,IAAI,EAAE,IAAI;YACV,KAAK,EAAE,IAAI,CAAC,OAAc;AAC1B,YAAA,OAAO,EAAE,OAAO;SACjB;AACE,aAAA,IAAI,CAAC,CAAC,IAAI,KAAI;YACb,OAAO,CAAC,IAAI,CAAC;AACb,YAAA,mBAAmB,CAAC,IAAI,EAAE,UAAU,CAAC;AACvC,QAAA,CAAC;aACA,OAAO,CAAC,MAAK;YACZ,UAAU,CAAC,KAAK,CAAC;AACnB,QAAA,CAAC,CAAC;AACN,IAAA,CAAC;AAED,IAAA,MAAM,CAAC,WAAW,CAAC,GAAG,QAAQ,CAC5BC,GAAA,CAAC,gBAAgB,EAAA,EACf,OAAO,EAAE,SAAS,EAClB,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,aAAa,EAC9B,SAAS,EAAE,OAAO,EAClB,UAAU,EAAE,SAAS,EACrB,QAAQ,EAAE,IAAK,EACf,UAAU,EAAE,IAAI,CAAC,OAAO,EACxB,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,UAAU,EACzB,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,KAAK,EAAA,CAClB,EACF,KAAK,EACL,IAAI,EACJ,kBAAkB,CACnB;AAED,IAAA,MAAM,EAAE,IAAI,EAAE,qBAAqB,EAAE,GAAG,kBAAkB,CAAC,IAAI,CAAC,OAAO,EAAE,OAAiB,EAAE,IAAI,CAAC,OAAO,CAAC;AACzG,IAAA,MAAM,cAAc,GAAG,UAAU,CAAC,UAAU,CAAC,GAAG,UAAU,CAAC,qBAAqB,IAAI,GAAG,CAAC;AACxF,IAAA,MAAM,aAAa,GAAG,CAAC,IAAI,EAAE,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,IAAI;IAClE,MAAM,cAAc,GAAG,CAAC,IAAI,EAAE,UAAU,IAAI,CAAC,IAAI,IAAI;IACrD,MAAM,GAAG,GAAG,IAAI,IAAI,EAAE,CAAC,OAAO,EAAE;AAChC,IAAA,MAAM,cAAc,GAAG,GAAG,GAAG,aAAa;IAC1C,MAAM,eAAe,GAAG,GAAG,GAAG,cAAc,IAAI,IAAI,CAAC,SAAS;AAE9D,IAAA,MAAM,KAAK,GAAG,SAAS,CAAC;AACtB,UAAE;UACA,CAAC;AACD,cAAE,CAAA,mBAAA;AACF,cAAE;AACA,kBAAE;AACF,kBAAE;AACA,sBAAE;sBACA,cAAc,GAAG;AACjB,0BAAE;0BACA,CAAC,UAAU,IAAI,UAAU,CAAC,UAAU,CAAC,KAAK;AAC1C,8BAAE;8BACA,CAAC;AACD,kCAAE;kCACA,IAAI;IAEpB,QACEC,KAAC,KAAK,EAAA,EAAC,SAAS,EAAE,WAAW,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EAAA,QAAA,EAAA,CACnDD,GAAA,CAAC,WAAW,IAAC,SAAS,EAAE,WAAW,EAAE,WAAW,EAAA,IAAA,EAAA,CAAG,EACnDA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,MAAM,CAAC,YAAY,EAAA,QAAA,EAC3BC,IAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,MAAM,CAAC,aAAa,EAAA,QAAA,EAAA,CAC5BD,GAAA,CAAC,IAAI,IAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,cAAc,EAAE,eAAe,EAAE,EAAA,QAAA,EAC1DC,IAAA,CAAC,IAAI,EAAA,EAAA,QAAA,EAAA,CACHA,IAAA,CAAC,IAAI,EAAA,EAAA,QAAA,EAAA,CACHD,GAAA,CAAC,IAAI,IAAC,SAAS,EAAC,0BAA0B,EAAA,QAAA,EACxCA,GAAA,CAAC,UAAU,IACT,MAAM,EAAE,IAAI,CAAC,mBAAmB,EAAE,MAAM,IAAI,IAAI,CAAC,SAAS,CAAC,MAAM,EACjE,IAAI,EAAE,EAAE,EACR,KAAK,EAAE,IAAI,CAAC,OAAO,EAAA,CACnB,EAAA,CACG,EACPC,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,0BAA0B,EAAA,QAAA,EAAA,CACvC,IAAI,CAAC,mBAAmB,EAAE,MAAM,IAAI,IAAI,CAAC,SAAS,CAAC,MAAM,EAC1DD,GAAA,CAAC,OAAO,EAAA,EAAC,IAAI,EAAE,IAAI,EAAE,IAAI,GAAG,CAAC,CAAC,EAAA,CAAI,CAAA,EAAA,CAC7B,CAAA,EAAA,CACF,EACN,CAAC,IAAI,CAAC,SAAS,KACdC,IAAA,CAAC,IAAI,IAAC,EAAE,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,EAAA,QAAA,EAAA,CAC/CA,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,uBAAuB,EAAA,QAAA,EAAA,CAAA,GAAA,EAAG,IAAI,CAAC,QAAQ,CAAA,EAAA,CAAQ,EAC/DA,IAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,EAAE,EAAA,QAAA,EAAA,CAAA,GAAA,EAAI,IAAI,CAAC,SAAS,CAAA,EAAA,CAAQ,CAAA,EAAA,CACpE,CACR,CAAA,EAAA,CACI,EAAA,CACF,EACPD,IAAC,kBAAkB,EAAA,EAAC,WAAW,EAAE,IAAI,CAAC,gBAAgB,EAAE,aAAa,EAAA,IAAA,EAAA,CAAG,EACxEA,GAAA,CAAC,eAAe,IAAC,IAAI,EAAE,IAAI,EAAA,CAAI,EAC/BC,IAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,GAAG,MAAM,CAAC,iBAAiB,EAAE,EAAE,EAAE,MAAM,EAAE,aACnDA,IAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,MAAM,CAAC,OAAO,EAAA,QAAA,EAAA,CACtBD,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,MAAM,CAAC,SAAS,EAAA,QAAA,EAAA,YAAA,EAAA,CAAmB,EAC7CC,IAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,MAAM,CAAC,QAAQ,aACtB,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,CAAC,GAAG,CAAC,GAAG,mBAAmB,EAAA,GAAA,EAAG,IAAI,EAAE,OAAO,CAAC,MAAM,EAAA,MAAA,EACvF,KAAK,CAAC,sBAAsB,CAAC,GAAG,GAAG,GAAG,sBAAsB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA,EAAA,CACnE,CAAA,EAAA,CACF,EACN,IAAI,CAAC,SAAS,IACbA,IAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,MAAM,CAAC,OAAO,EAAA,QAAA,EAAA,CACtBA,IAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,GAAG,MAAM,CAAC,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAA,QAAA,EAAA,CAAA,cAAA,EAErDD,GAAA,CAAC,aAAa,IACZ,SAAS,EAAC,gBAAgB,EAC1B,IAAI,EACFA,IAAC,IAAI,EAAA,EAAA,QAAA,EAAA,8GAAA,EAAA,CAGE,EAET,KAAK,EAAC,OAAO,EACb,SAAS,EAAC,YAAY,EACtB,YAAY,EAAC,oBAAoB,EAAA,QAAA,EAEjCA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,4BAA4B,EAAA,QAAA,EAC1CA,GAAA,CAAC,cAAc,EAAA,EAAC,KAAK,EAAC,MAAM,EAAA,CAAG,EAAA,CAC1B,EAAA,CACO,CAAA,EAAA,CACX,EACPC,IAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,GAAG,MAAM,CAAC,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,kBAAI,KAAK,CAAC,MAAM,CAAC,GAAG,GAAG,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA,EAAA,CAAQ,CAAA,EAAA,CAChG,KAEPA,IAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,MAAM,CAAC,OAAO,EAAA,QAAA,EAAA,CACtBA,IAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,GAAG,MAAM,CAAC,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,uBAErDD,GAAA,CAAC,aAAa,EAAA,EACZ,SAAS,EAAC,gBAAgB,EAC1B,IAAI,EAAEA,IAAC,IAAI,EAAA,EAAA,QAAA,EAAE,WAAW,CAAC,OAAO,EAAA,CAAQ,EACxC,KAAK,EAAC,OAAO,EACb,SAAS,EAAC,YAAY,EACtB,YAAY,EAAC,oBAAoB,EAAA,QAAA,EAEjCA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,4BAA4B,EAAA,QAAA,EAC1CA,GAAA,CAAC,cAAc,EAAA,EAAC,KAAK,EAAC,MAAM,EAAA,CAAG,EAAA,CAC1B,EAAA,CACO,CAAA,EAAA,CACX,EACPC,KAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,GAAG,MAAM,CAAC,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,EAAA,QAAA,EAAA,CAAA,GAAA,EAC9C,KAAK,CAAC,QAAQ,CAAC,GAAG,GAAG,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA,EAAA,CACxC,CAAA,EAAA,CACF,CACR,EAEDA,IAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,MAAM,CAAC,OAAO,EAAA,QAAA,EAAA,CACtBA,IAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,MAAM,CAAC,SAAS,EAAA,QAAA,EAAA,CAAA,eAAA,EACV,GAAG,EAEf,cAAc,CACZ,CAAC,IAAI,EAAE,SAAS,EAAE,qBAAqB,IAAI,CAAC,IAAI,QAAQ,CAAC,IAAI,CAAC,qBAAqB,IAAI,GAAG,CAAC,EAC3F,IAAI,CACL,CAAC,IAAI,EACN,GAAG,cAEA,EACN,IAAI,CAAC,SAAS,IACbA,IAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,GAAG,MAAM,CAAC,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,KAAK,EAAE,aAChED,GAAA,CAAC,aAAa,EAAA,EACZ,SAAS,EAAC,gBAAgB,EAC1B,IAAI,EACFC,IAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,EAAA,QAAA,EAAA,CAAA,kGAAA,EAElDD,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAA,QAAA,EAAA,WAAA,EAAA,CAAkB,EACrDC,IAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,cAAc,EAAE,eAAe,EAAE,EAAA,QAAA,EAAA,CAC1DD,IAAC,IAAI,EAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,CAAwB,EAC7BC,IAAA,CAAC,IAAI,EAAA,EAAA,QAAA,EAAA,CAAA,GAAA,EACD,cAAc,CAAC,sBAAsB,CAAC,EAAA,MAAA,EAAM,IAAI,CAAC,mBAAmB,EAAE,MAAM,CAAA,EAAA,CACzE,CAAA,EAAA,CACF,EACPA,IAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,cAAc,EAAE,eAAe,EAAE,EAAA,QAAA,EAAA,CAC1DD,IAAC,IAAI,EAAA,EAAA,QAAA,EAAA,cAAA,EAAA,CAAoB,EACzBC,IAAA,CAAC,IAAI,EAAA,EAAA,QAAA,EAAA,CAAA,GAAA,EACD,cAAc,CAAC,MAAM,CAAC,EAAA,MAAA,EAAM,IAAI,CAAC,mBAAmB,EAAE,MAAM,CAAA,EAAA,CACzD,CAAA,EAAA,CACF,CAAA,EAAA,CACF,EAET,KAAK,EAAC,OAAO,EACb,SAAS,EAAC,aAAa,EACvB,YAAY,EAAC,oBAAoB,EAAA,QAAA,EAEjCD,GAAA,CAAC,IAAI,IAAC,SAAS,EAAC,4BAA4B,EAAA,QAAA,EAC1CA,GAAA,CAAC,cAAc,IAAC,KAAK,EAAC,MAAM,EAAA,CAAG,EAAA,CAC1B,EAAA,CACO,OACd,cAAc,CAAC,SAAS,GAAG,MAAM,CAAC,IAC/B,KAEPC,IAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,MAAM,CAAC,QAAQ,aACtB,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,cAAc,CAAC,MAAM,EAAE,CAAC,CAAC,EAAA,GAAA,EAAG,IAAI,EAAE,SAAS,CAAC,MAAM,EAAA,MAAA,EACtE,KAAK,CAAC,SAAS,CAAC,GAAG,GAAG,GAAG,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,IACzC,CACR,CAAA,EAAA,CACI,CAAA,EAAA,CACF,EACPD,GAAA,CAAC,kBAAkB,IACjB,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,aAAa,EAAE,IAAI,EAAE,OAAO,EAC5B,cAAc,EAAE,MAAM,aAAa,CAAC,qBAAqB,IAAI,GAAG,CAAC,EACjE,oBAAoB,EAAE,MAAM,IAAI,EAChC,WAAW,EAAE,IAAI,EAAE,OAAO,EAC1B,SAAS,EAAE,KAAK,EAChB,kBAAkB,EAAE,IAAI,EAAE,OAAO,EACjC,YAAY,EAAE,qBAAqB,IAAI,SAAS,EAChD,kBAAkB,EAAE,UAAU,CAAC,IAAI,EAAE,mBAAmB,IAAI,GAAG,CAAC,EAChE,aAAa,EAAE,KAAK,EACpB,WAAW,EAAE,CAAC,CAAC,OAAO,EAAA,CACtB,EACFA,GAAA,CAAC,IAAI,EAAA,EACH,EAAE,EAAE;AACF,gCAAA,KAAK,EAAE,MAAM;AACb,gCAAA,UAAU,EAAE,WAAW;AACvB,gCAAA,cAAc,EAAE,QAAQ;AACxB,gCAAA,EAAE,EAAE,MAAM;AACV,gCAAA,YAAY,EAAE,QAAQ;AACtB,gCAAA,CAAC,EAAE,UAAU;AACb,gCAAA,QAAQ,EAAE,MAAM;AAChB,gCAAA,UAAU,EAAE,GAAG;6BAChB,EAAA,QAAA,EAEA,IAAI,CAAC,WAAW,IACf,IAAI,CAAC,WAAW,IACd,IAAI,CAAC,SAAS,IAChBC,IAAA,CAAA,MAAA,EAAA,EAAA,QAAA,EAAA,CAAA,uDAAA,EACwD,GAAG,EAEvD,cAAc,CACZ,CAAC,IAAI,EAAE,SAAS,EAAE,qBAAqB,IAAI,CAAC,IAAI,QAAQ,CAAC,IAAI,CAAC,qBAAqB,IAAI,GAAG,CAAC,EAC3F,IAAI,CACL,CAAC,IAAI,EACN,GAAG,EAAA,oEAAA,EAELD,GAAA,CAAA,MAAA,EAAA,EACE,EAAE,EAAE;AACF,4CAAA,EAAE,EAAE,KAAK;AACT,4CAAA,KAAK,EAAE,SAAS;AAChB,4CAAA,UAAU,EAAE,GAAG;AACf,4CAAA,MAAM,EAAE,SAAS;AACjB,4CAAA,QAAQ,EAAE,EAAE,cAAc,EAAE,WAAW,EAAE;AAC1C,yCAAA,EAAA,QAAA,EAEA,cAAc,EAAA,CACV,CAAA,EAAA,CACF,KAEPC,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CAAA,iEAAA,EAEEF,IAAC,aAAa,EAAA,EACZ,SAAS,EAAC,gBAAgB,EAC1B,IAAI,EACFA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,EAAA,QAAA,EAAA,uIAAA,EAAA,CAG5B,EAET,KAAK,EAAC,OAAO,EACb,SAAS,EAAC,UAAU,EACpB,YAAY,EAAC,qBAAqB,EAAA,QAAA,EAElCA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAA,QAAA,EACvCA,GAAA,CAAC,cAAc,EAAA,EAAC,KAAK,EAAE,EAAE,GAAI,EAAA,CACxB,EAAA,CACO,CAAA,EAAA,CACf,CACJ,GACI,EACPA,GAAA,CAAC,IAAI,EAAA,EACH,EAAE,EAAE;AACF,gCAAA,KAAK,EAAE,MAAM;AACb,gCAAA,EAAE,EAAE,MAAM;AACV,gCAAA,cAAc,EAAE,eAAe;gCAC/B,MAAM,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,CAAC;gCAC3C,aAAa,EAAE,CAAC,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,KAAK,CAAC;AAC7E,6BAAA,EAAA,QAAA,EAEA,CAAC,OAAO,IACPA,GAAA,CAAC,aAAa,EAAA,EAAA,CAAG,KAEjBC,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACEF,IAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,cAAc,EAAE,QAAQ,EAAE,EAAA,QAAA,EAC5EC,IAAA,CAAC,MAAM,EAAA,EACL,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,MACP,MAAM,CAAC,IAAI,CACT,CAAA,qBAAA,EAAwB,IAAI,EAAE,OAAO,EAAE,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,CAAA,aAAA,EAAgB,IAAI,EAAE,OAAO,CAAA,CAAE,EAC5F,QAAQ,CACT,EAEH,SAAS,EAAA,IAAA,EAAA,QAAA,EAAA,CAAA,MAAA,EAEJ,IAAI,EAAE,OAAO,EAAE,MAAM,CAAA,EAAA,CACnB,GACJ,EACN,KAAK,IACJD,GAAA,CAAC,MAAM,EAAA,EAAC,QAAQ,EAAA,IAAA,EAAC,SAAS,EAAA,IAAA,EAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,CAAC,EAAE,EAAA,QAAA,EAC3D,KAAK,EAAA,CACC,KAETA,GAAA,CAAC,MAAM,EAAA,EACL,QAAQ,EAAE,OAAO,EACjB,IAAI,EAAE,OAAO,EACb,OAAO,EAAE,WAAW,EACpB,SAAS,EAAA,IAAA,EACT,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,CAAC,EAAE,EAAA,QAAA,EAAA,KAAA,EAAA,CAG5B,CACV,IACA,CACJ,EAAA,CACI,IACF,EAAA,CACF,CAAA,EAAA,CACD;AAEZ;;;;"}
+{"version":3,"file":"BuyComponentPreTGE.js","sources":["../../../src/views/BuyBond/BuyComponentPreTGE.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { getBalanceNumber } from '../../utils/getBalanceNumber'\nimport { mulDivRound, parseUnits } from '../../utils/fixedPoint'\nimport TokenSelectorPanel from '../../components/TokenSelectorPanel'\nimport useCurrencyBalance from '../../state/balance/useCurrencyBalance'\nimport { useWriteContract } from 'wagmi'\nimport TokenImage from '../../components/uikit-sdk/TokenImage'\nimport ModalHeader from '../../components/uikit-sdk/Modal/ModalHeader'\nimport ProjectDescription from '../BuyBond/components/ProjectDescription'\nimport { TooltipText } from '../../config/constants/tooltips'\nimport { formatNumberSI } from '../../utils/formatNumber'\nimport BondCardsPreTGE from './components/BondCards/BondCardsPreTGE'\nimport useBondsData from '../../state/bonds/useBondsData'\nimport useModal from '../../hooks/useModal'\nimport TransactionModal from '../TransactionModal/TransactionModal'\nimport { useApproval } from '../../state/allowance/useAllowance'\nimport { ChainId } from '@ape.swap/apeswap-lists'\nimport launchBondsABI_V2_2_0 from '../../config/abi/launchBond_v2_4_1.json'\nimport ConnectButton from '../../components/ConnectButton'\nimport track from '../../utils/track'\nimport useEVMAccount from '../../hooks/accounts/useEVMAccount'\nimport { useSDKConfig } from '../../state/useSDKConfig'\nimport Modal from '../../components/uikit-sdk/Modal'\nimport Flex from '../../components/uikit-sdk/Flex'\nimport Text from '../../components/uikit-sdk/Text'\nimport ListTag from '../../components/uikit-sdk/Tag/ListTag'\nimport TooltipBubble from '../../components/uikit-sdk/TooltipBubble'\nimport Button from '../../components/uikit-sdk/Button/Button'\nimport { getTimePeriods } from '../../utils/getTimePeriods'\nimport QuestionCircle from '../../components/uikit-sdk/Svg/Icons/QuestionCircle'\n\nconst infoRowClasses = 'ape:w-full ape:justify-between'\nconst infoTitleClasses = 'ape:font-normal'\nconst infoDataClasses = 'ape:font-bold'\n\nconst BuyComponentPreTGE = ({\n  bondAddress,\n  bondChain,\n  onDismiss,\n  handlePurchasedBond,\n}: {\n  bondAddress: string\n  bondChain: number\n  onDismiss?: () => void\n  handlePurchasedBond: (hash: string, inputAmount: string) => void\n}) => {\n  const SDKConfig = useSDKConfig()\n  const { data: preTGEBonds } = useBondsData()\n  const bond = preTGEBonds?.find(\n    (bond) =>\n      bond.contractAddress?.[bond.chainId]?.toLowerCase() === bondAddress.toLowerCase() && bond.chainId === bondChain,\n  )!\n  // Hooks\n  const { address } = useEVMAccount()\n  const { data: principalTokenBalance } = useCurrencyBalance(bond.lpToken, address as string, bond.chainId)\n  // Local state\n  const [inputValue, setInputValue] = useState<string>('')\n\n  // Display Values\n  const raiseGoal = getBalanceNumber(bond?.totalRaise ?? '0', 18)\n  const totalPrincipalBilled = getBalanceNumber(bond?.totalPrincipalBilled ?? '0', 18)\n  const percentageSold = (totalPrincipalBilled * 100) / raiseGoal\n  const tgePrice = bond?.tgePrice ?? 0\n  const initPrice = bond?.initPrice ?? 0\n\n  const inputValueToDisplay = parseFloat(inputValue).toFixed(2)\n  const inputValueToDisplayUSD = parseFloat(inputValueToDisplay) * parseFloat(bond?.principalTokenPrice ?? '0')\n  const youGet = parseFloat(inputValue) / initPrice\n  const youGetUSD = youGet * tgePrice\n  const bonusUSD = youGetUSD - inputValueToDisplayUSD\n\n  const apr = bond.yieldData?.apr ?? 0\n  const aprUSD = inputValueToDisplayUSD * (apr / 100)\n\n  const handleClose = () => {\n    if (typeof window !== 'undefined') {\n      window.history.pushState({}, '', `/bonds`)\n    }\n    onDismiss?.()\n  }\n\n  const [loading, setLoading] = useState<boolean>(false)\n  const [buyTxHash, setHash] = useState<string>('')\n  // Approve logic\n  const [approvalState, approveCallback] = useApproval(\n    inputValue,\n    bond.lpToken,\n    bond?.contractAddress[bond.chainId] as `0x${string}`,\n    address as string,\n    bond.chainId as ChainId,\n  )\n  const handleApprove = async () => {\n    return approveCallback().then(() => {\n      track({\n        event: 'approveBondClick',\n        chain: bondChain,\n        data: {\n          cat: bond?.billType,\n          bond: bond?.earnToken.symbol,\n        },\n      })\n    })\n  }\n  const { writeContractAsync } = useWriteContract()\n  const onBuyBill = async () => {\n    setLoading(true)\n    const amount = parseUnits(inputValue, bond?.lpToken?.decimals?.[bond?.chainId] ?? 18).toString()\n    const maxPrice = mulDivRound(BigInt(bond?.trueBondPrices?.[0].trueBondPrice ?? '0'), 102n, 100n, 'halfUp').toString()\n    const args = [amount, maxPrice, address]\n\n    await writeContractAsync({\n      address: bond?.contractAddress?.[bond.chainId] as `0x${string}`,\n      abi: launchBondsABI_V2_2_0,\n      functionName: 'deposit',\n      args: args,\n      chain: bond.chainId as any,\n      account: address,\n    })\n      .then((hash) => {\n        setHash(hash)\n        handlePurchasedBond(hash, inputValue)\n      })\n      .finally(() => {\n        setLoading(false)\n      })\n  }\n\n  const [openTxModal] = useModal(\n    <TransactionModal\n      txChain={bondChain}\n      approvalState={approvalState}\n      approveCallback={handleApprove}\n      loadingTx={loading}\n      txCallback={onBuyBill}\n      bondData={bond!}\n      inputToken={bond.lpToken}\n      inputValue={inputValue}\n      depositAmount={inputValue}\n      buyTxHash={buyTxHash}\n      rateChanged={false}\n    />,\n    false,\n    true,\n    'transactionModal',\n  )\n\n  const { data: currencyBalanceString } = useCurrencyBalance(bond.lpToken, address as string, bond.chainId)\n  const exceedsBalance = parseFloat(inputValue) > parseFloat(currencyBalanceString ?? '0')\n  const saleStartTime = (bond?.initTime?.[bond.chainId] ?? 0) * 1000\n  const saleFinishTime = (bond?.finishTime ?? 0) * 1000\n  const now = new Date().getTime()\n  const saleHasStarted = now > saleStartTime\n  const saleHasFinished = now > saleFinishTime || bond.finalized\n\n  const error = SDKConfig.blockSales\n    ? 'Complete KYC to Buy'\n    : !saleHasStarted\n      ? `Sale hasn't started`\n      : saleHasFinished\n        ? 'Sale Finished'\n        : exceedsBalance\n          ? 'Exceeds balance'\n          : percentageSold > 99.9\n            ? 'Soldout'\n            : !inputValue || parseFloat(inputValue) === 0\n              ? 'Insert amount'\n              : !bond\n                ? 'no bond'\n                : null\n\n  return (\n    <Modal onDismiss={handleClose} className=\"ape:w-[740px]!\">\n      <ModalHeader onDismiss={handleClose} hideDivider />\n      <Flex className=\"ape:w-full ape:mb-[30px] ape:lg:mb-0 ape:flex-col\">\n        <Flex className=\"ape:w-full ape:bg-white2 ape:rounded-normal ape:flex-col\">\n          <Flex className=\"ape:w-full ape:justify-between\">\n            <Flex>\n              <Flex>\n                <Flex className=\"title-container bondicon ape:flex ape:flex-row ape:items-center ape:relative\">\n                  <TokenImage\n                    symbol={bond.underlyingEarnToken?.symbol || bond.earnToken.symbol}\n                    size={50}\n                    chain={bond.chainId}\n                  />\n                </Flex>\n                <Flex className=\"title-container bondname ape:flex ape:flex-col ape:pl-[20px] ape:text-[24px] ape:font-bold\">\n                  {bond.underlyingEarnToken?.symbol || bond.earnToken.symbol}\n                  <ListTag text={bond?.tags?.[0]} />\n                </Flex>\n              </Flex>\n              {!bond.yieldBond && (\n                <Flex className=\"ape:flex-col ape:ml-[15px]\">\n                  <Flex className=\"price-container price ape:line-through ape:opacity-50 ape:font-normal\">${bond.tgePrice}</Flex>\n                  <Flex className=\"ape:text-[24px] ape:font-bold\">${bond.initPrice}</Flex>\n                </Flex>\n              )}\n            </Flex>\n          </Flex>\n          <ProjectDescription description={bond.shortDescription} isProjectView />\n          <BondCardsPreTGE bond={bond} />\n          <Flex className=\"ape:w-full ape:flex-col ape:mb-[10px] ape:mt-[10px]\">\n            <Flex className={infoRowClasses}>\n              <Text size=\"12px\" className={infoTitleClasses}>\n                You Spend:\n              </Text>\n              <Text size=\"12px\" className={infoDataClasses}>\n                {isNaN(parseFloat(inputValueToDisplay)) ? 0 : inputValueToDisplay} {bond?.lpToken.symbol} = $\n                {isNaN(inputValueToDisplayUSD) ? '0' : inputValueToDisplayUSD.toFixed(2)}\n              </Text>\n            </Flex>\n            {bond.yieldBond ? (\n              <Flex className={infoRowClasses}>\n                <Flex className={`${infoTitleClasses} ape:items-center`}>\n                  Yield Bonus:\n                  <TooltipBubble\n                    className=\"tooltip-bubble\"\n                    body={\n                      <Flex>\n                        This is the duration over which the bonus yield will be distributed while your initial tokens\n                        remain staked.\n                      </Flex>\n                    }\n                    width=\"230px\"\n                    placement=\"bottomLeft\"\n                    transformTip=\"translate(-5%, 0%)\"\n                  >\n                    <Flex className=\"row-container premium-icon ape:flex ape:font-normal ape:items-start ape:pl-[5px] ape:cursor-pointer\">\n                      <QuestionCircle width=\"12px\" />\n                    </Flex>\n                  </TooltipBubble>\n                </Flex>\n                <Text size=\"12px\" className={infoDataClasses} style={{ color: 'var(--ape-color-success)' }}>\n                  ${isNaN(aprUSD) ? '0' : aprUSD.toFixed(2)}\n                </Text>\n              </Flex>\n            ) : (\n              <Flex className={infoRowClasses}>\n                <Flex className={`${infoTitleClasses} ape:items-center`}>\n                  Bonus:\n                  <TooltipBubble\n                    className=\"tooltip-bubble\"\n                    body={<Flex>{TooltipText.Premium}</Flex>}\n                    width=\"230px\"\n                    placement=\"bottomLeft\"\n                    transformTip=\"translate(-5%, 0%)\"\n                  >\n                    <Flex className=\"row-container premium-icon ape:flex ape:font-normal ape:items-start ape:pl-[5px] ape:cursor-pointer\">\n                      <QuestionCircle width=\"12px\" />\n                    </Flex>\n                  </TooltipBubble>\n                </Flex>\n                <Text size=\"12px\" className={infoDataClasses} style={{ color: 'var(--ape-color-success)' }}>\n                  ${isNaN(bonusUSD) ? '0' : bonusUSD.toFixed(2)}\n                </Text>\n              </Flex>\n            )}\n\n            <Flex className={infoRowClasses}>\n              <Text size=\"12px\" className={infoTitleClasses}>\n                You Get (over{' '}\n                {\n                  getTimePeriods(\n                    (bond?.yieldData?.rewardDistributionEnd ?? 0) - parseInt(bond.startVestingTimestamp ?? '0'),\n                    true,\n                  ).days\n                }{' '}\n                days):\n              </Text>\n              {bond.yieldBond ? (\n                <Flex className={`${infoDataClasses} ape:items-center ape:gap-[5px] ape:text-[12px]`}>\n                  <TooltipBubble\n                    className=\"tooltip-bubble\"\n                    body={\n                      <Flex className=\"ape:w-full ape:flex-col\">\n                        This is the expected total return by the end of the pool duration, including the initial tokens.\n                        <Flex className=\"ape:mt-[10px] ape:mb-[5px]\">Breakdown</Flex>\n                        <Flex className=\"ape:w-full ape:justify-between\">\n                          <Flex>Initial capital:</Flex>\n                          <Flex>\n                            ${formatNumberSI(inputValueToDisplayUSD)} in {bond.underlyingEarnToken?.symbol}\n                          </Flex>\n                        </Flex>\n                        <Flex className=\"ape:w-full ape:justify-between\">\n                          <Flex>Yield Bonus:</Flex>\n                          <Flex>\n                            ${formatNumberSI(aprUSD)} in {bond.underlyingEarnToken?.symbol}\n                          </Flex>\n                        </Flex>\n                      </Flex>\n                    }\n                    width=\"230px\"\n                    placement=\"bottomRight\"\n                    transformTip=\"translate(10%, 0%)\"\n                  >\n                    <Flex className=\"row-container premium-icon ape:flex ape:font-normal ape:items-start ape:pl-[5px] ape:cursor-pointer\">\n                      <QuestionCircle width=\"12px\" />\n                    </Flex>\n                  </TooltipBubble>\n                  ${formatNumberSI(youGetUSD + aprUSD)}\n                </Flex>\n              ) : (\n                <Text size=\"12px\" className={infoDataClasses}>\n                  {isNaN(youGet) ? 0 : formatNumberSI(youGet, 0)} {bond?.earnToken.symbol} = $\n                  {isNaN(youGetUSD) ? '0' : youGetUSD.toFixed(2)}\n                </Text>\n              )}\n            </Flex>\n          </Flex>\n          <TokenSelectorPanel\n            typedValue={inputValue}\n            setTypedValue={setInputValue}\n            selectedToken={bond?.lpToken}\n            handleValueBtn={() => setInputValue(principalTokenBalance ?? '0')}\n            handleCurrencySelect={() => null}\n            bondChainId={bond?.chainId}\n            enableZap={false}\n            bondPrincipalToken={bond?.lpToken}\n            tokenBalance={principalTokenBalance ?? undefined}\n            selectedTokenPrice={parseFloat(bond?.principalTokenPrice ?? '0')}\n            inputDisabled={false}\n            isConnected={!!address}\n          />\n          <Flex\n            className=\"ape:w-full ape:justify-center ape:mt-[10px] ape:rounded-normal ape:p-[4px_10px] ape:text-[12px] ape:font-normal\"\n            style={{ background: '#DE62F366' }}\n          >\n            {bond.warningCard ? (\n              bond.warningCard\n            ) : bond.yieldBond ? (\n              <span>\n                This is a Yield Bond. Your initial capital unlocks in{' '}\n                {\n                  getTimePeriods(\n                    (bond?.yieldData?.rewardDistributionEnd ?? 0) - parseInt(bond.startVestingTimestamp ?? '0'),\n                    true,\n                  ).days\n                }{' '}\n                days, followed by an APR bonus distributed over the pool duration.\n                <span\n                  className=\"ape:ml-[3px] ape:font-bold ape:cursor-pointer ape:hover:underline\"\n                  style={{ color: '#837fd7' }}\n                >\n                  {'Learn More >'}\n                </span>\n              </span>\n            ) : (\n              <>\n                This is a Pre-TGE Bond - Tokens will be tradeable upon listing.\n                <TooltipBubble\n                  className=\"tooltip-bubble\"\n                  body={\n                    <Text className=\"ape:normal-case\">\n                      Pre-TGE Bonds are a pre-sale for tokens before their Token Generation Event (TGE), when tokens are\n                      officially launched to the public.\n                    </Text>\n                  }\n                  width=\"315px\"\n                  placement=\"topRight\"\n                  transformTip=\"translate(9%, -10%)\"\n                >\n                  <Flex className=\"ape:ml-[4px] ape:min-w-[14px]\">\n                    <QuestionCircle width={12} />\n                  </Flex>\n                </TooltipBubble>\n              </>\n            )}\n          </Flex>\n          <Flex className=\"ape:w-full ape:mt-[10px] ape:justify-between ape:h-[unset] ape:lg:h-[40px] ape:flex-col-reverse ape:lg:flex-row\">\n            {!address ? (\n              <ConnectButton />\n            ) : (\n              <>\n                <Flex className=\"ape:w-full ape:lg:w-[45%] ape:justify-center\">\n                  <Button\n                    variant=\"secondary\"\n                    onClick={() =>\n                      window.open(\n                        `/swap?outputCurrency=${bond?.lpToken?.address[bond?.chainId]}&outputChain=${bond?.chainId}`,\n                        '_blank',\n                      )\n                    }\n                    fullWidth\n                  >\n                    Get {bond?.lpToken?.symbol}\n                  </Button>\n                </Flex>\n                {error ? (\n                  <Button disabled fullWidth className=\"ape:ml-0 ape:lg:ml-[10px]\">\n                    {error}\n                  </Button>\n                ) : (\n                  <Button disabled={loading} load={loading} onClick={openTxModal} fullWidth className=\"ape:ml-0 ape:lg:ml-[10px]\">\n                    Buy\n                  </Button>\n                )}\n              </>\n            )}\n          </Flex>\n        </Flex>\n      </Flex>\n    </Modal>\n  )\n}\n\nexport default BuyComponentPreTGE\n"],"names":["launchBondsABI_V2_2_0","_jsx","_jsxs","_Fragment"],"mappings":"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"}

package/dist/views/BuyBond/BuyComponentSolana.js

@@ -1,5 +1,6 @@
-import { jsx, jsxs, Fragment } from 'theme-ui/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useState, useCallback, useEffect } from 'react';
+import clsx from 'clsx';
 import useModal from '../../hooks/useModal.js';
 import { ChainId } from '@ape.swap/apeswap-lists';
 import TokenSelectorPanel from '../../components/TokenSelectorPanel/index.js';
@@ -586,14 +587,7 @@ const BuyComponentSolana = ({ onDismiss, bondAddress, bondChain, isProjectView,
         }
         /* eslint-disable react-hooks/exhaustive-deps */
     }, [inputCurrencyBalance, zapListFetched]);
-    return bondData ? (jsx(Flex, { className: "modal-content", sx: { ...MCBuyComponentStyles[bondData?.marketingCampaign] }, children: jsxs(Flex, { className: "modaltable-container", children: [jsx(BondModalHeader, { bondData: bondData, onDismiss: onDismiss, hidePromotionUi: true }), jsx(ProjectDescription, { description: bondData.shortDescription, isProjectView: true }), jsx(Flex, { sx: { width: '100%', display: isProjectView ? ['flex', 'flex', 'flex', 'none'] : 'flex' }, children: jsx(BondCards, { bondData: bondData, isDoingMaxBuy: exceedsSafeMaxBuy && !exceedsRealMaxBuy }) }), jsx(Estimations, { depositAmount: depositAmount, bondData: bondData, youSpendString: youSpendString, isZap: isZap, fetchingZapQuote: fetchingZapQuote, zapError: zapError, hidePromotionUi: true }), jsx(TokenSelectorPanel, { typedValue: inputValue, setTypedValue: setInputValue, selectedToken: inputToken, handleValueBtn: handleMaxButton, handleCurrencySelect: handleCurrencySelect, bondChainId: bondData?.chainId, enableZap: true, bondPrincipalToken: bondData?.lpToken, tokenBalance: inputCurrencyBalance ?? undefined, selectedTokenPrice: inputTokenPrice, isConnected: !!accountSolana }), bondData?.warningCard && (jsx(Flex, { sx: {
-                        width: '100%',
-                        background: '#DE62F366',
-                        justifyContent: 'center',
-                        mt: '10px',
-                        borderRadius: 'normal',
-                        p: '2px 10px',
-                    }, children: jsxs(Text, { sx: { fontSize: '12px', fontWeight: 400, display: 'flex', alignItems: 'center', gap: '10px' }, children: [jsx(SafeHTMLComponent, { html: bondData?.warningCard }), bondData?.chainId === ChainId.SONIC && bondData?.earnToken.symbol.toLowerCase() === 'moon' && (jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(Text, { sx: { textTransform: 'none' }, children: "Open the 'cog' icon menu in the top right and set the Slippage Tolerance to 5% or more." }), width: "315px", placement: "topRight", transformTip: "translate(9%, -10%)", children: jsx(QuestionCircle, { width: 14, color: "textDisabledButton" }) }))] }) })), jsx(Flex, { className: "modaltable-container button-container", children: jsx(Flex, { className: "button-container buy", children: !accountSolana ? (jsx(ConnectSolanaWallet, {})) : (jsxs(Flex, { sx: { width: '100%', gap: '10px', flexDirection: ['column', 'column', 'column', 'row'] }, children: [jsx(Button, { variant: "secondary", onClick: () => onOpenLifiModal(), sx: { width: ['100%', '100%', '100%', '35%'], fontSize: ['14px', '14px', '14px', '16px'] }, children: "bridge to sol" }), jsx(Button, { className: "action-button", load: load, disabled: load ||
+    return bondData ? (jsx(Flex, { className: "modal-content ape:flex ape:flex-col ape:rounded-[10px] ape:bg-white2 ape:w-full ape:p-3.75 ape:md:p-5", style: { ...MCBuyComponentStyles[bondData?.marketingCampaign] }, children: jsxs(Flex, { className: "modaltable-container ape:w-full ape:flex ape:flex-col ape:relative ape:gap-2.5", children: [jsx(BondModalHeader, { bondData: bondData, onDismiss: onDismiss, hidePromotionUi: true }), jsx(ProjectDescription, { description: bondData.shortDescription, isProjectView: true }), jsx(Flex, { className: clsx('ape:w-full', isProjectView ? 'ape:hidden ape:lg:flex' : 'ape:flex'), children: jsx(BondCards, { bondData: bondData, isDoingMaxBuy: exceedsSafeMaxBuy && !exceedsRealMaxBuy }) }), jsx(Estimations, { depositAmount: depositAmount, bondData: bondData, youSpendString: youSpendString, isZap: isZap, fetchingZapQuote: fetchingZapQuote, zapError: zapError, hidePromotionUi: true }), jsx(TokenSelectorPanel, { typedValue: inputValue, setTypedValue: setInputValue, selectedToken: inputToken, handleValueBtn: handleMaxButton, handleCurrencySelect: handleCurrencySelect, bondChainId: bondData?.chainId, enableZap: true, bondPrincipalToken: bondData?.lpToken, tokenBalance: inputCurrencyBalance ?? undefined, selectedTokenPrice: inputTokenPrice, isConnected: !!accountSolana }), bondData?.warningCard && (jsx(Flex, { className: "ape:w-full ape:justify-center ape:mt-[10px] ape:rounded-normal ape:p-[2px_10px]", style: { background: '#DE62F366' }, children: jsxs(Text, { as: "div", size: "12px", className: "ape:font-normal ape:flex ape:items-center ape:gap-[10px]", children: [jsx(SafeHTMLComponent, { html: bondData?.warningCard }), bondData?.chainId === ChainId.SONIC && bondData?.earnToken.symbol.toLowerCase() === 'moon' && (jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(Text, { className: "ape:normal-case", children: "Open the 'cog' icon menu in the top right and set the Slippage Tolerance to 5% or more." }), width: "315px", placement: "topRight", transformTip: "translate(9%, -10%)", children: jsx(QuestionCircle, { width: 14, color: "textDisabledButton" }) }))] }) })), jsx(Flex, { className: "modaltable-container button-container ape:w-full ape:flex ape:relative ape:flex-row ape:justify-between", children: jsx(Flex, { className: "button-container buy ape:justify-center ape:items-center ape:cursor-pointer ape:w-full", children: !accountSolana ? (jsx(ConnectSolanaWallet, {})) : (jsxs(Flex, { className: "ape:w-full ape:gap-[10px] ape:flex-col ape:lg:flex-row", children: [jsx(Button, { variant: "secondary", onClick: () => onOpenLifiModal(), className: "ape:w-full ape:lg:w-[35%] ape:text-[14px]! ape:lg:text-[16px]!", children: "bridge to sol" }), jsx(Button, { className: "action-button ape:w-full ape:lg:w-[65%] ape:text-[14px]! ape:lg:text-[16px]!", load: load, disabled: load ||
                                         bondData?.soldOut ||
                                         !accountSolana ||
                                         !inputValue ||
@@ -603,7 +597,7 @@ const BuyComponentSolana = ({ onDismiss, bondAddress, bondChain, isProjectView,
                                         exceedsRealMaxBuy ||
                                         exceedsBalance ||
                                         (isZap && !jupiterQuote) ||
-                                        SDKConfig.blockSales, onClick: handleOpenModal, sx: { width: ['100%', '100%', '100%', '65%'], fontSize: ['14px', '14px', '14px', '16px'] }, children: SDKConfig.blockSales
+                                        SDKConfig.blockSales, onClick: handleOpenModal, children: SDKConfig.blockSales
                                         ? 'Complete KYC to Buy'
                                         : exceedsRealMaxBuy
                                             ? 'Exceeds Max Buy. Reduce amount'