@ape.swap/bonds-sdk 3.0.90 → 3.0.91
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 +40 -33
- package/dist/views/Bonds/components/BondRows/BondRow.d.ts +1 -0
- package/dist/views/Bonds/components/BonusComponents/BonusComponent.d.ts +2 -1
- package/dist/views/Bonds/components/BonusComponents/BonusContainer.d.ts +2 -1
- package/package.json +2 -2
- package/dist/views/Bonds/components/BonusComponents/PreTGEBonusTable.d.ts +0 -6
package/dist/main.js
CHANGED
|
@@ -78750,9 +78750,28 @@ const BonusTable = ({ trueBondPrices, minTier, hideTitle, }) => {
|
|
|
78750
78750
|
}), !hideTitle && (jsx$2(Button, { variant: "secondary", sx: { width: '100%', mt: '10px' }, onClick: () => window.open('https://ape.bond/tier-staking', '_blank'), children: "get tier" }))] }));
|
|
78751
78751
|
};
|
|
78752
78752
|
|
|
78753
|
-
const
|
|
78753
|
+
const useIsMobile = () => {
|
|
78754
|
+
const [isMobile, setIsMobile] = useState(window.innerWidth < 852);
|
|
78755
|
+
// Hardcoded toggle for debounce
|
|
78756
|
+
const useDebounce = false;
|
|
78757
|
+
useEffect(() => {
|
|
78758
|
+
const resizeHandler = () => {
|
|
78759
|
+
{
|
|
78760
|
+
setIsMobile(window.innerWidth < 852);
|
|
78761
|
+
}
|
|
78762
|
+
};
|
|
78763
|
+
window.addEventListener('resize', resizeHandler);
|
|
78764
|
+
return () => {
|
|
78765
|
+
window.removeEventListener('resize', resizeHandler);
|
|
78766
|
+
};
|
|
78767
|
+
}, [useDebounce]);
|
|
78768
|
+
return isMobile;
|
|
78769
|
+
};
|
|
78770
|
+
|
|
78771
|
+
const BonusComponent = ({ trueBondPrices, minTier, bonus, airdropTooltip, tooltipPosition, }) => {
|
|
78754
78772
|
var _a, _b;
|
|
78755
78773
|
const SDKConfig = useSDKConfig();
|
|
78774
|
+
const isMobile = useIsMobile();
|
|
78756
78775
|
const highestPointsElement = trueBondPrices === null || trueBondPrices === void 0 ? void 0 : trueBondPrices.reduce((max, current) => {
|
|
78757
78776
|
return new BigNumber$1(current.points).isGreaterThan(new BigNumber$1(max.points)) ? current : max;
|
|
78758
78777
|
}, trueBondPrices[0]);
|
|
@@ -78780,25 +78799,7 @@ const BonusComponent = ({ trueBondPrices, minTier, bonus, tooltipPosition, }) =>
|
|
|
78780
78799
|
? 'success'
|
|
78781
78800
|
: 'error',
|
|
78782
78801
|
fontSize: ['14px', '14px', '16px', '16px'],
|
|
78783
|
-
}, children: [(_a = highestPointsElement === null || highestPointsElement === void 0 ? void 0 : highestPointsElement.bonusWithFee) === null || _a === void 0 ? void 0 : _a.toFixed(2), "%"] })] })] }) })) : (jsx$2(Flex, { sx: { height: '20px', width: '20px' }, children: jsx$2(TooltipBubble, { body: 'This bond is currently on cooldown and has no bonus. Please check back soon.', width: "205px", placement: "bottomRight", transformTip: "translate(10%, 0%)", children: jsx$2(Svg, { icon: "Timer", width: "20px", color: "#81CFEA" }) }) })) })) : baseTrueBondPrice ? (jsx$2(Flex, { sx: { alignItems: 'center' }, className: `${getDiscountColor(+(baseTrueBondPrice === null || baseTrueBondPrice === void 0 ? void 0 : baseTrueBondPrice.bonusWithFee))}`, children: (baseTrueBondPrice === null || baseTrueBondPrice === void 0 ? void 0 : baseTrueBondPrice.bonusWithFee) > 0 ? (`${(_b = baseTrueBondPrice === null || baseTrueBondPrice === void 0 ? void 0 : baseTrueBondPrice.bonusWithFee) === null || _b === void 0 ? void 0 : _b.toFixed(2)}%`) : (jsx$2(Flex, { sx: { height: '20px', width: '20px' }, children: jsx$2(TooltipBubble, { body: 'This bond is currently on cooldown and has no bonus. Please check back soon.', width: "205px", placement: "bottomRight", transformTip: "translate(10%, 0%)", children: jsx$2(Svg, { icon: "Timer", width: "20px", color: "#81CFEA" }) }) })) })) : (
|
|
78784
|
-
};
|
|
78785
|
-
|
|
78786
|
-
const useIsMobile = () => {
|
|
78787
|
-
const [isMobile, setIsMobile] = useState(window.innerWidth < 852);
|
|
78788
|
-
// Hardcoded toggle for debounce
|
|
78789
|
-
const useDebounce = false;
|
|
78790
|
-
useEffect(() => {
|
|
78791
|
-
const resizeHandler = () => {
|
|
78792
|
-
{
|
|
78793
|
-
setIsMobile(window.innerWidth < 852);
|
|
78794
|
-
}
|
|
78795
|
-
};
|
|
78796
|
-
window.addEventListener('resize', resizeHandler);
|
|
78797
|
-
return () => {
|
|
78798
|
-
window.removeEventListener('resize', resizeHandler);
|
|
78799
|
-
};
|
|
78800
|
-
}, [useDebounce]);
|
|
78801
|
-
return isMobile;
|
|
78802
|
+
}, children: [(_a = highestPointsElement === null || highestPointsElement === void 0 ? void 0 : highestPointsElement.bonusWithFee) === null || _a === void 0 ? void 0 : _a.toFixed(2), "%"] })] })] }) })) : (jsx$2(Flex, { sx: { height: '20px', width: '20px' }, children: jsx$2(TooltipBubble, { body: 'This bond is currently on cooldown and has no bonus. Please check back soon.', width: "205px", placement: "bottomRight", transformTip: "translate(10%, 0%)", children: jsx$2(Svg, { icon: "Timer", width: "20px", color: "#81CFEA" }) }) })) })) : baseTrueBondPrice ? (jsx$2(Flex, { sx: { alignItems: 'center' }, className: `${getDiscountColor(+(baseTrueBondPrice === null || baseTrueBondPrice === void 0 ? void 0 : baseTrueBondPrice.bonusWithFee))}`, children: (baseTrueBondPrice === null || baseTrueBondPrice === void 0 ? void 0 : baseTrueBondPrice.bonusWithFee) > 0 ? (`${(_b = baseTrueBondPrice === null || baseTrueBondPrice === void 0 ? void 0 : baseTrueBondPrice.bonusWithFee) === null || _b === void 0 ? void 0 : _b.toFixed(2)}%`) : (jsx$2(Flex, { sx: { height: '20px', width: '20px' }, children: jsx$2(TooltipBubble, { body: 'This bond is currently on cooldown and has no bonus. Please check back soon.', width: "205px", placement: "bottomRight", transformTip: "translate(10%, 0%)", children: jsx$2(Svg, { icon: "Timer", width: "20px", color: "#81CFEA" }) }) })) })) : (jsxs(Flex, { sx: { color: bonus && 'success', alignItems: 'center' }, children: [bonus || '-', airdropTooltip && (jsx$2(TooltipBubble, { body: jsx$2(Fragment$1, { children: airdropTooltip }), width: "230px", placement: isMobile ? 'bottomRight' : 'bottomLeft', transformTip: isMobile ? 'translate(9%, 6%)' : 'translate(-3%, 6%)', children: jsx$2(Flex, { sx: { width: '20px', height: '20px', alignItems: 'center', ml: '5px' }, children: jsx$2("img", { src: "https://res.cloudinary.com/dswmrqgwy/image/upload/v1750345773/airdrop_qvh4ow.png", alt: "airdrop-img", style: { width: '20px', height: '20px' } }) }) }))] })) }));
|
|
78802
78803
|
};
|
|
78803
78804
|
|
|
78804
78805
|
const ProgressBar = ({ value }) => {
|
|
@@ -79667,9 +79668,12 @@ const styles$8 = {
|
|
|
79667
79668
|
});
|
|
79668
79669
|
|
|
79669
79670
|
const BondCards = ({ bond }) => {
|
|
79670
|
-
var _a, _b, _c, _d, _e;
|
|
79671
|
-
const
|
|
79672
|
-
const
|
|
79671
|
+
var _a, _b, _c, _d, _e, _f, _g;
|
|
79672
|
+
const isMobile = useIsMobile();
|
|
79673
|
+
const bonus = (_b = (_a = bond === null || bond === void 0 ? void 0 : bond.trueBondPrices) === null || _a === void 0 ? void 0 : _a[0].bonus) !== null && _b !== void 0 ? _b : 0;
|
|
79674
|
+
const airdropBonus = (_c = bond.airdropBonus) !== null && _c !== void 0 ? _c : 0;
|
|
79675
|
+
const bonusToUse = bonus + airdropBonus;
|
|
79676
|
+
const initialRelease = ((_d = bond === null || bond === void 0 ? void 0 : bond.initialRelease) !== null && _d !== void 0 ? _d : 0) * 100;
|
|
79673
79677
|
return (jsxs("div", { className: "bonds-cards", children: [jsxs("div", { className: "bond-card-block", sx: {
|
|
79674
79678
|
borderRadius: ['0px', '0px', '0px', 'normal'],
|
|
79675
79679
|
'&:first-of-type': {
|
|
@@ -79680,7 +79684,7 @@ const BondCards = ({ bond }) => {
|
|
|
79680
79684
|
borderBottomRightRadius: 'normal',
|
|
79681
79685
|
borderBottomLeftRadius: 'normal',
|
|
79682
79686
|
},
|
|
79683
|
-
}, children: [jsxs(Flex, { className: "bond-card-title", sx: { alignItems: 'center' }, children: ["Bonus", jsx$2(TooltipBubble, { className: "tooltip-bubble", body: jsx$2(Flex, { children: "This is the percentage of additional tokens you\u2019ll get compared to buying at market price." }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, -5%)", children: jsx$2("div", { className: "bond-card-tooltip", children: jsx$2(Svg, { icon: "questionCircle", width: "12px" }) }) })] }), jsxs(Flex, { sx: { color: 'success' }, children: [
|
|
79687
|
+
}, children: [jsxs(Flex, { className: "bond-card-title", sx: { alignItems: 'center' }, children: ["Bonus", jsx$2(TooltipBubble, { className: "tooltip-bubble", body: jsx$2(Flex, { children: "This is the percentage of additional tokens you\u2019ll get compared to buying at market price." }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, -5%)", children: jsx$2("div", { className: "bond-card-tooltip", children: jsx$2(Svg, { icon: "questionCircle", width: "12px" }) }) })] }), jsxs(Flex, { sx: { color: 'success', alignItems: 'center' }, children: [bonusToUse === null || bonusToUse === void 0 ? void 0 : bonusToUse.toFixed(0), "%", bond.airdropTooltip && (jsx$2(TooltipBubble, { body: jsx$2(Fragment$1, { children: bond.airdropTooltip }), width: "230px", placement: isMobile ? 'bottomRight' : 'bottomLeft', transformTip: isMobile ? 'translate(9%, 6%)' : 'translate(-3%, 6%)', children: jsx$2(Flex, { sx: { width: '20px', height: '20px', alignItems: 'center', ml: '5px' }, children: jsx$2("img", { src: "https://res.cloudinary.com/dswmrqgwy/image/upload/v1750345773/airdrop_qvh4ow.png", alt: "airdrop-img", style: { width: '20px', height: '20px' } }) }) }))] })] }), jsxs("div", { className: "bond-card-block", sx: {
|
|
79684
79688
|
fontSize: '13px !important',
|
|
79685
79689
|
borderRadius: ['0px', '0px', '0px', 'normal'],
|
|
79686
79690
|
'&:first-of-type': {
|
|
@@ -79711,7 +79715,7 @@ const BondCards = ({ bond }) => {
|
|
|
79711
79715
|
borderBottomRightRadius: 'normal',
|
|
79712
79716
|
borderBottomLeftRadius: 'normal',
|
|
79713
79717
|
},
|
|
79714
|
-
}, children: [jsxs("div", { className: "bond-card-title", children: ["Vesting Terms", jsx$2(TooltipBubble, { className: "tooltip-bubble", body: jsxs(Flex, { children: ["Remaining tokens will vest linearly over ", getTimePeriods((
|
|
79718
|
+
}, children: [jsxs("div", { className: "bond-card-title", children: ["Vesting Terms", jsx$2(TooltipBubble, { className: "tooltip-bubble", body: jsxs(Flex, { children: ["Remaining tokens will vest linearly over ", getTimePeriods((_e = bond === null || bond === void 0 ? void 0 : bond.vestingTerm) !== null && _e !== void 0 ? _e : 0).months, " months after claiming the initial release."] }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, -5%)", children: jsx$2("div", { className: "bond-card-tooltip", children: jsx$2(Svg, { icon: "questionCircle", width: "12px" }) }) })] }), (_g = getTimePeriods((_f = bond === null || bond === void 0 ? void 0 : bond.vestingTerm) !== null && _f !== void 0 ? _f : 0)) === null || _g === void 0 ? void 0 : _g.months, " Mo"] })] }));
|
|
79715
79719
|
};
|
|
79716
79720
|
|
|
79717
79721
|
const PreTGEBuyComponent = ({ bondAddress, bondChain, onDismiss, handlePurchasedBond, }) => {
|
|
@@ -79957,12 +79961,12 @@ const ChainTitle = ({ chain, pt, hideTitles, isOpen, }) => {
|
|
|
79957
79961
|
}, children: [NETWORK_LABEL[chain], " Bonds", jsx$2(Flex, { sx: { ml: '7px' }, children: jsx$2(Svg, { icon: "caret", direction: isOpen ? 'down' : 'up', width: 8, color: "textDisabledButton" }) }), ((_a = NETWORK_LABEL[chain]) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes('testnet')) && (jsxs(Flex, { sx: { ml: '15px' }, children: [jsx$2(Text, { sx: { fontSize: '12px', color: '#DE62F3', fontWeight: 700, mr: '7px' }, children: "TESTNET" }), jsx$2(TooltipBubble, { className: "tooltip-bubble", body: jsx$2(Text, { sx: { textTransform: 'none' }, children: "Testnet Bonds let you experiment with fake tokens for free on upcoming chains still in development." }), width: isMobile ? '272px' : '280px', placement: isMobile ? 'bottomRight' : 'bottomLeft', transformTip: isMobile ? 'translate(10%, -5%)' : 'translate(-5%, -5%)', children: jsx$2(Svg, { icon: "questionCircle", width: 14, color: "textDisabledButton" }) })] }))] }));
|
|
79958
79962
|
};
|
|
79959
79963
|
|
|
79960
|
-
const BonusContainer = ({ trueBondPrices, minTier, bonus, tooltipPosition = 'bottomRight', }) => {
|
|
79964
|
+
const BonusContainer = ({ trueBondPrices, minTier, bonus, airdropTooltip, tooltipPosition = 'bottomRight', }) => {
|
|
79961
79965
|
const isMobile = useIsMobile();
|
|
79962
|
-
return (jsx$2("div", { className: `discount-column`, children: jsx$2(BonusComponent, { trueBondPrices: trueBondPrices, minTier: minTier, bonus: bonus, tooltipPosition: isMobile ? tooltipPosition : 'bottomLeft' }) }));
|
|
79966
|
+
return (jsx$2("div", { className: `discount-column`, children: jsx$2(BonusComponent, { trueBondPrices: trueBondPrices, minTier: minTier, bonus: bonus, airdropTooltip: airdropTooltip, tooltipPosition: isMobile ? tooltipPosition : 'bottomLeft' }) }));
|
|
79963
79967
|
};
|
|
79964
79968
|
|
|
79965
|
-
const BondRow = ({ bondAddress, bondChain, payoutToken, billType, tag, bondSoldOut, trueBondPrices, minTier, bonus, vestingTermString, vestingCliffString, percentageAvailable, remainingTokensString, projectURL, twitterURL, auditURL, }) => {
|
|
79969
|
+
const BondRow = ({ bondAddress, bondChain, payoutToken, billType, tag, bondSoldOut, trueBondPrices, minTier, bonus, airdropTooltip, vestingTermString, vestingCliffString, percentageAvailable, remainingTokensString, projectURL, twitterURL, auditURL, }) => {
|
|
79966
79970
|
var _a, _b, _c;
|
|
79967
79971
|
const locationPath = window.location.pathname.replace('/', '');
|
|
79968
79972
|
// Modal
|
|
@@ -79991,7 +79995,7 @@ const BondRow = ({ bondAddress, bondChain, payoutToken, billType, tag, bondSoldO
|
|
|
79991
79995
|
});
|
|
79992
79996
|
};
|
|
79993
79997
|
return (jsxs("div", { className: "bond-row" // Insert special campaign styles here
|
|
79994
|
-
, onClick: handleOpenModal, sx: { borderRadius: 'normal' }, children: [jsx$2("div", { className: "gold-ribbon" }), jsx$2("div", { className: "token-info-container", sx: { width: ['70%', '70%', '65%', '30%'] }, children: jsx$2(TokenInfoAndName, { tokenSymbol: payoutToken === null || payoutToken === void 0 ? void 0 : payoutToken.symbol, chain: bondChain, tag: tag }) }), jsxs("div", { className: "bond-info-columns", sx: { width: '55%' }, children: [jsx$2(BonusContainer, { trueBondPrices: trueBondPrices, minTier: minTier, bonus: bonus }), jsxs("div", { className: "terms-column", children: [vestingTermString, vestingCliffString && (jsx$2(TooltipBubble, { className: "tooltip-bubble", body: jsx$2(Flex, { children: vestingCliffString }), width: "180px", placement: "bottomRight", transformTip: "translate(13%, 0%)", children: jsx$2(Flex, { sx: { opacity: 0.6, ml: '6px' }, children: jsx$2(Svg, { icon: "questionCircle", width: "12px" }) }) }))] }), jsx$2("div", { className: "tokens-remaining-column", children: jsx$2(ProgressBarWrapper$1, { title: '', value: jsx$2(ProgressBar, { value: percentageAvailable }), style: {
|
|
79998
|
+
, onClick: handleOpenModal, sx: { borderRadius: 'normal' }, children: [jsx$2("div", { className: "gold-ribbon" }), jsx$2("div", { className: "token-info-container", sx: { width: ['70%', '70%', '65%', '30%'] }, children: jsx$2(TokenInfoAndName, { tokenSymbol: payoutToken === null || payoutToken === void 0 ? void 0 : payoutToken.symbol, chain: bondChain, tag: tag }) }), jsxs("div", { className: "bond-info-columns", sx: { width: '55%' }, children: [jsx$2(BonusContainer, { trueBondPrices: trueBondPrices, minTier: minTier, bonus: bonus, airdropTooltip: airdropTooltip }), jsxs("div", { className: "terms-column", children: [vestingTermString, vestingCliffString && (jsx$2(TooltipBubble, { className: "tooltip-bubble", body: jsx$2(Flex, { children: vestingCliffString }), width: "180px", placement: "bottomRight", transformTip: "translate(13%, 0%)", children: jsx$2(Flex, { sx: { opacity: 0.6, ml: '6px' }, children: jsx$2(Svg, { icon: "questionCircle", width: "12px" }) }) }))] }), jsx$2("div", { className: "tokens-remaining-column", children: jsx$2(ProgressBarWrapper$1, { title: '', value: jsx$2(ProgressBar, { value: percentageAvailable }), style: {
|
|
79995
79999
|
width: '127px',
|
|
79996
80000
|
height: '25px',
|
|
79997
80001
|
flexDirection: 'column',
|
|
@@ -80148,7 +80152,7 @@ const BondRowsWithTitle = ({ chain, bonds, showHotBonds }) => {
|
|
|
80148
80152
|
width: '100%',
|
|
80149
80153
|
marginTop: '0px',
|
|
80150
80154
|
}, className: "bonds-card-container", children: [TESTNET_CHAINS.includes(chain) && jsx$2(BannerTestnet, { chainId: chain }), bonds === null || bonds === void 0 ? void 0 : bonds.map((bondFromMap, index) => {
|
|
80151
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
|
|
80155
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w;
|
|
80152
80156
|
if (bondFromMap.soldOut) {
|
|
80153
80157
|
const bond = bondFromMap;
|
|
80154
80158
|
return (jsx$2(BondRow, { bondAddress: (_a = bond.contractAddress) === null || _a === void 0 ? void 0 : _a[bond.chainId], bondChain: bond.chainId, payoutToken: bond.earnToken, billType: bond.billType, tag: (_b = bond.tags) === null || _b === void 0 ? void 0 : _b[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 }, `${bond.contractAddress}-${bond.chainId}-${index}`));
|
|
@@ -80161,13 +80165,16 @@ const BondRowsWithTitle = ({ chain, bonds, showHotBonds }) => {
|
|
|
80161
80165
|
const tokensRemainingUSD = tokensRemaining * ((_l = bond === null || bond === void 0 ? void 0 : bond.initPrice) !== null && _l !== void 0 ? _l : 0);
|
|
80162
80166
|
const percentageAvailable = 100 - Math.floor((totalPrincipalBilled * 100) / raiseGoal);
|
|
80163
80167
|
const earnToken = (_m = bond === null || bond === void 0 ? void 0 : bond.earnToken) === null || _m === void 0 ? void 0 : _m.symbol;
|
|
80164
|
-
|
|
80168
|
+
const baseBonus = (_q = (_p = (_o = bond === null || bond === void 0 ? void 0 : bond.trueBondPrices) === null || _o === void 0 ? void 0 : _o[0]) === null || _p === void 0 ? void 0 : _p.bonus) !== null && _q !== void 0 ? _q : 0;
|
|
80169
|
+
const airdropBonus = (_r = bond === null || bond === void 0 ? void 0 : bond.airdropBonus) !== null && _r !== void 0 ? _r : 0;
|
|
80170
|
+
const bonus = baseBonus + airdropBonus;
|
|
80171
|
+
return (jsx$2(BondRow, { bondAddress: (_s = bond.contractAddress) === null || _s === void 0 ? void 0 : _s[bond.chainId], bondChain: bond.chainId, payoutToken: bond.earnToken, billType: bond.billType, tag: (_t = bond.tags) === null || _t === void 0 ? void 0 : _t[0], bonus: `${bonus}%`, airdropTooltip: bond.airdropTooltip, percentageAvailable: percentageAvailable, remainingTokensString: `${formatNumberSI(tokensRemaining, 0)} ${earnToken} ($${formatNumberSI(tokensRemainingUSD, 2)})`, vestingTermString: `${getTimePeriods((_u = bond.vestingTerm) !== null && _u !== void 0 ? _u : 0).months} Mo`, projectURL: bond.projectLink, twitterURL: bond.twitter, auditURL: bond.audit }, `${bond.contractAddress}-${bond.chainId}-${index}`));
|
|
80165
80172
|
}
|
|
80166
80173
|
else {
|
|
80167
80174
|
const bond = bondFromMap;
|
|
80168
|
-
const bondAddress = (
|
|
80175
|
+
const bondAddress = (_v = bond === null || bond === void 0 ? void 0 : bond.contractAddress) === null || _v === void 0 ? void 0 : _v[bond === null || bond === void 0 ? void 0 : bond.chainId];
|
|
80169
80176
|
const remainingTokensString = getRemainingTokensString(bond);
|
|
80170
|
-
return (jsx$2(BondRow, { bondAddress: bondAddress, bondChain: bond.chainId, payoutToken: bond.earnToken, billType: bond.billType, tag: (
|
|
80177
|
+
return (jsx$2(BondRow, { bondAddress: bondAddress, bondChain: bond.chainId, payoutToken: bond.earnToken, billType: bond.billType, tag: (_w = bond.tags) === null || _w === void 0 ? void 0 : _w[0], trueBondPrices: bond.trueBondPrices, 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 }, `${bondAddress}-${bond.chainId}-${index}`));
|
|
80171
80178
|
}
|
|
80172
80179
|
}), showHotBonds && (jsx$2(SwiperProvider, { children: jsx$2(HotBondCards, {}) }))] }, key))] }) }, key));
|
|
80173
80180
|
};
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { TrueBondPrices } from '../../../../types/bonds';
|
|
3
3
|
import { LaunchBondTiers } from '@ape.swap/apeswap-lists';
|
|
4
|
-
declare const BonusComponent: ({ trueBondPrices, minTier, bonus, tooltipPosition, }: {
|
|
4
|
+
declare const BonusComponent: ({ trueBondPrices, minTier, bonus, airdropTooltip, tooltipPosition, }: {
|
|
5
5
|
trueBondPrices?: TrueBondPrices[];
|
|
6
6
|
minTier?: LaunchBondTiers;
|
|
7
7
|
bonus?: string;
|
|
8
|
+
airdropTooltip?: string;
|
|
8
9
|
tooltipPosition: "bottomRight" | "bottomLeft";
|
|
9
10
|
}) => React.JSX.Element;
|
|
10
11
|
export default BonusComponent;
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { LaunchBondTiers } from '@ape.swap/apeswap-lists';
|
|
3
3
|
import { TrueBondPrices } from '../../../../types/bonds';
|
|
4
|
-
declare const BonusContainer: ({ trueBondPrices, minTier, bonus, tooltipPosition, }: {
|
|
4
|
+
declare const BonusContainer: ({ trueBondPrices, minTier, bonus, airdropTooltip, tooltipPosition, }: {
|
|
5
5
|
trueBondPrices?: TrueBondPrices[];
|
|
6
6
|
minTier?: LaunchBondTiers;
|
|
7
7
|
bonus?: string;
|
|
8
|
+
airdropTooltip?: string;
|
|
8
9
|
tooltipPosition?: "bottomRight" | "bottomLeft";
|
|
9
10
|
}) => React.JSX.Element;
|
|
10
11
|
export default BonusContainer;
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"description": "Ape Bond SDK",
|
|
4
4
|
"author": "Ape Bond",
|
|
5
5
|
"license": "MIT",
|
|
6
|
-
"version": "3.0.
|
|
6
|
+
"version": "3.0.91",
|
|
7
7
|
"module": "dist/main.js",
|
|
8
8
|
"type": "module",
|
|
9
9
|
"types": "dist/main.d.ts",
|
|
@@ -68,7 +68,7 @@
|
|
|
68
68
|
"yalc": "^1.0.0-pre.53"
|
|
69
69
|
},
|
|
70
70
|
"dependencies": {
|
|
71
|
-
"@ape.swap/apeswap-lists": "4.3.
|
|
71
|
+
"@ape.swap/apeswap-lists": "4.3.27",
|
|
72
72
|
"@emotion/react": "11.11.4",
|
|
73
73
|
"bignumber.js": "^9.1.2",
|
|
74
74
|
"chart.js": "4.2.0",
|