@lifi/widget 3.17.1 → 3.18.0

package/src/hooks/useRoutes.ts

@@ -1,5 +1,13 @@
-import type { Route, RoutesResponse, Token } from '@lifi/sdk'
-import { LiFiErrorCode, getContractCallsQuote, getRoutes } from '@lifi/sdk'
+import type { Route, Token } from '@lifi/sdk'
+import {
+  ChainType,
+  LiFiErrorCode,
+  convertQuoteToRoute,
+  getContractCallsQuote,
+  getRelayerQuote,
+  getRoutes,
+  isRelayerStep,
+} from '@lifi/sdk'
 import { useAccount } from '@lifi/wallet-management'
 import { useQuery, useQueryClient } from '@tanstack/react-query'
 import { parseUnits } from 'viem'
@@ -13,7 +21,7 @@ import { getChainTypeFromAddress } from '../utils/chainType.js'
 import { useChain } from './useChain.js'
 import { useDebouncedWatch } from './useDebouncedWatch.js'
 import { useGasRefuel } from './useGasRefuel.js'
-import { useIsCompatibleDestinationAccount } from './useIsCompatibleDestinationAccount.js'
+import { useIsBatchingSupported } from './useIsBatchingSupported.js'
 import { useSwapOnly } from './useSwapOnly.js'
 import { useToken } from './useToken.js'
 import { useWidgetEvents } from './useWidgetEvents.js'
@@ -33,6 +41,7 @@ export const useRoutes = ({ observableRoute }: RoutesProps = {}) => {
     exchanges,
     fee,
     feeConfig,
+    useRelayerRoutes,
   } = useWidgetConfig()
   const setExecutableRoute = useSetExecutableRoute()
   const queryClient = useQueryClient()
