@ant-design/web3-sui 1.0.0

package/CHANGELOG.md

@@ -0,0 +1,13 @@
+# @ant-design/web3-sui
+
+## 1.0.0
+
+### Major Changes
+
+- 9bb1ea1: feat: Add Sui adapter
+
+### Patch Changes
+
+- Updated dependencies [9bb1ea1]
+  - @ant-design/web3-common@1.13.0
+  - @ant-design/web3-assets@1.10.2

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,35 @@
+# @ant-design/web3-solana
+
+This package provides a [Sui](https://sui.io) adapter for [@ant-design/web3](https://www.npmjs.com/package/@ant-design/web3).
+
+## Installation
+
+```bash
+npm install @ant-design/web3 @ant-design/web3-sui --save
+```
+
+## Usage
+
+```tsx
+import { ConnectButton, Connector } from '@ant-design/web3';
+import { SuiWallet, SuiWeb3ConfigProvider } from '@ant-design/web3-sui';
+
+const App: React.FC = () => {
+  return (
+    <SuiWeb3ConfigProvider>
+      <Connector>
+        <ConnectButton />
+      </Connector>
+    </SuiWeb3ConfigProvider>
+  );
+};
+
+export default App;
+```
+
+For more examples, refer to [Sui - Ant Design Web3](https://web3.ant.design/components/sui).
+
+## Documentation
+
+- For more information, visit [Ant Design Web3](https://web3.ant.design).
+- For an introduction to Sui, visit [Sui](https://sui.io).

package/dist/esm/chain.d.ts

@@ -0,0 +1,10 @@
+import type { Chain } from '@ant-design/web3-common';
+import { SuiChainIds } from '@ant-design/web3-common';
+export interface SuiChain extends Chain {
+    id: SuiChainIds;
+    network: 'mainnet' | 'testnet' | 'devnet' | 'localnet';
+}
+export declare const suiMainnet: SuiChain;
+export declare const suiTestnet: SuiChain;
+export declare const suiDevnet: SuiChain;
+export declare const suiLocalnet: SuiChain;

package/dist/esm/chain.js

@@ -0,0 +1,64 @@
+import React from 'react';
+import { createGetBrowserLink, SuiChainIds } from '@ant-design/web3-common';
+import { SuiColorful } from '@ant-design/web3-icons';
+import { SUI_DECIMALS } from '@mysten/sui/utils';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const suiMainnet = {
+  id: SuiChainIds.Mainnet,
+  name: 'Sui',
+  network: 'mainnet',
+  icon: /*#__PURE__*/_jsx(SuiColorful, {}),
+  browser: {
+    icon: /*#__PURE__*/_jsx(SuiColorful, {}),
+    getBrowserLink: createGetBrowserLink('https://suiscan.xyz/mainnet')
+  },
+  nativeCurrency: {
+    name: 'Sui',
+    symbol: 'SUI',
+    decimals: SUI_DECIMALS
+  }
+};
+export const suiTestnet = {
+  id: SuiChainIds.Testnet,
+  name: 'Sui Testnet',
+  network: 'testnet',
+  icon: /*#__PURE__*/_jsx(SuiColorful, {}),
+  browser: {
+    icon: /*#__PURE__*/_jsx(SuiColorful, {}),
+    getBrowserLink: createGetBrowserLink('https://suiscan.xyz/testnet')
+  },
+  nativeCurrency: {
+    name: 'Sui',
+    symbol: 'SUI',
+    decimals: SUI_DECIMALS
+  }
+};
+export const suiDevnet = {
+  id: SuiChainIds.Devnet,
+  name: 'Sui Devnet',
+  network: 'devnet',
+  icon: /*#__PURE__*/_jsx(SuiColorful, {}),
+  browser: {
+    icon: /*#__PURE__*/_jsx(SuiColorful, {}),
+    getBrowserLink: createGetBrowserLink('https://suiscan.xyz/devnet')
+  },
+  nativeCurrency: {
+    name: 'Sui',
+    symbol: 'SUI',
+    decimals: SUI_DECIMALS
+  }
+};
+export const suiLocalnet = {
+  id: SuiChainIds.Localnet,
+  name: 'Sui Localnet',
+  network: 'localnet',
+  icon: /*#__PURE__*/_jsx(SuiColorful, {}),
+  browser: {
+    icon: /*#__PURE__*/_jsx(SuiColorful, {})
+  },
+  nativeCurrency: {
+    name: 'Sui',
+    symbol: 'SUI',
+    decimals: SUI_DECIMALS
+  }
+};

package/dist/esm/index.d.ts

@@ -0,0 +1,4 @@
+export * from './chain';
+export * from './sui-provider';
+export * from './wallets/built-in';
+export * from './wallets/factory';

package/dist/esm/index.js

@@ -0,0 +1,4 @@
+export * from "./chain";
+export * from "./sui-provider";
+export * from "./wallets/built-in";
+export * from "./wallets/factory";

package/dist/esm/sui-provider/config-provider.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { Locale } from '@ant-design/web3-common';
+import type { SuiChain } from '../chain';
+import type { WalletFactory } from '../wallets/types';
+export interface AntDesignWeb3ConfigProviderProps {
+    balance?: boolean;
+    locale?: Locale;
+    availableChains?: SuiChain[];
+    availableWallets?: WalletFactory[];
+    currentChain?: SuiChain;
+    sns?: boolean;
+    onCurrentChainChange: (network: string) => void;
+}
+export declare const AntDesignWeb3ConfigProvider: React.FC<React.PropsWithChildren<AntDesignWeb3ConfigProviderProps>>;

package/dist/esm/sui-provider/config-provider.js

@@ -0,0 +1,116 @@
+import React, { useCallback, useMemo } from 'react';
+import { SUI } from '@ant-design/web3-assets/tokens';
+import { Web3ConfigProvider } from '@ant-design/web3-common';
+import { SuiColorful } from '@ant-design/web3-icons';
+import { useConnectWallet, useCurrentAccount, useDisconnectWallet, useResolveSuiNSName, useSuiClient, useSuiClientQuery, useWallets } from '@mysten/dapp-kit';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const AntDesignWeb3ConfigProvider = ({
+  balance: showBalance,
+  locale,
+  availableChains,
+  availableWallets,
+  currentChain,
+  sns,
+  onCurrentChainChange,
+  children
+}) => {
+  const account = useCurrentAccount();
+  const standardWallets = useWallets();
+  const {
+    mutateAsync: connectAsync
+  } = useConnectWallet();
+  const {
+    mutateAsync: disconnectAsync
+  } = useDisconnectWallet();
+  const {
+    data: snsData
+  } = useResolveSuiNSName(sns ? account?.address : undefined);
+  const client = useSuiClient();
+  const {
+    data: balanceData
+  } = useSuiClientQuery('getBalance', {
+    owner: account?.address ?? ''
+  }, {
+    select(data) {
+      return BigInt(data.totalBalance);
+    }
+  });
+  const accountData = account ? {
+    address: account.address,
+    name: sns && snsData ? snsData : undefined
+  } : undefined;
+  const allWallets = useMemo(() => {
+    const standardWalletNames = standardWallets.map(w => w.name);
+    const fixedWallets = availableWallets?.map(factory => factory.create())?.filter(w => !standardWalletNames.includes(w.name));
+    const injectedWalletAssets = standardWallets.map(w => {
+      return {
+        name: w.name,
+        icon: w.icon,
+        remark: w.name,
+        _standardWallet: w,
+        async hasExtensionInstalled() {
+          return true;
+        },
+        async hasWalletReady() {
+          return true;
+        }
+      };
+    });
+    return fixedWallets ? fixedWallets.concat(injectedWalletAssets) : injectedWalletAssets;
+  }, [availableWallets, standardWallets]);
+  const getNFTMetadataFunc = useCallback(async ({
+    address
+  }) => {
+    const {
+      data: nftData
+    } = await client.getObject({
+      id: address,
+      options: {
+        showContent: true,
+        showDisplay: true
+      }
+    });
+    const displayData = nftData?.display?.data;
+    const objectFields = nftData?.content?.dataType === 'moveObject' ? nftData.content.fields : undefined;
+    return {
+      image: displayData?.image_url,
+      date: objectFields?.birthdate,
+      attributes: objectFields?.attributes,
+      description: displayData?.description,
+      edition: nftData?.version
+    };
+  }, [client]);
+  return /*#__PURE__*/_jsx(Web3ConfigProvider, {
+    availableChains: availableChains,
+    availableWallets: allWallets,
+    locale: locale,
+    account: accountData,
+    chain: currentChain,
+    balance: showBalance ? {
+      symbol: SUI.symbol,
+      decimals: SUI.decimal,
+      value: balanceData,
+      icon: /*#__PURE__*/_jsx(SuiColorful, {})
+    } : undefined,
+    connect: async wallet => {
+      const foundWallet = wallet?._standardWallet;
+      if (!foundWallet) {
+        throw new Error(`Can not find wallet ${wallet?.name}`);
+      }
+      await connectAsync({
+        wallet: foundWallet
+      });
+    },
+    disconnect: async () => {
+      await disconnectAsync();
+    },
+    switchChain: async chain => {
+      const network = availableChains?.find(item => item.id === chain.id)?.network;
+      if (network) {
+        onCurrentChainChange(network);
+      }
+    },
+    getNFTMetadata: getNFTMetadataFunc,
+    children: children
+  });
+};

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

@@ -0,0 +1,16 @@
+import React from 'react';
+import type { Locale } from '@ant-design/web3-common';
+import { createNetworkConfig } from '@mysten/dapp-kit';
+import { QueryClient } from '@tanstack/react-query';
+import type { WalletFactory } from '../wallets/types';
+export interface SuiWeb3ConfigProviderProps {
+    balance?: boolean;
+    locale?: Locale;
+    autoConnect?: boolean;
+    networkConfig?: ReturnType<typeof createNetworkConfig>['networkConfig'];
+    sns?: boolean;
+    defaultNetwork?: string;
+    wallets?: WalletFactory[];
+    queryClient?: QueryClient;
+}
+export declare const SuiWeb3ConfigProvider: React.FC<React.PropsWithChildren<SuiWeb3ConfigProviderProps>>;

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

@@ -0,0 +1,59 @@
+import React, { useContext } from 'react';
+import { createNetworkConfig, SuiClientProvider, WalletProvider } from '@mysten/dapp-kit';
+import { getFullnodeUrl } from '@mysten/sui/client';
+import { QueryClient, QueryClientContext, QueryClientProvider } from '@tanstack/react-query';
+import { suiDevnet, suiLocalnet, suiMainnet, suiTestnet } from "../chain";
+import { AntDesignWeb3ConfigProvider } from "./config-provider";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const SuiWeb3ConfigProvider = ({
+  autoConnect,
+  balance,
+  locale,
+  networkConfig,
+  defaultNetwork = 'mainnet',
+  queryClient,
+  sns,
+  wallets,
+  children
+}) => {
+  const [network, setNetwork] = React.useState(defaultNetwork);
+  const injectedQueryClient = useContext(QueryClientContext);
+  const mergedQueryClient = React.useMemo(() => {
+    return queryClient ?? injectedQueryClient ?? new QueryClient();
+  }, [injectedQueryClient, queryClient]);
+  const mergedNetworkConfig = React.useMemo(() => {
+    return networkConfig ?? createNetworkConfig({
+      mainnet: {
+        url: getFullnodeUrl('mainnet')
+      }
+    }).networkConfig;
+  }, [networkConfig]);
+  const networks = React.useMemo(() => {
+    const networkConfigKeys = Object.keys(mergedNetworkConfig);
+    const networkConfigs = [suiMainnet, suiTestnet, suiDevnet, suiLocalnet];
+    return networkConfigKeys.map(networkKey => networkConfigs.find(item => item.network === networkKey)).filter(item => !!item);
+  }, [mergedNetworkConfig]);
+  const currentNetwork = React.useMemo(() => {
+    return networks?.find(item => item.network === network);
+  }, [network, networks]);
+  return /*#__PURE__*/_jsx(QueryClientProvider, {
+    client: mergedQueryClient,
+    children: /*#__PURE__*/_jsx(SuiClientProvider, {
+      networks: mergedNetworkConfig,
+      network: network,
+      children: /*#__PURE__*/_jsx(WalletProvider, {
+        autoConnect: autoConnect,
+        children: /*#__PURE__*/_jsx(AntDesignWeb3ConfigProvider, {
+          locale: locale,
+          availableChains: networks,
+          availableWallets: wallets,
+          currentChain: currentNetwork,
+          balance: balance,
+          sns: sns,
+          onCurrentChainChange: setNetwork,
+          children: children
+        })
+      })
+    })
+  });
+};

package/dist/esm/wallets/built-in.d.ts

@@ -0,0 +1,2 @@
+export declare const Suiet: () => import("./types").WalletFactory;
+export declare const SuiWallet: () => import("./types").WalletFactory;

package/dist/esm/wallets/built-in.js

@@ -0,0 +1,5 @@
+/* v8 ignore start */
+import { metadata_Suiet, metadata_SuiWallet } from '@ant-design/web3-assets';
+import { WalletFactory } from "./factory";
+export const Suiet = () => WalletFactory(metadata_Suiet);
+export const SuiWallet = () => WalletFactory(metadata_SuiWallet);

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

@@ -0,0 +1,2 @@
+import type { WalletFactoryBuilder } from './types';
+export declare const WalletFactory: WalletFactoryBuilder;

package/dist/esm/wallets/factory.js

@@ -0,0 +1,15 @@
+/* v8 ignore start */
+
+export const WalletFactory = metadata => {
+  return {
+    create: () => {
+      return {
+        ...metadata,
+        // We simply assume that all wallets implement the `Standard Wallet`,
+        // so the wallets provided by `wallets` are not available.
+        hasWalletReady: () => Promise.resolve(false),
+        hasExtensionInstalled: () => Promise.resolve(false)
+      };
+    }
+  };
+};

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

@@ -0,0 +1,5 @@
+import type { Wallet, WalletMetadata } from '@ant-design/web3-common';
+export interface WalletFactory {
+    create: () => Wallet;
+}
+export type WalletFactoryBuilder = (metadata: WalletMetadata) => WalletFactory;

package/dist/esm/wallets/types.js

@@ -0,0 +1 @@
+export {};

package/dist/lib/chain.d.ts

@@ -0,0 +1,10 @@
+import type { Chain } from '@ant-design/web3-common';
+import { SuiChainIds } from '@ant-design/web3-common';
+export interface SuiChain extends Chain {
+    id: SuiChainIds;
+    network: 'mainnet' | 'testnet' | 'devnet' | 'localnet';
+}
+export declare const suiMainnet: SuiChain;
+export declare const suiTestnet: SuiChain;
+export declare const suiDevnet: SuiChain;
+export declare const suiLocalnet: SuiChain;

package/dist/lib/chain.js

@@ -0,0 +1,71 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.suiTestnet = exports.suiMainnet = exports.suiLocalnet = exports.suiDevnet = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _web3Common = require("@ant-design/web3-common");
+var _web3Icons = require("@ant-design/web3-icons");
+var _utils = require("@mysten/sui/utils");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const suiMainnet = exports.suiMainnet = {
+  id: _web3Common.SuiChainIds.Mainnet,
+  name: 'Sui',
+  network: 'mainnet',
+  icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_web3Icons.SuiColorful, {}),
+  browser: {
+    icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_web3Icons.SuiColorful, {}),
+    getBrowserLink: (0, _web3Common.createGetBrowserLink)('https://suiscan.xyz/mainnet')
+  },
+  nativeCurrency: {
+    name: 'Sui',
+    symbol: 'SUI',
+    decimals: _utils.SUI_DECIMALS
+  }
+};
+const suiTestnet = exports.suiTestnet = {
+  id: _web3Common.SuiChainIds.Testnet,
+  name: 'Sui Testnet',
+  network: 'testnet',
+  icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_web3Icons.SuiColorful, {}),
+  browser: {
+    icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_web3Icons.SuiColorful, {}),
+    getBrowserLink: (0, _web3Common.createGetBrowserLink)('https://suiscan.xyz/testnet')
+  },
+  nativeCurrency: {
+    name: 'Sui',
+    symbol: 'SUI',
+    decimals: _utils.SUI_DECIMALS
+  }
+};
+const suiDevnet = exports.suiDevnet = {
+  id: _web3Common.SuiChainIds.Devnet,
+  name: 'Sui Devnet',
+  network: 'devnet',
+  icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_web3Icons.SuiColorful, {}),
+  browser: {
+    icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_web3Icons.SuiColorful, {}),
+    getBrowserLink: (0, _web3Common.createGetBrowserLink)('https://suiscan.xyz/devnet')
+  },
+  nativeCurrency: {
+    name: 'Sui',
+    symbol: 'SUI',
+    decimals: _utils.SUI_DECIMALS
+  }
+};
+const suiLocalnet = exports.suiLocalnet = {
+  id: _web3Common.SuiChainIds.Localnet,
+  name: 'Sui Localnet',
+  network: 'localnet',
+  icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_web3Icons.SuiColorful, {}),
+  browser: {
+    icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_web3Icons.SuiColorful, {})
+  },
+  nativeCurrency: {
+    name: 'Sui',
+    symbol: 'SUI',
+    decimals: _utils.SUI_DECIMALS
+  }
+};

