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

package/cjs/hooks/useSwapOnly.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSwapOnly = void 0;
-const stores_1 = require("../stores");
-const useSwapOnly = () => {
-    const state = (0, stores_1.useSplitSubvariantStore)((state) => state.state);
-    return state === 'swap';
-};
-exports.useSwapOnly = useSwapOnly;

package/cjs/hooks/useToken.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useToken = void 0;
-const react_1 = require("react");
-const useTokens_1 = require("./useTokens");
-const useTokenSearch_1 = require("./useTokenSearch");
-const useToken = (chainId, tokenAddress) => {
-    const { tokens, isLoading } = (0, useTokens_1.useTokens)(chainId);
-    const token = (0, react_1.useMemo)(() => {
-        const token = tokens?.find((token) => token.address === tokenAddress && token.chainId === chainId);
-        return token;
-    }, [chainId, tokenAddress, tokens]);
-    const tokenSearchEnabled = !isLoading && !token;
-    const { token: searchedToken, isLoading: isSearchedTokenLoading } = (0, useTokenSearch_1.useTokenSearch)(chainId, tokenAddress, tokenSearchEnabled);
-    return {
-        token: token ?? searchedToken,
-        isLoading: isLoading || (tokenSearchEnabled && isSearchedTokenLoading),
-    };
-};
-exports.useToken = useToken;

package/cjs/hooks/useTokenAddressBalance.d.ts

@@ -1,5 +0,0 @@
-export declare const useTokenAddressBalance: (chainId?: number, tokenAddress?: string) => {
-    token: import("..").TokenAmount | undefined;
-    isLoading: boolean;
-    refetch: (options?: import("@tanstack/query-core/build/legacy/queryClient-IoYjXsnV").Z | undefined) => Promise<import("@tanstack/query-core/build/legacy/queryClient-IoYjXsnV").ac<import("..").TokenAmount[], Error>>;
-};

package/cjs/hooks/useTokenAddressBalance.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useTokenAddressBalance = void 0;
-const react_1 = require("react");
-const useTokenBalances_1 = require("./useTokenBalances");
-const useTokenAddressBalance = (chainId, tokenAddress) => {
-    const { tokens, tokensWithBalance, isBalanceLoading, refetch } = (0, useTokenBalances_1.useTokenBalances)(chainId);
-    const token = (0, react_1.useMemo)(() => {
-        if (tokenAddress && chainId) {
-            const token = (tokensWithBalance ?? tokens)?.find((token) => token.address === tokenAddress && token.chainId === chainId);
-            return token;
-        }
-    }, [chainId, tokenAddress, tokens, tokensWithBalance]);
-    return {
-        token,
-        isLoading: isBalanceLoading,
-        refetch,
-    };
-};
-exports.useTokenAddressBalance = useTokenAddressBalance;

package/cjs/hooks/useTokenBalance.d.ts

@@ -1,11 +0,0 @@
-import type { ExtendedChain } from '@lifi/sdk';
-import { type Token, type TokenAmount } from '@lifi/sdk';
-export declare const useTokenBalance: (accountAddress?: string, token?: Token, chain?: ExtendedChain) => {
-    token: TokenAmount | undefined;
-    isLoading: boolean;
-    refetch: (options?: import("@tanstack/query-core/build/legacy/queryClient-IoYjXsnV").Z | undefined) => Promise<import("@tanstack/query-core/build/legacy/queryClient-IoYjXsnV").ac<TokenAmount, Error>>;
-    refetchNewBalance: () => void;
-    refetchAllBalances: () => void;
-    getTokenBalancesWithRetry: (accountAddress: string, tokens: Token[], depth?: number) => Promise<TokenAmount[] | undefined>;
-};
-export declare const getTokenBalancesWithRetry: (accountAddress: string, tokens: Token[], depth?: number) => Promise<TokenAmount[] | undefined>;

package/cjs/hooks/useTokenBalance.js

