@wheelx-widget/widget 0.1.5 → 0.1.6

package/dist/index.mjs

@@ -1,19 +1,19 @@
 import * as React5 from 'react';
 import React5__default, { createContext, memo, useState, useMemo, useRef, useEffect, useContext, createElement, useCallback } from 'react';
-import { defineRecipe, chakra, Tooltip as Tooltip$1, Portal, VStack, Box, HStack, InputGroup, Input, Icon, Image, useBreakpointValue, Dialog, Spinner, Link, Text, Button, Popover, Collapsible, useDisclosure } from '@chakra-ui/react';
-import { useQuery, QueryClient, QueryClientProvider, useMutation } from '@tanstack/react-query';
-import { useUserWallets, DynamicContextProvider, useRpcProviders, useTokenBalances, ChainEnum, useDynamicContext, useDynamicModals, useIsLoggedIn } from '@dynamic-labs/sdk-react-core';
+import { defineRecipe, chakra, Tooltip as Tooltip$1, Portal, VStack, Box, HStack, InputGroup, Input, Icon, Image, useBreakpointValue, Dialog, Spinner, Link, Button, Text, Popover, Collapsible, useDisclosure } from '@chakra-ui/react';
+import { useQuery, QueryClient, QueryClientProvider, useMutation, keepPreviousData } from '@tanstack/react-query';
+import { useUserWallets, DynamicContextProvider, useRpcProviders, useDynamicContext, useTokenBalances, ChainEnum, useDynamicModals, useIsLoggedIn } from '@dynamic-labs/sdk-react-core';
 import { EthereumWalletConnectors } from '@dynamic-labs/ethereum';
 import { SolanaWalletConnectorsWithConfig } from '@dynamic-labs/solana';
 import { DynamicWagmiConnector } from '@dynamic-labs/wagmi-connector';
-import { useAccount, WagmiProvider, useChainId, useConfig, useReconnect, createConfig, useEstimateFeesPerGas, fallback, http as http$1, useWaitForTransactionReceipt, useConnectors, useSendTransaction } from 'wagmi';
-import { mainnet, base as base$1, soneium as soneium$1, polygon, arbitrum, optimism, sepolia, arbitrumSepolia, optimismSepolia, baseSepolia, unichainSepolia, arcTestnet } from 'wagmi/chains';
+import { useAccount, WagmiProvider, useChainId, useConfig, useReconnect, createConfig, useDisconnect, useConnectors, useEstimateFeesPerGas, fallback, http as http$1, useWaitForTransactionReceipt, useSendTransaction } from 'wagmi';
+import { defineChain, zeroAddress, createPublicClient, http, parseUnits, erc20Abi, formatUnits, isAddress, hexToString, createClient, custom } from 'viem';
+import { mainnet, arbitrum, optimism, unichain, base as base$1, ink as ink$1, linea, soneium as soneium$1, bsc as bsc$1, worldchain, opBNB, mode, lisk, zksync, celo, polygon, avalanche, plumeMainnet, zora, sonic, berachain, bob, abstract, morph, taiko, scroll, hemi, xLayer, mantle, cronos, gravity, blast, manta, zircuit, xdc, sei, plume, gnosis, hashkey, flowMainnet, etherlink, ronin, flare, rootstock, iota, pulsechain, sepolia, arbitrumSepolia, optimismSepolia, baseSepolia, unichainSepolia, arcTestnet } from 'wagmi/chains';
 import { ThemeProvider } from '@emotion/react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import axios6, { AxiosError } from 'axios';
 import { create } from 'zustand';
 import { Fraction, RoundingMode } from 'bi-fraction';
-import { zeroAddress, createPublicClient, http, parseUnits, erc20Abi, formatUnits, isAddress, hexToString, createClient, custom } from 'viem';
 import { base, soneium, ink, bsc } from 'viem/chains';
 import { PublicKey, VersionedTransaction, VersionedMessage, Transaction } from '@solana/web3.js';
 import { parseAccount, getAddress } from 'viem/utils';
@@ -23,8 +23,10 @@ import { WalletIcon as WalletIcon$1 } from '@dynamic-labs/wallet-book';
 import { FiEdit } from 'react-icons/fi';
 import { IoAddCircleOutline, IoClose } from 'react-icons/io5';
 import { FaTriangleExclamation, FaGasPump } from 'react-icons/fa6';
-import { IoIosFlash } from 'react-icons/io';
+import { IoMdLogOut, IoIosFlash } from 'react-icons/io';
 import { BsFillClipboardMinusFill } from 'react-icons/bs';
+import { HiMiniArrowRight } from 'react-icons/hi2';
+import { RiArrowGoBackFill } from 'react-icons/ri';
 
 // src/providers/WheelXProvider.tsx
 
@@ -157,7 +159,11 @@ var useWalletConnectedStore = create((set, get) => ({
   evmWalletConnectorId: null,
   setEvmWalletInfo: (address, connectorId) => set({ evmWalletAddress: address, evmWalletConnectorId: connectorId }),
   isEvmWalletMetamask: false,
-  setIsEvmWalletMetamask: (isEvmWalletMetamask) => set({ isEvmWalletMetamask })
+  setIsEvmWalletMetamask: (isEvmWalletMetamask) => set({ isEvmWalletMetamask }),
+  isLoggingOut: false,
+  setIsLoggingOut: (isLoggingOut) => set({ isLoggingOut }),
+  lastDisconnectTimestamp: 0,
+  setLastDisconnectTimestamp: (ts) => set({ lastDisconnectTimestamp: ts })
 }));
 
 // src/stores/useSyncWalletConnectedStore.ts
