@orderly.network/wallet-connector-privy 3.0.0-beta.2 → 3.0.0-beta.4

package/dist/index.js

@@ -3,7 +3,7 @@
 var viemExport = require('viem');
 var WagmiExport = require('wagmi');
 var WagmiConnectorsExport = require('wagmi/connectors');
-var React19 = require('react');
+var React7 = require('react');
 var chains = require('viem/chains');
 var hooks = require('@orderly.network/hooks');
 var types = require('@orderly.network/types');
@@ -12,6 +12,7 @@ var i18n = require('@orderly.network/i18n');
 var agwReact = require('@abstract-foundation/agw-react');
 var utils = require('@orderly.network/utils');
 var walletAdapterBase = require('@solana/wallet-adapter-base');
+var jsxRuntime = require('react/jsx-runtime');
 var reactAuth = require('@privy-io/react-auth');
 var walletAdapterReact = require('@solana/wallet-adapter-react');
 var zustand = require('zustand');
@@ -42,7 +43,7 @@ function _interopNamespace(e) {
 var viemExport__namespace = /*#__PURE__*/_interopNamespace(viemExport);
 var WagmiExport__namespace = /*#__PURE__*/_interopNamespace(WagmiExport);
 var WagmiConnectorsExport__namespace = /*#__PURE__*/_interopNamespace(WagmiConnectorsExport);
-var React19__default = /*#__PURE__*/_interopDefault(React19);
+var React7__default = /*#__PURE__*/_interopDefault(React7);
 
 // src/index.ts
 var Network = /* @__PURE__ */ ((Network3) => {
@@ -83,15 +84,13 @@ var WalletChainTypeEnum = /* @__PURE__ */ ((WalletChainTypeEnum2) => {
   WalletChainTypeEnum2["EVM_SOL"] = "EVM_SOL";
   return WalletChainTypeEnum2;
 })(WalletChainTypeEnum || {});
-
-// src/providers/abstractWallet/abstractWalletProvider.tsx
-var AbstractWalletContext = React19.createContext(
+var AbstractWalletContext = React7.createContext(
   null
 );
 var AbstractWalletProvider = (props) => {
   const { network } = useWalletConnectorPrivy();
   const { login, logout } = agwReact.useLoginWithAbstract();
-  const [wallet, setWallet] = React19.useState(null);
+  const [wallet, setWallet] = React7.useState(null);
   const { data: client, isLoading: isClientLoading } = agwReact.useAbstractClient();
   const { connector } = WagmiExport.useAccount();
   const { address, status } = agwReact.useGlobalWalletSignerAccount();
@@ -101,10 +100,10 @@ var AbstractWalletProvider = (props) => {
   const disconnect = () => {
     return logout();
   };
-  const isConnected = React19.useMemo(() => {
+  const isConnected = React7.useMemo(() => {
     return !!(client && connector);
   }, [client, connector]);
-  const connectedChain = React19.useMemo(() => {
+  const connectedChain = React7.useMemo(() => {
     if (!client || !connector) {
       return;
     }
@@ -113,7 +112,7 @@ var AbstractWalletProvider = (props) => {
       namespace: types.ChainNamespace.evm
     };
   }, [client, connector]);
-  const value = React19.useMemo(
+  const value = React7.useMemo(
     () => ({
       isConnected,
       connect,
@@ -123,7 +122,7 @@ var AbstractWalletProvider = (props) => {
     }),
     [connect, disconnect, isConnected, wallet, connectedChain]
   );
-  React19.useEffect(() => {
+  React7.useEffect(() => {
     if (!client || !connector || !address) {
       setWallet(null);
       return;
@@ -161,7 +160,7 @@ var AbstractWalletProvider = (props) => {
       setWallet(tempWallet);
     });
   }, [client, connectedChain, connector, address, isClientLoading]);
-  React19.useEffect(() => {
+  React7.useEffect(() => {
     utils.windowGuard(() => {
       const connection = localStorage.getItem(
         "privy-caw:cm04asygd041fmry9zmcyn5o5:connection"
@@ -171,10 +170,10 @@ var AbstractWalletProvider = (props) => {
       }
     });
   }, []);
-  return /* @__PURE__ */ React19__default.default.createElement(AbstractWalletContext.Provider, { value }, props.children);
+  return /* @__PURE__ */ jsxRuntime.jsx(AbstractWalletContext.Provider, { value, children: props.children });
 };
 function useAbstractWallet() {
-  const context = React19.useContext(AbstractWalletContext);
+  const context = React7.useContext(AbstractWalletContext);
   if (!context) {
     throw new Error(
       "useAbstractWallet must be used within a AbstractWalletProvider"
@@ -205,15 +204,15 @@ var defaultPrivyWalletContextValue = {
   },
   disconnect: () => Promise.resolve()
 };
-var PrivyWalletContext = React19.createContext(null);
+var PrivyWalletContext = React7.createContext(null);
 var PrivyWalletProvider = ({
   children
 }) => {
   const { connectorWalletType } = useWalletConnectorPrivy();
   if (connectorWalletType.disablePrivy) {
-    return /* @__PURE__ */ React19__default.default.createElement(PrivyWalletContext.Provider, { value: defaultPrivyWalletContextValue }, children);
+    return /* @__PURE__ */ jsxRuntime.jsx(PrivyWalletContext.Provider, { value: defaultPrivyWalletContextValue, children });
   }
-  return /* @__PURE__ */ React19__default.default.createElement(PrivyWalletProviderInner, null, children);
+  return /* @__PURE__ */ jsxRuntime.jsx(PrivyWalletProviderInner, { children });
 };
 var PrivyWalletProviderInner = ({
   children
@@ -229,17 +228,17 @@ var PrivyWalletProviderInner = ({
     createWallet: createEvmWallet
   } = reactAuth.usePrivy();
   const { wallets: walletsEVM } = reactAuth.useWallets();
-  const connectedRef = React19.useRef(false);
+  const connectedRef = React7.useRef(false);
   const {
     ready: solanaReady,
     wallets: walletsSOL,
     createWallet: createSolanaWallet,
     exportWallet: exportSolanaWallet
   } = reactAuth.useSolanaWallets();
-  const [walletEVM, setWalletEVM] = React19.useState(null);
-  const [walletSOL, setWalletSOL] = React19.useState(null);
-  const [allWalletsEVM, setAllWalletsEVM] = React19.useState([]);
-  const [allWalletsSOL, setAllWalletsSOL] = React19.useState([]);
+  const [walletEVM, setWalletEVM] = React7.useState(null);
+  const [walletSOL, setWalletSOL] = React7.useState(null);
+  const [allWalletsEVM, setAllWalletsEVM] = React7.useState([]);
+  const [allWalletsSOL, setAllWalletsSOL] = React7.useState([]);
   const [selectedEvmAddress, setSelectedEvmAddress] = hooks.useLocalStorage(
     "privy_selected_evm_address",
     ""
@@ -248,9 +247,9 @@ var PrivyWalletProviderInner = ({
     "privy_selected_sol_address",
     ""
   );
-  const rawEvmWalletsRef = React19.useRef(/* @__PURE__ */ new Map());
+  const rawEvmWalletsRef = React7.useRef(/* @__PURE__ */ new Map());
   const { track } = hooks.useTrack();
-  const linkedAccount = React19.useMemo(() => {
+  const linkedAccount = React7.useMemo(() => {
     const account = user?.linkedAccounts?.filter((item) => item.type !== "wallet" && item.type !== "smart_wallet").sort(
       (a, b) => (b.latestVerifiedAt?.getTime() ?? 0) - (a.latestVerifiedAt?.getTime() ?? 0)
     )[0];
@@ -310,7 +309,7 @@ var PrivyWalletProviderInner = ({
     }
     return Promise.reject("no namespace");
   };
-  const selectWallet = React19.useCallback(
+  const selectWallet = React7.useCallback(
     (namespace, address) => {
       if (namespace === types.ChainNamespace.evm) {
         const found = allWalletsEVM.find(
@@ -337,13 +336,13 @@ var PrivyWalletProviderInner = ({
       setSelectedSolAddress
     ]
   );
-  const isConnected = React19.useMemo(() => {
+  const isConnected = React7.useMemo(() => {
     if (ready && authenticated) {
       return true;
     }
     return false;
   }, [ready, authenticated]);
-  React19.useEffect(() => {
+  React7.useEffect(() => {
     if (!authenticated || !walletsEVM || !walletsEVM[0]) {
       setAllWalletsEVM([]);
       setWalletEVM(null);
@@ -390,7 +389,7 @@ var PrivyWalletProviderInner = ({
       setWalletEVM(null);
     });
   }, [walletsEVM, authenticated]);
-  React19.useEffect(() => {
+  React7.useEffect(() => {
     if (!authenticated) {
       setAllWalletsSOL([]);
       setWalletSOL(null);
@@ -436,7 +435,7 @@ var PrivyWalletProviderInner = ({
     const preferred = selectedSolAddress ? builtWallets.find((w) => w.accounts[0]?.address === selectedSolAddress) : void 0;
     setWalletSOL(preferred ?? builtWallets[0] ?? null);
   }, [walletsSOL, authenticated, solanaReady, network, solanaInfo]);
-  React19.useEffect(() => {
+  React7.useEffect(() => {
     if (isConnected && linkedAccount) {
       if (connectedRef.current) {
         return;
@@ -448,7 +447,7 @@ var PrivyWalletProviderInner = ({
       });
     }
   }, [isConnected, linkedAccount, connectedRef]);
-  const value = React19.useMemo(
+  const value = React7.useMemo(
     () => ({
       connect,
       walletEVM,
@@ -480,10 +479,10 @@ var PrivyWalletProviderInner = ({
       selectWallet
     ]
   );
-  return /* @__PURE__ */ React19__default.default.createElement(PrivyWalletContext.Provider, { value }, children);
+  return /* @__PURE__ */ jsxRuntime.jsx(PrivyWalletContext.Provider, { value, children });
 };
 function usePrivyWallet() {
-  const context = React19.useContext(PrivyWalletContext);
+  const context = React7.useContext(PrivyWalletContext);
   if (!context) {
     throw new Error("usePrivyWallet must be used within a PrivyWalletProvider");
   }
@@ -594,8 +593,6 @@ var useSolanaWalletStore = zustand.create((set, get) => ({
   setWalletMethods: (methods) => set({ walletMethods: methods }),
   setPendingWalletName: (name) => set({ pendingWalletName: name })
 }));
-
-// src/providers/solana/solanaWalletProvider.tsx
 var defaultUseSolanaWallet = {
   wallets: [],
   select: () => Promise.resolve(),
@@ -608,7 +605,7 @@ var defaultUseSolanaWallet = {
   sendTransaction: () => Promise.resolve(),
   disconnect: () => Promise.resolve()
 };
-var SolanaWalletContext = React19.createContext(
+var SolanaWalletContext = React7.createContext(
   null
 );
 var SolanaWalletProvider = ({
@@ -636,7 +633,7 @@ var SolanaWalletProvider = ({
     setWalletMethods,
     isManual
   } = useSolanaWalletStore();
-  React19.useEffect(() => {
+  React7.useEffect(() => {
     if (!walletSolana || isManual) return;
     if (!publicKey) {
       return;
@@ -680,7 +677,7 @@ var SolanaWalletProvider = ({
     solanaInfo,
     isManual
   ]);
-  React19.useEffect(() => {
+  React7.useEffect(() => {
     setWalletMethods({
       select,
       connectSolana,
@@ -707,7 +704,7 @@ var SolanaWalletProvider = ({
     network,
     solanaInfo
   ]);
-  const dedupedWallets = React19.useMemo(() => {
+  const dedupedWallets = React7.useMemo(() => {
     const seen = /* @__PURE__ */ new Set();
     return wallets.filter((w) => {
       const name = w?.adapter?.name?.toLowerCase?.();
@@ -716,7 +713,7 @@ var SolanaWalletProvider = ({
       return true;
     });
   }, [wallets]);
-  const value = React19.useMemo(
+  const value = React7.useMemo(
     () => ({
       wallets: dedupedWallets,
       connectedChain: publicKey ? {
@@ -730,10 +727,10 @@ var SolanaWalletProvider = ({
     }),
     [dedupedWallets, publicKey, wallet, network]
   );
-  return /* @__PURE__ */ React19__default.default.createElement(SolanaWalletContext.Provider, { value }, children);
+  return /* @__PURE__ */ jsxRuntime.jsx(SolanaWalletContext.Provider, { value, children });
 };
 function useSolanaWallet() {
-  const context = React19.useContext(SolanaWalletContext);
+  const context = React7.useContext(SolanaWalletContext);
   if (!context) {
     throw new Error(
       "useSolanaWallet must be used within a SolanaWalletProvider"
@@ -741,17 +738,17 @@ function useSolanaWallet() {
   }
   return context;
 }
-var WagmiWalletContext = React19.createContext(null);
+var WagmiWalletContext = React7.createContext(null);
 var WagmiWalletProvider = ({
   children
 }) => {
   const { connectorWalletType } = useWalletConnectorPrivy();
-  const [wallet, setWallet] = React19.useState(void 0);
+  const [wallet, setWallet] = React7.useState(void 0);
   const { connect, connectors: wagmiConnectors2 } = connectorWalletType.disableWagmi ? { connect: () => Promise.resolve(), connectors: [] } : WagmiExport.useConnect();
   const { disconnect } = connectorWalletType.disableWagmi ? { disconnect: () => Promise.resolve() } : WagmiExport.useDisconnect();
   const { connector, isConnected, address, chainId } = connectorWalletType.disableWagmi ? { connector: null, isConnected: false, address: null, chainId: null } : WagmiExport.useAccount();
   const { switchChain } = connectorWalletType.disableWagmi ? { switchChain: () => Promise.resolve() } : WagmiExport.useSwitchChain();
-  const connectedChain = React19.useMemo(() => {
+  const connectedChain = React7.useMemo(() => {
     if (chainId) {
       return {
         id: chainId,
@@ -760,7 +757,7 @@ var WagmiWalletProvider = ({
     }
     return null;
   }, [chainId]);
-  const setChain = React19.useCallback(
+  const setChain = React7.useCallback(
     (chainId2) => {
       return new Promise((resolve, reject) => {
         switchChain(
@@ -776,7 +773,7 @@ var WagmiWalletProvider = ({
     },
     [switchChain]
   );
-  React19.useEffect(() => {
+  React7.useEffect(() => {
     if (!connector || !isConnected) {
       setWallet(void 0);
       return;
@@ -801,12 +798,12 @@ var WagmiWalletProvider = ({
       });
     });
   }, [connector, chainId, isConnected, address, connectedChain]);
-  const connectors = React19.useMemo(() => {
+  const connectors = React7.useMemo(() => {
     return wagmiConnectors2.filter((connector2) => connector2.id !== "injected").sort(
       (a, b) => a.type === "injected" ? -1 : 1
     );
   }, [wagmiConnectors2]);
-  const value = React19.useMemo(
+  const value = React7.useMemo(
     () => ({
       connectors,
       connect,
@@ -826,16 +823,16 @@ var WagmiWalletProvider = ({
       isConnected
     ]
   );
-  return /* @__PURE__ */ React19__default.default.createElement(WagmiWalletContext.Provider, { value }, children);
+  return /* @__PURE__ */ jsxRuntime.jsx(WagmiWalletContext.Provider, { value, children });
 };
 function useWagmiWallet() {
-  const context = React19.useContext(WagmiWalletContext);
+  const context = React7.useContext(WagmiWalletContext);
   if (!context) {
     throw new Error("useWagmiWallet must be used within a WagmiWalletProvider");
   }
   return context;
 }
-var MoreIcon = (props) => /* @__PURE__ */ React19__default.default.createElement(
+var MoreIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -843,13 +840,15 @@ var MoreIcon = (props) => /* @__PURE__ */ React19__default.default.createElement
     height: "16",
     viewBox: "0 0 16 16",
     fill: "currentColor",
-    ...props
-  },
-  /* @__PURE__ */ React19__default.default.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__default.default.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__default.default.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" })
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx("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__ */ jsxRuntime.jsx("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__ */ jsxRuntime.jsx("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__ */ React19__default.default.createElement(
+var DisconnectIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx(
   "svg",
   {
     width: "16",
@@ -857,17 +856,17 @@ var DisconnectIcon = (props) => /* @__PURE__ */ React19__default.default.createE
     viewBox: "0 0 16 16",
     xmlns: "http://www.w3.org/2000/svg",
     fill: "currentColor",
-    ...props
-  },
-  /* @__PURE__ */ React19__default.default.createElement("g", { id: "box-arrow-right" }, /* @__PURE__ */ React19__default.default.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"
-    }
-  ))
+    ...props,
+    children: /* @__PURE__ */ jsxRuntime.jsx("g", { id: "box-arrow-right", children: /* @__PURE__ */ jsxRuntime.jsx(
+      "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"
+      }
+    ) })
+  }
 );
-var ArrowRightIcon = ({ size, ...props }) => /* @__PURE__ */ React19__default.default.createElement(
+var ArrowRightIcon = ({ size, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
   "svg",
   {
     width: size,
@@ -875,106 +874,125 @@ var ArrowRightIcon = ({ size, ...props }) => /* @__PURE__ */ React19__default.de
     viewBox: "0 0 14 14",
     fill: "currentColor",
     xmlns: "http://www.w3.org/2000/svg",
-    ...props
-  },
-  /* @__PURE__ */ React19__default.default.createElement("path", { d: "M3.50696 6.9958C3.50696 6.6738 3.76788 6.41305 4.08971 6.41305C4.36842 6.41305 7.62762 6.41305 8.49679 6.41305L6.76662 4.6648L7.58621 3.84521L10.336 6.57697C10.4504 6.69072 10.507 6.84355 10.507 6.99639C10.507 7.14864 10.4498 7.30089 10.336 7.41464L7.58621 10.1464L6.76662 9.3268L8.49679 7.57854C7.62762 7.57854 4.36842 7.57854 4.08971 7.57854C3.76788 7.57854 3.50696 7.3178 3.50696 6.9958Z" })
+    ...props,
+    children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3.50696 6.9958C3.50696 6.6738 3.76788 6.41305 4.08971 6.41305C4.36842 6.41305 7.62762 6.41305 8.49679 6.41305L6.76662 4.6648L7.58621 3.84521L10.336 6.57697C10.4504 6.69072 10.507 6.84355 10.507 6.99639C10.507 7.14864 10.4498 7.30089 10.336 7.41464L7.58621 10.1464L6.76662 9.3268L8.49679 7.57854C7.62762 7.57854 4.36842 7.57854 4.08971 7.57854C3.76788 7.57854 3.50696 7.3178 3.50696 6.9958Z" })
+  }
 );
 var ArrowRightLinearGradientIcon = ({
   size,
   ...props
-}) => /* @__PURE__ */ React19__default.default.createElement(
+}) => /* @__PURE__ */ jsxRuntime.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
     height: size,
     viewBox: "0 0 20 20",
-    fill: "none"
-  },
-  /* @__PURE__ */ React19__default.default.createElement(
-    "path",
-    {
-      d: "M5.01001 9.994C5.01001 9.534 5.38276 9.1615 5.84251 9.1615C6.24068 9.1615 10.8967 9.1615 12.1383 9.1615L9.66667 6.664L10.8375 5.49316L14.7658 9.39568C14.9292 9.55818 15.01 9.7765 15.01 9.99484C15.01 10.2123 14.9283 10.4298 14.7658 10.5923L10.8375 14.4948L9.66667 13.324L12.1383 10.8265C10.8967 10.8265 6.24068 10.8265 5.84251 10.8265C5.38276 10.8265 5.01001 10.454 5.01001 9.994Z",
-      fill: "url(#paint0_linear_2269_12077)"
-    }
-  ),
-  /* @__PURE__ */ React19__default.default.createElement("defs", null, /* @__PURE__ */ React19__default.default.createElement(
-    "linearGradient",
-    {
-      id: "paint0_linear_2269_12077",
-      x1: "15.01",
-      y1: "9.994",
-      x2: "5.01001",
-      y2: "9.994",
-      gradientUnits: "userSpaceOnUse"
-    },
-    /* @__PURE__ */ React19__default.default.createElement("stop", { stopColor: "rgb(var(--oui-gradient-brand-end))" }),
-    /* @__PURE__ */ React19__default.default.createElement("stop", { offset: "1", stopColor: "rgb(var(--oui-gradient-brand-start))" })
-  ))
+    fill: "none",
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M5.01001 9.994C5.01001 9.534 5.38276 9.1615 5.84251 9.1615C6.24068 9.1615 10.8967 9.1615 12.1383 9.1615L9.66667 6.664L10.8375 5.49316L14.7658 9.39568C14.9292 9.55818 15.01 9.7765 15.01 9.99484C15.01 10.2123 14.9283 10.4298 14.7658 10.5923L10.8375 14.4948L9.66667 13.324L12.1383 10.8265C10.8967 10.8265 6.24068 10.8265 5.84251 10.8265C5.38276 10.8265 5.01001 10.454 5.01001 9.994Z",
+          fill: "url(#paint0_linear_2269_12077)"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsxs(
+        "linearGradient",
+        {
+          id: "paint0_linear_2269_12077",
+          x1: "15.01",
+          y1: "9.994",
+          x2: "5.01001",
+          y2: "9.994",
+          gradientUnits: "userSpaceOnUse",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("stop", { stopColor: "rgb(var(--oui-gradient-brand-end))" }),
+            /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "1", stopColor: "rgb(var(--oui-gradient-brand-start))" })
+          ]
+        }
+      ) })
+    ]
+  }
 );
 var PwaDialog = ui.modal.create((props) => {
   const { visible, hide, resolve, reject, onOpenChange } = ui.useModal();
-  const [domain, setDomain] = React19.useState("");
+  const [domain, setDomain] = React7.useState("");
   const { t } = i18n.useTranslation();
-  React19.useEffect(() => {
+  React7.useEffect(() => {
     setDomain(window.location.hostname);
   }, []);
-  return /* @__PURE__ */ React19__default.default.createElement(ui.SimpleSheet, { open: visible, onOpenChange }, /* @__PURE__ */ React19__default.default.createElement(ui.SheetHeader, null, /* @__PURE__ */ React19__default.default.createElement(ui.Text, { className: "oui-text-base-contrast-80 oui-text " }, t("connector.privy.pwa.sheetTitle"))), /* @__PURE__ */ React19__default.default.createElement(ui.Flex, { direction: "column", gap: 3, className: "oui-w-full" }, /* @__PURE__ */ React19__default.default.createElement(ui.Text, { className: "oui-text-base-contrast-80 oui-text " }, t("connector.privy.pwa.description")), /* @__PURE__ */ React19__default.default.createElement(ui.Flex, { direction: "column", gap: 4, className: "oui-w-full" }, /* @__PURE__ */ React19__default.default.createElement(
-    StepItem,
-    {
-      index: 1,
-      title: t("connector.privy.pwa.step1"),
-      content: /* @__PURE__ */ React19__default.default.createElement(ui.Flex, { className: "oui-w-full oui-bg-dark-8" }, /* @__PURE__ */ React19__default.default.createElement(
-        ui.Flex,
-        {
-          className: "oui-relative oui-h-[52px] oui-w-full oui-rounded-[44px] oui-bg-base-static-contrast/10 oui-p-2 oui-px-4",
-          itemAlign: "center",
-          justify: "center"
-        },
-        /* @__PURE__ */ React19__default.default.createElement(ui.Text, { className: "oui-text-base-static-contrast-80 oui-text-[18px] oui-leading-[36px] oui-flex-1 oui-text-center oui-whitespace-nowrap" }, domain),
-        /* @__PURE__ */ React19__default.default.createElement(ShareIcon, { className: "oui-absolute oui-right-4 oui-top-1/2 oui-translate-y-[-50%]" })
-      ))
-    }
-  ), /* @__PURE__ */ React19__default.default.createElement(
-    StepItem,
-    {
-      index: 2,
-      title: t("connector.privy.pwa.step2"),
-      classNames: {
-        content: "oui-bg-[#e9e9eb]"
-      },
-      content: /* @__PURE__ */ React19__default.default.createElement(
-        ui.Flex,
-        {
-          className: "oui-w-full oui-bg-secondary oui-rounded-[12px]",
-          direction: "column"
-        },
-        /* @__PURE__ */ React19__default.default.createElement(
-          ui.Flex,
+  return /* @__PURE__ */ jsxRuntime.jsxs(ui.SimpleSheet, { open: visible, onOpenChange, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.SheetHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "oui-text-base-contrast-80 oui-text ", children: t("connector.privy.pwa.sheetTitle") }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { direction: "column", gap: 3, className: "oui-w-full", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "oui-text-base-contrast-80 oui-text ", children: t("connector.privy.pwa.description") }),
+      /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { direction: "column", gap: 4, className: "oui-w-full", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          StepItem,
           {
-            className: "oui-w-full oui-px-4 oui-py-3",
-            justify: "start",
-            itemAlign: "center"
-          },
-          /* @__PURE__ */ React19__default.default.createElement(ui.Text, { className: "oui-text-[18px] oui-text-base-static-contrast-20" }, t("connector.privy.pwa.findOnPage"))
+            index: 1,
+            title: t("connector.privy.pwa.step1"),
+            content: /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, { className: "oui-w-full oui-bg-dark-8", children: /* @__PURE__ */ jsxRuntime.jsxs(
+              ui.Flex,
+              {
+                className: "oui-relative oui-h-[52px] oui-w-full oui-rounded-[44px] oui-bg-base-static-contrast/10 oui-p-2 oui-px-4",
+                itemAlign: "center",
+                justify: "center",
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "oui-text-base-static-contrast-80 oui-text-[18px] oui-leading-[36px] oui-flex-1 oui-text-center oui-whitespace-nowrap", children: domain }),
+                  /* @__PURE__ */ jsxRuntime.jsx(ShareIcon, { className: "oui-absolute oui-right-4 oui-top-1/2 oui-translate-y-[-50%]" })
+                ]
+              }
+            ) })
+          }
         ),
-        /* @__PURE__ */ React19__default.default.createElement(ui.Divider, { className: "oui-border-base-static-contrast-20 oui-w-full" }),
-        /* @__PURE__ */ React19__default.default.createElement(
-          ui.Flex,
+        /* @__PURE__ */ jsxRuntime.jsx(
+          StepItem,
           {
-            className: "oui-w-full oui-px-4 oui-py-3",
-            justify: "between",
-            itemAlign: "center"
-          },
-          /* @__PURE__ */ React19__default.default.createElement(ui.Text, { className: "oui-col-span-2 oui-whitespace-nowrap oui-text-[18px] oui-text-base-static-contrast-80" }, t("connector.privy.pwa.addToHomeScreen")),
-          /* @__PURE__ */ React19__default.default.createElement(AddIcon, null)
+            index: 2,
+            title: t("connector.privy.pwa.step2"),
+            classNames: {
+              content: "oui-bg-[#e9e9eb]"
+            },
+            content: /* @__PURE__ */ jsxRuntime.jsxs(
+              ui.Flex,
+              {
+                className: "oui-w-full oui-bg-secondary oui-rounded-[12px]",
+                direction: "column",
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    ui.Flex,
+                    {
+                      className: "oui-w-full oui-px-4 oui-py-3",
+                      justify: "start",
+                      itemAlign: "center",
+                      children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "oui-text-[18px] oui-text-base-static-contrast-20", children: t("connector.privy.pwa.findOnPage") })
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(ui.Divider, { className: "oui-border-base-static-contrast-20 oui-w-full" }),
+                  /* @__PURE__ */ jsxRuntime.jsxs(
+                    ui.Flex,
+                    {
+                      className: "oui-w-full oui-px-4 oui-py-3",
+                      justify: "between",
+                      itemAlign: "center",
+                      children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "oui-col-span-2 oui-whitespace-nowrap oui-text-[18px] oui-text-base-static-contrast-80", children: t("connector.privy.pwa.addToHomeScreen") }),
+                        /* @__PURE__ */ jsxRuntime.jsx(AddIcon, {})
+                      ]
+                    }
+                  )
+                ]
+              }
+            )
+          }
         )
-      )
-    }
-  ))));
+      ] })
+    ] })
+  ] });
 });
 var ShareIcon = (props) => {
-  return /* @__PURE__ */ React19__default.default.createElement(
+  return /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -982,87 +1000,96 @@ var ShareIcon = (props) => {
       height: "28",
       viewBox: "0 0 28 28",
       fill: "none",
-      className: props.className
-    },
-    /* @__PURE__ */ React19__default.default.createElement(
-      "path",
-      {
-        d: "M5 23.3333V13.6667C5 12.1939 6.15127 11 7.57143 11H10.6744V12.7778H7.57143C7.09804 12.7778 6.71429 13.1757 6.71429 13.6667V23.3333C6.71429 23.8243 7.09804 24.2222 7.57143 24.2222H20.4286C20.902 24.2222 21.2857 23.8243 21.2857 23.3333V13.6667C21.2857 13.1757 20.902 12.7778 20.4286 12.7778H17.555V11H20.4286C21.8487 11 23 12.1939 23 13.6667V23.3333C23 24.8061 21.8487 26 20.4286 26H7.57143C6.15127 26 5 24.8061 5 23.3333Z",
-        fill: "black",
-        fillOpacity: "0.48"
-      }
-    ),
-    /* @__PURE__ */ React19__default.default.createElement(
-      "path",
-      {
-        d: "M13.3759 2.25933C13.7206 1.91356 14.2794 1.91356 14.6241 2.25933L20.2416 7.89432C20.586 8.24011 20.5862 8.80066 20.2416 9.14634C19.897 9.49203 19.3382 9.49185 18.9935 9.14634L14.8827 5.02278V19H13.1173V5.02278L9.00654 9.14634C8.66182 9.49185 8.10301 9.49203 7.7584 9.14634C7.41378 8.80066 7.41396 8.24011 7.7584 7.89432L13.3759 2.25933Z",
-        fill: "black",
-        fillOpacity: "0.48"
-      }
-    )
+      className: props.className,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M5 23.3333V13.6667C5 12.1939 6.15127 11 7.57143 11H10.6744V12.7778H7.57143C7.09804 12.7778 6.71429 13.1757 6.71429 13.6667V23.3333C6.71429 23.8243 7.09804 24.2222 7.57143 24.2222H20.4286C20.902 24.2222 21.2857 23.8243 21.2857 23.3333V13.6667C21.2857 13.1757 20.902 12.7778 20.4286 12.7778H17.555V11H20.4286C21.8487 11 23 12.1939 23 13.6667V23.3333C23 24.8061 21.8487 26 20.4286 26H7.57143C6.15127 26 5 24.8061 5 23.3333Z",
+            fill: "black",
+            fillOpacity: "0.48"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M13.3759 2.25933C13.7206 1.91356 14.2794 1.91356 14.6241 2.25933L20.2416 7.89432C20.586 8.24011 20.5862 8.80066 20.2416 9.14634C19.897 9.49203 19.3382 9.49185 18.9935 9.14634L14.8827 5.02278V19H13.1173V5.02278L9.00654 9.14634C8.66182 9.49185 8.10301 9.49203 7.7584 9.14634C7.41378 8.80066 7.41396 8.24011 7.7584 7.89432L13.3759 2.25933Z",
+            fill: "black",
+            fillOpacity: "0.48"
+          }
+        )
+      ]
+    }
   );
 };
 var AddIcon = () => {
-  return /* @__PURE__ */ React19__default.default.createElement(
+  return /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
       width: "24",
       height: "24",
       viewBox: "0 0 24 24",
-      fill: "none"
-    },
-    /* @__PURE__ */ React19__default.default.createElement(
-      "path",
-      {
-        d: "M7.00598 3.92969H17.006C18.6627 3.92969 20.006 5.27297 20.006 6.92969V16.9297C20.006 18.5864 18.6627 19.9297 17.006 19.9297H7.00598C5.34927 19.9297 4.00598 18.5864 4.00598 16.9297V6.92969C4.00598 5.27297 5.34927 3.92969 7.00598 3.92969Z",
-        stroke: "black",
-        strokeOpacity: "0.88",
-        strokeWidth: "2"
-      }
-    ),
-    /* @__PURE__ */ React19__default.default.createElement(
-      "path",
-      {
-        d: "M8 12L16 12",
-        stroke: "black",
-        strokeOpacity: "0.88",
-        strokeWidth: "2",
-        strokeLinecap: "round"
-      }
-    ),
-    /* @__PURE__ */ React19__default.default.createElement(
-      "path",
-      {
-        d: "M12 8L12 16",
-        stroke: "black",
-        strokeOpacity: "0.88",
-        strokeWidth: "2",
-        strokeLinecap: "round"
-      }
-    )
+      fill: "none",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M7.00598 3.92969H17.006C18.6627 3.92969 20.006 5.27297 20.006 6.92969V16.9297C20.006 18.5864 18.6627 19.9297 17.006 19.9297H7.00598C5.34927 19.9297 4.00598 18.5864 4.00598 16.9297V6.92969C4.00598 5.27297 5.34927 3.92969 7.00598 3.92969Z",
+            stroke: "black",
+            strokeOpacity: "0.88",
+            strokeWidth: "2"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M8 12L16 12",
+            stroke: "black",
+            strokeOpacity: "0.88",
+            strokeWidth: "2",
+            strokeLinecap: "round"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M12 8L12 16",
+            stroke: "black",
+            strokeOpacity: "0.88",
+            strokeWidth: "2",
+            strokeLinecap: "round"
+          }
+        )
+      ]
+    }
   );
 };
 var StepItem = (props) => {
-  return /* @__PURE__ */ React19__default.default.createElement(
+  return /* @__PURE__ */ jsxRuntime.jsxs(
     ui.Flex,
     {
       className: " oui-rounded-[12px] oui-w-full oui-overflow-hidden",
-      direction: "column"
-    },
-    /* @__PURE__ */ React19__default.default.createElement(ui.Flex, { className: "oui-bg-base-4 oui-w-full oui-px-3 oui-py-3 oui-gap-[6px]" }, /* @__PURE__ */ React19__default.default.createElement(ui.Text, { className: "oui-text-base-contrast-80 oui-text-xs oui-w-[18px] oui-h-[18px] oui-rounded-[100%] oui-bg-[linear-gradient(270deg,rgb(var(--oui-gradient-brand-end))_0%,rgb(var(--oui-gradient-brand-start))_100%)] oui-text-center oui-text-base-static-contrast" }, props.index), /* @__PURE__ */ React19__default.default.createElement(ui.Text, { className: "oui-text-base-contrast-80 oui-text-xs" }, props.title)),
-    /* @__PURE__ */ React19__default.default.createElement(
-      ui.Flex,
-      {
-        className: ui.cn(
-          "oui-bg-secondary oui-h-[120px] oui-w-full oui-px-6",
-          props.classNames?.content
-        ),
-        justify: "center",
-        itemAlign: "center"
-      },
-      props.content
-    )
+      direction: "column",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { className: "oui-bg-base-4 oui-w-full oui-px-3 oui-py-3 oui-gap-[6px]", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "oui-text-base-contrast-80 oui-text-xs oui-w-[18px] oui-h-[18px] oui-rounded-[100%] oui-bg-[linear-gradient(270deg,rgb(var(--oui-gradient-brand-end))_0%,rgb(var(--oui-gradient-brand-start))_100%)] oui-text-center oui-text-base-static-contrast", children: props.index }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "oui-text-base-contrast-80 oui-text-xs", children: props.title })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Flex,
+          {
+            className: ui.cn(
+              "oui-bg-secondary oui-h-[120px] oui-w-full oui-px-6",
+              props.classNames?.content
+            ),
+            justify: "center",
+            itemAlign: "center",
+            children: props.content
+          }
+        )
+      ]
+    }
   );
 };
 var OrderlyOSS = "https://oss.orderly.network";
@@ -1128,20 +1155,20 @@ function useWallet2() {
     isConnected: isConnectedAbstract,
     disconnect: disconnectAbstract
   } = useAbstractWallet();
-  const [wallet, setWallet] = React19.useState(null);
-  const [namespace, setNamespace] = React19.useState(null);
-  const [walletType, setWalletType] = React19.useState(null);
+  const [wallet, setWallet] = React7.useState(null);
+  const [namespace, setNamespace] = React7.useState(null);
+  const [walletType, setWalletType] = React7.useState(null);
   const { storageChain, setStorageChain } = hooks.useStorageChain();
   const { setOpenConnectDrawer, targetWalletType, setTargetWalletType } = useWalletConnectorPrivy();
-  const supportedEvmChainIds = React19.useMemo(() => {
+  const supportedEvmChainIds = React7.useMemo(() => {
     const ids = initChains?.map((c) => c.id).filter((id) => !types.SolanaChains.has(id) && !types.AbstractChains.has(id));
     return new Set(ids ?? []);
   }, [initChains]);
-  const preferredEvmChainId = React19.useMemo(() => {
+  const preferredEvmChainId = React7.useMemo(() => {
     const preferredOrder = network === "mainnet" ? types.defaultMainnetChains : types.defaultTestnetChains;
     return preferredOrder.map((c) => c.id).find((id) => supportedEvmChainIds.has(id));
   }, [network, supportedEvmChainIds]);
-  const defaultEvmChainId = React19.useMemo(() => {
+  const defaultEvmChainId = React7.useMemo(() => {
     for (const chain of initChains ?? []) {
       if (!types.SolanaChains.has(chain.id) && !types.AbstractChains.has(chain.id)) {
         return chain.id;
@@ -1150,7 +1177,7 @@ function useWallet2() {
     return void 0;
   }, [initChains]);
   const fallbackEvmChainId = preferredEvmChainId ?? defaultEvmChainId;
-  const isManual = React19.useRef(false);
+  const isManual = React7.useRef(false);
   const connect = (params) => {
     setTargetWalletType(void 0);
     try {
@@ -1181,13 +1208,13 @@ function useWallet2() {
     } catch (e) {
     }
   };
-  const isPrivy = React19.useMemo(() => {
+  const isPrivy = React7.useMemo(() => {
     if (connectorKey === "privy" /* PRIVY */) {
       return true;
     }
     return false;
   }, [connectorKey]);
-  const [connectedChain, setConnectedChain] = React19.useState();
+  const [connectedChain, setConnectedChain] = React7.useState();
   const setChain = async (chain) => {
     const chainType = getChainType(parseInt(chain.chainId));
     if (isPrivy) {
@@ -1342,7 +1369,7 @@ function useWallet2() {
     setConnectedChain(null);
     setNamespace(null);
   };
-  React19.useEffect(() => {
+  React7.useEffect(() => {
     if (connectorKey !== "privy" /* PRIVY */) {
       return;
     }
@@ -1370,12 +1397,12 @@ function useWallet2() {
       }
     }
   }, [connectorKey, privyWalletEVM, privyWalletSOL, storageChain]);
-  React19.useEffect(() => {
+  React7.useEffect(() => {
     if (connectorKey === "privy" /* PRIVY */ && isConnectedPrivy && types.AbstractChains.has(storageChain.chainId)) {
       setOpenConnectDrawer(true);
     }
   }, [connectorKey, isConnectedPrivy, storageChain]);
-  React19.useEffect(() => {
+  React7.useEffect(() => {
     if (connectorKey === "privy" /* PRIVY */) {
       return;
     }
@@ -1434,25 +1461,30 @@ function useWallet2() {
 }
 function AbstractConnectArea({ connect }) {
   const { isMobile } = ui.useScreen();
-  return /* @__PURE__ */ React19__default.default.createElement("div", null, /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-mb-2 oui-text-sm oui-font-semibold oui-text-base-contrast-80" }, "Abstract"), /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-grid oui-grid-cols-2 oui-gap-2" }, /* @__PURE__ */ React19__default.default.createElement(
-    "div",
-    {
-      className: ui.cn(
-        " oui-flex oui-flex-1 oui-cursor-pointer oui-items-center oui-justify-start oui-gap-1 oui-rounded-[6px]  oui-px-2 oui-py-[11px]",
-        isMobile ? "oui-bg-base-5" : "oui-bg-base-10"
-      ),
-      onClick: () => connect()
-    },
-    /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-flex oui-size-[18px] oui-items-center oui-justify-center" }, /* @__PURE__ */ React19__default.default.createElement(
-      "img",
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-mb-2 oui-text-sm oui-font-semibold oui-text-base-contrast-80", children: "Abstract" }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-grid oui-grid-cols-2 oui-gap-2", children: /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
       {
-        className: ui.cn("oui-size-[12px]"),
-        src: `${PrivyConnectorImagePath}/abstract.png`,
-        alt: "abstract wallet"
+        className: ui.cn(
+          " oui-flex oui-flex-1 oui-cursor-pointer oui-items-center oui-justify-start oui-gap-1 oui-rounded-[6px]  oui-px-2 oui-py-[11px]",
+          isMobile ? "oui-bg-base-5" : "oui-bg-base-10"
+        ),
+        onClick: () => connect(),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-flex oui-size-[18px] oui-items-center oui-justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
+            "img",
+            {
+              className: ui.cn("oui-size-[12px]"),
+              src: `${PrivyConnectorImagePath}/abstract.png`,
+              alt: "abstract wallet"
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-text-2xs oui-text-base-contrast", children: "Abstract" })
+        ]
       }
-    )),
-    /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-text-2xs oui-text-base-contrast" }, "Abstract")
-  )));
+    ) })
+  ] });
 }
 var RenderLoginMethodsDom = ({
   connect,
@@ -1463,104 +1495,112 @@ var RenderLoginMethodsDom = ({
   const arr = [];
   if (loginMethods?.includes("email")) {
     arr.push(
-      /* @__PURE__ */ React19__default.default.createElement(
+      /* @__PURE__ */ jsxRuntime.jsxs(
         "div",
         {
           className: ui.cn(
             "oui-flex oui-cursor-pointer oui-items-center oui-justify-center oui-gap-1 oui-rounded-[6px] oui-border-none oui-px-2 oui-py-[11px]",
             "oui-bg-[#333948]"
           ),
-          onClick: () => connect({ walletType: "privy", extraType: "email" })
-        },
-        /* @__PURE__ */ React19__default.default.createElement(
-          "img",
-          {
-            src: "https://oss.orderly.network/static/sdk/privy/email.svg",
-            className: "oui-size-[18px]"
-          }
-        ),
-        /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-text-2xs oui-text-base-static" }, t("connector.privy.email"))
+          onClick: () => connect({ walletType: "privy", extraType: "email" }),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "img",
+              {
+                src: "https://oss.orderly.network/static/sdk/privy/email.svg",
+                className: "oui-size-[18px]"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-text-2xs oui-text-base-static", children: t("connector.privy.email") })
+          ]
+        }
       )
     );
   }
   if (loginMethods?.includes("google")) {
     arr.push(
-      /* @__PURE__ */ React19__default.default.createElement(
+      /* @__PURE__ */ jsxRuntime.jsxs(
         "div",
         {
           className: ui.cn(
             "oui-flex oui-cursor-pointer oui-items-center oui-justify-center oui-gap-1 oui-rounded-[6px] oui-border-none oui-px-2 oui-py-[11px]",
             "oui-bg-[#335FFC]"
           ),
-          onClick: () => connect({ walletType: "privy", extraType: "google" })
-        },
-        /* @__PURE__ */ React19__default.default.createElement(
-          "img",
-          {
-            src: "https://oss.orderly.network/static/sdk/privy/google.svg",
-            className: "oui-size-[18px]"
-          }
-        ),
-        /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-text-2xs oui-text-base-static" }, t("connector.privy.google"))
+          onClick: () => connect({ walletType: "privy", extraType: "google" }),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "img",
+              {
+                src: "https://oss.orderly.network/static/sdk/privy/google.svg",
+                className: "oui-size-[18px]"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-text-2xs oui-text-base-static", children: t("connector.privy.google") })
+          ]
+        }
       )
     );
   }
   if (loginMethods?.includes("twitter")) {
     arr.push(
-      /* @__PURE__ */ React19__default.default.createElement(
+      /* @__PURE__ */ jsxRuntime.jsxs(
         "div",
         {
           className: ui.cn(
             "oui-flex oui-cursor-pointer oui-items-center oui-justify-center oui-gap-1 oui-rounded-[6px] oui-border-none oui-px-2 oui-py-[11px]",
             "oui-bg-[#07080A]"
           ),
-          onClick: () => connect({ walletType: "privy", extraType: "twitter" })
-        },
-        /* @__PURE__ */ React19__default.default.createElement(
-          "img",
-          {
-            src: "https://oss.orderly.network/static/sdk/privy/twitter.svg",
-            className: "oui-size-[18px]"
-          }
-        ),
-        /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-text-2xs oui-text-base-static" }, t("connector.privy.twitter"))
+          onClick: () => connect({ walletType: "privy", extraType: "twitter" }),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "img",
+              {
+                src: "https://oss.orderly.network/static/sdk/privy/twitter.svg",
+                className: "oui-size-[18px]"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-text-2xs oui-text-base-static", children: t("connector.privy.twitter") })
+          ]
+        }
       )
     );
   }
   if (loginMethods?.includes("telegram")) {
     arr.push(
-      /* @__PURE__ */ React19__default.default.createElement(
+      /* @__PURE__ */ jsxRuntime.jsxs(
         "div",
         {
           className: ui.cn(
             "oui-flex oui-cursor-pointer oui-items-center oui-justify-center oui-gap-1 oui-rounded-[6px] oui-border-none oui-px-2 oui-py-[11px]",
             "oui-bg-[#3D79A9]"
           ),
-          onClick: () => connect({ walletType: "privy", extraType: "telegram" })
-        },
-        /* @__PURE__ */ React19__default.default.createElement(
-          "svg",
-          {
-            width: "18",
-            height: "18",
-            viewBox: "0 0 18 18",
-            fill: "none",
-            xmlns: "http://www.w3.org/2000/svg"
-          },
-          /* @__PURE__ */ React19__default.default.createElement(
-            "path",
-            {
-              d: "M2.652 8.12916L15.0683 4.04929C15.6468 3.87358 16.1499 4.16929 15.9587 4.91069L13.8458 13.3962C13.6898 13.9961 13.2672 14.1461 12.6836 13.859L9.46384 11.8362L7.90929 13.109C7.73824 13.2547 7.59234 13.379 7.2603 13.379L7.4867 10.5891L13.4584 5.99923C13.72 5.80638 13.398 5.69495 13.0559 5.8878L5.68061 9.8434L2.50107 8.99914C1.81687 8.81058 1.80178 8.41201 2.652 8.12916Z",
-              className: "oui-fill-white"
-            }
-          )
-        ),
-        /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-text-2xs oui-text-base-static" }, t("connector.privy.telegram"))
+          onClick: () => connect({ walletType: "privy", extraType: "telegram" }),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "svg",
+              {
+                width: "18",
+                height: "18",
+                viewBox: "0 0 18 18",
+                fill: "none",
+                xmlns: "http://www.w3.org/2000/svg",
+                children: /* @__PURE__ */ jsxRuntime.jsx(
+                  "path",
+                  {
+                    d: "M2.652 8.12916L15.0683 4.04929C15.6468 3.87358 16.1499 4.16929 15.9587 4.91069L13.8458 13.3962C13.6898 13.9961 13.2672 14.1461 12.6836 13.859L9.46384 11.8362L7.90929 13.109C7.73824 13.2547 7.59234 13.379 7.2603 13.379L7.4867 10.5891L13.4584 5.99923C13.72 5.80638 13.398 5.69495 13.0559 5.8878L5.68061 9.8434L2.50107 8.99914C1.81687 8.81058 1.80178 8.41201 2.652 8.12916Z",
+                    className: "oui-fill-white"
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-text-2xs oui-text-base-static", children: t("connector.privy.telegram") })
+          ]
+        }
       )
     );
   }
   return arr.map((item, index) => {
-    return /* @__PURE__ */ React19__default.default.createElement("div", { key: index }, item);
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { children: item }, index);
   });
 };
 var PrivyConnectAreaMobile = ({
@@ -1570,7 +1610,10 @@ var PrivyConnectAreaMobile = ({
   const { isMobile, isDesktop } = ui.useScreen();
   const { connectorWalletType, privyConfig } = useWalletConnectorPrivy();
   const loginMethods = privyConfig.loginMethods;
-  return /* @__PURE__ */ React19__default.default.createElement(ui.Flex, { direction: "column", className: "oui-w-full" }, /* @__PURE__ */ React19__default.default.createElement(ui.Grid, { cols: 2, rows: 2, className: "oui-w-full", gap: 2 }, /* @__PURE__ */ React19__default.default.createElement(RenderLoginMethodsDom, { connect, loginMethods })), (!connectorWalletType.disableWagmi || !connectorWalletType.disableSolana) && /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-mt-4 oui-h-px oui-w-full oui-bg-line md:oui-mt-5" }));
+  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { direction: "column", className: "oui-w-full", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Grid, { cols: 2, rows: 2, className: "oui-w-full", gap: 2, children: /* @__PURE__ */ jsxRuntime.jsx(RenderLoginMethodsDom, { connect, loginMethods }) }),
+    (!connectorWalletType.disableWagmi || !connectorWalletType.disableSolana) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-mt-4 oui-h-px oui-w-full oui-bg-line md:oui-mt-5" })
+  ] });
 };
 var PrivyConnectAreaDesktop = ({
   connect
@@ -1578,16 +1621,19 @@ var PrivyConnectAreaDesktop = ({
   const { t } = i18n.useTranslation();
   const { connectorWalletType, privyConfig } = useWalletConnectorPrivy();
   const loginMethods = privyConfig.loginMethods;
-  return /* @__PURE__ */ React19__default.default.createElement(ui.Flex, { direction: "column", itemAlign: "start", className: "oui-w-full" }, /* @__PURE__ */ React19__default.default.createElement(ui.Grid, { cols: 1, gap: 2, className: "oui-w-full" }, /* @__PURE__ */ React19__default.default.createElement(RenderLoginMethodsDom, { connect, loginMethods })), (!connectorWalletType.disableWagmi || !connectorWalletType.disableSolana) && /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-mt-4 oui-h-px oui-w-full oui-bg-line md:oui-mt-5" }));
+  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { direction: "column", itemAlign: "start", className: "oui-w-full", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Grid, { cols: 1, gap: 2, className: "oui-w-full", children: /* @__PURE__ */ jsxRuntime.jsx(RenderLoginMethodsDom, { connect, loginMethods }) }),
+    (!connectorWalletType.disableWagmi || !connectorWalletType.disableSolana) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-mt-4 oui-h-px oui-w-full oui-bg-line md:oui-mt-5" })
+  ] });
 };
 function PrivyConnectArea({
   connect
 }) {
   const { isDesktop } = ui.useScreen();
   if (isDesktop) {
-    return /* @__PURE__ */ React19__default.default.createElement(PrivyConnectAreaDesktop, { connect });
+    return /* @__PURE__ */ jsxRuntime.jsx(PrivyConnectAreaDesktop, { connect });
   }
-  return /* @__PURE__ */ React19__default.default.createElement(PrivyConnectAreaMobile, { connect });
+  return /* @__PURE__ */ jsxRuntime.jsx(PrivyConnectAreaMobile, { connect });
 }
 function RenderPrivyTypeIcon({
   type,
@@ -1595,7 +1641,7 @@ function RenderPrivyTypeIcon({
   black
 }) {
   if (type === "email") {
-    return /* @__PURE__ */ React19__default.default.createElement(
+    return /* @__PURE__ */ jsxRuntime.jsx(
       "img",
       {
         src: `https://oss.orderly.network/static/sdk/privy/email${black ? "-black" : ""}.svg`,
@@ -1604,7 +1650,7 @@ function RenderPrivyTypeIcon({
     );
   }
   if (type === "google_oauth") {
-    return /* @__PURE__ */ React19__default.default.createElement(
+    return /* @__PURE__ */ jsxRuntime.jsx(
       "img",
       {
         src: "https://oss.orderly.network/static/sdk/privy/google.svg",
@@ -1613,7 +1659,7 @@ function RenderPrivyTypeIcon({
     );
   }
   if (type === "twitter_oauth") {
-    return /* @__PURE__ */ React19__default.default.createElement(
+    return /* @__PURE__ */ jsxRuntime.jsx(
       "img",
       {
         src: `https://oss.orderly.network/static/sdk/privy/twitter${black ? "-black" : ""}.svg`,
@@ -1622,25 +1668,25 @@ function RenderPrivyTypeIcon({
     );
   }
   if (type === "telegram") {
-    return /* @__PURE__ */ React19__default.default.createElement(
+    return /* @__PURE__ */ jsxRuntime.jsx(
       "svg",
       {
         width: size,
         height: size,
         viewBox: "0 0 18 18",
         fill: "none",
-        xmlns: "http://www.w3.org/2000/svg"
-      },
-      /* @__PURE__ */ React19__default.default.createElement(
-        "path",
-        {
-          d: "M2.652 8.12916L15.0683 4.04929C15.6468 3.87358 16.1499 4.16929 15.9587 4.91069L13.8458 13.3962C13.6898 13.9961 13.2672 14.1461 12.6836 13.859L9.46384 11.8362L7.90929 13.109C7.73824 13.2547 7.59234 13.379 7.2603 13.379L7.4867 10.5891L13.4584 5.99923C13.72 5.80638 13.398 5.69495 13.0559 5.8878L5.68061 9.8434L2.50107 8.99914C1.81687 8.81058 1.80178 8.41201 2.652 8.12916Z",
-          fill: black ? "black" : "white"
-        }
-      )
+        xmlns: "http://www.w3.org/2000/svg",
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M2.652 8.12916L15.0683 4.04929C15.6468 3.87358 16.1499 4.16929 15.9587 4.91069L13.8458 13.3962C13.6898 13.9961 13.2672 14.1461 12.6836 13.859L9.46384 11.8362L7.90929 13.109C7.73824 13.2547 7.59234 13.379 7.2603 13.379L7.4867 10.5891L13.4584 5.99923C13.72 5.80638 13.398 5.69495 13.0559 5.8878L5.68061 9.8434L2.50107 8.99914C1.81687 8.81058 1.80178 8.41201 2.652 8.12916Z",
+            fill: black ? "black" : "white"
+          }
+        )
+      }
     );
   }
-  return /* @__PURE__ */ React19__default.default.createElement(
+  return /* @__PURE__ */ jsxRuntime.jsx(
     "img",
     {
       src: `https://oss.orderly.network/static/sdk/privy/email${black ? "-black" : ""}.svg`,
@@ -1652,7 +1698,7 @@ function RenderWalletIcon({
   connector
 }) {
   const icon = connector.icon ? connector.icon : getWalletIcon(connector.type);
-  return /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-w-[18px] oui-h-[18px] oui-flex oui-items-center oui-justify-center" }, /* @__PURE__ */ React19__default.default.createElement(
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-w-[18px] oui-h-[18px] oui-flex oui-items-center oui-justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
     "img",
     {
       className: ui.cn(
@@ -1661,80 +1707,93 @@ function RenderWalletIcon({
       src: icon,
       alt: connector.name
     }
-  ));
+  ) });
 }
 function EVMChainPopover({ children }) {
   const { getChainsByNetwork } = useWalletConnectorPrivy();
-  const [chains] = React19.useState(getChainsByNetwork("mainnet"));
+  const [chains] = React7.useState(getChainsByNetwork("mainnet"));
   const { t } = i18n.useTranslation();
   const { isMobile } = ui.useScreen();
-  const [open, setOpen] = React19.useState(false);
+  const [open, setOpen] = React7.useState(false);
   if (isMobile) {
-    return /* @__PURE__ */ React19__default.default.createElement(React19__default.default.Fragment, null, /* @__PURE__ */ React19__default.default.createElement(
-      ui.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__default.default.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__default.default.createElement(
-        "div",
+    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ui.SimpleDialog,
         {
-          key,
-          className: "oui-flex oui-items-center oui-justify-start oui-gap-1"
-        },
-        /* @__PURE__ */ React19__default.default.createElement(ui.ChainIcon, { chainId: item.id, size: "2xs" }),
-        /* @__PURE__ */ React19__default.default.createElement("div", null, item.name)
-      )))
-    ), /* @__PURE__ */ React19__default.default.createElement("button", { onClick: () => setOpen(true) }, children));
+          open,
+          size: "xs",
+          onOpenChange: setOpen,
+          classNames: {
+            content: "oui-p-4 oui-z-[99]",
+            overlay: "oui-z-[99]"
+          },
+          title: t("connector.privy.supportedEvmChain"),
+          children: /* @__PURE__ */ jsxRuntime.jsx("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", children: chains.map((item, key) => /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: "oui-flex oui-items-center oui-justify-start oui-gap-1",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(ui.ChainIcon, { chainId: item.id, size: "2xs" }),
+                /* @__PURE__ */ jsxRuntime.jsx("div", { children: item.name })
+              ]
+            },
+            key
+          )) })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: () => setOpen(true), children })
+    ] });
   }
-  return /* @__PURE__ */ React19__default.default.createElement(
+  return /* @__PURE__ */ jsxRuntime.jsx(
     ui.Popover,
     {
-      content: /* @__PURE__ */ React19__default.default.createElement("div", null, /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-text-2xs oui-font-semibold oui-text-base-contrast" }, t("connector.privy.supportedEvmChain")), /* @__PURE__ */ React19__default.default.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__default.default.createElement(
-        "div",
-        {
-          key,
-          className: "oui-flex oui-items-center oui-justify-start oui-gap-1"
-        },
-        /* @__PURE__ */ React19__default.default.createElement(ui.ChainIcon, { chainId: item.id, size: "2xs" }),
-        /* @__PURE__ */ React19__default.default.createElement("div", null, item.name)
-      )))),
+      content: /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-text-2xs oui-font-semibold oui-text-base-contrast", children: t("connector.privy.supportedEvmChain") }),
+        /* @__PURE__ */ jsxRuntime.jsx("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", children: chains.map((item, key) => /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: "oui-flex oui-items-center oui-justify-start oui-gap-1",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ui.ChainIcon, { chainId: item.id, size: "2xs" }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { children: item.name })
+            ]
+          },
+          key
+        )) })
+      ] }),
       arrow: true,
       contentProps: {
         side: "bottom",
         align: "center",
         className: "oui-p-2 oui-z-[65]"
-      }
-    },
-    /* @__PURE__ */ React19__default.default.createElement("button", null, children)
+      },
+      children: /* @__PURE__ */ jsxRuntime.jsx("button", { children })
+    }
   );
 }
-
-// src/components/renderConnector/solanaConnector.tsx
 function SOLConnectArea({
   connect
 }) {
   const { wallets } = useSolanaWallet();
   const { isMobile } = ui.useScreen();
-  return /* @__PURE__ */ React19__default.default.createElement("div", null, /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-mb-2 oui-text-sm oui-font-semibold oui-text-base-contrast-80" }, "Solana"), /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-grid oui-grid-cols-2 oui-gap-2" }, wallets.map((item, key) => /* @__PURE__ */ React19__default.default.createElement(
-    "div",
-    {
-      key,
-      className: ui.cn(
-        " oui-flex oui-flex-1 oui-cursor-pointer oui-items-center oui-justify-start oui-gap-1 oui-rounded-[6px]  oui-px-2 oui-py-[11px]",
-        isMobile ? "oui-bg-base-5" : "oui-bg-base-10"
-      ),
-      onClick: () => connect(item.adapter)
-    },
-    /* @__PURE__ */ React19__default.default.createElement(RenderWalletIcon, { connector: item.adapter }),
-    /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-text-2xs oui-text-base-contrast" }, item.adapter.name)
-  ))));
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-mb-2 oui-text-sm oui-font-semibold oui-text-base-contrast-80", children: "Solana" }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-grid oui-grid-cols-2 oui-gap-2", children: wallets.map((item, key) => /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: ui.cn(
+          " oui-flex oui-flex-1 oui-cursor-pointer oui-items-center oui-justify-start oui-gap-1 oui-rounded-[6px]  oui-px-2 oui-py-[11px]",
+          isMobile ? "oui-bg-base-5" : "oui-bg-base-10"
+        ),
+        onClick: () => connect(item.adapter),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(RenderWalletIcon, { connector: item.adapter }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-text-2xs oui-text-base-contrast", children: item.adapter.name })
+        ]
+      },
+      key
+    )) })
+  ] });
 }
 function EVMConnectArea({
   connect
@@ -1750,22 +1809,25 @@ function EVMConnectArea({
     }
     connect(item);
   };
-  return /* @__PURE__ */ React19__default.default.createElement("div", { className: "" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-mb-2 oui-text-sm oui-font-semibold oui-text-base-contrast-80" }, "EVM"), /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-grid oui-grid-cols-2 oui-gap-2" }, connectors.map((item, key) => /* @__PURE__ */ React19__default.default.createElement(
-    "div",
-    {
-      key,
-      className: ui.cn(
-        " oui-flex oui-flex-1 oui-cursor-pointer oui-items-center oui-justify-start oui-gap-1 oui-rounded-[6px]  oui-px-2 oui-py-[11px]",
-        isMobile ? "oui-bg-base-5" : "oui-bg-base-10"
-      ),
-      onClick: () => onConnect(item)
-    },
-    /* @__PURE__ */ React19__default.default.createElement(RenderWalletIcon, { connector: item }),
-    /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-text-2xs oui-text-base-contrast" }, item.name)
-  ))));
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-mb-2 oui-text-sm oui-font-semibold oui-text-base-contrast-80", children: "EVM" }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-grid oui-grid-cols-2 oui-gap-2", children: connectors.map((item, key) => /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: ui.cn(
+          " oui-flex oui-flex-1 oui-cursor-pointer oui-items-center oui-justify-start oui-gap-1 oui-rounded-[6px]  oui-px-2 oui-py-[11px]",
+          isMobile ? "oui-bg-base-5" : "oui-bg-base-10"
+        ),
+        onClick: () => onConnect(item),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(RenderWalletIcon, { connector: item }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-text-2xs oui-text-base-contrast", children: item.name })
+        ]
+      },
+      key
+    )) })
+  ] });
 }
-
-// src/components/renderConnector/index.tsx
 function RenderConnector() {
   const { connect } = useWallet2();
   const {
@@ -1794,7 +1856,7 @@ function RenderConnector() {
     if (connectorWalletType.disablePrivy) {
       return null;
     }
-    return /* @__PURE__ */ React19__default.default.createElement(
+    return /* @__PURE__ */ jsxRuntime.jsx(
       PrivyConnectArea,
       {
         connect: (type) => handleConnect({
@@ -1811,7 +1873,7 @@ function RenderConnector() {
     if (!walletChainTypeConfig.hasEvm) {
       return null;
     }
-    return /* @__PURE__ */ React19__default.default.createElement(
+    return /* @__PURE__ */ jsxRuntime.jsx(
       EVMConnectArea,
       {
         connect: (connector) => handleConnect({
@@ -1828,7 +1890,7 @@ function RenderConnector() {
     if (!walletChainTypeConfig.hasSol) {
       return null;
     }
-    return /* @__PURE__ */ React19__default.default.createElement(
+    return /* @__PURE__ */ jsxRuntime.jsx(
       SOLConnectArea,
       {
         connect: (walletAdapter) => handleConnect({
@@ -1845,7 +1907,7 @@ function RenderConnector() {
     if (!walletChainTypeConfig.hasAbstract) {
       return null;
     }
-    return /* @__PURE__ */ React19__default.default.createElement(
+    return /* @__PURE__ */ jsxRuntime.jsx(
       AbstractConnectArea,
       {
         connect: () => handleConnect({ walletType: "Abstract" /* ABSTRACT */ })
@@ -1875,7 +1937,10 @@ function RenderConnector() {
         return null;
     }
   };
-  return /* @__PURE__ */ React19__default.default.createElement(ui.ScrollArea, { className: "oui-flex oui-grow oui-shrik oui-basis-auto oui-custom-scrollbar" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: ui.cn("oui-flex oui-flex-col oui-gap-4", "md:oui-gap-5") }, renderPrivyConnectArea(), orderedWalletKeys.map((key) => /* @__PURE__ */ React19__default.default.createElement(React19__default.default.Fragment, { key }, renderByKey(key)))));
+  return /* @__PURE__ */ jsxRuntime.jsx(ui.ScrollArea, { className: "oui-flex oui-grow oui-shrik oui-basis-auto oui-custom-scrollbar", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ui.cn("oui-flex oui-flex-col oui-gap-4", "md:oui-gap-5"), children: [
+    renderPrivyConnectArea(),
+    orderedWalletKeys.map((key) => /* @__PURE__ */ jsxRuntime.jsx(React7__default.default.Fragment, { children: renderByKey(key) }, key))
+  ] }) });
 }
 function SwitchNetworkTips({
   tipsContent
@@ -1897,29 +1962,34 @@ function SwitchNetworkTips({
       (error) => void 0
     );
   };
-  return /* @__PURE__ */ React19__default.default.createElement(
+  return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
       onClick: onSwitchNetwork,
-      className: "oui-mb-3 oui-flex oui-cursor-pointer oui-items-center oui-justify-between  oui-gap-1 oui-rounded-[8px] oui-bg-[rgba(var(--oui-color-warning-darken),0.1)] oui-px-2 oui-py-[6px] "
-    },
-    /* @__PURE__ */ React19__default.default.createElement(ui.Flex, { gap: 1 }, /* @__PURE__ */ React19__default.default.createElement(
-      ui.ExclamationFillIcon,
-      {
-        size: 14,
-        className: " oui-shrink-0 oui-text-warning-darken"
-      }
-    ), /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-text-2xs oui-text-warning-darken" }, t("connector.privy.switchNetwork.tips", {
-      chainName: tipsContent
-    }))),
-    /* @__PURE__ */ React19__default.default.createElement(ArrowRightIcon, { size: 14, className: "oui-text-warning-darken" })
+      className: "oui-mb-3 oui-flex oui-cursor-pointer oui-items-center oui-justify-between  oui-gap-1 oui-rounded-[8px] oui-bg-[rgba(var(--oui-color-warning-darken),0.1)] oui-px-2 oui-py-[6px] ",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { gap: 1, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.ExclamationFillIcon,
+            {
+              size: 14,
+              className: " oui-shrink-0 oui-text-warning-darken"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-text-2xs oui-text-warning-darken", children: t("connector.privy.switchNetwork.tips", {
+            chainName: tipsContent
+          }) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(ArrowRightIcon, { size: 14, className: "oui-text-warning-darken" })
+      ]
+    }
   );
 }
 var StorageChainNotCurrentWalletType = ({
   currentWalletType
 }) => {
   const { storageChain } = hooks.useStorageChain();
-  const tipsContent = React19.useMemo(() => {
+  const tipsContent = React7.useMemo(() => {
     if (!currentWalletType || currentWalletType.size === 0 || !storageChain) {
       return null;
     }
@@ -1945,7 +2015,7 @@ var StorageChainNotCurrentWalletType = ({
     }).join("/");
     return text;
   }, [storageChain, currentWalletType]);
-  return /* @__PURE__ */ React19__default.default.createElement(SwitchNetworkTips, { tipsContent });
+  return /* @__PURE__ */ jsxRuntime.jsx(SwitchNetworkTips, { tipsContent });
 };
 var getCardBgClassName = (type = "EVM" /* EVM */) => {
   const cardBgColorMap = {
@@ -1969,7 +2039,7 @@ function WalletCard(props) {
     await navigator.clipboard.writeText(address);
     ui.toast.success(t("common.copy.copied"));
   };
-  return /* @__PURE__ */ React19__default.default.createElement(
+  return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
       className: ui.cn(
@@ -1980,46 +2050,60 @@ function WalletCard(props) {
           props.isMulti || false,
           props.type
         )
-      )
-    },
-    /* @__PURE__ */ React19__default.default.createElement(
-      "div",
-      {
-        style: {
-          position: "absolute",
-          top: 0,
-          right: -20,
-          background: "url('https://oss.orderly.network/static/sdk/wallet-card-bg.png')",
-          width: "110px",
-          height: "110px",
-          backgroundSize: "contain",
-          backgroundRepeat: "no-repeat",
-          backgroundPosition: "center",
-          zIndex: 0
-        }
-      }
-    ),
-    /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-relative oui-z-10 oui-flex oui-h-full oui-flex-col oui-justify-between" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-flex oui-items-center oui-justify-between" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-text-sm oui-font-semibold oui-text-secondary" }, ui.formatAddress(props.address)), /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-flex oui-items-center oui-justify-center oui-gap-2" }, /* @__PURE__ */ React19__default.default.createElement(ui.Tooltip, { content: t("common.copy"), className: "oui-z-[65]" }, /* @__PURE__ */ React19__default.default.createElement(
-      ui.CopyIcon,
-      {
-        size: 16,
-        opacity: 1,
-        className: "oui-cursor-pointer oui-text-secondary/80 hover:oui-text-secondary",
-        onClick: () => copyAddress(props.address)
-      }
-    )), props.isPrivy ? /* @__PURE__ */ React19__default.default.createElement(
-      PrivyWalletHandleOption,
-      {
-        address: props.address,
-        type: props.type
-      }
-    ) : /* @__PURE__ */ React19__default.default.createElement(NonPrivyWalletHandleOption, { walletType: props.type }))), /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-flex oui-items-center oui-justify-between" }, /* @__PURE__ */ React19__default.default.createElement(RenderWalletType, { walletType: props.type }), props.isMulti && /* @__PURE__ */ React19__default.default.createElement("div", { className: "[&_button]:oui-border-secondary/80 [&_svg]:oui-text-secondary" }, /* @__PURE__ */ React19__default.default.createElement(
-      ui.Checkbox,
-      {
-        checked: props.isActive,
-        onCheckedChange: props.onActiveChange
-      }
-    ))))
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            style: {
+              position: "absolute",
+              top: 0,
+              right: -20,
+              background: "url('https://oss.orderly.network/static/sdk/wallet-card-bg.png')",
+              width: "110px",
+              height: "110px",
+              backgroundSize: "contain",
+              backgroundRepeat: "no-repeat",
+              backgroundPosition: "center",
+              zIndex: 0
+            }
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "oui-relative oui-z-10 oui-flex oui-h-full oui-flex-col oui-justify-between", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "oui-flex oui-items-center oui-justify-between", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-text-sm oui-font-semibold oui-text-secondary", children: ui.formatAddress(props.address) }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "oui-flex oui-items-center oui-justify-center oui-gap-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { content: t("common.copy"), className: "oui-z-[65]", children: /* @__PURE__ */ jsxRuntime.jsx(
+                ui.CopyIcon,
+                {
+                  size: 16,
+                  opacity: 1,
+                  className: "oui-cursor-pointer oui-text-secondary/80 hover:oui-text-secondary",
+                  onClick: () => copyAddress(props.address)
+                }
+              ) }),
+              props.isPrivy ? /* @__PURE__ */ jsxRuntime.jsx(
+                PrivyWalletHandleOption,
+                {
+                  address: props.address,
+                  type: props.type
+                }
+              ) : /* @__PURE__ */ jsxRuntime.jsx(NonPrivyWalletHandleOption, { walletType: props.type })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "oui-flex oui-items-center oui-justify-between", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(RenderWalletType, { walletType: props.type }),
+            props.isMulti && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "[&_button]:oui-border-secondary/80 [&_svg]:oui-text-secondary", children: /* @__PURE__ */ jsxRuntime.jsx(
+              ui.Checkbox,
+              {
+                checked: props.isActive,
+                onCheckedChange: props.onActiveChange
+              }
+            ) })
+          ] })
+        ] })
+      ]
+    }
   );
 }
 function NonPrivyWalletHandleOption({
@@ -2041,7 +2125,7 @@ function NonPrivyWalletHandleOption({
     }
     disconnect(walletConnectType);
   };
-  return /* @__PURE__ */ React19__default.default.createElement("div", { onClick: () => disconnectWallet() }, /* @__PURE__ */ React19__default.default.createElement(DisconnectIcon, { className: "oui-size-4 oui-cursor-pointer oui-text-secondary/80 hover:oui-text-secondary" }));
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { onClick: () => disconnectWallet(), children: /* @__PURE__ */ jsxRuntime.jsx(DisconnectIcon, { className: "oui-size-4 oui-cursor-pointer oui-text-secondary/80 hover:oui-text-secondary" }) });
 }
 function PrivyWalletHandleOption({
   address,
@@ -2049,75 +2133,90 @@ function PrivyWalletHandleOption({
 }) {
   const { t } = i18n.useTranslation();
   const { exportWallet } = usePrivyWallet();
-  return /* @__PURE__ */ React19__default.default.createElement(ui.DropdownMenuRoot, null, /* @__PURE__ */ React19__default.default.createElement(ui.DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ React19__default.default.createElement("button", null, /* @__PURE__ */ React19__default.default.createElement(MoreIcon, { className: "oui-cursor-pointer oui-text-secondary/80 hover:oui-text-secondary" }))), /* @__PURE__ */ React19__default.default.createElement(ui.DropdownMenuPortal, null, /* @__PURE__ */ React19__default.default.createElement(
-    ui.DropdownMenuContent,
-    {
-      size: "xl",
-      align: "end",
-      side: "top",
-      style: { width: "100px" },
-      className: "oui-z-[65] oui-rounded oui-p-1 oui-font-semibold",
-      sideOffset: 0
-    },
-    /* @__PURE__ */ React19__default.default.createElement(
-      ui.DropdownMenuItem,
+  return /* @__PURE__ */ jsxRuntime.jsxs(ui.DropdownMenuRoot, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("button", { children: /* @__PURE__ */ jsxRuntime.jsx(MoreIcon, { className: "oui-cursor-pointer oui-text-secondary/80 hover:oui-text-secondary" }) }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.DropdownMenuPortal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+      ui.DropdownMenuContent,
       {
-        className: "oui-cursor-pointer oui-px-2 oui-py-1 oui-text-2xs oui-text-base-contrast-54 hover:oui-text-base-contrast",
-        onClick: () => {
-          const ns = type === "EVM" /* EVM */ ? types.ChainNamespace.evm : types.ChainNamespace.solana;
-          exportWallet(ns, address);
-        }
-      },
-      /* @__PURE__ */ React19__default.default.createElement("div", null, t("common.export"))
-    )
-  )));
+        size: "xl",
+        align: "end",
+        side: "top",
+        style: { width: "100px" },
+        className: "oui-z-[65] oui-rounded oui-p-1 oui-font-semibold",
+        sideOffset: 0,
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          ui.DropdownMenuItem,
+          {
+            className: "oui-cursor-pointer oui-px-2 oui-py-1 oui-text-2xs oui-text-base-contrast-54 hover:oui-text-base-contrast",
+            onClick: () => {
+              const ns = type === "EVM" /* EVM */ ? types.ChainNamespace.evm : types.ChainNamespace.solana;
+              exportWallet(ns, address);
+            },
+            children: /* @__PURE__ */ jsxRuntime.jsx("div", { children: t("common.export") })
+          }
+        )
+      }
+    ) })
+  ] });
 }
 var RenderWalletType = ({ walletType }) => {
   if (walletType === "SOL" /* SOL */) {
-    return /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-flex oui-items-center oui-justify-start oui-gap-1" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "" }, /* @__PURE__ */ React19__default.default.createElement(
-      "img",
-      {
-        src: "https://oss.orderly.network/static/sdk/solana-logo.png",
-        className: "oui-w-4"
-      }
-    )), /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-text-2xs oui-font-semibold oui-text-secondary" }, "Solana"));
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "oui-flex oui-items-center oui-justify-start oui-gap-1", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "", children: /* @__PURE__ */ jsxRuntime.jsx(
+        "img",
+        {
+          src: "https://oss.orderly.network/static/sdk/solana-logo.png",
+          className: "oui-w-4"
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-text-2xs oui-font-semibold oui-text-secondary", children: "Solana" })
+    ] });
   }
   if (walletType === "Abstract" /* ABSTRACT */) {
-    return /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-flex oui-items-center oui-justify-start oui-gap-[6px]" }, /* @__PURE__ */ React19__default.default.createElement(
-      "img",
-      {
-        src: `${PrivyConnectorImagePath}/abstract-transparent.png`,
-        className: "oui-w-4"
-      }
-    ), /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-text-2xs oui-font-semibold oui-text-secondary" }, "Abstract"));
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "oui-flex oui-items-center oui-justify-start oui-gap-[6px]", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "img",
+        {
+          src: `${PrivyConnectorImagePath}/abstract-transparent.png`,
+          className: "oui-w-4"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-text-2xs oui-font-semibold oui-text-secondary", children: "Abstract" })
+    ] });
   }
   if (walletType === "EVM" /* EVM */) {
-    return /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-flex oui-items-center oui-justify-center oui-gap-1" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-relative oui-flex oui-items-center oui-justify-center" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-flex oui-h-[18px] oui-items-center oui-justify-center " }, /* @__PURE__ */ React19__default.default.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__default.default.createElement("div", { className: "oui-relative oui-left-[-9px] oui-flex oui-items-center oui-justify-center oui-gap-1" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-flex oui-size-[18px] oui-items-center oui-justify-center oui-rounded-full oui-bg-base-5" }, /* @__PURE__ */ React19__default.default.createElement(EVMChainPopover, null, /* @__PURE__ */ React19__default.default.createElement(
-      MoreIcon,
-      {
-        className: "oui-relative oui-z-10 oui-size-3 oui-text-secondary/80 hover:oui-text-secondary",
-        style: { zIndex: 1 }
-      }
-    ))), /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-text-2xs oui-font-semibold oui-text-secondary" }, "Evm"))));
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-flex oui-items-center oui-justify-center oui-gap-1", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "oui-relative oui-flex oui-items-center oui-justify-center", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-flex oui-h-[18px] oui-items-center oui-justify-center ", children: /* @__PURE__ */ jsxRuntime.jsx(
+        "img",
+        {
+          src: "https://oss.orderly.network/static/sdk/chains.png",
+          className: "oui-relative oui-z-0 oui-h-[18px] oui-w-[49px]"
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "oui-relative oui-left-[-9px] oui-flex oui-items-center oui-justify-center oui-gap-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-flex oui-size-[18px] oui-items-center oui-justify-center oui-rounded-full oui-bg-base-5", children: /* @__PURE__ */ jsxRuntime.jsx(EVMChainPopover, { children: /* @__PURE__ */ jsxRuntime.jsx(
+          MoreIcon,
+          {
+            className: "oui-relative oui-z-10 oui-size-3 oui-text-secondary/80 hover:oui-text-secondary",
+            style: { zIndex: 1 }
+          }
+        ) }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-text-2xs oui-font-semibold oui-text-secondary", children: "Evm" })
+      ] })
+    ] }) });
   }
-  return /* @__PURE__ */ React19__default.default.createElement(React19__default.default.Fragment, null);
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {});
 };
 function AddAbstractWallet() {
-  const [visible, setVisible] = React19.useState(false);
+  const [visible, setVisible] = React7.useState(false);
   const onToggleVisibility = () => {
     setVisible(!visible);
   };
   const { connect } = useWallet2();
   const { targetWalletType } = useWalletConnectorPrivy();
-  const [open, setOpen] = React19.useState(false);
+  const [open, setOpen] = React7.useState(false);
   const { t } = i18n.useTranslation();
-  React19.useEffect(() => {
+  React7.useEffect(() => {
     let timer = 0;
     if (targetWalletType === "Abstract" /* ABSTRACT */) {
       timer = window.setTimeout(() => {
@@ -2130,7 +2229,7 @@ function AddAbstractWallet() {
       }
     };
   }, [targetWalletType]);
-  React19.useEffect(() => {
+  React7.useEffect(() => {
     if (open === false) {
       return;
     }
@@ -2143,70 +2242,79 @@ function AddAbstractWallet() {
       }
     };
   }, [open]);
-  return /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-rounded-[8px] oui-bg-base-10 oui-px-2 oui-py-[11px]" }, /* @__PURE__ */ React19__default.default.createElement(
-    ui.Tooltip,
-    {
-      className: "oui-z-[65] oui-max-w-[200px] oui-text-warning-darken",
-      open,
-      content: t("connector.privy.addAbstractWallet.tips")
-    },
-    /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-flex oui-items-center oui-justify-center oui-gap-1 " }, /* @__PURE__ */ React19__default.default.createElement(
-      "img",
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "oui-rounded-[8px] oui-bg-base-10 oui-px-2 oui-py-[11px]", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      ui.Tooltip,
       {
-        src: `${PrivyConnectorImagePath}/abstract-transparent.png`,
-        className: "oui-size-[15px]"
-      }
-    ), /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-text-2xs oui-font-semibold oui-text-base-contrast-80" }, t("connector.privy.addAbstractWallet")), /* @__PURE__ */ React19__default.default.createElement("button", { onClick: onToggleVisibility }, visible ? /* @__PURE__ */ React19__default.default.createElement(
-      ui.ChevronDownIcon,
-      {
-        size: 16,
-        opacity: 1,
-        className: "oui-text-base-contrast-36"
-      }
-    ) : /* @__PURE__ */ React19__default.default.createElement(
-      ui.ChevronUpIcon,
-      {
-        size: 16,
-        opacity: 1,
-        className: "oui-text-base-contrast"
+        className: "oui-z-[65] oui-max-w-[200px] oui-text-warning-darken",
+        open,
+        content: t("connector.privy.addAbstractWallet.tips"),
+        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "oui-flex oui-items-center oui-justify-center oui-gap-1 ", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "img",
+            {
+              src: `${PrivyConnectorImagePath}/abstract-transparent.png`,
+              className: "oui-size-[15px]"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-text-2xs oui-font-semibold oui-text-base-contrast-80", children: t("connector.privy.addAbstractWallet") }),
+          /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: onToggleVisibility, children: visible ? /* @__PURE__ */ jsxRuntime.jsx(
+            ui.ChevronDownIcon,
+            {
+              size: 16,
+              opacity: 1,
+              className: "oui-text-base-contrast-36"
+            }
+          ) : /* @__PURE__ */ jsxRuntime.jsx(
+            ui.ChevronUpIcon,
+            {
+              size: 16,
+              opacity: 1,
+              className: "oui-text-base-contrast"
+            }
+          ) })
+        ] })
       }
-    )))
-  ), /* @__PURE__ */ React19__default.default.createElement(
-    "div",
-    {
-      className: ui.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]"
-      )
-    },
-    /* @__PURE__ */ React19__default.default.createElement(
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
-        className: "oui-flex oui-cursor-pointer oui-items-center oui-justify-start  oui-gap-1 oui-bg-base-9 oui-px-2 oui-py-[11px]",
-        onClick: () => connect({
-          walletType: "Abstract" /* ABSTRACT */
-        })
-      },
-      /* @__PURE__ */ React19__default.default.createElement(
-        "img",
-        {
-          className: ui.cn("oui-size-[12px]"),
-          src: `${PrivyConnectorImagePath}/abstract.png`,
-          alt: "abstract wallet"
-        }
-      ),
-      /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-text-2xs oui-text-base-contrast" }, "Abstract")
+        className: ui.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]"
+        ),
+        children: /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: "oui-flex oui-cursor-pointer oui-items-center oui-justify-start  oui-gap-1 oui-bg-base-9 oui-px-2 oui-py-[11px]",
+            onClick: () => connect({
+              walletType: "Abstract" /* ABSTRACT */
+            }),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "img",
+                {
+                  className: ui.cn("oui-size-[12px]"),
+                  src: `${PrivyConnectorImagePath}/abstract.png`,
+                  alt: "abstract wallet"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-text-2xs oui-text-base-contrast", children: "Abstract" })
+            ]
+          }
+        )
+      }
     )
-  ));
+  ] });
 }
 function AddEvmWallet() {
   const { t } = i18n.useTranslation();
-  const [visible, setVisible] = React19.useState(false);
+  const [visible, setVisible] = React7.useState(false);
   const { connect } = useWallet2();
-  const [open, setOpen] = React19.useState(false);
+  const [open, setOpen] = React7.useState(false);
   const { connectors } = useWagmiWallet();
   const { targetWalletType } = useWalletConnectorPrivy();
-  React19.useEffect(() => {
+  React7.useEffect(() => {
     let timer = 0;
     if (targetWalletType === "EVM" /* EVM */) {
       timer = window.setTimeout(() => {
@@ -2219,7 +2327,7 @@ function AddEvmWallet() {
       }
     };
   }, [targetWalletType]);
-  React19.useEffect(() => {
+  React7.useEffect(() => {
     if (open === false) {
       return;
     }
@@ -2232,71 +2340,83 @@ function AddEvmWallet() {
       }
     };
   }, [open]);
-  return /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-rounded-[8px] oui-bg-base-10 oui-px-2 oui-py-[11px]" }, /* @__PURE__ */ React19__default.default.createElement(
-    ui.Tooltip,
-    {
-      className: "oui-z-[65] oui-max-w-[200px] oui-text-warning-darken",
-      open,
-      content: t("connector.privy.addEvmWallet.tips")
-    },
-    /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-flex oui-items-center oui-justify-center oui-gap-1 " }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-flex oui-items-center oui-justify-center oui-gap-1" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-relative oui-flex oui-w-[55px] oui-items-center oui-justify-start" }, /* @__PURE__ */ React19__default.default.createElement(
-      "img",
-      {
-        src: "https://oss.orderly.network/static/sdk/chains.png",
-        className: "oui-relative oui-z-0 oui-h-[18px]"
-      }
-    ), /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-absolute oui-right-0 oui-flex oui-size-[18px] oui-items-center oui-justify-center oui-rounded-full oui-bg-base-5" }, /* @__PURE__ */ React19__default.default.createElement(EVMChainPopover, null, /* @__PURE__ */ React19__default.default.createElement(
-      MoreIcon,
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "oui-rounded-[8px] oui-bg-base-10 oui-px-2 oui-py-[11px]", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      ui.Tooltip,
       {
-        className: "oui-relative oui-z-10 oui-size-3 oui-text-base-contrast-54 hover:oui-text-base-contrast",
-        style: { zIndex: 1 }
-      }
-    ))))), /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-text-2xs oui-font-semibold oui-text-base-contrast-80" }, t("connector.privy.addEvmWallet")), /* @__PURE__ */ React19__default.default.createElement("button", { onClick: () => setVisible(!visible) }, visible ? /* @__PURE__ */ React19__default.default.createElement(
-      ui.ChevronDownIcon,
-      {
-        size: 16,
-        opacity: 1,
-        className: "oui-text-base-contrast-36"
-      }
-    ) : /* @__PURE__ */ React19__default.default.createElement(
-      ui.ChevronUpIcon,
-      {
-        size: 16,
-        opacity: 1,
-        className: "oui-text-base-contrast"
+        className: "oui-z-[65] oui-max-w-[200px] oui-text-warning-darken",
+        open,
+        content: t("connector.privy.addEvmWallet.tips"),
+        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "oui-flex oui-items-center oui-justify-center oui-gap-1 ", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-flex oui-items-center oui-justify-center oui-gap-1", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "oui-relative oui-flex oui-w-[55px] oui-items-center oui-justify-start", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "img",
+              {
+                src: "https://oss.orderly.network/static/sdk/chains.png",
+                className: "oui-relative oui-z-0 oui-h-[18px]"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-absolute oui-right-0 oui-flex oui-size-[18px] oui-items-center oui-justify-center oui-rounded-full oui-bg-base-5", children: /* @__PURE__ */ jsxRuntime.jsx(EVMChainPopover, { children: /* @__PURE__ */ jsxRuntime.jsx(
+              MoreIcon,
+              {
+                className: "oui-relative oui-z-10 oui-size-3 oui-text-base-contrast-54 hover:oui-text-base-contrast",
+                style: { zIndex: 1 }
+              }
+            ) }) })
+          ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-text-2xs oui-font-semibold oui-text-base-contrast-80", children: t("connector.privy.addEvmWallet") }),
+          /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: () => setVisible(!visible), children: visible ? /* @__PURE__ */ jsxRuntime.jsx(
+            ui.ChevronDownIcon,
+            {
+              size: 16,
+              opacity: 1,
+              className: "oui-text-base-contrast-36"
+            }
+          ) : /* @__PURE__ */ jsxRuntime.jsx(
+            ui.ChevronUpIcon,
+            {
+              size: 16,
+              opacity: 1,
+              className: "oui-text-base-contrast"
+            }
+          ) })
+        ] })
       }
