@relayprotocol/relay-kit-ui 2.17.2

package/_esm/src/components/common/TransactionModal/steps/ApprovalPlusSwapStep.js

@@ -0,0 +1,77 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import {} from 'react';
+import { Flex, Text, ChainTokenIcon, Box, Anchor } from '../../../primitives/index.js';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { LoadingSpinner } from '../../LoadingSpinner.js';
+import {} from '../../../../types/index.js';
+import { faArrowRight } from '@fortawesome/free-solid-svg-icons/faArrowRight';
+import { formatDollar } from '../../../../utils/numbers.js';
+import { faCheck } from '@fortawesome/free-solid-svg-icons/faCheck';
+import { faRepeat } from '@fortawesome/free-solid-svg-icons';
+import { truncateAddress } from '../../../../utils/truncate.js';
+import { getTxBlockExplorerUrl } from '../../../../utils/getTxBlockExplorerUrl.js';
+import useRelayClient from '../../../../hooks/useRelayClient.js';
+export const ApprovalPlusSwapStep = ({ fromToken, toToken, quote, fromAmountFormatted, toAmountFormatted, steps }) => {
+    const details = quote?.details;
+    const relayClient = useRelayClient();
+    return (_jsxs(_Fragment, { children: [_jsxs(Flex, { align: "center", justify: "between", direction: "column", css: { flexShrink: 0, bp500: { flexDirection: 'row' } }, children: [_jsx(Flex, { direction: "column", css: {
+                            backgroundColor: 'subtle-background-color',
+                            p: '12px 16px',
+                            borderRadius: 12,
+                            gap: 1,
+                            width: '100%'
+                        }, children: _jsxs(Flex, { direction: "column", align: "start", css: { gap: '1', cursor: 'pointer' }, children: [_jsx(ChainTokenIcon, { chainId: fromToken?.chainId, tokenlogoURI: fromToken?.logoURI, tokenSymbol: fromToken?.symbol, css: { height: 32, width: 32 } }), _jsxs(Text, { style: "h6", ellipsify: true, children: [fromAmountFormatted, " ", fromToken?.symbol] }), _jsx(Text, { style: "subtitle3", color: "subtle", children: formatDollar(Number(details?.currencyIn?.amountUsd)) })] }) }), _jsx(Text, { style: "body1", css: {
+                            color: 'gray9',
+                            p: '0 16px',
+                            bp400Down: { transform: 'rotate(90deg)' }
+                        }, children: _jsx(FontAwesomeIcon, { icon: faArrowRight, width: 16 }) }), _jsx(Flex, { direction: "column", css: {
+                            backgroundColor: 'subtle-background-color',
+                            p: '12px 16px',
+                            borderRadius: 12,
+                            gap: 1,
+                            width: '100%'
+                        }, children: _jsxs(Flex, { direction: "column", align: "start", css: { gap: '1', cursor: 'pointer' }, children: [_jsx(ChainTokenIcon, { chainId: toToken?.chainId, tokenlogoURI: toToken?.logoURI, tokenSymbol: toToken?.symbol, css: { height: 32, width: 32 } }), _jsxs(Text, { style: "h6", ellipsify: true, children: [toAmountFormatted, " ", toToken?.symbol] }), _jsx(Text, { style: "subtitle3", color: "subtle", children: formatDollar(Number(details?.currencyOut?.amountUsd)) })] }) })] }), _jsx(Flex, { direction: "column", css: {
+                    '--borderColor': 'colors.gray3',
+                    border: '1px solid var(--borderColor)',
+                    borderRadius: 12,
+                    p: '3',
+                    height: 260,
+                    gap: '8px'
+                }, children: steps?.map((step, index) => {
+                    const isCurrentStep = step.items?.some((item) => item.status === 'incomplete') &&
+                        !steps
+                            ?.slice(0, steps?.indexOf(step))
+                            ?.some((s) => s.items?.some((item) => item.status === 'incomplete'));
+                    const hasTxHash = step?.items?.[0]?.txHashes?.length &&
+                        step?.items?.[0]?.txHashes?.length > 0;
+                    const isApproveStep = step.id === 'approve';
+                    const stepTitle = isApproveStep
+                        ? 'Approve in wallet'
+                        : hasTxHash
+                            ? `Swapping ${fromToken?.symbol} for ${toToken?.symbol}`
+                            : 'Confirm swap in wallet';
+                    return (_jsxs(Box, { children: [_jsxs(Flex, { align: "center", justify: "between", css: { width: '100%', gap: '3' }, children: [_jsxs(Flex, { align: "center", css: { gap: '2', height: 40 }, children: [step.id === 'approve' ? (_jsx(ChainTokenIcon, { chainId: fromToken?.chainId, tokenlogoURI: fromToken?.logoURI, tokenSymbol: fromToken?.symbol, css: {
+                                                    borderRadius: 9999999,
+                                                    flexShrink: 0,
+                                                    filter: isCurrentStep ? 'none' : 'grayscale(100%)'
+                                                } })) : (_jsx(Flex, { css: {
+                                                    height: 32,
+                                                    width: 32,
+                                                    borderRadius: 9999999,
+                                                    flexShrink: 0,
+                                                    backgroundColor: isCurrentStep ? 'primary5' : 'gray5',
+                                                    color: isCurrentStep ? 'primary8' : 'gray9',
+                                                    alignItems: 'center',
+                                                    justifyContent: 'center'
+                                                }, children: _jsx(FontAwesomeIcon, { icon: faRepeat, width: 16 }) })), _jsxs(Flex, { direction: "column", css: { gap: '2px' }, children: [_jsx(Text, { style: "subtitle2", children: stepTitle }), isApproveStep && !hasTxHash && (_jsx(Anchor, { css: { fontSize: 12 }, href: "https://support.relay.link/en/articles/10371133-why-do-i-have-to-approve-a-token", target: "_blank", children: "Why do I have to approve a token?" })), hasTxHash &&
+                                                        step?.items?.[0]?.txHashes?.map(({ txHash, chainId }) => {
+                                                            const txUrl = getTxBlockExplorerUrl(chainId, relayClient?.chains, txHash);
+                                                            return (_jsxs(Anchor, { href: txUrl, target: "_blank", css: { fontSize: 12 }, children: ["View Tx: ", truncateAddress(txHash, '...', 6, 4)] }, txHash));
+                                                        })] })] }), _jsx(Flex, { children: isCurrentStep && hasTxHash ? (_jsx(LoadingSpinner, { css: { height: 16, width: 16, fill: 'gray9' } })) : step?.items?.every((item) => item.status === 'complete') ? (_jsx(Box, { css: { color: 'green9' }, children: _jsx(FontAwesomeIcon, { icon: faCheck, width: 16 }) })) : null })] }), index !== (steps?.length || 0) - 1 && (_jsx(Box, { css: { height: '14px', pl: '16px', marginTop: '12px' }, children: _jsx(Box, { css: {
+                                        width: '1px',
+                                        height: '100%',
+                                        backgroundColor: 'gray11'
+                                    } }) }))] }, step.id));
+                }) })] }));
+};
+//# sourceMappingURL=ApprovalPlusSwapStep.js.map