package/dist/lib/index.d.ts

@@ -0,0 +1,4 @@
+export * from './chain';
+export * from './sui-provider';
+export * from './wallets/built-in';
+export * from './wallets/factory';

package/dist/lib/index.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _chain = require("./chain");
+Object.keys(_chain).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _chain[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _chain[key];
+    }
+  });
+});
+var _suiProvider = require("./sui-provider");
+Object.keys(_suiProvider).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _suiProvider[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _suiProvider[key];
+    }
+  });
+});
+var _builtIn = require("./wallets/built-in");
+Object.keys(_builtIn).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _builtIn[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _builtIn[key];
+    }
+  });
+});
+var _factory = require("./wallets/factory");
+Object.keys(_factory).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _factory[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _factory[key];
+    }
+  });
+});

package/dist/lib/sui-provider/config-provider.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { Locale } from '@ant-design/web3-common';
+import type { SuiChain } from '../chain';
+import type { WalletFactory } from '../wallets/types';
+export interface AntDesignWeb3ConfigProviderProps {
+    balance?: boolean;
+    locale?: Locale;
+    availableChains?: SuiChain[];
+    availableWallets?: WalletFactory[];
+    currentChain?: SuiChain;
+    sns?: boolean;
+    onCurrentChainChange: (network: string) => void;
+}
+export declare const AntDesignWeb3ConfigProvider: React.FC<React.PropsWithChildren<AntDesignWeb3ConfigProviderProps>>;

