diff --git a/packages/widget/src/hooks/useGasSufficiency.ts b/packages/widget/src/hooks/useGasSufficiency.ts index 09c95fcf0..81b4f57c8 100644 --- a/packages/widget/src/hooks/useGasSufficiency.ts +++ b/packages/widget/src/hooks/useGasSufficiency.ts @@ -4,6 +4,7 @@ import { useAccount } from '@lifi/wallet-management' import { useQuery } from '@tanstack/react-query' import { useMemo } from 'react' import { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js' +import { useSettings } from '../stores/settings/useSettings.js' import { getQueryKey } from '../utils/queries.js' import { useAvailableChains } from './useAvailableChains.js' import { useIsContractAddress } from './useIsContractAddress.js' @@ -27,6 +28,8 @@ export const useGasSufficiency = (route?: RouteExtended) => { }) const { keyPrefix } = useWidgetConfig() + const { enabledAutoRefuel } = useSettings(['enabledAutoRefuel']) + const { relevantAccounts, relevantAccountsQueryKey } = useMemo(() => { const chainTypes = route?.steps.reduce((acc, step) => { const chainType = getChainById(step.action.fromChainId)?.chainType @@ -69,6 +72,11 @@ export const useGasSufficiency = (route?: RouteExtended) => { return [] } + // Do not check for gas sufficiency if auto refuel is enabled + if (enabledAutoRefuel) { + return [] + } + // Filter out steps that are relayer steps or have primaryType 'Permit' or 'Order' const filteredSteps = route.steps.filter( (step) =>