@ape.swap/bonds-sdk 7.0.0-test.5 → 7.0.0-test.6

package/README.md

@@ -7,17 +7,18 @@ The `@ape.swap/bonds-sdk` package provides embeddable React components to show,
 ## Key Features
 
 - Ready-made bond views: `<FullBondsView />`, `<Bonds />`, `<YourBonds />`, `<SingleBond />`, `<ProjectView />` and `<BuyBondModal />`.
+- One `<ApeBondSDK />` component configures the SDK for your whole app; the views and hooks just work below it.
 - **Chain adapters:** install and bundle only the chain families you use (EVM, Solana, Sui, Aptos), plus an optional LiFi cross-chain bridge.
 - Works with your existing wallet setup (wagmi, Solana wallet adapter, Sui dapp-kit, Aptos wallet adapter) and your own wallet-connect modal.
 - Prebuilt, scoped styles that never leak into your app, with stable classnames for overrides.
 
-> **Upgrading from v6?** v7 requires the new `adapters` prop. See [Upgrading from v6](#upgrading-from-v6).
+> **Upgrading from v6?** v7 is configured once with `<ApeBondSDK />` and requires the new `adapters` prop. See [Upgrading from v6](#upgrading-from-v6).
 
 ---
 
 ## How it works: chain adapters
 
-Since v7, every chain family is an **adapter** that you import and pass to the SDK:
+Since v7, every chain family is an **adapter** that you import and pass to [`<ApeBondSDK />`](#configure-the-sdk):
 
 | Adapter | Import | Chains |
 |---|---|---|
@@ -68,6 +69,16 @@ Notes:
 
 ## Basic Usage
 
+Configure the SDK once with `<ApeBondSDK />`, then render the views wherever you need them.
+
+### Configure the SDK
+
+`<ApeBondSDK />` (`@ape.swap/bonds-sdk/components/ApeBondSDK`) takes your whole config (see [Configuration](#configuration)): `referenceId`, `chains`, `adapters`, wallet openers, custom RPCs… Mount it **once**, inside your providers (`QueryClientProvider` and the wallet providers of your adapters). The views and hooks read the config from it, so they take no config props.
+
+It also keeps the SDK connected to your wallets app-wide: the views and the SDK hooks (e.g. `useUserTokensBalance` on your own pages) always see the connected accounts, including connects, disconnects and wallet switches. It renders nothing.
+
+A view rendered without `<ApeBondSDK />` shows no bonds and logs a console error.
+
 ### EVM only
 
 ```tsx
@@ -76,6 +87,7 @@ import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
 import { WagmiProvider, createConfig, http } from 'wagmi'
 import { bsc, mainnet } from 'wagmi/chains'
 import { ChainId } from '@ape.swap/apeswap-lists'
+import ApeBondSDK from '@ape.swap/bonds-sdk/components/ApeBondSDK'
 import FullBondsView from '@ape.swap/bonds-sdk/views/FullBondsView'
 import { evmAdapter } from '@ape.swap/bonds-sdk/adapters/evm'
 import '@ape.swap/bonds-sdk/styles.css'
@@ -89,43 +101,53 @@ const queryClient = new QueryClient()
 export const App = () => (
   <WagmiProvider config={wagmiConfig}>
     <QueryClientProvider client={queryClient}>
-      <FullBondsView
+      <ApeBondSDK
         referenceId="yourProjectId" // provided by the ApeBond team
         chains={[ChainId.MAINNET, ChainId.BSC]}
         adapters={[evmAdapter]}
         openWalletConnectors={{ evm: openYourWalletModal }} // e.g. RainbowKit's openConnectModal
       />
+      <FullBondsView />
     </QueryClientProvider>
   </WagmiProvider>
 )
 ```
 
-### Several chain families (EVM + Solana + the LiFi bridge)
+### Several chain families (EVM + Solana + the LiFi bridge), with routes
 
 ```tsx
 import { ConnectionProvider, WalletProvider } from '@solana/wallet-adapter-react'
+import ApeBondSDK, { type SDKPropsDTO } from '@ape.swap/bonds-sdk/components/ApeBondSDK'
 import FullBondsView from '@ape.swap/bonds-sdk/views/FullBondsView'
+import ProjectView from '@ape.swap/bonds-sdk/views/ProjectView'
 import { evmAdapter } from '@ape.swap/bonds-sdk/adapters/evm'
 import { solanaAdapter } from '@ape.swap/bonds-sdk/adapters/solana'
 import { lifiAdapter } from '@ape.swap/bonds-sdk/adapters/lifi'
 
 const SOLANA_RPC = 'https://mainnet.helius-rpc.com/?api-key=YOUR_KEY'
 
+const sdkConfig: SDKPropsDTO = {
+  referenceId: 'yourProjectId',
+  chains: [ChainId.MAINNET, ChainId.BSC, ChainId.SOL],
+  adapters: [evmAdapter, solanaAdapter, lifiAdapter],
+  customRPCS: { [ChainId.SOL]: [SOLANA_RPC] },
+  openWalletConnectors: {
+    evm: openYourEvmWalletModal,
+    sol: () => setSolanaWalletModalVisible(true), // e.g. useWalletModal() from @solana/wallet-adapter-react-ui
+  },
+}
+
 export const App = () => (
   <WagmiProvider config={wagmiConfig}>
     <QueryClientProvider client={queryClient}>
       <ConnectionProvider endpoint={SOLANA_RPC}>
         <WalletProvider wallets={[]} autoConnect>
-          <FullBondsView
-            referenceId="yourProjectId"
-            chains={[ChainId.MAINNET, ChainId.BSC, ChainId.SOL]}
-            adapters={[evmAdapter, solanaAdapter, lifiAdapter]}
-            customRPCS={{ [ChainId.SOL]: [SOLANA_RPC] }}
-            openWalletConnectors={{
-              evm: openYourEvmWalletModal,
-              sol: () => setSolanaWalletModalVisible(true), // e.g. useWalletModal() from @solana/wallet-adapter-react-ui
-            }}
-          />
+          <ApeBondSDK {...sdkConfig} />
+          <Routes>
+            <Route path="/bonds" element={<FullBondsView />} />
+            <Route path="/bonds/:chain/:address" element={<BondPage />} /> {/* renders <ProjectView /> */}
+            <Route path="/staking" element={<StakingPage />} /> {/* uses useUserTokensBalance */}
+          </Routes>
         </WalletProvider>
       </ConnectionProvider>
     </QueryClientProvider>
@@ -142,26 +164,31 @@ import { suiAdapter } from '@ape.swap/bonds-sdk/adapters/sui'
 import { aptosAdapter } from '@ape.swap/bonds-sdk/adapters/aptos'
 import { lifiAdapter } from '@ape.swap/bonds-sdk/adapters/lifi'
 
-<FullBondsView
+<ApeBondSDK
   referenceId="yourProjectId"
   chains={chains}
   adapters={[evmAdapter, solanaAdapter, suiAdapter, aptosAdapter, lifiAdapter]}
 />
 ```
 
-### Other views
+This needs every family's libraries and wallet providers, like v6 did.
 
-All views take the same props (see [Configuration](#configuration)), including `adapters`; pass the same adapters to every SDK view you render.
+### Views
+
+The views only take their own props; everything else comes from `<ApeBondSDK />`.
 
 ```tsx
-import Bonds from '@ape.swap/bonds-sdk/views/Bonds'
-import YourBonds from '@ape.swap/bonds-sdk/views/YourBonds'
-import SingleBond from '@ape.swap/bonds-sdk/views/SingleBond' // + tokenSymbol={['XYZ']}
-import ProjectView from '@ape.swap/bonds-sdk/views/ProjectView' // + bondAddress, bondChain
-import BuyBondModal from '@ape.swap/bonds-sdk/views/BuyBondModal' // + bondAddress, bondChain, onDismiss
+import FullBondsView from '@ape.swap/bonds-sdk/views/FullBondsView' // market + your bonds
+import Bonds from '@ape.swap/bonds-sdk/views/Bonds' // market
+import YourBonds from '@ape.swap/bonds-sdk/views/YourBonds' // the user's bonds
+import SingleBond from '@ape.swap/bonds-sdk/views/SingleBond' // tokenSymbol={['XYZ']}
+import ProjectView from '@ape.swap/bonds-sdk/views/ProjectView' // bondAddress, bondChain
+import BuyBondModal from '@ape.swap/bonds-sdk/views/BuyBondModal' // bondAddress, bondChain, onDismiss
 ```
 
-Hooks and helpers are exported too: `@ape.swap/bonds-sdk/hooks/useBondsData`, `/hooks/useTokenPrices`, `/hooks/useSDKConfig`, `/hooks/useCurrencyBalance`, `/hooks/useUserTokensBalance`, `/hooks/useApproval` (EVM; needs the EVM libraries), `/components/TokenImage`, `/utils/generateImageFromTemplate`, `/constants/chains`.
+### Hooks and helpers
+
+`@ape.swap/bonds-sdk/hooks/useBondsData`, `/hooks/useTokenPrices`, `/hooks/useCurrencyBalance`, `/hooks/useUserTokensBalance`, `/hooks/useApproval` (EVM; needs the EVM libraries), `/components/TokenImage`, `/utils/generateImageFromTemplate`, `/constants/chains`. The hooks need `<ApeBondSDK />` mounted, like the views.
 
 The root import (`import { Bonds } from '@ape.swap/bonds-sdk'`) still works but is deprecated. It re-exports `useApproval`, so it requires the EVM libraries: apps without EVM must use the subpath imports above.
 
@@ -186,7 +213,7 @@ Without an opener, that family's "Connect" button is disabled.
 
 ## Configuration
 
-Props accepted by every view:
+Props of [`<ApeBondSDK />`](#configure-the-sdk) (type `SDKPropsDTO`, exported by the same module):
 
 | Property | Type | Description |
 |---|---|---|
@@ -203,7 +230,7 @@ Props accepted by every view:
 | `bondPartner` | `string` | Filters the bonds to show to those of a certain bondPartner. |
 | `highlightedBond` | `string` | Token symbol to feature in the "buy again" highlighted row. |
 
-Component-specific props: `tokenSymbol` (`string[]`, `<SingleBond />`; one token is supported), `bondAddress` + `bondChain` (`<ProjectView />`, `<BuyBondModal />`).
+View props: `tokenSymbol` (`string[]`, `<SingleBond />`; one token is supported), `bondAddress` + `bondChain` (`<ProjectView />`, `<BuyBondModal />`), `onDismiss` (`<BuyBondModal />`).
 
 The `theme` prop was removed in v7; see [Styling & Overrides](#styling--overrides).
 
@@ -216,7 +243,7 @@ By default the SDK uses public RPC endpoints for each supported chain. If you ha
 ```tsx
 import { ChainId } from '@ape.swap/apeswap-lists'
 
-<FullBondsView
+<ApeBondSDK
   referenceId="yourProjectId"
   chains={[ChainId.BSC, ChainId.MAINNET, ChainId.SOL]}
   adapters={[evmAdapter, solanaAdapter]}
@@ -243,11 +270,12 @@ The list is updated regularly, so make sure to use the latest version of the SDK
 
 ## Upgrading from v6
 
-1. **Pass `adapters`** with the families you show, e.g. `adapters={[evmAdapter]}` for an EVM-only app, or every adapter for the v6 behaviour (see [Every chain family](#every-chain-family-the-v6-setup)). Without it no chains are shown (the console says so).
-2. **Install what your adapters need** (see [Installation](#installation)). Chain libraries are now optional peer dependencies, so npm no longer installs them automatically. If you register every adapter, keep everything you had in v6; otherwise you can remove the libraries of the families you don't use (e.g. an EVM-only app can remove `@solana/*`, `@mysten/*`, `@aptos-labs/*`, `@lifi/widget`, `@bigmi/react`).
-3. **Mount only the wallet providers of your adapters.** An app without `evmAdapter` no longer needs a `WagmiProvider`.
-4. **Import styles from `@ape.swap/bonds-sdk/styles.css`**, and drop the `theme` prop if you used it (see [Styling & Overrides](#styling--overrides)).
-5. If you use the root import (`from '@ape.swap/bonds-sdk'`) in an app without EVM, switch to the subpath imports.
+1. **Configure the SDK with [`<ApeBondSDK />`](#configure-the-sdk)**, mounted once inside your providers, and move the config props you passed to the views there; the views now only take their own props (`bondAddress`, `tokenSymbol`…). The `useSDKConfig` hook export is removed.
+2. **Pass `adapters`** to it with the families you show, e.g. `adapters={[evmAdapter]}` for an EVM-only app, or every adapter for the v6 behaviour (see [Every chain family](#every-chain-family-the-v6-setup)). Without it no chains are shown (the console says so).
+3. **Install what your adapters need** (see [Installation](#installation)). Chain libraries are now optional peer dependencies, so npm no longer installs them automatically. If you register every adapter, keep everything you had in v6; otherwise you can remove the libraries of the families you don't use (e.g. an EVM-only app can remove `@solana/*`, `@mysten/*`, `@aptos-labs/*`, `@lifi/widget`, `@bigmi/react`).
+4. **Mount only the wallet providers of your adapters.** An app without `evmAdapter` no longer needs a `WagmiProvider`.
+5. **Import styles from `@ape.swap/bonds-sdk/styles.css`**, and drop the `theme` prop if you used it (see [Styling & Overrides](#styling--overrides)).
+6. If you use the root import (`from '@ape.swap/bonds-sdk'`) in an app without EVM, switch to the subpath imports.
 
 ---
 

package/dist/components/ApeBondSDK/index.d.ts

@@ -0,0 +1,13 @@
+import { SDKPropsDTO } from '../../state/useSDKConfig';
+export type { SDKPropsDTO, OpenWalletConnectorsDTO } from '../../state/useSDKConfig';
+/**
+ * Configures the SDK for the whole app; the views and hooks need it. Mount it once inside your providers
+ * (QueryClient, wagmi, wallet providers).
+ *
+ * Besides setting the config, it keeps every registered adapter's `AccountBridge` mounted, so the views and the SDK
+ * hooks (e.g. `useUserTokensBalance`) always see the connected wallets.
+ *
+ * Renders nothing and holds no React context: the config and accounts live in the query cache.
+ */
+declare const ApeBondSDK: (props: SDKPropsDTO) => import("react/jsx-runtime").JSX.Element;
+export default ApeBondSDK;

package/dist/components/ApeBondSDK/index.js

@@ -0,0 +1,20 @@
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { useConfigureSDK } from '../../state/useSDKConfig.js';
+import { getRegisteredAdapters } from '../../adapters/registry.js';
+
+/**
+ * Configures the SDK for the whole app; the views and hooks need it. Mount it once inside your providers
+ * (QueryClient, wagmi, wallet providers).
+ *
+ * Besides setting the config, it keeps every registered adapter's `AccountBridge` mounted, so the views and the SDK
+ * hooks (e.g. `useUserTokensBalance`) always see the connected wallets.
+ *
+ * Renders nothing and holds no React context: the config and accounts live in the query cache.
+ */
+const ApeBondSDK = (props) => {
+    useConfigureSDK(props);
+    return (jsx(Fragment, { children: getRegisteredAdapters().map((adapter) => (jsx(adapter.AccountBridge, {}, adapter.ecosystem))) }));
+};
+
+export { ApeBondSDK as default };
+//# sourceMappingURL=index.js.map

package/dist/components/ApeBondSDK/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/ApeBondSDK/index.tsx"],"sourcesContent":["import React from 'react'\nimport { SDKPropsDTO, useConfigureSDK } from '../../state/useSDKConfig'\nimport { getRegisteredAdapters } from '../../adapters/registry'\n\nexport type { SDKPropsDTO, OpenWalletConnectorsDTO } from '../../state/useSDKConfig'\n\n/**\n * Configures the SDK for the whole app; the views and hooks need it. Mount it once inside your providers\n * (QueryClient, wagmi, wallet providers).\n *\n * Besides setting the config, it keeps every registered adapter's `AccountBridge` mounted, so the views and the SDK\n * hooks (e.g. `useUserTokensBalance`) always see the connected wallets.\n *\n * Renders nothing and holds no React context: the config and accounts live in the query cache.\n */\nconst ApeBondSDK = (props: SDKPropsDTO) => {\n  useConfigureSDK(props)\n  return (\n    <>\n      {getRegisteredAdapters().map((adapter) => (\n        <adapter.AccountBridge key={adapter.ecosystem} />\n      ))}\n    </>\n  )\n}\n\nexport default ApeBondSDK\n"],"names":["_jsx","_Fragment"],"mappings":";;;;AAMA;;;;;;;;AAQG;AACH,MAAM,UAAU,GAAG,CAAC,KAAkB,KAAI;IACxC,eAAe,CAAC,KAAK,CAAC;IACtB,QACEA,GAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EACG,qBAAqB,EAAE,CAAC,GAAG,CAAC,CAAC,OAAO,MACnCD,IAAC,OAAO,CAAC,aAAa,EAAA,EAAA,EAAM,OAAO,CAAC,SAAS,CAAI,CAClD,CAAC,EAAA,CACD;AAEP;;;;"}

package/dist/main.d.ts

@@ -30,11 +30,11 @@ import { generateImageFromTemplate } from './views/YourBondsModal/components/Lin
 import { ChainId } from '@ape.swap/apeswap-lists';
 import SingleBond from './views/SingleBond';
 import useTokenPrices from './state/tokenPrices/useTokenPrices';
-import { useSDKConfig } from './state/useSDKConfig';
 import { BLOCK_EXPLORER } from './config/constants/chains';
 import useCurrencyBalance from './state/balance/useCurrencyBalance';
 import useUserTokensBalance from './state/balance/useUserTokensBalance';
 import TokenImage from './components/uikit-sdk/TokenImage';
+import ApeBondSDK from './components/ApeBondSDK';
 import { useApproval } from './adapters/evm/state/useAllowance';
 import useBondsData from './state/bonds/useBondsData';
 /** @deprecated Use granular import: `import Bonds from '@ape.swap/bonds-sdk/views/Bonds'` */
@@ -57,8 +57,6 @@ declare const _SingleBond: typeof SingleBond;
 declare const _useTokenPrices: typeof useTokenPrices;
 /** @deprecated Use granular import: `import useBondsData from '@ape.swap/bonds-sdk/hooks/useBondsData'` */
 declare const _useBondsData: typeof useBondsData;
-/** @deprecated Use granular import: `import { useSDKConfig } from '@ape.swap/bonds-sdk/hooks/useSDKConfig'` */
-declare const _useSDKConfig: typeof useSDKConfig;
 /** @deprecated Use granular import: `import { BLOCK_EXPLORER } from '@ape.swap/bonds-sdk/constants/chains'` */
 declare const _BLOCK_EXPLORER: typeof BLOCK_EXPLORER;
 /** @deprecated Use granular import: `import useCurrencyBalance from '@ape.swap/bonds-sdk/hooks/useCurrencyBalance'` */
@@ -69,4 +67,6 @@ declare const _useUserTokensBalance: typeof useUserTokensBalance;
 declare const _TokenImage: typeof TokenImage;
 /** @deprecated Use granular import: `import { useApproval } from '@ape.swap/bonds-sdk/hooks/useApproval'` */
 declare const _useApproval: typeof useApproval;
-export { _Bonds as Bonds, _BuyBondModal as BuyBondModal, _YourBonds as YourBonds, _FullBondsView as FullBondsView, _ProjectView as ProjectView, _generateImageFromTemplate as generateImageFromTemplate, _ChainId as ChainId, _SingleBond as SingleBond, _useTokenPrices as useTokenPrices, _useBondsData as useBondsData, _useSDKConfig as useSDKConfig, _BLOCK_EXPLORER as BLOCK_EXPLORER, _useCurrencyBalance as useCurrencyBalance, _useUserTokensBalance as useUserTokensBalance, _TokenImage as TokenImage, _useApproval as useApproval, };
+/** @deprecated Use granular import: `import ApeBondSDK from '@ape.swap/bonds-sdk/components/ApeBondSDK'` */
+declare const _ApeBondSDK: typeof ApeBondSDK;
+export { _Bonds as Bonds, _BuyBondModal as BuyBondModal, _YourBonds as YourBonds, _FullBondsView as FullBondsView, _ProjectView as ProjectView, _generateImageFromTemplate as generateImageFromTemplate, _ChainId as ChainId, _SingleBond as SingleBond, _useTokenPrices as useTokenPrices, _useBondsData as useBondsData, _BLOCK_EXPLORER as BLOCK_EXPLORER, _useCurrencyBalance as useCurrencyBalance, _useUserTokensBalance as useUserTokensBalance, _TokenImage as TokenImage, _useApproval as useApproval, _ApeBondSDK as ApeBondSDK, };

package/dist/main.js

@@ -7,11 +7,11 @@ import { generateImageFromTemplate } from './views/YourBondsModal/components/Lin
 import { ChainId } from '@ape.swap/apeswap-lists';
 import SingleBondWithProviders from './views/SingleBond/index.js';
 import useTokenPrices from './state/tokenPrices/useTokenPrices.js';
-import { useSDKConfig } from './state/useSDKConfig.js';
 import { BLOCK_EXPLORER } from './config/constants/chains.js';
 import useCurrencyBalance from './state/balance/useCurrencyBalance.js';
 import useUserTokensBalance from './state/balance/useUserTokensBalance.js';
 import TokenImage from './components/uikit-sdk/TokenImage/index.js';
+import ApeBondSDK from './components/ApeBondSDK/index.js';
 import { useApproval } from './adapters/evm/state/useAllowance.js';
 import useBondsData from './state/bonds/useBondsData.js';
 
@@ -59,8 +59,6 @@ const _SingleBond = SingleBondWithProviders;
 const _useTokenPrices = useTokenPrices;
 /** @deprecated Use granular import: `import useBondsData from '@ape.swap/bonds-sdk/hooks/useBondsData'` */
 const _useBondsData = useBondsData;
-/** @deprecated Use granular import: `import { useSDKConfig } from '@ape.swap/bonds-sdk/hooks/useSDKConfig'` */
-const _useSDKConfig = useSDKConfig;
 /** @deprecated Use granular import: `import { BLOCK_EXPLORER } from '@ape.swap/bonds-sdk/constants/chains'` */
 const _BLOCK_EXPLORER = BLOCK_EXPLORER;
 /** @deprecated Use granular import: `import useCurrencyBalance from '@ape.swap/bonds-sdk/hooks/useCurrencyBalance'` */
@@ -71,6 +69,8 @@ const _useUserTokensBalance = useUserTokensBalance;
 const _TokenImage = TokenImage;
 /** @deprecated Use granular import: `import { useApproval } from '@ape.swap/bonds-sdk/hooks/useApproval'` */
 const _useApproval = useApproval;
+/** @deprecated Use granular import: `import ApeBondSDK from '@ape.swap/bonds-sdk/components/ApeBondSDK'` */
+const _ApeBondSDK = ApeBondSDK;
 
-export { _BLOCK_EXPLORER as BLOCK_EXPLORER, _Bonds as Bonds, _BuyBondModal as BuyBondModal, _ChainId as ChainId, _FullBondsView as FullBondsView, _ProjectView as ProjectView, _SingleBond as SingleBond, _TokenImage as TokenImage, _YourBonds as YourBonds, _generateImageFromTemplate as generateImageFromTemplate, _useApproval as useApproval, _useBondsData as useBondsData, _useCurrencyBalance as useCurrencyBalance, _useSDKConfig as useSDKConfig, _useTokenPrices as useTokenPrices, _useUserTokensBalance as useUserTokensBalance };
+export { _ApeBondSDK as ApeBondSDK, _BLOCK_EXPLORER as BLOCK_EXPLORER, _Bonds as Bonds, _BuyBondModal as BuyBondModal, _ChainId as ChainId, _FullBondsView as FullBondsView, _ProjectView as ProjectView, _SingleBond as SingleBond, _TokenImage as TokenImage, _YourBonds as YourBonds, _generateImageFromTemplate as generateImageFromTemplate, _useApproval as useApproval, _useBondsData as useBondsData, _useCurrencyBalance as useCurrencyBalance, _useTokenPrices as useTokenPrices, _useUserTokensBalance as useUserTokensBalance };
 //# sourceMappingURL=main.js.map

package/dist/main.js.map

@@ -1 +1 @@
-{"version":3,"file":"main.js","sources":["../src/main.ts"],"sourcesContent":["/**\n * @ape.swap/bonds-sdk - Main Entry Point\n *\n * This barrel export provides backward compatibility.\n * For optimal bundle size, use granular imports:\n *\n * @example Tree-shakeable imports (RECOMMENDED for bundle optimization)\n * ```typescript\n * // Import only what you need - reduces bundle by ~90%\n * import Bonds from '@ape.swap/bonds-sdk/views/Bonds'\n * import TokenImage from '@ape.swap/bonds-sdk/components/TokenImage'\n * import { useTokenPrices } from '@ape.swap/bonds-sdk/hooks/useTokenPrices'\n * ```\n *\n * @example Barrel imports (backward compatible, larger bundle)\n * ```typescript\n * // Works but includes more code in bundle\n * import { Bonds, TokenImage, useTokenPrices } from '@ape.swap/bonds-sdk'\n * ```\n *\n * @see https://vercel.com/docs/concepts/functions/edge-functions/best-practices\n * Rule: bundle-barrel-imports - Avoid barrel imports for optimal tree-shaking\n */\n\n// Components\nimport Bonds from './views/Bonds'\nimport YourBonds from './views/YourBonds'\nimport BuyBondModal from './views/BuyBond'\nimport FullBondsView from './views/FullBondsView'\nimport ProjectView from './views/ProjectView'\nimport { generateImageFromTemplate } from './views/YourBondsModal/components/LinkShare/utils'\nimport { ChainId } from '@ape.swap/apeswap-lists'\nimport SingleBond from './views/SingleBond'\nimport useTokenPrices from './state/tokenPrices/useTokenPrices'\nimport { useSDKConfig } from './state/useSDKConfig'\nimport { BLOCK_EXPLORER } from './config/constants/chains'\nimport useCurrencyBalance from './state/balance/useCurrencyBalance'\nimport useUserTokensBalance from './state/balance/useUserTokensBalance'\nimport TokenImage from './components/uikit-sdk/TokenImage'\n// The legacy barrel keeps re-exporting useApproval, so it requires the EVM peers (wagmi, viem); partners without EVM\n// use the subpath imports instead. See docs/PLAN_CHAIN_ADAPTERS.md, section 3.7.\n// eslint-disable-next-line no-restricted-imports\nimport { useApproval } from './adapters/evm/state/useAllowance'\nimport useBondsData from './state/bonds/useBondsData'\n\n/** @deprecated Use granular import: `import Bonds from '@ape.swap/bonds-sdk/views/Bonds'` */\nconst _Bonds: typeof Bonds = Bonds\n/** @deprecated Use granular import: `import BuyBondModal from '@ape.swap/bonds-sdk/views/BuyBondModal'` */\nconst _BuyBondModal: typeof BuyBondModal = BuyBondModal\n/** @deprecated Use granular import: `import YourBonds from '@ape.swap/bonds-sdk/views/YourBonds'` */\nconst _YourBonds: typeof YourBonds = YourBonds\n/** @deprecated Use granular import: `import FullBondsView from '@ape.swap/bonds-sdk/views/FullBondsView'` */\nconst _FullBondsView: typeof FullBondsView = FullBondsView\n/** @deprecated Use granular import: `import ProjectView from '@ape.swap/bonds-sdk/views/ProjectView'` */\nconst _ProjectView: typeof ProjectView = ProjectView\n/** @deprecated Use granular import: `import { generateImageFromTemplate } from '@ape.swap/bonds-sdk/utils/generateImageFromTemplate'` */\nconst _generateImageFromTemplate: typeof generateImageFromTemplate = generateImageFromTemplate\n/** @deprecated Use granular import: `import { ChainId } from '@ape.swap/apeswap-lists'` */\nconst _ChainId: typeof ChainId = ChainId\n/** @deprecated Use granular import: `import SingleBond from '@ape.swap/bonds-sdk/views/SingleBond'` */\nconst _SingleBond: typeof SingleBond = SingleBond\n/** @deprecated Use granular import: `import useTokenPrices from '@ape.swap/bonds-sdk/hooks/useTokenPrices'` */\nconst _useTokenPrices: typeof useTokenPrices = useTokenPrices\n/** @deprecated Use granular import: `import useBondsData from '@ape.swap/bonds-sdk/hooks/useBondsData'` */\nconst _useBondsData: typeof useBondsData = useBondsData\n/** @deprecated Use granular import: `import { useSDKConfig } from '@ape.swap/bonds-sdk/hooks/useSDKConfig'` */\nconst _useSDKConfig: typeof useSDKConfig = useSDKConfig\n/** @deprecated Use granular import: `import { BLOCK_EXPLORER } from '@ape.swap/bonds-sdk/constants/chains'` */\nconst _BLOCK_EXPLORER: typeof BLOCK_EXPLORER = BLOCK_EXPLORER\n/** @deprecated Use granular import: `import useCurrencyBalance from '@ape.swap/bonds-sdk/hooks/useCurrencyBalance'` */\nconst _useCurrencyBalance: typeof useCurrencyBalance = useCurrencyBalance\n/** @deprecated Use granular import: `import useUserTokensBalance from '@ape.swap/bonds-sdk/hooks/useUserTokensBalance'` */\nconst _useUserTokensBalance: typeof useUserTokensBalance = useUserTokensBalance\n/** @deprecated Use granular import: `import TokenImage from '@ape.swap/bonds-sdk/components/TokenImage'` */\nconst _TokenImage: typeof TokenImage = TokenImage\n/** @deprecated Use granular import: `import { useApproval } from '@ape.swap/bonds-sdk/hooks/useApproval'` */\nconst _useApproval: typeof useApproval = useApproval\n\nexport {\n  _Bonds as Bonds,\n  _BuyBondModal as BuyBondModal,\n  _YourBonds as YourBonds,\n  _FullBondsView as FullBondsView,\n  _ProjectView as ProjectView,\n  _generateImageFromTemplate as generateImageFromTemplate,\n  _ChainId as ChainId,\n  _SingleBond as SingleBond,\n  _useTokenPrices as useTokenPrices,\n  _useBondsData as useBondsData,\n  _useSDKConfig as useSDKConfig,\n  _BLOCK_EXPLORER as BLOCK_EXPLORER,\n  _useCurrencyBalance as useCurrencyBalance,\n  _useUserTokensBalance as useUserTokensBalance,\n  _TokenImage as TokenImage,\n  _useApproval as useApproval,\n}\n"],"names":["Bonds","BuyBondModal","YourBonds","FullBondsView","ProjectView","SingleBond"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;;;;AAsBG;AAEH;AAqBA;AACA,MAAM,MAAM,GAAiBA;AAC7B;AACA,MAAM,aAAa,GAAwBC;AAC3C;AACA,MAAM,UAAU,GAAqBC;AACrC;AACA,MAAM,cAAc,GAAyBC;AAC7C;AACA,MAAM,YAAY,GAAuBC;AACzC;AACA,MAAM,0BAA0B,GAAqC;AACrE;AACA,MAAM,QAAQ,GAAmB;AACjC;AACA,MAAM,WAAW,GAAsBC;AACvC;AACA,MAAM,eAAe,GAA0B;AAC/C;AACA,MAAM,aAAa,GAAwB;AAC3C;AACA,MAAM,aAAa,GAAwB;AAC3C;AACA,MAAM,eAAe,GAA0B;AAC/C;AACA,MAAM,mBAAmB,GAA8B;AACvD;AACA,MAAM,qBAAqB,GAAgC;AAC3D;AACA,MAAM,WAAW,GAAsB;AACvC;AACA,MAAM,YAAY,GAAuB;;;;"}
+{"version":3,"file":"main.js","sources":["../src/main.ts"],"sourcesContent":["/**\n * @ape.swap/bonds-sdk - Main Entry Point\n *\n * This barrel export provides backward compatibility.\n * For optimal bundle size, use granular imports:\n *\n * @example Tree-shakeable imports (RECOMMENDED for bundle optimization)\n * ```typescript\n * // Import only what you need - reduces bundle by ~90%\n * import Bonds from '@ape.swap/bonds-sdk/views/Bonds'\n * import TokenImage from '@ape.swap/bonds-sdk/components/TokenImage'\n * import { useTokenPrices } from '@ape.swap/bonds-sdk/hooks/useTokenPrices'\n * ```\n *\n * @example Barrel imports (backward compatible, larger bundle)\n * ```typescript\n * // Works but includes more code in bundle\n * import { Bonds, TokenImage, useTokenPrices } from '@ape.swap/bonds-sdk'\n * ```\n *\n * @see https://vercel.com/docs/concepts/functions/edge-functions/best-practices\n * Rule: bundle-barrel-imports - Avoid barrel imports for optimal tree-shaking\n */\n\n// Components\nimport Bonds from './views/Bonds'\nimport YourBonds from './views/YourBonds'\nimport BuyBondModal from './views/BuyBond'\nimport FullBondsView from './views/FullBondsView'\nimport ProjectView from './views/ProjectView'\nimport { generateImageFromTemplate } from './views/YourBondsModal/components/LinkShare/utils'\nimport { ChainId } from '@ape.swap/apeswap-lists'\nimport SingleBond from './views/SingleBond'\nimport useTokenPrices from './state/tokenPrices/useTokenPrices'\nimport { BLOCK_EXPLORER } from './config/constants/chains'\nimport useCurrencyBalance from './state/balance/useCurrencyBalance'\nimport useUserTokensBalance from './state/balance/useUserTokensBalance'\nimport TokenImage from './components/uikit-sdk/TokenImage'\nimport ApeBondSDK from './components/ApeBondSDK'\n// The legacy barrel keeps re-exporting useApproval, so it requires the EVM peers (wagmi, viem); partners without EVM\n// use the subpath imports instead. See docs/PLAN_CHAIN_ADAPTERS.md, section 3.7.\n// eslint-disable-next-line no-restricted-imports\nimport { useApproval } from './adapters/evm/state/useAllowance'\nimport useBondsData from './state/bonds/useBondsData'\n\n/** @deprecated Use granular import: `import Bonds from '@ape.swap/bonds-sdk/views/Bonds'` */\nconst _Bonds: typeof Bonds = Bonds\n/** @deprecated Use granular import: `import BuyBondModal from '@ape.swap/bonds-sdk/views/BuyBondModal'` */\nconst _BuyBondModal: typeof BuyBondModal = BuyBondModal\n/** @deprecated Use granular import: `import YourBonds from '@ape.swap/bonds-sdk/views/YourBonds'` */\nconst _YourBonds: typeof YourBonds = YourBonds\n/** @deprecated Use granular import: `import FullBondsView from '@ape.swap/bonds-sdk/views/FullBondsView'` */\nconst _FullBondsView: typeof FullBondsView = FullBondsView\n/** @deprecated Use granular import: `import ProjectView from '@ape.swap/bonds-sdk/views/ProjectView'` */\nconst _ProjectView: typeof ProjectView = ProjectView\n/** @deprecated Use granular import: `import { generateImageFromTemplate } from '@ape.swap/bonds-sdk/utils/generateImageFromTemplate'` */\nconst _generateImageFromTemplate: typeof generateImageFromTemplate = generateImageFromTemplate\n/** @deprecated Use granular import: `import { ChainId } from '@ape.swap/apeswap-lists'` */\nconst _ChainId: typeof ChainId = ChainId\n/** @deprecated Use granular import: `import SingleBond from '@ape.swap/bonds-sdk/views/SingleBond'` */\nconst _SingleBond: typeof SingleBond = SingleBond\n/** @deprecated Use granular import: `import useTokenPrices from '@ape.swap/bonds-sdk/hooks/useTokenPrices'` */\nconst _useTokenPrices: typeof useTokenPrices = useTokenPrices\n/** @deprecated Use granular import: `import useBondsData from '@ape.swap/bonds-sdk/hooks/useBondsData'` */\nconst _useBondsData: typeof useBondsData = useBondsData\n/** @deprecated Use granular import: `import { BLOCK_EXPLORER } from '@ape.swap/bonds-sdk/constants/chains'` */\nconst _BLOCK_EXPLORER: typeof BLOCK_EXPLORER = BLOCK_EXPLORER\n/** @deprecated Use granular import: `import useCurrencyBalance from '@ape.swap/bonds-sdk/hooks/useCurrencyBalance'` */\nconst _useCurrencyBalance: typeof useCurrencyBalance = useCurrencyBalance\n/** @deprecated Use granular import: `import useUserTokensBalance from '@ape.swap/bonds-sdk/hooks/useUserTokensBalance'` */\nconst _useUserTokensBalance: typeof useUserTokensBalance = useUserTokensBalance\n/** @deprecated Use granular import: `import TokenImage from '@ape.swap/bonds-sdk/components/TokenImage'` */\nconst _TokenImage: typeof TokenImage = TokenImage\n/** @deprecated Use granular import: `import { useApproval } from '@ape.swap/bonds-sdk/hooks/useApproval'` */\nconst _useApproval: typeof useApproval = useApproval\n/** @deprecated Use granular import: `import ApeBondSDK from '@ape.swap/bonds-sdk/components/ApeBondSDK'` */\nconst _ApeBondSDK: typeof ApeBondSDK = ApeBondSDK\n\nexport {\n  _Bonds as Bonds,\n  _BuyBondModal as BuyBondModal,\n  _YourBonds as YourBonds,\n  _FullBondsView as FullBondsView,\n  _ProjectView as ProjectView,\n  _generateImageFromTemplate as generateImageFromTemplate,\n  _ChainId as ChainId,\n  _SingleBond as SingleBond,\n  _useTokenPrices as useTokenPrices,\n  _useBondsData as useBondsData,\n  _BLOCK_EXPLORER as BLOCK_EXPLORER,\n  _useCurrencyBalance as useCurrencyBalance,\n  _useUserTokensBalance as useUserTokensBalance,\n  _TokenImage as TokenImage,\n  _useApproval as useApproval,\n  _ApeBondSDK as ApeBondSDK,\n}\n"],"names":["Bonds","BuyBondModal","YourBonds","FullBondsView","ProjectView","SingleBond"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;;;;AAsBG;AAEH;AAqBA;AACA,MAAM,MAAM,GAAiBA;AAC7B;AACA,MAAM,aAAa,GAAwBC;AAC3C;AACA,MAAM,UAAU,GAAqBC;AACrC;AACA,MAAM,cAAc,GAAyBC;AAC7C;AACA,MAAM,YAAY,GAAuBC;AACzC;AACA,MAAM,0BAA0B,GAAqC;AACrE;AACA,MAAM,QAAQ,GAAmB;AACjC;AACA,MAAM,WAAW,GAAsBC;AACvC;AACA,MAAM,eAAe,GAA0B;AAC/C;AACA,MAAM,aAAa,GAAwB;AAC3C;AACA,MAAM,eAAe,GAA0B;AAC/C;AACA,MAAM,mBAAmB,GAA8B;AACvD;AACA,MAAM,qBAAqB,GAAgC;AAC3D;AACA,MAAM,WAAW,GAAsB;AACvC;AACA,MAAM,YAAY,GAAuB;AACzC;AACA,MAAM,WAAW,GAAsB;;;;"}

package/dist/providers/index.d.ts

@@ -9,6 +9,9 @@ import React from 'react';
  * The components exported from the src/main.ts file are all wrapped with this Provider component. Though the FullBondsView
  * component that imports the Bonds and YourBonds views, does NOT import the Bonds and YourBonds with providers, it imports
  * the component directly without providers. This is important to understand.
+ *
+ * The config and the adapters' AccountBridges come from <ApeBondSDK /> (components/ApeBondSDK), which consumers mount
+ * once at the app root; the views don't mount bridges themselves.
  */
 declare const Providers: ({ children }: {
     children: React.ReactNode;

package/dist/providers/index.js

@@ -1,7 +1,7 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsx } from 'react/jsx-runtime';
 import ModalProvider from '../contexts/ModalContext.js';
 import Popups from '../contexts/Popups.js';
-import { getRegisteredAdapters } from '../adapters/registry.js';
+import { useWarnIfNotConfigured } from '../state/useSDKConfig.js';
 
 /**
  * This is the list of local providers that will be used internally by the SDK
@@ -13,9 +13,13 @@ import { getRegisteredAdapters } from '../adapters/registry.js';
  * The components exported from the src/main.ts file are all wrapped with this Provider component. Though the FullBondsView
  * component that imports the Bonds and YourBonds views, does NOT import the Bonds and YourBonds with providers, it imports
  * the component directly without providers. This is important to understand.
+ *
+ * The config and the adapters' AccountBridges come from <ApeBondSDK /> (components/ApeBondSDK), which consumers mount
+ * once at the app root; the views don't mount bridges themselves.
  */
 const Providers = ({ children }) => {
-    return (jsxs("div", { className: "ape-root", children: [getRegisteredAdapters().map((adapter) => (jsx(adapter.AccountBridge, {}, adapter.ecosystem))), jsx(ModalProvider, { children: jsx(Popups, { children: children }) })] }));
+    useWarnIfNotConfigured();
+    return (jsx("div", { className: "ape-root", children: jsx(ModalProvider, { children: jsx(Popups, { children: children }) }) }));
 };
 
 export { Providers as default };

package/dist/providers/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/providers/index.tsx"],"sourcesContent":["import React from 'react'\nimport ModalProvider from '../contexts/ModalContext'\nimport Popups from '../contexts/Popups'\nimport { getRegisteredAdapters } from '../adapters/registry'\n\n/**\n * This is the list of local providers that will be used internally by the SDK\n *\n * It is important to understand the difference between this component and the one located on the dev directory,\n * which aims to simulate the providers required to be installed by the consumer of the SDK.\n *\n * Finally, it is important to note that this Providers component should NOT be used multiple times, so for instance:\n * The components exported from the src/main.ts file are all wrapped with this Provider component. Though the FullBondsView\n * component that imports the Bonds and YourBonds views, does NOT import the Bonds and YourBonds with providers, it imports\n * the component directly without providers. This is important to understand.\n */\n\nconst Providers = ({ children }: { children: React.ReactNode }) => {\n  return (\n    <div className=\"ape-root\">\n      {getRegisteredAdapters().map((adapter) => (\n        <adapter.AccountBridge key={adapter.ecosystem} />\n      ))}\n      <ModalProvider>\n        <Popups>{children}</Popups>\n      </ModalProvider>\n    </div>\n  )\n}\n\nexport default Providers\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;AAKA;;;;;;;;;;AAUG;AAEH,MAAM,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAiC,KAAI;AAChE,IAAA,QACEA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,UAAU,EAAA,QAAA,EAAA,CACtB,qBAAqB,EAAE,CAAC,GAAG,CAAC,CAAC,OAAO,MACnCC,IAAC,OAAO,CAAC,aAAa,EAAA,EAAA,EAAM,OAAO,CAAC,SAAS,CAAI,CAClD,CAAC,EACFA,GAAA,CAAC,aAAa,EAAA,EAAA,QAAA,EACZA,GAAA,CAAC,MAAM,EAAA,EAAA,QAAA,EAAE,QAAQ,GAAU,EAAA,CACb,CAAA,EAAA,CACZ;AAEV;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/providers/index.tsx"],"sourcesContent":["import React from 'react'\nimport ModalProvider from '../contexts/ModalContext'\nimport Popups from '../contexts/Popups'\nimport { useWarnIfNotConfigured } from '../state/useSDKConfig'\n\n/**\n * This is the list of local providers that will be used internally by the SDK\n *\n * It is important to understand the difference between this component and the one located on the dev directory,\n * which aims to simulate the providers required to be installed by the consumer of the SDK.\n *\n * Finally, it is important to note that this Providers component should NOT be used multiple times, so for instance:\n * The components exported from the src/main.ts file are all wrapped with this Provider component. Though the FullBondsView\n * component that imports the Bonds and YourBonds views, does NOT import the Bonds and YourBonds with providers, it imports\n * the component directly without providers. This is important to understand.\n *\n * The config and the adapters' AccountBridges come from <ApeBondSDK /> (components/ApeBondSDK), which consumers mount\n * once at the app root; the views don't mount bridges themselves.\n */\n\nconst Providers = ({ children }: { children: React.ReactNode }) => {\n  useWarnIfNotConfigured()\n  return (\n    <div className=\"ape-root\">\n      <ModalProvider>\n        <Popups>{children}</Popups>\n      </ModalProvider>\n    </div>\n  )\n}\n\nexport default Providers\n"],"names":["_jsx"],"mappings":";;;;;AAKA;;;;;;;;;;;;;AAaG;AAEH,MAAM,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAiC,KAAI;AAChE,IAAA,sBAAsB,EAAE;AACxB,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,UAAU,YACvBA,GAAA,CAAC,aAAa,EAAA,EAAA,QAAA,EACZA,GAAA,CAAC,MAAM,EAAA,EAAA,QAAA,EAAE,QAAQ,GAAU,EAAA,CACb,EAAA,CACZ;AAEV;;;;"}

package/dist/state/chainAccount/useChainAccount.d.ts

@@ -9,5 +9,9 @@ export interface ChainAccount {
  * disconnected account when the family's adapter isn't registered. Chain-agnostic: safe to call from core code.
  */
 export default function useChainAccount(ecosystem: Ecosystem): ChainAccount;
-/** For adapter `AccountBridge`s: keeps the family's account in the query cache in sync with its wallet library. */
+/**
+ * For adapter `AccountBridge`s: keeps the family's account in the query cache in sync with its wallet library. When
+ * the family's last bridge unmounts, the account is reset to disconnected: nothing would keep it in sync anymore, so
+ * keeping the last address would show stale (or another wallet's) data after a disconnect or wallet switch.
+ */
 export declare const usePublishChainAccount: (ecosystem: Ecosystem, { address, connected, chainId }: ChainAccount) => void;

package/dist/state/chainAccount/useChainAccount.js

@@ -18,12 +18,30 @@ function useChainAccount(ecosystem) {
     });
     return data;
 }
-/** For adapter `AccountBridge`s: keeps the family's account in the query cache in sync with its wallet library. */
+// Mounted AccountBridges per family. <ApeBondSDK /> normally mounts one per family, but more can be mounted at once
+// (e.g. two <ApeBondSDK /> while one unmounts); they read the same wallet, so they publish the same account.
+const mountedBridges = new WeakMap();
+/**
+ * For adapter `AccountBridge`s: keeps the family's account in the query cache in sync with its wallet library. When
+ * the family's last bridge unmounts, the account is reset to disconnected: nothing would keep it in sync anymore, so
+ * keeping the last address would show stale (or another wallet's) data after a disconnect or wallet switch.
+ */
 const usePublishChainAccount = (ecosystem, { address, connected, chainId }) => {
     const queryClient = useQueryClient();
     useEffect(() => {
         queryClient.setQueryData(chainAccountQueryKey(ecosystem), { address, connected, chainId });
     }, [queryClient, ecosystem, address, connected, chainId]);
+    useEffect(() => {
+        const counts = mountedBridges.get(queryClient) ?? new Map();
+        mountedBridges.set(queryClient, counts);
+        counts.set(ecosystem, (counts.get(ecosystem) ?? 0) + 1);
+        return () => {
+            const left = (counts.get(ecosystem) ?? 1) - 1;
+            counts.set(ecosystem, left);
+            if (left === 0)
+                queryClient.setQueryData(chainAccountQueryKey(ecosystem), DISCONNECTED);
+        };
+    }, [queryClient, ecosystem]);
 };
 
 export { useChainAccount as default, usePublishChainAccount };

package/dist/state/chainAccount/useChainAccount.js.map

@@ -1 +1 @@
-{"version":3,"file":"useChainAccount.js","sources":["../../../src/state/chainAccount/useChainAccount.ts"],"sourcesContent":["import { useEffect } from 'react'\nimport { useQuery, useQueryClient } from '@tanstack/react-query'\nimport { QUERY_KEYS } from '../../config/constants/queryKeys'\nimport type { Ecosystem } from '../../adapters/types'\n\nexport interface ChainAccount {\n  address: string | null\n  connected: boolean\n  chainId?: number\n}\n\nconst DISCONNECTED: ChainAccount = { address: null, connected: false }\n\nconst chainAccountQueryKey = (ecosystem: Ecosystem) => [QUERY_KEYS.CHAIN_ACCOUNT, ecosystem]\n\n/**\n * The connected account of a chain family, as published by that family's adapter `AccountBridge`. Returns a\n * disconnected account when the family's adapter isn't registered. Chain-agnostic: safe to call from core code.\n */\nexport default function useChainAccount(ecosystem: Ecosystem): ChainAccount {\n  const { data } = useQuery({\n    queryKey: chainAccountQueryKey(ecosystem),\n    // Written by usePublishChainAccount; the query is only used as a store.\n    queryFn: ({ client }) => client.getQueryData<ChainAccount>(chainAccountQueryKey(ecosystem)) ?? DISCONNECTED,\n    initialData: DISCONNECTED,\n    staleTime: Infinity,\n  })\n  return data\n}\n\n/** For adapter `AccountBridge`s: keeps the family's account in the query cache in sync with its wallet library. */\nexport const usePublishChainAccount = (ecosystem: Ecosystem, { address, connected, chainId }: ChainAccount) => {\n  const queryClient = useQueryClient()\n\n  useEffect(() => {\n    queryClient.setQueryData<ChainAccount>(chainAccountQueryKey(ecosystem), { address, connected, chainId })\n  }, [queryClient, ecosystem, address, connected, chainId])\n}\n"],"names":[],"mappings":";;;;AAWA,MAAM,YAAY,GAAiB,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE;AAEtE,MAAM,oBAAoB,GAAG,CAAC,SAAoB,KAAK,CAAC,UAAU,CAAC,aAAa,EAAE,SAAS,CAAC;AAE5F;;;AAGG;AACW,SAAU,eAAe,CAAC,SAAoB,EAAA;AAC1D,IAAA,MAAM,EAAE,IAAI,EAAE,GAAG,QAAQ,CAAC;AACxB,QAAA,QAAQ,EAAE,oBAAoB,CAAC,SAAS,CAAC;;AAEzC,QAAA,OAAO,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,MAAM,CAAC,YAAY,CAAe,oBAAoB,CAAC,SAAS,CAAC,CAAC,IAAI,YAAY;AAC3G,QAAA,WAAW,EAAE,YAAY;AACzB,QAAA,SAAS,EAAE,QAAQ;AACpB,KAAA,CAAC;AACF,IAAA,OAAO,IAAI;AACb;AAEA;AACO,MAAM,sBAAsB,GAAG,CAAC,SAAoB,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAgB,KAAI;AAC5G,IAAA,MAAM,WAAW,GAAG,cAAc,EAAE;IAEpC,SAAS,CAAC,MAAK;AACb,QAAA,WAAW,CAAC,YAAY,CAAe,oBAAoB,CAAC,SAAS,CAAC,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC;AAC1G,IAAA,CAAC,EAAE,CAAC,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC;AAC3D;;;;"}
+{"version":3,"file":"useChainAccount.js","sources":["../../../src/state/chainAccount/useChainAccount.ts"],"sourcesContent":["import { useEffect } from 'react'\nimport { QueryClient, useQuery, useQueryClient } from '@tanstack/react-query'\nimport { QUERY_KEYS } from '../../config/constants/queryKeys'\nimport type { Ecosystem } from '../../adapters/types'\n\nexport interface ChainAccount {\n  address: string | null\n  connected: boolean\n  chainId?: number\n}\n\nconst DISCONNECTED: ChainAccount = { address: null, connected: false }\n\nconst chainAccountQueryKey = (ecosystem: Ecosystem) => [QUERY_KEYS.CHAIN_ACCOUNT, ecosystem]\n\n/**\n * The connected account of a chain family, as published by that family's adapter `AccountBridge`. Returns a\n * disconnected account when the family's adapter isn't registered. Chain-agnostic: safe to call from core code.\n */\nexport default function useChainAccount(ecosystem: Ecosystem): ChainAccount {\n  const { data } = useQuery({\n    queryKey: chainAccountQueryKey(ecosystem),\n    // Written by usePublishChainAccount; the query is only used as a store.\n    queryFn: ({ client }) => client.getQueryData<ChainAccount>(chainAccountQueryKey(ecosystem)) ?? DISCONNECTED,\n    initialData: DISCONNECTED,\n    staleTime: Infinity,\n  })\n  return data\n}\n\n// Mounted AccountBridges per family. <ApeBondSDK /> normally mounts one per family, but more can be mounted at once\n// (e.g. two <ApeBondSDK /> while one unmounts); they read the same wallet, so they publish the same account.\nconst mountedBridges = new WeakMap<QueryClient, Map<Ecosystem, number>>()\n\n/**\n * For adapter `AccountBridge`s: keeps the family's account in the query cache in sync with its wallet library. When\n * the family's last bridge unmounts, the account is reset to disconnected: nothing would keep it in sync anymore, so\n * keeping the last address would show stale (or another wallet's) data after a disconnect or wallet switch.\n */\nexport const usePublishChainAccount = (ecosystem: Ecosystem, { address, connected, chainId }: ChainAccount) => {\n  const queryClient = useQueryClient()\n\n  useEffect(() => {\n    queryClient.setQueryData<ChainAccount>(chainAccountQueryKey(ecosystem), { address, connected, chainId })\n  }, [queryClient, ecosystem, address, connected, chainId])\n\n  useEffect(() => {\n    const counts = mountedBridges.get(queryClient) ?? new Map<Ecosystem, number>()\n    mountedBridges.set(queryClient, counts)\n    counts.set(ecosystem, (counts.get(ecosystem) ?? 0) + 1)\n    return () => {\n      const left = (counts.get(ecosystem) ?? 1) - 1\n      counts.set(ecosystem, left)\n      if (left === 0) queryClient.setQueryData<ChainAccount>(chainAccountQueryKey(ecosystem), DISCONNECTED)\n    }\n  }, [queryClient, ecosystem])\n}\n"],"names":[],"mappings":";;;;AAWA,MAAM,YAAY,GAAiB,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE;AAEtE,MAAM,oBAAoB,GAAG,CAAC,SAAoB,KAAK,CAAC,UAAU,CAAC,aAAa,EAAE,SAAS,CAAC;AAE5F;;;AAGG;AACW,SAAU,eAAe,CAAC,SAAoB,EAAA;AAC1D,IAAA,MAAM,EAAE,IAAI,EAAE,GAAG,QAAQ,CAAC;AACxB,QAAA,QAAQ,EAAE,oBAAoB,CAAC,SAAS,CAAC;;AAEzC,QAAA,OAAO,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,MAAM,CAAC,YAAY,CAAe,oBAAoB,CAAC,SAAS,CAAC,CAAC,IAAI,YAAY;AAC3G,QAAA,WAAW,EAAE,YAAY;AACzB,QAAA,SAAS,EAAE,QAAQ;AACpB,KAAA,CAAC;AACF,IAAA,OAAO,IAAI;AACb;AAEA;AACA;AACA,MAAM,cAAc,GAAG,IAAI,OAAO,EAAuC;AAEzE;;;;AAIG;AACI,MAAM,sBAAsB,GAAG,CAAC,SAAoB,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAgB,KAAI;AAC5G,IAAA,MAAM,WAAW,GAAG,cAAc,EAAE;IAEpC,SAAS,CAAC,MAAK;AACb,QAAA,WAAW,CAAC,YAAY,CAAe,oBAAoB,CAAC,SAAS,CAAC,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC;AAC1G,IAAA,CAAC,EAAE,CAAC,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC;IAEzD,SAAS,CAAC,MAAK;AACb,QAAA,MAAM,MAAM,GAAG,cAAc,CAAC,GAAG,CAAC,WAAW,CAAC,IAAI,IAAI,GAAG,EAAqB;AAC9E,QAAA,cAAc,CAAC,GAAG,CAAC,WAAW,EAAE,MAAM,CAAC;AACvC,QAAA,MAAM,CAAC,GAAG,CAAC,SAAS,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AACvD,QAAA,OAAO,MAAK;AACV,YAAA,MAAM,IAAI,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;AAC7C,YAAA,MAAM,CAAC,GAAG,CAAC,SAAS,EAAE,IAAI,CAAC;YAC3B,IAAI,IAAI,KAAK,CAAC;gBAAE,WAAW,CAAC,YAAY,CAAe,oBAAoB,CAAC,SAAS,CAAC,EAAE,YAAY,CAAC;AACvG,QAAA,CAAC;AACH,IAAA,CAAC,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;AAC9B;;;;"}

package/dist/state/useSDKConfig.d.ts

@@ -57,6 +57,17 @@ export interface SDKProps {
     customBranch?: string;
     highlightedBond?: string;
 }
-export declare const useSDKConfig: (config?: SDKPropsDTO) => SDKProps;
+/**
+ * Reads the SDK config set by <ApeBondSDK />. Reading never stores anything, so <ApeBondSDK /> wins whenever it
+ * renders, even after the components that read the config.
+ */
+export declare const useSDKConfig: () => SDKProps;
+/**
+ * Sets the SDK config. Only <ApeBondSDK /> calls it. The config is stored the first time (later prop changes don't
+ * rewrite it); the registries (custom RPCs, adapters, wallet openers) follow the props.
+ */
+export declare const useConfigureSDK: (config: SDKPropsDTO) => void;
+/** For the views: logs once if they render without <ApeBondSDK /> (they'd show no bonds). */
+export declare const useWarnIfNotConfigured: () => void;
 export type URLKeys = 'apiV2' | 'realTimeApi' | 'mainUrl';
 export declare const useURLByEnvironment: (key: URLKeys) => string;

package/dist/state/useSDKConfig.js

@@ -1,5 +1,5 @@
 import { useEffect } from 'react';
-import { useQuery } from '@tanstack/react-query';
+import { useQuery, useQueryClient } from '@tanstack/react-query';
 import { QUERY_KEYS } from '../config/constants/queryKeys.js';
 import { ChainId } from '@ape.swap/apeswap-lists';
 import { setCustomRPCS } from '../config/constants/networks.js';
@@ -38,8 +38,8 @@ const logOnce = (message) => {
 const getSupportedChains = (chains) => {
     if (getRegisteredAdapters().length === 0) {
         logOnce('[ApeBond SDK] No chain adapters registered, so no chains are shown. Since v7, pass the adapters of the chain ' +
-            'families you use, e.g. adapters={[evmAdapter]} from "@ape.swap/bonds-sdk/adapters/evm". See the README ' +
-            '("Upgrading from v6").');
+            'families you use to <ApeBondSDK />, e.g. adapters={[evmAdapter]} from "@ape.swap/bonds-sdk/adapters/evm". ' +
+            'See the README ("Upgrading from v6").');
         return [];
     }
     const missing = new Map();
@@ -53,76 +53,96 @@ const getSupportedChains = (chains) => {
     missing.forEach((chainIds, hint) => logOnce(`[ApeBond SDK] Chains ${chainIds.join(', ')} are configured but not supported without ${hint}; they're hidden.`));
     return supported;
 };
-const useSDKConfig = (config) => {
-    const urls = process.env.NODE_ENV === 'production' ? defaultUrls : stagingUrls;
+const urlsByEnvironment = process.env.NODE_ENV === 'production' ? defaultUrls : stagingUrls;
+const configQueryKey = [QUERY_KEYS.SDK_CONFIG];
+// The config query is only a store: <ApeBondSDK /> fills it through `initialData`, and it is never fetched.
+const noFetch = () => {
+    throw new Error('[ApeBond SDK] The SDK config is set by <ApeBondSDK />, never fetched');
+};
+// What readers get before <ApeBondSDK /> has configured the SDK. Not stored, so it can't shadow the real config.
+const UNCONFIGURED = {
+    referenceId: '',
+    chains: [],
+    hotBondChains: [ChainId.BSC, ChainId.MATIC],
+    openWalletConnectors: { evm: false, sol: false, sui: false, aptos: false },
+    useHotBonds: true,
+    useTiers: false,
+    useTGEBonds: false,
+    showLowValueBonds: false,
+    namingPreference: 'Bonus',
+    useCardsView: false,
+    blockSales: false,
+    customBranch: '',
+    urls: urlsByEnvironment,
+    highestCompatibleVersion: '2.2.0',
+};
+/**
+ * Reads the SDK config set by <ApeBondSDK />. Reading never stores anything, so <ApeBondSDK /> wins whenever it
+ * renders, even after the components that read the config.
+ */
+const useSDKConfig = () => {
+    const { data } = useQuery({ queryKey: configQueryKey, queryFn: noFetch, enabled: false, staleTime: Infinity });
+    return data ?? UNCONFIGURED;
+};
+/**
+ * Sets the SDK config. Only <ApeBondSDK /> calls it. The config is stored the first time (later prop changes don't
+ * rewrite it); the registries (custom RPCs, adapters, wallet openers) follow the props.
+ */
+const useConfigureSDK = (config) => {
     // Adapters hold components and functions, so they live in the adapter registry, not in the cached config.
-    const { adapters, ...configProps } = (config ?? {});
-    const hasConfig = config !== undefined;
-    const customRPCS = config?.customRPCS;
+    const { adapters, ...configProps } = config;
     // Registries read by query functions are filled synchronously during render, not in an effect, so the first
-    // render and the first queries already see them. Both calls are idempotent. Calls without config only read
-    // shared settings and must not overwrite the registries.
-    if (hasConfig) {
-        setCustomRPCS(customRPCS ?? {});
-        if (adapters)
-            registerAdapters(adapters);
-    }
+    // render and the first queries already see them. Both calls are idempotent.
+    if (config.customRPCS)
+        setCustomRPCS(config.customRPCS);
+    if (adapters)
+        registerAdapters(adapters);
     const initialData = {
-        referenceId: '',
-        hotBondChains: [ChainId.BSC, ChainId.MATIC],
-        useHotBonds: true,
-        useTGEBonds: false,
-        showLowValueBonds: false,
+        ...UNCONFIGURED,
         bondPartner: undefined,
-        namingPreference: 'Bonus',
-        useCardsView: false,
-        blockSales: false,
-        customBranch: '',
         ...configProps,
         // Chains without a registered adapter are unsupported: drop them (with a console error) instead of rendering
         // empty sections.
-        chains: hasConfig ? getSupportedChains(config.chains ?? []) : [],
+        chains: getSupportedChains(config.chains ?? []),
         openWalletConnectors: {
-            evm: !!config?.openWalletConnectors?.evm,
-            sol: !!config?.openWalletConnectors?.sol,
-            sui: !!config?.openWalletConnectors?.sui,
-            aptos: !!config?.openWalletConnectors?.aptos,
+            evm: !!config.openWalletConnectors?.evm,
+            sol: !!config.openWalletConnectors?.sol,
+            sui: !!config.openWalletConnectors?.sui,
+            aptos: !!config.openWalletConnectors?.aptos,
         },
-        useTiers: config?.namingPreference === 'Discount' ? false : (config?.useTiers ?? false), // for the time being we'll assume discount preference does not want to useTiers
-        urls: { ...urls, ...config?.urls },
+        useTiers: config.namingPreference === 'Discount' ? false : (config.useTiers ?? false), // for the time being we'll assume discount preference does not want to useTiers
+        urls: { ...urlsByEnvironment, ...config.urls },
         highestCompatibleVersion: '2.2.0',
     };
-    const evmConnectorOpener = config?.openWalletConnectors?.evm;
-    const solConnectorOpener = config?.openWalletConnectors?.sol;
-    const suiConnectorOpener = config?.openWalletConnectors?.sui;
-    const aptosConnectorOpener = config?.openWalletConnectors?.aptos;
+    const { evm, sol, sui, aptos } = config.openWalletConnectors ?? {};
     useEffect(() => {
-        // Calls without config only read shared settings and must not overwrite their registries.
-        if (!hasConfig) {
-            return;
+        if (evm)
+            setWalletConnectorOpener('evm', evm);
+        if (sol)
+            setWalletConnectorOpener('sol', sol);
+        if (sui)
+            setWalletConnectorOpener('sui', sui);
+        if (aptos)
+            setWalletConnectorOpener('aptos', aptos);
+    }, [evm, sol, sui, aptos]);
+    // Also fills the query when a reader created it first (without data).
+    useQuery({ queryKey: configQueryKey, queryFn: noFetch, enabled: false, staleTime: Infinity, initialData });
+};
+/** For the views: logs once if they render without <ApeBondSDK /> (they'd show no bonds). */
+const useWarnIfNotConfigured = () => {
+    const queryClient = useQueryClient();
+    useEffect(() => {
+        // In an effect: <ApeBondSDK /> may render after the view in the same commit.
+        if (queryClient.getQueryData(configQueryKey) === undefined) {
+            logOnce('[ApeBond SDK] The SDK views need <ApeBondSDK /> (@ape.swap/bonds-sdk/components/ApeBondSDK) mounted with your ' +
+                'config (referenceId, chains, adapters…); without it components and hooks will not work properly');
         }
-        if (evmConnectorOpener)
-            setWalletConnectorOpener('evm', evmConnectorOpener);
-        if (solConnectorOpener)
-            setWalletConnectorOpener('sol', solConnectorOpener);
-        if (suiConnectorOpener)
-            setWalletConnectorOpener('sui', suiConnectorOpener);
-        if (aptosConnectorOpener)
-            setWalletConnectorOpener('aptos', aptosConnectorOpener);
-    }, [hasConfig, evmConnectorOpener, solConnectorOpener, suiConnectorOpener, aptosConnectorOpener]);
-    const { data } = useQuery({
-        queryKey: [QUERY_KEYS.SDK_CONFIG],
-        queryFn: () => {
-            throw new Error('Just a hotfix for latest versions of react-query that make queryFn a required prop');
-        },
-        initialData,
-    });
-    return data;
+    }, [queryClient]);
 };
 const useURLByEnvironment = (key) => {
     const config = useSDKConfig();
     return config?.urls?.[key];
 };
 
-export { useSDKConfig, useURLByEnvironment };
+export { useConfigureSDK, useSDKConfig, useURLByEnvironment, useWarnIfNotConfigured };
 //# sourceMappingURL=useSDKConfig.js.map

package/dist/state/useSDKConfig.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSDKConfig.js","sources":["../../src/state/useSDKConfig.ts"],"sourcesContent":["import { useEffect } from 'react'\nimport { useQuery } from '@tanstack/react-query'\nimport { QUERY_KEYS } from '../config/constants/queryKeys'\nimport { ChainId } from '@ape.swap/apeswap-lists'\nimport { setCustomRPCS } from '../config/constants/networks'\nimport { setWalletConnectorOpener } from '../config/constants/walletConnectors'\nimport { getAdapterForChain, getRegisteredAdapters, registerAdapters } from '../adapters/registry'\nimport type { SDKAdapter } from '../adapters/types'\n\n// Prod URLS. Do not make changes here\nconst defaultUrls = {\n  apiV2: 'https://api.ape.bond',\n  realTimeApi: 'https://realtime-api.ape.bond',\n  mainUrl: 'https://ape.bond',\n}\n\n// Staging URLS.\nconst stagingUrls = {\n  apiV2: 'https://staging-api.ape.bond',\n  realTimeApi: 'https://realtime-api-staging.ape.bond',\n  mainUrl: 'https://staging.ape.bond',\n}\n\nexport interface OpenWalletConnectorsDTO {\n  evm?: () => void\n  sol?: () => void\n  sui?: () => void\n  aptos?: () => void\n}\n\nexport interface SDKPropsDTO {\n  referenceId: string\n  chains: number[]\n  hotBondChains?: number[]\n  useHotBonds?: boolean\n  useTiers?: boolean\n  useTGEBonds?: boolean\n  useCardsView?: boolean\n  showLowValueBonds?: boolean\n  bondPartner?: string\n  namingPreference?: 'Discount' | 'Bonus'\n  urls?: Partial<Record<URLKeys, string>>\n  highestCompatibleVersion?: string\n  blockSales?: boolean\n  customBranch?: string\n  highlightedBond?: string\n  customRPCS?: Partial<Record<ChainId, string[]>>\n  openWalletConnectors?: OpenWalletConnectorsDTO\n  aptosAddress?: string\n  suiAddress?: string\n  suiTreasuryAddresses?: string[]\n  /** Chain-family adapters (and optionally a bridge adapter) to enable. Required since v7; see the README. */\n  adapters?: SDKAdapter[]\n}\n\nexport interface SDKProps {\n  referenceId: string\n  chains: number[]\n  hotBondChains: number[]\n  openWalletConnectors?: {\n    evm?: boolean\n    sol?: boolean\n    sui?: boolean\n    aptos?: boolean\n  }\n  useHotBonds: boolean\n  useTiers: boolean\n  useTGEBonds: boolean\n  showLowValueBonds: boolean\n  bondPartner?: string\n  namingPreference: 'Discount' | 'Bonus'\n  urls: Record<URLKeys, string>\n  highestCompatibleVersion?: string\n  evmAddress?: string\n  solAddress?: string\n  aptosAddress?: string\n  suiAddress?: string\n  useCardsView?: boolean\n  blockSales?: boolean\n  customBranch?: string\n  highlightedBond?: string\n}\n\n// Adapter each chain family needs, for the \"unsupported chain\" error message.\nconst adapterHint = (chainId: number) =>\n  chainId === ChainId.SOL\n    ? 'solanaAdapter (@ape.swap/bonds-sdk/adapters/solana)'\n    : chainId === ChainId.APTOS\n      ? 'aptosAdapter (@ape.swap/bonds-sdk/adapters/aptos)'\n      : chainId === ChainId.SUI\n        ? 'suiAdapter (@ape.swap/bonds-sdk/adapters/sui)'\n        : 'evmAdapter (@ape.swap/bonds-sdk/adapters/evm)'\n\n// Each message is logged once per page load, not on every render.\nconst loggedErrors = new Set<string>()\nconst logOnce = (message: string) => {\n  if (loggedErrors.has(message)) return\n  loggedErrors.add(message)\n  console.error(message)\n}\n\n/** Keeps the configured chains that have a registered adapter; the others are unsupported, and logged once. */\nconst getSupportedChains = (chains: number[]): number[] => {\n  if (getRegisteredAdapters().length === 0) {\n    logOnce(\n      '[ApeBond SDK] No chain adapters registered, so no chains are shown. Since v7, pass the adapters of the chain ' +\n        'families you use, e.g. adapters={[evmAdapter]} from \"@ape.swap/bonds-sdk/adapters/evm\". See the README ' +\n        '(\"Upgrading from v6\").',\n    )\n    return []\n  }\n  const missing = new Map<string, number[]>()\n  const supported = chains.filter((chainId) => {\n    if (getAdapterForChain(chainId)) return true\n    const hint = adapterHint(chainId)\n    missing.set(hint, [...(missing.get(hint) ?? []), chainId])\n    return false\n  })\n  missing.forEach((chainIds, hint) =>\n    logOnce(`[ApeBond SDK] Chains ${chainIds.join(', ')} are configured but not supported without ${hint}; they're hidden.`),\n  )\n  return supported\n}\n\nexport const useSDKConfig = (config?: SDKPropsDTO): SDKProps => {\n  const urls = process.env.NODE_ENV === 'production' ? defaultUrls : stagingUrls\n  // Adapters hold components and functions, so they live in the adapter registry, not in the cached config.\n  const { adapters, ...configProps } = (config ?? {}) as Partial<SDKPropsDTO>\n\n  const hasConfig = config !== undefined\n  const customRPCS = config?.customRPCS\n\n  // Registries read by query functions are filled synchronously during render, not in an effect, so the first\n  // render and the first queries already see them. Both calls are idempotent. Calls without config only read\n  // shared settings and must not overwrite the registries.\n  if (hasConfig) {\n    setCustomRPCS(customRPCS ?? {})\n    if (adapters) registerAdapters(adapters)\n  }\n\n  const initialData: SDKProps = {\n    referenceId: '',\n    hotBondChains: [ChainId.BSC, ChainId.MATIC],\n    useHotBonds: true,\n    useTGEBonds: false,\n    showLowValueBonds: false,\n    bondPartner: undefined,\n    namingPreference: 'Bonus',\n    useCardsView: false,\n    blockSales: false,\n    customBranch: '',\n    ...configProps,\n    // Chains without a registered adapter are unsupported: drop them (with a console error) instead of rendering\n    // empty sections.\n    chains: hasConfig ? getSupportedChains(config.chains ?? []) : [],\n    openWalletConnectors: {\n      evm: !!config?.openWalletConnectors?.evm,\n      sol: !!config?.openWalletConnectors?.sol,\n      sui: !!config?.openWalletConnectors?.sui,\n      aptos: !!config?.openWalletConnectors?.aptos,\n    },\n    useTiers: config?.namingPreference === 'Discount' ? false : (config?.useTiers ?? false), // for the time being we'll assume discount preference does not want to useTiers\n    urls: { ...urls, ...config?.urls },\n    highestCompatibleVersion: '2.2.0',\n  }\n\n\n  const evmConnectorOpener = config?.openWalletConnectors?.evm\n  const solConnectorOpener = config?.openWalletConnectors?.sol\n  const suiConnectorOpener = config?.openWalletConnectors?.sui\n  const aptosConnectorOpener = config?.openWalletConnectors?.aptos\n\n  useEffect(() => {\n    // Calls without config only read shared settings and must not overwrite their registries.\n    if (!hasConfig) {\n      return\n    }\n    if (evmConnectorOpener) setWalletConnectorOpener('evm', evmConnectorOpener)\n    if (solConnectorOpener) setWalletConnectorOpener('sol', solConnectorOpener)\n    if (suiConnectorOpener) setWalletConnectorOpener('sui', suiConnectorOpener)\n    if (aptosConnectorOpener) setWalletConnectorOpener('aptos', aptosConnectorOpener)\n  }, [hasConfig, evmConnectorOpener, solConnectorOpener, suiConnectorOpener, aptosConnectorOpener])\n\n  const { data } = useQuery({\n    queryKey: [QUERY_KEYS.SDK_CONFIG],\n    queryFn: () => {\n      throw new Error('Just a hotfix for latest versions of react-query that make queryFn a required prop')\n    },\n    initialData,\n  })\n  return data as SDKProps\n}\n\nexport type URLKeys = 'apiV2' | 'realTimeApi' | 'mainUrl'\n\nexport const useURLByEnvironment = (key: URLKeys) => {\n  const config = useSDKConfig()\n  return config?.urls?.[key] as string\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"useSDKConfig.js","sources":["../../src/state/useSDKConfig.ts"],"sourcesContent":["import { useEffect } from 'react'\nimport { useQuery, useQueryClient } from '@tanstack/react-query'\nimport { QUERY_KEYS } from '../config/constants/queryKeys'\nimport { ChainId } from '@ape.swap/apeswap-lists'\nimport { setCustomRPCS } from '../config/constants/networks'\nimport { setWalletConnectorOpener } from '../config/constants/walletConnectors'\nimport { getAdapterForChain, getRegisteredAdapters, registerAdapters } from '../adapters/registry'\nimport type { SDKAdapter } from '../adapters/types'\n\n// Prod URLS. Do not make changes here\nconst defaultUrls = {\n  apiV2: 'https://api.ape.bond',\n  realTimeApi: 'https://realtime-api.ape.bond',\n  mainUrl: 'https://ape.bond',\n}\n\n// Staging URLS.\nconst stagingUrls = {\n  apiV2: 'https://staging-api.ape.bond',\n  realTimeApi: 'https://realtime-api-staging.ape.bond',\n  mainUrl: 'https://staging.ape.bond',\n}\n\nexport interface OpenWalletConnectorsDTO {\n  evm?: () => void\n  sol?: () => void\n  sui?: () => void\n  aptos?: () => void\n}\n\nexport interface SDKPropsDTO {\n  referenceId: string\n  chains: number[]\n  hotBondChains?: number[]\n  useHotBonds?: boolean\n  useTiers?: boolean\n  useTGEBonds?: boolean\n  useCardsView?: boolean\n  showLowValueBonds?: boolean\n  bondPartner?: string\n  namingPreference?: 'Discount' | 'Bonus'\n  urls?: Partial<Record<URLKeys, string>>\n  highestCompatibleVersion?: string\n  blockSales?: boolean\n  customBranch?: string\n  highlightedBond?: string\n  customRPCS?: Partial<Record<ChainId, string[]>>\n  openWalletConnectors?: OpenWalletConnectorsDTO\n  aptosAddress?: string\n  suiAddress?: string\n  suiTreasuryAddresses?: string[]\n  /** Chain-family adapters (and optionally a bridge adapter) to enable. Required since v7; see the README. */\n  adapters?: SDKAdapter[]\n}\n\nexport interface SDKProps {\n  referenceId: string\n  chains: number[]\n  hotBondChains: number[]\n  openWalletConnectors?: {\n    evm?: boolean\n    sol?: boolean\n    sui?: boolean\n    aptos?: boolean\n  }\n  useHotBonds: boolean\n  useTiers: boolean\n  useTGEBonds: boolean\n  showLowValueBonds: boolean\n  bondPartner?: string\n  namingPreference: 'Discount' | 'Bonus'\n  urls: Record<URLKeys, string>\n  highestCompatibleVersion?: string\n  evmAddress?: string\n  solAddress?: string\n  aptosAddress?: string\n  suiAddress?: string\n  useCardsView?: boolean\n  blockSales?: boolean\n  customBranch?: string\n  highlightedBond?: string\n}\n\n// Adapter each chain family needs, for the \"unsupported chain\" error message.\nconst adapterHint = (chainId: number) =>\n  chainId === ChainId.SOL\n    ? 'solanaAdapter (@ape.swap/bonds-sdk/adapters/solana)'\n    : chainId === ChainId.APTOS\n      ? 'aptosAdapter (@ape.swap/bonds-sdk/adapters/aptos)'\n      : chainId === ChainId.SUI\n        ? 'suiAdapter (@ape.swap/bonds-sdk/adapters/sui)'\n        : 'evmAdapter (@ape.swap/bonds-sdk/adapters/evm)'\n\n// Each message is logged once per page load, not on every render.\nconst loggedErrors = new Set<string>()\nconst logOnce = (message: string) => {\n  if (loggedErrors.has(message)) return\n  loggedErrors.add(message)\n  console.error(message)\n}\n\n/** Keeps the configured chains that have a registered adapter; the others are unsupported, and logged once. */\nconst getSupportedChains = (chains: number[]): number[] => {\n  if (getRegisteredAdapters().length === 0) {\n    logOnce(\n      '[ApeBond SDK] No chain adapters registered, so no chains are shown. Since v7, pass the adapters of the chain ' +\n        'families you use to <ApeBondSDK />, e.g. adapters={[evmAdapter]} from \"@ape.swap/bonds-sdk/adapters/evm\". ' +\n        'See the README (\"Upgrading from v6\").',\n    )\n    return []\n  }\n  const missing = new Map<string, number[]>()\n  const supported = chains.filter((chainId) => {\n    if (getAdapterForChain(chainId)) return true\n    const hint = adapterHint(chainId)\n    missing.set(hint, [...(missing.get(hint) ?? []), chainId])\n    return false\n  })\n  missing.forEach((chainIds, hint) =>\n    logOnce(\n      `[ApeBond SDK] Chains ${chainIds.join(', ')} are configured but not supported without ${hint}; they're hidden.`,\n    ),\n  )\n  return supported\n}\n\nconst urlsByEnvironment = process.env.NODE_ENV === 'production' ? defaultUrls : stagingUrls\n\nconst configQueryKey = [QUERY_KEYS.SDK_CONFIG]\n\n// The config query is only a store: <ApeBondSDK /> fills it through `initialData`, and it is never fetched.\nconst noFetch = (): SDKProps => {\n  throw new Error('[ApeBond SDK] The SDK config is set by <ApeBondSDK />, never fetched')\n}\n\n// What readers get before <ApeBondSDK /> has configured the SDK. Not stored, so it can't shadow the real config.\nconst UNCONFIGURED: SDKProps = {\n  referenceId: '',\n  chains: [],\n  hotBondChains: [ChainId.BSC, ChainId.MATIC],\n  openWalletConnectors: { evm: false, sol: false, sui: false, aptos: false },\n  useHotBonds: true,\n  useTiers: false,\n  useTGEBonds: false,\n  showLowValueBonds: false,\n  namingPreference: 'Bonus',\n  useCardsView: false,\n  blockSales: false,\n  customBranch: '',\n  urls: urlsByEnvironment,\n  highestCompatibleVersion: '2.2.0',\n}\n\n/**\n * Reads the SDK config set by <ApeBondSDK />. Reading never stores anything, so <ApeBondSDK /> wins whenever it\n * renders, even after the components that read the config.\n */\nexport const useSDKConfig = (): SDKProps => {\n  const { data } = useQuery({ queryKey: configQueryKey, queryFn: noFetch, enabled: false, staleTime: Infinity })\n  return data ?? UNCONFIGURED\n}\n\n/**\n * Sets the SDK config. Only <ApeBondSDK /> calls it. The config is stored the first time (later prop changes don't\n * rewrite it); the registries (custom RPCs, adapters, wallet openers) follow the props.\n */\nexport const useConfigureSDK = (config: SDKPropsDTO): void => {\n  // Adapters hold components and functions, so they live in the adapter registry, not in the cached config.\n  const { adapters, ...configProps } = config\n\n  // Registries read by query functions are filled synchronously during render, not in an effect, so the first\n  // render and the first queries already see them. Both calls are idempotent.\n  if (config.customRPCS) setCustomRPCS(config.customRPCS)\n  if (adapters) registerAdapters(adapters)\n\n  const initialData: SDKProps = {\n    ...UNCONFIGURED,\n    bondPartner: undefined,\n    ...configProps,\n    // Chains without a registered adapter are unsupported: drop them (with a console error) instead of rendering\n    // empty sections.\n    chains: getSupportedChains(config.chains ?? []),\n    openWalletConnectors: {\n      evm: !!config.openWalletConnectors?.evm,\n      sol: !!config.openWalletConnectors?.sol,\n      sui: !!config.openWalletConnectors?.sui,\n      aptos: !!config.openWalletConnectors?.aptos,\n    },\n    useTiers: config.namingPreference === 'Discount' ? false : (config.useTiers ?? false), // for the time being we'll assume discount preference does not want to useTiers\n    urls: { ...urlsByEnvironment, ...config.urls },\n    highestCompatibleVersion: '2.2.0',\n  }\n\n  const { evm, sol, sui, aptos } = config.openWalletConnectors ?? {}\n  useEffect(() => {\n    if (evm) setWalletConnectorOpener('evm', evm)\n    if (sol) setWalletConnectorOpener('sol', sol)\n    if (sui) setWalletConnectorOpener('sui', sui)\n    if (aptos) setWalletConnectorOpener('aptos', aptos)\n  }, [evm, sol, sui, aptos])\n\n  // Also fills the query when a reader created it first (without data).\n  useQuery({ queryKey: configQueryKey, queryFn: noFetch, enabled: false, staleTime: Infinity, initialData })\n}\n\n/** For the views: logs once if they render without <ApeBondSDK /> (they'd show no bonds). */\nexport const useWarnIfNotConfigured = () => {\n  const queryClient = useQueryClient()\n  useEffect(() => {\n    // In an effect: <ApeBondSDK /> may render after the view in the same commit.\n    if (queryClient.getQueryData(configQueryKey) === undefined) {\n      logOnce(\n        '[ApeBond SDK] The SDK views need <ApeBondSDK /> (@ape.swap/bonds-sdk/components/ApeBondSDK) mounted with your ' +\n          'config (referenceId, chains, adapters…); without it components and hooks will not work properly',\n      )\n    }\n  }, [queryClient])\n}\n\nexport type URLKeys = 'apiV2' | 'realTimeApi' | 'mainUrl'\n\nexport const useURLByEnvironment = (key: URLKeys) => {\n  const config = useSDKConfig()\n  return config?.urls?.[key] as string\n}\n"],"names":[],"mappings":"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"}

package/dist/views/Bonds/index.d.ts

@@ -1,4 +1,2 @@
-import React from 'react';
-import { SDKPropsDTO } from '../../state/useSDKConfig';
-declare const BondsWithProviders: React.FC<SDKPropsDTO>;
+declare const BondsWithProviders: () => import("react/jsx-runtime").JSX.Element;
 export default BondsWithProviders;

package/dist/views/Bonds/index.js

@@ -1,12 +1,8 @@
 import { jsx } from 'react/jsx-runtime';
 import Providers from '../../providers/index.js';
 import Bonds from './Bonds.js';
-import { useSDKConfig } from '../../state/useSDKConfig.js';
 
-const BondsWithProviders = (props) => {
-    useSDKConfig(props);
-    return (jsx(Providers, { children: jsx(Bonds, {}) }));
-};
+const BondsWithProviders = () => (jsx(Providers, { children: jsx(Bonds, {}) }));
 
 export { BondsWithProviders as default };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/views/Bonds/index.tsx"],"sourcesContent":["import React from 'react'\nimport Providers from '../../providers'\nimport Bonds from './Bonds'\nimport { SDKPropsDTO, useSDKConfig } from '../../state/useSDKConfig'\n\nconst BondsWithProviders: React.FC<SDKPropsDTO> = (props) => {\n  useSDKConfig(props)\n  return (\n    <Providers>\n      <Bonds />\n    </Providers>\n  )\n}\n\nexport default BondsWithProviders\n"],"names":["_jsx"],"mappings":";;;;;AAKA,MAAM,kBAAkB,GAA0B,CAAC,KAAK,KAAI;IAC1D,YAAY,CAAC,KAAK,CAAC;IACnB,QACEA,IAAC,SAAS,EAAA,EAAA,QAAA,EACRA,IAAC,KAAK,EAAA,EAAA,CAAG,EAAA,CACC;AAEhB;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/views/Bonds/index.tsx"],"sourcesContent":["import React from 'react'\nimport Providers from '../../providers'\nimport Bonds from './Bonds'\n\nconst BondsWithProviders = () => (\n  <Providers>\n    <Bonds />\n  </Providers>\n)\n\nexport default BondsWithProviders\n"],"names":["_jsx"],"mappings":";;;;AAIA,MAAM,kBAAkB,GAAG,OACzBA,GAAA,CAAC,SAAS,EAAA,EAAA,QAAA,EACRA,GAAA,CAAC,KAAK,EAAA,EAAA,CAAG,EAAA,CACC;;;;"}

package/dist/views/BuyBond/index.d.ts

@@ -1,7 +1,4 @@
 import React from 'react';
 import type { ChainBuyComponentProps } from '../../adapters/types';
-import { SDKPropsDTO } from '../../state/useSDKConfig';
-interface Props extends SDKPropsDTO, ChainBuyComponentProps {
-}
-declare const BuyBondModalWithProviders: React.FC<Props>;
+declare const BuyBondModalWithProviders: React.FC<ChainBuyComponentProps>;
 export default BuyBondModalWithProviders;

package/dist/views/BuyBond/index.js

@@ -1,12 +1,8 @@
 import { jsx } from 'react/jsx-runtime';
 import Providers from '../../providers/index.js';
-import { useSDKConfig } from '../../state/useSDKConfig.js';
 import BuyBondModal from './BuyBondModal.js';
 
-const BuyBondModalWithProviders = (props) => {
-    useSDKConfig(props);
-    return (jsx(Providers, { children: jsx(BuyBondModal, { ...props }) }));
-};
+const BuyBondModalWithProviders = (props) => (jsx(Providers, { children: jsx(BuyBondModal, { ...props }) }));
 
 export { BuyBondModalWithProviders as default };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/views/BuyBond/index.tsx"],"sourcesContent":["import React from 'react'\nimport Providers from '../../providers'\nimport type { ChainBuyComponentProps } from '../../adapters/types'\nimport { SDKPropsDTO, useSDKConfig } from '../../state/useSDKConfig'\nimport BuyBondModal from './BuyBondModal'\n\ninterface Props extends SDKPropsDTO, ChainBuyComponentProps {}\n\nconst BuyBondModalWithProviders: React.FC<Props> = (props) => {\n  useSDKConfig(props)\n\n  return (\n    <Providers>\n      <BuyBondModal {...props} />\n    </Providers>\n  )\n}\n\nexport default BuyBondModalWithProviders\n"],"names":["_jsx"],"mappings":";;;;;AAQA,MAAM,yBAAyB,GAAoB,CAAC,KAAK,KAAI;IAC3D,YAAY,CAAC,KAAK,CAAC;IAEnB,QACEA,GAAA,CAAC,SAAS,EAAA,EAAA,QAAA,EACRA,GAAA,CAAC,YAAY,EAAA,EAAA,GAAK,KAAK,EAAA,CAAI,EAAA,CACjB;AAEhB;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/views/BuyBond/index.tsx"],"sourcesContent":["import React from 'react'\nimport Providers from '../../providers'\nimport type { ChainBuyComponentProps } from '../../adapters/types'\nimport BuyBondModal from './BuyBondModal'\n\nconst BuyBondModalWithProviders: React.FC<ChainBuyComponentProps> = (props) => (\n  <Providers>\n    <BuyBondModal {...props} />\n  </Providers>\n)\n\nexport default BuyBondModalWithProviders\n"],"names":["_jsx"],"mappings":";;;;AAKA,MAAM,yBAAyB,GAAqC,CAAC,KAAK,MACxEA,GAAA,CAAC,SAAS,EAAA,EAAA,QAAA,EACRA,IAAC,YAAY,EAAA,EAAA,GAAK,KAAK,EAAA,CAAI,EAAA,CACjB;;;;"}

package/dist/views/FullBondsView/index.d.ts

@@ -1,4 +1,2 @@
-import React from 'react';
-import { SDKPropsDTO } from '../../state/useSDKConfig';
-declare const FullBondsViewWithProviders: React.FC<SDKPropsDTO>;
+declare const FullBondsViewWithProviders: () => import("react/jsx-runtime").JSX.Element;
 export default FullBondsViewWithProviders;

package/dist/views/FullBondsView/index.js

@@ -1,12 +1,8 @@
 import { jsx } from 'react/jsx-runtime';
 import Providers from '../../providers/index.js';
 import FullBondsView from './FullBondsView.js';
-import { useSDKConfig } from '../../state/useSDKConfig.js';
 
-const FullBondsViewWithProviders = (props) => {
-    useSDKConfig(props);
-    return (jsx(Providers, { children: jsx(FullBondsView, {}) }));
-};
+const FullBondsViewWithProviders = () => (jsx(Providers, { children: jsx(FullBondsView, {}) }));
 
 export { FullBondsViewWithProviders as default };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/views/FullBondsView/index.tsx"],"sourcesContent":["import React from 'react'\nimport Providers from '../../providers'\nimport FullBondsView from './FullBondsView'\nimport { SDKPropsDTO, useSDKConfig } from '../../state/useSDKConfig'\n\nconst FullBondsViewWithProviders: React.FC<SDKPropsDTO> = (props) => {\n  useSDKConfig(props)\n  return (\n    <Providers>\n      <FullBondsView />\n    </Providers>\n  )\n}\n\nexport default FullBondsViewWithProviders\n"],"names":["_jsx"],"mappings":";;;;;AAKA,MAAM,0BAA0B,GAA0B,CAAC,KAAK,KAAI;IAClE,YAAY,CAAC,KAAK,CAAC;IACnB,QACEA,IAAC,SAAS,EAAA,EAAA,QAAA,EACRA,IAAC,aAAa,EAAA,EAAA,CAAG,EAAA,CACP;AAEhB;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/views/FullBondsView/index.tsx"],"sourcesContent":["import React from 'react'\nimport Providers from '../../providers'\nimport FullBondsView from './FullBondsView'\n\nconst FullBondsViewWithProviders = () => (\n  <Providers>\n    <FullBondsView />\n  </Providers>\n)\n\nexport default FullBondsViewWithProviders\n"],"names":["_jsx"],"mappings":";;;;AAIA,MAAM,0BAA0B,GAAG,OACjCA,GAAA,CAAC,SAAS,EAAA,EAAA,QAAA,EACRA,GAAA,CAAC,aAAa,EAAA,EAAA,CAAG,EAAA,CACP;;;;"}

package/dist/views/ProjectView/index.d.ts

@@ -1,7 +1,4 @@
 import React from 'react';
-import { SDKPropsDTO } from '../../state/useSDKConfig';
 import { ProjectViewProps } from './ProjectView';
-interface Props extends SDKPropsDTO, ProjectViewProps {
-}
-declare const ProjectViewWithProviders: React.FC<Props>;
+declare const ProjectViewWithProviders: React.FC<ProjectViewProps>;
 export default ProjectViewWithProviders;

package/dist/views/ProjectView/index.js

@@ -1,12 +1,8 @@
 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, { children: jsx(ProjectView, { ...props }) }));
-};
+const ProjectViewWithProviders = (props) => (jsx(Providers, { children: jsx(ProjectView, { ...props }) }));
 
 export { ProjectViewWithProviders as default };
 //# sourceMappingURL=index.js.map

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  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;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/views/ProjectView/index.tsx"],"sourcesContent":["import React from 'react'\nimport Providers from '../../providers'\nimport ProjectView, { ProjectViewProps } from './ProjectView'\n\nconst ProjectViewWithProviders: React.FC<ProjectViewProps> = (props) => (\n  <Providers>\n    <ProjectView {...props} />\n  </Providers>\n)\n\nexport default ProjectViewWithProviders\n"],"names":["_jsx"],"mappings":";;;;AAIA,MAAM,wBAAwB,GAA+B,CAAC,KAAK,MACjEA,GAAA,CAAC,SAAS,EAAA,EAAA,QAAA,EACRA,IAAC,WAAW,EAAA,EAAA,GAAK,KAAK,EAAA,CAAI,EAAA,CAChB;;;;"}

package/dist/views/SingleBond/index.d.ts

@@ -1,7 +1,4 @@
 import React from 'react';
-import { SDKPropsDTO } from '../../state/useSDKConfig';
 import { SingleBondProps } from './SingleBond';
-interface Props extends SDKPropsDTO, SingleBondProps {
-}
-declare const SingleBondWithProviders: React.FC<Props>;
+declare const SingleBondWithProviders: React.FC<SingleBondProps>;
 export default SingleBondWithProviders;

package/dist/views/SingleBond/index.js

@@ -1,12 +1,8 @@
 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, { children: jsx(SingleBond, { ...props }) }));
-};
+const SingleBondWithProviders = (props) => (jsx(Providers, { children: jsx(SingleBond, { ...props }) }));
 
 export { SingleBondWithProviders as default };
 //# sourceMappingURL=index.js.map

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>\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;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/views/SingleBond/index.tsx"],"sourcesContent":["import React from 'react'\nimport Providers from '../../providers'\nimport SingleBond, { SingleBondProps } from './SingleBond'\n\nconst SingleBondWithProviders: React.FC<SingleBondProps> = (props) => (\n  <Providers>\n    <SingleBond {...props} />\n  </Providers>\n)\n\nexport default SingleBondWithProviders\n"],"names":["_jsx"],"mappings":";;;;AAIA,MAAM,uBAAuB,GAA8B,CAAC,KAAK,MAC/DA,GAAA,CAAC,SAAS,EAAA,EAAA,QAAA,EACRA,IAAC,UAAU,EAAA,EAAA,GAAK,KAAK,EAAA,CAAI,EAAA,CACf;;;;"}

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

@@ -1,4 +1,2 @@
-import React from 'react';
-import { SDKPropsDTO } from '../../state/useSDKConfig';
-declare const YourBondsWithProviders: React.FC<SDKPropsDTO>;
+declare const YourBondsWithProviders: () => import("react/jsx-runtime").JSX.Element;
 export default YourBondsWithProviders;

package/dist/views/YourBonds/index.js

@@ -1,12 +1,8 @@
 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, { children: jsx(YourBonds, {}) }));
-};
+const YourBondsWithProviders = () => (jsx(Providers, { children: jsx(YourBonds, {}) }));
 
 export { YourBondsWithProviders as default };
 //# sourceMappingURL=index.js.map

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

@@ -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>\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;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/views/YourBonds/index.tsx"],"sourcesContent":["import React from 'react'\nimport Providers from '../../providers'\nimport YourBonds from './YourBonds'\n\nconst YourBondsWithProviders = () => (\n  <Providers>\n    <YourBonds />\n  </Providers>\n)\n\nexport default YourBondsWithProviders\n"],"names":["_jsx"],"mappings":";;;;AAIA,MAAM,sBAAsB,GAAG,OAC7BA,GAAA,CAAC,SAAS,EAAA,EAAA,QAAA,EACRA,GAAA,CAAC,SAAS,EAAA,EAAA,CAAG,EAAA,CACH;;;;"}

package/package.json

@@ -3,7 +3,7 @@
   "description": "Ape Bond SDK",
   "author": "Ape Bond",
   "license": "MIT",
-  "version": "7.0.0-test.5",
+  "version": "7.0.0-test.6",
   "module": "dist/main.js",
   "type": "module",
   "types": "dist/main.d.ts",
@@ -37,6 +37,10 @@
       "types": "./dist/views/SingleBond/index.d.ts",
       "import": "./dist/views/SingleBond/index.js"
     },
+    "./components/ApeBondSDK": {
+      "types": "./dist/components/ApeBondSDK/index.d.ts",
+      "import": "./dist/components/ApeBondSDK/index.js"
+    },
     "./components/TokenImage": {
       "types": "./dist/components/uikit-sdk/TokenImage/index.d.ts",
       "import": "./dist/components/uikit-sdk/TokenImage/index.js"
@@ -49,10 +53,6 @@
       "types": "./dist/state/bonds/useBondsData.d.ts",
       "import": "./dist/state/bonds/useBondsData.js"
     },
-    "./hooks/useSDKConfig": {
-      "types": "./dist/state/useSDKConfig.d.ts",
-      "import": "./dist/state/useSDKConfig.js"
-    },
     "./hooks/useCurrencyBalance": {
       "types": "./dist/state/balance/useCurrencyBalance.d.ts",
       "import": "./dist/state/balance/useCurrencyBalance.js"