@web3jskit/walletkit 0.1.3 → 0.1.5

package/README.md

@@ -1,233 +1,213 @@
-# **WalletKit**
+# WalletKit
+
+**WalletKit** 是一个轻量级的多链钱包连接工具包，旨在帮助开发者快速集成支持多条链的钱包插件，如 MetaMask、Phantom、TronLink、Gel Wallet 等。它提供了便捷的状态管理、自定义 Hooks 和统一的 API，使 DApp 开发更简单高效。
 
 **WalletKit** is a lightweight, multi-chain compatible wallet connection toolkit designed to help developers quickly integrate wallet plugins that support multiple chains, such as MetaMask, Phantom, TronLink, Gel Wallet, and more. It provides convenient state management, custom hooks, and a unified API, making DApp development simpler and more efficient.
 
----
+## 架构 Architecture
+
+WalletKit 由两个主要部分组成 / WalletKit consists of two main parts:
+
+1. **@web3jskit/wallethelper**: 底层钱包连接库，提供统一的钱包接口和状态管理 / Core wallet connection library providing unified wallet interfaces and state management
+
+   - 多链支持 / Multi-chain support (EVM, PUT, SOL, Tron, BTC)
+   - 钱包检测和连接 / Wallet detection and connection
+   - 统一的交易接口 / Unified transaction interface
+   - 状态管理 / State management
 
-## **Installation**
+2. **@web3jskit/walletkit**: React 组件库，提供开箱即用的 UI 组件 / React component library providing ready-to-use UI components
+   - 钱包连接按钮 / Wallet connection button
+   - 钱包选择模态框 / Wallet selection modal
+   - 链切换组件 / Chain switching component
+   - 自定义 Hooks / Custom hooks
 
-Install via `npm` \ `yarn` \ `pnpm`:
+## 安装 Installation
+
+通过 npm、yarn 或 pnpm 安装 / Install via npm, yarn, or pnpm:
 
 ```bash
+# npm
 npm install @web3jskit/walletkit
 
+# yarn
 yarn add @web3jskit/walletkit
 
+# pnpm
 pnpm add @web3jskit/walletkit
 ```
 
-## **Quick Start**
+## 快速开始 Quick Start
 
-### Import the Library
+### 1. 导入并初始化 Import and Initialize
 
 ```javascript
-import { getWalletKit } from '@web3jskit/walletkit';
-```
-
-## Core Features
+import { WalletKitProvider, ConnectButton } from '@web3jskit/walletkit';
 
-### 1. Get the List of Current Connectors
-
-Get the list of supported wallet connectors using the `getConnectors` method:
-
-```javascript
-const connectors = walletKit.getConnectors();
-console.log(connectors);
-// Example output:
-// [
-//   { name: 'MetaMask', icon: '🔗', provider: ... },
-//   { name: 'Coinbase Wallet', icon: '💼', provider: ... },
-//   ...
-// ]
+function App() {
+	return (
+		<WalletKitProvider>
+			<ConnectButton />
+			{/* 其他组件 Other components */}
+		</WalletKitProvider>
+	);
+}
 ```
 
-### 2. Connect to a Wallet
-
-Use the `connect` method of a connector to connect to a wallet:
+### 2. 使用 Hooks Use Hooks
 
 ```javascript
-const connectors = walletKit.getConnectors();
-
-// Select a connector
-const connector = connectors[0];
-
-// Connect to the wallet
-const address = await connector.connect();
-console.log(address);
-
-// Check the current connection status
-console.log(walletKit.getConnectStatus()); // Output: "connected"
-```
-
-### 3. Use Custom Hook
-
-WalletKit provides a custom hook `useWalletKit`, which, combined with React state management, makes development simpler and more convenient.
-
-Using `useWalletKit`
-
-In a React project, import `useWalletKit` and use it directly:
+import { useWalletKit } from '@web3jskit/walletkit';
 
