@lifi/widget 4.0.0-beta.1 → 4.0.0-beta.10

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

@@ -1,26 +1,40 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { WalletManagementProviders } from '@lifi/wallet-management';
-import { useTranslation } from 'react-i18next';
-import { useAvailableChains } from '../../hooks/useAvailableChains.js';
-import { useInitializeSDKProviders } from '../../hooks/useInitializeSDKProviders.js';
-import { useWidgetConfig } from '../WidgetProvider/WidgetProvider.js';
-import { useExternalWalletProvider } from './useExternalWalletProvider.js';
-export const WalletProvider = ({ children, providers, }) => {
-    const { walletConfig } = useWidgetConfig();
-    const { chains } = useAvailableChains();
-    const { i18n } = useTranslation();
-    const { useExternalWalletProvidersOnly, internalChainTypes } = useExternalWalletProvider();
-    // If all chain types are already managed externally (host app set up providers),
-    // skip re-composing — the contexts are already populated above us.
-    const effectiveProviders = useExternalWalletProvidersOnly ? [] : providers;
-    return (_jsx(WalletManagementProviders, { config: {
-            locale: i18n.resolvedLanguage,
-            enabledChainTypes: internalChainTypes,
-            walletEcosystemsOrder: walletConfig?.walletEcosystemsOrder,
-        }, providers: effectiveProviders, chains: chains, forceInternalWalletManagement: walletConfig?.forceInternalWalletManagement, children: _jsx(SDKProviderInitializer, { children: children }) }));
+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 _jsx(_Fragment, { children: children });
+	useInitializeSDKProviders();
+	return children;
 };
+//#endregion
+export { WalletProvider };
+
 //# sourceMappingURL=WalletProvider.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"WalletProvider.js","sourceRoot":"","sources":["../../../../src/providers/WalletProvider/WalletProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAA;AAGnE,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAA;AACtE,OAAO,EAAE,yBAAyB,EAAE,MAAM,0CAA0C,CAAA;AACpF,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAA;AACrE,OAAO,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAA;AAM1E,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,QAAQ,EACR,SAAS,GAC8B,EAAE,EAAE;IAC3C,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,EAAE,CAAA;IAC1C,MAAM,EAAE,MAAM,EAAE,GAAG,kBAAkB,EAAE,CAAA;IACvC,MAAM,EAAE,IAAI,EAAE,GAAG,cAAc,EAAE,CAAA;IACjC,MAAM,EAAE,8BAA8B,EAAE,kBAAkB,EAAE,GAC1D,yBAAyB,EAAE,CAAA;IAE7B,iFAAiF;IACjF,mEAAmE;IACnE,MAAM,kBAAkB,GAAG,8BAA8B,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAA;IAE1E,OAAO,CACL,KAAC,yBAAyB,IACxB,MAAM,EAAE;YACN,MAAM,EAAE,IAAI,CAAC,gBAAyB;YACtC,iBAAiB,EAAE,kBAAkB;YACrC,qBAAqB,EAAE,YAAY,EAAE,qBAAqB;SAC3D,EACD,SAAS,EAAE,kBAAkB,EAC7B,MAAM,EAAE,MAAM,EACd,6BAA6B,EAC3B,YAAY,EAAE,6BAA6B,YAG7C,KAAC,sBAAsB,cAAE,QAAQ,GAA0B,GACjC,CAC7B,CAAA;AACH,CAAC,CAAA;AAED,MAAM,sBAAsB,GAA0B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACrE,yBAAyB,EAAE,CAAA;IAC3B,OAAO,4BAAG,QAAQ,GAAI,CAAA;AACxB,CAAC,CAAA"}