-    )))
-  ), /* @__PURE__ */ React19__default.default.createElement(
-    "div",
-    {
-      className: ui.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]"
-      )
-    },
-    connectors.map((item, index) => /* @__PURE__ */ React19__default.default.createElement(
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
-        key: index,
-        className: "oui-flex oui-cursor-pointer oui-items-center oui-justify-center  oui-gap-1 oui-bg-base-9 oui-px-2 oui-py-[11px] oui-text-2xs",
-        onClick: () => connect({ walletType: "EVM" /* EVM */, connector: item })
-      },
-      /* @__PURE__ */ React19__default.default.createElement(RenderWalletIcon, { connector: item }),
-      /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-text-base-contrast" }, item.name)
-    ))
-  ));
+        className: ui.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]"
+        ),
+        children: connectors.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: "oui-flex oui-cursor-pointer oui-items-center oui-justify-center  oui-gap-1 oui-bg-base-9 oui-px-2 oui-py-[11px] oui-text-2xs",
+            onClick: () => connect({ walletType: "EVM" /* EVM */, connector: item }),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(RenderWalletIcon, { connector: item }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-text-base-contrast", children: item.name })
+            ]
+          },
+          index
+        ))
+      }
+    )
+  ] });
 }
 function AddSolanaWallet() {
   const { t } = i18n.useTranslation();
   const { wallets } = useSolanaWallet();
   const { connect } = useWallet2();
-  const [visible, setVisible] = React19.useState(false);
+  const [visible, setVisible] = React7.useState(false);
   const onToggleVisibility = () => {
     setVisible(!visible);
   };
   const { targetWalletType } = useWalletConnectorPrivy();
-  const [open, setOpen] = React19.useState(false);
-  React19.useEffect(() => {
+  const [open, setOpen] = React7.useState(false);
+  React7.useEffect(() => {
     let timer = 0;
     if (targetWalletType === "SOL" /* SOL */) {
       timer = window.setTimeout(() => {
@@ -2309,7 +2429,7 @@ function AddSolanaWallet() {
       }
     };
   }, [targetWalletType]);
-  React19.useEffect(() => {
+  React7.useEffect(() => {
     if (open === false) {
       return;
     }
@@ -2322,62 +2442,69 @@ function AddSolanaWallet() {
       }
     };
   }, [open]);
-  return /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-rounded-[8px] oui-bg-base-10 oui-px-2 oui-py-[11px]" }, /* @__PURE__ */ React19__default.default.createElement(
-    ui.Tooltip,
-    {
-      className: "oui-z-[65] oui-max-w-[200px] oui-text-warning-darken",
-      open,
-      content: t("connector.privy.addSolanaWallet.tips")
-    },
-    /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-flex oui-items-center oui-justify-center oui-gap-1 " }, /* @__PURE__ */ React19__default.default.createElement(
-      "img",
-      {
-        src: "https://oss.orderly.network/static/sdk/solana-logo.png",
-        className: "oui-size-[15px]"
-      }
-    ), /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-text-2xs oui-font-semibold oui-text-base-contrast-80" }, t("connector.privy.addSolanaWallet")), /* @__PURE__ */ React19__default.default.createElement("button", { onClick: onToggleVisibility }, visible ? /* @__PURE__ */ React19__default.default.createElement(
-      ui.ChevronDownIcon,
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "oui-rounded-[8px] oui-bg-base-10 oui-px-2 oui-py-[11px]", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      ui.Tooltip,
       {
-        size: 16,
-        opacity: 1,
-        className: "oui-text-base-contrast-36"
-      }
-    ) : /* @__PURE__ */ React19__default.default.createElement(
-      ui.ChevronUpIcon,
-      {
-        size: 16,
-        opacity: 1,
-        className: "oui-text-base-contrast"
+        className: "oui-z-[65] oui-max-w-[200px] oui-text-warning-darken",
+        open,
+        content: t("connector.privy.addSolanaWallet.tips"),
+        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "oui-flex oui-items-center oui-justify-center oui-gap-1 ", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "img",
+            {
+              src: "https://oss.orderly.network/static/sdk/solana-logo.png",
+              className: "oui-size-[15px]"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-text-2xs oui-font-semibold oui-text-base-contrast-80", children: t("connector.privy.addSolanaWallet") }),
+          /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: onToggleVisibility, children: visible ? /* @__PURE__ */ jsxRuntime.jsx(
+            ui.ChevronDownIcon,
+            {
+              size: 16,
+              opacity: 1,
+              className: "oui-text-base-contrast-36"
+            }
+          ) : /* @__PURE__ */ jsxRuntime.jsx(
+            ui.ChevronUpIcon,
+            {
+              size: 16,
+              opacity: 1,
+              className: "oui-text-base-contrast"
+            }
+          ) })
+        ] })
       }
-    )))
-  ), /* @__PURE__ */ React19__default.default.createElement(
-    "div",
-    {
-      className: ui.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__default.default.createElement(
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
-        key: index,
-        className: "oui-flex oui-cursor-pointer oui-items-center oui-justify-start  oui-gap-1 oui-bg-base-9 oui-px-2 oui-py-[11px]",
-        onClick: () => connect({
-          walletType: "SOL" /* SOL */,
-          walletAdapter: item.adapter
-        })
-      },
-      /* @__PURE__ */ React19__default.default.createElement(RenderWalletIcon, { connector: item.adapter }),
-      /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-text-2xs oui-text-base-contrast" }, item.adapter.name)
-    ))
-  ));
+        className: ui.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]"
+        ),
+        children: wallets.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: "oui-flex oui-cursor-pointer oui-items-center oui-justify-start  oui-gap-1 oui-bg-base-9 oui-px-2 oui-py-[11px]",
+            onClick: () => connect({
+              walletType: "SOL" /* SOL */,
+              walletAdapter: item.adapter
+            }),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(RenderWalletIcon, { connector: item.adapter }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-text-2xs oui-text-base-contrast", children: item.adapter.name })
+            ]
+          },
+          index
+        ))
+      }
+    )
+  ] });
 }
