@lifi/widget 4.0.0-beta.8 → 4.0.0

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

@@ -1 +1 @@
-{"version":3,"file":"useToAddressRequirements.js","sourceRoot":"","sources":["../../../src/hooks/useToAddressRequirements.ts"],"names":[],"mappings":"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"}
+{"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

@@ -1,45 +1,29 @@
-import { useCallback } from 'react';
-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 { useSendToWalletActions } from '../stores/settings/useSendToWalletStore.js';
-import { RequiredUI } from '../types/widget.js';
-export const useToAddressReset = () => {
-    const { requiredUI } = useWidgetConfig();
-    const { setFieldValue, isDirty } = useFieldActions();
-    const { selectedBookmark } = useBookmarks();
-    const { setSelectedBookmark } = useBookmarkActions();
-    const { setSendToWallet } = useSendToWalletActions();
-    const tryResetToAddress = useCallback((toChain) => {
-        const requiredToAddress = requiredUI?.includes(RequiredUI.ToAddress);
-        const bookmarkSatisfiesToChainType = selectedBookmark?.chainType === toChain?.chainType;
-        const shouldResetToAddress = !requiredToAddress && !bookmarkSatisfiesToChainType;
-        // The toAddress field is required and always visible when bridging between
-        // different ecosystems (fromChain and toChain have different chain types).
-        // We reset toAddress on each chain change if it's no longer required, ensuring that
-        // switching chain types doesn't leave a previously set toAddress value when
-        // the "Send to Wallet" field is hidden.
-        if (shouldResetToAddress) {
-            setFieldValue('toAddress', '', { isTouched: true });
-            setSelectedBookmark();
-            // If toAddress was auto-filled (e.g., when making cross-ecosystem bridging and compatible destination wallet was connected)
-            // and not manually edited by the user, we need to hide "Send to Wallet".
-            const isToAddressDirty = isDirty('toAddress');
-            if (!isToAddressDirty) {
-                setSendToWallet(false);
-            }
-        }
-    }, [
-        setFieldValue,
-        isDirty,
-        setSelectedBookmark,
-        setSendToWallet,
-        requiredUI,
-        selectedBookmark,
-    ]);
-    return {
-        tryResetToAddress,
-    };
+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

@@ -1 +1 @@
-{"version":3,"file":"useToAddressReset.js","sourceRoot":"","sources":["../../../src/hooks/useToAddressReset.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,+CAA+C,CAAA;AAC/E,OAAO,EAAE,kBAAkB,EAAE,MAAM,2CAA2C,CAAA;AAC9E,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAA;AAClE,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAA;AACnE,OAAO,EAAE,sBAAsB,EAAE,MAAM,4CAA4C,CAAA;AACnF,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAE/C,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE;IACpC,MAAM,EAAE,UAAU,EAAE,GAAG,eAAe,EAAE,CAAA;IACxC,MAAM,EAAE,aAAa,EAAE,OAAO,EAAE,GAAG,eAAe,EAAE,CAAA;IACpD,MAAM,EAAE,gBAAgB,EAAE,GAAG,YAAY,EAAE,CAAA;IAC3C,MAAM,EAAE,mBAAmB,EAAE,GAAG,kBAAkB,EAAE,CAAA;IACpD,MAAM,EAAE,eAAe,EAAE,GAAG,sBAAsB,EAAE,CAAA;IAEpD,MAAM,iBAAiB,GAAG,WAAW,CACnC,CAAC,OAAsB,EAAE,EAAE;QACzB,MAAM,iBAAiB,GAAG,UAAU,EAAE,QAAQ,CAAC,UAAU,CAAC,SAAS,CAAC,CAAA;QAEpE,MAAM,4BAA4B,GAChC,gBAAgB,EAAE,SAAS,KAAK,OAAO,EAAE,SAAS,CAAA;QAEpD,MAAM,oBAAoB,GACxB,CAAC,iBAAiB,IAAI,CAAC,4BAA4B,CAAA;QAErD,2EAA2E;QAC3E,2EAA2E;QAC3E,oFAAoF;QACpF,4EAA4E;QAC5E,wCAAwC;QACxC,IAAI,oBAAoB,EAAE,CAAC;YACzB,aAAa,CAAC,WAAW,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAA;YACnD,mBAAmB,EAAE,CAAA;YACrB,4HAA4H;YAC5H,yEAAyE;YACzE,MAAM,gBAAgB,GAAG,OAAO,CAAC,WAAW,CAAC,CAAA;YAC7C,IAAI,CAAC,gBAAgB,EAAE,CAAC;gBACtB,eAAe,CAAC,KAAK,CAAC,CAAA;YACxB,CAAC;QACH,CAAC;IACH,CAAC,EACD;QACE,aAAa;QACb,OAAO;QACP,mBAAmB;QACnB,eAAe;QACf,UAAU;QACV,gBAAgB;KACjB,CACF,CAAA;IAED,OAAO;QACL,iBAAiB;KAClB,CAAA;AACH,CAAC,CAAA"}
+{"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

@@ -1,20 +1,23 @@
-import { useMemo } from 'react';
-import { useTokenSearch } from './useTokenSearch.js';
-import { useTokens } from './useTokens.js';
-export const useToken = (chainId, tokenAddress, latest) => {
-    const { allTokens, isLoading: isTokensLoading } = useTokens();
-    const token = useMemo(() => chainId && tokenAddress
-        ? allTokens?.[chainId]?.find((t) => t.address.toLowerCase() === tokenAddress.toLowerCase())
-        : undefined, [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)),
-    };
+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

@@ -1 +1 @@
-{"version":3,"file":"useToken.js","sourceRoot":"","sources":["../../../src/hooks/useToken.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE1C,MAAM,CAAC,MAAM,QAAQ,GAAG,CACtB,OAAgB,EAChB,YAAqB,EACrB,MAAgB,EAChB,EAAE;IACF,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,eAAe,EAAE,GAAG,SAAS,EAAE,CAAA;IAE7D,MAAM,KAAK,GAAG,OAAO,CACnB,GAAG,EAAE,CACH,OAAO,IAAI,YAAY;QACrB,CAAC,CAAC,SAAS,EAAE,CAAC,OAAO,CAAC,EAAE,IAAI,CACxB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,YAAY,CAAC,WAAW,EAAE,CAC9D;QACH,CAAC,CAAC,SAAS,EACf,CAAC,SAAS,EAAE,OAAO,EAAE,YAAY,CAAC,CACnC,CAAA;IAED,MAAM,kBAAkB,GACtB,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,YAAY,IAAI,CAAC,MAAM,IAAI,CAAC,CAAC,eAAe,IAAI,CAAC,KAAK,CAAC,CAAC,CAAA;IAEzE,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,eAAe,EAAE,GAAG,cAAc,CACzE,OAAO,EACP,YAAY,EACZ,kBAAkB,CACnB,CAAA;IAED,MAAM,aAAa,GAAG,MAAM;QAC1B,CAAC,CAAC,CAAC,aAAa,IAAI,KAAK,CAAC;QAC1B,CAAC,CAAC,CAAC,KAAK,IAAI,aAAa,CAAC,CAAA;IAE5B,OAAO;QACL,KAAK,EAAE,aAAa;QACpB,SAAS,EACP,CAAC,aAAa;YACd,CAAC,eAAe,IAAI,CAAC,kBAAkB,IAAI,eAAe,CAAC,CAAC;KAC/D,CAAA;AACH,CAAC,CAAA"}
+{"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

@@ -1,17 +1,21 @@
-import { useAccount } from '@lifi/wallet-management';
-import { useChain } from './useChain.js';
-import { useToken } from './useToken.js';
-import { useTokenBalance } from './useTokenBalance.js';
-export 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,
-    };
+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

@@ -1 +1 @@
-{"version":3,"file":"useTokenAddressBalance.js","sourceRoot":"","sources":["../../../src/hooks/useTokenAddressBalance.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA;AAEtD,MAAM,CAAC,MAAM,sBAAsB,GAAG,CACpC,OAAgB,EAChB,YAAqB,EACrB,EAAE;IACF,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAA;IAC9D,MAAM,EAAE,OAAO,EAAE,GAAG,UAAU,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAA;IAC/D,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,GAAG,QAAQ,CAAC,OAAO,EAAE,YAAY,CAAC,CAAA;IAE5E,MAAM,EACJ,KAAK,EAAE,YAAY,EACnB,SAAS,EAAE,gBAAgB,EAC3B,OAAO,GACR,GAAG,eAAe,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,CAAC,CAAA;IAE5C,OAAO;QACL,KAAK,EAAE,YAAY,IAAK,KAAqB;QAC7C,KAAK;QACL,SAAS,EAAE,gBAAgB,IAAI,cAAc,IAAI,cAAc;QAC/D,OAAO;KACR,CAAA;AACH,CAAC,CAAA"}
+{"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

@@ -1,92 +1,93 @@
-import { getTokenBalances, } from '@lifi/sdk';
-import { useQuery, useQueryClient } from '@tanstack/react-query';
-import { useCallback, useMemo } from 'react';
-import { useSDKClient } from '../providers/SDKClientProvider.js';
-import { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js';
-import { getQueryKey } from '../utils/queries.js';
-const defaultRefetchInterval = 30000;
-export 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,
-    });
-    const refetchNewBalance = useCallback(() => {
-        queryClient.setQueryDefaults(tokenBalanceQueryKey, {
-            refetchInterval: 250,
-            staleTime: 250,
-        });
-    }, [queryClient, tokenBalanceQueryKey]);
-    return {
-        token: data,
-        isLoading,
-        refetch,
-        refetchNewBalance,
-        getTokenBalancesWithRetry,
-    };
+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
+	};
 };
-export 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 undefined;
-            }
-            await new Promise((resolve) => {
-                setTimeout(resolve, 1.5 ** depth * 100);
-            });
-            return getTokenBalancesWithRetry(sdkClient, accountAddress, tokens, depth + 1);
-        }
-        return tokenBalances;
-    }
-    catch (_error) {
-        console.warn(_error);
-    }
+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

@@ -1 +1 @@
-{"version":3,"file":"useTokenBalance.js","sourceRoot":"","sources":["../../../src/hooks/useTokenBalance.ts"],"names":[],"mappings":"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"}
+{"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"}