npm - @ape.swap/bonds-sdk - Versions diffs - 6.3.0-test.69 → 7.0.0-test.1 - Mend

@ape.swap/bonds-sdk 6.3.0-test.69 → 7.0.0-test.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (998) hide show

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

@@ -1,36 +1,22 @@
-import { jsx, jsxs, Fragment } from 'theme-ui/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useState, useEffect } from 'react';
-import { useSwitchChain, useWriteContract } from 'wagmi';
 import { ChainId } from '@ape.swap/apeswap-lists';
 import useUserBonds from '../../../../state/bonds/useUserBonds.js';
-import Button from '../../../../components/uikit-sdk/Button/Button.js';
 import Flex from '../../../../components/uikit-sdk/Flex/index.js';
 import Modal from '../../../../components/uikit-sdk/Modal/index.js';
 import Text from '../../../../components/uikit-sdk/Text/index.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_4_0.json.js';
-import track from '../../../../utils/track.js';
-import { usePopups } from '../../../../state/popups/usePopups.js';
-import { reportError } from '../../../../utils/reportError.js';
-import useEVMAccount from '../../../../hooks/accounts/useEVMAccount.js';
-import useAPTAccount from '../../../../hooks/accounts/useAPTAccount.js';
-import useSUIAccount from '../../../../hooks/accounts/useSUIAccount.js';
-import { APTOS_CLAIM_FUNCTION } from '../../../../constants/aptosConstants.js';
-import { SUI_CLAIM_FUNCTION } from '../../../../constants/suiConstants.js';
-import { getAptosClient } from '../../../../utils/aptosHelpers.js';
-import { Transaction } from '@mysten/sui/transactions';
-import { verifySuiTxSuccess } from '../../../../utils/suiHelpers.js';
+import useChainAccount from '../../../../state/chainAccount/useChainAccount.js';
+import { getAdapterForChain } from '../../../../adapters/registry.js';
 import Arrow from '../../../../components/uikit-sdk/Svg/Icons/Arrow.js';
 const ClaimAllModal = () => {
-    const { chainId, address: account } = useEVMAccount();
-    const { address: aptosAccount, signAndSubmitTransaction } = useAPTAccount();
-    const { address: suiAccount, signAndExecuteTransaction } = useSUIAccount();
-    const { switchChain } = useSwitchChain();
+    const { chainId } = useChainAccount('evm');
+    const { address: aptosAccount } = useChainAccount('aptos');
+    const { address: suiAccount } = useChainAccount('sui');
     const SDKConfig = useSDKConfig();
     const chains = SDKConfig?.chains;
     const [selectedChain, setSelectedChain] = useState(chainId ?? (aptosAccount ? ChainId.APTOS : suiAccount ? ChainId.SUI : 56));
@@ -55,159 +41,8 @@ const ClaimAllModal = () => {
         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, addToastSuccess } = usePopups();
-    const { writeContractAsync } = useWriteContract();
-    const { refetch } = useUserBonds();
-    const [loadingTx, setLoadingTx] = useState(false);
-    const isAptosChain = selectedChain === ChainId.APTOS;
-    const isSuiChain = selectedChain === ChainId.SUI;
-    const handleClaimEVM = 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 handleClaimAptos = async () => {
-        if (!aptosAccount || !bondsOfSelectedChain?.length)
-            return;
-        setLoadingTx(true);
-        try {
-            // Aptos has no batchRedeem — claim each bill individually
-            const allBills = bondsOfSelectedChain.flatMap((group) => group.userOwnedBills.map((b) => ({ bill: b, market: group.bond.contractAddress[group.bond.chainId] })));
-            let lastTxHash = '';
-            for (const { bill, market } of allBills) {
-                if (!market || !bill.id)
-                    continue;
-                track({
-                    event: 'bond',
-                    chain: ChainId.APTOS,
-                    data: { cat: 'claimAll', address: market, earnToken: bill.bond?.earnToken?.symbol },
-                });
-                const response = await signAndSubmitTransaction?.({
-                    data: {
-                        function: APTOS_CLAIM_FUNCTION,
-                        typeArguments: [],
-                        functionArguments: [market, bill.id],
-                    },
-                });
-                if (!response?.hash)
-                    throw new Error('No tx hash returned by wallet');
-                lastTxHash = response.hash;
-                const aptos = getAptosClient();
-                await aptos.waitForTransaction({ transactionHash: response.hash });
-            }
-            refetch();
-            addToastSuccess(lastTxHash, ChainId.APTOS);
-        }
-        catch (error) {
-            console.error('Aptos Claim All failed:', error);
-            addToastError(error?.message ?? 'Unknown error');
-            reportError({
-                apiUrl: SDKConfig?.urls?.apiV2,
-                error,
-                extraInfo: { type: 'aptosClaimAll', bondsOfSelectedChain, error },
-                chainId: ChainId.APTOS,
-                account: aptosAccount ?? '',
-            });
-        }
-        finally {
-            setLoadingTx(false);
-        }
-    };
-    const handleClaimSui = async () => {
-        if (!suiAccount || !bondsOfSelectedChain?.length || !signAndExecuteTransaction)
-            return;
-        setLoadingTx(true);
-        try {
-            const allBills = bondsOfSelectedChain
-                .flatMap((group) => group.userOwnedBills.map((b) => ({ bill: b, market: group.bond.contractAddress[group.bond.chainId] })))
-                .filter(({ bill }) => bill.pendingRewards !== '0');
-            // Build a single PTB that claims all bills in one transaction
-            const tx = new Transaction();
-            for (const { bill, market } of allBills) {
-                if (!market || !bill.address)
-                    continue;
-                const payoutCoinType = bill.bond?.earnToken?.address?.[bill.bond?.chainId ?? 0];
-                const principalCoinType = bill.bond?.lpToken?.address?.[bill.bond?.chainId ?? 0];
-                if (!payoutCoinType || !principalCoinType)
-                    continue;
-                track({
-                    event: 'bond',
-                    chain: ChainId.SUI,
-                    data: { cat: 'claimAll', address: market, earnToken: bill.bond?.earnToken?.symbol },
-                });
-                const [claimedCoin] = tx.moveCall({
-                    target: SUI_CLAIM_FUNCTION,
-                    typeArguments: [payoutCoinType, principalCoinType],
-                    arguments: [
-                        tx.object(market),
-                        tx.object(bill.address), // BondNFT object ID
-                        tx.object('0x6'), // clock
-                    ],
-                });
-                tx.transferObjects([claimedCoin], tx.pure.address(suiAccount));
-            }
-            // Pre-build so the wallet receives fully-resolved bytes
-            tx.setSender(suiAccount);
-            tx.setGasBudget(50000000);
-            const { getSuiClient } = await import('../../../../utils/suiHelpers.js');
-            const suiClient = getSuiClient();
-            const builtBytes = await tx.build({ client: suiClient });
-            const prebuiltTx = Transaction.from(builtBytes);
-            const claimResponse = await signAndExecuteTransaction({ transaction: prebuiltTx });
-            const claimDigest = claimResponse?.digest;
-            if (claimDigest) {
-                await verifySuiTxSuccess(claimDigest);
-            }
-            refetch();
-            addToastSuccess(claimDigest, ChainId.SUI);
-        }
-        catch (error) {
-            console.error('Sui Claim All failed:', error);
-            addToastError(error?.message ?? 'Unknown error');
-            reportError({
-                apiUrl: SDKConfig?.urls?.apiV2,
-                error,
-                extraInfo: { type: 'suiClaimAll', bondsOfSelectedChain, error },
-                chainId: ChainId.SUI,
-                account: suiAccount ?? '',
-            });
-        }
-        finally {
-            setLoadingTx(false);
-        }
-    };
-    const handleClaim = isSuiChain ? handleClaimSui : isAptosChain ? handleClaimAptos : handleClaimEVM;
+    // Each family's adapter renders its own claim action (summary + button) for the selected chain
+    const claimAllAdapter = getAdapterForChain(selectedChain);
     const purchasedBillsChains = groupedBills
         ?.reduce((acc, bill) => {
         if (acc.includes(bill.bond.chainId)) {
@@ -224,32 +59,11 @@ const ClaimAllModal = () => {
         }
         /* eslint-disable react-hooks/exhaustive-deps */
     }, [purchasedBillsChains?.length]);
-    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(Arrow, { width: "10px", 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
+    return (jsx(Modal, { title: "Claim All", className: "ape:w-[420px]", children: viewAllChains ? (jsxs(Fragment, { children: [jsxs(Flex, { className: "ape:justify-between ape:mb-[20px]", children: [jsx(Flex, { onClick: () => setViewAllChains(false), className: "ape:hover:cursor-pointer", children: jsx(Arrow, { width: "10px", direction: "left" }) }), jsx(Text, { size: "16px", weight: 300, children: "All Chain Options" })] }), jsx(ChainOptionsList, { setSelectedChain: setSelectedChain, setViewAllChains: setViewAllChains, chainList: chains })] })) : (jsxs(Flex, { className: "ape:flex-col ape:w-full", children: [jsx(Text, { size: "14px", weight: 400, className: "ape: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, { className: "ape:w-full ape:mt-[10px] ape:bg-white3 ape:rounded-normal ape:p-[10px] ape:flex-col ape:h-[30vh] ape:overflow-y-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", ' ', isAptosChain ? ownedBillsAmount : isSuiChain ? 1 : bondsOfSelectedChain?.length, " transaction", (isAptosChain ? (ownedBillsAmount ?? 0) : isSuiChain ? 0 : (bondsOfSelectedChain?.length ?? 0)) > 1
-                            ? 's'
-                            : '', "."] }), isSuiChain ? (jsx(Button, { sx: { mt: '15px', width: '100%' }, onClick: handleClaim, disabled: !suiAccount || loadingTx || !ownedBillsAmount, load: loadingTx, children: !suiAccount ? 'Connect Sui Wallet' : 'Claim' })) : isAptosChain ? (jsx(Button, { sx: { mt: '15px', width: '100%' }, onClick: handleClaim, disabled: !aptosAccount || loadingTx || !ownedBillsAmount, load: loadingTx, children: !aptosAccount ? 'Connect Aptos Wallet' : 'Claim' })) : 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]] }))] })) }));
+                        return (jsxs(Flex, { className: "ape:w-full ape:items-center ape:p-[5px]", children: [jsx(TokenImage, { symbol: ownedBill.bond.earnToken.symbol, size: 30 }), jsxs(Text, { className: "ape:ml-[10px]", children: [ownedBill.bond.earnToken.symbol, jsxs(Text, { as: "span", size: "14px", weight: 400, className: "ape:ml-[10px]", style: { color: 'var(--ape-color-text-disabled-button)' }, children: ["(", ownedBill?.userOwnedBills?.length, " Bond", ownedBill?.userOwnedBills && ownedBill?.userOwnedBills?.length > 1 ? 's' : '', ")"] })] })] }, `${ownedBill.bond.earnToken.symbol}-${index}`));
+                    })) : (jsx(Flex, { className: "ape:text-[14px] ape:font-normal ape:justify-center ape:mt-[10px]", style: { color: 'var(--ape-color-text-disabled-button)' }, children: "No bonds to claim for this chain" })) }), claimAllAdapter?.ClaimAllAction ? (jsx(claimAllAdapter.ClaimAllAction, { chainId: selectedChain, bondsToClaim: bondsOfSelectedChain ?? [] })) : (jsx(Text, { size: "14px", weight: 400, className: "ape:mt-[15px]", children: `Claim All isn't available for this chain; claim these bonds one by one from Your Bonds.` }))] })) }));
 };
 export { ClaimAllModal as default };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ClaimAllModal.js","sources":["../../../../../src/views/YourBonds/components/ClaimAll/ClaimAllModal.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react'\nimport { useSwitchChain, useWriteContract } from 'wagmi'\nimport { ChainId } from '@ape.swap/apeswap-lists'\nimport useUserBonds from '../../../../state/bonds/useUserBonds'\nimport Button from '../../../../components/uikit-sdk/Button/Button'\nimport Flex from '../../../../components/uikit-sdk/Flex'\nimport Modal from '../../../../components/uikit-sdk/Modal'\nimport Text from '../../../../components/uikit-sdk/Text'\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_4_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'\nimport useEVMAccount from '../../../../hooks/accounts/useEVMAccount'\nimport useAPTAccount from '../../../../hooks/accounts/useAPTAccount'\nimport useSUIAccount from '../../../../hooks/accounts/useSUIAccount'\nimport { APTOS_CLAIM_FUNCTION } from '../../../../constants/aptosConstants'\nimport { SUI_CLAIM_FUNCTION } from '../../../../constants/suiConstants'\nimport { getAptosClient } from '../../../../utils/aptosHelpers'\nimport { Transaction } from '@mysten/sui/transactions'\nimport { verifySuiTxSuccess } from '../../../../utils/suiHelpers'\nimport Arrow from '../../../../components/uikit-sdk/Svg/Icons/Arrow'\n\nconst ClaimAllModal = () => {\n const { chainId, address: account } = useEVMAccount()\n const { address: aptosAccount, signAndSubmitTransaction } = useAPTAccount()\n const { address: suiAccount, signAndExecuteTransaction } = useSUIAccount()\n const { switchChain } = useSwitchChain()\n const SDKConfig = useSDKConfig()\n const chains = SDKConfig?.chains as number[]\n\n const [selectedChain, setSelectedChain] = useState(\n chainId ?? (aptosAccount ? ChainId.APTOS : suiAccount ? ChainId.SUI : 56),\n )\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, addToastSuccess } = usePopups()\n\n const { writeContractAsync } = useWriteContract()\n const { refetch } = useUserBonds()\n const [loadingTx, setLoadingTx] = useState(false)\n\n const isAptosChain = selectedChain === ChainId.APTOS\n const isSuiChain = selectedChain === ChainId.SUI\n\n const handleClaimEVM = 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 handleClaimAptos = async () => {\n if (!aptosAccount \|\| !bondsOfSelectedChain?.length) return\n\n setLoadingTx(true)\n try {\n // Aptos has no batchRedeem — claim each bill individually\n const allBills = bondsOfSelectedChain.flatMap((group) =>\n group.userOwnedBills.map((b) => ({ bill: b, market: group.bond.contractAddress[group.bond.chainId] })),\n )\n\n let lastTxHash = ''\n for (const { bill, market } of allBills) {\n if (!market \|\| !bill.id) continue\n\n track({\n event: 'bond',\n chain: ChainId.APTOS,\n data: { cat: 'claimAll', address: market, earnToken: bill.bond?.earnToken?.symbol },\n })\n\n const response = await signAndSubmitTransaction?.({\n data: {\n function: APTOS_CLAIM_FUNCTION,\n typeArguments: [],\n functionArguments: [market, bill.id],\n },\n })\n if (!response?.hash) throw new Error('No tx hash returned by wallet')\n lastTxHash = response.hash\n\n const aptos = getAptosClient()\n await aptos.waitForTransaction({ transactionHash: response.hash })\n }\n\n refetch()\n addToastSuccess(lastTxHash, ChainId.APTOS)\n } catch (error: any) {\n console.error('Aptos Claim All failed:', error)\n addToastError(error?.message ?? 'Unknown error')\n reportError({\n apiUrl: SDKConfig?.urls?.apiV2,\n error,\n extraInfo: { type: 'aptosClaimAll', bondsOfSelectedChain, error },\n chainId: ChainId.APTOS,\n account: aptosAccount ?? '',\n })\n } finally {\n setLoadingTx(false)\n }\n }\n\n const handleClaimSui = async () => {\n if (!suiAccount \|\| !bondsOfSelectedChain?.length \|\| !signAndExecuteTransaction) return\n\n setLoadingTx(true)\n try {\n const allBills = bondsOfSelectedChain\n .flatMap((group) =>\n group.userOwnedBills.map((b) => ({ bill: b, market: group.bond.contractAddress[group.bond.chainId] })),\n )\n .filter(({ bill }) => bill.pendingRewards !== '0')\n\n // Build a single PTB that claims all bills in one transaction\n const tx = new Transaction()\n for (const { bill, market } of allBills) {\n if (!market \|\| !bill.address) continue\n\n const payoutCoinType = bill.bond?.earnToken?.address?.[bill.bond?.chainId ?? 0]\n const principalCoinType = bill.bond?.lpToken?.address?.[bill.bond?.chainId ?? 0]\n if (!payoutCoinType \|\| !principalCoinType) continue\n\n track({\n event: 'bond',\n chain: ChainId.SUI,\n data: { cat: 'claimAll', address: market, earnToken: bill.bond?.earnToken?.symbol },\n })\n\n const [claimedCoin] = tx.moveCall({\n target: SUI_CLAIM_FUNCTION,\n typeArguments: [payoutCoinType, principalCoinType],\n arguments: [\n tx.object(market),\n tx.object(bill.address), // BondNFT object ID\n tx.object('0x6'), // clock\n ],\n })\n tx.transferObjects([claimedCoin], tx.pure.address(suiAccount!))\n }\n\n // Pre-build so the wallet receives fully-resolved bytes\n tx.setSender(suiAccount!)\n tx.setGasBudget(50_000_000)\n const { getSuiClient } = await import('../../../../utils/suiHelpers')\n const suiClient = getSuiClient()\n const builtBytes = await tx.build({ client: suiClient })\n const prebuiltTx = Transaction.from(builtBytes)\n\n const claimResponse = await signAndExecuteTransaction({ transaction: prebuiltTx })\n const claimDigest = claimResponse?.digest\n if (claimDigest) {\n await verifySuiTxSuccess(claimDigest)\n }\n\n refetch()\n addToastSuccess(claimDigest, ChainId.SUI)\n } catch (error: any) {\n console.error('Sui Claim All failed:', error)\n addToastError(error?.message ?? 'Unknown error')\n reportError({\n apiUrl: SDKConfig?.urls?.apiV2,\n error,\n extraInfo: { type: 'suiClaimAll', bondsOfSelectedChain, error },\n chainId: ChainId.SUI,\n account: suiAccount ?? '',\n })\n } finally {\n setLoadingTx(false)\n }\n }\n\n const handleClaim = isSuiChain ? handleClaimSui : isAptosChain ? handleClaimAptos : handleClaimEVM\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 // Auto-select the first chain that has bonds when the current selection has none\n useEffect(() => {\n if (purchasedBillsChains?.length && !purchasedBillsChains.includes(selectedChain)) {\n setSelectedChain(purchasedBillsChains[0])\n }\n /* eslint-disable react-hooks/exhaustive-deps */\n }, [purchasedBillsChains?.length])\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 <Arrow width=\"10px\" 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{' '}\n {isAptosChain ? ownedBillsAmount : isSuiChain ? 1 : bondsOfSelectedChain?.length} transaction\n {(isAptosChain ? (ownedBillsAmount ?? 0) : isSuiChain ? 0 : (bondsOfSelectedChain?.length ?? 0)) > 1\n ? 's'\n : ''}\n .\n </Text>\n {isSuiChain ? (\n <Button\n sx={{ mt: '15px', width: '100%' }}\n onClick={handleClaim}\n disabled={!suiAccount \|\| loadingTx \|\| !ownedBillsAmount}\n load={loadingTx}\n >\n {!suiAccount ? 'Connect Sui Wallet' : 'Claim'}\n </Button>\n ) : isAptosChain ? (\n <Button\n sx={{ mt: '15px', width: '100%' }}\n onClick={handleClaim}\n disabled={!aptosAccount \|\| loadingTx \|\| !ownedBillsAmount}\n load={loadingTx}\n >\n {!aptosAccount ? 'Connect Aptos Wallet' : 'Claim'}\n </Button>\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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"}
1	+ {"version":3,"file":"ClaimAllModal.js","sources":["../../../../../src/views/YourBonds/components/ClaimAll/ClaimAllModal.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react'\nimport { ChainId } from '@ape.swap/apeswap-lists'\nimport useUserBonds from '../../../../state/bonds/useUserBonds'\nimport Flex from '../../../../components/uikit-sdk/Flex'\nimport Modal from '../../../../components/uikit-sdk/Modal'\nimport Text from '../../../../components/uikit-sdk/Text'\nimport TokenImage from '../../../../components/uikit-sdk/TokenImage'\nimport ChainOptionsList from '../../../../components/ChainOptionList/ChainOptionsList'\nimport { useSDKConfig } from '../../../../state/useSDKConfig'\nimport ChainOptionsButtons from '../../../../components/ChainOptionList/ChainOptionsButtons'\nimport { UserBill } from '../../../../types/yourbonds'\nimport { BillsConfig } from '@ape.swap/apeswap-lists'\nimport useChainAccount from '../../../../state/chainAccount/useChainAccount'\nimport { getAdapterForChain } from '../../../../adapters/registry'\nimport Arrow from '../../../../components/uikit-sdk/Svg/Icons/Arrow'\n\nconst ClaimAllModal = () => {\n const { chainId } = useChainAccount('evm')\n const { address: aptosAccount } = useChainAccount('aptos')\n const { address: suiAccount } = useChainAccount('sui')\n const SDKConfig = useSDKConfig()\n const chains = SDKConfig?.chains as number[]\n\n const [selectedChain, setSelectedChain] = useState(\n chainId ?? (aptosAccount ? ChainId.APTOS : suiAccount ? ChainId.SUI : 56),\n )\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 // Each family's adapter renders its own claim action (summary + button) for the selected chain\n const claimAllAdapter = getAdapterForChain(selectedChain)\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 // Auto-select the first chain that has bonds when the current selection has none\n useEffect(() => {\n if (purchasedBillsChains?.length && !purchasedBillsChains.includes(selectedChain)) {\n setSelectedChain(purchasedBillsChains[0])\n }\n /* eslint-disable react-hooks/exhaustive-deps */\n }, [purchasedBillsChains?.length])\n\n return (\n <Modal title=\"Claim All\" className=\"ape:w-[420px]\">\n {viewAllChains ? (\n <>\n <Flex className=\"ape:justify-between ape:mb-[20px]\">\n <Flex onClick={() => setViewAllChains(false)} className=\"ape:hover:cursor-pointer\">\n <Arrow width=\"10px\" direction=\"left\" />\n </Flex>\n <Text size=\"16px\" weight={300}>\n All Chain Options\n </Text>\n </Flex>\n <ChainOptionsList\n setSelectedChain={setSelectedChain}\n setViewAllChains={setViewAllChains}\n chainList={chains}\n />\n </>\n ) : (\n <Flex className=\"ape:flex-col ape:w-full\">\n <Text size=\"14px\" weight={400} className=\"ape: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 className=\"ape:w-full ape:mt-[10px] ape:bg-white3 ape:rounded-normal ape:p-[10px] ape:flex-col ape:h-[30vh] ape:overflow-y-auto\">\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 className=\"ape:w-full ape:items-center ape:p-[5px]\"\n >\n <TokenImage symbol={ownedBill.bond.earnToken.symbol} size={30} />\n <Text className=\"ape:ml-[10px]\">\n {ownedBill.bond.earnToken.symbol}\n <Text\n as=\"span\"\n size=\"14px\"\n weight={400}\n className=\"ape:ml-[10px]\"\n style={{ color: 'var(--ape-color-text-disabled-button)' }}\n >\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 className=\"ape:text-[14px] ape:font-normal ape:justify-center ape:mt-[10px]\"\n style={{ color: 'var(--ape-color-text-disabled-button)' }}\n >\n No bonds to claim for this chain\n </Flex>\n )}\n </Flex>\n {claimAllAdapter?.ClaimAllAction ? (\n <claimAllAdapter.ClaimAllAction chainId={selectedChain} bondsToClaim={bondsOfSelectedChain ?? []} />\n ) : (\n <Text size=\"14px\" weight={400} className=\"ape:mt-[15px]\">\n {`Claim All isn't available for this chain; claim these bonds one by one from Your Bonds.`}\n </Text>\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.d.ts CHANGED Viewed

@@ -1,3 +1,2 @@
-import React from 'react';
-declare const ClaimAll: () => React.JSX.Element;
+declare const ClaimAll: () => import("react/jsx-runtime").JSX.Element;
 export default ClaimAll;

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

@@ -1,25 +1,15 @@
-import { jsx } from 'theme-ui/jsx-runtime';
+import { jsx } from 'react/jsx-runtime';
 import ClaimAllModal from './ClaimAllModal.js';
 import Button from '../../../../components/uikit-sdk/Button/Button.js';
 import useModal from '../../../../hooks/useModal.js';
-import useEVMAccount from '../../../../hooks/accounts/useEVMAccount.js';
-import useAPTAccount from '../../../../hooks/accounts/useAPTAccount.js';
-import useSUIAccount from '../../../../hooks/accounts/useSUIAccount.js';
+import useChainAccount from '../../../../state/chainAccount/useChainAccount.js';
 const ClaimAll = () => {
-    const { address: evmAccount } = useEVMAccount();
-    const { address: aptosAccount } = useAPTAccount();
-    const { address: suiAccount } = useSUIAccount();
+    const { address: evmAccount } = useChainAccount('evm');
+    const { address: aptosAccount } = useChainAccount('aptos');
+    const { address: suiAccount } = useChainAccount('sui');
     const [onOpenModal] = useModal(jsx(ClaimAllModal, {}));
-    return (jsx(Button, { onClick: onOpenModal, disabled: !evmAccount && !aptosAccount && !suiAccount, sx: {
-            height: '30px',
-            lineHeight: '12px',
-            fontSize: '14px',
-            fontWeight: 600,
-            width: '100%',
-            opacity: 1,
-            ml: ['10px', '10px', '10px', '0'],
-        }, children: "Claim All" }));
+    return (jsx(Button, { onClick: onOpenModal, disabled: !evmAccount && !aptosAccount && !suiAccount, className: "ape:w-full ape:h-[30px] ape:text-[14px]! ape:font-semibold ape:lg-ml-[10px] ape:lg:ml-0", children: "Claim All" }));
 };
 export { ClaimAll as default };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../src/views/YourBonds/components/ClaimAll/index.tsx"],"sourcesContent":["import React from 'react'\nimport ClaimAllModal from './ClaimAllModal'\nimport Button from '../../../../components/uikit-sdk/Button/Button'\nimport useModal from '../../../../hooks/useModal'\nimport ~~useEVMAccount~~ from '../../../../~~hooks~~/~~accounts~~/~~useEVMAccount~~'\~~nimport useAPTAccount from '../../../../hooks/accounts/useAPTAccount'\nimport useSUIAccount from '../../../../hooks/accounts/useSUIAccount'\~~n\nconst ClaimAll = () => {\n const { address: evmAccount } = ~~useEVMAccount~~()\n const { address: aptosAccount } = ~~useAPTAccount~~()\n const { address: suiAccount } = ~~useSUIAccount~~()\n const [onOpenModal] = useModal(<ClaimAllModal />)\n\n return (\n <Button\n onClick={onOpenModal}\n disabled={!evmAccount && !aptosAccount && !suiAccount}\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":"~~;;;;;;;;AAQA~~,MAAM,QAAQ,GAAG,MAAK;IACpB,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,~~aAAa~~,~~EAAE~~;~~IAC/C~~,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,GAAG,~~aAAa~~,~~EAAE~~;~~IACjD~~,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,~~aAAa~~,~~EAAE~~;~~IAC/C~~,MAAM,CAAC,WAAW,CAAC,GAAG,QAAQ,CAACA,GAAA,CAAC,aAAa,EAAA,EAAA,CAAG,CAAC;IAEjD,QACEA,~~IAAC~~,MAAM,EAAA,EACL,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,CAAC,UAAU,IAAI,CAAC,YAAY,IAAI,CAAC,UAAU,EACrD,~~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;;;;"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../src/views/YourBonds/components/ClaimAll/index.tsx"],"sourcesContent":["import React from 'react'\nimport ClaimAllModal from './ClaimAllModal'\nimport Button from '../../../../components/uikit-sdk/Button/Button'\nimport useModal from '../../../../hooks/useModal'\nimport useChainAccount from '../../../../state/chainAccount/useChainAccount'\n\nconst ClaimAll = () => {\n const { address: evmAccount } = useChainAccount('evm')\n const { address: aptosAccount } = useChainAccount('aptos')\n const { address: suiAccount } = useChainAccount('sui')\n const [onOpenModal] = useModal(<ClaimAllModal />)\n\n return (\n <Button\n onClick={onOpenModal}\n disabled={!evmAccount && !aptosAccount && !suiAccount}\n className=\"ape:w-full ape:h-[30px] ape:text-[14px]! ape:font-semibold ape:lg-ml-[10px] ape:lg:ml-0\"\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,UAAU,EAAE,GAAG,eAAe,CAAC,KAAK,CAAC;IACtD,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,GAAG,eAAe,CAAC,OAAO,CAAC;IAC1D,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,eAAe,CAAC,KAAK,CAAC;IACtD,MAAM,CAAC,WAAW,CAAC,GAAG,QAAQ,CAACA,GAAA,CAAC,aAAa,EAAA,EAAA,CAAG,CAAC;IAEjD,QACEA,GAAA,CAAC,MAAM,EAAA,EACL,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,CAAC,UAAU,IAAI,CAAC,YAAY,IAAI,CAAC,UAAU,EACrD,SAAS,EAAC,yFAAyF,EAAA,QAAA,EAAA,WAAA,EAAA,CAG5F;AAEb;;;;"}

package/dist/views/YourBonds/components/ProfitCard/ProfitCard.d.ts CHANGED Viewed

@@ -1,6 +1,5 @@
-import React from 'react';
 import { UserBill } from '../../../../types/yourbonds';
 declare const ProfitCard: ({ userBond }: {
     userBond?: UserBill;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default ProfitCard;

package/dist/views/YourBonds/components/ProfitCard/ProfitCard.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import { jsx, jsxs } from 'theme-ui/jsx-runtime';
-import { Flex } from 'theme-ui';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import Flex from '../../../../components/uikit-sdk/Flex/index.js';
 import { formatNumberSI } from '../../../../utils/formatNumber.js';
 import { getBalanceNumber } from '../../../../utils/getBalanceNumber.js';
@@ -9,19 +9,7 @@ const ProfitCard = ({ userBond }) => {
     const totalPayoutUSD = totalPayout * parseFloat(payoutTokenPrice);
     const depositAmountUSD = userBond?.nftData?.data?.dollarValue ?? 0;
     const profit = !depositAmountUSD ? 0 : totalPayoutUSD - depositAmountUSD;
-    return (jsx(Flex, { sx: {
-            display: ['none', 'none', 'none', 'none', 'none', 'none', 'flex'],
-        }, children: profit > 0.01 && (jsxs(Flex, { sx: {
-                border: '1px solid rgb(56, 166, 17, 0.20)',
-                p: '2px 6px',
-                color: 'success',
-                borderRadius: '5px',
-                background: '#38A6110D',
-                fontWeight: 700,
-                fontSize: '14px',
-                width: '100%',
-                justifyContent: 'center',
-            }, children: ["+$", formatNumberSI(profit, profit > 100 ? 0 : 2), " Profit!"] })) }));
+    return (jsx(Flex, { className: "ape:hidden ape:xxl:flex", children: profit > 0.01 && (jsxs(Flex, { className: "ape:border ape:p-[2px_6px] ape:rounded-[5px] ape:bg-[#38A6110D] ape:font-bold ape:text-[14px] ape:w-full ape:justify-center", style: { borderColor: 'rgb(56, 166, 17, 0.20)', color: 'var(--ape-color-success)' }, children: ["+$", formatNumberSI(profit, profit > 100 ? 0 : 2), " Profit!"] })) }));
 };
 export { ProfitCard as default };

package/dist/views/YourBonds/components/ProfitCard/ProfitCard.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ProfitCard.js","sources":["../../../../../src/views/YourBonds/components/ProfitCard/ProfitCard.tsx"],"sourcesContent":["import React from 'react'\nimport { Flex } from '~~theme~~-ui'\nimport { formatNumberSI } from '../../../../utils/formatNumber'\nimport { UserBill } from '../../../../types/yourbonds'\nimport { getBalanceNumber } from '../../../../utils/getBalanceNumber'\n\nconst ProfitCard = ({ userBond }: { userBond?: UserBill }) => {\n const totalPayout = getBalanceNumber(\n userBond?.totalPayout ?? '0',\n userBond?.bond?.earnToken?.decimals[userBond.bond?.chainId] ?? 18,\n )\n const payoutTokenPrice = userBond?.bond?.payoutTokenPrice ?? '0'\n const totalPayoutUSD = totalPayout * parseFloat(payoutTokenPrice)\n const depositAmountUSD = userBond?.nftData?.data?.dollarValue ?? 0\n const profit = !depositAmountUSD ? 0 : totalPayoutUSD - depositAmountUSD\n\n return (\n <Flex~~\n sx={{\n display~~: ~~['none', 'none', 'none', 'none', 'none', 'none', '~~flex~~'],\n }}~~\n >\n {profit > 0.01 && (\n <Flex\n sx={{~~\n border~~: '~~1px solid~~ rgb(56, 166, 17, 0.20)'~~,\n p:~~ ~~'2px 6px',\n~~ color: 'success'~~,\n borderRadius:~~ ~~'5px',\n background: '#38A6110D',\n fontWeight: 700,\n fontSize: '14px',\n width: '100%',\n justifyContent: 'center',\n~~ }}\n >\n +${formatNumberSI(profit, profit > 100 ? 0 : 2)} Profit!\n </Flex>\n )}\n </Flex>\n )\n}\n\nexport default ProfitCard\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;AAMA,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAA2B,KAAI;IAC3D,MAAM,WAAW,GAAG,gBAAgB,CAClC,QAAQ,EAAE,WAAW,IAAI,GAAG,EAC5B,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,CAAC,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,CAClE;IACD,MAAM,gBAAgB,GAAG,QAAQ,EAAE,IAAI,EAAE,gBAAgB,IAAI,GAAG;IAChE,MAAM,cAAc,GAAG,WAAW,GAAG,UAAU,CAAC,gBAAgB,CAAC;IACjE,MAAM,gBAAgB,GAAG,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,WAAW,IAAI,CAAC;AAClE,IAAA,MAAM,MAAM,GAAG,CAAC,gBAAgB,GAAG,CAAC,GAAG,cAAc,GAAG,gBAAgB;~~AAExE~~,~~IAAA,~~QACEA,GAAA,CAAC,IAAI,EAAA,~~EACH~~,~~EAAE~~,~~EAAE;AACF~~,~~YAAA~~,~~OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC;SAClE,~~EAAA,QAAA,~~EAEA~~,MAAM,GAAG,IAAI,KACZC,IAAA,CAAC,IAAI,EAAA,EACH,~~EAAE~~,~~EAAE;AACF~~,~~gBAAA~~,~~MAAM~~,~~EAAE,kCAAkC;AAC1C,gBAAA,CAAC,EAAE,SAAS;AACZ,gBAAA,~~KAAK,EAAE,~~SAAS;AAChB,gBAAA,YAAY,~~EAAE,~~KAAK;AACnB,gBAAA,UAAU,EAAE,~~WAAW~~;AACvB~~,~~gBAAA,UAAU,~~EAAE,~~GAAG;AACf~~,~~gBAAA,QAAQ,~~EAAE,~~MAAM;AAChB,gBAAA,~~KAAK,EAAE,~~MAAM;AACb~~,~~gBAAA,cAAc,~~EAAE,~~QAAQ;aACzB,~~EAAA,QAAA,EAAA,CAAA,IAAA,~~EAEE~~,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC,~~gBAC1C~~,CACR,EAAA,CACI;AAEX;;;;"}
1	+ {"version":3,"file":"ProfitCard.js","sources":["../../../../../src/views/YourBonds/components/ProfitCard/ProfitCard.tsx"],"sourcesContent":["import React from 'react'\nimport Flex from '../../../../components/uikit-sdk/Flex'\nimport { formatNumberSI } from '../../../../utils/formatNumber'\nimport { UserBill } from '../../../../types/yourbonds'\nimport { getBalanceNumber } from '../../../../utils/getBalanceNumber'\n\nconst ProfitCard = ({ userBond }: { userBond?: UserBill }) => {\n const totalPayout = getBalanceNumber(\n userBond?.totalPayout ?? '0',\n userBond?.bond?.earnToken?.decimals[userBond.bond?.chainId] ?? 18,\n )\n const payoutTokenPrice = userBond?.bond?.payoutTokenPrice ?? '0'\n const totalPayoutUSD = totalPayout * parseFloat(payoutTokenPrice)\n const depositAmountUSD = userBond?.nftData?.data?.dollarValue ?? 0\n const profit = !depositAmountUSD ? 0 : totalPayoutUSD - depositAmountUSD\n\n return (\n <Flex className=\"ape:hidden ape:xxl:flex\">\n {profit > 0.01 && (\n <Flex\n className=\"ape:border ape:p-[2px_6px] ape:rounded-[5px] ape:bg-[#38A6110D] ape:font-bold ape:text-[14px] ape:w-full ape:justify-center\"\n style={{ borderColor: 'rgb(56, 166, 17, 0.20)', color: 'var(--ape-color-success)' }}\n >\n +${formatNumberSI(profit, profit > 100 ? 0 : 2)} Profit!\n </Flex>\n )}\n </Flex>\n )\n}\n\nexport default ProfitCard\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;AAMA,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAA2B,KAAI;IAC3D,MAAM,WAAW,GAAG,gBAAgB,CAClC,QAAQ,EAAE,WAAW,IAAI,GAAG,EAC5B,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,CAAC,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,CAClE;IACD,MAAM,gBAAgB,GAAG,QAAQ,EAAE,IAAI,EAAE,gBAAgB,IAAI,GAAG;IAChE,MAAM,cAAc,GAAG,WAAW,GAAG,UAAU,CAAC,gBAAgB,CAAC;IACjE,MAAM,gBAAgB,GAAG,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,WAAW,IAAI,CAAC;AAClE,IAAA,MAAM,MAAM,GAAG,CAAC,gBAAgB,GAAG,CAAC,GAAG,cAAc,GAAG,gBAAgB;IAExE,QACEA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,yBAAyB,EAAA,QAAA,EACtC,MAAM,GAAG,IAAI,KACZC,IAAA,CAAC,IAAI,EAAA,EACH,SAAS,EAAC,6HAA6H,EACvI,KAAK,EAAE,EAAE,WAAW,EAAE,wBAAwB,EAAE,KAAK,EAAE,0BAA0B,EAAE,EAAA,QAAA,EAAA,CAAA,IAAA,EAEhF,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC,EAAA,UAAA,CAAA,EAAA,CAC1C,CACR,EAAA,CACI;AAEX;;;;"}

package/dist/views/YourBonds/components/YourBondsMenu/YourBondsMenu.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-import React from 'react';
 import { SortableKeys } from '../../YourBonds';
 declare const YourBondsMenu: ({ chainFilterOption, setChainFilterOption, filterOptions, filterOption, setFilterOption, setInputValue, inputValue, handleSort, }: {
     chainFilterOption: string[];
@@ -9,5 +8,5 @@ declare const YourBondsMenu: ({ chainFilterOption, setChainFilterOption, filterO
     setInputValue: (newValue: string) => void;
     inputValue: string;
     handleSort: (key: SortableKeys) => void;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default YourBondsMenu;

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

@@ -1,5 +1,5 @@
-import { jsxs, jsx } from 'theme-ui/jsx-runtime';
-import { Flex } from 'theme-ui';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import Flex from '../../../../components/uikit-sdk/Flex/index.js';
 import BondFilters from '../../../../components/BondFilters/BondFilters.js';
 import Input from '../../../../components/uikit-sdk/Input/Input.js';
 import ClaimAll from '../ClaimAll/index.js';
@@ -8,7 +8,7 @@ import Sort from '../../../../components/uikit-sdk/Svg/Icons/Sort.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", sx: { minWidth: ['unset', 'unset', 'unset', 'unset', '300px !important'] }, 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: [jsx(Flex, { sx: { display: ['none', 'none', 'none', 'flex'], width: '125px' } }), jsxs("div", { className: "your-bonds-table-headers", onClick: () => handleSort('claimable'), children: ["CLAIMABLE", jsx(Flex, { sx: { ml: '5px' }, children: jsx(Sort, { width: "12px", color: "textDisabledButton" }) })] }), jsxs("div", { className: "your-bonds-table-headers", onClick: () => handleSort('pending'), children: ["PENDING", jsx(Flex, { sx: { ml: '5px' }, children: jsx(Sort, { width: "12px", color: "textDisabledButton" }) })] }), jsxs("div", { className: "your-bonds-table-headers", onClick: () => handleSort('terms'), children: ["VESTING PROGRESS", jsx(Flex, { sx: { ml: '5px' }, children: jsx(Sort, { width: "12px", color: "textDisabledButton" }) })] }), jsx(Flex, { className: "claim-all-button-container", children: SDKConfig.referenceId === 'apebond' && jsx(ClaimAll, {}) })] })] })] }));
+    return (jsxs("div", { className: "bonds-menu ape:flex ape:justify-around ape:items-center ape:flex-col ape:w-full ape:text-[11px]", children: [jsx(BondFilters, { chainFilterOption: chainFilterOption ?? ['All Chains'], setChainFilterOption: setChainFilterOption, filterOptions: filterOptions, filterOption: filterOption, setFilterOption: setFilterOption, onHandleQueryChange: () => setInputValue('') }), jsxs("div", { className: "table-header-container ape:flex ape:w-full ape:justify-between ape:overflow-hidden ape:py-[10px] ape:min-[1000px]:p-[20px_0_10px_0]", children: [jsx("div", { className: "search-container ape:flex ape:flex-row ape:w-[49%] ape:lg:w-[30%] ape:min-w-[unset] ape:lg:min-w-75!", children: jsx(Flex, { className: "ape:w-full ape:max-w-85", children: jsx(Input, { className: "search-input ape:font-medium ape:bg-white2 ape:h-7.5 ape:text-[14px] ape:w-[calc(50vw-25px)] ape:text-white", value: inputValue, onChange: (event) => setInputValue(event.target.value), variant: "search", width: '100%', placeholder: 'Search...' }) }) }), jsxs("div", { className: "headers-container ape:flex ape:w-[49%] ape:justify-end ape:items-center ape:min-[1000px]:justify-between ape:min-[1000px]:w-[70%] ape:pr-0 ape:md:pr-[20px]", children: [jsx(Flex, { className: "ape:hidden ape:md:flex ape:w-[125px]" }), jsxs("div", { className: "your-bonds-table-headers ape:hidden ape:w-[130px] ape:items-center ape:justify-center ape:cursor-pointer ape:opacity-60 ape:leading-[12px] ape:min-[1000px]:flex", onClick: () => handleSort('claimable'), children: ["CLAIMABLE", jsx(Flex, { className: "ape:ml-[5px]", children: jsx(Sort, { width: "12px", color: "textDisabledButton" }) })] }), jsxs("div", { className: "your-bonds-table-headers ape:hidden ape:w-[130px] ape:items-center ape:justify-center ape:cursor-pointer ape:opacity-60 ape:leading-[12px] ape:min-[1000px]:flex", onClick: () => handleSort('pending'), children: ["PENDING", jsx(Flex, { className: "ape:ml-[5px]", children: jsx(Sort, { width: "12px", color: "textDisabledButton" }) })] }), jsxs("div", { className: "your-bonds-table-headers ape:hidden ape:w-[130px] ape:items-center ape:justify-center ape:cursor-pointer ape:opacity-60 ape:leading-[12px] ape:min-[1000px]:flex", onClick: () => handleSort('terms'), children: ["VESTING PROGRESS", jsx(Flex, { className: "ape:ml-[5px]", children: jsx(Sort, { width: "12px", color: "textDisabledButton" }) })] }), jsx(Flex, { className: "claim-all-button-container ape:flex ape:w-[210px] ape:items-end ape:justify-center ape:cursor-pointer", children: SDKConfig.referenceId === 'apebond' && jsx(ClaimAll, {}) })] })] })] }));
 };
 export { YourBondsMenu as default };

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

	@@ -1 +1 @@
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/Input'\nimport { SortableKeys } from '../../YourBonds'\nimport ClaimAll from '../ClaimAll'\nimport { useSDKConfig } from '../../../../state/useSDKConfig'\nimport Sort from '../../../../components/uikit-sdk/Svg/Icons/Sort'\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\" ~~sx={{~~ ~~minWidth~~: [~~'unset',~~ ~~'unset',~~ 'unset~~', 'unset', '300px !important'~~] }}>\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 <Flex ~~sx={{~~ ~~display~~: ~~['none', 'none', 'none', '~~flex~~'],~~ ~~width~~: '125px' }} />\n <div className=\"your-bonds-table-headers\" onClick={() => handleSort('claimable')}>\n CLAIMABLE\n <Flex ~~sx={{~~ ml~~: '~~5px~~' }}~~>\n <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 <Sort width=\"12px\" color=\"textDisabledButton\" />\n </Flex>\n </div>\n <div className=\"your-bonds-table-headers\" onClick={() => handleSort('terms')}>\n VESTING PROGRESS\n <Flex ~~sx={{~~ ml~~: '~~5px~~' }}~~>\n <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":";;;;;;;;AASA,MAAM,aAAa,GAAG,CAAC,EACrB,iBAAiB,EACjB,oBAAoB,EACpB,aAAa,EACb,YAAY,EACZ,eAAe,EACf,aAAa,EACb,UAAU,EACV,UAAU,GAUX,KAAI;AACH,IAAA,MAAM,SAAS,GAAG,YAAY,EAAE;~~AAEhC~~,~~IAAA,~~QACEA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,~~YAAY~~,~~aACzBC~~,GAAA,CAAC,WAAW,EAAA,EACV,iBAAiB,EAAE,iBAAiB,IAAI,CAAC,YAAY,CAAC,EACtD,oBAAoB,EAAE,oBAAoB,EAC1C,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,YAAY,EAC1B,eAAe,EAAE,eAAe,EAChC,mBAAmB,EAAE,MAAM,aAAa,CAAC,EAAE,CAAC,~~GAC5C~~,EACFD,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,~~wBAAwB~~,EAAA,QAAA,EAAA,~~CACrCC~~,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,~~kBAAkB~~,~~EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,kBAAkB,CAAC,EAAE,~~EAAA,QAAA,~~EAC1GA~~,GAAA,CAAC,IAAI,~~IAAC~~,~~EAAE~~,~~EAAE~~,~~EAAE~~,~~KAAK~~,~~EAAE~~,~~MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAA,QAAA,EAC5CA,~~GAAA,CAAC,KAAK,EAAA,EACJ,SAAS,EAAC,~~cAAc~~,~~EACxB~~,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,CAAC,KAA0C,KAAK,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAC3F,OAAO,EAAC,QAAQ,EAChB,~~EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,~~KAAK,EAAE,~~OAAO,EAAE,EAC/F,KAAK,EAAE,~~MAAM,EACb,WAAW,EAAE,WAAW,~~GACxB~~,EAAA,CACG,EAAA,CACH,EACND,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,~~mBAAmB~~,~~EAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,CAAC,EAAE,~~EAAA,QAAA,EAAA,~~CACpEC~~,GAAA,CAAC,IAAI,~~IAAC~~,~~EAAE~~,~~EAAE~~,~~EAAE~~,~~OAAO~~,~~EAAE~~,~~CAAC~~,~~MAAM~~,~~EAAE~~,~~MAAM~~,~~EAAE~~,~~MAAM,EAAE,MAAM,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,~~EAAA,~~CAAI~~,~~EAC3ED,cAAK,~~SAAS,EAAC,~~0BAA0B~~,~~EAAC~~,OAAO,EAAE,MAAM,UAAU,CAAC,WAAW,CAAC,EAAA,QAAA,EAAA,CAAA,WAAA,~~EAE9EC~~,GAAA,CAAC,IAAI,EAAA,EAAC,~~EAAE~~,~~EAAE~~,~~EAAE~~,~~EAAE,EAAE,KAAK,EAAE,~~EAAA,QAAA,~~EACrBA~~,~~IAAC~~,IAAI,EAAA,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,oBAAoB,EAAA,CAAG,~~GAC3C~~,CAAA,EAAA,CACH,EACND,~~cAAK~~,SAAS,EAAC,~~0BAA0B~~,~~EAAC~~,OAAO,EAAE,MAAM,UAAU,CAAC,SAAS,CAAC,~~wBAE5EC~~,GAAA,CAAC,IAAI,EAAA,EAAC,~~EAAE~~,~~EAAE~~,~~EAAE~~,~~EAAE,EAAE,KAAK,EAAE,~~EAAA,QAAA,~~EACrBA~~,GAAA,CAAC,IAAI,EAAA,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,oBAAoB,~~EAAA~~,~~CAAG,~~EAAA,CAC3C,CAAA,EAAA,CACH,EACND,~~cAAK~~,SAAS,EAAC,~~0BAA0B~~,~~EAAC~~,OAAO,EAAE,MAAM,UAAU,CAAC,OAAO,CAAC,~~iCAE1EC~~,GAAA,CAAC,IAAI,~~IAAC~~,~~EAAE~~,~~EAAE~~,~~EAAE~~,~~EAAE~~,~~EAAE,KAAK,EAAE,~~EAAA,QAAA,~~EACrBA~~,GAAA,CAAC,IAAI,EAAA,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,oBAAoB,EAAA,CAAG,EAAA,CAC3C,~~IACH~~,EACNA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,~~4BAA4B~~,~~YAAE~~,SAAS,CAAC,WAAW,KAAK,SAAS,IAAIA,GAAA,CAAC,QAAQ,EAAA,EAAA,CAAG,EAAA,~~CAAQ~~,~~IACrG~~,CAAA,EAAA,CACF,CAAA,EAAA,CACF;AAEV;;;;"}
1	+ {"version":3,"file":"YourBondsMenu.js","sources":["../../../../../src/views/YourBonds/components/YourBondsMenu/YourBondsMenu.tsx"],"sourcesContent":["import React from 'react'\nimport Flex from '../../../../components/uikit-sdk/Flex'\nimport BondFilters from '../../../../components/BondFilters/BondFilters'\nimport Input from '../../../../components/uikit-sdk/Input/Input'\nimport { SortableKeys } from '../../YourBonds'\nimport ClaimAll from '../ClaimAll'\nimport { useSDKConfig } from '../../../../state/useSDKConfig'\nimport Sort from '../../../../components/uikit-sdk/Svg/Icons/Sort'\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 ape:flex ape:justify-around ape:items-center ape:flex-col ape:w-full ape:text-[11px]\">\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 ape:flex ape:w-full ape:justify-between ape:overflow-hidden ape:py-[10px] ape:min-[1000px]:p-[20px_0_10px_0]\">\n <div className=\"search-container ape:flex ape:flex-row ape:w-[49%] ape:lg:w-[30%] ape:min-w-[unset] ape:lg:min-w-75!\">\n <Flex className=\"ape:w-full ape:max-w-85\">\n <Input\n className=\"search-input ape:font-medium ape:bg-white2 ape:h-7.5 ape:text-[14px] ape:w-[calc(50vw-25px)] ape:text-white\"\n value={inputValue}\n onChange={(event: React.ChangeEvent<HTMLInputElement>) => setInputValue(event.target.value)}\n variant=\"search\"\n width={'100%'}\n placeholder={'Search...'}\n />\n </Flex>\n </div>\n <div className=\"headers-container ape:flex ape:w-[49%] ape:justify-end ape:items-center ape:min-[1000px]:justify-between ape:min-[1000px]:w-[70%] ape:pr-0 ape:md:pr-[20px]\">\n <Flex className=\"ape:hidden ape:md:flex ape:w-[125px]\" />\n <div\n className=\"your-bonds-table-headers ape:hidden ape:w-[130px] ape:items-center ape:justify-center ape:cursor-pointer ape:opacity-60 ape:leading-[12px] ape:min-[1000px]:flex\"\n onClick={() => handleSort('claimable')}\n >\n CLAIMABLE\n <Flex className=\"ape:ml-[5px]\">\n <Sort width=\"12px\" color=\"textDisabledButton\" />\n </Flex>\n </div>\n <div\n className=\"your-bonds-table-headers ape:hidden ape:w-[130px] ape:items-center ape:justify-center ape:cursor-pointer ape:opacity-60 ape:leading-[12px] ape:min-[1000px]:flex\"\n onClick={() => handleSort('pending')}\n >\n PENDING\n <Flex className=\"ape:ml-[5px]\">\n <Sort width=\"12px\" color=\"textDisabledButton\" />\n </Flex>\n </div>\n <div\n className=\"your-bonds-table-headers ape:hidden ape:w-[130px] ape:items-center ape:justify-center ape:cursor-pointer ape:opacity-60 ape:leading-[12px] ape:min-[1000px]:flex\"\n onClick={() => handleSort('terms')}\n >\n VESTING PROGRESS\n <Flex className=\"ape:ml-[5px]\">\n <Sort width=\"12px\" color=\"textDisabledButton\" />\n </Flex>\n </div>\n <Flex className=\"claim-all-button-container ape:flex ape:w-[210px] ape:items-end ape:justify-center ape:cursor-pointer\">\n {SDKConfig.referenceId === 'apebond' && <ClaimAll />}\n </Flex>\n </div>\n </div>\n </div>\n )\n}\n\nexport default YourBondsMenu\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;AASA,MAAM,aAAa,GAAG,CAAC,EACrB,iBAAiB,EACjB,oBAAoB,EACpB,aAAa,EACb,YAAY,EACZ,eAAe,EACf,aAAa,EACb,UAAU,EACV,UAAU,GAUX,KAAI;AACH,IAAA,MAAM,SAAS,GAAG,YAAY,EAAE;IAEhC,QACEA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,iGAAiG,EAAA,QAAA,EAAA,CAC9GC,GAAA,CAAC,WAAW,EAAA,EACV,iBAAiB,EAAE,iBAAiB,IAAI,CAAC,YAAY,CAAC,EACtD,oBAAoB,EAAE,oBAAoB,EAC1C,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,YAAY,EAC1B,eAAe,EAAE,eAAe,EAChC,mBAAmB,EAAE,MAAM,aAAa,CAAC,EAAE,CAAC,EAAA,CAC5C,EACFD,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,qIAAqI,EAAA,QAAA,EAAA,CAClJC,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,sGAAsG,EAAA,QAAA,EACnHA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,yBAAyB,YACvCA,GAAA,CAAC,KAAK,EAAA,EACJ,SAAS,EAAC,6GAA6G,EACvH,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,CAAC,KAA0C,KAAK,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAC3F,OAAO,EAAC,QAAQ,EAChB,KAAK,EAAE,MAAM,EACb,WAAW,EAAE,WAAW,EAAA,CACxB,EAAA,CACG,EAAA,CACH,EACND,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,6JAA6J,EAAA,QAAA,EAAA,CAC1KC,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,sCAAsC,EAAA,CAAG,EACzDD,IAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAC,kKAAkK,EAC5K,OAAO,EAAE,MAAM,UAAU,CAAC,WAAW,CAAC,EAAA,QAAA,EAAA,CAAA,WAAA,EAGtCC,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,cAAc,EAAA,QAAA,EAC5BA,GAAA,CAAC,IAAI,EAAA,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,oBAAoB,EAAA,CAAG,EAAA,CAC3C,CAAA,EAAA,CACH,EACND,IAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAC,kKAAkK,EAC5K,OAAO,EAAE,MAAM,UAAU,CAAC,SAAS,CAAC,EAAA,QAAA,EAAA,CAAA,SAAA,EAGpCC,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,cAAc,EAAA,QAAA,EAC5BA,GAAA,CAAC,IAAI,EAAA,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,oBAAoB,GAAG,EAAA,CAC3C,CAAA,EAAA,CACH,EACND,IAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAC,kKAAkK,EAC5K,OAAO,EAAE,MAAM,UAAU,CAAC,OAAO,CAAC,EAAA,QAAA,EAAA,CAAA,kBAAA,EAGlCC,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,cAAc,EAAA,QAAA,EAC5BA,GAAA,CAAC,IAAI,EAAA,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,oBAAoB,EAAA,CAAG,EAAA,CAC3C,CAAA,EAAA,CACH,EACNA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,uGAAuG,EAAA,QAAA,EACpH,SAAS,CAAC,WAAW,KAAK,SAAS,IAAIA,GAAA,CAAC,QAAQ,EAAA,EAAA,CAAG,EAAA,CAC/C,CAAA,EAAA,CACH,CAAA,EAAA,CACF,CAAA,EAAA,CACF;AAEV;;;;"}

package/dist/views/YourBonds/index.js CHANGED Viewed

@@ -1,11 +1,11 @@
-import { jsx } from 'theme-ui/jsx-runtime';
+import { jsx } from 'react/jsx-runtime';
 import Providers from '../../providers/index.js';
 import YourBonds from './YourBonds.js';
 import { useSDKConfig } from '../../state/useSDKConfig.js';
 const YourBondsWithProviders = (props) => {
     useSDKConfig(props);
-    return (jsx(Providers, { theme: props.theme, children: jsx(YourBonds, {}) }));
+    return (jsx(Providers, { children: jsx(YourBonds, {}) }));
 };
 export { YourBondsWithProviders as default };

package/dist/views/YourBonds/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../src/views/YourBonds/index.tsx"],"sourcesContent":["import React from 'react'\nimport Providers from '../../providers'\nimport YourBonds from './YourBonds'\nimport { SDKPropsDTO, useSDKConfig } from '../../state/useSDKConfig'\n\nconst YourBondsWithProviders: React.FC<SDKPropsDTO> = (props) => {\n useSDKConfig(props)\n\n return (\n <Providers ~~theme={props.theme}~~>\n <YourBonds />\n </Providers>\n )\n}\n\nexport default YourBondsWithProviders\n"],"names":["_jsx"],"mappings":";;;;;AAKA,MAAM,sBAAsB,GAA0B,CAAC,KAAK,KAAI;IAC9D,YAAY,CAAC,KAAK,CAAC;~~AAEnB~~,~~IAAA,~~QACEA,~~GAAA~~,~~CAAC,~~SAAS,EAAA,~~EAAC~~,~~KAAK~~,~~EAAE~~,~~KAAK~~,~~CAAC,KAAK,YAC3BA,GAAA,CAAC,~~SAAS,EAAA,EAAA,CAAG,EAAA,CACH;AAEhB;;;;"}
1	+ {"version":3,"file":"index.js","sources":["../../../src/views/YourBonds/index.tsx"],"sourcesContent":["import React from 'react'\nimport Providers from '../../providers'\nimport YourBonds from './YourBonds'\nimport { SDKPropsDTO, useSDKConfig } from '../../state/useSDKConfig'\n\nconst YourBondsWithProviders: React.FC<SDKPropsDTO> = (props) => {\n useSDKConfig(props)\n\n return (\n <Providers>\n <YourBonds />\n </Providers>\n )\n}\n\nexport default YourBondsWithProviders\n"],"names":["_jsx"],"mappings":";;;;;AAKA,MAAM,sBAAsB,GAA0B,CAAC,KAAK,KAAI;IAC9D,YAAY,CAAC,KAAK,CAAC;IAEnB,QACEA,IAAC,SAAS,EAAA,EAAA,QAAA,EACRA,IAAC,SAAS,EAAA,EAAA,CAAG,EAAA,CACH;AAEhB;;;;"}

package/dist/views/YourBondsModal/YourBondsModal.d.ts CHANGED Viewed

@@ -1,8 +1,7 @@
-import React from 'react';
 import { UserBill } from '../../types/yourbonds';
 declare const YourBondsModal: ({ userBill, lostProfit, onDismiss, }: {
     userBill?: UserBill;
     lostProfit?: string;
     onDismiss?: () => void;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default YourBondsModal;