-
-// src/components/renderNonPrivyWallet/index.tsx
 function RenderNonPrivyWallet() {
-  const [walletList, setWalletList] = React19.useState([]);
-  const [addWalletList, setAddWalletList] = React19.useState([]);
+  const [walletList, setWalletList] = React7.useState([]);
+  const [addWalletList, setAddWalletList] = React7.useState([]);
   const { storageChain } = hooks.useStorageChain();
   const { connectorWalletType, walletChainTypeConfig } = useWalletConnectorPrivy();
   const { wallet: walletInWagmi, isConnected: isConnectedEvm } = useWagmiWallet();
@@ -2399,14 +2526,14 @@ function RenderNonPrivyWallet() {
     }
     return false;
   };
-  const currentConnectWalletType = React19.useMemo(() => {
+  const currentConnectWalletType = React7.useMemo(() => {
     const temp = /* @__PURE__ */ new Set();
     walletList.forEach((wallet) => {
       temp.add(wallet.type);
     });
     return temp;
   }, [walletList]);
-  React19.useEffect(() => {
+  React7.useEffect(() => {
     const tempWalletList = [];
     const tempAddWallet = [];
     if (!connectorWalletType.disableWagmi && walletChainTypeConfig.hasEvm) {
@@ -2451,63 +2578,90 @@ function RenderNonPrivyWallet() {
     walletChainTypeConfig,
     connectorWalletType
   ]);
-  return /* @__PURE__ */ React19__default.default.createElement(React19__default.default.Fragment, null, walletList.length && /* @__PURE__ */ React19__default.default.createElement(
-    StorageChainNotCurrentWalletType,
-    {
-      currentWalletType: currentConnectWalletType
-    }
-  ), /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-flex oui-flex-col oui-gap-5" }, walletList.map((wallet) => /* @__PURE__ */ React19__default.default.createElement(
-    WalletCard,
-    {
-      key: wallet.type,
-      type: wallet.type,
-      address: wallet.address,
-      isActive: isActive(wallet.type),
-      onActiveChange: () => {
-        switchWallet(wallet.type);
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    walletList.length && /* @__PURE__ */ jsxRuntime.jsx(
+      StorageChainNotCurrentWalletType,
+      {
+        currentWalletType: currentConnectWalletType
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-flex oui-flex-col oui-gap-5", children: walletList.map((wallet) => /* @__PURE__ */ jsxRuntime.jsx(
+      WalletCard,
+      {
+        type: wallet.type,
+        address: wallet.address,
+        isActive: isActive(wallet.type),
+        onActiveChange: () => {
+          switchWallet(wallet.type);
+        },
+        isPrivy: false,
+        isMulti: walletList.length > 1
       },
-      isPrivy: false,
-      isMulti: walletList.length > 1
-    }
-  ))), /* @__PURE__ */ React19__default.default.createElement(RenderAddWallet, { addWalletList }));
+      wallet.type
+    )) }),
+    /* @__PURE__ */ jsxRuntime.jsx(RenderAddWallet, { addWalletList })
+  ] });
 }
 function RenderAddWallet({ addWalletList }) {
   if (addWalletList.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ React19__default.default.createElement(React19__default.default.Fragment, null, /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-my-5 oui-h-px oui-bg-line" }), /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-flex oui-flex-col oui-gap-5" }, addWalletList.map((wallet, index) => {
-    if (wallet === "EVM" /* EVM */) {
-      return /* @__PURE__ */ React19__default.default.createElement(AddEvmWallet, { key: index });
-    }
-    if (wallet === "SOL" /* SOL */) {
-      return /* @__PURE__ */ React19__default.default.createElement(AddSolanaWallet, { key: index });
-    }
-    if (wallet === "Abstract" /* ABSTRACT */) {
-      return /* @__PURE__ */ React19__default.default.createElement(AddAbstractWallet, { key: index });
-    }
-  })));
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-my-5 oui-h-px oui-bg-line" }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-flex oui-flex-col oui-gap-5", children: addWalletList.map((wallet, index) => {
+      if (wallet === "EVM" /* EVM */) {
+        return /* @__PURE__ */ jsxRuntime.jsx(AddEvmWallet, {}, index);
+      }
+      if (wallet === "SOL" /* SOL */) {
+        return /* @__PURE__ */ jsxRuntime.jsx(AddSolanaWallet, {}, index);
+      }
+      if (wallet === "Abstract" /* ABSTRACT */) {
+        return /* @__PURE__ */ jsxRuntime.jsx(AddAbstractWallet, {}, index);
+      }
+    }) })
+  ] });
 }
 function NoWallet() {
   const { walletChainType } = useWalletConnectorPrivy();
   const { t } = i18n.useTranslation();
-  return /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-mt-5 oui-flex oui-w-full oui-flex-col oui-items-center oui-justify-center" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-flex oui-w-full oui-flex-col oui-items-center oui-justify-center oui-gap-3" }, /* @__PURE__ */ React19__default.default.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__default.default.createElement(
-    "img",
-    {
-      src: "https://oss.orderly.network/static/sdk/privy/no-wallet.png",
-      className: "oui-size-[64px]"
-    }
-  ), /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-text-2xs oui-font-semibold oui-text-base-contrast-36" }, t("connector.privy.noWallet"))), /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-flex oui-items-start oui-gap-1 oui-rounded-[4px] oui-bg-[rgba(var(--oui-color-warning-darken)/0.15)] oui-px-2 oui-py-[6px] " }, /* @__PURE__ */ React19__default.default.createElement(
-    ui.ExclamationFillIcon,
-    {
-      size: 10,
-      className: "oui-mt-1 oui-size-[10px] oui-shrink-0 oui-text-warning-darken"
-    }
-  ), /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-text-2xs oui-text-warning-darken" }, t("connector.privy.noWallet.description")))), /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-my-5 oui-h-px oui-w-full oui-bg-line" }), /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-flex oui-w-full oui-flex-col oui-gap-2" }, walletChainType === "EVM_SOL" /* EVM_SOL */ && /* @__PURE__ */ React19__default.default.createElement(React19__default.default.Fragment, null, /* @__PURE__ */ React19__default.default.createElement(CreateEVMWallet, null), /* @__PURE__ */ React19__default.default.createElement(CreateSOLWallet, null)), walletChainType === "onlyEVM" /* onlyEVM */ && /* @__PURE__ */ React19__default.default.createElement(CreateEVMWallet, null), walletChainType === "onlySOL" /* onlySOL */ && /* @__PURE__ */ React19__default.default.createElement(CreateSOLWallet, null)));
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "oui-mt-5 oui-flex oui-w-full oui-flex-col oui-items-center oui-justify-center", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "oui-flex oui-w-full oui-flex-col oui-items-center oui-justify-center oui-gap-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("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] ", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "img",
+          {
+            src: "https://oss.orderly.network/static/sdk/privy/no-wallet.png",
+            className: "oui-size-[64px]"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-text-2xs oui-font-semibold oui-text-base-contrast-36", children: t("connector.privy.noWallet") })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "oui-flex oui-items-start oui-gap-1 oui-rounded-[4px] oui-bg-[rgba(var(--oui-color-warning-darken)/0.15)] oui-px-2 oui-py-[6px] ", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.ExclamationFillIcon,
+          {
+            size: 10,
+            className: "oui-mt-1 oui-size-[10px] oui-shrink-0 oui-text-warning-darken"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-text-2xs oui-text-warning-darken", children: t("connector.privy.noWallet.description") })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-my-5 oui-h-px oui-w-full oui-bg-line" }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "oui-flex oui-w-full oui-flex-col oui-gap-2", children: [
+      walletChainType === "EVM_SOL" /* EVM_SOL */ && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(CreateEVMWallet, {}),
+        /* @__PURE__ */ jsxRuntime.jsx(CreateSOLWallet, {})
+      ] }),
+      walletChainType === "onlyEVM" /* onlyEVM */ && /* @__PURE__ */ jsxRuntime.jsx(CreateEVMWallet, {}),
+      walletChainType === "onlySOL" /* onlySOL */ && /* @__PURE__ */ jsxRuntime.jsx(CreateSOLWallet, {})
+    ] })
+  ] });
 }
 function CreateEVMWallet() {
   const { t } = i18n.useTranslation();
   const { createEvmWallet } = usePrivyWallet();
-  const [loading, setLoading] = React19.useState(false);
+  const [loading, setLoading] = React7.useState(false);
   const doCreate = () => {
     if (loading) {
       return;
@@ -2519,34 +2673,40 @@ function CreateEVMWallet() {
       setLoading(false);
     });
   };
-  return /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-w-full oui-rounded-[8px] oui-bg-base-10 oui-px-2 oui-py-[11px]" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-flex oui-items-center oui-justify-center oui-gap-1 " }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-flex oui-items-center oui-justify-center oui-gap-1" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-relative oui-flex oui-w-[55px] oui-items-center oui-justify-start" }, /* @__PURE__ */ React19__default.default.createElement(
-    "img",
-    {
-      src: "https://oss.orderly.network/static/sdk/chains.png",
-      className: "oui-relative oui-z-0 oui-h-[18px]"
-    }
-  ), /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-absolute oui-right-0 oui-flex oui-size-[18px] oui-items-center oui-justify-center oui-rounded-full oui-bg-base-5" }, /* @__PURE__ */ React19__default.default.createElement(EVMChainPopover, null, /* @__PURE__ */ React19__default.default.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__default.default.createElement(
-    "div",
-    {
-      className: ui.cn(
-        "oui-cursor-pointer oui-text-2xs oui-font-semibold oui-text-base-contrast-80",
-        loading && "oui-opacity-50"
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-w-full oui-rounded-[8px] oui-bg-base-10 oui-px-2 oui-py-[11px]", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "oui-flex oui-items-center oui-justify-center oui-gap-1 ", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-flex oui-items-center oui-justify-center oui-gap-1", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "oui-relative oui-flex oui-w-[55px] oui-items-center oui-justify-start", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "img",
+        {
+          src: "https://oss.orderly.network/static/sdk/chains.png",
+          className: "oui-relative oui-z-0 oui-h-[18px]"
+        }
       ),
-      onClick: doCreate
-    },
-    t("connector.privy.createEvmWallet")
-  )));
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-absolute oui-right-0 oui-flex oui-size-[18px] oui-items-center oui-justify-center oui-rounded-full oui-bg-base-5", children: /* @__PURE__ */ jsxRuntime.jsx(EVMChainPopover, { children: /* @__PURE__ */ jsxRuntime.jsx(
+        MoreIcon,
+        {
+          className: "oui-relative oui-z-10 oui-size-3 oui-text-base-contrast-54 hover:oui-text-base-contrast",
+          style: { zIndex: 1 }
+        }
+      ) }) })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: ui.cn(
+          "oui-cursor-pointer oui-text-2xs oui-font-semibold oui-text-base-contrast-80",
+          loading && "oui-opacity-50"
+        ),
+        onClick: doCreate,
+        children: t("connector.privy.createEvmWallet")
+      }
+    )
+  ] }) });
 }
 function CreateSOLWallet() {
   const { t } = i18n.useTranslation();
   const { createSolanaWallet } = usePrivyWallet();
-  const [loading, setLoading] = React19.useState(false);
+  const [loading, setLoading] = React7.useState(false);
   const doCreate = () => {
     if (loading) {
       return;
@@ -2558,23 +2718,26 @@ function CreateSOLWallet() {
       setLoading(false);
     });
   };
-  return /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-w-full oui-rounded-[8px] oui-bg-base-10 oui-px-2 oui-py-[11px]" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-flex oui-items-center oui-justify-center oui-gap-1 " }, /* @__PURE__ */ React19__default.default.createElement(
-    "img",
-    {
-      src: "https://oss.orderly.network/static/sdk/solana-logo.png",
-      className: "oui-size-[15px]"
-    }
-  ), /* @__PURE__ */ React19__default.default.createElement(
-    "div",
-    {
-      className: ui.cn(
-        "oui-cursor-pointer oui-text-2xs oui-font-semibold oui-text-base-contrast-80",
-        loading && "oui-opacity-50"
-      ),
-      onClick: doCreate
-    },
-    t("connector.privy.createSolanaWallet")
-  )));
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-w-full oui-rounded-[8px] oui-bg-base-10 oui-px-2 oui-py-[11px]", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "oui-flex oui-items-center oui-justify-center oui-gap-1 ", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "img",
+      {
+        src: "https://oss.orderly.network/static/sdk/solana-logo.png",
+        className: "oui-size-[15px]"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: ui.cn(
+          "oui-cursor-pointer oui-text-2xs oui-font-semibold oui-text-base-contrast-80",
+          loading && "oui-opacity-50"
+        ),
+        onClick: doCreate,
+        children: t("connector.privy.createSolanaWallet")
+      }
+    )
+  ] }) });
 }
 function RenderPrivyWallet() {
   const { t } = i18n.useTranslation();
@@ -2594,10 +2757,10 @@ function RenderPrivyWallet() {
   } = usePrivyWallet();
   const { switchWallet, disconnect } = useWallet2();
   const { storageChain } = hooks.useStorageChain();
-  const [walletList, setWalletList] = React19.useState([]);
-  const [addWallet, setAddWallet] = React19.useState([]);
-  const [loading, setLoading] = React19.useState(true);
-  const isActive = React19.useCallback(
+  const [walletList, setWalletList] = React7.useState([]);
+  const [addWallet, setAddWallet] = React7.useState([]);
+  const [loading, setLoading] = React7.useState(true);
+  const isActive = React7.useCallback(
     (walletType, address) => {
       if (storageChain?.namespace === types.ChainNamespace.evm) {
         if (walletType === "EVM" /* EVM */) {
@@ -2616,7 +2779,7 @@ function RenderPrivyWallet() {
     },
     [storageChain, walletEVM, walletSOL]
   );
-  const renderWarning = React19.useCallback(() => {
+  const renderWarning = React7.useCallback(() => {
     let showWarning = false;
     if (types.AbstractChains.has(storageChain?.chainId)) {
       showWarning = true;
@@ -2627,50 +2790,58 @@ function RenderPrivyWallet() {
     if (!showWarning) {
       return;
     }
-    return /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-mt-5 oui-border-b oui-border-line oui-pb-5" }, /* @__PURE__ */ React19__default.default.createElement(
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-mt-5 oui-border-b oui-border-line oui-pb-5", children: /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
         className: ui.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__ */ React19__default.default.createElement(
-        ui.ExclamationFillIcon,
-        {
-          size: 14,
-          className: "oui-mt-[2px] oui-size-[14px] oui-shrink-0 oui-text-warning-darken"
-        }
-      ),
-      /* @__PURE__ */ React19__default.default.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.")
-    ));
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.ExclamationFillIcon,
+            {
+              size: 14,
+              className: "oui-mt-[2px] oui-size-[14px] oui-shrink-0 oui-text-warning-darken"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-text-2xs oui-leading-[18px] oui-text-warning-darken", children: "Abstract Chain access requires Abstract Global Wallet. Privy connection is currently unsupported." })
+        ]
+      }
+    ) });
   }, [targetWalletType]);
-  const renderWallet = React19.useCallback(() => {
+  const renderWallet = React7.useCallback(() => {
     if (loading) {
       return;
     }
     if (!walletList.length) {
-      return /* @__PURE__ */ React19__default.default.createElement(NoWallet, null);
+      return /* @__PURE__ */ jsxRuntime.jsx(NoWallet, {});
     }
-    return /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-mt-5 oui-flex oui-flex-col oui-gap-5" }, walletList.map((wallet) => /* @__PURE__ */ React19__default.default.createElement(
-      WalletCard,
-      {
-        key: wallet.address,
-        type: wallet.type,
-        address: wallet.address,
-        isActive: isActive(wallet.type, wallet.address),
-        isPrivy: true,
-        isMulti: walletList.length > 1,
-        onActiveChange: () => {
-          const walletNamespace = wallet.type === "EVM" /* EVM */ ? types.ChainNamespace.evm : types.ChainNamespace.solana;
-          selectWallet(walletNamespace, wallet.address);
-          if (storageChain?.namespace !== walletNamespace) {
-            switchWallet(wallet.type);
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "oui-mt-5 oui-flex oui-flex-col oui-gap-5", children: [
+      walletList.map((wallet) => /* @__PURE__ */ jsxRuntime.jsx(
+        WalletCard,
+        {
+          type: wallet.type,
+          address: wallet.address,
+          isActive: isActive(wallet.type, wallet.address),
+          isPrivy: true,
+          isMulti: walletList.length > 1,
+          onActiveChange: () => {
+            const walletNamespace = wallet.type === "EVM" /* EVM */ ? types.ChainNamespace.evm : types.ChainNamespace.solana;
+            selectWallet(walletNamespace, wallet.address);
+            if (storageChain?.namespace !== walletNamespace) {
+              switchWallet(wallet.type);
+            }
           }
-        }
-      }
-    )), addWallet.map((node, index) => /* @__PURE__ */ React19__default.default.createElement("div", { key: index }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-my-5 oui-h-px oui-w-full oui-bg-line" }), /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-flex oui-w-full oui-flex-col oui-gap-2" }, node))));
+        },
+        wallet.address
+      )),
+      addWallet.map((node, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-my-5 oui-h-px oui-w-full oui-bg-line" }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-flex oui-w-full oui-flex-col oui-gap-2", children: node })
+      ] }, index))
+    ] });
   }, [
     walletList,
     addWallet,
@@ -2681,7 +2852,7 @@ function RenderPrivyWallet() {
     t,
     loading
   ]);
