@lifi/widget 4.7.0 → 4.8.0

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,5 +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, isRouteActive, isRouteDone, isRouteFailed, navigationRoutes, 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";
@@ -44,6 +45,7 @@ import { RouteNotFoundCard } from "./components/RouteCard/RouteNotFoundCard.js";
 import { useNavigateBack } from "./hooks/useNavigateBack.js";
 import { useTools } from "./hooks/useTools.js";
 import { shortenAddress } from "./utils/wallet.js";
+import { isHttpUrl, openInNewTab } from "./utils/url.js";
 import { useExplorer } from "./hooks/useExplorer.js";
 import { AddressType, useAddressValidation } from "./hooks/useAddressValidation.js";
 import { useHeader } from "./hooks/useHeader.js";
@@ -102,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, isRouteActive, isRouteDone, isRouteFailed, navigationRoutes, 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;

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

@@ -1 +1 @@
-{"version":3,"file":"widget.d.ts","names":[],"sources":["../../../src/types/widget.ts"],"mappings":";;;;;;;;;YAoCY;;YAGA;YACA,yDAKR;YACQ;YACA;EACV,YAAY;;YAEF;iBACK;;;;;;EAMf,QAAQ,YAAY;EACpB;IAAW,MAAM;;;;;;;YAOP,wBAAwB;;YAExB;YAOA,mBAAmB,2BAA2B;YAE9C,aAAa;iBACR;;;;;EAKf;;YAEU,wBAAwB,QAClC,KACE,WAAW;YAeH;EACV;IACE;MACE,SAAS;;IAEX;MACE,SAAS;;;EAGb,QAAQ,QAAQ;EAChB,aAAa;EACb,aAAa;EACb,YAAY;EACZ,kBAAkB;EAClB,wBAAwB;EACxB,SAAS;EACT,aAAa;;iBAGE;EACf;EACA;EACA;EACA;;iBAGe;EACf;EACA;EACA;EACA;EACA;;;;;EAKA;EACA;;;;;EAKA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;;;;EAMA;EACA;;;;;EAKA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;iBAGe;EACf;EACA;;YAGU;EACV;EACA;;;;;;;;;EASA;;iBAGe;EACf,wBAAwB,eAAe;EACvC,WAAW,OAAO;;;;;;;;;EASlB;;;;;EAKA;;iBAGe,wBACP,KACN;EAQF,eAAe,KACb;EAGF,mBAAmB,KAAK;;iBAGT;EACf;EACA;;iBAGe;EACf,WAAW;EACX,SAAS;EACT,WAAW;EACX,SAAS;EACT;EACA;EACA;EACA;EACA;;iBAGe;EACf;EACA;EACA;;;;;EAKA;;;;;EAKA;;;;EAIA,sBAAsB;;;;;;;;;EAStB,cAAc,QAAQ,qBAAqB;;iBAG5B;EACf;EACA;EACA,WAAW;EACX;;iBAGe,UAAU;EACzB,QAAQ;EACR,OAAO;;YAGG;iBACK;EACf,QAAQ,IAAI;EACZ,OAAO,IAAI;;YAGD;EACV,OAAO;EACP,KAAK;IACH;YAEQ,eAAe;EACzB,OAAO,UAAU;EACjB,KAAK,UAAU;IACb,UAAU;YAEF;EACV,QAAQ,UAAU;IAChB;YAEQ;EACV,WAAW;EACX,UAAU;EACV,UAAU;EACV,WAAW;IACT,eAAe;YAEP;EACV,UAAU;IACR,UAAU;YAEF;iBAEK;EACf;EACA,KAAK,QAAQ;;iBAGE;EACf,OAAO;EAEP,UAAU;EACV,YAAY;EACZ;EACA;EACA;EACA;;;;;;;;EAQA,SAAS,OAAO;;YAGN;EAGN;EACA;EACA;;YAGM,kBACV,OAAO,kBAAkB,yBACtB;iBAEY;EACf;EACA;EACA;EACA;EACA,YAAY;EACZ,cAAc;EACd;EACA;EACA;EACA;EAEA,YAAY;EAEZ,gBAAgB;EAChB,oBAAoB;EACpB,6BAA6B;EAC7B,2BAA2B;EAC3B,eAAe;EACf;EACA;EACA,YAAY;EACZ;EAEA,gBAAgB;EAChB;EAEA,UAAU;EACV,OAAO;EACP,cAAc;;;;;;;EAOd,kBAAkB;EAElB,aAAa;EACb,QAAQ;EAER,aAAa;EACb,WAAW;EACX,aAAa;EACb,YAAY;;;;;;;EAOZ;EACA;EAEA,eAAe;EACf,YAAY;EAEZ;EACA;EAEA,UAAU;EACV,YAAY;EACZ,SAAS;EACT,SAAS;EACT,YAAY;EACZ,oBAAoB;EACpB,eAAe,eAAe,iBAC5B,QAAQ,mBAAmB;EAC7B,YAAY;;;;EAKZ,cAAc;;iBAGC;EACf;;iBAGe,oBACP,KAAK;EACb;EACA;EACA,YAAY;;YAGF,mBAAmB;YAEnB,yBAAyB,UAAU,YAC7C,KAAK,GACL,OAAO,YAAY,IACnB,UAAU;YAGA;EACV,eAAe;;YAGL,UAAU,UAAU;iBAEf;EACf,UAAU;;iBAGK,0BAA0B;EACzC,QAAQ;;iBAGO;EACf,SAAS,QAAQ;;YAGP,cAAc,oBACxB,eACA,2BACA;iBAEe,0BAA0B;EACzC,aAAa,UAAU;EACvB;;;;EAIA;;oBAGU;EACV;EACA;EACA"}
+{"version":3,"file":"widget.d.ts","names":[],"sources":["../../../src/types/widget.ts"],"mappings":"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"}

