@relayprotocol/relay-kit-ui 2.17.2

package/_cjs/src/components/common/TransactionModal/DepositAddressModal.js

@@ -0,0 +1,85 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DepositAddressModal = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const DepositAddressModalRenderer_js_1 = require("./DepositAddressModalRenderer.js");
+const Modal_js_1 = require("../Modal.js");
+const index_js_1 = require("../../primitives/index.js");
+const ErrorStep_js_1 = require("./steps/ErrorStep.js");
+const events_js_1 = require("../../../constants/events.js");
+const SwapSuccessStep_js_1 = require("./steps/SwapSuccessStep.js");
+const numbers_js_1 = require("../../../utils/numbers.js");
+const quote_js_1 = require("../../../utils/quote.js");
+const WaitingForDepositStep_js_1 = require("./steps/WaitingForDepositStep.js");
+const DepositAddressValidatingStep_js_1 = require("./steps/DepositAddressValidatingStep.js");
+const DepositAddressModal = (depositAddressModalProps) => {
+    const { open, address, fromChain, fromToken, toToken, recipient, debouncedInputAmountValue, debouncedOutputAmountValue, onOpenChange, invalidateBalanceQueries, onAnalyticEvent, onSuccess } = depositAddressModalProps;
+    (0, react_1.useEffect)(() => {
+        onOpenChange(open);
+    }, [open]);
+    return ((0, jsx_runtime_1.jsx)(DepositAddressModalRenderer_js_1.DepositAddressModalRenderer, { open: open, fromChain: fromChain, fromToken: fromToken, toToken: toToken, debouncedInputAmountValue: debouncedInputAmountValue, debouncedOutputAmountValue: debouncedOutputAmountValue, address: address, recipient: recipient, invalidateBalanceQueries: invalidateBalanceQueries, onAnalyticEvent: onAnalyticEvent, onSuccess: (quote, executionStatus) => {
+            const details = quote?.details;
+            const fees = quote?.fees;
+            const extraData = {
+                amount_in: parseFloat(`${details?.currencyIn?.amountFormatted}`),
+                amount_out: parseFloat(`${details?.currencyOut?.amountFormatted}`)
+            };
+            if (fees?.gas?.amountFormatted) {
+                extraData.gas_fee = parseFloat(fees.gas.amountFormatted);
+            }
+            if (fees?.relayer?.amountFormatted) {
+                extraData.relayer_fee = parseFloat(fees.relayer.amountFormatted);
+            }
+            const quoteId = quote
+                ? (0, quote_js_1.extractQuoteId)(quote?.steps)
+                : undefined;
+            onAnalyticEvent?.(events_js_1.EventNames.SWAP_SUCCESS, {
+                ...extraData,
+                chain_id_in: fromToken?.chainId,
+                currency_in: fromToken?.symbol,
+                chain_id_out: toToken?.chainId,
+                currency_out: toToken?.symbol,
+                quote_id: quoteId,
+                txHashes: [
+                    ...(executionStatus?.inTxHashes ?? []),
+                    ...(executionStatus?.txHashes ?? [])
+                ],
+                steps: quote?.steps
+            });
+            onSuccess?.({
+                steps: quote?.steps,
+                fees: fees,
+                details: details
+            });
+        }, children: (rendererProps) => {
+            return ((0, jsx_runtime_1.jsx)(InnerDepositAddressModal, { address: address, onAnalyticEvent: onAnalyticEvent, ...depositAddressModalProps, ...rendererProps }));
+        } }));
+};
+exports.DepositAddressModal = DepositAddressModal;
+const InnerDepositAddressModal = ({ open, onOpenChange, fromToken, toToken, quote, isFetchingQuote, quoteError, address, swapError, progressStep, allTxHashes, transaction, timeEstimate, fillTime, seconds, fromChain, toChain, recipient, depositAddress, executionStatus, isLoadingTransaction, requestId }) => {
+    const details = quote?.details;
+    const fromAmountFormatted = details?.currencyIn?.amount
+        ? (0, numbers_js_1.formatBN)(details?.currencyIn?.amount, 6, fromToken?.decimals, false)
+        : '';
+    const toAmountFormatted = details?.currencyOut?.amount
+        ? (0, numbers_js_1.formatBN)(details?.currencyOut.amount, 6, toToken?.decimals, false)
+        : '';
+    const isWaitingForDeposit = progressStep === DepositAddressModalRenderer_js_1.TransactionProgressStep.WaitingForDeposit;
+    return ((0, jsx_runtime_1.jsx)(Modal_js_1.Modal, { trigger: null, open: open, onOpenChange: onOpenChange, css: {
+            overflow: 'hidden',
+            p: '4',
+            maxWidth: '412px !important'
+        }, showCloseButton: true, onPointerDownOutside: (e) => {
+            const dynamicModalElements = Array.from(document.querySelectorAll('#dynamic-send-transaction'));
+            const clickedInsideDynamicModal = dynamicModalElements.some((el) => e.target ? el.contains(e.target) : false);
+            if (clickedInsideDynamicModal && dynamicModalElements.length > 0) {
+                e.preventDefault();
+            }
+        }, children: (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { direction: "column", css: {
+                width: '100%',
+                height: '100%',
+                gap: isWaitingForDeposit ? '3' : '4'
+            }, children: [(0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "h6", css: { mb: 8 }, children: isWaitingForDeposit ? 'Manual Transfer' : 'Trade Details' }), progressStep === DepositAddressModalRenderer_js_1.TransactionProgressStep.WaitingForDeposit ? ((0, jsx_runtime_1.jsx)(WaitingForDepositStep_js_1.WaitingForDepositStep, { fromToken: fromToken, fromChain: fromChain, fromAmountFormatted: fromAmountFormatted, isFetchingQuote: isFetchingQuote, depositAddress: depositAddress })) : null, progressStep === DepositAddressModalRenderer_js_1.TransactionProgressStep.Validating ? ((0, jsx_runtime_1.jsx)(DepositAddressValidatingStep_js_1.DepositAddressValidatingStep, { status: executionStatus?.status, txHashes: executionStatus?.txHashes ?? [] })) : null, progressStep === DepositAddressModalRenderer_js_1.TransactionProgressStep.Success ? ((0, jsx_runtime_1.jsx)(SwapSuccessStep_js_1.SwapSuccessStep, { fromToken: fromToken, toToken: toToken, fromAmountFormatted: fromAmountFormatted, toAmountFormatted: toAmountFormatted, allTxHashes: allTxHashes, transaction: transaction, fillTime: fillTime, seconds: seconds ?? 0, onOpenChange: onOpenChange, timeEstimate: timeEstimate?.formattedTime, isCanonical: false, details: details, isLoadingTransaction: isLoadingTransaction, requestId: requestId })) : null, progressStep === DepositAddressModalRenderer_js_1.TransactionProgressStep.Error ? ((0, jsx_runtime_1.jsx)(ErrorStep_js_1.ErrorStep, { error: swapError || quoteError, allTxHashes: allTxHashes, address: address, onOpenChange: onOpenChange, transaction: transaction, fromChain: fromChain, toChain: toChain })) : null] }) }));
+};
+//# sourceMappingURL=DepositAddressModal.js.map

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

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

