@multiplatform.one/web3 7.19.0 → 7.21.0

package/src/connectkit/connectors/metaMaskSdkConnector.ts

@@ -1,505 +0,0 @@
-// wagmi connector for MetaMask over the CLASSIC @metamask/sdk (0.33.x) transport,
-// ported from @wagmi/connectors@5.11.2 src/metaMask.ts onto wagmi 3's connector API.
-//
-// Why not @wagmi/connectors 8.x's metaMask() (MWP / @metamask/connect-evm): MWP has
-// no story for the dapp page freezing or being discarded while the wallet app is
-// foregrounded — on Android the tab's relay websocket dies mid-handshake and the
-// wallet's approval publishes to a channel nobody re-reads, so mobile-browser
-// deeplink connects never complete (verified on-device 2026-07-15 against both
-// connect-evm 1.4.0 and 2.1.1). The classic SDK survives that same bounce by
-// design: it persists channel keys, reconnects its own socket.io relay, and
-// re-requests pending results on resume — the promanager keycloak login uses it
-// and is e2e-verified on real Android MetaMask.
-//
-// Kept identical to upstream where possible; the id stays `metaMaskSDK`, which is
-// what isMetaMaskConnector(), useWallets' EIP-6963 dedupe, and ConnectWithInjector's
-// display_uri deeplink listener all key off.
-import type { MetaMaskSDK, MetaMaskSDKOptions, RPC_URLS_MAP, SDKProvider } from "@metamask/sdk";
-import {
-  ChainNotConfiguredError,
-  type Connector,
-  createConnector,
-  extractRpcUrls,
-  ProviderNotFoundError,
-} from "@wagmi/core";
-import type {
-  Compute,
-  ExactPartial,
-  OneOf,
-  RemoveUndefined,
-  UnionCompute,
-} from "@wagmi/core/internal";
-import {
-  type AddEthereumChainParameter,
-  type Address,
-  getAddress,
-  type Hex,
-  hexToNumber,
-  numberToHex,
-  type ProviderConnectInfo,
-  type ProviderRpcError,
-  ResourceUnavailableRpcError,
-  type RpcError,
-  SwitchChainError,
-  UserRejectedRequestError,
-  withRetry,
-  withTimeout,
-} from "viem";
-
-export type MetaMaskSdkParameters = UnionCompute<
-  WagmiMetaMaskSDKOptions &
-    OneOf<
-      | {
-          /* Shortcut to connect and sign a message */
-          connectAndSign?: string | undefined;
-        }
-      | {
-          /* Allow `connectWith` any rpc method */
-          connectWith?: { method: string; params: unknown[] } | undefined;
-        }
-    >
->;
-
-type WagmiMetaMaskSDKOptions = Compute<
-  ExactPartial<
-    Omit<
-      MetaMaskSDKOptions,
-      | "_source"
-      | "forceDeleteProvider"
-      | "forceInjectProvider"
-      | "injectProvider"
-      | "useDeeplink"
-      | "readonlyRPCMap"
-    >
-  > & {
-    /** @deprecated */
-    forceDeleteProvider?: MetaMaskSDKOptions["forceDeleteProvider"];
-    /** @deprecated */
-    forceInjectProvider?: MetaMaskSDKOptions["forceInjectProvider"];
-    /** @deprecated */
-    injectProvider?: MetaMaskSDKOptions["injectProvider"];
-    /** @deprecated */
-    useDeeplink?: MetaMaskSDKOptions["useDeeplink"];
-  }
->;
-
-metaMaskSdk.type = "metaMask" as const;
-export function metaMaskSdk(parameters: MetaMaskSdkParameters = {}) {
-  type Provider = SDKProvider;
-  type Properties = {
-    onConnect(connectInfo: ProviderConnectInfo): void;
-    onDisplayUri(uri: string): void;
-  };
-  type Listener = Parameters<Provider["on"]>[1];
-
-  let sdk: MetaMaskSDK;
-  let provider: Provider | undefined;
-  let providerPromise: Promise<typeof provider>;
-
-  let accountsChanged: Connector["onAccountsChanged"] | undefined;
-  let chainChanged: Connector["onChainChanged"] | undefined;
-  let connect: Connector["onConnect"] | undefined;
-  let displayUri: ((uri: string) => void) | undefined;
-  let disconnect: Connector["onDisconnect"] | undefined;
-
-  return createConnector<Provider, Properties>((config) => ({
-    id: "metaMaskSDK",
-    name: "MetaMask",
-    rdns: ["io.metamask", "io.metamask.mobile"],
-    type: metaMaskSdk.type,
-    async setup() {
-      const provider = await this.getProvider();
-      if (provider?.on) {
-        if (!connect) {
-          connect = this.onConnect.bind(this);
-          provider.on("connect", connect as Listener);
-        }
-
-        // Some wallets, like MetaMask, do not implement the `'connect'` event and
-        // overload `'accountsChanged'` instead.
-        if (!accountsChanged) {
-          accountsChanged = this.onAccountsChanged.bind(this);
-          provider.on("accountsChanged", accountsChanged as Listener);
-        }
-      }
-    },
-    async connect({ chainId, isReconnecting, withCapabilities } = {}) {
-      const provider = await this.getProvider();
-      if (!displayUri) {
-        displayUri = this.onDisplayUri;
-        provider.on("display_uri", displayUri as Listener);
-      }
-
-      let accounts: readonly Address[] = [];
-      if (isReconnecting) accounts = await this.getAccounts().catch(() => []);
-
-      try {
-        let signResponse: string | undefined;
-        let connectWithResponse: unknown | undefined;
-        if (!accounts?.length) {
-          if (parameters.connectAndSign || parameters.connectWith) {
-            if (parameters.connectAndSign)
-              signResponse = await sdk.connectAndSign({
-                msg: parameters.connectAndSign,
-              });
-            else if (parameters.connectWith)
-              connectWithResponse = await sdk.connectWith({
-                method: parameters.connectWith.method,
-                params: parameters.connectWith.params,
-              });
-
-            accounts = await this.getAccounts();
-          } else {
-            const requestedAccounts = (await sdk.connect()) as string[];
-            accounts = requestedAccounts.map((x) => getAddress(x));
-          }
-        }
-        // Switch to chain if provided
-        let currentChainId = (await this.getChainId()) as number;
-        if (chainId && currentChainId !== chainId) {
-          const chain = await this.switchChain!({ chainId }).catch((error) => {
-            if (error.code === UserRejectedRequestError.code) throw error;
-            return { id: currentChainId };
-          });
-          currentChainId = chain?.id ?? currentChainId;
-        }
-
-        if (displayUri) {
-          provider.removeListener("display_uri", displayUri);
-          displayUri = undefined;
-        }
-
-        if (signResponse)
-          provider.emit("connectAndSign", {
-            accounts,
-            chainId: currentChainId,
-            signResponse,
-          });
-        else if (connectWithResponse)
-          provider.emit("connectWith", {
-            accounts,
-            chainId: currentChainId,
-            connectWithResponse,
-          });
-
-        // Manage EIP-1193 event listeners
-        // https://eips.ethereum.org/EIPS/eip-1193#events
-        if (connect) {
-          provider.removeListener("connect", connect);
-          connect = undefined;
-        }
-        if (!accountsChanged) {
-          accountsChanged = this.onAccountsChanged.bind(this);
-          provider.on("accountsChanged", accountsChanged as Listener);
-        }
-        if (!chainChanged) {
-          chainChanged = this.onChainChanged.bind(this);
-          provider.on("chainChanged", chainChanged as Listener);
-        }
-        if (!disconnect) {
-          disconnect = this.onDisconnect.bind(this);
-          provider.on("disconnect", disconnect as Listener);
-        }
-
-        return {
-          accounts: (withCapabilities
-            ? accounts.map((address) => ({ address, capabilities: {} }))
-            : accounts) as never,
-          chainId: currentChainId,
-        };
-      } catch (err) {
-        const error = err as RpcError;
-        if (error.code === UserRejectedRequestError.code) throw new UserRejectedRequestError(error);
-        if (error.code === ResourceUnavailableRpcError.code)
-          throw new ResourceUnavailableRpcError(error);
-        throw error;
-      }
-    },
-    async disconnect() {
-      const provider = await this.getProvider();
-
-      // Manage EIP-1193 event listeners
-      if (chainChanged) {
-        provider.removeListener("chainChanged", chainChanged);
-        chainChanged = undefined;
-      }
-      if (disconnect) {
-        provider.removeListener("disconnect", disconnect);
-        disconnect = undefined;
-      }
-      if (!connect) {
-        connect = this.onConnect.bind(this);
-        provider.on("connect", connect as Listener);
-      }
-
-      await sdk.terminate();
-    },
-    async getAccounts() {
-      const provider = await this.getProvider();
-      const accounts = (await provider.request({
-        method: "eth_accounts",
-      })) as string[];
-      return accounts.map((x) => getAddress(x));
-    },
-    async getChainId() {
-      const provider = await this.getProvider();
-      const chainId = provider.getChainId() || (await provider?.request({ method: "eth_chainId" }));
-      return Number(chainId);
-    },
-    async getProvider() {
-      async function initProvider() {
-        // Unwrapping import for Vite compatibility.
-        // See: https://github.com/vitejs/vite/issues/9703
-        const MetaMaskSDK = await (async () => {
-          const { default: SDK } = (await import("@metamask/sdk")) as any; // CJS/ESM interop unwrap
-          if (typeof SDK !== "function" && typeof SDK.default === "function")
-            return SDK.default as typeof import("@metamask/sdk").MetaMaskSDK;
-          return SDK as typeof import("@metamask/sdk").MetaMaskSDK;
-        })();
-
-        const readonlyRPCMap: RPC_URLS_MAP = {};
-        for (const chain of config.chains)
-          readonlyRPCMap[numberToHex(chain.id)] = extractRpcUrls({
-            chain,
-            transports: config.transports,
-          })?.[0];
-
-        sdk = new MetaMaskSDK({
-          _source: "wagmi",
-          forceDeleteProvider: false,
-          forceInjectProvider: false,
-          injectProvider: false,
-          // Workaround cast since MetaMask SDK does not support `'exactOptionalPropertyTypes'`
-          ...(parameters as RemoveUndefined<typeof parameters>),
-          readonlyRPCMap,
-          dappMetadata: {
-            ...parameters.dappMetadata,
-            name: parameters.dappMetadata?.name ? parameters.dappMetadata?.name : "wagmi",
-            url: parameters.dappMetadata?.url
-              ? parameters.dappMetadata?.url
-              : typeof window !== "undefined"
-                ? window.location.origin
-                : "https://wagmi.sh",
-          },
-          useDeeplink: parameters.useDeeplink ?? true,
-        });
-        const result = await sdk.init();
-        // On initial load, sometimes `sdk.getProvider` does not return provider.
-        // https://github.com/wevm/wagmi/issues/4367
-        const provider = (() => {
-          if (result?.activeProvider) return result.activeProvider;
-          return sdk.getProvider();
-        })();
-        if (!provider) throw new ProviderNotFoundError();
-        return provider;
-      }
-
-      if (!provider) {
-        if (!providerPromise) providerPromise = initProvider();
-        provider = await providerPromise;
-      }
-      return provider!;
-    },
-    async isAuthorized() {
-      try {
-        // MetaMask mobile provider sometimes fails to immediately resolve
-        // JSON-RPC requests on page load
-        const timeout = 200;
-        const accounts = await withRetry(() => withTimeout(() => this.getAccounts(), { timeout }), {
-          delay: timeout + 1,
-          retryCount: 3,
-        });
-        return !!accounts.length;
-      } catch {
-        return false;
-      }
-    },
-    async switchChain({ addEthereumChainParameter, chainId }) {
-      const provider = await this.getProvider();
-
-      const chain = config.chains.find((x) => x.id === chainId);
-      if (!chain) throw new SwitchChainError(new ChainNotConfiguredError());
-
-      try {
-        await provider.request({
-          method: "wallet_switchEthereumChain",
-          params: [{ chainId: numberToHex(chainId) }],
-        });
-
-        // During `'wallet_switchEthereumChain'`, MetaMask makes a `'net_version'` RPC
-        // call to the target chain. If this request fails, MetaMask does not emit the
-        // `'chainChanged'` event, but will still switch the chain.
-        // https://github.com/MetaMask/metamask-extension/issues/24247
-        await waitForChainIdToSync();
-        await sendAndWaitForChangeEvent(chainId);
-
-        return chain;
-      } catch (err) {
-        const error = err as RpcError;
-
-        if (error.code === UserRejectedRequestError.code) throw new UserRejectedRequestError(error);
-
-        // Indicates chain is not added to provider
-        if (
-          error.code === 4902 ||
-          // Unwrapping for MetaMask Mobile
-          // https://github.com/MetaMask/metamask-mobile/issues/2944#issuecomment-976988719
-          (error as ProviderRpcError<{ originalError?: { code: number } }>)?.data?.originalError
-            ?.code === 4902
-        ) {
-          try {
-            await provider.request({
-              method: "wallet_addEthereumChain",
-              params: [
-                {
-                  blockExplorerUrls: (() => {
-                    const { default: blockExplorer, ...blockExplorers } =
-                      chain.blockExplorers ?? {};
-                    if (addEthereumChainParameter?.blockExplorerUrls)
-                      return addEthereumChainParameter.blockExplorerUrls;
-                    if (blockExplorer)
-                      return [
-                        blockExplorer.url,
-                        ...Object.values(blockExplorers).map((x) => x.url),
-                      ];
-                    return;
-                  })(),
-                  chainId: numberToHex(chainId),
-                  chainName: addEthereumChainParameter?.chainName ?? chain.name,
-                  iconUrls: addEthereumChainParameter?.iconUrls,
-                  nativeCurrency: addEthereumChainParameter?.nativeCurrency ?? chain.nativeCurrency,
-                  rpcUrls: (() => {
-                    if (addEthereumChainParameter?.rpcUrls?.length)
-                      return addEthereumChainParameter.rpcUrls;
-                    return [chain.rpcUrls.default?.http[0] ?? ""];
-                  })(),
-                } satisfies AddEthereumChainParameter,
-              ],
-            });
-
-            await waitForChainIdToSync();
-            await sendAndWaitForChangeEvent(chainId);
-
-            return chain;
-          } catch (err) {
-            const error = err as RpcError;
-            if (error.code === UserRejectedRequestError.code)
-              throw new UserRejectedRequestError(error);
-            throw new SwitchChainError(error);
-          }
-        }
-
-        throw new SwitchChainError(error);
-      }
-
-      async function waitForChainIdToSync() {
-        // On mobile, there is a race condition between the result of
-        // `'wallet_addEthereumChain'` and `'eth_chainId'`, so retry until they agree.
-        await withRetry(
-          async () => {
-            const value = hexToNumber(
-              // `'eth_chainId'` is cached by the MetaMask SDK side to avoid unnecessary deeplinks
-              (await provider.request({ method: "eth_chainId" })) as Hex,
-            );
-            // `value` doesn't match expected `chainId`, throw to trigger retry
-            if (value !== chainId) throw new Error("User rejected switch after adding network.");
-            return value;
-          },
-          {
-            delay: 50,
-            retryCount: 20, // android device encryption is slower
-          },
-        );
-      }
-
-      async function sendAndWaitForChangeEvent(chainId: number) {
-        await new Promise<void>((resolve) => {
-          const listener = ((data) => {
-            if ("chainId" in data && data.chainId === chainId) {
-              config.emitter.off("change", listener);
-              resolve();
-            }
-          }) satisfies Parameters<typeof config.emitter.on>[1];
-          config.emitter.on("change", listener);
-          config.emitter.emit("change", { chainId });
-        });
-      }
-    },
-    async onAccountsChanged(accounts) {
-      // Disconnect if there are no accounts
-      if (accounts.length === 0) {
-        // ... and using browser extension
-        if (sdk.isExtensionActive()) this.onDisconnect();
-        // FIXME(upstream): Mobile app sometimes emits invalid `accountsChanged` event with empty accounts array
-        else return;
-      }
-      // Connect if emitter is listening for connect event (e.g. is disconnected and connects through wallet interface)
-      else if (config.emitter.listenerCount("connect")) {
-        const chainId = (await this.getChainId()).toString();
-        this.onConnect({ chainId });
-      }
-      // Regular change event
-      else
-        config.emitter.emit("change", {
-          accounts: accounts.map((x) => getAddress(x)),
-        });
-    },
-    onChainChanged(chain) {
-      const chainId = Number(chain);
-      config.emitter.emit("change", { chainId });
-    },
-    async onConnect(connectInfo) {
-      const accounts = await this.getAccounts();
-      if (accounts.length === 0) return;
-
-      const chainId = Number(connectInfo.chainId);
-      config.emitter.emit("connect", { accounts, chainId });
-
-      const provider = await this.getProvider();
-      if (connect) {
-        provider.removeListener("connect", connect);
-        connect = undefined;
-      }
-      if (!accountsChanged) {
-        accountsChanged = this.onAccountsChanged.bind(this);
-        provider.on("accountsChanged", accountsChanged as Listener);
-      }
-      if (!chainChanged) {
-        chainChanged = this.onChainChanged.bind(this);
-        provider.on("chainChanged", chainChanged as Listener);
-      }
-      if (!disconnect) {
-        disconnect = this.onDisconnect.bind(this);
-        provider.on("disconnect", disconnect as Listener);
-      }
-    },
-    async onDisconnect(error) {
-      const provider = await this.getProvider();
-
-      // If MetaMask emits a `code: 1013` error, wait for reconnection before disconnecting
-      // https://github.com/MetaMask/providers/pull/120
-      if (error && (error as RpcError<1013>).code === 1013) {
-        if (provider && !!(await this.getAccounts()).length) return;
-      }
-
-      config.emitter.emit("disconnect");
-
-      // Manage EIP-1193 event listeners
-      if (chainChanged) {
-        provider.removeListener("chainChanged", chainChanged);
-        chainChanged = undefined;
-      }
-      if (disconnect) {
-        provider.removeListener("disconnect", disconnect);
-        disconnect = undefined;
-      }
-      if (!connect) {
-        connect = this.onConnect.bind(this);
-        provider.on("connect", connect as Listener);
-      }
-    },
-    onDisplayUri(uri) {
-      config.emitter.emit("message", { type: "display_uri", data: uri });
-    },
-  }));
-}

