@layerswap/widget 1.1.2 → 1.1.4

package/dist/esm/components/Pages/Swap/Form/SecondaryComponents/FormButton.js

@@ -12,6 +12,6 @@ const FormButton = ({ shouldConnectWallet, values, disabled, error, isSubmitting
     if (values?.to && !values?.destination_address && !error) {
         return (_jsx(Address, { partner: partner, children: () => (_jsx(SubmitButton, { type: "button", className: "w-full", children: _jsx("span", { className: "grow text-center", children: "Enter destination address" }) })) }));
     }
-    return (_jsx(SubmitButton, { type: "submit", isDisabled: disabled, isSubmitting: isSubmitting, children: actionDisplayName }));
+    return (_jsx(SubmitButton, { "data-attr": "submit-swap", type: "submit", isDisabled: disabled, isSubmitting: isSubmitting, children: actionDisplayName }));
 };
 export default FormButton;

package/dist/esm/components/Pages/Swap/Withdraw/Wallet/Common/actionMessage.js

@@ -35,8 +35,8 @@ export const ActionMessage = ({ error, isLoading }) => {
     }
     else if (error) {
         if (!error.message)
-            return _jsx(ActionMessages.UnexpectedErrorMessage, { message: 'Something went wrong' });
-        return _jsx(ActionMessages.UnexpectedErrorMessage, { message: error.message });
+            return _jsx(ActionMessages.UnexpectedErrorMessage, {});
+        return _jsx(ActionMessages.UnexpectedErrorMessage, {});
     }
     else
         return _jsx(_Fragment, {});

package/dist/esm/components/Pages/Swap/Withdraw/Wallet/RPCUnhealthyMessage.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { ButtonWrapper } from "./Common/buttons";
+import FailIcon from "../../../../../components/Icons/FailIcon";
+import { Tooltip, TooltipContent, TooltipTrigger } from "../../../../../components/shadcn/tooltip";
+import useCopyClipboard from "../../../../../hooks/useCopyClipboard";
+import { Check, CopyIcon } from "lucide-react";
+const HEALTH_CHECK_INTERVAL = 1500; // 1.5 seconds
+const RPCUnhealthyMessage = ({ network, suggestRpcForCurrentChain, isSuggestingRpc, checkManually }) => {
+    const [rpcAddStatus, setRpcAddStatus] = useState('idle');
+    // Poll health check while unhealthy
+    useEffect(() => {
+        const interval = setInterval(() => {
+            checkManually();
+        }, HEALTH_CHECK_INTERVAL);
+        return () => clearInterval(interval);
+    }, [checkManually]);
+    const handleAddRpc = async () => {
+        setRpcAddStatus('idle');
+        const result = await suggestRpcForCurrentChain(network.node_url, {
+            chainName: network.display_name,
+            nativeCurrency: {
+                name: network.display_name,
+                symbol: network.token?.symbol,
+                decimals: network.token?.decimals
+            }
+        });
+        setRpcAddStatus(result.success ? 'success' : 'error');
+    };
+    return (_jsxs("div", { className: "w-full space-y-3 h-fit text-primary-text", children: [_jsx(MessageContent, { RPCUrl: network.node_url, isSuggestingRpc: isSuggestingRpc, rpcAddStatus: rpcAddStatus }), rpcAddStatus !== "success" &&
+                _jsx(ButtonWrapper, { onClick: handleAddRpc, isDisabled: isSuggestingRpc, children: isSuggestingRpc ? 'Confirm in wallet...' : 'Add RPC URL to wallet' })] }));
+};
+const MessageContent = ({ RPCUrl, isSuggestingRpc, rpcAddStatus }) => {
+    const [isCopied, setCopied] = useCopyClipboard(2000);
+    const getMessage = () => {
+        if (isSuggestingRpc) {
+            return _jsx("p", { className: "text-secondary-text text-sm leading-[18px]", children: "Please confirm the RPC change in your wallet..." });
+        }
+        if (rpcAddStatus === 'success') {
+            return _jsx("p", { className: "text-secondary-text text-sm leading-[18px]", children: "RPC URL added! Please switch to the new RPC in your wallet settings." });
+        }
+        return _jsxs("p", { className: "text-secondary-text text-sm leading-[18px] space-x-1", children: [_jsx("span", { children: "Update your RPC URL manually or add our" }), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { onClick: () => setCopied(RPCUrl), children: _jsxs("span", { className: "text-primary-text cursor-pointer underline flex items-baseline gap-1", children: [isCopied ? (_jsx(Check, { className: "h-3 w-3" })) : _jsx(CopyIcon, { className: "h-3 w-3" }), _jsx("span", { children: "RPC URL" })] }) }), _jsx(TooltipContent, { sticky: "always", children: _jsx("span", { className: "flex items-center gap-1", children: _jsx("span", { children: RPCUrl }) }) })] }), _jsx("span", { children: "to your wallet" })] });
+    };
+    return _jsx("div", { className: "px-2 py-3 rounded-2xl bg-secondary-400", children: _jsxs("div", { className: "flex items-start gap-2 relative", children: [_jsx("span", { className: "shrink-0 p-0.5", children: rpcAddStatus === 'success' ? (_jsx(Check, { className: "relative top-0 left-0 h-5 w-5 text-green-500" })) : (_jsx(FailIcon, { className: "relative top-0 left-0 h-5 w-5" })) }), _jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("p", { className: "text-white font-medium leading-4 text-base mt-0.5", children: rpcAddStatus === 'success' ? 'RPC URL added successfully' : 'Your wallet RPC has network issues' }), getMessage()] })] }) });
+};
+export default RPCUnhealthyMessage;

