@lifi/widget 0.0.0-preview-6cc63bac

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

@@ -0,0 +1 @@
+{"version":3,"file":"useRoutes.js","names":[],"sources":["../../../src/hooks/useRoutes.ts"],"sourcesContent":["import type { ExtendedChain, Route, Token } from '@lifi/sdk'\nimport {\n  ChainType,\n  convertQuoteToRoute,\n  getContractCallsQuote,\n  getRelayerQuote,\n  getRoutes,\n  LiFiErrorCode,\n  parseUnits,\n} from '@lifi/sdk'\nimport { useAccount } from '@lifi/wallet-management'\nimport {\n  useChainTypeFromAddress,\n  useEthereumContext,\n} from '@lifi/widget-provider'\nimport { useQuery, useQueryClient } from '@tanstack/react-query'\nimport { useCallback, useMemo } from 'react'\nimport { useSDKClient } from '../providers/SDKClientProvider.js'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport { useFieldValues } from '../stores/form/useFieldValues.js'\nimport { useIntermediateRoutesStore } from '../stores/routes/useIntermediateRoutesStore.js'\nimport { useSetExecutableRoute } from '../stores/routes/useSetExecutableRoute.js'\nimport { defaultSlippage } from '../stores/settings/createSettingsStore.js'\nimport { useSettings } from '../stores/settings/useSettings.js'\nimport { WidgetEvent } from '../types/events.js'\nimport type { TokensByChain } from '../types/token.js'\nimport { getQueryKey } from '../utils/queries.js'\nimport { updateTokenInCache } from '../utils/token.js'\nimport { useChain } from './useChain.js'\nimport { useDebouncedWatch } from './useDebouncedWatch.js'\nimport { useGasRefuel } from './useGasRefuel.js'\nimport { useIsBatchingSupported } from './useIsBatchingSupported.js'\nimport { useSwapOnly } from './useSwapOnly.js'\nimport { useToken } from './useToken.js'\nimport { useWidgetEvents } from './useWidgetEvents.js'\n\nconst refetchTime = 60_000\n\ninterface RoutesProps {\n  observableRoute?: Route\n}\n\nexport const useRoutes = ({\n  observableRoute,\n}: RoutesProps = {}): {\n  routes: Route[] | undefined\n  isLoading: boolean\n  isFetching: boolean\n  isFetched: boolean\n  dataUpdatedAt: number\n  refetchTime: number\n  refetch: () => void\n  fromChain: ExtendedChain | undefined\n  toChain: ExtendedChain | undefined\n  queryKey: readonly unknown[]\n  setReviewableRoute: (route: Route) => void\n} => {\n  const {\n    mode,\n    modeOptions,\n    contractTool,\n    bridges,\n    exchanges,\n    feeConfig,\n    useRelayerRoutes,\n    keyPrefix,\n  } = useWidgetConfig()\n  const sdkClient = useSDKClient()\n  const setExecutableRoute = useSetExecutableRoute()\n  const queryClient = useQueryClient()\n  const emitter = useWidgetEvents()\n  const swapOnly = useSwapOnly()\n  const {\n    disabledBridges,\n    disabledExchanges,\n    enabledBridges,\n    enabledExchanges,\n    enabledAutoRefuel,\n    routePriority,\n    slippage,\n  } = useSettings([\n    'disabledBridges',\n    'disabledExchanges',\n    'enabledBridges',\n    'enabledExchanges',\n    'enabledAutoRefuel',\n    'routePriority',\n    'slippage',\n  ])\n  const [fromTokenAmount] = useDebouncedWatch(500, 'fromAmount')\n  const [\n    fromChainId,\n    fromTokenAddress,\n    toAddress,\n    toTokenAmount,\n    toChainId,\n    toTokenAddress,\n    contractCalls,\n  ] = useFieldValues(\n    'fromChain',\n    'fromToken',\n    'toAddress',\n    'toAmount',\n    'toChain',\n    'toToken',\n    'contractCalls'\n  )\n  const { token: fromToken } = useToken(fromChainId, fromTokenAddress)\n  const { token: toToken } = useToken(toChainId, toTokenAddress)\n  const { chain: fromChain } = useChain(fromChainId)\n  const { chain: toChain } = useChain(toChainId)\n  const { enabled: enabledRefuel, fromAmount: gasRecommendationFromAmount } =\n    useGasRefuel()\n  const { getChainTypeFromAddress } = useChainTypeFromAddress()\n  const { isGaslessStep, disableMessageSigning } = useEthereumContext()\n  const { account } = useAccount({ chainType: fromChain?.chainType })\n  const { isBatchingSupported, isBatchingSupportedLoading } =\n    useIsBatchingSupported(fromChain, account.address)\n\n  const hasAmount = Number(fromTokenAmount) > 0 || Number(toTokenAmount) > 0\n\n  const contractCallQuoteEnabled: boolean =\n    mode === 'custom' ? Boolean(contractCalls && account.address) : true\n\n  // When we bridge between ecosystems we need to be sure toAddress is set and has the same chainType as toChain\n  // If toAddress is set, it must have the same chainType as toChain\n  const hasToAddressAndChainTypeSatisfied: boolean =\n    !!toChain &&\n    !!toAddress &&\n    getChainTypeFromAddress(toAddress) === toChain.chainType\n  // We need to check for toAddress only if it is set\n  const isToAddressSatisfied = toAddress\n    ? hasToAddressAndChainTypeSatisfied\n    : true\n\n  // toAddress might be an empty string, but we need to pass undefined if there is no value\n  const toWalletAddress = toAddress || undefined\n\n  // We need to send the full allowed tools array if custom tool settings are applied\n  const allowedBridges =\n    bridges?.allow?.length || bridges?.deny?.length ? enabledBridges : undefined\n  const allowedExchanges =\n    exchanges?.allow?.length || exchanges?.deny?.length\n      ? enabledExchanges\n      : undefined\n  const allowSwitchChain = sdkClient.config?.routeOptions?.allowSwitchChain\n\n  const isEnabled =\n    Boolean(Number(fromChain?.id)) &&\n    Boolean(Number(toChain?.id)) &&\n    Boolean(fromToken?.address) &&\n    Boolean(toToken?.address) &&\n    !Number.isNaN(slippage) &&\n    hasAmount &&\n    isToAddressSatisfied &&\n    contractCallQuoteEnabled &&\n    !isBatchingSupportedLoading\n\n  // Some values should be strictly typed and isEnabled ensures that\n  const queryKey = useMemo(\n    () =>\n      [\n        getQueryKey('routes', keyPrefix),\n        account.address,\n        fromChain?.id as number,\n        fromToken?.address as string,\n        fromTokenAmount,\n        toWalletAddress,\n        toChain?.id as number,\n        toToken?.address as string,\n        toTokenAmount,\n        contractCalls,\n        slippage,\n        swapOnly,\n        disabledBridges,\n        disabledExchanges,\n        allowedBridges,\n        allowedExchanges,\n        routePriority,\n        mode,\n        allowSwitchChain,\n        enabledRefuel && enabledAutoRefuel,\n        gasRecommendationFromAmount,\n        feeConfig?.fee,\n        disableMessageSigning,\n        !!isBatchingSupported,\n        observableRoute?.id,\n      ] as const,\n    [\n      keyPrefix,\n      account.address,\n      fromChain?.id,\n      fromToken?.address,\n      fromTokenAmount,\n      toWalletAddress,\n      toChain?.id,\n      toToken?.address,\n      toTokenAmount,\n      contractCalls,\n      slippage,\n      swapOnly,\n      disabledBridges,\n      disabledExchanges,\n      allowedBridges,\n      allowedExchanges,\n      routePriority,\n      mode,\n      allowSwitchChain,\n      enabledRefuel,\n      enabledAutoRefuel,\n      gasRecommendationFromAmount,\n      feeConfig?.fee,\n      disableMessageSigning,\n      isBatchingSupported,\n      observableRoute?.id,\n    ]\n  )\n\n  const { getIntermediateRoutes, setIntermediateRoutes } =\n    useIntermediateRoutesStore()\n\n  const { data, isLoading, isFetching, isFetched, dataUpdatedAt, refetch } =\n    useQuery({\n      queryKey,\n      queryFn: async ({\n        queryKey: [\n          _,\n          fromAddress,\n          fromChainId,\n          fromTokenAddress,\n          fromTokenAmount,\n          toAddress,\n          toChainId,\n          toTokenAddress,\n          toTokenAmount,\n          contractCalls,\n          slippage = defaultSlippage,\n          swapOnly,\n          disabledBridges,\n          disabledExchanges,\n          allowedBridges,\n          allowedExchanges,\n          routePriority,\n          mode,\n          allowSwitchChain,\n          enabledRefuel,\n          gasRecommendationFromAmount,\n          configuredFee,\n          disableMessageSigning,\n          isBatchingSupported,\n          // _observableRouteId must be the last element in the query key\n          _observableRouteId,\n        ],\n        signal,\n      }) => {\n        const fromAmount = parseUnits(fromTokenAmount, fromToken!.decimals)\n        const toAmount = parseUnits(toTokenAmount, toToken!.decimals)\n        const formattedSlippage = slippage\n          ? Number.parseFloat(slippage) / 100\n          : defaultSlippage\n\n        const allowBridges = swapOnly\n          ? []\n          : observableRoute\n            ? observableRoute.steps.flatMap((step) =>\n                step.includedSteps.reduce((toolKeys, includedStep) => {\n                  if (includedStep.type === 'cross') {\n                    toolKeys.push(includedStep.toolDetails.key)\n                  }\n                  return toolKeys\n                }, [] as string[])\n              )\n            : allowedBridges\n        const allowExchanges = observableRoute\n          ? observableRoute.steps.flatMap((step) =>\n              step.includedSteps.reduce((toolKeys, includedStep) => {\n                if (includedStep.type === 'swap') {\n                  toolKeys.push(includedStep.toolDetails.key)\n                }\n                return toolKeys\n              }, [] as string[])\n            )\n          : allowedExchanges\n\n        const calculatedFee = await feeConfig?.calculateFee?.({\n          fromChain: fromChain!,\n          toChain: toChain!,\n          fromToken: fromToken!,\n          toToken: toToken!,\n          fromAddress,\n          toAddress,\n          fromAmount,\n          toAmount,\n          slippage: formattedSlippage,\n        })\n\n        if (mode === 'custom' && contractCalls && toAmount) {\n          const contractCallQuote = await getContractCallsQuote(\n            sdkClient,\n            {\n              // Contract calls are enabled only when fromAddress is set\n              fromAddress: fromAddress as string,\n              fromChain: fromChainId,\n              fromToken: fromTokenAddress,\n              toAmount: toAmount.toString(),\n              toChain: toChainId,\n              toToken: toTokenAddress,\n              contractCalls,\n              denyBridges: disabledBridges.length ? disabledBridges : undefined,\n              denyExchanges: disabledExchanges.length\n                ? disabledExchanges\n                : undefined,\n              allowBridges,\n              allowExchanges,\n              toFallbackAddress: toAddress,\n              slippage: formattedSlippage,\n              fee: calculatedFee || configuredFee,\n            },\n            { signal }\n          )\n\n          contractCallQuote.action.toToken = toToken!\n\n          const customStep =\n            mode === 'custom'\n              ? contractCallQuote.includedSteps?.find(\n                  (step) => step.type === 'custom'\n                )\n              : undefined\n\n          if (customStep && contractTool) {\n            const toolDetails = {\n              key: contractTool.name,\n              name: contractTool.name,\n              logoURI: contractTool.logoURI,\n            }\n            customStep.toolDetails = toolDetails\n            contractCallQuote.toolDetails = toolDetails\n          }\n\n          const route: Route = convertQuoteToRoute(contractCallQuote)\n\n          return [route]\n        }\n\n        // Prevent sending a request for the same chain token combinations.\n        // Exception: proceed anyway if mode is custom and modeOptions custom type is deposit\n        if (\n          fromChainId === toChainId &&\n          fromTokenAddress === toTokenAddress &&\n          !(mode === 'custom' && modeOptions?.custom?.type === 'deposit')\n        ) {\n          return\n        }\n\n        const isObservableRelayerRoute = observableRoute?.steps?.some(\n          (step) => !!isGaslessStep?.(step, fromChain)\n        )\n\n        const shouldUseMainRoutes =\n          !observableRoute || !isObservableRelayerRoute\n        const shouldUseRelayerQuote =\n          fromAddress &&\n          fromChain?.chainType === ChainType.EVM &&\n          fromChain.permit2 &&\n          fromChain.permit2Proxy &&\n          fromChain.relayerSupported &&\n          fromChain.nativeToken.address !== fromTokenAddress &&\n          useRelayerRoutes &&\n          !isBatchingSupported &&\n          (!observableRoute || isObservableRelayerRoute)\n\n        const mainRoutesPromise = shouldUseMainRoutes\n          ? getRoutes(\n              sdkClient,\n              {\n                fromAddress,\n                fromAmount: fromAmount.toString(),\n                fromChainId,\n                fromTokenAddress,\n                toAddress,\n                toChainId,\n                toTokenAddress,\n                fromAmountForGas:\n                  enabledRefuel && gasRecommendationFromAmount\n                    ? gasRecommendationFromAmount\n                    : undefined,\n                options: {\n                  allowSwitchChain:\n                    mode === 'refuel' ? false : allowSwitchChain,\n                  bridges:\n                    allowBridges?.length || disabledBridges.length\n                      ? {\n                          allow: allowBridges,\n                          deny: disabledBridges.length\n                            ? disabledBridges\n                            : undefined,\n                        }\n                      : undefined,\n                  exchanges:\n                    allowExchanges?.length || disabledExchanges.length\n                      ? {\n                          allow: allowExchanges,\n                          deny: disabledExchanges.length\n                            ? disabledExchanges\n                            : undefined,\n                        }\n                      : undefined,\n                  order: routePriority,\n                  slippage: formattedSlippage,\n                  fee: calculatedFee || configuredFee,\n                  executionType: disableMessageSigning ? 'transaction' : 'all',\n                },\n              },\n              { signal }\n            )\n          : Promise.resolve(null)\n\n        const relayerQuotePromise = shouldUseRelayerQuote\n          ? getRelayerQuote(\n              sdkClient,\n              {\n                fromAddress,\n                fromAmount: fromAmount.toString(),\n                fromChain: fromChainId,\n                fromToken: fromTokenAddress,\n                toAddress,\n                toChain: toChainId,\n                toToken: toTokenAddress,\n                fromAmountForGas:\n                  enabledRefuel && gasRecommendationFromAmount\n                    ? gasRecommendationFromAmount\n                    : undefined,\n                order: routePriority,\n                slippage: formattedSlippage,\n                fee: calculatedFee || configuredFee,\n                ...(allowBridges?.length || disabledBridges.length\n                  ? {\n                      allowBridges: allowBridges,\n                      denyBridges: disabledBridges.length\n                        ? disabledBridges\n                        : undefined,\n                    }\n                  : undefined),\n                ...(allowExchanges?.length || disabledExchanges.length\n                  ? {\n                      allowExchanges: allowExchanges,\n                      denyExchanges: disabledExchanges.length\n                        ? disabledExchanges\n                        : undefined,\n                    }\n                  : undefined),\n              },\n              { signal }\n            )\n              .then(convertQuoteToRoute)\n              .catch(() => null)\n          : Promise.resolve(null)\n\n        // Wait for the main routes to complete first\n        const routesResult = await mainRoutesPromise\n\n        if (routesResult?.routes[0] && fromAddress) {\n          // Update local tokens cache to keep priceUSD in sync\n          const { fromToken, toToken } = routesResult.routes[0]\n          ;[fromToken, toToken].forEach((token) => {\n            // Update main tokens cache (verified)\n            queryClient.setQueriesData<TokensByChain>(\n              { queryKey: [getQueryKey('tokens', keyPrefix)] },\n              (data) => updateTokenInCache(data, token)\n            )\n\n            // Update search tokens cache (unverified) - matches any search query\n            queryClient.setQueriesData<TokensByChain>(\n              {\n                queryKey: [getQueryKey('tokens-search', keyPrefix)],\n                exact: false,\n              },\n              (data) => updateTokenInCache(data, token)\n            )\n\n            queryClient.setQueriesData<Token[]>(\n              {\n                queryKey: [\n                  getQueryKey('token-balances', keyPrefix),\n                  fromAddress,\n                  token.chainId,\n                ],\n              },\n              (data) => {\n                if (data) {\n                  const clonedData = [...data]\n                  const index = clonedData.findIndex(\n                    (dataToken) => dataToken.address === token.address\n                  )\n                  if (index >= 0) {\n                    clonedData[index] = {\n                      ...clonedData[index],\n                      ...token,\n                    }\n                  }\n                  return clonedData\n                }\n              }\n            )\n          })\n        }\n\n        const initialRoutes = routesResult?.routes ?? []\n\n        if (shouldUseRelayerQuote && initialRoutes.length) {\n          setIntermediateRoutes(queryKey, initialRoutes)\n          emitter.emit(WidgetEvent.AvailableRoutes, initialRoutes)\n          // Return early if we're only using main routes\n        } else if (shouldUseMainRoutes) {\n          // If we don't need relayer quote, return the initial routes\n          emitter.emit(WidgetEvent.AvailableRoutes, initialRoutes)\n          return initialRoutes\n        }\n\n        const relayerRouteResult = await relayerQuotePromise\n        // If we have a relayer route, add it to the routes array\n        if (relayerRouteResult) {\n          // Insert the relayer route at position 1 (after the first route)\n          initialRoutes.splice(1, 0, relayerRouteResult)\n          // Emit the updated routes\n          emitter.emit(WidgetEvent.AvailableRoutes, initialRoutes)\n        }\n\n        return initialRoutes\n      },\n      enabled: isEnabled,\n      staleTime: refetchTime,\n      refetchInterval(query) {\n        return Math.min(\n          Math.abs(refetchTime - (Date.now() - query.state.dataUpdatedAt)),\n          refetchTime\n        )\n      },\n      retry(failureCount, error: any) {\n        if (process.env.NODE_ENV === 'development') {\n          console.warn('Route query failed:', { failureCount, error })\n        }\n        if (failureCount >= 3) {\n          return false\n        }\n        if (error?.code === LiFiErrorCode.NotFound) {\n          return false\n        }\n        return true\n      },\n    })\n\n  const setReviewableRoute = useCallback(\n    (route: Route) => {\n      const queryDataKey = queryKey.toSpliced(queryKey.length - 1, 1, route.id)\n      queryClient.setQueryData(queryDataKey, [route], {\n        updatedAt: dataUpdatedAt || Date.now(),\n      })\n      setExecutableRoute(route)\n    },\n    [queryClient, dataUpdatedAt, setExecutableRoute, queryKey]\n  )\n\n  return {\n    routes: data || getIntermediateRoutes(queryKey),\n    isLoading: isEnabled && isLoading,\n    isFetching,\n    isFetched,\n    dataUpdatedAt,\n    refetchTime,\n    refetch,\n    fromChain,\n    toChain,\n    queryKey,\n    setReviewableRoute,\n  }\n}\n"],"mappings":"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"}