package/dist/lib/sui-provider/config-provider.js

@@ -0,0 +1,125 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AntDesignWeb3ConfigProvider = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _tokens = require("@ant-design/web3-assets/tokens");
+var _web3Common = require("@ant-design/web3-common");
+var _web3Icons = require("@ant-design/web3-icons");
+var _dappKit = require("@mysten/dapp-kit");
+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; }
+const AntDesignWeb3ConfigProvider = ({
+  balance: showBalance,
+  locale,
+  availableChains,
+  availableWallets,
+  currentChain,
+  sns,
+  onCurrentChainChange,
+  children
+}) => {
+  const account = (0, _dappKit.useCurrentAccount)();
+  const standardWallets = (0, _dappKit.useWallets)();
+  const {
+    mutateAsync: connectAsync
+  } = (0, _dappKit.useConnectWallet)();
+  const {
+    mutateAsync: disconnectAsync
+  } = (0, _dappKit.useDisconnectWallet)();
+  const {
+    data: snsData
+  } = (0, _dappKit.useResolveSuiNSName)(sns ? account?.address : undefined);
+  const client = (0, _dappKit.useSuiClient)();
+  const {
+    data: balanceData
+  } = (0, _dappKit.useSuiClientQuery)('getBalance', {
+    owner: account?.address ?? ''
+  }, {
+    select(data) {
+      return BigInt(data.totalBalance);
+    }
+  });
+  const accountData = account ? {
+    address: account.address,
+    name: sns && snsData ? snsData : undefined
+  } : undefined;
+  const allWallets = (0, _react.useMemo)(() => {
+    const standardWalletNames = standardWallets.map(w => w.name);
+    const fixedWallets = availableWallets?.map(factory => factory.create())?.filter(w => !standardWalletNames.includes(w.name));
+    const injectedWalletAssets = standardWallets.map(w => {
+      return {
+        name: w.name,
+        icon: w.icon,
+        remark: w.name,
+        _standardWallet: w,
+        async hasExtensionInstalled() {
+          return true;
+        },
+        async hasWalletReady() {
+          return true;
+        }
+      };
+    });
+    return fixedWallets ? fixedWallets.concat(injectedWalletAssets) : injectedWalletAssets;
+  }, [availableWallets, standardWallets]);
+  const getNFTMetadataFunc = (0, _react.useCallback)(async ({
+    address
+  }) => {
+    const {
+      data: nftData
+    } = await client.getObject({
+      id: address,
+      options: {
+        showContent: true,
+        showDisplay: true
+      }
+    });
+    const displayData = nftData?.display?.data;
+    const objectFields = nftData?.content?.dataType === 'moveObject' ? nftData.content.fields : undefined;
+    return {
+      image: displayData?.image_url,
+      date: objectFields?.birthdate,
+      attributes: objectFields?.attributes,
+      description: displayData?.description,
+      edition: nftData?.version
+    };
+  }, [client]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_web3Common.Web3ConfigProvider, {
+    availableChains: availableChains,
+    availableWallets: allWallets,
+    locale: locale,
+    account: accountData,
+    chain: currentChain,
+    balance: showBalance ? {
+      symbol: _tokens.SUI.symbol,
+      decimals: _tokens.SUI.decimal,
+      value: balanceData,
+      icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_web3Icons.SuiColorful, {})
+    } : undefined,
+    connect: async wallet => {
+      const foundWallet = wallet?._standardWallet;
+      if (!foundWallet) {
+        throw new Error(`Can not find wallet ${wallet?.name}`);
+      }
+      await connectAsync({
+        wallet: foundWallet
+      });
+    },
+    disconnect: async () => {
+      await disconnectAsync();
+    },
+    switchChain: async chain => {
+      const network = availableChains?.find(item => item.id === chain.id)?.network;
+      if (network) {
+        onCurrentChainChange(network);
+      }
+    },
+    getNFTMetadata: getNFTMetadataFunc,
+    children: children
+  });
+};
+exports.AntDesignWeb3ConfigProvider = AntDesignWeb3ConfigProvider;

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