-  React19.useEffect(() => {
+  React7.useEffect(() => {
     new Promise(
       (resolve) => setTimeout(() => {
         setLoading(false);
@@ -2689,7 +2860,7 @@ function RenderPrivyWallet() {
       }, 200)
     );
   }, []);
-  React19.useEffect(() => {
+  React7.useEffect(() => {
     const tempWalletList = [];
     const tempAddWallet = [];
     if (!connectorWalletType.disableWagmi && walletChainTypeConfig.hasEvm) {
@@ -2701,7 +2872,7 @@ function RenderPrivyWallet() {
           });
         }
       } else {
-        tempAddWallet.push(/* @__PURE__ */ React19__default.default.createElement(CreateEVMWallet, null));
+        tempAddWallet.push(/* @__PURE__ */ jsxRuntime.jsx(CreateEVMWallet, {}));
       }
     }
     if (!connectorWalletType.disableSolana && walletChainTypeConfig.hasSol) {
@@ -2713,7 +2884,7 @@ function RenderPrivyWallet() {
           });
         }
       } else {
-        tempAddWallet.push(/* @__PURE__ */ React19__default.default.createElement(CreateSOLWallet, null));
+        tempAddWallet.push(/* @__PURE__ */ jsxRuntime.jsx(CreateSOLWallet, {}));
       }
     }
     setWalletList(tempWalletList);
@@ -2724,7 +2895,7 @@ function RenderPrivyWallet() {
     allWalletsEVM,
     allWalletsSOL
   ]);
