@tuwaio/nova-transactions 0.0.14 → 0.0.16

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.
@@ -1,13 +1,11 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import { ReactNode, JSX } from 'react';
3
- import { T as TuwaLabels, a as ToastTransactionCustomization, W as WalletInfoModalCustomization, e as TrackingTxModalCustomization, f as TrackingTxModalProps } from '../types-bqi7UbSO.cjs';
4
- import { Transaction, IInitializeTxTrackingStore } from '@tuwaio/pulsar-core';
5
- import { ToastContainerProps } from 'react-toastify';
6
- import { Chain } from 'viem';
7
- import '@wagmi/core';
2
+ import { ReactNode } from 'react';
3
+ import { T as TuwaLabels } from '../WalletInfoModal-BcTPDgW_.cjs';
4
+ export { M as NovaProvider, N as NovaProviderProps } from '../WalletInfoModal-BcTPDgW_.cjs';
8
5
  import '@radix-ui/react-dialog';
9
- import '@tuwaio/pulsar-evm';
6
+ import '@tuwaio/pulsar-core';
10
7
  import 'framer-motion';
8
+ import 'react-toastify';
11
9
 
12
10
  /**
13
11
  * A React component that provides a custom set of labels to all child components.
@@ -35,35 +33,4 @@ declare const LabelsProvider: ({ labels, children }: {
35
33
  */
36
34
  declare const useLabels: () => TuwaLabels;
37
35
 
38
- /**
39
- * @file This file contains the main `NovaProvider` component, the primary entry point for the UI library.
40
- */
41
-
42
- type NovaProviderProps<TR, T extends Transaction<TR>> = {
43
- /** A partial object of labels to override the default English text. */
44
- labels?: Partial<TuwaLabels>;
45
- /** An object to enable or disable major UI features. All are enabled by default. */
46
- features?: {
47
- toasts?: boolean;
48
- walletInfoModal?: boolean;
49
- trackingTxModal?: boolean;
50
- };
51
- /** A single object to pass down deep customization options to all child components. */
52
- customization?: {
53
- toast?: ToastTransactionCustomization<TR, T>;
54
- walletInfoModal?: WalletInfoModalCustomization<TR, T>;
55
- trackingTxModal?: TrackingTxModalCustomization<TR, T>;
56
- };
57
- chain?: Chain;
58
- walletAddress?: string;
59
- } & Pick<IInitializeTxTrackingStore<TR, T>, 'closeTxTrackedModal'> & ToastContainerProps & Pick<TrackingTxModalProps<TR, T>, 'handleTransaction' | 'actions' | 'config' | 'appChains' | 'transactionsPool' | 'initialTx'>;
60
- /**
61
- * The main provider for the Nova UI ecosystem.
62
- * It orchestrates toasts, modals, and the i18n context for the entire application.
63
- *
64
- * @param {NovaProviderProps<TR, T>} props - The component props.
65
- * @returns {JSX.Element} The rendered provider.
66
- */
67
- declare function NovaProvider<TR, T extends Transaction<TR>>({ labels, features, customization, closeTxTrackedModal, actions, config, handleTransaction, initialTx, appChains, transactionsPool, walletAddress, chain, ...toastProps }: NovaProviderProps<TR, T>): JSX.Element;
68
-
69
- export { LabelsProvider, NovaProvider, type NovaProviderProps, useLabels };
36
+ export { LabelsProvider, useLabels };
@@ -1,13 +1,11 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import { ReactNode, JSX } from 'react';
3
- import { T as TuwaLabels, a as ToastTransactionCustomization, W as WalletInfoModalCustomization, e as TrackingTxModalCustomization, f as TrackingTxModalProps } from '../types-bqi7UbSO.js';
4
- import { Transaction, IInitializeTxTrackingStore } from '@tuwaio/pulsar-core';
5
- import { ToastContainerProps } from 'react-toastify';
6
- import { Chain } from 'viem';
7
- import '@wagmi/core';
2
+ import { ReactNode } from 'react';
3
+ import { T as TuwaLabels } from '../WalletInfoModal-BcTPDgW_.js';
4
+ export { M as NovaProvider, N as NovaProviderProps } from '../WalletInfoModal-BcTPDgW_.js';
8
5
  import '@radix-ui/react-dialog';
9
- import '@tuwaio/pulsar-evm';
6
+ import '@tuwaio/pulsar-core';
10
7
  import 'framer-motion';
8
+ import 'react-toastify';
11
9
 
12
10
  /**
13
11
  * A React component that provides a custom set of labels to all child components.
@@ -35,35 +33,4 @@ declare const LabelsProvider: ({ labels, children }: {
35
33
  */
36
34
  declare const useLabels: () => TuwaLabels;
37
35
 
