@lifi/widget 3.0.0-alpha.0 → 3.0.0-alpha.1

package/cjs/providers/I18nProvider/I18nProvider.js

@@ -1,57 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.I18nProvider = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const i18next_1 = require("i18next");
-const react_1 = require("react");
-const react_i18next_1 = require("react-i18next");
-const supportedLanguages = require("../../i18n");
-const stores_1 = require("../../stores");
-const utils_1 = require("../../utils");
-const WidgetProvider_1 = require("../WidgetProvider");
-const I18nProvider = ({ children, }) => {
-    const { languageResources, languages } = (0, WidgetProvider_1.useWidgetConfig)();
-    const { language } = (0, stores_1.useSettings)(['language']);
-    const i18n = (0, react_1.useMemo)(() => {
-        let resources = Object.keys(supportedLanguages)
-            .filter((lng) => (0, WidgetProvider_1.isItemAllowed)(lng, languages))
-            .reduce((resources, lng) => {
-            resources[lng] = {
-                translation: languageResources?.[lng]
-                    ? (0, utils_1.deepMerge)(supportedLanguages[lng], languageResources[lng])
-                    : supportedLanguages[lng],
-            };
-            return resources;
-        }, {});
-        if (languageResources) {
-            resources = Object.keys(languageResources).reduce((resources, lng) => {
-                if (!resources[lng]) {
-                    resources[lng] = {
-                        translation: languageResources[lng],
-                    };
-                }
-                return resources;
-            }, resources);
-        }
-        let i18n = (0, i18next_1.createInstance)({
-            lng: languages?.default || language,
-            fallbackLng: resources.en
-                ? 'en'
-                : languages?.default ||
-                    languages?.allow?.[0] ||
-                    Object.keys(resources)?.[0],
-            lowerCaseLng: true,
-            interpolation: {
-                escapeValue: false,
-            },
-            resources,
-            detection: {
-                caches: [],
-            },
-        });
-        i18n.use(react_i18next_1.initReactI18next).init();
-        return i18n;
-    }, [language, languageResources, languages]);
-    return (0, jsx_runtime_1.jsx)(react_i18next_1.I18nextProvider, { i18n: i18n, children: children });
-};
-exports.I18nProvider = I18nProvider;

package/cjs/providers/I18nProvider/index.js

@@ -1,18 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./I18nProvider"), exports);
-__exportStar(require("./types"), exports);

package/cjs/providers/I18nProvider/types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/cjs/providers/ThemeProvider/ThemeProvider.js

