@ape.swap/bonds-sdk 1.0.289 → 1.0.290

package/dist/components/BondModal/BondModal.js

@@ -9,42 +9,6 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
 import { jsxs as _jsxs, jsx as _jsx } from "theme-ui/jsx-runtime";
 /** @jsxImportSource theme-ui */
 import React, { useEffect, useState } from 'react';
@@ -62,9 +26,6 @@ import { TooltipBubble, Button, Svg, ListTag } from '../uikit-sdk';
 import { TooltipText } from '../../enum/tooltips';
 import { formatNumberSI } from '../../utils/formatNumber';
 import BondTokenImage from '../uikit-sdk/BondTokenImage';
-import { BondAbi } from '../../enum/abis';
-import { ethers } from 'ethers';
-import { adjustDecimals } from "../../utils/convertToTokenValue";
 var BondModal = function (_a) {
     var isOpen = _a.isOpen, onClose = _a.onClose, bondAddress = _a.bondAddress;
     if (!isOpen)
@@ -162,49 +123,6 @@ var BondModal = function (_a) {
         var getPremium = premium(bond);
         return parseFloat(getPremium) < 0 ? 'premium-negative' : 'premium-positive';
     };
-    var handleBuy = function (bond) { return __awaiter(void 0, void 0, void 0, function () {
-        var provider, signer, bondContract, maxPrice, maxPrice2, amount, amountWei, tx, error_1;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    console.log('handle buy clicked!');
-                    if (!window.ethereum) {
-                        console.error('No Ethereum provider found');
-                        alert('No Ethereum provider found');
-                        return [2 /*return*/];
-                    }
-                    provider = new ethers.providers.Web3Provider(window.ethereum);
-                    signer = provider.getSigner();
-                    bondContract = new ethers.Contract(bond.billAddress, BondAbi, signer);
-                    _a.label = 1;
-                case 1:
-                    _a.trys.push([1, 4, , 5]);
-                    maxPrice = new BigNumber(bondData[0].trueBillPrice).times(102);
-                    maxPrice2 = new BigNumber(bondData[0].trueBillPrice).times(102).div(100);
-                    amount = adjustDecimals(inputValue);
-                    amountWei = ethers.utils.parseUnits(amount.toString(), "ether");
-                    console.log('-------!!!');
-                    console.log(amountWei.toString());
-                    console.log(maxPrice.toString());
-                    console.log(account);
-                    console.log('-------');
-                    return [4 /*yield*/, bondContract.deposit(amountWei.toString(), maxPrice.toString(), account)];
-                case 2:
-                    tx = _a.sent();
-                    return [4 /*yield*/, tx.wait()];
-                case 3:
-                    _a.sent();
-                    alert('Buy Successful');
-                    return [3 /*break*/, 5];
-                case 4:
-                    error_1 = _a.sent();
-                    console.error('Approval error', error_1);
-                    alert('Approval Failed!');
-                    return [3 /*break*/, 5];
-                case 5: return [2 /*return*/];
-            }
-        });
-    }); };
     return (_jsx(ThemeUIProvider, __assign({ theme: defaultTheme }, { children: bondData.map(function (bond) {
             var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
             return (_jsx(React.Fragment, { children: _jsx(Flex, __assign({ className: "modal modal-backdrop" }, { children: _jsxs(Flex, __assign({ className: "modal modal-content" }, { children: [isActive && account && (_jsxs("p", { children: ["Wallet Address: ", account] })), _jsx(Flex, __assign({ className: "modal modal-header" }, { children: _jsx(Flex, __assign({ className: "svg-close", onClick: onClose }, { children: _jsx(Svg, { icon: "close" }) })) })), _jsxs(Flex, __assign({ className: "modal-container table-container" }, { children: [_jsxs(Flex, __assign({ className: "modal-container title-container" }, { children: [_jsx(Flex, __assign({ className: "title-container bondicon" }, { children: _jsx(BondTokenImage, { symbol: (_a = bond.showcaseTokenName) !== null && _a !== void 0 ? _a : bond.payoutTokenName, size: 50 }) })), _jsx(Flex, __assign({ className: "title-container bondname" }, { children: bond === null || bond === void 0 ? void 0 : bond.showcaseTokenName })), _jsxs(Flex, __assign({ className: "title-container price-container" }, { children: [_jsxs(Flex, __assign({ className: "price-container price" }, { children: ["$", earnTokenPrice(bond)] })), _jsxs(Flex, __assign({ className: "price-container discounted" }, { children: ["$", discountEarnTokenPrice(bond)] }))] })), _jsx(Flex, __assign({ className: "title-container tokentags" }, { children: _jsx(ListTag, { text: (_b = bond === null || bond === void 0 ? void 0 : bond.tags) === null || _b === void 0 ? void 0 : _b[0], variant: ((_c = bond === null || bond === void 0 ? void 0 : bond.tags) === null || _c === void 0 ? void 0 : _c[0]) === 'Cex Fund' ? 'cex_fund' : 'liquidity' }) }))] })), _jsx(Flex, __assign({ className: "modal-container description-container" }, { children: bond === null || bond === void 0 ? void 0 : bond.shortDescription })), _jsxs(Flex, __assign({ className: "modal-container blocks-container" }, { children: [_jsxs(Flex, __assign({ className: "modal-block column-discount ".concat(getDiscountColor(bond === null || bond === void 0 ? void 0 : bond.discount)) }, { children: [_jsxs(Flex, __assign({ className: "block-header header" }, { children: ["Discount", _jsx(TooltipBubble, __assign({ body: _jsx(Flex, { children: TooltipText.Discount }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, -5%)" }, { children: _jsx(Flex, __assign({ className: "block-header icon" }, { children: _jsx(Svg, { icon: "questionCircle", width: "12px" }) })) }))] })), "".concat((_d = bond === null || bond === void 0 ? void 0 : bond.discount) === null || _d === void 0 ? void 0 : _d.toFixed(2), "%")] })), _jsxs(Flex, __assign({ className: "modal-block column-arr" }, { children: [_jsxs(Flex, __assign({ className: "block-header header" }, { children: ["ARR", _jsx(TooltipBubble, __assign({ body: _jsx(Flex, { children: TooltipText.ARR }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, -5%)" }, { children: _jsx(Flex, __assign({ className: "block-header icon" }, { children: _jsx(Svg, { icon: "questionCircle", width: "12px" }) })) }))] })), "".concat(((((_e = bond === null || bond === void 0 ? void 0 : bond.discount) !== null && _e !== void 0 ? _e : 0) * 365) / vestingTime((_f = bond === null || bond === void 0 ? void 0 : bond.vestingTerm) !== null && _f !== void 0 ? _f : 0).days).toFixed(2), "%")] })), _jsxs(Flex, __assign({ className: "modal-block column-term" }, { children: [_jsxs(Flex, __assign({ className: "block-header header" }, { children: ["Terms", _jsx(TooltipBubble, __assign({ body: _jsx(Flex, { children: TooltipText.Terms }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, -5%)" }, { children: _jsx(Flex, __assign({ className: "block-header icon" }, { children: _jsx(Svg, { icon: "questionCircle", width: "12px" }) })) }))] })), vestingTime((_g = bond === null || bond === void 0 ? void 0 : bond.vestingTerm) !== null && _g !== void 0 ? _g : 0).days ? "".concat(vestingTime((_h = bond === null || bond === void 0 ? void 0 : bond.vestingTerm) !== null && _h !== void 0 ? _h : 0).days, " D") : '-'] })), _jsxs(Flex, __assign({ className: "modal-block column-maxbuy" }, { children: [_jsxs(Flex, __assign({ className: "block-header header" }, { children: ["Max Buy", _jsx(TooltipBubble, __assign({ body: _jsx(Flex, { children: TooltipText.MaxBuy(bond.payoutTokenName) }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, -5%)" }, { children: _jsx(Flex, __assign({ className: "block-header icon" }, { children: _jsx(Svg, { icon: "questionCircle", width: "12px" }) })) }))] })), (_j = parseFloat(maxBuy(bond).toFixed(0))) === null || _j === void 0 ? void 0 : _j.toLocaleString('en-US')] }))] })), _jsxs(Flex, __assign({ className: "modal-container text-container" }, { children: [_jsxs(Flex, __assign({ className: "text-container row" }, { children: [_jsx(Flex, __assign({ className: "row-container spend" }, { children: "You spend:" })), _jsxs(Flex, __assign({ className: "row-container spend-val" }, { children: [youSpend, " ", bond.principalTokenName, " = $ ", formatUSDNumber(youSpendUSD(bond))] }))] })), _jsxs(Flex, __assign({ className: "text-container row" }, { children: [_jsxs(Flex, __assign({ className: "row-container premium" }, { children: ["Premium:", _jsx(TooltipBubble, __assign({ body: _jsx(Flex, { children: TooltipText.Premium }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, -5%)" }, { children: _jsx(Flex, __assign({ className: "row-container premium-icon" }, { children: _jsx(Svg, { icon: "questionCircle", width: "12px" }) })) }))] })), _jsxs(Flex, __assign({ className: "row-container premium-val ".concat(getPremiumColor(bond)) }, { children: ["$ ", premium(bond)] }))] })), _jsxs(Flex, __assign({ className: "text-container row" }, { children: [_jsxs(Flex, __assign({ className: "row-container get" }, { children: ["You get (over ", vestingTime((_k = bond === null || bond === void 0 ? void 0 : bond.vestingTerm) !== null && _k !== void 0 ? _k : 0).days, " days):"] })), _jsxs(Flex, __assign({ className: "row-container get-val" }, { children: [youGet(bond), " ", bond === null || bond === void 0 ? void 0 : bond.showcaseTokenName, " = $ ", formatUSDNumber(youGetUSD(bond))] }))] }))] })), _jsxs(Flex, __assign({ className: "modal-container input-container" }, { children: [_jsx(Flex, __assign({ className: "input-container input" }, { children: _jsx(Input, { placeholder: "0.0", value: inputValue, pattern: "^[0-9]*[.,]?[0-9]*$", onChange: handleInputChange, onInput: function (v) {
@@ -221,7 +139,7 @@ var BondModal = function (_a) {
                                                             !!v.currentTarget.value && isNumber(v.currentTarget.value) && parseFloat(v.currentTarget.value) >= 0
                                                                 ? v.currentTarget.value
                                                                 : v.currentTarget.value.slice(0, v.currentTarget.value.length - 1);
-                                                    } }) })), _jsx(Flex, __assign({ className: "input-container token" }, { children: bond === null || bond === void 0 ? void 0 : bond.principalTokenName }))] })), _jsxs(Flex, __assign({ className: "modal-container button-container" }, { children: [_jsx(Flex, __assign({ className: "button-container get" }, { children: _jsxs(Button, { children: ["Get ", bond === null || bond === void 0 ? void 0 : bond.principalTokenName] }) })), _jsx(Flex, __assign({ className: "button-container buy" }, { children: _jsxs(Button, __assign({ onClick: function () { return handleBuy(bond); } }, { children: ["Buy: ", bond === null || bond === void 0 ? void 0 : bond.showcaseTokenName] })) }))] }))] }))] })) })) }, bond.billAddress));
+                                                    } }) })), _jsx(Flex, __assign({ className: "input-container token" }, { children: bond === null || bond === void 0 ? void 0 : bond.principalTokenName }))] })), _jsxs(Flex, __assign({ className: "modal-container button-container" }, { children: [_jsx(Flex, __assign({ className: "button-container get" }, { children: _jsxs(Button, { children: ["Get ", bond === null || bond === void 0 ? void 0 : bond.principalTokenName] }) })), _jsx(Flex, __assign({ className: "button-container buy" }, { children: _jsxs(Button, { children: ["Buy ", bond === null || bond === void 0 ? void 0 : bond.showcaseTokenName] }) }))] }))] }))] })) })) }, bond.billAddress));
         }) })));
 };
 export default BondModal;