package/_esm/src/components/common/TransactionModal/steps/ApprovalPlusSwapStep.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApprovalPlusSwapStep.js","sourceRoot":"","sources":["../../../../../../src/components/common/TransactionModal/steps/ApprovalPlusSwapStep.tsx"],"names":[],"mappings":"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"}

package/_esm/src/components/common/TransactionModal/steps/DepositAddressValidatingStep.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Anchor, Button, Flex, Text } from '../../../primitives/index.js';
+import { LoadingSpinner } from '../../LoadingSpinner.js';
+import { useExecutionStatus } from '@relayprotocol/relay-kit-hooks';
+import { useRelayClient } from '../../../../hooks/index.js';
+import getChainBlockExplorerUrl from '../../../../utils/getChainBlockExplorerUrl.js';
+import { truncateAddress } from '../../../../utils/truncate.js';
+export const DepositAddressValidatingStep = ({ txHashes, status }) => {
+    const relayClient = useRelayClient();
+    const transactionBaseUrl = relayClient?.baseApiUrl && relayClient.baseApiUrl.includes('testnet')
+        ? 'https://testnets.relay.link'
+        : 'https://relay.link';
+    const txHash = txHashes && txHashes[0] ? txHashes[0] : undefined;
+    return (_jsxs(_Fragment, { children: [_jsxs(Flex, { direction: "column", align: "center", justify: "between", children: [_jsx(LoadingSpinner, { css: { height: 40, width: 40, fill: 'primary-color' } }), _jsx(Text, { style: "subtitle2", css: { mt: '4', mb: '2', textAlign: 'center' }, children: "Funds received. Your transaction is now in progress." }), status === 'delayed' ? (_jsx(Flex, { css: { px: '4', py: '3', background: 'amber2', borderRadius: 12 }, children: _jsx(Text, { style: "subtitle2", css: { textAlign: 'center' }, children: "Your transaction is currently delayed. We apologize for the inconvenience and appreciate your patience. After 5 minutes, your transaction will either be processed or refunded. If this is urgent, please contact support." }) })) : null, _jsxs(Text, { color: "subtle", style: "body2", css: { mt: 12, textAlign: 'center' }, children: ["Feel free to leave at any time, you can track your progress within the", ' ', _jsxs(Anchor, { href: `${transactionBaseUrl}/transaction/${txHash}`, target: "_blank", rel: "noreffer", children: [' ', "transaction page"] }), "."] })] }), _jsxs(Button, { disabled: true, css: {
+                    color: 'button-disabled-color !important',
+                    mt: 8,
+                    justifyContent: 'center'
+                }, children: [_jsx(LoadingSpinner, { css: { height: 16, width: 16, fill: 'button-disabled-color' } }), "Validating Transaction"] })] }));
+};
+//# sourceMappingURL=DepositAddressValidatingStep.js.map

package/_esm/src/components/common/TransactionModal/steps/DepositAddressValidatingStep.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DepositAddressValidatingStep.js","sourceRoot":"","sources":["../../../../../../src/components/common/TransactionModal/steps/DepositAddressValidatingStep.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAA;AACzE,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAExD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAA;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAC3D,OAAO,wBAAwB,MAAM,+CAA+C,CAAA;AACpF,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAO/D,MAAM,CAAC,MAAM,4BAA4B,GAErC,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE;IAC3B,MAAM,WAAW,GAAG,cAAc,EAAE,CAAA;IACpC,MAAM,kBAAkB,GACtB,WAAW,EAAE,UAAU,IAAI,WAAW,CAAC,UAAU,CAAC,QAAQ,CAAC,SAAS,CAAC;QACnE,CAAC,CAAC,6BAA6B;QAC/B,CAAC,CAAC,oBAAoB,CAAA;IAC1B,MAAM,MAAM,GAAG,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAEhE,OAAO,CACL,8BACE,MAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,SAAS,aACvD,KAAC,cAAc,IACb,GAAG,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,IAAI,EAAE,eAAe,EAAE,GACrD,EACF,KAAC,IAAI,IAAC,KAAK,EAAC,WAAW,EAAC,GAAG,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,qEAE/D,EACN,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,CACtB,KAAC,IAAI,IACH,GAAG,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,UAAU,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE,EAAE,YAEjE,KAAC,IAAI,IAAC,KAAK,EAAC,WAAW,EAAC,GAAG,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,2OAK7C,GACF,CACR,CAAC,CAAC,CAAC,IAAI,EACR,MAAC,IAAI,IACH,KAAK,EAAC,QAAQ,EACd,KAAK,EAAC,OAAO,EACb,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,uFAEmC,GAAG,EAC1E,MAAC,MAAM,IACL,IAAI,EAAE,GAAG,kBAAkB,gBAAgB,MAAM,EAAE,EACnD,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,UAAU,aAEb,GAAG,wBAEG,SAEJ,IACF,EACP,MAAC,MAAM,IACL,QAAQ,EAAE,IAAI,EACd,GAAG,EAAE;oBACH,KAAK,EAAE,kCAAkC;oBACzC,EAAE,EAAE,CAAC;oBACL,cAAc,EAAE,QAAQ;iBACzB,aAED,KAAC,cAAc,IACb,GAAG,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,IAAI,EAAE,uBAAuB,EAAE,GAC7D,8BAEK,IACR,CACJ,CAAA;AACH,CAAC,CAAA"}

