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

package/README.md

@@ -2,127 +2,223 @@
 
 [![npm](https://img.shields.io/npm/v/@ape.swap/bonds-sdk.svg)](https://www.npmjs.com/package/@ape.swap/bonds-sdk)
 
-The `@ape.swap/bonds-sdk` package provides an embeddable set of tools and UI components to integrate and manage bond-related functionalities for multi-chain environments. This SDK simplifies the process of displaying, interacting with, and customizing bond-related user interfaces in your projects.
+The `@ape.swap/bonds-sdk` package provides embeddable React components to show, buy and manage ApeBond bonds inside your own app, across EVM chains, Solana, Sui and Aptos.
 
 ## Key Features
 
-- Fully customizable bond views powered by the following components: `<FullBondsView />`, `<Bonds/>`, `<YourBonds /> & <SingleBond />`.
-- Multi-chain support for a ever-growing array of EVM and Non EVM Blockchains.
-- Prebuilt styles and layouts optimized for embedding.
-- Compatibility with the most popular web3 development library: Wagmi.
-- Plug-and-play configuration to fit various project requirements.
+- Ready-made bond views: `<FullBondsView />`, `<Bonds />`, `<YourBonds />`, `<SingleBond />`, `<ProjectView />` and `<BuyBondModal />`.
+- **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).
 
 ---
 
-## Installation
+## How it works: chain adapters
 
-To install the package via npm or yarn, run the following command:
+Since v7, every chain family is an **adapter** that you import and pass to the SDK:
 
-npm:
+| Adapter | Import | Chains |
+|---|---|---|
+| `evmAdapter` | `@ape.swap/bonds-sdk/adapters/evm` | Every EVM chain (Ethereum, BNB, Base, Arbitrum, …), including tiers and launch/yield bonds |
+| `solanaAdapter` | `@ape.swap/bonds-sdk/adapters/solana` | Solana |
+| `suiAdapter` | `@ape.swap/bonds-sdk/adapters/sui` | Sui |
+| `aptosAdapter` | `@ape.swap/bonds-sdk/adapters/aptos` | Aptos |
+| `lifiAdapter` *(optional)* | `@ape.swap/bonds-sdk/adapters/lifi` | Adds the LiFi "Swap & Bridge" option to the buy flows |
+| `allAdapters` | `@ape.swap/bonds-sdk/adapters/all` | All of the above (the v6 behaviour) |
 
-```bash
-npm install "@ape.swap/bonds-sdk@solana" @bigmi/react@^0.6.5 @lifi/widget@^3.40.6 @mysten/dapp-kit@^0.19.11 @solana/kit@2.3.0 @solana/spl-token@^0.4.14 @solana/wallet-adapter-react@^0.15.39 @solana/wallet-adapter-react-ui@^0.9.39 @solana/web3.js@^1.98.4 @tanstack/react-query@^5.90.2 wagmi@^2.14.16
-```
+You only install the libraries of the adapters you import, and your bundle only contains their code. For example, an EVM-only app never installs or bundles any Solana, Sui, Aptos or LiFi package, and a Solana-only app doesn't need wagmi or viem.
+
+Chains in `chains` whose family has no registered adapter are hidden, with a console error naming the adapter to add.
+
+---
+
+## Installation
 
-yarn:
+### 1. The SDK and its core dependencies
+
+These are always required:
 
 ```bash
-yarn add "@ape.swap/bonds-sdk@solana" @bigmi/react@^0.6.5 @lifi/widget@^3.40.6 @mysten/dapp-kit@^0.19.11 @solana/kit@2.3.0 @solana/spl-token@^0.4.14 @solana/wallet-adapter-react@^0.15.39 @solana/wallet-adapter-react-ui@^0.9.39 @solana/web3.js@^1.98.4 @tanstack/react-query@^5.90.2 wagmi@^2.14.16
+npm install @ape.swap/bonds-sdk @tanstack/react-query react react-dom
 ```
 
----
-
-## Peer Dependencies
+### 2. The libraries of each chain family you use
 
-The following are some key dependencies you must have for the SDK to work properly:
+The chain libraries are **optional peer dependencies**: npm doesn't install them for you, so install the ones for the adapters you use.
 
-- **React** (>=17 <19): Required to build the UI. Ensure your project uses React v17 or later.
-- **React DOM** (>=17 <19): Required for rendering React components to the DOM.
-- **Wagmi** (^2.14.16): Used for handling EVM wallet connections and blockchain interactions.
-- **viem** (2.x): Low-level EVM client used for on-chain reads. Already required by Wagmi.
-- **@bigmi/react** (^0.6.5): Multi-chain wallet connection library supporting EVM and non-EVM chains.
-- **@lifi/widget** (^3.40.6): Cross-chain bridge and swap widget integration.
-- **@mysten/dapp-kit** (^0.19.11): Sui blockchain dApp development kit for wallet connections and interactions.
-- **@mysten/sui** (^1.45.2): Sui TypeScript SDK used to build and read Sui transactions. Already installed alongside @mysten/dapp-kit.
-- **@solana/kit** (2.3.0): Comprehensive toolkit for Solana blockchain development.
-- **@solana/spl-token** (^0.4.14): Library for interacting with Solana SPL tokens.
-- **@solana/wallet-adapter-react** (^0.15.39): React hooks for Solana wallet connections.
-- **@solana/wallet-adapter-react-ui** (^0.9.39): Pre-built UI components for Solana wallet connections.
-- **@solana/web3.js** (^1.98.4): Core library for interacting with the Solana blockchain.
-- **@tanstack/react-query** (^5.90.2): Powerful data synchronization and caching library for React applications.
+| Adapter | Install | Provider you must mount |
+|---|---|---|
+| `evmAdapter` | `npm install wagmi@^2 viem@2` | wagmi's `WagmiProvider` (its config must include the EVM chains you show) |
+| `solanaAdapter` | `npm install @solana/web3.js@^1.98.4 @solana/kit@2.3.0 @solana/spl-token@^0.4.14 @solana/wallet-adapter-react@^0.15.39` | `ConnectionProvider` + `WalletProvider` from `@solana/wallet-adapter-react` |
+| `suiAdapter` | `npm install @mysten/dapp-kit@^0.19.11 @mysten/sui@^1.45.2` | `SuiClientProvider` + `WalletProvider` from `@mysten/dapp-kit` |
+| `aptosAdapter` | `npm install @aptos-labs/ts-sdk@^6.3.1 @aptos-labs/wallet-adapter-react@^8.3.3` | `AptosWalletAdapterProvider` from `@aptos-labs/wallet-adapter-react` |
+| `lifiAdapter` | `npm install @lifi/widget@^3 @bigmi/react@^0.6.5` | none of its own (see note) |
 
-Optional:
+Notes:
 
-- **@rainbow-me/rainbowkit** (^2.1.7 - optional): Wallet connection UI library for EVM chains with beautiful pre-built components.
+- **LiFi:** `@lifi/widget` v3 itself requires `wagmi`, `@mysten/dapp-kit` and `@solana/wallet-adapter-react`, whichever chains you show. If you want an app without EVM or Sui packages, don't register `lifiAdapter`; the buy flows then simply hide the bridge option.
+- **Solana** needs a custom RPC: see [Custom RPCs](#custom-rpcs). The Solana adapter sets the `Buffer` global its libraries need, so you don't need a polyfill.
+- **Aptos** runs on Aptos **testnet** unless `NEXT_PUBLIC_APTOS_NETWORK=mainnet` is set in your build environment.
+- `@tanstack/react-query`'s `QueryClientProvider` must wrap the SDK in every setup; the SDK shares your `QueryClient` (its query keys are prefixed with `ApeBond-SDK-`).
+- **Supported versions:** React 17 or later (the LiFi adapter needs React 18+), wagmi 2 and LiFi widget 3.
 
 ---
 
 ## Basic Usage
 
-Here's an example of how to integrate the `@ape.swap/bonds-sdk` package into your project:
+### EVM only
 
-```textmate
+```tsx
 import React from 'react'
-import FullBondsView from '@ape.swap/bonds-sdk/views/FullBondsView'
+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 FullBondsView from '@ape.swap/bonds-sdk/views/FullBondsView'
+import { evmAdapter } from '@ape.swap/bonds-sdk/adapters/evm'
 import '@ape.swap/bonds-sdk/styles.css'
 
-const MyBondsComponent = () => {
-  return (
-    <FullBondsView
-      referenceId="yourProjectId" // shall be provided by ApeBond team
-      chains={[
-        ChainId.BSC,
-        ChainId.BASE,
-        ChainId.MATIC,
-        ChainId.MAINNET,
-        ChainId.ARBITRUM,
-        ChainId.LIGHTLINK,
-        ChainId.LINEA,
-        ChainId.GRAPHLINQ,
-        ChainId.IOTA,
-        ChainId.CROSSFI,
-      ]}
-      connector={'rainbowkit'}
-      hotBondChains={[ChainId.BSC]}
-      useTiers={true}
-      useHotBonds={true}
-    />
-  )
-}
-
-export default MyBondsComponent
+const wagmiConfig = createConfig({
+  chains: [mainnet, bsc],
+  transports: { [mainnet.id]: http(), [bsc.id]: http() },
+})
+const queryClient = new QueryClient()
+
+export const App = () => (
+  <WagmiProvider config={wagmiConfig}>
+    <QueryClientProvider client={queryClient}>
+      <FullBondsView
+        referenceId="yourProjectId" // provided by the ApeBond team
+        chains={[ChainId.MAINNET, ChainId.BSC]}
+        adapters={[evmAdapter]}
+        openWalletConnectors={{ evm: openYourWalletModal }} // e.g. RainbowKit's openConnectModal
+      />
+    </QueryClientProvider>
+  </WagmiProvider>
+)
+```
+
+### Several chain families (EVM + Solana + the LiFi bridge)
+
+```tsx
+import { ConnectionProvider, WalletProvider } from '@solana/wallet-adapter-react'
+import FullBondsView from '@ape.swap/bonds-sdk/views/FullBondsView'
+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'
+
+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
+            }}
+          />
+        </WalletProvider>
+      </ConnectionProvider>
+    </QueryClientProvider>
+  </WagmiProvider>
+)
+```
+
+### Everything (the v6 setup)
+
+```tsx
+import { allAdapters } from '@ape.swap/bonds-sdk/adapters/all'
+
+<FullBondsView referenceId="yourProjectId" chains={chains} adapters={allAdapters} />
+```
+
+`allAdapters` needs every family's libraries and wallet providers, like v6 did.
+
+### Other views
+
+All views take the same props (see [Configuration](#configuration)), including `adapters`; pass the same adapters to every SDK view you render.
+
+```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
 ```
 
+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`.
+
+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.
+
 ---
 
