@orderly.network/wallet-connector-privy 2.1.3 → 2.2.0-alpha.0

package/dist/index.mjs

@@ -1,18 +1,20 @@
-import React12, { createContext, useContext, useState, useRef, useMemo, useEffect, useCallback } from 'react';
-import { useWalletConnector, useTrack, useStorageLedgerAddress, WalletConnectorContext, useLocalStorage, useStorageChain } from '@orderly.network/hooks';
-import { installExtension, ExtensionPositionEnum, useScreen, Button, Text, formatAddress, TooltipProvider, cn, ExclamationFillIcon, Tooltip, CopyIcon, Checkbox, ChevronDownIcon, ChevronUpIcon, toast, DropdownMenuRoot, DropdownMenuTrigger, DropdownMenuPortal, DropdownMenuContent, DropdownMenuItem, Popover, ChainIcon } from '@orderly.network/ui';
-import { AccountStatusEnum, ArbitrumSepoliaChainInfo, SolanaDevnetChainInfo, SolanaChains as SolanaChains$1, ChainNamespace, TrackerEventName, ConnectorKey } from '@orderly.network/types';
-import { PrivyProvider, usePrivy, useWallets, useSolanaWallets } from '@privy-io/react-auth';
+import React19, { createContext, useMemo, useContext, useState, useRef, useEffect, useCallback } from 'react';
+import * as viemExport from 'viem';
+import { defineChain } from 'viem';
+import { mainnet, abstract, abstractTestnet } from 'viem/chains';
+import { SOLANA_TESTNET_CHAINID, SOLANA_MAINNET_CHAINID, ABSTRACT_CHAIN_ID_MAP, AccountStatusEnum, ABSTRACT_TESTNET_CHAINID, ABSTRACT_MAINNET_CHAINID, SolanaChains as SolanaChains$1, AbstractChains, AbstractTestnetChainInfo, ArbitrumSepoliaChainInfo, SolanaDevnetChainInfo, ChainNamespace, TrackerEventName, ConnectorKey } from '@orderly.network/types';
+import { installExtension, ExtensionPositionEnum, useScreen, Button, Text, formatAddress, cn, TooltipProvider, CloseIcon, ExclamationFillIcon, Tooltip, CopyIcon, Checkbox, toast, DropdownMenuRoot, DropdownMenuTrigger, DropdownMenuPortal, DropdownMenuContent, DropdownMenuItem, ChevronDownIcon, ChevronUpIcon, SimpleDialog, ChainIcon, Popover } from '@orderly.network/ui';
+import { useWalletConnector, useAccount, WalletConnectorContext, useTrack, useStorageLedgerAddress, useLocalStorage, useStorageChain } from '@orderly.network/hooks';
+import { useTranslation, Trans } from '@orderly.network/i18n';
+import { AbstractWalletProvider as AbstractWalletProvider$1, useLoginWithAbstract, useAbstractClient, useGlobalWalletSignerAccount } from '@abstract-foundation/agw-react';
+import * as WagmiExport from 'wagmi';
+import { createConfig, injected, createStorage, http, WagmiProvider, useConnect, useDisconnect, useAccount as useAccount$1, useSwitchChain } from 'wagmi';
+import { windowGuard } from '@orderly.network/utils';
 import { WalletAdapterNetwork } from '@solana/wallet-adapter-base';
+import { PrivyProvider, usePrivy, useWallets, useSolanaWallets } from '@privy-io/react-auth';
 import { WalletProvider, useWallet } from '@solana/wallet-adapter-react';
-import * as WagmiExport from 'wagmi';
-import { createConfig, injected, createStorage, http, WagmiProvider, useConnect, useDisconnect, useAccount, useSwitchChain } from 'wagmi';
-import { useTranslation, Trans } from '@orderly.network/i18n';
 import { createPortal } from 'react-dom';
 import { AuthGuard } from '@orderly.network/ui-connector';
-import * as viemExport from 'viem';
-import { defineChain } from 'viem';
-import { mainnet } from 'viem/chains';
 import { PhantomWalletAdapter } from '@solana/wallet-adapter-wallets';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import * as WagmiConnectorsExport from 'wagmi/connectors';
@@ -23,18 +25,32 @@ var Network = /* @__PURE__ */ ((Network2) => {
   Network2["testnet"] = "testnet";
   return Network2;
 })(Network || {});
