@ape.swap/bonds-sdk 1.0.393 → 1.0.394

package/dist/components/YourBonds/YourBonds.js

@@ -45,6 +45,15 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 import { jsx as _jsx, jsxs as _jsxs } from "theme-ui/jsx-runtime";
 /** @jsxImportSource theme-ui */
 import { useEffect, useState } from 'react';
@@ -56,7 +65,7 @@ import getTimePeriods from '../../utils/getTimePeriods';
 import { defaultTheme } from '../../theme';
 import '../../scss/YourBonds.scss';
 import { BigNumber } from 'bignumber.js';
-import { Text, Button } from '../uikit-sdk';
+import { Text, Button, Svg } from '../uikit-sdk';
 import { MAINNET_CHAINS } from '../../config/constants/chains';
 import TokenInfoAndName from '../TokenInfoAndName';
 import { getBalanceNumber } from '../../utils/getBalanceNumber';
@@ -113,8 +122,9 @@ var YourBonds = function (_a) {
     // Fetch data for user owned bill
     var _d = useState([]), bondData = _d[0], setBondData = _d[1];
     var _e = useState([]), userOwnedBillsData = _e[0], setUserOwnedBillsData = _e[1];
-    var _f = useState(false), isModalOpen = _f[0], setIsModalOpen = _f[1];
-    var _g = useState(null), selectedBill = _g[0], setSelectedBill = _g[1];
+    var _f = useState([]), mappedUserBills = _f[0], setMappedUserBills = _f[1];
+    var _g = useState(false), isModalOpen = _g[0], setIsModalOpen = _g[1];
+    var _h = useState(null), selectedBill = _h[0], setSelectedBill = _h[1];
     useEffect(function () {
         axios.get('https://realtime-api.ape.bond/bonds').then(function (response) {
             var bonds = response.data.bonds;
@@ -145,7 +155,60 @@ var YourBonds = function (_a) {
             });
         }); };
         fetchData();
+        var mappedBills = userOwnedBillsData.flat().flatMap(function (data) {
+            return data.userOwnedBills.map(function (bill) { return bill; });
+        });
+        setMappedUserBills(mappedBills);
     }, [account]);
