@web3jskit/walletkit 0.1.4 → 0.1.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (31) hide show
  1. package/README.md +131 -152
  2. package/dist/package.json +2 -2
  3. package/dist/src/components/Header/style.js +4 -3
  4. package/dist/src/components/Header/style.js.map +1 -1
  5. package/dist/src/components/Introduce/index.js +2 -1
  6. package/dist/src/components/Introduce/index.js.map +1 -1
  7. package/dist/src/components/Introduce/style.js +35 -10
  8. package/dist/src/components/Introduce/style.js.map +1 -1
  9. package/dist/src/components/Modal/ConnectModal.js +9 -2
  10. package/dist/src/components/Modal/ConnectModal.js.map +1 -1
  11. package/dist/src/components/Modal/style.js +2 -1
  12. package/dist/src/components/Modal/style.js.map +1 -1
  13. package/dist/src/components/SVGs/vectorSvg.d.ts +2 -0
  14. package/dist/src/components/SVGs/vectorSvg.js +4 -0
  15. package/dist/src/components/SVGs/vectorSvg.js.map +1 -0
  16. package/dist/src/components/Text/index.js +1 -1
  17. package/dist/src/components/WalletKitProvider/ChainProvider.js +4 -1
  18. package/dist/src/components/WalletKitProvider/ChainProvider.js.map +1 -1
  19. package/dist/src/components/WalletList/index.d.ts +1 -1
  20. package/dist/src/components/WalletList/index.js +2 -3
  21. package/dist/src/components/WalletList/index.js.map +1 -1
  22. package/dist/src/components/WalletTriggerButton/index.d.ts +1 -0
  23. package/dist/src/components/WalletTriggerButton/index.js +7 -3
  24. package/dist/src/components/WalletTriggerButton/index.js.map +1 -1
  25. package/dist/src/components/WalletTriggerButton/style.js +13 -2
  26. package/dist/src/components/WalletTriggerButton/style.js.map +1 -1
  27. package/dist/src/hooks/useWalletKit.d.ts +5 -2
  28. package/dist/src/theme/index.js +41 -0
  29. package/dist/src/theme/index.js.map +1 -1
  30. package/dist/tsconfig.build.tsbuildinfo +1 -1
  31. package/package.json +2 -2
package/README.md CHANGED
@@ -1,234 +1,213 @@
1
- # **WalletKit**
1
+ # WalletKit
2
+
3
+ **WalletKit** 是一个轻量级的多链钱包连接工具包，旨在帮助开发者快速集成支持多条链的钱包插件，如 MetaMask、Phantom、TronLink、Gel Wallet 等。它提供了便捷的状态管理、自定义 Hooks 和统一的 API，使 DApp 开发更简单高效。
2
4
 
3
5
  **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.
4
6
 
5
- ---
7
+ ## 架构 Architecture
8
+
9
+ WalletKit 由两个主要部分组成 / WalletKit consists of two main parts:
10
+
11
+ 1. **@web3jskit/wallethelper**: 底层钱包连接库，提供统一的钱包接口和状态管理 / Core wallet connection library providing unified wallet interfaces and state management
12
+
13
+ - 多链支持 / Multi-chain support (EVM, PUT, SOL, Tron, BTC)
14
+ - 钱包检测和连接 / Wallet detection and connection
15
+ - 统一的交易接口 / Unified transaction interface
16
+ - 状态管理 / State management
6
17
 
7
- ## **Installation**
18
+ 2. **@web3jskit/walletkit**: React 组件库，提供开箱即用的 UI 组件 / React component library providing ready-to-use UI components
19
+ - 钱包连接按钮 / Wallet connection button
20
+ - 钱包选择模态框 / Wallet selection modal
21
+ - 链切换组件 / Chain switching component
22
+ - 自定义 Hooks / Custom hooks
8
23
 
9
- Install via `npm` \ `yarn` \ `pnpm`:
24
+ ## 安装 Installation
25
+
26
+ 通过 npm、yarn 或 pnpm 安装 / Install via npm, yarn, or pnpm:
10
27
 
11
28
  ```bash
29
+ # npm
12
30
  npm install @web3jskit/walletkit
13
31
 
32
+ # yarn
14
33
  yarn add @web3jskit/walletkit
15
34
 
35
+ # pnpm
16
36
  pnpm add @web3jskit/walletkit
17
37
  ```
18
38
 
19
- ## **Quick Start**
39
+ ## 快速开始 Quick Start
20
40
 
