@openocean.finance/widget 1.0.28 → 1.0.29

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openocean.finance/widget",
-  "version": "1.0.28",
+  "version": "1.0.29",
   "description": "Openocean Widget for cross-chain bridging and swapping. It will drive your multi-chain strategy and attract new users from everywhere.",
   "type": "module",
   "main": "./dist/esm/index.js",
@@ -48,7 +48,13 @@
     "@mui/material": "^6.4.8",
     "@mui/system": "^6.4.8",
     "@openocean.finance/wallet-management": "^1.0.11",
-    "@openocean.finance/widget-sdk": "^1.0.8",
+    "@openocean.finance/widget-sdk": "^1.0.9",
+    "@across-protocol/app-sdk": "^0.2.0",
+    "@near-wallet-selector/react-hook": "^9.0.0",
+    "@reservoir0x/relay-sdk": "^2.4.0",
+    "@lifi/sdk": "^3.6.8",
+    "@mayanfinance/swap-sdk": "^11.0.1",
+    "@defuse-protocol/one-click-sdk-typescript": "^0.1.2",
     "@solana/wallet-adapter-base": "^0.9.24",
     "@solana/web3.js": "^1.98.0",
     "@tanstack/react-virtual": "^3.13.4",
@@ -74,9 +80,13 @@
     "@bigmi/react": ">=0.1.0",
     "@solana/wallet-adapter-react": "^0.15.35",
     "@tanstack/react-query": "^5.62.0",
-    "react": ">=18",
-    "react-dom": ">=18",
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0",
     "wagmi": "^2.14.0"
   },
+  "peerDependenciesMeta": {
+    "react": { "optional": false },
+    "react-dom": { "optional": false }
+  },
   "files": ["dist/**", "src/**", "!tsconfig.json"]
 }

package/src/components/AmountInput/AmountInputEndAdornment.tsx

@@ -76,21 +76,21 @@ export const AmountInputEndAdornment = ({ formType }: FormTypeProps) => {
           )
         )
       }
-      const prependedOperatingExpenseCost = await getCost({
-        srcChainId: fromChainId === 1151111081099710 ? 7565164 : fromChainId,
-        srcChainTokenIn: fromTokenAddress,
-        srcChainTokenInAmount: srcChainTokenInAmount,
-        dstChainTokenOutAmount: 'auto',
-        dstChainId: toChainId === 1151111081099710 ? 7565164 : toChainId,
-        dstChainTokenOut: toTokenAddress,
-        prependOperatingExpenses: true,
-        additionalTakerRewardBps: 0,
-        tab: new Date().getTime(),
-      })
-      return prependedOperatingExpenseCost
+      // const prependedOperatingExpenseCost = await getCost({
+      //   srcChainId: fromChainId === 1151111081099710 ? 7565164 : fromChainId,
+      //   srcChainTokenIn: fromTokenAddress,
+      //   srcChainTokenInAmount: srcChainTokenInAmount,
+      //   dstChainTokenOutAmount: 'auto',
+      //   dstChainId: toChainId === 1151111081099710 ? 7565164 : toChainId,
+      //   dstChainTokenOut: toTokenAddress,
+      //   prependOperatingExpenses: true,
+      //   additionalTakerRewardBps: 0,
+      //   tab: new Date().getTime(),
+      // })
+      return 0n
     },
   })
