@relayprotocol/relay-kit-ui 2.17.2

package/_cjs/src/components/common/TransactionModal/TransactionModalRenderer.js.map

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

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

@@ -0,0 +1,80 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ApprovalPlusSwapStep = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const index_js_1 = require("../../../primitives/index.js");
+const react_fontawesome_1 = require("@fortawesome/react-fontawesome");
+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 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 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) => {
+                    const isCurrentStep = step.items?.some((item) => item.status === 'incomplete') &&
+                        !steps
+                            ?.slice(0, steps?.indexOf(step))
+                            ?.some((s) => s.items?.some((item) => item.status === 'incomplete'));
+                    const hasTxHash = step?.items?.[0]?.txHashes?.length &&
+                        step?.items?.[0]?.txHashes?.length > 0;
+                    const isApproveStep = step.id === 'approve';
+                    const stepTitle = isApproveStep
+                        ? 'Approve in wallet'
+                        : hasTxHash
+                            ? `Swapping ${fromToken?.symbol} for ${toToken?.symbol}`
+                            : 'Confirm swap in wallet';
+                    return ((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 &&
+                                                        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));
+                }) })] }));
+};
+exports.ApprovalPlusSwapStep = ApprovalPlusSwapStep;
+//# sourceMappingURL=ApprovalPlusSwapStep.js.map

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

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

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

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DepositAddressValidatingStep = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const index_js_1 = require("../../../primitives/index.js");
+const LoadingSpinner_js_1 = require("../../LoadingSpinner.js");
+const index_js_2 = require("../../../../hooks/index.js");
+const DepositAddressValidatingStep = ({ txHashes, status }) => {
+    const relayClient = (0, index_js_2.useRelayClient)();
+    const transactionBaseUrl = relayClient?.baseApiUrl && relayClient.baseApiUrl.includes('testnet')
+        ? 'https://testnets.relay.link'
+        : 'https://relay.link';
+    const txHash = txHashes && txHashes[0] ? txHashes[0] : undefined;
+    return ((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." }), status === 'delayed' ? ((0, jsx_runtime_1.jsx)(index_js_1.Flex, { css: { px: '4', py: '3', background: 'amber2', borderRadius: 12 }, children: (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", css: { textAlign: 'center' }, children: "Your transaction is currently delayed. We apologize for the inconvenience and appreciate your patience. After 5 minutes, your transaction will either be processed or refunded. If this is urgent, please contact support." }) })) : null, (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"] })] }));
+};
+exports.DepositAddressValidatingStep = DepositAddressValidatingStep;
+//# sourceMappingURL=DepositAddressValidatingStep.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DepositAddressValidatingStep.js","sourceRoot":"","sources":["../../../../../../src/components/common/TransactionModal/steps/DepositAddressValidatingStep.tsx"],"names":[],"mappings":";;;;AACA,2DAAyE;AACzE,+DAAwD;AAGxD,yDAA2D;AASpD,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,EACN,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,CACtB,uBAAC,eAAI,IACH,GAAG,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,UAAU,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE,EAAE,YAEjE,uBAAC,eAAI,IAAC,KAAK,EAAC,WAAW,EAAC,GAAG,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,2OAK7C,GACF,CACR,CAAC,CAAC,CAAC,IAAI,EACR,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;AA/DY,QAAA,4BAA4B,gCA+DxC"}

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

