@getpara/evm-wallet-connectors 3.5.0 → 3.6.0

package/dist/providers/EvmExternalWalletContext.js

@@ -68,14 +68,14 @@ function EvmExternalWalletProvider({
   const connectorsRef = useRef(connectors);
   const [verificationStage, setVerificationStage] = useState("verifying");
   useEffect(() => {
-    const initializeConfig = () => __async(this, null, function* () {
+    const initializeConfig = () => __async(null, null, function* () {
       yield para.initExternalWalletProvider({
         type: "EVM",
         interface: {
-          disconnect: () => __async(this, null, function* () {
+          disconnect: () => __async(null, null, function* () {
             yield disconnect(config);
           }),
-          getAddress: () => __async(this, null, function* () {
+          getAddress: () => __async(null, null, function* () {
             var _a, _b, _c;
             const connections2 = getConnections(config);
             const nonParaConnection = (_a = connections2.find((c) => {
@@ -85,7 +85,7 @@ function EvmExternalWalletProvider({
             const address = (_c = (_b = nonParaConnection == null ? void 0 : nonParaConnection.accounts) == null ? void 0 : _b[0]) != null ? _c : null;
             return address;
           }),
-          signMessage: (_0) => __async(this, [_0], function* ({ message, address }) {
+          signMessage: (_0) => __async(null, [_0], function* ({ message, address }) {
             try {
               const resp = yield signMessageBase({ message, address });
               return { signature: resp.signature };
@@ -95,7 +95,7 @@ function EvmExternalWalletProvider({
           }),
           watchDisconnection: (callback) => {
             return watchConnections(config, {
-              onChange: (connections2) => __async(this, null, function* () {
+              onChange: (connections2) => __async(null, null, function* () {
                 const nonParaConnections = connections2.filter((c) => c.connector.name !== "Para");
                 if (nonParaConnections.length === 0) {
                   yield callback();
@@ -127,7 +127,7 @@ function EvmExternalWalletProvider({
               }
             });
           },
-          connectParaConnector: () => __async(this, null, function* () {
+          connectParaConnector: () => __async(null, null, function* () {
             const connectors2 = getConnectors(config);
             const paraConnector = connectors2.find((c) => {
               return c.name === "Para";
@@ -144,7 +144,7 @@ function EvmExternalWalletProvider({
   }, [para.isSetup]);
   const updateExternalWalletState = useExternalWalletStore((state) => state.updateState);
   const switchAccount = useCallback(
-    (connectorName) => __async(this, null, function* () {
+    (connectorName) => __async(null, null, function* () {
       var _a;
       const connector = (_a = connectionsRef.current.find((c) => {
         var _a2;
@@ -161,7 +161,7 @@ function EvmExternalWalletProvider({
   );
   const getWalletBalance = useCallback(
     // Format from wei to eth
-    () => __async(this, null, function* () {
+    () => __async(null, null, function* () {
       const { data: balance } = yield getBalance();
       return balance ? formatUnits(balance.value, etherUnits.wei) : void 0;
     }),
@@ -183,7 +183,7 @@ function EvmExternalWalletProvider({
       blockExplorerUrls: ((_a = chain.blockExplorers) == null ? void 0 : _a.default) ? [chain.blockExplorers.default.url] : void 0
     };
   };
-  const signMessageBase = (_0) => __async(this, [_0], function* ({ message, address }) {
+  const signMessageBase = (_0) => __async(null, [_0], function* ({ message, address }) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
     const connection = connectionsRef.current.find((c) => c.accounts.includes(address));
     const connector = connection == null ? void 0 : connection.connector;
@@ -237,7 +237,7 @@ function EvmExternalWalletProvider({
       }
     }
   });
-  const signMessage = (_0) => __async(this, [_0], function* ({ message, externalWallet }) {
+  const signMessage = (_0) => __async(null, [_0], function* ({ message, externalWallet }) {
     var _a;
     let address = wagmiAddress;
     if (externalWallet) {
@@ -250,7 +250,7 @@ function EvmExternalWalletProvider({
       return { error: e.message };
     }
   });
-  const switchChain = (chainId2) => __async(this, null, function* () {
+  const switchChain = (chainId2) => __async(null, null, function* () {
     var _a, _b, _c, _d;
     let error;
     try {
@@ -277,7 +277,7 @@ function EvmExternalWalletProvider({
     }
     return { error };
   });
-  const connectBase = (connector) => __async(this, null, function* () {
+  const connectBase = (connector) => __async(null, null, function* () {
     var _a, _b, _c, _d, _e, _f;
     if (connector.type === "walletConnect" || ((_a = connector.paraDetails) == null ? void 0 : _a.internalId) === "WALLETCONNECT" || ((_b = connector.paraDetails) == null ? void 0 : _b.showQrModal)) {
       yield emitWalletConnectUri(connector, connector.getUri);
@@ -293,7 +293,7 @@ function EvmExternalWalletProvider({
     });
     return (_f = data.accounts) == null ? void 0 : _f[0];
   });
-  const connectCallback = (connector) => () => __async(this, null, function* () {
+  const connectCallback = (connector) => () => __async(null, null, function* () {
     var _a, _b, _c, _d, _e, _f;
     if (connector.type === "walletConnect" || ((_a = connector.paraDetails) == null ? void 0 : _a.internalId) === "WALLETCONNECT" || ((_b = connector.paraDetails) == null ? void 0 : _b.showQrModal)) {
       yield emitWalletConnectUri(connector, connector.getUri);
@@ -332,7 +332,7 @@ function EvmExternalWalletProvider({
       }
     }
   });
-  const connect = (connector) => __async(this, null, function* () {
+  const connect = (connector) => __async(null, null, function* () {
     var _a;
     updateExternalWalletState({ isConnecting: true });
     yield disconnectAsync();
@@ -350,7 +350,7 @@ function EvmExternalWalletProvider({
     updateExternalWalletState({ isConnecting: false });
     return { address, authState, error };
   });
-  const connectMobile = (connector, isManualWalletConnect) => __async(this, null, function* () {
+  const connectMobile = (connector, isManualWalletConnect) => __async(null, null, function* () {
     const _isMobile = isManualWalletConnect !== void 0 ? isManualWalletConnect : isMobile();
     const _connector = connector.walletConnectModalConnector && _isMobile ? connector.walletConnectModalConnector : connector;
     return yield connect(_connector);
@@ -365,7 +365,7 @@ function EvmExternalWalletProvider({
     );
     return connector ? __spreadProps(__spreadValues({}, connector), { getUri: (_a = connector.paraDetails) == null ? void 0 : _a.getUri }) : void 0;
   };
-  const requestInfo = (providerId) => __async(this, null, function* () {
+  const requestInfo = (providerId) => __async(null, null, function* () {
     var _a, _b, _c, _d;
     const connector = findConnector(providerId);
     disconnectTypeRef.current = "ACCOUNT_LINKING";
@@ -393,7 +393,7 @@ function EvmExternalWalletProvider({
       throw new Error((_d = e == null ? void 0 : e.message) != null ? _d : e);
     }
   });
-  const disconnectBase = (_0, ..._1) => __async(this, [_0, ..._1], function* (providerId, { disconnectType } = {}) {
+  const disconnectBase = (_0, ..._1) => __async(null, [_0, ..._1], function* (providerId, { disconnectType } = {}) {
     var _a;
     if (!providerId) {
       throw new Error("Provider ID is required to disconnect");
@@ -497,7 +497,7 @@ function EvmExternalWalletProvider({
     const address = (_a = connection == null ? void 0 : connection.accounts) == null ? void 0 : _a[0];
     return address ? { isPresent: true, isConnected: true, address } : { isPresent: true, isConnected: false };
   }, [connections]);
-  const connectParaEmbedded = useCallback(() => __async(this, null, function* () {
+  const connectParaEmbedded = useCallback(() => __async(null, null, function* () {
     const paraConnectorInstance = connectors.find((c) => c.id === "para");
     if (!paraConnectorInstance) {
       return { error: "No para connector instance" };

package/dist/providers/ParaEvmContext.js

@@ -6,16 +6,17 @@ import {
   __spreadValues
 } from "../chunk-MMUBH76A.js";
 import { jsx } from "react/jsx-runtime";
-import { useEffect, useMemo, useRef, useState } from "react";
+import { useEffect, useMemo, useState } from "react";
 import { createConfig as createWagmiConfig, WagmiProvider } from "wagmi";
 import { connectorsForWallets } from "../wallets/connectorsForWallets.js";
 import { http } from "viem";
 import { computeWalletConnectMetaData } from "../utils/computeWalletConnectMetaData.js";
 import { EvmExternalWalletProvider } from "./EvmExternalWalletContext.js";
 import { paraConnector } from "@getpara/wagmi-v2-connector";
-import { setWagmiConfig, getWagmiConfig } from "../stores/wagmiConfigStore.js";
+import { setWagmiConfig, getWagmiConfig, getWagmiConfigSource, getWagmiConfigScope } from "../stores/wagmiConfigStore.js";
 import { resolveWalletList } from "../utils/resolveWalletList.js";
 import { farcasterWallet } from "../wallets/connectors/index.js";
+import { areWagmiConfigScopesEqual, createWagmiConfigScope } from "../utils/createWagmiConfigScope.js";
 const createDefaultTransports = (chains) => {
   const transportsObject = chains.reduce((acc, chain) => {
     const key = chain.id;
@@ -55,7 +56,9 @@ function ParaEvmProvider({
   const propsWalletList = useMemo(() => {
     return resolveWalletList(propsWallets != null ? propsWallets : []);
   }, [propsWallets]);
-  const prevWallets = useRef(propsWalletList);
+  const farcasterWalletList = useMemo(() => {
+    return [...propsWalletList, farcasterWallet];
+  }, [propsWalletList]);
   const paraConnectorInstance = useMemo(() => {
     return paraConnector({
       para,
@@ -66,11 +69,21 @@ function ParaEvmProvider({
     });
   }, [para]);
   const createConfig = (walletList, createFarcasterConnector) => {
+    const configScope = createWagmiConfigScope({
+      para,
+      appName,
+      appDescription,
+      appIcon,
+      appUrl,
+      projectId,
+      wallets: walletList,
+      chains,
+      transports
+    });
     const existing = getWagmiConfig();
-    if (existing && prevWallets.current === walletList) {
+    if (existing && getWagmiConfigSource() === "factory" && areWagmiConfigScopesEqual(getWagmiConfigScope(), configScope)) {
       return existing;
     }
-    prevWallets.current = walletList;
     const wcMetadata = computeWalletConnectMetaData({ appName, appDescription, appUrl, appIcon });
     const baseConnectors = connectorsForWallets(walletList, {
       para,
@@ -90,7 +103,7 @@ function ParaEvmProvider({
       transports: transports || createDefaultTransports(chains),
       connectors: allConnectors
     }));
-    setWagmiConfig(createdConfig);
+    setWagmiConfig(createdConfig, "provider", configScope);
     return createdConfig;
   };
   const [config, setConfig] = useState(null);
@@ -98,7 +111,7 @@ function ParaEvmProvider({
     if (!para.isSetup) {
       return;
     }
-    const initializeConfig = () => __async(this, null, function* () {
+    const initializeConfig = () => __async(null, null, function* () {
       var _a2;
       let config2;
       if (para.isFarcasterMiniApp) {
@@ -107,14 +120,14 @@ function ParaEvmProvider({
           createFarcasterConnector = (_a2 = (yield import("@farcaster/miniapp-wagmi-connector")).farcasterMiniApp) != null ? _a2 : void 0;
         } catch (e) {
         }
-        config2 = createConfig([...propsWalletList, farcasterWallet], createFarcasterConnector);
+        config2 = createConfig(farcasterWalletList, createFarcasterConnector);
       } else {
-        config2 = createConfig([...propsWalletList]);
+        config2 = createConfig(propsWalletList);
       }
       setConfig(config2);
     });
     initializeConfig();
-  }, [para.isFarcasterMiniApp, para.isSetup, propsWalletList]);
+  }, [farcasterWalletList, para.isFarcasterMiniApp, para.isSetup, propsWalletList]);
   if (!config) {
     return null;
   }

package/dist/providers/createParaWagmiConfig.js

@@ -10,6 +10,7 @@ import { computeWalletConnectMetaData } from "../utils/computeWalletConnectMetaD
 import { paraConnector } from "@getpara/wagmi-v2-connector";
 import { setWagmiConfig } from "../stores/wagmiConfigStore.js";
 import { resolveWalletList } from "../utils/resolveWalletList.js";
+import { createWagmiConfigScope } from "../utils/createWagmiConfigScope.js";
 function createParaWagmiConfig(para, cfg) {
   const _a = cfg, {
     projectId,
@@ -34,6 +35,17 @@ function createParaWagmiConfig(para, cfg) {
   ]);
   const wcMetadata = computeWalletConnectMetaData({ appName, appDescription, appUrl, appIcon });
   const walletFactories = resolveWalletList(wallets);
+  const configScope = createWagmiConfigScope({
+    para,
+    appName,
+    appDescription,
+    appIcon,
+    appUrl,
+    projectId,
+    wallets: walletFactories,
+    chains,
+    transports
+  });
   const baseConnectors = connectorsForWallets(walletFactories, {
     para,
     projectId,
@@ -57,7 +69,7 @@ function createParaWagmiConfig(para, cfg) {
     transports,
     connectors: [...baseConnectors, paraConn]
   }));
-  setWagmiConfig(created);
+  setWagmiConfig(created, "factory", configScope);
   return created;
 }
 export {

package/dist/stores/wagmiConfigStore.d.ts

@@ -1,14 +1,33 @@
 import type { Config } from 'wagmi';
+import type ParaWeb from '@getpara/web-sdk';
+type WagmiConfigSource = 'factory' | 'provider';
+export interface WagmiConfigScope {
+    para: ParaWeb;
+    appName: string;
+    appDescription?: string;
+    appUrl?: string;
+    appIcon?: string;
+    projectId: string;
+    chainIds: readonly number[];
+    transportChainIds: readonly number[];
+    walletIds: readonly string[];
+}
 /**
  * Sets the Wagmi configuration in the global store.
  *
  * @param config - The Wagmi configuration object to be stored
+ * @param source - The owner that created the Wagmi configuration
+ * @param scope - The config fingerprint used to match app-created configs to provider configs
  * @returns {void}
  */
-export declare const setWagmiConfig: (config: Config) => void;
+export declare const setWagmiConfig: (config: Config, source?: WagmiConfigSource, scope?: WagmiConfigScope) => 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;
+export declare const getWagmiConfigSource: () => WagmiConfigSource;
+export declare const getWagmiConfigScope: () => WagmiConfigScope;
+export declare const resetWagmiConfig: () => void;
+export {};

package/dist/stores/wagmiConfigStore.js

@@ -2,15 +2,29 @@
 import "../chunk-MMUBH76A.js";
 import { createStore } from "zustand/vanilla";
 const wagmiConfigStore = createStore(() => ({
-  config: null
+  config: null,
+  source: null,
+  scope: null
 }));
-const setWagmiConfig = (config) => {
-  wagmiConfigStore.setState({ config });
+const setWagmiConfig = (config, source = "provider", scope) => {
+  wagmiConfigStore.setState({ config, source, scope: scope != null ? scope : null });
 };
 const getWagmiConfig = () => {
   return wagmiConfigStore.getState().config;
 };
+const getWagmiConfigSource = () => {
+  return wagmiConfigStore.getState().source;
+};
+const getWagmiConfigScope = () => {
+  return wagmiConfigStore.getState().scope;
+};
+const resetWagmiConfig = () => {
+  wagmiConfigStore.setState({ config: null, source: null, scope: null });
+};
 export {
   getWagmiConfig,
+  getWagmiConfigScope,
+  getWagmiConfigSource,
+  resetWagmiConfig,
   setWagmiConfig
 };

package/dist/utils/createWagmiConfigScope.d.ts

@@ -0,0 +1,19 @@
+import type ParaWeb from '@getpara/web-sdk';
+import type { TExternalWallet } from '@getpara/react-common';
+import type { Chain, Transport } from 'viem';
+import type { WalletList } from '../types/Wallet.js';
+import type { WagmiConfigScope } from '../stores/wagmiConfigStore.js';
+interface CreateWagmiConfigScopeParameters {
+    para: ParaWeb;
+    appName: string;
+    appDescription?: string;
+    appUrl?: string;
+    appIcon?: string;
+    projectId: string;
+    wallets?: WalletList | TExternalWallet[];
+    chains: readonly Chain[];
+    transports?: Record<number, Transport>;
+}
+export declare const createWagmiConfigScope: ({ para, appName, appDescription, appUrl, appIcon, projectId, wallets, chains, transports, }: CreateWagmiConfigScopeParameters) => WagmiConfigScope;
+export declare const areWagmiConfigScopesEqual: (left: WagmiConfigScope | null, right: WagmiConfigScope) => boolean;
+export {};

package/dist/utils/createWagmiConfigScope.js

@@ -0,0 +1,40 @@
+"use client";
+import "../chunk-MMUBH76A.js";
+import { resolveWalletList } from "./resolveWalletList.js";
+const toNumberKeys = (value) => {
+  return Object.keys(value != null ? value : {}).map(Number);
+};
+const areArraysEqual = (left, right) => {
+  return left.length === right.length && left.every((value, index) => value === right[index]);
+};
+const createWagmiConfigScope = ({
+  para,
+  appName,
+  appDescription,
+  appUrl,
+  appIcon,
+  projectId,
+  wallets,
+  chains,
+  transports
+}) => {
+  const walletIds = resolveWalletList(wallets).map((createWallet) => createWallet({ projectId, appName }).id);
+  return {
+    para,
+    appName,
+    appDescription,
+    appUrl,
+    appIcon,
+    projectId,
+    chainIds: chains.map((chain) => chain.id),
+    transportChainIds: toNumberKeys(transports),
+    walletIds
+  };
+};
+const areWagmiConfigScopesEqual = (left, right) => {
+  return !!left && left.para === right.para && left.appName === right.appName && left.appDescription === right.appDescription && left.appUrl === right.appUrl && left.appIcon === right.appIcon && left.projectId === right.projectId && areArraysEqual(left.chainIds, right.chainIds) && areArraysEqual(left.transportChainIds, right.transportChainIds) && areArraysEqual(left.walletIds, right.walletIds);
+};
+export {
+  areWagmiConfigScopesEqual,
+  createWagmiConfigScope
+};

package/dist/utils/getWalletConnectUri.js

@@ -2,7 +2,7 @@
 import {
   __async
 } from "../chunk-MMUBH76A.js";
-const emitWalletConnectUri = (connector, uriConverter) => __async(void 0, null, function* () {
+const emitWalletConnectUri = (connector, uriConverter) => __async(null, null, function* () {
   var _a, _b;
   if (typeof window === "undefined") {
     return;

package/package.json

@@ -1,16 +1,16 @@
 {
   "name": "@getpara/evm-wallet-connectors",
-  "version": "3.5.0",
+  "version": "3.6.0",
   "dependencies": {
     "@coinbase/wallet-sdk": "4.3.0",
-    "@getpara/wagmi-v2-connector": "3.5.0",
-    "@getpara/web-sdk": "3.5.0",
+    "@getpara/wagmi-v2-connector": "3.6.0",
+    "@getpara/web-sdk": "3.6.0",
     "@walletconnect/ethereum-provider": "2.23.0",
     "zustand": "^4.5.2",
     "zustand-sync-tabs": "^0.2.2"
   },
   "devDependencies": {
-    "@getpara/react-common": "3.5.0",
+    "@getpara/react-common": "3.6.0",
     "@tanstack/react-query": "^5.74.0",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
@@ -26,7 +26,7 @@
     "dist",
     "package.json"
   ],
-  "gitHead": "2e70485f8f206ff50f58b339ebf0922fd259858f",
+  "gitHead": "565535ab0cf38d65f6996fc9f1ede52d133ddac0",
   "main": "dist/index.js",
   "peerDependencies": {
     "@farcaster/miniapp-wagmi-connector": "^1.0.0",