@relayprotocol/relay-kit-ui 7.1.5 → 8.0.0

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

@@ -4,7 +4,6 @@ exports.SwapSuccessStep = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const index_js_1 = require("../../../primitives/index.js");
-const framer_motion_1 = require("framer-motion");
 const react_fontawesome_1 = require("@fortawesome/react-fontawesome");
 const index_js_2 = require("../../../../hooks/index.js");
 const faClockFour_1 = require("@fortawesome/free-solid-svg-icons/faClockFour");
@@ -12,7 +11,8 @@ const relay_sdk_1 = require("@relayprotocol/relay-sdk");
 const bitcoin_js_1 = require("../../../../utils/bitcoin.js");
 const numbers_js_1 = require("../../../../utils/numbers.js");
 const TransactionsByChain_js_1 = require("./TransactionsByChain.js");
-const free_solid_svg_icons_1 = require("@fortawesome/free-solid-svg-icons");
+const faArrowRight_1 = require("@fortawesome/free-solid-svg-icons/faArrowRight");
+const faCheck_1 = require("@fortawesome/free-solid-svg-icons/faCheck");
 const index_js_3 = require("../../../../icons/index.js");
 const RelayKitProvider_js_1 = require("../../../../providers/RelayKitProvider.js");
 const getTxBlockExplorerUrl_js_1 = require("../../../../utils/getTxBlockExplorerUrl.js");
@@ -80,110 +80,50 @@ const SwapSuccessStep = ({ fromToken, toToken, fromAmountFormatted, toAmountForm
         return (0, getTxBlockExplorerUrl_js_1.getTxBlockExplorerUrl)(chainId, chains, txHash);
     };
     const shareIconFill = providerOptionsContext.themeScheme === 'dark' ? '#fff' : '#000';
-    return isDelayedTx ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(index_js_1.Flex, { direction: "column", align: "center", justify: "between", children: [(0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, { initial: { scale: 0 }, animate: { scale: 1 }, transition: {
-                            type: 'spring',
-                            stiffness: 260,
-                            damping: 20
-                        }, children: (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "center", justify: "center", css: {
-                                height: 80,
-                                width: 78,
-                                position: 'relative',
-                                backgroundColor: 'amber2',
-                                borderRadius: '999999px'
-                            }, children: [(0, jsx_runtime_1.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: [(0, jsx_runtime_1.jsx)("mask", { id: "path-1-inside-1_1551_3458", fill: "white", children: (0, jsx_runtime_1.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" }) }), (0, jsx_runtime_1.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)" })] }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { css: { color: 'amber9', mr: '$2', zIndex: 1 }, children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: faClockFour_1.faClockFour, style: { height: 32 } }) })] }) }), (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle1", css: { my: '4', textAlign: 'center' }, children: isBitcoinOrigin || isBitcoinDestination
+    return isDelayedTx ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(index_js_1.Flex, { direction: "column", align: "center", justify: "between", children: [(0, jsx_runtime_1.jsx)("div", { className: "relay:animate-icon-pop-in", children: (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "center", justify: "center", className: "relay:relative relay:rounded-full relay:h-[80px] relay:w-[78px] relay:bg-[var(--relay-colors-amber2)]", children: [(0, jsx_runtime_1.jsxs)("svg", { className: "relay:absolute relay:top-[7px] relay:left-0 relay:z-0", width: "76", height: "80", viewBox: "0 0 64 54", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("mask", { id: "path-1-inside-1_1551_3458", fill: "white", children: (0, jsx_runtime_1.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" }) }), (0, jsx_runtime_1.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)" })] }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { className: "relay:z-[1] relay:text-[color:var(--relay-colors-amber9)] relay:mr-2", children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: faClockFour_1.faClockFour, style: { height: 32 } }) })] }) }), (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle1", className: "relay:my-4 relay:text-center", children: isBitcoinOrigin || isBitcoinDestination
                             ? `Bitcoin confirmation takes ${estimatedMinutes} minutes. Track progress on the transaction page.`
-                            : `Processing bridge, this will take ~${estimatedMinutes} ${estimatedMinutes === 1 ? 'min' : 'mins'}.` }), (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "center", css: { gap: '2', mb: 24 }, children: [fromChain ? ((0, jsx_runtime_1.jsxs)(index_js_1.Pill, { color: "gray", css: { alignItems: 'center', py: '2', px: '3' }, children: [(0, jsx_runtime_1.jsx)(index_js_1.ChainTokenIcon, { chainId: fromChain.id, tokenlogoURI: fromTokenLogoUri, tokenSymbol: _fromToken?.symbol, size: "sm", chainRadius: 2.5 }), (0, jsx_runtime_1.jsxs)(index_js_1.Text, { style: "subtitle1", css: { ml: '2' }, children: [_fromAmountFormatted, " ", _fromToken?.symbol] })] })) : ((0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle1", children: "?" })), (0, jsx_runtime_1.jsx)(index_js_1.Flex, { css: { alignItems: 'center', justifyContent: 'center', p: '2' }, children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { style: { width: 14 }, icon: free_solid_svg_icons_1.faArrowRight }) }), toChain ? ((0, jsx_runtime_1.jsxs)(index_js_1.Pill, { color: "gray", css: { alignItems: 'center', py: '2', px: '3' }, children: [(0, jsx_runtime_1.jsx)(index_js_1.ChainTokenIcon, { chainId: toChain.id, tokenlogoURI: toTokenLogoUri, tokenSymbol: _toToken?.symbol, size: "sm", chainRadius: 2.5 }), (0, jsx_runtime_1.jsxs)(index_js_1.Text, { style: "subtitle1", css: { ml: '2' }, children: [_toAmountFormatted, " ", _toToken?.symbol] })] })) : ((0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle1", children: "?" }))] }), (0, jsx_runtime_1.jsx)(index_js_1.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." }), (() => {
+                            : `Processing bridge, this will take ~${estimatedMinutes} ${estimatedMinutes === 1 ? 'min' : 'mins'}.` }), (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "center", className: "relay:gap-2 relay:mb-[24px]", children: [fromChain ? ((0, jsx_runtime_1.jsxs)(index_js_1.Pill, { color: "gray", className: "relay:items-center relay:py-2 relay:px-3", children: [(0, jsx_runtime_1.jsx)(index_js_1.ChainTokenIcon, { chainId: fromChain.id, tokenlogoURI: fromTokenLogoUri, tokenSymbol: _fromToken?.symbol, size: "sm", chainRadius: 2.5 }), (0, jsx_runtime_1.jsxs)(index_js_1.Text, { style: "subtitle1", className: "relay:ml-2", children: [_fromAmountFormatted, " ", _fromToken?.symbol] })] })) : ((0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle1", children: "?" })), (0, jsx_runtime_1.jsx)(index_js_1.Flex, { className: "relay:items-center relay:justify-center relay:p-2", children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { style: { width: 14 }, icon: faArrowRight_1.faArrowRight }) }), toChain ? ((0, jsx_runtime_1.jsxs)(index_js_1.Pill, { color: "gray", className: "relay:items-center relay:py-2 relay:px-3", children: [(0, jsx_runtime_1.jsx)(index_js_1.ChainTokenIcon, { chainId: toChain.id, tokenlogoURI: toTokenLogoUri, tokenSymbol: _toToken?.symbol, size: "sm", chainRadius: 2.5 }), (0, jsx_runtime_1.jsxs)(index_js_1.Text, { style: "subtitle1", className: "relay:ml-2", children: [_toAmountFormatted, " ", _toToken?.symbol] })] })) : ((0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle1", children: "?" }))] }), (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "body2", className: "relay:rounded-[12px] relay:text-center relay:p-4 relay:bg-[var(--relay-colors-gray2)]", children: "You can close this modal while it finalizes on the blockchain. The transaction will continue in the background." }), (() => {
                         if (isRefund) {
                             const refundTxHash = transaction?.data?.outTxs?.[0]?.hash;
                             const refundChainId = transaction?.data?.outTxs?.[0]?.chainId;
                             if (refundTxHash && refundChainId) {
                                 const txUrl = getTxUrl(refundChainId, refundTxHash);
                                 const truncatedHash = (0, truncate_js_1.truncateAddress)(refundTxHash, '...', 6, 4);
-                                return txUrl && truncatedHash ? ((0, jsx_runtime_1.jsxs)(index_js_1.Anchor, { href: txUrl, target: "_blank", css: { mt: '12px', textAlign: 'center', fontSize: '14px' }, children: ["View Refund Tx: ", truncatedHash] })) : null;
+                                return txUrl && truncatedHash ? ((0, jsx_runtime_1.jsxs)(index_js_1.Anchor, { href: txUrl, target: "_blank", className: "relay:text-center relay:text-[14px] relay:mt-[12px]", children: ["View Refund Tx: ", truncatedHash] })) : null;
                             }
-                            return isLoadingTransaction ? ((0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "body3", color: "subtle", css: { mt: '12px', textAlign: 'center' }, children: "Fetching refund transaction..." })) : null;
+                            return isLoadingTransaction ? ((0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "body3", color: "subtle", className: "relay:text-center relay:mt-3", children: "Fetching refund transaction..." })) : null;
                         }
                         if (allTxHashes && allTxHashes.length > 0) {
                             const txHash = allTxHashes[0]?.txHash;
                             const chainId = allTxHashes[0]?.chainId;
                             const txUrl = txHash && chainId ? getTxUrl(chainId, txHash) : undefined;
                             const truncatedHash = (0, truncate_js_1.truncateAddress)(txHash, '...', 6, 4);
-                            return txUrl && truncatedHash ? ((0, jsx_runtime_1.jsxs)(index_js_1.Anchor, { href: txUrl, target: "_blank", css: { mt: '12px', textAlign: 'center', fontSize: '14px' }, children: ["View Tx: ", truncatedHash] })) : null;
+                            return txUrl && truncatedHash ? ((0, jsx_runtime_1.jsxs)(index_js_1.Anchor, { href: txUrl, target: "_blank", className: "relay:text-center relay:text-[14px] relay:mt-[12px]", children: ["View Tx: ", truncatedHash] })) : null;
                         }
                         return null;
