@tuwaio/nova-transactions 1.0.0-fix-integrate-orbit-alpha.2.172b680 → 1.0.0-fix-integrate-orbit-alpha.3.521f7fb
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/{WalletInfoModal-DQiw6rqS.d.cts → WalletInfoModal-BbL1VOb1.d.cts} +42 -44
- package/dist/{WalletInfoModal-DQiw6rqS.d.ts → WalletInfoModal-BbL1VOb1.d.ts} +42 -44
- package/dist/index.cjs +15 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +441 -103
- package/dist/index.d.cts +4 -4
- package/dist/index.d.ts +4 -4
- package/dist/index.js +15 -1
- package/dist/index.js.map +1 -1
- package/dist/providers/index.cjs +15 -1
- package/dist/providers/index.cjs.map +1 -1
- package/dist/providers/index.d.cts +4 -4
- package/dist/providers/index.d.ts +4 -4
- package/dist/providers/index.js +15 -1
- package/dist/providers/index.js.map +1 -1
- package/package.json +2 -2
@@ -1,12 +1,12 @@
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
2
2
|
import { ReactNode } from 'react';
|
3
|
-
import { T as TuwaLabels } from '../WalletInfoModal-
|
4
|
-
export { M as NovaProvider, N as NovaProviderProps } from '../WalletInfoModal-
|
5
|
-
import '@
|
3
|
+
import { T as TuwaLabels } from '../WalletInfoModal-BbL1VOb1.cjs';
|
4
|
+
export { M as NovaProvider, N as NovaProviderProps } from '../WalletInfoModal-BbL1VOb1.cjs';
|
5
|
+
import '@tuwaio/nova-core';
|
6
6
|
import '@tuwaio/pulsar-core';
|
7
|
-
import 'framer-motion';
|
8
7
|
import '@tuwaio/orbit-core';
|
9
8
|
import 'react-toastify';
|
9
|
+
import 'framer-motion';
|
10
10
|
|
11
11
|
/**
|
12
12
|
* A React component that provides a custom set of labels to all child components.
|
@@ -1,12 +1,12 @@
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
2
2
|
import { ReactNode } from 'react';
|
3
|
-
import { T as TuwaLabels } from '../WalletInfoModal-
|
4
|
-
export { M as NovaProvider, N as NovaProviderProps } from '../WalletInfoModal-
|
5
|
-
import '@
|
3
|
+
import { T as TuwaLabels } from '../WalletInfoModal-BbL1VOb1.js';
|
4
|
+
export { M as NovaProvider, N as NovaProviderProps } from '../WalletInfoModal-BbL1VOb1.js';
|
5
|
+
import '@tuwaio/nova-core';
|
6
6
|
import '@tuwaio/pulsar-core';
|
7
|
-
import 'framer-motion';
|
8
7
|
import '@tuwaio/orbit-core';
|
9
8
|
import 'react-toastify';
|
9
|
+
import 'framer-motion';
|
10
10
|
|
11
11
|
/**
|
12
12
|
* A React component that provides a custom set of labels to all child components.
|
package/dist/providers/index.js
CHANGED
@@ -1,2 +1,16 @@
|
|
1
|
-
import {createContext,useContext,useState,useRef,useMemo,useCallback,useEffect}from'react';import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {useMediaQuery,deepMerge,cn,textCenterEllipsis,useCopyToClipboard}from'@tuwaio/nova-core';import {TransactionStatus,selectAllTransactionsByActiveWallet,TransactionTracker}from'@tuwaio/pulsar-core';import {toast,ToastContainer}from'react-toastify';import {XMarkIcon,ClockIcon,ArrowPathIcon,ExclamationCircleIcon,CheckCircleIcon,ExclamationTriangleIcon,CheckIcon,DocumentDuplicateIcon,XCircleIcon,ArrowTopRightOnSquareIcon}from'@heroicons/react/24/solid';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*as I from'@radix-ui/react-dialog';import {AnimatePresence,motion}from'framer-motion';import Wt from'dayjs';import io from'dayjs/plugin/relativeTime';import Co from'ethereum-blockies-base64';var $={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 mt=createContext($),ft=({labels:t,children:e})=>jsx(mt.Provider,{value:t,children:e}),m=()=>useContext(mt);function z({label:t,hash:e,explorerUrl:a,variant:o="default",className:s}){let{isCopied:n,copy:i}=useCopyToClipboard(),{actions:c,txError:p}=m(),r=cn("flex items-center justify-between",{"text-sm":o==="default","text-xs":o==="compact"},s),l=cn("pr-1",{"font-bold text-[var(--tuwa-text-primary)]":o==="default","font-medium text-[var(--tuwa-text-secondary)]":o==="compact"}),d=jsx("span",{className:"font-mono",children:textCenterEllipsis(e,5,5)});return jsxs("div",{className:r,children:[t&&jsxs("span",{className:l,children:[t,":"]}),jsxs("div",{className:"flex items-center gap-x-2",children:[a?jsxs("a",{href:a,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:()=>i(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 Tt={[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:a,variant:o,className:s,applyColor:n=false}){let i,c="";if(typeof e=="string")i=e;else if(Array.isArray(e)){let l=Tt[t||"default"]??Tt.default;i=e[l.index],n&&(c=l.colorClass);}else i=a;return i?jsx("div",{className:cn(o==="title"?"text-sm font-semibold text-[var(--tuwa-text-primary)]":"mt-1 text-xs text-[var(--tuwa-text-secondary)]",c,s),children:i}):null}function yt({closeToast:t}){let{actions:e}=m();return jsx("button",{type:"button",onClick:t,"aria-label":e.close,title:e.close,className:cn("absolute top-2 right-2 cursor-pointer rounded-full p-1","text-[var(--tuwa-text-tertiary)] transition-colors","hover:bg-[var(--tuwa-bg-muted)] hover:text-[var(--tuwa-text-primary)]"),children:jsx(XMarkIcon,{className:"h-5 w-5"})})}function O({tx:t,adapter:e,variant:a="toast",className:o,renderHashLink:s,confirmations:n}){let{hashLabels:i,statuses:c}=m(),p=selectAdapterByKey({adapterKey:t.adapter,adapter:e});if(!p)return null;let r=f=>s?s(f):jsx(z,{...f}),l=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",d=i[String(t.tracker)],T=d?r({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,y=(()=>{let f=t.hash,g=t.replacedTxHash;return !f&&!g?null:g?jsxs(Fragment,{children:[f&&r({label:i.original,hash:f,variant:"compact"}),typeof p.getExplorerTxUrl<"u"&&r({label:i.replaced,hash:g,explorerUrl:p.getExplorerTxUrl(t)})]}):f&&typeof p.getExplorerTxUrl<"u"&&r({label:i.default,hash:f,explorerUrl:p.getExplorerTxUrl(t)})})(),v=d&&d!==i.default&&t.txKey!==t.hash;return jsxs("div",{className:cn(l,o),children:[v&&T,y,typeof n=="number"&&jsxs("p",{className:"text-xs text-[var(--tuwa-text-tertiary)]",children:[c.confirmationsLabel,": ",n]})]})}var ye=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 J({tx:t,className:e}){let{statuses:a}=m(),o=useMemo(()=>ye(a),[a]),s="inline-flex items-center gap-x-1.5 rounded-full px-2 py-1 text-xs font-medium",n=t.pending?"Pending":t.status,i=n?o[n]:null;if(!i)return jsx("div",{className:cn(s,"bg-[var(--tuwa-info-bg)] text-[var(--tuwa-info-text)]",e),children:t.status??a.unknown});let{label:c,Icon:p,badgeClasses:r,iconClasses:l}=i;return jsxs("div",{className:cn(s,r,e),children:[jsx(p,{className:cn("h-4 w-4",l)}),c]})}var Pe=({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}),Ne=({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}),Ie=({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 ht({openWalletInfoModal:t,tx:e,icon:a,className:o,customization:s,connectedWalletAddress:n,adapter:i}){let{actions:c,toast:p}=m(),r=selectAdapterByKey({adapterKey:e.adapter,adapter:i}),l=!!(e.tracker==="ethereum"&&e.pending&&r?.speedUpTxAction&&r?.cancelTxAction&&e.from.toLowerCase()===n?.toLowerCase()),d=()=>{l&&r.cancelTxAction(e);},T=()=>{l&&r.speedUpTxAction(e);},{StatusAwareText:y=R,TransactionKey:v=O,StatusBadge:f=J,SpeedUpButton:g=Pe,CancelButton:P=Ne,WalletInfoButton:x=Ie}=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",o),children:[jsxs("div",{className:"flex items-start gap-3",children:[jsx("div",{className:"w-[40px] flex-shrink-0",title:getChainName(setChainId(e.chainId)),children:a??jsx(Web3Icon,{chainId:setChainId(e.chainId)})}),jsxs("div",{className:"flex-1",children:[jsx(y,{txStatus:e.status,source:e.title,fallback:e.type,variant:"title",applyColor:true}),jsx(y,{txStatus:e.status,source:e.description,variant:"description"})]})]}),jsxs("div",{children:[jsx(v,{adapter:i,tx:e,variant:"toast"}),jsxs("div",{className:"mt-3 flex items-center justify-between",children:[jsx(f,{tx:e}),l?jsxs("div",{className:"flex items-center gap-4",children:[jsx(g,{onClick:T,children:c.speedUp}),jsx(P,{onClick:d,children:c.cancel})]}):t&&!!n&&jsx(x,{onClick:t,children:p.openWalletInfo})]})]})]})}function Pt({error:t,className:e}){let{isCopied:a,copy:o}=useCopyToClipboard(),{actions:s,txError:n}=m();return t?jsxs("div",{className:cn("rounded-lg border border-[var(--tuwa-error-icon)]/30 bg-[var(--tuwa-error-bg)] p-3 text-sm",e),children:[jsxs("div",{className:"mb-2 flex items-center justify-between",children:[jsxs("div",{className:"flex items-center gap-2 font-bold text-[var(--tuwa-error-icon)]",children:[jsx(ExclamationTriangleIcon,{className:"h-5 w-5"}),jsx("span",{children:n.title})]}),jsx("button",{type:"button",onClick:()=>o(t),title:a?n.copied:s.copy,"aria-label":a?n.copied:`${s.copy} error message`,className:"cursor-pointer text-[var(--tuwa-error-icon)]/50 transition-colors hover:text-[var(--tuwa-error-icon)]",children:a?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 Ee({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 It({tx:t,adapter:e,className:a,customization:o}){let{txInfo:s,statuses:n,hashLabels:i}=m(),c=selectAdapterByKey({adapterKey:t.adapter,adapter:e});if(!c)return null;let{InfoRow:p=Ee}=o?.components??{},r="chainId"in t?t.chainId:t.desiredChainID,l=t.adapter===OrbitAdapter.SOLANA,d=l?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",a),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(r)})}),jsx("span",{children:getChainName(setChainId(r))})]})}),t.localTimestamp&&jsx(p,{label:s.started,value:Wt.unix(t.localTimestamp).format("MMM D, HH:mm:ss")}),l&&jsxs(Fragment,{children:[d?.slot&&jsx(p,{label:s.slot,value:jsx(z,{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:i.recentBlockhash,value:jsx(z,{hash:d.recentBlockhash})})]}),"txKey"in t&&t.txKey&&jsx("div",{className:"border-t border-[var(--tuwa-border-primary)] pt-3",children:jsx(O,{tx:t,adapter:e,variant:"history",renderHashLink:o?.components?.transactionKey})})]})}var _e={completed:{line:"bg-[var(--tuwa-success-icon)]",border:"border-[var(--tuwa-success-icon)]",fill:"bg-[var(--tuwa-success-icon)]"},error:{line:"bg-[var(--tuwa-error-icon)]",border:"border-[var(--tuwa-error-icon)]",fill:"bg-[var(--tuwa-error-icon)]"},replaced:{line:"bg-[var(--tuwa-info-icon)]",border:"border-[var(--tuwa-info-icon)]",fill:"bg-[var(--tuwa-info-icon)]"},active:{line:"bg-[var(--tuwa-pending-icon)]",border:"border-[var(--tuwa-pending-icon)]",fill:"bg-transparent",pulse:"bg-[var(--tuwa-pending-icon)]"},inactive:{line:"bg-[var(--tuwa-border-primary)]",border:"border-[var(--tuwa-border-primary)]",fill:"bg-transparent"}};function $e({status:t,label:e,isFirst:a=false}){let o=_e[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",o.pulse)});default:return null}};return jsxs("div",{className:"relative flex min-w-[80px] flex-1 flex-col items-center",children:[!a&&jsx("div",{className:cn("absolute right-1/2 top-[10px] h-0.5 w-full",o.line)}),jsx("div",{className:cn("relative z-10 flex h-5 w-5 items-center justify-center rounded-full border-2",o.border,o.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 kt({isProcessing:t,isSucceed:e,isFailed:a,isReplaced:o,className:s,StepComponent:n=$e}){let{trackingModal:i,statuses:c}=m(),p=useMemo(()=>{let r=d=>{if(d===1)return "completed";if(d===2){if(e||a||o)return "completed";if(t)return "active"}if(d===3){if(e)return "completed";if(a)return "error";if(o)return "replaced";if(t)return "active"}return "inactive"},l=d=>d===1?i.progressIndicator.created:d===2?i.progressIndicator.processing:a?c.failed:o?c.replaced:i.progressIndicator.succeed;return [{status:r(1),label:l(1),isFirst:true},{status:r(2),label:l(2)},{status:r(3),label:l(3),isLast:true}]},[t,e,a,o,i,c]);return jsx("div",{className:cn("flex w-full items-start px-4 pt-2 pb-1",s),children:p.map((r,l)=>jsx(n,{...r},l))})}var Qe={succeed:{Icon:CheckCircleIcon,className:"text-[var(--tuwa-success-icon)]"},failed:{Icon:ExclamationCircleIcon,className:"text-[var(--tuwa-error-icon)]"},replaced:{Icon:ArrowPathIcon,className:"text-[var(--tuwa-info-icon)]"},processing:{Icon:ArrowPathIcon,className:"animate-spin text-[var(--tuwa-text-accent)]"},initializing:{Icon:ClockIcon,className:"animate-pulse text-[var(--tuwa-pending-icon)]"}};function Mt({isProcessing:t,isSucceed:e,isFailed:a,isReplaced:o}){let s=e&&"succeed"||a&&"failed"||o&&"replaced"||t&&"processing"||"initializing",{Icon:n,className:i}=Qe[s];return jsx("div",{className:"flex justify-center py-4",children:jsx(n,{className:cn("h-16 w-16",i)})})}function Ht({adapter:t,onClose:e,onOpenWalletInfo:a,className:o,customization:s,transactionsPool:n,executeTxAction:i,initialTx:c,connectedWalletAddress:p}){let r=useMemo(()=>c?.lastTxKey?n[c.lastTxKey]:void 0,[n,c]),l=r??c,d=c?.withTrackedModal&&!r||(r?.isTrackedModalOpen??false),{isProcessing:T,isSucceed:y,isFailed:v,isReplaced:f}=useMemo(()=>{let K=r?.status,Qt=c?.isInitializing??false,jt=r?.pending??false;return {isProcessing:Qt||jt,isSucceed:K===TransactionStatus.Success,isFailed:r?.isError||!!c?.errorMessage,isReplaced:K===TransactionStatus.Replaced}},[r,c]),g=useMemo(()=>l?selectAdapterByKey({adapterKey:l.adapter,adapter:t}):void 0,[l,t]),P=!!(v&&l&&c?.actionFunction&&i),x=!!(g?.speedUpTxAction&&g?.cancelTxAction&&r?.pending&&r.tracker==="ethereum"),W=()=>{if(!P||!g?.retryTxAction)return;let K={adapter:l.adapter,type:l.type,desiredChainID:"desiredChainID"in l?l.desiredChainID:l.chainId,actionFunction:c?.actionFunction,title:l.title,description:l.description,payload:l.payload,withTrackedModal:true};g.retryTxAction({tx:K,txKey:r?.txKey??"",onClose:e,executeTxAction:i});},C=()=>{x&&r&&g.cancelTxAction(r);},b=()=>{x&&r&&g.speedUpTxAction(r);},A=s?.components?.Header,_=s?.components?.Footer,ct=s?.components?.StatusVisual,pt=s?.components?.ProgressIndicator,dt=s?.components?.InfoBlock,ut=s?.components?.ErrorBlock,qt={initial:{opacity:0,scale:.95},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.95},transition:{duration:.2,ease:"easeOut"},...s?.motionProps};return l?jsx(I.Root,{open:d,onOpenChange:K=>!K&&e(r?.txKey),children:jsx(I.Portal,{children:jsx(AnimatePresence,{children:d&&jsxs(Fragment,{children:[jsx(I.Overlay,{asChild:true,children:jsx(motion.div,{className:"fixed inset-0 z-50 bg-black/60",initial:{opacity:0},animate:{opacity:1},exit:{opacity:0}})}),jsx(I.Content,{className:"fixed left-1/2 top-1/2 z-50 w-full max-w-md -translate-x-1/2 -translate-y-1/2 outline-none",...s?.modalProps,asChild:true,children:jsx(motion.div,{...qt,children:jsxs("div",{className:cn("relative flex max-h-[98dvh] w-full flex-col gap-3 overflow-y-auto rounded-2xl bg-[var(--tuwa-bg-primary)] p-5 pt-0 shadow-2xl",o),children:[A?jsx(A,{onClose:()=>e(r?.txKey),title:jsx(Lt,{tx:l})}):jsx(oo,{onClose:()=>e(r?.txKey),title:jsx(Lt,{tx:l})}),jsxs("main",{className:"flex flex-col gap-3",children:[ct?jsx(ct,{isProcessing:T,isSucceed:y,isFailed:v,isReplaced:f}):jsx(Mt,{isProcessing:T,isSucceed:y,isFailed:v,isReplaced:f}),pt?jsx(pt,{isProcessing:T,isSucceed:y,isFailed:v,isReplaced:f}):jsx(kt,{isProcessing:T,isSucceed:y,isFailed:v,isReplaced:f}),dt?jsx(dt,{tx:l,adapter:t}):jsx(It,{tx:l,adapter:t}),ut?jsx(ut,{error:r?.errorMessage||c?.errorMessage}):jsx(Pt,{error:r?.errorMessage||c?.errorMessage})]}),_?jsx(_,{onClose:()=>e(r?.txKey),onOpenWalletInfo:a,isProcessing:T,isFailed:v,canReplace:x,onRetry:P?W:void 0,onSpeedUp:x?b:void 0,onCancel:x?C:void 0,connectedWalletAddress:p}):jsx(ao,{onClose:()=>e(r?.txKey),onOpenWalletInfo:a,isProcessing:T,isFailed:v,canReplace:x,onRetry:P?W:void 0,onSpeedUp:x?b:void 0,onCancel:x?C:void 0,connectedWalletAddress:p})]})})})]})})})}):null}function Lt({tx:t}){return jsx(R,{txStatus:"status"in t?t.status:void 0,source:t.title,fallback:t.type,variant:"title",className:"text-lg"})}var oo=({onClose:t,title:e})=>{let{actions:a}=m();return jsxs("header",{className:"sticky top-0 z-10 flex w-full items-start justify-between bg-[var(--tuwa-bg-primary)] pt-5 pb-2",children:[jsx(I.Title,{children:e}),jsx(I.Close,{asChild:true,children:jsx("button",{type:"button",onClick:()=>t(),"aria-label":a.close,className:"cursor-pointer -mt-1 ml-2 rounded-full p-1 text-[var(--tuwa-text-tertiary)] transition-colors hover:bg-[var(--tuwa-bg-muted)] hover:text-[var(--tuwa-text-primary)]",children:jsx(XMarkIcon,{className:"h-5 w-5"})})})]})},ao=({onClose:t,onOpenWalletInfo:e,isProcessing:a,onRetry:o,onSpeedUp:s,onCancel:n,canReplace:i,isFailed:c,connectedWalletAddress:p})=>{let{trackingModal:r,actions:l}=m(),d=()=>c&&o?jsx("button",{type:"button",onClick:o,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:r.retry}):!a&&!i&&p?jsx("button",{type:"button",onClick:e,className:"cursor-pointer rounded-md bg-[var(--tuwa-bg-muted)] px-4 py-2 text-sm font-semibold text-[var(--tuwa-text-primary)] transition-colors hover:bg-[var(--tuwa-border-primary)]",children:r.walletInfo}):null;return jsxs("footer",{className:"mt-2 flex w-full items-center justify-between border-t border-[var(--tuwa-border-primary)] pt-4",children:[jsx("div",{className:"flex items-center gap-4",children:i&&s&&n&&jsxs(Fragment,{children:[jsx("button",{type:"button",onClick:s,className:"cursor-pointer text-sm font-medium text-[var(--tuwa-text-accent)] transition-opacity hover:opacity-80",children:l.speedUp}),jsx("button",{type:"button",onClick:n,className:"cursor-pointer text-sm font-medium text-[var(--tuwa-text-secondary)] transition-opacity hover:opacity-80",children:l.cancel})]})}),jsxs("div",{className:"flex items-center gap-3",children:[jsx(d,{}),jsx("button",{type:"button",onClick:t,disabled:a&&!i,className:"cursor-pointer rounded-md bg-[var(--tuwa-bg-muted)] px-4 py-2 text-sm font-semibold text-[var(--tuwa-text-primary)] transition-colors hover:bg-[var(--tuwa-border-primary)] disabled:cursor-not-allowed disabled:opacity-50",children:a&&!i?r.processing:r.close})]})]})};Wt.extend(io);var lo=({chainId:t})=>jsx("div",{className:"h-8 w-8 text-[var(--tuwa-text-secondary)]",children:jsx(Web3Icon,{chainId:setChainId(t)})}),co=({timestamp:t})=>jsx("span",{className:"mb-1 block text-xs text-[var(--tuwa-text-secondary)]",children:t?Wt.unix(t).fromNow():"..."});function Kt({tx:t,adapter:e,className:a,customization:o}){let{Icon:s=lo,Title:n=R,Description:i=R,Timestamp:c=co,StatusBadge:p=J,TransactionKey:r=O}=o?.components??{};return jsxs("div",{className:cn("flex flex-col gap-2 border-b border-[var(--tuwa-border-secondary)] p-3 transition-colors hover:bg-[var(--tuwa-bg-secondary)]",a),children:[jsxs("div",{className:"flex items-start justify-between",children:[jsxs("div",{className:"flex items-center gap-4",children:[jsx("div",{className:"flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-full bg-[var(--tuwa-bg-muted)]",children:jsx(s,{chainId:t.chainId})}),jsxs("div",{children:[jsx(n,{txStatus:t.status,source:t.title,fallback:t.type,variant:"title",applyColor:true}),jsx(c,{timestamp:t.localTimestamp}),jsx(i,{txStatus:t.status,source:t.description,variant:"description"})]})]}),jsx(p,{tx:t})]}),jsx(r,{tx:t,adapter:e,variant:"history"})]})}function mo({title:t,message:e,className:a}){return jsxs("div",{className:cn("rounded-lg bg-[var(--tuwa-bg-muted)] p-8 text-center",a),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 Et({adapter:t,connectedWalletAddress:e,transactionsPool:a,className:o,customization:s}){let{walletModal:n}=m(),i=useMemo(()=>e?selectAllTransactionsByActiveWallet(a,e).sort((d,T)=>(T.localTimestamp??0)-(d.localTimestamp??0)):[],[a,e]),{Placeholder:c=mo,HistoryItem:p=Kt}=s?.components??{},r=()=>e?i.length>0?jsx("div",{className:cn("max-h-[400px] overflow-y-auto rounded-lg border border-[var(--tuwa-border-primary)] bg-[var(--tuwa-bg-primary)]",s?.classNames?.listWrapper),children:i.map(l=>jsx(p,{tx:l,adapter:t},l.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",o),children:[jsx("h3",{className:"text-lg font-bold text-[var(--tuwa-text-primary)]",children:n.history.title}),r()]})}function nt({address:t,explorerUrl:e,className:a}){let{isCopied:o,copy:s}=useCopyToClipboard(),{actions:n,txError:i}=m();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)]",a),children:[jsx("span",{children:textCenterEllipsis(t,6,6)}),jsx("button",{type:"button",title:o?i.copied:n.copy,"aria-label":o?i.copied:`${n.copy} address`,onClick:()=>s(t),className:"cursor-pointer transition-colors hover:text-[var(--tuwa-text-primary)]",children:o?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 No(t,{strict:e=true}={}){return !t||typeof t!="string"?false:e?/^0x[0-9a-fA-F]*$/.test(t):t.startsWith("0x")}var Io="0x0000000000000000000000000000000000000000";function zt({address:t,ensAvatar:e,className:a}){let{walletModal:o}=m(),[s,n]=useState(e),i=useMemo(()=>Co(No(t)?t:Io),[t]),c=useMemo(()=>`#${t.slice(2,8)}`,[t]);useEffect(()=>{n(e);},[e]);let p=()=>{n(i);};return jsx("div",{className:cn("h-12 w-12 flex-shrink-0 rounded-full",a),style:{backgroundColor:c},children:jsx("img",{className:"h-full w-full rounded-full object-cover",src:s||i,alt:`${o.header.avatarAlt} ${t}`,onError:p},e)})}var Mo=({isLoading:t,ensName:e,walletAddress:a,explorerUrl:o,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:a,explorerUrl:o,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:a,explorerUrl:o}):jsx(nt,{address:a,explorerUrl:o}))})]});function _t({walletAddress:t,adapter:e,connectedAdapterType:a,className:o,renderAvatar:s,renderName:n,renderAddressDisplay:i,renderNoWalletContent:c,explorerUrl:p}){let{walletModal:r}=m(),[l,d]=useState(null),[T,y]=useState(null),[v,f]=useState(true);if(useEffect(()=>{(async()=>{if(!t||!a){f(false);return}let x=selectAdapterByKey({adapterKey:a,adapter:e}),W=x&&"getName"in x&&typeof x.getName=="function",C=x&&"getAvatar"in x&&typeof x.getAvatar=="function";if(!W){f(false);return}f(true),d(null),y(null);try{let b=x?.getName?await x.getName(t):null;if(b&&(d(b),C)){let A=x?.getAvatar?await x.getAvatar(b):null;y(A);}}catch(b){console.error("Failed to fetch name service data:",b);}finally{f(false);}})();},[t,e,a]),!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)]",o),children:r.header.notConnected});let g=l?l.length>30?textCenterEllipsis(l,12,12):l:void 0;return jsxs("div",{className:cn("flex min-h-[4rem] items-center gap-4",o),children:[jsx("div",{children:s?s({address:t,ensAvatar:T}):jsx(zt,{address:t,ensAvatar:T})}),jsx("div",{className:"flex min-h-[3.5rem] min-w-[200px] flex-col justify-center",children:n?n({ensName:g,isLoading:v,address:t}):jsx(Mo,{isLoading:v,ensName:g,walletAddress:t,explorerUrl:p,renderAddressDisplay:i})})]})}var Ko=({closeModal:t,title:e})=>{let{actions:a}=m();return jsxs("div",{className:"sticky top-0 left-0 z-10 flex w-full items-center justify-between border-b border-[var(--tuwa-border-primary)] bg-[var(--tuwa-bg-secondary)] p-4",children:[jsx(I.Title,{className:"text-lg font-bold text-[var(--tuwa-text-primary)]",children:e}),jsx(I.Close,{asChild:true,children:jsx("button",{type:"button",onClick:t,"aria-label":a.close,className:"cursor-pointer rounded-full p-1 text-[var(--tuwa-text-tertiary)] transition-colors hover:bg-[var(--tuwa-bg-muted)] hover:text-[var(--tuwa-text-primary)]",children:jsx(XMarkIcon,{className:"h-6 w-6"})})})]})};function Jt({isOpen:t,setIsOpen:e,customization:a,adapter:o,connectedAdapterType:s,connectedWalletAddress:n,transactionsPool:i}){let{walletModal:c}=m(),{explorerUrl:p}=useMemo(()=>s?{explorerUrl:selectAdapterByKey({adapterKey:s,adapter:o})?.getExplorerUrl(`/address/${n}`)}:{explorerUrl:void 0},[s,o,n]),r=()=>e(false),d={...{initial:{opacity:0,scale:.95},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.95},transition:{duration:.2,ease:"easeOut"}},...a?.motionProps},T=a?.components?.Header,y=a?.components?.WalletInfo,v=a?.components?.History;return jsx(I.Root,{open:t,onOpenChange:f=>!f&&r(),children:jsx(I.Portal,{children:jsx(AnimatePresence,{children:t&&jsxs(Fragment,{children:[jsx(I.Overlay,{asChild:true,children:jsx(motion.div,{className:"fixed inset-0 z-50 bg-black/45",initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.15}})}),jsx(I.Content,{className:"fixed left-1/2 top-1/2 z-50 w-full max-w-2xl -translate-x-1/2 -translate-y-1/2 outline-none",...a?.modalProps,asChild:true,children:jsx(motion.div,{...d,children:jsxs("div",{className:cn("relative max-h-[98dvh] w-full max-w-2xl overflow-y-auto rounded-2xl bg-[var(--tuwa-bg-secondary)] shadow-xl outline-none",a?.classNames?.contentWrapper),children:[T?jsx(T,{closeModal:r}):jsx(Ko,{closeModal:r,title:c.title}),jsxs("div",{className:"flex flex-col gap-4 p-4 sm:gap-6 sm:p-6",children:[y?jsx(y,{adapter:o,connectedAdapterType:s,walletAddress:n,explorerUrl:p}):jsx(_t,{adapter:o,connectedAdapterType:s,walletAddress:n,explorerUrl:p}),v?jsx(v,{adapter:o,transactionsPool:i,connectedWalletAddress:n}):jsx(Et,{adapter:o,transactionsPool:i,connectedWalletAddress:n})]})]})})})]})})})})}var $o={[TransactionStatus.Success]:"success",[TransactionStatus.Failed]:"error",[TransactionStatus.Replaced]:"info"};function ci({adapter:t,connectedWalletAddress:e,connectedAdapterType:a,transactionsPool:o,initialTx:s,executeTxAction:n,closeTxTrackedModal:i,labels:c,features:p,customization:r,...l}){let[d,T]=useState(false),y=useRef(o),v=useMediaQuery("(max-width: 767px)"),f=useMemo(()=>({toasts:p?.toasts??true,walletInfoModal:p?.walletInfoModal??true,trackingTxModal:p?.trackingTxModal??true}),[p]),g=useMemo(()=>deepMerge($,c||{}),[c]),P=useCallback(C=>{if(!f.toasts)return;let b=C.pending?"info":$o[C.status]??"info",A=_=>jsx(ht,{..._,tx:C,openWalletInfoModal:f.walletInfoModal?()=>T(true):void 0,customization:r?.toast,adapter:t,connectedWalletAddress:e});toast.isActive(C.txKey)?toast.update(C.txKey,{render:A,type:b}):toast(A,{toastId:C.txKey,type:b,closeOnClick:false});},[o,f,r?.toast,t,e]);useEffect(()=>{let C=y.current;Object.values(o).forEach(b=>{let A=C[b.txKey];if(!A&&b.pending){P(b);return}A&&JSON.stringify(A)!==JSON.stringify(b)&&P(b);}),y.current=o;},[o,P]),useEffect(()=>{Object.values(o).forEach(C=>{toast.isActive(C.txKey)&&P(C);});},[e,P,o]);let x=!!s?.withTrackedModal&&o[s?.lastTxKey??""]?.isTrackedModalOpen,W=f.toasts&&(!v||!x&&!d);return jsxs(ft,{labels:g,children:[W&&jsx(ToastContainer,{position:"bottom-right",stacked:true,autoClose:false,hideProgressBar:true,closeOnClick:false,icon:false,closeButton:yt,toastClassName:"!p-0 !bg-transparent !shadow-none !min-h-0",...l}),f.walletInfoModal&&jsx(Jt,{isOpen:d,setIsOpen:T,customization:r?.walletInfoModal,adapter:t,connectedWalletAddress:e,connectedAdapterType:a,transactionsPool:o}),f.trackingTxModal&&jsx(Ht,{initialTx:s,onClose:i,onOpenWalletInfo:()=>T(true),transactionsPool:o,customization:r?.trackingTxModal,executeTxAction:n,adapter:t,connectedWalletAddress:e})]})}export{ft as LabelsProvider,ci as NovaProvider,m as useLabels};//# sourceMappingURL=index.js.map
|
1
|
+
import {createContext,useContext,useState,useRef,useMemo,useCallback,useEffect}from'react';import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {useMediaQuery,deepMerge,cn,Dialog,DialogContent,DialogHeader,DialogTitle,DialogClose,CloseIcon,textCenterEllipsis,useCopyToClipboard}from'@tuwaio/nova-core';import {TransactionStatus,selectAllTransactionsByActiveWallet,TransactionTracker}from'@tuwaio/pulsar-core';import {toast,ToastContainer}from'react-toastify';import {XMarkIcon,ClockIcon,ArrowPathIcon,ExclamationCircleIcon,CheckCircleIcon,ExclamationTriangleIcon,CheckIcon,DocumentDuplicateIcon,XCircleIcon,ArrowTopRightOnSquareIcon}from'@heroicons/react/24/solid';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 Lt from'dayjs';import io from'dayjs/plugin/relativeTime';import Co from'ethereum-blockies-base64';var V={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 dt=createContext(V),ut=({labels:t,children:e})=>jsx(dt.Provider,{value:t,children:e}),u=()=>useContext(dt);function U({label:t,hash:e,explorerUrl:a,variant:o="default",className:s}){let{isCopied:n,copy:l}=useCopyToClipboard(),{actions:c,txError:p}=u(),r=cn("flex items-center justify-between",{"text-sm":o==="default","text-xs":o==="compact"},s),i=cn("pr-1",{"font-bold text-[var(--tuwa-text-primary)]":o==="default","font-medium text-[var(--tuwa-text-secondary)]":o==="compact"}),d=jsx("span",{className:"font-mono",children:textCenterEllipsis(e,5,5)});return jsxs("div",{className:r,children:[t&&jsxs("span",{className:i,children:[t,":"]}),jsxs("div",{className:"flex items-center gap-x-2",children:[a?jsxs("a",{href:a,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 ft={[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:a,variant:o,className:s,applyColor:n=false}){let l,c="";if(typeof e=="string")l=e;else if(Array.isArray(e)){let i=ft[t||"default"]??ft.default;l=e[i.index],n&&(c=i.colorClass);}else l=a;return l?jsx("div",{className:cn(o==="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 Tt({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:a="toast",className:o,renderHashLink:s,confirmations:n}){let{hashLabels:l,statuses:c}=u(),p=selectAdapterByKey({adapterKey:t.adapter,adapter:e});if(!p)return null;let r=f=>s?s(f):jsx(U,{...f}),i=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",d=l[String(t.tracker)],T=d?r({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,v=(()=>{let f=t.hash,g=t.replacedTxHash;return !f&&!g?null:g?jsxs(Fragment,{children:[f&&r({label:l.original,hash:f,variant:"compact"}),typeof p.getExplorerTxUrl<"u"&&r({label:l.replaced,hash:g,explorerUrl:p.getExplorerTxUrl(t)})]}):f&&typeof p.getExplorerTxUrl<"u"&&r({label:l.default,hash:f,explorerUrl:p.getExplorerTxUrl(t)})})(),b=d&&d!==l.default&&t.txKey!==t.hash;return jsxs("div",{className:cn(i,o),children:[b&&T,v,typeof n=="number"&&jsxs("p",{className:"text-xs text-[var(--tuwa-text-tertiary)]",children:[c.confirmationsLabel,": ",n]})]})}var fe=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:a}=u(),o=useMemo(()=>fe(a),[a]),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?o[n]:null;if(!l)return jsx("div",{className:cn(s,"bg-[var(--tuwa-info-bg)] text-[var(--tuwa-info-text)]",e),children:t.status??a.unknown});let{label:c,Icon:p,badgeClasses:r,iconClasses:i}=l;return jsxs("div",{className:cn(s,r,e),children:[jsx(p,{className:cn("h-4 w-4",i)}),c]})}var be=({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}),we=({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}),Ce=({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 wt({openWalletInfoModal:t,tx:e,icon:a,className:o,customization:s,connectedWalletAddress:n,adapter:l}){let{actions:c,toast:p}=u(),r=selectAdapterByKey({adapterKey:e.adapter,adapter:l}),i=!!(e.tracker==="ethereum"&&e.pending&&r?.speedUpTxAction&&r?.cancelTxAction&&e.from.toLowerCase()===n?.toLowerCase()),d=()=>{i&&r.cancelTxAction(e);},T=()=>{i&&r.speedUpTxAction(e);},{StatusAwareText:v=B,TransactionKey:b=W,StatusBadge:f=$,SpeedUpButton:g=be,CancelButton:h=we,WalletInfoButton:x=Ce}=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",o),children:[jsxs("div",{className:"flex items-start gap-3",children:[jsx("div",{className:"w-[40px] flex-shrink-0",title:getChainName(setChainId(e.chainId)),children:a??jsx(Web3Icon,{chainId:setChainId(e.chainId)})}),jsxs("div",{className:"flex-1",children:[jsx(v,{txStatus:e.status,source:e.title,fallback:e.type,variant:"title",applyColor:true}),jsx(v,{txStatus:e.status,source:e.description,variant:"description"})]})]}),jsxs("div",{children:[jsx(b,{adapter:l,tx:e,variant:"toast"}),jsxs("div",{className:"mt-3 flex items-center justify-between",children:[jsx(f,{tx:e}),i?jsxs("div",{className:"flex items-center gap-4",children:[jsx(g,{onClick:T,children:c.speedUp}),jsx(h,{onClick:d,children:c.cancel})]}):t&&!!n&&jsx(x,{onClick:t,children:p.openWalletInfo})]})]})]})}function Nt({adapter:t,onClose:e,onOpenWalletInfo:a,className:o,customization:s,transactionsPool:n,executeTxAction:l,initialTx:c,connectedWalletAddress:p}){let r=useMemo(()=>c?.lastTxKey?n[c.lastTxKey]:void 0,[n,c]),i=r??c,d=c?.withTrackedModal&&!r||(r?.isTrackedModalOpen??false),{isProcessing:T,isSucceed:v,isFailed:b,isReplaced:f}=useMemo(()=>{let R=r?.status,Xt=c?.isInitializing??false,Gt=r?.pending??false;return {isProcessing:Xt||Gt,isSucceed:R===TransactionStatus.Success,isFailed:r?.isError||!!c?.errorMessage,isReplaced:R===TransactionStatus.Replaced}},[r,c]),g=useMemo(()=>i?selectAdapterByKey({adapterKey:i.adapter,adapter:t}):void 0,[i,t]),h=!!(b&&i&&c?.actionFunction&&l),x=!!(g?.speedUpTxAction&&g?.cancelTxAction&&r?.pending&&r.tracker==="ethereum"),L=()=>{if(!h||!g?.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};g.retryTxAction({tx:R,txKey:r?.txKey??"",onClose:e,executeTxAction:l});},w=()=>{x&&r&&g.cancelTxAction(r);},y=()=>{x&&r&&g.speedUpTxAction(r);},k=s?.components?.Header,z=s?.components?.Footer,it=s?.components?.StatusVisual,lt=s?.components?.ProgressIndicator,ct=s?.components?.InfoBlock,pt=s?.components?.ErrorBlock;return i?jsx(Dialog,{open:d,onOpenChange:R=>!R&&e(r?.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",o),children:[k?jsx(k,{onClose:()=>e(r?.txKey),title:jsx(Pt,{tx:i})}):jsx(Be,{onClose:()=>e(r?.txKey),title:jsx(Pt,{tx:i})}),jsxs("main",{className:"flex flex-col gap-4 p-4",children:[it?jsx(it,{isProcessing:T,isSucceed:v,isFailed:b,isReplaced:f}):jsx(At,{isProcessing:T,isSucceed:v,isFailed:b,isReplaced:f}),lt?jsx(lt,{isProcessing:T,isSucceed:v,isFailed:b,isReplaced:f}):jsx(St,{isProcessing:T,isSucceed:v,isFailed:b,isReplaced:f}),ct?jsx(ct,{tx:i,adapter:t}):jsx(kt,{tx:i,adapter:t}),pt?jsx(pt,{error:r?.errorMessage||c?.errorMessage}):jsx(It,{error:r?.errorMessage||c?.errorMessage})]}),z?jsx(z,{onClose:()=>e(r?.txKey),onOpenWalletInfo:a,isProcessing:T,isFailed:b,canReplace:x,onRetry:h?L:void 0,onSpeedUp:x?y:void 0,onCancel:x?w:void 0,connectedWalletAddress:p}):jsx(Me,{onClose:()=>e(r?.txKey),onOpenWalletInfo:a,isProcessing:T,isFailed:b,canReplace:x,onRetry:h?L:void 0,onSpeedUp:x?y:void 0,onCancel:x?w:void 0,connectedWalletAddress:p})]})})}):null}function Pt({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 Be=({onClose:t,title:e})=>{let{actions:a}=u();return jsxs(DialogHeader,{children:[jsx(DialogTitle,{children:e}),jsx(DialogClose,{asChild:true,children:jsx("button",{type:"button",onClick:()=>t(),"aria-label":a.close,className:`cursor-pointer rounded-full p-1
|
2
|
+
text-[var(--tuwa-text-tertiary)] transition-colors
|
3
|
+
hover:bg-[var(--tuwa-bg-muted)] hover:text-[var(--tuwa-text-primary)]`,children:jsx(CloseIcon,{})})})]})},Me=({onClose:t,onOpenWalletInfo:e,isProcessing:a,onRetry:o,onSpeedUp:s,onCancel:n,canReplace:l,isFailed:c,connectedWalletAddress:p})=>{let{trackingModal:r,actions:i}=u(),d=()=>c&&o?jsx("button",{type:"button",onClick:o,className:`cursor-pointer rounded-md
|
4
|
+
bg-gradient-to-r from-[var(--tuwa-button-gradient-from)] to-[var(--tuwa-button-gradient-to)]
|
5
|
+
px-4 py-2 text-sm font-semibold text-[var(--tuwa-text-on-accent)] transition-opacity
|
6
|
+
hover:from-[var(--tuwa-button-gradient-from-hover)] hover:to-[var(--tuwa-button-gradient-to-hover)]`,children:r.retry}):!a&&!l&&p?jsx("button",{type:"button",onClick:e,className:`cursor-pointer rounded-md
|
7
|
+
bg-[var(--tuwa-bg-muted)] px-4 py-2 text-sm font-semibold text-[var(--tuwa-text-primary)]
|
8
|
+
transition-colors hover:bg-[var(--tuwa-border-primary)]`,children:r.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&&s&&n&&jsxs(Fragment,{children:[jsx("button",{type:"button",onClick:s,className:`cursor-pointer text-sm font-medium
|
10
|
+
text-[var(--tuwa-text-accent)] transition-opacity hover:opacity-80`,children:i.speedUp}),jsx("button",{type:"button",onClick:n,className:`cursor-pointer text-sm font-medium
|
11
|
+
text-[var(--tuwa-text-secondary)] transition-opacity hover:opacity-80`,children:i.cancel})]})}),jsxs("div",{className:"flex items-center gap-3",children:[jsx(d,{}),jsx("button",{type:"button",onClick:t,disabled:a&&!l,className:`cursor-pointer rounded-md bg-[var(--tuwa-bg-muted)] px-4 py-2 text-sm font-semibold
|
12
|
+
text-[var(--tuwa-text-primary)] transition-colors hover:bg-[var(--tuwa-border-primary)]
|
13
|
+
disabled:cursor-not-allowed disabled:opacity-50`,children:a&&!l?r.processing:r.close})]})]})};function It({error:t,className:e}){let{isCopied:a,copy:o}=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:()=>o(t),title:a?n.copied:s.copy,"aria-label":a?n.copied:`${s.copy} error message`,className:"cursor-pointer text-[var(--tuwa-error-icon)]/50 transition-colors hover:text-[var(--tuwa-error-icon)]",children:a?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 kt({tx:t,adapter:e,className:a,customization:o}){let{txInfo:s,statuses:n,hashLabels:l}=u(),c=selectAdapterByKey({adapterKey:t.adapter,adapter:e});if(!c)return null;let{InfoRow:p=_e}=o?.components??{},r="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",a),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(r)})}),jsx("span",{children:getChainName(setChainId(r))})]})}),t.localTimestamp&&jsx(p,{label:s.started,value:Lt.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:o?.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 Qe({status:t,label:e,isFirst:a=false}){let o=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",o.pulse)});default:return null}};return jsxs("div",{className:"relative flex min-w-[80px] flex-1 flex-col items-center",children:[!a&&jsx("div",{className:cn("absolute right-1/2 top-[10px] h-0.5 w-full",o.line)}),jsx("div",{className:cn("relative z-10 flex h-5 w-5 items-center justify-center rounded-full border-2",o.border,o.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 St({isProcessing:t,isSucceed:e,isFailed:a,isReplaced:o,className:s,StepComponent:n=Qe}){let{trackingModal:l,statuses:c}=u(),p=useMemo(()=>{let r=d=>{if(d===1)return "completed";if(d===2){if(e||a||o)return "completed";if(t)return "active"}if(d===3){if(e)return "completed";if(a)return "error";if(o)return "replaced";if(t)return "active"}return "inactive"},i=d=>d===1?l.progressIndicator.created:d===2?l.progressIndicator.processing:a?c.failed:o?c.replaced:l.progressIndicator.succeed;return [{status:r(1),label:i(1),isFirst:true},{status:r(2),label:i(2)},{status:r(3),label:i(3),isLast:true}]},[t,e,a,o,l,c]);return jsx("div",{className:cn("flex w-full items-start px-4 pt-2 pb-1",s),children:p.map((r,i)=>jsx(n,{...r},i))})}var ao={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 At({isProcessing:t,isSucceed:e,isFailed:a,isReplaced:o}){let s=e&&"succeed"||a&&"failed"||o&&"replaced"||t&&"processing"||"initializing",{Icon:n,className:l}=ao[s];return jsx("div",{className:"flex justify-center py-4",children:jsx(n,{className:cn("h-16 w-16",l)})})}Lt.extend(io);var lo=({chainId:t})=>jsx("div",{className:"h-8 w-8 text-[var(--tuwa-text-secondary)]",children:jsx(Web3Icon,{chainId:setChainId(t)})}),co=({timestamp:t})=>jsx("span",{className:"mb-1 block text-xs text-[var(--tuwa-text-secondary)]",children:t?Lt.unix(t).fromNow():"..."});function Rt({tx:t,adapter:e,className:a,customization:o}){let{Icon:s=lo,Title:n=B,Description:l=B,Timestamp:c=co,StatusBadge:p=$,TransactionKey:r=W}=o?.components??{};return jsxs("div",{className:cn("flex flex-col gap-2 border-b border-[var(--tuwa-border-secondary)] p-3 transition-colors hover:bg-[var(--tuwa-bg-secondary)]",a),children:[jsxs("div",{className:"flex items-start justify-between",children:[jsxs("div",{className:"flex items-center gap-4",children:[jsx("div",{className:"flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-full bg-[var(--tuwa-bg-muted)]",children:jsx(s,{chainId:t.chainId})}),jsxs("div",{children:[jsx(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(r,{tx:t,adapter:e,variant:"history"})]})}function mo({title:t,message:e,className:a}){return jsxs("div",{className:cn("rounded-lg bg-[var(--tuwa-bg-muted)] p-8 text-center",a),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 Kt({adapter:t,connectedWalletAddress:e,transactionsPool:a,className:o,customization:s}){let{walletModal:n}=u(),l=useMemo(()=>e?selectAllTransactionsByActiveWallet(a,e).sort((d,T)=>(T.localTimestamp??0)-(d.localTimestamp??0)):[],[a,e]),{Placeholder:c=mo,HistoryItem:p=Rt}=s?.components??{},r=()=>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",o),children:[jsx("h3",{className:"text-lg font-bold text-[var(--tuwa-text-primary)]",children:n.history.title}),r()]})}function at({address:t,explorerUrl:e,className:a}){let{isCopied:o,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)]",a),children:[jsx("span",{children:textCenterEllipsis(t,6,6)}),jsx("button",{type:"button",title:o?l.copied:n.copy,"aria-label":o?l.copied:`${n.copy} address`,onClick:()=>s(t),className:"cursor-pointer transition-colors hover:text-[var(--tuwa-text-primary)]",children:o?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 No(t,{strict:e=true}={}){return !t||typeof t!="string"?false:e?/^0x[0-9a-fA-F]*$/.test(t):t.startsWith("0x")}var Io="0x0000000000000000000000000000000000000000";function Ot({address:t,ensAvatar:e,className:a}){let{walletModal:o}=u(),[s,n]=useState(e),l=useMemo(()=>Co(No(t)?t:Io),[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",a),style:{backgroundColor:c},children:jsx("img",{className:"h-full w-full rounded-full object-cover",src:s||l,alt:`${o.header.avatarAlt} ${t}`,onError:p},e)})}var Bo=({isLoading:t,ensName:e,walletAddress:a,explorerUrl:o,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(at,{address:a,explorerUrl:o,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:a,explorerUrl:o}):jsx(at,{address:a,explorerUrl:o}))})]});function Ft({walletAddress:t,adapter:e,connectedAdapterType:a,className:o,renderAvatar:s,renderName:n,renderAddressDisplay:l,renderNoWalletContent:c,explorerUrl:p}){let{walletModal:r}=u(),[i,d]=useState(null),[T,v]=useState(null),[b,f]=useState(true);if(useEffect(()=>{(async()=>{if(!t||!a){f(false);return}let x=selectAdapterByKey({adapterKey:a,adapter:e}),L=x&&"getName"in x&&typeof x.getName=="function",w=x&&"getAvatar"in x&&typeof x.getAvatar=="function";if(!L){f(false);return}f(true),d(null),v(null);try{let y=x?.getName?await x.getName(t):null;if(y&&(d(y),w)){let k=x?.getAvatar?await x.getAvatar(y):null;v(k);}}catch(y){console.error("Failed to fetch name service data:",y);}finally{f(false);}})();},[t,e,a]),!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)]",o),children:r.header.notConnected});let g=i?i.length>30?textCenterEllipsis(i,12,12):i:void 0;return jsxs("div",{className:cn("flex min-h-[4rem] items-center gap-4",o),children:[jsx("div",{children:s?s({address:t,ensAvatar:T}):jsx(Ot,{address:t,ensAvatar:T})}),jsx("div",{className:"flex min-h-[3.5rem] min-w-[200px] flex-col justify-center",children:n?n({ensName:g,isLoading:b,address:t}):jsx(Bo,{isLoading:b,ensName:g,walletAddress:t,explorerUrl:p,renderAddressDisplay:l})})]})}var Uo=({closeModal:t,title:e})=>{let{actions:a}=u();return jsxs(DialogHeader,{children:[jsx(DialogTitle,{children:e}),jsx(DialogClose,{asChild:true,children:jsx("button",{type:"button",onClick:t,"aria-label":a.close,className:`cursor-pointer rounded-full p-1
|
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 _t({isOpen:t,setIsOpen:e,customization:a,adapter:o,connectedAdapterType:s,connectedWalletAddress:n,transactionsPool:l}){let{walletModal:c}=u(),{explorerUrl:p}=useMemo(()=>s?{explorerUrl:selectAdapterByKey({adapterKey:s,adapter:o})?.getExplorerUrl(n?`/address/${n}`:"")}:{explorerUrl:void 0},[s,o,n]),r=()=>e(false),i=a?.components?.Header,d=a?.components?.WalletInfo,T=a?.components?.History;return jsx(Dialog,{open:t,onOpenChange:v=>!v&&r(),children:jsx(DialogContent,{className:cn("max-w-2xl",a?.modalProps?.className),...a?.modalProps,children:jsxs("div",{className:cn("relative max-h-[95dvh] w-full flex flex-col",a?.classNames?.contentWrapper),children:[i?jsx(i,{closeModal:r}):jsx(Uo,{closeModal:r,title:c.title}),jsxs("div",{className:"flex flex-col gap-4 p-4 overflow-y-auto",children:[d?jsx(d,{adapter:o,connectedAdapterType:s,walletAddress:n,explorerUrl:p}):jsx(Ft,{adapter:o,connectedAdapterType:s,walletAddress:n,explorerUrl:p}),T?jsx(T,{adapter:o,transactionsPool:l,connectedWalletAddress:n}):jsx(Kt,{adapter:o,transactionsPool:l,connectedWalletAddress:n})]})]})})})}var Xo={[TransactionStatus.Success]:"success",[TransactionStatus.Failed]:"error",[TransactionStatus.Replaced]:"info"};function oi({adapter:t,connectedWalletAddress:e,connectedAdapterType:a,transactionsPool:o,initialTx:s,executeTxAction:n,closeTxTrackedModal:l,labels:c,features:p,customization:r,...i}){let[d,T]=useState(false),v=useRef(o),b=useMediaQuery("(max-width: 767px)"),f=useMemo(()=>({toasts:p?.toasts??true,walletInfoModal:p?.walletInfoModal??true,trackingTxModal:p?.trackingTxModal??true}),[p]),g=useMemo(()=>deepMerge(V,c||{}),[c]),h=useCallback(w=>{if(!f.toasts)return;let y=w.pending?"info":Xo[w.status]??"info",k=z=>jsx(wt,{...z,tx:w,openWalletInfoModal:f.walletInfoModal?()=>T(true):void 0,customization:r?.toast,adapter:t,connectedWalletAddress:e});toast.isActive(w.txKey)?toast.update(w.txKey,{render:k,type:y}):toast(k,{toastId:w.txKey,type:y,closeOnClick:false});},[o,f,r?.toast,t,e]);useEffect(()=>{let w=v.current;Object.values(o).forEach(y=>{let k=w[y.txKey];if(!k&&y.pending){h(y);return}k&&JSON.stringify(k)!==JSON.stringify(y)&&h(y);}),v.current=o;},[o,h]),useEffect(()=>{Object.values(o).forEach(w=>{toast.isActive(w.txKey)&&h(w);});},[e,h,o]);let x=!!s?.withTrackedModal&&o[s?.lastTxKey??""]?.isTrackedModalOpen,L=f.toasts&&(!b||!x&&!d);return jsxs(ut,{labels:g,children:[L&&jsx(ToastContainer,{position:"bottom-right",stacked:true,autoClose:false,hideProgressBar:true,closeOnClick:false,icon:false,closeButton:Tt,toastClassName:"!p-0 !bg-transparent !shadow-none !min-h-0",...i}),f.walletInfoModal&&jsx(_t,{isOpen:d,setIsOpen:T,customization:r?.walletInfoModal,adapter:t,connectedWalletAddress:e,connectedAdapterType:a,transactionsPool:o}),f.trackingTxModal&&jsx(Nt,{initialTx:s,onClose:l,onOpenWalletInfo:()=>T(true),transactionsPool:o,customization:r?.trackingTxModal,executeTxAction:n,adapter:t,connectedWalletAddress:e})]})}export{ut as LabelsProvider,oi as NovaProvider,u as useLabels};//# sourceMappingURL=index.js.map
|
2
16
|
//# sourceMappingURL=index.js.map
|