@@ -0,0 +1,82 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+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 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 getTxBlockExplorerUrl_js_1 = require("../../../../utils/getTxBlockExplorerUrl.js");
+const errors_js_1 = require("../../../../utils/errors.js");
+const TransactionsByChain_js_1 = require("./TransactionsByChain.js");
+const RefundReason_js_1 = tslib_1.__importDefault(require("../../../common/RefundReason.js"));
+const ErrorStep = ({ error, address, allTxHashes, transaction, fromChain, toChain, onOpenChange }) => {
+    const parsedError = (0, errors_js_1.JSONToError)(error);
+    const errorMessage = transaction?.data?.failReason ?? parsedError?.message;
+    const isRefund = errorMessage?.toLowerCase()?.includes('refunded') ||
+        transaction?.status === 'refund';
+    const hasTxHashes = allTxHashes && allTxHashes.length > 0;
+    const isSolverStatusTimeout = parsedError?.message?.includes('solver status check');
+    const relayClient = (0, index_js_2.useRelayClient)();
+    const baseTransactionUrl = relayClient?.baseApiUrl.includes('testnets')
+        ? 'https://testnets.relay.link'
+        : 'https://relay.link';
+    const depositTx = allTxHashes ? allTxHashes[0] : undefined;
+    const depositTxUrl = (0, getTxBlockExplorerUrl_js_1.getTxBlockExplorerUrl)(depositTx?.chainId, relayClient?.chains, depositTx?.txHash);
+    let fillTx = allTxHashes && allTxHashes.length > 1
+        ? allTxHashes[allTxHashes.length - 1]
+        : undefined;
+    if (transaction &&
+        transaction.status === 'refund' &&
+        transaction.data?.outTxs) {
+        fillTx = {
+            txHash: transaction.data.outTxs[0].hash,
+            chainId: transaction.data.outTxs[0].chainId
+        };
+    }
+    const fillTxUrl = (0, getTxBlockExplorerUrl_js_1.getTxBlockExplorerUrl)(fillTx?.chainId, relayClient?.chains, fillTx?.txHash);
+    const mergedError = isRefund && errorMessage ? new Error(errorMessage) : parsedError;
+    const refundDetails = transaction?.data?.refundCurrencyData;
+    const refundChain = transaction?.data?.refundCurrencyData?.currency?.chainId
+        ? relayClient?.chains.find((chain) => chain.id === transaction.data?.refundCurrencyData?.currency?.chainId)
+        : null;
+    return ((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 ? ((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 ${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 }) }), (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", onClick: () => {
+                                    window.open(depositTx
+                                        ? `${baseTransactionUrl}/transaction/${depositTx.txHash}`
+                                        : `${baseTransactionUrl}/transactions?address=${address}`, '_blank');
+                                }, css: {
+                                    justifyContent: 'center',
+                                    width: '100%'
+                                }, children: "View Details" }), (0, jsx_runtime_1.jsx)(index_js_1.Button, { onClick: () => {
+                                    onOpenChange(false);
+                                }, css: {
+                                    justifyContent: 'center',
+                                    width: '100%'
+                                }, children: "Done" })] })] })) : ((0, jsx_runtime_1.jsx)(index_js_1.Button, { onClick: () => {
+                    onOpenChange(false);
+                }, css: {
+                    justifyContent: 'center',
+                    width: '100%'
+                }, children: "Done" }))] }));
+};
+exports.ErrorStep = ErrorStep;
+//# sourceMappingURL=ErrorStep.js.map

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

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

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

