@ape.swap/bonds-sdk 1.0.503 → 1.0.504

package/dist/contexts/ModalContext.js

@@ -1,14 +1,3 @@
-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 __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)) {
@@ -60,19 +49,19 @@ var ModalProvider = function (_a) {
             handleDismiss();
         }
     };
-    return (_jsxs(Context.Provider, __assign({ value: {
+    return (_jsxs(Context.Provider, { value: {
             nodeId: nodeId,
             modalNode: modalNode,
             setModalNode: setModalNode,
             onPresent: handlePresent,
             handleClose: handleDismiss,
             setCloseOnOverlayClick: setCloseOnOverlayClick,
-        } }, { children: [modalNode.map(function (modal, i) {
+        }, children: [modalNode.map(function (modal, i) {
                 return (_jsxs(Flex, { children: [_jsx(Flex, { onClick: handleOverlayDismiss }), React.isValidElement(modal) &&
                             React.cloneElement(modal, {
                                 // @ts-ignore
                                 onDismiss: handleDismiss,
                             })] }, nodeId[i]));
-            }), children] })));
+            }), children] }));
 };
 export default ModalProvider;

package/dist/contexts/RefreshContext.js

@@ -1,14 +1,3 @@
-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) {
@@ -84,6 +73,6 @@ var RefreshContextProvider = function (_a) {
         }); }, SLOW_INTERVAL);
         return function () { return clearInterval(interval); };
     }, []);
-    return _jsx(RefreshContext.Provider, __assign({ value: { slow: slow, fast: fast, veryFast: veryFast } }, { children: children }));
+    return _jsx(RefreshContext.Provider, { value: { slow: slow, fast: fast, veryFast: veryFast }, children: children });
 };
 export { RefreshContext, RefreshContextProvider };

package/dist/hooks/PriceGetter/usePricesFromPriceGetter.js

