@orderly.network/wallet-connector-privy 2.11.1 → 2.11.2-alpha.0

package/dist/index.mjs

@@ -5,8 +5,8 @@ import { createConfig, injected, createStorage, http, WagmiProvider, useConnect,
 import * as WagmiConnectorsExport from 'wagmi/connectors';
 import React19, { createContext, useState, useEffect, useMemo, useContext, useRef, useCallback } from 'react';
 import { mainnet, abstract, abstractTestnet } from 'viem/chains';
-import { useWalletConnector, useAccount, useMainnetChainsStore, useTestnetChainsStore, WalletConnectorContext, useTrack, useEventEmitter, useStorageLedgerAddress, useLocalStorage, useStorageChain } from '@orderly.network/hooks';
-import { SOLANA_TESTNET_CHAINID, SOLANA_MAINNET_CHAINID, ChainNamespace, ABSTRACT_CHAIN_ID_MAP, AccountStatusEnum, ABSTRACT_TESTNET_CHAINID, ABSTRACT_MAINNET_CHAINID, SolanaChains as SolanaChains$1, AbstractChains, ArbitrumSepoliaChainInfo, SolanaDevnetChainInfo, EMPTY_OBJECT, defaultMainnetChains, defaultTestnetChains, TrackerEventName, ConnectorKey } from '@orderly.network/types';
+import { useWalletConnector, useAccount, useMainnetChainsStore, useTestnetChainsStore, WalletConnectorContext, useEventEmitter, useStorageLedgerAddress, useTrack, useLocalStorage, useStorageChain } from '@orderly.network/hooks';
+import { SOLANA_TESTNET_CHAINID, SOLANA_MAINNET_CHAINID, ChainNamespace, ABSTRACT_CHAIN_ID_MAP, AccountStatusEnum, ABSTRACT_TESTNET_CHAINID, ABSTRACT_MAINNET_CHAINID, SolanaChains as SolanaChains$1, AbstractChains, ArbitrumSepoliaChainInfo, SolanaDevnetChainInfo, EMPTY_OBJECT, defaultMainnetChains, defaultTestnetChains, ConnectorKey, TrackerEventName } from '@orderly.network/types';
 import { modal, useModal, SimpleSheet, SheetHeader, Text, Flex, Divider, cn, installExtension, ExtensionPositionEnum, useScreen, formatAddress, Button, SimpleDialog, TooltipProvider, CloseSquareFillIcon, ScrollArea, ExclamationFillIcon, Tooltip, CopyIcon, Checkbox, toast, DropdownMenuRoot, DropdownMenuTrigger, DropdownMenuPortal, DropdownMenuContent, DropdownMenuItem, ChevronDownIcon, ChevronUpIcon, Grid, ChainIcon, Popover } from '@orderly.network/ui';
 import { useTranslation, Trans } from '@orderly.network/i18n';
 import { AbstractWalletProvider as AbstractWalletProvider$1, useLoginWithAbstract, useAbstractClient, useGlobalWalletSignerAccount } from '@abstract-foundation/agw-react';
@@ -163,16 +163,35 @@ var getPrivyEmbeddedWalletChainId = (chainId) => {
   }
   return parseInt(chainId.split("eip155:")[1]);
 };
