@ant-design/web3-assets 0.1.0 → 0.1.1

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @ant-design/web3-assets
 
+## 0.1.1
+
+### Patch Changes
+
+- 2d7ae4f: refactor: auto config wagmi provider chains
+- 0df085f: feat: Add and update circle icons
+- c15bfdf: feat: BrowserLink support get url from chain in @ant-design/web3-assets
+- e4535ff: feat: add new wallet CoinbaseWallet
+- Updated dependencies [2d7ae4f]
+- Updated dependencies [0df085f]
+- Updated dependencies [9bac342]
+- Updated dependencies [3fbd1eb]
+- Updated dependencies [39782e4]
+- Updated dependencies [c15bfdf]
+  - @ant-design/web3-common@0.1.1
+  - @ant-design/web3-icons@0.2.0
+
 ## 0.1.0
 
 ### Patch Changes

package/dist/esm/chains.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chains.d.ts","sourceRoot":"","sources":["chains.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,KAAK,EAAY,MAAM,yBAAyB,CAAC;AAU/D,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAKpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,GAAG,EAAE,KAKjB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC"}
+{"version":3,"file":"chains.d.ts","sourceRoot":"","sources":["chains.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,KAAK,EAAY,MAAM,yBAAyB,CAAC;AAY/D,eAAO,MAAM,OAAO,EAAE,KAgBrB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAKpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,GAAG,EAAE,KAKjB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC"}

package/dist/esm/chains.js

@@ -1,11 +1,23 @@
 import { ChainIds } from '@ant-design/web3-common';
-import { EthereumColorful, OptimismColorful, BSCColorful, ArbitrumColorful, PolygonColorful } from '@ant-design/web3-icons';
+import { EthereumCircleColorful, OptimismCircleColorful, BSCCircleColorful, ArbitrumCircleColorful, PolygonCircleColorful, EtherscanCircleColorful, EthereumFilled } from '@ant-design/web3-icons';
 import { jsx as _jsx } from "react/jsx-runtime";
 export var Mainnet = {
   id: ChainIds.Mainnet,
   name: 'Ethereum',
-  icon: /*#__PURE__*/_jsx(EthereumColorful, {}),
+  icon: /*#__PURE__*/_jsx(EthereumCircleColorful, {}),
+  browser: {
+    icon: /*#__PURE__*/_jsx(EtherscanCircleColorful, {}),
+    getBrowserLink: function getBrowserLink(address, type) {
+      if (type === 'address') {
+        return "https://etherscan.io/address/".concat(address);
+      } else if (type === 'transaction') {
+        return "https://etherscan.io/tx/".concat(address);
+      }
+      throw new Error("getBrowserLink unsupported type ".concat(type));
+    }
+  },
   nativeCurrency: {
+    icon: /*#__PURE__*/_jsx(EthereumFilled, {}),
     name: 'Ether',
     symbol: 'ETH',
     decimals: 18
@@ -14,7 +26,7 @@ export var Mainnet = {
 export var Goerli = {
   id: ChainIds.Goerli,
   name: 'Goerli',
-  icon: /*#__PURE__*/_jsx(EthereumColorful, {}),
+  icon: /*#__PURE__*/_jsx(EthereumCircleColorful, {}),
   nativeCurrency: {
     name: 'Ether',
     symbol: 'ETH',
@@ -24,7 +36,7 @@ export var Goerli = {
 export var Polygon = {
   id: ChainIds.Polygon,
   name: 'Polygon',
-  icon: /*#__PURE__*/_jsx(PolygonColorful, {}),
+  icon: /*#__PURE__*/_jsx(PolygonCircleColorful, {}),
   nativeCurrency: {
     name: 'MATIC',
     symbol: 'MATIC',
@@ -34,7 +46,7 @@ export var Polygon = {
 export var BSC = {
   id: ChainIds.BSC,
   name: 'BNB Smart Chain',
-  icon: /*#__PURE__*/_jsx(BSCColorful, {}),
+  icon: /*#__PURE__*/_jsx(BSCCircleColorful, {}),
   nativeCurrency: {
     decimals: 18,
     name: 'BNB',
@@ -44,7 +56,7 @@ export var BSC = {
 export var Arbitrum = {
   id: ChainIds.Arbitrum,
   name: 'Arbitrum One',
-  icon: /*#__PURE__*/_jsx(ArbitrumColorful, {}),
+  icon: /*#__PURE__*/_jsx(ArbitrumCircleColorful, {}),
   nativeCurrency: {
     name: 'Ether',
     symbol: 'ETH',
@@ -54,7 +66,7 @@ export var Arbitrum = {
 export var Optimism = {
   id: ChainIds.Optimism,
   name: 'OP Mainnet',
-  icon: /*#__PURE__*/_jsx(OptimismColorful, {}),
+  icon: /*#__PURE__*/_jsx(OptimismCircleColorful, {}),
   nativeCurrency: {
     name: 'Ether',
     symbol: 'ETH',

package/dist/esm/wallets/coinbase-wallet.d.ts

@@ -0,0 +1,2 @@
+import type { WalletMetadata } from '@ant-design/web3-common';
+export declare const metadata_CoinbaseWallet: WalletMetadata;

package/dist/esm/wallets/coinbase-wallet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"coinbase-wallet.d.ts","sourceRoot":"","sources":["coinbase-wallet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAG9D,eAAO,MAAM,uBAAuB,EAAE,cAgBrC,CAAC"}

package/dist/esm/wallets/coinbase-wallet.js

@@ -0,0 +1,17 @@
+import { CoinbaseWalletCircleColorful, ChromeCircleColorful } from '@ant-design/web3-icons';
+import { jsx as _jsx } from "react/jsx-runtime";
+export var metadata_CoinbaseWallet = {
+  icon: /*#__PURE__*/_jsx(CoinbaseWalletCircleColorful, {}),
+  name: 'Coinbase Wallet',
+  remark: 'Coinbase Wallet',
+  app: {
+    link: 'https://www.coinbase.com/wallet'
+  },
+  extensions: [{
+    key: 'Chrome',
+    browserIcon: /*#__PURE__*/_jsx(ChromeCircleColorful, {}),
+    browserName: 'Chrome',
+    link: 'https://chromewebstore.google.com/detail/coinbase-wallet-extension/hnfanknocfeofbddgcijnmhnfnkdnaad',
+    description: 'Access your wallet right from your favorite web browser.'
+  }]
+};

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

@@ -1,2 +1,3 @@
 export * from './meta-mask';
 export * from './wallet-connect';
+export * from './coinbase-wallet';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC"}

package/dist/esm/wallets/index.js

@@ -1,2 +1,3 @@
 export * from "./meta-mask";
-export * from "./wallet-connect";
+export * from "./wallet-connect";
+export * from "./coinbase-wallet";

package/dist/esm/wallets/meta-mask.js

@@ -1,4 +1,4 @@
-import { MetaMaskColorful, ChromeColorful } from '@ant-design/web3-icons';
+import { MetaMaskColorful, ChromeCircleColorful } from '@ant-design/web3-icons';
 import { jsx as _jsx } from "react/jsx-runtime";
 export var metadata_MetaMask = {
   icon: /*#__PURE__*/_jsx(MetaMaskColorful, {}),
@@ -9,7 +9,7 @@ export var metadata_MetaMask = {
   },
   extensions: [{
     key: 'Chrome',
-    browserIcon: /*#__PURE__*/_jsx(ChromeColorful, {}),
+    browserIcon: /*#__PURE__*/_jsx(ChromeCircleColorful, {}),
     browserName: 'Chrome',
     link: 'https://chrome.google.com/webstore/detail/metamask/nkbihfbeogaeaoehlefnkodbefgpgknn',
     description: 'Access your wallet right from your favorite web browser.'

package/dist/esm/wallets/wallet-connect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"wallet-connect.d.ts","sourceRoot":"","sources":["wallet-connect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAG9D,eAAO,MAAM,sBAAsB,EAAE,cAQpC,CAAC"}
+{"version":3,"file":"wallet-connect.d.ts","sourceRoot":"","sources":["wallet-connect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAG9D,eAAO,MAAM,sBAAsB,EAAE,cAOpC,CAAC"}

package/dist/esm/wallets/wallet-connect.js

@@ -6,6 +6,5 @@ export var metadata_WalletConnect = {
   remark: 'Connect with mobile APP',
   app: {
     link: 'https://walletconnect.com/'
-  },
-  group: 'Popular'
+  }
 };

package/dist/lib/chains.js

@@ -10,8 +10,20 @@ var _jsxRuntime = require("react/jsx-runtime");
 const Mainnet = {
   id: _web3Common.ChainIds.Mainnet,
   name: 'Ethereum',
-  icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_web3Icons.EthereumColorful, {}),
+  icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_web3Icons.EthereumCircleColorful, {}),
+  browser: {
+    icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_web3Icons.EtherscanCircleColorful, {}),
+    getBrowserLink: (address, type) => {
+      if (type === 'address') {
+        return `https://etherscan.io/address/${address}`;
+      } else if (type === 'transaction') {
+        return `https://etherscan.io/tx/${address}`;
+      }
+      throw new Error(`getBrowserLink unsupported type ${type}`);
+    }
+  },
   nativeCurrency: {
+    icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_web3Icons.EthereumFilled, {}),
     name: 'Ether',
     symbol: 'ETH',
     decimals: 18
@@ -21,7 +33,7 @@ exports.Mainnet = Mainnet;
 const Goerli = {
   id: _web3Common.ChainIds.Goerli,
   name: 'Goerli',
-  icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_web3Icons.EthereumColorful, {}),
+  icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_web3Icons.EthereumCircleColorful, {}),
   nativeCurrency: {
     name: 'Ether',
     symbol: 'ETH',
@@ -32,7 +44,7 @@ exports.Goerli = Goerli;
 const Polygon = {
   id: _web3Common.ChainIds.Polygon,
   name: 'Polygon',
-  icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_web3Icons.PolygonColorful, {}),
+  icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_web3Icons.PolygonCircleColorful, {}),
   nativeCurrency: {
     name: 'MATIC',
     symbol: 'MATIC',
@@ -43,7 +55,7 @@ exports.Polygon = Polygon;
 const BSC = {
   id: _web3Common.ChainIds.BSC,
   name: 'BNB Smart Chain',
-  icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_web3Icons.BSCColorful, {}),
+  icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_web3Icons.BSCCircleColorful, {}),
   nativeCurrency: {
     decimals: 18,
     name: 'BNB',
@@ -54,7 +66,7 @@ exports.BSC = BSC;
 const Arbitrum = {
   id: _web3Common.ChainIds.Arbitrum,
   name: 'Arbitrum One',
-  icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_web3Icons.ArbitrumColorful, {}),
+  icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_web3Icons.ArbitrumCircleColorful, {}),
   nativeCurrency: {
     name: 'Ether',
     symbol: 'ETH',
@@ -65,7 +77,7 @@ exports.Arbitrum = Arbitrum;
 const Optimism = {
   id: _web3Common.ChainIds.Optimism,
   name: 'OP Mainnet',
-  icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_web3Icons.OptimismColorful, {}),
+  icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_web3Icons.OptimismCircleColorful, {}),
   nativeCurrency: {
     name: 'Ether',
     symbol: 'ETH',

package/dist/lib/wallets/coinbase-wallet.d.ts

@@ -0,0 +1,2 @@
+import type { WalletMetadata } from '@ant-design/web3-common';
+export declare const metadata_CoinbaseWallet: WalletMetadata;

package/dist/lib/wallets/coinbase-wallet.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.metadata_CoinbaseWallet = void 0;
+var _web3Icons = require("@ant-design/web3-icons");
+var _jsxRuntime = require("react/jsx-runtime");
+const metadata_CoinbaseWallet = {
+  icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_web3Icons.CoinbaseWalletCircleColorful, {}),
+  name: 'Coinbase Wallet',
+  remark: 'Coinbase Wallet',
+  app: {
+    link: 'https://www.coinbase.com/wallet'
+  },
+  extensions: [{
+    key: 'Chrome',
+    browserIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_web3Icons.ChromeCircleColorful, {}),
+    browserName: 'Chrome',
+    link: 'https://chromewebstore.google.com/detail/coinbase-wallet-extension/hnfanknocfeofbddgcijnmhnfnkdnaad',
+    description: 'Access your wallet right from your favorite web browser.'
+  }]
+};
+exports.metadata_CoinbaseWallet = metadata_CoinbaseWallet;

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

@@ -1,2 +1,3 @@
 export * from './meta-mask';
 export * from './wallet-connect';
+export * from './coinbase-wallet';

package/dist/lib/wallets/index.js

@@ -24,4 +24,15 @@ Object.keys(_walletConnect).forEach(function (key) {
       return _walletConnect[key];
     }
   });
+});
+var _coinbaseWallet = require("./coinbase-wallet");
+Object.keys(_coinbaseWallet).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _coinbaseWallet[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _coinbaseWallet[key];
+    }
+  });
 });

package/dist/lib/wallets/meta-mask.js

@@ -15,7 +15,7 @@ const metadata_MetaMask = {
   },
   extensions: [{
     key: 'Chrome',
-    browserIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_web3Icons.ChromeColorful, {}),
+    browserIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_web3Icons.ChromeCircleColorful, {}),
     browserName: 'Chrome',
     link: 'https://chrome.google.com/webstore/detail/metamask/nkbihfbeogaeaoehlefnkodbefgpgknn',
     description: 'Access your wallet right from your favorite web browser.'

package/dist/lib/wallets/wallet-connect.js

@@ -12,7 +12,6 @@ const metadata_WalletConnect = {
   remark: 'Connect with mobile APP',
   app: {
     link: 'https://walletconnect.com/'
-  },
-  group: 'Popular'
+  }
 };
 exports.metadata_WalletConnect = metadata_WalletConnect;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ant-design/web3-assets",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "exports": {
     "import": "./dist/esm/index.js",
     "require": "./dist/lib/index.js",
@@ -12,8 +12,8 @@
     "README.md"
   ],
   "dependencies": {
-    "@ant-design/web3-icons": "0.1.0",
-    "@ant-design/web3-common": "0.1.0"
+    "@ant-design/web3-common": "0.1.1",
+    "@ant-design/web3-icons": "0.2.0"
   },
   "devDependencies": {
     "@types/react": "^18.2.20",