@wagmi/core 0.2.0-next.0 → 0.2.0-next.11

package/dist/wagmi-core.esm.js

@@ -1,6 +1,6 @@
-import { _ as _defineProperty, C as Connector, a as _classPrivateFieldInitSpec, n as normalizeChainId, b as _asyncToGenerator, c as ConnectorNotFoundError, U as UserRejectedRequestError, d as _classPrivateFieldSet, e as _classPrivateFieldGet, f as allChains, g as ChainNotConfiguredError, A as AddChainError, S as SwitchChainError, h as ConnectorAlreadyConnectedError, i as SwitchChainNotSupportedError } from './base-824c3b6d.esm.js';
-export { A as AddChainError, g as ChainNotConfiguredError, C as Connector, h as ConnectorAlreadyConnectedError, c as ConnectorNotFoundError, S as SwitchChainError, i as SwitchChainNotSupportedError, U as UserRejectedRequestError, f as allChains, j as chain, k as defaultChains, n as normalizeChainId } from './base-824c3b6d.esm.js';
-import { _ as _classPrivateMethodInitSpec, a as _classPrivateMethodGet } from './classPrivateMethodGet-c9db96d6.esm.js';
+import { _ as _classPrivateMethodInitSpec, a as _classPrivateMethodGet } from './classPrivateMethodGet-7c370e43.esm.js';
+import { C as Connector, _ as _defineProperty, a as _classPrivateFieldInitSpec, n as normalizeChainId, b as ConnectorNotFoundError, U as UserRejectedRequestError, c as _classPrivateFieldSet, d as _classPrivateFieldGet, e as allChains, f as ChainNotConfiguredError, A as AddChainError, S as SwitchChainError, g as ConnectorAlreadyConnectedError, h as SwitchChainNotSupportedError } from './base-b052e615.esm.js';
+export { A as AddChainError, f as ChainNotConfiguredError, C as Connector, g as ConnectorAlreadyConnectedError, b as ConnectorNotFoundError, S as SwitchChainError, h as SwitchChainNotSupportedError, U as UserRejectedRequestError, i as alchemyRpcUrls, e as allChains, j as chain, k as chainId, l as defaultChains, m as defaultL2Chains, o as etherscanBlockExplorers, p as infuraRpcUrls, n as normalizeChainId } from './base-b052e615.esm.js';
 import { providers, getDefaultProvider } from 'ethers';
 import create from 'zustand/vanilla';
 import { subscribeWithSelector, persist } from 'zustand/middleware';
@@ -8,292 +8,36 @@ import { getAddress, hexValue, formatUnits } from 'ethers/lib/utils';
 import { Contract } from 'ethers/lib/ethers';
 import 'eventemitter3';
 
-function ownKeys(object, enumerableOnly) {
-  var keys = Object.keys(object);
+// 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
 
-  if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-    enumerableOnly && (symbols = symbols.filter(function (sym) {
-      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    })), keys.push.apply(keys, symbols);
-  }
-
-  return keys;
-}
-
-function _objectSpread2(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = null != arguments[i] ? arguments[i] : {};
-    i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
-      _defineProperty(target, key, source[key]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
-      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-    });
-  }
-
-  return target;
-}
-
-var erc1155ABI = [{
-  constant: true,
-  inputs: [{
-    internalType: 'address',
-    name: '_owner',
-    type: 'address'
-  }, {
-    internalType: 'uint256',
-    name: '_id',
-    type: 'uint256'
-  }],
-  name: 'balanceOf',
-  outputs: [{
-    internalType: 'uint256',
-    name: '',
-    type: 'uint256'
-  }],
-  payable: false,
-  stateMutability: 'view',
-  type: 'function'
-}, {
-  constant: true,
-  inputs: [{
-    internalType: 'uint256',
-    name: '_id',
-    type: 'uint256'
-  }],
-  name: 'uri',
-  outputs: [{
-    internalType: 'string',
-    name: '',
-    type: 'string'
-  }],
-  payable: false,
-  stateMutability: 'view',
-  type: 'function'
-}];
-
-var erc20ABI = [{
-  constant: true,
-  inputs: [],
-  name: 'name',
-  outputs: [{
-    name: '',
-    type: 'string'
-  }],
-  payable: false,
-  stateMutability: 'view',
-  type: 'function'
-}, {
-  constant: false,
-  inputs: [{
-    name: '_spender',
-    type: 'address'
-  }, {
-    name: '_value',
-    type: 'uint256'
-  }],
-  name: 'approve',
-  outputs: [{
-    name: '',
-    type: 'bool'
-  }],
-  payable: false,
-  stateMutability: 'nonpayable',
-  type: 'function'
-}, {
-  constant: true,
-  inputs: [],
-  name: 'totalSupply',
-  outputs: [{
-    name: '',
-    type: 'uint256'
-  }],
-  payable: false,
-  stateMutability: 'view',
-  type: 'function'
-}, {
-  constant: false,
-  inputs: [{
-    name: '_from',
-    type: 'address'
-  }, {
-    name: '_to',
-    type: 'address'
-  }, {
-    name: '_value',
-    type: 'uint256'
-  }],
-  name: 'transferFrom',
-  outputs: [{
-    name: '',
-    type: 'bool'
-  }],
-  payable: false,
-  stateMutability: 'nonpayable',
-  type: 'function'
-}, {
-  constant: true,
-  inputs: [],
-  name: 'decimals',
-  outputs: [{
-    name: '',
-    type: 'uint8'
-  }],
-  payable: false,
-  stateMutability: 'view',
-  type: 'function'
-}, {
-  constant: true,
-  inputs: [{
-    name: '_owner',
-    type: 'address'
-  }],
-  name: 'balanceOf',
-  outputs: [{
-    name: 'balance',
-    type: 'uint256'
-  }],
-  payable: false,
-  stateMutability: 'view',
-  type: 'function'
-}, {
-  constant: true,
-  inputs: [],
-  name: 'symbol',
-  outputs: [{
-    name: '',
-    type: 'string'
-  }],
-  payable: false,
-  stateMutability: 'view',
-  type: 'function'
-}, {
-  constant: false,
-  inputs: [{
-    name: '_to',
-    type: 'address'
-  }, {
-    name: '_value',
-    type: 'uint256'
-  }],
-  name: 'transfer',
-  outputs: [{
-    name: '',
-    type: 'bool'
-  }],
-  payable: false,
-  stateMutability: 'nonpayable',
-  type: 'function'
-}, {
-  constant: true,
-  inputs: [{
-    name: '_owner',
-    type: 'address'
-  }, {
-    name: '_spender',
-    type: 'address'
-  }],
-  name: 'allowance',
-  outputs: [{
-    name: '',
-    type: 'uint256'
-  }],
-  payable: false,
-  stateMutability: 'view',
-  type: 'function'
-}, {
-  payable: true,
-  stateMutability: 'payable',
-  type: 'fallback'
-}, {
-  anonymous: false,
-  inputs: [{
-    indexed: true,
-    name: 'owner',
-    type: 'address'
-  }, {
-    indexed: true,
-    name: 'spender',
-    type: 'address'
-  }, {
-    indexed: false,
-    name: 'value',
-    type: 'uint256'
-  }],
-  name: 'Approval',
-  type: 'event'
-}, {
-  anonymous: false,
-  inputs: [{
-    indexed: true,
-    name: 'from',
-    type: 'address'
-  }, {
-    indexed: true,
-    name: 'to',
-    type: 'address'
-  }, {
-    indexed: false,
-    name: 'value',
-    type: 'uint256'
-  }],
-  name: 'Transfer',
-  type: 'event'
-}];
-
-var erc721ABI = [{
-  inputs: [{
-    internalType: 'uint256',
-    name: 'tokenId',
-    type: 'uint256'
-  }],
-  name: 'ownerOf',
-  outputs: [{
-    internalType: 'address',
-    name: '',
-    type: 'address'
-  }],
-  stateMutability: 'view',
-  type: 'function'
-}, {
-  inputs: [{
-    internalType: 'uint256',
-    name: 'tokenId',
-    type: 'uint256'
-  }],
-  name: 'tokenURI',
-  outputs: [{
-    internalType: 'string',
-    name: '',
-    type: 'string'
-  }],
-  stateMutability: 'view',
-  type: 'function'
-}];
+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
-var units = ['wei', 'kwei', 'mwei', 'gwei', 'szabo', 'finney', 'ether'];
+const units = ['wei', 'kwei', 'mwei', 'gwei', 'szabo', 'finney', 'ether'];
 
 function getInjectedName(ethereum) {
   if (!ethereum) return 'Injected';
   if (ethereum.isMetaMask) return 'MetaMask';
+  if (ethereum.isBraveWallet) return 'Brave Wallet';
   if (ethereum.isCoinbaseWallet) return 'Coinbase Wallet';
   if (ethereum.isFrame) return 'Frame';
   if (ethereum.isTally) return 'Tally';
   return 'Injected';
 }
 
