@tuwaio/nova-transactions 1.0.0-fix-retry-actions-alpha.3.178cbf4 → 1.0.0-fix-explorer-link-alpha.2.ab0987a

package/dist/index.d.cts

@@ -1,5 +1,5 @@
-import { T as TuwaLabels } from './WalletInfoModal-CLj_wBQ8.cjs';
-export { a as HashLink, H as HashLinkProps, b as StatusAwareText, S as StatusAwareTextProps, o as StepProps, n as StepStatus, e as ToastTransaction, c as ToastTransactionCustomization, d as ToastTransactionProps, h as TrackingTxModal, f as TrackingTxModalCustomization, g as TrackingTxModalProps, v as TransactionHistoryItem, t as TransactionHistoryItemCustomization, u as TransactionHistoryItemProps, x as TransactionKey, w as TransactionKeyProps, C as TransactionStatusBadge, B as TransactionStatusBadgeProps, A as TransactionsHistory, y as TransactionsHistoryCustomization, z as TransactionsHistoryProps, j as TxErrorBlock, i as TxErrorBlockProps, m as TxInfoBlock, k as TxInfoBlockCustomization, l as TxInfoBlockProps, q as TxProgressIndicator, p as TxProgressIndicatorProps, s as TxStatusVisual, r as TxStatusVisualProps, D as WalletAddressDisplay, W as WalletAddressDisplayProps, F as WalletAvatar, E as WalletAvatarProps, I as WalletHeader, G as WalletHeaderProps, L as WalletInfoModal, J as WalletInfoModalCustomization, K as WalletInfoModalProps } from './WalletInfoModal-CLj_wBQ8.cjs';
+import { T as TuwaLabels } from './WalletInfoModal-BeE6SSek.cjs';
+export { a as HashLink, H as HashLinkProps, b as StatusAwareText, S as StatusAwareTextProps, o as StepProps, n as StepStatus, e as ToastTransaction, c as ToastTransactionCustomization, d as ToastTransactionProps, h as TrackingTxModal, f as TrackingTxModalCustomization, g as TrackingTxModalProps, v as TransactionHistoryItem, t as TransactionHistoryItemCustomization, u as TransactionHistoryItemProps, x as TransactionKey, w as TransactionKeyProps, C as TransactionStatusBadge, B as TransactionStatusBadgeProps, A as TransactionsHistory, y as TransactionsHistoryCustomization, z as TransactionsHistoryProps, j as TxErrorBlock, i as TxErrorBlockProps, m as TxInfoBlock, k as TxInfoBlockCustomization, l as TxInfoBlockProps, q as TxProgressIndicator, p as TxProgressIndicatorProps, s as TxStatusVisual, r as TxStatusVisualProps, D as WalletAddressDisplay, W as WalletAddressDisplayProps, F as WalletAvatar, E as WalletAvatarProps, I as WalletHeader, G as WalletHeaderProps, L as WalletInfoModal, J as WalletInfoModalCustomization, K as WalletInfoModalProps } from './WalletInfoModal-BeE6SSek.cjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Transaction, TransactionPool } from '@tuwaio/pulsar-core';
 import { ButtonHTMLAttributes, ReactNode } from 'react';
