@ape.swap/bonds-sdk 1.0.361 → 1.0.363

package/dist/components/YourBonds/YourBonds.js

@@ -56,20 +56,16 @@ import getTimePeriods from '../../utils/getTimePeriods';
 import { defaultTheme } from '../../theme';
 import '../../scss/YourBonds.scss';
 import { BigNumber } from 'bignumber.js';
-import { BillVersion } from '../../enum/apeswaplists';
 import { Text, Button } from '../uikit-sdk';
 import { 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';
 import { formatNumberSI } from '../../utils/formatNumber';
 import useCurrentTime from '../../hooks/useTimer';
 import { getPendingVesting } from '../../hooks/usePendingVesting';
 import axios from 'axios';
-import { fetchUserOwnedBillNftData } from './fetchBillsUser';
+import { fetchUserOwnedBillsDataAsync } from './fetchBillsUser';
 var YourBonds = function (_a) {
     var connectionString = _a.connectionString;
     var _b = useWeb3React(), account = _b.account, isActive = _b.isActive;
@@ -114,151 +110,20 @@ var YourBonds = function (_a) {
             }
         });
     }); };
+    // Fetch data for user owned bill
     useEffect(function () {
         axios.get('https://realtime-api.ape.bond/bonds').then(function (response) {
             var bonds = response.data.bonds;
             setBondData(bonds);
         });
     }, []);
