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

package/dist/views/ProjectView/index.js

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

package/dist/views/ProjectView/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/views/ProjectView/index.tsx"],"sourcesContent":["import React from 'react'\nimport Providers from '../../providers'\nimport { SDKPropsDTO, useSDKConfig } from '../../state/useSDKConfig'\nimport ProjectView, { ProjectViewProps } from './ProjectView'\n\ninterface Props extends SDKPropsDTO, ProjectViewProps {}\n\nconst ProjectViewWithProviders: React.FC<Props> = (props) => {\n  useSDKConfig(props)\n\n  return (\n    <Providers theme={props.theme}>\n      <ProjectView {...props} />\n    </Providers>\n  )\n}\n\nexport default ProjectViewWithProviders\n"],"names":["_jsx"],"mappings":";;;;;AAOA,MAAM,wBAAwB,GAAoB,CAAC,KAAK,KAAI;IAC1D,YAAY,CAAC,KAAK,CAAC;AAEnB,IAAA,QACEA,GAAA,CAAC,SAAS,EAAA,EAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAA,QAAA,EAC3BA,IAAC,WAAW,EAAA,EAAA,GAAK,KAAK,EAAA,CAAI,EAAA,CAChB;AAEhB;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/views/ProjectView/index.tsx"],"sourcesContent":["import React from 'react'\nimport Providers from '../../providers'\nimport { SDKPropsDTO, useSDKConfig } from '../../state/useSDKConfig'\nimport ProjectView, { ProjectViewProps } from './ProjectView'\n\ninterface Props extends SDKPropsDTO, ProjectViewProps {}\n\nconst ProjectViewWithProviders: React.FC<Props> = (props) => {\n  useSDKConfig(props)\n  return (\n    <Providers>\n      <ProjectView {...props} />\n    </Providers>\n  )\n}\n\nexport default ProjectViewWithProviders\n"],"names":["_jsx"],"mappings":";;;;;AAOA,MAAM,wBAAwB,GAAoB,CAAC,KAAK,KAAI;IAC1D,YAAY,CAAC,KAAK,CAAC;IACnB,QACEA,GAAA,CAAC,SAAS,EAAA,EAAA,QAAA,EACRA,GAAA,CAAC,WAAW,EAAA,EAAA,GAAK,KAAK,EAAA,CAAI,EAAA,CAChB;AAEhB;;;;"}

package/dist/views/SingleBond/SingleBond.js

@@ -1,13 +1,14 @@
-import { jsx, jsxs } from 'theme-ui/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { useState, useMemo } from 'react';
+import clsx from 'clsx';
 import Flex from '../../components/uikit-sdk/Flex/index.js';
 import useBondsData from '../../state/bonds/useBondsData.js';
 import useBondsList from '../../state/bonds/useBondsList.js';
-import BuyBond from '../BuyBond/BuyComponent.js';
+import ChainBuyComponent from '../BuyBond/ChainBuyComponent.js';
 import TabNav from '../../components/uikit-sdk/TabNav/index.js';
 import YourBonds from '../YourBonds/YourBonds.js';
 import SoldOutBuyBondPlaceholder from './SoldOutBuyBondPlaceholder.js';
-import { Spinner } from 'theme-ui';
+import Spinner from '../../components/uikit-sdk/Spinner/index.js';
 
 const SingleBond = ({ tokenSymbol }) => {
     // Data Hooks
@@ -29,14 +30,7 @@ const SingleBond = ({ tokenSymbol }) => {
     }, [allBonds, tokenSymbol]);
     const bondAddress = activeBond?.contractAddress?.[activeBond?.chainId];
     const bondChain = activeBond?.chainId;
-    return (jsx(Flex, { sx: { flexDirection: 'column' }, children: jsxs(Flex, { sx: {
-                flexDirection: 'column',
-            }, children: [jsx(Flex, { sx: { width: '100%', justifyContent: 'center', mb: '15px' }, children: jsx(TabNav, { activeTab: activeTab, tabOptions: ['Buy Bond', 'Your Bonds'], onChangeActiveTab: (newValue) => setActiveTab(newValue) }) }), activeTab === 'Buy Bond' ? (jsx(Flex, { sx: {
-                        background: activeTab === 'Buy Bond' && 'white2',
-                        borderRadius: 'normal',
-                        p: '0 20px 20px 20px',
-                        mx: '10px',
-                    }, children: activeBond ? (jsx(BuyBond, { bondAddress: bondAddress, bondChain: bondChain })) : soldOutBond && isFetched ? (jsx(SoldOutBuyBondPlaceholder, { bond: soldOutBond })) : isFetched ? (jsx(Flex, { sx: { justifyContent: 'center', width: '100%', pt: '20px' }, children: "No bond" })) : (jsx(Flex, { className: "placeholder-monkey-wrapper", children: jsx(Spinner, { size: 100 }) })) })) : (jsx(YourBonds, { showOnly: tokenSymbol?.[0] }))] }) }));
+    return (jsx(Flex, { className: "ape:flex-col", children: jsxs(Flex, { className: "ape:flex-col", children: [jsx(Flex, { className: "ape:w-full ape:justify-center ape:mb-[15px]", children: jsx(TabNav, { activeTab: activeTab, tabOptions: ['Buy Bond', 'Your Bonds'], onChangeActiveTab: (newValue) => setActiveTab(newValue) }) }), activeTab === 'Buy Bond' ? (jsx(Flex, { className: clsx('ape:rounded-normal ape:p-[0_20px_20px_20px] ape:mx-[10px]', activeTab === 'Buy Bond' && 'ape:bg-white2'), children: activeBond ? (jsx(ChainBuyComponent, { bondAddress: bondAddress, bondChain: bondChain })) : soldOutBond && isFetched ? (jsx(SoldOutBuyBondPlaceholder, { bond: soldOutBond })) : isFetched ? (jsx(Flex, { className: "ape:justify-center ape:w-full ape:pt-[20px]", children: "No bond" })) : (jsx(Flex, { className: "placeholder-monkey-wrapper ape:w-full ape:flex-col ape:pt-[100px] ape:pb-[100px] ape:bg-white2 ape:items-center ape:rounded-[10px] ape:mt-[15px] ape:justify-center ape:h-[400px]", children: jsx(Spinner, { size: 100 }) })) })) : (jsx(YourBonds, { showOnly: tokenSymbol?.[0] }))] }) }));
 };
 
 export { SingleBond as default };

package/dist/views/SingleBond/SingleBond.js.map