-```tsx
-'use client';
-import { ChainType } from '@web3jskit/type';
-import { ConnectButton, useWalletKit, AppModal, WalletKitProvider } from '@web3jskit/walletkit';
+function MyComponent() {
+	const { openModal, currentChainType, setChainType, currentConnector, walletAddress, getProvider } = useWalletKit();
 
-export default function WalletKitTest() {
-	const { openModal, currentChain, switchChain, currentConnector, walletAddress, getProvider } = useWalletKit();
-
-	const chainList = [ChainType.EVM, ChainType.PUT, ChainType.SOL, ChainType.Tron, ChainType.BTC];
-
-	const handleConnect = async () => {
+	// 连接钱包 Connect wallet
+	const handleConnect = () => {
 		openModal(AppModal.ConnectModal);
 	};
 
+	// 断开连接 Disconnect
 	const handleDisconnect = () => {
 		currentConnector?.disconnect();
 	};
 
-	const handleGetProvider = async () => {
-		const provider = await getProvider();
-		console.log('provider', provider);
-	};
-
 	return (
-		<WalletKitProvider>
-			<ConnectButton />
-			<div>
-				<button onClick={() => handleConnect()}>连接钱包</button>
-				<button onClick={() => handleDisconnect()}>断开链接</button>
-			</div>
-			<div>
-				{chainList.map(chainType => (
-					<button key={chainType} onClick={() => switchChain(chainType)}>
-						切换{chainType}
-					</button>
-				))}
-			</div>
-			<div>
-				<button onClick={() => handleGetProvider()}>获取Provider</button>
-			</div>
-			<div>当 前 链：{currentChain}</div>
-			<div>钱 包 名：{currentConnector?.name}</div>
-			<div>钱包地址：{walletAddress}</div>
-		</WalletKitProvider>
+		<div>
+			<div>Chain: {currentChainType}</div>
+			<div>Wallet: {currentConnector?.name}</div>
+			<div>Address: {walletAddress}</div>
+		</div>
 	);
 }
 ```
 
-`useWalletKit` Return Values
+## 核心功能 Core Features
 
-| Property/Method    | Description                                                 |
-| ------------------ | ----------------------------------------------------------- |
-| `currentChain`     | Current chain ID                                            |
-| `getConnectors`    | Method to get available connectors                          |
-| `currentConnector` | Current connector instance                                  |
-| `connectStatus`    | Current connection status (e.g., "connecting", "connected") |
-| `closeModal`       | Method to close the wallet connection modal                 |
-| `provider`         | Current provider instance                                   |
-| `...`              | ...Other methods and properties                             |
+### 1. 钱包连接 Wallet Connection
 
-### 4. Switch Chain
+```javascript
+const { currentConnector, connectStatus } = useWalletKit();
 
-Switch to a specified chain using the `switchChain` method:
+// 连接钱包 Connect wallet
+await currentConnector.connect();
 
-```javascript
-await walletKit.switchChain(ChainType); // Switch to Ethereum Mainnet (ChainType)
-```
+// 断开连接 Disconnect
+await currentConnector.disconnect();
 
-### 5. State Management
+// 监听状态 Listen to status
+console.log(connectStatus); // 'connected' | 'connecting' | 'disconnected'
+```
 
-Get the current state:
+### 2. 链切换 Chain Switching
 
 ```javascript
-console.log(walletKit.getCurrentChain()); // Current chain information
-console.log(walletKit.getConnectStatus()); // Connection status (e.g., "connected", "disconnected")
-console.log(walletKit.getCurrentConnector()); // Current connector
-console.log(walletKit.getProvider()); // Current provider
+const { setChainType, currentChainType } = useWalletKit();
+
+// 切换链 Switch chain
+await setChainType(ChainType.EVM);
 ```
 
-Listen for state changes:
+### 3. 交易操作 Transaction Operations
 
 ```javascript
-walletKit.on('connect', connector => {
-	console.log(`${connector.name} connected`);
+const { currentConnector } = useWalletKit();
+
+// 签名消息 Sign message
+const signature = await currentConnector.signMessage('Hello Web3');
+
+// 发送交易 Send transaction
+const txHash = await currentConnector.sendTransaction({
+ to: '0x...',
+ value: '0x...',
 });
 
-walletKit.on('disconnect', () => {
-	console.log('Wallet disconnected');
+// 合约调用 Contract call
+const result = await currentConnector.writeContract({
+ address: '0x...',
+ abi: [...],
+ functionName: 'transfer',
+ args: [...],
 });
 ```
 
