@ape.swap/bonds-sdk 1.0.468 → 1.0.470

package/dist/pages/YourBonds/YourBonds.d.ts

@@ -7,7 +7,9 @@ declare global {
     }
 }
 interface YourBondsProps {
-    connectionString?: string;
+    account: string;
+    accountChainId: number;
+    isActive: boolean;
 }
 declare const YourBonds: React.FC<YourBondsProps>;
 export default YourBonds;

package/dist/pages/YourBonds/YourBonds.js

@@ -77,9 +77,9 @@ import axios from 'axios';
 import { fetchUserOwnedBillsDataAsync } from './fetchBillsUser';
 import { Input } from '../../components/uikit-sdk/Input';
 var YourBonds = function (_a) {
-    var connectionString = _a.connectionString;
-    var _b = useWeb3React(), account = _b.account, isActive = _b.isActive;
-    var _c = useSearchParams(), searchParams = _c[0], setSearchParams = _c[1];
+    var account = _a.account, accountChainId = _a.accountChainId, isActive = _a.isActive;
+    // const { account, isActive } = useWeb3React();
+    var _b = useSearchParams(), searchParams = _b[0], setSearchParams = _b[1];
     var navigate = useNavigate();
     var USDT_ABI = [
         // The ERC-20 approve function ABI
@@ -121,8 +121,8 @@ var YourBonds = function (_a) {
         });
     }); };
     // Fetch data
-    var _d = useState([]), bondData = _d[0], setBondData = _d[1];
-    var _e = useState([]), mappedUserBills = _e[0], setMappedUserBills = _e[1];
+    var _c = useState([]), bondData = _c[0], setBondData = _c[1];
+    var _d = useState([]), mappedUserBills = _d[0], setMappedUserBills = _d[1];
     useEffect(function () {
         axios.get('https://realtime-api.ape.bond/bonds').then(function (response) {
             var bonds = response.data.bonds;
@@ -135,6 +135,8 @@ var YourBonds = function (_a) {
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
+                        console.log("ACCOUNT");
+                        console.log(account);
                         if (!account) return [3 /*break*/, 4];
                         _a.label = 1;
                     case 1:
@@ -144,6 +146,7 @@ var YourBonds = function (_a) {
                         results = _a.sent();
                         mappedBills = results.flat().flatMap(function (results) { return results.userOwnedBills; });
                         setMappedUserBills(mappedBills);
+                        console.log('User owned bills data:', mappedBills);
                         return [3 /*break*/, 4];
                     case 3:
                         error_2 = _a.sent();
@@ -155,8 +158,8 @@ var YourBonds = function (_a) {
         }); };
         fetchData();
     }, [account]);
-    var _f = useState(null), sortConfig = _f[0], setSortConfig = _f[1];
-    var _g = useState(mappedUserBills), sortedBonds = _g[0], setSortedBonds = _g[1];
+    var _e = useState(null), sortConfig = _e[0], setSortConfig = _e[1];
+    var _f = useState(mappedUserBills), sortedBonds = _f[0], setSortedBonds = _f[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') {
@@ -237,16 +240,16 @@ var YourBonds = function (_a) {
         return getFirstNonZeroDigits(parseFloat((_a = bond === null || bond === void 0 ? void 0 : bond.payoutTokenPrice) !== null && _a !== void 0 ? _a : '0'));
     };
     // Modal
-    var _h = useState(false), isModalOpen = _h[0], setIsModalOpen = _h[1];
-    var _j = useState(null), selectedBill = _j[0], setSelectedBill = _j[1];
+    var _g = useState(false), isModalOpen = _g[0], setIsModalOpen = _g[1];
+    var _h = useState(null), selectedBill = _h[0], setSelectedBill = _h[1];
     var rowClick = function (bill) {
         setSelectedBill(bill);
         setIsModalOpen(true);
         navigate("/YourBonds/?bondAddress=".concat(bill.address, "&bondChain=").concat(bill.bond.chainId), { replace: true });
     };
     // Search logic
-    var _k = useState(''), inputValue = _k[0], setInputValue = _k[1];
-    var _l = useState(sortedBonds), filteredBonds = _l[0], setFilteredBonds = _l[1];
+    var _j = useState(''), inputValue = _j[0], setInputValue = _j[1];
+    var _k = useState(sortedBonds), filteredBonds = _k[0], setFilteredBonds = _k[1];
     useEffect(function () {
         if (inputValue === '') {
             setFilteredBonds(sortedBonds);
@@ -261,30 +264,30 @@ var YourBonds = function (_a) {
         setInputValue(event.target.value);
     };
     // Page render logic
-    var _m = useState(false), bondsRendered = _m[0], setBondsRendered = _m[1];
+    var _l = useState(false), bondsRendered = _l[0], setBondsRendered = _l[1];
     useEffect(function () {
         if (filteredBonds.length > 0) {
             setBondsRendered(true);
         }
     }, [filteredBonds]);
-    return (_jsxs(ThemeUIProvider, __assign({ theme: defaultTheme }, { children: [isActive && account && _jsx("p", { children: account }), isActive && account && _jsx("button", __assign({ onClick: handleApprove }, { children: "Approve USDT" })), 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 (_jsx(ThemeUIProvider, __assign({ theme: defaultTheme }, { children: 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: {
+                                            height: ['36px', '36px', '36px', '26px'],
+                                            lineHeight: '12px',
+                                            fontSize: '14px',
+                                            fontWeight: 600,
+                                            width: '100%',
+                                        } }, { 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) {
+                                                event.stopPropagation();
+                                                // Add your claim logic here
+                                            }, sx: {
                                                 height: ['36px', '36px', '36px', '26px'],
                                                 lineHeight: '12px',
                                                 fontSize: '14px',
                                                 fontWeight: 600,
                                                 width: '100%',
-                                            } }, { 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) {
-                                                    event.stopPropagation();
-                                                    // Add your claim logic here
-                                                }, sx: {
-                                                    height: ['36px', '36px', '36px', '26px'],
-                                                    lineHeight: '12px',
-                                                    fontSize: '14px',
-                                                    fontWeight: 600,
-                                                    width: '100%',
-                                                } }, { children: "Claim" })) }))] }))] }), bill.bond.billAddress));
-                    })] })))] })));
+                                            } }, { children: "Claim" })) }))] }))] }), bill.bond.billAddress));
+                })] }))) })));
 };
 export default YourBonds;

package/package.json

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