-  React19.useEffect(() => {
+  React7.useEffect(() => {
     if (targetWalletType === "Abstract" /* ABSTRACT */) {
       utils.windowGuard(() => {
         setTimeout(() => {
@@ -2733,20 +2904,31 @@ function RenderPrivyWallet() {
       });
     }
   }, [targetWalletType, setTargetWalletType]);
-  return /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-flex oui-max-h-[70vh] oui-flex-col oui-overflow-y-auto oui-custom-scrollbar" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-flex oui-items-center oui-justify-between" }, linkedAccount && /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-flex oui-items-center oui-justify-start oui-gap-2 oui-text-base-contrast" }, /* @__PURE__ */ React19__default.default.createElement("div", null, /* @__PURE__ */ React19__default.default.createElement(RenderPrivyTypeIcon, { type: linkedAccount.type, size: 24 })), /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-text-xs" }, linkedAccount.address)), /* @__PURE__ */ React19__default.default.createElement(
-    "div",
-    {
-      className: "oui-cursor-pointer oui-text-2xs oui-font-semibold oui-text-primary",
-      onClick: () => disconnect("privy" /* PRIVY */)
-    },
-    t("connector.privy.logout")
-  )), renderWarning(), renderWallet());
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "oui-flex oui-max-h-[70vh] oui-flex-col oui-overflow-y-auto oui-custom-scrollbar", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "oui-flex oui-items-center oui-justify-between", children: [
+      linkedAccount && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "oui-flex oui-items-center oui-justify-start oui-gap-2 oui-text-base-contrast", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(RenderPrivyTypeIcon, { type: linkedAccount.type, size: 24 }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-text-xs", children: linkedAccount.address })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: "oui-cursor-pointer oui-text-2xs oui-font-semibold oui-text-primary",
+          onClick: () => disconnect("privy" /* PRIVY */),
+          children: t("connector.privy.logout")
+        }
+      )
+    ] }),
+    renderWarning(),
+    renderWallet()
+  ] });
 }
