@ape.swap/bonds-sdk 1.0.518 → 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';
|
|
@@ -107,18 +107,13 @@ var BondModal = function (_a) {
|
|
|
107
107
|
//You approve the token, not the contract (this code will have to be updated for zap)
|
|
108
108
|
var handleApprove = function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
109
109
|
var tokenAddress, tx, error_2;
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
switch (_b.label) {
|
|
110
|
+
return __generator(this, function (_a) {
|
|
111
|
+
switch (_a.label) {
|
|
113
112
|
case 0:
|
|
114
|
-
console.log('---!');
|
|
115
|
-
console.log((_a = bondData[0]) === null || _a === void 0 ? void 0 : _a.principalToken);
|
|
116
|
-
console.log(account);
|
|
117
113
|
tokenAddress = bondData[0].principalToken;
|
|
118
|
-
|
|
114
|
+
_a.label = 1;
|
|
119
115
|
case 1:
|
|
120
|
-
|
|
121
|
-
console.log('BBBBB');
|
|
116
|
+
_a.trys.push([1, 3, , 4]);
|
|
122
117
|
return [4 /*yield*/, writeContract({
|
|
123
118
|
address: tokenAddress,
|
|
124
119
|
abi: ERC_20_ABI,
|
|
@@ -126,11 +121,11 @@ var BondModal = function (_a) {
|
|
|
126
121
|
args: [account, adjustDecimals(inputValue)],
|
|
127
122
|
})];
|
|
128
123
|
case 2:
|
|
129
|
-
tx =
|
|
124
|
+
tx = _a.sent();
|
|
130
125
|
console.log('Transaction:', tx);
|
|
131
126
|
return [3 /*break*/, 4];
|
|
132
127
|
case 3:
|
|
133
|
-
error_2 =
|
|
128
|
+
error_2 = _a.sent();
|
|
134
129
|
console.error('Approval failed:', error_2);
|
|
135
130
|
return [3 /*break*/, 4];
|
|
136
131
|
case 4: return [2 /*return*/];
|
|
@@ -215,7 +210,7 @@ var BondModal = function (_a) {
|
|
|
215
210
|
}); };
|
|
216
211
|
return (_jsx(ThemeUIProvider, { theme: defaultTheme, children: bondData.map(function (bond) {
|
|
217
212
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
|
|
218
|
-
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) {
|
|
219
214
|
if (v.currentTarget.value.includes(',')) {
|
|
220
215
|
v.currentTarget.value = v.currentTarget.value.replace(/,/g, '.');
|
|
221
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
|
}
|