@ape.swap/bonds-sdk 3.1.8 → 3.1.9-test.3

package/dist/views/YourBonds/YourBonds.js

@@ -0,0 +1,128 @@
+import { jsxs, jsx, Fragment } from 'theme-ui/jsx-runtime';
+import { useState, useMemo, useCallback } from 'react';
+import { Flex, Spinner } from 'theme-ui';
+import { useAccount } from 'wagmi';
+import UserBondRow from './components/UserBondRow/index.js';
+import { claimableUSD, totalPendingUSD, vestingTimeRemaining } from '../../utils/displayHelpers.js';
+import useUserBonds from '../../state/bonds/useUserBonds.js';
+import useTokenPrices from '../../state/tokenPrices/useTokenPrices.js';
+import PlaceholderMonkey from '../../components/PlaceholderMonkey/index.js';
+import useChainFilterOption from '../../state/chainFilterOption/useChainFilterOption.js';
+import YourBondsMenu from './components/YourBondsMenu/YourBondsMenu.js';
+import usePreTGEUserBonds from '../../state/preTGEBonds/usePreTGEUserBonds.js';
+import PreTgeUserRow from '../PreTGEBonds/components/PreTGEUserRows/PreTGEUserRow.js';
+import { useSDKConfig } from '../../state/useSDKConfig.js';
+
+const YourBonds = ({ showOnly }) => {
+    useTokenPrices();
+    // Hooks
+    const SDKConfig = useSDKConfig();
+    const { address: account } = useAccount();
+    const { data: userBonds, isFetched: userBondsFetched } = useUserBonds();
+    const { data: chainFilterOption, setChainFilterOption } = useChainFilterOption();
+    const { data: preTGEUserBonds } = usePreTGEUserBonds();
+    const preTGEBondsToRender = preTGEUserBonds?.filter((userBond) => parseFloat(userBond?.accountInfo?.depositAmount ?? '0') > 0);
+    // State
+    const [sortConfig, setSortConfig] = useState({
+        key: 'pending',
+        direction: 'desc',
+    });
+    const [inputValue, setInputValue] = useState('');
+    const filterOptions = ['CLAIMABLE', 'ALL'];
+    const [filterOption, setFilterOption] = useState(filterOptions[0]);
+    const handleSort = (key) => {
+        let direction = 'desc';
+        if (sortConfig?.key === key && sortConfig?.direction === 'desc') {
+            direction = 'asc';
+        }
+        setSortConfig({ key, direction });
+    };
+    const bondsToRender = useMemo(() => {
+        if (!userBonds)
+            return [];
+        let bondsToReturn = userBonds;
+        // Handle Filtering //
+        bondsToReturn = bondsToReturn?.filter((bond) => {
+            return bond.bond?.onlyPartner ? bond.bond.bondPartner === SDKConfig.bondPartner : true;
+        });
+        if (SDKConfig.bondPartner) {
+            bondsToReturn = bondsToReturn?.filter((bond) => {
+                return bond.bond?.bondPartner === SDKConfig.bondPartner;
+            });
+        }
+        // Filter Single Token View
+        if (showOnly) {
+            bondsToReturn = bondsToReturn?.filter((bond) => {
+                return bond?.bond?.earnToken?.symbol?.toLowerCase() === showOnly.toLowerCase();
+            });
+        }
+        // Filter by search query
+        if (inputValue !== '') {
+            bondsToReturn = bondsToReturn?.filter((bond) => {
+                return [
+                    bond?.bond?.showcaseTokenName?.toLowerCase(),
+                    bond?.bond?.earnToken?.symbol?.toLowerCase(),
+                    bond?.bond?.lpToken?.symbol?.toLowerCase(),
+                ].some((property) => property?.includes(inputValue.toLowerCase()));
+            });
+        }
+        // Filter by chain selector
+        if (!chainFilterOption.includes('All Chains')) {
+            bondsToReturn = bondsToReturn?.filter((bond) => {
+                return chainFilterOption.includes(bond?.bond?.chainId?.toString() ?? '');
+            });
+        }
+        // Filter by filter option (claimable or all buttons)
+        if (filterOption === 'CLAIMABLE') {
+            bondsToReturn = bondsToReturn?.filter((bond) => {
+                if (bond?.bond?.vestingCliff) {
+                    return bond.payout !== '0';
+                }
+                return bond.pendingRewards !== '0';
+            });
+        }
+        // Handle sorting //
+        if (sortConfig === null)
+            return bondsToReturn;
+        bondsToReturn = bondsToReturn?.sort((a, b) => {
+            let aValue, bValue;
+            if (sortConfig.key === 'claimable') {
+                aValue = claimableUSD(a);
+                bValue = claimableUSD(b);
+            }
+            else if (sortConfig.key === 'pending') {
+                aValue = totalPendingUSD(a);
+                bValue = totalPendingUSD(b);
+            }
+            else if (sortConfig.key === 'terms') {
+                const aRemainingTime = vestingTimeRemaining(a).days * 24 * 3600 +
+                    vestingTimeRemaining(a).hours * 3600 +
+                    vestingTimeRemaining(a).minutes * 60;
+                const bRemainingTime = vestingTimeRemaining(b).days * 24 * 3600 +
+                    vestingTimeRemaining(b).hours * 3600 +
+                    vestingTimeRemaining(b).minutes * 60;
+                aValue = aRemainingTime;
+                bValue = bRemainingTime;
+            }
+            else {
+                aValue = a[sortConfig.key];
+                bValue = b[sortConfig.key];
+            }
+            if (aValue < bValue) {
+                return sortConfig.direction === 'asc' ? -1 : 1;
+            }
+            if (aValue > bValue) {
+                return sortConfig.direction === 'asc' ? 1 : -1;
+            }
+            return 0;
+        });
+        return bondsToReturn;
+    }, [userBonds, showOnly, inputValue, chainFilterOption, filterOption, sortConfig, SDKConfig.bondPartner]);
+    const handleFilterOption = useCallback((newOption) => {
+        setFilterOption(newOption);
+    }, []);
+    return (jsxs(Flex, { className: "yourbonds table-container", children: [!showOnly && (jsx(YourBondsMenu, { chainFilterOption: chainFilterOption, setChainFilterOption: setChainFilterOption, filterOptions: filterOptions, filterOption: filterOption, setFilterOption: handleFilterOption, setInputValue: setInputValue, inputValue: inputValue, handleSort: handleSort })), !account ? (jsx(PlaceholderMonkey, { text: 'You are not connected.' })) : (bondsToRender && bondsToRender?.length > 0) || (preTGEBondsToRender && preTGEBondsToRender.length > 0) ? (jsxs(Fragment, { children: [preTGEBondsToRender?.map((userBond, index) => jsx(PreTgeUserRow, { userBond: userBond }, index)), bondsToRender?.map((bill, index) => jsx(UserBondRow, { bill: bill }, `${bill.id}-${index}`))] })) : inputValue !== '' || !chainFilterOption.includes('All Chains') ? (jsx(PlaceholderMonkey, { text: 'No results, change filters.' })) : userBondsFetched && bondsToRender?.length === 0 ? (jsx(PlaceholderMonkey, { text: 'You do not own any Bonds.' })) : (jsx(Flex, { className: "yourbonds-spinner", children: jsx(Spinner, { size: 100 }) }))] }));
+};
+
+export { YourBonds as default };
+//# sourceMappingURL=YourBonds.js.map