@@ -1,106 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getTokenBalancesWithRetry = exports.useTokenBalance = void 0;
-const sdk_1 = require("@lifi/sdk");
-const react_query_1 = require("@tanstack/react-query");
-const react_1 = require("react");
-const useAccount_1 = require("./useAccount");
-const defaultRefetchInterval = 30000;
-const useTokenBalance = (accountAddress, token, chain) => {
-    const { account } = (0, useAccount_1.useAccount)();
-    const queryClient = (0, react_query_1.useQueryClient)();
-    const walletAddress = accountAddress ||
-        // When we provide chain we want to be sure that account address used is from the same ecosystem as token
-        !chain
-        ? account.address
-        : chain.chainType === account.chainType
-            ? account.address
-            : undefined;
-    const tokenBalanceQueryKey = (0, react_1.useMemo)(() => ['token-balance', walletAddress, token?.chainId, token?.address], [token?.address, token?.chainId, walletAddress]);
-    const { data, isLoading, refetch } = (0, react_query_1.useQuery)({
-        queryKey: tokenBalanceQueryKey,
-        queryFn: async ({ queryKey: [, accountAddress] }) => {
-            const cachedToken = queryClient
-                .getQueryData([
-                'token-balances',
-                accountAddress,
-                token.chainId,
-            ])
-                ?.find((t) => t.address === token.address);
-            if (cachedToken) {
-                return cachedToken;
-            }
-            const tokenBalances = await (0, exports.getTokenBalancesWithRetry)(accountAddress, [token]);
-            if (!tokenBalances?.length) {
-                throw Error('Could not get tokens balance.');
-            }
-            const cachedTokenAmount = queryClient.getQueryData(tokenBalanceQueryKey);
-            const tokenAmount = tokenBalances[0].amount;
-            if (cachedTokenAmount?.amount !== tokenAmount) {
-                queryClient.setQueryDefaults(tokenBalanceQueryKey, {
-                    refetchInterval: defaultRefetchInterval,
-                    staleTime: defaultRefetchInterval,
-                });
-            }
-            queryClient.setQueriesData({ queryKey: ['token-balances', accountAddress, token.chainId] }, (data) => {
-                if (data) {
-                    const clonedData = [...data];
-                    const index = clonedData.findIndex((dataToken) => dataToken.address === token.address);
-                    clonedData[index] = {
-                        ...clonedData[index],
-                        amount: tokenAmount,
-                    };
-                    return clonedData;
-                }
-            });
-            return {
-                ...tokenBalances[0],
-                amount: tokenAmount,
-            };
-        },
-        enabled: Boolean(walletAddress && token),
-        refetchInterval: defaultRefetchInterval,
-        staleTime: defaultRefetchInterval,
-    });
-    const refetchAllBalances = () => {
-        queryClient.refetchQueries({
-            queryKey: ['token-balances', accountAddress, token?.chainId],
-            exact: false,
-        });
-    };
-    const refetchNewBalance = (0, react_1.useCallback)(() => {
-        queryClient.setQueryDefaults(tokenBalanceQueryKey, {
-            refetchInterval: 250,
-            staleTime: 250,
-        });
-    }, [queryClient, tokenBalanceQueryKey]);
-    return {
-        token: data,
-        isLoading,
-        refetch,
-        refetchNewBalance,
-        refetchAllBalances,
-        getTokenBalancesWithRetry: exports.getTokenBalancesWithRetry,
-    };
-};
-exports.useTokenBalance = useTokenBalance;
-const getTokenBalancesWithRetry = async (accountAddress, tokens, depth = 0) => {
-    try {
-        const tokenBalances = await (0, sdk_1.getTokenBalances)(accountAddress, tokens);
-        if (!tokenBalances.every((token) => token.blockNumber)) {
-            if (depth > 10) {
-                console.warn('Token balance backoff depth exceeded.');
-                return undefined;
-            }
-            await new Promise((resolve) => {
-                setTimeout(resolve, 1.5 ** depth * 100);
-            });
-            return (0, exports.getTokenBalancesWithRetry)(accountAddress, tokens, depth + 1);
-        }
-        return tokenBalances;
-    }
-    catch (error) {
-        //
-    }
-};
-exports.getTokenBalancesWithRetry = getTokenBalancesWithRetry;

package/cjs/hooks/useTokenBalances.d.ts

@@ -1,9 +0,0 @@
-import type { TokenAmount } from '../types';
-export declare const useTokenBalances: (selectedChainId?: number) => {
-    tokens: TokenAmount[] | undefined;
-    tokensWithBalance: TokenAmount[] | undefined;
-    featuredTokens: import("@lifi/sdk").StaticToken[] | undefined;
-    isLoading: boolean;
-    isBalanceLoading: boolean;
-    refetch: (options?: import("@tanstack/query-core/build/legacy/queryClient-IoYjXsnV").Z | undefined) => Promise<import("@tanstack/query-core/build/legacy/queryClient-IoYjXsnV").ac<TokenAmount[], Error>>;
-};

package/cjs/hooks/useTokenBalances.js

