@ape.swap/bonds-sdk 2.5.4 → 2.6.2

package/dist/components/TagXmasFlashBond/TagXmasFlashBond.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { LaunchBondTiers } from '@ape.swap/apeswap-lists';
+interface XmasFlashBondProps {
+    userTier: LaunchBondTiers | null;
+    minTier: number | undefined;
+}
+declare const TagXmasFlashBond: React.FC<XmasFlashBondProps>;
+export default TagXmasFlashBond;

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, chainId, handleValueBtn, handleCurrencySelect, enableZap, tokenBalance, selectedTokenPrice, bondPrincipalToken, bondEarnToken, modalVariant, }: {
+declare const TokenSelectorPanel: ({ typedValue, setTypedValue, selectedToken, chainId, handleValueBtn, handleCurrencySelect, enableZap, tokenBalance, selectedTokenPrice, bondPrincipalToken, bondEarnToken, modalVariant, inputDisabled, }: {
     typedValue: string;
     setTypedValue: (value: React.SetStateAction<string>) => void;
     selectedToken?: "NATIVE" | Token;
@@ -13,5 +13,6 @@ declare const TokenSelectorPanel: ({ typedValue, setTypedValue, selectedToken, c
     bondPrincipalToken?: Token;
     bondEarnToken?: Token;
     modalVariant?: "alt" | "standard";
+    inputDisabled?: boolean;
 }) => React.JSX.Element;
 export default TokenSelectorPanel;

package/dist/config/constants/addresses.d.ts

@@ -7,4 +7,5 @@ export declare const PRICE_GETTER_ADDRESSES: AddressMap;
 export declare const MULTICALL_V2: AddressMap;
 export declare const SoulZapTokenManager: Partial<Record<ChainId, string>>;
 export declare const ACF_TO_ABOND: string;
+export declare const LENS_CONTRACT: AddressMap;
 export {};

package/dist/main.js

@@ -39230,7 +39230,7 @@ const vestingTimeRemaining = (userBill) => {
 };
 const vestingTimeRemainingYourBonds = (userBill) => {
     const currentTime = new Date().getTime() / 1000;
-    return (parseInt(userBill.lastBlockTimestamp) + parseInt(userBill.vesting) - currentTime);
+    return parseInt(userBill.lastBlockTimestamp) + parseInt(userBill.vesting) - currentTime;
 };
 const discountEarnTokenPrice = (bond) => {
     var _a, _b;
@@ -39268,10 +39268,10 @@ function formatUSDNumber(input) {
     }
     // If the number is greater than 1k, round to no decimals.
     if (number.gt(1000)) {
-        return number.toNumber().toLocaleString(undefined, { maximumFractionDigits: 0 });
+        return number.toNumber().toLocaleString('en-US', { maximumFractionDigits: 0 });
     }
     // Note: Between 1k and 0.01 show 2 decimals
-    return parseFloat(number.toFixed(2)).toLocaleString(undefined);
+    return parseFloat(number.toFixed(2)).toLocaleString('en-US');
 }
 const youSpend = (inputValue) => formatNumber$2(inputValue);
 const youSpendUSD = (bond, inputValue) => {
@@ -49086,6 +49086,9 @@ const SoulZapTokenManager = {
     [types.ChainId.AVAX]: '0xC4dE46cBE21400dabE2E7c66E04F43acE4b5b910',
 };
 const ACF_TO_ABOND = '0xEce2b9C3704632Ce760271B0b84E3A4A698Ca962';
+const LENS_CONTRACT = {
+    [types.ChainId.BSC]: '0x6Fb7A34A271cc0F4016db6A3BAA6206757a9a164',
+};
 
 var bn$1 = {exports: {}};
 
@@ -71732,7 +71735,8 @@ const YourBonds = () => {
             return;
         if (sortConfig === null) {
             const sortedBills = (_a = [...userBonds]) === null || _a === void 0 ? void 0 : _a.sort((a, b) => {
-                const vestingDifference = parseFloat(vestingTimeRemainingYourBonds(b).toFixed(3)) - parseFloat(vestingTimeRemainingYourBonds(a).toFixed(3));
+                const vestingDifference = parseFloat(vestingTimeRemainingYourBonds(b).toFixed(3)) -
+                    parseFloat(vestingTimeRemainingYourBonds(a).toFixed(3));
                 if (vestingDifference !== 0) {
                     return vestingDifference;
                 }
@@ -72557,7 +72561,7 @@ const TokenSelectorModal = ({ bondPrincipalToken, bondEarnToken, handleCurrencyS
                         }) })] }) }) }));
 };
 
-const TokenSelectorPanel = ({ typedValue, setTypedValue, selectedToken, chainId, handleValueBtn, handleCurrencySelect, enableZap, tokenBalance, selectedTokenPrice, bondPrincipalToken, bondEarnToken, modalVariant, }) => {
+const TokenSelectorPanel = ({ typedValue, setTypedValue, selectedToken, chainId, handleValueBtn, handleCurrencySelect, enableZap, tokenBalance, selectedTokenPrice, bondPrincipalToken, bondEarnToken, modalVariant, inputDisabled = false, }) => {
     var _a, _b;
     const { address: account } = useAccount();
     const tokenBalanceString = tokenBalance ? new BigNumber$1(tokenBalance).toPrecision(5) : 'loading';
@@ -72580,7 +72584,7 @@ const TokenSelectorPanel = ({ typedValue, setTypedValue, selectedToken, chainId,
                                     !!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);
-                            } }) }), jsxs(Flex$1, { className: "input-container token", onClick: () => (enableZap ? onTokenSelectorModal() : null), sx: { cursor: enableZap ? 'pointer' : 'default' }, children: [jsxs(Flex$1, { 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: chainId })) : (jsx$2(TokenImage, { symbol: getSymbol(selectedToken, chainId), size: 28, chain: chainId })) }), jsx$2(Flex$1, { className: "title-container tokenname", children: getSymbol(selectedToken, chainId) })] }), 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' }, children: [jsxs(Flex$1, { 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: chainId })) : (jsx$2(TokenImage, { symbol: getSymbol(selectedToken, chainId), size: 28, chain: chainId })) }), jsx$2(Flex$1, { className: "title-container tokenname", children: getSymbol(selectedToken, chainId) })] }), 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
                             ? `$${formatUSDNumber((selectedTokenPrice * parseFloat(typedValue)).toFixed(2))}`
                             : '' }), jsxs(Flex$1, { children: [account && jsxs(Flex$1, { className: "balancerow text", children: ["Balance: ", tokenBalanceString] }), jsxs(Flex$1, { className: "balancerow max", children: [tokenBalance && tokenBalance !== '0' && handleValueBtn && modalVariant !== 'alt' && (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" }) })), tokenBalance && tokenBalance !== '0' && handleValueBtn && modalVariant === 'alt' && (jsxs(Flex$1, { children: [jsx$2(Button, { className: "max-button", onClick: () => handleValueBtn((parseFloat(tokenBalance) / 4).toString()), children: "25%" }), jsx$2(Button, { className: "max-button", onClick: () => handleValueBtn((parseFloat(tokenBalance) / 2).toString()), children: "50%" }), jsx$2(Button, { className: "max-button", onClick: () => handleValueBtn((parseFloat(tokenBalance) * 0.75).toString()), children: "75%" }), 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" })] }))] })] })] })] }));
 };