-var WalletType = /* @__PURE__ */ ((WalletType2) => {
-  WalletType2["EVM"] = "EVM";
-  WalletType2["SOL"] = "SOL";
-  WalletType2["PRIVY"] = "privy";
-  return WalletType2;
+var WalletType = /* @__PURE__ */ ((WalletType5) => {
+  WalletType5["EVM"] = "EVM";
+  WalletType5["SOL"] = "SOL";
+  WalletType5["ABSTRACT"] = "Abstract";
+  return WalletType5;
 })(WalletType || {});
-var SolanaChains = /* @__PURE__ */ new Map([[WalletAdapterNetwork.Devnet, 901901901], [WalletAdapterNetwork.Mainnet, 900900900]]);
+var WalletConnectType = /* @__PURE__ */ ((WalletConnectType2) => {
+  WalletConnectType2["EVM"] = "EVM";
+  WalletConnectType2["SOL"] = "SOL";
+  WalletConnectType2["PRIVY"] = "privy";
+  WalletConnectType2["ABSTRACT"] = "Abstract";
+  return WalletConnectType2;
+})(WalletConnectType || {});
+var SolanaChains = /* @__PURE__ */ new Map([
+  [WalletAdapterNetwork.Devnet, SOLANA_TESTNET_CHAINID],
+  [WalletAdapterNetwork.Mainnet, SOLANA_MAINNET_CHAINID]
+]);
 var SolanaChainsMap = /* @__PURE__ */ new Map([
-  [WalletAdapterNetwork.Devnet, 901901901],
-  ["testnet" /* testnet */, 901901901],
-  ["mainnet" /* mainnet */, 900900900],
-  [WalletAdapterNetwork.Mainnet, 900900900]
+  [WalletAdapterNetwork.Devnet, SOLANA_TESTNET_CHAINID],
+  ["testnet" /* testnet */, SOLANA_TESTNET_CHAINID],
+  ["mainnet" /* mainnet */, SOLANA_MAINNET_CHAINID],
+  [WalletAdapterNetwork.Mainnet, SOLANA_MAINNET_CHAINID]
+]);
+var AbstractChainsMap = /* @__PURE__ */ new Map([
+  ["testnet" /* testnet */, ABSTRACT_TESTNET_CHAINID],
+  ["mainnet" /* mainnet */, ABSTRACT_MAINNET_CHAINID]
 ]);
 var WalletChainTypeEnum = /* @__PURE__ */ ((WalletChainTypeEnum2) => {
   WalletChainTypeEnum2["onlyEVM"] = "onlyEVM";
@@ -43,7 +59,104 @@ var WalletChainTypeEnum = /* @__PURE__ */ ((WalletChainTypeEnum2) => {
   return WalletChainTypeEnum2;
 })(WalletChainTypeEnum || {});
 
-// src/providers/privyWalletProvider.tsx
+// src/providers/abstractWallet/abstractWalletProvider.tsx
+var AbstractWalletContext = createContext(
+  null
+);
+var AbstractWalletProvider = (props) => {
+  const { network } = useWalletConnectorPrivy();
+  const { login, logout } = useLoginWithAbstract();
+  const [wallet, setWallet] = useState(null);
+  const { data: client, isLoading: isClientLoading } = useAbstractClient();
+  const { connector } = useAccount$1();
+  const { address, status } = useGlobalWalletSignerAccount();
+  const connect = () => {
+    return login();
+  };
+  const disconnect = () => {
+    return logout();
+  };
+  const isConnected = useMemo(() => {
+    return !!(client && connector);
+  }, [client, connector]);
+  const connectedChain = useMemo(() => {
+    if (!client || !connector) {
+      return;
+    }
+    return {
+      id: AbstractChainsMap.get(network),
+      namespace: ChainNamespace.evm
+    };
+  }, [client, connector]);
+  const value = useMemo(
+    () => ({
+      isConnected,
+      connect,
+      disconnect,
+      wallet,
+      connectedChain
+    }),
+    [connect, disconnect, isConnected, wallet, connectedChain]
+  );
+  useEffect(() => {
+    if (!client || !connector || !address) {
+      setWallet(null);
+      return;
+    }
+    connector?.getProvider().then((provider) => {
+      const tempWallet = {
+        label: "AGW",
+        icon: "",
+        provider: {
+          ...provider,
+          agwWallet: true,
+          sendTransaction: async (params) => {
+            return client.sendTransaction(params);
+          },
+          writeContract: async (params) => {
+            return client.writeContract(params);
+          }
+        },
+        accounts: [
+          {
+            address
+          }
+        ],
+        chains: [
+          {
+            id: AbstractChainsMap.get(network),
+            namespace: ChainNamespace.evm
+          }
+        ],
+        chain: connectedChain,
+        additionalInfo: {
+          AGWAddress: client.account.address
+        }
+      };
+      setWallet(tempWallet);
+    });
+  }, [client, connectedChain, connector, address, isClientLoading]);
+  useEffect(() => {
+    windowGuard(() => {
+      const connection = localStorage.getItem(
+        "privy-caw:cm04asygd041fmry9zmcyn5o5:connection"
+      );
+      if (connection) {
+        login();
+      }
+    });
+  }, []);
+  return /* @__PURE__ */ React19.createElement(AbstractWalletContext.Provider, { value }, props.children);
+};
+function useAbstractWallet() {
+  const context = useContext(AbstractWalletContext);
+  if (!context) {
+    throw new Error(
+      "useAbstractWallet must be used within a AbstractWalletProvider"
+    );
+  }
+  return context;
+}
 var getPrivyEmbeddedWalletChainId = (chainId) => {
   if (!chainId) {
     return null;
@@ -265,7 +378,7 @@ var PrivyWalletProvider = ({
       createSolanaWallet
     ]
   );
-  return /* @__PURE__ */ React12.createElement(PrivyWalletContext.Provider, { value }, children);
+  return /* @__PURE__ */ React19.createElement(PrivyWalletContext.Provider, { value }, children);
 };
 function usePrivyWallet() {
   const context = useContext(PrivyWalletContext);
@@ -488,7 +601,7 @@ var SolanaWalletProvider = ({
     }),
     [wallets, connectedChain, wallet, isConnected]
   );
-  return /* @__PURE__ */ React12.createElement(SolanaWalletContext.Provider, { value }, children);
+  return /* @__PURE__ */ React19.createElement(SolanaWalletContext.Provider, { value }, children);
 };
 function useSolanaWallet() {
   const context = useContext(SolanaWalletContext);
@@ -507,7 +620,7 @@ var WagmiWalletProvider = ({
   const [wallet, setWallet] = useState(void 0);
   const { connect, connectors: wagmiConnectors2 } = connectorWalletType.disableWagmi ? { connect: () => Promise.resolve(), connectors: [] } : useConnect();
   const { disconnect } = connectorWalletType.disableWagmi ? { disconnect: () => Promise.resolve() } : useDisconnect();
-  const { connector, isConnected, address, chainId } = connectorWalletType.disableWagmi ? { connector: null, isConnected: false, address: null, chainId: null } : useAccount();
+  const { connector, isConnected, address, chainId } = connectorWalletType.disableWagmi ? { connector: null, isConnected: false, address: null, chainId: null } : useAccount$1();
   const { switchChain } = connectorWalletType.disableWagmi ? { switchChain: () => Promise.resolve() } : useSwitchChain();
   const connectedChain = useMemo(() => {
     if (chainId) {
@@ -584,7 +697,7 @@ var WagmiWalletProvider = ({
       isConnected
     ]
   );
-  return /* @__PURE__ */ React12.createElement(WagmiWalletContext.Provider, { value }, children);
+  return /* @__PURE__ */ React19.createElement(WagmiWalletContext.Provider, { value }, children);
 };
 function useWagmiWallet() {
   const context = useContext(WagmiWalletContext);
@@ -593,11 +706,92 @@ function useWagmiWallet() {
   }
   return context;
 }
+function Drawer({ children, isOpen, onClose }) {
+  const [windowHeight, setWindowHeight] = useState(0);
+  const { isMobile } = useScreen();
+  useEffect(() => {
+    setWindowHeight(window.innerHeight);
+    const handleResize = () => {
+      setWindowHeight(window.innerHeight);
+    };
+    window.addEventListener("resize", handleResize);
+    if (isOpen) {
+      document.body.style.overflow = "hidden";
+    } else {
+      document.body.style.overflow = "auto";
+    }
+    return () => {
+      document.body.style.overflow = "auto";
+      window.removeEventListener("resize", handleResize);
+    };
+  }, [isOpen, isMobile]);
+  if (!isOpen)
+    return null;
+  const drawerHeight = isMobile ? windowHeight : windowHeight - 72 - 24;
+  return createPortal(
+    /* @__PURE__ */ React19.createElement("div", { className: "oui-fixed oui-inset-0 oui-z-[60]" }, /* @__PURE__ */ React19.createElement(
+      "div",
+      {
+        className: "oui-absolute oui-inset-0 oui-bg-[rgba(0,0,0,0.48)] oui-transition-opacity",
+        onClick: onClose
+      }
+    ), /* @__PURE__ */ React19.createElement(
+      "div",
+      {
+        style: { height: `${drawerHeight}px` },
+        className: cn(
+          "oui-overflow-hidden",
+          "oui-fixed oui-top-0 oui-right-0",
+          "oui-bg-[#131519] oui-shadow-lg",
+          "oui-border oui-border-line-12",
+          "oui-w-[276px]",
+          "md:oui-w-[300px]",
+          "md:oui-top-1/2 md:oui-translate-y-[-50%]",
+          "oui-rounded-0 md:oui-rounded-2xl",
+          "md:oui-rounded-0",
+          "oui-p-4",
+          "oui-transform oui-transition-transform oui-duration-300 oui-ease-in-out",
+          "oui-flex oui-flex-col oui-justify-between",
+          "oui-m-0 md:oui-m-3",
+          isOpen ? "oui-translate-x-0" : "oui--translate-x-full"
+        )
+      },
+      children
+    )),
+    document.body
+  );
+}
+var OrderlyOSS = "https://oss.orderly.network";
+var PrivyConnectorImagePath = `${OrderlyOSS}/static/sdk/privy`;
+var WALLET_ICONS = {
+  metamask: "https://oss.orderly.network/static/sdk/evm_wallets/metamask.png",
+  walletconnect: "https://oss.orderly.network/static/sdk/evm_wallets/walletConnect.png",
+  binance: "https://oss.orderly.network/static/sdk/evm_wallets/binance.png",
+  ledger: "https://oss.orderly.network/static/sdk/evm_wallets/ledger.png",
+  coinbase: "https://oss.orderly.network/static/sdk/evm_wallets/coinbase.png",
+  magic: "https://oss.orderly.network/static/sdk/evm_wallets/magic.png",
+  trezor: "https://oss.orderly.network/static/sdk/evm_wallets/trezor.png",
+  exodus: "https://oss.orderly.network/static/sdk/evm_wallets/exodus.png",
+  frame: "https://oss.orderly.network/static/sdk/evm_wallets/frame.png",
+  rabby: "https://oss.orderly.network/static/sdk/evm_wallets/rabby.png"
+};
+var getWalletIcon = (type) => {
+  return WALLET_ICONS[type.toLowerCase()];
+};
+var getChainType = (chainId) => {
+  if (AbstractChains.has(chainId)) {
+    return "Abstract" /* ABSTRACT */;
+  }
+  if (SolanaChains$1.has(chainId)) {
+    return "SOL" /* SOL */;
+  }
+  return "EVM" /* EVM */;
+};
 
 // src/hooks/useWallet.tsx
 function useWallet2() {
   const { track } = useTrack();
-  const { walletChainType } = useWalletConnectorPrivy();
+  const { walletChainTypeConfig } = useWalletConnectorPrivy();
   const [connectorKey, setConnectorKey] = useLocalStorage(ConnectorKey, "");
   const {
     disconnect: disconnectEVM,
@@ -622,13 +816,20 @@ function useWallet2() {
     isConnected: isConnectedPrivy,
     switchChain: setChainPrivy
   } = usePrivyWallet();
+  const {
+    connect: connectAbstract,
+    wallet: walletAbstract,
+    connectedChain: connectedChainAbstract,
+    isConnected: isConnectedAbstract,
+    disconnect: disconnectAbstract
+  } = useAbstractWallet();
   const [wallet, setWallet] = useState(null);
   const [namespace, setNamespace] = useState(null);
   const { storageChain, setStorageChain } = useStorageChain();
-  const { setOpenConnectDrawer, setTargetNamespace } = useWalletConnectorPrivy();
+  const { setOpenConnectDrawer, targetWalletType, setTargetWalletType } = useWalletConnectorPrivy();
   const isManual = useRef(false);
   const connect = (params) => {
-    setTargetNamespace(void 0);
+    setTargetWalletType(void 0);
     try {
       if (params.walletType === "EVM" /* EVM */) {
         setConnectorKey("EVM" /* EVM */);
@@ -642,6 +843,10 @@ function useWallet2() {
         setConnectorKey("privy" /* PRIVY */);
         connectPrivy();
       }
+      if (params.walletType === "Abstract" /* ABSTRACT */) {
+        setConnectorKey("Abstract" /* ABSTRACT */);
+        connectAbstract();
+      }
     } catch (e) {
     }
   };
@@ -653,15 +858,10 @@ function useWallet2() {
   }, [connectorKey]);
   const [connectedChain, setConnectedChain] = useState();
   const setChain = async (chain) => {
-    let tempNamespace = ChainNamespace.evm;
-    if (Array.from(SolanaChains.values()).includes(
-      parseInt(chain.chainId)
-    )) {
-      tempNamespace = ChainNamespace.solana;
-    }
+    const chainType = getChainType(parseInt(chain.chainId));
     if (isPrivy) {
-      if (tempNamespace === ChainNamespace.evm) {
-        if (walletChainType === "onlySOL" /* onlySOL */) {
+      if (chainType === "EVM" /* EVM */) {
+        if (!walletChainTypeConfig.hasEvm) {
           return Promise.reject(new Error("No evm wallet found"));
         }
         isManual.current = true;
@@ -676,79 +876,99 @@ function useWallet2() {
           return Promise.reject(e);
         });
       }
-      if (tempNamespace === ChainNamespace.solana) {
+      if (chainType === "Abstract" /* ABSTRACT */) {
+        setOpenConnectDrawer(true);
+        setTargetWalletType("Abstract" /* ABSTRACT */);
+      }
+      if (chainType === "SOL" /* SOL */) {
         isManual.current = true;
-        if (walletChainType === "onlyEVM" /* onlyEVM */) {
-          return Promise.reject(new Error("only evm wallet"));
+        if (!walletChainTypeConfig.hasSol) {
+          return Promise.reject(new Error("No solana wallet found"));
         }
         if (privyWalletSOL) {
           setStorageChain(parseInt(chain.chainId));
           return Promise.resolve(true);
         } else {
           setOpenConnectDrawer(true);
-          setTargetNamespace(ChainNamespace.solana);
+          setTargetWalletType("SOL" /* SOL */);
           return Promise.reject(new Error("No solana wallet found"));
         }
       }
     } else {
-      if (storageChain.namespace === ChainNamespace.evm) {
-        if (tempNamespace === ChainNamespace.evm) {
+      if (chainType === "EVM" /* EVM */) {
+        if (isConnectedEVM && walletEVM) {
           await setChainEvm(parseInt(chain.chainId));
           setStorageChain(parseInt(chain.chainId));
           track(TrackerEventName.switchNetworkSuccess, {
             from_chain: storageChain?.chainId,
             to_chain: chain.chainId
           });
+        } else {
+          setOpenConnectDrawer(true);
+          setTargetWalletType("EVM" /* EVM */);
           return Promise.resolve(true);
         }
-        if (tempNamespace === ChainNamespace.solana) {
-          if (isConnectedSOL && walletSOL) {
-            setStorageChain(parseInt(chain.chainId));
-          } else {
-            setOpenConnectDrawer(true);
-            setTargetNamespace(ChainNamespace.solana);
-            return Promise.resolve(true);
-          }
+        return Promise.resolve(true);
+      }
+      if (chainType === "SOL" /* SOL */) {
+        if (isConnectedSOL && walletSOL) {
+          setStorageChain(parseInt(chain.chainId));
+        } else {
+          setOpenConnectDrawer(true);
+          setTargetWalletType("SOL" /* SOL */);
+          return Promise.resolve(true);
         }
       }
-      if (storageChain.namespace === ChainNamespace.solana) {
-        if (tempNamespace === ChainNamespace.evm) {
-          if (isConnectedEVM && walletEVM) {
-            setStorageChain(parseInt(chain.chainId));
-          } else {
-            setOpenConnectDrawer(true);
-            setTargetNamespace(ChainNamespace.evm);
-          }
+      if (chainType === "Abstract" /* ABSTRACT */) {
+        if (isConnectedAbstract && walletAbstract) {
+          setStorageChain(parseInt(chain.chainId));
+          return Promise.resolve(true);
+        } else {
+          setOpenConnectDrawer(true);
+          setTargetWalletType("Abstract" /* ABSTRACT */);
+          return Promise.reject(new Error("No abstract wallet found"));
         }
       }
     }
   };
-  const switchWallet = (namespace2) => {
+  const switchWallet = (walletType) => {
     const fromWallet = wallet?.accounts[0].address;
     let toWallet;
     if (isPrivy) {
-      if (namespace2 === ChainNamespace.evm) {
-        if (privyWalletEVM) {
-          setStorageChain(privyWalletEVM.chain.id);
-          toWallet = privyWalletEVM.accounts[0].address;
-        }
-      } else {
-        if (privyWalletSOL) {
-          setStorageChain(privyWalletSOL.chain.id);
-          toWallet = privyWalletSOL.accounts[0].address;
-        }
+      switch (walletType) {
+        case "EVM" /* EVM */:
+          if (privyWalletEVM) {
+            setStorageChain(privyWalletEVM.chain.id);
+            toWallet = privyWalletEVM.accounts[0].address;
+          }
+          break;
+        case "SOL" /* SOL */:
+          if (privyWalletSOL) {
+            setStorageChain(privyWalletSOL.chain.id);
+            toWallet = privyWalletSOL.accounts[0].address;
+          }
+          break;
       }
     } else {
-      if (namespace2 === ChainNamespace.evm) {
-        if (walletEVM) {
-          setStorageChain(walletEVM.chain.id);
-          toWallet = walletEVM.accounts[0].address;
-        }
-      } else {
-        if (walletSOL) {
-          setStorageChain(walletSOL.chain.id);
-          toWallet = walletSOL.accounts[0].address;
-        }
+      switch (walletType) {
+        case "EVM" /* EVM */:
+          if (walletEVM) {
+            setStorageChain(walletEVM.chain.id);
+            toWallet = walletEVM.accounts[0].address;
+          }
+          break;
+        case "SOL" /* SOL */:
+          if (walletSOL) {
+            setStorageChain(walletSOL.chain.id);
+            toWallet = walletSOL.accounts[0].address;
+          }
+          break;
+        case "Abstract" /* ABSTRACT */:
+          if (walletAbstract) {
+            setStorageChain(walletAbstract.chain.id);
+            toWallet = walletAbstract.accounts[0].address;
+          }
+          break;
       }
     }
     track(TrackerEventName.clickSwitchWallet, {
@@ -757,14 +977,15 @@ function useWallet2() {
     });
   };
   const disconnect = async (walletType) => {
-    if (walletType === "privy" /* PRIVY */) {
-      return await disconnectPrivy();
-    }
-    if (walletType === "EVM" /* EVM */) {
-      return disconnectEVM();
-    }
-    if (walletType === "SOL" /* SOL */) {
-      return disconnectSOL();
+    switch (walletType) {
+      case "privy" /* PRIVY */:
+        return await disconnectPrivy();
+      case "EVM" /* EVM */:
+        return disconnectEVM();
+      case "SOL" /* SOL */:
+        return disconnectSOL();
+      case "Abstract" /* ABSTRACT */:
+        return disconnectAbstract();
     }
   };
   const setNullWalletStatus = () => {
@@ -777,6 +998,9 @@ function useWallet2() {
       return;
     }
     if (storageChain?.namespace === ChainNamespace.evm) {
+      if (AbstractChains.has(storageChain.chainId)) {
+        return setNullWalletStatus();
+      }
       if (privyWalletEVM) {
         setWallet(privyWalletEVM);
         setConnectedChain(privyWalletEVM.chain);
@@ -800,12 +1024,22 @@ function useWallet2() {
       return;
     }
     if (storageChain?.namespace === ChainNamespace.evm) {
-      if (isConnectedEVM && walletEVM) {
-        setWallet(walletEVM);
-        setConnectedChain(connectedChainEvm);
-        setNamespace(ChainNamespace.evm);
+      if (AbstractChains.has(storageChain.chainId)) {
+        if (isConnectedAbstract && walletAbstract) {
+          setWallet(walletAbstract);
+          setConnectedChain(connectedChainAbstract);
+          setNamespace(ChainNamespace.evm);
+        } else {
+          setNullWalletStatus();
+        }
       } else {
-        setNullWalletStatus();
+        if (isConnectedEVM && walletEVM) {
+          setWallet(walletEVM);
+          setConnectedChain(connectedChainEvm);
+          setNamespace(ChainNamespace.evm);
+        } else {
+          setNullWalletStatus();
+        }
       }
     }
     if (storageChain?.namespace === ChainNamespace.solana) {
@@ -823,7 +1057,10 @@ function useWallet2() {
     walletEVM,
     walletSOL,
     isConnectedEVM,
-    isConnectedSOL
+    isConnectedSOL,
+    isConnectedAbstract,
+    walletAbstract,
+    connectedChainAbstract
   ]);
   return {
     connect,
@@ -835,30 +1072,115 @@ function useWallet2() {
     disconnect
   };
 }
-
-// src/util.ts
-var WALLET_ICONS = {
-  "metamask": "https://oss.orderly.network/static/sdk/evm_wallets/metamask.png",
-  "walletconnect": "https://oss.orderly.network/static/sdk/evm_wallets/walletConnect.png",
-  "binance": "https://oss.orderly.network/static/sdk/evm_wallets/binance.png",
-  "ledger": "https://oss.orderly.network/static/sdk/evm_wallets/ledger.png",
-  "coinbase": "https://oss.orderly.network/static/sdk/evm_wallets/coinbase.png",
-  "magic": "https://oss.orderly.network/static/sdk/evm_wallets/magic.png",
-  "trezor": "https://oss.orderly.network/static/sdk/evm_wallets/trezor.png",
-  "exodus": "https://oss.orderly.network/static/sdk/evm_wallets/exodus.png",
-  "frame": "https://oss.orderly.network/static/sdk/evm_wallets/frame.png",
-  "rabby": "https://oss.orderly.network/static/sdk/evm_wallets/rabby.png"
-};
-var getWalletIcon = (type) => {
-  return WALLET_ICONS[type.toLowerCase()];
-};
+function AbstractConnectArea({ connect }) {
+  return /* @__PURE__ */ React19.createElement("div", null, /* @__PURE__ */ React19.createElement("div", { className: "oui-mb-2 oui-text-sm oui-font-semibold oui-text-base-contrast-80" }, "Abstract"), /* @__PURE__ */ React19.createElement("div", { className: "oui-grid oui-grid-cols-2 oui-gap-2" }, /* @__PURE__ */ React19.createElement(
+    "div",
+    {
+      className: " oui-flex oui-flex-1 oui-cursor-pointer oui-items-center oui-justify-start oui-gap-1 oui-rounded-[6px] oui-bg-[#07080A] oui-px-2 oui-py-[11px]",
+      onClick: () => connect()
+    },
+    /* @__PURE__ */ React19.createElement("div", { className: "oui-flex oui-size-[18px] oui-items-center oui-justify-center" }, /* @__PURE__ */ React19.createElement(
+      "img",
+      {
+        className: cn("oui-size-[12px]"),
+        src: `${PrivyConnectorImagePath}/abstract.png`,
+        alt: "abstract wallet"
+      }
+    )),
+    /* @__PURE__ */ React19.createElement("div", { className: "oui-text-2xs oui-text-base-contrast" }, "Abstract")
+  )));
+}
+function PrivyConnectArea({
+  connect
+}) {
+  const { t } = useTranslation();
+  const { isMobile, isDesktop } = useScreen();
+  const { connectorWalletType } = useWalletConnectorPrivy();
+  return /* @__PURE__ */ React19.createElement("div", { className: "" }, /* @__PURE__ */ React19.createElement(
+    "div",
+    {
+      className: cn(
+        "oui-flex oui-items-center oui-justify-between",
+        "oui-mb-3 oui-text-sm oui-font-semibold oui-text-base-contrast-80",
+        "md:oui-mb-2"
+      )
+    },
+    t("connector.privy.loginIn"),
+    isMobile && /* @__PURE__ */ React19.createElement("div", { className: "oui-flex oui-h-3 oui-justify-center" }, /* @__PURE__ */ React19.createElement(
+      "img",
+      {
+        src: "https://oss.orderly.network/static/sdk/privy/privy-logo.png",
+        className: " oui-h-[10px]"
+      }
+    ))
+  ), /* @__PURE__ */ React19.createElement(
+    "div",
+    {
+      className: cn(
+        "oui-grid oui-grid-cols-2 oui-gap-2",
+        "md:oui-flex md:oui-flex-col md:oui-gap-2"
+      )
+    },
+    /* @__PURE__ */ React19.createElement(
+      "div",
+      {
+        className: "oui-flex oui-cursor-pointer oui-items-center oui-justify-center oui-gap-1 oui-rounded-[6px] oui-bg-[#333948] oui-px-2 oui-py-[11px]",
+        onClick: () => connect({ walletType: "privy", extraType: "email" })
+      },
+      /* @__PURE__ */ React19.createElement(
+        "img",
+        {
+          src: "https://oss.orderly.network/static/sdk/privy/email.svg",
+          className: "oui-size-[18px]"
+        }
+      ),
+      /* @__PURE__ */ React19.createElement("div", { className: "oui-text-2xs oui-text-base-contrast" }, t("connector.privy.email"))
+    ),
+    /* @__PURE__ */ React19.createElement(
+      "div",
+      {
+        className: "oui-flex oui-cursor-pointer oui-items-center oui-justify-center oui-gap-1 oui-rounded-[6px] oui-bg-[#335FFC] oui-px-2 oui-py-[11px]",
+        onClick: () => connect({ walletType: "privy", extraType: "google" })
+      },
+      /* @__PURE__ */ React19.createElement(
+        "img",
+        {
+          src: "https://oss.orderly.network/static/sdk/privy/google.svg",
+          className: "oui-size-[18px]"
+        }
+      ),
+      /* @__PURE__ */ React19.createElement("div", { className: "oui-text-2xs oui-text-base-contrast" }, t("connector.privy.google"))
+    ),
+    /* @__PURE__ */ React19.createElement(
+      "div",
+      {
+        className: "oui-flex oui-cursor-pointer oui-items-center oui-justify-center oui-gap-1 oui-rounded-[6px] oui-bg-[#07080A] oui-px-2 oui-py-[11px]",
+        onClick: () => connect({ walletType: "privy", extraType: "twitter" })
+      },
+      /* @__PURE__ */ React19.createElement(
+        "img",
+        {
+          src: "https://oss.orderly.network/static/sdk/privy/twitter.svg",
+          className: "oui-size-[18px]"
+        }
+      ),
+      /* @__PURE__ */ React19.createElement("div", { className: "oui-text-2xs oui-text-base-contrast" }, t("connector.privy.twitter"))
+    )
+  ), isDesktop && /* @__PURE__ */ React19.createElement("div", { className: "oui-mt-4 oui-flex oui-h-3 oui-justify-center" }, /* @__PURE__ */ React19.createElement(
+    "img",
+    {
+      src: "https://oss.orderly.network/static/sdk/privy/privy-logo.png",
+      className: " oui-h-[10px]"
+    }
+  )), (!connectorWalletType.disableWagmi || !connectorWalletType.disableSolana) && /* @__PURE__ */ React19.createElement("div", { className: "oui-mt-4 oui-h-px oui-w-full oui-bg-line md:oui-mt-5" }));
+}
 function RenderPrivyTypeIcon({
   type,
   size,
   black
 }) {
   if (type === "email") {
-    return /* @__PURE__ */ React12.createElement(
+    return /* @__PURE__ */ React19.createElement(
       "img",
       {
         src: `https://oss.orderly.network/static/sdk/privy/email${black ? "-black" : ""}.svg`,
@@ -867,7 +1189,7 @@ function RenderPrivyTypeIcon({
     );
   }
   if (type === "google_oauth") {
-    return /* @__PURE__ */ React12.createElement(
+    return /* @__PURE__ */ React19.createElement(
       "img",
       {
         src: "https://oss.orderly.network/static/sdk/privy/google.svg",
@@ -876,7 +1198,7 @@ function RenderPrivyTypeIcon({
     );
   }
   if (type === "twitter_oauth") {
-    return /* @__PURE__ */ React12.createElement(
+    return /* @__PURE__ */ React19.createElement(
       "img",
       {
         src: `https://oss.orderly.network/static/sdk/privy/twitter${black ? "-black" : ""}.svg`,
@@ -884,7 +1206,7 @@ function RenderPrivyTypeIcon({
       }
     );
   }
-  return /* @__PURE__ */ React12.createElement(
+  return /* @__PURE__ */ React19.createElement(
     "img",
     {
       src: `https://oss.orderly.network/static/sdk/privy/email${black ? "-black" : ""}.svg`,
@@ -896,7 +1218,7 @@ function RenderWalletIcon({
   connector
 }) {
   const icon = connector.icon ? connector.icon : getWalletIcon(connector.type);
-  return /* @__PURE__ */ React12.createElement("div", { className: "oui-w-[18px] oui-h-[18px] oui-flex oui-items-center oui-justify-center" }, /* @__PURE__ */ React12.createElement(
+  return /* @__PURE__ */ React19.createElement("div", { className: "oui-w-[18px] oui-h-[18px] oui-flex oui-items-center oui-justify-center" }, /* @__PURE__ */ React19.createElement(
     "img",
     {
       className: cn(
@@ -907,73 +1229,282 @@ function RenderWalletIcon({
     }
   ));
 }
-var MoreIcon = (props) => /* @__PURE__ */ React12.createElement(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "16",
-    height: "16",
-    viewBox: "0 0 16 16",
-    fill: "currentColor",
-    ...props
-  },
-  /* @__PURE__ */ React12.createElement("path", { d: "M8.00521 6.66797C8.74161 6.66797 9.33854 7.26464 9.33854 8.0013C9.33854 8.73797 8.74161 9.33464 8.00521 9.33464C7.26881 9.33464 6.67188 8.73797 6.67188 8.0013C6.67188 7.26464 7.26881 6.66797 8.00521 6.66797Z" }),
-  /* @__PURE__ */ React12.createElement("path", { d: "M3.33333 6.66797C4.06973 6.66797 4.66667 7.26464 4.66667 8.0013C4.66667 8.73797 4.06973 9.33464 3.33333 9.33464C2.59693 9.33464 2 8.73797 2 8.0013C2 7.26464 2.59693 6.66797 3.33333 6.66797Z" }),
-  /* @__PURE__ */ React12.createElement("path", { d: "M12.6666 6.66797C13.403 6.66797 14 7.26464 14 8.0013C14 8.73797 13.403 9.33464 12.6666 9.33464C11.9302 9.33464 11.3333 8.73797 11.3333 8.0013C11.3333 7.26464 11.9302 6.66797 12.6666 6.66797Z" })
-);
-var DisconnectIcon = (props) => /* @__PURE__ */ React12.createElement(
-  "svg",
-  {
+function EVMChainPopover({ children }) {
+  const { getChainsByNetwork } = useWalletConnectorPrivy();
+  const [chains] = useState(getChainsByNetwork("mainnet"));
+  const { t } = useTranslation();
+  const { isMobile } = useScreen();
+  const [open, setOpen] = useState(false);
+  if (isMobile) {
+    return /* @__PURE__ */ React19.createElement(React19.Fragment, null, /* @__PURE__ */ React19.createElement(
+      SimpleDialog,
+      {
+        open,
+        size: "xs",
+        onOpenChange: setOpen,
+        classNames: {
+          content: "oui-p-4 oui-z-[99]",
+          overlay: "oui-z-[99]"
+        },
+        title: t("connector.privy.supportedEvmChain")
+      },
+      /* @__PURE__ */ React19.createElement("div", { className: "oui-p-1 oui-grid oui-grid-cols-2 oui-gap-x-2 oui-gap-y-3 oui-text-2xs oui-text-base-contrast-54" }, chains.map((item, key) => /* @__PURE__ */ React19.createElement(
+        "div",
+        {
+          key,
+          className: "oui-flex oui-items-center oui-justify-start oui-gap-1"
+        },
+        /* @__PURE__ */ React19.createElement(ChainIcon, { chainId: item.id, size: "2xs" }),
+        /* @__PURE__ */ React19.createElement("div", null, item.name)
+      )))
+    ), /* @__PURE__ */ React19.createElement("button", { onClick: () => setOpen(true) }, children));
+  }
+  return /* @__PURE__ */ React19.createElement(
+    Popover,
+    {
+      content: /* @__PURE__ */ React19.createElement("div", null, /* @__PURE__ */ React19.createElement("div", { className: "oui-text-2xs oui-font-semibold oui-text-base-contrast" }, t("connector.privy.supportedEvmChain")), /* @__PURE__ */ React19.createElement("div", { className: "oui-mt-3 oui-grid oui-grid-cols-3 oui-gap-x-2 oui-gap-y-3 oui-text-2xs oui-text-base-contrast-54" }, chains.map((item, key) => /* @__PURE__ */ React19.createElement(
+        "div",
+        {
+          key,
+          className: "oui-flex oui-items-center oui-justify-start oui-gap-1"
+        },
+        /* @__PURE__ */ React19.createElement(ChainIcon, { chainId: item.id, size: "2xs" }),
+        /* @__PURE__ */ React19.createElement("div", null, item.name)
+      )))),
+      arrow: true,
+      contentProps: {
+        side: "bottom",
+        align: "center",
+        className: "oui-p-2 oui-z-[65]"
+      }
+    },
+    /* @__PURE__ */ React19.createElement("button", null, children)
+  );
+}
+
+// src/components/renderConnector/solanaConnector.tsx
+function SOLConnectArea({
+  connect
+}) {
+  const { wallets } = useSolanaWallet();
+  return /* @__PURE__ */ React19.createElement("div", null, /* @__PURE__ */ React19.createElement("div", { className: "oui-mb-2 oui-text-sm oui-font-semibold oui-text-base-contrast-80" }, "Solana"), /* @__PURE__ */ React19.createElement("div", { className: "oui-grid oui-grid-cols-2 oui-gap-2" }, wallets.map((item, key) => /* @__PURE__ */ React19.createElement(
+    "div",
+    {
+      key,
+      className: " oui-flex oui-flex-1 oui-cursor-pointer oui-items-center oui-justify-start oui-gap-1 oui-rounded-[6px] oui-bg-[#07080A] oui-px-2 oui-py-[11px]",
+      onClick: () => connect(item.adapter)
+    },
+    /* @__PURE__ */ React19.createElement(RenderWalletIcon, { connector: item.adapter }),
+    /* @__PURE__ */ React19.createElement("div", { className: "oui-text-2xs oui-text-base-contrast" }, item.adapter.name)
+  ))));
+}
+function EVMConnectArea({ connect }) {
+  const { connectors } = useWagmiWallet();
+  return /* @__PURE__ */ React19.createElement("div", { className: "" }, /* @__PURE__ */ React19.createElement("div", { className: "oui-mb-2 oui-text-sm oui-font-semibold oui-text-base-contrast-80" }, "EVM"), /* @__PURE__ */ React19.createElement("div", { className: "oui-grid oui-grid-cols-2 oui-gap-2" }, connectors.map((item, key) => /* @__PURE__ */ React19.createElement(
+    "div",
+    {
+      key,
+      className: " oui-flex oui-flex-1 oui-cursor-pointer oui-items-center oui-justify-start oui-gap-1 oui-rounded-[6px] oui-bg-[#07080A] oui-px-2 oui-py-[11px]",
+      onClick: () => connect(item)
+    },
+    /* @__PURE__ */ React19.createElement(RenderWalletIcon, { connector: item }),
+    /* @__PURE__ */ React19.createElement("div", { className: "oui-text-2xs oui-text-base-contrast" }, item.name)
+  ))));
+}
+
+// src/components/renderConnector/index.tsx
+function RenderConnector() {
+  const { connect } = useWallet2();
+  const { setOpenConnectDrawer, connectorWalletType, walletChainTypeConfig } = useWalletConnectorPrivy();
+  const handleConnect = (params) => {
+    connect(params);
+    if (params.walletType === "privy" /* PRIVY */) {
+      setOpenConnectDrawer(false);
+    }
+  };
+  const renderPrivyConnectArea = () => {
+    if (connectorWalletType.disablePrivy) {
+      return null;
+    }
+    return /* @__PURE__ */ React19.createElement(
+      PrivyConnectArea,
+      {
+        connect: (type) => handleConnect({
+          walletType: "privy" /* PRIVY */,
+          extraType: type
+        })
+      }
+    );
+  };
+  const renderWagmiConnectArea = () => {
+    if (connectorWalletType.disableWagmi) {
+      return null;
+    }
+    if (!walletChainTypeConfig.hasEvm) {
+      return null;
+    }
+    return /* @__PURE__ */ React19.createElement(
+      EVMConnectArea,
+      {
+        connect: (connector) => handleConnect({
+          walletType: "EVM" /* EVM */,
+          connector
+        })
+      }
+    );
+  };
+  const renderSolanaConnectArea = () => {
+    if (connectorWalletType.disableSolana) {
+      return null;
+    }
+    if (!walletChainTypeConfig.hasSol) {
+      return null;
+    }
+    return /* @__PURE__ */ React19.createElement(
+      SOLConnectArea,
+      {
+        connect: (walletAdapter) => handleConnect({
+          walletType: "SOL" /* SOL */,
+          walletAdapter
+        })
+      }
+    );
+  };
+  const renderAbstractConnectArea = () => {
+    if (connectorWalletType.disableAGW) {
+      return null;
+    }
+    if (!walletChainTypeConfig.hasAbstract) {
+      return null;
+    }
+    return /* @__PURE__ */ React19.createElement(
+      AbstractConnectArea,
+      {
+        connect: () => handleConnect({ walletType: "Abstract" /* ABSTRACT */ })
+      }
+    );
+  };
+  return /* @__PURE__ */ React19.createElement("div", { className: cn("oui-flex oui-flex-col oui-gap-4", "md:oui-gap-5") }, renderPrivyConnectArea(), renderWagmiConnectArea(), renderSolanaConnectArea(), renderAbstractConnectArea());
+}
+function SwitchNetworkTips({
+  tipsContent
+}) {
+  const { t } = useTranslation();
+  if (!tipsContent) {
+    return null;
+  }
+  return /* @__PURE__ */ React19.createElement("div", { className: "oui-flex oui-mb-3 oui-items-center oui-gap-1  oui-px-2 oui-py-[6px] oui-bg-[rgba(255,125,0,0.1)] oui-rounded-[8px] " }, /* @__PURE__ */ React19.createElement(
+    ExclamationFillIcon,
+    {
+      size: 14,
+      className: " oui-text-warning-darken oui-flex-shrink-0"
+    }
+  ), /* @__PURE__ */ React19.createElement("div", { className: "oui-text-2xs oui-text-warning-darken" }, t("connector.privy.switchNetwork.tips", {
+    chainName: tipsContent
+  })));
+}
+var StorageChainNotCurrentWalletType = ({
+  currentWalletType
+}) => {
+  const { storageChain } = useStorageChain();
+  const tipsContent = useMemo(() => {
+    if (!currentWalletType || currentWalletType.size === 0 || !storageChain) {
+      return null;
+    }
+    let text = null;
+    const isSolana = SolanaChains$1.has(parseInt(storageChain?.chainId));
+    const isAbstract = AbstractChains.has(parseInt(storageChain?.chainId));
+    const isEvm = !isSolana && !isAbstract;
+    if (isSolana && currentWalletType.has("SOL" /* SOL */)) {
+      return null;
+    } else if (isAbstract && currentWalletType.has("Abstract" /* ABSTRACT */)) {
+      return null;
+    } else if (isEvm && currentWalletType.has("EVM" /* EVM */)) {
+      return null;
+    }
+    text = Array.from(currentWalletType).map((item) => {
+      if (item === "EVM" /* EVM */) {
+        return "Evm";
+      } else if (item === "SOL" /* SOL */) {
+        return "Solana";
+      } else if (item === "Abstract" /* ABSTRACT */) {
+        return "Abstract";
+      }
+    }).join("/");
+    return text;
+  }, [storageChain, currentWalletType]);
+  return /* @__PURE__ */ React19.createElement(SwitchNetworkTips, { tipsContent });
+};
+var MoreIcon = (props) => /* @__PURE__ */ React19.createElement(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
     width: "16",
     height: "16",
     viewBox: "0 0 16 16",
-    xmlns: "http://www.w3.org/2000/svg",
     fill: "currentColor",
     ...props
   },
-  /* @__PURE__ */ React12.createElement("g", { id: "box-arrow-right" }, /* @__PURE__ */ React12.createElement(
-    "path",
-    {
-      id: "Vector",
-      d: "M1.99365 4.66056C1.99365 3.1879 3.18759 1.9939 4.66032 1.9939H7.32698C8.79965 1.9939 9.99365 3.1879 9.99365 4.66056C9.99365 5.02856 9.69498 5.32723 9.32698 5.32723C8.95898 5.32723 8.66032 5.02856 8.66032 4.66056C8.66032 3.92389 8.06365 3.32723 7.32698 3.32723H4.66032C3.92392 3.32723 3.32699 3.92389 3.32699 4.66056V11.3272C3.32699 12.0639 3.92392 12.6606 4.66032 12.6606H7.32698C8.06365 12.6606 8.66032 12.0639 8.66032 11.3272C8.66032 10.9592 8.95898 10.6606 9.32698 10.6606C9.69498 10.6606 9.99365 10.9592 9.99365 11.3272C9.99365 12.7999 8.79965 13.9939 7.32698 13.9939H4.66032C3.18759 13.9939 1.99365 12.7999 1.99365 11.3272V4.66056ZM6.66032 7.99389C6.66032 7.62589 6.95898 7.32722 7.32698 7.32722H12.369L11.0563 5.99389L11.9937 5.05656L14.473 7.51456C14.733 7.77523 14.733 8.21255 14.473 8.47322L11.9937 10.9312L11.0563 9.99389L12.369 8.66056H7.32698C6.95898 8.66056 6.66032 8.36189 6.66032 7.99389Z"
-    }
-  ))
+  /* @__PURE__ */ React19.createElement("path", { d: "M8.00521 6.66797C8.74161 6.66797 9.33854 7.26464 9.33854 8.0013C9.33854 8.73797 8.74161 9.33464 8.00521 9.33464C7.26881 9.33464 6.67188 8.73797 6.67188 8.0013C6.67188 7.26464 7.26881 6.66797 8.00521 6.66797Z" }),
+  /* @__PURE__ */ React19.createElement("path", { d: "M3.33333 6.66797C4.06973 6.66797 4.66667 7.26464 4.66667 8.0013C4.66667 8.73797 4.06973 9.33464 3.33333 9.33464C2.59693 9.33464 2 8.73797 2 8.0013C2 7.26464 2.59693 6.66797 3.33333 6.66797Z" }),
+  /* @__PURE__ */ React19.createElement("path", { d: "M12.6666 6.66797C13.403 6.66797 14 7.26464 14 8.0013C14 8.73797 13.403 9.33464 12.6666 9.33464C11.9302 9.33464 11.3333 8.73797 11.3333 8.0013C11.3333 7.26464 11.9302 6.66797 12.6666 6.66797Z" })
 );
-var CloseIcon = (props) => /* @__PURE__ */ React12.createElement(
+var DisconnectIcon = (props) => /* @__PURE__ */ React19.createElement(
   "svg",
   {
-    width: "20",
-    height: "20",
-    viewBox: "0 0 20 20",
-    fill: "currentColor",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
     xmlns: "http://www.w3.org/2000/svg",
+    fill: "currentColor",
     ...props
   },
-  /* @__PURE__ */ React12.createElement("g", { id: "x-square-fill" }, /* @__PURE__ */ React12.createElement(
+  /* @__PURE__ */ React19.createElement("g", { id: "box-arrow-right" }, /* @__PURE__ */ React19.createElement(
     "path",
     {
       id: "Vector",
-      d: "M5.83834 2.44141C3.9975 2.44141 2.505 3.93391 2.505 5.77474V14.1081C2.505 15.9489 3.9975 17.4414 5.83834 17.4414H14.1717C16.0125 17.4414 17.505 15.9489 17.505 14.1081V5.77474C17.505 3.93391 16.0125 2.44141 14.1717 2.44141H5.83834ZM7.505 6.60807C7.71834 6.60807 7.94083 6.67974 8.10417 6.84224L10.005 8.74307L11.9058 6.84224C12.0683 6.67974 12.2917 6.60807 12.505 6.60807C12.7183 6.60807 12.9408 6.67974 13.1042 6.84224C13.4292 7.16808 13.4292 7.71473 13.1042 8.04057L11.2033 9.94141L13.1042 11.8422C13.4292 12.1681 13.4292 12.7147 13.1042 13.0406C12.7783 13.3656 12.2317 13.3656 11.9058 13.0406L10.005 11.1397L8.10417 13.0406C7.77833 13.3656 7.23168 13.3656 6.90584 13.0406C6.58084 12.7147 6.58084 12.1681 6.90584 11.8422L8.80668 9.94141L6.90584 8.04057C6.58084 7.71473 6.58084 7.16808 6.90584 6.84224C7.06834 6.67974 7.29167 6.60807 7.505 6.60807Z"
+      d: "M1.99365 4.66056C1.99365 3.1879 3.18759 1.9939 4.66032 1.9939H7.32698C8.79965 1.9939 9.99365 3.1879 9.99365 4.66056C9.99365 5.02856 9.69498 5.32723 9.32698 5.32723C8.95898 5.32723 8.66032 5.02856 8.66032 4.66056C8.66032 3.92389 8.06365 3.32723 7.32698 3.32723H4.66032C3.92392 3.32723 3.32699 3.92389 3.32699 4.66056V11.3272C3.32699 12.0639 3.92392 12.6606 4.66032 12.6606H7.32698C8.06365 12.6606 8.66032 12.0639 8.66032 11.3272C8.66032 10.9592 8.95898 10.6606 9.32698 10.6606C9.69498 10.6606 9.99365 10.9592 9.99365 11.3272C9.99365 12.7999 8.79965 13.9939 7.32698 13.9939H4.66032C3.18759 13.9939 1.99365 12.7999 1.99365 11.3272V4.66056ZM6.66032 7.99389C6.66032 7.62589 6.95898 7.32722 7.32698 7.32722H12.369L11.0563 5.99389L11.9937 5.05656L14.473 7.51456C14.733 7.77523 14.733 8.21255 14.473 8.47322L11.9937 10.9312L11.0563 9.99389L12.369 8.66056H7.32698C6.95898 8.66056 6.66032 8.36189 6.66032 7.99389Z"
     }
   ))
 );
+
+// src/components/walletCard.tsx
+var getCardBgClassName = (type = "EVM" /* EVM */) => {
+  const cardBgColorMap = {
+    ["EVM" /* EVM */]: "oui-bg-[#283BEE]",
+    ["Abstract" /* ABSTRACT */]: "oui-bg-[#00A858]",
+    ["SOL" /* SOL */]: "oui-bg-[#630EAD]"
+  };
+  return cardBgColorMap[type];
+};
+var getCardActiveClassName = (isActive, isMulti, type = "EVM" /* EVM */) => {
+  const cardActiveColorMap = {
+    ["EVM" /* EVM */]: "oui-border-[2px] oui-border-[#B9D1FF]",
+    ["Abstract" /* ABSTRACT */]: "oui-border-[2px] oui-border-[#B9D1FF]",
+    ["SOL" /* SOL */]: "oui-border-[2px] oui-border-[#faedff]"
+  };
+  return isActive && isMulti && cardActiveColorMap[type];
+};
 function WalletCard(props) {
   const { t } = useTranslation();
   const copyAddress = async (address) => {
     await navigator.clipboard.writeText(address);
     toast.success(t("common.copy.copied"));
   };
-  return /* @__PURE__ */ React12.createElement(
+  return /* @__PURE__ */ React19.createElement(
     "div",
     {
       className: cn(
-        "oui-rounded-2xl oui-relative oui-p-4 oui-h-[110px]  oui-overflow-hidden",
-        props.type === "EVM" /* EVM */ ? "oui-bg-[#283BEE]" : "oui-bg-[#630EAD]",
-        props.isActive && props.type === "SOL" /* SOL */ && props.isBoth && "oui-border-[2px] oui-border-[#faedff]",
-        props.isActive && props.type === "EVM" /* EVM */ && props.isBoth && "oui-border-[2px] oui-border-[#B9D1FF]"
+        "oui-relative oui-h-[110px] oui-overflow-hidden oui-rounded-2xl  oui-p-4",
+        getCardBgClassName(props.type),
+        getCardActiveClassName(
+          props.isActive,
+          props.isMulti || false,
+          props.type
+        )
       )
     },
-    /* @__PURE__ */ React12.createElement(
+    /* @__PURE__ */ React19.createElement(
       "div",
       {
         style: {
@@ -990,39 +1521,21 @@ function WalletCard(props) {
         }
       }
     ),
-    /* @__PURE__ */ React12.createElement("div", { className: "oui-relative oui-z-10 oui-flex oui-flex-col oui-justify-between oui-h-full" }, /* @__PURE__ */ React12.createElement("div", { className: "oui-flex oui-items-center oui-justify-between" }, /* @__PURE__ */ React12.createElement("div", { className: "oui-text-base-contrast oui-text-sm oui-font-semibold" }, formatAddress(props.address)), /* @__PURE__ */ React12.createElement("div", { className: "oui-flex oui-items-center oui-justify-center oui-gap-2" }, /* @__PURE__ */ React12.createElement(Tooltip, { content: t("common.copy"), className: "oui-z-[65]" }, /* @__PURE__ */ React12.createElement(
+    /* @__PURE__ */ React19.createElement("div", { className: "oui-relative oui-z-10 oui-flex oui-h-full oui-flex-col oui-justify-between" }, /* @__PURE__ */ React19.createElement("div", { className: "oui-flex oui-items-center oui-justify-between" }, /* @__PURE__ */ React19.createElement("div", { className: "oui-text-sm oui-font-semibold oui-text-base-contrast" }, formatAddress(props.address)), /* @__PURE__ */ React19.createElement("div", { className: "oui-flex oui-items-center oui-justify-center oui-gap-2" }, /* @__PURE__ */ React19.createElement(Tooltip, { content: t("common.copy"), className: "oui-z-[65]" }, /* @__PURE__ */ React19.createElement(
       CopyIcon,
       {
         size: 16,
         opacity: 1,
-        className: "oui-text-base-contrast-80 oui-cursor-pointer hover:oui-text-base-contrast",
+        className: "oui-cursor-pointer oui-text-base-contrast-80 hover:oui-text-base-contrast",
         onClick: () => copyAddress(props.address)
       }
-    )), props.isPrivy ? /* @__PURE__ */ React12.createElement(
+    )), props.isPrivy ? /* @__PURE__ */ React19.createElement(
       PrivyWalletHandleOption,
       {
         address: props.address,
         type: props.type
       }
-    ) : /* @__PURE__ */ React12.createElement(NonPrivyWalletHandleOption, { walletType: props.type }))), /* @__PURE__ */ React12.createElement("div", { className: "oui-flex oui-items-center oui-justify-between" }, props.type === "EVM" /* EVM */ ? /* @__PURE__ */ React12.createElement("div", { className: "oui-flex oui-items-center oui-justify-center oui-gap-1" }, /* @__PURE__ */ React12.createElement("div", { className: "oui-flex oui-items-center oui-justify-center oui-relative" }, /* @__PURE__ */ React12.createElement("div", { className: "oui-flex oui-items-center oui-justify-center oui-h-[18px] " }, /* @__PURE__ */ React12.createElement(
-      "img",
-      {
-        src: "https://oss.orderly.network/static/sdk/chains.png",
-        className: "oui-h-[18px] oui-w-[49px] oui-relative oui-z-0"
-      }
-    )), /* @__PURE__ */ React12.createElement("div", { className: "oui-flex oui-items-center oui-justify-center oui-gap-1 oui-relative oui-left-[-9px]" }, /* @__PURE__ */ React12.createElement("div", { className: "oui-rounded-full oui-bg-[#282e3a] oui-w-[18px] oui-h-[18px] oui-flex oui-items-center oui-justify-center" }, /* @__PURE__ */ React12.createElement(EVMChainPopover, null, /* @__PURE__ */ React12.createElement(
-      MoreIcon,
-      {
-        className: "oui-text-base-contrast-54 hover:oui-text-base-contrast oui-h-3 oui-w-3 oui-relative oui-z-10",
-        style: { zIndex: 1 }
-      }
-    ))), /* @__PURE__ */ React12.createElement("div", { className: "oui-text-base-contrast oui-text-2xs oui-font-semibold" }, "EVM")))) : /* @__PURE__ */ React12.createElement("div", { className: "oui-flex oui-items-center oui-justify-start oui-gap-1" }, /* @__PURE__ */ React12.createElement("div", { className: "" }, /* @__PURE__ */ React12.createElement(
-      "img",
-      {
-        src: "https://oss.orderly.network/static/sdk/solana-logo.png",
-        className: "oui-w-4"
-      }
-    )), /* @__PURE__ */ React12.createElement("div", { className: "oui-text-base-contrast oui-text-2xs oui-font-semibold" }, "Solana")), props.isBoth && /* @__PURE__ */ React12.createElement("div", null, /* @__PURE__ */ React12.createElement(
+    ) : /* @__PURE__ */ React19.createElement(NonPrivyWalletHandleOption, { walletType: props.type }))), /* @__PURE__ */ React19.createElement("div", { className: "oui-flex oui-items-center oui-justify-between" }, /* @__PURE__ */ React19.createElement(RenderWalletType, { walletType: props.type }), props.isMulti && /* @__PURE__ */ React19.createElement("div", null, /* @__PURE__ */ React19.createElement(
       Checkbox,
       {
         checked: props.isActive,
@@ -1035,7 +1548,22 @@ function NonPrivyWalletHandleOption({
   walletType
 }) {
   const { disconnect } = useWallet2();
-  return /* @__PURE__ */ React12.createElement("div", { onClick: () => disconnect(walletType) }, /* @__PURE__ */ React12.createElement(DisconnectIcon, { className: "oui-text-base-contrast-80 oui-cursor-pointer hover:oui-text-base-contrast oui-w-4 oui-h-4" }));
+  const disconnectWallet = () => {
+    let walletConnectType = "EVM" /* EVM */;
+    switch (walletType) {
+      case "EVM" /* EVM */:
+        walletConnectType = "EVM" /* EVM */;
+        break;
+      case "SOL" /* SOL */:
+        walletConnectType = "SOL" /* SOL */;
+        break;
+      case "Abstract" /* ABSTRACT */:
+        walletConnectType = "Abstract" /* ABSTRACT */;
+        break;
+    }
+    disconnect(walletConnectType);
+  };
+  return /* @__PURE__ */ React19.createElement("div", { onClick: () => disconnectWallet() }, /* @__PURE__ */ React19.createElement(DisconnectIcon, { className: "oui-size-4 oui-cursor-pointer oui-text-base-contrast-80 hover:oui-text-base-contrast" }));
 }
 function PrivyWalletHandleOption({
   address,
@@ -1043,69 +1571,76 @@ function PrivyWalletHandleOption({
 }) {
   const { t } = useTranslation();
   const { exportWallet } = usePrivyWallet();
-  return /* @__PURE__ */ React12.createElement(DropdownMenuRoot, null, /* @__PURE__ */ React12.createElement(DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ React12.createElement("button", null, /* @__PURE__ */ React12.createElement(MoreIcon, { className: "oui-text-base-contrast-80 oui-cursor-pointer hover:oui-text-base-contrast" }))), /* @__PURE__ */ React12.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React12.createElement(
+  return /* @__PURE__ */ React19.createElement(DropdownMenuRoot, null, /* @__PURE__ */ React19.createElement(DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ React19.createElement("button", null, /* @__PURE__ */ React19.createElement(MoreIcon, { className: "oui-cursor-pointer oui-text-base-contrast-80 hover:oui-text-base-contrast" }))), /* @__PURE__ */ React19.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React19.createElement(
     DropdownMenuContent,
     {
       size: "xl",
       align: "end",
       side: "top",
       style: { width: "100px" },
-      className: "oui-p-1 oui-rounded oui-font-semibold oui-z-[65]",
+      className: "oui-z-[65] oui-rounded oui-p-1 oui-font-semibold",
       sideOffset: 0
     },
-    /* @__PURE__ */ React12.createElement(
+    /* @__PURE__ */ React19.createElement(
       DropdownMenuItem,
       {
-        className: "oui-py-1 oui-px-2 oui-text-2xs oui-text-base-contrast-54 hover:oui-text-base-contrast oui-cursor-pointer",
+        className: "oui-cursor-pointer oui-px-2 oui-py-1 oui-text-2xs oui-text-base-contrast-54 hover:oui-text-base-contrast",
         onClick: () => {
           exportWallet(type);
         }
       },
-      /* @__PURE__ */ React12.createElement("div", null, t("common.export"))
+      /* @__PURE__ */ React19.createElement("div", null, t("common.export"))
     )
   )));
 }
-function EVMChainPopover({ children }) {
-  const { getChainsByNetwork } = useWalletConnectorPrivy();
-  const [chains] = useState(getChainsByNetwork("mainnet"));
-  const [open, setOpen] = useState(false);
-  const [visible, setVisible] = useState(true);
-  const { t } = useTranslation();
-  return /* @__PURE__ */ React12.createElement(
-    Popover,
-    {
-      content: /* @__PURE__ */ React12.createElement("div", null, /* @__PURE__ */ React12.createElement("div", { className: "oui-text-2xs oui-text-base-contrast oui-font-semibold" }, t("connector.privy.supportedEvmChain")), /* @__PURE__ */ React12.createElement("div", { className: "oui-grid oui-grid-cols-3 oui-gap-y-3 oui-gap-x-2 oui-mt-3 oui-text-2xs oui-text-base-contrast-54" }, chains.map((item, key) => /* @__PURE__ */ React12.createElement(
-        "div",
-        {
-          key,
-          className: "oui-flex oui-items-center oui-justify-start oui-gap-1"
-        },
-        /* @__PURE__ */ React12.createElement(ChainIcon, { chainId: item.id, size: "2xs" }),
-        /* @__PURE__ */ React12.createElement("div", null, item.name)
-      )))),
-      arrow: true,
-      contentProps: {
-        side: "bottom",
-        align: "center",
-        className: "oui-p-2 oui-z-[65]"
+var RenderWalletType = ({ walletType }) => {
+  if (walletType === "SOL" /* SOL */) {
+    return /* @__PURE__ */ React19.createElement("div", { className: "oui-flex oui-items-center oui-justify-start oui-gap-1" }, /* @__PURE__ */ React19.createElement("div", { className: "" }, /* @__PURE__ */ React19.createElement(
+      "img",
+      {
+        src: "https://oss.orderly.network/static/sdk/solana-logo.png",
+        className: "oui-w-4"
       }
-    },
-    /* @__PURE__ */ React12.createElement("button", null, children)
-  );
-}
-function AddSolanaWallet() {
-  const { t } = useTranslation();
-  const { wallets } = useSolanaWallet();
-  const { connect } = useWallet2();
+    )), /* @__PURE__ */ React19.createElement("div", { className: "oui-text-2xs oui-font-semibold oui-text-base-contrast" }, "Solana"));
+  }
+  if (walletType === "Abstract" /* ABSTRACT */) {
+    return /* @__PURE__ */ React19.createElement("div", { className: "oui-flex oui-items-center oui-justify-start oui-gap-[6px]" }, /* @__PURE__ */ React19.createElement(
+      "img",
+      {
+        src: `${PrivyConnectorImagePath}/abstract-transparent.png`,
+        className: "oui-w-4"
+      }
+    ), /* @__PURE__ */ React19.createElement("div", { className: "oui-text-2xs oui-font-semibold oui-text-base-contrast" }, "Abstract"));
+  }
+  if (walletType === "EVM" /* EVM */) {
+    return /* @__PURE__ */ React19.createElement("div", { className: "oui-flex oui-items-center oui-justify-center oui-gap-1" }, /* @__PURE__ */ React19.createElement("div", { className: "oui-relative oui-flex oui-items-center oui-justify-center" }, /* @__PURE__ */ React19.createElement("div", { className: "oui-flex oui-h-[18px] oui-items-center oui-justify-center " }, /* @__PURE__ */ React19.createElement(
+      "img",
+      {
+        src: "https://oss.orderly.network/static/sdk/chains.png",
+        className: "oui-relative oui-z-0 oui-h-[18px] oui-w-[49px]"
+      }
+    )), /* @__PURE__ */ React19.createElement("div", { className: "oui-relative oui-left-[-9px] oui-flex oui-items-center oui-justify-center oui-gap-1" }, /* @__PURE__ */ React19.createElement("div", { className: "oui-flex oui-size-[18px] oui-items-center oui-justify-center oui-rounded-full oui-bg-[#282e3a]" }, /* @__PURE__ */ React19.createElement(EVMChainPopover, null, /* @__PURE__ */ React19.createElement(
+      MoreIcon,
+      {
+        className: "oui-relative oui-z-10 oui-size-3 oui-text-base-contrast-54 hover:oui-text-base-contrast",
+        style: { zIndex: 1 }
+      }
+    ))), /* @__PURE__ */ React19.createElement("div", { className: "oui-text-2xs oui-font-semibold oui-text-base-contrast" }, "Evm"))));
+  }
+  return /* @__PURE__ */ React19.createElement(React19.Fragment, null);
+};
+function AddAbstractWallet() {
   const [visible, setVisible] = useState(false);
   const onToggleVisibility = () => {
     setVisible(!visible);
   };
-  const { targetNamespace } = useWalletConnectorPrivy();
+  const { connect } = useWallet2();
+  const { targetWalletType } = useWalletConnectorPrivy();
   const [open, setOpen] = useState(false);
+  const { t } = useTranslation();
   useEffect(() => {
     let timer = 0;
-    if (targetNamespace === ChainNamespace.solana) {
+    if (targetWalletType === "Abstract" /* ABSTRACT */) {
       timer = window.setTimeout(() => {
         setOpen(true);
       }, 200);
@@ -1115,7 +1650,7 @@ function AddSolanaWallet() {
         window.clearTimeout(timer);
       }
     };
-  }, [targetNamespace]);
+  }, [targetWalletType]);
   useEffect(() => {
     if (open === false) {
       return;
@@ -1129,27 +1664,27 @@ function AddSolanaWallet() {
       }
     };
   }, [open]);
-  return /* @__PURE__ */ React12.createElement("div", { className: "oui-bg-[#07080A] oui-rounded-[8px] oui-px-2 oui-py-[11px]" }, /* @__PURE__ */ React12.createElement(
+  return /* @__PURE__ */ React19.createElement("div", { className: "oui-rounded-[8px] oui-bg-[#07080A] oui-px-2 oui-py-[11px]" }, /* @__PURE__ */ React19.createElement(
     Tooltip,
     {
-      className: "oui-text-warning-darken oui-max-w-[200px] oui-z-[65]",
+      className: "oui-z-[65] oui-max-w-[200px] oui-text-warning-darken",
       open,
-      content: t("connector.privy.addSolanaWallet.tips")
+      content: t("connector.privy.addAbstractWallet.tips")
     },
-    /* @__PURE__ */ React12.createElement("div", { className: "oui-flex oui-items-center oui-justify-center oui-gap-1 " }, /* @__PURE__ */ React12.createElement(
+    /* @__PURE__ */ React19.createElement("div", { className: "oui-flex oui-items-center oui-justify-center oui-gap-1 " }, /* @__PURE__ */ React19.createElement(
       "img",
       {
-        src: "https://oss.orderly.network/static/sdk/solana-logo.png",
-        className: "oui-w-[15px] oui-h-[15px]"
+        src: `${PrivyConnectorImagePath}/abstract-transparent.png`,
+        className: "oui-size-[15px]"
       }
-    ), /* @__PURE__ */ React12.createElement("div", { className: "oui-text-base-contrast-80 oui-text-2xs oui-font-semibold" }, t("connector.privy.addSolanaWallet")), /* @__PURE__ */ React12.createElement("button", { onClick: onToggleVisibility }, visible ? /* @__PURE__ */ React12.createElement(
+    ), /* @__PURE__ */ React19.createElement("div", { className: "oui-text-2xs oui-font-semibold oui-text-base-contrast-80" }, t("connector.privy.addAbstractWallet")), /* @__PURE__ */ React19.createElement("button", { onClick: onToggleVisibility }, visible ? /* @__PURE__ */ React19.createElement(
       ChevronDownIcon,
       {
         size: 16,
         opacity: 1,
         className: "oui-text-base-contrast-36"
       }
-    ) : /* @__PURE__ */ React12.createElement(
+    ) : /* @__PURE__ */ React19.createElement(
       ChevronUpIcon,
       {
         size: 16,
@@ -1157,27 +1692,32 @@ function AddSolanaWallet() {
         className: "oui-text-base-contrast"
       }
     )))
-  ), /* @__PURE__ */ React12.createElement(
+  ), /* @__PURE__ */ React19.createElement(
     "div",
     {
       className: cn(
-        "oui-grid oui-grid-cols-2 oui-gap-2 oui-transition-height oui-duration-150 oui-overflow-hidden",
-        visible ? "oui-max-h-0 oui-mt-0" : "oui-max-h-[400px] oui-mt-3"
+        "oui-transition-height oui-grid oui-grid-cols-2 oui-gap-2 oui-overflow-hidden oui-duration-150",
+        visible ? "oui-mt-0 oui-max-h-0" : "oui-mt-3 oui-max-h-[400px]"
       )
     },
-    wallets.map((item, index) => /* @__PURE__ */ React12.createElement(
+    /* @__PURE__ */ React19.createElement(
       "div",
       {
-        key: index,
-        className: "oui-flex oui-items-center oui-justify-start oui-gap-1  oui-px-2 oui-py-[11px] oui-bg-[#131519] oui-cursor-pointer",
+        className: "oui-flex oui-cursor-pointer oui-items-center oui-justify-start  oui-gap-1 oui-bg-[#131519] oui-px-2 oui-py-[11px]",
         onClick: () => connect({
-          walletType: "SOL" /* SOL */,
-          walletAdapter: item.adapter
+          walletType: "Abstract" /* ABSTRACT */
         })
       },
-      /* @__PURE__ */ React12.createElement(RenderWalletIcon, { connector: item.adapter }),
-      /* @__PURE__ */ React12.createElement("div", { className: "oui-text-base-contrast oui-text-2xs" }, item.adapter.name)
-    ))
+      /* @__PURE__ */ React19.createElement(
+        "img",
+        {
+          className: cn("oui-size-[12px]"),
+          src: `${PrivyConnectorImagePath}/abstract.png`,
+          alt: "abstract wallet"
+        }
+      ),
+      /* @__PURE__ */ React19.createElement("div", { className: "oui-text-2xs oui-text-base-contrast" }, "Abstract")
+    )
   ));
 }
 function AddEvmWallet() {
@@ -1186,10 +1726,10 @@ function AddEvmWallet() {
   const { connect } = useWallet2();
   const [open, setOpen] = useState(false);
   const { connectors } = useWagmiWallet();
-  const { targetNamespace } = useWalletConnectorPrivy();
+  const { targetWalletType } = useWalletConnectorPrivy();
   useEffect(() => {
     let timer = 0;
-    if (targetNamespace === ChainNamespace.evm) {
+    if (targetWalletType === "EVM" /* EVM */) {
       timer = window.setTimeout(() => {
         setOpen(true);
       }, 200);
@@ -1199,7 +1739,7 @@ function AddEvmWallet() {
         window.clearTimeout(timer);
       }
     };
-  }, [targetNamespace]);
+  }, [targetWalletType]);
   useEffect(() => {
     if (open === false) {
       return;
@@ -1213,33 +1753,33 @@ function AddEvmWallet() {
       }
     };
   }, [open]);
-  return /* @__PURE__ */ React12.createElement("div", { className: "oui-bg-[#07080A] oui-rounded-[8px] oui-px-2 oui-py-[11px]" }, /* @__PURE__ */ React12.createElement(
+  return /* @__PURE__ */ React19.createElement("div", { className: "oui-rounded-[8px] oui-bg-[#07080A] oui-px-2 oui-py-[11px]" }, /* @__PURE__ */ React19.createElement(
     Tooltip,
     {
-      className: "oui-text-warning-darken oui-max-w-[200px] oui-z-[65]",
+      className: "oui-z-[65] oui-max-w-[200px] oui-text-warning-darken",
       open,
       content: t("connector.privy.addEvmWallet.tips")
     },
-    /* @__PURE__ */ React12.createElement("div", { className: "oui-flex oui-items-center oui-justify-center oui-gap-1 " }, /* @__PURE__ */ React12.createElement("div", { className: "oui-flex oui-items-center oui-justify-center oui-gap-1" }, /* @__PURE__ */ React12.createElement("div", { className: "oui-flex oui-items-center oui-justify-start oui-relative oui-w-[55px]" }, /* @__PURE__ */ React12.createElement(
+    /* @__PURE__ */ React19.createElement("div", { className: "oui-flex oui-items-center oui-justify-center oui-gap-1 " }, /* @__PURE__ */ React19.createElement("div", { className: "oui-flex oui-items-center oui-justify-center oui-gap-1" }, /* @__PURE__ */ React19.createElement("div", { className: "oui-relative oui-flex oui-w-[55px] oui-items-center oui-justify-start" }, /* @__PURE__ */ React19.createElement(
       "img",
       {
         src: "https://oss.orderly.network/static/sdk/chains.png",
-        className: "oui-h-[18px] oui-relative oui-z-0"
+        className: "oui-relative oui-z-0 oui-h-[18px]"
       }
-    ), /* @__PURE__ */ React12.createElement("div", { className: "oui-rounded-full oui-bg-[#282e3a] oui-w-[18px] oui-h-[18px] oui-flex oui-items-center oui-justify-center oui-absolute oui-right-0" }, /* @__PURE__ */ React12.createElement(EVMChainPopover, null, /* @__PURE__ */ React12.createElement(
+    ), /* @__PURE__ */ React19.createElement("div", { className: "oui-absolute oui-right-0 oui-flex oui-size-[18px] oui-items-center oui-justify-center oui-rounded-full oui-bg-[#282e3a]" }, /* @__PURE__ */ React19.createElement(EVMChainPopover, null, /* @__PURE__ */ React19.createElement(
       MoreIcon,
       {
-        className: "oui-text-base-contrast-54 hover:oui-text-base-contrast oui-h-3 oui-w-3 oui-relative oui-z-10",
+        className: "oui-relative oui-z-10 oui-size-3 oui-text-base-contrast-54 hover:oui-text-base-contrast",
         style: { zIndex: 1 }
       }
-    ))))), /* @__PURE__ */ React12.createElement("div", { className: "oui-text-base-contrast-80 oui-text-2xs oui-font-semibold" }, t("connector.privy.addEvmWallet")), /* @__PURE__ */ React12.createElement("button", { onClick: () => setVisible(!visible) }, visible ? /* @__PURE__ */ React12.createElement(
+    ))))), /* @__PURE__ */ React19.createElement("div", { className: "oui-text-2xs oui-font-semibold oui-text-base-contrast-80" }, t("connector.privy.addEvmWallet")), /* @__PURE__ */ React19.createElement("button", { onClick: () => setVisible(!visible) }, visible ? /* @__PURE__ */ React19.createElement(
       ChevronDownIcon,
       {
         size: 16,
         opacity: 1,
         className: "oui-text-base-contrast-36"
       }
-    ) : /* @__PURE__ */ React12.createElement(
+    ) : /* @__PURE__ */ React19.createElement(
       ChevronUpIcon,
       {
         size: 16,
@@ -1247,241 +1787,243 @@ function AddEvmWallet() {
         className: "oui-text-base-contrast"
       }
     )))
-  ), /* @__PURE__ */ React12.createElement(
+  ), /* @__PURE__ */ React19.createElement(
     "div",
     {
       className: cn(
-        "oui-grid oui-grid-cols-2 oui-gap-2 oui-transition-height oui-duration-150 oui-overflow-hidden",
-        visible ? "oui-max-h-0 oui-mt-0" : "oui-max-h-[400px] oui-mt-3"
+        "oui-transition-height oui-grid oui-grid-cols-2 oui-gap-2 oui-overflow-hidden oui-duration-150",
+        visible ? "oui-mt-0 oui-max-h-0" : "oui-mt-3 oui-max-h-[400px]"
       )
     },
-    connectors.map((item, index) => /* @__PURE__ */ React12.createElement(
+    connectors.map((item, index) => /* @__PURE__ */ React19.createElement(
       "div",
       {
         key: index,
-        className: "oui-flex oui-items-center oui-justify-center oui-gap-1  oui-px-2 oui-py-[11px] oui-bg-[#131519] oui-cursor-pointer oui-text-2xs",
+        className: "oui-flex oui-cursor-pointer oui-items-center oui-justify-center  oui-gap-1 oui-bg-[#131519] oui-px-2 oui-py-[11px] oui-text-2xs",
         onClick: () => connect({ walletType: "EVM" /* EVM */, connector: item })
       },
-      /* @__PURE__ */ React12.createElement(RenderWalletIcon, { connector: item }),
-      /* @__PURE__ */ React12.createElement("div", { className: "oui-text-base-contrast" }, item.name)
+      /* @__PURE__ */ React19.createElement(RenderWalletIcon, { connector: item }),
+      /* @__PURE__ */ React19.createElement("div", { className: "oui-text-base-contrast" }, item.name)
     ))
   ));
 }
-function SwitchNetworkTips({
-  chainNamespace
-}) {
+function AddSolanaWallet() {
   const { t } = useTranslation();
-  const getChainName = () => {
-    if (chainNamespace === ChainNamespace.evm) {
-      return "EVM";
-    }
-    return "SOLANA";
+  const { wallets } = useSolanaWallet();
+  const { connect } = useWallet2();
+  const [visible, setVisible] = useState(false);
+  const onToggleVisibility = () => {
+    setVisible(!visible);
   };
-  return /* @__PURE__ */ React12.createElement("div", { className: "oui-flex oui-mb-3 oui-items-center oui-gap-1  oui-px-2 oui-py-[6px] oui-bg-[rgba(255,125,0,0.1)] oui-rounded-[8px] " }, /* @__PURE__ */ React12.createElement(
-    ExclamationFillIcon,
-    {
-      size: 14,
-      className: " oui-text-warning-darken oui-flex-shrink-0"
+  const { targetWalletType } = useWalletConnectorPrivy();
+  const [open, setOpen] = useState(false);
+  useEffect(() => {
+    let timer = 0;
+    if (targetWalletType === "SOL" /* SOL */) {
+      timer = window.setTimeout(() => {
+        setOpen(true);
+      }, 200);
     }
-  ), /* @__PURE__ */ React12.createElement("div", { className: "oui-text-2xs oui-text-warning-darken" }, t("connector.privy.switchNetwork.tips", {
-    chainName: getChainName()
-  })));
+    return () => {
+      if (timer) {
+        window.clearTimeout(timer);
+      }
+    };
+  }, [targetWalletType]);
+  useEffect(() => {
+    if (open === false) {
+      return;
+    }
+    const timeId = window.setTimeout(() => {
+      setOpen(false);
+    }, 5e3);
+    return () => {
+      if (timeId) {
+        window.clearTimeout(timeId);
+      }
+    };
+  }, [open]);
+  return /* @__PURE__ */ React19.createElement("div", { className: "oui-rounded-[8px] oui-bg-[#07080A] oui-px-2 oui-py-[11px]" }, /* @__PURE__ */ React19.createElement(
+    Tooltip,
+    {
+      className: "oui-z-[65] oui-max-w-[200px] oui-text-warning-darken",
+      open,
+      content: t("connector.privy.addSolanaWallet.tips")
+    },
+    /* @__PURE__ */ React19.createElement("div", { className: "oui-flex oui-items-center oui-justify-center oui-gap-1 " }, /* @__PURE__ */ React19.createElement(
+      "img",
+      {
+        src: "https://oss.orderly.network/static/sdk/solana-logo.png",
+        className: "oui-size-[15px]"
+      }
+    ), /* @__PURE__ */ React19.createElement("div", { className: "oui-text-2xs oui-font-semibold oui-text-base-contrast-80" }, t("connector.privy.addSolanaWallet")), /* @__PURE__ */ React19.createElement("button", { onClick: onToggleVisibility }, visible ? /* @__PURE__ */ React19.createElement(
+      ChevronDownIcon,
+      {
+        size: 16,
+        opacity: 1,
+        className: "oui-text-base-contrast-36"
+      }
+    ) : /* @__PURE__ */ React19.createElement(
+      ChevronUpIcon,
+      {
+        size: 16,
+        opacity: 1,
+        className: "oui-text-base-contrast"
+      }
+    )))
+  ), /* @__PURE__ */ React19.createElement(
+    "div",
+    {
+      className: cn(
+        "oui-transition-height oui-grid oui-grid-cols-2 oui-gap-2 oui-overflow-hidden oui-duration-150",
+        visible ? "oui-mt-0 oui-max-h-0" : "oui-mt-3 oui-max-h-[400px]"
+      )
+    },
+    wallets.map((item, index) => /* @__PURE__ */ React19.createElement(
+      "div",
+      {
+        key: index,
+        className: "oui-flex oui-cursor-pointer oui-items-center oui-justify-start  oui-gap-1 oui-bg-[#131519] oui-px-2 oui-py-[11px]",
+        onClick: () => connect({
+          walletType: "SOL" /* SOL */,
+          walletAdapter: item.adapter
+        })
+      },
+      /* @__PURE__ */ React19.createElement(RenderWalletIcon, { connector: item.adapter }),
+      /* @__PURE__ */ React19.createElement("div", { className: "oui-text-2xs oui-text-base-contrast" }, item.adapter.name)
+    ))
+  ));
 }
-var StorageChainNotCurrentWalletType = ({
-  currentWalletChainType
-}) => {
-  const { storageChain } = useStorageChain();
-  if (currentWalletChainType === storageChain?.namespace) {
-    return null;
-  }
-  if (storageChain?.namespace === ChainNamespace.evm) {
-    return /* @__PURE__ */ React12.createElement(SwitchNetworkTips, { chainNamespace: ChainNamespace.solana });
-  }
-  return /* @__PURE__ */ React12.createElement(SwitchNetworkTips, { chainNamespace: ChainNamespace.evm });
-};
 
-// src/components/renderNoPrivyWallet.tsx
-function RenderNoPrivyWallet() {
+// src/components/renderNonPrivyWallet/index.tsx
+function RenderNonPrivyWallet() {
+  const [walletList, setWalletList] = useState([]);
+  const [addWalletList, setAddWalletList] = useState([]);
+  const { storageChain } = useStorageChain();
+  const { connectorWalletType, walletChainTypeConfig } = useWalletConnectorPrivy();
   const { wallet: walletInWagmi, isConnected: isConnectedEvm } = useWagmiWallet();
   const { wallet: walletInSolana, isConnected: isConnectedSolana } = useSolanaWallet();
+  const { wallet: walletInAbstract, isConnected: isConnectedAbstract } = useAbstractWallet();
   const { namespace, switchWallet } = useWallet2();
-  const { walletChainType, connectorWalletType } = useWalletConnectorPrivy();
-  if (walletChainType === "EVM_SOL" /* EVM_SOL */) {
-    if (isConnectedEvm && isConnectedSolana) {
-      return /* @__PURE__ */ React12.createElement("div", { className: "oui-flex oui-flex-col oui-gap-5" }, /* @__PURE__ */ React12.createElement(
-        WalletCard,
-        {
-          type: "EVM" /* EVM */,
-          address: walletInWagmi?.accounts[0].address,
-          isActive: namespace === ChainNamespace.evm,
-          onActiveChange: () => {
-            switchWallet(ChainNamespace.evm);
-          },
-          isPrivy: false,
-          isBoth: true
-        }
-      ), /* @__PURE__ */ React12.createElement(
-        WalletCard,
-        {
-          type: "SOL" /* SOL */,
-          address: walletInSolana?.accounts[0].address,
-          isActive: namespace === ChainNamespace.solana,
-          onActiveChange: () => {
-            switchWallet(ChainNamespace.solana);
-          },
-          isPrivy: false,
-          isBoth: true
-        }
-      ));
-    }
-    if (isConnectedEvm && !isConnectedSolana) {
-      return /* @__PURE__ */ React12.createElement("div", { className: "" }, /* @__PURE__ */ React12.createElement(
-        StorageChainNotCurrentWalletType,
-        {
-          currentWalletChainType: ChainNamespace.evm
-        }
-      ), /* @__PURE__ */ React12.createElement(
-        WalletCard,
-        {
-          type: "EVM" /* EVM */,
-          address: walletInWagmi?.accounts[0].address,
-          isActive: namespace === ChainNamespace.evm,
-          onActiveChange: () => {
-            switchWallet(ChainNamespace.evm);
-          },
-          isPrivy: false,
-          isBoth: false
-        }
-      ), !connectorWalletType.disableSolana && /* @__PURE__ */ React12.createElement(React12.Fragment, null, /* @__PURE__ */ React12.createElement("div", { className: "oui-h-[1px] oui-bg-line oui-my-5" }), /* @__PURE__ */ React12.createElement(AddSolanaWallet, null)));
-    }
-    if (!isConnectedEvm && isConnectedSolana) {
-      return /* @__PURE__ */ React12.createElement("div", { className: "" }, /* @__PURE__ */ React12.createElement(
-        StorageChainNotCurrentWalletType,
-        {
-          currentWalletChainType: ChainNamespace.solana
-        }
-      ), /* @__PURE__ */ React12.createElement(
-        WalletCard,
-        {
-          type: "SOL" /* SOL */,
-          address: walletInSolana?.accounts[0].address,
-          isActive: namespace === ChainNamespace.solana,
-          onActiveChange: () => {
-            switchWallet(ChainNamespace.solana);
-          },
-          isPrivy: false,
-          isBoth: false
-        }
-      ), !connectorWalletType.disableWagmi && /* @__PURE__ */ React12.createElement(React12.Fragment, null, /* @__PURE__ */ React12.createElement("div", { className: "oui-h-[1px] oui-bg-line oui-my-5" }), /* @__PURE__ */ React12.createElement(AddEvmWallet, null)));
-    }
-  }
-  if (walletChainType === "onlySOL" /* onlySOL */) {
-    if (isConnectedSolana) {
-      return /* @__PURE__ */ React12.createElement("div", { className: "" }, /* @__PURE__ */ React12.createElement(
-        WalletCard,
-        {
-          type: "SOL" /* SOL */,
-          address: walletInSolana?.accounts[0].address,
-          isActive: namespace === ChainNamespace.solana,
-          onActiveChange: () => {
-            switchWallet(ChainNamespace.solana);
-          },
-          isPrivy: false,
-          isBoth: false
-        }
-      ));
+  const isActive = (walletType) => {
+    if (namespace === ChainNamespace.evm) {
+      if (walletType === "Abstract" /* ABSTRACT */) {
+        return AbstractChains.has(storageChain?.chainId);
+      }
+      if (walletType === "EVM" /* EVM */) {
+        return !AbstractChains.has(storageChain?.chainId);
+      }
+      return false;
     }
-  }
-  if (walletChainType === "onlyEVM" /* onlyEVM */) {
-    if (isConnectedEvm) {
-      return /* @__PURE__ */ React12.createElement("div", { className: "" }, /* @__PURE__ */ React12.createElement(
-        WalletCard,
-        {
-          type: "EVM" /* EVM */,
-          address: walletInWagmi?.accounts[0].address,
-          isActive: namespace === ChainNamespace.evm,
-          onActiveChange: () => {
-            switchWallet(ChainNamespace.evm);
-          },
-          isPrivy: false,
-          isBoth: false
-        }
-      ));
+    if (namespace === ChainNamespace.solana) {
+      return walletType === "SOL" /* SOL */;
     }
-  }
-  return;
-}
-function Drawer({ children, isOpen, onClose }) {
-  const [windowHeight, setWindowHeight] = useState(0);
-  const { isMobile } = useScreen();
+    return false;
+  };
+  const currentConnectWalletType = useMemo(() => {
+    const temp = /* @__PURE__ */ new Set();
+    walletList.forEach((wallet) => {
+      temp.add(wallet.type);
+    });
+    return temp;
+  }, [walletList]);
   useEffect(() => {
-    setWindowHeight(window.innerHeight);
-    const handleResize = () => {
-      setWindowHeight(window.innerHeight);
-    };
-    window.addEventListener("resize", handleResize);
-    if (isOpen) {
-      document.body.style.overflow = "hidden";
-    } else {
-      document.body.style.overflow = "auto";
-    }
-    return () => {
-      document.body.style.overflow = "auto";
-      window.removeEventListener("resize", handleResize);
-    };
-  }, [isOpen, isMobile]);
-  if (!isOpen)
-    return null;
-  const drawerHeight = isMobile ? windowHeight : windowHeight - 72 - 24;
-  return createPortal(
-    /* @__PURE__ */ React12.createElement("div", { className: "oui-fixed oui-inset-0 oui-z-[60]" }, /* @__PURE__ */ React12.createElement(
-      "div",
-      {
-        className: "oui-absolute oui-inset-0 oui-bg-[rgba(0,0,0,0.48)] oui-transition-opacity",
-        onClick: onClose
+    const tempWalletList = [];
+    const tempAddWallet = [];
+    if (!connectorWalletType.disableWagmi && walletChainTypeConfig.hasEvm) {
+      if (isConnectedEvm) {
+        tempWalletList.push({
+          type: "EVM" /* EVM */,
+          address: walletInWagmi?.accounts[0].address
+        });
+      } else {
+        tempAddWallet.push("EVM" /* EVM */);
       }
-    ), /* @__PURE__ */ React12.createElement(
-      "div",
-      {
-        style: { height: `${drawerHeight}px` },
-        className: cn(
-          "oui-overflow-hidden",
-          "oui-fixed oui-top-0 oui-right-0",
-          "oui-bg-[#131519] oui-shadow-lg",
-          "oui-border oui-border-line-12",
-          "oui-w-[276px]",
-          "md:oui-w-[300px]",
-          "md:oui-top-1/2 md:oui-translate-y-[-50%]",
-          "oui-rounded-0 md:oui-rounded-2xl",
-          "md:oui-rounded-0",
-          "oui-p-4",
-          "oui-transform oui-transition-transform oui-duration-300 oui-ease-in-out",
-          "oui-flex oui-flex-col oui-justify-between",
-          "oui-m-0 md:oui-m-3",
-          isOpen ? "oui-translate-x-0" : "oui--translate-x-full"
-        )
+    }
+    if (!connectorWalletType.disableSolana && walletChainTypeConfig.hasSol) {
+      if (isConnectedSolana) {
+        tempWalletList.push({
+          type: "SOL" /* SOL */,
+          address: walletInSolana?.accounts[0].address
+        });
+      } else {
+        tempAddWallet.push("SOL" /* SOL */);
+      }
+    }
+    if (!connectorWalletType.disableAGW && walletChainTypeConfig.hasAbstract) {
+      if (isConnectedAbstract) {
+        tempWalletList.push({
+          type: "Abstract" /* ABSTRACT */,
+          address: walletInAbstract?.additionalInfo?.AGWAddress
+        });
+      } else {
+        tempAddWallet.push("Abstract" /* ABSTRACT */);
+      }
+    }
+    setWalletList(tempWalletList);
+    setAddWalletList(tempAddWallet);
+  }, [
+    isConnectedEvm,
+    isConnectedSolana,
+    isConnectedAbstract,
+    walletInWagmi,
+    walletInSolana,
+    walletInAbstract,
+    walletChainTypeConfig,
+    connectorWalletType
+  ]);
+  return /* @__PURE__ */ React19.createElement(React19.Fragment, null, walletList.length && /* @__PURE__ */ React19.createElement(
+    StorageChainNotCurrentWalletType,
+    {
+      currentWalletType: currentConnectWalletType
+    }
+  ), /* @__PURE__ */ React19.createElement("div", { className: "oui-flex oui-flex-col oui-gap-5" }, walletList.map((wallet) => /* @__PURE__ */ React19.createElement(
+    WalletCard,
+    {
+      key: wallet.type,
+      type: wallet.type,
+      address: wallet.address,
+      isActive: isActive(wallet.type),
+      onActiveChange: () => {
+        switchWallet(wallet.type);
       },
-      children
-    )),
-    document.body
-  );
+      isPrivy: false,
+      isMulti: walletList.length > 1
+    }
+  ))), /* @__PURE__ */ React19.createElement(RenderAddWallet, { addWalletList }));
+}
+function RenderAddWallet({ addWalletList }) {
+  if (addWalletList.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ React19.createElement(React19.Fragment, null, /* @__PURE__ */ React19.createElement("div", { className: "oui-my-5 oui-h-px oui-bg-line" }), /* @__PURE__ */ React19.createElement("div", { className: "oui-flex oui-flex-col oui-gap-5" }, addWalletList.map((wallet, index) => {
+    if (wallet === "EVM" /* EVM */) {
+      return /* @__PURE__ */ React19.createElement(AddEvmWallet, { key: index });
+    }
+    if (wallet === "SOL" /* SOL */) {
+      return /* @__PURE__ */ React19.createElement(AddSolanaWallet, { key: index });
+    }
+    if (wallet === "Abstract" /* ABSTRACT */) {
+      return /* @__PURE__ */ React19.createElement(AddAbstractWallet, { key: index });
+    }
+  })));
 }
 function NoWallet() {
   const { walletChainType } = useWalletConnectorPrivy();
   const { t } = useTranslation();
-  return /* @__PURE__ */ React12.createElement("div", { className: "oui-flex oui-flex-col oui-justify-center oui-items-center oui-w-full oui-mt-5" }, /* @__PURE__ */ React12.createElement("div", { className: "oui-flex oui-flex-col oui-justify-center oui-items-center oui-w-full oui-gap-3" }, /* @__PURE__ */ React12.createElement("div", { className: "oui-flex oui-flex-col oui-justify-center oui-items-center oui-gap-1 oui-border-[1px] oui-border-line-12 oui-rounded-[8px]  oui-px-2 oui-py-[13px] oui-w-full " }, /* @__PURE__ */ React12.createElement(
+  return /* @__PURE__ */ React19.createElement("div", { className: "oui-mt-5 oui-flex oui-w-full oui-flex-col oui-items-center oui-justify-center" }, /* @__PURE__ */ React19.createElement("div", { className: "oui-flex oui-w-full oui-flex-col oui-items-center oui-justify-center oui-gap-3" }, /* @__PURE__ */ React19.createElement("div", { className: "oui-flex oui-w-full oui-flex-col oui-items-center oui-justify-center oui-gap-1 oui-rounded-[8px] oui-border  oui-border-line-12 oui-px-2 oui-py-[13px] " }, /* @__PURE__ */ React19.createElement(
     "img",
     {
       src: "https://oss.orderly.network/static/sdk/privy/no-wallet.png",
-      className: "oui-w-[64px] oui-h-[64px]"
+      className: "oui-size-[64px]"
     }
-  ), /* @__PURE__ */ React12.createElement("div", { className: "oui-text-base-contrast-36 oui-text-2xs oui-font-semibold" }, t("connector.privy.noWallet"))), /* @__PURE__ */ React12.createElement("div", { className: "oui-flex oui-items-start oui-gap-1 oui-px-2 oui-py-[6px] oui-bg-[rgba(232,136,0,0.15)] oui-rounded-[4px] " }, /* @__PURE__ */ React12.createElement(
+  ), /* @__PURE__ */ React19.createElement("div", { className: "oui-text-2xs oui-font-semibold oui-text-base-contrast-36" }, t("connector.privy.noWallet"))), /* @__PURE__ */ React19.createElement("div", { className: "oui-flex oui-items-start oui-gap-1 oui-rounded-[4px] oui-bg-[rgba(232,136,0,0.15)] oui-px-2 oui-py-[6px] " }, /* @__PURE__ */ React19.createElement(
     ExclamationFillIcon,
     {
       size: 10,
-      className: "oui-mt-1 oui-w-[10px] oui-h-[10px] oui-text-warning-darken oui-flex-shrink-0"
+      className: "oui-mt-1 oui-size-[10px] oui-shrink-0 oui-text-warning-darken"
     }
-  ), /* @__PURE__ */ React12.createElement("div", { className: "oui-text-2xs oui-text-warning-darken" }, t("connector.privy.noWallet.description")))), /* @__PURE__ */ React12.createElement("div", { className: "oui-h-[1px] oui-bg-line oui-my-5 oui-w-full" }), /* @__PURE__ */ React12.createElement("div", { className: "oui-flex oui-flex-col oui-gap-2 oui-w-full" }, walletChainType === "EVM_SOL" /* EVM_SOL */ && /* @__PURE__ */ React12.createElement(React12.Fragment, null, /* @__PURE__ */ React12.createElement(CreateEVMWallet, null), /* @__PURE__ */ React12.createElement(CreateSOLWallet, null)), walletChainType === "onlyEVM" /* onlyEVM */ && /* @__PURE__ */ React12.createElement(CreateEVMWallet, null), walletChainType === "onlySOL" /* onlySOL */ && /* @__PURE__ */ React12.createElement(CreateSOLWallet, null)));
+  ), /* @__PURE__ */ React19.createElement("div", { className: "oui-text-2xs oui-text-warning-darken" }, t("connector.privy.noWallet.description")))), /* @__PURE__ */ React19.createElement("div", { className: "oui-my-5 oui-h-px oui-w-full oui-bg-line" }), /* @__PURE__ */ React19.createElement("div", { className: "oui-flex oui-w-full oui-flex-col oui-gap-2" }, walletChainType === "EVM_SOL" /* EVM_SOL */ && /* @__PURE__ */ React19.createElement(React19.Fragment, null, /* @__PURE__ */ React19.createElement(CreateEVMWallet, null), /* @__PURE__ */ React19.createElement(CreateSOLWallet, null)), walletChainType === "onlyEVM" /* onlyEVM */ && /* @__PURE__ */ React19.createElement(CreateEVMWallet, null), walletChainType === "onlySOL" /* onlySOL */ && /* @__PURE__ */ React19.createElement(CreateSOLWallet, null)));
 }
 function CreateEVMWallet() {
   const { t } = useTranslation();
@@ -1498,23 +2040,23 @@ function CreateEVMWallet() {
       setLoading(false);
     });
   };
-  return /* @__PURE__ */ React12.createElement("div", { className: "oui-bg-[#07080A] oui-rounded-[8px] oui-px-2 oui-py-[11px] oui-w-full" }, /* @__PURE__ */ React12.createElement("div", { className: "oui-flex oui-items-center oui-justify-center oui-gap-1 " }, /* @__PURE__ */ React12.createElement("div", { className: "oui-flex oui-items-center oui-justify-center oui-gap-1" }, /* @__PURE__ */ React12.createElement("div", { className: "oui-flex oui-items-center oui-justify-start oui-relative oui-w-[55px]" }, /* @__PURE__ */ React12.createElement(
+  return /* @__PURE__ */ React19.createElement("div", { className: "oui-w-full oui-rounded-[8px] oui-bg-[#07080A] oui-px-2 oui-py-[11px]" }, /* @__PURE__ */ React19.createElement("div", { className: "oui-flex oui-items-center oui-justify-center oui-gap-1 " }, /* @__PURE__ */ React19.createElement("div", { className: "oui-flex oui-items-center oui-justify-center oui-gap-1" }, /* @__PURE__ */ React19.createElement("div", { className: "oui-relative oui-flex oui-w-[55px] oui-items-center oui-justify-start" }, /* @__PURE__ */ React19.createElement(
     "img",
     {
       src: "https://oss.orderly.network/static/sdk/chains.png",
-      className: "oui-h-[18px] oui-relative oui-z-0"
+      className: "oui-relative oui-z-0 oui-h-[18px]"
     }
-  ), /* @__PURE__ */ React12.createElement("div", { className: "oui-rounded-full oui-bg-[#282e3a] oui-w-[18px] oui-h-[18px] oui-flex oui-items-center oui-justify-center oui-absolute oui-right-0" }, /* @__PURE__ */ React12.createElement(EVMChainPopover, null, /* @__PURE__ */ React12.createElement(
+  ), /* @__PURE__ */ React19.createElement("div", { className: "oui-absolute oui-right-0 oui-flex oui-size-[18px] oui-items-center oui-justify-center oui-rounded-full oui-bg-[#282e3a]" }, /* @__PURE__ */ React19.createElement(EVMChainPopover, null, /* @__PURE__ */ React19.createElement(
     MoreIcon,
     {
-      className: "oui-text-base-contrast-54 hover:oui-text-base-contrast oui-h-3 oui-w-3 oui-relative oui-z-10",
+      className: "oui-relative oui-z-10 oui-size-3 oui-text-base-contrast-54 hover:oui-text-base-contrast",
       style: { zIndex: 1 }
     }
-  ))))), /* @__PURE__ */ React12.createElement(
+  ))))), /* @__PURE__ */ React19.createElement(
     "div",
     {
       className: cn(
-        "oui-text-base-contrast-80 oui-text-2xs oui-font-semibold oui-cursor-pointer",
+        "oui-cursor-pointer oui-text-2xs oui-font-semibold oui-text-base-contrast-80",
         loading && "oui-opacity-50"
       ),
       onClick: doCreate
@@ -1537,17 +2079,17 @@ function CreateSOLWallet() {
       setLoading(false);
     });
   };
-  return /* @__PURE__ */ React12.createElement("div", { className: "oui-bg-[#07080A] oui-rounded-[8px] oui-px-2 oui-py-[11px] oui-w-full" }, /* @__PURE__ */ React12.createElement("div", { className: "oui-flex oui-items-center oui-justify-center oui-gap-1 " }, /* @__PURE__ */ React12.createElement(
+  return /* @__PURE__ */ React19.createElement("div", { className: "oui-w-full oui-rounded-[8px] oui-bg-[#07080A] oui-px-2 oui-py-[11px]" }, /* @__PURE__ */ React19.createElement("div", { className: "oui-flex oui-items-center oui-justify-center oui-gap-1 " }, /* @__PURE__ */ React19.createElement(
     "img",
     {
       src: "https://oss.orderly.network/static/sdk/solana-logo.png",
-      className: "oui-w-[15px] oui-h-[15px]"
+      className: "oui-size-[15px]"
     }
-  ), /* @__PURE__ */ React12.createElement(
+  ), /* @__PURE__ */ React19.createElement(
     "div",
     {
       className: cn(
-        "oui-text-base-contrast-80 oui-text-2xs oui-font-semibold oui-cursor-pointer",
+        "oui-cursor-pointer oui-text-2xs oui-font-semibold oui-text-base-contrast-80",
         loading && "oui-opacity-50"
       ),
       onClick: doCreate
@@ -1557,282 +2099,164 @@ function CreateSOLWallet() {
 }
 function RenderPrivyWallet() {
   const { t } = useTranslation();
-  const { walletChainType } = useWalletConnectorPrivy();
+  const {
+    targetWalletType,
+    setTargetWalletType,
+    walletChainTypeConfig,
+    connectorWalletType
+  } = useWalletConnectorPrivy();
   const { walletEVM, walletSOL, linkedAccount } = usePrivyWallet();
-  const { namespace, switchWallet, disconnect } = useWallet2();
-  const renderWalletType = useMemo(() => {
-    if (walletChainType === "onlyEVM" /* onlyEVM */) {
-      if (walletEVM && walletEVM.accounts.length) {
-        return "onlyEVM" /* onlyEVM */;
+  const { switchWallet, disconnect } = useWallet2();
+  const { storageChain } = useStorageChain();
+  const [walletList, setWalletList] = useState([]);
+  const [addWallet, setAddWallet] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const isActive = useCallback(
+    (walletType) => {
+      if (storageChain?.namespace === ChainNamespace.evm) {
+        if (walletType === "EVM" /* EVM */) {
+          return !AbstractChains.has(storageChain?.chainId);
+        }
+        return false;
       }
-      return "noWallet" /* noWallet */;
-    }
-    if (walletChainType === "onlySOL" /* onlySOL */) {
-      if (walletSOL && walletSOL.accounts.length) {
-        return "onlySOL" /* onlySOL */;
+      if (storageChain?.namespace === ChainNamespace.solana) {
+        return walletType === "SOL" /* SOL */;
       }
-      return "noWallet" /* noWallet */;
-    }
-    if ((!walletEVM || !walletEVM.accounts.length) && (!walletSOL || !walletSOL.accounts.length)) {
-      return "noWallet" /* noWallet */;
-    }
-    if (walletEVM && walletEVM.accounts.length && (!walletSOL || !walletSOL.accounts.length)) {
-      return "onlyEVM" /* onlyEVM */;
-    }
-    if ((!walletEVM || !walletEVM.accounts.length) && walletSOL && walletSOL.accounts.length) {
-      return "onlySOL" /* onlySOL */;
-    }
-    return "both" /* both */;
-  }, [walletEVM, walletSOL, walletChainType]);
-  return /* @__PURE__ */ React12.createElement("div", null, /* @__PURE__ */ React12.createElement("div", { className: "oui-flex oui-justify-between oui-items-center" }, linkedAccount && /* @__PURE__ */ React12.createElement("div", { className: "oui-flex oui-items-center oui-justify-start oui-gap-2 oui-text-base-contrast" }, /* @__PURE__ */ React12.createElement("div", null, /* @__PURE__ */ React12.createElement(RenderPrivyTypeIcon, { type: linkedAccount.type, size: 24 })), /* @__PURE__ */ React12.createElement("div", { className: "oui-text-xs" }, linkedAccount.address)), /* @__PURE__ */ React12.createElement(
-    "div",
-    {
-      className: "oui-cursor-pointer oui-text-primary oui-text-2xs oui-font-semibold",
-      onClick: () => disconnect("privy" /* PRIVY */)
+      return false;
     },
-    t("connector.privy.logout")
-  )), renderWalletType === "noWallet" /* noWallet */ && /* @__PURE__ */ React12.createElement(NoWallet, null), renderWalletType === "both" /* both */ && /* @__PURE__ */ React12.createElement("div", { className: "oui-flex oui-flex-col oui-gap-5 oui-mt-5" }, walletChainType === "EVM_SOL" /* EVM_SOL */ && /* @__PURE__ */ React12.createElement(React12.Fragment, null, /* @__PURE__ */ React12.createElement(
-    WalletCard,
-    {
-      type: "EVM" /* EVM */,
-      address: walletEVM?.accounts[0].address ?? "",
-      isActive: namespace === ChainNamespace.evm,
-      onActiveChange: () => {
-        switchWallet(ChainNamespace.evm);
-      },
-      isPrivy: true,
-      isBoth: true
-    }
-  ), /* @__PURE__ */ React12.createElement(
-    WalletCard,
-    {
-      type: "SOL" /* SOL */,
-      address: walletSOL?.accounts[0].address ?? "",
-      isActive: namespace === ChainNamespace.solana,
-      onActiveChange: () => {
-        switchWallet(ChainNamespace.solana);
-      },
-      isPrivy: true,
-      isBoth: true
-    }
-  )), walletChainType === "onlyEVM" /* onlyEVM */ && /* @__PURE__ */ React12.createElement(
-    WalletCard,
-    {
-      type: "EVM" /* EVM */,
-      address: walletEVM?.accounts[0].address ?? "",
-      isActive: namespace === ChainNamespace.evm,
-      onActiveChange: () => {
-        switchWallet(ChainNamespace.evm);
-      },
-      isPrivy: true,
-      isBoth: false
-    }
-  ), walletChainType === "onlySOL" /* onlySOL */ && /* @__PURE__ */ React12.createElement(
-    WalletCard,
-    {
-      type: "SOL" /* SOL */,
-      address: walletSOL?.accounts[0].address ?? "",
-      isActive: namespace === ChainNamespace.solana,
-      onActiveChange: () => {
-        switchWallet(ChainNamespace.solana);
-      },
-      isPrivy: true,
-      isBoth: false
-    }
-  )), renderWalletType === "onlyEVM" /* onlyEVM */ && /* @__PURE__ */ React12.createElement("div", { className: "oui-flex oui-flex-col oui-gap-0 oui-mt-5" }, /* @__PURE__ */ React12.createElement(
-    WalletCard,
-    {
-      type: "EVM" /* EVM */,
-      address: walletEVM?.accounts[0].address ?? "",
-      isActive: namespace === ChainNamespace.evm,
-      onActiveChange: () => {
-        switchWallet(ChainNamespace.evm);
-      },
-      isPrivy: true,
-      isBoth: false
-    }
-  ), walletChainType === "EVM_SOL" /* EVM_SOL */ && /* @__PURE__ */ React12.createElement(React12.Fragment, null, /* @__PURE__ */ React12.createElement("div", { className: "oui-h-[1px] oui-bg-line oui-my-5 oui-w-full" }), /* @__PURE__ */ React12.createElement("div", { className: "oui-flex oui-flex-col oui-gap-2 oui-w-full" }, /* @__PURE__ */ React12.createElement(CreateSOLWallet, null)))), renderWalletType === "onlySOL" /* onlySOL */ && /* @__PURE__ */ React12.createElement("div", { className: "oui-flex oui-flex-col oui-gap-0 oui-mt-5" }, /* @__PURE__ */ React12.createElement(
-    WalletCard,
-    {
-      type: "SOL" /* SOL */,
-      address: walletSOL?.accounts[0].address ?? "",
-      isActive: namespace === ChainNamespace.solana,
-      onActiveChange: () => {
-        switchWallet(ChainNamespace.solana);
-      },
-      isPrivy: true,
-      isBoth: false
+    [storageChain]
+  );
+  const isHaveEvmWallet = useMemo(() => {
+    return walletEVM && walletEVM.accounts.length;
+  }, [walletEVM]);
+  const isHaveSolWallet = useMemo(() => {
+    return walletSOL && walletSOL.accounts.length;
+  }, [walletSOL]);
+  const renderWarning = useCallback(() => {
+    let showWarning = false;
+    if (AbstractChains.has(storageChain?.chainId)) {
+      showWarning = true;
+    }
+    if (targetWalletType === "Abstract" /* ABSTRACT */) {
+      showWarning = true;
+    }
+    if (!showWarning) {
+      return;
     }
-  ), walletChainType === "EVM_SOL" /* EVM_SOL */ && /* @__PURE__ */ React12.createElement(React12.Fragment, null, /* @__PURE__ */ React12.createElement("div", { className: "oui-h-[1px] oui-bg-line oui-my-5 oui-w-full" }), /* @__PURE__ */ React12.createElement("div", { className: "oui-flex oui-flex-col oui-gap-2 oui-w-full" }, /* @__PURE__ */ React12.createElement(CreateEVMWallet, null)))));
-}
-
-// src/components/connectDrawer.tsx
-function PrivyConnectArea({ connect }) {
-  const { t } = useTranslation();
-  const { isMobile, isDesktop } = useScreen();
-  const { connectorWalletType } = useWalletConnectorPrivy();
-  return /* @__PURE__ */ React12.createElement("div", { className: "" }, /* @__PURE__ */ React12.createElement(
-    "div",
-    {
-      className: cn(
-        "oui-flex oui-items-center oui-justify-between",
-        "oui-text-base-contrast-80 oui-text-sm oui-font-semibold oui-mb-3",
-        "md:oui-mb-2"
-      )
-    },
-    t("connector.privy.loginIn"),
-    isMobile && /* @__PURE__ */ React12.createElement("div", { className: "oui-h-3 oui-flex oui-justify-center" }, /* @__PURE__ */ React12.createElement(
-      "img",
-      {
-        src: "https://oss.orderly.network/static/sdk/privy/privy-logo.png",
-        className: " oui-h-[10px]"
-      }
-    ))
-  ), /* @__PURE__ */ React12.createElement(
-    "div",
-    {
-      className: cn(
-        "oui-grid oui-grid-cols-2 oui-gap-2",
-        "md:oui-flex md:oui-flex-col md:oui-gap-2"
-      )
-    },
-    /* @__PURE__ */ React12.createElement(
-      "div",
-      {
-        className: "oui-cursor-pointer oui-rounded-[6px] oui-bg-[#333948] oui-px-2 oui-py-[11px] oui-flex oui-justify-center oui-items-center oui-gap-1",
-        onClick: () => connect({ walletType: "privy", extraType: "email" })
-      },
-      /* @__PURE__ */ React12.createElement(
-        "img",
-        {
-          src: "https://oss.orderly.network/static/sdk/privy/email.svg",
-          className: "oui-w-[18px] oui-h-[18px]"
-        }
-      ),
-      /* @__PURE__ */ React12.createElement("div", { className: "oui-text-base-contrast oui-text-2xs" }, t("connector.privy.email"))
-    ),
-    /* @__PURE__ */ React12.createElement(
-      "div",
-      {
-        className: "oui-rounded-[6px] oui-bg-[#335FFC] oui-px-2 oui-py-[11px] oui-flex oui-justify-center oui-items-center oui-gap-1 oui-cursor-pointer",
-        onClick: () => connect({ walletType: "privy", extraType: "google" })
-      },
-      /* @__PURE__ */ React12.createElement(
-        "img",
-        {
-          src: "https://oss.orderly.network/static/sdk/privy/google.svg",
-          className: "oui-w-[18px] oui-h-[18px]"
-        }
-      ),
-      /* @__PURE__ */ React12.createElement("div", { className: "oui-text-base-contrast oui-text-2xs" }, t("connector.privy.google"))
-    ),
-    /* @__PURE__ */ React12.createElement(
+    return /* @__PURE__ */ React19.createElement("div", { className: "oui-mt-5 oui-border-b oui-border-line oui-pb-5" }, /* @__PURE__ */ React19.createElement(
       "div",
       {
-        className: "oui-rounded-[6px] oui-bg-[#07080A] oui-px-2 oui-py-[11px] oui-flex oui-justify-center oui-items-center oui-gap-1 oui-cursor-pointer",
-        onClick: () => connect({ walletType: "privy", extraType: "twitter" })
+        className: cn(
+          "oui-flex oui-items-start oui-justify-center oui-gap-1",
+          "oui-w-full  oui-rounded-[8px] oui-px-2 oui-py-[13px]",
+          "oui-bg-warning-darken/10"
+        )
       },
-      /* @__PURE__ */ React12.createElement(
-        "img",
+      /* @__PURE__ */ React19.createElement(
+        ExclamationFillIcon,
         {
-          src: "https://oss.orderly.network/static/sdk/privy/twitter.svg",
-          className: "oui-w-[18px] oui-h-[18px]"
+          size: 14,
+          className: "oui-mt-[2px] oui-size-[14px] oui-shrink-0 oui-text-warning-darken"
         }
       ),
-      /* @__PURE__ */ React12.createElement("div", { className: "oui-text-base-contrast oui-text-2xs" }, t("connector.privy.twitter"))
-    )
-  ), isDesktop && /* @__PURE__ */ React12.createElement("div", { className: "oui-h-3 oui-flex oui-justify-center oui-mt-4" }, /* @__PURE__ */ React12.createElement(
-    "img",
-    {
-      src: "https://oss.orderly.network/static/sdk/privy/privy-logo.png",
-      className: " oui-h-[10px]"
-    }
-  )), (!connectorWalletType.disableWagmi || !connectorWalletType.disableSolana) && /* @__PURE__ */ React12.createElement("div", { className: "oui-h-[1px] oui-bg-line oui-w-full oui-mt-4 md:oui-mt-5" }));
-}
-function EVMConnectArea({ connect }) {
-  const { connectors } = useWagmiWallet();
-  return /* @__PURE__ */ React12.createElement("div", { className: "" }, /* @__PURE__ */ React12.createElement("div", { className: "oui-text-base-contrast-80 oui-text-sm oui-font-semibold oui-mb-2" }, "EVM"), /* @__PURE__ */ React12.createElement("div", { className: "oui-grid oui-grid-cols-2 oui-gap-2" }, connectors.map((item, key) => /* @__PURE__ */ React12.createElement(
-    "div",
-    {
-      key,
-      className: " oui-flex oui-items-center oui-justify-start oui-gap-1 oui-rounded-[6px] oui-px-2 oui-bg-[#07080A] oui-py-[11px] oui-flex-1 oui-cursor-pointer",
-      onClick: () => connect(item)
-    },
-    /* @__PURE__ */ React12.createElement(RenderWalletIcon, { connector: item }),
-    /* @__PURE__ */ React12.createElement("div", { className: "oui-text-base-contrast oui-text-2xs" }, item.name)
-  ))));
-}
-function SOLConnectArea({
-  connect
-}) {
-  const { wallets } = useSolanaWallet();
-  return /* @__PURE__ */ React12.createElement("div", null, /* @__PURE__ */ React12.createElement("div", { className: "oui-text-base-contrast-80 oui-text-sm oui-font-semibold oui-mb-2" }, "Solana"), /* @__PURE__ */ React12.createElement("div", { className: "oui-grid oui-grid-cols-2 oui-gap-2" }, wallets.map((item, key) => /* @__PURE__ */ React12.createElement(
-    "div",
-    {
-      key,
-      className: " oui-flex oui-items-center oui-justify-start oui-gap-1 oui-rounded-[6px] oui-px-2 oui-bg-[#07080A] oui-py-[11px] oui-flex-1 oui-cursor-pointer",
-      onClick: () => connect(item.adapter)
-    },
-    /* @__PURE__ */ React12.createElement(RenderWalletIcon, { connector: item.adapter }),
-    /* @__PURE__ */ React12.createElement("div", { className: "oui-text-base-contrast oui-text-2xs" }, item.adapter.name)
-  ))));
-}
-function ConnectWallet() {
-  const { connect } = useWallet2();
-  const { setOpenConnectDrawer, walletChainType, connectorWalletType } = useWalletConnectorPrivy();
-  const handleConnect = (params) => {
-    connect(params);
-    if (params.walletType === "privy" /* PRIVY */) {
-      setOpenConnectDrawer(false);
+      /* @__PURE__ */ React19.createElement("div", { className: "oui-text-2xs oui-leading-[18px] oui-text-warning-darken" }, "Abstract Chain access requires Abstract Global Wallet. Privy connection is currently unsupported.")
+    ));
+  }, [targetWalletType]);
+  const renderWallet = useCallback(() => {
+    if (loading) {
+      return;
     }
-  };
-  return /* @__PURE__ */ React12.createElement("div", { className: cn("oui-flex oui-flex-col oui-gap-4", "md:oui-gap-5") }, !connectorWalletType.disablePrivy && /* @__PURE__ */ React12.createElement(
-    PrivyConnectArea,
-    {
-      connect: (type) => handleConnect({ walletType: "privy" /* PRIVY */, extraType: type })
+    if (!walletList.length) {
+      return /* @__PURE__ */ React19.createElement(NoWallet, null);
     }
-  ), walletChainType === "EVM_SOL" /* EVM_SOL */ && /* @__PURE__ */ React12.createElement(React12.Fragment, null, !connectorWalletType.disableWagmi && /* @__PURE__ */ React12.createElement(
-    EVMConnectArea,
-    {
-      connect: (connector) => handleConnect({
-        walletType: "EVM" /* EVM */,
-        connector
-      })
+    return /* @__PURE__ */ React19.createElement("div", { className: "oui-mt-5 oui-flex oui-flex-col oui-gap-5" }, walletList.map((wallet) => /* @__PURE__ */ React19.createElement(
+      WalletCard,
+      {
+        key: wallet.type,
+        type: wallet.type,
+        address: wallet.address,
+        isActive: isActive(wallet.type),
+        isPrivy: true,
+        isMulti: walletList.length > 1,
+        onActiveChange: () => {
+          switchWallet(wallet.type);
+        }
+      }
+    )), addWallet.map((node, index) => /* @__PURE__ */ React19.createElement("div", { key: index }, /* @__PURE__ */ React19.createElement("div", { className: "oui-my-5 oui-h-px oui-w-full oui-bg-line" }), /* @__PURE__ */ React19.createElement("div", { className: "oui-flex oui-w-full oui-flex-col oui-gap-2" }, node))));
+  }, [walletList, addWallet, isActive, switchWallet, t, loading]);
+  useEffect(() => {
+    new Promise(
+      (resolve) => setTimeout(() => {
+        setLoading(false);
+        resolve(true);
+      }, 200)
+    );
+  }, []);
+  useEffect(() => {
+    const tempWalletList = [];
+    const tempAddWallet = [];
+    if (!connectorWalletType.disableWagmi && walletChainTypeConfig.hasEvm) {
+      if (isHaveEvmWallet) {
+        tempWalletList.push({
+          type: "EVM" /* EVM */,
+          address: walletEVM.accounts[0].address
+        });
+      } else {
+        tempAddWallet.push(/* @__PURE__ */ React19.createElement(CreateEVMWallet, null));
+      }
     }
-  ), !connectorWalletType.disableSolana && /* @__PURE__ */ React12.createElement(
-    SOLConnectArea,
-    {
-      connect: (walletAdapter) => handleConnect({
-        walletType: "SOL" /* SOL */,
-        walletAdapter
-      })
+    if (!connectorWalletType.disableSolana && walletChainTypeConfig.hasSol) {
+      if (isHaveSolWallet) {
+        tempWalletList.push({
+          type: "SOL" /* SOL */,
+          address: walletSOL.accounts[0].address
+        });
+      } else {
+        tempAddWallet.push(/* @__PURE__ */ React19.createElement(CreateSOLWallet, null));
+      }
     }
-  )), walletChainType === "onlyEVM" /* onlyEVM */ && /* @__PURE__ */ React12.createElement(
-    EVMConnectArea,
-    {
-      connect: (connector) => handleConnect({ walletType: "EVM" /* EVM */, connector })
+    setWalletList(tempWalletList);
+    setAddWallet(tempAddWallet);
+  }, [
+    connectorWalletType,
+    walletChainTypeConfig,
+    walletEVM,
+    walletSOL,
+    isHaveEvmWallet,
+    isHaveSolWallet
+  ]);
+  useEffect(() => {
+    if (targetWalletType === "Abstract" /* ABSTRACT */) {
+      windowGuard(() => {
+        setTimeout(() => {
+          setTargetWalletType(void 0);
+        }, 5e3);
+      });
     }
-  ), walletChainType === "onlySOL" /* onlySOL */ && /* @__PURE__ */ React12.createElement(
-    SOLConnectArea,
+  }, [targetWalletType, setTargetWalletType]);
+  return /* @__PURE__ */ React19.createElement("div", null, /* @__PURE__ */ React19.createElement("div", { className: "oui-flex oui-items-center oui-justify-between" }, linkedAccount && /* @__PURE__ */ React19.createElement("div", { className: "oui-flex oui-items-center oui-justify-start oui-gap-2 oui-text-base-contrast" }, /* @__PURE__ */ React19.createElement("div", null, /* @__PURE__ */ React19.createElement(RenderPrivyTypeIcon, { type: linkedAccount.type, size: 24 })), /* @__PURE__ */ React19.createElement("div", { className: "oui-text-xs" }, linkedAccount.address)), /* @__PURE__ */ React19.createElement(
+    "div",
     {
-      connect: (walletAdapter) => handleConnect({
-        walletType: "SOL" /* SOL */,
-        walletAdapter
-      })
-    }
-  ));
+      className: "oui-cursor-pointer oui-text-2xs oui-font-semibold oui-text-primary",
+      onClick: () => disconnect("privy" /* PRIVY */)
+    },
+    t("connector.privy.logout")
+  )), renderWarning(), renderWallet());
 }
+
+// src/components/connectDrawer.tsx
 function MyWallet() {
   const [connectorKey, setConnectorKey] = useLocalStorage(ConnectorKey, "");
-  return /* @__PURE__ */ React12.createElement("div", null, connectorKey === "privy" && /* @__PURE__ */ React12.createElement(RenderPrivyWallet, null), connectorKey !== "privy" && /* @__PURE__ */ React12.createElement(RenderNoPrivyWallet, null));
+  return /* @__PURE__ */ React19.createElement("div", null, connectorKey === "privy" && /* @__PURE__ */ React19.createElement(RenderPrivyWallet, null), connectorKey !== "privy" && /* @__PURE__ */ React19.createElement(RenderNonPrivyWallet, null));
 }
 function ConnectDrawer(props) {
   const { t } = useTranslation();
   const { isConnected: isConnectedPrivy } = usePrivyWallet();
   const { isConnected: isConnectedEvm } = useWagmiWallet();
   const { isConnected: isConnectedSolana } = useSolanaWallet();
-  const { termsOfUse, connectorWalletType } = useWalletConnectorPrivy();
-  const [connectorKey, setConnectorKey] = useLocalStorage(ConnectorKey, "");
+  const { isConnected: isConnectedAbstract } = useAbstractWallet();
+  const { termsOfUse } = useWalletConnectorPrivy();
+  const [connectorKey] = useLocalStorage(ConnectorKey, "");
   const isConnected = useMemo(() => {
     if (connectorKey === "privy" /* PRIVY */ && isConnectedPrivy) {
       return true;
@@ -1844,46 +2268,63 @@ function ConnectDrawer(props) {
       if (isConnectedSolana) {
         return true;
       }
+      if (isConnectedAbstract) {
+        return true;
+      }
     }
     return false;
-  }, [isConnectedPrivy, isConnectedEvm, isConnectedSolana, connectorKey]);
+  }, [
+    isConnectedPrivy,
+    isConnectedEvm,
+    isConnectedSolana,
+    isConnectedAbstract,
+    connectorKey
+  ]);
   const { isMobile } = useScreen();
-  return /* @__PURE__ */ React12.createElement(Drawer, { isOpen: props.open, onClose: () => props.onChangeOpen(false) }, !isMobile && /* @__PURE__ */ React12.createElement(
+  const renderHeader = useCallback(() => {
+    if (isMobile && props.headerProps?.mobile) {
+      return props.headerProps?.mobile;
+    }
+    return /* @__PURE__ */ React19.createElement(
+      "div",
+      {
+        className: cn(
+          "oui-font-semibold oui-text-base-contrast-80 ",
+          "oui-py-2 oui-text-[20px]",
+          "md:oui-py-0 md:oui-text-base"
+        )
+      },
+      isConnected ? t("connector.privy.myWallet") : t("connector.connectWallet")
+    );
+  }, [isMobile, props.headerProps?.mobile, isConnected]);
+  return /* @__PURE__ */ React19.createElement(Drawer, { isOpen: props.open, onClose: () => props.onChangeOpen(false) }, !isMobile && /* @__PURE__ */ React19.createElement(
     "div",
     {
-      className: "oui-z-0 oui-absolute -oui-top-[calc(100vh/2)] oui-h-[100vh] oui-left-[50px] oui-right-[50px]",
+      className: "oui-absolute oui-inset-x-[50px] -oui-top-[calc(100vh/2)] oui-z-0 oui-h-screen",
       style: {
         background: "conic-gradient(from -41deg at 40.63% 50.41%, rgba(242, 98, 181, 0.00) 125.17920970916748deg, rgba(95, 197, 255, 0.20) 193.4119462966919deg, rgba(255, 172, 137, 0.20) 216.0206937789917deg, rgba(129, 85, 255, 0.20) 236.0708713531494deg, rgba(120, 157, 255, 0.20) 259.95326042175293deg, rgba(159, 115, 241, 0.00) 311.0780096054077deg)",
         filter: "blur(50px)"
       }
     }
-  ), /* @__PURE__ */ React12.createElement("div", { className: "oui-z-10 oui-relative" }, /* @__PURE__ */ React12.createElement("div", { className: "oui-flex oui-justify-between oui-items-center oui-mb-4 md:oui-mb-5" }, /* @__PURE__ */ React12.createElement(
-    "div",
-    {
-      className: cn(
-        "oui-font-semibold oui-text-base-contrast-80 ",
-        "oui-text-[20px] oui-py-2",
-        "md:oui-text-base md:oui-py-0"
-      )
-    },
-    isConnected ? t("connector.privy.myWallet") : t("connector.connectWallet")
-  ), /* @__PURE__ */ React12.createElement(
+  ), /* @__PURE__ */ React19.createElement("div", { className: "oui-relative oui-z-10" }, /* @__PURE__ */ React19.createElement("div", { className: "oui-mb-4 oui-flex oui-items-center oui-justify-between md:oui-mb-5" }, renderHeader(), /* @__PURE__ */ React19.createElement(
     CloseIcon,
     {
-      className: "oui-cursor-pointer oui-text-base-contrast-20 oui-w-5 oui-h-5 hover:oui-text-base-contrast-80",
+      className: "oui-size-5 oui-cursor-pointer oui-text-base-contrast-20 hover:oui-text-base-contrast-80",
       onClick: () => props.onChangeOpen(false)
     }
-  )), isConnected ? /* @__PURE__ */ React12.createElement(MyWallet, null) : /* @__PURE__ */ React12.createElement(ConnectWallet, null)), !isConnected && /* @__PURE__ */ React12.createElement("div", { className: "oui-z-10 oui-text-base-contrast-80 oui-text-center oui-text-2xs oui-relative  oui-font-semibold" }, /* @__PURE__ */ React12.createElement(
+  )), isConnected ? /* @__PURE__ */ React19.createElement(MyWallet, null) : /* @__PURE__ */ React19.createElement(RenderConnector, null)), !isConnected && termsOfUse && /* @__PURE__ */ React19.createElement("div", { className: "oui-relative oui-z-10 oui-text-center oui-text-2xs oui-font-semibold  oui-text-base-contrast-80" }, /* @__PURE__ */ React19.createElement(
     Trans,
     {
       i18nKey: "connector.privy.termsOfUse",
       components: [
-        /* @__PURE__ */ React12.createElement(
+        /* @__PURE__ */ React19.createElement(
           "a",
           {
+            key: "termsOfUse",
             href: termsOfUse,
-            className: "oui-cursor-pointer oui-underline oui-text-primary",
-            target: "_blank"
+            className: "oui-cursor-pointer oui-text-primary oui-underline",
+            target: "_blank",
+            rel: "noreferrer"
           }
         )
       ]
@@ -1892,11 +2333,11 @@ function ConnectDrawer(props) {
 }
 function UserCenter(props) {
   const { accountState: state } = props;
-  return /* @__PURE__ */ React12.createElement(RenderUserCenter, { state, disabledConnect: props.disabledConnect });
+  return /* @__PURE__ */ React19.createElement(RenderUserCenter, { state, disabledConnect: props.disabledConnect });
 }
 var MwebUserCenter = (props) => {
   const { state } = props;
-  return /* @__PURE__ */ React12.createElement(RenderUserCenter, { state, disabledConnect: props.disabledConnect });
+  return /* @__PURE__ */ React19.createElement(RenderUserCenter, { state, disabledConnect: props.disabledConnect });
 };
 var RenderUserCenter = (props) => {
   const { state } = props;
@@ -1904,9 +2345,17 @@ var RenderUserCenter = (props) => {
   const { isMobile } = useScreen();
   const { connect, wallet } = useWalletConnector();
   const { linkedAccount } = usePrivyWallet();
+  const { state: accountState, account } = useAccount();
+  const { connectedChain } = useWalletConnector();
   const disabled = state.validating || props.disabledConnect;
+  const userAddress = useMemo(() => {
+    if (connectedChain?.id && ABSTRACT_CHAIN_ID_MAP.has(parseInt(connectedChain?.id))) {
+      return account.getAdditionalInfo()?.AGWAddress;
+    }
+    return account.address;
+  }, [account, connectedChain, accountState]);
   if (state.status === AccountStatusEnum.EnableTradingWithoutConnected) {
-    return /* @__PURE__ */ React12.createElement(
+    return /* @__PURE__ */ React19.createElement(
       Button,
       {
         size: "md",
@@ -1915,18 +2364,21 @@ var RenderUserCenter = (props) => {
         "data-testid": "oui-testid-nav-bar-address-btn",
         className: "oui-flex oui-items-center oui-justify-center oui-gap-2"
       },
-      /* @__PURE__ */ React12.createElement(Text.formatted, { rule: "address", className: "oui-text-[rgba(0,0,0,.88)]" }, formatAddress(state.address, [4, 4]))
+      /* @__PURE__ */ React19.createElement(Text.formatted, { rule: "address", className: "oui-text-[rgba(0,0,0,.88)]" }, formatAddress(userAddress))
     );
   }
   if (state.status <= AccountStatusEnum.NotConnected || disabled) {
-    return /* @__PURE__ */ React12.createElement(
+    return /* @__PURE__ */ React19.createElement(
       Button,
       {
         "data-testid": "oui-testid-nav-bar-connectWallet-btn",
         size: "md",
         variant: disabled ? void 0 : "gradient",
         angle: 45,
-        className: "wallet-connect-button",
+        className: cn(
+          "wallet-connect-button",
+          isMobile && "oui-font-semibold oui-px-2"
+        ),
         loading: state.validating,
         disabled,
         onClick: () => {
@@ -1941,42 +2393,42 @@ var RenderUserCenter = (props) => {
     return;
   }
   if (isMobile) {
-    return /* @__PURE__ */ React12.createElement(
+    return /* @__PURE__ */ React19.createElement(
       AuthGuard,
       {
         buttonProps: {
-          size: "sm"
+          size: "md"
         }
       },
-      /* @__PURE__ */ React12.createElement("div", { onClick: () => connect() }, /* @__PURE__ */ React12.createElement(
+      /* @__PURE__ */ React19.createElement("div", { onClick: () => connect() }, /* @__PURE__ */ React19.createElement(
         Button,
         {
-          size: "sm",
+          size: "md",
           variant: "gradient",
           angle: 45,
           "data-testid": "oui-testid-nav-bar-address-btn",
-          className: "oui-flex oui-items-center oui-justify-center oui-gap-2"
+          className: "oui-px-2 oui-flex oui-items-center oui-justify-center oui-gap-1"
         },
-        linkedAccount && /* @__PURE__ */ React12.createElement(
+        linkedAccount && /* @__PURE__ */ React19.createElement(
           RenderPrivyTypeIcon,
           {
             type: linkedAccount.type,
-            size: 18,
+            size: 14,
             black: true
           }
         ),
-        /* @__PURE__ */ React12.createElement(
+        /* @__PURE__ */ React19.createElement(
           Text.formatted,
           {
             rule: "address",
-            className: "oui-text-[rgba(0,0,0,.88)]"
+            className: "oui-text-[rgba(0,0,0,.88)] oui-font-semibold"
           },
-          formatAddress(wallet.accounts[0].address)
+          formatAddress(userAddress)
         )
       ))
     );
   }
-  return /* @__PURE__ */ React12.createElement("div", { onClick: () => connect() }, /* @__PURE__ */ React12.createElement(
+  return /* @__PURE__ */ React19.createElement("div", { onClick: () => connect() }, /* @__PURE__ */ React19.createElement(
     Button,
     {
       size: "md",
@@ -1985,7 +2437,7 @@ var RenderUserCenter = (props) => {
       "data-testid": "oui-testid-nav-bar-address-btn",
       className: "oui-flex oui-items-center oui-justify-center oui-gap-2"
     },
-    linkedAccount && /* @__PURE__ */ React12.createElement(
+    linkedAccount && /* @__PURE__ */ React19.createElement(
       RenderPrivyTypeIcon,
       {
         type: linkedAccount.type,
@@ -1993,7 +2445,7 @@ var RenderUserCenter = (props) => {
         black: true
       }
     ),
-    /* @__PURE__ */ React12.createElement(Text.formatted, { rule: "address", className: "oui-text-[rgba(0,0,0,.88)]" }, formatAddress(wallet.accounts[0].address))
+    /* @__PURE__ */ React19.createElement(Text.formatted, { rule: "address", className: "oui-text-[rgba(0,0,0,.88)]" }, formatAddress(userAddress))
   ));
 };
 installExtension({
@@ -2001,25 +2453,25 @@ installExtension({
   scope: ["*"],
   positions: [ExtensionPositionEnum.AccountMenu]
 })((props) => {
-  return /* @__PURE__ */ React12.createElement(UserCenter, { ...props });
+  return /* @__PURE__ */ React19.createElement(UserCenter, { ...props });
 });
 installExtension({
   name: "mobile-account-menu-privy",
   scope: ["*"],
   positions: [ExtensionPositionEnum.MobileAccountMenu]
 })((props) => {
-  return /* @__PURE__ */ React12.createElement(MwebUserCenter, { ...props });
+  return /* @__PURE__ */ React19.createElement(MwebUserCenter, { ...props });
 });
 
 // src/main.tsx
 function Main(props) {
   const { wallet, connectedChain, setChain, namespace } = useWallet2();
-  const { openConnectDrawer, setOpenConnectDrawer, setTargetNamespace } = useWalletConnectorPrivy();
+  const { openConnectDrawer, setOpenConnectDrawer, setTargetWalletType } = useWalletConnectorPrivy();
   const connect = (props2) => {
     if (props2 && props2.autoSelect) {
       return Promise.resolve([]);
     }
-    setTargetNamespace(void 0);
+    setTargetWalletType(void 0);
     return new Promise((resolve, reject) => {
       setOpenConnectDrawer(true);
       resolve([]);
@@ -2042,14 +2494,30 @@ function Main(props) {
     }),
     [connect, setChain, connectedChain, wallet, namespace]
   );
-  return /* @__PURE__ */ React12.createElement(WalletConnectorContext.Provider, { value }, /* @__PURE__ */ React12.createElement(
+  return /* @__PURE__ */ React19.createElement(WalletConnectorContext.Provider, { value }, /* @__PURE__ */ React19.createElement(
     ConnectDrawer,
     {
       open: openConnectDrawer,
-      onChangeOpen: setOpenConnectDrawer
+      onChangeOpen: setOpenConnectDrawer,
+      headerProps: props.headerProps
     }
   ), props.children);
 }
+var InitAbstractProvider = (props) => {
+  const { network } = useWalletConnectorPrivy();
+  const chain = useMemo(() => {
+    if (network === "mainnet" /* mainnet */) {
+      return abstract;
+    }
+    return abstractTestnet;
+  }, [network]);
+  return /* @__PURE__ */ React19.createElement(AbstractWalletProvider$1, { chain }, props.children);
+};
+
+// src/providers/abstractWallet/index.tsx
+function AbstractWallet({ children }) {
+  return /* @__PURE__ */ React19.createElement(InitAbstractProvider, null, /* @__PURE__ */ React19.createElement(AbstractWalletProvider, null, children));
+}
 function InitPrivyProvider({
   privyConfig,
   initChains,
@@ -2061,7 +2529,11 @@ function InitPrivyProvider({
   const config = useMemo(() => {
     const chains = initChains;
     return {
-      loginMethods: privyConfig.config?.loginMethods || ["email", "google", "twitter"],
+      loginMethods: privyConfig.config?.loginMethods || [
+        "email",
+        "google",
+        "twitter"
+      ],
       appearance: {
         ...privyConfig.config?.appearance,
         walletChainType: "ethereum-and-solana"
@@ -2081,7 +2553,19 @@ function InitPrivyProvider({
   if (!initChains.length) {
     return;
   }
-  return /* @__PURE__ */ React12.createElement(PrivyProvider, { appId: privyConfig.appid, config }, children);
+  return /* @__PURE__ */ React19.createElement(PrivyProvider, { appId: privyConfig.appid, config }, children);
+}
+
+// src/providers/privy/index.tsx
+function PrivyWallet(props) {
+  return /* @__PURE__ */ React19.createElement(
+    InitPrivyProvider,
+    {
+      privyConfig: props.privyConfig,
+      initChains: props.initChains
+    },
+    /* @__PURE__ */ React19.createElement(PrivyWalletProvider, null, props.children)
+  );
 }
 function InitSolanaProvider({
   mainnetRpc,
@@ -2109,7 +2593,19 @@ function InitSolanaProvider({
       network: network === "mainnet" ? WalletAdapterNetwork.Mainnet : WalletAdapterNetwork.Devnet
     });
   }, [network, mainnetRpc, devnetRpc, setSolanaInfo]);
-  return /* @__PURE__ */ React12.createElement(WalletProvider, { wallets, onError }, children);
+  return /* @__PURE__ */ React19.createElement(WalletProvider, { wallets, onError }, children);
+}
+
+// src/providers/solana/index.tsx
+function SolanaWallet(props) {
+  return /* @__PURE__ */ React19.createElement(
+    InitSolanaProvider,
+    {
+      ...props.solanaConfig ?? { wallets: [], onError: () => {
+      } }
+    },
+    /* @__PURE__ */ React19.createElement(SolanaWalletProvider, null, props.children)
+  );
 }
 function InitWagmiProvider({
   children,
@@ -2136,7 +2632,19 @@ function InitWagmiProvider({
       )
     })
   );
-  return /* @__PURE__ */ React12.createElement(WagmiProvider, { config, initialState }, /* @__PURE__ */ React12.createElement(QueryClientProvider, { client: queryClient }, children));
+  return /* @__PURE__ */ React19.createElement(WagmiProvider, { config, initialState }, /* @__PURE__ */ React19.createElement(QueryClientProvider, { client: queryClient }, children));
+}
+
+// src/providers/wagmi/index.tsx
+function WagmiWallet(props) {
+  return /* @__PURE__ */ React19.createElement(
+    InitWagmiProvider,
+    {
+      wagmiConfig: props.wagmiConfig ?? {},
+      initChains: props.initChains
+    },
+    /* @__PURE__ */ React19.createElement(WagmiWalletProvider, null, props.children)
+  );
 }
 
 // src/provider.tsx
@@ -2166,7 +2674,7 @@ var processChainInfo = (chainInfo) => chainInfo.map(
     }
   })
 ) || [];
-var walletConnectorPrivyContext = createContext({
+var WalletConnectorPrivyContext = createContext({
   initChains: [mainnet],
   mainnetChains: [],
   testnetChains: [],
@@ -2174,8 +2682,8 @@ var walletConnectorPrivyContext = createContext({
   openConnectDrawer: false,
   setOpenConnectDrawer: () => {
   },
-  targetNamespace: void 0,
-  setTargetNamespace: () => {
+  targetWalletType: void 0,
+  setTargetWalletType: () => {
   },
   network: "mainnet" /* mainnet */,
   setNetwork: () => {
@@ -2185,31 +2693,38 @@ var walletConnectorPrivyContext = createContext({
   },
   termsOfUse: "",
   walletChainType: "EVM_SOL" /* EVM_SOL */,
+  walletChainTypeConfig: {
+    hasEvm: true,
+    hasSol: true,
+    hasAbstract: false
+  },
   connectorWalletType: {
     disableWagmi: false,
     disablePrivy: false,
-    disableSolana: false
+    disableSolana: false,
+    disableAGW: false
   }
 });
-var useWalletConnectorPrivy = () => useContext(walletConnectorPrivyContext);
+var useWalletConnectorPrivy = () => useContext(WalletConnectorPrivyContext);
 function WalletConnectorPrivyProvider(props) {
   const [walletChainType, setWalletChainType] = useState(
     "EVM_SOL" /* EVM_SOL */
   );
-  const [termsOfUse] = useState(props.termsOfUse);
+  const [termsOfUse] = useState(props.termsOfUse || "");
   const [network, setNetwork] = useState(props.network);
   const [initChains, setInitChains] = useState([]);
   const [mainnetChains, setMainnetChains] = useState([]);
   const [testnetChains, setTestnetChains] = useState([]);
   const initRef = useRef(false);
   const [openConnectDrawer, setOpenConnectDrawer] = useState(false);
-  const [targetNamespace, setTargetNamespace] = useState();
+  const [targetWalletType, setTargetWalletType] = useState();
   const [solanaInfo, setSolanaInfo] = useState(null);
   const connectorWalletType = useMemo(() => {
-    let type = {
+    const type = {
       disableWagmi: false,
       disablePrivy: false,
-      disableSolana: false
+      disableSolana: false,
+      disableAGW: false
     };
     if (!props.privyConfig) {
       type.disablePrivy = true;
@@ -2220,8 +2735,28 @@ function WalletConnectorPrivyProvider(props) {
     if (!props.solanaConfig) {
       type.disableSolana = true;
     }
+    if (!props.abstractConfig) {
+      type.disableAGW = true;
+    }
     return type;
   }, [props.privyConfig, props.wagmiConfig, props.solanaConfig]);
+  const walletChainTypeConfig = useMemo(() => {
+    const chainTypeObj = {
+      hasEvm: false,
+      hasSol: false,
+      hasAbstract: false
+    };
+    initChains.forEach((chain) => {
+      if (SolanaChains$1.has(chain.id)) {
+        chainTypeObj.hasSol = true;
+      } else if (AbstractChains.has(chain.id)) {
+        chainTypeObj.hasAbstract = true;
+      } else {
+        chainTypeObj.hasEvm = true;
+      }
+    });
+    return chainTypeObj;
+  }, [initChains]);
   const fetchAllChains = async () => {
     let testChainsList = [];
     let mainnetChainsList = [];
@@ -2230,6 +2765,7 @@ function WalletConnectorPrivyProvider(props) {
         "https://testnet-api-evm.orderly.org/v1/public/chain_info"
       );
       testChainsList = testChainInfoRes.data.rows;
+      testChainsList.push(AbstractTestnetChainInfo);
     } catch (error) {
       testChainsList = [ArbitrumSepoliaChainInfo, SolanaDevnetChainInfo];
     }
@@ -2260,11 +2796,14 @@ function WalletConnectorPrivyProvider(props) {
     setInitChains([...testChains, ...mainnetChains2]);
     const chainTypeObj = {
       hasEvm: false,
-      hasSol: false
+      hasSol: false,
+      hasAbstract: false
     };
     [...testChains, ...mainnetChains2].forEach((chain) => {
       if (SolanaChains$1.has(chain.id)) {
         chainTypeObj.hasSol = true;
+      } else if (AbstractChains.has(chain.id)) {
+        chainTypeObj.hasAbstract = true;
       } else {
         chainTypeObj.hasEvm = true;
       }
@@ -2278,9 +2817,9 @@ function WalletConnectorPrivyProvider(props) {
       setWalletChainType("onlySOL" /* onlySOL */);
     }
   };
-  if (connectorWalletType.disablePrivy && connectorWalletType.disableWagmi && connectorWalletType.disableSolana) {
+  if (connectorWalletType.disablePrivy && connectorWalletType.disableWagmi && connectorWalletType.disableSolana && connectorWalletType.disableAGW) {
     throw new Error(
-      "Privy, Wagmi, and Solana are disabled. Please enable at least one of them."
+      "Privy, Wagmi, Solana, Abstract are all disabled. Please enable at least one of them."
     );
   }
   const getChainsByNetwork = (network2) => {
@@ -2294,15 +2833,16 @@ function WalletConnectorPrivyProvider(props) {
       getChainsByNetwork,
       openConnectDrawer,
       setOpenConnectDrawer,
-      targetNamespace,
-      setTargetNamespace,
+      targetWalletType,
+      setTargetWalletType,
       network,
       setNetwork,
       solanaInfo,
       setSolanaInfo,
       termsOfUse,
       walletChainType,
-      connectorWalletType
+      connectorWalletType,
+      walletChainTypeConfig
     }),
     [
       initChains,
@@ -2311,15 +2851,16 @@ function WalletConnectorPrivyProvider(props) {
       getChainsByNetwork,
       openConnectDrawer,
       setOpenConnectDrawer,
-      targetNamespace,
-      setTargetNamespace,
+      targetWalletType,
+      setTargetWalletType,
       network,
       setNetwork,
       solanaInfo,
       setSolanaInfo,
       termsOfUse,
       walletChainType,
-      connectorWalletType
+      connectorWalletType,
+      walletChainTypeConfig
     ]
   );
   useEffect(() => {
@@ -2332,33 +2873,12 @@ function WalletConnectorPrivyProvider(props) {
   if (!initRef.current) {
     return null;
   }
-  return /* @__PURE__ */ React12.createElement(walletConnectorPrivyContext.Provider, { value }, /* @__PURE__ */ React12.createElement(TooltipProvider, { delayDuration: 300 }, /* @__PURE__ */ React12.createElement(
-    InitPrivyProvider,
-    {
-      privyConfig: props.privyConfig,
-      initChains
-    },
-    /* @__PURE__ */ React12.createElement(
-      InitWagmiProvider,
-      {
-        wagmiConfig: props.wagmiConfig ?? {},
-        initChains
-      },
-      /* @__PURE__ */ React12.createElement(
-        InitSolanaProvider,
-        {
-          ...props.solanaConfig ?? { wallets: [], onError: () => {
-          } }
-        },
-        /* @__PURE__ */ React12.createElement(PrivyWalletProvider, null, /* @__PURE__ */ React12.createElement(WagmiWalletProvider, null, /* @__PURE__ */ React12.createElement(SolanaWalletProvider, null, /* @__PURE__ */ React12.createElement(Main, null, props.children))))
-      )
-    )
-  )));
+  return /* @__PURE__ */ React19.createElement(WalletConnectorPrivyContext.Provider, { value }, /* @__PURE__ */ React19.createElement(TooltipProvider, { delayDuration: 300 }, /* @__PURE__ */ React19.createElement(PrivyWallet, { privyConfig: props.privyConfig, initChains }, /* @__PURE__ */ React19.createElement(WagmiWallet, { wagmiConfig: props.wagmiConfig, initChains }, /* @__PURE__ */ React19.createElement(SolanaWallet, { solanaConfig: props.solanaConfig }, /* @__PURE__ */ React19.createElement(AbstractWallet, null, /* @__PURE__ */ React19.createElement(Main, { headerProps: props.headerProps }, props.children)))))));
 }
 var viem = viemExport;
 var wagmiConnectors = WagmiConnectorsExport;
 var wagmi = WagmiExport;
 
-export { MwebUserCenter, Network, SolanaChains, SolanaChainsMap, UserCenter, WalletChainTypeEnum, WalletConnectorPrivyProvider, WalletType, viem, wagmi, wagmiConnectors };
+export { AbstractChainsMap, MwebUserCenter, Network, SolanaChains, SolanaChainsMap, UserCenter, WalletChainTypeEnum, WalletConnectType, WalletConnectorPrivyProvider, WalletType, viem, wagmi, wagmiConnectors };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.mjs.map