package/dist/esm/components/Pages/Swap/Withdraw/Wallet/index.js

@@ -10,6 +10,8 @@ import { useBalance } from "../../../../../lib/balances/useBalance";
 import { ActionMessage } from "./Common/actionMessage";
 import { ActionMessages } from "../messages/TransactionMessages";
 import { useTransfer } from "../../../../../hooks/useTransfer";
+import { useRpcHealth } from "../../../../../context/rpcHealthContext";
+import RPCUnhealthyMessage from "./RPCUnhealthyMessage";
 export const WalletTransferAction = ({ swapData, swapId, refuel, onWalletWithdrawalSuccess, onCancelWithdrawal }) => {
     const { source_network } = swapData;
     const { provider, wallets } = useWallet(source_network, "withdrawal");
@@ -79,6 +81,8 @@ const TransferTokenButton = ({ savedTransactionHash, chainId, swapData, refuel }
     const { balances } = useBalance(selectedSourceAccount?.address, networkWithTokens);
     const wallet = wallets.find(w => w.id === selectedSourceAccount?.id);
     const { executeTransfer } = useTransfer();
+    const rpcHealth = useRpcHealth(swapData.source_network);
+    console.log("rpcHealth", rpcHealth);
     const clickHandler = useCallback(async ({ amount, callData, depositAddress, swapId }) => {
         setButtonClicked(true);
         setError(undefined);
@@ -139,6 +143,10 @@ const TransferTokenButton = ({ savedTransactionHash, chainId, swapData, refuel }
             throw e;
         }
     }, [executeTransfer, chainId, selectedSourceAccount?.address, wallet, swapData, balances]);
+    // Show RPC health message if available and unhealthy (EVM wallets only)
+    if (rpcHealth?.health.status === 'unhealthy') {
+        return _jsx(RPCUnhealthyMessage, { network: swapData.source_network, suggestRpcForCurrentChain: rpcHealth.suggestRpcForCurrentChain, isSuggestingRpc: rpcHealth.isSuggestingRpc, checkManually: rpcHealth.checkManually });
+    }
     return _jsxs("div", { className: "w-full space-y-3 flex flex-col justify-between h-full text-primary-text", children: [buttonClicked &&
                 _jsx(ActionMessage, { error: error, isLoading: loading }), !loading &&
                 _jsx(SendTransactionButton, { onClick: clickHandler, icon: _jsx(WalletIcon, { className: "stroke-2 w-6 h-6" }), error: !!error && buttonClicked, swapData: swapData, refuel: refuel })] });

package/dist/esm/components/Pages/Swap/Withdraw/messages/Message.js

@@ -2,10 +2,13 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import { ChevronDown } from "lucide-react";
 import FailIcon from "../../../../Icons/FailIcon";
 import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "../../../../../components/shadcn/accordion";
-const WalletMessage = ({ header, details, status, showInModal }) => {
+const WalletMessage = ({ header, details, status }) => {
     return _jsx(_Fragment, { children: _jsx("div", { className: "px-2 py-3 rounded-2xl bg-secondary-400", children: _jsxs("div", { className: "flex items-start gap-2 relative", children: [_jsx("span", { className: "shrink-0 p-0.5", children: status === "error" ?
                             _jsx(FailIcon, { className: "relative top-0 left-0 h-5 w-5" })
                             :
-                                _jsxs(_Fragment, { children: [_jsx("div", { className: 'absolute top-1.5 left-1.5 w-4 h-4 md:w-5 md:h-5 opacity-40 bg bg-primary rounded-full animate-ping' }), _jsx("div", { className: 'absolute top-2.5 left-2.5 w-2 h-2 md:w-3 md:h-3 opacity-40 bg bg-primary rounded-full animate-ping' }), _jsx("div", { className: 'relative top-0 left-0 w-6 h-6 md:w-7 md:h-7 scale-50 bg bg-primary rounded-full ' })] }) }), showInModal ? (_jsx("div", { className: "text-left space-y-1 w-full max-w-2xl", children: _jsx(Accordion, { type: "single", collapsible: true, children: _jsxs(AccordionItem, { value: "wallet-message", children: [_jsxs(AccordionTrigger, { className: "flex justify-between w-full items-center mt-0.5", children: [_jsx("p", { className: "text-primary-text font-medium leading-4 text-base mt-0.5", children: header }), _jsx(ChevronDown, { className: "h-4 w-4 shrink-0 text-primary-text transition-transform duration-200 data-[state=open]:rotate-180" })] }), _jsx(AccordionContent, { children: _jsx("div", { className: "text-left space-y-1", children: _jsx("p", { className: "text-sm text-secondary-text wrap-anywhere whitespace-pre-wrap", children: details }) }) })] }) }) })) : (_jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("p", { className: "text-primary-text font-medium leading-4 text-base mt-0.5", children: header }), details ? _jsx("p", { className: "text-secondary-text text-sm leading-[18px]", children: details }) : null] }))] }) }) });
+                                _jsxs(_Fragment, { children: [_jsx("div", { className: 'absolute top-1.5 left-1.5 w-4 h-4 md:w-5 md:h-5 opacity-40 bg bg-primary rounded-full animate-ping' }), _jsx("div", { className: 'absolute top-2.5 left-2.5 w-2 h-2 md:w-3 md:h-3 opacity-40 bg bg-primary rounded-full animate-ping' }), _jsx("div", { className: 'relative top-0 left-0 w-6 h-6 md:w-7 md:h-7 scale-50 bg bg-primary rounded-full ' })] }) }), _jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("p", { className: "text-white font-medium leading-4 text-base mt-0.5", children: header }), details ? _jsx("p", { className: "text-secondary-text text-sm leading-[18px]", children: details }) : null] })] }) }) });
+};
+export const WalletUnknownError = () => {
+    return _jsx("div", { className: "text-left space-y-1 w-full max-w-2xl rounded-2xl ", children: _jsx(Accordion, { type: "single", collapsible: true, className: "rounded-2xl bg-secondary-500 overflow-hidden", children: _jsxs(AccordionItem, { value: "wallet-message", children: [_jsxs(AccordionTrigger, { className: "flex justify-between w-full gap-2 items-center px-2 py-3 bg-secondary-400 rounded-2xl group", children: [_jsx("div", { className: "shrink-0 p-0.5 self-start", children: _jsx(FailIcon, { className: "h-5 w-5" }) }), _jsxs("div", { className: "flex flex-col gap-1 items-start", children: [_jsx("p", { className: "text-white font-medium leading-4 text-base", children: "Wallet error" }), _jsx("p", { className: "text-sm text-secondary-text text-left wrap-anywhere whitespace-pre-wrap", children: "An error occurred, the swap wasn\u2019t initiated your assets were not moved." })] }), _jsx(ChevronDown, { className: "h-4 w-4 self-start shrink-0 text-primary-text transition-transform duration-200 group-aria-expanded:rotate-180" })] }), _jsx(AccordionContent, { children: _jsx("div", { className: "text-left space-y-1 bg-secondary-500 px-10 py-3", children: _jsxs("p", { className: "text-sm text-secondary-text wrap-anywhere whitespace-pre-wrap", children: [_jsx("span", { children: "Try one of the following:" }), _jsxs("ul", { className: "list-outside pl-6 list-disc", children: [_jsx("li", { children: "Reconnect your wallet" }), _jsx("li", { children: "Switch the wallet network, to match the swap\u2019s source network" }), _jsx("li", { children: "Restart the browser and the wallet app" })] }), _jsx("br", {}), _jsx("p", { children: "If the error persists try the manual transfer options" })] }) }) })] }) }) });
 };
 export default WalletMessage;

