@web3jskit/walletkit 0.1.4 → 0.1.6

package/README.md

@@ -1,234 +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';
-
-export default function WalletKitTest() {
+function MyComponent() {
 	const { openModal, currentChainType, setChainType, 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={() => setChainType(chainType)}>
-						切换{chainType}
-					</button>
-				))}
-			</div>
-			<div>
-				<button onClick={() => handleGetProvider()}>获取Provider</button>
-			</div>
-			<div>当 前 链：{currentChainType}</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                                                 |
-| ------------------ | ----------------------------------------------------------- |
-| `currentChainType` | 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 `setChainType` method:
+// 连接钱包 Connect wallet
+await currentConnector.connect();
 
-```javascript
-await walletKit.setChainType(ChainType); // Switch to Ethereum Mainnet (ChainType)
-```
+// 断开连接 Disconnect
+await currentConnector.disconnect();
 
-### 5. State Management
+// 监听状态 Listen to status
+console.log(connectStatus); // 'connected' | 'connecting' | 'disconnected'
+```
 
-setChainType
-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/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@web3jskit/walletkit",
-	"version": "0.1.4",
+	"version": "0.1.6",
 	"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.4",
+		"@web3jskit/wallethelper": "0.1.6",
 		"copy-to-clipboard": "^3.3.3",
 		"i18next": "^22.4.13",
 		"i18next-browser-languagedetector": "^7.0.1",

package/dist/package.json

@@ -1,46 +0,0 @@
-{
-    "name": "@web3jskit/walletkit",
-    "version": "0.1.4",
-    "description": "walletkit",
-    "license": "MIT",
-    "files": [
-        "dist"
-    ],
-    "scripts": {
-        "build": "tsc --build tsconfig.build.json",
-        "watch": "tsc --watch"
-    },
-    "main": "./dist/src/index.js",
-    "dependencies": {
-        "@reach/dialog": "^0.18.0",
-        "@react-spring/web": "^9.7.1",
-        "@tanstack/react-query": "^5.0.0",
-        "@web3jskit/type": "^1.1.6",
-        "@web3jskit/wallethelper": "0.1.4",
-        "copy-to-clipboard": "^3.3.3",
-        "i18next": "^22.4.13",
-        "i18next-browser-languagedetector": "^7.0.1",
-        "i18next-xhr-backend": "^3.2.2",
-        "lit": "^3.2.1",
-        "react": "^18.3.1",
-        "react-dom": "^18.3.1",
-        "react-i18next": "^12.2.0",
-        "react-qr-code": "^2.0.15",
-        "styled-components": "^6.1.13",
-        "zustand": "^4.3.9"
-    },
-    "devDependencies": {
-        "@testing-library/jest-dom": "^6.2.0",
-        "@testing-library/react": "^16.0.1",
-        "@testing-library/user-event": "^14.5.2",
-        "@types/react": "^18.3.1",
-        "@types/react-dom": "^18.3.1",
-        "@types/styled-components": "^5.1.34",
-        "jsdom": "^25.0.0",
-        "vitest": "2.0.5"
-    },
-    "peerDependencies": {
-        "react": ">=18",
-        "react-dom": ">=18"
-    }
-}

package/dist/src/assets/svg/dataBase.d.ts

@@ -1,4 +0,0 @@
-export declare const closeIcon = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzAwMDAwMCIgdmlld0JveD0iMCAwIDI1NiAyNTYiPgo8cGF0aCBkPSJNMjA1LjY2LDE5NC4zNGE4LDgsMCwwLDEtMTEuMzIsMTEuMzJMMTI4LDEzOS4zMSw2MS42NiwyMDUuNjZhOCw4LDAsMCwxLTExLjMyLTExLjMyTDExNi42OSwxMjgsNTAuMzQsNjEuNjZBOCw4LDAsMCwxLDYxLjY2LDUwLjM0TDEyOCwxMTYuNjlsNjYuMzQtNjYuMzVhOCw4LDAsMCwxLDExLjMyLDExLjMyTDEzOS4zMSwxMjhaIj48L3BhdGg+Cjwvc3ZnPg==";
-export declare const b = "data:image/svg+xml;base64,PHN2ZyB4bLjM0TDEyOCwxMTYuNjlsNjYuMzQtNjYuMzVhOCw4LDAsMCwxLDExLjMyLDExLjMyTDEzOS4zMSwxMjhaIj48L3BhdGg+Cjwvc3ZnPg==";
-export declare const chromeIcon = "data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 78 78\"><path fill=\"url(%23a)\" d=\"M71.034 20.5a37.001 37.001 0 0 0-64.084 0l2.22 39.96L71.034 20.5Z\"/><path fill=\"url(%23b)\" d=\"M22.979 48.25 6.958 20.5A37 37 0 0 0 39 76l36.26-37-52.281 9.25Z\"/><path fill=\"url(%23c)\" d=\"M55.021 48.25 39 76a37.001 37.001 0 0 0 32.035-55.5H39l16.021 27.75Z\"/><path fill=\"%23fff\" d=\"M39 57.5a18.5 18.5 0 1 0 0-37 18.5 18.5 0 0 0 0 37Z\"/><path fill=\"%231A73E8\" d=\"M39 53.652a14.65 14.65 0 0 0 13.536-20.26A14.653 14.653 0 1 0 39 53.653Z\"/><defs><linearGradient id=\"a\" x1=\"6.958\" x2=\"71.034\" y1=\"25.125\" y2=\"25.125\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"%23D93025\"/><stop offset=\"1\" stop-color=\"%23EA4335\"/></linearGradient><linearGradient id=\"b\" x1=\"43.003\" x2=\"10.961\" y1=\"73.684\" y2=\"18.184\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"%231E8E3E\"/><stop offset=\"1\" stop-color=\"%2334A853\"/></linearGradient><linearGradient id=\"c\" x1=\"33.598\" x2=\"65.64\" y1=\"76\" y2=\"20.596\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"%23FCC934\"/><stop offset=\"1\" stop-color=\"%23FBBC04\"/></linearGradient></defs></svg>";
-export declare const gel = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALDSURBVHgB1Zg/aBNRHMe/1kIrRHJDwbSDSQbTrSkKupmDglOhzSDoolMGBzV0cRPpKFJI1w6tVbGLhEC7uIS4KbYmHSNyyVLtYhMSIRVB3++Sd17i3buX1z85P/C7u7z3cu97v/d7v3f3AGd0ZqvMDGa/j9k+de49DwkizPInIMLNjE6fjkwzOzhFMdwOOn3/45lBiLGLitgFGQMUwy3Pxcz7QAw3/Sw7PILDGA6KYSiKGY9omL0zhfPaKALBUau8WW9hY/kD9io1KKCfQdtVffNqO4VL8QuOdduFKu7NvIAKQ1AkoI241k2ENahCMfREpiENzVgoYJ5vPbiKxNyksG2j1sL3/R/mNfGz9QsySA0ZxcvLjyl28xGoQOJoCMulfc+2w5CgHbzdYlYW35nBS531srB0w/Qih7wUmw5JCVKOoa31XUcxxGsmtJdAUM67Qg/F4iFcToQxezfeVd6oHbqKIZqsjtrYvXr74TXTU/QgopQgjKHcl/sYDwctEVvrJXazOnbYtC6XvkEExd2VxEXmmXNIPb5uiaMHmRl75vo/oYe4GGJlsWDGDEfTNOi6jmKxiEql4li22fHERCRoxRSfdUqC7DTrh12/s9ms2Tl1HI1GXcsI0fD2ohzU5A2Zsn5RFpRMJpHJZMyzqKxfpIesFxqWdDrtWdYv0h6SzSNHReihzee7LAdNmdeURz6zTPu1WrfqG2a+6Q7YGHsDsM8kuuZ5jKcOEZ5rmc4W0advbrrWLy28tdIB5RsyN2g9o1cTEZ5D5jVlJ1k251BWPyrKs+yk+P8Eeb0y7FX/LpQ7gviggLZPCDcoqA0IPmcJWvUTczHHTjaW33eV0Yyyr4GcQq7suSAzinRYg3++y1aHOoL8Qo5f5DF47xh2ZRH4bLOB8NV2jN1TximKycNjhnNoR2QN7e234xZhoL2lpzt1/AfLekgsXhgSgQAAAABJRU5ErkJggg==";

package/dist/src/assets/svg/dataBase.js

@@ -1,5 +0,0 @@
-export const closeIcon = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzAwMDAwMCIgdmlld0JveD0iMCAwIDI1NiAyNTYiPgo8cGF0aCBkPSJNMjA1LjY2LDE5NC4zNGE4LDgsMCwwLDEtMTEuMzIsMTEuMzJMMTI4LDEzOS4zMSw2MS42NiwyMDUuNjZhOCw4LDAsMCwxLTExLjMyLTExLjMyTDExNi42OSwxMjgsNTAuMzQsNjEuNjZBOCw4LDAsMCwxLDYxLjY2LDUwLjM0TDEyOCwxMTYuNjlsNjYuMzQtNjYuMzVhOCw4LDAsMCwxLDExLjMyLDExLjMyTDEzOS4zMSwxMjhaIj48L3BhdGg+Cjwvc3ZnPg==';
-export const b = 'data:image/svg+xml;base64,PHN2ZyB4bLjM0TDEyOCwxMTYuNjlsNjYuMzQtNjYuMzVhOCw4LDAsMCwxLDExLjMyLDExLjMyTDEzOS4zMSwxMjhaIj48L3BhdGg+Cjwvc3ZnPg==';
-export const chromeIcon = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 78 78"><path fill="url(%23a)" d="M71.034 20.5a37.001 37.001 0 0 0-64.084 0l2.22 39.96L71.034 20.5Z"/><path fill="url(%23b)" d="M22.979 48.25 6.958 20.5A37 37 0 0 0 39 76l36.26-37-52.281 9.25Z"/><path fill="url(%23c)" d="M55.021 48.25 39 76a37.001 37.001 0 0 0 32.035-55.5H39l16.021 27.75Z"/><path fill="%23fff" d="M39 57.5a18.5 18.5 0 1 0 0-37 18.5 18.5 0 0 0 0 37Z"/><path fill="%231A73E8" d="M39 53.652a14.65 14.65 0 0 0 13.536-20.26A14.653 14.653 0 1 0 39 53.653Z"/><defs><linearGradient id="a" x1="6.958" x2="71.034" y1="25.125" y2="25.125" gradientUnits="userSpaceOnUse"><stop stop-color="%23D93025"/><stop offset="1" stop-color="%23EA4335"/></linearGradient><linearGradient id="b" x1="43.003" x2="10.961" y1="73.684" y2="18.184" gradientUnits="userSpaceOnUse"><stop stop-color="%231E8E3E"/><stop offset="1" stop-color="%2334A853"/></linearGradient><linearGradient id="c" x1="33.598" x2="65.64" y1="76" y2="20.596" gradientUnits="userSpaceOnUse"><stop stop-color="%23FCC934"/><stop offset="1" stop-color="%23FBBC04"/></linearGradient></defs></svg>';
-export const gel = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALDSURBVHgB1Zg/aBNRHMe/1kIrRHJDwbSDSQbTrSkKupmDglOhzSDoolMGBzV0cRPpKFJI1w6tVbGLhEC7uIS4KbYmHSNyyVLtYhMSIRVB3++Sd17i3buX1z85P/C7u7z3cu97v/d7v3f3AGd0ZqvMDGa/j9k+de49DwkizPInIMLNjE6fjkwzOzhFMdwOOn3/45lBiLGLitgFGQMUwy3Pxcz7QAw3/Sw7PILDGA6KYSiKGY9omL0zhfPaKALBUau8WW9hY/kD9io1KKCfQdtVffNqO4VL8QuOdduFKu7NvIAKQ1AkoI241k2ENahCMfREpiENzVgoYJ5vPbiKxNyksG2j1sL3/R/mNfGz9QsySA0ZxcvLjyl28xGoQOJoCMulfc+2w5CgHbzdYlYW35nBS531srB0w/Qih7wUmw5JCVKOoa31XUcxxGsmtJdAUM67Qg/F4iFcToQxezfeVd6oHbqKIZqsjtrYvXr74TXTU/QgopQgjKHcl/sYDwctEVvrJXazOnbYtC6XvkEExd2VxEXmmXNIPb5uiaMHmRl75vo/oYe4GGJlsWDGDEfTNOi6jmKxiEql4li22fHERCRoxRSfdUqC7DTrh12/s9ms2Tl1HI1GXcsI0fD2ohzU5A2Zsn5RFpRMJpHJZMyzqKxfpIesFxqWdDrtWdYv0h6SzSNHReihzee7LAdNmdeURz6zTPu1WrfqG2a+6Q7YGHsDsM8kuuZ5jKcOEZ5rmc4W0advbrrWLy28tdIB5RsyN2g9o1cTEZ5D5jVlJ1k251BWPyrKs+yk+P8Eeb0y7FX/LpQ7gviggLZPCDcoqA0IPmcJWvUTczHHTjaW33eV0Yyyr4GcQq7suSAzinRYg3++y1aHOoL8Qo5f5DF47xh2ZRH4bLOB8NV2jN1TximKycNjhnNoR2QN7e234xZhoL2lpzt1/AfLekgsXhgSgQAAAABJRU5ErkJggg==';
-//# sourceMappingURL=dataBase.js.map

package/dist/src/assets/svg/dataBase.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dataBase.js","sourceRoot":"","sources":["../../../../src/assets/svg/dataBase.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,SAAS,GACrB,4bAA4b,CAAC;AAE9b,MAAM,CAAC,MAAM,CAAC,GACb,6IAA6I,CAAC;AAE/I,MAAM,CAAC,MAAM,UAAU,GACtB,knCAAknC,CAAC;AAEpnC,MAAM,CAAC,MAAM,GAAG,GACf,wlCAAwlC,CAAC"}

package/dist/src/assets/svg/metaMaskWallet.d.ts

@@ -1 +0,0 @@
-export declare const x: import("lit").TemplateResult<2>;

package/dist/src/assets/svg/metaMaskWallet.js

@@ -1,35 +0,0 @@
-import { svg } from 'lit';
-export const x = svg `<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="28" height="28" fill="white"/>
-<path d="M24.0891 3.1199L15.3446 9.61456L16.9617 5.7828L24.0891 3.1199Z" fill="#E2761B" stroke="#E2761B" stroke-width="0.0878845" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M3.90207 3.1199L12.5763 9.67608L11.0383 5.7828L3.90207 3.1199Z" fill="#E4761B" stroke="#E4761B" stroke-width="0.0878845" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M20.9429 18.1745L18.6139 21.7426L23.597 23.1136L25.0295 18.2536L20.9429 18.1745Z" fill="#E4761B" stroke="#E4761B" stroke-width="0.0878845" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M2.97929 18.2536L4.40301 23.1136L9.38607 21.7426L7.05713 18.1745L2.97929 18.2536Z" fill="#E4761B" stroke="#E4761B" stroke-width="0.0878845" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M9.10483 12.1456L7.71626 14.2461L12.6642 14.4658L12.4884 9.14877L9.10483 12.1456Z" fill="#E4761B" stroke="#E4761B" stroke-width="0.0878845" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M18.8864 12.1456L15.4589 9.08725L15.3446 14.4658L20.2837 14.2461L18.8864 12.1456Z" fill="#E4761B" stroke="#E4761B" stroke-width="0.0878845" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M9.38606 21.7426L12.3566 20.2925L9.79033 18.2888L9.38606 21.7426Z" fill="#E4761B" stroke="#E4761B" stroke-width="0.0878845" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M15.6347 20.2925L18.6139 21.7426L18.2009 18.2888L15.6347 20.2925Z" fill="#E4761B" stroke="#E4761B" stroke-width="0.0878845" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M18.6139 21.7426L15.6347 20.2925L15.8719 22.2348L15.8456 23.0521L18.6139 21.7426Z" fill="#D7C1B3" stroke="#D7C1B3" stroke-width="0.0878845" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M9.38606 21.7426L12.1544 23.0521L12.1368 22.2348L12.3566 20.2925L9.38606 21.7426Z" fill="#D7C1B3" stroke="#D7C1B3" stroke-width="0.0878845" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M12.1984 17.0056L9.72002 16.2762L11.4689 15.4765L12.1984 17.0056Z" fill="#233447" stroke="#233447" stroke-width="0.0878845" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M15.7928 17.0056L16.5223 15.4765L18.28 16.2762L15.7928 17.0056Z" fill="#233447" stroke="#233447" stroke-width="0.0878845" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M9.38606 21.7426L9.80791 18.1745L7.05712 18.2536L9.38606 21.7426Z" fill="#CD6116" stroke="#CD6116" stroke-width="0.0878845" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M18.1921 18.1745L18.6139 21.7426L20.9429 18.2536L18.1921 18.1745Z" fill="#CD6116" stroke="#CD6116" stroke-width="0.0878845" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M20.2837 14.2461L15.3446 14.4658L15.8016 17.0057L16.5311 15.4765L18.2888 16.2762L20.2837 14.2461Z" fill="#CD6116" stroke="#CD6116" stroke-width="0.0878845" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M9.72002 16.2762L11.4777 15.4765L12.1984 17.0057L12.6642 14.4658L7.71626 14.2461L9.72002 16.2762Z" fill="#CD6116" stroke="#CD6116" stroke-width="0.0878845" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M7.71626 14.2461L9.79033 18.2888L9.72002 16.2762L7.71626 14.2461Z" fill="#E4751F" stroke="#E4751F" stroke-width="0.0878845" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M18.2888 16.2762L18.2009 18.2888L20.2837 14.2461L18.2888 16.2762Z" fill="#E4751F" stroke="#E4751F" stroke-width="0.0878845" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M12.6642 14.4658L12.1984 17.0057L12.7784 20.0025L12.9102 16.0565L12.6642 14.4658Z" fill="#E4751F" stroke="#E4751F" stroke-width="0.0878845" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M15.3446 14.4658L15.1073 16.0477L15.2128 20.0025L15.8016 17.0057L15.3446 14.4658Z" fill="#E4751F" stroke="#E4751F" stroke-width="0.0878845" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M15.8016 17.0056L15.2128 20.0025L15.6347 20.2925L18.2009 18.2888L18.2888 16.2762L15.8016 17.0056Z" fill="#F6851B" stroke="#F6851B" stroke-width="0.0878845" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M9.72002 16.2762L9.79033 18.2888L12.3566 20.2925L12.7784 20.0025L12.1984 17.0056L9.72002 16.2762Z" fill="#F6851B" stroke="#F6851B" stroke-width="0.0878845" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M15.8456 23.0521L15.8719 22.2348L15.6522 22.0414H12.339L12.1368 22.2348L12.1544 23.0521L9.38606 21.7426L10.3528 22.5336L12.3126 23.8958H15.6786L17.6472 22.5336L18.6139 21.7426L15.8456 23.0521Z" fill="#C0AD9E" stroke="#C0AD9E" stroke-width="0.0878845" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M15.6347 20.2925L15.2128 20.0025H12.7784L12.3566 20.2925L12.1368 22.2348L12.339 22.0414H15.6522L15.8719 22.2348L15.6347 20.2925Z" fill="#161616" stroke="#161616" stroke-width="0.0878845" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M24.4583 10.0364L25.2053 6.45072L24.0891 3.1199L15.6347 9.39485L18.8864 12.1456L23.4827 13.4903L24.5022 12.3038L24.0628 11.9874L24.7658 11.3459L24.221 10.924L24.924 10.3879L24.4583 10.0364Z" fill="#763D16" stroke="#763D16" stroke-width="0.0878845" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M2.79472 6.45072L3.54174 10.0364L3.06717 10.3879L3.77024 10.924L3.23415 11.3459L3.93722 11.9874L3.4978 12.3038L4.50847 13.4903L9.10483 12.1456L12.3566 9.39485L3.90207 3.1199L2.79472 6.45072Z" fill="#763D16" stroke="#763D16" stroke-width="0.0878845" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M23.4827 13.4903L18.8864 12.1456L20.2837 14.2461L18.2009 18.2888L20.9429 18.2536H25.0295L23.4827 13.4903Z" fill="#F6851B" stroke="#F6851B" stroke-width="0.0878845" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M9.10484 12.1456L4.50848 13.4903L2.97929 18.2536H7.05713L9.79033 18.2888L7.71626 14.2461L9.10484 12.1456Z" fill="#F6851B" stroke="#F6851B" stroke-width="0.0878845" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M15.3446 14.4658L15.6347 9.39485L16.9705 5.7828H11.0383L12.3566 9.39485L12.6642 14.4658L12.7696 16.0653L12.7784 20.0025H15.2128L15.2304 16.0653L15.3446 14.4658Z" fill="#F6851B" stroke="#F6851B" stroke-width="0.0878845" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
-`;
-//# sourceMappingURL=metaMaskWallet.js.map

package/dist/src/assets/svg/metaMaskWallet.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"metaMaskWallet.js","sourceRoot":"","sources":["../../../../src/assets/svg/metaMaskWallet.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,CAAC,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgCnB,CAAC"}

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

@@ -1 +0,0 @@
-export declare function ConnectedInfo({ avatar, walletAddress, onClick, className }: any): import("react/jsx-runtime").JSX.Element;

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

@@ -1,13 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { styled } from 'styled-components';
-import { formatAddress } from '../../utils/formatter';
-const WalletInfoButton = styled.button `
-	display: flex;
-	align-items: center;
-	gap: 10px;
-`;
-export function ConnectedInfo({ avatar, walletAddress, onClick, className }) {
-    return (_jsxs(WalletInfoButton, { className: className, onClick: () => onClick(), children: [avatar?.text, _jsx("span", { children: formatAddress(walletAddress) })] }));
-}
-//# sourceMappingURL=ConnectedInfo.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ConnectedInfo.js","sourceRoot":"","sources":["../../../../src/components/ConnectButton/ConnectedInfo.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEtD,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,CAAA;;;;CAIrC,CAAC;AAEF,MAAM,UAAU,aAAa,CAAC,EAAE,MAAM,EAAE,aAAa,EAAE,OAAO,EAAE,SAAS,EAAO;IAC/E,OAAO,CACN,MAAC,gBAAgB,IAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,aAC9D,MAAM,EAAE,IAAI,EACb,yBAAO,aAAa,CAAC,aAAa,CAAC,GAAQ,IACzB,CACnB,CAAC;AACH,CAAC"}

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

@@ -1,8 +0,0 @@
-interface ConnectButtonProps {
-    text?: string;
-    showAvatar?: boolean;
-    className?: string;
-    infoClass?: string;
-}
-export declare function ConnectButton(props: ConnectButtonProps): import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,16 +0,0 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useTranslation } from 'react-i18next';
-import { useWalletKit } from '../../hooks/useWalletKit';
-import { ConnectedInfo } from './ConnectedInfo';
-export function ConnectButton(props) {
-    const { t } = useTranslation();
-    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: () => {
-                connect();
-            }, children: text })) }));
-}
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"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/Connecting/index.d.ts

@@ -1,6 +0,0 @@
-interface ConnectingProps {
-    wallet: any;
-    onClose: () => void;
-}
-export declare function Connecting({ wallet, onClose }: ConnectingProps): import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,11 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useTranslation } from 'react-i18next';
-import ModalHeader from '../Header/ModalHeader';
-import SpinSvg from '../SVGs/spinSvg';
-import ConnectingContainer from './style';
-export function Connecting({ wallet, onClose }) {
-    const { t } = useTranslation();
-    return (_jsxs(_Fragment, { children: [_jsx(ModalHeader, { className: "mainTitle", onClose: onClose }), _jsxs(ConnectingContainer, { children: [_jsx("div", { className: "logo", children: _jsx("img", { src: wallet?.icon, alt: wallet?.name }) }), _jsx("div", { className: "introduce", children: `${t('opening')} ${wallet?.name} ${t('title')}...` }), _jsx("div", { className: "detail", children: t('confirmConnection') }), _jsx(SpinSvg, { className: "loading" })] })] }));
-}
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Connecting/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,WAAW,MAAM,uBAAuB,CAAC;AAChD,OAAO,OAAO,MAAM,iBAAiB,CAAC;AACtC,OAAO,mBAAmB,MAAM,SAAS,CAAC;AAO1C,MAAM,UAAU,UAAU,CAAC,EAAE,MAAM,EAAE,OAAO,EAAmB;IAC9D,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAE/B,OAAO,CACN,8BACC,KAAC,WAAW,IAAC,SAAS,EAAC,WAAW,EAAC,OAAO,EAAE,OAAO,GAAI,EACvD,MAAC,mBAAmB,eACnB,cAAK,SAAS,EAAC,MAAM,YACpB,cAAK,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,GAAI,GACxC,EACN,cAAK,SAAS,EAAC,WAAW,YAAE,GAAG,CAAC,CAAC,SAAS,CAAC,IAAI,MAAM,EAAE,IAAI,IAAI,CAAC,CAAC,OAAO,CAAC,KAAK,GAAO,EACrF,cAAK,SAAS,EAAC,QAAQ,YAAE,CAAC,CAAC,mBAAmB,CAAC,GAAO,EACtD,KAAC,OAAO,IAAC,SAAS,EAAC,SAAS,GAAG,IACV,IACpB,CACH,CAAC;AACH,CAAC"}

package/dist/src/components/Connecting/style.d.ts

@@ -1,2 +0,0 @@
-declare const ConnectingContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export default ConnectingContainer;

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

@@ -1,52 +0,0 @@
-import { styled } from 'styled-components';
-const ConnectingContainer = styled.div `
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	margin-top: 72px;
-	font-family: Manrope;
-
-	.logo {
-		img {
-			width: 66px;
-			height: 66px;
-		}
-	}
-
-	.introduce {
-		margin-top: 44px;
-		font-size: 14px;
-		font-weight: 700;
-		line-height: 14px;
-		color: ${({ theme }) => theme.textColor};
-	}
-
-	.detail {
-		margin-top: 30px;
-		font-size: 14px;
-		font-weight: 700;
-		line-height: 14px;
-		color: ${({ theme }) => theme.textColor5};
-	}
-
-	.loading {
-		margin-top: 24px;
-		animation: spin 1s linear infinite;
-
-		path {
-			fill: ${({ theme }) => theme.spinColor};
-		}
-	}
-
-	@keyframes spin {
-		100% {
-			transform: rotate(360deg);
-		}
-	}
-
-	@media (max-width: 768px) {
-		margin-top: 36px;
-	}
-`;
-export default ConnectingContainer;
-//# sourceMappingURL=style.js.map