@ape.swap/bonds-sdk 1.0.331 → 1.0.333
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.
|
@@ -254,10 +254,7 @@ var BondModal = function (_a) {
|
|
|
254
254
|
!!v.currentTarget.value && isNumber(v.currentTarget.value) && parseFloat(v.currentTarget.value) >= 0
|
|
255
255
|
? v.currentTarget.value
|
|
256
256
|
: v.currentTarget.value.slice(0, v.currentTarget.value.length - 1);
|
|
257
|
-
} }) })), _jsx(Flex, __assign({ className: "input-container token" }, { children: bond === null || bond === void 0 ? void 0 : bond.principalTokenName }))] })), _jsxs(Flex, __assign({ className: "modal-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:
|
|
258
|
-
_jsxs(Button, __assign({ onClick: handleBuy }, { children: ["Buy ", bond === null || bond === void 0 ? void 0 : bond.showcaseTokenName] }))
|
|
259
|
-
:
|
|
260
|
-
_jsx(Button, __assign({ onClick: handleApprove }, { children: "Approve" })) }))] }))] }))] })) })) }, bond.billAddress));
|
|
257
|
+
} }) })), _jsx(Flex, __assign({ className: "input-container token" }, { children: bond === null || bond === void 0 ? void 0 : bond.principalTokenName }))] })), _jsxs(Flex, __assign({ className: "modal-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, __assign({ onClick: handleBuy }, { children: ["Buy ", bond === null || bond === void 0 ? void 0 : bond.showcaseTokenName] })) }))] }))] }))] })) })) }, bond.billAddress));
|
|
261
258
|
}) })));
|
|
262
259
|
};
|
|
263
260
|
export default BondModal;
|
|
@@ -45,7 +45,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
|
45
45
|
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
46
46
|
}
|
|
47
47
|
};
|
|
48
|
-
import {
|
|
48
|
+
import { jsx as _jsx, jsxs as _jsxs } from "theme-ui/jsx-runtime";
|
|
49
49
|
/** @jsxImportSource theme-ui */
|
|
50
50
|
import React, { useEffect, useState } from 'react';
|
|
51
51
|
import { Flex, ThemeUIProvider } from 'theme-ui';
|
|
@@ -239,7 +239,7 @@ var YourBondsModal = function (_a) {
|
|
|
239
239
|
var userBill = data.userOwnedBills.find(function (bill) { return bill.bond.billAddress.toLowerCase() === (bondAddress === null || bondAddress === void 0 ? void 0 : bondAddress.toLowerCase()); });
|
|
240
240
|
console.log("USER BILL LOG");
|
|
241
241
|
console.log(userBill);
|
|
242
|
-
return userBill ? (_jsx(React.Fragment, { children: _jsx(Flex, __assign({ className: "modal modal-backdrop" }, { children: _jsxs(Flex, __assign({ className: "modal modal-content" }, { children: [
|
|
242
|
+
return userBill ? (_jsx(React.Fragment, { children: _jsx(Flex, __assign({ className: "modal modal-backdrop" }, { children: _jsxs(Flex, __assign({ className: "modal modal-content" }, { children: [_jsx(Flex, __assign({ className: "modal modal-header" }, { children: _jsx(Flex, __assign({ className: "svg-close", onClick: onClose }, { children: _jsx(Svg, { icon: "close" }) })) })), _jsxs(Flex, __assign({ className: "modal-container table-container" }, { children: [_jsx(Flex, __assign({ className: "modal-container bondimage" }, { children: "IMAGE" })), _jsxs(Flex, __assign({ className: "modal-container bondinfo" }, { children: [_jsxs(Flex, __assign({ className: "modal-container title-container" }, { children: [_jsx(Flex, __assign({ className: "title-container bondicon" }, { children: _jsx(TokenImage, { symbol: (_a = userBill.bond.showcaseTokenName) !== null && _a !== void 0 ? _a : userBill.bond.payoutTokenName, size: 40 }) })), _jsx(Flex, __assign({ className: "title-container bondname" }, { children: (_b = userBill.bond) === null || _b === void 0 ? void 0 : _b.showcaseTokenName })), _jsx(Flex, __assign({ className: "title-container tokentags" }, { children: _jsx(ListTag, { text: (_d = (_c = userBill.bond) === null || _c === void 0 ? void 0 : _c.tags) === null || _d === void 0 ? void 0 : _d[0], variant: ((_f = (_e = userBill.bond) === null || _e === void 0 ? void 0 : _e.tags) === null || _f === void 0 ? void 0 : _f[0]) === 'Cex Fund' ? 'cex_fund' : 'liquidity' }) }))] })), _jsxs(Flex, __assign({ className: "modal-container blocks-container" }, { children: [_jsx(Flex, __assign({ className: "modal-block row-traits" }, { children: _jsx(Flex, __assign({ className: "modal-block header" }, { children: "Traits" })) })), _jsxs(Flex, __assign({ className: "modal-block row-vested" }, { children: [_jsxs(Flex, __assign({ className: "modal-block header" }, { children: ["Fully Vested", _jsx(TooltipBubble, __assign({ body: _jsx(Flex, { children: UserBillTooltipText.FullyVested }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, -5%)" }, { children: _jsx(Flex, __assign({ className: "block-header icon" }, { children: _jsx(Svg, { icon: "questionCircle", width: "12px" }) })) }))] })), _jsx(Flex, __assign({ className: "modal-block info" }, { children: getPendingVesting(userBill.lastBlockTimestamp, userBill.vesting) }))] })), _jsxs(Flex, __assign({ className: "modal-block row-pending" }, { children: [_jsxs(Flex, __assign({ className: "modal-block header" }, { children: ["Pending", _jsx(TooltipBubble, __assign({ body: _jsx(Flex, { children: UserBillTooltipText.Pending }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, -5%)" }, { children: _jsx(Flex, __assign({ className: "block-header icon" }, { children: _jsx(Svg, { icon: "questionCircle", width: "12px" }) })) }))] })), _jsxs(Flex, __assign({ className: "modal-block info" }, { children: [_jsx(TokenImage, { symbol: (_g = userBill.bond.showcaseTokenName) !== null && _g !== void 0 ? _g : userBill.bond.payoutTokenName, size: 25 }), formatNumberSI(parseFloat(totalPending(userBill).toFixed(4)), 4), "($".concat((totalPending(userBill) * ((_h = parseFloat(earnTokenPrice(userBill.bond))) !== null && _h !== void 0 ? _h : 0)).toFixed(2), ")")] }))] })), _jsxs(Flex, __assign({ className: "modal-block row-claimable" }, { children: [_jsxs(Flex, __assign({ className: "modal-block header" }, { children: ["Claimable", _jsx(TooltipBubble, __assign({ body: _jsx(Flex, { children: UserBillTooltipText.Claimable }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, -5%)" }, { children: _jsx(Flex, __assign({ className: "block-header icon" }, { children: _jsx(Svg, { icon: "questionCircle", width: "12px" }) })) }))] })), _jsxs(Flex, __assign({ className: "modal-block info" }, { children: [_jsx(TokenImage, { symbol: (_j = userBill.bond.showcaseTokenName) !== null && _j !== void 0 ? _j : userBill.bond.payoutTokenName, size: 25 }), formatNumberSI(parseFloat(claimable(userBill).toFixed(4)), 4), "($".concat((claimable(userBill) * ((_k = parseFloat(earnTokenPrice(userBill.bond))) !== null && _k !== void 0 ? _k : 0)).toFixed(2), ")")] }))] }))] })), _jsxs(Flex, __assign({ className: "modal-container button-container" }, { children: [_jsx(Flex, __assign({ className: "button-container claim" }, { children: _jsx(Button, { children: "CLAIM" }) })), _jsx(Flex, __assign({ className: "button-container transfer" }, { children: _jsx(Button, { children: "TRANSFER" }) }))] }))] }))] }))] })) })) }, userBill.bond.billAddress)) : null;
|
|
243
243
|
}) })));
|
|
244
244
|
};
|
|
245
245
|
export default YourBondsModal;
|
|
@@ -87,7 +87,7 @@
|
|
|
87
87
|
display: flex;
|
|
88
88
|
flex-direction: row;
|
|
89
89
|
align-items: center;
|
|
90
|
-
padding-left:
|
|
90
|
+
padding-left: 10px;
|
|
91
91
|
}
|
|
92
92
|
|
|
93
93
|
.title-container.tokentags {
|
|
@@ -146,7 +146,7 @@
|
|
|
146
146
|
flex-direction: row;
|
|
147
147
|
height: 25px;
|
|
148
148
|
padding-left: 10px;
|
|
149
|
-
width:
|
|
149
|
+
width: 450px;
|
|
150
150
|
margin-bottom: 10px;
|
|
151
151
|
align-items: center;
|
|
152
152
|
justify-content: start;
|
|
@@ -155,7 +155,7 @@
|
|
|
155
155
|
.modal-block.row-vested {
|
|
156
156
|
flex-direction: row;
|
|
157
157
|
height: 50px;
|
|
158
|
-
width:
|
|
158
|
+
width: 450px;
|
|
159
159
|
margin-bottom: 10px;
|
|
160
160
|
padding-left: 10px;
|
|
161
161
|
padding-right: 10px;
|
|
@@ -166,7 +166,7 @@
|
|
|
166
166
|
.modal-block.row-pending {
|
|
167
167
|
flex-direction: row;
|
|
168
168
|
height: 50px;
|
|
169
|
-
width:
|
|
169
|
+
width: 450px;
|
|
170
170
|
margin-bottom: 10px;
|
|
171
171
|
padding-left: 10px;
|
|
172
172
|
padding-right: 10px;
|
|
@@ -177,7 +177,7 @@
|
|
|
177
177
|
.modal-block.row-claimable {
|
|
178
178
|
flex-direction: row;
|
|
179
179
|
height: 50px;
|
|
180
|
-
width:
|
|
180
|
+
width: 450px;
|
|
181
181
|
margin-bottom: 10px;
|
|
182
182
|
padding-left: 10px;
|
|
183
183
|
padding-right: 10px;
|
|
@@ -208,6 +208,6 @@
|
|
|
208
208
|
align-items: center;
|
|
209
209
|
|
|
210
210
|
Button {
|
|
211
|
-
width:
|
|
211
|
+
width: 125px;
|
|
212
212
|
}
|
|
213
213
|
}
|