@tuwaio/nova-transactions 0.0.26 → 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 -12
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +282 -517
- package/dist/index.d.cts +7 -39
- package/dist/index.d.ts +7 -39
- package/dist/index.js +15 -12
- package/dist/index.js.map +1 -1
- package/dist/providers/index.cjs +15 -12
- 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 -12
- package/dist/providers/index.js.map +1 -1
- package/package.json +19 -19
package/dist/index.d.cts
CHANGED
|
@@ -1,57 +1,25 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export { a as HashLink, H as HashLinkProps, b as StatusAwareText, S as StatusAwareTextProps,
|
|
1
|
+
import { N as NovaTransactionsLabels } from './TransactionsInfoModal-6RO18o9e.cjs';
|
|
2
|
+
export { a as HashLink, H as HashLinkProps, b as StatusAwareText, S as StatusAwareTextProps, n as StepProps, m as StepStatus, d as ToastTransaction, T as ToastTransactionCustomization, c as ToastTransactionProps, g as TrackingTxModal, e as TrackingTxModalCustomization, f as TrackingTxModalProps, u as TransactionHistoryItem, s as TransactionHistoryItemCustomization, t as TransactionHistoryItemProps, w as TransactionKey, v as TransactionKeyProps, E as TransactionStatusBadge, D as TransactionStatusBadgeProps, z as TransactionsHistory, x as TransactionsHistoryCustomization, y as TransactionsHistoryProps, C as TransactionsInfoModal, A as TransactionsInfoModalCustomization, B as TransactionsInfoModalProps, i as TxErrorBlock, h as TxErrorBlockProps, l as TxInfoBlock, j as TxInfoBlockCustomization, k as TxInfoBlockProps, p as TxProgressIndicator, o as TxProgressIndicatorProps, r as TxStatusVisual, q as TxStatusVisualProps } from './TransactionsInfoModal-6RO18o9e.cjs';
|
|
3
3
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
4
4
|
import { Transaction, TransactionPool } from '@tuwaio/pulsar-core';
|
|
5
5
|
import { ButtonHTMLAttributes, ReactNode } from 'react';
|
|
6
|
-
import '@
|
|
7
|
-
import '
|
|
6
|
+
import '@tuwaio/nova-core';
|
|
7
|
+
import '@tuwaio/orbit-core';
|
|
8
8
|
import 'react-toastify';
|
|
9
|
-
|
|
10
|
-
/**
|
|
11
|
-
* @file This file contains a reusable close button component, designed primarily for toast notifications.
|
|
12
|
-
*/
|
|
13
|
-
/**
|
|
14
|
-
* Defines the props for the ToastCloseButton component.
|
|
15
|
-
*/
|
|
16
|
-
type ToastCloseButtonProps = {
|
|
17
|
-
/**
|
|
18
|
-
* The function to call when the button is clicked. This is typically provided by the
|
|
19
|
-
* toast library (e.g., react-toastify) to dismiss the notification.
|
|
20
|
-
*/
|
|
21
|
-
closeToast?: (e: React.MouseEvent<HTMLElement>) => void;
|
|
22
|
-
};
|
|
23
|
-
/**
|
|
24
|
-
* A simple, styled close button component ('X' icon) intended for use within toast notifications.
|
|
25
|
-
* It uses theme-aware CSS variables for styling and i18n labels for accessibility.
|
|
26
|
-
*/
|
|
27
|
-
declare function ToastCloseButton({ closeToast }: ToastCloseButtonProps): react_jsx_runtime.JSX.Element;
|
|
9
|
+
import 'framer-motion';
|
|
28
10
|
|
|
29
11
|
type TxActionButtonProps<T extends Transaction> = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick'> & {
|
|
30
|
-
/** The default content to display when the button is 'idle'. */
|
|
31
12
|
children: ReactNode;
|
|
32
|
-
/** The async function to execute when the button is clicked to initiate the transaction. */
|
|
33
13
|
action: () => Promise<void>;
|
|
34
|
-
/** A function that returns the unique key of the most recently initiated transaction. */
|
|
35
14
|
getLastTxKey: () => string | undefined;
|
|
36
|
-
/** The global transaction pool from the Pulsar store. */
|
|
37
15
|
transactionsPool: TransactionPool<T>;
|
|
38
|
-
/** Optional active wallet address. If provided, the button will only track transactions from this address. */
|
|
39
16
|
walletAddress?: string;
|
|
40
|
-
/** Optional custom content for the 'loading' state. */
|
|
41
17
|
loadingContent?: ReactNode;
|
|
42
|
-
/** Optional custom content for the 'succeed' state. */
|
|
43
18
|
succeedContent?: ReactNode;
|
|
44
|
-
/** Optional custom content for the 'failed' state. */
|
|
45
19
|
failedContent?: ReactNode;
|
|
46
|
-
/** Optional custom content for the 'replaced' state. */
|
|
47
20
|
replacedContent?: ReactNode;
|
|
48
|
-
/** The duration (in ms) to display a final state before resetting to 'idle'. Defaults to 2500ms. */
|
|
49
21
|
resetTimeout?: number;
|
|
50
22
|
};
|
|
51
|
-
/**
|
|
52
|
-
* A stateful button that provides real-time feedback for a transaction's lifecycle.
|
|
53
|
-
* It listens for changes in `transactionsPool` to automatically update its visual state.
|
|
54
|
-
*/
|
|
55
23
|
declare function TxActionButton<T extends Transaction>({ children, action, getLastTxKey, transactionsPool, walletAddress, loadingContent, succeedContent, failedContent, replacedContent, resetTimeout, className, ...props }: TxActionButtonProps<T>): react_jsx_runtime.JSX.Element;
|
|
56
24
|
|
|
57
25
|
/**
|
|
@@ -64,6 +32,6 @@ declare function TxActionButton<T extends Transaction>({ children, action, getLa
|
|
|
64
32
|
* This object implements the `TuwaLabels` type and can be used as a template
|
|
65
33
|
* for creating other language translations.
|
|
66
34
|
*/
|
|
67
|
-
declare const defaultLabels:
|
|
35
|
+
declare const defaultLabels: NovaTransactionsLabels;
|
|
68
36
|
|
|
69
|
-
export {
|
|
37
|
+
export { NovaTransactionsLabels, TxActionButton, type TxActionButtonProps, defaultLabels };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,57 +1,25 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export { a as HashLink, H as HashLinkProps, b as StatusAwareText, S as StatusAwareTextProps,
|
|
1
|
+
import { N as NovaTransactionsLabels } from './TransactionsInfoModal-6RO18o9e.js';
|
|
2
|
+
export { a as HashLink, H as HashLinkProps, b as StatusAwareText, S as StatusAwareTextProps, n as StepProps, m as StepStatus, d as ToastTransaction, T as ToastTransactionCustomization, c as ToastTransactionProps, g as TrackingTxModal, e as TrackingTxModalCustomization, f as TrackingTxModalProps, u as TransactionHistoryItem, s as TransactionHistoryItemCustomization, t as TransactionHistoryItemProps, w as TransactionKey, v as TransactionKeyProps, E as TransactionStatusBadge, D as TransactionStatusBadgeProps, z as TransactionsHistory, x as TransactionsHistoryCustomization, y as TransactionsHistoryProps, C as TransactionsInfoModal, A as TransactionsInfoModalCustomization, B as TransactionsInfoModalProps, i as TxErrorBlock, h as TxErrorBlockProps, l as TxInfoBlock, j as TxInfoBlockCustomization, k as TxInfoBlockProps, p as TxProgressIndicator, o as TxProgressIndicatorProps, r as TxStatusVisual, q as TxStatusVisualProps } from './TransactionsInfoModal-6RO18o9e.js';
|
|
3
3
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
4
4
|
import { Transaction, TransactionPool } from '@tuwaio/pulsar-core';
|
|
5
5
|
import { ButtonHTMLAttributes, ReactNode } from 'react';
|
|
6
|
-
import '@
|
|
7
|
-
import '
|
|
6
|
+
import '@tuwaio/nova-core';
|
|
7
|
+
import '@tuwaio/orbit-core';
|
|
8
8
|
import 'react-toastify';
|
|
9
|
-
|
|
10
|
-
/**
|
|
11
|
-
* @file This file contains a reusable close button component, designed primarily for toast notifications.
|
|
12
|
-
*/
|
|
13
|
-
/**
|
|
14
|
-
* Defines the props for the ToastCloseButton component.
|
|
15
|
-
*/
|
|
16
|
-
type ToastCloseButtonProps = {
|
|
17
|
-
/**
|
|
18
|
-
* The function to call when the button is clicked. This is typically provided by the
|
|
19
|
-
* toast library (e.g., react-toastify) to dismiss the notification.
|
|
20
|
-
*/
|
|
21
|
-
closeToast?: (e: React.MouseEvent<HTMLElement>) => void;
|
|
22
|
-
};
|
|
23
|
-
/**
|
|
24
|
-
* A simple, styled close button component ('X' icon) intended for use within toast notifications.
|
|
25
|
-
* It uses theme-aware CSS variables for styling and i18n labels for accessibility.
|
|
26
|
-
*/
|
|
27
|
-
declare function ToastCloseButton({ closeToast }: ToastCloseButtonProps): react_jsx_runtime.JSX.Element;
|
|
9
|
+
import 'framer-motion';
|
|
28
10
|
|
|
29
11
|
type TxActionButtonProps<T extends Transaction> = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick'> & {
|
|
30
|
-
/** The default content to display when the button is 'idle'. */
|
|
31
12
|
children: ReactNode;
|
|
32
|
-
/** The async function to execute when the button is clicked to initiate the transaction. */
|
|
33
13
|
action: () => Promise<void>;
|
|
34
|
-
/** A function that returns the unique key of the most recently initiated transaction. */
|
|
35
14
|
getLastTxKey: () => string | undefined;
|
|
36
|
-
/** The global transaction pool from the Pulsar store. */
|
|
37
15
|
transactionsPool: TransactionPool<T>;
|
|
38
|
-
/** Optional active wallet address. If provided, the button will only track transactions from this address. */
|
|
39
16
|
walletAddress?: string;
|
|
40
|
-
/** Optional custom content for the 'loading' state. */
|
|
41
17
|
loadingContent?: ReactNode;
|
|
42
|
-
/** Optional custom content for the 'succeed' state. */
|
|
43
18
|
succeedContent?: ReactNode;
|
|
44
|
-
/** Optional custom content for the 'failed' state. */
|
|
45
19
|
failedContent?: ReactNode;
|
|
46
|
-
/** Optional custom content for the 'replaced' state. */
|
|
47
20
|
replacedContent?: ReactNode;
|
|
48
|
-
/** The duration (in ms) to display a final state before resetting to 'idle'. Defaults to 2500ms. */
|
|
49
21
|
resetTimeout?: number;
|
|
50
22
|
};
|
|
51
|
-
/**
|
|
52
|
-
* A stateful button that provides real-time feedback for a transaction's lifecycle.
|
|
53
|
-
* It listens for changes in `transactionsPool` to automatically update its visual state.
|
|
54
|
-
*/
|
|
55
23
|
declare function TxActionButton<T extends Transaction>({ children, action, getLastTxKey, transactionsPool, walletAddress, loadingContent, succeedContent, failedContent, replacedContent, resetTimeout, className, ...props }: TxActionButtonProps<T>): react_jsx_runtime.JSX.Element;
|
|
56
24
|
|
|
57
25
|
/**
|
|
@@ -64,6 +32,6 @@ declare function TxActionButton<T extends Transaction>({ children, action, getLa
|
|
|
64
32
|
* This object implements the `TuwaLabels` type and can be used as a template
|
|
65
33
|
* for creating other language translations.
|
|
66
34
|
*/
|
|
67
|
-
declare const defaultLabels:
|
|
35
|
+
declare const defaultLabels: NovaTransactionsLabels;
|
|
68
36
|
|
|
69
|
-
export {
|
|
37
|
+
export { NovaTransactionsLabels, TxActionButton, type TxActionButtonProps, defaultLabels };
|
package/dist/index.js
CHANGED
|
@@ -1,13 +1,16 @@
|
|
|
1
|
-
import {ArrowTopRightOnSquareIcon,CheckIcon,DocumentDuplicateIcon,XMarkIcon,ArrowPathIcon,XCircleIcon,CheckCircleIcon,ExclamationTriangleIcon,ClockIcon,ExclamationCircleIcon}from'@heroicons/react/24/solid';import {useCopyToClipboard,cn,textCenterEllipsis}from'@tuwaio/nova-core';import {createContext,useContext,useMemo,useState,useEffect}from'react';import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {TransactionStatus,selectAdapterByKey,TransactionTracker,TransactionAdapter,selectAllTransactionsByActiveWallet,setChainId}from'@tuwaio/pulsar-core';import'react-toastify';import {Web3Icon}from'@bgd-labs/react-web3-icons';import {getChainName}from'@bgd-labs/react-web3-icons/dist/utils';import*as C from'@radix-ui/react-dialog';import {AnimatePresence,motion}from'framer-motion';import Kt from'dayjs';import po from'dayjs/plugin/relativeTime';import Mo from'ethereum-blockies-base64';var ot={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 ee=createContext(ot);var u=()=>useContext(ee);({[TransactionStatus.Success]:"success",[TransactionStatus.Failed]:"error",[TransactionStatus.Replaced]:"info"});function _({label:t,hash:e,explorerUrl:o,variant:r="default",className:s}){let{isCopied:n,copy:i}=useCopyToClipboard(),{actions:c,txError:p}=u(),a=cn("flex items-center justify-between",{"text-sm":r==="default","text-xs":r==="compact"},s),l=cn("pr-1",{"font-bold text-[var(--tuwa-text-primary)]":r==="default","font-medium text-[var(--tuwa-text-secondary)]":r==="compact"}),d=jsx("span",{className:"font-mono",children:textCenterEllipsis(e,5,5)});return jsxs("div",{className:a,children:[t&&jsxs("span",{className:l,children:[t,":"]}),jsxs("div",{className:"flex items-center gap-x-2",children:[o?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,jsx(ArrowTopRightOnSquareIcon,{className:"h-4 w-4"})]}):jsx("span",{className:"text-[var(--tuwa-text-primary)]",children:d}),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?jsx(CheckIcon,{className:"h-4 w-4 text-[var(--tuwa-success-icon)]"}):jsx(DocumentDuplicateIcon,{className:"h-4 w-4"})})]})]})}var wt={[TransactionStatus.Success]:{index:1,colorClass:"text-[var(--tuwa-success-text)]"},[TransactionStatus.Failed]:{index:2,colorClass:"text-[var(--tuwa-error-text)]"},[TransactionStatus.Replaced]:{index:3,colorClass:"text-[var(--tuwa-text-secondary)]"},default:{index:0,colorClass:"text-[var(--tuwa-text-primary)]"}};function H({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=wt[t||"default"]??wt.default;i=e[l.index],n&&(c=l.colorClass);}else i=o;return i?jsx("div",{className: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 oe({closeToast:t}){let{actions:e}=u();return jsx("button",{type:"button",onClick:t,"aria-label":e.close,title:e.close,className: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:jsx(XMarkIcon,{className:"h-5 w-5"})})}function Y(t){switch(setChainId(t)){case "solana:mainnet":return "Solana Mainnet";case "solana:devnet":return "Solana Devnet";case "solana:testnet":return "Solana Testent";default:return t}}var J=({svgCode:t,...e})=>jsx("img",{...e,draggable:false,onDragStart:o=>o.preventDefault(),src:`data:image/svg+xml;base64,${btoa(t)}`,style:{outline:"none !important",pointerEvents:"none"},alt:e.alt});function O({chainId:t,...e}){switch(setChainId(t)){case "solana:mainnet":return jsx(J,{svgCode:'<svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="solanamainnet__a" x1="0" x2=".5" y1=".5" y2="0"><stop offset="0%" stop-color="#9844FE"/><stop offset="50%" stop-color="#5496D4" stop-opacity=".8"/><stop offset="100%" stop-color="#16FA9A"/></linearGradient></defs><g fill="none"><circle cx="16" cy="16" r="16" fill="#000"/><path fill="url(#solanamainnet__a)" d="M9.925 19.687a.6.6 0 0 1 .415-.17h14.366a.29.29 0 0 1 .207.497l-2.838 2.815a.6.6 0 0 1-.415.171H7.294a.291.291 0 0 1-.207-.498zm0-10.517A.6.6 0 0 1 10.34 9h14.366c.261 0 .392.314.207.498l-2.838 2.815a.6.6 0 0 1-.415.17H7.294a.291.291 0 0 1-.207-.497zm12.15 5.225a.6.6 0 0 0-.415-.17H7.294a.291.291 0 0 0-.207.498l2.838 2.815c.11.109.26.17.415.17h14.366a.291.291 0 0 0 .207-.498z"/></g></svg>',alt:t,...e});case "solana:devnet":return jsx(J,{svgCode:`<svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
</svg>`,alt:t,...e});default:return jsx(J,{svgCode:'<svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="solanamainnet__a" x1="0" x2=".5" y1=".5" y2="0"><stop offset="0%" stop-color="#9844FE"/><stop offset="50%" stop-color="#5496D4" stop-opacity=".8"/><stop offset="100%" stop-color="#16FA9A"/></linearGradient></defs><g fill="none"><circle cx="16" cy="16" r="16" fill="#000"/><path fill="url(#solanamainnet__a)" d="M9.925 19.687a.6.6 0 0 1 .415-.17h14.366a.29.29 0 0 1 .207.497l-2.838 2.815a.6.6 0 0 1-.415.171H7.294a.291.291 0 0 1-.207-.498zm0-10.517A.6.6 0 0 1 10.34 9h14.366c.261 0 .392.314.207.498l-2.838 2.815a.6.6 0 0 1-.415.17H7.294a.291.291 0 0 1-.207-.497zm12.15 5.225a.6.6 0 0 0-.415-.17H7.294a.291.291 0 0 0-.207.498l2.838 2.815c.11.109.26.17.415.17h14.366a.291.291 0 0 0 .207-.498z"/></g></svg>',alt:t,...e})}}function U({tx:t,adapter:e,variant:o="toast",className:r,renderHashLink:s,confirmations:n}){let{hashLabels:i,statuses:c}=u(),p=selectAdapterByKey({adapterKey:t.adapter,adapter:e});if(!p)return null;let a=f=>s?s(f):jsx(_,{...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)],v=d?a({label:d,hash:t.txKey,variant:t.tracker!==TransactionTracker.Solana?"compact":"default",explorerUrl:p.getExplorerTxUrl&&t.tracker===TransactionTracker.Solana?p?.getExplorerTxUrl(t):void 0}):null,x=(()=>{let f=t.hash,y=t.replacedTxHash;return !f&&!y?null:y?jsxs(Fragment,{children:[f&&a({label:i.original,hash:f,variant:"compact"}),typeof p.getExplorerTxUrl<"u"&&a({label:i.replaced,hash:y,explorerUrl:p.getExplorerTxUrl(t)})]}):f&&typeof p.getExplorerTxUrl<"u"&&a({label:i.default,hash:f,explorerUrl:p.getExplorerTxUrl(t)})})(),g=d&&d!==i.default&&t.txKey!==t.hash;return jsxs("div",{className:cn(l,r),children:[g&&v,x,typeof n=="number"&&jsxs("p",{className:"text-xs text-[var(--tuwa-text-tertiary)]",children:[c.confirmationsLabel,": ",n]})]})}var he=t=>({Pending:{label:t.pending,Icon:ArrowPathIcon,badgeClasses:"bg-[var(--tuwa-pending-bg)] text-[var(--tuwa-pending-text)]",iconClasses:"animate-spin text-[var(--tuwa-pending-icon)]"},[TransactionStatus.Success]:{label:t.success,Icon:CheckCircleIcon,badgeClasses:"bg-[var(--tuwa-success-bg)] text-[var(--tuwa-success-text)]",iconClasses:"text-[var(--tuwa-success-icon)]"},[TransactionStatus.Failed]:{label:t.failed,Icon:XCircleIcon,badgeClasses:"bg-[var(--tuwa-error-bg)] text-[var(--tuwa-error-text)]",iconClasses:"text-[var(--tuwa-error-icon)]"},[TransactionStatus.Replaced]:{label:t.replaced,Icon:ArrowPathIcon,badgeClasses:"bg-[var(--tuwa-info-bg)] text-[var(--tuwa-info-text)]",iconClasses:"text-[var(--tuwa-info-icon)]"}});function q({tx:t,className:e}){let{statuses:o}=u(),r=useMemo(()=>he(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 jsx("div",{className: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 jsxs("div",{className:cn(s,a,e),children:[jsx(p,{className:cn("h-4 w-4",l)}),c]})}var Se=({onClick:t,children:e})=>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}),Ae=({onClick:t,children:e})=>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}),Me=({onClick:t,children:e})=>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 ae({openWalletInfoModal:t,tx:e,icon:o,className:r,customization:s,connectedWalletAddress:n,adapter:i}){let{actions:c,toast:p}=u(),a=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);},v=()=>{l&&a.speedUpTxAction(e);},{StatusAwareText:x=H,TransactionKey:g=U,StatusBadge:f=q,SpeedUpButton:y=Se,CancelButton:I=Ae,WalletInfoButton:T=Me}=s?.components??{};return jsxs("div",{className:cn("flex w-full flex-col gap-3 rounded-lg bg-[var(--tuwa-bg-primary)] p-4 shadow-md",r),children:[jsxs("div",{className:"flex items-start gap-3",children:[jsx("div",{className:"w-[40px] flex-shrink-0",title:typeof e.chainId=="string"?Y(e.chainId):getChainName(e.chainId),children:o??typeof e.chainId=="string"?jsx(O,{chainId:e.chainId}):jsx(Web3Icon,{chainId:e.chainId})}),jsxs("div",{className:"flex-1",children:[jsx(x,{txStatus:e.status,source:e.title,fallback:e.type,variant:"title",applyColor:true}),jsx(x,{txStatus:e.status,source:e.description,variant:"description"})]})]}),jsxs("div",{children:[jsx(g,{adapter:i,tx:e,variant:"toast"}),jsxs("div",{className:"mt-3 flex items-center justify-between",children:[jsx(f,{tx:e}),l?jsxs("div",{className:"flex items-center gap-4",children:[jsx(y,{onClick:v,children:c.speedUp}),jsx(I,{onClick:d,children:c.cancel})]}):t&&!!n&&jsx(T,{onClick:t,children:p.openWalletInfo})]})]})]})}function kt({error:t,className:e}){let{isCopied:o,copy:r}=useCopyToClipboard(),{actions:s,txError:n}=u();return t?jsxs("div",{className:cn("rounded-lg border border-[var(--tuwa-error-icon)]/30 bg-[var(--tuwa-error-bg)] p-3 text-sm",e),children:[jsxs("div",{className:"mb-2 flex items-center justify-between",children:[jsxs("div",{className:"flex items-center gap-2 font-bold text-[var(--tuwa-error-icon)]",children:[jsx(ExclamationTriangleIcon,{className:"h-5 w-5"}),jsx("span",{children:n.title})]}),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?jsx(CheckIcon,{className:"h-5 w-5 text-[var(--tuwa-success-icon)]"}):jsx(DocumentDuplicateIcon,{className:"h-5 w-5"})})]}),jsx("div",{className:"max-h-24 overflow-y-auto rounded bg-[var(--tuwa-bg-primary)] p-2",children:jsx("p",{className:"font-mono text-xs text-[var(--tuwa-error-text)] break-all",children:t})})]}):null}function ze({label:t,value:e}){return jsxs("div",{className:"flex items-center justify-between text-sm",children:[jsx("span",{className:"text-[var(--tuwa-text-secondary)]",children:t}),jsx("span",{className:"font-medium text-[var(--tuwa-text-primary)]",children:e})]})}function St({tx:t,adapter:e,className:o,customization:r}){let{txInfo:s,statuses:n,hashLabels:i}=u(),c=selectAdapterByKey({adapterKey:t.adapter,adapter:e});if(!c)return null;let{InfoRow:p=ze}=r?.components??{},a="chainId"in t?t.chainId:t.desiredChainID,l=t.adapter===TransactionAdapter.SOLANA,d=l?t:void 0;return jsxs("div",{className:cn("flex flex-col gap-3 rounded-lg border border-[var(--tuwa-border-primary)] bg-[var(--tuwa-bg-primary)] p-3",o),children:[jsx(p,{label:s.network,value:jsxs("div",{className:"flex items-center justify-end gap-2",children:[jsx("div",{className:"h-4 w-4",children:typeof a=="string"?jsx(O,{chainId:a}):jsx(Web3Icon,{chainId:a})}),jsx("span",{children:typeof a=="string"?Y(a):getChainName(a)})]})}),t.localTimestamp&&jsx(p,{label:s.started,value:Kt.unix(t.localTimestamp).format("MMM D, HH:mm:ss")}),l&&jsxs(Fragment,{children:[d?.slot&&jsx(p,{label:s.slot,value:jsx(_,{hash:d.slot.toString(),explorerUrl:c?.getExplorerUrl?`${c?.getExplorerUrl(`/block/${d.slot}`)}`:void 0})}),(typeof d?.confirmations=="number"||typeof d?.confirmations=="string")&&jsx(p,{label:n.confirmationsLabel,value:d.confirmations}),d?.recentBlockhash&&jsx(p,{label:i.recentBlockhash,value:jsx(_,{hash:d.recentBlockhash})})]}),"txKey"in t&&t.txKey&&jsx("div",{className:"border-t border-[var(--tuwa-border-primary)] pt-3",children:jsx(U,{tx:t,adapter:e,variant:"history",renderHashLink:r?.components?.transactionKey})})]})}var Je={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 Ye({status:t,label:e,isFirst:o=false}){let r=Je[t],s=()=>{switch(t){case "completed":return jsx(CheckIcon,{className:"h-3 w-3 text-white"});case "error":return jsx(ExclamationTriangleIcon,{className:"h-3 w-3 text-white"});case "replaced":return jsx(ArrowPathIcon,{className:"h-3 w-3 text-white"});case "active":return jsx("div",{className:cn("h-2 w-2 animate-pulse rounded-full",r.pulse)});default:return null}};return jsxs("div",{className:"relative flex min-w-[80px] flex-1 flex-col items-center",children:[!o&&jsx("div",{className:cn("absolute right-1/2 top-[10px] h-0.5 w-full",r.line)}),jsx("div",{className:cn("relative z-10 flex h-5 w-5 items-center justify-center rounded-full border-2",r.border,r.fill),children:s()}),jsx("span",{className:cn("mt-2 text-center text-xs",t!=="inactive"?"font-semibold text-[var(--tuwa-text-primary)]":"text-[var(--tuwa-text-secondary)]"),children:e})]})}function At({isProcessing:t,isSucceed:e,isFailed:o,isReplaced:r,className:s,StepComponent:n=Ye}){let{trackingModal:i,statuses:c}=u(),p=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 jsx("div",{className:cn("flex w-full items-start px-4 pt-2 pb-1",s),children:p.map((a,l)=>jsx(n,{...a},l))})}var eo={succeed:{Icon:CheckCircleIcon,className:"text-[var(--tuwa-success-icon)]"},failed:{Icon:ExclamationCircleIcon,className:"text-[var(--tuwa-error-icon)]"},replaced:{Icon:ArrowPathIcon,className:"text-[var(--tuwa-info-icon)]"},processing:{Icon:ArrowPathIcon,className:"animate-spin text-[var(--tuwa-text-accent)]"},initializing:{Icon:ClockIcon,className:"animate-pulse text-[var(--tuwa-pending-icon)]"}};function Ht({isProcessing:t,isSucceed:e,isFailed:o,isReplaced:r}){let s=e&&"succeed"||o&&"failed"||r&&"replaced"||t&&"processing"||"initializing",{Icon:n,className:i}=eo[s];return jsx("div",{className:"flex justify-center py-4",children:jsx(n,{className:cn("h-16 w-16",i)})})}function re({adapter:t,onClose:e,onOpenWalletInfo:o,className:r,customization:s,transactionsPool:n,handleTransaction:i,initialTx:c,connectedWalletAddress:p}){let a=useMemo(()=>c?.lastTxKey?n[c.lastTxKey]:void 0,[n,c]),l=a??c,d=c?.withTrackedModal&&!a||(a?.isTrackedModalOpen??false),{isProcessing:v,isSucceed:x,isFailed:g,isReplaced:f}=useMemo(()=>{let K=a?.status,Qt=c?.isInitializing??false,Zt=a?.pending??false;return {isProcessing:Qt||Zt,isSucceed:K===TransactionStatus.Success,isFailed:a?.isError||!!c?.errorMessage,isReplaced:K===TransactionStatus.Replaced}},[a,c]),y=useMemo(()=>l?selectAdapterByKey({adapterKey:l.adapter,adapter:t}):void 0,[l,t]),I=!!(g&&l&&c?.actionFunction&&i),T=!!(y?.speedUpTxAction&&y?.cancelTxAction&&a?.pending&&a.tracker==="ethereum"),W=()=>{if(!I||!y?.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};y.retryTxAction({tx:K,txKey:a?.txKey??"",onClose:e,handleTransaction:i});},k=()=>{T&&a&&y.cancelTxAction(a);},B=()=>{T&&a&&y.speedUpTxAction(a);},G=s?.components?.Header,xt=s?.components?.Footer,gt=s?.components?.StatusVisual,Tt=s?.components?.ProgressIndicator,vt=s?.components?.InfoBlock,yt=s?.components?.ErrorBlock,qt={initial:{opacity:0,scale:.95},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.95},transition:{duration:.2,ease:"easeOut"},...s?.motionProps};return l?jsx(C.Root,{open:d,onOpenChange:K=>!K&&e(a?.txKey),children:jsx(C.Portal,{children:jsx(AnimatePresence,{children:d&&jsxs(Fragment,{children:[jsx(C.Overlay,{asChild:true,children:jsx(motion.div,{className:"fixed inset-0 z-50 bg-black/60",initial:{opacity:0},animate:{opacity:1},exit:{opacity:0}})}),jsx(C.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:jsx(motion.div,{...qt,children:jsxs("div",{className: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:[G?jsx(G,{onClose:()=>e(a?.txKey),title:jsx(Lt,{tx:l})}):jsx(no,{onClose:()=>e(a?.txKey),title:jsx(Lt,{tx:l})}),jsxs("main",{className:"flex flex-col gap-3",children:[gt?jsx(gt,{isProcessing:v,isSucceed:x,isFailed:g,isReplaced:f}):jsx(Ht,{isProcessing:v,isSucceed:x,isFailed:g,isReplaced:f}),Tt?jsx(Tt,{isProcessing:v,isSucceed:x,isFailed:g,isReplaced:f}):jsx(At,{isProcessing:v,isSucceed:x,isFailed:g,isReplaced:f}),vt?jsx(vt,{tx:l,adapter:t}):jsx(St,{tx:l,adapter:t}),yt?jsx(yt,{error:a?.errorMessage||c?.errorMessage}):jsx(kt,{error:a?.errorMessage||c?.errorMessage})]}),xt?jsx(xt,{onClose:()=>e(a?.txKey),onOpenWalletInfo:o,isProcessing:v,isFailed:g,canReplace:T,onRetry:I?W:void 0,onSpeedUp:T?B:void 0,onCancel:T?k:void 0,connectedWalletAddress:p}):jsx(io,{onClose:()=>e(a?.txKey),onOpenWalletInfo:o,isProcessing:v,isFailed:g,canReplace:T,onRetry:I?W:void 0,onSpeedUp:T?B:void 0,onCancel:T?k:void 0,connectedWalletAddress:p})]})})})]})})})}):null}function Lt({tx:t}){return jsx(H,{txStatus:"status"in t?t.status:void 0,source:t.title,fallback:t.type,variant:"title",className:"text-lg"})}var no=({onClose:t,title:e})=>{let{actions:o}=u();return 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:[jsx(C.Title,{children:e}),jsx(C.Close,{asChild:true,children: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:jsx(XMarkIcon,{className:"h-5 w-5"})})})]})},io=({onClose:t,onOpenWalletInfo:e,isProcessing:o,onRetry:r,onSpeedUp:s,onCancel:n,canReplace:i,isFailed:c,connectedWalletAddress:p})=>{let{trackingModal:a,actions:l}=u(),d=()=>c&&r?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?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 jsxs("footer",{className:"mt-2 flex w-full items-center justify-between border-t border-[var(--tuwa-border-primary)] pt-4",children:[jsx("div",{className:"flex items-center gap-4",children:i&&s&&n&&jsxs(Fragment,{children:[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}),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})]})}),jsxs("div",{className:"flex items-center gap-3",children:[jsx(d,{}),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})]})]})};Kt.extend(po);var mo=({chainId:t})=>jsx("div",{className:"h-8 w-8 text-[var(--tuwa-text-secondary)]",children:typeof t=="string"?jsx(O,{chainId:t}):jsx(Web3Icon,{chainId:t})}),uo=({timestamp:t})=>jsx("span",{className:"mb-1 block text-xs text-[var(--tuwa-text-secondary)]",children:t?Kt.unix(t).fromNow():"..."});function Et({tx:t,adapter:e,className:o,customization:r}){let{Icon:s=mo,Title:n=H,Description:i=H,Timestamp:c=uo,StatusBadge:p=q,TransactionKey:a=U}=r?.components??{};return jsxs("div",{className: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:[jsxs("div",{className:"flex items-start justify-between",children:[jsxs("div",{className:"flex items-center gap-4",children:[jsx("div",{className:"flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-full bg-[var(--tuwa-bg-muted)]",children:jsx(s,{chainId:t.chainId})}),jsxs("div",{children:[jsx(n,{txStatus:t.status,source:t.title,fallback:t.type,variant:"title",applyColor:true}),jsx(c,{timestamp:t.localTimestamp}),jsx(i,{txStatus:t.status,source:t.description,variant:"description"})]})]}),jsx(p,{tx:t})]}),jsx(a,{tx:t,adapter:e,variant:"history"})]})}function go({title:t,message:e,className:o}){return jsxs("div",{className:cn("rounded-lg bg-[var(--tuwa-bg-muted)] p-8 text-center",o),children:[jsx("h4",{className:"font-semibold text-[var(--tuwa-text-primary)]",children:t}),jsx("p",{className:"mt-1 text-sm text-[var(--tuwa-text-secondary)]",children:e})]})}function Ot({adapter:t,connectedWalletAddress:e,transactionsPool:o,className:r,customization:s}){let{walletModal:n}=u(),i=useMemo(()=>e?selectAllTransactionsByActiveWallet(o,e).sort((d,v)=>(v.localTimestamp??0)-(d.localTimestamp??0)):[],[o,e]),{Placeholder:c=go,HistoryItem:p=Et}=s?.components??{},a=()=>e?i.length>0?jsx("div",{className: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=>jsx(p,{tx:l,adapter:t},l.txKey))}):jsx(c,{title:n.history.noTransactionsTitle,message:n.history.noTransactionsMessage}):jsx(c,{title:n.history.connectWalletTitle,message:n.history.connectWalletMessage});return jsxs("div",{className:cn("flex flex-col gap-y-3",r),children:[jsx("h3",{className:"text-lg font-bold text-[var(--tuwa-text-primary)]",children:n.history.title}),a()]})}var wo=t=>({replaced:jsxs(Fragment,{children:[jsx(ArrowPathIcon,{className:"h-4 w-4"}),jsx("span",{children:t.replaced})]}),loading:jsxs(Fragment,{children:[jsx(ArrowPathIcon,{className:"h-4 w-4 animate-spin"}),jsx("span",{children:t.loading})]}),succeed:jsxs(Fragment,{children:[jsx(CheckCircleIcon,{className:"h-4 w-4"}),jsx("span",{children:t.succeed})]}),failed:jsxs(Fragment,{children:[jsx(ExclamationCircleIcon,{className:"h-4 w-4"}),jsx("span",{children:t.failed})]})});function wn({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:v}=u(),[x,g]=useState("idle"),[f,y]=useState(void 0),I=useMemo(()=>wo(v),[v]);useEffect(()=>{g("idle"),y(void 0);},[s]),useEffect(()=>{if(!f)return;let k=r[f];if(k)switch(k.status){case TransactionStatus.Success:g("succeed");break;case TransactionStatus.Replaced:g("replaced");break;case TransactionStatus.Failed:g("failed");break}},[r,f,s]),useEffect(()=>{if(["succeed","failed","replaced"].includes(x)){let k=setTimeout(()=>{g("idle"),y(void 0);},a);return ()=>clearTimeout(k)}},[x,a]);let T=async()=>{g("loading");try{await e(),y(o());}catch(k){console.error("Transaction initiation failed:",k),g("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 jsx("button",{...d,disabled:x!=="idle"||d.disabled,onClick:T,className: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 ut({address:t,explorerUrl:e,className:o}){let{isCopied:r,copy:s}=useCopyToClipboard(),{actions:n,txError:i}=u();return jsxs("div",{className: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:[jsx("span",{children:textCenterEllipsis(t,6,6)}),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?jsx(CheckIcon,{className:"h-4 w-4 text-[var(--tuwa-success-icon)]"}):jsx(DocumentDuplicateIcon,{className:"h-4 w-4"})}),e&&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:jsx(ArrowTopRightOnSquareIcon,{className:"h-4 w-4"})})]})}function Ro(t,{strict:e=true}={}){return !t||typeof t!="string"?false:e?/^0x[0-9a-fA-F]*$/.test(t):t.startsWith("0x")}var Do="0x0000000000000000000000000000000000000000";function $t({address:t,ensAvatar:e,className:o}){let{walletModal:r}=u(),[s,n]=useState(e),i=useMemo(()=>Mo(Ro(t)?t:Do),[t]),c=useMemo(()=>`#${t.slice(2,8)}`,[t]);useEffect(()=>{n(e);},[e]);let p=()=>{n(i);};return jsx("div",{className:cn("h-12 w-12 flex-shrink-0 rounded-full",o),style:{backgroundColor:c},children:jsx("img",{className:"h-full w-full rounded-full object-cover",src:s||i,alt:`${r.header.avatarAlt} ${t}`,onError:p},e)})}var Eo=({isLoading:t,ensName:e,walletAddress:o,explorerUrl:r,renderAddressDisplay:s})=>jsxs("div",{className:"flex flex-col",children:[jsx("div",{className:"mb-1.5 flex h-7 items-center",children:t?jsx("div",{className:"h-full w-48 animate-pulse rounded-md bg-[var(--tuwa-bg-muted)]"}):e?jsx("h2",{className:"text-xl font-bold text-[var(--tuwa-text-primary)]",children:e}):jsx(ut,{address:o,explorerUrl:r,className:"rounded-none bg-transparent px-0 py-0 text-xl font-bold text-[var(--tuwa-text-primary)]"})}),jsx("div",{className:"flex h-5 items-center",children:!t&&e&&(s?s({address:o,explorerUrl:r}):jsx(ut,{address:o,explorerUrl:r}))})]});function Xt({walletAddress:t,adapter:e,connectedAdapterType:o,className:r,renderAvatar:s,renderName:n,renderAddressDisplay:i,renderNoWalletContent:c,explorerUrl:p}){let{walletModal:a}=u(),[l,d]=useState(null),[v,x]=useState(null),[g,f]=useState(true);if(useEffect(()=>{(async()=>{if(!t||!o){f(false);return}let T=selectAdapterByKey({adapterKey:o,adapter:e}),W=T&&"getName"in T&&typeof T.getName=="function",k=T&&"getAvatar"in T&&typeof T.getAvatar=="function";if(!W){f(false);return}f(true),d(null),x(null);try{let B=T?.getName?await T.getName(t):null;if(B&&(d(B),k)){let G=T?.getAvatar?await T.getAvatar(B):null;x(G);}}catch(B){console.error("Failed to fetch name service data:",B);}finally{f(false);}})();},[t,e,o]),!t)return c?jsx(Fragment,{children:c()}):jsx("div",{className: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 y=l?l.length>30?textCenterEllipsis(l,12,12):l:void 0;return jsxs("div",{className:cn("flex min-h-[4rem] items-center gap-4",r),children:[jsx("div",{children:s?s({address:t,ensAvatar:v}):jsx($t,{address:t,ensAvatar:v})}),jsx("div",{className:"flex min-h-[3.5rem] min-w-[200px] flex-col justify-center",children:n?n({ensName:y,isLoading:g,address:t}):jsx(Eo,{isLoading:g,ensName:y,walletAddress:t,explorerUrl:p,renderAddressDisplay:i})})]})}var $o=({closeModal:t,title:e})=>{let{actions:o}=u();return 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:[jsx(C.Title,{className:"text-lg font-bold text-[var(--tuwa-text-primary)]",children:e}),jsx(C.Close,{asChild:true,children: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:jsx(XMarkIcon,{className:"h-6 w-6"})})})]})};function se({isOpen:t,setIsOpen:e,customization:o,adapter:r,connectedAdapterType:s,connectedWalletAddress:n,transactionsPool:i}){let{walletModal:c}=u(),{explorerUrl:p}=useMemo(()=>s?{explorerUrl: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},v=o?.components?.Header,x=o?.components?.WalletInfo,g=o?.components?.History;return jsx(C.Root,{open:t,onOpenChange:f=>!f&&a(),children:jsx(C.Portal,{children:jsx(AnimatePresence,{children:t&&jsxs(Fragment,{children:[jsx(C.Overlay,{asChild:true,children:jsx(motion.div,{className:"fixed inset-0 z-50 bg-black/45",initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.15}})}),jsx(C.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:jsx(motion.div,{...d,children:jsxs("div",{className: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:[v?jsx(v,{closeModal:a}):jsx($o,{closeModal:a,title:c.title}),jsxs("div",{className:"flex flex-col gap-4 p-4 sm:gap-6 sm:p-6",children:[x?jsx(x,{adapter:r,connectedAdapterType:s,walletAddress:n,explorerUrl:p}):jsx(Xt,{adapter:r,connectedAdapterType:s,walletAddress:n,explorerUrl:p}),g?jsx(g,{adapter:r,transactionsPool:i,connectedWalletAddress:n}):jsx(Ot,{adapter:r,transactionsPool:i,connectedWalletAddress:n})]})]})})})]})})})})}
|
|
12
|
-
|
|
1
|
+
import {ArrowTopRightOnSquareIcon,CheckIcon,DocumentDuplicateIcon,ArrowPathIcon,XCircleIcon,CheckCircleIcon,ExclamationTriangleIcon,ClockIcon,ExclamationCircleIcon}from'@heroicons/react/24/solid';import {useCopyToClipboard,cn,textCenterEllipsis,Dialog,DialogContent,DialogHeader,DialogTitle,DialogClose,CloseIcon}from'@tuwaio/nova-core';import {createContext,useContext,useMemo,useState,useEffect}from'react';import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {TransactionStatus,TransactionTracker,selectAllTransactionsByActiveWallet}from'@tuwaio/pulsar-core';import'react-toastify';import {Web3Icon}from'@bgd-labs/react-web3-icons';import {getChainName}from'@bgd-labs/react-web3-icons/dist/utils';import {selectAdapterByKey,setChainId,OrbitAdapter}from'@tuwaio/orbit-core';import It from'dayjs';import Qo from'dayjs/plugin/relativeTime';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=createContext(J);var v=()=>useContext(Et);({[TransactionStatus.Success]:"success",[TransactionStatus.Failed]:"error",[TransactionStatus.Replaced]:"info"});function D({label:t,hash:o,explorerUrl:n,variant:c="default",className:r}){let{isCopied:l,copy:s}=useCopyToClipboard(),{actions:i,txError:p}=v(),a=cn("novatx:flex novatx:items-center novatx:justify-between",{"novatx:text-sm":c==="default","novatx:text-xs":c==="compact"},r),e=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=jsx("span",{className:"novatx:font-mono",children:textCenterEllipsis(o,5,5)});return jsxs("div",{className:a,children:[t&&jsxs("span",{className:e,children:[t,":"]}),jsxs("div",{className:"novatx:flex novatx:items-center novatx:gap-x-2",children:[n?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,jsx(ArrowTopRightOnSquareIcon,{className:"novatx:h-4 novatx:w-4"})]}):jsx("span",{className:"novatx:text-[var(--tuwa-text-primary)]",children:x}),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?jsx(CheckIcon,{className:"novatx:h-4 novatx:w-4 novatx:text-[var(--tuwa-success-icon)]"}):jsx(DocumentDuplicateIcon,{className:"novatx:h-4 novatx:w-4"})})]})]})}var xt={[TransactionStatus.Success]:{index:1,colorClass:"novatx:text-[var(--tuwa-success-text)]"},[TransactionStatus.Failed]:{index:2,colorClass:"novatx:text-[var(--tuwa-error-text)]"},[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?jsx("div",{className: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=selectAdapterByKey({adapterKey:t.adapter,adapter:o});if(!p)return null;let a=f=>r?r(f):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!==TransactionTracker.Solana?"compact":"default",explorerUrl:p.getExplorerTxUrl&&t.tracker===TransactionTracker.Solana?p?.getExplorerTxUrl(t):void 0}):null,u=(()=>{let f=t.hash,T=t.replacedTxHash;return !f&&!T?null:T?jsxs(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 jsxs("div",{className:cn(e,c),children:[m&&g,u,typeof l=="number"&&jsxs("p",{className:"novatx:text-xs novatx:text-[var(--tuwa-text-tertiary)]",children:[i.confirmationsLabel,": ",l]})]})}var ao=t=>({Pending:{label:t.pending,Icon:ArrowPathIcon,badgeClasses:"novatx:bg-[var(--tuwa-pending-bg)] novatx:text-[var(--tuwa-pending-text)]",iconClasses:"novatx:animate-spin novatx:text-[var(--tuwa-pending-icon)]"},[TransactionStatus.Success]:{label:t.success,Icon:CheckCircleIcon,badgeClasses:"novatx:bg-[var(--tuwa-success-bg)] novatx:text-[var(--tuwa-success-text)]",iconClasses:"novatx:text-[var(--tuwa-success-icon)]"},[TransactionStatus.Failed]:{label:t.failed,Icon:XCircleIcon,badgeClasses:"novatx:bg-[var(--tuwa-error-bg)] novatx:text-[var(--tuwa-error-text)]",iconClasses:"novatx:text-[var(--tuwa-error-icon)]"},[TransactionStatus.Replaced]:{label:t.replaced,Icon: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=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 jsx("div",{className: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 jsxs("div",{className:cn(r,a,o),children:[jsx(p,{className:cn("novatx:h-4 novatx:w-4",e)}),i]})}var co=({onClick:t,children:o})=>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})=>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})=>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=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 jsxs("div",{className: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:[jsxs("div",{className:"novatx:flex novatx:items-center novatx:gap-3",children:[jsx("div",{className:"novatx:w-[40px] novatx:flex-shrink-0 [&>img]:novatx:w-full [&>img]:novatx:h-auto",title:getChainName(setChainId(o.chainId)),children:n??jsx(Web3Icon,{chainId:setChainId(o.chainId)})}),jsxs("div",{className:"novatx:flex-1",children:[jsx(u,{txStatus:o.status,source:o.title,fallback:o.type,variant:"title",applyColor:true}),jsx(u,{txStatus:o.status,source:o.description,variant:"description"})]})]}),jsxs("div",{children:[jsx(m,{adapter:s,tx:o,variant:"toast"}),jsxs("div",{className:"novatx:mt-3 novatx:flex novatx:items-center novatx:justify-between",children:[jsx(f,{tx:o}),e?jsxs("div",{className:"novatx:flex novatx:items-center novatx:gap-4",children:[jsx(T,{onClick:g,children:i.speedUp}),jsx(w,{onClick:x,children:i.cancel})]}):t&&!!l&&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=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}=useMemo(()=>{let M=a?.status,Lt=i?.isInitializing??false,Kt=a?.pending??false;return {isProcessing:Lt||Kt,isSucceed:M===TransactionStatus.Success,isFailed:a?.isError||!!i?.errorMessage,isReplaced:M===TransactionStatus.Replaced}},[a,i]),T=useMemo(()=>e?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?jsx(Dialog,{open:x,onOpenChange:M=>!M&&o(a?.txKey),children:jsx(DialogContent,{className:cn("novatx:w-full novatx:sm:max-w-md",r?.modalProps?.className),...r?.modalProps,children:jsxs("div",{className:cn("novatx:relative novatx:flex novatx:w-full novatx:flex-col",c),children:[nt?jsx(nt,{onClose:()=>o(a?.txKey),title:jsx(gt,{tx:e})}):jsx(yo,{onClose:()=>o(a?.txKey),title:jsx(gt,{tx:e})}),jsxs("main",{className:"novatx:flex novatx:flex-col novatx:gap-4 novatx:p-4",children:[st?jsx(st,{isProcessing:g,isSucceed:u,isFailed:m,isReplaced:f}):jsx(wt,{isProcessing:g,isSucceed:u,isFailed:m,isReplaced:f}),it?jsx(it,{isProcessing:g,isSucceed:u,isFailed:m,isReplaced:f}):jsx(Ct,{isProcessing:g,isSucceed:u,isFailed:m,isReplaced:f}),ct?jsx(ct,{tx:e,adapter:t}):jsx(bt,{tx:e,adapter:t}),lt?jsx(lt,{error:a?.errorMessage||i?.errorMessage}):jsx(yt,{error:a?.errorMessage||i?.errorMessage})]}),rt?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}):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 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 jsxs(DialogHeader,{children:[jsx(DialogTitle,{children:o}),jsx(DialogClose,{asChild:true,children: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:jsx(CloseIcon,{})})})]})},bo=({isFailed:t,onRetry:o,isProcessing:n,canReplace:c,connectedWalletAddress:r,onOpenAllTransactions:l})=>{let{trackingModal:s}=v();return t&&o?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?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 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:[jsx("div",{className:"novatx:flex novatx:items-center novatx:gap-4",children:s&&r&&l&&jsxs(Fragment,{children:[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}),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})]})}),jsxs("div",{className:"novatx:flex novatx:items-center novatx:gap-3",children:[jsx(bo,{isFailed:i,onRetry:c,isProcessing:n,canReplace:s,connectedWalletAddress:p,onOpenAllTransactions:o}),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}=useCopyToClipboard(),{actions:r,txError:l}=v();return t?jsxs("div",{className: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:[jsxs("div",{className:"novatx:mb-2 novatx:flex novatx:items-center novatx:justify-between",children:[jsxs("div",{className:"novatx:flex novatx:items-center novatx:gap-2 novatx:font-bold novatx:text-[var(--tuwa-error-icon)]",children:[jsx(ExclamationTriangleIcon,{className:"novatx:h-5 novatx:w-5"}),jsx("span",{children:l.title})]}),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?jsx(CheckIcon,{className:"novatx:h-5 novatx:w-5 novatx:text-[var(--tuwa-success-icon)]"}):jsx(DocumentDuplicateIcon,{className:"novatx:h-5 novatx:w-5"})})]}),jsx("div",{className:"novatx:max-h-24 novatx:overflow-y-auto novatx:rounded novatx:bg-[var(--tuwa-bg-primary)] novatx:p-2",children: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 jsxs("div",{className:"novatx:flex novatx:items-center novatx:justify-between novatx:text-sm",children:[jsx("span",{className:"novatx:text-[var(--tuwa-text-secondary)]",children:t}),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=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===OrbitAdapter.SOLANA,x=e?t:void 0;return jsxs("div",{className: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:[jsx(p,{label:r.network,value:jsxs("div",{className:"novatx:flex novatx:items-center novatx:justify-end novatx:gap-2",children:[jsx("div",{className:"novatx:h-4 novatx:w-4",children:jsx(Web3Icon,{chainId:setChainId(a)})}),jsx("span",{children:getChainName(setChainId(a))})]})}),t.localTimestamp&&jsx(p,{label:r.started,value:It.unix(t.localTimestamp).format("MMM D, HH:mm:ss")}),e&&jsxs(Fragment,{children:[x?.slot&&jsx(p,{label:r.slot,value:jsx(D,{hash:x.slot.toString(),explorerUrl:i?.getExplorerUrl?`${i?.getExplorerUrl(`/block/${x.slot}`)}`:void 0})}),(typeof x?.confirmations=="number"||typeof x?.confirmations=="string")&&jsx(p,{label:l.confirmationsLabel,value:x.confirmations}),x?.recentBlockhash&&jsx(p,{label:s.recentBlockhash,value:jsx(D,{hash:x.recentBlockhash})})]}),"txKey"in t&&t.txKey&&jsx("div",{className:"novatx:border-t novatx:border-[var(--tuwa-border-primary)] novatx:pt-3",children: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 jsx(CheckIcon,{className:"novatx:h-3 novatx:w-3 novatx:text-white"});case "error":return jsx(ExclamationTriangleIcon,{className:"novatx:h-3 novatx:w-3 novatx:text-white"});case "replaced":return jsx(ArrowPathIcon,{className:"novatx:h-3 novatx:w-3 novatx:text-white"});case "active":return jsx("div",{className:cn("novatx:h-2 novatx:w-2 novatx:animate-pulse novatx:rounded-full",c.pulse)});default:return null}};return jsxs("div",{className:"novatx:relative novatx:flex novatx:min-w-[80px] novatx:flex-1 novatx:flex-col novatx:items-center",children:[!n&&jsx("div",{className:cn("novatx:absolute novatx:right-1/2 novatx:top-[10px] novatx:h-0.5 novatx:w-full",c.line)}),jsx("div",{className: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()}),jsx("span",{className: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=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 jsx("div",{className:cn("novatx:flex novatx:w-full novatx:items-start novatx:px-4 novatx:pt-2 novatx:pb-1",r),children:p.map((a,e)=>jsx(l,{...a},e))})}var Go={succeed:{Icon:CheckCircleIcon,className:"novatx:text-[var(--tuwa-success-icon)]"},failed:{Icon:ExclamationCircleIcon,className:"novatx:text-[var(--tuwa-error-icon)]"},replaced:{Icon:ArrowPathIcon,className:"novatx:text-[var(--tuwa-info-icon)]"},processing:{Icon:ArrowPathIcon,className:"novatx:animate-spin novatx:text-[var(--tuwa-text-accent)]"},initializing:{Icon: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 jsx("div",{className:"novatx:flex novatx:justify-center novatx:py-4",children:jsx(l,{className:cn("novatx:h-16 novatx:w-16",s)})})}It.extend(Qo);var Zo=({chainId:t})=>jsx("div",{className:"novatx:h-8 novatx:w-8 novatx:text-[var(--tuwa-text-secondary)]",children:jsx(Web3Icon,{chainId:setChainId(t)})}),jo=({timestamp:t})=>jsx("span",{className:"novatx:mb-1 novatx:block novatx:text-xs novatx:text-[var(--tuwa-text-secondary)]",children:t?It.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 jsxs("div",{className: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:[jsxs("div",{className:"novatx:flex novatx:items-start novatx:justify-between",children:[jsxs("div",{className:"novatx:flex novatx:items-center novatx:gap-4",children:[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:jsx(r,{chainId:t.chainId})}),jsxs("div",{children:[jsx(l,{txStatus:t.status,source:t.title,fallback:t.type,variant:"title",applyColor:true}),jsx(i,{timestamp:t.localTimestamp}),jsx(s,{txStatus:t.status,source:t.description,variant:"description"})]})]}),jsx(p,{tx:t})]}),jsx(a,{tx:t,adapter:o,variant:"history"})]})}function aa({title:t,message:o,className:n}){return jsxs("div",{className:cn("novatx:rounded-lg novatx:bg-[var(--tuwa-bg-muted)] novatx:p-8 novatx:text-center",n),children:[jsx("h4",{className:"novatx:font-semibold novatx:text-[var(--tuwa-text-primary)]",children:t}),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=useMemo(()=>o?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?jsx("div",{className: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=>jsx(p,{tx:e,adapter:t},e.txKey))}):jsx(i,{title:l.history.noTransactionsTitle,message:l.history.noTransactionsMessage}):jsx(i,{title:l.history.connectWalletTitle,message:l.history.connectWalletMessage});return jsxs("div",{className:cn("novatx:flex novatx:flex-col novatx:gap-y-3",c),children:[r?.title&&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 jsxs(DialogHeader,{children:[jsx(DialogTitle,{children:o}),jsx(DialogClose,{asChild:true,children: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:jsx(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 jsx(Dialog,{open:t,onOpenChange:e=>!e&&i(),children:jsx(DialogContent,{className:cn("novatx:w-full novatx:sm:max-w-2xl",n?.modalProps?.className),...n?.modalProps,children:jsxs("div",{className:cn("novatx:relative novatx:max-h-[95dvh] novatx:w-full novatx:flex novatx:flex-col",n?.classNames?.contentWrapper),children:[p?jsx(p,{closeModal:i}):jsx(la,{closeModal:i,title:s.history.title}),a?jsx(a,{adapter:c,transactionsPool:l,connectedWalletAddress:r}):jsx(St,{adapter:c,transactionsPool:l,connectedWalletAddress:r})]})})})}var ua=t=>({replaced:jsxs(Fragment,{children:[jsx(ArrowPathIcon,{className:"novatx:h-4 novatx:w-4"}),jsx("span",{children:t.replaced})]}),loading:jsxs(Fragment,{children:[jsx(ArrowPathIcon,{className:"novatx:h-4 novatx:w-4 novatx:animate-spin"}),jsx("span",{children:t.loading})]}),succeed:jsxs(Fragment,{children:[jsx(CheckCircleIcon,{className:"novatx:h-4 novatx:w-4"}),jsx("span",{children:t.succeed})]}),failed:jsxs(Fragment,{children:[jsx(ExclamationCircleIcon,{className:"novatx:h-4 novatx:w-4"}),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]=useState("idle"),[f,T]=useState(void 0),w=useMemo(()=>ua(g),[g]);useEffect(()=>{m("idle"),T(void 0);},[r]),useEffect(()=>{if(!f)return;let b=c[f];if(b)switch(b.status){case TransactionStatus.Success:m("succeed");break;case TransactionStatus.Replaced:m("replaced");break;case TransactionStatus.Failed:m("failed");break}},[c,f,r]),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 jsx("button",{...x,disabled:u!=="idle"||x.disabled,onClick:k,className: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()})}export{D as HashLink,S as StatusAwareText,Ut as ToastTransaction,Ft as TrackingTxModal,kt as TransactionHistoryItem,R as TransactionKey,F as TransactionStatusBadge,St as TransactionsHistory,Wt as TransactionsInfoModal,Hr as TxActionButton,yt as TxErrorBlock,bt as TxInfoBlock,Ct as TxProgressIndicator,wt as TxStatusVisual,J as defaultLabels};//# sourceMappingURL=index.js.map
|
|
13
16
|
//# sourceMappingURL=index.js.map
|