@@ -167,14 +173,25 @@ var getEvmConnectorId = (wallet) => {
 };
 var useSyncWalletConnectedStore = () => {
   const userWallets = useUserWallets();
-  const { address: wagmiAddress, connector: wagmiConnector, isConnected } = useAccount();
+  const { address: wagmiAddress, connector: wagmiConnector } = useAccount();
   const {
     setSolanaWalletAddress,
     setIsSolanaWalletConnected,
     setEvmWalletInfo,
-    setIsEthWalletConnected
+    setIsEthWalletConnected,
+    isLoggingOut,
+    lastDisconnectTimestamp
   } = useWalletConnectedStore();
   useEffect(() => {
+    if (isLoggingOut) return;
+    const msSinceDisconnect = Date.now() - lastDisconnectTimestamp;
+    if (msSinceDisconnect < 2e3) {
+      const { isEthWalletConnected, isSolanaWalletConnected } = useWalletConnectedStore.getState();
+      const hasNoConnectedWallets = !isEthWalletConnected && !isSolanaWalletConnected;
+      if (hasNoConnectedWallets) {
+        return;
+      }
+    }
     const solanaWallet = userWallets.find((wallet) => {
       const chain = String(
         wallet.chain ?? ""
@@ -190,15 +207,16 @@ var useSyncWalletConnectedStore = () => {
       ).toLowerCase();
       return chain.includes("evm");
     });
-    const evmAddress = evmWallet?.address ?? wagmiAddress ?? null;
+    const evmAddress = evmWallet?.address ?? (evmWallet ? wagmiAddress : null) ?? null;
     const evmConnectorId = wagmiConnector?.id ?? getEvmConnectorId(evmWallet) ?? null;
     setEvmWalletInfo(evmAddress, evmConnectorId);
-    setIsEthWalletConnected(Boolean(evmAddress || isConnected));
+    setIsEthWalletConnected(Boolean(evmAddress));
   }, [
     userWallets,
     wagmiAddress,
     wagmiConnector?.id,
-    isConnected,
+    isLoggingOut,
+    lastDisconnectTimestamp,
     setSolanaWalletAddress,
     setIsSolanaWalletConnected,
     setEvmWalletInfo,
@@ -207,7 +225,8 @@ var useSyncWalletConnectedStore = () => {
 };
 var useEvmAddress = () => {
   const { address } = useAccount();
-  const { evmWalletAddress } = useWalletConnectedStore();
+  const { evmWalletAddress, isEthWalletConnected } = useWalletConnectedStore();
+  if (!isEthWalletConnected) return void 0;
   return evmWalletAddress || address;
 };
 var FavoritesContext = createContext({
@@ -410,21 +429,140 @@ var useTokenFavoritesContext = () => {
   if (c === void 0) throw new Error("useTokenFavoritesContext must be used within TokenFavoritesProvider");
   return c;
 };
-var supportedChains = [mainnet, base$1, soneium$1, polygon, arbitrum, optimism, sepolia, arbitrumSepolia, optimismSepolia, baseSepolia, unichainSepolia, arcTestnet];
+var tempo = defineChain({
+  id: 4217,
+  name: "Tempo",
+  network: "Tempo",
+  nativeCurrency: { name: "USD", symbol: "USD", decimals: 6 },
+  rpcUrls: { default: { http: ["https://rpc.tempo.xyz"] } },
+  blockExplorers: { default: { name: "Tempo Explorer", url: "https://explore.tempo.xyz" } },
+  testnet: true
+});
+var katana = defineChain({ id: 747474, name: "Katana", network: "Katana", nativeCurrency: { name: "ETH", symbol: "ETH", decimals: 18 }, rpcUrls: { default: { http: ["https://rpc.katana.network"] } }, blockExplorers: { default: { name: "Katana Explorer", url: "https://explorer.katanarpc.com" } } });
+var hyperevm = defineChain({ id: 999, name: "HyperEVM", network: "HyperEVM", nativeCurrency: { name: "HYPE", symbol: "HYPE", decimals: 18 }, rpcUrls: { default: { http: ["https://rpc.hyperliquid.xyz/evm", "https://rpc.hypurrscan.io"] } }, blockExplorers: { default: { name: "Purrsec", url: "https://hyperevmscan.io" } } });
+var stable = defineChain({ id: 988, name: "Stable", network: "Stable", nativeCurrency: { name: "STB", symbol: "STB", decimals: 18 }, rpcUrls: { default: { http: ["https://rpc.stable.xyz"] } }, blockExplorers: { default: { name: "Stablescan", url: "https://stablescan.xyz" } } });
+var monad = defineChain({ id: 143, name: "Monad", network: "Monad", nativeCurrency: { name: "MON", symbol: "MON", decimals: 18 }, rpcUrls: { default: { http: ["https://rpc.monad.xyz", "https://rpc1.monad.xyz"] } }, blockExplorers: { default: { name: "MonadVision", url: "https://monadvision.com" } } });
+var metis = defineChain({ id: 1088, name: "Metis", network: "Metis", nativeCurrency: { name: "METIS", symbol: "METIS", decimals: 18 }, rpcUrls: { default: { http: ["https://metis.api.onfinality.io/public", "https://metis-public.nodies.app"] } }, blockExplorers: { default: { name: "Metis Explorer", url: "https://explorer.metis.io" } } });
+var polygonZkEvm = defineChain({ id: 1101, name: "Polygon zkEVM", network: "Polygon zkEVM", nativeCurrency: { name: "ETH", symbol: "ETH", decimals: 18 }, rpcUrls: { default: { http: ["https://zkevm-rpc.com"] } }, blockExplorers: { default: { name: "PolygonScan zkEVM", url: "https://www.oklink.com/polygon-zkevm" } } });
+var megaeth = defineChain({ id: 4326, name: "MegaETH", network: "MegaETH", nativeCurrency: { name: "ETH", symbol: "ETH", decimals: 18 }, rpcUrls: { default: { http: ["https://mainnet.megaeth.com/rpc"] } }, blockExplorers: { default: { name: "MegaETH Explorer", url: "https://megaeth.blockscout.com/" } } });
+var pharos = defineChain({ id: 1672, name: "Pharos", network: "Pharos", nativeCurrency: { name: "ETH", symbol: "ETH", decimals: 18 }, rpcUrls: { default: { http: ["https://rpc.pharos.xyz"] } }, blockExplorers: { default: { name: "Pharoscan", url: "https://pharosscan.xyz" } } });
+var kite = defineChain({ id: 2366, name: "Kite", network: "Kite", nativeCurrency: { name: "ETH", symbol: "ETH", decimals: 18 }, rpcUrls: { default: { http: ["https://rpc.gokite.ai/"] } }, blockExplorers: { default: { name: "Kitescan", url: "https://kitescan.ai/" } } });
+var plasma = defineChain({ id: 9745, name: "Plasma", network: "Plasma", nativeCurrency: { name: "ETH", symbol: "ETH", decimals: 18 }, rpcUrls: { default: { http: ["https://rpc.plasma.to"] } }, blockExplorers: { default: { name: "Plasma Explorer", url: "https://plasmascan.to" } }, testnet: true });
+var rari = defineChain({ id: 1380012617, name: "RARI", network: "RARI", nativeCurrency: { name: "ETH", symbol: "ETH", decimals: 18 }, rpcUrls: { default: { http: ["https://mainnet.rpc.rarichain.org/http"] } }, blockExplorers: { default: { name: "RARI Explorer", url: "https://mainnet.explorer.rarichain.org/" } }, testnet: true });
+var stabletestnet = defineChain({ id: 2201, name: "Stable Testnet", network: "Stable Testnet", nativeCurrency: { name: "STB", symbol: "STB", decimals: 18 }, rpcUrls: { default: { http: ["https://rpc.testnet.stable.xyz"] } }, blockExplorers: { default: { name: "Stablescan Testnet", url: "https://testnet.stablescan.xyz" } }, testnet: true });
+var giwa = defineChain({ id: 91342, name: "GIWA Testnet", network: "GIWA Testnet", nativeCurrency: { name: "ETH", symbol: "ETH", decimals: 18 }, rpcUrls: { default: { http: ["https://sepolia-rpc.giwa.io"] } }, blockExplorers: { default: { name: "GIWA Explorer", url: "https://sepolia-explorer.giwa.io" } }, testnet: true });
+var robinhoodTestnet = defineChain({ id: 46630, name: "Robinhood Testnet", network: "Robinhood Testnet", nativeCurrency: { name: "ETH", symbol: "ETH", decimals: 18 }, rpcUrls: { default: { http: ["https://rpc.testnet.chain.robinhood.com"] } }, blockExplorers: { default: { name: "Robinhood Explorer", url: "https://explorer.testnet.chain.robinhood.com/" } }, testnet: true });
+var litvm = defineChain({ id: 4441, name: "LitVM Testnet", network: "LitVM Testnet", nativeCurrency: { name: "ETH", symbol: "ETH", decimals: 18 }, rpcUrls: { default: { http: ["https://liteforge.rpc.caldera.xyz/http"] } }, blockExplorers: { default: { name: "LitVM Explorer", url: "https://liteforge.explorer.caldera.xyz" } }, testnet: true });
+var supportedChains = [
+  // Mainnet (wagmi/chains)
+  mainnet,
+  arbitrum,
+  optimism,
+  unichain,
+  base$1,
+  ink$1,
+  linea,
+  soneium$1,
+  bsc$1,
+  worldchain,
+  opBNB,
+  mode,
+  lisk,
+  zksync,
+  celo,
+  polygon,
+  avalanche,
+  plumeMainnet,
+  zora,
+  sonic,
+  berachain,
+  bob,
+  abstract,
+  morph,
+  taiko,
+  scroll,
+  hemi,
+  xLayer,
+  mantle,
+  cronos,
+  gravity,
+  blast,
+  manta,
+  zircuit,
+  xdc,
+  sei,
+  plume,
+  gnosis,
+  hashkey,
+  flowMainnet,
+  etherlink,
+  ronin,
+  flare,
+  rootstock,
+  iota,
+  pulsechain,
+  // Mainnet (custom chains — not in wagmi/chains)
+  katana,
+  hyperevm,
+  stable,
+  monad,
+  metis,
+  polygonZkEvm,
+  megaeth,
+  pharos,
+  kite,
+  tempo,
+  plasma,
+  rari,
+  // Testnet (wagmi/chains)
+  sepolia,
+  arbitrumSepolia,
+  optimismSepolia,
+  baseSepolia,
+  unichainSepolia,
+  arcTestnet,
+  // Testnet (custom chains — not in wagmi/chains)
+  stabletestnet,
+  giwa,
+  robinhoodTestnet,
+  litvm
+];
 var CORS_FRIENDLY_RPC_MAP = {
+  // wagmi/chains mainnet
   1: "https://eth-mainnet.public.blastapi.io",
   8453: "https://mainnet.base.org",
   1868: "https://soneium.rpc.scs.startale.com",
   137: "https://polygon-rpc.com",
+  56: "https://bsc-dataseed.binance.org",
+  130: "https://rpc.therpc.io/unichain",
+  196: "https://rpc.xlayer.io",
   42161: "https://arbitrum.gateway.tenderly.co",
   10: "https://optimism.gateway.tenderly.co",
+  // Custom chains (mainnet)
+  4217: "https://rpc.tempo.xyz",
+  747474: "https://rpc.katana.network",
+  999: "https://rpc.hyperliquid.xyz/evm",
+  988: "https://rpc.stable.xyz",
+  143: "https://rpc.monad.xyz",
+  1088: "https://metis.api.onfinality.io/public",
+  1101: "https://zkevm-rpc.com",
+  4326: "https://mainnet.megaeth.com/rpc",
+  1672: "https://rpc.pharos.xyz",
+  2366: "https://rpc.gokite.ai/",
+  9745: "https://rpc.plasma.to",
+  1380012617: "https://mainnet.rpc.rarichain.org/http",
   // Testnet
   11155111: "https://ethereum-sepolia.publicnode.com",
   421614: "https://sepolia-rollup.arbitrum.io/rpc",
   11155420: "https://optimism-sepolia.gateway.tenderly.co",
   84532: "https://sepolia.base.org",
   1301: "https://sepolia.unichain.org",
-  5042002: "https://rpc.testnet.arc.network"
+  5042002: "https://rpc.testnet.arc.network",
+  // Custom chains (testnet)
+  2201: "https://rpc.testnet.stable.xyz",
+  91342: "https://sepolia-rpc.giwa.io",
+  46630: "https://rpc.testnet.chain.robinhood.com",
+  4441: "https://liteforge.rpc.caldera.xyz/http"
 };
 function buildStableTransports() {
   const transports = {};
@@ -864,6 +1002,16 @@ var formatDate = (dateString) => {
   const formattedTime = `${month}/${day}/${year} ${hours}:${minutes}:${seconds}`;
   return formattedTime;
 };
+var dateFormatter = (isoString) => {
+  const date = new Date(isoString);
+  const month = String(date.getMonth() + 1).padStart(2, "0");
+  const day = String(date.getDate()).padStart(2, "0");
+  const year = date.getFullYear();
+  const hours = String(date.getHours()).padStart(2, "0");
+  const minutes = String(date.getMinutes()).padStart(2, "0");
+  const seconds = String(date.getSeconds()).padStart(2, "0");
+  return `${month}/${day}/${year} ${hours}:${minutes}:${seconds}`;
+};
 
 // src/utils/address.ts
 var sliceAddress = (address, startLength = 4, endLength = 4) => {
@@ -935,25 +1083,6 @@ var isSolanaChain = (chain_id) => {
   return chain_id === SOLANA_MAINNET.chain_id;
 };
 
-// src/utils/shortLinkRegex.ts
-var toRegex = /^\/[a-zA-Z0-9]+$/;
-var toAndTokenRegex = /^\/(?!from)[a-zA-Z0-9-+]+&[a-zA-Z0-9-+.₮Ï]+$/;
-var fromRegex = /^\/from&[a-zA-Z0-9-+]+$/;
-var fromAndTokenRegex = /^\/from&[a-zA-Z0-9-+]+&[a-zA-Z0-9-+.₮Ï]+$/;
-var fromAndToRegex = /^\/[a-zA-Z0-9-+]+\/[a-zA-Z0-9-+]+$/;
-var fromAndTokenAndToAndTokenRegex = /^\/[a-zA-Z0-9-+]+&[a-zA-Z0-9-+.₮Ï]+\/[a-zA-Z0-9-+]+&[a-zA-Z0-9-+.₮Ï]+$/;
-var allRegexPatterns = [
-  toRegex,
-  toAndTokenRegex,
-  fromRegex,
-  fromAndTokenRegex,
-  fromAndToRegex,
-  fromAndTokenAndToAndTokenRegex
-];
-function matchesAnyPatternUsingArray(inputString) {
-  return allRegexPatterns.some((regex) => regex.test(inputString));
-}
-
 // src/utils/tokenSelectionCache.ts
 var TOKEN_SELECTION = "tokenSelection";
 var tokenSelectionStore = new localstorage_default(TOKEN_SELECTION);
@@ -1041,7 +1170,7 @@ var logger = {
   error: errorWithTimestamp,
   debug: debugWithTimestamp
 };
-var wagmiSupportedChains = [mainnet, base$1, soneium$1, polygon, arbitrum, optimism];
+var wagmiSupportedChains = [mainnet, base$1, soneium$1, polygon, arbitrum, optimism, bsc$1];
 var getTxLink = (txHash, chainId) => {
   if (isSolanaChain(chainId)) {
     return `${SOLANA_MAINNET.explorerUrl}/tx/${txHash}`;
@@ -1113,20 +1242,6 @@ var isSolanaChain2 = (chain_id) => {
 };
 
 // src/core/hooks/useSwapAndBridgeContextStore.ts
-function findItemByName(arr, targetName) {
-  const foundItem = arr.find(
-    (item) => item.name.replace(/\s+/g, "").toLowerCase() === targetName.replace(/\s+/g, "").toLowerCase()
-  );
-  return [foundItem !== void 0, foundItem];
-}
-function findItemBySymbol(arr, targetName, chainId, platform_id) {
-  const foundItem = arr.find((item) => {
-    {
-      return item.symbol.replace(/\s+/g, "").toLowerCase() === targetName.replace(/\s+/g, "").toLowerCase() && item.chain_id === chainId;
-    }
-  });
-  return [foundItem !== void 0, foundItem];
-}
 var DEFAULT_FROM_TOKEN = {
   name: "Base",
   address: zeroAddress,
@@ -1229,8 +1344,6 @@ var useInitSwapAndBridgeState = (config) => {
   const {
     setFromTokenInfo,
     setToTokenInfo,
-    setIsShortLink,
-    setShortLink,
     setFromAmount,
     setToAmount
   } = useSwapAndBridgeContextStore();
@@ -1240,11 +1353,6 @@ var useInitSwapAndBridgeState = (config) => {
   const address = useEvmAddress();
   const { resetTxState } = useTxStateContextStore();
   const hasInitialized = useRef(false);
-  const currentPathname = useMemo(() => {
-    if (typeof window === "undefined") return "/";
-    return window.location.pathname;
-  }, []);
-  const pathname = currentPathname;
   useEffect(() => {
     if (hasInitialized.current) return;
     if (!chains || !tokens) return;
@@ -1286,46 +1394,8 @@ var useInitSwapAndBridgeState = (config) => {
         }
       }
     }
-    if (matchesAnyPatternUsingArray(pathname) && chains && tokens) {
-      setIsShortLink(true);
-      setShortLink(pathname);
-      try {
-        const decodedPath = decodeURIComponent(pathname);
-        const match = decodedPath.match(
-          /^\/([a-zA-Z0-9-+]+)&([a-zA-Z0-9-+.₮Ï]+)\/([a-zA-Z0-9-+]+)&([a-zA-Z0-9-+.₮Ï]+)$/
-        );
-        if (match) {
-          const [, fromChainName, fromTokenSymbol, toChainName, toTokenSymbol] = match;
-          const [, foundFromChain] = findItemByName(
-            chains,
-            fromChainName
-          );
-          const [, foundToChain] = findItemByName(
-            chains,
-            toChainName
-          );
-          if (foundFromChain && foundToChain && tokens) {
-            const [, foundFromToken] = findItemBySymbol(
-              tokens,
-              fromTokenSymbol,
-              foundFromChain.chain_id
-            );
-            const [, foundToToken] = findItemBySymbol(
-              tokens,
-              toTokenSymbol,
-              foundToChain.chain_id
-            );
-            if (foundFromToken && foundToToken) {
-              setFromTokenInfo(foundFromToken);
-              setToTokenInfo(foundToToken);
-            }
-          }
-        }
-      } catch {
-      }
-    }
     const cached = tokenSelectionStore.get(address || "default");
-    if (cached?.from && cached?.to && !matchesAnyPatternUsingArray(pathname)) {
+    if (cached?.from && cached?.to) {
       setFromTokenInfo(cached.from);
       setToTokenInfo(cached.to);
     }
@@ -1337,15 +1407,12 @@ var useInitSwapAndBridgeState = (config) => {
       resetTxState();
     };
   }, [
-    pathname,
     address,
     chains,
     tokens,
     config,
     setFromTokenInfo,
     setToTokenInfo,
-    setIsShortLink,
-    setShortLink,
     setFromAmount,
     setToAmount,
     setDifferentAddress,
@@ -3381,6 +3448,12 @@ var FormButton = ({
 }) => {
   const { theme } = useWidgetTheme();
   const address = useEvmAddress();
+  const {
+    solanaWalletAddress,
+    isSolanaWalletConnected,
+    isEthWalletConnected,
+    evmWalletConnectorId
+  } = useWalletConnectedStore();
   const {
     address: wagmiAddress,
     connector,
@@ -3398,8 +3471,11 @@ var FormButton = ({
     return dynamicEvmWallet?.address || void 0;
   }, [userWallets]);
   const effectiveEvmAddress = useMemo(
-    () => address || wagmiAddress || dynamicEvmWalletAddress || void 0,
-    [address, wagmiAddress, dynamicEvmWalletAddress]
+    () => {
+      if (!isEthWalletConnected) return void 0;
+      return address || wagmiAddress || dynamicEvmWalletAddress || void 0;
+    },
+    [address, wagmiAddress, dynamicEvmWalletAddress, isEthWalletConnected]
   );
   const { openModal, openConnectModal } = useWalletConnectModal();
   const slippage = address ? slippageStore.get(address) : void 0;
@@ -3428,15 +3504,9 @@ var FormButton = ({
   } = useUSDTHandler(fromTokenInfo.chain_id);
   const { isSelectPredictionChain, slippagePolicies, chains } = useChainsStore();
   const { differentAddress } = useDifferentAddressStore();
-  const {
-    solanaWalletAddress,
-    isSolanaWalletConnected,
-    isEthWalletConnected,
-    evmWalletConnectorId
-  } = useWalletConnectedStore();
   const connectors = useConnectors();
   const hasEvmUiWallet = Boolean(
-    effectiveEvmAddress || isEthWalletConnected || isWagmiConnected
+    effectiveEvmAddress || isEthWalletConnected
   );
   const hasEvmExecutionWallet = Boolean(
     effectiveEvmAddress && (isWagmiConnected && connector || evmWalletConnectorId && connectors.some((c) => c.id === evmWalletConnectorId) || isEthWalletConnected && connectors.length > 0)
@@ -4203,13 +4273,13 @@ function filterTokenUnType(items, excludeTypes) {
 var mainnet3 = { id: 1 };
 
 // src/consts/monad.ts
-var monad = { id: 10143 };
+var monad2 = { id: 10143 };
 
 // src/consts/stable.ts
-var stable = { id: 1 };
+var stable2 = { id: 1 };
 
 // src/core/SelectTokenModal/hooks/useChainsAndTokensForSelect.ts
-[mainnet3.id, base.id, ink.id, bsc.id, monad.id, soneium.id, stable.id];
+[mainnet3.id, base.id, ink.id, bsc.id, monad2.id, soneium.id, stable2.id];
 var useChainsAndTokensForSelect = ({
   data,
   selectedChain,
@@ -4675,20 +4745,6 @@ function countLeadingZerosAfterDecimal(numStr) {
   if (firstNonZeroIndex === -1) return 0;
   return firstNonZeroIndex;
 }
-function findItemByName2(arr, targetName) {
-  const foundItem = arr.find(
-    (item) => item.name.replace(/\s+/g, "").toLowerCase() === targetName.replace(/\s+/g, "").toLowerCase()
-  );
-  return [foundItem !== void 0, foundItem];
-}
-function findItemBySymbol2(arr, targetName, chainId, platform_id) {
-  const foundItem = arr.find((item) => {
-    {
-      return item.symbol.replace(/\s+/g, "").toLowerCase() === targetName.replace(/\s+/g, "").toLowerCase() && item.chain_id === chainId;
-    }
-  });
-  return [foundItem !== void 0, foundItem];
-}
 var TokenAmountHeading = ({
   amount,
   decimals,
@@ -4696,13 +4752,14 @@ var TokenAmountHeading = ({
   suffix,
   ...props
 }) => {
+  const { theme } = useWidgetTheme();
   const _amount = formatTokenAmount({
     amount,
     decimals
   });
   const leadingZeros = countLeadingZerosAfterDecimal(_amount);
   if (leadingZeros > 5) {
-    return /* @__PURE__ */ jsxs(Heading, { variant: "heading8", ...props, as: "div", children: [
+    return /* @__PURE__ */ jsxs(Heading, { variant: "heading8", ...props, as: "div", color: theme.defaultTextColor, whiteSpace: "nowrap", children: [
       prefix,
       " ",
       _amount.slice(0, 3),
@@ -4721,7 +4778,7 @@ var TokenAmountHeading = ({
       suffix
     ] });
   }
-  return /* @__PURE__ */ jsxs(Heading, { variant: "heading11", ...props, as: "div", children: [
+  return /* @__PURE__ */ jsxs(Heading, { variant: "heading11", ...props, as: "div", color: theme.defaultTextColor, whiteSpace: "nowrap", children: [
     prefix,
     " ",
     _amount,
@@ -6269,6 +6326,7 @@ var SelectTokenModal = ({
     allTokens: tokens
   });
   const { userHasSelectedFromNetwork, setUserHasSelectedFromNetwork } = useUserHasSelectedFromNetwork();
+  const prevUserHasSelectedRef = useRef(userHasSelectedFromNetwork);
   const { chains } = useChainsStore();
   const [disableTestnetLimit, setDisableTestnetLimit] = useState(false);
   const [tempSelectAll, setTempSelectAll] = useState(false);
@@ -6303,6 +6361,8 @@ var SelectTokenModal = ({
           setTempSelectedPlatformId(null);
         }
       }
+      const userJustSelected = userHasSelectedFromNetwork && !prevUserHasSelectedRef.current;
+      prevUserHasSelectedRef.current = userHasSelectedFromNetwork;
       if (isSelectingFromToken) {
         if (isLoadingUserBalances) return;
         if (isArcTestnetShortLink) {
@@ -6316,7 +6376,9 @@ var SelectTokenModal = ({
           setSelectedChain(null);
         } else {
           setIsSelectAll(false);
-          setSelectedChain(fromChainId);
+          if (!userJustSelected) {
+            setSelectedChain(fromChainId);
+          }
         }
       } else {
         setIsSelectAll(false);
@@ -8298,127 +8360,6 @@ var FormBody = ({
   const { tokens } = useTokensStore();
   const [isFromHyperChain, setIsFromHyperChain] = useState(false);
   const [isToHyperChain, setIsToHyperChain] = useState(false);
-  const pathname = typeof window !== "undefined" ? window.location.pathname : "";
-  const replaceLink = useCallback((url) => {
-    if (typeof window !== "undefined") {
-      window.history.replaceState(null, "", url);
-    }
-  }, []);
-  const updateSearchParams = useCallback(
-    (params) => {
-      if (typeof window === "undefined") return;
-      const searchParams = window?.location?.search;
-      const newParams = new URLSearchParams(searchParams);
-      Object.entries(params).forEach(([key, value]) => {
-        newParams.set(key, value);
-      });
-      const newPath = decodeURIComponent(pathname.replace(/\/+$/, ""));
-      if (tokens && chains && matchesAnyPatternUsingArray(newPath)) {
-        if (toRegex.test(newPath)) {
-          const [exists, chainsInfo2] = findItemByName2(
-            chains || [],
-            newPath.replace("/", "")
-          );
-          if (!exists) return;
-          const foundItem = tokens.find(
-            (item) => item.chain_id === chainsInfo2?.chain_id
-          );
-          if (foundItem) {
-            newParams.set("to_chain", foundItem.chain_id.toString());
-            newParams.set("to_token", foundItem.address.toString());
-          }
-        } else if (toAndTokenRegex.test(newPath)) {
-          const arr = newPath.replace("/", "").split("&");
-          const [exists, chainsInfo2] = findItemByName2(chains, arr[0]);
-          if (!exists) return;
-          const [result, foundItem] = findItemBySymbol2(
-            tokens,
-            arr[1],
-            chainsInfo2?.chain_id
-          );
-          if (!result) return;
-          if (result && foundItem) {
-            newParams.set("to_chain", foundItem.chain_id.toString());
-            newParams.set("to_token", foundItem.address.toString());
-          }
-        } else if (fromRegex.test(newPath)) {
-          const arr = newPath.split("&");
-          const [exists, chainsInfo2] = findItemByName2(chains, arr[1]);
-          if (!exists) return;
-          const foundItem = tokens.find(
-            (item) => item.chain_id === chainsInfo2?.chain_id
-          );
-          if (foundItem) {
-            newParams.set("from_chain", foundItem.chain_id.toString());
-            newParams.set("from_token", foundItem.address.toString());
-          }
-        } else if (fromAndTokenRegex.test(newPath)) {
-          const arr = newPath.replace("/", "").split("&");
-          const [exists, chainsInfo2] = findItemByName2(chains, arr[0]);
-          if (!exists) return;
-          const [result, foundItem] = findItemBySymbol2(
-            tokens,
-            arr[1],
-            chainsInfo2?.chain_id
-          );
-          if (!result) return;
-          if (result && foundItem) {
-            newParams.set("from_chain", foundItem.chain_id.toString());
-            newParams.set("from_token", foundItem.address.toString());
-          }
-        } else if (fromAndToRegex.test(newPath)) {
-          const arr = newPath.split("/");
-          const [resultFrom, fromChainsInfo] = findItemByName2(chains, arr[1]);
-          if (!resultFrom) return;
-          const foundFromItem = tokens.find(
-            (item) => item.chain_id === fromChainsInfo?.chain_id
-          );
-          if (!foundFromItem) return;
-          newParams.set("from_chain", foundFromItem.chain_id.toString());
-          newParams.set("from_token", foundFromItem.address.toString());
-          const [resultTo, toChainsInfo] = findItemByName2(chains, arr[2]);
-          if (!resultTo) return;
-          const foundToItem = tokens.find(
-            (item) => item.chain_id === toChainsInfo?.chain_id
-          );
-          if (!foundToItem) return;
-          newParams.set("to_chain", foundToItem.chain_id.toString());
-          newParams.set("to_token", foundToItem.address.toString());
-        } else if (fromAndTokenAndToAndTokenRegex.test(newPath)) {
-          const arr = newPath.split("/");
-          const arrFrom = arr[1].split("&");
-          const [resultFrom, fromChainsInfo] = findItemByName2(
-            chains,
-            arrFrom[0]
-          );
-          if (!resultFrom) return;
-          const [resultFromToken, fromTokenInfo2] = findItemBySymbol2(
-            tokens,
-            arrFrom[1],
-            fromChainsInfo?.chain_id
-          );
-          if (!resultFromToken) return;
-          const arrTo = arr[2].split("&");
-          const [resultTo, toChainsInfo] = findItemByName2(chains, arrTo[0]);
-          if (!resultTo) return;
-          const [resultToToken, toTokenInfo2] = findItemBySymbol2(
-            tokens,
-            arrTo[1],
-            toChainsInfo?.chain_id
-          );
-          if (!resultToToken) return;
-          if (fromTokenInfo2 && toTokenInfo2) {
-            newParams.set("to_chain", toTokenInfo2.chain_id.toString());
-            newParams.set("to_token", toTokenInfo2.address.toString());
-            newParams.set("from_chain", fromTokenInfo2.chain_id.toString());
-            newParams.set("from_token", fromTokenInfo2.address.toString());
-          }
-        }
-      }
-      replaceLink(`${pathname.replace(pathname, "")}/?${newParams.toString()}`);
-    },
-    [pathname, replaceLink, chains, tokens]
-  );
   const [isModalOpen, setIsModalOpen] = useState(false);
   const [isDifferentAddressDialogOpen, setIsDifferentAddressDialogOpen] = useState(false);
   const [isSelectingFromToken, setIsSelectingFromToken] = useState(false);
@@ -8629,15 +8570,12 @@ var FormBody = ({
   }, [tokens]);
   const handleSelectToken = useCallback(
     (tokenInfo) => {
-      const params = {};
       const isTestnetChain = (chainId) => {
         const chainInfo = chains?.find((chain) => chain.chain_id === chainId);
         return chainInfo?.is_testnet === true;
       };
       if (isSelectingFromToken) {
         setFromTokenInfo(tokenInfo);
-        params.from_chain = tokenInfo.chain_id.toString();
-        params.from_token = tokenInfo.address;
         if (isTestnetChain(tokenInfo.chain_id)) {
           const isNativeToken = tokenInfo.tags?.includes("native") || tokenInfo.address === zeroAddress;
           if (isNativeToken) {
@@ -8646,8 +8584,6 @@ var FormBody = ({
             );
             if (otherToken) {
               setToTokenInfo(otherToken);
-              params.to_chain = otherToken.chain_id.toString();
-              params.to_token = otherToken.address;
             }
           } else {
             const nativeToken = tokens?.find(
@@ -8655,16 +8591,12 @@ var FormBody = ({
             );
             if (nativeToken && (nativeToken.chain_id !== toTokenInfo?.chain_id || nativeToken.address !== toTokenInfo?.address)) {
               setToTokenInfo(nativeToken);
-              params.to_chain = nativeToken.chain_id.toString();
-              params.to_token = nativeToken.address;
             } else if (!nativeToken) {
               const otherToken = tokens?.find(
                 (t) => t.chain_id === tokenInfo.chain_id && t.address !== tokenInfo.address
               );
               if (otherToken) {
                 setToTokenInfo(otherToken);
-                params.to_chain = otherToken.chain_id.toString();
-                params.to_token = otherToken.address;
               }
             }
           }
@@ -8675,15 +8607,11 @@ var FormBody = ({
             );
             if (baseEthToken) {
               setToTokenInfo(baseEthToken);
-              params.to_chain = baseEthToken.chain_id.toString();
-              params.to_token = baseEthToken.address;
             }
           }
         }
       } else {
         setToTokenInfo(tokenInfo);
-        params.to_chain = tokenInfo.chain_id.toString();
-        params.to_token = tokenInfo.address;
         if (isTestnetChain(tokenInfo.chain_id)) {
           const isNativeToken = tokenInfo.tags?.includes("native") || tokenInfo.address === zeroAddress;
           if (isNativeToken) {
@@ -8692,8 +8620,6 @@ var FormBody = ({
             );
             if (otherToken) {
               setFromTokenInfo(otherToken);
-              params.from_chain = otherToken.chain_id.toString();
-              params.from_token = otherToken.address;
             }
           } else {
             const nativeToken = tokens?.find(
@@ -8701,16 +8627,12 @@ var FormBody = ({
             );
             if (nativeToken && (nativeToken.chain_id !== fromTokenInfo?.chain_id || nativeToken.address !== fromTokenInfo?.address)) {
               setFromTokenInfo(nativeToken);
-              params.from_chain = nativeToken.chain_id.toString();
-              params.from_token = nativeToken.address;
             } else if (!nativeToken) {
               const otherToken = tokens?.find(
                 (t) => t.chain_id === tokenInfo.chain_id && t.address !== tokenInfo.address
               );
               if (otherToken) {
                 setFromTokenInfo(otherToken);
-                params.from_chain = otherToken.chain_id.toString();
-                params.from_token = otherToken.address;
               }
             }
           }
@@ -8721,13 +8643,10 @@ var FormBody = ({
             );
             if (soneiumEthToken) {
               setFromTokenInfo(soneiumEthToken);
-              params.from_chain = soneiumEthToken.chain_id.toString();
-              params.from_token = soneiumEthToken.address;
             }
           }
         }
       }
-      updateSearchParams(params);
       handleCloseModal();
       setQuoteInfo(initialQuoteInfo);
       saveTokenSelection();
@@ -8738,7 +8657,6 @@ var FormBody = ({
       setFromTokenInfo,
       setQuoteInfo,
       setToTokenInfo,
-      updateSearchParams,
       tokens,
       fromTokenInfo,
       toTokenInfo,
@@ -8756,12 +8674,6 @@ var FormBody = ({
     const _fromAmount = toAmount;
     setDifferentAddress(void 0);
     switchTokens();
-    updateSearchParams({
-      from_chain: _fromTokenInfo.chain_id.toString(),
-      from_token: _fromTokenInfo.address,
-      to_chain: _toTokenInfo.chain_id.toString(),
-      to_token: _toTokenInfo.address
-    });
     const _fromAddress = () => {
       if (_fromTokenInfo.isSolana) {
         return solanaWalletAddress || "";
@@ -9116,7 +9028,9 @@ var SlippageSettings = ({ refetchQuote }) => {
             base: "20px",
             md: "22px"
           },
-          as: SettingsIcon
+          as: SettingsIcon,
+          position: "relative",
+          top: "-2px"
         }
       ),
       showYellowDot && /* @__PURE__ */ jsx(
@@ -9343,10 +9257,92 @@ var FormTop = ({
   quoteInfo,
   clearLockedRequestId,
   refreshInterval = 30,
-  hideCountdown = false
+  hideCountdown = false,
+  onHistoryClick
 }) => {
   const { isLoading: isLoadingRefresh } = useRefreshLoading();
   const { theme } = useWidgetTheme();
+  const { disconnect } = useDisconnect();
+  const connectors = useConnectors();
+  const { connector: wagmiConnector } = useAccount();
+  const { removeWallet } = useDynamicContext();
+  const userWallets = useUserWallets();
+  const {
+    isEthWalletConnected,
+    evmWalletConnectorId,
+    isSolanaWalletConnected,
+    setEvmWalletInfo,
+    setIsEthWalletConnected,
+    setSolanaWalletAddress,
+    setIsSolanaWalletConnected,
+    setIsLoggingOut: setStoreLoggingOut,
+    setLastDisconnectTimestamp
+  } = useWalletConnectedStore();
+  const isAnyWalletConnected = isEthWalletConnected || isSolanaWalletConnected;
+  const [isLogoutDialogOpen, setIsLogoutDialogOpen] = useState(false);
+  const [isLoggingOut, setIsLoggingOut] = useState(false);
+  const handleLogout = useCallback(async () => {
+    setIsLoggingOut(true);
+    setStoreLoggingOut(true);
+    const currentEvmConnectorId = evmWalletConnectorId;
+    try {
+      for (const wallet of userWallets) {
+        const walletId = wallet.id || wallet.walletId;
+        if (walletId) {
+          try {
+            await removeWallet(walletId);
+          } catch (e) {
+            console.error("Dynamic removeWallet failed:", e);
+          }
+        }
+      }
+      const evmConnector = connectors.find((c) => c.id === currentEvmConnectorId);
+      if (evmConnector) {
+        disconnect({ connector: evmConnector });
+      } else if (wagmiConnector) {
+        disconnect({ connector: wagmiConnector });
+      }
+      if (typeof window !== "undefined") {
+        window.localStorage.removeItem("wagmi.cache");
+        window.localStorage.removeItem("wagmi.wallet");
+        window.sessionStorage.removeItem("wagmi.cache");
+        window.sessionStorage.removeItem("wagmi.wallet");
+        const storages = [window.localStorage, window.sessionStorage];
+        storages.forEach((storage) => {
+          const keysToRemove = [];
+          for (let i = 0; i < storage.length; i++) {
+            const key = storage.key(i);
+            if (key && (key.startsWith("dynamic_") || key.includes("_dynamic_"))) {
+              keysToRemove.push(key);
+            }
+          }
+          keysToRemove.forEach((key) => storage.removeItem(key));
+        });
+      }
+      setEvmWalletInfo(null, null);
+      setIsEthWalletConnected(false);
+      setSolanaWalletAddress(null);
+      setIsSolanaWalletConnected(false);
+      setLastDisconnectTimestamp(Date.now());
+    } finally {
+      setStoreLoggingOut(false);
+      setIsLoggingOut(false);
+      setIsLogoutDialogOpen(false);
+    }
+  }, [
+    userWallets,
+    removeWallet,
+    connectors,
+    evmWalletConnectorId,
+    wagmiConnector,
+    disconnect,
+    setEvmWalletInfo,
+    setIsEthWalletConnected,
+    setSolanaWalletAddress,
+    setIsSolanaWalletConnected,
+    setStoreLoggingOut,
+    setLastDisconnectTimestamp
+  ]);
   const isPolling = Boolean(quoteInfo?.request_id && !isLoadingRefresh);
   const [countdown, setCountdown] = useState(refreshInterval);
   useEffect(() => {
@@ -9384,7 +9380,24 @@ var FormTop = ({
         children: "Bridge & Swap"
       }
     ),
-    /* @__PURE__ */ jsxs(HStack, { color: theme.weakTextColor || "#81728C", children: [
+    /* @__PURE__ */ jsxs(HStack, { color: theme.weakTextColor, children: [
+      isAnyWalletConnected && /* @__PURE__ */ jsx(
+        Box,
+        {
+          w: "21px",
+          h: "21px",
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          cursor: "pointer",
+          onClick: onHistoryClick,
+          title: "Transaction history",
+          children: /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", children: [
+            /* @__PURE__ */ jsx("path", { fill: theme.weakTextColor, d: "M14 2l-8 8v20h22v-28h-14zM14 4.8v5.2h-5.2l5.2-5.2zM26 28h-18v-16h8v-8h10v24z" }),
+            /* @__PURE__ */ jsx("path", { fill: theme.weakTextColor, d: "M10 14h14v2h-14v-2zM10 18h14v2h-14v-2zM10 22h14v2h-14v-2z" })
+          ] })
+        }
+      ),
       /* @__PURE__ */ jsxs(
         HStack,
         {
@@ -9454,8 +9467,36 @@ var FormTop = ({
           ]
         }
       ),
-      /* @__PURE__ */ jsx(SlippageSettings, { refetchQuote })
-    ] })
+      /* @__PURE__ */ jsx(SlippageSettings, { refetchQuote }),
+      isAnyWalletConnected && /* @__PURE__ */ jsx(
+        HStack,
+        {
+          w: "30px",
+          h: "30px",
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          cursor: "pointer",
+          title: "Disconnect all wallets",
+          onClick: () => setIsLogoutDialogOpen(true),
+          children: /* @__PURE__ */ jsx(IoMdLogOut, { style: { width: "22px", height: "22px" }, color: theme.weakTextColor })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(Dialog.Root, { open: isLogoutDialogOpen, onOpenChange: (e) => setIsLogoutDialogOpen(e.open), children: /* @__PURE__ */ jsxs(Portal, { children: [
+      /* @__PURE__ */ jsx(Dialog.Backdrop, {}),
+      /* @__PURE__ */ jsx(Dialog.Positioner, { justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ jsxs(Dialog.Content, { bgColor: theme.defaultBgColor, color: theme.defaultTextColor, width: ["90vw", "400px"], children: [
+        /* @__PURE__ */ jsxs(Dialog.Header, { justifyContent: "center", children: [
+          /* @__PURE__ */ jsx(Dialog.Title, { padding: "15px 0", children: "Disconnect Wallet" }),
+          /* @__PURE__ */ jsx(Dialog.CloseTrigger, {})
+        ] }),
+        /* @__PURE__ */ jsx(Dialog.Body, { marginBottom: "20px", children: /* @__PURE__ */ jsx(Text, { textAlign: "center", padding: ["0 15px", "0 30px"], children: "This operation will disconnect all connected wallets." }) }),
+        /* @__PURE__ */ jsxs(Dialog.Footer, { padding: ["10px 20px 20px"], justifyContent: "center", children: [
+          /* @__PURE__ */ jsx(Dialog.ActionTrigger, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "outline", disabled: isLoggingOut, w: "100px", bgColor: theme.normalButtonBg, color: theme.normalButtonText, children: "Cancel" }) }),
+          /* @__PURE__ */ jsx(Button, { bgColor: theme.highlightButtonBg, color: theme.highlightButtonText, onClick: handleLogout, loading: isLoggingOut, w: "100px", children: "Disconnect" })
+        ] })
+      ] }) })
+    ] }) })
   ] });
 };
 var Timer = ({ stop, onTick }) => {
@@ -10416,6 +10457,381 @@ var TxState = ({
     }
   ) });
 };
+async function getOrderHistory(address, offset = 0, limit = 4) {
+  const url = `${BASE_API_URL}/v1/orders`;
+  const res = await axios6.get(url, {
+    params: {
+      address: Array.isArray(address) ? address : [address],
+      offset,
+      limit
+    },
+    paramsSerializer: {
+      indexes: null
+    }
+  });
+  return res.data;
+}
+var useOrderHistory = (address, address2, offset, limit) => {
+  const addresses = address && address2 ? [address, address2] : address;
+  return useQuery({
+    queryKey: ["orderHistory", addresses, offset],
+    queryFn: () => addresses ? getOrderHistory(addresses, offset, limit) : Promise.reject("No address provided"),
+    enabled: !!addresses,
+    placeholderData: keepPreviousData,
+    refetchOnWindowFocus: false
+  });
+};
+function SuccessIcon() {
+  return /* @__PURE__ */ jsx(Box, { w: "16px", h: "16px", borderRadius: "full", bg: "#00CBB3", display: "flex", alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ jsx("svg", { width: "10", height: "8", viewBox: "0 0 10 8", fill: "none", children: /* @__PURE__ */ jsx("path", { d: "M1 4L3.5 6.5L9 1", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }) });
+}
+function ErrorIcon() {
+  return /* @__PURE__ */ jsx(Box, { w: "16px", h: "16px", borderRadius: "full", bg: "#FF4267", display: "flex", alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ jsx("svg", { width: "8", height: "8", viewBox: "0 0 8 8", fill: "none", children: /* @__PURE__ */ jsx("path", { d: "M1 1L7 7M7 1L1 7", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" }) }) });
+}
+function PendingIcon() {
+  return /* @__PURE__ */ jsx(Box, { w: "16px", h: "16px", borderRadius: "full", bg: "#FFD200", display: "flex", alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ jsx("svg", { width: "8", height: "8", viewBox: "0 0 8 8", fill: "none", children: /* @__PURE__ */ jsx("circle", { cx: "4", cy: "4", r: "3", stroke: "white", strokeWidth: "1.5" }) }) });
+}
+function getStatusIcon(status) {
+  switch (status) {
+    case "Filled":
+      return /* @__PURE__ */ jsx(SuccessIcon, {});
+    case "Refund":
+    case "Failed":
+      return /* @__PURE__ */ jsx(ErrorIcon, {});
+    case "Open":
+      return /* @__PURE__ */ jsx(PendingIcon, {});
+    default:
+      return /* @__PURE__ */ jsx(SuccessIcon, {});
+  }
+}
+function OrderHistoryItem({ order }) {
+  const { theme } = useWidgetTheme();
+  const fromTokenInfo = order.from_token_info;
+  const toTokenInfo = order.to_token_info;
+  const isSameChainSwap = order.from_chain === order.to_chain;
+  const renderTxLink = (txHash, chainId, label) => {
+    const link = getTxLink(txHash, chainId);
+    if (!link) {
+      return /* @__PURE__ */ jsx(Text2, { variant: "content8", color: theme.defaultTextColor, children: sliceAddress(txHash, 6) });
+    }
+    return /* @__PURE__ */ jsx("a", { href: link, target: "_blank", rel: "noreferrer", style: { textDecoration: "none" }, children: /* @__PURE__ */ jsx(HStack, { gap: 1, children: /* @__PURE__ */ jsx(Text2, { variant: "content8", color: theme.highlightTextColor, children: sliceAddress(txHash, 6) }) }) });
+  };
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      w: "100%",
+      borderRadius: "12px",
+      p: "10px 15px",
+      bg: theme.assistBgColor,
+      _hover: { bg: theme.highlightBgColor },
+      transition: "background 0.15s",
+      children: [
+        /* @__PURE__ */ jsxs(HStack, { justify: "center", mb: 2, children: [
+          /* @__PURE__ */ jsxs(HStack, { gap: 1.5, children: [
+            getStatusIcon(isSameChainSwap ? "Filled" : order.status),
+            /* @__PURE__ */ jsx(
+              Text2,
+              {
+                variant: "content7",
+                color: theme.defaultTextColor || "#15003E",
+                fontWeight: 500,
+                children: isSameChainSwap ? "Filled" : order.status
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx(Text2, { variant: "content8", color: theme.weakTextColor || "#81728C", children: dateFormatter(order.open_timestamp) })
+        ] }),
+        /* @__PURE__ */ jsxs(HStack, { justify: "space-between", w: "100%", children: [
+          /* @__PURE__ */ jsxs(HStack, { gap: 2, mb: 1.5, children: [
+            /* @__PURE__ */ jsx(Box, { w: "32px", h: "32px", flexShrink: 0, marginRight: "10px", children: /* @__PURE__ */ jsx(
+              TokenIconWithNetworkLogo,
+              {
+                w: "100%",
+                h: "100%",
+                tokenInfo: fromTokenInfo
+              }
+            ) }),
+            /* @__PURE__ */ jsxs(VStack, { align: "start", gap: 0.5, flex: 1, w: "80px", children: [
+              /* @__PURE__ */ jsx(
+                TokenAmountHeading,
+                {
+                  amount: new Fraction(order.from_amount),
+                  decimals: fromTokenInfo?.decimals,
+                  suffix: fromTokenInfo?.symbol,
+                  variant: "heading12"
+                }
+              ),
+              /* @__PURE__ */ jsx(HStack, { gap: 1, children: renderTxLink(order.open_tx_hash, order.from_chain) })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(HStack, { justify: "center", my: 0.5, flex: 1, children: /* @__PURE__ */ jsx(HiMiniArrowRight, { color: theme.weakTextColor, width: "30px", height: "30px" }) }),
+          /* @__PURE__ */ jsxs(HStack, { gap: 2, mt: 0, children: [
+            /* @__PURE__ */ jsxs(VStack, { align: "start", gap: 0.5, flex: 1, w: "80px", children: [
+              /* @__PURE__ */ jsx(
+                TokenAmountHeading,
+                {
+                  amount: new Fraction(order.to_amount || order.amount_out || "0"),
+                  decimals: toTokenInfo?.decimals,
+                  suffix: toTokenInfo?.symbol,
+                  variant: "heading12",
+                  justifyContent: "flex-end",
+                  width: "100%",
+                  display: "flex"
+                }
+              ),
+              /* @__PURE__ */ jsx(HStack, { gap: 1, justifyContent: "flex-end", w: "100%", children: isSameChainSwap ? renderTxLink(order.open_tx_hash, order.from_chain) : order.fill_tx_hash ? renderTxLink(order.fill_tx_hash, order.to_chain) : /* @__PURE__ */ jsx(Text2, { variant: "content8", color: theme.defaultTextColor, children: "Receiving..." }) })
+            ] }),
+            /* @__PURE__ */ jsx(Box, { w: "32px", h: "32px", flexShrink: 0, marginRight: "10px", marginLeft: "3px", children: /* @__PURE__ */ jsx(
+              TokenIconWithNetworkLogo,
+              {
+                w: "100%",
+                h: "100%",
+                tokenInfo: toTokenInfo
+              }
+            ) })
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+var PaginationButton = ({
+  currentPage,
+  page,
+  onClick
+}) => {
+  const { theme } = useWidgetTheme();
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      bg: currentPage === page ? theme.highlightButtonBg : "transparent",
+      color: currentPage === page ? theme.highlightButtonText : theme.weakTextColor,
+      w: "24px",
+      h: "24px",
+      borderRadius: "full",
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      cursor: "pointer",
+      onClick,
+      fontSize: "12px",
+      fontWeight: 500,
+      transition: "all 0.2s",
+      children: page
+    }
+  );
+};
+function OrderHistoryPagination({
+  currentPage,
+  totalPages,
+  setCurrentPage
+}) {
+  const { theme } = useWidgetTheme();
+  const handlePrevious = () => {
+    if (currentPage > 1) setCurrentPage(currentPage - 1);
+  };
+  const handleNext = () => {
+    if (currentPage < totalPages) setCurrentPage(currentPage + 1);
+  };
+  if (totalPages <= 1) return null;
+  return /* @__PURE__ */ jsxs(
+    HStack,
+    {
+      justify: "space-between",
+      align: "center",
+      pt: 2,
+      pb: 1,
+      gap: 2,
+      w: "100%",
+      children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "plain",
+            onClick: handlePrevious,
+            disabled: currentPage === 1,
+            h: "28px",
+            minW: "28px",
+            p: 0,
+            children: /* @__PURE__ */ jsxs(HStack, { gap: 0, color: currentPage === 1 ? theme.disabledButtonText || "#B5B5B5" : theme.defaultTextColor || "#15003E", children: [
+              /* @__PURE__ */ jsx(BackIcon, { size: 20 }),
+              /* @__PURE__ */ jsx(Text2, { variant: "content7", fontSize: "11px", children: "Prev" })
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsx(HStack, { gap: 1, color: theme.weakTextColor || "#81728C", children: totalPages <= 7 ? Array.from({ length: totalPages }, (_, i) => i + 1).map((page) => /* @__PURE__ */ jsx(
+          PaginationButton,
+          {
+            currentPage,
+            page,
+            onClick: () => setCurrentPage(page)
+          },
+          page
+        )) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            PaginationButton,
+            {
+              currentPage,
+              page: 1,
+              onClick: () => setCurrentPage(1)
+            }
+          ),
+          currentPage > 4 && /* @__PURE__ */ jsx(Text2, { variant: "content7", fontSize: "12px", children: "..." }),
+          Array.from({ length: 3 }, (_, i) => {
+            const page = currentPage - 1 + i;
+            if (page > 1 && page < totalPages) {
+              return /* @__PURE__ */ jsx(
+                PaginationButton,
+                {
+                  currentPage,
+                  page,
+                  onClick: () => setCurrentPage(page)
+                },
+                page
+              );
+            }
+            return null;
+          }),
+          currentPage < totalPages - 3 && /* @__PURE__ */ jsx(Text2, { variant: "content7", fontSize: "12px", children: "..." }),
+          totalPages > 1 && /* @__PURE__ */ jsx(
+            PaginationButton,
+            {
+              currentPage,
+              page: totalPages,
+              onClick: () => setCurrentPage(totalPages)
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "plain",
+            onClick: handleNext,
+            disabled: currentPage === totalPages,
+            h: "28px",
+            minW: "28px",
+            p: 0,
+            children: /* @__PURE__ */ jsxs(
+              HStack,
+              {
+                gap: 0,
+                color: currentPage === totalPages ? theme.disabledButtonText || "#B5B5B5" : theme.defaultTextColor || "#15003E",
+                children: [
+                  /* @__PURE__ */ jsx(Text2, { variant: "content7", fontSize: "11px", children: "Next" }),
+                  /* @__PURE__ */ jsx(Box, { transform: "rotate(180deg)", children: /* @__PURE__ */ jsx(BackIcon, { size: 20 }) })
+                ]
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+var PAGE_SIZE = 4;
+function OrderHistory({ address, solanaAddress, onBack }) {
+  const { theme } = useWidgetTheme();
+  const [currentPage, setCurrentPage] = useState(1);
+  const [offset, setOffset] = useState(0);
+  const { data, isLoading, error, isFetching } = useOrderHistory(
+    address,
+    solanaAddress,
+    offset,
+    PAGE_SIZE
+  );
+  const totalItems = data?.total || 0;
+  const totalPages = Math.ceil(totalItems / PAGE_SIZE);
+  const currentOrders = data?.orders || [];
+  const handlePageChange = (page) => {
+    const newOffset = (page - 1) * PAGE_SIZE;
+    setOffset(newOffset);
+    setCurrentPage(page);
+  };
+  const renderContent = () => {
+    if (isLoading) {
+      return /* @__PURE__ */ jsxs(VStack, { gap: 4, py: 10, align: "center", w: "100%", children: [
+        /* @__PURE__ */ jsx(Spinner, { size: "md", color: theme.highlightTextColor }),
+        /* @__PURE__ */ jsx(Text2, { variant: "content7", color: theme.weakTextColor || "#81728C", children: "Loading transactions..." })
+      ] });
+    }
+    if (error) {
+      return /* @__PURE__ */ jsx(
+        Box,
+        {
+          border: "1px solid #FF4267",
+          borderRadius: "8px",
+          p: 3,
+          my: 4,
+          bg: "#FFF5F5",
+          children: /* @__PURE__ */ jsx(Text2, { variant: "content7", color: "#FF4267", textAlign: "center", children: "Failed to load transaction history. Please try again." })
+        }
+      );
+    }
+    if (currentOrders.length === 0) {
+      const emptyColor = theme.defaultBorderColor || "#E0D8E8";
+      return /* @__PURE__ */ jsxs(VStack, { gap: 4, py: 10, align: "center", w: "100%", children: [
+        /* @__PURE__ */ jsxs("svg", { width: "48", height: "48", viewBox: "0 0 48 48", fill: "none", children: [
+          /* @__PURE__ */ jsx("rect", { x: "4", y: "8", width: "40", height: "32", rx: "4", stroke: emptyColor, strokeWidth: "2", fill: "none" }),
+          /* @__PURE__ */ jsx("path", { d: "M16 20H32", stroke: emptyColor, strokeWidth: "2", strokeLinecap: "round" }),
+          /* @__PURE__ */ jsx("path", { d: "M16 28H28", stroke: emptyColor, strokeWidth: "2", strokeLinecap: "round" })
+        ] }),
+        /* @__PURE__ */ jsx(Text2, { variant: "content7", color: theme.weakTextColor || "#81728C", textAlign: "center", children: "No transaction history yet" })
+      ] });
+    }
+    return /* @__PURE__ */ jsxs(Box, { position: "relative", w: "100%", children: [
+      isFetching && /* @__PURE__ */ jsx(
+        Box,
+        {
+          position: "absolute",
+          zIndex: 10,
+          top: 0,
+          left: 0,
+          right: 0,
+          bottom: 0,
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          children: /* @__PURE__ */ jsx(Spinner, { size: "sm", color: theme.highlightTextColor })
+        }
+      ),
+      /* @__PURE__ */ jsx(VStack, { gap: 2.5, w: "100%", children: currentOrders.map((order) => /* @__PURE__ */ jsx(OrderHistoryItem, { order }, order.order_id)) }),
+      /* @__PURE__ */ jsx(
+        OrderHistoryPagination,
+        {
+          currentPage,
+          totalPages,
+          setCurrentPage: handlePageChange
+        }
+      )
+    ] });
+  };
+  return /* @__PURE__ */ jsxs(VStack, { w: "100%", gap: 4, align: "start", children: [
+    /* @__PURE__ */ jsxs(HStack, { w: "100%", justify: "space-between", align: "center", children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "plain",
+          onClick: onBack,
+          h: "24px",
+          minW: "24px",
+          p: 0,
+          children: /* @__PURE__ */ jsx(RiArrowGoBackFill, { color: theme.defaultTextColor, size: 20 })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Text2,
+        {
+          color: theme.defaultTextColor,
+          textAlign: "center",
+          fontWeight: 600,
+          fontSize: "16px",
+          children: "Transaction history"
+        }
+      ),
+      /* @__PURE__ */ jsx(Box, { w: "24px" })
+    ] }),
+    renderContent()
+  ] });
+}
 var initialQuoteInfo = {
   isFetching: false,
   error: null,
@@ -10464,6 +10880,7 @@ var MainForm = ({ config }) => {
   const refreshIntervalRef = useRef(30);
   const timerRef = useRef(null);
   const isQuoteStoppedRef = useRef(false);
+  const [showHistory, setShowHistory] = useState(false);
   const { differentAddress } = useDifferentAddressStore();
   const { chains, slippagePolicies } = useChainsStore();
   const prevAddressRef = useRef(address);
@@ -10868,6 +11285,16 @@ var MainForm = ({ config }) => {
         }
       ) });
     }
+    if (showHistory) {
+      return /* @__PURE__ */ jsx(
+        OrderHistory,
+        {
+          address,
+          solanaAddress: solanaWalletAddress || void 0,
+          onBack: () => setShowHistory(false)
+        }
+      );
+    }
     return /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(
         FormTop,
@@ -10876,7 +11303,8 @@ var MainForm = ({ config }) => {
           quoteInfo,
           clearLockedRequestId,
           refreshInterval,
-          hideCountdown: isETHtoETHBridge(fromTokenInfo, toTokenInfo, chains)
+          hideCountdown: isETHtoETHBridge(fromTokenInfo, toTokenInfo, chains),
+          onHistoryClick: () => setShowHistory(true)
         }
       ),
       /* @__PURE__ */ jsx(
@@ -10947,7 +11375,23 @@ var MainForm = ({ config }) => {
                     src: "https://wheelx.fi/images/success-sprites.png",
                     alt: "success"
                   }
-                )
+                ),
+                !showHistory && /* @__PURE__ */ jsx(HStack, { w: "100%", justifyContent: "center", alignItems: "center", opacity: "0.7", fontSize: "13px", children: /* @__PURE__ */ jsx("a", { href: "https://wheelx.fi/", target: "_blank", style: { display: "block" }, children: /* @__PURE__ */ jsxs(HStack, { color: theme.weakTextColor, fontSize: "12px", alignContent: "center", alignItems: "center", w: "100%", children: [
+                  /* @__PURE__ */ jsx(Box, { children: "Powered by" }),
+                  /* @__PURE__ */ jsx(
+                    Box,
+                    {
+                      w: "14px",
+                      h: "14px",
+                      backgroundColor: "currentColor",
+                      maskSize: "contain",
+                      maskRepeat: "no-repeat",
+                      maskPosition: "center center",
+                      maskImage: "url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA/CAMAAACLtlvuAAAAeFBMVEUAAAAVAD4VAD4VAD4VAD4VAD4dAEAUAD8VAD4VAD8VAD4VAD4VAD8XAD8VAD4VAD4VAD4XAD8XAD8VAD4VAD4VAD8VAD8XAD8XAD8VAD4WAD8WAD8WAD8VAD4XAD8XAD8XAD8WAD4VAD4VAD4WAD8WAD8VAD4TAD0voTQoAAAAJnRSTlMA+ufG7bEXnPRh0KlsPuHZj3RDvLZWSiwfl1wwE6MmDAaIfcE6USqlGmwAAAMlSURBVEjHnZbpgqowDEZTFqnsiCgoAm4f7/+GVypMpkivjueXSo6pNWlD/2GfC+E29BU7KKKv5BgK/8vE36deT/L9Czma5D19wRWKLX3CJk1v2gfu4AaGGJ3tLLSJKjw4rYvWEMMEUHijObwVthS5A0Be2t8x1dw9YqQc9soCrocVkSWGQstiIF89XnCM4Y/Z0cqHc6AHSla06ZDvzjE6xc+3boCCiOWRFP4FI5uZXMuxGD24RAsylRYEFFZLM0I8EWvSZeYERX+gFwoH2Ma4klG2AenA2tEC3ZFC2HAN8srpd2fcqaNljv2ZqvlvZndNFFtkQiZE5MFdkGtrcKnpTwb3giNNNsucl2NeaXEiYptldh+IqyFxSZMdsKy7lC33t2MTEedmWbm8Pm9pq3EgzVaycrWy2IoF+YyaZnYGpG2n9plZa+tehWm4IvJjIs2+JnggJfRyLBFSmaVhzUfshoRLDFfy68mBs2p+Ef10uLzJ8/z8m9jPH1hQdkkenrgy1I86/HA2LCklC08cBx8iMJKTjyeJE+c2kyccbQ0P+ImFEZcu09qcTL9fWQ4Nyw5pTG2TqF7O4uVrMrHzUSFqh28KOrJsvU18YPG+6XBRd4nXPavktlKXC5F2boSe2pUT9AK44T4otfbhYepU7oVS4vZT51zGLb1Q4/zbPXBXVZodJ7RALrS8LGu5j7z5ek0VWl6W2eatmZM4nFeXyZv2vMHFNEhk7LKs5fZBBk5oeM26TJXKHfbm8SZJ6mTKyzLn3uNinEnWheTLl2W2E2TZZkHtrgCsGD69uyVd40ziS2dlkDcSit44kyRRjHBRDpDIdzPJjVw40YucAbvo7Uzy8CIHTtb+kksPsGu6v5tJLNWluxiQQbhx5O1+sQHkpRZjmEmmAikzHxACAsC26LSYNb1QWEC8m+9iRZ0pRmffkI4fe4heYj7D7hty+4i+Ieg3qo2aL9zz2F0O6j+7WZ+N5wqsv7oFV/C+t//mRr37+03wF7fpfX0Z6eduPblsZ594a991gxjbdLu1nzeId90GlUQeuHb1Rk7xQDiCm8cax5oHCen8A09+fN7BIX4wAAAAAElFTkSuQmCC)"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(Box, { children: "WheelX" })
+                ] }) }) })
               ]
             }
           ),
@@ -10961,39 +11405,7 @@ var MainForm = ({ config }) => {
                 md: "480px"
               }
             }
-          ),
-          /* @__PURE__ */ jsx(Box, { marginTop: "30px", fontSize: "14px", children: /* @__PURE__ */ jsx(
-            "a",
-            {
-              href: "https://github.com/wheelx-fi/wheelx-contracts/blob/main/audits/ABDK_WheelX_WheelXContracts_v_1_0.pdf",
-              target: "_blank",
-              children: /* @__PURE__ */ jsxs(
-                Text2,
-                {
-                  color: "#5D6270",
-                  display: "flex",
-                  alignItems: "center",
-                  justifyContent: "center",
-                  children: [
-                    "Audited By",
-                    " ",
-                    /* @__PURE__ */ jsx(
-                      Image,
-                      {
-                        display: "block",
-                        width: "70px",
-                        height: "28px",
-                        marginLeft: "2px",
-                        objectFit: "contain",
-                        src: "https://wheelx.fi/images/adbk.png",
-                        alt: ""
-                      }
-                    )
-                  ]
-                }
-              )
-            }
-          ) })
+          )
         ] })
       }
     ),