package/dist/views/YourBonds/YourBonds.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"YourBonds.js","sources":["../../../src/views/YourBonds/YourBonds.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from 'react'\nimport { Flex, Spinner } from 'theme-ui'\nimport { UserBill } from '../../types/yourbonds'\nimport { useAccount } from 'wagmi'\nimport UserBondRow from './components/UserBondRow'\nimport { claimableUSD, totalPendingUSD, vestingTimeRemaining } from '../../utils/displayHelpers'\nimport useUserBonds from '../../state/bonds/useUserBonds'\nimport useTokenPrices from '../../state/tokenPrices/useTokenPrices'\nimport PlaceholderMonkey from '../../components/PlaceholderMonkey'\nimport useChainFilterOption from '../../state/chainFilterOption/useChainFilterOption'\nimport YourBondsMenu from './components/YourBondsMenu/YourBondsMenu'\nimport usePreTGEUserBonds from '../../state/preTGEBonds/usePreTGEUserBonds'\nimport PreTGEUserRow from '../PreTGEBonds/components/PreTGEUserRows/PreTGEUserRow'\nimport { useSDKConfig } from '../../state/useSDKConfig'\n\nexport type SortableKeys = 'claimable' | 'pending' | 'terms'\ntype SortDirection = 'asc' | 'desc'\n\nconst YourBonds = ({ showOnly }: { showOnly?: string }) => {\n  useTokenPrices()\n  // Hooks\n  const SDKConfig = useSDKConfig()\n  const { address: account } = useAccount()\n  const { data: userBonds, isFetched: userBondsFetched } = useUserBonds()\n  const { data: chainFilterOption, setChainFilterOption } = useChainFilterOption()\n  const { data: preTGEUserBonds } = usePreTGEUserBonds()\n  const preTGEBondsToRender = preTGEUserBonds?.filter(\n    (userBond) => parseFloat(userBond?.accountInfo?.depositAmount ?? '0') > 0,\n  )\n\n  // State\n  const [sortConfig, setSortConfig] = useState<{ key: SortableKeys; direction: SortDirection } | null>({\n    key: 'pending',\n    direction: 'desc',\n  })\n\n  const [inputValue, setInputValue] = useState('')\n  const filterOptions = ['CLAIMABLE', 'ALL']\n  const [filterOption, setFilterOption] = useState(filterOptions[0])\n\n  const handleSort = (key: SortableKeys) => {\n    let direction: SortDirection = 'desc'\n    if (sortConfig?.key === key && sortConfig?.direction === 'desc') {\n      direction = 'asc'\n    }\n    setSortConfig({ key, direction })\n  }\n  const bondsToRender = useMemo(() => {\n    if (!userBonds) return []\n    let bondsToReturn = userBonds\n\n    // Handle Filtering //\n\n    bondsToReturn = bondsToReturn?.filter((bond) => {\n      return bond.bond?.onlyPartner ? bond.bond.bondPartner === SDKConfig.bondPartner : true\n    })\n\n    if (SDKConfig.bondPartner) {\n      bondsToReturn = bondsToReturn?.filter((bond) => {\n        return bond.bond?.bondPartner === SDKConfig.bondPartner\n      })\n    }\n\n    // Filter Single Token View\n    if (showOnly) {\n      bondsToReturn = bondsToReturn?.filter((bond) => {\n        return bond?.bond?.earnToken?.symbol?.toLowerCase() === showOnly.toLowerCase()\n      })\n    }\n\n    // Filter by search query\n    if (inputValue !== '') {\n      bondsToReturn = bondsToReturn?.filter((bond) => {\n        return [\n          bond?.bond?.showcaseTokenName?.toLowerCase(),\n          bond?.bond?.earnToken?.symbol?.toLowerCase(),\n          bond?.bond?.lpToken?.symbol?.toLowerCase(),\n        ].some((property) => property?.includes(inputValue.toLowerCase()))\n      })\n    }\n\n    // Filter by chain selector\n    if (!chainFilterOption.includes('All Chains')) {\n      bondsToReturn = bondsToReturn?.filter((bond) => {\n        return chainFilterOption.includes(bond?.bond?.chainId?.toString() ?? '')\n      })\n    }\n\n    // Filter by filter option (claimable or all buttons)\n    if (filterOption === 'CLAIMABLE') {\n      bondsToReturn = bondsToReturn?.filter((bond) => {\n        if (bond?.bond?.vestingCliff) {\n          return bond.payout !== '0'\n        }\n        return bond.pendingRewards !== '0'\n      })\n    }\n\n    // Handle sorting //\n    if (sortConfig === null) return bondsToReturn\n\n    bondsToReturn = bondsToReturn?.sort((a, b) => {\n      let aValue: number, bValue: number\n\n      if (sortConfig.key === 'claimable') {\n        aValue = claimableUSD(a)\n        bValue = claimableUSD(b)\n      } else if (sortConfig.key === 'pending') {\n        aValue = totalPendingUSD(a)\n        bValue = totalPendingUSD(b)\n      } else if (sortConfig.key === 'terms') {\n        const aRemainingTime =\n          vestingTimeRemaining(a).days * 24 * 3600 +\n          vestingTimeRemaining(a).hours * 3600 +\n          vestingTimeRemaining(a).minutes * 60\n\n        const bRemainingTime =\n          vestingTimeRemaining(b).days * 24 * 3600 +\n          vestingTimeRemaining(b).hours * 3600 +\n          vestingTimeRemaining(b).minutes * 60\n\n        aValue = aRemainingTime\n        bValue = bRemainingTime\n      } else {\n        aValue = a[sortConfig.key]\n        bValue = b[sortConfig.key]\n      }\n\n      if (aValue < bValue) {\n        return sortConfig.direction === 'asc' ? -1 : 1\n      }\n      if (aValue > bValue) {\n        return sortConfig.direction === 'asc' ? 1 : -1\n      }\n      return 0\n    })\n\n    return bondsToReturn\n  }, [userBonds, showOnly, inputValue, chainFilterOption, filterOption, sortConfig, SDKConfig.bondPartner])\n\n  const handleFilterOption = useCallback((newOption: string) => {\n    setFilterOption(newOption)\n  }, [])\n\n  return (\n    <Flex className=\"yourbonds table-container\">\n      {!showOnly && (\n        <YourBondsMenu\n          chainFilterOption={chainFilterOption}\n          setChainFilterOption={setChainFilterOption}\n          filterOptions={filterOptions}\n          filterOption={filterOption}\n          setFilterOption={handleFilterOption}\n          setInputValue={setInputValue}\n          inputValue={inputValue}\n          handleSort={handleSort}\n        />\n      )}\n      {!account ? (\n        <PlaceholderMonkey text={'You are not connected.'} />\n      ) : (bondsToRender && bondsToRender?.length > 0) || (preTGEBondsToRender && preTGEBondsToRender.length > 0) ? (\n        <>\n          {preTGEBondsToRender?.map((userBond, index) => <PreTGEUserRow userBond={userBond} key={index} />)}\n          {bondsToRender?.map((bill: UserBill, index) => <UserBondRow bill={bill} key={`${bill.id}-${index}`} />)}\n        </>\n      ) : inputValue !== '' || !chainFilterOption.includes('All Chains') ? (\n        <PlaceholderMonkey text={'No results, change filters.'} />\n      ) : userBondsFetched && bondsToRender?.length === 0 ? (\n        <PlaceholderMonkey text={'You do not own any Bonds.'} />\n      ) : (\n        <Flex className=\"yourbonds-spinner\">\n          <Spinner size={100} />\n        </Flex>\n      )}\n    </Flex>\n  )\n}\n\nexport default YourBonds\n"],"names":["_jsxs","_jsx","_Fragment","PreTGEUserRow"],"mappings":"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"}