package/dist/esm/hooks/useScrollableContainer.js

@@ -0,0 +1,12 @@
+import { getScrollableContainer } from "../utils/elements.js";
+import { useDefaultElementId } from "./useDefaultElementId.js";
+import { useCallback } from "react";
+//#region src/hooks/useScrollableContainer.ts
+const useGetScrollableContainer = () => {
+	const elementId = useDefaultElementId() ?? "";
+	return useCallback(() => getScrollableContainer(elementId), [elementId]);
+};
+//#endregion
+export { useGetScrollableContainer };
+
+//# sourceMappingURL=useScrollableContainer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollableContainer.js","names":[],"sources":["../../../src/hooks/useScrollableContainer.ts"],"sourcesContent":["import { useCallback, useLayoutEffect, useState } from 'react'\nimport { getScrollableContainer } from '../utils/elements.js'\nimport { useDefaultElementId } from './useDefaultElementId.js'\n\nexport const useGetScrollableContainer = (): (() => HTMLElement | null) => {\n  const elementId = useDefaultElementId() ?? ''\n  const getContainer = useCallback(\n    () => getScrollableContainer(elementId),\n    [elementId]\n  )\n\n  return getContainer\n}\n\nexport const useScrollableContainer = (\n  elementId: string\n): HTMLElement | null => {\n  const [containerElement, setContainerElement] = useState(() =>\n    getScrollableContainer(elementId)\n  )\n\n  useLayoutEffect(() => {\n    if (!containerElement) {\n      setContainerElement(getScrollableContainer(elementId))\n    }\n  }, [containerElement, elementId])\n\n  return containerElement\n}\n"],"mappings":";;;;AAIA,MAAa,kCAA8D;CACzE,MAAM,YAAY,oBAAoB,KAAK;CAM3C,OALqB,kBACb,uBAAuB,SAAS,GACtC,CAAC,SAAS,CAGM;AACpB"}

