@wagmi/core 0.2.0-next.9 → 0.2.0

package/dist/wagmi-core.cjs.dev.js

@@ -0,0 +1,1204 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var classPrivateMethodGet = require('./classPrivateMethodGet-9b9cd39b.cjs.dev.js');
+var base = require('./base-a0d63eb0.cjs.dev.js');
+var ethers = require('ethers');
+var create = require('zustand/vanilla');
+var middleware = require('zustand/middleware');
+var utils = require('ethers/lib/utils');
+var ethers$1 = require('ethers/lib/ethers');
+require('eventemitter3');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var create__default = /*#__PURE__*/_interopDefault(create);
+
+// https://ethereum.org/en/developers/docs/standards/tokens/erc-20
+const erc20ABI = ['event Approval(address indexed _owner, address indexed _spender, uint256 _value)', 'event Transfer(address indexed _from, address indexed _to, uint256 _value)', 'function allowance(address _owner, address _spender) public view returns (uint256 remaining)', 'function approve(address _spender, uint256 _value) public returns (bool success)', 'function balanceOf(address _owner) public view returns (uint256 balance)', 'function decimals() public view returns (uint8)', 'function name() public view returns (string)', 'function symbol() public view returns (string)', 'function totalSupply() public view returns (uint256)', 'function transfer(address _to, uint256 _value) public returns (bool success)', 'function transferFrom(address _from, address _to, uint256 _value) public returns (bool success)']; // https://ethereum.org/en/developers/docs/standards/tokens/erc-721
+
+const erc721ABI = ['event Approval(address indexed _owner, address indexed _approved, uint256 indexed _tokenId);', 'event ApprovalForAll(address indexed _owner, address indexed _operator, bool _approved);', 'event Transfer(address indexed _from, address indexed _to, uint256 indexed _tokenId);', 'function approve(address _approved, uint256 _tokenId) external payable;', 'function balanceOf(address _owner) external view returns (uint256);', 'function getApproved(uint256 _tokenId) external view returns (address);', 'function isApprovedForAll(address _owner, address _operator) external view returns (bool);', 'function name() view returns (string memory)', 'function ownerOf(uint256 _tokenId) external view returns (address);', 'function safeTransferFrom(address _from, address _to, uint256 _tokenId) external payable;', 'function safeTransferFrom(address _from, address _to, uint256 _tokenId, bytes data) external payable;', 'function setApprovalForAll(address _operator, bool _approved) external;', 'function symbol() view returns (string memory)', 'function tokenByIndex(uint256 _index) view returns (uint256)', 'function tokenOfOwnerByIndex(address _owner, uint256 _index) view returns (uint256 tokenId)', 'function tokenURI(uint256 _tokenId) view returns (string memory)', 'function totalSupply() view returns (uint256)', 'function transferFrom(address _from, address _to, uint256 _tokenId) external payable;'];
+
+// https://github.com/ethers-io/ethers.js/blob/master/packages/units/src.ts/index.ts#L10-L18
+const units = ['wei', 'kwei', 'mwei', 'gwei', 'szabo', 'finney', 'ether'];
+
+const injectedProvidersLookup = {
+  isMetaMask: 'MetaMask',
+  // Place other options below in alphabetical order
+  isBraveWallet: 'Brave Wallet',
+  isCoinbaseWallet: 'Coinbase Wallet',
+  isFrame: 'Frame',
+  isTally: 'Tally'
+};
+const injectedOptions = Object.entries(injectedProvidersLookup);
+function getInjectedName(ethereum) {
+  if (!ethereum) return 'Injected';
+
+  for (const [key, val] of injectedOptions) {
+    if (ethereum[key]) return val;
+  }
+
+  return 'Injected';
+}
+
+const shimKey = 'injected.shimDisconnect';
+
+var _provider = /*#__PURE__*/new WeakMap();
+
+class InjectedConnector extends base.Connector {
+  constructor(config) {
+    super({ ...config,
+      options: {
+        shimDisconnect: true,
+        ...(config === null || config === void 0 ? void 0 : config.options)
+      }
+    });
+
+    base._defineProperty(this, "id", 'injected');
+
+    base._defineProperty(this, "name", void 0);
+
+    base._defineProperty(this, "ready", typeof window != 'undefined' && !!window.ethereum);
+
+    base._classPrivateFieldInitSpec(this, _provider, {
+      writable: true,
+      value: void 0
+    });
+
+    base._defineProperty(this, "onAccountsChanged", accounts => {
+      if (accounts.length === 0) this.emit('disconnect');else this.emit('change', {
+        account: utils.getAddress(accounts[0])
+      });
+    });
+
+    base._defineProperty(this, "onChainChanged", chainId => {
+      const id = base.normalizeChainId(chainId);
+      const unsupported = this.isChainUnsupported(id);
+      this.emit('change', {
+        chain: {
+          id,
+          unsupported
+        }
+      });
+    });
+
+    base._defineProperty(this, "onDisconnect", () => {
+      var _this$options, _getClient$storage;
+
+      this.emit('disconnect');
+      if ((_this$options = this.options) !== null && _this$options !== void 0 && _this$options.shimDisconnect) (_getClient$storage = getClient().storage) === null || _getClient$storage === void 0 ? void 0 : _getClient$storage.removeItem(shimKey);
+    });
+
+    let name = 'Injected';
+    if (typeof window !== 'undefined') name = getInjectedName(window.ethereum);
+    this.name = name;
+  }
+
+  async connect() {
+    try {
+      var _this$options2, _getClient$storage2;
+
+      const provider = await this.getProvider();
+      if (!provider) throw new base.ConnectorNotFoundError();
+
+      if (provider.on) {
+        provider.on('accountsChanged', this.onAccountsChanged);
+        provider.on('chainChanged', this.onChainChanged);
+        provider.on('disconnect', this.onDisconnect);
+      }
+
+      this.emit('message', {
+        type: 'connecting'
+      });
+      const account = await this.getAccount();
+      const id = await this.getChainId();
+      const unsupported = this.isChainUnsupported(id);
+      if ((_this$options2 = this.options) !== null && _this$options2 !== void 0 && _this$options2.shimDisconnect) (_getClient$storage2 = getClient().storage) === null || _getClient$storage2 === void 0 ? void 0 : _getClient$storage2.setItem(shimKey, true);
+      return {
+        account,
+        chain: {
+          id,
+          unsupported
+        },
+        provider
+      };
+    } catch (error) {
+      if (error.code === 4001) throw new base.UserRejectedRequestError();
+      throw error;
+    }
+  }
+
+  async disconnect() {
+    var _this$options3, _getClient$storage3;
+
+    const provider = await this.getProvider();
+    if (!(provider !== null && provider !== void 0 && provider.removeListener)) return;
+    provider.removeListener('accountsChanged', this.onAccountsChanged);
+    provider.removeListener('chainChanged', this.onChainChanged);
+    provider.removeListener('disconnect', this.onDisconnect);
+    if ((_this$options3 = this.options) !== null && _this$options3 !== void 0 && _this$options3.shimDisconnect) (_getClient$storage3 = getClient().storage) === null || _getClient$storage3 === void 0 ? void 0 : _getClient$storage3.removeItem(shimKey);
+  }
+
+  async getAccount() {
+    const provider = await this.getProvider();
+    if (!provider) throw new base.ConnectorNotFoundError();
+    const accounts = await provider.request({
+      method: 'eth_requestAccounts'
+    }); // return checksum address
+
+    return utils.getAddress(accounts[0]);
+  }
+
+  async getChainId() {
+    const provider = await this.getProvider();
+    if (!provider) throw new base.ConnectorNotFoundError();
+    return await provider.request({
+      method: 'eth_chainId'
+    }).then(base.normalizeChainId);
+  }
+
+  async getProvider() {
+    if (typeof window !== 'undefined' && !!window.ethereum) base._classPrivateFieldSet(this, _provider, window.ethereum);
+    return base._classPrivateFieldGet(this, _provider);
+  }
+
+  async getSigner() {
+    const [provider, account] = await Promise.all([this.getProvider(), this.getAccount()]);
+    return new ethers.providers.Web3Provider(provider).getSigner(account);
+  }
+
+  async isAuthorized() {
+    try {
+      var _this$options4, _getClient$storage4;
+
+      if ((_this$options4 = this.options) !== null && _this$options4 !== void 0 && _this$options4.shimDisconnect && !((_getClient$storage4 = getClient().storage) !== null && _getClient$storage4 !== void 0 && _getClient$storage4.getItem(shimKey))) return false;
+      const provider = await this.getProvider();
+      if (!provider) throw new base.ConnectorNotFoundError();
+      const accounts = await provider.request({
+        method: 'eth_accounts'
+      });
+      const account = accounts[0];
+      return !!account;
+    } catch {
+      return false;
+    }
+  }
+
+  async switchChain(chainId) {
+    const provider = await this.getProvider();
+    if (!provider) throw new base.ConnectorNotFoundError();
+    const id = utils.hexValue(chainId);
+
+    try {
+      var _chains$find;
+
+      await provider.request({
+        method: 'wallet_switchEthereumChain',
+        params: [{
+          chainId: id
+        }]
+      });
+      const chains = [...this.chains, ...base.allChains];
+      return (_chains$find = chains.find(x => x.id === chainId)) !== null && _chains$find !== void 0 ? _chains$find : {
+        id: chainId,
+        name: "Chain ".concat(id),
+        rpcUrls: {
+          default: ''
+        }
+      };
+    } catch (error) {
+      // Indicates chain is not added to provider
+      if (error.code === 4902) {
+        try {
+          const chain = this.chains.find(x => x.id === chainId);
+          if (!chain) throw new base.ChainNotConfiguredError();
+          await provider.request({
+            method: 'wallet_addEthereumChain',
+            params: [{
+              chainId: id,
+              chainName: chain.name,
+              nativeCurrency: chain.nativeCurrency,
+              rpcUrls: this.getRpcUrls(chain),
+              blockExplorerUrls: this.getBlockExplorerUrls(chain)
+            }]
+          });
+          return chain;
+        } catch (addError) {
+          throw new base.AddChainError();
+        }
+      } else if (error.code === 4001) throw new base.UserRejectedRequestError();else throw new base.SwitchChainError();
+    }
+  }
+
+  async watchAsset(_ref) {
+    let {
+      address,
+      decimals = 18,
+      image,
+      symbol
+    } = _ref;
+    const provider = await this.getProvider();
+    if (!provider) throw new base.ConnectorNotFoundError();
+    return await provider.request({
+      method: 'wallet_watchAsset',
+      params: {
+        type: 'ERC20',
+        options: {
+          address,
+          decimals,
+          image,
+          symbol
+        }
+      }
+    });
+  }
+
+}
+
+const noopStorage = {
+  getItem: _key => '',
+  setItem: (_key, _value) => null,
+  removeItem: _key => null
+};
+function createStorage(_ref) {
+  let {
+    storage,
+    key: prefix = 'wagmi'
+  } = _ref;
+  return { ...storage,
+    getItem: function (key) {
+      let defaultState = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+      const value = storage.getItem("".concat(prefix, ".").concat(key));
+
+      try {
+        return value ? JSON.parse(value) : defaultState;
+      } catch (error) {
+        console.warn(error);
+        return defaultState;
+      }
+    },
+    setItem: (key, value) => {
+      if (value === null) {
+        storage.removeItem("".concat(prefix, ".").concat(key));
+      } else {
+        try {
+          storage.setItem("".concat(prefix, ".").concat(key), JSON.stringify(value));
+        } catch (err) {
+          console.error(err);
+        }
+      }
+    },
+    removeItem: key => storage.removeItem("".concat(prefix, ".").concat(key))
+  };
+}
+
+const storeKey = 'store';
+
+var _lastUsedConnector = /*#__PURE__*/new WeakMap();
+
+var _addEffects = /*#__PURE__*/new WeakSet();
+
+class Client {
+  constructor() {
+    var _config$autoConnect, _config$connectors, _config$provider, _config$storage;
+
+    let config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+
+    classPrivateMethodGet._classPrivateMethodInitSpec(this, _addEffects);
+
+    base._defineProperty(this, "config", void 0);
+
+    base._defineProperty(this, "storage", void 0);
+
+    base._defineProperty(this, "store", void 0);
+
+    base._classPrivateFieldInitSpec(this, _lastUsedConnector, {
+      writable: true,
+      value: void 0
+    });
+
+    // Set default values for config
+    const autoConnect = (_config$autoConnect = config.autoConnect) !== null && _config$autoConnect !== void 0 ? _config$autoConnect : false;
+
+    const _connectors = (_config$connectors = config.connectors) !== null && _config$connectors !== void 0 ? _config$connectors : [new InjectedConnector()];
+
+    const _provider = (_config$provider = config.provider) !== null && _config$provider !== void 0 ? _config$provider : config => {
+      try {
+        return ethers.getDefaultProvider(config.chainId);
+      } catch {
+        return ethers.getDefaultProvider();
+      }
+    };
+
+    const storage = (_config$storage = config.storage) !== null && _config$storage !== void 0 ? _config$storage : createStorage({
+      storage: typeof window !== 'undefined' ? window.localStorage : noopStorage
+    });
+    const _webSocketProvider = config.webSocketProvider; // Check status for autoConnect flag
+
+    let status = 'disconnected';
+
+    let _chainId;
+
+    if (autoConnect) {
+      try {
+        var _JSON$parse, _JSON$parse$state, _data$chain;
+
+        const rawState = storage.getItem(storeKey, '');
+        const data = (_JSON$parse = JSON.parse(rawState || '{}')) === null || _JSON$parse === void 0 ? void 0 : (_JSON$parse$state = _JSON$parse.state) === null || _JSON$parse$state === void 0 ? void 0 : _JSON$parse$state.data; // If account exists in localStorage, set status to reconnecting
+
+        status = data !== null && data !== void 0 && data.account ? 'reconnecting' : 'connecting';
+        _chainId = data === null || data === void 0 ? void 0 : (_data$chain = data.chain) === null || _data$chain === void 0 ? void 0 : _data$chain.id; // eslint-disable-next-line no-empty
+      } catch (_error) {}
+    } // Evaluate initial store values
+
+
+    const connectors_ = typeof _connectors === 'function' ? _connectors({
+      chainId: _chainId
+    }) : _connectors;
+    const provider_ = typeof _provider === 'function' ? _provider({
+      chainId: _chainId
+    }) : _provider;
+    const webSocketProvider_ = typeof _webSocketProvider === 'function' ? _webSocketProvider({
+      chainId: _chainId
+    }) : _webSocketProvider; // Create store
+
+    this.store = create__default["default"](middleware.subscribeWithSelector(middleware.persist(() => ({
+      connectors: connectors_,
+      provider: provider_,
+      status,
+      webSocketProvider: webSocketProvider_
+    }), {
+      name: storeKey,
+      getStorage: () => storage,
+      partialize: state => {
+        var _state$data, _state$data2;
+
+        return { ...(autoConnect && {
+            data: {
+              account: state === null || state === void 0 ? void 0 : (_state$data = state.data) === null || _state$data === void 0 ? void 0 : _state$data.account,
+              chain: state === null || state === void 0 ? void 0 : (_state$data2 = state.data) === null || _state$data2 === void 0 ? void 0 : _state$data2.chain
+            }
+          }),
+          chains: state === null || state === void 0 ? void 0 : state.chains
+        };
+      },
+      version: 1
+    })));
+    this.config = {
+      autoConnect,
+      connectors: _connectors,
+      provider: _provider,
+      storage,
+      webSocketProvider: _webSocketProvider
+    };
+    this.storage = storage;
+
+    base._classPrivateFieldSet(this, _lastUsedConnector, storage === null || storage === void 0 ? void 0 : storage.getItem('wallet'));
+
+    classPrivateMethodGet._classPrivateMethodGet(this, _addEffects, _addEffects2).call(this);
+  }
+
+  get chains() {
+    return this.store.getState().chains;
+  }
+
+  get connectors() {
+    return this.store.getState().connectors;
+  }
+
+  get connector() {
+    return this.store.getState().connector;
+  }
+
+  get data() {
+    return this.store.getState().data;
+  }
+
+  get error() {
+    return this.store.getState().error;
+  }
+
+  get provider() {
+    return this.store.getState().provider;
+  }
+
+  get status() {
+    return this.store.getState().status;
+  }
+
+  get subscribe() {
+    return this.store.subscribe;
+  }
+
+  get webSocketProvider() {
+    return this.store.getState().webSocketProvider;
+  }
+
+  setState(updater) {
+    const newState = typeof updater === 'function' ? updater(this.store.getState()) : updater;
+    this.store.setState(newState, true);
+  }
+
+  clearState() {
+    this.setState(x => ({ ...x,
+      connector: undefined,
+      data: undefined,
+      error: undefined,
+      status: 'disconnected'
+    }));
+  }
+
+  async destroy() {
+    var _this$connector$disco, _this$connector;
+
+    if (this.connector) await ((_this$connector$disco = (_this$connector = this.connector).disconnect) === null || _this$connector$disco === void 0 ? void 0 : _this$connector$disco.call(_this$connector));
+    this.clearState();
+    this.store.destroy();
+  }
+
+  async autoConnect() {
+    if (!this.connectors.length) return; // Try last used connector first
+
+    const sorted = base._classPrivateFieldGet(this, _lastUsedConnector) ? [...this.connectors].sort(x => x.id === base._classPrivateFieldGet(this, _lastUsedConnector) ? -1 : 1) : this.connectors;
+    let connected = false;
+
+    for (const connector of sorted) {
+      if (!connector.ready || !connector.isAuthorized) continue;
+      const isAuthorized = await connector.isAuthorized();
+      if (!isAuthorized) continue;
+      const data = await connector.connect();
+      this.setState(x => ({ ...x,
+        connector,
+        chains: connector === null || connector === void 0 ? void 0 : connector.chains,
+        data,
+        status: 'connected'
+      }));
+      connected = true;
+      break;
+    } // If connecting didn't succeed, set to disconnected
+
+
+    if (!connected) this.setState(x => ({ ...x,
+      status: 'disconnected'
+    }));
+    return this.data;
+  }
+
+  setLastUsedConnector() {
+    var _this$storage;
+
+    let lastUsedConnector = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+    (_this$storage = this.storage) === null || _this$storage === void 0 ? void 0 : _this$storage.setItem('wallet', lastUsedConnector);
+  }
+
+}
+
+function _addEffects2() {
+  const onChange = data => {
+    this.setState(x => ({ ...x,
+      data: { ...x.data,
+        ...data
+      }
+    }));
+  };
+
+  const onDisconnect = () => {
+    this.clearState();
+  };
+
+  const onError = error => {
+    this.setState(x => ({ ...x,
+      error
+    }));
+  };
+
+  this.store.subscribe(_ref => {
+    let {
+      connector
+    } = _ref;
+    return connector;
+  }, (connector, prevConnector) => {
+    var _prevConnector$off, _prevConnector$off2, _prevConnector$off3, _connector$on, _connector$on2, _connector$on3;
+
+    prevConnector === null || prevConnector === void 0 ? void 0 : (_prevConnector$off = prevConnector.off) === null || _prevConnector$off === void 0 ? void 0 : _prevConnector$off.call(prevConnector, 'change', onChange);
+    prevConnector === null || prevConnector === void 0 ? void 0 : (_prevConnector$off2 = prevConnector.off) === null || _prevConnector$off2 === void 0 ? void 0 : _prevConnector$off2.call(prevConnector, 'disconnect', onDisconnect);
+    prevConnector === null || prevConnector === void 0 ? void 0 : (_prevConnector$off3 = prevConnector.off) === null || _prevConnector$off3 === void 0 ? void 0 : _prevConnector$off3.call(prevConnector, 'error', onError);
+    if (!connector) return;
+    (_connector$on = connector.on) === null || _connector$on === void 0 ? void 0 : _connector$on.call(connector, 'change', onChange);
+    (_connector$on2 = connector.on) === null || _connector$on2 === void 0 ? void 0 : _connector$on2.call(connector, 'disconnect', onDisconnect);
+    (_connector$on3 = connector.on) === null || _connector$on3 === void 0 ? void 0 : _connector$on3.call(connector, 'error', onError);
+  });
+  const {
+    connectors,
+    provider,
+    webSocketProvider
+  } = this.config;
+  const subscribeConnectors = typeof connectors === 'function';
+  const subscribeProvider = typeof provider === 'function';
+  const subscribeWebSocketProvider = typeof webSocketProvider === 'function';
+  if (subscribeConnectors || subscribeProvider || subscribeWebSocketProvider) this.store.subscribe(_ref2 => {
+    var _data$chain2;
+
+    let {
+      data
+    } = _ref2;
+    return data === null || data === void 0 ? void 0 : (_data$chain2 = data.chain) === null || _data$chain2 === void 0 ? void 0 : _data$chain2.id;
+  }, chainId => {
+    this.setState(x => ({ ...x,
+      connectors: subscribeConnectors ? connectors({
+        chainId
+      }) : x.connectors,
+      provider: subscribeProvider ? provider({
+        chainId
+      }) : x.provider,
+      webSocketProvider: subscribeWebSocketProvider ? webSocketProvider({
+        chainId
+      }) : x.webSocketProvider
+    }));
+  });
+}
+
+let client;
+function createClient(config) {
+  const client_ = new Client(config);
+  client = client_;
+  return client_;
+}
+function getClient() {
+  return client;
+}
+
+async function connect(_ref) {
+  let {
+    connector
+  } = _ref;
+  const activeConnector = client.connector;
+  if (connector.id === (activeConnector === null || activeConnector === void 0 ? void 0 : activeConnector.id)) throw new base.ConnectorAlreadyConnectedError();
+  const data = await connector.connect();
+  client.setLastUsedConnector(connector.id);
+  client.setState(x => ({ ...x,
+    connector,
+    chains: connector === null || connector === void 0 ? void 0 : connector.chains,
+    data
+  }));
+  client.storage.setItem('connected', true);
+  return { ...data,
+    connector
+  };
+}
+
+async function disconnect() {
+  const client = getClient();
+  if (client.connector) await client.connector.disconnect();
+  client.clearState();
+  client.storage.removeItem('connected');
+}
+
+function getProvider() {
+  let {
+    chainId
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const client = getClient();
+  if (chainId && typeof client.config.provider === 'function') return client.config.provider({
+    chainId
+  });
+  return client.provider;
+}
+
+function getWebSocketProvider() {
+  let {
+    chainId
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const client = getClient();
+  if (chainId && typeof client.config.webSocketProvider === 'function') return client.config.webSocketProvider({
+    chainId
+  });
+  return client.webSocketProvider;
+}
+
+function watchProvider(args, callback) {
+  const client = getClient();
+
+  const handleChange = async () => callback(getProvider(args));
+
+  const unsubscribe = client.subscribe(_ref => {
+    let {
+      provider
+    } = _ref;
+    return provider;
+  }, handleChange);
+  return unsubscribe;
+}
+
+function watchWebSocketProvider(args, callback) {
+  const client = getClient();
+
+  const handleChange = async () => callback(getWebSocketProvider(args));
+
+  const unsubscribe = client.subscribe(_ref => {
+    let {
+      webSocketProvider
+    } = _ref;
+    return webSocketProvider;
+  }, handleChange);
+  return unsubscribe;
+}
+
+async function fetchBalance(_ref) {
+  var _client$connector$cha, _client$connector, _chain$nativeCurrency, _chain$nativeCurrency2, _chain$nativeCurrency3, _chain$nativeCurrency4;
+
+  let {
+    addressOrName,
+    chainId,
+    formatUnits: unit = 'ether',
+    token
+  } = _ref;
+  const client = getClient();
+  const provider = getProvider({
+    chainId
+  });
+
+  if (token) {
+    const contract = new ethers$1.Contract(token, erc20ABI, provider);
+    const [value, decimals, symbol] = await Promise.all([contract.balanceOf(addressOrName), contract.decimals(), contract.symbol()]);
+    return {
+      decimals,
+      formatted: utils.formatUnits(value, unit),
+      symbol,
+      unit,
+      value
+    };
+  }
+
+  const chains = [...((_client$connector$cha = (_client$connector = client.connector) === null || _client$connector === void 0 ? void 0 : _client$connector.chains) !== null && _client$connector$cha !== void 0 ? _client$connector$cha : []), ...base.allChains];
+  const value = await provider.getBalance(addressOrName);
+  const chain = chains.find(x => x.id === provider.network.chainId);
+  return {
+    decimals: (_chain$nativeCurrency = chain === null || chain === void 0 ? void 0 : (_chain$nativeCurrency2 = chain.nativeCurrency) === null || _chain$nativeCurrency2 === void 0 ? void 0 : _chain$nativeCurrency2.decimals) !== null && _chain$nativeCurrency !== void 0 ? _chain$nativeCurrency : 18,
+    formatted: utils.formatUnits(value, unit),
+    symbol: (_chain$nativeCurrency3 = chain === null || chain === void 0 ? void 0 : (_chain$nativeCurrency4 = chain.nativeCurrency) === null || _chain$nativeCurrency4 === void 0 ? void 0 : _chain$nativeCurrency4.symbol) !== null && _chain$nativeCurrency3 !== void 0 ? _chain$nativeCurrency3 : 'ETH',
+    unit,
+    value
+  };
+}
+
+async function fetchSigner() {
+  var _client$connector, _client$connector$get;
+
+  const client = getClient();
+  const signer = (await ((_client$connector = client.connector) === null || _client$connector === void 0 ? void 0 : (_client$connector$get = _client$connector.getSigner) === null || _client$connector$get === void 0 ? void 0 : _client$connector$get.call(_client$connector))) || null;
+  return signer;
+}
+
+function getAccount() {
+  const {
+    data,
+    connector
+  } = getClient();
+  return {
+    address: data === null || data === void 0 ? void 0 : data.account,
+    connector
+  };
+}
+
+function getNetwork() {
+  var _client$data, _client$data$chain, _client$chains, _find, _client$data2;
+
+  const client = getClient();
+  const chainId = (_client$data = client.data) === null || _client$data === void 0 ? void 0 : (_client$data$chain = _client$data.chain) === null || _client$data$chain === void 0 ? void 0 : _client$data$chain.id;
+  const activeChains = (_client$chains = client.chains) !== null && _client$chains !== void 0 ? _client$chains : [];
+  const activeChain = (_find = [...activeChains, ...base.allChains].find(x => x.id === chainId)) !== null && _find !== void 0 ? _find : {
+    id: chainId,
+    name: "Chain ".concat(chainId),
+    rpcUrls: {
+      default: ''
+    }
+  };
+  return {
+    chain: chainId ? { ...activeChain,
+      ...((_client$data2 = client.data) === null || _client$data2 === void 0 ? void 0 : _client$data2.chain),
+      id: chainId
+    } : undefined,
+    chains: activeChains
+  };
+}
+
+async function signMessage(args) {
+  try {
+    const signer = await fetchSigner();
+    if (!signer) throw new base.ConnectorNotFoundError();
+    return await signer.signMessage(args.message);
+  } catch (error_) {
+    let error = error_;
+    if (error_.code === 4001) error = new base.UserRejectedRequestError();
+    throw error;
+  }
+}
+
+async function signTypedData(args) {
+  try {
+    const signer = await fetchSigner();
+    if (!signer) throw new base.ConnectorNotFoundError(); // Method name may be changed in the future, see https://docs.ethers.io/v5/api/signer/#Signer-signTypedData
+
+    return await signer._signTypedData(args.domain, args.types, args.value);
+  } catch (error_) {
+    let error = error_;
+    if (error_.code === 4001) error = new base.UserRejectedRequestError();
+    throw error;
+  }
+}
+
+async function switchNetwork(_ref) {
+  var _client$connector;
+
+  let {
+    chainId
+  } = _ref;
+  const client = getClient();
+  if (!((_client$connector = client.connector) !== null && _client$connector !== void 0 && _client$connector.switchChain)) throw new base.SwitchChainNotSupportedError();
+  const chain = await client.connector.switchChain(chainId);
+  return chain;
+}
+
+function watchAccount(callback) {
+  const client = getClient();
+
+  const handleChange = () => callback(getAccount());
+
+  const unsubscribe = client.subscribe(_ref => {
+    let {
+      data,
+      connector
+    } = _ref;
+    return {
+      account: data === null || data === void 0 ? void 0 : data.account,
+      connector
+    };
+  }, handleChange, {
+    equalityFn: (selected, previous) => selected.account === previous.account && selected.connector === previous.connector
+  });
+  return unsubscribe;
+}
+
+function watchNetwork(callback) {
+  const client = getClient();
+
+  const handleChange = () => callback(getNetwork());
+
+  const unsubscribe = client.subscribe(_ref => {
+    var _data$chain;
+
+    let {
+      data,
+      chains
+    } = _ref;
+    return {
+      chainId: data === null || data === void 0 ? void 0 : (_data$chain = data.chain) === null || _data$chain === void 0 ? void 0 : _data$chain.id,
+      chains
+    };
+  }, handleChange, {
+    equalityFn: (selected, previous) => selected.chainId === previous.chainId && selected.chains === previous.chains
+  });
+  return unsubscribe;
+}
+
+function watchSigner(callback) {
+  const client = getClient();
+
+  const handleChange = async () => callback(await fetchSigner());
+
+  const unsubscribe = client.subscribe(_ref => {
+    var _data$chain;
+
+    let {
+      data,
+      connector
+    } = _ref;
+    return {
+      account: data === null || data === void 0 ? void 0 : data.account,
+      chainId: data === null || data === void 0 ? void 0 : (_data$chain = data.chain) === null || _data$chain === void 0 ? void 0 : _data$chain.id,
+      connector
+    };
+  }, handleChange, {
+    equalityFn: (selected, previous) => selected.account === previous.account && selected.chainId === previous.chainId && selected.connector === previous.connector
+  });
+  return unsubscribe;
+}
+
+function getContract(_ref) {
+  let {
+    addressOrName,
+    contractInterface,
+    signerOrProvider
+  } = _ref;
+  return new ethers$1.Contract(addressOrName, contractInterface, signerOrProvider);
+}
+
+async function readContract(contractConfig, functionName) {
+  let {
+    args,
+    chainId,
+    overrides
+  } = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  const provider = getProvider({
+    chainId
+  });
+  const contract = getContract({
+    signerOrProvider: provider,
+    ...contractConfig
+  });
+  const params = [...(Array.isArray(args) ? args : args ? [args] : []), ...(overrides ? [overrides] : [])];
+  const contractFunction = contract[functionName];
+  if (!contractFunction) console.warn("\"".concat(functionName, "\" does not in interface for contract \"").concat(contractConfig.addressOrName, "\""));
+  const response = await (contractFunction === null || contractFunction === void 0 ? void 0 : contractFunction(...params));
+  return response;
+}
+
+function watchContractEvent(
+/** Contract configuration */
+contractArgs,
+/** Event name to listen to */
+eventName, callback) {
+  let {
+    chainId,
+    once
+  } = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+  let contract;
+
+  const watchEvent = async () => {
+    if (contract) {
+      var _contract;
+
+      (_contract = contract) === null || _contract === void 0 ? void 0 : _contract.off(eventName, callback);
+    }
+
+    contract = getContract({
+      signerOrProvider: getWebSocketProvider({
+        chainId
+      }) || getProvider({
+        chainId
+      }),
+      ...contractArgs
+    });
+    if (once) contract.once(eventName, callback);else contract.on(eventName, callback);
+  };
+
+  watchEvent();
+  const client = getClient();
+  const unsubscribe = client.subscribe(_ref => {
+    let {
+      provider,
+      webSocketProvider
+    } = _ref;
+    return {
+      provider,
+      webSocketProvider
+    };
+  }, watchEvent, {
+    equalityFn: (selected, previous) => selected.provider === previous.provider && selected.webSocketProvider === previous.webSocketProvider
+  });
+  return () => {
+    var _contract2;
+
+    (_contract2 = contract) === null || _contract2 === void 0 ? void 0 : _contract2.off(eventName, callback);
+    unsubscribe();
+  };
+}
+
+async function fetchBlockNumber() {
+  let {
+    chainId
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const provider = getProvider({
+    chainId
+  });
+  const blockNumber = await provider.getBlockNumber();
+  return blockNumber;
+}
+
+function watchBlockNumber(args, callback) {
+  var _client$webSocketProv;
+
+  let prevProvider;
+
+  const createListener = provider => {
+    if (prevProvider) {
+      var _prevProvider;
+
+      (_prevProvider = prevProvider) === null || _prevProvider === void 0 ? void 0 : _prevProvider.off('block', callback);
+    }
+
+    provider.on('block', callback);
+    prevProvider = provider;
+  };
+
+  const client = getClient();
+  const provider_ = (_client$webSocketProv = client.webSocketProvider) !== null && _client$webSocketProv !== void 0 ? _client$webSocketProv : client.provider;
+  if (args.listen) createListener(provider_);
+  const unsubscribe = client.subscribe(_ref => {
+    let {
+      provider,
+      webSocketProvider
+    } = _ref;
+    return {
+      provider,
+      webSocketProvider
+    };
+  }, async _ref2 => {
+    let {
+      provider,
+      webSocketProvider
+    } = _ref2;
+    const provider_ = webSocketProvider !== null && webSocketProvider !== void 0 ? webSocketProvider : provider;
+
+    if (args.listen && provider_) {
+      createListener(provider_);
+    }
+
+    callback(await fetchBlockNumber());
+  }, {
+    equalityFn: (selected, previous) => selected.provider === previous.provider && selected.webSocketProvider === previous.webSocketProvider
+  });
+  return () => {
+    unsubscribe();
+    provider_ === null || provider_ === void 0 ? void 0 : provider_.off('block', callback);
+  };
+}
+
+function watchReadContract(contractConfig, functionName) {
+  var _config$listenToBlock;
+
+  let config = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  let callback = arguments.length > 3 ? arguments[3] : undefined;
+  const client = getClient();
+
+  const handleChange = async () => callback(await readContract(contractConfig, functionName, config));
+
+  const unwatch = ((_config$listenToBlock = config.listenToBlock) !== null && _config$listenToBlock !== void 0 ? _config$listenToBlock : true) ? watchBlockNumber({
+    listen: true
+  }, handleChange) : undefined;
+  const unsubscribe = client.subscribe(_ref => {
+    let {
+      provider
+    } = _ref;
+    return provider;
+  }, handleChange);
+  return () => {
+    unsubscribe();
+    unwatch === null || unwatch === void 0 ? void 0 : unwatch();
+  };
+}
+
+async function writeContract(contractConfig, functionName) {
+  let {
+    args,
+    overrides
+  } = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  const client = getClient();
+  if (!client.connector) throw new base.ConnectorNotFoundError();
+  const params = [...(Array.isArray(args) ? args : args ? [args] : []), ...(overrides ? [overrides] : [])];
+
+  try {
+    const signer = await client.connector.getSigner();
+    const contract = getContract(contractConfig);
+    const contractWithSigner = contract.connect(signer);
+    const contractFunction = contractWithSigner[functionName];
+    if (!contractFunction) console.warn("\"".concat(functionName, "\" does not in interface for contract \"").concat(contractConfig.addressOrName, "\""));
+    const response = await contractFunction(...params);
+    return response;
+  } catch (error_) {
+    let error = error_;
+    if (error_.code === 4001) error = new base.UserRejectedRequestError();
+    throw error;
+  }
+}
+
+async function fetchEnsAddress(_ref) {
+  let {
+    chainId,
+    name
+  } = _ref;
+  const provider = getProvider({
+    chainId
+  });
+  const address = await provider.resolveName(name);
+
+  try {
+    return address ? utils.getAddress(address) : null;
+  } catch (_error) {
+    return null;
+  }
+}
+
+async function fetchEnsAvatar(_ref) {
+  let {
+    addressOrName,
+    chainId
+  } = _ref;
+  const provider = getProvider({
+    chainId
+  }); // TODO: Update with more advanced logic
+  // https://github.com/ensdomains/ens-avatar
+
+  const avatar = await provider.getAvatar(addressOrName);
+  return avatar;
+}
+
+async function fetchEnsName(_ref) {
+  let {
+    address,
+    chainId
+  } = _ref;
+  const provider = getProvider({
+    chainId
+  });
+  return await provider.lookupAddress(address);
+}
+
+async function fetchEnsResolver(_ref) {
+  let {
+    chainId,
+    name
+  } = _ref;
+  const provider = getProvider({
+    chainId
+  });
+  const resolver = await provider.getResolver(name);
+  return resolver;
+}
+
+async function fetchFeeData() {
+  let {
+    chainId,
+    formatUnits: units = 'wei'
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const provider = getProvider({
+    chainId
+  });
+  const feeData = await provider.getFeeData();
+  const formatted = {
+    gasPrice: utils.formatUnits(feeData.gasPrice, units),
+    maxFeePerGas: utils.formatUnits(feeData.maxFeePerGas, units),
+    maxPriorityFeePerGas: utils.formatUnits(feeData.maxPriorityFeePerGas, units)
+  };
+  return { ...feeData,
+    formatted
+  };
+}
+
+async function fetchToken(_ref) {
+  let {
+    address,
+    chainId,
+    formatUnits: units = 'ether'
+  } = _ref;
+  const provider = getProvider({
+    chainId
+  });
+  const contract = new ethers$1.Contract(address, erc20ABI, provider);
+  const [symbol, decimals, totalSupply] = await Promise.all([contract.symbol(), contract.decimals(), contract.totalSupply()]);
+  const token = {
+    address,
+    decimals,
+    symbol,
+    totalSupply: {
+      formatted: utils.formatUnits(totalSupply, units),
+      value: totalSupply
+    }
+  };
+  return token;
+}
+
+async function sendTransaction(args) {
+  try {
+    const signer = await fetchSigner();
+    if (!signer) throw new base.ConnectorNotFoundError();
+    const transaction = await signer.sendTransaction(args.request);
+    return transaction;
+  } catch (error_) {
+    let error = error_;
+    if (error_.code === 4001) error = new base.UserRejectedRequestError();
+    throw error;
+  }
+}
+
+async function waitForTransaction(_ref) {
+  let {
+    chainId,
+    confirmations,
+    hash,
+    timeout,
+    wait: wait_
+  } = _ref;
+  let promise;
+
+  if (hash) {
+    const provider = getProvider({
+      chainId
+    });
+    promise = provider.waitForTransaction(hash, confirmations, timeout);
+  } else if (wait_) promise = wait_(confirmations);else throw new Error('hash or wait is required');
+
+  return await promise;
+}
+
+exports.AddChainError = base.AddChainError;
+exports.ChainNotConfiguredError = base.ChainNotConfiguredError;
+exports.Connector = base.Connector;
+exports.ConnectorAlreadyConnectedError = base.ConnectorAlreadyConnectedError;
+exports.ConnectorNotFoundError = base.ConnectorNotFoundError;
+exports.SwitchChainError = base.SwitchChainError;
+exports.SwitchChainNotSupportedError = base.SwitchChainNotSupportedError;
+exports.UserRejectedRequestError = base.UserRejectedRequestError;
+exports.alchemyRpcUrls = base.alchemyRpcUrls;
+exports.allChains = base.allChains;
+exports.chain = base.chain;
+exports.chainId = base.chainId;
+exports.defaultChains = base.defaultChains;
+exports.defaultL2Chains = base.defaultL2Chains;
+exports.etherscanBlockExplorers = base.etherscanBlockExplorers;
+exports.infuraRpcUrls = base.infuraRpcUrls;
+exports.normalizeChainId = base.normalizeChainId;
+exports.Client = Client;
+exports.InjectedConnector = InjectedConnector;
+exports.WagmiClient = Client;
+exports.connect = connect;
+exports.createClient = createClient;
+exports.createStorage = createStorage;
+exports.createWagmiClient = createClient;
+exports.createWagmiStorage = createStorage;
+exports.disconnect = disconnect;
+exports.erc20ABI = erc20ABI;
+exports.erc721ABI = erc721ABI;
+exports.fetchBalance = fetchBalance;
+exports.fetchBlockNumber = fetchBlockNumber;
+exports.fetchEnsAddress = fetchEnsAddress;
+exports.fetchEnsAvatar = fetchEnsAvatar;
+exports.fetchEnsName = fetchEnsName;
+exports.fetchEnsResolver = fetchEnsResolver;
+exports.fetchFeeData = fetchFeeData;
+exports.fetchSigner = fetchSigner;
+exports.fetchToken = fetchToken;
+exports.getAccount = getAccount;
+exports.getContract = getContract;
+exports.getNetwork = getNetwork;
+exports.getProvider = getProvider;
+exports.getWebSocketProvider = getWebSocketProvider;
+exports.noopStorage = noopStorage;
+exports.readContract = readContract;
+exports.sendTransaction = sendTransaction;
+exports.signMessage = signMessage;
+exports.signTypedData = signTypedData;
+exports.switchNetwork = switchNetwork;
+exports.units = units;
+exports.waitForTransaction = waitForTransaction;
+exports.watchAccount = watchAccount;
+exports.watchBlockNumber = watchBlockNumber;
+exports.watchContractEvent = watchContractEvent;
+exports.watchNetwork = watchNetwork;
+exports.watchProvider = watchProvider;
+exports.watchReadContract = watchReadContract;
+exports.watchSigner = watchSigner;
+exports.watchWebSocketProvider = watchWebSocketProvider;
+exports.writeContract = writeContract;