@lifi/widget 4.7.1 → 4.8.0

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

@@ -1 +1 @@
-{"version":3,"file":"useTransactionHistory.js","names":[],"sources":["../../../src/hooks/useTransactionHistory.ts"],"sourcesContent":["import type { FullStatusData, StatusResponse } from '@lifi/sdk'\nimport { getTransactionHistory } from '@lifi/sdk'\nimport { useAccount } from '@lifi/wallet-management'\nimport type { QueryFunction } from '@tanstack/react-query'\nimport { useQueries } from '@tanstack/react-query'\nimport { useEffect, useMemo } from 'react'\nimport { useSDKClient } from '../providers/SDKClientProvider.js'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport { useRouteExecutionStoreContext } from '../stores/routes/RouteExecutionStore.js'\nimport type {\n  RouteExecution,\n  RouteExecutionState,\n} from '../stores/routes/types.js'\nimport { getSourceTxHash } from '../stores/routes/utils.js'\nimport { buildRouteFromTxHistory } from '../utils/converters.js'\nimport { getQueryKey } from '../utils/queries.js'\nimport { useTools } from './useTools.js'\n\nexport const useTransactionHistory = (): {\n  data: RouteExecution[]\n  isLoading: boolean\n} => {\n  const store = useRouteExecutionStoreContext()\n  const { accounts } = useAccount()\n  const { keyPrefix } = useWidgetConfig()\n  const sdkClient = useSDKClient()\n  const { tools } = useTools()\n\n  const { data: routeExecutions, isLoading } = useQueries({\n    queries: accounts.map((account) => ({\n      queryKey: [\n        getQueryKey('transaction-history', keyPrefix),\n        account.address,\n      ],\n      queryFn: (async ({ queryKey: [, accountAddress], signal }) => {\n        if (!accountAddress) {\n          return []\n        }\n        const date = new Date()\n        date.setFullYear(date.getFullYear() - 10)\n\n        const response = await getTransactionHistory(\n          sdkClient,\n          {\n            wallet: accountAddress,\n            fromTimestamp: Math.floor(date.getTime() / 1000),\n            toTimestamp: Math.floor(Date.now() / 1000),\n          },\n          { signal }\n        )\n\n        return response.transfers\n      }) as QueryFunction<StatusResponse[], (string | undefined)[], never>,\n      refetchInterval: 300_000,\n      enabled: Boolean(account.address),\n    })),\n    combine: (results) => {\n      const uniqueTransactions = new Map<string, StatusResponse>()\n      results.forEach((result) => {\n        if (result.data) {\n          result.data.forEach((transaction) => {\n            if (\n              (transaction as FullStatusData)?.transactionId &&\n              (transaction as FullStatusData)?.receiving?.chainId &&\n              transaction?.sending.chainId\n            ) {\n              uniqueTransactions.set(\n                (transaction as FullStatusData).transactionId,\n                transaction\n              )\n            }\n          })\n        }\n      })\n      // Convert raw API transactions into RouteExecution objects.\n      const data = Array.from(uniqueTransactions.values()).flatMap(\n        (transaction) => {\n          const routeExecution = buildRouteFromTxHistory(\n            transaction as FullStatusData,\n            tools\n          )\n          return routeExecution ? [routeExecution] : []\n        }\n      )\n      return {\n        data,\n        isLoading: results.some((result) => result.isLoading),\n      }\n    },\n  })\n\n  // Stable Set — only recreated when data actually changes (TanStack Query structural sharing).\n  const apiTxHashes = useMemo(\n    () => new Set(routeExecutions.map((r) => getSourceTxHash(r.route))),\n    [routeExecutions]\n  )\n\n  // Remove local store routes already indexed by the API to avoid duplicates.\n  // Must be in an effect — combine runs during render, so store mutations there\n  // would trigger \"Cannot update a component while rendering\" in concurrent mode.\n  useEffect(() => {\n    if (!apiTxHashes.size) {\n      return\n    }\n    const { routes, deleteRoute } = store.getState() as RouteExecutionState\n    for (const [id, routeExecution] of Object.entries(routes)) {\n      const txHash = getSourceTxHash(\n        (routeExecution as RouteExecution | undefined)?.route\n      )\n      if (txHash && apiTxHashes.has(txHash)) {\n        deleteRoute(id)\n      }\n    }\n  }, [apiTxHashes, store])\n\n  return {\n    data: routeExecutions,\n    isLoading,\n  }\n}\n"],"mappings":";;;;;;;;;;;;AAkBA,MAAa,8BAGR;CACH,MAAM,QAAQ,8BAA8B;CAC5C,MAAM,EAAE,aAAa,WAAW;CAChC,MAAM,EAAE,cAAc,gBAAgB;CACtC,MAAM,YAAY,aAAa;CAC/B,MAAM,EAAE,UAAU,SAAS;CAE3B,MAAM,EAAE,MAAM,iBAAiB,cAAc,WAAW;EACtD,SAAS,SAAS,KAAK,aAAa;GAClC,UAAU,CACR,YAAY,uBAAuB,SAAS,GAC5C,QAAQ,OACV;GACA,UAAU,OAAO,EAAE,UAAU,GAAG,iBAAiB,aAAa;IAC5D,IAAI,CAAC,gBACH,OAAO,CAAC;IAEV,MAAM,uBAAO,IAAI,KAAK;IACtB,KAAK,YAAY,KAAK,YAAY,IAAI,EAAE;IAYxC,QAAO,MAVgB,sBACrB,WACA;KACE,QAAQ;KACR,eAAe,KAAK,MAAM,KAAK,QAAQ,IAAI,GAAI;KAC/C,aAAa,KAAK,MAAM,KAAK,IAAI,IAAI,GAAI;IAC3C,GACA,EAAE,OAAO,CACX,EAAA,CAEgB;GAClB;GACA,iBAAiB;GACjB,SAAS,QAAQ,QAAQ,OAAO;EAClC,EAAE;EACF,UAAU,YAAY;GACpB,MAAM,qCAAqB,IAAI,IAA4B;GAC3D,QAAQ,SAAS,WAAW;IAC1B,IAAI,OAAO,MACT,OAAO,KAAK,SAAS,gBAAgB;KACnC,IACG,aAAgC,iBAChC,aAAgC,WAAW,WAC5C,aAAa,QAAQ,SAErB,mBAAmB,IAChB,YAA+B,eAChC,WACF;IAEJ,CAAC;GAEL,CAAC;GAWD,OAAO;IACL,MAVW,MAAM,KAAK,mBAAmB,OAAO,CAAC,CAAC,CAAC,SAClD,gBAAgB;KACf,MAAM,iBAAiB,wBACrB,aACA,KACF;KACA,OAAO,iBAAiB,CAAC,cAAc,IAAI,CAAC;IAC9C,CAGG;IACH,WAAW,QAAQ,MAAM,WAAW,OAAO,SAAS;GACtD;EACF;CACF,CAAC;CAGD,MAAM,cAAc,cACZ,IAAI,IAAI,gBAAgB,KAAK,MAAM,gBAAgB,EAAE,KAAK,CAAC,CAAC,GAClE,CAAC,eAAe,CAClB;CAKA,gBAAgB;EACd,IAAI,CAAC,YAAY,MACf;EAEF,MAAM,EAAE,QAAQ,gBAAgB,MAAM,SAAS;EAC/C,KAAK,MAAM,CAAC,IAAI,mBAAmB,OAAO,QAAQ,MAAM,GAAG;GACzD,MAAM,SAAS,gBACZ,gBAA+C,KAClD;GACA,IAAI,UAAU,YAAY,IAAI,MAAM,GAClC,YAAY,EAAE;EAElB;CACF,GAAG,CAAC,aAAa,KAAK,CAAC;CAEvB,OAAO;EACL,MAAM;EACN;CACF;AACF"}
+{"version":3,"file":"useTransactionHistory.js","names":[],"sources":["../../../src/hooks/useTransactionHistory.ts"],"sourcesContent":["import type { FullStatusData, StatusResponse } from '@lifi/sdk'\nimport { getTransactionHistory } from '@lifi/sdk'\nimport { useAccount } from '@lifi/wallet-management'\nimport type { QueryFunction } from '@tanstack/react-query'\nimport { useQueries } from '@tanstack/react-query'\nimport { useEffect, useMemo } from 'react'\nimport { useSDKClient } from '../providers/SDKClientProvider.js'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport { useRouteExecutionStoreContext } from '../stores/routes/RouteExecutionStore.js'\nimport type {\n  RouteExecution,\n  RouteExecutionState,\n} from '../stores/routes/types.js'\nimport { getSourceTxHash } from '../stores/routes/utils.js'\nimport { buildRouteFromTxHistory } from '../utils/converters.js'\nimport { getQueryKey } from '../utils/queries.js'\nimport { useTools } from './useTools.js'\n\nexport const useTransactionHistory = (): {\n  data: RouteExecution[]\n  isLoading: boolean\n} => {\n  const store = useRouteExecutionStoreContext()\n  const { accounts } = useAccount()\n  const { storageScopeKey } = useWidgetConfig()\n  const sdkClient = useSDKClient()\n  const { tools } = useTools()\n\n  const { data: routeExecutions, isLoading } = useQueries({\n    queries: accounts.map((account) => ({\n      queryKey: [\n        getQueryKey('transaction-history', storageScopeKey),\n        account.address,\n      ],\n      queryFn: (async ({ queryKey: [, accountAddress], signal }) => {\n        if (!accountAddress) {\n          return []\n        }\n        const date = new Date()\n        date.setFullYear(date.getFullYear() - 10)\n\n        const response = await getTransactionHistory(\n          sdkClient,\n          {\n            wallet: accountAddress,\n            fromTimestamp: Math.floor(date.getTime() / 1000),\n            toTimestamp: Math.floor(Date.now() / 1000),\n          },\n          { signal }\n        )\n\n        return response.transfers\n      }) as QueryFunction<StatusResponse[], (string | undefined)[], never>,\n      refetchInterval: 300_000,\n      enabled: Boolean(account.address),\n    })),\n    combine: (results) => {\n      const uniqueTransactions = new Map<string, StatusResponse>()\n      results.forEach((result) => {\n        if (result.data) {\n          result.data.forEach((transaction) => {\n            if (\n              (transaction as FullStatusData)?.transactionId &&\n              (transaction as FullStatusData)?.receiving?.chainId &&\n              transaction?.sending.chainId\n            ) {\n              uniqueTransactions.set(\n                (transaction as FullStatusData).transactionId,\n                transaction\n              )\n            }\n          })\n        }\n      })\n      // Convert raw API transactions into RouteExecution objects.\n      const data = Array.from(uniqueTransactions.values()).flatMap(\n        (transaction) => {\n          const routeExecution = buildRouteFromTxHistory(\n            transaction as FullStatusData,\n            tools\n          )\n          return routeExecution ? [routeExecution] : []\n        }\n      )\n      return {\n        data,\n        isLoading: results.some((result) => result.isLoading),\n      }\n    },\n  })\n\n  // Stable Set — only recreated when data actually changes (TanStack Query structural sharing).\n  const apiTxHashes = useMemo(\n    () => new Set(routeExecutions.map((r) => getSourceTxHash(r.route))),\n    [routeExecutions]\n  )\n\n  // Remove local store routes already indexed by the API to avoid duplicates.\n  // Must be in an effect — combine runs during render, so store mutations there\n  // would trigger \"Cannot update a component while rendering\" in concurrent mode.\n  useEffect(() => {\n    if (!apiTxHashes.size) {\n      return\n    }\n    const { routes, deleteRoute } = store.getState() as RouteExecutionState\n    for (const [id, routeExecution] of Object.entries(routes)) {\n      const txHash = getSourceTxHash(\n        (routeExecution as RouteExecution | undefined)?.route\n      )\n      if (txHash && apiTxHashes.has(txHash)) {\n        deleteRoute(id)\n      }\n    }\n  }, [apiTxHashes, store])\n\n  return {\n    data: routeExecutions,\n    isLoading,\n  }\n}\n"],"mappings":";;;;;;;;;;;;AAkBA,MAAa,8BAGR;CACH,MAAM,QAAQ,8BAA8B;CAC5C,MAAM,EAAE,aAAa,WAAW;CAChC,MAAM,EAAE,oBAAoB,gBAAgB;CAC5C,MAAM,YAAY,aAAa;CAC/B,MAAM,EAAE,UAAU,SAAS;CAE3B,MAAM,EAAE,MAAM,iBAAiB,cAAc,WAAW;EACtD,SAAS,SAAS,KAAK,aAAa;GAClC,UAAU,CACR,YAAY,uBAAuB,eAAe,GAClD,QAAQ,OACV;GACA,UAAU,OAAO,EAAE,UAAU,GAAG,iBAAiB,aAAa;IAC5D,IAAI,CAAC,gBACH,OAAO,CAAC;IAEV,MAAM,uBAAO,IAAI,KAAK;IACtB,KAAK,YAAY,KAAK,YAAY,IAAI,EAAE;IAYxC,QAAO,MAVgB,sBACrB,WACA;KACE,QAAQ;KACR,eAAe,KAAK,MAAM,KAAK,QAAQ,IAAI,GAAI;KAC/C,aAAa,KAAK,MAAM,KAAK,IAAI,IAAI,GAAI;IAC3C,GACA,EAAE,OAAO,CACX,EAAA,CAEgB;GAClB;GACA,iBAAiB;GACjB,SAAS,QAAQ,QAAQ,OAAO;EAClC,EAAE;EACF,UAAU,YAAY;GACpB,MAAM,qCAAqB,IAAI,IAA4B;GAC3D,QAAQ,SAAS,WAAW;IAC1B,IAAI,OAAO,MACT,OAAO,KAAK,SAAS,gBAAgB;KACnC,IACG,aAAgC,iBAChC,aAAgC,WAAW,WAC5C,aAAa,QAAQ,SAErB,mBAAmB,IAChB,YAA+B,eAChC,WACF;IAEJ,CAAC;GAEL,CAAC;GAWD,OAAO;IACL,MAVW,MAAM,KAAK,mBAAmB,OAAO,CAAC,CAAC,CAAC,SAClD,gBAAgB;KACf,MAAM,iBAAiB,wBACrB,aACA,KACF;KACA,OAAO,iBAAiB,CAAC,cAAc,IAAI,CAAC;IAC9C,CAGG;IACH,WAAW,QAAQ,MAAM,WAAW,OAAO,SAAS;GACtD;EACF;CACF,CAAC;CAGD,MAAM,cAAc,cACZ,IAAI,IAAI,gBAAgB,KAAK,MAAM,gBAAgB,EAAE,KAAK,CAAC,CAAC,GAClE,CAAC,eAAe,CAClB;CAKA,gBAAgB;EACd,IAAI,CAAC,YAAY,MACf;EAEF,MAAM,EAAE,QAAQ,gBAAgB,MAAM,SAAS;EAC/C,KAAK,MAAM,CAAC,IAAI,mBAAmB,OAAO,QAAQ,MAAM,GAAG;GACzD,MAAM,SAAS,gBACZ,gBAA+C,KAClD;GACA,IAAI,UAAU,YAAY,IAAI,MAAM,GAClC,YAAY,EAAE;EAElB;CACF,GAAG,CAAC,aAAa,KAAK,CAAC;CAEvB,OAAO;EACL,MAAM;EACN;CACF;AACF"}

