@tuwaio/nova-transactions 0.0.27 → 0.1.0
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 +12 -12
- package/dist/{WalletInfoModal-UEEF9E-5.d.cts → TransactionsInfoModal-6RO18o9e.d.cts} +66 -211
- package/dist/{WalletInfoModal-UEEF9E-5.d.ts → TransactionsInfoModal-6RO18o9e.d.ts} +66 -211
- package/dist/index.cjs +15 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +282 -507
- package/dist/index.d.cts +7 -39
- package/dist/index.d.ts +7 -39
- package/dist/index.js +15 -1
- package/dist/index.js.map +1 -1
- package/dist/providers/index.cjs +15 -1
- package/dist/providers/index.cjs.map +1 -1
- package/dist/providers/index.d.cts +12 -11
- package/dist/providers/index.d.ts +12 -11
- package/dist/providers/index.js +15 -1
- package/dist/providers/index.js.map +1 -1
- package/package.json +19 -19
|
@@ -1,17 +1,15 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import
|
|
3
|
-
import { TransactionStatus, Transaction, TxAdapter,
|
|
4
|
-
import { MotionProps } from 'framer-motion';
|
|
2
|
+
import { DialogContent } from '@tuwaio/nova-core';
|
|
3
|
+
import { TransactionStatus, Transaction, TxAdapter, TransactionPool, ITxTrackingStore, InitialTransaction } from '@tuwaio/pulsar-core';
|
|
5
4
|
import { ReactNode, ComponentType, JSX, ComponentPropsWithoutRef } from 'react';
|
|
5
|
+
import { OrbitAdapter } from '@tuwaio/orbit-core';
|
|
6
6
|
import { ToastContainerProps, ToastContentProps } from 'react-toastify';
|
|
7
|
+
import { MotionProps } from 'framer-motion';
|
|
7
8
|
|
|
8
9
|
/**
|
|
9
10
|
* @file This file contains the `HashLink` component, a UI element for displaying
|
|
10
11
|
* blockchain hashes with copy-to-clipboard and block explorer link functionality.
|
|
11
12
|
*/
|
|
12
|
-
/**
|
|
13
|
-
* Defines the props for the HashLink component.
|
|
14
|
-
*/
|
|
15
13
|
type HashLinkProps = {
|
|
16
14
|
/** The full hash string to display and copy (e.g., a transaction hash or wallet address). */
|
|
17
15
|
hash: string;
|
|
@@ -24,10 +22,6 @@ type HashLinkProps = {
|
|
|
24
22
|
/** Additional CSS classes to apply to the container element for custom styling. */
|
|
25
23
|
className?: string;
|
|
26
24
|
};
|
|
27
|
-
/**
|
|
28
|
-
* A component to display a hash string with an optional label, a link to a block explorer,
|
|
29
|
-
* and a copy-to-clipboard button. It automatically ellipsizes the hash for readability.
|
|
30
|
-
*/
|
|
31
25
|
declare function HashLink({ label, hash, explorerUrl, variant, className }: HashLinkProps): react_jsx_runtime.JSX.Element;
|
|
32
26
|
|
|
33
27
|
/**
|
|
@@ -65,17 +59,9 @@ declare function StatusAwareText({ txStatus, source, fallback, variant, classNam
|
|
|
65
59
|
* Represents the set of labels used for various UI elements and features in a Tuwa-based application.
|
|
66
60
|
* This type defines structured labels for wallet modals, transaction statuses, toast notifications, and more.
|
|
67
61
|
*/
|
|
68
|
-
type
|
|
62
|
+
type NovaTransactionsLabels = {
|
|
69
63
|
/** Labels for the main wallet information modal. */
|
|
70
|
-
|
|
71
|
-
/** The title displayed at the top of the wallet modal. */
|
|
72
|
-
title: string;
|
|
73
|
-
header: {
|
|
74
|
-
/** Text displayed when no wallet is connected. */
|
|
75
|
-
notConnected: string;
|
|
76
|
-
/** Alt text for the wallet's avatar image. */
|
|
77
|
-
avatarAlt: string;
|
|
78
|
-
};
|
|
64
|
+
transactionsModal: {
|
|
79
65
|
history: {
|
|
80
66
|
/** The title for the transaction history section. */
|
|
81
67
|
title: string;
|
|
@@ -92,7 +78,7 @@ type TuwaLabels = {
|
|
|
92
78
|
/** Labels related to toast notifications. */
|
|
93
79
|
toast: {
|
|
94
80
|
/** Text for the button/link within a toast to open the wallet modal. */
|
|
95
|
-
|
|
81
|
+
openTransactionsInfo: string;
|
|
96
82
|
};
|
|
97
83
|
/** Standard labels for transaction statuses. */
|
|
98
84
|
statuses: {
|
|
@@ -153,7 +139,7 @@ type TuwaLabels = {
|
|
|
153
139
|
/** Label for the close button. */
|
|
154
140
|
close: string;
|
|
155
141
|
/** Label for the button to open the main wallet info modal. */
|
|
156
|
-
|
|
142
|
+
allTransactions: string;
|
|
157
143
|
/** Label for a button to retry a transaction. */
|
|
158
144
|
retry: string;
|
|
159
145
|
/** Labels for the step-by-step progress indicator. */
|
|
@@ -193,73 +179,44 @@ type TuwaLabels = {
|
|
|
193
179
|
};
|
|
194
180
|
|
|
195
181
|
/**
|
|
196
|
-
* Defines the props for the
|
|
182
|
+
* Defines the props for the NovaTransactionsProvider component.
|
|
197
183
|
*/
|
|
198
|
-
type
|
|
184
|
+
type NovaTransactionsProviderProps<T extends Transaction> = {
|
|
199
185
|
adapter: TxAdapter<T> | TxAdapter<T>[];
|
|
200
186
|
connectedWalletAddress?: string;
|
|
201
|
-
connectedAdapterType?:
|
|
187
|
+
connectedAdapterType?: OrbitAdapter;
|
|
202
188
|
transactionsPool: TransactionPool<T>;
|
|
203
|
-
labels?: Partial<
|
|
189
|
+
labels?: Partial<NovaTransactionsLabels>;
|
|
204
190
|
features?: {
|
|
205
191
|
toasts?: boolean;
|
|
206
|
-
|
|
192
|
+
transactionsModal?: boolean;
|
|
207
193
|
trackingTxModal?: boolean;
|
|
208
194
|
};
|
|
209
195
|
customization?: {
|
|
210
196
|
toast?: ToastTransactionCustomization<T>;
|
|
211
|
-
|
|
197
|
+
transactionsInfoModal?: TransactionsInfoModalCustomization<T>;
|
|
212
198
|
trackingTxModal?: TrackingTxModalCustomization<T>;
|
|
213
199
|
};
|
|
214
|
-
} & Pick<ITxTrackingStore<T>, 'closeTxTrackedModal' | '
|
|
200
|
+
} & Pick<ITxTrackingStore<T>, 'closeTxTrackedModal' | 'executeTxAction' | 'initialTx'> & Omit<ToastContainerProps, 'containerId'>;
|
|
215
201
|
/**
|
|
216
202
|
* The main component for the Nova UI ecosystem. It renders and orchestrates all
|
|
217
203
|
* UI elements like toasts and modals, and provides the i18n context.
|
|
218
204
|
*/
|
|
219
|
-
declare function
|
|
205
|
+
declare function NovaTransactionsProvider<T extends Transaction>({ adapter, connectedWalletAddress, connectedAdapterType, transactionsPool, initialTx, executeTxAction, closeTxTrackedModal, labels, features, customization, ...toastProps }: NovaTransactionsProviderProps<T>): react_jsx_runtime.JSX.Element;
|
|
220
206
|
|
|
221
|
-
|
|
222
|
-
* Defines the props for the TransactionKey component.
|
|
223
|
-
* @template TR - The type of the tracker identifier.
|
|
224
|
-
* @template T - The transaction type.
|
|
225
|
-
* @template A - The type of the key returned by an action function.
|
|
226
|
-
*/
|
|
227
|
-
type TransactionKeyProps<T extends Transaction> = Pick<NovaProviderProps<T>, 'adapter'> & {
|
|
228
|
-
/** The transaction object to display identifiers for. */
|
|
207
|
+
type TransactionKeyProps<T extends Transaction> = Pick<NovaTransactionsProviderProps<T>, 'adapter'> & {
|
|
229
208
|
tx: T;
|
|
230
|
-
/** The visual variant, which applies different container styles. */
|
|
231
209
|
variant?: 'toast' | 'history';
|
|
232
|
-
/** Optional additional CSS classes for the container. */
|
|
233
210
|
className?: string;
|
|
234
|
-
/**
|
|
235
|
-
* An optional render prop to allow for complete customization of how the hash link is rendered.
|
|
236
|
-
* If not provided, the default `HashLink` component will be used.
|
|
237
|
-
*/
|
|
238
211
|
renderHashLink?: (props: HashLinkProps) => ReactNode;
|
|
239
|
-
/** Optional number of confirmations for a transaction. */
|
|
240
212
|
confirmations?: number;
|
|
241
213
|
};
|
|
242
|
-
/**
|
|
243
|
-
* A component that intelligently displays the relevant keys and hashes for a transaction.
|
|
244
|
-
* It leverages the adapter system to show chain-specific identifiers and explorer links.
|
|
245
|
-
*/
|
|
246
214
|
declare function TransactionKey<T extends Transaction>({ tx, adapter, variant, className, renderHashLink, confirmations, }: TransactionKeyProps<T>): react_jsx_runtime.JSX.Element | null;
|
|
247
215
|
|
|
248
|
-
/**
|
|
249
|
-
* Defines the props for the TransactionStatusBadge component.
|
|
250
|
-
* @template TR - The type of the tracker identifier.
|
|
251
|
-
* @template T - The transaction type.
|
|
252
|
-
*/
|
|
253
216
|
type TransactionStatusBadgeProps<T extends Transaction> = {
|
|
254
|
-
/** The transaction object whose status will be displayed. */
|
|
255
217
|
tx: T;
|
|
256
|
-
/** Optional additional CSS classes to apply to the badge container. */
|
|
257
218
|
className?: string;
|
|
258
219
|
};
|
|
259
|
-
/**
|
|
260
|
-
* A component that displays a transaction's status as a styled badge
|
|
261
|
-
* with a corresponding icon, color, and label.
|
|
262
|
-
*/
|
|
263
220
|
declare function TransactionStatusBadge<T extends Transaction>({ tx, className }: TransactionStatusBadgeProps<T>): react_jsx_runtime.JSX.Element;
|
|
264
221
|
|
|
265
222
|
/**
|
|
@@ -275,25 +232,56 @@ type ToastTransactionCustomization<T extends Transaction> = {
|
|
|
275
232
|
StatusAwareText?: ComponentType<StatusAwareTextProps>;
|
|
276
233
|
TransactionKey?: ComponentType<TransactionKeyProps<T>>;
|
|
277
234
|
StatusBadge?: ComponentType<TransactionStatusBadgeProps<T>>;
|
|
278
|
-
|
|
235
|
+
TxInfoButton?: ComponentType<CustomActionButtonProps>;
|
|
279
236
|
SpeedUpButton?: ComponentType<CustomActionButtonProps>;
|
|
280
237
|
CancelButton?: ComponentType<CustomActionButtonProps>;
|
|
281
238
|
};
|
|
282
239
|
};
|
|
283
240
|
type ToastTransactionProps<T extends Transaction> = {
|
|
284
241
|
tx: T;
|
|
285
|
-
|
|
242
|
+
openTxInfoModal?: () => void;
|
|
286
243
|
icon?: ReactNode;
|
|
287
244
|
className?: string;
|
|
288
245
|
customization?: ToastTransactionCustomization<T>;
|
|
289
246
|
closeToast?: ToastContentProps['closeToast'];
|
|
290
247
|
toastProps?: ToastContainerProps;
|
|
291
|
-
} & Pick<
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
248
|
+
} & Pick<NovaTransactionsProviderProps<T>, 'adapter' | 'connectedWalletAddress'>;
|
|
249
|
+
declare function ToastTransaction<T extends Transaction>({ openTxInfoModal, tx, icon, className, customization, connectedWalletAddress, adapter, }: ToastTransactionProps<T>): JSX.Element;
|
|
250
|
+
|
|
251
|
+
type CustomHeaderProps$1 = {
|
|
252
|
+
onClose: () => void;
|
|
253
|
+
title: ReactNode;
|
|
254
|
+
};
|
|
255
|
+
type CustomFooterProps = {
|
|
256
|
+
onClose: () => void;
|
|
257
|
+
onOpenAllTransactions: () => void;
|
|
258
|
+
onRetry?: () => void;
|
|
259
|
+
onSpeedUp?: () => void;
|
|
260
|
+
onCancel?: () => void;
|
|
261
|
+
isProcessing?: boolean;
|
|
262
|
+
isFailed?: boolean;
|
|
263
|
+
canReplace?: boolean;
|
|
264
|
+
connectedWalletAddress?: string;
|
|
265
|
+
};
|
|
266
|
+
type TrackingTxModalCustomization<T extends Transaction> = {
|
|
267
|
+
modalProps?: Partial<ComponentPropsWithoutRef<typeof DialogContent>>;
|
|
268
|
+
motionProps?: MotionProps;
|
|
269
|
+
components?: {
|
|
270
|
+
Header?: ComponentType<CustomHeaderProps$1>;
|
|
271
|
+
Footer?: ComponentType<CustomFooterProps>;
|
|
272
|
+
StatusVisual?: ComponentType<TxStatusVisualProps>;
|
|
273
|
+
ProgressIndicator?: ComponentType<TxProgressIndicatorProps>;
|
|
274
|
+
InfoBlock?: ComponentType<TxInfoBlockProps<T>>;
|
|
275
|
+
ErrorBlock?: ComponentType<TxErrorBlockProps>;
|
|
276
|
+
};
|
|
277
|
+
};
|
|
278
|
+
type TrackingTxModalProps<T extends Transaction> = Pick<NovaTransactionsProviderProps<T>, 'executeTxAction' | 'initialTx' | 'transactionsPool' | 'adapter' | 'connectedWalletAddress'> & {
|
|
279
|
+
onClose: (txKey?: string) => void;
|
|
280
|
+
onOpenAllTransactions: () => void;
|
|
281
|
+
className?: string;
|
|
282
|
+
customization?: TrackingTxModalCustomization<T>;
|
|
283
|
+
};
|
|
284
|
+
declare function TrackingTxModal<T extends Transaction>({ adapter, onClose, onOpenAllTransactions, className, customization, transactionsPool, executeTxAction, initialTx, connectedWalletAddress, }: TrackingTxModalProps<T>): react_jsx_runtime.JSX.Element | null;
|
|
297
285
|
|
|
298
286
|
/**
|
|
299
287
|
* @file This file contains the `TxErrorBlock` component for displaying transaction error messages.
|
|
@@ -326,7 +314,7 @@ type TxInfoBlockProps<T extends Transaction> = {
|
|
|
326
314
|
tx: T | InitialTransaction;
|
|
327
315
|
className?: string;
|
|
328
316
|
customization?: TxInfoBlockCustomization<T>;
|
|
329
|
-
} & Pick<
|
|
317
|
+
} & Pick<NovaTransactionsProviderProps<T>, 'adapter'>;
|
|
330
318
|
/**
|
|
331
319
|
* A component that displays a block of essential transaction details,
|
|
332
320
|
* such as network, timestamps, Solana-specific details, and relevant hashes/keys.
|
|
@@ -348,9 +336,6 @@ interface TxProgressIndicatorProps {
|
|
|
348
336
|
className?: string;
|
|
349
337
|
StepComponent?: ComponentType<StepProps>;
|
|
350
338
|
}
|
|
351
|
-
/**
|
|
352
|
-
* A 3-step progress indicator that visually represents the lifecycle of a transaction.
|
|
353
|
-
*/
|
|
354
339
|
declare function TxProgressIndicator({ isProcessing, isSucceed, isFailed, isReplaced, className, StepComponent, }: TxProgressIndicatorProps): react_jsx_runtime.JSX.Element;
|
|
355
340
|
|
|
356
341
|
/**
|
|
@@ -372,45 +357,6 @@ type TxStatusVisualProps = {
|
|
|
372
357
|
*/
|
|
373
358
|
declare function TxStatusVisual({ isProcessing, isSucceed, isFailed, isReplaced }: TxStatusVisualProps): react_jsx_runtime.JSX.Element;
|
|
374
359
|
|
|
375
|
-
type CustomHeaderProps$1 = {
|
|
376
|
-
onClose: () => void;
|
|
377
|
-
title: ReactNode;
|
|
378
|
-
};
|
|
379
|
-
type CustomFooterProps = {
|
|
380
|
-
onClose: () => void;
|
|
381
|
-
onOpenWalletInfo: () => void;
|
|
382
|
-
onRetry?: () => void;
|
|
383
|
-
onSpeedUp?: () => void;
|
|
384
|
-
onCancel?: () => void;
|
|
385
|
-
isProcessing?: boolean;
|
|
386
|
-
isFailed?: boolean;
|
|
387
|
-
canReplace?: boolean;
|
|
388
|
-
connectedWalletAddress?: string;
|
|
389
|
-
};
|
|
390
|
-
type TrackingTxModalCustomization<T extends Transaction> = {
|
|
391
|
-
modalProps?: Partial<ComponentPropsWithoutRef<typeof Dialog.Content>>;
|
|
392
|
-
motionProps?: MotionProps;
|
|
393
|
-
components?: {
|
|
394
|
-
Header?: ComponentType<CustomHeaderProps$1>;
|
|
395
|
-
Footer?: ComponentType<CustomFooterProps>;
|
|
396
|
-
StatusVisual?: ComponentType<TxStatusVisualProps>;
|
|
397
|
-
ProgressIndicator?: ComponentType<TxProgressIndicatorProps>;
|
|
398
|
-
InfoBlock?: ComponentType<TxInfoBlockProps<T>>;
|
|
399
|
-
ErrorBlock?: ComponentType<TxErrorBlockProps>;
|
|
400
|
-
};
|
|
401
|
-
};
|
|
402
|
-
type TrackingTxModalProps<T extends Transaction> = Pick<NovaProviderProps<T>, 'handleTransaction' | 'initialTx' | 'transactionsPool' | 'adapter' | 'connectedWalletAddress'> & {
|
|
403
|
-
onClose: (txKey?: string) => void;
|
|
404
|
-
onOpenWalletInfo: () => void;
|
|
405
|
-
className?: string;
|
|
406
|
-
customization?: TrackingTxModalCustomization<T>;
|
|
407
|
-
};
|
|
408
|
-
/**
|
|
409
|
-
* A detailed modal that displays the real-time status and lifecycle of a transaction.
|
|
410
|
-
* It opens automatically for transactions initiated with `withTrackedModal: true`.
|
|
411
|
-
*/
|
|
412
|
-
declare function TrackingTxModal<T extends Transaction>({ adapter, onClose, onOpenWalletInfo, className, customization, transactionsPool, handleTransaction, initialTx, connectedWalletAddress, }: TrackingTxModalProps<T>): react_jsx_runtime.JSX.Element | null;
|
|
413
|
-
|
|
414
360
|
/**
|
|
415
361
|
* @file This file contains the `TransactionHistoryItem` component, which renders a single transaction
|
|
416
362
|
* in a list format for the transaction history view.
|
|
@@ -422,10 +368,6 @@ type CustomIconProps = {
|
|
|
422
368
|
type CustomTimestampProps = {
|
|
423
369
|
timestamp?: number;
|
|
424
370
|
};
|
|
425
|
-
/**
|
|
426
|
-
* Defines the structure for the `customization` prop, allowing users to override
|
|
427
|
-
* default sub-components with their own implementations for a history item.
|
|
428
|
-
*/
|
|
429
371
|
type TransactionHistoryItemCustomization<T extends Transaction> = {
|
|
430
372
|
components?: {
|
|
431
373
|
Icon?: ComponentType<CustomIconProps>;
|
|
@@ -443,22 +385,15 @@ type TransactionHistoryItemProps<T extends Transaction> = {
|
|
|
443
385
|
customization?: TransactionHistoryItemCustomization<T>;
|
|
444
386
|
/** Optional additional CSS classes for the container. */
|
|
445
387
|
className?: string;
|
|
446
|
-
} & Pick<
|
|
447
|
-
/**
|
|
448
|
-
* A component that renders a single row in the transaction history list.
|
|
449
|
-
* It is highly customizable via the `customization` prop, allowing developers
|
|
450
|
-
* to override any of its internal parts with their own components.
|
|
451
|
-
*/
|
|
388
|
+
} & Pick<NovaTransactionsProviderProps<T>, 'adapter'>;
|
|
452
389
|
declare function TransactionHistoryItem<T extends Transaction>({ tx, adapter, className, customization, }: TransactionHistoryItemProps<T>): JSX.Element;
|
|
453
390
|
|
|
454
391
|
type CustomPlaceholderProps = {
|
|
455
392
|
title: string;
|
|
456
393
|
message: string;
|
|
457
394
|
};
|
|
458
|
-
/**
|
|
459
|
-
* Defines the customization options for the TransactionsHistory component.
|
|
460
|
-
*/
|
|
461
395
|
type TransactionsHistoryCustomization<T extends Transaction> = {
|
|
396
|
+
title?: string;
|
|
462
397
|
classNames?: {
|
|
463
398
|
listWrapper?: string;
|
|
464
399
|
};
|
|
@@ -467,110 +402,30 @@ type TransactionsHistoryCustomization<T extends Transaction> = {
|
|
|
467
402
|
HistoryItem?: ComponentType<TransactionHistoryItemProps<T>>;
|
|
468
403
|
};
|
|
469
404
|
};
|
|
470
|
-
|
|
471
|
-
* Defines the props for the TransactionsHistory component.
|
|
472
|
-
* @template T - The transaction type.
|
|
473
|
-
*/
|
|
474
|
-
type TransactionsHistoryProps<T extends Transaction> = Pick<NovaProviderProps<T>, 'adapter' | 'transactionsPool' | 'connectedWalletAddress'> & {
|
|
405
|
+
type TransactionsHistoryProps<T extends Transaction> = Pick<NovaTransactionsProviderProps<T>, 'adapter' | 'transactionsPool' | 'connectedWalletAddress'> & {
|
|
475
406
|
className?: string;
|
|
476
407
|
customization?: TransactionsHistoryCustomization<T>;
|
|
477
408
|
};
|
|
478
|
-
/**
|
|
479
|
-
* A component that displays a scrollable list of transactions for the connected wallet.
|
|
480
|
-
* It handles states for when a wallet is not connected or when the history is empty.
|
|
481
|
-
*/
|
|
482
409
|
declare function TransactionsHistory<T extends Transaction>({ adapter, connectedWalletAddress, transactionsPool, className, customization, }: TransactionsHistoryProps<T>): react_jsx_runtime.JSX.Element;
|
|
483
410
|
|
|
484
|
-
/**
|
|
485
|
-
* @file This file contains the `WalletAddressDisplay` component, a UI element for showing a wallet address.
|
|
486
|
-
*/
|
|
487
|
-
type WalletAddressDisplayProps = {
|
|
488
|
-
/** The full wallet address to display. */
|
|
489
|
-
address: string;
|
|
490
|
-
/** The base URL for the block explorer. If not provided, the explorer link will not be rendered. */
|
|
491
|
-
explorerUrl?: string;
|
|
492
|
-
/** Optional additional CSS classes for the container. */
|
|
493
|
-
className?: string;
|
|
494
|
-
};
|
|
495
|
-
/**
|
|
496
|
-
* A component that renders a wallet address in a styled "pill" format,
|
|
497
|
-
* including a copy button and an optional link to the appropriate block explorer.
|
|
498
|
-
*/
|
|
499
|
-
declare function WalletAddressDisplay({ address, explorerUrl, className }: WalletAddressDisplayProps): react_jsx_runtime.JSX.Element;
|
|
500
|
-
|
|
501
|
-
/**
|
|
502
|
-
* @file This file contains the `WalletAvatar` component for displaying a user's avatar.
|
|
503
|
-
*/
|
|
504
|
-
type WalletAvatarProps = {
|
|
505
|
-
/** The user's wallet address, used for the blockie fallback and background color. */
|
|
506
|
-
address: string;
|
|
507
|
-
/** An optional URL for the user's ENS avatar image. */
|
|
508
|
-
ensAvatar?: string | null;
|
|
509
|
-
/** Optional additional CSS classes for the container. */
|
|
510
|
-
className?: string;
|
|
511
|
-
};
|
|
512
|
-
/**
|
|
513
|
-
* A component that displays a user's avatar.
|
|
514
|
-
*
|
|
515
|
-
* It prioritizes showing the provided `ensAvatar`. If unavailable or if the image fails to load,
|
|
516
|
-
* it falls back to a procedurally generated "blockie" based on the user's address.
|
|
517
|
-
* It also generates a unique background color from the address as a placeholder.
|
|
518
|
-
*/
|
|
519
|
-
declare function WalletAvatar({ address, ensAvatar, className }: WalletAvatarProps): react_jsx_runtime.JSX.Element;
|
|
520
|
-
|
|
521
|
-
type NameRenderProps = {
|
|
522
|
-
ensName?: string;
|
|
523
|
-
isLoading: boolean;
|
|
524
|
-
address: string;
|
|
525
|
-
};
|
|
526
|
-
/**
|
|
527
|
-
* Defines the props for the `WalletHeader` component, including extensive customization options.
|
|
528
|
-
*/
|
|
529
|
-
type WalletHeaderProps<T extends Transaction> = Pick<NovaProviderProps<T>, 'adapter' | 'connectedAdapterType'> & {
|
|
530
|
-
walletAddress?: string;
|
|
531
|
-
explorerUrl?: string;
|
|
532
|
-
className?: string;
|
|
533
|
-
renderAvatar?: (props: WalletAvatarProps) => ReactNode;
|
|
534
|
-
renderName?: (props: NameRenderProps) => ReactNode;
|
|
535
|
-
renderAddressDisplay?: (props: WalletAddressDisplayProps) => ReactNode;
|
|
536
|
-
renderNoWalletContent?: () => ReactNode;
|
|
537
|
-
};
|
|
538
|
-
/**
|
|
539
|
-
* A component that displays the header for the wallet modal, including the user's avatar,
|
|
540
|
-
* name (if available), and address. It leverages the active adapter to fetch name service data.
|
|
541
|
-
*/
|
|
542
|
-
declare function WalletHeader<T extends Transaction>({ walletAddress, adapter, connectedAdapterType, className, renderAvatar, renderName, renderAddressDisplay, renderNoWalletContent, explorerUrl, }: WalletHeaderProps<T>): react_jsx_runtime.JSX.Element;
|
|
543
|
-
|
|
544
411
|
type CustomHeaderProps = {
|
|
545
412
|
closeModal: () => void;
|
|
546
413
|
};
|
|
547
|
-
|
|
548
|
-
|
|
549
|
-
*/
|
|
550
|
-
type WalletInfoModalCustomization<T extends Transaction> = {
|
|
551
|
-
modalProps?: Partial<ComponentPropsWithoutRef<typeof Dialog.Content>>;
|
|
552
|
-
motionProps?: MotionProps;
|
|
414
|
+
type TransactionsInfoModalCustomization<T extends Transaction> = {
|
|
415
|
+
modalProps?: Partial<ComponentPropsWithoutRef<typeof DialogContent>>;
|
|
553
416
|
classNames?: {
|
|
554
417
|
contentWrapper?: string;
|
|
555
418
|
};
|
|
556
419
|
components?: {
|
|
557
420
|
Header?: ComponentType<CustomHeaderProps>;
|
|
558
|
-
WalletInfo?: ComponentType<WalletHeaderProps<T>>;
|
|
559
421
|
History?: ComponentType<TransactionsHistoryProps<T>>;
|
|
560
422
|
};
|
|
561
423
|
};
|
|
562
|
-
|
|
563
|
-
* Defines the core props for the WalletInfoModal.
|
|
564
|
-
*/
|
|
565
|
-
type WalletInfoModalProps<T extends Transaction> = Pick<NovaProviderProps<T>, 'adapter' | 'connectedAdapterType' | 'connectedWalletAddress' | 'transactionsPool'> & {
|
|
424
|
+
type TransactionsInfoModalProps<T extends Transaction> = Pick<NovaTransactionsProviderProps<T>, 'adapter' | 'connectedAdapterType' | 'connectedWalletAddress' | 'transactionsPool'> & {
|
|
566
425
|
isOpen?: boolean;
|
|
567
426
|
setIsOpen: (value: boolean) => void;
|
|
568
|
-
customization?:
|
|
427
|
+
customization?: TransactionsInfoModalCustomization<T>;
|
|
569
428
|
};
|
|
570
|
-
|
|
571
|
-
* The main modal component for displaying wallet information and transaction history.
|
|
572
|
-
* It is highly customizable and built with accessibility in mind using Radix UI.
|
|
573
|
-
*/
|
|
574
|
-
declare function WalletInfoModal<T extends Transaction>({ isOpen, setIsOpen, customization, adapter, connectedAdapterType, connectedWalletAddress, transactionsPool, }: WalletInfoModalProps<T>): react_jsx_runtime.JSX.Element;
|
|
429
|
+
declare function TransactionsInfoModal<T extends Transaction>({ isOpen, setIsOpen, customization, adapter, connectedWalletAddress, transactionsPool, }: TransactionsInfoModalProps<T>): react_jsx_runtime.JSX.Element;
|
|
575
430
|
|
|
576
|
-
export {
|
|
431
|
+
export { type TransactionsInfoModalCustomization as A, type TransactionsInfoModalProps as B, TransactionsInfoModal as C, type TransactionStatusBadgeProps as D, TransactionStatusBadge as E, type NovaTransactionsProviderProps as F, NovaTransactionsProvider as G, type HashLinkProps as H, type NovaTransactionsLabels as N, type StatusAwareTextProps as S, type ToastTransactionCustomization as T, HashLink as a, StatusAwareText as b, type ToastTransactionProps as c, ToastTransaction as d, type TrackingTxModalCustomization as e, type TrackingTxModalProps as f, TrackingTxModal as g, type TxErrorBlockProps as h, TxErrorBlock as i, type TxInfoBlockCustomization as j, type TxInfoBlockProps as k, TxInfoBlock as l, type StepStatus as m, type StepProps as n, type TxProgressIndicatorProps as o, TxProgressIndicator as p, type TxStatusVisualProps as q, TxStatusVisual as r, type TransactionHistoryItemCustomization as s, type TransactionHistoryItemProps as t, TransactionHistoryItem as u, type TransactionKeyProps as v, TransactionKey as w, type TransactionsHistoryCustomization as x, type TransactionsHistoryProps as y, TransactionsHistory as z };
|
package/dist/index.cjs
CHANGED
|
@@ -1,2 +1,16 @@
|
|
|
1
|
-
'use strict';var solid=require('@heroicons/react/24/solid'),novaCore=require('@tuwaio/nova-core'),react=require('react'),jsxRuntime=require('react/jsx-runtime'),pulsarCore=require('@tuwaio/pulsar-core');require('react-toastify');var reactWeb3Icons=require('@bgd-labs/react-web3-icons'),utils=require('@bgd-labs/react-web3-icons/dist/utils'),C=require('@radix-ui/react-dialog'),framerMotion=require('framer-motion'),Ht=require('dayjs'),lo=require('dayjs/plugin/relativeTime'),So=require('ethereum-blockies-base64');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var C__namespace=/*#__PURE__*/_interopNamespace(C);var Ht__default=/*#__PURE__*/_interopDefault(Ht);var lo__default=/*#__PURE__*/_interopDefault(lo);var So__default=/*#__PURE__*/_interopDefault(So);var j={walletModal:{title:"Wallet & Transactions",header:{notConnected:"Wallet not connected",avatarAlt:"Avatar for"},history:{title:"Transactions History",connectWalletTitle:"Connect Wallet",connectWalletMessage:"Please connect your wallet to see your past activity.",noTransactionsTitle:"No Transactions Yet",noTransactionsMessage:"Once you interact with the app, your transaction history will appear here."}},toast:{openWalletInfo:"Open wallet info"},statuses:{pending:"Pending",success:"Success",failed:"Failed",reverted:"Reverted",replaced:"Replaced",unknown:"Unknown",confirmationsLabel:"Confirmations"},hashLabels:{gelato:"Gelato Task ID",safe:"Safe Tx Hash",original:"Original Tx Hash",replaced:"Replaced Tx Hash",default:"Tx Hash",recentBlockhash:"Recent Blockhash",solana:"Signature"},txInfo:{started:"Started",network:"Network",slot:"Slot"},txError:{title:"Error",copied:"Copied!"},trackingModal:{title:"Transaction Overview",processing:"Processing...",close:"Close",walletInfo:"Wallet Info",retry:"Retry",progressIndicator:{created:"Created",processing:"Processing",succeed:"Succeed"}},trackedTxButton:{loading:"Processing...",succeed:"Success",failed:"Failed",replaced:"Replaced"},actions:{copy:"Copy address",viewOnExplorer:"View on explorer",close:"Close",cancel:"Cancel",speedUp:"Speed up"}};var jt=react.createContext(j);var m=()=>react.useContext(jt);({[pulsarCore.TransactionStatus.Success]:"success",[pulsarCore.TransactionStatus.Failed]:"error",[pulsarCore.TransactionStatus.Replaced]:"info"});function z({label:t,hash:e,explorerUrl:o,variant:r="default",className:s}){let{isCopied:n,copy:i}=novaCore.useCopyToClipboard(),{actions:c,txError:p}=m(),a=novaCore.cn("flex items-center justify-between",{"text-sm":r==="default","text-xs":r==="compact"},s),l=novaCore.cn("pr-1",{"font-bold text-[var(--tuwa-text-primary)]":r==="default","font-medium text-[var(--tuwa-text-secondary)]":r==="compact"}),d=jsxRuntime.jsx("span",{className:"font-mono",children:novaCore.textCenterEllipsis(e,5,5)});return jsxRuntime.jsxs("div",{className:a,children:[t&&jsxRuntime.jsxs("span",{className:l,children:[t,":"]}),jsxRuntime.jsxs("div",{className:"flex items-center gap-x-2",children:[o?jsxRuntime.jsxs("a",{href:o,target:"_blank",rel:"noopener noreferrer",className:"flex items-center gap-x-1 text-[var(--tuwa-text-accent)] transition-colors hover:underline",title:c.viewOnExplorer,"aria-label":c.viewOnExplorer,children:[d,jsxRuntime.jsx(solid.ArrowTopRightOnSquareIcon,{className:"h-4 w-4"})]}):jsxRuntime.jsx("span",{className:"text-[var(--tuwa-text-primary)]",children:d}),jsxRuntime.jsx("button",{type:"button",onClick:()=>i(e),className:"cursor-pointer text-[var(--tuwa-text-tertiary)] transition-colors hover:text-[var(--tuwa-text-secondary)]",title:n?p.copied:c.copy,"aria-label":n?p.copied:c.copy,children:n?jsxRuntime.jsx(solid.CheckIcon,{className:"h-4 w-4 text-[var(--tuwa-success-icon)]"}):jsxRuntime.jsx(solid.DocumentDuplicateIcon,{className:"h-4 w-4"})})]})]})}var vt={[pulsarCore.TransactionStatus.Success]:{index:1,colorClass:"text-[var(--tuwa-success-text)]"},[pulsarCore.TransactionStatus.Failed]:{index:2,colorClass:"text-[var(--tuwa-error-text)]"},[pulsarCore.TransactionStatus.Replaced]:{index:3,colorClass:"text-[var(--tuwa-text-secondary)]"},default:{index:0,colorClass:"text-[var(--tuwa-text-primary)]"}};function R({txStatus:t,source:e,fallback:o,variant:r,className:s,applyColor:n=false}){let i,c="";if(typeof e=="string")i=e;else if(Array.isArray(e)){let l=vt[t||"default"]??vt.default;i=e[l.index],n&&(c=l.colorClass);}else i=o;return i?jsxRuntime.jsx("div",{className:novaCore.cn(r==="title"?"text-sm font-semibold text-[var(--tuwa-text-primary)]":"mt-1 text-xs text-[var(--tuwa-text-secondary)]",c,s),children:i}):null}function Zt({closeToast:t}){let{actions:e}=m();return jsxRuntime.jsx("button",{type:"button",onClick:t,"aria-label":e.close,title:e.close,className:novaCore.cn("absolute top-2 right-2 cursor-pointer rounded-full p-1","text-[var(--tuwa-text-tertiary)] transition-colors","hover:bg-[var(--tuwa-bg-muted)] hover:text-[var(--tuwa-text-primary)]"),children:jsxRuntime.jsx(solid.XMarkIcon,{className:"h-5 w-5"})})}function O({tx:t,adapter:e,variant:o="toast",className:r,renderHashLink:s,confirmations:n}){let{hashLabels:i,statuses:c}=m(),p=pulsarCore.selectAdapterByKey({adapterKey:t.adapter,adapter:e});if(!p)return null;let a=f=>s?s(f):jsxRuntime.jsx(z,{...f}),l=o==="toast"?"mt-2 flex w-full flex-col gap-y-2 border-t border-[var(--tuwa-border-primary)] pt-2":"flex w-full flex-col gap-y-2",d=i[String(t.tracker)],y=d?a({label:d,hash:t.txKey,variant:t.tracker!==pulsarCore.TransactionTracker.Solana?"compact":"default",explorerUrl:p.getExplorerTxUrl&&t.tracker===pulsarCore.TransactionTracker.Solana?p?.getExplorerTxUrl(t):void 0}):null,x=(()=>{let f=t.hash,g=t.replacedTxHash;return !f&&!g?null:g?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[f&&a({label:i.original,hash:f,variant:"compact"}),typeof p.getExplorerTxUrl<"u"&&a({label:i.replaced,hash:g,explorerUrl:p.getExplorerTxUrl(t)})]}):f&&typeof p.getExplorerTxUrl<"u"&&a({label:i.default,hash:f,explorerUrl:p.getExplorerTxUrl(t)})})(),T=d&&d!==i.default&&t.txKey!==t.hash;return jsxRuntime.jsxs("div",{className:novaCore.cn(l,r),children:[T&&y,x,typeof n=="number"&&jsxRuntime.jsxs("p",{className:"text-xs text-[var(--tuwa-text-tertiary)]",children:[c.confirmationsLabel,": ",n]})]})}var ge=t=>({Pending:{label:t.pending,Icon:solid.ArrowPathIcon,badgeClasses:"bg-[var(--tuwa-pending-bg)] text-[var(--tuwa-pending-text)]",iconClasses:"animate-spin text-[var(--tuwa-pending-icon)]"},[pulsarCore.TransactionStatus.Success]:{label:t.success,Icon:solid.CheckCircleIcon,badgeClasses:"bg-[var(--tuwa-success-bg)] text-[var(--tuwa-success-text)]",iconClasses:"text-[var(--tuwa-success-icon)]"},[pulsarCore.TransactionStatus.Failed]:{label:t.failed,Icon:solid.XCircleIcon,badgeClasses:"bg-[var(--tuwa-error-bg)] text-[var(--tuwa-error-text)]",iconClasses:"text-[var(--tuwa-error-icon)]"},[pulsarCore.TransactionStatus.Replaced]:{label:t.replaced,Icon:solid.ArrowPathIcon,badgeClasses:"bg-[var(--tuwa-info-bg)] text-[var(--tuwa-info-text)]",iconClasses:"text-[var(--tuwa-info-icon)]"}});function X({tx:t,className:e}){let{statuses:o}=m(),r=react.useMemo(()=>ge(o),[o]),s="inline-flex items-center gap-x-1.5 rounded-full px-2 py-1 text-xs font-medium",n=t.pending?"Pending":t.status,i=n?r[n]:null;if(!i)return jsxRuntime.jsx("div",{className:novaCore.cn(s,"bg-[var(--tuwa-info-bg)] text-[var(--tuwa-info-text)]",e),children:t.status??o.unknown});let{label:c,Icon:p,badgeClasses:a,iconClasses:l}=i;return jsxRuntime.jsxs("div",{className:novaCore.cn(s,a,e),children:[jsxRuntime.jsx(p,{className:novaCore.cn("h-4 w-4",l)}),c]})}var Ne=({onClick:t,children:e})=>jsxRuntime.jsx("button",{onClick:t,type:"button",className:"cursor-pointer text-sm font-medium text-[var(--tuwa-text-accent)] transition-opacity hover:opacity-80",children:e}),Ie=({onClick:t,children:e})=>jsxRuntime.jsx("button",{onClick:t,type:"button",className:"cursor-pointer text-sm font-medium text-[var(--tuwa-text-secondary)] transition-opacity hover:opacity-80",children:e}),ke=({onClick:t,children:e})=>jsxRuntime.jsx("button",{className:"cursor-pointer rounded-md bg-gradient-to-r from-[var(--tuwa-button-gradient-from)] to-[var(--tuwa-button-gradient-to)] px-3 py-1 text-xs font-bold text-[var(--tuwa-text-on-accent)] shadow-lg transition-all duration-200 ease-in-out hover:shadow-xl hover:from-[var(--tuwa-button-gradient-from-hover)] hover:to-[var(--tuwa-button-gradient-to-hover)] active:scale-95",onClick:t,type:"button",children:e});function te({openWalletInfoModal:t,tx:e,icon:o,className:r,customization:s,connectedWalletAddress:n,adapter:i}){let{actions:c,toast:p}=m(),a=pulsarCore.selectAdapterByKey({adapterKey:e.adapter,adapter:i}),l=!!(e.tracker==="ethereum"&&e.pending&&a?.speedUpTxAction&&a?.cancelTxAction&&e.from.toLowerCase()===n?.toLowerCase()),d=()=>{l&&a.cancelTxAction(e);},y=()=>{l&&a.speedUpTxAction(e);},{StatusAwareText:x=R,TransactionKey:T=O,StatusBadge:f=X,SpeedUpButton:g=Ne,CancelButton:I=Ie,WalletInfoButton:v=ke}=s?.components??{};return jsxRuntime.jsxs("div",{className:novaCore.cn("flex w-full flex-col gap-3 rounded-lg bg-[var(--tuwa-bg-primary)] p-4 shadow-md",r),children:[jsxRuntime.jsxs("div",{className:"flex items-start gap-3",children:[jsxRuntime.jsx("div",{className:"w-[40px] flex-shrink-0",title:utils.getChainName(pulsarCore.setChainId(e.chainId)),children:o??jsxRuntime.jsx(reactWeb3Icons.Web3Icon,{chainId:pulsarCore.setChainId(e.chainId)})}),jsxRuntime.jsxs("div",{className:"flex-1",children:[jsxRuntime.jsx(x,{txStatus:e.status,source:e.title,fallback:e.type,variant:"title",applyColor:true}),jsxRuntime.jsx(x,{txStatus:e.status,source:e.description,variant:"description"})]})]}),jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx(T,{adapter:i,tx:e,variant:"toast"}),jsxRuntime.jsxs("div",{className:"mt-3 flex items-center justify-between",children:[jsxRuntime.jsx(f,{tx:e}),l?jsxRuntime.jsxs("div",{className:"flex items-center gap-4",children:[jsxRuntime.jsx(g,{onClick:y,children:c.speedUp}),jsxRuntime.jsx(I,{onClick:d,children:c.cancel})]}):t&&!!n&&jsxRuntime.jsx(v,{onClick:t,children:p.openWalletInfo})]})]})]})}function Ct({error:t,className:e}){let{isCopied:o,copy:r}=novaCore.useCopyToClipboard(),{actions:s,txError:n}=m();return t?jsxRuntime.jsxs("div",{className:novaCore.cn("rounded-lg border border-[var(--tuwa-error-icon)]/30 bg-[var(--tuwa-error-bg)] p-3 text-sm",e),children:[jsxRuntime.jsxs("div",{className:"mb-2 flex items-center justify-between",children:[jsxRuntime.jsxs("div",{className:"flex items-center gap-2 font-bold text-[var(--tuwa-error-icon)]",children:[jsxRuntime.jsx(solid.ExclamationTriangleIcon,{className:"h-5 w-5"}),jsxRuntime.jsx("span",{children:n.title})]}),jsxRuntime.jsx("button",{type:"button",onClick:()=>r(t),title:o?n.copied:s.copy,"aria-label":o?n.copied:`${s.copy} error message`,className:"cursor-pointer text-[var(--tuwa-error-icon)]/50 transition-colors hover:text-[var(--tuwa-error-icon)]",children:o?jsxRuntime.jsx(solid.CheckIcon,{className:"h-5 w-5 text-[var(--tuwa-success-icon)]"}):jsxRuntime.jsx(solid.DocumentDuplicateIcon,{className:"h-5 w-5"})})]}),jsxRuntime.jsx("div",{className:"max-h-24 overflow-y-auto rounded bg-[var(--tuwa-bg-primary)] p-2",children:jsxRuntime.jsx("p",{className:"font-mono text-xs text-[var(--tuwa-error-text)] break-all",children:t})})]}):null}function Oe({label:t,value:e}){return jsxRuntime.jsxs("div",{className:"flex items-center justify-between text-sm",children:[jsxRuntime.jsx("span",{className:"text-[var(--tuwa-text-secondary)]",children:t}),jsxRuntime.jsx("span",{className:"font-medium text-[var(--tuwa-text-primary)]",children:e})]})}function Nt({tx:t,adapter:e,className:o,customization:r}){let{txInfo:s,statuses:n,hashLabels:i}=m(),c=pulsarCore.selectAdapterByKey({adapterKey:t.adapter,adapter:e});if(!c)return null;let{InfoRow:p=Oe}=r?.components??{},a="chainId"in t?t.chainId:t.desiredChainID,l=t.adapter===pulsarCore.TransactionAdapter.SOLANA,d=l?t:void 0;return jsxRuntime.jsxs("div",{className:novaCore.cn("flex flex-col gap-3 rounded-lg border border-[var(--tuwa-border-primary)] bg-[var(--tuwa-bg-primary)] p-3",o),children:[jsxRuntime.jsx(p,{label:s.network,value:jsxRuntime.jsxs("div",{className:"flex items-center justify-end gap-2",children:[jsxRuntime.jsx("div",{className:"h-4 w-4",children:jsxRuntime.jsx(reactWeb3Icons.Web3Icon,{chainId:pulsarCore.setChainId(a)})}),jsxRuntime.jsx("span",{children:utils.getChainName(pulsarCore.setChainId(a))})]})}),t.localTimestamp&&jsxRuntime.jsx(p,{label:s.started,value:Ht__default.default.unix(t.localTimestamp).format("MMM D, HH:mm:ss")}),l&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[d?.slot&&jsxRuntime.jsx(p,{label:s.slot,value:jsxRuntime.jsx(z,{hash:d.slot.toString(),explorerUrl:c?.getExplorerUrl?`${c?.getExplorerUrl(`/block/${d.slot}`)}`:void 0})}),(typeof d?.confirmations=="number"||typeof d?.confirmations=="string")&&jsxRuntime.jsx(p,{label:n.confirmationsLabel,value:d.confirmations}),d?.recentBlockhash&&jsxRuntime.jsx(p,{label:i.recentBlockhash,value:jsxRuntime.jsx(z,{hash:d.recentBlockhash})})]}),"txKey"in t&&t.txKey&&jsxRuntime.jsx("div",{className:"border-t border-[var(--tuwa-border-primary)] pt-3",children:jsxRuntime.jsx(O,{tx:t,adapter:e,variant:"history",renderHashLink:r?.components?.transactionKey})})]})}var $e={completed:{line:"bg-[var(--tuwa-success-icon)]",border:"border-[var(--tuwa-success-icon)]",fill:"bg-[var(--tuwa-success-icon)]"},error:{line:"bg-[var(--tuwa-error-icon)]",border:"border-[var(--tuwa-error-icon)]",fill:"bg-[var(--tuwa-error-icon)]"},replaced:{line:"bg-[var(--tuwa-info-icon)]",border:"border-[var(--tuwa-info-icon)]",fill:"bg-[var(--tuwa-info-icon)]"},active:{line:"bg-[var(--tuwa-pending-icon)]",border:"border-[var(--tuwa-pending-icon)]",fill:"bg-transparent",pulse:"bg-[var(--tuwa-pending-icon)]"},inactive:{line:"bg-[var(--tuwa-border-primary)]",border:"border-[var(--tuwa-border-primary)]",fill:"bg-transparent"}};function Xe({status:t,label:e,isFirst:o=false}){let r=$e[t],s=()=>{switch(t){case "completed":return jsxRuntime.jsx(solid.CheckIcon,{className:"h-3 w-3 text-white"});case "error":return jsxRuntime.jsx(solid.ExclamationTriangleIcon,{className:"h-3 w-3 text-white"});case "replaced":return jsxRuntime.jsx(solid.ArrowPathIcon,{className:"h-3 w-3 text-white"});case "active":return jsxRuntime.jsx("div",{className:novaCore.cn("h-2 w-2 animate-pulse rounded-full",r.pulse)});default:return null}};return jsxRuntime.jsxs("div",{className:"relative flex min-w-[80px] flex-1 flex-col items-center",children:[!o&&jsxRuntime.jsx("div",{className:novaCore.cn("absolute right-1/2 top-[10px] h-0.5 w-full",r.line)}),jsxRuntime.jsx("div",{className:novaCore.cn("relative z-10 flex h-5 w-5 items-center justify-center rounded-full border-2",r.border,r.fill),children:s()}),jsxRuntime.jsx("span",{className:novaCore.cn("mt-2 text-center text-xs",t!=="inactive"?"font-semibold text-[var(--tuwa-text-primary)]":"text-[var(--tuwa-text-secondary)]"),children:e})]})}function It({isProcessing:t,isSucceed:e,isFailed:o,isReplaced:r,className:s,StepComponent:n=Xe}){let{trackingModal:i,statuses:c}=m(),p=react.useMemo(()=>{let a=d=>{if(d===1)return "completed";if(d===2){if(e||o||r)return "completed";if(t)return "active"}if(d===3){if(e)return "completed";if(o)return "error";if(r)return "replaced";if(t)return "active"}return "inactive"},l=d=>d===1?i.progressIndicator.created:d===2?i.progressIndicator.processing:o?c.failed:r?c.replaced:i.progressIndicator.succeed;return [{status:a(1),label:l(1),isFirst:true},{status:a(2),label:l(2)},{status:a(3),label:l(3),isLast:true}]},[t,e,o,r,i,c]);return jsxRuntime.jsx("div",{className:novaCore.cn("flex w-full items-start px-4 pt-2 pb-1",s),children:p.map((a,l)=>jsxRuntime.jsx(n,{...a},l))})}var je={succeed:{Icon:solid.CheckCircleIcon,className:"text-[var(--tuwa-success-icon)]"},failed:{Icon:solid.ExclamationCircleIcon,className:"text-[var(--tuwa-error-icon)]"},replaced:{Icon:solid.ArrowPathIcon,className:"text-[var(--tuwa-info-icon)]"},processing:{Icon:solid.ArrowPathIcon,className:"animate-spin text-[var(--tuwa-text-accent)]"},initializing:{Icon:solid.ClockIcon,className:"animate-pulse text-[var(--tuwa-pending-icon)]"}};function At({isProcessing:t,isSucceed:e,isFailed:o,isReplaced:r}){let s=e&&"succeed"||o&&"failed"||r&&"replaced"||t&&"processing"||"initializing",{Icon:n,className:i}=je[s];return jsxRuntime.jsx("div",{className:"flex justify-center py-4",children:jsxRuntime.jsx(n,{className:novaCore.cn("h-16 w-16",i)})})}function ee({adapter:t,onClose:e,onOpenWalletInfo:o,className:r,customization:s,transactionsPool:n,handleTransaction:i,initialTx:c,connectedWalletAddress:p}){let a=react.useMemo(()=>c?.lastTxKey?n[c.lastTxKey]:void 0,[n,c]),l=a??c,d=c?.withTrackedModal&&!a||(a?.isTrackedModalOpen??false),{isProcessing:y,isSucceed:x,isFailed:T,isReplaced:f}=react.useMemo(()=>{let K=a?.status,Gt=c?.isInitializing??false,Yt=a?.pending??false;return {isProcessing:Gt||Yt,isSucceed:K===pulsarCore.TransactionStatus.Success,isFailed:a?.isError||!!c?.errorMessage,isReplaced:K===pulsarCore.TransactionStatus.Replaced}},[a,c]),g=react.useMemo(()=>l?pulsarCore.selectAdapterByKey({adapterKey:l.adapter,adapter:t}):void 0,[l,t]),I=!!(T&&l&&c?.actionFunction&&i),v=!!(g?.speedUpTxAction&&g?.cancelTxAction&&a?.pending&&a.tracker==="ethereum"),W=()=>{if(!I||!g?.retryTxAction)return;let K={adapter:l.adapter,type:l.type,desiredChainID:"desiredChainID"in l?l.desiredChainID:l.chainId,actionFunction:c?.actionFunction,title:l.title,description:l.description,payload:l.payload,withTrackedModal:true};g.retryTxAction({tx:K,txKey:a?.txKey??"",onClose:e,handleTransaction:i});},k=()=>{v&&a&&g.cancelTxAction(a);},B=()=>{v&&a&&g.speedUpTxAction(a);},_=s?.components?.Header,dt=s?.components?.Footer,ut=s?.components?.StatusVisual,mt=s?.components?.ProgressIndicator,ft=s?.components?.InfoBlock,xt=s?.components?.ErrorBlock,Jt={initial:{opacity:0,scale:.95},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.95},transition:{duration:.2,ease:"easeOut"},...s?.motionProps};return l?jsxRuntime.jsx(C__namespace.Root,{open:d,onOpenChange:K=>!K&&e(a?.txKey),children:jsxRuntime.jsx(C__namespace.Portal,{children:jsxRuntime.jsx(framerMotion.AnimatePresence,{children:d&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(C__namespace.Overlay,{asChild:true,children:jsxRuntime.jsx(framerMotion.motion.div,{className:"fixed inset-0 z-50 bg-black/60",initial:{opacity:0},animate:{opacity:1},exit:{opacity:0}})}),jsxRuntime.jsx(C__namespace.Content,{className:"fixed left-1/2 top-1/2 z-50 w-full max-w-md -translate-x-1/2 -translate-y-1/2 outline-none",...s?.modalProps,asChild:true,children:jsxRuntime.jsx(framerMotion.motion.div,{...Jt,children:jsxRuntime.jsxs("div",{className:novaCore.cn("relative flex max-h-[98dvh] w-full flex-col gap-3 overflow-y-auto rounded-2xl bg-[var(--tuwa-bg-primary)] p-5 pt-0 shadow-2xl",r),children:[_?jsxRuntime.jsx(_,{onClose:()=>e(a?.txKey),title:jsxRuntime.jsx(Rt,{tx:l})}):jsxRuntime.jsx(ao,{onClose:()=>e(a?.txKey),title:jsxRuntime.jsx(Rt,{tx:l})}),jsxRuntime.jsxs("main",{className:"flex flex-col gap-3",children:[ut?jsxRuntime.jsx(ut,{isProcessing:y,isSucceed:x,isFailed:T,isReplaced:f}):jsxRuntime.jsx(At,{isProcessing:y,isSucceed:x,isFailed:T,isReplaced:f}),mt?jsxRuntime.jsx(mt,{isProcessing:y,isSucceed:x,isFailed:T,isReplaced:f}):jsxRuntime.jsx(It,{isProcessing:y,isSucceed:x,isFailed:T,isReplaced:f}),ft?jsxRuntime.jsx(ft,{tx:l,adapter:t}):jsxRuntime.jsx(Nt,{tx:l,adapter:t}),xt?jsxRuntime.jsx(xt,{error:a?.errorMessage||c?.errorMessage}):jsxRuntime.jsx(Ct,{error:a?.errorMessage||c?.errorMessage})]}),dt?jsxRuntime.jsx(dt,{onClose:()=>e(a?.txKey),onOpenWalletInfo:o,isProcessing:y,isFailed:T,canReplace:v,onRetry:I?W:void 0,onSpeedUp:v?B:void 0,onCancel:v?k:void 0,connectedWalletAddress:p}):jsxRuntime.jsx(ro,{onClose:()=>e(a?.txKey),onOpenWalletInfo:o,isProcessing:y,isFailed:T,canReplace:v,onRetry:I?W:void 0,onSpeedUp:v?B:void 0,onCancel:v?k:void 0,connectedWalletAddress:p})]})})})]})})})}):null}function Rt({tx:t}){return jsxRuntime.jsx(R,{txStatus:"status"in t?t.status:void 0,source:t.title,fallback:t.type,variant:"title",className:"text-lg"})}var ao=({onClose:t,title:e})=>{let{actions:o}=m();return jsxRuntime.jsxs("header",{className:"sticky top-0 z-10 flex w-full items-start justify-between bg-[var(--tuwa-bg-primary)] pt-5 pb-2",children:[jsxRuntime.jsx(C__namespace.Title,{children:e}),jsxRuntime.jsx(C__namespace.Close,{asChild:true,children:jsxRuntime.jsx("button",{type:"button",onClick:()=>t(),"aria-label":o.close,className:"cursor-pointer -mt-1 ml-2 rounded-full p-1 text-[var(--tuwa-text-tertiary)] transition-colors hover:bg-[var(--tuwa-bg-muted)] hover:text-[var(--tuwa-text-primary)]",children:jsxRuntime.jsx(solid.XMarkIcon,{className:"h-5 w-5"})})})]})},ro=({onClose:t,onOpenWalletInfo:e,isProcessing:o,onRetry:r,onSpeedUp:s,onCancel:n,canReplace:i,isFailed:c,connectedWalletAddress:p})=>{let{trackingModal:a,actions:l}=m(),d=()=>c&&r?jsxRuntime.jsx("button",{type:"button",onClick:r,className:"cursor-pointer rounded-md bg-[var(--tuwa-button-gradient-from)] px-4 py-2 text-sm font-semibold text-[var(--tuwa-text-on-accent)] transition-opacity hover:opacity-90",children:a.retry}):!o&&!i&&p?jsxRuntime.jsx("button",{type:"button",onClick:e,className:"cursor-pointer rounded-md bg-[var(--tuwa-bg-muted)] px-4 py-2 text-sm font-semibold text-[var(--tuwa-text-primary)] transition-colors hover:bg-[var(--tuwa-border-primary)]",children:a.walletInfo}):null;return jsxRuntime.jsxs("footer",{className:"mt-2 flex w-full items-center justify-between border-t border-[var(--tuwa-border-primary)] pt-4",children:[jsxRuntime.jsx("div",{className:"flex items-center gap-4",children:i&&s&&n&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("button",{type:"button",onClick:s,className:"cursor-pointer text-sm font-medium text-[var(--tuwa-text-accent)] transition-opacity hover:opacity-80",children:l.speedUp}),jsxRuntime.jsx("button",{type:"button",onClick:n,className:"cursor-pointer text-sm font-medium text-[var(--tuwa-text-secondary)] transition-opacity hover:opacity-80",children:l.cancel})]})}),jsxRuntime.jsxs("div",{className:"flex items-center gap-3",children:[jsxRuntime.jsx(d,{}),jsxRuntime.jsx("button",{type:"button",onClick:t,disabled:o&&!i,className:"cursor-pointer rounded-md bg-[var(--tuwa-bg-muted)] px-4 py-2 text-sm font-semibold text-[var(--tuwa-text-primary)] transition-colors hover:bg-[var(--tuwa-border-primary)] disabled:cursor-not-allowed disabled:opacity-50",children:o&&!i?a.processing:a.close})]})]})};Ht__default.default.extend(lo__default.default);var co=({chainId:t})=>jsxRuntime.jsx("div",{className:"h-8 w-8 text-[var(--tuwa-text-secondary)]",children:jsxRuntime.jsx(reactWeb3Icons.Web3Icon,{chainId:pulsarCore.setChainId(t)})}),po=({timestamp:t})=>jsxRuntime.jsx("span",{className:"mb-1 block text-xs text-[var(--tuwa-text-secondary)]",children:t?Ht__default.default.unix(t).fromNow():"..."});function Dt({tx:t,adapter:e,className:o,customization:r}){let{Icon:s=co,Title:n=R,Description:i=R,Timestamp:c=po,StatusBadge:p=X,TransactionKey:a=O}=r?.components??{};return jsxRuntime.jsxs("div",{className:novaCore.cn("flex flex-col gap-2 border-b border-[var(--tuwa-border-secondary)] p-3 transition-colors hover:bg-[var(--tuwa-bg-secondary)]",o),children:[jsxRuntime.jsxs("div",{className:"flex items-start justify-between",children:[jsxRuntime.jsxs("div",{className:"flex items-center gap-4",children:[jsxRuntime.jsx("div",{className:"flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-full bg-[var(--tuwa-bg-muted)]",children:jsxRuntime.jsx(s,{chainId:t.chainId})}),jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx(n,{txStatus:t.status,source:t.title,fallback:t.type,variant:"title",applyColor:true}),jsxRuntime.jsx(c,{timestamp:t.localTimestamp}),jsxRuntime.jsx(i,{txStatus:t.status,source:t.description,variant:"description"})]})]}),jsxRuntime.jsx(p,{tx:t})]}),jsxRuntime.jsx(a,{tx:t,adapter:e,variant:"history"})]})}function fo({title:t,message:e,className:o}){return jsxRuntime.jsxs("div",{className:novaCore.cn("rounded-lg bg-[var(--tuwa-bg-muted)] p-8 text-center",o),children:[jsxRuntime.jsx("h4",{className:"font-semibold text-[var(--tuwa-text-primary)]",children:t}),jsxRuntime.jsx("p",{className:"mt-1 text-sm text-[var(--tuwa-text-secondary)]",children:e})]})}function Wt({adapter:t,connectedWalletAddress:e,transactionsPool:o,className:r,customization:s}){let{walletModal:n}=m(),i=react.useMemo(()=>e?pulsarCore.selectAllTransactionsByActiveWallet(o,e).sort((d,y)=>(y.localTimestamp??0)-(d.localTimestamp??0)):[],[o,e]),{Placeholder:c=fo,HistoryItem:p=Dt}=s?.components??{},a=()=>e?i.length>0?jsxRuntime.jsx("div",{className:novaCore.cn("max-h-[400px] overflow-y-auto rounded-lg border border-[var(--tuwa-border-primary)] bg-[var(--tuwa-bg-primary)]",s?.classNames?.listWrapper),children:i.map(l=>jsxRuntime.jsx(p,{tx:l,adapter:t},l.txKey))}):jsxRuntime.jsx(c,{title:n.history.noTransactionsTitle,message:n.history.noTransactionsMessage}):jsxRuntime.jsx(c,{title:n.history.connectWalletTitle,message:n.history.connectWalletMessage});return jsxRuntime.jsxs("div",{className:novaCore.cn("flex flex-col gap-y-3",r),children:[jsxRuntime.jsx("h3",{className:"text-lg font-bold text-[var(--tuwa-text-primary)]",children:n.history.title}),a()]})}var go=t=>({replaced:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(solid.ArrowPathIcon,{className:"h-4 w-4"}),jsxRuntime.jsx("span",{children:t.replaced})]}),loading:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(solid.ArrowPathIcon,{className:"h-4 w-4 animate-spin"}),jsxRuntime.jsx("span",{children:t.loading})]}),succeed:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(solid.CheckCircleIcon,{className:"h-4 w-4"}),jsxRuntime.jsx("span",{children:t.succeed})]}),failed:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(solid.ExclamationCircleIcon,{className:"h-4 w-4"}),jsxRuntime.jsx("span",{children:t.failed})]})});function xn({children:t,action:e,getLastTxKey:o,transactionsPool:r,walletAddress:s,loadingContent:n,succeedContent:i,failedContent:c,replacedContent:p,resetTimeout:a=2500,className:l,...d}){let{trackedTxButton:y}=m(),[x,T]=react.useState("idle"),[f,g]=react.useState(void 0),I=react.useMemo(()=>go(y),[y]);react.useEffect(()=>{T("idle"),g(void 0);},[s]),react.useEffect(()=>{if(!f)return;let k=r[f];if(k)switch(k.status){case pulsarCore.TransactionStatus.Success:T("succeed");break;case pulsarCore.TransactionStatus.Replaced:T("replaced");break;case pulsarCore.TransactionStatus.Failed:T("failed");break}},[r,f,s]),react.useEffect(()=>{if(["succeed","failed","replaced"].includes(x)){let k=setTimeout(()=>{T("idle"),g(void 0);},a);return ()=>clearTimeout(k)}},[x,a]);let v=async()=>{T("loading");try{await e(),g(o());}catch(k){console.error("Transaction initiation failed:",k),T("failed");}},W=()=>{switch(x){case "loading":return n??I.loading;case "succeed":return i??I.succeed;case "failed":return c??I.failed;case "replaced":return p??I.replaced;default:return t}};return jsxRuntime.jsx("button",{...d,disabled:x!=="idle"||d.disabled,onClick:v,className:novaCore.cn("flex cursor-pointer items-center justify-center gap-1.5 rounded-md px-3 py-1.5 text-sm font-medium transition-all duration-200 disabled:cursor-not-allowed disabled:opacity-70",{"bg-gradient-to-r from-[var(--tuwa-button-gradient-from)] to-[var(--tuwa-button-gradient-to)] text-[var(--tuwa-text-on-accent)] hover:opacity-90":x==="idle","bg-gray-400 text-white":x==="loading","bg-gray-500 text-white":x==="replaced","bg-[var(--tuwa-success-bg)] text-[var(--tuwa-success-text)]":x==="succeed","bg-[var(--tuwa-error-bg)] text-[var(--tuwa-error-text)]":x==="failed"},l),children:W()})}function ct({address:t,explorerUrl:e,className:o}){let{isCopied:r,copy:s}=novaCore.useCopyToClipboard(),{actions:n,txError:i}=m();return jsxRuntime.jsxs("div",{className:novaCore.cn("flex items-center gap-x-3 rounded-full bg-[var(--tuwa-bg-muted)] px-3 py-1 font-mono text-xs text-[var(--tuwa-text-secondary)]",o),children:[jsxRuntime.jsx("span",{children:novaCore.textCenterEllipsis(t,6,6)}),jsxRuntime.jsx("button",{type:"button",title:r?i.copied:n.copy,"aria-label":r?i.copied:`${n.copy} address`,onClick:()=>s(t),className:"cursor-pointer transition-colors hover:text-[var(--tuwa-text-primary)]",children:r?jsxRuntime.jsx(solid.CheckIcon,{className:"h-4 w-4 text-[var(--tuwa-success-icon)]"}):jsxRuntime.jsx(solid.DocumentDuplicateIcon,{className:"h-4 w-4"})}),e&&jsxRuntime.jsx("a",{href:e,target:"_blank",rel:"noopener noreferrer",className:"transition-colors hover:text-[var(--tuwa-text-accent)]",title:n.viewOnExplorer,"aria-label":n.viewOnExplorer,children:jsxRuntime.jsx(solid.ArrowTopRightOnSquareIcon,{className:"h-4 w-4"})})]})}function Bo(t,{strict:e=true}={}){return !t||typeof t!="string"?false:e?/^0x[0-9a-fA-F]*$/.test(t):t.startsWith("0x")}var Ro="0x0000000000000000000000000000000000000000";function zt({address:t,ensAvatar:e,className:o}){let{walletModal:r}=m(),[s,n]=react.useState(e),i=react.useMemo(()=>So__default.default(Bo(t)?t:Ro),[t]),c=react.useMemo(()=>`#${t.slice(2,8)}`,[t]);react.useEffect(()=>{n(e);},[e]);let p=()=>{n(i);};return jsxRuntime.jsx("div",{className:novaCore.cn("h-12 w-12 flex-shrink-0 rounded-full",o),style:{backgroundColor:c},children:jsxRuntime.jsx("img",{className:"h-full w-full rounded-full object-cover",src:s||i,alt:`${r.header.avatarAlt} ${t}`,onError:p},e)})}var Wo=({isLoading:t,ensName:e,walletAddress:o,explorerUrl:r,renderAddressDisplay:s})=>jsxRuntime.jsxs("div",{className:"flex flex-col",children:[jsxRuntime.jsx("div",{className:"mb-1.5 flex h-7 items-center",children:t?jsxRuntime.jsx("div",{className:"h-full w-48 animate-pulse rounded-md bg-[var(--tuwa-bg-muted)]"}):e?jsxRuntime.jsx("h2",{className:"text-xl font-bold text-[var(--tuwa-text-primary)]",children:e}):jsxRuntime.jsx(ct,{address:o,explorerUrl:r,className:"rounded-none bg-transparent px-0 py-0 text-xl font-bold text-[var(--tuwa-text-primary)]"})}),jsxRuntime.jsx("div",{className:"flex h-5 items-center",children:!t&&e&&(s?s({address:o,explorerUrl:r}):jsxRuntime.jsx(ct,{address:o,explorerUrl:r}))})]});function _t({walletAddress:t,adapter:e,connectedAdapterType:o,className:r,renderAvatar:s,renderName:n,renderAddressDisplay:i,renderNoWalletContent:c,explorerUrl:p}){let{walletModal:a}=m(),[l,d]=react.useState(null),[y,x]=react.useState(null),[T,f]=react.useState(true);if(react.useEffect(()=>{(async()=>{if(!t||!o){f(false);return}let v=pulsarCore.selectAdapterByKey({adapterKey:o,adapter:e}),W=v&&"getName"in v&&typeof v.getName=="function",k=v&&"getAvatar"in v&&typeof v.getAvatar=="function";if(!W){f(false);return}f(true),d(null),x(null);try{let B=v?.getName?await v.getName(t):null;if(B&&(d(B),k)){let _=v?.getAvatar?await v.getAvatar(B):null;x(_);}}catch(B){console.error("Failed to fetch name service data:",B);}finally{f(false);}})();},[t,e,o]),!t)return c?jsxRuntime.jsx(jsxRuntime.Fragment,{children:c()}):jsxRuntime.jsx("div",{className:novaCore.cn("flex h-20 items-center justify-center rounded-lg bg-[var(--tuwa-bg-muted)] text-[var(--tuwa-text-secondary)]",r),children:a.header.notConnected});let g=l?l.length>30?novaCore.textCenterEllipsis(l,12,12):l:void 0;return jsxRuntime.jsxs("div",{className:novaCore.cn("flex min-h-[4rem] items-center gap-4",r),children:[jsxRuntime.jsx("div",{children:s?s({address:t,ensAvatar:y}):jsxRuntime.jsx(zt,{address:t,ensAvatar:y})}),jsxRuntime.jsx("div",{className:"flex min-h-[3.5rem] min-w-[200px] flex-col justify-center",children:n?n({ensName:g,isLoading:T,address:t}):jsxRuntime.jsx(Wo,{isLoading:T,ensName:g,walletAddress:t,explorerUrl:p,renderAddressDisplay:i})})]})}var Vo=({closeModal:t,title:e})=>{let{actions:o}=m();return jsxRuntime.jsxs("div",{className:"sticky top-0 left-0 z-10 flex w-full items-center justify-between border-b border-[var(--tuwa-border-primary)] bg-[var(--tuwa-bg-secondary)] p-4",children:[jsxRuntime.jsx(C__namespace.Title,{className:"text-lg font-bold text-[var(--tuwa-text-primary)]",children:e}),jsxRuntime.jsx(C__namespace.Close,{asChild:true,children:jsxRuntime.jsx("button",{type:"button",onClick:t,"aria-label":o.close,className:"cursor-pointer rounded-full p-1 text-[var(--tuwa-text-tertiary)] transition-colors hover:bg-[var(--tuwa-bg-muted)] hover:text-[var(--tuwa-text-primary)]",children:jsxRuntime.jsx(solid.XMarkIcon,{className:"h-6 w-6"})})})]})};function oe({isOpen:t,setIsOpen:e,customization:o,adapter:r,connectedAdapterType:s,connectedWalletAddress:n,transactionsPool:i}){let{walletModal:c}=m(),{explorerUrl:p}=react.useMemo(()=>s?{explorerUrl:pulsarCore.selectAdapterByKey({adapterKey:s,adapter:r})?.getExplorerUrl(`/address/${n}`)}:{explorerUrl:void 0},[s,r,n]),a=()=>e(false),d={...{initial:{opacity:0,scale:.95},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.95},transition:{duration:.2,ease:"easeOut"}},...o?.motionProps},y=o?.components?.Header,x=o?.components?.WalletInfo,T=o?.components?.History;return jsxRuntime.jsx(C__namespace.Root,{open:t,onOpenChange:f=>!f&&a(),children:jsxRuntime.jsx(C__namespace.Portal,{children:jsxRuntime.jsx(framerMotion.AnimatePresence,{children:t&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(C__namespace.Overlay,{asChild:true,children:jsxRuntime.jsx(framerMotion.motion.div,{className:"fixed inset-0 z-50 bg-black/45",initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.15}})}),jsxRuntime.jsx(C__namespace.Content,{className:"fixed left-1/2 top-1/2 z-50 w-full max-w-2xl -translate-x-1/2 -translate-y-1/2 outline-none",...o?.modalProps,asChild:true,children:jsxRuntime.jsx(framerMotion.motion.div,{...d,children:jsxRuntime.jsxs("div",{className:novaCore.cn("relative max-h-[98dvh] w-full max-w-2xl overflow-y-auto rounded-2xl bg-[var(--tuwa-bg-secondary)] shadow-xl outline-none",o?.classNames?.contentWrapper),children:[y?jsxRuntime.jsx(y,{closeModal:a}):jsxRuntime.jsx(Vo,{closeModal:a,title:c.title}),jsxRuntime.jsxs("div",{className:"flex flex-col gap-4 p-4 sm:gap-6 sm:p-6",children:[x?jsxRuntime.jsx(x,{adapter:r,connectedAdapterType:s,walletAddress:n,explorerUrl:p}):jsxRuntime.jsx(_t,{adapter:r,connectedAdapterType:s,walletAddress:n,explorerUrl:p}),T?jsxRuntime.jsx(T,{adapter:r,transactionsPool:i,connectedWalletAddress:n}):jsxRuntime.jsx(Wt,{adapter:r,transactionsPool:i,connectedWalletAddress:n})]})]})})})]})})})})}exports.HashLink=z;exports.StatusAwareText=R;exports.ToastCloseButton=Zt;exports.ToastTransaction=te;exports.TrackingTxModal=ee;exports.TransactionHistoryItem=Dt;exports.TransactionKey=O;exports.TransactionStatusBadge=X;exports.TransactionsHistory=Wt;exports.TxActionButton=xn;exports.TxErrorBlock=Ct;exports.TxInfoBlock=Nt;exports.TxProgressIndicator=It;exports.TxStatusVisual=At;exports.WalletAddressDisplay=ct;exports.WalletAvatar=zt;exports.WalletHeader=_t;exports.WalletInfoModal=oe;exports.defaultLabels=j;//# sourceMappingURL=index.cjs.map
|
|
1
|
+
'use strict';var solid=require('@heroicons/react/24/solid'),novaCore=require('@tuwaio/nova-core'),react=require('react'),jsxRuntime=require('react/jsx-runtime'),pulsarCore=require('@tuwaio/pulsar-core');require('react-toastify');var reactWeb3Icons=require('@bgd-labs/react-web3-icons'),utils=require('@bgd-labs/react-web3-icons/dist/utils'),orbitCore=require('@tuwaio/orbit-core'),It=require('dayjs'),Qo=require('dayjs/plugin/relativeTime');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var It__default=/*#__PURE__*/_interopDefault(It);var Qo__default=/*#__PURE__*/_interopDefault(Qo);var J={transactionsModal:{history:{title:"Transactions History",connectWalletTitle:"Connect Wallet",connectWalletMessage:"Please connect your wallet to see your past activity.",noTransactionsTitle:"No Transactions Yet",noTransactionsMessage:"Once you interact with the app, your transaction history will appear here."}},toast:{openTransactionsInfo:"Open transactions"},statuses:{pending:"Pending",success:"Success",failed:"Failed",reverted:"Reverted",replaced:"Replaced",unknown:"Unknown",confirmationsLabel:"Confirmations"},hashLabels:{gelato:"Gelato Task ID",safe:"Safe Tx Hash",original:"Original Tx Hash",replaced:"Replaced Tx Hash",default:"Tx Hash",recentBlockhash:"Recent Blockhash",solana:"Signature"},txInfo:{started:"Started",network:"Network",slot:"Slot"},txError:{title:"Error",copied:"Copied!"},trackingModal:{title:"Transaction Overview",processing:"Processing...",close:"Close",allTransactions:"All transactions",retry:"Retry",progressIndicator:{created:"Created",processing:"Processing",succeed:"Succeed"}},trackedTxButton:{loading:"Processing...",succeed:"Success",failed:"Failed",replaced:"Replaced"},actions:{copy:"Copy address",viewOnExplorer:"View on explorer",close:"Close",cancel:"Cancel",speedUp:"Speed up"}};var Et=react.createContext(J);var v=()=>react.useContext(Et);({[pulsarCore.TransactionStatus.Success]:"success",[pulsarCore.TransactionStatus.Failed]:"error",[pulsarCore.TransactionStatus.Replaced]:"info"});function D({label:t,hash:o,explorerUrl:n,variant:c="default",className:r}){let{isCopied:l,copy:s}=novaCore.useCopyToClipboard(),{actions:i,txError:p}=v(),a=novaCore.cn("novatx:flex novatx:items-center novatx:justify-between",{"novatx:text-sm":c==="default","novatx:text-xs":c==="compact"},r),e=novaCore.cn("novatx:pr-1",{"novatx:font-bold novatx:text-[var(--tuwa-text-primary)]":c==="default","novatx:font-medium novatx:text-[var(--tuwa-text-secondary)]":c==="compact"}),x=jsxRuntime.jsx("span",{className:"novatx:font-mono",children:novaCore.textCenterEllipsis(o,5,5)});return jsxRuntime.jsxs("div",{className:a,children:[t&&jsxRuntime.jsxs("span",{className:e,children:[t,":"]}),jsxRuntime.jsxs("div",{className:"novatx:flex novatx:items-center novatx:gap-x-2",children:[n?jsxRuntime.jsxs("a",{href:n,target:"_blank",rel:"noopener noreferrer",className:"novatx:flex novatx:items-center novatx:gap-x-1 novatx:text-[var(--tuwa-text-accent)] novatx:transition-colors novatx:hover:underline",title:i.viewOnExplorer,"aria-label":i.viewOnExplorer,children:[x,jsxRuntime.jsx(solid.ArrowTopRightOnSquareIcon,{className:"novatx:h-4 novatx:w-4"})]}):jsxRuntime.jsx("span",{className:"novatx:text-[var(--tuwa-text-primary)]",children:x}),jsxRuntime.jsx("button",{type:"button",onClick:()=>s(o),className:"novatx:cursor-pointer novatx:text-[var(--tuwa-text-tertiary)] novatx:transition-colors novatx:hover:text-[var(--tuwa-text-secondary)]",title:l?p.copied:i.copy,"aria-label":l?p.copied:i.copy,children:l?jsxRuntime.jsx(solid.CheckIcon,{className:"novatx:h-4 novatx:w-4 novatx:text-[var(--tuwa-success-icon)]"}):jsxRuntime.jsx(solid.DocumentDuplicateIcon,{className:"novatx:h-4 novatx:w-4"})})]})]})}var xt={[pulsarCore.TransactionStatus.Success]:{index:1,colorClass:"novatx:text-[var(--tuwa-success-text)]"},[pulsarCore.TransactionStatus.Failed]:{index:2,colorClass:"novatx:text-[var(--tuwa-error-text)]"},[pulsarCore.TransactionStatus.Replaced]:{index:3,colorClass:"novatx:text-[var(--tuwa-text-secondary)]"},default:{index:0,colorClass:"novatx:text-[var(--tuwa-text-primary)]"}};function S({txStatus:t,source:o,fallback:n,variant:c,className:r,applyColor:l=false}){let s,i="";if(typeof o=="string")s=o;else if(Array.isArray(o)){let e=xt[t||"default"]??xt.default;s=o[e.index],l&&(i=e.colorClass);}else s=n;return s?jsxRuntime.jsx("div",{className:novaCore.cn(c==="title"?"novatx:text-sm novatx:font-semibold novatx:text-[var(--tuwa-text-primary)]":"novatx:mt-1 novatx:text-xs novatx:text-[var(--tuwa-text-secondary)]",i,r),children:s}):null}function R({tx:t,adapter:o,variant:n="toast",className:c,renderHashLink:r,confirmations:l}){let{hashLabels:s,statuses:i}=v(),p=orbitCore.selectAdapterByKey({adapterKey:t.adapter,adapter:o});if(!p)return null;let a=f=>r?r(f):jsxRuntime.jsx(D,{...f}),e=n==="toast"?"novatx:mt-2 novatx:flex novatx:w-full novatx:flex-col novatx:gap-y-2 novatx:border-t novatx:border-[var(--tuwa-border-primary)] novatx:pt-2":"novatx:flex novatx:w-full novatx:flex-col novatx:gap-y-2",x=s[String(t.tracker)],g=x?a({label:x,hash:t.txKey,variant:t.tracker!==pulsarCore.TransactionTracker.Solana?"compact":"default",explorerUrl:p.getExplorerTxUrl&&t.tracker===pulsarCore.TransactionTracker.Solana?p?.getExplorerTxUrl(t):void 0}):null,u=(()=>{let f=t.hash,T=t.replacedTxHash;return !f&&!T?null:T?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[f&&a({label:s.original,hash:f,variant:"compact"}),typeof p.getExplorerTxUrl<"u"&&a({label:s.replaced,hash:T,explorerUrl:p.getExplorerTxUrl(t)})]}):f&&typeof p.getExplorerTxUrl<"u"&&a({label:s.default,hash:f,explorerUrl:p.getExplorerTxUrl(t)})})(),m=x&&x!==s.default&&t.txKey!==t.hash;return jsxRuntime.jsxs("div",{className:novaCore.cn(e,c),children:[m&&g,u,typeof l=="number"&&jsxRuntime.jsxs("p",{className:"novatx:text-xs novatx:text-[var(--tuwa-text-tertiary)]",children:[i.confirmationsLabel,": ",l]})]})}var ao=t=>({Pending:{label:t.pending,Icon:solid.ArrowPathIcon,badgeClasses:"novatx:bg-[var(--tuwa-pending-bg)] novatx:text-[var(--tuwa-pending-text)]",iconClasses:"novatx:animate-spin novatx:text-[var(--tuwa-pending-icon)]"},[pulsarCore.TransactionStatus.Success]:{label:t.success,Icon:solid.CheckCircleIcon,badgeClasses:"novatx:bg-[var(--tuwa-success-bg)] novatx:text-[var(--tuwa-success-text)]",iconClasses:"novatx:text-[var(--tuwa-success-icon)]"},[pulsarCore.TransactionStatus.Failed]:{label:t.failed,Icon:solid.XCircleIcon,badgeClasses:"novatx:bg-[var(--tuwa-error-bg)] novatx:text-[var(--tuwa-error-text)]",iconClasses:"novatx:text-[var(--tuwa-error-icon)]"},[pulsarCore.TransactionStatus.Replaced]:{label:t.replaced,Icon:solid.ArrowPathIcon,badgeClasses:"novatx:bg-[var(--tuwa-info-bg)] novatx:text-[var(--tuwa-info-text)]",iconClasses:"novatx:text-[var(--tuwa-info-icon)]"}});function F({tx:t,className:o}){let{statuses:n}=v(),c=react.useMemo(()=>ao(n),[n]),r="novatx:inline-flex novatx:items-center novatx:gap-x-1.5 novatx:rounded-full novatx:px-2 novatx:py-1 novatx:text-xs novatx:font-medium",l=t.pending?"Pending":t.status,s=l?c[l]:null;if(!s)return jsxRuntime.jsx("div",{className:novaCore.cn(r,"novatx:bg-[var(--tuwa-info-bg)] novatx:text-[var(--tuwa-info-text)]",o),children:t.status??n.unknown});let{label:i,Icon:p,badgeClasses:a,iconClasses:e}=s;return jsxRuntime.jsxs("div",{className:novaCore.cn(r,a,o),children:[jsxRuntime.jsx(p,{className:novaCore.cn("novatx:h-4 novatx:w-4",e)}),i]})}var co=({onClick:t,children:o})=>jsxRuntime.jsx("button",{onClick:t,type:"button",className:"novatx:cursor-pointer novatx:text-sm novatx:font-medium novatx:text-[var(--tuwa-text-accent)] novatx:transition-opacity novatx:hover:opacity-80",children:o}),lo=({onClick:t,children:o})=>jsxRuntime.jsx("button",{onClick:t,type:"button",className:"novatx:cursor-pointer novatx:text-sm novatx:font-medium novatx:text-[var(--tuwa-text-secondary)] novatx:transition-opacity novatx:hover:opacity-80",children:o}),po=({onClick:t,children:o})=>jsxRuntime.jsx("button",{className:"novatx:cursor-pointer novatx:rounded-md novatx:bg-gradient-to-r novatx:from-[var(--tuwa-button-gradient-from)] novatx:to-[var(--tuwa-button-gradient-to)] novatx:px-3 novatx:py-1 novatx:text-xs novatx:font-bold novatx:text-[var(--tuwa-text-on-accent)] novatx:shadow-lg novatx:transition-all novatx:duration-200 novatx:ease-in-out novatx:hover:shadow-xl novatx:hover:from-[var(--tuwa-button-gradient-from-hover)] novatx:hover:to-[var(--tuwa-button-gradient-to-hover)] novatx:active:scale-95",onClick:t,type:"button",children:o});function Ut({openTxInfoModal:t,tx:o,icon:n,className:c,customization:r,connectedWalletAddress:l,adapter:s}){let{actions:i,toast:p}=v(),a=orbitCore.selectAdapterByKey({adapterKey:o.adapter,adapter:s}),e=!!(o.tracker==="ethereum"&&o.pending&&a?.speedUpTxAction&&a?.cancelTxAction&&o.from.toLowerCase()===l?.toLowerCase()&&["metamask"].includes(o.walletType.split(":")[1])),x=()=>{e&&a.cancelTxAction(o);},g=()=>{e&&a.speedUpTxAction(o);},{StatusAwareText:u=S,TransactionKey:m=R,StatusBadge:f=F,SpeedUpButton:T=co,CancelButton:w=lo,TxInfoButton:k=po}=r?.components??{};return jsxRuntime.jsxs("div",{className:novaCore.cn("novatx:flex novatx:w-full novatx:flex-col novatx:gap-3 novatx:rounded-lg novatx:bg-[var(--tuwa-bg-primary)] novatx:p-4 novatx:shadow-md",c),children:[jsxRuntime.jsxs("div",{className:"novatx:flex novatx:items-center novatx:gap-3",children:[jsxRuntime.jsx("div",{className:"novatx:w-[40px] novatx:flex-shrink-0 [&>img]:novatx:w-full [&>img]:novatx:h-auto",title:utils.getChainName(orbitCore.setChainId(o.chainId)),children:n??jsxRuntime.jsx(reactWeb3Icons.Web3Icon,{chainId:orbitCore.setChainId(o.chainId)})}),jsxRuntime.jsxs("div",{className:"novatx:flex-1",children:[jsxRuntime.jsx(u,{txStatus:o.status,source:o.title,fallback:o.type,variant:"title",applyColor:true}),jsxRuntime.jsx(u,{txStatus:o.status,source:o.description,variant:"description"})]})]}),jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx(m,{adapter:s,tx:o,variant:"toast"}),jsxRuntime.jsxs("div",{className:"novatx:mt-3 novatx:flex novatx:items-center novatx:justify-between",children:[jsxRuntime.jsx(f,{tx:o}),e?jsxRuntime.jsxs("div",{className:"novatx:flex novatx:items-center novatx:gap-4",children:[jsxRuntime.jsx(T,{onClick:g,children:i.speedUp}),jsxRuntime.jsx(w,{onClick:x,children:i.cancel})]}):t&&!!l&&jsxRuntime.jsx(k,{onClick:t,children:p.openTransactionsInfo})]})]})]})}function Ft({adapter:t,onClose:o,onOpenAllTransactions:n,className:c,customization:r,transactionsPool:l,executeTxAction:s,initialTx:i,connectedWalletAddress:p}){let a=react.useMemo(()=>i?.lastTxKey?l[i.lastTxKey]:void 0,[l,i]),e=a??i,x=i?.withTrackedModal&&!a||(a?.isTrackedModalOpen??false),{isProcessing:g,isSucceed:u,isFailed:m,isReplaced:f}=react.useMemo(()=>{let M=a?.status,Lt=i?.isInitializing??false,Kt=a?.pending??false;return {isProcessing:Lt||Kt,isSucceed:M===pulsarCore.TransactionStatus.Success,isFailed:a?.isError||!!i?.errorMessage,isReplaced:M===pulsarCore.TransactionStatus.Replaced}},[a,i]),T=react.useMemo(()=>e?orbitCore.selectAdapterByKey({adapterKey:e.adapter,adapter:t}):void 0,[e,t]),w=!!(m&&e&&i?.actionFunction&&s),k=!!(T?.speedUpTxAction&&T?.cancelTxAction&&a?.pending&&a.tracker==="ethereum"),E=()=>{if(!w||!T?.retryTxAction)return;let M={adapter:e.adapter,type:e.type,desiredChainID:"desiredChainID"in e?e.desiredChainID:e.chainId,actionFunction:i?.actionFunction,title:e.title,description:e.description,payload:e.payload,rpcUrl:"rpcUrl"in e?e?.rpcUrl:"desiredChainID"in e?e.desiredChainID:e.chainId.split(":")[1],withTrackedModal:"withTrackedModal"in e?e.withTrackedModal:false};T.retryTxAction({tx:M,txKey:a?.txKey??"",onClose:o,executeTxAction:s});},b=k&&a&&["metamask"].includes(a?.walletType.split(":")[1]),at=()=>{b&&T.cancelTxAction(a);},et=()=>{b&&T.speedUpTxAction(a);},nt=r?.components?.Header,rt=r?.components?.Footer,st=r?.components?.StatusVisual,it=r?.components?.ProgressIndicator,ct=r?.components?.InfoBlock,lt=r?.components?.ErrorBlock;return e?jsxRuntime.jsx(novaCore.Dialog,{open:x,onOpenChange:M=>!M&&o(a?.txKey),children:jsxRuntime.jsx(novaCore.DialogContent,{className:novaCore.cn("novatx:w-full novatx:sm:max-w-md",r?.modalProps?.className),...r?.modalProps,children:jsxRuntime.jsxs("div",{className:novaCore.cn("novatx:relative novatx:flex novatx:w-full novatx:flex-col",c),children:[nt?jsxRuntime.jsx(nt,{onClose:()=>o(a?.txKey),title:jsxRuntime.jsx(gt,{tx:e})}):jsxRuntime.jsx(yo,{onClose:()=>o(a?.txKey),title:jsxRuntime.jsx(gt,{tx:e})}),jsxRuntime.jsxs("main",{className:"novatx:flex novatx:flex-col novatx:gap-4 novatx:p-4",children:[st?jsxRuntime.jsx(st,{isProcessing:g,isSucceed:u,isFailed:m,isReplaced:f}):jsxRuntime.jsx(wt,{isProcessing:g,isSucceed:u,isFailed:m,isReplaced:f}),it?jsxRuntime.jsx(it,{isProcessing:g,isSucceed:u,isFailed:m,isReplaced:f}):jsxRuntime.jsx(Ct,{isProcessing:g,isSucceed:u,isFailed:m,isReplaced:f}),ct?jsxRuntime.jsx(ct,{tx:e,adapter:t}):jsxRuntime.jsx(bt,{tx:e,adapter:t}),lt?jsxRuntime.jsx(lt,{error:a?.errorMessage||i?.errorMessage}):jsxRuntime.jsx(yt,{error:a?.errorMessage||i?.errorMessage})]}),rt?jsxRuntime.jsx(rt,{onClose:()=>o(a?.txKey),onOpenAllTransactions:n,isProcessing:g,isFailed:m,canReplace:k,onRetry:w?E:void 0,onSpeedUp:b?et:void 0,onCancel:b?at:void 0,connectedWalletAddress:p}):jsxRuntime.jsx(Co,{onClose:()=>o(a?.txKey),onOpenAllTransactions:n,isProcessing:g,isFailed:m,canReplace:k,onRetry:w?E:void 0,onSpeedUp:b?et:void 0,onCancel:b?at:void 0,connectedWalletAddress:p})]})})}):null}function gt({tx:t}){return jsxRuntime.jsx(S,{txStatus:"status"in t?t.status:void 0,source:t.title,fallback:t.type,variant:"title",className:"novatx:text-lg"})}var yo=({onClose:t,title:o})=>{let{actions:n}=v();return jsxRuntime.jsxs(novaCore.DialogHeader,{children:[jsxRuntime.jsx(novaCore.DialogTitle,{children:o}),jsxRuntime.jsx(novaCore.DialogClose,{asChild:true,children:jsxRuntime.jsx("button",{type:"button",onClick:()=>t(),"aria-label":n.close,className:`novatx:cursor-pointer novatx:rounded-full novatx:p-1
|
|
2
|
+
novatx:text-[var(--tuwa-text-tertiary)] novatx:transition-colors
|
|
3
|
+
novatx:hover:bg-[var(--tuwa-bg-muted)] novatx:hover:text-[var(--tuwa-text-primary)]`,children:jsxRuntime.jsx(novaCore.CloseIcon,{})})})]})},bo=({isFailed:t,onRetry:o,isProcessing:n,canReplace:c,connectedWalletAddress:r,onOpenAllTransactions:l})=>{let{trackingModal:s}=v();return t&&o?jsxRuntime.jsx("button",{type:"button",onClick:o,className:`novatx:cursor-pointer novatx:rounded-t-md novatx:sm:rounded-md
|
|
4
|
+
novatx:bg-gradient-to-r novatx:from-[var(--tuwa-button-gradient-from)] novatx:to-[var(--tuwa-button-gradient-to)]
|
|
5
|
+
novatx:px-4 novatx:py-2 novatx:text-sm novatx:font-semibold novatx:text-[var(--tuwa-text-on-accent)] novatx:transition-opacity
|
|
6
|
+
novatx:hover:from-[var(--tuwa-button-gradient-from-hover)] novatx:hover:to-[var(--tuwa-button-gradient-to-hover)]`,children:s.retry}):!n&&!c&&r?jsxRuntime.jsx("button",{type:"button",onClick:l,className:`novatx:cursor-pointer novatx:rounded-md
|
|
7
|
+
novatx:bg-[var(--tuwa-bg-muted)] novatx:px-4 novatx:py-2 novatx:text-sm novatx:font-semibold novatx:text-[var(--tuwa-text-primary)]
|
|
8
|
+
novatx:transition-colors novatx:hover:bg-[var(--tuwa-border-primary)]`,children:s.allTransactions}):null},Co=({onClose:t,onOpenAllTransactions:o,isProcessing:n,onRetry:c,onSpeedUp:r,onCancel:l,canReplace:s,isFailed:i,connectedWalletAddress:p})=>{let{trackingModal:a,actions:e}=v();return jsxRuntime.jsxs("footer",{className:`novatx:flex novatx:w-full novatx:items-center novatx:justify-between
|
|
9
|
+
novatx:border-t novatx:border-[var(--tuwa-border-primary)] novatx:p-4`,children:[jsxRuntime.jsx("div",{className:"novatx:flex novatx:items-center novatx:gap-4",children:s&&r&&l&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("button",{type:"button",onClick:r,className:`novatx:cursor-pointer novatx:text-sm novatx:font-medium
|
|
10
|
+
novatx:text-[var(--tuwa-text-accent)] novatx:transition-opacity novatx:hover:opacity-80`,children:e.speedUp}),jsxRuntime.jsx("button",{type:"button",onClick:l,className:`novatx:cursor-pointer novatx:text-sm novatx:font-medium
|
|
11
|
+
novatx:text-[var(--tuwa-text-secondary)] novatx:transition-opacity novatx:hover:opacity-80`,children:e.cancel})]})}),jsxRuntime.jsxs("div",{className:"novatx:flex novatx:items-center novatx:gap-3",children:[jsxRuntime.jsx(bo,{isFailed:i,onRetry:c,isProcessing:n,canReplace:s,connectedWalletAddress:p,onOpenAllTransactions:o}),jsxRuntime.jsx("button",{type:"button",onClick:t,disabled:n&&!s,className:`novatx:cursor-pointer novatx:rounded-md novatx:bg-[var(--tuwa-bg-muted)] novatx:px-4 novatx:py-2 novatx:text-sm novatx:font-semibold
|
|
12
|
+
novatx:text-[var(--tuwa-text-primary)] novatx:transition-colors novatx:hover:bg-[var(--tuwa-border-primary)]
|
|
13
|
+
novatx:disabled:cursor-not-allowed novatx:disabled:opacity-50`,children:n&&!s?a.processing:a.close})]})]})};function yt({error:t,className:o}){let{isCopied:n,copy:c}=novaCore.useCopyToClipboard(),{actions:r,txError:l}=v();return t?jsxRuntime.jsxs("div",{className:novaCore.cn("novatx:rounded-lg novatx:border novatx:border-[var(--tuwa-error-icon)]/30 novatx:bg-[var(--tuwa-error-bg)] novatx:p-3 novatx:text-sm",o),children:[jsxRuntime.jsxs("div",{className:"novatx:mb-2 novatx:flex novatx:items-center novatx:justify-between",children:[jsxRuntime.jsxs("div",{className:"novatx:flex novatx:items-center novatx:gap-2 novatx:font-bold novatx:text-[var(--tuwa-error-icon)]",children:[jsxRuntime.jsx(solid.ExclamationTriangleIcon,{className:"novatx:h-5 novatx:w-5"}),jsxRuntime.jsx("span",{children:l.title})]}),jsxRuntime.jsx("button",{type:"button",onClick:()=>c(t),title:n?l.copied:r.copy,"aria-label":n?l.copied:`${r.copy} error message`,className:"novatx:cursor-pointer novatx:text-[var(--tuwa-error-icon)]/50 novatx:transition-colors novatx:hover:text-[var(--tuwa-error-icon)]",children:n?jsxRuntime.jsx(solid.CheckIcon,{className:"novatx:h-5 novatx:w-5 novatx:text-[var(--tuwa-success-icon)]"}):jsxRuntime.jsx(solid.DocumentDuplicateIcon,{className:"novatx:h-5 novatx:w-5"})})]}),jsxRuntime.jsx("div",{className:"novatx:max-h-24 novatx:overflow-y-auto novatx:rounded novatx:bg-[var(--tuwa-bg-primary)] novatx:p-2",children:jsxRuntime.jsx("p",{className:"novatx:font-mono novatx:text-xs novatx:text-[var(--tuwa-error-text)] novatx:break-all",children:t})})]}):null}function Lo({label:t,value:o}){return jsxRuntime.jsxs("div",{className:"novatx:flex novatx:items-center novatx:justify-between novatx:text-sm",children:[jsxRuntime.jsx("span",{className:"novatx:text-[var(--tuwa-text-secondary)]",children:t}),jsxRuntime.jsx("span",{className:"novatx:font-medium novatx:text-[var(--tuwa-text-primary)]",children:o})]})}function bt({tx:t,adapter:o,className:n,customization:c}){let{txInfo:r,statuses:l,hashLabels:s}=v(),i=orbitCore.selectAdapterByKey({adapterKey:t.adapter,adapter:o});if(!i)return null;let{InfoRow:p=Lo}=c?.components??{},a="chainId"in t?t.chainId:t.desiredChainID,e=t.adapter===orbitCore.OrbitAdapter.SOLANA,x=e?t:void 0;return jsxRuntime.jsxs("div",{className:novaCore.cn("novatx:flex novatx:flex-col novatx:gap-3 novatx:rounded-lg novatx:border novatx:border-[var(--tuwa-border-primary)] novatx:bg-[var(--tuwa-bg-primary)] novatx:p-3",n),children:[jsxRuntime.jsx(p,{label:r.network,value:jsxRuntime.jsxs("div",{className:"novatx:flex novatx:items-center novatx:justify-end novatx:gap-2",children:[jsxRuntime.jsx("div",{className:"novatx:h-4 novatx:w-4",children:jsxRuntime.jsx(reactWeb3Icons.Web3Icon,{chainId:orbitCore.setChainId(a)})}),jsxRuntime.jsx("span",{children:utils.getChainName(orbitCore.setChainId(a))})]})}),t.localTimestamp&&jsxRuntime.jsx(p,{label:r.started,value:It__default.default.unix(t.localTimestamp).format("MMM D, HH:mm:ss")}),e&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[x?.slot&&jsxRuntime.jsx(p,{label:r.slot,value:jsxRuntime.jsx(D,{hash:x.slot.toString(),explorerUrl:i?.getExplorerUrl?`${i?.getExplorerUrl(`/block/${x.slot}`)}`:void 0})}),(typeof x?.confirmations=="number"||typeof x?.confirmations=="string")&&jsxRuntime.jsx(p,{label:l.confirmationsLabel,value:x.confirmations}),x?.recentBlockhash&&jsxRuntime.jsx(p,{label:s.recentBlockhash,value:jsxRuntime.jsx(D,{hash:x.recentBlockhash})})]}),"txKey"in t&&t.txKey&&jsxRuntime.jsx("div",{className:"novatx:border-t novatx:border-[var(--tuwa-border-primary)] novatx:pt-3",children:jsxRuntime.jsx(R,{tx:t,adapter:o,variant:"history",renderHashLink:c?.components?.transactionKey})})]})}var Fo={completed:{line:"novatx:bg-[var(--tuwa-success-icon)]",border:"novatx:border-[var(--tuwa-success-icon)]",fill:"novatx:bg-[var(--tuwa-success-icon)]"},error:{line:"novatx:bg-[var(--tuwa-error-icon)]",border:"novatx:border-[var(--tuwa-error-icon)]",fill:"novatx:bg-[var(--tuwa-error-icon)]"},replaced:{line:"novatx:bg-[var(--tuwa-info-icon)]",border:"novatx:border-[var(--tuwa-info-icon)]",fill:"novatx:bg-[var(--tuwa-info-icon)]"},active:{line:"novatx:bg-[var(--tuwa-pending-icon)]",border:"novatx:border-[var(--tuwa-pending-icon)]",fill:"novatx:bg-transparent",pulse:"novatx:bg-[var(--tuwa-pending-icon)]"},inactive:{line:"novatx:bg-[var(--tuwa-border-primary)]",border:"novatx:border-[var(--tuwa-border-primary)]",fill:"novatx:bg-transparent"}};function Wo({status:t,label:o,isFirst:n=false}){let c=Fo[t],r=()=>{switch(t){case "completed":return jsxRuntime.jsx(solid.CheckIcon,{className:"novatx:h-3 novatx:w-3 novatx:text-white"});case "error":return jsxRuntime.jsx(solid.ExclamationTriangleIcon,{className:"novatx:h-3 novatx:w-3 novatx:text-white"});case "replaced":return jsxRuntime.jsx(solid.ArrowPathIcon,{className:"novatx:h-3 novatx:w-3 novatx:text-white"});case "active":return jsxRuntime.jsx("div",{className:novaCore.cn("novatx:h-2 novatx:w-2 novatx:animate-pulse novatx:rounded-full",c.pulse)});default:return null}};return jsxRuntime.jsxs("div",{className:"novatx:relative novatx:flex novatx:min-w-[80px] novatx:flex-1 novatx:flex-col novatx:items-center",children:[!n&&jsxRuntime.jsx("div",{className:novaCore.cn("novatx:absolute novatx:right-1/2 novatx:top-[10px] novatx:h-0.5 novatx:w-full",c.line)}),jsxRuntime.jsx("div",{className:novaCore.cn("novatx:relative novatx:z-10 novatx:flex novatx:h-5 novatx:w-5 novatx:items-center novatx:justify-center novatx:rounded-full novatx:border-2",c.border,c.fill),children:r()}),jsxRuntime.jsx("span",{className:novaCore.cn("novatx:mt-2 novatx:text-center novatx:text-xs",t!=="inactive"?"novatx:font-semibold novatx:text-[var(--tuwa-text-primary)]":"novatx:text-[var(--tuwa-text-secondary)]"),children:o})]})}function Ct({isProcessing:t,isSucceed:o,isFailed:n,isReplaced:c,className:r,StepComponent:l=Wo}){let{trackingModal:s,statuses:i}=v(),p=react.useMemo(()=>{let a=x=>{if(x===1)return "completed";if(x===2){if(o||n||c)return "completed";if(t)return "active"}if(x===3){if(o)return "completed";if(n)return "error";if(c)return "replaced";if(t)return "active"}return "inactive"},e=x=>x===1?s.progressIndicator.created:x===2?s.progressIndicator.processing:n?i.failed:c?i.replaced:s.progressIndicator.succeed;return [{status:a(1),label:e(1),isFirst:true},{status:a(2),label:e(2)},{status:a(3),label:e(3),isLast:true}]},[t,o,n,c,s,i]);return jsxRuntime.jsx("div",{className:novaCore.cn("novatx:flex novatx:w-full novatx:items-start novatx:px-4 novatx:pt-2 novatx:pb-1",r),children:p.map((a,e)=>jsxRuntime.jsx(l,{...a},e))})}var Go={succeed:{Icon:solid.CheckCircleIcon,className:"novatx:text-[var(--tuwa-success-icon)]"},failed:{Icon:solid.ExclamationCircleIcon,className:"novatx:text-[var(--tuwa-error-icon)]"},replaced:{Icon:solid.ArrowPathIcon,className:"novatx:text-[var(--tuwa-info-icon)]"},processing:{Icon:solid.ArrowPathIcon,className:"novatx:animate-spin novatx:text-[var(--tuwa-text-accent)]"},initializing:{Icon:solid.ClockIcon,className:"novatx:animate-pulse novatx:text-[var(--tuwa-pending-icon)]"}};function wt({isProcessing:t,isSucceed:o,isFailed:n,isReplaced:c}){let r=o&&"succeed"||n&&"failed"||c&&"replaced"||t&&"processing"||"initializing",{Icon:l,className:s}=Go[r];return jsxRuntime.jsx("div",{className:"novatx:flex novatx:justify-center novatx:py-4",children:jsxRuntime.jsx(l,{className:novaCore.cn("novatx:h-16 novatx:w-16",s)})})}It__default.default.extend(Qo__default.default);var Zo=({chainId:t})=>jsxRuntime.jsx("div",{className:"novatx:h-8 novatx:w-8 novatx:text-[var(--tuwa-text-secondary)]",children:jsxRuntime.jsx(reactWeb3Icons.Web3Icon,{chainId:orbitCore.setChainId(t)})}),jo=({timestamp:t})=>jsxRuntime.jsx("span",{className:"novatx:mb-1 novatx:block novatx:text-xs novatx:text-[var(--tuwa-text-secondary)]",children:t?It__default.default.unix(t).fromNow():"..."});function kt({tx:t,adapter:o,className:n,customization:c}){let{Icon:r=Zo,Title:l=S,Description:s=S,Timestamp:i=jo,StatusBadge:p=F,TransactionKey:a=R}=c?.components??{};return jsxRuntime.jsxs("div",{className:novaCore.cn("novatx:flex novatx:flex-col novatx:gap-2 novatx:border-b novatx:border-[var(--tuwa-border-secondary)] novatx:p-3 novatx:transition-colors novatx:hover:bg-[var(--tuwa-bg-secondary)]",n),children:[jsxRuntime.jsxs("div",{className:"novatx:flex novatx:items-start novatx:justify-between",children:[jsxRuntime.jsxs("div",{className:"novatx:flex novatx:items-center novatx:gap-4",children:[jsxRuntime.jsx("div",{className:"novatx:flex novatx:h-10 novatx:w-10 novatx:flex-shrink-0 novatx:items-center novatx:justify-center novatx:rounded-full novatx:bg-[var(--tuwa-bg-muted)]",children:jsxRuntime.jsx(r,{chainId:t.chainId})}),jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx(l,{txStatus:t.status,source:t.title,fallback:t.type,variant:"title",applyColor:true}),jsxRuntime.jsx(i,{timestamp:t.localTimestamp}),jsxRuntime.jsx(s,{txStatus:t.status,source:t.description,variant:"description"})]})]}),jsxRuntime.jsx(p,{tx:t})]}),jsxRuntime.jsx(a,{tx:t,adapter:o,variant:"history"})]})}function aa({title:t,message:o,className:n}){return jsxRuntime.jsxs("div",{className:novaCore.cn("novatx:rounded-lg novatx:bg-[var(--tuwa-bg-muted)] novatx:p-8 novatx:text-center",n),children:[jsxRuntime.jsx("h4",{className:"novatx:font-semibold novatx:text-[var(--tuwa-text-primary)]",children:t}),jsxRuntime.jsx("p",{className:"novatx:mt-1 novatx:text-sm novatx:text-[var(--tuwa-text-secondary)]",children:o})]})}function St({adapter:t,connectedWalletAddress:o,transactionsPool:n,className:c,customization:r}){let{transactionsModal:l}=v(),s=react.useMemo(()=>o?pulsarCore.selectAllTransactionsByActiveWallet(n,o).sort((x,g)=>(g.localTimestamp??0)-(x.localTimestamp??0)):[],[n,o]),{Placeholder:i=aa,HistoryItem:p=kt}=r?.components??{},a=()=>o?s.length>0?jsxRuntime.jsx("div",{className:novaCore.cn("NovaCustomScroll novatx:max-h-[400px] novatx:overflow-y-auto novatx:rounded-lg novatx:border novatx:border-[var(--tuwa-border-primary)] novatx:bg-[var(--tuwa-bg-primary)]",r?.classNames?.listWrapper),children:s.map(e=>jsxRuntime.jsx(p,{tx:e,adapter:t},e.txKey))}):jsxRuntime.jsx(i,{title:l.history.noTransactionsTitle,message:l.history.noTransactionsMessage}):jsxRuntime.jsx(i,{title:l.history.connectWalletTitle,message:l.history.connectWalletMessage});return jsxRuntime.jsxs("div",{className:novaCore.cn("novatx:flex novatx:flex-col novatx:gap-y-3",c),children:[r?.title&&jsxRuntime.jsx("h3",{className:"novatx:text-lg novatx:font-bold novatx:text-[var(--tuwa-text-primary)]",children:r?.title}),a()]})}var la=({closeModal:t,title:o})=>{let{actions:n}=v();return jsxRuntime.jsxs(novaCore.DialogHeader,{children:[jsxRuntime.jsx(novaCore.DialogTitle,{children:o}),jsxRuntime.jsx(novaCore.DialogClose,{asChild:true,children:jsxRuntime.jsx("button",{type:"button",onClick:t,"aria-label":n.close,className:`novatx:cursor-pointer novatx:rounded-full novatx:p-1
|
|
14
|
+
novatx:text-[var(--tuwa-text-tertiary)] novatx:transition-colors
|
|
15
|
+
novatx:hover:bg-[var(--tuwa-bg-muted)] novatx:hover:text-[var(--tuwa-text-primary)]`,children:jsxRuntime.jsx(novaCore.CloseIcon,{})})})]})};function Wt({isOpen:t,setIsOpen:o,customization:n,adapter:c,connectedWalletAddress:r,transactionsPool:l}){let{transactionsModal:s}=v(),i=()=>o(false),p=n?.components?.Header,a=n?.components?.History;return jsxRuntime.jsx(novaCore.Dialog,{open:t,onOpenChange:e=>!e&&i(),children:jsxRuntime.jsx(novaCore.DialogContent,{className:novaCore.cn("novatx:w-full novatx:sm:max-w-2xl",n?.modalProps?.className),...n?.modalProps,children:jsxRuntime.jsxs("div",{className:novaCore.cn("novatx:relative novatx:max-h-[95dvh] novatx:w-full novatx:flex novatx:flex-col",n?.classNames?.contentWrapper),children:[p?jsxRuntime.jsx(p,{closeModal:i}):jsxRuntime.jsx(la,{closeModal:i,title:s.history.title}),a?jsxRuntime.jsx(a,{adapter:c,transactionsPool:l,connectedWalletAddress:r}):jsxRuntime.jsx(St,{adapter:c,transactionsPool:l,connectedWalletAddress:r})]})})})}var ua=t=>({replaced:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(solid.ArrowPathIcon,{className:"novatx:h-4 novatx:w-4"}),jsxRuntime.jsx("span",{children:t.replaced})]}),loading:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(solid.ArrowPathIcon,{className:"novatx:h-4 novatx:w-4 novatx:animate-spin"}),jsxRuntime.jsx("span",{children:t.loading})]}),succeed:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(solid.CheckCircleIcon,{className:"novatx:h-4 novatx:w-4"}),jsxRuntime.jsx("span",{children:t.succeed})]}),failed:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(solid.ExclamationCircleIcon,{className:"novatx:h-4 novatx:w-4"}),jsxRuntime.jsx("span",{children:t.failed})]})});function Hr({children:t,action:o,getLastTxKey:n,transactionsPool:c,walletAddress:r,loadingContent:l,succeedContent:s,failedContent:i,replacedContent:p,resetTimeout:a=2500,className:e,...x}){let{trackedTxButton:g}=v(),[u,m]=react.useState("idle"),[f,T]=react.useState(void 0),w=react.useMemo(()=>ua(g),[g]);react.useEffect(()=>{m("idle"),T(void 0);},[r]),react.useEffect(()=>{if(!f)return;let b=c[f];if(b)switch(b.status){case pulsarCore.TransactionStatus.Success:m("succeed");break;case pulsarCore.TransactionStatus.Replaced:m("replaced");break;case pulsarCore.TransactionStatus.Failed:m("failed");break}},[c,f,r]),react.useEffect(()=>{if(["succeed","failed","replaced"].includes(u)){let b=setTimeout(()=>{m("idle"),T(void 0);},a);return ()=>clearTimeout(b)}},[u,a]);let k=async()=>{m("loading");try{await o(),T(n());}catch(b){console.error("Transaction initiation failed:",b),m("failed");}},E=()=>{switch(u){case "loading":return l??w.loading;case "succeed":return s??w.succeed;case "failed":return i??w.failed;case "replaced":return p??w.replaced;default:return t}};return jsxRuntime.jsx("button",{...x,disabled:u!=="idle"||x.disabled,onClick:k,className:novaCore.cn("novatx:flex novatx:cursor-pointer novatx:items-center novatx:justify-center novatx:gap-1.5 novatx:rounded-md novatx:px-3 novatx:py-1.5 novatx:text-sm novatx:font-medium novatx:transition-all novatx:duration-200 novatx:disabled:cursor-not-allowed novatx:disabled:opacity-70",{"novatx:bg-gradient-to-r novatx:from-[var(--tuwa-button-gradient-from)] novatx:to-[var(--tuwa-button-gradient-to)] novatx:text-[var(--tuwa-text-on-accent)] novatx:hover:opacity-90":u==="idle","novatx:bg-gray-400 novatx:text-white":u==="loading","novatx:bg-gray-500 novatx:text-white":u==="replaced","novatx:bg-[var(--tuwa-success-bg)] novatx:text-[var(--tuwa-success-text)]":u==="succeed","novatx:bg-[var(--tuwa-error-bg)] novatx:text-[var(--tuwa-error-text)]":u==="failed"},e),children:E()})}exports.HashLink=D;exports.StatusAwareText=S;exports.ToastTransaction=Ut;exports.TrackingTxModal=Ft;exports.TransactionHistoryItem=kt;exports.TransactionKey=R;exports.TransactionStatusBadge=F;exports.TransactionsHistory=St;exports.TransactionsInfoModal=Wt;exports.TxActionButton=Hr;exports.TxErrorBlock=yt;exports.TxInfoBlock=bt;exports.TxProgressIndicator=Ct;exports.TxStatusVisual=wt;exports.defaultLabels=J;//# sourceMappingURL=index.cjs.map
|
|
2
16
|
//# sourceMappingURL=index.cjs.map
|