@tuwaio/nova-transactions 0.0.11 → 0.0.12

package/dist/index.d.cts

@@ -145,6 +145,8 @@ interface TxActionButtonProps<TR, T extends Transaction<TR>> extends Omit<Button
     replacedContent?: ReactNode;
     /** The duration (in milliseconds) to display the 'succeed', 'failed', or 'replaced' state before automatically resetting the button to 'idle'. Defaults to 2500ms. */
     resetTimeout?: number;
+    /** Optional active wallet address. If provided, the button will only display if the transaction was initiated by the active wallet. */
+    walletAddress?: string;
 }
 /**
  * A stateful button that provides real-time feedback for a transaction's lifecycle.
@@ -156,7 +158,7 @@ interface TxActionButtonProps<TR, T extends Transaction<TR>> extends Omit<Button
  * @param {TxActionButtonProps<TR, T>} props - The component props.
  * @returns {JSX.Element} The rendered stateful action button.
  */
-declare function TxActionButton<TR, T extends Transaction<TR>>({ children, action, getLastTxKey, loadingContent, succeedContent, failedContent, replacedContent, resetTimeout, transactionsPool, className, ...props }: TxActionButtonProps<TR, T>): JSX.Element;
+declare function TxActionButton<TR, T extends Transaction<TR>>({ children, action, getLastTxKey, loadingContent, succeedContent, failedContent, replacedContent, resetTimeout, transactionsPool, className, walletAddress, ...props }: TxActionButtonProps<TR, T>): JSX.Element;
 
 /**
  * @file This file contains the default English labels for all UI components.

package/dist/index.d.ts

@@ -145,6 +145,8 @@ interface TxActionButtonProps<TR, T extends Transaction<TR>> extends Omit<Button
     replacedContent?: ReactNode;
     /** The duration (in milliseconds) to display the 'succeed', 'failed', or 'replaced' state before automatically resetting the button to 'idle'. Defaults to 2500ms. */
     resetTimeout?: number;
+    /** Optional active wallet address. If provided, the button will only display if the transaction was initiated by the active wallet. */
+    walletAddress?: string;
 }
 /**
  * A stateful button that provides real-time feedback for a transaction's lifecycle.
@@ -156,7 +158,7 @@ interface TxActionButtonProps<TR, T extends Transaction<TR>> extends Omit<Button
  * @param {TxActionButtonProps<TR, T>} props - The component props.
  * @returns {JSX.Element} The rendered stateful action button.
  */
