@edgex-web/components 0.1.0-beta.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 edgex-tech
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,325 @@
+# @edgex-web/components
+
+> ⚠️ **Beta 版本警告**: 这是一个 Beta 版本，功能还在完善中，仅用于测试和开发环境。
+
+EdgeX Universal UI Components Library - Reusable React components for deposit, withdraw and other common UI patterns
+
+## 🎯 项目概述
+
+基于 RFC FE-01 设计，EdgeX Components 是一个独立的 npm 包，旨在解决 EdgeX 项目中 deposit/withdraw 组件 70% 代码重复的问题。采用事件驱动架构，支持全局调用能力。
+
+## ✨ 特性
+
+- 🚀 **现代化技术栈**: TypeScript + React + Vite
+- 📦 **独立 npm 包**: 可在任何 React 项目中使用
+- 🎪 **事件驱动**: 支持全局调用 `openDeposit()` / `openWithdraw()`
+- 🔗 **MPC 钱包支持**: 链-代币关联，智能代币切换
+- 🎨 **主题配置**: 支持 light/dark 主题切换
+- 🌍 **国际化**: 多语言支持
+- 🧪 **高测试覆盖**: 目标 85%+ 测试覆盖率
+- 📚 **完整文档**: API 文档和使用指南
+
+## 📦 安装
+
+### Beta 版本 (推荐用于测试)
+
+```bash
+# 使用 npm
+npm install @edgex-web/components@beta
+
+# 使用 yarn
+yarn add @edgex-web/components@beta
+
+# 使用 pnpm
+pnpm add @edgex-web/components@beta
+```
+
+### 稳定版本 (暂未发布)
+
+```bash
+# 使用 npm
+npm install @edgex-web/components
+
+# 使用 yarn
+yarn add @edgex-web/components
+
+# 使用 pnpm
+pnpm add @edgex-web/components
+```
+
+## 🏗️ 技术架构
+
+```
+edgex-components/
+├── src/
+│   ├── components/          # React 组件
+│   │   ├── Provider/        # 全局配置提供者
+│   │   ├── Deposit/         # 充值组件
+│   │   └── Withdraw/        # 提现组件
+│   ├── hooks/               # React Hooks
+│   ├── types/               # TypeScript 类型定义
+│   └── test/                # 测试配置
+├── dev/                     # 开发环境
+└── dist/                    # 构建输出
+```
+
+## 🚀 快速开始
+
+### 安装依赖
+
+```bash
+# 使用 yarn (推荐)
+yarn install
+
+# 或使用 npm
+npm install
+```
+
+### 开发模式
+
+```bash
+# 启动开发服务器
+yarn dev
+
+# 访问 http://localhost:5173 查看组件演示
+```
+
+### 构建
+
+```bash
+# 构建生产版本
+yarn build
+
+# 类型检查
+yarn type-check
+
+# 运行测试
+yarn test
+
+# 测试覆盖率
+yarn test:coverage
+
+# 代码检查
+yarn lint
+
+# 代码格式化
+yarn format
+```
+
+## 📖 使用方法
+
+### 基本用法
+
+```tsx
+import React from 'react'
+import { ComponentProvider, useDeposit, useWithdraw } from '@edgex-web/components'
+
+// 1. 在应用根组件配置 Provider
+const App = () => {
+  const config = {
+    theme: 'light',
+    locale: 'en',
+    apiBaseUrl: 'https://api.edgex.com',
+    debug: true
+  }
+
+  return (
+    <ComponentProvider config={config}>
+      <YourApp />
+    </ComponentProvider>
+  )
+}
+
+// 2. 在任意组件中使用
+const TradeComponent = () => {
+  const { openDeposit } = useDeposit()
+  const { openWithdraw } = useWithdraw()
+
+  const handleDeposit = () => {
+    openDeposit({
+      type: 'trade',
+      symbol: 'USDT',
+      onSuccess: (result) => console.log('Success:', result),
+      onError: (error) => console.error('Error:', error),
+      onCancel: () => console.log('Cancelled')
+    })
+  }
+
+  return <button onClick={handleDeposit}>充值</button>
+}
+```
+
+### 事件驱动 API (推荐)
+
+```tsx
+import React from 'react'
+import {
+  DepositManager,
+  openDeposit,
+  closeDeposit,
+  MPCChainTokenSelector
+} from '@edgex-web/components'
+
+// 1. 在应用根组件添加 DepositManager
+function App() {
+  return (
+    <div>
+      <YourAppContent />
+      <DepositManager />
+    </div>
+  )
+}
+
+// 2. 在任意位置调用
+function MyComponent() {
+  const handleDeposit = () => {
+    openDeposit({
+      curSelectToken: 'USDT',
+      depositAmount: '100',
+      onDeposit: async () => {
+        console.log('Deposit initiated!')
+      }
+    })
+  }
+
+  return <button onClick={handleDeposit}>Open Deposit</button>
+}
+```
+
+### MPC 钱包链-代币关联
+
+```tsx
+import React, { useState } from 'react'
+import { MPCChainTokenSelector, type ChainWithTokens } from '@edgex-web/components'
+
+// 定义链-代币关联数据
+const mpcChainList: ChainWithTokens[] = [
+  {
+    chainId: 1,
+    chain: 'Ethereum',
+    chainIconUrl: 'https://static.edgex.exchange/icons/logo/ethereum.svg',
+    allowDeposit: true,
+    blockTime: 12,
+    txConfirm: 12,
+    tokenList: [
+      {
+        token: 'USDT',
+        symbol: 'USDT',
+        iconUrl: 'https://static.edgex.exchange/icons/coin/USDT.svg',
+        decimals: 6,
+        tokenAddress: '0xdAC17F958D2ee523a2206206994597C13D831ec7',
+      },
+    ],
+  },
+  {
+    chainId: 42161,
+    chain: 'Arbitrum',
+    chainIconUrl: 'https://static.edgex.exchange/icons/logo/arbitrum.svg',
+    allowDeposit: true,
+    blockTime: 1,
+    txConfirm: 1,
+    tokenList: [
+      {
+        token: 'USDT',
+        symbol: 'USDT',
+        iconUrl: 'https://static.edgex.exchange/icons/coin/USDT.svg',
+        decimals: 6,
+        tokenAddress: '0xFd086bC7CD5C481DCC9C85ebE478A1C0b69FCbb9',
+      },
+      {
+        token: 'USDC',
+        symbol: 'USDC',
+        iconUrl: 'https://static.edgex.exchange/icons/coin/USDC.svg',
+        decimals: 6,
+        tokenAddress: '0xaf88d065e77c8cC2239327C5EDb3A432268e5831',
+      },
+    ],
+  },
+]
+
+function MPCWalletComponent() {
+  const [currentChainId, setCurrentChainId] = useState(1)
+  const [currentToken, setCurrentToken] = useState('USDT')
+
+  const currentActiveChain = mpcChainList.find(
+    chain => chain.chainId === currentChainId
+  ) || mpcChainList[0]
+
+  return (
+    <MPCChainTokenSelector
+      currentActiveChain={currentActiveChain}
+      chainList={mpcChainList}
+      onChainChange={setCurrentChainId}
+      curSelectToken={currentToken}
+      onTokenChange={setCurrentToken}
+      t={(key) => key} // 翻译函数
+    />
+  )
+}
+```
+
+## 🛠️ 开发工具链
+
+### 已配置的工具
+
+- **构建工具**: Vite 5.x + Rollup
+- **类型系统**: TypeScript 5.x
+- **测试框架**: Vitest + Testing Library
+- **代码质量**: ESLint + Prettier
+- **Git Hooks**: Husky + lint-staged
+- **包管理**: 支持 npm/yarn/pnpm
+
+### 脚本命令
+
+| 命令 | 描述 |
+|------|------|
+| `yarn dev` | 启动开发服务器 |
+| `yarn build` | 构建生产版本 |
+| `yarn test` | 运行测试 |
+| `yarn test:coverage` | 生成测试覆盖率报告 |
+| `yarn lint` | 代码检查 |
+| `yarn format` | 代码格式化 |
+| `yarn type-check` | TypeScript 类型检查 |
+
+## 📋 开发状态
+
+### ✅ 已完成
+
+- [x] 项目基础架构搭建
+- [x] TypeScript 配置
+- [x] 构建工具配置 (Vite + Rollup)
+- [x] 测试框架配置 (Vitest + Testing Library)
+- [x] 代码质量工具 (ESLint + Prettier + Husky)
+- [x] 基础组件结构
+- [x] 开发环境设置
+- [x] 核心组件开发 (Deposit/Withdraw)
+- [x] 事件驱动系统实现
+- [x] MPC 钱包链-代币关联功能
+- [x] 智能代币切换逻辑
+- [x] 完整测试覆盖
+- [x] npm 包发布配置
+
+### 🚧 进行中
+
+- [ ] API 文档完善
+- [ ] 集成指南编写
+- [ ] 性能优化
+
+### 📅 计划中
+
+- [ ] Storybook 集成
+- [ ] 更多钱包类型支持
+- [ ] 主题系统增强
+- [ ] 国际化完善
+
+## 🎯 RFC FE-01 目标
+
+- **减少代码重复**: 从 70% 降至 <10%
+- **提升测试覆盖**: 达到 85%+
+- **统一用户体验**: 一致的 UI 和交互
+- **全局调用能力**: 支持任意位置唤起弹框
+- **开发效率**: 降低维护成本 60-80%
+
+## 📄 许可证
+
+MIT License - 详见 [LICENSE](./LICENSE) 文件