@@ -1 +1 @@
-{"version":3,"file":"SingleBond.js","sources":["../../../src/views/SingleBond/SingleBond.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react'\nimport Flex from '../../components/uikit-sdk/Flex'\nimport useBondsData from '../../state/bonds/useBondsData'\nimport useBondsList from '../../state/bonds/useBondsList'\nimport BuyBond from '../BuyBond/BuyComponent'\nimport TabNav from '../../components/uikit-sdk/TabNav'\nimport YourBonds from '../YourBonds/YourBonds'\nimport SoldOutBuyBondPlaceholder from './SoldOutBuyBondPlaceholder'\nimport { Spinner } from 'theme-ui'\n\nexport interface SingleBondProps {\n  tokenSymbol?: string[]\n}\n\nconst SingleBond: React.FC<SingleBondProps> = ({ tokenSymbol }) => {\n  // Data Hooks\n  const { data: bonds, isFetched } = useBondsData()\n  const { data: allBonds } = useBondsList()\n\n  // State\n  const [activeTab, setActiveTab] = useState<string>('Buy Bond')\n\n  // Data\n  const activeBond = bonds?.find((bond) =>\n    tokenSymbol?.some((symbol) => bond.earnToken.symbol?.toLowerCase() === symbol.toLowerCase()),\n  )\n  const soldOutBond = useMemo(() => {\n    if (!allBonds) return undefined\n\n    for (const bondsForChain of Object.values(allBonds)) {\n      const bond = bondsForChain.find((item) =>\n        tokenSymbol?.some((symbol) => item.earnToken.symbol?.toLowerCase() === symbol.toLowerCase()),\n      )\n\n      if (bond) return bond\n    }\n\n    return undefined\n  }, [allBonds, tokenSymbol])\n\n  const bondAddress = activeBond?.contractAddress?.[activeBond?.chainId]\n  const bondChain = activeBond?.chainId\n\n  return (\n    <Flex sx={{ flexDirection: 'column' }}>\n      <Flex\n        sx={{\n          flexDirection: 'column',\n        }}\n      >\n        <Flex sx={{ width: '100%', justifyContent: 'center', mb: '15px' }}>\n          <TabNav\n            activeTab={activeTab}\n            tabOptions={['Buy Bond', 'Your Bonds']}\n            onChangeActiveTab={(newValue: string) => setActiveTab(newValue)}\n          />\n        </Flex>\n        {activeTab === 'Buy Bond' ? (\n          <Flex\n            sx={{\n              background: activeTab === 'Buy Bond' && 'white2',\n              borderRadius: 'normal',\n              p: '0 20px 20px 20px',\n              mx: '10px',\n            }}\n          >\n            {activeBond ? (\n              <BuyBond bondAddress={bondAddress} bondChain={bondChain} />\n            ) : soldOutBond && isFetched ? (\n              <SoldOutBuyBondPlaceholder bond={soldOutBond} />\n            ) : isFetched ? (\n              <Flex sx={{ justifyContent: 'center', width: '100%', pt: '20px' }}>No bond</Flex>\n            ) : (\n              <Flex className=\"placeholder-monkey-wrapper\">\n                <Spinner size={100} />\n              </Flex>\n            )}\n          </Flex>\n        ) : (\n          <YourBonds showOnly={tokenSymbol?.[0]} />\n        )}\n      </Flex>\n    </Flex>\n  )\n}\n\nexport default SingleBond\n"],"names":["_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"SingleBond.js","sources":["../../../src/views/SingleBond/SingleBond.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react'\nimport clsx from 'clsx'\nimport Flex from '../../components/uikit-sdk/Flex'\nimport useBondsData from '../../state/bonds/useBondsData'\nimport useBondsList from '../../state/bonds/useBondsList'\nimport ChainBuyComponent from '../BuyBond/ChainBuyComponent'\nimport TabNav from '../../components/uikit-sdk/TabNav'\nimport YourBonds from '../YourBonds/YourBonds'\nimport SoldOutBuyBondPlaceholder from './SoldOutBuyBondPlaceholder'\nimport Spinner from '../../components/uikit-sdk/Spinner'\n\nexport interface SingleBondProps {\n  tokenSymbol?: string[]\n}\n\nconst SingleBond: React.FC<SingleBondProps> = ({ tokenSymbol }) => {\n  // Data Hooks\n  const { data: bonds, isFetched } = useBondsData()\n  const { data: allBonds } = useBondsList()\n\n  // State\n  const [activeTab, setActiveTab] = useState<string>('Buy Bond')\n\n  // Data\n  const activeBond = bonds?.find((bond) =>\n    tokenSymbol?.some((symbol) => bond.earnToken.symbol?.toLowerCase() === symbol.toLowerCase()),\n  )\n  const soldOutBond = useMemo(() => {\n    if (!allBonds) return undefined\n\n    for (const bondsForChain of Object.values(allBonds)) {\n      const bond = bondsForChain.find((item) =>\n        tokenSymbol?.some((symbol) => item.earnToken.symbol?.toLowerCase() === symbol.toLowerCase()),\n      )\n\n      if (bond) return bond\n    }\n\n    return undefined\n  }, [allBonds, tokenSymbol])\n\n  const bondAddress = activeBond?.contractAddress?.[activeBond?.chainId]\n  const bondChain = activeBond?.chainId\n\n  return (\n    <Flex className=\"ape:flex-col\">\n      <Flex className=\"ape:flex-col\">\n        <Flex className=\"ape:w-full ape:justify-center ape:mb-[15px]\">\n          <TabNav\n            activeTab={activeTab}\n            tabOptions={['Buy Bond', 'Your Bonds']}\n            onChangeActiveTab={(newValue: string) => setActiveTab(newValue)}\n          />\n        </Flex>\n        {activeTab === 'Buy Bond' ? (\n          <Flex\n            className={clsx(\n              'ape:rounded-normal ape:p-[0_20px_20px_20px] ape:mx-[10px]',\n              activeTab === 'Buy Bond' && 'ape:bg-white2',\n            )}\n          >\n            {activeBond ? (\n              <ChainBuyComponent bondAddress={bondAddress} bondChain={bondChain} />\n            ) : soldOutBond && isFetched ? (\n              <SoldOutBuyBondPlaceholder bond={soldOutBond} />\n            ) : isFetched ? (\n              <Flex className=\"ape:justify-center ape:w-full ape:pt-[20px]\">No bond</Flex>\n            ) : (\n              <Flex className=\"placeholder-monkey-wrapper ape:w-full ape:flex-col ape:pt-[100px] ape:pb-[100px] ape:bg-white2 ape:items-center ape:rounded-[10px] ape:mt-[15px] ape:justify-center ape:h-[400px]\">\n                <Spinner size={100} />\n              </Flex>\n            )}\n          </Flex>\n        ) : (\n          <YourBonds showOnly={tokenSymbol?.[0]} />\n        )}\n      </Flex>\n    </Flex>\n  )\n}\n\nexport default SingleBond\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;;;AAeA,MAAM,UAAU,GAA8B,CAAC,EAAE,WAAW,EAAE,KAAI;;IAEhE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,YAAY,EAAE;IACjD,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,YAAY,EAAE;;IAGzC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAS,UAAU,CAAC;;AAG9D,IAAA,MAAM,UAAU,GAAG,KAAK,EAAE,IAAI,CAAC,CAAC,IAAI,KAClC,WAAW,EAAE,IAAI,CAAC,CAAC,MAAM,KAAK,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,WAAW,EAAE,KAAK,MAAM,CAAC,WAAW,EAAE,CAAC,CAC7F;AACD,IAAA,MAAM,WAAW,GAAG,OAAO,CAAC,MAAK;AAC/B,QAAA,IAAI,CAAC,QAAQ;AAAE,YAAA,OAAO,SAAS;QAE/B,KAAK,MAAM,aAAa,IAAI,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE;AACnD,YAAA,MAAM,IAAI,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC,IAAI,KACnC,WAAW,EAAE,IAAI,CAAC,CAAC,MAAM,KAAK,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,WAAW,EAAE,KAAK,MAAM,CAAC,WAAW,EAAE,CAAC,CAC7F;AAED,YAAA,IAAI,IAAI;AAAE,gBAAA,OAAO,IAAI;QACvB;AAEA,QAAA,OAAO,SAAS;AAClB,IAAA,CAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;IAE3B,MAAM,WAAW,GAAG,UAAU,EAAE,eAAe,GAAG,UAAU,EAAE,OAAO,CAAC;AACtE,IAAA,MAAM,SAAS,GAAG,UAAU,EAAE,OAAO;AAErC,IAAA,QACEA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,cAAc,EAAA,QAAA,EAC5BC,IAAA,CAAC,IAAI,IAAC,SAAS,EAAC,cAAc,EAAA,QAAA,EAAA,CAC5BD,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,6CAA6C,YAC3DA,GAAA,CAAC,MAAM,EAAA,EACL,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,CAAC,UAAU,EAAE,YAAY,CAAC,EACtC,iBAAiB,EAAE,CAAC,QAAgB,KAAK,YAAY,CAAC,QAAQ,CAAC,EAAA,CAC/D,EAAA,CACG,EACN,SAAS,KAAK,UAAU,IACvBA,IAAC,IAAI,EAAA,EACH,SAAS,EAAE,IAAI,CACb,2DAA2D,EAC3D,SAAS,KAAK,UAAU,IAAI,eAAe,CAC5C,EAAA,QAAA,EAEA,UAAU,IACTA,GAAA,CAAC,iBAAiB,EAAA,EAAC,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,EAAA,CAAI,IACnE,WAAW,IAAI,SAAS,IAC1BA,IAAC,yBAAyB,EAAA,EAAC,IAAI,EAAE,WAAW,EAAA,CAAI,IAC9C,SAAS,IACXA,GAAA,CAAC,IAAI,IAAC,SAAS,EAAC,6CAA6C,EAAA,QAAA,EAAA,SAAA,EAAA,CAAe,KAE5EA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,mLAAmL,EAAA,QAAA,EACjMA,GAAA,CAAC,OAAO,EAAA,EAAC,IAAI,EAAE,GAAG,EAAA,CAAI,GACjB,CACR,EAAA,CACI,KAEPA,IAAC,SAAS,EAAA,EAAC,QAAQ,EAAE,WAAW,GAAG,CAAC,CAAC,EAAA,CAAI,CAC1C,CAAA,EAAA,CACI,EAAA,CACF;AAEX;;;;"}

package/dist/views/SingleBond/SoldOutBuyBondPlaceholder.js

@@ -1,4 +1,4 @@
-import { jsx, jsxs, Fragment } from 'theme-ui/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useState } from 'react';
 import Button from '../../components/uikit-sdk/Button/Button.js';
 import Flex from '../../components/uikit-sdk/Flex/index.js';
@@ -8,17 +8,18 @@ import useTokenFromZapList from '../../hooks/useTokenFromZapList.js';
 import { useSDKConfig } from '../../state/useSDKConfig.js';
 import { zapSupported } from '../../config/constants/variables.js';
 import { getSymbol } from '../../utils/getNativeTicker.js';
-import useTierPoints, { getUserTier } from '../../state/tiers/useTierPoints.js';
+import useTierPoints from '../../state/tiers/useTierPoints.js';
+import { getUserTier } from '../../state/tiers/tiers.js';
 import BondModalHeader from '../BuyBond/components/BondModalHeader.js';
 import ProjectDescription from '../BuyBond/components/ProjectDescription.js';
 import BondCards from '../BuyBond/components/BondCards/BondCards.js';
 import Estimations from '../BuyBond/components/Estimations.js';
-import useEVMAccount from '../../hooks/accounts/useEVMAccount.js';
+import useChainAccount from '../../state/chainAccount/useChainAccount.js';
 
 const SoldOutBuyBondPlaceholder = ({ bond }) => {
     const SDKConfig = useSDKConfig();
     // Hooks
-    const { address: account } = useEVMAccount();
+    const { address: account } = useChainAccount('evm');
     const { data: tierState } = useTierPoints();
     const { promotionalPoints } = tierState || {};
     const userTier = getUserTier(promotionalPoints ?? '0');
@@ -31,41 +32,18 @@ const SoldOutBuyBondPlaceholder = ({ bond }) => {
     const inputToken = useTokenFromZapList(inputTokenString, bondData?.chainId, bondData?.lpToken);
     const isZap = inputTokenString?.toLowerCase() !== bondData?.lpToken?.address?.[bondData?.chainId]?.toLowerCase();
     const { data: inputCurrencyBalance } = useCurrencyBalance(inputToken ?? null, account ?? null, bondData?.chainId ?? null);
-    return bondData ? (jsx(Flex, { className: "modal-content", children: jsxs(Flex, { className: "modaltable-container", children: [jsxs(Flex, { sx: {
-                        position: 'absolute',
-                        width: 'calc(100% + 40px)',
-                        height: 'calc(100% + 20px)',
-                        top: '0',
-                        left: '-20px',
-                        overflow: 'hidden',
-                        borderRadius: 'normal',
-                    }, children: [jsx(Flex, { sx: {
-                                position: 'absolute',
-                                width: '100%',
-                                height: '100%',
-                                zIndex: 999,
+    return bondData ? (jsx(Flex, { className: "modal-content ape:flex ape:flex-col ape:rounded-[10px] ape:bg-white2 ape:w-full ape:p-[15px] ape:min-[800px]:p-[20px]", children: jsxs(Flex, { className: "modaltable-container ape:w-full ape:flex ape:flex-col ape:relative", children: [jsxs(Flex, { className: "ape:absolute ape:w-[calc(100%+40px)] ape:h-[calc(100%+20px)] ape:top-0 ape:left-[-20px] ape:overflow-hidden ape:rounded-normal", children: [jsx(Flex, { className: "ape:absolute ape:w-full ape:h-full ape:z-[999]", style: {
                                 backgroundColor: 'rgba(255,255,255,0.1)',
                                 backdropFilter: 'blur(1px)',
                                 WebkitBackdropFilter: 'blur(1px)', // Ensure compatibility with Safari
-                            } }), jsx(Flex, { sx: {
-                                position: 'absolute',
-                                top: '50px',
-                                left: '-50px',
-                                backgroundColor: 'error',
-                                color: 'white',
-                                padding: '5px 20px',
-                                fontSize: '14px',
-                                fontWeight: 'bold',
-                                transform: 'rotate(-45deg)',
-                                zIndex: 1000, // Ensure it appears above other elements
+                            } }), jsx(Flex, { className: "ape:absolute ape:top-[50px] ape:left-[-50px] ape:text-white ape:p-[5px_20px] ape:text-[14px] ape:font-bold ape:rotate-[-45deg] ape:z-[1000] ape:w-[220px] ape:justify-center", style: {
+                                backgroundColor: 'var(--ape-color-error)',
                                 boxShadow: '0 2px 4px rgba(0,0,0,0.2)',
-                                width: '220px',
-                                justifyContent: 'center',
                             }, children: "SOLD OUT" })] }), jsx(BondModalHeader, { bondData: bondData, 
                     // onDismiss={onDismiss}
                     showProjectInfoButton: SDKConfig?.referenceId === 'apebond' }), jsx(ProjectDescription, { description: bondData.shortDescription }), jsx(BondCards, { bondData: { ...bondData, bonusWithFee: -1 } }), jsx(Estimations, { depositAmount: '0', inputValue: '0', inputTokenPrice: 0, 
                     /*@ts-ignore*/
-                    bondData: bondData, youSpendString: '0', isZap: isZap, fetchingZapQuote: false, zapError: false }), jsx(TokenSelectorPanel, { typedValue: inputValue, setTypedValue: setInputValue, selectedToken: inputToken, handleValueBtn: () => null, handleCurrencySelect: () => null, bondChainId: bondData?.chainId, enableZap: zapSupported.includes(bondData?.chainId), bondPrincipalToken: bondData?.lpToken, tokenBalance: inputCurrencyBalance ?? undefined, selectedTokenPrice: 0, inputDisabled: true, isConnected: false }), jsxs(Flex, { className: "modaltable-container button-container", children: [account && (minTier === null || (userTier !== null && userTier >= minTier)) && (jsx(Flex, { className: "button-container get", children: jsxs(Button, { className: "action-button", variant: "secondary", fullWidth: true, disabled: true, children: ["Get ", getSymbol(bondData?.lpToken)] }) })), jsx(Flex, { className: "button-container buy", children: jsx(Button, { className: "action-button", fullWidth: true, disabled: true, children: "Buy" }) })] })] }) })) : (jsx(Fragment, {}));
+                    bondData: bondData, youSpendString: '0', isZap: isZap, fetchingZapQuote: false, zapError: false }), jsx(TokenSelectorPanel, { typedValue: inputValue, setTypedValue: setInputValue, selectedToken: inputToken, handleValueBtn: () => null, handleCurrencySelect: () => null, bondChainId: bondData?.chainId, enableZap: zapSupported.includes(bondData?.chainId), bondPrincipalToken: bondData?.lpToken, tokenBalance: inputCurrencyBalance ?? undefined, selectedTokenPrice: 0, inputDisabled: true, isConnected: false }), jsxs(Flex, { className: "modaltable-container button-container ape:w-full ape:flex ape:relative ape:flex-row ape:pt-[10px] ape:justify-between", children: [account && (minTier === null || (userTier !== null && userTier >= minTier)) && (jsx(Flex, { className: "button-container get", children: jsxs(Button, { className: "action-button", variant: "secondary", fullWidth: true, disabled: true, children: ["Get ", getSymbol(bondData?.lpToken)] }) })), jsx(Flex, { className: "button-container buy ape:justify-center ape:items-center ape:cursor-pointer ape:w-full", children: jsx(Button, { className: "action-button", fullWidth: true, disabled: true, children: "Buy" }) })] })] }) })) : (jsx(Fragment, {}));
 };
 
 export { SoldOutBuyBondPlaceholder as default };

package/dist/views/SingleBond/SoldOutBuyBondPlaceholder.js.map

@@ -1 +1 @@
-{"version":3,"file":"SoldOutBuyBondPlaceholder.js","sources":["../../../src/views/SingleBond/SoldOutBuyBondPlaceholder.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport Button from '../../components/uikit-sdk/Button/Button'\nimport Flex from '../../components/uikit-sdk/Flex'\nimport { BillsConfig } from '@ape.swap/apeswap-lists'\nimport TokenSelectorPanel from '../../components/TokenSelectorPanel'\nimport useCurrencyBalance from '../../state/balance/useCurrencyBalance'\nimport useTokenFromZapList from '../../hooks/useTokenFromZapList'\nimport { useSDKConfig } from '../../state/useSDKConfig'\nimport { zapSupported, ZapSupportedChainId } from '../../config/constants/variables'\nimport { getSymbol } from '../../utils/getNativeTicker'\nimport useTierPoints, { getUserTier } from '../../state/tiers/useTierPoints'\nimport BondModalHeader from '../BuyBond/components/BondModalHeader'\nimport { BondsData } from '../../types/bonds'\nimport ProjectDescription from '../BuyBond/components/ProjectDescription'\nimport BondCards from '../BuyBond/components/BondCards/BondCards'\nimport Estimations from '../BuyBond/components/Estimations'\nimport useEVMAccount from '../../hooks/accounts/useEVMAccount'\n\ninterface SoldOutProps {\n  onDismiss?: () => void\n  bond: BillsConfig\n}\n\nconst SoldOutBuyBondPlaceholder: React.FC<SoldOutProps> = ({ bond }) => {\n  const SDKConfig = useSDKConfig()\n  // Hooks\n  const { address: account } = useEVMAccount()\n  const { data: tierState } = useTierPoints()\n  const { promotionalPoints } = tierState || {}\n  const userTier = getUserTier(promotionalPoints ?? '0')\n\n  // State\n  const bondData = bond\n  const minTier = bondData?.minTier !== undefined ? bondData.minTier : null\n  const [inputValue, setInputValue] = useState('')\n  const [inputTokenString] = useState(bondData?.lpToken?.address?.[bondData.chainId])\n\n  // Data\n  const inputToken = useTokenFromZapList(inputTokenString, bondData?.chainId, bondData?.lpToken)\n  const isZap = inputTokenString?.toLowerCase() !== bondData?.lpToken?.address?.[bondData?.chainId]?.toLowerCase()\n\n  const { data: inputCurrencyBalance } = useCurrencyBalance(\n    inputToken ?? null,\n    account ?? null,\n    bondData?.chainId ?? null,\n  )\n\n  return bondData ? (\n    <Flex className=\"modal-content\">\n      <Flex className=\"modaltable-container\">\n        <Flex\n          sx={{\n            position: 'absolute',\n            width: 'calc(100% + 40px)',\n            height: 'calc(100% + 20px)',\n            top: '0',\n            left: '-20px',\n            overflow: 'hidden',\n            borderRadius: 'normal',\n          }}\n        >\n          <Flex\n            sx={{\n              position: 'absolute',\n              width: '100%',\n              height: '100%',\n              zIndex: 999,\n              backgroundColor: 'rgba(255,255,255,0.1)',\n              backdropFilter: 'blur(1px)',\n              WebkitBackdropFilter: 'blur(1px)', // Ensure compatibility with Safari\n            }}\n          ></Flex>\n          <Flex\n            sx={{\n              position: 'absolute',\n              top: '50px',\n              left: '-50px',\n              backgroundColor: 'error',\n              color: 'white',\n              padding: '5px 20px',\n              fontSize: '14px',\n              fontWeight: 'bold',\n              transform: 'rotate(-45deg)',\n              zIndex: 1000, // Ensure it appears above other elements\n              boxShadow: '0 2px 4px rgba(0,0,0,0.2)',\n              width: '220px',\n              justifyContent: 'center',\n            }}\n          >\n            SOLD OUT\n          </Flex>\n        </Flex>\n        <BondModalHeader\n          bondData={bondData as unknown as BondsData}\n          // onDismiss={onDismiss}\n          showProjectInfoButton={SDKConfig?.referenceId === 'apebond'}\n        />\n        <ProjectDescription description={bondData.shortDescription} />\n        {/*@ts-ignore*/}\n        <BondCards bondData={{ ...bondData, bonusWithFee: -1 }} />\n        <Estimations\n          depositAmount={'0'}\n          inputValue={'0'}\n          inputTokenPrice={0}\n          /*@ts-ignore*/\n          bondData={bondData}\n          youSpendString={'0'}\n          isZap={isZap}\n          fetchingZapQuote={false}\n          zapError={false}\n        />\n        <TokenSelectorPanel\n          typedValue={inputValue}\n          setTypedValue={setInputValue}\n          selectedToken={inputToken}\n          handleValueBtn={() => null}\n          handleCurrencySelect={() => null}\n          bondChainId={bondData?.chainId}\n          enableZap={zapSupported.includes(bondData?.chainId as ZapSupportedChainId)}\n          bondPrincipalToken={bondData?.lpToken}\n          tokenBalance={inputCurrencyBalance ?? undefined}\n          selectedTokenPrice={0}\n          inputDisabled={true}\n          isConnected={false}\n        />\n        <Flex className=\"modaltable-container button-container\">\n          {account && (minTier === null || (userTier !== null && userTier >= minTier)) && (\n            <Flex className=\"button-container get\">\n              <Button className=\"action-button\" variant=\"secondary\" fullWidth disabled>\n                Get {getSymbol(bondData?.lpToken)}\n              </Button>\n            </Flex>\n          )}\n          <Flex className=\"button-container buy\">\n            <Button className=\"action-button\" fullWidth disabled>\n              Buy\n            </Button>\n          </Flex>\n        </Flex>\n      </Flex>\n    </Flex>\n  ) : (\n    <></>\n  )\n}\nexport default SoldOutBuyBondPlaceholder\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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"}
+{"version":3,"file":"SoldOutBuyBondPlaceholder.js","sources":["../../../src/views/SingleBond/SoldOutBuyBondPlaceholder.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport Button from '../../components/uikit-sdk/Button/Button'\nimport Flex from '../../components/uikit-sdk/Flex'\nimport { BillsConfig } from '@ape.swap/apeswap-lists'\nimport TokenSelectorPanel from '../../components/TokenSelectorPanel'\nimport useCurrencyBalance from '../../state/balance/useCurrencyBalance'\nimport useTokenFromZapList from '../../hooks/useTokenFromZapList'\nimport { useSDKConfig } from '../../state/useSDKConfig'\nimport { zapSupported, ZapSupportedChainId } from '../../config/constants/variables'\nimport { getSymbol } from '../../utils/getNativeTicker'\nimport useTierPoints from '../../state/tiers/useTierPoints'\nimport { getUserTier } from '../../state/tiers/tiers'\nimport BondModalHeader from '../BuyBond/components/BondModalHeader'\nimport { BondsData } from '../../types/bonds'\nimport ProjectDescription from '../BuyBond/components/ProjectDescription'\nimport BondCards from '../BuyBond/components/BondCards/BondCards'\nimport Estimations from '../BuyBond/components/Estimations'\nimport useChainAccount from '../../state/chainAccount/useChainAccount'\n\ninterface SoldOutProps {\n  onDismiss?: () => void\n  bond: BillsConfig\n}\n\nconst SoldOutBuyBondPlaceholder: React.FC<SoldOutProps> = ({ bond }) => {\n  const SDKConfig = useSDKConfig()\n  // Hooks\n  const { address: account } = useChainAccount('evm')\n  const { data: tierState } = useTierPoints()\n  const { promotionalPoints } = tierState || {}\n  const userTier = getUserTier(promotionalPoints ?? '0')\n\n  // State\n  const bondData = bond\n  const minTier = bondData?.minTier !== undefined ? bondData.minTier : null\n  const [inputValue, setInputValue] = useState('')\n  const [inputTokenString] = useState(bondData?.lpToken?.address?.[bondData.chainId])\n\n  // Data\n  const inputToken = useTokenFromZapList(inputTokenString, bondData?.chainId, bondData?.lpToken)\n  const isZap = inputTokenString?.toLowerCase() !== bondData?.lpToken?.address?.[bondData?.chainId]?.toLowerCase()\n\n  const { data: inputCurrencyBalance } = useCurrencyBalance(\n    inputToken ?? null,\n    account ?? null,\n    bondData?.chainId ?? null,\n  )\n\n  return bondData ? (\n    <Flex className=\"modal-content ape:flex ape:flex-col ape:rounded-[10px] ape:bg-white2 ape:w-full ape:p-[15px] ape:min-[800px]:p-[20px]\">\n      <Flex className=\"modaltable-container ape:w-full ape:flex ape:flex-col ape:relative\">\n        <Flex className=\"ape:absolute ape:w-[calc(100%+40px)] ape:h-[calc(100%+20px)] ape:top-0 ape:left-[-20px] ape:overflow-hidden ape:rounded-normal\">\n          <Flex\n            className=\"ape:absolute ape:w-full ape:h-full ape:z-[999]\"\n            style={{\n              backgroundColor: 'rgba(255,255,255,0.1)',\n              backdropFilter: 'blur(1px)',\n              WebkitBackdropFilter: 'blur(1px)', // Ensure compatibility with Safari\n            }}\n          ></Flex>\n          <Flex\n            className=\"ape:absolute ape:top-[50px] ape:left-[-50px] ape:text-white ape:p-[5px_20px] ape:text-[14px] ape:font-bold ape:rotate-[-45deg] ape:z-[1000] ape:w-[220px] ape:justify-center\"\n            style={{\n              backgroundColor: 'var(--ape-color-error)',\n              boxShadow: '0 2px 4px rgba(0,0,0,0.2)',\n            }}\n          >\n            SOLD OUT\n          </Flex>\n        </Flex>\n        <BondModalHeader\n          bondData={bondData as unknown as BondsData}\n          // onDismiss={onDismiss}\n          showProjectInfoButton={SDKConfig?.referenceId === 'apebond'}\n        />\n        <ProjectDescription description={bondData.shortDescription} />\n        {/*@ts-ignore*/}\n        <BondCards bondData={{ ...bondData, bonusWithFee: -1 }} />\n        <Estimations\n          depositAmount={'0'}\n          inputValue={'0'}\n          inputTokenPrice={0}\n          /*@ts-ignore*/\n          bondData={bondData}\n          youSpendString={'0'}\n          isZap={isZap}\n          fetchingZapQuote={false}\n          zapError={false}\n        />\n        <TokenSelectorPanel\n          typedValue={inputValue}\n          setTypedValue={setInputValue}\n          selectedToken={inputToken}\n          handleValueBtn={() => null}\n          handleCurrencySelect={() => null}\n          bondChainId={bondData?.chainId}\n          enableZap={zapSupported.includes(bondData?.chainId as ZapSupportedChainId)}\n          bondPrincipalToken={bondData?.lpToken}\n          tokenBalance={inputCurrencyBalance ?? undefined}\n          selectedTokenPrice={0}\n          inputDisabled={true}\n          isConnected={false}\n        />\n        <Flex className=\"modaltable-container button-container ape:w-full ape:flex ape:relative ape:flex-row ape:pt-[10px] ape:justify-between\">\n          {account && (minTier === null || (userTier !== null && userTier >= minTier)) && (\n            <Flex className=\"button-container get\">\n              <Button className=\"action-button\" variant=\"secondary\" fullWidth disabled>\n                Get {getSymbol(bondData?.lpToken)}\n              </Button>\n            </Flex>\n          )}\n          <Flex className=\"button-container buy ape:justify-center ape:items-center ape:cursor-pointer ape:w-full\">\n            <Button className=\"action-button\" fullWidth disabled>\n              Buy\n            </Button>\n          </Flex>\n        </Flex>\n      </Flex>\n    </Flex>\n  ) : (\n    <></>\n  )\n}\nexport default SoldOutBuyBondPlaceholder\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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"}

package/dist/views/SingleBond/index.js

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

package/dist/views/SingleBond/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/views/SingleBond/index.tsx"],"sourcesContent":["import React from 'react'\nimport Providers from '../../providers'\nimport { SDKPropsDTO, useSDKConfig } from '../../state/useSDKConfig'\nimport SingleBond, { SingleBondProps } from './SingleBond'\n\ninterface Props extends SDKPropsDTO, SingleBondProps {}\n\nconst SingleBondWithProviders: React.FC<Props> = (props) => {\n  useSDKConfig(props)\n  return (\n    <Providers theme={props.theme}>\n      <SingleBond {...props} />\n    </Providers>\n  )\n}\n\nexport default SingleBondWithProviders\n"],"names":["_jsx"],"mappings":";;;;;AAOA,MAAM,uBAAuB,GAAoB,CAAC,KAAK,KAAI;IACzD,YAAY,CAAC,KAAK,CAAC;AACnB,IAAA,QACEA,GAAA,CAAC,SAAS,EAAA,EAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAA,QAAA,EAC3BA,IAAC,UAAU,EAAA,EAAA,GAAK,KAAK,EAAA,CAAI,EAAA,CACf;AAEhB;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/views/SingleBond/index.tsx"],"sourcesContent":["import React from 'react'\nimport Providers from '../../providers'\nimport { SDKPropsDTO, useSDKConfig } from '../../state/useSDKConfig'\nimport SingleBond, { SingleBondProps } from './SingleBond'\n\ninterface Props extends SDKPropsDTO, SingleBondProps {}\n\nconst SingleBondWithProviders: React.FC<Props> = (props) => {\n  useSDKConfig(props)\n  return (\n    <Providers>\n      <SingleBond {...props} />\n    </Providers>\n  )\n}\n\nexport default SingleBondWithProviders\n"],"names":["_jsx"],"mappings":";;;;;AAOA,MAAM,uBAAuB,GAAoB,CAAC,KAAK,KAAI;IACzD,YAAY,CAAC,KAAK,CAAC;IACnB,QACEA,GAAA,CAAC,SAAS,EAAA,EAAA,QAAA,EACRA,GAAA,CAAC,UAAU,EAAA,EAAA,GAAK,KAAK,EAAA,CAAI,EAAA,CACf;AAEhB;;;;"}

package/dist/views/YourBonds/YourBonds.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
 export type SortableKeys = 'claimable' | 'pending' | 'terms';
 declare const YourBonds: ({ showOnly }: {
     showOnly?: string;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default YourBonds;

package/dist/views/YourBonds/YourBonds.js

@@ -1,6 +1,7 @@
-import { jsxs, jsx, Fragment } from 'theme-ui/jsx-runtime';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useState, useMemo, useCallback } from 'react';
-import { Flex, Spinner } from 'theme-ui';
+import Spinner from '../../components/uikit-sdk/Spinner/index.js';
+import Flex from '../../components/uikit-sdk/Flex/index.js';
 import { claimableUSD, pendingUSD, getTimeLeftForFullyVested } from '../../utils/displayHelpers.js';
 import useUserBonds from '../../state/bonds/useUserBonds.js';
 import useTokenPrices from '../../state/tokenPrices/useTokenPrices.js';
@@ -8,33 +9,27 @@ import PlaceholderMonkey from '../../components/PlaceholderMonkey/index.js';
 import useChainFilterOption from '../../state/chainFilterOption/useChainFilterOption.js';
 import YourBondsMenu from './components/YourBondsMenu/YourBondsMenu.js';
 import { useSDKConfig } from '../../state/useSDKConfig.js';
-import { ChainId } from '@ape.swap/apeswap-lists';
-import ConnectToSolanaCard from '../../components/ConnectoToVmBanners/ConnectToSolanaBanner.js';
-import ConnectToEVMBanner from '../../components/ConnectoToVmBanners/ConnectToEvmBanner.js';
-import ConnectToAptosBanner from '../../components/ConnectoToVmBanners/ConnectToAptosBanner.js';
-import ConnectToSuiBanner from '../../components/ConnectoToVmBanners/ConnectToSuiBanner.js';
-import UserBondRow from './components/UserBondRow/UserBondRow.js';
-import UserBondRowSolana from './components/UserBondRow/UserBondRowSolana.js';
-import UserBondRowAptos from './components/UserBondRow/UserBondRowAptos.js';
-import UserBondRowSui from './components/UserBondRow/UserBondRowSui.js';
-import UserBondRowPreTGE from './components/UserBondRow/UserBondRowPreTGE.js';
 import useUserBondsPreTGE from '../../state/bonds/useUserBondsPreTGE.js';
-import useEVMAccount from '../../hooks/accounts/useEVMAccount.js';
-import useSOLAccount from '../../hooks/accounts/useSOLAccount.js';
-import useAPTAccount from '../../hooks/accounts/useAPTAccount.js';
-import useSUIAccount from '../../hooks/accounts/useSUIAccount.js';
+import useChainAccount from '../../state/chainAccount/useChainAccount.js';
+import { getAdapterForChain, getRegisteredAdapters } from '../../adapters/registry.js';
 import useBondsData from '../../state/bonds/useBondsData.js';
-import UserBondRowYield from './components/UserBondRow/UserBondRowYield.js';
 
+/** The adapter's "connect your wallet" banner, while its family is configured but not connected. */
+const AdapterConnectBanner = ({ adapter, chains }) => {
+    const { address } = useChainAccount(adapter.ecosystem);
+    if (address || !chains.some((chainId) => adapter.supportsChain(chainId)))
+        return null;
+    return (jsx(Flex, { className: "ape:w-full ape:mt-[5px]", children: jsx(adapter.ConnectBanner, {}) }));
+};
 const YourBonds = ({ showOnly }) => {
     useTokenPrices();
     useBondsData();
     // Hooks
     const SDKConfig = useSDKConfig();
-    const { address: account } = useEVMAccount();
-    const { publicKey: solanaAccount } = useSOLAccount();
-    const { address: aptosAccount } = useAPTAccount();
-    const { address: suiAccount } = useSUIAccount();
+    const { address: account } = useChainAccount('evm');
+    const { address: solanaAccount } = useChainAccount('sol');
+    const { address: aptosAccount } = useChainAccount('aptos');
+    const { address: suiAccount } = useChainAccount('sui');
     const { data: userBonds, isFetched: userBondsFetched } = useUserBonds();
     const { data: chainFilterOption, setChainFilterOption } = useChainFilterOption();
     const { data: preTGEUserBonds, isFetched: preTGEFetched } = useUserBondsPreTGE();
@@ -153,22 +148,20 @@ const YourBonds = ({ showOnly }) => {
     const hasBonds = useMemo(() => {
         return (bondsToRender && bondsToRender.length > 0) || !!preTGEBondsToRender?.length;
     }, [bondsToRender, preTGEBondsToRender]);
-    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 && !solanaAccount && !aptosAccount && !suiAccount ? (jsx(Flex, { className: "placeholder-monkey-wrapper", children: jsx(PlaceholderMonkey, { text: 'You are not connected.' }) })) : hasBonds && hasFetched ? (jsxs(Fragment, { children: [preTGEBondsToRender?.map((userBond, index) => {
-                        return userBond.yieldBond ? (jsx(UserBondRowYield, { userBond: userBond }, index)) : (jsx(UserBondRowPreTGE, { userBond: userBond }, index));
+    return (jsxs(Flex, { className: "yourbonds table-container ape:w-full ape:flex ape:flex-col ape:px-[10px]", children: [!showOnly && (jsx(YourBondsMenu, { chainFilterOption: chainFilterOption, setChainFilterOption: setChainFilterOption, filterOptions: filterOptions, filterOption: filterOption, setFilterOption: handleFilterOption, setInputValue: setInputValue, inputValue: inputValue, handleSort: handleSort })), !account && !solanaAccount && !aptosAccount && !suiAccount ? (jsx(Flex, { className: "placeholder-monkey-wrapper ape:w-full ape:flex-col ape:pt-[100px] ape:pb-[100px] ape:bg-white2 ape:items-center ape:rounded-[10px] ape:mt-[15px] ape:justify-center ape:h-[400px]", children: jsx(PlaceholderMonkey, { text: 'You are not connected.' }) })) : hasBonds && hasFetched ? (jsxs(Fragment, { children: [preTGEBondsToRender?.map((userBond, index) => {
+                        // PreTGE / launch / Yield bonds come from the chain's adapter (EVM only today)
+                        const preTGE = getAdapterForChain(userBond.chainId)?.preTGE;
+                        if (!preTGE)
+                            return null;
+                        return userBond.yieldBond ? (jsx(preTGE.YieldRow, { userBond: userBond }, index)) : (jsx(preTGE.UserBondRow, { userBond: userBond }, index));
                     }), bondsToRender.map((bond) => {
-                        if (bond.bond?.chainId === ChainId.SOL)
-                            return jsx(UserBondRowSolana, { bill: bond }, `${bond?.billNftAddress}-${bond.id}`);
-                        if (bond.bond?.chainId === ChainId.APTOS)
-                            return jsx(UserBondRowAptos, { bill: bond }, `aptos-${bond?.id}`);
-                        if (bond.bond?.chainId === ChainId.SUI)
-                            return jsx(UserBondRowSui, { bill: bond }, `sui-${bond?.id}`);
-                        return jsx(UserBondRow, { bill: bond }, `${bond?.id}-${bond?.billNftAddress}`);
-                    })] })) : inputValue !== '' || !chainFilterOption.includes('All Chains') ? (jsx(Flex, { className: "placeholder-monkey-wrapper", children: jsx(PlaceholderMonkey, { text: 'No results, change filters.' }) })) : hasFetched && !hasBonds ? (jsx(Flex, { className: "placeholder-monkey-wrapper", children: jsx(PlaceholderMonkey, { text: `You do not own any ${[account && 'EVM', solanaAccount && 'SOL', aptosAccount && 'Aptos', suiAccount && 'Sui'].filter(Boolean).join(' nor ') || 'EVM'} Bonds.` }) })) : (jsx(Flex, { className: "placeholder-monkey-wrapper", children: jsx(Spinner, { size: 100 }) })), jsxs(Flex, { sx: {
-                    width: '100%',
-                    flexDirection: ['column', 'column', 'column', 'column', 'column', 'row'],
-                    gap: '10px',
-                    my: '10px',
-                }, children: [!solanaAccount && SDKConfig.chains?.includes(ChainId.SOL) && (jsx(Flex, { sx: { width: '100%', mt: '5px' }, children: jsx(ConnectToSolanaCard, {}) })), !aptosAccount && SDKConfig.chains?.includes(ChainId.APTOS) && (jsx(Flex, { sx: { width: '100%', mt: '5px' }, children: jsx(ConnectToAptosBanner, {}) })), !suiAccount && SDKConfig.chains?.includes(ChainId.SUI) && (jsx(Flex, { sx: { width: '100%', mt: '5px' }, children: jsx(ConnectToSuiBanner, {}) })), !account && (jsx(Flex, { sx: { width: '100%', mt: '5px' }, children: jsx(ConnectToEVMBanner, {}) }))] })] }));
+                        const chainId = bond.bond?.chainId;
+                        // Chains without a registered adapter are unsupported
+                        const adapter = getAdapterForChain(chainId);
+                        if (!adapter)
+                            return null;
+                        return jsx(adapter.UserBondRow, { bill: bond }, `${adapter.ecosystem}-${bond?.id}-${bond?.billNftAddress}`);
+                    })] })) : inputValue !== '' || !chainFilterOption.includes('All Chains') ? (jsx(Flex, { className: "placeholder-monkey-wrapper ape:w-full ape:flex-col ape:pt-[100px] ape:pb-[100px] ape:bg-white2 ape:items-center ape:rounded-[10px] ape:mt-[15px] ape:justify-center ape:h-[400px]", children: jsx(PlaceholderMonkey, { text: 'No results, change filters.' }) })) : hasFetched && !hasBonds ? (jsx(Flex, { className: "placeholder-monkey-wrapper ape:w-full ape:flex-col ape:pt-[100px] ape:pb-[100px] ape:bg-white2 ape:items-center ape:rounded-[10px] ape:mt-[15px] ape:justify-center ape:h-[400px]", children: jsx(PlaceholderMonkey, { text: `You do not own any ${[account && 'EVM', solanaAccount && 'SOL', aptosAccount && 'Aptos', suiAccount && 'Sui'].filter(Boolean).join(' nor ') || 'EVM'} Bonds.` }) })) : (jsx(Flex, { className: "placeholder-monkey-wrapper ape:w-full ape:flex-col ape:pt-[100px] ape:pb-[100px] ape:bg-white2 ape:items-center ape:rounded-[10px] ape:mt-[15px] ape:justify-center ape:h-[400px]", children: jsx(Spinner, { size: 100 }) })), jsx(Flex, { className: "ape:w-full ape:flex-col ape:xl:flex-row ape:gap-[10px] ape:my-[10px]", children: getRegisteredAdapters().map((adapter) => (jsx(AdapterConnectBanner, { adapter: adapter, chains: SDKConfig.chains ?? [] }, adapter.ecosystem))) })] }));
 };
 
 export { YourBonds as default };

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

@@ -1 +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 { claimableUSD, pendingUSD, getTimeLeftForFullyVested } 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 { useSDKConfig } from '../../state/useSDKConfig'\nimport { ChainId } from '@ape.swap/apeswap-lists'\nimport ConnectToSolanaBanner from '../../components/ConnectoToVmBanners/ConnectToSolanaBanner'\nimport ConnectToEVMBanner from '../../components/ConnectoToVmBanners/ConnectToEvmBanner'\nimport ConnectToAptosBanner from '../../components/ConnectoToVmBanners/ConnectToAptosBanner'\nimport ConnectToSuiBanner from '../../components/ConnectoToVmBanners/ConnectToSuiBanner'\nimport {\n  UserBondRowPreTGE,\n  UserBondRowSolana,\n  UserBondRowAptos,\n  UserBondRowSui,\n  UserBondRow,\n} from './components/UserBondRow'\nimport useUserBondsPreTGE from '../../state/bonds/useUserBondsPreTGE'\nimport useEVMAccount from '../../hooks/accounts/useEVMAccount'\nimport useSOLAccount from '../../hooks/accounts/useSOLAccount'\nimport useAPTAccount from '../../hooks/accounts/useAPTAccount'\nimport useSUIAccount from '../../hooks/accounts/useSUIAccount'\nimport useBondsData from '../../state/bonds/useBondsData'\nimport UserBondRowYield from './components/UserBondRow/UserBondRowYield'\n\ntype SortDirection = 'asc' | 'desc'\nexport type SortableKeys = 'claimable' | 'pending' | 'terms'\n\nconst YourBonds = ({ showOnly }: { showOnly?: string }) => {\n  useTokenPrices()\n  useBondsData()\n  // Hooks\n  const SDKConfig = useSDKConfig()\n  const { address: account } = useEVMAccount()\n  const { publicKey: solanaAccount } = useSOLAccount()\n  const { address: aptosAccount } = useAPTAccount()\n  const { address: suiAccount } = useSUIAccount()\n  const { data: userBonds, isFetched: userBondsFetched } = useUserBonds()\n  const { data: chainFilterOption, setChainFilterOption } = useChainFilterOption()\n  const { data: preTGEUserBonds, isFetched: preTGEFetched } = useUserBondsPreTGE()\n  const hasFetched = userBondsFetched && (preTGEFetched || !account)\n\n  // State\n  const [sortConfig, setSortConfig] = useState<{ key: SortableKeys; direction: SortDirection } | null>({\n    key: 'claimable',\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 preTGEBondsToRender = preTGEUserBonds\n    ?.filter((userBond) => {\n      if (!userBond?.accountInfo?.hasRedeemed) {\n        return parseFloat(userBond?.accountInfo?.depositAmount ?? '0') > 0\n      } else if (userBond.yieldBond && parseFloat(userBond?.accountInfo?.depositAmount ?? '0') > 0) {\n        return (userBond?.yieldData?.depositedAssets ?? 0) > 0\n      } else {\n        return userBond?.userOwnedBillsData?.payout !== '0'\n      }\n    })\n    .filter(\n      (userBond) =>\n        chainFilterOption.includes(userBond.chainId?.toString() ?? '') || chainFilterOption.includes('All Chains'),\n    )\n    .filter((userBond) => userBond.earnToken.symbol?.toLowerCase().includes(inputValue.toLowerCase()))\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\n  const bondsToRender = useMemo((): UserBill[] => {\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) {\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 = pendingUSD(a)\n          bValue = pendingUSD(b)\n        } else if (sortConfig.key === 'terms') {\n          // little nasty trick to have the lowest time (closest to being fully vested) show up first when sorting ascending\n          const aRemainingTime = getTimeLeftForFullyVested(b)\n          const bRemainingTime = getTimeLeftForFullyVested(a)\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    /* eslint-disable react-hooks/exhaustive-deps */\n  }, [userBonds, sortConfig, inputValue, chainFilterOption, filterOption, userBondsFetched])\n\n  const handleFilterOption = useCallback((newOption: string) => {\n    setFilterOption(newOption)\n  }, [])\n\n  const hasBonds = useMemo(() => {\n    return (bondsToRender && bondsToRender.length > 0) || !!preTGEBondsToRender?.length\n  }, [bondsToRender, preTGEBondsToRender])\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 && !solanaAccount && !aptosAccount && !suiAccount ? (\n        <Flex className=\"placeholder-monkey-wrapper\">\n          <PlaceholderMonkey text={'You are not connected.'} />\n        </Flex>\n      ) : hasBonds && hasFetched ? (\n        <>\n          {preTGEBondsToRender?.map((userBond, index) => {\n            return userBond.yieldBond ? (\n              <UserBondRowYield userBond={userBond} key={index} />\n            ) : (\n              <UserBondRowPreTGE userBond={userBond} key={index} />\n            )\n          })}\n          {bondsToRender.map((bond) => {\n            if (bond.bond?.chainId === ChainId.SOL)\n              return <UserBondRowSolana bill={bond} key={`${bond?.billNftAddress}-${bond.id}`} />\n            if (bond.bond?.chainId === ChainId.APTOS) return <UserBondRowAptos bill={bond} key={`aptos-${bond?.id}`} />\n            if (bond.bond?.chainId === ChainId.SUI) return <UserBondRowSui bill={bond} key={`sui-${bond?.id}`} />\n            return <UserBondRow bill={bond} key={`${bond?.id}-${bond?.billNftAddress}`} />\n          })}\n        </>\n      ) : inputValue !== '' || !chainFilterOption.includes('All Chains') ? (\n        <Flex className=\"placeholder-monkey-wrapper\">\n          <PlaceholderMonkey text={'No results, change filters.'} />\n        </Flex>\n      ) : hasFetched && !hasBonds ? (\n        <Flex className=\"placeholder-monkey-wrapper\">\n          <PlaceholderMonkey\n            text={`You do not own any ${[account && 'EVM', solanaAccount && 'SOL', aptosAccount && 'Aptos', suiAccount && 'Sui'].filter(Boolean).join(' nor ') || 'EVM'} Bonds.`}\n          />\n        </Flex>\n      ) : (\n        <Flex className=\"placeholder-monkey-wrapper\">\n          <Spinner size={100} />\n        </Flex>\n      )}\n      <Flex\n        sx={{\n          width: '100%',\n          flexDirection: ['column', 'column', 'column', 'column', 'column', 'row'],\n          gap: '10px',\n          my: '10px',\n        }}\n      >\n        {!solanaAccount && SDKConfig.chains?.includes(ChainId.SOL) && (\n          <Flex sx={{ width: '100%', mt: '5px' }}>\n            <ConnectToSolanaBanner />\n          </Flex>\n        )}\n        {!aptosAccount && SDKConfig.chains?.includes(ChainId.APTOS) && (\n          <Flex sx={{ width: '100%', mt: '5px' }}>\n            <ConnectToAptosBanner />\n          </Flex>\n        )}\n        {!suiAccount && SDKConfig.chains?.includes(ChainId.SUI) && (\n          <Flex sx={{ width: '100%', mt: '5px' }}>\n            <ConnectToSuiBanner />\n          </Flex>\n        )}\n        {!account && (\n          <Flex sx={{ width: '100%', mt: '5px' }}>\n            <ConnectToEVMBanner />\n          </Flex>\n        )}\n      </Flex>\n    </Flex>\n  )\n}\n\nexport default YourBonds\n"],"names":["_jsxs","_jsx","_Fragment","ConnectToSolanaBanner"],"mappings":"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"}
+{"version":3,"file":"YourBonds.js","sources":["../../../src/views/YourBonds/YourBonds.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from 'react'\nimport Spinner from '../../components/uikit-sdk/Spinner'\nimport Flex from '../../components/uikit-sdk/Flex'\nimport { UserBill } from '../../types/yourbonds'\nimport { claimableUSD, pendingUSD, getTimeLeftForFullyVested } 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 { useSDKConfig } from '../../state/useSDKConfig'\nimport { ChainId } from '@ape.swap/apeswap-lists'\nimport useUserBondsPreTGE from '../../state/bonds/useUserBondsPreTGE'\nimport useChainAccount from '../../state/chainAccount/useChainAccount'\nimport { getAdapterForChain, getRegisteredAdapters } from '../../adapters/registry'\nimport type { ChainAdapter } from '../../adapters/types'\nimport useBondsData from '../../state/bonds/useBondsData'\n\ntype SortDirection = 'asc' | 'desc'\n\n/** The adapter's \"connect your wallet\" banner, while its family is configured but not connected. */\nconst AdapterConnectBanner = ({ adapter, chains }: { adapter: ChainAdapter; chains: number[] }) => {\n  const { address } = useChainAccount(adapter.ecosystem)\n  if (address || !chains.some((chainId) => adapter.supportsChain(chainId))) return null\n  return (\n    <Flex className=\"ape:w-full ape:mt-[5px]\">\n      <adapter.ConnectBanner />\n    </Flex>\n  )\n}\nexport type SortableKeys = 'claimable' | 'pending' | 'terms'\n\nconst YourBonds = ({ showOnly }: { showOnly?: string }) => {\n  useTokenPrices()\n  useBondsData()\n  // Hooks\n  const SDKConfig = useSDKConfig()\n  const { address: account } = useChainAccount('evm')\n  const { address: solanaAccount } = useChainAccount('sol')\n  const { address: aptosAccount } = useChainAccount('aptos')\n  const { address: suiAccount } = useChainAccount('sui')\n  const { data: userBonds, isFetched: userBondsFetched } = useUserBonds()\n  const { data: chainFilterOption, setChainFilterOption } = useChainFilterOption()\n  const { data: preTGEUserBonds, isFetched: preTGEFetched } = useUserBondsPreTGE()\n  const hasFetched = userBondsFetched && (preTGEFetched || !account)\n\n  // State\n  const [sortConfig, setSortConfig] = useState<{ key: SortableKeys; direction: SortDirection } | null>({\n    key: 'claimable',\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 preTGEBondsToRender = preTGEUserBonds\n    ?.filter((userBond) => {\n      if (!userBond?.accountInfo?.hasRedeemed) {\n        return parseFloat(userBond?.accountInfo?.depositAmount ?? '0') > 0\n      } else if (userBond.yieldBond && parseFloat(userBond?.accountInfo?.depositAmount ?? '0') > 0) {\n        return (userBond?.yieldData?.depositedAssets ?? 0) > 0\n      } else {\n        return userBond?.userOwnedBillsData?.payout !== '0'\n      }\n    })\n    .filter(\n      (userBond) =>\n        chainFilterOption.includes(userBond.chainId?.toString() ?? '') || chainFilterOption.includes('All Chains'),\n    )\n    .filter((userBond) => userBond.earnToken.symbol?.toLowerCase().includes(inputValue.toLowerCase()))\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\n  const bondsToRender = useMemo((): UserBill[] => {\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) {\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 = pendingUSD(a)\n          bValue = pendingUSD(b)\n        } else if (sortConfig.key === 'terms') {\n          // little nasty trick to have the lowest time (closest to being fully vested) show up first when sorting ascending\n          const aRemainingTime = getTimeLeftForFullyVested(b)\n          const bRemainingTime = getTimeLeftForFullyVested(a)\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    /* eslint-disable react-hooks/exhaustive-deps */\n  }, [userBonds, sortConfig, inputValue, chainFilterOption, filterOption, userBondsFetched])\n\n  const handleFilterOption = useCallback((newOption: string) => {\n    setFilterOption(newOption)\n  }, [])\n\n  const hasBonds = useMemo(() => {\n    return (bondsToRender && bondsToRender.length > 0) || !!preTGEBondsToRender?.length\n  }, [bondsToRender, preTGEBondsToRender])\n\n  return (\n    <Flex className=\"yourbonds table-container ape:w-full ape:flex ape:flex-col ape:px-[10px]\">\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 && !solanaAccount && !aptosAccount && !suiAccount ? (\n        <Flex className=\"placeholder-monkey-wrapper ape:w-full ape:flex-col ape:pt-[100px] ape:pb-[100px] ape:bg-white2 ape:items-center ape:rounded-[10px] ape:mt-[15px] ape:justify-center ape:h-[400px]\">\n          <PlaceholderMonkey text={'You are not connected.'} />\n        </Flex>\n      ) : hasBonds && hasFetched ? (\n        <>\n          {preTGEBondsToRender?.map((userBond, index) => {\n            // PreTGE / launch / Yield bonds come from the chain's adapter (EVM only today)\n            const preTGE = getAdapterForChain(userBond.chainId)?.preTGE\n            if (!preTGE) return null\n            return userBond.yieldBond ? (\n              <preTGE.YieldRow userBond={userBond} key={index} />\n            ) : (\n              <preTGE.UserBondRow userBond={userBond} key={index} />\n            )\n          })}\n          {bondsToRender.map((bond) => {\n            const chainId = bond.bond?.chainId as ChainId\n            // Chains without a registered adapter are unsupported\n            const adapter = getAdapterForChain(chainId)\n            if (!adapter) return null\n            return <adapter.UserBondRow bill={bond} key={`${adapter.ecosystem}-${bond?.id}-${bond?.billNftAddress}`} />\n          })}\n        </>\n      ) : inputValue !== '' || !chainFilterOption.includes('All Chains') ? (\n        <Flex className=\"placeholder-monkey-wrapper ape:w-full ape:flex-col ape:pt-[100px] ape:pb-[100px] ape:bg-white2 ape:items-center ape:rounded-[10px] ape:mt-[15px] ape:justify-center ape:h-[400px]\">\n          <PlaceholderMonkey text={'No results, change filters.'} />\n        </Flex>\n      ) : hasFetched && !hasBonds ? (\n        <Flex className=\"placeholder-monkey-wrapper ape:w-full ape:flex-col ape:pt-[100px] ape:pb-[100px] ape:bg-white2 ape:items-center ape:rounded-[10px] ape:mt-[15px] ape:justify-center ape:h-[400px]\">\n          <PlaceholderMonkey\n            text={`You do not own any ${[account && 'EVM', solanaAccount && 'SOL', aptosAccount && 'Aptos', suiAccount && 'Sui'].filter(Boolean).join(' nor ') || 'EVM'} Bonds.`}\n          />\n        </Flex>\n      ) : (\n        <Flex className=\"placeholder-monkey-wrapper ape:w-full ape:flex-col ape:pt-[100px] ape:pb-[100px] ape:bg-white2 ape:items-center ape:rounded-[10px] ape:mt-[15px] ape:justify-center ape:h-[400px]\">\n          <Spinner size={100} />\n        </Flex>\n      )}\n      <Flex className=\"ape:w-full ape:flex-col ape:xl:flex-row ape:gap-[10px] ape:my-[10px]\">\n        {getRegisteredAdapters().map((adapter) => (\n          <AdapterConnectBanner key={adapter.ecosystem} adapter={adapter} chains={SDKConfig.chains ?? []} />\n        ))}\n      </Flex>\n    </Flex>\n  )\n}\n\nexport default YourBonds\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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"}

package/dist/views/YourBonds/components/ClaimAll/ClaimAllModal.d.ts

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