@ape.swap/bonds-sdk 1.0.519 → 1.0.520
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -34,7 +34,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
|
34
34
|
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
35
35
|
}
|
|
36
36
|
};
|
|
37
|
-
import {
|
|
37
|
+
import { jsx as _jsx, jsxs as _jsxs } from "theme-ui/jsx-runtime";
|
|
38
38
|
/** @jsxImportSource theme-ui */
|
|
39
39
|
import React, { useEffect, useState } from 'react';
|
|
40
40
|
import { Flex, Input, ThemeUIProvider } from 'theme-ui';
|
|
@@ -118,7 +118,7 @@ var BondModal = function (_a) {
|
|
|
118
118
|
address: tokenAddress,
|
|
119
119
|
abi: ERC_20_ABI,
|
|
120
120
|
functionName: 'approve',
|
|
121
|
-
args: [account, inputValue],
|
|
121
|
+
args: [account, adjustDecimals(inputValue)],
|
|
122
122
|
})];
|
|
123
123
|
case 2:
|
|
124
124
|
tx = _a.sent();
|
|
@@ -210,7 +210,7 @@ var BondModal = function (_a) {
|
|
|
210
210
|
}); };
|
|
211
211
|
return (_jsx(ThemeUIProvider, { theme: defaultTheme, children: bondData.map(function (bond) {
|
|
212
212
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
|
|
213
|
-
return (_jsx(React.Fragment, { children: _jsx(Flex, { className: "modal modal-backdrop", children: _jsxs(Flex, { className: "modal modal-content", children: [
|
|
213
|
+
return (_jsx(React.Fragment, { children: _jsx(Flex, { className: "modal modal-backdrop", children: _jsxs(Flex, { className: "modal modal-content", children: [_jsx(Flex, { className: "modal modal-header", children: _jsx(Flex, { className: "svg-close", onClick: onClose, children: _jsx(Svg, { icon: "close" }) }) }), _jsxs(Flex, { className: "modal-container table-container", children: [_jsxs(Flex, { className: "modal-container title-container", children: [_jsx(Flex, { className: "title-container bondicon", children: _jsxs("div", { className: "icon-container", children: [_jsx(Svg, { width: 20, height: 20, icon: (_a = NETWORK_ICONS === null || NETWORK_ICONS === void 0 ? void 0 : NETWORK_ICONS[bond.chainId]) !== null && _a !== void 0 ? _a : 'question' }), _jsx(TokenImage, { symbol: (_b = bond.showcaseTokenName) !== null && _b !== void 0 ? _b : 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: (_c = bond === null || bond === void 0 ? void 0 : bond.tags) === null || _c === void 0 ? void 0 : _c[0], variant: ((_d = bond === null || bond === void 0 ? void 0 : bond.tags) === null || _d === void 0 ? void 0 : _d[0]) === 'Cex Fund' ? 'cex_fund' : 'liquidity' }) })] }), _jsx(Flex, { className: "modal-container description-container", children: bond === null || bond === void 0 ? void 0 : bond.shortDescription }), _jsxs(Flex, { className: "modal-container blocks-container", children: [_jsxs(Flex, { className: "modal-block column-discount ".concat(getDiscountColor(bond === null || bond === void 0 ? void 0 : bond.discount)), children: [_jsxs(Flex, { className: "block-header 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((_e = bond === null || bond === void 0 ? void 0 : bond.discount) === null || _e === void 0 ? void 0 : _e.toFixed(2), "%")] }), _jsxs(Flex, { className: "modal-block column-arr", children: [_jsxs(Flex, { className: "block-header 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(((((_f = bond === null || bond === void 0 ? void 0 : bond.discount) !== null && _f !== void 0 ? _f : 0) * 365) / vestingTime((_g = bond === null || bond === void 0 ? void 0 : bond.vestingTerm) !== null && _g !== void 0 ? _g : 0).days).toFixed(2), "%")] }), _jsxs(Flex, { className: "modal-block column-term", children: [_jsxs(Flex, { className: "block-header 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((_h = bond === null || bond === void 0 ? void 0 : bond.vestingTerm) !== null && _h !== void 0 ? _h : 0).days ? "".concat(vestingTime((_j = bond === null || bond === void 0 ? void 0 : bond.vestingTerm) !== null && _j !== void 0 ? _j : 0).days, " D") : '-'] }), _jsxs(Flex, { className: "modal-block column-maxbuy", children: [_jsxs(Flex, { className: "block-header 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" }) }) })] }), (_k = parseFloat(maxBuy(bond).toFixed(0))) === null || _k === void 0 ? void 0 : _k.toLocaleString('en-US')] })] }), _jsxs(Flex, { className: "modal-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(inputValue), " ", bond.principalTokenName, " = $ ", formatUSDNumber(youSpendUSD(bond, inputValue))] })] }), _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, inputValue)), children: ["$ ", premium(bond, inputValue)] })] }), _jsxs(Flex, { className: "text-container row", children: [_jsxs(Flex, { className: "row-container get", children: ["You get (over ", vestingTime((_l = bond === null || bond === void 0 ? void 0 : bond.vestingTerm) !== null && _l !== void 0 ? _l : 0).days, " days):"] }), _jsxs(Flex, { className: "row-container get-val", children: [youGet(bond, inputValue), " ", bond === null || bond === void 0 ? void 0 : bond.showcaseTokenName, " = $ ", formatUSDNumber(youGetUSD(bond, inputValue))] })] })] }), _jsxs(Flex, { className: "modal-container input-container", children: [_jsxs(Flex, { className: "input-container inputrow", 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) {
|
|
214
214
|
if (v.currentTarget.value.includes(',')) {
|
|
215
215
|
v.currentTarget.value = v.currentTarget.value.replace(/,/g, '.');
|
|
216
216
|
}
|
|
@@ -47,7 +47,6 @@ import { jsx as _jsx, jsxs as _jsxs } from "theme-ui/jsx-runtime";
|
|
|
47
47
|
/** @jsxImportSource theme-ui */
|
|
48
48
|
import { useEffect, useState } from 'react';
|
|
49
49
|
import { Flex, ThemeUIProvider } from 'theme-ui';
|
|
50
|
-
import { ethers } from 'ethers';
|
|
51
50
|
import { useWeb3React } from '@web3-react/core';
|
|
52
51
|
import { useSearchParams, useNavigate } from 'react-router-dom';
|
|
53
52
|
import getTimePeriods from '../../utils/getTimePeriods';
|
|
@@ -99,45 +98,6 @@ var YourBonds = function (_a) {
|
|
|
99
98
|
// const { account, isActive } = useWeb3React();
|
|
100
99
|
var _c = useSearchParams(), searchParams = _c[0], setSearchParams = _c[1];
|
|
101
100
|
var navigate = useNavigate();
|
|
102
|
-
var USDT_ABI = [
|
|
103
|
-
// The ERC-20 approve function ABI
|
|
104
|
-
'function approve(address spender, uint256 amount) public returns (bool)',
|
|
105
|
-
];
|
|
106
|
-
var USDT_ADDRESS = '0xdAC17F958D2ee523a2206206994597C13D831ec7'; // USDT contract address on Ethereum mainnet
|
|
107
|
-
var handleApprove = function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
108
|
-
var provider, signer, usdtContract, tx, error_1;
|
|
109
|
-
return __generator(this, function (_a) {
|
|
110
|
-
switch (_a.label) {
|
|
111
|
-
case 0:
|
|
112
|
-
if (!window.ethereum) {
|
|
113
|
-
console.error('No Ethereum provider found');
|
|
114
|
-
alert('No Ethereum provider found');
|
|
115
|
-
return [2 /*return*/];
|
|
116
|
-
}
|
|
117
|
-
provider = new ethers.providers.Web3Provider(window.ethereum);
|
|
118
|
-
signer = provider.getSigner();
|
|
119
|
-
usdtContract = new ethers.Contract(USDT_ADDRESS, USDT_ABI, signer);
|
|
120
|
-
_a.label = 1;
|
|
121
|
-
case 1:
|
|
122
|
-
_a.trys.push([1, 4, , 5]);
|
|
123
|
-
return [4 /*yield*/, usdtContract.approve(account, // Replace with the actual spender address
|
|
124
|
-
ethers.utils.parseUnits('1000.0', 6))];
|
|
125
|
-
case 2:
|
|
126
|
-
tx = _a.sent();
|
|
127
|
-
return [4 /*yield*/, tx.wait()];
|
|
128
|
-
case 3:
|
|
129
|
-
_a.sent();
|
|
130
|
-
alert('Approval Successful');
|
|
131
|
-
return [3 /*break*/, 5];
|
|
132
|
-
case 4:
|
|
133
|
-
error_1 = _a.sent();
|
|
134
|
-
console.error('Approval error', error_1);
|
|
135
|
-
alert('Approval Failed');
|
|
136
|
-
return [3 /*break*/, 5];
|
|
137
|
-
case 5: return [2 /*return*/];
|
|
138
|
-
}
|
|
139
|
-
});
|
|
140
|
-
}); };
|
|
141
101
|
// Fetch data
|
|
142
102
|
var _d = useState([]), bondData = _d[0], setBondData = _d[1];
|
|
143
103
|
var _e = useState([]), mappedUserBills = _e[0], setMappedUserBills = _e[1];
|
|
@@ -149,7 +109,7 @@ var YourBonds = function (_a) {
|
|
|
149
109
|
}, []);
|
|
150
110
|
useEffect(function () {
|
|
151
111
|
var fetchData = function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
152
|
-
var results, mappedBills,
|
|
112
|
+
var results, mappedBills, error_1;
|
|
153
113
|
return __generator(this, function (_a) {
|
|
154
114
|
switch (_a.label) {
|
|
155
115
|
case 0:
|
|
@@ -162,13 +122,16 @@ var YourBonds = function (_a) {
|
|
|
162
122
|
return [4 /*yield*/, Promise.all(MAINNET_CHAINS.map(function (chain) { return fetchUserOwnedBillsDataAsync(chain, account, bondData); }))];
|
|
163
123
|
case 2:
|
|
164
124
|
results = _a.sent();
|
|
125
|
+
console.log('RESULTS-----');
|
|
126
|
+
console.log(results);
|
|
127
|
+
console.log('-----');
|
|
165
128
|
mappedBills = results.flat().flatMap(function (results) { return results.userOwnedBills; });
|
|
166
129
|
setMappedUserBills(mappedBills);
|
|
167
130
|
console.log('User owned bills data:', mappedBills);
|
|
168
131
|
return [3 /*break*/, 4];
|
|
169
132
|
case 3:
|
|
170
|
-
|
|
171
|
-
console.error('Error fetching user owned bills data:',
|
|
133
|
+
error_1 = _a.sent();
|
|
134
|
+
console.error('Error fetching user owned bills data:', error_1);
|
|
172
135
|
return [3 /*break*/, 4];
|
|
173
136
|
case 4: return [2 /*return*/];
|
|
174
137
|
}
|