@ape.swap/bonds-sdk 4.5.0-test.9 → 4.5.2

package/dist/components/TokenInfoAndName/index.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
-import { BillArtCollection } from '@ape.swap/apeswap-lists';
+import { MarketingCampaign } from '@ape.swap/apeswap-lists';
 export declare const NETWORK_COLORS: Partial<Record<number, string>>;
-declare const TokenInfoAndName: ({ tokenSymbol, chain, tag, vestEnds, isHotBond, billArtCollection, }: {
+declare const TokenInfoAndName: ({ tokenSymbol, chain, tag, vestEnds, isHotBond, marketingCampaign, }: {
     tokenSymbol?: string;
     chain?: number;
     tag?: string;
     vestEnds?: string;
     isHotBond?: boolean;
-    billArtCollection?: BillArtCollection;
+    marketingCampaign?: MarketingCampaign;
 }) => React.JSX.Element;
 export default TokenInfoAndName;

package/dist/components/TokenSelectorPanel/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { ChainId, Token } from '@ape.swap/apeswap-lists';
-declare const TokenSelectorPanel: ({ typedValue, setTypedValue, selectedToken, bondChainId, handleValueBtn, handleCurrencySelect, enableZap, tokenBalance, selectedTokenPrice, bondPrincipalToken, inputDisabled, }: {
+import { ChainId, MarketingCampaign, Token } from '@ape.swap/apeswap-lists';
+declare const TokenSelectorPanel: ({ typedValue, setTypedValue, selectedToken, bondChainId, handleValueBtn, handleCurrencySelect, enableZap, tokenBalance, selectedTokenPrice, bondPrincipalToken, inputDisabled, marketingCampaign, }: {
     typedValue: string;
     setTypedValue: (value: React.SetStateAction<string>) => void;
     selectedToken?: "NATIVE" | Token;
@@ -12,5 +12,6 @@ declare const TokenSelectorPanel: ({ typedValue, setTypedValue, selectedToken, b
     selectedTokenPrice?: number;
     bondPrincipalToken?: Token;
     inputDisabled?: boolean;
+    marketingCampaign?: MarketingCampaign;
 }) => React.JSX.Element;
 export default TokenSelectorPanel;

package/dist/components/uikit-sdk/Tag/ListTag.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { BillArtCollection } from '@ape.swap/apeswap-lists';
-declare const ListTag: ({ text, billArtCollection }: {
+import { MarketingCampaign } from '@ape.swap/apeswap-lists';
+declare const ListTag: ({ text, marketingCampaign }: {
     text?: string;
-    billArtCollection?: BillArtCollection;
+    marketingCampaign?: MarketingCampaign;
 }) => React.JSX.Element;
 export default ListTag;

package/dist/main.js

@@ -19975,6 +19975,7 @@ function requireTypes$1 () {
 		  exports$1.defaultDexFactories =
 		  exports$1.dexFactories =
 		  exports$1.VaultVersion =
+		  exports$1.MarketingCampaign =
 		  exports$1.LaunchBondTiers =
 		  exports$1.MigrationVestingTerms =
 		  exports$1.defaultBillArtCollection =
@@ -20219,6 +20220,9 @@ function requireTypes$1 () {
 		  LaunchBondTiers[(LaunchBondTiers['Legend'] = 4)] = 'Legend';
 		  LaunchBondTiers[(LaunchBondTiers['Mythical'] = 5)] = 'Mythical';
 		})((exports$1.LaunchBondTiers || (exports$1.LaunchBondTiers = {})));
+(function (MarketingCampaign) {
+		  MarketingCampaign['Christmas2025'] = 'Christmas2025';
+		})((exports$1.MarketingCampaign || (exports$1.MarketingCampaign = {})));
 (function (VaultVersion) {
 		  VaultVersion['V1'] = 'V1';
 		  VaultVersion['V2'] = 'V2';
@@ -63127,7 +63131,6 @@ const QUERY_KEYS = {
     BOND_API_STATS: 'ApeBond-SDK-bondApiStats',
     SDK_CONFIG: 'ApeBond-SDK-sdkConfig',
     BOND_RECOMMENDATIONS: 'ApeBond-SDK-bondRecommendations',
-    USER_STATS: 'ApeBond-SDK-userStats',
     BONDS_DATA: 'ApeBond-SDK-bondsData',
     BONDS_LIST: 'ApeBond-SDK-bondsList',
     BONDS_LIST_PRE_TGE: 'ApeBond-SDK-bondsListPreTGE',
@@ -63243,6 +63246,8 @@ const TIERS_NAMES = {
     [main.LaunchBondTiers.Mythical]: 'Mythical',
 };
 const getUserTier = (weight) => {
+    if (!weight)
+        return null;
     const weightBG = new BigNumber$1(weight);
     const silver = new BigNumber$1(TIERS_WEIGHT[main.LaunchBondTiers.Silver]);
     const gold = new BigNumber$1(TIERS_WEIGHT[main.LaunchBondTiers.Gold]);
@@ -64833,7 +64838,8 @@ const fetchUserOwnedBills = (chainId, account, bonds, tokenPrices, priceApiUrl)
                 payoutClaimed: (_p = billData[billPos][0]) === null || _p === void 0 ? void 0 : _p.payoutClaimed.toString(),
                 billNftAddress: (_q = bond.billNnftAddress[bond.chainId]) !== null && _q !== void 0 ? _q : '',
                 vesting: (_r = billData[billPos][0]) === null || _r === void 0 ? void 0 : _r.vesting.toString(),
-                lastBlockTimestamp: (_s = billData[billPos][0]) === null || _s === void 0 ? void 0 : _s.lastClaimTimestamp.toString(),
+                // TODO: sync this with solana so that both implementation have the same logic
+                lastBlockTimestamp: (_s = billData[billPos][0]) === null || _s === void 0 ? void 0 : _s.vestingStartTimestamp.toString(),
                 truePricePaid: (_t = billData[billPos][0]) === null || _t === void 0 ? void 0 : _t.truePricePaid.toString(),
                 pendingRewards: billData[billPos + 1][0].toString(),
                 bond,
@@ -67645,6 +67651,55 @@ const AddFavToken = ({ tokenSymbol, hotBond }) => {
         }, 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') }) }));
 };
 
+// Styles of the tag component.
+const MCTagStyles = {
+    [main.MarketingCampaign.Christmas2025]: {
+        background: '#DF4141',
+        color: '#fff',
+    },
+};
+// Styles of the buy bond modal.
+const MCBuyComponentStyles = {
+    [main.MarketingCampaign.Christmas2025]: {
+        backgroundImage: 'url(https://ape.bond/images/mc/christmas-buy.png)',
+        backgroundSize: 'cover',
+        opacity: 1,
+    },
+};
+const MCBondRowStyles = {
+    [main.MarketingCampaign.Christmas2025]: {
+        backgroundImage: 'url(https://ape.bond/images/mc/christmas-row.png)',
+        backgroundSize: 'cover',
+        opacity: 1,
+    },
+};
+const MCColorMapping = {
+    white3: {
+        [main.MarketingCampaign.Christmas2025]: '#348C9E33 !important',
+    },
+    white4: {
+        [main.MarketingCampaign.Christmas2025]: '#348C9E33 !important',
+    },
+};
+// Styles of the token image displayed in the buy bond modal.
+const MCTokenIconStyles = {
+    [main.MarketingCampaign.Christmas2025]: {
+        position: 'absolute',
+        top: '-25px',
+        left: '18%',
+        width: '100%',
+        height: '50px',
+        zIndex: 10,
+        backgroundImage: 'url(https://ape.bond/images/mc/christmas-hat.png)',
+        backgroundRepeat: 'no-repeat',
+        backgroundSize: 'contain',
+        backgroundPosition: 'center',
+    },
+};
+const MCTagNameMapping = {
+    [main.MarketingCampaign.Christmas2025]: 'Christmas Sale',
+};
+
 const NETWORK_COLORS = {
     [main.ChainId.BSC]: '#F3BA2F4d',
     [main.ChainId.MAINNET]: '#627eea4d',
@@ -67667,7 +67722,7 @@ const NETWORK_COLORS = {
     [main.ChainId.UNICHAIN]: '#f50db44d',
     [main.ChainId.MEGAETH_TESTNET]: '#DFD9D94d',
 };
-const TokenInfoAndName = ({ tokenSymbol, chain, tag, vestEnds, isHotBond, billArtCollection, }) => {
+const TokenInfoAndName = ({ tokenSymbol, chain, tag, vestEnds, isHotBond, marketingCampaign, }) => {
     return (jsxs(Flex, { className: "tokeninfoname container", children: [jsx$2(Flex, { sx: {
                     width: '125px',
                     height: '100%',
@@ -67681,13 +67736,13 @@ const TokenInfoAndName = ({ tokenSymbol, chain, tag, vestEnds, isHotBond, billAr
                 } }), jsx$2(Flex, { className: "tokeninfoname chain", children: jsx$2(Svg, { width: 20, height: 20, icon: chain ? NETWORK_ICONS[chain] : 'question' }) }), jsxs(Flex, { className: "tokeninfoname tokencontainer", sx: {
                     marginTop: vestEnds ? ['10px', '10px', '10px', '0px'] : 0,
                     maxWidth: ['175px', '175px', '140px', '190px', '190px'],
-                }, children: [jsx$2(TokenImage, { symbol: tokenSymbol === 'AIX' && chain === main.ChainId.SOL ? 'SOLAIX' : tokenSymbol, size: 33 }), jsxs(Flex, { className: "tokeninfoname tokentext", children: [jsx$2(Flex, { sx: { justifyContent: 'space-between', width: '100%', alignItems: 'center' }, children: jsx$2(Text, { sx: { fontSize: ['12px', '12px', '14px', '16px'] }, children: tokenSymbol }) }), vestEnds && (jsx$2(Flex, { sx: { fontSize: '12px', fontWeight: 400, opacity: 0.6, lineHeight: '14px' }, children: vestEnds }))] }), jsx$2(Flex, { className: "tokeninfofav", sx: {
+                }, children: [jsxs(Flex, { sx: { position: 'relative', minWidth: '33px' }, children: [jsx$2(Flex, { sx: MCTokenIconStyles[marketingCampaign] }), jsx$2(TokenImage, { symbol: tokenSymbol === 'AIX' && chain === main.ChainId.SOL ? 'SOLAIX' : tokenSymbol, size: 33 })] }), jsxs(Flex, { className: "tokeninfoname tokentext", children: [jsx$2(Flex, { sx: { justifyContent: 'space-between', width: '100%', alignItems: 'center' }, children: jsx$2(Text, { sx: { fontSize: ['12px', '12px', '14px', '16px'] }, children: tokenSymbol }) }), vestEnds && (jsx$2(Flex, { sx: { fontSize: '12px', fontWeight: 400, opacity: 0.6, lineHeight: '14px' }, children: vestEnds }))] }), jsx$2(Flex, { className: "tokeninfofav", sx: {
                             minWidth: '25px',
                             p: '5px',
                         }, children: jsx$2(AddFavToken, { tokenSymbol: tokenSymbol, hotBond: !vestEnds && isHotBond }) })] }), jsx$2(Flex, { sx: {
                     justifyContent: isHotBond ? 'center' : 'flex-start',
                     alignItems: 'center',
-                }, children: jsx$2(Flex, { sx: { display: isHotBond ? 'flex' : ['none', 'none', 'none', 'none', 'flex'] }, children: tag && jsx$2(ListTag, { text: tag === null || tag === void 0 ? void 0 : tag.toUpperCase(), billArtCollection: billArtCollection }) }) })] }));
+                }, children: jsx$2(Flex, { sx: { display: isHotBond ? 'flex' : ['none', 'none', 'none', 'none', 'flex'] }, children: (tag || marketingCampaign) && (jsx$2(ListTag, { text: MCTagNameMapping[marketingCampaign] || tag, marketingCampaign: marketingCampaign })) }) })] }));
 };
 
 //TODO: remove this shit
@@ -77090,7 +77145,7 @@ const TokenSelectorModal = ({ bondPrincipalToken, handleCurrencySelect, chainId,
                         }) })] }) }) }));
 };
 