+    var _j = useState(null), sortConfig = _j[0], setSortConfig = _j[1];
+    var _k = useState(mappedUserBills), sortedBonds = _k[0], setSortedBonds = _k[1];
+    var handleSort = function (key) {
+        var direction = 'asc';
+        if ((sortConfig === null || sortConfig === void 0 ? void 0 : sortConfig.key) === key && (sortConfig === null || sortConfig === void 0 ? void 0 : sortConfig.direction) === 'asc') {
+            direction = 'desc';
+        }
+        setSortConfig({ key: key, direction: direction });
+    };
+    useEffect(function () {
+        if (sortConfig === null) {
+            var sortedBills = mappedUserBills.sort(function (a, b) {
+                var claimableDifference = parseFloat(claimable(b).toFixed(3)) - parseFloat(claimable(a).toFixed(3));
+                if (claimableDifference !== 0) {
+                    return claimableDifference;
+                }
+                return 0;
+            });
+            setSortedBonds(sortedBills);
+            return;
+        }
+        var sorted = __spreadArray([], sortedBonds, true).sort(function (a, b) {
+            var aValue, bValue;
+            if (sortConfig.key === 'claimable') {
+                aValue = parseFloat(claimable(a).toFixed(3));
+                bValue = parseFloat(claimable(b).toFixed(3));
+            }
+            else if (sortConfig.key === 'pending') {
+                aValue = parseFloat(totalPending(a).toFixed(0));
+                bValue = parseFloat(totalPending(b).toFixed(0));
+            }
+            else if (sortConfig.key === 'terms') {
+                aValue = vestingTimeRemaining(a).days;
+                bValue = vestingTimeRemaining(b).days;
+            }
+            else {
+                aValue = a[sortConfig.key];
+                bValue = b[sortConfig.key];
+            }
+            if (aValue < bValue) {
+                return sortConfig.direction === 'asc' ? -1 : 1;
+            }
+            if (aValue > bValue) {
+                return sortConfig.direction === 'asc' ? 1 : -1;
+            }
+            return 0;
+        });
+        setSortedBonds(sorted);
+    }, [sortConfig, sortedBonds]);
     var rowClick = function (bill) {
         setSelectedBill(bill);
         setIsModalOpen(true);
@@ -169,30 +232,21 @@ var YourBonds = function (_a) {
         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: [_jsx(Flex, __assign({ className: "column column-tokens" }, { children: _jsx(Flex, { className: "column column-tokeninfoname" }) })), _jsxs(Flex, __assign({ className: "column column-bondinfo" }, { children: [_jsx(Flex, __assign({ className: "column column-claimable" }, { children: _jsx(Text, { children: "Claimable" }) })), _jsx(Flex, __assign({ className: "column column-pending" }, { children: _jsx(Text, { children: "Pending" }) })), _jsx(Flex, __assign({ className: "column column-term" }, { children: _jsx(Text, { children: "Terms" }) })), _jsx(Flex, __assign({ className: "column column-claimall" }, { children: _jsx(Button, __assign({ disabled: !account, sx: {
+    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: [_jsx(Flex, __assign({ className: "column column-tokens" }, { children: _jsx(Flex, { className: "column column-tokeninfoname" }) })), _jsxs(Flex, __assign({ className: "column column-bondinfo" }, { children: [_jsxs(Flex, __assign({ className: "column column-claimable" }, { children: [_jsx(Text, { children: "Claimable" }), _jsx(Flex, __assign({ className: "column header-icon", onClick: function () { return handleSort('claimable'); } }, { children: _jsx(Svg, { icon: "sort", width: "12px" }) }))] })), _jsxs(Flex, __assign({ className: "column column-pending" }, { children: [_jsx(Text, { children: "Pending" }), _jsx(Flex, __assign({ className: "column header-icon", onClick: function () { return handleSort('pending'); } }, { children: _jsx(Svg, { icon: "sort", width: "12px" }) }))] })), _jsxs(Flex, __assign({ className: "column column-term" }, { children: [_jsx(Text, { children: "Terms" }), _jsx(Flex, __assign({ className: "column header-icon", onClick: function () { return handleSort('terms'); } }, { children: _jsx(Svg, { icon: "sort", width: "12px" }) }))] })), _jsx(Flex, __assign({ className: "column column-claimall" }, { children: _jsx(Button, __assign({ disabled: !account, sx: {
                                                 height: ['36px', '36px', '36px', '26px'],
                                                 lineHeight: '12px',
                                                 fontSize: '14px',
                                                 fontWeight: 600,
                                                 width: '100%',
-                                            } }, { children: "Claim All" })) }))] }))] })), userOwnedBillsData.flat().map(function (data) {
-                        var sortedBills = data.userOwnedBills.sort(function (a, b) {
-                            var claimableDifference = claimable(b) - claimable(a);
-                            if (claimableDifference !== 0) {
-                                return claimableDifference;
-                            }
-                            return totalPending(b) - totalPending(a);
-                        });
-                        return sortedBills.map(function (bill) {
-                            var _a, _b;
-                            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',
-                                                            fontWeight: 600,
-                                                            width: '100%',
-                                                        } }, { children: "Claim" })) })) }))] }))] }), bill.bond.billAddress));
-                        });
+                                            } }, { children: "Claim All" })) }))] }))] })), sortedBonds.map(function (bill) {
+                        var _a, _b;
+                        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',
+                                                        fontWeight: 600,
+                                                        width: '100%',
+                                                    } }, { children: "Claim" })) })) }))] }))] }), bill.bond.billAddress));
                     })] }))] })));
 };
 export default YourBonds;

package/dist/{types → hooks/PriceGetter}/dexFactories.d.ts

@@ -1,4 +1,4 @@
-import { ChainId, LiquidityDex, Protocols } from "../enum/apeswaplists";
+import { ChainId, LiquidityDex, Protocols } from "../../enum/apeswaplists";
 type DexInfo = {
     factory: string;
     router?: string;

package/dist/hooks/PriceGetter/usePricesFromPriceGetter.js

@@ -41,7 +41,7 @@ import { PRICE_GETTER_ADDRESSES } from '../../config/constants/addresses';
 import PRICE_GETTER_ABI from '../../config/abi/price-getter.json';
 import PRICE_GETTER_ABI_LINEA from '../../config/abi/price-getter-linea.json';
 import { ChainId, Protocols } from '../../enum/apeswaplists';
-import { defaultDexFactories, dexFactories } from '../../types/dexFactories';
+import { defaultDexFactories, dexFactories } from './dexFactories';
 export function getTokenPricesV2FromPriceGetter(tokensToCall, chain, lpTokens) {
     if (lpTokens === void 0) { lpTokens = false; }
     return __awaiter(this, void 0, void 0, function () {

package/package.json

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