-Integrate into a React Project
-
-Quickly integrate into a DApp using the `useWalletKit` custom hook and React state management:
+## 支持的钱包 Supported Wallets
 
-```tsx
-import React, { useEffect } from 'react';
-import { useWalletKit, WalletKitProvider } from '@web3jskit/walletkit';
+- MetaMask (EVM)
+- Phantom (SOL, BTC)
+- TronLink (TRON)
+- Gel Wallet (EVM, PUT, SOL)
+- OKX Wallet (EVM)
+- Trust Wallet (EVM)
+- TokenPocket (EVM)
+- Bitget Wallet (EVM)
+- Coinbase Wallet (EVM)
 
-const WalletConnectButton: React.FC = () => {
-	const { connectStatus, getConnectors, currentConnector } = useWalletKit();
-
-	useEffect(() => {
-		if (connectStatus === 'connected') {
-			console.log(`Connected to ${currentConnector?.name}`);
-		}
-	}, [connectStatus, currentConnector]);
-
-	const handleConnect = async () => {
-		const connectors = getConnectors();
-		if (connectors.length) {
-			await connectors[0].connect();
-		}
-	};
+## API 参考 API Reference
 
-	return;
-	<WalletKitProvider>
-		<button onClick={handleConnect}>{connectStatus === 'connected' ? 'Connected' : 'Connect Wallet'}</button>
-	</WalletKitProvider>;
-};
+### useWalletKit Hook
 
-export default WalletConnectButton;
-```
+| 属性/方法 Property/Method | 描述 Description                        |
+| ------------------------- | --------------------------------------- |
+| `currentChainType`        | 当前链类型 Current chain type           |
+| `setChainType`            | 切换链类型 Switch chain type            |
+| `currentConnector`        | 当前钱包连接器 Current wallet connector |
+| `connectStatus`           | 连接状态 Connection status              |
+| `walletAddress`           | 钱包地址 Wallet address                 |
+| `getProvider`             | 获取 Provider Get provider              |
+| `openModal`               | 打开模态框 Open modal                   |
+| `closeModal`              | 关闭模态框 Close modal                  |
 
-## Supported Wallets
+### WalletConnector
 
-WalletKit supports the following wallets:
+| 方法 Method             | 描述 Description          |
+| ----------------------- | ------------------------- |
+| `connect()`             | 连接钱包 Connect wallet   |
+| `disconnect()`          | 断开连接 Disconnect       |
+| `signMessage(message)`  | 签名消息 Sign message     |
+| `sendTransaction(tx)`   | 发送交易 Send transaction |
+| `writeContract(params)` | 合约写入 Write contract   |
+| `readContract(params)`  | 合约读取 Read contract    |
 
-- MetaMask
-- Phantom
-- TronLink
-- Gel Wallet
-- More EVM-compatible wallets
+## 贡献指南 Contributing
 
-## Contribution Guide
+欢迎提交 Issues 和功能请求！贡献步骤：
 
-We welcome issues and feature requests! You can contribute by following these steps:
+We welcome issues and feature requests! Steps to contribute:
 
-1. Fork this repository.
-2. Create a new branch:
+1. Fork 本仓库 Fork this repository
+2. 创建功能分支 Create feature branch:
 
 ```bash
-git checkout -b feature/my-new-feature
+git checkout -b feature/my-feature
 ```
 
-3. Commit your changes:
+3. 提交更改 Commit changes:
 
 ```bash
 git commit -m "Add some feature"
 ```
 
-4. Push the branch:
+4. 推送分支 Push branch:
 
 ```bash
-git push origin feature/my-new-feature
+git push origin feature/my-feature
 ```
 
-5. Submit a Pull Request.
+5. 提交 Pull Request Submit Pull Request
 
-## License
+## 许可证 License
 
 MIT License
 
+## 联系我们 Contact Us
+
+如有问题或建议，请通过以下方式联系我们：
+
+For questions or suggestions, please contact us:
+
+- GitHub Issues
+- Email: <support@web3jskit.com>
+
+希望你喜欢使用 WalletKit！
+
 Hope you enjoy using WalletKit! 😊

