@relayprotocol/relay-kit-ui 2.17.2

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

@@ -0,0 +1,83 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import {} from 'viem';
+import { useEffect } from 'react';
+import { DepositAddressModalRenderer, TransactionProgressStep } from './DepositAddressModalRenderer.js';
+import { Modal } from '../Modal.js';
+import { Flex, Text } from '../../primitives/index.js';
+import { ErrorStep } from './steps/ErrorStep.js';
+import { EventNames } from '../../../constants/events.js';
+import {} from '../../../types/index.js';
+import { SwapSuccessStep } from './steps/SwapSuccessStep.js';
+import { formatBN } from '../../../utils/numbers.js';
+import { extractQuoteId } from '../../../utils/quote.js';
+import { WaitingForDepositStep } from './steps/WaitingForDepositStep.js';
+import { DepositAddressValidatingStep } from './steps/DepositAddressValidatingStep.js';
+export const DepositAddressModal = (depositAddressModalProps) => {
+    const { open, address, fromChain, fromToken, toToken, recipient, debouncedInputAmountValue, debouncedOutputAmountValue, onOpenChange, invalidateBalanceQueries, onAnalyticEvent, onSuccess } = depositAddressModalProps;
+    useEffect(() => {
+        onOpenChange(open);
+    }, [open]);
+    return (_jsx(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
+                ? extractQuoteId(quote?.steps)
+                : undefined;
+            onAnalyticEvent?.(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 (_jsx(InnerDepositAddressModal, { address: address, onAnalyticEvent: onAnalyticEvent, ...depositAddressModalProps, ...rendererProps }));
+        } }));
+};
+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
+        ? formatBN(details?.currencyIn?.amount, 6, fromToken?.decimals, false)
+        : '';
+    const toAmountFormatted = details?.currencyOut?.amount
+        ? formatBN(details?.currencyOut.amount, 6, toToken?.decimals, false)
+        : '';
+    const isWaitingForDeposit = progressStep === TransactionProgressStep.WaitingForDeposit;
+    return (_jsx(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: _jsxs(Flex, { direction: "column", css: {
+                width: '100%',
+                height: '100%',
+                gap: isWaitingForDeposit ? '3' : '4'
+            }, children: [_jsx(Text, { style: "h6", css: { mb: 8 }, children: isWaitingForDeposit ? 'Manual Transfer' : 'Trade Details' }), progressStep === TransactionProgressStep.WaitingForDeposit ? (_jsx(WaitingForDepositStep, { fromToken: fromToken, fromChain: fromChain, fromAmountFormatted: fromAmountFormatted, isFetchingQuote: isFetchingQuote, depositAddress: depositAddress })) : null, progressStep === TransactionProgressStep.Validating ? (_jsx(DepositAddressValidatingStep, { status: executionStatus?.status, txHashes: executionStatus?.txHashes ?? [] })) : null, progressStep === TransactionProgressStep.Success ? (_jsx(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 === TransactionProgressStep.Error ? (_jsx(ErrorStep, { error: swapError || quoteError, allTxHashes: allTxHashes, address: address, onOpenChange: onOpenChange, transaction: transaction, fromChain: fromChain, toChain: toChain })) : null] }) }));
+};
+//# sourceMappingURL=DepositAddressModal.js.map