package/dist/esm/hooks/useSetContentHeight.js

@@ -0,0 +1,23 @@
+import { getRelativeContainer } from "../utils/elements.js";
+import { useDefaultElementId } from "./useDefaultElementId.js";
+import { useLayoutEffect } from "react";
+//#region src/hooks/useSetContentHeight.ts
+const useSetContentHeight = (ref, dependency) => {
+	const elementId = useDefaultElementId() ?? "";
+	useLayoutEffect(() => {
+		const relativeContainer = getRelativeContainer(elementId);
+		if (!relativeContainer || !ref.current || ref.current?.clientHeight <= relativeContainer?.clientHeight) return;
+		relativeContainer.style.minHeight = `${ref.current.clientHeight}px`;
+		return () => {
+			relativeContainer.style.removeProperty("min-height");
+		};
+	}, [
+		elementId,
+		ref,
+		dependency
+	]);
+};
+//#endregion
+export { useSetContentHeight };
+
+//# sourceMappingURL=useSetContentHeight.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSetContentHeight.js","names":[],"sources":["../../../src/hooks/useSetContentHeight.ts"],"sourcesContent":["import type { RefObject } from 'react'\nimport { useLayoutEffect } from 'react'\nimport { getRelativeContainer } from '../utils/elements.js'\nimport { useDefaultElementId } from './useDefaultElementId.js'\n\n// NOTE: this hook is implicitly tied to the widget height functionality in the\n//   AppExpandedContainer, RelativeContainer and CssBaselineContainer components as defined in AppContainer.ts\n//   CSS changes in those components can have implications for the functionality in this hook\n\nexport const useSetContentHeight = (\n  ref: RefObject<HTMLElement | null>,\n  dependency?: unknown\n): void => {\n  const elementId = useDefaultElementId() ?? ''\n  // biome-ignore lint/correctness/useExhaustiveDependencies: we use dependency to refresh height\n  useLayoutEffect(() => {\n    const relativeContainer = getRelativeContainer(elementId)\n    if (\n      !relativeContainer ||\n      !ref.current ||\n      ref.current?.clientHeight <= relativeContainer?.clientHeight\n    ) {\n      return\n    }\n    relativeContainer.style.minHeight = `${ref.current.clientHeight}px`\n    return () => {\n      relativeContainer.style.removeProperty('min-height')\n    }\n  }, [elementId, ref, dependency])\n}\n"],"mappings":";;;;AASA,MAAa,uBACX,KACA,eACS;CACT,MAAM,YAAY,oBAAoB,KAAK;CAE3C,sBAAsB;EACpB,MAAM,oBAAoB,qBAAqB,SAAS;EACxD,IACE,CAAC,qBACD,CAAC,IAAI,WACL,IAAI,SAAS,gBAAgB,mBAAmB,cAEhD;EAEF,kBAAkB,MAAM,YAAY,GAAG,IAAI,QAAQ,aAAa;EAChE,aAAa;GACX,kBAAkB,MAAM,eAAe,YAAY;EACrD;CACF,GAAG;EAAC;EAAW;EAAK;CAAU,CAAC;AACjC"}

package/dist/esm/hooks/useSettingMonitor.js

@@ -0,0 +1,51 @@
+import { defaultConfigurableSettings } from "../stores/settings/createSettingsStore.js";
+import { useSettingsStore } from "../stores/settings/SettingsStore.js";
+import { useSettingsActions } from "../stores/settings/useSettingsActions.js";
+import { useWidgetConfig } from "../providers/WidgetProvider/WidgetProvider.js";
+import { useTools } from "./useTools.js";
+//#region src/hooks/useSettingMonitor.ts
+const useSettingMonitor = () => {
+	const [disabledBridges, disabledExchanges, routePriority, slippage, gasPrice] = useSettingsStore((state) => [
+		state.disabledBridges,
+		state.disabledExchanges,
+		state.routePriority,
+		state.slippage,
+		state.gasPrice
+	]);
+	const { tools } = useTools();
+	const config = useWidgetConfig();
+	const { setDefaultSettings, resetSettings } = useSettingsActions();
+	const isSlippageChanged = config.slippage ? Number(slippage) !== config.slippage * 100 : slippage !== defaultConfigurableSettings.slippage;
+	const isSlippageOutsideRecommendedLimits = isSlippageChanged && !!slippage && Number(slippage) > 1;
+	const isSlippageUnderRecommendedLimits = isSlippageChanged && !!slippage && Number(slippage) < .1;
+	const isSlippageNotRecommended = Boolean(isSlippageOutsideRecommendedLimits || isSlippageUnderRecommendedLimits);
+	const isRoutePriorityChanged = config.routePriority ? routePriority !== config.routePriority : routePriority !== defaultConfigurableSettings.routePriority;
+	const isGasPriceChanged = gasPrice !== defaultConfigurableSettings.gasPrice;
+	const isBridgesChanged = Boolean(disabledBridges.length);
+	const isExchangesChanged = Boolean(disabledExchanges.length);
+	const isCustomRouteSettings = isBridgesChanged || isExchangesChanged || isSlippageChanged || isRoutePriorityChanged || isGasPriceChanged;
+	const isRouteSettingsWithWarnings = isSlippageNotRecommended;
+	const reset = () => {
+		if (tools) {
+			resetSettings(tools.bridges.map((tool) => tool.key), tools.exchanges.map((tool) => tool.key));
+			setDefaultSettings(config);
+		}
+	};
+	return {
+		isBridgesChanged,
+		isExchangesChanged,
+		isSlippageChanged,
+		isSlippageNotRecommended,
+		isSlippageOutsideRecommendedLimits,
+		isSlippageUnderRecommendedLimits,
+		isRoutePriorityChanged,
+		isGasPriceChanged,
+		isCustomRouteSettings,
+		isRouteSettingsWithWarnings,
+		reset
+	};
+};
+//#endregion
+export { useSettingMonitor };
+
+//# sourceMappingURL=useSettingMonitor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSettingMonitor.js","names":[],"sources":["../../../src/hooks/useSettingMonitor.ts"],"sourcesContent":["import { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport { defaultConfigurableSettings } from '../stores/settings/createSettingsStore.js'\nimport { useSettingsStore } from '../stores/settings/SettingsStore.js'\nimport { useSettingsActions } from '../stores/settings/useSettingsActions.js'\nimport { useTools } from './useTools.js'\n\nexport const useSettingMonitor = (): {\n  isBridgesChanged: boolean\n  isExchangesChanged: boolean\n  isSlippageChanged: boolean\n  isSlippageNotRecommended: boolean\n  isSlippageOutsideRecommendedLimits: boolean\n  isSlippageUnderRecommendedLimits: boolean\n  isRoutePriorityChanged: boolean\n  isGasPriceChanged: boolean\n  isCustomRouteSettings: boolean\n  isRouteSettingsWithWarnings: boolean\n  reset: () => void\n} => {\n  const [\n    disabledBridges,\n    disabledExchanges,\n    routePriority,\n    slippage,\n    gasPrice,\n  ] = useSettingsStore((state) => [\n    state.disabledBridges,\n    state.disabledExchanges,\n    state.routePriority,\n    state.slippage,\n    state.gasPrice,\n  ])\n  const { tools } = useTools()\n  const config = useWidgetConfig()\n  const { setDefaultSettings, resetSettings } = useSettingsActions()\n\n  const isSlippageChanged = config.slippage\n    ? Number(slippage) !== config.slippage * 100\n    : slippage !== defaultConfigurableSettings.slippage\n\n  const isSlippageOutsideRecommendedLimits =\n    isSlippageChanged && !!slippage && Number(slippage) > 1\n\n  const isSlippageUnderRecommendedLimits =\n    isSlippageChanged && !!slippage && Number(slippage) < 0.1\n\n  const isSlippageNotRecommended = Boolean(\n    isSlippageOutsideRecommendedLimits || isSlippageUnderRecommendedLimits\n  )\n\n  const isRoutePriorityChanged = config.routePriority\n    ? routePriority !== config.routePriority\n    : routePriority !== defaultConfigurableSettings.routePriority\n\n  const isGasPriceChanged = gasPrice !== defaultConfigurableSettings.gasPrice\n\n  const isBridgesChanged = Boolean(disabledBridges.length)\n  const isExchangesChanged = Boolean(disabledExchanges.length)\n\n  const isCustomRouteSettings =\n    isBridgesChanged ||\n    isExchangesChanged ||\n    isSlippageChanged ||\n    isRoutePriorityChanged ||\n    isGasPriceChanged\n\n  const isRouteSettingsWithWarnings = isSlippageNotRecommended\n\n  const reset = () => {\n    if (tools) {\n      resetSettings(\n        tools.bridges.map((tool) => tool.key),\n        tools.exchanges.map((tool) => tool.key)\n      )\n\n      setDefaultSettings(config)\n    }\n  }\n\n  return {\n    isBridgesChanged,\n    isExchangesChanged,\n    isSlippageChanged,\n    isSlippageNotRecommended,\n    isSlippageOutsideRecommendedLimits,\n    isSlippageUnderRecommendedLimits,\n    isRoutePriorityChanged,\n    isGasPriceChanged,\n    isCustomRouteSettings,\n    isRouteSettingsWithWarnings,\n    reset,\n  }\n}\n"],"mappings":";;;;;;AAMA,MAAa,0BAYR;CACH,MAAM,CACJ,iBACA,mBACA,eACA,UACA,YACE,kBAAkB,UAAU;EAC9B,MAAM;EACN,MAAM;EACN,MAAM;EACN,MAAM;EACN,MAAM;CACR,CAAC;CACD,MAAM,EAAE,UAAU,SAAS;CAC3B,MAAM,SAAS,gBAAgB;CAC/B,MAAM,EAAE,oBAAoB,kBAAkB,mBAAmB;CAEjE,MAAM,oBAAoB,OAAO,WAC7B,OAAO,QAAQ,MAAM,OAAO,WAAW,MACvC,aAAa,4BAA4B;CAE7C,MAAM,qCACJ,qBAAqB,CAAC,CAAC,YAAY,OAAO,QAAQ,IAAI;CAExD,MAAM,mCACJ,qBAAqB,CAAC,CAAC,YAAY,OAAO,QAAQ,IAAI;CAExD,MAAM,2BAA2B,QAC/B,sCAAsC,gCACxC;CAEA,MAAM,yBAAyB,OAAO,gBAClC,kBAAkB,OAAO,gBACzB,kBAAkB,4BAA4B;CAElD,MAAM,oBAAoB,aAAa,4BAA4B;CAEnE,MAAM,mBAAmB,QAAQ,gBAAgB,MAAM;CACvD,MAAM,qBAAqB,QAAQ,kBAAkB,MAAM;CAE3D,MAAM,wBACJ,oBACA,sBACA,qBACA,0BACA;CAEF,MAAM,8BAA8B;CAEpC,MAAM,cAAc;EAClB,IAAI,OAAO;GACT,cACE,MAAM,QAAQ,KAAK,SAAS,KAAK,GAAG,GACpC,MAAM,UAAU,KAAK,SAAS,KAAK,GAAG,CACxC;GAEA,mBAAmB,MAAM;EAC3B;CACF;CAEA,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;AACF"}