-                    })()] }), !delayedTxUrl ? ((0, jsx_runtime_1.jsx)(index_js_1.Flex, { direction: "column", css: {
-                    p: '3',
-                    '--borderColor': 'colors.subtle-border-color',
-                    border: '1px solid var(--borderColor)',
-                    gap: '3',
-                    width: '100%',
-                    borderRadius: 12
-                }, children: (0, jsx_runtime_1.jsx)(TransactionsByChain_js_1.TransactionsByChain, { allTxHashes: allTxHashes, fromChain: fromChain, toChain: toChain, fillTx: null }) })) : null, (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { css: { width: '100%', mt: 8, gap: '3' }, children: [(0, jsx_runtime_1.jsx)(index_js_1.Button, { cta: true, color: 'secondary', onClick: () => {
+                    })()] }), !delayedTxUrl ? ((0, jsx_runtime_1.jsx)(index_js_1.Flex, { direction: "column", className: "relay:p-3 relay:border relay:border-solid relay:border-[var(--relay-colors-subtle-border-color)] relay:gap-3 relay:w-full relay:rounded-[12px]", children: (0, jsx_runtime_1.jsx)(TransactionsByChain_js_1.TransactionsByChain, { allTxHashes: allTxHashes, fromChain: fromChain, toChain: toChain, fillTx: null }) })) : null, (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { className: "relay:w-full relay:gap-3 relay:mt-[8px]", children: [(0, jsx_runtime_1.jsx)(index_js_1.Button, { cta: true, color: 'secondary', onClick: () => {
                             onOpenChange(false);
-                        }, css: {
-                            justifyContent: 'center',
-                            width: '100%'
-                        }, children: "Done" }), delayedTxUrl ? ((0, jsx_runtime_1.jsx)("a", { href: delayedTxUrl, style: { width: '100%' }, target: "_blank", children: (0, jsx_runtime_1.jsx)(index_js_1.Button, { cta: true, color: 'primary', css: {
-                                justifyContent: 'center',
-                                width: 'max-content'
-                            }, children: "Track Progress" }) })) : null] })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(index_js_1.Flex, { direction: "column", align: "center", justify: "between", children: [(0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, { initial: { scale: 0 }, animate: { scale: 1 }, transition: {
-                            type: 'spring',
-                            stiffness: 260,
-                            damping: 20
-                        }, children: (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "center", children: [(0, jsx_runtime_1.jsx)(index_js_3.RelayIcon, {}), (0, jsx_runtime_1.jsx)(index_js_1.Flex, { align: "center", justify: "center", css: {
-                                        width: 40,
-                                        height: 40,
-                                        backgroundColor: 'green9',
-                                        color: 'white',
-                                        borderRadius: '100px',
-                                        '--borderColor': 'white',
-                                        border: '2px solid var(--borderColor)',
-                                        ml: '-8px'
-                                    }, children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: free_solid_svg_icons_1.faCheck, style: { height: 20, color: 'white' } }) })] }) }), (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "h6", css: {
-                            my: '12px',
-                            textAlign: 'center',
-                            '& .green-time': {
-                                color: 'green11'
-                            }
-                        }, children: fillTime && fillTime !== '-' ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["Completed in ", (0, jsx_runtime_1.jsx)("span", { className: "green-time", children: fillTime })] })) : ('Transaction Completed') }), (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { direction: "column", css: {
-                            gap: '3',
-                            padding: '3',
-                            '--borderColor': 'colors.slate.5',
-                            border: '1px solid var(--borderColor)',
-                            borderRadius: 12,
-                            width: '100%'
-                        }, children: [_fromToken ? ((0, jsx_runtime_1.jsxs)(index_js_1.Flex, { direction: "column", css: { gap: '4px' }, children: [(0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", color: "subtle", children: "Sent" }), (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { justify: "between", children: [(0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "center", css: { gap: '4px' }, children: [(0, jsx_runtime_1.jsx)(index_js_1.ChainTokenIcon, { size: "sm", chainId: _fromToken.chainId, tokenlogoURI: fromTokenLogoUri, tokenSymbol: _fromToken.symbol, chainRadius: 2.5 }), isLoadingTransaction ? ((0, jsx_runtime_1.jsx)(index_js_1.Skeleton, { css: { height: 24, width: 60, background: 'gray5' } })) : ((0, jsx_runtime_1.jsxs)(index_js_1.Text, { style: "h6", children: [_fromAmountFormatted, " ", _fromToken.symbol] }))] }), !isSameChainSwap &&
+                        }, className: "relay:justify-center relay:w-full", children: "Done" }), delayedTxUrl ? ((0, jsx_runtime_1.jsx)("a", { href: delayedTxUrl, className: "relay:w-full", target: "_blank", children: (0, jsx_runtime_1.jsx)(index_js_1.Button, { cta: true, color: 'primary', className: "relay:justify-center relay:w-max", children: "Track Progress" }) })) : null] })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(index_js_1.Flex, { direction: "column", align: "center", justify: "between", children: [(0, jsx_runtime_1.jsx)("div", { className: "relay:animate-icon-pop-in", children: (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "center", children: [(0, jsx_runtime_1.jsx)(index_js_3.RelayIcon, {}), (0, jsx_runtime_1.jsx)(index_js_1.Flex, { align: "center", justify: "center", className: "relay:rounded-full relay:border-2 relay:border-solid relay:border-white relay:w-[40px] relay:h-[40px] relay:bg-[var(--relay-colors-green9)] relay:text-white relay:ml-[-8px]", children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: faCheck_1.faCheck, className: "relay:h-[20px] relay:text-white" }) })] }) }), (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "h6", className: "relay:text-center relay:my-3 relay:[&_.green-time]:text-[color:var(--relay-colors-green11)]", children: fillTime && fillTime !== '-' ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["Completed in ", (0, jsx_runtime_1.jsx)("span", { className: "green-time", children: fillTime })] })) : ('Transaction Completed') }), (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { direction: "column", className: "relay:gap-3 relay:p-3 relay:border relay:border-solid relay:border-[var(--relay-colors-slate-5)] relay:rounded-[12px] relay:w-full", children: [_fromToken ? ((0, jsx_runtime_1.jsxs)(index_js_1.Flex, { direction: "column", className: "relay:gap-[4px]", children: [(0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", color: "subtle", children: "Sent" }), (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { justify: "between", children: [(0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "center", className: "relay:gap-[4px]", children: [(0, jsx_runtime_1.jsx)(index_js_1.ChainTokenIcon, { size: "sm", chainId: _fromToken.chainId, tokenlogoURI: fromTokenLogoUri, tokenSymbol: _fromToken.symbol, chainRadius: 2.5 }), isLoadingTransaction ? ((0, jsx_runtime_1.jsx)(index_js_1.Skeleton, { className: "relay:h-[24px] relay:w-[60px] relay:bg-[var(--relay-colors-gray5)]" })) : ((0, jsx_runtime_1.jsxs)(index_js_1.Text, { style: "h6", children: [_fromAmountFormatted, " ", _fromToken.symbol] }))] }), !isSameChainSwap &&
                                                 _fromToken?.chainId &&
                                                 (() => {
                                                     const txHash = getTxHashForChain(_fromToken.chainId, true);
                                                     const txUrl = txHash
                                                         ? getTxUrl(_fromToken.chainId, txHash)
                                                         : undefined;
-                                                    return txHash ? ((0, jsx_runtime_1.jsx)(index_js_1.Anchor, { href: txUrl, target: "_blank", css: { color: 'primary11', fontSize: '14px' }, children: (0, truncate_js_1.truncateAddress)(txHash, '...', 6, 4) })) : null;
-                                                })()] })] })) : ((0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle1", children: "?" })), _toToken ? ((0, jsx_runtime_1.jsxs)(index_js_1.Flex, { direction: "column", css: { gap: '4px' }, children: [(0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", color: "subtle", children: "Received" }), (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { justify: "between", children: [(0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "center", css: { gap: '4px' }, children: [(0, jsx_runtime_1.jsx)(index_js_1.ChainTokenIcon, { size: "sm", chainId: _toToken.chainId, tokenlogoURI: toTokenLogoUri, tokenSymbol: _toToken.symbol, chainRadius: 2.5 }), isLoadingTransaction ? ((0, jsx_runtime_1.jsx)(index_js_1.Skeleton, { css: { height: 24, width: 60, background: 'gray5' } })) : ((0, jsx_runtime_1.jsxs)(index_js_1.Text, { style: "h6", children: [_toAmountFormatted, " ", _toToken.symbol] }))] }), _toToken?.chainId &&
+                                                    return txHash ? ((0, jsx_runtime_1.jsx)(index_js_1.Anchor, { href: txUrl, target: "_blank", className: "relay:text-[color:var(--relay-colors-primary11)] relay:text-[14px]", children: (0, truncate_js_1.truncateAddress)(txHash, '...', 6, 4) })) : null;
+                                                })()] })] })) : ((0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle1", children: "?" })), _toToken ? ((0, jsx_runtime_1.jsxs)(index_js_1.Flex, { direction: "column", className: "relay:gap-[4px]", children: [(0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", color: "subtle", children: "Received" }), (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { justify: "between", children: [(0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "center", className: "relay:gap-[4px]", children: [(0, jsx_runtime_1.jsx)(index_js_1.ChainTokenIcon, { size: "sm", chainId: _toToken.chainId, tokenlogoURI: toTokenLogoUri, tokenSymbol: _toToken.symbol, chainRadius: 2.5 }), isLoadingTransaction ? ((0, jsx_runtime_1.jsx)(index_js_1.Skeleton, { className: "relay:h-[24px] relay:w-[60px] relay:bg-[var(--relay-colors-gray5)]" })) : ((0, jsx_runtime_1.jsxs)(index_js_1.Text, { style: "h6", children: [_toAmountFormatted, " ", _toToken.symbol] }))] }), _toToken?.chainId &&
                                                 (() => {
                                                     const txHash = getTxHashForChain(_toToken.chainId);
                                                     const txUrl = txHash
                                                         ? getTxUrl(_toToken.chainId, txHash)
                                                         : undefined;
-                                                    return txHash ? ((0, jsx_runtime_1.jsx)(index_js_1.Anchor, { href: txUrl, target: "_blank", css: { color: 'primary11', fontSize: '14px' }, children: (0, truncate_js_1.truncateAddress)(txHash, '...', 6, 4) })) : null;
-                                                })()] }), formattedGasTopUpAmount && gasTopUpAmountCurrency ? ((0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "center", css: { gap: '4px', mt: '4px' }, children: [(0, jsx_runtime_1.jsx)(index_js_1.ChainTokenIcon, { size: "sm", chainId: gasTopUpAmountCurrency.chainId, tokenlogoURI: `${relay_sdk_1.ASSETS_RELAY_API}/icons/currencies/${gasTopUpAmountCurrency?.symbol?.toLowerCase() ??
-                                                    gasTopUpAmountCurrency?.chainId}.png`, tokenSymbol: gasTopUpAmountCurrency.symbol, chainRadius: 2.5 }), (0, jsx_runtime_1.jsxs)(index_js_1.Text, { style: "h6", children: [formattedGasTopUpAmount, " ", gasTopUpAmountCurrency.symbol] })] })) : null] })) : ((0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle1", children: "?" }))] })] }), (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { css: { width: '100%', gap: '3' }, children: [requestId ? ((0, jsx_runtime_1.jsx)("a", { href: `${baseTransactionUrl}/transaction/${requestId}`, style: { width: '100%' }, target: "_blank", onClick: (e) => {
+                                                    return txHash ? ((0, jsx_runtime_1.jsx)(index_js_1.Anchor, { href: txUrl, target: "_blank", className: "relay:text-[color:var(--relay-colors-primary11)] relay:text-[14px]", children: (0, truncate_js_1.truncateAddress)(txHash, '...', 6, 4) })) : null;
+                                                })()] }), formattedGasTopUpAmount && gasTopUpAmountCurrency ? ((0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "center", className: "relay:gap-[4px] relay:mt-[4px]", children: [(0, jsx_runtime_1.jsx)(index_js_1.ChainTokenIcon, { size: "sm", chainId: gasTopUpAmountCurrency.chainId, tokenlogoURI: `${relay_sdk_1.ASSETS_RELAY_API}/icons/currencies/${gasTopUpAmountCurrency?.symbol?.toLowerCase() ??
+                                                    gasTopUpAmountCurrency?.chainId}.png`, tokenSymbol: gasTopUpAmountCurrency.symbol, chainRadius: 2.5 }), (0, jsx_runtime_1.jsxs)(index_js_1.Text, { style: "h6", children: [formattedGasTopUpAmount, " ", gasTopUpAmountCurrency.symbol] })] })) : null] })) : ((0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle1", children: "?" }))] })] }), (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { className: "relay:w-full relay:gap-3", children: [requestId ? ((0, jsx_runtime_1.jsx)("a", { href: `${baseTransactionUrl}/transaction/${requestId}`, className: "relay:w-full", target: "_blank", onClick: (e) => {
                             e.stopPropagation();
-                        }, children: (0, jsx_runtime_1.jsx)(index_js_1.Button, { color: "secondary", cta: true, css: {
-                                justifyContent: 'center',
-                                width: 'max-content'
-                            }, children: "View Details" }) })) : null, (0, jsx_runtime_1.jsx)(index_js_1.Button, { cta: true, onClick: () => {
+                        }, children: (0, jsx_runtime_1.jsx)(index_js_1.Button, { color: "secondary", cta: true, className: "relay:justify-center relay:w-max", children: "View Details" }) })) : null, (0, jsx_runtime_1.jsx)(index_js_1.Button, { cta: true, onClick: () => {
                             onOpenChange(false);
-                        }, css: {
-                            justifyContent: 'center',
-                            width: '100%'
-                        }, children: "Done" })] })] }));
+                        }, className: "relay:justify-center relay:w-full", children: "Done" })] })] }));
 };
 exports.SwapSuccessStep = SwapSuccessStep;
 //# sourceMappingURL=SwapSuccessStep.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SwapSuccessStep.js","sourceRoot":"","sources":["../../../../../../src/components/common/TransactionModal/steps/SwapSuccessStep.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SwapSuccessStep.js","sourceRoot":"","sources":["../../../../../../src/components/common/TransactionModal/steps/SwapSuccessStep.tsx"],"names":[],"mappings":";;;;AAAA,iCAA2C;AAC3C,2DASqC;AACrC,sEAAgE;AAIhE,yDAA2D;AAC3D,+EAA2E;AAC3E,wDAIiC;AACjC,6DAAsD;AACtD,6DAAsE;AACtE,qEAA8D;AAC9D,iFAA6E;AAC7E,uEAAmE;AACnE,yDAA6D;AAC7D,mFAAkF;AAClF,yFAAkF;AAClF,+DAA+D;AAoBxD,MAAM,eAAe,GAA6B,CAAC,EACxD,SAAS,EACT,OAAO,EACP,mBAAmB,EACnB,iBAAiB,EACjB,WAAW,EACX,WAAW,EACX,QAAQ,EACR,OAAO,EACP,YAAY,EACZ,OAAO,EACP,oBAAoB,EACpB,YAAY,EACZ,SAAS,EACT,cAAc,EACd,kBAAkB,EACnB,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,IAAA,yBAAc,GAAE,CAAA;IACpC,MAAM,MAAM,GAAG,OAAO,EAAE,SAAS,KAAK,MAAM,CAAA;IAC5C,MAAM,QAAQ,GAAG,OAAO,EAAE,SAAS,KAAK,QAAQ,CAAA;IAChD,MAAM,sBAAsB,GAAG,IAAA,kBAAU,EAAC,4CAAsB,CAAC,CAAA;IAGjE,MAAM,MAAM,GAAG,WAAW,EAAE,MAAM,CAAA;IAElC,MAAM,oBAAoB,GAAG,WAAW,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM;QAC1E,CAAC,CAAC,IAAA,oCAAuB,EACrB,WAAW,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAC/C,WAAW,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,IAAI,EAAE,CAClE;QACH,CAAC,CAAC,mBAAmB,CAAA;IACvB,MAAM,UAAU,GACd,WAAW,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,IAAI,SAAS,CAAA;IAChE,MAAM,gBAAgB,GACpB,WAAW,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO;QACpE,SAAS,EAAE,OAAO,CAAA;IACpB,MAAM,kBAAkB,GAAG,WAAW,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM;QACzE,CAAC,CAAC,IAAA,oCAAuB,EACrB,WAAW,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,EAChD,WAAW,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,IAAI,EAAE,CACnE;QACH,CAAC,CAAC,iBAAiB,CAAA;IACrB,MAAM,QAAQ,GAAG,WAAW,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,IAAI,OAAO,CAAA;IAC9E,MAAM,cAAc,GAClB,WAAW,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO;QACrE,OAAO,EAAE,OAAO,CAAA;IAElB,MAAM,kBAAkB,GAAG,WAAW,EAAE,UAAU,CAAC,QAAQ,CAAC,UAAU,CAAC;QACrE,CAAC,CAAC,6BAA6B;QAC/B,CAAC,CAAC,oBAAoB,CAAA;IACxB,MAAM,SAAS,GAAG,UAAU;QAC1B,CAAC,CAAC,WAAW,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,UAAU,EAAE,OAAO,CAAC;QACvE,CAAC,CAAC,IAAI,CAAA;IACR,MAAM,OAAO,GAAG,QAAQ;QACtB,CAAC,CAAC,WAAW,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,QAAQ,EAAE,OAAO,CAAC;QACrE,CAAC,CAAC,IAAI,CAAA;IAER,MAAM,eAAe,GAAG,SAAS,EAAE,EAAE,KAAK,OAAO,EAAE,EAAE,IAAI,CAAC,MAAM,IAAI,CAAC,QAAQ,CAAA;IAC7E,MAAM,YAAY,GAAG,SAAS;QAC5B,CAAC,CAAC,GAAG,kBAAkB,gBAAgB,SAAS,EAAE;QAClD,CAAC,CAAC,IAAI,CAAA;IACR,MAAM,cAAc,GAAG,CAAC,OAAO,EAAE,YAAY,IAAI,CAAC,CAAC,GAAG,IAAI,CAAA;IAE1D,MAAM,eAAe,GAAG,SAAS,EAAE,EAAE,KAAK,oBAAO,CAAC,EAAE,CAAA;IACpD,MAAM,oBAAoB,GAAG,OAAO,EAAE,EAAE,KAAK,oBAAO,CAAC,EAAE,CAAA;IAEvD,MAAM,QAAQ,GACZ,WAAW,EAAE,MAAM,KAAK,QAAQ,IAAI,WAAW,EAAE,IAAI,EAAE,kBAAkB,CAAA;IAM3E,MAAM,WAAW,GACf,eAAe;QACf,CAAC,oBAAoB;YACnB,CAAC,kBAAkB,KAAK,WAAW,IAAI,kBAAkB,KAAK,SAAS,CAAC,CAAC,CAAA;IAG7E,MAAM,gBAAgB,GACpB,eAAe,IAAI,oBAAoB;QACrC,CAAC,CAAC,EAAE;QACJ,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,GAAG,IAAI,GAAG,EAAE,CAAC,CAAA;IAE5C,MAAM,sBAAsB,GAC1B,WAAW,EAAE,IAAI,EAAE,QAAQ,EAAE,gBAAgB,EAAE,QAAQ,CAAA;IACzD,MAAM,uBAAuB,GAAG,WAAW,EAAE,IAAI,EAAE,QAAQ,EAAE,gBAAgB;QAC3E,EAAE,MAAM;QACR,CAAC,CAAC,IAAA,oCAAuB,EACrB,MAAM,CAAC,WAAW,EAAE,IAAI,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,CAAC,EAC7D,sBAAsB,EAAE,QAAQ,IAAI,EAAE,CACvC;QACH,CAAC,CAAC,SAAS,CAAA;IAGb,MAAM,iBAAiB,GAAG,CAAC,OAAe,EAAE,eAAe,GAAG,KAAK,EAAE,EAAE;QACrE,IAAI,QAAQ,IAAI,CAAC,eAAe,EAAE,CAAC;YACjC,MAAM,YAAY,GAAG,WAAW,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,CAAA;YACzD,MAAM,aAAa,GAAG,WAAW,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,OAAO,CAAA;YAC7D,IAAI,aAAa,KAAK,OAAO,IAAI,YAAY,EAAE,CAAC;gBAC9C,OAAO,YAAY,CAAA;YACrB,CAAC;YACD,IAAI,WAAW,EAAE,IAAI,EAAE,kBAAkB,IAAI,CAAC,YAAY,EAAE,CAAC;gBAC3D,OAAO,SAAS,CAAA;YAClB,CAAC;QACH,CAAC;QACD,OAAO,WAAW,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,OAAO,KAAK,OAAO,CAAC,EAAE,MAAM,CAAA;IACjE,CAAC,CAAA;IAGD,MAAM,QAAQ,GAAG,CAAC,OAAe,EAAE,MAAc,EAAE,EAAE;QACnD,OAAO,IAAA,gDAAqB,EAAC,OAAO,EAAE,MAAM,EAAE,MAAM,CAAC,CAAA;IACvD,CAAC,CAAA;IAED,MAAM,aAAa,GACjB,sBAAsB,CAAC,WAAW,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAA;IAEjE,OAAO,WAAW,CAAC,CAAC,CAAC,CACnB,6DACE,wBAAC,eAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,SAAS,aACvD,gCAAK,SAAS,EAAC,2BAA2B,YACxC,wBAAC,eAAI,IACH,KAAK,EAAC,QAAQ,EACd,OAAO,EAAC,QAAQ,EAChB,SAAS,EAAC,uGAAuG,aAEjH,iCACE,SAAS,EAAC,uDAAuD,EACjE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,aAElC,iCAAM,EAAE,EAAC,2BAA2B,EAAC,IAAI,EAAC,OAAO,YAC/C,iCAAM,CAAC,EAAC,47BAA47B,GAAG,GACl8B,EACP,iCACE,CAAC,EAAC,47BAA47B,EAC97B,MAAM,EAAC,SAAS,EAChB,WAAW,EAAC,GAAG,EACf,cAAc,EAAC,OAAO,EACtB,IAAI,EAAC,iCAAiC,GACtC,IACE,EAEN,uBAAC,cAAG,IACF,SAAS,EAAC,sEAAsE,YAEhF,uBAAC,mCAAe,IAAC,IAAI,EAAE,yBAAW,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,GAAI,GACzD,IACD,GACH,EAEN,uBAAC,eAAI,IACH,KAAK,EAAC,WAAW,EACjB,SAAS,EAAC,8BAA8B,YAEvC,eAAe,IAAI,oBAAoB;4BACtC,CAAC,CAAC,8BAA8B,gBAAgB,mDAAmD;4BACnG,CAAC,CAAC,sCAAsC,gBAAgB,IAAI,gBAAgB,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,GAAG,GACnG,EAEP,wBAAC,eAAI,IAAC,KAAK,EAAC,QAAQ,EAAC,SAAS,EAAC,6BAA6B,aACzD,SAAS,CAAC,CAAC,CAAC,CACX,wBAAC,eAAI,IAAC,KAAK,EAAC,MAAM,EAAC,SAAS,EAAC,0CAA0C,aACrE,uBAAC,yBAAc,IACb,OAAO,EAAE,SAAS,CAAC,EAAE,EACrB,YAAY,EAAE,gBAAgB,EAC9B,WAAW,EAAE,UAAU,EAAE,MAAM,EAC/B,IAAI,EAAC,IAAI,EACT,WAAW,EAAE,GAAG,GAChB,EACF,wBAAC,eAAI,IAAC,KAAK,EAAC,WAAW,EAAC,SAAS,EAAC,YAAY,aAC3C,oBAAoB,OAAG,UAAU,EAAE,MAAM,IACrC,IACF,CACR,CAAC,CAAC,CAAC,CACF,uBAAC,eAAI,IAAC,KAAK,EAAC,WAAW,kBAAS,CACjC,EACD,uBAAC,eAAI,IAAC,SAAS,EAAC,mDAAmD,YACjE,uBAAC,mCAAe,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,2BAAY,GAAI,GACxD,EACN,OAAO,CAAC,CAAC,CAAC,CACT,wBAAC,eAAI,IAAC,KAAK,EAAC,MAAM,EAAC,SAAS,EAAC,0CAA0C,aACrE,uBAAC,yBAAc,IACb,OAAO,EAAE,OAAO,CAAC,EAAE,EACnB,YAAY,EAAE,cAAc,EAC5B,WAAW,EAAE,QAAQ,EAAE,MAAM,EAC7B,IAAI,EAAC,IAAI,EACT,WAAW,EAAE,GAAG,GAChB,EACF,wBAAC,eAAI,IAAC,KAAK,EAAC,WAAW,EAAC,SAAS,EAAC,YAAY,aAC3C,kBAAkB,OAAG,QAAQ,EAAE,MAAM,IACjC,IACF,CACR,CAAC,CAAC,CAAC,CACF,uBAAC,eAAI,IAAC,KAAK,EAAC,WAAW,kBAAS,CACjC,IACI,EACP,uBAAC,eAAI,IACH,KAAK,EAAC,OAAO,EACb,SAAS,EAAC,uFAAuF,gIAI5F,EAEN,CAAC,GAAG,EAAE;wBAEL,IAAI,QAAQ,EAAE,CAAC;4BACb,MAAM,YAAY,GAAG,WAAW,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,CAAA;4BACzD,MAAM,aAAa,GAAG,WAAW,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,OAAO,CAAA;4BAG7D,IAAI,YAAY,IAAI,aAAa,EAAE,CAAC;gCAClC,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,EAAE,YAAY,CAAC,CAAA;gCACnD,MAAM,aAAa,GAAG,IAAA,6BAAe,EAAC,YAAY,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;gCAEhE,OAAO,KAAK,IAAI,aAAa,CAAC,CAAC,CAAC,CAC9B,wBAAC,iBAAM,IACL,IAAI,EAAE,KAAK,EACX,MAAM,EAAC,QAAQ,EACf,SAAS,EAAC,qDAAqD,iCAE9C,aAAa,IACvB,CACV,CAAC,CAAC,CAAC,IAAI,CAAA;4BACV,CAAC;4BAED,OAAO,oBAAoB,CAAC,CAAC,CAAC,CAC5B,uBAAC,eAAI,IACH,KAAK,EAAC,OAAO,EACb,KAAK,EAAC,QAAQ,EACd,SAAS,EAAC,8BAA8B,+CAGnC,CACR,CAAC,CAAC,CAAC,IAAI,CAAA;wBACV,CAAC;wBAGD,IAAI,WAAW,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;4BAC1C,MAAM,MAAM,GAAG,WAAW,CAAC,CAAC,CAAC,EAAE,MAAM,CAAA;4BACrC,MAAM,OAAO,GAAG,WAAW,CAAC,CAAC,CAAC,EAAE,OAAO,CAAA;4BACvC,MAAM,KAAK,GACT,MAAM,IAAI,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;4BAC3D,MAAM,aAAa,GAAG,IAAA,6BAAe,EAAC,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;4BAE1D,OAAO,KAAK,IAAI,aAAa,CAAC,CAAC,CAAC,CAC9B,wBAAC,iBAAM,IACL,IAAI,EAAE,KAAK,EACX,MAAM,EAAC,QAAQ,EACf,SAAS,EAAC,qDAAqD,0BAErD,aAAa,IAChB,CACV,CAAC,CAAC,CAAC,IAAI,CAAA;wBACV,CAAC;wBAED,OAAO,IAAI,CAAA;oBACb,CAAC,CAAC,EAAE,IACC,EAEN,CAAC,YAAY,CAAC,CAAC,CAAC,CACf,uBAAC,eAAI,IACH,SAAS,EAAC,QAAQ,EAClB,SAAS,EAAC,gJAAgJ,YAE1J,uBAAC,4CAAmB,IAClB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,IAAI,GACZ,GACG,CACR,CAAC,CAAC,CAAC,IAAI,EAER,wBAAC,eAAI,IAAC,SAAS,EAAC,yCAAyC,aACvD,uBAAC,iBAAM,IACL,GAAG,EAAE,IAAI,EACT,KAAK,EAAE,WAAW,EAClB,OAAO,EAAE,GAAG,EAAE;4BACZ,YAAY,CAAC,KAAK,CAAC,CAAA;wBACrB,CAAC,EACD,SAAS,EAAC,mCAAmC,qBAGtC,EACR,YAAY,CAAC,CAAC,CAAC,CACd,8BAAG,IAAI,EAAE,YAAY,EAAE,SAAS,EAAC,cAAc,EAAC,MAAM,EAAC,QAAQ,YAC7D,uBAAC,iBAAM,IACL,GAAG,EAAE,IAAI,EACT,KAAK,EAAE,SAAS,EAChB,SAAS,EAAC,kCAAkC,+BAGrC,GACP,CACL,CAAC,CAAC,CAAC,IAAI,IACH,IACN,CACJ,CAAC,CAAC,CAAC,CACF,6DACE,wBAAC,eAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,SAAS,aACvD,gCAAK,SAAS,EAAC,2BAA2B,YACxC,wBAAC,eAAI,IAAC,KAAK,EAAC,QAAQ,aAClB,uBAAC,oBAAS,KAAG,EACb,uBAAC,eAAI,IACH,KAAK,EAAC,QAAQ,EACd,OAAO,EAAC,QAAQ,EAChB,SAAS,EAAC,8KAA8K,YAExL,uBAAC,mCAAe,IACd,IAAI,EAAE,iBAAO,EACb,SAAS,EAAC,iCAAiC,GAC3C,GACG,IACF,GACH,EAEN,uBAAC,eAAI,IACH,KAAK,EAAC,IAAI,EACV,SAAS,EAAC,6FAA6F,YAEtG,QAAQ,IAAI,QAAQ,KAAK,GAAG,CAAC,CAAC,CAAC,CAC9B,8EACe,iCAAM,SAAS,EAAC,YAAY,YAAE,QAAQ,GAAQ,IAC1D,CACJ,CAAC,CAAC,CAAC,CACF,uBAAuB,CACxB,GACI,EAEP,wBAAC,eAAI,IACH,SAAS,EAAC,QAAQ,EAClB,SAAS,EAAC,oIAAoI,aAE7I,UAAU,CAAC,CAAC,CAAC,CACZ,wBAAC,eAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,EAAC,iBAAiB,aAClD,uBAAC,eAAI,IAAC,KAAK,EAAC,WAAW,EAAC,KAAK,EAAC,QAAQ,qBAE/B,EACP,wBAAC,eAAI,IAAC,OAAO,EAAC,SAAS,aACrB,wBAAC,eAAI,IAAC,KAAK,EAAC,QAAQ,EAAC,SAAS,EAAC,iBAAiB,aAC9C,uBAAC,yBAAc,IACb,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,UAAU,CAAC,OAAO,EAC3B,YAAY,EAAE,gBAAgB,EAC9B,WAAW,EAAE,UAAU,CAAC,MAAM,EAC9B,WAAW,EAAE,GAAG,GAChB,EACD,oBAAoB,CAAC,CAAC,CAAC,CACtB,uBAAC,mBAAQ,IACP,SAAS,EAAC,oEAAoE,GAC9E,CACH,CAAC,CAAC,CAAC,CACF,wBAAC,eAAI,IAAC,KAAK,EAAC,IAAI,aACb,oBAAoB,OAAG,UAAU,CAAC,MAAM,IACpC,CACR,IACI,EACN,CAAC,eAAe;gDACf,UAAU,EAAE,OAAO;gDACnB,CAAC,GAAG,EAAE;oDAEJ,MAAM,MAAM,GAAG,iBAAiB,CAAC,UAAU,CAAC,OAAO,EAAE,IAAI,CAAC,CAAA;oDAC1D,MAAM,KAAK,GAAG,MAAM;wDAClB,CAAC,CAAC,QAAQ,CAAC,UAAU,CAAC,OAAO,EAAE,MAAM,CAAC;wDACtC,CAAC,CAAC,SAAS,CAAA;oDACb,OAAO,MAAM,CAAC,CAAC,CAAC,CACd,uBAAC,iBAAM,IACL,IAAI,EAAE,KAAK,EACX,MAAM,EAAC,QAAQ,EACf,SAAS,EAAC,oEAAoE,YAE7E,IAAA,6BAAe,EAAC,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,GAC9B,CACV,CAAC,CAAC,CAAC,IAAI,CAAA;gDACV,CAAC,CAAC,EAAE,IACD,IACF,CACR,CAAC,CAAC,CAAC,CACF,uBAAC,eAAI,IAAC,KAAK,EAAC,WAAW,kBAAS,CACjC,EAEA,QAAQ,CAAC,CAAC,CAAC,CACV,wBAAC,eAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,EAAC,iBAAiB,aAClD,uBAAC,eAAI,IAAC,KAAK,EAAC,WAAW,EAAC,KAAK,EAAC,QAAQ,yBAE/B,EACP,wBAAC,eAAI,IAAC,OAAO,EAAC,SAAS,aACrB,wBAAC,eAAI,IAAC,KAAK,EAAC,QAAQ,EAAC,SAAS,EAAC,iBAAiB,aAC9C,uBAAC,yBAAc,IACb,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,QAAQ,CAAC,OAAO,EACzB,YAAY,EAAE,cAAc,EAC5B,WAAW,EAAE,QAAQ,CAAC,MAAM,EAC5B,WAAW,EAAE,GAAG,GAChB,EACD,oBAAoB,CAAC,CAAC,CAAC,CACtB,uBAAC,mBAAQ,IACP,SAAS,EAAC,oEAAoE,GAC9E,CACH,CAAC,CAAC,CAAC,CACF,wBAAC,eAAI,IAAC,KAAK,EAAC,IAAI,aACb,kBAAkB,OAAG,QAAQ,CAAC,MAAM,IAChC,CACR,IACI,EAEN,QAAQ,EAAE,OAAO;gDAChB,CAAC,GAAG,EAAE;oDACJ,MAAM,MAAM,GAAG,iBAAiB,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAA;oDAClD,MAAM,KAAK,GAAG,MAAM;wDAClB,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;wDACpC,CAAC,CAAC,SAAS,CAAA;oDACb,OAAO,MAAM,CAAC,CAAC,CAAC,CACd,uBAAC,iBAAM,IACL,IAAI,EAAE,KAAK,EACX,MAAM,EAAC,QAAQ,EACf,SAAS,EAAC,oEAAoE,YAE7E,IAAA,6BAAe,EAAC,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,GAC9B,CACV,CAAC,CAAC,CAAC,IAAI,CAAA;gDACV,CAAC,CAAC,EAAE,IACD,EAGN,uBAAuB,IAAI,sBAAsB,CAAC,CAAC,CAAC,CACnD,wBAAC,eAAI,IAAC,KAAK,EAAC,QAAQ,EAAC,SAAS,EAAC,gCAAgC,aAC7D,uBAAC,yBAAc,IACb,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,sBAAsB,CAAC,OAAO,EACvC,YAAY,EAAE,GAAG,4BAAgB,qBAC/B,sBAAsB,EAAE,MAAM,EAAE,WAAW,EAAE;oDAC7C,sBAAsB,EAAE,OAC1B,MAAM,EACN,WAAW,EAAE,sBAAsB,CAAC,MAAM,EAC1C,WAAW,EAAE,GAAG,GAChB,EACF,wBAAC,eAAI,IAAC,KAAK,EAAC,IAAI,aACb,uBAAuB,OAAG,sBAAsB,CAAC,MAAM,IACnD,IACF,CACR,CAAC,CAAC,CAAC,IAAI,IACH,CACR,CAAC,CAAC,CAAC,CACF,uBAAC,eAAI,IAAC,KAAK,EAAC,WAAW,kBAAS,CACjC,IACI,IACF,EAEP,wBAAC,eAAI,IAAC,SAAS,EAAC,0BAA0B,aACvC,SAAS,CAAC,CAAC,CAAC,CACX,8BACE,IAAI,EAAE,GAAG,kBAAkB,gBAAgB,SAAS,EAAE,EACtD,SAAS,EAAC,cAAc,EACxB,MAAM,EAAC,QAAQ,EACf,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;4BACb,CAAC,CAAC,eAAe,EAAE,CAAA;wBACrB,CAAC,YAED,uBAAC,iBAAM,IACL,KAAK,EAAC,WAAW,EACjB,GAAG,EAAE,IAAI,EACT,SAAS,EAAC,kCAAkC,6BAGrC,GACP,CACL,CAAC,CAAC,CAAC,IAAI,EACR,uBAAC,iBAAM,IACL,GAAG,EAAE,IAAI,EACT,OAAO,EAAE,GAAG,EAAE;4BACZ,YAAY,CAAC,KAAK,CAAC,CAAA;wBACrB,CAAC,EACD,SAAS,EAAC,mCAAmC,qBAGtC,IACJ,IACN,CACJ,CAAA;AACH,CAAC,CAAA;AAreY,QAAA,eAAe,mBAqe3B"}

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

