@varity-labs/ui-kit 2.0.0-beta.1 → 2.0.0-beta.12
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/LICENSE +3 -3
- package/README.md +66 -35
- package/dist/components/Dashboard/DashboardHeader.js +4 -4
- package/dist/components/Dashboard/DashboardHeader.js.map +1 -1
- package/dist/components/Dashboard/DashboardLayout.d.ts +3 -3
- package/dist/components/Dashboard/DashboardLayout.d.ts.map +1 -1
- package/dist/components/Dashboard/DashboardLayout.js +1 -1
- package/dist/components/Onramp/BuyUSDCButton.d.ts +4 -4
- package/dist/components/Onramp/BuyUSDCButton.d.ts.map +1 -1
- package/dist/components/Onramp/BuyUSDCButton.js +5 -5
- package/dist/components/Onramp/BuyUSDCButton.js.map +1 -1
- package/dist/components/Onramp/OnrampWidget.d.ts +4 -4
- package/dist/components/Onramp/OnrampWidget.d.ts.map +1 -1
- package/dist/components/Onramp/OnrampWidget.js +10 -11
- package/dist/components/Onramp/OnrampWidget.js.map +1 -1
- package/dist/components/Onramp/index.d.ts +3 -4
- package/dist/components/Onramp/index.d.ts.map +1 -1
- package/dist/components/Onramp/index.js +3 -4
- package/dist/components/Onramp/index.js.map +1 -1
- package/dist/components/PaymentWidget/PaymentWidget.d.ts +7 -7
- package/dist/components/PaymentWidget/PaymentWidget.d.ts.map +1 -1
- package/dist/components/PaymentWidget/PaymentWidget.js +12 -133
- package/dist/components/PaymentWidget/PaymentWidget.js.map +1 -1
- package/dist/components/PaymentWidget/useSeamlessPayment.d.ts +43 -0
- package/dist/components/PaymentWidget/useSeamlessPayment.d.ts.map +1 -0
- package/dist/components/PaymentWidget/useSeamlessPayment.js +59 -0
- package/dist/components/PaymentWidget/useSeamlessPayment.js.map +1 -0
- package/dist/components/PaymentWidget/useVarityPayment.d.ts +5 -1
- package/dist/components/PaymentWidget/useVarityPayment.d.ts.map +1 -1
- package/dist/components/PaymentWidget/useVarityPayment.js +17 -123
- package/dist/components/PaymentWidget/useVarityPayment.js.map +1 -1
- package/dist/components/Payments/CheckoutModal.d.ts +4 -1
- package/dist/components/Payments/CheckoutModal.d.ts.map +1 -1
- package/dist/components/Payments/CheckoutModal.js +23 -145
- package/dist/components/Payments/CheckoutModal.js.map +1 -1
- package/dist/components/Payments/constants.d.ts +1 -1
- package/dist/components/Payments/constants.d.ts.map +1 -1
- package/dist/components/Payments/constants.js +1 -1
- package/dist/components/Payments/constants.js.map +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/modules/cache/CacheClient.d.ts +48 -0
- package/dist/modules/cache/CacheClient.d.ts.map +1 -0
- package/dist/modules/cache/CacheClient.js +59 -0
- package/dist/modules/cache/CacheClient.js.map +1 -0
- package/dist/providers/PrivyStack.d.ts +21 -49
- package/dist/providers/PrivyStack.d.ts.map +1 -1
- package/dist/providers/PrivyStack.js +16 -46
- package/dist/providers/PrivyStack.js.map +1 -1
- package/dist/providers/VarityDashboardProvider.d.ts +1 -7
- package/dist/providers/VarityDashboardProvider.d.ts.map +1 -1
- package/dist/providers/VarityDashboardProvider.js +4 -28
- package/dist/providers/VarityDashboardProvider.js.map +1 -1
- package/dist/providers/WalletSyncProvider.d.ts +17 -24
- package/dist/providers/WalletSyncProvider.d.ts.map +1 -1
- package/dist/providers/WalletSyncProvider.js +16 -27
- package/dist/providers/WalletSyncProvider.js.map +1 -1
- package/dist/providers/ZeroDevProvider.d.ts +69 -0
- package/dist/providers/ZeroDevProvider.d.ts.map +1 -0
- package/dist/providers/ZeroDevProvider.js +208 -0
- package/dist/providers/ZeroDevProvider.js.map +1 -0
- package/dist/providers/index.d.ts +1 -0
- package/dist/providers/index.d.ts.map +1 -1
- package/dist/providers/index.js +2 -0
- package/dist/providers/index.js.map +1 -1
- package/dist/wallets/SmartWalletProvider.js +1 -1
- package/dist/wallets/SmartWalletProvider.js.map +1 -1
- package/dist/wallets/config.d.ts +24 -3
- package/dist/wallets/config.d.ts.map +1 -1
- package/dist/wallets/config.js +24 -1
- package/dist/wallets/config.js.map +1 -1
- package/dist/wallets/index.d.ts +1 -1
- package/dist/wallets/index.d.ts.map +1 -1
- package/dist/wallets/index.js +1 -1
- package/dist/wallets/index.js.map +1 -1
- package/package.json +10 -8
- 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/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/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/LICENSE
CHANGED
|
@@ -22,10 +22,10 @@ SOFTWARE.
|
|
|
22
22
|
|
|
23
23
|
---
|
|
24
24
|
|
|
25
|
-
Varity SDK -
|
|
25
|
+
Varity SDK - Web3 Operating System
|
|
26
26
|
|
|
27
|
-
Build
|
|
27
|
+
Build and deploy apps on Varity L3 with 70-85% cost savings vs traditional cloud.
|
|
28
28
|
|
|
29
|
-
For more information, visit https://varity.so
|
|
29
|
+
For more information, visit https://www.varity.so
|
|
30
30
|
|
|
31
31
|
"Powered by Varity" attribution is required when using this SDK.
|
package/README.md
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
[](https://www.npmjs.com/package/@varity-labs/ui-kit)
|
|
4
4
|
[](https://github.com/varity-labs/varity-sdk/blob/main/LICENSE)
|
|
5
5
|
|
|
6
|
-
Production-ready React component library for building applications on Varity.
|
|
6
|
+
Production-ready React component library for building applications on Varity. Dashboard layouts, analytics widgets, authentication, and payments -- everything you need to build a full SaaS app.
|
|
7
7
|
|
|
8
8
|
## Install
|
|
9
9
|
|
|
@@ -11,21 +11,23 @@ Production-ready React component library for building applications on Varity. 19
|
|
|
11
11
|
npm install @varity-labs/ui-kit @varity-labs/sdk @varity-labs/types
|
|
12
12
|
```
|
|
13
13
|
|
|
14
|
+
Peer dependencies: `react` and `react-dom` 18+.
|
|
15
|
+
|
|
14
16
|
## Quick Start
|
|
15
17
|
|
|
16
18
|
```tsx
|
|
17
|
-
import {
|
|
19
|
+
import { AuthProvider } from '@varity-labs/ui-kit'
|
|
18
20
|
|
|
19
21
|
function App() {
|
|
20
22
|
return (
|
|
21
|
-
<
|
|
23
|
+
<AuthProvider>
|
|
22
24
|
<YourApp />
|
|
23
|
-
</
|
|
25
|
+
</AuthProvider>
|
|
24
26
|
)
|
|
25
27
|
}
|
|
26
28
|
```
|
|
27
29
|
|
|
28
|
-
|
|
30
|
+
Authentication, theming, and providers are all configured automatically with zero setup.
|
|
29
31
|
|
|
30
32
|
## Components
|
|
31
33
|
|
|
@@ -63,7 +65,7 @@ That's it — authentication, theming, and providers are all configured automati
|
|
|
63
65
|
|-----------|-------------|
|
|
64
66
|
| `Badge` | Status badges (+ PriorityBadge, ProjectStatusBadge, TaskStatusBadge, RoleBadge) |
|
|
65
67
|
| `Avatar` + `AvatarGroup` | User avatars |
|
|
66
|
-
| `
|
|
68
|
+
| `ProgressBar` | Progress indicator bar |
|
|
67
69
|
|
|
68
70
|
### Navigation (2)
|
|
69
71
|
|
|
@@ -72,7 +74,7 @@ That's it — authentication, theming, and providers are all configured automati
|
|
|
72
74
|
| `CommandPalette` | Cmd+K command search and navigation |
|
|
73
75
|
| `Breadcrumb` | Navigation breadcrumbs |
|
|
74
76
|
|
|
75
|
-
### Dashboard
|
|
77
|
+
### Dashboard (7)
|
|
76
78
|
|
|
77
79
|
| Component | Description |
|
|
78
80
|
|-----------|-------------|
|
|
@@ -80,13 +82,16 @@ That's it — authentication, theming, and providers are all configured automati
|
|
|
80
82
|
| `DashboardHeader` | Top navigation bar |
|
|
81
83
|
| `DashboardSidebar` | Side navigation |
|
|
82
84
|
| `DashboardFooter` | Footer |
|
|
85
|
+
| `KPICard` | Key performance indicator card |
|
|
86
|
+
| `EmptyState` | Empty state placeholder with presets |
|
|
87
|
+
| `LoadingSkeleton` | Dashboard loading skeleton (+ SkeletonText, SkeletonCard, SkeletonTable, SkeletonList) |
|
|
83
88
|
|
|
84
89
|
### Analytics (6)
|
|
85
90
|
|
|
86
91
|
| Component | Description |
|
|
87
92
|
|-----------|-------------|
|
|
88
93
|
| `DataTable` | Sortable, filterable data table |
|
|
89
|
-
| `
|
|
94
|
+
| `EnhancedKPICard` | Enhanced KPI card with trends |
|
|
90
95
|
| `AnalyticsCard` | Analytics data card |
|
|
91
96
|
| `ChartContainer` | Chart wrapper with actions |
|
|
92
97
|
| `MetricDisplay` | Metric value display |
|
|
@@ -102,22 +107,22 @@ That's it — authentication, theming, and providers are all configured automati
|
|
|
102
107
|
|
|
103
108
|
## Authentication
|
|
104
109
|
|
|
105
|
-
Built-in authentication
|
|
110
|
+
Built-in authentication -- email, Google, and social login with zero configuration:
|
|
106
111
|
|
|
107
112
|
```tsx
|
|
108
|
-
import {
|
|
109
|
-
import {
|
|
113
|
+
import { AuthProvider, LoginButton } from '@varity-labs/ui-kit'
|
|
114
|
+
import { useAuth } from '@varity-labs/ui-kit'
|
|
110
115
|
|
|
111
116
|
function App() {
|
|
112
117
|
return (
|
|
113
|
-
<
|
|
118
|
+
<AuthProvider>
|
|
114
119
|
<Dashboard />
|
|
115
|
-
</
|
|
120
|
+
</AuthProvider>
|
|
116
121
|
)
|
|
117
122
|
}
|
|
118
123
|
|
|
119
124
|
function Dashboard() {
|
|
120
|
-
const { login, logout, authenticated, user } =
|
|
125
|
+
const { login, logout, authenticated, user } = useAuth()
|
|
121
126
|
|
|
122
127
|
if (!authenticated) {
|
|
123
128
|
return <button onClick={login}>Sign In</button>
|
|
@@ -134,26 +139,44 @@ function Dashboard() {
|
|
|
134
139
|
|
|
135
140
|
### Auth Components
|
|
136
141
|
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
+
| Component | Description |
|
|
143
|
+
|-----------|-------------|
|
|
144
|
+
| `LoginButton` | Drop-in login button |
|
|
145
|
+
| `UserProfile` | User profile display |
|
|
146
|
+
| `ProtectedRoute` | Route protection wrapper |
|
|
147
|
+
| `ReadyGate` | Loading gate during initialization |
|
|
148
|
+
|
|
149
|
+
### Auth Hooks
|
|
142
150
|
|
|
143
|
-
|
|
151
|
+
| Hook | Description |
|
|
152
|
+
|------|-------------|
|
|
153
|
+
| `useAuth` | Authentication state and actions |
|
|
154
|
+
| `useSignIn` | Trigger sign-in flow |
|
|
155
|
+
| `useSignOut` | Trigger sign-out flow |
|
|
144
156
|
|
|
145
|
-
|
|
157
|
+
## Payments (Coming Soon)
|
|
158
|
+
|
|
159
|
+
Payment components for app monetization (90% to developer, 10% platform fee).
|
|
160
|
+
|
|
161
|
+
> **Note:** Payment components are exported but the underlying payment processing is not yet live. APIs will change before stable release.
|
|
146
162
|
|
|
147
163
|
```tsx
|
|
148
|
-
import { PaymentWidget, PaymentGate } from '@varity-labs/ui-kit'
|
|
164
|
+
import { PaymentWidget, PaymentGate, useVarityPayment } from '@varity-labs/ui-kit'
|
|
149
165
|
|
|
150
|
-
//
|
|
151
|
-
|
|
166
|
+
// Wrap a trigger element -- opens checkout on click
|
|
167
|
+
// appId is a number (from Varity App Registry)
|
|
168
|
+
// price is in cents (e.g., 9900 = $99.00)
|
|
169
|
+
<PaymentWidget appId={123} price={9900} onSuccess={(receipt) => console.log('Paid!', receipt)}>
|
|
170
|
+
<button>Buy Premium - $99</button>
|
|
171
|
+
</PaymentWidget>
|
|
152
172
|
|
|
153
|
-
// Paywall
|
|
154
|
-
<PaymentGate appId=
|
|
173
|
+
// Paywall -- shows fallback until purchased, then reveals children
|
|
174
|
+
<PaymentGate appId={123} price={9900} fallback={<LockedContent />}>
|
|
155
175
|
<PremiumContent />
|
|
156
176
|
</PaymentGate>
|
|
177
|
+
|
|
178
|
+
// Hook for custom payment flows
|
|
179
|
+
const { hasPurchased, purchase, isLoading } = useVarityPayment({ appId: 123 })
|
|
157
180
|
```
|
|
158
181
|
|
|
159
182
|
## Theming
|
|
@@ -196,7 +219,7 @@ import {
|
|
|
196
219
|
|
|
197
220
|
function App() {
|
|
198
221
|
return (
|
|
199
|
-
<
|
|
222
|
+
<AuthProvider>
|
|
200
223
|
<ToastProvider>
|
|
201
224
|
<DashboardLayout>
|
|
202
225
|
<DashboardSidebar items={sidebarItems} />
|
|
@@ -208,33 +231,41 @@ function App() {
|
|
|
208
231
|
</main>
|
|
209
232
|
</DashboardLayout>
|
|
210
233
|
</ToastProvider>
|
|
211
|
-
</
|
|
234
|
+
</AuthProvider>
|
|
212
235
|
)
|
|
213
236
|
}
|
|
214
237
|
```
|
|
215
238
|
|
|
239
|
+
## Providers
|
|
240
|
+
|
|
241
|
+
| Provider | Description |
|
|
242
|
+
|----------|-------------|
|
|
243
|
+
| `AuthProvider` | All-in-one provider (auth + theme + query client) |
|
|
244
|
+
| `ThemeProvider` | Theme management |
|
|
245
|
+
| `ToastProvider` | Toast notifications |
|
|
246
|
+
| `VarityDashboardProvider` | Dashboard state management |
|
|
247
|
+
|
|
216
248
|
## Compatibility
|
|
217
249
|
|
|
218
250
|
- **React** 18+
|
|
219
251
|
- **Next.js** 13+ (App Router compatible)
|
|
220
252
|
- **Static export** safe (`output: 'export'`)
|
|
221
253
|
- All components have `'use client'` directives
|
|
222
|
-
- WCAG 2.1 Level A accessibility
|
|
223
254
|
|
|
224
255
|
---
|
|
225
256
|
|
|
226
257
|
## Related Packages
|
|
227
258
|
|
|
228
|
-
- **[@varity-labs/sdk](
|
|
229
|
-
- **[@varity-labs/types](
|
|
230
|
-
- **[@varity-labs/mcp](
|
|
231
|
-
- **[create-varity-app](
|
|
259
|
+
- **[@varity-labs/sdk](https://www.npmjs.com/package/@varity-labs/sdk)** -- Core SDK (database, credentials)
|
|
260
|
+
- **[@varity-labs/types](https://www.npmjs.com/package/@varity-labs/types)** -- Shared TypeScript types
|
|
261
|
+
- **[@varity-labs/mcp](https://www.npmjs.com/package/@varity-labs/mcp)** -- MCP server for AI editors (Cursor, Claude Code, VS Code)
|
|
262
|
+
- **[create-varity-app](https://www.npmjs.com/package/create-varity-app)** -- Project scaffolding
|
|
232
263
|
|
|
233
264
|
---
|
|
234
265
|
|
|
235
|
-
**Part of the [Varity SDK](https://github.com/varity-labs/varity-sdk)**
|
|
266
|
+
**Part of the [Varity SDK](https://github.com/varity-labs/varity-sdk)** -- Build, deploy, and monetize apps 70% cheaper than AWS.
|
|
236
267
|
|
|
237
|
-
[Documentation](https://docs.varity.so)
|
|
268
|
+
[Documentation](https://docs.varity.so) | [GitHub](https://github.com/varity-labs/varity-sdk) | [Discord](https://discord.gg/7vWsdwa2Bg)
|
|
238
269
|
|
|
239
270
|
## License
|
|
240
271
|
|
|
@@ -13,10 +13,10 @@ export const DashboardHeader = ({ height = 64, sidebarWidth = 0, user, onLogout,
|
|
|
13
13
|
const [showProfileDropdown, setShowProfileDropdown] = useState(false);
|
|
14
14
|
const notificationRef = useRef(null);
|
|
15
15
|
const profileRef = useRef(null);
|
|
16
|
-
const
|
|
17
|
-
if (!
|
|
16
|
+
const truncateDisplay = (value) => {
|
|
17
|
+
if (!value)
|
|
18
18
|
return '';
|
|
19
|
-
return `${
|
|
19
|
+
return `${value.slice(0, 6)}...${value.slice(-4)}`;
|
|
20
20
|
};
|
|
21
21
|
// Close dropdowns when clicking outside
|
|
22
22
|
useEffect(() => {
|
|
@@ -139,7 +139,7 @@ export const DashboardHeader = ({ height = 64, sidebarWidth = 0, user, onLogout,
|
|
|
139
139
|
} }, !user.avatarUrl && user.name.charAt(0).toUpperCase()),
|
|
140
140
|
React.createElement("div", { style: { display: 'flex', flexDirection: 'column', alignItems: 'flex-start' } },
|
|
141
141
|
React.createElement("span", { style: { fontWeight: 500, fontSize: '14px', color: 'var(--varity-text-primary, #212121)' } }, user.name),
|
|
142
|
-
React.createElement("span", { style: { fontSize: '12px', color: 'var(--varity-text-secondary, #757575)' } },
|
|
142
|
+
React.createElement("span", { style: { fontSize: '12px', color: 'var(--varity-text-secondary, #757575)' } }, truncateDisplay(user.email))),
|
|
143
143
|
React.createElement("span", { style: { fontSize: '12px', color: 'var(--varity-text-secondary, #757575)' } }, showProfileDropdown ? '▲' : '▼')),
|
|
144
144
|
showProfileDropdown && (React.createElement("div", { style: {
|
|
145
145
|
position: 'absolute',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DashboardHeader.js","sourceRoot":"","sources":["../../../src/components/Dashboard/DashboardHeader.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb;;;;GAIG;AAEH,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AA0B1D;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAmC,CAAC,EAC9D,MAAM,GAAG,EAAE,EACX,YAAY,GAAG,CAAC,EAChB,IAAI,EACJ,QAAQ,EACR,iBAAiB,GAAG,IAAI,EACxB,iBAAiB,GAAG,CAAC,EACrB,mBAAmB,EACnB,oBAAoB,EACpB,aAAa,EACb,iBAAiB,GAAG,WAAW,EAChC,EAAE,EAAE;IACH,MAAM,CAAC,wBAAwB,EAAE,2BAA2B,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC/E,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACrE,MAAM,eAAe,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IACpD,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAE/C,MAAM,eAAe,GAAG,CAAC,
|
|
1
|
+
{"version":3,"file":"DashboardHeader.js","sourceRoot":"","sources":["../../../src/components/Dashboard/DashboardHeader.tsx"],"names":[],"mappings":"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"}
|
|
@@ -54,8 +54,8 @@ export interface NavigationItem {
|
|
|
54
54
|
export interface UserInfo {
|
|
55
55
|
/** User's display name */
|
|
56
56
|
name: string;
|
|
57
|
-
/** User's email
|
|
58
|
-
|
|
57
|
+
/** User's email address */
|
|
58
|
+
email: string;
|
|
59
59
|
/** User's avatar URL */
|
|
60
60
|
avatarUrl?: string;
|
|
61
61
|
}
|
|
@@ -67,7 +67,7 @@ export interface UserInfo {
|
|
|
67
67
|
* <DashboardLayout
|
|
68
68
|
* companyName="Acme Corp"
|
|
69
69
|
* logoUrl="/logo.png"
|
|
70
|
-
* user={{ name: "John Doe",
|
|
70
|
+
* user={{ name: "John Doe", email: "john@example.com" }}
|
|
71
71
|
* navigationItems={[
|
|
72
72
|
* { label: "Dashboard", icon: "dashboard", path: "/" },
|
|
73
73
|
* { label: "Analytics", icon: "analytics", path: "/analytics" }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DashboardLayout.d.ts","sourceRoot":"","sources":["../../../src/components/Dashboard/DashboardLayout.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKxC,MAAM,WAAW,oBAAoB;IACnC,yCAAyC;IACzC,QAAQ,EAAE,SAAS,CAAA;IACnB,kDAAkD;IAClD,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,iDAAiD;IACjD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,iDAAiD;IACjD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,oDAAoD;IACpD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,mDAAmD;IACnD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,uBAAuB;IACvB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,mBAAmB;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,mCAAmC;IACnC,eAAe,CAAC,EAAE,cAAc,EAAE,CAAA;IAClC,kCAAkC;IAClC,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,uCAAuC;IACvC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,gEAAgE;IAChE,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,8CAA8C;IAC9C,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAA;IAChC,+CAA+C;IAC/C,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAA;IACjC,oDAAoD;IACpD,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,6CAA6C;IAC7C,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B;AAED,MAAM,WAAW,cAAc;IAC7B,4BAA4B;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,gDAAgD;IAChD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,sBAAsB;IACtB,IAAI,EAAE,MAAM,CAAA;IACZ,6BAA6B;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,cAAc,EAAE,CAAA;CAC5B;AAED,MAAM,WAAW,QAAQ;IACvB,0BAA0B;IAC1B,IAAI,EAAE,MAAM,CAAA;IACZ,
|
|
1
|
+
{"version":3,"file":"DashboardLayout.d.ts","sourceRoot":"","sources":["../../../src/components/Dashboard/DashboardLayout.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKxC,MAAM,WAAW,oBAAoB;IACnC,yCAAyC;IACzC,QAAQ,EAAE,SAAS,CAAA;IACnB,kDAAkD;IAClD,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,iDAAiD;IACjD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,iDAAiD;IACjD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,oDAAoD;IACpD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,mDAAmD;IACnD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,uBAAuB;IACvB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,mBAAmB;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,mCAAmC;IACnC,eAAe,CAAC,EAAE,cAAc,EAAE,CAAA;IAClC,kCAAkC;IAClC,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,uCAAuC;IACvC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,gEAAgE;IAChE,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,8CAA8C;IAC9C,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAA;IAChC,+CAA+C;IAC/C,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAA;IACjC,oDAAoD;IACpD,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,6CAA6C;IAC7C,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B;AAED,MAAM,WAAW,cAAc;IAC7B,4BAA4B;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,gDAAgD;IAChD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,sBAAsB;IACtB,IAAI,EAAE,MAAM,CAAA;IACZ,6BAA6B;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,cAAc,EAAE,CAAA;CAC5B;AAED,MAAM,WAAW,QAAQ;IACvB,0BAA0B;IAC1B,IAAI,EAAE,MAAM,CAAA;IACZ,2BAA2B;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA+E1D,CAAA"}
|
|
@@ -16,7 +16,7 @@ import { DashboardFooter } from './DashboardFooter';
|
|
|
16
16
|
* <DashboardLayout
|
|
17
17
|
* companyName="Acme Corp"
|
|
18
18
|
* logoUrl="/logo.png"
|
|
19
|
-
* user={{ name: "John Doe",
|
|
19
|
+
* user={{ name: "John Doe", email: "john@example.com" }}
|
|
20
20
|
* navigationItems={[
|
|
21
21
|
* { label: "Dashboard", icon: "dashboard", path: "/" },
|
|
22
22
|
* { label: "Analytics", icon: "analytics", path: "/analytics" }
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* BuyUSDCButton -
|
|
2
|
+
* BuyUSDCButton - Add funds via credit card
|
|
3
3
|
*
|
|
4
|
-
* Opens
|
|
5
|
-
* Supports credit card, debit card, Apple Pay, Google Pay
|
|
6
|
-
*
|
|
4
|
+
* Opens a seamless credit card payment modal.
|
|
5
|
+
* Supports credit card, debit card, Apple Pay, Google Pay.
|
|
6
|
+
* No crypto terminology visible to end users.
|
|
7
7
|
*
|
|
8
8
|
* @example
|
|
9
9
|
* ```tsx
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BuyUSDCButton.d.ts","sourceRoot":"","sources":["../../../src/components/Onramp/BuyUSDCButton.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAgC,MAAM,OAAO,CAAC;AAIrD,MAAM,WAAW,kBAAkB;IACjC,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iFAAiF;IACjF,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,aAAa,CAAC,EAC5B,aAAa,EACb,MAAY,EACZ,SAAS,EACT,OAAO,EACP,
|
|
1
|
+
{"version":3,"file":"BuyUSDCButton.d.ts","sourceRoot":"","sources":["../../../src/components/Onramp/BuyUSDCButton.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAgC,MAAM,OAAO,CAAC;AAIrD,MAAM,WAAW,kBAAkB;IACjC,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iFAAiF;IACjF,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,aAAa,CAAC,EAC5B,aAAa,EACb,MAAY,EACZ,SAAS,EACT,OAAO,EACP,UAAwB,EACxB,SAAS,GACV,EAAE,kBAAkB,qBAqDpB"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* BuyUSDCButton -
|
|
2
|
+
* BuyUSDCButton - Add funds via credit card
|
|
3
3
|
*
|
|
4
|
-
* Opens
|
|
5
|
-
* Supports credit card, debit card, Apple Pay, Google Pay
|
|
6
|
-
*
|
|
4
|
+
* Opens a seamless credit card payment modal.
|
|
5
|
+
* Supports credit card, debit card, Apple Pay, Google Pay.
|
|
6
|
+
* No crypto terminology visible to end users.
|
|
7
7
|
*
|
|
8
8
|
* @example
|
|
9
9
|
* ```tsx
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
import React, { useState, useCallback } from 'react';
|
|
18
18
|
import { useFundWallet } from '@privy-io/react-auth';
|
|
19
19
|
import { arbitrum } from 'viem/chains';
|
|
20
|
-
export function BuyUSDCButton({ walletAddress, amount = 100, onSuccess, onError, buttonText = '
|
|
20
|
+
export function BuyUSDCButton({ walletAddress, amount = 100, onSuccess, onError, buttonText = 'Add Funds', className, }) {
|
|
21
21
|
const [isLoading, setIsLoading] = useState(false);
|
|
22
22
|
const { fundWallet } = useFundWallet();
|
|
23
23
|
const defaultClassName = `
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BuyUSDCButton.js","sourceRoot":"","sources":["../../../src/components/Onramp/BuyUSDCButton.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAavC,MAAM,UAAU,aAAa,CAAC,EAC5B,aAAa,EACb,MAAM,GAAG,GAAG,EACZ,SAAS,EACT,OAAO,EACP,UAAU,GAAG,
|
|
1
|
+
{"version":3,"file":"BuyUSDCButton.js","sourceRoot":"","sources":["../../../src/components/Onramp/BuyUSDCButton.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAavC,MAAM,UAAU,aAAa,CAAC,EAC5B,aAAa,EACb,MAAM,GAAG,GAAG,EACZ,SAAS,EACT,OAAO,EACP,UAAU,GAAG,WAAW,EACxB,SAAS,GACU;IACnB,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,EAAE,UAAU,EAAE,GAAG,aAAa,EAAE,CAAC;IAEvC,MAAM,gBAAgB,GAAG;;;;;;;;;GASxB,CAAC;IAEF,MAAM,WAAW,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QACzC,IAAI,CAAC,aAAa;YAAE,OAAO;QAE3B,YAAY,CAAC,IAAI,CAAC,CAAC;QACnB,IAAI,CAAC;YACH,MAAM,UAAU,CAAC,aAAa,EAAE;gBAC9B,KAAK,EAAE,QAAQ;gBACf,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM,CAAC,QAAQ,EAAE;aAC1B,CAAC,CAAC;YACH,SAAS,EAAE,EAAE,CAAC;QAChB,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,MAAM,KAAK,GAAG,GAAG,YAAY,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,gBAAgB,CAAC,CAAC;YACvE,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;QACnB,CAAC;gBAAS,CAAC;YACT,YAAY,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC;IACH,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC;IAE5D,OAAO,CACL,gCACE,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,CAAC,aAAa,IAAI,SAAS,EACrC,SAAS,EAAE,SAAS,IAAI,gBAAgB;QAEvC,SAAS,CAAC,CAAC,CAAC,CACX,6BAAK,SAAS,EAAC,sBAAsB,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW;YACnE,gCAAQ,SAAS,EAAC,YAAY,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,GAAG,GAAG;YAC9F,8BAAM,SAAS,EAAC,YAAY,EAAC,IAAI,EAAC,cAAc,EAAC,CAAC,EAAC,6CAA6C,GAAG,CAC/F,CACP,CAAC,CAAC,CAAC,CACF,6BAAK,SAAS,EAAC,SAAS,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,EAAC,OAAO,EAAC,WAAW;YAC5E,8BAAM,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,WAAW,EAAE,CAAC,EAAE,CAAC,EAAC,wFAAwF,GAAG,CAC5J,CACP;QACA,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,CAC/B,CACV,CAAC;AACJ,CAAC"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* OnrampWidget -
|
|
2
|
+
* OnrampWidget - Add funds to your account
|
|
3
3
|
*
|
|
4
|
-
*
|
|
5
|
-
*
|
|
6
|
-
* Supports credit card, debit card, Apple Pay, Google Pay
|
|
4
|
+
* Seamless credit card payment widget for adding funds.
|
|
5
|
+
* Users see a familiar checkout experience — no crypto terminology.
|
|
6
|
+
* Supports credit card, debit card, Apple Pay, Google Pay.
|
|
7
7
|
*
|
|
8
8
|
* @example
|
|
9
9
|
* ```tsx
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OnrampWidget.d.ts","sourceRoot":"","sources":["../../../src/components/Onramp/OnrampWidget.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAgC,MAAM,OAAO,CAAC;AAIrD,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,SAAS,GAAG,YAAY,GAAG,WAAW,GAAG,QAAQ,CAAC;IAC1D,SAAS,EAAE,IAAI,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,iBAAiB;IAChC,aAAa,EAAE,MAAM,CAAC;IACtB,iFAAiF;IACjF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC1C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAC1B;AAED,wBAAgB,YAAY,CAAC,EAC3B,aAAa,EACb,aAAmB,EACnB,UAAU,EACV,OAAO,EACP,WAAkB,EAClB,KAAe,EAChB,EAAE,iBAAiB,
|
|
1
|
+
{"version":3,"file":"OnrampWidget.d.ts","sourceRoot":"","sources":["../../../src/components/Onramp/OnrampWidget.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAgC,MAAM,OAAO,CAAC;AAIrD,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,SAAS,GAAG,YAAY,GAAG,WAAW,GAAG,QAAQ,CAAC;IAC1D,SAAS,EAAE,IAAI,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,iBAAiB;IAChC,aAAa,EAAE,MAAM,CAAC;IACtB,iFAAiF;IACjF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC1C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAC1B;AAED,wBAAgB,YAAY,CAAC,EAC3B,aAAa,EACb,aAAmB,EACnB,UAAU,EACV,OAAO,EACP,WAAkB,EAClB,KAAe,EAChB,EAAE,iBAAiB,qBA4LnB"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* OnrampWidget -
|
|
2
|
+
* OnrampWidget - Add funds to your account
|
|
3
3
|
*
|
|
4
|
-
*
|
|
5
|
-
*
|
|
6
|
-
* Supports credit card, debit card, Apple Pay, Google Pay
|
|
4
|
+
* Seamless credit card payment widget for adding funds.
|
|
5
|
+
* Users see a familiar checkout experience — no crypto terminology.
|
|
6
|
+
* Supports credit card, debit card, Apple Pay, Google Pay.
|
|
7
7
|
*
|
|
8
8
|
* @example
|
|
9
9
|
* ```tsx
|
|
@@ -79,8 +79,8 @@ export function OnrampWidget({ walletAddress, defaultAmount = 100, onComplete, o
|
|
|
79
79
|
React.createElement("div", { className: `rounded-2xl overflow-hidden ${theme === 'dark' ? 'bg-gray-900' : 'bg-white'}` },
|
|
80
80
|
React.createElement("div", { className: "p-6 space-y-4" },
|
|
81
81
|
React.createElement("div", { className: "flex items-center justify-between" },
|
|
82
|
-
React.createElement("h3", { className: `text-xl font-bold ${theme === 'dark' ? 'text-white' : 'text-gray-900'}` }, "
|
|
83
|
-
React.createElement("div", { className: `px-3 py-1 rounded-full text-xs font-medium ${theme === 'dark' ? 'bg-gray-800 text-gray-300' : 'bg-gray-100 text-gray-600'}` }, "
|
|
82
|
+
React.createElement("h3", { className: `text-xl font-bold ${theme === 'dark' ? 'text-white' : 'text-gray-900'}` }, "Add Funds"),
|
|
83
|
+
React.createElement("div", { className: `px-3 py-1 rounded-full text-xs font-medium ${theme === 'dark' ? 'bg-gray-800 text-gray-300' : 'bg-gray-100 text-gray-600'}` }, "Secure Checkout")),
|
|
84
84
|
React.createElement("div", { className: `p-4 rounded-xl ${theme === 'dark' ? 'bg-gray-800' : 'bg-gradient-to-br from-blue-50 to-indigo-50'}` },
|
|
85
85
|
React.createElement("div", { className: "flex items-center gap-3" },
|
|
86
86
|
React.createElement("svg", { className: "w-8 h-8 text-blue-600", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" },
|
|
@@ -97,9 +97,9 @@ export function OnrampWidget({ walletAddress, defaultAmount = 100, onComplete, o
|
|
|
97
97
|
"Opening...")) : (React.createElement(React.Fragment, null,
|
|
98
98
|
React.createElement("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" },
|
|
99
99
|
React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z" })),
|
|
100
|
-
"
|
|
100
|
+
"Add $",
|
|
101
101
|
defaultAmount,
|
|
102
|
-
"
|
|
102
|
+
" USD"))))),
|
|
103
103
|
showHistory && purchases.length > 0 && (React.createElement("div", { className: `rounded-2xl p-6 ${theme === 'dark' ? 'bg-gray-900' : 'bg-white'}` },
|
|
104
104
|
React.createElement("h4", { className: `font-semibold mb-4 ${theme === 'dark' ? 'text-white' : 'text-gray-900'}` }, "Recent Purchases"),
|
|
105
105
|
React.createElement("div", { className: "space-y-3" }, purchases.map((purchase) => (React.createElement("div", { key: purchase.id, className: `p-4 rounded-xl border ${theme === 'dark' ? 'border-gray-800 bg-gray-800/50' : 'border-gray-200 bg-gray-50'}` },
|
|
@@ -109,11 +109,10 @@ export function OnrampWidget({ walletAddress, defaultAmount = 100, onComplete, o
|
|
|
109
109
|
React.createElement("p", { className: `font-medium ${theme === 'dark' ? 'text-white' : 'text-gray-900'}` },
|
|
110
110
|
"$",
|
|
111
111
|
purchase.amount,
|
|
112
|
-
" ",
|
|
113
|
-
purchase.currency),
|
|
112
|
+
" USD"),
|
|
114
113
|
React.createElement("span", { className: `px-2 py-0.5 rounded-full text-xs font-medium ${getStatusColor(purchase.status)}` }, purchase.status)),
|
|
115
114
|
React.createElement("p", { className: `text-sm ${theme === 'dark' ? 'text-gray-400' : 'text-gray-500'}` }, formatDate(purchase.timestamp))),
|
|
116
|
-
purchase.txHash && (React.createElement("a", { href: `https://arbiscan.io/tx/${purchase.txHash}`, target: "_blank", rel: "noopener noreferrer", className: "text-blue-600 hover:text-blue-700" },
|
|
115
|
+
purchase.txHash && (React.createElement("a", { href: `https://arbiscan.io/tx/${purchase.txHash}`, title: "View receipt", target: "_blank", rel: "noopener noreferrer", className: "text-blue-600 hover:text-blue-700" },
|
|
117
116
|
React.createElement("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" },
|
|
118
117
|
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" }))))))))))),
|
|
119
118
|
React.createElement("div", { className: `p-4 rounded-xl ${theme === 'dark' ? 'bg-gray-800' : 'bg-blue-50'}` },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OnrampWidget.js","sourceRoot":"","sources":["../../../src/components/Onramp/OnrampWidget.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"OnrampWidget.js","sourceRoot":"","sources":["../../../src/components/Onramp/OnrampWidget.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
/**
|
|
2
|
-
*
|
|
2
|
+
* Payment Components Export
|
|
3
3
|
*
|
|
4
|
-
*
|
|
5
|
-
* - Credit/Debit card
|
|
4
|
+
* Seamless credit card payments for adding funds.
|
|
5
|
+
* - Credit/Debit card
|
|
6
6
|
* - Apple Pay & Google Pay
|
|
7
|
-
* - Powered by MoonPay / Coinbase providers
|
|
8
7
|
*/
|
|
9
8
|
export { BuyUSDCButton } from './BuyUSDCButton';
|
|
10
9
|
export { OnrampWidget } from './OnrampWidget';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Onramp/index.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Onramp/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG9C,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,YAAY,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC"}
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
/**
|
|
2
|
-
*
|
|
2
|
+
* Payment Components Export
|
|
3
3
|
*
|
|
4
|
-
*
|
|
5
|
-
* - Credit/Debit card
|
|
4
|
+
* Seamless credit card payments for adding funds.
|
|
5
|
+
* - Credit/Debit card
|
|
6
6
|
* - Apple Pay & Google Pay
|
|
7
|
-
* - Powered by MoonPay / Coinbase providers
|
|
8
7
|
*/
|
|
9
8
|
export { BuyUSDCButton } from './BuyUSDCButton';
|
|
10
9
|
export { OnrampWidget } from './OnrampWidget';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Onramp/index.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Onramp/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* PaymentWidget Component
|
|
3
3
|
*
|
|
4
|
-
*
|
|
4
|
+
* REQUIRED in every Varity app that charges users.
|
|
5
5
|
* All payments go through the VarityPayments contract with 90/10 revenue split:
|
|
6
6
|
* - 90% to developer
|
|
7
7
|
* - 10% to Varity treasury
|
|
8
8
|
*
|
|
9
|
-
*
|
|
10
|
-
*
|
|
9
|
+
* On-chain execution is coming soon (Crossmint integration in progress).
|
|
10
|
+
* This component renders its children and calls onSuccess/onError hooks.
|
|
11
11
|
*
|
|
12
12
|
* @example
|
|
13
13
|
* ```tsx
|
|
14
|
-
* import { PaymentWidget } from '@varity/ui-kit';
|
|
14
|
+
* import { PaymentWidget } from '@varity-labs/ui-kit';
|
|
15
15
|
*
|
|
16
16
|
* <PaymentWidget appId={123} price={9900}>
|
|
17
17
|
* <button>Buy Premium - $99</button>
|
|
@@ -21,10 +21,10 @@
|
|
|
21
21
|
import React from 'react';
|
|
22
22
|
import { PaymentWidgetProps } from './types';
|
|
23
23
|
/**
|
|
24
|
-
* PaymentWidget -
|
|
24
|
+
* PaymentWidget - Required component for app monetization
|
|
25
25
|
*
|
|
26
|
-
* Wraps a trigger element and handles the purchase flow.
|
|
27
|
-
*
|
|
26
|
+
* Wraps a trigger element and handles the full purchase flow.
|
|
27
|
+
* Payments via Crossmint (credit card → USDC) — coming soon.
|
|
28
28
|
*/
|
|
29
29
|
export declare const PaymentWidget: React.FC<PaymentWidgetProps>;
|
|
30
30
|
export default PaymentWidget;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PaymentWidget.d.ts","sourceRoot":"","sources":["../../../src/components/PaymentWidget/PaymentWidget.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,
|
|
1
|
+
{"version":3,"file":"PaymentWidget.d.ts","sourceRoot":"","sources":["../../../src/components/PaymentWidget/PaymentWidget.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAG7C;;;;;GAKG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAgCtD,CAAC;AAEF,eAAe,aAAa,CAAC"}
|