@ape.swap/bonds-sdk 4.5.0-test.0 → 4.5.0-test.10
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/components/TokenInfoAndName/index.d.ts +3 -3
- package/dist/components/uikit-sdk/Tag/ListTag.d.ts +3 -3
- package/dist/main.js +134 -135
- package/dist/state/tiers/useTierPoints.d.ts +1 -1
- package/dist/utils/campaignStyles.d.ts +7 -6
- package/dist/views/Bonds/components/BondRows/BondRow.d.ts +2 -2
- package/package.json +2 -2
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { MarketingCampaign } from '@ape.swap/apeswap-lists';
|
|
3
3
|
export declare const NETWORK_COLORS: Partial<Record<number, string>>;
|
|
4
|
-
declare const TokenInfoAndName: ({ tokenSymbol, chain, tag, vestEnds, isHotBond,
|
|
4
|
+
declare const TokenInfoAndName: ({ tokenSymbol, chain, tag, vestEnds, isHotBond, marketingCampaign, }: {
|
|
5
5
|
tokenSymbol?: string;
|
|
6
6
|
chain?: number;
|
|
7
7
|
tag?: string;
|
|
8
8
|
vestEnds?: string;
|
|
9
9
|
isHotBond?: boolean;
|
|
10
|
-
|
|
10
|
+
marketingCampaign?: MarketingCampaign;
|
|
11
11
|
}) => React.JSX.Element;
|
|
12
12
|
export default TokenInfoAndName;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import {
|
|
3
|
-
declare const ListTag: ({ text,
|
|
2
|
+
import { MarketingCampaign } from '@ape.swap/apeswap-lists';
|
|
3
|
+
declare const ListTag: ({ text, marketingCampaign }: {
|
|
4
4
|
text?: string;
|
|
5
|
-
|
|
5
|
+
marketingCampaign?: MarketingCampaign;
|
|
6
6
|
}) => React.JSX.Element;
|
|
7
7
|
export default ListTag;
|
package/dist/main.js
CHANGED
|
@@ -19975,6 +19975,7 @@ function requireTypes$1 () {
|
|
|
19975
19975
|
exports$1.defaultDexFactories =
|
|
19976
19976
|
exports$1.dexFactories =
|
|
19977
19977
|
exports$1.VaultVersion =
|
|
19978
|
+
exports$1.MarketingCampaign =
|
|
19978
19979
|
exports$1.LaunchBondTiers =
|
|
19979
19980
|
exports$1.MigrationVestingTerms =
|
|
19980
19981
|
exports$1.defaultBillArtCollection =
|
|
@@ -20219,6 +20220,9 @@ function requireTypes$1 () {
|
|
|
20219
20220
|
LaunchBondTiers[(LaunchBondTiers['Legend'] = 4)] = 'Legend';
|
|
20220
20221
|
LaunchBondTiers[(LaunchBondTiers['Mythical'] = 5)] = 'Mythical';
|
|
20221
20222
|
})((exports$1.LaunchBondTiers || (exports$1.LaunchBondTiers = {})));
|
|
20223
|
+
(function (MarketingCampaign) {
|
|
20224
|
+
MarketingCampaign['Christmas2025'] = 'Christmas2025';
|
|
20225
|
+
})((exports$1.MarketingCampaign || (exports$1.MarketingCampaign = {})));
|
|
20222
20226
|
(function (VaultVersion) {
|
|
20223
20227
|
VaultVersion['V1'] = 'V1';
|
|
20224
20228
|
VaultVersion['V2'] = 'V2';
|
|
@@ -21905,7 +21909,7 @@ const SoulZapTokenManager = {
|
|
|
21905
21909
|
};
|
|
21906
21910
|
const ACF_TO_ABOND = '0xEce2b9C3704632Ce760271B0b84E3A4A698Ca962';
|
|
21907
21911
|
const LENS_CONTRACT = {
|
|
21908
|
-
[main.ChainId.BSC]: '0x6Fb7A34A271cc0F4016db6A3BAA6206757a9a164',
|
|
21912
|
+
[main.ChainId.BSC]: '0x6Fb7A34A271cc0F4016db6A3BAA6206757a9a164', // prod
|
|
21909
21913
|
};
|
|
21910
21914
|
|
|
21911
21915
|
var bn$1 = {exports: {}};
|
|
@@ -63127,7 +63131,6 @@ const QUERY_KEYS = {
|
|
|
63127
63131
|
BOND_API_STATS: 'ApeBond-SDK-bondApiStats',
|
|
63128
63132
|
SDK_CONFIG: 'ApeBond-SDK-sdkConfig',
|
|
63129
63133
|
BOND_RECOMMENDATIONS: 'ApeBond-SDK-bondRecommendations',
|
|
63130
|
-
USER_STATS: 'ApeBond-SDK-userStats',
|
|
63131
63134
|
BONDS_DATA: 'ApeBond-SDK-bondsData',
|
|
63132
63135
|
BONDS_LIST: 'ApeBond-SDK-bondsList',
|
|
63133
63136
|
BONDS_LIST_PRE_TGE: 'ApeBond-SDK-bondsListPreTGE',
|
|
@@ -63159,7 +63162,7 @@ const defaultUrls = {
|
|
|
63159
63162
|
// Staging URLS.
|
|
63160
63163
|
const stagingUrls = {
|
|
63161
63164
|
apiV2: 'https://staging-api.ape.bond',
|
|
63162
|
-
realTimeApi: 'https://realtime-api-
|
|
63165
|
+
realTimeApi: 'https://realtime-api-staging.ape.bond',
|
|
63163
63166
|
mainUrl: 'https://staging.ape.bond',
|
|
63164
63167
|
priceApi: 'https://price-api.ape.bond',
|
|
63165
63168
|
};
|
|
@@ -63243,6 +63246,8 @@ const TIERS_NAMES = {
|
|
|
63243
63246
|
[main.LaunchBondTiers.Mythical]: 'Mythical',
|
|
63244
63247
|
};
|
|
63245
63248
|
const getUserTier = (weight) => {
|
|
63249
|
+
if (!weight)
|
|
63250
|
+
return null;
|
|
63246
63251
|
const weightBG = new BigNumber$1(weight);
|
|
63247
63252
|
const silver = new BigNumber$1(TIERS_WEIGHT[main.LaunchBondTiers.Silver]);
|
|
63248
63253
|
const gold = new BigNumber$1(TIERS_WEIGHT[main.LaunchBondTiers.Gold]);
|
|
@@ -67645,6 +67650,64 @@ const AddFavToken = ({ tokenSymbol, hotBond }) => {
|
|
|
67645
67650
|
}, children: jsx$2(AnimatePresence, { mode: "wait", children: jsx$2(motion.div, { initial: false, animate: { opacity: 1, scale: 1.0 }, exit: { opacity: 0, scale: 0.8 }, transition: { duration: 0.2 }, style: { display: 'flex' }, children: isFavToken ? (jsx$2(Svg, { icon: "StarFilled", width: 22, height: 22, color: '#DE62F3' })) : (jsx$2(Svg, { icon: hotBond ? 'FirePink' : 'Star', width: hotBond ? 25 : 20, height: hotBond ? 25 : 20, color: '#73728E' })) }, isFavToken ? 'StarFilled' : 'Star') }) }));
|
|
67646
67651
|
};
|
|
67647
67652
|
|
|
67653
|
+
// Styles of the row in the bonds list. In other words "/bonds" page.
|
|
67654
|
+
const bondRowCampaignStyles = {
|
|
67655
|
+
[main.MarketingCampaign.Christmas2025]: {
|
|
67656
|
+
backgroundImage: 'url(https://www.ape.bond/images/hotSummerCampaign/fire.png)',
|
|
67657
|
+
backgroundSize: 'cover',
|
|
67658
|
+
},
|
|
67659
|
+
};
|
|
67660
|
+
// Styles of the tag component.
|
|
67661
|
+
const tagCampaignStyles = {
|
|
67662
|
+
[main.MarketingCampaign.Christmas2025]: {
|
|
67663
|
+
background: '#FF5A00',
|
|
67664
|
+
color: '#fff',
|
|
67665
|
+
},
|
|
67666
|
+
};
|
|
67667
|
+
const tagIconCampaignStyles = {
|
|
67668
|
+
[main.MarketingCampaign.Christmas2025]: {
|
|
67669
|
+
display: 'flex',
|
|
67670
|
+
position: 'absolute',
|
|
67671
|
+
right: '-40px',
|
|
67672
|
+
zIndex: 1,
|
|
67673
|
+
backgroundImage: 'url(https://www.ape.bond/images/hotSummerCampaign/fireTag.png)',
|
|
67674
|
+
backgroundSize: 'contain',
|
|
67675
|
+
backgroundRepeat: 'no-repeat',
|
|
67676
|
+
backgroundPosition: 'center',
|
|
67677
|
+
width: '50px',
|
|
67678
|
+
height: '35px',
|
|
67679
|
+
marginRight: '4px',
|
|
67680
|
+
top: '50%',
|
|
67681
|
+
transform: 'translateY(-50%)',
|
|
67682
|
+
},
|
|
67683
|
+
};
|
|
67684
|
+
// Styles of the buy bond modal.
|
|
67685
|
+
const buyComponentStyles = {
|
|
67686
|
+
[main.MarketingCampaign.Christmas2025]: {
|
|
67687
|
+
backgroundImage: 'url(https://www.ape.bond/images/hotSummerCampaign/buyBond.png)',
|
|
67688
|
+
backgroundSize: 'cover',
|
|
67689
|
+
},
|
|
67690
|
+
};
|
|
67691
|
+
// Styles of the token image displayed in the buy bond modal.
|
|
67692
|
+
const tokenImageIconStyles = {
|
|
67693
|
+
[main.MarketingCampaign.Christmas2025]: {
|
|
67694
|
+
display: 'flex',
|
|
67695
|
+
top: '12px',
|
|
67696
|
+
left: '50%',
|
|
67697
|
+
transform: 'translate(-50%, -50%)',
|
|
67698
|
+
width: '55px',
|
|
67699
|
+
height: '90px',
|
|
67700
|
+
zIndex: 1,
|
|
67701
|
+
backgroundImage: 'url(https://www.ape.bond/images/hotSummerCampaign/littleFire.png)',
|
|
67702
|
+
backgroundRepeat: 'no-repeat',
|
|
67703
|
+
backgroundSize: 'contain',
|
|
67704
|
+
backgroundPosition: 'center',
|
|
67705
|
+
},
|
|
67706
|
+
};
|
|
67707
|
+
const tagNameMapping = {
|
|
67708
|
+
[main.MarketingCampaign.Christmas2025]: 'Christmas Sale',
|
|
67709
|
+
};
|
|
67710
|
+
|
|
67648
67711
|
const NETWORK_COLORS = {
|
|
67649
67712
|
[main.ChainId.BSC]: '#F3BA2F4d',
|
|
67650
67713
|
[main.ChainId.MAINNET]: '#627eea4d',
|
|
@@ -67667,7 +67730,7 @@ const NETWORK_COLORS = {
|
|
|
67667
67730
|
[main.ChainId.UNICHAIN]: '#f50db44d',
|
|
67668
67731
|
[main.ChainId.MEGAETH_TESTNET]: '#DFD9D94d',
|
|
67669
67732
|
};
|
|
67670
|
-
const TokenInfoAndName = ({ tokenSymbol, chain, tag, vestEnds, isHotBond,
|
|
67733
|
+
const TokenInfoAndName = ({ tokenSymbol, chain, tag, vestEnds, isHotBond, marketingCampaign, }) => {
|
|
67671
67734
|
return (jsxs(Flex, { className: "tokeninfoname container", children: [jsx$2(Flex, { sx: {
|
|
67672
67735
|
width: '125px',
|
|
67673
67736
|
height: '100%',
|
|
@@ -67687,7 +67750,7 @@ const TokenInfoAndName = ({ tokenSymbol, chain, tag, vestEnds, isHotBond, billAr
|
|
|
67687
67750
|
}, children: jsx$2(AddFavToken, { tokenSymbol: tokenSymbol, hotBond: !vestEnds && isHotBond }) })] }), jsx$2(Flex, { sx: {
|
|
67688
67751
|
justifyContent: isHotBond ? 'center' : 'flex-start',
|
|
67689
67752
|
alignItems: 'center',
|
|
67690
|
-
}, children: jsx$2(Flex, { sx: { display: isHotBond ? 'flex' : ['none', 'none', 'none', 'none', 'flex'] }, children: tag && jsx$2(ListTag, { text:
|
|
67753
|
+
}, children: jsx$2(Flex, { sx: { display: isHotBond ? 'flex' : ['none', 'none', 'none', 'none', 'flex'] }, children: (tag || marketingCampaign) && (jsx$2(ListTag, { text: tagNameMapping[marketingCampaign] || tag, marketingCampaign: marketingCampaign })) }) })] }));
|
|
67691
67754
|
};
|
|
67692
67755
|
|
|
67693
67756
|
//TODO: remove this shit
|
|
@@ -75908,7 +75971,6 @@ const YourBondsModal = ({ userBill, onDismiss }) => {
|
|
|
75908
75971
|
// Static Data
|
|
75909
75972
|
const depositUSD = (_b = (_a = userBill === null || userBill === void 0 ? void 0 : userBill.nftData) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.dollarValue;
|
|
75910
75973
|
const payout = (_d = (_c = userBill === null || userBill === void 0 ? void 0 : userBill.nftData) === null || _c === void 0 ? void 0 : _c.data) === null || _d === void 0 ? void 0 : _d.payout;
|
|
75911
|
-
console.log('payout', payout);
|
|
75912
75974
|
const payoutTokenPrice = parseFloat((_f = (_e = userBill === null || userBill === void 0 ? void 0 : userBill.bond) === null || _e === void 0 ? void 0 : _e.payoutTokenPrice) !== null && _f !== void 0 ? _f : '0');
|
|
75913
75975
|
const payoutUSD = payout && payoutTokenPrice ? payout * payoutTokenPrice : 0;
|
|
75914
75976
|
const payoutSymbol = (_h = (_g = userBill === null || userBill === void 0 ? void 0 : userBill.bond) === null || _g === void 0 ? void 0 : _g.showcaseTokenName) !== null && _h !== void 0 ? _h : (_j = userBill === null || userBill === void 0 ? void 0 : userBill.bond) === null || _j === void 0 ? void 0 : _j.earnToken.symbol;
|
|
@@ -78715,70 +78777,17 @@ const BondModalMinTierHeader = ({ minTier }) => {
|
|
|
78715
78777
|
alignItems: 'center',
|
|
78716
78778
|
flexDirection: 'row-reverse',
|
|
78717
78779
|
width: ['100%', '100%', '100%', 'auto', 'auto'],
|
|
78718
|
-
}, children: Object.values(TIERS_NAMES)
|
|
78719
|
-
|
|
78780
|
+
}, children: Object.values(TIERS_NAMES)
|
|
78781
|
+
.filter((tier) => tier !== 'No Tier')
|
|
78782
|
+
.map((tier, index) => {
|
|
78783
|
+
if (index + 1 >= minTier) {
|
|
78720
78784
|
return (jsx$2(TooltipBubble, { className: "tooltip-bubble", body: jsx$2(Flex, { sx: { justifyContent: 'center' }, children: tier }), width: "100px", placement: "bottomLeft", transformTip: "translate(1%, -5%)", children: jsx$2("img", { src: `https://ape.bond/images/launch/${tier.toLowerCase()}.png`, alt: "minTier", style: { width: '25px', height: '25px', marginLeft: '3px', zIndex: 1 } }, `tier-logo-${index}`) }, tier));
|
|
78721
78785
|
}
|
|
78722
78786
|
}) })) }));
|
|
78723
78787
|
};
|
|
78724
78788
|
|
|
78725
|
-
// Styles of the row in the bonds list. In other words "/bonds" page.
|
|
78726
|
-
const bondRowCampaignStyles = {
|
|
78727
|
-
[main.BillArtCollection.HotBondingSummer_Collection1]: {
|
|
78728
|
-
backgroundImage: 'url(https://www.ape.bond/images/hotSummerCampaign/fire.png)',
|
|
78729
|
-
backgroundSize: 'cover',
|
|
78730
|
-
},
|
|
78731
|
-
};
|
|
78732
|
-
// Styles of the tag component.
|
|
78733
|
-
const tagCampaignStyles = {
|
|
78734
|
-
[main.BillArtCollection.HotBondingSummer_Collection1]: {
|
|
78735
|
-
background: '#FF5A00',
|
|
78736
|
-
color: '#fff',
|
|
78737
|
-
},
|
|
78738
|
-
};
|
|
78739
|
-
const tagIconCampaignStyles = {
|
|
78740
|
-
[main.BillArtCollection.HotBondingSummer_Collection1]: {
|
|
78741
|
-
display: 'flex',
|
|
78742
|
-
position: 'absolute',
|
|
78743
|
-
right: '-40px',
|
|
78744
|
-
zIndex: 1,
|
|
78745
|
-
backgroundImage: 'url(https://www.ape.bond/images/hotSummerCampaign/fireTag.png)',
|
|
78746
|
-
backgroundSize: 'contain',
|
|
78747
|
-
backgroundRepeat: 'no-repeat',
|
|
78748
|
-
backgroundPosition: 'center',
|
|
78749
|
-
width: '50px',
|
|
78750
|
-
height: '35px',
|
|
78751
|
-
marginRight: '4px',
|
|
78752
|
-
top: '50%',
|
|
78753
|
-
transform: 'translateY(-50%)',
|
|
78754
|
-
},
|
|
78755
|
-
};
|
|
78756
|
-
// Styles of the buy bond modal.
|
|
78757
|
-
const buyComponentStyles = {
|
|
78758
|
-
[main.BillArtCollection.HotBondingSummer_Collection1]: {
|
|
78759
|
-
backgroundImage: 'url(https://www.ape.bond/images/hotSummerCampaign/buyBond.png)',
|
|
78760
|
-
backgroundSize: 'cover',
|
|
78761
|
-
},
|
|
78762
|
-
};
|
|
78763
|
-
// Styles of the token image displayed in the buy bond modal.
|
|
78764
|
-
const tokenImageIconStyles = {
|
|
78765
|
-
[main.BillArtCollection.HotBondingSummer_Collection1]: {
|
|
78766
|
-
display: 'flex',
|
|
78767
|
-
top: '12px',
|
|
78768
|
-
left: '50%',
|
|
78769
|
-
transform: 'translate(-50%, -50%)',
|
|
78770
|
-
width: '55px',
|
|
78771
|
-
height: '90px',
|
|
78772
|
-
zIndex: 1,
|
|
78773
|
-
backgroundImage: 'url(https://www.ape.bond/images/hotSummerCampaign/littleFire.png)',
|
|
78774
|
-
backgroundRepeat: 'no-repeat',
|
|
78775
|
-
backgroundSize: 'contain',
|
|
78776
|
-
backgroundPosition: 'center',
|
|
78777
|
-
},
|
|
78778
|
-
};
|
|
78779
|
-
|
|
78780
78789
|
const BondModalHeader = ({ bondData, onDismiss, showProjectInfoButton, }) => {
|
|
78781
|
-
var _a, _b, _c
|
|
78790
|
+
var _a, _b, _c;
|
|
78782
78791
|
const isMobile = useIsMobile();
|
|
78783
78792
|
const SDKConfig = useSDKConfig();
|
|
78784
78793
|
const [onOpenSlippageModal] = useModal(jsx$2(SlippageModal, { chainId: bondData.chainId }));
|
|
@@ -78808,15 +78817,15 @@ const BondModalHeader = ({ bondData, onDismiss, showProjectInfoButton, }) => {
|
|
|
78808
78817
|
height: '30px',
|
|
78809
78818
|
mb: ['10px', '10px', '10px', '0px'],
|
|
78810
78819
|
justifyContent: ['space-between', 'space-between', 'space-between', 'flex-end'],
|
|
78811
|
-
}, children: [jsx$2(Flex, { sx: { display: ['flex', 'flex', 'flex', 'none'] }, children: jsx$2(BondModalMinTierHeader, { minTier: minTier }) }), jsx$2(Flex, { sx: { cursor: 'pointer' }, children: onDismiss ? (jsxs(Fragment$1, { children: [showProjectInfoButton && jsx$2(ExpandedViewButton, { handleNavigation: handleProjectViewNavigation }), jsx$2(Flex, { sx: { mx: '25px' }, onClick: onOpenSlippageModal, children: jsx$2(Svg, { icon: "cog", width: isMobile ? '16px' : '20px' }) }), jsx$2(Flex, { onClick: handleClose, children: jsx$2(Svg, { icon: "close", color: "text", width: isMobile ? '12px' : '18px' }) })] })) : (jsx$2(Flex, { sx: { py: '3px', mt: '10px' }, onClick: onOpenSlippageModal, children: jsx$2(Svg, { icon: "cog", width: isMobile ? '16px' : '20px' }) })) })] }), jsxs(Flex, { sx: { width: '100%' }, children: [jsxs(Flex, { className: "title-container bondicon", children: [jsx$2(Flex, { sx: Object.assign({ display: 'none', position: 'absolute' }, tokenImageIconStyles[
|
|
78820
|
+
}, children: [jsx$2(Flex, { sx: { display: ['flex', 'flex', 'flex', 'none'] }, children: jsx$2(BondModalMinTierHeader, { minTier: minTier }) }), jsx$2(Flex, { sx: { cursor: 'pointer' }, children: onDismiss ? (jsxs(Fragment$1, { children: [showProjectInfoButton && jsx$2(ExpandedViewButton, { handleNavigation: handleProjectViewNavigation }), jsx$2(Flex, { sx: { mx: '25px' }, onClick: onOpenSlippageModal, children: jsx$2(Svg, { icon: "cog", width: isMobile ? '16px' : '20px' }) }), jsx$2(Flex, { onClick: handleClose, children: jsx$2(Svg, { icon: "close", color: "text", width: isMobile ? '12px' : '18px' }) })] })) : (jsx$2(Flex, { sx: { py: '3px', mt: '10px' }, onClick: onOpenSlippageModal, children: jsx$2(Svg, { icon: "cog", width: isMobile ? '16px' : '20px' }) })) })] }), jsxs(Flex, { sx: { width: '100%' }, children: [jsxs(Flex, { className: "title-container bondicon", children: [jsx$2(Flex, { sx: Object.assign({ display: 'none', position: 'absolute' }, tokenImageIconStyles[bondData.marketingCampaign]) }), jsx$2(Flex, { sx: { position: 'relative', zIndex: 2, display: 'flex', alignItems: 'center', justifyContent: 'center' }, children: jsx$2(TokenImage, { symbol: (_b = bondData.showcaseTokenName) !== null && _b !== void 0 ? _b : bondData.earnToken.symbol, size: 50, chain: bondData.chainId }) })] }), jsxs(Flex, { sx: {
|
|
78812
78821
|
display: 'flex',
|
|
78813
78822
|
flexDirection: 'column',
|
|
78814
78823
|
pl: ['10px', '10px', '10px', '20px'],
|
|
78815
78824
|
fontSize: '24px',
|
|
78816
78825
|
fontWeight: 700,
|
|
78817
|
-
}, children: [bondData === null || bondData === void 0 ? void 0 : bondData.showcaseTokenName, jsx$2(ListTag, { text: (
|
|
78826
|
+
}, children: [bondData === null || bondData === void 0 ? void 0 : bondData.showcaseTokenName, jsx$2(ListTag, { text: (_c = bondData === null || bondData === void 0 ? void 0 : bondData.tags) === null || _c === void 0 ? void 0 : _c[0] })] }), jsxs(Flex, { className: "title-container price-container", sx: { flexDirection: 'column', pl: ['10px', '10px', '10px', '20px'] }, children: [jsxs(Flex, { className: "price-container price", sx: { fontSize: ['12px', '12px', '12px', '14px'] }, children: ["$", earnTokenPrice(bondData)] }), SDKConfig.useTiers && bondData.billVersion === main.BillVersion.V4 ? (jsxs(Flex, { sx: {
|
|
78818
78827
|
p: '3px 6px',
|
|
78819
|
-
border: '1px solid #
|
|
78828
|
+
border: '1px solid #9960C5',
|
|
78820
78829
|
borderRadius: 'normal',
|
|
78821
78830
|
background: 'transparent',
|
|
78822
78831
|
position: 'relative',
|
|
@@ -78828,8 +78837,8 @@ const BondModalHeader = ({ bondData, onDismiss, showProjectInfoButton, }) => {
|
|
|
78828
78837
|
top: 0,
|
|
78829
78838
|
left: 0,
|
|
78830
78839
|
zIndex: 1,
|
|
78831
|
-
background: '#
|
|
78832
|
-
opacity: 0.
|
|
78840
|
+
background: '#9960C5',
|
|
78841
|
+
opacity: 0.2,
|
|
78833
78842
|
} }), jsxs(Flex, { sx: { width: '100%', zIndex: 2, alignItems: 'center' }, children: [jsx$2("img", { src: `https://ape.bond/images/launch/mythical.png`, alt: "minTier", style: { width: '21px', height: '21px', marginRight: '3px', zIndex: 1 } }), jsx$2(Flex, { sx: { fontSize: ['12px', '12px', '12px', '14px'], mr: '3px' }, children: "Up to" }), jsxs(Flex, { sx: {
|
|
78834
78843
|
color: bonusWithFee && bonusWithFee > 0 ? 'success' : 'error',
|
|
78835
78844
|
fontSize: ['12px', '12px', '12px', '14px'],
|
|
@@ -78905,7 +78914,7 @@ const BonusComponent = ({ trueBondPrices, minTier, bonus, airdropTooltip, toolti
|
|
|
78905
78914
|
const baseTrueBondPrice = findHighestTrueBondPrice('0', trueBondPrices);
|
|
78906
78915
|
return (jsx$2(Flex, { children: trueBondPrices && (trueBondPrices === null || trueBondPrices === void 0 ? void 0 : trueBondPrices.length) > 1 && SDKConfig.useTiers ? (jsx$2(Flex, { sx: { alignItems: 'center', minWidth: '20px' }, children: (highestPointsElement === null || highestPointsElement === void 0 ? void 0 : highestPointsElement.bonusWithFee) && (highestPointsElement === null || highestPointsElement === void 0 ? void 0 : highestPointsElement.bonusWithFee) > 0 ? (jsx$2(TooltipBubble, { width: "280px", placement: tooltipPosition, transformTip: tooltipPosition === 'bottomLeft' ? 'translate(0%, 0%)' : 'translate(0%, 0%)', body: jsx$2(BonusTable, { trueBondPrices: trueBondPrices, minTier: minTier }), children: jsxs(Flex, { sx: {
|
|
78907
78916
|
p: '3px 6px',
|
|
78908
|
-
border: '1px solid #
|
|
78917
|
+
border: '1px solid #9960C5',
|
|
78909
78918
|
borderRadius: 'normal',
|
|
78910
78919
|
background: 'transparent',
|
|
78911
78920
|
position: 'relative',
|
|
@@ -78919,8 +78928,8 @@ const BonusComponent = ({ trueBondPrices, minTier, bonus, airdropTooltip, toolti
|
|
|
78919
78928
|
top: 0,
|
|
78920
78929
|
left: 0,
|
|
78921
78930
|
zIndex: 1,
|
|
78922
|
-
background: '#
|
|
78923
|
-
opacity: 0.
|
|
78931
|
+
background: '#9960C5',
|
|
78932
|
+
opacity: 0.2,
|
|
78924
78933
|
} }), jsxs(Flex, { sx: { width: '100%', zIndex: 2, alignItems: 'center', justifyContent: 'center' }, children: [jsx$2("img", { src: `https://ape.bond/images/launch/mythical.png`, alt: "minTier", style: { width: '21px', height: '21px', marginRight: '3px', zIndex: 1 } }), jsx$2(Flex, { sx: { fontSize: ['12px', '12px', '14px', '14px'], mr: '3px' }, children: "Up to" }), jsxs(Flex, { sx: {
|
|
78925
78934
|
color: (highestPointsElement === null || highestPointsElement === void 0 ? void 0 : highestPointsElement.bonusWithFee) && (highestPointsElement === null || highestPointsElement === void 0 ? void 0 : highestPointsElement.bonusWithFee) > 0
|
|
78926
78935
|
? 'success'
|
|
@@ -78996,11 +79005,12 @@ const Estimations = ({ depositAmount, bondData, youSpendString, isZap, fetchingZ
|
|
|
78996
79005
|
const estimatedOutputUSD = estimatedOutputAmount * parseFloat((_a = bondData === null || bondData === void 0 ? void 0 : bondData.payoutTokenPrice) !== null && _a !== void 0 ? _a : '0');
|
|
78997
79006
|
const noTierAmount = getRawBonus$1(bondData, depositAmount, '0');
|
|
78998
79007
|
const boostAmount = parseFloat(getRawBonus$1(bondData, depositAmount, userPoints !== null && userPoints !== void 0 ? userPoints : '0')) - parseFloat(noTierAmount);
|
|
78999
|
-
console.log('estimatedOutputAmount', estimatedOutputAmount);
|
|
79000
79008
|
return (jsxs(Flex, { className: "modaltable-container text-container", children: [jsxs(Flex, { className: "text-container row", children: [jsx$2(Flex, { className: "row-container spend", children: "You Spend:" }), jsx$2(Flex, { className: "row-container spend-val", children: youSpendString })] }), jsxs(Flex, { className: "text-container row", children: [jsxs(Flex, { className: "row-container premium", children: [!!userTier && !!userPoints && SDKConfig.useTiers && bondData.billVersion === main.BillVersion.V4
|
|
79001
79009
|
? 'Base Bonus:'
|
|
79002
|
-
: 'Bonus:', jsx$2(TooltipBubble, { className: "tooltip-bubble", body: jsx$2(Flex, { children:
|
|
79003
|
-
|
|
79010
|
+
: 'Bonus:', jsx$2(TooltipBubble, { className: "tooltip-bubble", body: jsx$2(Flex, { children: ((bondData === null || bondData === void 0 ? void 0 : bondData.feeInPayout) || 0) > 0
|
|
79011
|
+
? `This is the dollar value of the bonus tokens you’ll receive at current market price, already accounting for the protocol fee (${bondData.feeInPayout}%)`
|
|
79012
|
+
: 'This is the dollar value of the bonus tokens you’ll receive at current market price.' }), 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 ${getBonusColor(bonusString)}`, children: ["$ ", formatNumberSI(bonusString)] }))] }), (trueBondPrice === null || trueBondPrice === void 0 ? void 0 : trueBondPrice.points) !== '0' && userTier && userPoints && SDKConfig.useTiers && (jsxs(Flex, { className: "text-container row", sx: {
|
|
79013
|
+
border: '1px solid #9960C5',
|
|
79004
79014
|
borderRadius: 'normal',
|
|
79005
79015
|
mx: '-8px',
|
|
79006
79016
|
px: '8px',
|
|
@@ -79012,8 +79022,8 @@ const Estimations = ({ depositAmount, bondData, youSpendString, isZap, fetchingZ
|
|
|
79012
79022
|
top: 0,
|
|
79013
79023
|
left: 0,
|
|
79014
79024
|
zIndex: 0,
|
|
79015
|
-
background: '
|
|
79016
|
-
opacity: 0.
|
|
79025
|
+
background: '#9960C5',
|
|
79026
|
+
opacity: 0.2,
|
|
79017
79027
|
borderRadius: 'normal',
|
|
79018
79028
|
} }), 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: `+${(_b = trueBondPrice === null || trueBondPrice === void 0 ? void 0 : trueBondPrice.boost) !== null && _b !== void 0 ? _b : 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)] }))] })), jsxs(Flex, { className: "text-container row", children: [jsxs(Flex, { className: "row-container get", children: ["You Get (over ", vestingTime((_c = bondData === null || bondData === void 0 ? void 0 : bondData.vestingTerm) !== null && _c !== void 0 ? _c : 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, 2)] }))] })] }));
|
|
79019
79029
|
};
|
|
@@ -79136,7 +79146,7 @@ const GetUpToComponent = ({ bond, depositAmount }) => {
|
|
|
79136
79146
|
fontWeight: 400,
|
|
79137
79147
|
flexDirection: 'column',
|
|
79138
79148
|
}, children: [jsxs(Flex, { onClick: () => setIsOpen(!isOpen), sx: {
|
|
79139
|
-
border: '1px solid
|
|
79149
|
+
border: '1px solid #9960C5',
|
|
79140
79150
|
borderRadius: 'normal',
|
|
79141
79151
|
position: 'relative',
|
|
79142
79152
|
overflow: 'hidden',
|
|
@@ -79152,8 +79162,8 @@ const GetUpToComponent = ({ bond, depositAmount }) => {
|
|
|
79152
79162
|
top: 0,
|
|
79153
79163
|
left: 0,
|
|
79154
79164
|
zIndex: 0,
|
|
79155
|
-
background: '
|
|
79156
|
-
opacity: 0.
|
|
79165
|
+
background: '#9960C5',
|
|
79166
|
+
opacity: 0.2,
|
|
79157
79167
|
} }), jsxs(Flex, { sx: { alignItems: 'center', display: ['ruby', 'ruby', 'ruby', 'flex'] }, children: [jsx$2("img", { src: `https://ape.bond/images/launch/legend.png`, alt: "minTier", style: { width: '21px', height: '21px', marginRight: '3px', zIndex: 1 } }), "Get up to", jsx$2(Flex, { sx: { color: 'success', mx: '3px', fontWeight: 700 }, children: `+${(_a = trueBondPrice === null || trueBondPrice === void 0 ? void 0 : trueBondPrice.boost) !== null && _a !== void 0 ? _a : 0}%` }), "Boost By locking ABOND"] }), !!depositAmount && parseFloat(depositAmount) !== 0 && (jsxs(Flex, { sx: { color: 'success', fontWeight: 700, minWidth: '65px', justifyContent: 'flex-end' }, children: ["$ ", formatUSDNumber(boostAmount.toString()), jsx$2(Flex, { sx: { ml: '4px' }, children: jsx$2(Svg, { icon: "caret", direction: isOpen ? 'up' : 'down' }) })] }))] }), jsx$2(AnimatePresence, { children: isOpen && (jsx$2(motion.div, { initial: { height: 0 }, animate: { height: 'fit-content' }, transition: { opacity: { duration: 0.2 } }, exit: { height: 0 }, sx: { overflow: 'hidden', width: '100%', marginTop: '5px' }, children: jsx$2(BonusTable, { trueBondPrices: bond === null || bond === void 0 ? void 0 : bond.trueBondPrices, minTier: bond.minTier, hideTitle: true }) })) })] })));
|
|
79158
79168
|
};
|
|
79159
79169
|
|
|
@@ -79334,7 +79344,9 @@ const TransactionModal = ({ onDismiss, txChain, approvalState, approveCallback,
|
|
|
79334
79344
|
}, [buyTxHash, txReceipt, isSuccess]);
|
|
79335
79345
|
const currentStep = showSwitchChainFlow ? (hasToSwitchChain ? 1 : hasToApprove ? 2 : 3) : hasToApprove ? 1 : 2;
|
|
79336
79346
|
const splited = typeof inputToken !== 'string' ? (_d = inputToken === null || inputToken === void 0 ? void 0 : inputToken.symbol) === null || _d === void 0 ? void 0 : _d.split('-') : undefined;
|
|
79337
|
-
const trueBondPrice = findHighestTrueBondPrice(
|
|
79347
|
+
const trueBondPrice = findHighestTrueBondPrice(
|
|
79348
|
+
// @ts-ignore
|
|
79349
|
+
(_e = TIERS_WEIGHT[getUserTier(userPoints)]) !== null && _e !== void 0 ? _e : '0', bondData === null || bondData === void 0 ? void 0 : bondData.trueBondPrices);
|
|
79338
79350
|
return (jsxs(Modal, { children: [jsx$2(ModalHeader, { onDismiss: onDismiss, hideDivider: true }), jsxs(Flex, { sx: { flexDirection: 'column', width: '100%' }, children: [jsxs(Flex, { sx: { width: '100%', alignItems: 'center', p: '10px' }, children: [showSwitchChainFlow && (jsx$2(StepBubble, { number: 1, title: 'Switch Chain', currentStep: currentStep, loading: loadingSwitchChain })), jsx$2(StepBubble, { number: showSwitchChainFlow ? 2 : 1, title: 'Approve', currentStep: currentStep, loading: approveLoading || approvalState === ApprovalState.PENDING }), jsx$2(StepBubble, { number: showSwitchChainFlow ? 3 : 2, title: 'Buy', currentStep: currentStep, loading: loadingTx || verifyingTx, hideBar: true })] }), jsx$2(Flex, { sx: { width: '100%', mt: '40px', justifyContent: 'center' }, children: jsx$2(LoadingSpinner, { isLoading: loadingSwitchChain ||
|
|
79339
79351
|
approveLoading ||
|
|
79340
79352
|
loadingTx ||
|
|
@@ -79385,7 +79397,7 @@ const TransactionModal = ({ onDismiss, txChain, approvalState, approveCallback,
|
|
|
79385
79397
|
};
|
|
79386
79398
|
|
|
79387
79399
|
const BuyComponent = ({ onDismiss, bondAddress, bondChain, handlePurchasedBond, isProjectView, }) => {
|
|
79388
|
-
var _a, _b, _c, _d, _e, _f, _g, _h
|
|
79400
|
+
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
79389
79401
|
// Hooks
|
|
79390
79402
|
const SDKConfig = useSDKConfig();
|
|
79391
79403
|
const userChainId = useChainId();
|
|
@@ -79642,7 +79654,7 @@ const BuyComponent = ({ onDismiss, bondAddress, bondChain, handlePurchasedBond,
|
|
|
79642
79654
|
}
|
|
79643
79655
|
/* eslint-disable react-hooks/exhaustive-deps */
|
|
79644
79656
|
}, [rateChanged]);
|
|
79645
|
-
return bondData ? (jsx$2(Flex, { className: "modal-content", sx: Object.assign({}, buyComponentStyles[
|
|
79657
|
+
return bondData ? (jsx$2(Flex, { className: "modal-content", sx: Object.assign({}, buyComponentStyles[bondData === null || bondData === void 0 ? void 0 : bondData.marketingCampaign]), children: jsxs(Flex, { className: "modaltable-container", children: [jsx$2(BondModalHeader, { bondData: bondData, onDismiss: onDismiss, showProjectInfoButton: (SDKConfig === null || SDKConfig === void 0 ? void 0 : SDKConfig.referenceId) === 'apebond' }), jsx$2(ProjectDescription, { description: bondData.shortDescription, isProjectView: true }), jsx$2(Flex, { sx: { width: '100%', display: isProjectView ? ['flex', 'flex', 'flex', 'none'] : 'flex' }, children: jsx$2(BondCards, { bondData: bondData }) }), jsx$2(Estimations, { depositAmount: depositAmount, bondData: bondData, youSpendString: youSpendString, isZap: isZap, fetchingZapQuote: fetchingZapQuote, zapError: zapError }), jsx$2(TokenSelectorPanel, { typedValue: inputValue, setTypedValue: setInputValue, selectedToken: inputToken, handleValueBtn: () => { var _a; return setInputValue((_a = new BigNumber$1(inputCurrencyBalance !== null && inputCurrencyBalance !== void 0 ? inputCurrencyBalance : '0')) === null || _a === void 0 ? void 0 : _a.toString()); }, handleCurrencySelect: handleCurrencySelect, bondChainId: bondData === null || bondData === void 0 ? void 0 : bondData.chainId, enableZap: zapEnabled, bondPrincipalToken: bondData === null || bondData === void 0 ? void 0 : bondData.lpToken, tokenBalance: inputCurrencyBalance, selectedTokenPrice: inputTokenPrice, inputDisabled: isUserRestricted }), SDKConfig.useTiers && jsx$2(GetUpToComponent, { bond: bondData, depositAmount: depositAmount }), (bondData === null || bondData === void 0 ? void 0 : bondData.warningCard) && (jsx$2(Flex, { sx: {
|
|
79646
79658
|
width: '100%',
|
|
79647
79659
|
background: '#DE62F366',
|
|
79648
79660
|
// justifyContent: 'center',
|
|
@@ -80606,7 +80618,7 @@ const ConnectSolanaWallet = ({ navBarFlag }) => {
|
|
|
80606
80618
|
};
|
|
80607
80619
|
|
|
80608
80620
|
const BuyComponentSolana = ({ onDismiss, bondAddress, bondChain, isProjectView, setBillId, }) => {
|
|
80609
|
-
var _a, _b, _c, _d, _e, _f
|
|
80621
|
+
var _a, _b, _c, _d, _e, _f;
|
|
80610
80622
|
const SDKConfig = useSDKConfig();
|
|
80611
80623
|
// Hooks
|
|
80612
80624
|
const { publicKey: accountSolana, signTransaction } = useSOLAccount();
|
|
@@ -81100,7 +81112,7 @@ const BuyComponentSolana = ({ onDismiss, bondAddress, bondChain, isProjectView,
|
|
|
81100
81112
|
}
|
|
81101
81113
|
/* eslint-disable react-hooks/exhaustive-deps */
|
|
81102
81114
|
}, [inputCurrencyBalance, zapListFetched]);
|
|
81103
|
-
return bondData ? (jsx$2(Flex, { className: "modal-content", sx: Object.assign({}, buyComponentStyles[
|
|
81115
|
+
return bondData ? (jsx$2(Flex, { className: "modal-content", sx: Object.assign({}, buyComponentStyles[bondData === null || bondData === void 0 ? void 0 : bondData.marketingCampaign]), children: jsxs(Flex, { className: "modaltable-container", children: [jsx$2(BondModalHeader, { bondData: bondData, onDismiss: onDismiss }), jsx$2(ProjectDescription, { description: bondData.shortDescription, isProjectView: true }), jsx$2(Flex, { sx: { width: '100%', display: isProjectView ? ['flex', 'flex', 'flex', 'none'] : 'flex' }, children: jsx$2(BondCards, { bondData: bondData }) }), jsx$2(Estimations, { depositAmount: depositAmount, bondData: bondData, youSpendString: youSpendString, isZap: isZap, fetchingZapQuote: fetchingZapQuote, zapError: zapError }), jsx$2(TokenSelectorPanel, { typedValue: inputValue, setTypedValue: setInputValue, selectedToken: inputToken, handleValueBtn: () => { var _a; return setInputValue((_a = new BigNumber$1(inputCurrencyBalance !== null && inputCurrencyBalance !== void 0 ? inputCurrencyBalance : '0')) === null || _a === void 0 ? void 0 : _a.toString()); }, handleCurrencySelect: handleCurrencySelect, bondChainId: bondData === null || bondData === void 0 ? void 0 : bondData.chainId, enableZap: true, bondPrincipalToken: bondData === null || bondData === void 0 ? void 0 : bondData.lpToken, tokenBalance: inputCurrencyBalance !== null && inputCurrencyBalance !== void 0 ? inputCurrencyBalance : undefined, selectedTokenPrice: inputTokenPrice }), (bondData === null || bondData === void 0 ? void 0 : bondData.warningCard) && (jsx$2(Flex, { sx: {
|
|
81104
81116
|
width: '100%',
|
|
81105
81117
|
background: '#DE62F366',
|
|
81106
81118
|
justifyContent: 'center',
|
|
@@ -81110,7 +81122,7 @@ const BuyComponentSolana = ({ onDismiss, bondAddress, bondChain, isProjectView,
|
|
|
81110
81122
|
}, children: jsxs(Text, { sx: { fontSize: '12px', fontWeight: 400, display: 'flex', alignItems: 'center', gap: '10px' }, children: [jsx$2(SafeHTMLComponent, { html: bondData === null || bondData === void 0 ? void 0 : bondData.warningCard }), (bondData === null || bondData === void 0 ? void 0 : bondData.chainId) === main.ChainId.SONIC && (bondData === null || bondData === void 0 ? void 0 : bondData.earnToken.symbol.toLowerCase()) === 'moon' && (jsx$2(TooltipBubble, { className: "tooltip-bubble", body: jsx$2(Text, { sx: { textTransform: 'none' }, children: "Open the 'cog' icon menu in the top right and set the Slippage Tolerance to 5% or more." }), width: "315px", placement: "topRight", transformTip: "translate(9%, -10%)", children: jsx$2(Svg, { icon: "questionCircle", width: 14, color: "textDisabledButton" }) }))] }) })), jsx$2(Flex, { className: "modaltable-container button-container", children: jsx$2(Flex, { className: "button-container buy", children: !accountSolana ? (jsx$2(ConnectSolanaWallet, {})) : (jsxs(Flex, { sx: { width: '100%', gap: '10px', flexDirection: ['column', 'column', 'column', 'row'] }, children: [jsxs(Button, { variant: "secondary", onClick: () => {
|
|
81111
81123
|
var _a, _b;
|
|
81112
81124
|
return window.open(`https://jumper.exchange/?fromChain=1151111081099710&fromToken=11111111111111111111111111111111&toChain=1151111081099710&toToken=${(_b = (_a = bondData === null || bondData === void 0 ? void 0 : bondData.lpToken) === null || _a === void 0 ? void 0 : _a.address) === null || _b === void 0 ? void 0 : _b[bondData === null || bondData === void 0 ? void 0 : bondData.chainId]}`, '_blank', 'noopener noreferrer');
|
|
81113
|
-
}, sx: { width: ['100%', '100%', '100%', '35%'] }, children: ["get ", (
|
|
81125
|
+
}, sx: { width: ['100%', '100%', '100%', '35%'] }, children: ["get ", (_f = bondData === null || bondData === void 0 ? void 0 : bondData.lpToken) === null || _f === void 0 ? void 0 : _f.symbol] }), jsx$2(Button, { className: "action-button", load: load, disabled: load ||
|
|
81114
81126
|
(bondData === null || bondData === void 0 ? void 0 : bondData.soldOut) ||
|
|
81115
81127
|
!accountSolana ||
|
|
81116
81128
|
!inputValue ||
|
|
@@ -81699,7 +81711,7 @@ const BonusContainer = ({ trueBondPrices, minTier, bonus, airdropTooltip, toolti
|
|
|
81699
81711
|
return (jsx$2("div", { className: `discount-column`, children: jsx$2(BonusComponent, { trueBondPrices: trueBondPrices, minTier: minTier, bonus: bonus, airdropTooltip: airdropTooltip, tooltipPosition: isMobile ? tooltipPosition : 'bottomLeft' }) }));
|
|
81700
81712
|
};
|
|
81701
81713
|
|
|
81702
|
-
const BondRow = ({ bondAddress, bondChain,
|
|
81714
|
+
const BondRow = ({ bondAddress, bondChain, marketingCampaign, payoutToken, billType, tag, bondSoldOut, trueBondPrices, minTier, bonus, airdropTooltip, vestingTermString, vestingCliffString, percentageAvailable, remainingTokensString, projectURL, twitterURL, auditURL, shortDescription, soldoutBondsCount, isOpen, }) => {
|
|
81703
81715
|
var _a, _b, _c;
|
|
81704
81716
|
const SDKConfig = useSDKConfig();
|
|
81705
81717
|
const locationPath = window.location.pathname.replace('/', '');
|
|
@@ -81729,7 +81741,7 @@ const BondRow = ({ bondAddress, bondChain, billArtCollection, payoutToken, billT
|
|
|
81729
81741
|
});
|
|
81730
81742
|
};
|
|
81731
81743
|
return (jsxs("div", { className: "bond-row" // Insert special campaign styles here
|
|
81732
|
-
, onClick: handleOpenModal, sx: Object.assign(Object.assign({ borderRadius: 'normal' }, bondRowCampaignStyles[
|
|
81744
|
+
, onClick: handleOpenModal, sx: Object.assign(Object.assign({ borderRadius: 'normal' }, bondRowCampaignStyles['Christmas2025']), { cursor: !bondSoldOut || (soldoutBondsCount && !isOpen) ? 'pointer' : 'default' }), children: [jsx$2("div", { className: "token-info-container", sx: { width: ['40%', '40%', '40%', '30%'] }, children: jsx$2(TokenInfoAndName, { tokenSymbol: payoutToken === null || payoutToken === void 0 ? void 0 : payoutToken.symbol, chain: bondChain, tag: tag, marketingCampaign: marketingCampaign }) }), SDKConfig.useCardsView && shortDescription && (jsx$2("div", { className: "short-description", children: jsx$2(SafeHTMLComponent, { html: shortDescription }) })), jsxs("div", { className: "bond-info-columns", sx: { width: ['60%', '60%', '60%', '70%'] }, children: [!SDKConfig.useCardsView && jsx$2(Flex, { sx: { display: ['none', 'none', 'none', 'flex'], width: '125px' } }), 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: bondSoldOut ? ('-') : (jsx$2(ProgressBarWrapper$1, { title: '', value: jsx$2(ProgressBar, { value: percentageAvailable }), style: {
|
|
81733
81745
|
width: '127px',
|
|
81734
81746
|
height: '25px',
|
|
81735
81747
|
flexDirection: 'column',
|
|
@@ -81738,46 +81750,33 @@ const BondRow = ({ bondAddress, bondChain, billArtCollection, payoutToken, billT
|
|
|
81738
81750
|
}, showTooltip: true, toolTip: remainingTokensString })) }), jsx$2("div", { className: "tooltip-column", children: soldoutBondsCount ? (jsxs(Flex, { sx: { gap: '5px', fontSize: '13px', fontWeight: 500, opacity: 0.5 }, children: ["(", soldoutBondsCount, ")", jsx$2(Svg, { icon: "caret", direction: isOpen ? 'up' : 'down', width: "8px" })] })) : (jsx$2(TooltipBubble, { className: "tooltip-bubble", body: jsx$2(BondInfoTooltip, { earnTokenContract: (_b = (_a = payoutToken === null || payoutToken === void 0 ? void 0 : payoutToken.address) === null || _a === void 0 ? void 0 : _a[bondChain]) !== null && _b !== void 0 ? _b : '', earnTokenSymbol: (_c = payoutToken === null || payoutToken === void 0 ? void 0 : payoutToken.symbol) !== null && _c !== void 0 ? _c : '', bondContract: bondAddress !== null && bondAddress !== void 0 ? bondAddress : '', projectLink: projectURL, twitter: twitterURL, audit: auditURL, chain: bondChain, isSoldOut: bondSoldOut, billType: billType }), width: "205px", placement: "bottomRight", transformTip: "translate(7%, -2%)", children: jsx$2(Flex, { className: "more-icon", sx: { opacity: 0.8 }, children: jsx$2(Svg, { icon: "more", width: "25px" }) }) })) })] })] }, `${bondAddress}-${bondChain}`));
|
|
81739
81751
|
};
|
|
81740
81752
|
|
|
81741
|
-
|
|
81742
|
-
if (!account)
|
|
81743
|
-
return null;
|
|
81744
|
-
const { data } = yield axios.get(`https://dashboard-api.ape.bond/collector/userSalesInfo/purchased/${account}`);
|
|
81745
|
-
return data;
|
|
81746
|
-
});
|
|
81747
|
-
function useUserApiStats() {
|
|
81748
|
-
const { address: account } = useEVMAccount();
|
|
81749
|
-
return useQuery({
|
|
81750
|
-
queryKey: [`${QUERY_KEYS.USER_STATS}-${account}`],
|
|
81751
|
-
queryFn: () => getUserApiStats(account),
|
|
81752
|
-
staleTime: Infinity,
|
|
81753
|
-
refetchOnWindowFocus: false,
|
|
81754
|
-
refetchOnMount: false,
|
|
81755
|
-
retry: 1,
|
|
81756
|
-
});
|
|
81757
|
-
}
|
|
81758
|
-
|
|
81753
|
+
// import useUserApiStats from '../../../../state/bondApiStats/useUserApiStats'
|
|
81759
81754
|
const BuyAgainRow = () => {
|
|
81760
81755
|
var _a, _b, _c;
|
|
81761
|
-
const { data: userData } = useUserApiStats()
|
|
81756
|
+
// const { data: userData } = useUserApiStats()
|
|
81762
81757
|
const { data: bills } = useBondsData();
|
|
81763
81758
|
const SDKConfig = useSDKConfig();
|
|
81764
81759
|
const chains = SDKConfig === null || SDKConfig === void 0 ? void 0 : SDKConfig.chains;
|
|
81765
|
-
const bond = useMemo(() => {
|
|
81766
|
-
|
|
81767
|
-
|
|
81768
|
-
|
|
81769
|
-
|
|
81770
|
-
|
|
81771
|
-
|
|
81772
|
-
|
|
81773
|
-
|
|
81774
|
-
|
|
81775
|
-
|
|
81776
|
-
|
|
81777
|
-
|
|
81778
|
-
|
|
81779
|
-
|
|
81780
|
-
|
|
81760
|
+
// const bond = useMemo(() => {
|
|
81761
|
+
// if (userData && userData?.Sales.length > 0) {
|
|
81762
|
+
// const sortedPurchases = userData?.Sales.sort((a, b) => b.dollarValue - a.dollarValue)
|
|
81763
|
+
// const activeBills = bills?.filter(
|
|
81764
|
+
// (bill) => !isBondSoldOut(bill, SDKConfig.showLowValueBonds) && chains?.includes(bill.chainId),
|
|
81765
|
+
// )
|
|
81766
|
+
// const highestActivePurchase = sortedPurchases?.find((purchase) =>
|
|
81767
|
+
// activeBills?.find((bill) => {
|
|
81768
|
+
// if (purchase.contractAddress.toLowerCase() === bill?.contractAddress?.[bill.chainId]?.toLowerCase())
|
|
81769
|
+
// return true
|
|
81770
|
+
// }),
|
|
81771
|
+
// )
|
|
81772
|
+
// return activeBills?.find(
|
|
81773
|
+
// (bill) =>
|
|
81774
|
+
// bill?.contractAddress?.[bill.chainId]?.toLowerCase() ===
|
|
81775
|
+
// highestActivePurchase?.contractAddress?.toLowerCase(),
|
|
81776
|
+
// )
|
|
81777
|
+
// }
|
|
81778
|
+
// }, [SDKConfig.showLowValueBonds, bills, chains, userData])
|
|
81779
|
+
const bond = useMemo(() => bills === null || bills === void 0 ? void 0 : bills.find((bill) => bill.earnToken.symbol === 'pmUSD' && !bill.soldOut && chains.includes(bill.chainId)), [bills, chains]);
|
|
81781
81780
|
const bondAddress = (_a = bond === null || bond === void 0 ? void 0 : bond.contractAddress) === null || _a === void 0 ? void 0 : _a[bond.chainId];
|
|
81782
81781
|
const remainingTokensFormat = (bond) => {
|
|
81783
81782
|
const tokensRemaining = 'tokensRemaining' in bond ? bond.tokensRemaining : '0';
|
|
@@ -81812,7 +81811,7 @@ const BuyAgainRow = () => {
|
|
|
81812
81811
|
pl: '26px',
|
|
81813
81812
|
color: 'primaryBright',
|
|
81814
81813
|
height: '91px',
|
|
81815
|
-
}, children: "
|
|
81814
|
+
}, children: "BOND SPOTLIGHT" }) }), jsx$2(Flex, { onClick: () => {
|
|
81816
81815
|
track({
|
|
81817
81816
|
event: 'buyAgainClick',
|
|
81818
81817
|
chain: bond.chainId,
|
|
@@ -87208,7 +87207,7 @@ const ActiveBondRows = ({ chain, bonds, hideTitles, showHotBonds }) => {
|
|
|
87208
87207
|
marginTop: '0px',
|
|
87209
87208
|
}, className: "bonds-card-container", children: [[main.ChainId.SOL, main.ChainId.MONAD].includes(chain) && !hideTitles && jsx$2(ChainBanner, { chainId: chain }), bonds === null || bonds === void 0 ? void 0 : bonds.map((bondFromMap, index) => {
|
|
87210
87209
|
// PRE TGE ROWS
|
|
87211
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x
|
|
87210
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
|
|
87212
87211
|
if (bondFromMap.billType === 'fcfs') {
|
|
87213
87212
|
const bond = bondFromMap;
|
|
87214
87213
|
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);
|
|
@@ -87224,40 +87223,40 @@ const ActiveBondRows = ({ chain, bonds, hideTitles, showHotBonds }) => {
|
|
|
87224
87223
|
const now = new Date().getTime();
|
|
87225
87224
|
const saleFinishTime = ((_r = bond === null || bond === void 0 ? void 0 : bond.finishTime) !== null && _r !== void 0 ? _r : 0) * 1000;
|
|
87226
87225
|
const saleHasFinished = now > saleFinishTime || bond.finalized;
|
|
87227
|
-
return (jsx$2(BondRow, { bondAddress: (_s = bond.contractAddress) === null || _s === void 0 ? void 0 : _s[bond.chainId], bondChain: bond.chainId,
|
|
87226
|
+
return (jsx$2(BondRow, { bondAddress: (_s = bond.contractAddress) === null || _s === void 0 ? void 0 : _s[bond.chainId], bondChain: bond.chainId, marketingCampaign: bond.marketingCampaign, payoutToken: bond.earnToken, billType: bond.billType, tag: (_t = bond.tags) === null || _t === void 0 ? void 0 : _t[0], bonus: saleHasFinished ? undefined : `${bonus}%`, airdropTooltip: bond.airdropTooltip, percentageAvailable: percentageAvailable, remainingTokensString: saleHasFinished
|
|
87228
87227
|
? `0 ${earnToken} ($0) `
|
|
87229
87228
|
: `${formatNumberSI(tokensRemaining, 0)} ${earnToken} ($${formatNumberSI(tokensRemainingUSD, 2)})`, vestingTermString: saleHasFinished
|
|
87230
87229
|
? '-'
|
|
87231
87230
|
: initialRelease === 100
|
|
87232
87231
|
? `0 D`
|
|
87233
|
-
: `${getTimePeriods((
|
|
87232
|
+
: `${getTimePeriods((_u = bond.vestingTerm) !== null && _u !== void 0 ? _u : 0).months} Mo`, projectURL: bond.projectLink, twitterURL: bond.twitter, auditURL: bond.audit, bondSoldOut: saleHasFinished, shortDescription: bond.shortDescription }, `${bond.contractAddress}-${bond.chainId}-${index}`));
|
|
87234
87233
|
}
|
|
87235
87234
|
else {
|
|
87236
87235
|
// POST TGE BONDS AKA NORMAL BONDS
|
|
87237
87236
|
const bond = bondFromMap;
|
|
87238
|
-
const bondAddress = (
|
|
87237
|
+
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];
|
|
87239
87238
|
const remainingTokensString = getRemainingTokensString(bond);
|
|
87240
|
-
return (jsx$2(BondRow, { bondAddress: bondAddress, bondChain: bond.chainId,
|
|
87239
|
+
return (jsx$2(BondRow, { bondAddress: bondAddress, bondChain: bond.chainId, marketingCampaign: bond.marketingCampaign, payoutToken: bond.earnToken, billType: bond.billType, tag: (_w = bond.tags) === null || _w === void 0 ? void 0 : _w[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' ? `${(_x = bond === null || bond === void 0 ? void 0 : bond.discountWithFee) === null || _x === void 0 ? void 0 : _x.toFixed(2)}%` : undefined, shortDescription: bond.shortDescription }, `${bondAddress}-${bond.chainId}-${index}`));
|
|
87241
87240
|
}
|
|
87242
87241
|
}), showHotBonds && (jsx$2(SwiperProvider, { children: jsx$2(HotBondCards, {}) }))] }, key))] }) }, key));
|
|
87243
87242
|
};
|
|
87244
87243
|
|
|
87245
87244
|
const SoldOutRows = ({ bonds }) => {
|
|
87246
|
-
var _a, _b
|
|
87245
|
+
var _a, _b;
|
|
87247
87246
|
const bond = bonds[0];
|
|
87248
87247
|
const [isOpen, setIsOpen] = useState(false);
|
|
87249
|
-
return (jsxs(AnimatePresence, { initial: false, children: [jsx$2(Flex, { sx: { cursor: 'pointer' }, onClick: () => setIsOpen(!isOpen), children: jsx$2(BondRow, { bondAddress: (_a = bond.contractAddress) === null || _a === void 0 ? void 0 : _a[bond.chainId],
|
|
87248
|
+
return (jsxs(AnimatePresence, { initial: false, children: [jsx$2(Flex, { sx: { cursor: 'pointer' }, onClick: () => setIsOpen(!isOpen), children: jsx$2(BondRow, { bondAddress: (_a = bond.contractAddress) === null || _a === void 0 ? void 0 : _a[bond.chainId], marketingCampaign: bond.marketingCampaign, 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, shortDescription: bond.shortDescription, soldoutBondsCount: bonds.length > 1 ? bonds.length : undefined, isOpen: isOpen }, `${bond.contractAddress[bond.chainId]}-${bond.chainId}`) }), bonds.length > 1 &&
|
|
87250
87249
|
isOpen &&
|
|
87251
87250
|
bonds
|
|
87252
87251
|
.sort((a, b) => { var _a, _b, _c, _d; return ((_b = (_a = b === null || b === void 0 ? void 0 : b.initTime) === null || _a === void 0 ? void 0 : _a[b.chainId]) !== null && _b !== void 0 ? _b : 0) - ((_d = (_c = a === null || a === void 0 ? void 0 : a.initTime) === null || _c === void 0 ? void 0 : _c[a.chainId]) !== null && _d !== void 0 ? _d : 0); })
|
|
87253
87252
|
.map((bond) => {
|
|
87254
|
-
var _a, _b
|
|
87253
|
+
var _a, _b;
|
|
87255
87254
|
return (jsx$2(motion.div, { initial: { height: 0, overflow: 'hidden' }, animate: { height: 'fit-content', overflow: 'hidden', transitionEnd: { overflow: 'visible' } }, exit: { height: 0, overflow: 'hidden' }, sx: {
|
|
87256
87255
|
position: 'relative',
|
|
87257
87256
|
overflow: 'hidden',
|
|
87258
87257
|
width: '100%',
|
|
87259
87258
|
marginTop: '0px',
|
|
87260
|
-
}, className: "bonds-card-container", children: jsxs(Flex, { sx: { cursor: 'pointer' }, onClick: () => setIsOpen(!isOpen), children: [jsx$2(Flex, { sx: { alignItems: 'center', pb: '10px' }, children: jsx$2(Svg, { icon: "turnArrow", direction: 'up' }) }), jsx$2(BondRow, { bondAddress: (_a = bond.contractAddress) === null || _a === void 0 ? void 0 : _a[bond.chainId],
|
|
87259
|
+
}, className: "bonds-card-container", children: jsxs(Flex, { sx: { cursor: 'pointer' }, onClick: () => setIsOpen(!isOpen), children: [jsx$2(Flex, { sx: { alignItems: 'center', pb: '10px' }, children: jsx$2(Svg, { icon: "turnArrow", direction: 'up' }) }), jsx$2(BondRow, { bondAddress: (_a = bond.contractAddress) === null || _a === void 0 ? void 0 : _a[bond.chainId], marketingCampaign: bond.marketingCampaign, 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, shortDescription: bond.shortDescription })] }) }, `${bond.contractAddress[bond.chainId]}-${bond.chainId}`));
|
|
87261
87260
|
})] }));
|
|
87262
87261
|
};
|
|
87263
87262
|
|
|
@@ -87633,8 +87632,8 @@ const SelectItem = (_a) => {
|
|
|
87633
87632
|
}, children: jsx$2(Flex, { sx: style, children: children }) })));
|
|
87634
87633
|
};
|
|
87635
87634
|
|
|
87636
|
-
const ListTag = ({ text = '',
|
|
87637
|
-
return (jsxs(Flex, { sx: { position: 'relative' }, children: [jsx$2(Flex, { sx: Object.assign({ display: 'none' }, tagIconCampaignStyles[
|
|
87635
|
+
const ListTag = ({ text = '', marketingCampaign }) => {
|
|
87636
|
+
return (jsxs(Flex, { sx: { position: 'relative' }, children: [jsx$2(Flex, { sx: Object.assign({ display: 'none' }, tagIconCampaignStyles[marketingCampaign]) }), jsx$2(Flex, { sx: Object.assign(Object.assign({ background: '#3C6AB530', color: '#3b78d3', fontSize: '10px', fontWeight: 600, lineHeight: '15px', p: '2px 6px', borderRadius: '5px', width: 'fit-content' }, tagCampaignStyles[marketingCampaign]), { zIndex: 2 }), children: text.toUpperCase() })] }));
|
|
87638
87637
|
};
|
|
87639
87638
|
|
|
87640
87639
|
const Context = createContext$1({
|
|
@@ -21,6 +21,6 @@ export declare const TIERS_NAMES: {
|
|
|
21
21
|
4: string;
|
|
22
22
|
5: string;
|
|
23
23
|
};
|
|
24
|
-
export declare const getUserTier: (weight
|
|
24
|
+
export declare const getUserTier: (weight?: string | null) => LaunchBondTiers | null;
|
|
25
25
|
export declare const fetchUserPoints: (account?: string, useTiers?: boolean, apiUrl?: string) => Promise<string | null>;
|
|
26
26
|
export default function useTierPoints(): import("@tanstack/react-query").UseQueryResult<string | null, Error>;
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { ThemeUIStyleObject } from 'theme-ui';
|
|
2
|
-
import {
|
|
3
|
-
export declare const bondRowCampaignStyles: Partial<Record<
|
|
4
|
-
export declare const tagCampaignStyles: Partial<Record<
|
|
5
|
-
export declare const tagIconCampaignStyles: Partial<Record<
|
|
6
|
-
export declare const buyComponentStyles: Partial<Record<
|
|
7
|
-
export declare const tokenImageIconStyles: Partial<Record<
|
|
2
|
+
import { MarketingCampaign } from '@ape.swap/apeswap-lists';
|
|
3
|
+
export declare const bondRowCampaignStyles: Partial<Record<MarketingCampaign, ThemeUIStyleObject>>;
|
|
4
|
+
export declare const tagCampaignStyles: Partial<Record<MarketingCampaign, ThemeUIStyleObject>>;
|
|
5
|
+
export declare const tagIconCampaignStyles: Partial<Record<MarketingCampaign, ThemeUIStyleObject>>;
|
|
6
|
+
export declare const buyComponentStyles: Partial<Record<MarketingCampaign, ThemeUIStyleObject>>;
|
|
7
|
+
export declare const tokenImageIconStyles: Partial<Record<MarketingCampaign, ThemeUIStyleObject>>;
|
|
8
|
+
export declare const tagNameMapping: Partial<Record<MarketingCampaign, string>>;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { TrueBondPrices } from '../../../../types/bonds';
|
|
3
|
-
import {
|
|
3
|
+
import { ChainId, LaunchBondTiers, MarketingCampaign, Token } from '@ape.swap/apeswap-lists';
|
|
4
4
|
interface BondRowProps {
|
|
5
5
|
bondAddress: string;
|
|
6
6
|
bondChain: ChainId;
|
|
7
|
-
|
|
7
|
+
marketingCampaign?: MarketingCampaign;
|
|
8
8
|
payoutToken: Token;
|
|
9
9
|
billType: string;
|
|
10
10
|
tag?: string;
|
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": "4.5.0-test.
|
|
6
|
+
"version": "4.5.0-test.10",
|
|
7
7
|
"module": "dist/main.js",
|
|
8
8
|
"type": "module",
|
|
9
9
|
"types": "dist/main.d.ts",
|
|
@@ -79,7 +79,7 @@
|
|
|
79
79
|
},
|
|
80
80
|
"dependencies": {
|
|
81
81
|
"@jup-ag/api": "6.0.45",
|
|
82
|
-
"@ape.swap/apeswap-lists": "4.5.
|
|
82
|
+
"@ape.swap/apeswap-lists": "4.5.1",
|
|
83
83
|
"@emotion/react": "11.14.0",
|
|
84
84
|
"bignumber.js": "^9.1.2",
|
|
85
85
|
"buffer": "^6.0.3",
|