@ape.swap/bonds-sdk 4.0.0-test.3 → 4.0.0-test.5

package/dist/main.js

@@ -10,7 +10,7 @@ import { createSolanaRpc } from '@solana/rpc';
 import { address as address$1, getU64Codec } from '@solana/kit';
 import { getAddressDecoder } from '@solana/addresses';
 import { getStructDecoder, fixDecoderSize, getU32Decoder, getU8Decoder, getU64Decoder, getBytesDecoder } from '@solana/codecs';
-import { ConnectButton as ConnectButton$1, useConnectModal } from '@rainbow-me/rainbowkit';
+import { useConnectModal, ConnectButton as ConnectButton$1 } from '@rainbow-me/rainbowkit';
 import { TOKEN_PROGRAM_ID, ASSOCIATED_TOKEN_PROGRAM_ID, getAssociatedTokenAddress, getAccount, createAssociatedTokenAccountInstruction } from '@solana/spl-token';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
@@ -19043,6 +19043,7 @@ const NETWORK_COLORS = {
     [types$1.ChainId.BLAST]: '#fcfc034d',
     [types$1.ChainId.CROSSFI]: '#7c80844d',
     [types$1.ChainId.MONAD_TESTNET]: '#836EF94d',
+    [types$1.ChainId.SOL]: '#836EF94d',
     [types$1.ChainId.SONIC]: '#fb9a4c4d',
     [types$1.ChainId.BERACHAIN]: '#783e244d',
 };
@@ -63930,17 +63931,19 @@ const youSpendUSD = (bond, inputValue) => {
 };
 // receives depositAmount and returns the payoutTokens the user will receive. IT DOES SUBTRACT FEE
 const getPayoutAmount = (bond, inputValue, userPoints) => {
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d, _e;
     if (!inputValue || !bond || !userPoints || !bond.trueBondPrices)
         return 0;
     const bigValue = new BigNumber$1(inputValue).times(
     //TODO: think a permanent solution for this
     new BigNumber$1(10).pow(bond.chainId === types$1.ChainId.SOL ? 18 : ((_c = (_b = (_a = bond === null || bond === void 0 ? void 0 : bond.earnToken) === null || _a === void 0 ? void 0 : _a.decimals) === null || _b === void 0 ? void 0 : _b[bond === null || bond === void 0 ? void 0 : bond.chainId]) !== null && _c !== void 0 ? _c : 18)));
     const fee = (_d = bond === null || bond === void 0 ? void 0 : bond.feeInPayout) !== null && _d !== void 0 ? _d : 0;
-    const trueBondPrice = findHighestTrueBondPrice(userPoints, bond);
-    const billValue = bigValue.div(new BigNumber$1((_e = trueBondPrice === null || trueBondPrice === void 0 ? void 0 : trueBondPrice.trueBondPrice) !== null && _e !== void 0 ? _e : '0').times((100 + fee) / 100));
-    console.log('raw estimation', bigValue.div(new BigNumber$1((_f = trueBondPrice === null || trueBondPrice === void 0 ? void 0 : trueBondPrice.trueBondPrice) !== null && _f !== void 0 ? _f : '0')).toString());
-    console.log('estimation substracting feeInPayout', billValue.toString());
+    const trueBondPriceObject = findHighestTrueBondPrice(userPoints, bond);
+    const trueBondPrice = new BigNumber$1((_e = trueBondPriceObject === null || trueBondPriceObject === void 0 ? void 0 : trueBondPriceObject.trueBondPrice) !== null && _e !== void 0 ? _e : '0');
+    const reverseFee = new BigNumber$1(fee / 100 / (1 - fee / 100));
+    const billValue = bigValue.div(trueBondPrice.plus(trueBondPrice.times(reverseFee)));
+    console.log('raw estimation', bigValue.div(trueBondPrice).toFixed(9));
+    console.log('estimation substracting feeInPayout', billValue.toFixed(9));
     return billValue.toNumber();
 };
 const youGetUSD = (bond, inputValue, userPoints) => {
@@ -69710,7 +69713,7 @@ function getSolanaRpc() {
     return rpc;
 }
 
-var address = "3U8S9Cwj8Z8EYqvvWPiaZHghsVrafRqFYVoT5wbJ2qXX";
+var address = "G9vabZ5mR2tF8bKuvSo9YWNUkbRkQyBZR6aM5mdDtZzh";
 var solanaProgramIdl = {
 	address: address};
 
@@ -76387,25 +76390,105 @@ const UserBondRow = ({ bill }) => {
                                 : 'Claim' })) })] })] }));
 };
 