package/src/connectkit/hooks/connectors/useCoinbaseWalletUri.tsx

@@ -1,101 +0,0 @@
-/*
- * DEPRECATED
- *
- * This file is no longer in use and will be removed in the future.
- * Keeping it here for reference purposes only.
- */
-/*
-import { useState, useEffect } from 'react';
-
-import { Connector, useAccount } from 'wagmi';
-import { useConnect } from './../useConnect';
-import { useContext } from '@multiplatform.one/connectkit';
-import { useCoinbaseWalletConnector } from './../useConnectors';
-import { useWallet } from '../../wallets/useWallets';
-
-type Props = {
-  enabled?: boolean;
-};
-
-export function useCoinbaseWalletUri(
-  { enabled }: Props = {
-    enabled: true,
-  }
-) {
-  const { log } = useContext();
-
-  const [uri, setUri] = useState<string | undefined>(undefined);
-
-  const connector = useCoinbaseWalletConnector();
-  const wallet = useWallet('com.coinbase.wallet');
-  const shouldConnect = enabled && !wallet;
-
-  const { isConnected } = useAccount();
-  const { connectAsync } = useConnect();
-
-  useEffect(() => {
-    if (!shouldConnect) return;
-
-    async function handleMessage(message) {
-      const { type } = message;
-      log('CBW Message', message);
-      if (type === 'connecting') {
-        const p: any = await connector.getProvider();
-        if (p?.qrUrl) setUri(p.qrUrl);
-      }
-    }
-    async function handleDisconnect() {
-      log('CBW Disconnect');
-
-      if (connector) connectWallet(connector);
-    }
-
-    async function connectWallet(connector: Connector) {
-      const result = await connectAsync({ connector });
-      if (result) return result;
-      return false;
-    }
-
-    async function connectCoinbaseWallet(connector: Connector) {
-      try {
-        await connectWallet(connector);
-      } catch (error: any) {
-        log('catch error');
-        log(error);
-        if (error.code) {
-          switch (error.code) {
-            case 4001:
-              log('error.code - User rejected');
-              connectCoinbaseWallet(connector); // Regenerate QR code
-              break;
-            default:
-              log('error.code - Unknown Error');
-              break;
-          }
-        } else {
-          // Sometimes the error doesn't respond with a code
-          log('Coinbase Wallet cannot connect.', error);
-        }
-      }
-    }
-
-    if (!connector || uri) return;
-    if (connector && !isConnected) {
-      connectCoinbaseWallet(connector);
-      log('add wc listeners');
-      connector.emitter.on('message', handleMessage);
-      connector.emitter.on('disconnect', handleDisconnect);
-      return () => {
-        log('remove wc listeners');
-        connector.emitter.off('message', handleMessage);
-        connector.emitter.off('disconnect', handleDisconnect);
-      };
-    }
-  }, [shouldConnect, connector, isConnected]);
-
-  return {
-    uri,
-  };
-}
-
-*/