package/dist/esm/components/Pages/Swap/Withdraw/messages/TransactionMessages.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import WalletMessage from "./Message";
+import WalletMessage, { WalletUnknownError } from "./Message";
 import shortenAddress from "../../../../../components/utils/ShortenAddress";
 const ConfirmActionMessage = () => {
     return _jsx(WalletMessage, { status: "pending", header: 'Confirm in wallet', details: 'Please confirm the transaction in your wallet' });
@@ -25,8 +25,8 @@ const WaletMismatchMessage = ({ address }) => {
 const SwapErrorMessage = ({ message }) => {
     return _jsx(WalletMessage, { status: "error", header: 'API error', details: message });
 };
-const UnexpectedErrorMessage = ({ message }) => {
-    return _jsx(WalletMessage, { status: "error", header: 'Unexpected error', details: message, showInModal: true });
+const UnexpectedErrorMessage = () => {
+    return _jsx(WalletUnknownError, {});
 };
 export const ActionMessages = {
     ConfirmActionMessage,

package/dist/esm/components/Widget/Footer.js

@@ -29,19 +29,19 @@ const Comp = ({ children, hidden, sticky = true, showPoweredBy }) => {
     return (_jsx(_Fragment, { children: sticky ?
             _jsxs(_Fragment, { children: [_jsx(motion.div, { ref: footerRef, transition: {
                             duration: 0.15,
-                        }, custom: { direction: -1, width: 100 }, variants: variants, className: `text-primary-text text-base
-            max-sm:fixed
-            max-sm:inset-x-0
-            max-sm:bottom-0 
-            max-sm:z-30
-            max-sm:bg-secondary-700 
-            max-sm:shadow-widget-footer 
-            max-sm:p-4 
-            max-sm:px-4 
-            max-sm:w-full ${hidden ? 'animation-slide-out' : ''} w-full`, children: children }), _jsx("div", { style: { height: `${height}px` }, className: `text-primary-text text-base      
-                 max-sm:inset-x-0
-                 max-sm:bottom-0 
-                 max-sm:p-4 max-sm:w-full invisible sm:hidden w-full` })] })
+                        }, custom: { direction: -1, width: 100 }, style: AppSettings.ThemeData?.cardBackgroundStyle, variants: variants, className: `text-primary-text text-base
+                                        max-sm:fixed
+                                        max-sm:inset-x-0
+                                        max-sm:bottom-0 
+                                        max-sm:z-30
+                                        max-sm:bg-secondary-700 
+                                        max-sm:shadow-widget-footer 
+                                        max-sm:p-4 
+                                        max-sm:px-4 
+                                        max-sm:w-full ${hidden ? 'animation-slide-out' : ''} w-full`, children: children }), _jsx("div", { style: { height: `${height}px` }, className: `text-primary-text text-base      
+                                        max-sm:inset-x-0
+                                        max-sm:bottom-0 
+                                        max-sm:p-4 max-sm:w-full invisible sm:hidden w-full` })] })
             :
                 _jsx("div", { className: clsx('space-y-3', { 'mb-3 sm:mb-0': !showPoweredBy }), children: children }) }));
 };