@@ -74067,7 +74071,7 @@ const BondModalHeader = ({ bondData, onDismiss, showProjectInfoButton, }) => {
             },
         });
     };
-    return (jsxs(Flex, { className: "modaltable-container title-container", children: [jsx$2(Flex, { className: "title-container bondicon", children: jsx$2(TokenImage, { symbol: (_a = bondData.showcaseTokenName) !== null && _a !== void 0 ? _a : bondData.earnToken.symbol, size: 50, chain: bondData.chainId }) }), jsxs(Flex, { className: "title-container bondname", children: [bondData === null || bondData === void 0 ? void 0 : bondData.showcaseTokenName, jsx$2(ListTag, { text: (_b = bondData === null || bondData === void 0 ? void 0 : bondData.tags) === null || _b === void 0 ? void 0 : _b[0] })] }), jsxs(Flex, { className: "title-container price-container", children: [jsxs(Flex, { className: "price-container price", children: ["$", earnTokenPrice(bondData)] }), jsxs(Flex, { className: "price-container discounted", children: ["$", discountEarnTokenPrice(bondData)] })] }), jsx$2(Flex, { className: "slipagge-close-icons", children: onDismiss ? (jsxs(Fragment$1, { children: [showProjectInfoButton && jsx$2(ExpandedViewButton, { handleNavigation: handleProjectViewNavigation }), jsx$2(IconButton, { icon: "close", color: "text", variant: "transparent", onClick: handleClose }), jsx$2(Flex, { sx: { py: '3px' }, onClick: onOpenSlippageModal, children: jsx$2(Svg, { icon: "cog", width: "16px" }) })] })) : (jsx$2(Flex, { sx: { py: '3px' }, onClick: onOpenSlippageModal, children: jsx$2(Svg, { icon: "cog", width: "16px" }) })) })] }));
+    return (jsxs(Flex, { className: "modaltable-container title-container", children: [jsxs(Flex, { className: "title-container bondicon", children: [jsx$2("img", { src: "/images/bills/xmasHat.png", alt: "xmas-hat", className: "xmas-hat" }), jsx$2(TokenImage, { symbol: (_a = bondData.showcaseTokenName) !== null && _a !== void 0 ? _a : bondData.earnToken.symbol, size: 50, chain: bondData.chainId })] }), jsxs(Flex, { className: "title-container bondname", children: [bondData === null || bondData === void 0 ? void 0 : bondData.showcaseTokenName, jsx$2(ListTag, { text: (_b = bondData === null || bondData === void 0 ? void 0 : bondData.tags) === null || _b === void 0 ? void 0 : _b[0] })] }), jsxs(Flex, { className: "title-container price-container", children: [jsxs(Flex, { className: "price-container price", children: ["$", earnTokenPrice(bondData)] }), jsxs(Flex, { className: "price-container discounted", children: ["$", discountEarnTokenPrice(bondData)] })] }), jsx$2(Flex, { className: "slipagge-close-icons", children: onDismiss ? (jsxs(Fragment$1, { children: [showProjectInfoButton && jsx$2(ExpandedViewButton, { handleNavigation: handleProjectViewNavigation }), jsx$2(IconButton, { icon: "close", color: "text", variant: "transparent", onClick: handleClose }), jsx$2(Flex, { sx: { py: '3px' }, onClick: onOpenSlippageModal, children: jsx$2(Svg, { icon: "cog", width: "16px" }) })] })) : (jsx$2(Flex, { sx: { py: '3px' }, onClick: onOpenSlippageModal, children: jsx$2(Svg, { icon: "cog", width: "16px" }) })) })] }));
 };
 
 const BondCards = ({ bondData }) => {
@@ -74236,6 +74240,427 @@ const NoBonusModal = ({ onAcknowledge, showcaseTokenName }) => {
     return (isOpen && (jsxs(Modal, { className: "nobonus-modal", title: "Warning", onClose: handleAcknowledge, children: [jsxs("p", { children: ["You're buying ", showcaseTokenName, " at a higher price than the market, which will result in receiving fewer tokens compared to swapping via an exchange."] }), jsx$2("p", { children: "You will not receive any bonus tokens when buying this bond." }), jsxs(Flex, { className: "nobonus-checkbox-row", sx: { flexDirection: 'row', gap: '8px', pb: '20px' }, children: [jsx$2(Flex, { className: "nobonus-checkbox", children: jsx$2(Checkbox, { onChange: handleCheckboxChange }) }), jsx$2(Flex, { className: "nobonus-checkbox-text", children: "I understand and want to proceed." })] }), jsxs(Flex, { className: "nobonus-actions", sx: { flexDirection: 'row', gap: '8px' }, children: [jsx$2(Button, { classname: "nobonus-cancel", onClick: handleCancel, sx: { width: '100%', justifyContent: 'center' }, variant: "secondary", children: "Cancel" }), jsx$2(Button, { className: "nobonus-buy", onClick: handleAcknowledge, disabled: !isChecked, sx: { width: '100%', justifyContent: 'center' }, children: "Buy" })] })] })));
 };
 
+var lensContractABI = [
+	{
+		inputs: [
+		],
+		stateMutability: "nonpayable",
+		type: "constructor"
+	},
+	{
+		inputs: [
+		],
+		name: "DurationsNotDescendingOrder",
+		type: "error"
+	},
+	{
+		inputs: [
+		],
+		name: "MismatchedLengths",
+		type: "error"
+	},
+	{
+		inputs: [
+		],
+		name: "MultiplierBelowPrecision",
+		type: "error"
+	},
+	{
+		inputs: [
+		],
+		name: "NotLockOwner",
+		type: "error"
+	},
+	{
+		anonymous: false,
+		inputs: [
+			{
+				indexed: false,
+				internalType: "uint8",
+				name: "version",
+				type: "uint8"
+			}
+		],
+		name: "Initialized",
+		type: "event"
+	},
+	{
+		anonymous: false,
+		inputs: [
+			{
+				indexed: false,
+				internalType: "uint256[]",
+				name: "durationThresholds",
+				type: "uint256[]"
+			},
+			{
+				indexed: false,
+				internalType: "uint256[]",
+				name: "multipliers",
+				type: "uint256[]"
+			}
+		],
+		name: "MultipliersUpdated",
+		type: "event"
+	},
+	{
+		anonymous: false,
+		inputs: [
+			{
+				indexed: true,
+				internalType: "address",
+				name: "previousOwner",
+				type: "address"
+			},
+			{
+				indexed: true,
+				internalType: "address",
+				name: "newOwner",
+				type: "address"
+			}
+		],
+		name: "OwnershipTransferred",
+		type: "event"
+	},
+	{
+		inputs: [
+		],
+		name: "MULTIPLIER_PRECISION",
+		outputs: [
+			{
+				internalType: "uint256",
+				name: "",
+				type: "uint256"
+			}
+		],
+		stateMutability: "view",
+		type: "function"
+	},
+	{
+		inputs: [
+			{
+				internalType: "uint256",
+				name: "",
+				type: "uint256"
+			}
+		],
+		name: "durationDaysThresholds",
+		outputs: [
+			{
+				internalType: "uint256",
+				name: "",
+				type: "uint256"
+			}
+		],
+		stateMutability: "view",
+		type: "function"
+	},
+	{
+		inputs: [
+			{
+				internalType: "address",
+				name: "escrowOwner",
+				type: "address"
+			}
+		],
+		name: "getEscrowWeight",
+		outputs: [
+			{
+				internalType: "uint256",
+				name: "totalWeight",
+				type: "uint256"
+			},
+			{
+				internalType: "uint256",
+				name: "maxMultiplier",
+				type: "uint256"
+			},
+			{
+				internalType: "uint256",
+				name: "maxTier",
+				type: "uint256"
+			}
+		],
+		stateMutability: "view",
+		type: "function"
+	},
+	{
+		inputs: [
+			{
+				internalType: "address",
+				name: "escrowOwner",
+				type: "address"
+			},
+			{
+				internalType: "uint256[]",
+				name: "tokenIds",
+				type: "uint256[]"
+			}
+		],
+		name: "getEscrowWeightForTokenIds",
+		outputs: [
+			{
+				internalType: "uint256",
+				name: "totalWeight",
+				type: "uint256"
+			},
+			{
+				internalType: "uint256",
+				name: "maxMultiplier",
+				type: "uint256"
+			},
+			{
+				internalType: "uint256",
+				name: "maxTier",
+				type: "uint256"
+			}
+		],
+		stateMutability: "view",
+		type: "function"
+	},
+	{
+		inputs: [
+			{
+				internalType: "uint256",
+				name: "durationDays",
+				type: "uint256"
+			}
+		],
+		name: "getMultiplierForDaysLocked",
+		outputs: [
+			{
+				internalType: "uint256",
+				name: "multiplier",
+				type: "uint256"
+			},
+			{
+				internalType: "uint256",
+				name: "tier",
+				type: "uint256"
+			}
+		],
+		stateMutability: "view",
+		type: "function"
+	},
+	{
+		inputs: [
+		],
+		name: "getMultipliers",
+		outputs: [
+			{
+				internalType: "uint256[]",
+				name: "_durationDaysThresholds",
+				type: "uint256[]"
+			},
+			{
+				internalType: "uint256[]",
+				name: "_multipliers",
+				type: "uint256[]"
+			}
+		],
+		stateMutability: "view",
+		type: "function"
+	},
+	{
+		inputs: [
+			{
+				internalType: "address",
+				name: "_votingEscrowAddress",
+				type: "address"
+			},
+			{
+				internalType: "uint256[]",
+				name: "_durationDaysThresholds",
+				type: "uint256[]"
+			},
+			{
+				internalType: "uint256[]",
+				name: "_multipliers",
+				type: "uint256[]"
+			}
+		],
+		name: "initialize",
+		outputs: [
+		],
+		stateMutability: "nonpayable",
+		type: "function"
+	},
+	{
+		inputs: [
+			{
+				internalType: "uint256",
+				name: "",
+				type: "uint256"
+			}
+		],
+		name: "multipliers",
+		outputs: [
+			{
+				internalType: "uint256",
+				name: "",
+				type: "uint256"
+			}
+		],
+		stateMutability: "view",
+		type: "function"
+	},
+	{
+		inputs: [
+		],
+		name: "owner",
+		outputs: [
+			{
+				internalType: "address",
+				name: "",
+				type: "address"
+			}
+		],
+		stateMutability: "view",
+		type: "function"
+	},
+	{
+		inputs: [
+		],
+		name: "renounceOwnership",
+		outputs: [
+		],
+		stateMutability: "nonpayable",
+		type: "function"
+	},
+	{
+		inputs: [
+			{
+				internalType: "uint256[]",
+				name: "_durationDaysThresholds",
+				type: "uint256[]"
+			},
+			{
+				internalType: "uint256[]",
+				name: "_multipliers",
+				type: "uint256[]"
+			}
+		],
+		name: "setMultipliers",
+		outputs: [
+		],
+		stateMutability: "nonpayable",
+		type: "function"
+	},
+	{
+		inputs: [
+			{
+				internalType: "address",
+				name: "newOwner",
+				type: "address"
+			}
+		],
+		name: "transferOwnership",
+		outputs: [
+		],
+		stateMutability: "nonpayable",
+		type: "function"
+	},
+	{
+		inputs: [
+		],
+		name: "votingEscrow",
+		outputs: [
+			{
+				internalType: "contract IVotingEscrowV2Upgradeable",
+				name: "",
+				type: "address"
+			}
+		],
+		stateMutability: "view",
+		type: "function"
+	}
+];
+
+const TIERS_WEIGHT = {
+    [types.LaunchBondTiers.Bronze]: '1000000000000000000000',
+    [types.LaunchBondTiers.Silver]: '10000000000000000000000',
+    [types.LaunchBondTiers.Gold]: '25000000000000000000000',
+    [types.LaunchBondTiers.Diamond]: '100000000000000000000000',
+    [types.LaunchBondTiers.Legend]: '500000000000000000000000',
+};
+const TIERS_NAMES = {
+    [types.LaunchBondTiers.Bronze]: 'Bronze',
+    [types.LaunchBondTiers.Silver]: 'Silver',
+    [types.LaunchBondTiers.Gold]: 'Gold',
+    [types.LaunchBondTiers.Diamond]: 'Diamond',
+    [types.LaunchBondTiers.Legend]: 'Legend',
+};
+const getUserTier = (weight) => {
+    const weightBG = new BigNumber$1(weight);
+    const bronze = new BigNumber$1(TIERS_WEIGHT[types.LaunchBondTiers.Bronze]);
+    const silver = new BigNumber$1(TIERS_WEIGHT[types.LaunchBondTiers.Silver]);
+    const gold = new BigNumber$1(TIERS_WEIGHT[types.LaunchBondTiers.Gold]);
+    const diamond = new BigNumber$1(TIERS_WEIGHT[types.LaunchBondTiers.Diamond]);
+    const legend = new BigNumber$1(TIERS_WEIGHT[types.LaunchBondTiers.Legend]);
+    if (weightBG.gte(legend)) {
+        return types.LaunchBondTiers.Legend;
+    }
+    else if (weightBG.gte(diamond)) {
+        return types.LaunchBondTiers.Diamond;
+    }
+    else if (weightBG.gte(gold)) {
+        return types.LaunchBondTiers.Gold;
+    }
+    else if (weightBG.gte(silver)) {
+        return types.LaunchBondTiers.Silver;
+    }
+    else if (weightBG.gte(bronze)) {
+        return types.LaunchBondTiers.Bronze;
+    }
+    else
+        return null;
+};
+const fetchEscrowWeight = (account) => __awaiter$9(void 0, void 0, void 0, function* () {
+    const lensContractAddress = LENS_CONTRACT[types.ChainId.BSC];
+    if (account) {
+        try {
+            const res = yield multicall(types.ChainId.BSC, lensContractABI, [
+                {
+                    address: lensContractAddress,
+                    name: 'getEscrowWeight',
+                    params: [account],
+                },
+            ]);
+            return res[0][0].toString();
+        }
+        catch (e) {
+            console.error(e);
+            return '0';
+        }
+    }
+    else
+        return null;
+});
+function useGetUserEscrowWeight(account) {
+    return useQuery({
+        queryKey: [`${QUERY_KEYS.TIERS}-${account}`],
+        queryFn: () => fetchEscrowWeight(account),
+        staleTime: 60000,
+        refetchInterval: 30000, // i.e. 30 secs
+        refetchOnWindowFocus: false,
+    });
+}
+
+const TagXmasFlashBond = ({ userTier, minTier }) => {
+    return (jsxs(Flex, { sx: {
+            p: '5px 10px',
+            width: '100%',
+            background: '#DF4141',
+            borderRadius: 'normal',
+            mt: '10px',
+            fontSize: '12px',
+            fontWeight: 400,
+            justifyContent: 'center',
+            textAlign: 'center',
+            display: 'block',
+        }, children: ["This is a special ", jsx$2("span", { style: { fontWeight: 700 }, children: "Christmas Flash Bond." }), !userTier || (minTier !== undefined && userTier < minTier) ? (jsxs(Fragment$1, { children: [' ', "You need to achieve", ' ', jsxs("span", { style: { fontWeight: 700 }, children: [TIERS_NAMES[minTier], " Ape Tier"] }), " to be elegible!"] })) : (jsxs(Fragment$1, { children: [' ', "You are eligible to buy it thanks to your", ' ', jsxs("span", { style: { fontWeight: 700 }, children: [TIERS_NAMES[userTier], " Ape Tier!"] }), ' '] }))] }));
+};
+
 const BondModal = ({ onDismiss, bondAddress, bondChain, handlePurchasedBond }) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
     const SDKConfig = useSDKConfig();
@@ -74251,8 +74676,11 @@ const BondModal = ({ onDismiss, bondAddress, bondChain, handlePurchasedBond }) =
     const { sendTransactionAsync } = useSendTransaction();
     const { data: bonds } = useBondsData();
     const sendReferenceId = useSendReferenceId();
+    const { data: userEscrowWeight } = useGetUserEscrowWeight(account);
+    const userTier = getUserTier(userEscrowWeight !== null && userEscrowWeight !== void 0 ? userEscrowWeight : '0');
     // State
     const bondData = useMemo(() => bonds === null || bonds === void 0 ? void 0 : bonds.find((bond) => { var _a; return ((_a = bond === null || bond === void 0 ? void 0 : bond.billAddress) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === (bondAddress === null || bondAddress === void 0 ? void 0 : bondAddress.toLowerCase()); }), [bondAddress]);
+    const isXmasStyle = (bondData === null || bondData === void 0 ? void 0 : bondData.minTier) ? bondData.minTier : null;
     const [buyTxHash, setBuyTxHash] = useState();
     const [inputValue, setInputValue] = useState('');
     const [inputTokenString, setInputTokenString] = useState((_c = (_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.chainId]) !== null && _c !== void 0 ? _c : 'NATIVE');
@@ -74451,7 +74879,7 @@ const BondModal = ({ onDismiss, bondAddress, bondChain, handlePurchasedBond }) =
             window.open(`https://ape.bond/swap?outputcurrency=${bondData === null || bondData === void 0 ? void 0 : bondData.lpToken.address[bondData === null || bondData === void 0 ? void 0 : bondData.chainId]}&outputChain=${bondData === null || bondData === void 0 ? void 0 : bondData.chainId}`, '_blank');
         }
     };