@@ -0,0 +1,16 @@
+import React from 'react';
+import type { Locale } from '@ant-design/web3-common';
+import { createNetworkConfig } from '@mysten/dapp-kit';
+import { QueryClient } from '@tanstack/react-query';
+import type { WalletFactory } from '../wallets/types';
+export interface SuiWeb3ConfigProviderProps {
+    balance?: boolean;
+    locale?: Locale;
+    autoConnect?: boolean;
+    networkConfig?: ReturnType<typeof createNetworkConfig>['networkConfig'];
+    sns?: boolean;
+    defaultNetwork?: string;
+    wallets?: WalletFactory[];
+    queryClient?: QueryClient;
+}
+export declare const SuiWeb3ConfigProvider: React.FC<React.PropsWithChildren<SuiWeb3ConfigProviderProps>>;

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

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SuiWeb3ConfigProvider = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _dappKit = require("@mysten/dapp-kit");
+var _client = require("@mysten/sui/client");
+var _reactQuery = require("@tanstack/react-query");
+var _chain = require("../chain");
+var _configProvider = require("./config-provider");
+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; }
+const SuiWeb3ConfigProvider = ({
+  autoConnect,
+  balance,
+  locale,
+  networkConfig,
+  defaultNetwork = 'mainnet',
+  queryClient,
+  sns,
+  wallets,
+  children
+}) => {
+  const [network, setNetwork] = _react.default.useState(defaultNetwork);
+  const injectedQueryClient = (0, _react.useContext)(_reactQuery.QueryClientContext);
+  const mergedQueryClient = _react.default.useMemo(() => {
+    return queryClient ?? injectedQueryClient ?? new _reactQuery.QueryClient();
+  }, [injectedQueryClient, queryClient]);
+  const mergedNetworkConfig = _react.default.useMemo(() => {
+    return networkConfig ?? (0, _dappKit.createNetworkConfig)({
+      mainnet: {
+        url: (0, _client.getFullnodeUrl)('mainnet')
+      }
+    }).networkConfig;
+  }, [networkConfig]);
+  const networks = _react.default.useMemo(() => {
+    const networkConfigKeys = Object.keys(mergedNetworkConfig);
+    const networkConfigs = [_chain.suiMainnet, _chain.suiTestnet, _chain.suiDevnet, _chain.suiLocalnet];
+    return networkConfigKeys.map(networkKey => networkConfigs.find(item => item.network === networkKey)).filter(item => !!item);
+  }, [mergedNetworkConfig]);
+  const currentNetwork = _react.default.useMemo(() => {
+    return networks?.find(item => item.network === network);
+  }, [network, networks]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactQuery.QueryClientProvider, {
+    client: mergedQueryClient,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_dappKit.SuiClientProvider, {
+      networks: mergedNetworkConfig,
+      network: network,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_dappKit.WalletProvider, {
+        autoConnect: autoConnect,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_configProvider.AntDesignWeb3ConfigProvider, {
+          locale: locale,
+          availableChains: networks,
+          availableWallets: wallets,
+          currentChain: currentNetwork,
+          balance: balance,
+          sns: sns,
+          onCurrentChainChange: setNetwork,
+          children: children
+        })
+      })
+    })
+  });
+};
+exports.SuiWeb3ConfigProvider = SuiWeb3ConfigProvider;

