@lifi/widget 4.0.0 → 4.2.0

package/dist/esm/stores/navigationTabs/utils.js

@@ -0,0 +1,122 @@
+import { getSplitMode } from "../../utils/mode.js";
+//#region src/stores/navigationTabs/utils.ts
+/** Configured navigation tabs by key. Labels are resolved from the key by a hook. */
+const navigationTabsByKey = {
+	default: {
+		key: "default",
+		variant: "wide",
+		mode: "default",
+		defaultUI: { layout: "cards" }
+	},
+	private: {
+		key: "private",
+		variant: "compact",
+		mode: "default",
+		defaultUI: { layout: "cards" },
+		requiredUI: { toAddress: true }
+	},
+	refuel: {
+		key: "refuel",
+		variant: "wide",
+		mode: "refuel",
+		defaultUI: { layout: "cards" }
+	},
+	limit: {
+		key: "limit",
+		variant: "compact",
+		mode: "limit",
+		defaultUI: { layout: "cards" }
+	},
+	"swap-advanced": {
+		key: "swap-advanced",
+		variant: "wide",
+		mode: "split",
+		modeOptions: { split: "swap" },
+		defaultUI: { layout: "cards" }
+	},
+	"bridge-advanced": {
+		key: "bridge-advanced",
+		variant: "wide",
+		mode: "split",
+		modeOptions: { split: "bridge" },
+		defaultUI: { layout: "cards" }
+	}
+};
+/** Split-mode tabs (Swap / Bridge), shown when no navigation tabs are configured. */
+const splitTabs = [{
+	key: "swap",
+	mode: "split",
+	modeOptions: { split: "swap" }
+}, {
+	key: "bridge",
+	mode: "split",
+	modeOptions: { split: "bridge" }
+}];
+const splitTabsByKey = Object.fromEntries(splitTabs.map((tab) => [tab.key, tab]));
+/** Combined lookup across configured and split tabs. */
+const tabByKey = {
+	...navigationTabsByKey,
+	...splitTabsByKey
+};
+/** Tab keys shown in split mode when no navigation tabs are configured. */
+const splitTabKeys = splitTabs.map((tab) => tab.key);
+/** Resolves which navigation tabs the header should render from the config. */
+const getNavigationTabKeys = (config) => {
+	if (config._navigationTabs?.length) return config._navigationTabs;
+	if (config.mode === "split" && typeof config.modeOptions?.split !== "string") return splitTabKeys;
+	return [];
+};
+/**
+* The tab the store seeds as active from the config. With navigation tabs it's
+* the first configured tab; otherwise split mode's selection is itself a tab
+* (`swap`/`bridge`), so it seeds the active tab too.
+*/
+const getInitialActiveTab = (config) => {
+	if (config._navigationTabs?.length) return config._navigationTabs[0];
+	return config.mode === "split" ? getSplitMode(config.modeOptions?.split) : void 0;
+};
+/** Split mode (`swap`/`bridge`) implied by a tab, or `undefined` if not split. */
+const getTabSplitMode = (key) => {
+	const tab = key ? tabByKey[key] : void 0;
+	return tab?.mode === "split" ? getSplitMode(tab.modeOptions?.split) : void 0;
+};
+/** Variant for a tab, falling back to the widget config's variant when unset. */
+const getTabVariant = (config, key) => {
+	return (key ? tabByKey[key] : void 0)?.variant ?? config.variant;
+};
+/** Mode for a tab, falling back to the widget config's mode when unset. */
+const getTabMode = (config, key) => {
+	return (key ? tabByKey[key] : void 0)?.mode ?? config.mode;
+};
+/** Mode options for a tab, falling back to the widget config's when unset. */
+const getTabModeOptions = (config, key) => {
+	return (key ? tabByKey[key] : void 0)?.modeOptions ?? config.modeOptions;
+};
+/**
+* Default UI for a tab, layered over the widget config's `defaultUI` so the
+* tab overrides only the fields it sets and inherits the rest.
+*/
+const getTabDefaultUI = (config, key) => {
+	const tab = key ? tabByKey[key] : void 0;
+	if (!tab?.defaultUI) return config.defaultUI;
+	return {
+		...config.defaultUI,
+		...tab.defaultUI
+	};
+};
+/**
+* Required UI for a tab, layered over the widget config's `requiredUI` so the
+* tab overrides only the fields it sets and inherits the rest.
+*/
+const getTabRequiredUI = (config, key) => {
+	const tab = key ? tabByKey[key] : void 0;
+	if (!tab?.requiredUI) return config.requiredUI;
+	return {
+		...config.requiredUI,
+		...tab.requiredUI
+	};
+};
+//#endregion
+export { getInitialActiveTab, getNavigationTabKeys, getTabDefaultUI, getTabMode, getTabModeOptions, getTabRequiredUI, getTabSplitMode, getTabVariant, splitTabKeys };
+
+//# sourceMappingURL=utils.js.map