package/dist/views/YourBonds/components/ClaimAll/ClaimAllModal.js

@@ -0,0 +1,131 @@
+import { jsx, jsxs, Fragment } from 'theme-ui/jsx-runtime';
+import { useState } from 'react';
+import { useAccount, useSwitchChain, useWriteContract } from 'wagmi';
+import useUserBonds from '../../../../state/bonds/useUserBonds.js';
+import Svg from '../../../../components/uikit-sdk/Svg/index.js';
+import Flex from '../../../../components/uikit-sdk/Flex/index.js';
+import Text from '../../../../components/uikit-sdk/Text/index.js';
+import '../../../../components/uikit-sdk/Checkbox/types.js';
+import 'theme-ui';
+import '../../../../components/uikit-sdk/Skeleton/types.js';
+import '../../../../components/uikit-sdk/Skeleton/styles.js';
+import '../../../../components/uikit-sdk/TooltipBubble/index.js';
+import Modal from '../../../../components/uikit-sdk/Modal/index.js';
+import 'framer-motion';
+import '../../../FullBondsView/FullBondsView.js';
+import Button from '../../../../components/uikit-sdk/Button/Button.js';
+import '../../../../components/uikit-sdk/Svg/types.js';
+import '../../../../components/uikit-sdk/Button/types.js';
+import '../../../../components/uikit-sdk/Select/types.js';
+import TokenImage from '../../../../components/uikit-sdk/TokenImage/index.js';
+import { NETWORK_LABEL } from '../../../../config/constants/chains.js';
+import ChainOptionsList from '../../../../components/ChainOptionList/ChainOptionsList.js';
+import { useSDKConfig } from '../../../../state/useSDKConfig.js';
+import ChainOptionsButtons from '../../../../components/ChainOptionList/ChainOptionsButtons.js';
+import BOND_ABI from '../../../../config/abi/BOND_2_0_0.json.js';
+import track from '../../../../utils/track.js';
+import { usePopups } from '../../../../state/popups/usePopups.js';
+import { reportError } from '../../../../utils/reportError.js';
+
+const ClaimAllModal = () => {
+    const { chainId, address: account } = useAccount();
+    const { switchChain } = useSwitchChain();
+    const SDKConfig = useSDKConfig();
+    const chains = SDKConfig?.chains;
+    const [selectedChain, setSelectedChain] = useState(chainId ?? 56);
+    const [viewAllChains, setViewAllChains] = useState(false);
+    const { data: userOwnedBills } = useUserBonds();
+    const ownedBills = userOwnedBills?.filter((bill) => parseFloat(bill?.payout) > 0);
+    const groupedBills = ownedBills?.reduce((acc, bill) => {
+        const bondIndex = bill?.bond?.index;
+        // Check if this bond index already exists in the accumulator
+        const existingGroup = acc.find((group) => group.bond.index === bondIndex);
+        if (existingGroup) {
+            // If the group already exists, add this bill to the userOwnedBills array
+            existingGroup.userOwnedBills.push(bill);
+        }
+        else {
+            // If it doesn't exist, create a new group
+            acc.push({
+                bond: bill.bond,
+                userOwnedBills: [bill],
+            });
+        }
+        return acc;
+    }, []);
+    const bondsOfSelectedChain = groupedBills?.filter((group) => group.bond.chainId === selectedChain);
+    const ownedBillsAmount = bondsOfSelectedChain?.reduce((total, ownerBills) => total + (ownerBills.userOwnedBills?.length || 0), 0);
+    const { addToastError } = usePopups();
+    const { writeContractAsync } = useWriteContract();
+    const handleClaim = async () => {
+        try {
+            bondsOfSelectedChain?.map(async (purchasedBond) => {
+                const address = purchasedBond.bond.contractAddress[purchasedBond.bond.chainId];
+                track({
+                    event: 'bond',
+                    chain: purchasedBond.bond.chainId,
+                    data: {
+                        cat: 'claimAll',
+                        address,
+                        earnToken: purchasedBond?.bond.earnToken.symbol,
+                    },
+                });
+                return writeContractAsync({
+                    address,
+                    abi: BOND_ABI,
+                    functionName: 'batchRedeem',
+                    args: [purchasedBond.userOwnedBills.map((b) => b.id)],
+                    chain: chainId,
+                    account,
+                });
+            });
+        }
+        catch (error) {
+            console.error('Claim All failed:', error);
+            addToastError(error.message);
+            reportError({
+                apiUrl: SDKConfig?.urls?.apiV2,
+                error,
+                extraInfo: { type: 'claimAll', bondsOfSelectedChain, error },
+                chainId,
+                account,
+            });
+        }
+    };
+    const purchasedBillsChains = groupedBills
+        ?.reduce((acc, bill) => {
+        if (acc.includes(bill.bond.chainId)) {
+            return acc;
+        }
+        else
+            return [...acc, bill.bond.chainId];
+    }, [])
+        ?.sort((a, b) => a - b);
+    return (jsx(Modal, { title: "Claim All", sx: { width: '420px' }, children: viewAllChains ? (jsxs(Fragment, { children: [jsxs(Flex, { sx: { justifyContent: 'space-between', mb: '20px' }, children: [jsx(Flex, { onClick: () => setViewAllChains(false), sx: {
+                                ':hover': {
+                                    cursor: 'pointer',
+                                },
+                            }, children: jsx(Svg, { width: "10px", icon: "arrow", direction: "left" }) }), jsx(Text, { sx: { fontSize: '16px', fontWeight: '300' }, children: "All Chain Options" })] }), jsx(ChainOptionsList, { setSelectedChain: setSelectedChain, setViewAllChains: setViewAllChains, chainList: chains })] })) : (jsxs(Flex, { sx: { flexDirection: 'column', width: '100%' }, children: [jsx(Text, { sx: { fontSize: '14px', fontWeight: 400, my: '10px' }, children: "Select the chain from which you want to claim your Bonds." }), jsx(ChainOptionsButtons, { setSelectedChain: setSelectedChain, selectedChain: selectedChain, setViewAllChains: setViewAllChains, chainList: purchasedBillsChains ?? [] }), jsx(Flex, { sx: {
+                        width: '100%',
+                        mt: '10px',
+                        background: 'white3',
+                        borderRadius: 'normal',
+                        p: '10px',
+                        flexDirection: 'column',
+                        height: '30vh',
+                        overflowY: 'auto',
+                    }, children: bondsOfSelectedChain && bondsOfSelectedChain?.length > 0 ? (bondsOfSelectedChain
+                        ?.filter((userBill) => userBill.bond.chainId === selectedChain)
+                        .map((ownedBill, index) => {
+                        return (jsxs(Flex, { sx: { width: '100%', alignItems: 'center', p: '5px' }, children: [jsx(TokenImage, { symbol: ownedBill.bond.earnToken.symbol, size: 30 }), jsxs(Text, { sx: { ml: '10px' }, children: [ownedBill.bond.earnToken.symbol, jsxs(Text, { sx: { fontSize: '14px', fontWeight: 400, color: 'textDisabledButton', ml: '10px' }, children: ["(", ownedBill?.userOwnedBills?.length, " Bond", ownedBill?.userOwnedBills && ownedBill?.userOwnedBills?.length > 1 ? 's' : '', ")"] })] })] }, `${ownedBill.bond.earnToken.symbol}-${index}`));
+                    })) : (jsx(Flex, { sx: {
+                            fontSize: '14px',
+                            fontWeight: 400,
+                            color: 'textDisabledButton',
+                            justifyContent: 'center',
+                            mt: '10px',
+                        }, children: "No bonds to claim for this chain" })) }), jsxs(Text, { sx: { fontSize: '14px', fontWeight: 400, mt: '15px' }, children: [`You'll claim`, " ", ownedBillsAmount, " Bonds in ", bondsOfSelectedChain?.length, " transaction", (bondsOfSelectedChain?.length ?? 0) > 1 ? 's' : '', "."] }), chainId === selectedChain ? (jsx(Button, { sx: { mt: '15px', width: '100%' }, onClick: handleClaim, children: "Claim" })) : (jsxs(Button, { sx: { mt: '15px', width: '100%' }, onClick: () => switchChain({ chainId: selectedChain }), children: ["Switch to ", NETWORK_LABEL[selectedChain ?? 0]] }))] })) }));
+};
+
+export { ClaimAllModal as default };
+//# sourceMappingURL=ClaimAllModal.js.map

