@relayprotocol/relay-kit-ui 7.1.6 → 8.0.1

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

@@ -7,37 +7,15 @@ 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 { faRepeat } from '@fortawesome/free-solid-svg-icons/faRepeat';
 import { truncateAddress } from '../../../../utils/truncate.js';
 import { getTxBlockExplorerUrl } from '../../../../utils/getTxBlockExplorerUrl.js';
 import useRelayClient from '../../../../hooks/useRelayClient.js';
+import { cn } from '../../../../utils/cn.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) => {
+    return (_jsxs(_Fragment, { children: [_jsxs(Flex, { align: "center", justify: "between", direction: "column", className: "relay:shrink-0 relay:bp500:flex-row", children: [_jsx(Flex, { direction: "column", className: "relay:bg-[var(--relay-colors-subtle-background-color)] relay:rounded-[12px] relay:gap-1 relay:w-full relay:py-[12px] relay:px-[16px]", children: _jsxs(Flex, { direction: "column", align: "start", className: "relay:gap-1 relay:cursor-pointer", children: [_jsx(ChainTokenIcon, { chainId: fromToken?.chainId, tokenlogoURI: fromToken?.logoURI, tokenSymbol: fromToken?.symbol, className: "relay:h-[32px] relay:w-[32px]" }), _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", color: "subtle", className: "relay:px-4 relay:py-0 relay:bp400Down:rotate-90", children: _jsx(FontAwesomeIcon, { icon: faArrowRight, width: 16 }) }), _jsx(Flex, { direction: "column", className: "relay:bg-[var(--relay-colors-subtle-background-color)] relay:rounded-[12px] relay:gap-1 relay:w-full relay:py-[12px] relay:px-[16px]", children: _jsxs(Flex, { direction: "column", align: "start", className: "relay:gap-1 relay:cursor-pointer", children: [_jsx(ChainTokenIcon, { chainId: toToken?.chainId, tokenlogoURI: toToken?.logoURI, tokenSymbol: toToken?.symbol, className: "relay:h-[32px] relay:w-[32px]" }), _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", className: "relay:border relay:border-solid relay:border-[var(--relay-colors-gray3)] relay:rounded-[12px] relay:p-3 relay:gap-2 relay:h-[260px]", children: steps?.map((step, index) => {
                     const isCurrentStep = step.items?.some((item) => item.status === 'incomplete') &&
                         !steps
                             ?.slice(0, steps?.indexOf(step))
@@ -50,28 +28,13 @@ export const ApprovalPlusSwapStep = ({ fromToken, toToken, quote, fromAmountForm
                         : 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 &&
+                    return (_jsxs(Box, { children: [_jsxs(Flex, { align: "center", justify: "between", className: "relay:w-full relay:gap-3", children: [_jsxs(Flex, { align: "center", className: "relay:gap-2 relay:h-[40px]", children: [step.id === 'approve' ? (_jsx(ChainTokenIcon, { chainId: fromToken?.chainId, tokenlogoURI: fromToken?.logoURI, tokenSymbol: fromToken?.symbol, className: cn('relay:rounded-full relay:shrink-0', !isCurrentStep && 'relay:grayscale') })) : (_jsx(Flex, { className: cn('relay:rounded-full relay:shrink-0 relay:items-center relay:justify-center relay:h-[32px] relay:w-[32px]', isCurrentStep
+                                                    ? 'relay:bg-[var(--relay-colors-primary5)] relay:text-[color:var(--relay-colors-primary8)]'
+                                                    : 'relay:bg-[var(--relay-colors-gray5)] relay:text-[color:var(--relay-colors-gray9)]'), children: _jsx(FontAwesomeIcon, { icon: faRepeat, width: 16 }) })), _jsxs(Flex, { direction: "column", className: "relay:gap-[2px]", children: [_jsx(Text, { style: "subtitle2", children: stepTitle }), isApproveStep && !hasTxHash && (_jsx(Anchor, { className: "relay:text-[12px]", 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));
+                                                            return (_jsxs(Anchor, { href: txUrl, target: "_blank", className: "relay:text-[12px]", children: ["View Tx: ", truncateAddress(txHash, '...', 6, 4)] }, txHash));
+                                                        })] })] }), _jsx(Flex, { children: isCurrentStep && hasTxHash ? (_jsx(LoadingSpinner, { className: "relay:h-4 relay:w-4 relay:fill-[var(--relay-colors-gray9)]" })) : step?.items?.every((item) => item.status === 'complete') ? (_jsx(Box, { className: "relay:text-[color:var(--relay-colors-green9)]", children: _jsx(FontAwesomeIcon, { icon: faCheck, width: 16 }) })) : null })] }), index !== (steps?.length || 0) - 1 && (_jsx(Box, { className: "relay:pl-4 relay:h-[14px] relay:mt-3", children: _jsx(Box, { className: "relay:h-full relay:w-px relay:bg-[var(--relay-colors-gray11)]" }) }))] }, step.id));
                 }) })] }));
 };
 //# sourceMappingURL=ApprovalPlusSwapStep.js.map

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

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

@@ -9,10 +9,6 @@ export const DepositAddressValidatingStep = ({ txHashes, status }) => {
         ? '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." }), _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"] })] }));
+    return (_jsxs(_Fragment, { children: [_jsxs(Flex, { direction: "column", align: "center", justify: "between", children: [_jsx(LoadingSpinner, { className: "relay:h-10 relay:w-10 relay:fill-[var(--relay-colors-primary-color)]" }), _jsx(Text, { style: "subtitle2", className: "relay:mt-4 relay:mb-2 relay:text-center", children: "Funds received. Your transaction is now in progress." }), _jsxs(Text, { color: "subtle", style: "body2", className: "relay:mt-3 relay:text-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, className: "relay:text-[color:var(--relay-colors-button-disabled-color)_!important] relay:mt-2 relay:justify-center", children: [_jsx(LoadingSpinner, { className: "relay:h-4 relay:w-4 relay:fill-[var(--relay-colors-button-disabled-color)]" }), "Validating Transaction"] })] }));
 };
 //# sourceMappingURL=DepositAddressValidatingStep.js.map

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

@@ -1 +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;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAA;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAO3D,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,EACP,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"}
+{"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;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAA;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAO3D,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,SAAS,EAAC,sEAAsE,GAChF,EACF,KAAC,IAAI,IAAC,KAAK,EAAC,WAAW,EAAC,SAAS,EAAC,yCAAyC,qEAEpE,EACP,MAAC,IAAI,IACH,KAAK,EAAC,QAAQ,EACd,KAAK,EAAC,OAAO,EACb,SAAS,EAAC,8BAA8B,uFAE+B,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,SAAS,EAAC,yGAAyG,aAEnH,KAAC,cAAc,IACb,SAAS,EAAC,4EAA4E,GACtF,8BAEK,IACR,CACJ,CAAA;AACH,CAAC,CAAA"}

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

@@ -1,7 +1,6 @@
 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 { faArrowRight } from '@fortawesome/free-solid-svg-icons/faArrowRight';
@@ -9,7 +8,8 @@ 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 { faCircleXmark } from '@fortawesome/free-solid-svg-icons/faCircleXmark';
+import { faRotateRight } from '@fortawesome/free-solid-svg-icons/faRotateRight';
 import { getTxBlockExplorerUrl } from '../../../../utils/getTxBlockExplorerUrl.js';
 import { JSONToError } from '../../../../utils/errors.js';
 import { TransactionsByChain } from './TransactionsByChain.js';
@@ -53,40 +53,19 @@ export const ErrorStep = ({ error, address, allTxHashes, transaction, fromChain,
     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 ? (transaction?.data?.failReason === 'UNKNOWN' ||
-                !transaction?.data?.failReason ? (_jsxs(Flex, { direction: "column", css: { my: '4', textAlign: 'center', alignItems: 'center' }, children: [_jsxs(Text, { style: "subtitle1", css: { mb: '16px' }, children: ["It looks like an unknown issue occurred during the transaction.", fromToken && fromAmountFormatted && fromChain
+    return (_jsxs(Flex, { direction: "column", align: "center", justify: "between", className: "relay:w-full", children: [_jsxs("div", { className: "relay:animate-icon-pop-in", children: [isRefund ? (_jsx(Box, { className: "relay:mr-2 relay:text-[color:var(--relay-colors-gray9)]", children: _jsx(FontAwesomeIcon, { icon: faRotateRight, style: { height: 40 } }) })) : null, !isRefund && isSolverStatusTimeout ? (_jsx(Box, { className: "relay:mr-2 relay:text-[color:var(--relay-colors-amber9)]", children: _jsx(FontAwesomeIcon, { icon: faCircleExclamation, style: { height: 40 } }) })) : null, !isRefund && !isSolverStatusTimeout ? (_jsx(Box, { className: "relay:mr-2 relay:text-[color:var(--relay-colors-red9)]", children: _jsx(FontAwesomeIcon, { icon: faCircleXmark, style: { height: 40 } }) })) : null] }), isRefund ? (transaction?.data?.failReason === 'UNKNOWN' ||
+                !transaction?.data?.failReason ? (_jsxs(Flex, { direction: "column", className: "relay:my-4 relay:text-center relay:items-center", children: [_jsxs(Text, { style: "subtitle1", className: "relay:mb-4", children: ["It looks like an unknown issue occurred during the transaction.", fromToken && fromAmountFormatted && fromChain
                                 ? ` We've refunded ${fromAmountFormatted} ${fromToken.symbol} on ${fromChain.displayName}.`
-                                : ` We've refunded your tokens.`] }), _jsxs(Flex, { css: { alignItems: 'center', gap: '2' }, children: [fromToken && fromChain ? (_jsxs(Pill, { color: "gray", css: { alignItems: 'center', py: '2', px: '3' }, children: [_jsx(ChainTokenIcon, { chainId: fromChain.id, tokenlogoURI: fromToken.logoURI, tokenSymbol: fromToken.symbol, size: "base" }), _jsxs(Text, { style: "subtitle1", css: { ml: '2' }, children: [fromAmountFormatted, " ", fromToken.symbol] })] })) : (_jsx(Text, { style: "subtitle1", children: "?" })), _jsx(Flex, { css: { alignItems: 'center', justifyContent: 'center', p: '2' }, children: _jsx(FontAwesomeIcon, { style: { width: 14 }, icon: faArrowRight }) }), toToken && toChain ? (_jsxs(Pill, { color: "gray", css: { alignItems: 'center', py: '2', px: '3' }, children: [_jsx(ChainTokenIcon, { chainId: toChain.id, tokenlogoURI: toToken.logoURI, tokenSymbol: toToken.symbol, size: "base" }), _jsxs(Text, { style: "subtitle1", css: { ml: '2' }, children: [toAmountFormatted, " ", toToken.symbol] })] })) : (_jsx(Text, { style: "subtitle1", children: "?" }))] })] })) : (_jsxs(Text, { style: "subtitle2", css: { my: '4', textAlign: 'center' }, children: [_jsx(RefundReason, { reasonCode: transaction?.data?.failReason }), refundDetails
+                                : ` We've refunded your tokens.`] }), _jsxs(Flex, { className: "relay:items-center relay:gap-2", children: [fromToken && fromChain ? (_jsxs(Pill, { color: "gray", className: "relay:items-center relay:py-2 relay:px-3", children: [_jsx(ChainTokenIcon, { chainId: fromChain.id, tokenlogoURI: fromToken.logoURI, tokenSymbol: fromToken.symbol, size: "base" }), _jsxs(Text, { style: "subtitle1", className: "relay:ml-2", children: [fromAmountFormatted, " ", fromToken.symbol] })] })) : (_jsx(Text, { style: "subtitle1", children: "?" })), _jsx(Flex, { className: "relay:items-center relay:justify-center relay:p-2", children: _jsx(FontAwesomeIcon, { style: { width: 14 }, icon: faArrowRight }) }), toToken && toChain ? (_jsxs(Pill, { color: "gray", className: "relay:items-center relay:py-2 relay:px-3", children: [_jsx(ChainTokenIcon, { chainId: toChain.id, tokenlogoURI: toToken.logoURI, tokenSymbol: toToken.symbol, size: "base" }), _jsxs(Text, { style: "subtitle1", className: "relay:ml-2", children: [toAmountFormatted, " ", toToken.symbol] })] })) : (_jsx(Text, { style: "subtitle1", children: "?" }))] })] })) : (_jsxs(Text, { style: "subtitle2", className: "relay:my-4 relay:text-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, fillTx: fillTx }) }), _jsxs(Flex, { css: { gap: '3', width: '100%' }, children: [_jsx(Button, { color: "secondary", cta: true, onClick: () => {
+                        : ` 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", 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] relay:mb-6", children: _jsx(TransactionsByChain, { allTxHashes: allTxHashes, fromChain: fromChain, toChain: toChain, isSolverStatusTimeout: isSolverStatusTimeout, refundData: refundDetails, fillTx: fillTx }) }), _jsxs(Flex, { className: "relay:gap-3 relay:w-full", children: [_jsx(Button, { color: "secondary", cta: true, onClick: () => {
                                     window.open(depositTx
                                         ? `${baseTransactionUrl}/transaction/${depositTx.txHash}`
                                         : `${baseTransactionUrl}/transactions?address=${address}`, '_blank');
-                                }, css: {
-                                    justifyContent: 'center',
-                                    whiteSpace: 'nowrap'
-                                }, children: "View Details" }), _jsx(Button, { cta: true, onClick: () => {
+                                }, className: "relay:justify-center relay:whitespace-nowrap", children: "View Details" }), _jsx(Button, { cta: true, onClick: () => {
                                     onOpenChange(false);
-                                }, css: {
-                                    justifyContent: 'center',
-                                    width: '100%'
-                                }, children: "Done" })] })] })) : (_jsx(Button, { cta: true, onClick: () => {
+                                }, className: "relay:justify-center relay:w-full", children: "Done" })] })] })) : (_jsx(Button, { cta: true, onClick: () => {
                     onOpenChange(false);
-                }, css: {
-                    justifyContent: 'center',
-                    width: '100%'
-                }, children: "Done" }))] }));
+                }, className: "relay:justify-center relay:w-full", children: "Done" }))] }));
 };
 //# sourceMappingURL=ErrorStep.js.map

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

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

@@ -5,12 +5,13 @@ import { LoadingSpinner } from '../../LoadingSpinner.js';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import {} from '../../../../types/index.js';
 import { faArrowRight } from '@fortawesome/free-solid-svg-icons/faArrowRight';
-import { faCheck } from '@fortawesome/free-solid-svg-icons';
+import { faCheck } from '@fortawesome/free-solid-svg-icons/faCheck';
 import { formatTransactionSteps } from '../../../../utils/steps.js';
 import { formatBN } from '../../../../utils/numbers.js';
 import { getTxBlockExplorerUrl } from '../../../../utils/getTxBlockExplorerUrl.js';
 import useRelayClient from '../../../../hooks/useRelayClient.js';
 import { StepIcon } from '../../StepIcon.js';
+import { cn } from '../../../../utils/cn.js';
 export const SwapConfirmationStep = ({ fromToken, toToken, fromChain, toChain, fromAmountFormatted, toAmountFormatted, quote, steps, currentAddress, linkedWallets }) => {
     const operation = quote?.details?.operation || 'swap';
     const { formattedSteps } = useMemo(() => formatTransactionSteps({
@@ -38,75 +39,27 @@ export const SwapConfirmationStep = ({ fromToken, toToken, fromChain, toChain, f
     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, _jsx(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))) })] }));
+    return (_jsxs(_Fragment, { children: [_jsxs(Flex, { align: "center", justify: "between", direction: "column", className: "relay:shrink-0 relay:bp500:flex-row", children: [_jsxs(Flex, { direction: "row", className: "relay:bg-[var(--relay-colors-subtle-background-color)] relay:rounded-[12px] relay:gap-2 relay:w-full relay:items-center relay:bp500:flex-col relay:bp500:gap-1 relay:bp500:items-start relay:py-[12px] relay:px-[16px]", children: [_jsx(ChainTokenIcon, { chainId: fromToken?.chainId, tokenlogoURI: fromToken?.logoURI, tokenSymbol: fromToken?.symbol, className: "relay:h-[32px] relay:w-[32px]" }), _jsxs(Flex, { direction: "column", align: "start", className: "relay:gap-1", children: [_jsx(Text, { color: "subtle", style: "subtitle2", children: fromChain?.displayName }), _jsxs(Text, { style: "h6", ellipsify: true, className: "relay:leading-[20px]", children: [fromAmountFormatted, " ", fromToken?.symbol] })] })] }), _jsx(Text, { style: "body1", color: "subtle", className: "relay:px-3 relay:py-0 relay:bp400Down:rotate-90 relay:bp400Down:py-3 relay:bp400Down:px-0", children: _jsx(FontAwesomeIcon, { icon: faArrowRight, width: 16 }) }), _jsxs(Flex, { direction: "row", className: "relay:bg-[var(--relay-colors-subtle-background-color)] relay:rounded-[12px] relay:gap-2 relay:w-full relay:items-center relay:bp500:flex-col relay:bp500:gap-1 relay:bp500:items-start relay:py-[12px] relay:px-[16px]", children: [_jsx(ChainTokenIcon, { chainId: toToken?.chainId, tokenlogoURI: toToken?.logoURI, tokenSymbol: toToken?.symbol, className: "relay:h-[32px] relay:w-[32px]" }), _jsxs(Flex, { direction: "column", align: "start", className: "relay:gap-1", children: [_jsx(Text, { color: "subtle", style: "subtitle2", children: toChain?.displayName }), _jsxs(Text, { style: "h6", ellipsify: true, className: "relay:leading-[20px]", children: [toAmountFormatted, " ", toToken?.symbol] })] })] })] }), formattedGasTopUpAmount ? (_jsxs(Flex, { direction: "row", justify: "between", className: "relay:bg-[var(--relay-colors-subtle-background-color)] relay:rounded-[12px] relay:gap-2 relay:w-full relay:items-center relay:py-[12px] relay:px-[16px]", children: [_jsx(Text, { style: "subtitle2", color: "subtle", children: "Additional Gas" }), _jsxs(Text, { style: "subtitle2", children: [formattedGasTopUpAmount, " ", gasTopUpAmountCurrency?.symbol] })] })) : null, _jsx(Flex, { direction: "column", className: "relay:border relay:border-solid relay:border-[var(--relay-colors-gray3)] relay:rounded-[12px] relay:px-3 relay:py-2 relay:gap-1", children: formattedSteps.map((step, index) => (_jsxs(Box, { children: [_jsx(StepRow, { ...step }), index !== formattedSteps.length - 1 && (_jsx(Box, { className: "relay:pl-3 relay:h-[14px] relay:mt-[4px]", children: _jsx(Box, { className: "relay:h-full relay:w-px relay:bg-[var(--relay-colors-gray7)]" }) }))] }, step.id))) })] }));
 };
 export const StepRow = ({ id, action, isActive, isCompleted, txHashes, isWalletAction, chainId, isApproveStep, subText, subTextColor, showSubTextSpinner }) => {
     const relayClient = useRelayClient();
     const chains = relayClient?.chains;
-    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, { "data-active": isActive && !isCompleted, css: {
-                        height: 30,
-                        width: 30,
-                        borderRadius: 9999999,
-                        flexShrink: 0,
-                        alignItems: 'center',
-                        justifyContent: 'center',
-                        backgroundColor: isCompleted
-                            ? 'green3'
-                            : isActive
-                                ? 'primary6'
-                                : 'gray5',
+    return (_jsx(Flex, { align: "center", justify: "between", className: "relay:w-full relay:gap-3", children: _jsxs(Flex, { align: "center", className: "relay:gap-3 relay:h-[40px]", children: [_jsx(Flex, { "data-active": isActive && !isCompleted, className: cn('relay:shrink-0 relay:items-center relay:justify-center relay:rounded-full relay:h-[30px] relay:w-[30px]', isCompleted
+                        ? 'relay:bg-[var(--relay-colors-green3)]'
+                        : isActive
+                            ? 'relay:bg-[var(--relay-colors-primary6)]'
+                            : 'relay:bg-[var(--relay-colors-gray5)]'), style: {
                         color: isActive && !isCompleted
-                            ? 'primary11'
+                            ? 'var(--relay-colors-primary11)'
                             : isCompleted
-                                ? 'green11'
+                                ? 'var(--relay-colors-green11)'
                                 : isActive
-                                    ? 'primary11'
-                                    : 'gray9',
+                                    ? 'var(--relay-colors-primary11)'
+                                    : 'var(--relay-colors-gray9)',
                         animation: isActive && !isCompleted
                             ? 'pulse-shadow 1s infinite alternate-reverse'
-                            : 'none',
-                        '& > *': {
-                            color: isCompleted ? 'green11' : isActive ? 'primary11' : 'gray9'
-                        }
-                    }, children: isCompleted ? (_jsx(FontAwesomeIcon, { icon: faCheck, width: 12 })) : (_jsx(StepIcon, { stepId: id, chainId: chainId })) }), _jsxs(Flex, { direction: "column", css: { gap: '2px' }, children: [_jsx(Text, { style: "subtitle2", color: isActive ? undefined : 'subtle', children: action }), subText && (_jsxs(Flex, { align: "center", css: { gap: '6px' }, children: [(() => {
+                            : 'none'
+                    }, children: isCompleted ? (_jsx(FontAwesomeIcon, { icon: faCheck, width: 12 })) : (_jsx(StepIcon, { stepId: id, chainId: chainId })) }), _jsxs(Flex, { direction: "column", className: "relay:gap-[2px]", children: [_jsx(Text, { style: "subtitle2", color: isActive ? undefined : 'subtle', children: action }), subText && (_jsxs(Flex, { align: "center", className: "relay:gap-[6px]", children: [(() => {
                                     // Handle "Success: txhash" case with split colors and link
                                     if (subText.startsWith('Success:')) {
                                         const [successText, hashPart] = subText.split(': ');
@@ -115,11 +68,8 @@ export const StepRow = ({ id, action, isActive, isCompleted, txHashes, isWalletA
                                         const txUrl = fullHash && chainId
                                             ? getTxBlockExplorerUrl(chainId, chains, fullHash)
                                             : undefined;
-                                        return (_jsxs(Flex, { align: "center", css: { gap: '4px' }, children: [_jsxs(Text, { style: "subtitle3", css: { color: 'green11' }, children: [successText, ":"] }), hashPart &&
-                                                    (fullHash && txUrl ? (_jsx("a", { href: txUrl, target: "_blank", rel: "noopener noreferrer", style: {
-                                                            color: 'var(--colors-primary11)',
-                                                            textDecoration: 'none'
-                                                        }, children: _jsx(Text, { style: "subtitle3", css: { color: 'primary11' }, children: hashPart }) })) : (_jsx(Text, { style: "subtitle3", css: { color: 'primary11' }, children: hashPart })))] }));
+                                        return (_jsxs(Flex, { align: "center", className: "relay:gap-[4px]", children: [_jsxs(Text, { style: "subtitle3", color: "green", children: [successText, ":"] }), hashPart &&
+                                                    (fullHash && txUrl ? (_jsx("a", { href: txUrl, target: "_blank", rel: "noopener noreferrer", className: "relay:no-underline", children: _jsx(Text, { style: "subtitle3", color: "primary", children: hashPart }) })) : (_jsx(Text, { style: "subtitle3", color: "primary", children: hashPart })))] }));
                                     }
                                     // Handle "Sending to Relay: txhash" and "Receiving: txhash" cases with links
                                     if (subText.includes(': ') &&
@@ -131,21 +81,16 @@ export const StepRow = ({ id, action, isActive, isCompleted, txHashes, isWalletA
                                         const txUrl = fullHash && chainId
                                             ? getTxBlockExplorerUrl(chainId, chains, fullHash)
                                             : undefined;
-                                        return (_jsxs(Flex, { align: "center", css: { gap: '4px' }, children: [_jsxs(Text, { style: "subtitle3", css: { color: 'primary11' }, children: [labelText, ":"] }), hashPart &&
-                                                    (fullHash && txUrl ? (_jsx("a", { href: txUrl, target: "_blank", rel: "noopener noreferrer", style: {
-                                                            color: 'var(--colors-primary11)',
-                                                            textDecoration: 'none'
-                                                        }, children: _jsx(Text, { style: "subtitle3", css: { color: 'primary11' }, children: hashPart }) })) : (_jsx(Text, { style: "subtitle3", css: { color: 'primary11' }, children: hashPart })))] }));
+                                        return (_jsxs(Flex, { align: "center", className: "relay:gap-[4px]", children: [_jsxs(Text, { style: "subtitle3", color: "primary", children: [labelText, ":"] }), hashPart &&
+                                                    (fullHash && txUrl ? (_jsx("a", { href: txUrl, target: "_blank", rel: "noopener noreferrer", className: "relay:no-underline", children: _jsx(Text, { style: "subtitle3", color: "primary", children: hashPart }) })) : (_jsx(Text, { style: "subtitle3", color: "primary", children: hashPart })))] }));
                                     }
-                                    return (_jsx(Text, { style: "subtitle3", css: {
-                                            color: subTextColor === 'slate10'
-                                                ? 'slate10'
-                                                : subTextColor === 'subtle'
-                                                    ? 'text-subtle'
-                                                    : subTextColor === 'green11'
-                                                        ? 'green11'
-                                                        : 'primary11'
-                                        }, children: subText }));
-                                })(), showSubTextSpinner && (_jsx(LoadingSpinner, { css: { height: 12, width: 12 } }))] }))] })] }) }));
+                                    return (_jsx(Text, { style: "subtitle3", color: subTextColor === 'slate10'
+                                            ? 'slate'
+                                            : subTextColor === 'subtle'
+                                                ? 'subtle'
+                                                : subTextColor === 'green11'
+                                                    ? 'green'
+                                                    : 'primary', children: subText }));
+                                })(), showSubTextSpinner && (_jsx(LoadingSpinner, { className: "relay:h-3 relay:w-3" }))] }))] })] }) }));
 };
 //# sourceMappingURL=SwapConfirmationStep.js.map

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

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