@@ -1,59 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useTokenBalances = void 0;
-const sdk_1 = require("@lifi/sdk");
-const react_query_1 = require("@tanstack/react-query");
-const viem_1 = require("viem");
-const useAccount_1 = require("./useAccount");
-const useFeaturedTokens_1 = require("./useFeaturedTokens");
-const useTokens_1 = require("./useTokens");
-const defaultRefetchInterval = 32000;
-const useTokenBalances = (selectedChainId) => {
-    const { accounts } = (0, useAccount_1.useAccount)();
-    const featuredTokens = (0, useFeaturedTokens_1.useFeaturedTokens)(selectedChainId);
-    const { tokens, chain, isLoading } = (0, useTokens_1.useTokens)(selectedChainId);
-    const account = accounts.find((account) => account.chainType === chain?.chainType);
-    const isBalanceLoadingEnabled = Boolean(account?.address) &&
-        Boolean(tokens?.length) &&
-        Boolean(selectedChainId);
-    const { data: tokensWithBalance, isLoading: isBalanceLoading, refetch, } = (0, react_query_1.useQuery)({
-        queryKey: [
-            'token-balances',
-            account?.address,
-            selectedChainId,
-            tokens?.length,
-        ],
-        queryFn: async ({ queryKey: [, accountAddress] }) => {
-            const tokenBalances = await (0, sdk_1.getTokenBalances)(accountAddress, tokens);
-            const featuredTokenAddresses = new Set(featuredTokens?.map((token) => token.address));
-            const sortFn = (a, b) => parseFloat((0, viem_1.formatUnits)(b.amount ?? 0n, b.decimals)) *
-                parseFloat(b.priceUSD ?? '0') -
-                parseFloat((0, viem_1.formatUnits)(a.amount ?? 0n, a.decimals)) *
-                    parseFloat(a.priceUSD ?? '0');
-            const formattedTokens = (tokenBalances.length === 0 ? tokens : tokenBalances);
-            const result = [
-                ...formattedTokens
-                    .filter((token) => token.amount && featuredTokenAddresses.has(token.address))
-                    .sort(sortFn),
-                ...formattedTokens.filter((token) => !token.amount && featuredTokenAddresses.has(token.address)),
-                ...formattedTokens
-                    .filter((token) => token.amount && !featuredTokenAddresses.has(token.address))
-                    .sort(sortFn),
-                ...formattedTokens.filter((token) => !token.amount && !featuredTokenAddresses.has(token.address)),
-            ];
-            return result;
-        },
-        enabled: isBalanceLoadingEnabled,
-        refetchInterval: defaultRefetchInterval,
-        staleTime: defaultRefetchInterval,
-    });
-    return {
-        tokens,
-        tokensWithBalance,
-        featuredTokens,
-        isLoading,
-        isBalanceLoading: isBalanceLoading && isBalanceLoadingEnabled,
-        refetch,
-    };
-};
-exports.useTokenBalances = useTokenBalances;

package/cjs/hooks/useTokenSearch.js

@@ -1,34 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useTokenSearch = void 0;
-const sdk_1 = require("@lifi/sdk");
-const react_query_1 = require("@tanstack/react-query");
-const useTokenSearch = (chainId, tokenQuery, enabled) => {
-    const queryClient = (0, react_query_1.useQueryClient)();
-    const { data, isLoading } = (0, react_query_1.useQuery)({
-        queryKey: ['token-search', chainId, tokenQuery],
-        queryFn: async ({ queryKey: [, chainId, tokenQuery], signal }) => {
-            const token = await (0, sdk_1.getToken)(chainId, tokenQuery, {
-                signal,
-            });
-            if (token) {
-                queryClient.setQueriesData({ queryKey: ['tokens'] }, (data) => {
-                    if (data &&
-                        !data.tokens[chainId]?.some((t) => t.address === token.address)) {
-                        const clonedData = { ...data };
-                        clonedData.tokens[chainId]?.push(token);
-                        return clonedData;
-                    }
-                });
-            }
-            return token;
-        },
-        enabled: Boolean(chainId && tokenQuery && enabled),
-        retry: false,
-    });
-    return {
-        token: data,
-        isLoading,
-    };
-};
-exports.useTokenSearch = useTokenSearch;

package/cjs/hooks/useTokens.js