package/dist/esm/types/widget.js.map

@@ -1 +1 @@
-{"version":3,"file":"widget.js","names":[],"sources":["../../../src/types/widget.ts"],"sourcesContent":["import type {\n  BaseToken,\n  ChainType,\n  ContractCall,\n  ExecutionOptions,\n  ExtendedChain,\n  Order,\n  Route,\n  RouteOptions,\n  SDKConfig,\n  StaticToken,\n  Token,\n} from '@lifi/sdk'\nimport type { WalletMenuOpenArgs } from '@lifi/wallet-management'\nimport type { WidgetProviderProps } from '@lifi/widget-provider'\nimport type {\n  Components,\n  PaletteMode,\n  PaletteOptions,\n  Shape,\n  SxProps,\n  Theme,\n} from '@mui/material'\nimport type { TypographyVariantsOptions } from '@mui/material/styles'\nimport type {\n  CSSProperties,\n  PropsWithChildren,\n  ReactNode,\n  RefObject,\n} from 'react'\nimport type {\n  LanguageKey,\n  LanguageResources,\n} from '../providers/I18nProvider/types.js'\nimport type { DefaultFieldValues } from '../stores/form/types.js'\n\nexport type WidgetVariant = 'compact' | 'wide' | 'drawer'\n\n/** @internal Not part of the public API. */\nexport type InternalWidgetMode = 'limit'\nexport type WidgetMode =\n  | 'default'\n  | 'split'\n  | 'custom'\n  | 'refuel'\n  | InternalWidgetMode\nexport type SplitMode = 'bridge' | 'swap'\nexport type SplitModeOptions = {\n  defaultTab: SplitMode\n}\nexport type CustomMode = 'checkout' | 'deposit'\nexport interface ModeOptions {\n  /**\n   * Configure split mode behavior:\n   * - 'bridge' | 'swap': Single mode without tabs\n   * - { defaultTab: 'bridge' | 'swap' }: Tabs mode with configurable default tab\n   */\n  split?: SplitMode | SplitModeOptions\n  custom?: { type: CustomMode }\n}\n\n/**\n * Identity of a header navigation tab. Each key maps to a widget variant, mode and\n * (optionally) mode options; labels are resolved from the key.\n */\nexport type SplitNavigationTabKey = SplitMode\n/** @internal Not part of the public API. */\nexport type InternalNavigationTabKey =\n  | 'default'\n  | 'private'\n  | 'refuel'\n  | 'swap-advanced'\n  | 'bridge-advanced'\n  | 'limit'\nexport type NavigationTabKey = InternalNavigationTabKey | SplitNavigationTabKey\n\nexport type Appearance = PaletteMode | 'system'\nexport interface NavigationProps {\n  /**\n   * If given, uses a negative margin to counteract the padding on sides for navigation elements like icon buttons.\n   * @default true\n   */\n  edge?: boolean\n}\nexport type WidgetThemeComponents = Partial<\n  Pick<\n    Components<Theme>,\n    | 'MuiAppBar'\n    | 'MuiAvatar'\n    | 'MuiButton'\n    | 'MuiCard'\n    | 'MuiDrawer'\n    | 'MuiIconButton'\n    | 'MuiInputCard'\n    | 'MuiNavigationTabs'\n    | 'MuiNavigationTab'\n    | 'MuiTabs'\n    | 'MuiCheckbox'\n  >\n>\n\nexport type WidgetTheme = {\n  colorSchemes?: {\n    light?: {\n      palette: PaletteOptions\n    }\n    dark?: {\n      palette: PaletteOptions\n    }\n  }\n  shape?: Partial<Shape>\n  typography?: TypographyVariantsOptions\n  components?: WidgetThemeComponents\n  container?: CSSProperties\n  routesContainer?: CSSProperties\n  chainSidebarContainer?: CSSProperties\n  header?: CSSProperties\n  navigation?: NavigationProps\n}\n\nexport interface DisabledUIConfig {\n  fromAmount?: boolean\n  fromToken?: boolean\n  toAddress?: boolean\n  toToken?: boolean\n}\n\nexport interface HiddenUIConfig {\n  addressBookConnectedWallets?: boolean\n  allNetworks?: boolean\n  appearance?: boolean\n  bridgesSettings?: boolean\n  chainSelect?: boolean\n  /**\n   * Hide the chain sidebar in the `wide` variant. No effect in other variants.\n   * @default false\n   */\n  chainSidebar?: boolean\n  contactSupport?: boolean\n  /**\n   * Hide the drawer close button. Only meaningful when `variant === 'drawer'`.\n   * @default false\n   */\n  drawerCloseButton?: boolean\n  fromToken?: boolean\n  gasRefuelMessage?: boolean\n  hideSmallBalances?: boolean\n  history?: boolean\n  insufficientGasMessage?: boolean\n  integratorStepDetails?: boolean\n  language?: boolean\n  /**\n   * Hide the warning shown when sending to an address with low historical\n   * on-chain activity (low transaction count or contract-like behavior).\n   * @default false\n   */\n  lowAddressActivityConfirmation?: boolean\n  poweredBy?: boolean\n  /**\n   * Hide the \"Recent searches\" section in the token select view.\n   * @default false\n   */\n  recentSearches?: boolean\n  reverseTokensButton?: boolean\n  routeCardPriceImpact?: boolean\n  routeTokenDescription?: boolean\n  searchTokenInput?: boolean\n  toAddress?: boolean\n  toToken?: boolean\n  walletMenu?: boolean\n}\n\nexport interface RequiredUIConfig {\n  accountDeployedMessage?: boolean\n  toAddress?: boolean\n}\n\nexport type DefaultUI = {\n  transactionDetailsExpanded?: boolean\n  navigationHeaderTitleNoWrap?: boolean\n  /**\n   * Layout for the main form.\n   * - `'default'`: the chain/token selectors plus single amount input.\n   * - `'cards'`: the redesigned card-based layout — stacked Send/Receive amount\n   *   cards (`AmountInputCardPair`) with inline token pill selectors and a swap\n   *   button.\n   * @default 'default'\n   */\n  layout?: 'default' | 'cards'\n}\n\nexport interface WidgetWalletConfig {\n  walletEcosystemsOrder?: Record<string, ChainType[]>\n  onConnect?(args?: WalletMenuOpenArgs): void\n  /**\n   * Determines whether the widget should provide partial wallet management functionality.\n   *\n   * In partial mode, external wallet management will be used for \"opt-out\" providers,\n   * while the internal management is applied for any remaining providers that do not opt out.\n   * This allows a flexible balance between the integrator's custom wallet menu and the widget's native wallet menu.\n   * @default false\n   */\n  usePartialWalletManagement?: boolean\n  /**\n   * This option forces the widget to always use internal wallet management ignoring external wallet management contexts\n   * @default false\n   */\n  forceInternalWalletManagement?: boolean\n}\n\nexport interface WidgetSDKConfig\n  extends Omit<\n    SDKConfig,\n    | 'apiKey'\n    | 'disableVersionCheck'\n    | 'integrator'\n    | 'providers'\n    | 'routeOptions'\n    | 'widgetVersion'\n  > {\n  routeOptions?: Omit<\n    RouteOptions,\n    'bridges' | 'exchanges' | 'fee' | 'referrer' | 'order' | 'slippage'\n  >\n  executionOptions?: Pick<ExecutionOptions, 'updateTransactionRequestHook'>\n}\n\nexport interface WidgetContractTool {\n  name: string\n  logoURI: string\n}\n\nexport interface CalculateFeeParams {\n  fromChain: ExtendedChain\n  toChain: ExtendedChain\n  fromToken: Token\n  toToken: Token\n  fromAddress?: string\n  toAddress?: string\n  fromAmount?: bigint\n  toAmount?: bigint\n  slippage?: number\n}\n\nexport interface WidgetFeeConfig {\n  name?: string\n  logoURI?: string\n  fee?: number\n  /**\n   * Whether to show the fee percentage in the fee details.\n   * @default false\n   */\n  showFeePercentage?: boolean\n  /**\n   * Whether to show a tooltip with the fee details. Requires `name` or `feeTooltipComponent` to be set.\n   * @default false\n   */\n  showFeeTooltip?: boolean\n  /**\n   * Custom tooltip component to show with the fee details.\n   */\n  feeTooltipComponent?: ReactNode\n  /**\n   * Function to calculate fees before fetching quotes.\n   * If provided, this function will be used instead of the `fee` parameter.\n   * Only one of `fee` or `calculateFee` should be used.\n   *\n   * @param params Object containing the fee calculation parameters\n   * @returns A promise that resolves to the calculated fee as a number (e.g., 0.03 represents a 3% fee)\n   */\n  calculateFee?(params: CalculateFeeParams): Promise<number | undefined>\n}\n\nexport interface ToAddress {\n  name?: string\n  address: string\n  chainType: ChainType\n  logoURI?: string\n}\n\nexport interface AllowDeny<T> {\n  allow?: T[]\n  deny?: T[]\n}\n\nexport type AllowDenySetItem = string | number\nexport interface AllowDenySet {\n  allow?: Set<AllowDenySetItem>\n  deny?: Set<AllowDenySetItem>\n}\n\nexport type AllowDenySets = {\n  from?: AllowDenySet\n  to?: AllowDenySet\n} & AllowDenySet\n\nexport type AllowDenyItems<T> = {\n  from?: AllowDeny<T>\n  to?: AllowDeny<T>\n} & AllowDeny<T>\n\nexport type WidgetChains = {\n  types?: AllowDeny<ChainType>\n} & AllowDenyItems<number>\n\nexport type WidgetTokens = {\n  featured?: StaticToken[]\n  include?: Token[]\n  popular?: StaticToken[]\n  verified?: BaseToken[]\n} & AllowDenyItems<BaseToken>\n\nexport type WidgetLanguages = {\n  default?: LanguageKey\n} & AllowDeny<LanguageKey>\n\nexport type PoweredByType = 'default' | 'jumper'\n\nexport interface RouteLabel {\n  text: string\n  sx?: SxProps<Theme>\n}\n\nexport interface RouteLabelRule {\n  label: RouteLabel\n  // Matching criteria\n  bridges?: AllowDeny<string>\n  exchanges?: AllowDeny<string>\n  fromChainId?: number[]\n  toChainId?: number[]\n  fromTokenAddress?: string[]\n  toTokenAddress?: string[]\n  /**\n   * Custom match function evaluated against the route. When provided, its\n   * result is AND'd with the other matching criteria — all specified\n   * conditions must pass for the label to apply. Use this for matching logic\n   * that the built-in fields cannot express (gas costs, step count, route\n   * tags, etc.).\n   */\n  match?: (route: Route) => boolean\n}\n\nexport type ExplorerUrl =\n  | string\n  | {\n      url: string\n      txPath?: string\n      addressPath?: string\n    }\n\nexport type WidgetProvider = (\n  props: PropsWithChildren<WidgetProviderProps>\n) => ReactNode\n\nexport interface WidgetConfig {\n  fromChain?: number\n  toChain?: number\n  fromToken?: string\n  toToken?: string\n  toAddress?: ToAddress\n  toAddresses?: ToAddress[]\n  fromAmount?: number | string\n  minFromAmountUSD?: number\n  toAmount?: number | string\n  formUpdateKey?: string\n\n  providers?: WidgetProvider[]\n\n  contractCalls?: ContractCall[]\n  contractComponent?: ReactNode\n  contractSecondaryComponent?: ReactNode\n  contractCompactComponent?: ReactNode\n  contractTool?: WidgetContractTool\n  integrator: string\n  apiKey?: string\n  feeConfig?: WidgetFeeConfig\n  referrer?: string\n\n  routePriority?: Order\n  slippage?: number\n\n  variant?: WidgetVariant\n  mode?: WidgetMode\n  modeOptions?: ModeOptions\n  /**\n   * Header navigation tabs, in order. When set, the widget renders a tab bar\n   * and the active tab drives the displayed flow. Each entry is a tab key.\n   *\n   * @internal Not part of the public API.\n   */\n  _navigationTabs?: NavigationTabKey[]\n\n  appearance?: Appearance\n  theme?: WidgetTheme\n\n  disabledUI?: DisabledUIConfig\n  hiddenUI?: HiddenUIConfig\n  requiredUI?: RequiredUIConfig\n  defaultUI?: DefaultUI\n  /**\n   * When true, shows only the recommended route and hides the route\n   * selector UI. Distinct from `routePriority`, which sets the SDK\n   * ranking order across multiple displayed routes.\n   * @default false\n   */\n  showSingleRoute?: boolean\n  useRelayerRoutes?: boolean\n\n  walletConfig?: WidgetWalletConfig\n  sdkConfig?: WidgetSDKConfig\n\n  buildUrl?: boolean\n  keyPrefix?: string\n\n  bridges?: AllowDeny<string>\n  exchanges?: AllowDeny<string>\n  chains?: WidgetChains\n  tokens?: WidgetTokens\n  languages?: WidgetLanguages\n  languageResources?: LanguageResources\n  explorerUrls?: Record<number, ExplorerUrl[]> &\n    Partial<Record<'internal', ExplorerUrl[]>>\n  poweredBy?: PoweredByType\n\n  /**\n   * Custom labels/badges to show on routes based on specified rules\n   */\n  routeLabels?: RouteLabelRule[]\n}\n\nexport interface FormFieldOptions {\n  setUrlSearchParam: boolean\n}\n\nexport interface FieldValues\n  extends Omit<DefaultFieldValues, 'fromAmount' | 'toAmount' | 'toAddress'> {\n  fromAmount?: number | string\n  toAmount?: number | string\n  toAddress?: ToAddress | string\n}\n\nexport type FieldNames = keyof FieldValues\n\nexport type SetFieldValueFunction = <K extends FieldNames>(\n  key: K,\n  value: FieldValues[K],\n  options?: FormFieldOptions\n) => void\n\nexport type FormState = {\n  setFieldValue: SetFieldValueFunction\n}\n\nexport type FormRef = RefObject<FormState | null>\n\nexport interface FormRefProps {\n  formRef?: FormRef\n}\n\nexport interface WidgetConfigProps extends FormRefProps {\n  config: WidgetConfig\n}\n\nexport interface WidgetConfigPartialProps {\n  config?: Partial<WidgetConfig>\n}\n\nexport type WidgetProps = WidgetDrawerProps &\n  WidgetConfig &\n  WidgetConfigPartialProps &\n  FormRefProps\n\nexport interface WidgetDrawerProps extends WidgetConfigPartialProps {\n  elementRef?: RefObject<HTMLDivElement>\n  open?: boolean\n  /**\n   * Make sure to make the onClose callback stable (e.g. using useCallback) to avoid causing re-renders of the entire widget\n   */\n  onClose?(): void\n}\n\nexport enum ExpansionType {\n  Routes = 'routes',\n  FromChain = 'fromChain',\n  ToChain = 'toChain',\n}\n"],"mappings":";AAieA,IAAY,gBAAL,yBAAA,eAAA;CACL,cAAA,YAAA;CACA,cAAA,eAAA;CACA,cAAA,aAAA;;AACF,EAAA,CAAA,CAAA"}
+{"version":3,"file":"widget.js","names":[],"sources":["../../../src/types/widget.ts"],"sourcesContent":["import type {\n  BaseToken,\n  ChainType,\n  ContractCall,\n  ExecutionOptions,\n  ExtendedChain,\n  Order,\n  Route,\n  RouteOptions,\n  SDKConfig,\n  StaticToken,\n  Token,\n} from '@lifi/sdk'\nimport type { WalletMenuOpenArgs } from '@lifi/wallet-management'\nimport type { WidgetProviderProps } from '@lifi/widget-provider'\nimport type {\n  Components,\n  PaletteMode,\n  PaletteOptions,\n  Shape,\n  SxProps,\n  Theme,\n} from '@mui/material'\nimport type { TypographyVariantsOptions } from '@mui/material/styles'\nimport type {\n  CSSProperties,\n  PropsWithChildren,\n  ReactNode,\n  RefObject,\n} from 'react'\nimport type {\n  LanguageKey,\n  LanguageResources,\n} from '../providers/I18nProvider/types.js'\nimport type { DefaultFieldValues } from '../stores/form/types.js'\n\nexport type WidgetVariant = 'compact' | 'wide' | 'drawer'\n\n/** @internal Not part of the public API. */\nexport type InternalWidgetMode = 'limit'\nexport type WidgetMode =\n  | 'default'\n  | 'split'\n  | 'custom'\n  | 'refuel'\n  | InternalWidgetMode\nexport type SplitMode = 'bridge' | 'swap'\nexport type SplitModeOptions = {\n  defaultTab: SplitMode\n}\nexport type CustomMode = 'checkout' | 'deposit'\nexport interface ModeOptions {\n  /**\n   * Configure split mode behavior:\n   * - 'bridge' | 'swap': Single mode without tabs\n   * - { defaultTab: 'bridge' | 'swap' }: Tabs mode with configurable default tab\n   */\n  split?: SplitMode | SplitModeOptions\n  custom?: { type: CustomMode }\n}\n\n/**\n * Identity of a header navigation tab. Each key maps to a widget variant, mode and\n * (optionally) mode options; labels are resolved from the key.\n */\nexport type SplitNavigationTabKey = SplitMode\n/** @internal Not part of the public API. */\nexport type InternalNavigationTabKey =\n  | 'default'\n  | 'private'\n  | 'refuel'\n  | 'swap-advanced'\n  | 'bridge-advanced'\n  | 'limit'\nexport type NavigationTabKey = InternalNavigationTabKey | SplitNavigationTabKey\n\nexport type Appearance = PaletteMode | 'system'\nexport interface NavigationProps {\n  /**\n   * If given, uses a negative margin to counteract the padding on sides for navigation elements like icon buttons.\n   * @default true\n   */\n  edge?: boolean\n}\nexport type WidgetThemeComponents = Partial<\n  Pick<\n    Components<Theme>,\n    | 'MuiAppBar'\n    | 'MuiAvatar'\n    | 'MuiButton'\n    | 'MuiCard'\n    | 'MuiDrawer'\n    | 'MuiIconButton'\n    | 'MuiInputCard'\n    | 'MuiNavigationTabs'\n    | 'MuiNavigationTab'\n    | 'MuiTabs'\n    | 'MuiCheckbox'\n  >\n>\n\nexport type WidgetTheme = {\n  colorSchemes?: {\n    light?: {\n      palette: PaletteOptions\n    }\n    dark?: {\n      palette: PaletteOptions\n    }\n  }\n  shape?: Partial<Shape>\n  typography?: TypographyVariantsOptions\n  components?: WidgetThemeComponents\n  container?: CSSProperties\n  routesContainer?: CSSProperties\n  chainSidebarContainer?: CSSProperties\n  header?: CSSProperties\n  navigation?: NavigationProps\n}\n\nexport interface DisabledUIConfig {\n  fromAmount?: boolean\n  fromToken?: boolean\n  toAddress?: boolean\n  toToken?: boolean\n}\n\nexport interface HiddenUIConfig {\n  addressBookConnectedWallets?: boolean\n  allNetworks?: boolean\n  appearance?: boolean\n  bridgesSettings?: boolean\n  chainSelect?: boolean\n  /**\n   * Hide the chain sidebar in the `wide` variant. No effect in other variants.\n   * @default false\n   */\n  chainSidebar?: boolean\n  contactSupport?: boolean\n  /**\n   * Hide the drawer close button. Only meaningful when `variant === 'drawer'`.\n   * @default false\n   */\n  drawerCloseButton?: boolean\n  fromToken?: boolean\n  gasRefuelMessage?: boolean\n  hideSmallBalances?: boolean\n  history?: boolean\n  insufficientGasMessage?: boolean\n  integratorStepDetails?: boolean\n  language?: boolean\n  /**\n   * Hide the warning shown when sending to an address with low historical\n   * on-chain activity (low transaction count or contract-like behavior).\n   * @default false\n   */\n  lowAddressActivityConfirmation?: boolean\n  poweredBy?: boolean\n  /**\n   * Hide the \"Recent searches\" section in the token select view.\n   * @default false\n   */\n  recentSearches?: boolean\n  reverseTokensButton?: boolean\n  routeCardPriceImpact?: boolean\n  routeTokenDescription?: boolean\n  searchTokenInput?: boolean\n  toAddress?: boolean\n  toToken?: boolean\n  walletMenu?: boolean\n}\n\nexport interface RequiredUIConfig {\n  accountDeployedMessage?: boolean\n  toAddress?: boolean\n}\n\nexport type DefaultUI = {\n  transactionDetailsExpanded?: boolean\n  navigationHeaderTitleNoWrap?: boolean\n  /**\n   * Layout for the main form.\n   * - `'default'`: the chain/token selectors plus single amount input.\n   * - `'cards'`: the redesigned card-based layout — stacked Send/Receive amount\n   *   cards (`AmountInputCardPair`) with inline token pill selectors and a swap\n   *   button.\n   * @default 'default'\n   */\n  layout?: 'default' | 'cards'\n}\n\nexport interface WidgetWalletConfig {\n  walletEcosystemsOrder?: Record<string, ChainType[]>\n  onConnect?(args?: WalletMenuOpenArgs): void\n  /**\n   * Determines whether the widget should provide partial wallet management functionality.\n   *\n   * In partial mode, external wallet management will be used for \"opt-out\" providers,\n   * while the internal management is applied for any remaining providers that do not opt out.\n   * This allows a flexible balance between the integrator's custom wallet menu and the widget's native wallet menu.\n   * @default false\n   */\n  usePartialWalletManagement?: boolean\n  /**\n   * This option forces the widget to always use internal wallet management ignoring external wallet management contexts\n   * @default false\n   */\n  forceInternalWalletManagement?: boolean\n}\n\nexport interface WidgetSDKConfig\n  extends Omit<\n    SDKConfig,\n    | 'apiKey'\n    | 'disableVersionCheck'\n    | 'integrator'\n    | 'providers'\n    | 'routeOptions'\n    | 'widgetVersion'\n  > {\n  routeOptions?: Omit<\n    RouteOptions,\n    'bridges' | 'exchanges' | 'fee' | 'referrer' | 'order' | 'slippage'\n  >\n  executionOptions?: Pick<ExecutionOptions, 'updateTransactionRequestHook'>\n}\n\nexport interface WidgetContractTool {\n  name: string\n  logoURI: string\n}\n\nexport interface CalculateFeeParams {\n  fromChain: ExtendedChain\n  toChain: ExtendedChain\n  fromToken: Token\n  toToken: Token\n  fromAddress?: string\n  toAddress?: string\n  fromAmount?: bigint\n  toAmount?: bigint\n  slippage?: number\n}\n\nexport interface WidgetFeeConfig {\n  name?: string\n  logoURI?: string\n  fee?: number\n  /**\n   * Whether to show the fee percentage in the fee details.\n   * @default false\n   */\n  showFeePercentage?: boolean\n  /**\n   * Whether to show a tooltip with the fee details. Requires `name` or `feeTooltipComponent` to be set.\n   * @default false\n   */\n  showFeeTooltip?: boolean\n  /**\n   * Custom tooltip component to show with the fee details.\n   */\n  feeTooltipComponent?: ReactNode\n  /**\n   * Function to calculate fees before fetching quotes.\n   * If provided, this function will be used instead of the `fee` parameter.\n   * Only one of `fee` or `calculateFee` should be used.\n   *\n   * @param params Object containing the fee calculation parameters\n   * @returns A promise that resolves to the calculated fee as a number (e.g., 0.03 represents a 3% fee)\n   */\n  calculateFee?(params: CalculateFeeParams): Promise<number | undefined>\n}\n\nexport interface ToAddress {\n  name?: string\n  address: string\n  chainType: ChainType\n  logoURI?: string\n}\n\nexport interface AllowDeny<T> {\n  allow?: T[]\n  deny?: T[]\n}\n\nexport type AllowDenySetItem = string | number\nexport interface AllowDenySet {\n  allow?: Set<AllowDenySetItem>\n  deny?: Set<AllowDenySetItem>\n}\n\nexport type AllowDenySets = {\n  from?: AllowDenySet\n  to?: AllowDenySet\n} & AllowDenySet\n\nexport type AllowDenyItems<T> = {\n  from?: AllowDeny<T>\n  to?: AllowDeny<T>\n} & AllowDeny<T>\n\nexport type WidgetChains = {\n  types?: AllowDeny<ChainType>\n} & AllowDenyItems<number>\n\nexport type WidgetTokens = {\n  featured?: StaticToken[]\n  include?: Token[]\n  popular?: StaticToken[]\n  verified?: BaseToken[]\n} & AllowDenyItems<BaseToken>\n\nexport type WidgetLanguages = {\n  default?: LanguageKey\n} & AllowDeny<LanguageKey>\n\nexport type PoweredByType = 'default' | 'jumper'\n\nexport interface RouteLabel {\n  text: string\n  sx?: SxProps<Theme>\n}\n\nexport interface RouteLabelRule {\n  label: RouteLabel\n  // Matching criteria\n  bridges?: AllowDeny<string>\n  exchanges?: AllowDeny<string>\n  fromChainId?: number[]\n  toChainId?: number[]\n  fromTokenAddress?: string[]\n  toTokenAddress?: string[]\n  /**\n   * Custom match function evaluated against the route. When provided, its\n   * result is AND'd with the other matching criteria — all specified\n   * conditions must pass for the label to apply. Use this for matching logic\n   * that the built-in fields cannot express (gas costs, step count, route\n   * tags, etc.).\n   */\n  match?: (route: Route) => boolean\n}\n\nexport type ExplorerUrl =\n  | string\n  | {\n      url: string\n      txPath?: string\n      addressPath?: string\n    }\n\nexport type WidgetProvider = (\n  props: PropsWithChildren<WidgetProviderProps>\n) => ReactNode\n\nexport interface WidgetConfig {\n  fromChain?: number\n  toChain?: number\n  fromToken?: string\n  toToken?: string\n  toAddress?: ToAddress\n  toAddresses?: ToAddress[]\n  fromAmount?: number | string\n  minFromAmountUSD?: number\n  toAmount?: number | string\n  formUpdateKey?: string\n\n  providers?: WidgetProvider[]\n\n  contractCalls?: ContractCall[]\n  contractComponent?: ReactNode\n  contractSecondaryComponent?: ReactNode\n  contractCompactComponent?: ReactNode\n  contractTool?: WidgetContractTool\n  integrator: string\n  apiKey?: string\n  feeConfig?: WidgetFeeConfig\n  referrer?: string\n\n  routePriority?: Order\n  slippage?: number\n\n  variant?: WidgetVariant\n  mode?: WidgetMode\n  modeOptions?: ModeOptions\n  /**\n   * Header navigation tabs, in order. When set, the widget renders a tab bar\n   * and the active tab drives the displayed flow. Each entry is a tab key.\n   *\n   * @internal Not part of the public API.\n   */\n  _navigationTabs?: NavigationTabKey[]\n\n  appearance?: Appearance\n  theme?: WidgetTheme\n\n  disabledUI?: DisabledUIConfig\n  hiddenUI?: HiddenUIConfig\n  requiredUI?: RequiredUIConfig\n  defaultUI?: DefaultUI\n  /**\n   * When true, shows only the recommended route and hides the route\n   * selector UI. Distinct from `routePriority`, which sets the SDK\n   * ranking order across multiple displayed routes.\n   * @default false\n   */\n  showSingleRoute?: boolean\n  useRelayerRoutes?: boolean\n\n  walletConfig?: WidgetWalletConfig\n  sdkConfig?: WidgetSDKConfig\n\n  buildUrl?: boolean\n  /**\n   * @deprecated Use `storageScopeKey` for persisted state and `queryScopeKey`\n   * for the query cache. Still honoured as the fallback for both.\n   */\n  keyPrefix?: string\n  /**\n   * Namespaces the widget's persisted state in `localStorage`: bookmarks,\n   * pinned tokens, recent tokens, chain order and route history, as\n   * `keyPrefix` does. Use a different value per widget instance that should\n   * keep its own state. Settings keep one shared name.\n   *\n   * It also scopes the widget's other queries (routes, tokens, balances, …),\n   * so instances with different values keep their data apart.\n   *\n   * Falls back to `keyPrefix`, then to the historical `li.fi-*` names.\n   */\n  storageScopeKey?: string\n  /**\n   * Scopes the widget's chains and tools queries inside the host's react-query\n   * `QueryClient`. Widget instances - and a host app using the\n   * `@lifi/widget/queries` factories - that pass the same value\n   * share those entries. The other widget queries are scoped by\n   * `storageScopeKey`.\n   *\n   * The keys start with a plain `'chains'` / `'tools'`, as in wagmi, so a host\n   * that matches on those roots (for example `setQueriesData({ queryKey:\n   * ['chains'] })`) also reaches the widget's entries.\n   *\n   * Falls back to `keyPrefix`, then to `'li.fi'`.\n   */\n  queryScopeKey?: string\n\n  bridges?: AllowDeny<string>\n  exchanges?: AllowDeny<string>\n  chains?: WidgetChains\n  tokens?: WidgetTokens\n  languages?: WidgetLanguages\n  languageResources?: LanguageResources\n  explorerUrls?: Record<number, ExplorerUrl[]> &\n    Partial<Record<'internal', ExplorerUrl[]>>\n  poweredBy?: PoweredByType\n\n  /**\n   * Custom labels/badges to show on routes based on specified rules\n   */\n  routeLabels?: RouteLabelRule[]\n}\n\nexport interface FormFieldOptions {\n  setUrlSearchParam: boolean\n}\n\nexport interface FieldValues\n  extends Omit<DefaultFieldValues, 'fromAmount' | 'toAmount' | 'toAddress'> {\n  fromAmount?: number | string\n  toAmount?: number | string\n  toAddress?: ToAddress | string\n}\n\nexport type FieldNames = keyof FieldValues\n\nexport type SetFieldValueFunction = <K extends FieldNames>(\n  key: K,\n  value: FieldValues[K],\n  options?: FormFieldOptions\n) => void\n\nexport type FormState = {\n  setFieldValue: SetFieldValueFunction\n}\n\nexport type FormRef = RefObject<FormState | null>\n\nexport interface FormRefProps {\n  formRef?: FormRef\n}\n\nexport interface WidgetConfigProps extends FormRefProps {\n  config: WidgetConfig\n}\n\nexport interface WidgetConfigPartialProps {\n  config?: Partial<WidgetConfig>\n}\n\nexport type WidgetProps = WidgetDrawerProps &\n  WidgetConfig &\n  WidgetConfigPartialProps &\n  FormRefProps\n\nexport interface WidgetDrawerProps extends WidgetConfigPartialProps {\n  elementRef?: RefObject<HTMLDivElement>\n  open?: boolean\n  /**\n   * Make sure to make the onClose callback stable (e.g. using useCallback) to avoid causing re-renders of the entire widget\n   */\n  onClose?(): void\n}\n\nexport enum ExpansionType {\n  Routes = 'routes',\n  FromChain = 'fromChain',\n  ToChain = 'toChain',\n}\n"],"mappings":";AA+fA,IAAY,gBAAL,yBAAA,eAAA;CACL,cAAA,YAAA;CACA,cAAA,eAAA;CACA,cAAA,aAAA;;AACF,EAAA,CAAA,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"queries.js","names":[],"sources":["../../../src/utils/queries.ts"],"sourcesContent":["export const getQueryKey = (key: string, prefix?: string) =>\n  `${prefix || 'li.fi'}-widget-${key}`\n"],"mappings":";AAAA,MAAa,eAAe,KAAa,WACvC,GAAG,UAAU,QAAQ,UAAU"}
+{"version":3,"file":"queries.js","names":[],"sources":["../../../src/utils/queries.ts"],"sourcesContent":["// Legacy keys: callers pass the storage scope, so instances stay apart.\nexport const getQueryKey = (key: string, prefix?: string) =>\n  `${prefix || 'li.fi'}-widget-${key}`\n"],"mappings":";AACA,MAAa,eAAe,KAAa,WACvC,GAAG,UAAU,QAAQ,UAAU"}

package/dist/esm/utils/scopeKeys.d.ts

@@ -0,0 +1,6 @@
+import { WidgetConfig } from "../types/widget.js";
+//#region src/utils/scopeKeys.d.ts
+type ScopeKeyConfig = Pick<WidgetConfig, "storageScopeKey" | "queryScopeKey" | "keyPrefix">;
+export declare const resolveStorageScopeKey: (config: Partial<ScopeKeyConfig> | undefined) => string | undefined;
+//#endregion
+//# sourceMappingURL=scopeKeys.d.ts.map

package/dist/esm/utils/scopeKeys.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scopeKeys.d.ts","names":[],"sources":["../../../src/utils/scopeKeys.ts"],"mappings":";;KAKK,iBAAiB,KACpB;qBAKW,yBACX,QAAQ,QAAQ"}

package/dist/esm/utils/scopeKeys.js

@@ -0,0 +1,8 @@
+//#region src/utils/scopeKeys.ts
+const defaultQueryScopeKey = "li.fi";
+const resolveStorageScopeKey = (config) => config?.storageScopeKey ?? config?.keyPrefix;
+const resolveQueryScopeKey = (config) => config?.queryScopeKey ?? config?.keyPrefix ?? "li.fi";
+//#endregion
+export { defaultQueryScopeKey, resolveQueryScopeKey, resolveStorageScopeKey };
+
+//# sourceMappingURL=scopeKeys.js.map

package/dist/esm/utils/scopeKeys.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scopeKeys.js","names":[],"sources":["../../../src/utils/scopeKeys.ts"],"sourcesContent":["import type { WidgetConfig } from '../types/widget.js'\n\n// Non-empty, so an unconfigured widget never shares a host's unscoped entries.\nexport const defaultQueryScopeKey = 'li.fi'\n\ntype ScopeKeyConfig = Pick<\n  WidgetConfig,\n  'storageScopeKey' | 'queryScopeKey' | 'keyPrefix'\n>\n\n// `undefined` keeps the historical `li.fi-*` store names.\nexport const resolveStorageScopeKey = (\n  config: Partial<ScopeKeyConfig> | undefined\n): string | undefined => config?.storageScopeKey ?? config?.keyPrefix\n\nexport const resolveQueryScopeKey = (\n  config: Partial<ScopeKeyConfig> | undefined\n): string => config?.queryScopeKey ?? config?.keyPrefix ?? defaultQueryScopeKey\n"],"mappings":";AAGA,MAAa,uBAAuB;AAQpC,MAAa,0BACX,WACuB,QAAQ,mBAAmB,QAAQ;AAE5D,MAAa,wBACX,WACW,QAAQ,iBAAiB,QAAQ,aAAA"}

package/dist/esm/utils/url.d.ts

@@ -0,0 +1,5 @@
+//#region src/utils/url.d.ts
+export declare const isHttpUrl: (url: string | undefined) => url is string;
+export declare const openInNewTab: (url: string | undefined) => void;
+//#endregion
+//# sourceMappingURL=url.d.ts.map

package/dist/esm/utils/url.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"url.d.ts","names":[],"sources":["../../../src/utils/url.ts"],"mappings":";qBAAa,YAAa,4BAA0B;qBAYvC,eAAgB"}