package/dist/esm/components/Widget/Index.js

@@ -6,11 +6,14 @@ import { default as Footer } from './Footer';
 import { useRef } from "react";
 import AppSettings from "../../lib/AppSettings";
 import clsx from "clsx";
+import { useSettingsState } from "../../exports";
 const Widget = ({ children, hideMenu, goBack, contextualMenu }) => {
     const wrapper = useRef(null);
-    return _jsxs("div", { className: "relative p-px h-full", children: [AppSettings.ThemeData?.enableWideVersion &&
+    const { isEmbedded } = useSettingsState();
+    return _jsxs("div", { className: "relative p-px h-full", children: [AppSettings.ThemeData?.enableWideVersion && !isEmbedded &&
                 _jsx("div", { className: "invisible sm:visible absolute inset-0 rounded-[25px] bg-linear-to-t from-secondary-800 to-secondary-300 pointer-events-none" }), _jsxs("div", { id: "widget", style: AppSettings.ThemeData?.cardBackgroundStyle, className: clsx("sm:pb-4 rounded-3xl w-full overflow-hidden relative bg-secondary-700 h-full flex flex-col has-expandContainerHeight:min-h-[650px]", {
                     "max-sm:has-openpicker:min-h-svh max-sm:min-h-[99.8svh] sm:has-openpicker:min-h-[79svh]": AppSettings.ThemeData?.enableWideVersion,
+                    "max-sm:min-h-[99svh]!": isEmbedded,
                     "has-openpicker:min-h-[675px]": !AppSettings.ThemeData?.enableWideVersion
                 }), children: [AppSettings.ApiVersion === 'testnet' &&
                         _jsx("div", { className: "relative z-20", children: _jsx("div", { className: "absolute -top-1 right-[calc(50%-68px)] bg-warning-foreground py-0.5 px-10 rounded-b-md text-xs scale-75", children: "TESTNET" }) }), !hideMenu &&

package/dist/esm/context/resolverContext.js

@@ -12,6 +12,10 @@ export const ResolverProviders = ({ children, walletProviders }) => {
         .map(provider => provider.contractAddressProvider)
         .flat()
         .filter((provider) => Boolean(provider));
+    const rpcHealthCheckProviders = walletProviders
+        .map(provider => provider.rpcHealthCheckProvider)
+        .flat()
+        .filter((provider) => Boolean(provider));
     const isInitialized = useMemo(() => {
         // Extract balance providers from wallet providers
         const balanceProviders = walletProviders
@@ -32,9 +36,9 @@ export const ResolverProviders = ({ children, walletProviders }) => {
             .map(provider => provider.nftProvider)
             .flat()
             .filter((provider) => Boolean(provider));
-        resolverService.setProviders(balanceProviders, gasProviders, addressUtilsProviders, nftProviders, transferProviders, contractAddressProviders);
+        resolverService.setProviders(balanceProviders, gasProviders, addressUtilsProviders, nftProviders, transferProviders, contractAddressProviders, rpcHealthCheckProviders);
         return true;
-    }, [walletProviders, transferProviders]);
+    }, [walletProviders, transferProviders, contractAddressProviders, rpcHealthCheckProviders]);
     return (_jsx(ResolverContext.Provider, { value: { isInitialized }, children: children }));
 };
 export const useResolvers = () => {

package/dist/esm/context/rpcHealthContext.js

@@ -0,0 +1,18 @@
+'use client';
+import { resolverService } from '../lib/resolvers/resolverService';
+/**
+ * Hook to access RPC health check functionality for a specific network.
+ * Returns null if no RPC health check provider is available for the network.
+ *
+ * @param network - The network to check RPC health for
+ */
+export function useRpcHealth(network) {
+    const resolver = resolverService.getRpcHealthCheckResolver();
+    const provider = resolver?.getProviderForNetwork(network);
+    // If no provider for this network, return null
+    if (!provider) {
+        return null;
+    }
+    // Call the hook from the provider
+    return provider.useRpcHealthCheck();
+}

package/dist/esm/context/settings.js

@@ -1,19 +1,28 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
+import React, { useEffect, useState } from 'react';
+import inIframe from '../components/utils/inIframe';
 export const SettingsStateContext = React.createContext(null);
 export const SettingsProvider = ({ children, initialLayerswapData, initialSettings: initialSettings = {} }) => {
     const value = {
         settings: initialLayerswapData,
-        initialSettings: mapLegacySettings(initialSettings)
+        initialSettings: mapLegacySettings(initialSettings),
+        isEmbedded: false,
     };
-    return (_jsx(SettingsStateContext.Provider, { value: value, children: children }));
+    const [embedded, setEmbedded] = useState(false);
+    useEffect(() => {
+        setEmbedded(inIframe());
+    }, []);
+    return (_jsx(SettingsStateContext.Provider, { value: { ...value, isEmbedded: embedded }, children: children }));
 };
 export function useSettingsState() {
     const data = React.useContext(SettingsStateContext);
     if (data === undefined) {
         throw new Error('useSettingsState must be used within a SettingsProvider');
     }
-    return data.settings;
+    return {
+        ...data.settings,
+        isEmbedded: data.isEmbedded,
+    };
 }
 export function useInitialSettings() {
     const data = React.useContext(SettingsStateContext);

package/dist/esm/exports/internal.js

@@ -27,3 +27,4 @@ export { default as shortenAddress } from "../components/utils/ShortenAddress";
 export * from "../context/swap";
 export { useWalletProvidersList } from "../components/Wallet/WalletProviders";
 export { ErrorHandler } from '../lib/ErrorHandler';
+export { useRpcHealth } from "../context/rpcHealthContext";

package/dist/esm/hooks/useFormRoutes.js

@@ -143,20 +143,28 @@ function sortGroupedTokensByBalance(tokenElements, balances) {
     }).sort((a, b) => b.totalUSD - a.totalUSD);
 }
 function resolveSearch(routes, search, direction, balances, routesHistory) {
-    const matchedNetworks = searchInNetworks(routes, search);
+    const matchedNetworks = searchInNetworks(routes, search, direction, balances);
     const matchedTokens = searchInTokens(routes, search).sort(sortSuggestedTokenElements(direction, balances, routesHistory));
     return [
         ...(matchedNetworks.length ? [resolveTitle('Networks'), ...matchedNetworks] : []),
         ...(matchedTokens.length ? [resolveTitle('Tokens'), ...matchedTokens] : [])
     ];
 }
-const searchInNetworks = (routes, search) => {
+const searchInNetworks = (routes, search, direction, balances) => {
     const lower = search.toLowerCase().trim();
     return routes.filter(r => {
         const internalNameMatch = r.name.toLowerCase().includes(lower);
         const displayNameMatch = r.display_name?.toLowerCase().includes(lower);
         return internalNameMatch || displayNameMatch;
-    }).map(r => ({ type: 'network', route: r }));
+    }).map(r => ({
+        type: 'network',
+        route: {
+            ...r,
+            tokens: (direction === "from" && balances)
+                ? sortNetworkTokens(r, balances)
+                : r.tokens
+        }
+    }));
 };
 const searchInTokens = (routes, search) => {
     const lower = search.toLowerCase().replace(/\s+/g, " ").trim();
@@ -311,8 +319,8 @@ const sortSuggestedTokenElements = (direction, balances, routesHistory) => (a, b
         }
     }
     if (routesHistory) {
-        const a_used = getUsedCount(a, routesHistory);
-        const b_used = getUsedCount(b, routesHistory);
+        const a_used = getUsedCount(a, routesHistory, direction);
+        const b_used = getUsedCount(b, routesHistory, direction);
         if (a_used !== b_used) {
             return b_used - a_used;
         }
@@ -324,8 +332,8 @@ const sortSuggestedTokenElements = (direction, balances, routesHistory) => (a, b
 const getNetworkTokenElementBalance = (item, balances) => {
     return (balances[item.route.route.name]?.balances?.find(b => b.token === item.route.token.symbol)?.amount || 0) * item.route.token.price_in_usd;
 };
-const getUsedCount = (item, history) => {
-    return history[item.route.route.name]?.[item.route.token.symbol] || 0;
+const getUsedCount = (item, history, direction) => {
+    return direction === "from" ? history.sourceRoutes?.[item.route.route.name]?.[item.route.token.symbol] || 0 : history.destinationRoutes?.[item.route.route.name]?.[item.route.token.symbol] || 0;
 };
 const getRank = (item, direction) => {
     switch (direction) {

package/dist/esm/hooks/useFormValidation.js

@@ -18,7 +18,7 @@ export function resolveFormValidation({ values, maxAllowedAmount, minAllowedAmou
     if (!values.toAsset) {
         return { message: 'Select destination asset' };
     }
-    if (!amount) {
+    if (amount === undefined || isNaN(Number(amount))) {
         return { message: 'Enter an amount' };
     }
     if (amount < 0) {

package/dist/esm/lib/apiClients/layerSwapApiClient.js

@@ -50,6 +50,12 @@ class LayerSwapApiClient {
                 }
                 ErrorHandler({
                     type: 'APIError',
+                    endpoint: endpoint,
+                    status: reason.response?.status,
+                    statusText: reason.response?.statusText,
+                    responseData: reason.response?.data,
+                    requestUrl: reason.request?.url,
+                    requestMethod: reason.request?.method,
                     message: error.message,
                     name: error.name,
                     stack: error.stack,

package/dist/esm/lib/knownIds.js

@@ -63,6 +63,7 @@ KnownInternalNames.Networks = (_b = class {
     _b.ImmutableXGoerli = "IMMUTABLEX_GOERLI",
     _b.ImmutableXSepolia = "IMMUTABLEX_SEPOLIA",
     _b.ImmutableZkEVM = "IMMUTABLEZK_MAINNET",
+    _b.ImmutableZkTestnet = "IMMUTABLEZK_TESTNET",
     _b.AstarMainnet = "ASTAR_MAINNET",
     _b.NahmiiMainnet = "NAHMII_MAINNET",
     _b.RhinoFiMainnet = "RHINOFI_MAINNET",

package/dist/esm/lib/resolvers/resolverService.js

@@ -4,6 +4,7 @@ import { AddressUtilsResolver } from '../../lib/address/addressUtilsResolver';
 import { NftBalanceResolver } from "../nft/nftBalanceResolver";
 import { TransferResolver } from "../transfers/transferResolver";
 import { ContractAddressResolver } from "../../lib/address/contractAddressResolver";
+import { RpcHealthCheckResolver } from "../rpcHealth/rpcHealthCheckResolver";
 class UtilsResolverService {
     constructor() {
         this.balanceResolver = null;
@@ -12,14 +13,16 @@ class UtilsResolverService {
         this.nftResolver = null;
         this.transferResolver = null;
         this.contractAddressResolver = null;
+        this.rpcHealthCheckResolver = null;
     }
-    setProviders(balanceProviders, gasProviders, addressUtilsProviders, nftProviders, transferProviders, contractAddressProviders) {
+    setProviders(balanceProviders, gasProviders, addressUtilsProviders, nftProviders, transferProviders, contractAddressProviders, rpcHealthCheckProviders) {
         this.balanceResolver = new BalanceResolver(balanceProviders);
         this.gasResolver = new GasResolver(gasProviders);
         this.addressUtilsResolver = new AddressUtilsResolver(addressUtilsProviders);
         this.nftResolver = new NftBalanceResolver(nftProviders);
         this.transferResolver = new TransferResolver(transferProviders);
         this.contractAddressResolver = new ContractAddressResolver(contractAddressProviders);
+        this.rpcHealthCheckResolver = new RpcHealthCheckResolver(rpcHealthCheckProviders);
     }
     getBalanceResolver() {
         if (!this.balanceResolver) {
@@ -57,5 +60,8 @@ class UtilsResolverService {
         }
         return this.contractAddressResolver;
     }
+    getRpcHealthCheckResolver() {
+        return this.rpcHealthCheckResolver;
+    }
 }
 export const resolverService = new UtilsResolverService();

package/dist/esm/lib/rpcHealth/rpcHealthCheckResolver.js

@@ -0,0 +1,8 @@
+export class RpcHealthCheckResolver {
+    constructor(providers) {
+        this.providers = providers || [];
+    }
+    getProviderForNetwork(network) {
+        return this.providers.find(p => p.supportsNetwork(network));
+    }
+}

package/dist/esm/types/index.js

@@ -7,6 +7,7 @@ export * from './contract';
 export * from './transfer';
 export * from './nft';
 export * from './multiStepTransfer';
+export * from './rpcHealth';
 export * from '../Models';
 export * from '../components/Pages/Swap/Withdraw/messages/TransactionMessages';
 export * from '../components/Pages/Swap/Withdraw/Wallet/Common/sharedTypes';

package/dist/esm/types/rpcHealth.js

@@ -0,0 +1 @@
+export {};