@relayprotocol/relay-kit-ui 7.1.6 → 8.0.0

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

@@ -9,37 +9,15 @@ const LoadingSpinner_js_1 = require("../../LoadingSpinner.js");
 const faArrowRight_1 = require("@fortawesome/free-solid-svg-icons/faArrowRight");
 const numbers_js_1 = require("../../../../utils/numbers.js");
 const faCheck_1 = require("@fortawesome/free-solid-svg-icons/faCheck");
-const free_solid_svg_icons_1 = require("@fortawesome/free-solid-svg-icons");
+const faRepeat_1 = require("@fortawesome/free-solid-svg-icons/faRepeat");
 const truncate_js_1 = require("../../../../utils/truncate.js");
 const getTxBlockExplorerUrl_js_1 = require("../../../../utils/getTxBlockExplorerUrl.js");
 const useRelayClient_js_1 = tslib_1.__importDefault(require("../../../../hooks/useRelayClient.js"));
+const cn_js_1 = require("../../../../utils/cn.js");
 const ApprovalPlusSwapStep = ({ fromToken, toToken, quote, fromAmountFormatted, toAmountFormatted, steps }) => {
     const details = quote?.details;
     const relayClient = (0, useRelayClient_js_1.default)();
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "center", justify: "between", direction: "column", css: { flexShrink: 0, bp500: { flexDirection: 'row' } }, children: [(0, jsx_runtime_1.jsx)(index_js_1.Flex, { direction: "column", css: {
-                            backgroundColor: 'subtle-background-color',
-                            p: '12px 16px',
-                            borderRadius: 12,
-                            gap: 1,
-                            width: '100%'
-                        }, children: (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { direction: "column", align: "start", css: { gap: '1', cursor: 'pointer' }, children: [(0, jsx_runtime_1.jsx)(index_js_1.ChainTokenIcon, { chainId: fromToken?.chainId, tokenlogoURI: fromToken?.logoURI, tokenSymbol: fromToken?.symbol, css: { height: 32, width: 32 } }), (0, jsx_runtime_1.jsxs)(index_js_1.Text, { style: "h6", ellipsify: true, children: [fromAmountFormatted, " ", fromToken?.symbol] }), (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle3", color: "subtle", children: (0, numbers_js_1.formatDollar)(Number(details?.currencyIn?.amountUsd)) })] }) }), (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "body1", css: {
-                            color: 'gray9',
-                            p: '0 16px',
-                            bp400Down: { transform: 'rotate(90deg)' }
-                        }, children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: faArrowRight_1.faArrowRight, width: 16 }) }), (0, jsx_runtime_1.jsx)(index_js_1.Flex, { direction: "column", css: {
-                            backgroundColor: 'subtle-background-color',
-                            p: '12px 16px',
-                            borderRadius: 12,
-                            gap: 1,
-                            width: '100%'
-                        }, children: (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { direction: "column", align: "start", css: { gap: '1', cursor: 'pointer' }, children: [(0, jsx_runtime_1.jsx)(index_js_1.ChainTokenIcon, { chainId: toToken?.chainId, tokenlogoURI: toToken?.logoURI, tokenSymbol: toToken?.symbol, css: { height: 32, width: 32 } }), (0, jsx_runtime_1.jsxs)(index_js_1.Text, { style: "h6", ellipsify: true, children: [toAmountFormatted, " ", toToken?.symbol] }), (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle3", color: "subtle", children: (0, numbers_js_1.formatDollar)(Number(details?.currencyOut?.amountUsd)) })] }) })] }), (0, jsx_runtime_1.jsx)(index_js_1.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 ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "center", justify: "between", direction: "column", className: "relay:shrink-0 relay:bp500:flex-row", children: [(0, jsx_runtime_1.jsx)(index_js_1.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: (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { direction: "column", align: "start", className: "relay:gap-1 relay:cursor-pointer", children: [(0, jsx_runtime_1.jsx)(index_js_1.ChainTokenIcon, { chainId: fromToken?.chainId, tokenlogoURI: fromToken?.logoURI, tokenSymbol: fromToken?.symbol, className: "relay:h-[32px] relay:w-[32px]" }), (0, jsx_runtime_1.jsxs)(index_js_1.Text, { style: "h6", ellipsify: true, children: [fromAmountFormatted, " ", fromToken?.symbol] }), (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle3", color: "subtle", children: (0, numbers_js_1.formatDollar)(Number(details?.currencyIn?.amountUsd)) })] }) }), (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "body1", color: "subtle", className: "relay:px-4 relay:py-0 relay:bp400Down:rotate-90", children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: faArrowRight_1.faArrowRight, width: 16 }) }), (0, jsx_runtime_1.jsx)(index_js_1.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: (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { direction: "column", align: "start", className: "relay:gap-1 relay:cursor-pointer", children: [(0, jsx_runtime_1.jsx)(index_js_1.ChainTokenIcon, { chainId: toToken?.chainId, tokenlogoURI: toToken?.logoURI, tokenSymbol: toToken?.symbol, className: "relay:h-[32px] relay:w-[32px]" }), (0, jsx_runtime_1.jsxs)(index_js_1.Text, { style: "h6", ellipsify: true, children: [toAmountFormatted, " ", toToken?.symbol] }), (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle3", color: "subtle", children: (0, numbers_js_1.formatDollar)(Number(details?.currencyOut?.amountUsd)) })] }) })] }), (0, jsx_runtime_1.jsx)(index_js_1.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))
@@ -52,28 +30,13 @@ const ApprovalPlusSwapStep = ({ fromToken, toToken, quote, fromAmountFormatted,
                         : hasTxHash
                             ? `Swapping ${fromToken?.symbol} for ${toToken?.symbol}`
                             : 'Confirm swap in wallet';
-                    return ((0, jsx_runtime_1.jsxs)(index_js_1.Box, { children: [(0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "center", justify: "between", css: { width: '100%', gap: '3' }, children: [(0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "center", css: { gap: '2', height: 40 }, children: [step.id === 'approve' ? ((0, jsx_runtime_1.jsx)(index_js_1.ChainTokenIcon, { chainId: fromToken?.chainId, tokenlogoURI: fromToken?.logoURI, tokenSymbol: fromToken?.symbol, css: {
-                                                    borderRadius: 9999999,
-                                                    flexShrink: 0,
-                                                    filter: isCurrentStep ? 'none' : 'grayscale(100%)'
-                                                } })) : ((0, jsx_runtime_1.jsx)(index_js_1.Flex, { css: {
-                                                    height: 32,
-                                                    width: 32,
-                                                    borderRadius: 9999999,
-                                                    flexShrink: 0,
-                                                    backgroundColor: isCurrentStep ? 'primary5' : 'gray5',
-                                                    color: isCurrentStep ? 'primary8' : 'gray9',
-                                                    alignItems: 'center',
-                                                    justifyContent: 'center'
-                                                }, children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: free_solid_svg_icons_1.faRepeat, width: 16 }) })), (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { direction: "column", css: { gap: '2px' }, children: [(0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", children: stepTitle }), isApproveStep && !hasTxHash && ((0, jsx_runtime_1.jsx)(index_js_1.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 ((0, jsx_runtime_1.jsxs)(index_js_1.Box, { children: [(0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "center", justify: "between", className: "relay:w-full relay:gap-3", children: [(0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "center", className: "relay:gap-2 relay:h-[40px]", children: [step.id === 'approve' ? ((0, jsx_runtime_1.jsx)(index_js_1.ChainTokenIcon, { chainId: fromToken?.chainId, tokenlogoURI: fromToken?.logoURI, tokenSymbol: fromToken?.symbol, className: (0, cn_js_1.cn)('relay:rounded-full relay:shrink-0', !isCurrentStep && 'relay:grayscale') })) : ((0, jsx_runtime_1.jsx)(index_js_1.Flex, { className: (0, cn_js_1.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: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: faRepeat_1.faRepeat, width: 16 }) })), (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { direction: "column", className: "relay:gap-[2px]", children: [(0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", children: stepTitle }), isApproveStep && !hasTxHash && ((0, jsx_runtime_1.jsx)(index_js_1.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 = (0, getTxBlockExplorerUrl_js_1.getTxBlockExplorerUrl)(chainId, relayClient?.chains, txHash);
-                                                            return ((0, jsx_runtime_1.jsxs)(index_js_1.Anchor, { href: txUrl, target: "_blank", css: { fontSize: 12 }, children: ["View Tx: ", (0, truncate_js_1.truncateAddress)(txHash, '...', 6, 4)] }, txHash));
-                                                        })] })] }), (0, jsx_runtime_1.jsx)(index_js_1.Flex, { children: isCurrentStep && hasTxHash ? ((0, jsx_runtime_1.jsx)(LoadingSpinner_js_1.LoadingSpinner, { css: { height: 16, width: 16, fill: 'gray9' } })) : step?.items?.every((item) => item.status === 'complete') ? ((0, jsx_runtime_1.jsx)(index_js_1.Box, { css: { color: 'green9' }, children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: faCheck_1.faCheck, width: 16 }) })) : null })] }), index !== (steps?.length || 0) - 1 && ((0, jsx_runtime_1.jsx)(index_js_1.Box, { css: { height: '14px', pl: '16px', marginTop: '12px' }, children: (0, jsx_runtime_1.jsx)(index_js_1.Box, { css: {
-                                        width: '1px',
-                                        height: '100%',
-                                        backgroundColor: 'gray11'
-                                    } }) }))] }, step.id));
+                                                            return ((0, jsx_runtime_1.jsxs)(index_js_1.Anchor, { href: txUrl, target: "_blank", className: "relay:text-[12px]", children: ["View Tx: ", (0, truncate_js_1.truncateAddress)(txHash, '...', 6, 4)] }, txHash));
+                                                        })] })] }), (0, jsx_runtime_1.jsx)(index_js_1.Flex, { children: isCurrentStep && hasTxHash ? ((0, jsx_runtime_1.jsx)(LoadingSpinner_js_1.LoadingSpinner, { className: "relay:h-4 relay:w-4 relay:fill-[var(--relay-colors-gray9)]" })) : step?.items?.every((item) => item.status === 'complete') ? ((0, jsx_runtime_1.jsx)(index_js_1.Box, { className: "relay:text-[color:var(--relay-colors-green9)]", children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: faCheck_1.faCheck, width: 16 }) })) : null })] }), index !== (steps?.length || 0) - 1 && ((0, jsx_runtime_1.jsx)(index_js_1.Box, { className: "relay:pl-4 relay:h-[14px] relay:mt-3", children: (0, jsx_runtime_1.jsx)(index_js_1.Box, { className: "relay:h-full relay:w-px relay:bg-[var(--relay-colors-gray11)]" }) }))] }, step.id));
                 }) })] }));
 };
 exports.ApprovalPlusSwapStep = ApprovalPlusSwapStep;