-## Configuration
+## Connecting wallets
+
+The SDK uses the wallets your app already connects, through the providers above; it doesn't ship a wallet modal. When a user clicks one of the SDK's "Connect" buttons, it calls the matching function from `openWalletConnectors`, so it can open your own modal:
+
+```tsx
+openWalletConnectors={{
+  evm: () => openConnectModal(),       // e.g. RainbowKit, AppKit, your own modal
+  sol: () => setSolanaModalVisible(true),
+  sui: () => openSuiModal(),
+  aptos: () => openAptosModal(),
+}}
+```
+
+Without an opener, that family's "Connect" button is disabled.
 
-The core of the SDK lies in its config object params, passed as a prop to its components. Below is a breakdown of key options:
+---
+
+## Configuration
 
-| Property         | Type                              | Description                                                                                                                                                                         |
-|------------------|-----------------------------------|-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
-| `referenceId`    | `string`                          | A unique identifier for the bonds, shall be provided by ApeBond team.                                                                                                               |
-| `chains`         | `number[]`                        | An array of supported chain IDs (e.g., `56`, `1`, `137`, etc). It also determines the order of the chains on the bond list.                                                         |
-| `connector`      | `'rainbowkit' 'appkit' 'default'` | Determines your preferred wallet-connector. If your connector is not listed here get in contact with the dev team to request the integration.                                       |
-| `useHotBonds`    | `boolean`                         | Whether to show the "hot bonds" component.                                                                                                                                          |
-| `theme`          | `Object (optional, deprecated)`   | **Deprecated as of v7.** No longer applied at runtime — the SDK now ships build-time Tailwind styles. The prop is still accepted (and safely ignored, with a dev-only console warning) so existing integrations don't break, but it does nothing. See [Styling & Overrides](#styling--overrides) for the replacement approach. |
-| `hotBondsChains` | `number[]`                        | Determines the position of the hotbonds section. The component will be placed bellow the indicated chains.                                                                          |
-| `tokenSymbol`    | `string[]`                        | This parameter is specific to the `<SingleBond />` component. It defines the token(s) to display in the UI. Currently, only a single token (one element in the array) is supported. |
-| `customRPCS`     | `Partial<Record<ChainId, string[]>>` (optional) | Override the default public RPC URLs for any supported chain. Useful when you have a private or dedicated RPC endpoint. **Required for Solana** — no public RPC is available. See [Custom RPCs](#custom-rpcs) for usage. |
+Props accepted by every view:
+
+| Property | Type | Description |
+|---|---|---|
+| `referenceId` | `string` | **Required.** Your partner id, provided by the ApeBond team. |
+| `chains` | `number[]` | **Required.** Chain ids to show (e.g. `ChainId.BSC`, `ChainId.SOL`), in display order. Chains without a registered adapter are hidden. |
+| `adapters` | `SDKAdapter[]` | **Required since v7.** The chain adapters (and optionally `lifiAdapter`) to enable. See [How it works](#how-it-works-chain-adapters). |
+| `openWalletConnectors` | `{ evm?, sol?, sui?, aptos? }` | Functions that open your wallet-connect modal for each family. See [Connecting wallets](#connecting-wallets). |
+| `customRPCS` | `Partial<Record<ChainId, string[]>>` | Your own RPC URLs per chain. **Required for Solana.** See [Custom RPCs](#custom-rpcs). |
+| `useHotBonds` | `boolean` | Show the "hot bonds" section. Default `true`. |
+| `hotBondChains` | `number[]` | The hot bonds section is placed below these chains. Default `[BSC, Polygon]`. |
+| `useTiers` | `boolean` | Enable ApeBond tier bonuses (EVM). Default `false`; always off with `namingPreference: 'Discount'`. |
+| `namingPreference` | `'Bonus' \| 'Discount'` | How bond returns are labelled. Default `'Bonus'`. |
+| `useCardsView` | `boolean` | Show the bond list as cards instead of rows. Default `false`. |
+| `showLowValueBonds` | `boolean` | Also list bonds with little value left (about $100 or less), which are otherwise treated as sold out. Default `false`. |
+| `bondPartner` | `string` | Only show this partner's bonds (including partner-only bonds). |
+| `highlightedBond` | `string` | Token symbol to feature in the "buy again" row. |
+| `blockSales` | `boolean` | Show bonds but disable buying. Default `false`. |
+| `customBranch` | `string` | Load the bond list from a specific bond-list branch (for testing new bonds with the ApeBond team). |
+| `urls` | `{ apiV2?, realTimeApi?, mainUrl? }` | Override the ApeBond API URLs. |
+| `aptosAddress` / `suiAddress` | `string` | Show this address's Aptos / Sui bonds without a connected wallet (read-only). |
+
+Component-specific props: `tokenSymbol` (`string[]`, `<SingleBond />`; one token is supported), `bondAddress` + `bondChain` (`<ProjectView />`, `<BuyBondModal />`).
+
+The `theme` prop was removed in v7; see [Styling & Overrides](#styling--overrides).
 
 ### Custom RPCs
 
-By default the SDK uses a set of public RPC endpoints for each supported chain. If you have a private or dedicated RPC (e.g. from Alchemy, Infura, Helius, QuickNode, etc.) you can override them per-chain via the `customRPCS` prop. The custom URL takes priority; any chain not listed falls back to the SDK default.
+By default the SDK uses public RPC endpoints for each supported chain. If you have a private or dedicated RPC (e.g. from Alchemy, Infura, Helius, QuickNode), override it per chain with `customRPCS`. The custom URL takes priority; any chain not listed falls back to the SDK default.
 
-> ⚠️ **Solana requires a custom RPC.** Unlike EVM chains, Solana does not provide a reliable public RPC endpoint. If your `chains` config includes Solana, you **must** supply a custom RPC for `ChainId.SOL` (e.g. from [Helius](https://helius.dev/) or [QuickNode](https://www.quicknode.com/)), otherwise Solana-related functionality will not work.
+> ⚠️ **Solana requires a custom RPC.** Solana doesn't provide a reliable public RPC endpoint. If `chains` includes Solana, you **must** supply one for `ChainId.SOL` (e.g. from [Helius](https://helius.dev/) or [QuickNode](https://www.quicknode.com/)), otherwise Solana bonds won't load.
 
 ```tsx
-import { ChainId } from '@ape.swap/apeswap-lists';
+import { ChainId } from '@ape.swap/apeswap-lists'
 
 <FullBondsView
   referenceId="yourProjectId"
-  chains={[ChainId.BSC, ChainId.MAINNET]}
+  chains={[ChainId.BSC, ChainId.MAINNET, ChainId.SOL]}
+  adapters={[evmAdapter, solanaAdapter]}
   customRPCS={{
     [ChainId.BSC]: ['https://bsc-mainnet.g.alchemy.com/v2/YOUR_KEY'],
     [ChainId.MAINNET]: ['https://eth-mainnet.g.alchemy.com/v2/YOUR_KEY'],
@@ -131,59 +227,55 @@ import { ChainId } from '@ape.swap/apeswap-lists';
 />
 ```
 
-> **Note:** The `customRPCS` prop accepts an array of URLs per chain to allow future fallback support. Currently, only the first URL in each array is used.
+> **Note:** `customRPCS` accepts an array of URLs per chain to allow future fallback support. Currently, only the first URL in each array is used.
 
 ### Chain Support
 
-The SDK currently supports the following chains:
+- **EVM** (`evmAdapter`): Ethereum, BNB Chain, Polygon, Arbitrum, Base, Linea, Lightlink, GraphLinq, IOTA, CrossFi, Avalanche, Blast, Sonic, Berachain, Unichain, Katana, Monad, HyperEVM, Robinhood, Layer One X.
+- **Solana** (`solanaAdapter`)
+- **Sui** (`suiAdapter`)
+- **Aptos** (`aptosAdapter`)
+
+The list is updated regularly, so make sure to use the latest version of the SDK.
 
-EVM:
+---
 
-- Ethereum
-- BNB Chain (BSC)
-- Polygon
-- Arbitrum
-- Base
-- Lightlink
-- Linea
-- Graphlinq
-- IOTA
-- CrossFi
-- Unichain
-- Berachain
-- Sonic
-- Katana
-- Monad Testnet
-- Hyper EVM
-- Avalanche
+## Upgrading from v6
 
-Non-EVM:
+1. **Pass `adapters`.** Without it no chains are shown (the console says so). Pick one:
+   - the fastest path, identical to v6: `adapters={allAdapters}` from `@ape.swap/bonds-sdk/adapters/all`;
+   - or only the families you show, e.g. `adapters={[evmAdapter]}` for an EVM-only app (see [How it works](#how-it-works-chain-adapters)).
+2. **Install what your adapters need** (see [Installation](#installation)). Chain libraries are now optional peer dependencies, so npm no longer installs them automatically. With `allAdapters` 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.
 
-- SOLANA
+Behaviour changes to be aware of:
 
-The list get updated constantly, so make sure to use latest version of the SDK.
+- The Solana adapter sets the `Buffer` global itself; you can remove a `Buffer` polyfill you only had for this SDK.
+- `<SingleBond />` and `<ProjectView />` now use the right buy flow for Solana/Sui/Aptos bonds (v6 always used the EVM one).
+- Claim All on a chain that doesn't support it (Solana) now says so instead of attempting an EVM claim.
+- Peer ranges are stricter: `wagmi` `^2` and `@lifi/widget` `^3`.
 
 ---
 
 ## Styling & Overrides
 
-The package comes with prebuilt styles that you must import in your project. Make sure to include the following CSS file:
+The package comes with prebuilt styles that you must import in your project:
 
 ```javascript
-import '@ape.swap/bonds-sdk/dist/styles.css'
+import '@ape.swap/bonds-sdk/styles.css'
 ```
 
-These styles ensure that the components render correctly and include all necessary design details.
-
 ### How styling works (v7+)
 
-As of v7, the SDK is styled entirely at build time with [Tailwind CSS](https://tailwindcss.com/), scoped under an `ape:`-prefixed layer so it can never collide with a consumer app's own Tailwind setup or global styles. You do **not** need Tailwind in your own project to use the SDK — `dist/styles.css` ships fully compiled, plain CSS.
+As of v7, the SDK is styled entirely at build time with [Tailwind CSS](https://tailwindcss.com/), scoped under an `ape:`-prefixed layer so it can never collide with a consumer app's own Tailwind setup or global styles. You do **not** need Tailwind in your own project to use the SDK: `styles.css` ships fully compiled, plain CSS.
 
-This replaces the previous runtime `theme` prop (colors/radii/fonts passed in as a JS object), which is now deprecated and ignored — see the `theme` row in [Configuration](#configuration). If you were using `theme` to reskin the SDK, restyle via the override classnames below instead.
+This replaces the previous runtime `theme` prop (colors/radii/fonts passed in as a JS object), which was removed. If you were using `theme` to reskin the SDK, restyle via the override classnames below instead.
 
 ### Overriding styles from your app
 
-Every SDK element that's a meaningful restyling target keeps a stable, plain (non-`ape:`-prefixed) `className` alongside its internal Tailwind classes, e.g. `className="bond-row ape:flex ape:..."`. Target these from your own app's CSS (with sufficient specificity, or `!important` where needed) to override the default look — they are considered part of the SDK's public styling API and are kept stable across releases. Some of the more commonly used ones:
+Every SDK element that's a meaningful restyling target keeps a stable, plain (non-`ape:`-prefixed) `className` alongside its internal Tailwind classes, e.g. `className="bond-row ape:flex ape:..."`. Target these from your own app's CSS (with sufficient specificity, or `!important` where needed) to override the default look. They are part of the SDK's public styling API and are kept stable across releases. Some of the more commonly used ones:
 
 | Area | Classnames |
 |---|---|
@@ -192,24 +284,23 @@ Every SDK element that's a meaningful restyling target keeps a stable, plain (no
 | Your Bonds | `your-bonds`, `your-bonds-columns-container`, `your-bonds-content`, `your-bonds-content-title`, `your-bonds-content-tokens-amount`, `your-bonds-content-tokens-usd-amount`, `your-bonds-column-button`, `table-container`, `table-header-container` |
 | Tooltips & filters | `tooltip-bubble`, `tooltip-column`, `network-filter`, `search-container` |
 | Banners & layout | `full-bonds-view-container`, `banner-title`, `banner-subtitle`, `banner-actions`, `placeholder-monkey-wrapper`, `toggle-container` |
+| LiFi bridge modal | `lifi-bridge-modal` |
 
-This list isn't exhaustive — inspect the rendered DOM for any element you want to target; most structural containers carry a plain descriptive classname for exactly this purpose.
-
-You can preview the SDK's default look (and, in the pre-v7 styling playground, generate a `theme` object — kept for reference only, no longer functional) at:
+This list isn't exhaustive: inspect the rendered DOM for any element you want to target; most structural containers carry a plain descriptive classname for exactly this purpose.
 
-<https://sdk.ape.bond/>
+You can preview the SDK's default look at <https://sdk.ape.bond/>.
 
 ### Custom fonts
 
 To use a custom font, download it and embed it in your project via a `<script>` or `<link>` tag in your HTML file, then set it as the default font stack for the elements you've overridden via CSS.
 
-Bear in mind, that the components of the SDK will use the width and height provided by the parent component, therefore, we recommend wrapping ApeBond SDK components with a div with the desired size.
+Bear in mind that the components of the SDK use the width and height provided by the parent component, so we recommend wrapping ApeBond SDK components with a div of the desired size.
 
 ---
 
 ## 🦍 Built and Maintained by ApeSwap | ApeBond
 
-For questions, issues, or contributions, reach out to [ApeBond](https://ape.bond/) or contact us on  [Telegram](https://t.me/ape_bond) .
+For questions, issues, or contributions, reach out to [ApeBond](https://ape.bond/) or contact us on [Telegram](https://t.me/ape_bond).
 
 ---
 

package/dist/adapters/all/index.d.ts

@@ -0,0 +1,13 @@
+import type { SDKAdapter } from '../types';
+import { evmAdapter } from '../evm';
+import { solanaAdapter } from '../solana';
+import { suiAdapter } from '../sui';
+import { aptosAdapter } from '../aptos';
+import { lifiAdapter } from '../lifi';
+/**
+ * Every chain family plus the LiFi bridge: the v6 behaviour, for a one-line migration
+ * (`adapters={allAdapters}`). It requires every family's peer dependencies and wallet providers; partners that only
+ * show some families should import those adapters individually instead.
+ */
+export declare const allAdapters: SDKAdapter[];
+export { evmAdapter, solanaAdapter, suiAdapter, aptosAdapter, lifiAdapter };

package/dist/adapters/all/index.js

@@ -0,0 +1,15 @@
+import { evmAdapter } from '../evm/index.js';
+import { solanaAdapter } from '../solana/index.js';
+import { suiAdapter } from '../sui/index.js';
+import { aptosAdapter } from '../aptos/index.js';
+import { lifiAdapter } from '../lifi/index.js';
+
+/**
+ * Every chain family plus the LiFi bridge: the v6 behaviour, for a one-line migration
+ * (`adapters={allAdapters}`). It requires every family's peer dependencies and wallet providers; partners that only
+ * show some families should import those adapters individually instead.
+ */
+const allAdapters = [evmAdapter, solanaAdapter, suiAdapter, aptosAdapter, lifiAdapter];
+
+export { allAdapters, aptosAdapter, evmAdapter, lifiAdapter, solanaAdapter, suiAdapter };
+//# sourceMappingURL=index.js.map

package/dist/adapters/all/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/adapters/all/index.ts"],"sourcesContent":["import type { SDKAdapter } from '../types'\nimport { evmAdapter } from '../evm'\nimport { solanaAdapter } from '../solana'\nimport { suiAdapter } from '../sui'\nimport { aptosAdapter } from '../aptos'\nimport { lifiAdapter } from '../lifi'\n\n/**\n * Every chain family plus the LiFi bridge: the v6 behaviour, for a one-line migration\n * (`adapters={allAdapters}`). It requires every family's peer dependencies and wallet providers; partners that only\n * show some families should import those adapters individually instead.\n */\nexport const allAdapters: SDKAdapter[] = [evmAdapter, solanaAdapter, suiAdapter, aptosAdapter, lifiAdapter]\n\nexport { evmAdapter, solanaAdapter, suiAdapter, aptosAdapter, lifiAdapter }\n"],"names":[],"mappings":";;;;;;AAOA;;;;AAIG;AACI,MAAM,WAAW,GAAiB,CAAC,UAAU,EAAE,aAAa,EAAE,UAAU,EAAE,YAAY,EAAE,WAAW;;;;"}

package/dist/{views/YourBondsModal/components/Actions → adapters/aptos}/ActionsAptos.d.ts

@@ -1,4 +1,4 @@
-import { UserBill } from '../../../../types/yourbonds';
+import { UserBill } from '../../types/yourbonds';
 declare const ActionsAptos: ({ userBill }: {
     userBill?: UserBill;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/{views/YourBondsModal/components/Actions → adapters/aptos}/ActionsAptos.js

@@ -1,18 +1,18 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
 import { ChainId } from '@ape.swap/apeswap-lists';
-import { claimable } from '../../../../utils/displayHelpers.js';
-import { getTimePeriods } from '../../../../utils/getTimePeriods.js';
-import useBondsData from '../../../../state/bonds/useBondsData.js';
-import { usePopups } from '../../../../state/popups/usePopups.js';
-import { useSDKConfig } from '../../../../state/useSDKConfig.js';
-import { reportError } from '../../../../utils/reportError.js';
-import Button from '../../../../components/uikit-sdk/Button/Button.js';
+import { claimable } from '../../utils/displayHelpers.js';
+import { getTimePeriods } from '../../utils/getTimePeriods.js';
+import useBondsData from '../../state/bonds/useBondsData.js';
+import { usePopups } from '../../state/popups/usePopups.js';
+import { useSDKConfig } from '../../state/useSDKConfig.js';
+import { reportError } from '../../utils/reportError.js';
+import Button from '../../components/uikit-sdk/Button/Button.js';
 import { useQueryClient } from '@tanstack/react-query';
-import useAPTAccount from '../../../../hooks/accounts/useAPTAccount.js';
-import { APTOS_CLAIM_FUNCTION } from '../../../../constants/aptosConstants.js';
-import { getAptosClient } from '../../../../utils/aptosHelpers.js';
-import { QUERY_KEYS } from '../../../../config/constants/queryKeys.js';
+import useAPTAccount from './useAPTAccount.js';
+import { APTOS_CLAIM_FUNCTION } from '../../constants/aptosConstants.js';
+import { getAptosClient } from './aptosHelpers.js';
+import { QUERY_KEYS } from '../../config/constants/queryKeys.js';
 
 // YourBondsModal action buttons for Aptos bonds. Mirrors the shape of
 // `ActionsSolana`: one Claim button (simulation-aware) and one "Buy again"

package/dist/adapters/aptos/ActionsAptos.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionsAptos.js","sources":["../../../src/adapters/aptos/ActionsAptos.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { ChainId } from '@ape.swap/apeswap-lists'\n\nimport { claimable } from '../../utils/displayHelpers'\nimport { UserBill } from '../../types/yourbonds'\nimport { getTimePeriods } from '../../utils/getTimePeriods'\nimport useBondsData from '../../state/bonds/useBondsData'\nimport { usePopups } from '../../state/popups/usePopups'\nimport { useSDKConfig } from '../../state/useSDKConfig'\nimport { reportError } from '../../utils/reportError'\nimport Button from '../../components/uikit-sdk/Button/Button'\n\nimport { useQueryClient } from '@tanstack/react-query'\nimport useAPTAccount from './useAPTAccount'\nimport { APTOS_CLAIM_FUNCTION } from '../../constants/aptosConstants'\nimport { getAptosClient } from './aptosHelpers'\nimport { QUERY_KEYS } from '../../config/constants/queryKeys'\n\n// YourBondsModal action buttons for Aptos bonds. Mirrors the shape of\n// `ActionsSolana`: one Claim button (simulation-aware) and one \"Buy again\"\n// button that jumps to an active bond of the same showcase token.\nconst ActionsAptos = ({ userBill }: { userBill?: UserBill }) => {\n  // Hooks\n  const SDKConfig = useSDKConfig()\n  const queryClient = useQueryClient()\n  const { address: aptosAccount, signAndSubmitTransaction } = useAPTAccount()\n  const { addToastError, addToastSuccess } = usePopups()\n  const { data: liveBonds } = useBondsData()\n\n  // State\n  const [loadingTx, setLoadingTx] = useState(false)\n\n  // Static Data\n  const similarLiveBond = liveBonds?.find(\n    (bond) =>\n      !bond?.soldOut &&\n      !bond?.hide &&\n      bond?.earnToken?.symbol?.toLowerCase() === userBill?.bond?.earnToken?.symbol?.toLowerCase(),\n  )\n  const canPurchaseAgain = !!similarLiveBond\n  const vestingCliff = userBill?.bond?.vestingCliff\n  const currentTime = Math.round(new Date().getTime() / 1000)\n  const purchaseTimestamp = parseInt(userBill?.vestingStartTimestamp ?? '0')\n  const isPendingCliff = vestingCliff ? currentTime - purchaseTimestamp < vestingCliff : false\n  const cliffCountdown = getTimePeriods(purchaseTimestamp + (vestingCliff ?? 0) - currentTime, true)\n\n  const handleClaim = async () => {\n    if (loadingTx || !aptosAccount || !userBill) return\n\n    try {\n      setLoadingTx(true)\n\n      const market = userBill?.bond?.contractAddress?.[userBill?.bond?.chainId ?? 0]\n      if (!market) throw new Error('Missing bond market address')\n      if (!userBill.id) throw new Error('Missing bill ID')\n\n      // `apebond::bond::claim(market, bill_id: u64)` — the contract takes\n      // the scalar bill_id, NOT the object address.\n      const response = await signAndSubmitTransaction?.({\n        data: {\n          function: APTOS_CLAIM_FUNCTION,\n          typeArguments: [],\n          functionArguments: [market, userBill.id],\n        },\n      })\n      if (!response?.hash) throw new Error('No tx hash returned by wallet')\n\n      const aptos = getAptosClient()\n      await aptos.waitForTransaction({ transactionHash: response.hash })\n\n      await queryClient.invalidateQueries({ queryKey: [QUERY_KEYS.USER_BONDS] })\n      addToastSuccess(response.hash, ChainId.APTOS)\n    } catch (error: any) {\n      console.error('Aptos claim failed:', error)\n      addToastError(error?.message ?? 'Unknown error')\n      reportError({\n        apiUrl: SDKConfig?.urls?.apiV2,\n        error,\n        account: aptosAccount ?? '',\n        chainId: ChainId.APTOS,\n        extraInfo: { type: 'aptosClaim', userBill, error },\n      })\n    } finally {\n      setLoadingTx(false)\n    }\n  }\n\n  return (\n    <>\n      <Button\n        variant=\"secondary\"\n        disabled={claimable(userBill) === 0 || loadingTx || !userBill || isPendingCliff}\n        load={loadingTx}\n        onClick={(event) => {\n          event.stopPropagation()\n          if (!loadingTx) handleClaim()\n        }}\n        className=\"ape:text-[14px]! ape:w-full\"\n      >\n        {isPendingCliff\n          ? `Claimable in ${cliffCountdown.days !== 0 ? `${cliffCountdown.days} days` : cliffCountdown.hours !== 0 ? `${cliffCountdown.hours} hours` : `${cliffCountdown.minutes} mins`}`\n          : 'Claim'}\n      </Button>\n      <Button\n        className=\"ape:text-[14px]! ape:w-full\"\n        onClick={() => {\n          if (!canPurchaseAgain) return\n          const params = `/bonds?bondAddress=${similarLiveBond.contractAddress[similarLiveBond.chainId]}&bondChain=${similarLiveBond.chainId}`\n          window.location.href = `${params}`\n        }}\n        disabled={!canPurchaseAgain}\n      >\n        {canPurchaseAgain ? 'Buy again' : 'sold out'}\n      </Button>\n    </>\n  )\n}\n\nexport default ActionsAptos\n"],"names":["_jsxs","_Fragment","_jsx"],"mappings":";;;;;;;;;;;;;;;;AAkBA;AACA;AACA;AACA,MAAM,YAAY,GAAG,CAAC,EAAE,QAAQ,EAA2B,KAAI;;AAE7D,IAAA,MAAM,SAAS,GAAG,YAAY,EAAE;AAChC,IAAA,MAAM,WAAW,GAAG,cAAc,EAAE;IACpC,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,wBAAwB,EAAE,GAAG,aAAa,EAAE;IAC3E,MAAM,EAAE,aAAa,EAAE,eAAe,EAAE,GAAG,SAAS,EAAE;IACtD,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,YAAY,EAAE;;IAG1C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;;AAGjD,IAAA,MAAM,eAAe,GAAG,SAAS,EAAE,IAAI,CACrC,CAAC,IAAI,KACH,CAAC,IAAI,EAAE,OAAO;QACd,CAAC,IAAI,EAAE,IAAI;AACX,QAAA,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,KAAK,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,CAC9F;AACD,IAAA,MAAM,gBAAgB,GAAG,CAAC,CAAC,eAAe;AAC1C,IAAA,MAAM,YAAY,GAAG,QAAQ,EAAE,IAAI,EAAE,YAAY;AACjD,IAAA,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,EAAE,CAAC,OAAO,EAAE,GAAG,IAAI,CAAC;IAC3D,MAAM,iBAAiB,GAAG,QAAQ,CAAC,QAAQ,EAAE,qBAAqB,IAAI,GAAG,CAAC;AAC1E,IAAA,MAAM,cAAc,GAAG,YAAY,GAAG,WAAW,GAAG,iBAAiB,GAAG,YAAY,GAAG,KAAK;AAC5F,IAAA,MAAM,cAAc,GAAG,cAAc,CAAC,iBAAiB,IAAI,YAAY,IAAI,CAAC,CAAC,GAAG,WAAW,EAAE,IAAI,CAAC;AAElG,IAAA,MAAM,WAAW,GAAG,YAAW;AAC7B,QAAA,IAAI,SAAS,IAAI,CAAC,YAAY,IAAI,CAAC,QAAQ;YAAE;AAE7C,QAAA,IAAI;YACF,YAAY,CAAC,IAAI,CAAC;AAElB,YAAA,MAAM,MAAM,GAAG,QAAQ,EAAE,IAAI,EAAE,eAAe,GAAG,QAAQ,EAAE,IAAI,EAAE,OAAO,IAAI,CAAC,CAAC;AAC9E,YAAA,IAAI,CAAC,MAAM;AAAE,gBAAA,MAAM,IAAI,KAAK,CAAC,6BAA6B,CAAC;YAC3D,IAAI,CAAC,QAAQ,CAAC,EAAE;AAAE,gBAAA,MAAM,IAAI,KAAK,CAAC,iBAAiB,CAAC;;;AAIpD,YAAA,MAAM,QAAQ,GAAG,MAAM,wBAAwB,GAAG;AAChD,gBAAA,IAAI,EAAE;AACJ,oBAAA,QAAQ,EAAE,oBAAoB;AAC9B,oBAAA,aAAa,EAAE,EAAE;AACjB,oBAAA,iBAAiB,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC,EAAE,CAAC;AACzC,iBAAA;AACF,aAAA,CAAC;YACF,IAAI,CAAC,QAAQ,EAAE,IAAI;AAAE,gBAAA,MAAM,IAAI,KAAK,CAAC,+BAA+B,CAAC;AAErE,YAAA,MAAM,KAAK,GAAG,cAAc,EAAE;AAC9B,YAAA,MAAM,KAAK,CAAC,kBAAkB,CAAC,EAAE,eAAe,EAAE,QAAQ,CAAC,IAAI,EAAE,CAAC;AAElE,YAAA,MAAM,WAAW,CAAC,iBAAiB,CAAC,EAAE,QAAQ,EAAE,CAAC,UAAU,CAAC,UAAU,CAAC,EAAE,CAAC;YAC1E,eAAe,CAAC,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC,KAAK,CAAC;QAC/C;QAAE,OAAO,KAAU,EAAE;AACnB,YAAA,OAAO,CAAC,KAAK,CAAC,qBAAqB,EAAE,KAAK,CAAC;AAC3C,YAAA,aAAa,CAAC,KAAK,EAAE,OAAO,IAAI,eAAe,CAAC;AAChD,YAAA,WAAW,CAAC;AACV,gBAAA,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK;gBAC9B,KAAK;gBACL,OAAO,EAAE,YAAY,IAAI,EAAE;gBAC3B,OAAO,EAAE,OAAO,CAAC,KAAK;gBACtB,SAAS,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,KAAK,EAAE;AACnD,aAAA,CAAC;QACJ;gBAAU;YACR,YAAY,CAAC,KAAK,CAAC;QACrB;AACF,IAAA,CAAC;AAED,IAAA,QACEA,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACEC,GAAA,CAAC,MAAM,IACL,OAAO,EAAC,WAAW,EACnB,QAAQ,EAAE,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,SAAS,IAAI,CAAC,QAAQ,IAAI,cAAc,EAC/E,IAAI,EAAE,SAAS,EACf,OAAO,EAAE,CAAC,KAAK,KAAI;oBACjB,KAAK,CAAC,eAAe,EAAE;AACvB,oBAAA,IAAI,CAAC,SAAS;AAAE,wBAAA,WAAW,EAAE;AAC/B,gBAAA,CAAC,EACD,SAAS,EAAC,6BAA6B,YAEtC;AACC,sBAAE,CAAA,aAAA,EAAgB,cAAc,CAAC,IAAI,KAAK,CAAC,GAAG,GAAG,cAAc,CAAC,IAAI,CAAA,KAAA,CAAO,GAAG,cAAc,CAAC,KAAK,KAAK,CAAC,GAAG,CAAA,EAAG,cAAc,CAAC,KAAK,CAAA,MAAA,CAAQ,GAAG,CAAA,EAAG,cAAc,CAAC,OAAO,OAAO,CAAA;AAC7K,sBAAE,OAAO,EAAA,CACJ,EACTA,IAAC,MAAM,EAAA,EACL,SAAS,EAAC,6BAA6B,EACvC,OAAO,EAAE,MAAK;AACZ,oBAAA,IAAI,CAAC,gBAAgB;wBAAE;AACvB,oBAAA,MAAM,MAAM,GAAG,CAAA,mBAAA,EAAsB,eAAe,CAAC,eAAe,CAAC,eAAe,CAAC,OAAO,CAAC,CAAA,WAAA,EAAc,eAAe,CAAC,OAAO,EAAE;oBACpI,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,CAAA,EAAG,MAAM,EAAE;AACpC,gBAAA,CAAC,EACD,QAAQ,EAAE,CAAC,gBAAgB,EAAA,QAAA,EAE1B,gBAAgB,GAAG,WAAW,GAAG,UAAU,EAAA,CACrC,CAAA,EAAA,CACR;AAEP;;;;"}

package/dist/adapters/aptos/AptosAccountBridge.d.ts

@@ -0,0 +1,3 @@
+/** Publishes the connected Aptos account (or the injected `aptosAddress`) for core code; see ChainAdapter.AccountBridge. */
+declare const AptosAccountBridge: () => null;
+export default AptosAccountBridge;

package/dist/adapters/aptos/AptosAccountBridge.js

@@ -0,0 +1,12 @@
+import useAPTAccount from './useAPTAccount.js';
+import { usePublishChainAccount } from '../../state/chainAccount/useChainAccount.js';
+
+/** Publishes the connected Aptos account (or the injected `aptosAddress`) for core code; see ChainAdapter.AccountBridge. */
+const AptosAccountBridge = () => {
+    const { address } = useAPTAccount();
+    usePublishChainAccount('aptos', { address: address ?? null, connected: !!address });
+    return null;
+};
+
+export { AptosAccountBridge as default };
+//# sourceMappingURL=AptosAccountBridge.js.map

package/dist/adapters/aptos/AptosAccountBridge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AptosAccountBridge.js","sources":["../../../src/adapters/aptos/AptosAccountBridge.tsx"],"sourcesContent":["import useAPTAccount from './useAPTAccount'\nimport { usePublishChainAccount } from '../../state/chainAccount/useChainAccount'\n\n/** Publishes the connected Aptos account (or the injected `aptosAddress`) for core code; see ChainAdapter.AccountBridge. */\nconst AptosAccountBridge = () => {\n  const { address } = useAPTAccount()\n  usePublishChainAccount('aptos', { address: address ?? null, connected: !!address })\n  return null\n}\n\nexport default AptosAccountBridge\n"],"names":[],"mappings":";;;AAGA;AACA,MAAM,kBAAkB,GAAG,MAAK;AAC9B,IAAA,MAAM,EAAE,OAAO,EAAE,GAAG,aAAa,EAAE;AACnC,IAAA,sBAAsB,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC;AACnF,IAAA,OAAO,IAAI;AACb;;;;"}

package/dist/{views/BuyBond → adapters/aptos}/BuyComponentAptos.js

@@ -14,23 +14,23 @@ import { MCBuyComponentStyles } from '../../utils/campaignStyles.js';
 import track from '../../utils/track.js';
 import { remove0xPrefix } from '../../utils/remove0xPrefix.js';
 import { getSymbol } from '../../utils/getNativeTicker.js';
-import useAPTAccount from '../../hooks/accounts/useAPTAccount.js';
+import useAPTAccount from './useAPTAccount.js';
 import useTokenFromZapList from '../../hooks/useTokenFromZapList.js';
 import useSortedZapList from '../../hooks/useSortedZapList.js';
-import useAptosZapQuote from '../../state/zap/useAptosZapQuote.js';
+import useAptosZapQuote from './useAptosZapQuote.js';
 import { findAptosZapToken } from '../../config/constants/aptosZapTokens.js';
-import ConnectAptosWalletButton from '../../components/ConnectAptosWalletButton/ConnectAptosWalletButton.js';
+import ConnectAptosWalletButton from './ConnectAptosWalletButton.js';
 import TokenSelectorPanel from '../../components/TokenSelectorPanel/index.js';
-import BondModalHeader from './components/BondModalHeader.js';
-import BondCards from './components/BondCards/BondCards.js';
-import Estimations from './components/Estimations.js';
-import ProjectDescription from './components/ProjectDescription.js';
+import BondModalHeader from '../../views/BuyBond/components/BondModalHeader.js';
+import BondCards from '../../views/BuyBond/components/BondCards/BondCards.js';
+import Estimations from '../../views/BuyBond/components/Estimations.js';
+import ProjectDescription from '../../views/BuyBond/components/ProjectDescription.js';
 import Flex from '../../components/uikit-sdk/Flex/index.js';
 import Text from '../../components/uikit-sdk/Text/index.js';
 import Button from '../../components/uikit-sdk/Button/Button.js';
 import SafeHTMLComponent from '../../components/SafeHTMLComponent/index.js';
 import { APTOS_DEPOSIT_FUNCTION } from '../../constants/aptosConstants.js';
-import { getAptosClient, readAptosMarketInfo, extractDepositEvent, extractBillMinted } from '../../utils/aptosHelpers.js';
+import { getAptosClient, readAptosMarketInfo, extractDepositEvent, extractBillMinted } from './aptosHelpers.js';
 import { toFixedString, parseUnits, mulDivRound } from '../../utils/fixedPoint.js';
 
 // (100 + slippage) / 100 as an exact integer fraction, scaled by 1e6 to preserve fractional