@@ -0,0 +1,117 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StepRow = exports.SwapConfirmationStep = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const index_js_1 = require("../../../primitives/index.js");
+const react_fontawesome_1 = require("@fortawesome/react-fontawesome");
+const faArrowRight_1 = require("@fortawesome/free-solid-svg-icons/faArrowRight");
+const useRelayClient_js_1 = tslib_1.__importDefault(require("../../../../hooks/useRelayClient.js"));
+const free_solid_svg_icons_1 = require("@fortawesome/free-solid-svg-icons");
+const getTxBlockExplorerUrl_js_1 = require("../../../../utils/getTxBlockExplorerUrl.js");
+const truncate_js_1 = require("../../../../utils/truncate.js");
+const steps_js_1 = require("../../../../utils/steps.js");
+const numbers_js_1 = require("../../../../utils/numbers.js");
+const SwapConfirmationStep = ({ fromToken, toToken, fromChain, toChain, fromAmountFormatted, toAmountFormatted, quote, steps }) => {
+    const operation = quote?.details?.operation || 'swap';
+    const { formattedSteps, status } = (0, react_1.useMemo)(() => (0, steps_js_1.formatTransactionSteps)({
+        steps,
+        fromToken,
+        fromChain,
+        toChain,
+        operation
+    }), [steps, fromToken, toToken, fromChain, toChain, operation]);
+    const gasTopUpAmountCurrency = quote?.details?.currencyGasTopup?.currency;
+    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.jsxs)(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))), status === 'delayed' ? ((0, jsx_runtime_1.jsx)(index_js_1.Flex, { css: { p: '3', background: 'amber2', borderRadius: 12 }, children: (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle3", color: "warning", children: "Your transaction is delayed. We apologize for the inconvenience. Contact support if you need help." }) })) : null] })] }));
+};
+exports.SwapConfirmationStep = SwapConfirmationStep;
+const StepRow = ({ action, isActive, isCompleted, txHashes, isWalletAction, chainId, isApproveStep }) => {
+    const relayClient = (0, useRelayClient_js_1.default)();
+    const hasTxHash = txHashes && txHashes.length > 0;
+    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, { css: {
+                        height: 24,
+                        width: 24,
+                        borderRadius: 9999999,
+                        flexShrink: 0,
+                        alignItems: 'center',
+                        justifyContent: 'center',
+                        backgroundColor: isCompleted
+                            ? 'green3'
+                            : isActive
+                                ? 'primary6'
+                                : 'gray5',
+                        color: isCompleted ? 'green11' : isActive ? 'primary6' : 'gray9',
+                        animation: isActive && !isCompleted ? 'pulse-shadow 1s infinite' : 'none',
+                        animationDirection: 'alternate-reverse'
+                    }, children: isCompleted ? ((0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: free_solid_svg_icons_1.faCheck, width: 12 })) : ((0, jsx_runtime_1.jsx)(index_js_1.ChainIcon, { chainId: chainId, square: false, width: 24, height: 24, css: {
+                            borderRadius: 9999999,
+                            overflow: 'hidden',
+                            filter: isActive ? 'none' : 'grayscale(100%)',
+                            opacity: isActive ? 1 : 0.6
+                        } })) }), (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { direction: "column", css: { gap: '2px' }, children: [(0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "center", css: { gap: '2' }, children: [(0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", color: isActive ? undefined : 'subtle', children: action }), isWalletAction && ((0, jsx_runtime_1.jsx)(index_js_1.Box, { css: {
+                                        backgroundColor: 'primary3',
+                                        borderRadius: 100,
+                                        px: '2',
+                                        py: '1'
+                                    }, children: (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle3", css: {
+                                            color: 'primary11',
+                                            fontSize: '10px',
+                                            lineHeight: '12px'
+                                        }, children: "In Wallet" }) }))] }), isApproveStep && !hasTxHash && !isCompleted && ((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?" })), txHashes &&
+                            txHashes.length > 0 &&
+                            txHashes.map(({ txHash, chainId }) => {
+                                const txUrl = (0, getTxBlockExplorerUrl_js_1.getTxBlockExplorerUrl)(chainId, relayClient?.chains, txHash);
+                                if (txHash && txUrl) {
+                                    return ((0, jsx_runtime_1.jsxs)(index_js_1.Anchor, { href: txUrl, target: "_blank", css: {
+                                            fontSize: 12,
+                                            display: 'flex',
+                                            alignItems: 'center',
+                                            gap: '1'
+                                        }, children: [!isApproveStep ? 'Deposit: ' : '', (0, truncate_js_1.truncateAddress)(txHash, '...', 6, 4), ' ', (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: free_solid_svg_icons_1.faExternalLink, width: 14 })] }, txHash));
+                                }
+                            })] })] }) }));
+};
+exports.StepRow = StepRow;
+//# sourceMappingURL=SwapConfirmationStep.js.map

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

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

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

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

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

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