-const TokenSelectorPanel = ({ typedValue, setTypedValue, selectedToken, bondChainId, handleValueBtn, handleCurrencySelect, enableZap, tokenBalance, selectedTokenPrice, bondPrincipalToken, inputDisabled = false, }) => {
+const TokenSelectorPanel = ({ typedValue, setTypedValue, selectedToken, bondChainId, handleValueBtn, handleCurrencySelect, enableZap, tokenBalance, selectedTokenPrice, bondPrincipalToken, inputDisabled = false, marketingCampaign, }) => {
     var _a, _b;
     const { address: account } = useEVMAccount();
     const { publicKey: solanaAccount } = useSOLAccount();
@@ -77101,7 +77156,7 @@ const TokenSelectorPanel = ({ typedValue, setTypedValue, selectedToken, bondChai
         setTypedValue(event.target.value);
     };
     const [onTokenSelectorModal] = useModal(jsx$2(TokenSelectorModal, { bondPrincipalToken: bondPrincipalToken, handleCurrencySelect: handleCurrencySelect, chainId: bondChainId }), true, false, `tokenSelectorOnLiquidityModal${(_b = bondPrincipalToken === null || bondPrincipalToken === void 0 ? void 0 : bondPrincipalToken.address) === null || _b === void 0 ? void 0 : _b[bondChainId]}-${bondPrincipalToken === null || bondPrincipalToken === void 0 ? void 0 : bondPrincipalToken.symbol}`);
-    return (jsxs(Flex$1, { className: "token-selector-panel", sx: { borderRadius: 'normal', opacity: 0.9 }, children: [jsxs(Flex$1, { className: "input-container inputrow", children: [jsx$2(Flex$1, { className: "input-container input", children: jsx$2(Input$1, { placeholder: "0.0", value: typedValue, pattern: "^[0-9]*[.,]?[0-9]*$", onChange: handleInputChange, onInput: (v) => {
+    return (jsxs(Flex$1, { className: "token-selector-panel", sx: { borderRadius: 'normal', background: MCColorMapping.white3[marketingCampaign] }, children: [jsxs(Flex$1, { className: "input-container inputrow", children: [jsx$2(Flex$1, { className: "input-container input", children: jsx$2(Input$1, { placeholder: "0.0", value: typedValue, pattern: "^[0-9]*[.,]?[0-9]*$", onChange: handleInputChange, onInput: (v) => {
                                 if (v.currentTarget.value.includes(',')) {
                                     v.currentTarget.value = v.currentTarget.value.replace(/,/g, '.');
                                 }
@@ -77115,7 +77170,11 @@ const TokenSelectorPanel = ({ typedValue, setTypedValue, selectedToken, bondChai
                                     !!v.currentTarget.value && isNumber$1(v.currentTarget.value) && parseFloat(v.currentTarget.value) >= 0
                                         ? v.currentTarget.value
                                         : v.currentTarget.value.slice(0, v.currentTarget.value.length - 1);
-                            }, disabled: inputDisabled }) }), jsxs(Flex$1, { className: "input-container token", onClick: () => (enableZap ? onTokenSelectorModal() : null), sx: { cursor: enableZap ? 'pointer' : 'default', borderRadius: 'normal' }, children: [jsxs(Flex$1, { sx: { alignItems: 'center', gap: '10px' }, children: [jsx$2(Flex$1, { className: "input-container bondicon", children: lodashExports.isArray(splited) ? (jsx$2(TokenImage, { symbol: splited[0], symbol2: splited[1], size: 28, chain: bondChainId })) : (jsx$2(TokenImage, { symbol: getSymbol(selectedToken, bondChainId), size: 28, chain: bondChainId })) }), jsx$2(Flex$1, { className: "title-container tokenname", children: getSymbol(selectedToken, bondChainId) })] }), enableZap && (jsx$2(Flex$1, { sx: { mr: '8px' }, children: jsx$2(Svg, { icon: "caret" }) }))] })] }), jsxs(Flex$1, { className: "input-container balancerow", children: [jsx$2(Flex$1, { children: selectedTokenPrice && typedValue
+                            }, disabled: inputDisabled }) }), jsxs(Flex$1, { className: "input-container token", onClick: () => (enableZap ? onTokenSelectorModal() : null), sx: {
+                            cursor: enableZap ? 'pointer' : 'default',
+                            borderRadius: 'normal',
+                            background: MCColorMapping.white4[marketingCampaign],
+                        }, children: [jsxs(Flex$1, { sx: { alignItems: 'center', gap: '10px' }, children: [jsx$2(Flex$1, { className: "input-container bondicon", children: lodashExports.isArray(splited) ? (jsx$2(TokenImage, { symbol: splited[0], symbol2: splited[1], size: 28, chain: bondChainId })) : (jsx$2(TokenImage, { symbol: getSymbol(selectedToken, bondChainId), size: 28, chain: bondChainId })) }), jsx$2(Flex$1, { className: "title-container tokenname", children: getSymbol(selectedToken, bondChainId) })] }), enableZap && (jsx$2(Flex$1, { sx: { mr: '8px' }, children: jsx$2(Svg, { icon: "caret" }) }))] })] }), jsxs(Flex$1, { className: "input-container balancerow", children: [jsx$2(Flex$1, { sx: { opacity: 0.6 }, children: selectedTokenPrice && typedValue
                             ? `$${formatUSDNumber((selectedTokenPrice * parseFloat(typedValue)).toFixed(2))}`
                             : '' }), jsxs(Flex$1, { children: [showBalance && jsxs(Flex$1, { className: "balancerow text", children: ["Balance: ", tokenBalanceString] }), jsx$2(Flex$1, { className: "balancerow max", children: showBalance && tokenBalance && tokenBalance !== '0' && handleValueBtn && (jsx$2(Fragment$1, { children: jsx$2(Button, { className: "max-button", onClick: () => { var _a; return handleValueBtn((_a = new BigNumber$1(tokenBalance !== null && tokenBalance !== void 0 ? tokenBalance : '0')) === null || _a === void 0 ? void 0 : _a.toString()); }, children: "Max" }) })) })] })] })] }));
 };
@@ -78718,70 +78777,13 @@ const BondModalMinTierHeader = ({ minTier }) => {
                 .filter((tier) => tier !== 'No Tier')
                 .map((tier, index) => {
                 if (index + 1 >= minTier) {
-                    console.log(index);
-                    console.log(tier);
                     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));
                 }
             }) })) }));
 };
 
-// Styles of the row in the bonds list. In other words "/bonds" page.
-const bondRowCampaignStyles = {
-    [main.BillArtCollection.HotBondingSummer_Collection1]: {
-        backgroundImage: 'url(https://www.ape.bond/images/hotSummerCampaign/fire.png)',
-        backgroundSize: 'cover',
-    },
-};
-// Styles of the tag component.
-const tagCampaignStyles = {
-    [main.BillArtCollection.HotBondingSummer_Collection1]: {
-        background: '#FF5A00',
-        color: '#fff',
-    },
-};
-const tagIconCampaignStyles = {
-    [main.BillArtCollection.HotBondingSummer_Collection1]: {
-        display: 'flex',
-        position: 'absolute',
-        right: '-40px',
-        zIndex: 1,
-        backgroundImage: 'url(https://www.ape.bond/images/hotSummerCampaign/fireTag.png)',
-        backgroundSize: 'contain',
-        backgroundRepeat: 'no-repeat',
-        backgroundPosition: 'center',
-        width: '50px',
-        height: '35px',
-        marginRight: '4px',
-        top: '50%',
-        transform: 'translateY(-50%)',
-    },
-};
-// Styles of the buy bond modal.
-const buyComponentStyles = {
-    [main.BillArtCollection.HotBondingSummer_Collection1]: {
-        backgroundImage: 'url(https://www.ape.bond/images/hotSummerCampaign/buyBond.png)',
-        backgroundSize: 'cover',
-    },
-};
-// Styles of the token image displayed in the buy bond modal.
-const tokenImageIconStyles = {
-    [main.BillArtCollection.HotBondingSummer_Collection1]: {
-        display: 'flex',
-        top: '12px',
-        left: '50%',
-        transform: 'translate(-50%, -50%)',
-        width: '55px',
-        height: '90px',
-        zIndex: 1,
-        backgroundImage: 'url(https://www.ape.bond/images/hotSummerCampaign/littleFire.png)',
-        backgroundRepeat: 'no-repeat',
-        backgroundSize: 'contain',
-        backgroundPosition: 'center',
-    },
-};
-
 const BondModalHeader = ({ bondData, onDismiss, showProjectInfoButton, }) => {
-    var _a, _b, _c, _d;
+    var _a, _b, _c;
     const isMobile = useIsMobile();
     const SDKConfig = useSDKConfig();
     const [onOpenSlippageModal] = useModal(jsx$2(SlippageModal, { chainId: bondData.chainId }));
@@ -78811,13 +78813,13 @@ const BondModalHeader = ({ bondData, onDismiss, showProjectInfoButton, }) => {
                     height: '30px',
                     mb: ['10px', '10px', '10px', '0px'],
                     justifyContent: ['space-between', 'space-between', 'space-between', 'flex-end'],
-                }, 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[(_b = bondData.billArt) === null || _b === void 0 ? void 0 : _b.collection]) }), jsx$2(Flex, { sx: { position: 'relative', zIndex: 2, display: 'flex', alignItems: 'center', justifyContent: 'center' }, children: jsx$2(TokenImage, { symbol: (_c = bondData.showcaseTokenName) !== null && _c !== void 0 ? _c : bondData.earnToken.symbol, size: 50, chain: bondData.chainId }) })] }), jsxs(Flex, { sx: {
+                }, 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: MCTokenIconStyles[bondData.marketingCampaign] }), jsx$2(TokenImage, { symbol: (_b = bondData.showcaseTokenName) !== null && _b !== void 0 ? _b : bondData.earnToken.symbol, size: 50, chain: bondData.chainId })] }), jsxs(Flex, { sx: {
                             display: 'flex',
                             flexDirection: 'column',
                             pl: ['10px', '10px', '10px', '20px'],
                             fontSize: '24px',
                             fontWeight: 700,
-                        }, children: [bondData === null || bondData === void 0 ? void 0 : bondData.showcaseTokenName, jsx$2(ListTag, { text: (_d = bondData === null || bondData === void 0 ? void 0 : bondData.tags) === null || _d === void 0 ? void 0 : _d[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: {
+                        }, 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: {
                                     p: '3px 6px',
                                     border: '1px solid #9960C5',
                                     borderRadius: 'normal',
@@ -78946,6 +78948,7 @@ const BondCards = ({ bondData }) => {
                         borderBottomRightRadius: 'normal',
                         borderBottomLeftRadius: 'normal',
                     },
+                    background: MCColorMapping.white3[bondData.marketingCampaign],
                 }, children: [jsxs(Flex, { className: "bond-card-title", children: [SDKConfig.namingPreference, jsx$2(TooltipBubble, { className: "tooltip-bubble", body: jsx$2(Flex, { children: TooltipText.Discount }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, -5%)", children: jsx$2("div", { className: "bond-card-tooltip", children: jsx$2(Svg, { icon: "questionCircle", width: "12px" }) }) })] }), jsx$2(BonusComponent, { trueBondPrices: SDKConfig.namingPreference !== 'Discount' ? bondData.trueBondPrices : undefined, minTier: bondData.minTier, tooltipPosition: isMobile ? 'bottomRight' : 'bottomLeft', bonus: SDKConfig.namingPreference === 'Discount' ? `${(_a = bondData === null || bondData === void 0 ? void 0 : bondData.discountWithFee) === null || _a === void 0 ? void 0 : _a.toFixed(2)}%` : undefined })] }), jsxs("div", { className: "bond-card-block", sx: {
                     borderRadius: ['0px', '0px', '0px', 'normal'],
                     '&:first-of-type': {
@@ -78956,6 +78959,7 @@ const BondCards = ({ bondData }) => {
                         borderBottomRightRadius: 'normal',
                         borderBottomLeftRadius: 'normal',
                     },
+                    background: MCColorMapping.white3[bondData.marketingCampaign],
                 }, children: [jsxs("div", { className: "bond-card-title", children: ["Terms", jsx$2(TooltipBubble, { className: "tooltip-bubble", body: jsx$2(Flex, { children: TooltipText.Terms }), 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("div", { className: "bond-card-content", children: [getVestingTermsString(bondData), bondData.vestingCliff && (jsx$2(TooltipBubble, { className: "tooltip-bubble", body: jsx$2(Flex, { children: getVestingTermsTooltipString(bondData) }), 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" }) }) }))] })] }), jsxs("div", { className: "bond-card-block", sx: {
                     borderRadius: ['0px', '0px', '0px', 'normal'],
                     '&:first-of-type': {
@@ -78966,6 +78970,7 @@ const BondCards = ({ bondData }) => {
                         borderBottomRightRadius: 'normal',
                         borderBottomLeftRadius: 'normal',
                     },
+                    background: MCColorMapping.white3[bondData.marketingCampaign],
                 }, children: [jsxs("div", { className: "bond-card-title", children: ["Max Buy", jsx$2(TooltipBubble, { className: "tooltip-bubble", body: jsx$2(Flex, { children: TooltipText.MaxBuy((_b = bondData === null || bondData === void 0 ? void 0 : bondData.earnToken) === null || _b === void 0 ? void 0 : _b.symbol) }), 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, { className: "bond-card-content", sx: { alignItems: 'center' }, children: [jsx$2("div", { style: { paddingRight: '3px' }, children: jsx$2(TokenImage, { symbol: (_c = bondData.showcaseTokenName) !== null && _c !== void 0 ? _c : bondData.earnToken.symbol, size: 22, chain: bondData.chainId }) }), formatNumberSI(maxBuy(bondData, SDKConfig.showLowValueBonds).toFixed(0), 2)] })] }), jsxs("div", { className: "bond-card-block", sx: {
                     borderRadius: ['0px', '0px', '0px', 'normal'],
                     '&:first-of-type': {
@@ -78976,6 +78981,7 @@ const BondCards = ({ bondData }) => {
                         borderBottomRightRadius: 'normal',
                         borderBottomLeftRadius: 'normal',
                     },
+                    background: MCColorMapping.white3[bondData.marketingCampaign],
                 }, children: [jsxs(Flex, { className: "bond-card-title", children: ["Tokens Remaining", jsx$2(TooltipBubble, { className: "tooltip-bubble", body: jsx$2(Flex, { children: TooltipText.TokensRemaining }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, -5%)", children: jsx$2("div", { className: "bond-card-tooltip", children: jsx$2(Svg, { icon: "questionCircle", width: "12px" }) }) })] }), jsx$2(ProgressBarWrapper$1, { title: '', value: jsx$2(ProgressBar, { value: remainingPercentage(bondData) }), style: {
                             width: '127px',
                             height: '25px',
@@ -79158,7 +79164,7 @@ const GetUpToComponent = ({ bond, depositAmount }) => {
                             zIndex: 0,
                             background: '#9960C5',
                             opacity: 0.2,
-                        } }), 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 }) })) })] })));
+                        } }), jsxs(Flex, { sx: { alignItems: 'center', display: ['ruby', 'ruby', 'ruby', 'flex'] }, children: [jsx$2("img", { src: `https://ape.bond/images/launch/mythical.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 }) })) })] })));
 };
 
 const StepBubble = ({ number, title, currentStep, hideBar, loading, }) => {
@@ -79338,7 +79344,9 @@ const TransactionModal = ({ onDismiss, txChain, approvalState, approveCallback,
     }, [buyTxHash, txReceipt, isSuccess]);
     const currentStep = showSwitchChainFlow ? (hasToSwitchChain ? 1 : hasToApprove ? 2 : 3) : hasToApprove ? 1 : 2;
     const splited = typeof inputToken !== 'string' ? (_d = inputToken === null || inputToken === void 0 ? void 0 : inputToken.symbol) === null || _d === void 0 ? void 0 : _d.split('-') : undefined;
-    const trueBondPrice = findHighestTrueBondPrice((_e = TIERS_WEIGHT[getUserTier(userPoints)]) !== null && _e !== void 0 ? _e : '0', bondData === null || bondData === void 0 ? void 0 : bondData.trueBondPrices);
+    const trueBondPrice = findHighestTrueBondPrice(
+    // @ts-ignore
+    (_e = TIERS_WEIGHT[getUserTier(userPoints)]) !== null && _e !== void 0 ? _e : '0', bondData === null || bondData === void 0 ? void 0 : bondData.trueBondPrices);
     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 ||
                                 approveLoading ||
                                 loadingTx ||
@@ -79389,7 +79397,7 @@ const TransactionModal = ({ onDismiss, txChain, approvalState, approveCallback,
 };
 
 const BuyComponent = ({ onDismiss, bondAddress, bondChain, handlePurchasedBond, isProjectView, }) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+    var _a, _b, _c, _d, _e, _f, _g, _h;
     // Hooks
     const SDKConfig = useSDKConfig();
     const userChainId = useChainId();
@@ -79646,7 +79654,7 @@ const BuyComponent = ({ onDismiss, bondAddress, bondChain, handlePurchasedBond,
         }
         /* eslint-disable react-hooks/exhaustive-deps */
     }, [rateChanged]);
-    return bondData ? (jsx$2(Flex, { className: "modal-content", sx: Object.assign({}, buyComponentStyles[(_j = bondData === null || bondData === void 0 ? void 0 : bondData.billArt) === null || _j === void 0 ? void 0 : _j.collection]), 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: {
+    return bondData ? (jsx$2(Flex, { className: "modal-content", sx: Object.assign({}, MCBuyComponentStyles[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, marketingCampaign: bondData === null || bondData === void 0 ? void 0 : bondData.marketingCampaign }), SDKConfig.useTiers && jsx$2(GetUpToComponent, { bond: bondData, depositAmount: depositAmount }), (bondData === null || bondData === void 0 ? void 0 : bondData.warningCard) && (jsx$2(Flex, { sx: {
                         width: '100%',
                         background: '#DE62F366',
                         // justifyContent: 'center',
@@ -80610,7 +80618,7 @@ const ConnectSolanaWallet = ({ navBarFlag }) => {
 };
 
 const BuyComponentSolana = ({ onDismiss, bondAddress, bondChain, isProjectView, setBillId, }) => {
-    var _a, _b, _c, _d, _e, _f, _g;
+    var _a, _b, _c, _d, _e, _f;
     const SDKConfig = useSDKConfig();
     // Hooks
     const { publicKey: accountSolana, signTransaction } = useSOLAccount();
@@ -81104,7 +81112,7 @@ const BuyComponentSolana = ({ onDismiss, bondAddress, bondChain, isProjectView,
         }
         /* eslint-disable react-hooks/exhaustive-deps */
     }, [inputCurrencyBalance, zapListFetched]);
-    return bondData ? (jsx$2(Flex, { className: "modal-content", sx: Object.assign({}, buyComponentStyles[(_f = bondData === null || bondData === void 0 ? void 0 : bondData.billArt) === null || _f === void 0 ? void 0 : _f.collection]), 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: {
+    return bondData ? (jsx$2(Flex, { className: "modal-content", sx: Object.assign({}, MCBuyComponentStyles[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: {
                         width: '100%',
                         background: '#DE62F366',
                         justifyContent: 'center',
@@ -81114,7 +81122,7 @@ const BuyComponentSolana = ({ onDismiss, bondAddress, bondChain, isProjectView,
                     }, 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: () => {
                                         var _a, _b;
                                         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');
-                                    }, sx: { width: ['100%', '100%', '100%', '35%'] }, children: ["get ", (_g = bondData === null || bondData === void 0 ? void 0 : bondData.lpToken) === null || _g === void 0 ? void 0 : _g.symbol] }), jsx$2(Button, { className: "action-button", load: load, disabled: load ||
+                                    }, 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 ||
                                         (bondData === null || bondData === void 0 ? void 0 : bondData.soldOut) ||
                                         !accountSolana ||
                                         !inputValue ||
@@ -81703,7 +81711,7 @@ const BonusContainer = ({ trueBondPrices, minTier, bonus, airdropTooltip, toolti
     return (jsx$2("div", { className: `discount-column`, children: jsx$2(BonusComponent, { trueBondPrices: trueBondPrices, minTier: minTier, bonus: bonus, airdropTooltip: airdropTooltip, tooltipPosition: isMobile ? tooltipPosition : 'bottomLeft' }) }));
 };
 
-const BondRow = ({ bondAddress, bondChain, billArtCollection, payoutToken, billType, tag, bondSoldOut, trueBondPrices, minTier, bonus, airdropTooltip, vestingTermString, vestingCliffString, percentageAvailable, remainingTokensString, projectURL, twitterURL, auditURL, shortDescription, soldoutBondsCount, isOpen, }) => {
+const BondRow = ({ bondAddress, bondChain, marketingCampaign, payoutToken, billType, tag, bondSoldOut, trueBondPrices, minTier, bonus, airdropTooltip, vestingTermString, vestingCliffString, percentageAvailable, remainingTokensString, projectURL, twitterURL, auditURL, shortDescription, soldoutBondsCount, isOpen, }) => {
     var _a, _b, _c;
     const SDKConfig = useSDKConfig();
     const locationPath = window.location.pathname.replace('/', '');
@@ -81733,7 +81741,7 @@ const BondRow = ({ bondAddress, bondChain, billArtCollection, payoutToken, billT
         });
     };
     return (jsxs("div", { className: "bond-row" // Insert special campaign styles here
-        , onClick: handleOpenModal, sx: Object.assign(Object.assign({ borderRadius: 'normal' }, bondRowCampaignStyles[billArtCollection]), { 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, billArtCollection: billArtCollection }) }), 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: {
+        , onClick: handleOpenModal, sx: Object.assign(Object.assign({ borderRadius: 'normal' }, MCBondRowStyles[marketingCampaign]), { 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: {
                                 width: '127px',
                                 height: '25px',
                                 flexDirection: 'column',
@@ -81742,46 +81750,33 @@ const BondRow = ({ bondAddress, bondChain, billArtCollection, payoutToken, billT
                             }, 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}`));
 };
 
-const getUserApiStats = (account) => __awaiter$9(void 0, void 0, void 0, function* () {
-    if (!account)
-        return null;
-    const { data } = yield axios.get(`https://dashboard-api.ape.bond/collector/userSalesInfo/purchased/${account}`);
-    return data;
-});
-function useUserApiStats() {
-    const { address: account } = useEVMAccount();
-    return useQuery({
-        queryKey: [`${QUERY_KEYS.USER_STATS}-${account}`],
-        queryFn: () => getUserApiStats(account),
-        staleTime: Infinity,
-        refetchOnWindowFocus: false,
-        refetchOnMount: false,
-        retry: 1,
-    });
-}
-
+// import useUserApiStats from '../../../../state/bondApiStats/useUserApiStats'
 const BuyAgainRow = () => {
     var _a, _b, _c;
-    const { data: userData } = useUserApiStats();
+    // const { data: userData } = useUserApiStats()
     const { data: bills } = useBondsData();
     const SDKConfig = useSDKConfig();
     const chains = SDKConfig === null || SDKConfig === void 0 ? void 0 : SDKConfig.chains;
-    const bond = useMemo(() => {
-        if (userData && (userData === null || userData === void 0 ? void 0 : userData.Sales.length) > 0) {
-            const sortedPurchases = userData === null || userData === void 0 ? void 0 : userData.Sales.sort((a, b) => b.dollarValue - a.dollarValue);
-            const activeBills = bills === null || bills === void 0 ? void 0 : bills.filter((bill) => !isBondSoldOut(bill, SDKConfig.showLowValueBonds) && (chains === null || chains === void 0 ? void 0 : chains.includes(bill.chainId)));
-            const highestActivePurchase = sortedPurchases === null || sortedPurchases === void 0 ? void 0 : sortedPurchases.find((purchase) => activeBills === null || activeBills === void 0 ? void 0 : activeBills.find((bill) => {
-                var _a, _b;
-                if (purchase.contractAddress.toLowerCase() === ((_b = (_a = bill === null || bill === void 0 ? void 0 : bill.contractAddress) === null || _a === void 0 ? void 0 : _a[bill.chainId]) === null || _b === void 0 ? void 0 : _b.toLowerCase()))
-                    return true;
-            }));
-            return activeBills === null || activeBills === void 0 ? void 0 : activeBills.find((bill) => {
-                var _a, _b, _c;
-                return ((_b = (_a = bill === null || bill === void 0 ? void 0 : bill.contractAddress) === null || _a === void 0 ? void 0 : _a[bill.chainId]) === null || _b === void 0 ? void 0 : _b.toLowerCase()) ===
-                    ((_c = highestActivePurchase === null || highestActivePurchase === void 0 ? void 0 : highestActivePurchase.contractAddress) === null || _c === void 0 ? void 0 : _c.toLowerCase());
-            });
-        }
-    }, [SDKConfig.showLowValueBonds, bills, chains, userData]);
+    // const bond = useMemo(() => {
+    //   if (userData && userData?.Sales.length > 0) {
+    //     const sortedPurchases = userData?.Sales.sort((a, b) => b.dollarValue - a.dollarValue)
+    //     const activeBills = bills?.filter(
+    //       (bill) => !isBondSoldOut(bill, SDKConfig.showLowValueBonds) && chains?.includes(bill.chainId),
+    //     )
+    //     const highestActivePurchase = sortedPurchases?.find((purchase) =>
+    //       activeBills?.find((bill) => {
+    //         if (purchase.contractAddress.toLowerCase() === bill?.contractAddress?.[bill.chainId]?.toLowerCase())
+    //           return true
+    //       }),
+    //     )
+    //     return activeBills?.find(
+    //       (bill) =>
+    //         bill?.contractAddress?.[bill.chainId]?.toLowerCase() ===
+    //         highestActivePurchase?.contractAddress?.toLowerCase(),
+    //     )
+    //   }
+    // }, [SDKConfig.showLowValueBonds, bills, chains, userData])
+    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]);
     const bondAddress = (_a = bond === null || bond === void 0 ? void 0 : bond.contractAddress) === null || _a === void 0 ? void 0 : _a[bond.chainId];
     const remainingTokensFormat = (bond) => {
         const tokensRemaining = 'tokensRemaining' in bond ? bond.tokensRemaining : '0';
@@ -81816,7 +81811,7 @@ const BuyAgainRow = () => {
                             pl: '26px',
                             color: 'primaryBright',
                             height: '91px',
-                        }, children: "BUY AGAIN" }) }), jsx$2(Flex, { onClick: () => {
+                        }, children: "BOND SPOTLIGHT" }) }), jsx$2(Flex, { onClick: () => {
                         track({
                             event: 'buyAgainClick',
                             chain: bond.chainId,
@@ -87212,7 +87207,7 @@ const ActiveBondRows = ({ chain, bonds, hideTitles, showHotBonds }) => {
                         marginTop: '0px',
                     }, 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) => {
                             // PRE TGE ROWS
-                            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;
+                            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
                             if (bondFromMap.billType === 'fcfs') {
                                 const bond = bondFromMap;
                                 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);
@@ -87228,40 +87223,40 @@ const ActiveBondRows = ({ chain, bonds, hideTitles, showHotBonds }) => {
                                 const now = new Date().getTime();
                                 const saleFinishTime = ((_r = bond === null || bond === void 0 ? void 0 : bond.finishTime) !== null && _r !== void 0 ? _r : 0) * 1000;
                                 const saleHasFinished = now > saleFinishTime || bond.finalized;
-                                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
+                                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
                                         ? `0 ${earnToken} ($0) `
                                         : `${formatNumberSI(tokensRemaining, 0)} ${earnToken} ($${formatNumberSI(tokensRemainingUSD, 2)})`, vestingTermString: saleHasFinished
                                         ? '-'
                                         : initialRelease === 100
                                             ? `0 D`
-                                            : `${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}`));
+                                            : `${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}`));
                             }
                             else {
                                 // POST TGE BONDS AKA NORMAL BONDS
                                 const bond = bondFromMap;
-                                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];
+                                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];
                                 const remainingTokensString = getRemainingTokensString(bond);
-                                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}`));
+                                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}`));
                             }
                         }), showHotBonds && (jsx$2(SwiperProvider, { children: jsx$2(HotBondCards, {}) }))] }, key))] }) }, key));
 };
 
 const SoldOutRows = ({ bonds }) => {
-    var _a, _b, _c;
+    var _a, _b;
     const bond = bonds[0];
     const [isOpen, setIsOpen] = useState(false);
-    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], 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, soldoutBondsCount: bonds.length > 1 ? bonds.length : undefined, isOpen: isOpen }, `${bond.contractAddress[bond.chainId]}-${bond.chainId}`) }), bonds.length > 1 &&
+    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 &&
                 isOpen &&
                 bonds
                     .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); })
                     .map((bond) => {
-                    var _a, _b, _c;
+                    var _a, _b;
                     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: {
                             position: 'relative',
                             overflow: 'hidden',
                             width: '100%',
                             marginTop: '0px',
-                        }, 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], 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]}-${bond.chainId}`));
+                        }, 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}`));
                 })] }));
 };
 