package/_cjs/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/_cjs/src/components/common/TransactionModal/steps/DepositAddressValidatingStep.js

@@ -11,11 +11,7 @@ const DepositAddressValidatingStep = ({ txHashes, status }) => {
         ? 'https://testnets.relay.link'
         : 'https://relay.link';
     const txHash = txHashes && txHashes[0] ? txHashes[0] : undefined;
-    return ((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)(LoadingSpinner_js_1.LoadingSpinner, { css: { height: 40, width: 40, fill: 'primary-color' } }), (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", css: { mt: '4', mb: '2', textAlign: 'center' }, children: "Funds received. Your transaction is now in progress." }), (0, jsx_runtime_1.jsxs)(index_js_1.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", ' ', (0, jsx_runtime_1.jsxs)(index_js_1.Anchor, { href: `${transactionBaseUrl}/transaction/${txHash}`, target: "_blank", rel: "noreffer", children: [' ', "transaction page"] }), "."] })] }), (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' } }), "Validating Transaction"] })] }));
+    return ((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)(LoadingSpinner_js_1.LoadingSpinner, { className: "relay:h-10 relay:w-10 relay:fill-[var(--relay-colors-primary-color)]" }), (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", className: "relay:mt-4 relay:mb-2 relay:text-center", children: "Funds received. Your transaction is now in progress." }), (0, jsx_runtime_1.jsxs)(index_js_1.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", ' ', (0, jsx_runtime_1.jsxs)(index_js_1.Anchor, { href: `${transactionBaseUrl}/transaction/${txHash}`, target: "_blank", rel: "noreffer", children: [' ', "transaction page"] }), "."] })] }), (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)]" }), "Validating Transaction"] })] }));
 };
 exports.DepositAddressValidatingStep = DepositAddressValidatingStep;
 //# sourceMappingURL=DepositAddressValidatingStep.js.map

