@ape.swap/bonds-sdk 4.1.2-test.2 → 4.1.3-test.13

package/dist/main.js

@@ -63344,7 +63344,7 @@ const stagingUrls = {
 };
 const useSDKConfig = (config) => {
     const urls = process.env.NODE_ENV === 'production' ? defaultUrls : stagingUrls;
-    const initialData = Object.assign(Object.assign({ referenceId: '', chains: [], hotBondChains: [types$1.ChainId.BSC, types$1.ChainId.MATIC], useHotBonds: true, connector: 'default', useTiers: false, useTGEBonds: false, showLowValueBonds: false, bondPartner: undefined, namingPreference: 'Bonus' }, config), { urls: Object.assign(Object.assign({}, urls), config === null || config === void 0 ? void 0 : config.urls), highestCompatibleVersion: '2.2.0' });
+    const initialData = Object.assign(Object.assign({ referenceId: '', chains: [], hotBondChains: [types$1.ChainId.BSC, types$1.ChainId.MATIC], useHotBonds: true, connector: 'default', useTiers: false, useTGEBonds: false, showLowValueBonds: false, bondPartner: undefined, namingPreference: 'Bonus', useCardsView: false, blockSales: false }, config), { urls: Object.assign(Object.assign({}, urls), config === null || config === void 0 ? void 0 : config.urls), highestCompatibleVersion: '2.2.0' });
     const { data } = useQuery({
         queryKey: [QUERY_KEYS.SDK_CONFIG],
         queryFn: () => {
@@ -69412,9 +69412,9 @@ const NftImage = ({ userBill, showNFTImg, setShowNFTImg, }) => {
                                                 event.stopPropagation();
                                                 setIsOpenTraits(!isOpenTraits);
                                             }, children: jsx$2(Flex, { sx: { flexDirection: 'column' }, children: attributes
-                                                    ? attributes.map((a) => (jsxs(Flex, { sx: { background: 'white4', width: '100%', padding: '2px 8px', height: '22px' }, children: [jsx$2(Text, { sx: { fontSize: '10px', fontWeight: 500 }, children: a === null || a === void 0 ? void 0 : a.trait_type }), jsx$2(Text, { sx: { fontSize: '10px', fontWeight: 500 }, children: a === null || a === void 0 ? void 0 : a.value })] }, a.value)))
-                                                    : BILL_ATTRIBUTES.map((attrib) => {
-                                                        return (jsxs(Flex, { sx: { background: 'white4', width: '100%', padding: '2px 8px', height: '22px' }, children: [jsx$2(Text, { sx: { fontSize: '10px', fontWeight: 500 }, children: attrib }), jsx$2(Skeleton, { width: "150px" })] }, attrib));
+                                                    ? attributes.map((a, index) => (jsxs(Flex, { sx: { background: 'white4', width: '100%', padding: '2px 8px', height: '22px' }, children: [jsxs(Text, { sx: { fontSize: '10px', fontWeight: 500, mr: '3px' }, children: [a === null || a === void 0 ? void 0 : a.trait_type, " -"] }), jsx$2(Text, { sx: { fontSize: '10px', fontWeight: 500 }, children: a === null || a === void 0 ? void 0 : a.value })] }, `${a.value}-${index}`)))
+                                                    : BILL_ATTRIBUTES.map((attrib, index) => {
+                                                        return (jsxs(Flex, { sx: { background: 'white4', width: '100%', padding: '2px 8px', height: '22px' }, children: [jsx$2(Text, { sx: { fontSize: '10px', fontWeight: 500 }, children: attrib }), jsx$2(Skeleton, { width: "150px" })] }, `${attrib}-${index}`));
                                                     }) }) })) })] }) }))] })) })] }));
 };
 