package/dist/lib/wallets/built-in.d.ts

@@ -0,0 +1,2 @@
+export declare const Suiet: () => import("./types").WalletFactory;
+export declare const SuiWallet: () => import("./types").WalletFactory;

package/dist/lib/wallets/built-in.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Suiet = exports.SuiWallet = void 0;
+var _web3Assets = require("@ant-design/web3-assets");
+var _factory = require("./factory");
+/* v8 ignore start */
+
+const Suiet = () => (0, _factory.WalletFactory)(_web3Assets.metadata_Suiet);
+exports.Suiet = Suiet;
+const SuiWallet = () => (0, _factory.WalletFactory)(_web3Assets.metadata_SuiWallet);
+exports.SuiWallet = SuiWallet;

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

@@ -0,0 +1,2 @@
+import type { WalletFactoryBuilder } from './types';
+export declare const WalletFactory: WalletFactoryBuilder;

package/dist/lib/wallets/factory.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.WalletFactory = void 0;
+/* v8 ignore start */
+
+const WalletFactory = metadata => {
+  return {
+    create: () => {
+      return {
+        ...metadata,
+        // We simply assume that all wallets implement the `Standard Wallet`,
+        // so the wallets provided by `wallets` are not available.
+        hasWalletReady: () => Promise.resolve(false),
+        hasExtensionInstalled: () => Promise.resolve(false)
+      };
+    }
+  };
+};
+exports.WalletFactory = WalletFactory;

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