-
-// src/components/connectDrawer.tsx
 function MyWallet() {
   const [connectorKey, setConnectorKey] = hooks.useLocalStorage(types.ConnectorKey, "");
-  return /* @__PURE__ */ React19__default.default.createElement("div", null, connectorKey === "privy" && /* @__PURE__ */ React19__default.default.createElement(RenderPrivyWallet, null), connectorKey !== "privy" && /* @__PURE__ */ React19__default.default.createElement(RenderNonPrivyWallet, null));
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    connectorKey === "privy" && /* @__PURE__ */ jsxRuntime.jsx(RenderPrivyWallet, {}),
+    connectorKey !== "privy" && /* @__PURE__ */ jsxRuntime.jsx(RenderNonPrivyWallet, {})
+  ] });
 }
 function ConnectDrawer(props) {
   const { t } = i18n.useTranslation();
@@ -2756,7 +2938,7 @@ function ConnectDrawer(props) {
   const { isConnected: isConnectedAbstract } = useAbstractWallet();
   const { termsOfUse } = useWalletConnectorPrivy();
   const [connectorKey] = hooks.useLocalStorage(types.ConnectorKey, "");
-  const isConnected = React19.useMemo(() => {
+  const isConnected = React7.useMemo(() => {
     if (connectorKey === "privy" /* PRIVY */ && isConnectedPrivy) {
       return true;
     }
@@ -2783,20 +2965,20 @@ function ConnectDrawer(props) {
   const showPwaDialog = () => {
     ui.modal.show(PwaDialog);
   };
-  const renderHeader = React19.useCallback(() => {
-    return /* @__PURE__ */ React19__default.default.createElement(
+  const renderHeader = React7.useCallback(() => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
         className: ui.cn(
           "oui-font-semibold oui-text-base-contrast-80 ",
           "oui-pb-2 oui-text-[20px]",
           "md:oui-py-0 md:oui-text-base"
-        )
-      },
-      isConnected ? t("connector.privy.myWallet") : t("connector.connectWallet")
+        ),
+        children: isConnected ? t("connector.privy.myWallet") : t("connector.connectWallet")
+      }
     );
   }, [isConnected]);
-  return /* @__PURE__ */ React19__default.default.createElement(
+  return /* @__PURE__ */ jsxRuntime.jsxs(
     ui.SimpleSheet,
     {
       open: props.open,
@@ -2809,63 +2991,77 @@ function ConnectDrawer(props) {
           isMobile ? "oui-inset-y-0 oui-right-0 oui-w-[280px] oui-rounded-none !oui-bg-base-8" : "!oui-bottom-[30px] oui-right-3 oui-top-[48px] !oui-h-auto oui-w-[300px] oui-overflow-hidden oui-rounded-[16px] !oui-bg-base-9 "
         )
       },
-      contentProps: { side: "right", closeable: false }
-    },
-    !isMobile && /* @__PURE__ */ React19__default.default.createElement(
-      "div",
-      {
-        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__ */ React19__default.default.createElement("div", { className: "oui-relative oui-z-10 oui-flex oui-h-full oui-flex-col oui-gap-4 md:oui-gap-5" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-flex oui-flex-none oui-items-center oui-justify-between" }, renderHeader(), /* @__PURE__ */ React19__default.default.createElement(
-      ui.CloseSquareFillIcon,
-      {
-        className: "oui-size-5 oui-cursor-pointer oui-text-base-contrast-20 hover:oui-text-base-contrast-80",
-        onClick: () => props.onChangeOpen(false)
-      }
-    )), isConnected ? /* @__PURE__ */ React19__default.default.createElement(MyWallet, null) : /* @__PURE__ */ React19__default.default.createElement(RenderConnector, null), !isConnected && /* @__PURE__ */ React19__default.default.createElement(ui.Flex, { gap: 4, direction: "column" }, isMobile && /* @__PURE__ */ React19__default.default.createElement(
-      ui.Flex,
-      {
-        itemAlign: "center",
-        justify: "between",
-        gap: 4,
-        className: "oui-rounded-[8px] oui-px-3 oui-py-2 oui-text-2xs oui-bg-[linear-gradient(270deg,rgba(var(--oui-gradient-brand-end),0.10)_0%,rgba(var(--oui-gradient-brand-start),0.10)_100%)] oui-w-full",
-        onClick: () => showPwaDialog()
-      },
-      /* @__PURE__ */ React19__default.default.createElement(ui.Text, { className: "oui-bg-[linear-gradient(270deg,rgb(var(--oui-gradient-brand-end))_0%,rgb(var(--oui-gradient-brand-start))_100%)] oui-bg-clip-text oui-text-transparent" }, t("connector.privy.pwa.title")),
-      /* @__PURE__ */ React19__default.default.createElement(
-        ArrowRightLinearGradientIcon,
-        {
-          size: 20,
-          className: "oui-flex-shrink-0"
-        }
-      )
-    ), termsOfUse && /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-flex-none oui-text-center oui-text-2xs oui-font-semibold  oui-text-base-contrast-80" }, /* @__PURE__ */ React19__default.default.createElement(
-      i18n.Trans,
-      {
-        i18nKey: "connector.privy.termsOfUse",
-        components: [
-          /* @__PURE__ */ React19__default.default.createElement(
-            "a",
-            {
-              key: "termsOfUse",
-              href: termsOfUse,
-              className: "oui-cursor-pointer oui-text-primary oui-underline",
-              target: "_blank",
-              rel: "noreferrer"
+      contentProps: { side: "right", closeable: false },
+      children: [
+        !isMobile && /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            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__ */ jsxRuntime.jsxs("div", { className: "oui-relative oui-z-10 oui-flex oui-h-full oui-flex-col oui-gap-4 md:oui-gap-5", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "oui-flex oui-flex-none oui-items-center oui-justify-between", children: [
+            renderHeader(),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              ui.CloseSquareFillIcon,
+              {
+                className: "oui-size-5 oui-cursor-pointer oui-text-base-contrast-20 hover:oui-text-base-contrast-80",
+                onClick: () => props.onChangeOpen(false)
+              }
+            )
+          ] }),
+          isConnected ? /* @__PURE__ */ jsxRuntime.jsx(MyWallet, {}) : /* @__PURE__ */ jsxRuntime.jsx(RenderConnector, {}),
+          !isConnected && /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { gap: 4, direction: "column", children: [
+            isMobile && /* @__PURE__ */ jsxRuntime.jsxs(
+              ui.Flex,
+              {
+                itemAlign: "center",
+                justify: "between",
+                gap: 4,
+                className: "oui-rounded-[8px] oui-px-3 oui-py-2 oui-text-2xs oui-bg-[linear-gradient(270deg,rgba(var(--oui-gradient-brand-end),0.10)_0%,rgba(var(--oui-gradient-brand-start),0.10)_100%)] oui-w-full",
+                onClick: () => showPwaDialog(),
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "oui-bg-[linear-gradient(270deg,rgb(var(--oui-gradient-brand-end))_0%,rgb(var(--oui-gradient-brand-start))_100%)] oui-bg-clip-text oui-text-transparent", children: t("connector.privy.pwa.title") }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    ArrowRightLinearGradientIcon,
+                    {
+                      size: 20,
+                      className: "oui-flex-shrink-0"
+                    }
+                  )
+                ]
+              }
+            ),
+            termsOfUse && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-flex-none oui-text-center oui-text-2xs oui-font-semibold  oui-text-base-contrast-80", children: /* @__PURE__ */ jsxRuntime.jsx(
+              i18n.Trans,
+              {
+                i18nKey: "connector.privy.termsOfUse",
+                components: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "a",
+                    {
+                      href: termsOfUse,
+                      className: "oui-cursor-pointer oui-text-primary oui-underline",
+                      target: "_blank",
+                      rel: "noreferrer"
+                    },
+                    "termsOfUse"
+                  )
+                ]
+              }
+            ) })
+          ] })
+        ] })
+      ]
+    }
   );
 }
 var LinkDeviceMobile = (props) => {
-  const [open, setOpen] = React19.useState(false);
+  const [open, setOpen] = React7.useState(false);
   const { account } = hooks.useAccount();
   const { t } = i18n.useTranslation();
   const onDisconnect = async () => {
@@ -2878,52 +3074,64 @@ var LinkDeviceMobile = (props) => {
   const hideDialog = () => {
     setOpen(false);
   };
-  return /* @__PURE__ */ React19__default.default.createElement(React19__default.default.Fragment, null, /* @__PURE__ */ React19__default.default.createElement(
-    ui.SimpleDialog,
-    {
-      open,
-      onOpenChange: setOpen,
-      title: t("common.tips"),
-      size: "xs",
-      actions: {
-        secondary: {
-          label: t("common.cancel"),
-          onClick: hideDialog,
-          size: "md",
-          fullWidth: true
-        },
-        primary: {
-          label: t("connector.disconnect"),
-          onClick: async () => {
-            await onDisconnect();
-            hideDialog();
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      ui.SimpleDialog,
+      {
+        open,
+        onOpenChange: setOpen,
+        title: t("common.tips"),
+        size: "xs",
+        actions: {
+          secondary: {
+            label: t("common.cancel"),
+            onClick: hideDialog,
+            size: "md",
+            fullWidth: true
           },
-          size: "md",
-          variant: "outlined",
-          color: "danger"
-        }
+          primary: {
+            label: t("connector.disconnect"),
+            onClick: async () => {
+              await onDisconnect();
+              hideDialog();
+            },
+            size: "md",
+            variant: "outlined",
+            color: "danger"
+          }
+        },
+        children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { intensity: 54, size: "sm", children: t("linkDevice.scanQRCode.connected.description") })
       }
-    },
-    /* @__PURE__ */ React19__default.default.createElement(ui.Text, { intensity: 54, size: "sm" }, t("linkDevice.scanQRCode.connected.description"))
-  ), /* @__PURE__ */ React19__default.default.createElement(ui.Flex, { className: "oui-gap-[6px]", itemAlign: "center", onClick: showDialog }, /* @__PURE__ */ React19__default.default.createElement(
-    ui.Flex,
-    {
-      className: "oui-text-base-contrast",
-      intensity: 500,
-      height: 28,
-      r: "md"
-    },
-    /* @__PURE__ */ React19__default.default.createElement(DesktopIcon, null),
-    /* @__PURE__ */ React19__default.default.createElement(Dot, null),
-    /* @__PURE__ */ React19__default.default.createElement(LinkIcon, null),
-    /* @__PURE__ */ React19__default.default.createElement(Dot, null),
-    /* @__PURE__ */ React19__default.default.createElement(MobileIcon, null)
-  ), props.children));
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { className: "oui-gap-[6px]", itemAlign: "center", onClick: showDialog, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        ui.Flex,
+        {
+          className: "oui-text-base-contrast",
+          intensity: 500,
+          height: 28,
+          r: "md",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(DesktopIcon, {}),
+            /* @__PURE__ */ jsxRuntime.jsx(Dot, {}),
+            /* @__PURE__ */ jsxRuntime.jsx(LinkIcon, {}),
+            /* @__PURE__ */ jsxRuntime.jsx(Dot, {}),
+            /* @__PURE__ */ jsxRuntime.jsx(MobileIcon, {})
+          ]
+        }
+      ),
+      props.children
+    ] })
+  ] });
 };
 var Dot = () => {
-  return /* @__PURE__ */ React19__default.default.createElement(ui.Flex, { className: "oui-gap-x-[1px] oui-px-[1px]" }, /* @__PURE__ */ React19__default.default.createElement(DotIcon, null), /* @__PURE__ */ React19__default.default.createElement(DotIcon, null), /* @__PURE__ */ React19__default.default.createElement(DotIcon, null));
+  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { className: "oui-gap-x-[1px] oui-px-[1px]", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(DotIcon, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(DotIcon, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(DotIcon, {})
+  ] });
 };
