@getpara/evm-wallet-connectors 1.12.0 → 2.0.0-alpha.5

package/dist/index.d.ts

@@ -1,3 +1,6 @@
-export { EvmExternalWalletProvider, EvmExternalWalletContext } from './providers/EvmExternalWalletContext.js';
+export { EvmExternalWalletContext } from './providers/EvmExternalWalletContext.js';
+export type { EvmExternalWalletContextType } 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';

package/dist/index.js

@@ -1,10 +1,9 @@
 "use client";
 import "./chunk-MMUBH76A.js";
-import { EvmExternalWalletProvider, EvmExternalWalletContext } from "./providers/EvmExternalWalletContext.js";
+import { EvmExternalWalletContext } from "./providers/EvmExternalWalletContext.js";
 import { ParaEvmProvider } from "./providers/ParaEvmContext.js";
 export * from "./wallets/connectors/index.js";
 export {
   EvmExternalWalletContext,
-  EvmExternalWalletProvider,
   ParaEvmProvider
 };

package/dist/providers/EvmExternalWalletContext.d.ts

@@ -1,28 +1,21 @@
-import { ReactNode } from 'react';
-import ParaWeb, { CommonChain, CommonWallet } from '@getpara/react-sdk';
-export declare const defaultEvmExternalWallet: {
-    wallets: any[];
-    chains: any[];
-    chainId: any;
-    username: any;
-    avatar: any;
-    balance: any;
-    disconnect: () => Promise<void>;
-    switchChain: () => Promise<{}>;
-    signMessage: () => Promise<{}>;
-    signVerificationMessage: () => Promise<{}>;
-};
-export declare const EvmExternalWalletContext: import("react").Context<{
+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;
-    username: string;
+    chainId?: number;
+    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;
@@ -32,14 +25,16 @@ export declare const EvmExternalWalletContext: import("react").Context<{
         signature?: string;
         error?: string;
     }>;
-}>;
-interface EvmExternalWalletProviderProps {
-    children: ReactNode;
-    para: ParaWeb;
-    onSwitchWallet: (args: {
+    getWalletBalance: () => Promise<string | undefined>;
+};
+export declare const EvmExternalWalletContext: import("react").Context<EvmExternalWalletContextType>;
+export type EvmExternalWalletProviderConfig = {
+    onSwitchWallet?: (args: {
         address?: string;
         error?: string;
     }) => void;
-}
-export declare function EvmExternalWalletProvider({ children, para, onSwitchWallet }: EvmExternalWalletProviderProps): import("react/jsx-runtime").JSX.Element;
-export {};
+    para: ParaWeb;
+    walletsWithFullAuth: TExternalWallet[];
+    connectedWallet?: Omit<Wallet, 'signer'> | null;
+};
+export declare function EvmExternalWalletProvider({ children, onSwitchWallet, para, walletsWithFullAuth, connectedWallet, }: EvmExternalWalletProviderConfig & PropsWithChildren): import("react/jsx-runtime").JSX.Element;

package/dist/providers/EvmExternalWalletContext.js

@@ -5,7 +5,7 @@ import {
   __spreadValues
 } from "../chunk-MMUBH76A.js";
 import { jsx } from "react/jsx-runtime";
-import { createContext, useEffect, useMemo, useRef } from "react";
+import { createContext, useCallback, useEffect, useMemo, useRef } from "react";
 import {
   useAccount,
   useSwitchChain,
@@ -13,21 +13,16 @@ import {
   useDisconnect,
   useEnsName,
   useEnsAvatar,
+  useSignMessage,
   useSwitchAccount,
   useConnections,
-  useSignMessage,
   useBalance
 } from "wagmi";
 import { isEIP6963Connector } from "../utils/isEIP6963Connector.js";
 import { getWalletConnectUri } from "../utils/getWalletConnectUri.js";
-import {
-  isMobile,
-  useExternalWalletProviderStore,
-  useWalletState,
-  WalletType
-} from "@getpara/react-sdk";
 import { normalize } from "viem/ens";
 import { useExternalWalletStore } from "../stores/useStore.js";
+import { isMobile } from "@getpara/web-sdk";
 import { etherUnits, formatUnits } from "viem";
 const defaultEvmExternalWallet = {
   wallets: [],
@@ -38,26 +33,41 @@ const defaultEvmExternalWallet = {
   balance: void 0,
   disconnect: () => Promise.resolve(),
   switchChain: () => Promise.resolve({}),
+  connectParaEmbedded: () => Promise.resolve({}),
   signMessage: () => Promise.resolve({}),
-  signVerificationMessage: () => Promise.resolve({})
+  signVerificationMessage: () => Promise.resolve({}),
+  getWalletBalance: () => Promise.resolve(void 0)
 };
 const EvmExternalWalletContext = createContext(defaultEvmExternalWallet);
-function EvmExternalWalletProvider({ children, para, onSwitchWallet }) {
+function EvmExternalWalletProvider({
+  children,
+  onSwitchWallet,
+  para,
+  walletsWithFullAuth,
+  connectedWallet
+}) {
   const { connectAsync, connectors: untypedConnectors } = useConnect();
   const connections = useConnections();
-  const { address: wagmiAddress, isConnecting, isReconnecting, chainId, connector: connectedConnector } = useAccount();
+  const {
+    address: wagmiAddress,
+    isConnecting,
+    isReconnecting,
+    chainId,
+    connector: connectedConnector,
+    isConnected
+  } = useAccount();
+  const { switchAccount: wagmiSwitchAccount } = useSwitchAccount();
   const { chains, switchChainAsync } = useSwitchChain();
   const { disconnectAsync } = useDisconnect();
-  const { switchAccountAsync } = useSwitchAccount();
-  const { signMessageAsync } = useSignMessage();
   const { data: ensName, refetch: refetchEnsName } = useEnsName({ address: wagmiAddress });
-  const { data: ensAvatar, refetch: refetchEnsAvatar } = useEnsAvatar({ name: normalize(ensName) });
-  const { data: wagmiBalance, isLoading: isBalanceLoading } = useBalance({ address: wagmiAddress });
-  const fullAuthWallets = useExternalWalletProviderStore((state) => state.fullAuthWallets);
-  const { selectedWallet } = useWalletState();
+  const { data: ensAvatar, refetch: refetchEnsAvatar } = useEnsAvatar({
+    name: normalize(ensName)
+  });
+  const { signMessageAsync } = useSignMessage();
+  const verificationMessage = useRef();
+  const { refetch: getBalance } = useBalance({ address: wagmiAddress });
   const isLocalConnecting = useExternalWalletStore((state) => state.isConnecting);
   const updateExternalWalletState = useExternalWalletStore((state) => state.updateState);
-  const verificationMessage = useRef();
   const getStoredExternalWallets = () => {
     const storedExternalWalletsString = localStorage.getItem("@CAPSULE/externalWallets");
     let storedExternalWallets = {};
@@ -66,10 +76,25 @@ function EvmExternalWalletProvider({ children, para, onSwitchWallet }) {
     }
     return storedExternalWallets;
   };
-  const balance = useMemo(
+  const switchAccount = useCallback(
+    (connectorName) => {
+      var _a;
+      const connector = (_a = connections.find((c) => c.connector.name === connectorName)) == null ? void 0 : _a.connector;
+      if (!connector) {
+        console.warn(`connector not found: ${connectorName}`);
+        return;
+      }
+      wagmiSwitchAccount({ connector });
+    },
+    [connections, wagmiSwitchAccount]
+  );
+  const getWalletBalance = useCallback(
     // Format from wei to eth
-    () => isBalanceLoading || wagmiBalance === void 0 ? void 0 : formatUnits(wagmiBalance.value, etherUnits.wei),
-    [wagmiBalance, isBalanceLoading]
+    () => __async(this, null, function* () {
+      const { data: balance } = yield getBalance();
+      return balance ? formatUnits(balance.value, etherUnits.wei) : void 0;
+    }),
+    [chainId, wagmiAddress, getBalance]
   );
   useEffect(() => {
     const storedExternalWallet = getStoredExternalWallets()[wagmiAddress != null ? wagmiAddress : ""];
@@ -79,16 +104,23 @@ function EvmExternalWalletProvider({ children, para, onSwitchWallet }) {
   }, [isConnecting, isReconnecting, isLocalConnecting, wagmiAddress, connectedConnector]);
   useEffect(() => {
     const storedExternalWallet = Object.values(para.externalWallets || {})[0];
-    if (!isLocalConnecting && !isConnecting && !isReconnecting && (storedExternalWallet == null ? void 0 : storedExternalWallet.type) === WalletType.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") {
       switchWallet(wagmiAddress);
     }
   }, [isLocalConnecting, wagmiAddress, isReconnecting, isConnecting]);
   useEffect(() => {
-    const wallet = para.findWallet(selectedWallet.id, selectedWallet.type);
-    if (wallet && connectedConnector && wallet.type === WalletType.EVM && (connectedConnector.id === "para" && wallet.isExternal || connectedConnector.id !== "para" && !wallet.isExternal)) {
-      switchAccount(wallet.isExternal ? wallet.name : "Para");
+    if (!isLocalConnecting && !isConnecting && !isReconnecting && connectedWallet && connectedConnector && connectedWallet.type === "EVM" && connectedConnector.name !== connectedWallet.name) {
+      switchAccount(connectedWallet.isExternal ? connectedWallet.name : "Para");
     }
-  }, [selectedWallet]);
+  }, [isLocalConnecting, isConnecting, isReconnecting, connectedWallet, wagmiSwitchAccount]);
+  useEffect(() => {
+    if (!isLocalConnecting && !isConnecting && !isReconnecting && !isConnected && !connectedConnector) {
+      if (Object.values(para.wallets).length === 0) {
+        return;
+      }
+      connectParaEmbedded();
+    }
+  }, [isLocalConnecting, isConnecting, isReconnecting, isConnected, connectedConnector]);
   const connectors = untypedConnectors;
   const reset = () => __async(this, null, function* () {
     yield disconnectAsync();
@@ -96,8 +128,14 @@ function EvmExternalWalletProvider({ children, para, onSwitchWallet }) {
   });
   const signMessage = (message) => __async(this, null, function* () {
     try {
-      const signature = yield signMessageAsync({ message, account: wagmiAddress });
-      return { address: wagmiAddress, signature };
+      const signature = yield signMessageAsync({
+        message,
+        account: wagmiAddress
+      });
+      return {
+        address: wagmiAddress,
+        signature
+      };
     } catch (e) {
       switch (e.name) {
         case "UserRejectedRequestError": {
@@ -113,14 +151,6 @@ function EvmExternalWalletProvider({ children, para, onSwitchWallet }) {
     const signature = yield signMessage(verificationMessage.current);
     return signature;
   });
-  const switchAccount = (connectorName) => __async(this, null, function* () {
-    var _a;
-    const connector = (_a = connections.find((c) => c.connector.name === connectorName)) == null ? void 0 : _a.connector;
-    if (!connector) {
-      return;
-    }
-    yield switchAccountAsync({ connector });
-  });
   const switchChain = (chainId2) => __async(this, null, function* () {
     var _a, _b, _c;
     let error;
@@ -157,11 +187,15 @@ function EvmExternalWalletProvider({ children, para, onSwitchWallet }) {
     try {
       refetchEnsName();
       refetchEnsAvatar();
-      return yield para.externalWalletLogin({
-        address,
-        type: WalletType.EVM,
-        provider: connectorName,
-        withFullParaAuth: fullAuthWallets == null ? void 0 : fullAuthWallets.includes((_a = walletId == null ? void 0 : walletId.toUpperCase()) != null ? _a : "")
+      return yield para.loginExternalWallet({
+        externalWallet: {
+          address,
+          type: "EVM",
+          provider: connectorName,
+          withFullParaAuth: walletsWithFullAuth == null ? void 0 : walletsWithFullAuth.includes((_a = walletId == null ? void 0 : walletId.toUpperCase()) != null ? _a : ""),
+          ensName,
+          ensAvatar
+        }
       });
     } catch (err) {
       yield disconnectAsync();
@@ -190,7 +224,7 @@ function EvmExternalWalletProvider({ children, para, onSwitchWallet }) {
         }
       }
     }
-    onSwitchWallet({ address, error });
+    onSwitchWallet == null ? void 0 : onSwitchWallet({ address, error });
     updateExternalWalletState({ isConnecting: false });
   });
   const connect = (connector) => __async(this, null, function* () {
@@ -198,10 +232,9 @@ function EvmExternalWalletProvider({ children, para, onSwitchWallet }) {
     updateExternalWalletState({ isConnecting: true });
     yield disconnectAsync();
     const walletChainId = yield connector.getChainId();
+    let authState;
     let address;
     let error;
-    let userExists = false;
-    let isVerified = false;
     try {
       const data = yield connectAsync({
         // If the wallet is already on a supported chain, use that to avoid a chain switch prompt.
@@ -214,10 +247,8 @@ function EvmExternalWalletProvider({ children, para, onSwitchWallet }) {
       address = (_d = data.accounts) == null ? void 0 : _d[0];
       if (address) {
         try {
-          const loginResp = yield login({ address, connectorName: connector.name, walletId: connector.paraDetails.id });
-          userExists = loginResp.userExists;
-          isVerified = loginResp.isVerified;
-          verificationMessage.current = loginResp.signatureVerificationMessage;
+          authState = yield login({ address, connectorName: connector.name, walletId: connector.paraDetails.id });
+          verificationMessage.current = authState.stage === "verify" ? authState.signatureVerificationMessage : void 0;
         } catch (err) {
           address = void 0;
           error = err;
@@ -240,7 +271,7 @@ function EvmExternalWalletProvider({ children, para, onSwitchWallet }) {
       }
     }
     updateExternalWalletState({ isConnecting: false });
-    return { address, error, userExists, isVerified };
+    return { address, authState, error };
   });
   const connectMobile = (connector, isManualWalletConnect) => __async(this, null, function* () {
     const _isMobile = isManualWalletConnect !== void 0 ? isManualWalletConnect : isMobile();
@@ -283,8 +314,8 @@ function EvmExternalWalletProvider({ children, para, onSwitchWallet }) {
     const connector = __spreadValues(__spreadValues({}, c), c.paraDetails);
     return __spreadProps(__spreadValues({}, connector), {
       connect: () => connect(connector),
-      connectMobile: ({ isManualWalletConnect }) => connectMobile(connector, isManualWalletConnect),
-      type: WalletType.EVM,
+      connectMobile: (isManualWalletConnect) => connectMobile(connector, isManualWalletConnect),
+      type: "EVM",
       getQrUri: getQrUri(connector)
     });
   });
@@ -293,45 +324,46 @@ function EvmExternalWalletProvider({ children, para, onSwitchWallet }) {
     return (_a = connectors.find((w) => w.id === id)) == null ? void 0 : _a.paraDetails;
   };
   const formattedChains = chains.map((c) => {
-    return { id: c.id, name: c.name };
+    return {
+      id: c.id,
+      name: c.name
+    };
   });
   const username = useMemo(() => ensName != null ? ensName : wagmiAddress, [ensName, wagmiAddress]);
-  const disconnect = disconnectAsync;
+  const connectParaEmbedded = useCallback(() => __async(this, null, function* () {
+    const paraConnectorInstance = connectors.find((c) => c.id === "para");
+    if (!paraConnectorInstance) {
+      return { error: "No para connector instance" };
+    }
+    try {
+      const result = yield connectAsync({ connector: paraConnectorInstance });
+      return { result };
+    } catch (err) {
+      const error = err instanceof Error ? err.message : "Unknown error";
+      return { error };
+    }
+  }), [connectors]);
   return /* @__PURE__ */ jsx(
     EvmExternalWalletContext.Provider,
     {
-      value: useMemo(
-        () => ({
-          wallets,
-          chains: formattedChains,
-          chainId,
-          username,
-          avatar: ensAvatar,
-          balance,
-          disconnect,
-          switchChain,
-          signMessage,
-          signVerificationMessage
-        }),
-        [
-          wallets,
-          formattedChains,
-          chainId,
-          username,
-          ensAvatar,
-          balance,
-          disconnect,
-          switchChain,
-          signMessage,
-          signVerificationMessage
-        ]
-      ),
+      value: {
+        wallets,
+        chains: formattedChains,
+        chainId,
+        username,
+        avatar: ensAvatar,
+        disconnect: disconnectAsync,
+        switchChain,
+        connectParaEmbedded,
+        signMessage,
+        signVerificationMessage,
+        getWalletBalance
+      },
       children
     }
   );
 }
 export {
   EvmExternalWalletContext,
-  EvmExternalWalletProvider,
-  defaultEvmExternalWallet
+  EvmExternalWalletProvider
 };

package/dist/providers/ParaEvmContext.d.ts

@@ -1,23 +1,22 @@
-import { ReactNode } from 'react';
+import { PropsWithChildren } from 'react';
 import { CreateConfigParameters, WagmiProviderProps } from 'wagmi';
 import { WalletList } from '../types/Wallet.js';
 import { Chain, Transport } from 'viem';
-import ParaWeb from '@getpara/react-sdk';
+import { EvmExternalWalletProviderConfig } from './EvmExternalWalletContext.js';
 import { InjectedParameters } from 'wagmi/connectors';
-interface GetDefaultConfigParameters<chains extends readonly [Chain, ...Chain[]], transports extends Record<chains[number]['id'], Transport>> extends Omit<CreateConfigParameters<chains, transports>, 'connectors'> {
+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;
     projectId: string;
-    para?: ParaWeb;
-    paraDisableModal?: boolean;
-    paraOptions?: InjectedParameters;
+    paraConnectorOptions?: InjectedParameters;
 }
-interface ParaEvmProviderProps<chains extends readonly [Chain, ...Chain[]], transports extends Record<chains[number]['id'], Transport>> extends Omit<WagmiProviderProps, 'config'> {
-    children: ReactNode;
-    config: GetDefaultConfigParameters<chains, transports>;
+export type ParaWagmiProviderProps = Omit<WagmiProviderProps, 'config'>;
+export interface ParaEvmProviderProps<chains extends readonly [Chain, ...Chain[]], transports extends Record<chains[number]['id'], Transport>> {
+    config: ParaEvmProviderConfig<chains, transports>;
+    internalConfig: EvmExternalWalletProviderConfig;
+    wagmiProviderProps?: ParaWagmiProviderProps;
 }
-export declare function ParaEvmProvider<const chains extends readonly [Chain, ...Chain[]], transports extends Record<chains[number]['id'], Transport>>({ children, config: _config, ...wagmiProviderProps }: ParaEvmProviderProps<chains, transports>): import("react/jsx-runtime").JSX.Element;
-export {};
+export declare function ParaEvmProvider<const chains extends readonly [Chain, ...Chain[]], transports extends Record<chains[number]['id'], Transport>>({ children, internalConfig, config: _config, wagmiProviderProps, }: ParaEvmProviderProps<chains, transports> & PropsWithChildren): import("react/jsx-runtime").JSX.Element;

package/dist/providers/ParaEvmContext.js

@@ -1,20 +1,17 @@
 "use client";
 import {
-  __async,
   __objRest,
   __spreadProps,
   __spreadValues
 } from "../chunk-MMUBH76A.js";
 import { jsx } from "react/jsx-runtime";
-import { useCallback, useEffect, useMemo } from "react";
+import { useMemo } from "react";
 import { createConfig, WagmiProvider } from "wagmi";
 import { connectorsForWallets } from "../wallets/connectorsForWallets.js";
 import { http } from "viem";
 import { computeWalletConnectMetaData } from "../utils/computeWalletConnectMetaData.js";
-import { EvmExternalWalletContext, EvmExternalWalletProvider } from "./EvmExternalWalletContext.js";
-import { useClient, useExternalWalletProviderStore } from "@getpara/react-sdk";
-import { connect } from "wagmi/actions";
-import { paraConnector } from "@getpara/wagmi-v2-integration";
+import { EvmExternalWalletProvider } from "./EvmExternalWalletContext.js";
+import { paraConnector } from "@getpara/wagmi-v2-connector";
 const createDefaultTransports = (chains) => {
   const transportsObject = chains.reduce((acc, chain) => {
     const key = chain.id;
@@ -23,14 +20,14 @@ const createDefaultTransports = (chains) => {
   }, {});
   return transportsObject;
 };
-function ParaEvmProvider(_a) {
-  var _b = _a, { children, config: _config } = _b, wagmiProviderProps = __objRest(_b, ["children", "config"]);
-  var _a2;
-  const updateExternalWalletProviderState = useExternalWalletProviderStore((state) => state.updateState);
-  const EvmProvider = useExternalWalletProviderStore((state) => state.EvmProvider);
-  const evmContext = useExternalWalletProviderStore((state) => state.evmContext);
-  const para = (_a2 = _config.para) != null ? _a2 : useClient();
-  const _b2 = _config, {
+function ParaEvmProvider({
+  children,
+  internalConfig,
+  config: _config,
+  wagmiProviderProps
+}) {
+  const para = internalConfig.para;
+  const _a = _config, {
     projectId,
     appName,
     appDescription,
@@ -39,9 +36,8 @@ function ParaEvmProvider(_a) {
     wallets,
     chains,
     transports,
-    paraDisableModal,
-    paraOptions
-  } = _b2, wagmiConfigParams = __objRest(_b2, [
+    paraConnectorOptions
+  } = _a, wagmiConfigParams = __objRest(_a, [
     "projectId",
     "appName",
     "appDescription",
@@ -50,18 +46,19 @@ function ParaEvmProvider(_a) {
     "wallets",
     "chains",
     "transports",
-    "paraDisableModal",
-    "paraOptions"
+    "paraConnectorOptions"
   ]);
-  const wcMetadata = computeWalletConnectMetaData({ appName, appDescription, appUrl, appIcon });
-  const paraConnectorInstance = para ? paraConnector({
-    para,
-    chains: [...chains],
-    disableModal: paraDisableModal != null ? paraDisableModal : true,
-    appName,
-    options: paraOptions != null ? paraOptions : {}
-  }) : void 0;
-  const allConnectors = useMemo(() => {
+  const paraConnectorInstance = useMemo(() => {
+    return paraConnector({
+      para,
+      chains: [...chains],
+      disableModal: true,
+      appName,
+      options: paraConnectorOptions != null ? paraConnectorOptions : {}
+    });
+  }, [para]);
+  const config = useMemo(() => {
+    const wcMetadata = computeWalletConnectMetaData({ appName, appDescription, appUrl, appIcon });
     const baseConnectors = connectorsForWallets(wallets, {
       projectId,
       appName,
@@ -70,45 +67,14 @@ function ParaEvmProvider(_a) {
       appIcon,
       walletConnectParameters: { metadata: wcMetadata }
     });
-    return paraConnectorInstance ? [...baseConnectors, paraConnectorInstance] : baseConnectors;
-  }, [wallets, projectId, appName, appDescription, appUrl, appIcon, wcMetadata, paraConnectorInstance]);
-  const config = useMemo(
-    () => createConfig(__spreadProps(__spreadValues({}, wagmiConfigParams), {
+    const allConnectors = [...baseConnectors, paraConnectorInstance];
+    return createConfig(__spreadProps(__spreadValues({}, wagmiConfigParams), {
       chains,
       transports: transports || createDefaultTransports(chains),
       connectors: allConnectors
-    })),
-    [wagmiConfigParams, chains, transports, allConnectors]
-  );
-  const connectParaEvmWallet = useCallback(() => __async(this, null, function* () {
-    if (!paraConnectorInstance) {
-      return { error: "No para connector instance" };
-    }
-    try {
-      const result = yield connect(config, { connector: paraConnectorInstance });
-      return { result };
-    } catch (err) {
-      const error = err instanceof Error ? err.message : "Unknown error";
-      return { error };
-    }
-  }), [paraConnectorInstance, config, connect]);
-  useEffect(() => {
-    if (!evmContext || !EvmProvider) {
-      updateExternalWalletProviderState({
-        EvmProvider: EvmExternalWalletProvider,
-        evmContext: EvmExternalWalletContext
-      });
-    }
-  }, []);
-  useEffect(() => {
-    updateExternalWalletProviderState({
-      connectParaEvmWallet: paraConnectorInstance ? connectParaEvmWallet : void 0
-    });
-  }, [paraConnectorInstance]);
-  if (!evmContext || !EvmProvider) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(WagmiProvider, __spreadProps(__spreadValues({ config }, wagmiProviderProps), { children }));
+    }));
+  }, [wallets, paraConnectorInstance]);
+  return /* @__PURE__ */ jsx(WagmiProvider, __spreadProps(__spreadValues({ config }, wagmiProviderProps), { children: /* @__PURE__ */ jsx(EvmExternalWalletProvider, __spreadProps(__spreadValues({}, internalConfig), { children })) }));
 }
 export {
   ParaEvmProvider

package/dist/types/Wallet.d.ts

@@ -2,7 +2,7 @@ import { Connector, CreateConnectorFn } from 'wagmi';
 import { WalletConnectParameters } from 'wagmi/connectors';
 import { CoinbaseWalletOptions } from '../wallets/connectors/coinbase/coinbase.js';
 import { WalletConnectWalletOptions } from '../wallets/connectors/walletConnect/walletConnect.js';
-import { WalletMetadata } from '@getpara/react-sdk';
+import { type WalletMetadata } from '@getpara/react-common';
 export type Wallet = {
     createConnector?: (walletDetails: WalletDetailsParams) => CreateConnectorFn;
     createMobileConnector?: (walletDetails: WalletDetailsParams) => CreateConnectorFn;

package/dist/utils/getWalletConnectConnector.d.ts

@@ -3,5 +3,5 @@ interface GetWalletConnectConnectorParams {
     projectId: string;
     walletConnectParameters?: ParaWalletConnectParameters;
 }
-export declare function getWalletConnectConnector({ projectId, walletConnectParameters, }: GetWalletConnectConnectorParams): CreateConnector;
+export declare function getWalletConnectConnector({ projectId, walletConnectParameters, }: GetWalletConnectConnectorParams): CreateConnector | undefined;
 export {};

package/dist/utils/getWalletConnectConnector.js

@@ -48,9 +48,7 @@ function getWalletConnectConnector({
   walletConnectParameters
 }) {
   if (!projectId || projectId === "") {
-    throw new Error(
-      "No projectId found. Every dApp must now provide a WalletConnect Cloud projectId to enable WalletConnect v2. Sign up for your free key at https://cloud.walletconnect.com/sign-in"
-    );
+    return;
   }
   return (walletDetails) => createWalletConnectConnector({
     projectId,

package/dist/wallets/connectors/index.d.ts

@@ -6,3 +6,4 @@ import { zerionWallet } from './zerion/zerion.js';
 import { rabbyWallet } from './rabby/rabby.js';
 import { safeWallet } from './safe/safe.js';
 export { metaMaskWallet, rainbowWallet, walletConnectWallet, coinbaseWallet, zerionWallet, rabbyWallet, safeWallet };
+export declare const allWallets: ((({ appName, appIcon }: import("./coinbase/coinbase.js").CoinbaseWalletOptions) => import("../../types/Wallet.js").Wallet) | (({ projectId, options }: import("./walletConnect/walletConnect.js").WalletConnectWalletOptions) => import("../../types/Wallet.js").Wallet) | (({ projectId, walletConnectParameters }: import("./metaMask/metaMask.js").MetaMaskWalletOptions) => import("../../types/Wallet.js").Wallet))[];

package/dist/wallets/connectors/index.js

@@ -7,7 +7,17 @@ import { coinbaseWallet } from "./coinbase/coinbase.js";
 import { zerionWallet } from "./zerion/zerion.js";
 import { rabbyWallet } from "./rabby/rabby.js";
 import { safeWallet } from "./safe/safe.js";
+const allWallets = [
+  metaMaskWallet,
+  rainbowWallet,
+  walletConnectWallet,
+  coinbaseWallet,
+  zerionWallet,
+  rabbyWallet,
+  safeWallet
+];
 export {
+  allWallets,
   coinbaseWallet,
   metaMaskWallet,
   rabbyWallet,

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

@@ -1,6 +1,6 @@
 "use client";
 import "../../../chunk-MMUBH76A.js";
-import { isAndroid, isIOS, isTelegram } from "@getpara/react-sdk";
+import { isAndroid, isIOS, isTelegram } from "@getpara/web-sdk";
 import { getInjectedConnector, getInjectedProvider } from "../../../utils/getInjectedConnector.js";
 import { getWalletConnectConnector } from "../../../utils/getWalletConnectConnector.js";
 import { icon } from "./metaMaskIcon.js";

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

@@ -1,6 +1,6 @@
 "use client";
 import "../../../chunk-MMUBH76A.js";
-import { isAndroid, isIOS, isTelegram } from "@getpara/react-sdk";
+import { isAndroid, isIOS, isTelegram } from "@getpara/web-sdk";
 import { getInjectedConnector, hasInjectedProvider } from "../../../utils/getInjectedConnector.js";
 import { getWalletConnectConnector } from "../../../utils/getWalletConnectConnector.js";
 import { icon } from "./rainbowIcon.js";

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

@@ -1,6 +1,6 @@
 "use client";
 import "../../../chunk-MMUBH76A.js";
-import { isIOS, isTelegram } from "@getpara/react-sdk";
+import { isIOS, isTelegram } from "@getpara/web-sdk";
 import { getInjectedConnector, hasInjectedProvider } from "../../../utils/getInjectedConnector.js";
 import { getWalletConnectConnector } from "../../../utils/getWalletConnectConnector.js";
 import { icon } from "./zerionIcon.js";

package/dist/wallets/connectorsForWallets.js

@@ -9,7 +9,7 @@ import { computeWalletConnectMetaData } from "../utils/computeWalletConnectMetaD
 import { omitUndefinedValues } from "../utils/omitUndefinedValues.js";
 const connectorsForWallets = (walletList, { projectId, walletConnectParameters, appName, appDescription, appUrl, appIcon }) => {
   if (!walletList.length) {
-    throw new Error("No wallet list was provided");
+    return [];
   }
   let index = -1;
   const connectors = [];
@@ -52,7 +52,7 @@ const connectorsForWallets = (walletList, { projectId, walletConnectParameters,
       };
     };
     const isWalletConnectConnector = walletMeta.id === "walletConnect";
-    if (isWalletConnectConnector) {
+    if (isWalletConnectConnector && createConnector) {
       connectors.push(
         createConnector(
           walletMetaData({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getpara/evm-wallet-connectors",
-  "version": "1.12.0",
+  "version": "2.0.0-alpha.5",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -10,8 +10,10 @@
   },
   "dependencies": {
     "@coinbase/wallet-sdk": "4.3.0",
-    "@getpara/react-sdk": "1.12.0",
-    "@getpara/wagmi-v2-integration": "1.12.0",
+    "@getpara/wagmi-v2-connector": "2.0.0-alpha.5",
+    "@getpara/web-sdk": "2.0.0-alpha.5",
+    "viem": "^2.24.2",
+    "wagmi": "^2.14.16",
     "zustand": "^4.5.2",
     "zustand-sync-tabs": "^0.2.2"
   },
@@ -21,21 +23,21 @@
     "test": "vitest run --coverage"
   },
   "devDependencies": {
+    "@getpara/react-common": "2.0.0-alpha.5",
+    "@tanstack/react-query": ">=5.0.0",
     "@types/react": "^18.0.31",
     "@types/react-dom": "^18.2.7",
     "typescript": "^5.4.3",
-    "viem": "^2.23.5",
-    "wagmi": "^2.14.16"
+    "viem": "2.x",
+    "wagmi": "2.x"
   },
   "peerDependencies": {
     "react": ">=18",
-    "react-dom": ">=18",
-    "viem": "2.x",
-    "wagmi": "2.x"
+    "react-dom": ">=18"
   },
   "files": [
     "dist",
     "package.json"
   ],
-  "gitHead": "748afcf08c9d307a2d3eaf0716f73132f3eb8529"
+  "gitHead": "3ecfca088f24489f2e8fa5493d0f4459b08880e1"
 }