+{"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,iBAAiB;CAC1C,MAAM,EAAE,WAAW,oBAAoB;CACvC,MAAM,EAAE,SAAS,gBAAgB;CACjC,MAAM,EAAE,gCAAgC,uBACtC,2BAA2B;AAE7B,KACE,CAAC,UAAU,UACX,CAAC,kCACD,QAAQ,IAAI,aAAa,cAEzB,SAAQ,KAAK,gCAAgC;CAG/C,MAAM,qBAAqB,iCAAiC,EAAE,GAAG;AAejE,QACE,oBAAC,2BAAD;EACE,QAf2B,eACtB;GACL,QAAQ,KAAK;GACb,mBAAmB;GACnB,uBAAuB,cAAc;GACtC,GACD;GACE,KAAK;GACL;GACA,cAAc;GACf,CACF;EAKG,WAAW;EACH;EACR,+BACE,cAAc;YAGhB,oBAAC,wBAAD,EAAyB,UAAkC,CAAA;EACjC,CAAA;;AAIhC,MAAM,0BAAiD,EAAE,eAAe;AACtE,4BAA2B;AAC3B,QAAO"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"useExternalWalletProvider.js","sourceRoot":"","sources":["../../../../src/providers/WalletProvider/useExternalWalletProvider.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EACL,iBAAiB,EACjB,kBAAkB,EAClB,gBAAgB,EAChB,aAAa,GACd,MAAM,uBAAuB,CAAA;AAC9B,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC/B,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAA;AAQrE,MAAM,kBAAkB,GAAG;IACzB,SAAS,CAAC,GAAG;IACb,SAAS,CAAC,GAAG;IACb,SAAS,CAAC,IAAI;IACd,SAAS,CAAC,GAAG;CACd,CAAA;AAED,MAAM,UAAU,yBAAyB;IACvC,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,EAAE,CAAA;IAC1C,MAAM,EAAE,iBAAiB,EAAE,0BAA0B,EAAE,GAAG,kBAAkB,EAAE,CAAA;IAC9E,MAAM,EAAE,iBAAiB,EAAE,wBAAwB,EAAE,GAAG,gBAAgB,EAAE,CAAA;IAC1E,MAAM,EAAE,iBAAiB,EAAE,yBAAyB,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAC5E,MAAM,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,GAAG,aAAa,EAAE,CAAA;IACpE,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,EAAE;QACxB,MAAM,SAAS,GAAgB,EAAE,CAAA;QACjC,IAAI,0BAA0B,EAAE,CAAC;YAC/B,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAA;QAC/B,CAAC;QACD,IAAI,wBAAwB,EAAE,CAAC;YAC7B,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAA;QAC/B,CAAC;QACD,IAAI,yBAAyB,EAAE,CAAC;YAC9B,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAA;QAChC,CAAC;QACD,IAAI,qBAAqB,EAAE,CAAC;YAC1B,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAA;QAC/B,CAAC;QACD,MAAM,mBAAmB,GACvB,0BAA0B;YAC1B,wBAAwB;YACxB,yBAAyB;YACzB,qBAAqB,CAAA;QAEvB,MAAM,8BAA8B,GAClC,mBAAmB;YACnB,CAAC,YAAY,EAAE,0BAA0B;YACzC,CAAC,YAAY,EAAE,6BAA6B,CAAA;QAC9C,OAAO;YACL,8BAA8B;YAC9B,kBAAkB,EAAE,SAAS;YAC7B,kBAAkB,EAAE,kBAAkB,CAAC,MAAM,CAC3C,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,CAC9C;SACF,CAAA;IACH,CAAC,EAAE;QACD,0BAA0B;QAC1B,wBAAwB;QACxB,yBAAyB;QACzB,qBAAqB;QACrB,YAAY,EAAE,0BAA0B;QACxC,YAAY,EAAE,6BAA6B;KAC5C,CAAC,CAAA;IAEF,OAAO,IAAI,CAAA;AACb,CAAC"}
+{"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} 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]\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 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    const hasExternalProvider =\n      hasExternalEthereumContext ||\n      hasExternalSolanaContext ||\n      hasExternalBitcoinContext ||\n      hasExternalSuiContext\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    walletConfig?.usePartialWalletManagement,\n    walletConfig?.forceInternalWalletManagement,\n  ])\n\n  return data\n}\n"],"mappings":";;;;;AAgBA,MAAM,qBAAqB;CACzB,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACX;AAED,SAAgB,4BAAoD;CAClE,MAAM,EAAE,iBAAiB,iBAAiB;CAC1C,MAAM,EAAE,mBAAmB,+BAA+B,oBAAoB;CAC9E,MAAM,EAAE,mBAAmB,6BAA6B,kBAAkB;CAC1E,MAAM,EAAE,mBAAmB,8BAA8B,mBAAmB;CAC5E,MAAM,EAAE,mBAAmB,0BAA0B,eAAe;AAyCpE,QAxCa,cAAc;EACzB,MAAM,YAAyB,EAAE;AACjC,MAAI,2BACF,WAAU,KAAK,UAAU,IAAI;AAE/B,MAAI,yBACF,WAAU,KAAK,UAAU,IAAI;AAE/B,MAAI,0BACF,WAAU,KAAK,UAAU,KAAK;AAEhC,MAAI,sBACF,WAAU,KAAK,UAAU,IAAI;AAY/B,SAAO;GACL,iCAVA,8BACA,4BACA,6BACA,0BAIA,CAAC,cAAc,8BACf,CAAC,cAAc;GAGf,oBAAoB;GACpB,oBAAoB,mBAAmB,QACpC,cAAc,CAAC,UAAU,SAAS,UAAU,CAC9C;GACF;IACA;EACD;EACA;EACA;EACA;EACA,cAAc;EACd,cAAc;EACf,CAAC"}

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

