@ape.swap/bonds-sdk 4.1.0-test.14 → 4.1.0-test.15

package/dist/main.js

@@ -63879,8 +63879,8 @@ const getPercentageVested = (bond) => {
     const vestingTerm = parseInt((_a = bond === null || bond === void 0 ? void 0 : bond.vesting) !== null && _a !== void 0 ? _a : '0');
     const timeLeftForFullyVested = getTimeLeftForFullyVested(bond);
     if (timeLeftForFullyVested <= 0)
-        return 1;
-    return 100 - ((vestingTerm - timeLeftForFullyVested) / vestingTerm) * 100;
+        return 100;
+    return ((vestingTerm - timeLeftForFullyVested) / vestingTerm) * 100;
 };
 const getTimeLeftForFullyVested = (bond) => {
     var _a, _b;
@@ -65479,7 +65479,7 @@ function fetchUserOwnedSolanaBonds(user, bondData, tokenPrices) {
         if (!user)
             return [];
         try {
-            console.time('fetch-SOL-bonds');
+            console.time('fetchUserBondsSOL');
             const results = [];
             const userBase58 = new PublicKey(user).toBase58();
             const connection = new Connection(getRPC(types$1.ChainId.SOL), 'confirmed');
@@ -65559,7 +65559,7 @@ function fetchUserOwnedSolanaBonds(user, bondData, tokenPrices) {
                     userOwnedBills: userBills,
                 });
             }
-            console.timeEnd('fetch-SOL-bonds');
+            console.timeEnd('fetchUserBondsSOL');
             return results;
         }
         catch (err) {
@@ -65629,7 +65629,7 @@ const useSOLAccount = () => {
     return Object.assign(Object.assign({}, account), { publicKey: solAddress ? solPublicKey : account.publicKey });
 };
 
-function useUserBonds(dontFetch) {
+function useUserBonds() {
     var _a, _b;
     // First fetch the full list of bonds
     const { data: bondList } = useBondsList();
@@ -65641,8 +65641,8 @@ function useUserBonds(dontFetch) {
     return useQuery({
         queryKey: [QUERY_KEYS.USER_BONDS, address, publicKey, (_b = (_a = Object.keys(tokenPrices !== null && tokenPrices !== void 0 ? tokenPrices : {})) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : null],
         queryFn: () => getUserBonds(address, solanaAccount, bondList, queryClient),
-        refetchInterval: 20000, // TODO rollback this
-        enabled: !!bondList && !!(address || solanaAccount) && !!tokenPrices && true,
+        refetchInterval: 120000,
+        enabled: !!bondList && !!(address || solanaAccount) && !!tokenPrices,
         refetchOnWindowFocus: false,
         refetchOnMount: false,
         refetchOnReconnect: false,
@@ -65743,161 +65743,13 @@ const getUserBonds = (account, solanaAccount, bondList, queryClient) => __awaite
     }
 });
 
-const colors$1 = {
-    // main background gradients
-    white1: '#0E0D16', // base site background
-    white2: '#161420',
-    white3: '#1F1D29',
-    white4: '#282632',
-    white5: '#312F3A',
-    primaryButton: '#6560C5', //this should've been called just "primary"
-    success: '#38A611',
-    error: '#DF4141',
-    yellow: '#FFB300',
-    // Button colors
-    primaryButtonDisable: '#48475B',
-    primaryButtonHovered: '#8480D1',
-    textDisabledButton: '#73728E',
-    // Text-related colors
-    text: '#FAFAFA',
-    textDisabled: '#424242',
-    primaryBright: '#FAFAFA',
-    abondGradient: 'linear-gradient(98.79deg, #6560C5 -2.37%, #E07753 100%)',
-    modalOverlay: 'rgba(66, 66, 66, 0.5)',
-};
-
-function ConnectToSolanaCard() {
-    const { setVisible } = useWalletModal();
-    return (jsxs(Flex, { sx: {
-            width: '100%',
-            height: '75px',
-            background: `url('https://ape.bond/images/connect-to-vm/solana-card-background.svg') no-repeat center center`,
-            backgroundSize: 'cover',
-            p: ['10px', '10px', '10px', '20px'],
-            borderRadius: '10px',
-            justifyContent: 'space-between',
-            alignItems: 'center',
-            border: 'none',
-            cursor: 'pointer',
-        }, children: [jsxs(Flex, { sx: {
-                    width: '100%',
-                    maxWidth: '300px',
-                    gap: '10px',
-                    alignItems: 'center',
-                }, children: [jsx$2("img", { src: "https://ape.bond/images/connect-to-vm/solana-icon.svg", alt: "solana icon", width: 30, height: 30, style: { borderRadius: '10px' } }), jsxs(Flex, { sx: {
-                            flexDirection: 'column',
-                        }, children: [jsxs(Text, { sx: { fontSize: '18px', fontWeight: '700', lineHeight: '18.5px', display: 'flex', alignItems: 'center' }, children: ["Solana", jsx$2(Text, { sx: {
-                                            fontSize: '10px',
-                                            fontWeight: '600',
-                                            lineHeight: '8px',
-                                            color: '#FAFAFA',
-                                            padding: '4px 6px',
-                                            background: 'rgba(250, 250, 250, 0.3)',
-                                            borderRadius: '4px',
-                                            marginLeft: '6px',
-                                            marginRight: '6px',
-                                        }, children: "NEW" }), jsx$2("img", { src: "https://ape.bond/images/connect-to-vm/svm-compatible-wallets.svg", alt: "solana compatible wallets", width: 43, height: 17 })] }), jsx$2(Text, { sx: { fontSize: '11px', fontWeight: '400', lineHeight: '16px', color: 'white' }, children: "Connect your Solana wallet to view your Solana Bonds!" })] })] }), jsx$2(Flex, { sx: { minWidth: '100px' }, children: jsx$2(Button, { onClick: () => setVisible(true), sx: {
-                        background: colors$1.text,
-                        color: colors$1.primaryButton,
-                        border: 'none',
-                        height: '31px',
-                        width: '210px',
-                        fontSize: '14px',
-                        fontWeight: '700',
-                        '&:hover': { color: colors$1.text },
-                    }, children: "Connect" }) })] }));
-}
-
-function track({ event, chain, data, value, }) {
-    var _a;
-    (_a = window.dataLayer) === null || _a === void 0 ? void 0 : _a.push(Object.assign({ event, value, chain }, data));
-}
-
-const RainbowKitButton = () => {
-    return (jsx$2(ConnectButton$1.Custom, { children: ({ openConnectModal }) => {
-            return (jsx$2(Button, { fullWidth: true, onClick: () => {
-                    openConnectModal();
-                    track({
-                        event: 'wallet_connect',
-                        chain: 0,
-                        data: {
-                            wallet: 'rainbow',
-                        },
-                    });
-                }, sx: { height: '45px', padding: '10px 10px', alignItems: 'center', width: '100%' }, children: "Connect" }));
-        } }));
-};
-
-const AppKitButton = () => {
-    return (jsx$2(Flex, { sx: { width: '100%', justifyContent: 'center' }, children: jsx$2("appkit-connect-button", { label: "Connect Your Wallet" }) }));
-};
-
-const ConnectButton = () => {
-    const config = useSDKConfig();
-    return (config === null || config === void 0 ? void 0 : config.connector) === 'rainbowkit' ? (jsx$2(RainbowKitButton, {})) : (config === null || config === void 0 ? void 0 : config.connector) === 'appkit' ? (jsx$2(AppKitButton, {})) : (jsx$2(Button, { disabled: true, fullWidth: true, children: "Connect wallet" }));
-};
-
-function ConnectToEVMBanner() {
-    return (jsxs(Flex, { sx: {
-            width: '100%',
-            height: '75px',
-            backgroundColor: 'white2',
-            p: ['10px', '10px', '10px', '20px'],
-            borderRadius: '10px',
-            justifyContent: 'space-between',
-            alignItems: 'center',
-            cursor: 'pointer',
-        }, children: [jsxs(Flex, { sx: {
-                    width: '100%',
-                    maxWidth: '300px',
-                    gap: '10px',
-                    alignItems: 'center',
-                }, children: [jsx$2("img", { src: "https://ape.bond/images/connect-to-vm/ethereum-icon.svg", alt: "ethereum icon", width: 30, height: 30 }), jsxs(Flex, { sx: {
-                            flexDirection: 'column',
-                        }, children: [jsxs(Text, { sx: { fontSize: '15px', fontWeight: '600', lineHeight: '18.5px', display: 'flex', alignItems: 'center' }, children: ["Ethereum", jsx$2(Text, { sx: {
-                                            display: ['none', 'none', 'none', 'flex'],
-                                            fontSize: '10px',
-                                            fontWeight: '600',
-                                            lineHeight: '8px',
-                                            color: '#FAFAFA',
-                                            padding: '4px 6px',
-                                            background: 'rgba(250, 250, 250, 0.3)',
-                                            borderRadius: '4px',
-                                            marginLeft: '6px',
-                                            marginRight: '6px',
-                                        }, children: "Popular" }), jsx$2("img", { src: "https://ape.bond/images/connect-to-vm/evm-compatible-wallets.svg", alt: "solana compatible wallets", width: 55, height: 17, style: { marginLeft: '10px' } })] }), jsx$2(Text, { sx: {
-                                    fontSize: '10px',
-                                    fontWeight: '400',
-                                    lineHeight: '16px',
-                                    color: 'rgba(255, 255, 255, 0.65)',
-                                    display: 'flex',
-                                    alignItems: 'center',
-                                    gap: '4px',
-                                }, children: "Connect your EVM wallet to view your EVM Bonds!" })] })] }), jsx$2(Flex, { sx: {
-                    minWidth: '100px',
-                    width: '210px',
-                    '& > *': {
-                        width: '210px',
-                        height: '31px !important',
-                        fontSize: '14px !important',
-                    },
-                }, children: jsx$2(ConnectButton, {}) })] }));
-}
-
 const PlaceholderMonkey = ({ text }) => {
     return (jsxs(Flex, { sx: {
             width: '100%',
             flexDirection: 'column',
             alignItems: 'center',
             borderRadius: 'normal',
-            mt: ['50px', '50px', '50px', '100px'],
-        }, children: [jsx$2(Svg, { icon: "placeholderMonkey" }), jsx$2(Text, { sx: { fontWeight: 600, fontSize: '16px', mt: '15px', opacity: 0.6 }, children: text }), text === 'You are not connected.' && (jsxs(Flex, { sx: {
-                    width: '100%',
-                    flexDirection: ['column', 'column', 'column', 'row'],
-                    mt: ['50px', '50px', '50px', '100px'],
-                    // px: ['10px', '10px', '10px', '20px'],
-                    gap: '15px',
-                }, children: [jsx$2(ConnectToSolanaCard, {}), jsx$2(ConnectToEVMBanner, {})] }))] }));
+        }, children: [jsx$2(Svg, { icon: "placeholderMonkey" }), jsx$2(Text, { sx: { fontWeight: 600, fontSize: '16px', mt: '15px', opacity: 0.6 }, children: text })] }));
 };
 
 function useCookie(key, defaultValue) {
@@ -65964,6 +65816,11 @@ function useChainFilterOption() {
     return { data, setChainFilterOption };
 }
 
+function track({ event, chain, data, value, }) {
+    var _a;
+    (_a = window.dataLayer) === null || _a === void 0 ? void 0 : _a.push(Object.assign({ event, value, chain }, data));
+}
+
 const RecommendationSelector = ({ options, activeOption, setActiveOption, }) => {
     const handleClick = (option) => {
         setActiveOption(option);
@@ -67923,6 +67780,142 @@ const YourBondsMenu = ({ chainFilterOption, setChainFilterOption, filterOptions,
     return (jsxs("div", { className: "bonds-menu", children: [jsx$2(BondFilters, { chainFilterOption: chainFilterOption !== null && chainFilterOption !== void 0 ? chainFilterOption : ['All Chains'], setChainFilterOption: setChainFilterOption, filterOptions: filterOptions, filterOption: filterOption, setFilterOption: setFilterOption, onHandleQueryChange: () => setInputValue('') }), jsxs("div", { className: "table-header-container", children: [jsx$2("div", { className: "search-container", children: jsx$2(Flex$1, { sx: { width: '100%', maxWidth: '300px' }, children: jsx$2(Input, { className: "search-input", value: inputValue, onChange: (event) => setInputValue(event.target.value), variant: "search", sx: { fontWeight: 600, background: 'white2', height: '30px', fontSize: '14px', color: 'white' }, width: '100%', placeholder: 'Search...' }) }) }), jsxs("div", { className: "headers-container", sx: { pr: ['0', '0', '0', '20px'] }, children: [jsx$2(Flex$1, { sx: { display: ['none', 'none', 'none', 'none', 'none', 'none', 'flex'], width: '125px' } }), jsxs("div", { className: "your-bonds-table-headers", onClick: () => handleSort('claimable'), children: ["CLAIMABLE", jsx$2(Flex$1, { sx: { ml: '5px' }, children: jsx$2(Svg, { icon: "sort", width: "12px", color: "textDisabledButton" }) })] }), jsxs("div", { className: "your-bonds-table-headers", onClick: () => handleSort('pending'), children: ["PENDING", jsx$2(Flex$1, { sx: { ml: '5px' }, children: jsx$2(Svg, { icon: "sort", width: "12px", color: "textDisabledButton" }) })] }), jsxs("div", { className: "your-bonds-table-headers", onClick: () => handleSort('terms'), children: ["TERMS", jsx$2(Flex$1, { sx: { ml: '5px' }, children: jsx$2(Svg, { icon: "sort", width: "12px", color: "textDisabledButton" }) })] }), jsx$2(Flex$1, { className: "claim-all-button-container", children: SDKConfig.referenceId === 'apebond' && jsx$2(ClaimAll, {}) })] })] })] }));
 };
 
+const colors$1 = {
+    // main background gradients
+    white1: '#0E0D16', // base site background
+    white2: '#161420',
+    white3: '#1F1D29',
+    white4: '#282632',
+    white5: '#312F3A',
+    primaryButton: '#6560C5', //this should've been called just "primary"
+    success: '#38A611',
+    error: '#DF4141',
+    yellow: '#FFB300',
+    // Button colors
+    primaryButtonDisable: '#48475B',
+    primaryButtonHovered: '#8480D1',
+    textDisabledButton: '#73728E',
+    // Text-related colors
+    text: '#FAFAFA',
+    textDisabled: '#424242',
+    primaryBright: '#FAFAFA',
+    abondGradient: 'linear-gradient(98.79deg, #6560C5 -2.37%, #E07753 100%)',
+    modalOverlay: 'rgba(66, 66, 66, 0.5)',
+};
+
+function ConnectToSolanaCard() {
+    const { setVisible } = useWalletModal();
+    return (jsxs(Flex, { sx: {
+            width: '100%',
+            height: '75px',
+            background: `url('https://ape.bond/images/connect-to-vm/solana-card-background.svg') no-repeat center center`,
+            backgroundSize: 'cover',
+            p: ['10px', '10px', '10px', '20px'],
+            borderRadius: '10px',
+            justifyContent: 'space-between',
+            alignItems: 'center',
+            border: 'none',
+            cursor: 'pointer',
+        }, children: [jsxs(Flex, { sx: {
+                    width: '100%',
+                    maxWidth: '300px',
+                    gap: '10px',
+                    alignItems: 'center',
+                }, children: [jsx$2("img", { src: "https://ape.bond/images/connect-to-vm/solana-icon.svg", alt: "solana icon", width: 30, height: 30, style: { borderRadius: '10px' } }), jsxs(Flex, { sx: {
+                            flexDirection: 'column',
+                        }, children: [jsxs(Text, { sx: { fontSize: '18px', fontWeight: '700', lineHeight: '18.5px', display: 'flex', alignItems: 'center' }, children: ["Solana", jsx$2(Text, { sx: {
+                                            fontSize: '10px',
+                                            fontWeight: '600',
+                                            lineHeight: '8px',
+                                            color: '#FAFAFA',
+                                            padding: '4px 6px',
+                                            background: 'rgba(250, 250, 250, 0.3)',
+                                            borderRadius: '4px',
+                                            marginLeft: '6px',
+                                            marginRight: '6px',
+                                        }, children: "NEW" }), jsx$2("img", { src: "https://ape.bond/images/connect-to-vm/svm-compatible-wallets.svg", alt: "solana compatible wallets", width: 43, height: 17 })] }), jsx$2(Text, { sx: { fontSize: '11px', fontWeight: '400', lineHeight: '16px', color: 'white' }, children: "Connect your Solana wallet to view your Solana Bonds!" })] })] }), jsx$2(Flex, { sx: { minWidth: '100px' }, children: jsx$2(Button, { onClick: () => setVisible(true), sx: {
+                        background: colors$1.text,
+                        color: colors$1.primaryButton,
+                        border: 'none',
+                        height: '31px',
+                        width: '210px',
+                        fontSize: '14px',
+                        fontWeight: '700',
+                        '&:hover': { color: colors$1.text },
+                    }, children: "Connect" }) })] }));
+}
+
+const RainbowKitButton = () => {
+    return (jsx$2(ConnectButton$1.Custom, { children: ({ openConnectModal }) => {
+            return (jsx$2(Button, { fullWidth: true, onClick: () => {
+                    openConnectModal();
+                    track({
+                        event: 'wallet_connect',
+                        chain: 0,
+                        data: {
+                            wallet: 'rainbow',
+                        },
+                    });
+                }, sx: { height: '45px', padding: '10px 10px', alignItems: 'center', width: '100%' }, children: "Connect" }));
+        } }));
+};
+
+const AppKitButton = () => {
+    return (jsx$2(Flex, { sx: { width: '100%', justifyContent: 'center' }, children: jsx$2("appkit-connect-button", { label: "Connect Your Wallet" }) }));
+};
+
+const ConnectButton = () => {
+    const config = useSDKConfig();
+    return (config === null || config === void 0 ? void 0 : config.connector) === 'rainbowkit' ? (jsx$2(RainbowKitButton, {})) : (config === null || config === void 0 ? void 0 : config.connector) === 'appkit' ? (jsx$2(AppKitButton, {})) : (jsx$2(Button, { disabled: true, fullWidth: true, children: "Connect wallet" }));
+};
+
+function ConnectToEVMBanner() {
+    return (jsxs(Flex, { sx: {
+            width: '100%',
+            height: '75px',
+            backgroundColor: 'white2',
+            p: ['10px', '10px', '10px', '20px'],
+            borderRadius: '10px',
+            justifyContent: 'space-between',
+            alignItems: 'center',
+            cursor: 'pointer',
+        }, children: [jsxs(Flex, { sx: {
+                    width: '100%',
+                    maxWidth: '300px',
+                    gap: '10px',
+                    alignItems: 'center',
+                }, children: [jsx$2("img", { src: "https://ape.bond/images/connect-to-vm/ethereum-icon.svg", alt: "ethereum icon", width: 30, height: 30 }), jsxs(Flex, { sx: {
+                            flexDirection: 'column',
+                        }, children: [jsxs(Text, { sx: { fontSize: '15px', fontWeight: '600', lineHeight: '18.5px', display: 'flex', alignItems: 'center' }, children: ["Ethereum", jsx$2(Text, { sx: {
+                                            display: ['none', 'none', 'none', 'flex'],
+                                            fontSize: '10px',
+                                            fontWeight: '600',
+                                            lineHeight: '8px',
+                                            color: '#FAFAFA',
+                                            padding: '4px 6px',
+                                            background: 'rgba(250, 250, 250, 0.3)',
+                                            borderRadius: '4px',
+                                            marginLeft: '6px',
+                                            marginRight: '6px',
+                                        }, children: "Popular" }), jsx$2("img", { src: "https://ape.bond/images/connect-to-vm/evm-compatible-wallets.svg", alt: "solana compatible wallets", width: 55, height: 17, style: { marginLeft: '10px' } })] }), jsx$2(Text, { sx: {
+                                    fontSize: '10px',
+                                    fontWeight: '400',
+                                    lineHeight: '16px',
+                                    color: 'rgba(255, 255, 255, 0.65)',
+                                    display: 'flex',
+                                    alignItems: 'center',
+                                    gap: '4px',
+                                }, children: "Connect your EVM wallet to view your EVM Bonds!" })] })] }), jsx$2(Flex, { sx: {
+                    minWidth: '100px',
+                    width: '210px',
+                    '& > *': {
+                        width: '210px',
+                        height: '31px !important',
+                        fontSize: '14px !important',
+                    },
+                }, children: jsx$2(ConnectButton, {}) })] }));
+}
+
 function useFavoriteTokens() {
     const { cookie, updateCookie } = useCookie(QUERY_KEYS.FAVORITE_TOKENS, []);
     const { data } = useQuery({
@@ -81443,12 +81436,12 @@ const YourBonds = ({ showOnly }) => {
     const hasBonds = useMemo(() => {
         return (bondsToRender && bondsToRender.length > 0) || !!(preTGEBondsToRender === null || preTGEBondsToRender === void 0 ? void 0 : preTGEBondsToRender.length);
     }, [bondsToRender, preTGEBondsToRender]);
-    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(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) => {
+    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);
-                    })] })) : inputValue !== '' || !chainFilterOption.includes('All Chains') ? (jsx$2(PlaceholderMonkey, { text: 'No results, change filters.' })) : userBondsFetched && (userBonds === null || userBonds === void 0 ? void 0 : userBonds.length) === 0 ? (jsx$2(PlaceholderMonkey, { text: `You do not own any ${account && solanaAccount ? 'EVM nor SOL' : account ? 'EVM' : 'SOL'} Bonds.` })) : (jsx$2(Flex$1, { className: "yourbonds-spinner", children: jsx$2(Spinner, { size: 100 }) })), account && !solanaAccount && (jsx$2(Flex$1, { sx: { width: '100%', mt: '5px' }, children: jsx$2(ConnectToSolanaCard, {}) })), solanaAccount && !account && (jsx$2(Flex$1, { sx: { width: '100%', mt: '5px' }, children: jsx$2(ConnectToEVMBanner, {}) }))] }));
+                    })] })) : 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, {}) }))] })] }));
 };
 
 // This basically returns the 2 tags with the higher active bond count