-    return (jsx$2(Modal, { className: "modal", onDismiss: onDismiss, children: modalVariant === 'standard' ? (jsx$2(Fragment$1, { children: bondData && (jsxs(Flex, { className: "modal-content", children: [typeof window !== 'undefined' && window.location.origin === 'http://localhost:5173' && (jsxs(Text, { sx: { borderBottom: '1px solid white', fontSize: '14px', mb: '10px' }, children: ["Dev mode - Current view: \"standard\"", jsx$2(Text, { onClick: () => setModalVariant('alt'), sx: { ml: '15px', textDecoration: 'underline', cursor: 'pointer' }, children: "Switch view" })] })), 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 }), jsx$2(BondCards, { bondData: bondData }), jsx$2(Estimations, { bondData: bondData, inputValue: inputValue, inputToken: inputToken, estimatedOutput: estimatedOutput, inputTokenPrice: inputTokenPrice === null || inputTokenPrice === void 0 ? void 0 : inputTokenPrice.price, 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, chainId: bondData === null || bondData === void 0 ? void 0 : bondData.chainId, enableZap: supportedByLIFI.includes(bondData === null || bondData === void 0 ? void 0 : bondData.chainId), bondPrincipalToken: bondData === null || bondData === void 0 ? void 0 : bondData.lpToken, tokenBalance: inputCurrencyBalance, selectedTokenPrice: inputTokenPrice === null || inputTokenPrice === void 0 ? void 0 : inputTokenPrice.price }), bondData.type === 'staking' && (jsxs(Flex, { sx: {
+    return (jsx$2(Modal, { className: `modal ${isXmasStyle ? 'xmas-style' : ''}`, onDismiss: onDismiss, children: modalVariant === 'standard' ? (jsx$2(Fragment$1, { children: bondData && (jsxs(Flex, { className: "modal-content", children: [typeof window !== 'undefined' && window.location.origin === 'http://localhost:5173' && (jsxs(Text, { sx: { borderBottom: '1px solid white', fontSize: '14px', mb: '10px' }, children: ["Dev mode - Current view: \"standard\"", jsx$2(Text, { onClick: () => setModalVariant('alt'), sx: { ml: '15px', textDecoration: 'underline', cursor: 'pointer' }, children: "Switch view" })] })), 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 }), jsx$2(BondCards, { bondData: bondData }), jsx$2(Estimations, { bondData: bondData, inputValue: inputValue, inputToken: inputToken, estimatedOutput: estimatedOutput, inputTokenPrice: inputTokenPrice === null || inputTokenPrice === void 0 ? void 0 : inputTokenPrice.price, 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, chainId: bondData === null || bondData === void 0 ? void 0 : bondData.chainId, enableZap: supportedByLIFI.includes(bondData === null || bondData === void 0 ? void 0 : bondData.chainId), bondPrincipalToken: bondData === null || bondData === void 0 ? void 0 : bondData.lpToken, tokenBalance: inputCurrencyBalance, selectedTokenPrice: inputTokenPrice === null || inputTokenPrice === void 0 ? void 0 : inputTokenPrice.price, inputDisabled: isXmasStyle && bondData.minTier && (!userTier || userTier < bondData.minTier) ? true : false }), bondData.type === 'staking' && (jsxs(Flex, { sx: {
                                     p: '5px 10px',
                                     width: '100%',
                                     background: '#8E568F',
@@ -74461,7 +74889,8 @@ const BondModal = ({ onDismiss, bondAddress, bondChain, handlePurchasedBond }) =
                                     fontWeight: 400,
                                     justifyContent: 'center',
                                     display: 'block',
-                                }, children: ["Tokens bought through this bond will go directly to the", ' ', jsx$2("span", { onClick: () => window.open('https://basepad.finance/earn', '_blank'), style: { textDecoration: 'underline', cursor: 'pointer', color: 'blue' }, children: "$BPAD staking pool" }), ' ', "with a ", daysLeftOnBasepadPool(), " days lock."] })), jsxs(Flex, { className: "modaltable-container button-container", children: [jsx$2(Flex, { className: "button-container get", children: jsxs(Button, { className: "action-button", onClick: () => supportedByLIFI.includes(bondData === null || bondData === void 0 ? void 0 : bondData.chainId) ? handleOpenZapModal() : openExternal(), variant: "secondary", children: ["Get ", getSymbol(bondData === null || bondData === void 0 ? void 0 : bondData.lpToken)] }) }), jsx$2(Flex, { className: "button-container buy", children: !account ? (jsx$2(ConnectButton, {})) : userChainId !== bondData.chainId ? (jsx$2(Button, { className: "switch-button", disabled: loadingTx || isConfirming || (bondData === null || bondData === void 0 ? void 0 : bondData.soldOut), onClick: (event) => {
+                                }, children: ["Tokens bought through this bond will go directly to the", ' ', jsx$2("span", { onClick: () => window.open('https://basepad.finance/earn', '_blank'), style: { textDecoration: 'underline', cursor: 'pointer', color: 'blue' }, children: "$BPAD staking pool" }), ' ', "with a ", daysLeftOnBasepadPool(), " days lock."] })), isXmasStyle && (bondData === null || bondData === void 0 ? void 0 : bondData.minTier) !== undefined && (jsx$2(TagXmasFlashBond, { userTier: userTier, minTier: bondData.minTier })), jsxs(Flex, { className: "modaltable-container button-container", children: [account &&
+                                        (!isXmasStyle || (isXmasStyle && bondData.minTier && userTier && userTier >= bondData.minTier)) && (jsx$2(Flex, { className: "button-container get", children: jsxs(Button, { className: "action-button", onClick: () => supportedByLIFI.includes(bondData === null || bondData === void 0 ? void 0 : bondData.chainId) ? handleOpenZapModal() : openExternal(), variant: "secondary", children: ["Get ", getSymbol(bondData === null || bondData === void 0 ? void 0 : bondData.lpToken)] }) })), jsx$2(Flex, { className: "button-container buy", children: !account ? (jsx$2(ConnectButton, {})) : isXmasStyle && bondData.minTier && (!userTier || userTier < bondData.minTier) ? (jsx$2(Button, { className: "action-button", onClick: () => window.open(`https://www.ape.bond/tier-staking`, '_blank'), children: "GET YOUR TIER" })) : userChainId !== bondData.chainId ? (jsx$2(Button, { className: "switch-button", disabled: loadingTx || isConfirming || (bondData === null || bondData === void 0 ? void 0 : bondData.soldOut), onClick: (event) => {
                                                 event.stopPropagation();
                                                 switchChain({ chainId: bondData.chainId });
                                             }, style: { fontSize: '14px', padding: '6px', marginLeft: '0px' }, children: `Switch to ${NETWORK_LABEL[bondData.chainId]}` })) : approvalState === ApprovalState.APPROVED ? (jsx$2(Button, { className: "action-button", load: load || fetchingZapQuote, disabled: load ||
@@ -74512,6 +74941,7 @@ const BondModal = ({ onDismiss, bondAddress, bondChain, handlePurchasedBond }) =
  * */
 const ModalHandler = ({ onDismiss, bondAddress, bondChain, }) => {
     var _a;
+    const locationPath = window.location.pathname;
     const [billId, setBillId] = useState('');
     const [buyTxHash, setBuyTxHash] = useState('');
     const { data: txReceipt } = useMonitorTxHash(buyTxHash, bondChain);
@@ -74543,7 +74973,7 @@ const ModalHandler = ({ onDismiss, bondAddress, bondChain, }) => {
         }
     }, [billId]);
     return billId ? (jsx$2(YourBondsModal, { userBill: userBill, onDismiss: onDismiss })) : (jsx$2(BondModal, { bondAddress: bondAddress, bondChain: bondChain, handlePurchasedBond: setBuyTxHash, onDismiss: () => {
-            window.history.pushState({}, '', `/bonds`);
+            window.history.pushState({}, '', `${locationPath !== '/bonds' ? locationPath : '/bonds'}`);
             onDismiss === null || onDismiss === void 0 ? void 0 : onDismiss();
         } }));
 };
@@ -74691,18 +75121,20 @@ var ProgressBarWrapper$1 = React__default.memo(ProgressBarWrapper);
 
 const BondRow = ({ bond }) => {
     var _a, _b, _c, _d, _e, _f, _g;
+    const locationPath = window.location.pathname.replace('/', '');
     const billAddress = 'billAddress' in bond
         ? bond.billAddress
         : 'contractAddress' in bond
             ? bond.contractAddress[bond.chainId]
             : undefined;
     const bonus = 'bonus' in bond ? bond.bonus : undefined;
+    const isXmasStyle = 'minTier' in bond ? bond.minTier : null;
     // Modal
     const [openBuyModal] = useModal(jsx$2(ModalHandler, { bondAddress: billAddress, bondChain: bond.chainId }), true, true, `buyBondModal-${billAddress}-${bond.chainId}`);
     const handleOpenModal = () => {
         openBuyModal();
         if (typeof window !== 'undefined') {
-            window.history.pushState({}, '', `bonds?bondAddress=${billAddress}&bondChain=${bond.chainId}`);
+            window.history.pushState({}, '', `${locationPath}?bondAddress=${billAddress}&bondChain=${bond.chainId}`);
         }
         track({
             event: 'buyModalOpen',
@@ -74734,7 +75166,7 @@ const BondRow = ({ bond }) => {
         const tokens = new BigNumber$1(tokensRemaining);
         return tokens.times(payoutTokenPrice);
     };
-    return (jsxs("div", { className: "bond-row", onClick: handleOpenModal, children: [jsx$2("div", { className: "token-info-container", children: jsx$2(TokenInfoAndName, { bill: bond }) }), jsxs("div", { className: "bond-info-columns", children: [jsx$2("div", { className: `discount-column ${getDiscountColor(bonus)}`, children: bonus !== undefined ? (bonus < 0 ? '0%' : `${bonus === null || bonus === void 0 ? void 0 : bonus.toFixed(2)}%`) : '-' }), jsx$2("div", { className: "arr-column", children: bonus !== undefined && bonus < 0 ? '0%' : calculateARR(bond) !== undefined ? calculateARR(bond) : '-' }), jsx$2("div", { className: "terms-column", children: bond.type === 'staking'
+    return (jsxs("div", { className: `bond-row ${isXmasStyle ? 'xmas-border' : ''}`, onClick: handleOpenModal, children: [jsxs("div", { className: "token-info-container", children: [isXmasStyle && jsx$2("img", { src: "/images/bills/xmasHat.png", alt: "xmas-hat", className: "xmas-hat" }), jsx$2(TokenInfoAndName, { bill: bond })] }), jsxs("div", { className: "bond-info-columns", children: [jsx$2("div", { className: `discount-column ${getDiscountColor(bonus)}`, children: bonus !== undefined ? (bonus < 0 ? '0%' : `${bonus === null || bonus === void 0 ? void 0 : bonus.toFixed(2)}%`) : '-' }), jsx$2("div", { className: "arr-column", children: bonus !== undefined && bonus < 0 ? '0%' : calculateARR(bond) !== undefined ? calculateARR(bond) : '-' }), jsx$2("div", { className: "terms-column", children: bond.type === 'staking'
                             ? `${daysLeftOnBasepadPool()} D Lock`
                             : vestingTime((_a = bond === null || bond === void 0 ? void 0 : bond.vestingTerm) !== null && _a !== void 0 ? _a : 0).days
                                 ? `${vestingTime((_b = bond === null || bond === void 0 ? void 0 : bond.vestingTerm) !== null && _b !== void 0 ? _b : 0).days} D`
@@ -74858,12 +75290,12 @@ const BondRowsWithTitle = ({ chain, bonds, hideTitles, showHotBonds }) => {
                         }), showHotBonds && (jsx$2(SwiperProvider, { children: jsx$2(HotBondCards, {}) }))] }, key))] }) }, key));
 };
 
-const BondRowsByChain = ({ bonds, hideTitles }) => {
+const BondRowsByChain = ({ bonds, hideTitles, isCampaign = false }) => {
     var _a;
     const SDKConfig = useSDKConfig();
     const validatedChains = (_a = SDKConfig === null || SDKConfig === void 0 ? void 0 : SDKConfig.chains) === null || _a === void 0 ? void 0 : _a.filter((chain) => MAINNET_CHAINS.includes(chain));
     return (jsx$2(Flex$1, { className: "bondrowsbychain", children: validatedChains === null || validatedChains === void 0 ? void 0 : validatedChains.map((chain) => {
-            return (jsx$2(BondRowsWithTitle, { chain: chain, bonds: bonds, hideTitles: hideTitles, showHotBonds: hideTitles ? false : SDKConfig.useHotBonds ? chain === types.ChainId.BASE || chain === types.ChainId.MAINNET : false }, chain));
+            return (jsx$2(BondRowsWithTitle, { chain: chain, bonds: bonds, hideTitles: hideTitles, showHotBonds: hideTitles ? false : (!isCampaign && SDKConfig.useHotBonds) ? chain === types.ChainId.BASE || chain === types.ChainId.MAINNET : false }, chain));
         }) }));
 };
 
@@ -75059,8 +75491,31 @@ const Bonds = () => {
     const topTags = useTopTags(sortedBonds);
     // remove favorites for seedify
     const filterOptions = SDKConfig.referenceId !== 'seedify' ? ['ALL', 'FAVORITES', ...topTags, 'SOLD OUT'] : ['ALL', ...topTags, 'SOLD OUT'];
+    let campaign = 'noCampaign';
+    if (typeof window !== 'undefined' &&
+        (window.location.host.includes('ape.bond') ||
+            window.location.host.includes('apebond') ||
+            window.location.host.includes('localhost'))) {
+        if (window.location.pathname.includes('christmas-sale'))
+            campaign = 'xmas';
+        if (window.location.pathname.includes('bonds'))
+            campaign = 'combined';
+    }
+    console.log('campaign', campaign);
     const billsToRender = useMemo(() => {
         let billsToReturn = filterOption === 'SOLD OUT' ? (allBonds !== null && allBonds !== void 0 ? allBonds : []) : (sortedBonds !== null && sortedBonds !== void 0 ? sortedBonds : []);
+        if (campaign === undefined || campaign === 'noCampaign') {
+            billsToReturn = billsToReturn === null || billsToReturn === void 0 ? void 0 : billsToReturn.filter((bill) => {
+                const isXmasStyle = 'minTier' in bill ? bill.minTier : null;
+                return !isXmasStyle;
+            });
+        }
+        if (campaign === 'xmas') {
+            billsToReturn = billsToReturn === null || billsToReturn === void 0 ? void 0 : billsToReturn.filter((bill) => {
+                const isXmasStyle = 'minTier' in bill ? bill.minTier : null;
+                return isXmasStyle;
+            });
+        }
         if (searchQuery) {
             billsToReturn = billsToReturn === null || billsToReturn === void 0 ? void 0 : billsToReturn.filter((bill) => {
                 var _a, _b;
@@ -75095,7 +75550,7 @@ const Bonds = () => {
     const handleChangeFilterOption = useCallback((newOption) => {
         setFilterOption(newOption);
     }, []);
-    return (jsxs(Flex$1, { className: "bonds-container", children: [jsx$2(CheckUrl, {}), jsx$2(BondsMenu, { searchQuery: searchQuery, setSearchQuery: setSearchQuery, setChainFilterOption: setChainFilterOption, chainFilterOption: chainFilterOption !== null && chainFilterOption !== void 0 ? chainFilterOption : ['All Chains'], filterOptions: filterOptions, filterOption: filterOption, setFilterOption: handleChangeFilterOption, onSort: handleSortOptions }), SDKConfig.useHotBonds && jsx$2(BuyAgainRow, {}), (billsToRender === null || billsToRender === void 0 ? void 0 : billsToRender.length) > 0 ? (jsx$2(BondRowsByChain, { bonds: billsToRender, hideTitles: searchQuery !== '' })) : searchQuery ? (jsx$2(PlaceholderMonkey, { text: 'No results' })) : filterOption === 'FAVORITES' ? (jsxs(Flex$1, { sx: {
+    return (jsxs(Flex$1, { className: "bonds-container", children: [jsx$2(CheckUrl, {}), jsx$2(BondsMenu, { searchQuery: searchQuery, setSearchQuery: setSearchQuery, setChainFilterOption: setChainFilterOption, chainFilterOption: chainFilterOption !== null && chainFilterOption !== void 0 ? chainFilterOption : ['All Chains'], filterOptions: filterOptions, filterOption: filterOption, setFilterOption: handleChangeFilterOption, onSort: handleSortOptions }), campaign !== 'xmas' && SDKConfig.useHotBonds && jsx$2(BuyAgainRow, {}), (billsToRender === null || billsToRender === void 0 ? void 0 : billsToRender.length) > 0 ? (jsx$2(BondRowsByChain, { bonds: billsToRender, hideTitles: searchQuery !== '', isCampaign: campaign === 'xmas' })) : searchQuery ? (jsx$2(PlaceholderMonkey, { text: 'No results' })) : filterOption === 'FAVORITES' ? (jsxs(Flex$1, { sx: {
                     width: '100%',
                     height: '300px',
                     background: 'white2',
@@ -75104,7 +75559,7 @@ const Bonds = () => {
                     alignItems: 'center',
                     flexDirection: 'column',
                     mt: '10px',
-                }, children: [jsx$2(Svg, { icon: "StarFilled", width: 75, height: 75 }), jsx$2(Flex$1, { sx: { mt: '10px' }, children: `You don't have any Favorite Bonds yet!` }), jsx$2(Flex$1, { sx: { fontSize: '12px', fontWeight: 400, color: 'textDisabledButton', mt: '10px' }, children: `Click on the 'star' or 'fire' icon to add Bonds to the list.` })] })) : (jsx$2(Flex$1, { className: "bonds-spinner", children: jsx$2(Spinner, { size: 100 }) })), SDKConfig.useHotBonds && jsx$2(RecommendationCards$1, {})] }));
+                }, children: [jsx$2(Svg, { icon: "StarFilled", width: 75, height: 75 }), jsx$2(Flex$1, { sx: { mt: '10px' }, children: `You don't have any Favorite Bonds yet!` }), jsx$2(Flex$1, { sx: { fontSize: '12px', fontWeight: 400, color: 'textDisabledButton', mt: '10px' }, children: `Click on the 'star' or 'fire' icon to add Bonds to the list.` })] })) : (jsx$2(Flex$1, { className: "bonds-spinner", children: jsx$2(Spinner, { size: 100 }) })), campaign !== 'xmas' && SDKConfig.useHotBonds && jsx$2(RecommendationCards$1, {})] }));
 };
 
 var BondsViewOptions;
@@ -75117,12 +75572,13 @@ const FullBondsView = () => {
     const handleToogle = () => {
         const newOption = activeView === BondsViewOptions.YOURBONDS ? BondsViewOptions.BONDSMARKET : BondsViewOptions.YOURBONDS;
         if (typeof window !== 'undefined') {
+            const currentPath = window.location.pathname;
             if (newOption === BondsViewOptions.YOURBONDS) {
                 // window.location.pathname = '/yourBonds'
-                window.history.pushState({}, '', '/bonds?yourBonds');
+                window.history.pushState({}, '', `${currentPath}?yourBonds`);
             }
             else {
-                window.history.pushState({}, '', '/bonds');
+                window.history.pushState({}, '', `${currentPath}`);
             }
         }
         setActiveView(newOption);
@@ -91472,7 +91928,7 @@ const styles = {
         pr: '0px',
         alignItems: 'center',
         mt: ['15px', '15px', '15px', '5px'],
-        height: ['330px', '330px', '330px', '430px'],
+        minHeight: ['330px', '330px', '330px', '430px'],
         ml: ['0px', '0px', '0px', '5px'],
     },
     container: {
@@ -91533,6 +91989,7 @@ const ProjectView = ({ bondAddress, bondChain, historicalPrices }) => {
         return ((_a = bond === null || bond === void 0 ? void 0 : bond.billAddress) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === (bondAddress === null || bondAddress === void 0 ? void 0 : bondAddress.toLowerCase()) &&
             bondChain === bond.chainId.toString();
     });
+    const isXmasStyle = (bondData === null || bondData === void 0 ? void 0 : bondData.minTier) ? bondData.minTier : null;
     // Hooks
     const userChainId = useChainId();
     const { address: account } = useAccount();
@@ -91540,6 +91997,8 @@ const ProjectView = ({ bondAddress, bondChain, historicalPrices }) => {
     const { writeContractAsync } = useWriteContract();
     const { sendTransactionAsync } = useSendTransaction();
     const sendReferenceId = useSendReferenceId();
+    const { data: userEscrowWeight } = useGetUserEscrowWeight(account);
+    const userTier = getUserTier(userEscrowWeight !== null && userEscrowWeight !== void 0 ? userEscrowWeight : '0');
     const [buyTxHash, setBuyTxHash] = useState();
     const [inputValue, setInputValue] = useState('');
     const [inputTokenString, setInputTokenString] = useState('');
@@ -91673,14 +92132,26 @@ const ProjectView = ({ bondAddress, bondChain, historicalPrices }) => {
                                 '&& > div > div': {
                                     background: 'white2',
                                 },
-                            }, children: jsx$2(BondCards, { bondData: bondData }) }), jsxs(Flex, { sx: { width: '100%', flexDirection: ['column', 'column', 'column', 'row'] }, children: [jsxs(Flex, { sx: {
+                            }, children: jsx$2(BondCards, { bondData: bondData }) }), jsxs(Flex, { sx: { width: '100%', flexDirection: ['column', 'column', 'column', 'row'], alignItems: 'stretch' }, children: [jsxs(Flex, { sx: {
                                         width: ['100%', '100%', '100%', '50%'],
                                         flexDirection: 'column',
                                         background: 'white2',
                                         p: '20px',
                                         borderRadius: '10px',
                                         mt: '5px',
-                                    }, children: [jsx$2(BondModalHeader, { bondData: bondData }), jsx$2(ProjectDescription, { description: bondData.shortDescription }), jsx$2(Estimations, { bondData: bondData, inputValue: inputValue, inputToken: inputToken, estimatedOutput: estimatedOutput, inputTokenPrice: inputTokenPrice === null || inputTokenPrice === void 0 ? void 0 : inputTokenPrice.price, 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, chainId: bondData === null || bondData === void 0 ? void 0 : bondData.chainId, enableZap: supportedByLIFI.includes(bondData === null || bondData === void 0 ? void 0 : bondData.chainId), bondPrincipalToken: bondData === null || bondData === void 0 ? void 0 : bondData.lpToken, tokenBalance: inputCurrencyBalance, selectedTokenPrice: inputTokenPrice === null || inputTokenPrice === void 0 ? void 0 : inputTokenPrice.price }), jsxs(Flex, { className: "modaltable-container button-container", children: [jsx$2(Flex, { className: "button-container get", children: jsxs(Button, { className: "action-button", onClick: () => supportedByLIFI.includes(bondData === null || bondData === void 0 ? void 0 : bondData.chainId) ? handleOpenZapModal() : openExternal(), variant: "secondary", children: ["Get ", getSymbol(bondData === null || bondData === void 0 ? void 0 : bondData.lpToken)] }) }), jsx$2(Flex, { className: "button-container buy", children: !account ? (jsx$2(ConnectButton, {})) : userChainId !== bondData.chainId ? (jsx$2(Button, { className: "switch-button", disabled: loadingTx || isConfirming || (bondData === null || bondData === void 0 ? void 0 : bondData.soldOut), onClick: (event) => {
+                                    }, className: `project-view ${isXmasStyle ? 'xmas-style' : ''}`, children: [jsx$2(BondModalHeader, { bondData: bondData }), jsx$2(ProjectDescription, { description: bondData.shortDescription }), jsx$2(Estimations, { bondData: bondData, inputValue: inputValue, inputToken: inputToken, estimatedOutput: estimatedOutput, inputTokenPrice: inputTokenPrice === null || inputTokenPrice === void 0 ? void 0 : inputTokenPrice.price, 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, chainId: bondData === null || bondData === void 0 ? void 0 : bondData.chainId, enableZap: supportedByLIFI.includes(bondData === null || bondData === void 0 ? void 0 : bondData.chainId), bondPrincipalToken: bondData === null || bondData === void 0 ? void 0 : bondData.lpToken, tokenBalance: inputCurrencyBalance, selectedTokenPrice: inputTokenPrice === null || inputTokenPrice === void 0 ? void 0 : inputTokenPrice.price }), bondData.type === 'staking' && (jsxs(Flex, { sx: {
+                                                p: '5px 10px',
+                                                width: '100%',
+                                                background: '#8E568F',
+                                                borderRadius: 'normal',
+                                                mt: '10px',
+                                                fontSize: '12px',
+                                                fontWeight: 400,
+                                                justifyContent: 'center',
+                                                display: 'block',
+                                            }, children: ["Tokens bought through this bond will go directly to the", ' ', jsx$2("span", { onClick: () => window.open('https://basepad.finance/earn', '_blank'), style: { textDecoration: 'underline', cursor: 'pointer', color: 'blue' }, children: "$BPAD staking pool" }), ' ', "with a ", daysLeftOnBasepadPool(), " days lock."] })), isXmasStyle && (bondData === null || bondData === void 0 ? void 0 : bondData.minTier) !== undefined && (jsx$2(TagXmasFlashBond, { userTier: userTier, minTier: bondData === null || bondData === void 0 ? void 0 : bondData.minTier })), jsxs(Flex, { className: "modaltable-container button-container", children: [account &&
+                                                    (!isXmasStyle ||
+                                                        (isXmasStyle && bondData.minTier && (!userTier || userTier >= bondData.minTier))) && (jsx$2(Flex, { className: "button-container get", children: jsxs(Button, { className: "action-button", onClick: () => supportedByLIFI.includes(bondData === null || bondData === void 0 ? void 0 : bondData.chainId) ? handleOpenZapModal() : openExternal(), variant: "secondary", children: ["Get ", getSymbol(bondData === null || bondData === void 0 ? void 0 : bondData.lpToken)] }) })), jsx$2(Flex, { className: "button-container buy", children: !account ? (jsx$2(ConnectButton, {})) : isXmasStyle && bondData.minTier && (!userTier || userTier < bondData.minTier) ? (jsx$2(Button, { className: "action-button", onClick: () => window.open(`https://www.ape.bond/tier-staking`, '_blank'), children: "GET YOUR TIER" })) : userChainId !== bondData.chainId ? (jsx$2(Button, { className: "switch-button", disabled: loadingTx || isConfirming || (bondData === null || bondData === void 0 ? void 0 : bondData.soldOut), onClick: (event) => {
                                                             event.stopPropagation();
                                                             switchChain({ chainId: bondData.chainId });
                                                         }, style: { fontSize: '14px', padding: '6px', marginLeft: '0px' }, children: `Switch to ${NETWORK_LABEL[bondData.chainId]}` })) : approvalState === ApprovalState.APPROVED ? (jsx$2(Button, { className: "action-button", load: load || fetchingZapQuote, disabled: load ||

package/dist/state/bonds/useGetUserEscrowWeight.d.ts

@@ -0,0 +1,11 @@
+import { LaunchBondTiers } from '@ape.swap/apeswap-lists';
+export declare const TIERS_NAMES: {
+    0: string;
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+};
+export declare const getUserTier: (weight: string) => LaunchBondTiers | null;
+export declare const fetchEscrowWeight: (account?: string) => Promise<string | null>;
+export default function useGetUserEscrowWeight(account?: string): import("@tanstack/react-query").UseQueryResult<string | null, Error>;

package/dist/styles.css

@@ -131,10 +131,70 @@
   }
 }
 
+.project-view .xmas-hat {
+  display: none;
+}
+.project-view .xmas-tag {
+  display: none;
+}
+
 .modal {
   width: fit-content !important;
   max-width: 95%;
 }
+.modal .xmas-hat {
+  display: none;
+}
+.modal .xmas-tag {
+  display: none;
+}
+
+.project-view.xmas-style {
+  background: url("/images/bills/xmasRowBG.png");
+  background-size: contain;
+}
+.project-view.xmas-style .bond-card-block, .project-view.xmas-style .token-selector-panel {
+  background-color: rgb(38, 51, 63);
+}
+.project-view.xmas-style .input-container.token {
+  background-color: rgb(45, 58, 71);
+}
+
+.modal.xmas-style, .project-view.xmas-style {
+  background-color: rgb(31, 44, 56);
+}
+.modal.xmas-style .title-container.bondicon .xmas-hat, .project-view.xmas-style .title-container.bondicon .xmas-hat {
+  display: block;
+  position: absolute;
+  z-index: 9;
+  left: 13px;
+  top: -18px;
+}
+.modal.xmas-style .title-container.bondname, .project-view.xmas-style .title-container.bondname {
+  display: block;
+}
+.modal.xmas-style .title-container.bondname .list-tag, .project-view.xmas-style .title-container.bondname .list-tag {
+  background: #DF4141;
+  color: white;
+}
+.modal.xmas-style .modal-content, .project-view.xmas-style .modal-content {
+  background: url("/images/bills/xmasRowBG.png");
+  background-size: contain;
+}
+.modal.xmas-style .modal-content .bond-card-block, .modal.xmas-style .modal-content .token-selector-panel, .project-view.xmas-style .modal-content .bond-card-block, .project-view.xmas-style .modal-content .token-selector-panel {
+  background-color: rgb(38, 51, 63);
+}
+.modal.xmas-style .modal-content .input-container.token, .project-view.xmas-style .modal-content .input-container.token {
+  background-color: rgb(45, 58, 71);
+}
+.modal.xmas-style .hide-mobile, .project-view.xmas-style .hide-mobile {
+  display: none;
+}
+@media screen and (min-width: 800px) {
+  .modal.xmas-style .hide-mobile, .project-view.xmas-style .hide-mobile {
+    display: flex;
+  }
+}
 
 .project-image {
   border-radius: 6px;
@@ -185,6 +245,7 @@
   display: flex;
   flex-direction: row;
   align-items: center;
+  position: relative;
 }
 
 .icon-container {
@@ -495,15 +556,13 @@
   justify-content: center;
   align-items: center;
   cursor: pointer;
-  width: 375px;
+  width: 100%;
 }
 .button-container.buy .action-button {
-  width: 375px;
-  margin-left: 10px;
+  width: 100%;
 }
 .button-container.buy .switch-button {
-  width: 375px;
-  margin-left: 10px;
+  width: 100%;
 }
 
 .modaltable-container.accordion-container {
@@ -628,6 +687,18 @@ span.flex-inline {
   min-height: 92px;
 }
 
+.show-alert-tier-xmas {
+  padding: 5px 10px;
+  width: 100%;
+  background: #DF4141;
+  border-radius: 4px;
+  margin-top: 10px !important;
+  font-size: 12px;
+  font-weight: 400;
+  justify-content: center;
+  text-align: center;
+}
+
 .bond-row {
   display: flex;
   flex-direction: row;
@@ -645,6 +716,13 @@ span.flex-inline {
 .bond-row .token-info-container {
   display: flex;
   width: 40%;
+  position: relative;
+}
+.bond-row .token-info-container .xmas-hat {
+  position: absolute;
+  z-index: 9;
+  left: 25px;
+  top: 3px;
 }
 .bond-row .bond-info-columns {
   display: flex;
@@ -702,6 +780,19 @@ span.flex-inline {
   display: flex;
 }
 
+.bond-row.xmas-border {
+  background: url("/images/bills/xmasRowBG.png");
+  background-color: rgb(31, 44, 56);
+}
+.bond-row.xmas-border .tokeninfoname.container .list-tag {
+  background: #DF4141;
+  color: white;
+}
+
+.bond-row.xmas-border:hover {
+  background-color: rgb(42, 64, 84);
+}
+
 .column.column-tokens {
   display: flex;
   align-items: center;

package/dist/types/bonds.d.ts

@@ -1,4 +1,4 @@
-import { ChainId, Token } from '@ape.swap/apeswap-lists';
+import { ChainId, LaunchBondTiers, Token } from '@ape.swap/apeswap-lists';
 export interface BondsData {
     index?: number;
     cmcId?: number;
@@ -27,4 +27,5 @@ export interface BondsData {
     audit?: string;
     earnToken: Token;
     lpToken: Token;
+    minTier?: LaunchBondTiers;
 }

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

@@ -4,6 +4,7 @@ import { BillsConfig } from '@ape.swap/apeswap-lists';
 export interface BondRowsByChainProps {
     bonds: (BondsData | BillsConfig)[];
     hideTitles: boolean;
+    isCampaign: boolean;
 }
 declare const BondRowsByChain: React.FC<BondRowsByChainProps>;
 export default BondRowsByChain;

package/package.json

@@ -3,7 +3,7 @@
   "description": "Ape Bond SDK",
   "author": "Ape Bond",
   "license": "MIT",
-  "version": "2.5.4",
+  "version": "2.6.2",
   "module": "dist/main.js",
   "type": "module",
   "types": "dist/main.d.ts",
@@ -56,7 +56,7 @@
     "yalc": "^1.0.0-pre.53"
   },
   "dependencies": {
-    "@ape.swap/apeswap-lists": "3.73.1",
+    "@ape.swap/apeswap-lists": "3.73.5",
     "@emotion/react": "11.11.4",
     "bignumber.js": "^9.1.2",
     "chart.js": "4.2.0",