package/dist/views/YourBonds/components/ClaimAll/ClaimAllModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClaimAllModal.js","sources":["../../../../../src/views/YourBonds/components/ClaimAll/ClaimAllModal.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { useAccount, useSwitchChain, useWriteContract } from 'wagmi'\nimport useUserBonds from '../../../../state/bonds/useUserBonds'\nimport { Button, Flex, Modal, Svg, Text } from '../../../../components/uikit-sdk'\nimport TokenImage from '../../../../components/uikit-sdk/TokenImage'\nimport { NETWORK_LABEL } from '../../../../config/constants/chains'\nimport ChainOptionsList from '../../../../components/ChainOptionList/ChainOptionsList'\nimport { useSDKConfig } from '../../../../state/useSDKConfig'\nimport ChainOptionsButtons from '../../../../components/ChainOptionList/ChainOptionsButtons'\nimport { UserBill } from '../../../../types/yourbonds'\nimport BOND_ABI from '../../../../config/abi/BOND_2_0_0.json'\nimport track from '../../../../utils/track'\nimport { usePopups } from '../../../../state/popups/usePopups'\nimport { BillsConfig } from '@ape.swap/apeswap-lists'\nimport { reportError } from '../../../../utils/reportError'\n\nconst ClaimAllModal = () => {\n  const { chainId, address: account } = useAccount()\n  const { switchChain } = useSwitchChain()\n  const SDKConfig = useSDKConfig()\n  const chains = SDKConfig?.chains as number[]\n\n  const [selectedChain, setSelectedChain] = useState(chainId ?? 56)\n  const [viewAllChains, setViewAllChains] = useState<boolean>(false)\n  const { data: userOwnedBills } = useUserBonds()\n  const ownedBills = userOwnedBills?.filter((bill) => parseFloat(bill?.payout) > 0)\n\n  const groupedBills = ownedBills?.reduce((acc: { bond: BillsConfig; userOwnedBills: UserBill[] }[], bill) => {\n    const bondIndex = bill?.bond?.index\n\n    // Check if this bond index already exists in the accumulator\n    const existingGroup = acc.find((group) => group.bond.index === bondIndex)\n\n    if (existingGroup) {\n      // If the group already exists, add this bill to the userOwnedBills array\n      existingGroup.userOwnedBills.push(bill)\n    } else {\n      // If it doesn't exist, create a new group\n      acc.push({\n        bond: bill.bond as any,\n        userOwnedBills: [bill],\n      })\n    }\n\n    return acc\n  }, [])\n\n  const bondsOfSelectedChain = groupedBills?.filter((group) => group.bond.chainId === selectedChain)\n  const ownedBillsAmount = bondsOfSelectedChain?.reduce(\n    (total, ownerBills) => total + (ownerBills.userOwnedBills?.length || 0),\n    0,\n  )\n  const { addToastError } = usePopups()\n\n  const { writeContractAsync } = useWriteContract()\n\n  const handleClaim = async () => {\n    try {\n      bondsOfSelectedChain?.map(async (purchasedBond) => {\n        const address: `0x${string}` = purchasedBond.bond.contractAddress[purchasedBond.bond.chainId] as `0x${string}`\n        track({\n          event: 'bond',\n          chain: purchasedBond.bond.chainId,\n          data: {\n            cat: 'claimAll',\n            address,\n            earnToken: purchasedBond?.bond.earnToken.symbol,\n          },\n        })\n        return writeContractAsync({\n          address,\n          abi: BOND_ABI,\n          functionName: 'batchRedeem',\n          args: [purchasedBond.userOwnedBills.map((b) => b.id)],\n          chain: chainId as any,\n          account,\n        })\n      })\n    } catch (error: any) {\n      console.error('Claim All failed:', error)\n      addToastError(error.message)\n      reportError({\n        apiUrl: SDKConfig?.urls?.apiV2,\n        error,\n        extraInfo: { type: 'claimAll', bondsOfSelectedChain, error },\n        chainId,\n        account,\n      })\n    }\n  }\n\n  const purchasedBillsChains = groupedBills\n    ?.reduce((acc: number[], bill) => {\n      if (acc.includes(bill.bond.chainId)) {\n        return acc\n      } else return [...acc, bill.bond.chainId]\n    }, [])\n    ?.sort((a, b) => a - b)\n\n  return (\n    <Modal title=\"Claim All\" sx={{ width: '420px' }}>\n      {viewAllChains ? (\n        <>\n          <Flex sx={{ justifyContent: 'space-between', mb: '20px' }}>\n            <Flex\n              onClick={() => setViewAllChains(false)}\n              sx={{\n                ':hover': {\n                  cursor: 'pointer',\n                },\n              }}\n            >\n              <Svg width=\"10px\" icon=\"arrow\" direction=\"left\" />\n            </Flex>\n            <Text sx={{ fontSize: '16px', fontWeight: '300' }}>All Chain Options</Text>\n          </Flex>\n          <ChainOptionsList\n            setSelectedChain={setSelectedChain}\n            setViewAllChains={setViewAllChains}\n            chainList={chains}\n          />\n        </>\n      ) : (\n        <Flex sx={{ flexDirection: 'column', width: '100%' }}>\n          <Text sx={{ fontSize: '14px', fontWeight: 400, my: '10px' }}>\n            Select the chain from which you want to claim your Bonds.\n          </Text>\n          <ChainOptionsButtons\n            setSelectedChain={setSelectedChain}\n            selectedChain={selectedChain}\n            setViewAllChains={setViewAllChains}\n            chainList={purchasedBillsChains ?? []}\n          />\n          <Flex\n            sx={{\n              width: '100%',\n              mt: '10px',\n              background: 'white3',\n              borderRadius: 'normal',\n              p: '10px',\n              flexDirection: 'column',\n              height: '30vh',\n              overflowY: 'auto',\n            }}\n          >\n            {bondsOfSelectedChain && bondsOfSelectedChain?.length > 0 ? (\n              bondsOfSelectedChain\n                ?.filter((userBill) => userBill.bond.chainId === selectedChain)\n                .map((ownedBill, index) => {\n                  return (\n                    <Flex\n                      key={`${ownedBill.bond.earnToken.symbol}-${index}`}\n                      sx={{ width: '100%', alignItems: 'center', p: '5px' }}\n                    >\n                      <TokenImage symbol={ownedBill.bond.earnToken.symbol} size={30} />\n                      <Text sx={{ ml: '10px' }}>\n                        {ownedBill.bond.earnToken.symbol}\n                        <Text sx={{ fontSize: '14px', fontWeight: 400, color: 'textDisabledButton', ml: '10px' }}>\n                          ({ownedBill?.userOwnedBills?.length} Bond\n                          {ownedBill?.userOwnedBills && ownedBill?.userOwnedBills?.length > 1 ? 's' : ''})\n                        </Text>\n                      </Text>\n                    </Flex>\n                  )\n                })\n            ) : (\n              <Flex\n                sx={{\n                  fontSize: '14px',\n                  fontWeight: 400,\n                  color: 'textDisabledButton',\n                  justifyContent: 'center',\n                  mt: '10px',\n                }}\n              >\n                No bonds to claim for this chain\n              </Flex>\n            )}\n          </Flex>\n          <Text sx={{ fontSize: '14px', fontWeight: 400, mt: '15px' }}>\n            {`You'll claim`} {ownedBillsAmount} Bonds in {bondsOfSelectedChain?.length} transaction\n            {(bondsOfSelectedChain?.length ?? 0) > 1 ? 's' : ''}.\n          </Text>\n          {chainId === selectedChain ? (\n            <Button sx={{ mt: '15px', width: '100%' }} onClick={handleClaim}>\n              Claim\n            </Button>\n          ) : (\n            <Button sx={{ mt: '15px', width: '100%' }} onClick={() => switchChain({ chainId: selectedChain })}>\n              Switch to {NETWORK_LABEL[selectedChain ?? 0]}\n            </Button>\n          )}\n        </Flex>\n      )}\n    </Modal>\n  )\n}\n\nexport default ClaimAllModal\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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"}

package/dist/views/YourBonds/components/ClaimAll/index.js

@@ -0,0 +1,35 @@
+import { jsx } from 'theme-ui/jsx-runtime';
+import ClaimAllModal from './ClaimAllModal.js';
+import { useAccount } from 'wagmi';
+import '../../../../components/uikit-sdk/Svg/types.js';
+import 'theme-ui';
+import '../../../../components/uikit-sdk/Text/types.js';
+import '../../../../components/uikit-sdk/Checkbox/types.js';
+import '../../../../components/uikit-sdk/Skeleton/types.js';
+import '../../../../components/uikit-sdk/Skeleton/styles.js';
+import '../../../../components/uikit-sdk/TooltipBubble/index.js';
+import 'react';
+import 'framer-motion';
+import Button from '../../../../components/uikit-sdk/Button/Button.js';
+import '../../../../components/uikit-sdk/Button/types.js';
+import '../../../../contexts/ModalContext.js';
+import '../../../FullBondsView/FullBondsView.js';
+import '../../../../components/uikit-sdk/Select/types.js';
+import useModal from '../../../../hooks/useModal.js';
+
+const ClaimAll = () => {
+    const { address: account } = useAccount();
+    const [onOpenModal] = useModal(jsx(ClaimAllModal, {}));
+    return (jsx(Button, { onClick: onOpenModal, disabled: !account, sx: {
+            height: '30px',
+            lineHeight: '12px',
+            fontSize: '14px',
+            fontWeight: 600,
+            width: '100%',
+            opacity: 1,
+            ml: ['10px', '10px', '10px', '0'],
+        }, children: "Claim All" }));
+};
+
+export { ClaimAll as default };
+//# sourceMappingURL=index.js.map

package/dist/views/YourBonds/components/ClaimAll/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/views/YourBonds/components/ClaimAll/index.tsx"],"sourcesContent":["import React from 'react'\nimport ClaimAllModal from './ClaimAllModal'\nimport { useAccount } from 'wagmi'\nimport { Button } from '../../../../components/uikit-sdk'\nimport useModal from '../../../../hooks/useModal'\n\nconst ClaimAll = () => {\n  const { address: account } = useAccount()\n  const [onOpenModal] = useModal(<ClaimAllModal />)\n\n  return (\n    <Button\n      onClick={onOpenModal}\n      disabled={!account}\n      sx={{\n        height: '30px',\n        lineHeight: '12px',\n        fontSize: '14px',\n        fontWeight: 600,\n        width: '100%',\n        opacity: 1,\n        ml: ['10px', '10px', '10px', '0'],\n      }}\n    >\n      Claim All\n    </Button>\n  )\n}\n\nexport default ClaimAll\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;AAMA,MAAM,QAAQ,GAAG,MAAK;IACpB,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,UAAU,EAAE;IACzC,MAAM,CAAC,WAAW,CAAC,GAAG,QAAQ,CAACA,GAAA,CAAC,aAAa,EAAA,EAAA,CAAG,CAAC;AAEjD,IAAA,QACEA,GAAA,CAAC,MAAM,EAAA,EACL,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,CAAC,OAAO,EAClB,EAAE,EAAE;AACF,YAAA,MAAM,EAAE,MAAM;AACd,YAAA,UAAU,EAAE,MAAM;AAClB,YAAA,QAAQ,EAAE,MAAM;AAChB,YAAA,UAAU,EAAE,GAAG;AACf,YAAA,KAAK,EAAE,MAAM;AACb,YAAA,OAAO,EAAE,CAAC;YACV,EAAE,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,CAAC;AAClC,SAAA,EAAA,QAAA,EAAA,WAAA,EAAA,CAGM;AAEb;;;;"}

package/dist/views/YourBonds/components/UserBondRow/index.js

@@ -0,0 +1,109 @@
+import { jsx, jsxs } from 'theme-ui/jsx-runtime';
+import { useState } from 'react';
+import { Flex } from 'theme-ui';
+import TokenInfoAndName from '../../../../components/TokenInfoAndName/index.js';
+import { formatNumberSI } from '../../../../utils/formatNumber.js';
+import Svg from '../../../../components/uikit-sdk/Svg/index.js';
+import '../../../../components/uikit-sdk/Text/types.js';
+import '../../../../components/uikit-sdk/Checkbox/types.js';
+import '../../../../components/uikit-sdk/Skeleton/types.js';
+import '../../../../components/uikit-sdk/Skeleton/styles.js';
+import TooltipBubble from '../../../../components/uikit-sdk/TooltipBubble/index.js';
+import 'framer-motion';
+import Button from '../../../../components/uikit-sdk/Button/Button.js';
+import '../../../../components/uikit-sdk/Svg/types.js';
+import '../../../../components/uikit-sdk/Button/types.js';
+import '../../../../contexts/ModalContext.js';
+import '../../../FullBondsView/FullBondsView.js';
+import '../../../../components/uikit-sdk/Select/types.js';
+import { NETWORK_LABEL } from '../../../../config/constants/chains.js';
+import { getPendingVestingString, claimable, totalPending, vestingTimeRemainingString } from '../../../../utils/displayHelpers.js';
+import { useChainId, useAccount, useSwitchChain, useWriteContract } from 'wagmi';
+import BOND_ABI from '../../../../config/abi/BOND_2_0_0.json.js';
+import useModal from '../../../../hooks/useModal.js';
+import YourBondsModal from '../../../YourBondsModal/YourBondsModal.js';
+import useCurrencyPrice from '../../../../state/price/useCurrencyPrice.js';
+import { usePopups } from '../../../../state/popups/usePopups.js';
+import { useMonitorTxHash } from '../../../../hooks/useMonitorTxHash.js';
+import BondInfoTooltip from '../../../../components/Tooltip/Tooltip.js';
+import track from '../../../../utils/track.js';
+import { remove0xPrefix } from '../../../../utils/remove0xPrefix.js';
+import getTimePeriods from '../../../../utils/getTimePeriods.js';
+import { reportError } from '../../../../utils/reportError.js';
+import { useSDKConfig } from '../../../../state/useSDKConfig.js';
+
+const UserBondRow = ({ bill }) => {
+    const userChainId = useChainId();
+    const SDKConfig = useSDKConfig();
+    const { address: account } = useAccount();
+    const { switchChain } = useSwitchChain();
+    const { writeContractAsync } = useWriteContract();
+    const { addToastError } = usePopups();
+    const [claimTxHash, setClaimTxHash] = useState(null);
+    const { isLoading: isConfirming, isSuccess: isConfirmed } = useMonitorTxHash(claimTxHash, bill?.bond?.chainId);
+    const [loadingTx, setLoadingTx] = useState(false);
+    const load = loadingTx || (isConfirming && !isConfirmed);
+    const [onOpenPurchasedBond] = useModal(jsx(YourBondsModal, { bill: bill }));
+    const handleClaim = async (billId, billAddress) => {
+        const address = billAddress;
+        try {
+            setLoadingTx(true);
+            const tx = await writeContractAsync({
+                address: address,
+                abi: BOND_ABI,
+                functionName: 'redeem',
+                args: [billId],
+                chain: userChainId,
+                account,
+            });
+            setLoadingTx(false);
+            if (tx) {
+                setClaimTxHash(tx);
+                track({
+                    event: 'bond',
+                    chain: bill?.bond?.chainId,
+                    data: {
+                        cat: 'claim',
+                        bondType: bill?.bond?.billType,
+                        address: remove0xPrefix(bill?.bond?.contractAddress?.[bill?.bond?.chainId]),
+                        earnToken: bill?.bond?.earnToken.symbol,
+                    },
+                });
+            }
+        }
+        catch (error) {
+            setLoadingTx(false);
+            console.error('Claim failed:', error);
+            addToastError(error.message);
+            reportError({
+                apiUrl: SDKConfig?.urls?.apiV2,
+                error,
+                extraInfo: { type: 'claim', bill, error },
+                chainId: bill?.bond?.chainId,
+                account,
+            });
+        }
+    };
+    // Display Info
+    const earnTokenPrice = useCurrencyPrice(bill?.bond?.earnToken, bill?.bond?.chainId);
+    const vestingCliff = bill?.bond?.vestingCliff;
+    const currentTime = Math.round(new Date().getTime() / 1000);
+    const lastBlockTimestamp = parseInt(bill?.lastBlockTimestamp ?? '0');
+    const isPendingCliff = vestingCliff ? currentTime - lastBlockTimestamp < vestingCliff : false;
+    const cliffCountdown = getTimePeriods(lastBlockTimestamp + (vestingCliff ?? 0) - currentTime, true);
+    return (jsxs("div", { className: "your-bonds", onClick: onOpenPurchasedBond, children: [jsxs("div", { className: "token-info-container", children: [jsx(TokenInfoAndName, { tokenSymbol: bill?.bond?.earnToken?.symbol, chain: bill?.bond?.chainId, tag: bill?.bond?.tags?.[0], vestEnds: `Ends in ${getPendingVestingString(bill)}`, isHotBond: true }), jsx("div", { className: "tooltip-column", children: jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(BondInfoTooltip, { earnTokenContract: bill?.bond?.earnToken.address[bill?.bond.chainId] || '', earnTokenSymbol: bill?.bond?.earnToken.symbol || '', bondContract: bill?.address ?? '', projectLink: bill?.bond?.projectLink, twitter: bill?.bond?.twitter, audit: bill?.bond?.audit, chain: bill?.bond?.chainId }), width: "205px", placement: "bottomRight", transformTip: "translate(5%, 0%)", children: jsx(Flex, { sx: {
+                                    opacity: 0.8,
+                                }, children: jsx(Svg, { icon: "more", width: "25px" }) }) }) })] }), jsxs("div", { className: "your-bonds-columns-container", children: [jsxs("div", { className: "your-bonds-content", children: [jsx("div", { className: "your-bonds-content-title", children: "Claimable" }), jsxs("div", { className: "your-bonds-content-tokens-amount", children: [formatNumberSI(claimable(bill), 3), jsx("div", { className: "your-bonds-content-tokens-usd-amount", children: `($${(claimable(bill) * (earnTokenPrice?.price ?? 0)).toFixed(2)})` })] })] }), jsxs("div", { className: "your-bonds-content", children: [jsx("div", { className: "your-bonds-content-title", children: "Pending" }), jsxs("div", { className: "your-bonds-content-tokens-amount", children: [formatNumberSI(totalPending(bill), 3), jsx("div", { className: "your-bonds-content-tokens-usd-amount", children: `($${(totalPending(bill) * (earnTokenPrice?.price ?? 0)).toFixed(2)})` })] })] }), jsx("div", { className: "your-bonds-content hide-mobile", children: vestingTimeRemainingString(bill) }), jsx("div", { className: "your-bonds-column-button", children: userChainId !== bill?.bond?.chainId ? (jsxs(Button, { className: "button", disabled: claimable(bill) === 0 || load, load: load, onClick: (event) => {
+                                event.stopPropagation();
+                                // Add your claim logic here
+                                switchChain({ chainId: bill?.bond?.chainId });
+                            }, fullWidth: true, children: ["Switch to ", NETWORK_LABEL[bill?.bond?.chainId]] })) : (jsx(Button, { className: "button", disabled: claimable(bill) === 0 || load || isPendingCliff, load: load, onClick: (event) => {
+                                event.stopPropagation();
+                                handleClaim(bill.id, bill.address);
+                            }, fullWidth: true, children: isPendingCliff
+                                ? `Claimable in ${cliffCountdown.days !== 0 ? `${cliffCountdown.days} days` : cliffCountdown.hours !== 0 ? `${cliffCountdown.hours} hours` : `${cliffCountdown.minutes} mins`}`
+                                : 'Claim' })) })] })] }));
+};
+
+export { UserBondRow as default };
+//# sourceMappingURL=index.js.map

package/dist/views/YourBonds/components/UserBondRow/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/views/YourBonds/components/UserBondRow/index.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { Flex } from 'theme-ui'\nimport TokenInfoAndName from '../../../../components/TokenInfoAndName'\nimport { formatNumberSI } from '../../../../utils/formatNumber'\nimport { Button, Svg, TooltipBubble } from '../../../../components/uikit-sdk'\nimport { NETWORK_LABEL } from '../../../../config/constants/chains'\nimport { UserBill } from '../../../../types/yourbonds'\nimport {\n  claimable,\n  getPendingVestingString,\n  totalPending,\n  vestingTimeRemainingString,\n} from '../../../../utils/displayHelpers'\nimport { useAccount, useChainId, useSwitchChain, useWriteContract } from 'wagmi'\nimport BOND_ABI from '../../../../config/abi/BOND_2_0_0.json'\nimport useModal from '../../../../hooks/useModal'\nimport YourBondsModal from '../../../YourBondsModal/YourBondsModal'\nimport useCurrencyPrice from '../../../../state/price/useCurrencyPrice'\nimport { usePopups } from '../../../../state/popups/usePopups'\nimport { useMonitorTxHash } from '../../../../hooks/useMonitorTxHash'\nimport Tooltip from '../../../../components/Tooltip/Tooltip'\nimport track from '../../../../utils/track'\nimport { remove0xPrefix } from '../../../../utils/remove0xPrefix'\nimport getTimePeriods from '../../../../utils/getTimePeriods'\nimport { reportError } from '../../../../utils/reportError'\nimport { useSDKConfig } from '../../../../state/useSDKConfig'\n\nconst UserBondRow = ({ bill }: { bill: UserBill }) => {\n  const userChainId = useChainId()\n  const SDKConfig = useSDKConfig()\n  const { address: account } = useAccount()\n  const { switchChain } = useSwitchChain()\n  const { writeContractAsync } = useWriteContract()\n  const { addToastError } = usePopups()\n\n  const [claimTxHash, setClaimTxHash] = useState<string | null>(null)\n  const { isLoading: isConfirming, isSuccess: isConfirmed } = useMonitorTxHash(claimTxHash, bill?.bond?.chainId)\n\n  const [loadingTx, setLoadingTx] = useState(false)\n  const load = loadingTx || (isConfirming && !isConfirmed)\n\n  const [onOpenPurchasedBond] = useModal(<YourBondsModal bill={bill} />)\n\n  const handleClaim = async (billId: string, billAddress: string) => {\n    const address: `0x${string}` = billAddress as `0x${string}`\n    try {\n      setLoadingTx(true)\n      const tx = await writeContractAsync({\n        address: address,\n        abi: BOND_ABI,\n        functionName: 'redeem',\n        args: [billId],\n        chain: userChainId as any,\n        account,\n      })\n      setLoadingTx(false)\n\n      if (tx) {\n        setClaimTxHash(tx)\n        track({\n          event: 'bond',\n          chain: bill?.bond?.chainId,\n          data: {\n            cat: 'claim',\n            bondType: bill?.bond?.billType,\n            address: remove0xPrefix(bill?.bond?.contractAddress?.[bill?.bond?.chainId]),\n            earnToken: bill?.bond?.earnToken.symbol,\n          },\n        })\n      }\n    } catch (error: any) {\n      setLoadingTx(false)\n      console.error('Claim failed:', error)\n      addToastError(error.message)\n      reportError({\n        apiUrl: SDKConfig?.urls?.apiV2,\n        error,\n        extraInfo: { type: 'claim', bill, error },\n        chainId: bill?.bond?.chainId,\n        account,\n      })\n    }\n  }\n\n  // Display Info\n  const earnTokenPrice = useCurrencyPrice(bill?.bond?.earnToken, bill?.bond?.chainId)\n  const vestingCliff = bill?.bond?.vestingCliff\n  const currentTime = Math.round(new Date().getTime() / 1000)\n  const lastBlockTimestamp = parseInt(bill?.lastBlockTimestamp ?? '0')\n  const isPendingCliff = vestingCliff ? currentTime - lastBlockTimestamp < vestingCliff : false\n  const cliffCountdown = getTimePeriods(lastBlockTimestamp + (vestingCliff ?? 0) - currentTime, true)\n\n  return (\n    <div className=\"your-bonds\" onClick={onOpenPurchasedBond}>\n      <div className=\"token-info-container\">\n        <TokenInfoAndName\n          tokenSymbol={bill?.bond?.earnToken?.symbol}\n          chain={bill?.bond?.chainId}\n          tag={bill?.bond?.tags?.[0]}\n          vestEnds={`Ends in ${getPendingVestingString(bill)}`}\n          isHotBond\n        />\n        <div className=\"tooltip-column\">\n          <TooltipBubble\n            className=\"tooltip-bubble\"\n            body={\n              <Tooltip\n                earnTokenContract={bill?.bond?.earnToken.address[bill?.bond.chainId] || ''}\n                earnTokenSymbol={bill?.bond?.earnToken.symbol || ''}\n                bondContract={bill?.address ?? ''}\n                projectLink={bill?.bond?.projectLink}\n                twitter={bill?.bond?.twitter}\n                audit={bill?.bond?.audit}\n                chain={bill?.bond?.chainId!}\n              />\n            }\n            width=\"205px\"\n            placement=\"bottomRight\"\n            transformTip=\"translate(5%, 0%)\"\n          >\n            <Flex\n              sx={{\n                opacity: 0.8,\n              }}\n            >\n              <Svg icon=\"more\" width=\"25px\" />\n            </Flex>\n          </TooltipBubble>\n        </div>\n      </div>\n      <div className=\"your-bonds-columns-container\">\n        <div className=\"your-bonds-content\">\n          <div className=\"your-bonds-content-title\">Claimable</div>\n          <div className=\"your-bonds-content-tokens-amount\">\n            {formatNumberSI(claimable(bill), 3)}\n            <div className=\"your-bonds-content-tokens-usd-amount\">\n              {`($${(claimable(bill) * (earnTokenPrice?.price ?? 0)).toFixed(2)})`}\n            </div>\n          </div>\n        </div>\n        <div className=\"your-bonds-content\">\n          <div className=\"your-bonds-content-title\">Pending</div>\n          <div className=\"your-bonds-content-tokens-amount\">\n            {formatNumberSI(totalPending(bill), 3)}\n            <div className=\"your-bonds-content-tokens-usd-amount\">\n              {`($${(totalPending(bill) * (earnTokenPrice?.price ?? 0)).toFixed(2)})`}\n            </div>\n          </div>\n        </div>\n        <div className=\"your-bonds-content hide-mobile\">{vestingTimeRemainingString(bill)}</div>\n        <div className=\"your-bonds-column-button\">\n          {userChainId !== bill?.bond?.chainId ? (\n            <Button\n              className=\"button\"\n              disabled={claimable(bill) === 0 || load}\n              load={load}\n              onClick={(event) => {\n                event.stopPropagation()\n                // Add your claim logic here\n                switchChain({ chainId: bill?.bond?.chainId! })\n              }}\n              fullWidth\n            >\n              Switch to {NETWORK_LABEL[bill?.bond?.chainId!]}\n            </Button>\n          ) : (\n            <Button\n              className=\"button\"\n              disabled={claimable(bill) === 0 || load || isPendingCliff}\n              load={load}\n              onClick={(event) => {\n                event.stopPropagation()\n                handleClaim(bill.id, bill.address)\n              }}\n              fullWidth\n            >\n              {isPendingCliff\n                ? `Claimable in ${cliffCountdown.days !== 0 ? `${cliffCountdown.days} days` : cliffCountdown.hours !== 0 ? `${cliffCountdown.hours} hours` : `${cliffCountdown.minutes} mins`}`\n                : 'Claim'}\n            </Button>\n          )}\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default UserBondRow\n"],"names":["_jsx","_jsxs","Tooltip"],"mappings":"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"}

package/dist/views/YourBonds/components/YourBondsMenu/YourBondsMenu.js

@@ -0,0 +1,28 @@
+import { jsxs, jsx } from 'theme-ui/jsx-runtime';
+import { Flex } from 'theme-ui';
+import BondFilters from '../../../../components/BondFilters/BondFilters.js';
+import 'numbro';
+import Input from '../../../../components/uikit-sdk/Input/Input.js';
+import Svg from '../../../../components/uikit-sdk/Svg/index.js';
+import '../../../../components/uikit-sdk/Text/types.js';
+import '../../../../components/uikit-sdk/Checkbox/types.js';
+import '../../../../components/uikit-sdk/Skeleton/types.js';
+import '../../../../components/uikit-sdk/Skeleton/styles.js';
+import '../../../../components/uikit-sdk/TooltipBubble/index.js';
+import 'react';
+import 'framer-motion';
+import '../../../../components/uikit-sdk/Button/types.js';
+import '../../../../components/uikit-sdk/Svg/types.js';
+import '../../../../contexts/ModalContext.js';
+import '../../../FullBondsView/FullBondsView.js';
+import '../../../../components/uikit-sdk/Select/types.js';
+import ClaimAll from '../ClaimAll/index.js';
+import { useSDKConfig } from '../../../../state/useSDKConfig.js';
+
+const YourBondsMenu = ({ chainFilterOption, setChainFilterOption, filterOptions, filterOption, setFilterOption, setInputValue, inputValue, handleSort, }) => {
+    const SDKConfig = useSDKConfig();
+    return (jsxs("div", { className: "bonds-menu", children: [jsx(BondFilters, { chainFilterOption: chainFilterOption ?? ['All Chains'], setChainFilterOption: setChainFilterOption, filterOptions: filterOptions, filterOption: filterOption, setFilterOption: setFilterOption, onHandleQueryChange: () => setInputValue('') }), jsxs("div", { className: "table-header-container", children: [jsx("div", { className: "search-container", children: jsx(Flex, { sx: { width: '100%', maxWidth: '300px' }, children: jsx(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: [jsxs("div", { className: "your-bonds-table-headers", onClick: () => handleSort('claimable'), children: ["CLAIMABLE", jsx(Flex, { sx: { ml: '5px' }, children: jsx(Svg, { icon: "sort", width: "12px", color: "textDisabledButton" }) })] }), jsxs("div", { className: "your-bonds-table-headers", onClick: () => handleSort('pending'), children: ["PENDING", jsx(Flex, { sx: { ml: '5px' }, children: jsx(Svg, { icon: "sort", width: "12px", color: "textDisabledButton" }) })] }), jsxs("div", { className: "your-bonds-table-headers", onClick: () => handleSort('terms'), children: ["TERMS", jsx(Flex, { sx: { ml: '5px' }, children: jsx(Svg, { icon: "sort", width: "12px", color: "textDisabledButton" }) })] }), jsx(Flex, { className: "claim-all-button-container", children: SDKConfig.referenceId === 'apebond' && jsx(ClaimAll, {}) })] })] })] }));
+};
+
+export { YourBondsMenu as default };
+//# sourceMappingURL=YourBondsMenu.js.map

package/dist/views/YourBonds/components/YourBondsMenu/YourBondsMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"YourBondsMenu.js","sources":["../../../../../src/views/YourBonds/components/YourBondsMenu/YourBondsMenu.tsx"],"sourcesContent":["import React from 'react'\nimport { Flex } from 'theme-ui'\nimport BondFilters from '../../../../components/BondFilters/BondFilters'\nimport { Input } from '../../../../components/uikit-sdk/Input'\nimport { Svg } from '../../../../components/uikit-sdk'\nimport { SortableKeys } from '../../YourBonds'\nimport ClaimAll from '../ClaimAll'\nimport { useSDKConfig } from '../../../../state/useSDKConfig'\n\nconst YourBondsMenu = ({\n  chainFilterOption,\n  setChainFilterOption,\n  filterOptions,\n  filterOption,\n  setFilterOption,\n  setInputValue,\n  inputValue,\n  handleSort,\n}: {\n  chainFilterOption: string[]\n  setChainFilterOption: (newValue: string[]) => void\n  filterOptions: string[]\n  filterOption: string\n  setFilterOption: (newValue: string) => void\n  setInputValue: (newValue: string) => void\n  inputValue: string\n  handleSort: (key: SortableKeys) => void\n}) => {\n  const SDKConfig = useSDKConfig()\n\n  return (\n    <div className=\"bonds-menu\">\n      <BondFilters\n        chainFilterOption={chainFilterOption ?? ['All Chains']}\n        setChainFilterOption={setChainFilterOption}\n        filterOptions={filterOptions}\n        filterOption={filterOption}\n        setFilterOption={setFilterOption}\n        onHandleQueryChange={() => setInputValue('')}\n      />\n      <div className=\"table-header-container\">\n        <div className=\"search-container\">\n          <Flex sx={{ width: '100%', maxWidth: '300px' }}>\n            <Input\n              className=\"search-input\"\n              value={inputValue}\n              onChange={(event: React.ChangeEvent<HTMLInputElement>) => setInputValue(event.target.value)}\n              variant=\"search\"\n              sx={{ fontWeight: 600, background: 'white2', height: '30px', fontSize: '14px', color: 'white' }}\n              width={'100%'}\n              placeholder={'Search...'}\n            />\n          </Flex>\n        </div>\n        <div className=\"headers-container\" sx={{ pr: ['0', '0', '0', '20px'] }}>\n          <div className=\"your-bonds-table-headers\" onClick={() => handleSort('claimable')}>\n            CLAIMABLE\n            <Flex sx={{ ml: '5px' }}>\n              <Svg icon=\"sort\" width=\"12px\" color=\"textDisabledButton\" />\n            </Flex>\n          </div>\n          <div className=\"your-bonds-table-headers\" onClick={() => handleSort('pending')}>\n            PENDING\n            <Flex sx={{ ml: '5px' }}>\n              <Svg icon=\"sort\" width=\"12px\" color=\"textDisabledButton\" />\n            </Flex>\n          </div>\n          <div className=\"your-bonds-table-headers\" onClick={() => handleSort('terms')}>\n            TERMS\n            <Flex sx={{ ml: '5px' }}>\n              <Svg icon=\"sort\" width=\"12px\" color=\"textDisabledButton\" />\n            </Flex>\n          </div>\n          <Flex className=\"claim-all-button-container\">{SDKConfig.referenceId === 'apebond' && <ClaimAll />}</Flex>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default YourBondsMenu\n"],"names":["_jsxs","_jsx"],"mappings":"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"}