-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 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)',
 };
 
-const ConnectButton = () => {
-    const config = useSDKConfig();
-    return (config === null || config === void 0 ? void 0 : config.useRainbowKit) ? (jsx$2(RainbowKitButton, {})) : (jsx$2(Button, { disabled: true, fullWidth: true, children: "Connect wallet" }));
-};
+function ConnectToSolanaCard() {
+    const { setVisible } = useWalletModal();
+    return (jsxs(Flex, { sx: {
+            width: '100%',
+            height: '75px',
+            background: `url('/images/connect-to-vm/solana-card-background.svg') no-repeat center center`,
+            backgroundSize: 'cover',
+            padding: '20px',
+            borderRadius: '10px',
+            justifyContent: 'space-between',
+            alignItems: 'center',
+            border: 'none',
+            cursor: 'pointer',
+        }, children: [jsxs(Flex, { sx: {
+                    gap: '10px',
+                    alignItems: 'center',
+                }, children: [jsx$2("img", { src: "/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: "/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: { width: 'fit-content' }, children: jsx$2(Button, { onClick: () => setVisible(true), sx: {
+                        background: colors$1.text,
+                        color: colors$1.primaryButton,
+                        border: 'none',
+                        height: '31px',
+                        width: '125px',
+                        fontSize: '14px',
+                        fontWeight: '700',
+                        '&:hover': { color: colors$1.text },
+                    }, children: "Connect" }) })] }));
+}
+
+function ConnectToEVMBanner() {
+    const { openConnectModal } = useConnectModal();
+    return (jsxs(Flex, { sx: {
+            width: '100%',
+            height: '75px',
+            backgroundColor: colors$1.white4,
+            padding: '20px',
+            borderRadius: '10px',
+            justifyContent: 'space-between',
+            alignItems: 'center',
+            cursor: 'pointer',
+        }, children: [jsxs(Flex, { sx: {
+                    gap: '10px',
+                    alignItems: 'center',
+                }, children: [jsx$2("img", { src: "/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: {
+                                            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: "/images/connect-to-vm/evm-compatible-wallets.svg", alt: "solana compatible wallets", width: 55, height: 17 })] }), 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: { width: 'fit-content' }, children: jsx$2(Button, { onClick: () => openConnectModal === null || openConnectModal === void 0 ? void 0 : openConnectModal(), children: "Connect" }) })] }));
+}
 
 const PlaceholderMonkey = ({ text }) => {
     return (jsxs(Flex, { sx: {
@@ -76416,7 +76499,13 @@ const PlaceholderMonkey = ({ text }) => {
             alignItems: 'center',
             borderRadius: 'normal',
             mt: '15px',
-        }, 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.' && (jsx$2(Flex, { sx: { width: '150px', mt: '10px' }, children: jsx$2(ConnectButton, {}) }))] }));
+        }, 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: '30px',
+                    px: ['10px', '10px', '10px', '20px'],
+                    gap: '15px',
+                }, children: [jsx$2(ConnectToSolanaCard, {}), jsx$2(ConnectToEVMBanner, {})] }))] }));
 };
 
 function useChainFilterOption() {
@@ -79698,106 +79787,6 @@ const UserBondRowSolana = ({ bill }) => {
                                 : 'Claim' })) })] })] }));
 };
 
