@lifi/widget 0.0.0-preview-6cc63bac

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../../../src/providers/I18nProvider/types.ts"],"mappings":";;;KAEY,eAAA,MAAqB,CAAA,gCAEf,CAAA,IAAK,eAAA,CAAgB,CAAA,CAAE,CAAA,OAErC,CAAA;AAAA,KAEQ,WAAA;AAAA,KAmBA,gBAAA,UAA0B,EAAA;AAAA,KAE1B,iBAAA,WAEA,WAAA,IAAe,eAAA,CAAgB,gBAAA;EAAA,oBAGjB,eAAA,CAAgB,gBAAA;AAAA"}

package/dist/esm/providers/QueryClientProvider.js

@@ -0,0 +1,15 @@
+import { queryClient } from "../config/queryClient.js";
+import { useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+import { QueryClientContext, QueryClientProvider } from "@tanstack/react-query";
+//#region src/providers/QueryClientProvider.tsx
+const QueryClientProvider$1 = ({ children }) => {
+	return useContext(QueryClientContext) ? children : /* @__PURE__ */ jsx(QueryClientProvider, {
+		client: queryClient,
+		children
+	});
+};
+//#endregion
+export { QueryClientProvider$1 as QueryClientProvider };
+
+//# sourceMappingURL=QueryClientProvider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QueryClientProvider.js","names":["QueryClientProvider","TanstackQueryClientContext","TanstackQueryClientProvider"],"sources":["../../../src/providers/QueryClientProvider.tsx"],"sourcesContent":["import {\n  QueryClientContext as TanstackQueryClientContext,\n  QueryClientProvider as TanstackQueryClientProvider,\n} from '@tanstack/react-query'\nimport type { PropsWithChildren } from 'react'\nimport { useContext } from 'react'\nimport { queryClient } from '../config/queryClient.js'\n\nexport const QueryClientProvider: React.FC<PropsWithChildren> = ({\n  children,\n}) => {\n  const existingQueryClient = useContext(TanstackQueryClientContext)\n  return existingQueryClient ? (\n    children\n  ) : (\n    <TanstackQueryClientProvider client={queryClient}>\n      {children}\n    </TanstackQueryClientProvider>\n  )\n}\n"],"mappings":";;;;;AAQA,MAAaA,yBAAoD,EAC/D,eACI;CAEJ,OAD4B,WAAWC,kBACd,IACvB,WAEA,oBAACC,qBAAD;EAA6B,QAAQ;EAClC;CAC0B,CAAA;AAEjC"}

package/dist/esm/providers/SDKClientProvider.js

@@ -0,0 +1,43 @@
+import { useWidgetConfig } from "./WidgetProvider/WidgetProvider.js";
+import { version } from "../config/version.js";
+import { createClient } from "@lifi/sdk";
+import { createContext, useContext, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/providers/SDKClientProvider.tsx
+const SDKClientContext = createContext({});
+const useSDKClient = () => useContext(SDKClientContext);
+const SDKClientProvider = ({ children }) => {
+	const { sdkConfig, apiKey, integrator, feeConfig, referrer, routePriority, slippage } = useWidgetConfig();
+	const client = useMemo(() => {
+		return createClient({
+			...sdkConfig,
+			apiKey,
+			integrator: integrator ?? window?.location.hostname,
+			routeOptions: {
+				fee: feeConfig?.fee,
+				referrer,
+				order: routePriority,
+				slippage,
+				...sdkConfig?.routeOptions
+			},
+			disableVersionCheck: true,
+			widgetVersion: version
+		});
+	}, [
+		sdkConfig,
+		apiKey,
+		integrator,
+		feeConfig,
+		referrer,
+		routePriority,
+		slippage
+	]);
+	return /* @__PURE__ */ jsx(SDKClientContext.Provider, {
+		value: client,
+		children
+	});
+};
+//#endregion
+export { SDKClientProvider, useSDKClient };
+
+//# sourceMappingURL=SDKClientProvider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SDKClientProvider.js","names":[],"sources":["../../../src/providers/SDKClientProvider.tsx"],"sourcesContent":["import { createClient, type SDKClient } from '@lifi/sdk'\nimport {\n  createContext,\n  type JSX,\n  type PropsWithChildren,\n  useContext,\n  useMemo,\n} from 'react'\nimport { version } from '../config/version.js'\nimport { useWidgetConfig } from './WidgetProvider/WidgetProvider.js'\n\nconst SDKClientContext = createContext<SDKClient>({} as SDKClient)\n\nexport const useSDKClient = (): SDKClient => useContext(SDKClientContext)\n\nexport const SDKClientProvider = ({\n  children,\n}: PropsWithChildren): JSX.Element => {\n  const {\n    sdkConfig,\n    apiKey,\n    integrator,\n    feeConfig,\n    referrer,\n    routePriority,\n    slippage,\n  } = useWidgetConfig()\n\n  const client: SDKClient = useMemo(() => {\n    return createClient({\n      ...sdkConfig,\n      apiKey,\n      integrator: integrator ?? window?.location.hostname,\n      routeOptions: {\n        fee: feeConfig?.fee,\n        referrer,\n        order: routePriority,\n        slippage,\n        ...sdkConfig?.routeOptions,\n      },\n      disableVersionCheck: true,\n      widgetVersion: version,\n    })\n  }, [\n    sdkConfig,\n    apiKey,\n    integrator,\n    feeConfig,\n    referrer,\n    routePriority,\n    slippage,\n  ])\n\n  return (\n    <SDKClientContext.Provider value={client}>\n      {children}\n    </SDKClientContext.Provider>\n  )\n}\n"],"mappings":";;;;;;AAWA,MAAM,mBAAmB,cAAyB,CAAC,CAAc;AAEjE,MAAa,qBAAgC,WAAW,gBAAgB;AAExE,MAAa,qBAAqB,EAChC,eACoC;CACpC,MAAM,EACJ,WACA,QACA,YACA,WACA,UACA,eACA,aACE,gBAAgB;CAEpB,MAAM,SAAoB,cAAc;EACtC,OAAO,aAAa;GAClB,GAAG;GACH;GACA,YAAY,cAAc,QAAQ,SAAS;GAC3C,cAAc;IACZ,KAAK,WAAW;IAChB;IACA,OAAO;IACP;IACA,GAAG,WAAW;GAChB;GACA,qBAAqB;GACrB,eAAe;EACjB,CAAC;CACH,GAAG;EACD;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,OACE,oBAAC,iBAAiB,UAAlB;EAA2B,OAAO;EAC/B;CACwB,CAAA;AAE/B"}

package/dist/esm/providers/ThemeProvider/ThemeProvider.js

@@ -0,0 +1,25 @@
+import { useWidgetConfig } from "../WidgetProvider/WidgetProvider.js";
+import { createTheme as createTheme$1 } from "../../themes/createTheme.js";
+import { useEffect, useMemo } from "react";
+import { ThemeProvider, useColorScheme } from "@mui/material";
+import { jsx } from "react/jsx-runtime";
+//#region src/providers/ThemeProvider/ThemeProvider.tsx
+const ThemeProvider$1 = ({ children }) => {
+	const { appearance: colorSchemeMode, theme: themeConfig } = useWidgetConfig();
+	const { setMode } = useColorScheme();
+	useEffect(() => {
+		if (colorSchemeMode) setMode(colorSchemeMode);
+	}, [colorSchemeMode]);
+	return /* @__PURE__ */ jsx(ThemeProvider, {
+		theme: useMemo(() => createTheme$1(themeConfig), [themeConfig]),
+		defaultMode: colorSchemeMode ?? "system",
+		modeStorageKey: "li.fi-widget-mode",
+		colorSchemeStorageKey: "li.fi-widget-color-scheme",
+		disableTransitionOnChange: true,
+		children
+	});
+};
+//#endregion
+export { ThemeProvider$1 as ThemeProvider };
+
+//# sourceMappingURL=ThemeProvider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.js","names":["ThemeProvider","MuiThemeProvider","createTheme"],"sources":["../../../../src/providers/ThemeProvider/ThemeProvider.tsx"],"sourcesContent":["import {\n  ThemeProvider as MuiThemeProvider,\n  useColorScheme,\n} from '@mui/material'\nimport { useEffect, useMemo } from 'react'\nimport { createTheme } from '../../themes/createTheme.js'\nimport { useWidgetConfig } from '../WidgetProvider/WidgetProvider.js'\n\nexport const ThemeProvider: React.FC<React.PropsWithChildren> = ({\n  children,\n}) => {\n  const { appearance: colorSchemeMode, theme: themeConfig } = useWidgetConfig()\n  const { setMode } = useColorScheme()\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: setMode is stable\n  useEffect(() => {\n    if (colorSchemeMode) {\n      setMode(colorSchemeMode)\n    }\n  }, [colorSchemeMode])\n\n  const theme = useMemo(() => createTheme(themeConfig), [themeConfig])\n\n  return (\n    <MuiThemeProvider\n      theme={theme}\n      defaultMode={colorSchemeMode ?? 'system'}\n      modeStorageKey=\"li.fi-widget-mode\"\n      colorSchemeStorageKey=\"li.fi-widget-color-scheme\"\n      disableTransitionOnChange\n    >\n      {children}\n    </MuiThemeProvider>\n  )\n}\n"],"mappings":";;;;;;AAQA,MAAaA,mBAAoD,EAC/D,eACI;CACJ,MAAM,EAAE,YAAY,iBAAiB,OAAO,gBAAgB,gBAAgB;CAC5E,MAAM,EAAE,YAAY,eAAe;CAGnC,gBAAgB;EACd,IAAI,iBACF,QAAQ,eAAe;CAE3B,GAAG,CAAC,eAAe,CAAC;CAIpB,OACE,oBAACC,eAAD;EACE,OAJU,cAAcC,cAAY,WAAW,GAAG,CAAC,WAAW,CAInD;EACX,aAAa,mBAAmB;EAChC,gBAAe;EACf,uBAAsB;EACtB,2BAAA;EAEC;CACe,CAAA;AAEtB"}

package/dist/esm/providers/WalletProvider/WalletProvider.js

@@ -0,0 +1,40 @@
+import { useWidgetConfig } from "../WidgetProvider/WidgetProvider.js";
+import { useAvailableChains } from "../../hooks/useAvailableChains.js";
+import { useExternalWalletProvider } from "./useExternalWalletProvider.js";
+import { useInitializeSDKProviders } from "../../hooks/useInitializeSDKProviders.js";
+import { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import { WalletManagementProviders } from "@lifi/wallet-management";
+//#region src/providers/WalletProvider/WalletProvider.tsx
+const WalletProvider = ({ children, providers }) => {
+	const { walletConfig } = useWidgetConfig();
+	const { chains } = useAvailableChains();
+	const { i18n } = useTranslation();
+	const { useExternalWalletProvidersOnly, internalChainTypes } = useExternalWalletProvider();
+	if (!providers.length && !useExternalWalletProvidersOnly && process.env.NODE_ENV === "development") console.warn("No widget providers specified");
+	const effectiveProviders = useExternalWalletProvidersOnly ? [] : providers;
+	return /* @__PURE__ */ jsx(WalletManagementProviders, {
+		config: useMemo(() => ({
+			locale: i18n.resolvedLanguage,
+			enabledChainTypes: internalChainTypes,
+			walletEcosystemsOrder: walletConfig?.walletEcosystemsOrder
+		}), [
+			i18n.resolvedLanguage,
+			internalChainTypes,
+			walletConfig?.walletEcosystemsOrder
+		]),
+		providers: effectiveProviders,
+		chains,
+		forceInternalWalletManagement: walletConfig?.forceInternalWalletManagement,
+		children: /* @__PURE__ */ jsx(SDKProviderInitializer, { children })
+	});
+};
+const SDKProviderInitializer = ({ children }) => {
+	useInitializeSDKProviders();
+	return children;
+};
+//#endregion
+export { WalletProvider };
+
+//# sourceMappingURL=WalletProvider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WalletProvider.js","names":[],"sources":["../../../../src/providers/WalletProvider/WalletProvider.tsx"],"sourcesContent":["import { WalletManagementProviders } from '@lifi/wallet-management'\nimport type { WidgetProviderProps } from '@lifi/widget-provider'\nimport {\n  type FC,\n  type JSX,\n  type PropsWithChildren,\n  type ReactNode,\n  useMemo,\n} from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useAvailableChains } from '../../hooks/useAvailableChains.js'\nimport { useInitializeSDKProviders } from '../../hooks/useInitializeSDKProviders.js'\nimport { useWidgetConfig } from '../WidgetProvider/WidgetProvider.js'\nimport { useExternalWalletProvider } from './useExternalWalletProvider.js'\n\ninterface WalletProviderProps extends PropsWithChildren {\n  providers: ((props: PropsWithChildren<WidgetProviderProps>) => ReactNode)[]\n}\n\nexport const WalletProvider = ({\n  children,\n  providers,\n}: PropsWithChildren<WalletProviderProps>): JSX.Element => {\n  const { walletConfig } = useWidgetConfig()\n  const { chains } = useAvailableChains()\n  const { i18n } = useTranslation()\n  const { useExternalWalletProvidersOnly, internalChainTypes } =\n    useExternalWalletProvider()\n\n  if (\n    !providers.length &&\n    !useExternalWalletProvidersOnly &&\n    process.env.NODE_ENV === 'development'\n  ) {\n    console.warn('No widget providers specified')\n  }\n\n  const effectiveProviders = useExternalWalletProvidersOnly ? [] : providers\n\n  const walletManagementConfig = useMemo(\n    () => ({\n      locale: i18n.resolvedLanguage as never,\n      enabledChainTypes: internalChainTypes,\n      walletEcosystemsOrder: walletConfig?.walletEcosystemsOrder,\n    }),\n    [\n      i18n.resolvedLanguage,\n      internalChainTypes,\n      walletConfig?.walletEcosystemsOrder,\n    ]\n  )\n\n  return (\n    <WalletManagementProviders\n      config={walletManagementConfig}\n      providers={effectiveProviders}\n      chains={chains}\n      forceInternalWalletManagement={\n        walletConfig?.forceInternalWalletManagement\n      }\n    >\n      <SDKProviderInitializer>{children}</SDKProviderInitializer>\n    </WalletManagementProviders>\n  )\n}\n\nconst SDKProviderInitializer: FC<PropsWithChildren> = ({ children }) => {\n  useInitializeSDKProviders()\n  return children\n}\n"],"mappings":";;;;;;;;;AAmBA,MAAa,kBAAkB,EAC7B,UACA,gBACyD;CACzD,MAAM,EAAE,iBAAiB,gBAAgB;CACzC,MAAM,EAAE,WAAW,mBAAmB;CACtC,MAAM,EAAE,SAAS,eAAe;CAChC,MAAM,EAAE,gCAAgC,uBACtC,0BAA0B;CAE5B,IACE,CAAC,UAAU,UACX,CAAC,kCACD,QAAQ,IAAI,aAAa,eAEzB,QAAQ,KAAK,+BAA+B;CAG9C,MAAM,qBAAqB,iCAAiC,CAAC,IAAI;CAejE,OACE,oBAAC,2BAAD;EACE,QAf2B,eACtB;GACL,QAAQ,KAAK;GACb,mBAAmB;GACnB,uBAAuB,cAAc;EACvC,IACA;GACE,KAAK;GACL;GACA,cAAc;EAChB,CAK+B;EAC7B,WAAW;EACH;EACR,+BACE,cAAc;YAGhB,oBAAC,wBAAD,EAAyB,SAAiC,CAAA;CACjC,CAAA;AAE/B;AAEA,MAAM,0BAAiD,EAAE,eAAe;CACtE,0BAA0B;CAC1B,OAAO;AACT"}

package/dist/esm/providers/WalletProvider/useExternalWalletProvider.js

@@ -0,0 +1,45 @@
+import { useWidgetConfig } from "../WidgetProvider/WidgetProvider.js";
+import { ChainType } from "@lifi/sdk";
+import { useMemo } from "react";
+import { useBitcoinContext, useEthereumContext, useSolanaContext, useSuiContext, useTronContext } from "@lifi/widget-provider";
+//#region src/providers/WalletProvider/useExternalWalletProvider.ts
+const internalChainTypes = [
+	ChainType.EVM,
+	ChainType.SVM,
+	ChainType.UTXO,
+	ChainType.MVM,
+	ChainType.TVM
+];
+function useExternalWalletProvider() {
+	const { walletConfig } = useWidgetConfig();
+	const { isExternalContext: hasExternalEthereumContext } = useEthereumContext();
+	const { isExternalContext: hasExternalSolanaContext } = useSolanaContext();
+	const { isExternalContext: hasExternalBitcoinContext } = useBitcoinContext();
+	const { isExternalContext: hasExternalSuiContext } = useSuiContext();
+	const { isExternalContext: hasExternalTronContext } = useTronContext();
+	return useMemo(() => {
+		const providers = [];
+		if (hasExternalEthereumContext) providers.push(ChainType.EVM);
+		if (hasExternalSolanaContext) providers.push(ChainType.SVM);
+		if (hasExternalBitcoinContext) providers.push(ChainType.UTXO);
+		if (hasExternalSuiContext) providers.push(ChainType.MVM);
+		if (hasExternalTronContext) providers.push(ChainType.TVM);
+		return {
+			useExternalWalletProvidersOnly: (hasExternalEthereumContext || hasExternalSolanaContext || hasExternalBitcoinContext || hasExternalSuiContext || hasExternalTronContext) && !walletConfig?.usePartialWalletManagement && !walletConfig?.forceInternalWalletManagement,
+			externalChainTypes: providers,
+			internalChainTypes: internalChainTypes.filter((chainType) => !providers.includes(chainType))
+		};
+	}, [
+		hasExternalEthereumContext,
+		hasExternalSolanaContext,
+		hasExternalBitcoinContext,
+		hasExternalSuiContext,
+		hasExternalTronContext,
+		walletConfig?.usePartialWalletManagement,
+		walletConfig?.forceInternalWalletManagement
+	]);
+}
+//#endregion
+export { useExternalWalletProvider };
+
+//# sourceMappingURL=useExternalWalletProvider.js.map

package/dist/esm/providers/WalletProvider/useExternalWalletProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useExternalWalletProvider.js","names":[],"sources":["../../../../src/providers/WalletProvider/useExternalWalletProvider.ts"],"sourcesContent":["import { ChainType } from '@lifi/sdk'\nimport {\n  useBitcoinContext,\n  useEthereumContext,\n  useSolanaContext,\n  useSuiContext,\n  useTronContext,\n} from '@lifi/widget-provider'\nimport { useMemo } from 'react'\nimport { useWidgetConfig } from '../WidgetProvider/WidgetProvider.js'\n\ninterface ExternalWalletProvider {\n  useExternalWalletProvidersOnly: boolean\n  externalChainTypes: ChainType[]\n  internalChainTypes: ChainType[]\n}\n\nconst internalChainTypes = [\n  ChainType.EVM,\n  ChainType.SVM,\n  ChainType.UTXO,\n  ChainType.MVM,\n  ChainType.TVM,\n]\n\nexport function useExternalWalletProvider(): ExternalWalletProvider {\n  const { walletConfig } = useWidgetConfig()\n  const { isExternalContext: hasExternalEthereumContext } = useEthereumContext()\n  const { isExternalContext: hasExternalSolanaContext } = useSolanaContext()\n  const { isExternalContext: hasExternalBitcoinContext } = useBitcoinContext()\n  const { isExternalContext: hasExternalSuiContext } = useSuiContext()\n  const { isExternalContext: hasExternalTronContext } = useTronContext()\n  const data = useMemo(() => {\n    const providers: ChainType[] = []\n    if (hasExternalEthereumContext) {\n      providers.push(ChainType.EVM)\n    }\n    if (hasExternalSolanaContext) {\n      providers.push(ChainType.SVM)\n    }\n    if (hasExternalBitcoinContext) {\n      providers.push(ChainType.UTXO)\n    }\n    if (hasExternalSuiContext) {\n      providers.push(ChainType.MVM)\n    }\n    if (hasExternalTronContext) {\n      providers.push(ChainType.TVM)\n    }\n    const hasExternalProvider =\n      hasExternalEthereumContext ||\n      hasExternalSolanaContext ||\n      hasExternalBitcoinContext ||\n      hasExternalSuiContext ||\n      hasExternalTronContext\n\n    const useExternalWalletProvidersOnly =\n      hasExternalProvider &&\n      !walletConfig?.usePartialWalletManagement &&\n      !walletConfig?.forceInternalWalletManagement\n    return {\n      useExternalWalletProvidersOnly,\n      externalChainTypes: providers,\n      internalChainTypes: internalChainTypes.filter(\n        (chainType) => !providers.includes(chainType)\n      ),\n    }\n  }, [\n    hasExternalEthereumContext,\n    hasExternalSolanaContext,\n    hasExternalBitcoinContext,\n    hasExternalSuiContext,\n    hasExternalTronContext,\n    walletConfig?.usePartialWalletManagement,\n    walletConfig?.forceInternalWalletManagement,\n  ])\n\n  return data\n}\n"],"mappings":";;;;;AAiBA,MAAM,qBAAqB;CACzB,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;AACZ;AAEA,SAAgB,4BAAoD;CAClE,MAAM,EAAE,iBAAiB,gBAAgB;CACzC,MAAM,EAAE,mBAAmB,+BAA+B,mBAAmB;CAC7E,MAAM,EAAE,mBAAmB,6BAA6B,iBAAiB;CACzE,MAAM,EAAE,mBAAmB,8BAA8B,kBAAkB;CAC3E,MAAM,EAAE,mBAAmB,0BAA0B,cAAc;CACnE,MAAM,EAAE,mBAAmB,2BAA2B,eAAe;CA8CrE,OA7Ca,cAAc;EACzB,MAAM,YAAyB,CAAC;EAChC,IAAI,4BACF,UAAU,KAAK,UAAU,GAAG;EAE9B,IAAI,0BACF,UAAU,KAAK,UAAU,GAAG;EAE9B,IAAI,2BACF,UAAU,KAAK,UAAU,IAAI;EAE/B,IAAI,uBACF,UAAU,KAAK,UAAU,GAAG;EAE9B,IAAI,wBACF,UAAU,KAAK,UAAU,GAAG;EAa9B,OAAO;GACL,iCAXA,8BACA,4BACA,6BACA,yBACA,2BAIA,CAAC,cAAc,8BACf,CAAC,cAAc;GAGf,oBAAoB;GACpB,oBAAoB,mBAAmB,QACpC,cAAc,CAAC,UAAU,SAAS,SAAS,CAC9C;EACF;CACF,GAAG;EACD;EACA;EACA;EACA;EACA;EACA,cAAc;EACd,cAAc;CAChB,CAEU;AACZ"}

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

@@ -0,0 +1,43 @@
+import { useSettingsActions } from "../../stores/settings/useSettingsActions.js";
+import { createContext, useContext, useId, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/providers/WidgetProvider/WidgetProvider.tsx
+const WidgetContext = createContext({
+	elementId: "",
+	integrator: ""
+});
+const useWidgetConfig = () => useContext(WidgetContext);
+const WidgetProvider = ({ children, config: widgetConfig }) => {
+	const elementId = useId();
+	const { setDefaultSettings } = useSettingsActions();
+	if (!widgetConfig?.integrator) throw new Error("Required property \"integrator\" is missing.");
+	const value = useMemo(() => {
+		try {
+			const value = {
+				...widgetConfig,
+				elementId
+			};
+			setDefaultSettings(value);
+			return value;
+		} catch (e) {
+			console.warn(e);
+			return {
+				...widgetConfig,
+				elementId,
+				integrator: widgetConfig.integrator
+			};
+		}
+	}, [
+		elementId,
+		widgetConfig,
+		setDefaultSettings
+	]);
+	return /* @__PURE__ */ jsx(WidgetContext.Provider, {
+		value,
+		children
+	});
+};
+//#endregion
+export { WidgetProvider, useWidgetConfig };
+
+//# sourceMappingURL=WidgetProvider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetProvider.js","names":[],"sources":["../../../../src/providers/WidgetProvider/WidgetProvider.tsx"],"sourcesContent":["import { createContext, useContext, 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\nconst WidgetContext = createContext<WidgetContextProps>(initialContext)\n\nexport const useWidgetConfig = (): WidgetContextProps =>\n  useContext(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 (\n    <WidgetContext.Provider value={value}>{children}</WidgetContext.Provider>\n  )\n}\n"],"mappings":";;;;AASA,MAAM,gBAAgB,cAAkC;CAJtD,WAAW;CACX,YAAY;AAGuD,CAAC;AAEtE,MAAa,wBACX,WAAW,aAAa;AAE1B,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,OACE,oBAAC,cAAc,UAAf;EAA+B;EAAQ;CAAiC,CAAA;AAE5E"}

package/dist/esm/stores/StoreProvider.js

@@ -0,0 +1,38 @@
+import { HeaderStoreProvider } from "./header/useHeaderStore.js";
+import { SplitModeStoreProvider } from "./settings/useSplitModeStore.js";
+import { BookmarkStoreProvider } from "./bookmarks/BookmarkStore.js";
+import { ChainOrderStoreProvider } from "./chains/ChainOrderStore.js";
+import { RouteExecutionStoreProvider } from "./routes/RouteExecutionStore.js";
+import { PinnedTokensStoreProvider } from "./pinnedTokens/PinnedTokensStore.js";
+import { getSplitMode } from "../utils/variant.js";
+import { FormStoreProvider } from "./form/FormStore.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/stores/StoreProvider.tsx
+const StoreProvider = ({ children, config, formRef }) => {
+	return /* @__PURE__ */ jsx(SplitModeStoreProvider, {
+		state: config.mode === "split" ? getSplitMode(config.modeOptions?.split) : void 0,
+		children: /* @__PURE__ */ jsx(HeaderStoreProvider, {
+			namePrefix: config?.keyPrefix,
+			children: /* @__PURE__ */ jsx(BookmarkStoreProvider, {
+				namePrefix: config?.keyPrefix,
+				children: /* @__PURE__ */ jsx(PinnedTokensStoreProvider, {
+					namePrefix: config?.keyPrefix,
+					children: /* @__PURE__ */ jsx(FormStoreProvider, {
+						formRef,
+						children: /* @__PURE__ */ jsx(ChainOrderStoreProvider, {
+							namePrefix: config?.keyPrefix,
+							children: /* @__PURE__ */ jsx(RouteExecutionStoreProvider, {
+								namePrefix: config?.keyPrefix,
+								children
+							})
+						})
+					})
+				})
+			})
+		})
+	});
+};
+//#endregion
+export { StoreProvider };
+
+//# sourceMappingURL=StoreProvider.js.map

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

@@ -0,0 +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 { getSplitMode } from '../utils/variant.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 { PinnedTokensStoreProvider } from './pinnedTokens/PinnedTokensStore.js'\nimport { RouteExecutionStoreProvider } from './routes/RouteExecutionStore.js'\nimport { SplitModeStoreProvider } from './settings/useSplitModeStore.js'\n\nexport const StoreProvider: React.FC<PropsWithChildren<WidgetConfigProps>> = ({\n  children,\n  config,\n  formRef,\n}) => {\n  return (\n    <SplitModeStoreProvider\n      state={\n        config.mode === 'split'\n          ? getSplitMode(config.modeOptions?.split)\n          : undefined\n      }\n    >\n      <HeaderStoreProvider namePrefix={config?.keyPrefix}>\n        <BookmarkStoreProvider namePrefix={config?.keyPrefix}>\n          <PinnedTokensStoreProvider 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          </PinnedTokensStoreProvider>\n        </BookmarkStoreProvider>\n      </HeaderStoreProvider>\n    </SplitModeStoreProvider>\n  )\n}\n"],"mappings":";;;;;;;;;;AAWA,MAAa,iBAAiE,EAC5E,UACA,QACA,cACI;CACJ,OACE,oBAAC,wBAAD;EACE,OACE,OAAO,SAAS,UACZ,aAAa,OAAO,aAAa,KAAK,IACtC,KAAA;YAGN,oBAAC,qBAAD;GAAqB,YAAY,QAAQ;aACvC,oBAAC,uBAAD;IAAuB,YAAY,QAAQ;cACzC,oBAAC,2BAAD;KAA2B,YAAY,QAAQ;eAC7C,oBAAC,mBAAD;MAA4B;gBAC1B,oBAAC,yBAAD;OAAyB,YAAY,QAAQ;iBAC3C,oBAAC,6BAAD;QAA6B,YAAY,QAAQ;QAC9C;OAC0B,CAAA;MACN,CAAA;KACR,CAAA;IACM,CAAA;GACN,CAAA;EACJ,CAAA;CACC,CAAA;AAE5B"}

package/dist/esm/stores/bookmarks/BookmarkStore.js

@@ -0,0 +1,28 @@
+import { useWidgetConfig } from "../../providers/WidgetProvider/WidgetProvider.js";
+import { createBookmarksStore } from "./createBookmarkStore.js";
+import { createContext, useContext, useRef } from "react";
+import { useShallow } from "zustand/shallow";
+import { jsx } from "react/jsx-runtime";
+//#region src/stores/bookmarks/BookmarkStore.tsx
+const BookmarkStoreContext = createContext(null);
+const BookmarkStoreProvider = ({ children, ...props }) => {
+	const { toAddress } = useWidgetConfig();
+	const storeRef = useRef(null);
+	if (!storeRef.current) storeRef.current = createBookmarksStore({
+		...props,
+		toAddress
+	});
+	return /* @__PURE__ */ jsx(BookmarkStoreContext.Provider, {
+		value: storeRef.current,
+		children
+	});
+};
+function useBookmarkStore(selector) {
+	const useStore = useContext(BookmarkStoreContext);
+	if (!useStore) throw new Error(`You forgot to wrap your component in <${BookmarkStoreProvider.name}>.`);
+	return useStore(useShallow(selector));
+}
+//#endregion
+export { BookmarkStoreProvider, useBookmarkStore };
+
+//# sourceMappingURL=BookmarkStore.js.map

package/dist/esm/stores/bookmarks/BookmarkStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BookmarkStore.js","names":[],"sources":["../../../../src/stores/bookmarks/BookmarkStore.tsx"],"sourcesContent":["import { createContext, useContext, useRef } from 'react'\nimport { useShallow } from 'zustand/shallow'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport type { PersistStoreProviderProps } from '../types.js'\nimport { createBookmarksStore } from './createBookmarkStore.js'\nimport type { BookmarkState, BookmarkStore } from './types.js'\n\nconst BookmarkStoreContext = createContext<BookmarkStore | null>(null)\n\nexport const BookmarkStoreProvider: React.FC<PersistStoreProviderProps> = ({\n  children,\n  ...props\n}) => {\n  const { toAddress } = useWidgetConfig()\n  const storeRef = useRef<BookmarkStore>(null)\n\n  if (!storeRef.current) {\n    storeRef.current = createBookmarksStore({ ...props, toAddress })\n  }\n\n  return (\n    <BookmarkStoreContext.Provider value={storeRef.current}>\n      {children}\n    </BookmarkStoreContext.Provider>\n  )\n}\n\nexport function useBookmarkStore<T>(selector: (store: BookmarkState) => T): T {\n  const useStore = useContext(BookmarkStoreContext)\n\n  if (!useStore) {\n    throw new Error(\n      `You forgot to wrap your component in <${BookmarkStoreProvider.name}>.`\n    )\n  }\n\n  return useStore(useShallow(selector))\n}\n"],"mappings":";;;;;;AAOA,MAAM,uBAAuB,cAAoC,IAAI;AAErE,MAAa,yBAA8D,EACzE,UACA,GAAG,YACC;CACJ,MAAM,EAAE,cAAc,gBAAgB;CACtC,MAAM,WAAW,OAAsB,IAAI;CAE3C,IAAI,CAAC,SAAS,SACZ,SAAS,UAAU,qBAAqB;EAAE,GAAG;EAAO;CAAU,CAAC;CAGjE,OACE,oBAAC,qBAAqB,UAAtB;EAA+B,OAAO,SAAS;EAC5C;CAC4B,CAAA;AAEnC;AAEA,SAAgB,iBAAoB,UAA0C;CAC5E,MAAM,WAAW,WAAW,oBAAoB;CAEhD,IAAI,CAAC,UACH,MAAM,IAAI,MACR,yCAAyC,sBAAsB,KAAK,GACtE;CAGF,OAAO,SAAS,WAAW,QAAQ,CAAC;AACtC"}

package/dist/esm/stores/bookmarks/createBookmarkStore.js

@@ -0,0 +1,45 @@
+import { create } from "zustand";
+import { persist } from "zustand/middleware";
+//#region src/stores/bookmarks/createBookmarkStore.ts
+const recentWalletsLimit = 10;
+const createBookmarksStore = ({ namePrefix, toAddress }) => create()(persist((set, get) => ({
+	selectedBookmark: toAddress,
+	bookmarks: [],
+	recentWallets: [],
+	getBookmark: (address) => get().bookmarks.find((bookmark) => bookmark.address === address),
+	addBookmark: (bookmark) => {
+		set((state) => ({ bookmarks: [bookmark, ...state.bookmarks] }));
+	},
+	removeBookmark: (address) => {
+		set((state) => ({ bookmarks: state.bookmarks.filter((storedBookmark) => storedBookmark.address !== address) }));
+	},
+	getSelectedBookmark: () => get().selectedBookmark,
+	setSelectedBookmark: (bookmark) => {
+		set((_state) => ({ selectedBookmark: bookmark }));
+	},
+	addRecentWallet: (bookmark) => {
+		set((state) => ({ recentWallets: [bookmark, ...state.recentWallets.filter((recentWallet) => recentWallet.address !== bookmark.address)].slice(0, recentWalletsLimit) }));
+	},
+	removeRecentWallet: (address) => {
+		set((state) => ({ recentWallets: state.recentWallets.filter((storedRecent) => storedRecent.address !== address) }));
+	}
+}), {
+	name: `${namePrefix || "li.fi"}-bookmarks`,
+	version: 0,
+	partialize: (state) => ({
+		bookmarks: state.bookmarks,
+		recentWallets: state.recentWallets
+	}),
+	onRehydrateStorage: () => {
+		return (state) => {
+			if (state && toAddress && !toAddress.name) {
+				const existingBookmark = state.getBookmark(toAddress.address);
+				if (existingBookmark) state.setSelectedBookmark(existingBookmark);
+			}
+		};
+	}
+}));
+//#endregion
+export { createBookmarksStore };
+
+//# sourceMappingURL=createBookmarkStore.js.map

package/dist/esm/stores/bookmarks/createBookmarkStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createBookmarkStore.js","names":[],"sources":["../../../../src/stores/bookmarks/createBookmarkStore.ts"],"sourcesContent":["import type { StoreApi, UseBoundStore } from 'zustand'\nimport { create } from 'zustand'\nimport { persist } from 'zustand/middleware'\nimport type { ToAddress } from '../../types/widget.js'\nimport type { PersistStoreProps } from '../types.js'\nimport type { BookmarkState } from './types.js'\n\nconst recentWalletsLimit = 10\n\ninterface PersistBookmarkProps extends PersistStoreProps {\n  toAddress?: ToAddress\n}\nexport const createBookmarksStore = ({\n  namePrefix,\n  toAddress,\n}: PersistBookmarkProps): UseBoundStore<StoreApi<BookmarkState>> =>\n  create<BookmarkState>()(\n    persist(\n      (set, get) => ({\n        selectedBookmark: toAddress,\n        bookmarks: [],\n        recentWallets: [],\n        getBookmark: (address) =>\n          get().bookmarks.find((bookmark) => bookmark.address === address),\n        addBookmark: (bookmark) => {\n          set((state) => ({\n            bookmarks: [bookmark, ...state.bookmarks],\n          }))\n        },\n        removeBookmark: (address) => {\n          set((state) => ({\n            bookmarks: state.bookmarks.filter(\n              (storedBookmark) => storedBookmark.address !== address\n            ),\n          }))\n        },\n        getSelectedBookmark: () => get().selectedBookmark,\n        setSelectedBookmark: (bookmark) => {\n          set((_state) => ({\n            selectedBookmark: bookmark,\n          }))\n        },\n        addRecentWallet: (bookmark) => {\n          set((state) => ({\n            recentWallets: [\n              bookmark,\n              ...state.recentWallets.filter(\n                (recentWallet) => recentWallet.address !== bookmark.address\n              ),\n            ].slice(0, recentWalletsLimit),\n          }))\n        },\n        removeRecentWallet: (address) => {\n          set((state) => ({\n            recentWallets: state.recentWallets.filter(\n              (storedRecent) => storedRecent.address !== address\n            ),\n          }))\n        },\n      }),\n      {\n        name: `${namePrefix || 'li.fi'}-bookmarks`,\n        version: 0,\n        partialize: (state) => ({\n          bookmarks: state.bookmarks,\n          recentWallets: state.recentWallets,\n        }),\n        onRehydrateStorage: () => {\n          return (state) => {\n            if (state && toAddress && !toAddress.name) {\n              const existingBookmark = state.getBookmark(toAddress.address)\n              if (existingBookmark) {\n                state.setSelectedBookmark(existingBookmark)\n              }\n            }\n          }\n        },\n      }\n    )\n  )\n"],"mappings":";;;AAOA,MAAM,qBAAqB;AAK3B,MAAa,wBAAwB,EACnC,YACA,gBAEA,OAAsB,EACpB,SACG,KAAK,SAAS;CACb,kBAAkB;CAClB,WAAW,CAAC;CACZ,eAAe,CAAC;CAChB,cAAc,YACZ,IAAI,EAAE,UAAU,MAAM,aAAa,SAAS,YAAY,OAAO;CACjE,cAAc,aAAa;EACzB,KAAK,WAAW,EACd,WAAW,CAAC,UAAU,GAAG,MAAM,SAAS,EAC1C,EAAE;CACJ;CACA,iBAAiB,YAAY;EAC3B,KAAK,WAAW,EACd,WAAW,MAAM,UAAU,QACxB,mBAAmB,eAAe,YAAY,OACjD,EACF,EAAE;CACJ;CACA,2BAA2B,IAAI,EAAE;CACjC,sBAAsB,aAAa;EACjC,KAAK,YAAY,EACf,kBAAkB,SACpB,EAAE;CACJ;CACA,kBAAkB,aAAa;EAC7B,KAAK,WAAW,EACd,eAAe,CACb,UACA,GAAG,MAAM,cAAc,QACpB,iBAAiB,aAAa,YAAY,SAAS,OACtD,CACF,EAAE,MAAM,GAAG,kBAAkB,EAC/B,EAAE;CACJ;CACA,qBAAqB,YAAY;EAC/B,KAAK,WAAW,EACd,eAAe,MAAM,cAAc,QAChC,iBAAiB,aAAa,YAAY,OAC7C,EACF,EAAE;CACJ;AACF,IACA;CACE,MAAM,GAAG,cAAc,QAAQ;CAC/B,SAAS;CACT,aAAa,WAAW;EACtB,WAAW,MAAM;EACjB,eAAe,MAAM;CACvB;CACA,0BAA0B;EACxB,QAAQ,UAAU;GAChB,IAAI,SAAS,aAAa,CAAC,UAAU,MAAM;IACzC,MAAM,mBAAmB,MAAM,YAAY,UAAU,OAAO;IAC5D,IAAI,kBACF,MAAM,oBAAoB,gBAAgB;GAE9C;EACF;CACF;AACF,CACF,CACF"}

package/dist/esm/stores/bookmarks/types.d.ts

@@ -0,0 +1,26 @@
+import { ToAddress } from "../../types/widget.js";
+import { StoreApi, UseBoundStore } from "zustand";
+
+//#region src/stores/bookmarks/types.d.ts
+interface Bookmark extends ToAddress {
+  isConnectedAccount?: boolean;
+}
+interface BookmarkProps {
+  selectedBookmark?: Bookmark;
+  bookmarks: Bookmark[];
+  recentWallets: Bookmark[];
+}
+interface BookmarkActions {
+  getBookmark: (address: string) => Bookmark | undefined;
+  addBookmark: (bookmark: Bookmark) => void;
+  removeBookmark: (address: string) => void;
+  setSelectedBookmark: (bookmark?: Bookmark) => void;
+  getSelectedBookmark: () => Bookmark | undefined;
+  addRecentWallet: (bookmark: Bookmark) => void;
+  removeRecentWallet: (address: string) => void;
+}
+type BookmarkState = BookmarkProps & BookmarkActions;
+type BookmarkStore = UseBoundStore<StoreApi<BookmarkState>>;
+//#endregion
+export { Bookmark, BookmarkActions, BookmarkProps, BookmarkState, BookmarkStore };
+//# sourceMappingURL=types.d.ts.map

package/dist/esm/stores/bookmarks/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../../../src/stores/bookmarks/types.ts"],"mappings":";;;;UAGiB,QAAA,SAAiB,SAAA;EAChC,kBAAA;AAAA;AAAA,UAGe,aAAA;EACf,gBAAA,GAAmB,QAAA;EACnB,SAAA,EAAW,QAAA;EACX,aAAA,EAAe,QAAA;AAAA;AAAA,UAGA,eAAA;EACf,WAAA,GAAc,OAAA,aAAoB,QAAA;EAClC,WAAA,GAAc,QAAA,EAAU,QAAA;EACxB,cAAA,GAAiB,OAAA;EACjB,mBAAA,GAAsB,QAAA,GAAW,QAAA;EACjC,mBAAA,QAA2B,QAAA;EAC3B,eAAA,GAAkB,QAAA,EAAU,QAAA;EAC5B,kBAAA,GAAqB,OAAA;AAAA;AAAA,KAGX,aAAA,GAAgB,aAAA,GAAgB,eAAA;AAAA,KAEhC,aAAA,GAAgB,aAAA,CAAc,QAAA,CAAS,aAAA"}

package/dist/esm/stores/bookmarks/useBookmarkActions.js

@@ -0,0 +1,17 @@
+import { useBookmarkStore } from "./BookmarkStore.js";
+//#region src/stores/bookmarks/useBookmarkActions.ts
+const useBookmarkActions = () => {
+	return useBookmarkStore((store) => ({
+		getBookmark: store.getBookmark,
+		addBookmark: store.addBookmark,
+		removeBookmark: store.removeBookmark,
+		setSelectedBookmark: store.setSelectedBookmark,
+		getSelectedBookmark: store.getSelectedBookmark,
+		addRecentWallet: store.addRecentWallet,
+		removeRecentWallet: store.removeRecentWallet
+	}));
+};
+//#endregion
+export { useBookmarkActions };
+
+//# sourceMappingURL=useBookmarkActions.js.map

package/dist/esm/stores/bookmarks/useBookmarkActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBookmarkActions.js","names":[],"sources":["../../../../src/stores/bookmarks/useBookmarkActions.ts"],"sourcesContent":["import { useBookmarkStore } from './BookmarkStore.js'\nimport type { BookmarkActions } from './types.js'\n\nexport const useBookmarkActions = (): BookmarkActions => {\n  const actions = useBookmarkStore<BookmarkActions>((store) => ({\n    getBookmark: store.getBookmark,\n    addBookmark: store.addBookmark,\n    removeBookmark: store.removeBookmark,\n    setSelectedBookmark: store.setSelectedBookmark,\n    getSelectedBookmark: store.getSelectedBookmark,\n    addRecentWallet: store.addRecentWallet,\n    removeRecentWallet: store.removeRecentWallet,\n  }))\n\n  return actions\n}\n"],"mappings":";;AAGA,MAAa,2BAA4C;CAWvD,OAVgB,kBAAmC,WAAW;EAC5D,aAAa,MAAM;EACnB,aAAa,MAAM;EACnB,gBAAgB,MAAM;EACtB,qBAAqB,MAAM;EAC3B,qBAAqB,MAAM;EAC3B,iBAAiB,MAAM;EACvB,oBAAoB,MAAM;CAC5B,EAEa;AACf"}

package/dist/esm/stores/bookmarks/useBookmarks.js

@@ -0,0 +1,18 @@
+import { useBookmarkStore } from "./BookmarkStore.js";
+//#region src/stores/bookmarks/useBookmarks.ts
+const useBookmarks = () => {
+	const [bookmarks, selectedBookmark, recentWallets] = useBookmarkStore((store) => [
+		store.bookmarks,
+		store.selectedBookmark,
+		store.recentWallets
+	]);
+	return {
+		bookmarks,
+		selectedBookmark,
+		recentWallets
+	};
+};
+//#endregion
+export { useBookmarks };
+
+//# sourceMappingURL=useBookmarks.js.map

package/dist/esm/stores/bookmarks/useBookmarks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBookmarks.js","names":[],"sources":["../../../../src/stores/bookmarks/useBookmarks.ts"],"sourcesContent":["import { useBookmarkStore } from './BookmarkStore.js'\nimport type { BookmarkProps } from './types.js'\n\nexport const useBookmarks = (): BookmarkProps => {\n  const [bookmarks, selectedBookmark, recentWallets] = useBookmarkStore(\n    (store) => [store.bookmarks, store.selectedBookmark, store.recentWallets]\n  )\n\n  return {\n    bookmarks,\n    selectedBookmark,\n    recentWallets,\n  }\n}\n"],"mappings":";;AAGA,MAAa,qBAAoC;CAC/C,MAAM,CAAC,WAAW,kBAAkB,iBAAiB,kBAClD,UAAU;EAAC,MAAM;EAAW,MAAM;EAAkB,MAAM;CAAa,CAC1E;CAEA,OAAO;EACL;EACA;EACA;CACF;AACF"}

package/dist/esm/stores/chains/ChainOrderStore.js

@@ -0,0 +1,82 @@
+import { useWidgetConfig } from "../../providers/WidgetProvider/WidgetProvider.js";
+import { useSwapOnly } from "../../hooks/useSwapOnly.js";
+import { getConfigItemSets, isItemAllowedForSets } from "../../utils/item.js";
+import { useChains } from "../../hooks/useChains.js";
+import { useFieldActions } from "../form/useFieldActions.js";
+import { useExternalWalletProvider } from "../../providers/WalletProvider/useExternalWalletProvider.js";
+import { getDefaultValuesFromQueryString } from "../form/getDefaultValuesFromQueryString.js";
+import { createChainOrderStore } from "./createChainOrderStore.js";
+import { createContext, useContext, useEffect, useRef } from "react";
+import { useShallow } from "zustand/shallow";
+import { jsx } from "react/jsx-runtime";
+//#region src/stores/chains/ChainOrderStore.tsx
+const ChainOrderStoreContext = createContext(null);
+function ChainOrderStoreProvider({ children, ...props }) {
+	const { chains: chainsConfig, hiddenUI, fromChain: fromChainConfig, toChain: toChainConfig, buildUrl } = useWidgetConfig();
+	const storeRef = useRef(null);
+	const { chains } = useChains();
+	const { setFieldValue, getFieldValues } = useFieldActions();
+	const swapOnly = useSwapOnly();
+	const { variant } = useWidgetConfig();
+	const { externalChainTypes, useExternalWalletProvidersOnly } = useExternalWalletProvider();
+	if (!storeRef.current) storeRef.current = createChainOrderStore({ ...props });
+	useEffect(() => {
+		if (chains) ["from", "to"].forEach((key) => {
+			const configChainIds = chainsConfig?.[key];
+			const isFromKey = key === "from";
+			const configChainIdsSet = getConfigItemSets(configChainIds, (chainIds) => new Set(chainIds));
+			const filteredChains = chains.filter((chain) => {
+				const passesChainsConfigFilter = configChainIdsSet ? isItemAllowedForSets(chain.id, configChainIdsSet) : true;
+				const passesWalletConfigFilter = isFromKey ? !useExternalWalletProvidersOnly || externalChainTypes.includes(chain.chainType) : true;
+				return passesChainsConfigFilter && passesWalletConfigFilter;
+			});
+			const chainOrder = storeRef.current?.getState().initializeChains(filteredChains.map((chain) => chain.id), key);
+			const isSwapTo = swapOnly && key === "to";
+			const showAllNetworks = filteredChains.length > 1 && !hiddenUI?.allNetworks && !isSwapTo;
+			const urlValues = getDefaultValuesFromQueryString({ buildUrl });
+			const urlChainValue = key === "from" ? urlValues.fromChain : urlValues.toChain;
+			const initialIsAllNetworks = showAllNetworks && !(key === "from" ? fromChainConfig : toChainConfig) && !urlChainValue;
+			storeRef.current?.getState().setIsAllNetworks(initialIsAllNetworks, key);
+			storeRef.current?.getState().setShowAllNetworks(showAllNetworks, key);
+			if (isSwapTo) {
+				const [fromChainValue] = getFieldValues("fromChain");
+				setFieldValue("toChain", fromChainValue);
+			}
+			if (initialIsAllNetworks) return;
+			const [chainValue] = getFieldValues(`${key}Chain`);
+			if (chainValue) return;
+			const firstAllowedPinnedChain = storeRef.current?.getState().pinnedChains?.find((chainId) => filteredChains.some((chain) => chain.id === chainId));
+			if (variant === "wide" && !hiddenUI?.chainSidebar && firstAllowedPinnedChain) setFieldValue(`${key}Chain`, firstAllowedPinnedChain);
+			else if (chainOrder?.length) setFieldValue(`${key}Chain`, chainOrder[0]);
+		});
+	}, [
+		chains,
+		chainsConfig,
+		externalChainTypes,
+		getFieldValues,
+		setFieldValue,
+		useExternalWalletProvidersOnly,
+		variant,
+		hiddenUI,
+		swapOnly,
+		fromChainConfig,
+		toChainConfig,
+		buildUrl
+	]);
+	return /* @__PURE__ */ jsx(ChainOrderStoreContext.Provider, {
+		value: storeRef.current,
+		children
+	});
+}
+function useChainOrderStoreContext() {
+	const useStore = useContext(ChainOrderStoreContext);
+	if (!useStore) throw new Error(`You forgot to wrap your component in <${ChainOrderStoreProvider.name}>.`);
+	return useStore;
+}
+function useChainOrderStore(selector) {
+	return useChainOrderStoreContext()(useShallow(selector));
+}
+//#endregion
+export { ChainOrderStoreProvider, useChainOrderStore };
+
+//# sourceMappingURL=ChainOrderStore.js.map

package/dist/esm/stores/chains/ChainOrderStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChainOrderStore.js","names":[],"sources":["../../../../src/stores/chains/ChainOrderStore.tsx"],"sourcesContent":["import { createContext, type JSX, useContext, useEffect, useRef } from 'react'\nimport type { StoreApi, UseBoundStore } from 'zustand'\nimport { useShallow } from 'zustand/shallow'\nimport { useChains } from '../../hooks/useChains.js'\nimport { useSwapOnly } from '../../hooks/useSwapOnly.js'\nimport { useExternalWalletProvider } from '../../providers/WalletProvider/useExternalWalletProvider.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { getConfigItemSets, isItemAllowedForSets } from '../../utils/item.js'\nimport { getDefaultValuesFromQueryString } from '../form/getDefaultValuesFromQueryString.js'\nimport type { FormType } from '../form/types.js'\nimport { useFieldActions } from '../form/useFieldActions.js'\nimport type { PersistStoreProviderProps } from '../types.js'\nimport { createChainOrderStore } from './createChainOrderStore.js'\nimport type { ChainOrderState } from './types.js'\n\ntype ChainOrderStore = UseBoundStore<StoreApi<ChainOrderState>>\n\nconst ChainOrderStoreContext = createContext<ChainOrderStore | null>(null)\n\nexport function ChainOrderStoreProvider({\n  children,\n  ...props\n}: PersistStoreProviderProps): JSX.Element {\n  const {\n    chains: chainsConfig,\n    hiddenUI,\n    fromChain: fromChainConfig,\n    toChain: toChainConfig,\n    buildUrl,\n  } = useWidgetConfig()\n  const storeRef = useRef<ChainOrderStore>(null)\n  const { chains } = useChains()\n  const { setFieldValue, getFieldValues } = useFieldActions()\n  const swapOnly = useSwapOnly()\n  const { variant } = useWidgetConfig()\n  const { externalChainTypes, useExternalWalletProvidersOnly } =\n    useExternalWalletProvider()\n\n  if (!storeRef.current) {\n    storeRef.current = createChainOrderStore({\n      ...props,\n    })\n  }\n\n  useEffect(() => {\n    if (chains) {\n      ;(['from', 'to'] as FormType[]).forEach((key) => {\n        const configChainIds = chainsConfig?.[key]\n        const isFromKey = key === 'from'\n\n        // Convert configChainIds to Sets for O(1) lookup\n        const configChainIdsSet = getConfigItemSets(\n          configChainIds,\n          (chainIds) => new Set(chainIds)\n        )\n        const filteredChains = chains.filter((chain) => {\n          const passesChainsConfigFilter = configChainIdsSet\n            ? isItemAllowedForSets(chain.id, configChainIdsSet)\n            : true\n          // If the integrator uses external wallet management and has not opted in for partial wallet management,\n          // restrict the displayed chains to those compatible with external wallet management.\n          // This ensures users only see chains for which they can sign transactions.\n          const passesWalletConfigFilter = isFromKey\n            ? !useExternalWalletProvidersOnly ||\n              externalChainTypes.includes(chain.chainType)\n            : true\n          return passesChainsConfigFilter && passesWalletConfigFilter\n        })\n\n        const chainOrder = storeRef.current?.getState().initializeChains(\n          filteredChains.map((chain) => chain.id),\n          key\n        )\n\n        const isSwapTo = swapOnly && key === 'to'\n\n        // Show \"All networks\" button if there are multiple networks\n        const showAllNetworks =\n          filteredChains.length > 1 && !hiddenUI?.allNetworks && !isSwapTo\n\n        // Initialize the isAllNetworks with true if the tab is shown,\n        // there is no config chain value and no url chain value\n        const urlValues = getDefaultValuesFromQueryString({ buildUrl })\n        const urlChainValue =\n          key === 'from' ? urlValues.fromChain : urlValues.toChain\n        const configChainValue =\n          key === 'from' ? fromChainConfig : toChainConfig\n        const initialIsAllNetworks =\n          showAllNetworks && !configChainValue && !urlChainValue\n        storeRef.current?.getState().setIsAllNetworks(initialIsAllNetworks, key)\n        storeRef.current?.getState().setShowAllNetworks(showAllNetworks, key)\n\n        // If swap only, set the to chain to the from chain\n        if (isSwapTo) {\n          const [fromChainValue] = getFieldValues('fromChain')\n          setFieldValue('toChain', fromChainValue)\n        }\n\n        // When \"All Networks\" is active, don't auto-select a chain from the\n        // persisted chain order. This prevents stale cross-ecosystem selections\n        // (e.g. EVM from + Solana to) from triggering the \"destination wallet\n        // address required\" message after a page refresh.\n        if (initialIsAllNetworks) {\n          return\n        }\n\n        const [chainValue] = getFieldValues(`${key}Chain`)\n        if (chainValue) {\n          return\n        }\n\n        const firstAllowedPinnedChain = storeRef.current\n          ?.getState()\n          .pinnedChains?.find((chainId) =>\n            filteredChains.some((chain) => chain.id === chainId)\n          )\n        if (\n          variant === 'wide' &&\n          !hiddenUI?.chainSidebar &&\n          firstAllowedPinnedChain\n        ) {\n          setFieldValue(`${key}Chain`, firstAllowedPinnedChain)\n        } else if (chainOrder?.length) {\n          setFieldValue(`${key}Chain`, chainOrder[0])\n        }\n      })\n    }\n  }, [\n    chains,\n    chainsConfig,\n    externalChainTypes,\n    getFieldValues,\n    setFieldValue,\n    useExternalWalletProvidersOnly,\n    variant,\n    hiddenUI,\n    swapOnly,\n    fromChainConfig,\n    toChainConfig,\n    buildUrl,\n  ])\n\n  return (\n    <ChainOrderStoreContext.Provider value={storeRef.current}>\n      {children}\n    </ChainOrderStoreContext.Provider>\n  )\n}\n\nfunction useChainOrderStoreContext() {\n  const useStore = useContext(ChainOrderStoreContext)\n  if (!useStore) {\n    throw new Error(\n      `You forgot to wrap your component in <${ChainOrderStoreProvider.name}>.`\n    )\n  }\n  return useStore\n}\n\nexport function useChainOrderStore<T>(\n  selector: (state: ChainOrderState) => T\n): T {\n  const useStore = useChainOrderStoreContext()\n  return useStore(useShallow(selector))\n}\n"],"mappings":";;;;;;;;;;;;AAiBA,MAAM,yBAAyB,cAAsC,IAAI;AAEzE,SAAgB,wBAAwB,EACtC,UACA,GAAG,SACsC;CACzC,MAAM,EACJ,QAAQ,cACR,UACA,WAAW,iBACX,SAAS,eACT,aACE,gBAAgB;CACpB,MAAM,WAAW,OAAwB,IAAI;CAC7C,MAAM,EAAE,WAAW,UAAU;CAC7B,MAAM,EAAE,eAAe,mBAAmB,gBAAgB;CAC1D,MAAM,WAAW,YAAY;CAC7B,MAAM,EAAE,YAAY,gBAAgB;CACpC,MAAM,EAAE,oBAAoB,mCAC1B,0BAA0B;CAE5B,IAAI,CAAC,SAAS,SACZ,SAAS,UAAU,sBAAsB,EACvC,GAAG,MACL,CAAC;CAGH,gBAAgB;EACd,IAAI,QACD,CAAE,QAAQ,IAAI,EAAiB,SAAS,QAAQ;GAC/C,MAAM,iBAAiB,eAAe;GACtC,MAAM,YAAY,QAAQ;GAG1B,MAAM,oBAAoB,kBACxB,iBACC,aAAa,IAAI,IAAI,QAAQ,CAChC;GACA,MAAM,iBAAiB,OAAO,QAAQ,UAAU;IAC9C,MAAM,2BAA2B,oBAC7B,qBAAqB,MAAM,IAAI,iBAAiB,IAChD;IAIJ,MAAM,2BAA2B,YAC7B,CAAC,kCACD,mBAAmB,SAAS,MAAM,SAAS,IAC3C;IACJ,OAAO,4BAA4B;GACrC,CAAC;GAED,MAAM,aAAa,SAAS,SAAS,SAAS,EAAE,iBAC9C,eAAe,KAAK,UAAU,MAAM,EAAE,GACtC,GACF;GAEA,MAAM,WAAW,YAAY,QAAQ;GAGrC,MAAM,kBACJ,eAAe,SAAS,KAAK,CAAC,UAAU,eAAe,CAAC;GAI1D,MAAM,YAAY,gCAAgC,EAAE,SAAS,CAAC;GAC9D,MAAM,gBACJ,QAAQ,SAAS,UAAU,YAAY,UAAU;GAGnD,MAAM,uBACJ,mBAAmB,EAFnB,QAAQ,SAAS,kBAAkB,kBAEK,CAAC;GAC3C,SAAS,SAAS,SAAS,EAAE,iBAAiB,sBAAsB,GAAG;GACvE,SAAS,SAAS,SAAS,EAAE,mBAAmB,iBAAiB,GAAG;GAGpE,IAAI,UAAU;IACZ,MAAM,CAAC,kBAAkB,eAAe,WAAW;IACnD,cAAc,WAAW,cAAc;GACzC;GAMA,IAAI,sBACF;GAGF,MAAM,CAAC,cAAc,eAAe,GAAG,IAAI,MAAM;GACjD,IAAI,YACF;GAGF,MAAM,0BAA0B,SAAS,SACrC,SAAS,EACV,cAAc,MAAM,YACnB,eAAe,MAAM,UAAU,MAAM,OAAO,OAAO,CACrD;GACF,IACE,YAAY,UACZ,CAAC,UAAU,gBACX,yBAEA,cAAc,GAAG,IAAI,QAAQ,uBAAuB;QAC/C,IAAI,YAAY,QACrB,cAAc,GAAG,IAAI,QAAQ,WAAW,EAAE;EAE9C,CAAC;CAEL,GAAG;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,OACE,oBAAC,uBAAuB,UAAxB;EAAiC,OAAO,SAAS;EAC9C;CAC8B,CAAA;AAErC;AAEA,SAAS,4BAA4B;CACnC,MAAM,WAAW,WAAW,sBAAsB;CAClD,IAAI,CAAC,UACH,MAAM,IAAI,MACR,yCAAyC,wBAAwB,KAAK,GACxE;CAEF,OAAO;AACT;AAEA,SAAgB,mBACd,UACG;CAEH,OADiB,0BACH,EAAE,WAAW,QAAQ,CAAC;AACtC"}