@@ -1,76 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useTokens = void 0;
-const sdk_1 = require("@lifi/sdk");
-const react_query_1 = require("@tanstack/react-query");
-const react_1 = require("react");
-const providers_1 = require("../providers");
-const useChains_1 = require("./useChains");
-const useFeaturedTokens_1 = require("./useFeaturedTokens");
-const useTokens = (selectedChainId) => {
-    const { tokens: configTokens } = (0, providers_1.useWidgetConfig)();
-    const { data, isLoading } = (0, react_query_1.useQuery)({
-        queryKey: ['tokens'],
-        queryFn: () => (0, sdk_1.getTokens)({ chainTypes: [sdk_1.ChainType.EVM, sdk_1.ChainType.SVM] }),
-        refetchInterval: 3600000,
-    });
-    const { chains, isLoading: isSupportedChainsLoading, getChainById, } = (0, useChains_1.useChains)();
-    const featuredTokens = (0, useFeaturedTokens_1.useFeaturedTokens)(selectedChainId);
-    const filteredData = (0, react_1.useMemo)(() => {
-        if (isSupportedChainsLoading) {
-            return;
-        }
-        const chain = getChainById(selectedChainId, chains);
-        const chainAllowed = selectedChainId && chain;
-        if (!chainAllowed) {
-            return;
-        }
-        let filteredTokens = data?.tokens[selectedChainId];
-        const includedTokens = configTokens?.include?.filter((token) => token.chainId === selectedChainId);
-        if (includedTokens?.length) {
-            filteredTokens = filteredTokens
-                ? [...includedTokens, ...filteredTokens]
-                : includedTokens;
-        }
-        const allowedTokens = configTokens?.allow
-            ?.filter((token) => token.chainId === selectedChainId)
-            .map((token) => token.address);
-        if (allowedTokens?.length) {
-            filteredTokens = filteredTokens?.filter((token) => allowedTokens.includes(token.address));
-        }
-        const deniedTokenAddresses = configTokens?.deny
-            ?.filter((token) => token.chainId === selectedChainId)
-            .map((token) => token.address);
-        if (deniedTokenAddresses?.length) {
-            filteredTokens = filteredTokens?.filter((token) => !deniedTokenAddresses.includes(token.address));
-        }
-        const featuredTokenAddresses = new Set(featuredTokens?.map((token) => token.address));
-        const tokens = [
-            ...(featuredTokens?.map((token) => {
-                token.featured = true;
-                return token;
-            }) ?? []),
-            ...(filteredTokens?.filter((token) => !featuredTokenAddresses.has(token.address)) ?? []),
-        ];
-        return {
-            tokens,
-            chain,
-        };
-    }, [
-        chains,
-        configTokens?.allow,
-        configTokens?.deny,
-        configTokens?.include,
-        data?.tokens,
-        featuredTokens,
-        getChainById,
-        isSupportedChainsLoading,
-        selectedChainId,
-    ]);
-    return {
-        tokens: filteredData?.tokens,
-        chain: filteredData?.chain,
-        isLoading,
-    };
-};
-exports.useTokens = useTokens;

package/cjs/hooks/useTools.js

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useTools = void 0;
-const sdk_1 = require("@lifi/sdk");
-const react_query_1 = require("@tanstack/react-query");
-const providers_1 = require("../providers");
-const stores_1 = require("../stores");
-const useTools = () => {
-    const { bridges, exchanges } = (0, providers_1.useWidgetConfig)();
-    const { data } = (0, react_query_1.useQuery)({
-        queryKey: ['tools'],
-        queryFn: async () => {
-            const tools = await (0, sdk_1.getTools)();
-            const result = {
-                bridges: tools.bridges.filter((bridge) => (0, providers_1.isItemAllowed)(bridge.key, bridges)),
-                exchanges: tools.exchanges.filter((exchange) => (0, providers_1.isItemAllowed)(exchange.key, exchanges)),
-            };
-            const { initializeTools } = stores_1.useSettingsStore.getState();
-            initializeTools('Bridges', result.bridges.map((bridge) => bridge.key));
-            initializeTools('Exchanges', result.exchanges.map((exchange) => exchange.key));
-            return result;
-        },
-        refetchInterval: 180000,
-        staleTime: 180000,
-    });
-    return { tools: data };
-};
-exports.useTools = useTools;

package/cjs/hooks/useTransactionDetails.js

@@ -1,56 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useTransactionDetails = void 0;
-const sdk_1 = require("@lifi/sdk");
-const react_query_1 = require("@tanstack/react-query");
-const useAccount_1 = require("./useAccount");
-const useTransactionDetails = (transactionHash) => {
-    const { account } = (0, useAccount_1.useAccount)();
-    const queryClient = (0, react_query_1.useQueryClient)();
-    const { data, isLoading } = (0, react_query_1.useQuery)({
-        queryKey: ['transaction-history', account.address, transactionHash],
-        queryFn: async ({ queryKey: [, accountAddress, transactionHash], signal, }) => {
-            if (!accountAddress) {
-                return;
-            }
-            if (transactionHash) {
-                const cachedHistory = queryClient.getQueryData([
-                    'transaction-history',
-                    accountAddress,
-                ]);
-                let transaction = cachedHistory?.find((t) => t.sending.txHash === transactionHash);
-                if (transaction) {
-                    return transaction;
-                }
-                transaction = await (0, sdk_1.getStatus)({
-                    txHash: transactionHash,
-                }, { signal });
-                if (cachedHistory && transaction) {
-                    queryClient.setQueryData(['transaction-history', accountAddress], (data) => {
-                        return [...data, transaction];
-                    });
-                }
-                return transaction;
-            }
-        },
-        refetchInterval: 300000,
-        enabled: Boolean(account.address),
-        initialData: () => {
-            const transaction = queryClient
-                .getQueryData([
-                'transaction-history',
-                account.address,
-            ])
-                ?.find((t) => t.sending.txHash === transactionHash);
-            if (transaction) {
-                return transaction;
-            }
-        },
-        placeholderData: react_query_1.keepPreviousData,
-    });
-    return {
-        transaction: data,
-        isLoading,
-    };
-};
-exports.useTransactionDetails = useTransactionDetails;