package/dist/components/Deposit/index.d.ts

@@ -0,0 +1,13 @@
+export { Deposit } from './src/index';
+export { default as DialogDeposit } from './src/Deposit';
+export { DepositManager, openDeposit, closeDeposit, useDeposit, } from './src/DepositManager';
+export { WalletProvider, useWalletHooks, useWalletAccount, useWalletBalance, useWalletConnect, useWalletWriteContract, useWalletSwitchChain, useWalletWaitForTransaction, useWalletReadContract, } from './src/WalletProvider';
+export { ChainTokenSelector } from './src/ChainTokenSelector';
+export { MPCWalletView } from './src/MPCWalletView';
+export { EVMWalletView } from './src/EVMWalletView';
+export { createWalletAdapter } from './src/walletAdapters';
+export { QRCodeSVG, CopyToClipboard, Icon, Tooltip, twMerge, } from './src/components';
+export type { DepositProps, OpenDepositOptions, DepositAPI } from './types';
+export type { WalletHooks, AccountInfo, BalanceInfo, WriteContractConfig, WriteContractResult, TransactionWaitResult, ConnectWalletResult, SwitchChainResult, } from './types/wallet-hooks';
+export { createMockWalletHooks, createWagmiAdapter } from './types/wallet-hooks';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Deposit/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Deposit/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAA;AACrC,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,eAAe,CAAA;AAGxD,OAAO,EACL,cAAc,EACd,WAAW,EACX,YAAY,EACZ,UAAU,GACX,MAAM,sBAAsB,CAAA;AAG7B,OAAO,EACL,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,gBAAgB,EAChB,gBAAgB,EAChB,sBAAsB,EACtB,oBAAoB,EACpB,2BAA2B,EAC3B,qBAAqB,GACtB,MAAM,sBAAsB,CAAA;AAG7B,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAA;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAGnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAA;AAC1D,OAAO,EACL,SAAS,EACT,eAAe,EACf,IAAI,EACJ,OAAO,EACP,OAAO,GACR,MAAM,kBAAkB,CAAA;AAGzB,YAAY,EAAE,YAAY,EAAE,kBAAkB,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAC3E,YAAY,EACV,WAAW,EACX,WAAW,EACX,WAAW,EACX,mBAAmB,EACnB,mBAAmB,EACnB,qBAAqB,EACrB,mBAAmB,EACnB,iBAAiB,GAClB,MAAM,sBAAsB,CAAA;AAG7B,OAAO,EAAE,qBAAqB,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA"}