package/_cjs/src/components/common/TransactionModal/DepositAddressModalRenderer.js

@@ -0,0 +1,247 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DepositAddressModalRenderer = exports.TransactionProgressStep = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const viem_1 = require("viem");
+const relayTransaction_js_1 = require("../../../utils/relayTransaction.js");
+const relay_kit_hooks_1 = require("@relayprotocol/relay-kit-hooks");
+const index_js_1 = require("../../../hooks/index.js");
+const events_js_1 = require("../../../constants/events.js");
+const RelayKitProvider_js_1 = require("../../../providers/RelayKitProvider.js");
+const wagmi_1 = require("wagmi");
+const quote_js_1 = require("../../../utils/quote.js");
+const relay_sdk_1 = require("@relayprotocol/relay-sdk");
+const react_query_1 = require("@tanstack/react-query");
+const bitcoin_js_1 = require("../../../utils/bitcoin.js");
+const errors_js_1 = require("../../../utils/errors.js");
+const hashing_js_1 = require("../../../utils/hashing.js");
+const time_js_1 = require("../../../utils/time.js");
+var TransactionProgressStep;
+(function (TransactionProgressStep) {
+    TransactionProgressStep[TransactionProgressStep["WaitingForDeposit"] = 0] = "WaitingForDeposit";
+    TransactionProgressStep[TransactionProgressStep["Validating"] = 1] = "Validating";
+    TransactionProgressStep[TransactionProgressStep["Success"] = 2] = "Success";
+    TransactionProgressStep[TransactionProgressStep["Error"] = 3] = "Error";
+})(TransactionProgressStep || (exports.TransactionProgressStep = TransactionProgressStep = {}));
+const DepositAddressModalRenderer = ({ open, address, fromChain, fromToken, toToken, debouncedInputAmountValue, debouncedOutputAmountValue, recipient, invalidateBalanceQueries, children, onSuccess, onAnalyticEvent, onSwapError }) => {
+    const queryClient = (0, react_query_1.useQueryClient)();
+    const [progressStep, setProgressStep] = (0, react_1.useState)(TransactionProgressStep.WaitingForDeposit);
+    const [swapError, setSwapError] = (0, react_1.useState)(null);
+    const relayClient = (0, index_js_1.useRelayClient)();
+    const providerOptionsContext = (0, react_1.useContext)(RelayKitProvider_js_1.ProviderOptionsContext);
+    const { connector } = (0, wagmi_1.useAccount)();
+    const deadAddress = (0, relay_sdk_1.getDeadAddress)(fromChain?.vmType, fromChain?.id);
+    const quoteParameters = fromToken && toToken
+        ? {
+            user: deadAddress,
+            originChainId: fromToken.chainId,
+            destinationChainId: toToken.chainId,
+            originCurrency: fromToken.address,
+            destinationCurrency: toToken.address,
+            recipient: recipient,
+            tradeType: 'EXACT_INPUT',
+            appFees: providerOptionsContext.appFees,
+            amount: (0, viem_1.parseUnits)(debouncedInputAmountValue, fromToken.decimals).toString(),
+            referrer: relayClient?.source ?? undefined,
+            useDepositAddress: true
+        }
+        : undefined;
+    const { data: quoteData, isLoading: isFetchingQuote, isRefetching, error: quoteError, queryKey } = (0, relay_kit_hooks_1.useQuote)(relayClient ? relayClient : undefined, undefined, quoteParameters, (options, config) => {
+        const interval = (0, time_js_1.get15MinuteInterval)();
+        const quoteRequestId = (0, hashing_js_1.sha256)({ ...options, interval });
+        onAnalyticEvent?.(events_js_1.EventNames.QUOTE_REQUESTED, {
+            parameters: options,
+            httpConfig: config,
+            quote_request_id: quoteRequestId,
+            chain_id_in: options?.originChainId,
+            chain_id_out: options?.destinationChainId
+        });
+    }, ({ steps, details }, options) => {
+        const interval = (0, time_js_1.get15MinuteInterval)();
+        const quoteRequestId = (0, hashing_js_1.sha256)({ ...options, interval });
+        onAnalyticEvent?.(events_js_1.EventNames.QUOTE_RECEIVED, {
+            parameters: options,
+            wallet_connector: connector?.name,
+            quote_id: steps ? (0, quote_js_1.extractQuoteId)(steps) : undefined,
+            quote_request_id: quoteRequestId,
+            amount_in: details?.currencyIn?.amountFormatted,
+            amount_in_raw: details?.currencyIn?.amount,
+            currency_in: details?.currencyIn?.currency?.symbol,
+            chain_id_in: details?.currencyIn?.currency?.chainId,
+            amount_out: details?.currencyOut?.amountFormatted,
+            amount_out_raw: details?.currencyOut?.amount,
+            currency_out: details?.currencyOut?.currency?.symbol,
+            chain_id_out: details?.currencyOut?.currency?.chainId,
+            slippage_tolerance_destination_percentage: details?.slippageTolerance?.destination?.percent,
+            slippage_tolerance_origin_percentage: details?.slippageTolerance?.origin?.percent,
+            steps
+        });
+    }, {
+        enabled: Boolean(open &&
+            progressStep === TransactionProgressStep.WaitingForDeposit &&
+            relayClient &&
+            debouncedInputAmountValue &&
+            debouncedInputAmountValue.length > 0 &&
+            Number(debouncedInputAmountValue) !== 0 &&
+            fromToken !== undefined &&
+            toToken !== undefined),
+        refetchOnWindowFocus: false,
+        refetchOnReconnect: false,
+        refetchInterval: false,
+        refetchOnMount: false,
+        retryOnMount: false,
+        staleTime: Infinity
+    }, (e) => {
+        const errorMessage = (0, errors_js_1.errorToJSON)(e?.response?.data?.message ? new Error(e?.response?.data?.message) : e);
+        const interval = (0, time_js_1.get15MinuteInterval)();
+        const quoteRequestId = (0, hashing_js_1.sha256)({ ...quoteParameters, interval });
+        onAnalyticEvent?.(events_js_1.EventNames.QUOTE_ERROR, {
+            wallet_connector: connector?.name,
+            error_message: errorMessage,
+            parameters: quoteParameters,
+            quote_request_id: quoteRequestId
+        });
+    });
+    const quote = isFetchingQuote || isRefetching ? undefined : quoteData;
+    const requestId = (0, react_1.useMemo)(() => (0, relayTransaction_js_1.extractDepositRequestId)(quote?.steps), [quote]);
+    const depositAddress = (0, react_1.useMemo)(() => (0, quote_js_1.extractDepositAddress)(quote?.steps), [quote]);
+    (0, react_1.useEffect)(() => {
+        if (!open) {
+            if (quote) {
+                onAnalyticEvent?.(events_js_1.EventNames.DEPOSIT_ADDRESS_MODAL_CLOSED);
+            }
+            setSwapError(null);
+            queryClient.invalidateQueries({ queryKey });
+        }
+        else {
+            setProgressStep(TransactionProgressStep.WaitingForDeposit);
+            onAnalyticEvent?.(events_js_1.EventNames.DEPOSIT_ADDRESS_MODAL_OPEN);
+        }
+    }, [open]);
+    const { data: executionStatus } = (0, relay_kit_hooks_1.useExecutionStatus)(relayClient ? relayClient : undefined, {
+        requestId: requestId ?? undefined,
+        referrer: relayClient?.source
+    }, undefined, undefined, {
+        enabled: requestId !== null && open,
+        refetchInterval(query) {
+            const observableStates = ['waiting', 'pending', 'delayed'];
+            if (!query.state.data?.status ||
+                (requestId && observableStates.includes(query.state.data?.status))) {
+                return 1000;
+            }
+            return 0;
+        }
+    });
+    (0, react_1.useEffect)(() => {
+        if (executionStatus?.status === 'failure' ||
+            executionStatus?.status === 'refund' ||
+            quoteError) {
+            const swapError = new Error(executionStatus?.details ??
+                'Oops! Something went wrong while processing your transaction.');
+            if (progressStep !== TransactionProgressStep.Error) {
+                onSwapError?.(swapError.message, quote);
+            }
+            setProgressStep(TransactionProgressStep.Error);
+            onAnalyticEvent?.(events_js_1.EventNames.DEPOSIT_ADDRESS_SWAP_ERROR, {
+                error_message: (0, errors_js_1.errorToJSON)(executionStatus?.details ?? quoteError),
+                wallet_connector: connector?.name,
+                quote_id: requestId,
+                amount_in: parseFloat(`${debouncedInputAmountValue}`),
+                currency_in: fromToken?.symbol,
+                chain_id_in: fromToken?.chainId,
+                amount_out: parseFloat(`${debouncedOutputAmountValue}`),
+                currency_out: toToken?.symbol,
+                chain_id_out: toToken?.chainId,
+                txHashes: executionStatus?.txHashes ?? []
+            });
+            setSwapError(swapError);
+            invalidateBalanceQueries();
+        }
+        else if (executionStatus?.status === 'success') {
+            if (progressStep !== TransactionProgressStep.Success) {
+                onSuccess?.(quote, executionStatus);
+            }
+            setProgressStep(TransactionProgressStep.Success);
+            invalidateBalanceQueries();
+        }
+        else if (executionStatus?.status === 'pending') {
+            const timeEstimateMs = ((quote?.details?.timeEstimate ?? 0) +
+                (fromChain && fromChain.id === bitcoin_js_1.bitcoin.id ? 600 : 0)) *
+                1000;
+            const isDelayedTx = timeEstimateMs >
+                (relayClient?.maxPollingAttemptsBeforeTimeout ?? 30) *
+                    (relayClient?.pollingInterval ?? 5000);
+            if (isDelayedTx) {
+                setProgressStep(TransactionProgressStep.Success);
+            }
+            else {
+                setProgressStep(TransactionProgressStep.Validating);
+            }
+        }
+    }, [executionStatus?.status, quoteError]);
+    const allTxHashes = (0, react_1.useMemo)(() => {
+        const isRefund = executionStatus?.status === 'refund';
+        const _allTxHashes = [];
+        executionStatus?.txHashes?.forEach((txHash) => {
+            _allTxHashes.push({
+                txHash,
+                chainId: isRefund
+                    ? fromToken?.chainId
+                    : toToken?.chainId
+            });
+        });
+        executionStatus?.inTxHashes?.forEach((txHash) => {
+            _allTxHashes.push({
+                txHash,
+                chainId: fromToken?.chainId
+            });
+        });
+        return _allTxHashes;
+    }, [executionStatus?.txHashes, executionStatus?.inTxHashes]);
+    const { data: transactions, isLoading: isLoadingTransaction } = (0, relay_kit_hooks_1.useRequests)((progressStep === TransactionProgressStep.Success ||
+        progressStep === TransactionProgressStep.Error) &&
+        allTxHashes[0]
+        ? {
+            user: address,
+            hash: allTxHashes[0]?.txHash
+        }
+        : undefined, relayClient?.baseApiUrl, {
+        enabled: (progressStep === TransactionProgressStep.Success ||
+            progressStep === TransactionProgressStep.Error) &&
+            allTxHashes[0]
+            ? true
+            : false,
+        refetchOnWindowFocus: false,
+        refetchOnReconnect: false,
+        refetchInterval: false,
+        retryOnMount: false
+    });
+    const transaction = transactions[0];
+    const { fillTime, seconds } = (0, relayTransaction_js_1.calculateFillTime)(transaction);
+    const timeEstimate = (0, quote_js_1.calculatePriceTimeEstimate)(quote?.details);
+    const toChain = toToken?.chainId
+        ? relayClient?.chains.find((chain) => chain.id === toToken?.chainId)
+        : null;
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children({
+            progressStep,
+            setProgressStep,
+            quote,
+            isFetchingQuote: isFetchingQuote || isRefetching,
+            quoteError,
+            swapError,
+            setSwapError,
+            allTxHashes,
+            transaction,
+            fillTime,
+            seconds,
+            requestId,
+            depositAddress,
+            executionStatus,
+            isLoadingTransaction,
+            toChain,
+            timeEstimate
+        }) }));
+};
+exports.DepositAddressModalRenderer = DepositAddressModalRenderer;
+//# sourceMappingURL=DepositAddressModalRenderer.js.map

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

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

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