package/dist/esm/hooks/useSwapOnly.js

@@ -0,0 +1,9 @@
+import { useSplitModeStore } from "../stores/settings/useSplitModeStore.js";
+//#region src/hooks/useSwapOnly.ts
+const useSwapOnly = () => {
+	return useSplitModeStore((state) => state.state) === "swap";
+};
+//#endregion
+export { useSwapOnly };
+
+//# sourceMappingURL=useSwapOnly.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSwapOnly.js","names":[],"sources":["../../../src/hooks/useSwapOnly.ts"],"sourcesContent":["import { useSplitModeStore } from '../stores/settings/useSplitModeStore.js'\n\nexport const useSwapOnly = (): boolean => {\n  const state = useSplitModeStore((state) => state.state)\n  return state === 'swap'\n}\n"],"mappings":";;AAEA,MAAa,oBAA6B;CAExC,OADc,mBAAmB,UAAU,MAAM,KACtC,MAAM;AACnB"}

package/dist/esm/hooks/useToAddressAutoPopulate.js

@@ -0,0 +1,51 @@
+import { useAvailableChains } from "./useAvailableChains.js";
+import { useBookmarkActions } from "../stores/bookmarks/useBookmarkActions.js";
+import { useFieldActions } from "../stores/form/useFieldActions.js";
+import { useCallback } from "react";
+import { useChainTypeFromAddress } from "@lifi/widget-provider";
+import { useAccount } from "@lifi/wallet-management";
+//#region src/hooks/useToAddressAutoPopulate.ts
+/**
+* Automatically populates toAddress field if bridging across ecosystems and compatible wallet is connected
+*/
+const useToAddressAutoPopulate = () => {
+	const { setFieldValue } = useFieldActions();
+	const { setSelectedBookmark } = useBookmarkActions();
+	const { getChainById } = useAvailableChains();
+	const { accounts } = useAccount();
+	const { getChainTypeFromAddress } = useChainTypeFromAddress();
+	return useCallback(({ formType, selectedToAddress, selectedChainId, selectedOppositeTokenAddress, selectedOppositeChainId }) => {
+		if (!selectedOppositeTokenAddress || !selectedOppositeChainId || !selectedChainId || !accounts?.length) return;
+		const selectedChain = getChainById?.(selectedChainId);
+		const selectedOppositeChain = getChainById?.(selectedOppositeChainId);
+		if (!selectedChain || !selectedOppositeChain || selectedChain.chainType === selectedOppositeChain.chainType) return;
+		const destinationChainType = formType === "from" ? selectedOppositeChain.chainType : selectedChain.chainType;
+		if (selectedToAddress) {
+			if (destinationChainType === getChainTypeFromAddress(selectedToAddress)) return;
+		}
+		const destinationAccount = accounts?.find((account) => account.chainType === destinationChainType);
+		if (destinationAccount?.address) {
+			setFieldValue("toAddress", destinationAccount.address, {
+				isDirty: false,
+				isTouched: true
+			});
+			setSelectedBookmark({
+				name: destinationAccount.connector?.name,
+				address: destinationAccount.address,
+				chainType: destinationAccount.chainType,
+				isConnectedAccount: true
+			});
+			return destinationAccount.address;
+		}
+	}, [
+		accounts,
+		getChainById,
+		setFieldValue,
+		setSelectedBookmark,
+		getChainTypeFromAddress
+	]);
+};
+//#endregion
+export { useToAddressAutoPopulate };
+
+//# sourceMappingURL=useToAddressAutoPopulate.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useToAddressAutoPopulate.js","names":[],"sources":["../../../src/hooks/useToAddressAutoPopulate.ts"],"sourcesContent":["import { useAccount } from '@lifi/wallet-management'\nimport { useChainTypeFromAddress } from '@lifi/widget-provider'\nimport { useCallback } from 'react'\nimport { useBookmarkActions } from '../stores/bookmarks/useBookmarkActions.js'\nimport type { FormType } from '../stores/form/types.js'\nimport { useFieldActions } from '../stores/form/useFieldActions.js'\nimport { useAvailableChains } from './useAvailableChains.js'\n\ntype UpdateToAddressArgs = {\n  formType: FormType\n  selectedToAddress?: string\n  selectedChainId?: number\n  selectedOppositeTokenAddress?: string\n  selectedOppositeChainId?: number\n}\n\n/**\n * Automatically populates toAddress field if bridging across ecosystems and compatible wallet is connected\n */\nexport const useToAddressAutoPopulate = (): ((\n  args: UpdateToAddressArgs\n) => string | undefined) => {\n  const { setFieldValue } = useFieldActions()\n  const { setSelectedBookmark } = useBookmarkActions()\n  const { getChainById } = useAvailableChains()\n  const { accounts } = useAccount()\n  const { getChainTypeFromAddress } = useChainTypeFromAddress()\n\n  return useCallback(\n    ({\n      formType,\n      selectedToAddress,\n      selectedChainId,\n      selectedOppositeTokenAddress,\n      selectedOppositeChainId,\n    }: UpdateToAddressArgs) => {\n      if (\n        !selectedOppositeTokenAddress ||\n        !selectedOppositeChainId ||\n        !selectedChainId ||\n        !accounts?.length\n      ) {\n        return\n      }\n      const selectedChain = getChainById?.(selectedChainId)\n      const selectedOppositeChain = getChainById?.(selectedOppositeChainId)\n      // Proceed if both chains are defined and of different ecosystem types (indicating cross-ecosystem bridging)\n      if (\n        !selectedChain ||\n        !selectedOppositeChain ||\n        selectedChain.chainType === selectedOppositeChain.chainType\n      ) {\n        return\n      }\n      // Identify the destination chain type based on the bridge direction ('from' or 'to')\n      const destinationChainType =\n        formType === 'from'\n          ? selectedOppositeChain.chainType\n          : selectedChain.chainType\n      // If toAddress is already selected, verify that it matches the destination chain type\n      if (selectedToAddress) {\n        const selectedToAddressChainType =\n          getChainTypeFromAddress(selectedToAddress)\n        if (destinationChainType === selectedToAddressChainType) {\n          return\n        }\n      }\n      // Find connected account compatible with the destination chain type\n      const destinationAccount = accounts?.find(\n        (account) => account.chainType === destinationChainType\n      )\n      // If a compatible destination account is found, set toAddress as if selecting it from the \"Send to Wallet\" connected wallets page\n      if (destinationAccount?.address) {\n        setFieldValue('toAddress', destinationAccount.address, {\n          isDirty: false,\n          isTouched: true,\n        })\n        setSelectedBookmark({\n          name: destinationAccount.connector?.name,\n          address: destinationAccount.address,\n          chainType: destinationAccount.chainType,\n          isConnectedAccount: true,\n        })\n        return destinationAccount.address\n      }\n    },\n    [\n      accounts,\n      getChainById,\n      setFieldValue,\n      setSelectedBookmark,\n      getChainTypeFromAddress,\n    ]\n  )\n}\n"],"mappings":";;;;;;;;;;AAmBA,MAAa,iCAEe;CAC1B,MAAM,EAAE,kBAAkB,gBAAgB;CAC1C,MAAM,EAAE,wBAAwB,mBAAmB;CACnD,MAAM,EAAE,iBAAiB,mBAAmB;CAC5C,MAAM,EAAE,aAAa,WAAW;CAChC,MAAM,EAAE,4BAA4B,wBAAwB;CAE5D,OAAO,aACJ,EACC,UACA,mBACA,iBACA,8BACA,8BACyB;EACzB,IACE,CAAC,gCACD,CAAC,2BACD,CAAC,mBACD,CAAC,UAAU,QAEX;EAEF,MAAM,gBAAgB,eAAe,eAAe;EACpD,MAAM,wBAAwB,eAAe,uBAAuB;EAEpE,IACE,CAAC,iBACD,CAAC,yBACD,cAAc,cAAc,sBAAsB,WAElD;EAGF,MAAM,uBACJ,aAAa,SACT,sBAAsB,YACtB,cAAc;EAEpB,IAAI;OAGE,yBADF,wBAAwB,iBAC4B,GACpD;EAAA;EAIJ,MAAM,qBAAqB,UAAU,MAClC,YAAY,QAAQ,cAAc,oBACrC;EAEA,IAAI,oBAAoB,SAAS;GAC/B,cAAc,aAAa,mBAAmB,SAAS;IACrD,SAAS;IACT,WAAW;GACb,CAAC;GACD,oBAAoB;IAClB,MAAM,mBAAmB,WAAW;IACpC,SAAS,mBAAmB;IAC5B,WAAW,mBAAmB;IAC9B,oBAAoB;GACtB,CAAC;GACD,OAAO,mBAAmB;EAC5B;CACF,GACA;EACE;EACA;EACA;EACA;EACA;CACF,CACF;AACF"}