package/_esm/src/components/common/TransactionModal/steps/ErrorStep.js

@@ -0,0 +1,80 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import {} from 'react';
+import { Box, Button, Flex, Text } from '../../../primitives/index.js';
+import { motion } from 'framer-motion';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faCircleExclamation } from '@fortawesome/free-solid-svg-icons/faCircleExclamation';
+import ErrorWell from '../../ErrorWell.js';
+import {} from 'viem';
+import {} from '../TransactionModalRenderer.js';
+import { useRelayClient } from '../../../../hooks/index.js';
+import { faCircleXmark, faRotateRight } from '@fortawesome/free-solid-svg-icons/index.js';
+import { getTxBlockExplorerUrl } from '../../../../utils/getTxBlockExplorerUrl.js';
+import { JSONToError } from '../../../../utils/errors.js';
+import { TransactionsByChain } from './TransactionsByChain.js';
+import RefundReason from '../../../common/RefundReason.js';
+export const ErrorStep = ({ error, address, allTxHashes, transaction, fromChain, toChain, onOpenChange }) => {
+    const parsedError = JSONToError(error);
+    const errorMessage = transaction?.data?.failReason ?? parsedError?.message;
+    const isRefund = errorMessage?.toLowerCase()?.includes('refunded') ||
+        transaction?.status === 'refund';
+    const hasTxHashes = allTxHashes && allTxHashes.length > 0;
+    const isSolverStatusTimeout = parsedError?.message?.includes('solver status check');
+    const relayClient = useRelayClient();
+    const baseTransactionUrl = relayClient?.baseApiUrl.includes('testnets')
+        ? 'https://testnets.relay.link'
+        : 'https://relay.link';
+    const depositTx = allTxHashes ? allTxHashes[0] : undefined;
+    const depositTxUrl = getTxBlockExplorerUrl(depositTx?.chainId, relayClient?.chains, depositTx?.txHash);
+    let fillTx = allTxHashes && allTxHashes.length > 1
+        ? allTxHashes[allTxHashes.length - 1]
+        : undefined;
+    if (transaction &&
+        transaction.status === 'refund' &&
+        transaction.data?.outTxs) {
+        fillTx = {
+            txHash: transaction.data.outTxs[0].hash,
+            chainId: transaction.data.outTxs[0].chainId
+        };
+    }
+    const fillTxUrl = getTxBlockExplorerUrl(fillTx?.chainId, relayClient?.chains, fillTx?.txHash);
+    const mergedError = isRefund && errorMessage ? new Error(errorMessage) : parsedError;
+    const refundDetails = transaction?.data?.refundCurrencyData;
+    const refundChain = transaction?.data?.refundCurrencyData?.currency?.chainId
+        ? relayClient?.chains.find((chain) => chain.id === transaction.data?.refundCurrencyData?.currency?.chainId)
+        : null;
+    return (_jsxs(Flex, { direction: "column", align: "center", justify: "between", css: { width: '100%' }, children: [_jsxs(motion.div, { initial: { scale: 0 }, animate: { scale: 1 }, transition: {
+                    type: 'spring',
+                    stiffness: 260,
+                    damping: 20
+                }, children: [isRefund ? (_jsx(Box, { css: { color: 'gray9', mr: '$2' }, children: _jsx(FontAwesomeIcon, { icon: faRotateRight, style: { height: 40 } }) })) : null, !isRefund && isSolverStatusTimeout ? (_jsx(Box, { css: { color: 'amber9', mr: '$2' }, children: _jsx(FontAwesomeIcon, { icon: faCircleExclamation, style: { height: 40 } }) })) : null, !isRefund && !isSolverStatusTimeout ? (_jsx(Box, { css: { color: 'red9', mr: '$2' }, children: _jsx(FontAwesomeIcon, { icon: faCircleXmark, style: { height: 40 } }) })) : null] }), isRefund ? (_jsxs(Text, { style: "subtitle2", css: { my: '4', textAlign: 'center' }, children: [_jsx(RefundReason, { reasonCode: transaction?.data?.failReason }), refundDetails
+                        ? `We’ve
+          refunded ${refundDetails.amountFormatted} ${refundDetails.currency?.symbol} on ${refundChain?.displayName}.`
+                        : `We apologize for the inconvenience, a refund has been sent to your wallet address.`] })) : (_jsx(ErrorWell, { error: mergedError, hasTxHashes: hasTxHashes, fromChain: fromChain })), depositTx || fillTx ? (_jsxs(_Fragment, { children: [_jsx(Flex, { direction: "column", css: {
+                            p: '3',
+                            '--borderColor': 'colors.subtle-border-color',
+                            border: '1px solid var(--borderColor)',
+                            gap: '3',
+                            width: '100%',
+                            borderRadius: 12,
+                            mb: 24
+                        }, children: _jsx(TransactionsByChain, { allTxHashes: allTxHashes, fromChain: fromChain, toChain: toChain, isSolverStatusTimeout: isSolverStatusTimeout, refundData: refundDetails }) }), _jsxs(Flex, { css: { gap: '3', width: '100%' }, children: [_jsx(Button, { color: "secondary", onClick: () => {
+                                    window.open(depositTx
+                                        ? `${baseTransactionUrl}/transaction/${depositTx.txHash}`
+                                        : `${baseTransactionUrl}/transactions?address=${address}`, '_blank');
+                                }, css: {
+                                    justifyContent: 'center',
+                                    width: '100%'
+                                }, children: "View Details" }), _jsx(Button, { onClick: () => {
+                                    onOpenChange(false);
+                                }, css: {
+                                    justifyContent: 'center',
+                                    width: '100%'
+                                }, children: "Done" })] })] })) : (_jsx(Button, { onClick: () => {
+                    onOpenChange(false);
+                }, css: {
+                    justifyContent: 'center',
+                    width: '100%'
+                }, children: "Done" }))] }));
+};
+//# sourceMappingURL=ErrorStep.js.map

