@ant-design/web3-eth-web3js 1.0.0

package/CHANGELOG.md

@@ -0,0 +1,15 @@
+# @ant-design/web3-eth-web3js
+
+## 1.0.0
+
+### Major Changes
+
+- 17c450f: feat(web3js): support web3js adapter for ethereum
+
+### Patch Changes
+
+- Updated dependencies [1270c95]
+- Updated dependencies [02e74aa]
+  - @ant-design/web3-wagmi@2.4.4
+  - @ant-design/web3-assets@1.7.1
+  - @ant-design/web3-common@1.9.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 Ant Design Team
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,3 @@
+# @ant-design/web3-eth-web3js
+
+[https://web3.ant.design](https://web3.ant.design)

package/dist/esm/global.d.ts

@@ -0,0 +1,5 @@
+import type { EIP1193Provider } from 'viem';
+
+declare interface Window {
+  ethereum?: EIP1193Provider;
+}

package/dist/esm/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './use-web3js';

package/dist/esm/hooks/index.js

@@ -0,0 +1 @@
+export * from "./use-web3js";

package/dist/esm/hooks/use-web3js.d.ts

@@ -0,0 +1,4 @@
+import type { Chain, Client, Transport } from 'viem';
+import { Web3 } from 'web3';
+export declare const clientToWeb3js: (client: Client<Transport, Chain>) => Web3;
+export declare function useWeb3js(): Web3 | null;

package/dist/esm/hooks/use-web3js.js

@@ -0,0 +1,17 @@
+import { useMemo } from 'react';
+import { useConnectorClient } from 'wagmi';
+import { Web3 } from 'web3';
+export var clientToWeb3js = function clientToWeb3js(client) {
+  var transport = client.transport;
+  if (transport.type === 'fallback') {
+    return new Web3(transport.transports[0].value.url);
+  }
+  return new Web3(transport);
+};
+export function useWeb3js() {
+  var _useConnectorClient = useConnectorClient(),
+    client = _useConnectorClient.data;
+  return useMemo(function () {
+    return client ? clientToWeb3js(client) : null;
+  }, [client]);
+}

package/dist/esm/index.d.ts

@@ -0,0 +1,3 @@
+export * from './web3js-provider';
+export * from './wallets';
+export * from './hooks';

package/dist/esm/index.js

@@ -0,0 +1,3 @@
+export * from "./web3js-provider";
+export * from "./wallets";
+export * from "./hooks";

package/dist/esm/wagmi.d.ts

@@ -0,0 +1,4 @@
+export * from 'wagmi';
+export * as actions from 'wagmi/actions';
+export * as chains from 'wagmi/chains';
+export * as connectors from 'wagmi/connectors';

package/dist/esm/wagmi.js

@@ -0,0 +1,7 @@
+export * from 'wagmi';
+import * as _actions from 'wagmi/actions';
+export { _actions as actions };
+import * as _chains from 'wagmi/chains';
+export { _chains as chains };
+import * as _connectors from 'wagmi/connectors';
+export { _connectors as connectors };

package/dist/esm/wallets/index.d.ts

@@ -0,0 +1 @@
+export { MetaMask, CoinbaseWallet, TokenPocket, SafeheronWallet, UniversalWallet, OkxWallet, ImToken, } from '@ant-design/web3-wagmi';

package/dist/esm/wallets/index.js

@@ -0,0 +1 @@
+export { MetaMask, CoinbaseWallet, TokenPocket, SafeheronWallet, UniversalWallet, OkxWallet, ImToken } from '@ant-design/web3-wagmi';

package/dist/esm/web3js-provider/index.d.ts

@@ -0,0 +1 @@
+export * from './web3js-provider';

package/dist/esm/web3js-provider/index.js

@@ -0,0 +1 @@
+export * from "./web3js-provider";

package/dist/esm/web3js-provider/web3js-provider.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { type WagmiWeb3ConfigProviderProps } from '@ant-design/web3-wagmi';
+import type { WalletConnectParameters } from 'wagmi/connectors';
+export interface WalletConnectOptions extends Pick<WalletConnectParameters, 'disableProviderPing' | 'isNewChainsStale' | 'projectId' | 'metadata' | 'relayUrl' | 'storageOptions' | 'qrModalOptions'> {
+    useWalletConnectOfficialModal?: boolean;
+}
+export interface EthWeb3jsConfigProviderProps extends Omit<WagmiWeb3ConfigProviderProps, 'config'> {
+    walletConnect?: false | WalletConnectOptions;
+}
+export declare const EthWeb3jsConfigProvider: React.FC<React.PropsWithChildren<EthWeb3jsConfigProviderProps>>;

package/dist/esm/web3js-provider/web3js-provider.js

@@ -0,0 +1,81 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["children", "walletConnect"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import React from 'react';
+import { Mainnet, WagmiWeb3ConfigProvider, WalletConnect } from '@ant-design/web3-wagmi';
+import { createConfig, http } from 'wagmi';
+import * as wagmiChains from 'wagmi/chains';
+import * as wagmiConnectors from 'wagmi/connectors';
+import { jsx as _jsx } from "react/jsx-runtime";
+export var EthWeb3jsConfigProvider = function EthWeb3jsConfigProvider(_ref) {
+  var _props$chains2;
+  var children = _ref.children,
+    walletConnect = _ref.walletConnect,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var chains = React.useMemo(function () {
+    var _props$chains;
+    return ((_props$chains = props.chains) !== null && _props$chains !== void 0 ? _props$chains : [Mainnet]).map(function (chain) {
+      var _Object$values$find;
+      var wagmiChain = (_Object$values$find = Object.values(wagmiChains).find(function (wc) {
+        return wc.id === chain.id;
+      })) !== null && _Object$values$find !== void 0 ? _Object$values$find : null;
+      if (!(wagmiChain !== null && wagmiChain !== void 0 && wagmiChain.id)) console.warn("Chain ".concat(chain.id, " is not supported"));
+      return wagmiChain;
+    }).filter(function (chain) {
+      return chain !== null;
+    });
+  },
+  // only check chains id
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [(_props$chains2 = props.chains) === null || _props$chains2 === void 0 ? void 0 : _props$chains2.map(function (chain) {
+    return chain.id;
+  }).join()]);
+  var wallets = React.useMemo(function () {
+    var _props$wallets;
+    var targetWallets = _toConsumableArray((_props$wallets = props.wallets) !== null && _props$wallets !== void 0 ? _props$wallets : []);
+    if (walletConnect && walletConnect.projectId) targetWallets.push(WalletConnect());
+    return targetWallets;
+  }, [props.wallets, walletConnect]);
+  var wagmiConfig = React.useMemo(function () {
+    var _props$wallets2;
+    var transports = Object.fromEntries(chains.map(function (chain) {
+      return [chain.id, http()];
+    }));
+    var connectors = [wagmiConnectors.injected()];
+    ((_props$wallets2 = props.wallets) !== null && _props$wallets2 !== void 0 ? _props$wallets2 : []).forEach(function (wallet) {
+      if (wallet.name) {
+        connectors.push(wagmiConnectors.injected({
+          target: wallet.name
+        }));
+      }
+    });
+    if (walletConnect && walletConnect.projectId) {
+      var _walletConnect$useWal;
+      connectors.push(wagmiConnectors.walletConnect(_objectSpread(_objectSpread({}, walletConnect), {}, {
+        showQrModal: (_walletConnect$useWal = walletConnect.useWalletConnectOfficialModal) !== null && _walletConnect$useWal !== void 0 ? _walletConnect$useWal : false
+      })));
+    }
+    return createConfig({
+      chains: chains,
+      transports: transports,
+      connectors: connectors
+    });
+  }, [chains, walletConnect, props.wallets]);
+  return /*#__PURE__*/_jsx(WagmiWeb3ConfigProvider, _objectSpread(_objectSpread({}, props), {}, {
+    config: wagmiConfig,
+    wallets: wallets,
+    children: children
+  }));
+};

package/dist/lib/global.d.ts

@@ -0,0 +1,5 @@
+import type { EIP1193Provider } from 'viem';
+
+declare interface Window {
+  ethereum?: EIP1193Provider;
+}

package/dist/lib/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './use-web3js';

package/dist/lib/hooks/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _useWeb3js = require("./use-web3js");
+Object.keys(_useWeb3js).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useWeb3js[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useWeb3js[key];
+    }
+  });
+});