package/dist/esm/hooks/useToAddressRequirements.js

@@ -0,0 +1,41 @@
+import { useWidgetConfig } from "../providers/WidgetProvider/WidgetProvider.js";
+import { useFieldValues } from "../stores/form/useFieldValues.js";
+import { useChain } from "./useChain.js";
+import { useIsContractAddress } from "./useIsContractAddress.js";
+import { useEthereumContext } from "@lifi/widget-provider";
+import { useAccount } from "@lifi/wallet-management";
+//#region src/hooks/useToAddressRequirements.ts
+const useToAddressRequirements = (route) => {
+	const { requiredUI, hiddenUI } = useWidgetConfig();
+	const [formFromChainId, formToChainId, formToAddress] = useFieldValues("fromChain", "toChain", "toAddress");
+	const { isDelegationDesignatorCode } = useEthereumContext();
+	const fromChainId = route?.fromChainId ?? formFromChainId;
+	const toChainId = route?.toChainId ?? formToChainId;
+	const { chain: fromChain } = useChain(fromChainId);
+	const { chain: toChain } = useChain(toChainId);
+	const { account } = useAccount({ chainType: fromChain?.chainType });
+	const fromAddress = route?.fromAddress ?? account.address;
+	const toAddress = route ? route.fromAddress !== route.toAddress ? route.toAddress : formToAddress : formToAddress;
+	const { isContractAddress: isFromContractAddress, contractCode: fromContractCode, isLoading: isFromContractLoading, isFetched: isFromContractFetched } = useIsContractAddress(account.address, fromChainId, account.chainType);
+	const { isContractAddress: isToContractAddress, isLoading: isToContractLoading, isFetched: isToContractFetched } = useIsContractAddress(toAddress, toChainId, toChain?.chainType);
+	const isDifferentChainType = fromChain && toChain && fromChain.chainType !== toChain.chainType;
+	const fromContractCodeHasDelegationIndicator = isDelegationDesignatorCode?.(fromContractCode);
+	const requiredToAddress = Boolean((isDifferentChainType || isFromContractAddress && fromChainId !== toChainId && !fromContractCodeHasDelegationIndicator || requiredUI?.toAddress) && !hiddenUI?.toAddress);
+	const accountNotDeployedAtDestination = Boolean(isFromContractAddress && !fromContractCodeHasDelegationIndicator && !isToContractAddress && fromAddress?.toLowerCase() === toAddress?.toLowerCase());
+	const accountDeployedAtDestination = Boolean(isFromContractAddress && isToContractAddress && !fromContractCodeHasDelegationIndicator && fromAddress?.toLowerCase() === toAddress?.toLowerCase());
+	return {
+		requiredToAddress,
+		requiredToChainType: toChain?.chainType,
+		accountNotDeployedAtDestination,
+		accountDeployedAtDestination,
+		toAddress,
+		isFromContractAddress,
+		isToContractAddress,
+		isLoading: isFromContractLoading || isToContractLoading,
+		isFetched: isFromContractFetched && isToContractFetched
+	};
+};
+//#endregion
+export { useToAddressRequirements };
+
+//# sourceMappingURL=useToAddressRequirements.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useToAddressRequirements.js","names":[],"sources":["../../../src/hooks/useToAddressRequirements.ts"],"sourcesContent":["import type { ChainType, RouteExtended } from '@lifi/sdk'\nimport { useAccount } from '@lifi/wallet-management'\nimport { useEthereumContext } from '@lifi/widget-provider'\nimport { useChain } from '../hooks/useChain.js'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport { useFieldValues } from '../stores/form/useFieldValues.js'\nimport { useIsContractAddress } from './useIsContractAddress.js'\n\nexport const useToAddressRequirements = (\n  route?: RouteExtended\n): {\n  requiredToAddress: boolean\n  requiredToChainType: ChainType | undefined\n  accountNotDeployedAtDestination: boolean\n  accountDeployedAtDestination: boolean\n  toAddress: string | undefined\n  isFromContractAddress: boolean | undefined\n  isToContractAddress: boolean | undefined\n  isLoading: boolean\n  isFetched: boolean\n} => {\n  const { requiredUI, hiddenUI } = useWidgetConfig()\n  const [formFromChainId, formToChainId, formToAddress] = useFieldValues(\n    'fromChain',\n    'toChain',\n    'toAddress'\n  )\n  const { isDelegationDesignatorCode } = useEthereumContext()\n\n  const fromChainId = route?.fromChainId ?? formFromChainId\n  const toChainId = route?.toChainId ?? formToChainId\n\n  const { chain: fromChain } = useChain(fromChainId)\n  const { chain: toChain } = useChain(toChainId)\n  const { account } = useAccount({\n    chainType: fromChain?.chainType,\n  })\n\n  const fromAddress = route?.fromAddress ?? account.address\n  const toAddress = route\n    ? route.fromAddress !== route.toAddress\n      ? route.toAddress\n      : formToAddress\n    : formToAddress\n\n  const {\n    isContractAddress: isFromContractAddress,\n    contractCode: fromContractCode,\n    isLoading: isFromContractLoading,\n    isFetched: isFromContractFetched,\n  } = useIsContractAddress(account.address, fromChainId, account.chainType)\n  const {\n    isContractAddress: isToContractAddress,\n    isLoading: isToContractLoading,\n    isFetched: isToContractFetched,\n  } = useIsContractAddress(toAddress, toChainId, toChain?.chainType)\n\n  const isDifferentChainType =\n    fromChain && toChain && fromChain.chainType !== toChain.chainType\n\n  // We don't want to block transfers for EIP-7702 accounts since they are designed\n  // to maintain EOA-like properties while delegating execution.\n  const fromContractCodeHasDelegationIndicator =\n    isDelegationDesignatorCode?.(fromContractCode)\n\n  const isCrossChainContractAddress =\n    isFromContractAddress &&\n    fromChainId !== toChainId &&\n    !fromContractCodeHasDelegationIndicator\n\n  const requiredToAddress = Boolean(\n    (isDifferentChainType ||\n      isCrossChainContractAddress ||\n      requiredUI?.toAddress) &&\n      !hiddenUI?.toAddress\n  )\n\n  const accountNotDeployedAtDestination = Boolean(\n    isFromContractAddress &&\n      !fromContractCodeHasDelegationIndicator &&\n      !isToContractAddress &&\n      fromAddress?.toLowerCase() === toAddress?.toLowerCase()\n  )\n\n  const accountDeployedAtDestination = Boolean(\n    isFromContractAddress &&\n      isToContractAddress &&\n      !fromContractCodeHasDelegationIndicator &&\n      fromAddress?.toLowerCase() === toAddress?.toLowerCase()\n  )\n\n  return {\n    requiredToAddress,\n    requiredToChainType: toChain?.chainType,\n    accountNotDeployedAtDestination,\n    accountDeployedAtDestination,\n    toAddress,\n    isFromContractAddress,\n    isToContractAddress,\n    isLoading: isFromContractLoading || isToContractLoading,\n    isFetched: isFromContractFetched && isToContractFetched,\n  }\n}\n"],"mappings":";;;;;;;AAQA,MAAa,4BACX,UAWG;CACH,MAAM,EAAE,YAAY,aAAa,gBAAgB;CACjD,MAAM,CAAC,iBAAiB,eAAe,iBAAiB,eACtD,aACA,WACA,WACF;CACA,MAAM,EAAE,+BAA+B,mBAAmB;CAE1D,MAAM,cAAc,OAAO,eAAe;CAC1C,MAAM,YAAY,OAAO,aAAa;CAEtC,MAAM,EAAE,OAAO,cAAc,SAAS,WAAW;CACjD,MAAM,EAAE,OAAO,YAAY,SAAS,SAAS;CAC7C,MAAM,EAAE,YAAY,WAAW,EAC7B,WAAW,WAAW,UACxB,CAAC;CAED,MAAM,cAAc,OAAO,eAAe,QAAQ;CAClD,MAAM,YAAY,QACd,MAAM,gBAAgB,MAAM,YAC1B,MAAM,YACN,gBACF;CAEJ,MAAM,EACJ,mBAAmB,uBACnB,cAAc,kBACd,WAAW,uBACX,WAAW,0BACT,qBAAqB,QAAQ,SAAS,aAAa,QAAQ,SAAS;CACxE,MAAM,EACJ,mBAAmB,qBACnB,WAAW,qBACX,WAAW,wBACT,qBAAqB,WAAW,WAAW,SAAS,SAAS;CAEjE,MAAM,uBACJ,aAAa,WAAW,UAAU,cAAc,QAAQ;CAI1D,MAAM,yCACJ,6BAA6B,gBAAgB;CAO/C,MAAM,oBAAoB,SACvB,wBALD,yBACA,gBAAgB,aAChB,CAAC,0CAKC,YAAY,cACZ,CAAC,UAAU,SACf;CAEA,MAAM,kCAAkC,QACtC,yBACE,CAAC,0CACD,CAAC,uBACD,aAAa,YAAY,MAAM,WAAW,YAAY,CAC1D;CAEA,MAAM,+BAA+B,QACnC,yBACE,uBACA,CAAC,0CACD,aAAa,YAAY,MAAM,WAAW,YAAY,CAC1D;CAEA,OAAO;EACL;EACA,qBAAqB,SAAS;EAC9B;EACA;EACA;EACA;EACA;EACA,WAAW,yBAAyB;EACpC,WAAW,yBAAyB;CACtC;AACF"}