package/_esm/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":";AACA,OAAO,EAAgB,MAAM,MAAM,CAAA;AACnC,OAAO,EAAW,SAAS,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,EAEL,2BAA2B,EAC3B,uBAAuB,EACxB,MAAM,kCAAkC,CAAA;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AACnC,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAA;AACzD,OAAO,EAAc,MAAM,yBAAyB,CAAA;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAA;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,EAAE,qBAAqB,EAAE,MAAM,kCAAkC,CAAA;AACxE,OAAO,EAAE,4BAA4B,EAAE,MAAM,yCAAyC,CAAA;AAmBtF,MAAM,CAAC,MAAM,mBAAmB,GAAiC,CAC/D,wBAAwB,EACxB,EAAE;IACF,MAAM,EACJ,IAAI,EACJ,OAAO,EACP,SAAS,EACT,SAAS,EACT,OAAO,EACP,SAAS,EACT,yBAAyB,EACzB,0BAA0B,EAC1B,YAAY,EACZ,wBAAwB,EACxB,eAAe,EACf,SAAS,EACV,GAAG,wBAAwB,CAAA;IAE5B,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,CAAC,IAAI,CAAC,CAAA;IACpB,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,OAAO,CACL,KAAC,2BAA2B,IAC1B,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,yBAAyB,EAAE,yBAAyB,EACpD,0BAA0B,EAAE,0BAA0B,EACtD,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,wBAAwB,EAAE,wBAAwB,EAClD,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,CAAC,KAAK,EAAE,eAAe,EAAE,EAAE;YACpC,MAAM,OAAO,GAAG,KAAK,EAAE,OAAO,CAAA;YAC9B,MAAM,IAAI,GAAG,KAAK,EAAE,IAAI,CAAA;YAExB,MAAM,SAAS,GAKX;gBACF,SAAS,EAAE,UAAU,CAAC,GAAG,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,CAAC;gBAChE,UAAU,EAAE,UAAU,CAAC,GAAG,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,CAAC;aACnE,CAAA;YACD,IAAI,IAAI,EAAE,GAAG,EAAE,eAAe,EAAE,CAAC;gBAC/B,SAAS,CAAC,OAAO,GAAG,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,eAAe,CAAC,CAAA;YAC1D,CAAC;YACD,IAAI,IAAI,EAAE,OAAO,EAAE,eAAe,EAAE,CAAC;gBACnC,SAAS,CAAC,WAAW,GAAG,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,CAAA;YAClE,CAAC;YACD,MAAM,OAAO,GAAG,KAAK;gBACnB,CAAC,CAAC,cAAc,CAAC,KAAK,EAAE,KAAyB,CAAC;gBAClD,CAAC,CAAC,SAAS,CAAA;YACb,eAAe,EAAE,CAAC,UAAU,CAAC,YAAY,EAAE;gBACzC,GAAG,SAAS;gBACZ,WAAW,EAAE,SAAS,EAAE,OAAO;gBAC/B,WAAW,EAAE,SAAS,EAAE,MAAM;gBAC9B,YAAY,EAAE,OAAO,EAAE,OAAO;gBAC9B,YAAY,EAAE,OAAO,EAAE,MAAM;gBAC7B,QAAQ,EAAE,OAAO;gBACjB,QAAQ,EAAE;oBACR,GAAG,CAAC,eAAe,EAAE,UAAU,IAAI,EAAE,CAAC;oBACtC,GAAG,CAAC,eAAe,EAAE,QAAQ,IAAI,EAAE,CAAC;iBACrC;gBACD,KAAK,EAAE,KAAK,EAAE,KAAK;aACpB,CAAC,CAAA;YACF,SAAS,EAAE,CAAC;gBACV,KAAK,EAAE,KAAK,EAAE,KAAyB;gBACvC,IAAI,EAAE,IAAI;gBACV,OAAO,EAAE,OAAO;aACjB,CAAC,CAAA;QACJ,CAAC,YAEA,CAAC,aAAa,EAAE,EAAE;YACjB,OAAO,CACL,KAAC,wBAAwB,IACvB,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,eAAe,KAC5B,wBAAwB,KACxB,aAAa,GACjB,CACH,CAAA;QACH,CAAC,GAC2B,CAC/B,CAAA;AACH,CAAC,CAAA;AAID,MAAM,wBAAwB,GAAsC,CAAC,EACnE,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,OAAO,EACP,KAAK,EACL,eAAe,EACf,UAAU,EACV,OAAO,EACP,SAAS,EACT,YAAY,EACZ,WAAW,EACX,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,SAAS,EACT,OAAO,EACP,SAAS,EACT,cAAc,EACd,eAAe,EACf,oBAAoB,EACpB,SAAS,EACV,EAAE,EAAE;IACH,MAAM,OAAO,GAAG,KAAK,EAAE,OAAO,CAAA;IAE9B,MAAM,mBAAmB,GAAG,OAAO,EAAE,UAAU,EAAE,MAAM;QACrD,CAAC,CAAC,QAAQ,CAAC,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,CAAC;QACtE,CAAC,CAAC,EAAE,CAAA;IACN,MAAM,iBAAiB,GAAG,OAAO,EAAE,WAAW,EAAE,MAAM;QACpD,CAAC,CAAC,QAAQ,CAAC,OAAO,EAAE,WAAW,CAAC,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,CAAC;QACpE,CAAC,CAAC,EAAE,CAAA;IAEN,MAAM,mBAAmB,GACvB,YAAY,KAAK,uBAAuB,CAAC,iBAAiB,CAAA;IAE5D,OAAO,CACL,KAAC,KAAK,IACJ,OAAO,EAAE,IAAI,EACb,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,GAAG,EAAE;YACH,QAAQ,EAAE,QAAQ;YAClB,CAAC,EAAE,GAAG;YACN,QAAQ,EAAE,kBAAkB;SAC7B,EACD,eAAe,EAAE,IAAI,EACrB,oBAAoB,EAAE,CAAC,CAAC,EAAE,EAAE;YAC1B,MAAM,oBAAoB,GAAG,KAAK,CAAC,IAAI,CACrC,QAAQ,CAAC,gBAAgB,CAAC,2BAA2B,CAAC,CACvD,CAAA;YACD,MAAM,yBAAyB,GAAG,oBAAoB,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,CACjE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAc,CAAC,CAAC,CAAC,CAAC,KAAK,CACjD,CAAA;YAED,IAAI,yBAAyB,IAAI,oBAAoB,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBACjE,CAAC,CAAC,cAAc,EAAE,CAAA;YACpB,CAAC;QACH,CAAC,YAED,MAAC,IAAI,IACH,SAAS,EAAC,QAAQ,EAClB,GAAG,EAAE;gBACH,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;gBACd,GAAG,EAAE,mBAAmB,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG;aACrC,aAED,KAAC,IAAI,IAAC,KAAK,EAAC,IAAI,EAAC,GAAG,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,YAC5B,mBAAmB,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,eAAe,GACrD,EAEN,YAAY,KAAK,uBAAuB,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAC5D,KAAC,qBAAqB,IACpB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,mBAAmB,EAAE,mBAAmB,EACxC,eAAe,EAAE,eAAe,EAChC,cAAc,EAAE,cAAc,GAC9B,CACH,CAAC,CAAC,CAAC,IAAI,EAEP,YAAY,KAAK,uBAAuB,CAAC,UAAU,CAAC,CAAC,CAAC,CACrD,KAAC,4BAA4B,IAC3B,MAAM,EAAE,eAAe,EAAE,MAAM,EAC/B,QAAQ,EAAE,eAAe,EAAE,QAAQ,IAAI,EAAE,GACzC,CACH,CAAC,CAAC,CAAC,IAAI,EACP,YAAY,KAAK,uBAAuB,CAAC,OAAO,CAAC,CAAC,CAAC,CAClD,KAAC,eAAe,IACd,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,mBAAmB,EAAE,mBAAmB,EACxC,iBAAiB,EAAE,iBAAiB,EACpC,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,IAAI,CAAC,EACrB,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAAE,aAAa,EACzC,WAAW,EAAE,KAAK,EAClB,OAAO,EAAE,OAAO,EAChB,oBAAoB,EAAE,oBAAoB,EAC1C,SAAS,EAAE,SAAS,GACpB,CACH,CAAC,CAAC,CAAC,IAAI,EACP,YAAY,KAAK,uBAAuB,CAAC,KAAK,CAAC,CAAC,CAAC,CAChD,KAAC,SAAS,IACR,KAAK,EAAE,SAAS,IAAI,UAAU,EAC9B,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,GAChB,CACH,CAAC,CAAC,CAAC,IAAI,IACH,GACD,CACT,CAAA;AACH,CAAC,CAAA"}

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