package/dist/components/YourBonds/YourBonds.d.ts

@@ -1,7 +1,7 @@
 /** @jsxImportSource theme-ui */
 import React from 'react';
 import { BondsDataResponse } from '../../types/bonds';
-import '../../scss/Bonds.scss';
+import '../../scss/YourBonds.scss';
 declare global {
     interface Window {
         ethereum?: any;

package/dist/components/YourBonds/YourBonds.js

@@ -55,20 +55,20 @@ import { useWeb3React } from '@web3-react/core';
 import { useSearchParams, useNavigate } from 'react-router-dom';
 import getTimePeriods from '../../utils/getTimePeriods';
 import { defaultTheme } from '../../theme';
-import '../../scss/Bonds.scss';
+import '../../scss/YourBonds.scss';
 import { BigNumber } from 'bignumber.js';
 import { BillVersion, ChainId } from '../../enum/apeswaplists';
 import ProgressBarWrapper from '../ProgressBar/ProgressBarWrapper';
 import ProgressBar from '../ProgressBar/ProgressBar';
 import { formatDollar, formatValue } from '../../utils/formatNumbers';
-import { TooltipText } from '../../enum/tooltips';
-import { TooltipBubble, Svg } from '../uikit-sdk';
-import Tooltip from '../Tooltip/Tooltip';
+import { Svg, Text, Button } from '../uikit-sdk';
 import { BLOCK_EXPLORER, MAINNET_CHAINS } from '../../config/constants/chains';
 import TokenInfoAndName from '../TokenInfoAndName';
 import { ACF_TO_ABOND } from '../../config/constants/addresses';
 import multicall from '../../utils/multicall';
 import billAbi from '../../config/abi/bond.json';
+import { getBalanceNumber } from '../../utils/getBalanceNumber';
+import { getFirstNonZeroDigits } from '../../utils/roundNumber';
 var YourBonds = function (_a) {
     var connectionString = _a.connectionString;
     var _b = useWeb3React(), account = _b.account, isActive = _b.isActive;
@@ -334,10 +334,23 @@ var YourBonds = function (_a) {
             }
         });
     }); };
