@layerswap/widget 1.0.5 → 1.1.0

package/dist/esm/context/swap.js

@@ -7,12 +7,11 @@ import useWallet from '../hooks/useWallet';
 import { useSettingsState } from './settings';
 import { transformSwapDataToQuoteArgs, useQuoteData } from '../hooks/useFee';
 import { useRecentNetworksStore } from '../stores/recentRoutesStore';
-import { useSelectedAccount } from './balanceAccounts';
-import { useSwapIdChangeCallback } from './callbackProvider';
+import { useSelectedAccount } from './swapAccounts';
 import { useInitialSettings } from './settings';
 import { addressFormat } from '../lib/address/formatter';
 import { useSlippageStore } from '../stores/slippageStore';
-// import { posthog } from 'posthog-js';
+import { useCallbacks } from './callbackProvider';
 export const SwapDataStateContext = createContext({
     depositAddressIsFromAccount: false,
     withdrawType: undefined,
@@ -32,24 +31,23 @@ export const SwapDataStateContext = createContext({
 });
 export const SwapDataUpdateContext = createContext(null);
 export function SwapDataProvider({ children }) {
+    const { sourceRoutes, destinationRoutes } = useSettingsState();
+    const initialSettings = useInitialSettings();
+    const { onSwapCreate } = useCallbacks();
+    const updateRecentTokens = useRecentNetworksStore(state => state.updateRecentNetworks);
+    const [swapBasicFormData, setSwapBasicFormData] = useState();
+    const { providers } = useWallet(swapBasicFormData?.source_network, 'asSource');
     const [quoteIsLoading, setQuoteLoading] = useState(false);
     const [withdrawType, setWithdrawType] = useState();
     const [depositAddressIsFromAccount, setDepositAddressIsFromAccount] = useState();
-    const initialSettings = useInitialSettings();
     const [swapId, setSwapId] = useState(initialSettings.swapId?.toString());
     const [swapTransaction, setSwapTransaction] = useState();
-    const { sourceRoutes, destinationRoutes } = useSettingsState();
-    const [swapBasicFormData, setSwapBasicFormData] = useState();
-    const updateRecentTokens = useRecentNetworksStore(state => state.updateRecentNetworks);
     const [swapModalOpen, setSwapModalOpen] = useState(false);
     const [swapError, setSwapError] = useState('');
-    const { providers } = useWallet(swapBasicFormData?.source_network, 'asSource');
     const quoteArgs = useMemo(() => transformSwapDataToQuoteArgs(swapBasicFormData, !!swapBasicFormData?.refuel), [swapBasicFormData]);
     const { quote: formDataQuote, quoteError: formDataQuoteError } = useQuoteData(quoteArgs, swapId ? 0 : undefined);
-    const triggerSwapIdChangeCallback = useSwapIdChangeCallback();
     const handleUpdateSwapid = (value) => {
         setSwapId(value);
-        triggerSwapIdChangeCallback(value);
     };
     const setSubmitedFormValues = useCallback((values) => {
         if (!values.from || !values.to || !values.fromAsset || !values.toAsset || !values.amount || !values.destination_address)
@@ -59,7 +57,7 @@ export function SwapDataProvider({ children }) {
             destination_network: values.to,
             source_token: values.fromAsset,
             destination_token: values.toAsset,
-            requested_amount: Number(values.amount),
+            requested_amount: values.amount,
             destination_address: values.destination_address,
             use_deposit_address: values.depositMethod === 'deposit_address',
             refuel: !!values.refuel,
@@ -74,6 +72,7 @@ export function SwapDataProvider({ children }) {
         if (swapId && data?.data) {
             return data?.data?.swap ? {
                 ...data.data.swap,
+                requested_amount: data.data.swap.requested_amount.toString(),
                 refuel: !!data.data.refuel
             } : undefined;
         }
@@ -96,7 +95,7 @@ export function SwapDataProvider({ children }) {
         return formDataQuoteError;
     }, [formDataQuoteError, data, swapId]);
     const refuel = useMemo(() => {
-        if (swapId) {
+        if (swapId && data?.data) {
             return data?.data?.refuel;
         }
         return formDataQuote?.refuel;
@@ -171,17 +170,13 @@ export function SwapDataProvider({ children }) {
         const swap = swapResponse?.data;
         if (!swap?.swap.id)
             throw new Error("Could not create swap");
+        onSwapCreate(swap);
         updateRecentTokens({
             from: !fromExchange ? { network: from.name, token: fromCurrency.symbol } : undefined,
             to: { network: to.name, token: toCurrency.symbol }
         });
-        // posthog.capture('Swap initiated', {
-        //     name: 'Swap initiated',
-        //     swapId: swapDetails?.id ?? null,
-        //     path: typeof window !== 'undefined' ? window.location.pathname : undefined,
-        // });
         return swap;
-    }, [selectedSourceAccount, formDataQuote]);
+    }, [selectedSourceAccount, formDataQuote, onSwapCreate]);
     const updateFns = {
         createSwap,
         setInterval,

package/dist/esm/context/{balanceAccounts.js → swapAccounts.js}

@@ -3,9 +3,9 @@ import { createContext, useCallback, useContext, useMemo, useState } from 'react
 import useWallet from '../hooks/useWallet';
 import AddressIcon from '../components/Common/AddressIcon';
 import { getKey, useBalanceStore } from '../stores/balanceStore';
-const BalanceAccountsStateContext = createContext(null);
-const BalanceAccountsUpdateContext = createContext(null);
-export function BalanceAccountsProvider({ children }) {
+const SwapAccountsStateContext = createContext(null);
+const SwapAccountsUpdateContext = createContext(null);
+export function SwapAccountsProvider({ children }) {
     const [selectedDestAccounts, setSelectedDestinationAccounts] = useState([]);
     const [selectedSourceAccounts, setSelectedSourceAccounts] = useState([]);
     const { providers } = useWallet();
@@ -17,7 +17,7 @@ export function BalanceAccountsProvider({ children }) {
             const wallet = selectedWallet || provider.activeWallet;
             const selectedAccountAddress = selectedWallet ? selectedSourceAccounts.find(acc => acc.providerName === provider.name && acc.id === selectedWallet.id)?.address : undefined;
             const address = selectedAccountAddress ? selectedAccountAddress : wallet.address;
-            const res = ResolveWalletBalanceAccount(provider, wallet, address);
+            const res = ResolveWalletSwapAccount(provider, wallet, address);
             if (!selectedAccountAddress) {
                 setSelectedSourceAccounts(prev => {
                     const existingAccountIndex = prev.findIndex(acc => acc.providerName === res.providerName);
@@ -36,7 +36,7 @@ export function BalanceAccountsProvider({ children }) {
         return providers.map(provider => {
             const manuallyAdded = selectedDestAccounts.find(acc => acc.providerName === provider.name && acc.id === 'manually_added');
             if (manuallyAdded) {
-                return ResolveManualBalanceAccount(provider, manuallyAdded.address);
+                return ResolveManualSwapAccount(provider, manuallyAdded.address);
             }
             if (!hasWallet(provider))
                 return null;
@@ -44,7 +44,7 @@ export function BalanceAccountsProvider({ children }) {
             const wallet = selectedWallet || provider.activeWallet;
             const selectedAccountAddress = selectedWallet ? selectedDestAccounts.find(acc => acc.providerName === provider.name && acc.id === selectedWallet.id)?.address : undefined;
             const address = selectedAccountAddress ? selectedAccountAddress : wallet.address;
-            return ResolveWalletBalanceAccount(provider, wallet, address);
+            return ResolveWalletSwapAccount(provider, wallet, address);
         }).filter(Boolean);
     }, [providers, selectedDestAccounts]);
     const selectDestinationAccount = useCallback((account) => {
@@ -81,21 +81,21 @@ export function BalanceAccountsProvider({ children }) {
         selectDestinationAccount,
         selectSourceAccount,
     }), [sourceAccounts, destinationAccounts, selectSourceAccount, selectDestinationAccount]);
-    return (_jsx(BalanceAccountsStateContext.Provider, { value: stateValues, children: _jsx(BalanceAccountsUpdateContext.Provider, { value: update, children: children }) }));
+    return (_jsx(SwapAccountsStateContext.Provider, { value: stateValues, children: _jsx(SwapAccountsUpdateContext.Provider, { value: update, children: children }) }));
 }
-export function useBalanceAccounts(direction) {
-    const values = useContext(BalanceAccountsStateContext);
+export function useSwapAccounts(direction) {
+    const values = useContext(SwapAccountsStateContext);
     if (values === undefined) {
-        throw new Error('useBalanceAccounts must be used within a BalanceAccountsProvider');
+        throw new Error('useSwapAccounts must be used within a SwapAccountsProvider');
     }
     return direction === "from" ? values.sourceAccounts : values.destinationAccounts;
 }
 export function useSelectedAccount(direction, networkName) {
-    const values = useContext(BalanceAccountsStateContext);
+    const values = useContext(SwapAccountsStateContext);
     if (!networkName)
         return undefined;
     if (values === undefined) {
-        throw new Error('useBalanceAccounts must be used within a BalanceAccountsProvider');
+        throw new Error('useSwapAccounts must be used within a SwapAccountsProvider');
     }
     return direction === "from" ? values.sourceAccounts.find(acc => acc.provider.withdrawalSupportedNetworks?.some(n => n === networkName))
         :
@@ -117,17 +117,17 @@ export function useNetworkBalance(direction, networkName) {
     const balance = useBalanceStore((s) => (s.balances[balanceKey || "unknown"]));
     return balance;
 }
-export function useUpdateBalanceAccount(direction) {
-    const values = useContext(BalanceAccountsUpdateContext);
+export function useSelectSwapAccount(direction) {
+    const values = useContext(SwapAccountsUpdateContext);
     if (values === undefined) {
-        throw new Error('useUpdateBalanceAccount must be used within a BalanceAccountsUpdateContext');
+        throw new Error('useSelectSwapAccount must be used within a SwapAccountsUpdateContext');
     }
     return direction === "from" ? values.selectSourceAccount : values.selectDestinationAccount;
 }
 function hasWallet(p) {
     return Boolean(p.activeWallet);
 }
-function ResolveWalletBalanceAccount(provider, wallet, address) {
+function ResolveWalletSwapAccount(provider, wallet, address) {
     return {
         address,
         provider,
@@ -141,7 +141,7 @@ function ResolveWalletBalanceAccount(provider, wallet, address) {
         icon: wallet.icon || ((props) => _jsx(AddressIcon, { address: address, size: 24, ...props })),
     };
 }
-function ResolveManualBalanceAccount(provider, address) {
+function ResolveManualSwapAccount(provider, address) {
     return {
         address,
         provider,

package/dist/esm/context/validationContext.js

@@ -6,7 +6,7 @@ import { transformFormValuesToQuoteArgs, useQuoteData } from '../hooks/useFee';
 import { resolveFormValidation } from '../hooks/useFormValidation';
 import { resolveRouteValidation } from '../hooks/useRouteValidation';
 import { useSwapDataState } from './swap';
-import { useSelectedAccount } from './balanceAccounts';
+import { useSelectedAccount } from './swapAccounts';
 const defaultContext = {
     formValidation: { message: '' },
     routeValidation: { message: '', details: {} },

package/dist/esm/context/walletProviders.js

@@ -8,10 +8,15 @@ import { ChevronLeft } from "lucide-react";
 import ConnectorsList from "../components/Wallet/WalletModal/ConnectorsList";
 import { useConnectModal } from "../components/Wallet/WalletModal";
 import { isMobile } from "../lib/wallets/utils/isMobile";
+import AppSettings from "../lib/AppSettings";
+import { filterSourceNetworks } from "../helpers/filterSourceNetworks";
+import useWindowDimensions from "../hooks/useWindowDimensions";
 const WalletProvidersContext = createContext([]);
 export const WalletProvidersProvider = ({ children, walletProviders }) => {
     const { networks } = useSettingsState();
+    const settings = useSettingsState();
     const isMobilePlatform = isMobile();
+    const { isMobile: isMobileSize } = useWindowDimensions();
     const { goBack, onFinish, open, setOpen, selectedConnector, selectedMultiChainConnector } = useConnectModal();
     const allProviders = walletProviders.map(provider => provider.walletConnectionProvider ? provider.walletConnectionProvider({ networks }) : undefined).filter(provider => provider !== undefined);
     const providers = useMemo(() => {
@@ -19,9 +24,10 @@ export const WalletProvidersProvider = ({ children, walletProviders }) => {
             networks.some(net => provider.autofillSupportedNetworks?.includes(net.name) ||
                 provider.withdrawalSupportedNetworks?.includes(net.name) ||
                 provider.asSourceSupportedNetworks?.includes(net.name)));
+        AppSettings.AvailableSourceNetworkTypes = filterSourceNetworks(settings, filteredProviders);
         return filteredProviders;
     }, [networks, isMobilePlatform, allProviders]);
     return (_jsxs(WalletProvidersContext.Provider, { value: providers, children: [children, _jsx(VaulDrawer, { show: open, setShow: setOpen, onClose: onFinish, modalId: "connectNewWallet", header: _jsxs("div", { className: "flex items-center gap-1", children: [(selectedConnector || selectedMultiChainConnector) &&
-                            _jsx("div", { className: "sm:-ml-2 -ml-0", children: _jsx(IconButton, { onClick: goBack, icon: _jsx(ChevronLeft, { className: "h-6 w-6" }) }) }), _jsx("p", { children: (selectedMultiChainConnector && !selectedConnector) ? "Select ecosystem" : "Connect wallet" })] }), children: _jsx(VaulDrawer.Snap, { id: 'item-1', children: _jsx(ConnectorsList, { onFinish: onFinish }) }) })] }));
+                            _jsx("div", { className: "sm:-ml-2 ml-0", children: _jsx(IconButton, { onClick: goBack, icon: _jsx(ChevronLeft, { className: "h-6 w-6" }) }) }), _jsx("p", { children: (selectedMultiChainConnector && !selectedConnector) ? "Select ecosystem" : "Connect wallet" })] }), children: _jsx(VaulDrawer.Snap, { openFullHeight: !isMobileSize, id: 'item-1', className: "pb-4 sm:pb-0! sm:h-full", children: _jsx(ConnectorsList, { onFinish: onFinish }) }) })] }));
 };
 export const useWalletProviders = () => useContext(WalletProvidersContext);

package/dist/esm/context/withdrawalContext.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 const WalletWithdrawalContext = React.createContext(null);
-export const WithdrawalProvider = ({ onWalletWithdrawalSuccess, children }) => {
-    return (_jsx(WalletWithdrawalContext.Provider, { value: { onWalletWithdrawalSuccess }, children: children }));
+export const WithdrawalProvider = ({ onWalletWithdrawalSuccess, onCancelWithdrawal, children }) => {
+    return (_jsx(WalletWithdrawalContext.Provider, { value: { onWalletWithdrawalSuccess, onCancelWithdrawal }, children: children }));
 };
 export function useWalletWithdrawalState() {
     const data = React.useContext(WalletWithdrawalContext);

package/dist/esm/exports/internal.js

@@ -3,8 +3,6 @@ import KnownInternalNames from "../lib/knownIds";
 export { KnownInternalNames };
 import NetworkSettings from "../lib/NetworkSettings";
 export { NetworkSettings };
-import logError from "../lib/logError";
-export { logError };
 export { insertIfNotExists } from "../lib/balances/helpers";
 export * from "../lib/retry";
 export { fetchWithTimeout } from "../lib/fetchWithTimeout";
@@ -18,11 +16,14 @@ export * from "../components/shadcn";
 export { default as WalletMessage } from "../components/Pages/Swap/Withdraw/messages/Message";
 export * from "../components/Buttons";
 export * from "../components/Pages/Swap/Withdraw/Wallet/Common/buttons";
+export * from "../components/Pages/Swap/Withdraw/Wallet/Common/actionMessage";
 export { default as ClickTooltip } from "../components/Common/ClickTooltip";
-export { useSelectedAccount, useUpdateBalanceAccount, useBalanceAccounts, useNetworkBalance } from "../context/balanceAccounts";
+export { useSelectedAccount, useSelectSwapAccount, useSwapAccounts, useNetworkBalance } from "../context/swapAccounts";
 export { default as useWallet } from "../hooks/useWallet";
 export * from "../lib/apiClients";
 export * from "../lib/formatUnits";
 export * from "../stores";
 export { default as shortenAddress } from "../components/utils/ShortenAddress";
 export * from "../context/swap";
+export { useWalletProvidersList } from "../components/Wallet/WalletProviders";
+export { ErrorHandler } from '../lib/ErrorHandler';

package/dist/esm/helpers/filterSourceNetworks.js

@@ -0,0 +1,23 @@
+export function filterSourceNetworks(settings, walletProviders) {
+    const networkTypesAggregation = settings.sourceRoutes?.reduce((acc, route) => {
+        if (!acc[route.type]) {
+            acc[route.type] = [];
+        }
+        acc[route.type].push(route);
+        return acc;
+    }, {}) || {};
+    const allNetworkTypes = Object.keys(networkTypesAggregation);
+    const availableNetworkTypes = allNetworkTypes.filter(networkType => {
+        return networkTypesAggregation[networkType].some(route => route.deposit_methods.includes("deposit_address") ||
+            walletProviders.some(provider => provider.withdrawalSupportedNetworks.includes(route.name)));
+    });
+    if (availableNetworkTypes.length === allNetworkTypes.length) {
+        return {
+            all: true,
+        };
+    }
+    return {
+        all: false,
+        networks: availableNetworkTypes
+    };
+}

package/dist/esm/helpers/getSettings/getSettings.js

@@ -2,17 +2,22 @@ import LayerSwapApiClient from "../../lib/apiClients/layerSwapApiClient";
 export async function getSettings(apiKey) {
     const apiClient = new LayerSwapApiClient();
     LayerSwapApiClient.apiKey = apiKey;
-    const { data: networkData } = await apiClient.GetLSNetworksAsync();
-    const { data: sourceExchangesData } = await apiClient.GetSourceExchangesAsync();
-    const { data: sourceRoutes } = await apiClient.GetRoutesAsync('sources');
-    const { data: destinationRoutes } = await apiClient.GetRoutesAsync('destinations');
-    if (!networkData)
-        return;
-    const settings = {
-        networks: networkData,
-        sourceExchanges: sourceExchangesData || [],
-        sourceRoutes: sourceRoutes || [],
-        destinationRoutes: destinationRoutes || []
-    };
-    return settings;
+    try {
+        const { data: networkData } = await apiClient.GetLSNetworksAsync();
+        const { data: sourceExchangesData } = await apiClient.GetSourceExchangesAsync();
+        const { data: sourceRoutes } = await apiClient.GetRoutesAsync('sources');
+        const { data: destinationRoutes } = await apiClient.GetRoutesAsync('destinations');
+        if (!networkData)
+            return;
+        const settings = {
+            networks: networkData,
+            sourceExchanges: sourceExchangesData || [],
+            sourceRoutes: sourceRoutes || [],
+            destinationRoutes: destinationRoutes || []
+        };
+        return settings;
+    }
+    catch (error) {
+        return null;
+    }
 }

package/dist/esm/helpers/routes.js

@@ -1,3 +1,4 @@
+import AppSettings from "../lib/AppSettings";
 export const resolveExchangesURLForSelectedToken = (values) => {
     const include_unmatched = 'true';
     const include_swaps = 'false';
@@ -62,7 +63,9 @@ export const resolveRoutesURLForSelectedToken = ({ direction, network, token, in
             }
             : {})
     });
-    const sourceRoutesURL = `/sources?${params.toString()}`;
+    const availableNetworkTypes = AppSettings.AvailableSourceNetworkTypes;
+    const networkTypesQuery = availableNetworkTypes?.all ? '' : availableNetworkTypes?.networks?.map(type => `network_types=${type}`).join('&') || '';
+    const sourceRoutesURL = `/sources?${params.toString()}${networkTypesQuery ? `&${networkTypesQuery}` : ''}`;
     const destinationRoutesURL = `/destinations?${params.toString()}`;
     const result = direction === "from" ? sourceRoutesURL : destinationRoutesURL;
     return result;

package/dist/esm/hooks/useAllWithdrawalBalances.js

@@ -1,12 +1,12 @@
 import { useSettingsState } from "../context/settings";
 import { selectResolvedSortingBalances, useBalanceStore } from "../stores/balanceStore";
 import { useEffect, useMemo, useRef } from "react";
-import { useBalanceAccounts } from "../context/balanceAccounts";
+import { useSwapAccounts } from "../context/swapAccounts";
 export default function useAllWithdrawalBalances() {
     const networks = useSettingsState().networks;
-    const balanceAccounts = useBalanceAccounts("from");
+    const swapAccounts = useSwapAccounts("from");
     const walletNetworks = useMemo(() => {
-        return balanceAccounts.map(account => {
+        return swapAccounts.map(account => {
             const withdrawalNetworks = account.walletWithdrawalSupportedNetworks;
             if (!withdrawalNetworks || withdrawalNetworks.length === 0)
                 return [];
@@ -20,7 +20,7 @@ export default function useAllWithdrawalBalances() {
                 };
             });
         }).flat().filter(item => item !== null);
-    }, [balanceAccounts, networks]);
+    }, [swapAccounts, networks]);
     const walletNetwokrsString = useMemo(() => {
         return walletNetworks.map(item => `${item.address}-${item.network.name}`).join(',');
     }, [walletNetworks]);
@@ -31,9 +31,10 @@ export default function useAllWithdrawalBalances() {
     const lastBalancesRef = useRef(null);
     const resolvedBalances = useBalanceStore(selectResolvedSortingBalances);
     const isLoading = useBalanceStore(s => s.sortingDataIsLoading);
+    const partialPublished = useBalanceStore(s => s.partialPublished);
     if (resolvedBalances != null && Object.keys(resolvedBalances).length > 0) {
         lastBalancesRef.current = resolvedBalances;
     }
     const result = resolvedBalances === null && isLoading ? lastBalancesRef.current : resolvedBalances;
-    return useMemo(() => ({ isLoading, balances: result }), [result, isLoading]);
+    return useMemo(() => ({ isLoading, balances: result, partialPublished }), [result, isLoading, partialPublished]);
 }

package/dist/esm/hooks/useFormRoutes.js

@@ -19,14 +19,25 @@ export default function useFormRoutes({ direction, values }, search) {
     });
     const { lockFrom, from, lockTo, to, lockFromAsset, fromAsset, lockToAsset, toAsset } = useInitialSettings();
     const groupByToken = useRouteTokenSwitchStore((s) => s.showTokens);
-    const { balances, isLoading: balancesLoading } = useAllWithdrawalBalances();
+    const { balances, partialPublished, isLoading } = useAllWithdrawalBalances();
     const routesHistory = useRecentNetworksStore(state => state.recentRoutes);
+    const loadingSuggestions = useMemo(() => {
+        return !partialPublished && isLoading && direction === "from";
+    }, [isLoading, direction, partialPublished]);
     // Apply query-based filtering
     const filteredRoutes = useMemo(() => {
         const filtered = filterRoutesByQuery(routes, direction, { lockFrom, from, lockTo, to, lockFromAsset, fromAsset, lockToAsset, toAsset });
         return filtered;
     }, [routes, direction, lockFrom, from, lockTo, to, lockFromAsset, fromAsset, lockToAsset, toAsset]);
-    const routeElements = useMemo(() => groupRoutes(filteredRoutes, direction, balances, groupByToken ? "token" : "network", routesHistory, balancesLoading, search), [balancesLoading, filteredRoutes, balances, direction, search, groupByToken, routesHistory]);
+    const routeElements = useMemo(() => groupRoutes({
+        routes: filteredRoutes,
+        direction,
+        balances,
+        groupBy: groupByToken ? "token" : "network",
+        recents: routesHistory,
+        balancesLoaded: loadingSuggestions,
+        search
+    }), [filteredRoutes, balances, direction, search, groupByToken, routesHistory, loadingSuggestions]);
     const exchanges = useMemo(() => {
         return groupExchanges(exchangesRoutes, search, direction, { lockFrom, from, lockTo, to });
     }, [exchangesRoutes, search, direction, lockFrom, from, lockTo, to]);
@@ -42,7 +53,6 @@ export default function useFormRoutes({ direction, values }, search) {
         exchangeSourceNetworksLoading,
         selectedRoute,
         selectedToken,
-        allbalancesLoaded: !balancesLoading,
     }), [
         filteredRoutes,
         routesLoading,
@@ -52,8 +62,7 @@ export default function useFormRoutes({ direction, values }, search) {
         withdrawalNetworks,
         exchangeSourceNetworksLoading,
         selectedRoute,
-        selectedToken,
-        balancesLoading,
+        selectedToken
     ]);
 }
 function useRoutesData(url, defaultData, fetcher) {
@@ -169,12 +178,11 @@ const searchInTokens = (routes, search) => {
         return symbolMatch || contractMatch || nameMatch || combo;
     });
 };
-// ---------- Route Grouping ----------
-function groupRoutes(routes, direction, balances, groupBy = 'network', recents, balancesLoading, search) {
+function groupRoutes({ routes, direction, balances, groupBy, recents, balancesLoaded, search }) {
     if (search) {
         return resolveSearch(routes, search, direction, balances, recents);
     }
-    const suggestedRoutes = getSuggestedRoutes(routes, balances, recents, direction, balancesLoading);
+    const suggestedRoutes = getSuggestedRoutes(routes, balances, recents, direction, balancesLoaded);
     if (groupBy === "token") {
         const groupedTokens = resolveTokenRoutes(routes, balances, direction);
         return mergeGroups(suggestedRoutes, groupedTokens);

package/dist/esm/hooks/useFormValidation.js

@@ -1,4 +1,9 @@
 import { isValidAddress } from '../lib/address/validator';
+export const FORM_VALIDATION_ERROR_CODES = {
+    ROUTE_NOT_FOUND: "ROUTE_NOT_FOUND",
+    MIN_AMOUNT_ERROR: "MIN_AMOUNT_ERROR",
+    MAX_AMOUNT_ERROR: "MAX_AMOUNT_ERROR",
+};
 export function resolveFormValidation({ values, maxAllowedAmount, minAllowedAmount, sourceAddress, sameAccountNetwork, quoteError }) {
     let amount = values.amount ? Number(values.amount) : undefined;
     if (!values.from && !values.fromExchange) {
@@ -16,17 +21,17 @@ export function resolveFormValidation({ values, maxAllowedAmount, minAllowedAmou
     if (!amount) {
         return { message: 'Enter an amount' };
     }
-    if (!/^[0-9]*[.,]?[0-9]*$/i.test(amount.toString())) {
-        return { message: 'Invalid amount' };
-    }
     if (amount < 0) {
         return { message: "Can't be negative" };
     }
     if (maxAllowedAmount != undefined && amount > maxAllowedAmount) {
-        return { message: `Max amount is ${maxAllowedAmount}` };
+        return { code: FORM_VALIDATION_ERROR_CODES.MAX_AMOUNT_ERROR, message: `Max amount is ${maxAllowedAmount}` };
     }
     if (minAllowedAmount != undefined && amount < minAllowedAmount) {
-        return { message: `Min amount is ${minAllowedAmount}` };
+        return { code: FORM_VALIDATION_ERROR_CODES.MIN_AMOUNT_ERROR, message: `Min amount is ${minAllowedAmount}` };
+    }
+    if (!/^[0-9]*[.,]?[0-9]*$/i.test(amount.toString())) {
+        return { message: 'Invalid amount' };
     }
     if (values.to) {
         if (values.destination_address && !isValidAddress(values.destination_address, values.to)) {
@@ -46,7 +51,7 @@ export function resolveFormValidation({ values, maxAllowedAmount, minAllowedAmou
     }
     const quoteErrorCode = quoteError?.response?.data?.error?.code || quoteError?.code;
     if (quoteError && quoteErrorCode !== "QUOTE_REQUIRES_NO_DEPOSIT_ADDRESS") {
-        return { message: quoteError.response?.data?.error?.message || 'Unable to retrieve quote' };
+        return { message: 'Route not found', code: FORM_VALIDATION_ERROR_CODES.ROUTE_NOT_FOUND };
     }
     return { message: '' };
 }

package/dist/esm/hooks/useRouteValidation.js

@@ -3,7 +3,7 @@ import { RouteOff } from 'lucide-react';
 import { useMemo } from 'react';
 import { useInitialSettings } from '../context/settings';
 import { useFormikContext } from 'formik';
-import { useSelectedAccount } from '../context/balanceAccounts';
+import { useSelectedAccount } from '../context/swapAccounts';
 import { ICON_CLASSES_WARNING } from '../components/Pages/Swap/Form/SecondaryComponents/validationError/constants';
 export function resolveRouteValidation(quoteError) {
     const { values } = useFormikContext();

package/dist/esm/hooks/useSwrSwaps.js

@@ -6,7 +6,7 @@ const PAGE_SIZE = 20;
 const getSwapsKey = (index, statuses, addresses) => {
     const addressesParams = addresses?.map(a => `&addresses=${a}`).join('') || '';
     const statusesParams = statuses.map(s => `&statuses=${s}`).join('') || '';
-    return `/internal/swaps?page=${index + 1}${statusesParams}${addressesParams}`;
+    return `/swaps/internal?page=${index + 1}${statusesParams}${addressesParams}`;
 };
 export function useSwrSwaps({ statuses, addresses, refreshInterval, autoLoadAllInitially, revalidateAll, revalidateFirstPage }) {
     const apiClient = new LayerSwapApiClient();

package/dist/esm/hooks/useTransfer.js

@@ -0,0 +1,9 @@
+import { resolverService } from "../lib/resolvers/resolverService";
+import { useCallback } from "react";
+export function useTransfer() {
+    const executeTransfer = useCallback(async (params, wallet) => {
+        const transferResolver = resolverService.getTransferResolver();
+        return transferResolver.executeTransfer(params, wallet);
+    }, []);
+    return { executeTransfer };
+}

package/dist/esm/hooks/useWallet.js

@@ -39,26 +39,26 @@ const resolveProvider = (network, walletProviders, purpose) => {
         case "withdrawal":
             provider = walletProviders.find(provider => provider.withdrawalSupportedNetworks?.includes(network.name));
             break;
-        case "autofil":
+        case "autofill":
             provider = walletProviders.find(provider => provider.autofillSupportedNetworks?.includes(network.name));
             break;
         case "asSource":
             provider = walletProviders.find(provider => provider.asSourceSupportedNetworks?.includes(network.name));
             break;
     }
-    if (provider?.isNotAvailableCondition) {
-        const availableWalletsForConnect = provider.availableWalletsForConnect?.filter(connector => (provider.isNotAvailableCondition && network?.name) ? !provider.isNotAvailableCondition(connector.id, network?.name) : true);
+    if (provider?.isNotAvailableCondition && purpose) {
+        const availableWalletsForConnect = provider.availableWalletsForConnect?.filter(connector => (provider.isNotAvailableCondition && network?.name) ? !provider.isNotAvailableCondition(connector.id, network?.name, purpose) : true);
         const resolvedProvider = {
             ...provider,
             connectedWallets: provider.connectedWallets?.map(wallet => {
                 return {
                     ...wallet,
-                    isNotAvailable: (provider.isNotAvailableCondition && network?.name && wallet.internalId) ? provider.isNotAvailableCondition(wallet.internalId, network?.name) : false,
+                    isNotAvailable: (provider.isNotAvailableCondition && network?.name && wallet.internalId) ? provider.isNotAvailableCondition(wallet.internalId, network?.name, purpose) : false,
                 };
             }),
             activeWallet: provider.activeWallet ? {
                 ...provider.activeWallet,
-                isNotAvailable: (network?.name) ? provider.isNotAvailableCondition(provider.activeWallet.id, network?.name) : false,
+                isNotAvailable: (network?.name) ? provider.isNotAvailableCondition(provider.activeWallet.id, network?.name, purpose) : false,
             } : undefined,
             availableWalletsForConnect
         };
@@ -67,13 +67,13 @@ const resolveProvider = (network, walletProviders, purpose) => {
     return provider;
 };
 const resolveWallet = (wallet, network, provider, purpose) => {
-    if (provider.isNotAvailableCondition && network?.name && wallet.internalId) {
+    if (provider.isNotAvailableCondition && network?.name && wallet.internalId && !purpose) {
         return {
             ...wallet,
             isNotAvailable: provider.isNotAvailableCondition(wallet.internalId, network?.name),
         };
     }
-    if (purpose === "autofil") {
+    if (purpose === "autofill") {
         return {
             ...wallet,
             isNotAvailable: !wallet.autofillSupportedNetworks?.some(n => n.toLowerCase() === network?.name.toLowerCase()),

package/dist/esm/lib/AppSettings.js

@@ -1,33 +1,44 @@
-class AppSettings {
+class WalletsConfigs {
 }
-AppSettings.ApiVersion = "mainnet";
-AppSettings.ExplorerURl = `https://www.layerswap.io/explorer/`;
-AppSettings.LayerswapApiUri = 'https://api.layerswap.io';
-AppSettings.ResourseStorageUrl = 'https://prodlslayerswapbridgesa.blob.core.windows.net/';
-AppSettings.TelegramLogConfigs = {
-    feedback_token: '',
-    feedback_chat_id: '',
-    error_token: '',
-    error_chat_id: ''
-};
-AppSettings.WalletConnectConfig = {
+/**
+ * @deprecated Pass `walletConnectConfigs` directly to the wallet provider factory
+ * (e.g. `createEVMProvider({ walletConnectConfigs })`). This static config will be removed soon.
+ */
+WalletsConfigs.WalletConnectConfig = {
     projectId: '28168903b2d30c75e5f7f2d71902581b',
     name: 'Layerswap',
     description: 'Layerswap App',
     url: 'https://layerswap.io/app/',
-    icons: ['https://www.layerswap.io/app/symbol.png'],
+    icons: ['https://www.layerswap.io/app/symbol.png']
 };
-AppSettings.TonClientConfig = {
-    tonApiKey: 'ac793ea74c19105d617dfbeedb827f1b267b4e91f1b15b2420d003ec49722c82',
+/**
+ * @deprecated Pass `tonConfigs` to `createTONProvider({ tonConfigs })`. This fallback will be removed.
+ */
+WalletsConfigs.TonClientConfig = {
+    tonApiKey: '815b3d3036592d941bbcec5a4db824a588c1b2d210c3a4b6d188dcd4a15337d2',
     manifestUrl: `https://layerswap.io/app/tonconnect-manifest.json`
 };
-AppSettings.ImtblPassportConfig = {
+/**
+ * @deprecated Pass `imtblPassportConfig` to `createImmutablePassportProvider({ imtblPassportConfig })`.
+ */
+WalletsConfigs.ImtblPassportConfig = {
     publishableKey: "",
     clientId: "",
     redirectUri: "",
     logoutRedirectUri: ""
 };
-AppSettings.DisableExchanges = false;
+class AppSettings extends WalletsConfigs {
+}
+AppSettings.ApiVersion = "mainnet";
+AppSettings.ExplorerURl = `https://www.layerswap.io/explorer/`;
+AppSettings.LayerswapApiUri = 'https://api.layerswap.io';
+AppSettings.ResourseStorageUrl = 'https://prodlslayerswapbridgesa.blob.core.windows.net/';
+AppSettings.TelegramLogConfigs = {
+    feedback_token: '',
+    feedback_chat_id: '',
+    error_token: '',
+    error_chat_id: ''
+};
 AppSettings.LayerswapApiKeys = {
     'mainnet': 'NDBxG+aon6WlbgIA2LfwmcbLU52qUL9qTnztTuTRPNSohf/VnxXpRaJlA5uLSQVqP8YGIiy/0mz+mMeZhLY4/Q',
     'testnet': 'Dz1jVir9WUD0gBWoGbOmS1oe5K4985SGptaZXjF4z9VVrvO5nC9q55h8TE/3CIESRxWdYVpPnz/H2BogL2eG+A'

package/dist/esm/lib/ErrorHandler.js

@@ -0,0 +1,6 @@
+import { logStore } from "../stores/logStore";
+export function ErrorHandler(event) {
+    const { logger } = logStore.getState();
+    ;
+    return logger(event);
+}