@layerswap/widget 1.0.5 → 1.0.6

package/dist/esm/components/Pages/SwapHistory/History.js

@@ -88,7 +88,7 @@ const BlankHistory = ({ onNewTransferClick }) => {
     return _jsxs("div", { className: "w-full h-full min-h-[inherit] flex flex-col justify-between items-center space-y-10", children: [_jsx("div", {}), _jsxs("div", { className: "w-full h-full flex flex-col justify-center items-center ", children: [_jsx(HistoryItemSceleton, { className: "scale-[.63] w-full shadow-lg mr-7" }), _jsx(HistoryItemSceleton, { className: "scale-[.63] -mt-12 shadow-card ml-7 w-full" }), _jsxs("div", { className: "mt-2 text-center space-y-2", children: [_jsx("h1", { className: "text-secondary-text text-[28px] font-bold tracking-wide", children: "No Transfer History" }), _jsx("p", { className: "max-w-xs text-center text-primary-text-tertiary text-base font-normal mx-auto", children: "Transfers you make with this wallet/account will appear here after excution." })] }), _jsxs("button", { type: 'button', onClick: onNewTransferClick, className: "mt-10 flex items-center gap-2 text-base text-secondary-text font-normal bg-secondary-500 hover:bg-secondary-400 py-2 px-3 rounded-lg", children: [_jsx(Plus, { className: "w-4 h-4" }), _jsx("p", { children: "New Transfer" })] })] })] });
 };
 const ConnectWalletCard = () => {
-    return _jsxs("div", { className: "w-full h-full flex flex-col justify-between items-center space-y-10", children: [_jsxs("div", { className: "flex flex-col items-center justify-center text-center w-full h-full", children: [_jsx(HistoryItemSceleton, { className: "scale-[.63] w-full shadow-lg mr-7" }), _jsx(HistoryItemSceleton, { className: "scale-[.63] -mt-12 shadow-card ml-7 w-full" }), _jsxs("div", { className: "mt-4 text-center space-y-3", children: [_jsx("h1", { className: "text-secondary-text text-[28px] font-bold tracking-wide", children: "Connect wallet" }), _jsx("p", { className: "max-w-xs text-center text-primary-text-tertiary text-base font-normal mx-auto", children: "In order to see your transfer history you need to connect your wallet." })] })] }), _jsx("div", { className: "flex flex-col items-center w-full space-y-3", children: _jsx(ConnectButton, { className: "w-full", children: _jsx("div", { className: "w-full py-2.5 px-3 text-xl font-semibold bg-primary-text-tertiary hover:opacity-90 duration-200 active:opacity-80 transition-opacity rounded-lg text-secondary-900", children: _jsx("div", { className: "text-center text-xl font-semibold", children: "Connect Wallet" }) }) }) })] });
+    return _jsxs("div", { className: "w-full h-full flex flex-col justify-between items-center space-y-10", children: [_jsxs("div", { className: "flex flex-col items-center justify-center text-center w-full h-full", children: [_jsx(HistoryItemSceleton, { className: "scale-[.63] w-full shadow-card mr-7" }), _jsx(HistoryItemSceleton, { className: "scale-[.63] -mt-12 shadow-card ml-7 w-full" }), _jsxs("div", { className: "mt-4 text-center space-y-3", children: [_jsx("h1", { className: "text-secondary-text text-[28px] font-bold tracking-wide", children: "Connect wallet" }), _jsx("p", { className: "max-w-xs text-center text-primary-text-tertiary text-base font-normal mx-auto", children: "In order to see your transfer history you need to connect your wallet." })] })] }), _jsx("div", { className: "flex flex-col items-center w-full space-y-3", children: _jsx(ConnectButton, { className: "w-full", children: _jsx("div", { className: "w-full py-2.5 px-3 text-xl font-semibold bg-primary-text-tertiary hover:opacity-90 duration-200 active:opacity-80 transition-opacity rounded-lg text-secondary-900", children: _jsx("div", { className: "text-center text-xl font-semibold", children: "Connect Wallet" }) }) }) })] });
 };
 function DaysAgo({ dateInput }) {
     // Get the current date

package/dist/esm/components/Pages/SwapHistory/SwapDetailsComponent.js

@@ -31,7 +31,10 @@ const SwapDetails = ({ swapResponse }) => {
             // Create a new swap based on the current swap data
             // Determine if this is a cross-chain or exchange swap
             const swapType = (swap.source_exchange || swap.destination_exchange) ? 'exchange' : 'cross-chain';
-            const newSwapData = generateSwapInitialValuesFromSwap(swap, false, settings, swapType);
+            const newSwapData = generateSwapInitialValuesFromSwap({
+                ...swap,
+                requested_amount: swap.requested_amount.toString()
+            }, false, settings, swapType);
             setSubmitedFormValues(newSwapData);
             // For wallet deposits, follow the same flow as FormWrapper's handleCreateSwap
             if (newSwapData.depositMethod === 'wallet') {

package/dist/esm/components/Pages/SwapHistory/index.js

@@ -1,10 +1,10 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import Content from "./History";
-import Header from "./Header";
 import { SwapDataProvider } from "../../../context/swap";
 import { useBackClickCallback } from "../../../context/callbackProvider";
+import { Widget } from "../../../components/Widget/Index";
 export const TransactionsHistory = () => {
     const triggerOnBackClickCallback = useBackClickCallback();
-    return (_jsx(SwapDataProvider, { children: _jsxs("div", { id: "widget", className: 'bg-secondary-900 sm:shadow-card sm:relative rounded-lg w-full text-primary-text overflow-y-auto sm:overflow-hidden max-h-screen h-full sm:h-[650px]', children: [_jsxs("div", { className: "overflow-y-auto flex flex-col h-full z-40 pb-4", children: [_jsx(Header, { onBackClick: triggerOnBackClickCallback }), _jsx("div", { className: "px-6 h-full overflow-y-auto styled-scroll max-h-[80vh]", id: 'virtualListContainer', children: _jsx(Content, {}) })] }), _jsx("div", { id: "widget_root" })] }) }));
+    return (_jsx(SwapDataProvider, { children: _jsx(Widget, { goBack: triggerOnBackClickCallback, children: _jsx(Widget.Content, { children: _jsx("div", { className: "px-6 h-full overflow-y-auto styled-scroll max-h-[80vh]", id: 'virtualListContainer', children: _jsx(Content, {}) }) }) }) }));
 };

package/dist/esm/components/Wallet/WalletComponents/ConnectedWallets.js

@@ -39,5 +39,5 @@ const WalletsMenuWalletsList = ({ wallets }) => {
     return _jsxs(_Fragment, { children: [_jsx("button", { onClick: () => setOpenModal(true), type: "button", className: "py-3 px-4 bg-secondary-500 flex items-center w-full rounded-xl space-x-1 disabled:text-secondary-text/40 disabled:bg-primary-900 disabled:cursor-not-allowed relative font-semibold transform border border-secondary-500 hover:bg-secondary-400 transition duration-200 ease-in-out outline-hidden", children: wallets.length === 1 ?
                     _jsxs("div", { className: "flex gap-4 items-start text-primary-text", children: [_jsx(wallet.icon, { className: 'h-5 w-5' }), !wallet.isLoading && wallet.address && _jsx("p", { children: shortenAddress(wallet.address) })] })
                     :
-                        _jsxs(_Fragment, { children: [_jsx("div", { className: "flex justify-center w-full", children: "Connected wallets" }), _jsx("div", { className: "place-items-end absolute left-2.5", children: _jsx(WalletsIcons, { wallets: wallets }) })] }) }), _jsx(VaulDrawer, { show: openModal, setShow: setOpenModal, header: `Connected wallets`, modalId: "connectedWallets", children: _jsx(VaulDrawer.Snap, { id: "item-1", children: _jsx(WalletsList, { wallets: wallets }) }) })] });
+                        _jsxs(_Fragment, { children: [_jsx("div", { className: "flex justify-center w-full", children: "Connected wallets" }), _jsx("div", { className: "place-items-end absolute left-2.5", children: _jsx(WalletsIcons, { wallets: wallets }) })] }) }), _jsx(VaulDrawer, { show: openModal, setShow: setOpenModal, header: `Connected wallets`, modalId: "connectedWallets", className: "expandContainerHeight", children: _jsx(VaulDrawer.Snap, { id: "item-1", children: _jsx(WalletsList, { wallets: wallets }) }) })] });
 };