-declare function TxActionButton<TR, T extends Transaction<TR>>({ children, action, getLastTxKey, loadingContent, succeedContent, failedContent, replacedContent, resetTimeout, transactionsPool, className, ...props }: TxActionButtonProps<TR, T>): JSX.Element;
+declare function TxActionButton<TR, T extends Transaction<TR>>({ children, action, getLastTxKey, loadingContent, succeedContent, failedContent, replacedContent, resetTimeout, transactionsPool, className, walletAddress, ...props }: TxActionButtonProps<TR, T>): 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,ExclamationCircleIcon,ClockIcon}from'@heroicons/react/24/solid';import {useCopyToClipboard,cn,textCenterEllipsis}from'@tuwaio/nova-core';import {createContext,useContext,useState,useEffect}from'react';import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {TransactionStatus,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 {TransactionTracker,selectEvmTxExplorerLink,getName,getAvatar,speedUpTxAction,cancelTxAction}from'@tuwaio/pulsar-evm';import {getAccount}from'@wagmi/core';import*as g from'@radix-ui/react-dialog';import {AnimatePresence,motion}from'framer-motion';import Lt from'dayjs';import $e from'dayjs/plugin/relativeTime';import Jt 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"},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 jt=createContext(j);var u=()=>useContext(jt);({[TransactionStatus.Success]:"success",[TransactionStatus.Failed]:"error",[TransactionStatus.Replaced]:"info"});function xt({label:t,hash:e,explorerUrl:r,variant:a="default",className:s}){let{isCopied:o,copy:l}=useCopyToClipboard(),c=u(),d=cn("flex items-center justify-between",a==="default"&&"text-sm",a==="compact"&&"text-xs",s),i=cn("pr-1",a==="default"&&"font-bold text-[var(--tuwa-text-primary)]",a==="compact"&&"font-medium text-[var(--tuwa-text-secondary)]"),p=jsx("span",{className:"font-mono",children:textCenterEllipsis(e,5,5)});return jsxs("div",{className:d,children:[t&&jsxs("span",{className:i,children:[t,":"]}),jsxs("div",{className:"flex items-center gap-x-2",children:[r?jsxs("a",{href:r,target:"_blank",rel:"noopener noreferrer",className:"flex items-center gap-x-1 text-[var(--tuwa-text-accent)] hover:underline",title:c.actions.viewOnExplorer,"aria-label":c.actions.viewOnExplorer,children:[p,jsx(ArrowTopRightOnSquareIcon,{className:"h-4 w-4"})]}):p,jsx("button",{type:"button",onClick:()=>l(e),className:"cursor-pointer text-[var(--tuwa-text-tertiary)] transition-colors hover:text-[var(--tuwa-text-secondary)]",title:o?c.txError.copied:c.actions.copy,"aria-label":o?c.txError.copied:c.actions.copy,children:o?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:r,variant:a,className:s,applyColor:o=false}){let l=a==="title"?"text-sm font-semibold text-[var(--tuwa-text-primary)]":"mt-1 text-xs text-[var(--tuwa-text-secondary)]";if(typeof e=="string")return jsx("div",{className:cn(l,s),children:e});if(Array.isArray(e)){let d=vt[t||"default"]||vt.default,i=e[d.index],p=o?d.colorClass:"";return jsx("div",{className:cn(l,p,s),children:i})}return r?jsx("div",{className:cn(l,s),children:r}):null}function Zt({closeToast:t}){let e=u();return jsx("button",{type:"button",onClick:t,"aria-label":e.actions.close,title:e.actions.close,className:"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 D({tx:t,appChains:e,transactionsPool:r,variant:a="toast",className:s,renderHashLink:o}){let l=u();if(t?.adapter!==TransactionAdapter.EVM)return null;let c=!!t.replacedTxHash,d=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=p=>o?o(p):jsx(xt,{...p});return jsxs("div",{className:cn(d,s),children:[t.tracker===TransactionTracker.Gelato&&i({label:l.hashLabels.gelato,hash:t.txKey,variant:"compact"}),t.tracker===TransactionTracker.Safe&&i({label:l.hashLabels.safe,hash:t.txKey,variant:"compact"}),c?jsxs(Fragment,{children:[t.hash&&i({label:l.hashLabels.original,hash:t.hash,variant:"compact"}),i({label:l.hashLabels.replaced,hash:t.replacedTxHash,explorerUrl:selectEvmTxExplorerLink(r,e,t.txKey,t.replacedTxHash)})]}):t.hash&&i({label:l.hashLabels.default,hash:t.hash,explorerUrl:selectEvmTxExplorerLink(r,e,t.txKey)})]})}function _({tx:t,className:e}){let r=u(),a={Pending:{label:r.statuses.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:r.statuses.success,Icon:CheckCircleIcon,badgeClasses:"bg-[var(--tuwa-success-bg)] text-[var(--tuwa-success-text)]",iconClasses:"text-[var(--tuwa-success-icon)]"},[TransactionStatus.Failed]:{label:r.statuses.failed,Icon:XCircleIcon,badgeClasses:"bg-[var(--tuwa-error-bg)] text-[var(--tuwa-error-text)]",iconClasses:"text-[var(--tuwa-error-icon)]"},[TransactionStatus.Replaced]:{label:r.statuses.replaced,Icon:ArrowPathIcon,badgeClasses:"bg-[var(--tuwa-info-bg)] text-[var(--tuwa-info-text)]",iconClasses:"text-[var(--tuwa-info-icon)]"}},s="inline-flex items-center gap-x-1.5 rounded-full px-2 py-1 text-xs font-medium",o=t.pending?"Pending":t.status,l=o?a[o]:null;if(!l)return jsx("div",{className:cn(s,"bg-[var(--tuwa-info-bg)] text-[var(--tuwa-info-text)]",e),children:t.status??r.statuses.unknown});let{label:c,Icon:d,badgeClasses:i,iconClasses:p}=l;return jsxs("div",{className:cn(s,i,e),children:[jsx(d,{className:cn("h-4 w-4",p)}),c]})}function te({openWalletInfoModal:t,tx:e,transactionsPool:r,appChains:a,icon:s,className:o,customization:l,config:c}){let d=u(),i=l?.components,p=c&&e?.adapter===TransactionAdapter.EVM&&e.nonce!==void 0&&e.pending&&e.maxFeePerGas&&e.maxPriorityFeePerGas,m=async()=>{p&&await speedUpTxAction({config:c,tx:e});},n=async()=>{p&&await cancelTxAction({config:c,tx:e});};return jsxs("div",{className:cn("flex w-full flex-col gap-3 rounded-lg bg-[var(--tuwa-bg-primary)] p-4 shadow-md",o),children:[jsxs("div",{className:"flex items-start gap-3",children:[jsx("div",{className:"w-[40px] flex-shrink-0",title:getChainName(e.chainId),children:s??jsx(Web3Icon,{chainId:e.chainId})}),jsxs("div",{className:"flex-1",children:[i?.statusAwareText?i.statusAwareText({txStatus:e.status,source:e.title,fallback:e.type,variant:"title",applyColor:true}):jsx(R,{txStatus:e.status,source:e.title,fallback:e.type,variant:"title",applyColor:true}),i?.statusAwareText?i.statusAwareText({txStatus:e.status,source:e.description,variant:"description"}):jsx(R,{txStatus:e.status,source:e.description,variant:"description"})]})]}),jsxs("div",{children:[i?.transactionKey?i.transactionKey({transactionsPool:r,appChains:a,tx:e,variant:"toast"}):jsx(D,{transactionsPool:r,appChains:a,tx:e,variant:"toast"}),jsxs("div",{className:"mt-3 flex items-center justify-between",children:[i?.statusBadge?i.statusBadge({tx:e}):jsx(_,{tx:e}),p?jsxs("div",{className:"flex items-center gap-4",children:[i?.speedUpButton?i.speedUpButton({onClick:m,children:d.actions.speedUp}):jsx("button",{onClick:m,type:"button",className:"cursor-pointer text-sm font-medium text-[var(--tuwa-text-accent)] transition-opacity hover:opacity-80",children:d.actions.speedUp}),i?.cancelButton?i.cancelButton({onClick:n,children:d.actions.cancel}):jsx("button",{onClick:n,type:"button",className:"cursor-pointer text-sm font-medium text-[var(--tuwa-text-secondary)] transition-opacity hover:opacity-80",children:d.actions.cancel})]}):c&&getAccount(c).address&&t&&(i?.walletInfoButton?i.walletInfoButton({onClick:()=>t(true),children:d.toast.openWalletInfo}):jsx("button",{className:"cursor-pointer bg-gradient-to-r from-[var(--tuwa-button-gradient-from)] to-[var(--tuwa-button-gradient-to)] text-[var(--tuwa-text-on-accent)] font-bold text-xs py-1 px-3 rounded-md shadow-lg hover:shadow-xl hover:from-[var(--tuwa-button-gradient-from-hover)] hover:to-[var(--tuwa-button-gradient-to-hover)] active:scale-95 transition-all duration-200 ease-in-out",onClick:()=>t(true),type:"button",children:d.toast.openWalletInfo}))]})]})]})}function Pt({error:t,className:e}){let{isCopied:r,copy:a}=useCopyToClipboard(),s=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:s.txError.title})]}),jsx("button",{type:"button",onClick:()=>a(t),title:s.actions.copy,"aria-label":s.actions.copy,className:"cursor-pointer text-[var(--tuwa-error-icon)]/50 transition-colors hover:text-[var(--tuwa-error-icon)]",children: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})}),jsx("div",{className:"mt-1 h-5 text-right",children:jsx("p",{className:cn("text-xs text-[var(--tuwa-success-icon)] transition-opacity duration-300 ease-in-out",r?"opacity-100":"opacity-0"),children:s.txError.copied})})]}):null}function Me({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 Nt({tx:t,appChains:e,transactionsPool:r,className:a,customization:s}){let o=u(),l=c=>s?.components?.infoRow?s.components.infoRow(c):jsx(Me,{...c});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:[l({label:o.txInfo.network,value:jsxs("div",{className:"flex items-center justify-end gap-2",children:[jsx("div",{className:"h-4 w-4",children:jsx(Web3Icon,{chainId:t.chainId??t?.desiredChainID??1})}),jsx("span",{children:getChainName(t.chainId??t?.desiredChainID??1)})]})}),t.localTimestamp&&l({label:o.txInfo.started,value:Lt.unix(t.localTimestamp).format("MMM D, HH:mm:ss")}),jsx("div",{className:"border-t border-[var(--tuwa-border-primary)] pt-3",children:jsx(D,{tx:t,appChains:e,transactionsPool:r,variant:"history",renderHashLink:s?.components?.transactionKey})})]})}function Le({status:t,label:e,isFirst:r=false}){let a={isCompleted:t==="completed",isError:t==="error",isReplaced:t==="replaced",isActive:t==="active"},s={line:cn({"bg-[var(--tuwa-success-icon)]":a.isCompleted,"bg-[var(--tuwa-error-icon)]":a.isError,"bg-[var(--tuwa-info-icon)]":a.isReplaced,"bg-[var(--tuwa-pending-icon)]":a.isActive,"bg-[var(--tuwa-border-primary)]":t==="inactive"}),border:cn({"border-[var(--tuwa-success-icon)]":a.isCompleted,"border-[var(--tuwa-error-icon)]":a.isError,"border-[var(--tuwa-info-icon)]":a.isReplaced,"border-[var(--tuwa-pending-icon)]":a.isActive,"border-[var(--tuwa-border-primary)]":t==="inactive"}),fill:cn({"bg-[var(--tuwa-success-icon)]":a.isCompleted,"bg-[var(--tuwa-error-icon)]":a.isError,"bg-[var(--tuwa-info-icon)]":a.isReplaced}),pulse:cn({"bg-[var(--tuwa-pending-icon)]":a.isActive})};return jsxs("div",{className:"relative flex flex-1 flex-col items-center min-w-[80px]",children:[!r&&jsx("div",{className:cn("absolute right-1/2 top-[10px] h-0.5 w-full",s.line)}),jsxs("div",{className:cn("relative z-10 flex h-5 w-5 items-center justify-center rounded-full border-2",s.border,s.fill),children:[a.isCompleted&&jsx(CheckIcon,{className:"h-3 w-3 text-white"}),a.isError&&jsx(ExclamationTriangleIcon,{className:"h-3 w-3 text-white"}),a.isReplaced&&jsx(ArrowPathIcon,{className:"h-3 w-3 text-white"}),a.isActive&&jsx("div",{className:cn("h-2 w-2 animate-pulse rounded-full",s.pulse)})]}),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 It({isProcessing:t,isSucceed:e,isFailed:r,isReplaced:a,className:s,StepComponent:o=Le}){let l=u(),c=p=>{if(p===1)return "completed";if(p===2){if(e||r||a)return "completed";if(t)return "active"}if(p===3){if(e)return "completed";if(r)return "error";if(a)return "replaced";if(t)return "active"}return "inactive"},d=p=>p===1?l.trackingModal.progressIndicator.created:p===2?l.trackingModal.progressIndicator.processing:r?l.statuses.failed:a?l.statuses.replaced:l.trackingModal.progressIndicator.succeed,i=[{status:c(1),label:d(1),isFirst:true},{status:c(2),label:d(2)},{status:c(3),label:d(3),isLast:true}];return jsx("div",{className:cn("flex w-full items-start px-4 pt-2 pb-1",s),children:i.map((p,m)=>jsx(o,{...p},m))})}function Mt({isProcessing:t,isSucceed:e,isFailed:r,isReplaced:a}){let s;return e?s=jsx(CheckCircleIcon,{className:"h-16 w-16 text-[var(--tuwa-success-icon)]"}):r?s=jsx(ExclamationCircleIcon,{className:"h-16 w-16 text-[var(--tuwa-error-icon)]"}):a?s=jsx(ArrowPathIcon,{className:"h-16 w-16 text-[var(--tuwa-info-icon)]"}):t?s=jsx(ArrowPathIcon,{className:"h-16 w-16 animate-spin text-[var(--tuwa-text-accent)]"}):s=jsx(ClockIcon,{className:"h-16 w-16 animate-pulse text-[var(--tuwa-pending-icon)]"}),jsx("div",{className:"flex justify-center py-4",children:s})}function ee({onClose:t,onOpenWalletInfo:e,className:r,customization:a,appChains:s,transactionsPool:o,actions:l,handleTransaction:c,config:d,initialTx:i}){let p=u(),m=a?.components,[n,y]=useState(void 0);useEffect(()=>{let K;i?.lastTxKey?K=o[i.lastTxKey]:n&&(K=o[n.txKey]),y(K);},[o,i,n]);let f=n??i,x=n?.status,H=i?.isInitializing??false,F=n?.pending??true,C=H||F,W=n?.isError||!!i?.errorMessage,U=f?.actionKey&&l?.[f.actionKey]&&c&&d,w=d&&n?.adapter===TransactionAdapter.EVM&&n?.nonce!==void 0&&n.pending&&n.maxFeePerGas&&n.maxPriorityFeePerGas,I={initial:{opacity:0,scale:.95},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.95},transition:{duration:.2,ease:"easeOut"},...a?.motionProps},dt=async()=>{if(!U||!f?.actionKey)return;let K={adapter:TransactionAdapter.EVM,type:f.type,desiredChainID:n?.chainId||i?.desiredChainID||1,actionKey:f.actionKey,title:f.title,description:f.description,payload:f.payload,withTrackedModal:true};t(n?.txKey),await c({actionFunction:()=>l[f.actionKey]({config:d,...f.payload}),params:K,defaultTracker:TransactionTracker.Ethereum});},mt=async()=>{w&&n&&await cancelTxAction({config:d,tx:n});},ut=async()=>{w&&n&&await speedUpTxAction({config:d,tx:n});},ft=(n?.isTrackedModalOpen||i?.withTrackedModal)??false;return jsx(g.Root,{open:ft,onOpenChange:K=>!K&&t(n?.txKey),children:jsx(g.Portal,{children:jsx(AnimatePresence,{children:ft&&jsxs(Fragment,{children:[jsx(g.Overlay,{asChild:true,children:jsx(motion.div,{className:"fixed inset-0 bg-black/60 z-50",initial:{opacity:0},animate:{opacity:1},exit:{opacity:0}})}),jsx(g.Content,{className:"fixed left-1/2 top-1/2 w-full max-w-md -translate-x-1/2 -translate-y-1/2 outline-none z-50",onOpenAutoFocus:()=>y(void 0),...a?.modalProps,asChild:true,children:jsx(motion.div,{...I,children:jsxs("div",{className:cn("relative flex flex-col gap-3 rounded-2xl bg-[var(--tuwa-bg-primary)] p-5 pt-0 shadow-2xl max-h-[98dvh] overflow-y-auto",r),children:[m?.header?m.header({onClose:()=>t(n?.txKey)}):jsxs("header",{className:"flex items-start justify-between sticky top-0 w-full z-10 pt-5 pb-2 bg-[var(--tuwa-bg-primary)]",children:[jsx(g.Title,{className:"text-lg font-bold text-[var(--tuwa-text-primary)]",children:p.trackingModal.title}),jsx(g.Close,{asChild:true,children:jsx("button",{type:"button",onClick:()=>t(n?.txKey),"aria-label":p.actions.close,className:"cursor-pointer ml-2 -mt-1 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"})})})]}),jsxs("main",{className:"flex flex-col gap-3",children:[m?.statusVisual?m.statusVisual({isProcessing:C,isSucceed:x===TransactionStatus.Success,isFailed:W,isReplaced:x===TransactionStatus.Replaced}):jsx(Mt,{isProcessing:C,isSucceed:x===TransactionStatus.Success,isFailed:W,isReplaced:x===TransactionStatus.Replaced}),jsxs("div",{className:"flex flex-col items-center text-center -mt-2",children:[jsx(R,{txStatus:x,source:f?.title,fallback:f?.type,variant:"title",applyColor:true,className:"text-xl"}),jsx(R,{txStatus:x,source:f?.description,variant:"description",className:"mt-0"})]}),m?.progressIndicator?m.progressIndicator({isProcessing:C,isSucceed:x===TransactionStatus.Success,isFailed:W,isReplaced:x===TransactionStatus.Replaced}):jsx(It,{isProcessing:C,isSucceed:x===TransactionStatus.Success,isFailed:W,isReplaced:x===TransactionStatus.Replaced}),m?.infoBlock?m.infoBlock({tx:f,appChains:s,transactionsPool:o}):jsx(Nt,{tx:f,appChains:s,transactionsPool:o}),m?.errorBlock?m.errorBlock({error:n?.errorMessage||i?.errorMessage}):jsx(Pt,{error:n?.errorMessage||i?.errorMessage})]}),m?.footer?m.footer({onClose:()=>t(n?.txKey),onOpenWalletInfo:e,isProcessing:C,onRetry:U?dt:void 0,onSpeedUp:w?ut:void 0,onCancel:w?mt:void 0}):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:w&&jsxs(Fragment,{children:[jsx("button",{type:"button",onClick:ut,className:"cursor-pointer text-sm font-medium text-[var(--tuwa-text-accent)] transition-opacity hover:opacity-80",children:p.actions.speedUp}),jsx("button",{type:"button",onClick:mt,className:"cursor-pointer text-sm font-medium text-[var(--tuwa-text-secondary)] transition-opacity hover:opacity-80",children:p.actions.cancel})]})}),jsxs("div",{className:"flex items-center gap-3",children:[W&&U?jsx("button",{type:"button",onClick:dt,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:p.trackingModal.retry}):!w&&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:p.trackingModal.walletInfo}),jsx("button",{type:"button",onClick:()=>t(n?.txKey),disabled:C&&!w,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:C&&!w?p.trackingModal.processing:p.trackingModal.close})]})]})]})})})]})})})})}Lt.extend($e);function Ht({tx:t,appChains:e,transactionsPool:r,className:a,customization:s}){let o=s?.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:o?.icon?o.icon({chainId:t.chainId}):jsx("div",{className:"h-8 w-8 text-[var(--tuwa-text-secondary)]",children:jsx(Web3Icon,{chainId:t.chainId})})}),jsxs("div",{children:[o?.title?o.title({txStatus:t.status,source:t.title,fallback:t.type,variant:"title",applyColor:true}):jsx(R,{txStatus:t.status,source:t.title,fallback:t.type,variant:"title",applyColor:true}),o?.timestamp?o.timestamp({timestamp:t.localTimestamp}):jsx("span",{className:"mb-1 block text-xs text-[var(--tuwa-text-secondary)]",children:t.localTimestamp?Lt.unix(t.localTimestamp).fromNow():"..."}),o?.description?o.description({txStatus:t.status,source:t.description,variant:"description"}):jsx(R,{txStatus:t.status,source:t.description,variant:"description"})]})]}),o?.statusBadge?o.statusBadge({tx:t}):jsx(_,{tx:t})]}),o?.transactionKey?o.transactionKey({tx:t,appChains:e,transactionsPool:r,variant:"history"}):jsx(D,{tx:t,appChains:e,transactionsPool:r,variant:"history"})]})}function Ye({title:t,message:e,className:r}){return jsxs("div",{className:cn("rounded-lg bg-[var(--tuwa-bg-muted)] p-8 text-center",r),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 Wt({walletAddress:t,transactionsPool:e,appChains:r,className:a,customization:s}){let o=u(),l=s?.components,d=[...t?selectAllTransactionsByActiveWallet(e,t):[]].sort((m,n)=>(n.localTimestamp??0)-(m.localTimestamp??0)),i=(m,n)=>l?.placeholder?l.placeholder({title:m,message:n}):jsx(Ye,{title:m,message:n}),p=l?.HistoryItem||Ht;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:o.walletModal.history.title}),t?d.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:d.map(m=>jsx(p,{tx:m,transactionsPool:e,appChains:r},m.txKey))}):i(o.walletModal.history.noTransactionsTitle,o.walletModal.history.noTransactionsMessage):i(o.walletModal.history.connectWalletTitle,o.walletModal.history.connectWalletMessage)]})}function Ps({children:t,action:e,getLastTxKey:r,loadingContent:a,succeedContent:s,failedContent:o,replacedContent:l,resetTimeout:c=2500,transactionsPool:d,className:i,...p}){let m=u(),[n,y]=useState("idle"),[f,x]=useState(void 0);useEffect(()=>{if(f){let I=d[f];if(I?.status)switch(I.status){case TransactionStatus.Success:y("succeed");break;case TransactionStatus.Replaced:y("replaced");break;case TransactionStatus.Failed:y("failed");break}}},[d,f]),useEffect(()=>{if(n==="succeed"||n==="failed"||n==="replaced"){let I=setTimeout(()=>{y("idle"),x(void 0);},c);return ()=>clearTimeout(I)}},[n,c]);let H=async()=>{y("loading");try{await e(),x(r());}catch(I){console.error("Transaction initiation failed:",I),y("failed");}},F=jsxs(Fragment,{children:[jsx(ArrowPathIcon,{className:"h-4 w-4"}),jsx("span",{children:m.trackedTxButton.replaced})]}),C=jsxs(Fragment,{children:[jsx(ArrowPathIcon,{className:"h-4 w-4 animate-spin"}),jsx("span",{children:m.trackedTxButton.loading})]}),W=jsxs(Fragment,{children:[jsx(CheckCircleIcon,{className:"h-4 w-4"}),jsx("span",{children:m.trackedTxButton.succeed})]}),U=jsxs(Fragment,{children:[jsx(ExclamationCircleIcon,{className:"h-4 w-4"}),jsx("span",{children:m.trackedTxButton.failed})]}),w=()=>{switch(n){case "loading":return a??C;case "succeed":return s??W;case "failed":return o??U;case "replaced":return l??F;case "idle":default:return t}};return jsx("button",{...p,disabled:n!=="idle"||p.disabled,onClick:H,className:cn("cursor-pointer flex 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",n==="idle"&&"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",n==="loading"&&"bg-gray-400 text-white",n==="replaced"&&"bg-gray-500 text-white",n==="succeed"&&"bg-[var(--tuwa-success-bg)] text-[var(--tuwa-success-text)]",n==="failed"&&"bg-[var(--tuwa-error-bg)] text-[var(--tuwa-error-text)]",i),children:w()})}function ct({address:t,chain:e,className:r}){let{isCopied:a,copy:s}=useCopyToClipboard(),o=u(),l=e?.blockExplorers?.default.url,c=l?`${l}/address/${t}`:void 0;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)]",r),children:[jsx("span",{children:textCenterEllipsis(t,6,6)}),jsx("button",{type:"button",title:a?o.txError.copied:o.actions.copy,"aria-label":a?o.txError.copied:o.actions.copy,onClick:()=>s(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"})}),c&&jsx("a",{href:c,target:"_blank",rel:"noopener noreferrer",className:"transition-colors hover:text-[var(--tuwa-text-accent)]",title:o.actions.viewOnExplorer,"aria-label":o.actions.viewOnExplorer,children:jsx(ArrowTopRightOnSquareIcon,{className:"h-4 w-4"})})]})}function Vt({address:t,ensAvatar:e,className:r}){let a=u(),s=`#${t.slice(2,8)}`,[o,l]=useState(void 0);return useEffect(()=>{l(e??Jt(isHex(t)?t:zeroAddress));},[e,t]),jsx("div",{className:cn("h-12 w-12 flex-shrink-0 rounded-full",r),style:{backgroundColor:s},children:jsx("img",{className:"h-full w-full rounded-full object-cover",src:o,alt:`${a.walletModal.header.avatarAlt} ${t}`,onError:()=>l(Jt(isHex(t)?t:zeroAddress))})})}function $t({walletAddress:t,chain:e,className:r,renderAvatar:a,renderName:s,renderAddressDisplay:o,renderNoWalletContent:l}){let c=u(),[d,i]=useState(void 0),[p,m]=useState(void 0),[n,y]=useState(true);if(useEffect(()=>{(async()=>{if(t){y(true),i(void 0),m(void 0);try{let H=await getName(t);if(H){i(H);let F=await getAvatar(H);m(F);}}finally{y(false);}}})();},[t]),!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:c.walletModal.header.notConnected});let f=d?d.length>30?textCenterEllipsis(d,12,12):d:void 0;return jsxs("div",{className:cn("flex items-center gap-4 min-h-[4rem]",r),children:[jsx("div",{children:a?a({address:t,ensAvatar:p}):jsx(Vt,{address:t,ensAvatar:p})}),jsx("div",{className:"flex flex-col justify-center min-h-[3.5rem] min-w-[200px]",children:s?s({ensName:f,isLoading:n,address:t}):jsxs("div",{className:"flex flex-col",children:[jsx("div",{className:"h-7 flex items-center mb-1.5",children:n?jsx("div",{className:"h-full w-48 animate-pulse rounded-md bg-[var(--tuwa-bg-muted)]"}):f?jsx("h2",{className:"text-xl font-bold text-[var(--tuwa-text-primary)]",children:f}):jsx(ct,{address:t,chain:e,className:"text-xl font-bold text-[var(--tuwa-text-primary)] bg-transparent px-0 py-0 rounded-none"})}),jsx("div",{className:"h-5 flex items-center",children:!n&&f&&(o?o({address:t,chain:e}):jsx(ct,{address:t,chain:e}))})]})})]})}function ae({isOpen:t,setIsOpen:e,customization:r,...a}){let s=u(),l={...{initial:{opacity:0,scale:.95},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.95},transition:{duration:.2,ease:"easeOut"}},...r?.motionProps},c=()=>e(false);return jsx(g.Root,{open:t,onOpenChange:d=>!d&&c(),children:jsx(g.Portal,{children:jsx(AnimatePresence,{children:t&&jsxs(Fragment,{children:[jsx(g.Overlay,{asChild:true,children:jsx(motion.div,{className:"fixed inset-0 bg-black/45 flex items-center justify-center p-2 z-50",initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.15}})}),jsx(g.Content,{className:"fixed left-1/2 top-1/2 w-full max-w-2xl -translate-x-1/2 -translate-y-1/2 outline-none z-50",...r?.modalProps,asChild:true,children:jsx(motion.div,{...l,children:jsxs("div",{className:cn("relative w-full max-w-2xl outline-none rounded-2xl bg-[var(--tuwa-bg-secondary)] shadow-xl max-h-[98dvh] overflow-y-auto",r?.classNames?.contentWrapper),children:[r?.components?.header?r.components.header({closeModal:c}):jsxs("div",{className:"flex items-center justify-between border-b border-[var(--tuwa-border-primary)] p-4 sticky top-0 left-0 w-full bg-[var(--tuwa-bg-secondary)] z-10",children:[jsx(g.Title,{className:"text-lg font-bold text-[var(--tuwa-text-primary)]",children:s.walletModal.title}),jsx(g.Close,{asChild:true,children:jsx("button",{type:"button",onClick:c,"aria-label":s.actions.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"})})})]}),jsxs("div",{className:"flex flex-col gap-4 p-4 sm:p-6 sm:gap-6",children:[r?.components?.walletInfo?r.components.walletInfo(a):jsx($t,{walletAddress:a.walletAddress,chain:a.chain}),r?.components?.history?r.components.history(a):jsx(Wt,{...a})]})]})})})]})})})})}export{xt as HashLink,R as StatusAwareText,Zt as ToastCloseButton,te as ToastTransaction,ee as TrackingTxModal,Ht as TransactionHistoryItem,D as TransactionKey,_ as TransactionStatusBadge,Wt as TransactionsHistory,Ps as TxActionButton,Pt as TxErrorBlock,Nt as TxInfoBlock,It as TxProgressIndicator,Mt as TxStatusVisual,ct as WalletAddressDisplay,Vt as WalletAvatar,$t as WalletHeader,ae as WalletInfoModal,j as defaultLabels};//# sourceMappingURL=index.js.map
+import {ArrowTopRightOnSquareIcon,CheckIcon,DocumentDuplicateIcon,XMarkIcon,ArrowPathIcon,XCircleIcon,CheckCircleIcon,ExclamationTriangleIcon,ExclamationCircleIcon,ClockIcon}from'@heroicons/react/24/solid';import {useCopyToClipboard,cn,textCenterEllipsis}from'@tuwaio/nova-core';import {createContext,useContext,useState,useEffect}from'react';import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {TransactionStatus,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 {TransactionTracker,selectEvmTxExplorerLink,getName,getAvatar,speedUpTxAction,cancelTxAction}from'@tuwaio/pulsar-evm';import {getAccount}from'@wagmi/core';import*as g from'@radix-ui/react-dialog';import {AnimatePresence,motion}from'framer-motion';import Lt from'dayjs';import $e from'dayjs/plugin/relativeTime';import Jt from'ethereum-blockies-base64';import {zeroAddress,isHex}from'viem';var Z={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 jt=createContext(Z);var u=()=>useContext(jt);({[TransactionStatus.Success]:"success",[TransactionStatus.Failed]:"error",[TransactionStatus.Replaced]:"info"});function xt({label:t,hash:e,explorerUrl:r,variant:a="default",className:s}){let{isCopied:o,copy:i}=useCopyToClipboard(),c=u(),d=cn("flex items-center justify-between",a==="default"&&"text-sm",a==="compact"&&"text-xs",s),n=cn("pr-1",a==="default"&&"font-bold text-[var(--tuwa-text-primary)]",a==="compact"&&"font-medium text-[var(--tuwa-text-secondary)]"),p=jsx("span",{className:"font-mono",children:textCenterEllipsis(e,5,5)});return jsxs("div",{className:d,children:[t&&jsxs("span",{className:n,children:[t,":"]}),jsxs("div",{className:"flex items-center gap-x-2",children:[r?jsxs("a",{href:r,target:"_blank",rel:"noopener noreferrer",className:"flex items-center gap-x-1 text-[var(--tuwa-text-accent)] hover:underline",title:c.actions.viewOnExplorer,"aria-label":c.actions.viewOnExplorer,children:[p,jsx(ArrowTopRightOnSquareIcon,{className:"h-4 w-4"})]}):p,jsx("button",{type:"button",onClick:()=>i(e),className:"cursor-pointer text-[var(--tuwa-text-tertiary)] transition-colors hover:text-[var(--tuwa-text-secondary)]",title:o?c.txError.copied:c.actions.copy,"aria-label":o?c.txError.copied:c.actions.copy,children:o?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 N({txStatus:t,source:e,fallback:r,variant:a,className:s,applyColor:o=false}){let i=a==="title"?"text-sm font-semibold text-[var(--tuwa-text-primary)]":"mt-1 text-xs text-[var(--tuwa-text-secondary)]";if(typeof e=="string")return jsx("div",{className:cn(i,s),children:e});if(Array.isArray(e)){let d=vt[t||"default"]||vt.default,n=e[d.index],p=o?d.colorClass:"";return jsx("div",{className:cn(i,p,s),children:n})}return r?jsx("div",{className:cn(i,s),children:r}):null}function Zt({closeToast:t}){let e=u();return jsx("button",{type:"button",onClick:t,"aria-label":e.actions.close,title:e.actions.close,className:"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 D({tx:t,appChains:e,transactionsPool:r,variant:a="toast",className:s,renderHashLink:o}){let i=u();if(t?.adapter!==TransactionAdapter.EVM)return null;let c=!!t.replacedTxHash,d=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",n=p=>o?o(p):jsx(xt,{...p});return jsxs("div",{className:cn(d,s),children:[t.tracker===TransactionTracker.Gelato&&n({label:i.hashLabels.gelato,hash:t.txKey,variant:"compact"}),t.tracker===TransactionTracker.Safe&&n({label:i.hashLabels.safe,hash:t.txKey,variant:"compact"}),c?jsxs(Fragment,{children:[t.hash&&n({label:i.hashLabels.original,hash:t.hash,variant:"compact"}),n({label:i.hashLabels.replaced,hash:t.replacedTxHash,explorerUrl:selectEvmTxExplorerLink(r,e,t.txKey,t.replacedTxHash)})]}):t.hash&&n({label:i.hashLabels.default,hash:t.hash,explorerUrl:selectEvmTxExplorerLink(r,e,t.txKey)})]})}function _({tx:t,className:e}){let r=u(),a={Pending:{label:r.statuses.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:r.statuses.success,Icon:CheckCircleIcon,badgeClasses:"bg-[var(--tuwa-success-bg)] text-[var(--tuwa-success-text)]",iconClasses:"text-[var(--tuwa-success-icon)]"},[TransactionStatus.Failed]:{label:r.statuses.failed,Icon:XCircleIcon,badgeClasses:"bg-[var(--tuwa-error-bg)] text-[var(--tuwa-error-text)]",iconClasses:"text-[var(--tuwa-error-icon)]"},[TransactionStatus.Replaced]:{label:r.statuses.replaced,Icon:ArrowPathIcon,badgeClasses:"bg-[var(--tuwa-info-bg)] text-[var(--tuwa-info-text)]",iconClasses:"text-[var(--tuwa-info-icon)]"}},s="inline-flex items-center gap-x-1.5 rounded-full px-2 py-1 text-xs font-medium",o=t.pending?"Pending":t.status,i=o?a[o]:null;if(!i)return jsx("div",{className:cn(s,"bg-[var(--tuwa-info-bg)] text-[var(--tuwa-info-text)]",e),children:t.status??r.statuses.unknown});let{label:c,Icon:d,badgeClasses:n,iconClasses:p}=i;return jsxs("div",{className:cn(s,n,e),children:[jsx(d,{className:cn("h-4 w-4",p)}),c]})}function te({openWalletInfoModal:t,tx:e,transactionsPool:r,appChains:a,icon:s,className:o,customization:i,config:c}){let d=u(),n=i?.components,p=c&&e?.adapter===TransactionAdapter.EVM&&e.nonce!==void 0&&e.pending&&e.maxFeePerGas&&e.maxPriorityFeePerGas,m=async()=>{p&&await speedUpTxAction({config:c,tx:e});},l=async()=>{p&&await cancelTxAction({config:c,tx:e});};return jsxs("div",{className:cn("flex w-full flex-col gap-3 rounded-lg bg-[var(--tuwa-bg-primary)] p-4 shadow-md",o),children:[jsxs("div",{className:"flex items-start gap-3",children:[jsx("div",{className:"w-[40px] flex-shrink-0",title:getChainName(e.chainId),children:s??jsx(Web3Icon,{chainId:e.chainId})}),jsxs("div",{className:"flex-1",children:[n?.statusAwareText?n.statusAwareText({txStatus:e.status,source:e.title,fallback:e.type,variant:"title",applyColor:true}):jsx(N,{txStatus:e.status,source:e.title,fallback:e.type,variant:"title",applyColor:true}),n?.statusAwareText?n.statusAwareText({txStatus:e.status,source:e.description,variant:"description"}):jsx(N,{txStatus:e.status,source:e.description,variant:"description"})]})]}),jsxs("div",{children:[n?.transactionKey?n.transactionKey({transactionsPool:r,appChains:a,tx:e,variant:"toast"}):jsx(D,{transactionsPool:r,appChains:a,tx:e,variant:"toast"}),jsxs("div",{className:"mt-3 flex items-center justify-between",children:[n?.statusBadge?n.statusBadge({tx:e}):jsx(_,{tx:e}),p?jsxs("div",{className:"flex items-center gap-4",children:[n?.speedUpButton?n.speedUpButton({onClick:m,children:d.actions.speedUp}):jsx("button",{onClick:m,type:"button",className:"cursor-pointer text-sm font-medium text-[var(--tuwa-text-accent)] transition-opacity hover:opacity-80",children:d.actions.speedUp}),n?.cancelButton?n.cancelButton({onClick:l,children:d.actions.cancel}):jsx("button",{onClick:l,type:"button",className:"cursor-pointer text-sm font-medium text-[var(--tuwa-text-secondary)] transition-opacity hover:opacity-80",children:d.actions.cancel})]}):c&&getAccount(c).address&&t&&(n?.walletInfoButton?n.walletInfoButton({onClick:()=>t(true),children:d.toast.openWalletInfo}):jsx("button",{className:"cursor-pointer bg-gradient-to-r from-[var(--tuwa-button-gradient-from)] to-[var(--tuwa-button-gradient-to)] text-[var(--tuwa-text-on-accent)] font-bold text-xs py-1 px-3 rounded-md shadow-lg hover:shadow-xl hover:from-[var(--tuwa-button-gradient-from-hover)] hover:to-[var(--tuwa-button-gradient-to-hover)] active:scale-95 transition-all duration-200 ease-in-out",onClick:()=>t(true),type:"button",children:d.toast.openWalletInfo}))]})]})]})}function Pt({error:t,className:e}){let{isCopied:r,copy:a}=useCopyToClipboard(),s=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:s.txError.title})]}),jsx("button",{type:"button",onClick:()=>a(t),title:s.actions.copy,"aria-label":s.actions.copy,className:"cursor-pointer text-[var(--tuwa-error-icon)]/50 transition-colors hover:text-[var(--tuwa-error-icon)]",children: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})}),jsx("div",{className:"mt-1 h-5 text-right",children:jsx("p",{className:cn("text-xs text-[var(--tuwa-success-icon)] transition-opacity duration-300 ease-in-out",r?"opacity-100":"opacity-0"),children:s.txError.copied})})]}):null}function Me({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 Nt({tx:t,appChains:e,transactionsPool:r,className:a,customization:s}){let o=u(),i=c=>s?.components?.infoRow?s.components.infoRow(c):jsx(Me,{...c});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:[i({label:o.txInfo.network,value:jsxs("div",{className:"flex items-center justify-end gap-2",children:[jsx("div",{className:"h-4 w-4",children:jsx(Web3Icon,{chainId:t.chainId??t?.desiredChainID??1})}),jsx("span",{children:getChainName(t.chainId??t?.desiredChainID??1)})]})}),t.localTimestamp&&i({label:o.txInfo.started,value:Lt.unix(t.localTimestamp).format("MMM D, HH:mm:ss")}),jsx("div",{className:"border-t border-[var(--tuwa-border-primary)] pt-3",children:jsx(D,{tx:t,appChains:e,transactionsPool:r,variant:"history",renderHashLink:s?.components?.transactionKey})})]})}function Le({status:t,label:e,isFirst:r=false}){let a={isCompleted:t==="completed",isError:t==="error",isReplaced:t==="replaced",isActive:t==="active"},s={line:cn({"bg-[var(--tuwa-success-icon)]":a.isCompleted,"bg-[var(--tuwa-error-icon)]":a.isError,"bg-[var(--tuwa-info-icon)]":a.isReplaced,"bg-[var(--tuwa-pending-icon)]":a.isActive,"bg-[var(--tuwa-border-primary)]":t==="inactive"}),border:cn({"border-[var(--tuwa-success-icon)]":a.isCompleted,"border-[var(--tuwa-error-icon)]":a.isError,"border-[var(--tuwa-info-icon)]":a.isReplaced,"border-[var(--tuwa-pending-icon)]":a.isActive,"border-[var(--tuwa-border-primary)]":t==="inactive"}),fill:cn({"bg-[var(--tuwa-success-icon)]":a.isCompleted,"bg-[var(--tuwa-error-icon)]":a.isError,"bg-[var(--tuwa-info-icon)]":a.isReplaced}),pulse:cn({"bg-[var(--tuwa-pending-icon)]":a.isActive})};return jsxs("div",{className:"relative flex flex-1 flex-col items-center min-w-[80px]",children:[!r&&jsx("div",{className:cn("absolute right-1/2 top-[10px] h-0.5 w-full",s.line)}),jsxs("div",{className:cn("relative z-10 flex h-5 w-5 items-center justify-center rounded-full border-2",s.border,s.fill),children:[a.isCompleted&&jsx(CheckIcon,{className:"h-3 w-3 text-white"}),a.isError&&jsx(ExclamationTriangleIcon,{className:"h-3 w-3 text-white"}),a.isReplaced&&jsx(ArrowPathIcon,{className:"h-3 w-3 text-white"}),a.isActive&&jsx("div",{className:cn("h-2 w-2 animate-pulse rounded-full",s.pulse)})]}),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 It({isProcessing:t,isSucceed:e,isFailed:r,isReplaced:a,className:s,StepComponent:o=Le}){let i=u(),c=p=>{if(p===1)return "completed";if(p===2){if(e||r||a)return "completed";if(t)return "active"}if(p===3){if(e)return "completed";if(r)return "error";if(a)return "replaced";if(t)return "active"}return "inactive"},d=p=>p===1?i.trackingModal.progressIndicator.created:p===2?i.trackingModal.progressIndicator.processing:r?i.statuses.failed:a?i.statuses.replaced:i.trackingModal.progressIndicator.succeed,n=[{status:c(1),label:d(1),isFirst:true},{status:c(2),label:d(2)},{status:c(3),label:d(3),isLast:true}];return jsx("div",{className:cn("flex w-full items-start px-4 pt-2 pb-1",s),children:n.map((p,m)=>jsx(o,{...p},m))})}function Mt({isProcessing:t,isSucceed:e,isFailed:r,isReplaced:a}){let s;return e?s=jsx(CheckCircleIcon,{className:"h-16 w-16 text-[var(--tuwa-success-icon)]"}):r?s=jsx(ExclamationCircleIcon,{className:"h-16 w-16 text-[var(--tuwa-error-icon)]"}):a?s=jsx(ArrowPathIcon,{className:"h-16 w-16 text-[var(--tuwa-info-icon)]"}):t?s=jsx(ArrowPathIcon,{className:"h-16 w-16 animate-spin text-[var(--tuwa-text-accent)]"}):s=jsx(ClockIcon,{className:"h-16 w-16 animate-pulse text-[var(--tuwa-pending-icon)]"}),jsx("div",{className:"flex justify-center py-4",children:s})}function ee({onClose:t,onOpenWalletInfo:e,className:r,customization:a,appChains:s,transactionsPool:o,actions:i,handleTransaction:c,config:d,initialTx:n}){let p=u(),m=a?.components,[l,x]=useState(void 0);useEffect(()=>{let K;n?.lastTxKey?K=o[n.lastTxKey]:l&&(K=o[l.txKey]),x(K);},[o,n,l]);let f=l??n,v=l?.status,R=n?.isInitializing??false,F=l?.pending??true,P=R||F,W=l?.isError||!!n?.errorMessage,U=f?.actionKey&&i?.[f.actionKey]&&c&&d,w=d&&l?.adapter===TransactionAdapter.EVM&&l?.nonce!==void 0&&l.pending&&l.maxFeePerGas&&l.maxPriorityFeePerGas,j={initial:{opacity:0,scale:.95},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.95},transition:{duration:.2,ease:"easeOut"},...a?.motionProps},C=async()=>{if(!U||!f?.actionKey)return;let K={adapter:TransactionAdapter.EVM,type:f.type,desiredChainID:l?.chainId||n?.desiredChainID||1,actionKey:f.actionKey,title:f.title,description:f.description,payload:f.payload,withTrackedModal:true};t(l?.txKey),await c({actionFunction:()=>i[f.actionKey]({config:d,...f.payload}),params:K,defaultTracker:TransactionTracker.Ethereum});},mt=async()=>{w&&l&&await cancelTxAction({config:d,tx:l});},ut=async()=>{w&&l&&await speedUpTxAction({config:d,tx:l});},ft=(l?.isTrackedModalOpen||n?.withTrackedModal)??false;return jsx(g.Root,{open:ft,onOpenChange:K=>!K&&t(l?.txKey),children:jsx(g.Portal,{children:jsx(AnimatePresence,{children:ft&&jsxs(Fragment,{children:[jsx(g.Overlay,{asChild:true,children:jsx(motion.div,{className:"fixed inset-0 bg-black/60 z-50",initial:{opacity:0},animate:{opacity:1},exit:{opacity:0}})}),jsx(g.Content,{className:"fixed left-1/2 top-1/2 w-full max-w-md -translate-x-1/2 -translate-y-1/2 outline-none z-50",onOpenAutoFocus:()=>x(void 0),...a?.modalProps,asChild:true,children:jsx(motion.div,{...j,children:jsxs("div",{className:cn("relative flex flex-col gap-3 rounded-2xl bg-[var(--tuwa-bg-primary)] p-5 pt-0 shadow-2xl max-h-[98dvh] overflow-y-auto",r),children:[m?.header?m.header({onClose:()=>t(l?.txKey)}):jsxs("header",{className:"flex items-start justify-between sticky top-0 w-full z-10 pt-5 pb-2 bg-[var(--tuwa-bg-primary)]",children:[jsx(g.Title,{className:"text-lg font-bold text-[var(--tuwa-text-primary)]",children:p.trackingModal.title}),jsx(g.Close,{asChild:true,children:jsx("button",{type:"button",onClick:()=>t(l?.txKey),"aria-label":p.actions.close,className:"cursor-pointer ml-2 -mt-1 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"})})})]}),jsxs("main",{className:"flex flex-col gap-3",children:[m?.statusVisual?m.statusVisual({isProcessing:P,isSucceed:v===TransactionStatus.Success,isFailed:W,isReplaced:v===TransactionStatus.Replaced}):jsx(Mt,{isProcessing:P,isSucceed:v===TransactionStatus.Success,isFailed:W,isReplaced:v===TransactionStatus.Replaced}),jsxs("div",{className:"flex flex-col items-center text-center -mt-2",children:[jsx(N,{txStatus:v,source:f?.title,fallback:f?.type,variant:"title",applyColor:true,className:"text-xl"}),jsx(N,{txStatus:v,source:f?.description,variant:"description",className:"mt-0"})]}),m?.progressIndicator?m.progressIndicator({isProcessing:P,isSucceed:v===TransactionStatus.Success,isFailed:W,isReplaced:v===TransactionStatus.Replaced}):jsx(It,{isProcessing:P,isSucceed:v===TransactionStatus.Success,isFailed:W,isReplaced:v===TransactionStatus.Replaced}),m?.infoBlock?m.infoBlock({tx:f,appChains:s,transactionsPool:o}):jsx(Nt,{tx:f,appChains:s,transactionsPool:o}),m?.errorBlock?m.errorBlock({error:l?.errorMessage||n?.errorMessage}):jsx(Pt,{error:l?.errorMessage||n?.errorMessage})]}),m?.footer?m.footer({onClose:()=>t(l?.txKey),onOpenWalletInfo:e,isProcessing:P,onRetry:U?C:void 0,onSpeedUp:w?ut:void 0,onCancel:w?mt:void 0}):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:w&&jsxs(Fragment,{children:[jsx("button",{type:"button",onClick:ut,className:"cursor-pointer text-sm font-medium text-[var(--tuwa-text-accent)] transition-opacity hover:opacity-80",children:p.actions.speedUp}),jsx("button",{type:"button",onClick:mt,className:"cursor-pointer text-sm font-medium text-[var(--tuwa-text-secondary)] transition-opacity hover:opacity-80",children:p.actions.cancel})]})}),jsxs("div",{className:"flex items-center gap-3",children:[W&&U?jsx("button",{type:"button",onClick:C,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:p.trackingModal.retry}):!w&&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:p.trackingModal.walletInfo}),jsx("button",{type:"button",onClick:()=>t(l?.txKey),disabled:P&&!w,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:P&&!w?p.trackingModal.processing:p.trackingModal.close})]})]})]})})})]})})})})}Lt.extend($e);function Ht({tx:t,appChains:e,transactionsPool:r,className:a,customization:s}){let o=s?.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:o?.icon?o.icon({chainId:t.chainId}):jsx("div",{className:"h-8 w-8 text-[var(--tuwa-text-secondary)]",children:jsx(Web3Icon,{chainId:t.chainId})})}),jsxs("div",{children:[o?.title?o.title({txStatus:t.status,source:t.title,fallback:t.type,variant:"title",applyColor:true}):jsx(N,{txStatus:t.status,source:t.title,fallback:t.type,variant:"title",applyColor:true}),o?.timestamp?o.timestamp({timestamp:t.localTimestamp}):jsx("span",{className:"mb-1 block text-xs text-[var(--tuwa-text-secondary)]",children:t.localTimestamp?Lt.unix(t.localTimestamp).fromNow():"..."}),o?.description?o.description({txStatus:t.status,source:t.description,variant:"description"}):jsx(N,{txStatus:t.status,source:t.description,variant:"description"})]})]}),o?.statusBadge?o.statusBadge({tx:t}):jsx(_,{tx:t})]}),o?.transactionKey?o.transactionKey({tx:t,appChains:e,transactionsPool:r,variant:"history"}):jsx(D,{tx:t,appChains:e,transactionsPool:r,variant:"history"})]})}function Ye({title:t,message:e,className:r}){return jsxs("div",{className:cn("rounded-lg bg-[var(--tuwa-bg-muted)] p-8 text-center",r),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 Wt({walletAddress:t,transactionsPool:e,appChains:r,className:a,customization:s}){let o=u(),i=s?.components,d=[...t?selectAllTransactionsByActiveWallet(e,t):[]].sort((m,l)=>(l.localTimestamp??0)-(m.localTimestamp??0)),n=(m,l)=>i?.placeholder?i.placeholder({title:m,message:l}):jsx(Ye,{title:m,message:l}),p=i?.HistoryItem||Ht;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:o.walletModal.history.title}),t?d.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:d.map(m=>jsx(p,{tx:m,transactionsPool:e,appChains:r},m.txKey))}):n(o.walletModal.history.noTransactionsTitle,o.walletModal.history.noTransactionsMessage):n(o.walletModal.history.connectWalletTitle,o.walletModal.history.connectWalletMessage)]})}function Ps({children:t,action:e,getLastTxKey:r,loadingContent:a,succeedContent:s,failedContent:o,replacedContent:i,resetTimeout:c=2500,transactionsPool:d,className:n,walletAddress:p,...m}){let l=u(),[x,f]=useState("idle"),[v,R]=useState(void 0);useEffect(()=>{if(v){let C=d[v];if(p&&C.from.toLowerCase()!==p.toLowerCase()&&(f("idle"),R(void 0)),C?.status)switch(C.status){case TransactionStatus.Success:f("succeed");break;case TransactionStatus.Replaced:f("replaced");break;case TransactionStatus.Failed:f("failed");break}}},[d,v,p]),useEffect(()=>{if(x==="succeed"||x==="failed"||x==="replaced"){let C=setTimeout(()=>{f("idle"),R(void 0);},c);return ()=>clearTimeout(C)}},[x,c]);let F=async()=>{f("loading");try{await e(),R(r());}catch(C){console.error("Transaction initiation failed:",C),f("failed");}},P=jsxs(Fragment,{children:[jsx(ArrowPathIcon,{className:"h-4 w-4"}),jsx("span",{children:l.trackedTxButton.replaced})]}),W=jsxs(Fragment,{children:[jsx(ArrowPathIcon,{className:"h-4 w-4 animate-spin"}),jsx("span",{children:l.trackedTxButton.loading})]}),U=jsxs(Fragment,{children:[jsx(CheckCircleIcon,{className:"h-4 w-4"}),jsx("span",{children:l.trackedTxButton.succeed})]}),w=jsxs(Fragment,{children:[jsx(ExclamationCircleIcon,{className:"h-4 w-4"}),jsx("span",{children:l.trackedTxButton.failed})]}),j=()=>{switch(x){case "loading":return a??W;case "succeed":return s??U;case "failed":return o??w;case "replaced":return i??P;case "idle":default:return t}};return jsx("button",{...m,disabled:x!=="idle"||m.disabled,onClick:F,className:cn("cursor-pointer flex 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",x==="idle"&&"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==="loading"&&"bg-gray-400 text-white",x==="replaced"&&"bg-gray-500 text-white",x==="succeed"&&"bg-[var(--tuwa-success-bg)] text-[var(--tuwa-success-text)]",x==="failed"&&"bg-[var(--tuwa-error-bg)] text-[var(--tuwa-error-text)]",n),children:j()})}function pt({address:t,chain:e,className:r}){let{isCopied:a,copy:s}=useCopyToClipboard(),o=u(),i=e?.blockExplorers?.default.url,c=i?`${i}/address/${t}`:void 0;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)]",r),children:[jsx("span",{children:textCenterEllipsis(t,6,6)}),jsx("button",{type:"button",title:a?o.txError.copied:o.actions.copy,"aria-label":a?o.txError.copied:o.actions.copy,onClick:()=>s(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"})}),c&&jsx("a",{href:c,target:"_blank",rel:"noopener noreferrer",className:"transition-colors hover:text-[var(--tuwa-text-accent)]",title:o.actions.viewOnExplorer,"aria-label":o.actions.viewOnExplorer,children:jsx(ArrowTopRightOnSquareIcon,{className:"h-4 w-4"})})]})}function Vt({address:t,ensAvatar:e,className:r}){let a=u(),s=`#${t.slice(2,8)}`,[o,i]=useState(void 0);return useEffect(()=>{i(e??Jt(isHex(t)?t:zeroAddress));},[e,t]),jsx("div",{className:cn("h-12 w-12 flex-shrink-0 rounded-full",r),style:{backgroundColor:s},children:jsx("img",{className:"h-full w-full rounded-full object-cover",src:o,alt:`${a.walletModal.header.avatarAlt} ${t}`,onError:()=>i(Jt(isHex(t)?t:zeroAddress))})})}function $t({walletAddress:t,chain:e,className:r,renderAvatar:a,renderName:s,renderAddressDisplay:o,renderNoWalletContent:i}){let c=u(),[d,n]=useState(void 0),[p,m]=useState(void 0),[l,x]=useState(true);if(useEffect(()=>{(async()=>{if(t){x(true),n(void 0),m(void 0);try{let R=await getName(t);if(R){n(R);let F=await getAvatar(R);m(F);}}finally{x(false);}}})();},[t]),!t)return i?jsx(Fragment,{children:i()}):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:c.walletModal.header.notConnected});let f=d?d.length>30?textCenterEllipsis(d,12,12):d:void 0;return jsxs("div",{className:cn("flex items-center gap-4 min-h-[4rem]",r),children:[jsx("div",{children:a?a({address:t,ensAvatar:p}):jsx(Vt,{address:t,ensAvatar:p})}),jsx("div",{className:"flex flex-col justify-center min-h-[3.5rem] min-w-[200px]",children:s?s({ensName:f,isLoading:l,address:t}):jsxs("div",{className:"flex flex-col",children:[jsx("div",{className:"h-7 flex items-center mb-1.5",children:l?jsx("div",{className:"h-full w-48 animate-pulse rounded-md bg-[var(--tuwa-bg-muted)]"}):f?jsx("h2",{className:"text-xl font-bold text-[var(--tuwa-text-primary)]",children:f}):jsx(pt,{address:t,chain:e,className:"text-xl font-bold text-[var(--tuwa-text-primary)] bg-transparent px-0 py-0 rounded-none"})}),jsx("div",{className:"h-5 flex items-center",children:!l&&f&&(o?o({address:t,chain:e}):jsx(pt,{address:t,chain:e}))})]})})]})}function ae({isOpen:t,setIsOpen:e,customization:r,...a}){let s=u(),i={...{initial:{opacity:0,scale:.95},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.95},transition:{duration:.2,ease:"easeOut"}},...r?.motionProps},c=()=>e(false);return jsx(g.Root,{open:t,onOpenChange:d=>!d&&c(),children:jsx(g.Portal,{children:jsx(AnimatePresence,{children:t&&jsxs(Fragment,{children:[jsx(g.Overlay,{asChild:true,children:jsx(motion.div,{className:"fixed inset-0 bg-black/45 flex items-center justify-center p-2 z-50",initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.15}})}),jsx(g.Content,{className:"fixed left-1/2 top-1/2 w-full max-w-2xl -translate-x-1/2 -translate-y-1/2 outline-none z-50",...r?.modalProps,asChild:true,children:jsx(motion.div,{...i,children:jsxs("div",{className:cn("relative w-full max-w-2xl outline-none rounded-2xl bg-[var(--tuwa-bg-secondary)] shadow-xl max-h-[98dvh] overflow-y-auto",r?.classNames?.contentWrapper),children:[r?.components?.header?r.components.header({closeModal:c}):jsxs("div",{className:"flex items-center justify-between border-b border-[var(--tuwa-border-primary)] p-4 sticky top-0 left-0 w-full bg-[var(--tuwa-bg-secondary)] z-10",children:[jsx(g.Title,{className:"text-lg font-bold text-[var(--tuwa-text-primary)]",children:s.walletModal.title}),jsx(g.Close,{asChild:true,children:jsx("button",{type:"button",onClick:c,"aria-label":s.actions.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"})})})]}),jsxs("div",{className:"flex flex-col gap-4 p-4 sm:p-6 sm:gap-6",children:[r?.components?.walletInfo?r.components.walletInfo(a):jsx($t,{walletAddress:a.walletAddress,chain:a.chain}),r?.components?.history?r.components.history(a):jsx(Wt,{...a})]})]})})})]})})})})}export{xt as HashLink,N as StatusAwareText,Zt as ToastCloseButton,te as ToastTransaction,ee as TrackingTxModal,Ht as TransactionHistoryItem,D as TransactionKey,_ as TransactionStatusBadge,Wt as TransactionsHistory,Ps as TxActionButton,Pt as TxErrorBlock,Nt as TxInfoBlock,It as TxProgressIndicator,Mt as TxStatusVisual,pt as WalletAddressDisplay,Vt as WalletAvatar,$t as WalletHeader,ae as WalletInfoModal,Z as defaultLabels};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map