-  let prependedOperatingExpenseCost = prependedOperatingExpenseCostOne || 0
+  const prependedOperatingExpenseCost = prependedOperatingExpenseCostOne || 0
 
   const handleMax = async () => {
     if (!token?.amount) {
@@ -101,40 +101,40 @@ export const AmountInputEndAdornment = ({ formType }: FormTypeProps) => {
     let maxAmount = token.amount
 
     let gas = 0n
-    if (
-      state === 'bridge' &&
-      fromChainId !== toChainId &&
-      fromTokenAddress &&
-      toTokenAddress
-    ) {
-      if (routes) {
-        const router: any = routes[0] || {
-          toAmount: 0,
-          toToken: { decimals: 18 },
-        }
-        if (
-          router &&
-          router.data &&
-          router.data.prependedOperatingExpenseCost
-        ) {
-          prependedOperatingExpenseCost =
-            router.data.prependedOperatingExpenseCost
-        }
-      }
+    // if (
+    //   state === 'bridge' &&
+    //   fromChainId !== toChainId &&
+    //   fromTokenAddress &&
+    //   toTokenAddress
+    // ) {
+    //   if (routes) {
+    //     const router: any = routes[0] || {
+    //       toAmount: 0,
+    //       toToken: { decimals: 18 },
+    //     }
+    //     if (
+    //       router &&
+    //       router.data &&
+    //       router.data.prependedOperatingExpenseCost
+    //     ) {
+    //       prependedOperatingExpenseCost =
+    //         router.data.prependedOperatingExpenseCost
+    //     }
+    //   }
 
-      gas = BigInt(
-        Number.parseInt(
-          (1.15 * Number(prependedOperatingExpenseCost)).toString()
-        )
-      )
-      if (chain?.nativeToken?.address === fromTokenAddress) {
-        if (fromChainId === 1151111081099710) {
-          gas += 15000000n + (8157120n + 4000000n + 890880n)
-        } else if (fromChainId === 8453) {
-          gas += 1000000000000000n + 1000000000000n
-        }
-      }
-    }
+    //   gas = BigInt(
+    //     Number.parseInt(
+    //       (1.15 * Number(prependedOperatingExpenseCost)).toString()
+    //     )
+    //   )
+    //   if (chain?.nativeToken?.address === fromTokenAddress) {
+    //     if (fromChainId === 1151111081099710) {
+    //       gas += 15000000n + (8157120n + 4000000n + 890880n)
+    //     } else if (fromChainId === 8453) {
+    //       gas += 1000000000000000n + 1000000000000n
+    //     }
+    //   }
+    // }
 
     if (state === 'swap' || fromChainId === toChainId) {
       if (

package/src/components/Messages/WarningMessages.tsx

@@ -6,12 +6,12 @@ import { FundsSufficiencyMessage } from './FundsSufficiencyMessage.js'
 import { GasSufficiencyMessage } from './GasSufficiencyMessage.js'
 import { GasSufficiencyMessageBridge } from './GasSufficiencyMessageBridge.js'
 import { PriceImpactHighMessage } from './PriceImpactHighMessage.js'
+import { ServerErrorMessage } from './ServeErrorMessage.js'
 import { ToAddressRequiredMessage } from './ToAddressRequiredMessage.js'
 import {
   useMessageQueue,
   useStorePriceImpactAcknowledged,
 } from './useMessageQueue.js'
-import { ServerErrorMessage } from './ServeErrorMessage.js'
 
 type WarningMessagesProps = BoxProps & {
   route?: Route
@@ -59,7 +59,12 @@ export const WarningMessages: React.FC<WarningMessagesProps> = ({
         }
         return null
       case 'SERVER_ERROR':
-        return <ServerErrorMessage errorMsg={messages[0].props?.errorMsg} {...props} />
+        return (
+          <ServerErrorMessage
+            errorMsg={messages[0].props?.errorMsg}
+            {...props}
+          />
+        )
       default:
         return null
     }

package/src/components/Step/Step.tsx

@@ -29,10 +29,10 @@ export const Step: React.FC<{
   )
 
   const getCardTitle = () => {
-    const hasBridgeStep = step.includedSteps.some(
-      (step) => step.type === 'cross'
-    )
-    const hasSwapStep = step.includedSteps.some((step) => step.type === 'swap')
+    // const hasBridgeStep = step.includedSteps.some(
+    //   (step) => step.type === 'cross'
+    // )
+    // const hasSwapStep = step.includedSteps.some((step) => step.type === 'swap')
     const hasCustomStep = step.includedSteps.some(
       (step) => step.type === 'custom'
     )
@@ -40,33 +40,39 @@ export const Step: React.FC<{
     const isCustomVariant = hasCustomStep && subvariant === 'custom'
 
     switch (step.type) {
-      case 'openocean': {
-        if (hasBridgeStep && hasSwapStep) {
-          return isCustomVariant
-            ? subvariantOptions?.custom === 'deposit'
-              ? t('main.stepBridgeAndDeposit')
-              : t('main.stepBridgeAndBuy')
-            : t('main.stepSwapAndBridge')
-        }
-        if (hasBridgeStep) {
-          return isCustomVariant
-            ? subvariantOptions?.custom === 'deposit'
-              ? t('main.stepBridgeAndDeposit')
-              : t('main.stepBridgeAndBuy')
-            : t('main.stepBridge')
-        }
-        if (hasSwapStep) {
-          return isCustomVariant
-            ? subvariantOptions?.custom === 'deposit'
-              ? t('main.stepSwapAndDeposit')
-              : t('main.stepSwapAndBuy')
-            : t('main.stepSwap')
-        }
-        return isCustomVariant
-          ? subvariantOptions?.custom === 'deposit'
-            ? t('main.stepDeposit')
-            : t('main.stepBuy')
-          : t('main.stepSwap')
+      // case 'openocean': {
+      //   if (hasBridgeStep && hasSwapStep) {
+      //     return isCustomVariant
+      //       ? subvariantOptions?.custom === 'deposit'
+      //         ? t('main.stepBridgeAndDeposit')
+      //         : t('main.stepBridgeAndBuy')
+      //       : t('main.stepSwapAndBridge')
+      //   }
+      //   if (hasBridgeStep) {
+      //     return isCustomVariant
+      //       ? subvariantOptions?.custom === 'deposit'
+      //         ? t('main.stepBridgeAndDeposit')
+      //         : t('main.stepBridgeAndBuy')
+      //       : t('main.stepBridge')
+      //   }
+      //   if (hasSwapStep) {
+      //     return isCustomVariant
+      //       ? subvariantOptions?.custom === 'deposit'
+      //         ? t('main.stepSwapAndDeposit')
+      //         : t('main.stepSwapAndBuy')
+      //       : t('main.stepSwap')
+      //   }
+      //   return isCustomVariant
+      //     ? subvariantOptions?.custom === 'deposit'
+      //       ? t('main.stepDeposit')
+      //       : t('main.stepBuy')
+      //     : t('main.stepSwap')
+      // }
+      case 'bridge': {
+        return t('main.stepBridge')
+      }
+      case 'swap': {
+        return t('main.stepSwap')
       }
       default:
         return isCustomVariant

package/src/components/TransactionDetails.tsx

@@ -69,19 +69,18 @@ export const TransactionDetails: React.FC<TransactionDetailsProps> = ({
 
   let gasCostUSD = 0
   const feeCosts = []
-  const combinedFeesUSD = gasCostUSD + feeCosts.reduce((sum, fee) => sum + fee.costUSD, 0)
+  const combinedFeesUSD =
+    gasCostUSD + feeCosts.reduce((sum, fee) => sum + fee.costUSD, 0)
   const feeCostUSD = feeCosts.reduce((sum, fee) => sum + fee.costUSD, 0)
-  const estimatedGas = (route as any)?.estimatedGas || (route as any)?.data?.estimatedGas
+  const estimatedGas =
+    (route as any)?.estimatedGas || (route as any)?.data?.estimatedGas
   if (token && gasPrice && estimatedGas) {
     const d = 10 ** token.decimals
     gasCostUSD =
       Number(token.priceUSD) * ((Number(gasPrice) * Number(estimatedGas)) / d)
   }
-  if (isBradge && (route as any)?.data?.prependedOperatingExpenseCost) {
-    const decimals = 10 ** route.fromToken.decimals
-    gasCostUSD =
-      ((route as any).data.prependedOperatingExpenseCost / decimals) *
-      Number(route.fromToken.priceUSD)
+  if (isBradge) {
+    gasCostUSD = (route as any).feeCosts?.[0]?.amountUSD || 0
   }
 
   const { priceImpact } = usePriceImpact(route)
@@ -228,10 +227,10 @@ export const TransactionDetails: React.FC<TransactionDetailsProps> = ({
                 {t('main.fees.provider')}
               </Typography>
               {feeCostUSD
-                  ? t('format.currency', {
-                      value: feeCostUSD,
-                    })
-                  : '--'}
+                ? t('format.currency', {
+                    value: feeCostUSD,
+                  })
+                : '--'}
             </Box>
           ) : null}
           {showIntegratorFeeCollectionDetails ? (

package/src/config/version.ts

@@ -1,2 +1,2 @@
 export const name = '@openocean.finance/widget'
-export const version = '1.0.28'
+export const version = '1.0.29'

package/src/cross/adapters/AcrossAdapter.ts

@@ -0,0 +1,193 @@
+import { AcrossClient, createAcrossClient } from '@across-protocol/app-sdk'
+import { Currency } from '../constants/index.js'
+import { ChainId } from '@openocean.finance/widget-sdk'
+import { ethers } from 'ethers'
+import { WalletClient, formatUnits } from 'viem'
+import { arbitrum, base, blast, linea, mainnet, optimism, polygon, scroll, unichain, zksync } from 'viem/chains'
+
+import { CROSS_CHAIN_FEE_RECEIVER } from '../constants/index.js'
+
+import { Quote } from '../registry.js'
+import {
+  BaseSwapAdapter,
+  Chain,
+  EvmQuoteParams,
+  NOT_SUPPORTED_CHAINS_PRICE_SERVICE,
+  NormalizedQuote,
+  NormalizedTxResponse,
+  SwapStatus,
+} from './BaseSwapAdapter.js'
+
+// Define the ABI of the functions
+const transferFunction = 'function transfer(address to, uint256 amount)'
+
+// Create Interface instances
+const erc20Interface = new ethers.utils.Interface([transferFunction])
+
+const multicalHandlerContract: Record<string, `0x${string}`> = {
+  [ChainId.MAINNET]: '0x924a9f036260DdD5808007E1AA95f08eD08aA569',
+  [ChainId.ARBITRUM]: '0x924a9f036260DdD5808007E1AA95f08eD08aA569',
+  [ChainId.OPTIMISM]: '0x924a9f036260DdD5808007E1AA95f08eD08aA569',
+  [ChainId.LINEA]: '0x1015c58894961F4F7Dd7D68ba033e28Ed3ee1cDB',
+  [ChainId.MATIC]: '0x924a9f036260DdD5808007E1AA95f08eD08aA569',
+  [ChainId.ZKSYNC]: '0x863859ef502F0Ee9676626ED5B418037252eFeb2',
+  [ChainId.BASE]: '0x1015c58894961F4F7Dd7D68ba033e28Ed3ee1cDB',
+  [ChainId.SCROLL]: '0x1015c58894961F4F7Dd7D68ba033e28Ed3ee1cDB',
+  [ChainId.BLAST]: '0x1015c58894961F4F7Dd7D68ba033e28Ed3ee1cDB',
+  [ChainId.UNICHAIN]: '0x1015c58894961F4F7Dd7D68ba033e28Ed3ee1cDB',
+}
+
+export class AcrossAdapter extends BaseSwapAdapter {
+  private acrossClient: AcrossClient
+
+  constructor() {
+    super()
+    this.acrossClient = createAcrossClient({
+      integratorId: `0x008a`,
+      chains: [mainnet, arbitrum, optimism, linea, polygon, zksync, base, scroll, blast, unichain],
+      rpcUrls: {
+        [ChainId.BASE]: 'https://base.drpc.org',
+      },
+    })
+  }
+
+  getName(): string {
+    return 'Across'
+  }
+  getIcon(): string {
+    return 'https://across.to/favicon.ico'
+  }
+  getSupportedChains(): Chain[] {
+    return [
+      ChainId.MAINNET,
+      ChainId.ARBITRUM,
+      ChainId.OPTIMISM,
+      ChainId.LINEA,
+      ChainId.MATIC,
+      ChainId.ZKSYNC,
+      ChainId.BASE,
+      ChainId.SCROLL,
+      ChainId.BLAST,
+      ChainId.UNICHAIN,
+    ]
+  }
+
+  getSupportedTokens(_sourceChain: Chain, _destChain: Chain): Currency[] {
+    return []
+  }
+
+  async getQuote(params: EvmQuoteParams): Promise<NormalizedQuote> {
+    try {
+      const resp = await this.acrossClient.getQuote({
+        route: {
+          originChainId: +params.fromChain,
+          destinationChainId: +params.toChain,
+          inputToken: params.fromToken.wrapped.address as `0x${string}`,
+          outputToken: params.toToken.wrapped.address as `0x${string}`,
+          isNative: params.fromToken.isNative,
+        },
+        inputAmount: params.amount,
+        recipient: multicalHandlerContract[params.toChain],
+        crossChainMessage: {
+          actions: [
+            {
+              target: params.toToken.wrapped.address as `0x${string}`,
+              callData: erc20Interface.encodeFunctionData('transfer', [CROSS_CHAIN_FEE_RECEIVER, 0n]) as `0x${string}`,
+              value: '0',
+              update: updatedAmount => ({
+                callData: erc20Interface.encodeFunctionData('transfer', [
+                  CROSS_CHAIN_FEE_RECEIVER,
+                  (updatedAmount * BigInt(params.feeBps)) / 10_000n,
+                ]) as `0x${string}`,
+              }),
+            },
+          ],
+          fallbackRecipient: params.recipient as `0x${string}`,
+        },
+      })
+
+      // across only have bridge then we can treat token in and out price usd are the same in case price service is not supported
+      const isSameToken = params.fromToken.symbol === params.toToken.symbol
+      const tokenInUsd =
+        isSameToken && NOT_SUPPORTED_CHAINS_PRICE_SERVICE.includes(params.fromChain) && params.tokenOutUsd
+          ? params.tokenOutUsd
+          : params.tokenInUsd
+      const tokenOutUsd =
+        isSameToken && NOT_SUPPORTED_CHAINS_PRICE_SERVICE.includes(params.toChain) && params.tokenInUsd
+          ? params.tokenInUsd
+          : params.tokenOutUsd
+      const feeAmount = (BigInt(resp.deposit.outputAmount) * BigInt(params.feeBps)) / 10_000n
+      const formattedOutputAmount = formatUnits(BigInt(resp.deposit.outputAmount) - feeAmount, params.toToken.decimals)
+      const formattedInputAmount = formatUnits(BigInt(params.amount), params.fromToken.decimals)
+
+      const inputUsd = tokenInUsd * +formattedInputAmount
+      const outputUsd = tokenOutUsd * +formattedOutputAmount
+
+      return {
+        quoteParams: params,
+        outputAmount: BigInt(resp.deposit.outputAmount) - feeAmount,
+        formattedOutputAmount,
+        inputUsd: tokenInUsd * +formatUnits(BigInt(params.amount), params.fromToken.decimals),
+        outputUsd: tokenOutUsd * +formattedOutputAmount,
+        rate: +formattedOutputAmount / +formattedInputAmount,
+        timeEstimate: resp.estimatedFillTimeSec,
+        priceImpact: !inputUsd || !outputUsd ? NaN : ((inputUsd - outputUsd) * 100) / inputUsd,
+        // TODO: what is gas fee for across
+        gasFeeUsd: 0,
+        contractAddress: resp.deposit.spokePoolAddress,
+        rawQuote: resp,
+
+        protocolFee: 0,
+        platformFeePercent: (params.feeBps * 100) / 10_000,
+      }
+    } catch (e) {
+      console.log('Across getQuote error', e)
+      throw e
+    }
+  }
+
+  async executeSwap(quote: Quote, walletClient: WalletClient): Promise<NormalizedTxResponse> {
+    return new Promise<NormalizedTxResponse>((resolve, reject) => {
+      this.acrossClient
+        .executeQuote({
+          walletClient: walletClient as any,
+          deposit: quote.quote.rawQuote.deposit,
+          onProgress: progress => {
+            if (progress.step === 'deposit' && 'txHash' in progress) {
+              resolve({
+                sender: quote.quote.quoteParams.sender,
+                sourceTxHash: progress.txHash,
+                adapter: this.getName(),
+                id: progress.txHash,
+                sourceChain: quote.quote.quoteParams.fromChain,
+                targetChain: quote.quote.quoteParams.toChain,
+                inputAmount: quote.quote.quoteParams.amount,
+                outputAmount: quote.quote.outputAmount.toString(),
+                sourceToken: quote.quote.quoteParams.fromToken,
+                targetToken: quote.quote.quoteParams.toToken,
+                timestamp: new Date().getTime(),
+              })
+            }
+          },
+        })
+        .catch(reject)
+    })
+  }
+  async getTransactionStatus(params: NormalizedTxResponse): Promise<SwapStatus> {
+    try {
+      const res = await fetch(`https://app.across.to/api/deposit/status?depositTxHash=${params.sourceTxHash}`).then(
+        res => res.json(),
+      )
+      return {
+        txHash: res.fillTx || '',
+        status: res.status === 'filled' ? 'Success' : 'Processing',
+      }
+    } catch (error) {
+      console.error('Error fetching transaction status:', error)
+      return {
+        txHash: '',
+        status: 'Processing',
+      }
+    }
+  }
+}

package/src/cross/adapters/BaseSwapAdapter.ts

@@ -0,0 +1,173 @@
+import type { useWalletSelector } from '@near-wallet-selector/react-hook'
+import { ChainId } from '@openocean.finance/widget-sdk'
+import type { AdaptedWallet } from '@reservoir0x/relay-sdk'
+import type { WalletAdapterProps } from '@solana/wallet-adapter-base'
+import type { Connection } from '@solana/web3.js'
+import type { WalletClient } from 'viem'
+
+import type {
+  Currency as EvmCurrency,
+  NearToken,
+  SolanaToken,
+} from '../constants/index.js'
+
+import type { Quote } from '../registry.js'
+
+export enum NonEvmChain {
+  Near = 'near',
+  Bitcoin = 'bitcoin',
+  Solana = 'solana',
+}
+
+export const BitcoinToken = {
+  name: 'Bitcoin',
+  symbol: 'BTC',
+  decimals: 8,
+  logo: 'https://storage.googleapis.com/ks-setting-1d682dca/285205e7-a16d-421c-a794-67439cd6b54f1751515894455.png',
+}
+
+export type Chain = ChainId | NonEvmChain
+export type Currency =
+  | EvmCurrency
+  | NearToken
+  | typeof BitcoinToken
+  | SolanaToken
+
+export const NonEvmChainInfo: {
+  [key in NonEvmChain]: { name: string; icon: string }
+} = {
+  [NonEvmChain.Near]: {
+    name: 'NEAR',
+    icon: 'https://storage.googleapis.com/ks-setting-1d682dca/000c677f-2ebc-44cc-8d76-e4c6d07627631744962669170.png',
+  },
+  [NonEvmChain.Bitcoin]: {
+    name: 'Bitcoin',
+    icon: 'https://storage.googleapis.com/ks-setting-1d682dca/285205e7-a16d-421c-a794-67439cd6b54f1751515894455.png',
+  },
+  [NonEvmChain.Solana]: {
+    name: 'Solana',
+    icon: 'https://solana.com/favicon.png',
+  },
+}
+
+export const NOT_SUPPORTED_CHAINS_PRICE_SERVICE = [
+  ChainId.FTM,
+  ChainId.SCL,
+  ChainId.BLS,
+  // ChainId.ZKSYNC,
+  // ChainId.HYPEREVM,
+  NonEvmChain.Solana,
+  NonEvmChain.Bitcoin,
+  NonEvmChain.Near,
+]
+
+export interface QuoteParams {
+  feeBps: number
+  fromChain: Chain
+  toChain: Chain
+  fromToken: Currency
+  toToken: Currency
+  amount: string
+  slippage: number
+  walletClient?: AdaptedWallet | WalletClient
+  tokenInUsd: number
+  tokenOutUsd: number
+  sender: string
+  recipient: string
+  publicKey?: string
+}
+
+export interface EvmQuoteParams extends QuoteParams {
+  fromToken: EvmCurrency
+  toToken: EvmCurrency
+}
+
+export interface NearQuoteParams extends QuoteParams {
+  nearTokens: NearToken[]
+}
+
+export interface NormalizedQuote {
+  quoteParams: QuoteParams
+
+  outputAmount: bigint
+  formattedOutputAmount: string
+
+  inputUsd: number
+  outputUsd: number
+
+  rate: number
+  timeEstimate: number // in seconds
+  priceImpact: number // percent
+
+  gasFeeUsd: number
+
+  contractAddress: string
+
+  rawQuote: any
+
+  protocolFee: number
+  protocolFeeString?: string
+  platformFeePercent: number
+}
+
+export interface NormalizedTxResponse {
+  id: string // specific id for each provider
+  sourceTxHash: string
+  sender: string
+  adapter: string
+  sourceChain: Chain
+  targetChain: Chain
+  inputAmount: string
+  outputAmount: string
+  sourceToken: Currency
+  targetToken: Currency
+  targetTxHash?: string
+  timestamp: number
+  status?: 'Processing' | 'Success' | 'Failed' | 'Refunded'
+}
+
+export interface SwapStatus {
+  txHash: string
+  status: 'Processing' | 'Success' | 'Failed' | 'Refunded'
+}
+
+// Define a common interface for all swap providers
+export interface SwapProvider {
+  getName(): string
+  getIcon(): string
+  getSupportedChains(): Chain[]
+  getSupportedTokens(sourceChain: Chain, destChain: Chain): Currency[]
+  getQuote(params: QuoteParams): Promise<NormalizedQuote>
+  executeSwap(
+    quote: Quote,
+    walletClient: WalletClient,
+    nearWallet?: ReturnType<typeof useWalletSelector>,
+    sendBtcFn?: (params: {
+      recipient: string
+      amount: string | number
+    }) => Promise<string>,
+    sendSolanaTransaction?: WalletAdapterProps['sendTransaction'],
+    connection?: Connection
+  ): Promise<NormalizedTxResponse>
+  getTransactionStatus(p: NormalizedTxResponse): Promise<SwapStatus>
+}
+export abstract class BaseSwapAdapter implements SwapProvider {
+  abstract getName(): string
+  abstract getIcon(): string
+  abstract getSupportedChains(): Chain[]
+  abstract getSupportedTokens(sourceChain: Chain, destChain: Chain): Currency[]
+  abstract getQuote(params: QuoteParams): Promise<NormalizedQuote>
+  abstract executeSwap(
+    params: Quote,
+    walletClient: WalletClient,
+    nearWallet?: ReturnType<typeof useWalletSelector>
+  ): Promise<NormalizedTxResponse>
+  abstract getTransactionStatus(p: NormalizedTxResponse): Promise<SwapStatus>
+
+  protected handleError(error: any): never {
+    console.error(`[${this.getName()}] Error:`, error)
+    throw new Error(
+      `${this.getName()} provider error: ${error.message || 'Unknown error'}`
+    )
+  }
+}