-var DesktopIcon = (props) => /* @__PURE__ */ React19__default.default.createElement(
+var DesktopIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx(
   "svg",
   {
     width: "18",
@@ -2931,11 +3139,11 @@ var DesktopIcon = (props) => /* @__PURE__ */ React19__default.default.createElem
     viewBox: "0 0 18 18",
     fill: "currentColor",
     xmlns: "http://www.w3.org/2000/svg",
-    ...props
-  },
-  /* @__PURE__ */ React19__default.default.createElement("path", { d: "M4.5 2.93a2.25 2.25 0 0 0-2.25 2.25v5.25a.75.75 0 0 0-.75.75v1.5c0 1.272.93 2.25 2.25 2.25h10.5c1.318 0 2.25-.978 2.25-2.25v-1.5a.75.75 0 0 0-.75-.75V5.18a2.25 2.25 0 0 0-2.25-2.25zm0 1.5h9a.75.75 0 0 1 .75.75v5.25H3.75V5.18a.75.75 0 0 1 .75-.75M3 11.93h12v.75c0 .46-.277.75-.75.75H3.75c-.474 0-.75-.29-.75-.75z" })
+    ...props,
+    children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4.5 2.93a2.25 2.25 0 0 0-2.25 2.25v5.25a.75.75 0 0 0-.75.75v1.5c0 1.272.93 2.25 2.25 2.25h10.5c1.318 0 2.25-.978 2.25-2.25v-1.5a.75.75 0 0 0-.75-.75V5.18a2.25 2.25 0 0 0-2.25-2.25zm0 1.5h9a.75.75 0 0 1 .75.75v5.25H3.75V5.18a.75.75 0 0 1 .75-.75M3 11.93h12v.75c0 .46-.277.75-.75.75H3.75c-.474 0-.75-.29-.75-.75z" })
+  }
 );
-var MobileIcon = (props) => /* @__PURE__ */ React19__default.default.createElement(
+var MobileIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx(
   "svg",
   {
     width: "18",
@@ -2943,81 +3151,87 @@ var MobileIcon = (props) => /* @__PURE__ */ React19__default.default.createEleme
     viewBox: "0 0 18 18",
     fill: "currentColor",
     xmlns: "http://www.w3.org/2000/svg",
-    ...props
-  },
-  /* @__PURE__ */ React19__default.default.createElement("path", { d: "M13.498 3.715a2.25 2.25 0 0 0-2.25-2.25h-4.5a2.25 2.25 0 0 0-2.25 2.25v10.5a2.25 2.25 0 0 0 2.25 2.25h4.5a2.25 2.25 0 0 0 2.25-2.25zm-1.5 0v9.75h-6v-9.75a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 .75.75m-2.25 11.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0" })
+    ...props,
+    children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M13.498 3.715a2.25 2.25 0 0 0-2.25-2.25h-4.5a2.25 2.25 0 0 0-2.25 2.25v10.5a2.25 2.25 0 0 0 2.25 2.25h4.5a2.25 2.25 0 0 0 2.25-2.25zm-1.5 0v9.75h-6v-9.75a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 .75.75m-2.25 11.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0" })
+  }
 );
-var LinkIcon = (props) => /* @__PURE__ */ React19__default.default.createElement(
+var LinkIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs(
   "svg",
   {
     width: "12",
     height: "12",
     viewBox: "0 0 12 12",
     fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  },
-  /* @__PURE__ */ React19__default.default.createElement(
-    "path",
-    {
-      fillRule: "evenodd",
-      clipRule: "evenodd",
-      d: "M1.007 6a5 5 0 1 1 10 0 5 5 0 0 1-10 0m7.486-2.344A.6.6 0 0 1 8.91 3.5c.15 0 .305.048.418.156a.55.55 0 0 1 0 .798L5.254 8.337a.62.62 0 0 1-.837 0L2.67 6.673a.55.55 0 0 1 0-.798.62.62 0 0 1 .837 0l1.329 1.266z",
-      fill: "url(#a)"
-    }
-  ),
-  /* @__PURE__ */ React19__default.default.createElement("defs", null, /* @__PURE__ */ React19__default.default.createElement(
-    "linearGradient",
-    {
-      id: "a",
-      x1: "11.007",
-      y1: "5.999",
-      x2: "1.007",
-      y2: "5.999",
-      gradientUnits: "userSpaceOnUse"
-    },
-    /* @__PURE__ */ React19__default.default.createElement("stop", { stopColor: "rgb(var(--oui-gradient-brand-end))" }),
-    /* @__PURE__ */ React19__default.default.createElement("stop", { offset: "1", stopColor: "rgb(var(--oui-gradient-brand-start))" })
-  ))
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M1.007 6a5 5 0 1 1 10 0 5 5 0 0 1-10 0m7.486-2.344A.6.6 0 0 1 8.91 3.5c.15 0 .305.048.418.156a.55.55 0 0 1 0 .798L5.254 8.337a.62.62 0 0 1-.837 0L2.67 6.673a.55.55 0 0 1 0-.798.62.62 0 0 1 .837 0l1.329 1.266z",
+          fill: "url(#a)"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsxs(
+        "linearGradient",
+        {
+          id: "a",
+          x1: "11.007",
+          y1: "5.999",
+          x2: "1.007",
+          y2: "5.999",
+          gradientUnits: "userSpaceOnUse",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("stop", { stopColor: "rgb(var(--oui-gradient-brand-end))" }),
+            /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "1", stopColor: "rgb(var(--oui-gradient-brand-start))" })
+          ]
+        }
+      ) })
+    ]
+  }
 );
-var DotIcon = (props) => /* @__PURE__ */ React19__default.default.createElement(
+var DotIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs(
   "svg",
   {
     width: "2",
     height: "2",
     viewBox: "0 0 2 2",
     fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  },
-  /* @__PURE__ */ React19__default.default.createElement(
-    "path",
-    {
-      d: "M.667.334a.667.667 0 1 1 0 1.333.667.667 0 0 1 0-1.333",
-      fill: "url(#a)"
-    }
-  ),
-  /* @__PURE__ */ React19__default.default.createElement("defs", null, /* @__PURE__ */ React19__default.default.createElement(
-    "linearGradient",
-    {
-      id: "a",
-      x1: "1.333",
-      y1: "1.001",
-      x2: "0",
-      y2: "1.001",
-      gradientUnits: "userSpaceOnUse"
-    },
-    /* @__PURE__ */ React19__default.default.createElement("stop", { stopColor: "rgb(var(--oui-gradient-brand-end))" }),
-    /* @__PURE__ */ React19__default.default.createElement("stop", { offset: "1", stopColor: "rgb(var(--oui-gradient-brand-start))" })
-  ))
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M.667.334a.667.667 0 1 1 0 1.333.667.667 0 0 1 0-1.333",
+          fill: "url(#a)"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsxs(
+        "linearGradient",
+        {
+          id: "a",
+          x1: "1.333",
+          y1: "1.001",
+          x2: "0",
+          y2: "1.001",
+          gradientUnits: "userSpaceOnUse",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("stop", { stopColor: "rgb(var(--oui-gradient-brand-end))" }),
+            /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "1", stopColor: "rgb(var(--oui-gradient-brand-start))" })
+          ]
+        }
+      ) })
+    ]
+  }
 );