21
- ### Import the Library
41
+ ### 1. 导入并初始化 Import and Initialize
22
42
 
23
43
  ```javascript
24
- import { getWalletKit } from '@web3jskit/walletkit';
25
- ```
26
-
27
- ## Core Features
44
+ import { WalletKitProvider, ConnectButton } from '@web3jskit/walletkit';
28
45
 
29
- ### 1. Get the List of Current Connectors
30
-
31
- Get the list of supported wallet connectors using the `getConnectors` method:
32
-
33
- ```javascript
34
- const connectors = walletKit.getConnectors();
35
- console.log(connectors);
36
- // Example output:
37
- // [
38
- // { name: 'MetaMask', icon: '🔗', provider: ... },
39
- // { name: 'Coinbase Wallet', icon: '💼', provider: ... },
40
- // ...
41
- // ]
46
+ function App() {
47
+ return (
48
+ <WalletKitProvider>
49
+ <ConnectButton />
50
+ {/* 其他组件 Other components */}
51
+ </WalletKitProvider>
52
+ );
53
+ }
42
54
  ```
43
55
 
44
- ### 2. Connect to a Wallet
45
-
46
- Use the `connect` method of a connector to connect to a wallet:
56
+ ### 2. 使用 Hooks Use Hooks
47
57
 
48
58
  ```javascript
49
- const connectors = walletKit.getConnectors();
50
-
51
- // Select a connector
52
- const connector = connectors[0];
53
-
54
- // Connect to the wallet
55
- const address = await connector.connect();
56
- console.log(address);
57
-
58
- // Check the current connection status
59
- console.log(walletKit.getConnectStatus()); // Output: "connected"
60
- ```
61
-
62
- ### 3. Use Custom Hook
63
-
64
- WalletKit provides a custom hook `useWalletKit`, which, combined with React state management, makes development simpler and more convenient.
65
-
66
- Using `useWalletKit`
67
-
68
- In a React project, import `useWalletKit` and use it directly:
59
+ import { useWalletKit } from '@web3jskit/walletkit';
69
60
 
70
- ```tsx
71
- 'use client';
72
- import { ChainType } from '@web3jskit/type';
73
- import { ConnectButton, useWalletKit, AppModal, WalletKitProvider } from '@web3jskit/walletkit';
74
-
75
- export default function WalletKitTest() {
61
+ function MyComponent() {
76
62
  const { openModal, currentChainType, setChainType, currentConnector, walletAddress, getProvider } = useWalletKit();
77
63
 
78
- const chainList = [ChainType.EVM, ChainType.PUT, ChainType.SOL, ChainType.Tron, ChainType.BTC];
79
-
80
- const handleConnect = async () => {
64
+ // 连接钱包 Connect wallet
65
+ const handleConnect = () => {
81
66
  openModal(AppModal.ConnectModal);
82
67
  };
83
68
 
69
+ // 断开连接 Disconnect
84
70
  const handleDisconnect = () => {
85
71
  currentConnector?.disconnect();
86
72
  };
87
73
 
88
- const handleGetProvider = async () => {
89
- const provider = await getProvider();
90
- console.log('provider', provider);
91
- };
92
-
93
74
  return (
94
- <WalletKitProvider>
95
- <ConnectButton />
96
- <div>
97
- <button onClick={() => handleConnect()}>连接钱包</button>
98
- <button onClick={() => handleDisconnect()}>断开链接</button>
99
- </div>
100
- <div>
101
- {chainList.map(chainType => (
102
- <button key={chainType} onClick={() => setChainType(chainType)}>
103
- 切换{chainType}
104
- </button>
105
- ))}
106
- </div>
107
- <div>
108
- <button onClick={() => handleGetProvider()}>获取Provider</button>
109
- </div>
110
- <div>当 前 链：{currentChainType}</div>
111
- <div>钱 包 名：{currentConnector?.name}</div>
112
- <div>钱包地址：{walletAddress}</div>
113
- </WalletKitProvider>
75
+ <div>
76
+ <div>Chain: {currentChainType}</div>
77
+ <div>Wallet: {currentConnector?.name}</div>
78
+ <div>Address: {walletAddress}</div>
79
+ </div>
114
80
  );
115
81
  }
116
82
  ```
117
83
 
118
- `useWalletKit` Return Values
84
+ ## 核心功能 Core Features
119
85
 