@@ -1,38 +1,43 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useContext, useId, useMemo } from 'react';
-import { useSettingsActions } from '../../stores/settings/useSettingsActions.js';
-const initialContext = {
-    elementId: '',
-    integrator: '',
-};
-const WidgetContext = createContext(initialContext);
-export const useWidgetConfig = () => useContext(WidgetContext);
-export 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 {
-            // Create widget configuration object
-            const value = {
-                ...widgetConfig,
-                elementId,
-            };
-            // Set default settings for widget settings store
-            setDefaultSettings(value);
-            return value;
-        }
-        catch (e) {
-            console.warn(e);
-            return {
-                ...widgetConfig,
-                elementId,
-                integrator: widgetConfig.integrator,
-            };
-        }
-    }, [elementId, widgetConfig, setDefaultSettings]);
-    return (_jsx(WidgetContext.Provider, { value: value, children: children }));
+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

@@ -1 +1 @@
-{"version":3,"file":"WidgetProvider.js","sourceRoot":"","sources":["../../../../src/providers/WidgetProvider/WidgetProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,6CAA6C,CAAA;AAGhF,MAAM,cAAc,GAAuB;IACzC,SAAS,EAAE,EAAE;IACb,UAAU,EAAE,EAAE;CACf,CAAA;AAED,MAAM,aAAa,GAAG,aAAa,CAAqB,cAAc,CAAC,CAAA;AAEvE,MAAM,CAAC,MAAM,eAAe,GAAG,GAAuB,EAAE,CACtD,UAAU,CAAC,aAAa,CAAC,CAAA;AAE3B,MAAM,CAAC,MAAM,cAAc,GAEvB,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,YAAY,EAAE,EAAE,EAAE;IACzC,MAAM,SAAS,GAAG,KAAK,EAAE,CAAA;IACzB,MAAM,EAAE,kBAAkB,EAAE,GAAG,kBAAkB,EAAE,CAAA;IAEnD,IAAI,CAAC,YAAY,EAAE,UAAU,EAAE,CAAC;QAC9B,MAAM,IAAI,KAAK,CAAC,4CAA4C,CAAC,CAAA;IAC/D,CAAC;IAED,MAAM,KAAK,GAAG,OAAO,CAAC,GAAuB,EAAE;QAC7C,IAAI,CAAC;YACH,qCAAqC;YACrC,MAAM,KAAK,GAAG;gBACZ,GAAG,YAAY;gBACf,SAAS;aACY,CAAA;YAEvB,iDAAiD;YACjD,kBAAkB,CAAC,KAAK,CAAC,CAAA;YAEzB,OAAO,KAAK,CAAA;QACd,CAAC;QAAC,OAAO,CAAC,EAAE,CAAC;YACX,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;YACf,OAAO;gBACL,GAAG,YAAY;gBACf,SAAS;gBACT,UAAU,EAAE,YAAY,CAAC,UAAU;aACpC,CAAA;QACH,CAAC;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,YAAY,EAAE,kBAAkB,CAAC,CAAC,CAAA;IACjD,OAAO,CACL,KAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAAG,QAAQ,GAA0B,CAC1E,CAAA;AACH,CAAC,CAAA"}
+{"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,cALqB;CACzC,WAAW;CACX,YAAY;CACb,CAEsE;AAEvE,MAAa,wBACX,WAAW,cAAc;AAE3B,MAAa,kBAER,EAAE,UAAU,QAAQ,mBAAmB;CAC1C,MAAM,YAAY,OAAO;CACzB,MAAM,EAAE,uBAAuB,oBAAoB;AAEnD,KAAI,CAAC,cAAc,WACjB,OAAM,IAAI,MAAM,+CAA6C;CAG/D,MAAM,QAAQ,cAAkC;AAC9C,MAAI;GAEF,MAAM,QAAQ;IACZ,GAAG;IACH;IACD;AAGD,sBAAmB,MAAM;AAEzB,UAAO;WACA,GAAG;AACV,WAAQ,KAAK,EAAE;AACf,UAAO;IACL,GAAG;IACH;IACA,YAAY,aAAa;IAC1B;;IAEF;EAAC;EAAW;EAAc;EAAmB,CAAC;AACjD,QACE,oBAAC,cAAc,UAAf;EAA+B;EAAQ;EAAkC,CAAA"}

package/dist/esm/stores/StoreProvider.js

@@ -1,15 +1,38 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { getSplitSubvariant } from '../utils/variant.js';
-import { BookmarkStoreProvider } from './bookmarks/BookmarkStore.js';
-import { ChainOrderStoreProvider } from './chains/ChainOrderStore.js';
-import { FormStoreProvider } from './form/FormStore.js';
-import { HeaderStoreProvider } from './header/useHeaderStore.js';
-import { PinnedTokensStoreProvider } from './pinnedTokens/PinnedTokensStore.js';
-import { RouteExecutionStoreProvider } from './routes/RouteExecutionStore.js';
-import { SplitSubvariantStoreProvider } from './settings/useSplitSubvariantStore.js';
-export const StoreProvider = ({ children, config, formRef, }) => {
-    return (_jsx(SplitSubvariantStoreProvider, { state: config.subvariant === 'split'
-            ? getSplitSubvariant(config.subvariantOptions?.split)
-            : undefined, children: _jsx(HeaderStoreProvider, { namePrefix: config?.keyPrefix, children: _jsx(BookmarkStoreProvider, { namePrefix: config?.keyPrefix, children: _jsx(PinnedTokensStoreProvider, { namePrefix: config?.keyPrefix, children: _jsx(FormStoreProvider, { formRef: formRef, children: _jsx(ChainOrderStoreProvider, { namePrefix: config?.keyPrefix, children: _jsx(RouteExecutionStoreProvider, { namePrefix: config?.keyPrefix, children: children }) }) }) }) }) }) }));
+import { HeaderStoreProvider } from "./header/useHeaderStore.js";
+import { SplitSubvariantStoreProvider } from "./settings/useSplitSubvariantStore.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 { getSplitSubvariant } 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(SplitSubvariantStoreProvider, {
+		state: config.subvariant === "split" ? getSplitSubvariant(config.subvariantOptions?.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

@@ -1 +1 @@
-{"version":3,"file":"StoreProvider.js","sourceRoot":"","sources":["../../../src/stores/StoreProvider.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAA;AACxD,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAA;AACpE,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAA;AACrE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAA;AAChE,OAAO,EAAE,yBAAyB,EAAE,MAAM,qCAAqC,CAAA;AAC/E,OAAO,EAAE,2BAA2B,EAAE,MAAM,iCAAiC,CAAA;AAC7E,OAAO,EAAE,4BAA4B,EAAE,MAAM,uCAAuC,CAAA;AAEpF,MAAM,CAAC,MAAM,aAAa,GAAmD,CAAC,EAC5E,QAAQ,EACR,MAAM,EACN,OAAO,GACR,EAAE,EAAE;IACH,OAAO,CACL,KAAC,4BAA4B,IAC3B,KAAK,EACH,MAAM,CAAC,UAAU,KAAK,OAAO;YAC3B,CAAC,CAAC,kBAAkB,CAAC,MAAM,CAAC,iBAAiB,EAAE,KAAK,CAAC;YACrD,CAAC,CAAC,SAAS,YAGf,KAAC,mBAAmB,IAAC,UAAU,EAAE,MAAM,EAAE,SAAS,YAChD,KAAC,qBAAqB,IAAC,UAAU,EAAE,MAAM,EAAE,SAAS,YAClD,KAAC,yBAAyB,IAAC,UAAU,EAAE,MAAM,EAAE,SAAS,YACtD,KAAC,iBAAiB,IAAC,OAAO,EAAE,OAAO,YACjC,KAAC,uBAAuB,IAAC,UAAU,EAAE,MAAM,EAAE,SAAS,YACpD,KAAC,2BAA2B,IAAC,UAAU,EAAE,MAAM,EAAE,SAAS,YACvD,QAAQ,GACmB,GACN,GACR,GACM,GACN,GACJ,GACO,CAChC,CAAA;AACH,CAAC,CAAA"}
+{"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 { getSplitSubvariant } 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 { SplitSubvariantStoreProvider } from './settings/useSplitSubvariantStore.js'\n\nexport const StoreProvider: React.FC<PropsWithChildren<WidgetConfigProps>> = ({\n  children,\n  config,\n  formRef,\n}) => {\n  return (\n    <SplitSubvariantStoreProvider\n      state={\n        config.subvariant === 'split'\n          ? getSplitSubvariant(config.subvariantOptions?.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    </SplitSubvariantStoreProvider>\n  )\n}\n"],"mappings":";;;;;;;;;;AAWA,MAAa,iBAAiE,EAC5E,UACA,QACA,cACI;AACJ,QACE,oBAAC,8BAAD;EACE,OACE,OAAO,eAAe,UAClB,mBAAmB,OAAO,mBAAmB,MAAM,GACnD,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;QAC2B,CAAA;OACN,CAAA;MACR,CAAA;KACM,CAAA;IACN,CAAA;GACJ,CAAA;EACO,CAAA"}

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

@@ -1,22 +1,28 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useContext, useRef } from 'react';
-import { useShallow } from 'zustand/shallow';
-import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js';
-import { createBookmarksStore } from './createBookmarkStore.js';
+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);
-export const BookmarkStoreProvider = ({ children, ...props }) => {
-    const { toAddress } = useWidgetConfig();
-    const storeRef = useRef(null);
-    if (!storeRef.current) {
-        storeRef.current = createBookmarksStore({ ...props, toAddress });
-    }
-    return (_jsx(BookmarkStoreContext.Provider, { value: storeRef.current, children: children }));
+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
+	});
 };