@@ -1,37 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ThemeProvider = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const styles_1 = require("@mui/material/styles");
-const react_1 = require("react");
-const theme_1 = require("../../config/theme");
-const stores_1 = require("../../stores");
-const WidgetProvider_1 = require("../WidgetProvider");
-const ThemeProvider = ({ children, }) => {
-    const { appearance: colorSchemeMode, theme: themeConfig } = (0, WidgetProvider_1.useWidgetConfig)();
-    const prefersDarkMode = (0, material_1.useMediaQuery)('(prefers-color-scheme: dark)');
-    const [appearance, setAppearance] = (0, stores_1.useAppearance)();
-    const [mode, setMode] = (0, react_1.useState)(colorSchemeMode ?? appearance === 'auto'
-        ? prefersDarkMode
-            ? 'dark'
-            : 'light'
-        : appearance);
-    (0, react_1.useEffect)(() => {
-        if (appearance === 'auto') {
-            setMode(prefersDarkMode ? 'dark' : 'light');
-        }
-        else {
-            setMode(appearance);
-        }
-    }, [appearance, prefersDarkMode]);
-    (0, react_1.useEffect)(() => {
-        if (colorSchemeMode) {
-            setAppearance(colorSchemeMode);
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [colorSchemeMode]);
-    const theme = (0, react_1.useMemo)(() => (0, theme_1.createTheme)(mode, themeConfig), [mode, themeConfig]);
-    return (0, jsx_runtime_1.jsx)(styles_1.ThemeProvider, { theme: theme, children: children });
-};
-exports.ThemeProvider = ThemeProvider;

package/cjs/providers/ThemeProvider/index.js

@@ -1,17 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./ThemeProvider"), exports);

package/cjs/providers/WalletProvider/EVMProvider.js

@@ -1,79 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EVMBaseProvider = exports.EVMProvider = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const wallet_management_1 = require("@lifi/wallet-management");
-const react_1 = require("react");
-const viem_1 = require("viem");
-const wagmi_1 = require("wagmi");
-const chains_1 = require("wagmi/chains");
-const hooks_1 = require("../../hooks");
-const utils_1 = require("./utils");
-const connectors = [
-    wallet_management_1.walletConnect,
-    wallet_management_1.coinbase,
-    wallet_management_1.bitget,
-    wallet_management_1.gate,
-    wallet_management_1.exodus,
-    wallet_management_1.taho,
-    wallet_management_1.binance,
-    wallet_management_1.frontier,
-    wallet_management_1.okx,
-    wallet_management_1.trust,
-    wallet_management_1.status,
-    wallet_management_1.alpha,
-    wallet_management_1.block,
-    wallet_management_1.bitpie,
-    wallet_management_1.brave,
-    wallet_management_1.dcent,
-    wallet_management_1.frame,
-    wallet_management_1.hyperpay,
-    wallet_management_1.imtoken,
-    wallet_management_1.liquality,
-    wallet_management_1.ownbit,
-    wallet_management_1.tokenpocket,
-    wallet_management_1.xdefi,
-    wallet_management_1.oneinch,
-    wallet_management_1.tokenary,
-    wallet_management_1.safepal,
-    wallet_management_1.rabby,
-];
-const EVMProvider = ({ children }) => {
-    const inWagmiContext = useInWagmiContext();
-    return inWagmiContext ? (children) : ((0, jsx_runtime_1.jsx)(exports.EVMBaseProvider, { children: children }));
-};
-exports.EVMProvider = EVMProvider;
-const EVMBaseProvider = ({ children }) => {
-    const { chains } = (0, hooks_1.useAvailableChains)();
-    const wagmiConfig = (0, react_1.useMemo)(() => {
-        const _chains = chains?.length
-            ? chains.map(utils_1.formatChain)
-            : [chains_1.mainnet];
-        // Add ENS contracts
-        const _mainnet = _chains.find((chain) => chain.id === chains_1.mainnet.id);
-        if (_mainnet) {
-            _mainnet.contracts = chains_1.mainnet.contracts;
-        }
-        const wagmiConfig = (0, wagmi_1.createConfig)({
-            chains: _chains,
-            connectors: connectors,
-            client({ chain }) {
-                return (0, viem_1.createClient)({ chain, transport: (0, wagmi_1.http)() });
-            },
-            // transports: _chains.reduce(
-            //   (transports, chain) => {
-            //     transports[chain.id] = http();
-            //     return transports;
-            //   },
-            //   {} as Record<number, Transport>,
-            // ),
-        });
-        return wagmiConfig;
-    }, [chains]);
-    return ((0, jsx_runtime_1.jsx)(wagmi_1.WagmiProvider, { config: wagmiConfig, reconnectOnMount: Boolean(chains?.length), children: children }));
-};
-exports.EVMBaseProvider = EVMBaseProvider;
-function useInWagmiContext() {
-    const context = (0, react_1.useContext)(wagmi_1.WagmiContext);
-    return Boolean(context);
-}

package/cjs/providers/WalletProvider/SDKProviders.js

@@ -1,31 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SDKProviders = void 0;
-const sdk_1 = require("@lifi/sdk");
-const wallet_adapter_react_1 = require("@solana/wallet-adapter-react");
-const core_1 = require("@wagmi/core");
-const react_1 = require("react");
-const wagmi_1 = require("wagmi");
-const SDKProviders = () => {
-    const { wallet } = (0, wallet_adapter_react_1.useWallet)();
-    const wagmiConfig = (0, wagmi_1.useConfig)();
-    (0, react_1.useEffect)(() => {
-        // Configure SDK Providers
-        sdk_1.config.setProviders([
-            (0, sdk_1.EVM)({
-                getWalletClient: () => (0, core_1.getWalletClient)(wagmiConfig),
-                switchChain: async (chainId) => {
-                    await (0, core_1.switchChain)(wagmiConfig, { chainId });
-                    return (0, core_1.getWalletClient)(wagmiConfig);
-                },
-            }),
-            (0, sdk_1.Solana)({
-                async getWalletAdapter() {
-                    return wallet?.adapter;
-                },
-            }),
-        ]);
-    }, [wagmiConfig, wallet?.adapter]);
-    return null;
-};
-exports.SDKProviders = SDKProviders;

package/cjs/providers/WalletProvider/SolanaProvider.js

@@ -1,35 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SolanaBaseProvider = exports.SolanaProvider = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const wallet_adapter_base_1 = require("@solana/wallet-adapter-base");
-const wallet_adapter_react_1 = require("@solana/wallet-adapter-react");
-const web3_js_1 = require("@solana/web3.js");
-const react_1 = require("react");
-const endpoint = (0, web3_js_1.clusterApiUrl)(wallet_adapter_base_1.WalletAdapterNetwork.Mainnet);
-/**
- * Wallets that implement either of these standards will be available automatically.
- *
- *   - Solana Mobile Stack Mobile Wallet Adapter Protocol
- *     (https://github.com/solana-mobile/mobile-wallet-adapter)
- *   - Solana Wallet Standard
- *     (https://github.com/solana-labs/wallet-standard)
- *
- * If you wish to support a wallet that supports neither of those standards,
- * instantiate its legacy wallet adapter here. Common legacy adapters can be found
- * in the npm package `@solana/wallet-adapter-wallets`.
- */
-const wallets = [];
-const SolanaProvider = ({ children }) => {
-    const inSolanaContext = useInSolanaContext();
-    return inSolanaContext ? (children) : ((0, jsx_runtime_1.jsx)(exports.SolanaBaseProvider, { children: children }));
-};
-exports.SolanaProvider = SolanaProvider;
-const SolanaBaseProvider = ({ children }) => {
-    return ((0, jsx_runtime_1.jsx)(wallet_adapter_react_1.ConnectionProvider, { endpoint: endpoint, children: (0, jsx_runtime_1.jsx)(wallet_adapter_react_1.WalletProvider, { wallets: wallets, autoConnect: true, children: children }) }));
-};
-exports.SolanaBaseProvider = SolanaBaseProvider;
-function useInSolanaContext() {
-    const context = (0, react_1.useContext)(wallet_adapter_react_1.ConnectionContext);
-    return Boolean(context?.connection);
-}

package/cjs/providers/WalletProvider/WalletProvider.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WalletProvider = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const EVMProvider_1 = require("./EVMProvider");
-const SDKProviders_1 = require("./SDKProviders");
-const SolanaProvider_1 = require("./SolanaProvider");
-const WalletProvider = ({ children }) => {
-    return ((0, jsx_runtime_1.jsx)(SolanaProvider_1.SolanaProvider, { children: (0, jsx_runtime_1.jsxs)(EVMProvider_1.EVMProvider, { children: [(0, jsx_runtime_1.jsx)(SDKProviders_1.SDKProviders, {}), children] }) }));
-};
-exports.WalletProvider = WalletProvider;

package/cjs/providers/WalletProvider/index.js

@@ -1,18 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./WalletProvider"), exports);
-__exportStar(require("./utils"), exports);

package/cjs/providers/WalletProvider/utils.js

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.formatChain = void 0;
-const formatChain = (chain) => ({
-    ...chain,
-    ...chain.metamask,
-    blockExplorers: chain.metamask.blockExplorerUrls.reduce((blockExplorers, blockExplorer, index) => {
-        blockExplorers[index === 0 ? 'default' : `${index}`] = {
-            name: blockExplorer,
-            url: blockExplorer,
-        };
-        return blockExplorers;
-    }, {}),
-    name: chain.metamask.chainName,
-    rpcUrls: {
-        default: { http: chain.metamask.rpcUrls },
-        public: { http: chain.metamask.rpcUrls },
-    },
-    contracts: {
-        ...(chain.multicallAddress
-            ? { multicall3: { address: chain.multicallAddress } }
-            : undefined),
-    },
-});
-exports.formatChain = formatChain;

package/cjs/providers/WidgetProvider/WidgetProvider.js

@@ -1,94 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WidgetProvider = exports.useWidgetConfig = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const sdk_1 = require("@lifi/sdk");
-const react_1 = require("react");
-const version_1 = require("../../config/version");
-const stores_1 = require("../../stores");
-const utils_1 = require("../../utils");
-const initialContext = {
-    elementId: '',
-    integrator: '',
-};
-const WidgetContext = (0, react_1.createContext)(initialContext);
-const useWidgetConfig = () => (0, react_1.useContext)(WidgetContext);
-exports.useWidgetConfig = useWidgetConfig;
-let sdkInitialized = false;
-const WidgetProvider = ({ children, config: widgetConfig }) => {
-    const elementId = (0, react_1.useId)();
-    if (!widgetConfig?.integrator) {
-        throw Error('Required property "integrator" is missing.');
-    }
-    const value = (0, react_1.useMemo)(() => {
-        try {
-            // Get search params from URL
-            const searchParams = Object.fromEntries(new URLSearchParams(window?.location.search));
-            // Prevent using fromToken/toToken params if chain is not selected
-            ['from', 'to'].forEach((key) => {
-                if (searchParams[`${key}Token`] && !searchParams[`${key}Chain`]) {
-                    delete searchParams[`${key}Token`];
-                }
-            });
-            // Create widget configuration object
-            const value = {
-                ...widgetConfig,
-                fromChain: (searchParams.fromChain &&
-                    !isNaN(parseInt(searchParams.fromChain, 10))) ||
-                    typeof widgetConfig.fromChain === 'number'
-                    ? parseInt(searchParams.fromChain, 10) || widgetConfig.fromChain
-                    : undefined,
-                toChain: (searchParams.toChain &&
-                    !isNaN(parseInt(searchParams.toChain, 10))) ||
-                    typeof widgetConfig.toChain === 'number'
-                    ? parseInt(searchParams.toChain, 10) || widgetConfig.toChain
-                    : undefined,
-                fromToken: searchParams.fromToken || widgetConfig.fromToken,
-                toToken: searchParams.toToken || widgetConfig.toToken,
-                fromAmount: typeof searchParams.fromAmount === 'string' &&
-                    !isNaN(parseFloat(searchParams.fromAmount))
-                    ? (0, utils_1.formatInputAmount)(searchParams.fromAmount)
-                    : widgetConfig.fromAmount,
-                toAddress: searchParams.toAddress || widgetConfig.toAddress,
-                integrator: widgetConfig.integrator,
-                elementId,
-            };
-            // Set default settings for widget settings store
-            (0, stores_1.setDefaultSettings)(value);
-            // Configure SDK
-            const _config = {
-                ...widgetConfig.sdkConfig,
-                apiKey: widgetConfig.apiKey,
-                integrator: widgetConfig.integrator ?? window?.location.hostname,
-                routeOptions: {
-                    fee: widgetConfig.fee,
-                    referrer: widgetConfig.referrer,
-                    order: widgetConfig.routePriority,
-                    slippage: widgetConfig.slippage,
-                    ...widgetConfig.sdkConfig?.routeOptions,
-                },
-                disableVersionCheck: true,
-                widgetVersion: version_1.version,
-                preloadChains: false,
-            };
-            if (!sdkInitialized) {
-                (0, sdk_1.createConfig)(_config);
-                sdkInitialized = true;
-            }
-            else {
-                sdk_1.config.set(_config);
-            }
-            return value;
-        }
-        catch (e) {
-            console.warn(e);
-            return {
-                ...widgetConfig,
-                elementId,
-                integrator: widgetConfig.integrator,
-            };
-        }
-    }, [elementId, widgetConfig]);
-    return ((0, jsx_runtime_1.jsx)(WidgetContext.Provider, { value: value, children: children }));
-};
-exports.WidgetProvider = WidgetProvider;

package/cjs/providers/WidgetProvider/index.js

@@ -1,19 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./types"), exports);
-__exportStar(require("./utils"), exports);
-__exportStar(require("./WidgetProvider"), exports);

package/cjs/providers/WidgetProvider/types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/cjs/providers/WidgetProvider/utils.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.isItemAllowed = void 0;
-const isItemAllowed = (itemId, items) => {
-    if (items?.allow?.length) {
-        return items.allow.includes(itemId);
-    }
-    return !items?.deny?.includes(itemId);
-};
-exports.isItemAllowed = isItemAllowed;

package/cjs/providers/index.js

@@ -1,21 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./FormProvider"), exports);
-__exportStar(require("./I18nProvider"), exports);
-__exportStar(require("./ThemeProvider"), exports);
-__exportStar(require("./WalletProvider"), exports);
-__exportStar(require("./WidgetProvider"), exports);

package/cjs/stores/StoreProvider.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StoreProvider = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const chains_1 = require("./chains");
-const header_1 = require("./header");
-const routes_1 = require("./routes");
-const settings_1 = require("./settings");
-const StoreProvider = ({ children, config, }) => {
-    return ((0, jsx_runtime_1.jsx)(settings_1.SplitSubvariantStoreProvider, { state: config.subvariant === 'split'
-            ? config.subvariantOptions || 'swap'
-            : undefined, children: (0, jsx_runtime_1.jsx)(header_1.HeaderStoreProvider, { namePrefix: config?.keyPrefix, children: (0, jsx_runtime_1.jsx)(chains_1.ChainOrderStoreProvider, { namePrefix: config?.keyPrefix, children: (0, jsx_runtime_1.jsx)(routes_1.RouteExecutionStoreProvider, { namePrefix: config?.keyPrefix, children: children }) }) }) }));
-};
-exports.StoreProvider = StoreProvider;

package/cjs/stores/chains/ChainOrderStore.js

@@ -1,55 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useChainOrderStoreContext = exports.useChainOrderStore = exports.ChainOrderStoreProvider = exports.ChainOrderStoreContext = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_hook_form_1 = require("react-hook-form");
-const hooks_1 = require("../../hooks");
-const providers_1 = require("../../providers");
-const createChainOrderStore_1 = require("./createChainOrderStore");
-exports.ChainOrderStoreContext = (0, react_1.createContext)(null);
-function ChainOrderStoreProvider({ children, ...props }) {
-    const storeRef = (0, react_1.useRef)();
-    const { chains: filteredChains } = (0, hooks_1.useChains)();
-    const { setValue, getValues } = (0, react_hook_form_1.useFormContext)();
-    if (!storeRef.current) {
-        storeRef.current = (0, createChainOrderStore_1.createChainOrderStore)(props);
-    }
-    (0, react_1.useEffect)(() => {
-        if (filteredChains) {
-            const chainOrder = storeRef.current
-                ?.getState()
-                .initializeChains(filteredChains.map((chain) => chain.id));
-            if (chainOrder) {
-                const [fromChainValue, toChainValue] = getValues([
-                    providers_1.FormKey.FromChain,
-                    providers_1.FormKey.ToChain,
-                ]);
-                if (!fromChainValue) {
-                    setValue(providers_1.FormKey.FromChain, chainOrder[0]);
-                }
-                if (!toChainValue) {
-                    setValue(providers_1.FormKey.ToChain, chainOrder[0]);
-                }
-            }
-        }
-    }, [filteredChains, getValues, setValue]);
-    return ((0, jsx_runtime_1.jsx)(exports.ChainOrderStoreContext.Provider, { value: storeRef.current, children: children }));
-}
-exports.ChainOrderStoreProvider = ChainOrderStoreProvider;
-function useChainOrderStore(selector, equalityFn) {
-    const useStore = (0, react_1.useContext)(exports.ChainOrderStoreContext);
-    if (!useStore) {
-        throw new Error(`You forgot to wrap your component in <${ChainOrderStoreProvider.name}>.`);
-    }
-    return useStore(selector, equalityFn);
-}
-exports.useChainOrderStore = useChainOrderStore;
-function useChainOrderStoreContext() {
-    const useStore = (0, react_1.useContext)(exports.ChainOrderStoreContext);
-    if (!useStore) {
-        throw new Error(`You forgot to wrap your component in <${ChainOrderStoreProvider.name}>.`);
-    }
-    return useStore;
-}
-exports.useChainOrderStoreContext = useChainOrderStoreContext;

package/cjs/stores/chains/createChainOrderStore.js

@@ -1,53 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createChainOrderStore = exports.maxChainToOrder = void 0;
-const middleware_1 = require("zustand/middleware");
-const traditional_1 = require("zustand/traditional");
-exports.maxChainToOrder = 9;
-const createChainOrderStore = ({ namePrefix }) => (0, traditional_1.createWithEqualityFn)((0, middleware_1.persist)((set, get) => ({
-    chainOrder: [],
-    availableChains: [],
-    initializeChains: (chainIds) => {
-        set((state) => {
-            const chainOrder = state.chainOrder.filter((chainId) => chainIds.includes(chainId));
-            const chainsToAdd = chainIds.filter((chainId) => !chainOrder.includes(chainId));
-            if (chainOrder.length === exports.maxChainToOrder || !chainsToAdd.length) {
-                return {
-                    availableChains: chainIds,
-                    chainOrder,
-                };
-            }
-            const chainsToAddLength = exports.maxChainToOrder - chainOrder.length;
-            for (let index = 0; index < chainsToAddLength; index++) {
-                chainOrder.push(chainsToAdd[index]);
-            }
-            return {
-                availableChains: chainIds,
-                chainOrder,
-            };
-        });
-        return get().chainOrder;
-    },
-    setChain: (chainId) => {
-        const state = get();
-        if (state.chainOrder.includes(chainId) ||
-            !state.availableChains.includes(chainId)) {
-            return;
-        }
-        set((state) => {
-            const chainOrder = state.chainOrder.slice();
-            chainOrder.unshift(chainId);
-            if (chainOrder.length > exports.maxChainToOrder) {
-                chainOrder.pop();
-            }
-            return {
-                chainOrder,
-            };
-        });
-    },
-}), {
-    name: `${namePrefix || 'li.fi'}-widget-chains-order`,
-    version: 0,
-    partialize: (state) => ({ chainOrder: state.chainOrder }),
-}), Object.is);
-exports.createChainOrderStore = createChainOrderStore;

package/cjs/stores/chains/index.js

@@ -1,20 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./ChainOrderStore"), exports);
-__exportStar(require("./createChainOrderStore"), exports);
-__exportStar(require("./types"), exports);
-__exportStar(require("./useChainOrder"), exports);

package/cjs/stores/chains/types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/cjs/stores/chains/useChainOrder.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useChainOrder = void 0;
-const shallow_1 = require("zustand/shallow");
-const ChainOrderStore_1 = require("./ChainOrderStore");
-const useChainOrder = () => {
-    return (0, ChainOrderStore_1.useChainOrderStore)((state) => [state.chainOrder, state.setChain], shallow_1.shallow);
-};
-exports.useChainOrder = useChainOrder;