@@ -7,7 +7,7 @@ const index_js_1 = require("../../../../hooks/index.js");
 const index_js_2 = require("../../../primitives/index.js");
 const getTxBlockExplorerUrl_js_1 = require("../../../../utils/getTxBlockExplorerUrl.js");
 const truncate_js_1 = require("../../../../utils/truncate.js");
-const free_solid_svg_icons_1 = require("@fortawesome/free-solid-svg-icons");
+const faRotateRight_1 = require("@fortawesome/free-solid-svg-icons/faRotateRight");
 const react_fontawesome_1 = require("@fortawesome/react-fontawesome");
 const TransactionsByChain = ({ allTxHashes, fromChain, toChain, refundData, isSolverStatusTimeout, fillTx }) => {
     const relayClient = (0, index_js_1.useRelayClient)();
@@ -61,12 +61,7 @@ const TransactionsByChain = ({ allTxHashes, fromChain, toChain, refundData, isSo
             });
         }
     }
-    return ((0, jsx_runtime_1.jsx)(index_js_2.Flex, { direction: "column", css: { gap: '3' }, children: transactions.map((transaction, idx) => ((0, jsx_runtime_1.jsxs)(index_js_2.Flex, { justify: "between", css: { alignItems: 'center' }, children: [(0, jsx_runtime_1.jsxs)(index_js_2.Flex, { css: { alignItems: 'center', gap: '2' }, children: [(0, jsx_runtime_1.jsx)(index_js_2.Text, { style: "subtitle2", color: "subtle", children: transaction.label }), transaction.isRefund ? ((0, jsx_runtime_1.jsxs)(index_js_2.Pill, { color: "gray", css: {
-                                py: '1',
-                                px: '6px',
-                                display: 'flex',
-                                alignItems: 'center'
-                            }, children: [(0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: free_solid_svg_icons_1.faRotateRight, style: { width: 16, height: 16, marginRight: 4 }, color: "#889096" }), ' ', (0, jsx_runtime_1.jsx)(index_js_2.Text, { style: "subtitle3", children: "Refunded" })] })) : null] }), !transaction.isRefund && transaction.txHashes.length > 0 ? ((0, jsx_runtime_1.jsx)(index_js_2.Flex, { direction: "column", children: transaction.txHashes.map(({ txHash, chainId, isBatchTx }) => {
+    return ((0, jsx_runtime_1.jsx)(index_js_2.Flex, { direction: "column", className: "relay:gap-3", children: transactions.map((transaction, idx) => ((0, jsx_runtime_1.jsxs)(index_js_2.Flex, { justify: "between", className: "relay:items-center", children: [(0, jsx_runtime_1.jsxs)(index_js_2.Flex, { className: "relay:items-center relay:gap-2", children: [(0, jsx_runtime_1.jsx)(index_js_2.Text, { style: "subtitle2", color: "subtle", children: transaction.label }), transaction.isRefund ? ((0, jsx_runtime_1.jsxs)(index_js_2.Pill, { color: "gray", className: "relay:py-1 relay:px-[6px] relay:flex relay:items-center", children: [(0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: faRotateRight_1.faRotateRight, className: "relay:w-[16px] relay:h-[16px] relay:mr-[4px]", color: "#889096" }), ' ', (0, jsx_runtime_1.jsx)(index_js_2.Text, { style: "subtitle3", children: "Refunded" })] })) : null] }), !transaction.isRefund && transaction.txHashes.length > 0 ? ((0, jsx_runtime_1.jsx)(index_js_2.Flex, { direction: "column", children: transaction.txHashes.map(({ txHash, chainId, isBatchTx }) => {
                         const txUrl = (0, getTxBlockExplorerUrl_js_1.getTxBlockExplorerUrl)(chainId, relayClient?.chains, txHash);
                         return txUrl && !isBatchTx ? ((0, jsx_runtime_1.jsx)(index_js_2.Anchor, { href: txUrl, target: "_blank", "data-testid": "transaction-link", children: (0, truncate_js_1.truncateAddress)(txHash) }, txHash)) : null;
                     }) })) : null, transaction.isRefund &&
@@ -75,7 +70,7 @@ const TransactionsByChain = ({ allTxHashes, fromChain, toChain, refundData, isSo
                     transaction.txHashes.length === 0 &&
                     !isSolverStatusTimeout ? ((0, jsx_runtime_1.jsx)(index_js_2.Flex, { direction: "column", children: (0, jsx_runtime_1.jsx)(index_js_2.Text, { color: "red", style: "subtitle2", children: "Order has not been filled" }) })) : null, !transaction.isRefund &&
                     transaction.txHashes.length === 0 &&
-                    isSolverStatusTimeout ? ((0, jsx_runtime_1.jsx)(index_js_2.Flex, { direction: "column", children: (0, jsx_runtime_1.jsx)(index_js_2.Skeleton, { css: { height: 20 } }) })) : null] }, idx))) }));
+                    isSolverStatusTimeout ? ((0, jsx_runtime_1.jsx)(index_js_2.Flex, { direction: "column", children: (0, jsx_runtime_1.jsx)(index_js_2.Skeleton, { className: "relay:h-[20px]" }) })) : null] }, idx))) }));
 };
 exports.TransactionsByChain = TransactionsByChain;
 //# sourceMappingURL=TransactionsByChain.js.map

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

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

package/_cjs/src/components/common/TransactionModal/steps/WaitingForDepositStep.js

@@ -8,79 +8,43 @@ const truncate_js_1 = require("../../../../utils/truncate.js");
 const relay_sdk_1 = require("@relayprotocol/relay-sdk");
 const CopyToClipBoard_js_1 = require("../../CopyToClipBoard.js");
 const react_fontawesome_1 = require("@fortawesome/react-fontawesome");
-const free_solid_svg_icons_1 = require("@fortawesome/free-solid-svg-icons");
+const faQrcode_1 = require("@fortawesome/free-solid-svg-icons/faQrcode");
 const qrcode_react_1 = require("qrcode.react");
 const qrcode_js_1 = require("../../../../utils/qrcode.js");
 const react_popover_1 = require("@radix-ui/react-popover");
+const TRANSPARENT_PNG = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVQI12NgAAIABQABNjN9GQAAAABJRU5ErkJggg==';
 const WaitingForDepositStep = ({ fromToken, fromChain, fromAmountFormatted, isFetchingQuote, depositAddress }) => {
     const qrcodeUrl = (0, qrcode_js_1.generateQrWalletDeeplink)(fromChain?.vmType, fromAmountFormatted, fromToken &&
         fromChain &&
         fromToken.address !== (0, relay_sdk_1.getDeadAddress)(fromChain?.vmType)
         ? fromToken.address
         : undefined, depositAddress, fromChain?.id);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(index_js_1.Flex, { direction: "column", css: {
-                    '--borderColor': 'colors.subtle-border-color',
-                    border: '1px solid var(--borderColor)',
-                    borderRadius: 8,
-                    px: '2',
-                    py: '3',
-                    mb: '3',
-                    gap: '2'
-                }, children: [(0, jsx_runtime_1.jsxs)(index_js_1.Text, { style: "body2", children: ["Transfer funds manually from your ", fromChain?.displayName, " wallet to Relay\u2019s deposit address to complete the bridge."] }), (0, jsx_runtime_1.jsx)(index_js_1.Anchor, { href: "https://support.relay.link/en/articles/10269920-how-do-deposit-addresses-work", target: "_blank", children: "Learn More" })] }), (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { css: { gap: '1' }, children: [(0, jsx_runtime_1.jsxs)(index_js_1.Flex, { css: { gap: '1', width: '100%' }, direction: "column", children: [(0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", children: "Network" }), (0, jsx_runtime_1.jsxs)(index_js_1.Pill, { color: "gray", css: {
-                                    display: 'flex',
-                                    alignItems: 'center',
-                                    py: '2'
-                                }, radius: "squared", children: [(0, jsx_runtime_1.jsx)(index_js_1.ChainIcon, { chainId: fromChain?.id, height: 20, width: 20 }), (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "h6", children: fromChain?.displayName })] })] }), (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { css: { gap: '1', width: '100%' }, direction: "column", children: [(0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", children: "Amount to transfer" }), (0, jsx_runtime_1.jsxs)(index_js_1.Pill, { color: "gray", css: {
-                                    display: 'flex',
-                                    alignItems: 'center',
-                                    py: '2'
-                                }, radius: "squared", children: [fromAmountFormatted ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [' ', (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "h6", css: { fontWeight: '500', mr: '1' }, children: fromAmountFormatted }), (0, jsx_runtime_1.jsx)("img", { alt: fromToken?.name, src: fromToken?.logoURI, width: 20, height: 20, style: {
-                                                    borderRadius: 9999
-                                                } }), (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "h6", children: fromToken?.symbol })] })) : ((0, jsx_runtime_1.jsx)(index_js_1.Skeleton, { css: { height: 24, width: '100%' } })), ' '] })] })] }), (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", children: "Relay's Deposit Address" }), (0, jsx_runtime_1.jsx)(index_js_1.Pill, { radius: "rounded", color: "gray", css: { display: 'flex', alignItems: 'center', gap: '3', p: '3' }, children: isFetchingQuote ? ((0, jsx_runtime_1.jsx)(index_js_1.Skeleton, { css: { height: 21, width: '100%' } })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", css: { marginRight: 'auto' }, children: (0, truncate_js_1.truncateAddress)(depositAddress, '...', 28, 4) }), qrcodeUrl ? ((0, jsx_runtime_1.jsxs)(react_popover_1.Popover, { children: [(0, jsx_runtime_1.jsx)(react_popover_1.PopoverTrigger, { style: { cursor: 'pointer' }, children: (0, jsx_runtime_1.jsx)(index_js_1.Box, { css: { color: 'gray9' }, children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: free_solid_svg_icons_1.faQrcode, style: { width: 16, height: 16 } }) }) }), (0, jsx_runtime_1.jsx)(react_popover_1.PopoverPortal, { children: (0, jsx_runtime_1.jsx)(react_popover_1.PopoverContent, { style: { zIndex: 9999 }, sideOffset: 4, children: (0, jsx_runtime_1.jsx)(index_js_1.Box, { css: {
-                                                boxShadow: '0px 1px 5px rgba(0,0,0,0.2)',
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(index_js_1.Flex, { direction: "column", className: "relay:border relay:border-solid relay:border-[var(--relay-colors-subtle-border-color)] relay:rounded-[8px] relay:px-2 relay:py-3 relay:mb-3 relay:gap-2", children: [(0, jsx_runtime_1.jsxs)(index_js_1.Text, { style: "body2", children: ["Transfer funds manually from your ", fromChain?.displayName, " wallet to Relay's deposit address to complete the bridge."] }), (0, jsx_runtime_1.jsx)(index_js_1.Anchor, { href: "https://support.relay.link/en/articles/10269920-how-do-deposit-addresses-work", target: "_blank", children: "Learn More" })] }), (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { className: "relay:gap-1", children: [(0, jsx_runtime_1.jsxs)(index_js_1.Flex, { className: "relay:gap-1 relay:w-full", direction: "column", children: [(0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", children: "Network" }), (0, jsx_runtime_1.jsxs)(index_js_1.Pill, { color: "gray", className: "relay:flex relay:items-center relay:py-2", radius: "squared", children: [(0, jsx_runtime_1.jsx)(index_js_1.ChainIcon, { chainId: fromChain?.id, height: 20, width: 20 }), (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "h6", children: fromChain?.displayName })] })] }), (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { className: "relay:gap-1 relay:w-full", direction: "column", children: [(0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", children: "Amount to transfer" }), (0, jsx_runtime_1.jsxs)(index_js_1.Pill, { color: "gray", className: "relay:flex relay:items-center relay:py-2", radius: "squared", children: [fromAmountFormatted ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [' ', (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "h6", className: "relay:font-medium relay:mr-1", children: fromAmountFormatted }), (0, jsx_runtime_1.jsx)("img", { alt: fromToken?.name, src: fromToken?.logoURI, width: 20, height: 20, className: "relay:rounded-full" }), (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "h6", children: fromToken?.symbol })] })) : ((0, jsx_runtime_1.jsx)(index_js_1.Skeleton, { className: "relay:h-[24px] relay:w-full" })), ' '] })] })] }), (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", children: "Relay's Deposit Address" }), (0, jsx_runtime_1.jsx)(index_js_1.Pill, { radius: "rounded", color: "gray", className: "relay:flex relay:items-center relay:gap-3 relay:p-3", children: isFetchingQuote ? ((0, jsx_runtime_1.jsx)(index_js_1.Skeleton, { className: "relay:h-[21px] relay:w-full" })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", className: "relay:mr-auto", children: (0, truncate_js_1.truncateAddress)(depositAddress, '...', 28, 4) }), qrcodeUrl ? ((0, jsx_runtime_1.jsxs)(react_popover_1.Popover, { children: [(0, jsx_runtime_1.jsx)(react_popover_1.PopoverTrigger, { className: "relay:cursor-pointer", children: (0, jsx_runtime_1.jsx)(index_js_1.Box, { className: "relay:text-[color:var(--relay-colors-gray9)]", children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: faQrcode_1.faQrcode, className: "relay:w-[16px] relay:h-[16px]" }) }) }), (0, jsx_runtime_1.jsx)(react_popover_1.PopoverPortal, { children: (0, jsx_runtime_1.jsx)(react_popover_1.PopoverContent, { sideOffset: 4, align: "end", side: "top", avoidCollisions: false, style: { zIndex: 10000001 }, children: (0, jsx_runtime_1.jsx)("div", { style: {
                                                 borderRadius: 8,
-                                                overflow: 'hidden',
-                                                transition: 'transform 0.3s ease',
-                                                '&:hover': {
-                                                    transform: 'scale(1.25)'
-                                                }
-                                            }, children: (0, jsx_runtime_1.jsx)(index_js_1.Box, { css: {
-                                                    background: 'modal-background',
-                                                    p: '2'
-                                                }, children: (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { css: { margin: '0 auto', width: 105, height: 105 }, children: [(0, jsx_runtime_1.jsx)(index_js_1.Flex, { css: {
-                                                                position: 'absolute',
-                                                                width: 105,
-                                                                height: 105,
-                                                                alignItems: 'center',
-                                                                justifyContent: 'center'
-                                                            }, children: (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { css: {
-                                                                    position: 'relative',
-                                                                    zIndex: '999',
-                                                                    transform: 'translate3d(0,0,0)'
-                                                                }, children: [(0, jsx_runtime_1.jsx)(index_js_1.ChainIcon, { chainId: fromChain?.id, height: 14, width: 14, css: {
-                                                                            borderRadius: 4,
-                                                                            border: '1.5px solid white',
-                                                                            position: 'absolute',
-                                                                            bottom: 0,
-                                                                            right: 0
-                                                                        } }), (0, jsx_runtime_1.jsx)("img", { alt: fromToken?.name, src: fromToken?.logoURI, width: 33, height: 33, style: {
-                                                                            borderRadius: '100%',
-                                                                            border: '1.5px solid white',
-                                                                            background: 'white'
-                                                                        } })] }) }), (0, jsx_runtime_1.jsx)(qrcode_react_1.QRCodeCanvas, { value: qrcodeUrl, width: 105, height: 105, level: 'H', imageSettings: {
-                                                                src: 'data:image/png;base64,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Y29tL2V4aWYvMS4wLyIKICAgICAgICAgICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iPgogICAgICAgICA8ZXhpZjpQaXhlbFhEaW1lbnNpb24+MTk0PC9leGlmOlBpeGVsWERpbWVuc2lvbj4KICAgICAgICAgPGV4aWY6VXNlckNvbW1lbnQ+U2NyZWVuc2hvdDwvZXhpZjpVc2VyQ29tbWVudD4KICAgICAgICAgPGV4aWY6UGl4ZWxZRGltZW5zaW9uPjE4NjwvZXhpZjpQaXhlbFlEaW1lbnNpb24+CiAgICAgICAgIDx0aWZmOlJlc29sdXRpb25Vbml0PjI8L3RpZmY6UmVzb2x1dGlvblVuaXQ+CiAgICAgICAgIDx0aWZmOllSZXNvbHV0aW9uPjE0NDwvdGlmZjpZUmVzb2x1dGlvbj4KICAgICAgICAgPHRpZmY6WFJlc29sdXRpb24+MTQ0PC90aWZmOlhSZXNvbHV0aW9uPgogICAgICAgICA8dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4Kmj5GzQAAACtJREFUWAnt0DEBAAAAwqD1T20ND4hAYcCAAQMGDBgwYMCAAQMGDBgwcDEwEakAAc3C1KAAAAAASUVORK5CYII=',
-                                                                height: 33,
-                                                                width: 33,
-                                                                excavate: true
-                                                            }, style: {
-                                                                margin: '0 auto',
-                                                                width: 105,
-                                                                height: 105
-                                                            } })] }) }) }) }) })] })) : null, (0, jsx_runtime_1.jsx)(CopyToClipBoard_js_1.CopyToClipBoard, { text: depositAddress ?? '' })] })) }), (0, jsx_runtime_1.jsxs)(index_js_1.Button, { disabled: true, css: {
-                    color: 'button-disabled-color !important',
-                    mt: 8,
-                    justifyContent: 'center'
-                }, children: [(0, jsx_runtime_1.jsx)(LoadingSpinner_js_1.LoadingSpinner, { css: { height: 16, width: 16, fill: 'button-disabled-color' } }), "Waiting for you to transfer funds"] })] }));
+                                                padding: 8,
+                                                backgroundColor: 'var(--relay-colors-modal-background)',
+                                                boxShadow: '0px 1px 5px rgba(0,0,0,0.2)'
+                                            }, children: (0, jsx_runtime_1.jsxs)("div", { style: { position: 'relative', width: 105, height: 105 }, children: [(0, jsx_runtime_1.jsx)(qrcode_react_1.QRCodeCanvas, { value: qrcodeUrl, width: 105, height: 105, level: 'H', imageSettings: {
+                                                            src: TRANSPARENT_PNG,
+                                                            height: 33,
+                                                            width: 33,
+                                                            excavate: true
+                                                        }, style: { display: 'block', width: 105, height: 105 } }), (0, jsx_runtime_1.jsx)("div", { style: {
+                                                            position: 'absolute',
+                                                            top: 0,
+                                                            left: 0,
+                                                            width: 105,
+                                                            height: 105,
+                                                            display: 'flex',
+                                                            alignItems: 'center',
+                                                            justifyContent: 'center',
+                                                            pointerEvents: 'none'
+                                                        }, children: (0, jsx_runtime_1.jsxs)("div", { style: { position: 'relative' }, children: [(0, jsx_runtime_1.jsx)("img", { alt: fromToken?.name, src: fromToken?.logoURI, width: 33, height: 33, style: {
+                                                                        borderRadius: '50%',
+                                                                        border: '1.5px solid white',
+                                                                        backgroundColor: 'white',
+                                                                        display: 'block'
+                                                                    } }), (0, jsx_runtime_1.jsx)(index_js_1.ChainIcon, { chainId: fromChain?.id, height: 14, width: 14, className: "relay:absolute relay:bottom-0 relay:right-0 relay:border relay:border-solid relay:border-white", borderRadius: 4 })] }) })] }) }) }) })] })) : null, (0, jsx_runtime_1.jsx)(CopyToClipBoard_js_1.CopyToClipBoard, { text: depositAddress ?? '' })] })) }), (0, jsx_runtime_1.jsxs)(index_js_1.Button, { disabled: true, className: "relay:text-[color:var(--relay-colors-button-disabled-color)_!important] relay:mt-2 relay:justify-center", children: [(0, jsx_runtime_1.jsx)(LoadingSpinner_js_1.LoadingSpinner, { className: "relay:h-4 relay:w-4 relay:fill-[var(--relay-colors-button-disabled-color)]" }), "Waiting for you to transfer funds"] })] }));
 };
 exports.WaitingForDepositStep = WaitingForDepositStep;
 //# sourceMappingURL=WaitingForDepositStep.js.map