package/_esm/src/components/common/TransactionModal/steps/ErrorStep.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorStep.js","sourceRoot":"","sources":["../../../../../../src/components/common/TransactionModal/steps/ErrorStep.tsx"],"names":[],"mappings":"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"}

package/_esm/src/components/common/TransactionModal/steps/SwapConfirmationStep.js

@@ -0,0 +1,112 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { Flex, Text, ChainTokenIcon, Box, Anchor, ChainIcon } from '../../../primitives/index.js';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import {} from '../../../../types/index.js';
+import { faArrowRight } from '@fortawesome/free-solid-svg-icons/faArrowRight';
+import useRelayClient from '../../../../hooks/useRelayClient.js';
+import { faCheck, faExternalLink } from '@fortawesome/free-solid-svg-icons';
+import { getTxBlockExplorerUrl } from '../../../../utils/getTxBlockExplorerUrl.js';
+import { truncateAddress } from '../../../../utils/truncate.js';
+import { formatTransactionSteps } from '../../../../utils/steps.js';
+import { formatBN } from '../../../../utils/numbers.js';
+export const SwapConfirmationStep = ({ fromToken, toToken, fromChain, toChain, fromAmountFormatted, toAmountFormatted, quote, steps }) => {
+    const operation = quote?.details?.operation || 'swap';
+    const { formattedSteps, status } = useMemo(() => formatTransactionSteps({
+        steps,
+        fromToken,
+        fromChain,
+        toChain,
+        operation
+    }), [steps, fromToken, toToken, fromChain, toChain, operation]);
+    const gasTopUpAmountCurrency = quote?.details?.currencyGasTopup?.currency;
+    const formattedGasTopUpAmount = quote?.details?.currencyGasTopup?.amount
+        ? formatBN(BigInt(quote?.details?.currencyGasTopup?.amount), 5, gasTopUpAmountCurrency?.decimals ?? 18)
+        : undefined;
+    return (_jsxs(_Fragment, { children: [_jsxs(Flex, { align: "center", justify: "between", direction: "column", css: { flexShrink: 0, bp500: { flexDirection: 'row' } }, children: [_jsxs(Flex, { direction: "row", css: {
+                            backgroundColor: 'subtle-background-color',
+                            p: '12px 16px',
+                            borderRadius: 12,
+                            gap: 2,
+                            width: '100%',
+                            alignItems: 'center',
+                            bp500: { flexDirection: 'column', gap: 1, alignItems: 'flex-start' }
+                        }, children: [_jsx(ChainTokenIcon, { chainId: fromToken?.chainId, tokenlogoURI: fromToken?.logoURI, tokenSymbol: fromToken?.symbol, css: { height: 32, width: 32 } }), _jsxs(Flex, { direction: "column", align: "start", css: { gap: '1' }, children: [_jsx(Text, { color: "subtle", style: "subtitle2", children: fromChain?.displayName }), _jsxs(Text, { style: "h6", ellipsify: true, css: { lineHeight: '20px' }, children: [fromAmountFormatted, " ", fromToken?.symbol] })] })] }), _jsx(Text, { style: "body1", css: {
+                            color: 'gray9',
+                            p: '0 12px',
+                            bp400Down: { transform: 'rotate(90deg)', p: '12px 0' }
+                        }, children: _jsx(FontAwesomeIcon, { icon: faArrowRight, width: 16 }) }), _jsxs(Flex, { direction: "row", css: {
+                            backgroundColor: 'subtle-background-color',
+                            p: '12px 16px',
+                            borderRadius: 12,
+                            gap: 2,
+                            width: '100%',
+                            alignItems: 'center',
+                            bp500: { flexDirection: 'column', gap: 1, alignItems: 'flex-start' }
+                        }, children: [_jsx(ChainTokenIcon, { chainId: toToken?.chainId, tokenlogoURI: toToken?.logoURI, tokenSymbol: toToken?.symbol, css: { height: 32, width: 32 } }), _jsxs(Flex, { direction: "column", align: "start", css: { gap: '1' }, children: [_jsx(Text, { color: "subtle", style: "subtitle2", children: toChain?.displayName }), _jsxs(Text, { style: "h6", ellipsify: true, css: { lineHeight: '20px' }, children: [toAmountFormatted, " ", toToken?.symbol] })] })] })] }), formattedGasTopUpAmount ? (_jsxs(Flex, { direction: "row", justify: "between", css: {
+                    backgroundColor: 'subtle-background-color',
+                    p: '12px 16px',
+                    borderRadius: 12,
+                    gap: 2,
+                    width: '100%',
+                    alignItems: 'center'
+                }, children: [_jsx(Text, { style: "subtitle2", color: "subtle", children: "Additional Gas" }), _jsxs(Text, { style: "subtitle2", children: [formattedGasTopUpAmount, " ", gasTopUpAmountCurrency?.symbol] })] })) : null, _jsxs(Flex, { direction: "column", css: {
+                    '--borderColor': 'colors.gray3',
+                    border: '1px solid var(--borderColor)',
+                    borderRadius: 12,
+                    px: '3',
+                    py: '2',
+                    gap: '1'
+                }, children: [formattedSteps.map((step, index) => (_jsxs(Box, { children: [_jsx(StepRow, { ...step }), index !== formattedSteps.length - 1 && (_jsx(Box, { css: { height: '14px', pl: '12px', marginTop: '4px' }, children: _jsx(Box, { css: {
+                                        width: '1px',
+                                        height: '100%',
+                                        backgroundColor: 'gray7'
+                                    } }) }))] }, step.id))), status === 'delayed' ? (_jsx(Flex, { css: { p: '3', background: 'amber2', borderRadius: 12 }, children: _jsx(Text, { style: "subtitle3", color: "warning", children: "Your transaction is delayed. We apologize for the inconvenience. Contact support if you need help." }) })) : null] })] }));
+};
+export const StepRow = ({ action, isActive, isCompleted, txHashes, isWalletAction, chainId, isApproveStep }) => {
+    const relayClient = useRelayClient();
+    const hasTxHash = txHashes && txHashes.length > 0;
+    return (_jsx(Flex, { align: "center", justify: "between", css: { width: '100%', gap: '3' }, children: _jsxs(Flex, { align: "center", css: { gap: '3', height: 40 }, children: [_jsx(Flex, { css: {
+                        height: 24,
+                        width: 24,
+                        borderRadius: 9999999,
+                        flexShrink: 0,
+                        alignItems: 'center',
+                        justifyContent: 'center',
+                        backgroundColor: isCompleted
+                            ? 'green3'
+                            : isActive
+                                ? 'primary6'
+                                : 'gray5',
+                        color: isCompleted ? 'green11' : isActive ? 'primary6' : 'gray9',
+                        animation: isActive && !isCompleted ? 'pulse-shadow 1s infinite' : 'none',
+                        animationDirection: 'alternate-reverse'
+                    }, children: isCompleted ? (_jsx(FontAwesomeIcon, { icon: faCheck, width: 12 })) : (_jsx(ChainIcon, { chainId: chainId, square: false, width: 24, height: 24, css: {
+                            borderRadius: 9999999,
+                            overflow: 'hidden',
+                            filter: isActive ? 'none' : 'grayscale(100%)',
+                            opacity: isActive ? 1 : 0.6
+                        } })) }), _jsxs(Flex, { direction: "column", css: { gap: '2px' }, children: [_jsxs(Flex, { align: "center", css: { gap: '2' }, children: [_jsx(Text, { style: "subtitle2", color: isActive ? undefined : 'subtle', children: action }), isWalletAction && (_jsx(Box, { css: {
+                                        backgroundColor: 'primary3',
+                                        borderRadius: 100,
+                                        px: '2',
+                                        py: '1'
+                                    }, children: _jsx(Text, { style: "subtitle3", css: {
+                                            color: 'primary11',
+                                            fontSize: '10px',
+                                            lineHeight: '12px'
+                                        }, children: "In Wallet" }) }))] }), isApproveStep && !hasTxHash && !isCompleted && (_jsx(Anchor, { css: { fontSize: 12 }, href: "https://support.relay.link/en/articles/10371133-why-do-i-have-to-approve-a-token", target: "_blank", children: "Why do I have to approve a token?" })), txHashes &&
+                            txHashes.length > 0 &&
+                            txHashes.map(({ txHash, chainId }) => {
+                                const txUrl = getTxBlockExplorerUrl(chainId, relayClient?.chains, txHash);
+                                if (txHash && txUrl) {
+                                    return (_jsxs(Anchor, { href: txUrl, target: "_blank", css: {
+                                            fontSize: 12,
+                                            display: 'flex',
+                                            alignItems: 'center',
+                                            gap: '1'
+                                        }, children: [!isApproveStep ? 'Deposit: ' : '', truncateAddress(txHash, '...', 6, 4), ' ', _jsx(FontAwesomeIcon, { icon: faExternalLink, width: 14 })] }, txHash));
+                                }
+                            })] })] }) }));
+};
+//# sourceMappingURL=SwapConfirmationStep.js.map