package/dist/components/Deposit/src/ChainSelector.d.ts

@@ -0,0 +1,35 @@
+import { default as React } from 'react';
+
+export interface Chain {
+    chainId: number;
+    chain: string;
+    chainIconUrl?: string;
+    allowDeposit?: boolean;
+    blockTime?: number;
+    txConfirm?: number;
+}
+interface ChainSelectorProps {
+    chains: Chain[];
+    selectedChain: Chain;
+    onChainChange: (chain: Chain) => void;
+    disabled?: boolean;
+    className?: string;
+}
+export declare const ChainSelector: React.FC<ChainSelectorProps>;
+export interface Token {
+    token: string;
+    iconUrl?: string;
+    decimals: number;
+    tokenAddress: string;
+    symbol?: string;
+}
+interface TokenSelectorProps {
+    tokens: Token[];
+    selectedToken: Token;
+    onTokenChange: (token: Token) => void;
+    disabled?: boolean;
+    className?: string;
+}
+export declare const TokenSelector: React.FC<TokenSelectorProps>;
+export {};
+//# sourceMappingURL=ChainSelector.d.ts.map

package/dist/components/Deposit/src/ChainSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChainSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/Deposit/src/ChainSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAKvC,MAAM,WAAW,KAAK;IACpB,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,UAAU,kBAAkB;IAC1B,MAAM,EAAE,KAAK,EAAE,CAAA;IACf,aAAa,EAAE,KAAK,CAAA;IACpB,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAkJtD,CAAA;AAGD,MAAM,WAAW,KAAK;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,YAAY,EAAE,MAAM,CAAA;IACpB,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,UAAU,kBAAkB;IAC1B,MAAM,EAAE,KAAK,EAAE,CAAA;IACf,aAAa,EAAE,KAAK,CAAA;IACpB,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAmItD,CAAA"}