package/dist/esm/hooks/useToAddressReset.js

@@ -0,0 +1,29 @@
+import { useWidgetConfig } from "../providers/WidgetProvider/WidgetProvider.js";
+import { useBookmarkActions } from "../stores/bookmarks/useBookmarkActions.js";
+import { useBookmarks } from "../stores/bookmarks/useBookmarks.js";
+import { useFieldActions } from "../stores/form/useFieldActions.js";
+import { useCallback } from "react";
+//#region src/hooks/useToAddressReset.ts
+const useToAddressReset = () => {
+	const { requiredUI } = useWidgetConfig();
+	const { setFieldValue } = useFieldActions();
+	const { selectedBookmark } = useBookmarks();
+	const { setSelectedBookmark } = useBookmarkActions();
+	return { tryResetToAddress: useCallback((toChain) => {
+		const requiredToAddress = requiredUI?.toAddress;
+		const bookmarkSatisfiesToChainType = selectedBookmark?.chainType === toChain?.chainType;
+		if (!requiredToAddress && !bookmarkSatisfiesToChainType) {
+			setFieldValue("toAddress", "", { isTouched: true });
+			setSelectedBookmark();
+		}
+	}, [
+		setFieldValue,
+		setSelectedBookmark,
+		requiredUI,
+		selectedBookmark
+	]) };
+};
+//#endregion
+export { useToAddressReset };
+
+//# sourceMappingURL=useToAddressReset.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useToAddressReset.js","names":[],"sources":["../../../src/hooks/useToAddressReset.ts"],"sourcesContent":["import type { ExtendedChain } from '@lifi/sdk'\nimport { useCallback } from 'react'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport { useBookmarkActions } from '../stores/bookmarks/useBookmarkActions.js'\nimport { useBookmarks } from '../stores/bookmarks/useBookmarks.js'\nimport { useFieldActions } from '../stores/form/useFieldActions.js'\n\nexport const useToAddressReset = (): {\n  tryResetToAddress: (toChain: ExtendedChain) => void\n} => {\n  const { requiredUI } = useWidgetConfig()\n  const { setFieldValue } = useFieldActions()\n  const { selectedBookmark } = useBookmarks()\n  const { setSelectedBookmark } = useBookmarkActions()\n\n  const tryResetToAddress = useCallback(\n    (toChain: ExtendedChain) => {\n      const requiredToAddress = requiredUI?.toAddress\n\n      const bookmarkSatisfiesToChainType =\n        selectedBookmark?.chainType === toChain?.chainType\n\n      const shouldResetToAddress =\n        !requiredToAddress && !bookmarkSatisfiesToChainType\n\n      // We reset toAddress on each chain change if it's no longer required, ensuring that\n      // switching chain types doesn't leave a stale toAddress from a different ecosystem.\n      if (shouldResetToAddress) {\n        setFieldValue('toAddress', '', { isTouched: true })\n        setSelectedBookmark()\n      }\n    },\n    [setFieldValue, setSelectedBookmark, requiredUI, selectedBookmark]\n  )\n\n  return {\n    tryResetToAddress,\n  }\n}\n"],"mappings":";;;;;;AAOA,MAAa,0BAER;CACH,MAAM,EAAE,eAAe,gBAAgB;CACvC,MAAM,EAAE,kBAAkB,gBAAgB;CAC1C,MAAM,EAAE,qBAAqB,aAAa;CAC1C,MAAM,EAAE,wBAAwB,mBAAmB;CAsBnD,OAAO,EACL,mBArBwB,aACvB,YAA2B;EAC1B,MAAM,oBAAoB,YAAY;EAEtC,MAAM,+BACJ,kBAAkB,cAAc,SAAS;EAO3C,IAJE,CAAC,qBAAqB,CAAC,8BAIC;GACxB,cAAc,aAAa,IAAI,EAAE,WAAW,KAAK,CAAC;GAClD,oBAAoB;EACtB;CACF,GACA;EAAC;EAAe;EAAqB;EAAY;CAAgB,CAIjD,EAClB;AACF"}

package/dist/esm/hooks/useToken.js

@@ -0,0 +1,23 @@
+import { useTokenSearch } from "./useTokenSearch.js";
+import { useTokens } from "./useTokens.js";
+import { useMemo } from "react";
+//#region src/hooks/useToken.ts
+const useToken = (chainId, tokenAddress, latest) => {
+	const { allTokens, isLoading: isTokensLoading } = useTokens();
+	const token = useMemo(() => chainId && tokenAddress ? allTokens?.[chainId]?.find((t) => t.address.toLowerCase() === tokenAddress.toLowerCase()) : void 0, [
+		allTokens,
+		chainId,
+		tokenAddress
+	]);
+	const tokenSearchEnabled = !!chainId && !!tokenAddress && (latest || !isTokensLoading && !token);
+	const { token: searchedToken, isLoading: isSearchLoading } = useTokenSearch(chainId, tokenAddress, tokenSearchEnabled);
+	const resolvedToken = latest ? searchedToken ?? token : token ?? searchedToken;
+	return {
+		token: resolvedToken,
+		isLoading: !resolvedToken && (isTokensLoading || tokenSearchEnabled && isSearchLoading)
+	};
+};
+//#endregion
+export { useToken };
+
+//# sourceMappingURL=useToken.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useToken.js","names":[],"sources":["../../../src/hooks/useToken.ts"],"sourcesContent":["import type { TokenExtended } from '@lifi/sdk'\nimport { useMemo } from 'react'\nimport { useTokenSearch } from './useTokenSearch.js'\nimport { useTokens } from './useTokens.js'\n\nexport const useToken = (\n  chainId?: number,\n  tokenAddress?: string,\n  latest?: boolean\n): {\n  token: TokenExtended | undefined\n  isLoading: boolean\n} => {\n  const { allTokens, isLoading: isTokensLoading } = useTokens()\n\n  const token = useMemo(\n    () =>\n      chainId && tokenAddress\n        ? allTokens?.[chainId]?.find(\n            (t) => t.address.toLowerCase() === tokenAddress.toLowerCase()\n          )\n        : undefined,\n    [allTokens, chainId, tokenAddress]\n  )\n\n  const tokenSearchEnabled =\n    !!chainId && !!tokenAddress && (latest || (!isTokensLoading && !token))\n\n  const { token: searchedToken, isLoading: isSearchLoading } = useTokenSearch(\n    chainId,\n    tokenAddress,\n    tokenSearchEnabled\n  )\n\n  const resolvedToken = latest\n    ? (searchedToken ?? token)\n    : (token ?? searchedToken)\n\n  return {\n    token: resolvedToken,\n    isLoading:\n      !resolvedToken &&\n      (isTokensLoading || (tokenSearchEnabled && isSearchLoading)),\n  }\n}\n"],"mappings":";;;;AAKA,MAAa,YACX,SACA,cACA,WAIG;CACH,MAAM,EAAE,WAAW,WAAW,oBAAoB,UAAU;CAE5D,MAAM,QAAQ,cAEV,WAAW,eACP,YAAY,UAAU,MACnB,MAAM,EAAE,QAAQ,YAAY,MAAM,aAAa,YAAY,CAC9D,IACA,KAAA,GACN;EAAC;EAAW;EAAS;CAAY,CACnC;CAEA,MAAM,qBACJ,CAAC,CAAC,WAAW,CAAC,CAAC,iBAAiB,UAAW,CAAC,mBAAmB,CAAC;CAElE,MAAM,EAAE,OAAO,eAAe,WAAW,oBAAoB,eAC3D,SACA,cACA,kBACF;CAEA,MAAM,gBAAgB,SACjB,iBAAiB,QACjB,SAAS;CAEd,OAAO;EACL,OAAO;EACP,WACE,CAAC,kBACA,mBAAoB,sBAAsB;CAC/C;AACF"}

package/dist/esm/hooks/useTokenAddressBalance.js