@@ -86181,7 +86174,7 @@ const BuyAgainRow = () => {
             }, children: [jsx$2(Flex, { sx: {
                         p: '0 1px',
                         width: '100%',
-                        mt: '10px',
+                        my: '10px',
                         background: 'primaryButton',
                         borderRadius: 'normal',
                         flexDirection: 'column',
@@ -86329,7 +86322,7 @@ const Bonds = () => {
         }
         /* eslint-disable react-hooks/exhaustive-deps */
     }, [(_a = Object.keys(tokenPrices !== null && tokenPrices !== void 0 ? tokenPrices : {})) === null || _a === void 0 ? void 0 : _a.length, bondData === null || bondData === void 0 ? void 0 : bondData.length, refetch]);
-    return (jsxs(Flex, { 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 && !SDKConfig.bondPartner && jsx$2(BuyAgainRow, {}), (billsToRender === null || billsToRender === void 0 ? void 0 : billsToRender.length) > 0 ? (jsx$2(BondRowsByChain, { bonds: billsToRender, hideTitles: searchQuery !== '' || filterOption !== 'ALL', showSolSkeleton: chainFilterOption.includes('All Chains') || chainFilterOption.includes(types$1.ChainId.SOL.toString()) })) : searchQuery || !chainFilterOption.includes('All Chains') ? (jsx$2(PlaceholderMonkey, { text: 'No results' })) : filterOption === 'FAVORITES' ? (jsxs(Flex, { sx: {
+    return (jsxs(Flex, { 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 && !SDKConfig.bondPartner && jsx$2(BuyAgainRow, {}), (billsToRender === null || billsToRender === void 0 ? void 0 : billsToRender.length) > 0 ? (jsx$2(BondRowsByChain, { bonds: billsToRender, hideTitles: searchQuery !== '' || filterOption !== 'ALL', showSolSkeleton: chainFilterOption.includes('All Chains') || chainFilterOption.includes(types$1.ChainId.SOL.toString()) })) : searchQuery || !chainFilterOption.includes('All Chains') ? (jsx$2(Flex, { className: "placeholder-monkey-wrapper", children: jsx$2(PlaceholderMonkey, { text: 'No results, change filters.' }) })) : filterOption === 'FAVORITES' ? (jsxs(Flex, { sx: {
                     width: '100%',
                     height: '300px',
                     background: 'white2',
@@ -103772,7 +103765,7 @@ const SingleBond = ({ tokenSymbol }) => {
                         borderRadius: 'normal',
                         p: '0 20px 20px 20px',
                         mx: '10px',
-                    }, children: activeBond ? (jsx$2(BuyComponent, { bondAddress: bondAddress, bondChain: bondChain })) : soldOutBond && isFetched ? (jsx$2(SoldOutBuyBondPlaceholder, { bond: soldOutBond })) : isFetched ? (jsx$2(Flex, { sx: { justifyContent: 'center', width: '100%', pt: '20px' }, children: "No bond" })) : (jsx$2(Flex, { className: "yourbonds-spinner", children: jsx$2(Spinner, { size: 100 }) })) })) : (jsx$2(YourBonds, { showOnly: tokenSymbol === null || tokenSymbol === void 0 ? void 0 : tokenSymbol[0] }))] }) }));
+                    }, children: activeBond ? (jsx$2(BuyComponent, { bondAddress: bondAddress, bondChain: bondChain })) : soldOutBond && isFetched ? (jsx$2(SoldOutBuyBondPlaceholder, { bond: soldOutBond })) : isFetched ? (jsx$2(Flex, { sx: { justifyContent: 'center', width: '100%', pt: '20px' }, children: "No bond" })) : (jsx$2(Flex, { className: "placeholder-monkey-wrapper", children: jsx$2(Spinner, { size: 100 }) })) })) : (jsx$2(YourBonds, { showOnly: tokenSymbol === null || tokenSymbol === void 0 ? void 0 : tokenSymbol[0] }))] }) }));
 };
 
 const SingleBondWithProviders = (props) => {

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

@@ -1,5 +1,5 @@
 import { QueryClient, UseQueryResult } from '@tanstack/react-query';
 import { BillsConfig } from '@ape.swap/apeswap-lists';
 import { UserBill } from '../../types/yourbonds';
-export default function useUserBonds(dontFetch?: boolean): UseQueryResult<UserBill[]>;
+export default function useUserBonds(): UseQueryResult<UserBill[]>;
 export declare const getUserBonds: (account: string, solanaAccount: string, bondList: BillsConfig[], queryClient: QueryClient) => Promise<UserBill[]>;

package/dist/styles.css

@@ -1086,7 +1086,7 @@ html {
   }
 }
 
-.yourbonds-spinner {
+.placeholder-monkey-wrapper {
   width: 100%;
   flex-direction: column;
   padding-top: 100px;
@@ -1095,6 +1095,8 @@ html {
   align-items: center;
   border-radius: 10px;
   margin-top: 15px;
+  justify-content: center;
+  height: 400px;
 }
 
 .yourbonds.table-container {

package/package.json

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