@getpara/evm-wallet-connectors 2.0.0-alpha.19 → 2.0.0-alpha.21

package/dist/index.d.ts

@@ -1,7 +1,8 @@
+export { createParaWagmiConfig } from './providers/createParaWagmiConfig.js';
 export { EvmExternalWalletContext } from './providers/EvmExternalWalletContext.js';
-export type { EvmExternalWalletContextType } from './providers/EvmExternalWalletContext.js';
+export { type EvmExternalWalletContextType, defaultEvmExternalWallet } from './providers/EvmExternalWalletContext.js';
 export { ParaEvmProvider } from './providers/ParaEvmContext.js';
 export type { ParaEvmProviderProps, ParaEvmProviderConfig, ParaWagmiProviderProps } from './providers/ParaEvmContext.js';
-export * from './wallets/connectors/index.js';
-export type { WalletList } from './types/Wallet.js';
 export { getWagmiConfig } from './stores/wagmiConfigStore.js';
+export type { WalletList } from './types/Wallet.js';
+export * from './wallets/connectors/index.js';

package/dist/index.js

@@ -1,11 +1,15 @@
 "use client";
 import "./chunk-MMUBH76A.js";
+import { createParaWagmiConfig } from "./providers/createParaWagmiConfig.js";
 import { EvmExternalWalletContext } from "./providers/EvmExternalWalletContext.js";
+import { defaultEvmExternalWallet } from "./providers/EvmExternalWalletContext.js";
 import { ParaEvmProvider } from "./providers/ParaEvmContext.js";
-export * from "./wallets/connectors/index.js";
 import { getWagmiConfig } from "./stores/wagmiConfigStore.js";
+export * from "./wallets/connectors/index.js";
 export {
   EvmExternalWalletContext,
   ParaEvmProvider,
+  createParaWagmiConfig,
+  defaultEvmExternalWallet,
   getWagmiConfig
 };

package/dist/providers/EvmExternalWalletContext.d.ts

@@ -1,42 +1,26 @@
 import { PropsWithChildren } from 'react';
