@ape.swap/bonds-sdk 3.0.85-test.3 → 3.0.85

package/dist/main.js

@@ -58355,7 +58355,7 @@ const useSDKConfig = (config) => {
     const urls = process.env.NODE_ENV === 'production' ? defaultUrls : stagingUrls;
     const { data } = useQuery({
         queryKey: [QUERY_KEYS.SDK_CONFIG],
-        initialData: Object.assign(Object.assign({ useHotBonds: true, useRainbowKit: false, useTiers: false, useTGEBonds: false, useCardsView: false }, config), { urls: Object.assign(Object.assign({}, urls), config === null || config === void 0 ? void 0 : config.urls), highestCompatibleVersion: '2.1.1' }),
+        initialData: Object.assign(Object.assign({ useHotBonds: true, useRainbowKit: false, useTiers: false, useTGEBonds: false, showLowValueBonds: false }, config), { urls: Object.assign(Object.assign({}, urls), config === null || config === void 0 ? void 0 : config.urls), highestCompatibleVersion: '2.1.1' }),
     });
     return data;
 };
@@ -73816,7 +73816,7 @@ const useTopTags = (initialBondList) => {
     return sortedTagsArray.slice(0, 2).map((tagCountArray) => tagCountArray[0]);
 };
 
-const isBondSoldOut = (bill) => {
+const isBondSoldOut = (bill, showLowValueBonds) => {
     var _a;
     if (bill.soldOut)
         return true;
@@ -73825,6 +73825,8 @@ const isBondSoldOut = (bill) => {
     const { tokensRemaining, payoutTokenPrice } = bill;
     if (!tokensRemaining)
         return false;
+    if (showLowValueBonds)
+        return false;
     const thresholdToHide = new BigNumber$1(100).div(payoutTokenPrice !== null && payoutTokenPrice !== void 0 ? payoutTokenPrice : 0);
     if ((_a = new BigNumber$1(tokensRemaining)) === null || _a === void 0 ? void 0 : _a.lte(thresholdToHide)) {
         // If there's less than 100 usd bond will be hidden
@@ -79899,9 +79901,8 @@ const BonusContainer = ({ trueBondPrices, minTier, bonus, tooltipPosition = 'bot
     return (jsx$2("div", { className: `discount-column`, children: jsx$2(BonusComponent, { trueBondPrices: trueBondPrices, minTier: minTier, bonus: bonus, tooltipPosition: isMobile ? tooltipPosition : 'bottomLeft' }) }));
 };
 
-const BondRow = ({ bondAddress, bondChain, payoutToken, tag, bondSoldOut, trueBondPrices, minTier, bonus, vestingTermString, vestingCliffString, percentageAvailable, remainingTokensString, projectURL, twitterURL, auditURL, shortDescription, }) => {
+const BondRow = ({ bondAddress, bondChain, payoutToken, tag, bondSoldOut, trueBondPrices, minTier, bonus, vestingTermString, vestingCliffString, percentageAvailable, remainingTokensString, projectURL, twitterURL, auditURL, }) => {
     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}`);
@@ -79931,7 +79932,7 @@ const BondRow = ({ bondAddress, bondChain, payoutToken, tag, bondSoldOut, trueBo
         });
     };
     return (jsxs("div", { className: "bond-row" // Insert special campaign styles here
-        , onClick: handleOpenModal, sx: { borderRadius: 'normal' }, children: [jsx$2("div", { className: "gold-ribbon" }), jsx$2("div", { className: "token-info-container", sx: { width: ['70%', '70%', '65%', '30%'] }, children: jsx$2(TokenInfoAndName, { tokenSymbol: payoutToken === null || payoutToken === void 0 ? void 0 : payoutToken.symbol, chain: bondChain, tag: tag }) }), SDKConfig.useCardsView && jsx$2("div", { className: "short-description", children: shortDescription }), jsxs("div", { className: "bond-info-columns", sx: { width: '55%' }, children: [jsx$2(BonusContainer, { trueBondPrices: trueBondPrices, minTier: minTier, bonus: bonus }), jsxs("div", { className: "terms-column", children: [vestingTermString, vestingCliffString && (jsx$2(TooltipBubble, { className: "tooltip-bubble", 
+        , onClick: handleOpenModal, sx: { borderRadius: 'normal' }, children: [jsx$2("div", { className: "gold-ribbon" }), jsx$2("div", { className: "token-info-container", sx: { width: ['70%', '70%', '65%', '30%'] }, children: jsx$2(TokenInfoAndName, { tokenSymbol: payoutToken === null || payoutToken === void 0 ? void 0 : payoutToken.symbol, chain: bondChain, tag: tag }) }), jsxs("div", { className: "bond-info-columns", sx: { width: '55%' }, children: [jsx$2(BonusContainer, { trueBondPrices: trueBondPrices, minTier: minTier, bonus: bonus }), jsxs("div", { className: "terms-column", children: [vestingTermString, vestingCliffString && (jsx$2(TooltipBubble, { className: "tooltip-bubble", 
                                 // body={<Flex>{getVestingTermsTooltipString(bond)}</Flex>}
                                 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',
@@ -80086,6 +80087,7 @@ const BannerTestnet = ({ chainId }) => {
 
 const BondRowsWithTitle = ({ chain, bonds, showHotBonds }) => {
     const key = chain;
+    const SDKConfig = useSDKConfig();
     const [isOpen, setIsOpen] = useState(true);
     return (jsx$2(Flex$1, { className: "bondrowswithtitle", children: jsxs(AnimatePresence, { initial: false, children: [jsx$2(Flex$1, { onClick: () => setIsOpen(!isOpen), sx: { cursor: 'pointer' }, children: jsx$2(ChainTitle, { chain: chain, pt: '5px', hideTitles: bonds.length <= 0, isOpen: isOpen }) }), bonds.length > 0 && isOpen && (jsxs(motion.div, { initial: { height: 0, overflow: 'hidden' }, animate: { height: 'fit-content', overflow: 'hidden', transitionEnd: { overflow: 'visible' } }, exit: { height: 0, overflow: 'hidden' }, sx: {
                         position: 'relative',
@@ -80096,7 +80098,7 @@ const BondRowsWithTitle = ({ chain, bonds, showHotBonds }) => {
                             var _a, _b, _c, _d, _e;
                             const bondAddress = (_a = bond === null || bond === void 0 ? void 0 : bond.billAddress) !== null && _a !== void 0 ? _a : (_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];
                             const remainingTokensString = getRemainingTokensString(bond);
-                            return (jsx$2(BondRow, { bondAddress: (_c = bond.billAddress) !== null && _c !== void 0 ? _c : (_d = bond.contractAddress) === null || _d === void 0 ? void 0 : _d[bond.chainId], bondChain: bond.chainId, payoutToken: bond.earnToken, tag: (_e = bond.tags) === null || _e === void 0 ? void 0 : _e[0], bondSoldOut: isBondSoldOut(bond), 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, projectURL: bond.projectLink, twitterURL: bond.twitter, auditURL: bond.audit, shortDescription: bond.shortDescription }, `${bondAddress}-${bond.chainId}-${index}`));
+                            return (jsx$2(BondRow, { bondAddress: (_c = bond.billAddress) !== null && _c !== void 0 ? _c : (_d = bond.contractAddress) === null || _d === void 0 ? void 0 : _d[bond.chainId], bondChain: bond.chainId, payoutToken: bond.earnToken, tag: (_e = bond.tags) === null || _e === void 0 ? void 0 : _e[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, projectURL: bond.projectLink, twitterURL: bond.twitter, auditURL: bond.audit }, `${bondAddress}-${bond.chainId}-${index}`));
                         }), showHotBonds && (jsx$2(SwiperProvider, { children: jsx$2(HotBondCards, {}) }))] }, key))] }) }, key));
 };
 
@@ -80281,7 +80283,7 @@ const BuyAgainRow = () => {
     const bond = useMemo(() => {
         if (userData && (userData === null || userData === void 0 ? void 0 : userData.Sales.length) > 0) {
             const sortedPurchases = userData === null || userData === void 0 ? void 0 : userData.Sales.sort((a, b) => b.dollarValue - a.dollarValue);
-            const activeBills = bills === null || bills === void 0 ? void 0 : bills.filter((bill) => !isBondSoldOut(bill) && (chains === null || chains === void 0 ? void 0 : chains.includes(bill.chainId)));
+            const activeBills = bills === null || bills === void 0 ? void 0 : bills.filter((bill) => !isBondSoldOut(bill, SDKConfig.showLowValueBonds) && (chains === null || chains === void 0 ? void 0 : chains.includes(bill.chainId)));
             const highestActivePurchase = sortedPurchases === null || sortedPurchases === void 0 ? void 0 : sortedPurchases.find((purchase) => activeBills === null || activeBills === void 0 ? void 0 : activeBills.find((bill) => {
                 var _a;
                 if (purchase.contractAddress.toLowerCase() === ((_a = bill === null || bill === void 0 ? void 0 : bill.billAddress) === null || _a === void 0 ? void 0 : _a.toLowerCase()))
@@ -80335,7 +80337,7 @@ const BuyAgainRow = () => {
                                 bond: bond.earnToken.symbol,
                             },
                         });
-                    }, sx: { position: 'absolute', top: '32px', left: '1px', width: 'calc(100% - 2px)' }, children: jsx$2(BondRow, { bondAddress: bond.billAddress, bondChain: bond.chainId, payoutToken: bond.earnToken, tag: (_a = bond.tags) === null || _a === void 0 ? void 0 : _a[0], bondSoldOut: isBondSoldOut(bond), 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: '32px', left: '1px', width: 'calc(100% - 2px)' }, children: jsx$2(BondRow, { bondAddress: bond.billAddress, bondChain: bond.chainId, payoutToken: bond.earnToken, tag: (_a = bond.tags) === null || _a === void 0 ? void 0 : _a[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 Bonds = () => {
@@ -80400,10 +80402,10 @@ const Bonds = () => {
             billsToReturn = billsToReturn === null || billsToReturn === void 0 ? void 0 : billsToReturn.filter((bill) => { var _a; return chainFilterOption === null || chainFilterOption === void 0 ? void 0 : chainFilterOption.includes((_a = bill === null || bill === void 0 ? void 0 : bill.chainId) === null || _a === void 0 ? void 0 : _a.toString()); });
         }
         if (filterOption !== 'SOLD OUT') {
-            billsToReturn = billsToReturn === null || billsToReturn === void 0 ? void 0 : billsToReturn.filter((bond) => !isBondSoldOut(bond));
+            billsToReturn = billsToReturn === null || billsToReturn === void 0 ? void 0 : billsToReturn.filter((bond) => !isBondSoldOut(bond, SDKConfig.showLowValueBonds));
         }
         if (filterOption === 'SOLD OUT') {
-            billsToReturn = billsToReturn === null || billsToReturn === void 0 ? void 0 : billsToReturn.filter((bond) => isBondSoldOut(bond));
+            billsToReturn = billsToReturn === null || billsToReturn === void 0 ? void 0 : billsToReturn.filter((bond) => isBondSoldOut(bond, SDKConfig.showLowValueBonds));
         }
         if (filterOption === 'FAVORITES') {
             billsToReturn = billsToReturn === null || billsToReturn === void 0 ? void 0 : billsToReturn.filter((bill) => { var _a, _b; return favTokens.includes((_b = (_a = bill === null || bill === void 0 ? void 0 : bill.earnToken) === null || _a === void 0 ? void 0 : _a.symbol) === null || _b === void 0 ? void 0 : _b.toLowerCase()); });

package/dist/state/useSDKConfig.d.ts

@@ -5,9 +5,9 @@ export interface SDKProps {
     useHotBonds?: boolean;
     useTiers?: boolean;
     useTGEBonds?: boolean;
+    showLowValueBonds?: boolean;
     urls?: Partial<Record<URLKeys, string>>;
     theme?: any;
-    useCardsView?: boolean;
 }
 export declare const useSDKConfig: (config?: SDKProps) => {
     urls: {
@@ -23,8 +23,8 @@ export declare const useSDKConfig: (config?: SDKProps) => {
     useHotBonds: boolean;
     useTiers: boolean;
     useTGEBonds: boolean;
+    showLowValueBonds: boolean;
     theme?: any;
-    useCardsView: boolean;
 };
 export type URLKeys = 'apiV2' | 'realTimeApi' | 'apeswapLists' | 'mainUrl';
 export declare const useURLByEnvironment: (key: URLKeys) => string;

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

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

package/dist/views/Bonds/utils.d.ts

@@ -1,7 +1,7 @@
 import { BondsData } from '../../types/bonds';
 import { SortOptions } from './Bonds';
 import { BillsConfig } from '@ape.swap/apeswap-lists';
-export declare const isBondSoldOut: (bill: BondsData) => boolean;
+export declare const isBondSoldOut: (bill: BondsData, showLowValueBonds: boolean) => boolean;
 export declare const sortBonds: (sortConfig?: SortOptions, bonds?: BondsData[]) => BondsData[];
 export declare const vestingTime: (vestingTerm?: number) => {
     years: number;

package/package.json

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