@orderly.network/wallet-connector-privy 2.0.8-alpha.0

package/dist/index.js

@@ -0,0 +1,2350 @@
+'use strict';
+
+var React11 = require('react');
+var hooks = require('@orderly.network/hooks');
+var ui = require('@orderly.network/ui');
+var WagmiExport = require('wagmi');
+var types = require('@orderly.network/types');
+var walletAdapterReact = require('@solana/wallet-adapter-react');
+var walletAdapterBase = require('@solana/wallet-adapter-base');
+var reactAuth = require('@privy-io/react-auth');
+var i18n = require('@orderly.network/i18n');
+var reactDom = require('react-dom');
+var uiConnector = require('@orderly.network/ui-connector');
+var viemExport = require('viem');
+var chains = require('viem/chains');
+var walletAdapterWallets = require('@solana/wallet-adapter-wallets');
+var reactQuery = require('@tanstack/react-query');
+var WagmiConnectorsExport = require('wagmi/connectors');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React11__default = /*#__PURE__*/_interopDefault(React11);
+var WagmiExport__namespace = /*#__PURE__*/_interopNamespace(WagmiExport);
+var viemExport__namespace = /*#__PURE__*/_interopNamespace(viemExport);
+var WagmiConnectorsExport__namespace = /*#__PURE__*/_interopNamespace(WagmiConnectorsExport);
+
+// src/provider.tsx
+var WagmiWalletContext = React11.createContext(null);
+var WagmiWalletProvider = ({
+  children
+}) => {
+  const { connectorWalletType } = useWalletConnectorPrivy();
+  const [wallet, setWallet] = React11.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 = React11.useMemo(() => {
+    if (chainId) {
+      return {
+        id: chainId,
+        namespace: types.ChainNamespace.evm
+      };
+    }
+    return null;
+  }, [chainId]);
+  const setChain = React11.useCallback(
+    (chainId2) => {
+      return new Promise((resolve, reject) => {
+        switchChain(
+          { chainId: chainId2 },
+          {
+            onSuccess: () => resolve(true),
+            onError: (e) => {
+              return reject(e);
+            }
+          }
+        );
+      });
+    },
+    [switchChain]
+  );
+  React11.useEffect(() => {
+    if (!connector || !isConnected) {
+      setWallet(void 0);
+      return;
+    }
+    connector.getProvider().then((provider) => {
+      setWallet({
+        label: connector.name,
+        icon: "",
+        provider,
+        accounts: [
+          {
+            address
+          }
+        ],
+        chains: [
+          {
+            id: chainId,
+            namespace: types.ChainNamespace.evm
+          }
+        ],
+        chain: connectedChain
+      });
+    });
+  }, [connector, chainId, isConnected, address, connectedChain]);
+  const connectors = React11.useMemo(() => {
+    return wagmiConnectors2.filter((connector2) => connector2.id !== "injected").sort(
+      (a, b) => a.type === "injected" ? -1 : 1
+    );
+  }, [wagmiConnectors2]);
+  const value = React11.useMemo(
+    () => ({
+      connectors,
+      connect,
+      wallet,
+      connectedChain,
+      setChain,
+      disconnect,
+      isConnected
+    }),
+    [
+      connectors,
+      connect,
+      wallet,
+      connectedChain,
+      setChain,
+      disconnect,
+      isConnected
+    ]
+  );
+  return /* @__PURE__ */ React11__default.default.createElement(WagmiWalletContext.Provider, { value }, children);
+};
+function useWagmiWallet() {
+  const context = React11.useContext(WagmiWalletContext);
+  if (!context) {
+    throw new Error("useWagmiWallet must be used within a WagmiWalletProvider");
+  }
+  return context;
+}
+var Network = /* @__PURE__ */ ((Network2) => {
+  Network2["mainnet"] = "mainnet";
+  Network2["testnet"] = "testnet";
+  return Network2;
+})(Network || {});
+var WalletType = /* @__PURE__ */ ((WalletType2) => {
+  WalletType2["EVM"] = "EVM";
+  WalletType2["SOL"] = "SOL";
+  WalletType2["PRIVY"] = "privy";
+  return WalletType2;
+})(WalletType || {});
+var SolanaChains = /* @__PURE__ */ new Map([[walletAdapterBase.WalletAdapterNetwork.Devnet, 901901901], [walletAdapterBase.WalletAdapterNetwork.Mainnet, 900900900]]);
+var SolanaChainsMap = /* @__PURE__ */ new Map([
+  [walletAdapterBase.WalletAdapterNetwork.Devnet, 901901901],
+  ["testnet" /* testnet */, 901901901],
+  ["mainnet" /* mainnet */, 900900900],
+  [walletAdapterBase.WalletAdapterNetwork.Mainnet, 900900900]
+]);
+var WalletChainTypeEnum = /* @__PURE__ */ ((WalletChainTypeEnum2) => {
+  WalletChainTypeEnum2["onlyEVM"] = "onlyEVM";
+  WalletChainTypeEnum2["onlySOL"] = "onlySOL";
+  WalletChainTypeEnum2["EVM_SOL"] = "EVM_SOL";
+  return WalletChainTypeEnum2;
+})(WalletChainTypeEnum || {});
+var SolanaWalletContext = React11.createContext(
+  null
+);
+var SolanaWalletProvider = ({
+  children
+}) => {
+  const { setLedgerAddress } = hooks.useStorageLedgerAddress();
+  const [wallet, setWallet] = React11.useState();
+  const { network, solanaInfo, connectorWalletType } = useWalletConnectorPrivy();
+  const {
+    wallets,
+    select,
+    connect: connectSolana,
+    wallet: walletSolana,
+    publicKey,
+    signMessage,
+    signTransaction,
+    sendTransaction,
+    disconnect: disconnectSolana
+  } = connectorWalletType.disableSolana ? {
+    wallets: [],
+    select: () => Promise.resolve(),
+    connect: () => Promise.resolve(),
+    wallet: null,
+    publicKey: null,
+    signMessage: () => Promise.resolve(),
+    signTransaction: () => Promise.resolve(),
+    sendTransaction: () => Promise.resolve(),
+    disconnect: () => Promise.resolve()
+  } : walletAdapterReact.useWallet();
+  const solanaPromiseRef = React11.useRef({
+    walletSelect: null,
+    connect: null,
+    walletSelectResolve: () => {
+    },
+    walletSelectReject: () => {
+    },
+    connectReject: () => {
+    },
+    connectResolve: () => {
+    }
+  });
+  const isManual = React11.useRef(false);
+  const initPromiseRef = () => {
+    solanaPromiseRef.current.walletSelectResolve = () => {
+    };
+    solanaPromiseRef.current.walletSelectReject = () => {
+    };
+    solanaPromiseRef.current.connectReject = () => {
+    };
+    solanaPromiseRef.current.connectReject = () => {
+    };
+    solanaPromiseRef.current.connect = null;
+    solanaPromiseRef.current.walletSelect = null;
+    solanaPromiseRef.current.walletSelect = new Promise((resolve, reject) => {
+      solanaPromiseRef.current.walletSelectResolve = resolve;
+      solanaPromiseRef.current.walletSelectReject = reject;
+    });
+    solanaPromiseRef.current.connect = new Promise((resolve, reject) => {
+      solanaPromiseRef.current.connectResolve = resolve;
+      solanaPromiseRef.current.connectReject = reject;
+    });
+  };
+  const disconnect = () => {
+    disconnectSolana().then(() => {
+      setWallet(void 0);
+    });
+  };
+  const connect = async (walletName) => {
+    initPromiseRef();
+    isManual.current = true;
+    if (!solanaPromiseRef.current) {
+      return;
+    }
+    if (!walletSolana) {
+      select(walletName);
+    } else {
+      solanaPromiseRef.current.walletSelectResolve(walletSolana);
+      if (!publicKey) {
+        try {
+          await connectSolana();
+        } catch (e) {
+          solanaPromiseRef.current.connectReject(e);
+        }
+      } else {
+        solanaPromiseRef.current.connectResolve({
+          userAddress: publicKey.toBase58(),
+          signMessage,
+          sendTransaction,
+          signTransaction
+        });
+      }
+    }
+    return Promise.all([
+      solanaPromiseRef.current.walletSelect,
+      solanaPromiseRef.current.connect
+    ]).then(
+      ([
+        connectedWallet,
+        { userAddress, signMessage: signMessage2, signTransaction: signTransaction2, sendTransaction: sendTransaction2 }
+      ]) => {
+        const tempWallet = {
+          label: connectedWallet.adapter.name,
+          icon: "",
+          provider: {
+            rpcUrl: solanaInfo?.rpcUrl ?? null,
+            network: solanaInfo?.network ?? walletAdapterBase.WalletAdapterNetwork.Devnet,
+            signMessage: signMessage2,
+            signTransaction: signTransaction2,
+            sendTransaction: sendTransaction2
+          },
+          accounts: [
+            {
+              address: userAddress
+            }
+          ],
+          chains: [
+            {
+              id: SolanaChainsMap.get(network),
+              namespace: types.ChainNamespace.solana
+            }
+          ],
+          chain: {
+            id: SolanaChainsMap.get(network),
+            namespace: types.ChainNamespace.solana
+          }
+        };
+        if (connectedWallet.adapter.name === "Ledger") {
+          setLedgerAddress(userAddress);
+        }
+        isManual.current = false;
+        setWallet(tempWallet);
+      }
+    ).catch((e) => {
+      return Promise.reject(e);
+    });
+  };
+  const connectedChain = React11.useMemo(() => {
+    if (!publicKey) {
+      return null;
+    }
+    return {
+      id: SolanaChainsMap.get(network),
+      namespace: types.ChainNamespace.solana
+    };
+  }, [publicKey]);
+  const isConnected = React11.useMemo(() => {
+    return !!publicKey;
+  }, [publicKey]);
+  React11.useEffect(() => {
+    if (!walletSolana) {
+      return;
+    }
+    if (isManual.current && solanaPromiseRef.current) {
+      solanaPromiseRef.current.walletSelectResolve(walletSolana);
+      connectSolana().then();
+    }
+    if (!publicKey) {
+      connectSolana().then();
+      return;
+    }
+    if (isManual.current && solanaPromiseRef.current) {
+      solanaPromiseRef.current.connectResolve({
+        userAddress: publicKey?.toBase58(),
+        signMessage,
+        sendTransaction
+      });
+      return;
+    }
+    setWallet({
+      label: walletSolana.adapter.name,
+      icon: "",
+      provider: {
+        rpcUrl: solanaInfo?.rpcUrl ?? null,
+        network: solanaInfo?.network ?? walletAdapterBase.WalletAdapterNetwork.Devnet,
+        signMessage,
+        signTransaction,
+        sendTransaction
+      },
+      accounts: [
+        {
+          address: publicKey.toBase58()
+        }
+      ],
+      chains: [
+        {
+          id: SolanaChainsMap.get(network),
+          namespace: types.ChainNamespace.solana
+        }
+      ],
+      chain: {
+        id: SolanaChainsMap.get(network),
+        namespace: types.ChainNamespace.solana
+      }
+    });
+  }, [
+    publicKey,
+    walletSolana,
+    signMessage,
+    signTransaction,
+    sendTransaction,
+    solanaInfo
+  ]);
+  const value = React11.useMemo(
+    () => ({
+      wallets,
+      connectedChain,
+      connect,
+      wallet,
+      disconnect,
+      isConnected
+    }),
+    [wallets, connectedChain, wallet, isConnected]
+  );
+  return /* @__PURE__ */ React11__default.default.createElement(SolanaWalletContext.Provider, { value }, children);
+};
+function useSolanaWallet() {
+  const context = React11.useContext(SolanaWalletContext);
+  if (!context) {
+    throw new Error(
+      "useSolanaWallet must be used within a SolanaWalletProvider"
+    );
+  }
+  return context;
+}
+var getPrivyEmbeddedWalletChainId = (chainId) => {
+  if (!chainId) {
+    return null;
+  }
+  return parseInt(chainId.split("eip155:")[1]);
+};
+var PrivyWalletContext = React11.createContext(null);
+var PrivyWalletProvider = ({
+  children
+}) => {
+  const { network, solanaInfo, setSolanaInfo, connectorWalletType } = useWalletConnectorPrivy();
+  const {
+    login,
+    logout,
+    ready,
+    authenticated,
+    user,
+    exportWallet: exportEvmWallet,
+    createWallet: createEvmWallet
+  } = reactAuth.usePrivy();
+  const { wallets: walletsEVM } = connectorWalletType.disablePrivy ? { wallets: [] } : reactAuth.useWallets();
+  const connectedRef = React11.useRef(false);
+  const {
+    ready: solanaReady,
+    wallets: walletsSOL,
+    createWallet: createSolanaWallet,
+    exportWallet: exportSolanaWallet
+  } = connectorWalletType.disablePrivy ? { ready: false, wallets: [], createWallet: () => Promise.resolve(), exportWallet: () => Promise.resolve() } : reactAuth.useSolanaWallets();
+  const [walletEVM, setWalletEVM] = React11.useState(null);
+  const [walletSOL, setWalletSOL] = React11.useState(null);
+  const { track } = hooks.useTrack();
+  const linkedAccount = React11.useMemo(() => {
+    if (user && user.linkedAccounts) {
+      const account = user.linkedAccounts.filter((item) => item.type !== "wallet").sort(
+        (a, b) => (b.latestVerifiedAt?.getTime() ?? 0) - (a.latestVerifiedAt?.getTime() ?? 0)
+      )[0];
+      let address = null;
+      if (account.type === "email") {
+        address = account.address;
+      } else if (account.type === "twitter_oauth") {
+        address = `@${account.username}`;
+      } else if (account.type === "google_oauth") {
+        address = `@${account.name}`;
+      }
+      return {
+        type: account.type,
+        address
+      };
+    }
+    return null;
+  }, [user]);
+  const switchChain = (chainId) => {
+    const wallet = walletsEVM[0];
+    if (wallet) {
+      return wallet.switchChain(chainId);
+    }
+    return Promise.reject("no wallet");
+  };
+  const connect = () => {
+    login();
+  };
+  const disconnect = () => {
+    return logout();
+  };
+  const exportWallet = (namespace) => {
+    if (namespace === types.ChainNamespace.evm) {
+      track(types.EnumTrackerKeys.clickExportPrivateKey, {
+        type: "evm"
+      });
+      return exportEvmWallet();
+    } else if (namespace === types.ChainNamespace.solana) {
+      track(types.EnumTrackerKeys.clickExportPrivateKey, {
+        type: "solana"
+      });
+      return exportSolanaWallet();
+    }
+    return Promise.reject("no namespace");
+  };
+  const isConnected = React11.useMemo(() => {
+    if (ready && authenticated) {
+      return true;
+    }
+    return false;
+  }, [ready, authenticated]);
+  React11.useEffect(() => {
+    if (!authenticated || !walletsEVM || !walletsEVM[0]) {
+      setWalletEVM(null);
+      return;
+    }
+    const wallet = walletsEVM[0];
+    wallet.getEthereumProvider().then((provider) => {
+      setWalletEVM({
+        label: "privy",
+        icon: "",
+        provider,
+        accounts: [
+          {
+            address: wallet.address
+          }
+        ],
+        chains: [
+          {
+            id: getPrivyEmbeddedWalletChainId(wallet.chainId) ?? 1,
+            namespace: types.ChainNamespace.evm
+          }
+        ],
+        chain: {
+          id: getPrivyEmbeddedWalletChainId(wallet.chainId) ?? 1,
+          namespace: types.ChainNamespace.evm
+        }
+      });
+    });
+  }, [walletsEVM, authenticated]);
+  React11.useEffect(() => {
+    if (!authenticated) {
+      setWalletSOL(null);
+      return;
+    }
+    if (!solanaReady) {
+      return;
+    }
+    if (!user) {
+      return;
+    }
+    const embededSolanaWallet = (user?.linkedAccounts).find(
+      (item) => item.chainType === "solana" && item.connectorType === "embedded"
+    );
+    if (!embededSolanaWallet) {
+      createSolanaWallet().then();
+      return;
+    }
+    if (!walletsSOL || !walletsSOL[0]) {
+      return;
+    }
+    const wallet = walletsSOL.find((w) => w.connectorType === "embedded");
+    if (wallet) {
+      if (walletSOL && wallet.address === walletSOL.accounts[0].address) {
+        if (walletSOL.chain.id === SolanaChainsMap.get(network)) {
+          return;
+        }
+      }
+      setWalletSOL({
+        label: "privy",
+        icon: "",
+        provider: {
+          signMessage: wallet.signMessage,
+          signTransaction: wallet.signTransaction,
+          sendTransaction: wallet.sendTransaction,
+          network: solanaInfo?.network ?? walletAdapterBase.WalletAdapterNetwork.Devnet,
+          rpcUrl: solanaInfo?.rpcUrl ?? void 0
+        },
+        accounts: [
+          {
+            address: wallet.address
+          }
+        ],
+        chains: [
+          {
+            id: SolanaChainsMap.get(network),
+            namespace: types.ChainNamespace.solana
+          }
+        ],
+        chain: {
+          id: SolanaChainsMap.get(network),
+          namespace: types.ChainNamespace.solana
+        }
+      });
+    }
+  }, [
+    walletsSOL,
+    authenticated,
+    createSolanaWallet,
+    solanaReady,
+    user,
+    walletSOL,
+    network,
+    solanaInfo
+  ]);
+  React11.useEffect(() => {
+    if (isConnected && linkedAccount) {
+      if (connectedRef.current) {
+        return;
+      }
+      connectedRef.current = true;
+      track(types.EnumTrackerKeys.socialLoginSuccess, {
+        type: linkedAccount.type,
+        address: linkedAccount.address
+      });
+    }
+  }, [isConnected, linkedAccount, connectedRef]);
+  const value = React11.useMemo(
+    () => ({
+      connect,
+      walletEVM,
+      walletSOL,
+      isConnected,
+      disconnect,
+      switchChain,
+      linkedAccount,
+      exportWallet,
+      createEvmWallet,
+      createSolanaWallet
+    }),
+    [
+      connect,
+      walletEVM,
+      walletSOL,
+      isConnected,
+      disconnect,
+      switchChain,
+      linkedAccount,
+      exportWallet,
+      createEvmWallet,
+      createSolanaWallet
+    ]
+  );
+  return /* @__PURE__ */ React11__default.default.createElement(PrivyWalletContext.Provider, { value }, children);
+};
+function usePrivyWallet() {
+  const context = React11.useContext(PrivyWalletContext);
+  if (!context) {
+    throw new Error("usePrivyWallet must be used within a PrivyWalletProvider");
+  }
+  return context;
+}
+function useWallet2() {
+  const { track } = hooks.useTrack();
+  const { walletChainType } = useWalletConnectorPrivy();
+  const [connectorKey, setConnectorKey] = hooks.useLocalStorage(types.ConnectorKey, "");
+  const {
+    disconnect: disconnectEVM,
+    connect: connectEVM,
+    wallet: walletEVM,
+    connectedChain: connectedChainEvm,
+    setChain: setChainEvm,
+    isConnected: isConnectedEVM
+  } = useWagmiWallet();
+  const {
+    disconnect: disconnectSOL,
+    connect: connectSOL,
+    wallet: walletSOL,
+    isConnected: isConnectedSOL,
+    connectedChain: connectedChainSOL
+  } = useSolanaWallet();
+  const {
+    disconnect: disconnectPrivy,
+    connect: connectPrivy,
+    walletSOL: privyWalletSOL,
+    walletEVM: privyWalletEVM,
+    isConnected: isConnectedPrivy,
+    switchChain: setChainPrivy
+  } = usePrivyWallet();
+  const [wallet, setWallet] = React11.useState(null);
+  const [namespace, setNamespace] = React11.useState(null);
+  const { storageChain, setStorageChain } = hooks.useStorageChain();
+  const { setOpenConnectDrawer, setTargetNamespace } = useWalletConnectorPrivy();
+  const isManual = React11.useRef(false);
+  const connect = (params) => {
+    setTargetNamespace(void 0);
+    try {
+      if (params.walletType === "EVM" /* EVM */) {
+        setConnectorKey("EVM" /* EVM */);
+        connectEVM({ connector: params.connector });
+      }
+      if (params.walletType === "SOL" /* SOL */) {
+        setConnectorKey("SOL" /* SOL */);
+        connectSOL(params.walletAdapter.name).then();
+      }
+      if (params.walletType === "privy" /* PRIVY */) {
+        setConnectorKey("privy" /* PRIVY */);
+        connectPrivy();
+      }
+    } catch (e) {
+    }
+  };
+  const isPrivy = React11.useMemo(() => {
+    if (connectorKey === "privy" /* PRIVY */) {
+      return true;
+    }
+    return false;
+  }, [connectorKey]);
+  const [connectedChain, setConnectedChain] = React11.useState();
+  const setChain = async (chain) => {
+    let tempNamespace = types.ChainNamespace.evm;
+    if (Array.from(SolanaChains.values()).includes(
+      parseInt(chain.chainId)
+    )) {
+      tempNamespace = types.ChainNamespace.solana;
+    }
+    if (isPrivy) {
+      if (tempNamespace === types.ChainNamespace.evm) {
+        if (walletChainType === "onlySOL" /* onlySOL */) {
+          return Promise.reject(new Error("No evm wallet found"));
+        }
+        isManual.current = true;
+        return setChainPrivy(parseInt(chain.chainId)).then((res) => {
+          track(types.EnumTrackerKeys.switchNetworkSuccess, {
+            from_chain: storageChain?.chainId,
+            to_chain: chain.chainId
+          });
+          setStorageChain(parseInt(chain.chainId));
+          return Promise.resolve(true);
+        }).catch((e) => {
+          return Promise.reject(e);
+        });
+      }
+      if (tempNamespace === types.ChainNamespace.solana) {
+        isManual.current = true;
+        if (walletChainType === "onlyEVM" /* onlyEVM */) {
+          return Promise.reject(new Error("only evm wallet"));
+        }
+        if (privyWalletSOL) {
+          setStorageChain(parseInt(chain.chainId));
+          return Promise.resolve(true);
+        } else {
+          setOpenConnectDrawer(true);
+          setTargetNamespace(types.ChainNamespace.solana);
+          return Promise.reject(new Error("No solana wallet found"));
+        }
+      }
+    } else {
+      if (storageChain.namespace === types.ChainNamespace.evm) {
+        if (tempNamespace === types.ChainNamespace.evm) {
+          await setChainEvm(parseInt(chain.chainId));
+          setStorageChain(parseInt(chain.chainId));
+          track(types.EnumTrackerKeys.switchNetworkSuccess, {
+            from_chain: storageChain?.chainId,
+            to_chain: chain.chainId
+          });
+          return Promise.resolve(true);
+        }
+        if (tempNamespace === types.ChainNamespace.solana) {
+          if (isConnectedSOL && walletSOL) {
+            setStorageChain(parseInt(chain.chainId));
+          } else {
+            setOpenConnectDrawer(true);
+            setTargetNamespace(types.ChainNamespace.solana);
+            return Promise.resolve(true);
+          }
+        }
+      }
+      if (storageChain.namespace === types.ChainNamespace.solana) {
+        if (tempNamespace === types.ChainNamespace.evm) {
+          if (isConnectedEVM && walletEVM) {
+            setStorageChain(parseInt(chain.chainId));
+          } else {
+            setOpenConnectDrawer(true);
+            setTargetNamespace(types.ChainNamespace.evm);
+          }
+        }
+      }
+    }
+  };
+  const switchWallet = (namespace2) => {
+    const fromWallet = wallet?.accounts[0].address;
+    let toWallet;
+    if (isPrivy) {
+      if (namespace2 === types.ChainNamespace.evm) {
+        if (privyWalletEVM) {
+          setStorageChain(privyWalletEVM.chain.id);
+          toWallet = privyWalletEVM.accounts[0].address;
+        }
+      } else {
+        if (privyWalletSOL) {
+          setStorageChain(privyWalletSOL.chain.id);
+          toWallet = privyWalletSOL.accounts[0].address;
+        }
+      }
+    } else {
+      if (namespace2 === types.ChainNamespace.evm) {
+        if (walletEVM) {
+          setStorageChain(walletEVM.chain.id);
+          toWallet = walletEVM.accounts[0].address;
+        }
+      } else {
+        if (walletSOL) {
+          setStorageChain(walletSOL.chain.id);
+          toWallet = walletSOL.accounts[0].address;
+        }
+      }
+    }
+    track(types.EnumTrackerKeys.clickSwitchWallet, {
+      fromWallet,
+      toWallet
+    });
+  };
+  const disconnect = async (walletType) => {
+    if (walletType === "privy" /* PRIVY */) {
+      return await disconnectPrivy();
+    }
+    if (walletType === "EVM" /* EVM */) {
+      return disconnectEVM();
+    }
+    if (walletType === "SOL" /* SOL */) {
+      return disconnectSOL();
+    }
+  };
+  const setNullWalletStatus = () => {
+    setWallet(null);
+    setConnectedChain(null);
+    setNamespace(null);
+  };
+  React11.useEffect(() => {
+    if (connectorKey !== "privy" /* PRIVY */) {
+      return;
+    }
+    if (storageChain?.namespace === types.ChainNamespace.evm) {
+      if (privyWalletEVM) {
+        setWallet(privyWalletEVM);
+        setConnectedChain(privyWalletEVM.chain);
+        setNamespace(types.ChainNamespace.evm);
+      } else {
+        setNullWalletStatus();
+      }
+    }
+    if (storageChain?.namespace === types.ChainNamespace.solana) {
+      if (privyWalletSOL) {
+        setWallet(privyWalletSOL);
+        setConnectedChain(privyWalletSOL.chain);
+        setNamespace(types.ChainNamespace.solana);
+      } else {
+        setNullWalletStatus();
+      }
+    }
+  }, [connectorKey, privyWalletEVM, privyWalletSOL, storageChain]);
+  React11.useEffect(() => {
+    if (connectorKey === "privy" /* PRIVY */) {
+      return;
+    }
+    if (storageChain?.namespace === types.ChainNamespace.evm) {
+      if (isConnectedEVM && walletEVM) {
+        setWallet(walletEVM);
+        setConnectedChain(connectedChainEvm);
+        setNamespace(types.ChainNamespace.evm);
+      } else {
+        setNullWalletStatus();
+      }
+    }
+    if (storageChain?.namespace === types.ChainNamespace.solana) {
+      if (isConnectedSOL && walletSOL) {
+        setWallet(walletSOL);
+        setConnectedChain(connectedChainSOL);
+        setNamespace(types.ChainNamespace.solana);
+      } else {
+        setNullWalletStatus();
+      }
+    }
+  }, [
+    connectorKey,
+    storageChain,
+    walletEVM,
+    walletSOL,
+    isConnectedEVM,
+    isConnectedSOL
+  ]);
+  return {
+    connect,
+    wallet,
+    connectedChain,
+    setChain,
+    namespace,
+    switchWallet,
+    disconnect
+  };
+}
+
+// src/util.ts
+var WALLET_ICONS = {
+  "metamask": "https://oss.orderly.network/static/sdk/evm_wallets/metamask.png",
+  "walletconnect": "https://oss.orderly.network/static/sdk/evm_wallets/walletConnect.png",
+  "binance": "https://oss.orderly.network/static/sdk/evm_wallets/binance.png",
+  "ledger": "https://oss.orderly.network/static/sdk/evm_wallets/ledger.png",
+  "coinbase": "https://oss.orderly.network/static/sdk/evm_wallets/coinbase.png",
+  "magic": "https://oss.orderly.network/static/sdk/evm_wallets/magic.png",
+  "trezor": "https://oss.orderly.network/static/sdk/evm_wallets/trezor.png",
+  "exodus": "https://oss.orderly.network/static/sdk/evm_wallets/exodus.png",
+  "frame": "https://oss.orderly.network/static/sdk/evm_wallets/frame.png",
+  "rabby": "https://oss.orderly.network/static/sdk/evm_wallets/rabby.png"
+};
+var getWalletIcon = (type) => {
+  return WALLET_ICONS[type.toLowerCase()];
+};
+function RenderPrivyTypeIcon({
+  type,
+  size,
+  black
+}) {
+  if (type === "email") {
+    return /* @__PURE__ */ React11__default.default.createElement(
+      "img",
+      {
+        src: `https://oss.orderly.network/static/sdk/privy/email${black ? "-black" : ""}.svg`,
+        width: size
+      }
+    );
+  }
+  if (type === "google_oauth") {
+    return /* @__PURE__ */ React11__default.default.createElement(
+      "img",
+      {
+        src: "https://oss.orderly.network/static/sdk/privy/google.svg",
+        width: size
+      }
+    );
+  }
+  if (type === "twitter_oauth") {
+    return /* @__PURE__ */ React11__default.default.createElement(
+      "img",
+      {
+        src: `https://oss.orderly.network/static/sdk/privy/twitter${black ? "-black" : ""}.svg`,
+        width: size
+      }
+    );
+  }
+  return /* @__PURE__ */ React11__default.default.createElement(
+    "img",
+    {
+      src: `https://oss.orderly.network/static/sdk/privy/email${black ? "-black" : ""}.svg`,
+      width: size
+    }
+  );
+}
+function RenderWalletIcon({
+  connector
+}) {
+  const icon = connector.icon ? connector.icon : getWalletIcon(connector.type);
+  return /* @__PURE__ */ React11__default.default.createElement("div", { className: "oui-w-[18px] oui-h-[18px] oui-flex oui-items-center oui-justify-center" }, /* @__PURE__ */ React11__default.default.createElement(
+    "img",
+    {
+      className: ui.cn(
+        connector.icon ? "oui-w-[12px] oui-h-[12px]" : "oui-w-[18px] oui-h-[18px]"
+      ),
+      src: icon,
+      alt: connector.name
+    }
+  ));
+}
+var MoreIcon = (props) => /* @__PURE__ */ React11__default.default.createElement(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "currentColor",
+    ...props
+  },
+  /* @__PURE__ */ React11__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__ */ React11__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__ */ React11__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" })
+);
+var DisconnectIcon = (props) => /* @__PURE__ */ React11__default.default.createElement(
+  "svg",
+  {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "currentColor",
+    ...props
+  },
+  /* @__PURE__ */ React11__default.default.createElement("g", { id: "box-arrow-right" }, /* @__PURE__ */ React11__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"
+    }
+  ))
+);
+var CloseIcon = (props) => /* @__PURE__ */ React11__default.default.createElement(
+  "svg",
+  {
+    width: "20",
+    height: "20",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props
+  },
+  /* @__PURE__ */ React11__default.default.createElement("g", { id: "x-square-fill" }, /* @__PURE__ */ React11__default.default.createElement(
+    "path",
+    {
+      id: "Vector",
+      d: "M5.83834 2.44141C3.9975 2.44141 2.505 3.93391 2.505 5.77474V14.1081C2.505 15.9489 3.9975 17.4414 5.83834 17.4414H14.1717C16.0125 17.4414 17.505 15.9489 17.505 14.1081V5.77474C17.505 3.93391 16.0125 2.44141 14.1717 2.44141H5.83834ZM7.505 6.60807C7.71834 6.60807 7.94083 6.67974 8.10417 6.84224L10.005 8.74307L11.9058 6.84224C12.0683 6.67974 12.2917 6.60807 12.505 6.60807C12.7183 6.60807 12.9408 6.67974 13.1042 6.84224C13.4292 7.16808 13.4292 7.71473 13.1042 8.04057L11.2033 9.94141L13.1042 11.8422C13.4292 12.1681 13.4292 12.7147 13.1042 13.0406C12.7783 13.3656 12.2317 13.3656 11.9058 13.0406L10.005 11.1397L8.10417 13.0406C7.77833 13.3656 7.23168 13.3656 6.90584 13.0406C6.58084 12.7147 6.58084 12.1681 6.90584 11.8422L8.80668 9.94141L6.90584 8.04057C6.58084 7.71473 6.58084 7.16808 6.90584 6.84224C7.06834 6.67974 7.29167 6.60807 7.505 6.60807Z"
+    }
+  ))
+);
+function WalletCard(props) {
+  const { t } = i18n.useTranslation();
+  const copyAddress = async (address) => {
+    await navigator.clipboard.writeText(address);
+    ui.toast.success(t("common.copy.copied"));
+  };
+  return /* @__PURE__ */ React11__default.default.createElement(
+    "div",
+    {
+      className: ui.cn(
+        "oui-rounded-2xl oui-relative oui-p-4 oui-h-[110px]  oui-overflow-hidden",
+        props.type === "EVM" /* EVM */ ? "oui-bg-[#283BEE]" : "oui-bg-[#630EAD]",
+        props.isActive && props.type === "SOL" /* SOL */ && props.isBoth && "oui-border-[2px] oui-border-[#faedff]",
+        props.isActive && props.type === "EVM" /* EVM */ && props.isBoth && "oui-border-[2px] oui-border-[#B9D1FF]"
+      )
+    },
+    /* @__PURE__ */ React11__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__ */ React11__default.default.createElement("div", { className: "oui-relative oui-z-10 oui-flex oui-flex-col oui-justify-between oui-h-full" }, /* @__PURE__ */ React11__default.default.createElement("div", { className: "oui-flex oui-items-center oui-justify-between" }, /* @__PURE__ */ React11__default.default.createElement("div", { className: "oui-text-base-contrast oui-text-sm oui-font-semibold" }, ui.formatAddress(props.address)), /* @__PURE__ */ React11__default.default.createElement("div", { className: "oui-flex oui-items-center oui-justify-center oui-gap-1" }, /* @__PURE__ */ React11__default.default.createElement(ui.Tooltip, { content: t("common.copy"), className: "oui-z-[65]" }, /* @__PURE__ */ React11__default.default.createElement(
+      ui.CopyIcon,
+      {
+        size: 16,
+        opacity: 1,
+        className: "oui-text-base-contrast-80 oui-cursor-pointer hover:oui-text-base-contrast",
+        onClick: () => copyAddress(props.address)
+      }
+    )), props.isPrivy ? /* @__PURE__ */ React11__default.default.createElement(
+      PrivyWalletHandleOption,
+      {
+        address: props.address,
+        type: props.type
+      }
+    ) : /* @__PURE__ */ React11__default.default.createElement(NonPrivyWalletHandleOption, { walletType: props.type }))), /* @__PURE__ */ React11__default.default.createElement("div", { className: "oui-flex oui-items-center oui-justify-between" }, props.type === "EVM" /* EVM */ ? /* @__PURE__ */ React11__default.default.createElement("div", { className: "oui-flex oui-items-center oui-justify-center oui-gap-1" }, /* @__PURE__ */ React11__default.default.createElement("div", { className: "oui-flex oui-items-center oui-justify-center oui-relative" }, /* @__PURE__ */ React11__default.default.createElement("div", { className: "oui-flex oui-items-center oui-justify-center oui-h-[18px] " }, /* @__PURE__ */ React11__default.default.createElement(
+      "img",
+      {
+        src: "https://oss.orderly.network/static/sdk/chains.png",
+        className: "oui-h-[18px] oui-w-[49px] oui-relative oui-z-0"
+      }
+    )), /* @__PURE__ */ React11__default.default.createElement("div", { className: "oui-flex oui-items-center oui-justify-center oui-gap-1 oui-relative oui-left-[-9px]" }, /* @__PURE__ */ React11__default.default.createElement("div", { className: "oui-rounded-full oui-bg-[#282e3a] oui-w-[18px] oui-h-[18px] oui-flex oui-items-center oui-justify-center" }, /* @__PURE__ */ React11__default.default.createElement(EVMChainPopover, null, /* @__PURE__ */ React11__default.default.createElement(
+      MoreIcon,
+      {
+        className: "oui-text-base-contrast-54 hover:oui-text-base-contrast oui-h-3 oui-w-3 oui-relative oui-z-10",
+        style: { zIndex: 1 }
+      }
+    ))), /* @__PURE__ */ React11__default.default.createElement("div", { className: "oui-text-base-contrast oui-text-2xs oui-font-semibold" }, "EVM")))) : /* @__PURE__ */ React11__default.default.createElement("div", { className: "oui-flex oui-items-center oui-justify-start oui-gap-1" }, /* @__PURE__ */ React11__default.default.createElement("div", { className: "" }, /* @__PURE__ */ React11__default.default.createElement(
+      "img",
+      {
+        src: "https://oss.orderly.network/static/sdk/solana-logo.png",
+        className: "oui-w-4"
+      }
+    )), /* @__PURE__ */ React11__default.default.createElement("div", { className: "oui-text-base-contrast oui-text-2xs oui-font-semibold" }, "Solana")), props.isBoth && /* @__PURE__ */ React11__default.default.createElement("div", null, /* @__PURE__ */ React11__default.default.createElement(
+      ui.Checkbox,
+      {
+        checked: props.isActive,
+        onCheckedChange: props.onActiveChange
+      }
+    ))))
+  );
+}
+function NonPrivyWalletHandleOption({
+  walletType
+}) {
+  const { disconnect } = useWallet2();
+  return /* @__PURE__ */ React11__default.default.createElement("div", { onClick: () => disconnect(walletType) }, /* @__PURE__ */ React11__default.default.createElement(DisconnectIcon, { className: "oui-text-base-contrast-80 oui-cursor-pointer hover:oui-text-base-contrast oui-w-4 oui-h-4" }));
+}
+function PrivyWalletHandleOption({
+  address,
+  type
+}) {
+  const { t } = i18n.useTranslation();
+  const { exportWallet } = usePrivyWallet();
+  return /* @__PURE__ */ React11__default.default.createElement(ui.DropdownMenuRoot, null, /* @__PURE__ */ React11__default.default.createElement(ui.DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ React11__default.default.createElement("button", null, /* @__PURE__ */ React11__default.default.createElement(MoreIcon, { className: "oui-text-base-contrast-80 oui-cursor-pointer hover:oui-text-base-contrast" }))), /* @__PURE__ */ React11__default.default.createElement(ui.DropdownMenuPortal, null, /* @__PURE__ */ React11__default.default.createElement(
+    ui.DropdownMenuContent,
+    {
+      size: "xl",
+      align: "end",
+      side: "top",
+      style: { width: "100px" },
+      className: "oui-p-1 oui-rounded oui-font-semibold oui-z-[65]",
+      sideOffset: 0
+    },
+    /* @__PURE__ */ React11__default.default.createElement(
+      ui.DropdownMenuItem,
+      {
+        className: "oui-py-1 oui-px-2 oui-text-2xs oui-text-base-contrast-54 hover:oui-text-base-contrast oui-cursor-pointer",
+        onClick: () => {
+          exportWallet(type);
+        }
+      },
+      /* @__PURE__ */ React11__default.default.createElement("div", null, t("common.export"))
+    )
+  )));
+}
+function EVMChainPopover({ children }) {
+  const { getChainsByNetwork } = useWalletConnectorPrivy();
+  const [chains] = React11.useState(getChainsByNetwork("mainnet"));
+  const [open, setOpen] = React11.useState(false);
+  const [visible, setVisible] = React11.useState(true);
+  const { t } = i18n.useTranslation();
+  return /* @__PURE__ */ React11__default.default.createElement(
+    ui.Popover,
+    {
+      content: /* @__PURE__ */ React11__default.default.createElement("div", null, /* @__PURE__ */ React11__default.default.createElement("div", { className: "oui-text-2xs oui-text-base-contrast oui-font-semibold" }, t("connector.supportedEvmChain")), /* @__PURE__ */ React11__default.default.createElement("div", { className: "oui-grid oui-grid-cols-3 oui-gap-y-3 oui-gap-x-2 oui-mt-3 oui-text-2xs oui-text-base-contrast-54" }, chains.map((item, key) => /* @__PURE__ */ React11__default.default.createElement(
+        "div",
+        {
+          key,
+          className: "oui-flex oui-items-center oui-justify-start oui-gap-1"
+        },
+        /* @__PURE__ */ React11__default.default.createElement(ui.ChainIcon, { chainId: item.id, size: "2xs" }),
+        /* @__PURE__ */ React11__default.default.createElement("div", null, item.name)
+      )))),
+      arrow: true,
+      contentProps: {
+        side: "bottom",
+        align: "center",
+        className: "oui-p-2 oui-z-[65]"
+      }
+    },
+    /* @__PURE__ */ React11__default.default.createElement("button", null, children)
+  );
+}
+function AddSolanaWallet() {
+  const { t } = i18n.useTranslation();
+  const { wallets } = useSolanaWallet();
+  const { connect } = useWallet2();
+  const [visible, setVisible] = React11.useState(false);
+  const onToggleVisibility = () => {
+    setVisible(!visible);
+  };
+  const { targetNamespace } = useWalletConnectorPrivy();
+  const [open, setOpen] = React11.useState(false);
+  React11.useEffect(() => {
+    let timer = 0;
+    if (targetNamespace === types.ChainNamespace.solana) {
+      timer = window.setTimeout(() => {
+        setOpen(true);
+      }, 200);
+    }
+    return () => {
+      if (timer) {
+        window.clearTimeout(timer);
+      }
+    };
+  }, [targetNamespace]);
+  React11.useEffect(() => {
+    if (open === false) {
+      return;
+    }
+    const timeId = window.setTimeout(() => {
+      setOpen(false);
+    }, 5e3);
+    return () => {
+      if (timeId) {
+        window.clearTimeout(timeId);
+      }
+    };
+  }, [open]);
+  return /* @__PURE__ */ React11__default.default.createElement("div", { className: "oui-bg-[#07080A] oui-rounded-[8px] oui-px-2 oui-py-[11px]" }, /* @__PURE__ */ React11__default.default.createElement(
+    ui.Tooltip,
+    {
+      className: "oui-text-warning-darken oui-max-w-[200px] oui-z-[65]",
+      open,
+      content: "Connect an EVM-compatible wallet to continue using the EVM network."
+    },
+    /* @__PURE__ */ React11__default.default.createElement("div", { className: "oui-flex oui-items-center oui-justify-center oui-gap-1 " }, /* @__PURE__ */ React11__default.default.createElement(
+      "img",
+      {
+        src: "https://oss.orderly.network/static/sdk/solana-logo.png",
+        className: "oui-w-[15px] oui-h-[15px]"
+      }
+    ), /* @__PURE__ */ React11__default.default.createElement("div", { className: "oui-text-base-contrast-80 oui-text-2xs oui-font-semibold" }, t("connector.addSolanaWallet")), /* @__PURE__ */ React11__default.default.createElement("button", { onClick: onToggleVisibility }, visible ? /* @__PURE__ */ React11__default.default.createElement(
+      ui.ChevronDownIcon,
+      {
+        size: 16,
+        opacity: 1,
+        className: "oui-text-base-contrast-36"
+      }
+    ) : /* @__PURE__ */ React11__default.default.createElement(
+      ui.ChevronUpIcon,
+      {
+        size: 16,
+        opacity: 1,
+        className: "oui-text-base-contrast"
+      }
+    )))
+  ), /* @__PURE__ */ React11__default.default.createElement(
+    "div",
+    {
+      className: ui.cn(
+        "oui-grid oui-grid-cols-2 oui-gap-[6px] oui-transition-height oui-duration-150 oui-overflow-hidden",
+        visible ? "oui-max-h-0 oui-mt-0" : "oui-max-h-[400px] oui-mt-3"
+      )
+    },
+    wallets.map((item, index) => /* @__PURE__ */ React11__default.default.createElement(
+      "div",
+      {
+        key: index,
+        className: "oui-flex oui-items-center oui-justify-center oui-gap-1  oui-px-2 oui-py-[11px] oui-bg-[#131519] oui-cursor-pointer",
+        onClick: () => connect({
+          walletType: "SOL" /* SOL */,
+          walletAdapter: item.adapter
+        })
+      },
+      /* @__PURE__ */ React11__default.default.createElement(RenderWalletIcon, { connector: item.adapter }),
+      /* @__PURE__ */ React11__default.default.createElement("div", { className: "oui-text-base-contrast oui-text-2xs" }, item.adapter.name)
+    ))
+  ));
+}
+function AddEvmWallet() {
+  const { t } = i18n.useTranslation();
+  const [visible, setVisible] = React11.useState(false);
+  const { connect } = useWallet2();
+  const [open, setOpen] = React11.useState(false);
+  const { connectors } = useWagmiWallet();
+  const { targetNamespace } = useWalletConnectorPrivy();
+  React11.useEffect(() => {
+    let timer = 0;
+    if (targetNamespace === types.ChainNamespace.evm) {
+      timer = window.setTimeout(() => {
+        setOpen(true);
+      }, 200);
+    }
+    return () => {
+      if (timer) {
+        window.clearTimeout(timer);
+      }
+    };
+  }, [targetNamespace]);
+  React11.useEffect(() => {
+    if (open === false) {
+      return;
+    }
+    const timeId = window.setTimeout(() => {
+      setOpen(false);
+    }, 5e3);
+    return () => {
+      if (timeId) {
+        window.clearTimeout(timeId);
+      }
+    };
+  }, [open]);
+  return /* @__PURE__ */ React11__default.default.createElement("div", { className: "oui-bg-[#07080A] oui-rounded-[8px] oui-px-2 oui-py-[11px]" }, /* @__PURE__ */ React11__default.default.createElement(
+    ui.Tooltip,
+    {
+      className: "oui-text-warning-darken oui-max-w-[200px] oui-z-[65]",
+      open,
+      content: "Connect an EVM-compatible wallet to continue using the EVM network."
+    },
+    /* @__PURE__ */ React11__default.default.createElement("div", { className: "oui-flex oui-items-center oui-justify-center oui-gap-1 " }, /* @__PURE__ */ React11__default.default.createElement("div", { className: "oui-flex oui-items-center oui-justify-center oui-gap-1" }, /* @__PURE__ */ React11__default.default.createElement("div", { className: "oui-flex oui-items-center oui-justify-start oui-relative oui-w-[55px]" }, /* @__PURE__ */ React11__default.default.createElement(
+      "img",
+      {
+        src: "https://oss.orderly.network/static/sdk/chains.png",
+        className: "oui-h-[18px] oui-relative oui-z-0"
+      }
+    ), /* @__PURE__ */ React11__default.default.createElement("div", { className: "oui-rounded-full oui-bg-[#282e3a] oui-w-[18px] oui-h-[18px] oui-flex oui-items-center oui-justify-center oui-absolute oui-right-0" }, /* @__PURE__ */ React11__default.default.createElement(EVMChainPopover, null, /* @__PURE__ */ React11__default.default.createElement(
+      MoreIcon,
+      {
+        className: "oui-text-base-contrast-54 hover:oui-text-base-contrast oui-h-3 oui-w-3 oui-relative oui-z-10",
+        style: { zIndex: 1 }
+      }
+    ))))), /* @__PURE__ */ React11__default.default.createElement("div", { className: "oui-text-base-contrast-80 oui-text-2xs oui-font-semibold" }, t("connector.addEvmWallet")), /* @__PURE__ */ React11__default.default.createElement("button", { onClick: () => setVisible(!visible) }, visible ? /* @__PURE__ */ React11__default.default.createElement(
+      ui.ChevronDownIcon,
+      {
+        size: 16,
+        opacity: 1,
+        className: "oui-text-base-contrast-36"
+      }
+    ) : /* @__PURE__ */ React11__default.default.createElement(
+      ui.ChevronUpIcon,
+      {
+        size: 16,
+        opacity: 1,
+        className: "oui-text-base-contrast"
+      }
+    )))
+  ), /* @__PURE__ */ React11__default.default.createElement(
+    "div",
+    {
+      className: ui.cn(
+        "oui-grid oui-grid-cols-2 oui-gap-[6px] oui-transition-height oui-duration-150 oui-overflow-hidden",
+        visible ? "oui-max-h-0 oui-mt-0" : "oui-max-h-[400px] oui-mt-3"
+      )
+    },
+    connectors.map((item, index) => /* @__PURE__ */ React11__default.default.createElement(
+      "div",
+      {
+        key: index,
+        className: "oui-flex oui-items-center oui-justify-center oui-gap-1  oui-px-2 oui-py-[11px] oui-bg-[#131519] oui-cursor-pointer oui-text-2xs",
+        onClick: () => connect({ walletType: "EVM" /* EVM */, connector: item })
+      },
+      /* @__PURE__ */ React11__default.default.createElement(RenderWalletIcon, { connector: item }),
+      /* @__PURE__ */ React11__default.default.createElement("div", { className: "oui-text-base-contrast" }, item.name)
+    ))
+  ));
+}
+
+// src/components/renderNoPrivyWallet.tsx
+function RenderNoPrivyWallet() {
+  const { wallet: walletInWagmi, isConnected: isConnectedEvm } = useWagmiWallet();
+  const { wallet: walletInSolana, isConnected: isConnectedSolana } = useSolanaWallet();
+  const { namespace, switchWallet } = useWallet2();
+  const { walletChainType, connectorWalletType } = useWalletConnectorPrivy();
+  if (walletChainType === "EVM_SOL" /* EVM_SOL */) {
+    if (isConnectedEvm && isConnectedSolana) {
+      return /* @__PURE__ */ React11__default.default.createElement("div", { className: "oui-flex oui-flex-col oui-gap-5" }, !connectorWalletType.disableWagmi && /* @__PURE__ */ React11__default.default.createElement(
+        WalletCard,
+        {
+          type: "EVM" /* EVM */,
+          address: walletInWagmi?.accounts[0].address,
+          isActive: namespace === types.ChainNamespace.evm,
+          onActiveChange: () => {
+            switchWallet(types.ChainNamespace.evm);
+          },
+          isPrivy: false,
+          isBoth: true
+        }
+      ), !connectorWalletType.disableSolana && /* @__PURE__ */ React11__default.default.createElement(
+        WalletCard,
+        {
+          type: "SOL" /* SOL */,
+          address: walletInSolana?.accounts[0].address,
+          isActive: namespace === types.ChainNamespace.solana,
+          onActiveChange: () => {
+            switchWallet(types.ChainNamespace.solana);
+          },
+          isPrivy: false,
+          isBoth: true
+        }
+      ));
+    }
+    if (isConnectedEvm && !isConnectedSolana) {
+      return /* @__PURE__ */ React11__default.default.createElement("div", { className: "" }, /* @__PURE__ */ React11__default.default.createElement(
+        WalletCard,
+        {
+          type: "EVM" /* EVM */,
+          address: walletInWagmi?.accounts[0].address,
+          isActive: namespace === types.ChainNamespace.evm,
+          onActiveChange: () => {
+            switchWallet(types.ChainNamespace.evm);
+          },
+          isPrivy: false,
+          isBoth: false
+        }
+      ), !connectorWalletType.disableSolana && /* @__PURE__ */ React11__default.default.createElement(React11__default.default.Fragment, null, /* @__PURE__ */ React11__default.default.createElement("div", { className: "oui-h-[1px] oui-bg-line oui-my-5" }), /* @__PURE__ */ React11__default.default.createElement(AddSolanaWallet, null)));
+    }
+    if (!isConnectedEvm && isConnectedSolana) {
+      return /* @__PURE__ */ React11__default.default.createElement("div", { className: "" }, /* @__PURE__ */ React11__default.default.createElement(
+        WalletCard,
+        {
+          type: "SOL" /* SOL */,
+          address: walletInSolana?.accounts[0].address,
+          isActive: namespace === types.ChainNamespace.solana,
+          onActiveChange: () => {
+            switchWallet(types.ChainNamespace.solana);
+          },
+          isPrivy: false,
+          isBoth: false
+        }
+      ), !connectorWalletType.disableWagmi && /* @__PURE__ */ React11__default.default.createElement(React11__default.default.Fragment, null, /* @__PURE__ */ React11__default.default.createElement("div", { className: "oui-h-[1px] oui-bg-line oui-my-5" }), /* @__PURE__ */ React11__default.default.createElement(AddEvmWallet, null)));
+    }
+  }
+  if (walletChainType === "onlySOL" /* onlySOL */) {
+    if (isConnectedSolana) {
+      return /* @__PURE__ */ React11__default.default.createElement("div", { className: "" }, /* @__PURE__ */ React11__default.default.createElement(
+        WalletCard,
+        {
+          type: "SOL" /* SOL */,
+          address: walletInSolana?.accounts[0].address,
+          isActive: namespace === types.ChainNamespace.solana,
+          onActiveChange: () => {
+            switchWallet(types.ChainNamespace.solana);
+          },
+          isPrivy: false,
+          isBoth: false
+        }
+      ));
+    }
+  }
+  if (walletChainType === "onlyEVM" /* onlyEVM */) {
+    if (isConnectedEvm) {
+      return /* @__PURE__ */ React11__default.default.createElement("div", { className: "" }, /* @__PURE__ */ React11__default.default.createElement(
+        WalletCard,
+        {
+          type: "EVM" /* EVM */,
+          address: walletInWagmi?.accounts[0].address,
+          isActive: namespace === types.ChainNamespace.evm,
+          onActiveChange: () => {
+            switchWallet(types.ChainNamespace.evm);
+          },
+          isPrivy: false,
+          isBoth: false
+        }
+      ));
+    }
+  }
+  return;
+}
+function Drawer({ children, isOpen, onClose }) {
+  const [windowHeight, setWindowHeight] = React11.useState(0);
+  const { isMobile } = ui.useScreen();
+  React11.useEffect(() => {
+    setWindowHeight(window.innerHeight);
+    const handleResize = () => {
+      setWindowHeight(window.innerHeight);
+    };
+    window.addEventListener("resize", handleResize);
+    if (isOpen) {
+      document.body.style.overflow = "hidden";
+    } else {
+      document.body.style.overflow = "auto";
+    }
+    return () => {
+      document.body.style.overflow = "auto";
+      window.removeEventListener("resize", handleResize);
+    };
+  }, [isOpen, isMobile]);
+  if (!isOpen)
+    return null;
+  const drawerHeight = isMobile ? windowHeight : windowHeight - 72 - 24;
+  return reactDom.createPortal(
+    /* @__PURE__ */ React11__default.default.createElement("div", { className: "oui-fixed oui-inset-0 oui-z-[60]" }, /* @__PURE__ */ React11__default.default.createElement(
+      "div",
+      {
+        className: "oui-absolute oui-inset-0 oui-bg-[rgba(0,0,0,0.48)] oui-transition-opacity",
+        onClick: onClose
+      }
+    ), /* @__PURE__ */ React11__default.default.createElement(
+      "div",
+      {
+        style: { height: `${drawerHeight}px` },
+        className: ui.cn(
+          "oui-overflow-hidden",
+          "oui-fixed oui-top-0 oui-right-0",
+          "oui-bg-[#131519] oui-shadow-lg",
+          "oui-border oui-border-line-12",
+          "oui-w-[276px]",
+          "md:oui-w-[300px]",
+          "md:oui-top-1/2 md:oui-translate-y-[-50%]",
+          "oui-rounded-0 md:oui-rounded-2xl",
+          "md:oui-rounded-0",
+          "oui-p-4",
+          "oui-transform oui-transition-transform oui-duration-300 oui-ease-in-out",
+          "oui-flex oui-flex-col oui-justify-between",
+          "oui-m-0 md:oui-m-3",
+          isOpen ? "oui-translate-x-0" : "oui--translate-x-full"
+        )
+      },
+      children
+    )),
+    document.body
+  );
+}
+function NoWallet() {
+  const { walletChainType } = useWalletConnectorPrivy();
+  const { t } = i18n.useTranslation();
+  return /* @__PURE__ */ React11__default.default.createElement("div", { className: "oui-flex oui-flex-col oui-justify-center oui-items-center oui-w-full oui-mt-5" }, /* @__PURE__ */ React11__default.default.createElement("div", { className: "oui-flex oui-flex-col oui-justify-center oui-items-center oui-w-full oui-gap-3" }, /* @__PURE__ */ React11__default.default.createElement("div", { className: "oui-flex oui-flex-col oui-justify-center oui-items-center oui-gap-1 oui-border-[1px] oui-border-line-12 oui-rounded-[8px]  oui-px-2 oui-py-[13px] oui-w-full " }, /* @__PURE__ */ React11__default.default.createElement(
+    "img",
+    {
+      src: "https://oss.orderly.network/static/sdk/privy/no-wallet.png",
+      className: "oui-w-[64px] oui-h-[64px]"
+    }
+  ), /* @__PURE__ */ React11__default.default.createElement("div", { className: "oui-text-base-contrast-36 oui-text-2xs oui-font-semibold" }, t("connector.noWallet"))), /* @__PURE__ */ React11__default.default.createElement("div", { className: "oui-flex oui-items-start oui-gap-1 oui-px-2 oui-py-[6px] oui-bg-[rgba(232,136,0,0.15)] oui-rounded-[4px] " }, /* @__PURE__ */ React11__default.default.createElement(
+    ui.ExclamationFillIcon,
+    {
+      size: 10,
+      className: "oui-mt-1 oui-w-[10px] oui-h-[10px] oui-text-warning-darken oui-flex-shrink-0"
+    }
+  ), /* @__PURE__ */ React11__default.default.createElement("div", { className: "oui-text-2xs oui-text-warning-darken" }, t("connector.noWallet.description")))), /* @__PURE__ */ React11__default.default.createElement("div", { className: "oui-h-[1px] oui-bg-line oui-my-5 oui-w-full" }), /* @__PURE__ */ React11__default.default.createElement("div", { className: "oui-flex oui-flex-col oui-gap-2 oui-w-full" }, walletChainType === "EVM_SOL" /* EVM_SOL */ && /* @__PURE__ */ React11__default.default.createElement(React11__default.default.Fragment, null, /* @__PURE__ */ React11__default.default.createElement(CreateEVMWallet, null), /* @__PURE__ */ React11__default.default.createElement(CreateSOLWallet, null)), walletChainType === "onlyEVM" /* onlyEVM */ && /* @__PURE__ */ React11__default.default.createElement(CreateEVMWallet, null), walletChainType === "onlySOL" /* onlySOL */ && /* @__PURE__ */ React11__default.default.createElement(CreateSOLWallet, null)));
+}
+function CreateEVMWallet() {
+  const { t } = i18n.useTranslation();
+  const { createEvmWallet } = usePrivyWallet();
+  const [loading, setLoading] = React11.useState(false);
+  const doCreate = () => {
+    if (loading) {
+      return;
+    }
+    setLoading(true);
+    createEvmWallet().then(() => {
+      setLoading(false);
+    }).catch((e) => {
+      setLoading(false);
+    });
+  };
+  return /* @__PURE__ */ React11__default.default.createElement("div", { className: "oui-bg-[#07080A] oui-rounded-[8px] oui-px-2 oui-py-[11px] oui-w-full" }, /* @__PURE__ */ React11__default.default.createElement("div", { className: "oui-flex oui-items-center oui-justify-center oui-gap-1 " }, /* @__PURE__ */ React11__default.default.createElement("div", { className: "oui-flex oui-items-center oui-justify-center oui-gap-1" }, /* @__PURE__ */ React11__default.default.createElement("div", { className: "oui-flex oui-items-center oui-justify-start oui-relative oui-w-[55px]" }, /* @__PURE__ */ React11__default.default.createElement(
+    "img",
+    {
+      src: "https://oss.orderly.network/static/sdk/chains.png",
+      className: "oui-h-[18px] oui-relative oui-z-0"
+    }
+  ), /* @__PURE__ */ React11__default.default.createElement("div", { className: "oui-rounded-full oui-bg-[#282e3a] oui-w-[18px] oui-h-[18px] oui-flex oui-items-center oui-justify-center oui-absolute oui-right-0" }, /* @__PURE__ */ React11__default.default.createElement(EVMChainPopover, null, /* @__PURE__ */ React11__default.default.createElement(
+    MoreIcon,
+    {
+      className: "oui-text-base-contrast-54 hover:oui-text-base-contrast oui-h-3 oui-w-3 oui-relative oui-z-10",
+      style: { zIndex: 1 }
+    }
+  ))))), /* @__PURE__ */ React11__default.default.createElement(
+    "div",
+    {
+      className: ui.cn(
+        "oui-text-base-contrast-80 oui-text-2xs oui-font-semibold oui-cursor-pointer",
+        loading && "oui-opacity-50"
+      ),
+      onClick: doCreate
+    },
+    t("connector.createEvmWallet")
+  )));
+}
+function CreateSOLWallet() {
+  const { t } = i18n.useTranslation();
+  const { createSolanaWallet } = usePrivyWallet();
+  const [loading, setLoading] = React11.useState(false);
+  const doCreate = () => {
+    if (loading) {
+      return;
+    }
+    setLoading(true);
+    createSolanaWallet().then(() => {
+      setLoading(false);
+    }).catch((e) => {
+      setLoading(false);
+    });
+  };
+  return /* @__PURE__ */ React11__default.default.createElement("div", { className: "oui-bg-[#07080A] oui-rounded-[8px] oui-px-2 oui-py-[11px] oui-w-full" }, /* @__PURE__ */ React11__default.default.createElement("div", { className: "oui-flex oui-items-center oui-justify-center oui-gap-1 " }, /* @__PURE__ */ React11__default.default.createElement(
+    "img",
+    {
+      src: "https://oss.orderly.network/static/sdk/solana-logo.png",
+      className: "oui-w-[15px] oui-h-[15px]"
+    }
+  ), /* @__PURE__ */ React11__default.default.createElement(
+    "div",
+    {
+      className: ui.cn(
+        "oui-text-base-contrast-80 oui-text-2xs oui-font-semibold oui-cursor-pointer",
+        loading && "oui-opacity-50"
+      ),
+      onClick: doCreate
+    },
+    t("connector.createSolanaWallet")
+  )));
+}
+function RenderPrivyWallet() {
+  const { t } = i18n.useTranslation();
+  const { walletChainType } = useWalletConnectorPrivy();
+  const { walletEVM, walletSOL, linkedAccount } = usePrivyWallet();
+  const { namespace, switchWallet, disconnect } = useWallet2();
+  const renderWalletType = React11.useMemo(() => {
+    if (walletChainType === "onlyEVM" /* onlyEVM */) {
+      if (walletEVM && walletEVM.accounts.length) {
+        return "onlyEVM" /* onlyEVM */;
+      }
+      return "noWallet" /* noWallet */;
+    }
+    if (walletChainType === "onlySOL" /* onlySOL */) {
+      if (walletSOL && walletSOL.accounts.length) {
+        return "onlySOL" /* onlySOL */;
+      }
+      return "noWallet" /* noWallet */;
+    }
+    if ((!walletEVM || !walletEVM.accounts.length) && (!walletSOL || !walletSOL.accounts.length)) {
+      return "noWallet" /* noWallet */;
+    }
+    if (walletEVM && walletEVM.accounts.length && (!walletSOL || !walletSOL.accounts.length)) {
+      return "onlyEVM" /* onlyEVM */;
+    }
+    if ((!walletEVM || !walletEVM.accounts.length) && walletSOL && walletSOL.accounts.length) {
+      return "onlySOL" /* onlySOL */;
+    }
+    return "both" /* both */;
+  }, [walletEVM, walletSOL, walletChainType]);
+  return /* @__PURE__ */ React11__default.default.createElement("div", null, /* @__PURE__ */ React11__default.default.createElement("div", { className: "oui-flex oui-justify-between oui-items-center" }, linkedAccount && /* @__PURE__ */ React11__default.default.createElement("div", { className: "oui-flex oui-items-center oui-justify-start oui-gap-2 oui-text-base-contrast" }, /* @__PURE__ */ React11__default.default.createElement("div", null, /* @__PURE__ */ React11__default.default.createElement(RenderPrivyTypeIcon, { type: linkedAccount.type, size: 24 })), /* @__PURE__ */ React11__default.default.createElement("div", { className: "oui-text-xs" }, linkedAccount.address)), /* @__PURE__ */ React11__default.default.createElement(
+    "div",
+    {
+      className: "oui-cursor-pointer oui-text-primary oui-text-2xs oui-font-semibold",
+      onClick: () => disconnect("privy" /* PRIVY */)
+    },
+    t("connector.logout")
+  )), renderWalletType === "noWallet" /* noWallet */ && /* @__PURE__ */ React11__default.default.createElement(NoWallet, null), renderWalletType === "both" /* both */ && /* @__PURE__ */ React11__default.default.createElement("div", { className: "oui-flex oui-flex-col oui-gap-5 oui-mt-5" }, walletChainType === "EVM_SOL" /* EVM_SOL */ && /* @__PURE__ */ React11__default.default.createElement(React11__default.default.Fragment, null, /* @__PURE__ */ React11__default.default.createElement(
+    WalletCard,
+    {
+      type: "EVM" /* EVM */,
+      address: walletEVM?.accounts[0].address ?? "",
+      isActive: namespace === types.ChainNamespace.evm,
+      onActiveChange: () => {
+        switchWallet(types.ChainNamespace.evm);
+      },
+      isPrivy: true,
+      isBoth: true
+    }
+  ), /* @__PURE__ */ React11__default.default.createElement(
+    WalletCard,
+    {
+      type: "SOL" /* SOL */,
+      address: walletSOL?.accounts[0].address ?? "",
+      isActive: namespace === types.ChainNamespace.solana,
+      onActiveChange: () => {
+        switchWallet(types.ChainNamespace.solana);
+      },
+      isPrivy: true,
+      isBoth: true
+    }
+  )), walletChainType === "onlyEVM" /* onlyEVM */ && /* @__PURE__ */ React11__default.default.createElement(
+    WalletCard,
+    {
+      type: "EVM" /* EVM */,
+      address: walletEVM?.accounts[0].address ?? "",
+      isActive: namespace === types.ChainNamespace.evm,
+      onActiveChange: () => {
+        switchWallet(types.ChainNamespace.evm);
+      },
+      isPrivy: true,
+      isBoth: false
+    }
+  ), walletChainType === "onlySOL" /* onlySOL */ && /* @__PURE__ */ React11__default.default.createElement(
+    WalletCard,
+    {
+      type: "SOL" /* SOL */,
+      address: walletSOL?.accounts[0].address ?? "",
+      isActive: namespace === types.ChainNamespace.solana,
+      onActiveChange: () => {
+        switchWallet(types.ChainNamespace.solana);
+      },
+      isPrivy: true,
+      isBoth: false
+    }
+  )), renderWalletType === "onlyEVM" /* onlyEVM */ && /* @__PURE__ */ React11__default.default.createElement("div", { className: "oui-flex oui-flex-col oui-gap-0 oui-mt-5" }, /* @__PURE__ */ React11__default.default.createElement(
+    WalletCard,
+    {
+      type: "EVM" /* EVM */,
+      address: walletEVM?.accounts[0].address ?? "",
+      isActive: namespace === types.ChainNamespace.evm,
+      onActiveChange: () => {
+        switchWallet(types.ChainNamespace.evm);
+      },
+      isPrivy: true,
+      isBoth: false
+    }
+  ), walletChainType === "EVM_SOL" /* EVM_SOL */ && /* @__PURE__ */ React11__default.default.createElement(React11__default.default.Fragment, null, /* @__PURE__ */ React11__default.default.createElement("div", { className: "oui-h-[1px] oui-bg-line oui-my-5 oui-w-full" }), /* @__PURE__ */ React11__default.default.createElement("div", { className: "oui-flex oui-flex-col oui-gap-2 oui-w-full" }, /* @__PURE__ */ React11__default.default.createElement(CreateSOLWallet, null)))), renderWalletType === "onlySOL" /* onlySOL */ && /* @__PURE__ */ React11__default.default.createElement("div", { className: "oui-flex oui-flex-col oui-gap-0 oui-mt-5" }, /* @__PURE__ */ React11__default.default.createElement(
+    WalletCard,
+    {
+      type: "SOL" /* SOL */,
+      address: walletSOL?.accounts[0].address ?? "",
+      isActive: namespace === types.ChainNamespace.solana,
+      onActiveChange: () => {
+        switchWallet(types.ChainNamespace.solana);
+      },
+      isPrivy: true,
+      isBoth: false
+    }
+  ), walletChainType === "EVM_SOL" /* EVM_SOL */ && /* @__PURE__ */ React11__default.default.createElement(React11__default.default.Fragment, null, /* @__PURE__ */ React11__default.default.createElement("div", { className: "oui-h-[1px] oui-bg-line oui-my-5 oui-w-full" }), /* @__PURE__ */ React11__default.default.createElement("div", { className: "oui-flex oui-flex-col oui-gap-2 oui-w-full" }, /* @__PURE__ */ React11__default.default.createElement(CreateEVMWallet, null)))));
+}
+
+// src/components/connectDrawer.tsx
+function PrivyConnectArea({ connect }) {
+  const { t } = i18n.useTranslation();
+  const { isMobile, isDesktop } = ui.useScreen();
+  const { connectorWalletType } = useWalletConnectorPrivy();
+  return /* @__PURE__ */ React11__default.default.createElement("div", { className: "" }, /* @__PURE__ */ React11__default.default.createElement(
+    "div",
+    {
+      className: ui.cn(
+        "oui-flex oui-items-center oui-justify-between",
+        "oui-text-base-contrast-80 oui-text-sm oui-font-semibold oui-mb-3",
+        "md:oui-mb-2"
+      )
+    },
+    t("connector.loginIn"),
+    isMobile && /* @__PURE__ */ React11__default.default.createElement("div", { className: "oui-h-3 oui-flex oui-justify-center" }, /* @__PURE__ */ React11__default.default.createElement(
+      "img",
+      {
+        src: "https://oss.orderly.network/static/sdk/privy/privy-logo.png",
+        className: " oui-h-[10px]"
+      }
+    ))
+  ), /* @__PURE__ */ React11__default.default.createElement(
+    "div",
+    {
+      className: ui.cn(
+        "oui-grid oui-grid-cols-2 oui-gap-[6px]",
+        "md:oui-flex md:oui-flex-col md:oui-gap-[6px]"
+      )
+    },
+    /* @__PURE__ */ React11__default.default.createElement(
+      "div",
+      {
+        className: "oui-cursor-pointer oui-rounded-[6px] oui-bg-[#333948] oui-px-2 oui-py-[11px] oui-flex oui-justify-center oui-items-center oui-gap-1",
+        onClick: () => connect({ walletType: "privy", extraType: "email" })
+      },
+      /* @__PURE__ */ React11__default.default.createElement(
+        "img",
+        {
+          src: "https://oss.orderly.network/static/sdk/privy/email.svg",
+          className: "oui-w-[18px] oui-h-[18px]"
+        }
+      ),
+      /* @__PURE__ */ React11__default.default.createElement("div", { className: "oui-text-base-contrast oui-text-2xs" }, t("connector.email"))
+    ),
+    /* @__PURE__ */ React11__default.default.createElement(
+      "div",
+      {
+        className: "oui-rounded-[6px] oui-bg-[#335FFC] oui-px-2 oui-py-[11px] oui-flex oui-justify-center oui-items-center oui-gap-1 oui-cursor-pointer",
+        onClick: () => connect({ walletType: "privy", extraType: "google" })
+      },
+      /* @__PURE__ */ React11__default.default.createElement(
+        "img",
+        {
+          src: "https://oss.orderly.network/static/sdk/privy/google.svg",
+          className: "oui-w-[18px] oui-h-[18px]"
+        }
+      ),
+      /* @__PURE__ */ React11__default.default.createElement("div", { className: "oui-text-base-contrast oui-text-2xs" }, t("connector.google"))
+    ),
+    /* @__PURE__ */ React11__default.default.createElement(
+      "div",
+      {
+        className: "oui-rounded-[6px] oui-bg-[#07080A] oui-px-2 oui-py-[11px] oui-flex oui-justify-center oui-items-center oui-gap-1 oui-cursor-pointer",
+        onClick: () => connect({ walletType: "privy", extraType: "twitter" })
+      },
+      /* @__PURE__ */ React11__default.default.createElement(
+        "img",
+        {
+          src: "https://oss.orderly.network/static/sdk/privy/twitter.svg",
+          className: "oui-w-[18px] oui-h-[18px]"
+        }
+      ),
+      /* @__PURE__ */ React11__default.default.createElement("div", { className: "oui-text-base-contrast oui-text-2xs" }, t("connector.twitter"))
+    )
+  ), isDesktop && /* @__PURE__ */ React11__default.default.createElement("div", { className: "oui-h-3 oui-flex oui-justify-center oui-mt-4" }, /* @__PURE__ */ React11__default.default.createElement(
+    "img",
+    {
+      src: "https://oss.orderly.network/static/sdk/privy/privy-logo.png",
+      className: " oui-h-[10px]"
+    }
+  )), (!connectorWalletType.disableWagmi || !connectorWalletType.disableSolana) && /* @__PURE__ */ React11__default.default.createElement("div", { className: "oui-h-[1px] oui-bg-line oui-w-full oui-mt-4 md:oui-mt-5" }));
+}
+function EVMConnectArea({ connect }) {
+  const { connectors } = useWagmiWallet();
+  return /* @__PURE__ */ React11__default.default.createElement("div", { className: "" }, /* @__PURE__ */ React11__default.default.createElement("div", { className: "oui-text-base-contrast-80 oui-text-sm oui-font-semibold oui-mb-2" }, "EVM"), /* @__PURE__ */ React11__default.default.createElement("div", { className: "oui-grid oui-grid-cols-2 oui-gap-[6px]" }, connectors.map((item, key) => /* @__PURE__ */ React11__default.default.createElement(
+    "div",
+    {
+      key,
+      className: " oui-flex oui-items-center oui-justify-start oui-gap-1 oui-rounded-[6px] oui-px-2 oui-bg-[#07080A] oui-py-[11px] oui-flex-1 oui-cursor-pointer",
+      onClick: () => connect(item)
+    },
+    /* @__PURE__ */ React11__default.default.createElement(RenderWalletIcon, { connector: item }),
+    /* @__PURE__ */ React11__default.default.createElement("div", { className: "oui-text-base-contrast oui-text-2xs" }, item.name)
+  ))));
+}
+function SOLConnectArea({
+  connect
+}) {
+  const { wallets } = useSolanaWallet();
+  return /* @__PURE__ */ React11__default.default.createElement("div", null, /* @__PURE__ */ React11__default.default.createElement("div", { className: "oui-text-base-contrast-80 oui-text-sm oui-font-semibold oui-mb-2" }, "Solana"), /* @__PURE__ */ React11__default.default.createElement("div", { className: "oui-grid oui-grid-cols-2 oui-gap-[6px]" }, wallets.map((item, key) => /* @__PURE__ */ React11__default.default.createElement(
+    "div",
+    {
+      key,
+      className: " oui-flex oui-items-center oui-justify-center oui-gap-1 oui-rounded-[6px] oui-px-2 oui-bg-[#07080A] oui-py-[11px] oui-flex-1 oui-cursor-pointer",
+      onClick: () => connect(item.adapter)
+    },
+    /* @__PURE__ */ React11__default.default.createElement(RenderWalletIcon, { connector: item.adapter }),
+    /* @__PURE__ */ React11__default.default.createElement("div", { className: "oui-text-base-contrast oui-text-2xs" }, item.adapter.name)
+  ))));
+}
+function ConnectWallet() {
+  const { connect } = useWallet2();
+  const { setOpenConnectDrawer, walletChainType, connectorWalletType } = useWalletConnectorPrivy();
+  const handleConnect = (params) => {
+    connect(params);
+    if (params.walletType === "privy" /* PRIVY */) {
+      setOpenConnectDrawer(false);
+    }
+  };
+  return /* @__PURE__ */ React11__default.default.createElement("div", { className: ui.cn("oui-flex oui-flex-col oui-gap-4", "md:oui-gap-5") }, !connectorWalletType.disablePrivy && /* @__PURE__ */ React11__default.default.createElement(
+    PrivyConnectArea,
+    {
+      connect: (type) => handleConnect({ walletType: "privy" /* PRIVY */, extraType: type })
+    }
+  ), walletChainType === "EVM_SOL" /* EVM_SOL */ && /* @__PURE__ */ React11__default.default.createElement(React11__default.default.Fragment, null, !connectorWalletType.disableWagmi && /* @__PURE__ */ React11__default.default.createElement(
+    EVMConnectArea,
+    {
+      connect: (connector) => handleConnect({
+        walletType: "EVM" /* EVM */,
+        connector
+      })
+    }
+  ), !connectorWalletType.disableSolana && /* @__PURE__ */ React11__default.default.createElement(
+    SOLConnectArea,
+    {
+      connect: (walletAdapter) => handleConnect({
+        walletType: "SOL" /* SOL */,
+        walletAdapter
+      })
+    }
+  )), walletChainType === "onlyEVM" /* onlyEVM */ && /* @__PURE__ */ React11__default.default.createElement(
+    EVMConnectArea,
+    {
+      connect: (connector) => handleConnect({ walletType: "EVM" /* EVM */, connector })
+    }
+  ), walletChainType === "onlySOL" /* onlySOL */ && /* @__PURE__ */ React11__default.default.createElement(
+    SOLConnectArea,
+    {
+      connect: (walletAdapter) => handleConnect({
+        walletType: "SOL" /* SOL */,
+        walletAdapter
+      })
+    }
+  ));
+}
+function MyWallet() {
+  const [connectorKey, setConnectorKey] = hooks.useLocalStorage(types.ConnectorKey, "");
+  return /* @__PURE__ */ React11__default.default.createElement("div", null, connectorKey === "privy" && /* @__PURE__ */ React11__default.default.createElement(RenderPrivyWallet, null), connectorKey !== "privy" && /* @__PURE__ */ React11__default.default.createElement(RenderNoPrivyWallet, null));
+}
+function ConnectDrawer(props) {
+  const { t } = i18n.useTranslation();
+  const { isConnected: isConnectedPrivy } = usePrivyWallet();
+  const { isConnected: isConnectedEvm } = useWagmiWallet();
+  const { isConnected: isConnectedSolana } = useSolanaWallet();
+  const { termsOfUse, connectorWalletType } = useWalletConnectorPrivy();
+  const [connectorKey, setConnectorKey] = hooks.useLocalStorage(types.ConnectorKey, "");
+  const isConnected = React11.useMemo(() => {
+    if (connectorKey === "privy" /* PRIVY */ && isConnectedPrivy) {
+      return true;
+    }
+    if (connectorKey !== "privy" /* PRIVY */) {
+      if (isConnectedEvm) {
+        return true;
+      }
+      if (isConnectedSolana) {
+        return true;
+      }
+    }
+    return false;
+  }, [isConnectedPrivy, isConnectedEvm, isConnectedSolana, connectorKey]);
+  const { isMobile } = ui.useScreen();
+  return /* @__PURE__ */ React11__default.default.createElement(Drawer, { isOpen: props.open, onClose: () => props.onChangeOpen(false) }, !isMobile && /* @__PURE__ */ React11__default.default.createElement(
+    "div",
+    {
+      className: "oui-z-0 oui-absolute -oui-top-[calc(100vh/2)] oui-h-[100vh] oui-left-[50px] oui-right-[50px]",
+      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__ */ React11__default.default.createElement("div", { className: "oui-z-10 oui-relative" }, /* @__PURE__ */ React11__default.default.createElement("div", { className: "oui-flex oui-justify-between oui-items-center oui-mb-4 md:oui-mb-5" }, /* @__PURE__ */ React11__default.default.createElement(
+    "div",
+    {
+      className: ui.cn(
+        "oui-font-semibold oui-text-base-contrast-80 ",
+        "oui-text-[20px] oui-py-2",
+        "md:oui-text-base md:oui-py-0"
+      )
+    },
+    isConnected ? t("connector.myWallet") : t("connector.connectWallet")
+  ), /* @__PURE__ */ React11__default.default.createElement(
+    CloseIcon,
+    {
+      className: "oui-cursor-pointer oui-text-base-contrast-20 oui-w-5 oui-h-5 hover:oui-text-base-contrast-80",
+      onClick: () => props.onChangeOpen(false)
+    }
+  )), isConnected ? /* @__PURE__ */ React11__default.default.createElement(MyWallet, null) : /* @__PURE__ */ React11__default.default.createElement(ConnectWallet, null)), !isConnected && /* @__PURE__ */ React11__default.default.createElement("div", { className: "oui-z-10 oui-text-base-contrast-80 oui-text-center oui-text-2xs oui-relative  oui-font-semibold" }, /* @__PURE__ */ React11__default.default.createElement(
+    i18n.Trans,
+    {
+      i18nKey: "connector.termsOfUse",
+      components: [
+        /* @__PURE__ */ React11__default.default.createElement(
+          "a",
+          {
+            href: termsOfUse,
+            className: "oui-cursor-pointer oui-underline oui-text-primary",
+            target: "_blank"
+          }
+        )
+      ]
+    }
+  )));
+}
+function UserCenter(props) {
+  const { accountState: state } = props;
+  return /* @__PURE__ */ React11__default.default.createElement(RenderUserCenter, { state, disabledConnect: props.disabledConnect });
+}
+var MwebUserCenter = (props) => {
+  const { state } = props;
+  return /* @__PURE__ */ React11__default.default.createElement(RenderUserCenter, { state, disabledConnect: props.disabledConnect });
+};
+var RenderUserCenter = (props) => {
+  const { state } = props;
+  const { t } = i18n.useTranslation();
+  const { isMobile } = ui.useScreen();
+  const { connect, wallet } = hooks.useWalletConnector();
+  const { linkedAccount } = usePrivyWallet();
+  const disabled = state.validating || props.disabledConnect;
+  if (state.status === types.AccountStatusEnum.EnableTradingWithoutConnected) {
+    return /* @__PURE__ */ React11__default.default.createElement(
+      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"
+      },
+      /* @__PURE__ */ React11__default.default.createElement(ui.Text.formatted, { rule: "address", className: "oui-text-[rgba(0,0,0,.88)]" }, ui.formatAddress(state.address, [4, 4]))
+    );
+  }
+  if (state.status <= types.AccountStatusEnum.NotConnected || disabled) {
+    return /* @__PURE__ */ React11__default.default.createElement(
+      ui.Button,
+      {
+        "data-testid": "oui-testid-nav-bar-connectWallet-btn",
+        size: "md",
+        variant: disabled ? void 0 : "gradient",
+        angle: 45,
+        className: "wallet-connect-button",
+        loading: state.validating,
+        disabled,
+        onClick: () => {
+          connect().then((r) => {
+          }).catch((e) => void 0);
+        }
+      },
+      t("connector.connectWallet")
+    );
+  }
+  if (!wallet) {
+    return;
+  }
+  if (isMobile) {
+    return /* @__PURE__ */ React11__default.default.createElement(
+      uiConnector.AuthGuard,
+      {
+        buttonProps: {
+          size: "sm"
+        }
+      },
+      /* @__PURE__ */ React11__default.default.createElement("div", { onClick: () => connect() }, /* @__PURE__ */ React11__default.default.createElement(
+        ui.Button,
+        {
+          size: "sm",
+          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__ */ React11__default.default.createElement(
+          RenderPrivyTypeIcon,
+          {
+            type: linkedAccount.type,
+            size: 18,
+            black: true
+          }
+        ),
+        /* @__PURE__ */ React11__default.default.createElement(
+          ui.Text.formatted,
+          {
+            rule: "address",
+            className: "oui-text-[rgba(0,0,0,.88)]"
+          },
+          ui.formatAddress(wallet.accounts[0].address)
+        )
+      ))
+    );
+  }
+  return /* @__PURE__ */ React11__default.default.createElement("div", { onClick: () => connect() }, /* @__PURE__ */ React11__default.default.createElement(
+    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__ */ React11__default.default.createElement(
+      RenderPrivyTypeIcon,
+      {
+        type: linkedAccount.type,
+        size: 18,
+        black: true
+      }
+    ),
+    /* @__PURE__ */ React11__default.default.createElement(ui.Text.formatted, { rule: "address", className: "oui-text-[rgba(0,0,0,.88)]" }, ui.formatAddress(wallet.accounts[0].address))
+  ));
+};
+ui.installExtension({
+  name: "account-menu-privy",
+  scope: ["*"],
+  positions: [ui.ExtensionPositionEnum.AccountMenu]
+})((props) => {
+  return /* @__PURE__ */ React11__default.default.createElement(UserCenter, { ...props });
+});
+ui.installExtension({
+  name: "mobile-account-menu-privy",
+  scope: ["*"],
+  positions: [ui.ExtensionPositionEnum.MobileAccountMenu]
+})((props) => {
+  return /* @__PURE__ */ React11__default.default.createElement(MwebUserCenter, { ...props });
+});
+
+// src/main.tsx
+function Main(props) {
+  const { wallet, connectedChain, setChain, namespace } = useWallet2();
+  const { openConnectDrawer, setOpenConnectDrawer, setTargetNamespace } = useWalletConnectorPrivy();
+  const connect = (props2) => {
+    if (props2 && props2.autoSelect) {
+      return Promise.resolve([]);
+    }
+    setTargetNamespace(void 0);
+    return new Promise((resolve, reject) => {
+      setOpenConnectDrawer(true);
+      resolve([]);
+    });
+  };
+  const disconnect = React11.useCallback(async () => {
+    return Promise.resolve([]);
+  }, [wallet]);
+  const value = React11.useMemo(
+    () => ({
+      connect,
+      disconnect,
+      connecting: false,
+      wallet,
+      setChain,
+      connectedChain,
+      namespace,
+      chains: [],
+      settingChain: false
+    }),
+    [connect, setChain, connectedChain, wallet, namespace]
+  );
+  return /* @__PURE__ */ React11__default.default.createElement(hooks.WalletConnectorContext.Provider, { value }, /* @__PURE__ */ React11__default.default.createElement(
+    ConnectDrawer,
+    {
+      open: openConnectDrawer,
+      onChangeOpen: setOpenConnectDrawer
+    }
+  ), props.children);
+}
+function InitPrivyProvider({
+  privyConfig,
+  initChains,
+  children
+}) {
+  if (!privyConfig) {
+    return children;
+  }
+  const config = React11.useMemo(() => {
+    const chains = initChains;
+    return {
+      loginMethods: privyConfig.config?.loginMethods || ["email", "google", "twitter"],
+      appearance: {
+        ...privyConfig.config?.appearance,
+        walletChainType: "ethereum-and-solana"
+      },
+      embeddedWallets: {
+        ethereum: {
+          createOnLogin: "all-users"
+        },
+        solana: {
+          createOnLogin: "all-users"
+        }
+      },
+      defaultChain: chains[0],
+      supportedChains: chains
+    };
+  }, [initChains, privyConfig]);
+  if (!initChains.length) {
+    return;
+  }
+  return /* @__PURE__ */ React11__default.default.createElement(reactAuth.PrivyProvider, { appId: privyConfig.appid, config }, children);
+}
+function InitSolanaProvider({
+  mainnetRpc,
+  devnetRpc,
+  wallets: walletsProp,
+  onError,
+  children
+}) {
+  const { network, setSolanaInfo, connectorWalletType } = useWalletConnectorPrivy();
+  if (connectorWalletType.disableSolana) {
+    return children;
+  }
+  const wallets = React11.useMemo(() => {
+    return walletsProp ?? [new walletAdapterWallets.PhantomWalletAdapter()];
+  }, [walletsProp]);
+  React11.useEffect(() => {
+    let rpcUrl = null;
+    if (network === "mainnet") {
+      rpcUrl = mainnetRpc ?? null;
+    } else {
+      rpcUrl = devnetRpc ?? null;
+    }
+    if (rpcUrl) {
+      setSolanaInfo({
+        rpcUrl,
+        network: network === "mainnet" ? walletAdapterBase.WalletAdapterNetwork.Mainnet : walletAdapterBase.WalletAdapterNetwork.Devnet
+      });
+    }
+  }, [network, mainnetRpc, devnetRpc, setSolanaInfo]);
+  return /* @__PURE__ */ React11__default.default.createElement(walletAdapterReact.WalletProvider, { wallets, onError }, children);
+}
+function InitWagmiProvider({
+  children,
+  initialState,
+  initChains,
+  wagmiConfig
+}) {
+  const { connectorWalletType } = useWalletConnectorPrivy();
+  if (connectorWalletType.disableWagmi) {
+    return children;
+  }
+  const [queryClient] = React11.useState(() => new reactQuery.QueryClient());
+  const [config, setConfig] = React11.useState(
+    () => WagmiExport.createConfig({
+      chains: initChains && initChains.length ? initChains : [chains.mainnet],
+      multiInjectedProviderDiscovery: true,
+      storage: wagmiConfig.storage ? wagmiConfig.storage : WagmiExport.createStorage({
+        storage: localStorage,
+        key: "wagmi"
+      }),
+      connectors: wagmiConfig.connectors ? wagmiConfig.connectors : [WagmiExport.injected()],
+      transports: Object.fromEntries(
+        initChains.map((chain) => [chain.id, WagmiExport.http()])
+      )
+    })
+  );
+  return /* @__PURE__ */ React11__default.default.createElement(WagmiExport.WagmiProvider, { config, initialState }, /* @__PURE__ */ React11__default.default.createElement(reactQuery.QueryClientProvider, { client: queryClient }, children));
+}
+
+// src/provider.tsx
+var fetchChainInfo = async (url) => {
+  const response = await fetch(url);
+  if (!response.ok) {
+    throw new Error(`Failed to fetch data from ${url}`);
+  }
+  return response.json();
+};
+var processChainInfo = (chainInfo) => chainInfo.map(
+  (row) => viemExport.defineChain({
+    id: Number(row.chain_id),
+    name: row.name,
+    nativeCurrency: {
+      decimals: row.currency_decimal,
+      name: "Ether",
+      symbol: row.currency_symbol
+    },
+    rpcUrls: {
+      default: {
+        http: [row.public_rpc_url]
+      }
+    },
+    blockExplorers: {
+      default: { name: "Explorer", url: row.explorer_base_url }
+    }
+  })
+) || [];
+var walletConnectorPrivyContext = React11.createContext({
+  initChains: [chains.mainnet],
+  mainnetChains: [],
+  testnetChains: [],
+  getChainsByNetwork: () => [],
+  openConnectDrawer: false,
+  setOpenConnectDrawer: () => {
+  },
+  targetNamespace: void 0,
+  setTargetNamespace: () => {
+  },
+  network: "mainnet" /* mainnet */,
+  setNetwork: () => {
+  },
+  solanaInfo: null,
+  setSolanaInfo: () => {
+  },
+  termsOfUse: "",
+  walletChainType: "EVM_SOL" /* EVM_SOL */,
+  connectorWalletType: {
+    disableWagmi: false,
+    disablePrivy: false,
+    disableSolana: false
+  }
+});
+var useWalletConnectorPrivy = () => React11.useContext(walletConnectorPrivyContext);
+function WalletConnectorPrivyProvider(props) {
+  const [walletChainType, setWalletChainType] = React11.useState(
+    "EVM_SOL" /* EVM_SOL */
+  );
+  const [termsOfUse] = React11.useState(props.termsOfUse);
+  const [network, setNetwork] = React11.useState(props.network);
+  const [initChains, setInitChains] = React11.useState([]);
+  const [mainnetChains, setMainnetChains] = React11.useState([]);
+  const [testnetChains, setTestnetChains] = React11.useState([]);
+  const initRef = React11.useRef(false);
+  const [openConnectDrawer, setOpenConnectDrawer] = React11.useState(false);
+  const [targetNamespace, setTargetNamespace] = React11.useState();
+  const [solanaInfo, setSolanaInfo] = React11.useState(null);
+  const connectorWalletType = React11.useMemo(() => {
+    let type = {
+      disableWagmi: false,
+      disablePrivy: false,
+      disableSolana: false
+    };
+    if (!props.privyConfig) {
+      type.disablePrivy = true;
+    }
+    if (!props.wagmiConfig) {
+      type.disableWagmi = true;
+    }
+    if (!props.solanaConfig) {
+      type.disableSolana = true;
+    }
+    return type;
+  }, [props.privyConfig, props.wagmiConfig, props.solanaConfig]);
+  const fetchAllChains = async () => {
+    let testChainsList = [];
+    let mainnetChainsList = [];
+    try {
+      const testChainInfoRes = await fetchChainInfo(
+        "https://testnet-api-evm.orderly.org/v1/public/chain_info"
+      );
+      testChainsList = testChainInfoRes.data.rows;
+    } catch (error) {
+      testChainsList = [types.ArbitrumSepoliaChainInfo, types.SolanaDevnetChainInfo];
+    }
+    try {
+      const mainnetChainInfoRes = await fetchChainInfo(
+        "https://api-evm.orderly.org/v1/public/chain_info"
+      );
+      mainnetChainsList = mainnetChainInfoRes.data.rows;
+    } catch (error) {
+      mainnetChainsList = [];
+    }
+    const testChains = processChainInfo(testChainsList);
+    const mainnetChains2 = processChainInfo(mainnetChainsList);
+    setTestnetChains(testChains);
+    setMainnetChains(mainnetChains2);
+    setInitChains([...testChains, ...mainnetChains2]);
+    initRef.current = true;
+  };
+  const handleCustomerChains = () => {
+    const testChains = processChainInfo(
+      props.customChains.testnet?.map((item) => item.network_infos)
+    );
+    const mainnetChains2 = processChainInfo(
+      props.customChains.mainnet?.map((item) => item.network_infos)
+    );
+    setTestnetChains(testChains);
+    setMainnetChains(mainnetChains2);
+    setInitChains([...testChains, ...mainnetChains2]);
+    const chainTypeObj = {
+      hasEvm: false,
+      hasSol: false
+    };
+    [...testChains, ...mainnetChains2].forEach((chain) => {
+      if (types.SolanaChains.has(chain.id)) {
+        chainTypeObj.hasSol = true;
+      } else {
+        chainTypeObj.hasEvm = true;
+      }
+    });
+    initRef.current = true;
+    if (chainTypeObj.hasEvm && chainTypeObj.hasSol) {
+      setWalletChainType("EVM_SOL" /* EVM_SOL */);
+    } else if (chainTypeObj.hasEvm) {
+      setWalletChainType("onlyEVM" /* onlyEVM */);
+    } else if (chainTypeObj.hasSol) {
+      setWalletChainType("onlySOL" /* onlySOL */);
+    }
+  };
+  if (connectorWalletType.disablePrivy && connectorWalletType.disableWagmi && connectorWalletType.disableSolana) {
+    throw new Error(
+      "Privy, Wagmi, and Solana are disabled. Please enable at least one of them."
+    );
+  }
+  const getChainsByNetwork = (network2) => {
+    return network2 === "mainnet" ? mainnetChains : testnetChains;
+  };
+  const value = React11.useMemo(
+    () => ({
+      initChains,
+      mainnetChains,
+      testnetChains,
+      getChainsByNetwork,
+      openConnectDrawer,
+      setOpenConnectDrawer,
+      targetNamespace,
+      setTargetNamespace,
+      network,
+      setNetwork,
+      solanaInfo,
+      setSolanaInfo,
+      termsOfUse,
+      walletChainType,
+      connectorWalletType
+    }),
+    [
+      initChains,
+      mainnetChains,
+      testnetChains,
+      getChainsByNetwork,
+      openConnectDrawer,
+      setOpenConnectDrawer,
+      targetNamespace,
+      setTargetNamespace,
+      network,
+      setNetwork,
+      solanaInfo,
+      setSolanaInfo,
+      termsOfUse,
+      walletChainType,
+      connectorWalletType
+    ]
+  );
+  React11.useEffect(() => {
+    if (!props.customChains) {
+      fetchAllChains();
+      return;
+    }
+    handleCustomerChains();
+  }, [props.customChains]);
+  if (!initRef.current) {
+    return null;
+  }
+  return /* @__PURE__ */ React11__default.default.createElement(walletConnectorPrivyContext.Provider, { value }, /* @__PURE__ */ React11__default.default.createElement(ui.TooltipProvider, { delayDuration: 300 }, /* @__PURE__ */ React11__default.default.createElement(
+    InitPrivyProvider,
+    {
+      privyConfig: props.privyConfig,
+      initChains
+    },
+    /* @__PURE__ */ React11__default.default.createElement(
+      InitWagmiProvider,
+      {
+        wagmiConfig: props.wagmiConfig ?? {},
+        initChains
+      },
+      /* @__PURE__ */ React11__default.default.createElement(
+        InitSolanaProvider,
+        {
+          ...props.solanaConfig ?? { wallets: [], onError: () => {
+          } }
+        },
+        /* @__PURE__ */ React11__default.default.createElement(PrivyWalletProvider, null, /* @__PURE__ */ React11__default.default.createElement(WagmiWalletProvider, null, /* @__PURE__ */ React11__default.default.createElement(SolanaWalletProvider, null, /* @__PURE__ */ React11__default.default.createElement(Main, null, props.children))))
+      )
+    )
+  )));
+}
+var viem = viemExport__namespace;
+var wagmiConnectors = WagmiConnectorsExport__namespace;
+var wagmi = WagmiExport__namespace;
+
+exports.MwebUserCenter = MwebUserCenter;
+exports.Network = Network;
+exports.SolanaChains = SolanaChains;
+exports.SolanaChainsMap = SolanaChainsMap;
+exports.UserCenter = UserCenter;
+exports.WalletChainTypeEnum = WalletChainTypeEnum;
+exports.WalletConnectorPrivyProvider = WalletConnectorPrivyProvider;
+exports.WalletType = WalletType;
+exports.viem = viem;
+exports.wagmi = wagmi;
+exports.wagmiConnectors = wagmiConnectors;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map