@@ -0,0 +1,121 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TransactionModal = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const TransactionModalRenderer_js_1 = require("./TransactionModalRenderer.js");
+const Modal_js_1 = require("../Modal.js");
+const index_js_1 = require("../../primitives/index.js");
+const ErrorStep_js_1 = require("./steps/ErrorStep.js");
+const events_js_1 = require("../../../constants/events.js");
+const SwapConfirmationStep_js_1 = require("./steps/SwapConfirmationStep.js");
+const SwapSuccessStep_js_1 = require("./steps/SwapSuccessStep.js");
+const numbers_js_1 = require("../../../utils/numbers.js");
+const quote_js_1 = require("../../../utils/quote.js");
+const TransactionModal = (transactionModalProps) => {
+    const { quote, steps, swapError, setSwapError, open, address, fromToken, toToken, useExternalLiquidity, slippageTolerance, isCanonical, wallet, onOpenChange, onAnalyticEvent, onSuccess, onSwapValidating } = transactionModalProps;
+    (0, react_1.useEffect)(() => {
+        onOpenChange(open);
+    }, [open]);
+    return ((0, jsx_runtime_1.jsx)(TransactionModalRenderer_js_1.TransactionModalRenderer, { open: open, fromToken: fromToken, toToken: toToken, quote: quote, steps: steps, swapError: swapError, setSwapError: setSwapError, slippageTolerance: slippageTolerance, address: address, wallet: wallet, onValidating: (quote) => {
+            const steps = quote?.steps;
+            const details = quote?.details;
+            const fees = quote?.fees;
+            onSwapValidating?.({
+                steps: steps,
+                fees: fees,
+                details: details
+            });
+        }, onSuccess: (quote, steps) => {
+            const details = quote?.details;
+            const fees = quote?.fees;
+            const extraData = {
+                amount_in: parseFloat(`${details?.currencyIn?.amountFormatted}`),
+                amount_out: parseFloat(`${details?.currencyOut?.amountFormatted}`)
+            };
+            if (fees?.gas?.amountFormatted) {
+                extraData.gas_fee = parseFloat(fees.gas.amountFormatted);
+            }
+            if (fees?.relayer?.amountFormatted) {
+                extraData.relayer_fee = parseFloat(fees.relayer.amountFormatted);
+            }
+            const quoteId = steps ? (0, quote_js_1.extractQuoteId)(steps) : undefined;
+            onAnalyticEvent?.(events_js_1.EventNames.SWAP_SUCCESS, {
+                ...extraData,
+                chain_id_in: fromToken?.chainId,
+                currency_in: fromToken?.symbol,
+                chain_id_out: toToken?.chainId,
+                currency_out: toToken?.symbol,
+                currency_in_usd: details?.currencyIn?.amountUsd,
+                currency_out_usd: details?.currencyOut?.amountUsd,
+                is_canonical: useExternalLiquidity,
+                quote_id: quoteId,
+                txHashes: steps
+                    ?.map((step) => {
+                    let txHashes = [];
+                    step.items?.forEach((item) => {
+                        if (item.txHashes) {
+                            txHashes = txHashes.concat([
+                                ...(item.txHashes ?? []),
+                                ...(item.internalTxHashes ?? [])
+                            ]);
+                        }
+                    });
+                    return txHashes;
+                })
+                    .flat(),
+                steps
+            });
+            onSuccess?.({
+                steps: steps,
+                fees: fees,
+                details: details
+            });
+        }, children: (rendererProps) => {
+            return ((0, jsx_runtime_1.jsx)(InnerTransactionModal, { address: address, onAnalyticEvent: onAnalyticEvent, isCanonical: isCanonical, ...transactionModalProps, ...rendererProps }));
+        } }));
+};
+exports.TransactionModal = TransactionModal;
+const InnerTransactionModal = ({ open, onOpenChange, fromToken, toToken, quote, address, swapError, setSwapError, progressStep, setProgressStep, steps, setSteps, currentStep, setCurrentStep, setCurrentStepItem, allTxHashes, setAllTxHashes, transaction, executionTime, executionTimeSeconds, setStartTimestamp, onAnalyticEvent, timeEstimate, isCanonical, fromChain, toChain, isLoadingTransaction, setQuote, requestId }) => {
+    (0, react_1.useEffect)(() => {
+        if (!open) {
+            if (currentStep) {
+                onAnalyticEvent?.(events_js_1.EventNames.SWAP_MODAL_CLOSED);
+            }
+            setCurrentStep(null);
+            setCurrentStepItem(null);
+            setAllTxHashes([]);
+            setStartTimestamp(0);
+            setSwapError(null);
+            setSteps(null);
+            setQuote(null);
+        }
+        else {
+            setProgressStep(TransactionModalRenderer_js_1.TransactionProgressStep.Confirmation);
+            onAnalyticEvent?.(events_js_1.EventNames.SWAP_MODAL_OPEN);
+        }
+    }, [open]);
+    const details = quote?.details;
+    const fromAmountFormatted = details?.currencyIn?.amount
+        ? (0, numbers_js_1.formatBN)(details?.currencyIn?.amount, 6, fromToken?.decimals, false)
+        : '';
+    const toAmountFormatted = details?.currencyOut?.amount
+        ? (0, numbers_js_1.formatBN)(details?.currencyOut.amount, 6, toToken?.decimals, false)
+        : '';
+    return ((0, jsx_runtime_1.jsx)(Modal_js_1.Modal, { trigger: null, open: open, onOpenChange: onOpenChange, css: {
+            overflow: 'hidden',
+            p: '4',
+            maxWidth: '412px !important'
+        }, showCloseButton: true, onPointerDownOutside: (e) => {
+            const dynamicModalElements = Array.from(document.querySelectorAll('#dynamic-send-transaction'));
+            const clickedInsideDynamicModal = dynamicModalElements.some((el) => e.target ? el.contains(e.target) : false);
+            if (clickedInsideDynamicModal && dynamicModalElements.length > 0) {
+                e.preventDefault();
+            }
+        }, children: (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { direction: "column", css: {
+                width: '100%',
+                height: '100%',
+                gap: '3'
+            }, children: [(0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "h6", css: { mb: 8 }, children: "Transaction Details" }), progressStep === TransactionModalRenderer_js_1.TransactionProgressStep.Confirmation ? ((0, jsx_runtime_1.jsx)(SwapConfirmationStep_js_1.SwapConfirmationStep, { fromToken: fromToken, toToken: toToken, fromChain: fromChain, toChain: toChain, fromAmountFormatted: fromAmountFormatted, toAmountFormatted: toAmountFormatted, quote: quote, steps: steps })) : null, progressStep === TransactionModalRenderer_js_1.TransactionProgressStep.Success ? ((0, jsx_runtime_1.jsx)(SwapSuccessStep_js_1.SwapSuccessStep, { fromToken: fromToken, toToken: toToken, fromAmountFormatted: fromAmountFormatted, toAmountFormatted: toAmountFormatted, allTxHashes: allTxHashes, transaction: transaction, fillTime: executionTime ?? '', seconds: executionTimeSeconds ?? 0, onOpenChange: onOpenChange, timeEstimate: timeEstimate?.formattedTime, isCanonical: isCanonical, details: details, isLoadingTransaction: isLoadingTransaction, requestId: requestId })) : null, progressStep === TransactionModalRenderer_js_1.TransactionProgressStep.Error ? ((0, jsx_runtime_1.jsx)(ErrorStep_js_1.ErrorStep, { error: swapError, allTxHashes: allTxHashes, address: address, onOpenChange: onOpenChange, transaction: transaction, fromChain: fromChain, toChain: toChain })) : null] }) }));
+};
+//# sourceMappingURL=TransactionModal.js.map

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

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

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