package/dist/esm/index.d.ts

@@ -14,6 +14,10 @@ import { useWidgetChains } from "./hooks/useWidgetChains.js";
 import { navigationRoutes } from "./utils/navigationRoutes.js";
 import { ChainPinned, ChainTokenSelected, ContactSupport, FormFieldChanged, LowAddressActivityConfirmed, NavigationTabChanged, RouteExecutionUpdate, RouteHighValueLossUpdate, RouteSelected, SettingUpdated, TokenSearch, WidgetEvent, WidgetEvents } from "./types/events.js";
 import { WidgetEventEmitter, useWidgetEvents, widgetEvents } from "./hooks/useWidgetEvents.js";
+import { QueryParameter, ScopeKeyParameter } from "./queries/types.js";
+import { GetChainsOptions, GetChainsQueryFnData, GetChainsQueryKey, GetChainsQueryKeyParameters, GetChainsQueryOptions, getChainsQueryKey, getChainsQueryOptions, supportedChainTypes } from "./queries/getChains.js";
+import { GetToolsOptions, GetToolsQueryFnData, GetToolsQueryKey, GetToolsQueryKeyParameters, GetToolsQueryOptions, getToolsQueryKey, getToolsQueryOptions } from "./queries/getTools.js";
+import "./queries/index.js";
 import { Bookmark, BookmarkActions, BookmarkProps, BookmarkState, BookmarkStore } from "./stores/bookmarks/types.js";
 import { useFieldActions } from "./stores/form/useFieldActions.js";
 import { useFieldValues } from "./stores/form/useFieldValues.js";
@@ -31,4 +35,4 @@ import { getPriceImpact } from "./utils/getPriceImpact.js";
 import { percentFormatter } from "./utils/percentFormatter.js";
 import { ChainId, ChainType, CoinKey } from "@lifi/sdk";
 export type * from "@lifi/sdk";
-export { AllowDeny, AllowDenyItems, AllowDenySet, AllowDenySetItem, AllowDenySets, Appearance, Bookmark, BookmarkActions, BookmarkProps, BookmarkState, BookmarkStore, CalculateFeeParams, ChainId, ChainPinned, ChainTokenSelected, ChainType, CoinKey, ContactSupport, CustomMode, DefaultFieldValues, DefaultUI, DefaultValues, DisabledUIConfig, ExpansionType, ExplorerUrl, ExtractValueType, FieldNames, FieldValues, FormActions, FormFieldArray, FormFieldChanged, FormFieldNames, FormFieldOptions, FormKeyHelper, FormProps, FormRef, FormRefProps, FormState, FormStoreStore, FormType, FormTypeProps, FormValueControl, FormValues, FormValuesState, GenericFormValue, HiddenUIConfig, InternalNavigationTabKey, InternalWidgetMode, ItemPrice, ItemPriceProps, App as LiFiWidget, LowAddressActivityConfirmed, ModeOptions, NFT, NFTBase, NFTBaseProps, NFTOwner, NFTProps, NavigationProps, NavigationTabChanged, NavigationTabKey, PoweredByType, RequiredUIConfig, ResetOptions, RouteExecutionUpdate, RouteHighValueLossUpdate, RouteLabel, RouteLabelRule, RouteSelected, SetFieldValueFunction, SetOptions, SettingUpdated, SplitMode, SplitModeOptions, SplitNavigationTabKey, ToAddress, type TokenAmount, TokenSearch, TouchedFields, ValidationActions, ValidationProps, WidgetChains, WidgetConfig, WidgetConfigPartialProps, WidgetConfigProps, WidgetContractTool, type WidgetDrawer, WidgetDrawerProps, WidgetEvent, type WidgetEventEmitter, WidgetEvents, WidgetFeeConfig, WidgetLanguages, WidgetMode, WidgetProps, WidgetProvider, WidgetSDKConfig, WidgetSkeleton, WidgetTheme, WidgetThemeComponents, WidgetTokens, WidgetVariant, WidgetWalletConfig, azureLightTheme, compactNumberFormatter, createTheme, currencyExtendedFormatter, defaultMaxHeight, formatDuration, formatInputAmount, formatSlippage, formatTokenAmount, formatTokenPrice, getPriceImpact, jumperTheme, name, navigationRoutes, palette, paletteDark, paletteLight, percentFormatter, priceToTokenAmount, usdDecimals, useFieldActions, useFieldValues, useWidgetChains, useWidgetEvents, version, watermelonLightTheme, widgetEvents, windows95Theme, wrapLongWords };
+export { AllowDeny, AllowDenyItems, AllowDenySet, AllowDenySetItem, AllowDenySets, Appearance, Bookmark, BookmarkActions, BookmarkProps, BookmarkState, BookmarkStore, CalculateFeeParams, ChainId, ChainPinned, ChainTokenSelected, ChainType, CoinKey, ContactSupport, CustomMode, DefaultFieldValues, DefaultUI, DefaultValues, DisabledUIConfig, ExpansionType, ExplorerUrl, ExtractValueType, FieldNames, FieldValues, FormActions, FormFieldArray, FormFieldChanged, FormFieldNames, FormFieldOptions, FormKeyHelper, FormProps, FormRef, FormRefProps, FormState, FormStoreStore, FormType, FormTypeProps, FormValueControl, FormValues, FormValuesState, GenericFormValue, type GetChainsOptions, type GetChainsQueryFnData, type GetChainsQueryKey, type GetChainsQueryKeyParameters, type GetChainsQueryOptions, type GetToolsOptions, type GetToolsQueryFnData, type GetToolsQueryKey, type GetToolsQueryKeyParameters, type GetToolsQueryOptions, HiddenUIConfig, InternalNavigationTabKey, InternalWidgetMode, ItemPrice, ItemPriceProps, App as LiFiWidget, LowAddressActivityConfirmed, ModeOptions, NFT, NFTBase, NFTBaseProps, NFTOwner, NFTProps, NavigationProps, NavigationTabChanged, NavigationTabKey, PoweredByType, type QueryParameter, RequiredUIConfig, ResetOptions, RouteExecutionUpdate, RouteHighValueLossUpdate, RouteLabel, RouteLabelRule, RouteSelected, type ScopeKeyParameter, SetFieldValueFunction, SetOptions, SettingUpdated, SplitMode, SplitModeOptions, SplitNavigationTabKey, ToAddress, type TokenAmount, TokenSearch, TouchedFields, ValidationActions, ValidationProps, WidgetChains, WidgetConfig, WidgetConfigPartialProps, WidgetConfigProps, WidgetContractTool, type WidgetDrawer, WidgetDrawerProps, WidgetEvent, type WidgetEventEmitter, WidgetEvents, WidgetFeeConfig, WidgetLanguages, WidgetMode, WidgetProps, WidgetProvider, WidgetSDKConfig, WidgetSkeleton, WidgetTheme, WidgetThemeComponents, WidgetTokens, WidgetVariant, WidgetWalletConfig, azureLightTheme, compactNumberFormatter, createTheme, currencyExtendedFormatter, defaultMaxHeight, formatDuration, formatInputAmount, formatSlippage, formatTokenAmount, formatTokenPrice, getChainsQueryKey, getChainsQueryOptions, getPriceImpact, getToolsQueryKey, getToolsQueryOptions, jumperTheme, name, navigationRoutes, palette, paletteDark, paletteLight, percentFormatter, priceToTokenAmount, supportedChainTypes, usdDecimals, useFieldActions, useFieldValues, useWidgetChains, useWidgetEvents, version, watermelonLightTheme, widgetEvents, windows95Theme, wrapLongWords };

package/dist/esm/index.js

@@ -4,11 +4,13 @@ import { defaultMaxHeight } from "./config/constants.js";
 import { ExpansionType } from "./types/widget.js";
 import { navigationRoutes } from "./utils/navigationRoutes.js";
 import { name, version } from "./config/version.js";
+import { getChainsQueryKey, getChainsQueryOptions, supportedChainTypes } from "./queries/getChains.js";
 import { useFieldActions } from "./stores/form/useFieldActions.js";
 import { formatDuration, formatInputAmount, formatSlippage, formatTokenAmount, formatTokenPrice, priceToTokenAmount, usdDecimals, wrapLongWords } from "./utils/format.js";
 import { FormKeyHelper } from "./stores/form/types.js";
 import { useFieldValues } from "./stores/form/useFieldValues.js";
 import { getPriceImpact } from "./utils/getPriceImpact.js";
+import { getToolsQueryKey, getToolsQueryOptions } from "./queries/getTools.js";
 import { compactNumberFormatter } from "./utils/compactNumberFormatter.js";
 import { currencyExtendedFormatter } from "./utils/currencyExtendedFormatter.js";
 import { percentFormatter } from "./utils/percentFormatter.js";
@@ -25,4 +27,4 @@ import { jumperTheme } from "./themes/jumper.js";
 import { watermelonLightTheme } from "./themes/watermelonLight.js";
 import { windows95Theme } from "./themes/windows95.js";
 import { ChainId, ChainType, CoinKey } from "@lifi/sdk";
