@openocean.finance/widget 1.0.2 → 1.0.4

package/src/components/TokenRate/TokenRate.tsx

@@ -1,5 +1,5 @@
-import type { RouteExtended } from '@lifi/sdk'
 import type { TypographyProps } from '@mui/material'
+import type { RouteExtended } from '@openocean.finance/widget-sdk'
 import type { MouseEventHandler } from 'react'
 import { useTranslation } from 'react-i18next'
 import { formatUnits } from 'viem'

package/src/components/TransactionDetails.tsx

@@ -1,8 +1,8 @@
-import type { RouteExtended } from '@lifi/sdk'
 import { LocalGasStationRounded } from '@mui/icons-material'
 import { HelpOutline } from '@mui/icons-material'
 import type { CardProps } from '@mui/material'
 import { Box, Collapse, Tooltip, Typography } from '@mui/material'
+import type { RouteExtended } from '@openocean.finance/widget-sdk'
 import { useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useChain } from '../hooks/useChain.js'

package/src/config/coinbase.ts

@@ -1,5 +1,5 @@
 import type { CoinbaseWalletParameters } from 'wagmi/connectors'
-import { OOToolLogo } from '../icons/lifi.js'
+import { OOToolLogo } from '../icons/openocean.js'
 
 export const defaultCoinbaseConfig: CoinbaseWalletParameters = {
   appName: 'OpenOcean',

package/src/config/metaMask.ts

@@ -1,5 +1,5 @@
 import type { MetaMaskParameters } from 'wagmi/connectors'
-import { OOToolLogo } from '../icons/lifi.js'
+import { OOToolLogo } from '../icons/openocean.js'
 
 export const defaultMetaMaskConfig: MetaMaskParameters = {
   dappMetadata: {

package/src/hooks/useAddressValidation.ts

@@ -1,5 +1,5 @@
-import type { Chain, ChainType } from '@lifi/sdk'
-import { getNameServiceAddress } from '@lifi/sdk'
+import type { Chain, ChainType } from '@openocean.finance/widget-sdk'
+import { getNameServiceAddress } from '@openocean.finance/widget-sdk'
 import { useMutation } from '@tanstack/react-query'
 import { useTranslation } from 'react-i18next'
 import { getChainTypeFromAddress } from '../utils/chainType.js'

package/src/hooks/useAvailableChains.ts

@@ -1,5 +1,5 @@
-import type { ExtendedChain } from '@lifi/sdk'
-import { ChainType, config, getChains } from '@lifi/sdk'
+import type { ExtendedChain } from '@openocean.finance/widget-sdk'
+import { ChainType, config, getChains } from '@openocean.finance/widget-sdk'
 import { useQuery } from '@tanstack/react-query'
 import { useCallback } from 'react'
 import { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'

package/src/hooks/useChains.ts

@@ -1,4 +1,4 @@
-import type { ChainType } from '@lifi/sdk'
+import type { ChainType } from '@openocean.finance/widget-sdk'
 import { useMemo } from 'react'
 import { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'
 import type { FormType } from '../stores/form/types.js'

package/src/hooks/useExplorer.ts

@@ -1,4 +1,4 @@
-import type { Chain } from '@lifi/sdk'
+import type { Chain } from '@openocean.finance/widget-sdk'
 import { useAvailableChains } from '../hooks/useAvailableChains.js'
 import { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'
 
@@ -39,7 +39,9 @@ export const useExplorer = () => {
       return txLink
     }
     if (!chain) {
-      throw new Error('Chain parameter is required for getting transaction link')
+      throw new Error(
+        'Chain parameter is required for getting transaction link'
+      )
     }
     const resolvedChain = resolveChain(chain)
     if (!resolvedChain) {

package/src/hooks/useFromTokenSufficiency.ts

@@ -1,5 +1,5 @@
-import type { RouteExtended } from '@lifi/sdk'
 import { useAccount } from '@openocean.finance/wallet-management'
+import type { RouteExtended } from '@openocean.finance/widget-sdk'
 import { keepPreviousData, useQuery } from '@tanstack/react-query'
 import { parseUnits } from 'viem'
 import { useFieldValues } from '../stores/form/useFieldValues.js'

package/src/hooks/useGasRecommendation.ts

@@ -1,4 +1,7 @@
-import { type ChainId, getGasRecommendation } from '@lifi/sdk'
+import {
+  type ChainId,
+  getGasRecommendation,
+} from '@openocean.finance/widget-sdk'
 import { useQuery } from '@tanstack/react-query'
 import { useAvailableChains } from './useAvailableChains.js'
 

package/src/hooks/useGasSufficiency.ts

@@ -1,6 +1,10 @@
-import type { EVMChain, RouteExtended, Token } from '@lifi/sdk'
-import { isRelayerStep } from '@lifi/sdk'
 import { useAccount } from '@openocean.finance/wallet-management'
+import type {
+  EVMChain,
+  RouteExtended,
+  Token,
+} from '@openocean.finance/widget-sdk'
+import { isRelayerStep } from '@openocean.finance/widget-sdk'
 import { useQuery } from '@tanstack/react-query'
 import { useAvailableChains } from './useAvailableChains.js'
 import { useIsContractAddress } from './useIsContractAddress.js'
@@ -120,7 +124,7 @@ export const useGasSufficiency = (route?: RouteExtended) => {
                 t.chainId === gasCosts[chainId].token.chainId &&
                 t.address === gasCosts[chainId].token.address
             )?.amount ?? 0n
-          
+
           const insufficient =
             gasTokenBalance <= 0n ||
             gasTokenBalance < gasCosts[chainId].gasAmount ||

package/src/hooks/useInitializer.ts

@@ -1,4 +1,4 @@
-import { checkPackageUpdates } from '@lifi/sdk'
+import { checkPackageUpdates } from '@openocean.finance/widget-sdk'
 import { useEffect } from 'react'
 import { name, version } from '../config/version.js'
 import { useTools } from './useTools.js'

package/src/hooks/useIsBatchingSupported.ts

@@ -1,5 +1,5 @@
-import { ChainType, isBatchingSupported } from '@lifi/sdk'
-import type { ExtendedChain } from '@lifi/sdk'
+import { ChainType, isBatchingSupported } from '@openocean.finance/widget-sdk'
+import type { ExtendedChain } from '@openocean.finance/widget-sdk'
 import { useQuery } from '@tanstack/react-query'
 
 export function useIsBatchingSupported(

package/src/hooks/useIsCompatibleDestinationAccount.ts

@@ -1,5 +1,5 @@
-import type { RouteExtended } from '@lifi/sdk'
 import { useAccount } from '@openocean.finance/wallet-management'
+import type { RouteExtended } from '@openocean.finance/widget-sdk'
 import { useFieldValues } from '../stores/form/useFieldValues.js'
 import { isDelegationDesignatorCode } from '../utils/eip7702.js'
 import { useChain } from './useChain.js'

package/src/hooks/useIsContractAddress.ts

@@ -1,4 +1,4 @@
-import { ChainType } from '@lifi/sdk'
+import { ChainType } from '@openocean.finance/widget-sdk'
 import type { Address } from 'viem'
 import { useBytecode } from 'wagmi'
 

package/src/hooks/useProcessMessage.ts

@@ -1,13 +1,13 @@
 import type {
   EVMChain,
-  LiFiStep,
+  OpenOceanStep,
   Process,
   ProcessStatus,
   ProcessType,
   StatusMessage,
   Substatus,
-} from '@lifi/sdk'
-import { LiFiErrorCode } from '@lifi/sdk'
+} from '@openocean.finance/widget-sdk'
+import { OpenOceanErrorCode } from '@openocean.finance/widget-sdk'
 import type { TFunction } from 'i18next'
 import { useTranslation } from 'react-i18next'
 import { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'
@@ -15,7 +15,7 @@ import type { SubvariantOptions, WidgetSubvariant } from '../types/widget.js'
 import { formatTokenAmount } from '../utils/format.js'
 import { useAvailableChains } from './useAvailableChains.js'
 
-export const useProcessMessage = (step?: LiFiStep, process?: Process) => {
+export const useProcessMessage = (step?: OpenOceanStep, process?: Process) => {
   const { subvariant, subvariantOptions } = useWidgetConfig()
   const { t } = useTranslation()
   const { getChainById } = useAvailableChains()
@@ -39,7 +39,7 @@ const processStatusMessages: Record<
       ProcessStatus,
       (
         t: TFunction,
-        step: LiFiStep,
+        step: OpenOceanStep,
         subvariant?: WidgetSubvariant,
         subvariantOptions?: SubvariantOptions
       ) => string
@@ -129,7 +129,7 @@ const processSubstatusMessages: Record<
 export function getProcessMessage(
   t: TFunction,
   getChainById: (chainId: number) => EVMChain | undefined,
-  step: LiFiStep,
+  step: OpenOceanStep,
   process: Process,
   subvariant?: WidgetSubvariant,
   subvariantOptions?: SubvariantOptions
@@ -153,75 +153,75 @@ export function getProcessMessage(
     let title = ''
     let message = ''
     switch (process.error.code) {
-      case LiFiErrorCode.AllowanceRequired:
+      case OpenOceanErrorCode.AllowanceRequired:
         title = t('error.title.allowanceRequired')
         message = t('error.message.allowanceRequired', {
           tokenSymbol: step.action.fromToken.symbol,
         })
         break
-      case LiFiErrorCode.BalanceError:
+      case OpenOceanErrorCode.BalanceError:
         title = t('error.title.balanceIsTooLow')
         message = getDefaultErrorMessage()
         break
-      case LiFiErrorCode.ChainSwitchError:
+      case OpenOceanErrorCode.ChainSwitchError:
         title = t('error.title.chainSwitch')
         message = getDefaultErrorMessage()
         break
-      case LiFiErrorCode.GasLimitError:
+      case OpenOceanErrorCode.GasLimitError:
         title = t('error.title.gasLimitIsTooLow')
         message = getDefaultErrorMessage()
         break
-      case LiFiErrorCode.InsufficientFunds:
+      case OpenOceanErrorCode.InsufficientFunds:
         title = t('error.title.insufficientFunds')
         message = `${t(
           'error.message.insufficientFunds'
         )} ${getDefaultErrorMessage()}`
         break
-      case LiFiErrorCode.SlippageError:
+      case OpenOceanErrorCode.SlippageError:
         title = t('error.title.slippageNotMet')
         message = t('error.message.slippageThreshold')
         break
-      case LiFiErrorCode.TransactionFailed:
+      case OpenOceanErrorCode.TransactionFailed:
         title = t('error.title.transactionFailed')
         message = t('error.message.transactionFailed')
         break
-      case LiFiErrorCode.TransactionExpired:
+      case OpenOceanErrorCode.TransactionExpired:
         title = t('error.title.transactionExpired')
         message = t('error.message.transactionExpired')
         break
-      case LiFiErrorCode.TransactionSimulationFailed:
+      case OpenOceanErrorCode.TransactionSimulationFailed:
         title = t('error.title.transactionSimulationFailed')
         message = t('error.message.transactionSimulationFailed')
         break
-      case LiFiErrorCode.WalletChangedDuringExecution:
+      case OpenOceanErrorCode.WalletChangedDuringExecution:
         title = t('error.title.walletMismatch')
         message = t('error.message.walletChangedDuringExecution')
         break
-      case LiFiErrorCode.TransactionUnderpriced:
+      case OpenOceanErrorCode.TransactionUnderpriced:
         title = t('error.title.transactionUnderpriced')
         message = getDefaultErrorMessage()
         break
-      case LiFiErrorCode.TransactionUnprepared:
+      case OpenOceanErrorCode.TransactionUnprepared:
         title = t('error.title.transactionUnprepared')
         message = getDefaultErrorMessage()
         break
-      case LiFiErrorCode.TransactionCanceled:
+      case OpenOceanErrorCode.TransactionCanceled:
         title = t('error.title.transactionCanceled')
         message = getDefaultErrorMessage('error.message.transactionCanceled')
         break
-      case LiFiErrorCode.TransactionRejected:
+      case OpenOceanErrorCode.TransactionRejected:
         title = t('error.title.transactionRejected')
         message = getDefaultErrorMessage('error.message.transactionRejected')
         break
-      case LiFiErrorCode.TransactionConflict:
+      case OpenOceanErrorCode.TransactionConflict:
         title = t('error.title.transactionConflict')
         message = getDefaultErrorMessage('error.message.transactionConflict')
         break
-      case LiFiErrorCode.ExchangeRateUpdateCanceled:
+      case OpenOceanErrorCode.ExchangeRateUpdateCanceled:
         title = t('error.title.exchangeRateUpdateCanceled')
         message = getDefaultErrorMessage()
         break
-      case LiFiErrorCode.SignatureRejected:
+      case OpenOceanErrorCode.SignatureRejected:
         title = t('error.title.signatureRejected')
         message = t('error.message.signatureRejected', {
           amount: formatTokenAmount(

package/src/hooks/useRouteExecution.ts

@@ -1,10 +1,13 @@
-import type { ExchangeRateUpdateParams, Route } from '@lifi/sdk'
-import { updateRouteExecution } from '@lifi/sdk'
 import {
   useAccount,
   useAccountDisconnect,
   useWalletMenu,
 } from '@openocean.finance/wallet-management'
+import type {
+  ExchangeRateUpdateParams,
+  Route,
+} from '@openocean.finance/widget-sdk'
+import { updateRouteExecution } from '@openocean.finance/widget-sdk'
 import { useMutation, useQueryClient } from '@tanstack/react-query'
 import { useCallback, useEffect, useRef } from 'react'
 import { useConfig } from 'wagmi'

package/src/hooks/useRoutes.ts

@@ -1,6 +1,6 @@
-import type { Route } from '@lifi/sdk'
-import { LiFiErrorCode } from '@lifi/sdk'
 import { useAccount } from '@openocean.finance/wallet-management'
+import type { Route } from '@openocean.finance/widget-sdk'
+import { OpenOceanErrorCode } from '@openocean.finance/widget-sdk'
 import { useQuery, useQueryClient } from '@tanstack/react-query'
 import { parseUnits } from 'viem'
 import { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'
@@ -290,7 +290,7 @@ export const useRoutes = ({ observableRoute }: RoutesProps = {}) => {
             steps: [
               {
                 id: '1',
-                type: 'lifi',
+                type: 'openocean',
                 tool: isDebridge ? 'debridge' : 'openocean',
                 transactionRequest: {
                   chainId: data?.chainId || fromChainId,
@@ -377,7 +377,7 @@ export const useRoutes = ({ observableRoute }: RoutesProps = {}) => {
         if (failureCount >= 3) {
           return false
         }
-        if (error?.code === LiFiErrorCode.NotFound) {
+        if (error?.code === OpenOceanErrorCode.NotFound) {
           return false
         }
         return true

package/src/hooks/useToAddressRequirements.ts

@@ -1,5 +1,5 @@
-import type { RouteExtended } from '@lifi/sdk'
 import { useAccount } from '@openocean.finance/wallet-management'
+import type { RouteExtended } from '@openocean.finance/widget-sdk'
 import { useChain } from '../hooks/useChain.js'
 import { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'
 import { useFieldValues } from '../stores/form/useFieldValues.js'

package/src/hooks/useToAddressReset.ts

@@ -1,4 +1,4 @@
-import type { ExtendedChain } from '@lifi/sdk'
+import type { ExtendedChain } from '@openocean.finance/widget-sdk'
 import { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'
 import { useBookmarkActions } from '../stores/bookmarks/useBookmarkActions.js'
 import { useBookmarks } from '../stores/bookmarks/useBookmarks.js'

package/src/hooks/useTokenBalance.ts

@@ -1,4 +1,8 @@
-import { type Token, type TokenAmount, getTokenBalances } from '@lifi/sdk'
+import {
+  type Token,
+  type TokenAmount,
+  getTokenBalances,
+} from '@openocean.finance/widget-sdk'
 import { useQuery, useQueryClient } from '@tanstack/react-query'
 import { useCallback, useMemo } from 'react'
 

package/src/hooks/useTokenBalances.ts

@@ -1,5 +1,5 @@
-import { getTokenBalances } from '@lifi/sdk'
 import { useAccount } from '@openocean.finance/wallet-management'
+import { getTokenBalances } from '@openocean.finance/widget-sdk'
 import { useQuery } from '@tanstack/react-query'
 import { formatUnits } from 'viem'
 import type { TokenAmount } from '../types/token.js'

package/src/hooks/useTokenSearch.ts

@@ -1,4 +1,4 @@
-import { type ChainId, type TokensResponse } from '@lifi/sdk'
+import type { TokensRee } from '@openocean.finance/widget-sdk'
 import { useQuery, useQueryClient } from '@tanstack/react-query'
 import { OpenOceanService } from '../services/OpenOceanService.js'
 import type { TokenAmount } from '../types/token.js'
@@ -12,7 +12,10 @@ export const useTokenSearch = (
   const { data, isLoading } = useQuery({
     queryKey: ['token-search', chainId, tokenQuery],
     queryFn: async ({ queryKey: [, chainId, tokenQuery], signal }) => {
-      const token = await OpenOceanService.getTokenInfo(chainId?.toString() || '', tokenQuery as string)
+      const token = await OpenOceanService.getTokenInfo(
+        chainId?.toString() || '',
+        tokenQuery as string
+      )
 
       if (token) {
         queryClient.setQueriesData<TokensResponse>(

package/src/hooks/useTokens.ts

@@ -1,10 +1,9 @@
-import { ChainType } from '@lifi/sdk'
 import { useQuery } from '@tanstack/react-query'
 import { useMemo } from 'react'
 import { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'
+import { OpenOceanService } from '../services/OpenOceanService.js'
 import type { TokenAmount } from '../types/token.js'
 import { useChains } from './useChains.js'
-import { OpenOceanService } from '../services/OpenOceanService.js'
 
 export const useTokens = (selectedChainId?: number) => {
   const { tokens: configTokens } = useWidgetConfig()
@@ -14,11 +13,13 @@ export const useTokens = (selectedChainId?: number) => {
       if (!selectedChainId) {
         return { tokens: {} as Record<number, TokenAmount[]> }
       }
-      const tokens = await OpenOceanService.getTokenList(selectedChainId.toString())
+      const tokens = await OpenOceanService.getTokenList(
+        selectedChainId.toString()
+      )
       return {
         tokens: {
-          [selectedChainId]: tokens
-        }
+          [selectedChainId]: tokens,
+        },
       }
     },
     enabled: !!selectedChainId,

package/src/hooks/useTools.ts

@@ -1,4 +1,4 @@
-import { type ToolsResponse, getTools } from '@lifi/sdk'
+import { type ToolsResponse, getTools } from '@openocean.finance/widget-sdk'
 import { useQuery } from '@tanstack/react-query'
 import { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'
 import { useSettingsStore } from '../stores/settings/useSettingsStore.js'

package/src/hooks/useTransactionDetails.ts

@@ -1,6 +1,6 @@
-import type { FullStatusData } from '@lifi/sdk'
-import { type StatusResponse, getStatus } from '@lifi/sdk'
 import { useAccount } from '@openocean.finance/wallet-management'
+import type { FullStatusData } from '@openocean.finance/widget-sdk'
+import { type StatusResponse, getStatus } from '@openocean.finance/widget-sdk'
 import {
   keepPreviousData,
   useQuery,

package/src/hooks/useTransactionHistory.ts

@@ -1,6 +1,12 @@
-import type { FullStatusData, StatusResponse } from '@lifi/sdk'
-import { type ExtendedTransactionInfo, getTransactionHistory } from '@lifi/sdk'
 import { useAccount } from '@openocean.finance/wallet-management'
+import type {
+  FullStatusData,
+  StatusResponse,
+} from '@openocean.finance/widget-sdk'
+import {
+  type ExtendedTransactionInfo,
+  getTransactionHistory,
+} from '@openocean.finance/widget-sdk'
 import type { QueryFunction } from '@tanstack/react-query'
 import { useQueries } from '@tanstack/react-query'
 

package/src/index.ts

@@ -1,5 +1,5 @@
-export type * from '@lifi/sdk'
-export { ChainType, ChainId, CoinKey } from '@lifi/sdk'
+export type * from '@openocean.finance/widget-sdk'
+export { ChainType, ChainId, CoinKey } from '@openocean.finance/widget-sdk'
 export { App as OpenOceanWidget } from './App.js'
 export type { WidgetDrawer } from './AppDrawer.js'
 export * from './components/ContractComponent/ItemPrice.js'

package/src/pages/MainPage/MainWarningMessages.tsx

@@ -1,5 +1,5 @@
-import type { Route } from '@lifi/sdk'
 import type { BoxProps } from '@mui/material'
+import type { Route } from '@openocean.finance/widget-sdk'
 import { WarningMessages } from '../../components/Messages/WarningMessages.js'
 import { useRoutes } from '../../hooks/useRoutes.js'
 

package/src/pages/RoutesPage/RoutesPage.tsx

@@ -1,6 +1,6 @@
-import type { Route } from '@lifi/sdk'
 import type { BoxProps } from '@mui/material'
 import { useAccount } from '@openocean.finance/wallet-management'
+import type { Route } from '@openocean.finance/widget-sdk'
 import { useMemo } from 'react'
 import { useTranslation } from 'react-i18next'
 import { ProgressToNextUpdate } from '../../components/ProgressToNextUpdate.js'

package/src/pages/SelectChainPage/SelectChainPage.tsx

@@ -1,5 +1,5 @@
-import type { ExtendedChain } from '@lifi/sdk'
 import { Avatar, ListItemAvatar, debounce } from '@mui/material'
+import type { ExtendedChain } from '@openocean.finance/widget-sdk'
 import { type FormEventHandler, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useChainSelect } from '../../components/ChainSelect/useChainSelect.js'

package/src/pages/SelectEnabledToolsPage.tsx

@@ -1,4 +1,3 @@
-import type { ToolsResponse } from '@lifi/sdk'
 import {
   Check,
   CheckBoxOutlineBlankOutlined,
@@ -13,6 +12,7 @@ import {
   debounce,
   useTheme,
 } from '@mui/material'
+import type { ToolsResponse } from '@openocean.finance/widget-sdk'
 import type { MouseEventHandler } from 'react'
 import { type FormEventHandler, useMemo, useState } from 'react'
 import { useTranslation } from 'react-i18next'

package/src/pages/SettingsPage/RoutePrioritySettings.tsx

@@ -1,5 +1,5 @@
-import type { Order } from '@lifi/sdk'
 import { Route } from '@mui/icons-material'
+import type { Order } from '@openocean.finance/widget-sdk'
 import { useTranslation } from 'react-i18next'
 import { CardTabs, Tab } from '../../components/Tabs/Tabs.style.js'
 import { useSettingMonitor } from '../../hooks/useSettingMonitor.js'

package/src/pages/TransactionDetailsPage/TransactionDetailsPage.tsx

@@ -1,5 +1,5 @@
-import type { FullStatusData } from '@lifi/sdk'
 import { Box, Typography } from '@mui/material'
+import type { FullStatusData } from '@openocean.finance/widget-sdk'
 import { useEffect, useMemo } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useLocation } from 'react-router-dom'
@@ -91,7 +91,7 @@ export const TransactionDetailsPage: React.FC = () => {
           sx={{
             fontSize: 12,
           }}
-          color='text.secondary'
+          color="text.secondary"
         >
           {startedAt.toLocaleString(i18n.language, {
             dateStyle: 'long',
@@ -101,7 +101,7 @@ export const TransactionDetailsPage: React.FC = () => {
           sx={{
             fontSize: 12,
           }}
-          color='text.secondary'
+          color="text.secondary"
         >
           {startedAt.toLocaleString(i18n.language, {
             timeStyle: 'short',
@@ -120,7 +120,10 @@ export const TransactionDetailsPage: React.FC = () => {
             route={routeExecution.route}
             sx={{ marginTop: 2 }}
           />
-          <TransferIdCard transferId={supportId} chain={routeExecution.route.fromChainId} />
+          <TransferIdCard
+            transferId={supportId}
+            chain={routeExecution.route.fromChainId}
+          />
         </>
       ) : null}
       <Box

package/src/pages/TransactionDetailsPage/TransferIdCard.tsx

@@ -1,10 +1,11 @@
-import type { Chain } from '@lifi/sdk'
 import { ContentCopyRounded, OpenInNew } from '@mui/icons-material'
 import { Box, Typography } from '@mui/material'
+import type { Chain } from '@openocean.finance/widget-sdk'
 import { useTranslation } from 'react-i18next'
 import { Card } from '../../components/Card/Card.js'
 import { CardIconButton } from '../../components/Card/CardIconButton.js'
 import { CardTitle } from '../../components/Card/CardTitle.js'
+import { useExplorer } from '../../hooks/useExplorer.js'
 
 interface TransferIdCardProps {
   transferId: string
@@ -37,7 +38,7 @@ export const TransferIdCard = ({ transferId, chain }: TransferIdCardProps) => {
           flex: 1,
         }}
       >
-        <CardTitle flex={1}>{t('main.transferId')}</CardTitle>
+        <CardTitle flex={1}>{t('translation:main.transferId')}</CardTitle>
         <Box
           sx={{
             gap: 1,

package/src/pages/TransactionHistoryPage/TransactionHistoryItem.tsx

@@ -1,10 +1,10 @@
+import { Box, Typography } from '@mui/material'
 import type {
   ExtendedTransactionInfo,
   FullStatusData,
   StatusResponse,
   TokenAmount,
-} from '@lifi/sdk'
-import { Box, Typography } from '@mui/material'
+} from '@openocean.finance/widget-sdk'
 import { useTranslation } from 'react-i18next'
 import { useNavigate } from 'react-router-dom'
 import { Card } from '../../components/Card/Card.js'

package/src/pages/TransactionHistoryPage/TransactionHistoryPage.tsx

@@ -1,5 +1,5 @@
-import type { FullStatusData } from '@lifi/sdk'
 import { Box, List } from '@mui/material'
+import type { FullStatusData } from '@openocean.finance/widget-sdk'
 import { useVirtualizer } from '@tanstack/react-virtual'
 import type React from 'react'
 import { useRef } from 'react'

package/src/pages/TransactionPage/ExchangeRateBottomSheet.tsx

@@ -1,6 +1,6 @@
-import type { ExchangeRateUpdateParams } from '@lifi/sdk'
 import { WarningRounded } from '@mui/icons-material'
 import { Box, Button, Typography } from '@mui/material'
+import type { ExchangeRateUpdateParams } from '@openocean.finance/widget-sdk'
 import type { MutableRefObject } from 'react'
 import {
   forwardRef,

package/src/pages/TransactionPage/TokenValueBottomSheet.tsx

@@ -1,7 +1,7 @@
-import type { Route } from '@lifi/sdk'
-import { isGaslessStep } from '@lifi/sdk'
 import { WarningRounded } from '@mui/icons-material'
 import { Box, Button, Typography } from '@mui/material'
+import type { Route } from '@openocean.finance/widget-sdk'
+import { isGaslessStep } from '@openocean.finance/widget-sdk'
 import type { MutableRefObject } from 'react'
 import { forwardRef, useRef } from 'react'
 import { useTranslation } from 'react-i18next'

package/src/pages/TransactionPage/TransactionPage.tsx

@@ -1,6 +1,6 @@
-import type { ExchangeRateUpdateParams } from '@lifi/sdk'
 import { Delete } from '@mui/icons-material'
 import { Box, Button, Tooltip } from '@mui/material'
+import type { ExchangeRateUpdateParams } from '@openocean.finance/widget-sdk'
 import { useEffect, useMemo, useRef, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useLocation } from 'react-router-dom'

package/src/pages/TransactionPage/types.ts

@@ -1,4 +1,4 @@
-import type { Route } from '@lifi/sdk'
+import type { Route } from '@openocean.finance/widget-sdk'
 import type { BaseTransactionButtonProps } from '../../components/BaseTransactionButton/types.js'
 
 export interface StartTransactionButtonProps

package/src/providers/WalletProvider/EVMProvider.tsx

@@ -1,4 +1,4 @@
-import { ChainType } from '@lifi/sdk'
+import { ChainType } from '@openocean.finance/widget-sdk'
 import { type FC, type PropsWithChildren, useContext } from 'react'
 import { WagmiContext } from 'wagmi'
 import { isItemAllowed } from '../../utils/item.js'