package/_esm/src/components/common/TransactionModal/steps/SwapConfirmationStep.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwapConfirmationStep.js","sourceRoot":"","sources":["../../../../../../src/components/common/TransactionModal/steps/SwapConfirmationStep.tsx"],"names":[],"mappings":"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"}

package/_esm/src/components/common/TransactionModal/steps/SwapSuccessStep.js

@@ -0,0 +1,130 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import {} from 'react';
+import { Box, Button, Flex, Pill, Text, ChainTokenIcon, ChainIcon, Skeleton } from '../../../primitives/index.js';
+import { motion } from 'framer-motion';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faBolt } from '@fortawesome/free-solid-svg-icons/faBolt';
+import { faCheck } from '@fortawesome/free-solid-svg-icons/faCheck';
+import {} from '../TransactionModalRenderer.js';
+import {} from '../../../../types/index.js';
+import { useRelayClient } from '../../../../hooks/index.js';
+import { faClockFour } from '@fortawesome/free-solid-svg-icons/faClockFour';
+import { bitcoin } from '../../../../utils/bitcoin.js';
+import { formatBN } from '../../../../utils/numbers.js';
+import { TransactionsByChain } from './TransactionsByChain.js';
+import { faArrowRight } from '@fortawesome/free-solid-svg-icons';
+export const SwapSuccessStep = ({ fromToken, toToken, fromAmountFormatted, toAmountFormatted, allTxHashes, transaction, fillTime, seconds, timeEstimate, isCanonical, details, isLoadingTransaction, onOpenChange, requestId }) => {
+    const relayClient = useRelayClient();
+    const isWrap = details?.operation === 'wrap';
+    const isUnwrap = details?.operation === 'unwrap';
+    const _fromAmountFormatted = transaction?.data?.metadata?.currencyIn?.amount
+        ? formatBN(transaction?.data?.metadata?.currencyIn?.amount, 5, transaction?.data?.metadata?.currencyIn?.currency?.decimals ?? 18)
+        : fromAmountFormatted;
+    const _fromToken = transaction?.data?.metadata?.currencyIn?.currency ?? fromToken;
+    const fromTokenLogoUri = transaction?.data?.metadata?.currencyIn?.currency?.metadata?.logoURI ??
+        fromToken?.logoURI;
+    const _toAmountFormatted = transaction?.data?.metadata?.currencyOut?.amount
+        ? formatBN(transaction?.data?.metadata?.currencyOut?.amount, 5, transaction?.data?.metadata?.currencyOut?.currency?.decimals ?? 18)
+        : toAmountFormatted;
+    const _toToken = transaction?.data?.metadata?.currencyOut?.currency ?? toToken;
+    const toTokenLogoUri = transaction?.data?.metadata?.currencyOut?.currency?.metadata?.logoURI ??
+        toToken?.logoURI;
+    const actionTitle = isWrap ? 'wrapped' : isUnwrap ? 'unwrapped' : 'swapped';
+    const baseTransactionUrl = relayClient?.baseApiUrl.includes('testnets')
+        ? 'https://testnets.relay.link'
+        : 'https://relay.link';
+    const fromChain = _fromToken
+        ? relayClient?.chains.find((chain) => chain.id === _fromToken?.chainId)
+        : null;
+    const toChain = _toToken
+        ? relayClient?.chains.find((chain) => chain.id === _toToken?.chainId)
+        : null;
+    const delayedTxUrl = requestId
+        ? `${baseTransactionUrl}/transaction/${requestId}`
+        : null;
+    const timeEstimateMs = ((details?.timeEstimate ?? 0) +
+        (fromChain && fromChain.id === bitcoin.id ? 600 : 0)) *
+        1000;
+    const isDelayedTx = isCanonical ||
+        timeEstimateMs >
+            (relayClient?.maxPollingAttemptsBeforeTimeout ?? 30) *
+                (relayClient?.pollingInterval ?? 5000);
+    const gasTopUpAmountCurrency = transaction?.data?.metadata?.currencyGasTopup?.currency;
+    const formattedGasTopUpAmount = transaction?.data?.metadata?.currencyGasTopup
+        ?.amount
+        ? formatBN(BigInt(transaction?.data?.metadata?.currencyGasTopup?.amount), 5, gasTopUpAmountCurrency?.decimals ?? 18)
+        : undefined;
+    const showDetails = !allTxHashes.every((tx) => tx.isBatchTx) || formattedGasTopUpAmount;
+    return isDelayedTx ? (_jsxs(_Fragment, { children: [_jsxs(Flex, { direction: "column", align: "center", justify: "between", children: [_jsx(motion.div, { initial: { scale: 0 }, animate: { scale: 1 }, transition: {
+                            type: 'spring',
+                            stiffness: 260,
+                            damping: 20
+                        }, children: _jsxs(Flex, { align: "center", justify: "center", css: {
+                                height: 80,
+                                width: 78,
+                                position: 'relative',
+                                backgroundColor: 'amber2',
+                                borderRadius: '999999px'
+                            }, children: [_jsxs("svg", { style: { position: 'absolute', top: 7, left: 0, zIndex: 0 }, width: "76", height: "80", viewBox: "0 0 64 54", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("mask", { id: "path-1-inside-1_1551_3458", fill: "white", children: _jsx("path", { d: "M60.5983 22C62.477 22 64.0187 23.5272 63.8194 25.3953C63.3839 29.4763 62.1661 33.4465 60.2215 37.0847C57.7408 41.7257 54.1538 45.6834 49.7782 48.607C45.4027 51.5307 40.3736 53.3301 35.1366 53.8459C29.8995 54.3617 24.616 53.578 19.7541 51.5641C14.8923 49.5503 10.6021 46.3685 7.26367 42.3006C3.92522 38.2327 1.64152 33.4042 0.614871 28.2429C-0.411778 23.0816 -0.149694 17.7467 1.37791 12.7109C2.57543 8.7632 4.52167 5.09478 7.09947 1.90114C8.27945 0.439263 10.4495 0.449489 11.7779 1.77792C13.1063 3.10635 13.0848 5.24829 11.9473 6.74343C10.1382 9.12126 8.76082 11.8094 7.88827 14.6858C6.68544 18.651 6.47907 22.8516 7.28745 26.9156C8.09583 30.9796 9.89401 34.7816 12.5227 37.9846C15.1514 41.1877 18.5294 43.693 22.3576 45.2787C26.1859 46.8644 30.346 47.4815 34.4697 47.0754C38.5934 46.6692 42.5532 45.2524 45.9985 42.9503C49.4438 40.6482 52.2682 37.532 54.2215 33.8776C55.6384 31.2267 56.5653 28.352 56.9674 25.3914C57.2203 23.5298 58.7197 22 60.5983 22Z" }) }), _jsx("path", { d: "M60.5983 22C62.477 22 64.0187 23.5272 63.8194 25.3953C63.3839 29.4763 62.1661 33.4465 60.2215 37.0847C57.7408 41.7257 54.1538 45.6834 49.7782 48.607C45.4027 51.5307 40.3736 53.3301 35.1366 53.8459C29.8995 54.3617 24.616 53.578 19.7541 51.5641C14.8923 49.5503 10.6021 46.3685 7.26367 42.3006C3.92522 38.2327 1.64152 33.4042 0.614871 28.2429C-0.411778 23.0816 -0.149694 17.7467 1.37791 12.7109C2.57543 8.7632 4.52167 5.09478 7.09947 1.90114C8.27945 0.439263 10.4495 0.449489 11.7779 1.77792C13.1063 3.10635 13.0848 5.24829 11.9473 6.74343C10.1382 9.12126 8.76082 11.8094 7.88827 14.6858C6.68544 18.651 6.47907 22.8516 7.28745 26.9156C8.09583 30.9796 9.89401 34.7816 12.5227 37.9846C15.1514 41.1877 18.5294 43.693 22.3576 45.2787C26.1859 46.8644 30.346 47.4815 34.4697 47.0754C38.5934 46.6692 42.5532 45.2524 45.9985 42.9503C49.4438 40.6482 52.2682 37.532 54.2215 33.8776C55.6384 31.2267 56.5653 28.352 56.9674 25.3914C57.2203 23.5298 58.7197 22 60.5983 22Z", stroke: "#FFB224", strokeWidth: "8", strokeLinejoin: "round", mask: "url(#path-1-inside-1_1551_3458)" })] }), _jsx(Box, { css: { color: 'amber9', mr: '$2', zIndex: 1 }, children: _jsx(FontAwesomeIcon, { icon: faClockFour, style: { height: 32 } }) })] }) }), _jsxs(Text, { style: "subtitle1", css: { mt: '4', mb: '2', textAlign: 'center' }, children: ["Processing the order to swap ", _fromAmountFormatted, ' ', _fromToken?.symbol, " into ", _toAmountFormatted, " ", _toToken?.symbol, ", this will take ~", timeEstimate, "."] }), _jsxs(Flex, { align: "center", css: { gap: '2', mb: 24 }, children: [fromChain ? (_jsxs(Pill, { color: "gray", css: { alignItems: 'center', py: '2', px: '3' }, children: [_jsx(ChainIcon, { chainId: fromChain.id, height: 20, width: 20 }), _jsx(Text, { style: "subtitle1", children: fromChain.displayName })] })) : (_jsx(Text, { style: "subtitle1", children: "?" })), _jsx(Flex, { css: { alignItems: 'center', justifyContent: 'center', p: '2' }, children: _jsx(FontAwesomeIcon, { style: { width: 14 }, icon: faArrowRight }) }), toChain ? (_jsxs(Pill, { color: "gray", css: { alignItems: 'center', py: '2' }, children: [_jsx(ChainIcon, { chainId: toChain.id, height: 20, width: 20 }), _jsx(Text, { style: "subtitle1", children: toChain.displayName })] })) : (_jsx(Text, { style: "subtitle1", children: "?" }))] }), _jsx(Text, { css: {
+                            background: 'gray2',
+                            p: '4',
+                            borderRadius: 12,
+                            textAlign: 'center'
+                        }, style: "body2", children: "You can close this modal while it finalizes on the blockchain. The transaction will continue in the background." })] }), !delayedTxUrl ? (_jsxs(Flex, { direction: "column", css: {
+                    p: '3',
+                    '--borderColor': 'colors.subtle-border-color',
+                    border: '1px solid var(--borderColor)',
+                    gap: '3',
+                    width: '100%',
+                    borderRadius: 12
+                }, children: [formattedGasTopUpAmount ? (_jsxs(Flex, { justify: "between", children: [_jsx(Text, { style: "subtitle2", color: "subtle", children: "Additional Gas" }), _jsxs(Text, { style: "subtitle2", children: [formattedGasTopUpAmount, " ", gasTopUpAmountCurrency?.symbol] })] })) : null, _jsx(TransactionsByChain, { allTxHashes: allTxHashes, fromChain: fromChain, toChain: toChain })] })) : null, _jsxs(Flex, { css: { width: '100%', mt: 8, gap: '3' }, children: [_jsx(Button, { color: 'secondary', onClick: () => {
+                            onOpenChange(false);
+                        }, css: {
+                            justifyContent: 'center',
+                            width: '100%'
+                        }, children: "Done" }), delayedTxUrl ? (_jsx("a", { href: delayedTxUrl, style: { width: '100%' }, target: "_blank", children: _jsx(Button, { color: 'primary', css: {
+                                justifyContent: 'center',
+                                width: 'max-content'
+                            }, children: "Track Progress" }) })) : null] })] })) : (_jsxs(_Fragment, { children: [_jsxs(Flex, { direction: "column", align: "center", justify: "between", children: [_jsx(motion.div, { initial: { scale: 0 }, animate: { scale: 1 }, transition: {
+                            type: 'spring',
+                            stiffness: 260,
+                            damping: 20
+                        }, children: _jsxs(Flex, { align: "center", justify: "center", css: {
+                                height: 80,
+                                width: 80,
+                                backgroundColor: 'green2',
+                                '--borderColor': 'colors.green10',
+                                border: '6px solid var(--borderColor)',
+                                borderRadius: '999999px',
+                                position: 'relative'
+                            }, children: [fillTime !== '-' && seconds <= 10 && seconds >= 0 ? (_jsx(Text, { style: "h3", children: fillTime })) : (_jsx(Box, { css: { color: 'green9', mr: '$2' }, children: _jsx(FontAwesomeIcon, { icon: faCheck, style: { height: 40 } }) })), _jsx(Flex, { align: "center", justify: "center", css: {
+                                        position: 'absolute',
+                                        width: 50,
+                                        height: 50,
+                                        background: 'modal-background',
+                                        color: 'primary-color',
+                                        '--borderColor': 'colors.subtle-border-color',
+                                        border: '3px solid var(--borderColor)',
+                                        borderRadius: '999999px',
+                                        right: -40,
+                                        bottom: -12
+                                    }, children: _jsx(Box, { css: { width: 29, height: 27 }, children: _jsx(FontAwesomeIcon, { icon: faBolt, width: 29, height: 27, style: { height: 27 } }) }) })] }) }), _jsxs(Text, { style: "subtitle1", css: { mt: '4', mb: '2', textAlign: 'center' }, children: ["Successfully ", actionTitle] }), _jsxs(Flex, { align: "center", css: { gap: '2', mb: 20 }, children: [_fromToken ? (_jsxs(Pill, { color: "gray", css: { alignItems: 'center', py: '2', px: '3', gap: '2' }, children: [_jsx(ChainTokenIcon, { chainId: _fromToken.chainId, tokenlogoURI: fromTokenLogoUri, tokenSymbol: _fromToken.symbol }), isLoadingTransaction ? (_jsx(Skeleton, { css: { height: 24, width: 60, background: 'gray5' } })) : (_jsxs(Text, { style: "subtitle1", ellipsify: true, children: [_fromAmountFormatted, " ", _fromToken.symbol] }))] })) : (_jsx(Text, { style: "subtitle1", children: "?" })), _jsx(Text, { style: "subtitle1", color: "subtle", children: "to" }), _toToken ? (_jsxs(Pill, { color: "gray", css: { alignItems: 'center', py: '2', px: '3', gap: '2' }, children: [_jsx(ChainTokenIcon, { chainId: _toToken.chainId, tokenlogoURI: toTokenLogoUri, tokenSymbol: _toToken.symbol }), isLoadingTransaction ? (_jsx(Skeleton, { css: { height: 24, width: 60, background: 'gray5' } })) : (_jsxs(Text, { style: "subtitle1", ellipsify: true, children: [_toAmountFormatted, " ", _toToken.symbol] }))] })) : (_jsx(Text, { style: "subtitle1", children: "?" }))] }), showDetails && (_jsxs(Flex, { direction: "column", css: {
+                            p: '3',
+                            '--borderColor': 'colors.subtle-border-color',
+                            border: '1px solid var(--borderColor)',
+                            gap: '3',
+                            width: '100%',
+                            borderRadius: 12
+                        }, children: [formattedGasTopUpAmount ? (_jsxs(Flex, { justify: "between", children: [_jsx(Text, { style: "subtitle2", color: "subtle", children: "Additional Gas" }), _jsxs(Text, { style: "subtitle2", children: [formattedGasTopUpAmount, " ", gasTopUpAmountCurrency?.symbol] })] })) : null, _jsx(TransactionsByChain, { allTxHashes: allTxHashes, fromChain: fromChain, toChain: toChain })] }))] }), _jsxs(Flex, { css: { width: '100%', mt: 8, gap: '3' }, children: [requestId ? (_jsx("a", { href: `${baseTransactionUrl}/transaction/${requestId}`, style: { width: '100%' }, target: "_blank", onClick: (e) => {
+                            e.stopPropagation();
+                        }, children: _jsx(Button, { color: "secondary", css: {
+                                justifyContent: 'center',
+                                width: 'max-content'
+                            }, children: "View Details" }) })) : null, _jsx(Button, { onClick: () => {
+                            onOpenChange(false);
+                        }, css: {
+                            justifyContent: 'center',
+                            width: '100%'
+                        }, children: "Done" })] })] }));
+};
+//# sourceMappingURL=SwapSuccessStep.js.map