@@ -0,0 +1,21 @@
+import { useChain } from "./useChain.js";
+import { useTokenBalance } from "./useTokenBalance.js";
+import { useToken } from "./useToken.js";
+import { useAccount } from "@lifi/wallet-management";
+//#region src/hooks/useTokenAddressBalance.ts
+const useTokenAddressBalance = (chainId, tokenAddress) => {
+	const { chain, isLoading: isChainLoading } = useChain(chainId);
+	const { account } = useAccount({ chainType: chain?.chainType });
+	const { token, isLoading: isTokenLoading } = useToken(chainId, tokenAddress);
+	const { token: tokenBalance, isLoading: isBalanceLoading, refetch } = useTokenBalance(account?.address, token);
+	return {
+		token: tokenBalance ?? token,
+		chain,
+		isLoading: isBalanceLoading || isChainLoading || isTokenLoading,
+		refetch
+	};
+};
+//#endregion
+export { useTokenAddressBalance };
+
+//# sourceMappingURL=useTokenAddressBalance.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTokenAddressBalance.js","names":[],"sources":["../../../src/hooks/useTokenAddressBalance.ts"],"sourcesContent":["import type { ExtendedChain, TokenAmount } from '@lifi/sdk'\nimport { useAccount } from '@lifi/wallet-management'\nimport { useChain } from './useChain.js'\nimport { useToken } from './useToken.js'\nimport { useTokenBalance } from './useTokenBalance.js'\n\nexport const useTokenAddressBalance = (\n  chainId?: number,\n  tokenAddress?: string\n): {\n  token: TokenAmount\n  chain: ExtendedChain | undefined\n  isLoading: boolean\n  refetch: () => void\n} => {\n  const { chain, isLoading: isChainLoading } = useChain(chainId)\n  const { account } = useAccount({ chainType: chain?.chainType })\n  const { token, isLoading: isTokenLoading } = useToken(chainId, tokenAddress)\n\n  const {\n    token: tokenBalance,\n    isLoading: isBalanceLoading,\n    refetch,\n  } = useTokenBalance(account?.address, token)\n\n  return {\n    token: tokenBalance ?? (token as TokenAmount),\n    chain,\n    isLoading: isBalanceLoading || isChainLoading || isTokenLoading,\n    refetch,\n  }\n}\n"],"mappings":";;;;;AAMA,MAAa,0BACX,SACA,iBAMG;CACH,MAAM,EAAE,OAAO,WAAW,mBAAmB,SAAS,OAAO;CAC7D,MAAM,EAAE,YAAY,WAAW,EAAE,WAAW,OAAO,UAAU,CAAC;CAC9D,MAAM,EAAE,OAAO,WAAW,mBAAmB,SAAS,SAAS,YAAY;CAE3E,MAAM,EACJ,OAAO,cACP,WAAW,kBACX,YACE,gBAAgB,SAAS,SAAS,KAAK;CAE3C,OAAO;EACL,OAAO,gBAAiB;EACxB;EACA,WAAW,oBAAoB,kBAAkB;EACjD;CACF;AACF"}

package/dist/esm/hooks/useTokenBalance.js

@@ -0,0 +1,93 @@
+import { useWidgetConfig } from "../providers/WidgetProvider/WidgetProvider.js";
+import { useSDKClient } from "../providers/SDKClientProvider.js";
+import { getQueryKey } from "../utils/queries.js";
+import { getTokenBalances } from "@lifi/sdk";
+import { useCallback, useMemo } from "react";
+import { useQuery, useQueryClient } from "@tanstack/react-query";
+//#region src/hooks/useTokenBalance.ts
+const defaultRefetchInterval = 3e4;
+const useTokenBalance = (accountAddress, token) => {
+	const queryClient = useQueryClient();
+	const { keyPrefix } = useWidgetConfig();
+	const sdkClient = useSDKClient();
+	const tokenBalanceQueryKey = useMemo(() => [
+		getQueryKey("token-balance", keyPrefix),
+		accountAddress,
+		token?.chainId,
+		token?.address
+	], [
+		token?.address,
+		token?.chainId,
+		accountAddress,
+		keyPrefix
+	]);
+	const { data, isLoading, refetch } = useQuery({
+		queryKey: tokenBalanceQueryKey,
+		queryFn: async ({ queryKey: [, accountAddress, tokenChainId, tokenAddress] }) => {
+			const tokenBalances = await getTokenBalancesWithRetry(sdkClient, accountAddress, [token]);
+			if (!tokenBalances?.length) throw new Error("Could not get tokens balance.");
+			const cachedTokenAmount = queryClient.getQueryData(tokenBalanceQueryKey);
+			const tokenAmount = tokenBalances[0].amount;
+			if (cachedTokenAmount?.amount !== tokenAmount) queryClient.setQueryDefaults(tokenBalanceQueryKey, {
+				refetchInterval: defaultRefetchInterval,
+				staleTime: defaultRefetchInterval
+			});
+			queryClient.setQueriesData({ queryKey: [
+				getQueryKey("token-balances", keyPrefix),
+				accountAddress,
+				tokenChainId
+			] }, (data) => {
+				if (data) {
+					const clonedData = [...data];
+					const index = clonedData.findIndex((dataToken) => dataToken.address === tokenAddress);
+					clonedData[index] = {
+						...clonedData[index],
+						amount: tokenAmount
+					};
+					return clonedData;
+				}
+			});
+			return {
+				...tokenBalances[0],
+				amount: tokenAmount
+			};
+		},
+		enabled: Boolean(accountAddress && token),
+		refetchInterval: defaultRefetchInterval,
+		staleTime: defaultRefetchInterval
+	});
+	return {
+		token: data,
+		isLoading,
+		refetch,
+		refetchNewBalance: useCallback(() => {
+			queryClient.setQueryDefaults(tokenBalanceQueryKey, {
+				refetchInterval: 250,
+				staleTime: 250
+			});
+		}, [queryClient, tokenBalanceQueryKey]),
+		getTokenBalancesWithRetry
+	};
+};
+const getTokenBalancesWithRetry = async (sdkClient, accountAddress, tokens, depth = 0) => {
+	try {
+		const tokenBalances = await getTokenBalances(sdkClient, accountAddress, tokens);
+		if (!tokenBalances.every((token) => token.blockNumber)) {
+			if (depth > 10) {
+				console.warn("Token balance backoff depth exceeded.");
+				return;
+			}
+			await new Promise((resolve) => {
+				setTimeout(resolve, 1.5 ** depth * 100);
+			});
+			return getTokenBalancesWithRetry(sdkClient, accountAddress, tokens, depth + 1);
+		}
+		return tokenBalances;
+	} catch (_error) {
+		console.warn(_error);
+	}
+};
+//#endregion
+export { getTokenBalancesWithRetry, useTokenBalance };
+
+//# sourceMappingURL=useTokenBalance.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTokenBalance.js","names":[],"sources":["../../../src/hooks/useTokenBalance.ts"],"sourcesContent":["import {\n  getTokenBalances,\n  type SDKClient,\n  type Token,\n  type TokenAmount,\n} from '@lifi/sdk'\nimport { useQuery, useQueryClient } from '@tanstack/react-query'\nimport { useCallback, useMemo } from 'react'\nimport { useSDKClient } from '../providers/SDKClientProvider.js'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport { getQueryKey } from '../utils/queries.js'\n\nconst defaultRefetchInterval = 30_000\n\nexport const useTokenBalance = (\n  accountAddress?: string,\n  token?: Token\n): {\n  token: TokenAmount | undefined\n  isLoading: boolean\n  refetch: () => void\n  refetchNewBalance: () => void\n  getTokenBalancesWithRetry: typeof getTokenBalancesWithRetry\n} => {\n  const queryClient = useQueryClient()\n  const { keyPrefix } = useWidgetConfig()\n  const sdkClient = useSDKClient()\n\n  const tokenBalanceQueryKey = useMemo(\n    () =>\n      [\n        getQueryKey('token-balance', keyPrefix),\n        accountAddress,\n        token?.chainId,\n        token?.address,\n      ] as const,\n    [token?.address, token?.chainId, accountAddress, keyPrefix]\n  )\n\n  const { data, isLoading, refetch } = useQuery({\n    queryKey: tokenBalanceQueryKey,\n    queryFn: async ({\n      queryKey: [, accountAddress, tokenChainId, tokenAddress],\n    }) => {\n      const tokenBalances = await getTokenBalancesWithRetry(\n        sdkClient,\n        accountAddress as string,\n        [token!]\n      )\n\n      if (!tokenBalances?.length) {\n        throw new Error('Could not get tokens balance.')\n      }\n\n      const cachedTokenAmount =\n        queryClient.getQueryData<TokenAmount>(tokenBalanceQueryKey)\n\n      const tokenAmount = tokenBalances[0].amount\n\n      if (cachedTokenAmount?.amount !== tokenAmount) {\n        queryClient.setQueryDefaults(tokenBalanceQueryKey, {\n          refetchInterval: defaultRefetchInterval,\n          staleTime: defaultRefetchInterval,\n        })\n      }\n\n      queryClient.setQueriesData<TokenAmount[]>(\n        {\n          queryKey: [\n            getQueryKey('token-balances', keyPrefix),\n            accountAddress,\n            tokenChainId,\n          ],\n        },\n        (data) => {\n          if (data) {\n            const clonedData = [...data]\n            const index = clonedData.findIndex(\n              (dataToken) => dataToken.address === tokenAddress\n            )\n            clonedData[index] = {\n              ...clonedData[index],\n              amount: tokenAmount,\n            }\n            return clonedData\n          }\n        }\n      )\n\n      return {\n        ...tokenBalances[0],\n        amount: tokenAmount,\n      } as TokenAmount\n    },\n\n    enabled: Boolean(accountAddress && token),\n    refetchInterval: defaultRefetchInterval,\n    staleTime: defaultRefetchInterval,\n  })\n\n  const refetchNewBalance = useCallback(() => {\n    queryClient.setQueryDefaults(tokenBalanceQueryKey, {\n      refetchInterval: 250,\n      staleTime: 250,\n    })\n  }, [queryClient, tokenBalanceQueryKey])\n\n  return {\n    token: data,\n    isLoading,\n    refetch,\n    refetchNewBalance,\n    getTokenBalancesWithRetry,\n  }\n}\n\nexport const getTokenBalancesWithRetry = async (\n  sdkClient: SDKClient,\n  accountAddress: string,\n  tokens: Token[],\n  depth = 0\n): Promise<TokenAmount[] | undefined> => {\n  try {\n    const tokenBalances = await getTokenBalances(\n      sdkClient,\n      accountAddress as string,\n      tokens\n    )\n    if (!tokenBalances.every((token) => token.blockNumber)) {\n      if (depth > 10) {\n        console.warn('Token balance backoff depth exceeded.')\n        return undefined\n      }\n      await new Promise((resolve) => {\n        setTimeout(resolve, 1.5 ** depth * 100)\n      })\n      return getTokenBalancesWithRetry(\n        sdkClient,\n        accountAddress,\n        tokens,\n        depth + 1\n      )\n    }\n    return tokenBalances\n  } catch (_error) {\n    console.warn(_error)\n  }\n}\n"],"mappings":";;;;;;;AAYA,MAAM,yBAAyB;AAE/B,MAAa,mBACX,gBACA,UAOG;CACH,MAAM,cAAc,eAAe;CACnC,MAAM,EAAE,cAAc,gBAAgB;CACtC,MAAM,YAAY,aAAa;CAE/B,MAAM,uBAAuB,cAEzB;EACE,YAAY,iBAAiB,SAAS;EACtC;EACA,OAAO;EACP,OAAO;CACT,GACF;EAAC,OAAO;EAAS,OAAO;EAAS;EAAgB;CAAS,CAC5D;CAEA,MAAM,EAAE,MAAM,WAAW,YAAY,SAAS;EAC5C,UAAU;EACV,SAAS,OAAO,EACd,UAAU,GAAG,gBAAgB,cAAc,oBACvC;GACJ,MAAM,gBAAgB,MAAM,0BAC1B,WACA,gBACA,CAAC,KAAM,CACT;GAEA,IAAI,CAAC,eAAe,QAClB,MAAM,IAAI,MAAM,+BAA+B;GAGjD,MAAM,oBACJ,YAAY,aAA0B,oBAAoB;GAE5D,MAAM,cAAc,cAAc,GAAG;GAErC,IAAI,mBAAmB,WAAW,aAChC,YAAY,iBAAiB,sBAAsB;IACjD,iBAAiB;IACjB,WAAW;GACb,CAAC;GAGH,YAAY,eACV,EACE,UAAU;IACR,YAAY,kBAAkB,SAAS;IACvC;IACA;GACF,EACF,IACC,SAAS;IACR,IAAI,MAAM;KACR,MAAM,aAAa,CAAC,GAAG,IAAI;KAC3B,MAAM,QAAQ,WAAW,WACtB,cAAc,UAAU,YAAY,YACvC;KACA,WAAW,SAAS;MAClB,GAAG,WAAW;MACd,QAAQ;KACV;KACA,OAAO;IACT;GACF,CACF;GAEA,OAAO;IACL,GAAG,cAAc;IACjB,QAAQ;GACV;EACF;EAEA,SAAS,QAAQ,kBAAkB,KAAK;EACxC,iBAAiB;EACjB,WAAW;CACb,CAAC;CASD,OAAO;EACL,OAAO;EACP;EACA;EACA,mBAXwB,kBAAkB;GAC1C,YAAY,iBAAiB,sBAAsB;IACjD,iBAAiB;IACjB,WAAW;GACb,CAAC;EACH,GAAG,CAAC,aAAa,oBAAoB,CAMnB;EAChB;CACF;AACF;AAEA,MAAa,4BAA4B,OACvC,WACA,gBACA,QACA,QAAQ,MAC+B;CACvC,IAAI;EACF,MAAM,gBAAgB,MAAM,iBAC1B,WACA,gBACA,MACF;EACA,IAAI,CAAC,cAAc,OAAO,UAAU,MAAM,WAAW,GAAG;GACtD,IAAI,QAAQ,IAAI;IACd,QAAQ,KAAK,uCAAuC;IACpD;GACF;GACA,MAAM,IAAI,SAAS,YAAY;IAC7B,WAAW,SAAS,OAAO,QAAQ,GAAG;GACxC,CAAC;GACD,OAAO,0BACL,WACA,gBACA,QACA,QAAQ,CACV;EACF;EACA,OAAO;CACT,SAAS,QAAQ;EACf,QAAQ,KAAK,MAAM;CACrB;AACF"}