-    var _d = useState(false), isModalOpen = _d[0], setIsModalOpen = _d[1];
-    var _e = useState(null), selectedBond = _e[0], setSelectedBond = _e[1];
-    var _f = useState([]), bondData = _f[0], setBondData = _f[1];
-    var rowClick = function (bond) {
-        setSelectedBond(bond);
-        setIsModalOpen(true);
-        navigate("/YourBonds/?bondAddress=".concat(bond.billAddress, "&bondChain=").concat(bond.chainId), { replace: true });
-    };
-    var fetchUserOwnedBillsDataAsync = function (chainId, account) { return __awaiter(void 0, void 0, void 0, function () {
-        var bonds, userOwnedBills_1, mapUserOwnedBills_1, userOwnedBillsData_1, ownedBillsData, userBillNftData_1, combinedData, error_2;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    _a.trys.push([0, 3, , 4]);
-                    bonds = bondData.filter(function (bond) {
-                        return bond.billVersion !== BillVersion.FixedPrice &&
-                            (bond === null || bond === void 0 ? void 0 : bond.chainId) === chainId &&
-                            bond.type !== 'migration' &&
-                            bond.billAddress.toLowerCase() !== ACF_TO_ABOND.toLowerCase();
-                    });
-                    return [4 /*yield*/, fetchUserOwnedBills(chainId, account, bonds)];
-                case 1:
-                    userOwnedBills_1 = _a.sent();
-                    mapUserOwnedBills_1 = bonds.map(function (bill) {
-                        return userOwnedBills_1.filter(function (b) { return b.address.toLowerCase() === bill.billAddress.toLowerCase(); });
-                    });
-                    userOwnedBillsData_1 = bonds.map(function (bill, i) { return ({
-                        index: bill.index,
-                        userOwnedBills: mapUserOwnedBills_1[i],
-                    }); });
-                    ownedBillsData = mapUserOwnedBills_1.flatMap(function (bs) {
-                        return bs.map(function (b) {
-                            return { id: b.id, billNftAddress: b.billNftAddress, contractAddress: b.address };
-                        });
-                    });
-                    return [4 /*yield*/, fetchUserOwnedBillNftData(ownedBillsData, chainId, bonds)
-                        // Merge userBillNftData into userOwnedBillsData
-                    ];
-                case 2:
-                    userBillNftData_1 = _a.sent();
-                    combinedData = userOwnedBillsData_1.map(function (data) {
-                        var enrichedUserBills = data.userOwnedBills.map(function (bill) {
-                            var nftData = userBillNftData_1.find(function (nft) { return nft.id === parseInt(bill.id); });
-                            return __assign(__assign({}, bill), { nftData: nftData ? nftData : undefined });
-                        });
-                        return __assign(__assign({}, data), { userOwnedBills: enrichedUserBills });
-                    });
-                    console.log("combinedData");
-                    console.log(combinedData);
-                    console.log("combinedData");
-                    return [2 /*return*/, Promise.resolve(combinedData)];
-                case 3:
-                    error_2 = _a.sent();
-                    console.error('Error fetching user owned bills data:', error_2);
-                    return [2 /*return*/, Promise.reject(error_2)];
-                case 4: return [2 /*return*/];
-            }
-        });
-    }); };
-    var fetchUserOwnedBills = function (chainId, account, bonds) { 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 = bonds.map(function (b) { return ({
-                        address: b.billAddress,
-                        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: bonds[index].billAddress,
-                                    name: bonds[index].billVersion !== BillVersion.V1 ? 'getBillInfo' : 'billInfo',
-                                    params: [id],
-                                    bond: bonds[index]
-                                }),
-                                    billDataCalls.push({ address: bonds[index].billAddress, name: 'billNft' }),
-                                    billsPendingRewardCall.push({
-                                        address: bonds[index].billAddress,
-                                        name: bonds[index].billVersion !== BillVersion.V1 ? 'claimablePayout' : 'pendingPayoutFor',
-                                        params: [id],
-                                        bond: bonds[index]
-                                    }),
-                                    billVersions.push(bonds[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(),
-                                bond: billsPendingRewardCall[i].bond
-                            }
-                            : {
-                                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(),
-                                bond: billsPendingRewardCall[i].bond
-                            };
-                        result.push(data);
-                    }
-                    return [2 /*return*/, result];
-            }
-        });
-    }); };
+    var _d = useState([]), bondData = _d[0], setBondData = _d[1];
+    var _e = useState(false), isModalOpen = _e[0], setIsModalOpen = _e[1];
+    var _f = useState(null), selectedBill = _f[0], setSelectedBill = _f[1];
     var _g = useState([]), userOwnedBillsData = _g[0], setUserOwnedBillsData = _g[1];
     useEffect(function () {
         var fetchData = function () { return __awaiter(void 0, void 0, void 0, function () {
-            var results, error_3;
+            var results, error_2;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
@@ -266,14 +131,14 @@ var YourBonds = function (_a) {
                         _a.label = 1;
                     case 1:
                         _a.trys.push([1, 3, , 4]);
-                        return [4 /*yield*/, Promise.all(MAINNET_CHAINS.map(function (chain) { return fetchUserOwnedBillsDataAsync(chain, account); }))];
+                        return [4 /*yield*/, Promise.all(MAINNET_CHAINS.map(function (chain) { return fetchUserOwnedBillsDataAsync(chain, account, bondData); }))];
                     case 2:
                         results = _a.sent();
                         setUserOwnedBillsData(results);
                         return [3 /*break*/, 4];
                     case 3:
-                        error_3 = _a.sent();
-                        console.error('Error fetching user owned bills data:', error_3);
+                        error_2 = _a.sent();
+                        console.error('Error fetching user owned bills data:', error_2);
                         return [3 /*break*/, 4];
                     case 4: return [2 /*return*/];
                 }
@@ -281,6 +146,12 @@ var YourBonds = function (_a) {
         }); };
         fetchData();
     }, [account]);
+    var rowClick = function (bill) {
+        setSelectedBill(bill);
+        setIsModalOpen(true);
+        navigate("/YourBonds/?bondAddress=".concat(bill.address, "&bondChain=").concat(bill.bond.chainId), { replace: true });
+    };
+    // Functions to calculate display values for each row
     var chainId = useWeb3React().chainId;
     var currentTime = useCurrentTime() / 1000;
     var vestingTimeRemaining = function (userBill) {
@@ -314,7 +185,7 @@ var YourBonds = function (_a) {
                         });
                         return sortedBills.map(function (bill) {
                             var _a, _b;
-                            return (_jsxs(Flex, __assign({ className: "container bondrow-container", onClick: function () { return rowClick(bill.bond); } }, { children: [_jsx(Flex, __assign({ className: "column column-tokens" }, { children: _jsx(Flex, __assign({ className: "column column-tokeninfoname" }, { children: _jsx(TokenInfoAndName, { bill: bill.bond, vestEnds: "Ends in ".concat(getPendingVesting(bill.lastBlockTimestamp, bill.vesting)) }) })) })), _jsxs(Flex, __assign({ className: "column column-bondinfo" }, { children: [_jsxs(Flex, __assign({ className: "column column-claimable" }, { children: [formatNumberSI(parseFloat(claimable(bill).toFixed(3)), 0), "($".concat((claimable(bill) * ((_a = parseFloat(earnTokenPrice(bill.bond))) !== null && _a !== void 0 ? _a : 0)).toFixed(2), ")")] })), _jsxs(Flex, __assign({ className: "column column-pending" }, { children: [formatNumberSI(parseFloat(totalPending(bill).toFixed(0)), 0), "($".concat((totalPending(bill) * ((_b = parseFloat(earnTokenPrice(bill.bond))) !== null && _b !== void 0 ? _b : 0)).toFixed(2), ")")] })), _jsx(Flex, __assign({ className: "column column-term" }, { children: "".concat(vestingTimeRemaining(bill).days, "d, ").concat(vestingTimeRemaining(bill).hours, "h, ").concat(vestingTimeRemaining(bill).minutes, "m") })), _jsx(Flex, __assign({ className: "column column-claimall" }, { children: _jsx(Flex, __assign({ className: "column-claimall button" }, { children: _jsx(Button, __assign({ disabled: !account, sx: {
+                            return (_jsxs(Flex, __assign({ className: "container bondrow-container", onClick: function () { return rowClick(bill); } }, { children: [_jsx(Flex, __assign({ className: "column column-tokens" }, { children: _jsx(Flex, __assign({ className: "column column-tokeninfoname" }, { children: _jsx(TokenInfoAndName, { bill: bill.bond, vestEnds: "Ends in ".concat(getPendingVesting(bill.lastBlockTimestamp, bill.vesting)) }) })) })), _jsxs(Flex, __assign({ className: "column column-bondinfo" }, { children: [_jsxs(Flex, __assign({ className: "column column-claimable" }, { children: [formatNumberSI(parseFloat(claimable(bill).toFixed(3)), 0), "($".concat((claimable(bill) * ((_a = parseFloat(earnTokenPrice(bill.bond))) !== null && _a !== void 0 ? _a : 0)).toFixed(2), ")")] })), _jsxs(Flex, __assign({ className: "column column-pending" }, { children: [formatNumberSI(parseFloat(totalPending(bill).toFixed(0)), 0), "($".concat((totalPending(bill) * ((_b = parseFloat(earnTokenPrice(bill.bond))) !== null && _b !== void 0 ? _b : 0)).toFixed(2), ")")] })), _jsx(Flex, __assign({ className: "column column-term" }, { children: "".concat(vestingTimeRemaining(bill).days, "d, ").concat(vestingTimeRemaining(bill).hours, "h, ").concat(vestingTimeRemaining(bill).minutes, "m") })), _jsx(Flex, __assign({ className: "column column-claimall" }, { children: _jsx(Flex, __assign({ className: "column-claimall button" }, { children: _jsx(Button, __assign({ disabled: !account, sx: {
                                                             height: ['36px', '36px', '36px', '26px'],
                                                             lineHeight: '12px',
                                                             fontSize: '14px',

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

@@ -1,5 +1,6 @@
-import { BondsDataResponse, CleanedBondsState, UserBill } from '../../types/bonds';
 import { ChainId } from '../../enum/apeswaplists';
+import { UserBill, UserOwnedBillsData } from '../../types/yourbonds';
+import { BondsDataResponse } 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.
@@ -12,4 +13,5 @@ export declare const fetchUserOwnedBillNftData: (ownedBillsData: {
     billNftAddress: string;
     contractAddress: string;
 }[], chainId: ChainId, bills: BondsDataResponse[]) => Promise<any[]>;
-export declare const fetchUserOwnedBills: (chainId: ChainId, account: string, bills: CleanedBondsState[]) => Promise<UserBill[]>;
+export declare const fetchUserOwnedBillsDataAsync: (chainId: ChainId, account: string, bondData: BondsDataResponse[]) => Promise<UserOwnedBillsData[]>;
+export declare const fetchUserOwnedBills: (chainId: ChainId, account: string, bonds: BondsDataResponse[]) => Promise<UserBill[]>;

package/dist/components/YourBonds/fetchBillsUser.js

@@ -1,3 +1,14 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    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) {
@@ -39,6 +50,7 @@ import BigNumber from 'bignumber.js';
 import { getBillNftBatchData } from './getBillNftData';
 import multicall from '../../utils/multicall';
 import { BillVersion } from '../../enum/apeswaplists';
+import { ACF_TO_ABOND } from '../../config/constants/addresses';
 /**
  * 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.
@@ -97,14 +109,67 @@ export var fetchUserOwnedBillNftData = function (ownedBillsData, chainId, bills)
         }
     });
 }); };
-export var fetchUserOwnedBills = function (chainId, account, bills) { return __awaiter(void 0, void 0, void 0, function () {
+/* MODIFIED FUNCTION FROM FRONTEND SPECIFICALLY FOR THE SDK */
+export var fetchUserOwnedBillsDataAsync = function (chainId, account, bondData) { return __awaiter(void 0, void 0, void 0, function () {
+    var bonds, userOwnedBills_1, mapUserOwnedBills_1, userOwnedBillsData, ownedBillsData, userBillNftData_1, combinedData, error_1;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                _a.trys.push([0, 3, , 4]);
+                bonds = bondData.filter(function (bond) {
+                    return bond.billVersion !== BillVersion.FixedPrice &&
+                        (bond === null || bond === void 0 ? void 0 : bond.chainId) === chainId &&
+                        bond.type !== 'migration' &&
+                        bond.billAddress.toLowerCase() !== ACF_TO_ABOND.toLowerCase();
+                });
+                return [4 /*yield*/, fetchUserOwnedBills(chainId, account, bonds)];
+            case 1:
+                userOwnedBills_1 = _a.sent();
+                mapUserOwnedBills_1 = bonds.map(function (bill) {
+                    return userOwnedBills_1.filter(function (b) { return b.address.toLowerCase() === bill.billAddress.toLowerCase(); });
+                });
+                userOwnedBillsData = bonds.map(function (bill, i) { return ({
+                    index: bill.index,
+                    userOwnedBills: mapUserOwnedBills_1[i],
+                }); });
+                ownedBillsData = mapUserOwnedBills_1.flatMap(function (bs) {
+                    return bs.map(function (b) {
+                        return { id: b.id, billNftAddress: b.billNftAddress, contractAddress: b.address };
+                    });
+                });
+                return [4 /*yield*/, fetchUserOwnedBillNftData(ownedBillsData, chainId, bonds)
+                    // Merge userBillNftData into userOwnedBillsData
+                ];
+            case 2:
+                userBillNftData_1 = _a.sent();
+                combinedData = userOwnedBillsData.map(function (data) {
+                    var enrichedUserBills = data.userOwnedBills.map(function (bill) {
+                        var nftData = userBillNftData_1.find(function (nft) { return nft.id === parseInt(bill.id); });
+                        return __assign(__assign({}, bill), { nftData: nftData ? nftData : undefined });
+                    });
+                    return __assign(__assign({}, data), { userOwnedBills: enrichedUserBills });
+                });
+                console.log("combinedData");
+                console.log(combinedData);
+                console.log("combinedData");
+                return [2 /*return*/, Promise.resolve(combinedData)];
+            case 3:
+                error_1 = _a.sent();
+                console.error('Error fetching user owned bills data:', error_1);
+                return [2 /*return*/, Promise.reject(error_1)];
+            case 4: return [2 /*return*/];
+        }
+    });
+}); };
+/* MODIFIED FUNCTION FROM FRONTEND SPECIFICALLY FOR THE SDK */
+export var fetchUserOwnedBills = function (chainId, account, bonds) { 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,
+                billIdCalls = bonds.map(function (b) { return ({
+                    address: b.billAddress,
                     name: 'getBillIds',
                     params: [account],
                 }); });
@@ -118,17 +183,19 @@ export var fetchUserOwnedBills = function (chainId, account, bills) { return __a
                     return idArray[0].forEach(function (id) {
                         return id.gt(0) &&
                             (billDataCalls.push({
-                                address: bills[index].contractAddress,
-                                name: bills[index].billVersion !== BillVersion.V1 ? 'getBillInfo' : 'billInfo',
+                                address: bonds[index].billAddress,
+                                name: bonds[index].billVersion !== BillVersion.V1 ? 'getBillInfo' : 'billInfo',
                                 params: [id],
+                                bond: bonds[index]
                             }),
-                                billDataCalls.push({ address: bills[index].contractAddress, name: 'billNft' }),
+                                billDataCalls.push({ address: bonds[index].billAddress, name: 'billNft' }),
                                 billsPendingRewardCall.push({
-                                    address: bills[index].contractAddress,
-                                    name: bills[index].billVersion !== BillVersion.V1 ? 'claimablePayout' : 'pendingPayoutFor',
+                                    address: bonds[index].billAddress,
+                                    name: bonds[index].billVersion !== BillVersion.V1 ? 'claimablePayout' : 'pendingPayoutFor',
                                     params: [id],
+                                    bond: bonds[index]
                                 }),
-                                billVersions.push(bills[index].billVersion));
+                                billVersions.push(bonds[index].billVersion));
                     });
                 });
                 return [4 /*yield*/, multicall(chainId, billAbi, billDataCalls, true, 150)];
@@ -152,6 +219,7 @@ export var fetchUserOwnedBills = function (chainId, account, bills) { return __a
                             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(),
+                            bond: billsPendingRewardCall[i].bond
                         }
                         : {
                             address: billsPendingRewardCall[i].address,
@@ -162,6 +230,7 @@ export var fetchUserOwnedBills = function (chainId, account, bills) { return __a
                             lastBlockTimestamp: billData[billDataPos][2].toString(),
                             truePricePaid: billData[billDataPos][3].toString(),
                             pendingRewards: pendingRewardsCall[i][0].toString(),
+                            bond: billsPendingRewardCall[i].bond
                         };
                     result.push(data);
                 }

package/dist/components/YourBondsModal/YourBondsModal.js

@@ -55,23 +55,21 @@ import '../../scss/YourBondsModal.scss';
 import axios from 'axios';
 import { BigNumber } from 'bignumber.js';
 import { getFirstNonZeroDigits } from '../../utils/roundNumber';
-import { TooltipBubble, Button, Svg, ListTag } from '../uikit-sdk';
+import { TooltipBubble, Button, Svg, ListTag, Skeleton, Text } from '../uikit-sdk';
 import { UserBillTooltipText } from '../../enum/tooltips';
-import billAbi from '../../config/abi/bond.json';
 import TokenImage from '../uikit-sdk/TokenImage';
 import { getBalanceNumber } from '../../utils/getBalanceNumber';
-import multicall from '../../utils/multicall';
-import { BillVersion } from '../../enum/apeswaplists';
-import { ACF_TO_ABOND } from '../../config/constants/addresses';
 import { MAINNET_CHAINS } from '../../config/constants/chains';
 import { getPendingVesting } from '../../hooks/usePendingVesting';
 import { formatNumberSI } from '../../utils/formatNumber';
-import { fetchUserOwnedBillNftData } from '../YourBonds/fetchBillsUser';
+import { fetchUserOwnedBillsDataAsync } from '../YourBonds/fetchBillsUser';
+import { TraitsContentContainer } from './styles';
 var YourBondsModal = function (_a) {
     var isOpen = _a.isOpen, onClose = _a.onClose, bondAddress = _a.bondAddress;
     if (!isOpen)
         return null;
     var _b = useWeb3React(), account = _b.account, chainId = _b.chainId, isActive = _b.isActive;
+    // Fetch data for user owned bill
     var _c = useState([]), bondData = _c[0], setBondData = _c[1];
     useEffect(function () {
         axios.get('https://realtime-api.ape.bond/bonds').then(function (response) {
@@ -82,136 +80,9 @@ var YourBondsModal = function (_a) {
         });
     }, [bondAddress]);
     var _d = useState([]), userOwnedBillsData = _d[0], setUserOwnedBillsData = _d[1];
-    var fetchUserOwnedBillsDataAsync = function (chainId, account) { return __awaiter(void 0, void 0, void 0, function () {
-        var bonds, userOwnedBills_1, mapUserOwnedBills_1, userOwnedBillsData_1, ownedBillsData, userBillNftData_1, combinedData, error_1;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    _a.trys.push([0, 3, , 4]);
-                    bonds = bondData.filter(function (bond) {
-                        return bond.billVersion !== BillVersion.FixedPrice &&
-                            (bond === null || bond === void 0 ? void 0 : bond.chainId) === chainId &&
-                            bond.type !== 'migration' &&
-                            bond.billAddress.toLowerCase() !== ACF_TO_ABOND.toLowerCase();
-                    });
-                    return [4 /*yield*/, fetchUserOwnedBills(chainId, account, bonds)];
-                case 1:
-                    userOwnedBills_1 = _a.sent();
-                    mapUserOwnedBills_1 = bonds.map(function (bill) {
-                        return userOwnedBills_1.filter(function (b) { return b.address.toLowerCase() === bill.billAddress.toLowerCase(); });
-                    });
-                    userOwnedBillsData_1 = bonds.map(function (bill, i) { return ({
-                        index: bill.index,
-                        userOwnedBills: mapUserOwnedBills_1[i],
-                    }); });
-                    ownedBillsData = mapUserOwnedBills_1.flatMap(function (bs) {
-                        return bs.map(function (b) {
-                            return { id: b.id, billNftAddress: b.billNftAddress, contractAddress: b.address };
-                        });
-                    });
-                    return [4 /*yield*/, fetchUserOwnedBillNftData(ownedBillsData, chainId, bonds)
-                        // Merge userBillNftData into userOwnedBillsData
-                    ];
-                case 2:
-                    userBillNftData_1 = _a.sent();
-                    combinedData = userOwnedBillsData_1.map(function (data) {
-                        var enrichedUserBills = data.userOwnedBills.map(function (bill) {
-                            var nftData = userBillNftData_1.find(function (nft) { return nft.id === parseInt(bill.id); });
-                            return __assign(__assign({}, bill), { nftData: nftData ? nftData : undefined });
-                        });
-                        return __assign(__assign({}, data), { userOwnedBills: enrichedUserBills });
-                    });
-                    console.log("combinedData");
-                    console.log(combinedData);
-                    console.log("combinedData");
-                    return [2 /*return*/, Promise.resolve(combinedData)];
-                case 3:
-                    error_1 = _a.sent();
-                    console.error('Error fetching user owned bills data:', error_1);
-                    return [2 /*return*/, Promise.reject(error_1)];
-                case 4: return [2 /*return*/];
-            }
-        });
-    }); };
-    var fetchUserOwnedBills = function (chainId, account, bonds) { 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 = bonds.map(function (b) { return ({
-                        address: b.billAddress,
-                        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: bonds[index].billAddress,
-                                    name: bonds[index].billVersion !== BillVersion.V1 ? 'getBillInfo' : 'billInfo',
-                                    params: [id],
-                                    bond: bonds[index]
-                                }),
-                                    billDataCalls.push({ address: bonds[index].billAddress, name: 'billNft' }),
-                                    billsPendingRewardCall.push({
-                                        address: bonds[index].billAddress,
-                                        name: bonds[index].billVersion !== BillVersion.V1 ? 'claimablePayout' : 'pendingPayoutFor',
-                                        params: [id],
-                                        bond: bonds[index]
-                                    }),
-                                    billVersions.push(bonds[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(),
-                                bond: billsPendingRewardCall[i].bond
-                            }
-                            : {
-                                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(),
-                                bond: billsPendingRewardCall[i].bond
-                            };
-                        result.push(data);
-                    }
-                    return [2 /*return*/, result];
-            }
-        });
-    }); };
     useEffect(function () {
         var fetchData = function () { return __awaiter(void 0, void 0, void 0, function () {
-            var results, error_2;
+            var results, error_1;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
@@ -219,14 +90,14 @@ var YourBondsModal = function (_a) {
                         _a.label = 1;
                     case 1:
                         _a.trys.push([1, 3, , 4]);
-                        return [4 /*yield*/, Promise.all(MAINNET_CHAINS.map(function (chain) { return fetchUserOwnedBillsDataAsync(chain, account); }))];
+                        return [4 /*yield*/, Promise.all(MAINNET_CHAINS.map(function (chain) { return fetchUserOwnedBillsDataAsync(chain, account, bondData); }))];
                     case 2:
                         results = _a.sent();
                         setUserOwnedBillsData(results);
                         return [3 /*break*/, 4];
                     case 3:
-                        error_2 = _a.sent();
-                        console.error('Error fetching user owned bills data:', error_2);
+                        error_1 = _a.sent();
+                        console.error('Error fetching user owned bills data:', error_1);
                         return [3 /*break*/, 4];
                     case 4: return [2 /*return*/];
                 }
@@ -234,6 +105,7 @@ var YourBondsModal = function (_a) {
         }); };
         fetchData();
     }, [account]);
+    // Functions to calculate display values for modal
     var totalPending = function (userBill) {
         var _a, _b, _c, _d;
         return getBalanceNumber(new BigNumber((_a = userBill === null || userBill === void 0 ? void 0 : userBill.payout) !== null && _a !== void 0 ? _a : 0), (_d = (_c = (_b = 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);
@@ -246,12 +118,17 @@ var YourBondsModal = function (_a) {
         var _a;
         return getFirstNonZeroDigits(parseFloat((_a = bond === null || bond === void 0 ? void 0 : bond.payoutTokenPrice) !== null && _a !== void 0 ? _a : '0'));
     };
+    var BILL_ATTRIBUTES = ['The Legend', 'The Location', 'The Moment', 'The Trend', 'The Innovation'];
     return (_jsx(ThemeUIProvider, __assign({ theme: defaultTheme }, { children: userOwnedBillsData.flat().map(function (data) {
-            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
             var userBill = data.userOwnedBills.find(function (bill) { return bill.bond.billAddress.toLowerCase() === (bondAddress === null || bondAddress === void 0 ? void 0 : bondAddress.toLowerCase()); });
             console.log("USER BILL LOG");
             console.log(userBill);
-            return userBill ? (_jsx(React.Fragment, { children: _jsx(Flex, __assign({ className: "yourbondsmodal backdrop" }, { children: _jsxs(Flex, __assign({ className: "yourbondsmodal content" }, { children: [_jsx(Flex, __assign({ className: "yourbondsmodal header" }, { children: _jsx(Flex, __assign({ className: "svg-close", onClick: onClose }, { children: _jsx(Svg, { icon: "close" }) })) })), _jsxs(Flex, __assign({ className: "yourbondsmodal table-container" }, { children: [_jsx(Flex, __assign({ className: "yourbondsmodal bondimage" }, { children: _jsx("img", { src: (_a = userBill.nftData) === null || _a === void 0 ? void 0 : _a.data.image }) })), _jsxs(Flex, __assign({ className: "yourbondsmodal yourbondinfo" }, { children: [_jsxs(Flex, __assign({ className: "yourbondinfo title-container" }, { children: [_jsx(Flex, __assign({ className: "title-container bondicon" }, { children: _jsx(TokenImage, { symbol: (_b = userBill.bond.showcaseTokenName) !== null && _b !== void 0 ? _b : userBill.bond.payoutTokenName, size: 40 }) })), _jsx(Flex, __assign({ className: "title-container bondname" }, { children: (_c = userBill.bond) === null || _c === void 0 ? void 0 : _c.showcaseTokenName })), _jsx(Flex, __assign({ className: "title-container tokentags" }, { children: _jsx(ListTag, { text: (_e = (_d = userBill.bond) === null || _d === void 0 ? void 0 : _d.tags) === null || _e === void 0 ? void 0 : _e[0], variant: ((_g = (_f = userBill.bond) === null || _f === void 0 ? void 0 : _f.tags) === null || _g === void 0 ? void 0 : _g[0]) === 'Cex Fund' ? 'cex_fund' : 'liquidity' }) }))] })), _jsxs(Flex, __assign({ className: "yourbondinfo blocks-container" }, { children: [_jsx(Flex, __assign({ className: "yourbondinfo-block row-traits" }, { children: _jsx(Flex, __assign({ className: "yourbondinfo-block header" }, { children: "Traits" })) })), _jsxs(Flex, __assign({ className: "yourbondinfo-block row-vested" }, { children: [_jsxs(Flex, __assign({ className: "yourbondinfo-block header" }, { children: ["Fully Vested", _jsx(TooltipBubble, __assign({ body: _jsx(Flex, { children: UserBillTooltipText.FullyVested }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, -5%)" }, { children: _jsx(Flex, __assign({ className: "block-header icon" }, { children: _jsx(Svg, { icon: "questionCircle", width: "12px" }) })) }))] })), _jsxs(Flex, __assign({ className: "yourbondinfo-block info" }, { children: [_jsx(Flex, { className: "block-info icon" }), _jsx(Flex, __assign({ className: "block-info text" }, { children: getPendingVesting(userBill.lastBlockTimestamp, userBill.vesting) }))] }))] })), _jsxs(Flex, __assign({ className: "yourbondinfo-block row-pending" }, { children: [_jsxs(Flex, __assign({ className: "yourbondinfo-block header" }, { children: ["Pending", _jsx(TooltipBubble, __assign({ body: _jsx(Flex, { children: UserBillTooltipText.Pending }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, -5%)" }, { children: _jsx(Flex, __assign({ className: "block-header icon" }, { children: _jsx(Svg, { icon: "questionCircle", width: "12px" }) })) }))] })), _jsxs(Flex, __assign({ className: "yourbondinfo-block info" }, { children: [_jsx(Flex, __assign({ className: "block-info icon" }, { children: _jsx(TokenImage, { symbol: (_h = userBill.bond.showcaseTokenName) !== null && _h !== void 0 ? _h : userBill.bond.payoutTokenName, size: 25 }) })), _jsxs(Flex, __assign({ className: "block-info text" }, { children: [formatNumberSI(parseFloat(totalPending(userBill).toFixed(4)), 4), "($".concat((totalPending(userBill) * ((_j = parseFloat(earnTokenPrice(userBill.bond))) !== null && _j !== void 0 ? _j : 0)).toFixed(2), ")")] }))] }))] })), _jsxs(Flex, __assign({ className: "yourbondinfo-block row-claimable" }, { children: [_jsxs(Flex, __assign({ className: "yourbondinfo-block header" }, { children: ["Claimable", _jsx(TooltipBubble, __assign({ body: _jsx(Flex, { children: UserBillTooltipText.Claimable }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, -5%)" }, { children: _jsx(Flex, __assign({ className: "block-header icon" }, { children: _jsx(Svg, { icon: "questionCircle", width: "12px" }) })) }))] })), _jsxs(Flex, __assign({ className: "yourbondinfo-block info" }, { children: [_jsx(Flex, __assign({ className: "block-info icon" }, { children: _jsx(TokenImage, { symbol: (_k = userBill.bond.showcaseTokenName) !== null && _k !== void 0 ? _k : userBill.bond.payoutTokenName, size: 25 }) })), _jsxs(Flex, __assign({ className: "block-info text" }, { children: [formatNumberSI(parseFloat(claimable(userBill).toFixed(4)), 4), "($".concat((claimable(userBill) * ((_l = parseFloat(earnTokenPrice(userBill.bond))) !== null && _l !== void 0 ? _l : 0)).toFixed(2), ")")] }))] }))] }))] })), _jsxs(Flex, __assign({ className: "yourbondinfo button-container" }, { children: [_jsx(Flex, __assign({ className: "button-container claim" }, { children: _jsx(Button, { children: "CLAIM" }) })), _jsx(Flex, __assign({ className: "button-container transfer" }, { children: _jsx(Button, { children: "TRANSFER" }) }))] }))] }))] }))] })) })) }, userBill.bond.billAddress)) : null;
+            return userBill ? (_jsx(React.Fragment, { children: _jsx(Flex, __assign({ className: "yourbondsmodal backdrop" }, { children: _jsxs(Flex, __assign({ className: "yourbondsmodal content" }, { children: [_jsx(Flex, __assign({ className: "yourbondsmodal header" }, { children: _jsx(Flex, __assign({ className: "svg-close", onClick: onClose }, { children: _jsx(Svg, { icon: "close" }) })) })), _jsxs(Flex, __assign({ className: "yourbondsmodal table-container" }, { children: [_jsx(Flex, __assign({ className: "yourbondsmodal bondimage" }, { children: _jsx("img", { src: (_a = userBill.nftData) === null || _a === void 0 ? void 0 : _a.data.image }) })), _jsxs(Flex, __assign({ className: "yourbondsmodal yourbondinfo" }, { children: [_jsxs(Flex, __assign({ className: "yourbondinfo title-container" }, { children: [_jsx(Flex, __assign({ className: "title-container bondicon" }, { children: _jsx(TokenImage, { symbol: (_b = userBill.bond.showcaseTokenName) !== null && _b !== void 0 ? _b : userBill.bond.payoutTokenName, size: 40 }) })), _jsx(Flex, __assign({ className: "title-container bondname" }, { children: (_c = userBill.bond) === null || _c === void 0 ? void 0 : _c.showcaseTokenName })), _jsx(Flex, __assign({ className: "title-container tokentags" }, { children: _jsx(ListTag, { text: (_e = (_d = userBill.bond) === null || _d === void 0 ? void 0 : _d.tags) === null || _e === void 0 ? void 0 : _e[0], variant: ((_g = (_f = userBill.bond) === null || _f === void 0 ? void 0 : _f.tags) === null || _g === void 0 ? void 0 : _g[0]) === 'Cex Fund' ? 'cex_fund' : 'liquidity' }) })), "#", userBill.id] })), _jsxs(Flex, __assign({ className: "yourbondinfo blocks-container" }, { children: [_jsxs(Flex, __assign({ className: "yourbondinfo-block row-traits" }, { children: [_jsx(Flex, __assign({ className: "yourbondinfo-block header" }, { children: "Traits" })), ((_h = userBill.nftData) === null || _h === void 0 ? void 0 : _h.data.attributes)
+                                                                ? (_j = userBill.nftData) === null || _j === void 0 ? void 0 : _j.data.attributes.map(function (a) { return (_jsxs(TraitsContentContainer, { children: [_jsx(Text, __assign({ sx: { fontSize: '10px', fontWeight: 500 } }, { children: a === null || a === void 0 ? void 0 : a.trait_type })), _jsx(Text, __assign({ sx: { fontSize: '10px', fontWeight: 500 } }, { children: a === null || a === void 0 ? void 0 : a.value }))] }, a.value)); })
+                                                                : BILL_ATTRIBUTES.map(function (attrib) {
+                                                                    return (_jsxs(TraitsContentContainer, { children: [_jsx(Text, __assign({ sx: { fontSize: '10px', fontWeight: 500 } }, { children: attrib })), _jsx(Skeleton, { width: "150px" })] }, attrib));
+                                                                })] })), _jsxs(Flex, __assign({ className: "yourbondinfo-block row-vested" }, { children: [_jsxs(Flex, __assign({ className: "yourbondinfo-block header" }, { children: ["Fully Vested", _jsx(TooltipBubble, __assign({ body: _jsx(Flex, { children: UserBillTooltipText.FullyVested }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, -5%)" }, { children: _jsx(Flex, __assign({ className: "block-header icon" }, { children: _jsx(Svg, { icon: "questionCircle", width: "12px" }) })) }))] })), _jsxs(Flex, __assign({ className: "yourbondinfo-block info" }, { children: [_jsx(Flex, { className: "block-info icon" }), _jsx(Flex, __assign({ className: "block-info text" }, { children: getPendingVesting(userBill.lastBlockTimestamp, userBill.vesting) }))] }))] })), _jsxs(Flex, __assign({ className: "yourbondinfo-block row-pending" }, { children: [_jsxs(Flex, __assign({ className: "yourbondinfo-block header" }, { children: ["Pending", _jsx(TooltipBubble, __assign({ body: _jsx(Flex, { children: UserBillTooltipText.Pending }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, -5%)" }, { children: _jsx(Flex, __assign({ className: "block-header icon" }, { children: _jsx(Svg, { icon: "questionCircle", width: "12px" }) })) }))] })), _jsxs(Flex, __assign({ className: "yourbondinfo-block info" }, { children: [_jsx(Flex, __assign({ className: "block-info icon" }, { children: _jsx(TokenImage, { symbol: (_k = userBill.bond.showcaseTokenName) !== null && _k !== void 0 ? _k : userBill.bond.payoutTokenName, size: 25 }) })), _jsxs(Flex, __assign({ className: "block-info text" }, { children: [formatNumberSI(parseFloat(totalPending(userBill).toFixed(4)), 4), "($".concat((totalPending(userBill) * ((_l = parseFloat(earnTokenPrice(userBill.bond))) !== null && _l !== void 0 ? _l : 0)).toFixed(2), ")")] }))] }))] })), _jsxs(Flex, __assign({ className: "yourbondinfo-block row-claimable" }, { children: [_jsxs(Flex, __assign({ className: "yourbondinfo-block header" }, { children: ["Claimable", _jsx(TooltipBubble, __assign({ body: _jsx(Flex, { children: UserBillTooltipText.Claimable }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, -5%)" }, { children: _jsx(Flex, __assign({ className: "block-header icon" }, { children: _jsx(Svg, { icon: "questionCircle", width: "12px" }) })) }))] })), _jsxs(Flex, __assign({ className: "yourbondinfo-block info" }, { children: [_jsx(Flex, __assign({ className: "block-info icon" }, { children: _jsx(TokenImage, { symbol: (_m = userBill.bond.showcaseTokenName) !== null && _m !== void 0 ? _m : userBill.bond.payoutTokenName, size: 25 }) })), _jsxs(Flex, __assign({ className: "block-info text" }, { children: [formatNumberSI(parseFloat(claimable(userBill).toFixed(4)), 4), "($".concat((claimable(userBill) * ((_o = parseFloat(earnTokenPrice(userBill.bond))) !== null && _o !== void 0 ? _o : 0)).toFixed(2), ")")] }))] }))] }))] })), _jsxs(Flex, __assign({ className: "yourbondinfo button-container" }, { children: [_jsx(Flex, __assign({ className: "button-container claim" }, { children: _jsx(Button, { children: "CLAIM" }) })), _jsx(Flex, __assign({ className: "button-container transfer" }, { children: _jsx(Button, { children: "TRANSFER" }) }))] }))] }))] }))] })) })) }, userBill.bond.billAddress)) : null;
         }) })));
 };
 export default YourBondsModal;

package/dist/components/YourBondsModal/styles.d.ts

@@ -0,0 +1 @@
+export declare const TraitsContentContainer: import("@emotion/styled").StyledComponent<any, {}, {}>;

package/dist/components/YourBondsModal/styles.js

@@ -0,0 +1,11 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import styled from "@emotion/styled";
+import { Flex } from "../uikit-sdk";
+export var TraitsContentContainer = styled(Flex)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  justify-content: space-between;\n  background: ", ";\n  padding: 0px 15px;\n  &:last-child {\n    border-radius: 0px 0px 6px 6px;\n  }\n  @media screen and (max-width: 667px) {\n    :first-of-type {\n      border-radius: 6px 6px 0px 0px;\n    }\n  }\n"], ["\n  justify-content: space-between;\n  background: ", ";\n  padding: 0px 15px;\n  &:last-child {\n    border-radius: 0px 0px 6px 6px;\n  }\n  @media screen and (max-width: 667px) {\n    :first-of-type {\n      border-radius: 6px 6px 0px 0px;\n    }\n  }\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.colors.white4;
+});
+var templateObject_1;

package/dist/types/bonds.d.ts

@@ -1,4 +1,4 @@
-import { BillsConfig, BillVersion, Token, ChainId } from '../enum/apeswaplists';
+import { ChainId } from '../enum/apeswaplists';
 export interface BondsDataResponse {
     index: number;
     cmcId?: number;
@@ -38,94 +38,6 @@ export interface BondsDataResponse {
     billVersion?: string;
     earnToken?: EarnToken;
 }
-export interface UserBillNft {
-    image: string;
-    tokenId: string;
-    attributes: {
-        trait_type: string;
-        value: string;
-    }[];
-}
-export interface UserBill {
-    address: string;
-    id: string;
-    vesting: string;
-    payout: string;
-    totalPayout?: string;
-    truePricePaid: string;
-    lastBlockTimestamp: string;
-    pendingRewards: string;
-    billNftAddress: string;
-    nftData?: UserBillNft;
-}
-export interface Bills extends BillsConfig {
-    price?: string;
-    priceUsd?: string;
-    vestingTime?: string;
-    discount?: string;
-    currentDebt?: string;
-    currentFee?: string;
-    debtDecay?: string;
-    debtRatio?: string;
-    totalDebt?: string;
-    totalPayoutGiven?: string;
-    totalPrincipalBilled?: string;
-    controlVariable?: string;
-    minimumPrice?: string;
-    maxPayout?: string;
-    maxDebt?: string;
-    lpPriceUsd?: number;
-    earnTokenPrice?: number;
-    billNftAddress?: string;
-    userOwnedBillsData?: UserBill[];
-    userOwnedBillsNftData?: UserBillNft[];
-    maxTotalPayout?: string;
-    lpPrice?: number;
-    maxPayoutTokens?: string;
-    startVestingTimestamp?: string;
-    totalBonusRewards?: string;
-    featuredURLS?: string[];
-    partnersURLS?: string[];
-}
-export interface CleanedBondsState {
-    index: number;
-    cmcId: number | null;
-    chainId: ChainId;
-    vestingTerm?: number;
-    principalTokenName: string;
-    principalToken: string;
-    principalTokenDecimals: number;
-    payoutTokenName: string;
-    payoutToken: string;
-    payoutTokenDecimals: number;
-    soldOut?: boolean;
-    tags?: string[];
-    contractAddress: string;
-    billNftAddress: string;
-    inactive?: boolean;
-    showcaseTokenName?: string;
-    twitter?: string;
-    projectLink?: string;
-    audit?: string;
-    shortDescription?: string;
-    fullDescription?: string;
-    lpToken?: Token;
-    billType?: string;
-    billVersion?: BillVersion;
-    featuredURLS?: string[];
-    partnersURLS?: string[];
-    discount?: number;
-    principalTokenPrice?: string;
-    payoutTokenPrice?: string;
-    tokensRemaining?: string;
-    maxTotalPayout?: string;
-    trueBillPrice?: string;
-    maxPayout?: string;
-    totalPayoutGiven?: string;
-    isHotBond?: boolean;
-    userOwnedBillsData?: UserBill[];
-    userOwnedBillsNftData?: UserBillNft[];
-}
 export interface EarnToken {
     symbol: string;
     address: {

package/package.json

@@ -3,7 +3,7 @@
   "description": "Ape Bond SDK",
   "author": "Ape Bond",
   "license": "MIT",
-  "version": "1.0.361",
+  "version": "1.0.363",
   "main": "dist/index.js",
   "module": "dist/index.es.js",
   "types": "dist/index.d.ts",