@@ -77,12 +86,12 @@ export const useRoutes = ({ observableRoute }: RoutesProps = {}) => {
   const { token: toToken } = useToken(toChainId, toTokenAddress)
   const { chain: fromChain } = useChain(fromChainId)
   const { chain: toChain } = useChain(toChainId)
-  const { isCompatibleDestinationAccount } =
-    useIsCompatibleDestinationAccount(observableRoute)
   const { enabled: enabledRefuel, fromAmount: gasRecommendationFromAmount } =
     useGasRefuel()
 
   const { account } = useAccount({ chainType: fromChain?.chainType })
+  const { isBatchingSupported, isBatchingSupportedLoading } =
+    useIsBatchingSupported(fromChain, account.address)
 
   const hasAmount = Number(fromTokenAmount) > 0 || Number(toTokenAmount) > 0
 
@@ -110,29 +119,28 @@ export const useRoutes = ({ observableRoute }: RoutesProps = {}) => {
     exchanges?.allow?.length || exchanges?.deny?.length
       ? enabledExchanges
       : undefined
-  const allowSwitchChain = isCompatibleDestinationAccount
-    ? sdkConfig?.routeOptions?.allowSwitchChain
-    : false
+  const allowSwitchChain = sdkConfig?.routeOptions?.allowSwitchChain
 
   const isEnabled =
-    Boolean(Number(fromChainId)) &&
-    Boolean(Number(toChainId)) &&
+    Boolean(Number(fromChain?.id)) &&
+    Boolean(Number(toChain?.id)) &&
     Boolean(fromToken?.address) &&
     Boolean(toToken?.address) &&
     !Number.isNaN(slippage) &&
     hasAmount &&
     isToAddressSatisfied &&
-    contractCallQuoteEnabled
+    contractCallQuoteEnabled &&
+    !isBatchingSupportedLoading
 
   // Some values should be strictly typed and isEnabled ensures that
   const queryKey = [
     'routes',
     account.address,
-    fromChainId as number,
+    fromChain?.id as number,
     fromToken?.address as string,
     fromTokenAmount,
     toWalletAddress,
-    toChainId as number,
+    toChain?.id as number,
     toToken?.address as string,
     toTokenAmount,
     contractCalls,
@@ -148,6 +156,7 @@ export const useRoutes = ({ observableRoute }: RoutesProps = {}) => {
     enabledRefuel && enabledAutoRefuel,
     gasRecommendationFromAmount,
     feeConfig?.fee || fee,
+    !!isBatchingSupported,
     observableRoute?.id,
   ] as const
 
@@ -178,6 +187,8 @@ export const useRoutes = ({ observableRoute }: RoutesProps = {}) => {
           enabledRefuel,
           gasRecommendationFromAmount,
           fee,
+          isBatchingSupported,
+          // _observableRouteId must be the last element in the query key
           _observableRouteId,
         ],
         signal,
@@ -266,27 +277,9 @@ export const useRoutes = ({ observableRoute }: RoutesProps = {}) => {
             contractCallQuote.toolDetails = toolDetails
           }
 
-          const route: Route = {
-            id: crypto.randomUUID(),
-            fromChainId: contractCallQuote.action.fromChainId,
-            fromAmountUSD: contractCallQuote.estimate.fromAmountUSD || '',
-            fromAmount: contractCallQuote.action.fromAmount,
-            fromToken: contractCallQuote.action.fromToken,
-            fromAddress: contractCallQuote.action.fromAddress,
-            toChainId: contractCallQuote.action.toChainId,
-            toAmountUSD: contractCallQuote.estimate.toAmountUSD || '',
-            toAmount: contractCallQuote.estimate.toAmount,
-            toAmountMin: contractCallQuote.estimate.toAmountMin,
-            toToken: toToken!,
-            toAddress:
-              contractCallQuote.action.toAddress ||
-              contractCallQuote.action.fromAddress,
-            gasCostUSD: contractCallQuote.estimate.gasCosts?.[0].amountUSD,
-            steps: [contractCallQuote],
-            insurance: { state: 'NOT_INSURABLE', feeAmountUsd: '0' },
-          }
+          const route: Route = convertQuoteToRoute(contractCallQuote)
 
-          return { routes: [route] } as RoutesResponse
+          return [route]
         }
 
         // Prevent sending a request for the same chain token combinations.
@@ -294,50 +287,116 @@ export const useRoutes = ({ observableRoute }: RoutesProps = {}) => {
           return
         }
 
-        const data = await getRoutes(
-          {
-            fromAddress,
-            fromAmount: fromAmount.toString(),
-            fromChainId,
-            fromTokenAddress,
-            toAddress,
-            toChainId,
-            toTokenAddress,
-            fromAmountForGas:
-              enabledRefuel && gasRecommendationFromAmount
-                ? gasRecommendationFromAmount
-                : undefined,
-            options: {
-              allowSwitchChain:
-                subvariant === 'refuel' ? false : allowSwitchChain,
-              bridges:
-                allowBridges?.length || disabledBridges.length
-                  ? {
-                      allow: allowBridges,
-                      deny: disabledBridges.length
-                        ? disabledBridges
+        const isObservableRelayerRoute =
+          observableRoute?.steps?.some(isRelayerStep)
+
+        const shouldUseMainRoutes =
+          !observableRoute || !isObservableRelayerRoute
+        const shouldUseRelayerQuote =
+          fromAddress &&
+          fromChain?.chainType === ChainType.EVM &&
+          fromChain.permit2 &&
+          fromChain.permit2Proxy &&
+          fromChain.relayerSupported &&
+          fromChain.nativeToken.address !== fromTokenAddress &&
+          useRelayerRoutes &&
+          !isBatchingSupported &&
+          (!observableRoute || isObservableRelayerRoute)
+
+        const [routesResult, relayerRouteResult] = await Promise.all([
+          shouldUseMainRoutes
+            ? getRoutes(
+                {
+                  fromAddress,
+                  fromAmount: fromAmount.toString(),
+                  fromChainId,
+                  fromTokenAddress,
+                  toAddress,
+                  toChainId,
+                  toTokenAddress,
+                  fromAmountForGas:
+                    enabledRefuel && gasRecommendationFromAmount
+                      ? gasRecommendationFromAmount
+                      : undefined,
+                  options: {
+                    allowSwitchChain:
+                      subvariant === 'refuel' ? false : allowSwitchChain,
+                    bridges:
+                      allowBridges?.length || disabledBridges.length
+                        ? {
+                            allow: allowBridges,
+                            deny: disabledBridges.length
+                              ? disabledBridges
+                              : undefined,
+                          }
                         : undefined,
-                    }
-                  : undefined,
-              exchanges:
-                allowExchanges?.length || disabledExchanges.length
-                  ? {
-                      allow: allowExchanges,
-                      deny: disabledExchanges.length
-                        ? disabledExchanges
+                    exchanges:
+                      allowExchanges?.length || disabledExchanges.length
+                        ? {
+                            allow: allowExchanges,
+                            deny: disabledExchanges.length
+                              ? disabledExchanges
+                              : undefined,
+                          }
                         : undefined,
-                    }
-                  : undefined,
-              order: routePriority,
-              slippage: formattedSlippage,
-              fee: calculatedFee || fee,
-            },
-          },
-          { signal }
-        )
-        if (data.routes[0] && fromAddress) {
+                    order: routePriority,
+                    slippage: formattedSlippage,
+                    fee: calculatedFee || fee,
+                  },
+                },
+                { signal }
+              )
+            : Promise.resolve(null),
+          shouldUseRelayerQuote
+            ? getRelayerQuote(
+                {
+                  fromAddress,
+                  fromAmount: fromAmount.toString(),
+                  fromChain: fromChainId,
+                  fromToken: fromTokenAddress,
+                  toAddress,
+                  toChain: toChainId,
+                  toToken: toTokenAddress,
+                  fromAmountForGas:
+                    enabledRefuel && gasRecommendationFromAmount
+                      ? gasRecommendationFromAmount
+                      : undefined,
+                  order: routePriority,
+                  slippage: formattedSlippage,
+                  fee: calculatedFee || fee,
+                  ...(allowBridges?.length || disabledBridges.length
+                    ? {
+                        allowBridges: allowBridges,
+                        denyBridges: disabledBridges.length
+                          ? disabledBridges
+                          : undefined,
+                      }
+                    : undefined),
+                  ...(allowExchanges?.length || disabledExchanges.length
+                    ? {
+                        allowExchanges: allowExchanges,
+                        denyExchanges: disabledExchanges.length
+                          ? disabledExchanges
+                          : undefined,
+                      }
+                    : undefined),
+                },
+                { signal }
+              )
+                .then((response) => {
+                  const quote = {
+                    ...response.quote,
+                    permits: response.permits,
+                  }
+                  return convertQuoteToRoute(quote)
+                })
+                .catch(() => null)
+            : Promise.resolve(null),
+        ])
+
+        if (routesResult?.routes[0] && fromAddress) {
           // Update local tokens cache to keep priceUSD in sync
-          const { fromToken, toToken } = data.routes[0]
+          const { fromToken, toToken } = routesResult.routes[0]
           ;[fromToken, toToken].forEach((token) => {
             queryClient.setQueriesData<Token[]>(
               { queryKey: ['token-balances', fromAddress, token.chainId] },
@@ -357,8 +416,16 @@ export const useRoutes = ({ observableRoute }: RoutesProps = {}) => {
             )
           })
         }
-        emitter.emit(WidgetEvent.AvailableRoutes, data.routes)
-        return data
+
+        const routes = routesResult?.routes ?? []
+
+        // Add relayer route if available
+        if (relayerRouteResult) {
+          routes.splice(1, 0, relayerRouteResult)
+        }
+
+        emitter.emit(WidgetEvent.AvailableRoutes, routes)
+        return routes
       },
       enabled: isEnabled,
       staleTime: refetchTime,
@@ -369,7 +436,10 @@ export const useRoutes = ({ observableRoute }: RoutesProps = {}) => {
         )
       },
       retry(failureCount, error: any) {
-        if (failureCount >= 5) {
+        if (process.env.NODE_ENV === 'development') {
+          console.warn('Route query failed:', { failureCount, error })
+        }
+        if (failureCount >= 3) {
           return false
         }
         if (error?.code === LiFiErrorCode.NotFound) {
@@ -390,7 +460,7 @@ export const useRoutes = ({ observableRoute }: RoutesProps = {}) => {
   }
 
   return {
-    routes: data?.routes,
+    routes: data,
     isLoading: isEnabled && isLoading,
     isFetching,
     isFetched,

package/src/i18n/en.json

@@ -102,7 +102,7 @@
   "success": {
     "message": {
       "exchangePartiallySuccessful": "We've tried to complete the transaction, but {{tool}} couldn't proceed due to either slippage settings or lack of liquidity for the {{tokenSymbol}} token.",
-      "exchangeSuccessful": "There are now {{amount, number(maximumFractionDigits: 9)}} {{tokenSymbol}} in {{walletAddress}} wallet on {{chainName}} chain.",
+      "exchangeSuccessful": "There are now {{amount, numberExt}} {{tokenSymbol}} in {{walletAddress}} wallet on {{chainName}} chain.",
       "checkoutSuccessful": "You now own {{assetName}} in {{walletAddress}} wallet on {{chainName}} chain."
     },
     "title": {
@@ -117,8 +117,7 @@
   },
   "warning": {
     "message": {
-      "accountNotDeployedMessage": "Smart contract account is not deployed on the destination chain. Sending funds to a non-existent contract would result in permanent loss.",
-      "noAddressActivity": "This address has never been used on this network. Please verify you're sending to the correct address to prevent potential loss of funds.",
+      "accountNotDeployedMessage": "Smart contract account doesn't exist on the destination chain. Sending funds to a non-existent smart contract account can result in permanent loss.",
       "lowAddressActivity": "This address has low activity on {{chainName}} network. Please verify you're sending to the correct address and network to prevent potential loss of funds.",
       "deleteActiveTransactions": "Active transactions are only stored locally and can't be recovered if you delete them.",
       "deleteTransactionHistory": "Transaction history is only stored locally and can't be recovered if you delete it.",
@@ -146,12 +145,13 @@
     "message": {
       "allowanceRequired": "Transfer amount for {{tokenSymbol}} exceeds your current allowance. Please increase your allowance and try again.",
       "insufficientFunds": "You don't have enough gas to cover the cost of the transaction.",
-      "remainInYourWallet": "{{amount, number(maximumFractionDigits: 9)}} {{tokenSymbol}} on {{chainName}} remain in your wallet.",
-      "signatureRejected": "Your signature is required to complete the transaction. {{amount, number(maximumFractionDigits: 9)}} {{tokenSymbol}} on {{chainName}} remain in your wallet.",
+      "remainInYourWallet": "{{amount, numberExt}} {{tokenSymbol}} on {{chainName}} remain in your wallet.",
+      "signatureRejected": "Your signature is required to complete the transaction. {{amount, numberExt}} {{tokenSymbol}} on {{chainName}} remain in your wallet.",
       "slippageThreshold": "The slippage is larger than the defined threshold. Please request a new quote.",
       "transactionCanceled": "Transaction was canceled.",
       "transactionConflict": "Transaction couldn't be processed because it's conflicting with another pending transaction using the same funds. Please wait for the pending transaction to be confirmed or check your transaction history before trying again.",
       "transactionExpired": "The block height has exceeded the maximum allowed limit or blockhash is no longer recent enough.",
+      "transactionRejected": "The transaction was rejected due to an internal wallet error. Please try again or request a new quote.",
       "transactionFailed": "Please check the block explorer for more information.",
       "transactionNotSent": "Transaction was not sent.",
       "transactionSimulationFailed": "The transaction could not be executed in simulation.",
@@ -173,6 +173,7 @@
       "transactionConflict": "Transaction conflict",
       "transactionExpired": "Transaction expired",
       "transactionFailed": "Transaction failed",
+      "transactionRejected": "Transaction rejected",
       "transactionSimulationFailed": "Transaction simulation failed",
       "transactionUnderpriced": "Transaction is underpriced",
       "transactionUnprepared": "Unable to prepare transaction",
@@ -186,13 +187,14 @@
   },
   "tooltip": {
     "deselectAll": "Deselect all",
-    "estimatedTime": "Estimated time to complete the swap or bridge transaction, excluding chain switching and token approval.",
+    "estimatedTime": "Time to complete the swap or bridge transaction, excluding chain switching and token approval.",
     "feeCollection": "The fee is applied to selected token pairs and ensures the best experience with {{tool}}.",
     "minReceived": "The estimated minimum amount may change until the swapping/bridging transaction is signed. For 2-step transfers, this applies until the second step transaction is signed.",
     "notFound": {
       "text": "We couldn't find this page.",
       "title": "404"
     },
+    "relayerService": "We handle the gas, so you can transfer assets without holding native tokens. Network costs are included in the transfer.",
     "numberOfSteps": "Each exchange step can contain 1-2 transactions that require a signature.",
     "priceImpact": "The estimated value difference between the source and destination tokens.",
     "progressToNextUpdate": "Quotes will update in {{value}} seconds. <0/> Click here to update now.",
@@ -209,7 +211,9 @@
     "featuredTokens": "Featured tokens",
     "fees": {
       "defaultIntegrator": "Integrator fee",
+      "relayerService": "Gasless service",
       "estimated": "estimated costs",
+      "free": "Free",
       "integrator": "{{tool}} fee",
       "network": "Network cost",
       "paid": "paid costs",
@@ -226,9 +230,9 @@
     "priceImpact": "Price impact",
     "process": {
       "bridge": {
-        "actionRequired": "Please sign the transaction",
+        "actionRequired": "Sign bridge transaction",
         "done": "Bridge transaction confirmed",
-        "pending": "Waiting for bridge transaction",
+        "pending": "Bridge transaction pending",
         "started": "Preparing bridge transaction"
       },
       "checkout": {
@@ -244,19 +248,26 @@
         "refunded": "Bridge transaction refunded"
       },
       "swap": {
-        "actionRequired": "Please sign the transaction",
+        "actionRequired": "Sign swap transaction",
         "done": "Swap completed",
-        "pending": "Waiting for swap transaction",
+        "pending": "Swap transaction pending",
         "started": "Preparing swap transaction"
       },
       "switchChain": {
-        "actionRequired": "Chain switch required",
-        "done": "Chain switched successfully"
+        "actionRequired": "Confirm chain switch",
+        "done": "Chain switched"
+      },
+      "permit": {
+        "actionRequired": "Sign permit message",
+        "done": "Permit message signed",
+        "pending": "Waiting for permit message",
+        "started": "Preparing transaction"
       },
       "tokenAllowance": {
-        "done": "Token allowance approved",
-        "pending": "Waiting for token allowance",
-        "started": "Setting token allowance"
+        "actionRequired": "Approve {{tokenSymbol}} spending",
+        "done": "{{tokenSymbol}} spending approved",
+        "pending": "{{tokenSymbol}} approval pending",
+        "started": "Preparing approval transaction"
       }
     },
     "quotedAmount": "Quoted amount",
@@ -284,11 +295,12 @@
     "transferId": "Transfer ID",
     "tags": {
       "cheapest": "Best Return",
-      "fastest": "Fastest"
+      "fastest": "Fastest",
+      "gasless": "Gasless"
     },
     "to": "To",
     "tokenOnChain": "{{tokenSymbol}} on {{chainName}}",
-    "tokenOnChainAmount": "{{amount, number(maximumFractionDigits: 9)}} {{tokenSymbol}} on {{chainName}}",
+    "tokenOnChainAmount": "{{amount, numberExt}} {{tokenSymbol}} on {{chainName}}",
     "tokenSearch": "Search by token name or address",
     "valueLoss": "Value loss",
     "searchChains": "Search by chain name",

package/src/pages/MainPage/ReviewButton.tsx

@@ -1,7 +1,6 @@
 import { useTranslation } from 'react-i18next'
 import { useNavigate } from 'react-router-dom'
 import { BaseTransactionButton } from '../../components/BaseTransactionButton/BaseTransactionButton.js'
-import { useIsCompatibleDestinationAccount } from '../../hooks/useIsCompatibleDestinationAccount.js'
 import { useRoutes } from '../../hooks/useRoutes.js'
 import { useToAddressRequirements } from '../../hooks/useToAddressRequirements.js'
 import { useWidgetEvents } from '../../hooks/useWidgetEvents.js'
@@ -17,7 +16,6 @@ export const ReviewButton: React.FC = () => {
   const { subvariant, subvariantOptions } = useWidgetConfig()
   const splitState = useSplitSubvariantStore((state) => state.state)
   const { toAddress, requiredToAddress } = useToAddressRequirements()
-  const { isCompatibleDestinationAccount } = useIsCompatibleDestinationAccount()
   const { routes, setReviewableRoute } = useRoutes()
 
   const currentRoute = routes?.[0]
@@ -74,10 +72,7 @@ export const ReviewButton: React.FC = () => {
     <BaseTransactionButton
       text={getButtonText()}
       onClick={handleClick}
-      disabled={
-        (currentRoute && requiredToAddress && !toAddress) ||
-        !isCompatibleDestinationAccount
-      }
+      disabled={currentRoute && requiredToAddress && !toAddress}
     />
   )
 }

package/src/pages/RoutesPage/RoutesPage.tsx

@@ -8,7 +8,6 @@ import { RouteCard } from '../../components/RouteCard/RouteCard.js'
 import { RouteCardSkeleton } from '../../components/RouteCard/RouteCardSkeleton.js'
 import { RouteNotFoundCard } from '../../components/RouteCard/RouteNotFoundCard.js'
 import { useHeader } from '../../hooks/useHeader.js'
-import { useIsCompatibleDestinationAccount } from '../../hooks/useIsCompatibleDestinationAccount.js'
 import { useNavigateBack } from '../../hooks/useNavigateBack.js'
 import { useRoutes } from '../../hooks/useRoutes.js'
 import { useToAddressRequirements } from '../../hooks/useToAddressRequirements.js'
@@ -35,7 +34,6 @@ export const RoutesPage: React.FC<BoxProps> = () => {
   const { account } = useAccount({ chainType: fromChain?.chainType })
   const [toAddress] = useFieldValues('toAddress')
   const { requiredToAddress } = useToAddressRequirements()
-  const { isCompatibleDestinationAccount } = useIsCompatibleDestinationAccount()
 
   const headerAction = useMemo(
     () => (
@@ -66,9 +64,8 @@ export const RoutesPage: React.FC<BoxProps> = () => {
 
   const routeNotFound = !routes?.length && !isLoading && !isFetching
 
-  const toAddressUnsatisfied =
-    (routes?.[0] && requiredToAddress && !toAddress) ||
-    !isCompatibleDestinationAccount
+  const toAddressUnsatisfied = routes?.[0] && requiredToAddress && !toAddress
+
   const allowInteraction = account.isConnected && !toAddressUnsatisfied
 
   return (

package/src/pages/TransactionPage/StartTransactionButton.tsx

@@ -8,7 +8,7 @@ export const StartTransactionButton: React.FC<StartTransactionButtonProps> = ({
   text,
   loading,
 }) => {
-  const { hasMessages, isLoading } = useMessageQueue(route)
+  const { hasMessages, isLoading } = useMessageQueue(route, true)
 
   return (
     <BaseTransactionButton

package/src/pages/TransactionPage/TokenValueBottomSheet.tsx

@@ -1,4 +1,5 @@
 import type { Route } from '@lifi/sdk'
+import { isRelayerStep } from '@lifi/sdk'
 import { WarningRounded } from '@mui/icons-material'
 import { Box, Button, Typography } from '@mui/material'
 import type { MutableRefObject } from 'react'
@@ -50,6 +51,7 @@ const TokenValueBottomSheetContent: React.FC<TokenValueBottomSheetProps> = ({
     getAccumulatedFeeCostsBreakdown(route)
   const fromAmountUSD = Number.parseFloat(route.fromAmountUSD)
   const toAmountUSD = Number.parseFloat(route.toAmountUSD)
+  const hasRelayerSupport = route.steps.some(isRelayerStep)
   return (
     <Box
       ref={ref}
@@ -102,13 +104,18 @@ const TokenValueBottomSheetContent: React.FC<TokenValueBottomSheetProps> = ({
         }}
       >
         <Typography>{t('main.fees.network')}</Typography>
-        <FeeBreakdownTooltip gasCosts={gasCosts}>
+        <FeeBreakdownTooltip
+          gasCosts={gasCosts}
+          relayerSupport={hasRelayerSupport}
+        >
           <Typography
             sx={{
               fontWeight: 600,
             }}
           >
-            {t('format.currency', { value: gasCostUSD })}
+            {hasRelayerSupport
+              ? t('main.fees.free')
+              : t('format.currency', { value: gasCostUSD })}
           </Typography>
         </FeeBreakdownTooltip>
       </Box>

package/src/pages/TransactionPage/TransactionPage.tsx

@@ -207,7 +207,7 @@ export const TransactionPage: React.FC = () => {
       {status === RouteExecutionStatus.Idle ||
       status === RouteExecutionStatus.Failed ? (
         <>
-          <WarningMessages mt={2} route={route} />
+          <WarningMessages mt={2} route={route} allowInteraction />
           <Box
             sx={{
               mt: 2,

package/src/providers/WalletProvider/SDKProviders.tsx

@@ -5,20 +5,18 @@ import { ChainType, EVM, Solana, UTXO, config } from '@lifi/sdk'
 import type { SignerWalletAdapter } from '@solana/wallet-adapter-base'
 import { useWallet } from '@solana/wallet-adapter-react'
 import { useEffect } from 'react'
-import { useAccount, useConfig as useWagmiConfig } from 'wagmi'
+import { useConfig as useWagmiConfig } from 'wagmi'
 import {
   getConnectorClient as getWagmiConnectorClient,
   switchChain,
 } from 'wagmi/actions'
 import { useWidgetConfig } from '../WidgetProvider/WidgetProvider.js'
-import { getSafeMultisigConfig } from './getSafeMultisigConfig.js'
 
 export const SDKProviders = () => {
   const { sdkConfig } = useWidgetConfig()
   const { wallet } = useWallet()
   const wagmiConfig = useWagmiConfig()
   const bigmiConfig = useBigmiConfig()
-  const account = useAccount({ config: wagmiConfig })
 
   useEffect(() => {
     // Configure SDK Providers
@@ -33,11 +31,6 @@ export const SDKProviders = () => {
       (provider) => provider.type === ChainType.UTXO
     )
     if (!hasConfiguredEVMProvider) {
-      // TODO: refactor this in favor of EIP-5792: Wallet Call API
-      const multisig =
-        account.connector?.id === 'safe'
-          ? getSafeMultisigConfig(account.connector)
-          : undefined
       providers.push(
         EVM({
           getWalletClient: () => getWagmiConnectorClient(wagmiConfig),
@@ -45,7 +38,6 @@ export const SDKProviders = () => {
             const chain = await switchChain(wagmiConfig, { chainId })
             return getWagmiConnectorClient(wagmiConfig, { chainId: chain.id })
           },
-          multisig,
         })
       )
     }
@@ -69,13 +61,7 @@ export const SDKProviders = () => {
       providers.push(...sdkConfig.providers)
     }
     config.setProviders(providers)
-  }, [
-    account.connector,
-    bigmiConfig,
-    sdkConfig?.providers,
-    wagmiConfig,
-    wallet?.adapter,
-  ])
+  }, [bigmiConfig, sdkConfig?.providers, wagmiConfig, wallet?.adapter])
 
   return null
 }

package/src/types/widget.ts

@@ -95,6 +95,7 @@ export enum HiddenUI {
   WalletMenu = 'walletMenu',
   IntegratorStepDetails = 'integratorStepDetails',
   ReverseTokensButton = 'reverseTokensButton',
+  RouteTokenDescription = 'routeTokenDescription',
 }
 export type HiddenUIType = `${HiddenUI}`
 
@@ -245,6 +246,7 @@ export interface WidgetConfig {
   hiddenUI?: HiddenUIType[]
   requiredUI?: RequiredUIType[]
   useRecommendedRoute?: boolean
+  useRelayerRoutes?: boolean
 
   walletConfig?: WidgetWalletConfig
   sdkConfig?: WidgetSDKConfig