-
-## Return Type: `UseSelectPaymentModalReturnType`
-
-The hook returns an object with the following properties:
-
-```tsx
-type UseSelectPaymentModalReturnType = {
- openSelectPaymentModal: (settings: SelectPaymentSettings) => void
- closeSelectPaymentModal: () => void
- selectPaymentSettings: SelectPaymentSettings | undefined
-}
-```
-
-### Properties
-
-#### openSelectPaymentModal
-
-`(settings: SelectPaymentSettings) => void`
-
-Function to open the Payment Selection modal with the specified settings.
-
-**Parameters:**
-
-The `settings` object can include the following properties:
-
-| Parameter | Type | Description |
-| --------- | ---- | ----------- |
-| `collectibles` | `Array<{tokenId: string, quantity: string}>` | Array of collectibles to purchase |
-| `chain` | `number` | Blockchain network ID |
-| `price` | `string` | Price in smallest unit of the currency |
-| `targetContractAddress` | `string` | Address of the contract to interact with |
-| `recipientAddress` | `string` | Address to receive the purchased items |
-| `currencyAddress` | `string` | Address of the currency token contract |
-| `collectionAddress` | `string` | Address of the NFT collection contract |
-| `creditCardProviders` | `string[]` | List of supported credit card providers (e.g., 'transak') |
-| `copyrightText` | `string` | Copyright text to display in the modal |
-| `onSuccess` | `(txnHash: string) => void` | Callback when transaction succeeds |
-| `onError` | `(error: Error) => void` | Callback when an error occurs |
-| `onClose` | `() => void` | Callback when the modal is closed |
-| `txData` | `string` | Encoded transaction data for the purchase |
-
-#### closeSelectPaymentModal
-
-`() => void`
-
-Function to close the Payment Selection modal.
-
-#### selectPaymentSettings
-
-`SelectPaymentSettings | undefined`
-
-The current settings configuration for the Payment Selection modal.
-
-## Notes
-
-This hook provides methods to control the Payment Selection modal that allows users to purchase digital assets with multiple payment options. The modal offers various payment methods including:
-- Pay with cryptocurrency from the user's wallet
-- Swap tokens to pay with a different cryptocurrency
-- Pay with credit/debit card
-- Receive funds from another wallet
-
-
diff --git a/sdk/web/checkout-sdk/hooks/useSwapModal.mdx b/sdk/web/checkout-sdk/hooks/useSwapModal.mdx
deleted file mode 100644
index cd6623ab..00000000
--- a/sdk/web/checkout-sdk/hooks/useSwapModal.mdx
+++ /dev/null
@@ -1,130 +0,0 @@
----
-
-title: "useSwapModal"
-description: Hook for opening the swap modal
-sidebarTitle: useSwapModal
----
-
-## Import
-
-```tsx
-import { useSwapModal } from '@0xsequence/checkout'
-```
-
-## Usage
-
-```tsx
-import { useSwapModal } from '@0xsequence/checkout'
-import { encodeFunctionData, parseAbi } from 'viem'
-
-function App() {
- const { openSwapModal } = useSwapModal()
-
- const handleSwap = () => {
- // Target token information
- const chainId = 137 // Polygon
- const toTokenAddress = '0x3c499c542cEF5E3811e1192ce70d8cC03d5c3359' // USDC on Polygon
- const toTokenAmount = '20000' // 0.02 USDC (in smallest units)
-
- // Optional: Transaction to execute after swap is completed
- const data = encodeFunctionData({
- abi: parseAbi(['function demo()']),
- functionName: 'demo',
- args: []
- })
-
- // Open the swap modal
- openSwapModal({
- onSuccess: () => {
- console.log('swap successful!')
- },
- chainId,
- toTokenAddress,
- toTokenAmount,
- postSwapTransactions: [
- {
- to: '0x37470dac8a0255141745906c972e414b1409b470',
- data
- }
- ],
- title: 'Swap and Pay',
- description: 'Select a token in your wallet to swap to 0.2 USDC.'
- })
- }
-
- return (
-
- )
-}
-```
-
-## Return Type: `UseSwapModalReturnType`
-
-The hook returns an object with the following properties:
-
-```tsx
-type UseSwapModalReturnType = {
- openSwapModal: (settings: SwapModalSettings) => void
- closeSwapModal: () => void
- swapModalSettings: SwapModalSettings | undefined
-}
-```
-
-### Properties
-
-#### openSwapModal
-
-`(settings: SwapModalSettings) => void`
-
-Function to open the Swap modal with the specified settings.
-
-**Parameters:**
-
-The `settings` object can include the following properties:
-
-| Parameter | Type | Description |
-| --------- | ---- | ----------- |
-| `chainId` | `number` | Blockchain network ID where the swap will occur |
-| `toTokenAddress` | `string` | Address of the target token contract |
-| `toTokenAmount` | `string` | Amount of the target token in smallest units |
-| `postSwapTransactions` | `Array<{to: string, data: string}>` | (Optional) Transactions to execute after the swap completes |
-| `disableMainCurrency` | `boolean` | (Optional) If true, disables swapping using the main currency of the chain |
-| `title` | `string` | (Optional) Custom title for the swap modal |
-| `description` | `string` | (Optional) Custom description for the swap modal |
-| `onSuccess` | `() => void` | (Optional) Callback when swap is successful |
-| `onError` | `(error: Error) => void` | (Optional) Callback when an error occurs |
-| `onClose` | `() => void` | (Optional) Callback when the modal is closed |
-| `blockConfirmations` | `number` | (Optional) Number of block confirmations to wait for the swap to complete |
-
-#### closeSwapModal
-
-`() => void`
-
-Function to close the Swap modal.
-
-#### swapModalSettings
-
-`SwapModalSettings | undefined`
-
-The current settings configuration for the Swap modal.
-
-```tsx
-export interface SwapModalSettings {
- chainId: number
- toTokenAddress: string
- toTokenAmount: string
- title?: string
- description?: string
- disableMainCurrency?: boolean
- postSwapTransactions?: Transaction[]
- blockConfirmations?: number
- onSuccess?: (txHash: string) => void
-}
-```
-
-## Notes
-
-This hook provides methods to control the Swap modal that allows users to swap tokens in their wallet to a target currency. The Swap modal enables users to select tokens from their wallet to swap to a specified target token, with the option to execute additional transactions after the swap completes.
-
diff --git a/sdk/web/hooks-sdk/hooks/useGetSwapQuote.mdx b/sdk/web/hooks-sdk/hooks/useGetSwapQuote.mdx
deleted file mode 100644
index 4c2b9f12..00000000
--- a/sdk/web/hooks-sdk/hooks/useGetSwapQuote.mdx
+++ /dev/null
@@ -1,152 +0,0 @@
----
-title: "useGetSwapQuote"
-description: Hook for fetching quotes for a swap
-sidebarTitle: useGetSwapQuote
----
-
-## Import
-
-```tsx
-import { useGetSwapQuote } from '@0xsequence/hooks'
-```
-
-## Usage
-
-```tsx
-import { useGetSwapQuote } from '@0xsequence/hooks'
-
-function SwapComponent() {
- const { data: swapQuote, isLoading } = useGetSwapQuote({
- params: {
- walletAddress: '0x123...',
- fromTokenAddress: '0x456...',
- toTokenAddress: '0x789...',
- toTokenAmount: '1000000000000000000', // amount to buy in wei
- chainId: 1,
- includeApprove: true,
- slippageBps: 100 // 1% slippage
- }
- })
-
- if (isLoading) return Loading swap options...
-
- if (isError) return Error loading swap options
-
- const noOptionsFound = swapRoutes.flatMap(route => route.fromTokens).length === 0
-
- if (noOptionsFound) return No swap options found
-
- return (
-
- {swapRoutes.flatMap(route => route.fromTokens).map(token => (
-
- )
-}
-
-export default SwapList
-```
-
-## Return Type: `UseQueryResult setSelectedCurrency(token.address)}
- style={{
- border: selectedCurrency === token.address ? '2px solid blue' : '1px solid gray',
- padding: '10px',
- margin: '5px',
- cursor: 'pointer'
- }}
- >
- 
- {token.symbol}: {token.name}
-
- ))}
- Required: {token.price}
-