package/dist/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@web3jskit/walletkit",
-    "version": "0.1.3",
+    "version": "0.1.5",
     "description": "walletkit",
     "license": "MIT",
     "files": [
@@ -16,7 +16,7 @@
         "@react-spring/web": "^9.7.1",
         "@tanstack/react-query": "^5.0.0",
         "@web3jskit/type": "^1.1.6",
-        "@web3jskit/wallethelper": "0.1.3",
+        "@web3jskit/wallethelper": "0.1.5",
         "copy-to-clipboard": "^3.3.3",
         "i18next": "^22.4.13",
         "i18next-browser-languagedetector": "^7.0.1",

package/dist/src/components/ConnectButton/index.d.ts

@@ -1,10 +1,8 @@
-import { SupportWallet } from '@web3jskit/wallethelper';
 interface ConnectButtonProps {
     text?: string;
     showAvatar?: boolean;
     className?: string;
     infoClass?: string;
-    supportWallets?: SupportWallet[];
 }
 export declare function ConnectButton(props: ConnectButtonProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/components/ConnectButton/index.js

@@ -3,15 +3,10 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useTranslation } from 'react-i18next';
 import { useWalletKit } from '../../hooks/useWalletKit';
 import { ConnectedInfo } from './ConnectedInfo';
-import { SupportWallet } from '@web3jskit/wallethelper';
-import { useEffect } from 'react';
 export function ConnectButton(props) {
     const { t } = useTranslation();
-    const { text = t('connectWallet'), showAvatar = true, className, infoClass, supportWallets = [] } = props;
-    const { avatar, connectStatus, walletAddress, setSupportWallets, connect, showWalletInfo } = useWalletKit();
-    useEffect(() => {
-        setSupportWallets(supportWallets);
-    }, []);
+    const { text = t('connectWallet'), showAvatar = true, className, infoClass } = props;
+    const { avatar, connectStatus, walletAddress, connect, showWalletInfo } = useWalletKit();
     return (_jsx("div", { children: connectStatus === 'connected' ? (_jsx(ConnectedInfo, { className: infoClass, avatar: showAvatar ? avatar : undefined, walletAddress: walletAddress, onClick: () => {
                 showWalletInfo();
             } })) : (_jsx("button", { className: className, onClick: () => {

package/dist/src/components/ConnectButton/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ConnectButton/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAUlC,MAAM,UAAU,aAAa,CAAC,KAAyB;IACtD,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAE/B,MAAM,EAAE,IAAI,GAAG,CAAC,CAAC,eAAe,CAAC,EAAE,UAAU,GAAG,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,cAAc,GAAG,EAAE,EAAE,GAAG,KAAK,CAAC;IAC1G,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,EAAE,iBAAiB,EAAE,OAAO,EAAE,cAAc,EAAE,GAAG,YAAY,EAAE,CAAC;IAE5G,SAAS,CAAC,GAAG,EAAE;QACd,iBAAiB,CAAC,cAAc,CAAC,CAAC;IACnC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACN,wBACE,aAAa,KAAK,WAAW,CAAC,CAAC,CAAC,CAChC,KAAC,aAAa,IACb,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACvC,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,GAAG,EAAE;gBACb,cAAc,EAAE,CAAC;YAClB,CAAC,GACA,CACF,CAAC,CAAC,CAAC,CACH,iBACC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,GAAG,EAAE;gBACb,OAAO,EAAE,CAAC;YACX,CAAC,YAEA,IAAI,GACG,CACT,GACI,CACN,CAAC;AACH,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ConnectButton/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAShD,MAAM,UAAU,aAAa,CAAC,KAAyB;IACtD,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAE/B,MAAM,EAAE,IAAI,GAAG,CAAC,CAAC,eAAe,CAAC,EAAE,UAAU,GAAG,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IACrF,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,EAAE,OAAO,EAAE,cAAc,EAAE,GAAG,YAAY,EAAE,CAAC;IAEzF,OAAO,CACN,wBACE,aAAa,KAAK,WAAW,CAAC,CAAC,CAAC,CAChC,KAAC,aAAa,IACb,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACvC,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,GAAG,EAAE;gBACb,cAAc,EAAE,CAAC;YAClB,CAAC,GACA,CACF,CAAC,CAAC,CAAC,CACH,iBACC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,GAAG,EAAE;gBACb,OAAO,EAAE,CAAC;YACX,CAAC,YAEA,IAAI,GACG,CACT,GACI,CACN,CAAC;AACH,CAAC"}

package/dist/src/components/Header/style.js

@@ -10,7 +10,7 @@ const ModalHeaderBox = styled.div `
 
 	.backBtn {
 		cursor: pointer;
-		margin-left: 16px;
+		margin-left: 20px;
 
 		path {
 			fill: ${({ theme }) => theme.backArrowColor};
@@ -26,7 +26,7 @@ const ModalHeaderBox = styled.div `
 	}
 
 	.closeBtn {
-		margin-right: 16px;
+		margin-right: 20px;
 		cursor: pointer;
 		display: flex;
 		align-items: center;
@@ -49,6 +49,7 @@ const ModalHeaderBox = styled.div `
 
 	&.asideTitle {
 		justify-content: flex-start;
+		height: auto;
 
 		.closeBtn {
 			display: none;
@@ -62,7 +63,7 @@ const ModalHeaderBox = styled.div `
 
 		&.asideTitle {
 			justify-content: space-between;
-
+			height: 56px;
 			.closeBtn {
 				display: flex;
 			}

package/dist/src/components/Header/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../../src/components/Header/style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;WActB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,cAAc;;;;;WAKnC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,SAAS;;;;;;;;;;;;;;;;;WAiB9B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,aAAa;;sBAEvB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU;;;;uBAI9B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2B1D,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../../src/components/Header/style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;WActB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,cAAc;;;;;WAKnC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,SAAS;;;;;;;;;;;;;;;;;WAiB9B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,aAAa;;sBAEvB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU;;;;uBAI9B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4B1D,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/src/components/Introduce/index.js

@@ -3,8 +3,9 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useTranslation } from 'react-i18next';
 import ModalHeader from '../Header/ModalHeader';
 import IntroduceContainer from './style';
+import VectorSvg from '../SVGs/vectorSvg';
 export function Introduce({ onGetWallet, onClose }) {
     const { t } = useTranslation();
-    return (_jsxs(_Fragment, { children: [_jsx(ModalHeader, { onClose: onClose, className: "mainTitle" }), _jsxs(IntroduceContainer, { children: [_jsx("div", { className: "title", children: t('introduceQuestion') }), _jsx("div", { className: "introduce", children: t('introduceAnswer') }), _jsx("div", { className: "detail", children: t('introduceDetail') }), _jsx("div", { className: "footer", children: _jsx("div", { className: "button", onClick: () => onGetWallet?.(), children: t('getWallet') }) })] })] }));
+    return (_jsxs(_Fragment, { children: [_jsx(ModalHeader, { onClose: onClose, className: "mainTitle" }), _jsxs(IntroduceContainer, { children: [_jsx("div", { className: "title", children: t('introduceQuestion') }), _jsxs("div", { className: "vector", children: [_jsx(VectorSvg, {}), _jsxs("div", { className: "vector-text", children: [_jsx("div", { className: "answer", children: t('introduceAnswer') }), _jsx("div", { className: "detail", children: t('introduceDetail') })] })] }), _jsx("div", { className: "footer", children: _jsx("div", { className: "button", onClick: () => onGetWallet?.(), children: t('getWallet') }) })] })] }));
 }
 //# sourceMappingURL=index.js.map

package/dist/src/components/Introduce/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Introduce/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,WAAW,MAAM,uBAAuB,CAAC;AAChD,OAAO,kBAAkB,MAAM,SAAS,CAAC;AAOzC,MAAM,UAAU,SAAS,CAAC,EAAE,WAAW,EAAE,OAAO,EAAkB;IACjE,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAE/B,OAAO,CACN,8BACC,KAAC,WAAW,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,WAAW,GAAG,EACvD,MAAC,kBAAkB,eAClB,cAAK,SAAS,EAAC,OAAO,YAAE,CAAC,CAAC,mBAAmB,CAAC,GAAO,EACrD,cAAK,SAAS,EAAC,WAAW,YAAE,CAAC,CAAC,iBAAiB,CAAC,GAAO,EACvD,cAAK,SAAS,EAAC,QAAQ,YAAE,CAAC,CAAC,iBAAiB,CAAC,GAAO,EACpD,cAAK,SAAS,EAAC,QAAQ,YACtB,cAAK,SAAS,EAAC,QAAQ,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,EAAE,EAAE,YACpD,CAAC,CAAC,WAAW,CAAC,GACV,GAID,IACc,IACnB,CACH,CAAC;AACH,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Introduce/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,WAAW,MAAM,uBAAuB,CAAC;AAChD,OAAO,kBAAkB,MAAM,SAAS,CAAC;AACzC,OAAO,SAAS,MAAM,mBAAmB,CAAC;AAO1C,MAAM,UAAU,SAAS,CAAC,EAAE,WAAW,EAAE,OAAO,EAAkB;IACjE,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAE/B,OAAO,CACN,8BACC,KAAC,WAAW,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,WAAW,GAAG,EACvD,MAAC,kBAAkB,eAClB,cAAK,SAAS,EAAC,OAAO,YAAE,CAAC,CAAC,mBAAmB,CAAC,GAAO,EACrD,eAAK,SAAS,EAAC,QAAQ,aACtB,KAAC,SAAS,KAAG,EACb,eAAK,SAAS,EAAC,aAAa,aAC3B,cAAK,SAAS,EAAC,QAAQ,YAAE,CAAC,CAAC,iBAAiB,CAAC,GAAO,EACpD,cAAK,SAAS,EAAC,QAAQ,YAAE,CAAC,CAAC,iBAAiB,CAAC,GAAO,IAC/C,IACD,EACN,cAAK,SAAS,EAAC,QAAQ,YACtB,cAAK,SAAS,EAAC,QAAQ,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,EAAE,EAAE,YACpD,CAAC,CAAC,WAAW,CAAC,GACV,GAID,IACc,IACnB,CACH,CAAC;AACH,CAAC"}

package/dist/src/components/Introduce/style.js

@@ -13,17 +13,37 @@ const IntroduceContainer = styled.div `
 		line-height: 18px;
 	}
 
-	.introduce {
+	.vector {
 		margin-top: 24px;
-		font-size: 12px;
-		font-weight: 700;
-		line-height: 14px;
+		display: flex;
+		align-items: center;
+		gap: 12px;
+
+		svg {
+			flex-shrink: 0;
+		}
+
+		.vector-text {
+			color: #757575;
+			font-size: 12px;
+			font-style: normal;
+			line-height: 14px;
+			font-weight: 500;
+
+			.answer {
+				font-weight: 700;
+			}
+
+			.detail {
+				margin-top: 14px;
+			}
+		}
 	}
 
-	.detail {
-		margin-top: 16px;
+	.introduce {
+		margin-top: 24px;
 		font-size: 12px;
-		font-weight: 500;
+		font-weight: 700;
 		line-height: 14px;
 	}
 
@@ -37,7 +57,7 @@ const IntroduceContainer = styled.div `
 	.button {
 		width: 100%;
 		display: inline-block;
-		margin-top: 32px;
+		margin-top: 12px;
 		padding: 11px 16px;
 		color: ${({ theme }) => theme.buttonColor};
 		background: ${({ theme }) => theme.buttonBg};
@@ -63,8 +83,13 @@ const IntroduceContainer = styled.div `
 		margin: 0;
 		align-items: center;
 
-		.detail {
-			text-align: center;
+		.vector {
+			svg {
+				display: none;
+			}
+			.vector-text {
+				text-align: center;
+			}
 		}
 	}
 `;

package/dist/src/components/Introduce/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../../src/components/Introduce/style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;UAK3B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU;;;WAG9B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WAgCzB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,WAAW;gBAC3B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2B5C,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../../src/components/Introduce/style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;UAK3B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU;;;WAG9B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WAoDzB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,WAAW;gBAC3B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgC5C,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/src/components/Modal/ConnectModal.js

@@ -3,7 +3,7 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import ModalHeader from '../Header/ModalHeader';
 import Modal from './index';
 import { SlotWrapper } from '../../styled';
-import { SupportWallets } from '@web3jskit/wallethelper';
+import { createConnector, SupportWallets } from '@web3jskit/wallethelper';
 import { useTranslation } from 'react-i18next';
 import { useCallback, useEffect, useMemo, useState } from 'react';
 import { WalletTriggerButton } from '../WalletTriggerButton';
@@ -24,7 +24,7 @@ var Step;
 })(Step || (Step = {}));
 export function ConnectModal({ slots }) {
     const { t } = useTranslation();
-    const { currentChain, getConnectors, currentConnector, connectStatus } = useWalletKit();
+    const { currentChainType, supportWallets, connectStatus, isConnecting } = useWalletKit();
     const { connectModalData } = useModalStore();
     const [step, setStep] = useState(Step.Introduce);
     const [selectedWallet, setSelectedWallet] = useState(null);
@@ -33,7 +33,7 @@ export function ConnectModal({ slots }) {
         return !!connectModalData;
     }, [connectModalData]);
     const requestConnectors = async () => {
-        const list = await getConnectors(currentChain);
+        const list = await createConnector(currentChainType, supportWallets || []);
         setConnectors(list);
     };
     const connectorsGroupByType = useMemo(() => {
@@ -62,7 +62,7 @@ export function ConnectModal({ slots }) {
             setStep(0);
             setConnectors([]);
         }
-    }, [isOpen, currentChain]);
+    }, [isOpen, currentChainType]);
     useEffect(() => {
         switch (connectStatus) {
             case 'connected':
@@ -96,7 +96,7 @@ export function ConnectModal({ slots }) {
             default:
                 return _jsx(_Fragment, {});
         }
-    }, [step]);
+    }, [step, selectedWallet]);
     const handleConnect = (address) => {
         connectModalData?.onConnect(address);
     };
@@ -105,10 +105,17 @@ export function ConnectModal({ slots }) {
     };
     return (_jsx(Modal, { isOpen: isOpen, onCancel: handleCancel, children: _jsxs(ModalContainer, { children: [_jsxs(ModalAside, { className: step !== 0 ? 'hidden' : '', children: [_jsx(ModalHeader, { onClose: handleCancel, title: t('connectWallet'), className: "asideTitle" }), _jsxs(AsideList, { children: [sortedKeys.map(connectorType => {
                                     return (_jsxs("div", { className: "typeBox", children: [_jsx("div", { className: `typeHeader ${connectorType}`, children: t(connectorType) }), connectorsGroupByType[connectorType].map((connector) => {
-                                                return (_jsx(WalletTriggerButton, { onConnect: handleConnect, connector: connector }, connectorType + connector.name));
+                                                return (_jsx(WalletTriggerButton, { onConnect: handleConnect, connector: connector, onGetWallet: () => {
+                                                        if (connector.name === 'Gel Wallet') {
+                                                            window.open(connector.webUrl, '_blank');
+                                                            return;
+                                                        }
+                                                        setSelectedWallet(connector);
+                                                        setStep(Step.GetWallet);
+                                                    } }, connectorType + connector.name));
                                             })] }, connectorType));
                                 }), slots ? (slots.map((Slot, index) => {
                                     return _jsx(SlotWrapper, { children: Slot }, index);
-                                })) : (_jsx(_Fragment, {}))] })] }), _jsx(ModalMain, { children: connectStatus === 'connecting' ? (_jsx(Connecting, { onClose: handleCancel, wallet: currentConnector })) : (renderMainByStep()) })] }) }));
+                                })) : (_jsx(_Fragment, {}))] })] }), _jsx(ModalMain, { children: isConnecting ? _jsx(Connecting, { onClose: handleCancel, wallet: isConnecting }) : renderMainByStep() })] }) }));
 }
 //# sourceMappingURL=ConnectModal.js.map

package/dist/src/components/Modal/ConnectModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConnectModal.js","sourceRoot":"","sources":["../../../../src/components/Modal/ConnectModal.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ConnectModal.js","sourceRoot":"","sources":["../../../../src/components/Modal/ConnectModal.tsx"],"names":[],"mappings":"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"}