package/dist/esm/components/Wallet/WalletComponents/WalletsList.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Plus, Unplug } from "lucide-react";
 import AddressIcon from "../../../components/Common/AddressIcon";
+import { useCallback } from "react";
 import { ExtendedAddress } from "../../../components/Input/Address/AddressPicker/AddressWithIcon";
 import { clsx } from 'clsx';
 import { useConnectModal } from "../WalletModal";
@@ -14,7 +15,7 @@ import { useBalance } from "../../../lib/balances/useBalance";
 const WalletsList = (props) => {
     const { wallets, token, network, provider, selectable, onSelect, selectedDepositMethod } = props;
     const { connect } = useConnectModal();
-    const connectWallet = async () => {
+    const connectWallet = useCallback(async () => {
         const result = await connect(provider);
         if (result && onSelect && result.withdrawalSupportedNetworks?.some(n => n === network?.name)) {
             onSelect({
@@ -23,7 +24,7 @@ const WalletsList = (props) => {
                 address: result.address
             });
         }
-    };
+    }, [provider, onSelect, network]);
     const selectedSourceAccount = useSelectedAccount("from", selectedDepositMethod == 'wallet' ? network?.name : undefined);
     return (_jsxs("div", { className: "space-y-3", children: [_jsx("button", { type: 'button', onClick: connectWallet, className: "w-full flex justify-center p-2 bg-secondary-500 rounded-md hover:bg-secondary-400", children: _jsxs("div", { className: "flex items-center text-secondary-text gap-1 px-3 py-1", children: [_jsx(Plus, { className: "h-4 w-4" }), _jsx("span", { className: "text-sm", children: "Connect new wallet" })] }) }), wallets.length > 0 &&
                 _jsx("div", { className: "flex flex-col justify-start space-y-3", children: wallets.map((wallet, index) => _jsx(WalletItem, { account: wallet, selectable: selectable, token: token, network: network, onWalletSelect: onSelect, selectedAddress: selectedSourceAccount?.address }, `${index}${wallet.providerName}`)) })] }));

package/dist/esm/components/Wallet/WalletModal/ConnectorsList.js

@@ -24,9 +24,9 @@ const ConnectorsList = ({ onFinish }) => {
     let [recentConnectors, setRecentConnectors] = usePersistedState([], 'recentConnectors', 'localStorage');
     const [connectionError, setConnectionError] = useState(undefined);
     const [searchValue, setSearchValue] = useState(undefined);
-    const { isMobile: isMobileSize } = useWindowDimensions();
     const [isScrolling, setIsScrolling] = useState(false);
     const scrollTimeout = useRef(null);
+    const { isMobile: isMobileSize } = useWindowDimensions();
     const handleScroll = () => {
         setIsScrolling(true);
         if (scrollTimeout.current)
@@ -89,12 +89,17 @@ const ConnectorsList = ({ onFinish }) => {
     };
     const filteredProviders = providers.filter(p => !p.hideFromList);
     const featuredProviders = selectedProvider ? [selectedProvider] : filteredProviders;
-    const allFeaturedConnectors = useMemo(() => featuredProviders.filter(g => g.availableWalletsForConnect && g.availableWalletsForConnect?.length > 0).map((provider) => provider.availableWalletsForConnect?.filter(v => searchValue ? (searchValue ? v.name.toLowerCase().includes(searchValue?.toLowerCase()) : false) : true).map((connector) => ({ ...connector, providerName: provider.name }))).flat(), [featuredProviders, searchValue]);
-    const allHiddenConnectors = useMemo(() => featuredProviders.filter(g => g.availableHiddenWalletsForConnect && g.availableHiddenWalletsForConnect?.length > 0).map((provider) => provider.availableHiddenWalletsForConnect?.filter(v => searchValue ? (searchValue ? v.name.toLowerCase().includes(searchValue?.toLowerCase()) : false) : true).map((connector) => ({ ...connector, providerName: provider.name }))).flat(), [featuredProviders, searchValue]);
-    const allConnectors = useMemo(() => removeDuplicatesWithKey([...allFeaturedConnectors, ...(searchValue ? allHiddenConnectors : [])].sort((a, b) => sortRecentConnectors(a, b, recentConnectors)), 'name'), [allFeaturedConnectors, allHiddenConnectors, searchValue]);
+    const allFeaturedConnectors = useMemo(() => featuredProviders.filter(g => g.availableWalletsForConnect && g.availableWalletsForConnect?.length > 0).map((provider) => provider.availableWalletsForConnect?.filter(v => searchValue ? (v.name.toLowerCase().includes(searchValue?.toLowerCase())) : true).map((connector) => ({ ...connector, providerName: provider.name }))).flat(), [featuredProviders, searchValue]);
+    const allHiddenConnectors = useMemo(() => featuredProviders
+        .filter(g => g.availableHiddenWalletsForConnect && g.availableHiddenWalletsForConnect?.length > 0)
+        .map((provider) => provider.availableHiddenWalletsForConnect
+        ?.filter(v => (searchValue ? (v.name.toLowerCase().includes(searchValue?.toLowerCase())) : true) && !featuredWalletsIds.includes(v.id.toLowerCase()))
+        .map((connector) => ({ ...connector, providerName: provider.name, isHidden: true })))
+        .flat(), [featuredProviders, searchValue]);
+    const allConnectors = useMemo(() => removeDuplicatesWithKey([...allFeaturedConnectors, ...allHiddenConnectors].filter(c => searchValue?.length ? true : !c.isHidden).sort((a, b) => sortRecentConnectors(a, b, recentConnectors)), 'name'), [allFeaturedConnectors, allHiddenConnectors, searchValue?.length]);
     if (selectedConnector?.qr?.state) {
         const ConnectorIcon = resolveWalletConnectorIcon({ connector: selectedConnector, iconUrl: selectedConnector.icon });
-        return _jsxs("div", { className: "flex flex-col justify-start space-y-2", children: [_jsx("p", { className: "text-secondary-text", children: "Scan the QR code with your phone" }), _jsx("div", { className: "w-full h-full bg-secondary-600 pb-3 pt-5 rounded-lg", children: _jsxs("div", { className: 'flex flex-col justify-center items-center pt-2 w-fit mx-auto', children: [selectedConnector?.qr.state == 'fetched' ?
+        return _jsxs("div", { className: "flex flex-col justify-start space-y-2", children: [_jsx("p", { className: "text-secondary-text", children: "Scan the QR code with your phone" }), _jsx("div", { className: "w-full h-full bg-secondary-600 py-3 rounded-lg", children: _jsxs("div", { className: 'flex flex-col justify-center items-center pt-2 w-fit mx-auto', children: [selectedConnector?.qr.state == 'fetched' ?
                                 _jsx(QRCodeSVG, { className: "rounded-lg", value: selectedConnector?.qr.value, includeMargin: true, size: 264, level: "H", imageSettings: selectedConnector.icon
                                         ? {
                                             src: selectedConnector.icon,
@@ -104,7 +109,7 @@ const ConnectorsList = ({ onFinish }) => {
                                         }
                                         : undefined })
                                 :
-                                    _jsxs("div", { className: "w-[264px] h-[264px] relative", children: [_jsx("div", { className: "w-full h-full bg-secondary-500 animate-pulse rounded-xl" }), _jsx(ConnectorIcon, { className: 'h-[50px] w-[50px] absolute top-[calc(50%-25px)] right-[calc(50%-25px)]' })] }), _jsx("div", { className: 'bg-secondary-400 text-secondary-text w-full px-2 py-1.5 rounded-md mt-3 flex justify-center items-center', children: _jsx(CopyButton, { toCopy: selectedConnector?.qr.value || '', children: "Copy QR URL" }) })] }) })] });
+                                    _jsxs("div", { className: "w-[264px] h-[264px] relative", children: [_jsx("div", { className: "w-full h-full bg-secondary-500 animate-pulse rounded-xl" }), _jsx(ConnectorIcon, { className: 'h-[50px] w-[50px] absolute top-[calc(50%-25px)] right-[calc(50%-25px)]' })] }), _jsx("div", { className: 'bg-secondary-400 text-secondary-text w-full px-2 py-1.5 rounded-md mt-3 flex justify-center items-center', children: _jsx(CopyButton, { disabled: !selectedConnector?.qr.value, toCopy: selectedConnector?.qr.value || '', children: "Copy QR URL" }) })] }) })] });
     }
     if (selectedConnector) {
         const connector = allFeaturedConnectors.find(c => c?.name === selectedConnector.name);
@@ -112,12 +117,11 @@ const ConnectorsList = ({ onFinish }) => {
         return _jsx(LoadingConnect, { onRetry: () => { (connector && provider) && connect(connector, provider); }, selectedConnector: selectedConnector, connectionError: connectionError });
     }
     if (selectedMultiChainConnector) {
-        return _jsx(MultichainConnectorPicker, { selectedConnector: selectedMultiChainConnector, allConnectors: allFeaturedConnectors, providers: featuredProviders, connect: connect });
+        return _jsx(MultichainConnectorPicker, { selectedConnector: selectedMultiChainConnector, allConnectors: [...allFeaturedConnectors, ...allHiddenConnectors], providers: featuredProviders, connect: connect });
     }
-    return (_jsx(_Fragment, { children: _jsxs("div", { className: "text-primary-text space-y-3", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx(SearchComponent, { searchQuery: searchValue || "", setSearchQuery: setSearchValue, placeholder: allHiddenConnectors.length > 300 ? "Search through 400+ wallets..." : "Search wallet", className: "w-full" }), (!selectedProvider || selectedProvider?.isSelectedFromFilter) &&
-                            _jsx(ProviderPicker, { providers: filteredProviders, selectedProviderName: selectedProvider?.name, setSelectedProviderName: handleSelectProvider })] }), _jsx("div", { onScroll: handleScroll, className: clsx('overflow-y-scroll -mr-4 pr-2 scrollbar:!w-1.5 scrollbar:!h-1.5 scrollbar-thumb:bg-transparent', {
-                        'h-[55vh]': isMobileSize && AppSettings.ThemeData?.enablePortal,
-                        'h-[265px]': !isMobileSize || !AppSettings.ThemeData?.enablePortal,
+    return (_jsx(_Fragment, { children: _jsxs("div", { className: "text-primary-text space-y-3 flex flex-col w-full styled-scroll relative h-full", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx(SearchComponent, { searchQuery: searchValue || "", setSearchQuery: setSearchValue, placeholder: allHiddenConnectors.length > 300 ? "Search through 400+ wallets..." : "Search wallet", className: "w-full" }), (!selectedProvider || selectedProvider?.isSelectedFromFilter) &&
+                            _jsx(ProviderPicker, { providers: filteredProviders, selectedProviderName: selectedProvider?.name, setSelectedProviderName: handleSelectProvider })] }), _jsx("div", { onScroll: handleScroll, className: clsx('overflow-y-scroll -mr-4 pr-2 scrollbar:!w-1.5 scrollbar:!h-1.5 overflow-x-hidden scrollbar-thumb:bg-transparent', {
+                        'max-sm:h-[55svh]': isMobileSize && AppSettings.ThemeData?.enablePortal,
                         'styled-scroll': isScrolling
                     }), children: _jsx("div", { className: 'grid grid-cols-2 gap-2', children: allConnectors.map(item => {
                             const provider = featuredProviders.find(p => p.name === item.providerName);
@@ -130,22 +134,22 @@ const LoadingConnect = ({ onRetry, selectedConnector, connectionError }) => {
     const { isMobile: isMobileSize } = useWindowDimensions();
     const isMobilePlatform = isMobile();
     if (selectedConnector.installUrl) {
-        return _jsx("div", { className: clsx('w-full flex flex-col justify-center items-center font-semibold relative', {
+        return _jsx("div", { className: clsx('w-full sm:h-full flex flex-col justify-center items-center font-semibold relative', {
                 'h-[60vh]': isMobileSize && AppSettings.ThemeData?.enablePortal,
-                'h-[300px]': !isMobileSize || !AppSettings.ThemeData?.enablePortal,
-            }), children: _jsxs("div", { className: "flex flex-col gap-4 items-center justify-end row-start-2 row-span-1", children: [_jsxs("div", { className: "flex-col flex items-center gap-1", children: [_jsx(ConnectorIcon, { className: "w-11 h-auto p-0.5 rounded-md bg-secondary-800" }), _jsxs("p", { className: 'text-base font-semibold', children: [_jsx("span", { children: selectedConnector?.name }), " ", _jsx("span", { children: "is not installed" })] })] }), _jsx("button", { onClick: () => window.open(selectedConnector.installUrl, '_blank'), type: "button", className: "px-3 py-1 rounded-full bg-secondary-600 text-primary-500 font-semibold text-base hover:brightness-125 transition-all duration-200", children: "INSTALL" })] }) });
+                'h-[300px]': isMobileSize && !AppSettings.ThemeData?.enablePortal,
+            }), children: _jsx("div", { className: "flex grow items-center", children: _jsxs("div", { className: "flex flex-col gap-4 items-center justify-end row-start-2 row-span-1", children: [_jsxs("div", { className: "flex-col flex items-center gap-1", children: [_jsx(ConnectorIcon, { className: "w-11 h-auto p-0.5 rounded-md bg-secondary-800" }), _jsxs("p", { className: 'text-base font-semibold', children: [_jsx("span", { children: selectedConnector?.name }), " ", _jsx("span", { children: "is not installed" })] })] }), _jsx("button", { onClick: () => window.open(selectedConnector.installUrl, '_blank'), type: "button", className: "px-3 py-1 rounded-full bg-secondary-600 text-primary-500 font-semibold text-base hover:brightness-125 transition-all duration-200", children: "INSTALL" })] }) }) });
     }
     return (_jsxs("div", { className: clsx('w-full flex flex-col justify-center items-center font-semibold relative', {
             'h-[60vh]': isMobileSize && AppSettings.ThemeData?.enablePortal,
-            'h-[300px]': !isMobileSize || !AppSettings.ThemeData?.enablePortal,
-            'pb-20': connectionError
+            'h-full': !isMobileSize || !AppSettings.ThemeData?.enablePortal,
+            'h-[300px]!': isMobileSize && !AppSettings.ThemeData?.enablePortal,
         }), children: [selectedConnector &&
-                _jsxs("div", { className: "flex flex-col gap-3 items-center justify-end row-start-2 row-span-1", children: [_jsx("div", { className: "flex-col flex items-center", children: _jsxs("div", { className: "grid grid-cols-3 items-center gap-2", children: [_jsx("div", { className: "p-3 bg-secondary-700 rounded-lg z-10", children: _jsx(LayerSwapLogoSmall, { className: "w-11 h-auto" }) }), connectionError ?
-                                        _jsx(Link2Off, { className: "w-auto h-auto place-self-center" })
-                                        :
-                                            _jsx("div", { className: "loader text-[3px]! place-self-center" }), _jsx("div", { className: "p-3 bg-secondary-700 rounded-lg z-10", children: _jsx(ConnectorIcon, { className: "w-11 h-auto" }) })] }) }), !connectionError &&
-                            _jsxs("div", { className: "py-1 text-center", children: [_jsx("p", { className: "text-base font-medium", children: isMobilePlatform ? 'Approve connection in your wallet' : 'Approve connection in your wallet pop-up' }), _jsx("p", { className: "text-sm font-normal text-secondary-text", children: isMobilePlatform ? "Don't see the request? Check your wallet app." : "Don't see a pop-up? Check your browser windows." })] })] }), connectionError &&
-                _jsxs("div", { className: `bg-secondary-500 rounded-lg flex flex-col gap-1.5 items-center p-3 w-full absolute bottom-0`, children: [_jsxs("div", { className: "flex w-full gap-1 text-sm text-secondary-text justify-start", children: [_jsx(CircleX, { className: "w-5 h-5 stroke-primary-500 mr-1 mt-0.5 flex-shrink-0" }), _jsxs("div", { className: 'flex flex-col gap-1', children: [_jsx("p", { className: 'text-base text-primary-text', children: "Failed to connect" }), _jsx("p", { className: "text-sm font-normal", children: connectionError })] })] }), _jsxs("button", { type: "button", className: "flex gap-1.5 items-center justify-center bg-secondary-400 w-full text-primary-text p-4 border-none rounded-lg cursor-pointer text-sm font-medium leading-4", onClick: onRetry, children: [_jsx(RotateCw, { className: 'h-4 w-4' }), _jsx("span", { children: "Try again" })] })] })] }));
+                _jsx("div", { className: "flex grow items-center", children: _jsxs("div", { className: "flex flex-col gap-3 items-center justify-end row-start-2 row-span-1", children: [_jsx("div", { className: "flex-col flex items-center", children: _jsxs("div", { className: "grid grid-cols-3 items-center gap-2", children: [_jsx("div", { className: "p-3 bg-secondary-700 rounded-lg z-10", children: _jsx(LayerSwapLogoSmall, { className: "w-11 h-auto" }) }), connectionError ?
+                                            _jsx(Link2Off, { className: "w-auto h-auto place-self-center" })
+                                            :
+                                                _jsx("div", { className: "loader !text-[3px] place-self-center" }), _jsx("div", { className: "p-3 bg-secondary-700 rounded-lg z-10", children: _jsx(ConnectorIcon, { className: "w-11 h-auto" }) })] }) }), !connectionError &&
+                                _jsxs("div", { className: "py-1 text-center", children: [_jsx("p", { className: "text-base font-medium", children: isMobilePlatform ? 'Approve connection in your wallet' : 'Approve connection in your wallet pop-up' }), _jsx("p", { className: "text-sm font-normal text-secondary-text", children: isMobilePlatform ? "Don't see the request? Check your wallet app." : "Don't see a pop-up? Check your browser windows." })] })] }) }), connectionError &&
+                _jsxs("div", { className: `bg-secondary-500 rounded-lg flex flex-col gap-1.5 items-center p-3 w-full bottom-0`, children: [_jsxs("div", { className: "flex w-full gap-1 text-sm text-secondary-text justify-start", children: [_jsx(CircleX, { className: "w-5 h-5 stroke-primary-500 mr-1 mt-0.5 flex-shrink-0" }), _jsxs("div", { className: 'flex flex-col gap-1', children: [_jsx("p", { className: 'text-base text-primary-text', children: "Failed to connect" }), _jsx("p", { className: "text-sm font-normal", children: connectionError })] })] }), _jsxs("button", { type: "button", className: "flex gap-1.5 items-center justify-center bg-secondary-400 w-full text-primary-text p-4 border-none rounded-lg cursor-pointer text-sm font-medium leading-4", onClick: onRetry, children: [_jsx(RotateCw, { className: 'h-4 w-4' }), _jsx("span", { children: "Try again" })] })] })] }));
 };
 const ProviderPicker = ({ providers, selectedProviderName, setSelectedProviderName }) => {
     const values = providers.map(p => p.name);
@@ -162,7 +166,17 @@ const ProviderPicker = ({ providers, selectedProviderName, setSelectedProviderNa
 };
 const MultichainConnectorPicker = ({ selectedConnector, allConnectors, providers, connect }) => {
     const Icon = resolveWalletConnectorIcon({ connector: selectedConnector, iconUrl: selectedConnector.icon });
-    return (_jsxs("div", { children: [_jsxs("div", { className: "flex flex-col gap-4 py-10", children: [_jsx("div", { className: "flex justify-center gap-1", children: _jsx(Icon, { className: "w-14 h-auto rounded-lg" }) }), _jsxs("p", { className: "text-base text-center text-primary-text", children: [_jsx("span", { children: selectedConnector.name }), " ", _jsx("span", { children: "supports multiple network types. Please select the one you'd like to use." })] })] }), _jsx("div", { className: "flex flex-col gap-2 w-full", children: allConnectors.filter(c => c?.name === selectedConnector.name)?.map((connector, index) => {
+    return (_jsxs("div", { className: "flex flex-col justify-between h-full min-h-80", children: [_jsx("div", { className: "flex grow py-4", children: _jsxs("div", { className: "flex flex-col gap-2 grow items-center justify-center", children: [_jsx("div", { className: "flex justify-center gap-1", children: _jsx(Icon, { className: "w-14 h-auto rounded-lg" }) }), _jsxs("p", { className: "text-base text-center text-primary-text px-4", children: [_jsx("span", { children: selectedConnector.name }), " ", _jsx("span", { children: "supports multiple network types. Please select the one you'd like to use." })] })] }) }), _jsx("div", { className: "flex flex-col gap-2 w-full", children: Array.from(allConnectors
+                    .filter(c => c?.name === selectedConnector.name)
+                    .reduce((map, connector) => {
+                    if (!connector?.providerName)
+                        return map;
+                    if (!map.has(connector.providerName)) {
+                        map.set(connector.providerName, connector);
+                    }
+                    return map;
+                }, new Map())
+                    .values()).map((connector, index) => {
                     const provider = providers.find(p => p.name === connector?.providerName);
                     return (_jsxs("button", { type: "button", onClick: async () => {
                             await connect(connector, provider);
@@ -170,6 +184,13 @@ const MultichainConnectorPicker = ({ selectedConnector, allConnectors, providers
                                 _jsx(ImageWithFallback, { className: "w-8 h-8 rounded-md", width: 30, height: 30, src: provider.providerIcon, alt: provider.name }), _jsx("p", { children: connector?.providerName })] }, index));
                 }) })] }));
 };
+const featuredWalletsIds = [
+    'metamask',
+    'argent',
+    'rainbow',
+    'bitkeep',
+    'okx-wallet',
+];
 function sortRecentConnectors(a, b, recentConnectors) {
     function getIndex(c) {
         const idx = recentConnectors?.findIndex(v => v.connectorName === c.name);

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

@@ -9,10 +9,9 @@ import clsx from "clsx";
 const Widget = ({ children, hideMenu, goBack, contextualMenu }) => {
     const wrapper = useRef(null);
     return _jsxs("div", { className: "relative p-px h-full", children: [AppSettings.ThemeData?.enableWideVersion &&
-                _jsx("div", { className: "invisible sm:visible absolute inset-0 rounded-[25px] bg-gradient-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 sm:overflow-hidden relative bg-secondary-700 h-full flex flex-col", {
+                _jsx("div", { className: "invisible sm:visible absolute inset-0 rounded-[25px] bg-gradient-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,
-                    "has-openpicker:min-h-[650px]": !AppSettings.ThemeData?.enableWideVersion,
-                    "pb-4 overflow-hidden": AppSettings.ThemeData?.enablePortal == false,
+                    "has-openpicker:min-h-[650px]": !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 &&
                         _jsx(HeaderWithMenu, { goBack: goBack, contextualMenu: contextualMenu }), _jsx("div", { className: "relative flex-col px-4 h-full min-h-0 flex flex-1", children: _jsx("div", { className: "flex flex-col flex-1 items-start h-full min-h-0 w-full gap-3", ref: wrapper, children: children }) }), _jsx("div", { id: "widget_root" })] })] });

package/dist/esm/components/utils/RoundDecimals.js

@@ -10,8 +10,10 @@ export function truncateDecimals(value, decimals = 0) {
     const factor = Math.pow(10, decimals);
     const truncated = Math.trunc(value * factor) / factor;
     const formatted = isScientific(truncated)
-        ? truncated.toFixed(decimals).replace(/\.?0+$/, '')
-        : truncated.toString();
+        ? (!isNaN(Number(truncated))
+            ? truncated.toFixed(decimals).replace(/\.?0+$/, '')
+            : '')
+        : truncated?.toString();
     return Number(formatted).toLocaleString('en-US', {
         minimumFractionDigits: 0,
         maximumFractionDigits: decimals

package/dist/esm/context/asyncModal.js

@@ -6,7 +6,7 @@ import VaulDrawer from "../components/Modal/vaulModal";
 ;
 const AsyncModal = ({ onConfirm, onDismiss, children, submitText, dismissText, ...props }) => {
     return (_jsx(VaulDrawer, { onClose: onDismiss, ...props, children: _jsx(VaulDrawer.Snap, { id: "item-1", children: _jsxs("div", { className: "flex flex-col items-center gap-2 mt-2", children: [children, _jsxs("div", { className: "h-full w-full space-y-3", children: [_jsx(SubmitButton, { type: "button", onClick: onConfirm, children: submitText ?? 'Confirm' }), dismissText &&
-                                _jsx(SecondaryButton, { className: "w-full h-full py-3 !text-base", size: "xl", onClick: onDismiss, children: dismissText })] })] }) }) }));
+                                _jsx(SecondaryButton, { className: "w-full h-full py-3 !text-base text-primary-text", size: "xl", onClick: onDismiss, children: dismissText })] })] }) }) }));
 };
 const AsyncModalContext = React.createContext(null);
 const AsyncModalProvider = ({ children }) => {

package/dist/esm/context/callbackProvider.js

@@ -40,14 +40,6 @@ export function useSwapModalStateChangeCallback() {
         }
     }, [onSwapModalStateChange]);
 }
-export function useSwapIdChangeCallback() {
-    const { onSwapIdChange } = useCallbacks();
-    return useCallback((swapId) => {
-        if (onSwapIdChange) {
-            onSwapIdChange(swapId);
-        }
-    }, [onSwapIdChange]);
-}
 export function useBackClickCallback() {
     const { onBackClick } = useCallbacks();
     return useCallback(() => {

package/dist/esm/context/swap.js

@@ -8,7 +8,6 @@ import { useSettingsState } from './settings';
 import { transformSwapDataToQuoteArgs, useQuoteData } from '../hooks/useFee';
 import { useRecentNetworksStore } from '../stores/recentRoutesStore';
 import { useSelectedAccount } from './balanceAccounts';
-import { useSwapIdChangeCallback } from './callbackProvider';
 import { useInitialSettings } from './settings';
 import { addressFormat } from '../lib/address/formatter';
 import { useSlippageStore } from '../stores/slippageStore';
@@ -46,10 +45,8 @@ export function SwapDataProvider({ children }) {
     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 +56,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 +71,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 +94,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;

package/dist/esm/context/walletProviders.js

@@ -22,6 +22,6 @@ export const WalletProvidersProvider = ({ children, walletProviders }) => {
         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: !isMobilePlatform, 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/hooks/useFormValidation.js

@@ -1,4 +1,8 @@
 import { isValidAddress } from '../lib/address/validator';
+export const FORM_VALIDATION_ERROR_CODES = {
+    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) {
@@ -23,10 +27,10 @@ export function resolveFormValidation({ values, maxAllowedAmount, minAllowedAmou
         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 (values.to) {
         if (values.destination_address && !isValidAddress(values.destination_address, values.to)) {
@@ -46,7 +50,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' };
     }
     return { message: '' };
 }

package/dist/esm/lib/AppSettings.js

@@ -18,7 +18,7 @@ AppSettings.WalletConnectConfig = {
     icons: ['https://www.layerswap.io/app/symbol.png'],
 };
 AppSettings.TonClientConfig = {
-    tonApiKey: 'ac793ea74c19105d617dfbeedb827f1b267b4e91f1b15b2420d003ec49722c82',
+    tonApiKey: '815b3d3036592d941bbcec5a4db824a588c1b2d210c3a4b6d188dcd4a15337d2',
     manifestUrl: `https://layerswap.io/app/tonconnect-manifest.json`
 };
 AppSettings.ImtblPassportConfig = {

package/dist/esm/lib/NetworkSettings.js

@@ -71,7 +71,6 @@ class NetworkSettings {
         NetworkSettings.KnownSettings[KnownInternalNames.Networks.ZksyncEraMainnet] = {
             ChainId: 324,
             isFeatured: true,
-            DefaultPriorityFee: 0,
             BaseFeeMultiplier: 1.7
         };
         NetworkSettings.KnownSettings[KnownInternalNames.Networks.ZkspaceMainnet] = {
@@ -93,13 +92,11 @@ class NetworkSettings {
             ChainId: 42161,
             isFeatured: true,
             AccountExplorerTemplate: 'https://arbiscan.io/address/{0}',
-            DefaultPriorityFee: 0,
             BaseFeeMultiplier: 4.15
         };
         NetworkSettings.KnownSettings[KnownInternalNames.Networks.ArbitrumNova] = {
             ChainId: 42170,
             AccountExplorerTemplate: 'https://nova.arbiscan.io/address/{0}',
-            DefaultPriorityFee: 0,
             BaseFeeMultiplier: 1.7
         };
         NetworkSettings.KnownSettings[KnownInternalNames.Networks.ArbitrumGoerli] = {
@@ -123,19 +120,16 @@ class NetworkSettings {
             AccountExplorerTemplate: 'https://optimistic.etherscan.io/address/{0}',
             GasCalculationType: GasCalculation.OptimismType,
             BaseFeeMultiplier: 1.5,
-            DefaultPriorityFee: 1
         };
         NetworkSettings.KnownSettings[KnownInternalNames.Networks.ScrollMainnet] = {
             ChainId: 534352,
             GasCalculationType: GasCalculation.OptimismType,
             BaseFeeMultiplier: 1.5,
-            DefaultPriorityFee: 1
         };
         NetworkSettings.KnownSettings[KnownInternalNames.Networks.ZircuitMainnet] = {
             ChainId: 48900,
             GasCalculationType: GasCalculation.OptimismType,
             BaseFeeMultiplier: 1.5,
-            DefaultPriorityFee: 1
         };
         NetworkSettings.KnownSettings[KnownInternalNames.Networks.OptimismGoerli] = {
             GasCalculationType: GasCalculation.OptimismType,
@@ -151,7 +145,6 @@ class NetworkSettings {
             ChainId: 1,
             isFeatured: true,
             AccountExplorerTemplate: 'https://etherscan.io/address/{0}',
-            DefaultPriorityFee: 0.3,
             BaseFeeMultiplier: 1.7
         };
         NetworkSettings.KnownSettings[KnownInternalNames.Networks.AbstractMainnet] = {
@@ -215,7 +208,6 @@ class NetworkSettings {
         NetworkSettings.KnownSettings[KnownInternalNames.Networks.LineaMainnet] = {
             ChainId: 59144,
             BaseFeeMultiplier: 1.7,
-            DefaultPriorityFee: 1
         };
         NetworkSettings.KnownSettings[KnownInternalNames.Networks.BaseTestnet] = {
             GasCalculationType: GasCalculation.OptimismType
@@ -224,31 +216,26 @@ class NetworkSettings {
             ChainId: 8453,
             GasCalculationType: GasCalculation.OptimismType,
             BaseFeeMultiplier: 1.7,
-            DefaultPriorityFee: 1
         };
         NetworkSettings.KnownSettings[KnownInternalNames.Networks.MantaMainnet] = {
             ChainId: 169,
             GasCalculationType: GasCalculation.OptimismType,
             BaseFeeMultiplier: 1.7,
-            DefaultPriorityFee: 1
         };
         NetworkSettings.KnownSettings[KnownInternalNames.Networks.RolluxMainnet] = {
             ChainId: 570,
             GasCalculationType: GasCalculation.OptimismType,
             BaseFeeMultiplier: 1.7,
-            DefaultPriorityFee: 1
         };
         NetworkSettings.KnownSettings[KnownInternalNames.Networks.OpBNBMainnet] = {
             ChainId: 204,
             GasCalculationType: GasCalculation.OptimismType,
             BaseFeeMultiplier: 1.7,
-            DefaultPriorityFee: 1
         };
         NetworkSettings.KnownSettings[KnownInternalNames.Networks.PGNMainnet] = {
             ChainId: 424,
             GasCalculationType: GasCalculation.OptimismType,
             BaseFeeMultiplier: 2.1,
-            DefaultPriorityFee: 2.1
         };
         NetworkSettings.KnownSettings[KnownInternalNames.Networks.PGNTestnet] = {
             GasCalculationType: GasCalculation.OptimismType
@@ -258,7 +245,6 @@ class NetworkSettings {
         };
         NetworkSettings.KnownSettings[KnownInternalNames.Networks.AvalancheMainnet] = {
             ChainId: 43114,
-            DefaultPriorityFee: 2.1,
             BaseFeeMultiplier: 1.7
         };
         NetworkSettings.KnownSettings[KnownInternalNames.Networks.PolygonZkMainnet] = {
@@ -268,7 +254,6 @@ class NetworkSettings {
         NetworkSettings.KnownSettings[KnownInternalNames.Networks.ZoraMainnet] = {
             GasCalculationType: GasCalculation.OptimismType,
             BaseFeeMultiplier: 1.7,
-            DefaultPriorityFee: 1
         };
         NetworkSettings.KnownSettings[KnownInternalNames.Networks.BlastSepolia] = {
             GasCalculationType: GasCalculation.OptimismType,
@@ -276,7 +261,6 @@ class NetworkSettings {
         NetworkSettings.KnownSettings[KnownInternalNames.Networks.RedStoneMainnet] = {
             GasCalculationType: GasCalculation.OptimismType,
             BaseFeeMultiplier: 1.7,
-            DefaultPriorityFee: 1
         };
         NetworkSettings.KnownSettings[KnownInternalNames.Networks.BlastMainnet] = {
             GasCalculationType: GasCalculation.OptimismType,

package/dist/esm/lib/axiosInterceptor.js

@@ -13,7 +13,7 @@ export const InitializeAuthInstance = (baseURL) => {
             config.headers["X-LS-APIKEY"] = apiKey;
         }
         else {
-            throw new Error("NEXT_PUBLIC_API_KEY is not set up in env vars");
+            throw new Error("Api key is not provided");
         }
         return config;
     }, (error) => {
@@ -34,7 +34,7 @@ export const InitializeUnauthInstance = (baseURL) => {
             config.headers["X-LS-APIKEY"] = apiKey;
         }
         else {
-            throw new Error("NEXT_PUBLIC_API_KEY is not set up in env vars");
+            throw new Error("Api key is not provided");
         }
         return config;
     }, (error) => {

package/dist/esm/stores/balanceStore.js

@@ -87,7 +87,7 @@ export const useBalanceStore = create()(subscribeWithSelector((set, get, api) =>
         }, {});
         const sortedpairs = pairs.sort((a, b) => Number(a.network.source_rank) - Number(b.network.source_rank));
         sortedpairs.forEach(({ address, network }) => {
-            get().fetchBalance(address, network, { dedupeInterval: 120000, ignoreCache: false, timeoutMs: 4500, retryCount: 0 });
+            get().fetchBalance(address, network, { dedupeInterval: 120000, ignoreCache: false, retryCount: 0 });
         });
         set({ sortingDataIsLoading: true });
         set({ initiatedBalances });