-import type { CommonChain, CommonWallet, TExternalWallet } from '@getpara/react-common';
-import ParaWeb, { Wallet } from '@getpara/web-sdk';
-export type EvmExternalWalletContextType = {
-    wallets: CommonWallet[];
-    chains: CommonChain[];
-    chainId?: number;
+import type { BalanceManagement, ChainManagement, ConnectParaEmbedded, ExternalWalletContextType, ExternalWalletProviderConfigBase } from '@getpara/react-common';
+import { ExternalWalletInfo } from '@getpara/web-sdk';
+export declare const defaultEvmExternalWallet: {
+    wallets: any[];
+    chains: any[];
+    chainId: any;
+    username: any;
+    avatar: any;
+    balance: any;
+    disconnect: () => Promise<void>;
+    switchChain: () => Promise<void>;
+    connectParaEmbedded: () => Promise<{}>;
+    signMessage: () => Promise<{}>;
+    signVerificationMessage: () => Promise<{}>;
+    getWalletBalance: () => Promise<any>;
+    requestInfo: () => Promise<ExternalWalletInfo>;
+    disconnectBase: () => Promise<void>;
+};
+export type EvmExternalWalletContextType = ExternalWalletContextType & ChainManagement<number> & BalanceManagement & ConnectParaEmbedded & {
     username?: string;
     avatar?: string;
-    balance?: string;
-    disconnect: () => Promise<void>;
-    switchChain: (chainId: number) => Promise<{
-        error?: string[];
-    }>;
-    connectParaEmbedded: () => Promise<{
-        result?: unknown;
-        error?: string;
-    }>;
-    signMessage: (message: string) => Promise<{
-        signature?: string;
-        error?: string;
-    }>;
-    signVerificationMessage: () => Promise<{
-        address?: string;
-        signature?: string;
-        error?: string;
-    }>;
-    getWalletBalance: () => Promise<string | undefined>;
 };
 export declare const EvmExternalWalletContext: import("react").Context<EvmExternalWalletContextType>;
-export type EvmExternalWalletProviderConfig = {
-    onSwitchWallet?: (args: {
-        address?: string;
-        error?: string;
-    }) => void;
-    para: ParaWeb;
-    walletsWithFullAuth: TExternalWallet[];
-    includeWalletVerification?: boolean;
-    connectionOnly?: boolean;
-    connectedWallet?: Omit<Wallet, 'signer'> | null;
-};
+export type EvmExternalWalletProviderConfig = ExternalWalletProviderConfigBase;
 export declare function EvmExternalWalletProvider({ children, onSwitchWallet, para, walletsWithFullAuth, connectedWallet, includeWalletVerification, connectionOnly, }: EvmExternalWalletProviderConfig & PropsWithChildren): import("react/jsx-runtime").JSX.Element;

package/dist/providers/EvmExternalWalletContext.js

@@ -32,11 +32,13 @@ const defaultEvmExternalWallet = {
   avatar: void 0,
   balance: void 0,
   disconnect: () => Promise.resolve(),
-  switchChain: () => Promise.resolve({}),
+  switchChain: () => Promise.resolve(),
   connectParaEmbedded: () => Promise.resolve({}),
   signMessage: () => Promise.resolve({}),
   signVerificationMessage: () => Promise.resolve({}),
-  getWalletBalance: () => Promise.resolve(void 0)
+  getWalletBalance: () => Promise.resolve(void 0),
+  requestInfo: () => Promise.resolve({}),
+  disconnectBase: () => Promise.resolve()
 };
 const EvmExternalWalletContext = createContext(defaultEvmExternalWallet);
 function EvmExternalWalletProvider({
@@ -66,8 +68,12 @@ function EvmExternalWalletProvider({
     name: normalize(ensName)
   });
   const { signMessageAsync } = useSignMessage();
+  const isLinkingAccount = useRef(false);
   const verificationMessage = useRef();
   const { refetch: getBalance } = useBalance({ address: wagmiAddress });
+  const connectors = untypedConnectors;
+  const connectionsRef = useRef(connections);
+  const connectorsRef = useRef(connectors);
   const isLocalConnecting = useExternalWalletStore((state) => state.isConnecting);
   const updateExternalWalletState = useExternalWalletStore((state) => state.updateState);
   const getStoredExternalWallets = () => {
@@ -90,6 +96,23 @@ function EvmExternalWalletProvider({
     },
     [connections, wagmiSwitchAccount]
   );
+  const findConnectorAndAccount = (externalWallet) => {
+    var _a;
+    let connector;
+    switch (true) {
+      case !!externalWallet.providerId:
+        {
+          connector = (_a = connectionsRef.current.find(
+            (c) => {
+              var _a2;
+              return ((_a2 = c.connector.paraDetails) == null ? void 0 : _a2.internalId) === externalWallet.providerId;
+            }
+          )) == null ? void 0 : _a.connector;
+        }
+        break;
+    }
+    return { connector, account: externalWallet.address };
+  };
   const getWalletBalance = useCallback(
     // Format from wei to eth
     () => __async(this, null, function* () {
@@ -100,13 +123,13 @@ function EvmExternalWalletProvider({
   );
   useEffect(() => {
     const storedExternalWallet = getStoredExternalWallets()[wagmiAddress != null ? wagmiAddress : ""];
-    if (!isConnecting && !isReconnecting && !isLocalConnecting && !!wagmiAddress && !storedExternalWallet && (connectedConnector == null ? void 0 : connectedConnector.id) !== "para") {
+    if (!isConnecting && !isReconnecting && !isLocalConnecting && !!wagmiAddress && !storedExternalWallet && (connectedConnector == null ? void 0 : connectedConnector.id) !== "para" && !isLinkingAccount.current) {
       reset();
     }
   }, [isConnecting, isReconnecting, isLocalConnecting, wagmiAddress, connectedConnector]);
   useEffect(() => {
     const storedExternalWallet = Object.values(para.externalWallets || {})[0];
-    if (!isLocalConnecting && !isConnecting && !isReconnecting && (storedExternalWallet == null ? void 0 : storedExternalWallet.type) === "EVM" && (storedExternalWallet == null ? void 0 : storedExternalWallet.address) !== wagmiAddress && (connectedConnector == null ? void 0 : connectedConnector.id) !== "para") {
+    if (!isLocalConnecting && !isConnecting && !isReconnecting && (storedExternalWallet == null ? void 0 : storedExternalWallet.type) === "EVM" && (storedExternalWallet == null ? void 0 : storedExternalWallet.address) !== wagmiAddress && (connectedConnector == null ? void 0 : connectedConnector.id) !== "para" && !isLinkingAccount.current) {
       switchWallet(wagmiAddress);
     }
   }, [isLocalConnecting, wagmiAddress, isReconnecting, isConnecting]);
@@ -123,22 +146,27 @@ function EvmExternalWalletProvider({
       connectParaEmbedded();
     }
   }, [isLocalConnecting, isConnecting, isReconnecting, isConnected, connectedConnector]);
-  const connectors = untypedConnectors;
   const reset = () => __async(this, null, function* () {
     yield disconnectAsync();
     yield para.logout();
   });
-  const signMessage = (message) => __async(this, null, function* () {
+  const signMessage = (_0) => __async(this, [_0], function* ({ message, externalWallet }) {
+    let signOpts = {};
+    if (externalWallet) {
+      signOpts = findConnectorAndAccount(externalWallet);
+    }
     try {
-      const signature = yield signMessageAsync({
+      const address = signOpts.account ? typeof signOpts.account === "string" ? signOpts.account : signOpts.account.getAddress() : wagmiAddress;
+      const signature = yield signMessageAsync(__spreadValues({
         message,
-        account: wagmiAddress
-      });
+        account: address
+      }, signOpts));
       return {
-        address: wagmiAddress,
+        address,
         signature
       };
     } catch (e) {
+      console.error("Error signing message:", e);
       switch (e.name) {
         case "UserRejectedRequestError": {
           return { error: "Signature request rejected" };
@@ -150,7 +178,7 @@ function EvmExternalWalletProvider({
     }
   });
   const signVerificationMessage = () => __async(this, null, function* () {
-    const signature = yield signMessage(verificationMessage.current);
+    const signature = yield signMessage({ message: verificationMessage.current });
     return signature;
   });
   const switchChain = (chainId2) => __async(this, null, function* () {
@@ -180,12 +208,7 @@ function EvmExternalWalletProvider({
     }
     return { error };
   });
-  const login = (_0) => __async(this, [_0], function* ({
-    address,
-    walletId,
-    connectorName
-  }) {
-    var _a;
+  const login = (_0) => __async(this, [_0], function* ({ address, withFullParaAuth = false, providerId, provider }) {
     try {
       refetchEnsName();
       refetchEnsAvatar();
@@ -193,8 +216,9 @@ function EvmExternalWalletProvider({
         externalWallet: {
           address,
           type: "EVM",
-          provider: connectorName,
-          withFullParaAuth: walletsWithFullAuth == null ? void 0 : walletsWithFullAuth.includes((_a = walletId == null ? void 0 : walletId.toUpperCase()) != null ? _a : ""),
+          provider,
+          providerId,
+          withFullParaAuth,
           ensName,
           ensAvatar,
           isConnectionOnly: connectionOnly,
@@ -208,7 +232,6 @@ function EvmExternalWalletProvider({
     }
   });
   const switchWallet = (address) => __async(this, null, function* () {
-    var _a;
     updateExternalWalletState({ isConnecting: true });
     let error;
     if (!address) {
@@ -218,11 +241,10 @@ function EvmExternalWalletProvider({
         yield reset();
       } else {
         try {
-          yield login({
-            address,
-            connectorName: connectedConnector == null ? void 0 : connectedConnector.name,
-            walletId: (_a = getParaDetails(connectedConnector.id)) == null ? void 0 : _a.id
-          });
+          const loginInfo = getConnectorInfo(connectedConnector);
+          yield login(__spreadValues({
+            address
+          }, loginInfo));
         } catch (err) {
           error = err;
         }
@@ -231,31 +253,33 @@ function EvmExternalWalletProvider({
     onSwitchWallet == null ? void 0 : onSwitchWallet({ address, error });
     updateExternalWalletState({ isConnecting: false });
   });
-  const connect = (connector) => __async(this, null, function* () {
+  const connectBase = (connector) => __async(this, null, function* () {
     var _a, _b, _c, _d;
+    const walletChainId = yield connector.getChainId();
+    const data = yield connectAsync({
+      // If the wallet is already on a supported chain, use that to avoid a chain switch prompt.
+      chainId: (_c = (_a = chains.find(({ id }) => id === walletChainId)) == null ? void 0 : _a.id) != null ? _c : (
+        // Fall back to the first chain provided.
+        (_b = chains[0]) == null ? void 0 : _b.id
+      ),
+      connector
+    });
+    return (_d = data.accounts) == null ? void 0 : _d[0];
+  });
+  const connect = (connector) => __async(this, null, function* () {
     updateExternalWalletState({ isConnecting: true });
     yield disconnectAsync();
-    const walletChainId = yield connector.getChainId();
     let authState;
     let address;
     let error;
     try {
-      const data = yield connectAsync({
-        // If the wallet is already on a supported chain, use that to avoid a chain switch prompt.
-        chainId: (_c = (_a = chains.find(({ id }) => id === walletChainId)) == null ? void 0 : _a.id) != null ? _c : (
-          // Fall back to the first chain provided.
-          (_b = chains[0]) == null ? void 0 : _b.id
-        ),
-        connector
-      });
-      address = (_d = data.accounts) == null ? void 0 : _d[0];
+      address = yield connectBase(connector);
       if (address) {
         try {
-          authState = yield login({
-            address,
-            connectorName: connector.name,
-            walletId: connector.paraDetails.id
-          });
+          const loginInfo = getConnectorInfo(connector);
+          authState = yield login(__spreadValues({
+            address
+          }, loginInfo));
           verificationMessage.current = authState.stage === "verify" ? authState.signatureVerificationMessage : void 0;
         } catch (err) {
           address = void 0;
@@ -269,7 +293,7 @@ function EvmExternalWalletProvider({
           break;
         }
         case "ResourceUnavailableRpcError": {
-          `${connector.name} not detected`;
+          error = `${connector.name} not detected`;
           break;
         }
         default: {
@@ -290,6 +314,43 @@ function EvmExternalWalletProvider({
     var _a;
     return getWalletConnectUri(connector, (_a = connector.paraDetails) == null ? void 0 : _a.getUri);
   };
+  const requestInfo = (providerId) => __async(this, null, function* () {
+    var _a, _b;
+    const connector = connectors.find((c) => {
+      var _a2;
+      return ((_a2 = c.paraDetails) == null ? void 0 : _a2.internalId) === providerId;
+    });
+    if (connector.isAuthorized) isLinkingAccount.current = true;
+    try {
+      const address = yield connectBase(connector);
+      return {
+        address,
+        type: "EVM",
+        providerId: (_a = connector.paraDetails) == null ? void 0 : _a.internalId,
+        provider: connector.name,
+        ensName,
+        ensAvatar
+      };
+    } catch (e) {
+      throw new Error((_b = e == null ? void 0 : e.message) != null ? _b : e);
+    }
+  });
+  const disconnectBase = (providerId) => __async(this, null, function* () {
+    var _a;
+    if (!providerId) {
+      throw new Error("Provider ID is required to disconnect");
+    }
+    const connector = connectors.find((c) => {
+      var _a2;
+      return ((_a2 = c.paraDetails) == null ? void 0 : _a2.internalId) === providerId;
+    });
+    isLinkingAccount.current = true;
+    try {
+      yield connector.disconnect();
+    } catch (e) {
+      throw new Error((_a = e == null ? void 0 : e.message) != null ? _a : e);
+    }
+  });
   const nonEip6963ConnectorsByRdns = {};
   let walletConnectModalConnector;
   connectors.filter((c) => !isEIP6963Connector(c)).forEach((c) => {
@@ -313,7 +374,7 @@ function EvmExternalWalletProvider({
       const paraMetadata = nonEip6963ConnectorsByRdns[c.id];
       return __spreadProps(__spreadValues({}, c), { paraDetails: paraMetadata });
     }
-    if (((_c = c.paraDetails) == null ? void 0 : _c.id) === "walletConnect" && walletConnectModalConnector) {
+    if (((_c = c.paraDetails) == null ? void 0 : _c.id) === "WALLETCONNECT" && walletConnectModalConnector) {
       return __spreadProps(__spreadValues({}, c), { walletConnectModalConnector });
     }
     return c;
@@ -327,9 +388,16 @@ function EvmExternalWalletProvider({
       getQrUri: getQrUri(connector)
     });
   });
-  const getParaDetails = (id) => {
-    var _a;
-    return (_a = connectors.find((w) => w.id === id)) == null ? void 0 : _a.paraDetails;
+  const getConnectorInfo = (connector) => {
+    const paraDetails = connector.paraDetails;
+    const providerId = paraDetails == null ? void 0 : paraDetails.internalId;
+    const withFullParaAuth = walletsWithFullAuth == null ? void 0 : walletsWithFullAuth.includes(providerId);
+    return {
+      type: "EVM",
+      providerId,
+      provider: paraDetails == null ? void 0 : paraDetails.name,
+      withFullParaAuth
+    };
   };
   const formattedChains = chains.map((c) => {
     return {
@@ -351,6 +419,12 @@ function EvmExternalWalletProvider({
       return { error };
     }
   }), [connectors]);
+  useEffect(() => {
+    connectionsRef.current = connections;
+  }, [connections]);
+  useEffect(() => {
+    connectorsRef.current = connectors;
+  }, [connectors]);
   return /* @__PURE__ */ jsx(
     EvmExternalWalletContext.Provider,
     {
@@ -365,7 +439,9 @@ function EvmExternalWalletProvider({
         connectParaEmbedded,
         signMessage,
         signVerificationMessage,
-        getWalletBalance
+        getWalletBalance,
+        requestInfo,
+        disconnectBase
       },
       children
     }
@@ -373,5 +449,6 @@ function EvmExternalWalletProvider({
 }
 export {
   EvmExternalWalletContext,
-  EvmExternalWalletProvider
+  EvmExternalWalletProvider,
+  defaultEvmExternalWallet
 };

package/dist/providers/ParaEvmContext.d.ts

@@ -4,12 +4,13 @@ import { WalletList } from '../types/Wallet.js';
 import { Chain, Transport } from 'viem';
 import { EvmExternalWalletProviderConfig } from './EvmExternalWalletContext.js';
 import { InjectedParameters } from 'wagmi/connectors';
+import { TExternalWallet } from '@getpara/react-common';
 export interface ParaEvmProviderConfig<chains extends readonly [Chain, ...Chain[]], transports extends Record<chains[number]['id'], Transport>> extends Omit<CreateConfigParameters<chains, transports>, 'connectors'> {
     appName: string;
     appDescription?: string;
     appUrl?: string;
     appIcon?: string;
-    wallets?: WalletList;
+    wallets?: WalletList | TExternalWallet[];
     projectId: string;
     paraConnectorOptions?: InjectedParameters;
 }

package/dist/providers/ParaEvmContext.js

@@ -12,7 +12,8 @@ import { http } from "viem";
 import { computeWalletConnectMetaData } from "../utils/computeWalletConnectMetaData.js";
 import { EvmExternalWalletProvider } from "./EvmExternalWalletContext.js";
 import { paraConnector } from "@getpara/wagmi-v2-connector";
-import { setWagmiConfig } from "../stores/wagmiConfigStore.js";
+import { setWagmiConfig, getWagmiConfig } from "../stores/wagmiConfigStore.js";
+import { resolveWalletList } from "../utils/resolveWalletList.js";
 const createDefaultTransports = (chains) => {
   const transportsObject = chains.reduce((acc, chain) => {
     const key = chain.id;
@@ -59,8 +60,11 @@ function ParaEvmProvider({
     });
   }, [para]);
   const config = useMemo(() => {
+    const existing = getWagmiConfig();
+    if (existing) return existing;
     const wcMetadata = computeWalletConnectMetaData({ appName, appDescription, appUrl, appIcon });
-    const baseConnectors = connectorsForWallets(wallets, {
+    const walletFactories = resolveWalletList(wallets);
+    const baseConnectors = connectorsForWallets(walletFactories, {
       projectId,
       appName,
       appDescription,

package/dist/providers/createParaWagmiConfig.d.ts

@@ -0,0 +1,10 @@
+import { Chain, Transport } from 'viem';
+import type { ParaEvmProviderConfig } from './ParaEvmContext.js';
+import ParaWeb from '@getpara/web-sdk';
+/**
+ * Creates a Wagmi configuration for the Para EVM provider.
+ * @param para - The ParaWeb instance to use.
+ * @param cfg - The configuration options for the Para EVM provider.
+ * @returns The created Wagmi configuration.
+ */
+export declare function createParaWagmiConfig<const chains extends readonly [Chain, ...Chain[]], transports extends Record<chains[number]['id'], Transport>>(para: ParaWeb, cfg: ParaEvmProviderConfig<chains, transports>): import("wagmi").Config<chains, transports, readonly import("wagmi").CreateConnectorFn[]>;

package/dist/providers/createParaWagmiConfig.js

@@ -0,0 +1,62 @@
+"use client";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "../chunk-MMUBH76A.js";
+import { createConfig } from "wagmi";
+import { connectorsForWallets } from "../wallets/connectorsForWallets.js";
+import { computeWalletConnectMetaData } from "../utils/computeWalletConnectMetaData.js";
+import { paraConnector } from "@getpara/wagmi-v2-connector";
+import { setWagmiConfig } from "../stores/wagmiConfigStore.js";
+import { resolveWalletList } from "../utils/resolveWalletList.js";
+function createParaWagmiConfig(para, cfg) {
+  const _a = cfg, {
+    projectId,
+    appName,
+    appDescription,
+    appIcon,
+    appUrl,
+    wallets,
+    chains,
+    transports,
+    paraConnectorOptions
+  } = _a, wagmiParams = __objRest(_a, [
+    "projectId",
+    "appName",
+    "appDescription",
+    "appIcon",
+    "appUrl",
+    "wallets",
+    "chains",
+    "transports",
+    "paraConnectorOptions"
+  ]);
+  const wcMetadata = computeWalletConnectMetaData({ appName, appDescription, appUrl, appIcon });
+  const walletFactories = resolveWalletList(wallets);
+  const baseConnectors = connectorsForWallets(walletFactories, {
+    projectId,
+    appName,
+    appDescription,
+    appUrl,
+    appIcon,
+    walletConnectParameters: { metadata: wcMetadata }
+  });
+  const paraConn = paraConnector({
+    para,
+    chains: [...chains],
+    disableModal: true,
+    appName,
+    options: paraConnectorOptions != null ? paraConnectorOptions : {}
+  });
+  const created = createConfig(__spreadProps(__spreadValues({}, wagmiParams), {
+    chains,
+    transports,
+    connectors: [...baseConnectors, paraConn]
+  }));
+  setWagmiConfig(created);
+  return created;
+}
+export {
+  createParaWagmiConfig
+};

package/dist/stores/wagmiConfigStore.d.ts

@@ -1,3 +1,14 @@
 import type { Config } from 'wagmi';
+/**
+ * Sets the Wagmi configuration in the global store.
+ *
+ * @param config - The Wagmi configuration object to be stored
+ * @returns {void}
+ */
 export declare const setWagmiConfig: (config: Config) => void;
+/**
+ * Retrieves the current Wagmi configuration from the global store.
+ *
+ * @returns {Config | null} - The current Wagmi configuration or null if not set
+ */
 export declare const getWagmiConfig: () => Config;

package/dist/utils/resolveWalletList.d.ts

@@ -0,0 +1,3 @@
+import { WalletList } from '../types/Wallet.js';
+import { TExternalWallet } from '@getpara/react-common';
+export declare function resolveWalletList(wallets: WalletList | TExternalWallet[] | undefined): WalletList;

package/dist/utils/resolveWalletList.js

@@ -0,0 +1,16 @@
+"use client";
+import "../chunk-MMUBH76A.js";
+import { allWallets } from "../wallets/connectors/index.js";
+function resolveWalletList(wallets) {
+  if (!wallets || !wallets.length) return [];
+  if (typeof wallets[0] === "function") return wallets;
+  const ids = wallets;
+  const resolved = allWallets.filter((createWalletFn) => {
+    const meta = createWalletFn({ projectId: "", appName: "" });
+    return ids.includes(meta.id.toUpperCase());
+  });
+  return resolved;
+}
+export {
+  resolveWalletList
+};

package/dist/wallets/connectors/backpack/backpack.js

@@ -11,6 +11,7 @@ const backpackWallet = ({ projectId, walletConnectParameters }) => {
   };
   return {
     id: "backpack",
+    internalId: "BACKPACK",
     name: "Backpack",
     rdns: "app.backpack.mobile",
     iconUrl: icon,

package/dist/wallets/connectors/coinbase/coinbase.js

@@ -11,6 +11,7 @@ const coinbaseWallet = ({ appName, appIcon }) => {
   const getUri = (uri) => uri;
   return {
     id: "coinbase",
+    internalId: "COINBASE",
     name: "Coinbase Wallet",
     rdns: "com.coinbase.wallet",
     iconUrl: icon,

package/dist/wallets/connectors/haha/haha.js

@@ -11,6 +11,7 @@ const hahaWallet = ({ projectId, walletConnectParameters }) => {
   };
   return {
     id: "haha",
+    internalId: "HAHA",
     name: "HaHa",
     rdns: "haha.me",
     iconUrl: icon,

package/dist/wallets/connectors/metaMask/metaMask.js

@@ -63,6 +63,7 @@ const metaMaskWallet = ({ projectId, walletConnectParameters }) => {
   };
   return {
     id: "metaMask",
+    internalId: "METAMASK",
     name: "MetaMask",
     rdns: "io.metamask",
     iconUrl: icon,

package/dist/wallets/connectors/okx/okx.js

@@ -12,6 +12,7 @@ const okxWallet = ({ projectId, walletConnectParameters }) => {
   };
   return {
     id: "okx",
+    internalId: "OKX",
     name: "OKX Wallet",
     rdns: "com.okex.wallet",
     iconUrl: icon,

package/dist/wallets/connectors/rabby/rabby.js

@@ -7,6 +7,7 @@ const rabbyWallet = ({ projectId, walletConnectParameters }) => {
   const isRabbyInjected = hasInjectedProvider({ flag: "isRabby" });
   return {
     id: "rabby",
+    internalId: "RABBY",
     name: "Rabby Wallet",
     rdns: "io.rabby",
     iconUrl: icon,

package/dist/wallets/connectors/rainbow/rainbow.js

@@ -11,6 +11,7 @@ const rainbowWallet = ({ projectId, walletConnectParameters }) => {
   };
   return {
     id: "rainbow",
+    internalId: "RAINBOW",
     name: "Rainbow",
     rdns: "me.rainbow",
     iconUrl: icon,

package/dist/wallets/connectors/safe/safe.js

@@ -7,6 +7,7 @@ import { safe } from "wagmi/connectors";
 import { icon } from "./safeIcon.js";
 const safeWallet = () => ({
   id: "safe",
+  internalId: "SAFE",
   name: "Safe",
   rdns: "io.safe",
   iconUrl: icon,

package/dist/wallets/connectors/walletConnect/walletConnect.js

@@ -6,6 +6,7 @@ const walletConnectWallet = ({ projectId, options }) => {
   const getUri = (uri) => uri;
   return {
     id: "walletConnect",
+    internalId: "WALLETCONNECT",
     name: "WalletConnect",
     installed: void 0,
     iconUrl: icon,

package/dist/wallets/connectors/zerion/zerion.js

@@ -14,6 +14,7 @@ const zerionWallet = ({ projectId, walletConnectParameters }) => {
   };
   return {
     id: "zerion",
+    internalId: "ZERION",
     name: "Zerion",
     rdns: "io.zerion.wallet",
     iconUrl: icon,

package/dist/wallets/connectorsForWallets.js

@@ -51,7 +51,7 @@ const connectorsForWallets = (walletList, { projectId, walletConnectParameters,
         }), additionalParaParams ? additionalParaParams : {}))
       };
     };
-    const isWalletConnectConnector = walletMeta.id === "walletConnect";
+    const isWalletConnectConnector = walletMeta.internalId === "WALLETCONNECT";
     if (isWalletConnectConnector && createConnector) {
       connectors.push(
         createConnector(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getpara/evm-wallet-connectors",
-  "version": "2.0.0-alpha.19",
+  "version": "2.0.0-alpha.21",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -10,8 +10,8 @@
   },
   "dependencies": {
     "@coinbase/wallet-sdk": "4.3.0",
-    "@getpara/wagmi-v2-connector": "2.0.0-alpha.19",
-    "@getpara/web-sdk": "2.0.0-alpha.19",
+    "@getpara/wagmi-v2-connector": "2.0.0-alpha.21",
+    "@getpara/web-sdk": "2.0.0-alpha.21",
     "viem": "^2.24.2",
     "wagmi": "^2.14.16",
     "zustand": "^4.5.2",
@@ -23,7 +23,7 @@
     "test": "vitest run --coverage"
   },
   "devDependencies": {
-    "@getpara/react-common": "2.0.0-alpha.19",
+    "@getpara/react-common": "2.0.0-alpha.21",
     "@tanstack/react-query": ">=5.0.0",
     "@types/react": "^18.0.31",
     "@types/react-dom": "^18.2.7",
@@ -39,5 +39,5 @@
     "dist",
     "package.json"
   ],
-  "gitHead": "80d2c5d7e1203fb12378aa29bfd4d7003c7d7075"
+  "gitHead": "03daa3537312bc52e0640225c8abdbf8047c15da"
 }