@tuwaio/nova-transactions 1.0.0-alpha.6.5275b21 → 1.0.0-alpha.8.6aeab72

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.
@@ -185,30 +185,19 @@ type TuwaLabels = {
185
185
 
186
186
  /**
187
187
  * Defines the props for the NovaProvider component.
188
- * @template TR - The type of the tracker identifier.
189
- * @template T - The transaction type.
190
- * @template A - The type of the key returned by an action function.
191
188
  */
192
189
  type NovaProviderProps<TR, T extends Transaction<TR>, A> = {
193
- /** An array of configured adapters for different blockchain ecosystems. */
194
190
  adapters: TxAdapter<TR, T, A>[];
195
- /** The address of the currently connected wallet. */
196
191
  connectedWalletAddress?: string;
197
- /** The adapter type of the currently connected wallet. */
198
192
  connectedAdapterType?: TransactionAdapter;
199
- /** The global transaction pool from the Pulsar store. */
200
193
  transactionsPool: TransactionPool<TR, T>;
201
- /** A registry of retryable actions, keyed by `actionKey`. */
202
194
  actions?: TxActions;
203
- /** A partial object of labels to override the default English text. */
204
195
  labels?: Partial<TuwaLabels>;
205
- /** An object to enable or disable major UI features. All are enabled by default. */
206
196
  features?: {
207
197
  toasts?: boolean;
208
198
  walletInfoModal?: boolean;
209
199
  trackingTxModal?: boolean;
210
200
  };
211
- /** A single object to pass down deep customization options to all child components. */
212
201
  customization?: {
213
202
  toast?: ToastTransactionCustomization<TR, T, A>;
214
203
  walletInfoModal?: WalletInfoModalCustomization<TR, T, A>;
@@ -218,7 +207,6 @@ type NovaProviderProps<TR, T extends Transaction<TR>, A> = {
218
207
  /**
219
208
  * The main component for the Nova UI ecosystem. It renders and orchestrates all
220
209
  * UI elements like toasts and modals, and provides the i18n context.
221
- * This component does not wrap any children.
222
210
  */
223
211
  declare function NovaProvider<TR, T extends Transaction<TR>, A>({ adapters, connectedWalletAddress, connectedAdapterType, transactionsPool, initialTx, handleTransaction, closeTxTrackedModal, actions, labels, features, customization, ...toastProps }: NovaProviderProps<TR, T, A>): react_jsx_runtime.JSX.Element;
224
212
 
@@ -387,6 +375,7 @@ type CustomFooterProps = {
387
375
  isProcessing?: boolean;
388
376
  isFailed?: boolean;
389
377
  canReplace?: boolean;
378
+ connectedWalletAddress?: string;
390
379
  };
391
380
  type TrackingTxModalCustomization<TR, T extends Transaction<TR>, A> = {
392
381
  modalProps?: Partial<ComponentPropsWithoutRef<typeof Dialog.Content>>;
@@ -400,7 +389,7 @@ type TrackingTxModalCustomization<TR, T extends Transaction<TR>, A> = {
400
389
  ErrorBlock?: ComponentType<TxErrorBlockProps>;
401
390
  };
402
391
  };
403
- type TrackingTxModalProps<TR, T extends Transaction<TR>, A> = Pick<NovaProviderProps<TR, T, A>, 'handleTransaction' | 'initialTx' | 'actions' | 'transactionsPool' | 'adapters'> & {
392
+ type TrackingTxModalProps<TR, T extends Transaction<TR>, A> = Pick<NovaProviderProps<TR, T, A>, 'handleTransaction' | 'initialTx' | 'actions' | 'transactionsPool' | 'adapters' | 'connectedWalletAddress'> & {
404
393
  onClose: (txKey?: string) => void;
405
394
  onOpenWalletInfo: () => void;
406
395
  className?: string;
@@ -410,7 +399,7 @@ type TrackingTxModalProps<TR, T extends Transaction<TR>, A> = Pick<NovaProviderP
410
399
  * A detailed modal that displays the real-time status and lifecycle of a transaction.
411
400
  * It opens automatically for transactions initiated with `withTrackedModal: true`.
412
401
  */
413
- declare function TrackingTxModal<TR, T extends Transaction<TR>, A>({ adapters, onClose, onOpenWalletInfo, className, customization, transactionsPool, actions, handleTransaction, initialTx, }: TrackingTxModalProps<TR, T, A>): react_jsx_runtime.JSX.Element | null;
402
+ declare function TrackingTxModal<TR, T extends Transaction<TR>, A>({ adapters, onClose, onOpenWalletInfo, className, customization, transactionsPool, actions, handleTransaction, initialTx, connectedWalletAddress, }: TrackingTxModalProps<TR, T, A>): react_jsx_runtime.JSX.Element | null;
414
403
 
415
404
  /**
416
405
  * @file This file contains the `TransactionHistoryItem` component, which renders a single transaction
@@ -185,30 +185,19 @@ type TuwaLabels = {
185
185
 
186
186
  /**
187
187
  * Defines the props for the NovaProvider component.
188
- * @template TR - The type of the tracker identifier.
189
- * @template T - The transaction type.
190
- * @template A - The type of the key returned by an action function.
191
188
  */
192
189
  type NovaProviderProps<TR, T extends Transaction<TR>, A> = {
193
- /** An array of configured adapters for different blockchain ecosystems. */
194
190
  adapters: TxAdapter<TR, T, A>[];
195
- /** The address of the currently connected wallet. */
196
191
  connectedWalletAddress?: string;
197
- /** The adapter type of the currently connected wallet. */
198
192
  connectedAdapterType?: TransactionAdapter;
199
- /** The global transaction pool from the Pulsar store. */
200
193
  transactionsPool: TransactionPool<TR, T>;
201
- /** A registry of retryable actions, keyed by `actionKey`. */
202
194
  actions?: TxActions;
203
- /** A partial object of labels to override the default English text. */
204
195
  labels?: Partial<TuwaLabels>;
205
- /** An object to enable or disable major UI features. All are enabled by default. */
206
196
  features?: {
207
197
  toasts?: boolean;
208
198
  walletInfoModal?: boolean;
209
199
  trackingTxModal?: boolean;
210
200
  };
211
- /** A single object to pass down deep customization options to all child components. */
212
201
  customization?: {
213
202
  toast?: ToastTransactionCustomization<TR, T, A>;
214
203
  walletInfoModal?: WalletInfoModalCustomization<TR, T, A>;
@@ -218,7 +207,6 @@ type NovaProviderProps<TR, T extends Transaction<TR>, A> = {
218
207
  /**
219
208
  * The main component for the Nova UI ecosystem. It renders and orchestrates all
220
209
  * UI elements like toasts and modals, and provides the i18n context.
221
- * This component does not wrap any children.
222
210
  */
223
211
  declare function NovaProvider<TR, T extends Transaction<TR>, A>({ adapters, connectedWalletAddress, connectedAdapterType, transactionsPool, initialTx, handleTransaction, closeTxTrackedModal, actions, labels, features, customization, ...toastProps }: NovaProviderProps<TR, T, A>): react_jsx_runtime.JSX.Element;
224
212
 
@@ -387,6 +375,7 @@ type CustomFooterProps = {
387
375
  isProcessing?: boolean;
388
376
  isFailed?: boolean;
389
377
  canReplace?: boolean;
378
+ connectedWalletAddress?: string;
390
379
  };
391
380
  type TrackingTxModalCustomization<TR, T extends Transaction<TR>, A> = {
392
381
  modalProps?: Partial<ComponentPropsWithoutRef<typeof Dialog.Content>>;
@@ -400,7 +389,7 @@ type TrackingTxModalCustomization<TR, T extends Transaction<TR>, A> = {
400
389
  ErrorBlock?: ComponentType<TxErrorBlockProps>;
401
390
  };
402
391
  };
403
- type TrackingTxModalProps<TR, T extends Transaction<TR>, A> = Pick<NovaProviderProps<TR, T, A>, 'handleTransaction' | 'initialTx' | 'actions' | 'transactionsPool' | 'adapters'> & {
392
+ type TrackingTxModalProps<TR, T extends Transaction<TR>, A> = Pick<NovaProviderProps<TR, T, A>, 'handleTransaction' | 'initialTx' | 'actions' | 'transactionsPool' | 'adapters' | 'connectedWalletAddress'> & {
404
393
  onClose: (txKey?: string) => void;
405
394
  onOpenWalletInfo: () => void;
406
395
  className?: string;
@@ -410,7 +399,7 @@ type TrackingTxModalProps<TR, T extends Transaction<TR>, A> = Pick<NovaProviderP
410
399
  * A detailed modal that displays the real-time status and lifecycle of a transaction.
411
400
  * It opens automatically for transactions initiated with `withTrackedModal: true`.
412
401
  */
413
- declare function TrackingTxModal<TR, T extends Transaction<TR>, A>({ adapters, onClose, onOpenWalletInfo, className, customization, transactionsPool, actions, handleTransaction, initialTx, }: TrackingTxModalProps<TR, T, A>): react_jsx_runtime.JSX.Element | null;
402
+ declare function TrackingTxModal<TR, T extends Transaction<TR>, A>({ adapters, onClose, onOpenWalletInfo, className, customization, transactionsPool, actions, handleTransaction, initialTx, connectedWalletAddress, }: TrackingTxModalProps<TR, T, A>): react_jsx_runtime.JSX.Element | null;
414
403
 
415
404
  /**
416
405
  * @file This file contains the `TransactionHistoryItem` component, which renders a single transaction
package/dist/index.cjs CHANGED
@@ -1,2 +1,2 @@
1
- 'use strict';var solid=require('@heroicons/react/24/solid'),novaCore=require('@tuwaio/nova-core'),react=require('react'),jsxRuntime=require('react/jsx-runtime'),pulsarCore=require('@tuwaio/pulsar-core');require('react-toastify');var reactWeb3Icons=require('@bgd-labs/react-web3-icons'),utils=require('@bgd-labs/react-web3-icons/dist/utils'),P=require('@radix-ui/react-dialog'),framerMotion=require('framer-motion'),Mt=require('dayjs'),eo=require('dayjs/plugin/relativeTime'),Co=require('ethereum-blockies-base64'),viem=require('viem');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var P__namespace=/*#__PURE__*/_interopNamespace(P);var Mt__default=/*#__PURE__*/_interopDefault(Mt);var eo__default=/*#__PURE__*/_interopDefault(eo);var Co__default=/*#__PURE__*/_interopDefault(Co);var q={walletModal:{title:"Wallet & Transactions",header:{notConnected:"Wallet not connected",avatarAlt:"Avatar for"},history:{title:"Transactions History",connectWalletTitle:"Connect Wallet",connectWalletMessage:"Please connect your wallet to see your past activity.",noTransactionsTitle:"No Transactions Yet",noTransactionsMessage:"Once you interact with the app, your transaction history will appear here."}},toast:{openWalletInfo:"Open wallet info"},statuses:{pending:"Pending",success:"Success",failed:"Failed",reverted:"Reverted",replaced:"Replaced",unknown:"Unknown"},hashLabels:{gelato:"Gelato Task ID",safe:"Safe Tx Hash",original:"Original Tx Hash",replaced:"Replaced Tx Hash",default:"Tx Hash"},txInfo:{started:"Started",network:"Network"},txError:{title:"Error",copied:"Copied!"},trackingModal:{title:"Transaction Overview",processing:"Processing...",close:"Close",walletInfo:"Wallet Info",retry:"Retry",progressIndicator:{created:"Created",processing:"Processing",succeed:"Succeed"}},trackedTxButton:{loading:"Processing...",succeed:"Success",failed:"Failed",replaced:"Replaced"},actions:{copy:"Copy address",viewOnExplorer:"View on explorer",close:"Close",cancel:"Cancel",speedUp:"Speed up"}};var Yt=react.createContext(q);var u=()=>react.useContext(Yt);({[pulsarCore.TransactionStatus.Success]:"success",[pulsarCore.TransactionStatus.Failed]:"error",[pulsarCore.TransactionStatus.Replaced]:"info"});function Tt({label:t,hash:e,explorerUrl:o,variant:a="default",className:r}){let{isCopied:n,copy:i}=novaCore.useCopyToClipboard(),{actions:c,txError:p}=u(),l=novaCore.cn("flex items-center justify-between",{"text-sm":a==="default","text-xs":a==="compact"},r),s=novaCore.cn("pr-1",{"font-bold text-[var(--tuwa-text-primary)]":a==="default","font-medium text-[var(--tuwa-text-secondary)]":a==="compact"}),f=jsxRuntime.jsx("span",{className:"font-mono",children:novaCore.textCenterEllipsis(e,5,5)});return jsxRuntime.jsxs("div",{className:l,children:[t&&jsxRuntime.jsxs("span",{className:s,children:[t,":"]}),jsxRuntime.jsxs("div",{className:"flex items-center gap-x-2",children:[o?jsxRuntime.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:[f,jsxRuntime.jsx(solid.ArrowTopRightOnSquareIcon,{className:"h-4 w-4"})]}):jsxRuntime.jsx("span",{className:"text-[var(--tuwa-text-primary)]",children:f}),jsxRuntime.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?jsxRuntime.jsx(solid.CheckIcon,{className:"h-4 w-4 text-[var(--tuwa-success-icon)]"}):jsxRuntime.jsx(solid.DocumentDuplicateIcon,{className:"h-4 w-4"})})]})]})}var xt={[pulsarCore.TransactionStatus.Success]:{index:1,colorClass:"text-[var(--tuwa-success-text)]"},[pulsarCore.TransactionStatus.Failed]:{index:2,colorClass:"text-[var(--tuwa-error-text)]"},[pulsarCore.TransactionStatus.Replaced]:{index:3,colorClass:"text-[var(--tuwa-text-secondary)]"},default:{index:0,colorClass:"text-[var(--tuwa-text-primary)]"}};function H({txStatus:t,source:e,fallback:o,variant:a,className:r,applyColor:n=false}){let i,c="";if(typeof e=="string")i=e;else if(Array.isArray(e)){let s=xt[t||"default"]??xt.default;i=e[s.index],n&&(c=s.colorClass);}else i=o;return i?jsxRuntime.jsx("div",{className:novaCore.cn(a==="title"?"text-sm font-semibold text-[var(--tuwa-text-primary)]":"mt-1 text-xs text-[var(--tuwa-text-secondary)]",c,r),children:i}):null}function qt({closeToast:t}){let{actions:e}=u();return jsxRuntime.jsx("button",{type:"button",onClick:t,"aria-label":e.close,title:e.close,className:novaCore.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:jsxRuntime.jsx(solid.XMarkIcon,{className:"h-5 w-5"})})}function O({tx:t,adapters:e,transactionsPool:o,variant:a="toast",className:r,renderHashLink:n}){let{hashLabels:i}=u(),c=pulsarCore.selectAdapterByKey({adapterKey:t.adapter,adapters:e});if(!c)return null;let p=d=>n?n(d):jsxRuntime.jsx(Tt,{...d}),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",s=i[t.tracker],f=s?p({label:s,hash:t.txKey,variant:"compact"}):null,y=(()=>{let d=t.hash,x=t.replacedTxHash;return !d&&!x?null:x?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[d&&p({label:i.original,hash:d,variant:"compact"}),c.getExplorerTxUrl&&p({label:i.replaced,hash:x,explorerUrl:c.getExplorerTxUrl(o,t.txKey,x)})]}):d&&c.getExplorerTxUrl&&p({label:i.default,hash:d,explorerUrl:c.getExplorerTxUrl(o,t.txKey)})})(),T=s&&s!==i.default&&t.txKey!==t.hash;return jsxRuntime.jsxs("div",{className:novaCore.cn(l,r),children:[T&&f,y]})}var xe=t=>({Pending:{label:t.pending,Icon:solid.ArrowPathIcon,badgeClasses:"bg-[var(--tuwa-pending-bg)] text-[var(--tuwa-pending-text)]",iconClasses:"animate-spin text-[var(--tuwa-pending-icon)]"},[pulsarCore.TransactionStatus.Success]:{label:t.success,Icon:solid.CheckCircleIcon,badgeClasses:"bg-[var(--tuwa-success-bg)] text-[var(--tuwa-success-text)]",iconClasses:"text-[var(--tuwa-success-icon)]"},[pulsarCore.TransactionStatus.Failed]:{label:t.failed,Icon:solid.XCircleIcon,badgeClasses:"bg-[var(--tuwa-error-bg)] text-[var(--tuwa-error-text)]",iconClasses:"text-[var(--tuwa-error-icon)]"},[pulsarCore.TransactionStatus.Replaced]:{label:t.replaced,Icon:solid.ArrowPathIcon,badgeClasses:"bg-[var(--tuwa-info-bg)] text-[var(--tuwa-info-text)]",iconClasses:"text-[var(--tuwa-info-icon)]"}});function X({tx:t,className:e}){let{statuses:o}=u(),a=react.useMemo(()=>xe(o),[o]),r="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?a[n]:null;if(!i)return jsxRuntime.jsx("div",{className:novaCore.cn(r,"bg-[var(--tuwa-info-bg)] text-[var(--tuwa-info-text)]",e),children:t.status??o.unknown});let{label:c,Icon:p,badgeClasses:l,iconClasses:s}=i;return jsxRuntime.jsxs("div",{className:novaCore.cn(r,l,e),children:[jsxRuntime.jsx(p,{className:novaCore.cn("h-4 w-4",s)}),c]})}var Ce=({onClick:t,children:e})=>jsxRuntime.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}),Pe=({onClick:t,children:e})=>jsxRuntime.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})=>jsxRuntime.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,transactionsPool:o,icon:a,className:r,customization:n,connectedWalletAddress:i,adapters:c}){let{actions:p,toast:l}=u(),s=pulsarCore.selectAdapterByKey({adapterKey:e.adapter,adapters:c}),f=!!(e.tracker==="ethereum"&&e.pending&&s?.speedUpTxAction&&s?.cancelTxAction&&e.from.toLowerCase()===i?.toLowerCase()),y=()=>{f&&s.cancelTxAction(e);},T=()=>{f&&s.speedUpTxAction(e);},{StatusAwareText:d=H,TransactionKey:x=O,StatusBadge:b=X,SpeedUpButton:R=Ce,CancelButton:v=Pe,WalletInfoButton:M=he}=n?.components??{};return jsxRuntime.jsxs("div",{className:novaCore.cn("flex w-full flex-col gap-3 rounded-lg bg-[var(--tuwa-bg-primary)] p-4 shadow-md",r),children:[jsxRuntime.jsxs("div",{className:"flex items-start gap-3",children:[jsxRuntime.jsx("div",{className:"w-[40px] flex-shrink-0",title:utils.getChainName(e.chainId),children:a??jsxRuntime.jsx(reactWeb3Icons.Web3Icon,{chainId:e.chainId})}),jsxRuntime.jsxs("div",{className:"flex-1",children:[jsxRuntime.jsx(d,{txStatus:e.status,source:e.title,fallback:e.type,variant:"title",applyColor:true}),jsxRuntime.jsx(d,{txStatus:e.status,source:e.description,variant:"description"})]})]}),jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx(x,{transactionsPool:o,adapters:c,tx:e,variant:"toast"}),jsxRuntime.jsxs("div",{className:"mt-3 flex items-center justify-between",children:[jsxRuntime.jsx(b,{tx:e}),f?jsxRuntime.jsxs("div",{className:"flex items-center gap-4",children:[jsxRuntime.jsx(R,{onClick:T,children:p.speedUp}),jsxRuntime.jsx(v,{onClick:y,children:p.cancel})]}):t&&jsxRuntime.jsx(M,{onClick:t,children:l.openWalletInfo})]})]})]})}function wt({error:t,className:e}){let{isCopied:o,copy:a}=novaCore.useCopyToClipboard(),{actions:r,txError:n}=u();return t?jsxRuntime.jsxs("div",{className:novaCore.cn("rounded-lg border border-[var(--tuwa-error-icon)]/30 bg-[var(--tuwa-error-bg)] p-3 text-sm",e),children:[jsxRuntime.jsxs("div",{className:"mb-2 flex items-center justify-between",children:[jsxRuntime.jsxs("div",{className:"flex items-center gap-2 font-bold text-[var(--tuwa-error-icon)]",children:[jsxRuntime.jsx(solid.ExclamationTriangleIcon,{className:"h-5 w-5"}),jsxRuntime.jsx("span",{children:n.title})]}),jsxRuntime.jsx("button",{type:"button",onClick:()=>a(t),title:o?n.copied:r.copy,"aria-label":o?n.copied:`${r.copy} error message`,className:"cursor-pointer text-[var(--tuwa-error-icon)]/50 transition-colors hover:text-[var(--tuwa-error-icon)]",children:o?jsxRuntime.jsx(solid.CheckIcon,{className:"h-5 w-5 text-[var(--tuwa-success-icon)]"}):jsxRuntime.jsx(solid.DocumentDuplicateIcon,{className:"h-5 w-5"})})]}),jsxRuntime.jsx("div",{className:"max-h-24 overflow-y-auto rounded bg-[var(--tuwa-bg-primary)] p-2",children:jsxRuntime.jsx("p",{className:"font-mono text-xs text-[var(--tuwa-error-text)] break-all",children:t})})]}):null}function Le({label:t,value:e}){return jsxRuntime.jsxs("div",{className:"flex items-center justify-between text-sm",children:[jsxRuntime.jsx("span",{className:"text-[var(--tuwa-text-secondary)]",children:t}),jsxRuntime.jsx("span",{className:"font-medium text-[var(--tuwa-text-primary)]",children:e})]})}function Ct({tx:t,adapters:e,transactionsPool:o,className:a,customization:r}){let{txInfo:n}=u(),{InfoRow:i=Le}=r?.components??{},c="chainId"in t?t.chainId:t.desiredChainID;return jsxRuntime.jsxs("div",{className:novaCore.cn("flex flex-col gap-3 rounded-lg border border-[var(--tuwa-border-primary)] bg-[var(--tuwa-bg-primary)] p-3",a),children:[jsxRuntime.jsx(i,{label:n.network,value:jsxRuntime.jsxs("div",{className:"flex items-center justify-end gap-2",children:[jsxRuntime.jsx("div",{className:"h-4 w-4",children:jsxRuntime.jsx(reactWeb3Icons.Web3Icon,{chainId:c})}),jsxRuntime.jsx("span",{children:utils.getChainName(c)})]})}),t.localTimestamp&&jsxRuntime.jsx(i,{label:n.started,value:Mt__default.default.unix(t.localTimestamp).format("MMM D, HH:mm:ss")}),"txKey"in t&&t.txKey&&jsxRuntime.jsx("div",{className:"border-t border-[var(--tuwa-border-primary)] pt-3",children:jsxRuntime.jsx(O,{tx:t,adapters:e,transactionsPool:o,variant:"history",renderHashLink:r?.components?.transactionKey})})]})}var Oe={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 Ue({status:t,label:e,isFirst:o=false}){let a=Oe[t],r=()=>{switch(t){case "completed":return jsxRuntime.jsx(solid.CheckIcon,{className:"h-3 w-3 text-white"});case "error":return jsxRuntime.jsx(solid.ExclamationTriangleIcon,{className:"h-3 w-3 text-white"});case "replaced":return jsxRuntime.jsx(solid.ArrowPathIcon,{className:"h-3 w-3 text-white"});case "active":return jsxRuntime.jsx("div",{className:novaCore.cn("h-2 w-2 animate-pulse rounded-full",a.pulse)});default:return null}};return jsxRuntime.jsxs("div",{className:"relative flex min-w-[80px] flex-1 flex-col items-center",children:[!o&&jsxRuntime.jsx("div",{className:novaCore.cn("absolute right-1/2 top-[10px] h-0.5 w-full",a.line)}),jsxRuntime.jsx("div",{className:novaCore.cn("relative z-10 flex h-5 w-5 items-center justify-center rounded-full border-2",a.border,a.fill),children:r()}),jsxRuntime.jsx("span",{className:novaCore.cn("mt-2 text-center text-xs",t!=="inactive"?"font-semibold text-[var(--tuwa-text-primary)]":"text-[var(--tuwa-text-secondary)]"),children:e})]})}function Pt({isProcessing:t,isSucceed:e,isFailed:o,isReplaced:a,className:r,StepComponent:n=Ue}){let{trackingModal:i,statuses:c}=u(),p=react.useMemo(()=>{let l=f=>{if(f===1)return "completed";if(f===2){if(e||o||a)return "completed";if(t)return "active"}if(f===3){if(e)return "completed";if(o)return "error";if(a)return "replaced";if(t)return "active"}return "inactive"},s=f=>f===1?i.progressIndicator.created:f===2?i.progressIndicator.processing:o?c.failed:a?c.replaced:i.progressIndicator.succeed;return [{status:l(1),label:s(1),isFirst:true},{status:l(2),label:s(2)},{status:l(3),label:s(3),isLast:true}]},[t,e,o,a,i,c]);return jsxRuntime.jsx("div",{className:novaCore.cn("flex w-full items-start px-4 pt-2 pb-1",r),children:p.map((l,s)=>jsxRuntime.jsx(n,{...l},s))})}var $e={succeed:{Icon:solid.CheckCircleIcon,className:"text-[var(--tuwa-success-icon)]"},failed:{Icon:solid.ExclamationCircleIcon,className:"text-[var(--tuwa-error-icon)]"},replaced:{Icon:solid.ArrowPathIcon,className:"text-[var(--tuwa-info-icon)]"},processing:{Icon:solid.ArrowPathIcon,className:"animate-spin text-[var(--tuwa-text-accent)]"},initializing:{Icon:solid.ClockIcon,className:"animate-pulse text-[var(--tuwa-pending-icon)]"}};function Rt({isProcessing:t,isSucceed:e,isFailed:o,isReplaced:a}){let r=e&&"succeed"||o&&"failed"||a&&"replaced"||t&&"processing"||"initializing",{Icon:n,className:i}=$e[r];return jsxRuntime.jsx("div",{className:"flex justify-center py-4",children:jsxRuntime.jsx(n,{className:novaCore.cn("h-16 w-16",i)})})}function Zt({adapters:t,onClose:e,onOpenWalletInfo:o,className:a,customization:r,transactionsPool:n,actions:i,handleTransaction:c,initialTx:p}){let l=react.useMemo(()=>p?.lastTxKey?n[p.lastTxKey]:void 0,[n,p]),s=l??p,f=p?.withTrackedModal&&!l||(l?.isTrackedModalOpen??false),{isProcessing:y,isSucceed:T,isFailed:d,isReplaced:x}=react.useMemo(()=>{let W=l?.status,Xt=p?.isInitializing??false,$t=l?.pending??false;return {isProcessing:Xt||$t,isSucceed:W===pulsarCore.TransactionStatus.Success,isFailed:l?.isError||!!p?.errorMessage,isReplaced:W===pulsarCore.TransactionStatus.Replaced}},[l,p]),b=react.useMemo(()=>s?pulsarCore.selectAdapterByKey({adapterKey:s.adapter,adapters:t}):void 0,[s,t]),R=!!(d&&s?.actionKey&&i?.[s.actionKey]&&c),v=!!(b?.speedUpTxAction&&b?.cancelTxAction&&l?.pending&&l.tracker==="ethereum"),M=()=>{if(!R||!s?.actionKey||!b?.retryTxAction)return;let W={adapter:s.adapter,type:s.type,desiredChainID:"desiredChainID"in s?s.desiredChainID:s.chainId,actionKey:s.actionKey,title:s.title,description:s.description,payload:s.payload,withTrackedModal:true};b.retryTxAction({tx:W,txKey:l?.txKey??"",actions:i,onClose:e,handleTransaction:c});},w=()=>{v&&l&&b.cancelTxAction(l);},B=()=>{v&&l&&b.speedUpTxAction(l);},V=r?.components?.Header,ct=r?.components?.Footer,pt=r?.components?.StatusVisual,dt=r?.components?.ProgressIndicator,mt=r?.components?.InfoBlock,ut=r?.components?.ErrorBlock,_t={initial:{opacity:0,scale:.95},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.95},transition:{duration:.2,ease:"easeOut"},...r?.motionProps};return s?jsxRuntime.jsx(P__namespace.Root,{open:f,onOpenChange:W=>!W&&e(l?.txKey),children:jsxRuntime.jsx(P__namespace.Portal,{children:jsxRuntime.jsx(framerMotion.AnimatePresence,{children:f&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(P__namespace.Overlay,{asChild:true,children:jsxRuntime.jsx(framerMotion.motion.div,{className:"fixed inset-0 z-50 bg-black/60",initial:{opacity:0},animate:{opacity:1},exit:{opacity:0}})}),jsxRuntime.jsx(P__namespace.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",...r?.modalProps,asChild:true,children:jsxRuntime.jsx(framerMotion.motion.div,{..._t,children:jsxRuntime.jsxs("div",{className:novaCore.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",a),children:[V?jsxRuntime.jsx(V,{onClose:()=>e(l?.txKey),title:jsxRuntime.jsx(kt,{tx:s})}):jsxRuntime.jsx(Qe,{onClose:()=>e(l?.txKey),title:jsxRuntime.jsx(kt,{tx:s})}),jsxRuntime.jsxs("main",{className:"flex flex-col gap-3",children:[pt?jsxRuntime.jsx(pt,{isProcessing:y,isSucceed:T,isFailed:d,isReplaced:x}):jsxRuntime.jsx(Rt,{isProcessing:y,isSucceed:T,isFailed:d,isReplaced:x}),dt?jsxRuntime.jsx(dt,{isProcessing:y,isSucceed:T,isFailed:d,isReplaced:x}):jsxRuntime.jsx(Pt,{isProcessing:y,isSucceed:T,isFailed:d,isReplaced:x}),mt?jsxRuntime.jsx(mt,{tx:s,adapters:t,transactionsPool:n}):jsxRuntime.jsx(Ct,{tx:s,adapters:t,transactionsPool:n}),ut?jsxRuntime.jsx(ut,{error:l?.errorMessage||p?.errorMessage}):jsxRuntime.jsx(wt,{error:l?.errorMessage||p?.errorMessage})]}),ct?jsxRuntime.jsx(ct,{onClose:()=>e(l?.txKey),onOpenWalletInfo:o,isProcessing:y,isFailed:d,canReplace:v,onRetry:R?M:void 0,onSpeedUp:v?B:void 0,onCancel:v?w:void 0}):jsxRuntime.jsx(Ze,{onClose:()=>e(l?.txKey),onOpenWalletInfo:o,isProcessing:y,isFailed:d,canReplace:v,onRetry:R?M:void 0,onSpeedUp:v?B:void 0,onCancel:v?w:void 0})]})})})]})})})}):null}var kt=({tx:t})=>jsxRuntime.jsx(H,{txStatus:"status"in t?t.status:void 0,source:t.title,fallback:t.type,variant:"title",className:"text-lg"}),Qe=({onClose:t,title:e})=>{let{actions:o}=u();return jsxRuntime.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:[jsxRuntime.jsx(P__namespace.Title,{children:e}),jsxRuntime.jsx(P__namespace.Close,{asChild:true,children:jsxRuntime.jsx("button",{type:"button",onClick:()=>t(),"aria-label":o.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:jsxRuntime.jsx(solid.XMarkIcon,{className:"h-5 w-5"})})})]})},Ze=({onClose:t,onOpenWalletInfo:e,isProcessing:o,onRetry:a,onSpeedUp:r,onCancel:n,canReplace:i,isFailed:c})=>{let{trackingModal:p,actions:l}=u(),s=()=>c&&a?jsxRuntime.jsx("button",{type:"button",onClick:a,className:"cursor-pointer rounded-md bg-[var(--tuwa-button-gradient-from)] px-4 py-2 text-sm font-semibold text-[var(--tuwa-text-on-accent)] transition-opacity hover:opacity-90",children:p.retry}):!o&&!i?jsxRuntime.jsx("button",{type:"button",onClick:e,className:"cursor-pointer rounded-md bg-[var(--tuwa-bg-muted)] px-4 py-2 text-sm font-semibold text-[var(--tuwa-text-primary)] transition-colors hover:bg-[var(--tuwa-border-primary)]",children:p.walletInfo}):null;return jsxRuntime.jsxs("footer",{className:"mt-2 flex w-full items-center justify-between border-t border-[var(--tuwa-border-primary)] pt-4",children:[jsxRuntime.jsx("div",{className:"flex items-center gap-4",children:i&&r&&n&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("button",{type:"button",onClick:r,className:"cursor-pointer text-sm font-medium text-[var(--tuwa-text-accent)] transition-opacity hover:opacity-80",children:l.speedUp}),jsxRuntime.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})]})}),jsxRuntime.jsxs("div",{className:"flex items-center gap-3",children:[jsxRuntime.jsx(s,{}),jsxRuntime.jsx("button",{type:"button",onClick:t,disabled:o&&!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:o&&!i?p.processing:p.close})]})]})};Mt__default.default.extend(eo__default.default);var oo=({chainId:t})=>jsxRuntime.jsx("div",{className:"h-8 w-8 text-[var(--tuwa-text-secondary)]",children:jsxRuntime.jsx(reactWeb3Icons.Web3Icon,{chainId:t})}),ao=({timestamp:t})=>jsxRuntime.jsx("span",{className:"mb-1 block text-xs text-[var(--tuwa-text-secondary)]",children:t?Mt__default.default.unix(t).fromNow():"..."});function Bt({tx:t,adapters:e,transactionsPool:o,className:a,customization:r}){let{Icon:n=oo,Title:i=H,Description:c=H,Timestamp:p=ao,StatusBadge:l=X,TransactionKey:s=O}=r?.components??{};return jsxRuntime.jsxs("div",{className:novaCore.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:[jsxRuntime.jsxs("div",{className:"flex items-start justify-between",children:[jsxRuntime.jsxs("div",{className:"flex items-center gap-4",children:[jsxRuntime.jsx("div",{className:"flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-full bg-[var(--tuwa-bg-muted)]",children:jsxRuntime.jsx(n,{chainId:t.chainId})}),jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx(i,{txStatus:t.status,source:t.title,fallback:t.type,variant:"title",applyColor:true}),jsxRuntime.jsx(p,{timestamp:t.localTimestamp}),jsxRuntime.jsx(c,{txStatus:t.status,source:t.description,variant:"description"})]})]}),jsxRuntime.jsx(l,{tx:t})]}),jsxRuntime.jsx(s,{tx:t,adapters:e,transactionsPool:o,variant:"history"})]})}function no({title:t,message:e,className:o}){return jsxRuntime.jsxs("div",{className:novaCore.cn("rounded-lg bg-[var(--tuwa-bg-muted)] p-8 text-center",o),children:[jsxRuntime.jsx("h4",{className:"font-semibold text-[var(--tuwa-text-primary)]",children:t}),jsxRuntime.jsx("p",{className:"mt-1 text-sm text-[var(--tuwa-text-secondary)]",children:e})]})}function Ht({adapters:t,connectedWalletAddress:e,transactionsPool:o,className:a,customization:r}){let{walletModal:n}=u(),i=react.useMemo(()=>e?pulsarCore.selectAllTransactionsByActiveWallet(o,e).sort((f,y)=>(y.localTimestamp??0)-(f.localTimestamp??0)):[],[o,e]),{Placeholder:c=no,HistoryItem:p=Bt}=r?.components??{},l=()=>e?i.length>0?jsxRuntime.jsx("div",{className:novaCore.cn("max-h-[400px] overflow-y-auto rounded-lg border border-[var(--tuwa-border-primary)] bg-[var(--tuwa-bg-primary)]",r?.classNames?.listWrapper),children:i.map(s=>jsxRuntime.jsx(p,{tx:s,transactionsPool:o,adapters:t},s.txKey))}):jsxRuntime.jsx(c,{title:n.history.noTransactionsTitle,message:n.history.noTransactionsMessage}):jsxRuntime.jsx(c,{title:n.history.connectWalletTitle,message:n.history.connectWalletMessage});return jsxRuntime.jsxs("div",{className:novaCore.cn("flex flex-col gap-y-3",a),children:[jsxRuntime.jsx("h3",{className:"text-lg font-bold text-[var(--tuwa-text-primary)]",children:n.history.title}),l()]})}var mo=t=>({replaced:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(solid.ArrowPathIcon,{className:"h-4 w-4"}),jsxRuntime.jsx("span",{children:t.replaced})]}),loading:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(solid.ArrowPathIcon,{className:"h-4 w-4 animate-spin"}),jsxRuntime.jsx("span",{children:t.loading})]}),succeed:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(solid.CheckCircleIcon,{className:"h-4 w-4"}),jsxRuntime.jsx("span",{children:t.succeed})]}),failed:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(solid.ExclamationCircleIcon,{className:"h-4 w-4"}),jsxRuntime.jsx("span",{children:t.failed})]})});function en({children:t,action:e,getLastTxKey:o,transactionsPool:a,walletAddress:r,loadingContent:n,succeedContent:i,failedContent:c,replacedContent:p,resetTimeout:l=2500,className:s,...f}){let{trackedTxButton:y}=u(),[T,d]=react.useState("idle"),[x,b]=react.useState(void 0),R=react.useMemo(()=>mo(y),[y]);react.useEffect(()=>{d("idle"),b(void 0);},[r]),react.useEffect(()=>{if(!x)return;let w=a[x];if(w&&w.from.toLowerCase()===r?.toLowerCase())switch(w.status){case pulsarCore.TransactionStatus.Success:d("succeed");break;case pulsarCore.TransactionStatus.Replaced:d("replaced");break;case pulsarCore.TransactionStatus.Failed:d("failed");break}},[a,x,r]),react.useEffect(()=>{if(["succeed","failed","replaced"].includes(T)){let w=setTimeout(()=>{d("idle"),b(void 0);},l);return ()=>clearTimeout(w)}},[T,l]);let v=async()=>{d("loading");try{await e(),b(o());}catch(w){console.error("Transaction initiation failed:",w),d("failed");}},M=()=>{switch(T){case "loading":return n??R.loading;case "succeed":return i??R.succeed;case "failed":return c??R.failed;case "replaced":return p??R.replaced;default:return t}};return jsxRuntime.jsx("button",{...f,disabled:T!=="idle"||f.disabled,onClick:v,className:novaCore.cn("flex cursor-pointer items-center justify-center gap-1.5 rounded-md px-3 py-1.5 text-sm font-medium transition-all duration-200 disabled:cursor-not-allowed disabled:opacity-70",{"bg-gradient-to-r from-[var(--tuwa-button-gradient-from)] to-[var(--tuwa-button-gradient-to)] text-[var(--tuwa-text-on-accent)] hover:opacity-90":T==="idle","bg-gray-400 text-white":T==="loading","bg-gray-500 text-white":T==="replaced","bg-[var(--tuwa-success-bg)] text-[var(--tuwa-success-text)]":T==="succeed","bg-[var(--tuwa-error-bg)] text-[var(--tuwa-error-text)]":T==="failed"},s),children:M()})}function it({address:t,explorerUrl:e,className:o}){let{isCopied:a,copy:r}=novaCore.useCopyToClipboard(),{actions:n,txError:i}=u(),c=react.useMemo(()=>e&&t?`${e}/address/${t}`:void 0,[e,t]);return jsxRuntime.jsxs("div",{className:novaCore.cn("flex items-center gap-x-3 rounded-full bg-[var(--tuwa-bg-muted)] px-3 py-1 font-mono text-xs text-[var(--tuwa-text-secondary)]",o),children:[jsxRuntime.jsx("span",{children:novaCore.textCenterEllipsis(t,6,6)}),jsxRuntime.jsx("button",{type:"button",title:a?i.copied:n.copy,"aria-label":a?i.copied:`${n.copy} address`,onClick:()=>r(t),className:"cursor-pointer transition-colors hover:text-[var(--tuwa-text-primary)]",children:a?jsxRuntime.jsx(solid.CheckIcon,{className:"h-4 w-4 text-[var(--tuwa-success-icon)]"}):jsxRuntime.jsx(solid.DocumentDuplicateIcon,{className:"h-4 w-4"})}),c&&jsxRuntime.jsx("a",{href:c,target:"_blank",rel:"noopener noreferrer",className:"transition-colors hover:text-[var(--tuwa-text-accent)]",title:n.viewOnExplorer,"aria-label":n.viewOnExplorer,children:jsxRuntime.jsx(solid.ArrowTopRightOnSquareIcon,{className:"h-4 w-4"})})]})}function Ot({address:t,ensAvatar:e,className:o}){let{walletModal:a}=u(),[r,n]=react.useState(e),i=react.useMemo(()=>Co__default.default(viem.isHex(t)?t:viem.zeroAddress),[t]),c=react.useMemo(()=>`#${t.slice(2,8)}`,[t]);react.useEffect(()=>{n(e);},[e]);let p=()=>{n(i);};return jsxRuntime.jsx("div",{className:novaCore.cn("h-12 w-12 flex-shrink-0 rounded-full",o),style:{backgroundColor:c},children:jsxRuntime.jsx("img",{className:"h-full w-full rounded-full object-cover",src:r||i,alt:`${a.header.avatarAlt} ${t}`,onError:p},e)})}var So=({isLoading:t,ensName:e,walletAddress:o,explorerUrl:a,renderAddressDisplay:r})=>jsxRuntime.jsxs("div",{className:"flex flex-col",children:[jsxRuntime.jsx("div",{className:"mb-1.5 flex h-7 items-center",children:t?jsxRuntime.jsx("div",{className:"h-full w-48 animate-pulse rounded-md bg-[var(--tuwa-bg-muted)]"}):e?jsxRuntime.jsx("h2",{className:"text-xl font-bold text-[var(--tuwa-text-primary)]",children:e}):jsxRuntime.jsx(it,{address:o,explorerUrl:a,className:"rounded-none bg-transparent px-0 py-0 text-xl font-bold text-[var(--tuwa-text-primary)]"})}),jsxRuntime.jsx("div",{className:"flex h-5 items-center",children:!t&&e&&(r?r({address:o,explorerUrl:a}):jsxRuntime.jsx(it,{address:o,explorerUrl:a}))})]});function Ft({walletAddress:t,adapters:e,connectedAdapterType:o,className:a,renderAvatar:r,renderName:n,renderAddressDisplay:i,renderNoWalletContent:c,explorerUrl:p}){let{walletModal:l}=u(),[s,f]=react.useState(null),[y,T]=react.useState(null),[d,x]=react.useState(true);if(react.useEffect(()=>{(async()=>{if(!t||!o){x(false);return}let v=pulsarCore.selectAdapterByKey({adapterKey:o,adapters:e}),M=v&&"getName"in v&&typeof v.getName=="function",w=v&&"getAvatar"in v&&typeof v.getAvatar=="function";if(!M){x(false);return}x(true),f(null),T(null);try{let B=v?.getName?await v.getName(t):null;if(B&&(f(B),w)){let V=v?.getAvatar?await v.getAvatar(B):null;T(V);}}catch(B){console.error("Failed to fetch name service data:",B);}finally{x(false);}})();},[t,e,o]),!t)return c?jsxRuntime.jsx(jsxRuntime.Fragment,{children:c()}):jsxRuntime.jsx("div",{className:novaCore.cn("flex h-20 items-center justify-center rounded-lg bg-[var(--tuwa-bg-muted)] text-[var(--tuwa-text-secondary)]",a),children:l.header.notConnected});let b=s?s.length>30?novaCore.textCenterEllipsis(s,12,12):s:void 0;return jsxRuntime.jsxs("div",{className:novaCore.cn("flex min-h-[4rem] items-center gap-4",a),children:[jsxRuntime.jsx("div",{children:r?r({address:t,ensAvatar:y}):jsxRuntime.jsx(Ot,{address:t,ensAvatar:y})}),jsxRuntime.jsx("div",{className:"flex min-h-[3.5rem] min-w-[200px] flex-col justify-center",children:n?n({ensName:b,isLoading:d,address:t}):jsxRuntime.jsx(So,{isLoading:d,ensName:b,walletAddress:t,explorerUrl:p,renderAddressDisplay:i})})]})}var Wo=({closeModal:t,title:e})=>{let{actions:o}=u();return jsxRuntime.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:[jsxRuntime.jsx(P__namespace.Title,{className:"text-lg font-bold text-[var(--tuwa-text-primary)]",children:e}),jsxRuntime.jsx(P__namespace.Close,{asChild:true,children:jsxRuntime.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:jsxRuntime.jsx(solid.XMarkIcon,{className:"h-6 w-6"})})})]})};function jt({isOpen:t,setIsOpen:e,customization:o,adapters:a,connectedAdapterType:r,connectedWalletAddress:n,transactionsPool:i}){let{walletModal:c}=u(),{explorerUrl:p}=react.useMemo(()=>r?{explorerUrl:pulsarCore.selectAdapterByKey({adapterKey:r,adapters:a})?.getExplorerUrl()}:{explorerUrl:void 0},[r,a]),l=()=>e(false),f={...{initial:{opacity:0,scale:.95},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.95},transition:{duration:.2,ease:"easeOut"}},...o?.motionProps},y=o?.components?.Header,T=o?.components?.WalletInfo,d=o?.components?.History;return jsxRuntime.jsx(P__namespace.Root,{open:t,onOpenChange:x=>!x&&l(),children:jsxRuntime.jsx(P__namespace.Portal,{children:jsxRuntime.jsx(framerMotion.AnimatePresence,{children:t&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(P__namespace.Overlay,{asChild:true,children:jsxRuntime.jsx(framerMotion.motion.div,{className:"fixed inset-0 z-50 bg-black/45",initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.15}})}),jsxRuntime.jsx(P__namespace.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",...o?.modalProps,asChild:true,children:jsxRuntime.jsx(framerMotion.motion.div,{...f,children:jsxRuntime.jsxs("div",{className:novaCore.cn("relative max-h-[98dvh] w-full max-w-2xl overflow-y-auto rounded-2xl bg-[var(--tuwa-bg-secondary)] shadow-xl outline-none",o?.classNames?.contentWrapper),children:[y?jsxRuntime.jsx(y,{closeModal:l}):jsxRuntime.jsx(Wo,{closeModal:l,title:c.title}),jsxRuntime.jsxs("div",{className:"flex flex-col gap-4 p-4 sm:gap-6 sm:p-6",children:[T?jsxRuntime.jsx(T,{adapters:a,connectedAdapterType:r,walletAddress:n,explorerUrl:p}):jsxRuntime.jsx(Ft,{adapters:a,connectedAdapterType:r,walletAddress:n,explorerUrl:p}),d?jsxRuntime.jsx(d,{adapters:a,transactionsPool:i,connectedWalletAddress:n}):jsxRuntime.jsx(Ht,{adapters:a,transactionsPool:i,connectedWalletAddress:n})]})]})})})]})})})})}exports.HashLink=Tt;exports.StatusAwareText=H;exports.ToastCloseButton=qt;exports.ToastTransaction=Qt;exports.TrackingTxModal=Zt;exports.TransactionHistoryItem=Bt;exports.TransactionKey=O;exports.TransactionStatusBadge=X;exports.TransactionsHistory=Ht;exports.TxActionButton=en;exports.TxErrorBlock=wt;exports.TxInfoBlock=Ct;exports.TxProgressIndicator=Pt;exports.TxStatusVisual=Rt;exports.WalletAddressDisplay=it;exports.WalletAvatar=Ot;exports.WalletHeader=Ft;exports.WalletInfoModal=jt;exports.defaultLabels=q;//# sourceMappingURL=index.cjs.map
1
+ 'use strict';var solid=require('@heroicons/react/24/solid'),novaCore=require('@tuwaio/nova-core'),react=require('react'),jsxRuntime=require('react/jsx-runtime'),pulsarCore=require('@tuwaio/pulsar-core');require('react-toastify');var reactWeb3Icons=require('@bgd-labs/react-web3-icons'),utils=require('@bgd-labs/react-web3-icons/dist/utils'),N=require('@radix-ui/react-dialog'),framerMotion=require('framer-motion'),Bt=require('dayjs'),oo=require('dayjs/plugin/relativeTime'),Po=require('ethereum-blockies-base64'),viem=require('viem');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var N__namespace=/*#__PURE__*/_interopNamespace(N);var Bt__default=/*#__PURE__*/_interopDefault(Bt);var oo__default=/*#__PURE__*/_interopDefault(oo);var Po__default=/*#__PURE__*/_interopDefault(Po);var q={walletModal:{title:"Wallet & Transactions",header:{notConnected:"Wallet not connected",avatarAlt:"Avatar for"},history:{title:"Transactions History",connectWalletTitle:"Connect Wallet",connectWalletMessage:"Please connect your wallet to see your past activity.",noTransactionsTitle:"No Transactions Yet",noTransactionsMessage:"Once you interact with the app, your transaction history will appear here."}},toast:{openWalletInfo:"Open wallet info"},statuses:{pending:"Pending",success:"Success",failed:"Failed",reverted:"Reverted",replaced:"Replaced",unknown:"Unknown"},hashLabels:{gelato:"Gelato Task ID",safe:"Safe Tx Hash",original:"Original Tx Hash",replaced:"Replaced Tx Hash",default:"Tx Hash"},txInfo:{started:"Started",network:"Network"},txError:{title:"Error",copied:"Copied!"},trackingModal:{title:"Transaction Overview",processing:"Processing...",close:"Close",walletInfo:"Wallet Info",retry:"Retry",progressIndicator:{created:"Created",processing:"Processing",succeed:"Succeed"}},trackedTxButton:{loading:"Processing...",succeed:"Success",failed:"Failed",replaced:"Replaced"},actions:{copy:"Copy address",viewOnExplorer:"View on explorer",close:"Close",cancel:"Cancel",speedUp:"Speed up"}};var qt=react.createContext(q);var u=()=>react.useContext(qt);({[pulsarCore.TransactionStatus.Success]:"success",[pulsarCore.TransactionStatus.Failed]:"error",[pulsarCore.TransactionStatus.Replaced]:"info"});function xt({label:t,hash:e,explorerUrl:o,variant:r="default",className:s}){let{isCopied:n,copy:i}=novaCore.useCopyToClipboard(),{actions:c,txError:p}=u(),d=novaCore.cn("flex items-center justify-between",{"text-sm":r==="default","text-xs":r==="compact"},s),a=novaCore.cn("pr-1",{"font-bold text-[var(--tuwa-text-primary)]":r==="default","font-medium text-[var(--tuwa-text-secondary)]":r==="compact"}),l=jsxRuntime.jsx("span",{className:"font-mono",children:novaCore.textCenterEllipsis(e,5,5)});return jsxRuntime.jsxs("div",{className:d,children:[t&&jsxRuntime.jsxs("span",{className:a,children:[t,":"]}),jsxRuntime.jsxs("div",{className:"flex items-center gap-x-2",children:[o?jsxRuntime.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:[l,jsxRuntime.jsx(solid.ArrowTopRightOnSquareIcon,{className:"h-4 w-4"})]}):jsxRuntime.jsx("span",{className:"text-[var(--tuwa-text-primary)]",children:l}),jsxRuntime.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?jsxRuntime.jsx(solid.CheckIcon,{className:"h-4 w-4 text-[var(--tuwa-success-icon)]"}):jsxRuntime.jsx(solid.DocumentDuplicateIcon,{className:"h-4 w-4"})})]})]})}var vt={[pulsarCore.TransactionStatus.Success]:{index:1,colorClass:"text-[var(--tuwa-success-text)]"},[pulsarCore.TransactionStatus.Failed]:{index:2,colorClass:"text-[var(--tuwa-error-text)]"},[pulsarCore.TransactionStatus.Replaced]:{index:3,colorClass:"text-[var(--tuwa-text-secondary)]"},default:{index:0,colorClass:"text-[var(--tuwa-text-primary)]"}};function H({txStatus:t,source:e,fallback:o,variant:r,className:s,applyColor:n=false}){let i,c="";if(typeof e=="string")i=e;else if(Array.isArray(e)){let a=vt[t||"default"]??vt.default;i=e[a.index],n&&(c=a.colorClass);}else i=o;return i?jsxRuntime.jsx("div",{className:novaCore.cn(r==="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 Qt({closeToast:t}){let{actions:e}=u();return jsxRuntime.jsx("button",{type:"button",onClick:t,"aria-label":e.close,title:e.close,className:novaCore.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:jsxRuntime.jsx(solid.XMarkIcon,{className:"h-5 w-5"})})}function O({tx:t,adapters:e,transactionsPool:o,variant:r="toast",className:s,renderHashLink:n}){let{hashLabels:i}=u(),c=pulsarCore.selectAdapterByKey({adapterKey:t.adapter,adapters:e});if(!c)return null;let p=f=>n?n(f):jsxRuntime.jsx(xt,{...f}),d=r==="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",a=i[t.tracker],l=a?p({label:a,hash:t.txKey,variant:"compact"}):null,y=(()=>{let f=t.hash,x=t.replacedTxHash;return !f&&!x?null:x?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[f&&p({label:i.original,hash:f,variant:"compact"}),c.getExplorerTxUrl&&p({label:i.replaced,hash:x,explorerUrl:c.getExplorerTxUrl(o,t.txKey,x)})]}):f&&c.getExplorerTxUrl&&p({label:i.default,hash:f,explorerUrl:c.getExplorerTxUrl(o,t.txKey)})})(),T=a&&a!==i.default&&t.txKey!==t.hash;return jsxRuntime.jsxs("div",{className:novaCore.cn(d,s),children:[T&&l,y]})}var ve=t=>({Pending:{label:t.pending,Icon:solid.ArrowPathIcon,badgeClasses:"bg-[var(--tuwa-pending-bg)] text-[var(--tuwa-pending-text)]",iconClasses:"animate-spin text-[var(--tuwa-pending-icon)]"},[pulsarCore.TransactionStatus.Success]:{label:t.success,Icon:solid.CheckCircleIcon,badgeClasses:"bg-[var(--tuwa-success-bg)] text-[var(--tuwa-success-text)]",iconClasses:"text-[var(--tuwa-success-icon)]"},[pulsarCore.TransactionStatus.Failed]:{label:t.failed,Icon:solid.XCircleIcon,badgeClasses:"bg-[var(--tuwa-error-bg)] text-[var(--tuwa-error-text)]",iconClasses:"text-[var(--tuwa-error-icon)]"},[pulsarCore.TransactionStatus.Replaced]:{label:t.replaced,Icon:solid.ArrowPathIcon,badgeClasses:"bg-[var(--tuwa-info-bg)] text-[var(--tuwa-info-text)]",iconClasses:"text-[var(--tuwa-info-icon)]"}});function X({tx:t,className:e}){let{statuses:o}=u(),r=react.useMemo(()=>ve(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,i=n?r[n]:null;if(!i)return jsxRuntime.jsx("div",{className:novaCore.cn(s,"bg-[var(--tuwa-info-bg)] text-[var(--tuwa-info-text)]",e),children:t.status??o.unknown});let{label:c,Icon:p,badgeClasses:d,iconClasses:a}=i;return jsxRuntime.jsxs("div",{className:novaCore.cn(s,d,e),children:[jsxRuntime.jsx(p,{className:novaCore.cn("h-4 w-4",a)}),c]})}var Pe=({onClick:t,children:e})=>jsxRuntime.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}),he=({onClick:t,children:e})=>jsxRuntime.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}),Ne=({onClick:t,children:e})=>jsxRuntime.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 jt({openWalletInfoModal:t,tx:e,transactionsPool:o,icon:r,className:s,customization:n,connectedWalletAddress:i,adapters:c}){let{actions:p,toast:d}=u(),a=pulsarCore.selectAdapterByKey({adapterKey:e.adapter,adapters:c}),l=!!(e.tracker==="ethereum"&&e.pending&&a?.speedUpTxAction&&a?.cancelTxAction&&e.from.toLowerCase()===i?.toLowerCase()),y=()=>{l&&a.cancelTxAction(e);},T=()=>{l&&a.speedUpTxAction(e);},{StatusAwareText:f=H,TransactionKey:x=O,StatusBadge:C=X,SpeedUpButton:b=Pe,CancelButton:v=he,WalletInfoButton:w=Ne}=n?.components??{};return jsxRuntime.jsxs("div",{className:novaCore.cn("flex w-full flex-col gap-3 rounded-lg bg-[var(--tuwa-bg-primary)] p-4 shadow-md",s),children:[jsxRuntime.jsxs("div",{className:"flex items-start gap-3",children:[jsxRuntime.jsx("div",{className:"w-[40px] flex-shrink-0",title:utils.getChainName(e.chainId),children:r??jsxRuntime.jsx(reactWeb3Icons.Web3Icon,{chainId:e.chainId})}),jsxRuntime.jsxs("div",{className:"flex-1",children:[jsxRuntime.jsx(f,{txStatus:e.status,source:e.title,fallback:e.type,variant:"title",applyColor:true}),jsxRuntime.jsx(f,{txStatus:e.status,source:e.description,variant:"description"})]})]}),jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx(x,{transactionsPool:o,adapters:c,tx:e,variant:"toast"}),jsxRuntime.jsxs("div",{className:"mt-3 flex items-center justify-between",children:[jsxRuntime.jsx(C,{tx:e}),l?jsxRuntime.jsxs("div",{className:"flex items-center gap-4",children:[jsxRuntime.jsx(b,{onClick:T,children:p.speedUp}),jsxRuntime.jsx(v,{onClick:y,children:p.cancel})]}):t&&!!i&&jsxRuntime.jsx(w,{onClick:t,children:d.openWalletInfo})]})]})]})}function Ct({error:t,className:e}){let{isCopied:o,copy:r}=novaCore.useCopyToClipboard(),{actions:s,txError:n}=u();return t?jsxRuntime.jsxs("div",{className:novaCore.cn("rounded-lg border border-[var(--tuwa-error-icon)]/30 bg-[var(--tuwa-error-bg)] p-3 text-sm",e),children:[jsxRuntime.jsxs("div",{className:"mb-2 flex items-center justify-between",children:[jsxRuntime.jsxs("div",{className:"flex items-center gap-2 font-bold text-[var(--tuwa-error-icon)]",children:[jsxRuntime.jsx(solid.ExclamationTriangleIcon,{className:"h-5 w-5"}),jsxRuntime.jsx("span",{children:n.title})]}),jsxRuntime.jsx("button",{type:"button",onClick:()=>r(t),title:o?n.copied:s.copy,"aria-label":o?n.copied:`${s.copy} error message`,className:"cursor-pointer text-[var(--tuwa-error-icon)]/50 transition-colors hover:text-[var(--tuwa-error-icon)]",children:o?jsxRuntime.jsx(solid.CheckIcon,{className:"h-5 w-5 text-[var(--tuwa-success-icon)]"}):jsxRuntime.jsx(solid.DocumentDuplicateIcon,{className:"h-5 w-5"})})]}),jsxRuntime.jsx("div",{className:"max-h-24 overflow-y-auto rounded bg-[var(--tuwa-bg-primary)] p-2",children:jsxRuntime.jsx("p",{className:"font-mono text-xs text-[var(--tuwa-error-text)] break-all",children:t})})]}):null}function De({label:t,value:e}){return jsxRuntime.jsxs("div",{className:"flex items-center justify-between text-sm",children:[jsxRuntime.jsx("span",{className:"text-[var(--tuwa-text-secondary)]",children:t}),jsxRuntime.jsx("span",{className:"font-medium text-[var(--tuwa-text-primary)]",children:e})]})}function Pt({tx:t,adapters:e,transactionsPool:o,className:r,customization:s}){let{txInfo:n}=u(),{InfoRow:i=De}=s?.components??{},c="chainId"in t?t.chainId:t.desiredChainID;return jsxRuntime.jsxs("div",{className:novaCore.cn("flex flex-col gap-3 rounded-lg border border-[var(--tuwa-border-primary)] bg-[var(--tuwa-bg-primary)] p-3",r),children:[jsxRuntime.jsx(i,{label:n.network,value:jsxRuntime.jsxs("div",{className:"flex items-center justify-end gap-2",children:[jsxRuntime.jsx("div",{className:"h-4 w-4",children:jsxRuntime.jsx(reactWeb3Icons.Web3Icon,{chainId:c})}),jsxRuntime.jsx("span",{children:utils.getChainName(c)})]})}),t.localTimestamp&&jsxRuntime.jsx(i,{label:n.started,value:Bt__default.default.unix(t.localTimestamp).format("MMM D, HH:mm:ss")}),"txKey"in t&&t.txKey&&jsxRuntime.jsx("div",{className:"border-t border-[var(--tuwa-border-primary)] pt-3",children:jsxRuntime.jsx(O,{tx:t,adapters:e,transactionsPool:o,variant:"history",renderHashLink:s?.components?.transactionKey})})]})}var Ue={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 Fe({status:t,label:e,isFirst:o=false}){let r=Ue[t],s=()=>{switch(t){case "completed":return jsxRuntime.jsx(solid.CheckIcon,{className:"h-3 w-3 text-white"});case "error":return jsxRuntime.jsx(solid.ExclamationTriangleIcon,{className:"h-3 w-3 text-white"});case "replaced":return jsxRuntime.jsx(solid.ArrowPathIcon,{className:"h-3 w-3 text-white"});case "active":return jsxRuntime.jsx("div",{className:novaCore.cn("h-2 w-2 animate-pulse rounded-full",r.pulse)});default:return null}};return jsxRuntime.jsxs("div",{className:"relative flex min-w-[80px] flex-1 flex-col items-center",children:[!o&&jsxRuntime.jsx("div",{className:novaCore.cn("absolute right-1/2 top-[10px] h-0.5 w-full",r.line)}),jsxRuntime.jsx("div",{className:novaCore.cn("relative z-10 flex h-5 w-5 items-center justify-center rounded-full border-2",r.border,r.fill),children:s()}),jsxRuntime.jsx("span",{className:novaCore.cn("mt-2 text-center text-xs",t!=="inactive"?"font-semibold text-[var(--tuwa-text-primary)]":"text-[var(--tuwa-text-secondary)]"),children:e})]})}function ht({isProcessing:t,isSucceed:e,isFailed:o,isReplaced:r,className:s,StepComponent:n=Fe}){let{trackingModal:i,statuses:c}=u(),p=react.useMemo(()=>{let d=l=>{if(l===1)return "completed";if(l===2){if(e||o||r)return "completed";if(t)return "active"}if(l===3){if(e)return "completed";if(o)return "error";if(r)return "replaced";if(t)return "active"}return "inactive"},a=l=>l===1?i.progressIndicator.created:l===2?i.progressIndicator.processing:o?c.failed:r?c.replaced:i.progressIndicator.succeed;return [{status:d(1),label:a(1),isFirst:true},{status:d(2),label:a(2)},{status:d(3),label:a(3),isLast:true}]},[t,e,o,r,i,c]);return jsxRuntime.jsx("div",{className:novaCore.cn("flex w-full items-start px-4 pt-2 pb-1",s),children:p.map((d,a)=>jsxRuntime.jsx(n,{...d},a))})}var Je={succeed:{Icon:solid.CheckCircleIcon,className:"text-[var(--tuwa-success-icon)]"},failed:{Icon:solid.ExclamationCircleIcon,className:"text-[var(--tuwa-error-icon)]"},replaced:{Icon:solid.ArrowPathIcon,className:"text-[var(--tuwa-info-icon)]"},processing:{Icon:solid.ArrowPathIcon,className:"animate-spin text-[var(--tuwa-text-accent)]"},initializing:{Icon:solid.ClockIcon,className:"animate-pulse text-[var(--tuwa-pending-icon)]"}};function It({isProcessing:t,isSucceed:e,isFailed:o,isReplaced:r}){let s=e&&"succeed"||o&&"failed"||r&&"replaced"||t&&"processing"||"initializing",{Icon:n,className:i}=Je[s];return jsxRuntime.jsx("div",{className:"flex justify-center py-4",children:jsxRuntime.jsx(n,{className:novaCore.cn("h-16 w-16",i)})})}function Zt({adapters:t,onClose:e,onOpenWalletInfo:o,className:r,customization:s,transactionsPool:n,actions:i,handleTransaction:c,initialTx:p,connectedWalletAddress:d}){let a=react.useMemo(()=>p?.lastTxKey?n[p.lastTxKey]:void 0,[n,p]),l=a??p,y=p?.withTrackedModal&&!a||(a?.isTrackedModalOpen??false),{isProcessing:T,isSucceed:f,isFailed:x,isReplaced:C}=react.useMemo(()=>{let W=a?.status,$t=p?.isInitializing??false,Jt=a?.pending??false;return {isProcessing:$t||Jt,isSucceed:W===pulsarCore.TransactionStatus.Success,isFailed:a?.isError||!!p?.errorMessage,isReplaced:W===pulsarCore.TransactionStatus.Replaced}},[a,p]),b=react.useMemo(()=>l?pulsarCore.selectAdapterByKey({adapterKey:l.adapter,adapters:t}):void 0,[l,t]),v=!!(x&&l?.actionKey&&i?.[l.actionKey]&&c),w=!!(b?.speedUpTxAction&&b?.cancelTxAction&&a?.pending&&a.tracker==="ethereum"),P=()=>{if(!v||!l?.actionKey||!b?.retryTxAction)return;let W={adapter:l.adapter,type:l.type,desiredChainID:"desiredChainID"in l?l.desiredChainID:l.chainId,actionKey:l.actionKey,title:l.title,description:l.description,payload:l.payload,withTrackedModal:true};b.retryTxAction({tx:W,txKey:a?.txKey??"",actions:i,onClose:e,handleTransaction:c});},B=()=>{w&&a&&b.cancelTxAction(a);},V=()=>{w&&a&&b.speedUpTxAction(a);},ct=s?.components?.Header,pt=s?.components?.Footer,dt=s?.components?.StatusVisual,mt=s?.components?.ProgressIndicator,ut=s?.components?.InfoBlock,ft=s?.components?.ErrorBlock,Xt={initial:{opacity:0,scale:.95},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.95},transition:{duration:.2,ease:"easeOut"},...s?.motionProps};return l?jsxRuntime.jsx(N__namespace.Root,{open:y,onOpenChange:W=>!W&&e(a?.txKey),children:jsxRuntime.jsx(N__namespace.Portal,{children:jsxRuntime.jsx(framerMotion.AnimatePresence,{children:y&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(N__namespace.Overlay,{asChild:true,children:jsxRuntime.jsx(framerMotion.motion.div,{className:"fixed inset-0 z-50 bg-black/60",initial:{opacity:0},animate:{opacity:1},exit:{opacity:0}})}),jsxRuntime.jsx(N__namespace.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:jsxRuntime.jsx(framerMotion.motion.div,{...Xt,children:jsxRuntime.jsxs("div",{className:novaCore.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",r),children:[ct?jsxRuntime.jsx(ct,{onClose:()=>e(a?.txKey),title:jsxRuntime.jsx(St,{tx:l})}):jsxRuntime.jsx(je,{onClose:()=>e(a?.txKey),title:jsxRuntime.jsx(St,{tx:l})}),jsxRuntime.jsxs("main",{className:"flex flex-col gap-3",children:[dt?jsxRuntime.jsx(dt,{isProcessing:T,isSucceed:f,isFailed:x,isReplaced:C}):jsxRuntime.jsx(It,{isProcessing:T,isSucceed:f,isFailed:x,isReplaced:C}),mt?jsxRuntime.jsx(mt,{isProcessing:T,isSucceed:f,isFailed:x,isReplaced:C}):jsxRuntime.jsx(ht,{isProcessing:T,isSucceed:f,isFailed:x,isReplaced:C}),ut?jsxRuntime.jsx(ut,{tx:l,adapters:t,transactionsPool:n}):jsxRuntime.jsx(Pt,{tx:l,adapters:t,transactionsPool:n}),ft?jsxRuntime.jsx(ft,{error:a?.errorMessage||p?.errorMessage}):jsxRuntime.jsx(Ct,{error:a?.errorMessage||p?.errorMessage})]}),pt?jsxRuntime.jsx(pt,{onClose:()=>e(a?.txKey),onOpenWalletInfo:o,isProcessing:T,isFailed:x,canReplace:w,onRetry:v?P:void 0,onSpeedUp:w?V:void 0,onCancel:w?B:void 0,connectedWalletAddress:d}):jsxRuntime.jsx(Ze,{onClose:()=>e(a?.txKey),onOpenWalletInfo:o,isProcessing:T,isFailed:x,canReplace:w,onRetry:v?P:void 0,onSpeedUp:w?V:void 0,onCancel:w?B:void 0,connectedWalletAddress:d})]})})})]})})})}):null}var St=({tx:t})=>jsxRuntime.jsx(H,{txStatus:"status"in t?t.status:void 0,source:t.title,fallback:t.type,variant:"title",className:"text-lg"}),je=({onClose:t,title:e})=>{let{actions:o}=u();return jsxRuntime.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:[jsxRuntime.jsx(N__namespace.Title,{children:e}),jsxRuntime.jsx(N__namespace.Close,{asChild:true,children:jsxRuntime.jsx("button",{type:"button",onClick:()=>t(),"aria-label":o.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:jsxRuntime.jsx(solid.XMarkIcon,{className:"h-5 w-5"})})})]})},Ze=({onClose:t,onOpenWalletInfo:e,isProcessing:o,onRetry:r,onSpeedUp:s,onCancel:n,canReplace:i,isFailed:c,connectedWalletAddress:p})=>{let{trackingModal:d,actions:a}=u(),l=()=>c&&r?jsxRuntime.jsx("button",{type:"button",onClick:r,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:d.retry}):!o&&!i&&p?jsxRuntime.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:d.walletInfo}):null;return jsxRuntime.jsxs("footer",{className:"mt-2 flex w-full items-center justify-between border-t border-[var(--tuwa-border-primary)] pt-4",children:[jsxRuntime.jsx("div",{className:"flex items-center gap-4",children:i&&s&&n&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("button",{type:"button",onClick:s,className:"cursor-pointer text-sm font-medium text-[var(--tuwa-text-accent)] transition-opacity hover:opacity-80",children:a.speedUp}),jsxRuntime.jsx("button",{type:"button",onClick:n,className:"cursor-pointer text-sm font-medium text-[var(--tuwa-text-secondary)] transition-opacity hover:opacity-80",children:a.cancel})]})}),jsxRuntime.jsxs("div",{className:"flex items-center gap-3",children:[jsxRuntime.jsx(l,{}),jsxRuntime.jsx("button",{type:"button",onClick:t,disabled:o&&!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:o&&!i?d.processing:d.close})]})]})};Bt__default.default.extend(oo__default.default);var ao=({chainId:t})=>jsxRuntime.jsx("div",{className:"h-8 w-8 text-[var(--tuwa-text-secondary)]",children:jsxRuntime.jsx(reactWeb3Icons.Web3Icon,{chainId:t})}),ro=({timestamp:t})=>jsxRuntime.jsx("span",{className:"mb-1 block text-xs text-[var(--tuwa-text-secondary)]",children:t?Bt__default.default.unix(t).fromNow():"..."});function Ht({tx:t,adapters:e,transactionsPool:o,className:r,customization:s}){let{Icon:n=ao,Title:i=H,Description:c=H,Timestamp:p=ro,StatusBadge:d=X,TransactionKey:a=O}=s?.components??{};return jsxRuntime.jsxs("div",{className:novaCore.cn("flex flex-col gap-2 border-b border-[var(--tuwa-border-secondary)] p-3 transition-colors hover:bg-[var(--tuwa-bg-secondary)]",r),children:[jsxRuntime.jsxs("div",{className:"flex items-start justify-between",children:[jsxRuntime.jsxs("div",{className:"flex items-center gap-4",children:[jsxRuntime.jsx("div",{className:"flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-full bg-[var(--tuwa-bg-muted)]",children:jsxRuntime.jsx(n,{chainId:t.chainId})}),jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx(i,{txStatus:t.status,source:t.title,fallback:t.type,variant:"title",applyColor:true}),jsxRuntime.jsx(p,{timestamp:t.localTimestamp}),jsxRuntime.jsx(c,{txStatus:t.status,source:t.description,variant:"description"})]})]}),jsxRuntime.jsx(d,{tx:t})]}),jsxRuntime.jsx(a,{tx:t,adapters:e,transactionsPool:o,variant:"history"})]})}function io({title:t,message:e,className:o}){return jsxRuntime.jsxs("div",{className:novaCore.cn("rounded-lg bg-[var(--tuwa-bg-muted)] p-8 text-center",o),children:[jsxRuntime.jsx("h4",{className:"font-semibold text-[var(--tuwa-text-primary)]",children:t}),jsxRuntime.jsx("p",{className:"mt-1 text-sm text-[var(--tuwa-text-secondary)]",children:e})]})}function Lt({adapters:t,connectedWalletAddress:e,transactionsPool:o,className:r,customization:s}){let{walletModal:n}=u(),i=react.useMemo(()=>e?pulsarCore.selectAllTransactionsByActiveWallet(o,e).sort((l,y)=>(y.localTimestamp??0)-(l.localTimestamp??0)):[],[o,e]),{Placeholder:c=io,HistoryItem:p=Ht}=s?.components??{},d=()=>e?i.length>0?jsxRuntime.jsx("div",{className:novaCore.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(a=>jsxRuntime.jsx(p,{tx:a,transactionsPool:o,adapters:t},a.txKey))}):jsxRuntime.jsx(c,{title:n.history.noTransactionsTitle,message:n.history.noTransactionsMessage}):jsxRuntime.jsx(c,{title:n.history.connectWalletTitle,message:n.history.connectWalletMessage});return jsxRuntime.jsxs("div",{className:novaCore.cn("flex flex-col gap-y-3",r),children:[jsxRuntime.jsx("h3",{className:"text-lg font-bold text-[var(--tuwa-text-primary)]",children:n.history.title}),d()]})}var uo=t=>({replaced:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(solid.ArrowPathIcon,{className:"h-4 w-4"}),jsxRuntime.jsx("span",{children:t.replaced})]}),loading:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(solid.ArrowPathIcon,{className:"h-4 w-4 animate-spin"}),jsxRuntime.jsx("span",{children:t.loading})]}),succeed:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(solid.CheckCircleIcon,{className:"h-4 w-4"}),jsxRuntime.jsx("span",{children:t.succeed})]}),failed:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(solid.ExclamationCircleIcon,{className:"h-4 w-4"}),jsxRuntime.jsx("span",{children:t.failed})]})});function an({children:t,action:e,getLastTxKey:o,transactionsPool:r,walletAddress:s,loadingContent:n,succeedContent:i,failedContent:c,replacedContent:p,resetTimeout:d=2500,className:a,...l}){let{trackedTxButton:y}=u(),[T,f]=react.useState("idle"),[x,C]=react.useState(void 0),b=react.useMemo(()=>uo(y),[y]);react.useEffect(()=>{f("idle"),C(void 0);},[s]),react.useEffect(()=>{if(!x)return;let P=r[x];if(P&&P.from.toLowerCase()===s?.toLowerCase())switch(P.status){case pulsarCore.TransactionStatus.Success:f("succeed");break;case pulsarCore.TransactionStatus.Replaced:f("replaced");break;case pulsarCore.TransactionStatus.Failed:f("failed");break}},[r,x,s]),react.useEffect(()=>{if(["succeed","failed","replaced"].includes(T)){let P=setTimeout(()=>{f("idle"),C(void 0);},d);return ()=>clearTimeout(P)}},[T,d]);let v=async()=>{f("loading");try{await e(),C(o());}catch(P){console.error("Transaction initiation failed:",P),f("failed");}},w=()=>{switch(T){case "loading":return n??b.loading;case "succeed":return i??b.succeed;case "failed":return c??b.failed;case "replaced":return p??b.replaced;default:return t}};return jsxRuntime.jsx("button",{...l,disabled:T!=="idle"||l.disabled,onClick:v,className:novaCore.cn("flex cursor-pointer items-center justify-center gap-1.5 rounded-md px-3 py-1.5 text-sm font-medium transition-all duration-200 disabled:cursor-not-allowed disabled:opacity-70",{"bg-gradient-to-r from-[var(--tuwa-button-gradient-from)] to-[var(--tuwa-button-gradient-to)] text-[var(--tuwa-text-on-accent)] hover:opacity-90":T==="idle","bg-gray-400 text-white":T==="loading","bg-gray-500 text-white":T==="replaced","bg-[var(--tuwa-success-bg)] text-[var(--tuwa-success-text)]":T==="succeed","bg-[var(--tuwa-error-bg)] text-[var(--tuwa-error-text)]":T==="failed"},a),children:w()})}function it({address:t,explorerUrl:e,className:o}){let{isCopied:r,copy:s}=novaCore.useCopyToClipboard(),{actions:n,txError:i}=u(),c=react.useMemo(()=>e&&t?`${e}/address/${t}`:void 0,[e,t]);return jsxRuntime.jsxs("div",{className:novaCore.cn("flex items-center gap-x-3 rounded-full bg-[var(--tuwa-bg-muted)] px-3 py-1 font-mono text-xs text-[var(--tuwa-text-secondary)]",o),children:[jsxRuntime.jsx("span",{children:novaCore.textCenterEllipsis(t,6,6)}),jsxRuntime.jsx("button",{type:"button",title:r?i.copied:n.copy,"aria-label":r?i.copied:`${n.copy} address`,onClick:()=>s(t),className:"cursor-pointer transition-colors hover:text-[var(--tuwa-text-primary)]",children:r?jsxRuntime.jsx(solid.CheckIcon,{className:"h-4 w-4 text-[var(--tuwa-success-icon)]"}):jsxRuntime.jsx(solid.DocumentDuplicateIcon,{className:"h-4 w-4"})}),c&&jsxRuntime.jsx("a",{href:c,target:"_blank",rel:"noopener noreferrer",className:"transition-colors hover:text-[var(--tuwa-text-accent)]",title:n.viewOnExplorer,"aria-label":n.viewOnExplorer,children:jsxRuntime.jsx(solid.ArrowTopRightOnSquareIcon,{className:"h-4 w-4"})})]})}function Ut({address:t,ensAvatar:e,className:o}){let{walletModal:r}=u(),[s,n]=react.useState(e),i=react.useMemo(()=>Po__default.default(viem.isHex(t)?t:viem.zeroAddress),[t]),c=react.useMemo(()=>`#${t.slice(2,8)}`,[t]);react.useEffect(()=>{n(e);},[e]);let p=()=>{n(i);};return jsxRuntime.jsx("div",{className:novaCore.cn("h-12 w-12 flex-shrink-0 rounded-full",o),style:{backgroundColor:c},children:jsxRuntime.jsx("img",{className:"h-full w-full rounded-full object-cover",src:s||i,alt:`${r.header.avatarAlt} ${t}`,onError:p},e)})}var Mo=({isLoading:t,ensName:e,walletAddress:o,explorerUrl:r,renderAddressDisplay:s})=>jsxRuntime.jsxs("div",{className:"flex flex-col",children:[jsxRuntime.jsx("div",{className:"mb-1.5 flex h-7 items-center",children:t?jsxRuntime.jsx("div",{className:"h-full w-48 animate-pulse rounded-md bg-[var(--tuwa-bg-muted)]"}):e?jsxRuntime.jsx("h2",{className:"text-xl font-bold text-[var(--tuwa-text-primary)]",children:e}):jsxRuntime.jsx(it,{address:o,explorerUrl:r,className:"rounded-none bg-transparent px-0 py-0 text-xl font-bold text-[var(--tuwa-text-primary)]"})}),jsxRuntime.jsx("div",{className:"flex h-5 items-center",children:!t&&e&&(s?s({address:o,explorerUrl:r}):jsxRuntime.jsx(it,{address:o,explorerUrl:r}))})]});function zt({walletAddress:t,adapters:e,connectedAdapterType:o,className:r,renderAvatar:s,renderName:n,renderAddressDisplay:i,renderNoWalletContent:c,explorerUrl:p}){let{walletModal:d}=u(),[a,l]=react.useState(null),[y,T]=react.useState(null),[f,x]=react.useState(true);if(react.useEffect(()=>{(async()=>{if(!t||!o){x(false);return}let v=pulsarCore.selectAdapterByKey({adapterKey:o,adapters:e}),w=v&&"getName"in v&&typeof v.getName=="function",P=v&&"getAvatar"in v&&typeof v.getAvatar=="function";if(!w){x(false);return}x(true),l(null),T(null);try{let B=v?.getName?await v.getName(t):null;if(B&&(l(B),P)){let V=v?.getAvatar?await v.getAvatar(B):null;T(V);}}catch(B){console.error("Failed to fetch name service data:",B);}finally{x(false);}})();},[t,e,o]),!t)return c?jsxRuntime.jsx(jsxRuntime.Fragment,{children:c()}):jsxRuntime.jsx("div",{className:novaCore.cn("flex h-20 items-center justify-center rounded-lg bg-[var(--tuwa-bg-muted)] text-[var(--tuwa-text-secondary)]",r),children:d.header.notConnected});let C=a?a.length>30?novaCore.textCenterEllipsis(a,12,12):a:void 0;return jsxRuntime.jsxs("div",{className:novaCore.cn("flex min-h-[4rem] items-center gap-4",r),children:[jsxRuntime.jsx("div",{children:s?s({address:t,ensAvatar:y}):jsxRuntime.jsx(Ut,{address:t,ensAvatar:y})}),jsxRuntime.jsx("div",{className:"flex min-h-[3.5rem] min-w-[200px] flex-col justify-center",children:n?n({ensName:C,isLoading:f,address:t}):jsxRuntime.jsx(Mo,{isLoading:f,ensName:C,walletAddress:t,explorerUrl:p,renderAddressDisplay:i})})]})}var Eo=({closeModal:t,title:e})=>{let{actions:o}=u();return jsxRuntime.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:[jsxRuntime.jsx(N__namespace.Title,{className:"text-lg font-bold text-[var(--tuwa-text-primary)]",children:e}),jsxRuntime.jsx(N__namespace.Close,{asChild:true,children:jsxRuntime.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:jsxRuntime.jsx(solid.XMarkIcon,{className:"h-6 w-6"})})})]})};function te({isOpen:t,setIsOpen:e,customization:o,adapters:r,connectedAdapterType:s,connectedWalletAddress:n,transactionsPool:i}){let{walletModal:c}=u(),{explorerUrl:p}=react.useMemo(()=>s?{explorerUrl:pulsarCore.selectAdapterByKey({adapterKey:s,adapters:r})?.getExplorerUrl()}:{explorerUrl:void 0},[s,r]),d=()=>e(false),l={...{initial:{opacity:0,scale:.95},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.95},transition:{duration:.2,ease:"easeOut"}},...o?.motionProps},y=o?.components?.Header,T=o?.components?.WalletInfo,f=o?.components?.History;return jsxRuntime.jsx(N__namespace.Root,{open:t,onOpenChange:x=>!x&&d(),children:jsxRuntime.jsx(N__namespace.Portal,{children:jsxRuntime.jsx(framerMotion.AnimatePresence,{children:t&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(N__namespace.Overlay,{asChild:true,children:jsxRuntime.jsx(framerMotion.motion.div,{className:"fixed inset-0 z-50 bg-black/45",initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.15}})}),jsxRuntime.jsx(N__namespace.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",...o?.modalProps,asChild:true,children:jsxRuntime.jsx(framerMotion.motion.div,{...l,children:jsxRuntime.jsxs("div",{className:novaCore.cn("relative max-h-[98dvh] w-full max-w-2xl overflow-y-auto rounded-2xl bg-[var(--tuwa-bg-secondary)] shadow-xl outline-none",o?.classNames?.contentWrapper),children:[y?jsxRuntime.jsx(y,{closeModal:d}):jsxRuntime.jsx(Eo,{closeModal:d,title:c.title}),jsxRuntime.jsxs("div",{className:"flex flex-col gap-4 p-4 sm:gap-6 sm:p-6",children:[T?jsxRuntime.jsx(T,{adapters:r,connectedAdapterType:s,walletAddress:n,explorerUrl:p}):jsxRuntime.jsx(zt,{adapters:r,connectedAdapterType:s,walletAddress:n,explorerUrl:p}),f?jsxRuntime.jsx(f,{adapters:r,transactionsPool:i,connectedWalletAddress:n}):jsxRuntime.jsx(Lt,{adapters:r,transactionsPool:i,connectedWalletAddress:n})]})]})})})]})})})})}exports.HashLink=xt;exports.StatusAwareText=H;exports.ToastCloseButton=Qt;exports.ToastTransaction=jt;exports.TrackingTxModal=Zt;exports.TransactionHistoryItem=Ht;exports.TransactionKey=O;exports.TransactionStatusBadge=X;exports.TransactionsHistory=Lt;exports.TxActionButton=an;exports.TxErrorBlock=Ct;exports.TxInfoBlock=Pt;exports.TxProgressIndicator=ht;exports.TxStatusVisual=It;exports.WalletAddressDisplay=it;exports.WalletAvatar=Ut;exports.WalletHeader=zt;exports.WalletInfoModal=te;exports.defaultLabels=q;//# sourceMappingURL=index.cjs.map
2
2
  //# sourceMappingURL=index.cjs.map