-export 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));
+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

@@ -1 +1 @@
-{"version":3,"file":"BookmarkStore.js","sourceRoot":"","sources":["../../../../src/stores/bookmarks/BookmarkStore.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAA;AAElF,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAA;AAG/D,MAAM,oBAAoB,GAAG,aAAa,CAAuB,IAAI,CAAC,CAAA;AAEtE,MAAM,CAAC,MAAM,qBAAqB,GAAwC,CAAC,EACzE,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,SAAS,EAAE,GAAG,eAAe,EAAE,CAAA;IACvC,MAAM,QAAQ,GAAG,MAAM,CAAgB,IAAI,CAAC,CAAA;IAE5C,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC;QACtB,QAAQ,CAAC,OAAO,GAAG,oBAAoB,CAAC,EAAE,GAAG,KAAK,EAAE,SAAS,EAAE,CAAC,CAAA;IAClE,CAAC;IAED,OAAO,CACL,KAAC,oBAAoB,CAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,CAAC,OAAO,YACnD,QAAQ,GACqB,CACjC,CAAA;AACH,CAAC,CAAA;AAED,MAAM,UAAU,gBAAgB,CAAI,QAAqC;IACvE,MAAM,QAAQ,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAA;IAEjD,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,MAAM,IAAI,KAAK,CACb,yCAAyC,qBAAqB,CAAC,IAAI,IAAI,CACxE,CAAA;IACH,CAAC;IAED,OAAO,QAAQ,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAA;AACvC,CAAC"}
+{"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,KAAK;AAEtE,MAAa,yBAA8D,EACzE,UACA,GAAG,YACC;CACJ,MAAM,EAAE,cAAc,iBAAiB;CACvC,MAAM,WAAW,OAAsB,KAAK;AAE5C,KAAI,CAAC,SAAS,QACZ,UAAS,UAAU,qBAAqB;EAAE,GAAG;EAAO;EAAW,CAAC;AAGlE,QACE,oBAAC,qBAAqB,UAAtB;EAA+B,OAAO,SAAS;EAC5C;EAC6B,CAAA;;AAIpC,SAAgB,iBAAoB,UAA0C;CAC5E,MAAM,WAAW,WAAW,qBAAqB;AAEjD,KAAI,CAAC,SACH,OAAM,IAAI,MACR,yCAAyC,sBAAsB,KAAK,IACrE;AAGH,QAAO,SAAS,WAAW,SAAS,CAAC"}

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

@@ -1,56 +1,45 @@
-import { create } from 'zustand';
-import { persist } from 'zustand/middleware';
+import { create } from "zustand";
+import { persist } from "zustand/middleware";
+//#region src/stores/bookmarks/createBookmarkStore.ts
 const recentWalletsLimit = 10;
-export 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),
-        }));
-    },
+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);
-                }
-            }
-        };
-    },
+	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