package/cjs/hooks/useTransactionHistory.d.ts

@@ -1,5 +0,0 @@
-export declare const useTransactionHistory: () => {
-    data: import("@lifi/sdk").StatusResponse[];
-    isLoading: boolean;
-    refetch: (options?: import("@tanstack/query-core/build/legacy/queryClient-IoYjXsnV").Z | undefined) => Promise<import("@tanstack/query-core/build/legacy/queryClient-IoYjXsnV").ac<import("@lifi/sdk").StatusResponse[], Error>>;
-};

package/cjs/hooks/useTransactionHistory.js

@@ -1,39 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useTransactionHistory = void 0;
-const sdk_1 = require("@lifi/sdk");
-const react_query_1 = require("@tanstack/react-query");
-const useAccount_1 = require("./useAccount");
-const useTransactionHistory = () => {
-    const { account } = (0, useAccount_1.useAccount)();
-    const { data, isLoading, refetch } = (0, react_query_1.useQuery)({
-        queryKey: ['transaction-history', account.address],
-        queryFn: async ({ queryKey: [, accountAddress], signal }) => {
-            if (!accountAddress) {
-                return [];
-            }
-            const date = new Date();
-            date.setFullYear(date.getFullYear() - 10);
-            const response = await (0, sdk_1.getTransactionHistory)({
-                wallet: accountAddress,
-                fromTimestamp: date.getTime() / 1000,
-                toTimestamp: Date.now() / 1000,
-            }, { signal });
-            const filteredTransactions = response.transfers
-                .filter((transaction) => transaction.receiving.chainId && transaction.sending.chainId)
-                .sort((a, b) => {
-                return ((b.sending?.timestamp ?? 0) -
-                    (a.sending?.timestamp ?? 0));
-            });
-            return filteredTransactions;
-        },
-        refetchInterval: 300000,
-        enabled: Boolean(account.address),
-    });
-    return {
-        data: data ?? [],
-        isLoading,
-        refetch,
-    };
-};
-exports.useTransactionHistory = useTransactionHistory;

package/cjs/hooks/useWidgetEvents.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useWidgetEvents = exports.widgetEvents = void 0;
-const mitt_1 = require("mitt");
-exports.widgetEvents = (0, mitt_1.default)();
-const useWidgetEvents = () => {
-    return exports.widgetEvents;
-};
-exports.useWidgetEvents = useWidgetEvents;

package/cjs/i18n/index.js

@@ -1,31 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.zh = exports.vi = exports.uk = exports.tr = exports.th = exports.pt = exports.ko = exports.it = exports.id = exports.fr = exports.es = exports.en = exports.de = exports.bn = void 0;
-const bn_json_1 = require("./bn.json");
-exports.bn = bn_json_1.default;
-const de_json_1 = require("./de.json");
-exports.de = de_json_1.default;
-const en_json_1 = require("./en.json");
-exports.en = en_json_1.default;
-const es_json_1 = require("./es.json");
-exports.es = es_json_1.default;
-const fr_json_1 = require("./fr.json");
-exports.fr = fr_json_1.default;
-const id_json_1 = require("./id.json");
-exports.id = id_json_1.default;
-const it_json_1 = require("./it.json");
-exports.it = it_json_1.default;
-const ko_json_1 = require("./ko.json");
-exports.ko = ko_json_1.default;
-const pt_json_1 = require("./pt.json");
-exports.pt = pt_json_1.default;
-const th_json_1 = require("./th.json");
-exports.th = th_json_1.default;
-const tr_json_1 = require("./tr.json");
-exports.tr = tr_json_1.default;
-const uk_json_1 = require("./uk.json");
-exports.uk = uk_json_1.default;
-const vi_json_1 = require("./vi.json");
-exports.vi = vi_json_1.default;
-const zh_json_1 = require("./zh.json");
-exports.zh = zh_json_1.default;