package/src/connectkit/hooks/connectors/useWalletConnectUri.ts

@@ -1,99 +0,0 @@
-import { useState, useEffect } from "react";
-
-import { Connector, useAccount } from "wagmi";
-import { useContext } from "@multiplatform.one/connectkit";
-import { useConnect } from "../useConnect";
-import { useWalletConnectConnector } from "./../useConnectors";
-
-type Props = {
-  enabled?: boolean;
-};
-
-export function useWalletConnectUri(
-  { enabled }: Props = {
-    enabled: true,
-  },
-) {
-  const { log } = useContext();
-
-  const [uri, setUri] = useState<string | undefined>(undefined);
-
-  const connector = useWalletConnectConnector();
-
-  const { isConnected } = useAccount();
-  const { connectAsync } = useConnect();
-
-  useEffect(() => {
-    if (!enabled) return;
-
-    async function handleMessage(message) {
-      const { type, data } = message;
-      log("WC Message", type, data);
-      if (type === "display_uri") {
-        setUri(data);
-      }
-      /*
-        // This has the URI as well, but we're probably better off using the one in the display_uri event
-        if (type === 'connecting') {
-          const p = await connector.getProvider();
-          const uri = p.signer.uri; 
-          setConnectorUri(uri);
-        }
-        */
-    }
-    async function handleDisconnect() {
-      log("WC Disconnect");
-
-      if (connector) connectWallet(connector);
-    }
-
-    async function connectWallet(connector: Connector) {
-      const result = await connectAsync({ connector });
-      if (result) return result;
-      return false;
-    }
-
-    async function connectWalletConnect(connector: Connector) {
-      try {
-        await connectWallet(connector);
-      } catch (error: any) {
-        log("catch error");
-        log(error);
-        if (error.code) {
-          switch (error.code) {
-            case 4001:
-              log("error.code - User rejected");
-              connectWalletConnect(connector); // Regenerate QR code
-              break;
-            default:
-              log("error.code - Unknown Error");
-              break;
-          }
-        } else {
-          // Sometimes the error doesn't respond with a code
-          log("WalletConnect cannot connect.", error);
-        }
-      }
-    }
-    if (isConnected) {
-      setUri(undefined);
-    } else {
-      if (!connector || uri) return;
-      if (connector && !isConnected) {
-        connectWalletConnect(connector);
-        log("add wc listeners");
-        connector.emitter.on("message", handleMessage);
-        connector.emitter.on("disconnect", handleDisconnect);
-        return () => {
-          log("remove wc listeners");
-          connector.emitter.off("message", handleMessage);
-          connector.emitter.off("disconnect", handleDisconnect);
-        };
-      }
-    }
-  }, [enabled, connector, isConnected]);
-
-  return {
-    uri,
-  };
-}