package/dist/components/Deposit/src/ChainTokenSelector.d.ts

@@ -0,0 +1,25 @@
+import { default as React } from 'react';
+import { Chain, Token } from './ChainSelector';
+import { ChainWithTokens } from '../../../types';
+
+interface ChainTokenSelectorProps {
+    currentActiveChain: Chain;
+    chains: Chain[];
+    onChainChange: (chainId: number) => void;
+    curSelectToken: string;
+    tokens: Token[];
+    onTokenChange: (token: string) => void;
+    t: (key: string, params?: any) => string;
+}
+interface MPCChainTokenSelectorProps {
+    currentActiveChain: ChainWithTokens;
+    chainList: ChainWithTokens[];
+    onChainChange: (chainId: number) => void;
+    curSelectToken: string;
+    onTokenChange: (token: string) => void;
+    t: (key: string, params?: any) => string;
+}
+export declare const ChainTokenSelector: React.FC<ChainTokenSelectorProps>;
+export declare const MPCChainTokenSelector: React.FC<MPCChainTokenSelectorProps>;
+export {};
+//# sourceMappingURL=ChainTokenSelector.d.ts.map

package/dist/components/Deposit/src/ChainTokenSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChainTokenSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/Deposit/src/ChainTokenSelector.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAGL,KAAK,KAAK,EACV,KAAK,KAAK,EACX,MAAM,iBAAiB,CAAA;AACxB,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAEhD,UAAU,uBAAuB;IAE/B,kBAAkB,EAAE,KAAK,CAAA;IACzB,MAAM,EAAE,KAAK,EAAE,CAAA;IACf,aAAa,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IAGxC,cAAc,EAAE,MAAM,CAAA;IACtB,MAAM,EAAE,KAAK,EAAE,CAAA;IACf,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAGtC,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,GAAG,KAAK,MAAM,CAAA;CACzC;AAGD,UAAU,0BAA0B;IAElC,kBAAkB,EAAE,eAAe,CAAA;IACnC,SAAS,EAAE,eAAe,EAAE,CAAA;IAC5B,aAAa,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IAGxC,cAAc,EAAE,MAAM,CAAA;IACtB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAGtC,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,GAAG,KAAK,MAAM,CAAA;CACzC;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAqDhE,CAAA;AAGD,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAgJtE,CAAA"}

