@ape.swap/bonds-sdk 3.0.66 → 3.0.68

package/dist/config/constants/queryKeys.d.ts

@@ -38,5 +38,6 @@ export declare const QUERY_KEYS: {
     ACTIVE_VIEW: string;
     PRE_TGE_LIST: string;
     PRE_TGE_BONDS: string;
+    PRE_TGE_USER_BONDS: string;
     USER_TOKENS_BALANCES: string;
 };

package/dist/main.js

@@ -18130,6 +18130,7 @@ var types = {};
 	  BillArtCollection['AITECH_Collection1'] = 'AITECH_Collection1';
 	  BillArtCollection['GPT_Collection1'] = 'GPT_Collection1';
 	  BillArtCollection['GoldenTicket_Collection1'] = 'GoldenTicket_Collection1';
+	  BillArtCollection['Berachain_Collection1'] = 'Berachain_Collection1';
 	})((BillArtCollection = exports.BillArtCollection || (exports.BillArtCollection = {})));
 	exports.defaultBillArtCollection = BillArtCollection.ApeBond_Collection1;
 	exports.MigrationVestingTerms = {
@@ -18889,6 +18890,7 @@ const QUERY_KEYS = {
     ACTIVE_VIEW: 'ApeBond-SDK-activeView',
     PRE_TGE_LIST: 'ApeBond-SDK-preTGEList',
     PRE_TGE_BONDS: 'ApeBond-SDK-preTGEBonds',
+    PRE_TGE_USER_BONDS: 'ApeBond-SDK-preTGEUserBonds',
     USER_TOKENS_BALANCES: 'ApeBond-SDK-userTokensBalances',
 };
 
@@ -19029,39 +19031,6 @@ const TokenInfoAndName = ({ tokenSymbol, chain, tag, vestEnds, isHotBond, }) =>
                 }, children: jsx$2(Flex, { sx: { display: isHotBond ? 'flex' : ['none', 'none', 'none', 'none', 'flex'] }, children: tag && jsx$2(ListTag, { text: tag === null || tag === void 0 ? void 0 : tag.toUpperCase() }) }) })] }));
 };
 