package/cjs/icons/InsuraceLogo.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.InsuraceLogo = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const InsuraceLogo = (props) => {
-    const theme = (0, material_1.useTheme)();
-    const insurColor = theme.palette.mode === 'light' ? '#1C4332' : theme.palette.common.white;
-    return ((0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "58", height: "20", fill: "none", ...props, children: [(0, jsx_runtime_1.jsx)("path", { fill: insurColor, fillRule: "evenodd", d: "M42.887 3.894a2.104 2.104 0 0 0-1.304.405 1.259 1.259 0 0 0-.544 1.046c0 .683.509 1.15 1.527 1.401.483.12.817.236 1 .345.184.11.276.234.276.373a.36.36 0 0 1-.227.331 1.25 1.25 0 0 1-.568.115c-.66 0-1.292-.25-1.896-.753V8.23c.473.418 1.082.637 1.826.656h.055c.46.01.912-.12 1.297-.37a1.19 1.19 0 0 0 .558-1.053c0-.734-.51-1.229-1.527-1.485a.532.532 0 0 1-.084-.02l-.097-.022a5.483 5.483 0 0 1-.826-.258c-.18-.079-.269-.192-.269-.341a.38.38 0 0 1 .23-.341c.178-.09.374-.133.572-.126.303.006.602.061.886.164a4 4 0 0 1 .906.443V4.41a3.55 3.55 0 0 0-1.791-.516Zm-11.621.056h1.052v4.88h-1.052V3.95Zm5.014 0 1.638 3.876V3.95h1.025v4.88h-1.625l-1.687-4.002V8.83h-1.025V3.95h1.674Zm10.56.007h1.053v2.9c-.007.28.102.55.3.746a.972.972 0 0 0 .711.3.982.982 0 0 0 .715-.3c.2-.196.31-.466.303-.746v-2.9h1.046v2.9c.013.543-.2 1.067-.59 1.447a2.158 2.158 0 0 1-2.941.007 1.934 1.934 0 0 1-.596-1.454v-2.9Zm9.283 1.653a.714.714 0 0 1-.718.71h-1.179V4.891h1.178a.7.7 0 0 1 .51.206.68.68 0 0 1 .209.505v.008ZM53.18 3.95v4.88h1.045V7.226h.823l.969 1.604h1.185l-1.046-1.736c.29-.114.538-.316.708-.578.176-.26.27-.565.268-.879a1.617 1.617 0 0 0-.505-1.185 1.673 1.673 0 0 0-1.224-.502h-2.223Z", clipRule: "evenodd" }), (0, jsx_runtime_1.jsx)("path", { fill: "#28DA98", fillRule: "evenodd", d: "M32.366 13.05a1.27 1.27 0 0 0 .37.914c.238.252.57.391.917.383a1.317 1.317 0 0 0 1.296-1.296 1.267 1.267 0 0 0-.383-.913 1.233 1.233 0 0 0-.913-.393 1.216 1.216 0 0 0-.918.388c-.24.245-.373.575-.37.918Zm-.53-1.78a2.274 2.274 0 0 1 1.69-.721c.49-.01.966.166 1.332.493v-.411h1.324v4.838h-1.324v-.401c-.37.318-.845.488-1.333.475a2.252 2.252 0 0 1-1.684-.74 2.45 2.45 0 0 1-.708-1.752 2.471 2.471 0 0 1 .704-1.78v-.001Zm7.093 0c.461-.47 1.095-.73 1.753-.721.5-.006.99.148 1.397.438.408.284.72.685.895 1.15l-1.205.347a1.274 1.274 0 0 0-.434-.543 1.095 1.095 0 0 0-.652-.206 1.174 1.174 0 0 0-.895.393 1.31 1.31 0 0 0-.365.922c-.005.342.127.672.365.918.228.252.554.393.895.388.235.004.466-.068.657-.206a1.3 1.3 0 0 0 .429-.534l1.205.347c-.176.46-.486.858-.89 1.141a2.36 2.36 0 0 1-1.401.439 2.388 2.388 0 0 1-1.767-.736 2.501 2.501 0 0 1 .014-3.537Zm9.495 1.269h-2.346a1.16 1.16 0 0 1 .425-.585c.217-.16.482-.244.753-.237a1.195 1.195 0 0 1 1.168.822Zm.411-1.424a2.477 2.477 0 0 0-3.323.155 2.501 2.501 0 0 0-.013 3.537c.46.48 1.1.747 1.766.735a2.89 2.89 0 0 0 1.351-.342 2.08 2.08 0 0 0 .94-.908l-1.15-.33c-.313.28-.722.428-1.141.412a1.327 1.327 0 0 1-.758-.215 1.043 1.043 0 0 1-.429-.616h3.633c.037-.156.056-.315.055-.475a2.338 2.338 0 0 0-.064-.53 2.467 2.467 0 0 0-.867-1.423Z", clipRule: "evenodd" }), (0, jsx_runtime_1.jsx)("path", { fill: "#28DA98", d: "M16.951 10a2.139 2.139 0 0 0-2.139-2.139l1.908-1.907c0 1.18.958 2.139 2.139 2.139L16.95 10ZM12.905 5.954a2.139 2.139 0 0 0-2.14-2.139l1.908-1.907c0 1.18.958 2.138 2.139 2.138l-1.907 1.908Z" }), (0, jsx_runtime_1.jsx)("path", { fill: insurColor, d: "M16.951 18.093a2.139 2.139 0 0 0-2.138-2.14l1.907-1.907c0 1.181.958 2.139 2.139 2.139l-1.908 1.908ZM12.905 14.046a2.139 2.139 0 0 0-2.14-2.138L12.674 10c0 1.181.958 2.139 2.139 2.139l-1.907 1.907ZM16.938 2.147c.008-.078.013-.158.013-.24l-.014.24Z" }), (0, jsx_runtime_1.jsx)("path", { fill: "#28DA98", d: "M20.207 8.651a1.907 1.907 0 0 0-2.698 0 1.901 1.901 0 0 0-.558 1.35c-.001 1.181-.958 2.138-2.14 2.138h.001c-.488 0-.976.186-1.349.559a1.9 1.9 0 0 0-.558 1.35c-.001 1.18-.957 2.135-2.136 2.137h-.004a2.139 2.139 0 0 1-2.138-2.138c0-.489-.186-.977-.559-1.35a1.901 1.901 0 0 0-1.349-.558 2.139 2.139 0 0 1-2.138-2.137v-.004c0-1.18.957-2.136 2.137-2.137.488 0 .977-.185 1.35-.558.373-.373.559-.861.559-1.35 0-1.18.958-2.138 2.139-2.138a1.907 1.907 0 1 0-1.907-1.907A2.139 2.139 0 0 1 6.72 4.046c-.488 0-.977.186-1.35.56-.372.372-.558.86-.558 1.348a2.139 2.139 0 0 1-2.138 2.139 1.907 1.907 0 1 0 .001 3.815 2.139 2.139 0 0 1 2.137 2.136c0 .489.185.978.559 1.351a1.9 1.9 0 0 0 1.354.559 2.139 2.139 0 0 1 2.133 2.139 1.908 1.908 0 0 0 3.815 0c0-1.182.958-2.14 2.139-2.14.488 0 .976-.185 1.349-.558.374-.374.56-.864.558-1.354a2.139 2.139 0 0 1 2.137-2.133 1.908 1.908 0 0 0 1.35-3.256Z" }), (0, jsx_runtime_1.jsx)("path", { fill: insurColor, d: "M28.3 8.651a1.901 1.901 0 0 0-1.348-.558 2.139 2.139 0 0 1-2.139-2.139 1.9 1.9 0 0 0-.559-1.349 1.901 1.901 0 0 0-1.349-.559 2.139 2.139 0 0 1-2.138-2.135 1.907 1.907 0 1 0-3.815-.003c0 .082-.005.164-.014.244v-.005a2.13 2.13 0 0 1-.999 1.579l-.002.001a2.112 2.112 0 0 1-.16.09l-.012.006a2.11 2.11 0 0 1-.163.072l-.018.008c-.055.02-.11.04-.167.056l-.02.006c-.057.016-.115.03-.174.042l-.02.003c-.06.011-.12.02-.182.026l-.013.001c-.064.006-.129.01-.194.01-.06 0-.118.002-.176.008h-.007a1.909 1.909 0 0 0-.526.128l-.01.003a1.92 1.92 0 0 0-.166.077l-.003.002c-.046.024-.09.051-.135.08l-.027.016c-.045.029-.087.061-.13.095-.008.006-.017.011-.025.018a1.912 1.912 0 0 0-.39.43l-.046.08c-.016.027-.034.054-.05.083-.011.023-.02.047-.032.07-.015.033-.032.066-.046.1-.01.025-.018.053-.028.08-.01.03-.023.062-.033.094-.01.036-.018.073-.027.11-.005.023-.012.046-.016.068a1.9 1.9 0 0 0-.02.137l-.007.045a1.935 1.935 0 0 0-.007.154l-.001.029a2.139 2.139 0 0 1-2.138 2.139A1.907 1.907 0 1 0 12.675 10c0-1.18.956-2.138 2.136-2.139.243 0 .485-.045.713-.137l.006-.002c.052-.02.102-.045.152-.07l.018-.009c.045-.023.089-.05.132-.078l.03-.018c.042-.027.083-.058.123-.09l.032-.023a1.953 1.953 0 0 0 .276-.277c.01-.01.017-.023.026-.034.03-.04.06-.08.088-.12l.017-.03c.028-.044.055-.088.079-.133l.009-.02c.025-.049.049-.1.07-.15l.003-.01c.09-.227.136-.468.136-.71l.013-.236a2.139 2.139 0 0 1 4.264.237c0 .49.186.978.559 1.352.373.373.862.559 1.35.558a2.139 2.139 0 0 1-.001 4.278c-.488 0-.977.186-1.35.559-.372.373-.558.862-.558 1.35a2.139 2.139 0 0 1-2.136 2.137 1.908 1.908 0 0 0-1.352 3.256 1.908 1.908 0 0 0 3.257-1.349c0-1.18.958-2.138 2.139-2.138.488 0 .976-.186 1.349-.559.372-.372.558-.86.558-1.35 0-1.18.957-2.136 2.137-2.137a1.907 1.907 0 0 0 1.35-3.256Z" })] }));
-};
-exports.InsuraceLogo = InsuraceLogo;

