@tuwaio/nova-transactions 1.0.0-fix-integrate-orbit-alpha.6.0264e04 → 1.0.0-fix-integrate-orbit-alpha.8.2a0be00

package/dist/index.css

@@ -657,6 +657,16 @@
       opacity: 70%;
     }
   }
+  .\[\&\>img\]\:h-auto {
+    &>img {
+      height: auto;
+    }
+  }
+  .\[\&\>img\]\:w-full {
+    &>img {
+      width: 100%;
+    }
+  }
 }
 /*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */
 @layer properties;
@@ -721,9 +731,6 @@
     --tw-translate-y: -50%;
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
-  .animate-in {
-    animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
-  }
   .resize {
     resize: both;
   }
@@ -832,27 +839,20 @@
     --tw-backdrop-saturate: saturate(150%);
     backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
   }
+  .transition {
+    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
+    transition-timing-function: var(--tw-ease, cubic-bezier(0.4, 0, 0.2, 1));
+    transition-duration: var(--tw-duration, 150ms);
+  }
   .transition-colors {
     transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
     transition-timing-function: var(--tw-ease, cubic-bezier(0.4, 0, 0.2, 1));
     transition-duration: var(--tw-duration, 150ms);
   }
-  .duration-350 {
-    --tw-duration: 350ms;
-    transition-duration: 350ms;
-  }
-  .fade-in-0 {
-    --tw-enter-opacity: calc(0/100);
-    --tw-enter-opacity: 0;
-  }
   .outline-none {
     --tw-outline-style: none;
     outline-style: none;
   }
-  .zoom-in-95 {
-    --tw-enter-scale: calc(95*1%);
-    --tw-enter-scale: .95;
-  }
   .sm\:flex-row {
     @media (width >= 40rem) {
       flex-direction: row;
@@ -873,90 +873,6 @@
     }
   }
 }
-@property --tw-animation-delay {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0s;
-}
-@property --tw-animation-direction {
-  syntax: "*";
-  inherits: false;
-  initial-value: normal;
-}
-@property --tw-animation-duration {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-animation-fill-mode {
-  syntax: "*";
-  inherits: false;
-  initial-value: none;
-}
-@property --tw-animation-iteration-count {
-  syntax: "*";
-  inherits: false;
-  initial-value: 1;
-}
-@property --tw-enter-blur {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0;
-}
-@property --tw-enter-opacity {
-  syntax: "*";
-  inherits: false;
-  initial-value: 1;
-}
-@property --tw-enter-rotate {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0;
-}
-@property --tw-enter-scale {
-  syntax: "*";
-  inherits: false;
-  initial-value: 1;
-}
-@property --tw-enter-translate-x {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0;
-}
-@property --tw-enter-translate-y {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0;
-}
-@property --tw-exit-blur {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0;
-}
-@property --tw-exit-opacity {
-  syntax: "*";
-  inherits: false;
-  initial-value: 1;
-}
-@property --tw-exit-rotate {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0;
-}
-@property --tw-exit-scale {
-  syntax: "*";
-  inherits: false;
-  initial-value: 1;
-}
-@property --tw-exit-translate-x {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0;
-}
-@property --tw-exit-translate-y {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0;
-}
 :root {
   --tuwa-success-bg: oklch(96.2% 0.044 156.743);
   --tuwa-success-text: oklch(52.7% 0.154 150.069);
@@ -1077,13 +993,6 @@
   inherits: false;
   initial-value: 0;
 }
-@keyframes enter {
-  from {
-    opacity: var(--tw-enter-opacity,1);
-    transform: translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));
-    filter: blur(var(--tw-enter-blur,0));
-  }
-}
 @layer properties {
   @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
     *, ::before, ::after, ::backdrop {
@@ -1117,25 +1026,7 @@
       --tw-backdrop-opacity: initial;
       --tw-backdrop-saturate: initial;
       --tw-backdrop-sepia: initial;
-      --tw-duration: initial;
       --tw-space-x-reverse: 0;
-      --tw-animation-delay: 0s;
-      --tw-animation-direction: normal;
-      --tw-animation-duration: initial;
-      --tw-animation-fill-mode: none;
-      --tw-animation-iteration-count: 1;
-      --tw-enter-blur: 0;
-      --tw-enter-opacity: 1;
-      --tw-enter-rotate: 0;
-      --tw-enter-scale: 1;
-      --tw-enter-translate-x: 0;
-      --tw-enter-translate-y: 0;
-      --tw-exit-blur: 0;
-      --tw-exit-opacity: 1;
-      --tw-exit-rotate: 0;
-      --tw-exit-scale: 1;
-      --tw-exit-translate-x: 0;
-      --tw-exit-translate-y: 0;
     }
   }
 }
@@ -1324,23 +1215,6 @@
       --tw-scale-x: 1;
       --tw-scale-y: 1;
       --tw-scale-z: 1;
-      --tw-animation-delay: 0s;
-      --tw-animation-direction: normal;
-      --tw-animation-duration: initial;
-      --tw-animation-fill-mode: none;
-      --tw-animation-iteration-count: 1;
-      --tw-enter-blur: 0;
-      --tw-enter-opacity: 1;
-      --tw-enter-rotate: 0;
-      --tw-enter-scale: 1;
-      --tw-enter-translate-x: 0;
-      --tw-enter-translate-y: 0;
-      --tw-exit-blur: 0;
-      --tw-exit-opacity: 1;
-      --tw-exit-rotate: 0;
-      --tw-exit-scale: 1;
-      --tw-exit-translate-x: 0;
-      --tw-exit-translate-y: 0;
       --tw-translate-x: 0;
       --tw-translate-y: 0;
       --tw-translate-z: 0;

package/dist/index.js

@@ -1,4 +1,4 @@
-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",title:getChainName(setChainId(e.chainId)),children:o??jsx(Web3Icon,{className:"w-full h-full",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
+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
                      text-[var(--tuwa-text-tertiary)] transition-colors
                      hover:bg-[var(--tuwa-bg-muted)] hover:text-[var(--tuwa-text-primary)]`,children:jsx(CloseIcon,{})})})]})},He=({onClose:t,onOpenWalletInfo:e,isProcessing:o,onRetry:r,onSpeedUp:s,onCancel:n,canReplace:l,isFailed:c,connectedWalletAddress:p})=>{let{trackingModal:a,actions:i}=u(),d=()=>c&&r?jsx("button",{type:"button",onClick:r,className:`cursor-pointer rounded-md
                      bg-gradient-to-r from-[var(--tuwa-button-gradient-from)] to-[var(--tuwa-button-gradient-to)]