package/dist/esm/hooks/useTokenBalances.js

@@ -0,0 +1,111 @@
+import { useWidgetConfig } from "../providers/WidgetProvider/WidgetProvider.js";
+import { formatTokenPrice } from "../utils/format.js";
+import { useSettings } from "../stores/settings/useSettings.js";
+import { useTokens } from "./useTokens.js";
+import { usePinnedTokensStore } from "../stores/pinnedTokens/PinnedTokensStore.js";
+import { isSearchMatch, processTokenBalances } from "../utils/tokenList.js";
+import { useAccountsBalancesData } from "./useAccountsBalancesData.js";
+import { useTokenBalancesQueries } from "./useTokenBalancesQueries.js";
+import { useMemo } from "react";
+//#region src/hooks/useTokenBalances.ts
+const useTokenBalances = (selectedChainId, formType, isAllNetworks, search) => {
+	const { hiddenUI } = useWidgetConfig();
+	const { allTokens, isLoading: isTokensLoading, isSearchLoading } = useTokens(formType, search, isAllNetworks ? void 0 : selectedChainId);
+	const { data: accountsWithAllTokens, isLoading: isAccountsLoading } = useAccountsBalancesData(selectedChainId, formType, isAllNetworks, allTokens);
+	const { data: allTokensWithBalances, isLoading: isBalanceQueriesLoading } = useTokenBalancesQueries(accountsWithAllTokens, Boolean(accountsWithAllTokens) && !isAccountsLoading);
+	const { tokens: configTokens } = useWidgetConfig();
+	const { smallBalanceThreshold } = useSettings(["smallBalanceThreshold"]);
+	const pinnedTokens = usePinnedTokensStore((state) => state.pinnedTokens);
+	const isBalanceLoading = (isBalanceQueriesLoading || isAccountsLoading) && !allTokensWithBalances?.length;
+	const isPinnedToken = useMemo(() => {
+		if (isAllNetworks) {
+			const allPinned = [];
+			Object.entries(pinnedTokens).forEach(([chainIdStr, addresses]) => {
+				const chainId = Number.parseInt(chainIdStr, 10);
+				addresses.forEach((address) => {
+					allPinned.push({
+						chainId,
+						tokenAddress: address
+					});
+				});
+			});
+			const pinnedSet = new Set(allPinned.map((p) => `${p.chainId}-${p.tokenAddress.toLowerCase()}`));
+			return (chainId, tokenAddress) => {
+				const key = `${chainId}-${tokenAddress.toLowerCase()}`;
+				return pinnedSet.has(key);
+			};
+		} else if (selectedChainId) {
+			const chainPinnedTokens = pinnedTokens[selectedChainId] || [];
+			const pinnedSet = new Set(chainPinnedTokens.map((addr) => addr.toLowerCase()));
+			return (chainId, tokenAddress) => {
+				return chainId === selectedChainId && pinnedSet.has(tokenAddress.toLowerCase());
+			};
+		}
+	}, [
+		isAllNetworks,
+		selectedChainId,
+		pinnedTokens
+	]);
+	const displayedTokensList = useMemo(() => {
+		return (isAllNetworks ? Object.values(allTokens ?? {}).flat() : selectedChainId ? allTokens?.[selectedChainId] : void 0)?.filter((t) => isSearchMatch(t, search)) ?? [];
+	}, [
+		allTokens,
+		isAllNetworks,
+		selectedChainId,
+		search
+	]);
+	const displayedTokensWithBalances = useMemo(() => {
+		const balancesByChain = isAllNetworks ? allTokensWithBalances : selectedChainId ? allTokensWithBalances?.filter((t) => t.chainId === selectedChainId) : void 0;
+		const displayedTokensSet = new Set(displayedTokensList?.map((t) => `${t.chainId}-${t.address.toLowerCase()}`) || []);
+		const hideSmallBalances = !!smallBalanceThreshold && !hiddenUI?.hideSmallBalances;
+		const threshold = hideSmallBalances ? Number.parseFloat(smallBalanceThreshold) : void 0;
+		if (!balancesByChain) return;
+		return balancesByChain.reduce((acc, token) => {
+			const tokenKey = `${token.chainId}-${token.address.toLowerCase()}`;
+			const isInDisplayedList = displayedTokensSet.has(tokenKey) && token.amount;
+			const matchesSearch = isSearchMatch(token, search);
+			if (!isInDisplayedList && !matchesSearch) return acc;
+			let processedToken = token;
+			if (hideSmallBalances && threshold !== void 0 && threshold >= 0 && token.amount) {
+				if (formatTokenPrice(token.amount, token.priceUSD, token.decimals) < threshold) processedToken = {
+					...token,
+					amount: 0n
+				};
+			}
+			acc.push(processedToken);
+			return acc;
+		}, []);
+	}, [
+		allTokensWithBalances,
+		displayedTokensList,
+		search,
+		selectedChainId,
+		isAllNetworks,
+		smallBalanceThreshold,
+		hiddenUI
+	]);
+	const { processedTokens, withCategories, withPinnedTokens } = useMemo(() => {
+		return processTokenBalances(isBalanceLoading, isAllNetworks || !!search, configTokens, selectedChainId, displayedTokensList, displayedTokensWithBalances, isPinnedToken);
+	}, [
+		isBalanceLoading,
+		isAllNetworks,
+		configTokens,
+		selectedChainId,
+		displayedTokensList,
+		displayedTokensWithBalances,
+		search,
+		isPinnedToken
+	]);
+	return {
+		tokens: processedTokens ?? [],
+		withCategories,
+		withPinnedTokens,
+		isTokensLoading,
+		isSearchLoading,
+		isBalanceLoading
+	};
+};
+//#endregion
+export { useTokenBalances };
+
+//# sourceMappingURL=useTokenBalances.js.map