-    return (_jsxs(ThemeUIProvider, __assign({ theme: defaultTheme }, { children: [isActive && account && _jsx("p", { children: account }), isActive && account && _jsx("button", __assign({ onClick: handleApprove }, { children: "Approve USDT" })), _jsxs(Flex, __assign({ className: "container table-container" }, { children: [_jsxs(Flex, __assign({ className: "container header-container" }, { children: [_jsxs(Flex, __assign({ className: "column column-tokens" }, { children: [_jsx(Flex, __assign({ className: "column column-tokenname" }, { children: "Tokens" })), _jsx(Flex, { className: "column column-tokenicons" })] })), _jsxs(Flex, __assign({ className: "column column-bondinfo" }, { children: [_jsx(Flex, __assign({ className: "column column-discount" }, { children: _jsxs(TooltipBubble, __assign({ body: _jsx(Flex, { children: TooltipText.Discount }), width: "230px", placement: "bottomLeft", transformTip: "translate(18%, -4%)" }, { children: ["Discount", _jsx(Flex, __assign({ className: "column header-icon" }, { children: _jsx(Svg, { icon: "questionCircle", width: "12px" }) }))] })) })), _jsx(Flex, __assign({ className: "column column-arr" }, { children: _jsxs(TooltipBubble, __assign({ body: _jsx(Flex, { children: TooltipText.ARR }), width: "230px", placement: "bottomLeft", transformTip: "translate(8%, -5%)" }, { children: ["ARR", _jsx(Flex, __assign({ className: "column header-icon" }, { children: _jsx(Svg, { icon: "questionCircle", width: "12px" }) }))] })) })), _jsx(Flex, __assign({ className: "column column-term" }, { children: _jsxs(TooltipBubble, __assign({ body: _jsx(Flex, { children: TooltipText.Terms }), width: "230px", placement: "bottomRight", transformTip: "translate(11%, -5%)" }, { children: ["Terms", _jsx(Flex, __assign({ className: "column header-icon" }, { children: _jsx(Svg, { icon: "questionCircle", width: "12px" }) }))] })) })), _jsx(Flex, __assign({ className: "column column-tokensremaining" }, { children: _jsxs(TooltipBubble, __assign({ body: _jsx(Flex, { children: TooltipText.TokensRemaining }), width: "230px", placement: "bottomRight", transformTip: "translate(12%, -4%)" }, { children: ["Tokens Remaining", _jsx(Flex, __assign({ className: "column header-icon" }, { children: _jsx(Svg, { icon: "questionCircle", width: "12px" }) }))] })) })), _jsx(Flex, { className: "column column-hotbond" })] }))] })), userOwnedBillsData.flat().map(function (data) {
+    var chainId = useWeb3React().chainId;
+    var totalPending = function (userbill) {
+        var _a, _b, _c, _d;
+        return getBalanceNumber(new BigNumber((_a = userbill === null || userbill === void 0 ? void 0 : userbill.totalPayout) !== null && _a !== void 0 ? _a : 0), (_d = (_c = (_b = userbill === null || userbill === void 0 ? void 0 : userbill.bond.earnToken) === null || _b === void 0 ? void 0 : _b.decimals) === null || _c === void 0 ? void 0 : _c[chainId]) !== null && _d !== void 0 ? _d : 18);
+    };
+    var claimable = function (userbill) {
+        var _a, _b, _c;
+        return getBalanceNumber(new BigNumber(userbill.pendingRewards), (_c = (_b = (_a = userbill.bond.earnToken) === null || _a === void 0 ? void 0 : _a.decimals) === null || _b === void 0 ? void 0 : _b[chainId]) !== null && _c !== void 0 ? _c : 18);
+    };
+    var earnTokenPrice = function (bond) {
+        var _a;
+        return getFirstNonZeroDigits(parseFloat((_a = bond === null || bond === void 0 ? void 0 : bond.payoutTokenPrice) !== null && _a !== void 0 ? _a : '0'));
+    };
+    return (_jsxs(ThemeUIProvider, __assign({ theme: defaultTheme }, { children: [isActive && account && _jsx("p", { children: account }), isActive && account && _jsx("button", __assign({ onClick: handleApprove }, { children: "Approve USDT" })), _jsxs(Flex, __assign({ className: "container table-container" }, { children: [_jsxs(Flex, __assign({ className: "container header-container" }, { children: [_jsxs(Flex, __assign({ className: "column column-tokens" }, { children: [_jsx(Flex, { className: "column column-tokenname" }), _jsx(Flex, { className: "column column-tokenicons" })] })), _jsxs(Flex, __assign({ className: "column column-bondinfo" }, { children: [_jsx(Flex, __assign({ className: "column column-discount" }, { children: _jsx(Text, { children: "Claimable" }) })), _jsx(Flex, __assign({ className: "column column-arr" }, { children: _jsx(Text, { children: "Pending" }) })), _jsx(Flex, __assign({ className: "column column-term" }, { children: _jsx(Text, { children: "Terms" }) })), _jsx(Flex, __assign({ className: "column column-tokensremaining" }, { children: _jsx(Flex, __assign({ className: "button-container get" }, { children: _jsx(Button, { children: "CLAIM ALL" }) })) }))] }))] })), userOwnedBillsData.flat().map(function (data) {
                         return data.userOwnedBills.map(function (bill) {
-                            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
-                            return (_jsxs(Flex, __assign({ className: "container bondrow-container", onClick: function () { return rowClick(bill.bond); } }, { children: [_jsxs(Flex, __assign({ className: "column column-tokens" }, { children: [_jsx(Flex, __assign({ className: "column column-tokeninfoname" }, { children: _jsx(TokenInfoAndName, { bond: bill.bond }) })), _jsx(Flex, __assign({ className: "column column-tokenicons" }, { children: _jsx(TooltipBubble, __assign({ body: _jsx(Tooltip, { tokenContract: ((_a = bill.bond) === null || _a === void 0 ? void 0 : _a.payoutToken) || '', secondURL: getBillContractURL(bill.bond), secondURLTitle: 'View Bond Contract', thirdURL: "https://dashboard.ape.bond/bond/".concat((_c = (_b = bill.bond) === null || _b === void 0 ? void 0 : _b.billAddress) === null || _c === void 0 ? void 0 : _c.toLowerCase()), thirdURLTitle: 'View Insights', twitter: (_d = bill.bond) === null || _d === void 0 ? void 0 : _d.twitter, projectLink: (_e = bill.bond) === null || _e === void 0 ? void 0 : _e.projectLink, audit: (_f = bill.bond) === null || _f === void 0 ? void 0 : _f.audit, chain: (_g = bill.bond.chainId) !== null && _g !== void 0 ? _g : ChainId.BSC }), width: "205px", placement: "bottomRight", transformTip: "translate(11%, 0%)" }, { children: _jsx(Svg, { icon: "more", width: "20px" }) })) }))] })), _jsxs(Flex, __assign({ className: "column column-bondinfo" }, { children: [_jsx(Flex, __assign({ className: "column column-discount ".concat(getDiscountColor((_h = bill.bond) === null || _h === void 0 ? void 0 : _h.discount)) }, { children: "".concat((_k = (_j = bill.bond) === null || _j === void 0 ? void 0 : _j.discount) === null || _k === void 0 ? void 0 : _k.toFixed(2), "%") })), _jsx(Flex, __assign({ className: "column column-arr" }, { children: "".concat(((((_m = (_l = bill.bond) === null || _l === void 0 ? void 0 : _l.discount) !== null && _m !== void 0 ? _m : 0) * 365) / vestingTime(bill.bond.vestingTerm).days).toFixed(2), "%") })), _jsx(Flex, __assign({ className: "column column-term" }, { children: vestingTime(bill.bond.vestingTerm).days ? "".concat(vestingTime(bill.bond.vestingTerm).days, " D") : '-' })), _jsx(Flex, __assign({ className: "column column-tokensremaining" }, { children: _jsx(ProgressBarWrapper, { title: '', value: _jsx(ProgressBar, { value: remainingPercentage(bill.bond) }), style: {
+                            var _a, _b, _c, _d;
+                            return (_jsxs(Flex, __assign({ className: "container bondrow-container", onClick: function () { return rowClick(bill.bond); } }, { children: [_jsxs(Flex, __assign({ className: "column column-tokens" }, { children: [_jsx(Flex, __assign({ className: "column column-tokeninfoname" }, { children: _jsx(TokenInfoAndName, { bond: bill.bond }) })), _jsx(Flex, { className: "column column-tokenicons" })] })), _jsxs(Flex, __assign({ className: "column column-bondinfo" }, { children: [_jsx(Flex, __assign({ className: "column column-discount" }, { children: "($".concat((claimable(bill) * ((_a = parseFloat(earnTokenPrice(bill.bond))) !== null && _a !== void 0 ? _a : 0)).toFixed(2), ")") })), _jsx(Flex, __assign({ className: "column column-arr" }, { children: "".concat(((((_c = (_b = bill.bond) === null || _b === void 0 ? void 0 : _b.discount) !== null && _c !== void 0 ? _c : 0) * 365) / vestingTime(bill.bond.vestingTerm).days).toFixed(2), "%") })), _jsx(Flex, __assign({ className: "column column-term" }, { children: vestingTime(bill.bond.vestingTerm).days ? "".concat(vestingTime(bill.bond.vestingTerm).days, " D") : '-' })), _jsx(Flex, __assign({ className: "column column-tokensremaining" }, { children: _jsx(ProgressBarWrapper, { title: '', value: _jsx(ProgressBar, { value: remainingPercentage(bill.bond) }), style: {
                                                         width: '127px',
                                                         height: '25px',
                                                         flexDirection: 'column',
@@ -346,7 +359,7 @@ var YourBonds = function (_a) {
                                                     }, showTooltip: true, toolTip: "".concat(remainingTokensFormat(bill.bond), " ").concat(bill.bond.payoutTokenName, " (").concat(formatDollar({
                                                         num: remainingTokensUsd(bill.bond).toNumber(),
                                                         isPrice: true,
-                                                    }), ")") }) })), _jsx(Flex, __assign({ className: "column column-hotbond" }, { children: _jsx(Flex, __assign({ className: "column column-icon" }, { children: hotBonds.includes(bill.bond.billAddress.toLowerCase()) && ((_o = bill.bond.discount) !== null && _o !== void 0 ? _o : 0) > 0 && (_jsx(Svg, { icon: "hot", width: "20px" })) })) }))] }))] }), bill.bond.billAddress));
+                                                    }), ")") }) })), _jsx(Flex, __assign({ className: "column column-hotbond" }, { children: _jsx(Flex, __assign({ className: "column column-icon" }, { children: hotBonds.includes(bill.bond.billAddress.toLowerCase()) && ((_d = bill.bond.discount) !== null && _d !== void 0 ? _d : 0) > 0 && (_jsx(Svg, { icon: "hot", width: "20px" })) })) }))] }))] }), bill.bond.billAddress));
                         });
                     })] }))] })));
 };

package/dist/components/YourBonds/fetchBillsUser.d.ts

@@ -0,0 +1,15 @@
+import { ChainId } from '@ape.swap/apeswap-lists';
+import { Bills, CleanedBondsState, UserBill } from '../../types/bonds';
+/**
+ * Fetches user-owned bill NFT data for a given set of owned bills data, chain ID, and bills.
+ * @param ownedBillsData An array of objects containing the ID, bill NFT address, and contract address of the owned bills.
+ * @param chainId The ID of the blockchain network.
+ * @param bills An array of objects containing the contract address and user-owned bill NFT data.
+ * @returns An array of objects containing the ID and data of the user-owned bill NFTs.
+ */
+export declare const fetchUserOwnedBillNftData: (ownedBillsData: {
+    id: string;
+    billNftAddress: string;
+    contractAddress: string;
+}[], chainId: ChainId, bills: (CleanedBondsState | Bills)[]) => Promise<any[]>;
+export declare const fetchUserOwnedBills: (chainId: ChainId, account: string, bills: CleanedBondsState[]) => Promise<UserBill[]>;

package/dist/components/YourBonds/fetchBillsUser.js

@@ -0,0 +1,171 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import billAbi from '../../config/abi/bond.json';
+import BigNumber from 'bignumber.js';
+import { getBillNftBatchData } from './getBillNftData';
+import { BillVersion } from '@ape.swap/apeswap-lists';
+import multicall from '../../utils/multicall';
+/**
+ * Fetches user-owned bill NFT data for a given set of owned bills data, chain ID, and bills.
+ * @param ownedBillsData An array of objects containing the ID, bill NFT address, and contract address of the owned bills.
+ * @param chainId The ID of the blockchain network.
+ * @param bills An array of objects containing the contract address and user-owned bill NFT data.
+ * @returns An array of objects containing the ID and data of the user-owned bill NFTs.
+ */
+export var fetchUserOwnedBillNftData = function (ownedBillsData, chainId, bills) { return __awaiter(void 0, void 0, void 0, function () {
+    var billsToFetch, billsFetched, groupedBillsToFetch, groupedBillsToFetchArray, billNftData, billNftDataFlat, result;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                billsToFetch = [];
+                billsFetched = [];
+                // Loop through each owned bill and check if it exists in the bills array
+                ownedBillsData === null || ownedBillsData === void 0 ? void 0 : ownedBillsData.forEach(function (_a) {
+                    var _b, _c;
+                    var id = _a.id, billNftAddress = _a.billNftAddress, contractAddress = _a.contractAddress;
+                    var bill = (_c = (_b = bills
+                        .find(function (b) { return b.contractAddress[chainId] === contractAddress; })) === null || _b === void 0 ? void 0 : _b.userOwnedBillsNftData) === null || _c === void 0 ? void 0 : _c.find(function (u) { return +u.tokenId === +id; });
+                    // If the bill exists in the bills array, add it to the billsFetched array
+                    if (bill) {
+                        billsFetched.push({ id: id, data: bill });
+                    }
+                    // If the bill doesn't exist in the bills array, add it to the billsToFetch array
+                    billsToFetch.push({ id: id, billNftAddress: billNftAddress, chainId: chainId });
+                });
+                groupedBillsToFetch = billsToFetch === null || billsToFetch === void 0 ? void 0 : billsToFetch.reduce(function (acc, bill) {
+                    var key = "".concat(bill === null || bill === void 0 ? void 0 : bill.billNftAddress, "-").concat(bill === null || bill === void 0 ? void 0 : bill.chainId);
+                    if (!acc[key]) {
+                        acc[key] = {
+                            billNftAddress: bill === null || bill === void 0 ? void 0 : bill.billNftAddress,
+                            chainId: bill === null || bill === void 0 ? void 0 : bill.chainId,
+                            ids: [],
+                        };
+                    }
+                    acc[key].ids.push(bill === null || bill === void 0 ? void 0 : bill.id);
+                    return acc;
+                }, {});
+                groupedBillsToFetchArray = Object.values(groupedBillsToFetch);
+                return [4 /*yield*/, Promise.all(groupedBillsToFetchArray.map(function (_a) {
+                        var billNftAddress = _a.billNftAddress, chainId = _a.chainId, ids = _a.ids;
+                        return __awaiter(void 0, void 0, void 0, function () {
+                            return __generator(this, function (_b) {
+                                return [2 /*return*/, getBillNftBatchData(ids, billNftAddress, chainId)];
+                            });
+                        });
+                    }))
+                    // Flatten the resulting array of arrays into a single array
+                ];
+            case 1:
+                billNftData = _a.sent();
+                billNftDataFlat = billNftData.flat();
+                result = billsFetched.concat(billNftDataFlat.map(function (data) { return ({ id: data.tokenId, data: data }); }));
+                return [2 /*return*/, result];
+        }
+    });
+}); };
+export var fetchUserOwnedBills = function (chainId, account, bills) { return __awaiter(void 0, void 0, void 0, function () {
+    var billIdCalls, billIds, billsPendingRewardCall, billDataCalls, billVersions, billData, pendingRewardsCall, result, i, billDataPos, data;
+    var _a, _b, _c, _d, _e;
+    return __generator(this, function (_f) {
+        switch (_f.label) {
+            case 0:
+                billIdCalls = bills.map(function (b) { return ({
+                    address: b.contractAddress,
+                    name: 'getBillIds',
+                    params: [account],
+                }); });
+                return [4 /*yield*/, multicall(chainId, billAbi, billIdCalls, true, 15)];
+            case 1:
+                billIds = _f.sent();
+                billsPendingRewardCall = [];
+                billDataCalls = [];
+                billVersions = [];
+                billIds.forEach(function (idArray, index) {
+                    return idArray[0].forEach(function (id) {
+                        return id.gt(0) &&
+                            (billDataCalls.push({
+                                address: bills[index].contractAddress,
+                                name: bills[index].billVersion !== BillVersion.V1 ? 'getBillInfo' : 'billInfo',
+                                params: [id],
+                            }),
+                                billDataCalls.push({ address: bills[index].contractAddress, name: 'billNft' }),
+                                billsPendingRewardCall.push({
+                                    address: bills[index].contractAddress,
+                                    name: bills[index].billVersion !== BillVersion.V1 ? 'claimablePayout' : 'pendingPayoutFor',
+                                    params: [id],
+                                }),
+                                billVersions.push(bills[index].billVersion));
+                    });
+                });
+                return [4 /*yield*/, multicall(chainId, billAbi, billDataCalls, true, 150)];
+            case 2:
+                billData = _f.sent();
+                return [4 /*yield*/, multicall(chainId, billAbi, billsPendingRewardCall)];
+            case 3:
+                pendingRewardsCall = _f.sent();
+                result = [];
+                for (i = 0; i < billsPendingRewardCall.length; i++) {
+                    billDataPos = i === 0 ? 0 : i * 2;
+                    data = billVersions[i] !== BillVersion.V1
+                        ? {
+                            address: billsPendingRewardCall[i].address,
+                            id: billsPendingRewardCall[i].params[0].toString(),
+                            payout: new BigNumber((_a = billData[billDataPos][0]) === null || _a === void 0 ? void 0 : _a.payout.toString())
+                                .minus((_b = billData[billDataPos][0]) === null || _b === void 0 ? void 0 : _b.payoutClaimed.toString())
+                                .toString(),
+                            billNftAddress: billData[billDataPos + 1][0].toString(),
+                            vesting: (_c = billData[billDataPos][0]) === null || _c === void 0 ? void 0 : _c.vesting.toString(),
+                            lastBlockTimestamp: (_d = billData[billDataPos][0]) === null || _d === void 0 ? void 0 : _d.lastClaimTimestamp.toString(),
+                            truePricePaid: (_e = billData[billDataPos][0]) === null || _e === void 0 ? void 0 : _e.truePricePaid.toString(),
+                            pendingRewards: pendingRewardsCall[i][0].toString(),
+                        }
+                        : {
+                            address: billsPendingRewardCall[i].address,
+                            id: billsPendingRewardCall[i].params[0].toString(),
+                            payout: billData[billDataPos][0].toString(),
+                            billNftAddress: billData[billDataPos + 1][0].toString(),
+                            vesting: billData[billDataPos][1].toString(),
+                            lastBlockTimestamp: billData[billDataPos][2].toString(),
+                            truePricePaid: billData[billDataPos][3].toString(),
+                            pendingRewards: pendingRewardsCall[i][0].toString(),
+                        };
+                    result.push(data);
+                }
+                return [2 /*return*/, result];
+        }
+    });
+}); };

package/dist/components/YourBonds/getBillNftData.d.ts

@@ -0,0 +1,9 @@
+export declare const getBillNftData: (billNftId: string, billNftAddress: string, chainId: number) => Promise<any>;
+/**
+ * Retrieves batch data for a list of bill NFT IDs from the API.
+ * @param billNftIds - An array of bill NFT IDs to retrieve data for.
+ * @param billNftAddress - The address of the bill NFT contract.
+ * @param chainId - The ID of the blockchain network to retrieve data from.
+ * @returns A Promise that resolves to the batch data for the specified bill NFT IDs, or null if an error occurs.
+ */
+export declare const getBillNftBatchData: (billNftIds: string[], billNftAddress: string, chainId: number) => Promise<any>;

package/dist/components/YourBonds/getBillNftData.js

@@ -0,0 +1,109 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import axiosRetry from 'axios-retry';
+import axios from 'axios';
+import { apiV2BaseUrl } from '../../config/constants/api';
+export var getBillNftData = function (billNftId, billNftAddress, chainId) { return __awaiter(void 0, void 0, void 0, function () {
+    var response, billNftDataResp, error_1;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                _a.trys.push([0, 3, , 4]);
+                axiosRetry(axios, {
+                    retries: 5,
+                    retryCondition: function () { return true; },
+                });
+                return [4 /*yield*/, axios.get("".concat(apiV2BaseUrl, "/bills/single/").concat(chainId, "/").concat(billNftAddress, "/").concat(billNftId))];
+            case 1:
+                response = _a.sent();
+                return [4 /*yield*/, response.data];
+            case 2:
+                billNftDataResp = _a.sent();
+                if (billNftDataResp.statusCode === 500) {
+                    return [2 /*return*/, null];
+                }
+                return [2 /*return*/, billNftDataResp];
+            case 3:
+                error_1 = _a.sent();
+                return [2 /*return*/, null];
+            case 4: return [2 /*return*/];
+        }
+    });
+}); };
+/**
+ * Retrieves batch data for a list of bill NFT IDs from the API.
+ * @param billNftIds - An array of bill NFT IDs to retrieve data for.
+ * @param billNftAddress - The address of the bill NFT contract.
+ * @param chainId - The ID of the blockchain network to retrieve data from.
+ * @returns A Promise that resolves to the batch data for the specified bill NFT IDs, or null if an error occurs.
+ */
+export var getBillNftBatchData = function (billNftIds, billNftAddress, chainId) { return __awaiter(void 0, void 0, void 0, function () {
+    var response, billNftDataResp, error_2;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                _a.trys.push([0, 3, , 4]);
+                // Retry the request up to 5 times if it fails
+                axiosRetry(axios, {
+                    retries: 5,
+                    retryCondition: function () { return true; },
+                });
+                // If no bill NFT IDs are provided, return null
+                if (!billNftIds || billNftIds.length === 0) {
+                    return [2 /*return*/, null];
+                }
+                return [4 /*yield*/, axios.get("".concat(apiV2BaseUrl, "/bills/batch/").concat(chainId, "/").concat(billNftAddress, "/?billIds[]=").concat(billNftIds.join('&billIds[]=')))
+                    // If the response status code is 500, return null
+                ];
+            case 1:
+                response = _a.sent();
+                return [4 /*yield*/, response.data];
+            case 2:
+                billNftDataResp = _a.sent();
+                if (billNftDataResp.statusCode === 500) {
+                    return [2 /*return*/, null];
+                }
+                // Return the batch data for the specified bill NFT IDs
+                return [2 /*return*/, billNftDataResp];
+            case 3:
+                error_2 = _a.sent();
+                // If an error occurs, return null
+                return [2 /*return*/, null];
+            case 4: return [2 /*return*/];
+        }
+    });
+}); };