120
- | Property/Method | Description |
121
- | ------------------ | ----------------------------------------------------------- |
122
- | `currentChainType` | Current chain ID |
123
- | `getConnectors` | Method to get available connectors |
124
- | `currentConnector` | Current connector instance |
125
- | `connectStatus` | Current connection status (e.g., "connecting", "connected") |
126
- | `closeModal` | Method to close the wallet connection modal |
127
- | `provider` | Current provider instance |
128
- | `...` | ...Other methods and properties |
86
+ ### 1. 钱包连接 Wallet Connection
129
87
 
130
- ### 4. Switch Chain
88
+ ```javascript
89
+ const { currentConnector, connectStatus } = useWalletKit();
131
90
 
132
- Switch to a specified chain using the `setChainType` method:
91
+ // 连接钱包 Connect wallet
92
+ await currentConnector.connect();
133
93
 
134
- ```javascript
135
- await walletKit.setChainType(ChainType); // Switch to Ethereum Mainnet (ChainType)
136
- ```
94
+ // 断开连接 Disconnect
95
+ await currentConnector.disconnect();
137
96
 
138
- ### 5. State Management
97
+ // 监听状态 Listen to status
98
+ console.log(connectStatus); // 'connected' | 'connecting' | 'disconnected'
99
+ ```
139
100
 
140
- setChainType
141
- Get the current state:
101
+ ### 2. 链切换 Chain Switching
142
102
 
143
103
  ```javascript
144
- console.log(walletKit.getCurrentChain()); // Current chain information
145
- console.log(walletKit.getConnectStatus()); // Connection status (e.g., "connected", "disconnected")
146
- console.log(walletKit.getCurrentConnector()); // Current connector
147
- console.log(walletKit.getProvider()); // Current provider
104
+ const { setChainType, currentChainType } = useWalletKit();
105
+
106
+ // 切换链 Switch chain
107
+ await setChainType(ChainType.EVM);
148
108
  ```
149
109
 
150
- Listen for state changes:
110
+ ### 3. 交易操作 Transaction Operations
151
111
 
152
112
  ```javascript
153
- walletKit.on('connect', connector => {
154
- console.log(`${connector.name} connected`);
113
+ const { currentConnector } = useWalletKit();
114
+
115
+ // 签名消息 Sign message
116
+ const signature = await currentConnector.signMessage('Hello Web3');
117
+
118
+ // 发送交易 Send transaction
119
+ const txHash = await currentConnector.sendTransaction({
120
+ to: '0x...',
121
+ value: '0x...',
155
122
  });
156
123
 
157
- walletKit.on('disconnect', () => {
158
- console.log('Wallet disconnected');
124
+ // 合约调用 Contract call
125
+ const result = await currentConnector.writeContract({
126
+ address: '0x...',
127
+ abi: [...],
128
+ functionName: 'transfer',
129
+ args: [...],
159
130
  });
160
131
  ```
161
132
 
162
- Integrate into a React Project
163
-
164
- Quickly integrate into a DApp using the `useWalletKit` custom hook and React state management:
133
+ ## 支持的钱包 Supported Wallets
165
134
 
166
- ```tsx
167
- import React, { useEffect } from 'react';
168
- import { useWalletKit, WalletKitProvider } from '@web3jskit/walletkit';
135
+ - MetaMask (EVM)
136
+ - Phantom (SOL, BTC)
137
+ - TronLink (TRON)
138
+ - Gel Wallet (EVM, PUT, SOL)
139
+ - OKX Wallet (EVM)
140
+ - Trust Wallet (EVM)
141
+ - TokenPocket (EVM)
142
+ - Bitget Wallet (EVM)
143
+ - Coinbase Wallet (EVM)
169
144
 
170
- const WalletConnectButton: React.FC = () => {
171
- const { connectStatus, getConnectors, currentConnector } = useWalletKit();
172
-
173
- useEffect(() => {
174
- if (connectStatus === 'connected') {
175
- console.log(`Connected to ${currentConnector?.name}`);
176
- }
177
- }, [connectStatus, currentConnector]);
178
-
179
- const handleConnect = async () => {
180
- const connectors = getConnectors();
181
- if (connectors.length) {
182
- await connectors[0].connect();
183
- }
184
- };
145
+ ## API 参考 API Reference
185
146
 
186
- return;
187
- <WalletKitProvider>
188
- <button onClick={handleConnect}>{connectStatus === 'connected' ? 'Connected' : 'Connect Wallet'}</button>
189
- </WalletKitProvider>;
190
- };
147
+ ### useWalletKit Hook
191
148
 
192
- export default WalletConnectButton;
193
- ```
149
+ | 属性/方法 Property/Method | 描述 Description |
150
+ | ------------------------- | --------------------------------------- |
151
+ | `currentChainType` | 当前链类型 Current chain type |
152
+ | `setChainType` | 切换链类型 Switch chain type |
153
+ | `currentConnector` | 当前钱包连接器 Current wallet connector |
154
+ | `connectStatus` | 连接状态 Connection status |
155
+ | `walletAddress` | 钱包地址 Wallet address |
156
+ | `getProvider` | 获取 Provider Get provider |
157
+ | `openModal` | 打开模态框 Open modal |
158
+ | `closeModal` | 关闭模态框 Close modal |
194
159
 
