@ape.swap/bonds-sdk 4.2.3-test.3 → 4.2.3-test.4
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.
- package/dist/main.js +28 -30
- package/dist/styles.css +3 -1
- package/package.json +1 -1
package/dist/main.js
CHANGED
|
@@ -63504,7 +63504,7 @@ const getVestingTermsString = (bond) => {
|
|
|
63504
63504
|
else if (vestingCliff) {
|
|
63505
63505
|
const vestingTime = getTimePeriods(vestingTerm - vestingCliff, true);
|
|
63506
63506
|
const vestingCliffString = getTimePeriods(vestingCliff, true);
|
|
63507
|
-
return `${vestingCliffString.days
|
|
63507
|
+
return `${vestingCliffString.days + vestingTime.days} D`;
|
|
63508
63508
|
}
|
|
63509
63509
|
return '-';
|
|
63510
63510
|
};
|
|
@@ -75884,7 +75884,7 @@ const YourBondsModal = ({ userBill, onDismiss }) => {
|
|
|
75884
75884
|
p: '4px 10px',
|
|
75885
75885
|
background: 'white3',
|
|
75886
75886
|
borderRadius: '10px 10px 0px 0px',
|
|
75887
|
-
}, children: [jsxs(Flex, { sx: { alignItems: 'center', gap: '5px' }, children: [jsx$2(Flex, { sx: { opacity: 0.6 }, children: "Vesting Progress" }), jsx$2(TooltipBubble, { className: "tooltip-bubble", body: jsx$2(Flex, { children: UserBillTooltipText.FullyVested }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, 0%)", children: jsx$2(Flex, { className: "block-header icon", children: jsx$2(Svg, { icon: "questionCircle", width: "12px" }) }) })] }), jsx$2(Flex, { sx: { alignItems: 'center' }, children: isPendingCliff ? (jsxs(Fragment$1, { children: ["
|
|
75887
|
+
}, children: [jsxs(Flex, { sx: { alignItems: 'center', gap: '5px' }, children: [jsx$2(Flex, { sx: { opacity: 0.6 }, children: "Vesting Progress" }), jsx$2(TooltipBubble, { className: "tooltip-bubble", body: jsx$2(Flex, { children: UserBillTooltipText.FullyVested }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, 0%)", children: jsx$2(Flex, { className: "block-header icon", children: jsx$2(Svg, { icon: "questionCircle", width: "12px" }) }) })] }), jsx$2(Flex, { sx: { alignItems: 'center' }, children: isPendingCliff ? (jsxs(Fragment$1, { children: ["Claiming starts in", ' ', `${cliffCountdown.days !== 0 ? `${cliffCountdown.days} days` : cliffCountdown.hours !== 0 ? `${cliffCountdown.hours} hours` : `${cliffCountdown.minutes} mins`}`] })) : (jsx$2(ProgressBarWrapper$1, { title: '', value: jsx$2(ProgressBar, { value: getPercentageVested(userBill) }), style: {
|
|
75888
75888
|
width: '100px',
|
|
75889
75889
|
flexDirection: 'column',
|
|
75890
75890
|
alignItems: 'center',
|
|
@@ -76550,15 +76550,6 @@ const YourBonds = ({ showOnly }) => {
|
|
|
76550
76550
|
const { data: chainFilterOption, setChainFilterOption } = useChainFilterOption();
|
|
76551
76551
|
const { data: preTGEUserBonds, isFetched: preTGEFetched } = useUserBondsPreTGE();
|
|
76552
76552
|
const hasFetched = userBondsFetched && (preTGEFetched || !account);
|
|
76553
|
-
const preTGEBondsToRender = preTGEUserBonds === null || preTGEUserBonds === void 0 ? void 0 : preTGEUserBonds.filter((userBond) => {
|
|
76554
|
-
var _a, _b, _c, _d;
|
|
76555
|
-
if (!((_a = userBond === null || userBond === void 0 ? void 0 : userBond.accountInfo) === null || _a === void 0 ? void 0 : _a.hasRedeemed)) {
|
|
76556
|
-
return parseFloat((_c = (_b = userBond === null || userBond === void 0 ? void 0 : userBond.accountInfo) === null || _b === void 0 ? void 0 : _b.depositAmount) !== null && _c !== void 0 ? _c : '0') > 0;
|
|
76557
|
-
}
|
|
76558
|
-
else {
|
|
76559
|
-
return ((_d = userBond === null || userBond === void 0 ? void 0 : userBond.userOwnedBillsData) === null || _d === void 0 ? void 0 : _d.payout) !== '0';
|
|
76560
|
-
}
|
|
76561
|
-
});
|
|
76562
76553
|
// State
|
|
76563
76554
|
const [sortConfig, setSortConfig] = useState({
|
|
76564
76555
|
key: 'claimable',
|
|
@@ -76567,6 +76558,15 @@ const YourBonds = ({ showOnly }) => {
|
|
|
76567
76558
|
const [inputValue, setInputValue] = useState('');
|
|
76568
76559
|
const filterOptions = ['CLAIMABLE', 'ALL'];
|
|
76569
76560
|
const [filterOption, setFilterOption] = useState(filterOptions[0]);
|
|
76561
|
+
const preTGEBondsToRender = preTGEUserBonds === null || preTGEUserBonds === void 0 ? void 0 : preTGEUserBonds.filter((userBond) => {
|
|
76562
|
+
var _a, _b, _c, _d;
|
|
76563
|
+
if (!((_a = userBond === null || userBond === void 0 ? void 0 : userBond.accountInfo) === null || _a === void 0 ? void 0 : _a.hasRedeemed)) {
|
|
76564
|
+
return parseFloat((_c = (_b = userBond === null || userBond === void 0 ? void 0 : userBond.accountInfo) === null || _b === void 0 ? void 0 : _b.depositAmount) !== null && _c !== void 0 ? _c : '0') > 0;
|
|
76565
|
+
}
|
|
76566
|
+
else {
|
|
76567
|
+
return ((_d = userBond === null || userBond === void 0 ? void 0 : userBond.userOwnedBillsData) === null || _d === void 0 ? void 0 : _d.payout) !== '0';
|
|
76568
|
+
}
|
|
76569
|
+
}).filter((userBond) => { var _a, _b; return chainFilterOption.includes((_b = (_a = userBond.chainId) === null || _a === void 0 ? void 0 : _a.toString()) !== null && _b !== void 0 ? _b : '') || chainFilterOption.includes('All Chains'); }).filter((userBond) => { var _a; return (_a = userBond.earnToken.symbol) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes(inputValue.toLowerCase()); });
|
|
76570
76570
|
const handleSort = (key) => {
|
|
76571
76571
|
let direction = 'desc';
|
|
76572
76572
|
if ((sortConfig === null || sortConfig === void 0 ? void 0 : sortConfig.key) === key && (sortConfig === null || sortConfig === void 0 ? void 0 : sortConfig.direction) === 'desc') {
|
|
@@ -78878,7 +78878,7 @@ const BondCards = ({ bondData }) => {
|
|
|
78878
78878
|
};
|
|
78879
78879
|
|
|
78880
78880
|
const Estimations = ({ depositAmount, bondData, youSpendString, isZap, fetchingZapQuote, zapError, }) => {
|
|
78881
|
-
var _a, _b, _c, _d
|
|
78881
|
+
var _a, _b, _c, _d;
|
|
78882
78882
|
const { data: userPoints } = useTierPoints();
|
|
78883
78883
|
const trueBondPrice = findHighestTrueBondPrice(userPoints, bondData === null || bondData === void 0 ? void 0 : bondData.trueBondPrices);
|
|
78884
78884
|
const SDKConfig = useSDKConfig();
|
|
@@ -78908,7 +78908,7 @@ const Estimations = ({ depositAmount, bondData, youSpendString, isZap, fetchingZ
|
|
|
78908
78908
|
background: 'primaryButton',
|
|
78909
78909
|
opacity: 0.3,
|
|
78910
78910
|
borderRadius: 'normal',
|
|
78911
|
-
} }), jsxs(Flex, { className: "row-container premium", sx: { zIndex: 1 }, children: [jsx$2("img", { src: `https://ape.bond/images/launch/${tierName === null || tierName === void 0 ? void 0 : tierName.toLowerCase()}.png`, alt: "minTier", style: { width: '21px', height: '21px', marginRight: '3px', zIndex: 1 } }), jsx$2(Flex, { sx: { color: 'success', mr: '3px', fontWeight: 700 }, children: `${(_c = trueBondPrice === null || trueBondPrice === void 0 ? void 0 : trueBondPrice.boost) !== null && _c !== void 0 ? _c : 0}%` }), "Boost:", jsx$2(TooltipBubble, { className: "tooltip-bubble", body: jsx$2(Flex, { children: TooltipText.Boost }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, 0%)", children: jsx$2(Flex, { className: "row-container premium-icon", children: jsx$2(Svg, { icon: "questionCircle", width: "12px" }) }) })] }), isZap && fetchingZapQuote ? (jsx$2(Dots, {})) : isZap && zapError ? ('-') : (jsxs(Flex, { className: `row-container premium-val premium-positive`, children: ["$ ", formatNumberSI(boostAmount)] }))] })), !!bondData.feeInPayout && (jsxs(Flex, { className: "text-container row", children: [jsxs(Flex, { className: "row-container premium", children: ["Fee:", jsx$2(TooltipBubble, { className: "tooltip-bubble", body: jsxs(Flex, { children: ["This is the protocol fee (", bondData.feeInPayout, "%)."] }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, -5%)", children: jsx$2(Flex, { className: "row-container premium-icon", children: jsx$2(Svg, { icon: "questionCircle", width: "12px" }) }) })] }), isZap && fetchingZapQuote ? (jsx$2(Dots, {})) : isZap && zapError ? ('-') : (jsxs(Flex, { className: `row-container premium-val`, children: ["$ ", formatNumberSI(feeUSD)] }))] })), jsxs(Flex, { className: "text-container row", children: [jsxs(Flex, { className: "row-container get", children: ["You Get (over ", vestingTime((
|
|
78911
|
+
} }), jsxs(Flex, { className: "row-container premium", sx: { zIndex: 1 }, children: [jsx$2("img", { src: `https://ape.bond/images/launch/${tierName === null || tierName === void 0 ? void 0 : tierName.toLowerCase()}.png`, alt: "minTier", style: { width: '21px', height: '21px', marginRight: '3px', zIndex: 1 } }), jsx$2(Flex, { sx: { color: 'success', mr: '3px', fontWeight: 700 }, children: `${(_c = trueBondPrice === null || trueBondPrice === void 0 ? void 0 : trueBondPrice.boost) !== null && _c !== void 0 ? _c : 0}%` }), "Boost:", jsx$2(TooltipBubble, { className: "tooltip-bubble", body: jsx$2(Flex, { children: TooltipText.Boost }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, 0%)", children: jsx$2(Flex, { className: "row-container premium-icon", children: jsx$2(Svg, { icon: "questionCircle", width: "12px" }) }) })] }), isZap && fetchingZapQuote ? (jsx$2(Dots, {})) : isZap && zapError ? ('-') : (jsxs(Flex, { className: `row-container premium-val premium-positive`, children: ["$ ", formatNumberSI(boostAmount)] }))] })), !!bondData.feeInPayout && (jsxs(Flex, { className: "text-container row", children: [jsxs(Flex, { className: "row-container premium", children: ["Fee:", jsx$2(TooltipBubble, { className: "tooltip-bubble", body: jsxs(Flex, { children: ["This is the protocol fee (", bondData.feeInPayout, "%)."] }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, -5%)", children: jsx$2(Flex, { className: "row-container premium-icon", children: jsx$2(Svg, { icon: "questionCircle", width: "12px" }) }) })] }), isZap && fetchingZapQuote ? (jsx$2(Dots, {})) : isZap && zapError ? ('-') : (jsxs(Flex, { className: `row-container premium-val`, children: ["$ ", formatNumberSI(feeUSD)] }))] })), jsxs(Flex, { className: "text-container row", children: [jsxs(Flex, { className: "row-container get", children: ["You Get (over ", vestingTime((_d = bondData === null || bondData === void 0 ? void 0 : bondData.vestingTerm) !== null && _d !== void 0 ? _d : 0).days, " days):"] }), isZap && fetchingZapQuote ? (jsx$2(Dots, {})) : isZap && zapError ? ('-') : (jsxs(Flex, { className: "row-container get-val", children: [formatNumberSI(estimatedOutputAmount, 4), " ", bondData === null || bondData === void 0 ? void 0 : bondData.showcaseTokenName, " = $", ' ', formatNumberSI(estimatedOutputUSD)] }))] })] }));
|
|
78912
78912
|
};
|
|
78913
78913
|
|
|
78914
78914
|
const ProjectDescription = ({ description, isProjectView }) => {
|
|
@@ -85938,39 +85938,37 @@ const ActiveBondRows = ({ chain, bonds, hideTitles, showHotBonds }) => {
|
|
|
85938
85938
|
width: '100%',
|
|
85939
85939
|
marginTop: '0px',
|
|
85940
85940
|
}, className: "bonds-card-container", children: [[main.ChainId.SOL, main.ChainId.MONAD_TESTNET].includes(chain) && !hideTitles && jsx$2(ChainBanner, { chainId: chain }), bonds === null || bonds === void 0 ? void 0 : bonds.map((bondFromMap, index) => {
|
|
85941
|
-
|
|
85942
|
-
|
|
85943
|
-
const bond = bondFromMap;
|
|
85944
|
-
return (jsx$2(BondRow, { bondAddress: (_a = bond.contractAddress) === null || _a === void 0 ? void 0 : _a[bond.chainId], billArtCollection: (_b = bond.billArt) === null || _b === void 0 ? void 0 : _b.collection, bondChain: bond.chainId, payoutToken: bond.earnToken, billType: bond.billType, tag: (_c = bond.tags) === null || _c === void 0 ? void 0 : _c[0], bondSoldOut: true, percentageAvailable: 100, remainingTokensString: `${formatNumberSI(0, 0)} ${bond.earnToken.symbol} ($${formatNumberSI(0, 2)})`, vestingTermString: "-", projectURL: bond.projectLink, twitterURL: bond.twitter, auditURL: bond.audit, shortDescription: bond.shortDescription }, `${bond.contractAddress}-${bond.chainId}-${index}`));
|
|
85945
|
-
}
|
|
85941
|
+
// PRE TGE ROWS
|
|
85942
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
|
|
85946
85943
|
if (bondFromMap.billType === 'fcfs') {
|
|
85947
85944
|
const bond = bondFromMap;
|
|
85948
|
-
const totalPrincipalBilled = Math.round(getBalanceNumber(new BigNumber$1((
|
|
85949
|
-
const raiseGoal = Math.round(getBalanceNumber(new BigNumber$1((
|
|
85945
|
+
const totalPrincipalBilled = Math.round(getBalanceNumber(new BigNumber$1((_a = bond === null || bond === void 0 ? void 0 : bond.totalPrincipalBilled) !== null && _a !== void 0 ? _a : '0'), (_c = (_b = bond === null || bond === void 0 ? void 0 : bond.lpToken) === null || _b === void 0 ? void 0 : _b.decimals) === null || _c === void 0 ? void 0 : _c[bond === null || bond === void 0 ? void 0 : bond.chainId])) / ((_d = bond.initPrice) !== null && _d !== void 0 ? _d : 0);
|
|
85946
|
+
const raiseGoal = Math.round(getBalanceNumber(new BigNumber$1((_e = bond === null || bond === void 0 ? void 0 : bond.totalRaise) !== null && _e !== void 0 ? _e : '0'), (_g = (_f = bond === null || bond === void 0 ? void 0 : bond.lpToken) === null || _f === void 0 ? void 0 : _f.decimals) === null || _g === void 0 ? void 0 : _g[bond === null || bond === void 0 ? void 0 : bond.chainId])) / ((_h = bond.initPrice) !== null && _h !== void 0 ? _h : 0);
|
|
85950
85947
|
const tokensRemaining = raiseGoal - totalPrincipalBilled;
|
|
85951
|
-
const tokensRemainingUSD = tokensRemaining * ((
|
|
85948
|
+
const tokensRemainingUSD = tokensRemaining * ((_j = bond === null || bond === void 0 ? void 0 : bond.initPrice) !== null && _j !== void 0 ? _j : 0);
|
|
85952
85949
|
const percentageAvailable = 100 - Math.floor((totalPrincipalBilled * 100) / raiseGoal);
|
|
85953
|
-
const earnToken = (
|
|
85954
|
-
const baseBonus = (
|
|
85955
|
-
const airdropBonus = (
|
|
85950
|
+
const earnToken = (_k = bond === null || bond === void 0 ? void 0 : bond.earnToken) === null || _k === void 0 ? void 0 : _k.symbol;
|
|
85951
|
+
const baseBonus = (_o = (_m = (_l = bond === null || bond === void 0 ? void 0 : bond.trueBondPrices) === null || _l === void 0 ? void 0 : _l[0]) === null || _m === void 0 ? void 0 : _m.bonus) !== null && _o !== void 0 ? _o : 0;
|
|
85952
|
+
const airdropBonus = (_p = bond === null || bond === void 0 ? void 0 : bond.airdropBonus) !== null && _p !== void 0 ? _p : 0;
|
|
85956
85953
|
const bonus = baseBonus + airdropBonus;
|
|
85957
|
-
const initialRelease = ((
|
|
85954
|
+
const initialRelease = ((_q = bond === null || bond === void 0 ? void 0 : bond.initialRelease) !== null && _q !== void 0 ? _q : 0) * 100;
|
|
85958
85955
|
const now = new Date().getTime();
|
|
85959
|
-
const saleFinishTime = ((
|
|
85956
|
+
const saleFinishTime = ((_r = bond === null || bond === void 0 ? void 0 : bond.finishTime) !== null && _r !== void 0 ? _r : 0) * 1000;
|
|
85960
85957
|
const saleHasFinished = now > saleFinishTime || bond.finalized;
|
|
85961
|
-
return (jsx$2(BondRow, { bondAddress: (
|
|
85958
|
+
return (jsx$2(BondRow, { bondAddress: (_s = bond.contractAddress) === null || _s === void 0 ? void 0 : _s[bond.chainId], bondChain: bond.chainId, billArtCollection: (_t = bond.billArt) === null || _t === void 0 ? void 0 : _t.collection, payoutToken: bond.earnToken, billType: bond.billType, tag: (_u = bond.tags) === null || _u === void 0 ? void 0 : _u[0], bonus: saleHasFinished ? undefined : `${bonus}%`, airdropTooltip: bond.airdropTooltip, percentageAvailable: percentageAvailable, remainingTokensString: saleHasFinished
|
|
85962
85959
|
? `0 ${earnToken} ($0) `
|
|
85963
85960
|
: `${formatNumberSI(tokensRemaining, 0)} ${earnToken} ($${formatNumberSI(tokensRemainingUSD, 2)})`, vestingTermString: saleHasFinished
|
|
85964
85961
|
? '-'
|
|
85965
85962
|
: initialRelease === 100
|
|
85966
85963
|
? `0 D`
|
|
85967
|
-
: `${getTimePeriods((
|
|
85964
|
+
: `${getTimePeriods((_v = bond.vestingTerm) !== null && _v !== void 0 ? _v : 0).months} Mo`, projectURL: bond.projectLink, twitterURL: bond.twitter, auditURL: bond.audit, bondSoldOut: saleHasFinished, shortDescription: bond.shortDescription }, `${bond.contractAddress}-${bond.chainId}-${index}`));
|
|
85968
85965
|
}
|
|
85969
85966
|
else {
|
|
85967
|
+
// POST TGE BONDS AKA NORMAL BONDS
|
|
85970
85968
|
const bond = bondFromMap;
|
|
85971
|
-
const bondAddress = (
|
|
85969
|
+
const bondAddress = (_w = bond === null || bond === void 0 ? void 0 : bond.contractAddress) === null || _w === void 0 ? void 0 : _w[bond === null || bond === void 0 ? void 0 : bond.chainId];
|
|
85972
85970
|
const remainingTokensString = getRemainingTokensString(bond);
|
|
85973
|
-
return (jsx$2(BondRow, { bondAddress: bondAddress, bondChain: bond.chainId, billArtCollection: (
|
|
85971
|
+
return (jsx$2(BondRow, { bondAddress: bondAddress, bondChain: bond.chainId, billArtCollection: (_x = bond.billArt) === null || _x === void 0 ? void 0 : _x.collection, payoutToken: bond.earnToken, billType: bond.billType, tag: (_y = bond.tags) === null || _y === void 0 ? void 0 : _y[0], trueBondPrices: namingPreference === 'Bonus' ? bond.trueBondPrices : undefined, minTier: bond === null || bond === void 0 ? void 0 : bond.minTier, vestingTermString: getVestingTermsString(bond), vestingCliffString: getVestingTermsTooltipString(bond), percentageAvailable: remainingPercentage(bond), remainingTokensString: remainingTokensString, projectURL: bond.projectLink, twitterURL: bond.twitter, auditURL: bond.audit, bonus: namingPreference === 'Discount' ? `${(_z = bond === null || bond === void 0 ? void 0 : bond.discountWithFee) === null || _z === void 0 ? void 0 : _z.toFixed(2)}%` : undefined, shortDescription: bond.shortDescription }, `${bondAddress}-${bond.chainId}-${index}`));
|
|
85974
85972
|
}
|
|
85975
85973
|
}), showHotBonds && (jsx$2(SwiperProvider, { children: jsx$2(HotBondCards, {}) }))] }, key))] }) }, key));
|
|
85976
85974
|
};
|
package/dist/styles.css
CHANGED
|
@@ -790,7 +790,6 @@ span.flex-inline {
|
|
|
790
790
|
display: flex;
|
|
791
791
|
width: 50%;
|
|
792
792
|
justify-content: flex-end;
|
|
793
|
-
opacity: 0.6;
|
|
794
793
|
align-items: center;
|
|
795
794
|
}
|
|
796
795
|
@media screen and (min-width: 1000px) {
|
|
@@ -804,6 +803,7 @@ span.flex-inline {
|
|
|
804
803
|
width: 170px;
|
|
805
804
|
align-items: flex-end;
|
|
806
805
|
cursor: pointer;
|
|
806
|
+
opacity: 0.6;
|
|
807
807
|
padding-left: 15px;
|
|
808
808
|
}
|
|
809
809
|
@media screen and (min-width: 513px) {
|
|
@@ -830,6 +830,7 @@ span.flex-inline {
|
|
|
830
830
|
width: 115px;
|
|
831
831
|
align-items: flex-end;
|
|
832
832
|
justify-content: center;
|
|
833
|
+
opacity: 0.6;
|
|
833
834
|
cursor: pointer;
|
|
834
835
|
}
|
|
835
836
|
@media screen and (min-width: 1000px) {
|
|
@@ -843,6 +844,7 @@ span.flex-inline {
|
|
|
843
844
|
align-items: flex-end;
|
|
844
845
|
justify-content: center;
|
|
845
846
|
cursor: pointer;
|
|
847
|
+
opacity: 0.6;
|
|
846
848
|
}
|
|
847
849
|
@media screen and (min-width: 1000px) {
|
|
848
850
|
.bonds-menu .tokens-remaining-header {
|