@@ -1 +1 @@
-{"version":3,"file":"createBookmarkStore.js","sourceRoot":"","sources":["../../../../src/stores/bookmarks/createBookmarkStore.ts"],"names":[],"mappings":"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"}
+{"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,QAAuB,CACrB,SACG,KAAK,SAAS;CACb,kBAAkB;CAClB,WAAW,EAAE;CACb,eAAe,EAAE;CACjB,cAAc,YACZ,KAAK,CAAC,UAAU,MAAM,aAAa,SAAS,YAAY,QAAQ;CAClE,cAAc,aAAa;AACzB,OAAK,WAAW,EACd,WAAW,CAAC,UAAU,GAAG,MAAM,UAAU,EAC1C,EAAE;;CAEL,iBAAiB,YAAY;AAC3B,OAAK,WAAW,EACd,WAAW,MAAM,UAAU,QACxB,mBAAmB,eAAe,YAAY,QAChD,EACF,EAAE;;CAEL,2BAA2B,KAAK,CAAC;CACjC,sBAAsB,aAAa;AACjC,OAAK,YAAY,EACf,kBAAkB,UACnB,EAAE;;CAEL,kBAAkB,aAAa;AAC7B,OAAK,WAAW,EACd,eAAe,CACb,UACA,GAAG,MAAM,cAAc,QACpB,iBAAiB,aAAa,YAAY,SAAS,QACrD,CACF,CAAC,MAAM,GAAG,mBAAmB,EAC/B,EAAE;;CAEL,qBAAqB,YAAY;AAC/B,OAAK,WAAW,EACd,eAAe,MAAM,cAAc,QAChC,iBAAiB,aAAa,YAAY,QAC5C,EACF,EAAE;;CAEN,GACD;CACE,MAAM,GAAG,cAAc,QAAQ;CAC/B,SAAS;CACT,aAAa,WAAW;EACtB,WAAW,MAAM;EACjB,eAAe,MAAM;EACtB;CACD,0BAA0B;AACxB,UAAQ,UAAU;AAChB,OAAI,SAAS,aAAa,CAAC,UAAU,MAAM;IACzC,MAAM,mBAAmB,MAAM,YAAY,UAAU,QAAQ;AAC7D,QAAI,iBACF,OAAM,oBAAoB,iBAAiB;;;;CAKpD,CACF,CACF"}

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

@@ -1,21 +1,26 @@
-import type { StoreApi, UseBoundStore } from 'zustand';
-import type { ToAddress } from '../../types/widget.js';
-export interface Bookmark extends ToAddress {
-    isConnectedAccount?: boolean;
+import { ToAddress } from "../../types/widget.js";
+import { StoreApi, UseBoundStore } from "zustand";
+
+//#region src/stores/bookmarks/types.d.ts
+interface Bookmark extends ToAddress {
+  isConnectedAccount?: boolean;
 }
-export interface BookmarkProps {
-    selectedBookmark?: Bookmark;
-    bookmarks: Bookmark[];
-    recentWallets: Bookmark[];
+interface BookmarkProps {
+  selectedBookmark?: Bookmark;
+  bookmarks: Bookmark[];
+  recentWallets: Bookmark[];
 }
-export 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;
+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;
 }
-export type BookmarkState = BookmarkProps & BookmarkActions;
-export type BookmarkStore = UseBoundStore<StoreApi<BookmarkState>>;
+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"}