-var shimKey = 'injected.shimDisconnect';
+const shimKey = 'injected.shimDisconnect';
 
 var _provider = /*#__PURE__*/new WeakMap();
 
 class InjectedConnector extends Connector {
   constructor(config) {
-    super(_objectSpread2(_objectSpread2({}, config), {}, {
-      options: _objectSpread2({
-        shimDisconnect: true
-      }, config === null || config === void 0 ? void 0 : config.options)
-    }));
+    super({ ...config,
+      options: {
+        shimDisconnect: true,
+        ...(config === null || config === void 0 ? void 0 : config.options)
+      }
+    });
 
     _defineProperty(this, "id", 'injected');
 
@@ -313,8 +57,8 @@ class InjectedConnector extends Connector {
     });
 
     _defineProperty(this, "onChainChanged", chainId => {
-      var id = normalizeChainId(chainId);
-      var unsupported = this.isChainUnsupported(id);
+      const id = normalizeChainId(chainId);
+      const unsupported = this.isChainUnsupported(id);
       this.emit('change', {
         chain: {
           id,
@@ -330,224 +74,186 @@ class InjectedConnector extends Connector {
       if ((_this$options = this.options) !== null && _this$options !== void 0 && _this$options.shimDisconnect) (_client$storage = client.storage) === null || _client$storage === void 0 ? void 0 : _client$storage.removeItem(shimKey);
     });
 
-    var name = 'Injected';
+    let name = 'Injected';
     if (typeof window !== 'undefined') name = getInjectedName(window.ethereum);
     this.name = name;
   }
 
-  connect() {
-    var _this = this;
-
-    return _asyncToGenerator(function* () {
-      try {
-        var _this$options2, _client$storage2;
-
-        var provider = yield _this.getProvider();
-        if (!provider) throw new ConnectorNotFoundError();
-
-        if (provider.on) {
-          provider.on('accountsChanged', _this.onAccountsChanged);
-          provider.on('chainChanged', _this.onChainChanged);
-          provider.on('disconnect', _this.onDisconnect);
-        }
-
-        var account = yield _this.getAccount();
-        var id = yield _this.getChainId();
+  async connect() {
+    try {
+      var _this$options2, _client$storage2;
 
-        var unsupported = _this.isChainUnsupported(id);
+      const provider = await this.getProvider();
+      if (!provider) throw new ConnectorNotFoundError();
 
-        if ((_this$options2 = _this.options) !== null && _this$options2 !== void 0 && _this$options2.shimDisconnect) (_client$storage2 = client.storage) === null || _client$storage2 === void 0 ? void 0 : _client$storage2.setItem(shimKey, true);
-        return {
-          account,
-          chain: {
-            id,
-            unsupported
-          },
-          provider
-        };
-      } catch (error) {
-        if (error.code === 4001) throw new UserRejectedRequestError();
-        throw error;
+      if (provider.on) {
+        provider.on('accountsChanged', this.onAccountsChanged);
+        provider.on('chainChanged', this.onChainChanged);
+        provider.on('disconnect', this.onDisconnect);
       }
-    })();
-  }
-
-  disconnect() {
-    var _this2 = this;
-
-    return _asyncToGenerator(function* () {
-      var _this2$options, _client$storage3;
 
-      var provider = yield _this2.getProvider();
-      if (!(provider !== null && provider !== void 0 && provider.removeListener)) return;
-      provider.removeListener('accountsChanged', _this2.onAccountsChanged);
-      provider.removeListener('chainChanged', _this2.onChainChanged);
-      provider.removeListener('disconnect', _this2.onDisconnect);
-      if ((_this2$options = _this2.options) !== null && _this2$options !== void 0 && _this2$options.shimDisconnect) (_client$storage3 = client.storage) === null || _client$storage3 === void 0 ? void 0 : _client$storage3.removeItem(shimKey);
-    })();
+      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) (_client$storage2 = client.storage) === null || _client$storage2 === void 0 ? void 0 : _client$storage2.setItem(shimKey, true);
+      return {
+        account,
+        chain: {
+          id,
+          unsupported
+        },
+        provider
+      };
+    } catch (error) {
+      if (error.code === 4001) throw new UserRejectedRequestError();
+      throw error;
+    }
   }
 
-  getAccount() {
-    var _this3 = this;
-
-    return _asyncToGenerator(function* () {
-      var provider = yield _this3.getProvider();
-      if (!provider) throw new ConnectorNotFoundError();
-      var accounts = yield provider.request({
-        method: 'eth_requestAccounts'
-      }); // return checksum address
+  async disconnect() {
+    var _this$options3, _client$storage3;
 
-      return getAddress(accounts[0]);
-    })();
+    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) (_client$storage3 = client.storage) === null || _client$storage3 === void 0 ? void 0 : _client$storage3.removeItem(shimKey);
   }
 
-  getChainId() {
-    var _this4 = this;
+  async getAccount() {
+    const provider = await this.getProvider();
+    if (!provider) throw new ConnectorNotFoundError();
+    const accounts = await provider.request({
+      method: 'eth_requestAccounts'
+    }); // return checksum address
 
-    return _asyncToGenerator(function* () {
-      var provider = yield _this4.getProvider();
-      if (!provider) throw new ConnectorNotFoundError();
-      return yield provider.request({
-        method: 'eth_chainId'
-      }).then(normalizeChainId);
-    })();
+    return getAddress(accounts[0]);
   }
 
-  getProvider() {
-    var _this5 = this;
-
-    return _asyncToGenerator(function* () {
-      if (typeof window !== 'undefined' && !!window.ethereum) _classPrivateFieldSet(_this5, _provider, window.ethereum);
-      return _classPrivateFieldGet(_this5, _provider);
-    })();
+  async getChainId() {
+    const provider = await this.getProvider();
+    if (!provider) throw new ConnectorNotFoundError();
+    return await provider.request({
+      method: 'eth_chainId'
+    }).then(normalizeChainId);
   }
 
-  getSigner() {
-    var _this6 = this;
-
-    return _asyncToGenerator(function* () {
-      var provider = _this6.getProvider();
+  async getProvider() {
+    if (typeof window !== 'undefined' && !!window.ethereum) _classPrivateFieldSet(this, _provider, window.ethereum);
+    return _classPrivateFieldGet(this, _provider);
+  }
 
-      var account = yield _this6.getAccount();
-      return new providers.Web3Provider(provider).getSigner(account);
-    })();
+  async getSigner() {
+    const [provider, account] = await Promise.all([this.getProvider(), this.getAccount()]);
+    return new providers.Web3Provider(provider).getSigner(account);
   }
 
-  isAuthorized() {
-    var _this7 = this;
+  async isAuthorized() {
+    try {
+      var _this$options4, _client$storage4;
 
-    return _asyncToGenerator(function* () {
-      try {
-        var _this7$options, _client$storage4;
-
-        if ((_this7$options = _this7.options) !== null && _this7$options !== void 0 && _this7$options.shimDisconnect && !((_client$storage4 = client.storage) !== null && _client$storage4 !== void 0 && _client$storage4.getItem(shimKey))) return false;
-        var provider = yield _this7.getProvider();
-        if (!provider) throw new ConnectorNotFoundError();
-        var accounts = yield provider.request({
-          method: 'eth_accounts'
-        });
-        var account = accounts[0];
-        return !!account;
-      } catch (_unused) {
-        return false;
-      }
-    })();
+      if ((_this$options4 = this.options) !== null && _this$options4 !== void 0 && _this$options4.shimDisconnect && !((_client$storage4 = client.storage) !== null && _client$storage4 !== void 0 && _client$storage4.getItem(shimKey))) return false;
+      const provider = await this.getProvider();
+      if (!provider) throw new ConnectorNotFoundError();
+      const accounts = await provider.request({
+        method: 'eth_accounts'
+      });
+      const account = accounts[0];
+      return !!account;
+    } catch {
+      return false;
+    }
   }
 
-  switchChain(chainId) {
-    var _this8 = this;
+  async switchChain(chainId) {
+    const provider = await this.getProvider();
+    if (!provider) throw new ConnectorNotFoundError();
+    const id = hexValue(chainId);
 
-    return _asyncToGenerator(function* () {
-      var provider = yield _this8.getProvider();
-      if (!provider) throw new ConnectorNotFoundError();
-      var id = hexValue(chainId);
+    try {
+      var _chains$find;
 
-      try {
-        var _chains$find;
-
-        yield provider.request({
-          method: 'wallet_switchEthereumChain',
-          params: [{
-            chainId: id
-          }]
-        });
-        var chains = [..._this8.chains, ...allChains];
-        return (_chains$find = chains.find(x => x.id === chainId)) !== null && _chains$find !== void 0 ? _chains$find : {
-          id: chainId,
-          name: "Chain ".concat(id),
-          rpcUrls: []
-        };
-      } catch (error) {
-        // Indicates chain is not added to MetaMask
-        if (error.code === 4902) {
-          try {
-            var _chain$blockExplorers;
-
-            var chain = _this8.chains.find(x => x.id === chainId);
-
-            if (!chain) throw new ChainNotConfiguredError();
-            yield provider.request({
-              method: 'wallet_addEthereumChain',
-              params: [{
-                chainId: id,
-                chainName: chain.name,
-                nativeCurrency: chain.nativeCurrency,
-                rpcUrls: chain.rpcUrls,
-                blockExplorerUrls: (_chain$blockExplorers = chain.blockExplorers) === null || _chain$blockExplorers === void 0 ? void 0 : _chain$blockExplorers.map(x => x.url)
-              }]
-            });
-            return chain;
-          } catch (addError) {
-            throw new AddChainError();
-          }
-        } else if (error.code === 4001) throw new UserRejectedRequestError();else throw new SwitchChainError();
-      }
-    })();
+      await provider.request({
+        method: 'wallet_switchEthereumChain',
+        params: [{
+          chainId: id
+        }]
+      });
+      const chains = [...this.chains, ...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 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 AddChainError();
+        }
+      } else if (error.code === 4001) throw new UserRejectedRequestError();else throw new SwitchChainError();
+    }
   }
 
-  watchAsset(_ref) {
-    var _this9 = this;
-
-    return _asyncToGenerator(function* () {
-      var {
-        address,
-        decimals = 18,
-        image,
-        symbol
-      } = _ref;
-      var provider = yield _this9.getProvider();
-      if (!provider) throw new ConnectorNotFoundError();
-      return yield provider.request({
-        method: 'wallet_watchAsset',
-        params: {
-          type: 'ERC20',
-          options: {
-            address,
-            decimals,
-            image,
-            symbol
-          }
+  async watchAsset(_ref) {
+    let {
+      address,
+      decimals = 18,
+      image,
+      symbol
+    } = _ref;
+    const provider = await this.getProvider();
+    if (!provider) throw new ConnectorNotFoundError();
+    return await provider.request({
+      method: 'wallet_watchAsset',
+      params: {
+        type: 'ERC20',
+        options: {
+          address,
+          decimals,
+          image,
+          symbol
         }
-      });
-    })();
+      }
+    });
   }
 
 }
 
-var noopStorage = {
+const noopStorage = {
   getItem: _key => '',
   setItem: (_key, _value) => null,
   removeItem: _key => null
 };
 function createStorage(_ref) {
-  var {
+  let {
     storage,
     key: prefix = 'wagmi'
   } = _ref;
-  return _objectSpread2(_objectSpread2({}, storage), {}, {
-    getItem: function getItem(key) {
-      var defaultState = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-      var value = storage.getItem("".concat(prefix, ".").concat(key));
+  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;
@@ -568,40 +274,18 @@ function createStorage(_ref) {
       }
     },
     removeItem: key => storage.removeItem("".concat(prefix, ".").concat(key))
-  });
+  };
 }
 
-var defaultConfig = {
-  connectors: [new InjectedConnector()],
-  provider: _ref => {
-    var {
-      chainId
-    } = _ref;
-
-    try {
-      return getDefaultProvider(chainId);
-    } catch (error) {
-      return getDefaultProvider();
-    }
-  },
-  storage: createStorage({
-    storage: typeof window !== 'undefined' ? window.localStorage : noopStorage
-  })
-};
-
 var _lastUsedConnector = /*#__PURE__*/new WeakMap();
 
 var _addEffects = /*#__PURE__*/new WeakSet();
 
 class Client {
   constructor() {
-    var {
-      autoConnect,
-      connectors: _connectors = defaultConfig.connectors,
-      provider: _provider = defaultConfig.provider,
-      storage = defaultConfig.storage,
-      webSocketProvider: _webSocketProvider
-    } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultConfig;
+    var _config$autoConnect, _config$connectors, _config$provider, _config$storage;
+
+    let config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
 
     _classPrivateMethodInitSpec(this, _addEffects);
 
@@ -616,53 +300,79 @@ class Client {
       value: void 0
     });
 
-    this.config = {
-      autoConnect,
-      connectors: _connectors,
-      provider: _provider,
-      webSocketProvider: _webSocketProvider
+    // 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 getDefaultProvider(config.chainId);
+      } catch {
+        return getDefaultProvider();
+      }
     };
-    var status = 'disconnected';
 
-    var _chainId;
+    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;
 
-        var rawState = storage.getItem('state', '');
-        var 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
+        const rawState = storage.getItem('state', '');
+        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) {}
-    }
-
-    this.store = create(subscribeWithSelector(persist((_set, _get) => ({
-      connectors: typeof _connectors === 'function' ? _connectors({
-        chainId: _chainId
-      }) : _connectors,
-      provider: typeof _provider === 'function' ? _provider({
-        chainId: _chainId
-      }) : _provider,
+    } // 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(subscribeWithSelector(persist(() => ({
+      connectors: connectors_,
+      provider: provider_,
       status,
-      webSocketProvider: typeof _webSocketProvider === 'function' ? _webSocketProvider({
-        chainId: _chainId
-      }) : _webSocketProvider
+      webSocketProvider: webSocketProvider_
     }), {
       name: 'state',
       getStorage: () => storage,
       partialize: state => {
         var _state$data, _state$data2;
 
-        return {
-          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
-          }
+        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
         };
       }
     })));
+    this.config = {
+      autoConnect,
+      connectors: _connectors,
+      provider: _provider,
+      storage,
+      webSocketProvider: _webSocketProvider
+    };
     this.storage = storage;
 
     _classPrivateFieldSet(this, _lastUsedConnector, storage === null || storage === void 0 ? void 0 : storage.getItem('wallet'));
@@ -670,6 +380,10 @@ class Client {
     _classPrivateMethodGet(this, _addEffects, _addEffects2).call(this);
   }
 
+  get chains() {
+    return this.store.getState().chains;
+  }
+
   get connectors() {
     return this.store.getState().connectors;
   }
@@ -703,12 +417,12 @@ class Client {
   }
 
   setState(updater) {
-    var newState = typeof updater === 'function' ? updater(this.store.getState()) : updater;
+    const newState = typeof updater === 'function' ? updater(this.store.getState()) : updater;
     this.store.setState(newState, true);
   }
 
   clearState() {
-    this.setState(x => _objectSpread2(_objectSpread2({}, x), {}, {
+    this.setState(x => ({ ...x,
       connector: undefined,
       data: undefined,
       error: undefined,
@@ -716,84 +430,74 @@ class Client {
     }));
   }
 
-  destroy() {
-    var _this = this;
+  async destroy() {
+    var _this$connector$disco, _this$connector;
 
-    return _asyncToGenerator(function* () {
-      var _this$connector$disco, _this$connector;
-
-      if (_this.connector) yield (_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();
-    })();
+    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();
   }
 
-  autoConnect() {
-    var _this2 = this;
-
-    return _asyncToGenerator(function* () {
-      if (!_this2.connectors.length) return; // Try last used connector first
-
-      var sorted = _classPrivateFieldGet(_this2, _lastUsedConnector) ? [..._this2.connectors].sort(x => x.id === _classPrivateFieldGet(_this2, _lastUsedConnector) ? -1 : 1) : _this2.connectors;
-      var connected = false;
-
-      var _loop = function* _loop(connector) {
-        if (!connector.ready || !connector.isAuthorized) return "continue";
-        var isAuthorized = yield connector.isAuthorized();
-        if (!isAuthorized) return "continue";
-        var data = yield connector.connect();
-
-        _this2.setState(x => _objectSpread2(_objectSpread2({}, x), {}, {
-          connector,
-          data,
-          status: 'connected'
-        }));
-
-        connected = true;
-        return "break";
-      };
-
-      for (var connector of sorted) {
-        var _ret = yield* _loop(connector);
-
-        if (_ret === "continue") continue;
-        if (_ret === "break") break;
-      } // If connecting didn't succeed, set to disconnected
+  async autoConnect() {
+    if (!this.connectors.length) return; // Try last used connector first
+
+    const sorted = _classPrivateFieldGet(this, _lastUsedConnector) ? [...this.connectors].sort(x => x.id === _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) _this2.setState(x => _objectSpread2(_objectSpread2({}, x), {}, {
-        status: 'disconnected'
-      }));
-      return _this2.data;
-    })();
+    if (!connected) this.setState(x => ({ ...x,
+      status: 'disconnected'
+    }));
+    return this.data;
   }
 
   setLastUsedConnector() {
     var _this$storage;
 
-    var lastUsedConnector = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+    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() {
-  var onChange = data => this.setState(x => _objectSpread2(_objectSpread2({}, x), {}, {
-    data: _objectSpread2(_objectSpread2({}, x.data), data)
-  }));
+  const onChange = data => {
+    this.setState(x => ({ ...x,
+      data: { ...x.data,
+        ...data
+      }
+    }));
+  };
 
-  var onDisconnect = () => this.clearState();
+  const onDisconnect = () => {
+    this.clearState();
+  };
 
-  var onError = error => this.setState(x => _objectSpread2(_objectSpread2({}, x), {}, {
-    error
-  }));
+  const onError = error => {
+    this.setState(x => ({ ...x,
+      error
+    }));
+  };
 
-  this.store.subscribe(_ref2 => {
-    var {
+  this.store.subscribe(_ref => {
+    let {
       connector
-    } = _ref2;
+    } = _ref;
     return connector;
   }, (connector, prevConnector) => {
     var _prevConnector$off, _prevConnector$off2, _prevConnector$off3, _connector$on, _connector$on2, _connector$on3;
@@ -806,23 +510,23 @@ function _addEffects2() {
     (_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);
   });
-  var {
+  const {
     connectors,
     provider,
     webSocketProvider
   } = this.config;
-  var subscribeConnectors = typeof connectors === 'function';
-  var subscribeProvider = typeof provider === 'function';
-  var subscribeWebSocketProvider = typeof webSocketProvider === 'function';
-  if (subscribeConnectors || subscribeProvider || subscribeWebSocketProvider) this.store.subscribe(_ref3 => {
+  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;
 
-    var {
+    let {
       data
-    } = _ref3;
+    } = _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 => _objectSpread2(_objectSpread2({}, x), {}, {
+    this.setState(x => ({ ...x,
       connectors: subscribeConnectors ? connectors({
         chainId
       }) : x.connectors,
@@ -836,105 +540,83 @@ function _addEffects2() {
   });
 }
 
-var client;
+let client;
 function createClient(config) {
-  var client_ = new Client(config);
+  const client_ = new Client(config);
   client = client_;
   return client_;
 }
-
-function connect(_x) {
-  return _connect.apply(this, arguments);
-}
-
-function _connect() {
-  _connect = _asyncToGenerator(function* (connector) {
-    var activeConnector = client.connector;
-    if (connector.id === (activeConnector === null || activeConnector === void 0 ? void 0 : activeConnector.id)) throw new ConnectorAlreadyConnectedError();
-    var data = yield connector.connect();
-    client.setLastUsedConnector(connector.id);
-    client.setState(x => _objectSpread2(_objectSpread2({}, x), {}, {
-      connector,
-      data
-    }));
-    client.storage.setItem('connected', true);
-    return {
-      data,
-      connector
-    };
-  });
-  return _connect.apply(this, arguments);
+function getClient() {
+  return client;
 }
 
-function disconnect() {
-  return _disconnect.apply(this, arguments);
-}
-
-function _disconnect() {
-  _disconnect = _asyncToGenerator(function* () {
-    if (client.connector) yield client.connector.disconnect();
-    client.storage.removeItem('connected');
-    client.clearState();
-  });
-  return _disconnect.apply(this, arguments);
+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 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
+  };
 }
 
-function fetchBalance(_x) {
-  return _fetchBalance.apply(this, arguments);
+async function disconnect() {
+  if (client.connector) await client.connector.disconnect();
+  client.clearState();
+  client.storage.removeItem('connected');
 }
 
-function _fetchBalance() {
-  _fetchBalance = _asyncToGenerator(function* (_ref) {
-    var _client$connector$cha, _client$connector, _chain$nativeCurrency, _chain$nativeCurrency2, _chain$nativeCurrency3, _chain$nativeCurrency4;
+async function fetchBalance(_ref) {
+  var _client$connector$cha, _client$connector, _chain$nativeCurrency, _chain$nativeCurrency2, _chain$nativeCurrency3, _chain$nativeCurrency4;
 
-    var {
-      addressOrName,
-      formatUnits: unit = 'ether',
-      token
-    } = _ref;
-
-    if (token) {
-      var contract = new Contract(token, erc20ABI, client.provider);
-      var [_value, decimals, symbol] = yield Promise.all([contract.balanceOf(addressOrName), contract.decimals(), contract.symbol()]);
-      return {
-        decimals,
-        formatted: formatUnits(_value, unit),
-        symbol,
-        unit,
-        value: _value
-      };
-    }
+  let {
+    addressOrName,
+    formatUnits: unit = 'ether',
+    token
+  } = _ref;
 
-    var 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 : []), ...allChains];
-    var value = yield client.provider.getBalance(addressOrName);
-    var chain = chains.find(x => x.id === client.provider.network.chainId);
+  if (token) {
+    const contract = new Contract(token, erc20ABI, client.provider);
+    const [value, decimals, symbol] = await Promise.all([contract.balanceOf(addressOrName), contract.decimals(), contract.symbol()]);
     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,
+      decimals,
       formatted: 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',
+      symbol,
       unit,
       value
     };
-  });
-  return _fetchBalance.apply(this, arguments);
-}
+  }
 
-function fetchSigner() {
-  return _fetchSigner.apply(this, arguments);
+  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 : []), ...allChains];
+  const value = await client.provider.getBalance(addressOrName);
+  const chain = chains.find(x => x.id === client.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: 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
+  };
 }
 
-function _fetchSigner() {
-  _fetchSigner = _asyncToGenerator(function* () {
-    var _client$connector, _client$connector$get;
+async function fetchSigner() {
+  var _client$connector, _client$connector$get;
 
-    var signer = yield (_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);
-    return signer;
-  });
-  return _fetchSigner.apply(this, arguments);
+  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));
+  return signer;
 }
 
 function getAccount() {
-  var {
+  const {
     data,
     connector
   } = client;
@@ -945,88 +627,72 @@ function getAccount() {
 }
 
 function getNetwork() {
-  var _data$chain, _data$chain2, _connector$chains, _find;
+  var _data$chain, _data$chain2, _find;
 
-  var {
-    connector,
+  const {
+    chains,
     data
   } = client;
-  var chainId = data === null || data === void 0 ? void 0 : (_data$chain = data.chain) === null || _data$chain === void 0 ? void 0 : _data$chain.id;
-  var unsupported = data === null || data === void 0 ? void 0 : (_data$chain2 = data.chain) === null || _data$chain2 === void 0 ? void 0 : _data$chain2.unsupported;
-  var activeChains = (_connector$chains = connector === null || connector === void 0 ? void 0 : connector.chains) !== null && _connector$chains !== void 0 ? _connector$chains : [];
-  var activeChain = (_find = [...activeChains, ...allChains].find(x => x.id === chainId)) !== null && _find !== void 0 ? _find : {
+  const chainId = data === null || data === void 0 ? void 0 : (_data$chain = data.chain) === null || _data$chain === void 0 ? void 0 : _data$chain.id;
+  const unsupported = data === null || data === void 0 ? void 0 : (_data$chain2 = data.chain) === null || _data$chain2 === void 0 ? void 0 : _data$chain2.unsupported;
+  const activeChains = chains !== null && chains !== void 0 ? chains : [];
+  const activeChain = (_find = [...activeChains, ...allChains].find(x => x.id === chainId)) !== null && _find !== void 0 ? _find : {
     id: chainId,
     name: "Chain ".concat(chainId),
-    rpcUrls: []
+    rpcUrls: {
+      default: []
+    }
   };
   return {
-    chain: chainId ? _objectSpread2(_objectSpread2({}, activeChain), {}, {
+    chain: chainId ? { ...activeChain,
       id: chainId,
       unsupported
-    }) : undefined,
+    } : undefined,
     chains: activeChains
   };
 }
 
-function signMessage(_x) {
-  return _signMessage.apply(this, arguments);
-}
-
-function _signMessage() {
-  _signMessage = _asyncToGenerator(function* (args) {
-    try {
-      var signer = yield fetchSigner();
-      if (!signer) throw new ConnectorNotFoundError();
-      return yield signer.signMessage(args.message);
-    } catch (error_) {
-      var error = error_;
-      if (error_.code === 4001) error = new UserRejectedRequestError();
-      throw error;
-    }
-  });
-  return _signMessage.apply(this, arguments);
-}
-
-function signTypedData(_x) {
-  return _signTypedData.apply(this, arguments);
+async function signMessage(args) {
+  try {
+    const signer = await fetchSigner();
+    if (!signer) throw new ConnectorNotFoundError();
+    return await signer.signMessage(args.message);
+  } catch (error_) {
+    let error = error_;
+    if (error_.code === 4001) error = new UserRejectedRequestError();
+    throw error;
+  }
 }
 
-function _signTypedData() {
-  _signTypedData = _asyncToGenerator(function* (args) {
-    try {
-      var signer = yield fetchSigner();
-      if (!signer) throw new ConnectorNotFoundError(); // Method name may be changed in the future, see https://docs.ethers.io/v5/api/signer/#Signer-signTypedData
+async function signTypedData(args) {
+  try {
+    const signer = await fetchSigner();
+    if (!signer) throw new ConnectorNotFoundError(); // Method name may be changed in the future, see https://docs.ethers.io/v5/api/signer/#Signer-signTypedData
 
-      return yield signer._signTypedData(args.domain, args.types, args.value);
-    } catch (error_) {
-      var error = error_;
-      if (error_.code === 4001) error = new UserRejectedRequestError();
-      throw error;
-    }
-  });
-  return _signTypedData.apply(this, arguments);
-}
-
-function switchNetwork(_x) {
-  return _switchNetwork.apply(this, arguments);
+    return await signer._signTypedData(args.domain, args.types, args.value);
+  } catch (error_) {
+    let error = error_;
+    if (error_.code === 4001) error = new UserRejectedRequestError();
+    throw error;
+  }
 }
 
-function _switchNetwork() {
-  _switchNetwork = _asyncToGenerator(function* (args) {
-    var _client$connector;
+async function switchNetwork(_ref) {
+  var _client$connector;
 
-    if (!((_client$connector = client.connector) !== null && _client$connector !== void 0 && _client$connector.switchChain)) throw new SwitchChainNotSupportedError();
-    var chain = yield client.connector.switchChain(args.chainId);
-    return chain;
-  });
-  return _switchNetwork.apply(this, arguments);
+  let {
+    chainId
+  } = _ref;
+  if (!((_client$connector = client.connector) !== null && _client$connector !== void 0 && _client$connector.switchChain)) throw new SwitchChainNotSupportedError();
+  const chain = await client.connector.switchChain(chainId);
+  return chain;
 }
 
 function watchAccount(callback) {
-  var handleChange = () => callback(getAccount());
+  const handleChange = () => callback(getAccount());
 
-  var unsubscribe = client.subscribe(_ref => {
-    var {
+  const unsubscribe = client.subscribe(_ref => {
+    let {
       data,
       connector
     } = _ref;
@@ -1041,22 +707,14 @@ function watchAccount(callback) {
 }
 
 function watchBalance(args, callback) {
-  var handleChange = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator(function* () {
-      return callback(yield fetchBalance(args));
-    });
+  const handleChange = async () => callback(await fetchBalance(args));
 
-    return function handleChange() {
-      return _ref.apply(this, arguments);
-    };
-  }();
-
-  var unsubscribe = client.subscribe(_ref2 => {
+  const unsubscribe = client.subscribe(_ref => {
     var _data$chain;
 
-    var {
+    let {
       data
-    } = _ref2;
+    } = _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
@@ -1068,43 +726,35 @@ function watchBalance(args, callback) {
 }
 
 function watchNetwork(callback) {
-  var handleChange = () => callback(getNetwork());
+  const handleChange = () => callback(getNetwork());
 
-  var unsubscribe = client.subscribe(_ref => {
+  const unsubscribe = client.subscribe(_ref => {
     var _data$chain;
 
-    var {
+    let {
       data,
-      connector
+      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,
-      connector
+      chains
     };
   }, handleChange, {
-    equalityFn: (selected, previous) => selected.chainId === previous.chainId && selected.connector === previous.connector
+    equalityFn: (selected, previous) => selected.chainId === previous.chainId && selected.chains === previous.chains
   });
   return unsubscribe;
 }
 
 function watchSigner(callback) {
-  var handleChange = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator(function* () {
-      return callback(yield fetchSigner());
-    });
+  const handleChange = async () => callback(await fetchSigner());
 
-    return function handleChange() {
-      return _ref.apply(this, arguments);
-    };
-  }();
-
-  var unsubscribe = client.subscribe(_ref2 => {
+  const unsubscribe = client.subscribe(_ref => {
     var _data$chain;
 
-    var {
+    let {
       data,
       connector
-    } = _ref2;
+    } = _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,
@@ -1117,7 +767,7 @@ function watchSigner(callback) {
 }
 
 function getContract(_ref) {
-  var {
+  let {
     addressOrName,
     contractInterface,
     signerOrProvider
@@ -1125,27 +775,21 @@ function getContract(_ref) {
   return new Contract(addressOrName, contractInterface, signerOrProvider);
 }
 
-function readContract(_x, _x2) {
-  return _readContract.apply(this, arguments);
-}
-
-function _readContract() {
-  _readContract = _asyncToGenerator(function* (contractConfig, functionName) {
-    var {
-      args,
-      overrides
-    } = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-    var {
-      provider
-    } = client;
-    var contract = getContract(_objectSpread2({
-      signerOrProvider: provider
-    }, contractConfig));
-    var params = [...(Array.isArray(args) ? args : args ? [args] : []), ...(overrides ? [overrides] : [])];
-    var response = yield contract[functionName](...params);
-    return response;
+async function readContract(contractConfig, functionName) {
+  let {
+    args,
+    overrides
+  } = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  const {
+    provider
+  } = client;
+  const contract = getContract({
+    signerOrProvider: provider,
+    ...contractConfig
   });
-  return _readContract.apply(this, arguments);
+  const params = [...(Array.isArray(args) ? args : args ? [args] : []), ...(overrides ? [overrides] : [])];
+  const response = await contract[functionName](...params);
+  return response;
 }
 
 function watchContractEvent(
@@ -1153,36 +797,31 @@ function watchContractEvent(
 contractArgs,
 /** Event name to listen to */
 eventName, callback) {
-  var {
+  let {
     once
   } = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
-  var contract;
+  let contract;
 
-  var watchEvent = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator(function* () {
-      if (contract) {
-        var _contract;
+  const watchEvent = async () => {
+    if (contract) {
+      var _contract;
 
-        (_contract = contract) === null || _contract === void 0 ? void 0 : _contract.off(eventName, callback);
-      }
+      (_contract = contract) === null || _contract === void 0 ? void 0 : _contract.off(eventName, callback);
+    }
 
-      contract = getContract(_objectSpread2({
-        signerOrProvider: client.webSocketProvider || client.provider
-      }, contractArgs));
-      if (once) contract.once(eventName, callback);else contract.on(eventName, callback);
+    contract = getContract({
+      signerOrProvider: client.webSocketProvider || client.provider,
+      ...contractArgs
     });
-
-    return function watchEvent() {
-      return _ref.apply(this, arguments);
-    };
-  }();
+    if (once) contract.once(eventName, callback);else contract.on(eventName, callback);
+  };
 
   watchEvent();
-  var unsubscribe = client.subscribe(_ref2 => {
-    var {
+  const unsubscribe = client.subscribe(_ref => {
+    let {
       provider,
       webSocketProvider
-    } = _ref2;
+    } = _ref;
     return {
       provider,
       webSocketProvider
@@ -1198,23 +837,16 @@ eventName, callback) {
   };
 }
 
-function fetchBlockNumber() {
-  return _fetchBlockNumber.apply(this, arguments);
-}
-
-function _fetchBlockNumber() {
-  _fetchBlockNumber = _asyncToGenerator(function* () {
-    var blockNumber = yield client.provider.getBlockNumber();
-    return blockNumber;
-  });
-  return _fetchBlockNumber.apply(this, arguments);
+async function fetchBlockNumber() {
+  const blockNumber = await client.provider.getBlockNumber();
+  return blockNumber;
 }
 
 function watchBlockNumber(args, callback) {
-  var prevProvider;
+  let prevProvider;
 
-  var createListener = provider => {
-    var listener = blockNumber => {
+  const createListener = provider => {
+    const listener = blockNumber => {
       callback(blockNumber);
     };
 
@@ -1228,14 +860,14 @@ function watchBlockNumber(args, callback) {
     prevProvider = provider;
   };
 
-  var {
+  const {
     provider,
     webSocketProvider
   } = client;
-  var provider_ = webSocketProvider !== null && webSocketProvider !== void 0 ? webSocketProvider : provider;
+  const provider_ = webSocketProvider !== null && webSocketProvider !== void 0 ? webSocketProvider : provider;
   if (args.listen) createListener(provider_);
-  var unsubscribe = client.subscribe(_ref => {
-    var {
+  const unsubscribe = client.subscribe(_ref => {
+    let {
       provider,
       webSocketProvider
     } = _ref;
@@ -1243,25 +875,19 @@ function watchBlockNumber(args, callback) {
       provider,
       webSocketProvider
     };
-  }, /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator(function* (_ref2) {
-      var {
-        provider,
-        webSocketProvider
-      } = _ref2;
-      var provider_ = webSocketProvider !== null && webSocketProvider !== void 0 ? webSocketProvider : provider;
-
-      if (args.listen && provider_) {
-        createListener(provider_);
-      }
+  }, async _ref2 => {
+    let {
+      provider,
+      webSocketProvider
+    } = _ref2;
+    const provider_ = webSocketProvider !== null && webSocketProvider !== void 0 ? webSocketProvider : provider;
 
-      callback(yield fetchBlockNumber());
-    });
+    if (args.listen && provider_) {
+      createListener(provider_);
+    }
 
-    return function (_x) {
-      return _ref3.apply(this, arguments);
-    };
-  }(), {
+    callback(await fetchBlockNumber());
+  }, {
     equalityFn: (selected, previous) => selected.provider === previous.provider && selected.webSocketProvider === previous.webSocketProvider
   });
   return unsubscribe;
@@ -1270,26 +896,18 @@ function watchBlockNumber(args, callback) {
 function watchReadContract(contractConfig, functionName) {
   var _config$listenToBlock;
 
-  var config = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  var callback = arguments.length > 3 ? arguments[3] : undefined;
+  let config = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  let callback = arguments.length > 3 ? arguments[3] : undefined;
 
-  var handleChange = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator(function* () {
-      return callback(yield readContract(contractConfig, functionName, config));
-    });
+  const handleChange = async () => callback(await readContract(contractConfig, functionName, config));
 
-    return function handleChange() {
-      return _ref.apply(this, arguments);
-    };
-  }();
-
-  var unwatch = ((_config$listenToBlock = config.listenToBlock) !== null && _config$listenToBlock !== void 0 ? _config$listenToBlock : true) ? watchBlockNumber({
+  const unwatch = ((_config$listenToBlock = config.listenToBlock) !== null && _config$listenToBlock !== void 0 ? _config$listenToBlock : true) ? watchBlockNumber({
     listen: true
   }, handleChange) : undefined;
-  var unsubscribe = client.subscribe(_ref2 => {
-    var {
+  const unsubscribe = client.subscribe(_ref => {
+    let {
       provider
-    } = _ref2;
+    } = _ref;
     return provider;
   }, handleChange);
   return () => {
@@ -1298,224 +916,142 @@ function watchReadContract(contractConfig, functionName) {
   };
 }
 
-function writeContract(_x, _x2) {
-  return _writeContract.apply(this, arguments);
-}
-
-function _writeContract() {
-  _writeContract = _asyncToGenerator(function* (contractConfig, functionName) {
-    var {
-      args,
-      overrides
-    } = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-    var {
-      connector
-    } = client;
-    var contract = getContract(contractConfig);
-    if (!connector) throw new ConnectorNotFoundError();
-    var params = [...(Array.isArray(args) ? args : args ? [args] : []), ...(overrides ? [overrides] : [])];
-
-    try {
-      var signer = yield connector.getSigner();
-      var contract_ = contract.connect(signer);
-      var response = yield contract_[functionName](...params);
-      return response;
-    } catch (error_) {
-      var error = error_;
-      if (error_.code === 4001) error = new UserRejectedRequestError();
-      throw error;
-    }
-  });
-  return _writeContract.apply(this, arguments);
-}
-
-function fetchEnsAddress(_x) {
-  return _fetchEnsAddress.apply(this, arguments);
-}
-
-function _fetchEnsAddress() {
-  _fetchEnsAddress = _asyncToGenerator(function* (_ref) {
-    var {
-      name
-    } = _ref;
-    var address = yield client.provider.resolveName(name);
-
-    try {
-      return address ? getAddress(address) : null;
-    } catch (_error) {
-      return null;
-    }
-  });
-  return _fetchEnsAddress.apply(this, arguments);
-}
-
-function fetchEnsAvatar(_x) {
-  return _fetchEnsAvatar.apply(this, arguments);
+async function writeContract(contractConfig, functionName) {
+  let {
+    args,
+    overrides
+  } = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  const {
+    connector
+  } = client;
+  const contract = getContract(contractConfig);
+  if (!connector) throw new ConnectorNotFoundError();
+  const params = [...(Array.isArray(args) ? args : args ? [args] : []), ...(overrides ? [overrides] : [])];
+
+  try {
+    const signer = await connector.getSigner();
+    const contract_ = contract.connect(signer);
+    const response = await contract_[functionName](...params);
+    return response;
+  } catch (error_) {
+    let error = error_;
+    if (error_.code === 4001) error = new UserRejectedRequestError();
+    throw error;
+  }
 }
 
-function _fetchEnsAvatar() {
-  _fetchEnsAvatar = _asyncToGenerator(function* (_ref) {
-    var {
-      addressOrName
-    } = _ref;
-    // TODO: Update with more advanced logic
-    // https://github.com/ensdomains/ens-avatar
-    var avatar = yield client.provider.getAvatar(addressOrName);
-    return avatar;
-  });
-  return _fetchEnsAvatar.apply(this, arguments);
-}
+async function fetchEnsAddress(_ref) {
+  let {
+    name
+  } = _ref;
+  const address = await client.provider.resolveName(name);
 
-function fetchEnsName(_x) {
-  return _fetchEnsName.apply(this, arguments);
+  try {
+    return address ? getAddress(address) : null;
+  } catch (_error) {
+    return null;
+  }
 }
 
-function _fetchEnsName() {
-  _fetchEnsName = _asyncToGenerator(function* (_ref) {
-    var {
-      address
-    } = _ref;
-    var ensName = yield client.provider.lookupAddress(address);
-    return ensName;
-  });
-  return _fetchEnsName.apply(this, arguments);
+async function fetchEnsAvatar(_ref) {
+  let {
+    addressOrName
+  } = _ref;
+  // TODO: Update with more advanced logic
+  // https://github.com/ensdomains/ens-avatar
+  const avatar = await client.provider.getAvatar(addressOrName);
+  return avatar;
 }
 
-function fetchEnsResolver(_x) {
-  return _fetchEnsResolver.apply(this, arguments);
+async function fetchEnsName(_ref) {
+  let {
+    address
+  } = _ref;
+  const ensName = await client.provider.lookupAddress(address);
+  return ensName;
 }
 
-function _fetchEnsResolver() {
-  _fetchEnsResolver = _asyncToGenerator(function* (_ref) {
-    var {
-      name
-    } = _ref;
-    var resolver = yield client.provider.getResolver(name);
-    return resolver;
-  });
-  return _fetchEnsResolver.apply(this, arguments);
+async function fetchEnsResolver(_ref) {
+  let {
+    name
+  } = _ref;
+  const resolver = await client.provider.getResolver(name);
+  return resolver;
 }
 
 function watchEnsAddress(args, callback) {
-  var handleChange = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator(function* () {
-      return callback(yield fetchEnsAddress(args));
-    });
-
-    return function handleChange() {
-      return _ref.apply(this, arguments);
-    };
-  }();
+  const handleChange = async () => callback(await fetchEnsAddress(args));
 
-  var unsubscribe = client.subscribe(_ref2 => {
-    var {
+  const unsubscribe = client.subscribe(_ref => {
+    let {
       provider
-    } = _ref2;
+    } = _ref;
     return provider;
   }, handleChange);
   return unsubscribe;
 }
 
 function watchEnsAvatar(args, callback) {
-  var handleChange = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator(function* () {
-      return callback(yield fetchEnsAvatar(args));
-    });
-
-    return function handleChange() {
-      return _ref.apply(this, arguments);
-    };
-  }();
+  const handleChange = async () => callback(await fetchEnsAvatar(args));
 
-  var unsubscribe = client.subscribe(_ref2 => {
-    var {
+  const unsubscribe = client.subscribe(_ref => {
+    let {
       provider
-    } = _ref2;
+    } = _ref;
     return provider;
   }, handleChange);
   return unsubscribe;
 }
 
 function watchEnsName(args, callback) {
-  var handleChange = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator(function* () {
-      return callback(yield fetchEnsName(args));
-    });
-
-    return function handleChange() {
-      return _ref.apply(this, arguments);
-    };
-  }();
+  const handleChange = async () => callback(await fetchEnsName(args));
 
-  var unsubscribe = client.subscribe(_ref2 => {
-    var {
+  const unsubscribe = client.subscribe(_ref => {
+    let {
       provider
-    } = _ref2;
+    } = _ref;
     return provider;
   }, handleChange);
   return unsubscribe;
 }
 
 function watchEnsResolver(args, callback) {
-  var handleChange = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator(function* () {
-      return callback(yield fetchEnsResolver(args));
-    });
-
-    return function handleChange() {
-      return _ref.apply(this, arguments);
-    };
-  }();
+  const handleChange = async () => callback(await fetchEnsResolver(args));
 
-  var unsubscribe = client.subscribe(_ref2 => {
-    var {
+  const unsubscribe = client.subscribe(_ref => {
+    let {
       provider
-    } = _ref2;
+    } = _ref;
     return provider;
   }, handleChange);
   return unsubscribe;
 }
 
-function fetchFeeData() {
-  return _fetchFeeData.apply(this, arguments);
-}
-
-function _fetchFeeData() {
-  _fetchFeeData = _asyncToGenerator(function* () {
-    var {
-      formatUnits: units = 'wei'
-    } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    var feeData = yield client.provider.getFeeData();
-    var formatted = {
-      gasPrice: formatUnits(feeData.gasPrice, units),
-      maxFeePerGas: formatUnits(feeData.maxFeePerGas, units),
-      maxPriorityFeePerGas: formatUnits(feeData.maxPriorityFeePerGas, units)
-    };
-    return _objectSpread2(_objectSpread2({}, feeData), {}, {
-      formatted
-    });
-  });
-  return _fetchFeeData.apply(this, arguments);
+async function fetchFeeData() {
+  let {
+    formatUnits: units = 'wei'
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const feeData = await client.provider.getFeeData();
+  const formatted = {
+    gasPrice: formatUnits(feeData.gasPrice, units),
+    maxFeePerGas: formatUnits(feeData.maxFeePerGas, units),
+    maxPriorityFeePerGas: formatUnits(feeData.maxPriorityFeePerGas, units)
+  };
+  return { ...feeData,
+    formatted
+  };
 }
 
 function watchFeeData(args, callback) {
-  var handleChange = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator(function* () {
-      return callback(yield fetchFeeData(args));
-    });
+  const handleChange = async () => callback(await fetchFeeData(args));
 
-    return function handleChange() {
-      return _ref.apply(this, arguments);
-    };
-  }();
-
-  var unwatch = args.listenToBlock ? watchBlockNumber({
+  const unwatch = args.listenToBlock ? watchBlockNumber({
     listen: true
   }, handleChange) : undefined;
-  var unsubscribe = client.subscribe(_ref2 => {
-    var {
+  const unsubscribe = client.subscribe(_ref => {
+    let {
       provider
-    } = _ref2;
+    } = _ref;
     return provider;
   }, handleChange);
   return () => {
@@ -1525,99 +1061,70 @@ function watchFeeData(args, callback) {
 }
 
 function getProvider() {
-  return client.provider;
+  return getClient().provider;
 }
 
 function getWebSocketProvider() {
-  return client.webSocketProvider;
-}
-
-function fetchToken(_x) {
-  return _fetchToken.apply(this, arguments);
+  return getClient().webSocketProvider;
 }
 
-function _fetchToken() {
-  _fetchToken = _asyncToGenerator(function* (_ref) {
-    var {
-      address,
-      formatUnits: units = 'ether'
-    } = _ref;
-    if (!address) throw new Error('address is required');
-    var {
-      provider
-    } = client;
-    var contract = new Contract(address, erc20ABI, provider);
-    var [symbol, decimals, totalSupply] = yield Promise.all([contract.symbol(), contract.decimals(), contract.totalSupply()]);
-    var token = {
-      address,
-      decimals,
-      symbol,
-      totalSupply: {
-        formatted: formatUnits(totalSupply, units),
-        value: totalSupply
-      }
-    };
-    return token;
-  });
-  return _fetchToken.apply(this, arguments);
+async function fetchToken(_ref) {
+  let {
+    address,
+    formatUnits: units = 'ether'
+  } = _ref;
+  if (!address) throw new Error('address is required');
+  const {
+    provider
+  } = client;
+  const contract = new Contract(address, erc20ABI, provider);
+  const [symbol, decimals, totalSupply] = await Promise.all([contract.symbol(), contract.decimals(), contract.totalSupply()]);
+  const token = {
+    address,
+    decimals,
+    symbol,
+    totalSupply: {
+      formatted: formatUnits(totalSupply, units),
+      value: totalSupply
+    }
+  };
+  return token;
 }
 
 function watchToken(args, callback) {
-  var handleChange = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator(function* () {
-      return callback(yield fetchToken(args));
-    });
-
-    return function handleChange() {
-      return _ref.apply(this, arguments);
-    };
-  }();
+  const handleChange = async () => callback(await fetchToken(args));
 
-  var unsubscribe = client.subscribe(_ref2 => {
-    var {
+  const unsubscribe = client.subscribe(_ref => {
+    let {
       provider
-    } = _ref2;
+    } = _ref;
     return provider;
   }, handleChange);
   return unsubscribe;
 }
 
-function sendTransaction(_x) {
-  return _sendTransaction.apply(this, arguments);
-}
-
-function _sendTransaction() {
-  _sendTransaction = _asyncToGenerator(function* (args) {
-    try {
-      var signer = yield fetchSigner();
-      if (!signer) throw new ConnectorNotFoundError();
-      var transaction = yield signer.sendTransaction(args.request);
-      return transaction;
-    } catch (error_) {
-      var error = error_;
-      if (error_.code === 4001) error = new UserRejectedRequestError();
-      throw error;
-    }
-  });
-  return _sendTransaction.apply(this, arguments);
-}
-
-function waitForTransaction(_x) {
-  return _waitForTransaction.apply(this, arguments);
+async function sendTransaction(args) {
+  try {
+    const signer = await fetchSigner();
+    if (!signer) throw new ConnectorNotFoundError();
+    const transaction = await signer.sendTransaction(args.request);
+    return transaction;
+  } catch (error_) {
+    let error = error_;
+    if (error_.code === 4001) error = new UserRejectedRequestError();
+    throw error;
+  }
 }
 
-function _waitForTransaction() {
-  _waitForTransaction = _asyncToGenerator(function* (args) {
-    var {
-      provider
-    } = client;
-    var promise; // eslint-disable-next-line testing-library/await-async-utils
+async function waitForTransaction(args) {
+  const {
+    provider
+  } = client;
+  let promise; // eslint-disable-next-line testing-library/await-async-utils
 
-    if (args.wait) promise = args.wait(args.confirmations);else if (args.hash) promise = provider.waitForTransaction(args.hash, args.confirmations, args.timeout);else throw new Error('hash or wait is required');
-    var receipt = yield promise;
-    return receipt;
-  });
-  return _waitForTransaction.apply(this, arguments);
+  if (args.wait) promise = args.wait(args.confirmations);else if (args.hash) promise = provider.waitForTransaction(args.hash, args.confirmations, args.timeout);else throw new Error('hash or wait is required');
+  const receipt = await promise;
+  return receipt;
 }
 
-export { Client, InjectedConnector, Client as WagmiClient, connect, createClient, createStorage, createClient as createWagmiClient, createStorage as createWagmiStorage, disconnect, erc1155ABI, erc20ABI, erc721ABI, fetchBalance, fetchBlockNumber, fetchEnsAddress, fetchEnsAvatar, fetchEnsName, fetchEnsResolver, fetchFeeData, fetchSigner, fetchToken, getAccount, getContract, getNetwork, getProvider, getWebSocketProvider, noopStorage, readContract, sendTransaction, signMessage, signTypedData, switchNetwork, units, waitForTransaction, watchAccount, watchBalance, watchBlockNumber, watchContractEvent, watchEnsAddress, watchEnsAvatar, watchEnsName, watchEnsResolver, watchFeeData, watchNetwork, watchReadContract, watchSigner, watchToken, writeContract };
+export { Client, InjectedConnector, Client as WagmiClient, connect, createClient, createStorage, createClient as createWagmiClient, createStorage as createWagmiStorage, disconnect, erc20ABI, erc721ABI, fetchBalance, fetchBlockNumber, fetchEnsAddress, fetchEnsAvatar, fetchEnsName, fetchEnsResolver, fetchFeeData, fetchSigner, fetchToken, getAccount, getContract, getNetwork, getProvider, getWebSocketProvider, noopStorage, readContract, sendTransaction, signMessage, signTypedData, switchNetwork, units, waitForTransaction, watchAccount, watchBalance, watchBlockNumber, watchContractEvent, watchEnsAddress, watchEnsAvatar, watchEnsName, watchEnsResolver, watchFeeData, watchNetwork, watchReadContract, watchSigner, watchToken, writeContract };