package/dist/esm/stores/navigationTabs/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","names":[],"sources":["../../../../src/stores/navigationTabs/utils.ts"],"sourcesContent":["import type {\n  DefaultUI,\n  InternalNavigationTabKey,\n  ModeOptions,\n  NavigationTabKey,\n  RequiredUIConfig,\n  SplitMode,\n  SplitNavigationTabKey,\n  WidgetConfig,\n  WidgetMode,\n  WidgetVariant,\n} from '../../types/widget.js'\nimport { getSplitMode } from '../../utils/mode.js'\nimport type { NavigationTab } from './types.js'\n\n/** Configured navigation tabs by key. Labels are resolved from the key by a hook. */\nconst navigationTabsByKey: Record<InternalNavigationTabKey, NavigationTab> = {\n  default: {\n    key: 'default',\n    variant: 'wide',\n    mode: 'default',\n    defaultUI: {\n      layout: 'cards',\n    },\n  },\n  private: {\n    key: 'private',\n    variant: 'compact',\n    mode: 'default',\n    defaultUI: {\n      layout: 'cards',\n    },\n    requiredUI: { toAddress: true },\n  },\n  refuel: {\n    key: 'refuel',\n    variant: 'wide',\n    mode: 'refuel',\n    defaultUI: {\n      layout: 'cards',\n    },\n  },\n  limit: {\n    key: 'limit',\n    variant: 'compact',\n    mode: 'limit',\n    defaultUI: {\n      layout: 'cards',\n    },\n  },\n  'swap-advanced': {\n    key: 'swap-advanced',\n    variant: 'wide',\n    mode: 'split',\n    modeOptions: { split: 'swap' },\n    defaultUI: {\n      layout: 'cards',\n    },\n  },\n  'bridge-advanced': {\n    key: 'bridge-advanced',\n    variant: 'wide',\n    mode: 'split',\n    modeOptions: { split: 'bridge' },\n    defaultUI: {\n      layout: 'cards',\n    },\n  },\n}\n\n/** Split-mode tabs (Swap / Bridge), shown when no navigation tabs are configured. */\nconst splitTabs: NavigationTab[] = [\n  {\n    key: 'swap',\n    mode: 'split',\n    modeOptions: { split: 'swap' },\n  },\n  {\n    key: 'bridge',\n    mode: 'split',\n    modeOptions: { split: 'bridge' },\n  },\n]\n\nconst splitTabsByKey = Object.fromEntries(\n  splitTabs.map((tab) => [tab.key, tab])\n) as Record<SplitNavigationTabKey, NavigationTab>\n\n/** Combined lookup across configured and split tabs. */\nconst tabByKey: Record<NavigationTabKey, NavigationTab> = {\n  ...navigationTabsByKey,\n  ...splitTabsByKey,\n}\n\n/** Tab keys shown in split mode when no navigation tabs are configured. */\nexport const splitTabKeys: NavigationTabKey[] = splitTabs.map((tab) => tab.key)\n\n/** Resolves which navigation tabs the header should render from the config. */\nexport const getNavigationTabKeys = (\n  config: WidgetConfig\n): NavigationTabKey[] => {\n  if (config._navigationTabs?.length) {\n    return config._navigationTabs\n  }\n  // Split mode shows Swap / Bridge tabs unless pinned to a single side.\n  if (\n    config.mode === 'split' &&\n    typeof config.modeOptions?.split !== 'string'\n  ) {\n    return splitTabKeys\n  }\n  return []\n}\n\n/**\n * The tab the store seeds as active from the config. With navigation tabs it's\n * the first configured tab; otherwise split mode's selection is itself a tab\n * (`swap`/`bridge`), so it seeds the active tab too.\n */\nexport const getInitialActiveTab = (\n  config: WidgetConfig\n): NavigationTabKey | undefined => {\n  if (config._navigationTabs?.length) {\n    return config._navigationTabs[0]\n  }\n  return config.mode === 'split'\n    ? getSplitMode(config.modeOptions?.split)\n    : undefined\n}\n\n/** Split mode (`swap`/`bridge`) implied by a tab, or `undefined` if not split. */\nexport const getTabSplitMode = (\n  key?: NavigationTabKey\n): SplitMode | undefined => {\n  const tab = key ? tabByKey[key] : undefined\n  return tab?.mode === 'split'\n    ? getSplitMode(tab.modeOptions?.split)\n    : undefined\n}\n\n/** Variant for a tab, falling back to the widget config's variant when unset. */\nexport const getTabVariant = (\n  config: WidgetConfig,\n  key?: NavigationTabKey\n): WidgetVariant | undefined => {\n  const tab = key ? tabByKey[key] : undefined\n  return tab?.variant ?? config.variant\n}\n\n/** Mode for a tab, falling back to the widget config's mode when unset. */\nexport const getTabMode = (\n  config: WidgetConfig,\n  key?: NavigationTabKey\n): WidgetMode | undefined => {\n  const tab = key ? tabByKey[key] : undefined\n  return tab?.mode ?? config.mode\n}\n\n/** Mode options for a tab, falling back to the widget config's when unset. */\nexport const getTabModeOptions = (\n  config: WidgetConfig,\n  key?: NavigationTabKey\n): ModeOptions | undefined => {\n  const tab = key ? tabByKey[key] : undefined\n  return tab?.modeOptions ?? config.modeOptions\n}\n\n/**\n * Default UI for a tab, layered over the widget config's `defaultUI` so the\n * tab overrides only the fields it sets and inherits the rest.\n */\nexport const getTabDefaultUI = (\n  config: WidgetConfig,\n  key?: NavigationTabKey\n): DefaultUI | undefined => {\n  const tab = key ? tabByKey[key] : undefined\n  if (!tab?.defaultUI) {\n    return config.defaultUI\n  }\n  return { ...config.defaultUI, ...tab.defaultUI }\n}\n\n/**\n * Required UI for a tab, layered over the widget config's `requiredUI` so the\n * tab overrides only the fields it sets and inherits the rest.\n */\nexport const getTabRequiredUI = (\n  config: WidgetConfig,\n  key?: NavigationTabKey\n): RequiredUIConfig | undefined => {\n  const tab = key ? tabByKey[key] : undefined\n  if (!tab?.requiredUI) {\n    return config.requiredUI\n  }\n  return { ...config.requiredUI, ...tab.requiredUI }\n}\n"],"mappings":";;;AAgBA,MAAM,sBAAuE;CAC3E,SAAS;EACP,KAAK;EACL,SAAS;EACT,MAAM;EACN,WAAW,EACT,QAAQ,QACV;CACF;CACA,SAAS;EACP,KAAK;EACL,SAAS;EACT,MAAM;EACN,WAAW,EACT,QAAQ,QACV;EACA,YAAY,EAAE,WAAW,KAAK;CAChC;CACA,QAAQ;EACN,KAAK;EACL,SAAS;EACT,MAAM;EACN,WAAW,EACT,QAAQ,QACV;CACF;CACA,OAAO;EACL,KAAK;EACL,SAAS;EACT,MAAM;EACN,WAAW,EACT,QAAQ,QACV;CACF;CACA,iBAAiB;EACf,KAAK;EACL,SAAS;EACT,MAAM;EACN,aAAa,EAAE,OAAO,OAAO;EAC7B,WAAW,EACT,QAAQ,QACV;CACF;CACA,mBAAmB;EACjB,KAAK;EACL,SAAS;EACT,MAAM;EACN,aAAa,EAAE,OAAO,SAAS;EAC/B,WAAW,EACT,QAAQ,QACV;CACF;AACF;;AAGA,MAAM,YAA6B,CACjC;CACE,KAAK;CACL,MAAM;CACN,aAAa,EAAE,OAAO,OAAO;AAC/B,GACA;CACE,KAAK;CACL,MAAM;CACN,aAAa,EAAE,OAAO,SAAS;AACjC,CACF;AAEA,MAAM,iBAAiB,OAAO,YAC5B,UAAU,KAAK,QAAQ,CAAC,IAAI,KAAK,GAAG,CAAC,CACvC;;AAGA,MAAM,WAAoD;CACxD,GAAG;CACH,GAAG;AACL;;AAGA,MAAa,eAAmC,UAAU,KAAK,QAAQ,IAAI,GAAG;;AAG9E,MAAa,wBACX,WACuB;CACvB,IAAI,OAAO,iBAAiB,QAC1B,OAAO,OAAO;CAGhB,IACE,OAAO,SAAS,WAChB,OAAO,OAAO,aAAa,UAAU,UAErC,OAAO;CAET,OAAO,CAAC;AACV;;;;;;AAOA,MAAa,uBACX,WACiC;CACjC,IAAI,OAAO,iBAAiB,QAC1B,OAAO,OAAO,gBAAgB;CAEhC,OAAO,OAAO,SAAS,UACnB,aAAa,OAAO,aAAa,KAAK,IACtC,KAAA;AACN;;AAGA,MAAa,mBACX,QAC0B;CAC1B,MAAM,MAAM,MAAM,SAAS,OAAO,KAAA;CAClC,OAAO,KAAK,SAAS,UACjB,aAAa,IAAI,aAAa,KAAK,IACnC,KAAA;AACN;;AAGA,MAAa,iBACX,QACA,QAC8B;CAE9B,QADY,MAAM,SAAS,OAAO,KAAA,EAAA,EACtB,WAAW,OAAO;AAChC;;AAGA,MAAa,cACX,QACA,QAC2B;CAE3B,QADY,MAAM,SAAS,OAAO,KAAA,EAAA,EACtB,QAAQ,OAAO;AAC7B;;AAGA,MAAa,qBACX,QACA,QAC4B;CAE5B,QADY,MAAM,SAAS,OAAO,KAAA,EAAA,EACtB,eAAe,OAAO;AACpC;;;;;AAMA,MAAa,mBACX,QACA,QAC0B;CAC1B,MAAM,MAAM,MAAM,SAAS,OAAO,KAAA;CAClC,IAAI,CAAC,KAAK,WACR,OAAO,OAAO;CAEhB,OAAO;EAAE,GAAG,OAAO;EAAW,GAAG,IAAI;CAAU;AACjD;;;;;AAMA,MAAa,oBACX,QACA,QACiC;CACjC,MAAM,MAAM,MAAM,SAAS,OAAO,KAAA;CAClC,IAAI,CAAC,KAAK,YACR,OAAO,OAAO;CAEhB,OAAO;EAAE,GAAG,OAAO;EAAY,GAAG,IAAI;CAAW;AACnD"}

package/dist/esm/stores/pinnedTokens/PinnedTokensStore.js

@@ -1,5 +1,5 @@
 import { createPinnedTokensStore } from "./createPinnedTokensStore.js";
-import { createContext, useContext, useRef } from "react";
+import { createContext, use, useRef } from "react";
 import { useShallow } from "zustand/shallow";
 import { jsx } from "react/jsx-runtime";
 //#region src/stores/pinnedTokens/PinnedTokensStore.tsx
@@ -7,13 +7,13 @@ const PinnedTokensStoreContext = createContext(null);
 const PinnedTokensStoreProvider = ({ children, ...props }) => {
 	const storeRef = useRef(null);
 	if (!storeRef.current) storeRef.current = createPinnedTokensStore(props);
-	return /* @__PURE__ */ jsx(PinnedTokensStoreContext.Provider, {
+	return /* @__PURE__ */ jsx(PinnedTokensStoreContext, {
 		value: storeRef.current,
 		children
 	});
 };
 function usePinnedTokensStore(selector) {
-	const useStore = useContext(PinnedTokensStoreContext);
+	const useStore = use(PinnedTokensStoreContext);
 	if (!useStore) throw new Error(`You forgot to wrap your component in <${PinnedTokensStoreProvider.name}>.`);
 	return useStore(useShallow(selector));
 }

package/dist/esm/stores/pinnedTokens/PinnedTokensStore.js.map

@@ -1 +1 @@
-{"version":3,"file":"PinnedTokensStore.js","names":[],"sources":["../../../../src/stores/pinnedTokens/PinnedTokensStore.tsx"],"sourcesContent":["import { createContext, useContext, useRef } from 'react'\nimport { useShallow } from 'zustand/shallow'\nimport type { PersistStoreProviderProps } from '../types.js'\nimport { createPinnedTokensStore } from './createPinnedTokensStore.js'\nimport type { PinnedTokensState, PinnedTokensStore } from './types.js'\n\nconst PinnedTokensStoreContext = createContext<PinnedTokensStore | null>(null)\n\nexport const PinnedTokensStoreProvider: React.FC<PersistStoreProviderProps> = ({\n  children,\n  ...props\n}) => {\n  const storeRef = useRef<PinnedTokensStore>(null)\n\n  if (!storeRef.current) {\n    storeRef.current = createPinnedTokensStore(props)\n  }\n\n  return (\n    <PinnedTokensStoreContext.Provider value={storeRef.current}>\n      {children}\n    </PinnedTokensStoreContext.Provider>\n  )\n}\n\nexport function usePinnedTokensStore<T>(\n  selector: (store: PinnedTokensState) => T\n): T {\n  const useStore = useContext(PinnedTokensStoreContext)\n\n  if (!useStore) {\n    throw new Error(\n      `You forgot to wrap your component in <${PinnedTokensStoreProvider.name}>.`\n    )\n  }\n\n  return useStore(useShallow(selector))\n}\n"],"mappings":";;;;;AAMA,MAAM,2BAA2B,cAAwC,IAAI;AAE7E,MAAa,6BAAkE,EAC7E,UACA,GAAG,YACC;CACJ,MAAM,WAAW,OAA0B,IAAI;CAE/C,IAAI,CAAC,SAAS,SACZ,SAAS,UAAU,wBAAwB,KAAK;CAGlD,OACE,oBAAC,yBAAyB,UAA1B;EAAmC,OAAO,SAAS;EAChD;CACgC,CAAA;AAEvC;AAEA,SAAgB,qBACd,UACG;CACH,MAAM,WAAW,WAAW,wBAAwB;CAEpD,IAAI,CAAC,UACH,MAAM,IAAI,MACR,yCAAyC,0BAA0B,KAAK,GAC1E;CAGF,OAAO,SAAS,WAAW,QAAQ,CAAC;AACtC"}
+{"version":3,"file":"PinnedTokensStore.js","names":[],"sources":["../../../../src/stores/pinnedTokens/PinnedTokensStore.tsx"],"sourcesContent":["import { createContext, use, useRef } from 'react'\nimport { useShallow } from 'zustand/shallow'\nimport type { PersistStoreProviderProps } from '../types.js'\nimport { createPinnedTokensStore } from './createPinnedTokensStore.js'\nimport type { PinnedTokensState, PinnedTokensStore } from './types.js'\n\nconst PinnedTokensStoreContext = createContext<PinnedTokensStore | null>(null)\n\nexport const PinnedTokensStoreProvider: React.FC<PersistStoreProviderProps> = ({\n  children,\n  ...props\n}) => {\n  const storeRef = useRef<PinnedTokensStore>(null)\n\n  if (!storeRef.current) {\n    storeRef.current = createPinnedTokensStore(props)\n  }\n\n  return (\n    <PinnedTokensStoreContext value={storeRef.current}>\n      {children}\n    </PinnedTokensStoreContext>\n  )\n}\n\nexport function usePinnedTokensStore<T>(\n  selector: (store: PinnedTokensState) => T\n): T {\n  const useStore = use(PinnedTokensStoreContext)\n\n  if (!useStore) {\n    throw new Error(\n      `You forgot to wrap your component in <${PinnedTokensStoreProvider.name}>.`\n    )\n  }\n\n  return useStore(useShallow(selector))\n}\n"],"mappings":";;;;;AAMA,MAAM,2BAA2B,cAAwC,IAAI;AAE7E,MAAa,6BAAkE,EAC7E,UACA,GAAG,YACC;CACJ,MAAM,WAAW,OAA0B,IAAI;CAE/C,IAAI,CAAC,SAAS,SACZ,SAAS,UAAU,wBAAwB,KAAK;CAGlD,OACE,oBAAC,0BAAD;EAA0B,OAAO,SAAS;EACvC;CACuB,CAAA;AAE9B;AAEA,SAAgB,qBACd,UACG;CACH,MAAM,WAAW,IAAI,wBAAwB;CAE7C,IAAI,CAAC,UACH,MAAM,IAAI,MACR,yCAAyC,0BAA0B,KAAK,GAC1E;CAGF,OAAO,SAAS,WAAW,QAAQ,CAAC;AACtC"}

package/dist/esm/stores/pinnedTokens/createPinnedTokensStore.js.map

@@ -1 +1 @@
-{"version":3,"file":"createPinnedTokensStore.js","names":[],"sources":["../../../../src/stores/pinnedTokens/createPinnedTokensStore.ts"],"sourcesContent":["import type { StoreApi, UseBoundStore } from 'zustand'\nimport { create } from 'zustand'\nimport { persist } from 'zustand/middleware'\nimport type { PersistStoreProps } from '../types.js'\nimport type { PinnedTokensState } from './types.js'\n\nexport const createPinnedTokensStore = ({\n  namePrefix,\n}: PersistStoreProps): UseBoundStore<StoreApi<PinnedTokensState>> =>\n  create<PinnedTokensState>()(\n    persist(\n      (set, get) => ({\n        pinnedTokens: {},\n        pinToken: (chainId: number, tokenAddress: string) => {\n          set((state) => {\n            const normalizedAddress = tokenAddress.toLowerCase()\n            const chainTokens = state.pinnedTokens[chainId] || []\n            if (!chainTokens.includes(normalizedAddress)) {\n              return {\n                pinnedTokens: {\n                  ...state.pinnedTokens,\n                  [chainId]: [...chainTokens, normalizedAddress],\n                },\n              }\n            }\n            return state\n          })\n        },\n        unpinToken: (chainId: number, tokenAddress: string) => {\n          set((state) => {\n            const normalizedAddress = tokenAddress.toLowerCase()\n            const chainTokens = state.pinnedTokens[chainId] || []\n            if (chainTokens.includes(normalizedAddress)) {\n              return {\n                pinnedTokens: {\n                  ...state.pinnedTokens,\n                  [chainId]: chainTokens.filter(\n                    (addr) => addr !== normalizedAddress\n                  ),\n                },\n              }\n            }\n            return state\n          })\n        },\n        isPinned: (chainId: number, tokenAddress: string) => {\n          const normalizedAddress = tokenAddress.toLowerCase()\n          const chainTokens = get().pinnedTokens[chainId] || []\n          return chainTokens.includes(normalizedAddress)\n        },\n        getPinnedTokens: (chainId: number) => {\n          return get().pinnedTokens[chainId] || []\n        },\n        getAllPinnedTokens: () => {\n          const allPinned: Array<{ chainId: number; tokenAddress: string }> = []\n          const pinnedTokens = get().pinnedTokens\n          Object.entries(pinnedTokens).forEach(([chainIdStr, addresses]) => {\n            const chainId = Number.parseInt(chainIdStr, 10)\n            addresses.forEach((address) => {\n              allPinned.push({ chainId, tokenAddress: address })\n            })\n          })\n          return allPinned\n        },\n      }),\n      {\n        name: `${namePrefix || 'li.fi'}-pinned-tokens`,\n        version: 0,\n        partialize: (state) => ({\n          pinnedTokens: state.pinnedTokens,\n        }),\n      }\n    )\n  )\n"],"mappings":";;;AAMA,MAAa,2BAA2B,EACtC,iBAEA,OAA0B,EACxB,SACG,KAAK,SAAS;CACb,cAAc,CAAC;CACf,WAAW,SAAiB,iBAAyB;EACnD,KAAK,UAAU;GACb,MAAM,oBAAoB,aAAa,YAAY;GACnD,MAAM,cAAc,MAAM,aAAa,YAAY,CAAC;GACpD,IAAI,CAAC,YAAY,SAAS,iBAAiB,GACzC,OAAO,EACL,cAAc;IACZ,GAAG,MAAM;KACR,UAAU,CAAC,GAAG,aAAa,iBAAiB;GAC/C,EACF;GAEF,OAAO;EACT,CAAC;CACH;CACA,aAAa,SAAiB,iBAAyB;EACrD,KAAK,UAAU;GACb,MAAM,oBAAoB,aAAa,YAAY;GACnD,MAAM,cAAc,MAAM,aAAa,YAAY,CAAC;GACpD,IAAI,YAAY,SAAS,iBAAiB,GACxC,OAAO,EACL,cAAc;IACZ,GAAG,MAAM;KACR,UAAU,YAAY,QACpB,SAAS,SAAS,iBACrB;GACF,EACF;GAEF,OAAO;EACT,CAAC;CACH;CACA,WAAW,SAAiB,iBAAyB;EACnD,MAAM,oBAAoB,aAAa,YAAY;EAEnD,QADoB,IAAI,EAAE,aAAa,YAAY,CAAC,GACjC,SAAS,iBAAiB;CAC/C;CACA,kBAAkB,YAAoB;EACpC,OAAO,IAAI,EAAE,aAAa,YAAY,CAAC;CACzC;CACA,0BAA0B;EACxB,MAAM,YAA8D,CAAC;EACrE,MAAM,eAAe,IAAI,EAAE;EAC3B,OAAO,QAAQ,YAAY,EAAE,SAAS,CAAC,YAAY,eAAe;GAChE,MAAM,UAAU,OAAO,SAAS,YAAY,EAAE;GAC9C,UAAU,SAAS,YAAY;IAC7B,UAAU,KAAK;KAAE;KAAS,cAAc;IAAQ,CAAC;GACnD,CAAC;EACH,CAAC;EACD,OAAO;CACT;AACF,IACA;CACE,MAAM,GAAG,cAAc,QAAQ;CAC/B,SAAS;CACT,aAAa,WAAW,EACtB,cAAc,MAAM,aACtB;AACF,CACF,CACF"}
+{"version":3,"file":"createPinnedTokensStore.js","names":[],"sources":["../../../../src/stores/pinnedTokens/createPinnedTokensStore.ts"],"sourcesContent":["import type { StoreApi, UseBoundStore } from 'zustand'\nimport { create } from 'zustand'\nimport { persist } from 'zustand/middleware'\nimport type { PersistStoreProps } from '../types.js'\nimport type { PinnedTokensState } from './types.js'\n\nexport const createPinnedTokensStore = ({\n  namePrefix,\n}: PersistStoreProps): UseBoundStore<StoreApi<PinnedTokensState>> =>\n  create<PinnedTokensState>()(\n    persist(\n      (set, get) => ({\n        pinnedTokens: {},\n        pinToken: (chainId: number, tokenAddress: string) => {\n          set((state) => {\n            const normalizedAddress = tokenAddress.toLowerCase()\n            const chainTokens = state.pinnedTokens[chainId] || []\n            if (!chainTokens.includes(normalizedAddress)) {\n              return {\n                pinnedTokens: {\n                  ...state.pinnedTokens,\n                  [chainId]: [...chainTokens, normalizedAddress],\n                },\n              }\n            }\n            return state\n          })\n        },\n        unpinToken: (chainId: number, tokenAddress: string) => {\n          set((state) => {\n            const normalizedAddress = tokenAddress.toLowerCase()\n            const chainTokens = state.pinnedTokens[chainId] || []\n            if (chainTokens.includes(normalizedAddress)) {\n              return {\n                pinnedTokens: {\n                  ...state.pinnedTokens,\n                  [chainId]: chainTokens.filter(\n                    (addr) => addr !== normalizedAddress\n                  ),\n                },\n              }\n            }\n            return state\n          })\n        },\n        isPinned: (chainId: number, tokenAddress: string) => {\n          const normalizedAddress = tokenAddress.toLowerCase()\n          const chainTokens = get().pinnedTokens[chainId] || []\n          return chainTokens.includes(normalizedAddress)\n        },\n        getPinnedTokens: (chainId: number) => {\n          return get().pinnedTokens[chainId] || []\n        },\n        getAllPinnedTokens: () => {\n          const allPinned: Array<{ chainId: number; tokenAddress: string }> = []\n          const pinnedTokens = get().pinnedTokens\n          Object.entries(pinnedTokens).forEach(([chainIdStr, addresses]) => {\n            const chainId = Number.parseInt(chainIdStr, 10)\n            addresses.forEach((address) => {\n              allPinned.push({ chainId, tokenAddress: address })\n            })\n          })\n          return allPinned\n        },\n      }),\n      {\n        name: `${namePrefix || 'li.fi'}-pinned-tokens`,\n        version: 0,\n        partialize: (state) => ({\n          pinnedTokens: state.pinnedTokens,\n        }),\n      }\n    )\n  )\n"],"mappings":";;;AAMA,MAAa,2BAA2B,EACtC,iBAEA,OAA0B,CAAC,CACzB,SACG,KAAK,SAAS;CACb,cAAc,CAAC;CACf,WAAW,SAAiB,iBAAyB;EACnD,KAAK,UAAU;GACb,MAAM,oBAAoB,aAAa,YAAY;GACnD,MAAM,cAAc,MAAM,aAAa,YAAY,CAAC;GACpD,IAAI,CAAC,YAAY,SAAS,iBAAiB,GACzC,OAAO,EACL,cAAc;IACZ,GAAG,MAAM;KACR,UAAU,CAAC,GAAG,aAAa,iBAAiB;GAC/C,EACF;GAEF,OAAO;EACT,CAAC;CACH;CACA,aAAa,SAAiB,iBAAyB;EACrD,KAAK,UAAU;GACb,MAAM,oBAAoB,aAAa,YAAY;GACnD,MAAM,cAAc,MAAM,aAAa,YAAY,CAAC;GACpD,IAAI,YAAY,SAAS,iBAAiB,GACxC,OAAO,EACL,cAAc;IACZ,GAAG,MAAM;KACR,UAAU,YAAY,QACpB,SAAS,SAAS,iBACrB;GACF,EACF;GAEF,OAAO;EACT,CAAC;CACH;CACA,WAAW,SAAiB,iBAAyB;EACnD,MAAM,oBAAoB,aAAa,YAAY;EAEnD,QADoB,IAAI,CAAC,CAAC,aAAa,YAAY,CAAC,EAAA,CACjC,SAAS,iBAAiB;CAC/C;CACA,kBAAkB,YAAoB;EACpC,OAAO,IAAI,CAAC,CAAC,aAAa,YAAY,CAAC;CACzC;CACA,0BAA0B;EACxB,MAAM,YAA8D,CAAC;EACrE,MAAM,eAAe,IAAI,CAAC,CAAC;EAC3B,OAAO,QAAQ,YAAY,CAAC,CAAC,SAAS,CAAC,YAAY,eAAe;GAChE,MAAM,UAAU,OAAO,SAAS,YAAY,EAAE;GAC9C,UAAU,SAAS,YAAY;IAC7B,UAAU,KAAK;KAAE;KAAS,cAAc;IAAQ,CAAC;GACnD,CAAC;EACH,CAAC;EACD,OAAO;CACT;AACF,IACA;CACE,MAAM,GAAG,cAAc,QAAQ;CAC/B,SAAS;CACT,aAAa,WAAW,EACtB,cAAc,MAAM,aACtB;AACF,CACF,CACF"}

package/dist/esm/stores/routes/RouteExecutionStore.js

@@ -1,5 +1,5 @@
 import { createRouteExecutionStore } from "./createRouteExecutionStore.js";
-import { createContext, useContext, useRef } from "react";
+import { createContext, use, useRef } from "react";
 import { useShallow } from "zustand/shallow";
 import { jsx } from "react/jsx-runtime";
 //#region src/stores/routes/RouteExecutionStore.tsx
@@ -7,13 +7,13 @@ const RouteExecutionStoreContext = createContext(null);
 function RouteExecutionStoreProvider({ children, ...props }) {
 	const storeRef = useRef(null);
 	if (!storeRef.current) storeRef.current = createRouteExecutionStore(props);
-	return /* @__PURE__ */ jsx(RouteExecutionStoreContext.Provider, {
+	return /* @__PURE__ */ jsx(RouteExecutionStoreContext, {
 		value: storeRef.current,
 		children
 	});
 }
 function useRouteExecutionStoreContext() {
-	const useStore = useContext(RouteExecutionStoreContext);
+	const useStore = use(RouteExecutionStoreContext);
 	if (!useStore) throw new Error(`You forgot to wrap your component in <${RouteExecutionStoreProvider.name}>.`);
 	return useStore;
 }

package/dist/esm/stores/routes/RouteExecutionStore.js.map

@@ -1 +1 @@
-{"version":3,"file":"RouteExecutionStore.js","names":[],"sources":["../../../../src/stores/routes/RouteExecutionStore.tsx"],"sourcesContent":["import { createContext, type JSX, useContext, useRef } from 'react'\nimport type { StoreApi, UseBoundStore } from 'zustand'\nimport { useShallow } from 'zustand/shallow'\nimport type { PersistStoreProviderProps } from '../types.js'\nimport { createRouteExecutionStore } from './createRouteExecutionStore.js'\nimport type { RouteExecutionState } from './types.js'\n\ntype RouteExecutionStore = UseBoundStore<StoreApi<RouteExecutionState>>\n\nconst RouteExecutionStoreContext = createContext<RouteExecutionStore | null>(\n  null\n)\n\nexport function RouteExecutionStoreProvider({\n  children,\n  ...props\n}: PersistStoreProviderProps): JSX.Element {\n  const storeRef = useRef<RouteExecutionStore>(null)\n  if (!storeRef.current) {\n    storeRef.current = createRouteExecutionStore(props)\n  }\n  return (\n    <RouteExecutionStoreContext.Provider value={storeRef.current}>\n      {children}\n    </RouteExecutionStoreContext.Provider>\n  )\n}\n\nexport function useRouteExecutionStoreContext(): any {\n  const useStore = useContext(RouteExecutionStoreContext)\n  if (!useStore) {\n    throw new Error(\n      `You forgot to wrap your component in <${RouteExecutionStoreProvider.name}>.`\n    )\n  }\n  return useStore\n}\n\nexport function useRouteExecutionStore<T>(\n  selector: (state: RouteExecutionState) => T\n): T {\n  const useStore = useRouteExecutionStoreContext()\n  return useStore(useShallow(selector))\n}\n"],"mappings":";;;;;AASA,MAAM,6BAA6B,cACjC,IACF;AAEA,SAAgB,4BAA4B,EAC1C,UACA,GAAG,SACsC;CACzC,MAAM,WAAW,OAA4B,IAAI;CACjD,IAAI,CAAC,SAAS,SACZ,SAAS,UAAU,0BAA0B,KAAK;CAEpD,OACE,oBAAC,2BAA2B,UAA5B;EAAqC,OAAO,SAAS;EAClD;CACkC,CAAA;AAEzC;AAEA,SAAgB,gCAAqC;CACnD,MAAM,WAAW,WAAW,0BAA0B;CACtD,IAAI,CAAC,UACH,MAAM,IAAI,MACR,yCAAyC,4BAA4B,KAAK,GAC5E;CAEF,OAAO;AACT;AAEA,SAAgB,uBACd,UACG;CAEH,OADiB,8BACH,EAAE,WAAW,QAAQ,CAAC;AACtC"}
+{"version":3,"file":"RouteExecutionStore.js","names":[],"sources":["../../../../src/stores/routes/RouteExecutionStore.tsx"],"sourcesContent":["import { createContext, type JSX, use, useRef } from 'react'\nimport type { StoreApi, UseBoundStore } from 'zustand'\nimport { useShallow } from 'zustand/shallow'\nimport type { PersistStoreProviderProps } from '../types.js'\nimport { createRouteExecutionStore } from './createRouteExecutionStore.js'\nimport type { RouteExecutionState } from './types.js'\n\ntype RouteExecutionStore = UseBoundStore<StoreApi<RouteExecutionState>>\n\nconst RouteExecutionStoreContext = createContext<RouteExecutionStore | null>(\n  null\n)\n\nexport function RouteExecutionStoreProvider({\n  children,\n  ...props\n}: PersistStoreProviderProps): JSX.Element {\n  const storeRef = useRef<RouteExecutionStore>(null)\n  if (!storeRef.current) {\n    storeRef.current = createRouteExecutionStore(props)\n  }\n  return (\n    <RouteExecutionStoreContext value={storeRef.current}>\n      {children}\n    </RouteExecutionStoreContext>\n  )\n}\n\nexport function useRouteExecutionStoreContext(): any {\n  const useStore = use(RouteExecutionStoreContext)\n  if (!useStore) {\n    throw new Error(\n      `You forgot to wrap your component in <${RouteExecutionStoreProvider.name}>.`\n    )\n  }\n  return useStore\n}\n\nexport function useRouteExecutionStore<T>(\n  selector: (state: RouteExecutionState) => T\n): T {\n  const useStore = useRouteExecutionStoreContext()\n  return useStore(useShallow(selector))\n}\n"],"mappings":";;;;;AASA,MAAM,6BAA6B,cACjC,IACF;AAEA,SAAgB,4BAA4B,EAC1C,UACA,GAAG,SACsC;CACzC,MAAM,WAAW,OAA4B,IAAI;CACjD,IAAI,CAAC,SAAS,SACZ,SAAS,UAAU,0BAA0B,KAAK;CAEpD,OACE,oBAAC,4BAAD;EAA4B,OAAO,SAAS;EACzC;CACyB,CAAA;AAEhC;AAEA,SAAgB,gCAAqC;CACnD,MAAM,WAAW,IAAI,0BAA0B;CAC/C,IAAI,CAAC,UACH,MAAM,IAAI,MACR,yCAAyC,4BAA4B,KAAK,GAC5E;CAEF,OAAO;AACT;AAEA,SAAgB,uBACd,UACG;CAEH,OADiB,8BACH,CAAC,CAAC,WAAW,QAAQ,CAAC;AACtC"}

package/dist/esm/stores/routes/createRouteExecutionStore.js.map

@@ -1 +1 @@
-{"version":3,"file":"createRouteExecutionStore.js","names":[],"sources":["../../../../src/stores/routes/createRouteExecutionStore.ts"],"sourcesContent":["import type { Route, RouteExtended } from '@lifi/sdk'\nimport type { StoreApi, UseBoundStore } from 'zustand'\nimport { create } from 'zustand'\nimport { persist } from 'zustand/middleware'\nimport { hasEnumFlag } from '../../utils/enum.js'\nimport type { PersistStoreProps } from '../types.js'\nimport type { RouteExecution, RouteExecutionState } from './types.js'\nimport { RouteExecutionStatus } from './types.js'\nimport {\n  isRouteDone,\n  isRouteFailed,\n  isRoutePartiallyDone,\n  isRouteRefunded,\n} from './utils.js'\n\nexport const createRouteExecutionStore = ({\n  namePrefix,\n}: PersistStoreProps): UseBoundStore<StoreApi<RouteExecutionState>> =>\n  create<RouteExecutionState>()(\n    persist(\n      (set, get) => ({\n        routes: {},\n        setExecutableRoute: (route: Route, observableRouteIds?: string[]) => {\n          if (!get().routes[route.id]) {\n            set((state: RouteExecutionState) => {\n              const routes = { ...state.routes }\n              // clean previous idle routes\n              Object.keys(routes)\n                .filter(\n                  (routeId) =>\n                    !observableRouteIds?.includes(routeId) &&\n                    hasEnumFlag(\n                      routes[routeId]!.status,\n                      RouteExecutionStatus.Idle\n                    )\n                )\n                .forEach((routeId) => {\n                  delete routes[routeId]\n                })\n              routes[route.id] = {\n                route,\n                status: RouteExecutionStatus.Idle,\n              }\n              return {\n                routes,\n              }\n            })\n          }\n        },\n        updateRoute: (route: RouteExtended) => {\n          if (get().routes[route.id]) {\n            set((state: RouteExecutionState) => {\n              const updatedState = {\n                routes: {\n                  ...state.routes,\n                  [route.id]: { ...state.routes[route.id]!, route },\n                },\n              }\n              const isFailed = isRouteFailed(route)\n              if (isFailed) {\n                updatedState.routes[route.id]!.status =\n                  RouteExecutionStatus.Failed\n                return updatedState\n              }\n              const isDone = isRouteDone(route)\n              if (isDone) {\n                updatedState.routes[route.id]!.status =\n                  RouteExecutionStatus.Done\n                if (isRoutePartiallyDone(route)) {\n                  updatedState.routes[route.id]!.status |=\n                    RouteExecutionStatus.Partial\n                } else if (isRouteRefunded(route)) {\n                  updatedState.routes[route.id]!.status |=\n                    RouteExecutionStatus.Refunded\n                }\n                return updatedState\n              }\n              const isLoading = route.steps.some((step) => step.execution)\n              if (isLoading) {\n                updatedState.routes[route.id]!.status =\n                  RouteExecutionStatus.Pending\n              }\n              return updatedState\n            })\n          }\n        },\n        deleteRoutes: (type, accountAddresses) =>\n          set((state: RouteExecutionState) => {\n            const routes = { ...state.routes }\n            Object.keys(routes)\n              .filter((routeId) => {\n                const route = routes[routeId]\n                if (\n                  accountAddresses &&\n                  !accountAddresses.includes(route?.route.fromAddress ?? '')\n                ) {\n                  return false\n                }\n                return type === 'completed'\n                  ? hasEnumFlag(route?.status ?? 0, RouteExecutionStatus.Done)\n                  : type === 'failed'\n                    ? hasEnumFlag(\n                        route?.status ?? 0,\n                        RouteExecutionStatus.Failed\n                      )\n                    : !hasEnumFlag(\n                        route?.status ?? 0,\n                        RouteExecutionStatus.Done\n                      )\n              })\n              .forEach((routeId) => {\n                delete routes[routeId]\n              })\n            return {\n              routes,\n            }\n          }),\n        deleteRoute: (routeId: string) => {\n          if (get().routes[routeId]) {\n            set((state: RouteExecutionState) => {\n              const routes = { ...state.routes }\n              delete routes[routeId]\n              return {\n                routes,\n              }\n            })\n          }\n        },\n      }),\n      {\n        name: `${namePrefix || 'li.fi'}-widget-routes`,\n        // Bump version on breaking changes to the stored structure.\n        version: 4,\n        // Clear stored routes on any version mismatch to avoid errors from incompatible data shapes.\n        migrate: () => ({ routes: {} }),\n        partialize: (state) => ({ routes: state.routes }),\n        merge: (persistedState: any, currentState: RouteExecutionState) => {\n          const state = {\n            ...currentState,\n            ...persistedState,\n          } as RouteExecutionState\n          try {\n            // Keep only the most recent 100 routes, evicting the oldest when the\n            // limit is exceeded.\n            const maxStoredRoutes = 100\n            const allRoutes = Object.values(state.routes) as RouteExecution[]\n            const storedRoutes = allRoutes\n              .sort(\n                (a, b) =>\n                  (b.route.steps[0]?.execution?.startedAt ?? 0) -\n                  (a.route.steps[0]?.execution?.startedAt ?? 0)\n              )\n              .slice(0, maxStoredRoutes)\n            const keepIds = new Set(storedRoutes.map((r) => r.route.id))\n            for (const id of Object.keys(state.routes)) {\n              if (!keepIds.has(id)) {\n                delete state.routes[id]\n              }\n            }\n          } catch (error) {\n            console.error(error)\n          }\n          return state\n        },\n      }\n    )\n  )\n"],"mappings":";;;;;AAeA,MAAa,6BAA6B,EACxC,iBAEA,OAA4B,EAC1B,SACG,KAAK,SAAS;CACb,QAAQ,CAAC;CACT,qBAAqB,OAAc,uBAAkC;EACnE,IAAI,CAAC,IAAI,EAAE,OAAO,MAAM,KACtB,KAAK,UAA+B;GAClC,MAAM,SAAS,EAAE,GAAG,MAAM,OAAO;GAEjC,OAAO,KAAK,MAAM,EACf,QACE,YACC,CAAC,oBAAoB,SAAS,OAAO,KACrC,YACE,OAAO,SAAU,QAAA,CAEnB,CACJ,EACC,SAAS,YAAY;IACpB,OAAO,OAAO;GAChB,CAAC;GACH,OAAO,MAAM,MAAM;IACjB;IACA,QAAA;GACF;GACA,OAAO,EACL,OACF;EACF,CAAC;CAEL;CACA,cAAc,UAAyB;EACrC,IAAI,IAAI,EAAE,OAAO,MAAM,KACrB,KAAK,UAA+B;GAClC,MAAM,eAAe,EACnB,QAAQ;IACN,GAAG,MAAM;KACR,MAAM,KAAK;KAAE,GAAG,MAAM,OAAO,MAAM;KAAM;IAAM;GAClD,EACF;GAEA,IADiB,cAAc,KACpB,GAAG;IACZ,aAAa,OAAO,MAAM,IAAK,SAAA;IAE/B,OAAO;GACT;GAEA,IADe,YAAY,KAClB,GAAG;IACV,aAAa,OAAO,MAAM,IAAK,SAAA;IAE/B,IAAI,qBAAqB,KAAK,GAC5B,aAAa,OAAO,MAAM,IAAK,UAAA;SAE1B,IAAI,gBAAgB,KAAK,GAC9B,aAAa,OAAO,MAAM,IAAK,UAAA;IAGjC,OAAO;GACT;GAEA,IADkB,MAAM,MAAM,MAAM,SAAS,KAAK,SACtC,GACV,aAAa,OAAO,MAAM,IAAK,SAAA;GAGjC,OAAO;EACT,CAAC;CAEL;CACA,eAAe,MAAM,qBACnB,KAAK,UAA+B;EAClC,MAAM,SAAS,EAAE,GAAG,MAAM,OAAO;EACjC,OAAO,KAAK,MAAM,EACf,QAAQ,YAAY;GACnB,MAAM,QAAQ,OAAO;GACrB,IACE,oBACA,CAAC,iBAAiB,SAAS,OAAO,MAAM,eAAe,EAAE,GAEzD,OAAO;GAET,OAAO,SAAS,cACZ,YAAY,OAAO,UAAU,GAAA,CAA4B,IACzD,SAAS,WACP,YACE,OAAO,UAAU,GAAA,CAEnB,IACA,CAAC,YACC,OAAO,UAAU,GAAA,CAEnB;EACR,CAAC,EACA,SAAS,YAAY;GACpB,OAAO,OAAO;EAChB,CAAC;EACH,OAAO,EACL,OACF;CACF,CAAC;CACH,cAAc,YAAoB;EAChC,IAAI,IAAI,EAAE,OAAO,UACf,KAAK,UAA+B;GAClC,MAAM,SAAS,EAAE,GAAG,MAAM,OAAO;GACjC,OAAO,OAAO;GACd,OAAO,EACL,OACF;EACF,CAAC;CAEL;AACF,IACA;CACE,MAAM,GAAG,cAAc,QAAQ;CAE/B,SAAS;CAET,gBAAgB,EAAE,QAAQ,CAAC,EAAE;CAC7B,aAAa,WAAW,EAAE,QAAQ,MAAM,OAAO;CAC/C,QAAQ,gBAAqB,iBAAsC;EACjE,MAAM,QAAQ;GACZ,GAAG;GACH,GAAG;EACL;EACA,IAAI;GAKF,MAAM,eADY,OAAO,OAAO,MAAM,MACT,EAC1B,MACE,GAAG,OACD,EAAE,MAAM,MAAM,IAAI,WAAW,aAAa,MAC1C,EAAE,MAAM,MAAM,IAAI,WAAW,aAAa,EAC/C,EACC,MAAM,GAAG,GAAe;GAC3B,MAAM,UAAU,IAAI,IAAI,aAAa,KAAK,MAAM,EAAE,MAAM,EAAE,CAAC;GAC3D,KAAK,MAAM,MAAM,OAAO,KAAK,MAAM,MAAM,GACvC,IAAI,CAAC,QAAQ,IAAI,EAAE,GACjB,OAAO,MAAM,OAAO;EAG1B,SAAS,OAAO;GACd,QAAQ,MAAM,KAAK;EACrB;EACA,OAAO;CACT;AACF,CACF,CACF"}
+{"version":3,"file":"createRouteExecutionStore.js","names":[],"sources":["../../../../src/stores/routes/createRouteExecutionStore.ts"],"sourcesContent":["import type { Route, RouteExtended } from '@lifi/sdk'\nimport type { StoreApi, UseBoundStore } from 'zustand'\nimport { create } from 'zustand'\nimport { persist } from 'zustand/middleware'\nimport { hasEnumFlag } from '../../utils/enum.js'\nimport type { PersistStoreProps } from '../types.js'\nimport type { RouteExecution, RouteExecutionState } from './types.js'\nimport { RouteExecutionStatus } from './types.js'\nimport {\n  isRouteDone,\n  isRouteFailed,\n  isRoutePartiallyDone,\n  isRouteRefunded,\n} from './utils.js'\n\nexport const createRouteExecutionStore = ({\n  namePrefix,\n}: PersistStoreProps): UseBoundStore<StoreApi<RouteExecutionState>> =>\n  create<RouteExecutionState>()(\n    persist(\n      (set, get) => ({\n        routes: {},\n        setExecutableRoute: (route: Route, observableRouteIds?: string[]) => {\n          if (!get().routes[route.id]) {\n            set((state: RouteExecutionState) => {\n              const routes = { ...state.routes }\n              // clean previous idle routes\n              Object.keys(routes)\n                .filter(\n                  (routeId) =>\n                    !observableRouteIds?.includes(routeId) &&\n                    hasEnumFlag(\n                      routes[routeId]!.status,\n                      RouteExecutionStatus.Idle\n                    )\n                )\n                .forEach((routeId) => {\n                  delete routes[routeId]\n                })\n              routes[route.id] = {\n                route,\n                status: RouteExecutionStatus.Idle,\n              }\n              return {\n                routes,\n              }\n            })\n          }\n        },\n        updateRoute: (route: RouteExtended) => {\n          if (get().routes[route.id]) {\n            set((state: RouteExecutionState) => {\n              const updatedState = {\n                routes: {\n                  ...state.routes,\n                  [route.id]: { ...state.routes[route.id]!, route },\n                },\n              }\n              const isFailed = isRouteFailed(route)\n              if (isFailed) {\n                updatedState.routes[route.id]!.status =\n                  RouteExecutionStatus.Failed\n                return updatedState\n              }\n              const isDone = isRouteDone(route)\n              if (isDone) {\n                updatedState.routes[route.id]!.status =\n                  RouteExecutionStatus.Done\n                if (isRoutePartiallyDone(route)) {\n                  updatedState.routes[route.id]!.status |=\n                    RouteExecutionStatus.Partial\n                } else if (isRouteRefunded(route)) {\n                  updatedState.routes[route.id]!.status |=\n                    RouteExecutionStatus.Refunded\n                }\n                return updatedState\n              }\n              const isLoading = route.steps.some((step) => step.execution)\n              if (isLoading) {\n                updatedState.routes[route.id]!.status =\n                  RouteExecutionStatus.Pending\n              }\n              return updatedState\n            })\n          }\n        },\n        deleteRoutes: (type, accountAddresses) =>\n          set((state: RouteExecutionState) => {\n            const routes = { ...state.routes }\n            Object.keys(routes)\n              .filter((routeId) => {\n                const route = routes[routeId]\n                if (\n                  accountAddresses &&\n                  !accountAddresses.includes(route?.route.fromAddress ?? '')\n                ) {\n                  return false\n                }\n                return type === 'completed'\n                  ? hasEnumFlag(route?.status ?? 0, RouteExecutionStatus.Done)\n                  : type === 'failed'\n                    ? hasEnumFlag(\n                        route?.status ?? 0,\n                        RouteExecutionStatus.Failed\n                      )\n                    : !hasEnumFlag(\n                        route?.status ?? 0,\n                        RouteExecutionStatus.Done\n                      )\n              })\n              .forEach((routeId) => {\n                delete routes[routeId]\n              })\n            return {\n              routes,\n            }\n          }),\n        deleteRoute: (routeId: string) => {\n          if (get().routes[routeId]) {\n            set((state: RouteExecutionState) => {\n              const routes = { ...state.routes }\n              delete routes[routeId]\n              return {\n                routes,\n              }\n            })\n          }\n        },\n      }),\n      {\n        name: `${namePrefix || 'li.fi'}-widget-routes`,\n        // Bump version on breaking changes to the stored structure.\n        version: 4,\n        // Clear stored routes on any version mismatch to avoid errors from incompatible data shapes.\n        migrate: () => ({ routes: {} }),\n        partialize: (state) => ({ routes: state.routes }),\n        merge: (persistedState: any, currentState: RouteExecutionState) => {\n          const state = {\n            ...currentState,\n            ...persistedState,\n          } as RouteExecutionState\n          try {\n            // Keep only the most recent 100 routes, evicting the oldest when the\n            // limit is exceeded.\n            const maxStoredRoutes = 100\n            const allRoutes = Object.values(state.routes) as RouteExecution[]\n            const storedRoutes = allRoutes\n              .sort(\n                (a, b) =>\n                  (b.route.steps[0]?.execution?.startedAt ?? 0) -\n                  (a.route.steps[0]?.execution?.startedAt ?? 0)\n              )\n              .slice(0, maxStoredRoutes)\n            const keepIds = new Set(storedRoutes.map((r) => r.route.id))\n            for (const id of Object.keys(state.routes)) {\n              if (!keepIds.has(id)) {\n                delete state.routes[id]\n              }\n            }\n          } catch (error) {\n            console.error(error)\n          }\n          return state\n        },\n      }\n    )\n  )\n"],"mappings":"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"}

package/dist/esm/stores/routes/useIntermediateRoutesStore.js.map

@@ -1 +1 @@
-{"version":3,"file":"useIntermediateRoutesStore.js","names":[],"sources":["../../../../src/stores/routes/useIntermediateRoutesStore.ts"],"sourcesContent":["import type { Route } from '@lifi/sdk'\nimport type { StoreApi, UseBoundStore } from 'zustand'\nimport { create } from 'zustand'\n\ninterface IntermediateRoutesState {\n  intermediateRoutes: Record<string, Route[] | undefined>\n  setIntermediateRoutes: (\n    key: readonly unknown[],\n    routes: Route[] | undefined\n  ) => void\n  getIntermediateRoutes: (key: readonly unknown[]) => Route[] | undefined\n}\n\nexport const useIntermediateRoutesStore: UseBoundStore<\n  StoreApi<IntermediateRoutesState>\n> = create<IntermediateRoutesState>((set, get) => ({\n  intermediateRoutes: {},\n  setIntermediateRoutes: (key, routes) => {\n    const stringKey = JSON.stringify(key)\n    // Create a new state with only the current key\n    const newRoutesByKey: Record<string, Route[] | undefined> = {}\n    newRoutesByKey[stringKey] = routes\n    set({ intermediateRoutes: newRoutesByKey })\n  },\n  getIntermediateRoutes: (key) => {\n    const stringKey = JSON.stringify(key)\n    return get().intermediateRoutes[stringKey]\n  },\n}))\n"],"mappings":";;AAaA,MAAa,6BAET,QAAiC,KAAK,SAAS;CACjD,oBAAoB,CAAC;CACrB,wBAAwB,KAAK,WAAW;EACtC,MAAM,YAAY,KAAK,UAAU,GAAG;EAEpC,MAAM,iBAAsD,CAAC;EAC7D,eAAe,aAAa;EAC5B,IAAI,EAAE,oBAAoB,eAAe,CAAC;CAC5C;CACA,wBAAwB,QAAQ;EAC9B,MAAM,YAAY,KAAK,UAAU,GAAG;EACpC,OAAO,IAAI,EAAE,mBAAmB;CAClC;AACF,EAAE"}
+{"version":3,"file":"useIntermediateRoutesStore.js","names":[],"sources":["../../../../src/stores/routes/useIntermediateRoutesStore.ts"],"sourcesContent":["import type { Route } from '@lifi/sdk'\nimport type { StoreApi, UseBoundStore } from 'zustand'\nimport { create } from 'zustand'\n\ninterface IntermediateRoutesState {\n  intermediateRoutes: Record<string, Route[] | undefined>\n  setIntermediateRoutes: (\n    key: readonly unknown[],\n    routes: Route[] | undefined\n  ) => void\n  getIntermediateRoutes: (key: readonly unknown[]) => Route[] | undefined\n}\n\nexport const useIntermediateRoutesStore: UseBoundStore<\n  StoreApi<IntermediateRoutesState>\n> = create<IntermediateRoutesState>((set, get) => ({\n  intermediateRoutes: {},\n  setIntermediateRoutes: (key, routes) => {\n    const stringKey = JSON.stringify(key)\n    // Create a new state with only the current key\n    const newRoutesByKey: Record<string, Route[] | undefined> = {}\n    newRoutesByKey[stringKey] = routes\n    set({ intermediateRoutes: newRoutesByKey })\n  },\n  getIntermediateRoutes: (key) => {\n    const stringKey = JSON.stringify(key)\n    return get().intermediateRoutes[stringKey]\n  },\n}))\n"],"mappings":";;AAaA,MAAa,6BAET,QAAiC,KAAK,SAAS;CACjD,oBAAoB,CAAC;CACrB,wBAAwB,KAAK,WAAW;EACtC,MAAM,YAAY,KAAK,UAAU,GAAG;EAEpC,MAAM,iBAAsD,CAAC;EAC7D,eAAe,aAAa;EAC5B,IAAI,EAAE,oBAAoB,eAAe,CAAC;CAC5C;CACA,wBAAwB,QAAQ;EAC9B,MAAM,YAAY,KAAK,UAAU,GAAG;EACpC,OAAO,IAAI,CAAC,CAAC,mBAAmB;CAClC;AACF,EAAE"}

package/dist/esm/stores/routes/useRouteExecutionIndicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"useRouteExecutionIndicator.js","names":[],"sources":["../../../../src/stores/routes/useRouteExecutionIndicator.ts"],"sourcesContent":["import { useAccount } from '@lifi/wallet-management'\nimport { useCallback, useMemo } from 'react'\nimport { useRouteExecutionStore } from './RouteExecutionStore.js'\nimport type { RouteExecution, RouteExecutionState } from './types.js'\nimport { RouteExecutionStatus } from './types.js'\n\nexport type RouteExecutionIndicator = {\n  failed: boolean\n  active: boolean\n}\n\nconst isRecentTransaction = (route: RouteExecution): boolean => {\n  const startedAt = route.route.steps[0]?.execution?.startedAt ?? 0\n  return startedAt > 0 && Date.now() - startedAt < 1000 * 60 * 60 * 24 // 1 day\n}\n\nexport const useRouteExecutionIndicator = (): RouteExecutionIndicator => {\n  const { accounts } = useAccount()\n  const accountAddresses = useMemo(\n    () => accounts.map((account) => account.address),\n    [accounts]\n  )\n  const selector = useCallback(\n    (state: RouteExecutionState): RouteExecutionIndicator => {\n      const routes = Object.values(state.routes) as RouteExecution[]\n      const recentOwnedRoutes = routes.filter(\n        (route) =>\n          accountAddresses.includes(route.route.fromAddress) &&\n          isRecentTransaction(route)\n      )\n      return {\n        failed: recentOwnedRoutes.some(\n          (r) => r.status === RouteExecutionStatus.Failed\n        ),\n        active: recentOwnedRoutes.some(\n          (r) => r.status === RouteExecutionStatus.Pending\n        ),\n      }\n    },\n    [accountAddresses]\n  )\n  return useRouteExecutionStore(selector)\n}\n"],"mappings":";;;;AAWA,MAAM,uBAAuB,UAAmC;CAC9D,MAAM,YAAY,MAAM,MAAM,MAAM,IAAI,WAAW,aAAa;CAChE,OAAO,YAAY,KAAK,KAAK,IAAI,IAAI,YAAY,MAAO,KAAK,KAAK;AACpE;AAEA,MAAa,mCAA4D;CACvE,MAAM,EAAE,aAAa,WAAW;CAChC,MAAM,mBAAmB,cACjB,SAAS,KAAK,YAAY,QAAQ,OAAO,GAC/C,CAAC,QAAQ,CACX;CAoBA,OAAO,uBAnBU,aACd,UAAwD;EAEvD,MAAM,oBADS,OAAO,OAAO,MAAM,MACJ,EAAE,QAC9B,UACC,iBAAiB,SAAS,MAAM,MAAM,WAAW,KACjD,oBAAoB,KAAK,CAC7B;EACA,OAAO;GACL,QAAQ,kBAAkB,MACvB,MAAM,EAAE,WAAA,CACX;GACA,QAAQ,kBAAkB,MACvB,MAAM,EAAE,WAAA,CACX;EACF;CACF,GACA,CAAC,gBAAgB,CAEkB,CAAC;AACxC"}
+{"version":3,"file":"useRouteExecutionIndicator.js","names":[],"sources":["../../../../src/stores/routes/useRouteExecutionIndicator.ts"],"sourcesContent":["import { useAccount } from '@lifi/wallet-management'\nimport { useCallback, useMemo } from 'react'\nimport { useRouteExecutionStore } from './RouteExecutionStore.js'\nimport type { RouteExecution, RouteExecutionState } from './types.js'\nimport { RouteExecutionStatus } from './types.js'\n\nexport type RouteExecutionIndicator = {\n  failed: boolean\n  active: boolean\n}\n\nconst isRecentTransaction = (route: RouteExecution): boolean => {\n  const startedAt = route.route.steps[0]?.execution?.startedAt ?? 0\n  return startedAt > 0 && Date.now() - startedAt < 1000 * 60 * 60 * 24 // 1 day\n}\n\nexport const useRouteExecutionIndicator = (): RouteExecutionIndicator => {\n  const { accounts } = useAccount()\n  const accountAddresses = useMemo(\n    () => accounts.map((account) => account.address),\n    [accounts]\n  )\n  const selector = useCallback(\n    (state: RouteExecutionState): RouteExecutionIndicator => {\n      const routes = Object.values(state.routes) as RouteExecution[]\n      const recentOwnedRoutes = routes.filter(\n        (route) =>\n          accountAddresses.includes(route.route.fromAddress) &&\n          isRecentTransaction(route)\n      )\n      return {\n        failed: recentOwnedRoutes.some(\n          (r) => r.status === RouteExecutionStatus.Failed\n        ),\n        active: recentOwnedRoutes.some(\n          (r) => r.status === RouteExecutionStatus.Pending\n        ),\n      }\n    },\n    [accountAddresses]\n  )\n  return useRouteExecutionStore(selector)\n}\n"],"mappings":";;;;AAWA,MAAM,uBAAuB,UAAmC;CAC9D,MAAM,YAAY,MAAM,MAAM,MAAM,EAAE,EAAE,WAAW,aAAa;CAChE,OAAO,YAAY,KAAK,KAAK,IAAI,IAAI,YAAY,MAAO,KAAK,KAAK;AACpE;AAEA,MAAa,mCAA4D;CACvE,MAAM,EAAE,aAAa,WAAW;CAChC,MAAM,mBAAmB,cACjB,SAAS,KAAK,YAAY,QAAQ,OAAO,GAC/C,CAAC,QAAQ,CACX;CAoBA,OAAO,uBAnBU,aACd,UAAwD;EAEvD,MAAM,oBADS,OAAO,OAAO,MAAM,MACJ,CAAC,CAAC,QAC9B,UACC,iBAAiB,SAAS,MAAM,MAAM,WAAW,KACjD,oBAAoB,KAAK,CAC7B;EACA,OAAO;GACL,QAAQ,kBAAkB,MACvB,MAAM,EAAE,WAAA,CACX;GACA,QAAQ,kBAAkB,MACvB,MAAM,EAAE,WAAA,CACX;EACF;CACF,GACA,CAAC,gBAAgB,CAEkB,CAAC;AACxC"}

package/dist/esm/stores/routes/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":[],"sources":["../../../../src/stores/routes/utils.ts"],"sourcesContent":["import type { ExecutionAction, RouteExtended } from '@lifi/sdk'\nimport microdiff from 'microdiff'\n\nexport const isRouteDone = (route: RouteExtended): boolean => {\n  return route.steps.every((step) => step.execution?.status === 'DONE')\n}\n\nexport const isRoutePartiallyDone = (route: RouteExtended): boolean => {\n  return route.steps.some((step) =>\n    step.execution?.actions?.some((action) => action.substatus === 'PARTIAL')\n  )\n}\n\nexport const isRouteRefunded = (route: RouteExtended): boolean => {\n  return route.steps.some((step) =>\n    step.execution?.actions?.some((action) => action.substatus === 'REFUNDED')\n  )\n}\n\nexport const isRouteFailed = (route: RouteExtended): boolean => {\n  return route.steps.some((step) => step.execution?.status === 'FAILED')\n}\n\nexport const isRouteActive = (route?: RouteExtended): boolean => {\n  if (!route) {\n    return false\n  }\n  const isDone = isRouteDone(route)\n  const isFailed = isRouteFailed(route)\n  const alreadyStarted = route.steps.some((step) => step.execution)\n  return !isDone && !isFailed && alreadyStarted\n}\n\nexport const getUpdatedAction = (\n  currentRoute: RouteExtended,\n  updatedRoute: RouteExtended\n): ExecutionAction | undefined => {\n  const actionDiff = microdiff(currentRoute, updatedRoute).find((diff) =>\n    diff.path.includes('actions')\n  )\n  if (!actionDiff) {\n    return undefined\n  }\n  // Find action index in the diff array so we can slice the complete action object\n  // e.g. ['steps', 0, 'execution', 'actions', 0, 'message']\n  const actionDiffIndex = actionDiff.path.indexOf('actions') + 2\n  const actionPathSlice = actionDiff.path.slice(0, actionDiffIndex)\n  // Reduce updated route using the diff path to get updated process\n  const action = actionPathSlice.reduce(\n    (obj, path) => obj[path],\n    updatedRoute as any\n  ) as ExecutionAction\n  return action\n}\n\nexport const getSourceTxHash = (route?: RouteExtended): string | undefined => {\n  const sourceAction = route?.steps[0].execution?.actions\n    ?.filter(\n      (action) => !['RESET_ALLOWANCE', 'SET_ALLOWANCE'].includes(action.type)\n    )\n    .find((action) => action.txHash || action.taskId)\n  return sourceAction?.txHash || sourceAction?.taskId\n}\n"],"mappings":";;AAGA,MAAa,eAAe,UAAkC;CAC5D,OAAO,MAAM,MAAM,OAAO,SAAS,KAAK,WAAW,WAAW,MAAM;AACtE;AAEA,MAAa,wBAAwB,UAAkC;CACrE,OAAO,MAAM,MAAM,MAAM,SACvB,KAAK,WAAW,SAAS,MAAM,WAAW,OAAO,cAAc,SAAS,CAC1E;AACF;AAEA,MAAa,mBAAmB,UAAkC;CAChE,OAAO,MAAM,MAAM,MAAM,SACvB,KAAK,WAAW,SAAS,MAAM,WAAW,OAAO,cAAc,UAAU,CAC3E;AACF;AAEA,MAAa,iBAAiB,UAAkC;CAC9D,OAAO,MAAM,MAAM,MAAM,SAAS,KAAK,WAAW,WAAW,QAAQ;AACvE;AAEA,MAAa,iBAAiB,UAAmC;CAC/D,IAAI,CAAC,OACH,OAAO;CAET,MAAM,SAAS,YAAY,KAAK;CAChC,MAAM,WAAW,cAAc,KAAK;CACpC,MAAM,iBAAiB,MAAM,MAAM,MAAM,SAAS,KAAK,SAAS;CAChE,OAAO,CAAC,UAAU,CAAC,YAAY;AACjC;AAEA,MAAa,oBACX,cACA,iBACgC;CAChC,MAAM,aAAa,UAAU,cAAc,YAAY,EAAE,MAAM,SAC7D,KAAK,KAAK,SAAS,SAAS,CAC9B;CACA,IAAI,CAAC,YACH;CAIF,MAAM,kBAAkB,WAAW,KAAK,QAAQ,SAAS,IAAI;CAO7D,OANwB,WAAW,KAAK,MAAM,GAAG,eAEpB,EAAE,QAC5B,KAAK,SAAS,IAAI,OACnB,YAEU;AACd;AAEA,MAAa,mBAAmB,UAA8C;CAC5E,MAAM,eAAe,OAAO,MAAM,GAAG,WAAW,SAC5C,QACC,WAAW,CAAC,CAAC,mBAAmB,eAAe,EAAE,SAAS,OAAO,IAAI,CACxE,EACC,MAAM,WAAW,OAAO,UAAU,OAAO,MAAM;CAClD,OAAO,cAAc,UAAU,cAAc;AAC/C"}
+{"version":3,"file":"utils.js","names":[],"sources":["../../../../src/stores/routes/utils.ts"],"sourcesContent":["import type { ExecutionAction, RouteExtended } from '@lifi/sdk'\nimport microdiff from 'microdiff'\n\nexport const isRouteDone = (route: RouteExtended): boolean => {\n  return route.steps.every((step) => step.execution?.status === 'DONE')\n}\n\nexport const isRoutePartiallyDone = (route: RouteExtended): boolean => {\n  return route.steps.some((step) =>\n    step.execution?.actions?.some((action) => action.substatus === 'PARTIAL')\n  )\n}\n\nexport const isRouteRefunded = (route: RouteExtended): boolean => {\n  return route.steps.some((step) =>\n    step.execution?.actions?.some((action) => action.substatus === 'REFUNDED')\n  )\n}\n\nexport const isRouteFailed = (route: RouteExtended): boolean => {\n  return route.steps.some((step) => step.execution?.status === 'FAILED')\n}\n\nexport const isRouteActive = (route?: RouteExtended): boolean => {\n  if (!route) {\n    return false\n  }\n  const isDone = isRouteDone(route)\n  const isFailed = isRouteFailed(route)\n  const alreadyStarted = route.steps.some((step) => step.execution)\n  return !isDone && !isFailed && alreadyStarted\n}\n\nexport const getUpdatedAction = (\n  currentRoute: RouteExtended,\n  updatedRoute: RouteExtended\n): ExecutionAction | undefined => {\n  const actionDiff = microdiff(currentRoute, updatedRoute).find((diff) =>\n    diff.path.includes('actions')\n  )\n  if (!actionDiff) {\n    return undefined\n  }\n  // Find action index in the diff array so we can slice the complete action object\n  // e.g. ['steps', 0, 'execution', 'actions', 0, 'message']\n  const actionDiffIndex = actionDiff.path.indexOf('actions') + 2\n  const actionPathSlice = actionDiff.path.slice(0, actionDiffIndex)\n  // Reduce updated route using the diff path to get updated process\n  const action = actionPathSlice.reduce(\n    (obj, path) => obj[path],\n    updatedRoute as any\n  ) as ExecutionAction\n  return action\n}\n\nexport const getSourceTxHash = (route?: RouteExtended): string | undefined => {\n  const sourceAction = route?.steps[0].execution?.actions\n    ?.filter(\n      (action) => !['RESET_ALLOWANCE', 'SET_ALLOWANCE'].includes(action.type)\n    )\n    .find((action) => action.txHash || action.taskId)\n  return sourceAction?.txHash || sourceAction?.taskId\n}\n"],"mappings":";;AAGA,MAAa,eAAe,UAAkC;CAC5D,OAAO,MAAM,MAAM,OAAO,SAAS,KAAK,WAAW,WAAW,MAAM;AACtE;AAEA,MAAa,wBAAwB,UAAkC;CACrE,OAAO,MAAM,MAAM,MAAM,SACvB,KAAK,WAAW,SAAS,MAAM,WAAW,OAAO,cAAc,SAAS,CAC1E;AACF;AAEA,MAAa,mBAAmB,UAAkC;CAChE,OAAO,MAAM,MAAM,MAAM,SACvB,KAAK,WAAW,SAAS,MAAM,WAAW,OAAO,cAAc,UAAU,CAC3E;AACF;AAEA,MAAa,iBAAiB,UAAkC;CAC9D,OAAO,MAAM,MAAM,MAAM,SAAS,KAAK,WAAW,WAAW,QAAQ;AACvE;AAEA,MAAa,iBAAiB,UAAmC;CAC/D,IAAI,CAAC,OACH,OAAO;CAET,MAAM,SAAS,YAAY,KAAK;CAChC,MAAM,WAAW,cAAc,KAAK;CACpC,MAAM,iBAAiB,MAAM,MAAM,MAAM,SAAS,KAAK,SAAS;CAChE,OAAO,CAAC,UAAU,CAAC,YAAY;AACjC;AAEA,MAAa,oBACX,cACA,iBACgC;CAChC,MAAM,aAAa,UAAU,cAAc,YAAY,CAAC,CAAC,MAAM,SAC7D,KAAK,KAAK,SAAS,SAAS,CAC9B;CACA,IAAI,CAAC,YACH;CAIF,MAAM,kBAAkB,WAAW,KAAK,QAAQ,SAAS,IAAI;CAO7D,OANwB,WAAW,KAAK,MAAM,GAAG,eAEpB,CAAC,CAAC,QAC5B,KAAK,SAAS,IAAI,OACnB,YAEU;AACd;AAEA,MAAa,mBAAmB,UAA8C;CAC5E,MAAM,eAAe,OAAO,MAAM,EAAE,CAAC,WAAW,SAC5C,QACC,WAAW,CAAC,CAAC,mBAAmB,eAAe,CAAC,CAAC,SAAS,OAAO,IAAI,CACxE,CAAC,CACA,MAAM,WAAW,OAAO,UAAU,OAAO,MAAM;CAClD,OAAO,cAAc,UAAU,cAAc;AAC/C"}

package/dist/esm/stores/settings/SettingsStore.js

@@ -1,5 +1,5 @@
 import { createSettingsStore } from "./createSettingsStore.js";
-import { createContext, useContext, useRef } from "react";
+import { createContext, use, useRef } from "react";
 import { useShallow } from "zustand/shallow";
 import { jsx } from "react/jsx-runtime";
 //#region src/stores/settings/SettingsStore.tsx
@@ -7,13 +7,13 @@ const SettingsStoreContext = createContext(null);
 const SettingsStoreProvider = ({ children, config }) => {
 	const storeRef = useRef(null);
 	if (!storeRef.current) storeRef.current = createSettingsStore(config);
-	return /* @__PURE__ */ jsx(SettingsStoreContext.Provider, {
+	return /* @__PURE__ */ jsx(SettingsStoreContext, {
 		value: storeRef.current,
 		children
 	});
 };
 function useSettingsStoreContext() {
-	const useStore = useContext(SettingsStoreContext);
+	const useStore = use(SettingsStoreContext);
 	if (!useStore) throw new Error("You forgot to wrap your component in SettingsStoreContext.");
 	return useStore;
 }

package/dist/esm/stores/settings/SettingsStore.js.map

@@ -1 +1 @@
-{"version":3,"file":"SettingsStore.js","names":[],"sources":["../../../../src/stores/settings/SettingsStore.tsx"],"sourcesContent":["import {\n  createContext,\n  type JSX,\n  type PropsWithChildren,\n  useContext,\n  useRef,\n} from 'react'\nimport type { StoreApi, UseBoundStore } from 'zustand'\nimport { useShallow } from 'zustand/shallow'\nimport { createSettingsStore } from './createSettingsStore.js'\nimport type { SettingsState, SettingsStoreProviderProps } from './types.js'\n\ntype SettingsStore = UseBoundStore<StoreApi<SettingsState>>\n\nconst SettingsStoreContext = createContext<SettingsStore | null>(null)\n\nexport const SettingsStoreProvider = ({\n  children,\n  config,\n}: PropsWithChildren<SettingsStoreProviderProps>): JSX.Element => {\n  const storeRef = useRef<SettingsStore>(null)\n  if (!storeRef.current) {\n    storeRef.current = createSettingsStore(config)\n  }\n  return (\n    <SettingsStoreContext.Provider value={storeRef.current}>\n      {children}\n    </SettingsStoreContext.Provider>\n  )\n}\n\nexport function useSettingsStoreContext(): any {\n  const useStore = useContext(SettingsStoreContext)\n  if (!useStore) {\n    throw new Error(\n      'You forgot to wrap your component in SettingsStoreContext.'\n    )\n  }\n  return useStore\n}\n\nexport function useSettingsStore<T>(selector: (state: SettingsState) => T): T {\n  const useStore = useSettingsStoreContext()\n  return useStore(useShallow(selector))\n}\n"],"mappings":";;;;;AAcA,MAAM,uBAAuB,cAAoC,IAAI;AAErE,MAAa,yBAAyB,EACpC,UACA,aACgE;CAChE,MAAM,WAAW,OAAsB,IAAI;CAC3C,IAAI,CAAC,SAAS,SACZ,SAAS,UAAU,oBAAoB,MAAM;CAE/C,OACE,oBAAC,qBAAqB,UAAtB;EAA+B,OAAO,SAAS;EAC5C;CAC4B,CAAA;AAEnC;AAEA,SAAgB,0BAA+B;CAC7C,MAAM,WAAW,WAAW,oBAAoB;CAChD,IAAI,CAAC,UACH,MAAM,IAAI,MACR,4DACF;CAEF,OAAO;AACT;AAEA,SAAgB,iBAAoB,UAA0C;CAE5E,OADiB,wBACH,EAAE,WAAW,QAAQ,CAAC;AACtC"}
+{"version":3,"file":"SettingsStore.js","names":[],"sources":["../../../../src/stores/settings/SettingsStore.tsx"],"sourcesContent":["import {\n  createContext,\n  type JSX,\n  type PropsWithChildren,\n  use,\n  useRef,\n} from 'react'\nimport type { StoreApi, UseBoundStore } from 'zustand'\nimport { useShallow } from 'zustand/shallow'\nimport { createSettingsStore } from './createSettingsStore.js'\nimport type { SettingsState, SettingsStoreProviderProps } from './types.js'\n\ntype SettingsStore = UseBoundStore<StoreApi<SettingsState>>\n\nconst SettingsStoreContext = createContext<SettingsStore | null>(null)\n\nexport const SettingsStoreProvider = ({\n  children,\n  config,\n}: PropsWithChildren<SettingsStoreProviderProps>): JSX.Element => {\n  const storeRef = useRef<SettingsStore>(null)\n  if (!storeRef.current) {\n    storeRef.current = createSettingsStore(config)\n  }\n  return (\n    <SettingsStoreContext value={storeRef.current}>\n      {children}\n    </SettingsStoreContext>\n  )\n}\n\nexport function useSettingsStoreContext(): any {\n  const useStore = use(SettingsStoreContext)\n  if (!useStore) {\n    throw new Error(\n      'You forgot to wrap your component in SettingsStoreContext.'\n    )\n  }\n  return useStore\n}\n\nexport function useSettingsStore<T>(selector: (state: SettingsState) => T): T {\n  const useStore = useSettingsStoreContext()\n  return useStore(useShallow(selector))\n}\n"],"mappings":";;;;;AAcA,MAAM,uBAAuB,cAAoC,IAAI;AAErE,MAAa,yBAAyB,EACpC,UACA,aACgE;CAChE,MAAM,WAAW,OAAsB,IAAI;CAC3C,IAAI,CAAC,SAAS,SACZ,SAAS,UAAU,oBAAoB,MAAM;CAE/C,OACE,oBAAC,sBAAD;EAAsB,OAAO,SAAS;EACnC;CACmB,CAAA;AAE1B;AAEA,SAAgB,0BAA+B;CAC7C,MAAM,WAAW,IAAI,oBAAoB;CACzC,IAAI,CAAC,UACH,MAAM,IAAI,MACR,4DACF;CAEF,OAAO;AACT;AAEA,SAAgB,iBAAoB,UAA0C;CAE5E,OADiB,wBACH,CAAC,CAAC,WAAW,QAAQ,CAAC;AACtC"}

package/dist/esm/stores/settings/createSettingsStore.js

@@ -1,5 +1,6 @@
 import { allLanguages } from "../../providers/I18nProvider/constants.js";
 import { loadLocale } from "../../providers/I18nProvider/i18n.js";
+import { getConfigItemSets, isItemAllowedForSets } from "../../utils/item.js";
 import { SettingsToolTypes } from "./types.js";
 import { getStateValues } from "./utils/getStateValues.js";
 import { create } from "zustand";
@@ -20,106 +21,131 @@ const defaultSettings = {
 	_enabledExchanges: {},
 	smallBalanceThreshold: void 0
 };
-const createSettingsStore = (config) => create()(persist((set, get) => ({
-	...defaultSettings,
-	setValue: (key, value) => set(() => ({ [key]: value })),
-	setValues: (values) => set(() => ({ ...values })),
-	getSettings: () => getStateValues(get()),
-	getValue: (key) => get()[key],
-	initializeTools: (toolType, tools, reset) => {
-		if (!tools.length) return;
-		set((state) => {
-			const updatedState = { ...state };
-			if (!reset) {
-				tools.forEach((tool) => {
-					if (!Object.hasOwn(updatedState[`_enabled${toolType}`], tool)) updatedState[`_enabled${toolType}`][tool] = true;
-				});
-				updatedState[`_enabled${toolType}`] = Object.fromEntries(Object.entries(updatedState[`_enabled${toolType}`]).filter(([key]) => tools.includes(key)));
-			} else tools.forEach((tool) => {
-				updatedState[`_enabled${toolType}`][tool] = true;
-			});
-			const enabledToolKeys = Object.keys(updatedState[`_enabled${toolType}`]);
-			updatedState[`enabled${toolType}`] = enabledToolKeys.filter((key) => updatedState[`_enabled${toolType}`][key]);
-			updatedState[`disabled${toolType}`] = enabledToolKeys.filter((key) => !updatedState[`_enabled${toolType}`][key]);
-			return updatedState;
-		});
-	},
-	setToolValue: (toolType, tool, value) => set((state) => {
-		const enabledTools = {
-			...state[`_enabled${toolType}`],
-			[tool]: value
-		};
-		const enabledToolKeys = Object.keys(enabledTools);
+const createSettingsStore = (config) => {
+	const configItemsByToolType = {
+		Bridges: config.bridges,
+		Exchanges: config.exchanges
+	};
+	const buildToolState = (toolType, enabledMap) => {
+		const configItemSets = getConfigItemSets(configItemsByToolType[toolType], (items) => new Set(items));
+		const allowed = Object.fromEntries(Object.entries(enabledMap).filter(([key]) => isItemAllowedForSets(key, configItemSets)));
+		const keys = Object.keys(allowed);
 		return {
-			[`_enabled${toolType}`]: enabledTools,
-			[`enabled${toolType}`]: enabledToolKeys.filter((key) => enabledTools[key]),
-			[`disabled${toolType}`]: enabledToolKeys.filter((key) => !enabledTools[key])
-		};
-	}),
-	toggleToolKeys: (toolType, toolKeys) => set((state) => {
-		const allKeysInCollectionEnabled = toolKeys.every((toolKey) => state[`_enabled${toolType}`][toolKey]);
-		const updatedTools = toolKeys.reduce((accum, toolKey) => {
-			accum[toolKey] = !allKeysInCollectionEnabled;
-			return accum;
-		}, { ...state[`_enabled${toolType}`] });
-		const enableKeys = [];
-		const disabledKeys = [];
-		Object.entries(updatedTools).forEach(([key, value]) => {
-			if (value) enableKeys.push(key);
-			else disabledKeys.push(key);
-		});
-		return {
-			[`_enabled${toolType}`]: updatedTools,
-			[`enabled${toolType}`]: enableKeys,
-			[`disabled${toolType}`]: disabledKeys
-		};
-	}),
-	reset: (bridges, exchanges) => {
-		set(() => ({
-			...defaultSettings,
-			...defaultConfigurableSettings
-		}));
-		get().initializeTools("Bridges", bridges, true);
-		get().initializeTools("Exchanges", exchanges, true);
-		return { ...get() };
-	}
-}), {
-	name: "li.fi-widget-settings",
-	version: 6,
-	partialize: (state) => {
-		const { disabledBridges, disabledExchanges, enabledBridges, enabledExchanges, ...partializedState } = state;
-		return partializedState;
-	},
-	merge: (persistedState, currentState) => {
-		const state = {
-			...currentState,
-			...persistedState
+			[`_enabled${toolType}`]: allowed,
+			[`enabled${toolType}`]: keys.filter((key) => allowed[key]),
+			[`disabled${toolType}`]: keys.filter((key) => !allowed[key])
 		};
-		SettingsToolTypes.forEach((toolType) => {
-			if (persistedState?.[`_enabled${toolType}`]) {
-				const enabledToolKeys = Object.keys(persistedState[`_enabled${toolType}`]);
-				state[`enabled${toolType}`] = enabledToolKeys.filter((key) => persistedState[`_enabled${toolType}`][key]);
-				state[`disabled${toolType}`] = enabledToolKeys.filter((key) => !persistedState[`_enabled${toolType}`][key]);
-			}
-		});
-		return state;
-	},
-	migrate: () => ({}),
-	onRehydrateStorage: () => {
-		const initializeLanguageSettings = async (state, initialLanguage) => {
-			const customLanguages = Object.keys(config?.languageResources || {}).filter((key) => !allLanguages.includes(key));
-			if (initialLanguage && initialLanguage !== "en" && !customLanguages.includes(initialLanguage)) await loadLocale(initialLanguage, config?.languageResources?.[initialLanguage]).then((languageResource) => {
-				state.setValues({
-					language: initialLanguage,
-					languageCache: languageResource
+	};
+	const toEnabledMap = (keys = []) => Object.fromEntries(keys.map((key) => [key, true]));
+	const initialSettings = {
+		...defaultSettings,
+		...buildToolState("Bridges", toEnabledMap(config.bridges?.allow)),
+		...buildToolState("Exchanges", toEnabledMap(config.exchanges?.allow))
+	};
+	return create()(persist((set, get) => ({
+		...initialSettings,
+		setValue: (key, value) => set(() => ({ [key]: value })),
+		setValues: (values) => set(() => ({ ...values })),
+		getSettings: () => getStateValues(get()),
+		getValue: (key) => get()[key],
+		initializeTools: (toolType, tools, reset) => {
+			if (!tools.length) return;
+			set((state) => {
+				const updatedState = { ...state };
+				if (!reset) {
+					tools.forEach((tool) => {
+						if (!Object.hasOwn(updatedState[`_enabled${toolType}`], tool)) updatedState[`_enabled${toolType}`][tool] = true;
+					});
+					updatedState[`_enabled${toolType}`] = Object.fromEntries(Object.entries(updatedState[`_enabled${toolType}`]).filter(([key]) => tools.includes(key)));
+				} else tools.forEach((tool) => {
+					updatedState[`_enabled${toolType}`][tool] = true;
 				});
+				const enabledToolKeys = Object.keys(updatedState[`_enabled${toolType}`]);
+				updatedState[`enabled${toolType}`] = enabledToolKeys.filter((key) => updatedState[`_enabled${toolType}`][key]);
+				updatedState[`disabled${toolType}`] = enabledToolKeys.filter((key) => !updatedState[`_enabled${toolType}`][key]);
+				return updatedState;
 			});
-		};
-		return (state) => {
-			if (state) initializeLanguageSettings(state, state.getValue("language") || config?.languages?.default);
-		};
-	}
-}));
+		},
+		setToolValue: (toolType, tool, value) => set((state) => {
+			const enabledTools = {
+				...state[`_enabled${toolType}`],
+				[tool]: value
+			};
+			const enabledToolKeys = Object.keys(enabledTools);
+			return {
+				[`_enabled${toolType}`]: enabledTools,
+				[`enabled${toolType}`]: enabledToolKeys.filter((key) => enabledTools[key]),
+				[`disabled${toolType}`]: enabledToolKeys.filter((key) => !enabledTools[key])
+			};
+		}),
+		toggleToolKeys: (toolType, toolKeys) => set((state) => {
+			const allKeysInCollectionEnabled = toolKeys.every((toolKey) => state[`_enabled${toolType}`][toolKey]);
+			const updatedTools = toolKeys.reduce((accum, toolKey) => {
+				accum[toolKey] = !allKeysInCollectionEnabled;
+				return accum;
+			}, { ...state[`_enabled${toolType}`] });
+			const enableKeys = [];
+			const disabledKeys = [];
+			Object.entries(updatedTools).forEach(([key, value]) => {
+				if (value) enableKeys.push(key);
+				else disabledKeys.push(key);
+			});
+			return {
+				[`_enabled${toolType}`]: updatedTools,
+				[`enabled${toolType}`]: enableKeys,
+				[`disabled${toolType}`]: disabledKeys
+			};
+		}),
+		reset: (bridges, exchanges) => {
+			set(() => ({
+				...defaultSettings,
+				...defaultConfigurableSettings
+			}));
+			get().initializeTools("Bridges", bridges, true);
+			get().initializeTools("Exchanges", exchanges, true);
+			return { ...get() };
+		}
+	}), {
+		name: "li.fi-widget-settings",
+		version: 6,
+		partialize: (state) => {
+			const { disabledBridges, disabledExchanges, enabledBridges, enabledExchanges, ...partializedState } = state;
+			return partializedState;
+		},
+		merge: (persistedState, currentState) => {
+			const state = {
+				...currentState,
+				...persistedState
+			};
+			SettingsToolTypes.forEach((toolType) => {
+				const persistedEnabled = persistedState?.[`_enabled${toolType}`];
+				if (persistedEnabled) {
+					const allowMap = toEnabledMap(configItemsByToolType[toolType]?.allow);
+					Object.assign(state, buildToolState(toolType, {
+						...allowMap,
+						...persistedEnabled
+					}));
+				}
+			});
+			return state;
+		},
+		migrate: () => ({}),
+		onRehydrateStorage: () => {
+			const initializeLanguageSettings = async (state, initialLanguage) => {
+				const customLanguages = Object.keys(config?.languageResources || {}).filter((key) => !allLanguages.includes(key));
+				if (initialLanguage && initialLanguage !== "en" && !customLanguages.includes(initialLanguage)) await loadLocale(initialLanguage, config?.languageResources?.[initialLanguage]).then((languageResource) => {
+					state.setValues({
+						language: initialLanguage,
+						languageCache: languageResource
+					});
+				});
+			};
+			return (state) => {
+				if (state) initializeLanguageSettings(state, state.getValue("language") || config?.languages?.default);
+			};
+		}
+	}));
+};
 //#endregion
 export { createSettingsStore, defaultConfigurableSettings };