195
- ## Supported Wallets
160
+ ### WalletConnector
196
161
 
197
- WalletKit supports the following wallets:
162
+ | 方法 Method | 描述 Description |
163
+ | ----------------------- | ------------------------- |
164
+ | `connect()` | 连接钱包 Connect wallet |
165
+ | `disconnect()` | 断开连接 Disconnect |
166
+ | `signMessage(message)` | 签名消息 Sign message |
167
+ | `sendTransaction(tx)` | 发送交易 Send transaction |
168
+ | `writeContract(params)` | 合约写入 Write contract |
169
+ | `readContract(params)` | 合约读取 Read contract |
198
170
 
199
- - MetaMask
200
- - Phantom
201
- - TronLink
202
- - Gel Wallet
203
- - More EVM-compatible wallets
171
+ ## 贡献指南 Contributing
204
172
 
205
- ## Contribution Guide
173
+ 欢迎提交 Issues 和功能请求！贡献步骤：
206
174
 
207
- We welcome issues and feature requests! You can contribute by following these steps:
175
+ We welcome issues and feature requests! Steps to contribute:
208
176
 
209
- 1. Fork this repository.
210
- 2. Create a new branch:
177
+ 1. Fork 本仓库 Fork this repository
178
+ 2. 创建功能分支 Create feature branch:
211
179
 
212
180
  ```bash
213
- git checkout -b feature/my-new-feature
181
+ git checkout -b feature/my-feature
214
182
  ```
215
183
 
216
- 3. Commit your changes:
184
+ 3. 提交更改 Commit changes:
217
185
 
218
186
  ```bash
219
187
  git commit -m "Add some feature"
220
188
  ```
221
189
 
222
- 4. Push the branch:
190
+ 4. 推送分支 Push branch:
223
191
 
224
192
  ```bash
225
- git push origin feature/my-new-feature
193
+ git push origin feature/my-feature
226
194
  ```
227
195
 
228
- 5. Submit a Pull Request.
196
+ 5. 提交 Pull Request Submit Pull Request
229
197
 
230
- ## License
198
+ ## 许可证 License
231
199
 
232
200
  MIT License
233
201
 
202
+ ## 联系我们 Contact Us
203
+
204
+ 如有问题或建议，请通过以下方式联系我们：
205
+
206
+ For questions or suggestions, please contact us:
207
+
208
+ - GitHub Issues
209
+ - Email: <support@web3jskit.com>
210
+
211
+ 希望你喜欢使用 WalletKit！
212
+
234
213
  Hope you enjoy using WalletKit! 😊
package/dist/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@web3jskit/walletkit",
3
- "version": "0.1.4",
3
+ "version": "0.1.5",
4
4
  "description": "walletkit",
5
5
  "license": "MIT",
6
6
  "files": [
@@ -16,7 +16,7 @@
16
16
  "@react-spring/web": "^9.7.1",
17
17
  "@tanstack/react-query": "^5.0.0",
18
18
  "@web3jskit/type": "^1.1.6",
19
- "@web3jskit/wallethelper": "0.1.4",
19
+ "@web3jskit/wallethelper": "0.1.5",
20
20
  "copy-to-clipboard": "^3.3.3",
21
21
  "i18next": "^22.4.13",
22
22
  "i18next-browser-languagedetector": "^7.0.1",
package/dist/src/components/Header/style.js CHANGED
@@ -10,7 +10,7 @@ const ModalHeaderBox = styled.div `
10
10
 
11
11
  .backBtn {
12
12
  cursor: pointer;
13
- margin-left: 16px;
13
+ margin-left: 20px;
14
14
 
15
15
  path {
16
16
  fill: ${({ theme }) => theme.backArrowColor};
@@ -26,7 +26,7 @@ const ModalHeaderBox = styled.div `
26
26
  }