package/_cjs/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,2DAAyE;AACzE,+DAAwD;AAExD,yDAA2D;AAOpD,MAAM,4BAA4B,GAErC,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE;IAC3B,MAAM,WAAW,GAAG,IAAA,yBAAc,GAAE,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,6DACE,wBAAC,eAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,SAAS,aACvD,uBAAC,kCAAc,IACb,GAAG,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,IAAI,EAAE,eAAe,EAAE,GACrD,EACF,uBAAC,eAAI,IAAC,KAAK,EAAC,WAAW,EAAC,GAAG,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,qEAE/D,EACP,wBAAC,eAAI,IACH,KAAK,EAAC,QAAQ,EACd,KAAK,EAAC,OAAO,EACb,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,uFAEmC,GAAG,EAC1E,wBAAC,iBAAM,IACL,IAAI,EAAE,GAAG,kBAAkB,gBAAgB,MAAM,EAAE,EACnD,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,UAAU,aAEb,GAAG,wBAEG,SAEJ,IACF,EACP,wBAAC,iBAAM,IACL,QAAQ,EAAE,IAAI,EACd,GAAG,EAAE;oBACH,KAAK,EAAE,kCAAkC;oBACzC,EAAE,EAAE,CAAC;oBACL,cAAc,EAAE,QAAQ;iBACzB,aAED,uBAAC,kCAAc,IACb,GAAG,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,IAAI,EAAE,uBAAuB,EAAE,GAC7D,8BAEK,IACR,CACJ,CAAA;AACH,CAAC,CAAA;AAnDY,QAAA,4BAA4B,gCAmDxC"}
+{"version":3,"file":"DepositAddressValidatingStep.js","sourceRoot":"","sources":["../../../../../../src/components/common/TransactionModal/steps/DepositAddressValidatingStep.tsx"],"names":[],"mappings":";;;;AACA,2DAAyE;AACzE,+DAAwD;AAExD,yDAA2D;AAOpD,MAAM,4BAA4B,GAErC,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE;IAC3B,MAAM,WAAW,GAAG,IAAA,yBAAc,GAAE,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,6DACE,wBAAC,eAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,SAAS,aACvD,uBAAC,kCAAc,IACb,SAAS,EAAC,sEAAsE,GAChF,EACF,uBAAC,eAAI,IAAC,KAAK,EAAC,WAAW,EAAC,SAAS,EAAC,yCAAyC,qEAEpE,EACP,wBAAC,eAAI,IACH,KAAK,EAAC,QAAQ,EACd,KAAK,EAAC,OAAO,EACb,SAAS,EAAC,8BAA8B,uFAE+B,GAAG,EAC1E,wBAAC,iBAAM,IACL,IAAI,EAAE,GAAG,kBAAkB,gBAAgB,MAAM,EAAE,EACnD,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,UAAU,aAEb,GAAG,wBAEG,SAEJ,IACF,EACP,wBAAC,iBAAM,IACL,QAAQ,EAAE,IAAI,EACd,SAAS,EAAC,yGAAyG,aAEnH,uBAAC,kCAAc,IACb,SAAS,EAAC,4EAA4E,GACtF,8BAEK,IACR,CACJ,CAAA;AACH,CAAC,CAAA;AA/CY,QAAA,4BAA4B,gCA+CxC"}

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

