@lifi/widget 4.0.0-beta.9 → 4.1.0

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"useBookmarkActions.js","sourceRoot":"","sources":["../../../../src/stores/bookmarks/useBookmarkActions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAGrD,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,EAAE;IACrC,MAAM,OAAO,GAAG,gBAAgB,CAAkB,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QAC5D,WAAW,EAAE,KAAK,CAAC,WAAW;QAC9B,WAAW,EAAE,KAAK,CAAC,WAAW;QAC9B,cAAc,EAAE,KAAK,CAAC,cAAc;QACpC,mBAAmB,EAAE,KAAK,CAAC,mBAAmB;QAC9C,mBAAmB,EAAE,KAAK,CAAC,mBAAmB;QAC9C,eAAe,EAAE,KAAK,CAAC,eAAe;QACtC,kBAAkB,EAAE,KAAK,CAAC,kBAAkB;KAC7C,CAAC,CAAC,CAAA;IAEH,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA"}
+{"version":3,"file":"useBookmarkActions.js","names":[],"sources":["../../../../src/stores/bookmarks/useBookmarkActions.ts"],"sourcesContent":["import { useBookmarkStore } from './BookmarkStore.js'\nimport type { BookmarkActions } from './types.js'\n\nexport const useBookmarkActions = (): BookmarkActions => {\n  const actions = useBookmarkStore<BookmarkActions>((store) => ({\n    getBookmark: store.getBookmark,\n    addBookmark: store.addBookmark,\n    removeBookmark: store.removeBookmark,\n    setSelectedBookmark: store.setSelectedBookmark,\n    getSelectedBookmark: store.getSelectedBookmark,\n    addRecentWallet: store.addRecentWallet,\n    removeRecentWallet: store.removeRecentWallet,\n  }))\n\n  return actions\n}\n"],"mappings":";;AAGA,MAAa,2BAA4C;CAWvD,OAVgB,kBAAmC,WAAW;EAC5D,aAAa,MAAM;EACnB,aAAa,MAAM;EACnB,gBAAgB,MAAM;EACtB,qBAAqB,MAAM;EAC3B,qBAAqB,MAAM;EAC3B,iBAAiB,MAAM;EACvB,oBAAoB,MAAM;CAC5B,EAEa;AACf"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"useBookmarks.js","sourceRoot":"","sources":["../../../../src/stores/bookmarks/useBookmarks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAGrD,MAAM,CAAC,MAAM,YAAY,GAAG,GAAkB,EAAE;IAC9C,MAAM,CAAC,SAAS,EAAE,gBAAgB,EAAE,aAAa,CAAC,GAAG,gBAAgB,CACnE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,gBAAgB,EAAE,KAAK,CAAC,aAAa,CAAC,CAC1E,CAAA;IAED,OAAO;QACL,SAAS;QACT,gBAAgB;QAChB,aAAa;KACd,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"useBookmarks.js","names":[],"sources":["../../../../src/stores/bookmarks/useBookmarks.ts"],"sourcesContent":["import { useBookmarkStore } from './BookmarkStore.js'\nimport type { BookmarkProps } from './types.js'\n\nexport const useBookmarks = (): BookmarkProps => {\n  const [bookmarks, selectedBookmark, recentWallets] = useBookmarkStore(\n    (store) => [store.bookmarks, store.selectedBookmark, store.recentWallets]\n  )\n\n  return {\n    bookmarks,\n    selectedBookmark,\n    recentWallets,\n  }\n}\n"],"mappings":";;AAGA,MAAa,qBAAoC;CAC/C,MAAM,CAAC,WAAW,kBAAkB,iBAAiB,kBAClD,UAAU;EAAC,MAAM;EAAW,MAAM;EAAkB,MAAM;CAAa,CAC1E;CAEA,OAAO;EACL;EACA;EACA;CACF;AACF"}

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

@@ -1,119 +1,82 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useContext, useEffect, useRef } from 'react';
-import { useShallow } from 'zustand/shallow';
-import { useChains } from '../../hooks/useChains.js';
-import { useSwapOnly } from '../../hooks/useSwapOnly.js';
-import { useExternalWalletProvider } from '../../providers/WalletProvider/useExternalWalletProvider.js';
-import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js';
-import { HiddenUI } from '../../types/widget.js';
-import { getConfigItemSets, isItemAllowedForSets } from '../../utils/item.js';
-import { getDefaultValuesFromQueryString } from '../form/getDefaultValuesFromQueryString.js';
-import { useFieldActions } from '../form/useFieldActions.js';
-import { createChainOrderStore } from './createChainOrderStore.js';
+import { getConfigItemSets, isItemAllowedForSets } from "../../utils/item.js";
+import { useWidgetConfig } from "../../providers/WidgetProvider/WidgetProvider.js";
+import { useSwapOnly } from "../../hooks/useSwapOnly.js";
+import { useChains } from "../../hooks/useChains.js";
+import { useFieldActions } from "../form/useFieldActions.js";
+import { useExternalWalletProvider } from "../../providers/WalletProvider/useExternalWalletProvider.js";
+import { getDefaultValuesFromQueryString } from "../form/getDefaultValuesFromQueryString.js";
+import { createChainOrderStore } from "./createChainOrderStore.js";
+import { createContext, use, useEffect, useRef } from "react";
+import { useShallow } from "zustand/shallow";
+import { jsx } from "react/jsx-runtime";
+//#region src/stores/chains/ChainOrderStore.tsx
 const ChainOrderStoreContext = createContext(null);
-export function ChainOrderStoreProvider({ children, ...props }) {
-    const { chains: chainsConfig, hiddenUI, fromChain: fromChainConfig, toChain: toChainConfig, buildUrl, } = useWidgetConfig();
-    const storeRef = useRef(null);
-    const { chains } = useChains();
-    const { setFieldValue, getFieldValues } = useFieldActions();
-    const swapOnly = useSwapOnly();
-    const { variant, subvariantOptions } = useWidgetConfig();
-    const { externalChainTypes, useExternalWalletProvidersOnly } = useExternalWalletProvider();
-    if (!storeRef.current) {
-        storeRef.current = createChainOrderStore({
-            ...props,
-        });
-    }
-    useEffect(() => {
-        if (chains) {
-            ;
-            ['from', 'to'].forEach((key) => {
-                const configChainIds = chainsConfig?.[key];
-                const isFromKey = key === 'from';
-                // Convert configChainIds to Sets for O(1) lookup
-                const configChainIdsSet = getConfigItemSets(configChainIds, (chainIds) => new Set(chainIds));
-                const filteredChains = chains.filter((chain) => {
-                    const passesChainsConfigFilter = configChainIdsSet
-                        ? isItemAllowedForSets(chain.id, configChainIdsSet)
-                        : true;
-                    // If the integrator uses external wallet management and has not opted in for partial wallet management,
-                    // restrict the displayed chains to those compatible with external wallet management.
-                    // This ensures users only see chains for which they can sign transactions.
-                    const passesWalletConfigFilter = isFromKey
-                        ? !useExternalWalletProvidersOnly ||
-                            externalChainTypes.includes(chain.chainType)
-                        : true;
-                    return passesChainsConfigFilter && passesWalletConfigFilter;
-                });
-                const chainOrder = storeRef.current?.getState().initializeChains(filteredChains.map((chain) => chain.id), key);
-                const isSwapTo = swapOnly && key === 'to';
-                // Show "All networks" button if there are multiple networks
-                const showAllNetworks = filteredChains.length > 1 &&
-                    !hiddenUI?.includes(HiddenUI.AllNetworks) &&
-                    !isSwapTo;
-                // Initialize the isAllNetworks with true if the tab is shown,
-                // there is no config chain value and no url chain value
-                const urlValues = getDefaultValuesFromQueryString({ buildUrl });
-                const urlChainValue = key === 'from' ? urlValues.fromChain : urlValues.toChain;
-                const configChainValue = key === 'from' ? fromChainConfig : toChainConfig;
-                const initialIsAllNetworks = showAllNetworks && !configChainValue && !urlChainValue;
-                storeRef.current?.getState().setIsAllNetworks(initialIsAllNetworks, key);
-                storeRef.current?.getState().setShowAllNetworks(showAllNetworks, key);
-                // If swap only, set the to chain to the from chain
-                if (isSwapTo) {
-                    const [fromChainValue] = getFieldValues('fromChain');
-                    setFieldValue('toChain', fromChainValue);
-                }
-                // When "All Networks" is active, don't auto-select a chain from the
-                // persisted chain order. This prevents stale cross-ecosystem selections
-                // (e.g. EVM from + Solana to) from triggering the "destination wallet
-                // address required" message after a page refresh.
-                if (initialIsAllNetworks) {
-                    return;
-                }
-                const [chainValue] = getFieldValues(`${key}Chain`);
-                if (chainValue) {
-                    return;
-                }
-                const firstAllowedPinnedChain = storeRef.current
-                    ?.getState()
-                    .pinnedChains?.find((chainId) => filteredChains.some((chain) => chain.id === chainId));
-                if (variant === 'wide' &&
-                    !subvariantOptions?.wide?.disableChainSidebar &&
-                    firstAllowedPinnedChain) {
-                    setFieldValue(`${key}Chain`, firstAllowedPinnedChain);
-                }
-                else if (chainOrder?.length) {
-                    setFieldValue(`${key}Chain`, chainOrder[0]);
-                }
-            });
-        }
-    }, [
-        chains,
-        chainsConfig,
-        externalChainTypes,
-        getFieldValues,
-        setFieldValue,
-        useExternalWalletProvidersOnly,
-        variant,
-        subvariantOptions?.wide?.disableChainSidebar,
-        hiddenUI,
-        swapOnly,
-        fromChainConfig,
-        toChainConfig,
-        buildUrl,
-    ]);
-    return (_jsx(ChainOrderStoreContext.Provider, { value: storeRef.current, children: children }));
+function ChainOrderStoreProvider({ children, ...props }) {
+	const { chains: chainsConfig, hiddenUI, fromChain: fromChainConfig, toChain: toChainConfig, buildUrl } = useWidgetConfig();
+	const storeRef = useRef(null);
+	const { chains } = useChains();
+	const { setFieldValue, getFieldValues } = useFieldActions();
+	const swapOnly = useSwapOnly();
+	const { variant } = useWidgetConfig();
+	const { externalChainTypes, useExternalWalletProvidersOnly } = useExternalWalletProvider();
+	if (!storeRef.current) storeRef.current = createChainOrderStore({ ...props });
+	useEffect(() => {
+		if (chains) ["from", "to"].forEach((key) => {
+			const configChainIds = chainsConfig?.[key];
+			const isFromKey = key === "from";
+			const configChainIdsSet = getConfigItemSets(configChainIds, (chainIds) => new Set(chainIds));
+			const filteredChains = chains.filter((chain) => {
+				const passesChainsConfigFilter = configChainIdsSet ? isItemAllowedForSets(chain.id, configChainIdsSet) : true;
+				const passesWalletConfigFilter = isFromKey ? !useExternalWalletProvidersOnly || externalChainTypes.includes(chain.chainType) : true;
+				return passesChainsConfigFilter && passesWalletConfigFilter;
+			});
+			const chainOrder = storeRef.current?.getState().initializeChains(filteredChains.map((chain) => chain.id), key);
+			const isSwapTo = swapOnly && key === "to";
+			const showAllNetworks = filteredChains.length > 1 && !hiddenUI?.allNetworks && !isSwapTo;
+			const urlValues = getDefaultValuesFromQueryString({ buildUrl });
+			const urlChainValue = key === "from" ? urlValues.fromChain : urlValues.toChain;
+			const initialIsAllNetworks = showAllNetworks && !(key === "from" ? fromChainConfig : toChainConfig) && !urlChainValue;
+			storeRef.current?.getState().setIsAllNetworks(initialIsAllNetworks, key);
+			storeRef.current?.getState().setShowAllNetworks(showAllNetworks, key);
+			if (isSwapTo) {
+				const [fromChainValue] = getFieldValues("fromChain");
+				setFieldValue("toChain", fromChainValue);
+			}
+			if (initialIsAllNetworks) return;
+			const [chainValue] = getFieldValues(`${key}Chain`);
+			if (chainValue) return;
+			const firstAllowedPinnedChain = storeRef.current?.getState().pinnedChains?.find((chainId) => filteredChains.some((chain) => chain.id === chainId));
+			if (variant === "wide" && !hiddenUI?.chainSidebar && firstAllowedPinnedChain) setFieldValue(`${key}Chain`, firstAllowedPinnedChain);
+			else if (chainOrder?.length) setFieldValue(`${key}Chain`, chainOrder[0]);
+		});
+	}, [
+		chains,
+		chainsConfig,
+		externalChainTypes,
+		getFieldValues,
+		setFieldValue,
+		useExternalWalletProvidersOnly,
+		variant,
+		hiddenUI,
+		swapOnly,
+		fromChainConfig,
+		toChainConfig,
+		buildUrl
+	]);
+	return /* @__PURE__ */ jsx(ChainOrderStoreContext, {
+		value: storeRef.current,
+		children
+	});
 }
 function useChainOrderStoreContext() {
-    const useStore = useContext(ChainOrderStoreContext);
-    if (!useStore) {
-        throw new Error(`You forgot to wrap your component in <${ChainOrderStoreProvider.name}>.`);
-    }
-    return useStore;
+	const useStore = use(ChainOrderStoreContext);
+	if (!useStore) throw new Error(`You forgot to wrap your component in <${ChainOrderStoreProvider.name}>.`);
+	return useStore;
 }
-export function useChainOrderStore(selector) {
-    const useStore = useChainOrderStoreContext();
-    return useStore(useShallow(selector));
+function useChainOrderStore(selector) {
+	return useChainOrderStoreContext()(useShallow(selector));
 }
+//#endregion
+export { ChainOrderStoreProvider, useChainOrderStore };
+
 //# sourceMappingURL=ChainOrderStore.js.map

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

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

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

@@ -1,106 +1,87 @@
-import { create } from 'zustand';
-import { persist } from 'zustand/middleware';
-import { widgetEvents } from '../../hooks/useWidgetEvents.js';
-import { WidgetEvent } from '../../types/events.js';
-// (10 tiles: 9 + 1 for "All chains")
-export const maxGridItemsToShow = 10;
-export const maxChainsToShow = maxGridItemsToShow - 1;
-// If there are more than maxChainsToShow chains to show,
-// -1 tile to show a button "+ N" more chains
-export const maxChainsToOrder = maxChainsToShow - 1;
+import { widgetEvents } from "../../hooks/useWidgetEvents.js";
+import "../../types/events.js";
+import { create } from "zustand";
+import { persist } from "zustand/middleware";
 const defaultChainState = {
-    from: [],
-    to: [],
+	from: [],
+	to: []
 };
-export const createChainOrderStore = ({ namePrefix }) => create()(persist((set, get) => ({
-    chainOrder: defaultChainState,
-    fromIsAllNetworks: true,
-    toIsAllNetworks: true,
-    fromShowAllNetworks: true,
-    toShowAllNetworks: true,
-    availableChains: defaultChainState,
-    pinnedChains: [],
-    initializeChains: (chainIds, type) => {
-        set((state) => {
-            const chainOrder = state.chainOrder[type].filter((chainId) => chainIds.includes(chainId));
-            const chainsToAdd = chainIds.filter((chainId) => !chainOrder.includes(chainId));
-            if (chainOrder.length === maxChainsToOrder || !chainsToAdd.length) {
-                return {
-                    availableChains: {
-                        ...state.availableChains,
-                        [type]: chainIds,
-                    },
-                    chainOrder: {
-                        ...state.chainOrder,
-                        [type]: chainOrder,
-                    },
-                };
-            }
-            const chainsToAddLength = maxChainsToOrder - chainOrder.length;
-            for (let index = 0; index < chainsToAddLength; index++) {
-                chainOrder.push(chainsToAdd[index]);
-            }
-            return {
-                availableChains: {
-                    ...state.availableChains,
-                    [type]: chainIds,
-                },
-                chainOrder: {
-                    ...state.chainOrder,
-                    [type]: chainOrder,
-                },
-            };
-        });
-        return get().chainOrder[type].slice(0, maxChainsToOrder);
-    },
-    setChain: (chainId, type) => {
-        const state = get();
-        if (state.chainOrder[type].includes(chainId) ||
-            !state.availableChains[type].includes(chainId)) {
-            return;
-        }
-        set((state) => {
-            const chainOrder = [chainId, ...state.chainOrder[type]].slice(0, maxChainsToOrder);
-            return {
-                chainOrder: {
-                    ...state.chainOrder,
-                    [type]: chainOrder,
-                },
-            };
-        });
-    },
-    setIsAllNetworks: (isAllNetworks, formType) => {
-        set({ [`${formType}IsAllNetworks`]: isAllNetworks });
-    },
-    setShowAllNetworks: (showAllNetworks, formType) => {
-        set({ [`${formType}ShowAllNetworks`]: showAllNetworks });
-    },
-    setPinnedChain: (chainId) => {
-        const currentPinnedChains = get().pinnedChains;
-        const wasAlreadyPinned = currentPinnedChains.includes(chainId);
-        set((state) => {
-            const pinnedChains = [...state.pinnedChains];
-            if (wasAlreadyPinned) {
-                return {
-                    pinnedChains: pinnedChains.filter((id) => id !== chainId),
-                };
-            }
-            pinnedChains.push(chainId);
-            return {
-                pinnedChains,
-            };
-        });
-        widgetEvents.emit(WidgetEvent.ChainPinned, {
-            chainId,
-            pinned: !wasAlreadyPinned,
-        });
-    },
+const createChainOrderStore = ({ namePrefix }) => create()(persist((set, get) => ({
+	chainOrder: defaultChainState,
+	fromIsAllNetworks: true,
+	toIsAllNetworks: true,
+	fromShowAllNetworks: true,
+	toShowAllNetworks: true,
+	availableChains: defaultChainState,
+	pinnedChains: [],
+	initializeChains: (chainIds, type) => {
+		set((state) => {
+			const chainOrder = state.chainOrder[type].filter((chainId) => chainIds.includes(chainId));
+			const chainsToAdd = chainIds.filter((chainId) => !chainOrder.includes(chainId));
+			if (chainOrder.length === 8 || !chainsToAdd.length) return {
+				availableChains: {
+					...state.availableChains,
+					[type]: chainIds
+				},
+				chainOrder: {
+					...state.chainOrder,
+					[type]: chainOrder
+				}
+			};
+			const chainsToAddLength = 8 - chainOrder.length;
+			for (let index = 0; index < chainsToAddLength; index++) chainOrder.push(chainsToAdd[index]);
+			return {
+				availableChains: {
+					...state.availableChains,
+					[type]: chainIds
+				},
+				chainOrder: {
+					...state.chainOrder,
+					[type]: chainOrder
+				}
+			};
+		});
+		return get().chainOrder[type].slice(0, 8);
+	},
+	setChain: (chainId, type) => {
+		const state = get();
+		if (state.chainOrder[type].includes(chainId) || !state.availableChains[type].includes(chainId)) return;
+		set((state) => {
+			const chainOrder = [chainId, ...state.chainOrder[type]].slice(0, 8);
+			return { chainOrder: {
+				...state.chainOrder,
+				[type]: chainOrder
+			} };
+		});
+	},
+	setIsAllNetworks: (isAllNetworks, formType) => {
+		set({ [`${formType}IsAllNetworks`]: isAllNetworks });
+	},
+	setShowAllNetworks: (showAllNetworks, formType) => {
+		set({ [`${formType}ShowAllNetworks`]: showAllNetworks });
+	},
+	setPinnedChain: (chainId) => {
+		const wasAlreadyPinned = get().pinnedChains.includes(chainId);
+		set((state) => {
+			const pinnedChains = [...state.pinnedChains];
+			if (wasAlreadyPinned) return { pinnedChains: pinnedChains.filter((id) => id !== chainId) };
+			pinnedChains.push(chainId);
+			return { pinnedChains };
+		});
+		widgetEvents.emit("chainPinned", {
+			chainId,
+			pinned: !wasAlreadyPinned
+		});
+	}
 }), {
-    name: `${namePrefix || 'li.fi'}-widget-chains-order`,
-    version: 4,
-    partialize: (state) => ({
-        chainOrder: state.chainOrder,
-        pinnedChains: state.pinnedChains,
-    }),
+	name: `${namePrefix || "li.fi"}-widget-chains-order`,
+	version: 4,
+	partialize: (state) => ({
+		chainOrder: state.chainOrder,
+		pinnedChains: state.pinnedChains
+	})
 }));
+//#endregion
+export { createChainOrderStore };
+
 //# sourceMappingURL=createChainOrderStore.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"createChainOrderStore.js","sourceRoot":"","sources":["../../../../src/stores/chains/createChainOrderStore.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"createChainOrderStore.js","names":[],"sources":["../../../../src/stores/chains/createChainOrderStore.ts"],"sourcesContent":["import type { StoreApi, UseBoundStore } from 'zustand'\nimport { create } from 'zustand'\nimport { persist } from 'zustand/middleware'\nimport { widgetEvents } from '../../hooks/useWidgetEvents.js'\nimport { WidgetEvent } from '../../types/events.js'\nimport type { PersistStoreProps } from '../types.js'\nimport type { ChainOrderState } from './types.js'\n\n// (10 tiles: 9 + 1 for \"All chains\")\nexport const maxGridItemsToShow = 10\nexport const maxChainsToShow: number = maxGridItemsToShow - 1\n// If there are more than maxChainsToShow chains to show,\n// -1 tile to show a button \"+ N\" more chains\nexport const maxChainsToOrder: number = maxChainsToShow - 1\n\nconst defaultChainState = {\n  from: [],\n  to: [],\n}\n\nexport const createChainOrderStore = ({\n  namePrefix,\n}: PersistStoreProps): UseBoundStore<StoreApi<ChainOrderState>> =>\n  create<ChainOrderState>()(\n    persist(\n      (set, get) => ({\n        chainOrder: defaultChainState,\n        fromIsAllNetworks: true,\n        toIsAllNetworks: true,\n        fromShowAllNetworks: true,\n        toShowAllNetworks: true,\n        availableChains: defaultChainState,\n        pinnedChains: [],\n        initializeChains: (chainIds, type) => {\n          set((state: ChainOrderState) => {\n            const chainOrder = state.chainOrder[type].filter((chainId) =>\n              chainIds.includes(chainId)\n            )\n            const chainsToAdd = chainIds.filter(\n              (chainId) => !chainOrder.includes(chainId)\n            )\n            if (chainOrder.length === maxChainsToOrder || !chainsToAdd.length) {\n              return {\n                availableChains: {\n                  ...state.availableChains,\n                  [type]: chainIds,\n                },\n                chainOrder: {\n                  ...state.chainOrder,\n                  [type]: chainOrder,\n                },\n              }\n            }\n            const chainsToAddLength = maxChainsToOrder - chainOrder.length\n            for (let index = 0; index < chainsToAddLength; index++) {\n              chainOrder.push(chainsToAdd[index])\n            }\n            return {\n              availableChains: {\n                ...state.availableChains,\n                [type]: chainIds,\n              },\n              chainOrder: {\n                ...state.chainOrder,\n                [type]: chainOrder,\n              },\n            }\n          })\n          return get().chainOrder[type].slice(0, maxChainsToOrder)\n        },\n        setChain: (chainId, type) => {\n          const state = get()\n          if (\n            state.chainOrder[type].includes(chainId) ||\n            !state.availableChains[type].includes(chainId)\n          ) {\n            return\n          }\n          set((state: ChainOrderState) => {\n            const chainOrder = [chainId, ...state.chainOrder[type]].slice(\n              0,\n              maxChainsToOrder\n            )\n            return {\n              chainOrder: {\n                ...state.chainOrder,\n                [type]: chainOrder,\n              },\n            }\n          })\n        },\n        setIsAllNetworks: (isAllNetworks, formType) => {\n          set({ [`${formType}IsAllNetworks`]: isAllNetworks })\n        },\n        setShowAllNetworks: (showAllNetworks, formType) => {\n          set({ [`${formType}ShowAllNetworks`]: showAllNetworks })\n        },\n        setPinnedChain: (chainId) => {\n          const currentPinnedChains = get().pinnedChains\n          const wasAlreadyPinned = currentPinnedChains.includes(chainId)\n          set((state: ChainOrderState) => {\n            const pinnedChains = [...state.pinnedChains]\n            if (wasAlreadyPinned) {\n              return {\n                pinnedChains: pinnedChains.filter((id) => id !== chainId),\n              }\n            }\n            pinnedChains.push(chainId)\n            return {\n              pinnedChains,\n            }\n          })\n          widgetEvents.emit(WidgetEvent.ChainPinned, {\n            chainId,\n            pinned: !wasAlreadyPinned,\n          })\n        },\n      }),\n      {\n        name: `${namePrefix || 'li.fi'}-widget-chains-order`,\n        version: 4,\n        partialize: (state) => ({\n          chainOrder: state.chainOrder,\n          pinnedChains: state.pinnedChains,\n        }),\n      }\n    )\n  )\n"],"mappings":";;;;AAeA,MAAM,oBAAoB;CACxB,MAAM,CAAC;CACP,IAAI,CAAC;AACP;AAEA,MAAa,yBAAyB,EACpC,iBAEA,OAAwB,CAAC,CACvB,SACG,KAAK,SAAS;CACb,YAAY;CACZ,mBAAmB;CACnB,iBAAiB;CACjB,qBAAqB;CACrB,mBAAmB;CACnB,iBAAiB;CACjB,cAAc,CAAC;CACf,mBAAmB,UAAU,SAAS;EACpC,KAAK,UAA2B;GAC9B,MAAM,aAAa,MAAM,WAAW,KAAK,CAAC,QAAQ,YAChD,SAAS,SAAS,OAAO,CAC3B;GACA,MAAM,cAAc,SAAS,QAC1B,YAAY,CAAC,WAAW,SAAS,OAAO,CAC3C;GACA,IAAI,WAAW,WAAA,KAA+B,CAAC,YAAY,QACzD,OAAO;IACL,iBAAiB;KACf,GAAG,MAAM;MACR,OAAO;IACV;IACA,YAAY;KACV,GAAG,MAAM;MACR,OAAO;IACV;GACF;GAEF,MAAM,oBAAA,IAAuC,WAAW;GACxD,KAAK,IAAI,QAAQ,GAAG,QAAQ,mBAAmB,SAC7C,WAAW,KAAK,YAAY,MAAM;GAEpC,OAAO;IACL,iBAAiB;KACf,GAAG,MAAM;MACR,OAAO;IACV;IACA,YAAY;KACV,GAAG,MAAM;MACR,OAAO;IACV;GACF;EACF,CAAC;EACD,OAAO,IAAI,CAAC,CAAC,WAAW,KAAK,CAAC,MAAM,GAAA,CAAmB;CACzD;CACA,WAAW,SAAS,SAAS;EAC3B,MAAM,QAAQ,IAAI;EAClB,IACE,MAAM,WAAW,KAAK,CAAC,SAAS,OAAO,KACvC,CAAC,MAAM,gBAAgB,KAAK,CAAC,SAAS,OAAO,GAE7C;EAEF,KAAK,UAA2B;GAC9B,MAAM,aAAa,CAAC,SAAS,GAAG,MAAM,WAAW,KAAK,CAAC,CAAC,MACtD,GAAA,CAEF;GACA,OAAO,EACL,YAAY;IACV,GAAG,MAAM;KACR,OAAO;GACV,EACF;EACF,CAAC;CACH;CACA,mBAAmB,eAAe,aAAa;EAC7C,IAAI,GAAG,GAAG,SAAS,iBAAiB,cAAc,CAAC;CACrD;CACA,qBAAqB,iBAAiB,aAAa;EACjD,IAAI,GAAG,GAAG,SAAS,mBAAmB,gBAAgB,CAAC;CACzD;CACA,iBAAiB,YAAY;EAE3B,MAAM,mBADsB,IAAI,CAAC,CAAC,aACW,SAAS,OAAO;EAC7D,KAAK,UAA2B;GAC9B,MAAM,eAAe,CAAC,GAAG,MAAM,YAAY;GAC3C,IAAI,kBACF,OAAO,EACL,cAAc,aAAa,QAAQ,OAAO,OAAO,OAAO,EAC1D;GAEF,aAAa,KAAK,OAAO;GACzB,OAAO,EACL,aACF;EACF,CAAC;EACD,aAAa,KAAA,eAA8B;GACzC;GACA,QAAQ,CAAC;EACX,CAAC;CACH;AACF,IACA;CACE,MAAM,GAAG,cAAc,QAAQ;CAC/B,SAAS;CACT,aAAa,WAAW;EACtB,YAAY,MAAM;EAClB,cAAc,MAAM;CACtB;AACF,CACF,CACF"}

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

@@ -1,12 +1,11 @@
-import { useMemo } from 'react';
-import { useChainOrderStore } from './ChainOrderStore.js';
-import { maxChainsToOrder } from './createChainOrderStore.js';
-export const useChainOrder = (type) => {
-    const [chainOrder, setChain] = useChainOrderStore((state) => [
-        state.chainOrder[type],
-        state.setChain,
-    ]);
-    const limitedChainOrder = useMemo(() => chainOrder.slice(0, maxChainsToOrder), [chainOrder]);
-    return [limitedChainOrder, setChain];
+import { useChainOrderStore } from "./ChainOrderStore.js";
+import { useMemo } from "react";
+//#region src/stores/chains/useChainOrder.ts
+const useChainOrder = (type) => {
+	const [chainOrder, setChain] = useChainOrderStore((state) => [state.chainOrder[type], state.setChain]);
+	return [useMemo(() => chainOrder.slice(0, 8), [chainOrder]), setChain];
 };
+//#endregion
+export { useChainOrder };
+
 //# sourceMappingURL=useChainOrder.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useChainOrder.js","sourceRoot":"","sources":["../../../../src/stores/chains/useChainOrder.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAE/B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAE7D,MAAM,CAAC,MAAM,aAAa,GAAG,CAC3B,IAAc,EACyC,EAAE;IACzD,MAAM,CAAC,UAAU,EAAE,QAAQ,CAAC,GAAG,kBAAkB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC;QAC3D,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC;QACtB,KAAK,CAAC,QAAQ;KACf,CAAC,CAAA;IAEF,MAAM,iBAAiB,GAAG,OAAO,CAC/B,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,EAAE,gBAAgB,CAAC,EAC3C,CAAC,UAAU,CAAC,CACb,CAAA;IAED,OAAO,CAAC,iBAAiB,EAAE,QAAQ,CAAC,CAAA;AACtC,CAAC,CAAA"}
+{"version":3,"file":"useChainOrder.js","names":[],"sources":["../../../../src/stores/chains/useChainOrder.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport type { FormType } from '../form/types.js'\nimport { useChainOrderStore } from './ChainOrderStore.js'\nimport { maxChainsToOrder } from './createChainOrderStore.js'\n\nexport const useChainOrder = (\n  type: FormType\n): [number[], (chainId: number, type: FormType) => void] => {\n  const [chainOrder, setChain] = useChainOrderStore((state) => [\n    state.chainOrder[type],\n    state.setChain,\n  ])\n\n  const limitedChainOrder = useMemo(\n    () => chainOrder.slice(0, maxChainsToOrder),\n    [chainOrder]\n  )\n\n  return [limitedChainOrder, setChain]\n}\n"],"mappings":";;;AAKA,MAAa,iBACX,SAC0D;CAC1D,MAAM,CAAC,YAAY,YAAY,oBAAoB,UAAU,CAC3D,MAAM,WAAW,OACjB,MAAM,QACR,CAAC;CAOD,OAAO,CALmB,cAClB,WAAW,MAAM,GAAA,CAAmB,GAC1C,CAAC,UAAU,CAGW,GAAG,QAAQ;AACrC"}