@tuwaio/nova-transactions 1.0.0-fix-integrate-orbit-alpha.9.ee24217 → 1.0.0-fix-integrate-orbit-alpha.10.97a37be
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.cjs +7 -7
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +7 -7
- package/dist/index.js.map +1 -1
- package/dist/providers/index.cjs +7 -7
- package/dist/providers/index.cjs.map +1 -1
- package/dist/providers/index.js +7 -7
- package/dist/providers/index.js.map +1 -1
- package/package.json +3 -3
package/dist/index.js
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import {ArrowTopRightOnSquareIcon,CheckIcon,DocumentDuplicateIcon,XMarkIcon,ArrowPathIcon,XCircleIcon,CheckCircleIcon,ExclamationTriangleIcon,ClockIcon,ExclamationCircleIcon}from'@heroicons/react/24/solid';import {useCopyToClipboard,cn,textCenterEllipsis,Dialog,DialogContent,DialogHeader,DialogTitle,DialogClose,CloseIcon}from'@tuwaio/nova-core';import {createContext,useContext,useMemo,useState,useEffect}from'react';import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {TransactionStatus,TransactionTracker,selectAllTransactionsByActiveWallet}from'@tuwaio/pulsar-core';import'react-toastify';import {Web3Icon}from'@bgd-labs/react-web3-icons';import {getChainName}from'@bgd-labs/react-web3-icons/dist/utils';import {selectAdapterByKey,setChainId,OrbitAdapter}from'@tuwaio/orbit-core';import Mt from'dayjs';import lo from'dayjs/plugin/relativeTime';import So from'ethereum-blockies-base64';var Y={walletModal:{title:"Wallet & Transactions",header:{notConnected:"Wallet not connected",avatarAlt:"Avatar for"},history:{title:"Transactions History",connectWalletTitle:"Connect Wallet",connectWalletMessage:"Please connect your wallet to see your past activity.",noTransactionsTitle:"No Transactions Yet",noTransactionsMessage:"Once you interact with the app, your transaction history will appear here."}},toast:{openWalletInfo:"Open wallet info"},statuses:{pending:"Pending",success:"Success",failed:"Failed",reverted:"Reverted",replaced:"Replaced",unknown:"Unknown",confirmationsLabel:"Confirmations"},hashLabels:{gelato:"Gelato Task ID",safe:"Safe Tx Hash",original:"Original Tx Hash",replaced:"Replaced Tx Hash",default:"Tx Hash",recentBlockhash:"Recent Blockhash",solana:"Signature"},txInfo:{started:"Started",network:"Network",slot:"Slot"},txError:{title:"Error",copied:"Copied!"},trackingModal:{title:"Transaction Overview",processing:"Processing...",close:"Close",walletInfo:"Wallet Info",retry:"Retry",progressIndicator:{created:"Created",processing:"Processing",succeed:"Succeed"}},trackedTxButton:{loading:"Processing...",succeed:"Success",failed:"Failed",replaced:"Replaced"},actions:{copy:"Copy address",viewOnExplorer:"View on explorer",close:"Close",cancel:"Cancel",speedUp:"Speed up"}};var Gt=createContext(Y);var u=()=>useContext(Gt);({[TransactionStatus.Success]:"success",[TransactionStatus.Failed]:"error",[TransactionStatus.Replaced]:"info"});function U({label:t,hash:e,explorerUrl:o,variant:r="default",className:s}){let{isCopied:n,copy:l}=useCopyToClipboard(),{actions:c,txError:p}=u(),a=cn("flex items-center justify-between",{"text-sm":r==="default","text-xs":r==="compact"},s),i=cn("pr-1",{"font-bold text-[var(--tuwa-text-primary)]":r==="default","font-medium text-[var(--tuwa-text-secondary)]":r==="compact"}),d=jsx("span",{className:"font-mono",children:textCenterEllipsis(e,5,5)});return jsxs("div",{className:a,children:[t&&jsxs("span",{className:i,children:[t,":"]}),jsxs("div",{className:"flex items-center gap-x-2",children:[o?jsxs("a",{href:o,target:"_blank",rel:"noopener noreferrer",className:"flex items-center gap-x-1 text-[var(--tuwa-text-accent)] transition-colors hover:underline",title:c.viewOnExplorer,"aria-label":c.viewOnExplorer,children:[d,jsx(ArrowTopRightOnSquareIcon,{className:"h-4 w-4"})]}):jsx("span",{className:"text-[var(--tuwa-text-primary)]",children:d}),jsx("button",{type:"button",onClick:()=>l(e),className:"cursor-pointer text-[var(--tuwa-text-tertiary)] transition-colors hover:text-[var(--tuwa-text-secondary)]",title:n?p.copied:c.copy,"aria-label":n?p.copied:c.copy,children:n?jsx(CheckIcon,{className:"h-4 w-4 text-[var(--tuwa-success-icon)]"}):jsx(DocumentDuplicateIcon,{className:"h-4 w-4"})})]})]})}var xt={[TransactionStatus.Success]:{index:1,colorClass:"text-[var(--tuwa-success-text)]"},[TransactionStatus.Failed]:{index:2,colorClass:"text-[var(--tuwa-error-text)]"},[TransactionStatus.Replaced]:{index:3,colorClass:"text-[var(--tuwa-text-secondary)]"},default:{index:0,colorClass:"text-[var(--tuwa-text-primary)]"}};function B({txStatus:t,source:e,fallback:o,variant:r,className:s,applyColor:n=false}){let l,c="";if(typeof e=="string")l=e;else if(Array.isArray(e)){let i=xt[t||"default"]??xt.default;l=e[i.index],n&&(c=i.colorClass);}else l=o;return l?jsx("div",{className:cn(r==="title"?"text-sm font-semibold text-[var(--tuwa-text-primary)]":"mt-1 text-xs text-[var(--tuwa-text-secondary)]",c,s),children:l}):null}function Yt({closeToast:t}){let{actions:e}=u();return jsx("button",{type:"button",onClick:t,"aria-label":e.close,title:e.close,className:cn("absolute top-2 right-2 cursor-pointer rounded-full p-1","text-[var(--tuwa-text-tertiary)] transition-colors","hover:bg-[var(--tuwa-bg-muted)] hover:text-[var(--tuwa-text-primary)]"),children:jsx(XMarkIcon,{className:"h-5 w-5"})})}function W({tx:t,adapter:e,variant:o="toast",className:r,renderHashLink:s,confirmations:n}){let{hashLabels:l,statuses:c}=u(),p=selectAdapterByKey({adapterKey:t.adapter,adapter:e});if(!p)return null;let a=x=>s?s(x):jsx(U,{...x}),i=o==="toast"?"mt-2 flex w-full flex-col gap-y-2 border-t border-[var(--tuwa-border-primary)] pt-2":"flex w-full flex-col gap-y-2",d=l[String(t.tracker)],g=d?a({label:d,hash:t.txKey,variant:t.tracker!==TransactionTracker.Solana?"compact":"default",explorerUrl:p.getExplorerTxUrl&&t.tracker===TransactionTracker.Solana?p?.getExplorerTxUrl(t):void 0}):null,f=(()=>{let x=t.hash,y=t.replacedTxHash;return !x&&!y?null:y?jsxs(Fragment,{children:[x&&a({label:l.original,hash:x,variant:"compact"}),typeof p.getExplorerTxUrl<"u"&&a({label:l.replaced,hash:y,explorerUrl:p.getExplorerTxUrl(t)})]}):x&&typeof p.getExplorerTxUrl<"u"&&a({label:l.default,hash:x,explorerUrl:p.getExplorerTxUrl(t)})})(),v=d&&d!==l.default&&t.txKey!==t.hash;return jsxs("div",{className:cn(i,r),children:[v&&g,f,typeof n=="number"&&jsxs("p",{className:"text-xs text-[var(--tuwa-text-tertiary)]",children:[c.confirmationsLabel,": ",n]})]})}var xe=t=>({Pending:{label:t.pending,Icon:ArrowPathIcon,badgeClasses:"bg-[var(--tuwa-pending-bg)] text-[var(--tuwa-pending-text)]",iconClasses:"animate-spin text-[var(--tuwa-pending-icon)]"},[TransactionStatus.Success]:{label:t.success,Icon:CheckCircleIcon,badgeClasses:"bg-[var(--tuwa-success-bg)] text-[var(--tuwa-success-text)]",iconClasses:"text-[var(--tuwa-success-icon)]"},[TransactionStatus.Failed]:{label:t.failed,Icon:XCircleIcon,badgeClasses:"bg-[var(--tuwa-error-bg)] text-[var(--tuwa-error-text)]",iconClasses:"text-[var(--tuwa-error-icon)]"},[TransactionStatus.Replaced]:{label:t.replaced,Icon:ArrowPathIcon,badgeClasses:"bg-[var(--tuwa-info-bg)] text-[var(--tuwa-info-text)]",iconClasses:"text-[var(--tuwa-info-icon)]"}});function _({tx:t,className:e}){let{statuses:o}=u(),r=useMemo(()=>xe(o),[o]),s="inline-flex items-center gap-x-1.5 rounded-full px-2 py-1 text-xs font-medium",n=t.pending?"Pending":t.status,l=n?r[n]:null;if(!l)return jsx("div",{className:cn(s,"bg-[var(--tuwa-info-bg)] text-[var(--tuwa-info-text)]",e),children:t.status??o.unknown});let{label:c,Icon:p,badgeClasses:a,iconClasses:i}=l;return jsxs("div",{className:cn(s,a,e),children:[jsx(p,{className:cn("h-4 w-4",i)}),c]})}var we=({onClick:t,children:e})=>jsx("button",{onClick:t,type:"button",className:"cursor-pointer text-sm font-medium text-[var(--tuwa-text-accent)] transition-opacity hover:opacity-80",children:e}),Ce=({onClick:t,children:e})=>jsx("button",{onClick:t,type:"button",className:"cursor-pointer text-sm font-medium text-[var(--tuwa-text-secondary)] transition-opacity hover:opacity-80",children:e}),he=({onClick:t,children:e})=>jsx("button",{className:"cursor-pointer rounded-md bg-gradient-to-r from-[var(--tuwa-button-gradient-from)] to-[var(--tuwa-button-gradient-to)] px-3 py-1 text-xs font-bold text-[var(--tuwa-text-on-accent)] shadow-lg transition-all duration-200 ease-in-out hover:shadow-xl hover:from-[var(--tuwa-button-gradient-from-hover)] hover:to-[var(--tuwa-button-gradient-to-hover)] active:scale-95",onClick:t,type:"button",children:e});function qt({openWalletInfoModal:t,tx:e,icon:o,className:r,customization:s,connectedWalletAddress:n,adapter:l}){let{actions:c,toast:p}=u(),a=selectAdapterByKey({adapterKey:e.adapter,adapter:l}),i=!!(e.tracker==="ethereum"&&e.pending&&a?.speedUpTxAction&&a?.cancelTxAction&&e.from.toLowerCase()===n?.toLowerCase()),d=()=>{i&&a.cancelTxAction(e);},g=()=>{i&&a.speedUpTxAction(e);},{StatusAwareText:f=B,TransactionKey:v=W,StatusBadge:x=_,SpeedUpButton:y=we,CancelButton:P=Ce,WalletInfoButton:T=he}=s?.components??{};return jsxs("div",{className:cn("flex w-full flex-col gap-3 rounded-lg bg-[var(--tuwa-bg-primary)] p-4 shadow-md",r),children:[jsxs("div",{className:"flex items-center gap-3",children:[jsx("div",{className:"w-[40px] flex-shrink-0 [&>img]:w-full [&>img]:h-auto",title:getChainName(setChainId(e.chainId)),children:o??jsx(Web3Icon,{chainId:setChainId(e.chainId)})}),jsxs("div",{className:"flex-1",children:[jsx(f,{txStatus:e.status,source:e.title,fallback:e.type,variant:"title",applyColor:true}),jsx(f,{txStatus:e.status,source:e.description,variant:"description"})]})]}),jsxs("div",{children:[jsx(v,{adapter:l,tx:e,variant:"toast"}),jsxs("div",{className:"mt-3 flex items-center justify-between",children:[jsx(x,{tx:e}),i?jsxs("div",{className:"flex items-center gap-4",children:[jsx(y,{onClick:g,children:c.speedUp}),jsx(P,{onClick:d,children:c.cancel})]}):t&&!!n&&jsx(T,{onClick:t,children:p.openWalletInfo})]})]})]})}function Qt({adapter:t,onClose:e,onOpenWalletInfo:o,className:r,customization:s,transactionsPool:n,executeTxAction:l,initialTx:c,connectedWalletAddress:p}){let a=useMemo(()=>c?.lastTxKey?n[c.lastTxKey]:void 0,[n,c]),i=a??c,d=c?.withTrackedModal&&!a||(a?.isTrackedModalOpen??false),{isProcessing:g,isSucceed:f,isFailed:v,isReplaced:x}=useMemo(()=>{let R=a?.status,_t=c?.isInitializing??false,$t=a?.pending??false;return {isProcessing:_t||$t,isSucceed:R===TransactionStatus.Success,isFailed:a?.isError||!!c?.errorMessage,isReplaced:R===TransactionStatus.Replaced}},[a,c]),y=useMemo(()=>i?selectAdapterByKey({adapterKey:i.adapter,adapter:t}):void 0,[i,t]),P=!!(v&&i&&c?.actionFunction&&l),T=!!(y?.speedUpTxAction&&y?.cancelTxAction&&a?.pending&&a.tracker==="ethereum"),L=()=>{if(!P||!y?.retryTxAction)return;let R={adapter:i.adapter,type:i.type,desiredChainID:"desiredChainID"in i?i.desiredChainID:i.chainId,actionFunction:c?.actionFunction,title:i.title,description:i.description,payload:i.payload,withTrackedModal:true};y.retryTxAction({tx:R,txKey:a?.txKey??"",onClose:e,executeTxAction:l});},N=()=>{T&&a&&y.cancelTxAction(a);},A=()=>{T&&a&&y.speedUpTxAction(a);},z=s?.components?.Header,ct=s?.components?.Footer,pt=s?.components?.StatusVisual,dt=s?.components?.ProgressIndicator,ut=s?.components?.InfoBlock,mt=s?.components?.ErrorBlock;return i?jsx(Dialog,{open:d,onOpenChange:R=>!R&&e(a?.txKey),children:jsx(DialogContent,{className:cn("max-w-md",s?.modalProps?.className),...s?.modalProps,children:jsxs("div",{className:cn("relative flex w-full flex-col",r),children:[z?jsx(z,{onClose:()=>e(a?.txKey),title:jsx(ht,{tx:i})}):jsx(Me,{onClose:()=>e(a?.txKey),title:jsx(ht,{tx:i})}),jsxs("main",{className:"flex flex-col gap-4 p-4",children:[pt?jsx(pt,{isProcessing:g,isSucceed:f,isFailed:v,isReplaced:x}):jsx(kt,{isProcessing:g,isSucceed:f,isFailed:v,isReplaced:x}),dt?jsx(dt,{isProcessing:g,isSucceed:f,isFailed:v,isReplaced:x}):jsx(It,{isProcessing:g,isSucceed:f,isFailed:v,isReplaced:x}),ut?jsx(ut,{tx:i,adapter:t}):jsx(Nt,{tx:i,adapter:t}),mt?jsx(mt,{error:a?.errorMessage||c?.errorMessage}):jsx(Pt,{error:a?.errorMessage||c?.errorMessage})]}),ct?jsx(ct,{onClose:()=>e(a?.txKey),onOpenWalletInfo:o,isProcessing:g,isFailed:v,canReplace:T,onRetry:P?L:void 0,onSpeedUp:T?A:void 0,onCancel:T?N:void 0,connectedWalletAddress:p}):jsx(He,{onClose:()=>e(a?.txKey),onOpenWalletInfo:o,isProcessing:g,isFailed:v,canReplace:T,onRetry:P?L:void 0,onSpeedUp:T?A:void 0,onCancel:T?N:void 0,connectedWalletAddress:p})]})})}):null}function ht({tx:t}){return jsx(B,{txStatus:"status"in t?t.status:void 0,source:t.title,fallback:t.type,variant:"title",className:"text-lg"})}var Me=({onClose:t,title:e})=>{let{actions:o}=u();return jsxs(DialogHeader,{children:[jsx(DialogTitle,{children:e}),jsx(DialogClose,{asChild:true,children:jsx("button",{type:"button",onClick:()=>t(),"aria-label":o.close,className:`cursor-pointer rounded-full p-1
|
|
1
|
+
import {ArrowTopRightOnSquareIcon,CheckIcon,DocumentDuplicateIcon,XMarkIcon,ArrowPathIcon,XCircleIcon,CheckCircleIcon,ExclamationTriangleIcon,ClockIcon,ExclamationCircleIcon}from'@heroicons/react/24/solid';import {useCopyToClipboard,cn,textCenterEllipsis,Dialog,DialogContent,DialogHeader,DialogTitle,DialogClose,CloseIcon}from'@tuwaio/nova-core';import {createContext,useContext,useMemo,useState,useEffect}from'react';import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {TransactionStatus,TransactionTracker,selectAllTransactionsByActiveWallet}from'@tuwaio/pulsar-core';import'react-toastify';import {Web3Icon}from'@bgd-labs/react-web3-icons';import {getChainName}from'@bgd-labs/react-web3-icons/dist/utils';import {selectAdapterByKey,setChainId,OrbitAdapter}from'@tuwaio/orbit-core';import Mt from'dayjs';import lo from'dayjs/plugin/relativeTime';import So from'ethereum-blockies-base64';var Y={walletModal:{title:"Wallet & Transactions",header:{notConnected:"Wallet not connected",avatarAlt:"Avatar for"},history:{title:"Transactions History",connectWalletTitle:"Connect Wallet",connectWalletMessage:"Please connect your wallet to see your past activity.",noTransactionsTitle:"No Transactions Yet",noTransactionsMessage:"Once you interact with the app, your transaction history will appear here."}},toast:{openWalletInfo:"Open wallet info"},statuses:{pending:"Pending",success:"Success",failed:"Failed",reverted:"Reverted",replaced:"Replaced",unknown:"Unknown",confirmationsLabel:"Confirmations"},hashLabels:{gelato:"Gelato Task ID",safe:"Safe Tx Hash",original:"Original Tx Hash",replaced:"Replaced Tx Hash",default:"Tx Hash",recentBlockhash:"Recent Blockhash",solana:"Signature"},txInfo:{started:"Started",network:"Network",slot:"Slot"},txError:{title:"Error",copied:"Copied!"},trackingModal:{title:"Transaction Overview",processing:"Processing...",close:"Close",walletInfo:"Wallet Info",retry:"Retry",progressIndicator:{created:"Created",processing:"Processing",succeed:"Succeed"}},trackedTxButton:{loading:"Processing...",succeed:"Success",failed:"Failed",replaced:"Replaced"},actions:{copy:"Copy address",viewOnExplorer:"View on explorer",close:"Close",cancel:"Cancel",speedUp:"Speed up"}};var Gt=createContext(Y);var u=()=>useContext(Gt);({[TransactionStatus.Success]:"success",[TransactionStatus.Failed]:"error",[TransactionStatus.Replaced]:"info"});function U({label:t,hash:e,explorerUrl:o,variant:s="default",className:n}){let{isCopied:i,copy:l}=useCopyToClipboard(),{actions:c,txError:p}=u(),a=cn("flex items-center justify-between",{"text-sm":s==="default","text-xs":s==="compact"},n),r=cn("pr-1",{"font-bold text-[var(--tuwa-text-primary)]":s==="default","font-medium text-[var(--tuwa-text-secondary)]":s==="compact"}),d=jsx("span",{className:"font-mono",children:textCenterEllipsis(e,5,5)});return jsxs("div",{className:a,children:[t&&jsxs("span",{className:r,children:[t,":"]}),jsxs("div",{className:"flex items-center gap-x-2",children:[o?jsxs("a",{href:o,target:"_blank",rel:"noopener noreferrer",className:"flex items-center gap-x-1 text-[var(--tuwa-text-accent)] transition-colors hover:underline",title:c.viewOnExplorer,"aria-label":c.viewOnExplorer,children:[d,jsx(ArrowTopRightOnSquareIcon,{className:"h-4 w-4"})]}):jsx("span",{className:"text-[var(--tuwa-text-primary)]",children:d}),jsx("button",{type:"button",onClick:()=>l(e),className:"cursor-pointer text-[var(--tuwa-text-tertiary)] transition-colors hover:text-[var(--tuwa-text-secondary)]",title:i?p.copied:c.copy,"aria-label":i?p.copied:c.copy,children:i?jsx(CheckIcon,{className:"h-4 w-4 text-[var(--tuwa-success-icon)]"}):jsx(DocumentDuplicateIcon,{className:"h-4 w-4"})})]})]})}var xt={[TransactionStatus.Success]:{index:1,colorClass:"text-[var(--tuwa-success-text)]"},[TransactionStatus.Failed]:{index:2,colorClass:"text-[var(--tuwa-error-text)]"},[TransactionStatus.Replaced]:{index:3,colorClass:"text-[var(--tuwa-text-secondary)]"},default:{index:0,colorClass:"text-[var(--tuwa-text-primary)]"}};function B({txStatus:t,source:e,fallback:o,variant:s,className:n,applyColor:i=false}){let l,c="";if(typeof e=="string")l=e;else if(Array.isArray(e)){let r=xt[t||"default"]??xt.default;l=e[r.index],i&&(c=r.colorClass);}else l=o;return l?jsx("div",{className:cn(s==="title"?"text-sm font-semibold text-[var(--tuwa-text-primary)]":"mt-1 text-xs text-[var(--tuwa-text-secondary)]",c,n),children:l}):null}function Yt({closeToast:t}){let{actions:e}=u();return jsx("button",{type:"button",onClick:t,"aria-label":e.close,title:e.close,className:cn("absolute top-2 right-2 cursor-pointer rounded-full p-1","text-[var(--tuwa-text-tertiary)] transition-colors","hover:bg-[var(--tuwa-bg-muted)] hover:text-[var(--tuwa-text-primary)]"),children:jsx(XMarkIcon,{className:"h-5 w-5"})})}function K({tx:t,adapter:e,variant:o="toast",className:s,renderHashLink:n,confirmations:i}){let{hashLabels:l,statuses:c}=u(),p=selectAdapterByKey({adapterKey:t.adapter,adapter:e});if(!p)return null;let a=x=>n?n(x):jsx(U,{...x}),r=o==="toast"?"mt-2 flex w-full flex-col gap-y-2 border-t border-[var(--tuwa-border-primary)] pt-2":"flex w-full flex-col gap-y-2",d=l[String(t.tracker)],g=d?a({label:d,hash:t.txKey,variant:t.tracker!==TransactionTracker.Solana?"compact":"default",explorerUrl:p.getExplorerTxUrl&&t.tracker===TransactionTracker.Solana?p?.getExplorerTxUrl(t):void 0}):null,f=(()=>{let x=t.hash,y=t.replacedTxHash;return !x&&!y?null:y?jsxs(Fragment,{children:[x&&a({label:l.original,hash:x,variant:"compact"}),typeof p.getExplorerTxUrl<"u"&&a({label:l.replaced,hash:y,explorerUrl:p.getExplorerTxUrl(t)})]}):x&&typeof p.getExplorerTxUrl<"u"&&a({label:l.default,hash:x,explorerUrl:p.getExplorerTxUrl(t)})})(),v=d&&d!==l.default&&t.txKey!==t.hash;return jsxs("div",{className:cn(r,s),children:[v&&g,f,typeof i=="number"&&jsxs("p",{className:"text-xs text-[var(--tuwa-text-tertiary)]",children:[c.confirmationsLabel,": ",i]})]})}var xe=t=>({Pending:{label:t.pending,Icon:ArrowPathIcon,badgeClasses:"bg-[var(--tuwa-pending-bg)] text-[var(--tuwa-pending-text)]",iconClasses:"animate-spin text-[var(--tuwa-pending-icon)]"},[TransactionStatus.Success]:{label:t.success,Icon:CheckCircleIcon,badgeClasses:"bg-[var(--tuwa-success-bg)] text-[var(--tuwa-success-text)]",iconClasses:"text-[var(--tuwa-success-icon)]"},[TransactionStatus.Failed]:{label:t.failed,Icon:XCircleIcon,badgeClasses:"bg-[var(--tuwa-error-bg)] text-[var(--tuwa-error-text)]",iconClasses:"text-[var(--tuwa-error-icon)]"},[TransactionStatus.Replaced]:{label:t.replaced,Icon:ArrowPathIcon,badgeClasses:"bg-[var(--tuwa-info-bg)] text-[var(--tuwa-info-text)]",iconClasses:"text-[var(--tuwa-info-icon)]"}});function _({tx:t,className:e}){let{statuses:o}=u(),s=useMemo(()=>xe(o),[o]),n="inline-flex items-center gap-x-1.5 rounded-full px-2 py-1 text-xs font-medium",i=t.pending?"Pending":t.status,l=i?s[i]:null;if(!l)return jsx("div",{className:cn(n,"bg-[var(--tuwa-info-bg)] text-[var(--tuwa-info-text)]",e),children:t.status??o.unknown});let{label:c,Icon:p,badgeClasses:a,iconClasses:r}=l;return jsxs("div",{className:cn(n,a,e),children:[jsx(p,{className:cn("h-4 w-4",r)}),c]})}var we=({onClick:t,children:e})=>jsx("button",{onClick:t,type:"button",className:"cursor-pointer text-sm font-medium text-[var(--tuwa-text-accent)] transition-opacity hover:opacity-80",children:e}),Ce=({onClick:t,children:e})=>jsx("button",{onClick:t,type:"button",className:"cursor-pointer text-sm font-medium text-[var(--tuwa-text-secondary)] transition-opacity hover:opacity-80",children:e}),he=({onClick:t,children:e})=>jsx("button",{className:"cursor-pointer rounded-md bg-gradient-to-r from-[var(--tuwa-button-gradient-from)] to-[var(--tuwa-button-gradient-to)] px-3 py-1 text-xs font-bold text-[var(--tuwa-text-on-accent)] shadow-lg transition-all duration-200 ease-in-out hover:shadow-xl hover:from-[var(--tuwa-button-gradient-from-hover)] hover:to-[var(--tuwa-button-gradient-to-hover)] active:scale-95",onClick:t,type:"button",children:e});function qt({openWalletInfoModal:t,tx:e,icon:o,className:s,customization:n,connectedWalletAddress:i,adapter:l}){let{actions:c,toast:p}=u(),a=selectAdapterByKey({adapterKey:e.adapter,adapter:l}),r=!!(e.tracker==="ethereum"&&e.pending&&a?.speedUpTxAction&&a?.cancelTxAction&&e.from.toLowerCase()===i?.toLowerCase()),d=()=>{r&&a.cancelTxAction(e);},g=()=>{r&&a.speedUpTxAction(e);},{StatusAwareText:f=B,TransactionKey:v=K,StatusBadge:x=_,SpeedUpButton:y=we,CancelButton:P=Ce,WalletInfoButton:T=he}=n?.components??{};return jsxs("div",{className:cn("flex w-full flex-col gap-3 rounded-lg bg-[var(--tuwa-bg-primary)] p-4 shadow-md",s),children:[jsxs("div",{className:"flex items-center gap-3",children:[jsx("div",{className:"w-[40px] flex-shrink-0 [&>img]:w-full [&>img]:h-auto",title:getChainName(setChainId(e.chainId)),children:o??jsx(Web3Icon,{chainId:setChainId(e.chainId)})}),jsxs("div",{className:"flex-1",children:[jsx(f,{txStatus:e.status,source:e.title,fallback:e.type,variant:"title",applyColor:true}),jsx(f,{txStatus:e.status,source:e.description,variant:"description"})]})]}),jsxs("div",{children:[jsx(v,{adapter:l,tx:e,variant:"toast"}),jsxs("div",{className:"mt-3 flex items-center justify-between",children:[jsx(x,{tx:e}),r?jsxs("div",{className:"flex items-center gap-4",children:[jsx(y,{onClick:g,children:c.speedUp}),jsx(P,{onClick:d,children:c.cancel})]}):t&&!!i&&jsx(T,{onClick:t,children:p.openWalletInfo})]})]})]})}function Qt({adapter:t,onClose:e,onOpenWalletInfo:o,className:s,customization:n,transactionsPool:i,executeTxAction:l,initialTx:c,connectedWalletAddress:p}){let a=useMemo(()=>c?.lastTxKey?i[c.lastTxKey]:void 0,[i,c]),r=a??c,d=c?.withTrackedModal&&!a||(a?.isTrackedModalOpen??false),{isProcessing:g,isSucceed:f,isFailed:v,isReplaced:x}=useMemo(()=>{let R=a?.status,_t=c?.isInitializing??false,$t=a?.pending??false;return {isProcessing:_t||$t,isSucceed:R===TransactionStatus.Success,isFailed:a?.isError||!!c?.errorMessage,isReplaced:R===TransactionStatus.Replaced}},[a,c]),y=useMemo(()=>r?selectAdapterByKey({adapterKey:r.adapter,adapter:t}):void 0,[r,t]),P=!!(v&&r&&c?.actionFunction&&l),T=!!(y?.speedUpTxAction&&y?.cancelTxAction&&a?.pending&&a.tracker==="ethereum"),L=()=>{if(!P||!y?.retryTxAction)return;let R={adapter:r.adapter,type:r.type,desiredChainID:"desiredChainID"in r?r.desiredChainID:r.chainId,actionFunction:c?.actionFunction,title:r.title,description:r.description,payload:r.payload,rpcUrl:"rpcUrl"in r?r?.rpcUrl:"desiredChainID"in r?r.desiredChainID:r.chainId.split(":")[1],withTrackedModal:"withTrackedModal"in r?r.withTrackedModal:false};y.retryTxAction({tx:R,txKey:a?.txKey??"",onClose:e,executeTxAction:l});},N=()=>{T&&a&&y.cancelTxAction(a);},A=()=>{T&&a&&y.speedUpTxAction(a);},z=n?.components?.Header,ct=n?.components?.Footer,pt=n?.components?.StatusVisual,dt=n?.components?.ProgressIndicator,ut=n?.components?.InfoBlock,mt=n?.components?.ErrorBlock;return r?jsx(Dialog,{open:d,onOpenChange:R=>!R&&e(a?.txKey),children:jsx(DialogContent,{className:cn("max-w-md",n?.modalProps?.className),...n?.modalProps,children:jsxs("div",{className:cn("relative flex w-full flex-col",s),children:[z?jsx(z,{onClose:()=>e(a?.txKey),title:jsx(ht,{tx:r})}):jsx(Me,{onClose:()=>e(a?.txKey),title:jsx(ht,{tx:r})}),jsxs("main",{className:"flex flex-col gap-4 p-4",children:[pt?jsx(pt,{isProcessing:g,isSucceed:f,isFailed:v,isReplaced:x}):jsx(kt,{isProcessing:g,isSucceed:f,isFailed:v,isReplaced:x}),dt?jsx(dt,{isProcessing:g,isSucceed:f,isFailed:v,isReplaced:x}):jsx(It,{isProcessing:g,isSucceed:f,isFailed:v,isReplaced:x}),ut?jsx(ut,{tx:r,adapter:t}):jsx(Nt,{tx:r,adapter:t}),mt?jsx(mt,{error:a?.errorMessage||c?.errorMessage}):jsx(Pt,{error:a?.errorMessage||c?.errorMessage})]}),ct?jsx(ct,{onClose:()=>e(a?.txKey),onOpenWalletInfo:o,isProcessing:g,isFailed:v,canReplace:T,onRetry:P?L:void 0,onSpeedUp:T?A:void 0,onCancel:T?N:void 0,connectedWalletAddress:p}):jsx(He,{onClose:()=>e(a?.txKey),onOpenWalletInfo:o,isProcessing:g,isFailed:v,canReplace:T,onRetry:P?L:void 0,onSpeedUp:T?A:void 0,onCancel:T?N:void 0,connectedWalletAddress:p})]})})}):null}function ht({tx:t}){return jsx(B,{txStatus:"status"in t?t.status:void 0,source:t.title,fallback:t.type,variant:"title",className:"text-lg"})}var Me=({onClose:t,title:e})=>{let{actions:o}=u();return jsxs(DialogHeader,{children:[jsx(DialogTitle,{children:e}),jsx(DialogClose,{asChild:true,children:jsx("button",{type:"button",onClick:()=>t(),"aria-label":o.close,className:`cursor-pointer rounded-full p-1
|
|
2
2
|
text-[var(--tuwa-text-tertiary)] transition-colors
|
|
3
|
-
hover:bg-[var(--tuwa-bg-muted)] hover:text-[var(--tuwa-text-primary)]`,children:jsx(CloseIcon,{})})})]})},He=({onClose:t,onOpenWalletInfo:e,isProcessing:o,onRetry:
|
|
3
|
+
hover:bg-[var(--tuwa-bg-muted)] hover:text-[var(--tuwa-text-primary)]`,children:jsx(CloseIcon,{})})})]})},He=({onClose:t,onOpenWalletInfo:e,isProcessing:o,onRetry:s,onSpeedUp:n,onCancel:i,canReplace:l,isFailed:c,connectedWalletAddress:p})=>{let{trackingModal:a,actions:r}=u(),d=()=>c&&s?jsx("button",{type:"button",onClick:s,className:`cursor-pointer rounded-md
|
|
4
4
|
bg-gradient-to-r from-[var(--tuwa-button-gradient-from)] to-[var(--tuwa-button-gradient-to)]
|
|
5
5
|
px-4 py-2 text-sm font-semibold text-[var(--tuwa-text-on-accent)] transition-opacity
|
|
6
6
|
hover:from-[var(--tuwa-button-gradient-from-hover)] hover:to-[var(--tuwa-button-gradient-to-hover)]`,children:a.retry}):!o&&!l&&p?jsx("button",{type:"button",onClick:e,className:`cursor-pointer rounded-md
|
|
7
7
|
bg-[var(--tuwa-bg-muted)] px-4 py-2 text-sm font-semibold text-[var(--tuwa-text-primary)]
|
|
8
8
|
transition-colors hover:bg-[var(--tuwa-border-primary)]`,children:a.walletInfo}):null;return jsxs("footer",{className:`flex w-full items-center justify-between
|
|
9
|
-
border-t border-[var(--tuwa-border-primary)] p-4`,children:[jsx("div",{className:"flex items-center gap-4",children:l&&
|
|
10
|
-
text-[var(--tuwa-text-accent)] transition-opacity hover:opacity-80`,children:
|
|
11
|
-
text-[var(--tuwa-text-secondary)] transition-opacity hover:opacity-80`,children:
|
|
9
|
+
border-t border-[var(--tuwa-border-primary)] p-4`,children:[jsx("div",{className:"flex items-center gap-4",children:l&&n&&i&&jsxs(Fragment,{children:[jsx("button",{type:"button",onClick:n,className:`cursor-pointer text-sm font-medium
|
|
10
|
+
text-[var(--tuwa-text-accent)] transition-opacity hover:opacity-80`,children:r.speedUp}),jsx("button",{type:"button",onClick:i,className:`cursor-pointer text-sm font-medium
|
|
11
|
+
text-[var(--tuwa-text-secondary)] transition-opacity hover:opacity-80`,children:r.cancel})]})}),jsxs("div",{className:"flex items-center gap-3",children:[jsx(d,{}),jsx("button",{type:"button",onClick:t,disabled:o&&!l,className:`cursor-pointer rounded-md bg-[var(--tuwa-bg-muted)] px-4 py-2 text-sm font-semibold
|
|
12
12
|
text-[var(--tuwa-text-primary)] transition-colors hover:bg-[var(--tuwa-border-primary)]
|
|
13
|
-
disabled:cursor-not-allowed disabled:opacity-50`,children:o&&!l?a.processing:a.close})]})]})};function Pt({error:t,className:e}){let{isCopied:o,copy:r}=useCopyToClipboard(),{actions:s,txError:n}=u();return t?jsxs("div",{className:cn("rounded-lg border border-[var(--tuwa-error-icon)]/30 bg-[var(--tuwa-error-bg)] p-3 text-sm",e),children:[jsxs("div",{className:"mb-2 flex items-center justify-between",children:[jsxs("div",{className:"flex items-center gap-2 font-bold text-[var(--tuwa-error-icon)]",children:[jsx(ExclamationTriangleIcon,{className:"h-5 w-5"}),jsx("span",{children:n.title})]}),jsx("button",{type:"button",onClick:()=>r(t),title:o?n.copied:s.copy,"aria-label":o?n.copied:`${s.copy} error message`,className:"cursor-pointer text-[var(--tuwa-error-icon)]/50 transition-colors hover:text-[var(--tuwa-error-icon)]",children:o?jsx(CheckIcon,{className:"h-5 w-5 text-[var(--tuwa-success-icon)]"}):jsx(DocumentDuplicateIcon,{className:"h-5 w-5"})})]}),jsx("div",{className:"max-h-24 overflow-y-auto rounded bg-[var(--tuwa-bg-primary)] p-2",children:jsx("p",{className:"font-mono text-xs text-[var(--tuwa-error-text)] break-all",children:t})})]}):null}function $e({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,adapter:e,className:o,customization:r}){let{txInfo:s,statuses:n,hashLabels:l}=u(),c=selectAdapterByKey({adapterKey:t.adapter,adapter:e});if(!c)return null;let{InfoRow:p=$e}=r?.components??{},a="chainId"in t?t.chainId:t.desiredChainID,i=t.adapter===OrbitAdapter.SOLANA,d=i?t:void 0;return jsxs("div",{className:cn("flex flex-col gap-3 rounded-lg border border-[var(--tuwa-border-primary)] bg-[var(--tuwa-bg-primary)] p-3",o),children:[jsx(p,{label:s.network,value:jsxs("div",{className:"flex items-center justify-end gap-2",children:[jsx("div",{className:"h-4 w-4",children:jsx(Web3Icon,{chainId:setChainId(a)})}),jsx("span",{children:getChainName(setChainId(a))})]})}),t.localTimestamp&&jsx(p,{label:s.started,value:Mt.unix(t.localTimestamp).format("MMM D, HH:mm:ss")}),i&&jsxs(Fragment,{children:[d?.slot&&jsx(p,{label:s.slot,value:jsx(U,{hash:d.slot.toString(),explorerUrl:c?.getExplorerUrl?`${c?.getExplorerUrl(`/block/${d.slot}`)}`:void 0})}),(typeof d?.confirmations=="number"||typeof d?.confirmations=="string")&&jsx(p,{label:n.confirmationsLabel,value:d.confirmations}),d?.recentBlockhash&&jsx(p,{label:l.recentBlockhash,value:jsx(U,{hash:d.recentBlockhash})})]}),"txKey"in t&&t.txKey&&jsx("div",{className:"border-t border-[var(--tuwa-border-primary)] pt-3",children:jsx(W,{tx:t,adapter:e,variant:"history",renderHashLink:r?.components?.transactionKey})})]})}var Qe={completed:{line:"bg-[var(--tuwa-success-icon)]",border:"border-[var(--tuwa-success-icon)]",fill:"bg-[var(--tuwa-success-icon)]"},error:{line:"bg-[var(--tuwa-error-icon)]",border:"border-[var(--tuwa-error-icon)]",fill:"bg-[var(--tuwa-error-icon)]"},replaced:{line:"bg-[var(--tuwa-info-icon)]",border:"border-[var(--tuwa-info-icon)]",fill:"bg-[var(--tuwa-info-icon)]"},active:{line:"bg-[var(--tuwa-pending-icon)]",border:"border-[var(--tuwa-pending-icon)]",fill:"bg-transparent",pulse:"bg-[var(--tuwa-pending-icon)]"},inactive:{line:"bg-[var(--tuwa-border-primary)]",border:"border-[var(--tuwa-border-primary)]",fill:"bg-transparent"}};function Ze({status:t,label:e,isFirst:o=false}){let r=Qe[t],s=()=>{switch(t){case "completed":return jsx(CheckIcon,{className:"h-3 w-3 text-white"});case "error":return jsx(ExclamationTriangleIcon,{className:"h-3 w-3 text-white"});case "replaced":return jsx(ArrowPathIcon,{className:"h-3 w-3 text-white"});case "active":return jsx("div",{className:cn("h-2 w-2 animate-pulse rounded-full",r.pulse)});default:return null}};return jsxs("div",{className:"relative flex min-w-[80px] flex-1 flex-col items-center",children:[!o&&jsx("div",{className:cn("absolute right-1/2 top-[10px] h-0.5 w-full",r.line)}),jsx("div",{className:cn("relative z-10 flex h-5 w-5 items-center justify-center rounded-full border-2",r.border,r.fill),children:s()}),jsx("span",{className:cn("mt-2 text-center text-xs",t!=="inactive"?"font-semibold text-[var(--tuwa-text-primary)]":"text-[var(--tuwa-text-secondary)]"),children:e})]})}function It({isProcessing:t,isSucceed:e,isFailed:o,isReplaced:r,className:s,StepComponent:n=Ze}){let{trackingModal:l,statuses:c}=u(),p=useMemo(()=>{let a=d=>{if(d===1)return "completed";if(d===2){if(e||o||r)return "completed";if(t)return "active"}if(d===3){if(e)return "completed";if(o)return "error";if(r)return "replaced";if(t)return "active"}return "inactive"},i=d=>d===1?l.progressIndicator.created:d===2?l.progressIndicator.processing:o?c.failed:r?c.replaced:l.progressIndicator.succeed;return [{status:a(1),label:i(1),isFirst:true},{status:a(2),label:i(2)},{status:a(3),label:i(3),isLast:true}]},[t,e,o,r,l,c]);return jsx("div",{className:cn("flex w-full items-start px-4 pt-2 pb-1",s),children:p.map((a,i)=>jsx(n,{...a},i))})}var ro={succeed:{Icon:CheckCircleIcon,className:"text-[var(--tuwa-success-icon)]"},failed:{Icon:ExclamationCircleIcon,className:"text-[var(--tuwa-error-icon)]"},replaced:{Icon:ArrowPathIcon,className:"text-[var(--tuwa-info-icon)]"},processing:{Icon:ArrowPathIcon,className:"animate-spin text-[var(--tuwa-text-accent)]"},initializing:{Icon:ClockIcon,className:"animate-pulse text-[var(--tuwa-pending-icon)]"}};function kt({isProcessing:t,isSucceed:e,isFailed:o,isReplaced:r}){let s=e&&"succeed"||o&&"failed"||r&&"replaced"||t&&"processing"||"initializing",{Icon:n,className:l}=ro[s];return jsx("div",{className:"flex justify-center py-4",children:jsx(n,{className:cn("h-16 w-16",l)})})}Mt.extend(lo);var co=({chainId:t})=>jsx("div",{className:"h-8 w-8 text-[var(--tuwa-text-secondary)]",children:jsx(Web3Icon,{chainId:setChainId(t)})}),po=({timestamp:t})=>jsx("span",{className:"mb-1 block text-xs text-[var(--tuwa-text-secondary)]",children:t?Mt.unix(t).fromNow():"..."});function Ht({tx:t,adapter:e,className:o,customization:r}){let{Icon:s=co,Title:n=B,Description:l=B,Timestamp:c=po,StatusBadge:p=_,TransactionKey:a=W}=r?.components??{};return jsxs("div",{className:cn("flex flex-col gap-2 border-b border-[var(--tuwa-border-secondary)] p-3 transition-colors hover:bg-[var(--tuwa-bg-secondary)]",o),children:[jsxs("div",{className:"flex items-start justify-between",children:[jsxs("div",{className:"flex items-center gap-4",children:[jsx("div",{className:"flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-full bg-[var(--tuwa-bg-muted)]",children:jsx(s,{chainId:t.chainId})}),jsxs("div",{children:[jsx(n,{txStatus:t.status,source:t.title,fallback:t.type,variant:"title",applyColor:true}),jsx(c,{timestamp:t.localTimestamp}),jsx(l,{txStatus:t.status,source:t.description,variant:"description"})]})]}),jsx(p,{tx:t})]}),jsx(a,{tx:t,adapter:e,variant:"history"})]})}function fo({title:t,message:e,className:o}){return jsxs("div",{className:cn("rounded-lg bg-[var(--tuwa-bg-muted)] p-8 text-center",o),children:[jsx("h4",{className:"font-semibold text-[var(--tuwa-text-primary)]",children:t}),jsx("p",{className:"mt-1 text-sm text-[var(--tuwa-text-secondary)]",children:e})]})}function Lt({adapter:t,connectedWalletAddress:e,transactionsPool:o,className:r,customization:s}){let{walletModal:n}=u(),l=useMemo(()=>e?selectAllTransactionsByActiveWallet(o,e).sort((d,g)=>(g.localTimestamp??0)-(d.localTimestamp??0)):[],[o,e]),{Placeholder:c=fo,HistoryItem:p=Ht}=s?.components??{},a=()=>e?l.length>0?jsx("div",{className:cn("max-h-[400px] overflow-y-auto rounded-lg border border-[var(--tuwa-border-primary)] bg-[var(--tuwa-bg-primary)]",s?.classNames?.listWrapper),children:l.map(i=>jsx(p,{tx:i,adapter:t},i.txKey))}):jsx(c,{title:n.history.noTransactionsTitle,message:n.history.noTransactionsMessage}):jsx(c,{title:n.history.connectWalletTitle,message:n.history.connectWalletMessage});return jsxs("div",{className:cn("flex flex-col gap-y-3",r),children:[jsx("h3",{className:"text-lg font-bold text-[var(--tuwa-text-primary)]",children:n.history.title}),a()]})}var yo=t=>({replaced:jsxs(Fragment,{children:[jsx(ArrowPathIcon,{className:"h-4 w-4"}),jsx("span",{children:t.replaced})]}),loading:jsxs(Fragment,{children:[jsx(ArrowPathIcon,{className:"h-4 w-4 animate-spin"}),jsx("span",{children:t.loading})]}),succeed:jsxs(Fragment,{children:[jsx(CheckCircleIcon,{className:"h-4 w-4"}),jsx("span",{children:t.succeed})]}),failed:jsxs(Fragment,{children:[jsx(ExclamationCircleIcon,{className:"h-4 w-4"}),jsx("span",{children:t.failed})]})});function nn({children:t,action:e,getLastTxKey:o,transactionsPool:r,walletAddress:s,loadingContent:n,succeedContent:l,failedContent:c,replacedContent:p,resetTimeout:a=2500,className:i,...d}){let{trackedTxButton:g}=u(),[f,v]=useState("idle"),[x,y]=useState(void 0),P=useMemo(()=>yo(g),[g]);useEffect(()=>{v("idle"),y(void 0);},[s]),useEffect(()=>{if(!x)return;let N=r[x];if(N)switch(N.status){case TransactionStatus.Success:v("succeed");break;case TransactionStatus.Replaced:v("replaced");break;case TransactionStatus.Failed:v("failed");break}},[r,x,s]),useEffect(()=>{if(["succeed","failed","replaced"].includes(f)){let N=setTimeout(()=>{v("idle"),y(void 0);},a);return ()=>clearTimeout(N)}},[f,a]);let T=async()=>{v("loading");try{await e(),y(o());}catch(N){console.error("Transaction initiation failed:",N),v("failed");}},L=()=>{switch(f){case "loading":return n??P.loading;case "succeed":return l??P.succeed;case "failed":return c??P.failed;case "replaced":return p??P.replaced;default:return t}};return jsx("button",{...d,disabled:f!=="idle"||d.disabled,onClick:T,className:cn("flex cursor-pointer items-center justify-center gap-1.5 rounded-md px-3 py-1.5 text-sm font-medium transition-all duration-200 disabled:cursor-not-allowed disabled:opacity-70",{"bg-gradient-to-r from-[var(--tuwa-button-gradient-from)] to-[var(--tuwa-button-gradient-to)] text-[var(--tuwa-text-on-accent)] hover:opacity-90":f==="idle","bg-gray-400 text-white":f==="loading","bg-gray-500 text-white":f==="replaced","bg-[var(--tuwa-success-bg)] text-[var(--tuwa-success-text)]":f==="succeed","bg-[var(--tuwa-error-bg)] text-[var(--tuwa-error-text)]":f==="failed"},i),children:L()})}function nt({address:t,explorerUrl:e,className:o}){let{isCopied:r,copy:s}=useCopyToClipboard(),{actions:n,txError:l}=u();return jsxs("div",{className:cn("flex items-center gap-x-3 rounded-full bg-[var(--tuwa-bg-muted)] px-3 py-1 font-mono text-xs text-[var(--tuwa-text-secondary)]",o),children:[jsx("span",{children:textCenterEllipsis(t,6,6)}),jsx("button",{type:"button",title:r?l.copied:n.copy,"aria-label":r?l.copied:`${n.copy} address`,onClick:()=>s(t),className:"cursor-pointer transition-colors hover:text-[var(--tuwa-text-primary)]",children:r?jsx(CheckIcon,{className:"h-4 w-4 text-[var(--tuwa-success-icon)]"}):jsx(DocumentDuplicateIcon,{className:"h-4 w-4"})}),e&&jsx("a",{href:e,target:"_blank",rel:"noopener noreferrer",className:"transition-colors hover:text-[var(--tuwa-text-accent)]",title:n.viewOnExplorer,"aria-label":n.viewOnExplorer,children:jsx(ArrowTopRightOnSquareIcon,{className:"h-4 w-4"})})]})}function Mo(t,{strict:e=true}={}){return !t||typeof t!="string"?false:e?/^0x[0-9a-fA-F]*$/.test(t):t.startsWith("0x")}var Ho="0x0000000000000000000000000000000000000000";function Ot({address:t,ensAvatar:e,className:o}){let{walletModal:r}=u(),[s,n]=useState(e),l=useMemo(()=>So(Mo(t)?t:Ho),[t]),c=useMemo(()=>`#${t.slice(2,8)}`,[t]);useEffect(()=>{n(e);},[e]);let p=()=>{n(l);};return jsx("div",{className:cn("h-12 w-12 flex-shrink-0 rounded-full",o),style:{backgroundColor:c},children:jsx("img",{className:"h-full w-full rounded-full object-cover",src:s||l,alt:`${r.header.avatarAlt} ${t}`,onError:p},e)})}var Wo=({isLoading:t,ensName:e,walletAddress:o,explorerUrl:r,renderAddressDisplay:s})=>jsxs("div",{className:"flex flex-col",children:[jsx("div",{className:"mb-1.5 flex h-7 items-center",children:t?jsx("div",{className:"h-full w-48 animate-pulse rounded-md bg-[var(--tuwa-bg-muted)]"}):e?jsx("h2",{className:"text-xl font-bold text-[var(--tuwa-text-primary)]",children:e}):jsx(nt,{address:o,explorerUrl:r,className:"rounded-none bg-transparent px-0 py-0 text-xl font-bold text-[var(--tuwa-text-primary)]"})}),jsx("div",{className:"flex h-5 items-center",children:!t&&e&&(s?s({address:o,explorerUrl:r}):jsx(nt,{address:o,explorerUrl:r}))})]});function Ft({walletAddress:t,adapter:e,connectedAdapterType:o,className:r,renderAvatar:s,renderName:n,renderAddressDisplay:l,renderNoWalletContent:c,explorerUrl:p}){let{walletModal:a}=u(),[i,d]=useState(null),[g,f]=useState(null),[v,x]=useState(true);if(useEffect(()=>{(async()=>{if(!t||!o){x(false);return}let T=selectAdapterByKey({adapterKey:o,adapter:e}),L=T&&"getName"in T&&typeof T.getName=="function",N=T&&"getAvatar"in T&&typeof T.getAvatar=="function";if(!L){x(false);return}x(true),d(null),f(null);try{let A=T?.getName?await T.getName(t):null;if(A&&(d(A),N)){let z=T?.getAvatar?await T.getAvatar(A):null;f(z);}}catch(A){console.error("Failed to fetch name service data:",A);}finally{x(false);}})();},[t,e,o]),!t)return c?jsx(Fragment,{children:c()}):jsx("div",{className:cn("flex h-20 items-center justify-center rounded-lg bg-[var(--tuwa-bg-muted)] text-[var(--tuwa-text-secondary)]",r),children:a.header.notConnected});let y=i?i.length>30?textCenterEllipsis(i,12,12):i:void 0;return jsxs("div",{className:cn("flex min-h-[4rem] items-center gap-4",r),children:[jsx("div",{children:s?s({address:t,ensAvatar:g}):jsx(Ot,{address:t,ensAvatar:g})}),jsx("div",{className:"flex min-h-[3.5rem] min-w-[200px] flex-col justify-center",children:n?n({ensName:y,isLoading:v,address:t}):jsx(Wo,{isLoading:v,ensName:y,walletAddress:t,explorerUrl:p,renderAddressDisplay:l})})]})}var Jo=({closeModal:t,title:e})=>{let{actions:o}=u();return jsxs(DialogHeader,{children:[jsx(DialogTitle,{children:e}),jsx(DialogClose,{asChild:true,children:jsx("button",{type:"button",onClick:t,"aria-label":o.close,className:`cursor-pointer rounded-full p-1
|
|
13
|
+
disabled:cursor-not-allowed disabled:opacity-50`,children:o&&!l?a.processing:a.close})]})]})};function Pt({error:t,className:e}){let{isCopied:o,copy:s}=useCopyToClipboard(),{actions:n,txError:i}=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:i.title})]}),jsx("button",{type:"button",onClick:()=>s(t),title:o?i.copied:n.copy,"aria-label":o?i.copied:`${n.copy} error message`,className:"cursor-pointer text-[var(--tuwa-error-icon)]/50 transition-colors hover:text-[var(--tuwa-error-icon)]",children:o?jsx(CheckIcon,{className:"h-5 w-5 text-[var(--tuwa-success-icon)]"}):jsx(DocumentDuplicateIcon,{className:"h-5 w-5"})})]}),jsx("div",{className:"max-h-24 overflow-y-auto rounded bg-[var(--tuwa-bg-primary)] p-2",children:jsx("p",{className:"font-mono text-xs text-[var(--tuwa-error-text)] break-all",children:t})})]}):null}function $e({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,adapter:e,className:o,customization:s}){let{txInfo:n,statuses:i,hashLabels:l}=u(),c=selectAdapterByKey({adapterKey:t.adapter,adapter:e});if(!c)return null;let{InfoRow:p=$e}=s?.components??{},a="chainId"in t?t.chainId:t.desiredChainID,r=t.adapter===OrbitAdapter.SOLANA,d=r?t:void 0;return jsxs("div",{className:cn("flex flex-col gap-3 rounded-lg border border-[var(--tuwa-border-primary)] bg-[var(--tuwa-bg-primary)] p-3",o),children:[jsx(p,{label:n.network,value:jsxs("div",{className:"flex items-center justify-end gap-2",children:[jsx("div",{className:"h-4 w-4",children:jsx(Web3Icon,{chainId:setChainId(a)})}),jsx("span",{children:getChainName(setChainId(a))})]})}),t.localTimestamp&&jsx(p,{label:n.started,value:Mt.unix(t.localTimestamp).format("MMM D, HH:mm:ss")}),r&&jsxs(Fragment,{children:[d?.slot&&jsx(p,{label:n.slot,value:jsx(U,{hash:d.slot.toString(),explorerUrl:c?.getExplorerUrl?`${c?.getExplorerUrl(`/block/${d.slot}`)}`:void 0})}),(typeof d?.confirmations=="number"||typeof d?.confirmations=="string")&&jsx(p,{label:i.confirmationsLabel,value:d.confirmations}),d?.recentBlockhash&&jsx(p,{label:l.recentBlockhash,value:jsx(U,{hash:d.recentBlockhash})})]}),"txKey"in t&&t.txKey&&jsx("div",{className:"border-t border-[var(--tuwa-border-primary)] pt-3",children:jsx(K,{tx:t,adapter:e,variant:"history",renderHashLink:s?.components?.transactionKey})})]})}var Qe={completed:{line:"bg-[var(--tuwa-success-icon)]",border:"border-[var(--tuwa-success-icon)]",fill:"bg-[var(--tuwa-success-icon)]"},error:{line:"bg-[var(--tuwa-error-icon)]",border:"border-[var(--tuwa-error-icon)]",fill:"bg-[var(--tuwa-error-icon)]"},replaced:{line:"bg-[var(--tuwa-info-icon)]",border:"border-[var(--tuwa-info-icon)]",fill:"bg-[var(--tuwa-info-icon)]"},active:{line:"bg-[var(--tuwa-pending-icon)]",border:"border-[var(--tuwa-pending-icon)]",fill:"bg-transparent",pulse:"bg-[var(--tuwa-pending-icon)]"},inactive:{line:"bg-[var(--tuwa-border-primary)]",border:"border-[var(--tuwa-border-primary)]",fill:"bg-transparent"}};function Ze({status:t,label:e,isFirst:o=false}){let s=Qe[t],n=()=>{switch(t){case "completed":return jsx(CheckIcon,{className:"h-3 w-3 text-white"});case "error":return jsx(ExclamationTriangleIcon,{className:"h-3 w-3 text-white"});case "replaced":return jsx(ArrowPathIcon,{className:"h-3 w-3 text-white"});case "active":return jsx("div",{className:cn("h-2 w-2 animate-pulse rounded-full",s.pulse)});default:return null}};return jsxs("div",{className:"relative flex min-w-[80px] flex-1 flex-col items-center",children:[!o&&jsx("div",{className:cn("absolute right-1/2 top-[10px] h-0.5 w-full",s.line)}),jsx("div",{className:cn("relative z-10 flex h-5 w-5 items-center justify-center rounded-full border-2",s.border,s.fill),children:n()}),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:o,isReplaced:s,className:n,StepComponent:i=Ze}){let{trackingModal:l,statuses:c}=u(),p=useMemo(()=>{let a=d=>{if(d===1)return "completed";if(d===2){if(e||o||s)return "completed";if(t)return "active"}if(d===3){if(e)return "completed";if(o)return "error";if(s)return "replaced";if(t)return "active"}return "inactive"},r=d=>d===1?l.progressIndicator.created:d===2?l.progressIndicator.processing:o?c.failed:s?c.replaced:l.progressIndicator.succeed;return [{status:a(1),label:r(1),isFirst:true},{status:a(2),label:r(2)},{status:a(3),label:r(3),isLast:true}]},[t,e,o,s,l,c]);return jsx("div",{className:cn("flex w-full items-start px-4 pt-2 pb-1",n),children:p.map((a,r)=>jsx(i,{...a},r))})}var ro={succeed:{Icon:CheckCircleIcon,className:"text-[var(--tuwa-success-icon)]"},failed:{Icon:ExclamationCircleIcon,className:"text-[var(--tuwa-error-icon)]"},replaced:{Icon:ArrowPathIcon,className:"text-[var(--tuwa-info-icon)]"},processing:{Icon:ArrowPathIcon,className:"animate-spin text-[var(--tuwa-text-accent)]"},initializing:{Icon:ClockIcon,className:"animate-pulse text-[var(--tuwa-pending-icon)]"}};function kt({isProcessing:t,isSucceed:e,isFailed:o,isReplaced:s}){let n=e&&"succeed"||o&&"failed"||s&&"replaced"||t&&"processing"||"initializing",{Icon:i,className:l}=ro[n];return jsx("div",{className:"flex justify-center py-4",children:jsx(i,{className:cn("h-16 w-16",l)})})}Mt.extend(lo);var co=({chainId:t})=>jsx("div",{className:"h-8 w-8 text-[var(--tuwa-text-secondary)]",children:jsx(Web3Icon,{chainId:setChainId(t)})}),po=({timestamp:t})=>jsx("span",{className:"mb-1 block text-xs text-[var(--tuwa-text-secondary)]",children:t?Mt.unix(t).fromNow():"..."});function Ht({tx:t,adapter:e,className:o,customization:s}){let{Icon:n=co,Title:i=B,Description:l=B,Timestamp:c=po,StatusBadge:p=_,TransactionKey:a=K}=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)]",o),children:[jsxs("div",{className:"flex items-start justify-between",children:[jsxs("div",{className:"flex items-center gap-4",children:[jsx("div",{className:"flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-full bg-[var(--tuwa-bg-muted)]",children:jsx(n,{chainId:t.chainId})}),jsxs("div",{children:[jsx(i,{txStatus:t.status,source:t.title,fallback:t.type,variant:"title",applyColor:true}),jsx(c,{timestamp:t.localTimestamp}),jsx(l,{txStatus:t.status,source:t.description,variant:"description"})]})]}),jsx(p,{tx:t})]}),jsx(a,{tx:t,adapter:e,variant:"history"})]})}function fo({title:t,message:e,className:o}){return jsxs("div",{className:cn("rounded-lg bg-[var(--tuwa-bg-muted)] p-8 text-center",o),children:[jsx("h4",{className:"font-semibold text-[var(--tuwa-text-primary)]",children:t}),jsx("p",{className:"mt-1 text-sm text-[var(--tuwa-text-secondary)]",children:e})]})}function Lt({adapter:t,connectedWalletAddress:e,transactionsPool:o,className:s,customization:n}){let{walletModal:i}=u(),l=useMemo(()=>e?selectAllTransactionsByActiveWallet(o,e).sort((d,g)=>(g.localTimestamp??0)-(d.localTimestamp??0)):[],[o,e]),{Placeholder:c=fo,HistoryItem:p=Ht}=n?.components??{},a=()=>e?l.length>0?jsx("div",{className:cn("max-h-[400px] overflow-y-auto rounded-lg border border-[var(--tuwa-border-primary)] bg-[var(--tuwa-bg-primary)]",n?.classNames?.listWrapper),children:l.map(r=>jsx(p,{tx:r,adapter:t},r.txKey))}):jsx(c,{title:i.history.noTransactionsTitle,message:i.history.noTransactionsMessage}):jsx(c,{title:i.history.connectWalletTitle,message:i.history.connectWalletMessage});return jsxs("div",{className:cn("flex flex-col gap-y-3",s),children:[jsx("h3",{className:"text-lg font-bold text-[var(--tuwa-text-primary)]",children:i.history.title}),a()]})}var yo=t=>({replaced:jsxs(Fragment,{children:[jsx(ArrowPathIcon,{className:"h-4 w-4"}),jsx("span",{children:t.replaced})]}),loading:jsxs(Fragment,{children:[jsx(ArrowPathIcon,{className:"h-4 w-4 animate-spin"}),jsx("span",{children:t.loading})]}),succeed:jsxs(Fragment,{children:[jsx(CheckCircleIcon,{className:"h-4 w-4"}),jsx("span",{children:t.succeed})]}),failed:jsxs(Fragment,{children:[jsx(ExclamationCircleIcon,{className:"h-4 w-4"}),jsx("span",{children:t.failed})]})});function nn({children:t,action:e,getLastTxKey:o,transactionsPool:s,walletAddress:n,loadingContent:i,succeedContent:l,failedContent:c,replacedContent:p,resetTimeout:a=2500,className:r,...d}){let{trackedTxButton:g}=u(),[f,v]=useState("idle"),[x,y]=useState(void 0),P=useMemo(()=>yo(g),[g]);useEffect(()=>{v("idle"),y(void 0);},[n]),useEffect(()=>{if(!x)return;let N=s[x];if(N)switch(N.status){case TransactionStatus.Success:v("succeed");break;case TransactionStatus.Replaced:v("replaced");break;case TransactionStatus.Failed:v("failed");break}},[s,x,n]),useEffect(()=>{if(["succeed","failed","replaced"].includes(f)){let N=setTimeout(()=>{v("idle"),y(void 0);},a);return ()=>clearTimeout(N)}},[f,a]);let T=async()=>{v("loading");try{await e(),y(o());}catch(N){console.error("Transaction initiation failed:",N),v("failed");}},L=()=>{switch(f){case "loading":return i??P.loading;case "succeed":return l??P.succeed;case "failed":return c??P.failed;case "replaced":return p??P.replaced;default:return t}};return jsx("button",{...d,disabled:f!=="idle"||d.disabled,onClick:T,className:cn("flex cursor-pointer items-center justify-center gap-1.5 rounded-md px-3 py-1.5 text-sm font-medium transition-all duration-200 disabled:cursor-not-allowed disabled:opacity-70",{"bg-gradient-to-r from-[var(--tuwa-button-gradient-from)] to-[var(--tuwa-button-gradient-to)] text-[var(--tuwa-text-on-accent)] hover:opacity-90":f==="idle","bg-gray-400 text-white":f==="loading","bg-gray-500 text-white":f==="replaced","bg-[var(--tuwa-success-bg)] text-[var(--tuwa-success-text)]":f==="succeed","bg-[var(--tuwa-error-bg)] text-[var(--tuwa-error-text)]":f==="failed"},r),children:L()})}function nt({address:t,explorerUrl:e,className:o}){let{isCopied:s,copy:n}=useCopyToClipboard(),{actions:i,txError:l}=u();return jsxs("div",{className:cn("flex items-center gap-x-3 rounded-full bg-[var(--tuwa-bg-muted)] px-3 py-1 font-mono text-xs text-[var(--tuwa-text-secondary)]",o),children:[jsx("span",{children:textCenterEllipsis(t,6,6)}),jsx("button",{type:"button",title:s?l.copied:i.copy,"aria-label":s?l.copied:`${i.copy} address`,onClick:()=>n(t),className:"cursor-pointer transition-colors hover:text-[var(--tuwa-text-primary)]",children:s?jsx(CheckIcon,{className:"h-4 w-4 text-[var(--tuwa-success-icon)]"}):jsx(DocumentDuplicateIcon,{className:"h-4 w-4"})}),e&&jsx("a",{href:e,target:"_blank",rel:"noopener noreferrer",className:"transition-colors hover:text-[var(--tuwa-text-accent)]",title:i.viewOnExplorer,"aria-label":i.viewOnExplorer,children:jsx(ArrowTopRightOnSquareIcon,{className:"h-4 w-4"})})]})}function Mo(t,{strict:e=true}={}){return !t||typeof t!="string"?false:e?/^0x[0-9a-fA-F]*$/.test(t):t.startsWith("0x")}var Ho="0x0000000000000000000000000000000000000000";function Ot({address:t,ensAvatar:e,className:o}){let{walletModal:s}=u(),[n,i]=useState(e),l=useMemo(()=>So(Mo(t)?t:Ho),[t]),c=useMemo(()=>`#${t.slice(2,8)}`,[t]);useEffect(()=>{i(e);},[e]);let p=()=>{i(l);};return jsx("div",{className:cn("h-12 w-12 flex-shrink-0 rounded-full",o),style:{backgroundColor:c},children:jsx("img",{className:"h-full w-full rounded-full object-cover",src:n||l,alt:`${s.header.avatarAlt} ${t}`,onError:p},e)})}var Ko=({isLoading:t,ensName:e,walletAddress:o,explorerUrl:s,renderAddressDisplay:n})=>jsxs("div",{className:"flex flex-col",children:[jsx("div",{className:"mb-1.5 flex h-7 items-center",children:t?jsx("div",{className:"h-full w-48 animate-pulse rounded-md bg-[var(--tuwa-bg-muted)]"}):e?jsx("h2",{className:"text-xl font-bold text-[var(--tuwa-text-primary)]",children:e}):jsx(nt,{address:o,explorerUrl:s,className:"rounded-none bg-transparent px-0 py-0 text-xl font-bold text-[var(--tuwa-text-primary)]"})}),jsx("div",{className:"flex h-5 items-center",children:!t&&e&&(n?n({address:o,explorerUrl:s}):jsx(nt,{address:o,explorerUrl:s}))})]});function Ft({walletAddress:t,adapter:e,connectedAdapterType:o,className:s,renderAvatar:n,renderName:i,renderAddressDisplay:l,renderNoWalletContent:c,explorerUrl:p}){let{walletModal:a}=u(),[r,d]=useState(null),[g,f]=useState(null),[v,x]=useState(true);if(useEffect(()=>{(async()=>{if(!t||!o){x(false);return}let T=selectAdapterByKey({adapterKey:o,adapter:e}),L=T&&"getName"in T&&typeof T.getName=="function",N=T&&"getAvatar"in T&&typeof T.getAvatar=="function";if(!L){x(false);return}x(true),d(null),f(null);try{let A=T?.getName?await T.getName(t):null;if(A&&(d(A),N)){let z=T?.getAvatar?await T.getAvatar(A):null;f(z);}}catch(A){console.error("Failed to fetch name service data:",A);}finally{x(false);}})();},[t,e,o]),!t)return c?jsx(Fragment,{children:c()}):jsx("div",{className:cn("flex h-20 items-center justify-center rounded-lg bg-[var(--tuwa-bg-muted)] text-[var(--tuwa-text-secondary)]",s),children:a.header.notConnected});let y=r?r.length>30?textCenterEllipsis(r,12,12):r:void 0;return jsxs("div",{className:cn("flex min-h-[4rem] items-center gap-4",s),children:[jsx("div",{children:n?n({address:t,ensAvatar:g}):jsx(Ot,{address:t,ensAvatar:g})}),jsx("div",{className:"flex min-h-[3.5rem] min-w-[200px] flex-col justify-center",children:i?i({ensName:y,isLoading:v,address:t}):jsx(Ko,{isLoading:v,ensName:y,walletAddress:t,explorerUrl:p,renderAddressDisplay:l})})]})}var Jo=({closeModal:t,title:e})=>{let{actions:o}=u();return jsxs(DialogHeader,{children:[jsx(DialogTitle,{children:e}),jsx(DialogClose,{asChild:true,children:jsx("button",{type:"button",onClick:t,"aria-label":o.close,className:`cursor-pointer rounded-full p-1
|
|
14
14
|
text-[var(--tuwa-text-tertiary)] transition-colors
|
|
15
|
-
hover:bg-[var(--tuwa-bg-muted)] hover:text-[var(--tuwa-text-primary)]`,children:jsx(CloseIcon,{})})})]})};function Zt({isOpen:t,setIsOpen:e,customization:o,adapter:
|
|
15
|
+
hover:bg-[var(--tuwa-bg-muted)] hover:text-[var(--tuwa-text-primary)]`,children:jsx(CloseIcon,{})})})]})};function Zt({isOpen:t,setIsOpen:e,customization:o,adapter:s,connectedAdapterType:n,connectedWalletAddress:i,transactionsPool:l}){let{walletModal:c}=u(),{explorerUrl:p}=useMemo(()=>n?{explorerUrl:selectAdapterByKey({adapterKey:n,adapter:s})?.getExplorerUrl(i?`/address/${i}`:"")}:{explorerUrl:void 0},[n,s,i]),a=()=>e(false),r=o?.components?.Header,d=o?.components?.WalletInfo,g=o?.components?.History;return jsx(Dialog,{open:t,onOpenChange:f=>!f&&a(),children:jsx(DialogContent,{className:cn("max-w-2xl",o?.modalProps?.className),...o?.modalProps,children:jsxs("div",{className:cn("relative max-h-[95dvh] w-full flex flex-col",o?.classNames?.contentWrapper),children:[r?jsx(r,{closeModal:a}):jsx(Jo,{closeModal:a,title:c.title}),jsxs("div",{className:"flex flex-col gap-4 p-4 overflow-y-auto",children:[d?jsx(d,{adapter:s,connectedAdapterType:n,walletAddress:i,explorerUrl:p}):jsx(Ft,{adapter:s,connectedAdapterType:n,walletAddress:i,explorerUrl:p}),g?jsx(g,{adapter:s,transactionsPool:l,connectedWalletAddress:i}):jsx(Lt,{adapter:s,transactionsPool:l,connectedWalletAddress:i})]})]})})})}export{U as HashLink,B as StatusAwareText,Yt as ToastCloseButton,qt as ToastTransaction,Qt as TrackingTxModal,Ht as TransactionHistoryItem,K as TransactionKey,_ as TransactionStatusBadge,Lt as TransactionsHistory,nn as TxActionButton,Pt as TxErrorBlock,Nt as TxInfoBlock,It as TxProgressIndicator,kt as TxStatusVisual,nt as WalletAddressDisplay,Ot as WalletAvatar,Ft as WalletHeader,Zt as WalletInfoModal,Y as defaultLabels};//# sourceMappingURL=index.js.map
|
|
16
16
|
//# sourceMappingURL=index.js.map
|