@@ -0,0 +1,136 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TransactionModalRenderer = exports.TransactionProgressStep = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const relayTransaction_js_1 = require("../../../utils/relayTransaction.js");
+const relay_kit_hooks_1 = require("@relayprotocol/relay-kit-hooks");
+const index_js_1 = require("../../../hooks/index.js");
+const quote_js_1 = require("../../../utils/quote.js");
+var TransactionProgressStep;
+(function (TransactionProgressStep) {
+    TransactionProgressStep[TransactionProgressStep["Confirmation"] = 0] = "Confirmation";
+    TransactionProgressStep[TransactionProgressStep["Success"] = 1] = "Success";
+    TransactionProgressStep[TransactionProgressStep["Error"] = 2] = "Error";
+})(TransactionProgressStep || (exports.TransactionProgressStep = TransactionProgressStep = {}));
+const TransactionModalRenderer = ({ open, address, fromToken, toToken, slippageTolerance, wallet, steps, quote, swapError, setSwapError, children, onSuccess, onValidating }) => {
+    const relayClient = (0, index_js_1.useRelayClient)();
+    const [progressStep, setProgressStep] = (0, react_1.useState)(TransactionProgressStep.Confirmation);
+    const [currentStep, setCurrentStep] = (0, react_1.useState)();
+    const [currentStepItem, setCurrentStepItem] = (0, react_1.useState)();
+    const [allTxHashes, setAllTxHashes] = (0, react_1.useState)([]);
+    const [startTimestamp, setStartTimestamp] = (0, react_1.useState)(0);
+    const [waitingForSteps, setWaitingForSteps] = (0, react_1.useState)(false);
+    const [hasStartedValidation, setHasStartedValidation] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
+        if (!open) {
+            setHasStartedValidation(false);
+        }
+    }, [open]);
+    (0, react_1.useEffect)(() => {
+        if (swapError) {
+            setProgressStep(TransactionProgressStep.Error);
+            return;
+        }
+        if (!steps) {
+            return;
+        }
+        const executableSteps = steps.filter((step) => step.items && step.items.length > 0);
+        let stepCount = executableSteps.length;
+        let txHashes = [];
+        let currentStep = null;
+        let currentStepItem;
+        for (const step of executableSteps) {
+            for (const item of step.items || []) {
+                if (item.txHashes && item.txHashes.length > 0) {
+                    txHashes = item.txHashes.concat([...txHashes]);
+                }
+                if (item.internalTxHashes && item.internalTxHashes.length > 0) {
+                    txHashes = item.internalTxHashes.concat([...txHashes]);
+                }
+                if (item.status === 'incomplete') {
+                    currentStep = step;
+                    currentStepItem = item;
+                    break;
+                }
+            }
+            if (currentStep && currentStepItem)
+                break;
+        }
+        setAllTxHashes(txHashes);
+        if (!hasStartedValidation &&
+            (txHashes.length > 0 || currentStepItem?.isValidatingSignature == true) &&
+            progressStep === TransactionProgressStep.Confirmation) {
+            onValidating?.(quote);
+            setStartTimestamp(new Date().getTime());
+            setHasStartedValidation(true);
+        }
+        if (!currentStep) {
+            currentStep = executableSteps[stepCount - 1];
+        }
+        setCurrentStep(currentStep);
+        setCurrentStepItem(currentStepItem);
+        if (steps.every((step) => !step.items ||
+            step.items.length == 0 ||
+            step.items?.every((item) => item.status === 'complete')) &&
+            progressStep !== TransactionProgressStep.Success) {
+            setProgressStep(TransactionProgressStep.Success);
+            onSuccess?.(quote, steps);
+        }
+    }, [steps, swapError]);
+    const requestId = (0, react_1.useMemo)(() => (0, relayTransaction_js_1.extractDepositRequestId)(steps), [steps]);
+    const { data: transactions, isInitialLoading: isLoadingTransaction } = (0, relay_kit_hooks_1.useRequests)((progressStep === TransactionProgressStep.Success ||
+        progressStep === TransactionProgressStep.Error) &&
+        requestId
+        ? { id: requestId }
+        : undefined, relayClient?.baseApiUrl, {
+        enabled: (progressStep === TransactionProgressStep.Success ||
+            progressStep === TransactionProgressStep.Error) &&
+            (requestId || allTxHashes[0])
+            ? true
+            : false,
+        refetchInterval(query) {
+            if (query.state.dataUpdateCount > 10) {
+                return 0;
+            }
+            if (!query.state.data?.pages[0].requests?.[0]) {
+                return 2500;
+            }
+            return 0;
+        }
+    });
+    const transaction = transactions[0];
+    const { fillTime, seconds } = (0, relayTransaction_js_1.calculateFillTime)(transaction);
+    const { fillTime: executionTime, seconds: executionTimeSeconds } = (0, relayTransaction_js_1.calculateExecutionTime)(Math.floor(startTimestamp / 1000), transaction);
+    const isAutoSlippage = slippageTolerance === undefined;
+    const timeEstimate = (0, quote_js_1.calculatePriceTimeEstimate)(quote?.details);
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children({
+            wallet,
+            progressStep,
+            setProgressStep,
+            currentStep,
+            setCurrentStep,
+            currentStepItem,
+            setCurrentStepItem,
+            quote,
+            steps,
+            waitingForSteps,
+            swapError,
+            setSwapError,
+            allTxHashes,
+            setAllTxHashes,
+            transaction,
+            fillTime,
+            seconds,
+            executionTime,
+            executionTimeSeconds,
+            startTimestamp,
+            setStartTimestamp,
+            requestId,
+            isLoadingTransaction,
+            isAutoSlippage,
+            timeEstimate
+        }) }));
+};
+exports.TransactionModalRenderer = TransactionModalRenderer;
+//# sourceMappingURL=TransactionModalRenderer.js.map