@getpara/evm-wallet-connectors 2.0.0-alpha.46 → 2.0.0-alpha.48

package/dist/providers/EvmExternalWalletContext.d.ts

@@ -4,7 +4,9 @@ import { TExternalHooks } from './externalHooks.js';
 export type EvmExternalWalletContextType = ExternalWalletContextType & ChainManagement<number> & BalanceManagement & ConnectParaEmbedded & TExternalHooks & {
     username?: string;
     avatar?: string;
-} & FarcasterMiniAppManagement;
+} & FarcasterMiniAppManagement & {
+    verificationStage: 'verifying' | 'switchingChain';
+};
 export declare const EvmExternalWalletContext: import("react").Context<EvmExternalWalletContextType>;
 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

@@ -5,7 +5,7 @@ import {
   __spreadValues
 } from "../chunk-MMUBH76A.js";
 import { jsx } from "react/jsx-runtime";
-import { createContext, useCallback, useEffect, useMemo, useRef } from "react";
+import { createContext, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import {
   useAccount,
   useSwitchChain,
@@ -29,7 +29,8 @@ import { isMobile } from "@getpara/web-sdk";
 import { etherUnits, formatUnits } from "viem";
 import { externalHooks } from "./externalHooks.js";
 const EvmExternalWalletContext = createContext(__spreadProps(__spreadValues({}, defaultEvmExternalWallet), {
-  farcasterStatus: void 0
+  farcasterStatus: void 0,
+  verificationStage: void 0
 }));
 function EvmExternalWalletProvider({
   children,
@@ -64,6 +65,7 @@ function EvmExternalWalletProvider({
   const connectors = untypedConnectors;
   const connectionsRef = useRef(connections);
   const connectorsRef = useRef(connectors);
+  const [verificationStage, setVerificationStage] = useState("verifying");
   const isLocalConnecting = useExternalWalletStore((state) => state.isConnecting);
   const updateExternalWalletState = useExternalWalletStore((state) => state.updateState);
   const getStoredExternalWallets = () => {
@@ -126,7 +128,9 @@ function EvmExternalWalletProvider({
     }
   }, [isLocalConnecting, wagmiAddress, isConnected]);
   useEffect(() => {
-    if (!isLocalConnecting && !isConnecting && !isReconnecting && connectedWallet && connectedConnector && connectedWallet.type === "EVM" && connectedConnector.name !== connectedWallet.name) {
+    var _a;
+    const connectedConnectorName = (connectedConnector == null ? void 0 : connectedConnector.name) === "WalletConnect" ? (_a = connectedConnector == null ? void 0 : connectedConnector.paraDetails) == null ? void 0 : _a.name : connectedConnector == null ? void 0 : connectedConnector.name;
+    if (!isLocalConnecting && !isConnecting && !isReconnecting && connectedWallet && connectedConnector && connectedWallet.type === "EVM" && connectedConnectorName !== connectedWallet.name) {
       switchAccount(connectedWallet.isExternal ? connectedWallet.name : "Para");
     }
   }, [isLocalConnecting, isConnecting, isReconnecting, connectedWallet, wagmiSwitchAccount]);
@@ -142,15 +146,31 @@ function EvmExternalWalletProvider({
     yield disconnectAsync();
     yield para.logout();
   });
-  const signMessage = (_0) => __async(this, [_0], function* ({ message, externalWallet }) {
+  const getChainParams = (chainId2) => {
     var _a;
+    const chain = chains.find((c) => c.id === chainId2);
+    if (!chain) return null;
+    return {
+      chainId: `0x${chainId2.toString(16)}`,
+      chainName: chain.name,
+      nativeCurrency: {
+        name: chain.nativeCurrency.name,
+        symbol: chain.nativeCurrency.symbol,
+        decimals: chain.nativeCurrency.decimals
+      },
+      rpcUrls: [chain.rpcUrls.default.http[0]],
+      blockExplorerUrls: ((_a = chain.blockExplorers) == null ? void 0 : _a.default) ? [chain.blockExplorers.default.url] : void 0
+    };
+  };
+  const signMessage = (_0) => __async(this, [_0], function* ({ message, externalWallet }) {
+    var _a, _b, _c, _d, _e, _f, _g, _h;
     let signOpts = {};
     if (externalWallet) {
       signOpts = findConnectorAndAccount(externalWallet);
       yield switchAccount((_a = externalWallet.providerId) != null ? _a : "");
     }
+    const address = signOpts.account ? typeof signOpts.account === "string" ? signOpts.account : signOpts.account.getAddress() : wagmiAddress;
     try {
-      const address = signOpts.account ? typeof signOpts.account === "string" ? signOpts.account : signOpts.account.getAddress() : wagmiAddress;
       const signature = yield signMessageAsync(__spreadValues({
         message,
         account: address
@@ -161,6 +181,29 @@ function EvmExternalWalletProvider({
       };
     } catch (e) {
       console.error("Error signing message:", e);
+      console.error("Error signing message:", e.message, e.details);
+      if (e.message.includes("Chain not configured") || e.details.includes("Chain not configured")) {
+        setVerificationStage("switchingChain");
+        const currentChainParams = getChainParams((_c = (_b = chains[0]) == null ? void 0 : _b.id) != null ? _c : chainId);
+        if (!currentChainParams) {
+          return {
+            error: `Chain ${chainId} not found in configuration`
+          };
+        }
+        try {
+          yield switchChainAsync({
+            addEthereumChainParameter: currentChainParams,
+            chainId: (_e = (_d = chains[0]) == null ? void 0 : _d.id) != null ? _e : chainId
+          });
+          setVerificationStage("verifying");
+          return yield signMessage({ message, externalWallet });
+        } catch (error) {
+          console.error("Error adding chain:", error);
+          return {
+            error: `Error adding chain. You may need to add ${currentChainParams == null ? void 0 : currentChainParams.chainName} support to ${(_h = (_g = (_f = connectedConnector == null ? void 0 : connectedConnector.paraDetails) == null ? void 0 : _f.name) != null ? _g : connectedConnector == null ? void 0 : connectedConnector.name) != null ? _h : "the wallet"} manually.`
+          };
+        }
+      }
       switch (e.name) {
         case "UserRejectedRequestError": {
           return { error: "Signature request rejected" };
@@ -172,6 +215,7 @@ function EvmExternalWalletProvider({
     }
   });
   const signVerificationMessage = () => __async(this, null, function* () {
+    setVerificationStage("verifying");
     const signature = yield signMessage({ message: verificationMessage.current });
     return signature;
   });
@@ -471,7 +515,8 @@ function EvmExternalWalletProvider({
         getWalletBalance,
         requestInfo,
         disconnectBase,
-        farcasterStatus
+        farcasterStatus,
+        verificationStage
       }, externalHooks),
       children
     }

package/package.json

@@ -1,15 +1,15 @@
 {
   "name": "@getpara/evm-wallet-connectors",
-  "version": "2.0.0-alpha.46",
+  "version": "2.0.0-alpha.48",
   "dependencies": {
     "@coinbase/wallet-sdk": "4.3.0",
-    "@getpara/wagmi-v2-connector": "2.0.0-alpha.46",
-    "@getpara/web-sdk": "2.0.0-alpha.46",
+    "@getpara/wagmi-v2-connector": "2.0.0-alpha.48",
+    "@getpara/web-sdk": "2.0.0-alpha.48",
     "zustand": "^4.5.2",
     "zustand-sync-tabs": "^0.2.2"
   },
   "devDependencies": {
-    "@getpara/react-common": "2.0.0-alpha.46",
+    "@getpara/react-common": "2.0.0-alpha.48",
     "@tanstack/react-query": "^5.74.0",
     "@types/react": "^18.0.31",
     "@types/react-dom": "^18.2.7",
@@ -25,7 +25,7 @@
     "dist",
     "package.json"
   ],
-  "gitHead": "29c553622c2e33503e5ff52d4c64725ffc15922a",
+  "gitHead": "bfb7086671a63d7360602908f3140c40959a43f6",
   "main": "dist/index.js",
   "peerDependencies": {
     "@farcaster/miniapp-wagmi-connector": "^1.0.0",