package/cjs/icons/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("./InsuraceLogo"), exports);
-__exportStar(require("./lifi"), exports);

package/cjs/icons/lifi.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LiFiToolLogo = void 0;
-exports.LiFiToolLogo = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3e %3ccircle cx='16' cy='16' r='16' fill='%23F5B5FF'/%3e %3cpath fill='black' d='m15.503 19.203-5.334 1.235a.468.468 0 0 0-.34.439v3.672c0 .308.243.503.55.438l7.443-1.722c.308-.065.437-.357.308-.634l-1.346-2.778c-.21-.439 0-.894.47-.991l4.864-1.17c.34-.081.632-.439.632-.796V13.5c0-.309-.243-.52-.551-.439l-7.02 1.674c-.438.097-.633.52-.438.926l1.232 2.551c.211.439 0 .877-.47.991'/%3e %3cpath fill='black' d='m11.985 10.023 1.394 2.86c.179.374 0 .764-.405.845l-2.578.601c-.324.081-.584.406-.584.731v3.07c0 .52.422.846.925.732l2.4-.552c.323-.065.583-.406.583-.732l.016-3.151c0-.44.357-.878.778-.975l7.863-1.885a.468.468 0 0 0 .34-.439V7.456c0-.309-.242-.52-.55-.439L12.293 9.39c-.308.065-.438.357-.308.633'/%3e %3c/svg%3e";