package/dist/esm/utils/url.js

@@ -0,0 +1,17 @@
+//#region src/utils/url.ts
+const isHttpUrl = (url) => {
+	if (!url) return false;
+	try {
+		const { protocol } = new URL(url);
+		return protocol === "https:" || protocol === "http:";
+	} catch {
+		return false;
+	}
+};
+const openInNewTab = (url) => {
+	if (isHttpUrl(url)) window.open(url, "_blank", "noopener,noreferrer");
+};
+//#endregion
+export { isHttpUrl, openInNewTab };
+
+//# sourceMappingURL=url.js.map

package/dist/esm/utils/url.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"url.js","names":[],"sources":["../../../src/utils/url.ts"],"sourcesContent":["export const isHttpUrl = (url: string | undefined): url is string => {\n  if (!url) {\n    return false\n  }\n  try {\n    const { protocol } = new URL(url)\n    return protocol === 'https:' || protocol === 'http:'\n  } catch {\n    return false\n  }\n}\n\nexport const openInNewTab = (url: string | undefined): void => {\n  if (isHttpUrl(url)) {\n    window.open(url, '_blank', 'noopener,noreferrer')\n  }\n}\n"],"mappings":";AAAA,MAAa,aAAa,QAA2C;CACnE,IAAI,CAAC,KACH,OAAO;CAET,IAAI;EACF,MAAM,EAAE,aAAa,IAAI,IAAI,GAAG;EAChC,OAAO,aAAa,YAAY,aAAa;CAC/C,QAAQ;EACN,OAAO;CACT;AACF;AAEA,MAAa,gBAAgB,QAAkC;CAC7D,IAAI,UAAU,GAAG,GACf,OAAO,KAAK,KAAK,UAAU,qBAAqB;AAEpD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lifi/widget",
-  "version": "4.7.0",
+  "version": "4.8.0",
   "description": "LI.FI Widget for cross-chain bridging and swapping. It will drive your multi-chain strategy and attract new users from everywhere.",
   "type": "module",
   "main": "./dist/esm/index.js",