@@ -76388,7 +76388,7 @@ const YourBondsModal = ({ userBill, onDismiss }) => {
                                                 p: '4px 10px',
                                                 background: 'white3',
                                                 borderRadius: '10px 10px 0px 0px',
-                                            }, children: [jsxs(Flex, { sx: { alignItems: 'center' }, children: [jsx$2(Flex, { sx: { opacity: 0.6 }, children: "Vesting Progress" }), jsx$2(TooltipBubble, { className: "tooltip-bubble", body: jsx$2(Flex, { children: UserBillTooltipText.FullyVested }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, 0%)", children: jsx$2(Flex, { className: "block-header icon", children: jsx$2(Svg, { icon: "questionCircle", width: "12px" }) }) })] }), jsx$2(Flex, { sx: { alignItems: 'center' }, children: isPendingCliff ? (jsxs(Fragment$1, { children: ["claimable in", ' ', `${cliffCountdown.days !== 0 ? `${cliffCountdown.days} days` : cliffCountdown.hours !== 0 ? `${cliffCountdown.hours} hours` : `${cliffCountdown.minutes} mins`}`] })) : (jsx$2(ProgressBarWrapper$1, { title: '', value: jsx$2(ProgressBar, { value: getPercentageVested(userBill) }), style: {
+                                            }, children: [jsxs(Flex, { sx: { alignItems: 'center', gap: '5px' }, children: [jsx$2(Flex, { sx: { opacity: 0.6 }, children: "Vesting Progress" }), jsx$2(TooltipBubble, { className: "tooltip-bubble", body: jsx$2(Flex, { children: UserBillTooltipText.FullyVested }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, 0%)", children: jsx$2(Flex, { className: "block-header icon", children: jsx$2(Svg, { icon: "questionCircle", width: "12px" }) }) })] }), jsx$2(Flex, { sx: { alignItems: 'center' }, children: isPendingCliff ? (jsxs(Fragment$1, { children: ["claimable in", ' ', `${cliffCountdown.days !== 0 ? `${cliffCountdown.days} days` : cliffCountdown.hours !== 0 ? `${cliffCountdown.hours} hours` : `${cliffCountdown.minutes} mins`}`] })) : (jsx$2(ProgressBarWrapper$1, { title: '', value: jsx$2(ProgressBar, { value: getPercentageVested(userBill) }), style: {
                                                             width: '100px',
                                                             flexDirection: 'column',
                                                             alignItems: 'center',
@@ -76401,7 +76401,7 @@ const YourBondsModal = ({ userBill, onDismiss }) => {
                                                 p: '4px 10px',
                                                 background: 'white4',
                                                 height: '26px',
-                                            }, children: [jsxs(Flex, { sx: { alignItems: 'center' }, children: [jsx$2(Flex, { sx: { opacity: 0.6 }, children: "Pending" }), jsx$2(TooltipBubble, { className: "tooltip-bubble", body: jsx$2(Flex, { children: UserBillTooltipText.Pending }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, 0%)", children: jsx$2(Flex, { className: "block-header icon", children: jsx$2(Svg, { icon: "questionCircle", width: "12px" }) }) })] }), jsxs(Flex, { sx: { alignItems: 'center' }, children: [jsx$2(TokenImage, { symbol: payoutTokenSymbol, size: 18 }), jsx$2(Text, { sx: { fontSize: '12px', fontWeight: 700, ml: '10px' }, children: formatNumberSI(pending(userBill), 4) }), jsxs(Text, { sx: {
+                                            }, children: [jsxs(Flex, { sx: { alignItems: 'center', gap: '5px' }, children: [jsx$2(Flex, { sx: { opacity: 0.6 }, children: "Pending" }), jsx$2(TooltipBubble, { className: "tooltip-bubble", body: jsx$2(Flex, { children: UserBillTooltipText.Pending }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, 0%)", children: jsx$2(Flex, { className: "block-header icon", children: jsx$2(Svg, { icon: "questionCircle", width: "12px" }) }) })] }), jsxs(Flex, { sx: { alignItems: 'center' }, children: [jsx$2(TokenImage, { symbol: payoutTokenSymbol, size: 18 }), jsx$2(Text, { sx: { fontSize: '12px', fontWeight: 700, ml: '10px' }, children: formatNumberSI(pending(userBill), 4) }), jsxs(Text, { sx: {
                                                                 fontSize: ['10px', '10px', '10px', '12px'],
                                                                 fontWeight: 400,
                                                                 ml: '10px',
@@ -76413,7 +76413,7 @@ const YourBondsModal = ({ userBill, onDismiss }) => {
                                                 p: '4px 10px',
                                                 background: 'white3',
                                                 height: '26px',
-                                            }, children: [jsxs(Flex, { sx: { alignItems: 'center' }, children: [jsx$2(Flex, { sx: { opacity: 0.6 }, children: "Claimable" }), jsx$2(TooltipBubble, { className: "tooltip-bubble", body: jsx$2(Flex, { children: UserBillTooltipText.Claimable }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, 0%)", children: jsx$2(Flex, { className: "block-header icon", children: jsx$2(Svg, { icon: "questionCircle", width: "12px" }) }) })] }), jsxs(Flex, { sx: { alignItems: 'center' }, children: [jsx$2(TokenImage, { symbol: payoutTokenSymbol, size: 18 }), jsx$2(Text, { sx: { fontSize: '12px', fontWeight: 700, ml: '10px' }, children: formatNumberSI(claimable(userBill), 4) }), jsxs(Text, { sx: {
+                                            }, children: [jsxs(Flex, { sx: { alignItems: 'center', gap: '5px' }, children: [jsx$2(Flex, { sx: { opacity: 0.6 }, children: "Claimable" }), jsx$2(TooltipBubble, { className: "tooltip-bubble", body: jsx$2(Flex, { children: UserBillTooltipText.Claimable }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, 0%)", children: jsx$2(Flex, { className: "block-header icon", children: jsx$2(Svg, { icon: "questionCircle", width: "12px" }) }) })] }), jsxs(Flex, { sx: { alignItems: 'center' }, children: [jsx$2(TokenImage, { symbol: payoutTokenSymbol, size: 18 }), jsx$2(Text, { sx: { fontSize: '12px', fontWeight: 700, ml: '10px' }, children: formatNumberSI(claimable(userBill), 4) }), jsxs(Text, { sx: {
                                                                 fontSize: ['10px', '10px', '10px', '12px'],
                                                                 fontWeight: 400,
                                                                 ml: '10px',
@@ -76426,7 +76426,7 @@ const YourBondsModal = ({ userBill, onDismiss }) => {
                                                 background: 'white4',
                                                 height: '26px',
                                                 borderRadius: '0px 0px 10px 10px',
-                                            }, children: [jsxs(Flex, { sx: { alignItems: 'center' }, children: [jsx$2(Flex, { sx: { opacity: 0.6 }, children: "Claimed" }), jsx$2(TooltipBubble, { className: "tooltip-bubble", body: jsx$2(Flex, { children: UserBillTooltipText.Claimed }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, 0%)", children: jsx$2(Flex, { className: "block-header icon", children: jsx$2(Svg, { icon: "questionCircle", width: "12px" }) }) })] }), jsxs(Flex, { sx: { alignItems: 'center' }, children: [jsx$2(TokenImage, { symbol: payoutTokenSymbol, size: 18 }), jsx$2(Text, { sx: { fontSize: '12px', fontWeight: 700, ml: '10px' }, children: formatNumberSI(claimed(userBill), 4) }), jsxs(Text, { sx: {
+                                            }, children: [jsxs(Flex, { sx: { alignItems: 'center', gap: '5px' }, children: [jsx$2(Flex, { sx: { opacity: 0.6 }, children: "Claimed" }), jsx$2(TooltipBubble, { className: "tooltip-bubble", body: jsx$2(Flex, { children: UserBillTooltipText.Claimed }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, 0%)", children: jsx$2(Flex, { className: "block-header icon", children: jsx$2(Svg, { icon: "questionCircle", width: "12px" }) }) })] }), jsxs(Flex, { sx: { alignItems: 'center' }, children: [jsx$2(TokenImage, { symbol: payoutTokenSymbol, size: 18 }), jsx$2(Text, { sx: { fontSize: '12px', fontWeight: 700, ml: '10px' }, children: formatNumberSI(claimed(userBill), 4) }), jsxs(Text, { sx: {
                                                                 fontSize: ['10px', '10px', '10px', '12px'],
                                                                 fontWeight: 400,
                                                                 ml: '10px',
@@ -77160,8 +77160,8 @@ const YourBonds = ({ showOnly }) => {
     return (jsxs(Flex$1, { className: "yourbonds table-container", children: [!showOnly && (jsx$2(YourBondsMenu, { chainFilterOption: chainFilterOption, setChainFilterOption: setChainFilterOption, filterOptions: filterOptions, filterOption: filterOption, setFilterOption: handleFilterOption, setInputValue: setInputValue, inputValue: inputValue, handleSort: handleSort })), !account && !solanaAccount ? (jsx$2(Flex$1, { className: "placeholder-monkey-wrapper", children: jsx$2(PlaceholderMonkey, { text: 'You are not connected.' }) })) : hasBonds && hasFetched ? (jsxs(Fragment$1, { children: [preTGEBondsToRender === null || preTGEBondsToRender === void 0 ? void 0 : preTGEBondsToRender.map((userBond, index) => (jsx$2(UserBondRowPreTGE, { userBond: userBond }, index))), bondsToRender.map((bond) => {
                         var _a;
                         if (((_a = bond.bond) === null || _a === void 0 ? void 0 : _a.chainId) === types$1.ChainId.SOL)
-                            return jsx$2(UserBondRowSolana, { bill: bond }, `${bond.billNftAddress}-${bond.id}`);
-                        return jsx$2(UserBondRow, { bill: bond }, bond.id);
+                            return jsx$2(UserBondRowSolana, { bill: bond }, `${bond === null || bond === void 0 ? void 0 : bond.billNftAddress}-${bond.id}`);
+                        return jsx$2(UserBondRow, { bill: bond }, `${bond === null || bond === void 0 ? void 0 : bond.id}-${bond === null || bond === void 0 ? void 0 : bond.billNftAddress}`);
                     })] })) : inputValue !== '' || !chainFilterOption.includes('All Chains') ? (jsx$2(PlaceholderMonkey, { text: 'No results, change filters.' })) : hasFetched && !hasBonds ? (jsx$2(Flex$1, { className: "placeholder-monkey-wrapper", children: jsx$2(PlaceholderMonkey, { text: `You do not own any ${account && solanaAccount ? 'EVM nor SOL' : account ? 'EVM' : 'SOL'} Bonds.` }) })) : (jsx$2(Flex$1, { className: "placeholder-monkey-wrapper", children: jsx$2(Spinner, { size: 100 }) })), jsxs(Flex$1, { sx: { width: '100%', flexDirection: ['column', 'column', 'column', 'row'], gap: '10px', my: '10px' }, children: [!solanaAccount && (jsx$2(Flex$1, { sx: { width: '100%', mt: '5px' }, children: jsx$2(ConnectToSolanaCard, {}) })), !account && (jsx$2(Flex$1, { sx: { width: '100%', mt: '5px' }, children: jsx$2(ConnectToEVMBanner, {}) }))] })] }));
 };
 
@@ -78227,7 +78227,7 @@ 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, { 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' }, 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
                             ? `$${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" }) })) })] })] })] }));
 };
@@ -80003,7 +80003,7 @@ const BonusComponent = ({ trueBondPrices, minTier, bonus, airdropTooltip, toolti
         return new BigNumber$1(current.points).isGreaterThan(new BigNumber$1(max.points)) ? current : max;
     }, trueBondPrices[0]);
     const baseTrueBondPrice = findHighestTrueBondPrice('0', trueBondPrices);
-    return (jsx$2(Flex, { children: trueBondPrices && (trueBondPrices === null || trueBondPrices === void 0 ? void 0 : trueBondPrices.length) > 1 && SDKConfig.useTiers ? (jsx$2(Flex, { sx: { alignItems: 'center' }, children: (highestPointsElement === null || highestPointsElement === void 0 ? void 0 : highestPointsElement.bonusWithFee) && (highestPointsElement === null || highestPointsElement === void 0 ? void 0 : highestPointsElement.bonusWithFee) > 0 ? (jsx$2(TooltipBubble, { width: "280px", placement: tooltipPosition, transformTip: tooltipPosition === 'bottomLeft' ? 'translate(0%, 0%)' : 'translate(0%, 0%)', body: jsx$2(BonusTable, { trueBondPrices: trueBondPrices, minTier: minTier }), children: jsxs(Flex, { sx: {
+    return (jsx$2(Flex, { children: trueBondPrices && (trueBondPrices === null || trueBondPrices === void 0 ? void 0 : trueBondPrices.length) > 1 && SDKConfig.useTiers ? (jsx$2(Flex, { sx: { alignItems: 'center', minWidth: '20px' }, children: (highestPointsElement === null || highestPointsElement === void 0 ? void 0 : highestPointsElement.bonusWithFee) && (highestPointsElement === null || highestPointsElement === void 0 ? void 0 : highestPointsElement.bonusWithFee) > 0 ? (jsx$2(TooltipBubble, { width: "280px", placement: tooltipPosition, transformTip: tooltipPosition === 'bottomLeft' ? 'translate(0%, 0%)' : 'translate(0%, 0%)', body: jsx$2(BonusTable, { trueBondPrices: trueBondPrices, minTier: minTier }), children: jsxs(Flex, { sx: {
                         p: '3px 6px',
                         border: '1px solid var(--theme-ui-colors-primaryButton)',
                         borderRadius: 'normal',
@@ -80026,7 +80026,7 @@ const BonusComponent = ({ trueBondPrices, minTier, bonus, airdropTooltip, toolti
                                             ? 'success'
                                             : 'error',
                                         fontSize: ['14px', '14px', '16px', '16px'],
-                                    }, children: [(_a = highestPointsElement === null || highestPointsElement === void 0 ? void 0 : highestPointsElement.bonusWithFee) === null || _a === void 0 ? void 0 : _a.toFixed(2), "%"] })] })] }) })) : (jsx$2(Flex, { sx: { height: '20px', width: '20px' }, children: jsx$2(TooltipBubble, { body: 'This bond is currently on cooldown and has no bonus. Please check back soon.', width: "205px", placement: "bottomRight", transformTip: "translate(10%, 0%)", children: jsx$2(Svg, { icon: "Timer", width: "20px", color: "#81CFEA" }) }) })) })) : baseTrueBondPrice ? (jsx$2(Flex, { sx: { alignItems: 'center' }, className: `${getDiscountColor(+(baseTrueBondPrice === null || baseTrueBondPrice === void 0 ? void 0 : baseTrueBondPrice.bonusWithFee))}`, children: (baseTrueBondPrice === null || baseTrueBondPrice === void 0 ? void 0 : baseTrueBondPrice.bonusWithFee) > 0 ? (`${(_b = baseTrueBondPrice === null || baseTrueBondPrice === void 0 ? void 0 : baseTrueBondPrice.bonusWithFee) === null || _b === void 0 ? void 0 : _b.toFixed(2)}%`) : (jsx$2(Flex, { sx: { height: '20px', width: '20px' }, children: jsx$2(TooltipBubble, { body: 'This bond is currently on cooldown and has no bonus. Please check back soon.', width: "205px", placement: "bottomRight", transformTip: "translate(10%, 0%)", children: jsx$2(Svg, { icon: "Timer", width: "20px", color: "#81CFEA" }) }) })) })) : (jsxs(Flex, { sx: { color: bonus && 'success', alignItems: 'center' }, children: [bonus || '-', airdropTooltip && (jsx$2(TooltipBubble, { body: jsx$2(Fragment$1, { children: airdropTooltip }), width: "230px", placement: isMobile ? 'bottomRight' : 'bottomLeft', transformTip: isMobile ? 'translate(9%, 6%)' : 'translate(-3%, 6%)', children: jsx$2(Flex, { sx: { width: '20px', height: '20px', alignItems: 'center', ml: '5px' }, children: jsx$2("img", { src: "https://res.cloudinary.com/dswmrqgwy/image/upload/v1750345773/airdrop_qvh4ow.png", alt: "airdrop-img", style: { width: '20px', height: '20px' } }) }) }))] })) }));
+                                    }, children: [(_a = highestPointsElement === null || highestPointsElement === void 0 ? void 0 : highestPointsElement.bonusWithFee) === null || _a === void 0 ? void 0 : _a.toFixed(2), "%"] })] })] }) })) : (jsx$2(Flex, { sx: { height: '20px', width: '20px' }, children: jsx$2(TooltipBubble, { body: 'This bond is currently on cooldown and has no bonus. Please check back soon.', width: "205px", placement: "bottomRight", transformTip: "translate(10%, 0%)", children: jsx$2(Svg, { icon: "Timer", width: "20px", color: "#81CFEA" }) }) })) })) : baseTrueBondPrice ? (jsx$2(Flex, { sx: { alignItems: 'center', minWidth: '20px' }, className: `${getDiscountColor(+(baseTrueBondPrice === null || baseTrueBondPrice === void 0 ? void 0 : baseTrueBondPrice.bonusWithFee))}`, children: (baseTrueBondPrice === null || baseTrueBondPrice === void 0 ? void 0 : baseTrueBondPrice.bonusWithFee) > 0 ? (`${(_b = baseTrueBondPrice === null || baseTrueBondPrice === void 0 ? void 0 : baseTrueBondPrice.bonusWithFee) === null || _b === void 0 ? void 0 : _b.toFixed(2)}%`) : (jsx$2(Flex, { sx: { height: '20px', width: '20px' }, children: jsx$2(TooltipBubble, { body: 'This bond is currently on cooldown and has no bonus. Please check back soon.', width: "205px", placement: "bottomRight", transformTip: "translate(10%, 0%)", children: jsx$2(Svg, { icon: "Timer", width: "20px", color: "#81CFEA" }) }) })) })) : (jsxs(Flex, { sx: { color: bonus && 'success', alignItems: 'center', minWidth: '20px' }, children: [bonus || '-', airdropTooltip && (jsx$2(TooltipBubble, { body: jsx$2(Fragment$1, { children: airdropTooltip }), width: "230px", placement: isMobile ? 'bottomRight' : 'bottomLeft', transformTip: isMobile ? 'translate(9%, 6%)' : 'translate(-3%, 6%)', children: jsx$2(Flex, { sx: { width: '20px', height: '20px', alignItems: 'center', ml: '5px' }, children: jsx$2("img", { src: "https://res.cloudinary.com/dswmrqgwy/image/upload/v1750345773/airdrop_qvh4ow.png", alt: "airdrop-img", style: { width: '20px', height: '20px' } }) }) }))] })) }));
 };
 
 const BondCards = ({ bondData }) => {
@@ -80483,8 +80483,8 @@ const TransactionModal = ({ onDismiss, txChain, approvalState, approveCallback,
 
 const BuyComponent = ({ onDismiss, bondAddress, bondChain, handlePurchasedBond, isProjectView, }) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-    const SDKConfig = useSDKConfig();
     // Hooks
+    const SDKConfig = useSDKConfig();
     const userChainId = useChainId();
     const { address: account } = useEVMAccount();
     const { writeContractAsync } = useWriteContract();
@@ -80769,15 +80769,18 @@ const BuyComponent = ({ onDismiss, bondAddress, bondChain, handlePurchasedBond,
                                     zapError ||
                                     exceedsMaxBuy ||
                                     exceedsBalance ||
-                                    (isZap && !zapData), onClick: handleOpenModal, children: exceedsMaxBuy
-                                    ? 'Exceeds Max Buy'
-                                    : exceedsBalance
-                                        ? 'Exceeds balance'
-                                        : zapError
-                                            ? 'something went wrong'
-                                            : !inputValue || parseFloat(inputValue) === 0
-                                                ? 'Insert amount'
-                                                : `buy` })) })] })] }) })) : (jsx$2(Fragment$1, {}));
+                                    (isZap && !zapData) ||
+                                    SDKConfig.blockSales, onClick: handleOpenModal, children: SDKConfig.blockSales
+                                    ? 'Complete KYC to Buy'
+                                    : exceedsMaxBuy
+                                        ? 'Exceeds Max Buy'
+                                        : exceedsBalance
+                                            ? 'Exceeds balance'
+                                            : zapError
+                                                ? 'something went wrong'
+                                                : !inputValue || parseFloat(inputValue) === 0
+                                                    ? 'Insert amount'
+                                                    : `buy` })) })] })] }) })) : (jsx$2(Fragment$1, {}));
 };
 
 const ConnectSolanaWallet = ({ navBarFlag }) => {
@@ -81055,7 +81058,14 @@ const BuyComponentSolana = ({ onDismiss, bondAddress, bondChain, isProjectView,
                                         !inputValue ||
                                         parseFloat(inputValue) === 0 ||
                                         exceedsMaxBuy ||
-                                        exceedsBalance, onClick: handleOpenModal, sx: { width: ['100%', '100%', '100%', '65%'] }, children: exceedsMaxBuy ? 'Exceeds Max Buy' : exceedsBalance ? 'Insufficient balance' : `buy` })] })) }) })] }) })) : (jsx$2(Fragment$1, {}));
+                                        exceedsBalance ||
+                                        SDKConfig.blockSales, onClick: handleOpenModal, sx: { width: ['100%', '100%', '100%', '65%'] }, children: SDKConfig.blockSales
+                                        ? 'Complete KYC to Buy'
+                                        : exceedsMaxBuy
+                                            ? 'Exceeds Max Buy'
+                                            : exceedsBalance
+                                                ? 'Insufficient balance'
+                                                : `buy` })] })) }) })] }) })) : (jsx$2(Fragment$1, {}));
 };
 
 const BuyBondModal = ({ onDismiss, bondAddress, bondChain, handlePurchasedBond, setBillId, }) => {
@@ -81298,6 +81308,7 @@ const BondCardsPreTGE = ({ bond }) => {
 
 const BuyComponentPreTGE = ({ bondAddress, bondChain, onDismiss, handlePurchasedBond, }) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+    const SDKConfig = useSDKConfig();
     const { data: preTGEBonds } = useBondsData();
     const bond = preTGEBonds === null || preTGEBonds === void 0 ? void 0 : preTGEBonds.find((bond) => { var _a, _b; return ((_b = (_a = bond.contractAddress) === null || _a === void 0 ? void 0 : _a[bond.chainId]) === null || _b === void 0 ? void 0 : _b.toLowerCase()) === bondAddress.toLowerCase() && bond.chainId === bondChain; });
     // Hooks
@@ -81371,19 +81382,21 @@ const BuyComponentPreTGE = ({ bondAddress, bondChain, onDismiss, handlePurchased
     const now = new Date().getTime();
     const saleHasStarted = now > saleStartTime;
     const saleHasFinished = now > saleFinishTime || bond.finalized;
-    const error = !saleHasStarted
-        ? `Sale hasn't started`
-        : saleHasFinished
-            ? 'Sale Finished'
-            : exceedsBalance
-                ? 'Exceeds balance'
-                : percentageSold > 99.9
-                    ? 'Soldout'
-                    : !inputValue || parseFloat(inputValue) === 0
-                        ? 'Insert amount'
-                        : !bond
-                            ? 'no bond'
-                            : null;
+    const error = SDKConfig.blockSales
+        ? 'Complete KYC to Buy'
+        : !saleHasStarted
+            ? `Sale hasn't started`
+            : saleHasFinished
+                ? 'Sale Finished'
+                : exceedsBalance
+                    ? 'Exceeds balance'
+                    : percentageSold > 99.9
+                        ? 'Soldout'
+                        : !inputValue || parseFloat(inputValue) === 0
+                            ? 'Insert amount'
+                            : !bond
+                                ? 'no bond'
+                                : null;
     return (jsxs(Modal, { onDismiss: handleClose, sx: { width: '740px' }, children: [jsx$2(ModalHeader, { onDismiss: handleClose, hideDivider: true }), jsx$2(Flex, { sx: styles$a.buyContainer, children: jsxs(Flex, { sx: styles$a.cardContainer, children: [jsx$2(Flex, { sx: { width: '100%', justifyContent: 'space-between' }, children: jsxs(Flex, { children: [jsxs(Flex, { children: [jsx$2(Flex, { className: "title-container bondicon", children: jsx$2(TokenImage, { symbol: bond.earnToken.symbol, size: 50, chain: bond.chainId }) }), jsxs(Flex, { className: "title-container bondname", children: [bond.earnToken.symbol, jsx$2(ListTag, { text: (_j = bond === null || bond === void 0 ? void 0 : bond.tags) === null || _j === void 0 ? void 0 : _j[0] })] })] }), jsxs(Flex, { sx: { flexDirection: 'column', ml: '15px' }, children: [jsxs(Flex, { className: "price-container price", children: ["$", bond.tgePrice] }), jsxs(Flex, { sx: { fontSize: '24px', fontWeight: 700 }, children: ["$", bond.initPrice] })] })] }) }), jsx$2(ProjectDescription, { description: bond.shortDescription, isProjectView: true }), jsx$2(BondCardsPreTGE, { bond: bond }), jsxs(Flex, { sx: Object.assign(Object.assign({}, styles$a.infoRowsContainer), { mt: '10px' }), children: [jsxs(Flex, { sx: styles$a.infoRow, children: [jsx$2(Text, { sx: styles$a.infoTitle, children: "You Spend:" }), jsxs(Text, { sx: styles$a.infoData, children: [isNaN(parseFloat(inputValueToDisplay)) ? 0 : inputValueToDisplay, " ", bond === null || bond === void 0 ? void 0 : bond.lpToken.symbol, " = $", isNaN(inputValueToDisplayUSD) ? '0' : inputValueToDisplayUSD.toFixed(2)] })] }), jsxs(Flex, { sx: styles$a.infoRow, children: [jsxs(Flex, { sx: Object.assign(Object.assign({}, styles$a.infoTitle), { alignItems: 'center' }), children: ["Bonus:", jsx$2(TooltipBubble, { className: "tooltip-bubble", body: jsx$2(Flex, { children: TooltipText.Premium }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, 0%)", children: jsx$2(Flex, { className: "row-container premium-icon", children: jsx$2(Svg, { icon: "questionCircle", width: "12px" }) }) })] }), jsxs(Text, { sx: Object.assign(Object.assign({}, styles$a.infoData), { color: 'success' }), children: ["$", isNaN(bonusUSD) ? '0' : bonusUSD.toFixed(2)] })] }), jsxs(Flex, { sx: styles$a.infoRow, children: [jsx$2(Text, { sx: styles$a.infoTitle, children: "You Get:" }), jsxs(Text, { sx: styles$a.infoData, children: [isNaN(youGet) ? 0 : formatNumberSI(youGet, 0), " ", bond === null || bond === void 0 ? void 0 : bond.earnToken.symbol, " = $", isNaN(youGetUSD) ? '0' : youGetUSD.toFixed(2)] })] })] }), jsx$2(TokenSelectorPanel, { typedValue: inputValue, setTypedValue: setInputValue, selectedToken: bond === null || bond === void 0 ? void 0 : bond.lpToken, handleValueBtn: () => { var _a; return setInputValue((_a = new BigNumber$1(principalTokenBalance !== null && principalTokenBalance !== void 0 ? principalTokenBalance : '0')) === null || _a === void 0 ? void 0 : _a.toString()); }, handleCurrencySelect: () => null, bondChainId: bond === null || bond === void 0 ? void 0 : bond.chainId, enableZap: false, bondPrincipalToken: bond === null || bond === void 0 ? void 0 : bond.lpToken, tokenBalance: principalTokenBalance !== null && principalTokenBalance !== void 0 ? principalTokenBalance : undefined, selectedTokenPrice: parseFloat((_k = bond === null || bond === void 0 ? void 0 : bond.principalTokenPrice) !== null && _k !== void 0 ? _k : '0'), inputDisabled: false }), jsx$2(Flex, { sx: {
                                 width: '100%',
                                 background: '#DE62F366',
@@ -81491,8 +81504,9 @@ 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, }) => {
+const BondRow = ({ bondAddress, bondChain, billArtCollection, payoutToken, billType, tag, bondSoldOut, trueBondPrices, minTier, bonus, airdropTooltip, vestingTermString, vestingCliffString, percentageAvailable, remainingTokensString, projectURL, twitterURL, auditURL, shortDescription, }) => {
     var _a, _b, _c;
+    const SDKConfig = useSDKConfig();
     const locationPath = window.location.pathname.replace('/', '');
     // Modal
     const [openBuyModal] = useModal(jsx$2(ModalHandler, { bondAddress: bondAddress, bondChain: bondChain }), true, true, `buyBondModal-${bondAddress.toLowerCase()}-${bondChain}`);
@@ -81520,7 +81534,7 @@ const BondRow = ({ bondAddress, bondChain, billArtCollection, payoutToken, billT
         });
     };
     return (jsxs("div", { className: "bond-row" // Insert special campaign styles here
-        , onClick: handleOpenModal, sx: Object.assign({ borderRadius: 'normal' }, bondRowCampaignStyles[billArtCollection]), children: [jsx$2("div", { className: "token-info-container", sx: { width: ['70%', '70%', '65%', '30%'] }, children: jsx$2(TokenInfoAndName, { tokenSymbol: payoutToken === null || payoutToken === void 0 ? void 0 : payoutToken.symbol, chain: bondChain, tag: tag, billArtCollection: billArtCollection }) }), jsxs("div", { className: "bond-info-columns", sx: { width: '70%' }, children: [jsx$2(BonusContainer, { trueBondPrices: trueBondPrices, minTier: minTier, bonus: bonus, airdropTooltip: airdropTooltip }), jsxs("div", { className: "terms-column", children: [vestingTermString, vestingCliffString && (jsx$2(TooltipBubble, { className: "tooltip-bubble", body: jsx$2(Flex, { children: vestingCliffString }), width: "180px", placement: "bottomRight", transformTip: "translate(13%, 0%)", children: jsx$2(Flex, { sx: { opacity: 0.6, ml: '6px' }, children: jsx$2(Svg, { icon: "questionCircle", width: "12px" }) }) }))] }), jsx$2("div", { className: "tokens-remaining-column", children: jsx$2(ProgressBarWrapper$1, { title: '', value: jsx$2(ProgressBar, { value: percentageAvailable }), style: {
+        , onClick: handleOpenModal, sx: Object.assign({ borderRadius: 'normal' }, bondRowCampaignStyles[billArtCollection]), 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: jsx$2(ProgressBarWrapper$1, { title: '', value: jsx$2(ProgressBar, { value: percentageAvailable }), style: {
                                 width: '127px',
                                 height: '25px',
                                 flexDirection: 'column',
@@ -87331,7 +87345,7 @@ const BondRowsWithTitle = ({ chain, bonds, hideTitles, showHotBonds, showSolSkel
                             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, _0, _1, _2;
                             if (bondFromMap.soldOut) {
                                 const bond = bondFromMap;
-                                return (jsx$2(BondRow, { bondAddress: (_a = bond.contractAddress) === null || _a === void 0 ? void 0 : _a[bond.chainId], billArtCollection: (_b = bond.billArt) === null || _b === void 0 ? void 0 : _b.collection, bondChain: bond.chainId, payoutToken: bond.earnToken, billType: bond.billType, tag: (_c = bond.tags) === null || _c === void 0 ? void 0 : _c[0], bondSoldOut: true, percentageAvailable: 100, remainingTokensString: `${formatNumberSI(0, 0)} ${bond.earnToken.symbol} ($${formatNumberSI(0, 2)})`, vestingTermString: "-", projectURL: bond.projectLink, twitterURL: bond.twitter, auditURL: bond.audit }, `${bond.contractAddress}-${bond.chainId}-${index}`));
+                                return (jsx$2(BondRow, { bondAddress: (_a = bond.contractAddress) === null || _a === void 0 ? void 0 : _a[bond.chainId], billArtCollection: (_b = bond.billArt) === null || _b === void 0 ? void 0 : _b.collection, bondChain: bond.chainId, payoutToken: bond.earnToken, billType: bond.billType, tag: (_c = bond.tags) === null || _c === void 0 ? void 0 : _c[0], bondSoldOut: true, percentageAvailable: 100, remainingTokensString: `${formatNumberSI(0, 0)} ${bond.earnToken.symbol} ($${formatNumberSI(0, 2)})`, vestingTermString: "-", projectURL: bond.projectLink, twitterURL: bond.twitter, auditURL: bond.audit, shortDescription: bond.shortDescription }, `${bond.contractAddress}-${bond.chainId}-${index}`));
                             }
                             if (bondFromMap.billType === 'fcfs') {
                                 const bond = bondFromMap;
@@ -87354,13 +87368,13 @@ const BondRowsWithTitle = ({ chain, bonds, hideTitles, showHotBonds, showSolSkel
                                         ? '-'
                                         : initialRelease === 100
                                             ? `0 D`
-                                            : `${getTimePeriods((_y = bond.vestingTerm) !== null && _y !== void 0 ? _y : 0).months} Mo`, projectURL: bond.projectLink, twitterURL: bond.twitter, auditURL: bond.audit, bondSoldOut: saleHasFinished }, `${bond.contractAddress}-${bond.chainId}-${index}`));
+                                            : `${getTimePeriods((_y = bond.vestingTerm) !== null && _y !== void 0 ? _y : 0).months} Mo`, projectURL: bond.projectLink, twitterURL: bond.twitter, auditURL: bond.audit, bondSoldOut: saleHasFinished, shortDescription: bond.shortDescription }, `${bond.contractAddress}-${bond.chainId}-${index}`));
                             }
                             else {
                                 const bond = bondFromMap;
                                 const bondAddress = (_z = bond === null || bond === void 0 ? void 0 : bond.contractAddress) === null || _z === void 0 ? void 0 : _z[bond === null || bond === void 0 ? void 0 : bond.chainId];
                                 const remainingTokensString = getRemainingTokensString(bond);
-                                return (jsx$2(BondRow, { bondAddress: bondAddress, bondChain: bond.chainId, billArtCollection: (_0 = bond.billArt) === null || _0 === void 0 ? void 0 : _0.collection, payoutToken: bond.earnToken, billType: bond.billType, tag: (_1 = bond.tags) === null || _1 === void 0 ? void 0 : _1[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' ? `${(_2 = bond === null || bond === void 0 ? void 0 : bond.discountWithFee) === null || _2 === void 0 ? void 0 : _2.toFixed(2)}%` : undefined }, `${bondAddress}-${bond.chainId}-${index}`));
+                                return (jsx$2(BondRow, { bondAddress: bondAddress, bondChain: bond.chainId, billArtCollection: (_0 = bond.billArt) === null || _0 === void 0 ? void 0 : _0.collection, payoutToken: bond.earnToken, billType: bond.billType, tag: (_1 = bond.tags) === null || _1 === void 0 ? void 0 : _1[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' ? `${(_2 = bond === null || bond === void 0 ? void 0 : bond.discountWithFee) === null || _2 === void 0 ? void 0 : _2.toFixed(2)}%` : undefined, shortDescription: bond.shortDescription }, `${bondAddress}-${bond.chainId}-${index}`));
                             }
                         }), showHotBonds && (jsx$2(SwiperProvider, { children: jsx$2(HotBondCards, {}) }))] }, key))] }) }, key));
 };
@@ -87485,7 +87499,7 @@ const BondsMenu = ({ searchQuery, setSearchQuery, setChainFilterOption, chainFil
                                         fontSize: '14px',
                                         color: 'white',
                                         width: ['calc(50vw - 25px)'],
-                                    }, placeholder: 'Search...' }), jsx$2(FavIcon, { filterOption: filterOption, setFilterOption: setFilterOption })] }) }), jsxs("div", { className: "headers-container", children: [jsxs("div", { className: "discount-header", onClick: () => onSort('bonus'), children: [namingPreference.toUpperCase(), jsx$2(Flex$1, { sx: { ml: '5px', mb: '3px' }, children: jsx$2(Svg, { icon: "sort", width: 10, color: "textDisabledButton" }) })] }), jsxs("div", { className: "terms-header", onClick: () => onSort('terms'), children: ["TERMS", jsx$2(Flex$1, { sx: { ml: '5px', mb: '3px' }, children: jsx$2(Svg, { icon: "sort", width: "12px", color: "textDisabledButton" }) })] }), jsxs("div", { className: "tokens-remaining-header", onClick: () => onSort('tokensRemaining'), children: ["TOKENS REMAINING", jsx$2(Flex$1, { sx: { ml: '5px', mb: '3px' }, children: jsx$2(Svg, { icon: "sort", width: "12px", color: "textDisabledButton" }) })] }), jsx$2("div", { className: "tooltip-header" })] })] })] }));
+                                    }, placeholder: 'Search...' }), jsx$2(FavIcon, { filterOption: filterOption, setFilterOption: setFilterOption })] }) }), jsxs("div", { className: "headers-container", children: [jsx$2(Flex$1, { sx: { width: '125px' } }), jsxs("div", { className: "discount-header", onClick: () => onSort('bonus'), children: [namingPreference.toUpperCase(), jsx$2(Flex$1, { sx: { ml: '5px', mb: '3px' }, children: jsx$2(Svg, { icon: "sort", width: 10, color: "textDisabledButton" }) })] }), jsxs("div", { className: "terms-header", onClick: () => onSort('terms'), children: ["TERMS", jsx$2(Flex$1, { sx: { ml: '5px', mb: '3px' }, children: jsx$2(Svg, { icon: "sort", width: "12px", color: "textDisabledButton" }) })] }), jsxs("div", { className: "tokens-remaining-header", onClick: () => onSort('tokensRemaining'), children: ["TOKENS REMAINING", jsx$2(Flex$1, { sx: { ml: '5px', mb: '3px' }, children: jsx$2(Svg, { icon: "sort", width: "12px", color: "textDisabledButton" }) })] }), jsx$2("div", { className: "tooltip-header" })] })] })] }));
 };
 
 const getUserApiStats = (account) => __awaiter$9(void 0, void 0, void 0, function* () {
@@ -87549,10 +87563,11 @@ const BuyAgainRow = () => {
                 position: 'relative',
                 overflow: 'hidden',
                 width: '100%',
+                mb: '10px',
             }, children: [jsx$2(Flex, { sx: {
                         p: '0 1px',
                         width: '100%',
-                        my: '10px',
+                        pt: '5px',
                         background: 'primaryButton',
                         borderRadius: 'normal',
                         flexDirection: 'column',
@@ -87562,9 +87577,8 @@ const BuyAgainRow = () => {
                             fontSize: '12px',
                             fontWeight: 500,
                             pl: '26px',
-                            py: '2px',
                             color: 'primaryBright',
-                            height: '93px',
+                            height: '91px',
                         }, children: "BUY AGAIN" }) }), jsx$2(Flex, { onClick: () => {
                         track({
                             event: 'buyAgainClick',
@@ -87573,7 +87587,7 @@ const BuyAgainRow = () => {
                                 bond: bond.earnToken.symbol,
                             },
                         });
-                    }, sx: { position: 'absolute', top: '32px', left: '1px', width: 'calc(100% - 2px)' }, children: jsx$2(BondRow, { bondAddress: (_b = bond === null || bond === void 0 ? void 0 : bond.contractAddress) === null || _b === void 0 ? void 0 : _b[bond === null || bond === void 0 ? void 0 : bond.chainId], bondChain: bond.chainId, billType: bond.billType, payoutToken: bond.earnToken, tag: (_c = bond.tags) === null || _c === void 0 ? void 0 : _c[0], bondSoldOut: isBondSoldOut(bond, SDKConfig.showLowValueBonds), trueBondPrices: bond === null || bond === void 0 ? void 0 : bond.trueBondPrices, minTier: bond === null || bond === void 0 ? void 0 : bond.minTier, vestingTermString: getVestingTermsString(bond), vestingCliffString: getVestingTermsTooltipString(bond), percentageAvailable: remainingPercentage(bond), remainingTokensString: remainingTokensString }, `${bondAddress}-${bond.chainId}`) })] }) })) : null;
+                    }, sx: { position: 'absolute', top: '25px', left: '1px', width: 'calc(100% - 2px)' }, children: jsx$2(BondRow, { bondAddress: (_b = bond === null || bond === void 0 ? void 0 : bond.contractAddress) === null || _b === void 0 ? void 0 : _b[bond === null || bond === void 0 ? void 0 : bond.chainId], bondChain: bond.chainId, billType: bond.billType, payoutToken: bond.earnToken, tag: (_c = bond.tags) === null || _c === void 0 ? void 0 : _c[0], bondSoldOut: isBondSoldOut(bond, SDKConfig.showLowValueBonds), trueBondPrices: bond === null || bond === void 0 ? void 0 : bond.trueBondPrices, minTier: bond === null || bond === void 0 ? void 0 : bond.minTier, vestingTermString: getVestingTermsString(bond), vestingCliffString: getVestingTermsTooltipString(bond), percentageAvailable: remainingPercentage(bond), remainingTokensString: remainingTokensString }, `${bondAddress}-${bond.chainId}`) })] }) })) : null;
 };
 
 const LoadingSkeleton = () => {

package/dist/state/useSDKConfig.d.ts

@@ -6,12 +6,14 @@ export interface SDKPropsDTO {
     useHotBonds?: boolean;
     useTiers?: boolean;
     useTGEBonds?: boolean;
+    useCardsView?: boolean;
     showLowValueBonds?: boolean;
     bondPartner?: string;
     namingPreference?: 'Discount' | 'Bonus';
     urls?: Partial<Record<URLKeys, string>>;
     theme?: any;
     highestCompatibleVersion?: string;
+    blockSales?: boolean;
 }
 export interface SDKProps {
     referenceId: string;
@@ -29,6 +31,8 @@ export interface SDKProps {
     highestCompatibleVersion?: string;
     evmAddress?: string;
     solAddress?: string;
+    useCardsView?: boolean;
+    blockSales?: boolean;
 }
 export declare const useSDKConfig: (config?: SDKPropsDTO) => SDKProps;
 export type URLKeys = 'apiV2' | 'realTimeApi' | 'mainUrl' | 'priceApi';

package/dist/styles.css

@@ -791,6 +791,8 @@ span.flex-inline {
   display: flex;
   width: 50%;
   justify-content: flex-end;
+  opacity: 0.6;
+  align-items: center;
 }
 @media screen and (min-width: 1000px) {
   .bonds-menu .headers-container {
@@ -862,7 +864,7 @@ span.flex-inline {
 .bonds-menu .your-bonds-table-headers {
   display: none;
   width: 130px;
-  align-items: flex-end;
+  align-items: center;
   justify-content: center;
   cursor: pointer;
   opacity: 0.6;

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

@@ -20,6 +20,7 @@ interface BondRowProps {
     projectURL?: string;
     twitterURL?: string;
     auditURL?: string;
+    shortDescription?: string;
 }
 declare const BondRow: React.FC<BondRowProps>;
 export default BondRow;

package/package.json

@@ -3,7 +3,7 @@
   "description": "Ape Bond SDK",
   "author": "Ape Bond",
   "license": "MIT",
-  "version": "4.1.2-test.2",
+  "version": "4.1.3-test.13",
   "module": "dist/main.js",
   "type": "module",
   "types": "dist/main.d.ts",