38
- /**
39
- * @file This file contains the main `NovaProvider` component, the primary entry point for the UI library.
40
- */
41
-
42
- type NovaProviderProps<TR, T extends Transaction<TR>> = {
43
- /** A partial object of labels to override the default English text. */
44
- labels?: Partial<TuwaLabels>;
45
- /** An object to enable or disable major UI features. All are enabled by default. */
46
- features?: {
47
- toasts?: boolean;
48
- walletInfoModal?: boolean;
49
- trackingTxModal?: boolean;
50
- };
51
- /** A single object to pass down deep customization options to all child components. */
52
- customization?: {
53
- toast?: ToastTransactionCustomization<TR, T>;
54
- walletInfoModal?: WalletInfoModalCustomization<TR, T>;
55
- trackingTxModal?: TrackingTxModalCustomization<TR, T>;
56
- };
57
- chain?: Chain;
58
- walletAddress?: string;
59
- } & Pick<IInitializeTxTrackingStore<TR, T>, 'closeTxTrackedModal'> & ToastContainerProps & Pick<TrackingTxModalProps<TR, T>, 'handleTransaction' | 'actions' | 'config' | 'appChains' | 'transactionsPool' | 'initialTx'>;
60
- /**
61
- * The main provider for the Nova UI ecosystem.
62
- * It orchestrates toasts, modals, and the i18n context for the entire application.
63
- *
64
- * @param {NovaProviderProps<TR, T>} props - The component props.
65
- * @returns {JSX.Element} The rendered provider.
66
- */
67
- declare function NovaProvider<TR, T extends Transaction<TR>>({ labels, features, customization, closeTxTrackedModal, actions, config, handleTransaction, initialTx, appChains, transactionsPool, walletAddress, chain, ...toastProps }: NovaProviderProps<TR, T>): JSX.Element;
68
-
69
- export { LabelsProvider, NovaProvider, type NovaProviderProps, useLabels };
36
+ export { LabelsProvider, useLabels };
@@ -1,2 +1,2 @@
1
- import {createContext,useContext,useState,useRef,useMemo,useEffect}from'react';import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {useMediaQuery,deepMerge,cn,textCenterEllipsis,useCopyToClipboard}from'@tuwaio/nova-core';import {TransactionStatus,TransactionAdapter,selectAllTransactionsByActiveWallet}from'@tuwaio/pulsar-core';import {ToastContainer,toast}from'react-toastify';import {XMarkIcon,CheckCircleIcon,ExclamationCircleIcon,ArrowPathIcon,ClockIcon,ExclamationTriangleIcon,DocumentDuplicateIcon,XCircleIcon,CheckIcon,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 {getName,getAvatar,cancelTxAction,speedUpTxAction,TransactionTracker,selectEvmTxExplorerLink}from'@tuwaio/pulsar-evm';import {getAccount}from'@wagmi/core';import*as w from'@radix-ui/react-dialog';import {AnimatePresence,motion}from'framer-motion';import Dt from'dayjs';import _e from'dayjs/plugin/relativeTime';import zt from'ethereum-blockies-base64';import {zeroAddress,isHex}from'viem';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"},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 ft=createContext($),Tt=({labels:t,children:e})=>jsx(ft.Provider,{value:t,children:e}),u=()=>useContext(ft);function vt({label:t,hash:e,explorerUrl:o,variant:a="default",className:s}){let{isCopied:r,copy:i}=useCopyToClipboard(),l=u(),c=cn("flex items-center justify-between",a==="default"&&"text-sm",a==="compact"&&"text-xs",s),n=cn("pr-1",a==="default"&&"font-bold text-[var(--tuwa-text-primary)]",a==="compact"&&"font-medium text-[var(--tuwa-text-secondary)]"),d=jsx("span",{className:"font-mono",children:textCenterEllipsis(e,5,5)});return jsxs("div",{className:c,children:[t&&jsxs("span",{className:n,children:[t,":"]}),jsxs("div",{className:"flex items-center gap-x-2",children:[o?jsxs("a",{href:o,target:"_blank",rel:"noopener noreferrer",className:"flex items-center gap-x-1 text-[var(--tuwa-text-accent)] hover:underline",title:l.actions.viewOnExplorer,"aria-label":l.actions.viewOnExplorer,children:[d,jsx(ArrowTopRightOnSquareIcon,{className:"h-4 w-4"})]}):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:r?l.txError.copied:l.actions.copy,"aria-label":r?l.txError.copied:l.actions.copy,children:r?jsx(CheckIcon,{className:"h-4 w-4 text-[var(--tuwa-success-icon)]"}):jsx(DocumentDuplicateIcon,{className:"h-4 w-4"})})]})]})}var yt={[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 N({txStatus:t,source:e,fallback:o,variant:a,className:s,applyColor:r=false}){let i=a==="title"?"text-sm font-semibold text-[var(--tuwa-text-primary)]":"mt-1 text-xs text-[var(--tuwa-text-secondary)]";if(typeof e=="string")return jsx("div",{className:cn(i,s),children:e});if(Array.isArray(e)){let c=yt[t||"default"]||yt.default,n=e[c.index],d=r?c.colorClass:"";return jsx("div",{className:cn(i,d,s),children:n})}return o?jsx("div",{className:cn(i,s),children:o}):null}function bt({closeToast:t}){let e=u();return jsx("button",{type:"button",onClick:t,"aria-label":e.actions.close,title:e.actions.close,className:"absolute top-2 right-2 cursor-pointer rounded-full p-1 text-[var(--tuwa-text-tertiary)] transition-colors hover:bg-[var(--tuwa-bg-muted)] hover:text-[var(--tuwa-text-primary)]",children:jsx(XMarkIcon,{className:"h-5 w-5"})})}function X({tx:t,appChains:e,transactionsPool:o,variant:a="toast",className:s,renderHashLink:r}){let i=u();if(t?.adapter!==TransactionAdapter.EVM)return null;let l=!!t.replacedTxHash,c=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",n=d=>r?r(d):jsx(vt,{...d});return jsxs("div",{className:cn(c,s),children:[t.tracker===TransactionTracker.Gelato&&n({label:i.hashLabels.gelato,hash:t.txKey,variant:"compact"}),t.tracker===TransactionTracker.Safe&&n({label:i.hashLabels.safe,hash:t.txKey,variant:"compact"}),l?jsxs(Fragment,{children:[t.hash&&n({label:i.hashLabels.original,hash:t.hash,variant:"compact"}),n({label:i.hashLabels.replaced,hash:t.replacedTxHash,explorerUrl:selectEvmTxExplorerLink(o,e,t.txKey,t.replacedTxHash)})]}):t.hash&&n({label:i.hashLabels.default,hash:t.hash,explorerUrl:selectEvmTxExplorerLink(o,e,t.txKey)})]})}function Y({tx:t,className:e}){let o=u(),a={Pending:{label:o.statuses.pending,Icon:ArrowPathIcon,badgeClasses:"bg-[var(--tuwa-pending-bg)] text-[var(--tuwa-pending-text)]",iconClasses:"animate-spin text-[var(--tuwa-pending-icon)]"},[TransactionStatus.Success]:{label:o.statuses.success,Icon:CheckCircleIcon,badgeClasses:"bg-[var(--tuwa-success-bg)] text-[var(--tuwa-success-text)]",iconClasses:"text-[var(--tuwa-success-icon)]"},[TransactionStatus.Failed]:{label:o.statuses.failed,Icon:XCircleIcon,badgeClasses:"bg-[var(--tuwa-error-bg)] text-[var(--tuwa-error-text)]",iconClasses:"text-[var(--tuwa-error-icon)]"},[TransactionStatus.Replaced]:{label:o.statuses.replaced,Icon:ArrowPathIcon,badgeClasses:"bg-[var(--tuwa-info-bg)] text-[var(--tuwa-info-text)]",iconClasses:"text-[var(--tuwa-info-icon)]"}},s="inline-flex items-center gap-x-1.5 rounded-full px-2 py-1 text-xs font-medium",r=t.pending?"Pending":t.status,i=r?a[r]:null;if(!i)return jsx("div",{className:cn(s,"bg-[var(--tuwa-info-bg)] text-[var(--tuwa-info-text)]",e),children:t.status??o.statuses.unknown});let{label:l,Icon:c,badgeClasses:n,iconClasses:d}=i;return jsxs("div",{className:cn(s,n,e),children:[jsx(c,{className:cn("h-4 w-4",d)}),l]})}function Nt({openWalletInfoModal:t,tx:e,transactionsPool:o,appChains:a,icon:s,className:r,customization:i,config:l}){let c=u(),n=i?.components,d=l&&l.state.status==="connected"&&e?.adapter===TransactionAdapter.EVM&&e.nonce!==void 0&&e.pending&&e.maxFeePerGas&&e.maxPriorityFeePerGas,m=async()=>{d&&await speedUpTxAction({config:l,tx:e});},p=async()=>{d&&await cancelTxAction({config:l,tx:e});};return jsxs("div",{className:cn("flex w-full flex-col gap-3 rounded-lg bg-[var(--tuwa-bg-primary)] p-4 shadow-md",r),children:[jsxs("div",{className:"flex items-start gap-3",children:[jsx("div",{className:"w-[40px] flex-shrink-0",title:getChainName(e.chainId),children:s??jsx(Web3Icon,{chainId:e.chainId})}),jsxs("div",{className:"flex-1",children:[n?.statusAwareText?n.statusAwareText({txStatus:e.status,source:e.title,fallback:e.type,variant:"title",applyColor:true}):jsx(N,{txStatus:e.status,source:e.title,fallback:e.type,variant:"title",applyColor:true}),n?.statusAwareText?n.statusAwareText({txStatus:e.status,source:e.description,variant:"description"}):jsx(N,{txStatus:e.status,source:e.description,variant:"description"})]})]}),jsxs("div",{children:[n?.transactionKey?n.transactionKey({transactionsPool:o,appChains:a,tx:e,variant:"toast"}):jsx(X,{transactionsPool:o,appChains:a,tx:e,variant:"toast"}),jsxs("div",{className:"mt-3 flex items-center justify-between",children:[n?.statusBadge?n.statusBadge({tx:e}):jsx(Y,{tx:e}),d?jsxs("div",{className:"flex items-center gap-4",children:[n?.speedUpButton?n.speedUpButton({onClick:m,children:c.actions.speedUp}):jsx("button",{onClick:m,type:"button",className:"cursor-pointer text-sm font-medium text-[var(--tuwa-text-accent)] transition-opacity hover:opacity-80",children:c.actions.speedUp}),n?.cancelButton?n.cancelButton({onClick:p,children:c.actions.cancel}):jsx("button",{onClick:p,type:"button",className:"cursor-pointer text-sm font-medium text-[var(--tuwa-text-secondary)] transition-opacity hover:opacity-80",children:c.actions.cancel})]}):l&&getAccount(l).address&&t&&(n?.walletInfoButton?n.walletInfoButton({onClick:()=>t(true),children:c.toast.openWalletInfo}):jsx("button",{className:"cursor-pointer bg-gradient-to-r from-[var(--tuwa-button-gradient-from)] to-[var(--tuwa-button-gradient-to)] text-[var(--tuwa-text-on-accent)] font-bold text-xs py-1 px-3 rounded-md shadow-lg hover:shadow-xl hover:from-[var(--tuwa-button-gradient-from-hover)] hover:to-[var(--tuwa-button-gradient-to-hover)] active:scale-95 transition-all duration-200 ease-in-out",onClick:()=>t(true),type:"button",children:c.toast.openWalletInfo}))]})]})]})}function It({error:t,className:e}){let{isCopied:o,copy:a}=useCopyToClipboard(),s=u();return t?jsxs("div",{className:cn("rounded-lg border border-[var(--tuwa-error-icon)]/30 bg-[var(--tuwa-error-bg)] p-3 text-sm",e),children:[jsxs("div",{className:"mb-2 flex items-center justify-between",children:[jsxs("div",{className:"flex items-center gap-2 font-bold text-[var(--tuwa-error-icon)]",children:[jsx(ExclamationTriangleIcon,{className:"h-5 w-5"}),jsx("span",{children:s.txError.title})]}),jsx("button",{type:"button",onClick:()=>a(t),title:s.actions.copy,"aria-label":s.actions.copy,className:"cursor-pointer text-[var(--tuwa-error-icon)]/50 transition-colors hover:text-[var(--tuwa-error-icon)]",children:jsx(DocumentDuplicateIcon,{className:"h-5 w-5"})})]}),jsx("div",{className:"max-h-24 overflow-y-auto rounded bg-[var(--tuwa-bg-primary)] p-2",children:jsx("p",{className:"font-mono text-xs text-[var(--tuwa-error-text)] break-all",children:t})}),jsx("div",{className:"mt-1 h-5 text-right",children:jsx("p",{className:cn("text-xs text-[var(--tuwa-success-icon)] transition-opacity duration-300 ease-in-out",o?"opacity-100":"opacity-0"),children:s.txError.copied})})]}):null}function Se({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 St({tx:t,appChains:e,transactionsPool:o,className:a,customization:s}){let r=u(),i=l=>s?.components?.infoRow?s.components.infoRow(l):jsx(Se,{...l});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:[i({label:r.txInfo.network,value:jsxs("div",{className:"flex items-center justify-end gap-2",children:[jsx("div",{className:"h-4 w-4",children:jsx(Web3Icon,{chainId:t.chainId??t?.desiredChainID??1})}),jsx("span",{children:getChainName(t.chainId??t?.desiredChainID??1)})]})}),t.localTimestamp&&i({label:r.txInfo.started,value:Dt.unix(t.localTimestamp).format("MMM D, HH:mm:ss")}),jsx("div",{className:"border-t border-[var(--tuwa-border-primary)] pt-3",children:jsx(X,{tx:t,appChains:e,transactionsPool:o,variant:"history",renderHashLink:s?.components?.transactionKey})})]})}function Be({status:t,label:e,isFirst:o=false}){let a={isCompleted:t==="completed",isError:t==="error",isReplaced:t==="replaced",isActive:t==="active"},s={line:cn({"bg-[var(--tuwa-success-icon)]":a.isCompleted,"bg-[var(--tuwa-error-icon)]":a.isError,"bg-[var(--tuwa-info-icon)]":a.isReplaced,"bg-[var(--tuwa-pending-icon)]":a.isActive,"bg-[var(--tuwa-border-primary)]":t==="inactive"}),border:cn({"border-[var(--tuwa-success-icon)]":a.isCompleted,"border-[var(--tuwa-error-icon)]":a.isError,"border-[var(--tuwa-info-icon)]":a.isReplaced,"border-[var(--tuwa-pending-icon)]":a.isActive,"border-[var(--tuwa-border-primary)]":t==="inactive"}),fill:cn({"bg-[var(--tuwa-success-icon)]":a.isCompleted,"bg-[var(--tuwa-error-icon)]":a.isError,"bg-[var(--tuwa-info-icon)]":a.isReplaced}),pulse:cn({"bg-[var(--tuwa-pending-icon)]":a.isActive})};return jsxs("div",{className:"relative flex flex-1 flex-col items-center min-w-[80px]",children:[!o&&jsx("div",{className:cn("absolute right-1/2 top-[10px] h-0.5 w-full",s.line)}),jsxs("div",{className:cn("relative z-10 flex h-5 w-5 items-center justify-center rounded-full border-2",s.border,s.fill),children:[a.isCompleted&&jsx(CheckIcon,{className:"h-3 w-3 text-white"}),a.isError&&jsx(ExclamationTriangleIcon,{className:"h-3 w-3 text-white"}),a.isReplaced&&jsx(ArrowPathIcon,{className:"h-3 w-3 text-white"}),a.isActive&&jsx("div",{className:cn("h-2 w-2 animate-pulse rounded-full",s.pulse)})]}),jsx("span",{className:cn("mt-2 text-center text-xs",t!=="inactive"?"font-semibold text-[var(--tuwa-text-primary)]":"text-[var(--tuwa-text-secondary)]"),children:e})]})}function At({isProcessing:t,isSucceed:e,isFailed:o,isReplaced:a,className:s,StepComponent:r=Be}){let i=u(),l=d=>{if(d===1)return "completed";if(d===2){if(e||o||a)return "completed";if(t)return "active"}if(d===3){if(e)return "completed";if(o)return "error";if(a)return "replaced";if(t)return "active"}return "inactive"},c=d=>d===1?i.trackingModal.progressIndicator.created:d===2?i.trackingModal.progressIndicator.processing:o?i.statuses.failed:a?i.statuses.replaced:i.trackingModal.progressIndicator.succeed,n=[{status:l(1),label:c(1),isFirst:true},{status:l(2),label:c(2)},{status:l(3),label:c(3),isLast:true}];return jsx("div",{className:cn("flex w-full items-start px-4 pt-2 pb-1",s),children:n.map((d,m)=>jsx(r,{...d},m))})}function Bt({isProcessing:t,isSucceed:e,isFailed:o,isReplaced:a}){let s;return e?s=jsx(CheckCircleIcon,{className:"h-16 w-16 text-[var(--tuwa-success-icon)]"}):o?s=jsx(ExclamationCircleIcon,{className:"h-16 w-16 text-[var(--tuwa-error-icon)]"}):a?s=jsx(ArrowPathIcon,{className:"h-16 w-16 text-[var(--tuwa-info-icon)]"}):t?s=jsx(ArrowPathIcon,{className:"h-16 w-16 animate-spin text-[var(--tuwa-text-accent)]"}):s=jsx(ClockIcon,{className:"h-16 w-16 animate-pulse text-[var(--tuwa-pending-icon)]"}),jsx("div",{className:"flex justify-center py-4",children:s})}function Kt({onClose:t,onOpenWalletInfo:e,className:o,customization:a,appChains:s,transactionsPool:r,actions:i,handleTransaction:l,config:c,initialTx:n}){let d=u(),m=a?.components,[p,S]=useState(void 0);useEffect(()=>{let P;n?.lastTxKey?P=r[n.lastTxKey]:p&&(P=r[p.txKey]),S(P);},[r,n,p]);let f=p??n,y=p?.status,W=n?.isInitializing??false,V=p?.pending??true,g=W||V,K=p?.isError||!!n?.errorMessage,G=f?.actionKey&&i?.[f.actionKey]&&l&&c,h=c&&p?.adapter===TransactionAdapter.EVM&&p?.nonce!==void 0&&p.pending&&p.maxFeePerGas&&p.maxPriorityFeePerGas,et={initial:{opacity:0,scale:.95},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.95},transition:{duration:.2,ease:"easeOut"},...a?.motionProps},x=async()=>{if(!G||!f?.actionKey)return;let P={adapter:TransactionAdapter.EVM,type:f.type,desiredChainID:p?.chainId||n?.desiredChainID||1,actionKey:f.actionKey,title:f.title,description:f.description,payload:f.payload,withTrackedModal:true};t(p?.txKey),await l({actionFunction:()=>i[f.actionKey]({config:c,...f.payload}),params:P,defaultTracker:TransactionTracker.Ethereum});},v=async()=>{h&&p&&await cancelTxAction({config:c,tx:p});},D=async()=>{h&&p&&await speedUpTxAction({config:c,tx:p});},O=(p?.isTrackedModalOpen||n?.withTrackedModal)??false;return jsx(w.Root,{open:O,onOpenChange:P=>!P&&t(p?.txKey),children:jsx(w.Portal,{children:jsx(AnimatePresence,{children:O&&jsxs(Fragment,{children:[jsx(w.Overlay,{asChild:true,children:jsx(motion.div,{className:"fixed inset-0 bg-black/60 z-50",initial:{opacity:0},animate:{opacity:1},exit:{opacity:0}})}),jsx(w.Content,{className:"fixed left-1/2 top-1/2 w-full max-w-md -translate-x-1/2 -translate-y-1/2 outline-none z-50",onOpenAutoFocus:()=>S(void 0),...a?.modalProps,asChild:true,children:jsx(motion.div,{...et,children:jsxs("div",{className:cn("relative flex flex-col gap-3 rounded-2xl bg-[var(--tuwa-bg-primary)] p-5 pt-0 shadow-2xl max-h-[98dvh] overflow-y-auto",o),children:[m?.header?m.header({onClose:()=>t(p?.txKey)}):jsxs("header",{className:"flex items-start justify-between sticky top-0 w-full z-10 pt-5 pb-2 bg-[var(--tuwa-bg-primary)]",children:[jsx(w.Title,{className:"text-lg font-bold text-[var(--tuwa-text-primary)]",children:d.trackingModal.title}),jsx(w.Close,{asChild:true,children:jsx("button",{type:"button",onClick:()=>t(p?.txKey),"aria-label":d.actions.close,className:"cursor-pointer ml-2 -mt-1 rounded-full p-1 text-[var(--tuwa-text-tertiary)] transition-colors hover:bg-[var(--tuwa-bg-muted)] hover:text-[var(--tuwa-text-primary)]",children:jsx(XMarkIcon,{className:"h-5 w-5"})})})]}),jsxs("main",{className:"flex flex-col gap-3",children:[m?.statusVisual?m.statusVisual({isProcessing:g,isSucceed:y===TransactionStatus.Success,isFailed:K,isReplaced:y===TransactionStatus.Replaced}):jsx(Bt,{isProcessing:g,isSucceed:y===TransactionStatus.Success,isFailed:K,isReplaced:y===TransactionStatus.Replaced}),jsxs("div",{className:"flex flex-col items-center text-center -mt-2",children:[jsx(N,{txStatus:y,source:f?.title,fallback:f?.type,variant:"title",applyColor:true,className:"text-xl"}),jsx(N,{txStatus:y,source:f?.description,variant:"description",className:"mt-0"})]}),m?.progressIndicator?m.progressIndicator({isProcessing:g,isSucceed:y===TransactionStatus.Success,isFailed:K,isReplaced:y===TransactionStatus.Replaced}):jsx(At,{isProcessing:g,isSucceed:y===TransactionStatus.Success,isFailed:K,isReplaced:y===TransactionStatus.Replaced}),m?.infoBlock?m.infoBlock({tx:f,appChains:s,transactionsPool:r}):jsx(St,{tx:f,appChains:s,transactionsPool:r}),m?.errorBlock?m.errorBlock({error:p?.errorMessage||n?.errorMessage}):jsx(It,{error:p?.errorMessage||n?.errorMessage})]}),m?.footer?m.footer({onClose:()=>t(p?.txKey),onOpenWalletInfo:e,isProcessing:g,onRetry:G?x:void 0,onSpeedUp:h?D:void 0,onCancel:h?v:void 0}):jsxs("footer",{className:"mt-2 flex w-full items-center justify-between border-t border-[var(--tuwa-border-primary)] pt-4",children:[jsx("div",{className:"flex items-center gap-4",children:h&&jsxs(Fragment,{children:[jsx("button",{type:"button",onClick:D,className:"cursor-pointer text-sm font-medium text-[var(--tuwa-text-accent)] transition-opacity hover:opacity-80",children:d.actions.speedUp}),jsx("button",{type:"button",onClick:v,className:"cursor-pointer text-sm font-medium text-[var(--tuwa-text-secondary)] transition-opacity hover:opacity-80",children:d.actions.cancel})]})}),jsxs("div",{className:"flex items-center gap-3",children:[K&&G?jsx("button",{type:"button",onClick:x,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.trackingModal.retry}):!h&&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.trackingModal.walletInfo}),jsx("button",{type:"button",onClick:()=>t(p?.txKey),disabled:g&&!h,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:g&&!h?d.trackingModal.processing:d.trackingModal.close})]})]})]})})})]})})})})}Dt.extend(_e);function Ot({tx:t,appChains:e,transactionsPool:o,className:a,customization:s}){let r=s?.components;return jsxs("div",{className:cn("flex flex-col gap-2 border-b border-[var(--tuwa-border-secondary)] p-3 transition-colors hover:bg-[var(--tuwa-bg-secondary)]",a),children:[jsxs("div",{className:"flex items-start justify-between",children:[jsxs("div",{className:"flex items-center gap-4",children:[jsx("div",{className:"flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-full bg-[var(--tuwa-bg-muted)]",children:r?.icon?r.icon({chainId:t.chainId}):jsx("div",{className:"h-8 w-8 text-[var(--tuwa-text-secondary)]",children:jsx(Web3Icon,{chainId:t.chainId})})}),jsxs("div",{children:[r?.title?r.title({txStatus:t.status,source:t.title,fallback:t.type,variant:"title",applyColor:true}):jsx(N,{txStatus:t.status,source:t.title,fallback:t.type,variant:"title",applyColor:true}),r?.timestamp?r.timestamp({timestamp:t.localTimestamp}):jsx("span",{className:"mb-1 block text-xs text-[var(--tuwa-text-secondary)]",children:t.localTimestamp?Dt.unix(t.localTimestamp).fromNow():"..."}),r?.description?r.description({txStatus:t.status,source:t.description,variant:"description"}):jsx(N,{txStatus:t.status,source:t.description,variant:"description"})]})]}),r?.statusBadge?r.statusBadge({tx:t}):jsx(Y,{tx:t})]}),r?.transactionKey?r.transactionKey({tx:t,appChains:e,transactionsPool:o,variant:"history"}):jsx(X,{tx:t,appChains:e,transactionsPool:o,variant:"history"})]})}function qe({title:t,message:e,className:o}){return jsxs("div",{className:cn("rounded-lg bg-[var(--tuwa-bg-muted)] p-8 text-center",o),children:[jsx("h4",{className:"font-semibold text-[var(--tuwa-text-primary)]",children:t}),jsx("p",{className:"mt-1 text-sm text-[var(--tuwa-text-secondary)]",children:e})]})}function Xt({walletAddress:t,transactionsPool:e,appChains:o,className:a,customization:s}){let r=u(),i=s?.components,c=[...t?selectAllTransactionsByActiveWallet(e,t):[]].sort((m,p)=>(p.localTimestamp??0)-(m.localTimestamp??0)),n=(m,p)=>i?.placeholder?i.placeholder({title:m,message:p}):jsx(qe,{title:m,message:p}),d=i?.HistoryItem||Ot;return jsxs("div",{className:cn("flex flex-col gap-y-3",a),children:[jsx("h3",{className:"text-lg font-bold text-[var(--tuwa-text-primary)]",children:r.walletModal.history.title}),t?c.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:c.map(m=>jsx(d,{tx:m,transactionsPool:e,appChains:o},m.txKey))}):n(r.walletModal.history.noTransactionsTitle,r.walletModal.history.noTransactionsMessage):n(r.walletModal.history.connectWalletTitle,r.walletModal.history.connectWalletMessage)]})}function pt({address:t,chain:e,className:o}){let{isCopied:a,copy:s}=useCopyToClipboard(),r=u(),i=e?.blockExplorers?.default.url,l=i?`${i}/address/${t}`:void 0;return jsxs("div",{className:cn("flex items-center gap-x-3 rounded-full bg-[var(--tuwa-bg-muted)] px-3 py-1 font-mono text-xs text-[var(--tuwa-text-secondary)]",o),children:[jsx("span",{children:textCenterEllipsis(t,6,6)}),jsx("button",{type:"button",title:a?r.txError.copied:r.actions.copy,"aria-label":a?r.txError.copied:r.actions.copy,onClick:()=>s(t),className:"cursor-pointer transition-colors hover:text-[var(--tuwa-text-primary)]",children:a?jsx(CheckIcon,{className:"h-4 w-4 text-[var(--tuwa-success-icon)]"}):jsx(DocumentDuplicateIcon,{className:"h-4 w-4"})}),l&&jsx("a",{href:l,target:"_blank",rel:"noopener noreferrer",className:"transition-colors hover:text-[var(--tuwa-text-accent)]",title:r.actions.viewOnExplorer,"aria-label":r.actions.viewOnExplorer,children:jsx(ArrowTopRightOnSquareIcon,{className:"h-4 w-4"})})]})}function Gt({address:t,ensAvatar:e,className:o}){let a=u(),s=`#${t.slice(2,8)}`,[r,i]=useState(void 0);return useEffect(()=>{i(e??zt(isHex(t)?t:zeroAddress));},[e,t]),jsx("div",{className:cn("h-12 w-12 flex-shrink-0 rounded-full",o),style:{backgroundColor:s},children:jsx("img",{className:"h-full w-full rounded-full object-cover",src:r,alt:`${a.walletModal.header.avatarAlt} ${t}`,onError:()=>i(zt(isHex(t)?t:zeroAddress))})})}function qt({walletAddress:t,chain:e,className:o,renderAvatar:a,renderName:s,renderAddressDisplay:r,renderNoWalletContent:i}){let l=u(),[c,n]=useState(void 0),[d,m]=useState(void 0),[p,S]=useState(true);if(useEffect(()=>{(async()=>{if(t){S(true),n(void 0),m(void 0);try{let W=await getName(t);if(W){n(W);let V=await getAvatar(W);m(V);}}finally{S(false);}}})();},[t]),!t)return i?jsx(Fragment,{children:i()}):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:l.walletModal.header.notConnected});let f=c?c.length>30?textCenterEllipsis(c,12,12):c:void 0;return jsxs("div",{className:cn("flex items-center gap-4 min-h-[4rem]",o),children:[jsx("div",{children:a?a({address:t,ensAvatar:d}):jsx(Gt,{address:t,ensAvatar:d})}),jsx("div",{className:"flex flex-col justify-center min-h-[3.5rem] min-w-[200px]",children:s?s({ensName:f,isLoading:p,address:t}):jsxs("div",{className:"flex flex-col",children:[jsx("div",{className:"h-7 flex items-center mb-1.5",children:p?jsx("div",{className:"h-full w-48 animate-pulse rounded-md bg-[var(--tuwa-bg-muted)]"}):f?jsx("h2",{className:"text-xl font-bold text-[var(--tuwa-text-primary)]",children:f}):jsx(pt,{address:t,chain:e,className:"text-xl font-bold text-[var(--tuwa-text-primary)] bg-transparent px-0 py-0 rounded-none"})}),jsx("div",{className:"h-5 flex items-center",children:!p&&f&&(r?r({address:t,chain:e}):jsx(pt,{address:t,chain:e}))})]})})]})}function Qt({isOpen:t,setIsOpen:e,customization:o,...a}){let s=u(),i={...{initial:{opacity:0,scale:.95},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.95},transition:{duration:.2,ease:"easeOut"}},...o?.motionProps},l=()=>e(false);return jsx(w.Root,{open:t,onOpenChange:c=>!c&&l(),children:jsx(w.Portal,{children:jsx(AnimatePresence,{children:t&&jsxs(Fragment,{children:[jsx(w.Overlay,{asChild:true,children:jsx(motion.div,{className:"fixed inset-0 bg-black/45 flex items-center justify-center p-2 z-50",initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.15}})}),jsx(w.Content,{className:"fixed left-1/2 top-1/2 w-full max-w-2xl -translate-x-1/2 -translate-y-1/2 outline-none z-50",...o?.modalProps,asChild:true,children:jsx(motion.div,{...i,children:jsxs("div",{className:cn("relative w-full max-w-2xl outline-none rounded-2xl bg-[var(--tuwa-bg-secondary)] shadow-xl max-h-[98dvh] overflow-y-auto",o?.classNames?.contentWrapper),children:[o?.components?.header?o.components.header({closeModal:l}):jsxs("div",{className:"flex items-center justify-between border-b border-[var(--tuwa-border-primary)] p-4 sticky top-0 left-0 w-full bg-[var(--tuwa-bg-secondary)] z-10",children:[jsx(w.Title,{className:"text-lg font-bold text-[var(--tuwa-text-primary)]",children:s.walletModal.title}),jsx(w.Close,{asChild:true,children:jsx("button",{type:"button",onClick:l,"aria-label":s.actions.close,className:"cursor-pointer rounded-full p-1 text-[var(--tuwa-text-tertiary)] transition-colors hover:bg-[var(--tuwa-bg-muted)] hover:text-[var(--tuwa-text-primary)]",children:jsx(XMarkIcon,{className:"h-6 w-6"})})})]}),jsxs("div",{className:"flex flex-col gap-4 p-4 sm:p-6 sm:gap-6",children:[o?.components?.walletInfo?o.components.walletInfo(a):jsx(qt,{walletAddress:a.walletAddress,chain:a.chain}),o?.components?.history?o.components.history(a):jsx(Xt,{...a})]})]})})})]})})})})}var ha={[TransactionStatus.Success]:"success",[TransactionStatus.Failed]:"error",[TransactionStatus.Replaced]:"info"};function gn({labels:t,features:e,customization:o,closeTxTrackedModal:a,actions:s,config:r,handleTransaction:i,initialTx:l,appChains:c,transactionsPool:n,walletAddress:d,chain:m,...p}){let[S,f]=useState(false),y=useRef(n),W=useMediaQuery("(max-width: 767px)"),V=!!l?.withTrackedModal&&n[l?.lastTxKey??""]?.isTrackedModalOpen,g=useMemo(()=>({toasts:e?.toasts??true,walletInfoModal:e?.walletInfoModal??true,trackingTxModal:e?.trackingTxModal??true}),[e]),K=useMemo(()=>deepMerge($,t||{}),[t]);useEffect(()=>{if(!g.toasts)return;let h=(x,v)=>{let D=O=>jsx(Nt,{...O,tx:x,transactionsPool:n,appChains:c,openWalletInfoModal:g.walletInfoModal?()=>f(true):void 0,customization:o?.toast,config:r});toast.isActive(x.txKey)?toast.update(x.txKey,{render:D,type:v}):toast(D,{toastId:x.txKey,type:v,closeOnClick:false});},et=y.current;Object.values(n).forEach(x=>{let v=et[x.txKey],D=v&&v.status!==x.status,O=v&&v?.adapter===TransactionAdapter.EVM&&!v.hash&&x?.adapter===TransactionAdapter.EVM&&x.hash;if(!v&&x.pending&&h(x,"info"),(v&&v?.adapter===TransactionAdapter.EVM&&v.pending?v.nonce:void 0)!==(x?.adapter===TransactionAdapter.EVM&&x.pending?x?.nonce:void 0))h(x,"info");else if(D||O){let P=ha[x.status]??"info";h(x,P);}}),y.current=n;},[n,c,o?.toast,g,r]);let G=g.toasts&&(!W||!V||!S);return jsxs(Tt,{labels:K,children:[G&&jsx(ToastContainer,{position:"bottom-right",stacked:true,autoClose:false,hideProgressBar:true,closeOnClick:false,icon:false,closeButton:bt,toastClassName:"!p-0 !bg-transparent !shadow-none !min-h-0",...p}),g.walletInfoModal&&jsx(Qt,{transactionsPool:n,walletAddress:d,chain:m,isOpen:S,setIsOpen:f,appChains:c,customization:o?.walletInfoModal}),g.trackingTxModal&&jsx(Kt,{initialTx:l,onClose:a,onOpenWalletInfo:()=>f(true),appChains:c,transactionsPool:n,customization:o?.trackingTxModal,actions:s,config:r,handleTransaction:i})]})}export{Tt as LabelsProvider,gn as NovaProvider,u 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,textCenterEllipsis,useCopyToClipboard}from'@tuwaio/nova-core';import {TransactionStatus,selectAdapterByKey,selectAllTransactionsByActiveWallet}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*as N from'@radix-ui/react-dialog';import {AnimatePresence,motion}from'framer-motion';import Lt from'dayjs';import eo from'dayjs/plugin/relativeTime';import vo from'ethereum-blockies-base64';import {zeroAddress,isHex}from'viem';var X={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 ut=createContext(X),mt=({labels:t,children:e})=>jsx(ut.Provider,{value:t,children:e}),m=()=>useContext(ut);function Tt({label:t,hash:e,explorerUrl:a,variant:o="default",className:s}){let{isCopied:n,copy:i}=useCopyToClipboard(),{actions:l,txError:p}=m(),d=cn("flex items-center justify-between",{"text-sm":o==="default","text-xs":o==="compact"},s),r=cn("pr-1",{"font-bold text-[var(--tuwa-text-primary)]":o==="default","font-medium text-[var(--tuwa-text-secondary)]":o==="compact"}),c=jsx("span",{className:"font-mono",children:textCenterEllipsis(e,5,5)});return jsxs("div",{className:d,children:[t&&jsxs("span",{className:r,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:l.viewOnExplorer,"aria-label":l.viewOnExplorer,children:[c,jsx(ArrowTopRightOnSquareIcon,{className:"h-4 w-4"})]}):jsx("span",{className:"text-[var(--tuwa-text-primary)]",children:c}),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:l.copy,"aria-label":n?p.copied:l.copy,children:n?jsx(CheckIcon,{className:"h-4 w-4 text-[var(--tuwa-success-icon)]"}):jsx(DocumentDuplicateIcon,{className:"h-4 w-4"})})]})]})}var xt={[TransactionStatus.Success]:{index:1,colorClass:"text-[var(--tuwa-success-text)]"},[TransactionStatus.Failed]:{index:2,colorClass:"text-[var(--tuwa-error-text)]"},[TransactionStatus.Replaced]:{index:3,colorClass:"text-[var(--tuwa-text-secondary)]"},default:{index:0,colorClass:"text-[var(--tuwa-text-primary)]"}};function H({txStatus:t,source:e,fallback:a,variant:o,className:s,applyColor:n=false}){let i,l="";if(typeof e=="string")i=e;else if(Array.isArray(e)){let r=xt[t||"default"]??xt.default;i=e[r.index],n&&(l=r.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)]",l,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 U({tx:t,adapters:e,transactionsPool:a,variant:o="toast",className:s,renderHashLink:n}){let{hashLabels:i}=m(),l=selectAdapterByKey({adapterKey:t.adapter,adapters:e});if(!l)return null;let p=f=>n?n(f):jsx(Tt,{...f}),d=o==="toast"?"mt-2 flex w-full flex-col gap-y-2 border-t border-[var(--tuwa-border-primary)] pt-2":"flex w-full flex-col gap-y-2",r=i[t.tracker],c=r?p({label:r,hash:t.txKey,variant:"compact"}):null,g=(()=>{let f=t.hash,T=t.replacedTxHash;return !f&&!T?null:T?jsxs(Fragment,{children:[f&&p({label:i.original,hash:f,variant:"compact"}),l.getExplorerTxUrl&&p({label:i.replaced,hash:T,explorerUrl:l.getExplorerTxUrl(a,t.txKey,T)})]}):f&&l.getExplorerTxUrl&&p({label:i.default,hash:f,explorerUrl:l.getExplorerTxUrl(a,t.txKey)})})(),v=r&&r!==i.default&&t.txKey!==t.hash;return jsxs("div",{className:cn(d,s),children:[v&&c,g]})}var xe=t=>({Pending:{label:t.pending,Icon:ArrowPathIcon,badgeClasses:"bg-[var(--tuwa-pending-bg)] text-[var(--tuwa-pending-text)]",iconClasses:"animate-spin text-[var(--tuwa-pending-icon)]"},[TransactionStatus.Success]:{label:t.success,Icon:CheckCircleIcon,badgeClasses:"bg-[var(--tuwa-success-bg)] text-[var(--tuwa-success-text)]",iconClasses:"text-[var(--tuwa-success-icon)]"},[TransactionStatus.Failed]:{label:t.failed,Icon:XCircleIcon,badgeClasses:"bg-[var(--tuwa-error-bg)] text-[var(--tuwa-error-text)]",iconClasses:"text-[var(--tuwa-error-icon)]"},[TransactionStatus.Replaced]:{label:t.replaced,Icon:ArrowPathIcon,badgeClasses:"bg-[var(--tuwa-info-bg)] text-[var(--tuwa-info-text)]",iconClasses:"text-[var(--tuwa-info-icon)]"}});function J({tx:t,className:e}){let{statuses:a}=m(),o=useMemo(()=>xe(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:l,Icon:p,badgeClasses:d,iconClasses:r}=i;return jsxs("div",{className:cn(s,d,e),children:[jsx(p,{className:cn("h-4 w-4",r)}),l]})}var Ce=({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}),Pe=({onClick:t,children:e})=>jsx("button",{onClick:t,type:"button",className:"cursor-pointer text-sm font-medium text-[var(--tuwa-text-secondary)] transition-opacity hover:opacity-80",children:e}),he=({onClick:t,children:e})=>jsx("button",{className:"cursor-pointer rounded-md bg-gradient-to-r from-[var(--tuwa-button-gradient-from)] to-[var(--tuwa-button-gradient-to)] px-3 py-1 text-xs font-bold text-[var(--tuwa-text-on-accent)] shadow-lg transition-all duration-200 ease-in-out hover:shadow-xl hover:from-[var(--tuwa-button-gradient-from-hover)] hover:to-[var(--tuwa-button-gradient-to-hover)] active:scale-95",onClick:t,type:"button",children:e});function Ct({openWalletInfoModal:t,tx:e,transactionsPool:a,icon:o,className:s,customization:n,connectedWalletAddress:i,adapters:l}){let{actions:p,toast:d}=m(),r=selectAdapterByKey({adapterKey:e.adapter,adapters:l}),c=!!(e.tracker==="ethereum"&&e.pending&&r?.speedUpTxAction&&r?.cancelTxAction&&e.from.toLowerCase()===i?.toLowerCase()),g=()=>{c&&r.cancelTxAction(e);},v=()=>{c&&r.speedUpTxAction(e);},{StatusAwareText:f=H,TransactionKey:T=U,StatusBadge:w=J,SpeedUpButton:A=Ce,CancelButton:x=Pe,WalletInfoButton:C=he}=n?.components??{};return jsxs("div",{className:cn("flex w-full flex-col gap-3 rounded-lg bg-[var(--tuwa-bg-primary)] p-4 shadow-md",s),children:[jsxs("div",{className:"flex items-start gap-3",children:[jsx("div",{className:"w-[40px] flex-shrink-0",title:getChainName(e.chainId),children:o??jsx(Web3Icon,{chainId:e.chainId})}),jsxs("div",{className:"flex-1",children:[jsx(f,{txStatus:e.status,source:e.title,fallback:e.type,variant:"title",applyColor:true}),jsx(f,{txStatus:e.status,source:e.description,variant:"description"})]})]}),jsxs("div",{children:[jsx(T,{transactionsPool:a,adapters:l,tx:e,variant:"toast"}),jsxs("div",{className:"mt-3 flex items-center justify-between",children:[jsx(w,{tx:e}),c?jsxs("div",{className:"flex items-center gap-4",children:[jsx(A,{onClick:v,children:p.speedUp}),jsx(x,{onClick:g,children:p.cancel})]}):t&&!!i&&jsx(C,{onClick:t,children:d.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 Le({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 ht({tx:t,adapters:e,transactionsPool:a,className:o,customization:s}){let{txInfo:n}=m(),{InfoRow:i=Le}=s?.components??{},l="chainId"in t?t.chainId:t.desiredChainID;return jsxs("div",{className:cn("flex flex-col gap-3 rounded-lg border border-[var(--tuwa-border-primary)] bg-[var(--tuwa-bg-primary)] p-3",o),children:[jsx(i,{label:n.network,value:jsxs("div",{className:"flex items-center justify-end gap-2",children:[jsx("div",{className:"h-4 w-4",children:jsx(Web3Icon,{chainId:l})}),jsx("span",{children:getChainName(l)})]})}),t.localTimestamp&&jsx(i,{label:n.started,value:Lt.unix(t.localTimestamp).format("MMM D, HH:mm:ss")}),"txKey"in t&&t.txKey&&jsx("div",{className:"border-t border-[var(--tuwa-border-primary)] pt-3",children:jsx(U,{tx:t,adapters:e,transactionsPool:a,variant:"history",renderHashLink:s?.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:a=false}){let o=Oe[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 Nt({isProcessing:t,isSucceed:e,isFailed:a,isReplaced:o,className:s,StepComponent:n=Ue}){let{trackingModal:i,statuses:l}=m(),p=useMemo(()=>{let d=c=>{if(c===1)return "completed";if(c===2){if(e||a||o)return "completed";if(t)return "active"}if(c===3){if(e)return "completed";if(a)return "error";if(o)return "replaced";if(t)return "active"}return "inactive"},r=c=>c===1?i.progressIndicator.created:c===2?i.progressIndicator.processing:a?l.failed:o?l.replaced:i.progressIndicator.succeed;return [{status:d(1),label:r(1),isFirst:true},{status:d(2),label:r(2)},{status:d(3),label:r(3),isLast:true}]},[t,e,a,o,i,l]);return jsx("div",{className:cn("flex w-full items-start px-4 pt-2 pb-1",s),children:p.map((d,r)=>jsx(n,{...d},r))})}var $e={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:i}=$e[s];return jsx("div",{className:"flex justify-center py-4",children:jsx(n,{className:cn("h-16 w-16",i)})})}function Bt({adapters:t,onClose:e,onOpenWalletInfo:a,className:o,customization:s,transactionsPool:n,actions:i,handleTransaction:l,initialTx:p,connectedWalletAddress:d}){let r=useMemo(()=>p?.lastTxKey?n[p.lastTxKey]:void 0,[n,p]),c=r??p,g=p?.withTrackedModal&&!r||(r?.isTrackedModalOpen??false),{isProcessing:v,isSucceed:f,isFailed:T,isReplaced:w}=useMemo(()=>{let E=r?.status,Yt=p?.isInitializing??false,qt=r?.pending??false;return {isProcessing:Yt||qt,isSucceed:E===TransactionStatus.Success,isFailed:r?.isError||!!p?.errorMessage,isReplaced:E===TransactionStatus.Replaced}},[r,p]),A=useMemo(()=>c?selectAdapterByKey({adapterKey:c.adapter,adapters:t}):void 0,[c,t]),x=!!(T&&c?.actionKey&&i?.[c.actionKey]&&l),C=!!(A?.speedUpTxAction&&A?.cancelTxAction&&r?.pending&&r.tracker==="ethereum"),W=()=>{if(!x||!c?.actionKey||!A?.retryTxAction)return;let E={adapter:c.adapter,type:c.type,desiredChainID:"desiredChainID"in c?c.desiredChainID:c.chainId,actionKey:c.actionKey,title:c.title,description:c.description,payload:c.payload,withTrackedModal:true};A.retryTxAction({tx:E,txKey:r?.txKey??"",actions:i,onClose:e,handleTransaction:l});},y=()=>{C&&r&&A.cancelTxAction(r);},P=()=>{C&&r&&A.speedUpTxAction(r);},S=s?.components?.Header,_=s?.components?.Footer,lt=s?.components?.StatusVisual,ct=s?.components?.ProgressIndicator,pt=s?.components?.InfoBlock,dt=s?.components?.ErrorBlock,Gt={initial:{opacity:0,scale:.95},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.95},transition:{duration:.2,ease:"easeOut"},...s?.motionProps};return c?jsx(N.Root,{open:g,onOpenChange:E=>!E&&e(r?.txKey),children:jsx(N.Portal,{children:jsx(AnimatePresence,{children:g&&jsxs(Fragment,{children:[jsx(N.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(N.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,{...Gt,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:[S?jsx(S,{onClose:()=>e(r?.txKey),title:jsx(Mt,{tx:c})}):jsx(Qe,{onClose:()=>e(r?.txKey),title:jsx(Mt,{tx:c})}),jsxs("main",{className:"flex flex-col gap-3",children:[lt?jsx(lt,{isProcessing:v,isSucceed:f,isFailed:T,isReplaced:w}):jsx(At,{isProcessing:v,isSucceed:f,isFailed:T,isReplaced:w}),ct?jsx(ct,{isProcessing:v,isSucceed:f,isFailed:T,isReplaced:w}):jsx(Nt,{isProcessing:v,isSucceed:f,isFailed:T,isReplaced:w}),pt?jsx(pt,{tx:c,adapters:t,transactionsPool:n}):jsx(ht,{tx:c,adapters:t,transactionsPool:n}),dt?jsx(dt,{error:r?.errorMessage||p?.errorMessage}):jsx(Pt,{error:r?.errorMessage||p?.errorMessage})]}),_?jsx(_,{onClose:()=>e(r?.txKey),onOpenWalletInfo:a,isProcessing:v,isFailed:T,canReplace:C,onRetry:x?W:void 0,onSpeedUp:C?P:void 0,onCancel:C?y:void 0,connectedWalletAddress:d}):jsx(je,{onClose:()=>e(r?.txKey),onOpenWalletInfo:a,isProcessing:v,isFailed:T,canReplace:C,onRetry:x?W:void 0,onSpeedUp:C?P:void 0,onCancel:C?y:void 0,connectedWalletAddress:d})]})})})]})})})}):null}var Mt=({tx:t})=>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: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(N.Title,{children:e}),jsx(N.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"})})})]})},je=({onClose:t,onOpenWalletInfo:e,isProcessing:a,onRetry:o,onSpeedUp:s,onCancel:n,canReplace:i,isFailed:l,connectedWalletAddress:p})=>{let{trackingModal:d,actions:r}=m(),c=()=>l&&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:d.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:d.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:r.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:r.cancel})]})}),jsxs("div",{className:"flex items-center gap-3",children:[jsx(c,{}),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?d.processing:d.close})]})]})};Lt.extend(eo);var oo=({chainId:t})=>jsx("div",{className:"h-8 w-8 text-[var(--tuwa-text-secondary)]",children:jsx(Web3Icon,{chainId:t})}),ao=({timestamp:t})=>jsx("span",{className:"mb-1 block text-xs text-[var(--tuwa-text-secondary)]",children:t?Lt.unix(t).fromNow():"..."});function Dt({tx:t,adapters:e,transactionsPool:a,className:o,customization:s}){let{Icon:n=oo,Title:i=H,Description:l=H,Timestamp:p=ao,StatusBadge:d=J,TransactionKey:r=U}=s?.components??{};return jsxs("div",{className:cn("flex flex-col gap-2 border-b border-[var(--tuwa-border-secondary)] p-3 transition-colors hover:bg-[var(--tuwa-bg-secondary)]",o),children:[jsxs("div",{className:"flex items-start justify-between",children:[jsxs("div",{className:"flex items-center gap-4",children:[jsx("div",{className:"flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-full bg-[var(--tuwa-bg-muted)]",children:jsx(n,{chainId:t.chainId})}),jsxs("div",{children:[jsx(i,{txStatus:t.status,source:t.title,fallback:t.type,variant:"title",applyColor:true}),jsx(p,{timestamp:t.localTimestamp}),jsx(l,{txStatus:t.status,source:t.description,variant:"description"})]})]}),jsx(d,{tx:t})]}),jsx(r,{tx:t,adapters:e,transactionsPool:a,variant:"history"})]})}function no({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({adapters:t,connectedWalletAddress:e,transactionsPool:a,className:o,customization:s}){let{walletModal:n}=m(),i=useMemo(()=>e?selectAllTransactionsByActiveWallet(a,e).sort((c,g)=>(g.localTimestamp??0)-(c.localTimestamp??0)):[],[a,e]),{Placeholder:l=no,HistoryItem:p=Dt}=s?.components??{},d=()=>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(r=>jsx(p,{tx:r,transactionsPool:a,adapters:t},r.txKey))}):jsx(l,{title:n.history.noTransactionsTitle,message:n.history.noTransactionsMessage}):jsx(l,{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}),d()]})}function st({address:t,explorerUrl:e,className:a}){let{isCopied:o,copy:s}=useCopyToClipboard(),{actions:n,txError:i}=m(),l=useMemo(()=>e&&t?`${e}/address/${t}`:void 0,[e,t]);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"})}),l&&jsx("a",{href:l,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 Ut({address:t,ensAvatar:e,className:a}){let{walletModal:o}=m(),[s,n]=useState(e),i=useMemo(()=>vo(isHex(t)?t:zeroAddress),[t]),l=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:l},children:jsx("img",{className:"h-full w-full rounded-full object-cover",src:s||i,alt:`${o.header.avatarAlt} ${t}`,onError:p},e)})}var No=({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(st,{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(st,{address:a,explorerUrl:o}))})]});function zt({walletAddress:t,adapters:e,connectedAdapterType:a,className:o,renderAvatar:s,renderName:n,renderAddressDisplay:i,renderNoWalletContent:l,explorerUrl:p}){let{walletModal:d}=m(),[r,c]=useState(null),[g,v]=useState(null),[f,T]=useState(true);if(useEffect(()=>{(async()=>{if(!t||!a){T(false);return}let x=selectAdapterByKey({adapterKey:a,adapters:e}),C=x&&"getName"in x&&typeof x.getName=="function",W=x&&"getAvatar"in x&&typeof x.getAvatar=="function";if(!C){T(false);return}T(true),c(null),v(null);try{let y=x?.getName?await x.getName(t):null;if(y&&(c(y),W)){let P=x?.getAvatar?await x.getAvatar(y):null;v(P);}}catch(y){console.error("Failed to fetch name service data:",y);}finally{T(false);}})();},[t,e,a]),!t)return l?jsx(Fragment,{children:l()}):jsx("div",{className:cn("flex h-20 items-center justify-center rounded-lg bg-[var(--tuwa-bg-muted)] text-[var(--tuwa-text-secondary)]",o),children:d.header.notConnected});let w=r?r.length>30?textCenterEllipsis(r,12,12):r: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:g}):jsx(Ut,{address:t,ensAvatar:g})}),jsx("div",{className:"flex min-h-[3.5rem] min-w-[200px] flex-col justify-center",children:n?n({ensName:w,isLoading:f,address:t}):jsx(No,{isLoading:f,ensName:w,walletAddress:t,explorerUrl:p,renderAddressDisplay:i})})]})}var Bo=({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(N.Title,{className:"text-lg font-bold text-[var(--tuwa-text-primary)]",children:e}),jsx(N.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 Xt({isOpen:t,setIsOpen:e,customization:a,adapters:o,connectedAdapterType:s,connectedWalletAddress:n,transactionsPool:i}){let{walletModal:l}=m(),{explorerUrl:p}=useMemo(()=>s?{explorerUrl:selectAdapterByKey({adapterKey:s,adapters:o})?.getExplorerUrl()}:{explorerUrl:void 0},[s,o]),d=()=>e(false),c={...{initial:{opacity:0,scale:.95},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.95},transition:{duration:.2,ease:"easeOut"}},...a?.motionProps},g=a?.components?.Header,v=a?.components?.WalletInfo,f=a?.components?.History;return jsx(N.Root,{open:t,onOpenChange:T=>!T&&d(),children:jsx(N.Portal,{children:jsx(AnimatePresence,{children:t&&jsxs(Fragment,{children:[jsx(N.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(N.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,{...c,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:[g?jsx(g,{closeModal:d}):jsx(Bo,{closeModal:d,title:l.title}),jsxs("div",{className:"flex flex-col gap-4 p-4 sm:gap-6 sm:p-6",children:[v?jsx(v,{adapters:o,connectedAdapterType:s,walletAddress:n,explorerUrl:p}):jsx(zt,{adapters:o,connectedAdapterType:s,walletAddress:n,explorerUrl:p}),f?jsx(f,{adapters:o,transactionsPool:i,connectedWalletAddress:n}):jsx(Kt,{adapters:o,transactionsPool:i,connectedWalletAddress:n})]})]})})})]})})})})}var Uo={[TransactionStatus.Success]:"success",[TransactionStatus.Failed]:"error",[TransactionStatus.Replaced]:"info"};function ni({adapters:t,connectedWalletAddress:e,connectedAdapterType:a,transactionsPool:o,initialTx:s,handleTransaction:n,closeTxTrackedModal:i,actions:l,labels:p,features:d,customization:r,...c}){let[g,v]=useState(false),f=useRef(o),T=useMediaQuery("(max-width: 767px)"),w=useMemo(()=>({toasts:d?.toasts??true,walletInfoModal:d?.walletInfoModal??true,trackingTxModal:d?.trackingTxModal??true}),[d]),A=useMemo(()=>deepMerge(X,p||{}),[p]),x=useCallback(y=>{if(!w.toasts)return;let P=y.pending?"info":Uo[y.status]??"info",S=_=>jsx(Ct,{..._,tx:y,transactionsPool:o,openWalletInfoModal:w.walletInfoModal?()=>v(true):void 0,customization:r?.toast,adapters:t,connectedWalletAddress:e});toast.isActive(y.txKey)?toast.update(y.txKey,{render:S,type:P}):toast(S,{toastId:y.txKey,type:P,closeOnClick:false});},[o,w,r?.toast,t,e]);useEffect(()=>{let y=f.current;Object.values(o).forEach(P=>{let S=y[P.txKey];if(!S&&P.pending){x(P);return}S&&JSON.stringify(S)!==JSON.stringify(P)&&x(P);}),f.current=o;},[o,x]),useEffect(()=>{Object.values(o).forEach(y=>{toast.isActive(y.txKey)&&x(y);});},[e,x,o]);let C=!!s?.withTrackedModal&&o[s?.lastTxKey??""]?.isTrackedModalOpen,W=w.toasts&&(!T||!C&&!g);return jsxs(mt,{labels:A,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",...c}),w.walletInfoModal&&jsx(Xt,{isOpen:g,setIsOpen:v,customization:r?.walletInfoModal,adapters:t,connectedWalletAddress:e,connectedAdapterType:a,transactionsPool:o}),w.trackingTxModal&&jsx(Bt,{initialTx:s,onClose:i,onOpenWalletInfo:()=>v(true),transactionsPool:o,customization:r?.trackingTxModal,actions:l,handleTransaction:n,adapters:t,connectedWalletAddress:e})]})}export{mt as LabelsProvider,ni as NovaProvider,m as useLabels};//# sourceMappingURL=index.js.map
2
2
  //# sourceMappingURL=index.js.map