-
-// src/components/userCenter.tsx
 function UserCenter(props) {
   const { accountState: state } = props;
-  return /* @__PURE__ */ React19__default.default.createElement(RenderUserCenter, { state, disabledConnect: props.disabledConnect });
+  return /* @__PURE__ */ jsxRuntime.jsx(RenderUserCenter, { state, disabledConnect: props.disabledConnect });
 }
 var MwebUserCenter = (props) => {
   const { state } = props;
-  return /* @__PURE__ */ React19__default.default.createElement(RenderUserCenter, { state, disabledConnect: props.disabledConnect });
+  return /* @__PURE__ */ jsxRuntime.jsx(RenderUserCenter, { state, disabledConnect: props.disabledConnect });
 };
 var RenderUserCenter = (props) => {
   const { state } = props;
@@ -3028,24 +3242,24 @@ var RenderUserCenter = (props) => {
   const { state: accountState, account } = hooks.useAccount();
   const { connectedChain } = hooks.useWalletConnector();
   const disabled = state.validating || props.disabledConnect;
-  const userAddress = React19.useMemo(() => {
+  const userAddress = React7.useMemo(() => {
     if (connectedChain?.id && types.ABSTRACT_CHAIN_ID_MAP.has(parseInt(connectedChain?.id))) {
       return account.getAdditionalInfo()?.AGWAddress;
     }
     return account.address;
   }, [account, connectedChain, accountState]);
   if (state.status === types.AccountStatusEnum.EnableTradingWithoutConnected) {
-    return /* @__PURE__ */ React19__default.default.createElement(ui.Flex, { className: "oui-bg-base-5 oui-px-[7px] oui-rounded-[6px] oui-gap-[6px]" }, /* @__PURE__ */ React19__default.default.createElement(LinkDeviceMobile, null, /* @__PURE__ */ React19__default.default.createElement(
+    return /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, { className: "oui-bg-base-5 oui-px-[7px] oui-rounded-[6px] oui-gap-[6px]", children: /* @__PURE__ */ jsxRuntime.jsx(LinkDeviceMobile, { children: /* @__PURE__ */ jsxRuntime.jsx(
       ui.Text.formatted,
       {
         rule: "address",
-        className: "oui-text-base-contrast oui-text-xs"
-      },
-      ui.formatAddress(userAddress)
-    )));
+        className: "oui-text-base-contrast oui-text-xs",
+        children: ui.formatAddress(userAddress)
+      }
+    ) }) });
   }
   if (state.status <= types.AccountStatusEnum.NotConnected || disabled) {
-    return /* @__PURE__ */ React19__default.default.createElement(
+    return /* @__PURE__ */ jsxRuntime.jsx(
       ui.Button,
       {
         "data-testid": "oui-testid-nav-bar-connectWallet-btn",
@@ -3061,86 +3275,88 @@ var RenderUserCenter = (props) => {
         onClick: () => {
           connect().then((r) => {
           }).catch((e) => void 0);
-        }
-      },
-      isMobile ? t("connector.connect") : t("connector.connectWallet")
+        },
+        children: isMobile ? t("connector.connect") : t("connector.connectWallet")
+      }
     );
   }
   if (!wallet) {
     return;
   }
   if (isMobile) {
-    return /* @__PURE__ */ React19__default.default.createElement(
+    return /* @__PURE__ */ jsxRuntime.jsx(
       uiConnector.AuthGuard,
       {
         buttonProps: {
           size: "md"
-        }
-      },
-      /* @__PURE__ */ React19__default.default.createElement("div", { onClick: () => connect() }, /* @__PURE__ */ React19__default.default.createElement(
-        ui.Button,
-        {
-          size: "md",
-          variant: "gradient",
-          angle: 45,
-          "data-testid": "oui-testid-nav-bar-address-btn",
-          className: "oui-px-2 oui-flex oui-items-center oui-justify-center oui-gap-1"
         },
-        linkedAccount && /* @__PURE__ */ React19__default.default.createElement(
-          RenderPrivyTypeIcon,
+        children: /* @__PURE__ */ jsxRuntime.jsx("div", { onClick: () => connect(), children: /* @__PURE__ */ jsxRuntime.jsxs(
+          ui.Button,
           {
-            type: linkedAccount.type,
-            size: 14,
-            black: true
+            size: "md",
+            variant: "gradient",
+            angle: 45,
+            "data-testid": "oui-testid-nav-bar-address-btn",
+            className: "oui-px-2 oui-flex oui-items-center oui-justify-center oui-gap-1",
+            children: [
+              linkedAccount && /* @__PURE__ */ jsxRuntime.jsx(
+                RenderPrivyTypeIcon,
+                {
+                  type: linkedAccount.type,
+                  size: 14,
+                  black: true
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                ui.Text.formatted,
+                {
+                  rule: "address",
+                  className: "oui-text-[rgba(0,0,0,.88)] oui-font-semibold",
+                  children: ui.formatAddress(userAddress)
+                }
+              )
+            ]
           }
-        ),
-        /* @__PURE__ */ React19__default.default.createElement(
-          ui.Text.formatted,
-          {
-            rule: "address",
-            className: "oui-text-[rgba(0,0,0,.88)] oui-font-semibold"
-          },
-          ui.formatAddress(userAddress)
-        )
-      ))
+        ) })
+      }
     );
   }
-  return /* @__PURE__ */ React19__default.default.createElement("div", { onClick: () => connect() }, /* @__PURE__ */ React19__default.default.createElement(
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { onClick: () => connect(), children: /* @__PURE__ */ jsxRuntime.jsxs(
     ui.Button,
     {
       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"
-    },
-    linkedAccount && /* @__PURE__ */ React19__default.default.createElement(
-      RenderPrivyTypeIcon,
-      {
-        type: linkedAccount.type,
-        size: 18,
-        black: true
-      }
-    ),
-    /* @__PURE__ */ React19__default.default.createElement(ui.Text.formatted, { rule: "address", className: "oui-text-[rgba(0,0,0,.88)]" }, ui.formatAddress(userAddress))
-  ));
+      className: "oui-flex oui-items-center oui-justify-center oui-gap-2",
+      children: [
+        linkedAccount && /* @__PURE__ */ jsxRuntime.jsx(
+          RenderPrivyTypeIcon,
+          {
+            type: linkedAccount.type,
+            size: 18,
+            black: true
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text.formatted, { rule: "address", className: "oui-text-[rgba(0,0,0,.88)]", children: ui.formatAddress(userAddress) })
+      ]
+    }
+  ) });
 };
 ui.installExtension({
   name: "account-menu-privy",
   scope: ["*"],
   positions: [ui.ExtensionPositionEnum.AccountMenu]
 })((props) => {
-  return /* @__PURE__ */ React19__default.default.createElement(UserCenter, { ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx(UserCenter, { ...props });
 });
 ui.installExtension({
   name: "mobile-account-menu-privy",
   scope: ["*"],
   positions: [ui.ExtensionPositionEnum.MobileAccountMenu]
 })((props) => {
-  return /* @__PURE__ */ React19__default.default.createElement(MwebUserCenter, { ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx(MwebUserCenter, { ...props });
 });
-
-// src/main.tsx
 var Main = (props) => {
   const { headerProps, children } = props;
   const { wallet, connectedChain, setChain, namespace, onDisconnect } = useWallet2();
@@ -3155,7 +3371,7 @@ var Main = (props) => {
       resolve([]);
     });
   };
-  const memoizedValue = React19.useMemo(
+  const memoizedValue = React7.useMemo(
     () => ({
       connect,
       disconnect: onDisconnect,
@@ -3169,29 +3385,30 @@ var Main = (props) => {
     }),
     [connect, setChain, onDisconnect, connectedChain, wallet, namespace]
   );
-  return /* @__PURE__ */ React19__default.default.createElement(hooks.WalletConnectorContext.Provider, { value: memoizedValue }, /* @__PURE__ */ React19__default.default.createElement(
-    ConnectDrawer,
-    {
-      open: openConnectDrawer,
-      onChangeOpen: setOpenConnectDrawer,
-      headerProps
-    }
-  ), children);
+  return /* @__PURE__ */ jsxRuntime.jsxs(hooks.WalletConnectorContext.Provider, { value: memoizedValue, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      ConnectDrawer,
+      {
+        open: openConnectDrawer,
+        onChangeOpen: setOpenConnectDrawer,
+        headerProps
+      }
+    ),
+    children
+  ] });
 };
 var InitAbstractProvider = (props) => {
   const { network } = useWalletConnectorPrivy();
-  const chain = React19.useMemo(() => {
+  const chain = React7.useMemo(() => {
     if (network === "mainnet" /* mainnet */) {
       return chains.abstract;
     }
     return chains.abstractTestnet;
   }, [network]);
-  return /* @__PURE__ */ React19__default.default.createElement(agwReact.AbstractWalletProvider, { chain }, props.children);
+  return /* @__PURE__ */ jsxRuntime.jsx(agwReact.AbstractWalletProvider, { chain, children: props.children });
 };
-
-// src/providers/abstractWallet/index.tsx
 function AbstractWallet({ children }) {
-  return /* @__PURE__ */ React19__default.default.createElement(InitAbstractProvider, null, /* @__PURE__ */ React19__default.default.createElement(AbstractWalletProvider, null, children));
+  return /* @__PURE__ */ jsxRuntime.jsx(InitAbstractProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(AbstractWalletProvider, { children }) });
 }
 function InitPrivyProvider({
   privyConfig,
@@ -3202,7 +3419,7 @@ function InitPrivyProvider({
     return children;
   }
   const { network } = useWalletConnectorPrivy();
-  const config = React19.useMemo(() => {
+  const config = React7.useMemo(() => {
     const chains = initChains;
     const preferredDefaultChainIds = (network === "mainnet" ? types.defaultMainnetChains : types.defaultTestnetChains).map((c) => c.id);
     const preferredDefaultChain = preferredDefaultChainIds.map((id) => chains.find((c) => c.id === id)).find((c) => !!c);
@@ -3210,29 +3427,59 @@ function InitPrivyProvider({
       (chain) => !types.SolanaChains.has(chain.id) && !types.AbstractChains.has(chain.id)
     );
     const defaultEvmChain = preferredDefaultChain ?? firstEvmChain ?? chains[0];
+    const userConfig = privyConfig.config ?? {};
+    const {
+      supportedChains,
+      defaultChain,
+      loginMethods: userLoginMethods,
+      appearance: userAppearance,
+      embeddedWallets: userEmbedded,
+      externalWallets: userExternal,
+      ...rest
+    } = userConfig;
+    const defaultEmbedded = {
+      ethereum: {
+        createOnLogin: "all-users"
+      },
+      solana: {
+        createOnLogin: "all-users"
+      }
+    };
+    const defaultExternal = {
+      walletConnect: {
+        enabled: false
+      }
+    };
+    const embeddedWallets = {
+      ...defaultEmbedded,
+      ...userEmbedded,
+      ethereum: {
+        ...defaultEmbedded.ethereum,
+        ...userEmbedded?.ethereum
+      },
+      solana: {
+        ...defaultEmbedded.solana,
+        ...userEmbedded?.solana
+      }
+    };
+    const externalWallets = {
+      ...defaultExternal,
+      ...userExternal,
+      walletConnect: {
+        ...defaultExternal.walletConnect,
+        ...userExternal?.walletConnect,
+        enabled: userExternal?.walletConnect?.enabled ?? defaultExternal.walletConnect?.enabled ?? false
+      }
+    };
     return {
-      loginMethods: privyConfig.config?.loginMethods || [
-        "email",
-        "google",
-        "twitter"
-      ],
+      ...rest,
+      loginMethods: userLoginMethods || ["email", "google", "twitter"],
       appearance: {
-        ...privyConfig.config?.appearance,
+        ...userAppearance,
         walletChainType: "ethereum-and-solana"
       },
-      embeddedWallets: {
-        ethereum: {
-          createOnLogin: "all-users"
-        },
-        solana: {
-          createOnLogin: "all-users"
-        }
-      },
-      externalWallets: {
-        walletConnect: {
-          enabled: false
-        }
-      },
+      embeddedWallets,
+      externalWallets,
       defaultChain: defaultEvmChain,
       supportedChains: chains
     };
@@ -3240,18 +3487,16 @@ function InitPrivyProvider({
   if (!initChains.length) {
     return;
   }
-  return /* @__PURE__ */ React19__default.default.createElement(reactAuth.PrivyProvider, { appId: privyConfig.appid, config }, children);
+  return /* @__PURE__ */ jsxRuntime.jsx(reactAuth.PrivyProvider, { appId: privyConfig.appid, config, children });
 }
-
-// src/providers/privy/index.tsx
 function PrivyWallet(props) {
-  return /* @__PURE__ */ React19__default.default.createElement(
+  return /* @__PURE__ */ jsxRuntime.jsx(
     InitPrivyProvider,
     {
       privyConfig: props.privyConfig,
-      initChains: props.initChains
-    },
-    /* @__PURE__ */ React19__default.default.createElement(PrivyWalletProvider, null, props.children)
+      initChains: props.initChains,
+      children: /* @__PURE__ */ jsxRuntime.jsx(PrivyWalletProvider, { children: props.children })
+    }
   );
 }
 function InitSolanaProvider({
@@ -3266,10 +3511,10 @@ function InitSolanaProvider({
   if (connectorWalletType.disableSolana) {
     return children;
   }
-  const wallets = React19.useMemo(() => {
+  const wallets = React7.useMemo(() => {
     return walletsProp ?? [new walletAdapterWallets.PhantomWalletAdapter()];
   }, [walletsProp]);
-  React19.useEffect(() => {
+  React7.useEffect(() => {
     let rpcUrl = null;
     if (network === "mainnet") {
       rpcUrl = mainnetRpc ?? null;
@@ -3281,7 +3526,7 @@ function InitSolanaProvider({
       network: network === "mainnet" ? walletAdapterBase.WalletAdapterNetwork.Mainnet : walletAdapterBase.WalletAdapterNetwork.Devnet
     });
   }, [network, mainnetRpc, devnetRpc, setSolanaInfo]);
-  const handleOnError = React19.useCallback(
+  const handleOnError = React7.useCallback(
     (error, adapter) => {
       if (error.name === "WalletAccountError") {
         ee.emit("wallet:connect-error", {
@@ -3293,18 +3538,16 @@ function InitSolanaProvider({
     },
     [ee, onError]
   );
-  return /* @__PURE__ */ React19__default.default.createElement(walletAdapterReact.WalletProvider, { wallets, onError: handleOnError, autoConnect: true }, children);
+  return /* @__PURE__ */ jsxRuntime.jsx(walletAdapterReact.WalletProvider, { wallets, onError: handleOnError, autoConnect: true, children });
 }
-
-// src/providers/solana/index.tsx
 function SolanaWallet(props) {
-  return /* @__PURE__ */ React19__default.default.createElement(
+  return /* @__PURE__ */ jsxRuntime.jsx(
     InitSolanaProvider,
     {
       ...props.solanaConfig ?? { wallets: [], onError: () => {
-      } }
-    },
-    /* @__PURE__ */ React19__default.default.createElement(SolanaWalletProvider, null, props.children)
+      } },
+      children: /* @__PURE__ */ jsxRuntime.jsx(SolanaWalletProvider, { children: props.children })
+    }
   );
 }
 function InitWagmiProvider({
@@ -3317,8 +3560,8 @@ function InitWagmiProvider({
   if (connectorWalletType.disableWagmi) {
     return children;
   }
-  const [queryClient] = React19.useState(() => new reactQuery.QueryClient());
-  const [config] = React19.useState(
+  const [queryClient] = React7.useState(() => new reactQuery.QueryClient());
+  const [config] = React7.useState(
     () => WagmiExport.createConfig({
       chains: initChains && initChains.length ? initChains : [chains.mainnet],
       multiInjectedProviderDiscovery: true,
@@ -3332,22 +3575,18 @@ function InitWagmiProvider({
       )
     })
   );
-  return /* @__PURE__ */ React19__default.default.createElement(WagmiExport.WagmiProvider, { config, initialState }, /* @__PURE__ */ React19__default.default.createElement(reactQuery.QueryClientProvider, { client: queryClient }, children));
+  return /* @__PURE__ */ jsxRuntime.jsx(WagmiExport.WagmiProvider, { config, initialState, children: /* @__PURE__ */ jsxRuntime.jsx(reactQuery.QueryClientProvider, { client: queryClient, children }) });
 }
-
-// src/providers/wagmi/index.tsx
 var WagmiWallet = (props) => {
-  return /* @__PURE__ */ React19__default.default.createElement(
+  return /* @__PURE__ */ jsxRuntime.jsx(
     InitWagmiProvider,
     {
       initChains: props.initChains,
-      wagmiConfig: props.wagmiConfig ?? types.EMPTY_OBJECT
-    },
-    /* @__PURE__ */ React19__default.default.createElement(WagmiWalletProvider, null, props.children)
+      wagmiConfig: props.wagmiConfig ?? types.EMPTY_OBJECT,
+      children: /* @__PURE__ */ jsxRuntime.jsx(WagmiWalletProvider, { children: props.children })
+    }
   );
 };
-
-// src/provider.tsx
 var testnetChainFallback = [types.ArbitrumSepoliaChainInfo, types.SolanaDevnetChainInfo];
 var processChainInfo = (chainInfo) => chainInfo.map(
   (row) => viemExport.defineChain({
@@ -3368,7 +3607,7 @@ var processChainInfo = (chainInfo) => chainInfo.map(
     }
   })
 ) || [];
-var WalletConnectorPrivyContext = React19.createContext({
+var WalletConnectorPrivyContext = React7.createContext({
   initChains: [chains.mainnet],
   mainnetChains: [],
   testnetChains: [],
@@ -3402,23 +3641,23 @@ var WalletConnectorPrivyContext = React19.createContext({
     loginMethods: []
   }
 });
-var useWalletConnectorPrivy = () => React19.useContext(WalletConnectorPrivyContext);
+var useWalletConnectorPrivy = () => React7.useContext(WalletConnectorPrivyContext);
 var defaultPrivyLoginMethod = [
   "email",
   "google",
   "twitter"
 ];
 function WalletConnectorPrivyProvider(props) {
-  const [walletChainType, setWalletChainType] = React19.useState(
+  const [walletChainType, setWalletChainType] = React7.useState(
     "EVM_SOL" /* EVM_SOL */
   );
-  const [termsOfUse] = React19.useState(props.termsOfUse || "");
-  const [network, setNetwork] = React19.useState(props.network);
-  const [initChains, setInitChains] = React19.useState([]);
-  const [mainnetChains, setMainnetChains] = React19.useState([]);
-  const [testnetChains, setTestnetChains] = React19.useState([]);
-  const [mainnetChainInfos, setMainnetChainInfos] = React19.useState(null);
-  const [testChainInfos, setTestChainInfos] = React19.useState(
+  const [termsOfUse] = React7.useState(props.termsOfUse || "");
+  const [network, setNetwork] = React7.useState(props.network);
+  const [initChains, setInitChains] = React7.useState([]);
+  const [mainnetChains, setMainnetChains] = React7.useState([]);
+  const [testnetChains, setTestnetChains] = React7.useState([]);
+  const [mainnetChainInfos, setMainnetChainInfos] = React7.useState(null);
+  const [testChainInfos, setTestChainInfos] = React7.useState(
     null
   );
   const fetchMainChains = hooks.useMainnetChainsStore((state) => state.fetchData);
@@ -3432,14 +3671,14 @@ function WalletConnectorPrivyProvider(props) {
   );
   const testChainInfosFromStore = hooks.useTestnetChainsStore((state) => state.data);
   const hasCustomChains = Array.isArray(props.customChains) && props.customChains.length > 0;
-  const initRef = React19.useRef(hasCustomChains);
-  const [openConnectDrawer, setOpenConnectDrawer] = React19.useState(false);
-  const [targetWalletType, setTargetWalletType] = React19.useState();
-  const [privyConfig, setPrivyConfig] = React19.useState({
+  const initRef = React7.useRef(hasCustomChains);
+  const [openConnectDrawer, setOpenConnectDrawer] = React7.useState(false);
+  const [targetWalletType, setTargetWalletType] = React7.useState();
+  const [privyConfig, setPrivyConfig] = React7.useState({
     loginMethods: props.privyConfig ? props.privyConfig?.config?.loginMethods ?? defaultPrivyLoginMethod : defaultPrivyLoginMethod
   });
-  const [solanaInfo, setSolanaInfo] = React19.useState(null);
-  const connectorWalletType = React19.useMemo(() => {
+  const [solanaInfo, setSolanaInfo] = React7.useState(null);
+  const connectorWalletType = React7.useMemo(() => {
     const type = {
       disableWagmi: false,
       disablePrivy: false,
@@ -3460,7 +3699,7 @@ function WalletConnectorPrivyProvider(props) {
     }
     return type;
   }, [props.privyConfig, props.wagmiConfig, props.solanaConfig]);
-  const walletChainTypeConfig = React19.useMemo(() => {
+  const walletChainTypeConfig = React7.useMemo(() => {
     const chainTypeObj = {
       hasEvm: false,
       hasSol: false,
@@ -3477,7 +3716,7 @@ function WalletConnectorPrivyProvider(props) {
     });
     return chainTypeObj;
   }, [initChains]);
-  React19.useEffect(() => {
+  React7.useEffect(() => {
     if (!mainnetChainsHydrated || !testChainsHydrated) return;
     if (Array.isArray(hooks.useMainnetChainsStore.getState().data) && hooks.useTestnetChainsStore.getState().data) {
       return;
@@ -3530,7 +3769,7 @@ function WalletConnectorPrivyProvider(props) {
   const getChainsByNetwork = (network2) => {
     return network2 === "mainnet" ? mainnetChains : testnetChains;
   };
-  const value = React19.useMemo(
+  const value = React7.useMemo(
     () => ({
       initChains,
       mainnetChains,
@@ -3570,7 +3809,7 @@ function WalletConnectorPrivyProvider(props) {
       privyConfig
     ]
   );
-  React19.useEffect(() => {
+  React7.useEffect(() => {
     if (initRef.current) return;
     if (hasCustomChains) {
       return;
@@ -3608,7 +3847,7 @@ function WalletConnectorPrivyProvider(props) {
     mainnetChainInfosFromStore,
     testChainInfosFromStore
   ]);
-  React19.useEffect(() => {
+  React7.useEffect(() => {
     if (props.customChains) {
       handleCustomerChains();
     }
@@ -3616,7 +3855,7 @@ function WalletConnectorPrivyProvider(props) {
   if (!initRef.current) {
     return null;
   }
-  return /* @__PURE__ */ React19__default.default.createElement(WalletConnectorPrivyContext.Provider, { value }, /* @__PURE__ */ React19__default.default.createElement(ui.TooltipProvider, { delayDuration: 300 }, /* @__PURE__ */ React19__default.default.createElement(PrivyWallet, { privyConfig: props.privyConfig, initChains }, /* @__PURE__ */ React19__default.default.createElement(WagmiWallet, { wagmiConfig: props.wagmiConfig, initChains }, /* @__PURE__ */ React19__default.default.createElement(SolanaWallet, { solanaConfig: props.solanaConfig }, /* @__PURE__ */ React19__default.default.createElement(AbstractWallet, null, /* @__PURE__ */ React19__default.default.createElement(Main, { headerProps: props.headerProps }, props.children)))))));
+  return /* @__PURE__ */ jsxRuntime.jsx(WalletConnectorPrivyContext.Provider, { value, children: /* @__PURE__ */ jsxRuntime.jsx(ui.TooltipProvider, { delayDuration: 300, children: /* @__PURE__ */ jsxRuntime.jsx(PrivyWallet, { privyConfig: props.privyConfig, initChains, children: /* @__PURE__ */ jsxRuntime.jsx(WagmiWallet, { wagmiConfig: props.wagmiConfig, initChains, children: /* @__PURE__ */ jsxRuntime.jsx(SolanaWallet, { solanaConfig: props.solanaConfig, children: /* @__PURE__ */ jsxRuntime.jsx(AbstractWallet, { children: /* @__PURE__ */ jsxRuntime.jsx(Main, { headerProps: props.headerProps, children: props.children }) }) }) }) }) }) });
 }
 
 // src/index.ts