package/dist/lib/hooks/use-web3js.d.ts

@@ -0,0 +1,4 @@
+import type { Chain, Client, Transport } from 'viem';
+import { Web3 } from 'web3';
+export declare const clientToWeb3js: (client: Client<Transport, Chain>) => Web3;
+export declare function useWeb3js(): Web3 | null;

package/dist/lib/hooks/use-web3js.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.clientToWeb3js = void 0;
+exports.useWeb3js = useWeb3js;
+var _react = require("react");
+var _wagmi = require("wagmi");
+var _web = require("web3");
+const clientToWeb3js = client => {
+  const {
+    transport
+  } = client;
+  if (transport.type === 'fallback') {
+    return new _web.Web3(transport.transports[0].value.url);
+  }
+  return new _web.Web3(transport);
+};
+exports.clientToWeb3js = clientToWeb3js;
+function useWeb3js() {
+  const {
+    data: client
+  } = (0, _wagmi.useConnectorClient)();
+  return (0, _react.useMemo)(() => client ? clientToWeb3js(client) : null, [client]);
+}

package/dist/lib/index.d.ts

@@ -0,0 +1,3 @@
+export * from './web3js-provider';
+export * from './wallets';
+export * from './hooks';

package/dist/lib/index.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _web3jsProvider = require("./web3js-provider");
+Object.keys(_web3jsProvider).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _web3jsProvider[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _web3jsProvider[key];
+    }
+  });
+});
+var _wallets = require("./wallets");
+Object.keys(_wallets).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _wallets[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _wallets[key];
+    }
+  });
+});
+var _hooks = require("./hooks");
+Object.keys(_hooks).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _hooks[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _hooks[key];
+    }
+  });
+});

