@lifi/widget 4.0.0-beta.9 → 4.1.0

package/dist/esm/hooks/useGasRecommendation.js

@@ -1,42 +1,38 @@
-import { getGasRecommendation } from '@lifi/sdk';
-import { useQuery } from '@tanstack/react-query';
-import { useSDKClient } from '../providers/SDKClientProvider.js';
-import { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js';
-import { HiddenUI } from '../types/widget.js';
-import { getQueryKey } from '../utils/queries.js';
-import { useAvailableChains } from './useAvailableChains.js';
-const refetchInterval = 60000;
-export const useGasRecommendation = (toChainId, fromChain, fromToken) => {
-    const { chains } = useAvailableChains();
-    const { keyPrefix, hiddenUI } = useWidgetConfig();
-    const sdkClient = useSDKClient();
-    const checkRecommendationLiFuel = Boolean(toChainId) &&
-        Boolean(fromChain) &&
-        Boolean(fromToken) &&
-        Boolean(chains?.length);
-    const checkRecommendationMaxButton = Boolean(toChainId) && !fromChain && !fromToken && Boolean(chains?.length);
-    return useQuery({
-        queryKey: [
-            getQueryKey('gas-recommendation', keyPrefix),
-            toChainId,
-            fromChain,
-            fromToken,
-        ],
-        queryFn: async ({ queryKey: [_, toChainId, fromChain, fromToken], signal, }) => {
-            if (!chains?.some((chain) => chain.id === toChainId)) {
-                return null;
-            }
-            const gasRecommendation = await getGasRecommendation(sdkClient, {
-                chainId: toChainId,
-                fromChain: fromChain,
-                fromToken: fromToken,
-            }, { signal });
-            return gasRecommendation;
-        },
-        enabled: (checkRecommendationLiFuel || checkRecommendationMaxButton) &&
-            !hiddenUI?.includes(HiddenUI.GasRefuelMessage),
-        refetchInterval,
-        staleTime: refetchInterval,
-    });
+import { useWidgetConfig } from "../providers/WidgetProvider/WidgetProvider.js";
+import { useSDKClient } from "../providers/SDKClientProvider.js";
+import { getQueryKey } from "../utils/queries.js";
+import { useAvailableChains } from "./useAvailableChains.js";
+import { getGasRecommendation } from "@lifi/sdk";
+import { useQuery } from "@tanstack/react-query";
+//#region src/hooks/useGasRecommendation.ts
+const refetchInterval = 6e4;
+const useGasRecommendation = (toChainId, fromChain, fromToken) => {
+	const { chains } = useAvailableChains();
+	const { keyPrefix, hiddenUI } = useWidgetConfig();
+	const sdkClient = useSDKClient();
+	const checkRecommendationLiFuel = Boolean(toChainId) && Boolean(fromChain) && Boolean(fromToken) && Boolean(chains?.length);
+	const checkRecommendationMaxButton = Boolean(toChainId) && !fromChain && !fromToken && Boolean(chains?.length);
+	return useQuery({
+		queryKey: [
+			getQueryKey("gas-recommendation", keyPrefix),
+			toChainId,
+			fromChain,
+			fromToken
+		],
+		queryFn: async ({ queryKey: [_, toChainId, fromChain, fromToken], signal }) => {
+			if (!chains?.some((chain) => chain.id === toChainId)) return null;
+			return await getGasRecommendation(sdkClient, {
+				chainId: toChainId,
+				fromChain,
+				fromToken
+			}, { signal });
+		},
+		enabled: (checkRecommendationLiFuel || checkRecommendationMaxButton) && !hiddenUI?.gasRefuelMessage,
+		refetchInterval,
+		staleTime: refetchInterval
+	});
 };
+//#endregion
+export { useGasRecommendation };
+
 //# sourceMappingURL=useGasRecommendation.js.map

package/dist/esm/hooks/useGasRecommendation.js.map

@@ -1 +1 @@
-{"version":3,"file":"useGasRecommendation.js","sourceRoot":"","sources":["../../../src/hooks/useGasRecommendation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,oBAAoB,EAAE,MAAM,WAAW,CAAA;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAA;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,+CAA+C,CAAA;AAC/E,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA;AAE5D,MAAM,eAAe,GAAG,KAAM,CAAA;AAE9B,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAClC,SAAmB,EACnB,SAAmB,EACnB,SAAkB,EAClB,EAAE;IACF,MAAM,EAAE,MAAM,EAAE,GAAG,kBAAkB,EAAE,CAAA;IACvC,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,eAAe,EAAE,CAAA;IACjD,MAAM,SAAS,GAAG,YAAY,EAAE,CAAA;IAEhC,MAAM,yBAAyB,GAC7B,OAAO,CAAC,SAAS,CAAC;QAClB,OAAO,CAAC,SAAS,CAAC;QAClB,OAAO,CAAC,SAAS,CAAC;QAClB,OAAO,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAEzB,MAAM,4BAA4B,GAChC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,SAAS,IAAI,CAAC,SAAS,IAAI,OAAO,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAE3E,OAAO,QAAQ,CAAC;QACd,QAAQ,EAAE;YACR,WAAW,CAAC,oBAAoB,EAAE,SAAS,CAAC;YAC5C,SAAS;YACT,SAAS;YACT,SAAS;SACV;QACD,OAAO,EAAE,KAAK,EAAE,EACd,QAAQ,EAAE,CAAC,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,EAC9C,MAAM,GACP,EAAE,EAAE;YACH,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,SAAS,CAAC,EAAE,CAAC;gBACrD,OAAO,IAAI,CAAA;YACb,CAAC;YACD,MAAM,iBAAiB,GAAG,MAAM,oBAAoB,CAClD,SAAS,EACT;gBACE,OAAO,EAAE,SAAoB;gBAC7B,SAAS,EAAE,SAAoB;gBAC/B,SAAS,EAAE,SAAmB;aAC/B,EACD,EAAE,MAAM,EAAE,CACX,CAAA;YACD,OAAO,iBAAiB,CAAA;QAC1B,CAAC;QACD,OAAO,EACL,CAAC,yBAAyB,IAAI,4BAA4B,CAAC;YAC3D,CAAC,QAAQ,EAAE,QAAQ,CAAC,QAAQ,CAAC,gBAAgB,CAAC;QAChD,eAAe;QACf,SAAS,EAAE,eAAe;KAC3B,CAAC,CAAA;AACJ,CAAC,CAAA"}
+{"version":3,"file":"useGasRecommendation.js","names":[],"sources":["../../../src/hooks/useGasRecommendation.ts"],"sourcesContent":["import { type ChainId, getGasRecommendation } from '@lifi/sdk'\nimport type { UseQueryResult } from '@tanstack/react-query'\nimport { useQuery } from '@tanstack/react-query'\nimport { useSDKClient } from '../providers/SDKClientProvider.js'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport { getQueryKey } from '../utils/queries.js'\nimport { useAvailableChains } from './useAvailableChains.js'\n\nconst refetchInterval = 60_000\n\nexport const useGasRecommendation = (\n  toChainId?: ChainId,\n  fromChain?: ChainId,\n  fromToken?: string\n): UseQueryResult<Awaited<ReturnType<typeof getGasRecommendation>> | null> => {\n  const { chains } = useAvailableChains()\n  const { keyPrefix, hiddenUI } = useWidgetConfig()\n  const sdkClient = useSDKClient()\n\n  const checkRecommendationLiFuel =\n    Boolean(toChainId) &&\n    Boolean(fromChain) &&\n    Boolean(fromToken) &&\n    Boolean(chains?.length)\n\n  const checkRecommendationMaxButton =\n    Boolean(toChainId) && !fromChain && !fromToken && Boolean(chains?.length)\n\n  return useQuery({\n    queryKey: [\n      getQueryKey('gas-recommendation', keyPrefix),\n      toChainId,\n      fromChain,\n      fromToken,\n    ],\n    queryFn: async ({\n      queryKey: [_, toChainId, fromChain, fromToken],\n      signal,\n    }) => {\n      if (!chains?.some((chain) => chain.id === toChainId)) {\n        return null\n      }\n      const gasRecommendation = await getGasRecommendation(\n        sdkClient,\n        {\n          chainId: toChainId as ChainId,\n          fromChain: fromChain as ChainId,\n          fromToken: fromToken as string,\n        },\n        { signal }\n      )\n      return gasRecommendation\n    },\n    enabled:\n      (checkRecommendationLiFuel || checkRecommendationMaxButton) &&\n      !hiddenUI?.gasRefuelMessage,\n    refetchInterval,\n    staleTime: refetchInterval,\n  })\n}\n"],"mappings":";;;;;;;AAQA,MAAM,kBAAkB;AAExB,MAAa,wBACX,WACA,WACA,cAC4E;CAC5E,MAAM,EAAE,WAAW,mBAAmB;CACtC,MAAM,EAAE,WAAW,aAAa,gBAAgB;CAChD,MAAM,YAAY,aAAa;CAE/B,MAAM,4BACJ,QAAQ,SAAS,KACjB,QAAQ,SAAS,KACjB,QAAQ,SAAS,KACjB,QAAQ,QAAQ,MAAM;CAExB,MAAM,+BACJ,QAAQ,SAAS,KAAK,CAAC,aAAa,CAAC,aAAa,QAAQ,QAAQ,MAAM;CAE1E,OAAO,SAAS;EACd,UAAU;GACR,YAAY,sBAAsB,SAAS;GAC3C;GACA;GACA;EACF;EACA,SAAS,OAAO,EACd,UAAU,CAAC,GAAG,WAAW,WAAW,YACpC,aACI;GACJ,IAAI,CAAC,QAAQ,MAAM,UAAU,MAAM,OAAO,SAAS,GACjD,OAAO;GAWT,OAAO,MATyB,qBAC9B,WACA;IACE,SAAS;IACE;IACA;GACb,GACA,EAAE,OAAO,CACX;EAEF;EACA,UACG,6BAA6B,iCAC9B,CAAC,UAAU;EACb;EACA,WAAW;CACb,CAAC;AACH"}

package/dist/esm/hooks/useGasRefuel.js

@@ -1,62 +1,45 @@
-import { useAccount } from '@lifi/wallet-management';
-import { useMemo } from 'react';
-import { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js';
-import { useFieldValues } from '../stores/form/useFieldValues.js';
-import { HiddenUI } from '../types/widget.js';
-import { useAvailableChains } from './useAvailableChains.js';
-import { useGasRecommendation } from './useGasRecommendation.js';
-import { useIsContractAddress } from './useIsContractAddress.js';
-import { useTokenBalance } from './useTokenBalance.js';
-export const useGasRefuel = () => {
-    const { getChainById } = useAvailableChains();
-    const { hiddenUI } = useWidgetConfig();
-    const [fromChainId, fromTokenAddress, toChainId, toAddress] = useFieldValues('fromChain', 'fromToken', 'toChain', 'toAddress');
-    const toChain = getChainById(toChainId);
-    const fromChain = getChainById(fromChainId);
-    const { account: toAccount } = useAccount({ chainType: toChain?.chainType });
-    const effectiveToAddress = toAddress || toAccount?.address;
-    const { isContractAddress: isToContractAddress } = useIsContractAddress(effectiveToAddress, toChainId, toChain?.chainType);
-    const { token: destinationNativeToken } = useTokenBalance(effectiveToAddress, toChainId ? toChain?.nativeToken : undefined);
-    const { data: gasRecommendation, isLoading } = useGasRecommendation(toChainId, fromChainId, fromTokenAddress);
-    // When we bridge between ecosystems we need to be sure toAddress is set
-    const isChainTypeSatisfied = fromChain?.chainType !== toChain?.chainType ? Boolean(toAddress) : true;
-    // We should not refuel to the contract address
-    const isToAddressSatisfied = effectiveToAddress && !isToContractAddress;
-    const enabled = useMemo(() => {
-        if (
-        // Same chain refuel is not allowed since users need gas on source chain to initiate transaction
-        // We allow refuel when bridging to native token since bridging routes may require gas for destination swaps
-        fromChainId === toChainId ||
-            !gasRecommendation?.available ||
-            !gasRecommendation?.recommended ||
-            !destinationNativeToken ||
-            !isChainTypeSatisfied ||
-            !isToAddressSatisfied ||
-            hiddenUI?.includes(HiddenUI.GasRefuelMessage)) {
-            return false;
-        }
-        const tokenBalance = destinationNativeToken.amount ?? 0n;
-        // Check if the user balance < 50% of the recommended amount
-        const recommendedAmount = BigInt(gasRecommendation.recommended.amount) / 2n;
-        const insufficientGas = tokenBalance < recommendedAmount;
-        return insufficientGas;
-    }, [
-        fromChainId,
-        gasRecommendation,
-        isChainTypeSatisfied,
-        isToAddressSatisfied,
-        destinationNativeToken,
-        toChainId,
-        hiddenUI,
-    ]);
-    return {
-        enabled: enabled,
-        availble: gasRecommendation?.available,
-        isLoading: isLoading,
-        chain: toChain,
-        fromAmount: gasRecommendation?.available
-            ? gasRecommendation.fromAmount
-            : undefined,
-    };
+import { useWidgetConfig } from "../providers/WidgetProvider/WidgetProvider.js";
+import { useAvailableChains } from "./useAvailableChains.js";
+import { useFieldValues } from "../stores/form/useFieldValues.js";
+import { useGasRecommendation } from "./useGasRecommendation.js";
+import { useIsContractAddress } from "./useIsContractAddress.js";
+import { useTokenBalance } from "./useTokenBalance.js";
+import { useMemo } from "react";
+import { useAccount } from "@lifi/wallet-management";
+//#region src/hooks/useGasRefuel.ts
+const useGasRefuel = () => {
+	const { getChainById } = useAvailableChains();
+	const { hiddenUI } = useWidgetConfig();
+	const [fromChainId, fromTokenAddress, toChainId, toAddress] = useFieldValues("fromChain", "fromToken", "toChain", "toAddress");
+	const toChain = getChainById(toChainId);
+	const fromChain = getChainById(fromChainId);
+	const { account: toAccount } = useAccount({ chainType: toChain?.chainType });
+	const effectiveToAddress = toAddress || toAccount?.address;
+	const { isContractAddress: isToContractAddress } = useIsContractAddress(effectiveToAddress, toChainId, toChain?.chainType);
+	const { token: destinationNativeToken } = useTokenBalance(effectiveToAddress, toChainId ? toChain?.nativeToken : void 0);
+	const { data: gasRecommendation, isLoading } = useGasRecommendation(toChainId, fromChainId, fromTokenAddress);
+	const isChainTypeSatisfied = fromChain?.chainType !== toChain?.chainType ? Boolean(toAddress) : true;
+	const isToAddressSatisfied = effectiveToAddress && !isToContractAddress;
+	return {
+		enabled: useMemo(() => {
+			if (fromChainId === toChainId || !gasRecommendation?.available || !gasRecommendation?.recommended || !destinationNativeToken || !isChainTypeSatisfied || !isToAddressSatisfied || hiddenUI?.gasRefuelMessage) return false;
+			return (destinationNativeToken.amount ?? 0n) < BigInt(gasRecommendation.recommended.amount) / 2n;
+		}, [
+			fromChainId,
+			gasRecommendation,
+			isChainTypeSatisfied,
+			isToAddressSatisfied,
+			destinationNativeToken,
+			toChainId,
+			hiddenUI
+		]),
+		availble: gasRecommendation?.available,
+		isLoading,
+		chain: toChain,
+		fromAmount: gasRecommendation?.available ? gasRecommendation.fromAmount : void 0
+	};
 };
+//#endregion
+export { useGasRefuel };
+
 //# sourceMappingURL=useGasRefuel.js.map

package/dist/esm/hooks/useGasRefuel.js.map

@@ -1 +1 @@
-{"version":3,"file":"useGasRefuel.js","sourceRoot":"","sources":["../../../src/hooks/useGasRefuel.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"useGasRefuel.js","names":[],"sources":["../../../src/hooks/useGasRefuel.ts"],"sourcesContent":["import type { ExtendedChain } from '@lifi/sdk'\nimport { useAccount } from '@lifi/wallet-management'\nimport { useMemo } from 'react'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport { useFieldValues } from '../stores/form/useFieldValues.js'\nimport { useAvailableChains } from './useAvailableChains.js'\nimport { useGasRecommendation } from './useGasRecommendation.js'\nimport { useIsContractAddress } from './useIsContractAddress.js'\nimport { useTokenBalance } from './useTokenBalance.js'\n\nexport const useGasRefuel = (): {\n  enabled: boolean\n  availble: boolean | undefined\n  isLoading: boolean\n  chain: ExtendedChain | undefined\n  fromAmount: string | undefined\n} => {\n  const { getChainById } = useAvailableChains()\n  const { hiddenUI } = useWidgetConfig()\n  const [fromChainId, fromTokenAddress, toChainId, toAddress] = useFieldValues(\n    'fromChain',\n    'fromToken',\n    'toChain',\n    'toAddress'\n  )\n\n  const toChain = getChainById(toChainId)\n  const fromChain = getChainById(fromChainId)\n\n  const { account: toAccount } = useAccount({ chainType: toChain?.chainType })\n\n  const effectiveToAddress = toAddress || toAccount?.address\n\n  const { isContractAddress: isToContractAddress } = useIsContractAddress(\n    effectiveToAddress,\n    toChainId,\n    toChain?.chainType\n  )\n\n  const { token: destinationNativeToken } = useTokenBalance(\n    effectiveToAddress,\n    toChainId ? toChain?.nativeToken : undefined\n  )\n\n  const { data: gasRecommendation, isLoading } = useGasRecommendation(\n    toChainId,\n    fromChainId,\n    fromTokenAddress\n  )\n\n  // When we bridge between ecosystems we need to be sure toAddress is set\n  const isChainTypeSatisfied =\n    fromChain?.chainType !== toChain?.chainType ? Boolean(toAddress) : true\n\n  // We should not refuel to the contract address\n  const isToAddressSatisfied = effectiveToAddress && !isToContractAddress\n\n  const enabled = useMemo(() => {\n    if (\n      // Same chain refuel is not allowed since users need gas on source chain to initiate transaction\n      // We allow refuel when bridging to native token since bridging routes may require gas for destination swaps\n      fromChainId === toChainId ||\n      !gasRecommendation?.available ||\n      !gasRecommendation?.recommended ||\n      !destinationNativeToken ||\n      !isChainTypeSatisfied ||\n      !isToAddressSatisfied ||\n      hiddenUI?.gasRefuelMessage\n    ) {\n      return false\n    }\n    const tokenBalance = destinationNativeToken.amount ?? 0n\n\n    // Check if the user balance < 50% of the recommended amount\n    const recommendedAmount = BigInt(gasRecommendation.recommended.amount) / 2n\n\n    const insufficientGas = tokenBalance < recommendedAmount\n    return insufficientGas\n  }, [\n    fromChainId,\n    gasRecommendation,\n    isChainTypeSatisfied,\n    isToAddressSatisfied,\n    destinationNativeToken,\n    toChainId,\n    hiddenUI,\n  ])\n\n  return {\n    enabled: enabled,\n    availble: gasRecommendation?.available,\n    isLoading: isLoading,\n    chain: toChain,\n    fromAmount: gasRecommendation?.available\n      ? gasRecommendation.fromAmount\n      : undefined,\n  }\n}\n"],"mappings":";;;;;;;;;AAUA,MAAa,qBAMR;CACH,MAAM,EAAE,iBAAiB,mBAAmB;CAC5C,MAAM,EAAE,aAAa,gBAAgB;CACrC,MAAM,CAAC,aAAa,kBAAkB,WAAW,aAAa,eAC5D,aACA,aACA,WACA,WACF;CAEA,MAAM,UAAU,aAAa,SAAS;CACtC,MAAM,YAAY,aAAa,WAAW;CAE1C,MAAM,EAAE,SAAS,cAAc,WAAW,EAAE,WAAW,SAAS,UAAU,CAAC;CAE3E,MAAM,qBAAqB,aAAa,WAAW;CAEnD,MAAM,EAAE,mBAAmB,wBAAwB,qBACjD,oBACA,WACA,SAAS,SACX;CAEA,MAAM,EAAE,OAAO,2BAA2B,gBACxC,oBACA,YAAY,SAAS,cAAc,KAAA,CACrC;CAEA,MAAM,EAAE,MAAM,mBAAmB,cAAc,qBAC7C,WACA,aACA,gBACF;CAGA,MAAM,uBACJ,WAAW,cAAc,SAAS,YAAY,QAAQ,SAAS,IAAI;CAGrE,MAAM,uBAAuB,sBAAsB,CAAC;CAiCpD,OAAO;EACL,SAhCc,cAAc;GAC5B,IAGE,gBAAgB,aAChB,CAAC,mBAAmB,aACpB,CAAC,mBAAmB,eACpB,CAAC,0BACD,CAAC,wBACD,CAAC,wBACD,UAAU,kBAEV,OAAO;GAQT,QANqB,uBAAuB,UAAU,MAG5B,OAAO,kBAAkB,YAAY,MAAM,IAAI;EAI3E,GAAG;GACD;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAGiB;EACf,UAAU,mBAAmB;EAClB;EACX,OAAO;EACP,YAAY,mBAAmB,YAC3B,kBAAkB,aAClB,KAAA;CACN;AACF"}

package/dist/esm/hooks/useGasSufficiency.js

@@ -1,150 +1,104 @@
-import { ChainType } from '@lifi/sdk';
-import { useAccount } from '@lifi/wallet-management';
-import { useQuery } from '@tanstack/react-query';
-import { useMemo } from 'react';
-import { useSDKClient } from '../providers/SDKClientProvider.js';
-import { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js';
-import { HiddenUI } from '../types/widget.js';
-import { getQueryKey } from '../utils/queries.js';
-import { useAvailableChains } from './useAvailableChains.js';
-import { useIsContractAddress } from './useIsContractAddress.js';
-import { getTokenBalancesWithRetry } from './useTokenBalance.js';
-const refetchInterval = 30000;
-export const useGasSufficiency = (route) => {
-    const { getChainById } = useAvailableChains();
-    const { account: EVMAccount, accounts } = useAccount({
-        chainType: ChainType.EVM,
-    });
-    const { keyPrefix, hiddenUI } = useWidgetConfig();
-    const sdkClient = useSDKClient();
-    const { relevantAccounts, relevantAccountsQueryKey } = useMemo(() => {
-        const chainTypes = route?.steps.reduce((acc, step) => {
-            const chainType = getChainById(step.action.fromChainId)?.chainType;
-            if (chainType) {
-                acc.add(chainType);
-            }
-            return acc;
-        }, new Set());
-        const relevantAccounts = accounts.filter((account) => account.isConnected &&
-            account.address &&
-            chainTypes?.has(account.chainType));
-        return {
-            relevantAccounts,
-            relevantAccountsQueryKey: relevantAccounts
-                .map((account) => account.address)
-                .join(','),
-        };
-    }, [accounts, route?.steps, getChainById]);
-    const { isContractAddress, isLoading: isContractAddressLoading } = useIsContractAddress(EVMAccount.address, route?.fromChainId, EVMAccount.chainType);
-    const { data: insufficientGas, isLoading } = useQuery({
-        queryKey: [
-            getQueryKey('gas-sufficiency-check', keyPrefix),
-            relevantAccountsQueryKey,
-            route?.id,
-            isContractAddress,
-        ],
-        queryFn: async () => {
-            if (!route) {
-                return [];
-            }
-            // Filter out steps that are relayer steps or have primaryType 'Permit' or 'Order'
-            const filteredSteps = route.steps.filter((step) => !step.typedData?.some((t) => t.primaryType === 'Permit' || t.primaryType === 'Order'));
-            // If all steps are filtered out, we don't need to check for gas sufficiency
-            if (!filteredSteps.length) {
-                return [];
-            }
-            // We assume that LI.Fuel protocol always refuels the destination chain
-            const hasRefuelStep = route.steps
-                .flatMap((step) => step.includedSteps)
-                .some((includedStep) => includedStep.tool === 'gasZip');
-            const gasCosts = filteredSteps
-                .filter((step) => !step.execution || step.execution.status !== 'DONE')
-                .reduce((groupedGasCosts, step) => {
-                // We need to avoid destination chain step sufficiency check if we have LI.Fuel protocol sub-step
-                const skipDueToRefuel = step.action.fromChainId === route.toChainId && hasRefuelStep;
-                if (step.estimate.gasCosts && !skipDueToRefuel) {
-                    const { token } = step.estimate.gasCosts[0];
-                    const gasCostAmount = step.estimate.gasCosts.reduce((amount, gasCost) => amount + BigInt(Number(gasCost.amount).toFixed(0)), 0n);
-                    if (gasCostAmount > 0n) {
-                        groupedGasCosts[token.chainId] = {
-                            gasAmount: groupedGasCosts[token.chainId]
-                                ? groupedGasCosts[token.chainId].gasAmount + gasCostAmount
-                                : gasCostAmount,
-                            token,
-                            chain: getChainById(token.chainId),
-                        };
-                    }
-                }
-                // Add fees paid in native tokens to gas sufficiency check (included: false)
-                const nonIncludedFeeCosts = step.estimate.feeCosts?.filter((feeCost) => !feeCost.included);
-                if (nonIncludedFeeCosts?.length) {
-                    const { token } = nonIncludedFeeCosts[0];
-                    const feeCostAmount = nonIncludedFeeCosts.reduce((amount, feeCost) => amount + BigInt(Number(feeCost.amount).toFixed(0)), 0n);
-                    if (feeCostAmount > 0n) {
-                        groupedGasCosts[token.chainId] = {
-                            gasAmount: groupedGasCosts[token.chainId]
-                                ? groupedGasCosts[token.chainId].gasAmount + feeCostAmount
-                                : feeCostAmount,
-                            token,
-                            chain: getChainById(token.chainId),
-                        };
-                    }
-                }
-                return groupedGasCosts;
-            }, {});
-            // Check whether we are sending a native token
-            // For native tokens we want to check for the total amount, including the network fee
-            if (route.fromToken.address === gasCosts[route.fromChainId]?.token.address) {
-                gasCosts[route.fromChainId].tokenAmount =
-                    gasCosts[route.fromChainId]?.gasAmount + BigInt(route.fromAmount);
-            }
-            const gasCostsValues = Object.values(gasCosts);
-            const balanceChecks = await Promise.allSettled(relevantAccounts.map((account) => {
-                const relevantTokens = gasCostsValues
-                    .filter((gasCost) => gasCost.chain?.chainType === account.chainType)
-                    .map((item) => item.token);
-                return getTokenBalancesWithRetry(sdkClient, account.address, relevantTokens);
-            }));
-            const tokenBalances = balanceChecks
-                .filter((result) => result.status === 'fulfilled' && Boolean(result.value))
-                .flatMap((result) => result.value);
-            if (!tokenBalances?.length) {
-                return [];
-            }
-            Object.keys(gasCosts).forEach((chainId) => {
-                if (gasCosts[chainId]) {
-                    const gasTokenBalance = tokenBalances?.find((t) => t.chainId === gasCosts[chainId].token.chainId &&
-                        t.address === gasCosts[chainId].token.address)?.amount ?? 0n;
-                    const insufficient = gasTokenBalance <= 0n ||
-                        gasTokenBalance < gasCosts[chainId].gasAmount ||
-                        gasTokenBalance < (gasCosts[chainId].tokenAmount ?? 0n);
-                    const insufficientAmount = insufficient
-                        ? gasCosts[chainId].tokenAmount
-                            ? gasCosts[chainId].tokenAmount - gasTokenBalance
-                            : gasCosts[chainId].gasAmount - gasTokenBalance
-                        : undefined;
-                    gasCosts[chainId] = {
-                        ...gasCosts[chainId],
-                        insufficient,
-                        insufficientAmount,
-                        chain: insufficient ? getChainById(Number(chainId)) : undefined,
-                    };
-                }
-            });
-            const gasCostResult = Object.values(gasCosts).filter((gasCost) => gasCost.insufficient);
-            return gasCostResult;
-        },
-        enabled: Boolean(!isContractAddress &&
-            !isContractAddressLoading &&
-            relevantAccounts.length > 0 &&
-            route &&
-            !hiddenUI?.includes(HiddenUI.InsufficientGasMessage)),
-        refetchInterval,
-        staleTime: refetchInterval,
-    });
-    return {
-        insufficientGas,
-        isLoading,
-    };
+import { useWidgetConfig } from "../providers/WidgetProvider/WidgetProvider.js";
+import { useSDKClient } from "../providers/SDKClientProvider.js";
+import { getQueryKey } from "../utils/queries.js";
+import { useAvailableChains } from "./useAvailableChains.js";
+import { useIsContractAddress } from "./useIsContractAddress.js";
+import { getTokenBalancesWithRetry } from "./useTokenBalance.js";
+import { ChainType } from "@lifi/sdk";
+import { useMemo } from "react";
+import { useQuery } from "@tanstack/react-query";
+import { useAccount } from "@lifi/wallet-management";
+//#region src/hooks/useGasSufficiency.ts
+const refetchInterval = 3e4;
+const useGasSufficiency = (route) => {
+	const { getChainById } = useAvailableChains();
+	const { account: EVMAccount, accounts } = useAccount({ chainType: ChainType.EVM });
+	const { keyPrefix, hiddenUI } = useWidgetConfig();
+	const sdkClient = useSDKClient();
+	const { relevantAccounts, relevantAccountsQueryKey } = useMemo(() => {
+		const chainTypes = route?.steps.reduce((acc, step) => {
+			const chainType = getChainById(step.action.fromChainId)?.chainType;
+			if (chainType) acc.add(chainType);
+			return acc;
+		}, /* @__PURE__ */ new Set());
+		const relevantAccounts = accounts.filter((account) => account.isConnected && account.address && chainTypes?.has(account.chainType));
+		return {
+			relevantAccounts,
+			relevantAccountsQueryKey: relevantAccounts.map((account) => account.address).join(",")
+		};
+	}, [
+		accounts,
+		route?.steps,
+		getChainById
+	]);
+	const { isContractAddress, isLoading: isContractAddressLoading } = useIsContractAddress(EVMAccount.address, route?.fromChainId, EVMAccount.chainType);
+	const { data: insufficientGas, isLoading } = useQuery({
+		queryKey: [
+			getQueryKey("gas-sufficiency-check", keyPrefix),
+			relevantAccountsQueryKey,
+			route?.id,
+			isContractAddress
+		],
+		queryFn: async () => {
+			if (!route) return [];
+			const filteredSteps = route.steps.filter((step) => !step.typedData?.some((t) => t.primaryType === "Permit" || t.primaryType === "Order"));
+			if (!filteredSteps.length) return [];
+			const hasRefuelStep = route.steps.flatMap((step) => step.includedSteps).some((includedStep) => includedStep.tool === "gasZip");
+			const gasCosts = filteredSteps.filter((step) => step.execution?.status !== "DONE").reduce((groupedGasCosts, step) => {
+				const skipDueToRefuel = step.action.fromChainId === route.toChainId && hasRefuelStep;
+				if (step.estimate.gasCosts && !skipDueToRefuel) {
+					const { token } = step.estimate.gasCosts[0];
+					const gasCostAmount = step.estimate.gasCosts.reduce((amount, gasCost) => amount + BigInt(Number(gasCost.amount).toFixed(0)), 0n);
+					if (gasCostAmount > 0n) groupedGasCosts[token.chainId] = {
+						gasAmount: groupedGasCosts[token.chainId] ? groupedGasCosts[token.chainId].gasAmount + gasCostAmount : gasCostAmount,
+						token,
+						chain: getChainById(token.chainId)
+					};
+				}
+				const nonIncludedFeeCosts = step.estimate.feeCosts?.filter((feeCost) => !feeCost.included);
+				if (nonIncludedFeeCosts?.length) {
+					const { token } = nonIncludedFeeCosts[0];
+					const feeCostAmount = nonIncludedFeeCosts.reduce((amount, feeCost) => amount + BigInt(Number(feeCost.amount).toFixed(0)), 0n);
+					if (feeCostAmount > 0n) groupedGasCosts[token.chainId] = {
+						gasAmount: groupedGasCosts[token.chainId] ? groupedGasCosts[token.chainId].gasAmount + feeCostAmount : feeCostAmount,
+						token,
+						chain: getChainById(token.chainId)
+					};
+				}
+				return groupedGasCosts;
+			}, {});
+			if (route.fromToken.address === gasCosts[route.fromChainId]?.token.address) gasCosts[route.fromChainId].tokenAmount = gasCosts[route.fromChainId]?.gasAmount + BigInt(route.fromAmount);
+			const gasCostsValues = Object.values(gasCosts);
+			const tokenBalances = (await Promise.allSettled(relevantAccounts.map((account) => {
+				const relevantTokens = gasCostsValues.filter((gasCost) => gasCost.chain?.chainType === account.chainType).map((item) => item.token);
+				return getTokenBalancesWithRetry(sdkClient, account.address, relevantTokens);
+			}))).filter((result) => result.status === "fulfilled" && Boolean(result.value)).flatMap((result) => result.value);
+			if (!tokenBalances?.length) return [];
+			Object.keys(gasCosts).forEach((chainId) => {
+				if (gasCosts[chainId]) {
+					const gasTokenBalance = tokenBalances?.find((t) => t.chainId === gasCosts[chainId].token.chainId && t.address === gasCosts[chainId].token.address)?.amount ?? 0n;
+					const insufficient = gasTokenBalance <= 0n || gasTokenBalance < gasCosts[chainId].gasAmount || gasTokenBalance < (gasCosts[chainId].tokenAmount ?? 0n);
+					const insufficientAmount = insufficient ? gasCosts[chainId].tokenAmount ? gasCosts[chainId].tokenAmount - gasTokenBalance : gasCosts[chainId].gasAmount - gasTokenBalance : void 0;
+					gasCosts[chainId] = {
+						...gasCosts[chainId],
+						insufficient,
+						insufficientAmount,
+						chain: insufficient ? getChainById(Number(chainId)) : void 0
+					};
+				}
+			});
+			return Object.values(gasCosts).filter((gasCost) => gasCost.insufficient);
+		},
+		enabled: Boolean(!isContractAddress && !isContractAddressLoading && relevantAccounts.length > 0 && route && !hiddenUI?.insufficientGasMessage),
+		refetchInterval,
+		staleTime: refetchInterval
+	});
+	return {
+		insufficientGas,
+		isLoading
+	};
 };
+//#endregion
+export { useGasSufficiency };
+
 //# sourceMappingURL=useGasSufficiency.js.map

package/dist/esm/hooks/useGasSufficiency.js.map

@@ -1 +1 @@
-{"version":3,"file":"useGasSufficiency.js","sourceRoot":"","sources":["../../../src/hooks/useGasSufficiency.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"useGasSufficiency.js","names":[],"sources":["../../../src/hooks/useGasSufficiency.ts"],"sourcesContent":["import type { EVMChain, RouteExtended, Token, TokenAmount } from '@lifi/sdk'\nimport { ChainType } from '@lifi/sdk'\nimport { useAccount } from '@lifi/wallet-management'\nimport { useQuery } from '@tanstack/react-query'\nimport { useMemo } from 'react'\nimport { useSDKClient } from '../providers/SDKClientProvider.js'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport { getQueryKey } from '../utils/queries.js'\nimport { useAvailableChains } from './useAvailableChains.js'\nimport { useIsContractAddress } from './useIsContractAddress.js'\nimport { getTokenBalancesWithRetry } from './useTokenBalance.js'\n\nexport interface GasSufficiency {\n  gasAmount: bigint\n  tokenAmount?: bigint\n  insufficientAmount?: bigint\n  insufficient?: boolean\n  token: Token\n  chain?: EVMChain\n}\n\nconst refetchInterval = 30_000\n\nexport const useGasSufficiency = (\n  route?: RouteExtended\n): {\n  insufficientGas: GasSufficiency[] | undefined\n  isLoading: boolean\n} => {\n  const { getChainById } = useAvailableChains()\n  const { account: EVMAccount, accounts } = useAccount({\n    chainType: ChainType.EVM,\n  })\n  const { keyPrefix, hiddenUI } = useWidgetConfig()\n  const sdkClient = useSDKClient()\n\n  const { relevantAccounts, relevantAccountsQueryKey } = useMemo(() => {\n    const chainTypes = route?.steps.reduce((acc, step) => {\n      const chainType = getChainById(step.action.fromChainId)?.chainType\n      if (chainType) {\n        acc.add(chainType)\n      }\n      return acc\n    }, new Set<ChainType>())\n\n    const relevantAccounts = accounts.filter(\n      (account) =>\n        account.isConnected &&\n        account.address &&\n        chainTypes?.has(account.chainType)\n    )\n    return {\n      relevantAccounts,\n      relevantAccountsQueryKey: relevantAccounts\n        .map((account) => account.address)\n        .join(','),\n    }\n  }, [accounts, route?.steps, getChainById])\n\n  const { isContractAddress, isLoading: isContractAddressLoading } =\n    useIsContractAddress(\n      EVMAccount.address,\n      route?.fromChainId,\n      EVMAccount.chainType\n    )\n\n  const { data: insufficientGas, isLoading } = useQuery<GasSufficiency[]>({\n    queryKey: [\n      getQueryKey('gas-sufficiency-check', keyPrefix),\n      relevantAccountsQueryKey,\n      route?.id,\n      isContractAddress,\n    ] as const,\n    queryFn: async () => {\n      if (!route) {\n        return []\n      }\n\n      // Filter out steps that are relayer steps or have primaryType 'Permit' or 'Order'\n      const filteredSteps = route.steps.filter(\n        (step) =>\n          !step.typedData?.some(\n            (t) => t.primaryType === 'Permit' || t.primaryType === 'Order'\n          )\n      )\n\n      // If all steps are filtered out, we don't need to check for gas sufficiency\n      if (!filteredSteps.length) {\n        return []\n      }\n\n      // We assume that LI.Fuel protocol always refuels the destination chain\n      const hasRefuelStep = route.steps\n        .flatMap((step) => step.includedSteps)\n        .some((includedStep) => includedStep.tool === 'gasZip')\n\n      const gasCosts = filteredSteps\n        .filter((step) => step.execution?.status !== 'DONE')\n        .reduce(\n          (groupedGasCosts, step) => {\n            // We need to avoid destination chain step sufficiency check if we have LI.Fuel protocol sub-step\n            const skipDueToRefuel =\n              step.action.fromChainId === route.toChainId && hasRefuelStep\n            if (step.estimate.gasCosts && !skipDueToRefuel) {\n              const { token } = step.estimate.gasCosts[0]\n              const gasCostAmount = step.estimate.gasCosts.reduce(\n                (amount, gasCost) =>\n                  amount + BigInt(Number(gasCost.amount).toFixed(0)),\n                0n\n              )\n              if (gasCostAmount > 0n) {\n                groupedGasCosts[token.chainId] = {\n                  gasAmount: groupedGasCosts[token.chainId]\n                    ? groupedGasCosts[token.chainId].gasAmount + gasCostAmount\n                    : gasCostAmount,\n                  token,\n                  chain: getChainById(token.chainId),\n                }\n              }\n            }\n            // Add fees paid in native tokens to gas sufficiency check (included: false)\n            const nonIncludedFeeCosts = step.estimate.feeCosts?.filter(\n              (feeCost) => !feeCost.included\n            )\n            if (nonIncludedFeeCosts?.length) {\n              const { token } = nonIncludedFeeCosts[0]\n              const feeCostAmount = nonIncludedFeeCosts.reduce(\n                (amount, feeCost) =>\n                  amount + BigInt(Number(feeCost.amount).toFixed(0)),\n                0n\n              )\n              if (feeCostAmount > 0n) {\n                groupedGasCosts[token.chainId] = {\n                  gasAmount: groupedGasCosts[token.chainId]\n                    ? groupedGasCosts[token.chainId].gasAmount + feeCostAmount\n                    : feeCostAmount,\n                  token,\n                  chain: getChainById(token.chainId),\n                }\n              }\n            }\n            return groupedGasCosts\n          },\n          {} as Record<string, GasSufficiency>\n        )\n\n      // Check whether we are sending a native token\n      // For native tokens we want to check for the total amount, including the network fee\n      if (\n        route.fromToken.address === gasCosts[route.fromChainId]?.token.address\n      ) {\n        gasCosts[route.fromChainId].tokenAmount =\n          gasCosts[route.fromChainId]?.gasAmount + BigInt(route.fromAmount)\n      }\n\n      const gasCostsValues = Object.values(gasCosts)\n\n      const balanceChecks = await Promise.allSettled(\n        relevantAccounts.map((account) => {\n          const relevantTokens = gasCostsValues\n            .filter((gasCost) => gasCost.chain?.chainType === account.chainType)\n            .map((item) => item.token)\n\n          return getTokenBalancesWithRetry(\n            sdkClient,\n            account.address!,\n            relevantTokens\n          )\n        })\n      )\n\n      const tokenBalances = balanceChecks\n        .filter(\n          (result): result is PromiseFulfilledResult<TokenAmount[]> =>\n            result.status === 'fulfilled' && Boolean(result.value)\n        )\n        .flatMap((result) => result.value)\n\n      if (!tokenBalances?.length) {\n        return []\n      }\n\n      Object.keys(gasCosts).forEach((chainId) => {\n        if (gasCosts[chainId]) {\n          const gasTokenBalance =\n            tokenBalances?.find(\n              (t) =>\n                t.chainId === gasCosts[chainId].token.chainId &&\n                t.address === gasCosts[chainId].token.address\n            )?.amount ?? 0n\n          const insufficient =\n            gasTokenBalance <= 0n ||\n            gasTokenBalance < gasCosts[chainId].gasAmount ||\n            gasTokenBalance < (gasCosts[chainId].tokenAmount ?? 0n)\n\n          const insufficientAmount = insufficient\n            ? gasCosts[chainId].tokenAmount\n              ? gasCosts[chainId].tokenAmount! - gasTokenBalance\n              : gasCosts[chainId].gasAmount - gasTokenBalance\n            : undefined\n\n          gasCosts[chainId] = {\n            ...gasCosts[chainId],\n            insufficient,\n            insufficientAmount,\n            chain: insufficient ? getChainById(Number(chainId)) : undefined,\n          }\n        }\n      })\n\n      const gasCostResult = Object.values(gasCosts).filter(\n        (gasCost) => gasCost.insufficient\n      )\n\n      return gasCostResult\n    },\n\n    enabled: Boolean(\n      !isContractAddress &&\n        !isContractAddressLoading &&\n        relevantAccounts.length > 0 &&\n        route &&\n        !hiddenUI?.insufficientGasMessage\n    ),\n    refetchInterval,\n    staleTime: refetchInterval,\n  })\n\n  return {\n    insufficientGas,\n    isLoading,\n  }\n}\n"],"mappings":"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"}

package/dist/esm/hooks/useHasChainExpansion.js

@@ -1,24 +1,17 @@
-import { useLocation } from '@tanstack/react-router';
-import { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js';
-import { ExpansionType, HiddenUI } from '../types/widget.js';
-import { navigationRoutes } from '../utils/navigationRoutes.js';
-import { useSwapOnly } from './useSwapOnly.js';
-export const useHasChainExpansion = () => {
-    const { hiddenUI, subvariantOptions } = useWidgetConfig();
-    const swapOnly = useSwapOnly();
-    const { pathname } = useLocation();
-    const expansionType = pathname === navigationRoutes.home
-        ? ExpansionType.Routes
-        : pathname.endsWith(navigationRoutes.fromToken)
-            ? ExpansionType.FromChain
-            : pathname.endsWith(navigationRoutes.toToken)
-                ? ExpansionType.ToChain
-                : null;
-    const withChainExpansion = (expansionType === ExpansionType.FromChain ||
-        expansionType === ExpansionType.ToChain) &&
-        !(swapOnly && expansionType === ExpansionType.ToChain) &&
-        !hiddenUI?.includes(HiddenUI.ChainSelect) &&
-        !subvariantOptions?.wide?.disableChainSidebar;
-    return [withChainExpansion, expansionType];
+import { useWidgetConfig } from "../providers/WidgetProvider/WidgetProvider.js";
+import "../types/widget.js";
+import { navigationRoutes } from "../utils/navigationRoutes.js";
+import { useSwapOnly } from "./useSwapOnly.js";
+import { useLocation } from "@tanstack/react-router";
+//#region src/hooks/useHasChainExpansion.ts
+const useHasChainExpansion = () => {
+	const { hiddenUI } = useWidgetConfig();
+	const swapOnly = useSwapOnly();
+	const { pathname } = useLocation();
+	const expansionType = pathname === navigationRoutes.home ? "routes" : pathname.endsWith(navigationRoutes.fromToken) ? "fromChain" : pathname.endsWith(navigationRoutes.toToken) ? "toChain" : null;
+	return [(expansionType === "fromChain" || expansionType === "toChain") && !(swapOnly && expansionType === "toChain") && !hiddenUI?.chainSelect && !hiddenUI?.chainSidebar, expansionType];
 };
+//#endregion
+export { useHasChainExpansion };
+
 //# sourceMappingURL=useHasChainExpansion.js.map

package/dist/esm/hooks/useHasChainExpansion.js.map

@@ -1 +1 @@
-{"version":3,"file":"useHasChainExpansion.js","sourceRoot":"","sources":["../../../src/hooks/useHasChainExpansion.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,+CAA+C,CAAA;AAC/E,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAA;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAE9C,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACvC,MAAM,EAAE,QAAQ,EAAE,iBAAiB,EAAE,GAAG,eAAe,EAAE,CAAA;IACzD,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAA;IAC9B,MAAM,EAAE,QAAQ,EAAE,GAAG,WAAW,EAAE,CAAA;IAElC,MAAM,aAAa,GACjB,QAAQ,KAAK,gBAAgB,CAAC,IAAI;QAChC,CAAC,CAAC,aAAa,CAAC,MAAM;QACtB,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,gBAAgB,CAAC,SAAS,CAAC;YAC7C,CAAC,CAAC,aAAa,CAAC,SAAS;YACzB,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,gBAAgB,CAAC,OAAO,CAAC;gBAC3C,CAAC,CAAC,aAAa,CAAC,OAAO;gBACvB,CAAC,CAAC,IAAI,CAAA;IAEd,MAAM,kBAAkB,GACtB,CAAC,aAAa,KAAK,aAAa,CAAC,SAAS;QACxC,aAAa,KAAK,aAAa,CAAC,OAAO,CAAC;QAC1C,CAAC,CAAC,QAAQ,IAAI,aAAa,KAAK,aAAa,CAAC,OAAO,CAAC;QACtD,CAAC,QAAQ,EAAE,QAAQ,CAAC,QAAQ,CAAC,WAAW,CAAC;QACzC,CAAC,iBAAiB,EAAE,IAAI,EAAE,mBAAmB,CAAA;IAE/C,OAAO,CAAC,kBAAkB,EAAE,aAAa,CAAU,CAAA;AACrD,CAAC,CAAA"}
+{"version":3,"file":"useHasChainExpansion.js","names":[],"sources":["../../../src/hooks/useHasChainExpansion.ts"],"sourcesContent":["import { useLocation } from '@tanstack/react-router'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport { ExpansionType } from '../types/widget.js'\nimport { navigationRoutes } from '../utils/navigationRoutes.js'\nimport { useSwapOnly } from './useSwapOnly.js'\n\nexport const useHasChainExpansion = (): readonly [\n  boolean,\n  ExpansionType | null,\n] => {\n  const { hiddenUI } = useWidgetConfig()\n  const swapOnly = useSwapOnly()\n  const { pathname } = useLocation()\n\n  const expansionType =\n    pathname === navigationRoutes.home\n      ? ExpansionType.Routes\n      : pathname.endsWith(navigationRoutes.fromToken)\n        ? ExpansionType.FromChain\n        : pathname.endsWith(navigationRoutes.toToken)\n          ? ExpansionType.ToChain\n          : null\n\n  const withChainExpansion =\n    (expansionType === ExpansionType.FromChain ||\n      expansionType === ExpansionType.ToChain) &&\n    !(swapOnly && expansionType === ExpansionType.ToChain) &&\n    !hiddenUI?.chainSelect &&\n    !hiddenUI?.chainSidebar\n\n  return [withChainExpansion, expansionType] as const\n}\n"],"mappings":";;;;;;AAMA,MAAa,6BAGR;CACH,MAAM,EAAE,aAAa,gBAAgB;CACrC,MAAM,WAAW,YAAY;CAC7B,MAAM,EAAE,aAAa,YAAY;CAEjC,MAAM,gBACJ,aAAa,iBAAiB,OAAA,WAE1B,SAAS,SAAS,iBAAiB,SAAS,IAAA,cAE1C,SAAS,SAAS,iBAAiB,OAAO,IAAA,YAExC;CASV,OAAO,EANJ,kBAAA,eACC,kBAAA,cACF,EAAE,YAAY,kBAAA,cACd,CAAC,UAAU,eACX,CAAC,UAAU,cAEe,aAAa;AAC3C"}