@@ -42,10 +42,10 @@ 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 './dexFactories';
-export function getTokenPricesV2FromPriceGetter(tokensToCall, chain, lpTokens) {
-    if (lpTokens === void 0) { lpTokens = false; }
-    return __awaiter(this, void 0, void 0, function () {
+export function getTokenPricesV2FromPriceGetter(tokensToCall_1, chain_1) {
+    return __awaiter(this, arguments, void 0, function (tokensToCall, chain, lpTokens) {
         var tokenCalls, calls, tokenResults;
+        if (lpTokens === void 0) { lpTokens = false; }
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:

package/dist/pages/BondSingle/BondSingle.js

@@ -1,14 +1,3 @@
-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);
-};
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "theme-ui/jsx-runtime";
 /** @jsxImportSource theme-ui */
 import { useEffect, useState } from 'react';
@@ -117,9 +106,9 @@ var BondSingle = function (_a) {
         var getPremium = premium(bond);
         return parseFloat(getPremium) < 0 ? 'premium-negative' : 'premium-positive';
     };
-    return (_jsx(ThemeUIProvider, __assign({ theme: defaultTheme }, { children: _jsx(Flex, __assign({ className: "container page-container" }, { children: bondData.map(function (bond) {
+    return (_jsx(ThemeUIProvider, { theme: defaultTheme, children: _jsx(Flex, { className: "container page-container", children: bondData.map(function (bond) {
                 var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-                return (_jsxs(_Fragment, { children: [_jsxs(Flex, __assign({ className: "container blocks-container" }, { children: [_jsxs(Flex, __assign({ className: "block-container discount ".concat(getDiscountColor(bond === null || bond === void 0 ? void 0 : bond.discount)) }, { children: [_jsxs(Flex, __assign({ className: "block-container 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((_a = bond === null || bond === void 0 ? void 0 : bond.discount) === null || _a === void 0 ? void 0 : _a.toFixed(2), "%")] })), _jsxs(Flex, __assign({ className: "block-container arr" }, { children: [_jsxs(Flex, __assign({ className: "block-container 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(((((_b = bond === null || bond === void 0 ? void 0 : bond.discount) !== null && _b !== void 0 ? _b : 0) * 365) / vestingTime((_c = bond === null || bond === void 0 ? void 0 : bond.vestingTerm) !== null && _c !== void 0 ? _c : 0).days).toFixed(2), "%")] })), _jsxs(Flex, __assign({ className: "block-container term" }, { children: [_jsxs(Flex, __assign({ className: "block-container 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((_d = bond === null || bond === void 0 ? void 0 : bond.vestingTerm) !== null && _d !== void 0 ? _d : 0).days ? "".concat(vestingTime((_e = bond === null || bond === void 0 ? void 0 : bond.vestingTerm) !== null && _e !== void 0 ? _e : 0).days, " D") : '-'] })), _jsxs(Flex, __assign({ className: "block-container maxbuy" }, { children: [_jsxs(Flex, __assign({ className: "block-container 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" }) })) }))] })), (_f = parseFloat(maxBuy(bond).toFixed(0))) === null || _f === void 0 ? void 0 : _f.toLocaleString('en-US')] }))] })), _jsxs(Flex, __assign({ className: "container bondinfo-graph-container" }, { children: [_jsxs(Flex, __assign({ className: "container bondinfo-container" }, { children: [_jsxs(Flex, __assign({ className: "bondinfo-container title-container" }, { children: [_jsx(Flex, __assign({ className: "title-container bondicon" }, { children: _jsx(TokenImage, { symbol: (_g = bond.showcaseTokenName) !== null && _g !== void 0 ? _g : 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: (_h = bond === null || bond === void 0 ? void 0 : bond.tags) === null || _h === void 0 ? void 0 : _h[0], variant: ((_j = bond === null || bond === void 0 ? void 0 : bond.tags) === null || _j === void 0 ? void 0 : _j[0]) === 'Cex Fund' ? 'cex_fund' : 'liquidity' }) }))] })), _jsx(Flex, __assign({ className: "bondinfo-container description-container" }, { children: bond === null || bond === void 0 ? void 0 : bond.shortDescription })), _jsxs(Flex, __assign({ className: "bondinfo-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: "bondinfo-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) {
+                return (_jsxs(_Fragment, { children: [_jsxs(Flex, { className: "container blocks-container", children: [_jsxs(Flex, { className: "block-container discount ".concat(getDiscountColor(bond === null || bond === void 0 ? void 0 : bond.discount)), children: [_jsxs(Flex, { className: "block-container header", children: ["Discount", _jsx(TooltipBubble, { body: _jsx(Flex, { children: TooltipText.Discount }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, -5%)", children: _jsx(Flex, { className: "block-header icon", children: _jsx(Svg, { icon: "questionCircle", width: "12px" }) }) })] }), "".concat((_a = bond === null || bond === void 0 ? void 0 : bond.discount) === null || _a === void 0 ? void 0 : _a.toFixed(2), "%")] }), _jsxs(Flex, { className: "block-container arr", children: [_jsxs(Flex, { className: "block-container header", children: ["ARR", _jsx(TooltipBubble, { body: _jsx(Flex, { children: TooltipText.ARR }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, -5%)", children: _jsx(Flex, { className: "block-header icon", children: _jsx(Svg, { icon: "questionCircle", width: "12px" }) }) })] }), "".concat(((((_b = bond === null || bond === void 0 ? void 0 : bond.discount) !== null && _b !== void 0 ? _b : 0) * 365) / vestingTime((_c = bond === null || bond === void 0 ? void 0 : bond.vestingTerm) !== null && _c !== void 0 ? _c : 0).days).toFixed(2), "%")] }), _jsxs(Flex, { className: "block-container term", children: [_jsxs(Flex, { className: "block-container header", children: ["Terms", _jsx(TooltipBubble, { body: _jsx(Flex, { children: TooltipText.Terms }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, -5%)", children: _jsx(Flex, { className: "block-header icon", children: _jsx(Svg, { icon: "questionCircle", width: "12px" }) }) })] }), vestingTime((_d = bond === null || bond === void 0 ? void 0 : bond.vestingTerm) !== null && _d !== void 0 ? _d : 0).days ? "".concat(vestingTime((_e = bond === null || bond === void 0 ? void 0 : bond.vestingTerm) !== null && _e !== void 0 ? _e : 0).days, " D") : '-'] }), _jsxs(Flex, { className: "block-container maxbuy", children: [_jsxs(Flex, { className: "block-container header", children: ["Max Buy", _jsx(TooltipBubble, { body: _jsx(Flex, { children: TooltipText.MaxBuy(bond.payoutTokenName) }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, -5%)", children: _jsx(Flex, { className: "block-header icon", children: _jsx(Svg, { icon: "questionCircle", width: "12px" }) }) })] }), (_f = parseFloat(maxBuy(bond).toFixed(0))) === null || _f === void 0 ? void 0 : _f.toLocaleString('en-US')] })] }), _jsxs(Flex, { className: "container bondinfo-graph-container", children: [_jsxs(Flex, { className: "container bondinfo-container", children: [_jsxs(Flex, { className: "bondinfo-container title-container", children: [_jsx(Flex, { className: "title-container bondicon", children: _jsx(TokenImage, { symbol: (_g = bond.showcaseTokenName) !== null && _g !== void 0 ? _g : bond.payoutTokenName, size: 50 }) }), _jsx(Flex, { className: "title-container bondname", children: bond === null || bond === void 0 ? void 0 : bond.showcaseTokenName }), _jsxs(Flex, { className: "title-container price-container", children: [_jsxs(Flex, { className: "price-container price", children: ["$", earnTokenPrice(bond)] }), _jsxs(Flex, { className: "price-container discounted", children: ["$", discountEarnTokenPrice(bond)] })] }), _jsx(Flex, { className: "title-container tokentags", children: _jsx(ListTag, { text: (_h = bond === null || bond === void 0 ? void 0 : bond.tags) === null || _h === void 0 ? void 0 : _h[0], variant: ((_j = bond === null || bond === void 0 ? void 0 : bond.tags) === null || _j === void 0 ? void 0 : _j[0]) === 'Cex Fund' ? 'cex_fund' : 'liquidity' }) })] }), _jsx(Flex, { className: "bondinfo-container description-container", children: bond === null || bond === void 0 ? void 0 : bond.shortDescription }), _jsxs(Flex, { className: "bondinfo-container text-container", children: [_jsxs(Flex, { className: "text-container row", children: [_jsx(Flex, { className: "row-container spend", children: "You spend:" }), _jsxs(Flex, { className: "row-container spend-val", children: [youSpend, " ", bond.principalTokenName, " = $ ", formatUSDNumber(youSpendUSD(bond))] })] }), _jsxs(Flex, { className: "text-container row", children: [_jsxs(Flex, { className: "row-container premium", children: ["Premium:", _jsx(TooltipBubble, { body: _jsx(Flex, { children: TooltipText.Premium }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, -5%)", children: _jsx(Flex, { className: "row-container premium-icon", children: _jsx(Svg, { icon: "questionCircle", width: "12px" }) }) })] }), _jsxs(Flex, { className: "row-container premium-val ".concat(getPremiumColor(bond)), children: ["$ ", premium(bond)] })] }), _jsxs(Flex, { className: "text-container row", children: [_jsxs(Flex, { 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, { className: "row-container get-val", children: [youGet(bond), " ", bond === null || bond === void 0 ? void 0 : bond.showcaseTokenName, " = $ ", formatUSDNumber(youGetUSD(bond))] })] })] }), _jsxs(Flex, { className: "bondinfo-container input-container", children: [_jsx(Flex, { className: "input-container input", children: _jsx(Input, { placeholder: "0.0", value: inputValue, pattern: "^[0-9]*[.,]?[0-9]*$", onChange: handleInputChange, onInput: function (v) {
                                                             if (v.currentTarget.value.includes(',')) {
                                                                 v.currentTarget.value = v.currentTarget.value.replace(/,/g, '.');
                                                             }
@@ -133,7 +122,7 @@ var BondSingle = 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: "bondinfo-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] }) }))] }))] })), _jsx(Flex, __assign({ className: "container graph-container" }, { children: _jsx("div", { children: "Graph" }) }))] })), _jsxs(Flex, __assign({ className: "container about-container" }, { children: [_jsxs(Flex, __assign({ className: "about-container title" }, { children: ["About ", bond === null || bond === void 0 ? void 0 : bond.showcaseTokenName] })), _jsx(Flex, __assign({ className: "about-container description" }, { children: bond === null || bond === void 0 ? void 0 : bond.fullDescription }))] })), _jsxs(Flex, __assign({ className: "container stats-container" }, { children: [_jsx(Flex, __assign({ className: "stats-container header" }, { children: "Bond Stats" })), _jsxs(Flex, __assign({ className: "stats-container model" }, { children: [_jsx(Flex, __assign({ className: "model-container graph" }, { children: "GRAPH" })), _jsx(Flex, __assign({ className: "model-container data" }, { children: "DATA" }))] }))] }))] }));
-            }) })) })));
+                                                        } }) }), _jsx(Flex, { className: "input-container token", children: bond === null || bond === void 0 ? void 0 : bond.principalTokenName })] }), _jsxs(Flex, { className: "bondinfo-container button-container", children: [_jsx(Flex, { className: "button-container get", children: _jsxs(Button, { children: ["Get ", bond === null || bond === void 0 ? void 0 : bond.principalTokenName] }) }), _jsx(Flex, { className: "button-container buy", children: _jsxs(Button, { children: ["Buy ", bond === null || bond === void 0 ? void 0 : bond.showcaseTokenName] }) })] })] }), _jsx(Flex, { className: "container graph-container", children: _jsx("div", { children: "Graph" }) })] }), _jsxs(Flex, { className: "container about-container", children: [_jsxs(Flex, { className: "about-container title", children: ["About ", bond === null || bond === void 0 ? void 0 : bond.showcaseTokenName] }), _jsx(Flex, { className: "about-container description", children: bond === null || bond === void 0 ? void 0 : bond.fullDescription })] }), _jsxs(Flex, { className: "container stats-container", children: [_jsx(Flex, { className: "stats-container header", children: "Bond Stats" }), _jsxs(Flex, { className: "stats-container model", children: [_jsx(Flex, { className: "model-container graph", children: "GRAPH" }), _jsx(Flex, { className: "model-container data", children: "DATA" })] })] })] }));
+            }) }) }));
 };
 export default BondSingle;

package/dist/pages/Bonds/Bonds.js

@@ -1,14 +1,3 @@
-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) {
@@ -259,6 +248,6 @@ var Bonds = function (_a) {
             setBondsRendered(true);
         }
     }, [billstoRender]);
-    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: [_jsx(BondRowHeader, { inputValue: inputValue, filterOptions: filterOptions, filterOption: filterOption, setFilterOption: handleChangeFilterOption, onInputChange: handleInputChange, onSort: handleSort }), bondsRendered && (_jsx(BondRowsByChain, { bonds: billstoRender, hotBonds: hotBonds, hideTitles: inputValue !== '', rowClick: rowClick }))] }))] })));
+    return (_jsxs(ThemeUIProvider, { theme: defaultTheme, children: [isActive && account && _jsx("p", { children: account }), isActive && account && _jsx("button", { onClick: handleApprove, children: "Approve USDT" }), _jsxs(Flex, { className: "container table-container", children: [_jsx(BondRowHeader, { inputValue: inputValue, filterOptions: filterOptions, filterOption: filterOption, setFilterOption: handleChangeFilterOption, onInputChange: handleInputChange, onSort: handleSort }), bondsRendered && (_jsx(BondRowsByChain, { bonds: billstoRender, hotBonds: hotBonds, hideTitles: inputValue !== '', rowClick: rowClick }))] })] }));
 };
 export default Bonds;

package/dist/pages/YourBonds/YourBonds.js

@@ -1,14 +1,3 @@
-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) {
@@ -270,7 +259,7 @@ var YourBonds = function (_a) {
     };
     // Modal
     var _h = useState(false), isModalOpen = _h[0], setIsModalOpen = _h[1];
-    var _j = useState(undefined), selectedBill = _j[0], setSelectedBill = _j[1];
+    var _j = useState(null), selectedBill = _j[0], setSelectedBill = _j[1];
     var rowClick = function (bill) {
         console.log(bill);
         setSelectedBill(bill);
@@ -300,19 +289,16 @@ var YourBonds = function (_a) {
             setBondsRendered(true);
         }
     }, [filteredBonds]);
-    var closeModal = function () {
-        setIsModalOpen(false);
-    };
-    return (_jsxs(ThemeUIProvider, __assign({ theme: defaultTheme }, { children: [isModalOpen &&
-                _jsx(YourBondsModal, { isOpen: true, onClose: closeModal, userBill: selectedBill }), bondsRendered && (_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, __assign({ className: "column column-search", sx: { width: '100%', maxWidth: ['200px', '200px', '200px', '340px'] } }, { children: _jsx(Input, { value: inputValue, onChange: handleInputChange, variant: "search", sx: { fontWeight: 400, background: 'white2', height: '30px', fontSize: '14px', color: 'white' }, width: '100%', placeholder: 'Search...' }) })) })), _jsxs(Flex, __assign({ className: "column column-bondinfo" }, { children: [_jsxs(Flex, __assign({ className: "column header-claimable" }, { children: [_jsx(Text, __assign({ sx: { fontSize: '11px', color: 'textDisabledButton' } }, { children: "CLAIMABLE" })), _jsx(Flex, __assign({ className: "column header-icon", onClick: function () { return handleSort('claimable'); } }, { children: _jsx(Svg, { icon: "sort", width: "12px", color: "textDisabledButton" }) }))] })), _jsxs(Flex, __assign({ className: "column header-pending" }, { children: [_jsx(Text, __assign({ sx: { fontSize: '11px', color: 'textDisabledButton' } }, { children: "PENDING" })), _jsx(Flex, __assign({ className: "column header-icon", onClick: function () { return handleSort('pending'); } }, { children: _jsx(Svg, { icon: "sort", width: "12px", color: "textDisabledButton" }) }))] })), _jsxs(Flex, __assign({ className: "column header-terms" }, { children: [_jsx(Text, __assign({ sx: { fontSize: '11px', color: 'textDisabledButton' } }, { children: "TERMS" })), _jsx(Flex, __assign({ className: "column header-icon", onClick: function () { return handleSort('terms'); } }, { children: _jsx(Svg, { icon: "sort", width: "12px", color: "textDisabledButton" }) }))] })), _jsx(Flex, __assign({ className: "column header-claimall" }, { children: _jsx(Button, __assign({ disabled: !account && !hasPendingRewards(filteredBonds), sx: {
+    return (_jsxs(ThemeUIProvider, { theme: defaultTheme, children: [isModalOpen &&
+                _jsx(YourBondsModal, { isOpen: true, onClose: function () { console.log('CLOSED'); }, bond: selectedBill }), bondsRendered && (_jsxs(Flex, { className: "container table-container", children: [_jsxs(Flex, { className: "container header-container", children: [_jsx(Flex, { className: "column column-tokens", children: _jsx(Flex, { className: "column column-search", sx: { width: '100%', maxWidth: ['200px', '200px', '200px', '340px'] }, children: _jsx(Input, { value: inputValue, onChange: handleInputChange, variant: "search", sx: { fontWeight: 400, background: 'white2', height: '30px', fontSize: '14px', color: 'white' }, width: '100%', placeholder: 'Search...' }) }) }), _jsxs(Flex, { className: "column column-bondinfo", children: [_jsxs(Flex, { className: "column header-claimable", children: [_jsx(Text, { sx: { fontSize: '11px', color: 'textDisabledButton' }, children: "CLAIMABLE" }), _jsx(Flex, { className: "column header-icon", onClick: function () { return handleSort('claimable'); }, children: _jsx(Svg, { icon: "sort", width: "12px", color: "textDisabledButton" }) })] }), _jsxs(Flex, { className: "column header-pending", children: [_jsx(Text, { sx: { fontSize: '11px', color: 'textDisabledButton' }, children: "PENDING" }), _jsx(Flex, { className: "column header-icon", onClick: function () { return handleSort('pending'); }, children: _jsx(Svg, { icon: "sort", width: "12px", color: "textDisabledButton" }) })] }), _jsxs(Flex, { className: "column header-terms", children: [_jsx(Text, { sx: { fontSize: '11px', color: 'textDisabledButton' }, children: "TERMS" }), _jsx(Flex, { className: "column header-icon", onClick: function () { return handleSort('terms'); }, children: _jsx(Svg, { icon: "sort", width: "12px", color: "textDisabledButton" }) })] }), _jsx(Flex, { className: "column header-claimall", children: _jsx(Button, { disabled: !account && !hasPendingRewards(filteredBonds), sx: {
                                                 height: ['36px', '36px', '36px', '26px'],
                                                 lineHeight: '12px',
                                                 fontSize: '14px',
                                                 fontWeight: 600,
                                                 width: '100%',
-                                            } }, { children: "CLAIM ALL" })) }))] }))] })), filteredBonds.map(function (bill) {
+                                            }, children: "CLAIM ALL" }) })] })] }), filteredBonds.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), _jsx(Text, __assign({ sx: { opacity: '0.6', fontSize: '12px', paddingLeft: '5px' } }, { children: "($".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), _jsx(Text, __assign({ sx: { opacity: '0.6', fontSize: '12px', paddingLeft: '5px' } }, { children: "($".concat((totalPending(bill) * ((_b = parseFloat(earnTokenPrice(bill.bond))) !== null && _b !== void 0 ? _b : 0)).toFixed(2), ")") }))] })), _jsx(Flex, __assign({ className: "column column-terms" }, { 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(Button, __assign({ disabled: !account && (claimableNumber(bill) === 0), onClick: function (event) {
+                        return (_jsxs(Flex, { className: "container bondrow-container", onClick: function () { return rowClick(bill); }, children: [_jsx(Flex, { className: "column column-tokens", children: _jsx(Flex, { className: "column column-tokeninfoname", children: _jsx(TokenInfoAndName, { bill: bill.bond, vestEnds: "Ends in ".concat(getPendingVesting(bill.lastBlockTimestamp, bill.vesting)) }) }) }), _jsxs(Flex, { className: "column column-bondinfo", children: [_jsxs(Flex, { className: "column column-claimable", children: [formatNumberSI(parseFloat(claimable(bill).toFixed(3)), 0), _jsx(Text, { sx: { opacity: '0.6', fontSize: '12px', paddingLeft: '5px' }, children: "($".concat((claimable(bill) * ((_a = parseFloat(earnTokenPrice(bill.bond))) !== null && _a !== void 0 ? _a : 0)).toFixed(2), ")") })] }), _jsxs(Flex, { className: "column column-pending", children: [formatNumberSI(parseFloat(totalPending(bill).toFixed(0)), 0), _jsx(Text, { sx: { opacity: '0.6', fontSize: '12px', paddingLeft: '5px' }, children: "($".concat((totalPending(bill) * ((_b = parseFloat(earnTokenPrice(bill.bond))) !== null && _b !== void 0 ? _b : 0)).toFixed(2), ")") })] }), _jsx(Flex, { className: "column column-terms", children: "".concat(vestingTimeRemaining(bill).days, "d, ").concat(vestingTimeRemaining(bill).hours, "h, ").concat(vestingTimeRemaining(bill).minutes, "m") }), _jsx(Flex, { className: "column column-claimall", children: _jsx(Button, { disabled: !account && (claimableNumber(bill) === 0), onClick: function (event) {
                                                     // event.stopPropagation();
                                                     // Add your claim logic here
                                                     handleClaim(bill.bond.billAddress, [bill.id], bill.bond.chainId, event);
@@ -322,7 +308,7 @@ var YourBonds = function (_a) {
                                                     fontSize: '14px',
                                                     fontWeight: 600,
                                                     width: '100%',
-                                                } }, { children: "Claim" })) }))] }))] }), bill.id));
-                    })] })))] })));
+                                                }, children: "Claim" }) })] })] }, bill.id));
+                    })] }))] }));
 };
 export default YourBonds;