-const formatNumber$3 = (number, minPrecision = 2, maxPrecision = 2) => {
-    const options = {
-        minimumFractionDigits: minPrecision,
-        maximumFractionDigits: maxPrecision,
-    };
-    return number.toLocaleString('en-US', options);
-};
-// Formats a number with SI (International System of Units) sufixes
-const formatNumberSI = (num, digits = 2) => {
-    const number = typeof num === 'string' ? parseFloat(num) : num;
-    const lookupSI = [
-        { value: 1, symbol: '' },
-        { value: 1e6, symbol: 'M' },
-        { value: 1e9, symbol: 'B' },
-        { value: 1e12, symbol: 'T' },
-    ];
-    const regEx = /\.0+$|(\.[0-9]*[1-9])0+$/;
-    let formatted;
-    if (number >= 1e18) {
-        formatted = '∞';
-    }
-    else {
-        let i;
-        for (i = lookupSI.length - 1; i > 0; i--) {
-            if (number >= lookupSI[i].value) {
-                break;
-            }
-        }
-        formatted = formatNumber$3(number / lookupSI[i].value, digits, digits).replace(regEx, '$1') + lookupSI[i].symbol;
-    }
-    return formatted;
-};
-
 /*
  *      bignumber.js v9.3.0
  *      A JavaScript library for arbitrary-precision arithmetic.
@@ -21968,6 +21937,55 @@ function toFixedPoint(str, e, z) {
 
 var BigNumber$1 = clone$2();
 
+// Ideally let's keep all formating in this file and DO NOT CREATE MORE FILES
+const formatNumber$3 = (number, minPrecision = 2, maxPrecision = 2) => {
+    const options = {
+        minimumFractionDigits: minPrecision,
+        maximumFractionDigits: maxPrecision,
+    };
+    return number.toLocaleString('en-US', options);
+};
+// Formats a number with SI (International System of Units) sufixes
+const formatNumberSI = (num, digits = 2) => {
+    const number = typeof num === 'string' ? parseFloat(num) : num;
+    const lookupSI = [
+        { value: 1, symbol: '' },
+        { value: 1e6, symbol: 'M' },
+        { value: 1e9, symbol: 'B' },
+        { value: 1e12, symbol: 'T' },
+    ];
+    const regEx = /\.0+$|(\.[0-9]*[1-9])0+$/;
+    let formatted;
+    if (number >= 1e18) {
+        formatted = '∞';
+    }
+    else {
+        let i;
+        for (i = lookupSI.length - 1; i > 0; i--) {
+            if (number >= lookupSI[i].value) {
+                break;
+            }
+        }
+        formatted = formatNumber$3(number / lookupSI[i].value, digits, digits).replace(regEx, '$1') + lookupSI[i].symbol;
+    }
+    return formatted;
+};
+const formatUSDNumber$1 = (input) => {
+    const number = new BigNumber$1(input);
+    if (number.isNaN())
+        return '0';
+    // If the number is greater than 0 but less than 0.01
+    if (number.gt(0) && number.lt(0.01)) {
+        return '<0.01';
+    }
+    // If the number is greater than 1k, round to no decimals.
+    if (number.gt(1000)) {
+        return number.toNumber().toLocaleString('en-US', { maximumFractionDigits: 0 });
+    }
+    // Note: Between 1k and 0.01 show 2 decimals
+    return parseFloat(number.toFixed(2)).toLocaleString('en-US');
+};
+
 const getBalanceNumber = (balance, decimals = 18) => {
     // use with caution. JS can only safely represent up to 15-17 digits of precision
     // so you will lose precision in decimals and really big numbers, for those cases use getBNWithDecimals
@@ -70239,7 +70257,7 @@ const UserBondRow = ({ bill }) => {
     const cliffCountdown = getTimePeriods(lastBlockTimestamp + (vestingCliff !== null && vestingCliff !== void 0 ? vestingCliff : 0) - currentTime, true);
     return (jsxs("div", { className: "your-bonds", onClick: onOpenPurchasedBond, children: [jsxs("div", { className: "token-info-container", children: [jsx$2(TokenInfoAndName, { tokenSymbol: bill.bond.earnToken.symbol, chain: bill.bond.chainId, tag: (_c = bill.bond.tags) === null || _c === void 0 ? void 0 : _c[0], vestEnds: `Ends in ${getPendingVestingString(bill)}`, isHotBond: true }), jsx$2("div", { className: "tooltip-column", children: jsx$2(TooltipBubble, { className: "tooltip-bubble", body: jsx$2(BondInfoTooltip, { earnTokenContract: ((_d = bill === null || bill === void 0 ? void 0 : bill.bond) === null || _d === void 0 ? void 0 : _d.earnToken.address[bill === null || bill === void 0 ? void 0 : bill.bond.chainId]) || '', earnTokenSymbol: ((_e = bill === null || bill === void 0 ? void 0 : bill.bond) === null || _e === void 0 ? void 0 : _e.earnToken.symbol) || '', bondContract: (_f = bill === null || bill === void 0 ? void 0 : bill.address) !== null && _f !== void 0 ? _f : '', projectLink: (_g = bill === null || bill === void 0 ? void 0 : bill.bond) === null || _g === void 0 ? void 0 : _g.projectLink, twitter: (_h = bill === null || bill === void 0 ? void 0 : bill.bond) === null || _h === void 0 ? void 0 : _h.twitter, audit: (_j = bill === null || bill === void 0 ? void 0 : bill.bond) === null || _j === void 0 ? void 0 : _j.audit, chain: (_k = bill === null || bill === void 0 ? void 0 : bill.bond) === null || _k === void 0 ? void 0 : _k.chainId }), width: "205px", placement: "bottomRight", transformTip: "translate(5%, 0%)", children: jsx$2(Flex$1, { sx: {
                                     opacity: 0.8,
-                                }, children: jsx$2(Svg, { icon: "more", width: "25px" }) }) }) })] }), jsxs("div", { className: "your-bonds-columns-container", children: [jsxs("div", { className: "your-bonds-content", children: [jsx$2("div", { className: "your-bonds-content-title", children: "Claimable" }), jsxs("div", { className: "your-bonds-content-tokens-amount", children: [formatNumberSI(parseFloat(claimable(bill).toFixed(4)), 4), jsx$2("div", { className: "your-bonds-content-tokens-usd-amount", children: `($${(claimable(bill) * ((_l = earnTokenPrice === null || earnTokenPrice === void 0 ? void 0 : earnTokenPrice.price) !== null && _l !== void 0 ? _l : 0)).toFixed(2)})` })] })] }), jsxs("div", { className: "your-bonds-content", children: [jsx$2("div", { className: "your-bonds-content-title", children: "Pending" }), jsxs("div", { className: "your-bonds-content-tokens-amount", children: [formatNumberSI(parseFloat(totalPending(bill).toFixed(0)), 0), jsx$2("div", { className: "your-bonds-content-tokens-usd-amount", children: `($${(totalPending(bill) * ((_m = earnTokenPrice === null || earnTokenPrice === void 0 ? void 0 : earnTokenPrice.price) !== null && _m !== void 0 ? _m : 0)).toFixed(2)})` })] })] }), jsx$2("div", { className: "your-bonds-content hide-mobile", children: vestingTimeRemainingString(bill) }), jsx$2("div", { className: "your-bonds-column-button", children: userChainId !== bill.bond.chainId ? (jsxs(Button, { className: "button", disabled: claimable(bill) === 0 || load, load: load, onClick: (event) => {
+                                }, children: jsx$2(Svg, { icon: "more", width: "25px" }) }) }) })] }), jsxs("div", { className: "your-bonds-columns-container", children: [jsxs("div", { className: "your-bonds-content", children: [jsx$2("div", { className: "your-bonds-content-title", children: "Claimable" }), jsxs("div", { className: "your-bonds-content-tokens-amount", children: [formatNumberSI(claimable(bill), 3), jsx$2("div", { className: "your-bonds-content-tokens-usd-amount", children: `($${(claimable(bill) * ((_l = earnTokenPrice === null || earnTokenPrice === void 0 ? void 0 : earnTokenPrice.price) !== null && _l !== void 0 ? _l : 0)).toFixed(2)})` })] })] }), jsxs("div", { className: "your-bonds-content", children: [jsx$2("div", { className: "your-bonds-content-title", children: "Pending" }), jsxs("div", { className: "your-bonds-content-tokens-amount", children: [formatNumberSI(totalPending(bill), 3), jsx$2("div", { className: "your-bonds-content-tokens-usd-amount", children: `($${(totalPending(bill) * ((_m = earnTokenPrice === null || earnTokenPrice === void 0 ? void 0 : earnTokenPrice.price) !== null && _m !== void 0 ? _m : 0)).toFixed(2)})` })] })] }), jsx$2("div", { className: "your-bonds-content hide-mobile", children: vestingTimeRemainingString(bill) }), jsx$2("div", { className: "your-bonds-column-button", children: userChainId !== bill.bond.chainId ? (jsxs(Button, { className: "button", disabled: claimable(bill) === 0 || load, load: load, onClick: (event) => {
                                 event.stopPropagation();
                                 // Add your claim logic here
                                 switchChain({ chainId: bill.bond.chainId });
@@ -73298,6 +73316,10 @@ const getLaunchBondsPublicData = (preTGEBonds, chains, apiUrl) => __awaiter$9(vo
                         address: bill.contractAddress,
                         name: 'maxPoints',
                     },
+                    {
+                        address: bill.contractAddress,
+                        name: 'startVestingTimestamp',
+                    },
                 ];
             });
             const vals = yield multicall(chainId, launchBondsABI_V2_2_0, launchBondsCalls);
@@ -73306,10 +73328,11 @@ const getLaunchBondsPublicData = (preTGEBonds, chains, apiUrl) => __awaiter$9(vo
             const returnedBills = chunkedBills === null || chunkedBills === void 0 ? void 0 : chunkedBills.map((chunk, index) => {
                 const bondConfig = filteredBonds === null || filteredBonds === void 0 ? void 0 : filteredBonds.find((bill) => (bill === null || bill === void 0 ? void 0 : bill.index) === preTGEBondsIds[index]);
                 const principalTokenPrice = 1;
-                const earnTokenPrice = bondConfig.initPrice;
-                const [trueBillPrice, terms, totalPrincipalBilled, finalized, minPoints, maxPoints] = chunk;
+                const [trueBillPrice, terms, totalPrincipalBilled, finalized, minPoints, maxPoints, startVestingTimestamp] = chunk;
                 const [, , vestingTerm, , , initialRelease, totalRaise, maxTotalPayout] = terms;
-                const data = Object.assign(Object.assign({}, bondConfig), { initialRelease, vestingTerm: vestingTerm === null || vestingTerm === void 0 ? void 0 : vestingTerm.toString(), trueBillPrice: trueBillPrice === null || trueBillPrice === void 0 ? void 0 : trueBillPrice.toString(), maxTotalPayout: maxTotalPayout === null || maxTotalPayout === void 0 ? void 0 : maxTotalPayout.toString(), totalPrincipalBilled: totalPrincipalBilled === null || totalPrincipalBilled === void 0 ? void 0 : totalPrincipalBilled.toString(), earnTokenPrice: earnTokenPrice, principalTokenPrice, totalRaise: totalRaise === null || totalRaise === void 0 ? void 0 : totalRaise.toString(), finalized: finalized[0], minPoints: minPoints.toString(), maxPoints: maxPoints.toString() });
+                const initPrice = getBalanceNumber(trueBillPrice, bondConfig.token.decimals[bondConfig.chainId]);
+                const data = Object.assign(Object.assign({}, bondConfig), { initialRelease: initialRelease / 10000, vestingTerm: vestingTerm === null || vestingTerm === void 0 ? void 0 : vestingTerm.toString(), trueBillPrice: trueBillPrice === null || trueBillPrice === void 0 ? void 0 : trueBillPrice.toString(), maxTotalPayout: maxTotalPayout === null || maxTotalPayout === void 0 ? void 0 : maxTotalPayout.toString(), totalPrincipalBilled: totalPrincipalBilled === null || totalPrincipalBilled === void 0 ? void 0 : totalPrincipalBilled.toString(), earnTokenPrice: initPrice, // This should eventually be changed for the real market price?
+                    principalTokenPrice, totalRaise: totalRaise === null || totalRaise === void 0 ? void 0 : totalRaise.toString(), finalized: finalized[0], minPoints: minPoints.toString(), maxPoints: maxPoints.toString(), startVestingTimestamp: startVestingTimestamp === null || startVestingTimestamp === void 0 ? void 0 : startVestingTimestamp.toString(), initTime: terms.startTime.toString(), finishTime: terms.endTime.toString(), initPrice });
                 return data;
             });
             data.push(returnedBills);
@@ -73332,9 +73355,9 @@ function usePreTGEUserBonds() {
     const { address } = useAccount();
     const apiUrl = useURLByEnvironment('apiV2');
     return useQuery({
-        queryKey: [QUERY_KEYS.PRE_TGE_BONDS, (_a = preTGEBonds === null || preTGEBonds === void 0 ? void 0 : preTGEBonds.length) !== null && _a !== void 0 ? _a : '', address],
+        queryKey: [QUERY_KEYS.PRE_TGE_USER_BONDS, (_a = preTGEBonds === null || preTGEBonds === void 0 ? void 0 : preTGEBonds.length) !== null && _a !== void 0 ? _a : '', address],
         queryFn: () => fetchPreTGEUserBonds(preTGEBonds, address, apiUrl),
-        staleTime: 30000,
+        refetchInterval: 30000,
         refetchOnWindowFocus: false,
         enabled: !!preTGEBonds && preTGEBonds.length > 0 && !!address,
     });
@@ -73432,27 +73455,119 @@ const fetchPreTGEUserBonds = (preTGEBonds, account, apiUrl) => __awaiter$9(void
 });
 
 const PreTgeActions = ({ userBond }) => {
-    var _a;
+    var _a, _b;
+    //Hooks
+    const { writeContractAsync } = useWriteContract();
+    const { address: account } = useAccount();
+    const SDKConfig = useSDKConfig();
+    const { addToastError } = usePopups();
+    const { refetch } = usePreTGEUserBonds();
+    //State
+    const [loading, setLoading] = useState(false);
+    const [hash, setHash] = useState('');
+    // Data
+    const { isLoading: isLoadingOnChain, isSuccess } = useMonitorTxHash(hash, userBond === null || userBond === void 0 ? void 0 : userBond.chainId);
+    const hasRedeemed = (_a = userBond === null || userBond === void 0 ? void 0 : userBond.accountInfo) === null || _a === void 0 ? void 0 : _a.hasRedeemed;
     const now = new Date().getTime();
-    const redeemTime = ((_a = userBond === null || userBond === void 0 ? void 0 : userBond.redeemTime) !== null && _a !== void 0 ? _a : 0) * 1000;
-    // const isRedeemable = now > redeemTime
+    const redeemTime = ((_b = userBond === null || userBond === void 0 ? void 0 : userBond.redeemTime) !== null && _b !== void 0 ? _b : 0) * 1000;
     const timeDiff = Math.abs(redeemTime - now);
     const hoursLeft = Math.floor((timeDiff - (timeDiff % (1000 * 60 * 60))) / (1000 * 60 * 60));
     const minsLeft = Math.floor((timeDiff % (1000 * 60 * 60)) / (1000 * 60));
-    return (jsxs(Button, { disabled: true, fullWidth: true, sx: { fontSize: '14px', height: '30px', background: 'var(--theme-ui-colors-white4) !important' }, children: ["Claimable in ", hoursLeft > 0 ? `${hoursLeft}h` : `${minsLeft}m`] }));
+    const saleFinalized = userBond === null || userBond === void 0 ? void 0 : userBond.finalized;
+    const handleRedeem = () => __awaiter$9(void 0, void 0, void 0, function* () {
+        setLoading(true);
+        writeContractAsync({
+            address: userBond.contractAddress,
+            abi: launchBondsABI_V2_2_0,
+            functionName: 'redeem',
+            chain: userBond.chainId,
+            account,
+        })
+            .then((r) => {
+            setHash(r);
+        })
+            .catch((e) => {
+            var _a;
+            console.error(e.message);
+            reportError({
+                apiUrl: (_a = SDKConfig === null || SDKConfig === void 0 ? void 0 : SDKConfig.urls) === null || _a === void 0 ? void 0 : _a.apiV2,
+                error: e.message,
+                extraInfo: { type: 'redeemLaunchBond', error: e.message },
+                chainId: userBond.chainId,
+                account,
+            });
+            addToastError(e.shortMessage);
+        })
+            .finally(() => setLoading(false));
+    });
+    const handleClaim = () => __awaiter$9(void 0, void 0, void 0, function* () {
+        var _a, _b;
+        setLoading(true);
+        setHash('');
+        if (!((_a = userBond === null || userBond === void 0 ? void 0 : userBond.userOwnedBillsData) === null || _a === void 0 ? void 0 : _a.id))
+            return;
+        writeContractAsync({
+            address: userBond.contractAddress,
+            abi: launchBondsABI_V2_2_0,
+            functionName: 'claim',
+            args: [(_b = userBond === null || userBond === void 0 ? void 0 : userBond.userOwnedBillsData) === null || _b === void 0 ? void 0 : _b.id],
+            chain: userBond.chainId,
+            account,
+        })
+            .then((r) => {
+            setHash(r);
+        })
+            .catch((e) => {
+            var _a;
+            console.error(e.message);
+            reportError({
+                apiUrl: (_a = SDKConfig === null || SDKConfig === void 0 ? void 0 : SDKConfig.urls) === null || _a === void 0 ? void 0 : _a.apiV2,
+                error: e.message,
+                extraInfo: { type: 'claimLaunchBond', error: e.message },
+                chainId: userBond.chainId,
+                account,
+            });
+            addToastError(e.shortMessage);
+        })
+            .finally(() => setLoading(false));
+    });
+    useEffect(() => {
+        // trigger refetch user bonds once tx is confirmed
+        if (!!hash && isSuccess && !isLoadingOnChain) {
+            console.log('trigger user refetch');
+            refetch();
+        }
+    }, [hash, isSuccess, isLoadingOnChain]);
+    return (jsx$2(Button, { disabled: !saleFinalized || loading || isLoadingOnChain, load: loading || isLoadingOnChain, fullWidth: true, sx: {
+            fontSize: '14px',
+            height: '30px',
+            background: !saleFinalized && 'var(--theme-ui-colors-white4) !important',
+        }, onClick: hasRedeemed ? handleClaim : handleRedeem, children: saleFinalized ? 'Claim' : `Claimable in ${hoursLeft > 0 ? `${hoursLeft}h` : `${minsLeft}m`}` }));
 };
 
 const PreTgeUserRow = ({ userBond }) => {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+    const saleFinalized = userBond.finalized;
+    const hasRedeemed = userBond.accountInfo.hasRedeemed;
     const depositAmount = getBalanceNumber(new BigNumber$1((_a = userBond.accountInfo.depositAmount) !== null && _a !== void 0 ? _a : '0'), userBond.token.decimals[userBond.chainId]);
     const truePricePaid = getBalanceNumber(new BigNumber$1((_b = userBond.accountInfo.truePricePaid) !== null && _b !== void 0 ? _b : '0'), userBond.token.decimals[userBond.chainId]);
-    const pendingAmount = depositAmount / truePricePaid;
-    const pendingUSD = pendingAmount * userBond.earnTokenPrice;
     const vestingTimePeriods = getTimePeriods(parseFloat(userBond.vestingTerm), false);
-    const vestingString = `${vestingTimePeriods.months} Months`;
-    return (jsxs("div", { className: "your-bonds", onClick: () => null, children: [jsxs("div", { className: "token-info-container", children: [jsx$2(TokenInfoAndName, { tokenSymbol: userBond.earnToken.symbol, chain: userBond.chainId, tag: (_c = userBond.tags) === null || _c === void 0 ? void 0 : _c[0], vestEnds: `Ends in ${vestingString}`, isHotBond: true }), jsx$2("div", { className: "tooltip-column", children: jsx$2(TooltipBubble, { className: "tooltip-bubble", body: jsx$2(BondInfoTooltip, { earnTokenContract: (userBond === null || userBond === void 0 ? void 0 : userBond.earnToken.address[userBond === null || userBond === void 0 ? void 0 : userBond.chainId]) || '', earnTokenSymbol: (userBond === null || userBond === void 0 ? void 0 : userBond.earnToken.symbol) || '', bondContract: (_d = userBond.contractAddress) !== null && _d !== void 0 ? _d : '', projectLink: userBond === null || userBond === void 0 ? void 0 : userBond.projectLink, twitter: userBond === null || userBond === void 0 ? void 0 : userBond.twitter, audit: userBond === null || userBond === void 0 ? void 0 : userBond.audit, chain: userBond === null || userBond === void 0 ? void 0 : userBond.chainId }), width: "205px", placement: "bottomRight", transformTip: "translate(5%, 0%)", children: jsx$2(Flex$1, { sx: {
+    const vestingString = hasRedeemed
+        ? getPendingVestingString(userBond === null || userBond === void 0 ? void 0 : userBond.userOwnedBillsData)
+        : `${vestingTimePeriods.months} Months`;
+    const userAllocation = depositAmount / (userBond === null || userBond === void 0 ? void 0 : userBond.initPrice);
+    const initialRelease = !hasRedeemed && saleFinalized ? userAllocation * (userBond === null || userBond === void 0 ? void 0 : userBond.initialRelease) : 0;
+    // pendingRewards variable follows the naming of the SC, but it actually means currently claimable tokens
+    const pendingRewards = getBalanceNumber(new BigNumber$1((_c = userBond === null || userBond === void 0 ? void 0 : userBond.userOwnedBillsData) === null || _c === void 0 ? void 0 : _c.pendingRewards), (_e = (_d = userBond === null || userBond === void 0 ? void 0 : userBond.earnToken) === null || _d === void 0 ? void 0 : _d.decimals) === null || _e === void 0 ? void 0 : _e[userBond.chainId]);
+    // payout variable follows the naming of the SC, but it actually means total tokens vested
+    const payout = getBalanceNumber(new BigNumber$1((_f = userBond === null || userBond === void 0 ? void 0 : userBond.userOwnedBillsData) === null || _f === void 0 ? void 0 : _f.payout), (_h = (_g = userBond === null || userBond === void 0 ? void 0 : userBond.earnToken) === null || _g === void 0 ? void 0 : _g.decimals) === null || _h === void 0 ? void 0 : _h[userBond.chainId]);
+    const claimableAmount = hasRedeemed ? pendingRewards : initialRelease;
+    const claimableUSD = claimableAmount * userBond.initPrice;
+    const pendingAmount = hasRedeemed ? payout : depositAmount / truePricePaid;
+    const pendingUSD = pendingAmount * userBond.earnTokenPrice;
+    return (jsxs("div", { className: "your-bonds", onClick: () => null, children: [jsxs("div", { className: "token-info-container", children: [jsx$2(TokenInfoAndName, { tokenSymbol: userBond.earnToken.symbol, chain: userBond.chainId, tag: (_j = userBond.tags) === null || _j === void 0 ? void 0 : _j[0], vestEnds: `Ends in ${vestingString}`, isHotBond: true }), jsx$2("div", { className: "tooltip-column", children: jsx$2(TooltipBubble, { className: "tooltip-bubble", body: jsx$2(BondInfoTooltip, { earnTokenContract: (userBond === null || userBond === void 0 ? void 0 : userBond.earnToken.address[userBond === null || userBond === void 0 ? void 0 : userBond.chainId]) || '', earnTokenSymbol: (userBond === null || userBond === void 0 ? void 0 : userBond.earnToken.symbol) || '', bondContract: (_k = userBond.contractAddress) !== null && _k !== void 0 ? _k : '', projectLink: userBond === null || userBond === void 0 ? void 0 : userBond.projectLink, twitter: userBond === null || userBond === void 0 ? void 0 : userBond.twitter, audit: userBond === null || userBond === void 0 ? void 0 : userBond.audit, chain: userBond === null || userBond === void 0 ? void 0 : userBond.chainId }), width: "205px", placement: "bottomRight", transformTip: "translate(5%, 0%)", children: jsx$2(Flex$1, { sx: {
                                     opacity: 0.8,
-                                }, children: jsx$2(Svg, { icon: "more", width: "25px" }) }) }) })] }), jsxs("div", { className: "your-bonds-columns-container", children: [jsxs("div", { className: "your-bonds-content", children: [jsx$2("div", { className: "your-bonds-content-title", children: "Claimable" }), jsxs("div", { className: "your-bonds-content-tokens-amount", children: ["0", jsx$2("div", { className: "your-bonds-content-tokens-usd-amount", children: "($0.00)" })] })] }), jsxs("div", { className: "your-bonds-content", children: [jsx$2("div", { className: "your-bonds-content-title", children: "Pending" }), jsxs("div", { className: "your-bonds-content-tokens-amount", children: [pendingAmount.toFixed(), jsxs("div", { className: "your-bonds-content-tokens-usd-amount", children: ["($", pendingUSD.toFixed(2), ")"] })] })] }), jsx$2("div", { className: "your-bonds-content hide-mobile", children: vestingString }), jsx$2("div", { className: "your-bonds-column-button", children: jsx$2(PreTgeActions, { userBond: userBond }) })] })] }));
+                                }, children: jsx$2(Svg, { icon: "more", width: "25px" }) }) }) })] }), jsxs("div", { className: "your-bonds-columns-container", children: [jsxs("div", { className: "your-bonds-content", children: [jsx$2("div", { className: "your-bonds-content-title", children: "Claimable" }), jsxs("div", { className: "your-bonds-content-tokens-amount", children: [formatNumberSI(claimableAmount, 3), jsxs("div", { className: "your-bonds-content-tokens-usd-amount", children: ["($", formatUSDNumber$1(claimableUSD), ")"] })] })] }), jsxs("div", { className: "your-bonds-content", children: [jsx$2("div", { className: "your-bonds-content-title", children: "Pending" }), jsxs("div", { className: "your-bonds-content-tokens-amount", children: [formatNumberSI(pendingAmount, 3), jsxs("div", { className: "your-bonds-content-tokens-usd-amount", children: ["($", formatUSDNumber$1(pendingUSD), ")"] })] })] }), jsx$2("div", { className: "your-bonds-content hide-mobile", children: vestingString }), jsx$2("div", { className: "your-bonds-column-button", children: jsx$2(PreTgeActions, { userBond: userBond }) })] })] }));
 };
 
 const YourBonds = ({ showOnly }) => {
@@ -76111,273 +76226,6 @@ var BOND_2_4_0 = [
 	}
 ];
 
-function useBondsData() {
-    const { data: tokenPrices } = useTokenPrices();
-    const { data: bondList } = useBondsList();
-    const SDKConfig = useSDKConfig();
-    const apiUrl = useURLByEnvironment('apiV2');
-    const realTimeApiURL = useURLByEnvironment('realTimeApi');
-    return useQuery({
-        queryKey: [QUERY_KEYS.BONDS_DATA],
-        queryFn: () => getBondsData(SDKConfig.chains, realTimeApiURL, tokenPrices, bondList, apiUrl),
-        refetchInterval: 20000, // i.e. 20 sec
-        refetchOnWindowFocus: false,
-        retry: 0,
-        initialData: [],
-        enabled: !!SDKConfig.chains && SDKConfig.chains.length > 0,
-    });
-}
-const getBondsData = (chains, realTimeApiURL, tokenPrices, bondList, apiUrl) => __awaiter$9(void 0, void 0, void 0, function* () {
-    try {
-        const response = yield axios.get(`${realTimeApiURL}/bonds`);
-        return response.data.bonds;
-    }
-    catch (e) {
-        console.time('Fallback'); // Start debug timer
-        const billData = [];
-        if (tokenPrices && bondList) {
-            yield Promise.all(chains.map((chainId) => __awaiter$9(void 0, void 0, void 0, function* () {
-                var _a;
-                const bills = (_a = bondList === null || bondList === void 0 ? void 0 : bondList.filter((bill) => {
-                    var _a, _b;
-                    return ((_b = (_a = bill === null || bill === void 0 ? void 0 : bill.contractAddress) === null || _a === void 0 ? void 0 : _a[chainId]) === null || _b === void 0 ? void 0 : _b.toLowerCase()) !== ACF_TO_ABOND.toLowerCase() &&
-                        !bill.soldOut &&
-                        bill.chainId === chainId;
-                })) !== null && _a !== void 0 ? _a : [];
-                const returnedBills = yield fetchBills(chainId, tokenPrices, bills);
-                billData.push(returnedBills);
-            })));
-        }
-        console.timeEnd(`Fallback`); // End chain-specific timer
-        reportError({
-            apiUrl,
-            error: e,
-            extraInfo: { type: 'getBondsData', e },
-        });
-        return billData === null || billData === void 0 ? void 0 : billData.flat();
-    }
-});
-const fetchBills = (chainId, tokenPrices, bills) => __awaiter$9(void 0, void 0, void 0, function* () {
-    const billIds = [];
-    const billCalls = bills.flatMap((bill) => {
-        var _a, _b, _c, _d;
-        billIds.push(bill.index);
-        return [
-            // Get bill price with LP fees
-            {
-                address: (_a = bill.contractAddress[bill.chainId]) !== null && _a !== void 0 ? _a : '',
-                name: bill.billVersion === types.BillVersion.V4 ? 'trueBondPrices' : 'trueBillPrice()',
-            },
-            // Get bill debt ratio
-            {
-                address: (_b = bill.contractAddress[bill.chainId]) !== null && _b !== void 0 ? _b : '',
-                name: 'totalPayoutGiven',
-            },
-            // Terms
-            // (1) controlVariable (2) vestingTerm (3) minimumPrice (4) maxPayout (5) maxDebt
-            {
-                address: (_c = bill.contractAddress[bill.chainId]) !== null && _c !== void 0 ? _c : '',
-                name: 'terms',
-            },
-            {
-                address: (_d = bill.contractAddress[bill.chainId]) !== null && _d !== void 0 ? _d : '',
-                name: bill.billVersion !== types.BillVersion.V1 ? 'getMaxTotalPayout' : 'maxTotalPayout',
-            },
-        ];
-    });
-    const vals = yield multicall(chainId, BOND_2_4_0, billCalls);
-    const chunkSize = (vals === null || vals === void 0 ? void 0 : vals.length) / (bills === null || bills === void 0 ? void 0 : bills.length);
-    const chunkedBills = lodashExports.chunk(vals, chunkSize);
-    return cleanBillsData(billIds, chunkedBills, tokenPrices, chainId, bills);
-});
-const cleanBillsData = (billIds, chunkedBills, tokenPrices, chainId, bills) => {
-    const data = chunkedBills === null || chunkedBills === void 0 ? void 0 : chunkedBills.map((chunk, index) => {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
-        const bill = bills === null || bills === void 0 ? void 0 : bills.find((bill) => (bill === null || bill === void 0 ? void 0 : bill.index) === billIds[index]);
-        const lpPrice = (_b = (_a = tokenPrices === null || tokenPrices === void 0 ? void 0 : tokenPrices.find((tokenPrice) => {
-            var _a, _b, _c, _d;
-            return ((_a = tokenPrice === null || tokenPrice === void 0 ? void 0 : tokenPrice.address) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === ((_d = (_c = (_b = bill === null || bill === void 0 ? void 0 : bill.lpToken) === null || _b === void 0 ? void 0 : _b.address) === null || _c === void 0 ? void 0 : _c[bill === null || bill === void 0 ? void 0 : bill.chainId]) === null || _d === void 0 ? void 0 : _d.toLowerCase()) &&
-                (tokenPrice === null || tokenPrice === void 0 ? void 0 : tokenPrice.chainId) === chainId;
-        })) === null || _a === void 0 ? void 0 : _a.price) !== null && _b !== void 0 ? _b : 0;
-        const earnTokenPrice = (_d = (_c = tokenPrices === null || tokenPrices === void 0 ? void 0 : tokenPrices.find((tokenPrice) => {
-            var _a, _b, _c, _d;
-            return ((_a = tokenPrice === null || tokenPrice === void 0 ? void 0 : tokenPrice.address) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === ((_d = (_c = (_b = bill === null || bill === void 0 ? void 0 : bill.earnToken) === null || _b === void 0 ? void 0 : _b.address) === null || _c === void 0 ? void 0 : _c[bill === null || bill === void 0 ? void 0 : bill.chainId]) === null || _d === void 0 ? void 0 : _d.toLowerCase()) &&
-                (tokenPrice === null || tokenPrice === void 0 ? void 0 : tokenPrice.chainId) === chainId;
-        })) === null || _c === void 0 ? void 0 : _c.price) !== null && _d !== void 0 ? _d : 0;
-        const [trueBillPrice, totalPayoutGiven, terms, maxTotalPayout] = chunk;
-        const [, vestingTerm, , maxPayout] = terms;
-        const tokensRemaining = new BigNumber$1(maxTotalPayout !== null && maxTotalPayout !== void 0 ? maxTotalPayout : '0')
-            .minus(new BigNumber$1(totalPayoutGiven))
-            .div(new BigNumber$1(10).pow((_e = bill === null || bill === void 0 ? void 0 : bill.earnToken.decimals[bill === null || bill === void 0 ? void 0 : bill.chainId]) !== null && _e !== void 0 ? _e : 18))
-            .toString();
-        const bonus = getRawBonus(trueBillPrice, lpPrice, earnTokenPrice);
-        const bonusWithFee = getBonusWithFee((_f = bill === null || bill === void 0 ? void 0 : bill.feeInPayout) !== null && _f !== void 0 ? _f : 0, trueBillPrice, lpPrice, earnTokenPrice);
-        let trueBondPrices = [];
-        if ((bill === null || bill === void 0 ? void 0 : bill.billVersion) === types.BillVersion.V4) {
-            trueBondPrices = trueBillPrice[0].map((data) => {
-                var _a;
-                return {
-                    points: data[2].toString(),
-                    trueBondPrice: data[0].toString(),
-                    bonus: getRawBonus(data[0].toString(), lpPrice, earnTokenPrice),
-                    bonusWithFee: getBonusWithFee((_a = bill === null || bill === void 0 ? void 0 : bill.feeInPayout) !== null && _a !== void 0 ? _a : 0, data[0].toString(), lpPrice, earnTokenPrice),
-                };
-            });
-        }
-        else {
-            trueBondPrices = [
-                {
-                    points: '0',
-                    trueBondPrice: trueBillPrice.toString(),
-                    bonus,
-                    bonusWithFee,
-                },
-            ];
-        }
-        //I've added a ts ignore here due to some props marked as optional in the list repo which are actually not optional
-        //@ts-ignore
-        const cleanedData = Object.assign(Object.assign({}, bill), { type: (_g = bill === null || bill === void 0 ? void 0 : bill.billType) !== null && _g !== void 0 ? _g : '', billAddress: (_h = bill === null || bill === void 0 ? void 0 : bill.contractAddress[bill === null || bill === void 0 ? void 0 : bill.chainId]) !== null && _h !== void 0 ? _h : '', billNftAddress: (_j = bill === null || bill === void 0 ? void 0 : bill.billNnftAddress[bill === null || bill === void 0 ? void 0 : bill.chainId]) !== null && _j !== void 0 ? _j : '', showcaseTokenName: (_m = (_l = (_k = bill === null || bill === void 0 ? void 0 : bill.showcaseToken) === null || _k === void 0 ? void 0 : _k.symbol) !== null && _l !== void 0 ? _l : bill === null || bill === void 0 ? void 0 : bill.earnToken.symbol) !== null && _m !== void 0 ? _m : '', trueBondPrices, principalTokenPrice: (_o = lpPrice === null || lpPrice === void 0 ? void 0 : lpPrice.toString()) !== null && _o !== void 0 ? _o : '0', payoutTokenPrice: (_p = earnTokenPrice === null || earnTokenPrice === void 0 ? void 0 : earnTokenPrice.toString()) !== null && _p !== void 0 ? _p : '0', tokensRemaining, maxTotalPayout: maxTotalPayout === null || maxTotalPayout === void 0 ? void 0 : maxTotalPayout.toString(), maxPayout: maxPayout === null || maxPayout === void 0 ? void 0 : maxPayout.toString(), totalPayoutGiven: totalPayoutGiven === null || totalPayoutGiven === void 0 ? void 0 : totalPayoutGiven.toString(), vestingTerm: vestingTerm.toNumber() });
-        return cleanedData;
-    });
-    return data;
-};
-const getBonusWithFee = (feeInPayout, trueBillPrice, lpPrice, earnTokenPrice) => {
-    const fee = feeInPayout !== null && feeInPayout !== void 0 ? feeInPayout : 0;
-    const trueBillPriceMinusFee = new BigNumber$1(trueBillPrice !== null && trueBillPrice !== void 0 ? trueBillPrice : 0).times((100 + fee) / 100);
-    const priceUSDMinusFee = getBalanceNumber(trueBillPriceMinusFee) * lpPrice;
-    const discountWithoutFee = ((earnTokenPrice - priceUSDMinusFee) / earnTokenPrice) * 100;
-    return discountWithoutFee > 0 ? (discountWithoutFee / (100 - discountWithoutFee)) * 100 : 0;
-};
-const getRawBonus = (trueBillPrice, lpPrice, earnTokenPrice) => {
-    const priceUsd = getBalanceNumber(trueBillPrice.toString()) * lpPrice;
-    const discount = ((earnTokenPrice - priceUsd) / earnTokenPrice) * 100;
-    return discount > 0 ? (discount / (100 - discount)) * 100 : 0;
-};
-
-function adjustDecimals(numStr) {
-    const parts = numStr.split('.');
-    if (parts.length < 2) {
-        // This means the number doesn't have any decimals
-        return numStr;
-    }
-    if (parts[1].length > 18) {
-        parts[1] = parts[1].slice(0, 18); // Take the first 18 decimals
-        return parts[0] + '.' + parts[1];
-    }
-    else {
-        return numStr;
-    }
-}
-const convertToTokenValue = (numberString, decimals) => {
-    if (isNaN(parseFloat(numberString))) {
-        console.error('Error: numberString to parse is not a number');
-        return parseUnits$1('0', decimals);
-    }
-    const tokenValue = parseUnits$1(adjustDecimals(numberString), decimals);
-    return tokenValue;
-};
-
-var ABI_DEPOSIT = [
-	{
-		inputs: [
-			{
-				internalType: "uint256",
-				name: "_amount",
-				type: "uint256"
-			},
-			{
-				internalType: "uint256",
-				name: "_maxPrice",
-				type: "uint256"
-			},
-			{
-				internalType: "address",
-				name: "_depositor",
-				type: "address"
-			}
-		],
-		name: "deposit",
-		outputs: [
-		],
-		stateMutability: "nonpayable",
-		type: "function"
-	}
-];
-
-var ABI_DEPOSIT_SIG = [
-	{
-		inputs: [
-			{
-				internalType: "uint256",
-				name: "_amount",
-				type: "uint256"
-			},
-			{
-				internalType: "uint256",
-				name: "_maxPrice",
-				type: "uint256"
-			},
-			{
-				internalType: "address",
-				name: "_depositor",
-				type: "address"
-			},
-			{
-				internalType: "bytes",
-				name: "_tierProofSignature",
-				type: "bytes"
-			}
-		],
-		name: "deposit",
-		outputs: [
-			{
-				internalType: "uint256",
-				name: "",
-				type: "uint256"
-			}
-		],
-		stateMutability: "nonpayable",
-		type: "function"
-	}
-];
-
-// returns the checksummed address if the address is valid, otherwise returns false
-function isAddress(value) {
-    try {
-        // Alphabetical letters must be made lowercase for getAddress to work.
-        // See documentation here: https://docs.ethers.io/v5/api/utils/address/
-        return getAddress(value.toLowerCase());
-    }
-    catch (_a) {
-        return false;
-    }
-}
-
-const getNativeTicker = (chain) => {
-    var _a;
-    if (!chain)
-        return undefined;
-    return (_a = WNATIVE[chain]) === null || _a === void 0 ? void 0 : _a.symbol.substring(1);
-};
-const getTokenSymbol = (token) => {
-    const nativeSymbols = ['BNB', 'ETH', 'POL', 'IOTA'];
-    return nativeSymbols.includes(token === null || token === void 0 ? void 0 : token.symbol) ? `w${token === null || token === void 0 ? void 0 : token.symbol}` : token === null || token === void 0 ? void 0 : token.symbol;
-};
-const getSymbol = (token, chainId) => {
-    if (!token)
-        return '';
-    return token === 'NATIVE' ? getNativeTicker(chainId) : getTokenSymbol(token);
-};
-
-const TokenRow = ({ token, chainId, handleTokenSelect, tokenBalance, }) => {
-    var _a, _b;
-    const symbol = getSymbol(token, chainId);
-    const tokenAddress = token === 'NATIVE' ? 'NATIVE' : token.address[chainId];
-    const { address } = useAccount();
-    const splited = typeof token !== 'string' ? (_a = token === null || token === void 0 ? void 0 : token.symbol) === null || _a === void 0 ? void 0 : _a.split('-') : undefined;
-    return (jsxs(Flex, { sx: { p: '8px', justifyContent: 'space-between', cursor: 'pointer', '&:hover': { background: 'white4' } }, onClick: () => handleTokenSelect(tokenAddress !== null && tokenAddress !== void 0 ? tokenAddress : ''), children: [jsxs(Flex, { children: [lodashExports.isArray(splited) ? (jsx$2(TokenImage, { symbol: splited[0], symbol2: splited[1], size: 28, chain: chainId })) : (jsx$2(TokenImage, { symbol: getSymbol(token, chainId), size: 28, chain: chainId })), jsx$2(Flex, { sx: { mx: '8px', lineHeight: '28px', fontSize: '14px' }, children: symbol })] }), address && (jsx$2(Flex, { sx: { fontSize: '14px' }, children: tokenBalance === '0' ? ('0') : !tokenBalance ? (jsx$2(Spinner, { size: 15 })) : (jsx$2(Fragment$1, { children: (_b = new BigNumber$1(tokenBalance !== null && tokenBalance !== void 0 ? tokenBalance : '0')) === null || _b === void 0 ? void 0 : _b.toPrecision(5) })) }))] }));
-};
-
 var ERC_20_ABI = [
 	{
 		constant: true,
@@ -76605,6 +76453,299 @@ var ERC_20_ABI = [
 	}
 ];
 
+function useBondsData() {
+    const { data: tokenPrices } = useTokenPrices();
+    const { data: bondList } = useBondsList();
+    const SDKConfig = useSDKConfig();
+    const apiUrl = useURLByEnvironment('apiV2');
+    const realTimeApiURL = useURLByEnvironment('realTimeApi');
+    return useQuery({
+        queryKey: [QUERY_KEYS.BONDS_DATA],
+        queryFn: () => getBondsData(SDKConfig.chains, realTimeApiURL, tokenPrices, bondList, apiUrl),
+        refetchInterval: 20000, // i.e. 20 sec
+        refetchOnWindowFocus: false,
+        retry: 0,
+        initialData: [],
+        enabled: !!SDKConfig.chains && SDKConfig.chains.length > 0,
+    });
+}
+const getBondsData = (chains, realTimeApiURL, tokenPrices, bondList, apiUrl) => __awaiter$9(void 0, void 0, void 0, function* () {
+    try {
+        const response = yield axios.get(`${realTimeApiURL}/bonds`);
+        return response.data.bonds;
+    }
+    catch (e) {
+        console.time('Fallback'); // Start debug timer
+        const billData = [];
+        if (tokenPrices && bondList) {
+            yield Promise.all(chains.map((chainId) => __awaiter$9(void 0, void 0, void 0, function* () {
+                var _a;
+                const bills = (_a = bondList === null || bondList === void 0 ? void 0 : bondList.filter((bill) => {
+                    var _a, _b;
+                    return ((_b = (_a = bill === null || bill === void 0 ? void 0 : bill.contractAddress) === null || _a === void 0 ? void 0 : _a[chainId]) === null || _b === void 0 ? void 0 : _b.toLowerCase()) !== ACF_TO_ABOND.toLowerCase() &&
+                        !bill.soldOut &&
+                        bill.chainId === chainId;
+                })) !== null && _a !== void 0 ? _a : [];
+                const returnedBills = yield fetchBills(chainId, tokenPrices, bills);
+                billData.push(returnedBills);
+            })));
+        }
+        console.timeEnd(`Fallback`); // End chain-specific timer
+        reportError({
+            apiUrl,
+            error: e,
+            extraInfo: { type: 'getBondsData', e },
+        });
+        return billData === null || billData === void 0 ? void 0 : billData.flat();
+    }
+});
+const fetchBills = (chainId, tokenPrices, bills) => __awaiter$9(void 0, void 0, void 0, function* () {
+    const billIds = [];
+    const billCalls = bills.flatMap((bill) => {
+        var _a, _b, _c, _d, _e;
+        billIds.push(bill.index);
+        return [
+            // Get bill price with LP fees
+            {
+                address: (_a = bill.contractAddress[bill.chainId]) !== null && _a !== void 0 ? _a : '',
+                name: bill.billVersion === types.BillVersion.V4 ? 'trueBondPrices' : 'trueBillPrice()',
+            },
+            // Get bill debt ratio
+            {
+                address: (_b = bill.contractAddress[bill.chainId]) !== null && _b !== void 0 ? _b : '',
+                name: 'totalPayoutGiven',
+            },
+            // Terms
+            // (1) controlVariable (2) vestingTerm (3) minimumPrice (4) maxPayout (5) maxDebt
+            {
+                address: (_c = bill.contractAddress[bill.chainId]) !== null && _c !== void 0 ? _c : '',
+                name: 'terms',
+            },
+            {
+                address: (_d = bill.contractAddress[bill.chainId]) !== null && _d !== void 0 ? _d : '',
+                name: bill.billVersion !== types.BillVersion.V1 ? 'getMaxTotalPayout' : 'maxTotalPayout',
+            },
+            {
+                address: (_e = bill.contractAddress[bill.chainId]) !== null && _e !== void 0 ? _e : '',
+                name: 'customTreasury',
+            },
+        ];
+    });
+    const vals = yield multicall(chainId, BOND_2_4_0, billCalls);
+    // Prepare an additional multicall for `customTreasury` token balance
+    const treasuryAddresses = vals
+        .filter((_, i) => i % 5 === 4)
+        .map((customTreasury) => customTreasury[0]); // Extract `customTreasury` from chunks
+    const treasuryBalanceCalls = treasuryAddresses.map((treasuryAddress, i) => {
+        var _a, _b, _c, _d;
+        return ({
+            address: (_d = (_c = (_b = (_a = bills === null || bills === void 0 ? void 0 : bills[i]) === null || _a === void 0 ? void 0 : _a.earnToken) === null || _b === void 0 ? void 0 : _b.address) === null || _c === void 0 ? void 0 : _c[chainId]) !== null && _d !== void 0 ? _d : '', // Use the earnToken's address as currency
+            name: 'balanceOf',
+            params: [treasuryAddress], // Fetch balance for the custom treasury
+        });
+    });
+    const treasuryBalances = yield multicall(chainId, ERC_20_ABI, treasuryBalanceCalls);
+    console.log(vals);
+    const updatedVals = vals.reduce((acc, val, index) => {
+        acc.push(val);
+        if ((index + 1) % 5 === 0) {
+            acc.push(treasuryBalances[(index + 1) / 5 - 1]); // Append the treasury balance after every set of bill values
+        }
+        return acc;
+    }, []);
+    const chunkSize = (updatedVals === null || updatedVals === void 0 ? void 0 : updatedVals.length) / (bills === null || bills === void 0 ? void 0 : bills.length);
+    const chunkedBills = lodashExports.chunk(updatedVals, chunkSize);
+    return cleanBillsData(billIds, chunkedBills, tokenPrices, chainId, bills);
+});
+const cleanBillsData = (billIds, chunkedBills, tokenPrices, chainId, bills) => {
+    const data = chunkedBills === null || chunkedBills === void 0 ? void 0 : chunkedBills.map((chunk, index) => {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+        const bill = bills === null || bills === void 0 ? void 0 : bills.find((bill) => (bill === null || bill === void 0 ? void 0 : bill.index) === billIds[index]);
+        const lpPrice = (_b = (_a = tokenPrices === null || tokenPrices === void 0 ? void 0 : tokenPrices.find((tokenPrice) => {
+            var _a, _b, _c, _d;
+            return ((_a = tokenPrice === null || tokenPrice === void 0 ? void 0 : tokenPrice.address) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === ((_d = (_c = (_b = bill === null || bill === void 0 ? void 0 : bill.lpToken) === null || _b === void 0 ? void 0 : _b.address) === null || _c === void 0 ? void 0 : _c[bill === null || bill === void 0 ? void 0 : bill.chainId]) === null || _d === void 0 ? void 0 : _d.toLowerCase()) &&
+                (tokenPrice === null || tokenPrice === void 0 ? void 0 : tokenPrice.chainId) === chainId;
+        })) === null || _a === void 0 ? void 0 : _a.price) !== null && _b !== void 0 ? _b : 0;
+        const earnTokenPrice = (_d = (_c = tokenPrices === null || tokenPrices === void 0 ? void 0 : tokenPrices.find((tokenPrice) => {
+            var _a, _b, _c, _d;
+            return ((_a = tokenPrice === null || tokenPrice === void 0 ? void 0 : tokenPrice.address) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === ((_d = (_c = (_b = bill === null || bill === void 0 ? void 0 : bill.earnToken) === null || _b === void 0 ? void 0 : _b.address) === null || _c === void 0 ? void 0 : _c[bill === null || bill === void 0 ? void 0 : bill.chainId]) === null || _d === void 0 ? void 0 : _d.toLowerCase()) &&
+                (tokenPrice === null || tokenPrice === void 0 ? void 0 : tokenPrice.chainId) === chainId;
+        })) === null || _c === void 0 ? void 0 : _c.price) !== null && _d !== void 0 ? _d : 0;
+        const [trueBillPrice, totalPayoutGiven, terms, maxTotalPayout, , customTreasuryBalance] = chunk;
+        const [, vestingTerm, , maxPayout] = terms;
+        const tokensRemaining = new BigNumber$1(maxTotalPayout !== null && maxTotalPayout !== void 0 ? maxTotalPayout : '0')
+            .minus(new BigNumber$1(totalPayoutGiven))
+            .div(new BigNumber$1(10).pow((_e = bill === null || bill === void 0 ? void 0 : bill.earnToken.decimals[bill === null || bill === void 0 ? void 0 : bill.chainId]) !== null && _e !== void 0 ? _e : 18))
+            .toNumber();
+        const treasuryBalance = getBalanceNumber(customTreasuryBalance);
+        const bonus = getRawBonus(trueBillPrice, lpPrice, earnTokenPrice);
+        const bonusWithFee = getBonusWithFee((_f = bill === null || bill === void 0 ? void 0 : bill.feeInPayout) !== null && _f !== void 0 ? _f : 0, trueBillPrice, lpPrice, earnTokenPrice);
+        let trueBondPrices = [];
+        if ((bill === null || bill === void 0 ? void 0 : bill.billVersion) === types.BillVersion.V4) {
+            trueBondPrices = trueBillPrice[0].map((data) => {
+                var _a;
+                return {
+                    points: data[2].toString(),
+                    trueBondPrice: data[0].toString(),
+                    bonus: getRawBonus(data[0].toString(), lpPrice, earnTokenPrice),
+                    bonusWithFee: getBonusWithFee((_a = bill === null || bill === void 0 ? void 0 : bill.feeInPayout) !== null && _a !== void 0 ? _a : 0, data[0].toString(), lpPrice, earnTokenPrice),
+                };
+            });
+        }
+        else {
+            trueBondPrices = [
+                {
+                    points: '0',
+                    trueBondPrice: trueBillPrice.toString(),
+                    bonus,
+                    bonusWithFee,
+                },
+            ];
+        }
+        //I've added a ts ignore here due to some props marked as optional in the list repo which are actually not optional
+        //@ts-ignore
+        const cleanedData = Object.assign(Object.assign({}, bill), { type: (_g = bill === null || bill === void 0 ? void 0 : bill.billType) !== null && _g !== void 0 ? _g : '', billAddress: (_h = bill === null || bill === void 0 ? void 0 : bill.contractAddress[bill === null || bill === void 0 ? void 0 : bill.chainId]) !== null && _h !== void 0 ? _h : '', billNftAddress: (_j = bill === null || bill === void 0 ? void 0 : bill.billNnftAddress[bill === null || bill === void 0 ? void 0 : bill.chainId]) !== null && _j !== void 0 ? _j : '', showcaseTokenName: (_m = (_l = (_k = bill === null || bill === void 0 ? void 0 : bill.showcaseToken) === null || _k === void 0 ? void 0 : _k.symbol) !== null && _l !== void 0 ? _l : bill === null || bill === void 0 ? void 0 : bill.earnToken.symbol) !== null && _m !== void 0 ? _m : '', trueBondPrices, principalTokenPrice: (_o = lpPrice === null || lpPrice === void 0 ? void 0 : lpPrice.toString()) !== null && _o !== void 0 ? _o : '0', payoutTokenPrice: (_p = earnTokenPrice === null || earnTokenPrice === void 0 ? void 0 : earnTokenPrice.toString()) !== null && _p !== void 0 ? _p : '0', tokensRemaining: Math.min(treasuryBalance, tokensRemaining).toString(), maxTotalPayout: maxTotalPayout === null || maxTotalPayout === void 0 ? void 0 : maxTotalPayout.toString(), maxPayout: maxPayout === null || maxPayout === void 0 ? void 0 : maxPayout.toString(), totalPayoutGiven: totalPayoutGiven === null || totalPayoutGiven === void 0 ? void 0 : totalPayoutGiven.toString(), vestingTerm: vestingTerm.toNumber() });
+        return cleanedData;
+    });
+    return data;
+};
+const getBonusWithFee = (feeInPayout, trueBillPrice, lpPrice, earnTokenPrice) => {
+    const fee = feeInPayout !== null && feeInPayout !== void 0 ? feeInPayout : 0;
+    const trueBillPriceMinusFee = new BigNumber$1(trueBillPrice !== null && trueBillPrice !== void 0 ? trueBillPrice : 0).times((100 + fee) / 100);
+    const priceUSDMinusFee = getBalanceNumber(trueBillPriceMinusFee) * lpPrice;
+    const discountWithoutFee = ((earnTokenPrice - priceUSDMinusFee) / earnTokenPrice) * 100;
+    return discountWithoutFee > 0 ? (discountWithoutFee / (100 - discountWithoutFee)) * 100 : 0;
+};
+const getRawBonus = (trueBillPrice, lpPrice, earnTokenPrice) => {
+    const priceUsd = getBalanceNumber(trueBillPrice.toString()) * lpPrice;
+    const discount = ((earnTokenPrice - priceUsd) / earnTokenPrice) * 100;
+    return discount > 0 ? (discount / (100 - discount)) * 100 : 0;
+};
+
+function adjustDecimals(numStr) {
+    const parts = numStr.split('.');
+    if (parts.length < 2) {
+        // This means the number doesn't have any decimals
+        return numStr;
+    }
+    if (parts[1].length > 18) {
+        parts[1] = parts[1].slice(0, 18); // Take the first 18 decimals
+        return parts[0] + '.' + parts[1];
+    }
+    else {
+        return numStr;
+    }
+}
+const convertToTokenValue = (numberString, decimals) => {
+    if (isNaN(parseFloat(numberString))) {
+        console.error('Error: numberString to parse is not a number');
+        return parseUnits$1('0', decimals);
+    }
+    const tokenValue = parseUnits$1(adjustDecimals(numberString), decimals);
+    return tokenValue;
+};
+
+var ABI_DEPOSIT = [
+	{
+		inputs: [
+			{
+				internalType: "uint256",
+				name: "_amount",
+				type: "uint256"
+			},
+			{
+				internalType: "uint256",
+				name: "_maxPrice",
+				type: "uint256"
+			},
+			{
+				internalType: "address",
+				name: "_depositor",
+				type: "address"
+			}
+		],
+		name: "deposit",
+		outputs: [
+		],
+		stateMutability: "nonpayable",
+		type: "function"
+	}
+];
+
+var ABI_DEPOSIT_SIG = [
+	{
+		inputs: [
+			{
+				internalType: "uint256",
+				name: "_amount",
+				type: "uint256"
+			},
+			{
+				internalType: "uint256",
+				name: "_maxPrice",
+				type: "uint256"
+			},
+			{
+				internalType: "address",
+				name: "_depositor",
+				type: "address"
+			},
+			{
+				internalType: "bytes",
+				name: "_tierProofSignature",
+				type: "bytes"
+			}
+		],
+		name: "deposit",
+		outputs: [
+			{
+				internalType: "uint256",
+				name: "",
+				type: "uint256"
+			}
+		],
+		stateMutability: "nonpayable",
+		type: "function"
+	}
+];
+
+// returns the checksummed address if the address is valid, otherwise returns false
+function isAddress(value) {
+    try {
+        // Alphabetical letters must be made lowercase for getAddress to work.
+        // See documentation here: https://docs.ethers.io/v5/api/utils/address/
+        return getAddress(value.toLowerCase());
+    }
+    catch (_a) {
+        return false;
+    }
+}
+
+const getNativeTicker = (chain) => {
+    var _a;
+    if (!chain)
+        return undefined;
+    return (_a = WNATIVE[chain]) === null || _a === void 0 ? void 0 : _a.symbol.substring(1);
+};
+const getTokenSymbol = (token) => {
+    const nativeSymbols = ['BNB', 'ETH', 'POL', 'IOTA'];
+    return nativeSymbols.includes(token === null || token === void 0 ? void 0 : token.symbol) ? `w${token === null || token === void 0 ? void 0 : token.symbol}` : token === null || token === void 0 ? void 0 : token.symbol;
+};
+const getSymbol = (token, chainId) => {
+    if (!token)
+        return '';
+    return token === 'NATIVE' ? getNativeTicker(chainId) : getTokenSymbol(token);
+};
+
+const TokenRow = ({ token, chainId, handleTokenSelect, tokenBalance, }) => {
+    var _a, _b;
+    const symbol = getSymbol(token, chainId);
+    const tokenAddress = token === 'NATIVE' ? 'NATIVE' : token.address[chainId];
+    const { address } = useAccount();
+    const splited = typeof token !== 'string' ? (_a = token === null || token === void 0 ? void 0 : token.symbol) === null || _a === void 0 ? void 0 : _a.split('-') : undefined;
+    return (jsxs(Flex, { sx: { p: '8px', justifyContent: 'space-between', cursor: 'pointer', '&:hover': { background: 'white4' } }, onClick: () => handleTokenSelect(tokenAddress !== null && tokenAddress !== void 0 ? tokenAddress : ''), children: [jsxs(Flex, { children: [lodashExports.isArray(splited) ? (jsx$2(TokenImage, { symbol: splited[0], symbol2: splited[1], size: 28, chain: chainId })) : (jsx$2(TokenImage, { symbol: getSymbol(token, chainId), size: 28, chain: chainId })), jsx$2(Flex, { sx: { mx: '8px', lineHeight: '28px', fontSize: '14px' }, children: symbol })] }), address && (jsx$2(Flex, { sx: { fontSize: '14px' }, children: tokenBalance === '0' ? ('0') : !tokenBalance ? (jsx$2(Spinner, { size: 15 })) : (jsx$2(Fragment$1, { children: (_b = new BigNumber$1(tokenBalance !== null && tokenBalance !== void 0 ? tokenBalance : '0')) === null || _b === void 0 ? void 0 : _b.toPrecision(5) })) }))] }));
+};
+
 function useUserTokensBalance(tokens, chainId) {
     const keys = tokens.map((token) => (token === 'NATIVE' ? 'NATIVE' : token.address[chainId]));
     const { address: account } = useAccount();
@@ -79355,7 +79496,7 @@ const BondCards = ({ bond }) => {
                         borderBottomRightRadius: 'normal',
                         borderBottomLeftRadius: 'normal',
                     },
-                }, children: [jsxs("div", { className: "bond-card-title", children: ["Initial Release", jsx$2(TooltipBubble, { className: "tooltip-bubble", body: jsxs(Flex, { children: ["This is the percentage of tokens you can claim immediately on ", bond.tgeString, ". The rest follows the vesting schedule."] }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, -5%)", children: jsx$2("div", { className: "bond-card-tooltip", children: jsx$2(Svg, { icon: "questionCircle", width: "12px" }) }) })] }), "25%"] }), jsxs("div", { className: "bond-card-block", sx: {
+                }, children: [jsxs("div", { className: "bond-card-title", children: ["Initial Release", jsx$2(TooltipBubble, { className: "tooltip-bubble", body: jsxs(Flex, { children: ["This is the percentage of tokens you can claim immediately on ", bond.tgeString, ". The rest follows the vesting schedule."] }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, -5%)", children: jsx$2("div", { className: "bond-card-tooltip", children: jsx$2(Svg, { icon: "questionCircle", width: "12px" }) }) })] }), bond.initialRelease * 100, "%"] }), jsxs("div", { className: "bond-card-block", sx: {
                     borderRadius: ['0px', '0px', '0px', 'normal'],
                     '&:first-of-type': {
                         borderTopRightRadius: 'normal',
@@ -79369,12 +79510,10 @@ const BondCards = ({ bond }) => {
 };
 
 const BuyComponent = ({ bondAddress, bondChain, onDismiss, }) => {
-    var _a, _b, _c, _d, _e, _f, _g;
+    var _a, _b, _c, _d;
     const { data: preTGEBonds } = usePreTGEBondsData();
     const bond = preTGEBonds === null || preTGEBonds === void 0 ? void 0 : preTGEBonds.find((bond) => bond.contractAddress.toLowerCase() === bondAddress.toLowerCase() && bond.chainId === bondChain);
     // Hooks
-    const { data: userEscrowWeight } = useTierPoints();
-    const userTier = getUserTier(userEscrowWeight);
     const { address } = useAccount();
     const { data: principalTokenBalance } = useCurrencyBalance(bond.token, address, bond.chainId);
     // Local state
@@ -79388,19 +79527,13 @@ const BuyComponent = ({ bondAddress, bondChain, onDismiss, }) => {
     const youGet = parseFloat(inputValue) / (bond === null || bond === void 0 ? void 0 : bond.initPrice);
     const youGetUSD = youGet * (bond === null || bond === void 0 ? void 0 : bond.tgePrice);
     const bonusUSD = youGetUSD - inputValueToDisplayUSD;
-    const airdropBonus = (_c = bond === null || bond === void 0 ? void 0 : bond.tiersAirdrop) === null || _c === void 0 ? void 0 : _c[userTier !== null && userTier !== void 0 ? userTier : 'noTier'];
-    (parseFloat(inputValue) * airdropBonus) / (bond === null || bond === void 0 ? void 0 : bond.initPrice);
-    `${bond === null || bond === void 0 ? void 0 : bond.totalAllocation}`;
-    new Date().getTime();
-    ((_d = bond === null || bond === void 0 ? void 0 : bond.initTime) !== null && _d !== void 0 ? _d : 0) * 1000;
-    ((_e = bond === null || bond === void 0 ? void 0 : bond.finishTime) !== null && _e !== void 0 ? _e : 0) * 1000;
     const handleClose = () => {
         if (typeof window !== 'undefined') {
             window.history.pushState({}, '', `/bonds`);
         }
         onDismiss === null || onDismiss === void 0 ? void 0 : onDismiss();
     };
-    return (jsxs(Modal, { onDismiss: handleClose, sx: { width: '740px' }, children: [jsx$2(ModalHeader, { onDismiss: handleClose, hideDivider: true }), jsx$2(Flex, { sx: styles$8.buyContainer, children: jsxs(Flex, { sx: styles$8.cardContainer, children: [jsx$2(Flex, { sx: { width: '100%', justifyContent: 'space-between' }, children: jsxs(Flex, { children: [jsxs(Flex, { children: [jsx$2(Flex, { className: "title-container bondicon", children: jsx$2(TokenImage, { symbol: bond.earnToken.symbol, size: 50, chain: bond.chainId }) }), jsxs(Flex, { className: "title-container bondname", children: [bond.earnToken.symbol, jsx$2(ListTag, { text: (_f = bond === null || bond === void 0 ? void 0 : bond.tags) === null || _f === void 0 ? void 0 : _f[0] })] })] }), jsxs(Flex, { sx: { flexDirection: 'column', ml: '15px' }, children: [jsxs(Flex, { className: "price-container price", children: ["$", bond.tgePrice] }), jsxs(Flex, { sx: { fontSize: '24px', fontWeight: 700 }, children: ["$", bond.initPrice] })] })] }) }), jsx$2(ProjectDescription, { description: bond.shortDescription, isProjectView: true }), jsx$2(BondCards, { bond: bond }), jsxs(Flex, { sx: Object.assign(Object.assign({}, styles$8.infoRowsContainer), { mt: '10px' }), children: [jsxs(Flex, { sx: styles$8.infoRow, children: [jsx$2(Text, { sx: styles$8.infoTitle, children: "You Spend:" }), jsxs(Text, { sx: styles$8.infoData, children: [isNaN(parseFloat(inputValueToDisplay)) ? 0 : inputValueToDisplay, " ", bond === null || bond === void 0 ? void 0 : bond.token.symbol, " = $", isNaN(inputValueToDisplayUSD) ? '0' : inputValueToDisplayUSD.toFixed(2)] })] }), jsxs(Flex, { sx: styles$8.infoRow, children: [jsxs(Flex, { sx: Object.assign(Object.assign({}, styles$8.infoTitle), { alignItems: 'center' }), children: ["Bonus:", jsx$2(TooltipBubble, { className: "tooltip-bubble", body: jsx$2(Flex, { children: TooltipText.Premium }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, 0%)", children: jsx$2(Flex, { className: "row-container premium-icon", children: jsx$2(Svg, { icon: "questionCircle", width: "12px" }) }) })] }), jsxs(Text, { sx: Object.assign(Object.assign({}, styles$8.infoData), { color: 'success' }), children: ["$", isNaN(bonusUSD) ? '0' : bonusUSD.toFixed(2)] })] }), jsxs(Flex, { sx: styles$8.infoRow, children: [jsx$2(Text, { sx: styles$8.infoTitle, children: "You Get:" }), jsxs(Text, { sx: styles$8.infoData, children: [isNaN(youGet) ? 0 : formatNumberSI(youGet, 0), " ", bond === null || bond === void 0 ? void 0 : bond.earnToken.symbol, " = $", isNaN(youGetUSD) ? '0' : youGetUSD.toFixed(2)] })] })] }), jsx$2(TokenSelectorPanel, { typedValue: inputValue, setTypedValue: setInputValue, selectedToken: bond === null || bond === void 0 ? void 0 : bond.token, handleValueBtn: () => { var _a; return setInputValue((_a = new BigNumber$1(principalTokenBalance !== null && principalTokenBalance !== void 0 ? principalTokenBalance : '0')) === null || _a === void 0 ? void 0 : _a.toString()); }, handleCurrencySelect: () => null, chainId: bond === null || bond === void 0 ? void 0 : bond.chainId, enableZap: false, bondPrincipalToken: bond === null || bond === void 0 ? void 0 : bond.token, tokenBalance: principalTokenBalance, selectedTokenPrice: bond.principalTokenPrice, inputDisabled: false }), jsxs(Flex, { sx: {
+    return (jsxs(Modal, { onDismiss: handleClose, sx: { width: '740px' }, children: [jsx$2(ModalHeader, { onDismiss: handleClose, hideDivider: true }), jsx$2(Flex, { sx: styles$8.buyContainer, children: jsxs(Flex, { sx: styles$8.cardContainer, children: [jsx$2(Flex, { sx: { width: '100%', justifyContent: 'space-between' }, children: jsxs(Flex, { children: [jsxs(Flex, { children: [jsx$2(Flex, { className: "title-container bondicon", children: jsx$2(TokenImage, { symbol: bond.earnToken.symbol, size: 50, chain: bond.chainId }) }), jsxs(Flex, { className: "title-container bondname", children: [bond.earnToken.symbol, jsx$2(ListTag, { text: (_c = bond === null || bond === void 0 ? void 0 : bond.tags) === null || _c === void 0 ? void 0 : _c[0] })] })] }), jsxs(Flex, { sx: { flexDirection: 'column', ml: '15px' }, children: [jsxs(Flex, { className: "price-container price", children: ["$", bond.tgePrice] }), jsxs(Flex, { sx: { fontSize: '24px', fontWeight: 700 }, children: ["$", bond.initPrice] })] })] }) }), jsx$2(ProjectDescription, { description: bond.shortDescription, isProjectView: true }), jsx$2(BondCards, { bond: bond }), jsxs(Flex, { sx: Object.assign(Object.assign({}, styles$8.infoRowsContainer), { mt: '10px' }), children: [jsxs(Flex, { sx: styles$8.infoRow, children: [jsx$2(Text, { sx: styles$8.infoTitle, children: "You Spend:" }), jsxs(Text, { sx: styles$8.infoData, children: [isNaN(parseFloat(inputValueToDisplay)) ? 0 : inputValueToDisplay, " ", bond === null || bond === void 0 ? void 0 : bond.token.symbol, " = $", isNaN(inputValueToDisplayUSD) ? '0' : inputValueToDisplayUSD.toFixed(2)] })] }), jsxs(Flex, { sx: styles$8.infoRow, children: [jsxs(Flex, { sx: Object.assign(Object.assign({}, styles$8.infoTitle), { alignItems: 'center' }), children: ["Bonus:", jsx$2(TooltipBubble, { className: "tooltip-bubble", body: jsx$2(Flex, { children: TooltipText.Premium }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, 0%)", children: jsx$2(Flex, { className: "row-container premium-icon", children: jsx$2(Svg, { icon: "questionCircle", width: "12px" }) }) })] }), jsxs(Text, { sx: Object.assign(Object.assign({}, styles$8.infoData), { color: 'success' }), children: ["$", isNaN(bonusUSD) ? '0' : bonusUSD.toFixed(2)] })] }), jsxs(Flex, { sx: styles$8.infoRow, children: [jsx$2(Text, { sx: styles$8.infoTitle, children: "You Get:" }), jsxs(Text, { sx: styles$8.infoData, children: [isNaN(youGet) ? 0 : formatNumberSI(youGet, 0), " ", bond === null || bond === void 0 ? void 0 : bond.earnToken.symbol, " = $", isNaN(youGetUSD) ? '0' : youGetUSD.toFixed(2)] })] })] }), jsx$2(TokenSelectorPanel, { typedValue: inputValue, setTypedValue: setInputValue, selectedToken: bond === null || bond === void 0 ? void 0 : bond.token, handleValueBtn: () => { var _a; return setInputValue((_a = new BigNumber$1(principalTokenBalance !== null && principalTokenBalance !== void 0 ? principalTokenBalance : '0')) === null || _a === void 0 ? void 0 : _a.toString()); }, handleCurrencySelect: () => null, chainId: bond === null || bond === void 0 ? void 0 : bond.chainId, enableZap: false, bondPrincipalToken: bond === null || bond === void 0 ? void 0 : bond.token, tokenBalance: principalTokenBalance, selectedTokenPrice: bond.principalTokenPrice, inputDisabled: false }), jsxs(Flex, { sx: {
                                 width: '100%',
                                 background: '#DE62F366',
                                 justifyContent: 'center',
@@ -79418,7 +79551,7 @@ const BuyComponent = ({ bondAddress, bondChain, onDismiss, }) => {
                             }, children: [jsx$2(Flex, { sx: { width: ['100%', '100%', '100%', '45%'], justifyContent: 'center' }, children: jsxs(Button, { variant: "secondary", onClick: () => {
                                             var _a;
                                             return window.open(`/swap?outputCurrency=${(_a = bond === null || bond === void 0 ? void 0 : bond.token) === null || _a === void 0 ? void 0 : _a.address[bond === null || bond === void 0 ? void 0 : bond.chainId]}&outputChain=${bond === null || bond === void 0 ? void 0 : bond.chainId}`, '_blank');
-                                        }, fullWidth: true, children: ["Get ", (_g = bond === null || bond === void 0 ? void 0 : bond.token) === null || _g === void 0 ? void 0 : _g.symbol] }) }), (bond === null || bond === void 0 ? void 0 : bond.contractAddress) ? (jsx$2(BuyAction, { launchBond: bond, inputValue: inputValue, selectedCurrency: bond === null || bond === void 0 ? void 0 : bond.token, soldout: (bond === null || bond === void 0 ? void 0 : bond.billType) === 'fcfs' && percentageSold === 100 })) : (jsx$2(Button, { disabled: true, fullWidth: true, sx: { ml: ['0', '0', '0', '10px'] }, children: `Sale hasn't started` }))] })] }) })] }));
+                                        }, fullWidth: true, children: ["Get ", (_d = bond === null || bond === void 0 ? void 0 : bond.token) === null || _d === void 0 ? void 0 : _d.symbol] }) }), (bond === null || bond === void 0 ? void 0 : bond.contractAddress) ? (jsx$2(BuyAction, { launchBond: bond, inputValue: inputValue, selectedCurrency: bond === null || bond === void 0 ? void 0 : bond.token, soldout: (bond === null || bond === void 0 ? void 0 : bond.billType) === 'fcfs' && percentageSold === 100 })) : (jsx$2(Button, { disabled: true, fullWidth: true, sx: { ml: ['0', '0', '0', '10px'] }, children: `Sale hasn't started` }))] })] }) })] }));
 };
 
 /*
@@ -79828,10 +79961,14 @@ const BondsMenu = ({ searchQuery, setSearchQuery, setChainFilterOption, chainFil
                                     }, placeholder: 'Search...' }), jsx$2(FavIcon, { filterOption: filterOption, setFilterOption: setFilterOption })] }) }), jsxs("div", { className: "headers-container", children: [jsxs("div", { className: "discount-header", onClick: () => onSort('bonus'), children: ["BONUS", jsx$2(Flex$1, { sx: { ml: '5px', mb: '3px' }, children: jsx$2(Svg, { icon: "sort", width: 10, color: "textDisabledButton" }) })] }), jsxs("div", { className: "terms-header", onClick: () => onSort('terms'), children: ["TERMS", jsx$2(Flex$1, { sx: { ml: '5px', mb: '3px' }, children: jsx$2(Svg, { icon: "sort", width: "12px", color: "textDisabledButton" }) })] }), jsxs("div", { className: "tokens-remaining-header", onClick: () => onSort('tokensRemaining'), children: ["TOKENS REMAINING", jsx$2(Flex$1, { sx: { ml: '5px', mb: '3px' }, children: jsx$2(Svg, { icon: "sort", width: "12px", color: "textDisabledButton" }) })] }), jsx$2("div", { className: "tooltip-header" })] })] })] }));
 };
 
-const PreTGERows = () => {
+const PreTGERows = ({ showSoldout }) => {
     usePreTGEUserBonds();
     const { data: preTGEBondsData } = usePreTGEBondsData();
-    return (jsxs(Flex, { sx: { width: '100%', flexDirection: 'column' }, children: [(preTGEBondsData === null || preTGEBondsData === void 0 ? void 0 : preTGEBondsData.length) > 0 && (jsx$2(Flex, { sx: {
+    const activePreTGEBonds = preTGEBondsData === null || preTGEBondsData === void 0 ? void 0 : preTGEBondsData.filter((bond) => {
+        const isActive = !bond.finalized && bond.finishTime > Date.now() / 1000 && !bond.soldOut;
+        return showSoldout ? !isActive : isActive;
+    });
+    return (jsxs(Flex, { sx: { width: '100%', flexDirection: 'column' }, children: [(activePreTGEBonds === null || activePreTGEBonds === void 0 ? void 0 : activePreTGEBonds.length) > 0 && (jsx$2(Flex, { sx: {
                     pt: '5px',
                     pb: '10px',
                     color: 'textDisabledButton',
@@ -79842,7 +79979,7 @@ const PreTGERows = () => {
                     display: 'flex',
                     width: '300px',
                     alignItems: 'center',
-                }, children: "Pre-TGE Bonds" })), preTGEBondsData === null || preTGEBondsData === void 0 ? void 0 : preTGEBondsData.map((bond, i) => {
+                }, children: "Pre-TGE Bonds" })), activePreTGEBonds === null || activePreTGEBonds === void 0 ? void 0 : activePreTGEBonds.map((bond, i) => {
                 var _a, _b, _c, _d, _e, _f, _g, _h;
                 const totalPrincipalBilled = Math.round(getBalanceNumber(new BigNumber$1((_a = bond === null || bond === void 0 ? void 0 : bond.totalPrincipalBilled) !== null && _a !== void 0 ? _a : '0'), (_c = (_b = bond === null || bond === void 0 ? void 0 : bond.token) === null || _b === void 0 ? void 0 : _b.decimals) === null || _c === void 0 ? void 0 : _c[bond === null || bond === void 0 ? void 0 : bond.chainId])) / bond.initPrice;
                 const raiseGoal = Math.round(getBalanceNumber(new BigNumber$1((_d = bond === null || bond === void 0 ? void 0 : bond.totalRaise) !== null && _d !== void 0 ? _d : '0'), (_f = (_e = bond === null || bond === void 0 ? void 0 : bond.token) === null || _e === void 0 ? void 0 : _e.decimals) === null || _f === void 0 ? void 0 : _f[bond === null || bond === void 0 ? void 0 : bond.chainId])) / bond.initPrice;
@@ -80019,7 +80156,7 @@ const Bonds = () => {
     const handleChangeFilterOption = useCallback((newOption) => {
         setFilterOption(newOption);
     }, []);
-    return (jsxs(Flex$1, { className: "bonds-container", children: [jsx$2(CheckUrl, {}), jsx$2(BondsMenu, { searchQuery: searchQuery, setSearchQuery: setSearchQuery, setChainFilterOption: setChainFilterOption, chainFilterOption: chainFilterOption !== null && chainFilterOption !== void 0 ? chainFilterOption : ['All Chains'], filterOptions: filterOptions, filterOption: filterOption, setFilterOption: handleChangeFilterOption, onSort: handleSortOptions }), SDKConfig.useHotBonds && jsx$2(BuyAgainRow, {}), SDKConfig.useTGEBonds && jsx$2(PreTGERows, {}), (billsToRender === null || billsToRender === void 0 ? void 0 : billsToRender.length) > 0 ? (jsx$2(BondRowsByChain, { bonds: billsToRender, hideTitles: searchQuery !== '' })) : searchQuery ? (jsx$2(PlaceholderMonkey, { text: 'No results' })) : filterOption === 'FAVORITES' ? (jsxs(Flex$1, { sx: {
+    return (jsxs(Flex$1, { className: "bonds-container", children: [jsx$2(CheckUrl, {}), jsx$2(BondsMenu, { searchQuery: searchQuery, setSearchQuery: setSearchQuery, setChainFilterOption: setChainFilterOption, chainFilterOption: chainFilterOption !== null && chainFilterOption !== void 0 ? chainFilterOption : ['All Chains'], filterOptions: filterOptions, filterOption: filterOption, setFilterOption: handleChangeFilterOption, onSort: handleSortOptions }), SDKConfig.useHotBonds && jsx$2(BuyAgainRow, {}), SDKConfig.useTGEBonds && jsx$2(PreTGERows, { showSoldout: filterOption === 'SOLD OUT' }), (billsToRender === null || billsToRender === void 0 ? void 0 : billsToRender.length) > 0 ? (jsx$2(BondRowsByChain, { bonds: billsToRender, hideTitles: searchQuery !== '' })) : searchQuery ? (jsx$2(PlaceholderMonkey, { text: 'No results' })) : filterOption === 'FAVORITES' ? (jsxs(Flex$1, { sx: {
                     width: '100%',
                     height: '300px',
                     background: 'white2',

package/dist/state/preTGEBonds/usePreTGEBondsData.d.ts

@@ -14,6 +14,11 @@ export interface PreTGEBondData extends PreTGEBond {
     minPoints?: string;
     maxPoints?: string;
     vestingTerm: string;
+    initTime: number;
+    finishTime: number;
+    startVestingTimestamp: number;
+    initPrice: number;
+    initialRelease: number;
 }
 export default function usePreTGEBondsData(): UseQueryResult<PreTGEBondData[]>;
 export declare const getLaunchBondsPublicData: (preTGEBonds: PreTGEBond[], chains?: number[], apiUrl?: string) => Promise<PreTGEBondData[]>;

package/dist/state/preTGEBonds/usePreTGEUserBonds.d.ts

@@ -28,6 +28,11 @@ export interface PreTGEUserBonds extends PreTGEBond {
     minPoints?: string;
     maxPoints?: string;
     vestingTerm: string;
+    initTime: number;
+    finishTime: number;
+    startVestingTimestamp: number;
+    initPrice: number;
+    initialRelease: number;
 }
 export default function usePreTGEUserBonds(): UseQueryResult<PreTGEUserBonds[]>;
 export declare const fetchPreTGEUserBonds: (preTGEBonds: PreTGEBondData[], account: string, apiUrl: string) => Promise<PreTGEUserBonds[]>;

package/dist/utils/formatNumber.d.ts

@@ -1,2 +1,3 @@
 export declare const formatNumber: (number: number, minPrecision?: number, maxPrecision?: number) => string;
 export declare const formatNumberSI: (num: number | string, digits?: number) => string;
+export declare const formatUSDNumber: (input: string | number) => string;

package/dist/views/PreTGEBonds/components/PreTGERows/PreTGERows.d.ts

@@ -1,3 +1,5 @@
 import React from 'react';
-declare const PreTGERows: () => React.JSX.Element;
+declare const PreTGERows: ({ showSoldout }: {
+    showSoldout: boolean;
+}) => React.JSX.Element;
 export default PreTGERows;

package/package.json

@@ -3,7 +3,7 @@
   "description": "Ape Bond SDK",
   "author": "Ape Bond",
   "license": "MIT",
-  "version": "3.0.66",
+  "version": "3.0.68",
   "module": "dist/main.js",
   "type": "module",
   "types": "dist/main.d.ts",
@@ -57,7 +57,7 @@
     "yalc": "^1.0.0-pre.53"
   },
   "dependencies": {
-    "@ape.swap/apeswap-lists": "4.3.15",
+    "@ape.swap/apeswap-lists": "4.3.16",
     "@emotion/react": "11.11.4",
     "bignumber.js": "^9.1.2",
     "chart.js": "4.2.0",