-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('/images/connect-to-vm/solana-card-background.svg') no-repeat center center`,
-            backgroundSize: 'cover',
-            padding: '20px',
-            borderRadius: '10px',
-            justifyContent: 'space-between',
-            alignItems: 'center',
-            border: 'none',
-            cursor: 'pointer',
-        }, children: [jsxs(Flex, { sx: {
-                    gap: '10px',
-                    alignItems: 'center',
-                }, children: [jsx$2("img", { src: "/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: "/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: { width: 'fit-content' }, children: jsx$2(Button, { onClick: () => setVisible(true), sx: {
-                        background: colors$1.text,
-                        color: colors$1.primaryButton,
-                        border: 'none',
-                        height: '31px',
-                        width: '125px',
-                        fontSize: '14px',
-                        fontWeight: '700',
-                        '&:hover': { color: colors$1.text },
-                    }, children: "Connect" }) })] }));
-}
-
-function ConnectToEVMBanner() {
-    const { openConnectModal } = useConnectModal();
-    return (jsxs(Flex, { sx: {
-            width: '100%',
-            height: '75px',
-            backgroundColor: colors$1.white4,
-            padding: '20px',
-            borderRadius: '10px',
-            justifyContent: 'space-between',
-            alignItems: 'center',
-            cursor: 'pointer',
-        }, children: [jsxs(Flex, { sx: {
-                    gap: '10px',
-                    alignItems: 'center',
-                }, children: [jsx$2("img", { src: "/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: {
-                                            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: "/images/connect-to-vm/evm-compatible-wallets.svg", alt: "solana compatible wallets", width: 55, height: 17 })] }), 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: { width: 'fit-content' }, children: jsx$2(Button, { onClick: () => openConnectModal === null || openConnectModal === void 0 ? void 0 : openConnectModal(), children: "Connect" }) })] }));
-}
-
 const YourBonds = ({ showOnly }) => {
     useTokenPrices();
     // Hooks
@@ -79927,7 +79916,7 @@ const YourBonds = ({ showOnly }) => {
     const hasBonds = useMemo(() => {
         return bondsToRender && (bondsToRender.SOL.length > 0 || bondsToRender.EVM.length > 0);
     }, [bondsToRender]);
-    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 ? (jsxs(Fragment$1, { children: [preTGEBondsToRender === null || preTGEBondsToRender === void 0 ? void 0 : preTGEBondsToRender.map((userBond, index) => jsx$2(PreTgeUserRow, { userBond: userBond }, index)), jsxs(Flex$1, { sx: { mb: '16px', flexDirection: 'column', width: '100%' }, children: [jsx$2(Text, { sx: { fontSize: '10px', fontWeight: '500', ml: '10px', mb: '18px', color: colors$1.primaryButtonHovered }, children: "SOLANA BONDS" }), solanaAccount ? (bondsToRender.SOL.map((bill) => {
+    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 ? (jsxs(Fragment$1, { children: [preTGEBondsToRender === null || preTGEBondsToRender === void 0 ? void 0 : preTGEBondsToRender.map((userBond, index) => jsx$2(PreTgeUserRow, { userBond: userBond }, index)), jsxs(Flex$1, { sx: { mb: '16px', flexDirection: 'column', width: '100%' }, children: [jsx$2(Text, { sx: { fontSize: '10px', fontWeight: '500', ml: '10px', mb: '18px', color: colors$1.primaryButtonHovered }, children: "SOLANA BONDS" }), solanaAccount ? (bondsToRender.SOL.map((bill) => {
                                 return jsx$2(UserBondRowSolana, { bill: bill }, bill.id);
                             })) : (jsx$2(Flex$1, { children: jsx$2(ConnectToSolanaCard, {}) }))] }), jsxs(Flex$1, { sx: { mb: '16px', flexDirection: 'column', width: '100%' }, children: [jsx$2(Text, { sx: { fontSize: '10px', fontWeight: '500', ml: '10px', mb: '18px', color: colors$1.primaryButtonHovered }, children: "EVM BONDS" }), account ? (bondsToRender.EVM.map((bill) => {
                                 return jsx$2(UserBondRow, { bill: bill }, bill.id);
@@ -82897,8 +82886,10 @@ function calculateSolanaTrueBillPrice(bondIssuanceAddress) {
                 throw new Error('Bond issuance account not found');
             }
             const principalFee = new BigNumber$1((_b = (_a = bondIssuanceAccount.feeInPrincipal) === null || _a === void 0 ? void 0 : _a.toString()) !== null && _b !== void 0 ? _b : '0');
-            const trueBillPriceE9 = trueBillPrice.minus(principalFee).multipliedBy(1e9);
-            const trueBillPriceWithoutFeeE9 = trueBillPrice.multipliedBy(1e9);
+            // const trueBillPriceE9 = trueBillPrice.minus(principalFee).multipliedBy(1e9)
+            // const trueBillPriceWithoutFeeE9 = trueBillPrice.multipliedBy(1e9)
+            const trueBillPriceE9 = trueBillPrice.multipliedBy(1e6);
+            const trueBillPriceWithoutFeeE9 = trueBillPrice.multipliedBy(1e6);
             return { trueBillPriceWithoutFeeE9, trueBillPriceE9 };
         }
         catch (e) {
@@ -83455,6 +83446,7 @@ const TokenSelectorPanel = ({ typedValue, setTypedValue, selectedToken, chainId,
         setTypedValue(event.target.value);
     };
     const [onTokenSelectorModal] = useModal(jsx$2(TokenSelectorModal, { bondPrincipalToken: bondPrincipalToken, handleCurrencySelect: handleCurrencySelect, chainId: chainId }), true, false, `tokenSelectorOnLiquidityModal${(_b = bondPrincipalToken === null || bondPrincipalToken === void 0 ? void 0 : bondPrincipalToken.address) === null || _b === void 0 ? void 0 : _b[chainId]}-${bondPrincipalToken === null || bondPrincipalToken === void 0 ? void 0 : bondPrincipalToken.symbol}`);
+    const showBalance = !!account || !!solanaAccount;
     return (jsxs(Flex$1, { className: "token-selector-panel", sx: { borderRadius: 'normal' }, children: [jsxs(Flex$1, { className: "input-container inputrow", children: [jsx$2(Flex$1, { className: "input-container input", children: jsx$2(Input$1, { placeholder: "0.0", value: typedValue, pattern: "^[0-9]*[.,]?[0-9]*$", onChange: handleInputChange, onInput: (v) => {
                                 if (v.currentTarget.value.includes(',')) {
                                     v.currentTarget.value = v.currentTarget.value.replace(/,/g, '.');
@@ -83471,7 +83463,7 @@ const TokenSelectorPanel = ({ typedValue, setTypedValue, selectedToken, chainId,
                                         : 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: chainId })) : (jsx$2(TokenImage, { symbol: getSymbol(selectedToken, chainId), size: 28, chain: chainId })) }), jsx$2(Flex$1, { className: "title-container tokenname", children: getSymbol(selectedToken, chainId) })] }), enableZap && (jsx$2(Flex$1, { sx: { mr: '8px' }, children: jsx$2(Svg, { icon: "caret" }) }))] })] }), jsxs(Flex$1, { className: "input-container balancerow", children: [jsx$2(Flex$1, { children: selectedTokenPrice && typedValue
                             ? `$${formatUSDNumber((selectedTokenPrice * parseFloat(typedValue)).toFixed(2))}`
-                            : '' }), jsxs(Flex$1, { children: [account || (solanaAccount && jsxs(Flex$1, { className: "balancerow text", children: ["Balance: ", tokenBalanceString] })), jsx$2(Flex$1, { className: "balancerow max", children: 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" }) })) })] })] })] }));
+                            : '' }), jsxs(Flex$1, { children: [showBalance && jsxs(Flex$1, { className: "balancerow text", children: ["Balance: ", tokenBalanceString] }), jsx$2(Flex$1, { className: "balancerow max", children: 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" }) })) })] })] })] }));
 };
 
 var NetworkNames;
@@ -84744,6 +84736,26 @@ const SlippageModal = () => {
                                             }, children: jsx$2(Text, { weight: 700, children: "%" }) })] })] })] }) }) }) }));
 };
 
+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 ConnectButton = () => {
+    const config = useSDKConfig();
+    return (config === null || config === void 0 ? void 0 : config.useRainbowKit) ? (jsx$2(RainbowKitButton, {})) : (jsx$2(Button, { disabled: true, fullWidth: true, children: "Connect wallet" }));
+};
+
 const ZapModal = ({ onDismiss, outputToken, account, chainId }) => {
     var _a, _b, _c, _d, _e, _f, _g;
     // State
@@ -85053,7 +85065,7 @@ const BondModalHeader = ({ bondData, onDismiss, showProjectInfoButton, }) => {
                     height: '30px',
                     mb: ['10px', '10px', '10px', '0px'],
                     justifyContent: ['space-between', 'space-between', 'space-between', 'flex-end'],
-                }, children: [jsx$2(Flex, { sx: { display: ['flex', 'flex', 'flex', 'none'] }, children: jsx$2(BondModalMinTierHeader, { minTier: minTier }) }), jsx$2(Flex, { sx: { cursor: 'pointer' }, children: onDismiss ? (jsxs(Fragment$1, { children: [showProjectInfoButton && jsx$2(ExpandedViewButton, { handleNavigation: handleProjectViewNavigation }), jsx$2(Flex, { sx: { mx: '10px' }, onClick: onOpenSlippageModal, children: jsx$2(Svg, { icon: "cog", width: "16px" }) }), jsx$2(Flex, { onClick: handleClose, children: jsx$2(Svg, { icon: "close", color: "text" }) })] })) : (jsx$2(Flex, { sx: { py: '3px', mt: '10px' }, onClick: onOpenSlippageModal, children: jsx$2(Svg, { icon: "cog", width: "16px" }) })) })] }), jsxs(Flex, { sx: { width: '100%' }, children: [jsx$2(Flex, { className: "title-container bondicon", children: jsx$2(TokenImage, { symbol: (_b = bondData.showcaseTokenName) !== null && _b !== void 0 ? _b : bondData.earnToken.symbol, size: 50, chain: bondData.chainId }) }), jsxs(Flex, { className: "title-container bondname", children: [bondData === null || bondData === void 0 ? void 0 : bondData.showcaseTokenName, jsx$2(ListTag, { text: (_c = bondData === null || bondData === void 0 ? void 0 : bondData.tags) === null || _c === void 0 ? void 0 : _c[0] })] }), jsxs(Flex, { className: "title-container price-container", sx: { flexDirection: 'column', pl: '20px' }, children: [jsxs(Flex, { className: "price-container price", children: ["$", earnTokenPrice(bondData)] }), SDKConfig.useTiers ? (jsxs(Flex, { sx: {
+                }, children: [jsx$2(Flex, { sx: { display: ['flex', 'flex', 'flex', 'none'] }, children: jsx$2(BondModalMinTierHeader, { minTier: minTier }) }), jsx$2(Flex, { sx: { cursor: 'pointer' }, children: onDismiss ? (jsxs(Fragment$1, { children: [showProjectInfoButton && jsx$2(ExpandedViewButton, { handleNavigation: handleProjectViewNavigation }), jsx$2(Flex, { sx: { mx: '10px' }, onClick: onOpenSlippageModal, children: jsx$2(Svg, { icon: "cog", width: "16px" }) }), jsx$2(Flex, { onClick: handleClose, children: jsx$2(Svg, { icon: "close", color: "text" }) })] })) : (jsx$2(Flex, { sx: { py: '3px', mt: '10px' }, onClick: onOpenSlippageModal, children: jsx$2(Svg, { icon: "cog", width: "16px" }) })) })] }), jsxs(Flex, { sx: { width: '100%' }, children: [jsx$2(Flex, { className: "title-container bondicon", children: jsx$2(TokenImage, { symbol: (_b = bondData.showcaseTokenName) !== null && _b !== void 0 ? _b : bondData.earnToken.symbol, size: 50, chain: bondData.chainId }) }), jsxs(Flex, { className: "title-container bondname", children: [bondData === null || bondData === void 0 ? void 0 : bondData.showcaseTokenName, jsx$2(ListTag, { text: (_c = bondData === null || bondData === void 0 ? void 0 : bondData.tags) === null || _c === void 0 ? void 0 : _c[0] })] }), jsxs(Flex, { className: "title-container price-container", sx: { flexDirection: 'column', pl: '20px' }, children: [jsxs(Flex, { className: "price-container price", children: ["$", earnTokenPrice(bondData)] }), SDKConfig.useTiers && bondData.billVersion === types$1.BillVersion.V4 ? (jsxs(Flex, { sx: {
                                     p: '3px 6px',
                                     border: '1px solid var(--theme-ui-colors-primaryButton)',
                                     borderRadius: 'normal',
@@ -86083,7 +86095,7 @@ const BuyBond = ({ onDismiss, bondAddress, bondChain, isProjectView }) => {
             const trueBondPriceWithoutFee = (_b = (_a = bondData === null || bondData === void 0 ? void 0 : bondData.trueBondPrices) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.trueBondPriceWithoutFee;
             const maxPrice = new BigNumber$1(trueBondPriceWithoutFee !== null && trueBondPriceWithoutFee !== void 0 ? trueBondPriceWithoutFee : '0')
                 .times(1.02)
-                .dividedBy(new BigNumber$1('1000000000'))
+                .dividedBy(new BigNumber$1(1e6))
                 .toFixed(0);
             // Static addresses
             const bondIssuancePda = new PublicKey(bondData.contractAddress[bondData.chainId]);
@@ -86202,7 +86214,7 @@ const BuyBond = ({ onDismiss, bondAddress, bondChain, isProjectView }) => {
         }
         /* eslint-disable react-hooks/exhaustive-deps */
     }, [inputCurrencyBalance]);
-    return bondData ? (jsx$2(Flex, { className: "modal-content", children: jsxs(Flex, { className: "modaltable-container", children: [jsx$2(BondModalHeader, { bondData: bondData, onDismiss: onDismiss, showProjectInfoButton: (SDKConfig === null || SDKConfig === void 0 ? void 0 : SDKConfig.referenceId) === 'apebond' }), jsx$2(ProjectDescription, { description: bondData.shortDescription, isProjectView: true }), jsx$2(Flex, { sx: { width: '100%', display: isProjectView ? ['flex', 'flex', 'flex', 'none'] : 'flex' }, children: jsx$2(BondCards$1, { bondData: bondData }) }), jsx$2(Estimations, { depositAmount: depositAmount, bondData: bondData, youSpendString: youSpendString }), jsx$2(TokenSelectorPanel, { typedValue: inputValue, setTypedValue: setInputValue, selectedToken: inputToken, handleValueBtn: () => { var _a; return setInputValue((_a = new BigNumber$1(inputCurrencyBalance !== null && inputCurrencyBalance !== void 0 ? inputCurrencyBalance : '0')) === null || _a === void 0 ? void 0 : _a.toString()); }, handleCurrencySelect: handleCurrencySelect, chainId: bondData === null || bondData === void 0 ? void 0 : bondData.chainId, enableZap: supportedByLIFI.includes(bondData === null || bondData === void 0 ? void 0 : bondData.chainId), bondPrincipalToken: bondData === null || bondData === void 0 ? void 0 : bondData.lpToken, tokenBalance: inputCurrencyBalance, selectedTokenPrice: inputTokenPrice === null || inputTokenPrice === void 0 ? void 0 : inputTokenPrice.price, inputDisabled: false }), SDKConfig.useTiers && jsx$2(GetUpToComponent, { bond: bondData, depositAmount: depositAmount }), ((_e = NETWORK_LABEL[bondData === null || bondData === void 0 ? void 0 : bondData.chainId]) === null || _e === void 0 ? void 0 : _e.toLowerCase().includes('testnet')) && (jsx$2(Flex, { sx: {
+    return bondData ? (jsx$2(Flex, { className: "modal-content", children: jsxs(Flex, { className: "modaltable-container", children: [jsx$2(BondModalHeader, { bondData: bondData, onDismiss: onDismiss }), jsx$2(ProjectDescription, { description: bondData.shortDescription, isProjectView: true }), jsx$2(Flex, { sx: { width: '100%', display: isProjectView ? ['flex', 'flex', 'flex', 'none'] : 'flex' }, children: jsx$2(BondCards$1, { bondData: bondData }) }), jsx$2(Estimations, { depositAmount: depositAmount, bondData: bondData, youSpendString: youSpendString }), jsx$2(TokenSelectorPanel, { typedValue: inputValue, setTypedValue: setInputValue, selectedToken: inputToken, handleValueBtn: () => { var _a; return setInputValue((_a = new BigNumber$1(inputCurrencyBalance !== null && inputCurrencyBalance !== void 0 ? inputCurrencyBalance : '0')) === null || _a === void 0 ? void 0 : _a.toString()); }, handleCurrencySelect: handleCurrencySelect, chainId: bondData === null || bondData === void 0 ? void 0 : bondData.chainId, enableZap: supportedByLIFI.includes(bondData === null || bondData === void 0 ? void 0 : bondData.chainId), bondPrincipalToken: bondData === null || bondData === void 0 ? void 0 : bondData.lpToken, tokenBalance: inputCurrencyBalance, selectedTokenPrice: inputTokenPrice === null || inputTokenPrice === void 0 ? void 0 : inputTokenPrice.price, inputDisabled: false }), SDKConfig.useTiers && jsx$2(GetUpToComponent, { bond: bondData, depositAmount: depositAmount }), ((_e = NETWORK_LABEL[bondData === null || bondData === void 0 ? void 0 : bondData.chainId]) === null || _e === void 0 ? void 0 : _e.toLowerCase().includes('testnet')) && (jsx$2(Flex, { sx: {
                         width: '100%',
                         background: '#DE62F366',
                         justifyContent: 'center',
@@ -86787,12 +86799,19 @@ const BannerTestnet = ({ chainId }) => {
 const BondRowsWithTitle = ({ chain, bonds, showHotBonds }) => {
     const key = chain;
     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 && chain !== types$1.ChainId.SOL, 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: {
+    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 && chain !== types$1.ChainId.SOL, isOpen: isOpen }) }), isOpen && (bonds.length > 0 || chain === types$1.ChainId.SOL) && (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',
                         overflow: 'hidden',
                         width: '100%',
                         marginTop: '0px',
-                    }, className: "bonds-card-container", children: [TESTNET_CHAINS.includes(chain) && jsx$2(BannerTestnet, { chainId: chain }), bonds === null || bonds === void 0 ? void 0 : bonds.map((bondFromMap, index) => {
+                    }, className: "bonds-card-container", children: [bonds.length <= 0 && chain === types$1.ChainId.SOL && (jsx$2(Flex$1, { sx: { width: '100%', flexDirection: 'column' }, className: "bonds-card-container", children: Array.from({ length: 3 }).map((_, index) => {
+                                return (jsx$2(Skeleton, { animation: "waves", sx: {
+                                        width: '100%',
+                                        height: '70px',
+                                        borderRadius: 'normal',
+                                        mb: '5px',
+                                    } }, `sol-shadow-${index}`));
+                            }) }, key)), TESTNET_CHAINS.includes(chain) && jsx$2(BannerTestnet, { chainId: chain }), bonds === null || bonds === void 0 ? void 0 : bonds.map((bondFromMap, index) => {
                             var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w;
                             if (bondFromMap.soldOut) {
                                 const bond = bondFromMap;
@@ -86817,14 +86836,7 @@ const BondRowsWithTitle = ({ chain, bonds, showHotBonds }) => {
                                 const remainingTokensString = getRemainingTokensString(bond);
                                 return (jsx$2(BondRow, { bondAddress: bondAddress, bondChain: bond.chainId, payoutToken: bond.earnToken, billType: bond.billType, tag: (_w = bond.tags) === null || _w === void 0 ? void 0 : _w[0], trueBondPrices: 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)), bonds.length <= 0 && chain === types$1.ChainId.SOL && (jsx$2(Flex$1, { sx: { width: '100%', flexDirection: 'column' }, className: "bonds-card-container", children: Array.from({ length: 3 }).map((_, index) => {
-                        return (jsx$2(Skeleton, { animation: "waves", sx: {
-                                width: '100%',
-                                height: '70px',
-                                borderRadius: 'normal',
-                                mb: '5px',
-                            } }, `sol-shadow-${index}`));
-                    }) }, key))] }) }, key));
+                        }), showHotBonds && (jsx$2(SwiperProvider, { children: jsx$2(HotBondCards, {}) }))] }, key))] }) }, key));
 };
 
 const BondRowsByChain = ({ bonds, hideTitles }) => {
@@ -87038,7 +87050,7 @@ const BuyAgainRow = () => {
 };
 
 const LoadingSkeleton = () => {
-    return (jsxs(Flex$1, { sx: { width: '100%', flexDirection: 'column', mt: '35px' }, children: [Array.from({ length: 6 }).map((_, index) => (jsx$2(Skeleton, { animation: "waves", sx: {
+    return (jsxs(Flex$1, { sx: { width: '100%', flexDirection: 'column', mt: '35px' }, children: [Array.from({ length: 5 }).map((_, index) => (jsx$2(Skeleton, { animation: "waves", sx: {
                     width: '100%',
                     height: '70px',
                     borderRadius: 'normal',
@@ -87048,7 +87060,12 @@ const LoadingSkeleton = () => {
                         height: '125px',
                         borderRadius: 'normal',
                         mb: '5px',
-                    } }, `hot-card-shadow${index}`))) })] }));
+                    } }, `hot-card-shadow${index}`))) }), jsx$2(Flex$1, { sx: { width: '100%', flexDirection: 'column', mt: '25px' }, children: Array.from({ length: 3 }).map((_, index) => (jsx$2(Skeleton, { animation: "waves", sx: {
+                        width: '100%',
+                        height: '70px',
+                        borderRadius: 'normal',
+                        mb: '5px',
+                    } }, `second-row-shadow-${index}`))) })] }));
 };
 
 const Bonds = () => {
@@ -87060,10 +87077,6 @@ const Bonds = () => {
     const { data: allPreBonds } = usePreTGEList();
     const { data: chainFilterOption, setChainFilterOption } = useChainFilterOption();
     const { data: tokenPrices } = useTokenPrices();
-    // const rtc = tokenPrices?.find(
-    //   (token) => token?.address?.toLowerCase() === '0x188b8e23CefFCA7a58e8C64C2a7A9771Ab3596A7'.toLowerCase(),
-    // )
-    // console.log('rtc: ', rtc)
     const SDKConfig = useSDKConfig();
     useEffect(() => {
         const hash = window.location.hash;

package/package.json

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