package/_cjs/src/components/common/TransactionModal/steps/WaitingForDepositStep.js.map

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

package/_cjs/src/components/common/UnverifiedTokenModal.js

@@ -7,10 +7,12 @@ const Modal_js_1 = require("./Modal.js");
 const index_js_1 = require("../primitives/index.js");
 const CopyToClipBoard_js_1 = require("./CopyToClipBoard.js");
 const react_fontawesome_1 = require("@fortawesome/react-fontawesome");
-const free_solid_svg_icons_1 = require("@fortawesome/free-solid-svg-icons");
+const faExclamationTriangle_1 = require("@fortawesome/free-solid-svg-icons/faExclamationTriangle");
+const faExternalLink_1 = require("@fortawesome/free-solid-svg-icons/faExternalLink");
 const useRelayClient_js_1 = tslib_1.__importDefault(require("../../hooks/useRelayClient.js"));
 const localStorage_js_1 = require("../../utils/localStorage.js");
 const events_js_1 = require("../../constants/events.js");
+const cn_js_1 = require("../../utils/cn.js");
 const UnverifiedTokenModal = ({ open, onOpenChange, data, onAcceptToken, onDecline, onAnalyticEvent }) => {
     const client = (0, useRelayClient_js_1.default)();
     const chain = client?.chains?.find((chain) => chain.id === data?.token?.chainId);
@@ -19,38 +21,10 @@ const UnverifiedTokenModal = ({ open, onOpenChange, data, onAcceptToken, onDecli
             onDecline?.(data?.token, data?.context);
         }, onCloseButtonClicked: () => {
             onDecline?.(data?.token, data?.context);
-        }, css: {
-            overflow: 'hidden',
-            zIndex: 10000001
-        }, overlayZIndex: 10000001, children: (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { direction: "column", css: {
-                width: '100%',
-                height: '100%',
-                gap: '4',
-                sm: {
-                    width: 370
-                }
-            }, children: [(0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "h6", children: "Unverified Token" }), (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "center", direction: "column", css: { gap: '4' }, children: [(0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "center", justify: "center", children: [isValidTokenLogo ? ((0, jsx_runtime_1.jsx)("img", { src: data?.token.logoURI, alt: data?.token?.name, style: { width: '48px', height: '48px', borderRadius: 9999 } })) : null, (0, jsx_runtime_1.jsx)(index_js_1.Flex, { align: "center", css: {
-                                        width: '48px',
-                                        height: '48px',
-                                        background: 'amber3',
-                                        borderRadius: 9999,
-                                        p: '3',
-                                        marginLeft: isValidTokenLogo ? '-20px' : '0'
-                                    }, children: (0, jsx_runtime_1.jsx)(index_js_1.Box, { css: { color: 'amber9' }, children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: free_solid_svg_icons_1.faExclamationTriangle, width: 24, height: 24, style: { width: 24, height: 24 } }) }) })] }), (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", color: "subtle", css: { textAlign: 'center' }, children: "This token isn\u2019t traded on leading U.S. centralized exchanges or frequently swapped on major DEXes. Always conduct your own research before trading." }), (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "center", css: {
-                                gap: '3',
-                                p: '3',
-                                bg: 'gray2',
-                                borderRadius: '12px',
-                                width: '100%'
-                            }, children: [(0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", ellipsify: true, children: data?.token?.address }), (0, jsx_runtime_1.jsx)(CopyToClipBoard_js_1.CopyToClipBoard, { text: data?.token?.address ?? '' }), (0, jsx_runtime_1.jsx)(index_js_1.Anchor, { href: `${chain?.explorerUrl}/token/${data?.token?.address}`, target: "_blank", css: { height: '14px' }, children: (0, jsx_runtime_1.jsx)(index_js_1.Box, { css: { color: 'gray9', _hover: { color: 'gray11' } }, children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: free_solid_svg_icons_1.faExternalLink }) }) })] }), (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { css: { gap: '3', width: '100%' }, children: [(0, jsx_runtime_1.jsx)(index_js_1.Button, { onClick: () => {
+        }, className: "relay:overflow-hidden relay:z-[10000001]", overlayZIndex: 10000001, children: (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { direction: "column", className: "relay:w-full relay:h-full relay:gap-4 relay:sm:w-[370px]", children: [(0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "h6", children: "Unverified Token" }), (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "center", direction: "column", className: "relay:gap-4", children: [(0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "center", justify: "center", children: [isValidTokenLogo ? ((0, jsx_runtime_1.jsx)("img", { src: data?.token.logoURI, alt: data?.token?.name, className: "relay:w-[48px] relay:h-[48px] relay:rounded-full" })) : null, (0, jsx_runtime_1.jsx)(index_js_1.Flex, { align: "center", className: (0, cn_js_1.cn)('relay:w-12 relay:h-12 relay:bg-[var(--relay-colors-amber3)] relay:rounded-full relay:p-3', isValidTokenLogo ? 'relay:-ml-5' : 'relay:ml-0'), children: (0, jsx_runtime_1.jsx)(index_js_1.Box, { className: "relay:flex relay:text-[color:var(--relay-colors-amber9)]", children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: faExclamationTriangle_1.faExclamationTriangle, style: { width: 24, height: 24 } }) }) })] }), (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", color: "subtle", className: "relay:text-center", children: "This token isn't traded on leading U.S. centralized exchanges or frequently swapped on major DEXes. Always conduct your own research before trading." }), (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "center", className: "relay:gap-3 relay:p-3 relay:bg-[var(--relay-colors-gray2)] relay:rounded-[12px] relay:w-full", children: [(0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", ellipsify: true, children: data?.token?.address }), (0, jsx_runtime_1.jsx)(CopyToClipBoard_js_1.CopyToClipBoard, { text: data?.token?.address ?? '' }), (0, jsx_runtime_1.jsx)(index_js_1.Anchor, { href: `${chain?.explorerUrl}/token/${data?.token?.address}`, target: "_blank", className: "relay:h-[14px]", children: (0, jsx_runtime_1.jsx)(index_js_1.Box, { className: "relay:flex relay:text-[color:var(--relay-colors-gray9)] relay:hover:text-[color:var(--relay-colors-gray11)]", children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: faExternalLink_1.faExternalLink }) }) })] }), (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { className: "relay:gap-3 relay:w-full", children: [(0, jsx_runtime_1.jsx)(index_js_1.Button, { onClick: () => {
                                         onDecline?.(data?.token, data?.context);
                                         onOpenChange(false);
-                                    }, color: "ghost", css: {
-                                        flex: 1,
-                                        justifyContent: 'center',
-                                        bg: 'gray3',
-                                        _hover: { bg: 'gray4' }
-                                    }, children: "Cancel" }), (0, jsx_runtime_1.jsx)(index_js_1.Button, { cta: true, onClick: () => {
+                                    }, color: "grey", size: "small", className: "relay:flex-1 relay:justify-center relay:whitespace-nowrap", children: "Cancel" }), (0, jsx_runtime_1.jsx)(index_js_1.Button, { cta: true, size: "small", onClick: () => {
                                         if (data?.token) {
                                             const tokenIdentifier = `${data?.token.chainId}:${data?.token.address}`;
                                             const alreadyAccepted = (0, localStorage_js_1.alreadyAcceptedToken)(data?.token);
@@ -69,7 +43,7 @@ const UnverifiedTokenModal = ({ open, onOpenChange, data, onAcceptToken, onDecli
                                             });
                                         }
                                         onAcceptToken(data?.token, data?.context);
-                                    }, color: "warning", css: { flex: 1, justifyContent: 'center', px: '16px' }, children: "I Understand" })] })] })] }) }));
+                                    }, color: "warning", className: "relay:flex-1 relay:justify-center relay:px-4 relay:whitespace-nowrap", children: "I Understand" })] })] })] }) }));
 };
 exports.UnverifiedTokenModal = UnverifiedTokenModal;
 //# sourceMappingURL=UnverifiedTokenModal.js.map