package/_esm/src/components/common/TransactionModal/steps/SwapSuccessStep.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwapSuccessStep.js","sourceRoot":"","sources":["../../../../../../src/components/common/TransactionModal/steps/SwapSuccessStep.tsx"],"names":[],"mappings":"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"}

package/_esm/src/components/common/TransactionModal/steps/TransactionsByChain.js

@@ -0,0 +1,64 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { useRelayClient } from '../../../../hooks/index.js';
+import { Flex, Anchor, Text, Skeleton, Pill } from '../../../primitives/index.js';
+import { getTxBlockExplorerUrl } from '../../../../utils/getTxBlockExplorerUrl.js';
+import { truncateAddress } from '../../../../utils/truncate.js';
+import { faArrowUpRightFromSquare, faRotateRight } from '@fortawesome/free-solid-svg-icons';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+export const TransactionsByChain = ({ allTxHashes, fromChain, toChain, refundData, isSolverStatusTimeout }) => {
+    const relayClient = useRelayClient();
+    const refundChain = refundData
+        ? relayClient?.chains.find((chain) => chain.id === refundData?.currency?.chainId)
+        : null;
+    const txHashesByChain = useMemo(() => {
+        return allTxHashes.reduce((byChains, txHash) => {
+            if (!byChains[txHash.chainId]) {
+                byChains[txHash.chainId] = [];
+            }
+            byChains[txHash.chainId].push(txHash);
+            return byChains;
+        }, {});
+    }, [allTxHashes, relayClient?.chains]);
+    const refundTx = allTxHashes.length > 0 ? allTxHashes[allTxHashes.length - 1] : null;
+    const isSameChain = fromChain?.id === toChain?.id;
+    const refundTxUrl = refundChain && refundData && refundTx
+        ? getTxBlockExplorerUrl(refundChain?.id, relayClient?.chains, refundTx.txHash)
+        : null;
+    return (isSameChain ? [fromChain] : [fromChain, toChain])
+        .filter((chain) => {
+        if (!chain?.id)
+            return false;
+        const chainTxs = txHashesByChain[chain.id] || [];
+        // Only show chain if it has non-batch transactions
+        return chainTxs.some((tx) => !tx.isBatchTx);
+    })
+        .map((chain, idx) => {
+        const isRefundChain = refundData && refundChain?.id === chain?.id;
+        return (_jsxs(Flex, { justify: "between", children: [_jsxs(Flex, { css: { alignItems: 'center', gap: '2' }, children: [_jsxs(Text, { style: "subtitle2", color: "subtle", children: ["View ", chain?.displayName, " Tx"] }), isRefundChain ? (_jsxs(Pill, { color: "gray", css: {
+                                py: '1',
+                                px: '6px',
+                                display: 'flex',
+                                alignItems: 'center'
+                            }, children: [_jsx(FontAwesomeIcon, { icon: faRotateRight, style: { width: 16, height: 16, marginRight: 4 }, color: "#889096" }), ' ', _jsx(Text, { style: "subtitle2", children: "Refunded" })] })) : null] }), chain?.id && txHashesByChain[chain.id] && !isRefundChain ? (_jsx(Flex, { direction: "column", children: txHashesByChain[chain.id].map(({ txHash, chainId, isBatchTx }) => {
+                        const txUrl = getTxBlockExplorerUrl(chainId, relayClient?.chains, txHash);
+                        return txUrl && !isBatchTx ? (_jsxs(Anchor, { href: txUrl, target: "_blank", css: {
+                                display: 'flex',
+                                alignItems: 'center',
+                                gap: '2'
+                            }, children: [truncateAddress(txHash), _jsx(FontAwesomeIcon, { icon: faArrowUpRightFromSquare, width: 16 })] }, txHash)) : null;
+                    }) })) : null, refundData && refundTxUrl && isRefundChain ? (_jsx(Flex, { direction: "column", children: _jsxs(Anchor, { href: refundTxUrl, target: "_blank", css: {
+                            display: 'flex',
+                            alignItems: 'center',
+                            gap: '2'
+                        }, children: [truncateAddress(refundTx?.txHash), _jsx(FontAwesomeIcon, { icon: faArrowUpRightFromSquare, width: 16 })] }, refundTx?.txHash) })) : null, chain?.id &&
+                    !txHashesByChain[chain.id] &&
+                    !isSolverStatusTimeout &&
+                    !isRefundChain ? (_jsx(Flex, { direction: "column", children: _jsx(Text, { color: "red", style: "subtitle2", children: "Order has not been filled" }) })) : null, chain?.id &&
+                    !txHashesByChain[chain.id] &&
+                    isSolverStatusTimeout &&
+                    !refundData &&
+                    !isRefundChain ? (_jsx(Flex, { direction: "column", children: _jsx(Skeleton, { css: { height: 20 } }) })) : null] }, idx));
+    });
+};
+//# sourceMappingURL=TransactionsByChain.js.map

package/_esm/src/components/common/TransactionModal/steps/TransactionsByChain.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TransactionsByChain.js","sourceRoot":"","sources":["../../../../../../src/components/common/TransactionModal/steps/TransactionsByChain.tsx"],"names":[],"mappings":"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"}