@@ -87637,8 +87632,8 @@ const SelectItem = (_a) => {
         }, children: jsx$2(Flex, { sx: style, children: children }) })));
 };
 
-const ListTag = ({ text = '', billArtCollection }) => {
-    return (jsxs(Flex, { sx: { position: 'relative' }, children: [jsx$2(Flex, { sx: Object.assign({ display: 'none' }, tagIconCampaignStyles[billArtCollection]) }), 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[billArtCollection]), { zIndex: 2 }), children: billArtCollection === main.BillArtCollection.HotBondingSummer_Collection1 ? 'Summer Sale' : text })] }));
+const ListTag = ({ text = '', marketingCampaign }) => {
+    return (jsx$2(Flex, { sx: { position: 'relative' }, children: jsx$2(Flex, { sx: Object.assign({ background: '#3C6AB530', color: '#3b78d3', fontSize: '10px', fontWeight: 600, lineHeight: '15px', p: '2px 6px', borderRadius: '5px', width: 'fit-content', zIndex: 2 }, MCTagStyles[marketingCampaign]), children: text.toUpperCase() }) }));
 };
 
 const Context = createContext$1({

package/dist/state/tiers/useTierPoints.d.ts

@@ -21,6 +21,6 @@ export declare const TIERS_NAMES: {
     4: string;
     5: string;
 };
-export declare const getUserTier: (weight: string) => LaunchBondTiers | null;
+export declare const getUserTier: (weight?: string | null) => LaunchBondTiers | null;
 export declare const fetchUserPoints: (account?: string, useTiers?: boolean, apiUrl?: string) => Promise<string | null>;
 export default function useTierPoints(): import("@tanstack/react-query").UseQueryResult<string | null, Error>;

package/dist/styles.css

@@ -73,18 +73,20 @@
 }
 .bonds-cards .bond-card-block {
   display: flex;
-  padding: 8px 12px;
+  padding: 6px 12px;
   background: var(--theme-ui-colors-white3);
   width: 100%;
   align-items: center;
   justify-content: space-between;
-  margin-bottom: 1px;
+  border-bottom: 1px solid var(--theme-ui-colors-white2);
+  max-height: 32px;
 }
 @media screen and (min-width: 800px) {
   .bonds-cards .bond-card-block {
     width: 350px;
     flex-direction: column;
     padding: 12px;
+    max-height: none;
   }
 }
 .bonds-cards .bond-card-block .bond-card-title {
@@ -379,12 +381,11 @@
   flex-direction: row;
   align-items: center;
   justify-content: space-between;
-  opacity: 0.8;
   padding-left: 6px;
 }
 
 .balancerow.text {
-  opacity: 0.8;
+  opacity: 0.6;
   align-items: center;
   font-size: 12px;
 }

package/dist/utils/campaignStyles.d.ts

@@ -1,7 +1,15 @@
 import { ThemeUIStyleObject } from 'theme-ui';
-import { BillArtCollection } from '@ape.swap/apeswap-lists';
-export declare const bondRowCampaignStyles: Partial<Record<BillArtCollection, ThemeUIStyleObject>>;
-export declare const tagCampaignStyles: Partial<Record<BillArtCollection, ThemeUIStyleObject>>;
-export declare const tagIconCampaignStyles: Partial<Record<BillArtCollection, ThemeUIStyleObject>>;
-export declare const buyComponentStyles: Partial<Record<BillArtCollection, ThemeUIStyleObject>>;
-export declare const tokenImageIconStyles: Partial<Record<BillArtCollection, ThemeUIStyleObject>>;
+import { MarketingCampaign } from '@ape.swap/apeswap-lists';
+export declare const MCTagStyles: Partial<Record<MarketingCampaign, ThemeUIStyleObject>>;
+export declare const MCBuyComponentStyles: Partial<Record<MarketingCampaign, ThemeUIStyleObject>>;
+export declare const MCBondRowStyles: Partial<Record<MarketingCampaign, ThemeUIStyleObject>>;
+export declare const MCColorMapping: {
+    white3: {
+        Christmas2025: string;
+    };
+    white4: {
+        Christmas2025: string;
+    };
+};
+export declare const MCTokenIconStyles: Partial<Record<MarketingCampaign, ThemeUIStyleObject>>;
+export declare const MCTagNameMapping: Partial<Record<MarketingCampaign, string>>;

package/dist/views/Bonds/components/BondRows/BondRow.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
 import { TrueBondPrices } from '../../../../types/bonds';
-import { BillArtCollection, ChainId, LaunchBondTiers, Token } from '@ape.swap/apeswap-lists';
+import { ChainId, LaunchBondTiers, MarketingCampaign, Token } from '@ape.swap/apeswap-lists';
 interface BondRowProps {
     bondAddress: string;
     bondChain: ChainId;
-    billArtCollection?: BillArtCollection;
+    marketingCampaign?: MarketingCampaign;
     payoutToken: Token;
     billType: string;
     tag?: string;

package/package.json

@@ -3,7 +3,7 @@
   "description": "Ape Bond SDK",
   "author": "Ape Bond",
   "license": "MIT",
-  "version": "4.5.0-test.9",
+  "version": "4.5.2",
   "module": "dist/main.js",
   "type": "module",
   "types": "dist/main.d.ts",
@@ -79,7 +79,7 @@
   },
   "dependencies": {
     "@jup-ag/api": "6.0.45",
-    "@ape.swap/apeswap-lists": "4.5.0",
+    "@ape.swap/apeswap-lists": "4.5.1",
     "@emotion/react": "11.14.0",
     "bignumber.js": "^9.1.2",
     "buffer": "^6.0.3",