@@ -4,13 +4,13 @@ exports.ErrorStep = void 0;
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const index_js_1 = require("../../../primitives/index.js");
-const framer_motion_1 = require("framer-motion");
 const react_fontawesome_1 = require("@fortawesome/react-fontawesome");
 const faCircleExclamation_1 = require("@fortawesome/free-solid-svg-icons/faCircleExclamation");
 const faArrowRight_1 = require("@fortawesome/free-solid-svg-icons/faArrowRight");
 const ErrorWell_js_1 = tslib_1.__importDefault(require("../../ErrorWell.js"));
 const index_js_2 = require("../../../../hooks/index.js");
-const index_js_3 = require("@fortawesome/free-solid-svg-icons/index.js");
+const faCircleXmark_1 = require("@fortawesome/free-solid-svg-icons/faCircleXmark");
+const faRotateRight_1 = require("@fortawesome/free-solid-svg-icons/faRotateRight");
 const getTxBlockExplorerUrl_js_1 = require("../../../../utils/getTxBlockExplorerUrl.js");
 const errors_js_1 = require("../../../../utils/errors.js");
 const TransactionsByChain_js_1 = require("./TransactionsByChain.js");
@@ -54,41 +54,20 @@ const ErrorStep = ({ error, address, allTxHashes, transaction, fromChain, toChai
     const refundChain = transaction?.data?.refundCurrencyData?.currency?.chainId
         ? relayClient?.chains.find((chain) => chain.id === transaction.data?.refundCurrencyData?.currency?.chainId)
         : null;
-    return ((0, jsx_runtime_1.jsxs)(index_js_1.Flex, { direction: "column", align: "center", justify: "between", css: { width: '100%' }, children: [(0, jsx_runtime_1.jsxs)(framer_motion_1.motion.div, { initial: { scale: 0 }, animate: { scale: 1 }, transition: {
-                    type: 'spring',
-                    stiffness: 260,
-                    damping: 20
-                }, children: [isRefund ? ((0, jsx_runtime_1.jsx)(index_js_1.Box, { css: { color: 'gray9', mr: '$2' }, children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: index_js_3.faRotateRight, style: { height: 40 } }) })) : null, !isRefund && isSolverStatusTimeout ? ((0, jsx_runtime_1.jsx)(index_js_1.Box, { css: { color: 'amber9', mr: '$2' }, children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: faCircleExclamation_1.faCircleExclamation, style: { height: 40 } }) })) : null, !isRefund && !isSolverStatusTimeout ? ((0, jsx_runtime_1.jsx)(index_js_1.Box, { css: { color: 'red9', mr: '$2' }, children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: index_js_3.faCircleXmark, style: { height: 40 } }) })) : null] }), isRefund ? (transaction?.data?.failReason === 'UNKNOWN' ||
-                !transaction?.data?.failReason ? ((0, jsx_runtime_1.jsxs)(index_js_1.Flex, { direction: "column", css: { my: '4', textAlign: 'center', alignItems: 'center' }, children: [(0, jsx_runtime_1.jsxs)(index_js_1.Text, { style: "subtitle1", css: { mb: '16px' }, children: ["It looks like an unknown issue occurred during the transaction.", fromToken && fromAmountFormatted && fromChain
+    return ((0, jsx_runtime_1.jsxs)(index_js_1.Flex, { direction: "column", align: "center", justify: "between", className: "relay:w-full", children: [(0, jsx_runtime_1.jsxs)("div", { className: "relay:animate-icon-pop-in", children: [isRefund ? ((0, jsx_runtime_1.jsx)(index_js_1.Box, { className: "relay:mr-2 relay:text-[color:var(--relay-colors-gray9)]", children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: faRotateRight_1.faRotateRight, style: { height: 40 } }) })) : null, !isRefund && isSolverStatusTimeout ? ((0, jsx_runtime_1.jsx)(index_js_1.Box, { className: "relay:mr-2 relay:text-[color:var(--relay-colors-amber9)]", children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: faCircleExclamation_1.faCircleExclamation, style: { height: 40 } }) })) : null, !isRefund && !isSolverStatusTimeout ? ((0, jsx_runtime_1.jsx)(index_js_1.Box, { className: "relay:mr-2 relay:text-[color:var(--relay-colors-red9)]", children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: faCircleXmark_1.faCircleXmark, style: { height: 40 } }) })) : null] }), isRefund ? (transaction?.data?.failReason === 'UNKNOWN' ||
+                !transaction?.data?.failReason ? ((0, jsx_runtime_1.jsxs)(index_js_1.Flex, { direction: "column", className: "relay:my-4 relay:text-center relay:items-center", children: [(0, jsx_runtime_1.jsxs)(index_js_1.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.`] }), (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { css: { alignItems: 'center', gap: '2' }, children: [fromToken && fromChain ? ((0, jsx_runtime_1.jsxs)(Pill_js_1.default, { color: "gray", css: { alignItems: 'center', py: '2', px: '3' }, children: [(0, jsx_runtime_1.jsx)(ChainTokenIcon_js_1.ChainTokenIcon, { chainId: fromChain.id, tokenlogoURI: fromToken.logoURI, tokenSymbol: fromToken.symbol, size: "base" }), (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: faArrowRight_1.faArrowRight }) }), toToken && toChain ? ((0, jsx_runtime_1.jsxs)(Pill_js_1.default, { color: "gray", css: { alignItems: 'center', py: '2', px: '3' }, children: [(0, jsx_runtime_1.jsx)(ChainTokenIcon_js_1.ChainTokenIcon, { chainId: toChain.id, tokenlogoURI: toToken.logoURI, tokenSymbol: toToken.symbol, size: "base" }), (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.jsxs)(index_js_1.Text, { style: "subtitle2", css: { my: '4', textAlign: 'center' }, children: [(0, jsx_runtime_1.jsx)(RefundReason_js_1.default, { reasonCode: transaction?.data?.failReason }), refundDetails
+                                : ` We've refunded your tokens.`] }), (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { className: "relay:items-center relay:gap-2", children: [fromToken && fromChain ? ((0, jsx_runtime_1.jsxs)(Pill_js_1.default, { color: "gray", className: "relay:items-center relay:py-2 relay:px-3", children: [(0, jsx_runtime_1.jsx)(ChainTokenIcon_js_1.ChainTokenIcon, { chainId: fromChain.id, tokenlogoURI: fromToken.logoURI, tokenSymbol: fromToken.symbol, size: "base" }), (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 }) }), toToken && toChain ? ((0, jsx_runtime_1.jsxs)(Pill_js_1.default, { color: "gray", className: "relay:items-center relay:py-2 relay:px-3", children: [(0, jsx_runtime_1.jsx)(ChainTokenIcon_js_1.ChainTokenIcon, { chainId: toChain.id, tokenlogoURI: toToken.logoURI, tokenSymbol: toToken.symbol, size: "base" }), (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.jsxs)(index_js_1.Text, { style: "subtitle2", className: "relay:my-4 relay:text-center", children: [(0, jsx_runtime_1.jsx)(RefundReason_js_1.default, { 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.`] }))) : ((0, jsx_runtime_1.jsx)(ErrorWell_js_1.default, { error: mergedError, hasTxHashes: hasTxHashes, fromChain: fromChain })), depositTx || fillTx ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(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,
-                            mb: 24
-                        }, children: (0, jsx_runtime_1.jsx)(TransactionsByChain_js_1.TransactionsByChain, { allTxHashes: allTxHashes, fromChain: fromChain, toChain: toChain, isSolverStatusTimeout: isSolverStatusTimeout, refundData: refundDetails, fillTx: fillTx }) }), (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { css: { gap: '3', width: '100%' }, children: [(0, jsx_runtime_1.jsx)(index_js_1.Button, { color: "secondary", cta: true, onClick: () => {
+                        : ` We apologize for the inconvenience, a refund has been sent to your wallet address.`] }))) : ((0, jsx_runtime_1.jsx)(ErrorWell_js_1.default, { error: mergedError, hasTxHashes: hasTxHashes, fromChain: fromChain })), depositTx || fillTx ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(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] relay:mb-6", children: (0, jsx_runtime_1.jsx)(TransactionsByChain_js_1.TransactionsByChain, { allTxHashes: allTxHashes, fromChain: fromChain, toChain: toChain, isSolverStatusTimeout: isSolverStatusTimeout, refundData: refundDetails, fillTx: fillTx }) }), (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, { 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" }), (0, jsx_runtime_1.jsx)(index_js_1.Button, { cta: true, onClick: () => {
+                                }, className: "relay:justify-center relay:whitespace-nowrap", children: "View Details" }), (0, jsx_runtime_1.jsx)(index_js_1.Button, { cta: true, onClick: () => {
                                     onOpenChange(false);
-                                }, css: {
-                                    justifyContent: 'center',
-                                    width: '100%'
-                                }, children: "Done" })] })] })) : ((0, jsx_runtime_1.jsx)(index_js_1.Button, { cta: true, onClick: () => {
+                                }, className: "relay:justify-center relay:w-full", children: "Done" })] })] })) : ((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.ErrorStep = ErrorStep;
 //# sourceMappingURL=ErrorStep.js.map

package/_cjs/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/_cjs/src/components/common/TransactionModal/steps/SwapConfirmationStep.js

@@ -8,12 +8,13 @@ const index_js_1 = require("../../../primitives/index.js");
 const LoadingSpinner_js_1 = require("../../LoadingSpinner.js");
 const react_fontawesome_1 = require("@fortawesome/react-fontawesome");
 const faArrowRight_1 = require("@fortawesome/free-solid-svg-icons/faArrowRight");
-const free_solid_svg_icons_1 = require("@fortawesome/free-solid-svg-icons");
+const faCheck_1 = require("@fortawesome/free-solid-svg-icons/faCheck");
 const steps_js_1 = require("../../../../utils/steps.js");
 const numbers_js_1 = require("../../../../utils/numbers.js");
 const getTxBlockExplorerUrl_js_1 = require("../../../../utils/getTxBlockExplorerUrl.js");
 const useRelayClient_js_1 = tslib_1.__importDefault(require("../../../../hooks/useRelayClient.js"));
 const StepIcon_js_1 = require("../../StepIcon.js");
+const cn_js_1 = require("../../../../utils/cn.js");
 const SwapConfirmationStep = ({ fromToken, toToken, fromChain, toChain, fromAmountFormatted, toAmountFormatted, quote, steps, currentAddress, linkedWallets }) => {
     const operation = quote?.details?.operation || 'swap';
     const { formattedSteps } = (0, react_1.useMemo)(() => (0, steps_js_1.formatTransactionSteps)({
@@ -41,76 +42,28 @@ const SwapConfirmationStep = ({ fromToken, toToken, fromChain, toChain, fromAmou
     const formattedGasTopUpAmount = quote?.details?.currencyGasTopup?.amount
         ? (0, numbers_js_1.formatBN)(BigInt(quote?.details?.currencyGasTopup?.amount), 5, gasTopUpAmountCurrency?.decimals ?? 18)
         : undefined;
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "center", justify: "between", direction: "column", css: { flexShrink: 0, bp500: { flexDirection: 'row' } }, children: [(0, jsx_runtime_1.jsxs)(index_js_1.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: [(0, jsx_runtime_1.jsx)(index_js_1.ChainTokenIcon, { chainId: fromToken?.chainId, tokenlogoURI: fromToken?.logoURI, tokenSymbol: fromToken?.symbol, css: { height: 32, width: 32 } }), (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { direction: "column", align: "start", css: { gap: '1' }, children: [(0, jsx_runtime_1.jsx)(index_js_1.Text, { color: "subtle", style: "subtitle2", children: fromChain?.displayName }), (0, jsx_runtime_1.jsxs)(index_js_1.Text, { style: "h6", ellipsify: true, css: { lineHeight: '20px' }, children: [fromAmountFormatted, " ", fromToken?.symbol] })] })] }), (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "body1", css: {
-                            color: 'gray9',
-                            p: '0 12px',
-                            bp400Down: { transform: 'rotate(90deg)', p: '12px 0' }
-                        }, children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: faArrowRight_1.faArrowRight, width: 16 }) }), (0, jsx_runtime_1.jsxs)(index_js_1.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: [(0, jsx_runtime_1.jsx)(index_js_1.ChainTokenIcon, { chainId: toToken?.chainId, tokenlogoURI: toToken?.logoURI, tokenSymbol: toToken?.symbol, css: { height: 32, width: 32 } }), (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { direction: "column", align: "start", css: { gap: '1' }, children: [(0, jsx_runtime_1.jsx)(index_js_1.Text, { color: "subtle", style: "subtitle2", children: toChain?.displayName }), (0, jsx_runtime_1.jsxs)(index_js_1.Text, { style: "h6", ellipsify: true, css: { lineHeight: '20px' }, children: [toAmountFormatted, " ", toToken?.symbol] })] })] })] }), formattedGasTopUpAmount ? ((0, jsx_runtime_1.jsxs)(index_js_1.Flex, { direction: "row", justify: "between", css: {
-                    backgroundColor: 'subtle-background-color',
-                    p: '12px 16px',
-                    borderRadius: 12,
-                    gap: 2,
-                    width: '100%',
-                    alignItems: 'center'
-                }, children: [(0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", color: "subtle", children: "Additional Gas" }), (0, jsx_runtime_1.jsxs)(index_js_1.Text, { style: "subtitle2", children: [formattedGasTopUpAmount, " ", gasTopUpAmountCurrency?.symbol] })] })) : null, (0, jsx_runtime_1.jsx)(index_js_1.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) => ((0, jsx_runtime_1.jsxs)(index_js_1.Box, { children: [(0, jsx_runtime_1.jsx)(exports.StepRow, { ...step }), index !== formattedSteps.length - 1 && ((0, jsx_runtime_1.jsx)(index_js_1.Box, { css: { height: '14px', pl: '12px', marginTop: '4px' }, children: (0, jsx_runtime_1.jsx)(index_js_1.Box, { css: {
-                                    width: '1px',
-                                    height: '100%',
-                                    backgroundColor: 'gray7'
-                                } }) }))] }, step.id))) })] }));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "center", justify: "between", direction: "column", className: "relay:shrink-0 relay:bp500:flex-row", children: [(0, jsx_runtime_1.jsxs)(index_js_1.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: [(0, jsx_runtime_1.jsx)(index_js_1.ChainTokenIcon, { chainId: fromToken?.chainId, tokenlogoURI: fromToken?.logoURI, tokenSymbol: fromToken?.symbol, className: "relay:h-[32px] relay:w-[32px]" }), (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { direction: "column", align: "start", className: "relay:gap-1", children: [(0, jsx_runtime_1.jsx)(index_js_1.Text, { color: "subtle", style: "subtitle2", children: fromChain?.displayName }), (0, jsx_runtime_1.jsxs)(index_js_1.Text, { style: "h6", ellipsify: true, className: "relay:leading-[20px]", children: [fromAmountFormatted, " ", fromToken?.symbol] })] })] }), (0, jsx_runtime_1.jsx)(index_js_1.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: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: faArrowRight_1.faArrowRight, width: 16 }) }), (0, jsx_runtime_1.jsxs)(index_js_1.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: [(0, jsx_runtime_1.jsx)(index_js_1.ChainTokenIcon, { chainId: toToken?.chainId, tokenlogoURI: toToken?.logoURI, tokenSymbol: toToken?.symbol, className: "relay:h-[32px] relay:w-[32px]" }), (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { direction: "column", align: "start", className: "relay:gap-1", children: [(0, jsx_runtime_1.jsx)(index_js_1.Text, { color: "subtle", style: "subtitle2", children: toChain?.displayName }), (0, jsx_runtime_1.jsxs)(index_js_1.Text, { style: "h6", ellipsify: true, className: "relay:leading-[20px]", children: [toAmountFormatted, " ", toToken?.symbol] })] })] })] }), formattedGasTopUpAmount ? ((0, jsx_runtime_1.jsxs)(index_js_1.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: [(0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", color: "subtle", children: "Additional Gas" }), (0, jsx_runtime_1.jsxs)(index_js_1.Text, { style: "subtitle2", children: [formattedGasTopUpAmount, " ", gasTopUpAmountCurrency?.symbol] })] })) : null, (0, jsx_runtime_1.jsx)(index_js_1.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) => ((0, jsx_runtime_1.jsxs)(index_js_1.Box, { children: [(0, jsx_runtime_1.jsx)(exports.StepRow, { ...step }), index !== formattedSteps.length - 1 && ((0, jsx_runtime_1.jsx)(index_js_1.Box, { className: "relay:pl-3 relay:h-[14px] relay:mt-[4px]", children: (0, jsx_runtime_1.jsx)(index_js_1.Box, { className: "relay:h-full relay:w-px relay:bg-[var(--relay-colors-gray7)]" }) }))] }, step.id))) })] }));
 };
 exports.SwapConfirmationStep = SwapConfirmationStep;
 const StepRow = ({ id, action, isActive, isCompleted, txHashes, isWalletAction, chainId, isApproveStep, subText, subTextColor, showSubTextSpinner }) => {
     const relayClient = (0, useRelayClient_js_1.default)();
     const chains = relayClient?.chains;
-    return ((0, jsx_runtime_1.jsx)(index_js_1.Flex, { align: "center", justify: "between", css: { width: '100%', gap: '3' }, children: (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "center", css: { gap: '3', height: 40 }, children: [(0, jsx_runtime_1.jsx)(index_js_1.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 ((0, jsx_runtime_1.jsx)(index_js_1.Flex, { align: "center", justify: "between", className: "relay:w-full relay:gap-3", children: (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "center", className: "relay:gap-3 relay:h-[40px]", children: [(0, jsx_runtime_1.jsx)(index_js_1.Flex, { "data-active": isActive && !isCompleted, className: (0, cn_js_1.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 ? ((0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: free_solid_svg_icons_1.faCheck, width: 12 })) : ((0, jsx_runtime_1.jsx)(StepIcon_js_1.StepIcon, { stepId: id, chainId: chainId })) }), (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { direction: "column", css: { gap: '2px' }, children: [(0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", color: isActive ? undefined : 'subtle', children: action }), subText && ((0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "center", css: { gap: '6px' }, children: [(() => {
+                            : 'none'
+                    }, children: isCompleted ? ((0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: faCheck_1.faCheck, width: 12 })) : ((0, jsx_runtime_1.jsx)(StepIcon_js_1.StepIcon, { stepId: id, chainId: chainId })) }), (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { direction: "column", className: "relay:gap-[2px]", children: [(0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", color: isActive ? undefined : 'subtle', children: action }), subText && ((0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "center", className: "relay:gap-[6px]", children: [(() => {
                                     if (subText.startsWith('Success:')) {
                                         const [successText, hashPart] = subText.split(': ');
                                         const fullHash = txHashes?.[0]?.txHash;
@@ -118,11 +71,8 @@ const StepRow = ({ id, action, isActive, isCompleted, txHashes, isWalletAction,
                                         const txUrl = fullHash && chainId
                                             ? (0, getTxBlockExplorerUrl_js_1.getTxBlockExplorerUrl)(chainId, chains, fullHash)
                                             : undefined;
-                                        return ((0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "center", css: { gap: '4px' }, children: [(0, jsx_runtime_1.jsxs)(index_js_1.Text, { style: "subtitle3", css: { color: 'green11' }, children: [successText, ":"] }), hashPart &&
-                                                    (fullHash && txUrl ? ((0, jsx_runtime_1.jsx)("a", { href: txUrl, target: "_blank", rel: "noopener noreferrer", style: {
-                                                            color: 'var(--colors-primary11)',
-                                                            textDecoration: 'none'
-                                                        }, children: (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle3", css: { color: 'primary11' }, children: hashPart }) })) : ((0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle3", css: { color: 'primary11' }, children: hashPart })))] }));
+                                        return ((0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "center", className: "relay:gap-[4px]", children: [(0, jsx_runtime_1.jsxs)(index_js_1.Text, { style: "subtitle3", color: "green", children: [successText, ":"] }), hashPart &&
+                                                    (fullHash && txUrl ? ((0, jsx_runtime_1.jsx)("a", { href: txUrl, target: "_blank", rel: "noopener noreferrer", className: "relay:no-underline", children: (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle3", color: "primary", children: hashPart }) })) : ((0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle3", color: "primary", children: hashPart })))] }));
                                     }
                                     if (subText.includes(': ') &&
                                         (subText.startsWith('Sending to Relay:') ||
@@ -133,22 +83,17 @@ const StepRow = ({ id, action, isActive, isCompleted, txHashes, isWalletAction,
                                         const txUrl = fullHash && chainId
                                             ? (0, getTxBlockExplorerUrl_js_1.getTxBlockExplorerUrl)(chainId, chains, fullHash)
                                             : undefined;
-                                        return ((0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "center", css: { gap: '4px' }, children: [(0, jsx_runtime_1.jsxs)(index_js_1.Text, { style: "subtitle3", css: { color: 'primary11' }, children: [labelText, ":"] }), hashPart &&
-                                                    (fullHash && txUrl ? ((0, jsx_runtime_1.jsx)("a", { href: txUrl, target: "_blank", rel: "noopener noreferrer", style: {
-                                                            color: 'var(--colors-primary11)',
-                                                            textDecoration: 'none'
-                                                        }, children: (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle3", css: { color: 'primary11' }, children: hashPart }) })) : ((0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle3", css: { color: 'primary11' }, children: hashPart })))] }));
+                                        return ((0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "center", className: "relay:gap-[4px]", children: [(0, jsx_runtime_1.jsxs)(index_js_1.Text, { style: "subtitle3", color: "primary", children: [labelText, ":"] }), hashPart &&
+                                                    (fullHash && txUrl ? ((0, jsx_runtime_1.jsx)("a", { href: txUrl, target: "_blank", rel: "noopener noreferrer", className: "relay:no-underline", children: (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle3", color: "primary", children: hashPart }) })) : ((0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle3", color: "primary", children: hashPart })))] }));
                                     }
-                                    return ((0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle3", css: {
-                                            color: subTextColor === 'slate10'
-                                                ? 'slate10'
-                                                : subTextColor === 'subtle'
-                                                    ? 'text-subtle'
-                                                    : subTextColor === 'green11'
-                                                        ? 'green11'
-                                                        : 'primary11'
-                                        }, children: subText }));
-                                })(), showSubTextSpinner && ((0, jsx_runtime_1.jsx)(LoadingSpinner_js_1.LoadingSpinner, { css: { height: 12, width: 12 } }))] }))] })] }) }));
+                                    return ((0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle3", color: subTextColor === 'slate10'
+                                            ? 'slate'
+                                            : subTextColor === 'subtle'
+                                                ? 'subtle'
+                                                : subTextColor === 'green11'
+                                                    ? 'green'
+                                                    : 'primary', children: subText }));
+                                })(), showSubTextSpinner && ((0, jsx_runtime_1.jsx)(LoadingSpinner_js_1.LoadingSpinner, { className: "relay:h-3 relay:w-3" }))] }))] })] }) }));
 };
 exports.StepRow = StepRow;
 //# sourceMappingURL=SwapConfirmationStep.js.map

package/_cjs/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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"}