-export { ChainId, ChainType, CoinKey, ExpansionType, FormKeyHelper, ItemPrice, App as LiFiWidget, NFT, NFTBase, WidgetEvent, WidgetSkeleton, azureLightTheme, compactNumberFormatter, createTheme, currencyExtendedFormatter, defaultMaxHeight, formatDuration, formatInputAmount, formatSlippage, formatTokenAmount, formatTokenPrice, getPriceImpact, jumperTheme, name, navigationRoutes, palette, paletteDark, paletteLight, percentFormatter, priceToTokenAmount, usdDecimals, useFieldActions, useFieldValues, useWidgetChains, useWidgetEvents, version, watermelonLightTheme, widgetEvents, windows95Theme, wrapLongWords };
+export { ChainId, ChainType, CoinKey, ExpansionType, FormKeyHelper, ItemPrice, App as LiFiWidget, NFT, NFTBase, WidgetEvent, WidgetSkeleton, azureLightTheme, compactNumberFormatter, createTheme, currencyExtendedFormatter, defaultMaxHeight, formatDuration, formatInputAmount, formatSlippage, formatTokenAmount, formatTokenPrice, getChainsQueryKey, getChainsQueryOptions, getPriceImpact, getToolsQueryKey, getToolsQueryOptions, jumperTheme, name, navigationRoutes, palette, paletteDark, paletteLight, percentFormatter, priceToTokenAmount, supportedChainTypes, usdDecimals, useFieldActions, useFieldValues, useWidgetChains, useWidgetEvents, version, watermelonLightTheme, widgetEvents, windows95Theme, wrapLongWords };

package/dist/esm/pages/RoutesPage/RoutesPage.style.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RoutesPage.style.d.ts","names":[],"sources":["../../../../src/pages/RoutesPage/RoutesPage.style.ts"],"mappings":";;;cAGa,SAAO,MAAM,GAAG,MAAM,sBAAsB"}
+{"version":3,"file":"RoutesPage.style.d.ts","names":["Stack","MuiStack"],"sources":["../../../../src/pages/RoutesPage/RoutesPage.style.ts"],"mappings":";;;cAGaA,SAAO,MAAM,GAAG,MAAM,sBAAsBC"}

package/dist/esm/providers/I18nProvider/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","names":[],"sources":["../../../../src/providers/I18nProvider/types.ts"],"mappings":";;YAEY,gBAAgB,KAAK,sBAE1B,WAAW,KAAK,gBAAgB,EAAE,SAErC;YAEQ;YAmBA,0BAA0B;YAE1B,uBAEL,KAAK,eAAe,gBAAgB;GAGjB,mBAAA,gBAAgB"}
+{"version":3,"file":"types.d.ts","names":["enResource"],"sources":["../../../../src/providers/I18nProvider/types.ts"],"mappings":";;YAEY,gBAAgB,KAAK,sBAE1B,WAAW,KAAK,gBAAgB,EAAE,SAErC;YAEQ;YAmBA,0BAA0BA;YAE1B,uBAEL,KAAK,eAAe,gBAAgB;GAGjB,mBAAA,gBAAgB"}

package/dist/esm/providers/WidgetProvider/WidgetProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WidgetProvider.d.ts","names":[],"sources":["../../../../src/providers/WidgetProvider/WidgetProvider.tsx"],"mappings":";;;qBAaa,uBAAsB;qBAEtB,gBAAgB,MAAM,GACjC,MAAM,kBAAkB"}
+{"version":3,"file":"WidgetProvider.d.ts","names":[],"sources":["../../../../src/providers/WidgetProvider/WidgetProvider.tsx"],"mappings":";;;qBAmBa,uBAAsB;qBAEtB,gBAAgB,MAAM,GACjC,MAAM,kBAAkB"}

package/dist/esm/providers/WidgetProvider/WidgetProvider.js

@@ -1,9 +1,11 @@
 import { useSettingsActions } from "../../stores/settings/useSettingsActions.js";
