@openocean.finance/widget 1.0.52 → 1.0.53

package/src/hooks/useGasRecommendation.ts

@@ -1,5 +1,5 @@
 import {
-  type ChainId,
+  ChainId,
   getGasRecommendation,
 } from '@openocean.finance/widget-sdk'
 import { useQuery } from '@tanstack/react-query'
@@ -14,9 +14,12 @@ export const useGasRecommendation = (
 ) => {
   const { chains } = useAvailableChains()
 
+  const fromIsNear = fromChain === ChainId.NEAR
+
   const checkRecommendationLiFuel =
     Boolean(toChainId) &&
     Boolean(fromChain) &&
+    !fromIsNear &&
     Boolean(fromToken) &&
     Boolean(chains?.length)
 
@@ -29,6 +32,10 @@ export const useGasRecommendation = (
       queryKey: [_, toChainId, fromChain, fromToken],
       signal,
     }) => {
+      // from 是 Near 链时，当前不支持 Li.Fuel / gas 预估，直接跳过查询
+      if (fromChain === ChainId.NEAR) {
+        return null
+      }
       if (!chains?.some((chain) => chain.id === toChainId)) {
         return null
       }

package/src/hooks/useRouteExecution.ts

@@ -11,6 +11,8 @@ import { updateRouteExecution } from '@openocean.finance/widget-sdk'
 import { useMutation, useQueryClient } from '@tanstack/react-query'
 import { useCallback, useEffect, useRef } from 'react'
 import { useConfig, useWalletClient } from 'wagmi'
+// @ts-ignore - runtime implementation is provided by the host app (widget package)
+import { useWalletSelector } from '@near-wallet-selector/react-hook'
 import { shallow } from 'zustand/shallow'
 import { executeRoute } from '../services/ExecuteRoute.js'
 import {
@@ -46,6 +48,7 @@ export const useRouteExecution = ({
   const disconnect = useAccountDisconnect()
   const { openWalletMenu } = useWalletMenu()
   const solanaWallet = useWalletClient()
+  const nearWallet = useWalletSelector() as any
   // const { wallet: solanaWallet } = useWallet()
   const resumedAfterMount = useRef(false)
   const emitter = useWidgetEvents()
@@ -151,6 +154,7 @@ export const useRouteExecution = ({
         onDisconnect: disconnect,
         onOpenWalletMenu: openWalletMenu,
         solanaWallet: solanaWallet,
+        nearWallet,
       })
     },
     onMutate: () => {
@@ -187,6 +191,7 @@ export const useRouteExecution = ({
         wagmiConfig,
         onDisconnect: disconnect,
         onOpenWalletMenu: openWalletMenu,
+        nearWallet,
       })
     },
     onMutate: () => {

package/src/hooks/useRoutes.ts

@@ -303,7 +303,7 @@ export const useRoutes = ({ observableRoute }: RoutesProps = {}) => {
           // minOutAmount calculation is now handled within DebridgeService or OpenOceanService
           const isBridge = quoteResult.isBridge
           let toAmountMin = '0'
-          if (data?.minOutAmount) {
+          if (data?.minOutAmount && Number(data.minOutAmount) > 0) {
             toAmountMin = data.minOutAmount
           } else if (isBridge) {
             toAmountMin = '0'

package/src/hooks/useToken.ts

@@ -6,7 +6,6 @@ import type { TokenAmount } from '../types/token.js'
 
 export const useToken = (chainId?: number, tokenAddress?: string) => {
   const { tokens, isLoading } = useTokens(chainId)
-
   const token = useMemo(() => {
     const token = tokens?.find(
       (token: TokenAmount) => token.address === tokenAddress && token.chainId === chainId

package/src/providers/WalletProvider/NearProvider.tsx

@@ -0,0 +1,110 @@
+import type { FC, PropsWithChildren } from 'react'
+import { useEffect, useMemo } from 'react'
+import { WalletSelectorProvider } from '@near-wallet-selector/react-hook'
+import { setupMeteorWallet } from '@near-wallet-selector/meteor-wallet'
+import { setupSender } from '@near-wallet-selector/sender'
+import "@near-wallet-selector/modal-ui/styles.css";
+
+
+export const NearProvider: FC<PropsWithChildren> = ({ children }) => {
+  const config = useMemo(
+    () => ({
+      network: 'mainnet' as const,
+      modules: [setupMeteorWallet(), setupSender()],
+    }),
+    []
+  )
+
+  // 在这里注入你自己的全局 CSS，覆盖 Near modal 的样式
+  useEffect(() => {
+    const styleId = 'near-wallet-selector-custom-style'
+    let styleEl = document.getElementById(styleId) as HTMLStyleElement | null
+
+    if (!styleEl) {
+      styleEl = document.createElement('style')
+      styleEl.id = styleId
+      document.head.appendChild(styleEl)
+    }
+
+    styleEl.textContent = `
+      /* 覆盖 Near modal 最外层容器 */
+      #near-wallet-selector-modal {
+        z-index: 1200 !important;    /* 保证在你自己的 widget 之上 */
+        font-family: inherit;        /* 或者用你自己的字体 */
+      }
+
+      /* 覆盖遮罩层 */
+      #near-wallet-selector-modal .nws-modal-overlay {
+        background: rgba(0, 0, 0, 0.75) !important;
+      }
+
+      /* 覆盖内容区域，可以调圆角/阴影等 */
+      #near-wallet-selector-modal .nws-modal {
+        width: 420px !important;
+        border-radius: 24px;
+        box-shadow: 0 24px 48px rgba(0, 0, 0, 0.5);
+        background-color: #222037 !important;
+        z-index: 1300 !important;
+        position: absolute;
+      }
+      #near-wallet-selector-modal .nws-modal .modal-left {
+        border:none !important;
+        width: 100% !important;
+      }
+      #near-wallet-selector-modal .nws-modal .modal-right {
+        background-color: #222037 !important;
+        display: none;
+      }
+      .nws-modal-wrapper .nws-modal .modal-left .modal-left-title{
+        padding-top: 0 !important;
+      }
+      .nws-modal-wrapper .nws-modal .modal-left .modal-left-title h2{
+        text-align: center;
+        color: #ffffff !important;
+      }
+      .nws-modal-wrapper .nws-modal .modal-left .modal-left-title .nws-remember-wallet{
+        display: none;
+      }
+      .nws-modal-wrapper .nws-modal .modal-left .modal-left-title .nws-switch{
+        display: none;
+      }
+      .nws-modal-wrapper .nws-modal .modal-left .modal-left-title {
+        position: relative;
+        width: 100%;
+        background-color: #222037 !important;
+      }
+      .nws-modal-wrapper .nws-modal .wallet-options-wrapper{
+        margin-top: 20px;
+      }
+      .nws-modal-wrapper .nws-modal .wallet-options-wrapper .options-list {
+        display: block;
+
+      }
+      .nws-modal-wrapper .nws-modal .wallet-options-wrapper .options-list .single-wallet.sidebar{
+        margin:10px 0;
+      }
+      .nws-modal-wrapper .nws-modal .wallet-options-wrapper .title{
+        color: #ffffff !important;
+      }
+      .options-list-section-header{
+        display: none !important;
+      }
+      .nws-modal-wrapper .nws-modal .wallet-options-wrapper .options-list .single-wallet.sidebar.selected-wallet{
+        background-color: inherit;
+      }
+      .nws-modal-wrapper .nws-modal .wallet-options-wrapper .options-list .single-wallet.sidebar.selected-wallet:hover{
+        background-color: #2d3860;
+      }
+    `
+    // 一般可以保留样式，不需要卸载时删除
+  }, [])
+
+
+
+  return (
+    <WalletSelectorProvider config={config}>
+      {children}
+    </WalletSelectorProvider>
+  )
+}
+

package/src/providers/WalletProvider/SDKProviders.tsx

@@ -3,6 +3,7 @@ import { useConfig as useBigmiConfig } from '@bigmi/react'
 import type { SDKProvider } from '@openocean.finance/widget-sdk'
 import {
   ChainType,
+  Near,
   EVM,
   Solana,
   UTXO,
@@ -22,6 +23,7 @@ export const SDKProviders = () => {
   const { sdkConfig } = useWidgetConfig()
   const { wallet } = useWallet()
   const wagmiConfig = useWagmiConfig()
+  const nearProvider = Near()
   const bigmiConfig = useBigmiConfig()
 
   useEffect(() => {
@@ -63,6 +65,9 @@ export const SDKProviders = () => {
         })
       )
     }
+        // Always register a Near (NVM) provider so balances can be queried for NEAR.
+    providers.push(nearProvider)
+
     if (sdkConfig?.providers?.length) {
       providers.push(...sdkConfig.providers)
     }

package/src/providers/WalletProvider/useExternalWalletProvider.ts

@@ -11,7 +11,7 @@ interface ExternalWalletProvider {
   internalChainTypes: ChainType[]
 }
 
-const internalChainTypes = [ChainType.EVM, ChainType.SVM, ChainType.UTXO]
+const internalChainTypes = [ChainType.EVM, ChainType.SVM, ChainType.UTXO, ChainType.NVM]
 
 export function useExternalWalletProvider(): ExternalWalletProvider {
   const { walletConfig } = useWidgetConfig()

package/src/services/ExecuteRoute.ts

@@ -261,6 +261,8 @@ interface ExecuteRouteOptions {
   onDisconnect?: (account: Account) => Promise<void>
   onOpenWalletMenu?: () => void
   solanaWallet?: any
+  // Near wallet-selector 实例从 React 层通过 options 传入，避免在此文件中直接调用 Hook
+  nearWallet?: any
 }
 
 interface ExtendedOpenOceanStep extends OpenOceanStep {
@@ -351,6 +353,7 @@ async function executeSolanaSwap(
       const signedTx = await bridgeExecuteSwap({
         quoteData: quoteData,
         walletClient: adaptedWallet,
+        nearWallet: options.nearWallet,
       })
       if (!signedTx) {
         throw new Error('Failed to sign transaction')
@@ -606,6 +609,7 @@ async function executeEvmSwap(
       const result = await bridgeExecuteSwap({
         quoteData: quoteData,
         walletClient: walletClient,
+        nearWallet: options.nearWallet,
       })
       hash = result?.sourceTxHash || ''
     } else {
@@ -1005,6 +1009,7 @@ async function executeBitcoinSwap(
     const signedTx = await bridgeExecuteSwap({
       quoteData: quoteData,
       walletClient: adaptedWallet,
+      nearWallet: options.nearWallet,
     });
 
     if (!signedTx) {
@@ -1043,6 +1048,133 @@ async function executeBitcoinSwap(
     throw error
   }
 }
+
+// Execute Near transaction via Near Intents adapter
+async function executeNearSwap(
+  step: ExtendedOpenOceanStep,
+  options: ExecuteRouteOptions,
+  process: Process,
+  route: ExtendedRoute
+): Promise<void> {
+  try {
+    const { type, transactionRequest } = step || {}
+
+    if ((type as any) === 'bridge') {
+
+      const { quoteData } = step || {}
+
+      if (!quoteData) {
+        throw new Error('Missing Near quote data.')
+      }
+
+      // NearIntentsAdapter 的 Near 分支只依赖 nearWallet，不依赖 walletClient，
+      // 这里传一个占位对象即可。
+      const dummyWalletClient: any = {}
+
+      const result = await bridgeExecuteSwap({
+        quoteData,
+        walletClient: dummyWalletClient,
+        nearWallet: options.nearWallet,
+      })
+
+      if (!result) {
+        throw new Error('Failed to execute Near swap.')
+      }
+
+      const hash = result.sourceTxHash
+
+      process.status = 'DONE'
+      process.doneAt = Date.now()
+      process.txHash = hash
+      process.message = 'Transaction confirmed'
+      step.execution!.status = 'DONE'
+      options.updateRouteHook?.(route)
+    } else {
+      let transactions = JSON.parse(Buffer.from(transactionRequest.data, 'base64').toString())
+      const wallet = options.nearWallet
+      const txs = transactions.map((t: any, i: number) => {
+        return {
+          receiverId: t.receiverId,
+          // nonceOffset: i + 1,
+          signerId: wallet.signedAccountId,
+          actions: t.functionCalls.map((fc: any) => {
+            if (fc.deposit) {
+              const depositNum = typeof fc.deposit === 'string' ? parseFloat(fc.deposit) : fc.deposit
+              if (depositNum > 0) {
+                const depositStr = depositNum.toFixed(24)
+                fc.deposit = depositStr.replace('.', '').replace(/^0+/, '') || '0'
+              } else {
+                fc.deposit = '0'
+              }
+            }
+            return {
+              type: 'FunctionCall',
+              params: {
+                methodName: fc.methodName,
+                args: {
+                  ...fc.args,
+                },
+                gas: fc.gas,
+                deposit: fc.deposit,
+              },
+            }
+          })
+        };
+      })
+      const txResult = await wallet.signAndSendTransactions({
+        transactions: txs
+      });
+
+      let transaction: any = { hash: "" };
+      if (txResult && txResult.length === 1) {
+        transaction = txResult[txResult.length - 1].transaction || {};
+      } else if (txResult && txResult.length > 1) {
+        transaction = txResult.filter((item: any) => {
+          const { actions = [] } = item && item.transaction || {};
+          const _actions = actions.filter((fc: any) => {
+            const { FunctionCall = {} } = fc;
+            const { method_name } = FunctionCall;
+            return method_name === 'ft_transfer_call';
+          });
+          return _actions && _actions.length > 0;
+        });
+        if (transaction && transaction.length) {
+          transaction = transaction[0].transaction;
+        } else {
+          transaction = txResult[txResult.length - 1].transaction || {};
+        }
+      }
+      console.log('signAndSendTransactions', transaction);
+      const { hash } = transaction;
+      process.status = 'DONE'
+      process.doneAt = Date.now()
+      process.txHash = hash
+      process.message = 'Transaction confirmed'
+      step.execution!.status = 'DONE'
+      options.updateRouteHook?.(route)
+    }
+  } catch (error) {
+    console.error('Near swap execution failed:', error)
+    process.status = 'FAILED'
+    process.error =
+      error instanceof Error || (error && (error as any)?.message)
+        ? {
+          code: 'EXECUTION_ERROR',
+          message: error instanceof Error ? error.message : 'Unknown error occurred',
+          htmlMessage:
+            error instanceof Error ? error.message : 'Unknown error occurred',
+        }
+        : {
+          code: 'UNKNOWN_ERROR',
+          message: 'Unknown error occurred',
+          htmlMessage: 'Unknown error occurred',
+        }
+    step.execution!.status = 'FAILED'
+    options.updateRouteHook?.(route)
+    throw error
+  }
+
+}
 // Execute transaction
 async function executeSwap(
   route: ExtendedRoute,
@@ -1081,13 +1213,14 @@ async function executeSwap(
         }
         throw new Error('Please connect wallet first')
       }
-
       // Execute different transaction logic based on chain type
       const currentStep = route.steps[0]
       if (currentStep.action?.fromChainId === 1151111081099710) {
         await executeSolanaSwap(currentStep, options, process, updatedRoute)
       } else if (currentStep.action?.fromChainId === 20000000000001) {
         await executeBitcoinSwap(currentStep, options, process, updatedRoute)
+      } else if (currentStep.action?.fromChainId === 20000000000006) {
+        await executeNearSwap(currentStep, options, process, updatedRoute)
       } else {
         await executeEvmSwap(currentStep, options, process, updatedRoute)
       }

package/src/services/OpenOceanService.ts

@@ -57,15 +57,68 @@ export class OpenOceanService {
     disabledDexIds?: string
     enabledDexIds?: string
     referrer?: string
+    account?: string
+    inTokenDecimals?: number
+    outTokenDecimals?: number
   }) {
+    const isNearChain = params.chain === '20000000000006' || params.chain === 'near'
+    // Near 链使用特殊的 API 端点和参数格式
+    if (isNearChain) {
+      const nearApiUrl = 'https://ethapi.openocean.finance/v1/near'
+
+      // 计算 amountAll（格式化后的金额，用于显示）
+      let amountAll = ''
+      if (params.inTokenDecimals !== undefined) {
+        const amountBigInt = BigInt(params.amount)
+        const decimals = BigInt(10 ** params.inTokenDecimals)
+        const wholePart = amountBigInt / decimals
+        const fractionalPart = amountBigInt % decimals
+        if (fractionalPart === 0n) {
+          amountAll = wholePart.toString()
+        } else {
+          const fractionalStr = fractionalPart.toString().padStart(params.inTokenDecimals, '0')
+          // 移除尾部的 0，但保留至少一位小数
+          const trimmedFractional = fractionalStr.replace(/0+$/, '') || '0'
+          amountAll = `${wholePart}.${trimmedFractional}`
+        }
+      }
+
+      // 转换 slippage：从 0.01 (1%) 转为 100 (百分比格式)
+      const slippagePercent = params.slippage
+        ? Math.floor(Number(params.slippage) * 100).toString()
+        : '100' // 默认 1%
+
+      const queryParams = new URLSearchParams({
+        quoteType: 'swap',
+        inTokenSymbol: params.inTokenSymbol,
+        inTokenAddress: params.inTokenAddress,
+        outTokenSymbol: params.outTokenSymbol,
+        outTokenAddress: params.outTokenAddress,
+        amount: params.amount,
+        ...(amountAll && { amountAll }),
+        slippage: slippagePercent,
+        gasPrice: params.gasPrice || '5000000000',
+        referrer: params.referrer || '0x3487ef9f9b36547e43268b8f0e2349a226c70b53',
+        disabledDexIds: params.disabledDexIds || '',
+        disableRfq: '', // Near API 特有参数
+        ...(params.account && { account: params.account }),
+      })
+      const response = await fetch(`${nearApiUrl}/quote?${queryParams.toString()}`)
+      return {
+        data: await response.json(),
+      }
+    }
+
+    // 其他链使用原有逻辑
     const apiUrl = this.getApiUrl(params.chain)
     const slippage = (Number(params.slippage || 0.01)).toString();
+
     const queryParams = new URLSearchParams({
       quoteType: 'quote',
       inTokenSymbol: params.inTokenSymbol,
-      inTokenAddress: params.inTokenAddress,
+      inTokenAddress: this.getSolanaAddress(params.chain, params.inTokenAddress),
       outTokenSymbol: params.outTokenSymbol,
-      outTokenAddress: params.outTokenAddress,
+      outTokenAddress: this.getSolanaAddress(params.chain, params.outTokenAddress),
       amountDecimals: params.amount,
       slippage,
       gasPriceDecimals: params.gasPrice || '',
@@ -73,7 +126,6 @@ export class OpenOceanService {
       enabledDexIds: params.enabledDexIds || '',
       referrer: params.referrer || '0x3487ef9f9b36547e43268b8f0e2349a226c70b53',
     })
-
     const response = await fetch(`${apiUrl}/quote?${queryParams.toString()}`)
     return response.json()
   }
@@ -93,7 +145,66 @@ export class OpenOceanService {
     referrer?: string,
     referrerFee?: string,
     referrerFeeShare?: string
+    inTokenDecimals?: number
   }) {
+    const isNearChain = params.chain === '20000000000006' || params.chain === 'near'
+
+    // Near 链使用特殊的 API 端点和参数格式
+    if (isNearChain) {
+      const nearApiUrl = 'https://ethapi.openocean.finance/v1/near'
+
+      // 计算 amountAll（格式化后的金额，用于显示）
+      let amountAll = ''
+      if (params.inTokenDecimals !== undefined) {
+        const amountBigInt = BigInt(params.amount)
+        const decimals = BigInt(10 ** params.inTokenDecimals)
+        const wholePart = amountBigInt / decimals
+        const fractionalPart = amountBigInt % decimals
+        if (fractionalPart === 0n) {
+          amountAll = wholePart.toString()
+        } else {
+          const fractionalStr = fractionalPart.toString().padStart(params.inTokenDecimals, '0')
+          // 移除尾部的 0，但保留至少一位小数
+          const trimmedFractional = fractionalStr.replace(/0+$/, '') || '0'
+          amountAll = `${wholePart}.${trimmedFractional}`
+        }
+      }
+
+      // 转换 slippage：从 0.01 (1%) 转为 100 (百分比格式)
+      const slippagePercent = params.slippage
+        ? Math.floor(Number(params.slippage) * 100).toString()
+        : '100' // 默认 1%
+
+      const queryParams = new URLSearchParams({
+        quoteType: 'swap',
+        inTokenSymbol: params.inTokenSymbol,
+        inTokenAddress: params.inTokenAddress,
+        outTokenSymbol: params.outTokenSymbol,
+        outTokenAddress: params.outTokenAddress,
+        amount: params.amount,
+        ...(amountAll && { amountAll }),
+        gasPrice: params.gasPrice || '5000000000',
+        disabledDexIds: params.disabledDexIds || '',
+        slippage: slippagePercent,
+        account: params.account,
+        referrer: params.referrer || '0x3487ef9f9b36547e43268b8f0e2349a226c70b53',
+        flags: '0', // Near API 特有参数
+        disableRfq: '', // Near API 特有参数
+      })
+
+      const response = await fetch(`${nearApiUrl}/swap-quote?${queryParams.toString()}`)
+      const data = await response.json()
+      return {
+
+        data: {
+          ...data,
+          data: data.transaction,
+          price_impact: 0
+        }
+      }
+    }
+
+    // 其他链使用原有逻辑
     const apiUrl = this.getApiUrl(params.chain)
     const slippage = (Number(params.slippage || 0.01)).toString();
     const referrer: any = {
@@ -176,7 +287,7 @@ export class OpenOceanService {
   }
 
   static async getGasPrice(chain: string) {
-    if (!chain || chain === '1151111081099710' || chain === '20000000000001') {
+    if (!chain || chain === '1151111081099710' || chain === '20000000000001' || chain === '20000000000006') {
       return {
         data: {
           gasPrice: '1000000000000000000',
@@ -186,6 +297,13 @@ export class OpenOceanService {
     // const apiUrl = this.getApiUrl(chain)
     const response = await fetch(`${this.API_V4_URL}/${chain}/gasPrice`)
     const { data } = await response.json()
+    if (chain == '1') {
+      return {
+        standard: data?.standard?.maxFeePerGas || '101021713',
+        instant: data?.instant?.maxFeePerGas || '101021713',
+        fast: data?.fast?.maxFeePerGas || '101021713',
+      }
+    }
     return data
   }
 
@@ -255,9 +373,19 @@ export class OpenOceanService {
     let url = `${this.API_V3_URL}/solana/getRpc`
     const response = await fetch(url)
     const data = await response.json()
-    let rpcUrl = data.data?.openapi_v1?.[0] || ''
-    this.solanaRpcUrl = rpcUrl
-    return rpcUrl
+    if (data.data?.openapi_v1) {
+      let rpcUrl = data.data?.openapi_v1?.[0] || ''
+      this.solanaRpcUrl = rpcUrl
+    }
+    if (data.data?.openapi_v2) {
+      let rpcUrl = data.data?.openapi_v2?.[0] || ''
+      this.solanaRpcUrl = rpcUrl
+    }
+    if (data.data?.openapi_v3) {
+      let rpcUrl = data.data?.openapi_v3?.[0] || ''
+      this.solanaRpcUrl = rpcUrl
+    }
+    return this.solanaRpcUrl
   }
 }