@@ -0,0 +1,245 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { useMemo, useState, useEffect, useContext } from 'react';
+import { parseUnits } from 'viem';
+import {} from '@relayprotocol/relay-sdk';
+import { calculateFillTime, extractDepositRequestId } from '../../../utils/relayTransaction.js';
+import { useQuote, useRequests, useExecutionStatus } from '@relayprotocol/relay-kit-hooks';
+import { useRelayClient } from '../../../hooks/index.js';
+import { EventNames } from '../../../constants/events.js';
+import { ProviderOptionsContext } from '../../../providers/RelayKitProvider.js';
+import { useAccount } from 'wagmi';
+import { calculatePriceTimeEstimate, extractDepositAddress, extractQuoteId } from '../../../utils/quote.js';
+import { getDeadAddress } from '@relayprotocol/relay-sdk';
+import { useQueryClient } from '@tanstack/react-query';
+import { bitcoin } from '../../../utils/bitcoin.js';
+import { errorToJSON } from '../../../utils/errors.js';
+import { sha256 } from '../../../utils/hashing.js';
+import { get15MinuteInterval } from '../../../utils/time.js';
+export 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 || (TransactionProgressStep = {}));
+export const DepositAddressModalRenderer = ({ open, address, fromChain, fromToken, toToken, debouncedInputAmountValue, debouncedOutputAmountValue, recipient, invalidateBalanceQueries, children, onSuccess, onAnalyticEvent, onSwapError }) => {
+    const queryClient = useQueryClient();
+    const [progressStep, setProgressStep] = useState(TransactionProgressStep.WaitingForDeposit);
+    const [swapError, setSwapError] = useState(null);
+    const relayClient = useRelayClient();
+    const providerOptionsContext = useContext(ProviderOptionsContext);
+    const { connector } = useAccount();
+    const deadAddress = 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: parseUnits(debouncedInputAmountValue, fromToken.decimals).toString(),
+            referrer: relayClient?.source ?? undefined,
+            useDepositAddress: true
+        }
+        : undefined;
+    const { data: quoteData, isLoading: isFetchingQuote, isRefetching, error: quoteError, queryKey } = useQuote(relayClient ? relayClient : undefined, undefined, quoteParameters, (options, config) => {
+        const interval = get15MinuteInterval();
+        const quoteRequestId = sha256({ ...options, interval });
+        onAnalyticEvent?.(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 = get15MinuteInterval();
+        const quoteRequestId = sha256({ ...options, interval });
+        onAnalyticEvent?.(EventNames.QUOTE_RECEIVED, {
+            parameters: options,
+            wallet_connector: connector?.name,
+            quote_id: steps ? 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 = errorToJSON(e?.response?.data?.message ? new Error(e?.response?.data?.message) : e);
+        const interval = get15MinuteInterval();
+        const quoteRequestId = sha256({ ...quoteParameters, interval });
+        onAnalyticEvent?.(EventNames.QUOTE_ERROR, {
+            wallet_connector: connector?.name,
+            error_message: errorMessage,
+            parameters: quoteParameters,
+            quote_request_id: quoteRequestId
+        });
+    });
+    const quote = isFetchingQuote || isRefetching ? undefined : quoteData;
+    const requestId = useMemo(() => extractDepositRequestId(quote?.steps), [quote]);
+    const depositAddress = useMemo(() => extractDepositAddress(quote?.steps), [quote]);
+    useEffect(() => {
+        if (!open) {
+            if (quote) {
+                onAnalyticEvent?.(EventNames.DEPOSIT_ADDRESS_MODAL_CLOSED);
+            }
+            setSwapError(null);
+            queryClient.invalidateQueries({ queryKey });
+        }
+        else {
+            setProgressStep(TransactionProgressStep.WaitingForDeposit);
+            onAnalyticEvent?.(EventNames.DEPOSIT_ADDRESS_MODAL_OPEN);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [open]);
+    const { data: executionStatus } = 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;
+        }
+    });
+    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?.(EventNames.DEPOSIT_ADDRESS_SWAP_ERROR, {
+                error_message: 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.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 = 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 } = 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 } = calculateFillTime(transaction);
+    const timeEstimate = calculatePriceTimeEstimate(quote?.details);
+    const toChain = toToken?.chainId
+        ? relayClient?.chains.find((chain) => chain.id === toToken?.chainId)
+        : null;
+    return (_jsx(_Fragment, { children: children({
+            progressStep,
+            setProgressStep,
+            quote,
+            isFetchingQuote: isFetchingQuote || isRefetching,
+            quoteError,
+            swapError,
+            setSwapError,
+            allTxHashes,
+            transaction,
+            fillTime,
+            seconds,
+            requestId,
+            depositAddress,
+            executionStatus,
+            isLoadingTransaction,
+            toChain,
+            timeEstimate
+        }) }));
+};
+//# sourceMappingURL=DepositAddressModalRenderer.js.map

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

@@ -0,0 +1,120 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import {} from 'viem';
+import { useEffect } from 'react';
+import { TransactionModalRenderer, TransactionProgressStep } from './TransactionModalRenderer.js';
+import { Modal } from '../Modal.js';
+import { Flex, Text } from '../../primitives/index.js';
+import { ErrorStep } from './steps/ErrorStep.js';
+import { EventNames } from '../../../constants/events.js';
+import { SwapConfirmationStep } from './steps/SwapConfirmationStep.js';
+import {} from '../../../types/index.js';
+import { SwapSuccessStep } from './steps/SwapSuccessStep.js';
+import { formatBN } from '../../../utils/numbers.js';
+import { extractQuoteId } from '../../../utils/quote.js';
+export const TransactionModal = (transactionModalProps) => {
+    const { quote, steps, swapError, setSwapError, open, address, fromToken, toToken, useExternalLiquidity, slippageTolerance, isCanonical, wallet, onOpenChange, onAnalyticEvent, onSuccess, onSwapValidating } = transactionModalProps;
+    useEffect(() => {
+        onOpenChange(open);
+    }, [open]);
+    return (_jsx(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 ? extractQuoteId(steps) : undefined;
+            onAnalyticEvent?.(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 (_jsx(InnerTransactionModal, { address: address, onAnalyticEvent: onAnalyticEvent, isCanonical: isCanonical, ...transactionModalProps, ...rendererProps }));
+        } }));
+};
+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 }) => {
+    useEffect(() => {
+        if (!open) {
+            if (currentStep) {
+                onAnalyticEvent?.(EventNames.SWAP_MODAL_CLOSED);
+            }
+            setCurrentStep(null);
+            setCurrentStepItem(null);
+            setAllTxHashes([]);
+            setStartTimestamp(0);
+            setSwapError(null);
+            setSteps(null);
+            setQuote(null);
+        }
+        else {
+            setProgressStep(TransactionProgressStep.Confirmation);
+            onAnalyticEvent?.(EventNames.SWAP_MODAL_OPEN);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [open]);
+    const details = quote?.details;
+    const fromAmountFormatted = details?.currencyIn?.amount
+        ? formatBN(details?.currencyIn?.amount, 6, fromToken?.decimals, false)
+        : '';
+    const toAmountFormatted = details?.currencyOut?.amount
+        ? formatBN(details?.currencyOut.amount, 6, toToken?.decimals, false)
+        : '';
+    return (_jsx(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: _jsxs(Flex, { direction: "column", css: {
+                width: '100%',
+                height: '100%',
+                gap: '3'
+            }, children: [_jsx(Text, { style: "h6", css: { mb: 8 }, children: "Transaction Details" }), progressStep === TransactionProgressStep.Confirmation ? (_jsx(SwapConfirmationStep, { fromToken: fromToken, toToken: toToken, fromChain: fromChain, toChain: toChain, fromAmountFormatted: fromAmountFormatted, toAmountFormatted: toAmountFormatted, quote: quote, steps: steps })) : null, progressStep === TransactionProgressStep.Success ? (_jsx(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 === TransactionProgressStep.Error ? (_jsx(ErrorStep, { error: swapError, allTxHashes: allTxHashes, address: address, onOpenChange: onOpenChange, transaction: transaction, fromChain: fromChain, toChain: toChain })) : null] }) }));
+};
+//# sourceMappingURL=TransactionModal.js.map

package/_esm/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/_esm/src/components/common/TransactionModal/TransactionModalRenderer.js

@@ -0,0 +1,135 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { useMemo, useState, useEffect } from 'react';
+import {} from 'viem';
+import {} from '@relayprotocol/relay-sdk';
+import { calculateExecutionTime, calculateFillTime, extractDepositRequestId } from '../../../utils/relayTransaction.js';
+import { useRequests } from '@relayprotocol/relay-kit-hooks';
+import { useRelayClient } from '../../../hooks/index.js';
+import { calculatePriceTimeEstimate } from '../../../utils/quote.js';
+export var TransactionProgressStep;
+(function (TransactionProgressStep) {
+    TransactionProgressStep[TransactionProgressStep["Confirmation"] = 0] = "Confirmation";
+    TransactionProgressStep[TransactionProgressStep["Success"] = 1] = "Success";
+    TransactionProgressStep[TransactionProgressStep["Error"] = 2] = "Error";
+})(TransactionProgressStep || (TransactionProgressStep = {}));
+export const TransactionModalRenderer = ({ open, address, fromToken, toToken, slippageTolerance, wallet, steps, quote, swapError, setSwapError, children, onSuccess, onValidating }) => {
+    const relayClient = useRelayClient();
+    const [progressStep, setProgressStep] = useState(TransactionProgressStep.Confirmation);
+    const [currentStep, setCurrentStep] = useState();
+    const [currentStepItem, setCurrentStepItem] = useState();
+    const [allTxHashes, setAllTxHashes] = useState([]);
+    const [startTimestamp, setStartTimestamp] = useState(0);
+    const [waitingForSteps, setWaitingForSteps] = useState(false);
+    const [hasStartedValidation, setHasStartedValidation] = useState(false);
+    useEffect(() => {
+        if (!open) {
+            setHasStartedValidation(false);
+        }
+    }, [open]);
+    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; // Exit the inner loop once the first incomplete item is found
+                }
+            }
+            if (currentStep && currentStepItem)
+                break; // Exit the outer loop if the current step and item have been found
+        }
+        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 = useMemo(() => extractDepositRequestId(steps), [steps]);
+    // Fetch Success Tx
+    const { data: transactions, isInitialLoading: isLoadingTransaction } = 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 } = calculateFillTime(transaction);
+    const { fillTime: executionTime, seconds: executionTimeSeconds } = calculateExecutionTime(Math.floor(startTimestamp / 1000), transaction);
+    const isAutoSlippage = slippageTolerance === undefined;
+    const timeEstimate = calculatePriceTimeEstimate(quote?.details);
+    return (_jsx(_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
+        }) }));
+};
+//# sourceMappingURL=TransactionModalRenderer.js.map

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