package/dist/lib/wagmi.d.ts

@@ -0,0 +1,4 @@
+export * from 'wagmi';
+export * as actions from 'wagmi/actions';
+export * as chains from 'wagmi/chains';
+export * as connectors from 'wagmi/connectors';

package/dist/lib/wagmi.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  actions: true,
+  chains: true,
+  connectors: true
+};
+exports.connectors = exports.chains = exports.actions = void 0;
+var _wagmi = require("wagmi");
+Object.keys(_wagmi).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _wagmi[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _wagmi[key];
+    }
+  });
+});
+var _actions = _interopRequireWildcard(require("wagmi/actions"));
+exports.actions = _actions;
+var _chains = _interopRequireWildcard(require("wagmi/chains"));
+exports.chains = _chains;
+var _connectors = _interopRequireWildcard(require("wagmi/connectors"));
+exports.connectors = _connectors;
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }

package/dist/lib/wallets/index.d.ts

@@ -0,0 +1 @@
+export { MetaMask, CoinbaseWallet, TokenPocket, SafeheronWallet, UniversalWallet, OkxWallet, ImToken, } from '@ant-design/web3-wagmi';

package/dist/lib/wallets/index.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "CoinbaseWallet", {
+  enumerable: true,
+  get: function () {
+    return _web3Wagmi.CoinbaseWallet;
+  }
+});
+Object.defineProperty(exports, "ImToken", {
+  enumerable: true,
+  get: function () {
+    return _web3Wagmi.ImToken;
+  }
+});
+Object.defineProperty(exports, "MetaMask", {
+  enumerable: true,
+  get: function () {
+    return _web3Wagmi.MetaMask;
+  }
+});
+Object.defineProperty(exports, "OkxWallet", {
+  enumerable: true,
+  get: function () {
+    return _web3Wagmi.OkxWallet;
+  }
+});
+Object.defineProperty(exports, "SafeheronWallet", {
+  enumerable: true,
+  get: function () {
+    return _web3Wagmi.SafeheronWallet;
+  }
+});
+Object.defineProperty(exports, "TokenPocket", {
+  enumerable: true,
+  get: function () {
+    return _web3Wagmi.TokenPocket;
+  }
+});
+Object.defineProperty(exports, "UniversalWallet", {
+  enumerable: true,
+  get: function () {
+    return _web3Wagmi.UniversalWallet;
+  }
+});
+var _web3Wagmi = require("@ant-design/web3-wagmi");

package/dist/lib/web3js-provider/index.d.ts

@@ -0,0 +1 @@
+export * from './web3js-provider';

package/dist/lib/web3js-provider/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _web3jsProvider = require("./web3js-provider");
+Object.keys(_web3jsProvider).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _web3jsProvider[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _web3jsProvider[key];
+    }
+  });
+});

package/dist/lib/web3js-provider/web3js-provider.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { type WagmiWeb3ConfigProviderProps } from '@ant-design/web3-wagmi';
+import type { WalletConnectParameters } from 'wagmi/connectors';
+export interface WalletConnectOptions extends Pick<WalletConnectParameters, 'disableProviderPing' | 'isNewChainsStale' | 'projectId' | 'metadata' | 'relayUrl' | 'storageOptions' | 'qrModalOptions'> {
+    useWalletConnectOfficialModal?: boolean;
+}
+export interface EthWeb3jsConfigProviderProps extends Omit<WagmiWeb3ConfigProviderProps, 'config'> {
+    walletConnect?: false | WalletConnectOptions;
+}
+export declare const EthWeb3jsConfigProvider: React.FC<React.PropsWithChildren<EthWeb3jsConfigProviderProps>>;