@@ -21,6 +21,11 @@
       "import": "./dist/esm/shared.js",
       "default": "./dist/esm/shared.js"
     },
+    "./queries": {
+      "types": "./dist/esm/queries/index.d.ts",
+      "import": "./dist/esm/queries/index.js",
+      "default": "./dist/esm/queries/index.js"
+    },
     "./package.json": "./package.json"
   },
   "sideEffects": false,
@@ -52,9 +57,9 @@
   "dependencies": {
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
-    "@lifi/sdk": "^4.8.0",
-    "@lifi/wallet-management": "4.3.0",
-    "@lifi/widget-provider": "4.5.0",
+    "@lifi/sdk": "^4.10.0",
+    "@lifi/wallet-management": "4.3.1",
+    "@lifi/widget-provider": "4.5.1",
     "@mui/icons-material": "^9.4.0",
     "@mui/material": "^9.4.0",
     "@mui/system": "^9.4.0",
@@ -82,6 +87,9 @@
       ],
       "shared": [
         "./dist/esm/shared.d.ts"
+      ],
+      "queries": [
+        "./dist/esm/queries/index.d.ts"
       ]
     }
   },

package/src/config/version.ts

@@ -1,2 +1,2 @@
 export const name = '@lifi/widget'
-export const version = '4.7.0'
+export const version = '4.8.0'