@@ -26,7 +26,7 @@ type ToastCloseButtonProps = {
  */
 declare function ToastCloseButton({ closeToast }: ToastCloseButtonProps): react_jsx_runtime.JSX.Element;
 
-type TxActionButtonProps<TR, T extends Transaction<TR>> = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick'> & {
+type TxActionButtonProps<T extends Transaction> = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick'> & {
     /** The default content to display when the button is 'idle'. */
     children: ReactNode;
     /** The async function to execute when the button is clicked to initiate the transaction. */
@@ -34,7 +34,7 @@ type TxActionButtonProps<TR, T extends Transaction<TR>> = Omit<ButtonHTMLAttribu
     /** A function that returns the unique key of the most recently initiated transaction. */
     getLastTxKey: () => string | undefined;
     /** The global transaction pool from the Pulsar store. */
-    transactionsPool: TransactionPool<TR, T>;
+    transactionsPool: TransactionPool<T>;
     /** Optional active wallet address. If provided, the button will only track transactions from this address. */
     walletAddress?: string;
     /** Optional custom content for the 'loading' state. */
@@ -52,7 +52,7 @@ type TxActionButtonProps<TR, T extends Transaction<TR>> = Omit<ButtonHTMLAttribu
  * A stateful button that provides real-time feedback for a transaction's lifecycle.
  * It listens for changes in `transactionsPool` to automatically update its visual state.
  */
-declare function TxActionButton<TR, T extends Transaction<TR>>({ children, action, getLastTxKey, transactionsPool, walletAddress, loadingContent, succeedContent, failedContent, replacedContent, resetTimeout, className, ...props }: TxActionButtonProps<TR, T>): react_jsx_runtime.JSX.Element;
+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;
 
 /**
  * @file This file contains the default English labels for all UI components.

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { T as TuwaLabels } from './WalletInfoModal-CLj_wBQ8.js';
-export { a as HashLink, H as HashLinkProps, b as StatusAwareText, S as StatusAwareTextProps, o as StepProps, n as StepStatus, e as ToastTransaction, c as ToastTransactionCustomization, d as ToastTransactionProps, h as TrackingTxModal, f as TrackingTxModalCustomization, g as TrackingTxModalProps, v as TransactionHistoryItem, t as TransactionHistoryItemCustomization, u as TransactionHistoryItemProps, x as TransactionKey, w as TransactionKeyProps, C as TransactionStatusBadge, B as TransactionStatusBadgeProps, A as TransactionsHistory, y as TransactionsHistoryCustomization, z as TransactionsHistoryProps, j as TxErrorBlock, i as TxErrorBlockProps, m as TxInfoBlock, k as TxInfoBlockCustomization, l as TxInfoBlockProps, q as TxProgressIndicator, p as TxProgressIndicatorProps, s as TxStatusVisual, r as TxStatusVisualProps, D as WalletAddressDisplay, W as WalletAddressDisplayProps, F as WalletAvatar, E as WalletAvatarProps, I as WalletHeader, G as WalletHeaderProps, L as WalletInfoModal, J as WalletInfoModalCustomization, K as WalletInfoModalProps } from './WalletInfoModal-CLj_wBQ8.js';
+import { T as TuwaLabels } from './WalletInfoModal-BeE6SSek.js';
+export { a as HashLink, H as HashLinkProps, b as StatusAwareText, S as StatusAwareTextProps, o as StepProps, n as StepStatus, e as ToastTransaction, c as ToastTransactionCustomization, d as ToastTransactionProps, h as TrackingTxModal, f as TrackingTxModalCustomization, g as TrackingTxModalProps, v as TransactionHistoryItem, t as TransactionHistoryItemCustomization, u as TransactionHistoryItemProps, x as TransactionKey, w as TransactionKeyProps, C as TransactionStatusBadge, B as TransactionStatusBadgeProps, A as TransactionsHistory, y as TransactionsHistoryCustomization, z as TransactionsHistoryProps, j as TxErrorBlock, i as TxErrorBlockProps, m as TxInfoBlock, k as TxInfoBlockCustomization, l as TxInfoBlockProps, q as TxProgressIndicator, p as TxProgressIndicatorProps, s as TxStatusVisual, r as TxStatusVisualProps, D as WalletAddressDisplay, W as WalletAddressDisplayProps, F as WalletAvatar, E as WalletAvatarProps, I as WalletHeader, G as WalletHeaderProps, L as WalletInfoModal, J as WalletInfoModalCustomization, K as WalletInfoModalProps } from './WalletInfoModal-BeE6SSek.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Transaction, TransactionPool } from '@tuwaio/pulsar-core';
 import { ButtonHTMLAttributes, ReactNode } from 'react';
@@ -26,7 +26,7 @@ type ToastCloseButtonProps = {
  */
 declare function ToastCloseButton({ closeToast }: ToastCloseButtonProps): react_jsx_runtime.JSX.Element;
 
-type TxActionButtonProps<TR, T extends Transaction<TR>> = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick'> & {
+type TxActionButtonProps<T extends Transaction> = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick'> & {
     /** The default content to display when the button is 'idle'. */
     children: ReactNode;
     /** The async function to execute when the button is clicked to initiate the transaction. */
@@ -34,7 +34,7 @@ type TxActionButtonProps<TR, T extends Transaction<TR>> = Omit<ButtonHTMLAttribu
     /** A function that returns the unique key of the most recently initiated transaction. */
     getLastTxKey: () => string | undefined;
     /** The global transaction pool from the Pulsar store. */
-    transactionsPool: TransactionPool<TR, T>;
+    transactionsPool: TransactionPool<T>;
     /** Optional active wallet address. If provided, the button will only track transactions from this address. */
     walletAddress?: string;
     /** Optional custom content for the 'loading' state. */
@@ -52,7 +52,7 @@ type TxActionButtonProps<TR, T extends Transaction<TR>> = Omit<ButtonHTMLAttribu
  * A stateful button that provides real-time feedback for a transaction's lifecycle.
  * It listens for changes in `transactionsPool` to automatically update its visual state.
  */
-declare function TxActionButton<TR, T extends Transaction<TR>>({ children, action, getLastTxKey, transactionsPool, walletAddress, loadingContent, succeedContent, failedContent, replacedContent, resetTimeout, className, ...props }: TxActionButtonProps<TR, T>): react_jsx_runtime.JSX.Element;
+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;
 
 /**
  * @file This file contains the default English labels for all UI components.

package/dist/index.js

@@ -1,2 +1,2 @@
-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,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*as P from'@radix-ui/react-dialog';import {AnimatePresence,motion}from'framer-motion';import Mt from'dayjs';import eo from'dayjs/plugin/relativeTime';import Co from'ethereum-blockies-base64';import {zeroAddress,isHex}from'viem';var q={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"},hashLabels:{gelato:"Gelato Task ID",safe:"Safe Tx Hash",original:"Original Tx Hash",replaced:"Replaced Tx Hash",default:"Tx Hash"},txInfo:{started:"Started",network:"Network"},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 Yt=createContext(q);var m=()=>useContext(Yt);({[TransactionStatus.Success]:"success",[TransactionStatus.Failed]:"error",[TransactionStatus.Replaced]:"info"});function Tt({label:t,hash:e,explorerUrl:o,variant:a="default",className:r}){let{isCopied:s,copy:l}=useCopyToClipboard(),{actions:n,txError:p}=m(),c=cn("flex items-center justify-between",{"text-sm":a==="default","text-xs":a==="compact"},r),i=cn("pr-1",{"font-bold text-[var(--tuwa-text-primary)]":a==="default","font-medium text-[var(--tuwa-text-secondary)]":a==="compact"}),f=jsx("span",{className:"font-mono",children:textCenterEllipsis(e,5,5)});return jsxs("div",{className:c,children:[t&&jsxs("span",{className:i,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:n.viewOnExplorer,"aria-label":n.viewOnExplorer,children:[f,jsx(ArrowTopRightOnSquareIcon,{className:"h-4 w-4"})]}):jsx("span",{className:"text-[var(--tuwa-text-primary)]",children:f}),jsx("button",{type:"button",onClick:()=>l(e),className:"cursor-pointer text-[var(--tuwa-text-tertiary)] transition-colors hover:text-[var(--tuwa-text-secondary)]",title:s?p.copied:n.copy,"aria-label":s?p.copied:n.copy,children:s?jsx(CheckIcon,{className:"h-4 w-4 text-[var(--tuwa-success-icon)]"}):jsx(DocumentDuplicateIcon,{className:"h-4 w-4"})})]})]})}var xt={[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:a,className:r,applyColor:s=false}){let l,n="";if(typeof e=="string")l=e;else if(Array.isArray(e)){let i=xt[t||"default"]??xt.default;l=e[i.index],s&&(n=i.colorClass);}else l=o;return l?jsx("div",{className:cn(a==="title"?"text-sm font-semibold text-[var(--tuwa-text-primary)]":"mt-1 text-xs text-[var(--tuwa-text-secondary)]",n,r),children:l}):null}function qt({closeToast:t}){let{actions:e}=m();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 O({tx:t,adapters:e,transactionsPool:o,variant:a="toast",className:r,renderHashLink:s}){let{hashLabels:l}=m(),n=selectAdapterByKey({adapterKey:t.adapter,adapters:e});if(!n)return null;let p=d=>s?s(d):jsx(Tt,{...d}),c=a==="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",i=l[t.tracker],f=i?p({label:i,hash:t.txKey,variant:"compact"}):null,y=(()=>{let d=t.hash,x=t.replacedTxHash;return !d&&!x?null:x?jsxs(Fragment,{children:[d&&p({label:l.original,hash:d,variant:"compact"}),n.getExplorerTxUrl&&p({label:l.replaced,hash:x,explorerUrl:n.getExplorerTxUrl(o,t.txKey,x)})]}):d&&n.getExplorerTxUrl&&p({label:l.default,hash:d,explorerUrl:n.getExplorerTxUrl(o,t.txKey)})})(),T=i&&i!==l.default&&t.txKey!==t.hash;return jsxs("div",{className:cn(c,r),children:[T&&f,y]})}var xe=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 X({tx:t,className:e}){let{statuses:o}=m(),a=useMemo(()=>xe(o),[o]),r="inline-flex items-center gap-x-1.5 rounded-full px-2 py-1 text-xs font-medium",s=t.pending?"Pending":t.status,l=s?a[s]:null;if(!l)return jsx("div",{className:cn(r,"bg-[var(--tuwa-info-bg)] text-[var(--tuwa-info-text)]",e),children:t.status??o.unknown});let{label:n,Icon:p,badgeClasses:c,iconClasses:i}=l;return jsxs("div",{className:cn(r,c,e),children:[jsx(p,{className:cn("h-4 w-4",i)}),n]})}var Ce=({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}),Pe=({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}),he=({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 Qt({openWalletInfoModal:t,tx:e,transactionsPool:o,icon:a,className:r,customization:s,connectedWalletAddress:l,adapters:n}){let{actions:p,toast:c}=m(),i=selectAdapterByKey({adapterKey:e.adapter,adapters:n}),f=!!(e.tracker==="ethereum"&&e.pending&&i?.speedUpTxAction&&i?.cancelTxAction&&e.from.toLowerCase()===l?.toLowerCase()),y=()=>{f&&i.cancelTxAction(e);},T=()=>{f&&i.speedUpTxAction(e);},{StatusAwareText:d=H,TransactionKey:x=O,StatusBadge:b=X,SpeedUpButton:R=Ce,CancelButton:v=Pe,WalletInfoButton:M=he}=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:getChainName(e.chainId),children:a??jsx(Web3Icon,{chainId:e.chainId})}),jsxs("div",{className:"flex-1",children:[jsx(d,{txStatus:e.status,source:e.title,fallback:e.type,variant:"title",applyColor:true}),jsx(d,{txStatus:e.status,source:e.description,variant:"description"})]})]}),jsxs("div",{children:[jsx(x,{transactionsPool:o,adapters:n,tx:e,variant:"toast"}),jsxs("div",{className:"mt-3 flex items-center justify-between",children:[jsx(b,{tx:e}),f?jsxs("div",{className:"flex items-center gap-4",children:[jsx(R,{onClick:T,children:p.speedUp}),jsx(v,{onClick:y,children:p.cancel})]}):t&&!!l&&jsx(M,{onClick:t,children:c.openWalletInfo})]})]})]})}function wt({error:t,className:e}){let{isCopied:o,copy:a}=useCopyToClipboard(),{actions:r,txError:s}=m();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:s.title})]}),jsx("button",{type:"button",onClick:()=>a(t),title:o?s.copied:r.copy,"aria-label":o?s.copied:`${r.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 Le({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 Ct({tx:t,adapters:e,transactionsPool:o,className:a,customization:r}){let{txInfo:s}=m(),{InfoRow:l=Le}=r?.components??{},n="chainId"in t?t.chainId:t.desiredChainID;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",a),children:[jsx(l,{label:s.network,value:jsxs("div",{className:"flex items-center justify-end gap-2",children:[jsx("div",{className:"h-4 w-4",children:jsx(Web3Icon,{chainId:n})}),jsx("span",{children:getChainName(n)})]})}),t.localTimestamp&&jsx(l,{label:s.started,value:Mt.unix(t.localTimestamp).format("MMM D, HH:mm:ss")}),"txKey"in t&&t.txKey&&jsx("div",{className:"border-t border-[var(--tuwa-border-primary)] pt-3",children:jsx(O,{tx:t,adapters:e,transactionsPool:o,variant:"history",renderHashLink:r?.components?.transactionKey})})]})}var Oe={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 Ue({status:t,label:e,isFirst:o=false}){let a=Oe[t],r=()=>{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",a.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",a.line)}),jsx("div",{className:cn("relative z-10 flex h-5 w-5 items-center justify-center rounded-full border-2",a.border,a.fill),children:r()}),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 Pt({isProcessing:t,isSucceed:e,isFailed:o,isReplaced:a,className:r,StepComponent:s=Ue}){let{trackingModal:l,statuses:n}=m(),p=useMemo(()=>{let c=f=>{if(f===1)return "completed";if(f===2){if(e||o||a)return "completed";if(t)return "active"}if(f===3){if(e)return "completed";if(o)return "error";if(a)return "replaced";if(t)return "active"}return "inactive"},i=f=>f===1?l.progressIndicator.created:f===2?l.progressIndicator.processing:o?n.failed:a?n.replaced:l.progressIndicator.succeed;return [{status:c(1),label:i(1),isFirst:true},{status:c(2),label:i(2)},{status:c(3),label:i(3),isLast:true}]},[t,e,o,a,l,n]);return jsx("div",{className:cn("flex w-full items-start px-4 pt-2 pb-1",r),children:p.map((c,i)=>jsx(s,{...c},i))})}var $e={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 Rt({isProcessing:t,isSucceed:e,isFailed:o,isReplaced:a}){let r=e&&"succeed"||o&&"failed"||a&&"replaced"||t&&"processing"||"initializing",{Icon:s,className:l}=$e[r];return jsx("div",{className:"flex justify-center py-4",children:jsx(s,{className:cn("h-16 w-16",l)})})}function jt({adapters:t,onClose:e,onOpenWalletInfo:o,className:a,customization:r,transactionsPool:s,handleTransaction:l,initialTx:n,connectedWalletAddress:p}){let c=useMemo(()=>n?.lastTxKey?s[n.lastTxKey]:void 0,[s,n]),i=c??n,f=n?.withTrackedModal&&!c||(c?.isTrackedModalOpen??false),{isProcessing:y,isSucceed:T,isFailed:d,isReplaced:x}=useMemo(()=>{let K=c?.status,Xt=n?.isInitializing??false,$t=c?.pending??false;return {isProcessing:Xt||$t,isSucceed:K===TransactionStatus.Success,isFailed:c?.isError||!!n?.errorMessage,isReplaced:K===TransactionStatus.Replaced}},[c,n]),b=useMemo(()=>i?selectAdapterByKey({adapterKey:i.adapter,adapters:t}):void 0,[i,t]),R=!!(d&&i&&n?.actionFunction&&l),v=!!(b?.speedUpTxAction&&b?.cancelTxAction&&c?.pending&&c.tracker==="ethereum"),M=()=>{if(!R||!b?.retryTxAction)return;let K={adapter:i.adapter,type:i.type,desiredChainID:"desiredChainID"in i?i.desiredChainID:i.chainId,actionFunction:n?.actionFunction,title:i.title,description:i.description,payload:i.payload,withTrackedModal:true};b.retryTxAction({tx:K,txKey:c?.txKey??"",onClose:e,handleTransaction:l});},w=()=>{v&&c&&b.cancelTxAction(c);},B=()=>{v&&c&&b.speedUpTxAction(c);},V=r?.components?.Header,ct=r?.components?.Footer,pt=r?.components?.StatusVisual,dt=r?.components?.ProgressIndicator,ut=r?.components?.InfoBlock,mt=r?.components?.ErrorBlock,_t={initial:{opacity:0,scale:.95},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.95},transition:{duration:.2,ease:"easeOut"},...r?.motionProps};return i?jsx(P.Root,{open:f,onOpenChange:K=>!K&&e(c?.txKey),children:jsx(P.Portal,{children:jsx(AnimatePresence,{children:f&&jsxs(Fragment,{children:[jsx(P.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(P.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",...r?.modalProps,asChild:true,children:jsx(motion.div,{..._t,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",a),children:[V?jsx(V,{onClose:()=>e(c?.txKey),title:jsx(kt,{tx:i})}):jsx(Qe,{onClose:()=>e(c?.txKey),title:jsx(kt,{tx:i})}),jsxs("main",{className:"flex flex-col gap-3",children:[pt?jsx(pt,{isProcessing:y,isSucceed:T,isFailed:d,isReplaced:x}):jsx(Rt,{isProcessing:y,isSucceed:T,isFailed:d,isReplaced:x}),dt?jsx(dt,{isProcessing:y,isSucceed:T,isFailed:d,isReplaced:x}):jsx(Pt,{isProcessing:y,isSucceed:T,isFailed:d,isReplaced:x}),ut?jsx(ut,{tx:i,adapters:t,transactionsPool:s}):jsx(Ct,{tx:i,adapters:t,transactionsPool:s}),mt?jsx(mt,{error:c?.errorMessage||n?.errorMessage}):jsx(wt,{error:c?.errorMessage||n?.errorMessage})]}),ct?jsx(ct,{onClose:()=>e(c?.txKey),onOpenWalletInfo:o,isProcessing:y,isFailed:d,canReplace:v,onRetry:R?M:void 0,onSpeedUp:v?B:void 0,onCancel:v?w:void 0,connectedWalletAddress:p}):jsx(je,{onClose:()=>e(c?.txKey),onOpenWalletInfo:o,isProcessing:y,isFailed:d,canReplace:v,onRetry:R?M:void 0,onSpeedUp:v?B:void 0,onCancel:v?w:void 0,connectedWalletAddress:p})]})})})]})})})}):null}function kt({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 Qe=({onClose:t,title:e})=>{let{actions:o}=m();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(P.Title,{children:e}),jsx(P.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"})})})]})},je=({onClose:t,onOpenWalletInfo:e,isProcessing:o,onRetry:a,onSpeedUp:r,onCancel:s,canReplace:l,isFailed:n,connectedWalletAddress:p})=>{let{trackingModal:c,actions:i}=m(),f=()=>n&&a?jsx("button",{type:"button",onClick:a,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:c.retry}):!o&&!l&&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:c.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:l&&r&&s&&jsxs(Fragment,{children:[jsx("button",{type:"button",onClick:r,className:"cursor-pointer text-sm font-medium text-[var(--tuwa-text-accent)] transition-opacity hover:opacity-80",children:i.speedUp}),jsx("button",{type:"button",onClick:s,className:"cursor-pointer text-sm font-medium text-[var(--tuwa-text-secondary)] transition-opacity hover:opacity-80",children:i.cancel})]})}),jsxs("div",{className:"flex items-center gap-3",children:[jsx(f,{}),jsx("button",{type:"button",onClick:t,disabled:o&&!l,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&&!l?c.processing:c.close})]})]})};Mt.extend(eo);var oo=({chainId:t})=>jsx("div",{className:"h-8 w-8 text-[var(--tuwa-text-secondary)]",children:jsx(Web3Icon,{chainId:t})}),ao=({timestamp:t})=>jsx("span",{className:"mb-1 block text-xs text-[var(--tuwa-text-secondary)]",children:t?Mt.unix(t).fromNow():"..."});function Bt({tx:t,adapters:e,transactionsPool:o,className:a,customization:r}){let{Icon:s=oo,Title:l=H,Description:n=H,Timestamp:p=ao,StatusBadge:c=X,TransactionKey:i=O}=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)]",a),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(l,{txStatus:t.status,source:t.title,fallback:t.type,variant:"title",applyColor:true}),jsx(p,{timestamp:t.localTimestamp}),jsx(n,{txStatus:t.status,source:t.description,variant:"description"})]})]}),jsx(c,{tx:t})]}),jsx(i,{tx:t,adapters:e,transactionsPool:o,variant:"history"})]})}function no({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 Ht({adapters:t,connectedWalletAddress:e,transactionsPool:o,className:a,customization:r}){let{walletModal:s}=m(),l=useMemo(()=>e?selectAllTransactionsByActiveWallet(o,e).sort((f,y)=>(y.localTimestamp??0)-(f.localTimestamp??0)):[],[o,e]),{Placeholder:n=no,HistoryItem:p=Bt}=r?.components??{},c=()=>e?l.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)]",r?.classNames?.listWrapper),children:l.map(i=>jsx(p,{tx:i,transactionsPool:o,adapters:t},i.txKey))}):jsx(n,{title:s.history.noTransactionsTitle,message:s.history.noTransactionsMessage}):jsx(n,{title:s.history.connectWalletTitle,message:s.history.connectWalletMessage});return jsxs("div",{className:cn("flex flex-col gap-y-3",a),children:[jsx("h3",{className:"text-lg font-bold text-[var(--tuwa-text-primary)]",children:s.history.title}),c()]})}var uo=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 en({children:t,action:e,getLastTxKey:o,transactionsPool:a,walletAddress:r,loadingContent:s,succeedContent:l,failedContent:n,replacedContent:p,resetTimeout:c=2500,className:i,...f}){let{trackedTxButton:y}=m(),[T,d]=useState("idle"),[x,b]=useState(void 0),R=useMemo(()=>uo(y),[y]);useEffect(()=>{d("idle"),b(void 0);},[r]),useEffect(()=>{if(!x)return;let w=a[x];if(w&&w.from.toLowerCase()===r?.toLowerCase())switch(w.status){case TransactionStatus.Success:d("succeed");break;case TransactionStatus.Replaced:d("replaced");break;case TransactionStatus.Failed:d("failed");break}},[a,x,r]),useEffect(()=>{if(["succeed","failed","replaced"].includes(T)){let w=setTimeout(()=>{d("idle"),b(void 0);},c);return ()=>clearTimeout(w)}},[T,c]);let v=async()=>{d("loading");try{await e(),b(o());}catch(w){console.error("Transaction initiation failed:",w),d("failed");}},M=()=>{switch(T){case "loading":return s??R.loading;case "succeed":return l??R.succeed;case "failed":return n??R.failed;case "replaced":return p??R.replaced;default:return t}};return jsx("button",{...f,disabled:T!=="idle"||f.disabled,onClick:v,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":T==="idle","bg-gray-400 text-white":T==="loading","bg-gray-500 text-white":T==="replaced","bg-[var(--tuwa-success-bg)] text-[var(--tuwa-success-text)]":T==="succeed","bg-[var(--tuwa-error-bg)] text-[var(--tuwa-error-text)]":T==="failed"},i),children:M()})}function it({address:t,explorerUrl:e,className:o}){let{isCopied:a,copy:r}=useCopyToClipboard(),{actions:s,txError:l}=m(),n=useMemo(()=>e&&t?`${e}/address/${t}`:void 0,[e,t]);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:a?l.copied:s.copy,"aria-label":a?l.copied:`${s.copy} address`,onClick:()=>r(t),className:"cursor-pointer transition-colors hover:text-[var(--tuwa-text-primary)]",children:a?jsx(CheckIcon,{className:"h-4 w-4 text-[var(--tuwa-success-icon)]"}):jsx(DocumentDuplicateIcon,{className:"h-4 w-4"})}),n&&jsx("a",{href:n,target:"_blank",rel:"noopener noreferrer",className:"transition-colors hover:text-[var(--tuwa-text-accent)]",title:s.viewOnExplorer,"aria-label":s.viewOnExplorer,children:jsx(ArrowTopRightOnSquareIcon,{className:"h-4 w-4"})})]})}function Ot({address:t,ensAvatar:e,className:o}){let{walletModal:a}=m(),[r,s]=useState(e),l=useMemo(()=>Co(isHex(t)?t:zeroAddress),[t]),n=useMemo(()=>`#${t.slice(2,8)}`,[t]);useEffect(()=>{s(e);},[e]);let p=()=>{s(l);};return jsx("div",{className:cn("h-12 w-12 flex-shrink-0 rounded-full",o),style:{backgroundColor:n},children:jsx("img",{className:"h-full w-full rounded-full object-cover",src:r||l,alt:`${a.header.avatarAlt} ${t}`,onError:p},e)})}var So=({isLoading:t,ensName:e,walletAddress:o,explorerUrl:a,renderAddressDisplay:r})=>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(it,{address:o,explorerUrl:a,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&&(r?r({address:o,explorerUrl:a}):jsx(it,{address:o,explorerUrl:a}))})]});function Ft({walletAddress:t,adapters:e,connectedAdapterType:o,className:a,renderAvatar:r,renderName:s,renderAddressDisplay:l,renderNoWalletContent:n,explorerUrl:p}){let{walletModal:c}=m(),[i,f]=useState(null),[y,T]=useState(null),[d,x]=useState(true);if(useEffect(()=>{(async()=>{if(!t||!o){x(false);return}let v=selectAdapterByKey({adapterKey:o,adapters:e}),M=v&&"getName"in v&&typeof v.getName=="function",w=v&&"getAvatar"in v&&typeof v.getAvatar=="function";if(!M){x(false);return}x(true),f(null),T(null);try{let B=v?.getName?await v.getName(t):null;if(B&&(f(B),w)){let V=v?.getAvatar?await v.getAvatar(B):null;T(V);}}catch(B){console.error("Failed to fetch name service data:",B);}finally{x(false);}})();},[t,e,o]),!t)return n?jsx(Fragment,{children:n()}):jsx("div",{className:cn("flex h-20 items-center justify-center rounded-lg bg-[var(--tuwa-bg-muted)] text-[var(--tuwa-text-secondary)]",a),children:c.header.notConnected});let b=i?i.length>30?textCenterEllipsis(i,12,12):i:void 0;return jsxs("div",{className:cn("flex min-h-[4rem] items-center gap-4",a),children:[jsx("div",{children:r?r({address:t,ensAvatar:y}):jsx(Ot,{address:t,ensAvatar:y})}),jsx("div",{className:"flex min-h-[3.5rem] min-w-[200px] flex-col justify-center",children:s?s({ensName:b,isLoading:d,address:t}):jsx(So,{isLoading:d,ensName:b,walletAddress:t,explorerUrl:p,renderAddressDisplay:l})})]})}var Ko=({closeModal:t,title:e})=>{let{actions:o}=m();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(P.Title,{className:"text-lg font-bold text-[var(--tuwa-text-primary)]",children:e}),jsx(P.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 Zt({isOpen:t,setIsOpen:e,customization:o,adapters:a,connectedAdapterType:r,connectedWalletAddress:s,transactionsPool:l}){let{walletModal:n}=m(),{explorerUrl:p}=useMemo(()=>r?{explorerUrl:selectAdapterByKey({adapterKey:r,adapters:a})?.getExplorerUrl()}:{explorerUrl:void 0},[r,a]),c=()=>e(false),f={...{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,T=o?.components?.WalletInfo,d=o?.components?.History;return jsx(P.Root,{open:t,onOpenChange:x=>!x&&c(),children:jsx(P.Portal,{children:jsx(AnimatePresence,{children:t&&jsxs(Fragment,{children:[jsx(P.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(P.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,{...f,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:[y?jsx(y,{closeModal:c}):jsx(Ko,{closeModal:c,title:n.title}),jsxs("div",{className:"flex flex-col gap-4 p-4 sm:gap-6 sm:p-6",children:[T?jsx(T,{adapters:a,connectedAdapterType:r,walletAddress:s,explorerUrl:p}):jsx(Ft,{adapters:a,connectedAdapterType:r,walletAddress:s,explorerUrl:p}),d?jsx(d,{adapters:a,transactionsPool:l,connectedWalletAddress:s}):jsx(Ht,{adapters:a,transactionsPool:l,connectedWalletAddress:s})]})]})})})]})})})})}export{Tt as HashLink,H as StatusAwareText,qt as ToastCloseButton,Qt as ToastTransaction,jt as TrackingTxModal,Bt as TransactionHistoryItem,O as TransactionKey,X as TransactionStatusBadge,Ht as TransactionsHistory,en as TxActionButton,wt as TxErrorBlock,Ct as TxInfoBlock,Pt as TxProgressIndicator,Rt as TxStatusVisual,it as WalletAddressDisplay,Ot as WalletAvatar,Ft as WalletHeader,Zt as WalletInfoModal,q as defaultLabels};//# sourceMappingURL=index.js.map
+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}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 h from'@radix-ui/react-dialog';import {AnimatePresence,motion}from'framer-motion';import Rt from'dayjs';import so from'dayjs/plugin/relativeTime';import ko from'ethereum-blockies-base64';import {zeroAddress,isHex}from'viem';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 qt=createContext(j);var m=()=>useContext(qt);({[TransactionStatus.Success]:"success",[TransactionStatus.Failed]:"error",[TransactionStatus.Replaced]:"info"});function z({label:t,hash:e,explorerUrl:o,variant:r="default",className:s}){let{isCopied:n,copy:i}=useCopyToClipboard(),{actions:l,txError:p}=m(),a=cn("flex items-center justify-between",{"text-sm":r==="default","text-xs":r==="compact"},s),c=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:c,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:l.viewOnExplorer,"aria-label":l.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:l.copy,"aria-label":n?p.copied:l.copy,children:n?jsx(CheckIcon,{className:"h-4 w-4 text-[var(--tuwa-success-icon)]"}):jsx(DocumentDuplicateIcon,{className:"h-4 w-4"})})]})]})}var vt={[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 R({txStatus:t,source:e,fallback:o,variant:r,className:s,applyColor:n=false}){let i,l="";if(typeof e=="string")i=e;else if(Array.isArray(e)){let c=vt[t||"default"]??vt.default;i=e[c.index],n&&(l=c.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)]",l,s),children:i}):null}function Qt({closeToast:t}){let{actions:e}=m();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 O({tx:t,adapter:e,variant:o="toast",className:r,renderHashLink:s,confirmations:n}){let{hashLabels:i,statuses:l}=m(),p=selectAdapterByKey({adapterKey:t.adapter,adapter:e});if(!p)return null;let a=f=>s?s(f):jsx(z,{...f}),c=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!==TransactionTracker.Solana?"compact":"default",explorerUrl:p.getExplorerTxUrl&&t.tracker===TransactionTracker.Solana?p?.getExplorerTxUrl(t):void 0}):null,x=(()=>{let f=t.hash,g=t.replacedTxHash;return !f&&!g?null:g?jsxs(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 jsxs("div",{className:cn(c,r),children:[T&&y,x,typeof n=="number"&&jsxs("p",{className:"text-xs text-[var(--tuwa-text-tertiary)]",children:[l.confirmationsLabel,": ",n]})]})}var ve=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 X({tx:t,className:e}){let{statuses:o}=m(),r=useMemo(()=>ve(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:l,Icon:p,badgeClasses:a,iconClasses:c}=i;return jsxs("div",{className:cn(s,a,e),children:[jsx(p,{className:cn("h-4 w-4",c)}),l]})}var he=({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}),Pe=({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}),Ne=({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 jt({openWalletInfoModal:t,tx:e,icon:o,className:r,customization:s,connectedWalletAddress:n,adapter:i}){let{actions:l,toast:p}=m(),a=selectAdapterByKey({adapterKey:e.adapter,adapter:i}),c=!!(e.tracker==="ethereum"&&e.pending&&a?.speedUpTxAction&&a?.cancelTxAction&&e.from.toLowerCase()===n?.toLowerCase()),d=()=>{c&&a.cancelTxAction(e);},y=()=>{c&&a.speedUpTxAction(e);},{StatusAwareText:x=R,TransactionKey:T=O,StatusBadge:f=X,SpeedUpButton:g=he,CancelButton:k=Pe,WalletInfoButton:v=Ne}=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:getChainName(e.chainId),children:o??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(T,{adapter:i,tx:e,variant:"toast"}),jsxs("div",{className:"mt-3 flex items-center justify-between",children:[jsx(f,{tx:e}),c?jsxs("div",{className:"flex items-center gap-4",children:[jsx(g,{onClick:y,children:l.speedUp}),jsx(k,{onClick:d,children:l.cancel})]}):t&&!!n&&jsx(v,{onClick:t,children:p.openWalletInfo})]})]})]})}function Ct({error:t,className:e}){let{isCopied:o,copy:r}=useCopyToClipboard(),{actions:s,txError:n}=m();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 Ke({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 ht({tx:t,adapter:e,className:o,customization:r}){let{txInfo:s,statuses:n,hashLabels:i}=m(),l=selectAdapterByKey({adapterKey:t.adapter,adapter:e});if(!l)return null;let{InfoRow:p=Ke}=r?.components??{},a="chainId"in t?t.chainId:t.desiredChainID,c=t.adapter===TransactionAdapter.SOLANA,d=c?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:jsx(Web3Icon,{chainId:a})}),jsx("span",{children:getChainName(a)})]})}),t.localTimestamp&&jsx(p,{label:s.started,value:Rt.unix(t.localTimestamp).format("MMM D, HH:mm:ss")}),c&&jsxs(Fragment,{children:[d?.slot&&jsx(p,{label:s.slot,value:jsx(z,{hash:d.slot.toString(),explorerUrl:l?.getExplorerUrl?`${l?.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(z,{hash:d.recentBlockhash})})]}),"txKey"in t&&t.txKey&&jsx("div",{className:"border-t border-[var(--tuwa-border-primary)] pt-3",children:jsx(O,{tx:t,adapter:e,variant:"history",renderHashLink:r?.components?.transactionKey})})]})}var Ve={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 _e({status:t,label:e,isFirst:o=false}){let r=Ve[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 Pt({isProcessing:t,isSucceed:e,isFailed:o,isReplaced:r,className:s,StepComponent:n=_e}){let{trackingModal:i,statuses:l}=m(),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"},c=d=>d===1?i.progressIndicator.created:d===2?i.progressIndicator.processing:o?l.failed:r?l.replaced:i.progressIndicator.succeed;return [{status:a(1),label:c(1),isFirst:true},{status:a(2),label:c(2)},{status:a(3),label:c(3),isLast:true}]},[t,e,o,r,i,l]);return jsx("div",{className:cn("flex w-full items-start px-4 pt-2 pb-1",s),children:p.map((a,c)=>jsx(n,{...a},c))})}var qe={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 It({isProcessing:t,isSucceed:e,isFailed:o,isReplaced:r}){let s=e&&"succeed"||o&&"failed"||r&&"replaced"||t&&"processing"||"initializing",{Icon:n,className:i}=qe[s];return jsx("div",{className:"flex justify-center py-4",children:jsx(n,{className:cn("h-16 w-16",i)})})}function Zt({adapter:t,onClose:e,onOpenWalletInfo:o,className:r,customization:s,transactionsPool:n,handleTransaction:i,initialTx:l,connectedWalletAddress:p}){let a=useMemo(()=>l?.lastTxKey?n[l.lastTxKey]:void 0,[n,l]),c=a??l,d=l?.withTrackedModal&&!a||(a?.isTrackedModalOpen??false),{isProcessing:y,isSucceed:x,isFailed:T,isReplaced:f}=useMemo(()=>{let K=a?.status,Xt=l?.isInitializing??false,Jt=a?.pending??false;return {isProcessing:Xt||Jt,isSucceed:K===TransactionStatus.Success,isFailed:a?.isError||!!l?.errorMessage,isReplaced:K===TransactionStatus.Replaced}},[a,l]),g=useMemo(()=>c?selectAdapterByKey({adapterKey:c.adapter,adapter:t}):void 0,[c,t]),k=!!(T&&c&&l?.actionFunction&&i),v=!!(g?.speedUpTxAction&&g?.cancelTxAction&&a?.pending&&a.tracker==="ethereum"),W=()=>{if(!k||!g?.retryTxAction)return;let K={adapter:c.adapter,type:c.type,desiredChainID:"desiredChainID"in c?c.desiredChainID:c.chainId,actionFunction:l?.actionFunction,title:c.title,description:c.description,payload:c.payload,withTrackedModal:true};g.retryTxAction({tx:K,txKey:a?.txKey??"",onClose:e,handleTransaction:i});},I=()=>{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,$t={initial:{opacity:0,scale:.95},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.95},transition:{duration:.2,ease:"easeOut"},...s?.motionProps};return c?jsx(h.Root,{open:d,onOpenChange:K=>!K&&e(a?.txKey),children:jsx(h.Portal,{children:jsx(AnimatePresence,{children:d&&jsxs(Fragment,{children:[jsx(h.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(h.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,{...$t,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:[_?jsx(_,{onClose:()=>e(a?.txKey),title:jsx(Mt,{tx:c})}):jsx(eo,{onClose:()=>e(a?.txKey),title:jsx(Mt,{tx:c})}),jsxs("main",{className:"flex flex-col gap-3",children:[ut?jsx(ut,{isProcessing:y,isSucceed:x,isFailed:T,isReplaced:f}):jsx(It,{isProcessing:y,isSucceed:x,isFailed:T,isReplaced:f}),mt?jsx(mt,{isProcessing:y,isSucceed:x,isFailed:T,isReplaced:f}):jsx(Pt,{isProcessing:y,isSucceed:x,isFailed:T,isReplaced:f}),ft?jsx(ft,{tx:c,adapter:t}):jsx(ht,{tx:c,adapter:t}),xt?jsx(xt,{error:a?.errorMessage||l?.errorMessage}):jsx(Ct,{error:a?.errorMessage||l?.errorMessage})]}),dt?jsx(dt,{onClose:()=>e(a?.txKey),onOpenWalletInfo:o,isProcessing:y,isFailed:T,canReplace:v,onRetry:k?W:void 0,onSpeedUp:v?B:void 0,onCancel:v?I:void 0,connectedWalletAddress:p}):jsx(oo,{onClose:()=>e(a?.txKey),onOpenWalletInfo:o,isProcessing:y,isFailed:T,canReplace:v,onRetry:k?W:void 0,onSpeedUp:v?B:void 0,onCancel:v?I:void 0,connectedWalletAddress:p})]})})})]})})})}):null}function Mt({tx:t}){return jsx(R,{txStatus:"status"in t?t.status:void 0,source:t.title,fallback:t.type,variant:"title",className:"text-lg"})}var eo=({onClose:t,title:e})=>{let{actions:o}=m();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(h.Title,{children:e}),jsx(h.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"})})})]})},oo=({onClose:t,onOpenWalletInfo:e,isProcessing:o,onRetry:r,onSpeedUp:s,onCancel:n,canReplace:i,isFailed:l,connectedWalletAddress:p})=>{let{trackingModal:a,actions:c}=m(),d=()=>l&&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:c.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:c.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})]})]})};Rt.extend(so);var no=({chainId:t})=>jsx("div",{className:"h-8 w-8 text-[var(--tuwa-text-secondary)]",children:jsx(Web3Icon,{chainId:t})}),io=({timestamp:t})=>jsx("span",{className:"mb-1 block text-xs text-[var(--tuwa-text-secondary)]",children:t?Rt.unix(t).fromNow():"..."});function Lt({tx:t,adapter:e,className:o,customization:r}){let{Icon:s=no,Title:n=R,Description:i=R,Timestamp:l=io,StatusBadge:p=X,TransactionKey:a=O}=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(l,{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 po({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 Ht({adapter:t,connectedWalletAddress:e,transactionsPool:o,className:r,customization:s}){let{walletModal:n}=m(),i=useMemo(()=>e?selectAllTransactionsByActiveWallet(o,e).sort((d,y)=>(y.localTimestamp??0)-(d.localTimestamp??0)):[],[o,e]),{Placeholder:l=po,HistoryItem:p=Lt}=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(c=>jsx(p,{tx:c,adapter:t},c.txKey))}):jsx(l,{title:n.history.noTransactionsTitle,message:n.history.noTransactionsMessage}):jsx(l,{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 To=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 dn({children:t,action:e,getLastTxKey:o,transactionsPool:r,walletAddress:s,loadingContent:n,succeedContent:i,failedContent:l,replacedContent:p,resetTimeout:a=2500,className:c,...d}){let{trackedTxButton:y}=m(),[x,T]=useState("idle"),[f,g]=useState(void 0),k=useMemo(()=>To(y),[y]);useEffect(()=>{T("idle"),g(void 0);},[s]),useEffect(()=>{if(!f)return;let I=r[f];if(I)switch(I.status){case TransactionStatus.Success:T("succeed");break;case TransactionStatus.Replaced:T("replaced");break;case TransactionStatus.Failed:T("failed");break}},[r,f,s]),useEffect(()=>{if(["succeed","failed","replaced"].includes(x)){let I=setTimeout(()=>{T("idle"),g(void 0);},a);return ()=>clearTimeout(I)}},[x,a]);let v=async()=>{T("loading");try{await e(),g(o());}catch(I){console.error("Transaction initiation failed:",I),T("failed");}},W=()=>{switch(x){case "loading":return n??k.loading;case "succeed":return i??k.succeed;case "failed":return l??k.failed;case "replaced":return p??k.replaced;default:return t}};return jsx("button",{...d,disabled:x!=="idle"||d.disabled,onClick:v,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"},c),children:W()})}function ct({address:t,explorerUrl:e,className:o}){let{isCopied:r,copy:s}=useCopyToClipboard(),{actions:n,txError:i}=m(),l=useMemo(()=>e&&t?`${e}/address/${t}`:void 0,[e,t]);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"})}),l&&jsx("a",{href:l,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 Ut({address:t,ensAvatar:e,className:o}){let{walletModal:r}=m(),[s,n]=useState(e),i=useMemo(()=>ko(isHex(t)?t:zeroAddress),[t]),l=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:l},children:jsx("img",{className:"h-full w-full rounded-full object-cover",src:s||i,alt:`${r.header.avatarAlt} ${t}`,onError:p},e)})}var Ho=({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(ct,{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(ct,{address:o,explorerUrl:r}))})]});function zt({walletAddress:t,adapter:e,connectedAdapterType:o,className:r,renderAvatar:s,renderName:n,renderAddressDisplay:i,renderNoWalletContent:l,explorerUrl:p}){let{walletModal:a}=m(),[c,d]=useState(null),[y,x]=useState(null),[T,f]=useState(true);if(useEffect(()=>{(async()=>{if(!t||!o){f(false);return}let v=selectAdapterByKey({adapterKey:o,adapter:e}),W=v&&"getName"in v&&typeof v.getName=="function",I=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),I)){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 l?jsx(Fragment,{children:l()}):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 g=c?c.length>30?textCenterEllipsis(c,12,12):c: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:y}):jsx(Ut,{address:t,ensAvatar:y})}),jsx("div",{className:"flex min-h-[3.5rem] min-w-[200px] flex-col justify-center",children:n?n({ensName:g,isLoading:T,address:t}):jsx(Ho,{isLoading:T,ensName:g,walletAddress:t,explorerUrl:p,renderAddressDisplay:i})})]})}var Fo=({closeModal:t,title:e})=>{let{actions:o}=m();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(h.Title,{className:"text-lg font-bold text-[var(--tuwa-text-primary)]",children:e}),jsx(h.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 te({isOpen:t,setIsOpen:e,customization:o,adapter:r,connectedAdapterType:s,connectedWalletAddress:n,transactionsPool:i}){let{walletModal:l}=m(),{explorerUrl:p}=useMemo(()=>s?{explorerUrl:selectAdapterByKey({adapterKey:s,adapter:r})?.getExplorerUrl()}:{explorerUrl:void 0},[s,r]),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 jsx(h.Root,{open:t,onOpenChange:f=>!f&&a(),children:jsx(h.Portal,{children:jsx(AnimatePresence,{children:t&&jsxs(Fragment,{children:[jsx(h.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(h.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:[y?jsx(y,{closeModal:a}):jsx(Fo,{closeModal:a,title:l.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(zt,{adapter:r,connectedAdapterType:s,walletAddress:n,explorerUrl:p}),T?jsx(T,{adapter:r,transactionsPool:i,connectedWalletAddress:n}):jsx(Ht,{adapter:r,transactionsPool:i,connectedWalletAddress:n})]})]})})})]})})})})}export{z as HashLink,R as StatusAwareText,Qt as ToastCloseButton,jt as ToastTransaction,Zt as TrackingTxModal,Lt as TransactionHistoryItem,O as TransactionKey,X as TransactionStatusBadge,Ht as TransactionsHistory,dn as TxActionButton,Ct as TxErrorBlock,ht as TxInfoBlock,Pt as TxProgressIndicator,It as TxStatusVisual,ct as WalletAddressDisplay,Ut as WalletAvatar,zt as WalletHeader,te as WalletInfoModal,j as defaultLabels};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map