-var defaultUseSolanaWallets = {
-  ready: false,
-  wallets: [],
-  createWallet: () => Promise.resolve(),
-  exportWallet: () => Promise.resolve()
+var defaultPrivyWalletContextValue = {
+  connect: () => {
+  },
+  walletEVM: null,
+  walletSOL: null,
+  allWalletsEVM: [],
+  allWalletsSOL: [],
+  isConnected: false,
+  switchChain: () => Promise.reject(new Error("Privy is disabled")),
+  linkedAccount: null,
+  exportWallet: () => Promise.reject(new Error("Privy is disabled")),
+  createEvmWallet: () => Promise.reject(new Error("Privy is disabled")),
+  createSolanaWallet: () => Promise.reject(new Error("Privy is disabled")),
+  selectWallet: () => {
+  },
+  disconnect: () => Promise.resolve()
 };
-var defaultUseWallets = { wallets: [] };
 var PrivyWalletContext = createContext(null);
 var PrivyWalletProvider = ({
   children
+}) => {
+  const { connectorWalletType } = useWalletConnectorPrivy();
+  if (connectorWalletType.disablePrivy) {
+    return /* @__PURE__ */ React19.createElement(PrivyWalletContext.Provider, { value: defaultPrivyWalletContextValue }, children);
+  }
+  return /* @__PURE__ */ React19.createElement(PrivyWalletProviderInner, null, children);
+};
+var PrivyWalletProviderInner = ({
+  children
 }) => {
   const { network, solanaInfo, setSolanaInfo, connectorWalletType } = useWalletConnectorPrivy();
   const {
@@ -184,66 +203,115 @@ var PrivyWalletProvider = ({
     exportWallet: exportEvmWallet,
     createWallet: createEvmWallet
   } = usePrivy();
-  const { wallets: walletsEVM } = connectorWalletType.disablePrivy ? defaultUseWallets : useWallets();
+  const { wallets: walletsEVM } = useWallets();
   const connectedRef = useRef(false);
   const {
     ready: solanaReady,
     wallets: walletsSOL,
     createWallet: createSolanaWallet,
     exportWallet: exportSolanaWallet
-  } = connectorWalletType.disablePrivy ? defaultUseSolanaWallets : useSolanaWallets();
+  } = useSolanaWallets();
   const [walletEVM, setWalletEVM] = useState(null);
   const [walletSOL, setWalletSOL] = useState(null);
+  const [allWalletsEVM, setAllWalletsEVM] = useState([]);
+  const [allWalletsSOL, setAllWalletsSOL] = useState([]);
+  const [selectedEvmAddress, setSelectedEvmAddress] = useLocalStorage(
+    "privy_selected_evm_address",
+    ""
+  );
+  const [selectedSolAddress, setSelectedSolAddress] = useLocalStorage(
+    "privy_selected_sol_address",
+    ""
+  );
+  const rawEvmWalletsRef = useRef(/* @__PURE__ */ new Map());
   const { track } = useTrack();
   const linkedAccount = 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}`;
-      } else if (account.type === "telegram") {
-        address = `@${account.username}`;
-      }
-      return {
-        type: account.type,
-        address
-      };
+    const account = user?.linkedAccounts?.filter((item) => item.type !== "wallet" && item.type !== "smart_wallet").sort(
+      (a, b) => (b.latestVerifiedAt?.getTime() ?? 0) - (a.latestVerifiedAt?.getTime() ?? 0)
+    )[0];
+    if (!account) {
+      return null;
     }
-    return null;
+    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}`;
+    } else if (account.type === "telegram") {
+      address = `@${account.username}`;
+    }
+    return {
+      type: account.type,
+      address
+    };
   }, [user]);
   const switchChain = (chainId) => {
-    const wallet = walletsEVM[0];
-    if (wallet) {
-      return wallet.switchChain(chainId);
+    const selectedAddress = walletEVM?.accounts[0]?.address;
+    const rawWallet = selectedAddress ? rawEvmWalletsRef.current.get(selectedAddress) : void 0;
+    if (rawWallet) {
+      return rawWallet.switchChain(chainId);
+    }
+    const fallback = walletsEVM.find((w) => w.connectorType === "embedded") ?? walletsEVM[0];
+    if (fallback) {
+      return fallback.switchChain(chainId);
     }
     return Promise.reject("no wallet");
   };
-  const connect = () => {
+  const connect = (params) => {
+    if (params?.extraType) {
+      login({ loginMethods: [params.extraType] });
+      return;
+    }
     login();
   };
   const disconnect = () => {
     return logout();
   };
-  const exportWallet = (namespace) => {
+  const exportWallet = (namespace, address) => {
     if (namespace === ChainNamespace.evm) {
       track(TrackerEventName.clickExportPrivateKey, {
         type: "evm"
       });
-      return exportEvmWallet();
+      const addr = address ?? walletEVM?.accounts[0]?.address;
+      return exportEvmWallet(addr ? { address: addr } : void 0);
     } else if (namespace === ChainNamespace.solana) {
       track(TrackerEventName.clickExportPrivateKey, {
         type: "solana"
       });
-      return exportSolanaWallet();
+      const addr = address ?? walletSOL?.accounts[0]?.address;
+      return exportSolanaWallet(addr ? { address: addr } : void 0);
     }
     return Promise.reject("no namespace");
   };
+  const selectWallet = useCallback(
+    (namespace, address) => {
+      if (namespace === ChainNamespace.evm) {
+        const found = allWalletsEVM.find(
+          (w) => w.accounts[0]?.address === address
+        );
+        if (found) {
+          setWalletEVM(found);
+          setSelectedEvmAddress(address);
+        }
+      } else if (namespace === ChainNamespace.solana) {
+        const found = allWalletsSOL.find(
+          (w) => w.accounts[0]?.address === address
+        );
+        if (found) {
+          setWalletSOL(found);
+          setSelectedSolAddress(address);
+        }
+      }
+    },
+    [
+      allWalletsEVM,
+      allWalletsSOL,
+      setSelectedEvmAddress,
+      setSelectedSolAddress
+    ]
+  );
   const isConnected = useMemo(() => {
     if (ready && authenticated) {
       return true;
@@ -252,76 +320,81 @@ var PrivyWalletProvider = ({
   }, [ready, authenticated]);
   useEffect(() => {
     if (!authenticated || !walletsEVM || !walletsEVM[0]) {
+      setAllWalletsEVM([]);
       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: ChainNamespace.evm
-          }
-        ],
-        chain: {
-          id: getPrivyEmbeddedWalletChainId(wallet.chainId) ?? 1,
-          namespace: ChainNamespace.evm
-        }
-      });
+    const embeddedWallets = walletsEVM.filter(
+      (w) => w.connectorType === "embedded"
+    );
+    const wallets = embeddedWallets.length > 0 ? embeddedWallets : [walletsEVM[0]];
+    const newMap = /* @__PURE__ */ new Map();
+    for (const w of wallets) {
+      newMap.set(w.address, w);
+    }
+    rawEvmWalletsRef.current = newMap;
+    Promise.all(
+      wallets.map(
+        (w) => w.getEthereumProvider().then(
+          (provider) => ({
+            label: "privy",
+            icon: "",
+            provider,
+            accounts: [{ address: w.address }],
+            chains: [
+              {
+                id: getPrivyEmbeddedWalletChainId(w.chainId) ?? 1,
+                namespace: ChainNamespace.evm
+              }
+            ],
+            chain: {
+              id: getPrivyEmbeddedWalletChainId(w.chainId) ?? 1,
+              namespace: ChainNamespace.evm
+            }
+          })
+        )
+      )
+    ).then((builtWallets) => {
+      setAllWalletsEVM(builtWallets);
+      const preferred = selectedEvmAddress ? builtWallets.find(
+        (w) => w.accounts[0]?.address === selectedEvmAddress
+      ) : void 0;
+      setWalletEVM(preferred ?? builtWallets[0] ?? null);
+    }).catch((e) => {
+      setAllWalletsEVM([]);
+      setWalletEVM(null);
     });
   }, [walletsEVM, authenticated]);
   useEffect(() => {
     if (!authenticated) {
+      setAllWalletsSOL([]);
       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]) {
+      setAllWalletsSOL([]);
+      setWalletSOL(null);
       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({
+    const embeddedWallets = walletsSOL.filter(
+      (w) => w.connectorType === "embedded"
+    );
+    const wallets = embeddedWallets.length > 0 ? embeddedWallets : [walletsSOL[0]];
+    const builtWallets = wallets.map(
+      (w) => ({
         label: "privy",
         icon: "",
         provider: {
-          signMessage: wallet.signMessage,
-          signTransaction: wallet.signTransaction,
-          sendTransaction: wallet.sendTransaction,
+          signMessage: w.signMessage,
+          signTransaction: w.signTransaction,
+          sendTransaction: w.sendTransaction,
           network: solanaInfo?.network ?? WalletAdapterNetwork.Devnet,
           rpcUrl: solanaInfo?.rpcUrl ?? void 0
         },
-        accounts: [
-          {
-            address: wallet.address
-          }
-        ],
+        accounts: [{ address: w.address }],
         chains: [
           {
             id: SolanaChainsMap.get(network),
@@ -332,18 +405,12 @@ var PrivyWalletProvider = ({
           id: SolanaChainsMap.get(network),
           namespace: ChainNamespace.solana
         }
-      });
-    }
-  }, [
-    walletsSOL,
-    authenticated,
-    createSolanaWallet,
-    solanaReady,
-    user,
-    walletSOL,
-    network,
-    solanaInfo
-  ]);
+      })
+    );
+    setAllWalletsSOL(builtWallets);
+    const preferred = selectedSolAddress ? builtWallets.find((w) => w.accounts[0]?.address === selectedSolAddress) : void 0;
+    setWalletSOL(preferred ?? builtWallets[0] ?? null);
+  }, [walletsSOL, authenticated, solanaReady, network, solanaInfo]);
   useEffect(() => {
     if (isConnected && linkedAccount) {
       if (connectedRef.current) {
@@ -361,25 +428,31 @@ var PrivyWalletProvider = ({
       connect,
       walletEVM,
       walletSOL,
+      allWalletsEVM,
+      allWalletsSOL,
       isConnected,
       disconnect,
       switchChain,
       linkedAccount,
       exportWallet,
       createEvmWallet,
-      createSolanaWallet
+      createSolanaWallet,
+      selectWallet
     }),
     [
       connect,
       walletEVM,
       walletSOL,
+      allWalletsEVM,
+      allWalletsSOL,
       isConnected,
       disconnect,
       switchChain,
       linkedAccount,
       exportWallet,
       createEvmWallet,
-      createSolanaWallet
+      createSolanaWallet,
+      selectWallet
     ]
   );
   return /* @__PURE__ */ React19.createElement(PrivyWalletContext.Provider, { value }, children);
@@ -1966,7 +2039,8 @@ function PrivyWalletHandleOption({
       {
         className: "oui-cursor-pointer oui-px-2 oui-py-1 oui-text-2xs oui-text-base-contrast-54 hover:oui-text-base-contrast",
         onClick: () => {
-          exportWallet(type);
+          const ns = type === "EVM" /* EVM */ ? ChainNamespace.evm : ChainNamespace.solana;
+          exportWallet(ns, address);
         }
       },
       /* @__PURE__ */ React19.createElement("div", null, t("common.export"))
@@ -2485,33 +2559,38 @@ function RenderPrivyWallet() {
     walletChainTypeConfig,
     connectorWalletType
   } = useWalletConnectorPrivy();
-  const { walletEVM, walletSOL, linkedAccount } = usePrivyWallet();
+  const {
+    walletEVM,
+    walletSOL,
+    allWalletsEVM,
+    allWalletsSOL,
+    linkedAccount,
+    selectWallet
+  } = usePrivyWallet();
   const { switchWallet, disconnect } = useWallet2();
   const { storageChain } = useStorageChain();
   const [walletList, setWalletList] = useState([]);
   const [addWallet, setAddWallet] = useState([]);
   const [loading, setLoading] = useState(true);
   const isActive = useCallback(
-    (walletType) => {
+    (walletType, address) => {
       if (storageChain?.namespace === ChainNamespace.evm) {
         if (walletType === "EVM" /* EVM */) {
-          return !AbstractChains.has(storageChain?.chainId);
+          if (AbstractChains.has(storageChain?.chainId)) return false;
+          return walletEVM?.accounts[0]?.address === address;
         }
         return false;
       }
       if (storageChain?.namespace === ChainNamespace.solana) {
-        return walletType === "SOL" /* SOL */;
+        if (walletType === "SOL" /* SOL */) {
+          return walletSOL?.accounts[0]?.address === address;
+        }
+        return false;
       }
       return false;
     },
-    [storageChain]
+    [storageChain, walletEVM, walletSOL]
   );
-  const isHaveEvmWallet = useMemo(() => {
-    return walletEVM && walletEVM.accounts.length;
-  }, [walletEVM]);
-  const isHaveSolWallet = useMemo(() => {
-    return walletSOL && walletSOL.accounts.length;
-  }, [walletSOL]);
   const renderWarning = useCallback(() => {
     let showWarning = false;
     if (AbstractChains.has(storageChain?.chainId)) {
@@ -2552,18 +2631,31 @@ function RenderPrivyWallet() {
     return /* @__PURE__ */ React19.createElement("div", { className: "oui-mt-5 oui-flex oui-flex-col oui-gap-5" }, walletList.map((wallet) => /* @__PURE__ */ React19.createElement(
       WalletCard,
       {
-        key: wallet.type,
+        key: wallet.address,
         type: wallet.type,
         address: wallet.address,
-        isActive: isActive(wallet.type),
+        isActive: isActive(wallet.type, wallet.address),
         isPrivy: true,
         isMulti: walletList.length > 1,
         onActiveChange: () => {
-          switchWallet(wallet.type);
+          const walletNamespace = wallet.type === "EVM" /* EVM */ ? ChainNamespace.evm : ChainNamespace.solana;
+          selectWallet(walletNamespace, wallet.address);
+          if (storageChain?.namespace !== walletNamespace) {
+            switchWallet(wallet.type);
+          }
         }
       }
     )), addWallet.map((node, index) => /* @__PURE__ */ React19.createElement("div", { key: index }, /* @__PURE__ */ React19.createElement("div", { className: "oui-my-5 oui-h-px oui-w-full oui-bg-line" }), /* @__PURE__ */ React19.createElement("div", { className: "oui-flex oui-w-full oui-flex-col oui-gap-2" }, node))));
-  }, [walletList, addWallet, isActive, switchWallet, t, loading]);
+  }, [
+    walletList,
+    addWallet,
+    isActive,
+    switchWallet,
+    selectWallet,
+    storageChain,
+    t,
+    loading
+  ]);
   useEffect(() => {
     new Promise(
       (resolve) => setTimeout(() => {
@@ -2576,21 +2668,25 @@ function RenderPrivyWallet() {
     const tempWalletList = [];
     const tempAddWallet = [];
     if (!connectorWalletType.disableWagmi && walletChainTypeConfig.hasEvm) {
-      if (isHaveEvmWallet) {
-        tempWalletList.push({
-          type: "EVM" /* EVM */,
-          address: walletEVM.accounts[0].address
-        });
+      if (allWalletsEVM.length > 0) {
+        for (const w of allWalletsEVM) {
+          tempWalletList.push({
+            type: "EVM" /* EVM */,
+            address: w.accounts[0].address
+          });
+        }
       } else {
         tempAddWallet.push(/* @__PURE__ */ React19.createElement(CreateEVMWallet, null));
       }
     }
     if (!connectorWalletType.disableSolana && walletChainTypeConfig.hasSol) {
-      if (isHaveSolWallet) {
-        tempWalletList.push({
-          type: "SOL" /* SOL */,
-          address: walletSOL.accounts[0].address
-        });
+      if (allWalletsSOL.length > 0) {
+        for (const w of allWalletsSOL) {
+          tempWalletList.push({
+            type: "SOL" /* SOL */,
+            address: w.accounts[0].address
+          });
+        }
       } else {
         tempAddWallet.push(/* @__PURE__ */ React19.createElement(CreateSOLWallet, null));
       }
@@ -2600,10 +2696,8 @@ function RenderPrivyWallet() {
   }, [
     connectorWalletType,
     walletChainTypeConfig,
-    walletEVM,
-    walletSOL,
-    isHaveEvmWallet,
-    isHaveSolWallet
+    allWalletsEVM,
+    allWalletsSOL
   ]);
   useEffect(() => {
     if (targetWalletType === "Abstract" /* ABSTRACT */) {
@@ -2614,7 +2708,7 @@ function RenderPrivyWallet() {
       });
     }
   }, [targetWalletType, setTargetWalletType]);
-  return /* @__PURE__ */ React19.createElement("div", null, /* @__PURE__ */ React19.createElement("div", { className: "oui-flex oui-items-center oui-justify-between" }, linkedAccount && /* @__PURE__ */ React19.createElement("div", { className: "oui-flex oui-items-center oui-justify-start oui-gap-2 oui-text-base-contrast" }, /* @__PURE__ */ React19.createElement("div", null, /* @__PURE__ */ React19.createElement(RenderPrivyTypeIcon, { type: linkedAccount.type, size: 24 })), /* @__PURE__ */ React19.createElement("div", { className: "oui-text-xs" }, linkedAccount.address)), /* @__PURE__ */ React19.createElement(
+  return /* @__PURE__ */ React19.createElement("div", { className: "oui-flex oui-max-h-[70vh] oui-flex-col oui-overflow-y-auto oui-custom-scrollbar" }, /* @__PURE__ */ React19.createElement("div", { className: "oui-flex oui-items-center oui-justify-between" }, linkedAccount && /* @__PURE__ */ React19.createElement("div", { className: "oui-flex oui-items-center oui-justify-start oui-gap-2 oui-text-base-contrast" }, /* @__PURE__ */ React19.createElement("div", null, /* @__PURE__ */ React19.createElement(RenderPrivyTypeIcon, { type: linkedAccount.type, size: 24 })), /* @__PURE__ */ React19.createElement("div", { className: "oui-text-xs" }, linkedAccount.address)), /* @__PURE__ */ React19.createElement(
     "div",
     {
       className: "oui-cursor-pointer oui-text-2xs oui-font-semibold oui-text-primary",