package/dist/components/Deposit/src/Deposit.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+import { default as PropTypes } from 'prop-types';
+import { DepositManager, openDeposit, closeDeposit, useDeposit } from './DepositManager';
+
+declare const DialogDeposit: {
+    ({ children }: {
+        children: React.ReactNode;
+    }): import("react/jsx-runtime").JSX.Element;
+    propTypes: {
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    };
+};
+export default DialogDeposit;
+export { DepositManager, openDeposit, closeDeposit, useDeposit };
+export { MPCChainTokenSelector } from './ChainTokenSelector';
+export type { ChainWithTokens } from '../../../types';
+//# sourceMappingURL=Deposit.d.ts.map

package/dist/components/Deposit/src/Deposit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Deposit.d.ts","sourceRoot":"","sources":["../../../../src/components/Deposit/src/Deposit.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,SAAS,MAAM,YAAY,CAAA;AAClC,OAAO,EACL,cAAc,EACd,WAAW,EACX,YAAY,EACZ,UAAU,EACX,MAAM,kBAAkB,CAAA;AAGzB,QAAA,MAAM,aAAa;mBAAkB;QAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE;;;;CAajE,CAAA;AAMD,eAAe,aAAa,CAAA;AAG5B,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,YAAY,EAAE,UAAU,EAAE,CAAA;AAGhE,OAAO,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAA;AAC5D,YAAY,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA"}

package/dist/components/Deposit/src/DepositManager.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { OpenDepositOptions, DepositAPI } from '../types';
+
+export declare const DepositManager: React.ForwardRefExoticComponent<React.RefAttributes<DepositAPI>>;
+export declare const openDeposit: (options?: OpenDepositOptions) => void;
+export declare const closeDeposit: () => void;
+export declare const updateDepositOptions: (options: Partial<OpenDepositOptions>) => void;
+export declare const isDepositOpen: () => boolean;
+export declare const useDeposit: () => DepositAPI;
+//# sourceMappingURL=DepositManager.d.ts.map

package/dist/components/Deposit/src/DepositManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DepositManager.d.ts","sourceRoot":"","sources":["../../../../src/components/Deposit/src/DepositManager.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqD,MAAM,OAAO,CAAA;AAEzE,OAAO,EAAE,kBAAkB,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAkBzD,eAAO,MAAM,cAAc,kEA2JzB,CAAA;AAKF,eAAO,MAAM,WAAW,GAAI,UAAU,kBAAkB,SAQvD,CAAA;AAED,eAAO,MAAM,YAAY,YAQxB,CAAA;AAED,eAAO,MAAM,oBAAoB,GAAI,SAAS,OAAO,CAAC,kBAAkB,CAAC,SAUxE,CAAA;AAED,eAAO,MAAM,aAAa,eAKzB,CAAA;AAGD,eAAO,MAAM,UAAU,QAAO,UAO7B,CAAA"}