package/dist/config/abi/types/Eip_2612.d.ts

@@ -0,0 +1,50 @@
+import type { BaseContract, BigNumber, BytesLike, CallOverrides, PopulatedTransaction, Signer, utils } from "ethers";
+import type { FunctionFragment, Result } from "@ethersproject/abi";
+import type { Listener, Provider } from "@ethersproject/providers";
+import type { TypedEventFilter, TypedEvent, TypedListener, OnEvent, PromiseOrValue } from "./common";
+export interface Eip_2612Interface extends utils.Interface {
+    functions: {
+        "nonces(address)": FunctionFragment;
+        "DOMAIN_SEPARATOR()": FunctionFragment;
+    };
+    getFunction(nameOrSignatureOrTopic: "nonces" | "DOMAIN_SEPARATOR"): FunctionFragment;
+    encodeFunctionData(functionFragment: "nonces", values: [PromiseOrValue<string>]): string;
+    encodeFunctionData(functionFragment: "DOMAIN_SEPARATOR", values?: undefined): string;
+    decodeFunctionResult(functionFragment: "nonces", data: BytesLike): Result;
+    decodeFunctionResult(functionFragment: "DOMAIN_SEPARATOR", data: BytesLike): Result;
+    events: {};
+}
+export interface Eip_2612 extends BaseContract {
+    connect(signerOrProvider: Signer | Provider | string): this;
+    attach(addressOrName: string): this;
+    deployed(): Promise<this>;
+    interface: Eip_2612Interface;
+    queryFilter<TEvent extends TypedEvent>(event: TypedEventFilter<TEvent>, fromBlockOrBlockhash?: string | number | undefined, toBlock?: string | number | undefined): Promise<Array<TEvent>>;
+    listeners<TEvent extends TypedEvent>(eventFilter?: TypedEventFilter<TEvent>): Array<TypedListener<TEvent>>;
+    listeners(eventName?: string): Array<Listener>;
+    removeAllListeners<TEvent extends TypedEvent>(eventFilter: TypedEventFilter<TEvent>): this;
+    removeAllListeners(eventName?: string): this;
+    off: OnEvent<this>;
+    on: OnEvent<this>;
+    once: OnEvent<this>;
+    removeListener: OnEvent<this>;
+    functions: {
+        nonces(owner: PromiseOrValue<string>, overrides?: CallOverrides): Promise<[BigNumber]>;
+        DOMAIN_SEPARATOR(overrides?: CallOverrides): Promise<[string]>;
+    };
+    nonces(owner: PromiseOrValue<string>, overrides?: CallOverrides): Promise<BigNumber>;
+    DOMAIN_SEPARATOR(overrides?: CallOverrides): Promise<string>;
+    callStatic: {
+        nonces(owner: PromiseOrValue<string>, overrides?: CallOverrides): Promise<BigNumber>;
+        DOMAIN_SEPARATOR(overrides?: CallOverrides): Promise<string>;
+    };
+    filters: {};
+    estimateGas: {
+        nonces(owner: PromiseOrValue<string>, overrides?: CallOverrides): Promise<BigNumber>;
+        DOMAIN_SEPARATOR(overrides?: CallOverrides): Promise<BigNumber>;
+    };
+    populateTransaction: {
+        nonces(owner: PromiseOrValue<string>, overrides?: CallOverrides): Promise<PopulatedTransaction>;
+        DOMAIN_SEPARATOR(overrides?: CallOverrides): Promise<PopulatedTransaction>;
+    };
+}

package/dist/config/abi/types/Eip_2612.js

@@ -0,0 +1 @@
+export {};