package/dist/lib/web3js-provider/web3js-provider.js

@@ -0,0 +1,63 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EthWeb3jsConfigProvider = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _web3Wagmi = require("@ant-design/web3-wagmi");
+var _wagmi = require("wagmi");
+var wagmiChains = _interopRequireWildcard(require("wagmi/chains"));
+var wagmiConnectors = _interopRequireWildcard(require("wagmi/connectors"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const EthWeb3jsConfigProvider = ({
+  children,
+  walletConnect,
+  ...props
+}) => {
+  const chains = _react.default.useMemo(() => (props.chains ?? [_web3Wagmi.Mainnet]).map(chain => {
+    const wagmiChain = Object.values(wagmiChains).find(wc => wc.id === chain.id) ?? null;
+    if (!wagmiChain?.id) console.warn(`Chain ${chain.id} is not supported`);
+    return wagmiChain;
+  }).filter(chain => chain !== null),
+  // only check chains id
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [props.chains?.map(chain => chain.id).join()]);
+  const wallets = _react.default.useMemo(() => {
+    const targetWallets = [...(props.wallets ?? [])];
+    if (walletConnect && walletConnect.projectId) targetWallets.push((0, _web3Wagmi.WalletConnect)());
+    return targetWallets;
+  }, [props.wallets, walletConnect]);
+  const wagmiConfig = _react.default.useMemo(() => {
+    const transports = Object.fromEntries(chains.map(chain => [chain.id, (0, _wagmi.http)()]));
+    const connectors = [wagmiConnectors.injected()];
+    (props.wallets ?? []).forEach(wallet => {
+      if (wallet.name) {
+        connectors.push(wagmiConnectors.injected({
+          target: wallet.name
+        }));
+      }
+    });
+    if (walletConnect && walletConnect.projectId) {
+      connectors.push(wagmiConnectors.walletConnect({
+        ...walletConnect,
+        showQrModal: walletConnect.useWalletConnectOfficialModal ?? false
+      }));
+    }
+    return (0, _wagmi.createConfig)({
+      chains,
+      transports,
+      connectors
+    });
+  }, [chains, walletConnect, props.wallets]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_web3Wagmi.WagmiWeb3ConfigProvider, {
+    ...props,
+    config: wagmiConfig,
+    wallets: wallets,
+    children: children
+  });
+};
+exports.EthWeb3jsConfigProvider = EthWeb3jsConfigProvider;

package/package.json

@@ -0,0 +1,77 @@
+{
+  "name": "@ant-design/web3-eth-web3js",
+  "version": "1.0.0",
+  "type": "module",
+  "main": "dist/esm/index.js",
+  "module": "dist/esm/index.js",
+  "typings": "dist/esm/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/esm/index.js",
+      "require": "./dist/lib/index.js",
+      "types": "./dist/esm/index.d.ts"
+    },
+    "./wagmi": {
+      "import": "./dist/esm/wagmi.js",
+      "require": "./dist/lib/wagmi.js",
+      "types": "./dist/esm/wagmi.d.ts"
+    }
+  },
+  "files": [
+    "dist",
+    "CHANGELOG.md",
+    "README.md"
+  ],
+  "keywords": [
+    "ant",
+    "component",
+    "components",
+    "design",
+    "framework",
+    "frontend",
+    "react",
+    "react-component",
+    "ui",
+    "web3js"
+  ],
+  "homepage": "https://we3.ant.design",
+  "bugs": {
+    "url": "https://github.com/ant-design/ant-design-web3/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ant-design/ant-design-web3"
+  },
+  "dependencies": {
+    "@tanstack/react-query": "^5.28.4",
+    "debug": "^4.3.4",
+    "viem": ">=2.0.0",
+    "wagmi": "^2.5.7",
+    "@ant-design/web3-wagmi": "2.4.4",
+    "@ant-design/web3-assets": "1.7.1",
+    "@ant-design/web3-common": "1.9.1"
+  },
+  "devDependencies": {
+    "@types/debug": "^4.1.12",
+    "father": "^4.3.8",
+    "typescript": "^5.4.2",
+    "web3": "^4.8.0"
+  },
+  "peerDependencies": {
+    "web3": "^4.0.0"
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org",
+    "access": "public"
+  },
+  "browserslist": [
+    "last 2 versions",
+    "Firefox ESR",
+    "> 1%",
+    "ie >= 11"
+  ],
+  "scripts": {
+    "dev": "father dev",
+    "build": "father build"
+  }
+}