package/dist/components/Deposit/src/EVMWalletView.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+
+interface EVMWalletViewProps {
+    depositAmount: string;
+    curSelectToken: string;
+    curSelectTokenData: any;
+    approved: boolean;
+    currentActiveChain: any;
+    currentEquity: number;
+    amount: string;
+    decimals: number;
+    t: (key: string, params?: any) => string;
+    onDepositAmountChange: (amount: string) => void;
+    onApprove: () => Promise<void>;
+}
+export declare const EVMWalletView: React.FC<EVMWalletViewProps>;
+export {};
+//# sourceMappingURL=EVMWalletView.d.ts.map

package/dist/components/Deposit/src/EVMWalletView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EVMWalletView.d.ts","sourceRoot":"","sources":["../../../../src/components/Deposit/src/EVMWalletView.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,UAAU,kBAAkB;IAC1B,aAAa,EAAE,MAAM,CAAA;IACrB,cAAc,EAAE,MAAM,CAAA;IACtB,kBAAkB,EAAE,GAAG,CAAA;IACvB,QAAQ,EAAE,OAAO,CAAA;IACjB,kBAAkB,EAAE,GAAG,CAAA;IACvB,aAAa,EAAE,MAAM,CAAA;IACrB,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,MAAM,CAAA;IAChB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,GAAG,KAAK,MAAM,CAAA;IACxC,qBAAqB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/C,SAAS,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;CAC/B;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA+EtD,CAAA"}

package/dist/components/Deposit/src/MPCWalletView.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { WalletAdapter } from './walletAdapters';
+
+interface MPCWalletViewProps {
+    walletAdapter: WalletAdapter | null;
+    curSelectToken: string;
+    currentActiveChain: any;
+    metadata: any;
+    t: (key: string, params?: any) => string;
+    showToast: (message: string) => void;
+}
+export declare const MPCWalletView: React.FC<MPCWalletViewProps>;
+export {};
+//# sourceMappingURL=MPCWalletView.d.ts.map

package/dist/components/Deposit/src/MPCWalletView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MPCWalletView.d.ts","sourceRoot":"","sources":["../../../../src/components/Deposit/src/MPCWalletView.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAEhD,UAAU,kBAAkB;IAC1B,aAAa,EAAE,aAAa,GAAG,IAAI,CAAA;IACnC,cAAc,EAAE,MAAM,CAAA;IACtB,kBAAkB,EAAE,GAAG,CAAA;IACvB,QAAQ,EAAE,GAAG,CAAA;IACb,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,GAAG,KAAK,MAAM,CAAA;IACxC,SAAS,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;CACrC;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA0HtD,CAAA"}

package/dist/components/Deposit/src/WalletProvider.d.ts

@@ -0,0 +1,23 @@
+import { default as React, ReactNode } from 'react';
+import { WalletHooks } from '../types/wallet-hooks';
+
+interface WalletProviderProps {
+    children: ReactNode;
+    walletHooks?: WalletHooks;
+    useMockWallet?: boolean;
+}
+export declare const WalletProvider: React.FC<WalletProviderProps>;
+export declare const useWalletHooks: () => WalletHooks;
+export declare const useWalletAccount: () => import('..').AccountInfo;
+export declare const useWalletBalance: (config?: Parameters<WalletHooks["useBalance"]>[0]) => import('..').BalanceInfo;
+export declare const useWalletConnect: () => import('..').ConnectWalletResult;
+export declare const useWalletWriteContract: () => import('..').WriteContractResult;
+export declare const useWalletSwitchChain: () => import('..').SwitchChainResult;
+export declare const useWalletWaitForTransaction: () => import('..').TransactionWaitResult;
+export declare const useWalletReadContract: (config: Parameters<WalletHooks["useReadContract"]>[0]) => {
+    data?: any;
+    isLoading: boolean;
+    error?: Error;
+};
+export {};
+//# sourceMappingURL=WalletProvider.d.ts.map