27
27
 
28
28
  .closeBtn {
29
- margin-right: 16px;
29
+ margin-right: 20px;
30
30
  cursor: pointer;
31
31
  display: flex;
32
32
  align-items: center;
@@ -49,6 +49,7 @@ const ModalHeaderBox = styled.div `
49
49
 
50
50
  &.asideTitle {
51
51
  justify-content: flex-start;
52
+ height: auto;
52
53
 
53
54
  .closeBtn {
54
55
  display: none;
@@ -62,7 +63,7 @@ const ModalHeaderBox = styled.div `
62
63
 
63
64
  &.asideTitle {
64
65
  justify-content: space-between;
65
-
66
+ height: 56px;
66
67
  .closeBtn {
67
68
  display: flex;
68
69
  }
package/dist/src/components/Header/style.js.map CHANGED
@@ -1 +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"}
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4B1D,CAAC;AAEF,eAAe,cAAc,CAAC"}
package/dist/src/components/Introduce/index.js CHANGED
@@ -3,8 +3,9 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
3
3
  import { useTranslation } from 'react-i18next';
4
4
  import ModalHeader from '../Header/ModalHeader';
5
5
  import IntroduceContainer from './style';
6
+ import VectorSvg from '../SVGs/vectorSvg';
6
7
  export function Introduce({ onGetWallet, onClose }) {
7
8
  const { t } = useTranslation();
8
- 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') }) })] })] }));
9
+ 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') }) })] })] }));
9
10
  }
10
11
  //# sourceMappingURL=index.js.map
package/dist/src/components/Introduce/index.js.map CHANGED
@@ -1 +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"}
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;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 CHANGED
@@ -13,17 +13,37 @@ const IntroduceContainer = styled.div `
13
13
  line-height: 18px;
14
14
  }
15
15
 
16
- .introduce {
16
+ .vector {
17
17
  margin-top: 24px;
18
- font-size: 12px;
19
- font-weight: 700;
20
- line-height: 14px;
18
+ display: flex;
19
+ align-items: center;
20
+ gap: 12px;
21
+
22
+ svg {
23
+ flex-shrink: 0;
24
+ }
25
+
26
+ .vector-text {
27
+ color: #757575;
28
+ font-size: 12px;
29
+ font-style: normal;
30
+ line-height: 14px;
31
+ font-weight: 500;
32
+
33
+ .answer {
34
+ font-weight: 700;
35
+ }
36
+
37
+ .detail {
38
+ margin-top: 14px;
39
+ }
40
+ }
21
41
  }
22
42
 
23
- .detail {
24
- margin-top: 16px;
43
+ .introduce {
44
+ margin-top: 24px;
25
45
  font-size: 12px;
26
- font-weight: 500;
46
+ font-weight: 700;
27
47
  line-height: 14px;
28
48
  }
29
49
 
@@ -37,7 +57,7 @@ const IntroduceContainer = styled.div `
37
57
  .button {
38
58
  width: 100%;
39
59
  display: inline-block;
40
- margin-top: 32px;
60
+ margin-top: 12px;
41
61
  padding: 11px 16px;
42
62
  color: ${({ theme }) => theme.buttonColor};
43
63
  background: ${({ theme }) => theme.buttonBg};
@@ -63,8 +83,13 @@ const IntroduceContainer = styled.div `
63
83
  margin: 0;
64
84
  align-items: center;
65
85
 
66
- .detail {
67
- text-align: center;
86
+ .vector {
87
+ svg {
88
+ display: none;
89
+ }
90
+ .vector-text {
91
+ text-align: center;
92
+ }
68
93
  }
69
94
  }
70
95
  `;
package/dist/src/components/Introduce/style.js.map CHANGED
@@ -1 +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"}
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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 CHANGED
@@ -96,7 +96,7 @@ export function ConnectModal({ slots }) {
96
96
  default:
97
97
  return _jsx(_Fragment, {});
98
98
  }
99
- }, [step]);
99
+ }, [step, selectedWallet]);
100
100
  const handleConnect = (address) => {
101
101
  connectModalData?.onConnect(address);
102
102
  };
@@ -105,7 +105,14 @@ export function ConnectModal({ slots }) {
105
105
  };