package/cjs/index.js

@@ -1,36 +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 });
-exports.LiFiWidget = exports.formatChain = exports.widgetEvents = exports.useWidgetEvents = exports.useAvailableChains = exports.useAccount = exports.useWatch = exports.useFormContext = void 0;
-const App_1 = require("./App");
-var react_hook_form_1 = require("react-hook-form");
-Object.defineProperty(exports, "useFormContext", { enumerable: true, get: function () { return react_hook_form_1.useFormContext; } });
-Object.defineProperty(exports, "useWatch", { enumerable: true, get: function () { return react_hook_form_1.useWatch; } });
-__exportStar(require("./components/NFT"), exports);
-__exportStar(require("./config/version"), exports);
-var hooks_1 = require("./hooks");
-Object.defineProperty(exports, "useAccount", { enumerable: true, get: function () { return hooks_1.useAccount; } });
-Object.defineProperty(exports, "useAvailableChains", { enumerable: true, get: function () { return hooks_1.useAvailableChains; } });
-Object.defineProperty(exports, "useWidgetEvents", { enumerable: true, get: function () { return hooks_1.useWidgetEvents; } });
-Object.defineProperty(exports, "widgetEvents", { enumerable: true, get: function () { return hooks_1.widgetEvents; } });
-__exportStar(require("./providers/FormProvider/types"), exports);
-var WalletProvider_1 = require("./providers/WalletProvider");
-Object.defineProperty(exports, "formatChain", { enumerable: true, get: function () { return WalletProvider_1.formatChain; } });
-__exportStar(require("./types"), exports);
-// ClassNameGenerator.configure((componentName) =>
-//   componentName.replace('Mui', 'LiFi'),
-// );
-exports.LiFiWidget = App_1.App;

package/cjs/pages/ActiveTransactionsPage/ActiveTransactionsEmpty.js

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ActiveTransactionsEmpty = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const SwapHoriz_1 = require("@mui/icons-material/SwapHoriz");
-const material_1 = require("@mui/material");
-const react_i18next_1 = require("react-i18next");
-const ActiveTransactionsEmpty = () => {
-    const { t } = (0, react_i18next_1.useTranslation)();
-    return ((0, jsx_runtime_1.jsxs)(material_1.Container, { sx: {
-            display: 'flex',
-            flex: 1,
-            flexDirection: 'column',
-            alignItems: 'center',
-            justifyContent: 'center',
-            paddingY: 12,
-        }, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { fontSize: 48, children: (0, jsx_runtime_1.jsx)(SwapHoriz_1.default, { fontSize: "inherit" }) }), (0, jsx_runtime_1.jsx)(material_1.Typography, { fontSize: 18, fontWeight: 700, children: t('info.title.emptyActiveTransactions') }), (0, jsx_runtime_1.jsx)(material_1.Typography, { fontSize: 14, color: "text.secondary", textAlign: "center", mt: 2, children: t('info.message.emptyActiveTransactions') })] }));
-};
-exports.ActiveTransactionsEmpty = ActiveTransactionsEmpty;