package/dist/components/Deposit/src/WalletProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WalletProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/Deposit/src/WalletProvider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAA6B,SAAS,EAAE,MAAM,OAAO,CAAA;AACnE,OAAO,EAAE,WAAW,EAAyB,MAAM,uBAAuB,CAAA;AAM1E,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,SAAS,CAAA;IACnB,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAGD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAoBxD,CAAA;AAGD,eAAO,MAAM,cAAc,QAAO,WAWjC,CAAA;AAGD,eAAO,MAAM,gBAAgB,gCAG5B,CAAA;AAED,eAAO,MAAM,gBAAgB,GAAI,SAAS,UAAU,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,6BAGjF,CAAA;AAED,eAAO,MAAM,gBAAgB,wCAG5B,CAAA;AAED,eAAO,MAAM,sBAAsB,wCAGlC,CAAA;AAED,eAAO,MAAM,oBAAoB,sCAGhC,CAAA;AAED,eAAO,MAAM,2BAA2B,0CAGvC,CAAA;AAED,eAAO,MAAM,qBAAqB,GAAI,QAAQ,UAAU,CAAC,WAAW,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;;;;CAG1F,CAAA"}

package/dist/components/Deposit/src/components.d.ts

@@ -0,0 +1,89 @@
+import { default as React } from 'react';
+
+export declare const QRCodeSVG: React.FC<{
+    value: string;
+    size: number;
+    level: string;
+    bgColor: string;
+    fgColor: string;
+    includeMargin?: boolean;
+}>;
+export declare const CopyToClipboard: React.FC<{
+    text: string;
+    onCopy: () => void;
+    children: React.ReactNode;
+}>;
+export declare const Icon: React.FC<{
+    icon?: any;
+    className: string;
+}>;
+export declare const Select: React.FC<{
+    value: string;
+    onChange: (e: React.ChangeEvent<HTMLSelectElement>) => void;
+    options: Array<{
+        label: React.ReactNode;
+        value: string;
+    }>;
+    className?: string;
+}>;
+export declare const NumberInput: React.FC<{
+    placeholder: string;
+    value: string;
+    min: number;
+    max: string;
+    precision: number;
+    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+}>;
+export declare const JoinFormControl: React.FC<{
+    className?: string;
+    suffixItems?: React.ReactNode[];
+    children: React.ReactNode;
+}>;
+export declare const Form: React.FC<{
+    className?: string;
+    children: React.ReactNode;
+}> & {
+    Section: React.FC<{
+        children: React.ReactNode;
+    }>;
+    Label: React.FC<{
+        className?: string;
+        children: React.ReactNode;
+    }>;
+    Control: React.FC<{
+        children: React.ReactNode;
+    }>;
+};
+export declare const TransitionStatus: React.FC<{
+    prefix?: string;
+    prevValue: string;
+    nextValue: string;
+    forceTransitionStatus: boolean;
+}>;
+export declare const Tooltip: React.FC<{
+    title: string;
+    children: React.ReactNode;
+}>;
+export declare const Dialog: React.FC<{
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    children: React.ReactNode;
+}>;
+export declare const DialogTrigger: React.FC<{
+    asChild?: boolean;
+    children: React.ReactNode;
+}>;
+export declare const DialogContent: React.FC<{
+    children: React.ReactNode;
+}>;
+export declare const DialogHeader: React.FC<{
+    children: React.ReactNode;
+}>;
+export declare const DialogTitle: React.FC<{
+    children: React.ReactNode;
+}>;
+export declare const DialogFooter: React.FC<{
+    children: React.ReactNode;
+}>;
+export declare const twMerge: (...classes: (string | boolean | undefined)[]) => string;
+//# sourceMappingURL=components.d.ts.map

package/dist/components/Deposit/src/components.d.ts.map

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

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

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { DepositProps } from '../types';
+
+export declare const Deposit: React.FC<DepositProps>;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Deposit/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Deposit/src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAA;AAQnD,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAcvC,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAsP1C,CAAA"}