106
106
  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 => {
107
107
  return (_jsxs("div", { className: "typeBox", children: [_jsx("div", { className: `typeHeader ${connectorType}`, children: t(connectorType) }), connectorsGroupByType[connectorType].map((connector) => {
108
- return (_jsx(WalletTriggerButton, { onConnect: handleConnect, connector: connector }, connectorType + connector.name));
108
+ return (_jsx(WalletTriggerButton, { onConnect: handleConnect, connector: connector, onGetWallet: () => {
109
+ if (connector.name === 'Gel Wallet') {
110
+ window.open(connector.webUrl, '_blank');
111
+ return;
112
+ }
113
+ setSelectedWallet(connector);
114
+ setStep(Step.GetWallet);
115
+ } }, connectorType + connector.name));
109
116
  })] }, connectorType));
110
117
  }), slots ? (slots.map((Slot, index) => {
111
118
  return _jsx(SlotWrapper, { children: Slot }, index);
package/dist/src/components/Modal/ConnectModal.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ConnectModal.js","sourceRoot":"","sources":["../../../../src/components/Modal/ConnectModal.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ConnectModal.js","sourceRoot":"","sources":["../../../../src/components/Modal/ConnectModal.tsx"],"names":[],"mappings":"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"}
package/dist/src/components/Modal/style.js CHANGED
@@ -37,6 +37,7 @@ export const AsideList = styled.div `
37
37
  flex-direction: column;
38
38
  gap: 16px;
39
39
  padding: 0 20px 20px;
40
+ margin-top: 10px;
40
41
 
41
42
  .typeBox {
42
43
  display: flex;
@@ -49,7 +50,7 @@ export const AsideList = styled.div `
49
50
  line-height: 14px;
50
51
  font-weight: 700;
51
52
  color: ${({ theme }) => theme.gray};
52
- margin-bottom: 14px;
53
+ margin-bottom: 12px;
53
54
 
54
55
  &.installed {
55
56
  color: ${({ theme }) => theme.blue};
package/dist/src/components/Modal/style.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"style.js","sourceRoot":"","sources":["../../../../src/components/Modal/style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;CAUvC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA;;;;2BAIT,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,WAAW;;;;;;;;;sBASrC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,WAAW;;;;;;CAMrD,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;WAkBxB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI;;;;YAIxB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI;;;;;;;;;;;;;;;;;;;;;;CAsBpC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAGlC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;WAwBjC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,SAAS;;;;;;;;;;;;YAY7B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU;;;;;;;;;;;;;;;YAe/B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,SAAS;;;;;;;uBAOnB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,SAAS;;;wBAG7B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0C1D,CAAC"}
1
+ {"version":3,"file":"style.js","sourceRoot":"","sources":["../../../../src/components/Modal/style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;CAUvC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA;;;;2BAIT,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,WAAW;;;;;;;;;sBASrC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,WAAW;;;;;;CAMrD,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;WAmBxB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI;;;;YAIxB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI;;;;;;;;;;;;;;;;;;;;;;CAsBpC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAGlC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;WAwBjC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,SAAS;;;;;;;;;;;;YAY7B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU;;;;;;;;;;;;;;;YAe/B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,SAAS;;;;;;;uBAOnB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,SAAS;;;wBAG7B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0C1D,CAAC"}
package/dist/src/components/SVGs/vectorSvg.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ declare const VectorSvg: () => import("react/jsx-runtime").JSX.Element;
2
+ export default VectorSvg;
package/dist/src/components/SVGs/vectorSvg.js ADDED
@@ -0,0 +1,4 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ const VectorSvg = () => (_jsxs("svg", { width: "74", height: "81", viewBox: "0 0 74 81", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("path", { d: "M36.133 20.4506C36.7045 20.3236 37.2969 20.3236 37.8684 20.4506L52.042 23.6003C52.4485 23.6907 52.812 23.9169 53.0726 24.2417C53.3332 24.5665 53.4752 24.9705 53.4753 25.3869V43.6682C53.4751 45.4762 53.0286 47.2563 52.1754 48.8503C51.3222 50.4444 50.0886 51.8032 48.5842 52.8061L38.5239 59.5134C37.6015 60.1284 36.3999 60.1284 35.4775 59.5134L25.4172 52.8061C23.9131 51.8034 22.6796 50.4449 21.8264 48.8512C20.9732 47.2574 20.5266 45.4777 20.5261 43.67V25.3869C20.5262 24.9705 20.6682 24.5665 20.9288 24.2417C21.1894 23.9169 21.5529 23.6907 21.9594 23.6003L36.133 20.4506ZM45.7972 33.2239C45.4398 32.8667 44.8605 32.8668 44.5032 33.2241L36.7363 40.9894C36.3788 41.3467 35.7994 41.3467 35.442 40.9893L31.5596 37.1069C31.2022 36.7495 30.6227 36.7495 30.2652 37.1069L28.9713 38.4009C28.6138 38.7583 28.6138 39.3378 28.9713 39.6953L35.4438 46.1677C35.8012 46.5252 36.3807 46.5252 36.7381 46.1677L47.0929 35.813C47.4504 35.4555 47.4503 34.8758 47.0927 34.5184L45.7972 33.2239Z", fill: "url(#paint0_linear_10496_16154)" }), _jsx("path", { opacity: "0.4", d: "M53.1005 18.8354C54.591 19.1668 55.9239 19.9963 56.8794 21.1873C57.8348 22.3783 58.3556 23.8594 58.3559 25.3862V43.6683C58.3557 46.2799 57.7108 48.8515 56.4783 51.154C55.2459 53.4565 53.4642 55.4191 51.2913 56.8676L41.231 63.575C38.6689 65.2832 35.331 65.2832 32.769 63.575L22.709 56.8678C20.5364 55.4195 18.7546 53.4571 17.5223 51.1552C16.2898 48.8532 15.6447 46.2825 15.644 43.6713V25.387C15.6443 23.8602 16.1651 22.3783 17.1206 21.1873C18.076 19.9964 19.409 19.1668 20.8994 18.8354L33.5585 16.0223C35.8252 15.5186 38.1748 15.5186 40.4414 16.0223L53.1005 18.8354Z", stroke: "#81FF70", strokeWidth: "1.70847" }), _jsx("path", { opacity: "0.16", d: "M54.1598 14.0709C56.7342 14.6432 59.0366 16.0761 60.6869 18.1332C62.3372 20.1903 63.2368 22.7494 63.2373 25.3867V43.6692C63.237 47.0842 62.3937 50.447 60.782 53.4581C59.1704 56.4689 56.8403 59.0354 53.9989 60.9297L43.9388 67.637C39.7371 70.4384 34.2629 70.4384 30.0611 67.637L20.0012 60.9298C17.1603 59.0359 14.8304 56.4698 13.2188 53.4596C11.6072 50.4492 10.7635 47.0864 10.7627 43.6718V25.3867C10.7631 22.7501 11.6624 20.1908 13.3131 18.1332C14.9634 16.0761 17.2658 14.6432 19.8402 14.0709L32.4996 11.2577C35.4637 10.599 38.5363 10.599 41.5004 11.2577L54.1598 14.0709Z", stroke: "#81FF70", strokeWidth: "1.70847" }), _jsx("path", { opacity: "0.08", d: "M55.2191 9.30439C58.8774 10.1176 62.1492 12.1539 64.4944 15.0772C66.8398 18.0007 68.118 21.6371 68.1186 25.3844V43.6677C68.1183 47.8863 67.0766 52.0405 65.0856 55.7602C63.0948 59.4795 60.2165 62.6498 56.7066 64.9898L46.6467 71.6969C40.8052 75.5915 33.1948 75.5915 27.3533 71.6969L17.2935 64.9899C13.7844 62.6504 10.9062 59.4806 8.91538 55.7621C6.92439 52.0431 5.88236 47.8881 5.88135 43.6703V25.3844C5.88199 21.638 7.1596 18.0014 9.50558 15.0772C11.8508 12.1539 15.1225 10.1176 18.7809 9.30439L31.4407 6.49112C35.1022 5.67744 38.8978 5.67744 42.5593 6.49112L55.2191 9.30439Z", stroke: "#81FF70", strokeWidth: "1.70847" }), _jsx("path", { opacity: "0.02", d: "M56.2783 4.53985C61.0206 5.59405 65.2618 8.23365 68.3019 12.0231C71.3424 15.813 72.9992 20.5267 73 25.384V43.6682C72.9996 48.6901 71.7596 53.6359 69.3892 58.0642C67.0193 62.4919 63.5928 66.2661 59.4144 69.0517L49.3545 75.7588C41.8733 80.7467 32.1267 80.7467 24.6455 75.7588L14.5858 69.0519C10.4084 66.2669 6.98193 62.4933 4.61194 58.0665C2.2415 53.6387 1.0012 48.6916 1 43.6708V25.3841C1.00083 20.5279 2.65682 15.814 5.69808 12.0231C8.73814 8.23368 12.9793 5.59406 17.7217 4.53985L30.3818 1.7265C34.7408 0.757835 39.2592 0.757834 43.6182 1.7265L56.2783 4.53985Z", stroke: "#81FF70", strokeWidth: "1.70847" }), _jsx("defs", { children: _jsxs("linearGradient", { id: "paint0_linear_10496_16154", x1: "20.5261", y1: "20.2578", x2: "53.4752", y2: "60.529", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#36FF2F" }), _jsx("stop", { offset: "0.479167", stopColor: "#3DFE3A" }), _jsx("stop", { offset: "1", stopColor: "#82FF95" })] }) })] }));
3
+ export default VectorSvg;
4
+ //# sourceMappingURL=vectorSvg.js.map
package/dist/src/components/SVGs/vectorSvg.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"vectorSvg.js","sourceRoot":"","sources":["../../../../src/components/SVGs/vectorSvg.tsx"],"names":[],"mappings":";AAAA,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,CACvB,eAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,aAC7F,eACC,CAAC,EAAC,48BAA48B,EAC98B,IAAI,EAAC,iCAAiC,GACrC,EACF,eACC,OAAO,EAAC,KAAK,EACb,CAAC,EAAC,ujBAAujB,EACzjB,MAAM,EAAC,SAAS,EAChB,WAAW,EAAC,SAAS,GACpB,EACF,eACC,OAAO,EAAC,MAAM,EACd,CAAC,EAAC,4jBAA4jB,EAC9jB,MAAM,EAAC,SAAS,EAChB,WAAW,EAAC,SAAS,GACpB,EACF,eACC,OAAO,EAAC,MAAM,EACd,CAAC,EAAC,gkBAAgkB,EAClkB,MAAM,EAAC,SAAS,EAChB,WAAW,EAAC,SAAS,GACpB,EACF,eACC,OAAO,EAAC,MAAM,EACd,CAAC,EAAC,mjBAAmjB,EACrjB,MAAM,EAAC,SAAS,EAChB,WAAW,EAAC,SAAS,GACpB,EACF,yBACC,0BACC,EAAE,EAAC,2BAA2B,EAC9B,EAAE,EAAC,SAAS,EACZ,EAAE,EAAC,SAAS,EACZ,EAAE,EAAC,SAAS,EACZ,EAAE,EAAC,QAAQ,EACX,aAAa,EAAC,gBAAgB,aAE9B,eAAM,SAAS,EAAC,SAAS,GAAG,EAC5B,eAAM,MAAM,EAAC,UAAU,EAAC,SAAS,EAAC,SAAS,GAAG,EAC9C,eAAM,MAAM,EAAC,GAAG,EAAC,SAAS,EAAC,SAAS,GAAG,IACvB,GACX,IACF,CACN,CAAC;AAEF,eAAe,SAAS,CAAC"}
package/dist/src/components/Text/index.js CHANGED
@@ -9,7 +9,7 @@ const TextStyled = styled.div `
9
9
  .text {
10
10
  max-width: 120px;
11
11
  color: ${({ theme }) => theme.textColor2};
12
- font-family: 'Manrope';
12
+ font-family: Manrope;
13
13
  white-space: nowrap;
14
14
  overflow: hidden;
15
15
  text-overflow: ellipsis;
package/dist/src/components/WalletKitProvider/ChainProvider.js CHANGED
@@ -10,7 +10,7 @@ const ChainContext = createContext({
10
10
  supportWallets: []
11
11
  });
12
12
  export function ChainProvider({ children, defaultChainType, defaultChainId, reconnect, supportWallets }) {
13
- const { connectStatus, currentChainType, currentConnectorName, setChainType, setCurrentConnector, setCurrentNetwork, setProvider, setSupportWallets } = useWalletKit();
13
+ const { connectStatus, currentChainType, currentConnectorName, resetStatus, setChainType, setCurrentConnector, setCurrentNetwork, setProvider, setSupportWallets } = useWalletKit();
14
14
  const getConnectors = async (chainType = ChainType.EVM) => {
15
15
  const connectors = await createConnector(chainType, supportWallets || []);
16
16
  return connectors;
@@ -23,6 +23,9 @@ export function ChainProvider({ children, defaultChainType, defaultChainId, reco
23
23
  setProvider(curConnect.provider);
24
24
  curConnect.reconnection();
25
25
  }
26
+ else {
27
+ resetStatus();
28
+ }
26
29
  };
27
30
  useEffect(() => {
28
31
  setSupportWallets(supportWallets || []);