+import { defaultQueryScopeKey, resolveQueryScopeKey, resolveStorageScopeKey } from "../../utils/scopeKeys.js";
 import { createContext, use, useId, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 const WidgetContext = createContext({
 	elementId: "",
-	integrator: ""
+	integrator: "",
+	queryScopeKey: defaultQueryScopeKey
 });
 const useWidgetConfig = () => use(WidgetContext);
 const WidgetProvider = ({ children, config: widgetConfig }) => {
@@ -11,9 +13,14 @@ const WidgetProvider = ({ children, config: widgetConfig }) => {
 	const { setDefaultSettings } = useSettingsActions();
 	if (!widgetConfig?.integrator) throw new Error("Required property \"integrator\" is missing.");
 	const value = useMemo(() => {
+		const scopeKeys = {
+			storageScopeKey: resolveStorageScopeKey(widgetConfig),
+			queryScopeKey: resolveQueryScopeKey(widgetConfig)
+		};
 		try {
 			const value = {
 				...widgetConfig,
+				...scopeKeys,
 				elementId
 			};
 			setDefaultSettings(value);
@@ -22,6 +29,7 @@ const WidgetProvider = ({ children, config: widgetConfig }) => {
 			console.warn(e);
 			return {
 				...widgetConfig,
+				...scopeKeys,
 				elementId,
 				integrator: widgetConfig.integrator
 			};

package/dist/esm/providers/WidgetProvider/WidgetProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"WidgetProvider.js","names":[],"sources":["../../../../src/providers/WidgetProvider/WidgetProvider.tsx"],"sourcesContent":["import type { Context } from 'react'\nimport { createContext, use, useId, useMemo } from 'react'\nimport { useSettingsActions } from '../../stores/settings/useSettingsActions.js'\nimport type { WidgetContextProps, WidgetProviderProps } from './types.js'\n\nconst initialContext: WidgetContextProps = {\n  elementId: '',\n  integrator: '',\n}\n\nexport const WidgetContext: Context<WidgetContextProps> =\n  createContext<WidgetContextProps>(initialContext)\n\nexport const useWidgetConfig = (): WidgetContextProps => use(WidgetContext)\n\nexport const WidgetProvider: React.FC<\n  React.PropsWithChildren<WidgetProviderProps>\n> = ({ children, config: widgetConfig }) => {\n  const elementId = useId()\n  const { setDefaultSettings } = useSettingsActions()\n\n  if (!widgetConfig?.integrator) {\n    throw new Error('Required property \"integrator\" is missing.')\n  }\n\n  const value = useMemo((): WidgetContextProps => {\n    try {\n      // Create widget configuration object\n      const value = {\n        ...widgetConfig,\n        elementId,\n      } as WidgetContextProps\n\n      // Set default settings for widget settings store\n      setDefaultSettings(value)\n\n      return value\n    } catch (e) {\n      console.warn(e)\n      return {\n        ...widgetConfig,\n        elementId,\n        integrator: widgetConfig.integrator,\n      }\n    }\n  }, [elementId, widgetConfig, setDefaultSettings])\n  return <WidgetContext value={value}>{children}</WidgetContext>\n}\n"],"mappings":";;;AAUA,MAAa,gBACX,cAAkC;CALlC,WAAW;CACX,YAAY;AAIsB,CAAc;AAElD,MAAa,wBAA4C,IAAI,aAAa;AAE1E,MAAa,kBAER,EAAE,UAAU,QAAQ,mBAAmB;CAC1C,MAAM,YAAY,MAAM;CACxB,MAAM,EAAE,uBAAuB,mBAAmB;CAElD,IAAI,CAAC,cAAc,YACjB,MAAM,IAAI,MAAM,8CAA4C;CAG9D,MAAM,QAAQ,cAAkC;EAC9C,IAAI;GAEF,MAAM,QAAQ;IACZ,GAAG;IACH;GACF;GAGA,mBAAmB,KAAK;GAExB,OAAO;EACT,SAAS,GAAG;GACV,QAAQ,KAAK,CAAC;GACd,OAAO;IACL,GAAG;IACH;IACA,YAAY,aAAa;GAC3B;EACF;CACF,GAAG;EAAC;EAAW;EAAc;CAAkB,CAAC;CAChD,OAAO,oBAAC,eAAD;EAAsB;EAAQ;CAAwB,CAAA;AAC/D"}
+{"version":3,"file":"WidgetProvider.js","names":[],"sources":["../../../../src/providers/WidgetProvider/WidgetProvider.tsx"],"sourcesContent":["import type { Context } from 'react'\nimport { createContext, use, useId, useMemo } from 'react'\nimport { useSettingsActions } from '../../stores/settings/useSettingsActions.js'\nimport {\n  defaultQueryScopeKey,\n  resolveQueryScopeKey,\n  resolveStorageScopeKey,\n} from '../../utils/scopeKeys.js'\nimport type { WidgetContextProps, WidgetProviderProps } from './types.js'\n\nconst initialContext: WidgetContextProps = {\n  elementId: '',\n  integrator: '',\n  queryScopeKey: defaultQueryScopeKey,\n}\n\nexport const WidgetContext: Context<WidgetContextProps> =\n  createContext<WidgetContextProps>(initialContext)\n\nexport const useWidgetConfig = (): WidgetContextProps => use(WidgetContext)\n\nexport const WidgetProvider: React.FC<\n  React.PropsWithChildren<WidgetProviderProps>\n> = ({ children, config: widgetConfig }) => {\n  const elementId = useId()\n  const { setDefaultSettings } = useSettingsActions()\n\n  if (!widgetConfig?.integrator) {\n    throw new Error('Required property \"integrator\" is missing.')\n  }\n\n  const value = useMemo((): WidgetContextProps => {\n    // Resolved once, so nothing below reads the deprecated keyPrefix.\n    const scopeKeys = {\n      storageScopeKey: resolveStorageScopeKey(widgetConfig),\n      queryScopeKey: resolveQueryScopeKey(widgetConfig),\n    }\n    try {\n      // Create widget configuration object\n      const value = {\n        ...widgetConfig,\n        ...scopeKeys,\n        elementId,\n      } as WidgetContextProps\n\n      // Set default settings for widget settings store\n      setDefaultSettings(value)\n\n      return value\n    } catch (e) {\n      console.warn(e)\n      return {\n        ...widgetConfig,\n        ...scopeKeys,\n        elementId,\n        integrator: widgetConfig.integrator,\n      }\n    }\n  }, [elementId, widgetConfig, setDefaultSettings])\n  return <WidgetContext value={value}>{children}</WidgetContext>\n}\n"],"mappings":";;;;AAgBA,MAAa,gBACX,cAAkC;CANlC,WAAW;CACX,YAAY;CACZ,eAAe;AAImB,CAAc;AAElD,MAAa,wBAA4C,IAAI,aAAa;AAE1E,MAAa,kBAER,EAAE,UAAU,QAAQ,mBAAmB;CAC1C,MAAM,YAAY,MAAM;CACxB,MAAM,EAAE,uBAAuB,mBAAmB;CAElD,IAAI,CAAC,cAAc,YACjB,MAAM,IAAI,MAAM,8CAA4C;CAG9D,MAAM,QAAQ,cAAkC;EAE9C,MAAM,YAAY;GAChB,iBAAiB,uBAAuB,YAAY;GACpD,eAAe,qBAAqB,YAAY;EAClD;EACA,IAAI;GAEF,MAAM,QAAQ;IACZ,GAAG;IACH,GAAG;IACH;GACF;GAGA,mBAAmB,KAAK;GAExB,OAAO;EACT,SAAS,GAAG;GACV,QAAQ,KAAK,CAAC;GACd,OAAO;IACL,GAAG;IACH,GAAG;IACH;IACA,YAAY,aAAa;GAC3B;EACF;CACF,GAAG;EAAC;EAAW;EAAc;CAAkB,CAAC;CAChD,OAAO,oBAAC,eAAD;EAAsB;EAAQ;CAAwB,CAAA;AAC/D"}

package/dist/esm/providers/WidgetProvider/types.d.ts

@@ -2,6 +2,8 @@ import { WidgetConfig } from "../../types/widget.js";
 //#region src/providers/WidgetProvider/types.d.ts
 export type WidgetContextProps = WidgetConfig & {
   elementId: string;
+  /** Always resolved by `WidgetProvider` — see `resolveQueryScopeKey`. */
+  queryScopeKey: string;
 };
 export interface WidgetProviderProps {
   config?: WidgetConfig;

package/dist/esm/providers/WidgetProvider/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","names":[],"sources":["../../../../src/providers/WidgetProvider/types.ts"],"mappings":";;YAEY,qBAAqB;EAC/B;;iBAGe;EACf,SAAS"}
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../../../src/providers/WidgetProvider/types.ts"],"mappings":";;YAEY,qBAAqB;EAC/B;;EAEA;;iBAGe;EACf,SAAS"}

package/dist/esm/queries/getChains.d.ts

@@ -0,0 +1,38 @@
+import { FactoryQueryOptions, QueryParameter, ScopeKeyParameter } from "./types.js";
+import { ChainType, ExtendedChain, SDKClient } from "@lifi/sdk";
+//#region src/queries/getChains.d.ts
+/** Every chain type the widget supports, in the order keys are built in. */
+export declare const supportedChainTypes: readonly ChainType[];
+export type GetChainsQueryFnData = ExtendedChain[];
+export type GetChainsQueryKeyParameters = {
+  /** API base the client talks to. Different bases return different chains. */
+  apiUrl: string;
+  chainTypes: readonly ChainType[];
+} & ScopeKeyParameter;
+export type GetChainsQueryKey = readonly ["chains", {
+  apiUrl: string;
+  chainTypes: ChainType[];
+  scopeKey?: string;
+}];
+/** The key alone — to read, set or invalidate the entry. */
+export declare function getChainsQueryKey(parameters: GetChainsQueryKeyParameters): GetChainsQueryKey;
+export type GetChainsOptions<selectData = GetChainsQueryFnData> = {
+  /** Chain types to request, in any order. Defaults to every supported type. */
+  chainTypes?: readonly ChainType[] | undefined;
+} & ScopeKeyParameter & QueryParameter<GetChainsQueryFnData, selectData, GetChainsQueryKey>;
+export type GetChainsQueryOptions<selectData = GetChainsQueryFnData> = FactoryQueryOptions<GetChainsQueryFnData, selectData, GetChainsQueryKey>;
+/**
+ * Query options for the chain list of one API base.
+ *
+ * The key is `['chains', { apiUrl, chainTypes, scopeKey }]`: the API base and
+ * the requested types decide the response, the scope isolates integrations.
+ * The widget and a host app that build their options here, with the same
+ * scope, therefore share one cache entry and one request.
+ *
+ * The query has no side effects. A caller that needs the chains in its SDK
+ * client's storage calls `client.setChains` on the data — the entry may have
+ * been filled by another caller, so a `queryFn` cannot be relied on to run.
+ */
+export declare function getChainsQueryOptions<selectData = GetChainsQueryFnData>(client: SDKClient, options?: GetChainsOptions<selectData>): GetChainsQueryOptions<selectData>;
+//#endregion
+//# sourceMappingURL=getChains.d.ts.map

package/dist/esm/queries/getChains.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getChains.d.ts","names":[],"sources":["../../../src/queries/getChains.ts"],"mappings":";;;;qBASa,8BAA8B;YAS/B,uBAAuB;YAEvB;;EAEV;EACA,qBAAqB;IACnB;YAEQ;EAER;EAAgB,YAAY;EAAa;;;wBAS7B,kBACd,YAAY,8BACX;YAiBS,iBAAiB,aAAa;;EAExC,sBAAsB;IACpB,oBACF,eAAe,sBAAsB,YAAY;YAEvC,sBAAsB,aAAa,wBAC7C,oBAAoB,sBAAsB,YAAY;;;;;;;;;;;;;wBAcxC,sBAAsB,aAAa,sBACjD,QAAQ,WACR,UAAS,iBAAiB,cACzB,sBAAsB"}

package/dist/esm/queries/getChains.js

@@ -0,0 +1,51 @@
+import { ChainType, getChains } from "@lifi/sdk";
+//#region src/queries/getChains.ts
+/** Every chain type the widget supports, in the order keys are built in. */
+const supportedChainTypes = [
+	ChainType.EVM,
+	ChainType.SVM,
+	ChainType.UTXO,
+	ChainType.MVM,
+	ChainType.TVM,
+	ChainType.STL
+];
+const rank = (type) => {
+	const index = supportedChainTypes.indexOf(type);
+	return index === -1 ? supportedChainTypes.length : index;
+};
+/** The key alone — to read, set or invalidate the entry. */
+function getChainsQueryKey(parameters) {
+	const chainTypes = [...new Set(parameters.chainTypes)].sort((a, b) => rank(a) - rank(b) || a.localeCompare(b));
+	return ["chains", {
+		apiUrl: parameters.apiUrl,
+		chainTypes,
+		...parameters.scopeKey === void 0 ? {} : { scopeKey: parameters.scopeKey }
+	}];
+}
+/**
+* Query options for the chain list of one API base.
+*
+* The key is `['chains', { apiUrl, chainTypes, scopeKey }]`: the API base and
+* the requested types decide the response, the scope isolates integrations.
+* The widget and a host app that build their options here, with the same
+* scope, therefore share one cache entry and one request.
+*
+* The query has no side effects. A caller that needs the chains in its SDK
+* client's storage calls `client.setChains` on the data — the entry may have
+* been filled by another caller, so a `queryFn` cannot be relied on to run.
+*/
+function getChainsQueryOptions(client, options = {}) {
+	return {
+		...options.query,
+		queryKey: getChainsQueryKey({
+			apiUrl: client.config.apiUrl,
+			chainTypes: options.chainTypes ?? supportedChainTypes,
+			scopeKey: options.scopeKey
+		}),
+		queryFn: ({ queryKey: [, { chainTypes }] }) => getChains(client, { chainTypes })
+	};
+}
+//#endregion
+export { getChainsQueryKey, getChainsQueryOptions, supportedChainTypes };
+
+//# sourceMappingURL=getChains.js.map

package/dist/esm/queries/getChains.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getChains.js","names":[],"sources":["../../../src/queries/getChains.ts"],"sourcesContent":["import type { ExtendedChain, SDKClient } from '@lifi/sdk'\nimport { ChainType, getChains } from '@lifi/sdk'\nimport type {\n  FactoryQueryOptions,\n  QueryParameter,\n  ScopeKeyParameter,\n} from './types.js'\n\n/** Every chain type the widget supports, in the order keys are built in. */\nexport const supportedChainTypes: readonly ChainType[] = [\n  ChainType.EVM,\n  ChainType.SVM,\n  ChainType.UTXO,\n  ChainType.MVM,\n  ChainType.TVM,\n  ChainType.STL,\n]\n\nexport type GetChainsQueryFnData = ExtendedChain[]\n\nexport type GetChainsQueryKeyParameters = {\n  /** API base the client talks to. Different bases return different chains. */\n  apiUrl: string\n  chainTypes: readonly ChainType[]\n} & ScopeKeyParameter\n\nexport type GetChainsQueryKey = readonly [\n  'chains',\n  { apiUrl: string; chainTypes: ChainType[]; scopeKey?: string },\n]\n\nconst rank = (type: ChainType): number => {\n  const index = supportedChainTypes.indexOf(type)\n  return index === -1 ? supportedChainTypes.length : index\n}\n\n/** The key alone — to read, set or invalidate the entry. */\nexport function getChainsQueryKey(\n  parameters: GetChainsQueryKeyParameters\n): GetChainsQueryKey {\n  // Array order is part of the query hash, so sort into one canonical order.\n  const chainTypes = [...new Set(parameters.chainTypes)].sort(\n    (a, b) => rank(a) - rank(b) || a.localeCompare(b)\n  )\n  return [\n    'chains',\n    {\n      apiUrl: parameters.apiUrl,\n      chainTypes,\n      ...(parameters.scopeKey === undefined\n        ? {}\n        : { scopeKey: parameters.scopeKey }),\n    },\n  ]\n}\n\nexport type GetChainsOptions<selectData = GetChainsQueryFnData> = {\n  /** Chain types to request, in any order. Defaults to every supported type. */\n  chainTypes?: readonly ChainType[] | undefined\n} & ScopeKeyParameter &\n  QueryParameter<GetChainsQueryFnData, selectData, GetChainsQueryKey>\n\nexport type GetChainsQueryOptions<selectData = GetChainsQueryFnData> =\n  FactoryQueryOptions<GetChainsQueryFnData, selectData, GetChainsQueryKey>\n\n/**\n * Query options for the chain list of one API base.\n *\n * The key is `['chains', { apiUrl, chainTypes, scopeKey }]`: the API base and\n * the requested types decide the response, the scope isolates integrations.\n * The widget and a host app that build their options here, with the same\n * scope, therefore share one cache entry and one request.\n *\n * The query has no side effects. A caller that needs the chains in its SDK\n * client's storage calls `client.setChains` on the data — the entry may have\n * been filled by another caller, so a `queryFn` cannot be relied on to run.\n */\nexport function getChainsQueryOptions<selectData = GetChainsQueryFnData>(\n  client: SDKClient,\n  options: GetChainsOptions<selectData> = {}\n): GetChainsQueryOptions<selectData> {\n  return {\n    ...options.query,\n    queryKey: getChainsQueryKey({\n      apiUrl: client.config.apiUrl,\n      chainTypes: options.chainTypes ?? supportedChainTypes,\n      scopeKey: options.scopeKey,\n    }),\n    // No signal: the data still fills the cache if all observers leave.\n    queryFn: ({ queryKey: [, { chainTypes }] }) =>\n      getChains(client, { chainTypes }),\n  }\n}\n"],"mappings":";;;AASA,MAAa,sBAA4C;CACvD,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;AACZ;AAeA,MAAM,QAAQ,SAA4B;CACxC,MAAM,QAAQ,oBAAoB,QAAQ,IAAI;CAC9C,OAAO,UAAU,KAAK,oBAAoB,SAAS;AACrD;;AAGA,SAAgB,kBACd,YACmB;CAEnB,MAAM,aAAa,CAAC,GAAG,IAAI,IAAI,WAAW,UAAU,CAAC,CAAC,CAAC,MACpD,GAAG,MAAM,KAAK,CAAC,IAAI,KAAK,CAAC,KAAK,EAAE,cAAc,CAAC,CAClD;CACA,OAAO,CACL,UACA;EACE,QAAQ,WAAW;EACnB;EACA,GAAI,WAAW,aAAa,KAAA,IACxB,CAAC,IACD,EAAE,UAAU,WAAW,SAAS;CACtC,CACF;AACF;;;;;;;;;;;;;AAuBA,SAAgB,sBACd,QACA,UAAwC,CAAC,GACN;CACnC,OAAO;EACL,GAAG,QAAQ;EACX,UAAU,kBAAkB;GAC1B,QAAQ,OAAO,OAAO;GACtB,YAAY,QAAQ,cAAc;GAClC,UAAU,QAAQ;EACpB,CAAC;EAED,UAAU,EAAE,UAAU,GAAG,EAAE,oBACzB,UAAU,QAAQ,EAAE,WAAW,CAAC;CACpC;AACF"}

package/dist/esm/queries/getTools.d.ts

@@ -0,0 +1,26 @@
+import { FactoryQueryOptions, QueryParameter, ScopeKeyParameter } from "./types.js";
+import { SDKClient, ToolsResponse } from "@lifi/sdk";
+//#region src/queries/getTools.d.ts
+export type GetToolsQueryFnData = ToolsResponse;
+export type GetToolsQueryKeyParameters = {
+  /** API base the client talks to. Different bases return different tools. */
+  apiUrl: string;
+} & ScopeKeyParameter;
+export type GetToolsQueryKey = readonly ["tools", {
+  apiUrl: string;
+  scopeKey?: string;
+}];
+/** The key alone — to read, set or invalidate the entry. */
+export declare function getToolsQueryKey(parameters: GetToolsQueryKeyParameters): GetToolsQueryKey;
+export type GetToolsOptions<selectData = GetToolsQueryFnData> = ScopeKeyParameter & QueryParameter<GetToolsQueryFnData, selectData, GetToolsQueryKey>;
+export type GetToolsQueryOptions<selectData = GetToolsQueryFnData> = FactoryQueryOptions<GetToolsQueryFnData, selectData, GetToolsQueryKey>;
+/**
+ * Query options for the bridges and exchanges of one API base.
+ *
+ * The key is `['tools', { apiUrl, scopeKey }]`. The cache holds the raw,
+ * unfiltered response so every caller can share it; narrow it per caller with
+ * `query.select`, never in the `queryFn`.
+ */
+export declare function getToolsQueryOptions<selectData = GetToolsQueryFnData>(client: SDKClient, options?: GetToolsOptions<selectData>): GetToolsQueryOptions<selectData>;
+//#endregion
+//# sourceMappingURL=getTools.d.ts.map

package/dist/esm/queries/getTools.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getTools.d.ts","names":[],"sources":["../../../src/queries/getTools.ts"],"mappings":";;;YAQY,sBAAsB;YAEtB;;EAEV;IACE;YAEQ;EAER;EAAgB;;;wBAIJ,iBACd,YAAY,6BACX;YAYS,gBAAgB,aAAa,uBACvC,oBACE,eAAe,qBAAqB,YAAY;YAExC,qBAAqB,aAAa,uBAC5C,oBAAoB,qBAAqB,YAAY;;;;;;;;wBASvC,qBAAqB,aAAa,qBAChD,QAAQ,WACR,UAAS,gBAAgB,cACxB,qBAAqB"}

package/dist/esm/queries/getTools.js

@@ -0,0 +1,30 @@
+import { getTools } from "@lifi/sdk";
+//#region src/queries/getTools.ts
+/** The key alone — to read, set or invalidate the entry. */
+function getToolsQueryKey(parameters) {
+	return ["tools", {
+		apiUrl: parameters.apiUrl,
+		...parameters.scopeKey === void 0 ? {} : { scopeKey: parameters.scopeKey }
+	}];
+}
+/**
+* Query options for the bridges and exchanges of one API base.
+*
+* The key is `['tools', { apiUrl, scopeKey }]`. The cache holds the raw,
+* unfiltered response so every caller can share it; narrow it per caller with
+* `query.select`, never in the `queryFn`.
+*/
+function getToolsQueryOptions(client, options = {}) {
+	return {
+		...options.query,
+		queryKey: getToolsQueryKey({
+			apiUrl: client.config.apiUrl,
+			scopeKey: options.scopeKey
+		}),
+		queryFn: ({ signal }) => getTools(client, void 0, { signal })
+	};
+}
+//#endregion
+export { getToolsQueryKey, getToolsQueryOptions };
+
+//# sourceMappingURL=getTools.js.map

package/dist/esm/queries/getTools.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getTools.js","names":[],"sources":["../../../src/queries/getTools.ts"],"sourcesContent":["import type { SDKClient, ToolsResponse } from '@lifi/sdk'\nimport { getTools } from '@lifi/sdk'\nimport type {\n  FactoryQueryOptions,\n  QueryParameter,\n  ScopeKeyParameter,\n} from './types.js'\n\nexport type GetToolsQueryFnData = ToolsResponse\n\nexport type GetToolsQueryKeyParameters = {\n  /** API base the client talks to. Different bases return different tools. */\n  apiUrl: string\n} & ScopeKeyParameter\n\nexport type GetToolsQueryKey = readonly [\n  'tools',\n  { apiUrl: string; scopeKey?: string },\n]\n\n/** The key alone — to read, set or invalidate the entry. */\nexport function getToolsQueryKey(\n  parameters: GetToolsQueryKeyParameters\n): GetToolsQueryKey {\n  return [\n    'tools',\n    {\n      apiUrl: parameters.apiUrl,\n      ...(parameters.scopeKey === undefined\n        ? {}\n        : { scopeKey: parameters.scopeKey }),\n    },\n  ]\n}\n\nexport type GetToolsOptions<selectData = GetToolsQueryFnData> =\n  ScopeKeyParameter &\n    QueryParameter<GetToolsQueryFnData, selectData, GetToolsQueryKey>\n\nexport type GetToolsQueryOptions<selectData = GetToolsQueryFnData> =\n  FactoryQueryOptions<GetToolsQueryFnData, selectData, GetToolsQueryKey>\n\n/**\n * Query options for the bridges and exchanges of one API base.\n *\n * The key is `['tools', { apiUrl, scopeKey }]`. The cache holds the raw,\n * unfiltered response so every caller can share it; narrow it per caller with\n * `query.select`, never in the `queryFn`.\n */\nexport function getToolsQueryOptions<selectData = GetToolsQueryFnData>(\n  client: SDKClient,\n  options: GetToolsOptions<selectData> = {}\n): GetToolsQueryOptions<selectData> {\n  return {\n    ...options.query,\n    queryKey: getToolsQueryKey({\n      apiUrl: client.config.apiUrl,\n      scopeKey: options.scopeKey,\n    }),\n    queryFn: ({ signal }) => getTools(client, undefined, { signal }),\n  }\n}\n"],"mappings":";;;AAqBA,SAAgB,iBACd,YACkB;CAClB,OAAO,CACL,SACA;EACE,QAAQ,WAAW;EACnB,GAAI,WAAW,aAAa,KAAA,IACxB,CAAC,IACD,EAAE,UAAU,WAAW,SAAS;CACtC,CACF;AACF;;;;;;;;AAgBA,SAAgB,qBACd,QACA,UAAuC,CAAC,GACN;CAClC,OAAO;EACL,GAAG,QAAQ;EACX,UAAU,iBAAiB;GACzB,QAAQ,OAAO,OAAO;GACtB,UAAU,QAAQ;EACpB,CAAC;EACD,UAAU,EAAE,aAAa,SAAS,QAAQ,KAAA,GAAW,EAAE,OAAO,CAAC;CACjE;AACF"}

package/dist/esm/queries/index.d.ts

@@ -0,0 +1,4 @@
+import { QueryParameter, ScopeKeyParameter } from "./types.js";
+import { GetChainsOptions, GetChainsQueryFnData, GetChainsQueryKey, GetChainsQueryKeyParameters, GetChainsQueryOptions, getChainsQueryKey, getChainsQueryOptions, supportedChainTypes } from "./getChains.js";
+import { GetToolsOptions, GetToolsQueryFnData, GetToolsQueryKey, GetToolsQueryKeyParameters, GetToolsQueryOptions, getToolsQueryKey, getToolsQueryOptions } from "./getTools.js";
+export { type GetChainsOptions, type GetChainsQueryFnData, type GetChainsQueryKey, type GetChainsQueryKeyParameters, type GetChainsQueryOptions, type GetToolsOptions, type GetToolsQueryFnData, type GetToolsQueryKey, type GetToolsQueryKeyParameters, type GetToolsQueryOptions, type QueryParameter, type ScopeKeyParameter, getChainsQueryKey, getChainsQueryOptions, getToolsQueryKey, getToolsQueryOptions, supportedChainTypes };

package/dist/esm/queries/index.js

@@ -0,0 +1,3 @@
+import { getChainsQueryKey, getChainsQueryOptions, supportedChainTypes } from "./getChains.js";
+import { getToolsQueryKey, getToolsQueryOptions } from "./getTools.js";
+export { getChainsQueryKey, getChainsQueryOptions, getToolsQueryKey, getToolsQueryOptions, supportedChainTypes };

package/dist/esm/queries/types.d.ts

@@ -0,0 +1,25 @@
+import { QueryFunction, QueryKey, UseQueryOptions } from "@tanstack/react-query";
+//#region src/queries/types.d.ts
+export type ScopeKeyParameter = {
+  /**
+   * Scopes the entry inside a shared `QueryClient`, like wagmi's `scopeKey`.
+   * Callers that pass the same value share the cached data; a widget passes
+   * its `queryScopeKey`.
+   */
+  scopeKey?: string | undefined;
+};
+/**
+ * Behaviour the caller owns — `staleTime`, `refetchInterval`, `select`,
+ * `enabled`, … It is spread into the options and never becomes part of the
+ * key, so callers with different behaviour still share one entry.
+ */
+export type QueryParameter<queryFnData, data, queryKey extends QueryKey> = {
+  query?: Omit<UseQueryOptions<queryFnData, Error, data, queryKey>, "queryKey" | "queryFn"> | undefined;
+};
+/** Options ready for `useQuery`, `fetchQuery` or `prefetchQuery`. */
+export type FactoryQueryOptions<queryFnData, data, queryKey extends QueryKey> = UseQueryOptions<queryFnData, Error, data, queryKey> & {
+  queryKey: queryKey;
+  queryFn: QueryFunction<queryFnData, queryKey>;
+};
+//#endregion
+//# sourceMappingURL=types.d.ts.map

package/dist/esm/queries/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../../src/queries/types.ts"],"mappings":";;YAMY;;;;;;EAMV;;;;;;;YAQU,eAAe,aAAa,MAAM,iBAAiB;EAC7D,QACI,KACE,gBAAgB,aAAa,OAAO,MAAM;;;YAOtC,oBACV,aACA,MACA,iBAAiB,YACf,gBAAgB,aAAa,OAAO,MAAM;EAC5C,UAAU;EACV,SAAS,cAAc,aAAa"}

package/dist/esm/shared.d.ts

@@ -103,6 +103,7 @@ import { buildRouteFromTxHistory } from "./utils/converters.js";
 import { ElementId, createElementId } from "./utils/elements.js";
 import { hasEnumFlag } from "./utils/enum.js";
 import { fitInputText } from "./utils/input.js";
+import { resolveStorageScopeKey } from "./utils/scopeKeys.js";
 import { isHttpUrl, openInNewTab } from "./utils/url.js";
 import { shortenAddress } from "./utils/wallet.js";
-export { ActionRow, AddressType, AmountInputEndAdornment, AvatarBadgedDefault, BaseTransactionButton, BookmarkStoreProvider, type BottomSheetBase, ButtonTertiary, Card, CardIconButton, CardTitle, ChainAvatar, ChainSelect, ConfirmToAddressSheet, ContactSupportButton, ContractComponent, DateLabelContainer, DateLabelText, DetailInfoIcon, DetailLabel, DetailLabelContainer, DetailRow, DetailValue, ElementId, ExchangeRateBottomSheet, type ExchangeRateBottomSheetBase, ExecutionDoneCard, type ExecutionRow, ExecutionStatusCard, ExternalLink, FeeBreakdownTooltip, FormControl, FormKeyHelper, type FormRef, type FormType, type FormTypeProps, I18nProvider, IconCircle, IconTypography, Input, InputCard, InputPriceButton, ListItemButton, MainWarningMessages, PageContainer, PoweredBy, ProgressToNextUpdate, QueryClientProvider, RouteCard, RouteCardSkeleton, RouteDetails, RouteExecutionStatus, RouteNotFoundCard, RouteTokens, RouteTracker, SDKClientProvider, SearchInput, SearchTokenInput, SelectChainPage, SendToWalletButton, SentToWalletRow, SettingsStoreProvider, Stack, StartTransactionButton, StatusIcon, StepActionsList, StoreProvider, Token, TokenAvatar, TokenNotFound, TokenRate, TokenValueBottomSheet, TransactionDoneButtons, VirtualizedTokenList, WalletProvider, WarningMessages, type WidgetConfig, WidgetEvent, WidgetProvider, type WidgetTheme, buildRouteFromTxHistory, calculateValueLossPercentage, createElementId, createTheme, fitInputText, formatDuration, formatInputAmount, formatTokenAmount, formatTokenPrice, getAccumulatedFeeCostsBreakdown, getPriceImpact, getSourceTxHash, getTokenValueLossThreshold, hasEnumFlag, isHttpUrl, isRouteActive, isRouteDone, isRouteFailed, navigationRoutes, openInNewTab, priceToTokenAmount, shortenAddress, usdDecimals, useAddressActivity, useAddressValidation, useAvailableChains, useChain, useChainOrderStore, useContactSupport, useDebouncedWatch, useExecutionRows, useExplorer, useFieldActions, useFieldValues, useHeader, useHeaderStore, useInputModeStore, useListHeight, useNavigateBack, useRouteExecution, useRouteExecutionMessage, useRouteExecutionStore, useRouteExecutionStoreContext, useRoutes, useSDKClient, useSetHeaderHeight, useSettingsStoreContext, useToAddressRequirements, useToken, useTokenAddressBalance, useTokenBalances, useTokenList, useTokenSelect, useTools, useWidgetConfig, useWidgetEvents };
+export { ActionRow, AddressType, AmountInputEndAdornment, AvatarBadgedDefault, BaseTransactionButton, BookmarkStoreProvider, type BottomSheetBase, ButtonTertiary, Card, CardIconButton, CardTitle, ChainAvatar, ChainSelect, ConfirmToAddressSheet, ContactSupportButton, ContractComponent, DateLabelContainer, DateLabelText, DetailInfoIcon, DetailLabel, DetailLabelContainer, DetailRow, DetailValue, ElementId, ExchangeRateBottomSheet, type ExchangeRateBottomSheetBase, ExecutionDoneCard, type ExecutionRow, ExecutionStatusCard, ExternalLink, FeeBreakdownTooltip, FormControl, FormKeyHelper, type FormRef, type FormType, type FormTypeProps, I18nProvider, IconCircle, IconTypography, Input, InputCard, InputPriceButton, ListItemButton, MainWarningMessages, PageContainer, PoweredBy, ProgressToNextUpdate, QueryClientProvider, RouteCard, RouteCardSkeleton, RouteDetails, RouteExecutionStatus, RouteNotFoundCard, RouteTokens, RouteTracker, SDKClientProvider, SearchInput, SearchTokenInput, SelectChainPage, SendToWalletButton, SentToWalletRow, SettingsStoreProvider, Stack, StartTransactionButton, StatusIcon, StepActionsList, StoreProvider, Token, TokenAvatar, TokenNotFound, TokenRate, TokenValueBottomSheet, TransactionDoneButtons, VirtualizedTokenList, WalletProvider, WarningMessages, type WidgetConfig, WidgetEvent, WidgetProvider, type WidgetTheme, buildRouteFromTxHistory, calculateValueLossPercentage, createElementId, createTheme, fitInputText, formatDuration, formatInputAmount, formatTokenAmount, formatTokenPrice, getAccumulatedFeeCostsBreakdown, getPriceImpact, getSourceTxHash, getTokenValueLossThreshold, hasEnumFlag, isHttpUrl, isRouteActive, isRouteDone, isRouteFailed, navigationRoutes, openInNewTab, priceToTokenAmount, resolveStorageScopeKey, shortenAddress, usdDecimals, useAddressActivity, useAddressValidation, useAvailableChains, useChain, useChainOrderStore, useContactSupport, useDebouncedWatch, useExecutionRows, useExplorer, useFieldActions, useFieldValues, useHeader, useHeaderStore, useInputModeStore, useListHeight, useNavigateBack, useRouteExecution, useRouteExecutionMessage, useRouteExecutionStore, useRouteExecutionStoreContext, useRoutes, useSDKClient, useSetHeaderHeight, useSettingsStoreContext, useToAddressRequirements, useToken, useTokenAddressBalance, useTokenBalances, useTokenList, useTokenSelect, useTools, useWidgetConfig, useWidgetEvents };

package/dist/esm/shared.js

@@ -1,6 +1,7 @@
 import { useWidgetEvents } from "./hooks/useWidgetEvents.js";
 import { WidgetEvent } from "./types/events.js";
 import { SettingsStoreProvider, useSettingsStoreContext } from "./stores/settings/SettingsStore.js";
+import { resolveStorageScopeKey } from "./utils/scopeKeys.js";
 import { WidgetProvider, useWidgetConfig } from "./providers/WidgetProvider/WidgetProvider.js";
 import { useHeaderStore, useSetHeaderHeight } from "./stores/header/useHeaderStore.js";
 import { ElementId, createElementId } from "./utils/elements.js";
@@ -103,4 +104,4 @@ import { createTheme } from "./themes/createTheme.js";
 import { WalletProvider } from "./providers/WalletProvider/WalletProvider.js";
 import { StoreProvider } from "./stores/StoreProvider.js";
 import { useTokenList } from "./hooks/useTokenList.js";
-export { ActionRow, AddressType, AmountInputEndAdornment, AvatarBadgedDefault, BaseTransactionButton, BookmarkStoreProvider, ButtonTertiary, Card, CardIconButton, CardTitle, ChainAvatar, ChainSelect, ConfirmToAddressSheet, ContactSupportButton, ContractComponent, DateLabelContainer, DateLabelText, DetailInfoIcon, DetailLabel, DetailLabelContainer, DetailRow, DetailValue, ElementId, ExchangeRateBottomSheet, ExecutionDoneCard, ExecutionStatusCard, ExternalLink, FeeBreakdownTooltip, FormControl, FormKeyHelper, I18nProvider, IconCircle, IconTypography, Input, InputCard, InputPriceButton, ListItemButton, MainWarningMessages, PageContainer, PoweredBy, ProgressToNextUpdate, QueryClientProvider, RouteCard, RouteCardSkeleton, RouteDetails, RouteExecutionStatus, RouteNotFoundCard, RouteTokens, RouteTracker, SDKClientProvider, SearchInput, SearchTokenInput, SelectChainPage, SendToWalletButton, SentToWalletRow, SettingsStoreProvider, Stack, StartTransactionButton, StatusIcon, StepActionsList, StoreProvider, Token, TokenAvatar, TokenNotFound, TokenRate, TokenValueBottomSheet, TransactionDoneButtons, VirtualizedTokenList, WalletProvider, WarningMessages, WidgetEvent, WidgetProvider, buildRouteFromTxHistory, calculateValueLossPercentage, createElementId, createTheme, fitInputText, formatDuration, formatInputAmount, formatTokenAmount, formatTokenPrice, getAccumulatedFeeCostsBreakdown, getPriceImpact, getSourceTxHash, getTokenValueLossThreshold, hasEnumFlag, isHttpUrl, isRouteActive, isRouteDone, isRouteFailed, navigationRoutes, openInNewTab, priceToTokenAmount, shortenAddress, usdDecimals, useAddressActivity, useAddressValidation, useAvailableChains, useChain, useChainOrderStore, useContactSupport, useDebouncedWatch, useExecutionRows, useExplorer, useFieldActions, useFieldValues, useHeader, useHeaderStore, useInputModeStore, useListHeight, useNavigateBack, useRouteExecution, useRouteExecutionMessage, useRouteExecutionStore, useRouteExecutionStoreContext, useRoutes, useSDKClient, useSetHeaderHeight, useSettingsStoreContext, useToAddressRequirements, useToken, useTokenAddressBalance, useTokenBalances, useTokenList, useTokenSelect, useTools, useWidgetConfig, useWidgetEvents };
+export { ActionRow, AddressType, AmountInputEndAdornment, AvatarBadgedDefault, BaseTransactionButton, BookmarkStoreProvider, ButtonTertiary, Card, CardIconButton, CardTitle, ChainAvatar, ChainSelect, ConfirmToAddressSheet, ContactSupportButton, ContractComponent, DateLabelContainer, DateLabelText, DetailInfoIcon, DetailLabel, DetailLabelContainer, DetailRow, DetailValue, ElementId, ExchangeRateBottomSheet, ExecutionDoneCard, ExecutionStatusCard, ExternalLink, FeeBreakdownTooltip, FormControl, FormKeyHelper, I18nProvider, IconCircle, IconTypography, Input, InputCard, InputPriceButton, ListItemButton, MainWarningMessages, PageContainer, PoweredBy, ProgressToNextUpdate, QueryClientProvider, RouteCard, RouteCardSkeleton, RouteDetails, RouteExecutionStatus, RouteNotFoundCard, RouteTokens, RouteTracker, SDKClientProvider, SearchInput, SearchTokenInput, SelectChainPage, SendToWalletButton, SentToWalletRow, SettingsStoreProvider, Stack, StartTransactionButton, StatusIcon, StepActionsList, StoreProvider, Token, TokenAvatar, TokenNotFound, TokenRate, TokenValueBottomSheet, TransactionDoneButtons, VirtualizedTokenList, WalletProvider, WarningMessages, WidgetEvent, WidgetProvider, buildRouteFromTxHistory, calculateValueLossPercentage, createElementId, createTheme, fitInputText, formatDuration, formatInputAmount, formatTokenAmount, formatTokenPrice, getAccumulatedFeeCostsBreakdown, getPriceImpact, getSourceTxHash, getTokenValueLossThreshold, hasEnumFlag, isHttpUrl, isRouteActive, isRouteDone, isRouteFailed, navigationRoutes, openInNewTab, priceToTokenAmount, resolveStorageScopeKey, shortenAddress, usdDecimals, useAddressActivity, useAddressValidation, useAvailableChains, useChain, useChainOrderStore, useContactSupport, useDebouncedWatch, useExecutionRows, useExplorer, useFieldActions, useFieldValues, useHeader, useHeaderStore, useInputModeStore, useListHeight, useNavigateBack, useRouteExecution, useRouteExecutionMessage, useRouteExecutionStore, useRouteExecutionStoreContext, useRoutes, useSDKClient, useSetHeaderHeight, useSettingsStoreContext, useToAddressRequirements, useToken, useTokenAddressBalance, useTokenBalances, useTokenList, useTokenSelect, useTools, useWidgetConfig, useWidgetEvents };

package/dist/esm/stores/StoreProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StoreProvider.d.ts","names":[],"sources":["../../../src/stores/StoreProvider.tsx"],"mappings":";;;qBAWa,eAAe,MAAM,GAAG,kBAAkB"}
+{"version":3,"file":"StoreProvider.d.ts","names":[],"sources":["../../../src/stores/StoreProvider.tsx"],"mappings":";;;qBAYa,eAAe,MAAM,GAAG,kBAAkB"}

package/dist/esm/stores/StoreProvider.js

@@ -1,3 +1,4 @@
+import { resolveStorageScopeKey } from "../utils/scopeKeys.js";
 import { HeaderStoreProvider } from "./header/useHeaderStore.js";
 import { NavigationTabsStoreProvider } from "./navigationTabs/useNavigationTabsStore.js";
 import { BookmarkStoreProvider } from "./bookmarks/BookmarkStore.js";
@@ -9,30 +10,28 @@ import { FormStoreProvider } from "./form/FormStore.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/stores/StoreProvider.tsx
 const StoreProvider = ({ children, config, formRef }) => {
+	const storageScopeKey = resolveStorageScopeKey(config);
 	return /* @__PURE__ */ jsx(NavigationTabsStoreProvider, {
 		config,
-		children: /* @__PURE__ */ jsx(HeaderStoreProvider, {
-			namePrefix: config?.keyPrefix,
-			children: /* @__PURE__ */ jsx(BookmarkStoreProvider, {
-				namePrefix: config?.keyPrefix,
-				children: /* @__PURE__ */ jsx(PinnedTokensStoreProvider, {
-					namePrefix: config?.keyPrefix,
-					children: /* @__PURE__ */ jsx(RecentTokensStoreProvider, {
-						namePrefix: config?.keyPrefix,
-						children: /* @__PURE__ */ jsx(FormStoreProvider, {
-							formRef,
-							children: /* @__PURE__ */ jsx(ChainOrderStoreProvider, {
-								namePrefix: config?.keyPrefix,
-								children: /* @__PURE__ */ jsx(RouteExecutionStoreProvider, {
-									namePrefix: config?.keyPrefix,
-									children
-								})
+		children: /* @__PURE__ */ jsx(HeaderStoreProvider, { children: /* @__PURE__ */ jsx(BookmarkStoreProvider, {
+			namePrefix: storageScopeKey,
+			children: /* @__PURE__ */ jsx(PinnedTokensStoreProvider, {
+				namePrefix: storageScopeKey,
+				children: /* @__PURE__ */ jsx(RecentTokensStoreProvider, {
+					namePrefix: storageScopeKey,
+					children: /* @__PURE__ */ jsx(FormStoreProvider, {
+						formRef,
+						children: /* @__PURE__ */ jsx(ChainOrderStoreProvider, {
+							namePrefix: storageScopeKey,
+							children: /* @__PURE__ */ jsx(RouteExecutionStoreProvider, {
+								namePrefix: storageScopeKey,
+								children
 							})
 						})
 					})
 				})
 			})
-		})
+		}) })
 	});
 };
 //#endregion

package/dist/esm/stores/StoreProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"StoreProvider.js","names":[],"sources":["../../../src/stores/StoreProvider.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react'\nimport type { WidgetConfigProps } from '../types/widget.js'\nimport { BookmarkStoreProvider } from './bookmarks/BookmarkStore.js'\nimport { ChainOrderStoreProvider } from './chains/ChainOrderStore.js'\nimport { FormStoreProvider } from './form/FormStore.js'\nimport { HeaderStoreProvider } from './header/useHeaderStore.js'\nimport { NavigationTabsStoreProvider } from './navigationTabs/useNavigationTabsStore.js'\nimport { PinnedTokensStoreProvider } from './pinnedTokens/PinnedTokensStore.js'\nimport { RecentTokensStoreProvider } from './recentTokens/RecentTokensStore.js'\nimport { RouteExecutionStoreProvider } from './routes/RouteExecutionStore.js'\n\nexport const StoreProvider: React.FC<PropsWithChildren<WidgetConfigProps>> = ({\n  children,\n  config,\n  formRef,\n}) => {\n  return (\n    <NavigationTabsStoreProvider config={config}>\n      <HeaderStoreProvider namePrefix={config?.keyPrefix}>\n        <BookmarkStoreProvider namePrefix={config?.keyPrefix}>\n          <PinnedTokensStoreProvider namePrefix={config?.keyPrefix}>\n            <RecentTokensStoreProvider namePrefix={config?.keyPrefix}>\n              <FormStoreProvider formRef={formRef}>\n                <ChainOrderStoreProvider namePrefix={config?.keyPrefix}>\n                  <RouteExecutionStoreProvider namePrefix={config?.keyPrefix}>\n                    {children}\n                  </RouteExecutionStoreProvider>\n                </ChainOrderStoreProvider>\n              </FormStoreProvider>\n            </RecentTokensStoreProvider>\n          </PinnedTokensStoreProvider>\n        </BookmarkStoreProvider>\n      </HeaderStoreProvider>\n    </NavigationTabsStoreProvider>\n  )\n}\n"],"mappings":";;;;;;;;;;AAWA,MAAa,iBAAiE,EAC5E,UACA,QACA,cACI;CACJ,OACE,oBAAC,6BAAD;EAAqC;EACnC,UAAA,oBAAC,qBAAD;GAAqB,YAAY,QAAQ;GACvC,UAAA,oBAAC,uBAAD;IAAuB,YAAY,QAAQ;IACzC,UAAA,oBAAC,2BAAD;KAA2B,YAAY,QAAQ;KAC7C,UAAA,oBAAC,2BAAD;MAA2B,YAAY,QAAQ;MAC7C,UAAA,oBAAC,mBAAD;OAA4B;OAC1B,UAAA,oBAAC,yBAAD;QAAyB,YAAY,QAAQ;QAC3C,UAAA,oBAAC,6BAAD;SAA6B,YAAY,QAAQ;SAC9C;QAC0B,CAAA;OACN,CAAA;MACR,CAAA;KACM,CAAA;IACF,CAAA;GACN,CAAA;EACJ,CAAA;CACM,CAAA;AAEjC"}
+{"version":3,"file":"StoreProvider.js","names":[],"sources":["../../../src/stores/StoreProvider.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react'\nimport type { WidgetConfigProps } from '../types/widget.js'\nimport { resolveStorageScopeKey } from '../utils/scopeKeys.js'\nimport { BookmarkStoreProvider } from './bookmarks/BookmarkStore.js'\nimport { ChainOrderStoreProvider } from './chains/ChainOrderStore.js'\nimport { FormStoreProvider } from './form/FormStore.js'\nimport { HeaderStoreProvider } from './header/useHeaderStore.js'\nimport { NavigationTabsStoreProvider } from './navigationTabs/useNavigationTabsStore.js'\nimport { PinnedTokensStoreProvider } from './pinnedTokens/PinnedTokensStore.js'\nimport { RecentTokensStoreProvider } from './recentTokens/RecentTokensStore.js'\nimport { RouteExecutionStoreProvider } from './routes/RouteExecutionStore.js'\n\nexport const StoreProvider: React.FC<PropsWithChildren<WidgetConfigProps>> = ({\n  children,\n  config,\n  formRef,\n}) => {\n  const storageScopeKey = resolveStorageScopeKey(config)\n  return (\n    <NavigationTabsStoreProvider config={config}>\n      <HeaderStoreProvider>\n        <BookmarkStoreProvider namePrefix={storageScopeKey}>\n          <PinnedTokensStoreProvider namePrefix={storageScopeKey}>\n            <RecentTokensStoreProvider namePrefix={storageScopeKey}>\n              <FormStoreProvider formRef={formRef}>\n                <ChainOrderStoreProvider namePrefix={storageScopeKey}>\n                  <RouteExecutionStoreProvider namePrefix={storageScopeKey}>\n                    {children}\n                  </RouteExecutionStoreProvider>\n                </ChainOrderStoreProvider>\n              </FormStoreProvider>\n            </RecentTokensStoreProvider>\n          </PinnedTokensStoreProvider>\n        </BookmarkStoreProvider>\n      </HeaderStoreProvider>\n    </NavigationTabsStoreProvider>\n  )\n}\n"],"mappings":";;;;;;;;;;;AAYA,MAAa,iBAAiE,EAC5E,UACA,QACA,cACI;CACJ,MAAM,kBAAkB,uBAAuB,MAAM;CACrD,OACE,oBAAC,6BAAD;EAAqC;EACnC,UAAA,oBAAC,qBAAD,EAAA,UACE,oBAAC,uBAAD;GAAuB,YAAY;GACjC,UAAA,oBAAC,2BAAD;IAA2B,YAAY;IACrC,UAAA,oBAAC,2BAAD;KAA2B,YAAY;KACrC,UAAA,oBAAC,mBAAD;MAA4B;MAC1B,UAAA,oBAAC,yBAAD;OAAyB,YAAY;OACnC,UAAA,oBAAC,6BAAD;QAA6B,YAAY;QACtC;OAC0B,CAAA;MACN,CAAA;KACR,CAAA;IACM,CAAA;GACF,CAAA;EACN,CAAA,EACJ,CAAA;CACM,CAAA;AAEjC"}

package/dist/esm/stores/header/useHeaderStore.d.ts

@@ -1,5 +1,5 @@
-import "../types.js";
 import { HeaderState } from "./types.js";
+import { PropsWithChildren } from "react";
 //#region src/stores/header/useHeaderStore.d.ts
 export declare function useHeaderStore<T>(selector: (state: HeaderState) => T): T;
 export declare function useSetHeaderHeight(): any;

package/dist/esm/stores/header/useHeaderStore.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useHeaderStore.d.ts","names":[],"sources":["../../../../src/stores/header/useHeaderStore.tsx"],"mappings":";;;wBA8BgB,eAAe,GAAG,WAAW,OAAO,gBAAgB,IAAI;wBAkBxD"}
+{"version":3,"file":"useHeaderStore.d.ts","names":[],"sources":["../../../../src/stores/header/useHeaderStore.tsx"],"mappings":";;;wBA6BgB,eAAe,GAAG,WAAW,OAAO,gBAAgB,IAAI;wBAkBxD"}

package/dist/esm/stores/header/useHeaderStore.js.map

@@ -1 +1 @@
-{"version":3,"file":"useHeaderStore.js","names":[],"sources":["../../../../src/stores/header/useHeaderStore.tsx"],"sourcesContent":["import { createContext, use, useRef } from 'react'\nimport { create } from 'zustand'\nimport { useShallow } from 'zustand/shallow'\nimport type { PersistStoreProviderProps } from '../types.js'\nimport type { HeaderState, HeaderStore } from './types.js'\n\nconst HeaderStoreContext = createContext<HeaderStore | null>(null)\n\nexport function HeaderStoreProvider({\n  children,\n}: PersistStoreProviderProps): any {\n  const storeRef = useRef<HeaderStore>(null)\n  if (!storeRef.current) {\n    storeRef.current = createHeaderStore()\n  }\n  return (\n    <HeaderStoreContext value={storeRef.current}>{children}</HeaderStoreContext>\n  )\n}\n\nfunction useHeaderStoreContext() {\n  const useStore = use(HeaderStoreContext)\n  if (!useStore) {\n    throw new Error(\n      `You forgot to wrap your component in <${HeaderStoreProvider.name}>.`\n    )\n  }\n  return useStore\n}\n\nexport function useHeaderStore<T>(selector: (state: HeaderState) => T): T {\n  const useStore = useHeaderStoreContext()\n  return useStore(useShallow(selector))\n}\n\n// We use fixed position on the header when Widget is in Full Height layout.\n// We do this to get it to work like the sticky header does in the other layout modes.\n// As the header is position fixed its not in the document flow anymore.\n// To prevent the remaining page content from appearing behind the header we need to\n// pass the headers height so that the position of the page content can be adjusted\nexport function useHeaderHeight(): any {\n  const headerHeight = useHeaderStore((state) => state.headerHeight)\n\n  return {\n    headerHeight,\n  }\n}\n\nexport function useSetHeaderHeight(): any {\n  const setHeaderHeight = useHeaderStore((state) => state.setHeaderHeight)\n\n  return {\n    setHeaderHeight,\n  }\n}\n\nconst createHeaderStore = () =>\n  create<HeaderState>((set, get) => ({\n    headerHeight: 108, // default header height\n    setAction: (element) => {\n      set(() => ({\n        element,\n      }))\n      return get().removeAction\n    },\n    setTitle: (title) => {\n      set(() => ({\n        title,\n      }))\n      return get().removeTitle\n    },\n    removeAction: () => {\n      set(() => ({\n        element: null,\n      }))\n    },\n    removeTitle: () => {\n      set(() => ({\n        title: undefined,\n      }))\n    },\n    setHeaderHeight: (headerHeight) => {\n      set(() => ({\n        headerHeight,\n      }))\n    },\n    setBackAction: (action) => {\n      set(() => ({\n        backAction: action,\n      }))\n    },\n    executeBackAction: () => {\n      const { backAction } = get()\n      if (backAction) {\n        backAction()\n        set(() => ({\n          backAction: undefined,\n        }))\n      }\n    },\n  }))\n"],"mappings":";;;;;AAMA,MAAM,qBAAqB,cAAkC,IAAI;AAEjE,SAAgB,oBAAoB,EAClC,YACiC;CACjC,MAAM,WAAW,OAAoB,IAAI;CACzC,IAAI,CAAC,SAAS,SACZ,SAAS,UAAU,kBAAkB;CAEvC,OACE,oBAAC,oBAAD;EAAoB,OAAO,SAAS;EAAU;CAA6B,CAAA;AAE/E;AAEA,SAAS,wBAAwB;CAC/B,MAAM,WAAW,IAAI,kBAAkB;CACvC,IAAI,CAAC,UACH,MAAM,IAAI,MACR,yCAAyC,oBAAoB,KAAK,GACpE;CAEF,OAAO;AACT;AAEA,SAAgB,eAAkB,UAAwC;CAExE,OADiB,sBACH,CAAC,CAAC,WAAW,QAAQ,CAAC;AACtC;AAOA,SAAgB,kBAAuB;CAGrC,OAAO,EACL,cAHmB,gBAAgB,UAAU,MAAM,YAGxC,EACb;AACF;AAEA,SAAgB,qBAA0B;CAGxC,OAAO,EACL,iBAHsB,gBAAgB,UAAU,MAAM,eAGxC,EAChB;AACF;AAEA,MAAM,0BACJ,QAAqB,KAAK,SAAS;CACjC,cAAc;CACd,YAAY,YAAY;EACtB,WAAW,EACT,QACF,EAAE;EACF,OAAO,IAAI,CAAC,CAAC;CACf;CACA,WAAW,UAAU;EACnB,WAAW,EACT,MACF,EAAE;EACF,OAAO,IAAI,CAAC,CAAC;CACf;CACA,oBAAoB;EAClB,WAAW,EACT,SAAS,KACX,EAAE;CACJ;CACA,mBAAmB;EACjB,WAAW,EACT,OAAO,KAAA,EACT,EAAE;CACJ;CACA,kBAAkB,iBAAiB;EACjC,WAAW,EACT,aACF,EAAE;CACJ;CACA,gBAAgB,WAAW;EACzB,WAAW,EACT,YAAY,OACd,EAAE;CACJ;CACA,yBAAyB;EACvB,MAAM,EAAE,eAAe,IAAI;EAC3B,IAAI,YAAY;GACd,WAAW;GACX,WAAW,EACT,YAAY,KAAA,EACd,EAAE;EACJ;CACF;AACF,EAAE"}
+{"version":3,"file":"useHeaderStore.js","names":[],"sources":["../../../../src/stores/header/useHeaderStore.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react'\nimport { createContext, use, useRef } from 'react'\nimport { create } from 'zustand'\nimport { useShallow } from 'zustand/shallow'\nimport type { HeaderState, HeaderStore } from './types.js'\n\nconst HeaderStoreContext = createContext<HeaderStore | null>(null)\n\n// Not persisted, so it takes no storage scope.\nexport function HeaderStoreProvider({ children }: PropsWithChildren): any {\n  const storeRef = useRef<HeaderStore>(null)\n  if (!storeRef.current) {\n    storeRef.current = createHeaderStore()\n  }\n  return (\n    <HeaderStoreContext value={storeRef.current}>{children}</HeaderStoreContext>\n  )\n}\n\nfunction useHeaderStoreContext() {\n  const useStore = use(HeaderStoreContext)\n  if (!useStore) {\n    throw new Error(\n      `You forgot to wrap your component in <${HeaderStoreProvider.name}>.`\n    )\n  }\n  return useStore\n}\n\nexport function useHeaderStore<T>(selector: (state: HeaderState) => T): T {\n  const useStore = useHeaderStoreContext()\n  return useStore(useShallow(selector))\n}\n\n// We use fixed position on the header when Widget is in Full Height layout.\n// We do this to get it to work like the sticky header does in the other layout modes.\n// As the header is position fixed its not in the document flow anymore.\n// To prevent the remaining page content from appearing behind the header we need to\n// pass the headers height so that the position of the page content can be adjusted\nexport function useHeaderHeight(): any {\n  const headerHeight = useHeaderStore((state) => state.headerHeight)\n\n  return {\n    headerHeight,\n  }\n}\n\nexport function useSetHeaderHeight(): any {\n  const setHeaderHeight = useHeaderStore((state) => state.setHeaderHeight)\n\n  return {\n    setHeaderHeight,\n  }\n}\n\nconst createHeaderStore = () =>\n  create<HeaderState>((set, get) => ({\n    headerHeight: 108, // default header height\n    setAction: (element) => {\n      set(() => ({\n        element,\n      }))\n      return get().removeAction\n    },\n    setTitle: (title) => {\n      set(() => ({\n        title,\n      }))\n      return get().removeTitle\n    },\n    removeAction: () => {\n      set(() => ({\n        element: null,\n      }))\n    },\n    removeTitle: () => {\n      set(() => ({\n        title: undefined,\n      }))\n    },\n    setHeaderHeight: (headerHeight) => {\n      set(() => ({\n        headerHeight,\n      }))\n    },\n    setBackAction: (action) => {\n      set(() => ({\n        backAction: action,\n      }))\n    },\n    executeBackAction: () => {\n      const { backAction } = get()\n      if (backAction) {\n        backAction()\n        set(() => ({\n          backAction: undefined,\n        }))\n      }\n    },\n  }))\n"],"mappings":";;;;;AAMA,MAAM,qBAAqB,cAAkC,IAAI;AAGjE,SAAgB,oBAAoB,EAAE,YAAoC;CACxE,MAAM,WAAW,OAAoB,IAAI;CACzC,IAAI,CAAC,SAAS,SACZ,SAAS,UAAU,kBAAkB;CAEvC,OACE,oBAAC,oBAAD;EAAoB,OAAO,SAAS;EAAU;CAA6B,CAAA;AAE/E;AAEA,SAAS,wBAAwB;CAC/B,MAAM,WAAW,IAAI,kBAAkB;CACvC,IAAI,CAAC,UACH,MAAM,IAAI,MACR,yCAAyC,oBAAoB,KAAK,GACpE;CAEF,OAAO;AACT;AAEA,SAAgB,eAAkB,UAAwC;CAExE,OADiB,sBACH,CAAC,CAAC,WAAW,QAAQ,CAAC;AACtC;AAOA,SAAgB,kBAAuB;CAGrC,OAAO,EACL,cAHmB,gBAAgB,UAAU,MAAM,YAGxC,EACb;AACF;AAEA,SAAgB,qBAA0B;CAGxC,OAAO,EACL,iBAHsB,gBAAgB,UAAU,MAAM,eAGxC,EAChB;AACF;AAEA,MAAM,0BACJ,QAAqB,KAAK,SAAS;CACjC,cAAc;CACd,YAAY,YAAY;EACtB,WAAW,EACT,QACF,EAAE;EACF,OAAO,IAAI,CAAC,CAAC;CACf;CACA,WAAW,UAAU;EACnB,WAAW,EACT,MACF,EAAE;EACF,OAAO,IAAI,CAAC,CAAC;CACf;CACA,oBAAoB;EAClB,WAAW,EACT,SAAS,KACX,EAAE;CACJ;CACA,mBAAmB;EACjB,WAAW,EACT,OAAO,KAAA,EACT,EAAE;CACJ;CACA,kBAAkB,iBAAiB;EACjC,WAAW,EACT,aACF,EAAE;CACJ;CACA,gBAAgB,WAAW;EACzB,WAAW,EACT,YAAY,OACd,EAAE;CACJ;CACA,yBAAyB;EACvB,MAAM,EAAE,eAAe,IAAI;EAC3B,IAAI,YAAY;GACd,WAAW;GACX,WAAW,EACT,YAAY,KAAA,EACd,EAAE;EACJ;CACF;AACF,EAAE"}

package/dist/esm/themes/createTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createTheme.d.ts","names":[],"sources":["../../../src/themes/createTheme.ts"],"mappings":";;;cAuCa,gBAAe,cAAa,gBAAmB"}
+{"version":3,"file":"createTheme.d.ts","names":["createTheme"],"sources":["../../../src/themes/createTheme.ts"],"mappings":";;;cAuCaA,gBAAe,cAAa,gBAAmB"}

package/dist/esm/types/events.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"events.d.ts","names":[],"sources":["../../../src/types/events.ts"],"mappings":";;;;;;;oBAOY;EACV;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;YAGU;EACV,oBAAoB,MAAM;EAC1B,kBAAkB,MAAM;EACxB,cAAc,MAAM;EACpB,iBAAiB,MAAM;EACvB,gCAAgC,MAAM;EACtC,mBAAmB,MAAM;EACzB,8BAA8B,MAAM;EACpC,uBAAuB,MAAM;EAC7B,cAAc,MAAM;EACpB,0BAA0B,MAAM;EAChC,uBAAuB,MAAM;EAC7B,wBAAwB,MAAM;EAC9B,wBAAwB,MAAM;EAC9B,qBAAqB,MAAM;EAC3B,gBAAgB,MAAM;EACtB,sBAAsB;EACtB,iBAAiB,MAAM;EACvB,2BAA2B,MAAM;EACjC,cAAc,MAAM;EACpB,iBAAiB;;YAUP;EACV;;YAGU;EACV;EACA;EACA;EACA;EACA;;YAGU;EACV,OAAO;EACP,QAAQ;;YAGE;EACV,OAAO;EACP,QAAQ;;YAGE;EACV;EACA,QAAQ;;YAGE;EACV,SAAS;EACT;;YAGU,sBACT,WAAW;EACV,WAAW;EACX,UAAU,cAAc;EACxB,UAAU,cAAc;WAEpB;YAEI,eACV,gBAAgB,sBAAsB;EAEtC,SAAS;EACT,UAAU,cAAc;EACxB,UAAU,cAAc;EACxB,aAAa;EACb,aAAa;;YAGH;EACV;EACA;;YAGU;EACV;EACA;;YAGU;;EAEV,KAAK;;EAEL,cAAc"}
+{"version":3,"file":"events.d.ts","names":["TokenAmount"],"sources":["../../../src/types/events.ts"],"mappings":";;;;;;;oBAOY;EACV;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;YAGU;EACV,oBAAoB,MAAM;EAC1B,kBAAkB,MAAM;EACxB,cAAc,MAAM;EACpB,iBAAiB,MAAM;EACvB,gCAAgC,MAAM;EACtC,mBAAmB,MAAM;EACzB,8BAA8B,MAAM;EACpC,uBAAuB,MAAM;EAC7B,cAAc,MAAM;EACpB,0BAA0B,MAAM;EAChC,uBAAuB,MAAM;EAC7B,wBAAwB,MAAM;EAC9B,wBAAwB,MAAM;EAC9B,qBAAqB,MAAM;EAC3B,gBAAgB,MAAM;EACtB,sBAAsB;EACtB,iBAAiB,MAAM;EACvB,2BAA2B,MAAM;EACjC,cAAc,MAAM;EACpB,iBAAiB;;YAUP;EACV;;YAGU;EACV;EACA;EACA;EACA;EACA;;YAGU;EACV,OAAO;EACP,QAAQ;;YAGE;EACV,OAAO;EACP,QAAQ;;YAGE;EACV;EACA,QAAQA;;YAGE;EACV,SAAS;EACT;;YAGU,sBACT,WAAW;EACV,WAAW;EACX,UAAU,cAAc;EACxB,UAAU,cAAc;WAEpB;YAEI,eACV,gBAAgB,sBAAsB;EAEtC,SAAS;EACT,UAAU,cAAc;EACxB,UAAU,cAAc;EACxB,aAAa;EACb,aAAa;;YAGH;EACV;EACA;;YAGU;EACV;EACA;;YAGU;;EAEV,KAAK;;EAEL,cAAc"}

package/dist/esm/types/token.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"token.d.ts","names":[],"sources":["../../../src/types/token.ts"],"mappings":";;iBAMiB;EACf;EACA;EACA;;EAEA;EACA;EACA;;EAEA;;UAGe,sBAAoB,aAAgB"}
+{"version":3,"file":"token.d.ts","names":["TokenAmount","SDKTokenAmount"],"sources":["../../../src/types/token.ts"],"mappings":";;iBAMiB;EACf;EACA;EACA;;EAEA;EACA;EACA;;EAEA;;UAGeA,sBAAoBC,aAAgB"}

package/dist/esm/types/widget.d.ts

@@ -307,7 +307,37 @@ export interface WidgetConfig {
   walletConfig?: WidgetWalletConfig;
   sdkConfig?: WidgetSDKConfig;
   buildUrl?: boolean;
+  /**
+   * @deprecated Use `storageScopeKey` for persisted state and `queryScopeKey`
+   * for the query cache. Still honoured as the fallback for both.
+   */
   keyPrefix?: string;
+  /**
+   * Namespaces the widget's persisted state in `localStorage`: bookmarks,
+   * pinned tokens, recent tokens, chain order and route history, as
+   * `keyPrefix` does. Use a different value per widget instance that should
+   * keep its own state. Settings keep one shared name.
+   *
+   * It also scopes the widget's other queries (routes, tokens, balances, …),
+   * so instances with different values keep their data apart.
+   *
+   * Falls back to `keyPrefix`, then to the historical `li.fi-*` names.
+   */
+  storageScopeKey?: string;
+  /**
+   * Scopes the widget's chains and tools queries inside the host's react-query
+   * `QueryClient`. Widget instances - and a host app using the
+   * `@lifi/widget/queries` factories - that pass the same value
+   * share those entries. The other widget queries are scoped by
+   * `storageScopeKey`.
+   *
+   * The keys start with a plain `'chains'` / `'tools'`, as in wagmi, so a host
+   * that matches on those roots (for example `setQueriesData({ queryKey:
+   * ['chains'] })`) also reaches the widget's entries.
+   *
+   * Falls back to `keyPrefix`, then to `'li.fi'`.
+   */
+  queryScopeKey?: string;
   bridges?: AllowDeny<string>;
   exchanges?: AllowDeny<string>;
   chains?: WidgetChains;