@varity-labs/ui-kit 2.0.0-beta.6 → 2.0.0-beta.8
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.
- package/README.md +14 -16
- package/dist/components/PaymentWidget/PaymentWidget.d.ts +7 -19
- package/dist/components/PaymentWidget/PaymentWidget.d.ts.map +1 -1
- package/dist/components/PaymentWidget/PaymentWidget.js +10 -176
- package/dist/components/PaymentWidget/PaymentWidget.js.map +1 -1
- package/dist/components/PaymentWidget/useSeamlessPayment.d.ts +8 -34
- package/dist/components/PaymentWidget/useSeamlessPayment.d.ts.map +1 -1
- package/dist/components/PaymentWidget/useSeamlessPayment.js +12 -158
- package/dist/components/PaymentWidget/useSeamlessPayment.js.map +1 -1
- package/dist/components/PaymentWidget/useVarityPayment.d.ts +5 -6
- package/dist/components/PaymentWidget/useVarityPayment.d.ts.map +1 -1
- package/dist/components/PaymentWidget/useVarityPayment.js +11 -147
- package/dist/components/PaymentWidget/useVarityPayment.js.map +1 -1
- package/dist/providers/PrivyStack.d.ts +14 -9
- package/dist/providers/PrivyStack.d.ts.map +1 -1
- package/dist/providers/PrivyStack.js +2 -4
- package/dist/providers/PrivyStack.js.map +1 -1
- package/dist/providers/VarityDashboardProvider.d.ts +2 -2
- package/dist/providers/VarityDashboardProvider.d.ts.map +1 -1
- package/dist/providers/VarityDashboardProvider.js +3 -26
- package/dist/providers/VarityDashboardProvider.js.map +1 -1
- package/dist/providers/WalletSyncProvider.d.ts +3 -7
- package/dist/providers/WalletSyncProvider.d.ts.map +1 -1
- package/dist/providers/WalletSyncProvider.js +6 -14
- package/dist/providers/WalletSyncProvider.js.map +1 -1
- package/package.json +5 -6
- package/dist/components/Analytics/__tests__/DataTable.test.d.ts +0 -2
- package/dist/components/Analytics/__tests__/DataTable.test.d.ts.map +0 -1
- package/dist/components/Analytics/__tests__/DataTable.test.js +0 -113
- package/dist/components/Analytics/__tests__/DataTable.test.js.map +0 -1
- package/dist/components/Dashboard/__tests__/EmptyState.test.d.ts +0 -2
- package/dist/components/Dashboard/__tests__/EmptyState.test.d.ts.map +0 -1
- package/dist/components/Dashboard/__tests__/EmptyState.test.js +0 -81
- package/dist/components/Dashboard/__tests__/EmptyState.test.js.map +0 -1
- package/dist/components/Dashboard/__tests__/KPICard.test.d.ts +0 -2
- package/dist/components/Dashboard/__tests__/KPICard.test.d.ts.map +0 -1
- package/dist/components/Dashboard/__tests__/KPICard.test.js +0 -78
- package/dist/components/Dashboard/__tests__/KPICard.test.js.map +0 -1
- package/dist/components/InAppWallet/EmailLoginButton.d.ts +0 -27
- package/dist/components/InAppWallet/EmailLoginButton.d.ts.map +0 -1
- package/dist/components/InAppWallet/EmailLoginButton.js +0 -84
- package/dist/components/InAppWallet/EmailLoginButton.js.map +0 -1
- package/dist/components/InAppWallet/InAppWalletProvider.d.ts +0 -54
- package/dist/components/InAppWallet/InAppWalletProvider.d.ts.map +0 -1
- package/dist/components/InAppWallet/InAppWalletProvider.js +0 -225
- package/dist/components/InAppWallet/InAppWalletProvider.js.map +0 -1
- package/dist/components/InAppWallet/OnboardingFlow.d.ts +0 -25
- package/dist/components/InAppWallet/OnboardingFlow.d.ts.map +0 -1
- package/dist/components/InAppWallet/OnboardingFlow.js +0 -159
- package/dist/components/InAppWallet/OnboardingFlow.js.map +0 -1
- package/dist/components/InAppWallet/SocialLoginButtons.d.ts +0 -28
- package/dist/components/InAppWallet/SocialLoginButtons.d.ts.map +0 -1
- package/dist/components/InAppWallet/SocialLoginButtons.js +0 -128
- package/dist/components/InAppWallet/SocialLoginButtons.js.map +0 -1
- package/dist/components/InAppWallet/index.d.ts +0 -15
- package/dist/components/InAppWallet/index.d.ts.map +0 -1
- package/dist/components/InAppWallet/index.js +0 -14
- package/dist/components/InAppWallet/index.js.map +0 -1
- package/dist/components/Payments/CheckoutModal.d.ts +0 -19
- package/dist/components/Payments/CheckoutModal.d.ts.map +0 -1
- package/dist/components/Payments/CheckoutModal.js +0 -194
- package/dist/components/Payments/CheckoutModal.js.map +0 -1
- package/dist/components/Payments/SubscriptionWidget.d.ts +0 -17
- package/dist/components/Payments/SubscriptionWidget.d.ts.map +0 -1
- package/dist/components/Payments/SubscriptionWidget.js +0 -89
- package/dist/components/Payments/SubscriptionWidget.js.map +0 -1
- package/dist/components/Payments/constants.d.ts +0 -59
- package/dist/components/Payments/constants.d.ts.map +0 -1
- package/dist/components/Payments/constants.js +0 -145
- package/dist/components/Payments/constants.js.map +0 -1
- package/dist/components/Payments/index.d.ts +0 -10
- package/dist/components/Payments/index.d.ts.map +0 -1
- package/dist/components/Payments/index.js +0 -12
- package/dist/components/Payments/index.js.map +0 -1
- package/dist/components/Payments/types.d.ts +0 -119
- package/dist/components/Payments/types.d.ts.map +0 -1
- package/dist/components/Payments/types.js +0 -27
- package/dist/components/Payments/types.js.map +0 -1
- package/dist/components/Payments/usePayments.d.ts +0 -33
- package/dist/components/Payments/usePayments.d.ts.map +0 -1
- package/dist/components/Payments/usePayments.js +0 -249
- package/dist/components/Payments/usePayments.js.map +0 -1
- package/dist/components/Privy/__tests__/InitScreens.test.d.ts +0 -2
- package/dist/components/Privy/__tests__/InitScreens.test.d.ts.map +0 -1
- package/dist/components/Privy/__tests__/InitScreens.test.js +0 -74
- package/dist/components/Privy/__tests__/InitScreens.test.js.map +0 -1
- package/dist/components/SIWE/AuthStatus.d.ts +0 -15
- package/dist/components/SIWE/AuthStatus.d.ts.map +0 -1
- package/dist/components/SIWE/AuthStatus.js +0 -47
- package/dist/components/SIWE/AuthStatus.js.map +0 -1
- package/dist/components/SIWE/ProtectedRoute.d.ts +0 -17
- package/dist/components/SIWE/ProtectedRoute.d.ts.map +0 -1
- package/dist/components/SIWE/ProtectedRoute.js +0 -52
- package/dist/components/SIWE/ProtectedRoute.js.map +0 -1
- package/dist/components/SIWE/SIWEButton.d.ts +0 -22
- package/dist/components/SIWE/SIWEButton.d.ts.map +0 -1
- package/dist/components/SIWE/SIWEButton.js +0 -106
- package/dist/components/SIWE/SIWEButton.js.map +0 -1
- package/dist/components/SIWE/SIWEModal.d.ts +0 -19
- package/dist/components/SIWE/SIWEModal.d.ts.map +0 -1
- package/dist/components/SIWE/SIWEModal.js +0 -75
- package/dist/components/SIWE/SIWEModal.js.map +0 -1
- package/dist/components/SIWE/SIWEProvider.d.ts +0 -38
- package/dist/components/SIWE/SIWEProvider.d.ts.map +0 -1
- package/dist/components/SIWE/SIWEProvider.js +0 -227
- package/dist/components/SIWE/SIWEProvider.js.map +0 -1
- package/dist/components/SIWE/index.d.ts +0 -15
- package/dist/components/SIWE/index.d.ts.map +0 -1
- package/dist/components/SIWE/index.js +0 -10
- package/dist/components/SIWE/index.js.map +0 -1
- package/dist/core/VarityClient.d.ts +0 -76
- package/dist/core/VarityClient.d.ts.map +0 -1
- package/dist/core/VarityClient.js +0 -99
- package/dist/core/VarityClient.js.map +0 -1
- package/dist/core/config.d.ts +0 -136
- package/dist/core/config.d.ts.map +0 -1
- package/dist/core/config.js +0 -156
- package/dist/core/config.js.map +0 -1
- package/dist/hooks/useAnalytics.d.ts +0 -94
- package/dist/hooks/useAnalytics.d.ts.map +0 -1
- package/dist/hooks/useAnalytics.js +0 -116
- package/dist/hooks/useAnalytics.js.map +0 -1
- package/dist/hooks/useAuth.d.ts +0 -71
- package/dist/hooks/useAuth.d.ts.map +0 -1
- package/dist/hooks/useAuth.js +0 -198
- package/dist/hooks/useAuth.js.map +0 -1
- package/dist/hooks/useDashboard.d.ts +0 -110
- package/dist/hooks/useDashboard.d.ts.map +0 -1
- package/dist/hooks/useDashboard.js +0 -201
- package/dist/hooks/useDashboard.js.map +0 -1
- package/dist/hooks/useVarityAPI.d.ts +0 -88
- package/dist/hooks/useVarityAPI.d.ts.map +0 -1
- package/dist/hooks/useVarityAPI.js +0 -138
- package/dist/hooks/useVarityAPI.js.map +0 -1
- package/dist/hooks/useWalletAuth.d.ts +0 -108
- package/dist/hooks/useWalletAuth.d.ts.map +0 -1
- package/dist/hooks/useWalletAuth.js +0 -415
- package/dist/hooks/useWalletAuth.js.map +0 -1
- package/dist/hooks/web3/index.d.ts +0 -5
- package/dist/hooks/web3/index.d.ts.map +0 -1
- package/dist/hooks/web3/index.js +0 -6
- package/dist/hooks/web3/index.js.map +0 -1
- package/dist/hooks/web3/useAddressValidation.d.ts +0 -37
- package/dist/hooks/web3/useAddressValidation.d.ts.map +0 -1
- package/dist/hooks/web3/useAddressValidation.js +0 -59
- package/dist/hooks/web3/useAddressValidation.js.map +0 -1
- package/dist/hooks/web3/useBlockExplorer.d.ts +0 -37
- package/dist/hooks/web3/useBlockExplorer.d.ts.map +0 -1
- package/dist/hooks/web3/useBlockExplorer.js +0 -59
- package/dist/hooks/web3/useBlockExplorer.js.map +0 -1
- package/dist/hooks/web3/useUSDCFormat.d.ts +0 -34
- package/dist/hooks/web3/useUSDCFormat.d.ts.map +0 -1
- package/dist/hooks/web3/useUSDCFormat.js +0 -43
- package/dist/hooks/web3/useUSDCFormat.js.map +0 -1
- package/dist/hooks/web3/useVarityWallet.d.ts +0 -48
- package/dist/hooks/web3/useVarityWallet.d.ts.map +0 -1
- package/dist/hooks/web3/useVarityWallet.js +0 -70
- package/dist/hooks/web3/useVarityWallet.js.map +0 -1
- package/dist/modules/cache/index.d.ts +0 -12
- package/dist/modules/cache/index.d.ts.map +0 -1
- package/dist/modules/cache/index.js +0 -13
- package/dist/modules/cache/index.js.map +0 -1
- package/dist/providers/ChainContext.d.ts +0 -65
- package/dist/providers/ChainContext.d.ts.map +0 -1
- package/dist/providers/ChainContext.js +0 -92
- package/dist/providers/ChainContext.js.map +0 -1
- package/dist/providers/VarityProvider.d.ts +0 -32
- package/dist/providers/VarityProvider.d.ts.map +0 -1
- package/dist/providers/VarityProvider.js +0 -56
- package/dist/providers/VarityProvider.js.map +0 -1
- package/dist/providers/WalletContext.d.ts +0 -68
- package/dist/providers/WalletContext.d.ts.map +0 -1
- package/dist/providers/WalletContext.js +0 -98
- package/dist/providers/WalletContext.js.map +0 -1
- package/dist/providers/index.d.ts +0 -48
- package/dist/providers/index.d.ts.map +0 -1
- package/dist/providers/index.js +0 -53
- package/dist/providers/index.js.map +0 -1
- package/dist/types/api-extensions.d.ts +0 -92
- package/dist/types/api-extensions.d.ts.map +0 -1
- package/dist/types/api-extensions.js +0 -7
- package/dist/types/api-extensions.js.map +0 -1
- package/dist/wallets/SimpleSmartWallet.d.ts +0 -68
- package/dist/wallets/SimpleSmartWallet.d.ts.map +0 -1
- package/dist/wallets/SimpleSmartWallet.js +0 -74
- package/dist/wallets/SimpleSmartWallet.js.map +0 -1
- package/dist/wallets/SmartWalletProvider.d.ts +0 -217
- package/dist/wallets/SmartWalletProvider.d.ts.map +0 -1
- package/dist/wallets/SmartWalletProvider.js +0 -366
- package/dist/wallets/SmartWalletProvider.js.map +0 -1
- package/dist/wallets/config.d.ts +0 -222
- package/dist/wallets/config.d.ts.map +0 -1
- package/dist/wallets/config.js +0 -206
- package/dist/wallets/config.js.map +0 -1
- package/dist/wallets/index.d.ts +0 -9
- package/dist/wallets/index.d.ts.map +0 -1
- package/dist/wallets/index.js +0 -9
- package/dist/wallets/index.js.map +0 -1
- package/dist/web3/AddressDisplay/AddressDisplay.d.ts +0 -33
- package/dist/web3/AddressDisplay/AddressDisplay.d.ts.map +0 -1
- package/dist/web3/AddressDisplay/AddressDisplay.js +0 -42
- package/dist/web3/AddressDisplay/AddressDisplay.js.map +0 -1
- package/dist/web3/AddressInput/AddressInput.d.ts +0 -36
- package/dist/web3/AddressInput/AddressInput.d.ts.map +0 -1
- package/dist/web3/AddressInput/AddressInput.js +0 -54
- package/dist/web3/AddressInput/AddressInput.js.map +0 -1
- package/dist/web3/AmountInput/AmountInput.d.ts +0 -41
- package/dist/web3/AmountInput/AmountInput.d.ts.map +0 -1
- package/dist/web3/AmountInput/AmountInput.js +0 -74
- package/dist/web3/AmountInput/AmountInput.js.map +0 -1
- package/dist/web3/BalanceDisplay/BalanceDisplay.d.ts +0 -30
- package/dist/web3/BalanceDisplay/BalanceDisplay.d.ts.map +0 -1
- package/dist/web3/BalanceDisplay/BalanceDisplay.js +0 -35
- package/dist/web3/BalanceDisplay/BalanceDisplay.js.map +0 -1
- package/dist/web3/BlockExplorerLink/BlockExplorerLink.d.ts +0 -41
- package/dist/web3/BlockExplorerLink/BlockExplorerLink.d.ts.map +0 -1
- package/dist/web3/BlockExplorerLink/BlockExplorerLink.js +0 -46
- package/dist/web3/BlockExplorerLink/BlockExplorerLink.js.map +0 -1
- package/dist/web3/ConnectWallet/ConnectWallet.d.ts +0 -35
- package/dist/web3/ConnectWallet/ConnectWallet.d.ts.map +0 -1
- package/dist/web3/ConnectWallet/ConnectWallet.js +0 -58
- package/dist/web3/ConnectWallet/ConnectWallet.js.map +0 -1
- package/dist/web3/DisconnectButton/DisconnectButton.d.ts +0 -30
- package/dist/web3/DisconnectButton/DisconnectButton.d.ts.map +0 -1
- package/dist/web3/DisconnectButton/DisconnectButton.js +0 -48
- package/dist/web3/DisconnectButton/DisconnectButton.js.map +0 -1
- package/dist/web3/WalletBalance/WalletBalance.d.ts +0 -27
- package/dist/web3/WalletBalance/WalletBalance.d.ts.map +0 -1
- package/dist/web3/WalletBalance/WalletBalance.js +0 -49
- package/dist/web3/WalletBalance/WalletBalance.js.map +0 -1
- package/dist/web3/WalletDropdown/WalletDropdown.d.ts +0 -29
- package/dist/web3/WalletDropdown/WalletDropdown.d.ts.map +0 -1
- package/dist/web3/WalletDropdown/WalletDropdown.js +0 -93
- package/dist/web3/WalletDropdown/WalletDropdown.js.map +0 -1
- package/dist/web3/WalletInfo/WalletInfo.d.ts +0 -31
- package/dist/web3/WalletInfo/WalletInfo.d.ts.map +0 -1
- package/dist/web3/WalletInfo/WalletInfo.js +0 -41
- package/dist/web3/WalletInfo/WalletInfo.js.map +0 -1
- package/dist/web3/index.d.ts +0 -11
- package/dist/web3/index.d.ts.map +0 -1
- package/dist/web3/index.js +0 -14
- package/dist/web3/index.js.map +0 -1
|
@@ -1,93 +0,0 @@
|
|
|
1
|
-
import React, { useState, useRef, useEffect } from 'react';
|
|
2
|
-
import { useActiveAccount, useDisconnect, useActiveWallet } from 'thirdweb/react';
|
|
3
|
-
import { formatAddress } from '../../config/chains';
|
|
4
|
-
import { WalletBalance } from '../WalletBalance/WalletBalance';
|
|
5
|
-
/**
|
|
6
|
-
* Wallet Dropdown Menu Component
|
|
7
|
-
*
|
|
8
|
-
* Displays a dropdown menu with wallet information and actions:
|
|
9
|
-
* - Address
|
|
10
|
-
* - Balance
|
|
11
|
-
* - Copy address
|
|
12
|
-
* - View on explorer
|
|
13
|
-
* - Disconnect
|
|
14
|
-
*
|
|
15
|
-
* @example
|
|
16
|
-
* ```tsx
|
|
17
|
-
* import { WalletDropdown } from '@varity-labs/ui-kit';
|
|
18
|
-
*
|
|
19
|
-
* function Header() {
|
|
20
|
-
* return (
|
|
21
|
-
* <WalletDropdown
|
|
22
|
-
* onDisconnect={() => console.log('Disconnected')}
|
|
23
|
-
* />
|
|
24
|
-
* );
|
|
25
|
-
* }
|
|
26
|
-
* ```
|
|
27
|
-
*/
|
|
28
|
-
export function WalletDropdown({ onDisconnect, className = '', }) {
|
|
29
|
-
const account = useActiveAccount();
|
|
30
|
-
const wallet = useActiveWallet();
|
|
31
|
-
const { disconnect } = useDisconnect();
|
|
32
|
-
const [isOpen, setIsOpen] = useState(false);
|
|
33
|
-
const dropdownRef = useRef(null);
|
|
34
|
-
const address = account?.address;
|
|
35
|
-
// Close dropdown when clicking outside
|
|
36
|
-
useEffect(() => {
|
|
37
|
-
const handleClickOutside = (event) => {
|
|
38
|
-
if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
|
|
39
|
-
setIsOpen(false);
|
|
40
|
-
}
|
|
41
|
-
};
|
|
42
|
-
document.addEventListener('mousedown', handleClickOutside);
|
|
43
|
-
return () => document.removeEventListener('mousedown', handleClickOutside);
|
|
44
|
-
}, []);
|
|
45
|
-
if (!account || !address) {
|
|
46
|
-
return null;
|
|
47
|
-
}
|
|
48
|
-
const handleDisconnect = async () => {
|
|
49
|
-
if (wallet) {
|
|
50
|
-
await disconnect(wallet);
|
|
51
|
-
}
|
|
52
|
-
setIsOpen(false);
|
|
53
|
-
if (onDisconnect) {
|
|
54
|
-
onDisconnect();
|
|
55
|
-
}
|
|
56
|
-
};
|
|
57
|
-
const copyAddress = () => {
|
|
58
|
-
navigator.clipboard.writeText(address);
|
|
59
|
-
// Could add toast notification here
|
|
60
|
-
setIsOpen(false);
|
|
61
|
-
};
|
|
62
|
-
const viewOnExplorer = () => {
|
|
63
|
-
window.open(`https://sepolia.arbiscan.io/address/${address}`, '_blank');
|
|
64
|
-
setIsOpen(false);
|
|
65
|
-
};
|
|
66
|
-
return (React.createElement("div", { className: `relative ${className}`, ref: dropdownRef },
|
|
67
|
-
React.createElement("button", { onClick: () => setIsOpen(!isOpen), className: "btn btn-secondary flex items-center gap-2" },
|
|
68
|
-
React.createElement("div", { className: "w-6 h-6 rounded-full bg-gradient-to-br from-varity-primary to-varity-secondary flex items-center justify-center" },
|
|
69
|
-
React.createElement("span", { className: "text-white text-xs font-bold" }, address.slice(2, 4).toUpperCase())),
|
|
70
|
-
React.createElement("span", { className: "truncate-address" }, formatAddress(address)),
|
|
71
|
-
React.createElement("svg", { className: `w-4 h-4 transition-transform ${isOpen ? 'rotate-180' : ''}`, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" },
|
|
72
|
-
React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }))),
|
|
73
|
-
isOpen && (React.createElement("div", { className: "absolute right-0 mt-2 w-64 bg-white dark:bg-gray-900 rounded-lg shadow-lg border border-gray-200 dark:border-gray-700 z-50" },
|
|
74
|
-
React.createElement("div", { className: "p-4 border-b border-gray-200 dark:border-gray-700" },
|
|
75
|
-
React.createElement("p", { className: "text-xs text-gray-500 dark:text-gray-400 mb-1" }, "Balance"),
|
|
76
|
-
React.createElement(WalletBalance, { showSymbol: true, decimals: 2 }),
|
|
77
|
-
React.createElement("p", { className: "text-xs text-gray-500 dark:text-gray-400 mt-2" }, "Address"),
|
|
78
|
-
React.createElement("p", { className: "truncate-address text-sm" }, formatAddress(address, 10, 8))),
|
|
79
|
-
React.createElement("div", { className: "py-1" },
|
|
80
|
-
React.createElement("button", { onClick: copyAddress, className: "w-full px-4 py-2 text-left text-sm hover:bg-gray-100 dark:hover:bg-gray-800 flex items-center gap-2" },
|
|
81
|
-
React.createElement("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" },
|
|
82
|
-
React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z" })),
|
|
83
|
-
"Copy address"),
|
|
84
|
-
React.createElement("button", { onClick: viewOnExplorer, className: "w-full px-4 py-2 text-left text-sm hover:bg-gray-100 dark:hover:bg-gray-800 flex items-center gap-2" },
|
|
85
|
-
React.createElement("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" },
|
|
86
|
-
React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" })),
|
|
87
|
-
"View on explorer"),
|
|
88
|
-
React.createElement("button", { onClick: handleDisconnect, className: "w-full px-4 py-2 text-left text-sm text-red-600 dark:text-red-400 hover:bg-gray-100 dark:hover:bg-gray-800 flex items-center gap-2" },
|
|
89
|
-
React.createElement("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" },
|
|
90
|
-
React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1" })),
|
|
91
|
-
"Disconnect"))))));
|
|
92
|
-
}
|
|
93
|
-
//# sourceMappingURL=WalletDropdown.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"WalletDropdown.js","sourceRoot":"","sources":["../../../src/web3/WalletDropdown/WalletDropdown.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
export interface WalletInfoProps {
|
|
2
|
-
showAvatar?: boolean;
|
|
3
|
-
showBalance?: boolean;
|
|
4
|
-
format?: 'short' | 'full';
|
|
5
|
-
className?: string;
|
|
6
|
-
}
|
|
7
|
-
/**
|
|
8
|
-
* Wallet Info Display Component
|
|
9
|
-
*
|
|
10
|
-
* Displays connected wallet information including:
|
|
11
|
-
* - Wallet address (formatted)
|
|
12
|
-
* - Avatar/identicon
|
|
13
|
-
* - Balance (optional)
|
|
14
|
-
*
|
|
15
|
-
* @example
|
|
16
|
-
* ```tsx
|
|
17
|
-
* import { WalletInfo } from '@varity-labs/ui-kit';
|
|
18
|
-
*
|
|
19
|
-
* function Dashboard() {
|
|
20
|
-
* return (
|
|
21
|
-
* <WalletInfo
|
|
22
|
-
* showAvatar
|
|
23
|
-
* showBalance
|
|
24
|
-
* format="short"
|
|
25
|
-
* />
|
|
26
|
-
* );
|
|
27
|
-
* }
|
|
28
|
-
* ```
|
|
29
|
-
*/
|
|
30
|
-
export declare function WalletInfo({ showAvatar, showBalance, format, className, }: WalletInfoProps): JSX.Element | null;
|
|
31
|
-
//# sourceMappingURL=WalletInfo.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"WalletInfo.d.ts","sourceRoot":"","sources":["../../../src/web3/WalletInfo/WalletInfo.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,eAAe;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,UAAU,CAAC,EACzB,UAAiB,EACjB,WAAmB,EACnB,MAAgB,EAChB,SAAc,GACf,EAAE,eAAe,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CA6BtC"}
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { useActiveAccount } from 'thirdweb/react';
|
|
3
|
-
import { formatAddress } from '../../config/chains';
|
|
4
|
-
/**
|
|
5
|
-
* Wallet Info Display Component
|
|
6
|
-
*
|
|
7
|
-
* Displays connected wallet information including:
|
|
8
|
-
* - Wallet address (formatted)
|
|
9
|
-
* - Avatar/identicon
|
|
10
|
-
* - Balance (optional)
|
|
11
|
-
*
|
|
12
|
-
* @example
|
|
13
|
-
* ```tsx
|
|
14
|
-
* import { WalletInfo } from '@varity-labs/ui-kit';
|
|
15
|
-
*
|
|
16
|
-
* function Dashboard() {
|
|
17
|
-
* return (
|
|
18
|
-
* <WalletInfo
|
|
19
|
-
* showAvatar
|
|
20
|
-
* showBalance
|
|
21
|
-
* format="short"
|
|
22
|
-
* />
|
|
23
|
-
* );
|
|
24
|
-
* }
|
|
25
|
-
* ```
|
|
26
|
-
*/
|
|
27
|
-
export function WalletInfo({ showAvatar = true, showBalance = false, format = 'short', className = '', }) {
|
|
28
|
-
const account = useActiveAccount();
|
|
29
|
-
if (!account) {
|
|
30
|
-
return null;
|
|
31
|
-
}
|
|
32
|
-
const address = account.address;
|
|
33
|
-
const displayAddress = format === 'short' ? formatAddress(address) : address;
|
|
34
|
-
return (React.createElement("div", { className: `flex items-center gap-3 ${className}` },
|
|
35
|
-
showAvatar && (React.createElement("div", { className: "w-8 h-8 rounded-full bg-gradient-to-br from-varity-primary to-varity-secondary flex items-center justify-center" },
|
|
36
|
-
React.createElement("span", { className: "text-white text-xs font-bold" }, address.slice(2, 4).toUpperCase()))),
|
|
37
|
-
React.createElement("div", { className: "flex flex-col" },
|
|
38
|
-
React.createElement("span", { className: "truncate-address font-medium" }, displayAddress),
|
|
39
|
-
showBalance && (React.createElement("span", { className: "text-xs text-gray-500 dark:text-gray-400" }, "Loading balance...")))));
|
|
40
|
-
}
|
|
41
|
-
//# sourceMappingURL=WalletInfo.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"WalletInfo.js","sourceRoot":"","sources":["../../../src/web3/WalletInfo/WalletInfo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AASpD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,UAAU,UAAU,CAAC,EACzB,UAAU,GAAG,IAAI,EACjB,WAAW,GAAG,KAAK,EACnB,MAAM,GAAG,OAAO,EAChB,SAAS,GAAG,EAAE,GACE;IAChB,MAAM,OAAO,GAAG,gBAAgB,EAAE,CAAC;IAEnC,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;IAChC,MAAM,cAAc,GAAG,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IAE7E,OAAO,CACL,6BAAK,SAAS,EAAE,2BAA2B,SAAS,EAAE;QACnD,UAAU,IAAI,CACb,6BAAK,SAAS,EAAC,iHAAiH;YAC9H,8BAAM,SAAS,EAAC,8BAA8B,IAC3C,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,CAC7B,CACH,CACP;QACD,6BAAK,SAAS,EAAC,eAAe;YAC5B,8BAAM,SAAS,EAAC,8BAA8B,IAAE,cAAc,CAAQ;YACrE,WAAW,IAAI,CACd,8BAAM,SAAS,EAAC,0CAA0C,yBAEnD,CACR,CACG,CACF,CACP,CAAC;AACJ,CAAC"}
|
package/dist/web3/index.d.ts
DELETED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
export { ConnectWallet, type ConnectWalletProps } from './ConnectWallet/ConnectWallet';
|
|
2
|
-
export { WalletInfo, type WalletInfoProps } from './WalletInfo/WalletInfo';
|
|
3
|
-
export { WalletBalance, type WalletBalanceProps } from './WalletBalance/WalletBalance';
|
|
4
|
-
export { WalletDropdown, type WalletDropdownProps } from './WalletDropdown/WalletDropdown';
|
|
5
|
-
export { DisconnectButton, type DisconnectButtonProps } from './DisconnectButton/DisconnectButton';
|
|
6
|
-
export { AddressDisplay, type AddressDisplayProps } from './AddressDisplay/AddressDisplay';
|
|
7
|
-
export { BalanceDisplay, type BalanceDisplayProps } from './BalanceDisplay/BalanceDisplay';
|
|
8
|
-
export { BlockExplorerLink, type BlockExplorerLinkProps } from './BlockExplorerLink/BlockExplorerLink';
|
|
9
|
-
export { AmountInput, type AmountInputProps } from './AmountInput/AmountInput';
|
|
10
|
-
export { AddressInput, type AddressInputProps } from './AddressInput/AddressInput';
|
|
11
|
-
//# sourceMappingURL=index.d.ts.map
|
package/dist/web3/index.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/web3/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACvF,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACvF,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAC3F,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAGnG,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAC3F,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAC3F,OAAO,EAAE,iBAAiB,EAAE,KAAK,sBAAsB,EAAE,MAAM,uCAAuC,CAAC;AAGvG,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC/E,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,6BAA6B,CAAC"}
|
package/dist/web3/index.js
DELETED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
// Wallet Components
|
|
2
|
-
export { ConnectWallet } from './ConnectWallet/ConnectWallet';
|
|
3
|
-
export { WalletInfo } from './WalletInfo/WalletInfo';
|
|
4
|
-
export { WalletBalance } from './WalletBalance/WalletBalance';
|
|
5
|
-
export { WalletDropdown } from './WalletDropdown/WalletDropdown';
|
|
6
|
-
export { DisconnectButton } from './DisconnectButton/DisconnectButton';
|
|
7
|
-
// Display Components
|
|
8
|
-
export { AddressDisplay } from './AddressDisplay/AddressDisplay';
|
|
9
|
-
export { BalanceDisplay } from './BalanceDisplay/BalanceDisplay';
|
|
10
|
-
export { BlockExplorerLink } from './BlockExplorerLink/BlockExplorerLink';
|
|
11
|
-
// Form Components
|
|
12
|
-
export { AmountInput } from './AmountInput/AmountInput';
|
|
13
|
-
export { AddressInput } from './AddressInput/AddressInput';
|
|
14
|
-
//# sourceMappingURL=index.js.map
|
package/dist/web3/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/web3/index.ts"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,OAAO,EAAE,aAAa,EAA2B,MAAM,+BAA+B,CAAC;AACvF,OAAO,EAAE,UAAU,EAAwB,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,aAAa,EAA2B,MAAM,+BAA+B,CAAC;AACvF,OAAO,EAAE,cAAc,EAA4B,MAAM,iCAAiC,CAAC;AAC3F,OAAO,EAAE,gBAAgB,EAA8B,MAAM,qCAAqC,CAAC;AAEnG,qBAAqB;AACrB,OAAO,EAAE,cAAc,EAA4B,MAAM,iCAAiC,CAAC;AAC3F,OAAO,EAAE,cAAc,EAA4B,MAAM,iCAAiC,CAAC;AAC3F,OAAO,EAAE,iBAAiB,EAA+B,MAAM,uCAAuC,CAAC;AAEvG,kBAAkB;AAClB,OAAO,EAAE,WAAW,EAAyB,MAAM,2BAA2B,CAAC;AAC/E,OAAO,EAAE,YAAY,EAA0B,MAAM,6BAA6B,CAAC"}
|