@tuwaio/nova-transactions 0.0.26 → 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +12 -12
- package/dist/{WalletInfoModal-UEEF9E-5.d.cts → TransactionsInfoModal-6RO18o9e.d.cts} +66 -211
- package/dist/{WalletInfoModal-UEEF9E-5.d.ts → TransactionsInfoModal-6RO18o9e.d.ts} +66 -211
- package/dist/index.cjs +15 -12
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +282 -517
- package/dist/index.d.cts +7 -39
- package/dist/index.d.ts +7 -39
- package/dist/index.js +15 -12
- package/dist/index.js.map +1 -1
- package/dist/providers/index.cjs +15 -12
- package/dist/providers/index.cjs.map +1 -1
- package/dist/providers/index.d.cts +12 -11
- package/dist/providers/index.d.ts +12 -11
- package/dist/providers/index.js +15 -12
- package/dist/providers/index.js.map +1 -1
- package/package.json +19 -19
|
@@ -1,29 +1,30 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import { ReactNode } from 'react';
|
|
3
|
-
import {
|
|
4
|
-
export {
|
|
5
|
-
import '@
|
|
3
|
+
import { N as NovaTransactionsLabels } from '../TransactionsInfoModal-6RO18o9e.cjs';
|
|
4
|
+
export { G as NovaTransactionsProvider, F as NovaTransactionsProviderProps } from '../TransactionsInfoModal-6RO18o9e.cjs';
|
|
5
|
+
import '@tuwaio/nova-core';
|
|
6
6
|
import '@tuwaio/pulsar-core';
|
|
7
|
-
import '
|
|
7
|
+
import '@tuwaio/orbit-core';
|
|
8
8
|
import 'react-toastify';
|
|
9
|
+
import 'framer-motion';
|
|
9
10
|
|
|
10
11
|
/**
|
|
11
12
|
* A React component that provides a custom set of labels to all child components.
|
|
12
13
|
* Wrap your application or component tree with this provider to apply custom translations.
|
|
13
14
|
*
|
|
14
15
|
* @param {object} props - The component props.
|
|
15
|
-
* @param {
|
|
16
|
+
* @param {NovaTransactionsLabels} props.labels - An object containing the custom labels.
|
|
16
17
|
* @param {ReactNode} props.children - The child components to render.
|
|
17
18
|
*/
|
|
18
|
-
declare const
|
|
19
|
-
labels:
|
|
19
|
+
declare const NovaTransactionsLabelsProvider: ({ labels, children, }: {
|
|
20
|
+
labels: NovaTransactionsLabels;
|
|
20
21
|
children: ReactNode;
|
|
21
22
|
}) => react_jsx_runtime.JSX.Element;
|
|
22
23
|
/**
|
|
23
24
|
* A custom hook to easily access the i18n labels from any component
|
|
24
|
-
* within the `
|
|
25
|
+
* within the `NovaTransactionsLabelsProvider` tree.
|
|
25
26
|
*
|
|
26
|
-
* @returns {
|
|
27
|
+
* @returns {NovaTransactionsLabels} The complete object of UI labels.
|
|
27
28
|
*
|
|
28
29
|
* @example
|
|
29
30
|
* const MyComponent = () => {
|
|
@@ -31,6 +32,6 @@ declare const LabelsProvider: ({ labels, children }: {
|
|
|
31
32
|
* return <h1>{labels.walletModal.title}</h1>;
|
|
32
33
|
* }
|
|
33
34
|
*/
|
|
34
|
-
declare const useLabels: () =>
|
|
35
|
+
declare const useLabels: () => NovaTransactionsLabels;
|
|
35
36
|
|
|
36
|
-
export {
|
|
37
|
+
export { NovaTransactionsLabelsProvider, useLabels };
|
|
@@ -1,29 +1,30 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import { ReactNode } from 'react';
|
|
3
|
-
import {
|
|
4
|
-
export {
|
|
5
|
-
import '@
|
|
3
|
+
import { N as NovaTransactionsLabels } from '../TransactionsInfoModal-6RO18o9e.js';
|
|
4
|
+
export { G as NovaTransactionsProvider, F as NovaTransactionsProviderProps } from '../TransactionsInfoModal-6RO18o9e.js';
|
|
5
|
+
import '@tuwaio/nova-core';
|
|
6
6
|
import '@tuwaio/pulsar-core';
|
|
7
|
-
import '
|
|
7
|
+
import '@tuwaio/orbit-core';
|
|
8
8
|
import 'react-toastify';
|
|
9
|
+
import 'framer-motion';
|
|
9
10
|
|
|
10
11
|
/**
|
|
11
12
|
* A React component that provides a custom set of labels to all child components.
|
|
12
13
|
* Wrap your application or component tree with this provider to apply custom translations.
|
|
13
14
|
*
|
|
14
15
|
* @param {object} props - The component props.
|
|
15
|
-
* @param {
|
|
16
|
+
* @param {NovaTransactionsLabels} props.labels - An object containing the custom labels.
|
|
16
17
|
* @param {ReactNode} props.children - The child components to render.
|
|
17
18
|
*/
|
|
18
|
-
declare const
|
|
19
|
-
labels:
|
|
19
|
+
declare const NovaTransactionsLabelsProvider: ({ labels, children, }: {
|
|
20
|
+
labels: NovaTransactionsLabels;
|
|
20
21
|
children: ReactNode;
|
|
21
22
|
}) => react_jsx_runtime.JSX.Element;
|
|
22
23
|
/**
|
|
23
24
|
* A custom hook to easily access the i18n labels from any component
|
|
24
|
-
* within the `
|
|
25
|
+
* within the `NovaTransactionsLabelsProvider` tree.
|
|
25
26
|
*
|
|
26
|
-
* @returns {
|
|
27
|
+
* @returns {NovaTransactionsLabels} The complete object of UI labels.
|
|
27
28
|
*
|
|
28
29
|
* @example
|
|
29
30
|
* const MyComponent = () => {
|
|
@@ -31,6 +32,6 @@ declare const LabelsProvider: ({ labels, children }: {
|
|
|
31
32
|
* return <h1>{labels.walletModal.title}</h1>;
|
|
32
33
|
* }
|
|
33
34
|
*/
|
|
34
|
-
declare const useLabels: () =>
|
|
35
|
+
declare const useLabels: () => NovaTransactionsLabels;
|
|
35
36
|
|
|
36
|
-
export {
|
|
37
|
+
export { NovaTransactionsLabelsProvider, useLabels };
|
package/dist/providers/index.js
CHANGED
|
@@ -1,13 +1,16 @@
|
|
|
1
|
-
import {createContext,useContext,useState,useRef,useMemo,useCallback,useEffect}from'react';import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {useMediaQuery,deepMerge,cn,textCenterEllipsis,useCopyToClipboard}from'@tuwaio/nova-core';import {TransactionStatus,selectAdapterByKey,selectAllTransactionsByActiveWallet,TransactionAdapter,TransactionTracker,setChainId}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 I from'@radix-ui/react-dialog';import {AnimatePresence,motion}from'framer-motion';import Ot from'dayjs';import co from'dayjs/plugin/relativeTime';import Po from'ethereum-blockies-base64';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",confirmationsLabel:"Confirmations"},hashLabels:{gelato:"Gelato Task ID",safe:"Safe Tx Hash",original:"Original Tx Hash",replaced:"Replaced Tx Hash",default:"Tx Hash",recentBlockhash:"Recent Blockhash",solana:"Signature"},txInfo:{started:"Started",network:"Network",slot:"Slot"},txError:{title:"Error",copied:"Copied!"},trackingModal:{title:"Transaction Overview",processing:"Processing...",close:"Close",walletInfo:"Wallet Info",retry:"Retry",progressIndicator:{created:"Created",processing:"Processing",succeed:"Succeed"}},trackedTxButton:{loading:"Processing...",succeed:"Success",failed:"Failed",replaced:"Replaced"},actions:{copy:"Copy address",viewOnExplorer:"View on explorer",close:"Close",cancel:"Cancel",speedUp:"Speed up"}};var Tt=createContext(X),vt=({labels:t,children:e})=>jsx(Tt.Provider,{value:t,children:e}),m=()=>useContext(Tt);function _({label:t,hash:e,explorerUrl:r,variant:o="default",className:s}){let{isCopied:n,copy:i}=useCopyToClipboard(),{actions:c,txError:p}=m(),a=cn("flex items-center justify-between",{"text-sm":o==="default","text-xs":o==="compact"},s),l=cn("pr-1",{"font-bold text-[var(--tuwa-text-primary)]":o==="default","font-medium text-[var(--tuwa-text-secondary)]":o==="compact"}),d=jsx("span",{className:"font-mono",children:textCenterEllipsis(e,5,5)});return jsxs("div",{className:a,children:[t&&jsxs("span",{className:l,children:[t,":"]}),jsxs("div",{className:"flex items-center gap-x-2",children:[r?jsxs("a",{href:r,target:"_blank",rel:"noopener noreferrer",className:"flex items-center gap-x-1 text-[var(--tuwa-text-accent)] transition-colors hover:underline",title:c.viewOnExplorer,"aria-label":c.viewOnExplorer,children:[d,jsx(ArrowTopRightOnSquareIcon,{className:"h-4 w-4"})]}):jsx("span",{className:"text-[var(--tuwa-text-primary)]",children:d}),jsx("button",{type:"button",onClick:()=>i(e),className:"cursor-pointer text-[var(--tuwa-text-tertiary)] transition-colors hover:text-[var(--tuwa-text-secondary)]",title:n?p.copied:c.copy,"aria-label":n?p.copied:c.copy,children:n?jsx(CheckIcon,{className:"h-4 w-4 text-[var(--tuwa-success-icon)]"}):jsx(DocumentDuplicateIcon,{className:"h-4 w-4"})})]})]})}var bt={[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:r,variant:o,className:s,applyColor:n=false}){let i,c="";if(typeof e=="string")i=e;else if(Array.isArray(e)){let l=bt[t||"default"]??bt.default;i=e[l.index],n&&(c=l.colorClass);}else i=r;return i?jsx("div",{className:cn(o==="title"?"text-sm font-semibold text-[var(--tuwa-text-primary)]":"mt-1 text-xs text-[var(--tuwa-text-secondary)]",c,s),children:i}):null}function ht({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 q(t){switch(setChainId(t)){case "solana:mainnet":return "Solana Mainnet";case "solana:devnet":return "Solana Devnet";case "solana:testnet":return "Solana Testent";default:return t}}var Y=({svgCode:t,...e})=>jsx("img",{...e,draggable:false,onDragStart:r=>r.preventDefault(),src:`data:image/svg+xml;base64,${btoa(t)}`,style:{outline:"none !important",pointerEvents:"none"},alt:e.alt});function O({chainId:t,...e}){switch(setChainId(t)){case "solana:mainnet":return jsx(Y,{svgCode:'<svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="solanamainnet__a" x1="0" x2=".5" y1=".5" y2="0"><stop offset="0%" stop-color="#9844FE"/><stop offset="50%" stop-color="#5496D4" stop-opacity=".8"/><stop offset="100%" stop-color="#16FA9A"/></linearGradient></defs><g fill="none"><circle cx="16" cy="16" r="16" fill="#000"/><path fill="url(#solanamainnet__a)" d="M9.925 19.687a.6.6 0 0 1 .415-.17h14.366a.29.29 0 0 1 .207.497l-2.838 2.815a.6.6 0 0 1-.415.171H7.294a.291.291 0 0 1-.207-.498zm0-10.517A.6.6 0 0 1 10.34 9h14.366c.261 0 .392.314.207.498l-2.838 2.815a.6.6 0 0 1-.415.17H7.294a.291.291 0 0 1-.207-.497zm12.15 5.225a.6.6 0 0 0-.415-.17H7.294a.291.291 0 0 0-.207.498l2.838 2.815c.11.109.26.17.415.17h14.366a.291.291 0 0 0 .207-.498z"/></g></svg>',alt:t,...e});case "solana:devnet":return jsx(Y,{svgCode:`<svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
</svg>`,alt:t,...e});default:return jsx(Y,{svgCode:'<svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="solanamainnet__a" x1="0" x2=".5" y1=".5" y2="0"><stop offset="0%" stop-color="#9844FE"/><stop offset="50%" stop-color="#5496D4" stop-opacity=".8"/><stop offset="100%" stop-color="#16FA9A"/></linearGradient></defs><g fill="none"><circle cx="16" cy="16" r="16" fill="#000"/><path fill="url(#solanamainnet__a)" d="M9.925 19.687a.6.6 0 0 1 .415-.17h14.366a.29.29 0 0 1 .207.497l-2.838 2.815a.6.6 0 0 1-.415.171H7.294a.291.291 0 0 1-.207-.498zm0-10.517A.6.6 0 0 1 10.34 9h14.366c.261 0 .392.314.207.498l-2.838 2.815a.6.6 0 0 1-.415.17H7.294a.291.291 0 0 1-.207-.497zm12.15 5.225a.6.6 0 0 0-.415-.17H7.294a.291.291 0 0 0-.207.498l2.838 2.815c.11.109.26.17.415.17h14.366a.291.291 0 0 0 .207-.498z"/></g></svg>',alt:t,...e})}}function U({tx:t,adapter:e,variant:r="toast",className:o,renderHashLink:s,confirmations:n}){let{hashLabels:i,statuses:c}=m(),p=selectAdapterByKey({adapterKey:t.adapter,adapter:e});if(!p)return null;let a=f=>s?s(f):jsx(_,{...f}),l=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",d=i[String(t.tracker)],g=d?a({label:d,hash:t.txKey,variant:t.tracker!==TransactionTracker.Solana?"compact":"default",explorerUrl:p.getExplorerTxUrl&&t.tracker===TransactionTracker.Solana?p?.getExplorerTxUrl(t):void 0}):null,v=(()=>{let f=t.hash,y=t.replacedTxHash;return !f&&!y?null:y?jsxs(Fragment,{children:[f&&a({label:i.original,hash:f,variant:"compact"}),typeof p.getExplorerTxUrl<"u"&&a({label:i.replaced,hash:y,explorerUrl:p.getExplorerTxUrl(t)})]}):f&&typeof p.getExplorerTxUrl<"u"&&a({label:i.default,hash:f,explorerUrl:p.getExplorerTxUrl(t)})})(),T=d&&d!==i.default&&t.txKey!==t.hash;return jsxs("div",{className:cn(l,o),children:[T&&g,v,typeof n=="number"&&jsxs("p",{className:"text-xs text-[var(--tuwa-text-tertiary)]",children:[c.confirmationsLabel,": ",n]})]})}var we=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 Q({tx:t,className:e}){let{statuses:r}=m(),o=useMemo(()=>we(r),[r]),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??r.unknown});let{label:c,Icon:p,badgeClasses:a,iconClasses:l}=i;return jsxs("div",{className:cn(s,a,e),children:[jsx(p,{className:cn("h-4 w-4",l)}),c]})}var ke=({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}),Se=({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}),Ae=({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 kt({openWalletInfoModal:t,tx:e,icon:r,className:o,customization:s,connectedWalletAddress:n,adapter:i}){let{actions:c,toast:p}=m(),a=selectAdapterByKey({adapterKey:e.adapter,adapter:i}),l=!!(e.tracker==="ethereum"&&e.pending&&a?.speedUpTxAction&&a?.cancelTxAction&&e.from.toLowerCase()===n?.toLowerCase()),d=()=>{l&&a.cancelTxAction(e);},g=()=>{l&&a.speedUpTxAction(e);},{StatusAwareText:v=H,TransactionKey:T=U,StatusBadge:f=Q,SpeedUpButton:y=ke,CancelButton:N=Se,WalletInfoButton:x=Ae}=s?.components??{};return jsxs("div",{className:cn("flex w-full flex-col gap-3 rounded-lg bg-[var(--tuwa-bg-primary)] p-4 shadow-md",o),children:[jsxs("div",{className:"flex items-start gap-3",children:[jsx("div",{className:"w-[40px] flex-shrink-0",title:typeof e.chainId=="string"?q(e.chainId):getChainName(e.chainId),children:r??typeof e.chainId=="string"?jsx(O,{chainId:e.chainId}):jsx(Web3Icon,{chainId:e.chainId})}),jsxs("div",{className:"flex-1",children:[jsx(v,{txStatus:e.status,source:e.title,fallback:e.type,variant:"title",applyColor:true}),jsx(v,{txStatus:e.status,source:e.description,variant:"description"})]})]}),jsxs("div",{children:[jsx(T,{adapter:i,tx:e,variant:"toast"}),jsxs("div",{className:"mt-3 flex items-center justify-between",children:[jsx(f,{tx:e}),l?jsxs("div",{className:"flex items-center gap-4",children:[jsx(y,{onClick:g,children:c.speedUp}),jsx(N,{onClick:d,children:c.cancel})]}):t&&!!n&&jsx(x,{onClick:t,children:p.openWalletInfo})]})]})]})}function St({error:t,className:e}){let{isCopied:r,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:r?n.copied:s.copy,"aria-label":r?n.copied:`${s.copy} error message`,className:"cursor-pointer text-[var(--tuwa-error-icon)]/50 transition-colors hover:text-[var(--tuwa-error-icon)]",children:r?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 Fe({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 At({tx:t,adapter:e,className:r,customization:o}){let{txInfo:s,statuses:n,hashLabels:i}=m(),c=selectAdapterByKey({adapterKey:t.adapter,adapter:e});if(!c)return null;let{InfoRow:p=Fe}=o?.components??{},a="chainId"in t?t.chainId:t.desiredChainID,l=t.adapter===TransactionAdapter.SOLANA,d=l?t:void 0;return jsxs("div",{className:cn("flex flex-col gap-3 rounded-lg border border-[var(--tuwa-border-primary)] bg-[var(--tuwa-bg-primary)] p-3",r),children:[jsx(p,{label:s.network,value:jsxs("div",{className:"flex items-center justify-end gap-2",children:[jsx("div",{className:"h-4 w-4",children:typeof a=="string"?jsx(O,{chainId:a}):jsx(Web3Icon,{chainId:a})}),jsx("span",{children:typeof a=="string"?q(a):getChainName(a)})]})}),t.localTimestamp&&jsx(p,{label:s.started,value:Ot.unix(t.localTimestamp).format("MMM D, HH:mm:ss")}),l&&jsxs(Fragment,{children:[d?.slot&&jsx(p,{label:s.slot,value:jsx(_,{hash:d.slot.toString(),explorerUrl:c?.getExplorerUrl?`${c?.getExplorerUrl(`/block/${d.slot}`)}`:void 0})}),(typeof d?.confirmations=="number"||typeof d?.confirmations=="string")&&jsx(p,{label:n.confirmationsLabel,value:d.confirmations}),d?.recentBlockhash&&jsx(p,{label:i.recentBlockhash,value:jsx(_,{hash:d.recentBlockhash})})]}),"txKey"in t&&t.txKey&&jsx("div",{className:"border-t border-[var(--tuwa-border-primary)] pt-3",children:jsx(U,{tx:t,adapter:e,variant:"history",renderHashLink:o?.components?.transactionKey})})]})}var Xe={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 Je({status:t,label:e,isFirst:r=false}){let o=Xe[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:[!r&&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 Mt({isProcessing:t,isSucceed:e,isFailed:r,isReplaced:o,className:s,StepComponent:n=Je}){let{trackingModal:i,statuses:c}=m(),p=useMemo(()=>{let a=d=>{if(d===1)return "completed";if(d===2){if(e||r||o)return "completed";if(t)return "active"}if(d===3){if(e)return "completed";if(r)return "error";if(o)return "replaced";if(t)return "active"}return "inactive"},l=d=>d===1?i.progressIndicator.created:d===2?i.progressIndicator.processing:r?c.failed:o?c.replaced:i.progressIndicator.succeed;return [{status:a(1),label:l(1),isFirst:true},{status:a(2),label:l(2)},{status:a(3),label:l(3),isLast:true}]},[t,e,r,o,i,c]);return jsx("div",{className:cn("flex w-full items-start px-4 pt-2 pb-1",s),children:p.map((a,l)=>jsx(n,{...a},l))})}var to={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 Rt({isProcessing:t,isSucceed:e,isFailed:r,isReplaced:o}){let s=e&&"succeed"||r&&"failed"||o&&"replaced"||t&&"processing"||"initializing",{Icon:n,className:i}=to[s];return jsx("div",{className:"flex justify-center py-4",children:jsx(n,{className:cn("h-16 w-16",i)})})}function Kt({adapter:t,onClose:e,onOpenWalletInfo:r,className:o,customization:s,transactionsPool:n,handleTransaction:i,initialTx:c,connectedWalletAddress:p}){let a=useMemo(()=>c?.lastTxKey?n[c.lastTxKey]:void 0,[n,c]),l=a??c,d=c?.withTrackedModal&&!a||(a?.isTrackedModalOpen??false),{isProcessing:g,isSucceed:v,isFailed:T,isReplaced:f}=useMemo(()=>{let K=a?.status,te=c?.isInitializing??false,ee=a?.pending??false;return {isProcessing:te||ee,isSucceed:K===TransactionStatus.Success,isFailed:a?.isError||!!c?.errorMessage,isReplaced:K===TransactionStatus.Replaced}},[a,c]),y=useMemo(()=>l?selectAdapterByKey({adapterKey:l.adapter,adapter:t}):void 0,[l,t]),N=!!(T&&l&&c?.actionFunction&&i),x=!!(y?.speedUpTxAction&&y?.cancelTxAction&&a?.pending&&a.tracker==="ethereum"),W=()=>{if(!N||!y?.retryTxAction)return;let K={adapter:l.adapter,type:l.type,desiredChainID:"desiredChainID"in l?l.desiredChainID:l.chainId,actionFunction:c?.actionFunction,title:l.title,description:l.description,payload:l.payload,withTrackedModal:true};y.retryTxAction({tx:K,txKey:a?.txKey??"",onClose:e,handleTransaction:i});},h=()=>{x&&a&&y.cancelTxAction(a);},b=()=>{x&&a&&y.speedUpTxAction(a);},A=s?.components?.Header,G=s?.components?.Footer,mt=s?.components?.StatusVisual,ft=s?.components?.ProgressIndicator,xt=s?.components?.InfoBlock,gt=s?.components?.ErrorBlock,jt={initial:{opacity:0,scale:.95},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.95},transition:{duration:.2,ease:"easeOut"},...s?.motionProps};return l?jsx(I.Root,{open:d,onOpenChange:K=>!K&&e(a?.txKey),children:jsx(I.Portal,{children:jsx(AnimatePresence,{children:d&&jsxs(Fragment,{children:[jsx(I.Overlay,{asChild:true,children:jsx(motion.div,{className:"fixed inset-0 z-50 bg-black/60",initial:{opacity:0},animate:{opacity:1},exit:{opacity:0}})}),jsx(I.Content,{className:"fixed left-1/2 top-1/2 z-50 w-full max-w-md -translate-x-1/2 -translate-y-1/2 outline-none",...s?.modalProps,asChild:true,children:jsx(motion.div,{...jt,children:jsxs("div",{className:cn("relative flex max-h-[98dvh] w-full flex-col gap-3 overflow-y-auto rounded-2xl bg-[var(--tuwa-bg-primary)] p-5 pt-0 shadow-2xl",o),children:[A?jsx(A,{onClose:()=>e(a?.txKey),title:jsx(Wt,{tx:l})}):jsx(so,{onClose:()=>e(a?.txKey),title:jsx(Wt,{tx:l})}),jsxs("main",{className:"flex flex-col gap-3",children:[mt?jsx(mt,{isProcessing:g,isSucceed:v,isFailed:T,isReplaced:f}):jsx(Rt,{isProcessing:g,isSucceed:v,isFailed:T,isReplaced:f}),ft?jsx(ft,{isProcessing:g,isSucceed:v,isFailed:T,isReplaced:f}):jsx(Mt,{isProcessing:g,isSucceed:v,isFailed:T,isReplaced:f}),xt?jsx(xt,{tx:l,adapter:t}):jsx(At,{tx:l,adapter:t}),gt?jsx(gt,{error:a?.errorMessage||c?.errorMessage}):jsx(St,{error:a?.errorMessage||c?.errorMessage})]}),G?jsx(G,{onClose:()=>e(a?.txKey),onOpenWalletInfo:r,isProcessing:g,isFailed:T,canReplace:x,onRetry:N?W:void 0,onSpeedUp:x?b:void 0,onCancel:x?h:void 0,connectedWalletAddress:p}):jsx(no,{onClose:()=>e(a?.txKey),onOpenWalletInfo:r,isProcessing:g,isFailed:T,canReplace:x,onRetry:N?W:void 0,onSpeedUp:x?b:void 0,onCancel:x?h:void 0,connectedWalletAddress:p})]})})})]})})})}):null}function Wt({tx:t}){return jsx(H,{txStatus:"status"in t?t.status:void 0,source:t.title,fallback:t.type,variant:"title",className:"text-lg"})}var so=({onClose:t,title:e})=>{let{actions:r}=m();return jsxs("header",{className:"sticky top-0 z-10 flex w-full items-start justify-between bg-[var(--tuwa-bg-primary)] pt-5 pb-2",children:[jsx(I.Title,{children:e}),jsx(I.Close,{asChild:true,children:jsx("button",{type:"button",onClick:()=>t(),"aria-label":r.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"})})})]})},no=({onClose:t,onOpenWalletInfo:e,isProcessing:r,onRetry:o,onSpeedUp:s,onCancel:n,canReplace:i,isFailed:c,connectedWalletAddress:p})=>{let{trackingModal:a,actions:l}=m(),d=()=>c&&o?jsx("button",{type:"button",onClick:o,className:"cursor-pointer rounded-md bg-[var(--tuwa-button-gradient-from)] px-4 py-2 text-sm font-semibold text-[var(--tuwa-text-on-accent)] transition-opacity hover:opacity-90",children:a.retry}):!r&&!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:a.walletInfo}):null;return jsxs("footer",{className:"mt-2 flex w-full items-center justify-between border-t border-[var(--tuwa-border-primary)] pt-4",children:[jsx("div",{className:"flex items-center gap-4",children:i&&s&&n&&jsxs(Fragment,{children:[jsx("button",{type:"button",onClick:s,className:"cursor-pointer text-sm font-medium text-[var(--tuwa-text-accent)] transition-opacity hover:opacity-80",children:l.speedUp}),jsx("button",{type:"button",onClick:n,className:"cursor-pointer text-sm font-medium text-[var(--tuwa-text-secondary)] transition-opacity hover:opacity-80",children:l.cancel})]})}),jsxs("div",{className:"flex items-center gap-3",children:[jsx(d,{}),jsx("button",{type:"button",onClick:t,disabled:r&&!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:r&&!i?a.processing:a.close})]})]})};Ot.extend(co);var po=({chainId:t})=>jsx("div",{className:"h-8 w-8 text-[var(--tuwa-text-secondary)]",children:typeof t=="string"?jsx(O,{chainId:t}):jsx(Web3Icon,{chainId:t})}),uo=({timestamp:t})=>jsx("span",{className:"mb-1 block text-xs text-[var(--tuwa-text-secondary)]",children:t?Ot.unix(t).fromNow():"..."});function Ut({tx:t,adapter:e,className:r,customization:o}){let{Icon:s=po,Title:n=H,Description:i=H,Timestamp:c=uo,StatusBadge:p=Q,TransactionKey:a=U}=o?.components??{};return jsxs("div",{className:cn("flex flex-col gap-2 border-b border-[var(--tuwa-border-secondary)] p-3 transition-colors hover:bg-[var(--tuwa-bg-secondary)]",r),children:[jsxs("div",{className:"flex items-start justify-between",children:[jsxs("div",{className:"flex items-center gap-4",children:[jsx("div",{className:"flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-full bg-[var(--tuwa-bg-muted)]",children:jsx(s,{chainId:t.chainId})}),jsxs("div",{children:[jsx(n,{txStatus:t.status,source:t.title,fallback:t.type,variant:"title",applyColor:true}),jsx(c,{timestamp:t.localTimestamp}),jsx(i,{txStatus:t.status,source:t.description,variant:"description"})]})]}),jsx(p,{tx:t})]}),jsx(a,{tx:t,adapter:e,variant:"history"})]})}function xo({title:t,message:e,className:r}){return jsxs("div",{className:cn("rounded-lg bg-[var(--tuwa-bg-muted)] p-8 text-center",r),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 Ft({adapter:t,connectedWalletAddress:e,transactionsPool:r,className:o,customization:s}){let{walletModal:n}=m(),i=useMemo(()=>e?selectAllTransactionsByActiveWallet(r,e).sort((d,g)=>(g.localTimestamp??0)-(d.localTimestamp??0)):[],[r,e]),{Placeholder:c=xo,HistoryItem:p=Ut}=s?.components??{},a=()=>e?i.length>0?jsx("div",{className:cn("max-h-[400px] overflow-y-auto rounded-lg border border-[var(--tuwa-border-primary)] bg-[var(--tuwa-bg-primary)]",s?.classNames?.listWrapper),children:i.map(l=>jsx(p,{tx:l,adapter:t},l.txKey))}):jsx(c,{title:n.history.noTransactionsTitle,message:n.history.noTransactionsMessage}):jsx(c,{title:n.history.connectWalletTitle,message:n.history.connectWalletMessage});return jsxs("div",{className:cn("flex flex-col gap-y-3",o),children:[jsx("h3",{className:"text-lg font-bold text-[var(--tuwa-text-primary)]",children:n.history.title}),a()]})}function pt({address:t,explorerUrl:e,className:r}){let{isCopied:o,copy:s}=useCopyToClipboard(),{actions:n,txError:i}=m();return jsxs("div",{className:cn("flex items-center gap-x-3 rounded-full bg-[var(--tuwa-bg-muted)] px-3 py-1 font-mono text-xs text-[var(--tuwa-text-secondary)]",r),children:[jsx("span",{children:textCenterEllipsis(t,6,6)}),jsx("button",{type:"button",title:o?i.copied:n.copy,"aria-label":o?i.copied:`${n.copy} address`,onClick:()=>s(t),className:"cursor-pointer transition-colors hover:text-[var(--tuwa-text-primary)]",children:o?jsx(CheckIcon,{className:"h-4 w-4 text-[var(--tuwa-success-icon)]"}):jsx(DocumentDuplicateIcon,{className:"h-4 w-4"})}),e&&jsx("a",{href:e,target:"_blank",rel:"noopener noreferrer",className:"transition-colors hover:text-[var(--tuwa-text-accent)]",title:n.viewOnExplorer,"aria-label":n.viewOnExplorer,children:jsx(ArrowTopRightOnSquareIcon,{className:"h-4 w-4"})})]})}function ko(t,{strict:e=true}={}){return !t||typeof t!="string"?false:e?/^0x[0-9a-fA-F]*$/.test(t):t.startsWith("0x")}var So="0x0000000000000000000000000000000000000000";function $t({address:t,ensAvatar:e,className:r}){let{walletModal:o}=m(),[s,n]=useState(e),i=useMemo(()=>Po(ko(t)?t:So),[t]),c=useMemo(()=>`#${t.slice(2,8)}`,[t]);useEffect(()=>{n(e);},[e]);let p=()=>{n(i);};return jsx("div",{className:cn("h-12 w-12 flex-shrink-0 rounded-full",r),style:{backgroundColor:c},children:jsx("img",{className:"h-full w-full rounded-full object-cover",src:s||i,alt:`${o.header.avatarAlt} ${t}`,onError:p},e)})}var Ho=({isLoading:t,ensName:e,walletAddress:r,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(pt,{address:r,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:r,explorerUrl:o}):jsx(pt,{address:r,explorerUrl:o}))})]});function Xt({walletAddress:t,adapter:e,connectedAdapterType:r,className:o,renderAvatar:s,renderName:n,renderAddressDisplay:i,renderNoWalletContent:c,explorerUrl:p}){let{walletModal:a}=m(),[l,d]=useState(null),[g,v]=useState(null),[T,f]=useState(true);if(useEffect(()=>{(async()=>{if(!t||!r){f(false);return}let x=selectAdapterByKey({adapterKey:r,adapter:e}),W=x&&"getName"in x&&typeof x.getName=="function",h=x&&"getAvatar"in x&&typeof x.getAvatar=="function";if(!W){f(false);return}f(true),d(null),v(null);try{let b=x?.getName?await x.getName(t):null;if(b&&(d(b),h)){let A=x?.getAvatar?await x.getAvatar(b):null;v(A);}}catch(b){console.error("Failed to fetch name service data:",b);}finally{f(false);}})();},[t,e,r]),!t)return c?jsx(Fragment,{children:c()}):jsx("div",{className:cn("flex h-20 items-center justify-center rounded-lg bg-[var(--tuwa-bg-muted)] text-[var(--tuwa-text-secondary)]",o),children:a.header.notConnected});let y=l?l.length>30?textCenterEllipsis(l,12,12):l:void 0;return jsxs("div",{className:cn("flex min-h-[4rem] items-center gap-4",o),children:[jsx("div",{children:s?s({address:t,ensAvatar:g}):jsx($t,{address:t,ensAvatar:g})}),jsx("div",{className:"flex min-h-[3.5rem] min-w-[200px] flex-col justify-center",children:n?n({ensName:y,isLoading:T,address:t}):jsx(Ho,{isLoading:T,ensName:y,walletAddress:t,explorerUrl:p,renderAddressDisplay:i})})]})}var Oo=({closeModal:t,title:e})=>{let{actions:r}=m();return jsxs("div",{className:"sticky top-0 left-0 z-10 flex w-full items-center justify-between border-b border-[var(--tuwa-border-primary)] bg-[var(--tuwa-bg-secondary)] p-4",children:[jsx(I.Title,{className:"text-lg font-bold text-[var(--tuwa-text-primary)]",children:e}),jsx(I.Close,{asChild:true,children:jsx("button",{type:"button",onClick:t,"aria-label":r.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 qt({isOpen:t,setIsOpen:e,customization:r,adapter:o,connectedAdapterType:s,connectedWalletAddress:n,transactionsPool:i}){let{walletModal:c}=m(),{explorerUrl:p}=useMemo(()=>s?{explorerUrl:selectAdapterByKey({adapterKey:s,adapter:o})?.getExplorerUrl(`/address/${n}`)}:{explorerUrl:void 0},[s,o,n]),a=()=>e(false),d={...{initial:{opacity:0,scale:.95},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.95},transition:{duration:.2,ease:"easeOut"}},...r?.motionProps},g=r?.components?.Header,v=r?.components?.WalletInfo,T=r?.components?.History;return jsx(I.Root,{open:t,onOpenChange:f=>!f&&a(),children:jsx(I.Portal,{children:jsx(AnimatePresence,{children:t&&jsxs(Fragment,{children:[jsx(I.Overlay,{asChild:true,children:jsx(motion.div,{className:"fixed inset-0 z-50 bg-black/45",initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.15}})}),jsx(I.Content,{className:"fixed left-1/2 top-1/2 z-50 w-full max-w-2xl -translate-x-1/2 -translate-y-1/2 outline-none",...r?.modalProps,asChild:true,children:jsx(motion.div,{...d,children:jsxs("div",{className:cn("relative max-h-[98dvh] w-full max-w-2xl overflow-y-auto rounded-2xl bg-[var(--tuwa-bg-secondary)] shadow-xl outline-none",r?.classNames?.contentWrapper),children:[g?jsx(g,{closeModal:a}):jsx(Oo,{closeModal:a,title:c.title}),jsxs("div",{className:"flex flex-col gap-4 p-4 sm:gap-6 sm:p-6",children:[v?jsx(v,{adapter:o,connectedAdapterType:s,walletAddress:n,explorerUrl:p}):jsx(Xt,{adapter:o,connectedAdapterType:s,walletAddress:n,explorerUrl:p}),T?jsx(T,{adapter:o,transactionsPool:i,connectedWalletAddress:n}):jsx(Ft,{adapter:o,transactionsPool:i,connectedWalletAddress:n})]})]})})})]})})})})}var Xo={[TransactionStatus.Success]:"success",[TransactionStatus.Failed]:"error",[TransactionStatus.Replaced]:"info"};function wi({adapter:t,connectedWalletAddress:e,connectedAdapterType:r,transactionsPool:o,initialTx:s,handleTransaction:n,closeTxTrackedModal:i,labels:c,features:p,customization:a,...l}){let[d,g]=useState(false),v=useRef(o),T=useMediaQuery("(max-width: 767px)"),f=useMemo(()=>({toasts:p?.toasts??true,walletInfoModal:p?.walletInfoModal??true,trackingTxModal:p?.trackingTxModal??true}),[p]),y=useMemo(()=>deepMerge(X,c||{}),[c]),N=useCallback(h=>{if(!f.toasts)return;let b=h.pending?"info":Xo[h.status]??"info",A=G=>jsx(kt,{...G,tx:h,openWalletInfoModal:f.walletInfoModal?()=>g(true):void 0,customization:a?.toast,adapter:t,connectedWalletAddress:e});toast.isActive(h.txKey)?toast.update(h.txKey,{render:A,type:b}):toast(A,{toastId:h.txKey,type:b,closeOnClick:false});},[o,f,a?.toast,t,e]);useEffect(()=>{let h=v.current;Object.values(o).forEach(b=>{let A=h[b.txKey];if(!A&&b.pending){N(b);return}A&&JSON.stringify(A)!==JSON.stringify(b)&&N(b);}),v.current=o;},[o,N]),useEffect(()=>{Object.values(o).forEach(h=>{toast.isActive(h.txKey)&&N(h);});},[e,N,o]);let x=!!s?.withTrackedModal&&o[s?.lastTxKey??""]?.isTrackedModalOpen,W=f.toasts&&(!T||!x&&!d);return jsxs(vt,{labels:y,children:[W&&jsx(ToastContainer,{position:"bottom-right",stacked:true,autoClose:false,hideProgressBar:true,closeOnClick:false,icon:false,closeButton:ht,toastClassName:"!p-0 !bg-transparent !shadow-none !min-h-0",...l}),f.walletInfoModal&&jsx(qt,{isOpen:d,setIsOpen:g,customization:a?.walletInfoModal,adapter:t,connectedWalletAddress:e,connectedAdapterType:r,transactionsPool:o}),f.trackingTxModal&&jsx(Kt,{initialTx:s,onClose:i,onOpenWalletInfo:()=>g(true),transactionsPool:o,customization:a?.trackingTxModal,handleTransaction:n,adapter:t,connectedWalletAddress:e})]})}
|
|
12
|
-
|
|
1
|
+
import {createContext,useContext,useState,useRef,useMemo,useCallback,useEffect}from'react';import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {useMediaQuery,deepMerge,ToastCloseButton,Dialog,DialogContent,cn,DialogHeader,DialogTitle,DialogClose,CloseIcon,useCopyToClipboard,textCenterEllipsis}from'@tuwaio/nova-core';import {TransactionStatus,selectAllTransactionsByActiveWallet,TransactionTracker}from'@tuwaio/pulsar-core';import {toast,ToastContainer}from'react-toastify';import {ClockIcon,ArrowPathIcon,ExclamationCircleIcon,CheckCircleIcon,ExclamationTriangleIcon,CheckIcon,DocumentDuplicateIcon,XCircleIcon,ArrowTopRightOnSquareIcon}from'@heroicons/react/24/solid';import {Web3Icon}from'@bgd-labs/react-web3-icons';import {getChainName}from'@bgd-labs/react-web3-icons/dist/utils';import {selectAdapterByKey,setChainId,OrbitAdapter}from'@tuwaio/orbit-core';import kt from'dayjs';import qo from'dayjs/plugin/relativeTime';var z={transactionsModal:{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:{openTransactionsInfo:"Open transactions"},statuses:{pending:"Pending",success:"Success",failed:"Failed",reverted:"Reverted",replaced:"Replaced",unknown:"Unknown",confirmationsLabel:"Confirmations"},hashLabels:{gelato:"Gelato Task ID",safe:"Safe Tx Hash",original:"Original Tx Hash",replaced:"Replaced Tx Hash",default:"Tx Hash",recentBlockhash:"Recent Blockhash",solana:"Signature"},txInfo:{started:"Started",network:"Network",slot:"Slot"},txError:{title:"Error",copied:"Copied!"},trackingModal:{title:"Transaction Overview",processing:"Processing...",close:"Close",allTransactions:"All transactions",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 it=createContext(z),ct=({labels:t,children:o})=>jsx(it.Provider,{value:t,children:o}),v=()=>useContext(it);function E({label:t,hash:o,explorerUrl:n,variant:r="default",className:s}){let{isCopied:l,copy:c}=useCopyToClipboard(),{actions:i,txError:p}=v(),a=cn("novatx:flex novatx:items-center novatx:justify-between",{"novatx:text-sm":r==="default","novatx:text-xs":r==="compact"},s),e=cn("novatx:pr-1",{"novatx:font-bold novatx:text-[var(--tuwa-text-primary)]":r==="default","novatx:font-medium novatx:text-[var(--tuwa-text-secondary)]":r==="compact"}),x=jsx("span",{className:"novatx:font-mono",children:textCenterEllipsis(o,5,5)});return jsxs("div",{className:a,children:[t&&jsxs("span",{className:e,children:[t,":"]}),jsxs("div",{className:"novatx:flex novatx:items-center novatx:gap-x-2",children:[n?jsxs("a",{href:n,target:"_blank",rel:"noopener noreferrer",className:"novatx:flex novatx:items-center novatx:gap-x-1 novatx:text-[var(--tuwa-text-accent)] novatx:transition-colors novatx:hover:underline",title:i.viewOnExplorer,"aria-label":i.viewOnExplorer,children:[x,jsx(ArrowTopRightOnSquareIcon,{className:"novatx:h-4 novatx:w-4"})]}):jsx("span",{className:"novatx:text-[var(--tuwa-text-primary)]",children:x}),jsx("button",{type:"button",onClick:()=>c(o),className:"novatx:cursor-pointer novatx:text-[var(--tuwa-text-tertiary)] novatx:transition-colors novatx:hover:text-[var(--tuwa-text-secondary)]",title:l?p.copied:i.copy,"aria-label":l?p.copied:i.copy,children:l?jsx(CheckIcon,{className:"novatx:h-4 novatx:w-4 novatx:text-[var(--tuwa-success-icon)]"}):jsx(DocumentDuplicateIcon,{className:"novatx:h-4 novatx:w-4"})})]})]})}var pt={[TransactionStatus.Success]:{index:1,colorClass:"novatx:text-[var(--tuwa-success-text)]"},[TransactionStatus.Failed]:{index:2,colorClass:"novatx:text-[var(--tuwa-error-text)]"},[TransactionStatus.Replaced]:{index:3,colorClass:"novatx:text-[var(--tuwa-text-secondary)]"},default:{index:0,colorClass:"novatx:text-[var(--tuwa-text-primary)]"}};function B({txStatus:t,source:o,fallback:n,variant:r,className:s,applyColor:l=false}){let c,i="";if(typeof o=="string")c=o;else if(Array.isArray(o)){let e=pt[t||"default"]??pt.default;c=o[e.index],l&&(i=e.colorClass);}else c=n;return c?jsx("div",{className:cn(r==="title"?"novatx:text-sm novatx:font-semibold novatx:text-[var(--tuwa-text-primary)]":"novatx:mt-1 novatx:text-xs novatx:text-[var(--tuwa-text-secondary)]",i,s),children:c}):null}function K({tx:t,adapter:o,variant:n="toast",className:r,renderHashLink:s,confirmations:l}){let{hashLabels:c,statuses:i}=v(),p=selectAdapterByKey({adapterKey:t.adapter,adapter:o});if(!p)return null;let a=m=>s?s(m):jsx(E,{...m}),e=n==="toast"?"novatx:mt-2 novatx:flex novatx:w-full novatx:flex-col novatx:gap-y-2 novatx:border-t novatx:border-[var(--tuwa-border-primary)] novatx:pt-2":"novatx:flex novatx:w-full novatx:flex-col novatx:gap-y-2",x=c[String(t.tracker)],f=x?a({label:x,hash:t.txKey,variant:t.tracker!==TransactionTracker.Solana?"compact":"default",explorerUrl:p.getExplorerTxUrl&&t.tracker===TransactionTracker.Solana?p?.getExplorerTxUrl(t):void 0}):null,b=(()=>{let m=t.hash,u=t.replacedTxHash;return !m&&!u?null:u?jsxs(Fragment,{children:[m&&a({label:c.original,hash:m,variant:"compact"}),typeof p.getExplorerTxUrl<"u"&&a({label:c.replaced,hash:u,explorerUrl:p.getExplorerTxUrl(t)})]}):m&&typeof p.getExplorerTxUrl<"u"&&a({label:c.default,hash:m,explorerUrl:p.getExplorerTxUrl(t)})})(),T=x&&x!==c.default&&t.txKey!==t.hash;return jsxs("div",{className:cn(e,r),children:[T&&f,b,typeof l=="number"&&jsxs("p",{className:"novatx:text-xs novatx:text-[var(--tuwa-text-tertiary)]",children:[i.confirmationsLabel,": ",l]})]})}var oo=t=>({Pending:{label:t.pending,Icon:ArrowPathIcon,badgeClasses:"novatx:bg-[var(--tuwa-pending-bg)] novatx:text-[var(--tuwa-pending-text)]",iconClasses:"novatx:animate-spin novatx:text-[var(--tuwa-pending-icon)]"},[TransactionStatus.Success]:{label:t.success,Icon:CheckCircleIcon,badgeClasses:"novatx:bg-[var(--tuwa-success-bg)] novatx:text-[var(--tuwa-success-text)]",iconClasses:"novatx:text-[var(--tuwa-success-icon)]"},[TransactionStatus.Failed]:{label:t.failed,Icon:XCircleIcon,badgeClasses:"novatx:bg-[var(--tuwa-error-bg)] novatx:text-[var(--tuwa-error-text)]",iconClasses:"novatx:text-[var(--tuwa-error-icon)]"},[TransactionStatus.Replaced]:{label:t.replaced,Icon:ArrowPathIcon,badgeClasses:"novatx:bg-[var(--tuwa-info-bg)] novatx:text-[var(--tuwa-info-text)]",iconClasses:"novatx:text-[var(--tuwa-info-icon)]"}});function _({tx:t,className:o}){let{statuses:n}=v(),r=useMemo(()=>oo(n),[n]),s="novatx:inline-flex novatx:items-center novatx:gap-x-1.5 novatx:rounded-full novatx:px-2 novatx:py-1 novatx:text-xs novatx:font-medium",l=t.pending?"Pending":t.status,c=l?r[l]:null;if(!c)return jsx("div",{className:cn(s,"novatx:bg-[var(--tuwa-info-bg)] novatx:text-[var(--tuwa-info-text)]",o),children:t.status??n.unknown});let{label:i,Icon:p,badgeClasses:a,iconClasses:e}=c;return jsxs("div",{className:cn(s,a,o),children:[jsx(p,{className:cn("novatx:h-4 novatx:w-4",e)}),i]})}var io=({onClick:t,children:o})=>jsx("button",{onClick:t,type:"button",className:"novatx:cursor-pointer novatx:text-sm novatx:font-medium novatx:text-[var(--tuwa-text-accent)] novatx:transition-opacity novatx:hover:opacity-80",children:o}),co=({onClick:t,children:o})=>jsx("button",{onClick:t,type:"button",className:"novatx:cursor-pointer novatx:text-sm novatx:font-medium novatx:text-[var(--tuwa-text-secondary)] novatx:transition-opacity novatx:hover:opacity-80",children:o}),lo=({onClick:t,children:o})=>jsx("button",{className:"novatx:cursor-pointer novatx:rounded-md novatx:bg-gradient-to-r novatx:from-[var(--tuwa-button-gradient-from)] novatx:to-[var(--tuwa-button-gradient-to)] novatx:px-3 novatx:py-1 novatx:text-xs novatx:font-bold novatx:text-[var(--tuwa-text-on-accent)] novatx:shadow-lg novatx:transition-all novatx:duration-200 novatx:ease-in-out novatx:hover:shadow-xl novatx:hover:from-[var(--tuwa-button-gradient-from-hover)] novatx:hover:to-[var(--tuwa-button-gradient-to-hover)] novatx:active:scale-95",onClick:t,type:"button",children:o});function mt({openTxInfoModal:t,tx:o,icon:n,className:r,customization:s,connectedWalletAddress:l,adapter:c}){let{actions:i,toast:p}=v(),a=selectAdapterByKey({adapterKey:o.adapter,adapter:c}),e=!!(o.tracker==="ethereum"&&o.pending&&a?.speedUpTxAction&&a?.cancelTxAction&&o.from.toLowerCase()===l?.toLowerCase()&&["metamask"].includes(o.walletType.split(":")[1])),x=()=>{e&&a.cancelTxAction(o);},f=()=>{e&&a.speedUpTxAction(o);},{StatusAwareText:b=B,TransactionKey:T=K,StatusBadge:m=_,SpeedUpButton:u=io,CancelButton:A=co,TxInfoButton:w=lo}=s?.components??{};return jsxs("div",{className:cn("novatx:flex novatx:w-full novatx:flex-col novatx:gap-3 novatx:rounded-lg novatx:bg-[var(--tuwa-bg-primary)] novatx:p-4 novatx:shadow-md",r),children:[jsxs("div",{className:"novatx:flex novatx:items-center novatx:gap-3",children:[jsx("div",{className:"novatx:w-[40px] novatx:flex-shrink-0 [&>img]:novatx:w-full [&>img]:novatx:h-auto",title:getChainName(setChainId(o.chainId)),children:n??jsx(Web3Icon,{chainId:setChainId(o.chainId)})}),jsxs("div",{className:"novatx:flex-1",children:[jsx(b,{txStatus:o.status,source:o.title,fallback:o.type,variant:"title",applyColor:true}),jsx(b,{txStatus:o.status,source:o.description,variant:"description"})]})]}),jsxs("div",{children:[jsx(T,{adapter:c,tx:o,variant:"toast"}),jsxs("div",{className:"novatx:mt-3 novatx:flex novatx:items-center novatx:justify-between",children:[jsx(m,{tx:o}),e?jsxs("div",{className:"novatx:flex novatx:items-center novatx:gap-4",children:[jsx(u,{onClick:f,children:i.speedUp}),jsx(A,{onClick:x,children:i.cancel})]}):t&&!!l&&jsx(w,{onClick:t,children:p.openTransactionsInfo})]})]})]})}function yt({adapter:t,onClose:o,onOpenAllTransactions:n,className:r,customization:s,transactionsPool:l,executeTxAction:c,initialTx:i,connectedWalletAddress:p}){let a=useMemo(()=>i?.lastTxKey?l[i.lastTxKey]:void 0,[l,i]),e=a??i,x=i?.withTrackedModal&&!a||(a?.isTrackedModalOpen??false),{isProcessing:f,isSucceed:b,isFailed:T,isReplaced:m}=useMemo(()=>{let R=a?.status,Dt=i?.isInitializing??false,Ot=a?.pending??false;return {isProcessing:Dt||Ot,isSucceed:R===TransactionStatus.Success,isFailed:a?.isError||!!i?.errorMessage,isReplaced:R===TransactionStatus.Replaced}},[a,i]),u=useMemo(()=>e?selectAdapterByKey({adapterKey:e.adapter,adapter:t}):void 0,[e,t]),A=!!(T&&e&&i?.actionFunction&&c),w=!!(u?.speedUpTxAction&&u?.cancelTxAction&&a?.pending&&a.tracker==="ethereum"),F=()=>{if(!A||!u?.retryTxAction)return;let R={adapter:e.adapter,type:e.type,desiredChainID:"desiredChainID"in e?e.desiredChainID:e.chainId,actionFunction:i?.actionFunction,title:e.title,description:e.description,payload:e.payload,rpcUrl:"rpcUrl"in e?e?.rpcUrl:"desiredChainID"in e?e.desiredChainID:e.chainId.split(":")[1],withTrackedModal:"withTrackedModal"in e?e.withTrackedModal:false};u.retryTxAction({tx:R,txKey:a?.txKey??"",onClose:o,executeTxAction:c});},S=w&&a&&["metamask"].includes(a?.walletType.split(":")[1]),g=()=>{S&&u.cancelTxAction(a);},h=()=>{S&&u.speedUpTxAction(a);},I=s?.components?.Header,W=s?.components?.Footer,et=s?.components?.StatusVisual,nt=s?.components?.ProgressIndicator,rt=s?.components?.InfoBlock,st=s?.components?.ErrorBlock;return e?jsx(Dialog,{open:x,onOpenChange:R=>!R&&o(a?.txKey),children:jsx(DialogContent,{className:cn("novatx:w-full novatx:sm:max-w-md",s?.modalProps?.className),...s?.modalProps,children:jsxs("div",{className:cn("novatx:relative novatx:flex novatx:w-full novatx:flex-col",r),children:[I?jsx(I,{onClose:()=>o(a?.txKey),title:jsx(gt,{tx:e})}):jsx(go,{onClose:()=>o(a?.txKey),title:jsx(gt,{tx:e})}),jsxs("main",{className:"novatx:flex novatx:flex-col novatx:gap-4 novatx:p-4",children:[et?jsx(et,{isProcessing:f,isSucceed:b,isFailed:T,isReplaced:m}):jsx(ht,{isProcessing:f,isSucceed:b,isFailed:T,isReplaced:m}),nt?jsx(nt,{isProcessing:f,isSucceed:b,isFailed:T,isReplaced:m}):jsx(wt,{isProcessing:f,isSucceed:b,isFailed:T,isReplaced:m}),rt?jsx(rt,{tx:e,adapter:t}):jsx(Ct,{tx:e,adapter:t}),st?jsx(st,{error:a?.errorMessage||i?.errorMessage}):jsx(bt,{error:a?.errorMessage||i?.errorMessage})]}),W?jsx(W,{onClose:()=>o(a?.txKey),onOpenAllTransactions:n,isProcessing:f,isFailed:T,canReplace:w,onRetry:A?F:void 0,onSpeedUp:S?h:void 0,onCancel:S?g:void 0,connectedWalletAddress:p}):jsx(bo,{onClose:()=>o(a?.txKey),onOpenAllTransactions:n,isProcessing:f,isFailed:T,canReplace:w,onRetry:A?F:void 0,onSpeedUp:S?h:void 0,onCancel:S?g:void 0,connectedWalletAddress:p})]})})}):null}function gt({tx:t}){return jsx(B,{txStatus:"status"in t?t.status:void 0,source:t.title,fallback:t.type,variant:"title",className:"novatx:text-lg"})}var go=({onClose:t,title:o})=>{let{actions:n}=v();return jsxs(DialogHeader,{children:[jsx(DialogTitle,{children:o}),jsx(DialogClose,{asChild:true,children:jsx("button",{type:"button",onClick:()=>t(),"aria-label":n.close,className:`novatx:cursor-pointer novatx:rounded-full novatx:p-1
|
|
2
|
+
novatx:text-[var(--tuwa-text-tertiary)] novatx:transition-colors
|
|
3
|
+
novatx:hover:bg-[var(--tuwa-bg-muted)] novatx:hover:text-[var(--tuwa-text-primary)]`,children:jsx(CloseIcon,{})})})]})},yo=({isFailed:t,onRetry:o,isProcessing:n,canReplace:r,connectedWalletAddress:s,onOpenAllTransactions:l})=>{let{trackingModal:c}=v();return t&&o?jsx("button",{type:"button",onClick:o,className:`novatx:cursor-pointer novatx:rounded-t-md novatx:sm:rounded-md
|
|
4
|
+
novatx:bg-gradient-to-r novatx:from-[var(--tuwa-button-gradient-from)] novatx:to-[var(--tuwa-button-gradient-to)]
|
|
5
|
+
novatx:px-4 novatx:py-2 novatx:text-sm novatx:font-semibold novatx:text-[var(--tuwa-text-on-accent)] novatx:transition-opacity
|
|
6
|
+
novatx:hover:from-[var(--tuwa-button-gradient-from-hover)] novatx:hover:to-[var(--tuwa-button-gradient-to-hover)]`,children:c.retry}):!n&&!r&&s?jsx("button",{type:"button",onClick:l,className:`novatx:cursor-pointer novatx:rounded-md
|
|
7
|
+
novatx:bg-[var(--tuwa-bg-muted)] novatx:px-4 novatx:py-2 novatx:text-sm novatx:font-semibold novatx:text-[var(--tuwa-text-primary)]
|
|
8
|
+
novatx:transition-colors novatx:hover:bg-[var(--tuwa-border-primary)]`,children:c.allTransactions}):null},bo=({onClose:t,onOpenAllTransactions:o,isProcessing:n,onRetry:r,onSpeedUp:s,onCancel:l,canReplace:c,isFailed:i,connectedWalletAddress:p})=>{let{trackingModal:a,actions:e}=v();return jsxs("footer",{className:`novatx:flex novatx:w-full novatx:items-center novatx:justify-between
|
|
9
|
+
novatx:border-t novatx:border-[var(--tuwa-border-primary)] novatx:p-4`,children:[jsx("div",{className:"novatx:flex novatx:items-center novatx:gap-4",children:c&&s&&l&&jsxs(Fragment,{children:[jsx("button",{type:"button",onClick:s,className:`novatx:cursor-pointer novatx:text-sm novatx:font-medium
|
|
10
|
+
novatx:text-[var(--tuwa-text-accent)] novatx:transition-opacity novatx:hover:opacity-80`,children:e.speedUp}),jsx("button",{type:"button",onClick:l,className:`novatx:cursor-pointer novatx:text-sm novatx:font-medium
|
|
11
|
+
novatx:text-[var(--tuwa-text-secondary)] novatx:transition-opacity novatx:hover:opacity-80`,children:e.cancel})]})}),jsxs("div",{className:"novatx:flex novatx:items-center novatx:gap-3",children:[jsx(yo,{isFailed:i,onRetry:r,isProcessing:n,canReplace:c,connectedWalletAddress:p,onOpenAllTransactions:o}),jsx("button",{type:"button",onClick:t,disabled:n&&!c,className:`novatx:cursor-pointer novatx:rounded-md novatx:bg-[var(--tuwa-bg-muted)] novatx:px-4 novatx:py-2 novatx:text-sm novatx:font-semibold
|
|
12
|
+
novatx:text-[var(--tuwa-text-primary)] novatx:transition-colors novatx:hover:bg-[var(--tuwa-border-primary)]
|
|
13
|
+
novatx:disabled:cursor-not-allowed novatx:disabled:opacity-50`,children:n&&!c?a.processing:a.close})]})]})};function bt({error:t,className:o}){let{isCopied:n,copy:r}=useCopyToClipboard(),{actions:s,txError:l}=v();return t?jsxs("div",{className:cn("novatx:rounded-lg novatx:border novatx:border-[var(--tuwa-error-icon)]/30 novatx:bg-[var(--tuwa-error-bg)] novatx:p-3 novatx:text-sm",o),children:[jsxs("div",{className:"novatx:mb-2 novatx:flex novatx:items-center novatx:justify-between",children:[jsxs("div",{className:"novatx:flex novatx:items-center novatx:gap-2 novatx:font-bold novatx:text-[var(--tuwa-error-icon)]",children:[jsx(ExclamationTriangleIcon,{className:"novatx:h-5 novatx:w-5"}),jsx("span",{children:l.title})]}),jsx("button",{type:"button",onClick:()=>r(t),title:n?l.copied:s.copy,"aria-label":n?l.copied:`${s.copy} error message`,className:"novatx:cursor-pointer novatx:text-[var(--tuwa-error-icon)]/50 novatx:transition-colors novatx:hover:text-[var(--tuwa-error-icon)]",children:n?jsx(CheckIcon,{className:"novatx:h-5 novatx:w-5 novatx:text-[var(--tuwa-success-icon)]"}):jsx(DocumentDuplicateIcon,{className:"novatx:h-5 novatx:w-5"})})]}),jsx("div",{className:"novatx:max-h-24 novatx:overflow-y-auto novatx:rounded novatx:bg-[var(--tuwa-bg-primary)] novatx:p-2",children:jsx("p",{className:"novatx:font-mono novatx:text-xs novatx:text-[var(--tuwa-error-text)] novatx:break-all",children:t})})]}):null}function Ro({label:t,value:o}){return jsxs("div",{className:"novatx:flex novatx:items-center novatx:justify-between novatx:text-sm",children:[jsx("span",{className:"novatx:text-[var(--tuwa-text-secondary)]",children:t}),jsx("span",{className:"novatx:font-medium novatx:text-[var(--tuwa-text-primary)]",children:o})]})}function Ct({tx:t,adapter:o,className:n,customization:r}){let{txInfo:s,statuses:l,hashLabels:c}=v(),i=selectAdapterByKey({adapterKey:t.adapter,adapter:o});if(!i)return null;let{InfoRow:p=Ro}=r?.components??{},a="chainId"in t?t.chainId:t.desiredChainID,e=t.adapter===OrbitAdapter.SOLANA,x=e?t:void 0;return jsxs("div",{className:cn("novatx:flex novatx:flex-col novatx:gap-3 novatx:rounded-lg novatx:border novatx:border-[var(--tuwa-border-primary)] novatx:bg-[var(--tuwa-bg-primary)] novatx:p-3",n),children:[jsx(p,{label:s.network,value:jsxs("div",{className:"novatx:flex novatx:items-center novatx:justify-end novatx:gap-2",children:[jsx("div",{className:"novatx:h-4 novatx:w-4",children:jsx(Web3Icon,{chainId:setChainId(a)})}),jsx("span",{children:getChainName(setChainId(a))})]})}),t.localTimestamp&&jsx(p,{label:s.started,value:kt.unix(t.localTimestamp).format("MMM D, HH:mm:ss")}),e&&jsxs(Fragment,{children:[x?.slot&&jsx(p,{label:s.slot,value:jsx(E,{hash:x.slot.toString(),explorerUrl:i?.getExplorerUrl?`${i?.getExplorerUrl(`/block/${x.slot}`)}`:void 0})}),(typeof x?.confirmations=="number"||typeof x?.confirmations=="string")&&jsx(p,{label:l.confirmationsLabel,value:x.confirmations}),x?.recentBlockhash&&jsx(p,{label:c.recentBlockhash,value:jsx(E,{hash:x.recentBlockhash})})]}),"txKey"in t&&t.txKey&&jsx("div",{className:"novatx:border-t novatx:border-[var(--tuwa-border-primary)] novatx:pt-3",children:jsx(K,{tx:t,adapter:o,variant:"history",renderHashLink:r?.components?.transactionKey})})]})}var Uo={completed:{line:"novatx:bg-[var(--tuwa-success-icon)]",border:"novatx:border-[var(--tuwa-success-icon)]",fill:"novatx:bg-[var(--tuwa-success-icon)]"},error:{line:"novatx:bg-[var(--tuwa-error-icon)]",border:"novatx:border-[var(--tuwa-error-icon)]",fill:"novatx:bg-[var(--tuwa-error-icon)]"},replaced:{line:"novatx:bg-[var(--tuwa-info-icon)]",border:"novatx:border-[var(--tuwa-info-icon)]",fill:"novatx:bg-[var(--tuwa-info-icon)]"},active:{line:"novatx:bg-[var(--tuwa-pending-icon)]",border:"novatx:border-[var(--tuwa-pending-icon)]",fill:"novatx:bg-transparent",pulse:"novatx:bg-[var(--tuwa-pending-icon)]"},inactive:{line:"novatx:bg-[var(--tuwa-border-primary)]",border:"novatx:border-[var(--tuwa-border-primary)]",fill:"novatx:bg-transparent"}};function Fo({status:t,label:o,isFirst:n=false}){let r=Uo[t],s=()=>{switch(t){case "completed":return jsx(CheckIcon,{className:"novatx:h-3 novatx:w-3 novatx:text-white"});case "error":return jsx(ExclamationTriangleIcon,{className:"novatx:h-3 novatx:w-3 novatx:text-white"});case "replaced":return jsx(ArrowPathIcon,{className:"novatx:h-3 novatx:w-3 novatx:text-white"});case "active":return jsx("div",{className:cn("novatx:h-2 novatx:w-2 novatx:animate-pulse novatx:rounded-full",r.pulse)});default:return null}};return jsxs("div",{className:"novatx:relative novatx:flex novatx:min-w-[80px] novatx:flex-1 novatx:flex-col novatx:items-center",children:[!n&&jsx("div",{className:cn("novatx:absolute novatx:right-1/2 novatx:top-[10px] novatx:h-0.5 novatx:w-full",r.line)}),jsx("div",{className:cn("novatx:relative novatx:z-10 novatx:flex novatx:h-5 novatx:w-5 novatx:items-center novatx:justify-center novatx:rounded-full novatx:border-2",r.border,r.fill),children:s()}),jsx("span",{className:cn("novatx:mt-2 novatx:text-center novatx:text-xs",t!=="inactive"?"novatx:font-semibold novatx:text-[var(--tuwa-text-primary)]":"novatx:text-[var(--tuwa-text-secondary)]"),children:o})]})}function wt({isProcessing:t,isSucceed:o,isFailed:n,isReplaced:r,className:s,StepComponent:l=Fo}){let{trackingModal:c,statuses:i}=v(),p=useMemo(()=>{let a=x=>{if(x===1)return "completed";if(x===2){if(o||n||r)return "completed";if(t)return "active"}if(x===3){if(o)return "completed";if(n)return "error";if(r)return "replaced";if(t)return "active"}return "inactive"},e=x=>x===1?c.progressIndicator.created:x===2?c.progressIndicator.processing:n?i.failed:r?i.replaced:c.progressIndicator.succeed;return [{status:a(1),label:e(1),isFirst:true},{status:a(2),label:e(2)},{status:a(3),label:e(3),isLast:true}]},[t,o,n,r,c,i]);return jsx("div",{className:cn("novatx:flex novatx:w-full novatx:items-start novatx:px-4 novatx:pt-2 novatx:pb-1",s),children:p.map((a,e)=>jsx(l,{...a},e))})}var Xo={succeed:{Icon:CheckCircleIcon,className:"novatx:text-[var(--tuwa-success-icon)]"},failed:{Icon:ExclamationCircleIcon,className:"novatx:text-[var(--tuwa-error-icon)]"},replaced:{Icon:ArrowPathIcon,className:"novatx:text-[var(--tuwa-info-icon)]"},processing:{Icon:ArrowPathIcon,className:"novatx:animate-spin novatx:text-[var(--tuwa-text-accent)]"},initializing:{Icon:ClockIcon,className:"novatx:animate-pulse novatx:text-[var(--tuwa-pending-icon)]"}};function ht({isProcessing:t,isSucceed:o,isFailed:n,isReplaced:r}){let s=o&&"succeed"||n&&"failed"||r&&"replaced"||t&&"processing"||"initializing",{Icon:l,className:c}=Xo[s];return jsx("div",{className:"novatx:flex novatx:justify-center novatx:py-4",children:jsx(l,{className:cn("novatx:h-16 novatx:w-16",c)})})}kt.extend(qo);var Qo=({chainId:t})=>jsx("div",{className:"novatx:h-8 novatx:w-8 novatx:text-[var(--tuwa-text-secondary)]",children:jsx(Web3Icon,{chainId:setChainId(t)})}),Zo=({timestamp:t})=>jsx("span",{className:"novatx:mb-1 novatx:block novatx:text-xs novatx:text-[var(--tuwa-text-secondary)]",children:t?kt.unix(t).fromNow():"..."});function St({tx:t,adapter:o,className:n,customization:r}){let{Icon:s=Qo,Title:l=B,Description:c=B,Timestamp:i=Zo,StatusBadge:p=_,TransactionKey:a=K}=r?.components??{};return jsxs("div",{className:cn("novatx:flex novatx:flex-col novatx:gap-2 novatx:border-b novatx:border-[var(--tuwa-border-secondary)] novatx:p-3 novatx:transition-colors novatx:hover:bg-[var(--tuwa-bg-secondary)]",n),children:[jsxs("div",{className:"novatx:flex novatx:items-start novatx:justify-between",children:[jsxs("div",{className:"novatx:flex novatx:items-center novatx:gap-4",children:[jsx("div",{className:"novatx:flex novatx:h-10 novatx:w-10 novatx:flex-shrink-0 novatx:items-center novatx:justify-center novatx:rounded-full novatx:bg-[var(--tuwa-bg-muted)]",children:jsx(s,{chainId:t.chainId})}),jsxs("div",{children:[jsx(l,{txStatus:t.status,source:t.title,fallback:t.type,variant:"title",applyColor:true}),jsx(i,{timestamp:t.localTimestamp}),jsx(c,{txStatus:t.status,source:t.description,variant:"description"})]})]}),jsx(p,{tx:t})]}),jsx(a,{tx:t,adapter:o,variant:"history"})]})}function oa({title:t,message:o,className:n}){return jsxs("div",{className:cn("novatx:rounded-lg novatx:bg-[var(--tuwa-bg-muted)] novatx:p-8 novatx:text-center",n),children:[jsx("h4",{className:"novatx:font-semibold novatx:text-[var(--tuwa-text-primary)]",children:t}),jsx("p",{className:"novatx:mt-1 novatx:text-sm novatx:text-[var(--tuwa-text-secondary)]",children:o})]})}function At({adapter:t,connectedWalletAddress:o,transactionsPool:n,className:r,customization:s}){let{transactionsModal:l}=v(),c=useMemo(()=>o?selectAllTransactionsByActiveWallet(n,o).sort((x,f)=>(f.localTimestamp??0)-(x.localTimestamp??0)):[],[n,o]),{Placeholder:i=oa,HistoryItem:p=St}=s?.components??{},a=()=>o?c.length>0?jsx("div",{className:cn("NovaCustomScroll novatx:max-h-[400px] novatx:overflow-y-auto novatx:rounded-lg novatx:border novatx:border-[var(--tuwa-border-primary)] novatx:bg-[var(--tuwa-bg-primary)]",s?.classNames?.listWrapper),children:c.map(e=>jsx(p,{tx:e,adapter:t},e.txKey))}):jsx(i,{title:l.history.noTransactionsTitle,message:l.history.noTransactionsMessage}):jsx(i,{title:l.history.connectWalletTitle,message:l.history.connectWalletMessage});return jsxs("div",{className:cn("novatx:flex novatx:flex-col novatx:gap-y-3",r),children:[s?.title&&jsx("h3",{className:"novatx:text-lg novatx:font-bold novatx:text-[var(--tuwa-text-primary)]",children:s?.title}),a()]})}var ca=({closeModal:t,title:o})=>{let{actions:n}=v();return jsxs(DialogHeader,{children:[jsx(DialogTitle,{children:o}),jsx(DialogClose,{asChild:true,children:jsx("button",{type:"button",onClick:t,"aria-label":n.close,className:`novatx:cursor-pointer novatx:rounded-full novatx:p-1
|
|
14
|
+
novatx:text-[var(--tuwa-text-tertiary)] novatx:transition-colors
|
|
15
|
+
novatx:hover:bg-[var(--tuwa-bg-muted)] novatx:hover:text-[var(--tuwa-text-primary)]`,children:jsx(CloseIcon,{})})})]})};function Ht({isOpen:t,setIsOpen:o,customization:n,adapter:r,connectedWalletAddress:s,transactionsPool:l}){let{transactionsModal:c}=v(),i=()=>o(false),p=n?.components?.Header,a=n?.components?.History;return jsx(Dialog,{open:t,onOpenChange:e=>!e&&i(),children:jsx(DialogContent,{className:cn("novatx:w-full novatx:sm:max-w-2xl",n?.modalProps?.className),...n?.modalProps,children:jsxs("div",{className:cn("novatx:relative novatx:max-h-[95dvh] novatx:w-full novatx:flex novatx:flex-col",n?.classNames?.contentWrapper),children:[p?jsx(p,{closeModal:i}):jsx(ca,{closeModal:i,title:c.history.title}),a?jsx(a,{adapter:r,transactionsPool:l,connectedWalletAddress:s}):jsx(At,{adapter:r,transactionsPool:l,connectedWalletAddress:s})]})})})}var fa={[TransactionStatus.Success]:"success",[TransactionStatus.Failed]:"error",[TransactionStatus.Replaced]:"info"};function Ur({adapter:t,connectedWalletAddress:o,connectedAdapterType:n,transactionsPool:r,initialTx:s,executeTxAction:l,closeTxTrackedModal:c,labels:i,features:p,customization:a,...e}){let[x,f]=useState(false),b=useRef(r),T="nova-transactions",m=useMediaQuery("(max-width: 767px)"),u=useMemo(()=>({toasts:p?.toasts??true,transactionsModal:p?.transactionsModal??true,trackingTxModal:p?.trackingTxModal??true}),[p]),A=useMemo(()=>deepMerge(z,i||{}),[i]),w=useCallback(g=>{if(!u.toasts)return;let h=g.pending?"info":fa[g.status]??"info",I=W=>jsx(mt,{...W,tx:g,openTxInfoModal:u.transactionsModal?()=>f(true):void 0,customization:a?.toast,adapter:t,connectedWalletAddress:o});toast.isActive(g.txKey)?toast.update(g.txKey,{render:I,type:h,containerId:T}):toast(I,{toastId:g.txKey,type:h,closeOnClick:false,containerId:T});},[r,u,a?.toast,t,o]);useEffect(()=>{let g=b.current;Object.values(r).forEach(h=>{let I=g[h.txKey];if(!I&&h.pending){w(h);return}I&&JSON.stringify(I)!==JSON.stringify(h)&&w(h);}),b.current=r;},[r,w]),useEffect(()=>{Object.values(r).forEach(g=>{toast.isActive(g.txKey,T)&&w(g);});},[o,w,r]);let F=!!s?.withTrackedModal&&r[s?.lastTxKey??""]?.isTrackedModalOpen,S=u.toasts&&(!m||!F&&!x);return jsxs(ct,{labels:A,children:[S&&jsx(ToastContainer,{position:"bottom-right",stacked:true,autoClose:false,hideProgressBar:true,closeOnClick:false,icon:false,closeButton:ToastCloseButton,containerId:T,toastClassName:"novatx:!p-0 novatx:!bg-transparent novatx:!shadow-none novatx:!min-h-0",...e}),u.transactionsModal&&jsx(Ht,{isOpen:x,setIsOpen:f,customization:a?.transactionsInfoModal,adapter:t,connectedWalletAddress:o,connectedAdapterType:n,transactionsPool:r}),u.trackingTxModal&&jsx(yt,{initialTx:s,onClose:c,onOpenAllTransactions:()=>f(true),transactionsPool:r,customization:a?.trackingTxModal,executeTxAction:l,adapter:t,connectedWalletAddress:o})]})}export{ct as NovaTransactionsLabelsProvider,Ur as NovaTransactionsProvider,v as useLabels};//# sourceMappingURL=index.js.map
|
|
13
16
|
//# sourceMappingURL=index.js.map
|