package/dist/pages/YourBonds/fetchBillsUser.js

@@ -91,14 +91,12 @@ export var fetchUserOwnedBillNftData = function (ownedBillsData, chainId, bills)
                     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)];
-                            });
+                return [4 /*yield*/, Promise.all(groupedBillsToFetchArray.map(function (_a) { return __awaiter(void 0, [_a], void 0, function (_b) {
+                        var billNftAddress = _b.billNftAddress, chainId = _b.chainId, ids = _b.ids;
+                        return __generator(this, function (_c) {
+                            return [2 /*return*/, getBillNftBatchData(ids, billNftAddress, chainId)];
                         });
-                    }))
+                    }); }))
                     // Flatten the resulting array of arrays into a single array
                 ];
             case 1:

package/dist/state/tokenPrices/fetchTokenPricesForMultipleChains.js

@@ -34,13 +34,26 @@ 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 getAllTokenPrices from './getAllTokenPrices';
 import axios from 'axios';
 import { APESWAP_LISTS_URL } from '../../config/constants/lists';
-var fetchTokenPricesForMultipleChains = function (chains) {
-    if (chains === void 0) { chains = []; }
-    return __awaiter(void 0, void 0, void 0, function () {
+var fetchTokenPricesForMultipleChains = function () {
+    var args_1 = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        args_1[_i] = arguments[_i];
+    }
+    return __awaiter(void 0, __spreadArray([], args_1, true), void 0, function (chains) {
         var prices, response, tokensList, index, chain, all, successfulPromises, successfulPrices;
+        if (chains === void 0) { chains = []; }
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:

package/dist/state/tokenPrices/useTokenPricesNew.d.ts

@@ -7,5 +7,5 @@ export interface TokenPrices {
     chainId: ChainId | undefined;
 }
 export declare const fetchPrices: () => Promise<TokenPrices[]>;
-export default function useTokenPricesNew(): import("@tanstack/react-query/build/legacy/types").UseQueryResult<TokenPrices[], Error>;
+export default function useTokenPricesNew(): import("@tanstack/react-query").UseQueryResult<TokenPrices[], Error>;
 export declare const useTokenPriceNew: (inputTokenAddress: string, chainId: ChainId) => number | undefined;

package/dist/state/tokenPrices/useTokenPricesNew.js

@@ -51,7 +51,7 @@ export default function useTokenPricesNew() {
     return useQuery({
         queryKey: [QUERY_KEYS.TOKEN_PRICES],
         queryFn: fetchPrices,
-        refetchInterval: 40000,
+        refetchInterval: 40000, // i.e. 60 sec
         refetchOnWindowFocus: false,
         refetchOnMount: false,
         retry: 1,

package/dist/theme/colors.js

@@ -1,13 +1,13 @@
 var colors = {
     // main background gradients
-    white1: '#0E0D16',
+    white1: '#0E0D16', // base site background
     white2: '#161420',
     white3: '#1F1D29',
     white4: '#282632',
     white5: '#312F3A',
     brandPrimary140: '#C1BDE7',
     navBar: 'rgba(22, 20, 32, 0.8)',
-    primaryButton: '#6560C5',
+    primaryButton: '#6560C5', //this should've been called just "primary"
     primaryShade: '#514CA133',
     secondary: '#E69275',
     footer: '#000000',

package/package.json

@@ -3,7 +3,7 @@
   "description": "Ape Bond SDK",
   "author": "Ape Bond",
   "license": "MIT",
-  "version": "1.0.503",
+  "version": "1.0.504",
   "main": "dist/index.js",
   "module": "dist/index.es.js",
   "types": "dist/index.d.ts",
@@ -45,7 +45,7 @@
     "ethers": "5.7.2",
     "sass": "^1.77.7",
     "theme-ui": "^0.16.2",
-    "typescript": "^4.0.0"
+    "typescript": "^5.0.0"
   },
   "dependencies": {
     "@ape.swap/apeswap-lists": "^2.0.9",
@@ -70,7 +70,8 @@
     "rimraf": "^6.0.1",
     "sass": "^1.77.7",
     "swiper": "^11.1.4",
-    "theme-ui": "^0.16.2"
+    "theme-ui": "^0.16.2",
+    "wagmi": "2.12.5"
   },
   "browserslist": {
     "production": [