@@ -0,0 +1,5 @@
+import type { Wallet, WalletMetadata } from '@ant-design/web3-common';
+export interface WalletFactory {
+    create: () => Wallet;
+}
+export type WalletFactoryBuilder = (metadata: WalletMetadata) => WalletFactory;

package/dist/lib/wallets/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/package.json

@@ -0,0 +1,71 @@
+{
+  "name": "@ant-design/web3-sui",
+  "version": "1.0.0",
+  "main": "dist/lib/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"
+  },
+  "sideEffects": false,
+  "files": [
+    "dist",
+    "CHANGELOG.md",
+    "README.md"
+  ],
+  "keywords": [
+    "ant",
+    "component",
+    "components",
+    "design",
+    "framework",
+    "frontend",
+    "react",
+    "react-component",
+    "ui",
+    "web3",
+    "sui"
+  ],
+  "homepage": "https://web3.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": {
+    "debug": "^4.3.4",
+    "@ant-design/web3-common": "1.13.0",
+    "@ant-design/web3-assets": "1.10.2"
+  },
+  "devDependencies": {
+    "@mysten/dapp-kit": "^0.14.11",
+    "@mysten/sui": "^1.4.0",
+    "@tanstack/react-query": "^5.40.1",
+    "@types/debug": "^4.1.12",
+    "father": "^4.4.4",
+    "typescript": "^5.5.2"
+  },
+  "peerDependencies": {
+    "@mysten/dapp-kit": "^0.14.11",
+    "@mysten/sui": "^1.4.0",
+    "@tanstack/react-query": "^5.40.1"
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org",
+    "access": "public"
+  },
+  "browserslist": [
+    "last 2 versions",
+    "Firefox ESR",
+    "> 1%",
+    "ie >= 11"
+  ],
+  "scripts": {
+    "dev": "father dev",
+    "build": "father build"
+  }
+}