@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,113 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { render, screen, fireEvent } from '@testing-library/react';
|
|
3
|
-
import '@testing-library/jest-dom';
|
|
4
|
-
import { DataTable } from '../DataTable';
|
|
5
|
-
const columns = [
|
|
6
|
-
{ key: 'name', header: 'Name', sortable: true },
|
|
7
|
-
{ key: 'value', header: 'Value', align: 'right' },
|
|
8
|
-
];
|
|
9
|
-
const data = [
|
|
10
|
-
{ name: 'Alpha', value: 100 },
|
|
11
|
-
{ name: 'Beta', value: 200 },
|
|
12
|
-
{ name: 'Charlie', value: 50 },
|
|
13
|
-
];
|
|
14
|
-
describe('DataTable', () => {
|
|
15
|
-
it('renders column headers', () => {
|
|
16
|
-
render(React.createElement(DataTable, { columns: columns, data: data }));
|
|
17
|
-
expect(screen.getByText('Name')).toBeInTheDocument();
|
|
18
|
-
expect(screen.getByText('Value')).toBeInTheDocument();
|
|
19
|
-
});
|
|
20
|
-
it('renders data rows', () => {
|
|
21
|
-
render(React.createElement(DataTable, { columns: columns, data: data }));
|
|
22
|
-
expect(screen.getByText('Alpha')).toBeInTheDocument();
|
|
23
|
-
expect(screen.getByText('Beta')).toBeInTheDocument();
|
|
24
|
-
expect(screen.getByText('Charlie')).toBeInTheDocument();
|
|
25
|
-
expect(screen.getByText('100')).toBeInTheDocument();
|
|
26
|
-
expect(screen.getByText('200')).toBeInTheDocument();
|
|
27
|
-
});
|
|
28
|
-
it('shows empty message when data is empty', () => {
|
|
29
|
-
render(React.createElement(DataTable, { columns: columns, data: [] }));
|
|
30
|
-
expect(screen.getByText('No data available')).toBeInTheDocument();
|
|
31
|
-
});
|
|
32
|
-
it('shows custom empty message', () => {
|
|
33
|
-
render(React.createElement(DataTable, { columns: columns, data: [], emptyMessage: "Nothing here" }));
|
|
34
|
-
expect(screen.getByText('Nothing here')).toBeInTheDocument();
|
|
35
|
-
});
|
|
36
|
-
it('shows loading spinner when loading=true', () => {
|
|
37
|
-
const { container } = render(React.createElement(DataTable, { columns: columns, data: data, loading: true }));
|
|
38
|
-
// When loading, data rows should not be visible
|
|
39
|
-
expect(screen.queryByText('Alpha')).toBeNull();
|
|
40
|
-
});
|
|
41
|
-
it('sorts data when clicking sortable column header', () => {
|
|
42
|
-
render(React.createElement(DataTable, { columns: columns, data: data }));
|
|
43
|
-
// Click the Name column header (sortable)
|
|
44
|
-
fireEvent.click(screen.getByText('Name'));
|
|
45
|
-
// Get all table cells
|
|
46
|
-
const cells = screen.getAllByRole('cell');
|
|
47
|
-
// First data cell should be Alpha (asc sort)
|
|
48
|
-
expect(cells[0]).toHaveTextContent('Alpha');
|
|
49
|
-
});
|
|
50
|
-
it('reverses sort direction on second click', () => {
|
|
51
|
-
render(React.createElement(DataTable, { columns: columns, data: data }));
|
|
52
|
-
const header = screen.getByText('Name');
|
|
53
|
-
// First click: ascending
|
|
54
|
-
fireEvent.click(header);
|
|
55
|
-
// Second click: descending
|
|
56
|
-
fireEvent.click(header);
|
|
57
|
-
const cells = screen.getAllByRole('cell');
|
|
58
|
-
// First data cell should be Charlie (desc sort)
|
|
59
|
-
expect(cells[0]).toHaveTextContent('Charlie');
|
|
60
|
-
});
|
|
61
|
-
it('handles row click events', () => {
|
|
62
|
-
const handleRowClick = jest.fn();
|
|
63
|
-
render(React.createElement(DataTable, { columns: columns, data: data, onRowClick: handleRowClick }));
|
|
64
|
-
fireEvent.click(screen.getByText('Alpha'));
|
|
65
|
-
expect(handleRowClick).toHaveBeenCalledWith(data[0]);
|
|
66
|
-
});
|
|
67
|
-
it('renders custom cell renderers', () => {
|
|
68
|
-
const customColumns = [
|
|
69
|
-
{ key: 'name', header: 'Name' },
|
|
70
|
-
{ key: 'value', header: 'Value', render: (val) => React.createElement("span", { "data-testid": "custom" },
|
|
71
|
-
"$",
|
|
72
|
-
val) },
|
|
73
|
-
];
|
|
74
|
-
render(React.createElement(DataTable, { columns: customColumns, data: data }));
|
|
75
|
-
const customCells = screen.getAllByTestId('custom');
|
|
76
|
-
expect(customCells[0]).toHaveTextContent('$100');
|
|
77
|
-
});
|
|
78
|
-
it('renders pagination controls when pagination=true', () => {
|
|
79
|
-
const largeData = Array.from({ length: 25 }, (_, i) => ({ name: `Item ${i}`, value: i }));
|
|
80
|
-
render(React.createElement(DataTable, { columns: columns, data: largeData, pagination: true, pageSize: 10 }));
|
|
81
|
-
expect(screen.getByText('Previous')).toBeInTheDocument();
|
|
82
|
-
expect(screen.getByText('Next')).toBeInTheDocument();
|
|
83
|
-
expect(screen.getByText(/Page 1 of 3/)).toBeInTheDocument();
|
|
84
|
-
});
|
|
85
|
-
it('navigates pages when clicking Next/Previous', () => {
|
|
86
|
-
const largeData = Array.from({ length: 25 }, (_, i) => ({ name: `Item ${i}`, value: i }));
|
|
87
|
-
render(React.createElement(DataTable, { columns: columns, data: largeData, pagination: true, pageSize: 10 }));
|
|
88
|
-
// Should show first 10 items
|
|
89
|
-
expect(screen.getByText('Item 0')).toBeInTheDocument();
|
|
90
|
-
expect(screen.queryByText('Item 10')).toBeNull();
|
|
91
|
-
// Click Next
|
|
92
|
-
fireEvent.click(screen.getByText('Next'));
|
|
93
|
-
expect(screen.getByText(/Page 2 of 3/)).toBeInTheDocument();
|
|
94
|
-
expect(screen.getByText('Item 10')).toBeInTheDocument();
|
|
95
|
-
expect(screen.queryByText('Item 0')).toBeNull();
|
|
96
|
-
// Click Previous
|
|
97
|
-
fireEvent.click(screen.getByText('Previous'));
|
|
98
|
-
expect(screen.getByText(/Page 1 of 3/)).toBeInTheDocument();
|
|
99
|
-
expect(screen.getByText('Item 0')).toBeInTheDocument();
|
|
100
|
-
});
|
|
101
|
-
it('disables Previous button on first page', () => {
|
|
102
|
-
const largeData = Array.from({ length: 25 }, (_, i) => ({ name: `Item ${i}`, value: i }));
|
|
103
|
-
render(React.createElement(DataTable, { columns: columns, data: largeData, pagination: true, pageSize: 10 }));
|
|
104
|
-
const prevButton = screen.getByText('Previous');
|
|
105
|
-
expect(prevButton).toBeDisabled();
|
|
106
|
-
});
|
|
107
|
-
it('does not show pagination when data fits in one page', () => {
|
|
108
|
-
render(React.createElement(DataTable, { columns: columns, data: data, pagination: true, pageSize: 10 }));
|
|
109
|
-
expect(screen.queryByText('Previous')).toBeNull();
|
|
110
|
-
expect(screen.queryByText('Next')).toBeNull();
|
|
111
|
-
});
|
|
112
|
-
});
|
|
113
|
-
//# sourceMappingURL=DataTable.test.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DataTable.test.js","sourceRoot":"","sources":["../../../../src/components/Analytics/__tests__/DataTable.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"EmptyState.test.d.ts","sourceRoot":"","sources":["../../../../src/components/Dashboard/__tests__/EmptyState.test.tsx"],"names":[],"mappings":"AAEA,OAAO,2BAA2B,CAAC"}
|
|
@@ -1,81 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { render, screen, fireEvent } from '@testing-library/react';
|
|
3
|
-
import '@testing-library/jest-dom';
|
|
4
|
-
import { EmptyState, EmptyStatePresets } from '../EmptyState';
|
|
5
|
-
describe('EmptyState', () => {
|
|
6
|
-
it('renders title', () => {
|
|
7
|
-
render(React.createElement(EmptyState, { title: "No data found" }));
|
|
8
|
-
expect(screen.getByText('No data found')).toBeInTheDocument();
|
|
9
|
-
});
|
|
10
|
-
it('renders description when provided', () => {
|
|
11
|
-
render(React.createElement(EmptyState, { title: "No data", description: "Add some items to get started." }));
|
|
12
|
-
expect(screen.getByText('Add some items to get started.')).toBeInTheDocument();
|
|
13
|
-
});
|
|
14
|
-
it('does not render description when not provided', () => {
|
|
15
|
-
const { container } = render(React.createElement(EmptyState, { title: "No data" }));
|
|
16
|
-
expect(container.querySelectorAll('p').length).toBe(0);
|
|
17
|
-
});
|
|
18
|
-
it('renders icon when provided', () => {
|
|
19
|
-
render(React.createElement(EmptyState, { title: "No data", icon: React.createElement("span", { "data-testid": "icon" }, "\uD83D\uDCC1") }));
|
|
20
|
-
expect(screen.getByTestId('icon')).toBeInTheDocument();
|
|
21
|
-
});
|
|
22
|
-
it('renders primary action button', () => {
|
|
23
|
-
const handleClick = jest.fn();
|
|
24
|
-
render(React.createElement(EmptyState, { title: "No data", action: { label: 'Add Item', onClick: handleClick } }));
|
|
25
|
-
const button = screen.getByText('Add Item');
|
|
26
|
-
expect(button).toBeInTheDocument();
|
|
27
|
-
fireEvent.click(button);
|
|
28
|
-
expect(handleClick).toHaveBeenCalledTimes(1);
|
|
29
|
-
});
|
|
30
|
-
it('renders secondary action button', () => {
|
|
31
|
-
const handlePrimary = jest.fn();
|
|
32
|
-
const handleSecondary = jest.fn();
|
|
33
|
-
render(React.createElement(EmptyState, { title: "No data", action: { label: 'Add', onClick: handlePrimary }, secondaryAction: { label: 'Learn More', onClick: handleSecondary } }));
|
|
34
|
-
fireEvent.click(screen.getByText('Learn More'));
|
|
35
|
-
expect(handleSecondary).toHaveBeenCalledTimes(1);
|
|
36
|
-
});
|
|
37
|
-
it('applies custom className', () => {
|
|
38
|
-
const { container } = render(React.createElement(EmptyState, { title: "No data", className: "my-class" }));
|
|
39
|
-
expect(container.firstChild).toHaveClass('my-class');
|
|
40
|
-
});
|
|
41
|
-
it('renders with sm size', () => {
|
|
42
|
-
const { container } = render(React.createElement(EmptyState, { title: "No data", size: "sm" }));
|
|
43
|
-
expect(container.firstChild).toHaveClass('py-6');
|
|
44
|
-
});
|
|
45
|
-
it('renders with lg size', () => {
|
|
46
|
-
const { container } = render(React.createElement(EmptyState, { title: "No data", size: "lg" }));
|
|
47
|
-
expect(container.firstChild).toHaveClass('py-16');
|
|
48
|
-
});
|
|
49
|
-
it('renders secondary variant action button', () => {
|
|
50
|
-
render(React.createElement(EmptyState, { title: "No data", action: { label: 'Add', onClick: () => { }, variant: 'secondary' } }));
|
|
51
|
-
const button = screen.getByText('Add');
|
|
52
|
-
expect(button).toHaveClass('bg-gray-100');
|
|
53
|
-
});
|
|
54
|
-
});
|
|
55
|
-
describe('EmptyStatePresets', () => {
|
|
56
|
-
it('renders NoResults preset', () => {
|
|
57
|
-
render(React.createElement(React.Fragment, null, EmptyStatePresets.NoResults({})));
|
|
58
|
-
expect(screen.getByText('No results found')).toBeInTheDocument();
|
|
59
|
-
});
|
|
60
|
-
it('renders NoData preset', () => {
|
|
61
|
-
render(React.createElement(React.Fragment, null, EmptyStatePresets.NoData({})));
|
|
62
|
-
expect(screen.getByText('No data yet')).toBeInTheDocument();
|
|
63
|
-
});
|
|
64
|
-
it('renders NoIntegrations preset', () => {
|
|
65
|
-
render(React.createElement(React.Fragment, null, EmptyStatePresets.NoIntegrations({})));
|
|
66
|
-
expect(screen.getByText('No integrations connected')).toBeInTheDocument();
|
|
67
|
-
});
|
|
68
|
-
it('renders ConnectionRequired preset', () => {
|
|
69
|
-
render(React.createElement(React.Fragment, null, EmptyStatePresets.ConnectionRequired({})));
|
|
70
|
-
expect(screen.getByText('Connection required')).toBeInTheDocument();
|
|
71
|
-
});
|
|
72
|
-
it('renders ComingSoon preset', () => {
|
|
73
|
-
render(React.createElement(React.Fragment, null, EmptyStatePresets.ComingSoon({})));
|
|
74
|
-
expect(screen.getByText('Coming Soon')).toBeInTheDocument();
|
|
75
|
-
});
|
|
76
|
-
it('allows preset overrides', () => {
|
|
77
|
-
render(React.createElement(React.Fragment, null, EmptyStatePresets.NoData({ title: 'Custom Title' })));
|
|
78
|
-
expect(screen.getByText('Custom Title')).toBeInTheDocument();
|
|
79
|
-
});
|
|
80
|
-
});
|
|
81
|
-
//# sourceMappingURL=EmptyState.test.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"EmptyState.test.js","sourceRoot":"","sources":["../../../../src/components/Dashboard/__tests__/EmptyState.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"KPICard.test.d.ts","sourceRoot":"","sources":["../../../../src/components/Dashboard/__tests__/KPICard.test.tsx"],"names":[],"mappings":"AAEA,OAAO,2BAA2B,CAAC"}
|
|
@@ -1,78 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { render, screen, fireEvent } from '@testing-library/react';
|
|
3
|
-
import '@testing-library/jest-dom';
|
|
4
|
-
import { KPICard } from '../KPICard';
|
|
5
|
-
describe('KPICard', () => {
|
|
6
|
-
it('renders title and value', () => {
|
|
7
|
-
render(React.createElement(KPICard, { title: "Revenue", value: "$12,345" }));
|
|
8
|
-
expect(screen.getByText('Revenue')).toBeInTheDocument();
|
|
9
|
-
expect(screen.getByText('$12,345')).toBeInTheDocument();
|
|
10
|
-
});
|
|
11
|
-
it('renders numeric value', () => {
|
|
12
|
-
render(React.createElement(KPICard, { title: "Users", value: 1234 }));
|
|
13
|
-
expect(screen.getByText('1234')).toBeInTheDocument();
|
|
14
|
-
});
|
|
15
|
-
it('renders subtitle when provided', () => {
|
|
16
|
-
render(React.createElement(KPICard, { title: "Revenue", value: "$12,345", subtitle: "Monthly" }));
|
|
17
|
-
expect(screen.getByText('Monthly')).toBeInTheDocument();
|
|
18
|
-
});
|
|
19
|
-
it('does not render subtitle when not provided', () => {
|
|
20
|
-
const { container } = render(React.createElement(KPICard, { title: "Revenue", value: "$12,345" }));
|
|
21
|
-
expect(container.querySelector('p')).toBeNull();
|
|
22
|
-
});
|
|
23
|
-
it('renders trend indicator when trend and trendValue provided', () => {
|
|
24
|
-
render(React.createElement(KPICard, { title: "Revenue", value: "$12,345", trend: "up", trendValue: "+12%" }));
|
|
25
|
-
expect(screen.getByText('+12%')).toBeInTheDocument();
|
|
26
|
-
expect(screen.getByText('↑')).toBeInTheDocument();
|
|
27
|
-
});
|
|
28
|
-
it('renders down trend icon', () => {
|
|
29
|
-
render(React.createElement(KPICard, { title: "Revenue", value: "$12,345", trend: "down", trendValue: "-5%" }));
|
|
30
|
-
expect(screen.getByText('↓')).toBeInTheDocument();
|
|
31
|
-
expect(screen.getByText('-5%')).toBeInTheDocument();
|
|
32
|
-
});
|
|
33
|
-
it('renders neutral trend icon', () => {
|
|
34
|
-
render(React.createElement(KPICard, { title: "Revenue", value: "$12,345", trend: "neutral", trendValue: "0%" }));
|
|
35
|
-
expect(screen.getByText('→')).toBeInTheDocument();
|
|
36
|
-
});
|
|
37
|
-
it('does not render trend when only trend is provided without trendValue', () => {
|
|
38
|
-
const { container } = render(React.createElement(KPICard, { title: "Revenue", value: "$12,345", trend: "up" }));
|
|
39
|
-
expect(container.querySelector('.text-green-600')).toBeNull();
|
|
40
|
-
});
|
|
41
|
-
it('renders loading skeleton when loading=true', () => {
|
|
42
|
-
const { container } = render(React.createElement(KPICard, { title: "Revenue", value: "$12,345", loading: true }));
|
|
43
|
-
expect(container.querySelector('.animate-pulse')).toBeInTheDocument();
|
|
44
|
-
// Should NOT show the actual value when loading
|
|
45
|
-
expect(screen.queryByText('$12,345')).toBeNull();
|
|
46
|
-
});
|
|
47
|
-
it('handles click events when onClick is provided', () => {
|
|
48
|
-
const handleClick = jest.fn();
|
|
49
|
-
render(React.createElement(KPICard, { title: "Revenue", value: "$12,345", onClick: handleClick }));
|
|
50
|
-
fireEvent.click(screen.getByRole('button'));
|
|
51
|
-
expect(handleClick).toHaveBeenCalledTimes(1);
|
|
52
|
-
});
|
|
53
|
-
it('does not have button role when onClick is not provided', () => {
|
|
54
|
-
render(React.createElement(KPICard, { title: "Revenue", value: "$12,345" }));
|
|
55
|
-
expect(screen.queryByRole('button')).toBeNull();
|
|
56
|
-
});
|
|
57
|
-
it('renders icon when provided', () => {
|
|
58
|
-
render(React.createElement(KPICard, { title: "Revenue", value: "$12,345", icon: React.createElement("span", { "data-testid": "icon" }, "$") }));
|
|
59
|
-
expect(screen.getByTestId('icon')).toBeInTheDocument();
|
|
60
|
-
});
|
|
61
|
-
it('applies custom className', () => {
|
|
62
|
-
const { container } = render(React.createElement(KPICard, { title: "Revenue", value: "$12,345", className: "custom-class" }));
|
|
63
|
-
expect(container.firstChild).toHaveClass('custom-class');
|
|
64
|
-
});
|
|
65
|
-
it('renders with outlined variant', () => {
|
|
66
|
-
const { container } = render(React.createElement(KPICard, { title: "Revenue", value: "$12,345", variant: "outlined" }));
|
|
67
|
-
expect(container.firstChild).toHaveClass('border-2');
|
|
68
|
-
});
|
|
69
|
-
it('renders with sm size', () => {
|
|
70
|
-
const { container } = render(React.createElement(KPICard, { title: "Revenue", value: "$12,345", size: "sm" }));
|
|
71
|
-
expect(container.firstChild).toHaveClass('p-3');
|
|
72
|
-
});
|
|
73
|
-
it('renders with lg size', () => {
|
|
74
|
-
const { container } = render(React.createElement(KPICard, { title: "Revenue", value: "$12,345", size: "lg" }));
|
|
75
|
-
expect(container.firstChild).toHaveClass('p-6');
|
|
76
|
-
});
|
|
77
|
-
});
|
|
78
|
-
//# sourceMappingURL=KPICard.test.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"KPICard.test.js","sourceRoot":"","sources":["../../../../src/components/Dashboard/__tests__/KPICard.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* EmailLoginButton - Email OTP Authentication Button
|
|
3
|
-
*
|
|
4
|
-
* Provides email passwordless authentication using Thirdweb In-App Wallets
|
|
5
|
-
* Users receive a one-time password via email for verification
|
|
6
|
-
*
|
|
7
|
-
* @example
|
|
8
|
-
* ```tsx
|
|
9
|
-
* <EmailLoginButton
|
|
10
|
-
* onSuccess={(user) => console.log('Logged in:', user)}
|
|
11
|
-
* buttonClassName="custom-button-class"
|
|
12
|
-
* />
|
|
13
|
-
* ```
|
|
14
|
-
*/
|
|
15
|
-
import React from 'react';
|
|
16
|
-
interface EmailLoginButtonProps {
|
|
17
|
-
onSuccess?: (user: string) => void;
|
|
18
|
-
onError?: (error: Error) => void;
|
|
19
|
-
buttonClassName?: string;
|
|
20
|
-
inputClassName?: string;
|
|
21
|
-
placeholder?: string;
|
|
22
|
-
buttonText?: string;
|
|
23
|
-
loadingText?: string;
|
|
24
|
-
}
|
|
25
|
-
export declare function EmailLoginButton({ onSuccess, onError, buttonClassName, inputClassName, placeholder, buttonText, loadingText }: EmailLoginButtonProps): React.JSX.Element;
|
|
26
|
-
export {};
|
|
27
|
-
//# sourceMappingURL=EmailLoginButton.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"EmailLoginButton.d.ts","sourceRoot":"","sources":["../../../src/components/InAppWallet/EmailLoginButton.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,UAAU,qBAAqB;IAC7B,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,OAAO,EACP,eAAoB,EACpB,cAAmB,EACnB,WAAgC,EAChC,UAAkC,EAClC,WAA+B,EAChC,EAAE,qBAAqB,qBA+IvB"}
|
|
@@ -1,84 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* EmailLoginButton - Email OTP Authentication Button
|
|
3
|
-
*
|
|
4
|
-
* Provides email passwordless authentication using Thirdweb In-App Wallets
|
|
5
|
-
* Users receive a one-time password via email for verification
|
|
6
|
-
*
|
|
7
|
-
* @example
|
|
8
|
-
* ```tsx
|
|
9
|
-
* <EmailLoginButton
|
|
10
|
-
* onSuccess={(user) => console.log('Logged in:', user)}
|
|
11
|
-
* buttonClassName="custom-button-class"
|
|
12
|
-
* />
|
|
13
|
-
* ```
|
|
14
|
-
*/
|
|
15
|
-
import React, { useState } from 'react';
|
|
16
|
-
import { useInAppWallet } from './InAppWalletProvider';
|
|
17
|
-
import { getErrorMessage } from '@varity-labs/types';
|
|
18
|
-
export function EmailLoginButton({ onSuccess, onError, buttonClassName = '', inputClassName = '', placeholder = 'Enter your email', buttonText = 'Continue with Email', loadingText = 'Sending code...' }) {
|
|
19
|
-
const { loginWithEmail, isLoading } = useInAppWallet();
|
|
20
|
-
const [email, setEmail] = useState('');
|
|
21
|
-
const [showInput, setShowInput] = useState(false);
|
|
22
|
-
const [isValidEmail, setIsValidEmail] = useState(false);
|
|
23
|
-
const validateEmail = (email) => {
|
|
24
|
-
const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
|
|
25
|
-
return emailRegex.test(email);
|
|
26
|
-
};
|
|
27
|
-
const handleEmailChange = (e) => {
|
|
28
|
-
const value = e.target.value;
|
|
29
|
-
setEmail(value);
|
|
30
|
-
setIsValidEmail(validateEmail(value));
|
|
31
|
-
};
|
|
32
|
-
const handleSubmit = async (e) => {
|
|
33
|
-
e.preventDefault();
|
|
34
|
-
if (!isValidEmail) {
|
|
35
|
-
onError?.(new Error('Invalid email address'));
|
|
36
|
-
return;
|
|
37
|
-
}
|
|
38
|
-
try {
|
|
39
|
-
await loginWithEmail(email);
|
|
40
|
-
onSuccess?.(email);
|
|
41
|
-
}
|
|
42
|
-
catch (error) {
|
|
43
|
-
const errorMessage = getErrorMessage(error);
|
|
44
|
-
const errorObj = error instanceof Error ? error : new Error(errorMessage);
|
|
45
|
-
onError?.(errorObj);
|
|
46
|
-
}
|
|
47
|
-
};
|
|
48
|
-
const defaultButtonClass = `
|
|
49
|
-
w-full px-6 py-3
|
|
50
|
-
bg-gradient-to-r from-indigo-600 to-purple-600
|
|
51
|
-
hover:from-indigo-700 hover:to-purple-700
|
|
52
|
-
text-white font-medium rounded-lg
|
|
53
|
-
transition-all duration-200
|
|
54
|
-
disabled:opacity-50 disabled:cursor-not-allowed
|
|
55
|
-
flex items-center justify-center gap-2
|
|
56
|
-
shadow-lg hover:shadow-xl
|
|
57
|
-
`;
|
|
58
|
-
const defaultInputClass = `
|
|
59
|
-
w-full px-4 py-3
|
|
60
|
-
border border-gray-300 rounded-lg
|
|
61
|
-
focus:ring-2 focus:ring-indigo-500 focus:border-transparent
|
|
62
|
-
outline-none transition-all
|
|
63
|
-
`;
|
|
64
|
-
if (!showInput) {
|
|
65
|
-
return (React.createElement("button", { onClick: () => setShowInput(true), className: buttonClassName || defaultButtonClass, disabled: isLoading },
|
|
66
|
-
React.createElement("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" },
|
|
67
|
-
React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" })),
|
|
68
|
-
buttonText));
|
|
69
|
-
}
|
|
70
|
-
return (React.createElement("form", { onSubmit: handleSubmit, className: "w-full space-y-3" },
|
|
71
|
-
React.createElement("input", { type: "email", value: email, onChange: handleEmailChange, placeholder: placeholder, className: inputClassName || defaultInputClass, disabled: isLoading, autoFocus: true, required: true }),
|
|
72
|
-
React.createElement("div", { className: "flex gap-2" },
|
|
73
|
-
React.createElement("button", { type: "button", onClick: () => {
|
|
74
|
-
setShowInput(false);
|
|
75
|
-
setEmail('');
|
|
76
|
-
}, className: "px-4 py-3 border border-gray-300 rounded-lg hover:bg-gray-50 transition-all", disabled: isLoading }, "Back"),
|
|
77
|
-
React.createElement("button", { type: "submit", className: buttonClassName || defaultButtonClass, disabled: isLoading || !isValidEmail }, isLoading ? (React.createElement(React.Fragment, null,
|
|
78
|
-
React.createElement("svg", { className: "animate-spin h-5 w-5", fill: "none", viewBox: "0 0 24 24" },
|
|
79
|
-
React.createElement("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
|
|
80
|
-
React.createElement("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })),
|
|
81
|
-
loadingText)) : ('Send Code'))),
|
|
82
|
-
React.createElement("p", { className: "text-xs text-gray-500 text-center" }, "We'll send a verification code to your email")));
|
|
83
|
-
}
|
|
84
|
-
//# sourceMappingURL=EmailLoginButton.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"EmailLoginButton.js","sourceRoot":"","sources":["../../../src/components/InAppWallet/EmailLoginButton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* InAppWalletProvider - Thirdweb In-App Wallet Provider for Varity L3
|
|
3
|
-
*
|
|
4
|
-
* Provides email/social authentication with custodial wallet management
|
|
5
|
-
* Supports: Email OTP, Google, Apple, Facebook, Discord, Twitter
|
|
6
|
-
*
|
|
7
|
-
* @example
|
|
8
|
-
* ```tsx
|
|
9
|
-
* <InAppWalletProvider clientId="your-client-id">
|
|
10
|
-
* <YourApp />
|
|
11
|
-
* </InAppWalletProvider>
|
|
12
|
-
* ```
|
|
13
|
-
*/
|
|
14
|
-
import React from 'react';
|
|
15
|
-
import { inAppWallet } from 'thirdweb/wallets/in-app';
|
|
16
|
-
interface User {
|
|
17
|
-
email?: string;
|
|
18
|
-
walletAddress?: string;
|
|
19
|
-
userId: string;
|
|
20
|
-
name?: string;
|
|
21
|
-
profileImage?: string;
|
|
22
|
-
authMethod: 'email' | 'google' | 'apple' | 'facebook' | 'discord' | 'twitter';
|
|
23
|
-
}
|
|
24
|
-
export interface InAppWalletContextType {
|
|
25
|
-
user: User | null;
|
|
26
|
-
isAuthenticated: boolean;
|
|
27
|
-
isLoading: boolean;
|
|
28
|
-
/** Step 1: Send OTP to email */
|
|
29
|
-
loginWithEmail: (email: string) => Promise<void>;
|
|
30
|
-
/** Step 2: Verify OTP code from email */
|
|
31
|
-
verifyEmailCode: (email: string, verificationCode: string) => Promise<void>;
|
|
32
|
-
loginWithGoogle: () => Promise<void>;
|
|
33
|
-
loginWithApple: () => Promise<void>;
|
|
34
|
-
loginWithFacebook: () => Promise<void>;
|
|
35
|
-
logout: () => Promise<void>;
|
|
36
|
-
wallet: ReturnType<typeof inAppWallet> | null;
|
|
37
|
-
}
|
|
38
|
-
interface InAppWalletProviderProps {
|
|
39
|
-
children: React.ReactNode;
|
|
40
|
-
clientId: string;
|
|
41
|
-
onLoginSuccess?: (user: User) => void;
|
|
42
|
-
onLoginError?: (error: Error) => void;
|
|
43
|
-
onLogout?: () => void;
|
|
44
|
-
}
|
|
45
|
-
/**
|
|
46
|
-
* Main provider component
|
|
47
|
-
*/
|
|
48
|
-
export declare function InAppWalletProvider({ children, clientId, onLoginSuccess, onLoginError, onLogout }: InAppWalletProviderProps): React.JSX.Element;
|
|
49
|
-
/**
|
|
50
|
-
* Hook to use In-App Wallet context
|
|
51
|
-
*/
|
|
52
|
-
export declare function useInAppWallet(): InAppWalletContextType;
|
|
53
|
-
export {};
|
|
54
|
-
//# sourceMappingURL=InAppWalletProvider.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"InAppWalletProvider.d.ts","sourceRoot":"","sources":["../../../src/components/InAppWallet/InAppWalletProvider.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAsE,MAAM,OAAO,CAAC;AAG3F,OAAO,EAAE,WAAW,EAAmB,MAAM,yBAAyB,CAAC;AAKvE,UAAU,IAAI;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,CAAC;CAC/E;AAED,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,eAAe,EAAE,OAAO,CAAC;IACzB,SAAS,EAAE,OAAO,CAAC;IACnB,gCAAgC;IAChC,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACjD,yCAAyC;IACzC,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,gBAAgB,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5E,eAAe,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACrC,cAAc,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACpC,iBAAiB,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACvC,MAAM,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5B,MAAM,EAAE,UAAU,CAAC,OAAO,WAAW,CAAC,GAAG,IAAI,CAAC;CAC/C;AAID,UAAU,wBAAwB;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACtC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AA6MD;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,QAAQ,EACR,cAAc,EACd,YAAY,EACZ,QAAQ,EACT,EAAE,wBAAwB,qBAkB1B;AAED;;GAEG;AACH,wBAAgB,cAAc,2BAM7B"}
|