@ape.swap/bonds-sdk 1.0.332 → 1.0.334
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;
|
|
@@ -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: [_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" }) })) }))] })),
|
|
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" }) })) }))] })), _jsxs(Flex, __assign({ className: "modal-block info" }, { children: [_jsx(Flex, { className: "block-info icon" }), _jsx(Flex, __assign({ className: "block-info text" }, { 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(Flex, __assign({ className: "block-info icon" }, { children: _jsx(TokenImage, { symbol: (_g = userBill.bond.showcaseTokenName) !== null && _g !== void 0 ? _g : userBill.bond.payoutTokenName, size: 25 }) })), _jsxs(Flex, __assign({ className: "block-info text" }, { children: [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(Flex, __assign({ className: "block-info icon" }, { children: _jsx(TokenImage, { symbol: (_j = userBill.bond.showcaseTokenName) !== null && _j !== void 0 ? _j : userBill.bond.payoutTokenName, size: 25 }) })), _jsxs(Flex, __assign({ className: "block-info icon" }, { children: [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 {
|
|
@@ -138,15 +138,26 @@
|
|
|
138
138
|
.modal-block.info {
|
|
139
139
|
flex-direction: row;
|
|
140
140
|
align-items: center;
|
|
141
|
-
justify-content:
|
|
141
|
+
justify-content: end;
|
|
142
142
|
width: 50%;
|
|
143
143
|
}
|
|
144
144
|
|
|
145
|
+
.block-info.icon {
|
|
146
|
+
height: 100%;
|
|
147
|
+
width: 100%;
|
|
148
|
+
}
|
|
149
|
+
|
|
150
|
+
.block-info.text {
|
|
151
|
+
height: 100%;
|
|
152
|
+
width: 100%;
|
|
153
|
+
padding-left: 10px;
|
|
154
|
+
}
|
|
155
|
+
|
|
145
156
|
.modal-block.row-traits {
|
|
146
157
|
flex-direction: row;
|
|
147
158
|
height: 25px;
|
|
148
159
|
padding-left: 10px;
|
|
149
|
-
width:
|
|
160
|
+
width: 450px;
|
|
150
161
|
margin-bottom: 10px;
|
|
151
162
|
align-items: center;
|
|
152
163
|
justify-content: start;
|
|
@@ -155,7 +166,7 @@
|
|
|
155
166
|
.modal-block.row-vested {
|
|
156
167
|
flex-direction: row;
|
|
157
168
|
height: 50px;
|
|
158
|
-
width:
|
|
169
|
+
width: 450px;
|
|
159
170
|
margin-bottom: 10px;
|
|
160
171
|
padding-left: 10px;
|
|
161
172
|
padding-right: 10px;
|
|
@@ -166,7 +177,7 @@
|
|
|
166
177
|
.modal-block.row-pending {
|
|
167
178
|
flex-direction: row;
|
|
168
179
|
height: 50px;
|
|
169
|
-
width:
|
|
180
|
+
width: 450px;
|
|
170
181
|
margin-bottom: 10px;
|
|
171
182
|
padding-left: 10px;
|
|
172
183
|
padding-right: 10px;
|
|
@@ -177,7 +188,7 @@
|
|
|
177
188
|
.modal-block.row-claimable {
|
|
178
189
|
flex-direction: row;
|
|
179
190
|
height: 50px;
|
|
180
|
-
width:
|
|
191
|
+
width: 450px;
|
|
181
192
|
margin-bottom: 10px;
|
|
182
193
|
padding-left: 10px;
|
|
183
194
|
padding-right: 10px;
|