@lifi/widget 4.5.0 → 4.7.0

package/dist/esm/components/TokenList/VirtualizedTokenList.js.map

@@ -1 +1 @@
-{"version":3,"file":"VirtualizedTokenList.js","names":["List"],"sources":["../../../../src/components/TokenList/VirtualizedTokenList.tsx"],"sourcesContent":["import { Typography } from '@mui/material'\nimport { useVirtualizer } from '@tanstack/react-virtual'\nimport type { FC } from 'react'\nimport { useCallback, useEffect, useMemo, useRef } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useAvailableChains } from '../../hooks/useAvailableChains.js'\nimport type { TokenAmount } from '../../types/token.js'\nimport { TokenDetailsSheet } from './TokenDetailsSheet.js'\nimport { List } from './TokenList.style.js'\nimport { TokenListItem, TokenListItemSkeleton } from './TokenListItem.js'\nimport type {\n  TokenDetailsSheetBase,\n  VirtualizedTokenListProps,\n} from './types.js'\n\nconst tokenItemHeight = 64 // 60 + 4px margin-bottom\n\nexport const VirtualizedTokenList: FC<VirtualizedTokenListProps> = ({\n  tokens,\n  scrollElementRef,\n  chainId,\n  selectedTokenAddress,\n  isLoading,\n  isBalanceLoading,\n  showCategories,\n  showPinnedTokens,\n  onClick,\n  isAllNetworks,\n}) => {\n  const { t } = useTranslation()\n\n  const { chains } = useAvailableChains()\n\n  // Create Set for O(1) chain lookup instead of O(n) find\n  const chainsSet = useMemo(() => {\n    if (!chains) {\n      return undefined\n    }\n    return new Map(chains.map((chain) => [chain.id, chain]))\n  }, [chains])\n\n  const tokenDetailsSheetRef = useRef<TokenDetailsSheetBase>(null)\n\n  const onShowTokenDetails = useCallback(\n    (tokenAddress: string, noContractAddress: boolean, chainId: number) => {\n      tokenDetailsSheetRef.current?.open(\n        tokenAddress,\n        noContractAddress,\n        chainId\n      )\n    },\n    []\n  )\n\n  const getItemKey = useCallback(\n    (index: number) => {\n      const token = tokens[index]\n      return `${token.chainId}-${token.address}-${index}`\n    },\n    [tokens]\n  )\n\n  const estimateSize = useCallback(\n    (index: number) => {\n      const currentToken = tokens[index]\n      const previousToken = tokens[index - 1]\n      let size = tokenItemHeight\n\n      // Pinned tokens (always shown, even in all networks mode)\n      if (currentToken.pinned && index === 0) {\n        size += 24\n      }\n      if (previousToken?.pinned && !currentToken.pinned) {\n        size += 32\n      }\n\n      if (!showCategories) {\n        return size\n      }\n\n      if (currentToken.featured && !currentToken.pinned && index === 0) {\n        size += 24\n      }\n\n      // Category transition (excluding pinned tokens)\n      const isNotPinned = !currentToken.pinned && !previousToken?.pinned\n      if (\n        isNotPinned &&\n        ((previousToken?.amount && !currentToken.amount) ||\n          (previousToken?.featured && !currentToken.featured) ||\n          (previousToken?.popular && !currentToken.popular))\n      ) {\n        size += 32\n      }\n\n      return size\n    },\n    [tokens, showCategories]\n  )\n\n  const virtualizerConfig = useMemo(\n    () => ({\n      count: tokens.length,\n      overscan: 5,\n      getScrollElement: () => scrollElementRef.current,\n      estimateSize,\n      getItemKey,\n      paddingEnd: 8,\n    }),\n    [tokens.length, estimateSize, getItemKey, scrollElementRef]\n  )\n\n  const { getVirtualItems, getTotalSize, scrollToIndex, measure } =\n    useVirtualizer(virtualizerConfig)\n\n  // Address the issue of disappearing tokens on rerender\n  useEffect(() => {\n    if (scrollElementRef.current) {\n      measure()\n    }\n  }, [measure, scrollElementRef.current])\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: run only when chainId changes\n  useEffect(() => {\n    // Scroll to the top of the list when switching the chains\n    if (getVirtualItems().length) {\n      scrollToIndex(0, { align: 'start' })\n    }\n    // Close the token details sheet when switching the chains\n    tokenDetailsSheetRef.current?.close()\n  }, [scrollToIndex, isAllNetworks, chainId, getVirtualItems])\n\n  return (\n    <>\n      <List\n        className=\"long-list\"\n        style={{ height: getTotalSize() }}\n        disablePadding\n      >\n        {getVirtualItems().map((item) => {\n          const currentToken = tokens[item.index]\n          const previousToken: TokenAmount | undefined = tokens[item.index - 1]\n          const chain = chainsSet?.get(currentToken.chainId)\n\n          const isNotPinned = !currentToken.pinned\n          const isFirstPinnedToken = currentToken.pinned && item.index === 0\n          const isTransitionFromPinned = previousToken?.pinned && isNotPinned\n\n          // Category transitions (excluding pinned)\n          const isTransitionFromFeatured =\n            previousToken?.featured && !currentToken.featured && isNotPinned\n          const isTransitionFromMyTokens =\n            previousToken?.amount && !currentToken.amount && isNotPinned\n          const isTransitionFromPopular =\n            previousToken?.popular && !currentToken.popular && isNotPinned\n\n          // Determine which category label to show\n          const startAdornmentLabel = (() => {\n            if (showPinnedTokens && isFirstPinnedToken) {\n              return t('main.pinnedTokens')\n            }\n            if (showPinnedTokens && !showCategories && isTransitionFromPinned) {\n              return t('main.allTokens')\n            }\n            if (!showCategories) {\n              return null\n            }\n\n            if (\n              (isTransitionFromPinned && currentToken.featured) ||\n              (currentToken.featured && isNotPinned && item.index === 0)\n            ) {\n              return t('main.featuredTokens')\n            }\n            if (\n              (isTransitionFromFeatured || isTransitionFromPinned) &&\n              currentToken.amount &&\n              isNotPinned\n            ) {\n              return t('main.myTokens')\n            }\n            if (\n              (isTransitionFromFeatured ||\n                isTransitionFromMyTokens ||\n                isTransitionFromPinned) &&\n              currentToken.popular &&\n              isNotPinned\n            ) {\n              return t('main.popularTokens')\n            }\n            if (\n              isTransitionFromMyTokens ||\n              isTransitionFromFeatured ||\n              isTransitionFromPinned ||\n              isTransitionFromPopular\n            ) {\n              return t('main.allTokens')\n            }\n            return null\n          })()\n\n          const isSelected =\n            selectedTokenAddress === currentToken.address &&\n            chainId === currentToken.chainId\n\n          return (\n            <TokenListItem\n              key={item.key}\n              onClick={onClick}\n              size={item.size}\n              start={item.start}\n              token={currentToken}\n              chain={isAllNetworks ? chain : undefined}\n              selected={isSelected}\n              onShowTokenDetails={onShowTokenDetails}\n              isBalanceLoading={isBalanceLoading}\n              startAdornment={\n                startAdornmentLabel ? (\n                  <Typography\n                    sx={{\n                      fontSize: 14,\n                      fontWeight: 600,\n                      lineHeight: '16px',\n                      px: 1.5,\n                      pt:\n                        isFirstPinnedToken ||\n                        (currentToken.featured &&\n                          isNotPinned &&\n                          item.index === 0)\n                          ? 0\n                          : 1,\n                      pb: 1,\n                    }}\n                  >\n                    {startAdornmentLabel}\n                  </Typography>\n                ) : null\n              }\n            />\n          )\n        })}\n      </List>\n      <TokenDetailsSheet ref={tokenDetailsSheetRef} />\n      {isLoading && (\n        <List disablePadding sx={{ cursor: 'default' }}>\n          {Array.from({ length: 3 }).map((_, index) => (\n            <TokenListItemSkeleton key={index} />\n          ))}\n        </List>\n      )}\n    </>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"VirtualizedTokenList.js","names":["List"],"sources":["../../../../src/components/TokenList/VirtualizedTokenList.tsx"],"sourcesContent":["import { Typography } from '@mui/material'\nimport { useVirtualizer } from '@tanstack/react-virtual'\nimport type { FC } from 'react'\nimport { useCallback, useEffect, useMemo, useRef } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useAvailableChains } from '../../hooks/useAvailableChains.js'\nimport { getTokenKey } from '../../stores/recentTokens/utils.js'\nimport { isHoistableNative } from '../../utils/tokenList.js'\nimport { createBandResolver } from '../../utils/tokenListBands.js'\nimport { RecentTokensHeader } from './RecentTokensHeader.js'\nimport { RecentTokensToggle } from './RecentTokensToggle.js'\nimport { TokenDetailsSheet } from './TokenDetailsSheet.js'\nimport { List } from './TokenList.style.js'\nimport { TokenListItem, TokenListItemSkeleton } from './TokenListItem.js'\nimport type {\n  TokenDetailsSheetBase,\n  VirtualizedTokenListProps,\n} from './types.js'\n\nconst tokenItemHeight = 64 // 60 + 4px margin-bottom\n\nexport const VirtualizedTokenList: FC<VirtualizedTokenListProps> = ({\n  tokens,\n  scrollElementRef,\n  chainId,\n  selectedTokenAddress,\n  isLoading,\n  isBalanceLoading,\n  showCategories,\n  showPinnedTokens,\n  onClick,\n  isAllNetworks,\n  recentStartIndex = 0,\n  recentCount = 0,\n  hiddenRecentCount = 0,\n  recentExpanded = false,\n  onToggleRecent,\n  onClearRecent,\n  nativeHoisted,\n}) => {\n  const { t } = useTranslation()\n\n  const { chains } = useAvailableChains()\n\n  // Create Set for O(1) chain lookup instead of O(n) find\n  const chainsSet = useMemo(() => {\n    if (!chains) {\n      return undefined\n    }\n    return new Map(chains.map((chain) => [chain.id, chain]))\n  }, [chains])\n\n  const tokenDetailsSheetRef = useRef<TokenDetailsSheetBase>(null)\n\n  const onShowTokenDetails = useCallback(\n    (tokenAddress: string, noContractAddress: boolean, chainId: number) => {\n      tokenDetailsSheetRef.current?.open(\n        tokenAddress,\n        noContractAddress,\n        chainId\n      )\n    },\n    []\n  )\n\n  // Rows below the band keep their key as it changes size, so none remount.\n  const getItemKey = useCallback(\n    (index: number) => {\n      const token = tokens[index]\n      if (token.recent) {\n        return `recent-${token.chainId}-${token.address}`\n      }\n      const shift = index >= recentStartIndex + recentCount ? recentCount : 0\n      return `${token.chainId}-${token.address}-${index - shift}`\n    },\n    [tokens, recentStartIndex, recentCount]\n  )\n\n  const resolvedNativeHoisted = useMemo(\n    () => nativeHoisted ?? isHoistableNative(tokens[0]),\n    [nativeHoisted, tokens]\n  )\n\n  const showRecentToggle = recentCount > 0 && !!onToggleRecent\n\n  // The band copy is on screen; its list row may be far below the fold.\n  const bandKeys = useMemo(() => {\n    if (!recentCount) {\n      return undefined\n    }\n    const keys = new Set<string>()\n    for (let i = recentStartIndex; i < recentStartIndex + recentCount; i++) {\n      const token = tokens[i]\n      if (token) {\n        keys.add(getTokenKey(token.chainId, token.address))\n      }\n    }\n    return keys\n  }, [tokens, recentStartIndex, recentCount])\n\n  const bands = useMemo(\n    () =>\n      createBandResolver(tokens, {\n        showCategories: !!showCategories,\n        showPinnedTokens: !!showPinnedTokens,\n        nativeHoisted: resolvedNativeHoisted,\n        recentStartIndex,\n        recentCount,\n        showRecentToggle,\n      }),\n    [\n      tokens,\n      showCategories,\n      showPinnedTokens,\n      resolvedNativeHoisted,\n      recentStartIndex,\n      recentCount,\n      showRecentToggle,\n    ]\n  )\n\n  const estimateSize = useCallback(\n    (index: number) => tokenItemHeight + bands.getRowExtraHeight(index),\n    [bands]\n  )\n\n  const virtualizerConfig = useMemo(\n    () => ({\n      count: tokens.length,\n      overscan: 5,\n      getScrollElement: () => scrollElementRef.current,\n      estimateSize,\n      getItemKey,\n      paddingEnd: 8,\n    }),\n    [tokens.length, estimateSize, getItemKey, scrollElementRef]\n  )\n\n  const { getVirtualItems, getTotalSize, scrollToIndex, measure } =\n    useVirtualizer(virtualizerConfig)\n\n  // Address the issue of disappearing tokens on rerender\n  useEffect(() => {\n    if (scrollElementRef.current) {\n      measure()\n    }\n  }, [measure, scrollElementRef.current])\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: run only when chainId changes\n  useEffect(() => {\n    // Scroll to the top of the list when switching the chains\n    if (getVirtualItems().length) {\n      scrollToIndex(0, { align: 'start' })\n    }\n    // Close the token details sheet when switching the chains\n    tokenDetailsSheetRef.current?.close()\n  }, [scrollToIndex, isAllNetworks, chainId, getVirtualItems])\n\n  return (\n    <>\n      <List\n        className=\"long-list\"\n        style={{ height: getTotalSize() }}\n        disablePadding\n      >\n        {getVirtualItems().map((item) => {\n          const currentToken = tokens[item.index]\n          const chain = chainsSet?.get(currentToken.chainId)\n          const band = bands.getRowBandLabel(item.index)\n\n          const isSelected =\n            selectedTokenAddress === currentToken.address &&\n            chainId === currentToken.chainId &&\n            (!!currentToken.recent ||\n              !bandKeys?.has(\n                getTokenKey(currentToken.chainId, currentToken.address)\n              ))\n\n          return (\n            <TokenListItem\n              key={item.key}\n              onClick={onClick}\n              size={item.size}\n              start={item.start}\n              token={currentToken}\n              chain={isAllNetworks ? chain : undefined}\n              chainName={chain?.name}\n              selected={isSelected}\n              onShowTokenDetails={onShowTokenDetails}\n              isBalanceLoading={isBalanceLoading}\n              startAdornment={\n                band?.kind === 'recent' ? (\n                  // Unconditional: the resolver always reserves this height.\n                  <RecentTokensHeader\n                    atListStart={band.atListStart}\n                    onClear={onClearRecent}\n                  />\n                ) : band?.kind === 'text' ? (\n                  <Typography\n                    sx={{\n                      fontSize: 14,\n                      fontWeight: 600,\n                      lineHeight: '16px',\n                      px: 1.5,\n                      pt: band.atListStart ? 0 : 1,\n                      pb: 1,\n                    }}\n                  >\n                    {t(band.key)}\n                  </Typography>\n                ) : null\n              }\n              endAdornment={\n                onToggleRecent && bands.isToggleRow(item.index) ? (\n                  <RecentTokensToggle\n                    expanded={recentExpanded}\n                    hiddenCount={hiddenRecentCount}\n                    onToggle={onToggleRecent}\n                  />\n                ) : null\n              }\n            />\n          )\n        })}\n      </List>\n      <TokenDetailsSheet ref={tokenDetailsSheetRef} />\n      {isLoading && (\n        <List disablePadding sx={{ cursor: 'default' }}>\n          {Array.from({ length: 3 }).map((_, index) => (\n            <TokenListItemSkeleton key={index} />\n          ))}\n        </List>\n      )}\n    </>\n  )\n}\n"],"mappings":"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"}

package/dist/esm/components/TokenList/types.d.ts

@@ -3,7 +3,7 @@ import { TokenAmount as TokenAmount$1 } from "../../types/token.js";
 import { ExtendedChain } from "@lifi/sdk";
 import { RefObject } from "react";
 //#region src/components/TokenList/types.d.ts
-interface VirtualizedTokenListProps {
+export interface VirtualizedTokenListProps {
   tokens: TokenAmount$1[];
   scrollElementRef: RefObject<HTMLElement | null>;
   isLoading: boolean;
@@ -14,7 +14,14 @@ interface VirtualizedTokenListProps {
   onClick(tokenAddress: string, chainId?: number): void;
   selectedTokenAddress?: string;
   isAllNetworks: boolean;
+  recentStartIndex?: number;
+  recentCount?: number;
+  hiddenRecentCount?: number;
+  recentExpanded?: boolean;
+  onToggleRecent?: () => void;
+  onClearRecent?: () => void;
+  /** Defaults to this component's own `isHoistableNative(tokens[0])`. */
+  nativeHoisted?: boolean;
 }
 //#endregion
-export { VirtualizedTokenListProps };
 //# sourceMappingURL=types.d.ts.map

package/dist/esm/components/TokenList/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","names":[],"sources":["../../../../src/components/TokenList/types.ts"],"mappings":";;;;;UAUiB;EACf,QAAQ;EACR,kBAAkB,UAAU;EAC5B;EACA;EACA;EACA;EACA;EACA,QAAQ,sBAAsB;EAC9B;EACA"}
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../../../src/components/TokenList/types.ts"],"mappings":";;;;;iBAUiB;EACf,QAAQ;EACR,kBAAkB,UAAU;EAC5B;EACA;EACA;EACA;EACA;EACA,QAAQ,sBAAsB;EAC9B;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;EAEA"}

package/dist/esm/components/TokenList/useTokenSelect.d.ts

@@ -1,6 +1,5 @@
 import { FormType } from "../../stores/form/types.js";
 //#region src/components/TokenList/useTokenSelect.d.ts
-declare const useTokenSelect: (formType: FormType, onClick?: () => void) => ((tokenAddress: string, chainId?: number) => void);
+export declare const useTokenSelect: (formType: FormType, onClick?: () => void) => ((tokenAddress: string, chainId?: number) => void);
 //#endregion
-export { useTokenSelect };
 //# sourceMappingURL=useTokenSelect.d.ts.map

package/dist/esm/components/TokenList/useTokenSelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTokenSelect.d.ts","names":[],"sources":["../../../../src/components/TokenList/useTokenSelect.ts"],"mappings":";;cAaa,iBACX,UAAU,UACV,2BACG,sBAAsB"}
+{"version":3,"file":"useTokenSelect.d.ts","names":[],"sources":["../../../../src/components/TokenList/useTokenSelect.ts"],"mappings":";;qBAaa,iBACX,UAAU,UACV,2BACG,sBAAsB"}

package/dist/esm/components/TokenRate/TokenRate.d.ts

@@ -4,7 +4,6 @@ import { TypographyProps } from "@mui/material";
 interface TokenRateProps extends TypographyProps {
   route: RouteExtended;
 }
-declare const TokenRate: React.FC<TokenRateProps>;
+export declare const TokenRate: React.FC<TokenRateProps>;
 //#endregion
-export { TokenRate };
 //# sourceMappingURL=TokenRate.d.ts.map

package/dist/esm/components/TokenRate/TokenRate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TokenRate.d.ts","names":[],"sources":["../../../../src/components/TokenRate/TokenRate.tsx"],"mappings":";;;UAOU,uBAAuB;EAC/B,OAAO;;cAaI,WAAW,MAAM,GAAG"}
+{"version":3,"file":"TokenRate.d.ts","names":[],"sources":["../../../../src/components/TokenRate/TokenRate.tsx"],"mappings":";;;UAOU,uBAAuB;EAC/B,OAAO;;qBAaI,WAAW,MAAM,GAAG"}

package/dist/esm/components/TokenRate/TokenRate.js

@@ -26,10 +26,11 @@ const TokenRate = ({ route }) => {
 	};
 	const fromToRate = Number.parseFloat(formatUnits(toToken.amount, toToken.decimals)) / Number.parseFloat(formatUnits(fromToken.amount, fromToken.decimals));
 	const toFromRate = Number.parseFloat(formatUnits(fromToken.amount, fromToken.decimals)) / Number.parseFloat(formatUnits(toToken.amount, toToken.decimals));
+	const rateText = isForward ? `1 ${fromToken.symbol} ≈ ${t("format.tokenAmount", { value: fromToRate })} ${toToken.symbol}` : `1 ${toToken.symbol} ≈ ${t("format.tokenAmount", { value: toFromRate })} ${fromToken.symbol}`;
 	return /* @__PURE__ */ jsx(TokenRateTypography, {
 		onClick: toggleRate,
 		role: "button",
-		children: isForward ? `1 ${fromToken.symbol} ≈ ${t("format.tokenAmount", { value: fromToRate })} ${toToken.symbol}` : `1 ${toToken.symbol} ≈ ${t("format.tokenAmount", { value: toFromRate })} ${fromToken.symbol}`
+		children: rateText
 	});
 };
 //#endregion

package/dist/esm/components/TokenRate/TokenRate.js.map

@@ -1 +1 @@
-{"version":3,"file":"TokenRate.js","names":[],"sources":["../../../../src/components/TokenRate/TokenRate.tsx"],"sourcesContent":["import { formatUnits, type RouteExtended } from '@lifi/sdk'\nimport type { TypographyProps } from '@mui/material'\nimport type { MouseEventHandler } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { create } from 'zustand'\nimport { TokenRateTypography } from './TokenRate.style.js'\n\ninterface TokenRateProps extends TypographyProps {\n  route: RouteExtended\n}\n\ninterface TokenRateState {\n  isForward: boolean\n  toggleIsForward(): void\n}\n\nconst useTokenRate = create<TokenRateState>((set) => ({\n  isForward: true,\n  toggleIsForward: () => set((state) => ({ isForward: !state.isForward })),\n}))\n\nexport const TokenRate: React.FC<TokenRateProps> = ({ route }) => {\n  const { t } = useTranslation()\n  const { isForward, toggleIsForward } = useTokenRate()\n\n  const toggleRate: MouseEventHandler<HTMLSpanElement> = (e) => {\n    e.stopPropagation()\n    toggleIsForward()\n  }\n\n  const lastStep = route.steps.at(-1)\n\n  const fromToken = {\n    ...route.fromToken,\n    amount: BigInt(route.fromAmount),\n  }\n  const toToken = {\n    ...(lastStep?.execution?.toToken ??\n      lastStep?.action.toToken ??\n      route.toToken),\n    amount: lastStep?.execution?.toAmount\n      ? BigInt(lastStep.execution.toAmount)\n      : BigInt(route.toAmount),\n  }\n\n  const fromToRate =\n    Number.parseFloat(formatUnits(toToken.amount!, toToken.decimals)) /\n    Number.parseFloat(formatUnits(fromToken.amount!, fromToken.decimals))\n  const toFromRate =\n    Number.parseFloat(formatUnits(fromToken.amount!, fromToken.decimals)) /\n    Number.parseFloat(formatUnits(toToken.amount!, toToken.decimals))\n\n  const rateText = isForward\n    ? `1 ${fromToken.symbol} ≈ ${t('format.tokenAmount', { value: fromToRate })} ${toToken.symbol}`\n    : `1 ${toToken.symbol} ≈ ${t('format.tokenAmount', { value: toFromRate })} ${fromToken.symbol}`\n\n  return (\n    <TokenRateTypography onClick={toggleRate} role=\"button\">\n      {rateText}\n    </TokenRateTypography>\n  )\n}\n"],"mappings":";;;;;;AAgBA,MAAM,eAAe,QAAwB,SAAS;CACpD,WAAW;CACX,uBAAuB,KAAK,WAAW,EAAE,WAAW,CAAC,MAAM,UAAU,EAAE;AACzE,EAAE;AAEF,MAAa,aAAuC,EAAE,YAAY;CAChE,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,EAAE,WAAW,oBAAoB,aAAa;CAEpD,MAAM,cAAkD,MAAM;EAC5D,EAAE,gBAAgB;EAClB,gBAAgB;CAClB;CAEA,MAAM,WAAW,MAAM,MAAM,GAAG,EAAE;CAElC,MAAM,YAAY;EAChB,GAAG,MAAM;EACT,QAAQ,OAAO,MAAM,UAAU;CACjC;CACA,MAAM,UAAU;EACd,GAAI,UAAU,WAAW,WACvB,UAAU,OAAO,WACjB,MAAM;EACR,QAAQ,UAAU,WAAW,WACzB,OAAO,SAAS,UAAU,QAAQ,IAClC,OAAO,MAAM,QAAQ;CAC3B;CAEA,MAAM,aACJ,OAAO,WAAW,YAAY,QAAQ,QAAS,QAAQ,QAAQ,CAAC,IAChE,OAAO,WAAW,YAAY,UAAU,QAAS,UAAU,QAAQ,CAAC;CACtE,MAAM,aACJ,OAAO,WAAW,YAAY,UAAU,QAAS,UAAU,QAAQ,CAAC,IACpE,OAAO,WAAW,YAAY,QAAQ,QAAS,QAAQ,QAAQ,CAAC;CAMlE,OACE,oBAAC,qBAAD;EAAqB,SAAS;EAAY,MAAK;EALhC,UAAA,YACb,KAAK,UAAU,OAAO,KAAK,EAAE,sBAAsB,EAAE,OAAO,WAAW,CAAC,EAAE,GAAG,QAAQ,WACrF,KAAK,QAAQ,OAAO,KAAK,EAAE,sBAAsB,EAAE,OAAO,WAAW,CAAC,EAAE,GAAG,UAAU;CAKlE,CAAA;AAEzB"}
+{"version":3,"file":"TokenRate.js","names":[],"sources":["../../../../src/components/TokenRate/TokenRate.tsx"],"sourcesContent":["import { formatUnits, type RouteExtended } from '@lifi/sdk'\nimport type { TypographyProps } from '@mui/material'\nimport type { MouseEventHandler } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { create } from 'zustand'\nimport { TokenRateTypography } from './TokenRate.style.js'\n\ninterface TokenRateProps extends TypographyProps {\n  route: RouteExtended\n}\n\ninterface TokenRateState {\n  isForward: boolean\n  toggleIsForward(): void\n}\n\nconst useTokenRate = create<TokenRateState>((set) => ({\n  isForward: true,\n  toggleIsForward: () => set((state) => ({ isForward: !state.isForward })),\n}))\n\nexport const TokenRate: React.FC<TokenRateProps> = ({ route }) => {\n  const { t } = useTranslation()\n  const { isForward, toggleIsForward } = useTokenRate()\n\n  const toggleRate: MouseEventHandler<HTMLSpanElement> = (e) => {\n    e.stopPropagation()\n    toggleIsForward()\n  }\n\n  const lastStep = route.steps.at(-1)\n\n  const fromToken = {\n    ...route.fromToken,\n    amount: BigInt(route.fromAmount),\n  }\n  const toToken = {\n    ...(lastStep?.execution?.toToken ??\n      lastStep?.action.toToken ??\n      route.toToken),\n    amount: lastStep?.execution?.toAmount\n      ? BigInt(lastStep.execution.toAmount)\n      : BigInt(route.toAmount),\n  }\n\n  const fromToRate =\n    Number.parseFloat(formatUnits(toToken.amount!, toToken.decimals)) /\n    Number.parseFloat(formatUnits(fromToken.amount!, fromToken.decimals))\n  const toFromRate =\n    Number.parseFloat(formatUnits(fromToken.amount!, fromToken.decimals)) /\n    Number.parseFloat(formatUnits(toToken.amount!, toToken.decimals))\n\n  const rateText = isForward\n    ? `1 ${fromToken.symbol} ≈ ${t('format.tokenAmount', { value: fromToRate })} ${toToken.symbol}`\n    : `1 ${toToken.symbol} ≈ ${t('format.tokenAmount', { value: toFromRate })} ${fromToken.symbol}`\n\n  return (\n    <TokenRateTypography onClick={toggleRate} role=\"button\">\n      {rateText}\n    </TokenRateTypography>\n  )\n}\n"],"mappings":";;;;;;AAgBA,MAAM,eAAe,QAAwB,SAAS;CACpD,WAAW;CACX,uBAAuB,KAAK,WAAW,EAAE,WAAW,CAAC,MAAM,UAAU,EAAE;AACzE,EAAE;AAEF,MAAa,aAAuC,EAAE,YAAY;CAChE,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,EAAE,WAAW,oBAAoB,aAAa;CAEpD,MAAM,cAAkD,MAAM;EAC5D,EAAE,gBAAgB;EAClB,gBAAgB;CAClB;CAEA,MAAM,WAAW,MAAM,MAAM,GAAG,EAAE;CAElC,MAAM,YAAY;EAChB,GAAG,MAAM;EACT,QAAQ,OAAO,MAAM,UAAU;CACjC;CACA,MAAM,UAAU;EACd,GAAI,UAAU,WAAW,WACvB,UAAU,OAAO,WACjB,MAAM;EACR,QAAQ,UAAU,WAAW,WACzB,OAAO,SAAS,UAAU,QAAQ,IAClC,OAAO,MAAM,QAAQ;CAC3B;CAEA,MAAM,aACJ,OAAO,WAAW,YAAY,QAAQ,QAAS,QAAQ,QAAQ,CAAC,IAChE,OAAO,WAAW,YAAY,UAAU,QAAS,UAAU,QAAQ,CAAC;CACtE,MAAM,aACJ,OAAO,WAAW,YAAY,UAAU,QAAS,UAAU,QAAQ,CAAC,IACpE,OAAO,WAAW,YAAY,QAAQ,QAAS,QAAQ,QAAQ,CAAC;CAElE,MAAM,WAAW,YACb,KAAK,UAAU,OAAO,KAAK,EAAE,sBAAsB,EAAE,OAAO,WAAW,CAAC,EAAE,GAAG,QAAQ,WACrF,KAAK,QAAQ,OAAO,KAAK,EAAE,sBAAsB,EAAE,OAAO,WAAW,CAAC,EAAE,GAAG,UAAU;CAEzF,OACE,oBAAC,qBAAD;EAAqB,SAAS;EAAY,MAAK;EAC5C,UAAA;CACkB,CAAA;AAEzB"}

package/dist/esm/components/TransactionCard/ActiveTransactionCard.js

@@ -19,32 +19,33 @@ const ActiveTransactionCard = ({ route, status, onClick, onDelete }) => {
 	const lastActiveAction = lastActiveStep?.execution?.actions?.at(-1);
 	const { title } = useActionMessage(lastActiveStep, lastActiveAction);
 	const isFailed = status === 8;
+	const statusIcon = (() => {
+		if (isFailed) return /* @__PURE__ */ jsx(IconCircle, {
+			status: "error",
+			size: 24
+		});
+		if ([
+			"ACTION_REQUIRED",
+			"MESSAGE_REQUIRED",
+			"RESET_REQUIRED"
+		].includes(lastActiveAction?.status ?? "")) return /* @__PURE__ */ jsx(IconCircle, {
+			status: "info",
+			size: 24
+		});
+		return /* @__PURE__ */ jsx(PendingCircle, { children: /* @__PURE__ */ jsx(CircularProgressPending, {
+			size: 24,
+			sx: {
+				top: -2,
+				left: -2
+			}
+		}) });
+	})();
 	return /* @__PURE__ */ jsxs(Card$1, {
 		onClick,
 		indented: true,
 		children: [/* @__PURE__ */ jsx(ActionRow, {
 			sx: { mb: 1.5 },
-			startAdornment: (() => {
-				if (isFailed) return /* @__PURE__ */ jsx(IconCircle, {
-					status: "error",
-					size: 24
-				});
-				if ([
-					"ACTION_REQUIRED",
-					"MESSAGE_REQUIRED",
-					"RESET_REQUIRED"
-				].includes(lastActiveAction?.status ?? "")) return /* @__PURE__ */ jsx(IconCircle, {
-					status: "info",
-					size: 24
-				});
-				return /* @__PURE__ */ jsx(PendingCircle, { children: /* @__PURE__ */ jsx(CircularProgressPending, {
-					size: 24,
-					sx: {
-						top: -2,
-						left: -2
-					}
-				}) });
-			})(),
+			startAdornment: statusIcon,
 			message: title ?? "",
 			endAdornment: isFailed ? /* @__PURE__ */ jsx(Tooltip, {
 				title: t("button.clearTransaction"),

package/dist/esm/components/TransactionCard/ActiveTransactionCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActiveTransactionCard.js","names":["Card"],"sources":["../../../../src/components/TransactionCard/ActiveTransactionCard.tsx"],"sourcesContent":["import type { RouteExtended } from '@lifi/sdk'\nimport DeleteOutline from '@mui/icons-material/DeleteOutlined'\nimport { Tooltip, Typography } from '@mui/material'\nimport type { JSX, MouseEvent } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useActionMessage } from '../../hooks/useActionMessage.js'\nimport { RouteExecutionStatus } from '../../stores/routes/types.js'\nimport { getExpiryTimestamp } from '../../utils/timer.js'\nimport { ActionRow } from '../ActionRow/ActionRow.js'\nimport { Card } from '../Card/Card.js'\nimport { IconCircle } from '../IconCircle/IconCircle.js'\nimport { RouteTokens } from '../RouteCard/RouteTokens.js'\nimport { ExecutionTimerText } from '../Timer/ExecutionTimerText.js'\nimport { CircularProgressPending } from '../Timer/StepStatusTimer.style.js'\nimport { DeleteButton, PendingCircle } from './ActiveTransactionCard.style.js'\n\ninterface ActiveTransactionCardProps {\n  route: RouteExtended\n  status?: RouteExecutionStatus\n  onClick: () => void\n  onDelete: (e: MouseEvent) => void\n}\n\nexport const ActiveTransactionCard = ({\n  route,\n  status,\n  onClick,\n  onDelete,\n}: ActiveTransactionCardProps): JSX.Element => {\n  const { t } = useTranslation()\n\n  const lastActiveStep = route.steps.findLast((step) => step.execution)\n  const lastActiveAction = lastActiveStep?.execution?.actions?.at(-1)\n  const { title } = useActionMessage(lastActiveStep, lastActiveAction)\n\n  const isFailed = status === RouteExecutionStatus.Failed\n\n  const statusIcon = (() => {\n    if (isFailed) {\n      return <IconCircle status=\"error\" size={24} />\n    }\n    if (\n      ['ACTION_REQUIRED', 'MESSAGE_REQUIRED', 'RESET_REQUIRED'].includes(\n        lastActiveAction?.status ?? ''\n      )\n    ) {\n      return <IconCircle status=\"info\" size={24} />\n    }\n    return (\n      <PendingCircle>\n        <CircularProgressPending size={24} sx={{ top: -2, left: -2 }} />\n      </PendingCircle>\n    )\n  })()\n\n  return (\n    <Card onClick={onClick} indented>\n      <ActionRow\n        sx={{ mb: 1.5 }}\n        startAdornment={statusIcon}\n        message={title ?? ''}\n        endAdornment={\n          isFailed ? (\n            <Tooltip title={t('button.clearTransaction')}>\n              <DeleteButton size=\"small\" onClick={onDelete}>\n                <DeleteOutline sx={{ fontSize: 16 }} />\n              </DeleteButton>\n            </Tooltip>\n          ) : lastActiveStep?.execution?.signedAt ? (\n            <Typography sx={{ fontSize: 12, fontWeight: 600 }}>\n              <ExecutionTimerText\n                expiryTimestamp={getExpiryTimestamp(lastActiveStep)}\n              />\n            </Typography>\n          ) : undefined\n        }\n      />\n      <RouteTokens route={route} />\n    </Card>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;AAuBA,MAAa,yBAAyB,EACpC,OACA,QACA,SACA,eAC6C;CAC7C,MAAM,EAAE,MAAM,eAAe;CAE7B,MAAM,iBAAiB,MAAM,MAAM,UAAU,SAAS,KAAK,SAAS;CACpE,MAAM,mBAAmB,gBAAgB,WAAW,SAAS,GAAG,EAAE;CAClE,MAAM,EAAE,UAAU,iBAAiB,gBAAgB,gBAAgB;CAEnE,MAAM,WAAW,WAAA;CAoBjB,OACE,qBAACA,QAAD;EAAe;EAAS,UAAA;EAAxB,UAAA,CACE,oBAAC,WAAD;GACE,IAAI,EAAE,IAAI,IAAI;GACd,uBAtBoB;IACxB,IAAI,UACF,OAAO,oBAAC,YAAD;KAAY,QAAO;KAAQ,MAAM;IAAK,CAAA;IAE/C,IACE;KAAC;KAAmB;KAAoB;IAAgB,CAAC,CAAC,SACxD,kBAAkB,UAAU,EAC9B,GAEA,OAAO,oBAAC,YAAD;KAAY,QAAO;KAAO,MAAM;IAAK,CAAA;IAE9C,OACE,oBAAC,eAAD,EAAA,UACE,oBAAC,yBAAD;KAAyB,MAAM;KAAI,IAAI;MAAE,KAAK;MAAI,MAAM;KAAG;IAAI,CAAA,EAClD,CAAA;GAEnB,EAAA,CAM+B;GACzB,SAAS,SAAS;GAClB,cACE,WACE,oBAAC,SAAD;IAAS,OAAO,EAAE,yBAAyB;IACzC,UAAA,oBAAC,cAAD;KAAc,MAAK;KAAQ,SAAS;KAClC,UAAA,oBAAC,eAAD,EAAe,IAAI,EAAE,UAAU,GAAG,EAAI,CAAA;IAC1B,CAAA;GACP,CAAA,IACP,gBAAgB,WAAW,WAC7B,oBAAC,YAAD;IAAY,IAAI;KAAE,UAAU;KAAI,YAAY;IAAI;IAC9C,UAAA,oBAAC,oBAAD,EACE,iBAAiB,mBAAmB,cAAc,EACnD,CAAA;GACS,CAAA,IACV,KAAA;EAEP,CAAA,GACD,oBAAC,aAAD,EAAoB,MAAQ,CAAA,CACxB;;AAEV"}
+{"version":3,"file":"ActiveTransactionCard.js","names":["Card"],"sources":["../../../../src/components/TransactionCard/ActiveTransactionCard.tsx"],"sourcesContent":["import type { RouteExtended } from '@lifi/sdk'\nimport DeleteOutline from '@mui/icons-material/DeleteOutlined'\nimport { Tooltip, Typography } from '@mui/material'\nimport type { JSX, MouseEvent } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useActionMessage } from '../../hooks/useActionMessage.js'\nimport { RouteExecutionStatus } from '../../stores/routes/types.js'\nimport { getExpiryTimestamp } from '../../utils/timer.js'\nimport { ActionRow } from '../ActionRow/ActionRow.js'\nimport { Card } from '../Card/Card.js'\nimport { IconCircle } from '../IconCircle/IconCircle.js'\nimport { RouteTokens } from '../RouteCard/RouteTokens.js'\nimport { ExecutionTimerText } from '../Timer/ExecutionTimerText.js'\nimport { CircularProgressPending } from '../Timer/StepStatusTimer.style.js'\nimport { DeleteButton, PendingCircle } from './ActiveTransactionCard.style.js'\n\ninterface ActiveTransactionCardProps {\n  route: RouteExtended\n  status?: RouteExecutionStatus\n  onClick: () => void\n  onDelete: (e: MouseEvent) => void\n}\n\nexport const ActiveTransactionCard = ({\n  route,\n  status,\n  onClick,\n  onDelete,\n}: ActiveTransactionCardProps): JSX.Element => {\n  const { t } = useTranslation()\n\n  const lastActiveStep = route.steps.findLast((step) => step.execution)\n  const lastActiveAction = lastActiveStep?.execution?.actions?.at(-1)\n  const { title } = useActionMessage(lastActiveStep, lastActiveAction)\n\n  const isFailed = status === RouteExecutionStatus.Failed\n\n  const statusIcon = (() => {\n    if (isFailed) {\n      return <IconCircle status=\"error\" size={24} />\n    }\n    if (\n      ['ACTION_REQUIRED', 'MESSAGE_REQUIRED', 'RESET_REQUIRED'].includes(\n        lastActiveAction?.status ?? ''\n      )\n    ) {\n      return <IconCircle status=\"info\" size={24} />\n    }\n    return (\n      <PendingCircle>\n        <CircularProgressPending size={24} sx={{ top: -2, left: -2 }} />\n      </PendingCircle>\n    )\n  })()\n\n  return (\n    <Card onClick={onClick} indented>\n      <ActionRow\n        sx={{ mb: 1.5 }}\n        startAdornment={statusIcon}\n        message={title ?? ''}\n        endAdornment={\n          isFailed ? (\n            <Tooltip title={t('button.clearTransaction')}>\n              <DeleteButton size=\"small\" onClick={onDelete}>\n                <DeleteOutline sx={{ fontSize: 16 }} />\n              </DeleteButton>\n            </Tooltip>\n          ) : lastActiveStep?.execution?.signedAt ? (\n            <Typography sx={{ fontSize: 12, fontWeight: 600 }}>\n              <ExecutionTimerText\n                expiryTimestamp={getExpiryTimestamp(lastActiveStep)}\n              />\n            </Typography>\n          ) : undefined\n        }\n      />\n      <RouteTokens route={route} />\n    </Card>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;AAuBA,MAAa,yBAAyB,EACpC,OACA,QACA,SACA,eAC6C;CAC7C,MAAM,EAAE,MAAM,eAAe;CAE7B,MAAM,iBAAiB,MAAM,MAAM,UAAU,SAAS,KAAK,SAAS;CACpE,MAAM,mBAAmB,gBAAgB,WAAW,SAAS,GAAG,EAAE;CAClE,MAAM,EAAE,UAAU,iBAAiB,gBAAgB,gBAAgB;CAEnE,MAAM,WAAW,WAAA;CAEjB,MAAM,oBAAoB;EACxB,IAAI,UACF,OAAO,oBAAC,YAAD;GAAY,QAAO;GAAQ,MAAM;EAAK,CAAA;EAE/C,IACE;GAAC;GAAmB;GAAoB;EAAgB,CAAC,CAAC,SACxD,kBAAkB,UAAU,EAC9B,GAEA,OAAO,oBAAC,YAAD;GAAY,QAAO;GAAO,MAAM;EAAK,CAAA;EAE9C,OACE,oBAAC,eAAD,EAAA,UACE,oBAAC,yBAAD;GAAyB,MAAM;GAAI,IAAI;IAAE,KAAK;IAAI,MAAM;GAAG;EAAI,CAAA,EAClD,CAAA;CAEnB,EAAA,CAAG;CAEH,OACE,qBAACA,QAAD;EAAe;EAAS,UAAA;EAAxB,UAAA,CACE,oBAAC,WAAD;GACE,IAAI,EAAE,IAAI,IAAI;GACd,gBAAgB;GAChB,SAAS,SAAS;GAClB,cACE,WACE,oBAAC,SAAD;IAAS,OAAO,EAAE,yBAAyB;IACzC,UAAA,oBAAC,cAAD;KAAc,MAAK;KAAQ,SAAS;KAClC,UAAA,oBAAC,eAAD,EAAe,IAAI,EAAE,UAAU,GAAG,EAAI,CAAA;IAC1B,CAAA;GACP,CAAA,IACP,gBAAgB,WAAW,WAC7B,oBAAC,YAAD;IAAY,IAAI;KAAE,UAAU;KAAI,YAAY;IAAI;IAC9C,UAAA,oBAAC,oBAAD,EACE,iBAAiB,mBAAmB,cAAc,EACnD,CAAA;GACS,CAAA,IACV,KAAA;EAEP,CAAA,GACD,oBAAC,aAAD,EAAoB,MAAQ,CAAA,CACxB;;AAEV"}

package/dist/esm/components/TransactionCard/TransactionCard.style.d.ts

@@ -1,8 +1,7 @@
 import React from "react";
 import { Box, Typography } from "@mui/material";
 //#region src/components/TransactionCard/TransactionCard.style.d.ts
-declare const DateLabelContainer: React.FC<React.ComponentProps<typeof Box>>;
-declare const DateLabelText: React.FC<React.ComponentProps<typeof Typography>>;
+export declare const DateLabelContainer: React.FC<React.ComponentProps<typeof Box>>;
+export declare const DateLabelText: React.FC<React.ComponentProps<typeof Typography>>;
 //#endregion
-export { DateLabelContainer, DateLabelText };
 //# sourceMappingURL=TransactionCard.style.d.ts.map

package/dist/esm/components/TransactionCard/TransactionCard.style.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TransactionCard.style.d.ts","names":[],"sources":["../../../../src/components/TransactionCard/TransactionCard.style.tsx"],"mappings":";;;cAGa,oBAAoB,MAAM,GAAG,MAAM,sBAAsB;cAMzD,eAAe,MAAM,GAAG,MAAM,sBAAsB"}
+{"version":3,"file":"TransactionCard.style.d.ts","names":[],"sources":["../../../../src/components/TransactionCard/TransactionCard.style.tsx"],"mappings":";;;qBAGa,oBAAoB,MAAM,GAAG,MAAM,sBAAsB;qBAMzD,eAAe,MAAM,GAAG,MAAM,sBAAsB"}

package/dist/esm/config/constants.d.ts

@@ -1,5 +1,4 @@
 //#region src/config/constants.d.ts
-declare const defaultMaxHeight = 686;
+export declare const defaultMaxHeight = 686;
 //#endregion
-export { defaultMaxHeight };
 //# sourceMappingURL=constants.d.ts.map

package/dist/esm/config/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","names":[],"sources":["../../../src/config/constants.ts"],"mappings":";cAAa"}
+{"version":3,"file":"constants.d.ts","names":[],"sources":["../../../src/config/constants.ts"],"mappings":";qBAAa"}

package/dist/esm/config/version.d.ts

@@ -1,6 +1,5 @@
 //#region src/config/version.d.ts
-declare const name = "@lifi/widget";
-declare const version = "4.5.0";
+export declare const name = "@lifi/widget";
+export declare const version = "4.7.0";
 //#endregion
-export { name, version };
 //# sourceMappingURL=version.d.ts.map

package/dist/esm/config/version.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"version.d.ts","names":[],"sources":["../../../src/config/version.ts"],"mappings":";cAAa;cACA"}
+{"version":3,"file":"version.d.ts","names":[],"sources":["../../../src/config/version.ts"],"mappings":";qBAAa;qBACA"}

package/dist/esm/config/version.js

@@ -1,6 +1,6 @@
 //#region src/config/version.ts
 const name = "@lifi/widget";
-const version = "4.5.0";
+const version = "4.7.0";
 //#endregion
 export { name, version };
 

package/dist/esm/config/version.js.map

@@ -1 +1 @@
-{"version":3,"file":"version.js","names":[],"sources":["../../../src/config/version.ts"],"sourcesContent":["export const name = '@lifi/widget'\nexport const version = '4.5.0'\n"],"mappings":";AAAA,MAAa,OAAO;AACpB,MAAa,UAAU"}
+{"version":3,"file":"version.js","names":[],"sources":["../../../src/config/version.ts"],"sourcesContent":["export const name = '@lifi/widget'\nexport const version = '4.7.0'\n"],"mappings":";AAAA,MAAa,OAAO;AACpB,MAAa,UAAU"}

package/dist/esm/hooks/timer/time.js

@@ -1,8 +1,8 @@
 //#region src/hooks/timer/time.ts
 function getTimeFromMilliseconds(millisecs, isCountDown = true) {
 	const totalSeconds = isCountDown ? Math.ceil(millisecs / 1e3) : Math.floor(millisecs / 1e3);
-	const days = Math.floor(totalSeconds / (3600 * 24));
-	const hours = Math.floor(totalSeconds % (3600 * 24) / 3600);
+	const days = Math.floor(totalSeconds / 86400);
+	const hours = Math.floor(totalSeconds % 86400 / 3600);
 	const minutes = Math.floor(totalSeconds % 3600 / 60);
 	const seconds = Math.floor(totalSeconds % 60);
 	return {

package/dist/esm/hooks/timer/time.js.map

@@ -1 +1 @@
-{"version":3,"file":"time.js","names":[],"sources":["../../../../src/hooks/timer/time.ts"],"sourcesContent":["export type TimeFromMillisecondsType = {\n  totalMilliseconds: number\n  totalSeconds: number\n  milliseconds: number\n  seconds: number\n  minutes: number\n  hours: number\n  days: number\n}\n\nexport function getTimeFromMilliseconds(\n  millisecs: number,\n  isCountDown = true\n): TimeFromMillisecondsType {\n  const totalSeconds = isCountDown\n    ? Math.ceil(millisecs / 1000)\n    : Math.floor(millisecs / 1000)\n  const days = Math.floor(totalSeconds / (60 * 60 * 24))\n  const hours = Math.floor((totalSeconds % (60 * 60 * 24)) / (60 * 60))\n  const minutes = Math.floor((totalSeconds % (60 * 60)) / 60)\n  const seconds = Math.floor(totalSeconds % 60)\n  const milliseconds = Math.floor(millisecs % 1000)\n\n  return {\n    totalMilliseconds: millisecs,\n    totalSeconds,\n    milliseconds,\n    seconds,\n    minutes,\n    hours,\n    days,\n  }\n}\n\nexport function getMillisecondsFromExpiry(expiry: Date): number {\n  const now = Date.now()\n  const milliSecondsDistance = expiry?.getTime() - now\n  return milliSecondsDistance > 0 ? milliSecondsDistance : 0\n}\n"],"mappings":";AAUA,SAAgB,wBACd,WACA,cAAc,MACY;CAC1B,MAAM,eAAe,cACjB,KAAK,KAAK,YAAY,GAAI,IAC1B,KAAK,MAAM,YAAY,GAAI;CAC/B,MAAM,OAAO,KAAK,MAAM,gBAAgB,OAAU,GAAG;CACrD,MAAM,QAAQ,KAAK,MAAO,gBAAgB,OAAU,MAAQ,IAAQ;CACpE,MAAM,UAAU,KAAK,MAAO,eAAgB,OAAY,EAAE;CAC1D,MAAM,UAAU,KAAK,MAAM,eAAe,EAAE;CAG5C,OAAO;EACL,mBAAmB;EACnB;EACA,cALmB,KAAK,MAAM,YAAY,GAK/B;EACX;EACA;EACA;EACA;CACF;AACF;AAEA,SAAgB,0BAA0B,QAAsB;CAC9D,MAAM,MAAM,KAAK,IAAI;CACrB,MAAM,uBAAuB,QAAQ,QAAQ,IAAI;CACjD,OAAO,uBAAuB,IAAI,uBAAuB;AAC3D"}
+{"version":3,"file":"time.js","names":[],"sources":["../../../../src/hooks/timer/time.ts"],"sourcesContent":["export type TimeFromMillisecondsType = {\n  totalMilliseconds: number\n  totalSeconds: number\n  milliseconds: number\n  seconds: number\n  minutes: number\n  hours: number\n  days: number\n}\n\nexport function getTimeFromMilliseconds(\n  millisecs: number,\n  isCountDown = true\n): TimeFromMillisecondsType {\n  const totalSeconds = isCountDown\n    ? Math.ceil(millisecs / 1000)\n    : Math.floor(millisecs / 1000)\n  const days = Math.floor(totalSeconds / (60 * 60 * 24))\n  const hours = Math.floor((totalSeconds % (60 * 60 * 24)) / (60 * 60))\n  const minutes = Math.floor((totalSeconds % (60 * 60)) / 60)\n  const seconds = Math.floor(totalSeconds % 60)\n  const milliseconds = Math.floor(millisecs % 1000)\n\n  return {\n    totalMilliseconds: millisecs,\n    totalSeconds,\n    milliseconds,\n    seconds,\n    minutes,\n    hours,\n    days,\n  }\n}\n\nexport function getMillisecondsFromExpiry(expiry: Date): number {\n  const now = Date.now()\n  const milliSecondsDistance = expiry?.getTime() - now\n  return milliSecondsDistance > 0 ? milliSecondsDistance : 0\n}\n"],"mappings":";AAUA,SAAgB,wBACd,WACA,cAAc,MACY;CAC1B,MAAM,eAAe,cACjB,KAAK,KAAK,YAAY,GAAI,IAC1B,KAAK,MAAM,YAAY,GAAI;CAC/B,MAAM,OAAO,KAAK,MAAM,eAAgB,KAAa;CACrD,MAAM,QAAQ,KAAK,MAAO,eAAgB,QAAkB,IAAQ;CACpE,MAAM,UAAU,KAAK,MAAO,eAAgB,OAAY,EAAE;CAC1D,MAAM,UAAU,KAAK,MAAM,eAAe,EAAE;CAG5C,OAAO;EACL,mBAAmB;EACnB;EACA,cALmB,KAAK,MAAM,YAAY,GAK/B;EACX;EACA;EACA;EACA;CACF;AACF;AAEA,SAAgB,0BAA0B,QAAsB;CAC9D,MAAM,MAAM,KAAK,IAAI;CACrB,MAAM,uBAAuB,QAAQ,QAAQ,IAAI;CACjD,OAAO,uBAAuB,IAAI,uBAAuB;AAC3D"}

package/dist/esm/hooks/useAddressActivity.d.ts

@@ -5,7 +5,6 @@ interface AddressActivity {
   isFetched: boolean;
   toAddress: string | undefined;
 }
-declare const useAddressActivity: (chainId?: number) => AddressActivity;
+export declare const useAddressActivity: (chainId?: number) => AddressActivity;
 //#endregion
-export { useAddressActivity };
 //# sourceMappingURL=useAddressActivity.d.ts.map

package/dist/esm/hooks/useAddressActivity.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAddressActivity.d.ts","names":[],"sources":["../../../src/hooks/useAddressActivity.ts"],"mappings":";UAMU;EACR;EACA;EACA;EACA;;cAEW,qBAAsB,qBAAmB"}
+{"version":3,"file":"useAddressActivity.d.ts","names":[],"sources":["../../../src/hooks/useAddressActivity.ts"],"mappings":";UAMU;EACR;EACA;EACA;EACA;;qBAEW,qBAAsB,qBAAmB"}

package/dist/esm/hooks/useAddressValidation.d.ts

@@ -1,6 +1,6 @@
 import { Chain, ChainType } from "@lifi/sdk";
 //#region src/hooks/useAddressValidation.d.ts
-declare enum AddressType {
+export declare enum AddressType {
   Address = 0,
   NameService = 1
 }
@@ -19,10 +19,9 @@ type InvalidResponse = {
   error: string;
   isValid: false;
 };
-declare const useAddressValidation: () => {
+export declare const useAddressValidation: () => {
   validateAddress: (args: ValidationArgs) => Promise<ValidResponse | InvalidResponse>;
   isValidating: boolean;
 };
 //#endregion
-export { AddressType, useAddressValidation };
 //# sourceMappingURL=useAddressValidation.d.ts.map

package/dist/esm/hooks/useAddressValidation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAddressValidation.d.ts","names":[],"sources":["../../../src/hooks/useAddressValidation.ts"],"mappings":";;aAOY;EACV;EACA;;KAGG;EACH;EACA,YAAY;EACZ,QAAQ;;KAGL;EACH;EACA,aAAa;EACb,WAAW;EACX;;KAGG;EACH;EACA;;cAGW;EACX,kBACE,MAAM,mBACH,QAAQ,gBAAgB;EAC7B"}
+{"version":3,"file":"useAddressValidation.d.ts","names":[],"sources":["../../../src/hooks/useAddressValidation.ts"],"mappings":";;oBAOY;EACV;EACA;;KAGG;EACH;EACA,YAAY;EACZ,QAAQ;;KAGL;EACH;EACA,aAAa;EACb,WAAW;EACX;;KAGG;EACH;EACA;;qBAGW;EACX,kBACE,MAAM,mBACH,QAAQ,gBAAgB;EAC7B"}

package/dist/esm/hooks/useAvailableChains.d.ts

@@ -2,11 +2,10 @@ import { WidgetConfig } from "../types/widget.js";
 import { ChainType, ExtendedChain } from "@lifi/sdk";
 //#region src/hooks/useAvailableChains.d.ts
 type GetChainById = (chainId?: number, chains?: ExtendedChain[]) => ExtendedChain | undefined;
-declare const useAvailableChains: (chainTypes?: ChainType[], widgetConfig?: WidgetConfig) => {
+export declare const useAvailableChains: (chainTypes?: ChainType[], widgetConfig?: WidgetConfig) => {
   chains: ExtendedChain[] | undefined;
   getChainById: GetChainById;
   isLoading: boolean;
 };
 //#endregion
-export { useAvailableChains };
 //# sourceMappingURL=useAvailableChains.d.ts.map

package/dist/esm/hooks/useAvailableChains.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAvailableChains.d.ts","names":[],"sources":["../../../src/hooks/useAvailableChains.ts"],"mappings":";;;KAUK,gBACH,kBACA,SAAS,oBACN;cAUQ,qBACX,aAAa,aACb,eAAe;EAEf,QAAQ;EACR,cAAc;EACd"}
+{"version":3,"file":"useAvailableChains.d.ts","names":[],"sources":["../../../src/hooks/useAvailableChains.ts"],"mappings":";;;KAUK,gBACH,kBACA,SAAS,oBACN;qBAWQ,qBACX,aAAa,aACb,eAAe;EAEf,QAAQ;EACR,cAAc;EACd"}

package/dist/esm/hooks/useAvailableChains.js

@@ -11,7 +11,8 @@ const supportedChainTypes = [
 	ChainType.SVM,
 	ChainType.UTXO,
 	ChainType.MVM,
-	ChainType.TVM
+	ChainType.TVM,
+	ChainType.STL
 ];
 const useAvailableChains = (chainTypes, widgetConfig) => {
 	const { chains: internalChains, keyPrefix: internalKeyPrefix } = useWidgetConfig();

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

@@ -1 +1 @@
-{"version":3,"file":"useAvailableChains.js","names":[],"sources":["../../../src/hooks/useAvailableChains.ts"],"sourcesContent":["import type { ExtendedChain } from '@lifi/sdk'\nimport { ChainType, createClient, getChains } from '@lifi/sdk'\nimport { useQuery } from '@tanstack/react-query'\nimport { useCallback, useEffect, useMemo } from 'react'\nimport { useSDKClient } from '../providers/SDKClientProvider.js'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport type { WidgetConfig } from '../types/widget.js'\nimport { getConfigItemSets, isItemAllowedForSets } from '../utils/item.js'\nimport { getQueryKey } from '../utils/queries.js'\n\ntype GetChainById = (\n  chainId?: number,\n  chains?: ExtendedChain[]\n) => ExtendedChain | undefined\n\nconst supportedChainTypes = [\n  ChainType.EVM,\n  ChainType.SVM,\n  ChainType.UTXO,\n  ChainType.MVM,\n  ChainType.TVM,\n]\n\nexport const useAvailableChains = (\n  chainTypes?: ChainType[],\n  widgetConfig?: WidgetConfig\n): {\n  chains: ExtendedChain[] | undefined\n  getChainById: GetChainById\n  isLoading: boolean\n} => {\n  const { chains: internalChains, keyPrefix: internalKeyPrefix } =\n    useWidgetConfig()\n  const internalClient = useSDKClient()\n\n  const externalClient = useMemo(() => {\n    if (!widgetConfig) {\n      return undefined\n    }\n    return createClient({\n      ...widgetConfig.sdkConfig,\n      apiKey: widgetConfig.apiKey,\n      integrator: widgetConfig.integrator ?? window?.location.hostname,\n    })\n  }, [widgetConfig])\n\n  // Overwrite widget config if passed as param\n  const keyPrefix = widgetConfig?.keyPrefix ?? internalKeyPrefix\n  const chains = widgetConfig?.chains ?? internalChains\n\n  const { data, isLoading } = useQuery({\n    queryKey: [\n      getQueryKey('chains', keyPrefix),\n      chains?.types,\n      chains?.allow,\n      chains?.deny,\n      chains?.from,\n      chains?.to,\n      !!externalClient,\n    ] as const,\n    queryFn: async ({ queryKey: [, chainTypesConfig] }) => {\n      const chainsConfigSets = getConfigItemSets(\n        chainTypesConfig,\n        (chains) => new Set(chains)\n      )\n      const chainTypesRequest = supportedChainTypes.filter((chainType) =>\n        isItemAllowedForSets(chainType, chainsConfigSets)\n      )\n      const client = externalClient ?? internalClient\n      const availableChains = await getChains(client, {\n        chainTypes: chainTypes || chainTypesRequest,\n      })\n      client.setChains(availableChains)\n      return availableChains\n    },\n    refetchInterval: 300_000,\n    staleTime: 300_000,\n  })\n\n  // Ensure the current internal client always has chains, even when:\n  // - the query result came from cache (external call populated it first)\n  // - the client was recreated due to config changes (stale closure in queryFn)\n  useEffect(() => {\n    if (data && !externalClient) {\n      internalClient.setChains(data)\n    }\n  }, [data, externalClient, internalClient])\n\n  const getChainById: GetChainById = useCallback(\n    (chainId?: number, chains: ExtendedChain[] | undefined = data) => {\n      if (!chainId) {\n        return\n      }\n      const chain = chains?.find((chain) => chain.id === chainId)\n      // if (!chain) {\n      //   throw new Error('Chain not found or chainId is invalid.');\n      // }\n      return chain\n    },\n    [data]\n  )\n\n  return {\n    chains: data,\n    getChainById,\n    isLoading,\n  }\n}\n"],"mappings":";;;;;;;;AAeA,MAAM,sBAAsB;CAC1B,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;AACZ;AAEA,MAAa,sBACX,YACA,iBAKG;CACH,MAAM,EAAE,QAAQ,gBAAgB,WAAW,sBACzC,gBAAgB;CAClB,MAAM,iBAAiB,aAAa;CAEpC,MAAM,iBAAiB,cAAc;EACnC,IAAI,CAAC,cACH;EAEF,OAAO,aAAa;GAClB,GAAG,aAAa;GAChB,QAAQ,aAAa;GACrB,YAAY,aAAa,cAAc,QAAQ,SAAS;EAC1D,CAAC;CACH,GAAG,CAAC,YAAY,CAAC;CAGjB,MAAM,YAAY,cAAc,aAAa;CAC7C,MAAM,SAAS,cAAc,UAAU;CAEvC,MAAM,EAAE,MAAM,cAAc,SAAS;EACnC,UAAU;GACR,YAAY,UAAU,SAAS;GAC/B,QAAQ;GACR,QAAQ;GACR,QAAQ;GACR,QAAQ;GACR,QAAQ;GACR,CAAC,CAAC;EACJ;EACA,SAAS,OAAO,EAAE,UAAU,GAAG,wBAAwB;GACrD,MAAM,mBAAmB,kBACvB,mBACC,WAAW,IAAI,IAAI,MAAM,CAC5B;GACA,MAAM,oBAAoB,oBAAoB,QAAQ,cACpD,qBAAqB,WAAW,gBAAgB,CAClD;GACA,MAAM,SAAS,kBAAkB;GACjC,MAAM,kBAAkB,MAAM,UAAU,QAAQ,EAC9C,YAAY,cAAc,kBAC5B,CAAC;GACD,OAAO,UAAU,eAAe;GAChC,OAAO;EACT;EACA,iBAAiB;EACjB,WAAW;CACb,CAAC;CAKD,gBAAgB;EACd,IAAI,QAAQ,CAAC,gBACX,eAAe,UAAU,IAAI;CAEjC,GAAG;EAAC;EAAM;EAAgB;CAAc,CAAC;CAgBzC,OAAO;EACL,QAAQ;EACR,cAhBiC,aAChC,SAAkB,SAAsC,SAAS;GAChE,IAAI,CAAC,SACH;GAMF,OAJc,QAAQ,MAAM,UAAU,MAAM,OAAO,OAAO;EAK5D,GACA,CAAC,IAAI,CAKM;EACX;CACF;AACF"}
+{"version":3,"file":"useAvailableChains.js","names":[],"sources":["../../../src/hooks/useAvailableChains.ts"],"sourcesContent":["import type { ExtendedChain } from '@lifi/sdk'\nimport { ChainType, createClient, getChains } from '@lifi/sdk'\nimport { useQuery } from '@tanstack/react-query'\nimport { useCallback, useEffect, useMemo } from 'react'\nimport { useSDKClient } from '../providers/SDKClientProvider.js'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport type { WidgetConfig } from '../types/widget.js'\nimport { getConfigItemSets, isItemAllowedForSets } from '../utils/item.js'\nimport { getQueryKey } from '../utils/queries.js'\n\ntype GetChainById = (\n  chainId?: number,\n  chains?: ExtendedChain[]\n) => ExtendedChain | undefined\n\nconst supportedChainTypes = [\n  ChainType.EVM,\n  ChainType.SVM,\n  ChainType.UTXO,\n  ChainType.MVM,\n  ChainType.TVM,\n  ChainType.STL,\n]\n\nexport const useAvailableChains = (\n  chainTypes?: ChainType[],\n  widgetConfig?: WidgetConfig\n): {\n  chains: ExtendedChain[] | undefined\n  getChainById: GetChainById\n  isLoading: boolean\n} => {\n  const { chains: internalChains, keyPrefix: internalKeyPrefix } =\n    useWidgetConfig()\n  const internalClient = useSDKClient()\n\n  const externalClient = useMemo(() => {\n    if (!widgetConfig) {\n      return undefined\n    }\n    return createClient({\n      ...widgetConfig.sdkConfig,\n      apiKey: widgetConfig.apiKey,\n      integrator: widgetConfig.integrator ?? window?.location.hostname,\n    })\n  }, [widgetConfig])\n\n  // Overwrite widget config if passed as param\n  const keyPrefix = widgetConfig?.keyPrefix ?? internalKeyPrefix\n  const chains = widgetConfig?.chains ?? internalChains\n\n  const { data, isLoading } = useQuery({\n    queryKey: [\n      getQueryKey('chains', keyPrefix),\n      chains?.types,\n      chains?.allow,\n      chains?.deny,\n      chains?.from,\n      chains?.to,\n      !!externalClient,\n    ] as const,\n    queryFn: async ({ queryKey: [, chainTypesConfig] }) => {\n      const chainsConfigSets = getConfigItemSets(\n        chainTypesConfig,\n        (chains) => new Set(chains)\n      )\n      const chainTypesRequest = supportedChainTypes.filter((chainType) =>\n        isItemAllowedForSets(chainType, chainsConfigSets)\n      )\n      const client = externalClient ?? internalClient\n      const availableChains = await getChains(client, {\n        chainTypes: chainTypes || chainTypesRequest,\n      })\n      client.setChains(availableChains)\n      return availableChains\n    },\n    refetchInterval: 300_000,\n    staleTime: 300_000,\n  })\n\n  // Ensure the current internal client always has chains, even when:\n  // - the query result came from cache (external call populated it first)\n  // - the client was recreated due to config changes (stale closure in queryFn)\n  useEffect(() => {\n    if (data && !externalClient) {\n      internalClient.setChains(data)\n    }\n  }, [data, externalClient, internalClient])\n\n  const getChainById: GetChainById = useCallback(\n    (chainId?: number, chains: ExtendedChain[] | undefined = data) => {\n      if (!chainId) {\n        return\n      }\n      const chain = chains?.find((chain) => chain.id === chainId)\n      // if (!chain) {\n      //   throw new Error('Chain not found or chainId is invalid.');\n      // }\n      return chain\n    },\n    [data]\n  )\n\n  return {\n    chains: data,\n    getChainById,\n    isLoading,\n  }\n}\n"],"mappings":";;;;;;;;AAeA,MAAM,sBAAsB;CAC1B,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;AACZ;AAEA,MAAa,sBACX,YACA,iBAKG;CACH,MAAM,EAAE,QAAQ,gBAAgB,WAAW,sBACzC,gBAAgB;CAClB,MAAM,iBAAiB,aAAa;CAEpC,MAAM,iBAAiB,cAAc;EACnC,IAAI,CAAC,cACH;EAEF,OAAO,aAAa;GAClB,GAAG,aAAa;GAChB,QAAQ,aAAa;GACrB,YAAY,aAAa,cAAc,QAAQ,SAAS;EAC1D,CAAC;CACH,GAAG,CAAC,YAAY,CAAC;CAGjB,MAAM,YAAY,cAAc,aAAa;CAC7C,MAAM,SAAS,cAAc,UAAU;CAEvC,MAAM,EAAE,MAAM,cAAc,SAAS;EACnC,UAAU;GACR,YAAY,UAAU,SAAS;GAC/B,QAAQ;GACR,QAAQ;GACR,QAAQ;GACR,QAAQ;GACR,QAAQ;GACR,CAAC,CAAC;EACJ;EACA,SAAS,OAAO,EAAE,UAAU,GAAG,wBAAwB;GACrD,MAAM,mBAAmB,kBACvB,mBACC,WAAW,IAAI,IAAI,MAAM,CAC5B;GACA,MAAM,oBAAoB,oBAAoB,QAAQ,cACpD,qBAAqB,WAAW,gBAAgB,CAClD;GACA,MAAM,SAAS,kBAAkB;GACjC,MAAM,kBAAkB,MAAM,UAAU,QAAQ,EAC9C,YAAY,cAAc,kBAC5B,CAAC;GACD,OAAO,UAAU,eAAe;GAChC,OAAO;EACT;EACA,iBAAiB;EACjB,WAAW;CACb,CAAC;CAKD,gBAAgB;EACd,IAAI,QAAQ,CAAC,gBACX,eAAe,UAAU,IAAI;CAEjC,GAAG;EAAC;EAAM;EAAgB;CAAc,CAAC;CAgBzC,OAAO;EACL,QAAQ;EACR,cAhBiC,aAChC,SAAkB,SAAsC,SAAS;GAChE,IAAI,CAAC,SACH;GAMF,OAJc,QAAQ,MAAM,UAAU,MAAM,OAAO,OAAO;EAK5D,GACA,CAAC,IAAI,CAKM;EACX;CACF;AACF"}

package/dist/esm/hooks/useChain.d.ts

@@ -1,10 +1,9 @@
 import { ExtendedChain } from "@lifi/sdk";
 //#region src/hooks/useChain.d.ts
-declare const useChain: (chainId?: number) => {
+export declare const useChain: (chainId?: number) => {
   chain: ExtendedChain | undefined;
   isLoading: boolean;
   getChainById: (chainId?: number, chains?: ExtendedChain[]) => ExtendedChain | undefined;
 };
 //#endregion
-export { useChain };
 //# sourceMappingURL=useChain.d.ts.map

package/dist/esm/hooks/useChain.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useChain.d.ts","names":[],"sources":["../../../src/hooks/useChain.ts"],"mappings":";;cAIa,WACX;EAEA,OAAO;EACP;EACA,eACE,kBACA,SAAS,oBACN"}
+{"version":3,"file":"useChain.d.ts","names":[],"sources":["../../../src/hooks/useChain.ts"],"mappings":";;qBAIa,WACX;EAEA,OAAO;EACP;EACA,eACE,kBACA,SAAS,oBACN"}

package/dist/esm/hooks/useContactSupport.d.ts

@@ -1,5 +1,4 @@
 //#region src/hooks/useContactSupport.d.ts
-declare const useContactSupport: (supportId?: string) => (() => void);
+export declare const useContactSupport: (supportId?: string) => (() => void);
 //#endregion
-export { useContactSupport };
 //# sourceMappingURL=useContactSupport.d.ts.map

package/dist/esm/hooks/useContactSupport.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useContactSupport.d.ts","names":[],"sources":["../../../src/hooks/useContactSupport.ts"],"mappings":";cAGa,oBAAqB"}
+{"version":3,"file":"useContactSupport.d.ts","names":[],"sources":["../../../src/hooks/useContactSupport.ts"],"mappings":";qBAGa,oBAAqB"}

package/dist/esm/hooks/useDebouncedWatch.d.ts

@@ -1,6 +1,5 @@
 import { FormFieldArray, FormFieldNames } from "../stores/form/types.js";
 //#region src/hooks/useDebouncedWatch.d.ts
-declare const useDebouncedWatch: <T extends FormFieldNames[]>(delay: number, ...name: T) => FormFieldArray<T>;
+export declare const useDebouncedWatch: <T extends FormFieldNames[]>(delay: number, ...name: T) => FormFieldArray<T>;
 //#endregion
-export { useDebouncedWatch };
 //# sourceMappingURL=useDebouncedWatch.d.ts.map

package/dist/esm/hooks/useDebouncedWatch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDebouncedWatch.d.ts","names":[],"sources":["../../../src/hooks/useDebouncedWatch.ts"],"mappings":";;cAIa,oBAAqB,UAAU,kBAC1C,kBACG,MAAM,MACR,eAAe"}
+{"version":3,"file":"useDebouncedWatch.d.ts","names":[],"sources":["../../../src/hooks/useDebouncedWatch.ts"],"mappings":";;qBAIa,oBAAqB,UAAU,kBAC1C,kBACG,MAAM,MACR,eAAe"}

package/dist/esm/hooks/useDisplayedTokens.js

@@ -1,10 +1,10 @@
 import { useTokens } from "./useTokens.js";
-import { isSearchMatch } from "../utils/tokenList.js";
+import { createSearchMatcher } from "../utils/tokenList.js";
 import { usePinnedTokensStore } from "../stores/pinnedTokens/PinnedTokensStore.js";
 import { useMemo } from "react";
 //#region src/hooks/useDisplayedTokens.ts
 const useDisplayedTokens = (selectedChainId, formType, isAllNetworks, search) => {
-	const { allTokens, isLoading: isTokensLoading, isSearchLoading } = useTokens(formType, search, isAllNetworks ? void 0 : selectedChainId);
+	const { allTokens, isLoading: isTokensLoading, isSearchLoading, isAddressSearch } = useTokens(formType, search, isAllNetworks ? void 0 : selectedChainId);
 	const pinnedTokens = usePinnedTokensStore((state) => state.pinnedTokens);
 	const isPinnedToken = useMemo(() => {
 		if (isAllNetworks) {
@@ -27,17 +27,19 @@ const useDisplayedTokens = (selectedChainId, formType, isAllNetworks, search) =>
 		selectedChainId,
 		pinnedTokens
 	]);
+	const matchesSearch = useMemo(() => createSearchMatcher(search, isAddressSearch), [search, isAddressSearch]);
 	return {
 		allTokens,
 		displayedTokensList: useMemo(() => {
-			return (isAllNetworks ? Object.values(allTokens ?? {}).flat() : selectedChainId ? allTokens?.[selectedChainId] : void 0)?.filter((t) => isSearchMatch(t, search)) ?? [];
+			return (isAllNetworks ? Object.values(allTokens ?? {}).flat() : selectedChainId ? allTokens?.[selectedChainId] : void 0)?.filter(matchesSearch) ?? [];
 		}, [
 			allTokens,
 			isAllNetworks,
 			selectedChainId,
-			search
+			matchesSearch
 		]),
 		isPinnedToken,
+		matchesSearch,
 		isTokensLoading,
 		isSearchLoading
 	};

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

@@ -1 +1 @@
-{"version":3,"file":"useDisplayedTokens.js","names":[],"sources":["../../../src/hooks/useDisplayedTokens.ts"],"sourcesContent":["import type { TokenExtended } from '@lifi/sdk'\nimport { useMemo } from 'react'\nimport type { FormType } from '../stores/form/types.js'\nimport { usePinnedTokensStore } from '../stores/pinnedTokens/PinnedTokensStore.js'\nimport { isSearchMatch } from '../utils/tokenList.js'\nimport { useTokens } from './useTokens.js'\n\nexport type IsPinnedToken = (chainId: number, tokenAddress: string) => boolean\n\n// Balance-free core shared by useTokenList and useTokenBalances.\nexport const useDisplayedTokens = (\n  selectedChainId?: number,\n  formType?: FormType,\n  isAllNetworks?: boolean,\n  search?: string\n): {\n  allTokens: Record<number, TokenExtended[]> | undefined\n  displayedTokensList: TokenExtended[]\n  isPinnedToken: IsPinnedToken | undefined\n  isTokensLoading: boolean\n  isSearchLoading: boolean\n} => {\n  const {\n    allTokens,\n    isLoading: isTokensLoading,\n    isSearchLoading,\n  } = useTokens(formType, search, isAllNetworks ? undefined : selectedChainId)\n\n  const pinnedTokens = usePinnedTokensStore((state) => state.pinnedTokens)\n\n  const isPinnedToken = useMemo<IsPinnedToken | undefined>(() => {\n    if (isAllNetworks) {\n      const pinnedSet = new Set<string>()\n      Object.entries(pinnedTokens).forEach(([chainIdStr, addresses]) => {\n        const chainId = Number.parseInt(chainIdStr, 10)\n        addresses.forEach((address) => {\n          pinnedSet.add(`${chainId}-${address.toLowerCase()}`)\n        })\n      })\n      return (chainId, tokenAddress) =>\n        pinnedSet.has(`${chainId}-${tokenAddress.toLowerCase()}`)\n    }\n    if (selectedChainId) {\n      const chainPinnedTokens = pinnedTokens[selectedChainId] || []\n      const pinnedSet = new Set(\n        chainPinnedTokens.map((addr) => addr.toLowerCase())\n      )\n      return (chainId, tokenAddress) =>\n        chainId === selectedChainId && pinnedSet.has(tokenAddress.toLowerCase())\n    }\n    return undefined\n  }, [isAllNetworks, selectedChainId, pinnedTokens])\n\n  const displayedTokensList = useMemo(() => {\n    const tokensByChain = isAllNetworks\n      ? Object.values(allTokens ?? {}).flat()\n      : selectedChainId\n        ? allTokens?.[selectedChainId]\n        : undefined\n    return tokensByChain?.filter((t) => isSearchMatch(t, search)) ?? []\n  }, [allTokens, isAllNetworks, selectedChainId, search])\n\n  return {\n    allTokens,\n    displayedTokensList,\n    isPinnedToken,\n    isTokensLoading,\n    isSearchLoading,\n  }\n}\n"],"mappings":";;;;;AAUA,MAAa,sBACX,iBACA,UACA,eACA,WAOG;CACH,MAAM,EACJ,WACA,WAAW,iBACX,oBACE,UAAU,UAAU,QAAQ,gBAAgB,KAAA,IAAY,eAAe;CAE3E,MAAM,eAAe,sBAAsB,UAAU,MAAM,YAAY;CAEvE,MAAM,gBAAgB,cAAyC;EAC7D,IAAI,eAAe;GACjB,MAAM,4BAAY,IAAI,IAAY;GAClC,OAAO,QAAQ,YAAY,CAAC,CAAC,SAAS,CAAC,YAAY,eAAe;IAChE,MAAM,UAAU,OAAO,SAAS,YAAY,EAAE;IAC9C,UAAU,SAAS,YAAY;KAC7B,UAAU,IAAI,GAAG,QAAQ,GAAG,QAAQ,YAAY,GAAG;IACrD,CAAC;GACH,CAAC;GACD,QAAQ,SAAS,iBACf,UAAU,IAAI,GAAG,QAAQ,GAAG,aAAa,YAAY,GAAG;EAC5D;EACA,IAAI,iBAAiB;GACnB,MAAM,oBAAoB,aAAa,oBAAoB,CAAC;GAC5D,MAAM,YAAY,IAAI,IACpB,kBAAkB,KAAK,SAAS,KAAK,YAAY,CAAC,CACpD;GACA,QAAQ,SAAS,iBACf,YAAY,mBAAmB,UAAU,IAAI,aAAa,YAAY,CAAC;EAC3E;CAEF,GAAG;EAAC;EAAe;EAAiB;CAAY,CAAC;CAWjD,OAAO;EACL;EACA,qBAX0B,cAAc;GAMxC,QALsB,gBAClB,OAAO,OAAO,aAAa,CAAC,CAAC,CAAC,CAAC,KAAK,IACpC,kBACE,YAAY,mBACZ,KAAA,EAAA,EACgB,QAAQ,MAAM,cAAc,GAAG,MAAM,CAAC,KAAK,CAAC;EACpE,GAAG;GAAC;GAAW;GAAe;GAAiB;EAAM,CAIjC;EAClB;EACA;EACA;CACF;AACF"}
+{"version":3,"file":"useDisplayedTokens.js","names":[],"sources":["../../../src/hooks/useDisplayedTokens.ts"],"sourcesContent":["import type { TokenExtended } from '@lifi/sdk'\nimport { useMemo } from 'react'\nimport type { FormType } from '../stores/form/types.js'\nimport { usePinnedTokensStore } from '../stores/pinnedTokens/PinnedTokensStore.js'\nimport { createSearchMatcher } from '../utils/tokenList.js'\nimport { useTokens } from './useTokens.js'\n\nexport type IsPinnedToken = (chainId: number, tokenAddress: string) => boolean\n\nexport type MatchesSearch = ReturnType<typeof createSearchMatcher>\n\n// Balance-free core shared by useTokenList and useTokenBalances.\nexport const useDisplayedTokens = (\n  selectedChainId?: number,\n  formType?: FormType,\n  isAllNetworks?: boolean,\n  search?: string\n): {\n  allTokens: Record<number, TokenExtended[]> | undefined\n  displayedTokensList: TokenExtended[]\n  isPinnedToken: IsPinnedToken | undefined\n  /**\n   * The filter this search applies, built once here so every list that shows\n   * the same search — with balances or without — cannot disagree with it.\n   */\n  matchesSearch: MatchesSearch\n  isTokensLoading: boolean\n  isSearchLoading: boolean\n} => {\n  const {\n    allTokens,\n    isLoading: isTokensLoading,\n    isSearchLoading,\n    isAddressSearch,\n  } = useTokens(formType, search, isAllNetworks ? undefined : selectedChainId)\n\n  const pinnedTokens = usePinnedTokensStore((state) => state.pinnedTokens)\n\n  const isPinnedToken = useMemo<IsPinnedToken | undefined>(() => {\n    if (isAllNetworks) {\n      const pinnedSet = new Set<string>()\n      Object.entries(pinnedTokens).forEach(([chainIdStr, addresses]) => {\n        const chainId = Number.parseInt(chainIdStr, 10)\n        addresses.forEach((address) => {\n          pinnedSet.add(`${chainId}-${address.toLowerCase()}`)\n        })\n      })\n      return (chainId, tokenAddress) =>\n        pinnedSet.has(`${chainId}-${tokenAddress.toLowerCase()}`)\n    }\n    if (selectedChainId) {\n      const chainPinnedTokens = pinnedTokens[selectedChainId] || []\n      const pinnedSet = new Set(\n        chainPinnedTokens.map((addr) => addr.toLowerCase())\n      )\n      return (chainId, tokenAddress) =>\n        chainId === selectedChainId && pinnedSet.has(tokenAddress.toLowerCase())\n    }\n    return undefined\n  }, [isAllNetworks, selectedChainId, pinnedTokens])\n\n  const matchesSearch = useMemo<MatchesSearch>(\n    () => createSearchMatcher(search, isAddressSearch),\n    [search, isAddressSearch]\n  )\n\n  const displayedTokensList = useMemo(() => {\n    const tokensByChain = isAllNetworks\n      ? Object.values(allTokens ?? {}).flat()\n      : selectedChainId\n        ? allTokens?.[selectedChainId]\n        : undefined\n    return tokensByChain?.filter(matchesSearch) ?? []\n  }, [allTokens, isAllNetworks, selectedChainId, matchesSearch])\n\n  return {\n    allTokens,\n    displayedTokensList,\n    isPinnedToken,\n    matchesSearch,\n    isTokensLoading,\n    isSearchLoading,\n  }\n}\n"],"mappings":";;;;;AAYA,MAAa,sBACX,iBACA,UACA,eACA,WAYG;CACH,MAAM,EACJ,WACA,WAAW,iBACX,iBACA,oBACE,UAAU,UAAU,QAAQ,gBAAgB,KAAA,IAAY,eAAe;CAE3E,MAAM,eAAe,sBAAsB,UAAU,MAAM,YAAY;CAEvE,MAAM,gBAAgB,cAAyC;EAC7D,IAAI,eAAe;GACjB,MAAM,4BAAY,IAAI,IAAY;GAClC,OAAO,QAAQ,YAAY,CAAC,CAAC,SAAS,CAAC,YAAY,eAAe;IAChE,MAAM,UAAU,OAAO,SAAS,YAAY,EAAE;IAC9C,UAAU,SAAS,YAAY;KAC7B,UAAU,IAAI,GAAG,QAAQ,GAAG,QAAQ,YAAY,GAAG;IACrD,CAAC;GACH,CAAC;GACD,QAAQ,SAAS,iBACf,UAAU,IAAI,GAAG,QAAQ,GAAG,aAAa,YAAY,GAAG;EAC5D;EACA,IAAI,iBAAiB;GACnB,MAAM,oBAAoB,aAAa,oBAAoB,CAAC;GAC5D,MAAM,YAAY,IAAI,IACpB,kBAAkB,KAAK,SAAS,KAAK,YAAY,CAAC,CACpD;GACA,QAAQ,SAAS,iBACf,YAAY,mBAAmB,UAAU,IAAI,aAAa,YAAY,CAAC;EAC3E;CAEF,GAAG;EAAC;EAAe;EAAiB;CAAY,CAAC;CAEjD,MAAM,gBAAgB,cACd,oBAAoB,QAAQ,eAAe,GACjD,CAAC,QAAQ,eAAe,CAC1B;CAWA,OAAO;EACL;EACA,qBAX0B,cAAc;GAMxC,QALsB,gBAClB,OAAO,OAAO,aAAa,CAAC,CAAC,CAAC,CAAC,KAAK,IACpC,kBACE,YAAY,mBACZ,KAAA,EAAA,EACgB,OAAO,aAAa,KAAK,CAAC;EAClD,GAAG;GAAC;GAAW;GAAe;GAAiB;EAAa,CAIxC;EAClB;EACA;EACA;EACA;CACF;AACF"}

package/dist/esm/hooks/useExplorer.d.ts

@@ -5,10 +5,9 @@ type TransactionLinkProps = {
   txHash?: string;
   txLink?: string;
 };
-declare const useExplorer: () => {
+export declare const useExplorer: () => {
   getTransactionLink: (props: TransactionLinkProps) => string | undefined;
   getAddressLink: (address: string, chain?: Chain | number) => string;
 };
 //#endregion
-export { useExplorer };
 //# sourceMappingURL=useExplorer.d.ts.map

package/dist/esm/hooks/useExplorer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useExplorer.d.ts","names":[],"sources":["../../../src/hooks/useExplorer.ts"],"mappings":";;KAiBK;EACH,QAAQ;EACR;EACA;;cAGW;EACX,qBAAqB,OAAO;EAC5B,iBAAiB,iBAAiB,QAAQ"}
+{"version":3,"file":"useExplorer.d.ts","names":[],"sources":["../../../src/hooks/useExplorer.ts"],"mappings":";;KAmBK;EACH,QAAQ;EACR;EACA;;qBAGW;EACX,qBAAqB,OAAO;EAC5B,iBAAiB,iBAAiB,QAAQ"}

package/dist/esm/hooks/useExplorer.js

@@ -17,6 +17,10 @@ const explorerPathOverrides = {
 	[ChainType.TVM]: {
 		txPath: "#/transaction",
 		addressPath: "#/address"
+	},
+	[ChainType.STL]: {
+		txPath: "tx",
+		addressPath: "account"
 	}
 };
 const useExplorer = () => {

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

@@ -1 +1 @@
-{"version":3,"file":"useExplorer.js","names":[],"sources":["../../../src/hooks/useExplorer.ts"],"sourcesContent":["import type { Chain } from '@lifi/sdk'\nimport { ChainId, ChainType, isHex } from '@lifi/sdk'\nimport { useCallback } from 'react'\nimport { internalExplorerUrl } from '../config/constants.js'\nimport { useAvailableChains } from '../hooks/useAvailableChains.js'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\n\nconst sanitiseBaseUrl = (baseUrl: string) => baseUrl.trim().replace(/\\/+$/, '')\n\nconst explorerPathOverrides: Partial<\n  Record<ChainType | ChainId, { txPath: string; addressPath: string }>\n> = {\n  [ChainId.SUI]: { txPath: 'txblock', addressPath: 'coin' },\n  [ChainId.LTR]: { txPath: 'logs', addressPath: 'accounts' },\n  [ChainType.TVM]: { txPath: '#/transaction', addressPath: '#/address' },\n}\n\ntype TransactionLinkProps = {\n  chain?: Chain | number\n  txHash?: string\n  txLink?: string\n}\n\nexport const useExplorer = (): {\n  getTransactionLink: (props: TransactionLinkProps) => string | undefined\n  getAddressLink: (address: string, chain?: Chain | number) => string\n} => {\n  const { explorerUrls } = useWidgetConfig()\n  const { getChainById } = useAvailableChains()\n\n  const getExplorerConfig = useCallback(\n    (chain?: Chain | number) => {\n      const resolvedChain = Number.isFinite(chain)\n        ? getChainById(chain as number)\n        : (chain as Chain)\n\n      const explorerUrl =\n        (resolvedChain\n          ? (explorerUrls?.[resolvedChain.id]?.[0] ??\n            resolvedChain.metamask.blockExplorerUrls[0])\n          : explorerUrls?.internal?.[0]) || internalExplorerUrl\n\n      const baseUrl =\n        typeof explorerUrl === 'string' ? explorerUrl : explorerUrl.url\n\n      const overrides =\n        explorerPathOverrides[resolvedChain?.id as ChainId] ??\n        explorerPathOverrides[resolvedChain?.chainType as ChainType]\n\n      const defaultTxPath = overrides?.txPath ?? 'tx'\n      const defaultAddressPath = overrides?.addressPath ?? 'address'\n      const txPath =\n        typeof explorerUrl === 'string'\n          ? defaultTxPath\n          : explorerUrl.txPath || defaultTxPath\n      const addressPath =\n        typeof explorerUrl === 'string'\n          ? defaultAddressPath\n          : explorerUrl.addressPath || defaultAddressPath\n\n      return {\n        url: sanitiseBaseUrl(baseUrl),\n        txPath,\n        addressPath,\n        resolvedChain,\n        hasOverride: Boolean(overrides),\n      }\n    },\n    [explorerUrls, getChainById]\n  )\n\n  const getTransactionLink = useCallback(\n    ({ txHash, txLink, chain }: TransactionLinkProps): string | undefined => {\n      if (txHash) {\n        const config = getExplorerConfig(chain)\n        // For EVM chains, sanity-check the transaction hash as some relayers return custom task hashes that are not visible on-chain.\n        // Skip the check when a chain-specific path override is registered — that's an explicit signal the chain's\n        // explorer accepts a non-hex hash (e.g. Lighter, whose hash has no 0x prefix).\n        const validForEvm =\n          config.resolvedChain?.chainType !== ChainType.EVM ||\n          config.hasOverride ||\n          isHex(txHash, { strict: true })\n        if (validForEvm) {\n          return `${config.url}/${config.txPath}/${txHash}`\n        }\n      }\n      return txLink\n    },\n    [getExplorerConfig]\n  )\n\n  const getAddressLink = useCallback(\n    (address: string, chain?: Chain | number) => {\n      const config = getExplorerConfig(chain)\n      return `${config.url}/${config.addressPath}/${address}`\n    },\n    [getExplorerConfig]\n  )\n\n  return {\n    getTransactionLink,\n    getAddressLink,\n  }\n}\n"],"mappings":";;;;;;AAOA,MAAM,mBAAmB,YAAoB,QAAQ,KAAK,CAAC,CAAC,QAAQ,QAAQ,EAAE;AAE9E,MAAM,wBAEF;EACD,QAAQ,MAAM;EAAE,QAAQ;EAAW,aAAa;CAAO;EACvD,QAAQ,MAAM;EAAE,QAAQ;EAAQ,aAAa;CAAW;EACxD,UAAU,MAAM;EAAE,QAAQ;EAAiB,aAAa;CAAY;AACvE;AAQA,MAAa,oBAGR;CACH,MAAM,EAAE,iBAAiB,gBAAgB;CACzC,MAAM,EAAE,iBAAiB,mBAAmB;CAE5C,MAAM,oBAAoB,aACvB,UAA2B;EAC1B,MAAM,gBAAgB,OAAO,SAAS,KAAK,IACvC,aAAa,KAAe,IAC3B;EAEL,MAAM,eACH,gBACI,eAAe,cAAc,GAAG,GAAG,MACpC,cAAc,SAAS,kBAAkB,KACzC,cAAc,WAAW,OAAA;EAE/B,MAAM,UACJ,OAAO,gBAAgB,WAAW,cAAc,YAAY;EAE9D,MAAM,YACJ,sBAAsB,eAAe,OACrC,sBAAsB,eAAe;EAEvC,MAAM,gBAAgB,WAAW,UAAU;EAC3C,MAAM,qBAAqB,WAAW,eAAe;EACrD,MAAM,SACJ,OAAO,gBAAgB,WACnB,gBACA,YAAY,UAAU;EAC5B,MAAM,cACJ,OAAO,gBAAgB,WACnB,qBACA,YAAY,eAAe;EAEjC,OAAO;GACL,KAAK,gBAAgB,OAAO;GAC5B;GACA;GACA;GACA,aAAa,QAAQ,SAAS;EAChC;CACF,GACA,CAAC,cAAc,YAAY,CAC7B;CA8BA,OAAO;EACL,oBA7ByB,aACxB,EAAE,QAAQ,QAAQ,YAAsD;GACvE,IAAI,QAAQ;IACV,MAAM,SAAS,kBAAkB,KAAK;IAQtC,IAHE,OAAO,eAAe,cAAc,UAAU,OAC9C,OAAO,eACP,MAAM,QAAQ,EAAE,QAAQ,KAAK,CAAC,GAE9B,OAAO,GAAG,OAAO,IAAI,GAAG,OAAO,OAAO,GAAG;GAE7C;GACA,OAAO;EACT,GACA,CAAC,iBAAiB,CAYD;EACjB,gBAVqB,aACpB,SAAiB,UAA2B;GAC3C,MAAM,SAAS,kBAAkB,KAAK;GACtC,OAAO,GAAG,OAAO,IAAI,GAAG,OAAO,YAAY,GAAG;EAChD,GACA,CAAC,iBAAiB,CAKL;CACf;AACF"}
+{"version":3,"file":"useExplorer.js","names":[],"sources":["../../../src/hooks/useExplorer.ts"],"sourcesContent":["import type { Chain } from '@lifi/sdk'\nimport { ChainId, ChainType, isHex } from '@lifi/sdk'\nimport { useCallback } from 'react'\nimport { internalExplorerUrl } from '../config/constants.js'\nimport { useAvailableChains } from '../hooks/useAvailableChains.js'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\n\nconst sanitiseBaseUrl = (baseUrl: string) => baseUrl.trim().replace(/\\/+$/, '')\n\nconst explorerPathOverrides: Partial<\n  Record<ChainType | ChainId, { txPath: string; addressPath: string }>\n> = {\n  [ChainId.SUI]: { txPath: 'txblock', addressPath: 'coin' },\n  [ChainId.LTR]: { txPath: 'logs', addressPath: 'accounts' },\n  [ChainType.TVM]: { txPath: '#/transaction', addressPath: '#/address' },\n  // StellarExpert and steexp both route accounts at /account, never /address.\n  [ChainType.STL]: { txPath: 'tx', addressPath: 'account' },\n}\n\ntype TransactionLinkProps = {\n  chain?: Chain | number\n  txHash?: string\n  txLink?: string\n}\n\nexport const useExplorer = (): {\n  getTransactionLink: (props: TransactionLinkProps) => string | undefined\n  getAddressLink: (address: string, chain?: Chain | number) => string\n} => {\n  const { explorerUrls } = useWidgetConfig()\n  const { getChainById } = useAvailableChains()\n\n  const getExplorerConfig = useCallback(\n    (chain?: Chain | number) => {\n      const resolvedChain = Number.isFinite(chain)\n        ? getChainById(chain as number)\n        : (chain as Chain)\n\n      const explorerUrl =\n        (resolvedChain\n          ? (explorerUrls?.[resolvedChain.id]?.[0] ??\n            resolvedChain.metamask.blockExplorerUrls[0])\n          : explorerUrls?.internal?.[0]) || internalExplorerUrl\n\n      const baseUrl =\n        typeof explorerUrl === 'string' ? explorerUrl : explorerUrl.url\n\n      const overrides =\n        explorerPathOverrides[resolvedChain?.id as ChainId] ??\n        explorerPathOverrides[resolvedChain?.chainType as ChainType]\n\n      const defaultTxPath = overrides?.txPath ?? 'tx'\n      const defaultAddressPath = overrides?.addressPath ?? 'address'\n      const txPath =\n        typeof explorerUrl === 'string'\n          ? defaultTxPath\n          : explorerUrl.txPath || defaultTxPath\n      const addressPath =\n        typeof explorerUrl === 'string'\n          ? defaultAddressPath\n          : explorerUrl.addressPath || defaultAddressPath\n\n      return {\n        url: sanitiseBaseUrl(baseUrl),\n        txPath,\n        addressPath,\n        resolvedChain,\n        hasOverride: Boolean(overrides),\n      }\n    },\n    [explorerUrls, getChainById]\n  )\n\n  const getTransactionLink = useCallback(\n    ({ txHash, txLink, chain }: TransactionLinkProps): string | undefined => {\n      if (txHash) {\n        const config = getExplorerConfig(chain)\n        // For EVM chains, sanity-check the transaction hash as some relayers return custom task hashes that are not visible on-chain.\n        // Skip the check when a chain-specific path override is registered — that's an explicit signal the chain's\n        // explorer accepts a non-hex hash (e.g. Lighter, whose hash has no 0x prefix).\n        const validForEvm =\n          config.resolvedChain?.chainType !== ChainType.EVM ||\n          config.hasOverride ||\n          isHex(txHash, { strict: true })\n        if (validForEvm) {\n          return `${config.url}/${config.txPath}/${txHash}`\n        }\n      }\n      return txLink\n    },\n    [getExplorerConfig]\n  )\n\n  const getAddressLink = useCallback(\n    (address: string, chain?: Chain | number) => {\n      const config = getExplorerConfig(chain)\n      return `${config.url}/${config.addressPath}/${address}`\n    },\n    [getExplorerConfig]\n  )\n\n  return {\n    getTransactionLink,\n    getAddressLink,\n  }\n}\n"],"mappings":";;;;;;AAOA,MAAM,mBAAmB,YAAoB,QAAQ,KAAK,CAAC,CAAC,QAAQ,QAAQ,EAAE;AAE9E,MAAM,wBAEF;EACD,QAAQ,MAAM;EAAE,QAAQ;EAAW,aAAa;CAAO;EACvD,QAAQ,MAAM;EAAE,QAAQ;EAAQ,aAAa;CAAW;EACxD,UAAU,MAAM;EAAE,QAAQ;EAAiB,aAAa;CAAY;EAEpE,UAAU,MAAM;EAAE,QAAQ;EAAM,aAAa;CAAU;AAC1D;AAQA,MAAa,oBAGR;CACH,MAAM,EAAE,iBAAiB,gBAAgB;CACzC,MAAM,EAAE,iBAAiB,mBAAmB;CAE5C,MAAM,oBAAoB,aACvB,UAA2B;EAC1B,MAAM,gBAAgB,OAAO,SAAS,KAAK,IACvC,aAAa,KAAe,IAC3B;EAEL,MAAM,eACH,gBACI,eAAe,cAAc,GAAG,GAAG,MACpC,cAAc,SAAS,kBAAkB,KACzC,cAAc,WAAW,OAAA;EAE/B,MAAM,UACJ,OAAO,gBAAgB,WAAW,cAAc,YAAY;EAE9D,MAAM,YACJ,sBAAsB,eAAe,OACrC,sBAAsB,eAAe;EAEvC,MAAM,gBAAgB,WAAW,UAAU;EAC3C,MAAM,qBAAqB,WAAW,eAAe;EACrD,MAAM,SACJ,OAAO,gBAAgB,WACnB,gBACA,YAAY,UAAU;EAC5B,MAAM,cACJ,OAAO,gBAAgB,WACnB,qBACA,YAAY,eAAe;EAEjC,OAAO;GACL,KAAK,gBAAgB,OAAO;GAC5B;GACA;GACA;GACA,aAAa,QAAQ,SAAS;EAChC;CACF,GACA,CAAC,cAAc,YAAY,CAC7B;CA8BA,OAAO;EACL,oBA7ByB,aACxB,EAAE,QAAQ,QAAQ,YAAsD;GACvE,IAAI,QAAQ;IACV,MAAM,SAAS,kBAAkB,KAAK;IAQtC,IAHE,OAAO,eAAe,cAAc,UAAU,OAC9C,OAAO,eACP,MAAM,QAAQ,EAAE,QAAQ,KAAK,CAAC,GAE9B,OAAO,GAAG,OAAO,IAAI,GAAG,OAAO,OAAO,GAAG;GAE7C;GACA,OAAO;EACT,GACA,CAAC,iBAAiB,CAYD;EACjB,gBAVqB,aACpB,SAAiB,UAA2B;GAC3C,MAAM,SAAS,kBAAkB,KAAK;GACtC,OAAO,GAAG,OAAO,IAAI,GAAG,OAAO,YAAY,GAAG;EAChD,GACA,CAAC,iBAAiB,CAKL;CACf;AACF"}

package/dist/esm/hooks/useFlaggedTokenGuard.js

@@ -0,0 +1,28 @@
+import { useAvailableChains } from "./useAvailableChains.js";
+import { getNativeTokenAddresses } from "../utils/token.js";
+import { useMemo, useRef } from "react";
+//#region src/hooks/useFlaggedTokenGuard.ts
+/**
+* Route tokens the screening provider flagged, and the sheet that warns about
+* them before the transaction starts. A native token is exempt: the provider
+* screens the native-address convention and calls it a scam on some chains.
+*/
+const useFlaggedTokenGuard = (route) => {
+	const { chains } = useAvailableChains();
+	const flaggedTokenSheetRef = useRef(null);
+	return {
+		flaggedTokens: useMemo(() => {
+			const nativeTokenAddresses = getNativeTokenAddresses(chains);
+			return [route.fromToken, route.toToken].filter((token) => token.verificationStatus === "flagged" && nativeTokenAddresses.get(token.chainId)?.toLowerCase() !== token.address.toLowerCase());
+		}, [
+			chains,
+			route.fromToken,
+			route.toToken
+		]),
+		flaggedTokenSheetRef
+	};
+};
+//#endregion
+export { useFlaggedTokenGuard };
+
+//# sourceMappingURL=useFlaggedTokenGuard.js.map