@tuwaio/nova-transactions 0.0.10 → 0.0.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.css CHANGED
@@ -1170,6 +1170,9 @@
1170
1170
  .contents {
1171
1171
  display: contents;
1172
1172
  }
1173
+ .resize {
1174
+ resize: both;
1175
+ }
1173
1176
  .truncate {
1174
1177
  overflow: hidden;
1175
1178
  text-overflow: ellipsis;
package/dist/index.js CHANGED
@@ -1,2 +1,2 @@
1
- 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 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 Qt=createContext(Q);var u=()=>useContext(Qt);({[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 P({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(P,{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(P,{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 Rt({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(P,{txStatus:x,source:f?.title,fallback:f?.type,variant:"title",applyColor:true,className:"text-xl"}),jsx(P,{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(Rt,{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(P,{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(P,{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,P 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,Rt as TxErrorBlock,Nt as TxInfoBlock,It as TxProgressIndicator,Mt as TxStatusVisual,ct as WalletAddressDisplay,Vt as WalletAvatar,$t as WalletHeader,ae as WalletInfoModal,Q as defaultLabels};//# sourceMappingURL=index.js.map
1
+ 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
2
2
  //# sourceMappingURL=index.js.map